@font-face {
    font-family: 'ELANDB';
    font-style: normal;
    src: url('/humanframe/global/assets/css/font/ELAND/ELAND_B.ttf') format('truetype'),
    url('/humanframe/global/assets/css/font/ELAND/ELAND_OTF_B.otf') format('opentype');
}
@font-face {
    font-family: 'ELANDM';
    font-style: normal;
    src: url('/humanframe/global/assets/css/font/ELAND/ELAND_M.ttf') format('truetype'),
        url('/humanframe/global/assets/css/font/ELAND/ELAND_OTF_M.otf') format('opentype');
}
@font-face {
    font-family: 'ELANDL';
    font-style: normal;
    src: url('/humanframe/global/assets/css/font/ELAND/ELAND_L.ttf') format('truetype'),
        url('/humanframe/global/assets/css/font/ELAND/ELAND_OTF_L.otf') format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 100;
    src: url('/humanframe/global/assets/css/font//NotoSansKR-Thin.woff2') format('woff2'),
        url('/humanframe/global/assets/css/font/NotoSansKR-Thin.woff') format('woff'),
        url('/humanframe/global/assets/css/font/NotoSansKR-Thin.otf') format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 200;
    src: url('/humanframe/global/assets/css/font/NotoSansKR-Light.woff2') format('woff2'),
        url('/humanframe/global/assets/css/font/NotoSansKR-Light.woff') format('woff'),
        url('/humanframe/global/assets/css/font/NotoSansKR-Light.otf') format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 400;
    src: url('/humanframe/global/assets/css/font/NotoSansKR-Regular.woff2') format('woff2'),
        url('/humanframe/global/assets/css/font/NotoSansKR-Regular.woff') format('woff'),
        url('/humanframe/global/assets/css/font/NotoSansKR-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 500;
    src: url('/humanframe/global/assets/css/font/NotoSansKR-Medium.woff2') format('woff2'),
        url('/humanframe/global/assets/css/font/NotoSansKR-Medium.woff') format('woff'),
        url('/humanframe/global/assets/css/font/NotoSansKR-Medium.otf') format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 600;
    src: url('/humanframe/global/assets/css/font/NotoSansKR-Bold.woff2') format('woff2'),
        url('/humanframe/global/assets/css/font/NotoSansKR-Bold.woff') format('woff'),
        url('/humanframe/global/assets/css/font/NotoSansKR-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 700;
    src: url('/humanframe/global/assets/css/font/NotoSansKR-Black.woff2') format('woff2'),
        url('/humanframe/global/assets/css/font/NotoSansKR-Black.woff') format('woff'),
        url('/humanframe/global/assets/css/font/NotoSansKR-Black.otf') format('opentype');
}

/* 임시 */
/* @media screen and (min-width: 2860px) {
    body {max-height: 100vh; overflow-y: hidden;}
} */

#contents .titPage {display: none;}
a:active, a:hover, a:focus {text-decoration: none;}

#jumpWrap {font-family: "Noto Sans KR", sans-serif; color: #333333; overflow: hidden; background: #eeeeee;}

.whiteBg,
.whiteBg2 {position: relative; z-index: 0;}
.whiteBg::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/resource/jumping/img/white_bg.png') center no-repeat; background-size: cover; z-index: -1;}
.whiteBg2 {background: #fff;}
.whiteBg2::before {content: ''; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); width: 2000px; height: 35px; background: url('/resource/jumping/img/white_bg1.png') center no-repeat;  background-size: cover; z-index: -1;} 
.jumpCont:not(.whiteBg2)::before {content: ''; position: absolute; top: -25px; left: 50%; transform: translateX(-50%); width: 2000px; height: 35px; background: url('/resource/jumping/img/white_bg2.png') center no-repeat; background-size: cover; z-index: 0;} 
 
.ani1 {opacity: 0; transform: translateY(20px); animation: ani 1s forwards;}
.ani2 {opacity: 0; transform: translateY(20px); animation: ani 1s 0.5s forwards;}

@keyframes ani {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.jumpHeader {position: relative; padding-bottom: 70px; z-index: 1;}
.jumpHeader .jumpLogo {display: flex; justify-content: space-between; align-items: center; padding: 30px 50px 0 50px; box-sizing: border-box; background: #fff;}
.jumpHeader .jump_inHeader {width: 100%; max-width: 1440px; margin: 0 auto;}
.jumpHeader .jump_inHeader .jumpTitle {display: flex; align-items: center; justify-content: center; margin-bottom: 45px; margin-left: 75px; max-height: 154px;}
.jumpHeader .jump_inHeader .jumpTitle img.type1 {margin-right: -20px;}
.jumpHeader .jump_inHeader .jumpTitle img.type3 {margin-left: -20px;}
.jumpHeader .jump_inHeader .jumpTitle img.type2 {margin: 0 30px 0 50px;}
.jumpHeader .jump_inHeader .jumpTitle video.type2 {width: 280px; background-color: transparent;}
.jumpHeader .jump_inHeader .jumpMenu {display: flex; justify-content: center; align-items: flex-end; gap: 18px;}
.jumpHeader .jump_inHeader .jumpMenu li a {display: block; font-size: 20px; font-weight: 700; color: #222222;}
.jumpHeader .jump_inHeader .jumpMenu li a.active {padding-bottom: 15px; border-bottom: 1px solid #ea5737; color: #ea5737;}

/* 스크롤 헤더 */
.jumpHeader.scroll {padding-top: 150px;}
.jumpHeader.scroll .jump_inHeader {max-width: 100%; padding: 25px 80px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; position: fixed; top: 0; left: 0; z-index: 1; background: #fff; transition: padding 0.5s; border-bottom: 1px solid #dbdbdb;}
.jumpHeader.scroll .jump_inHeader .jumpTitle {margin: 0; flex-wrap: nowrap; max-height: 87px;}
.jumpHeader.scroll .jump_inHeader .jumpTitle img.type1 {width: 83px;}
.jumpHeader.scroll .jump_inHeader .jumpTitle img.type2 {width: 84px; margin: 0 15px 0 30px;}
.jumpHeader.scroll .jump_inHeader .jumpTitle video.type2 {width: 139px;}
.jumpHeader.scroll .jump_inHeader .jumpTitle img.type3 {width: 182px;}

.jumpCont {position: relative; width: 100%; padding: 100px 0 135px 0;}
.jumpCont .ContBox {max-width: 1440px; margin: 0 auto;}
.jumpCont .title {width: max-content; font-family: 'ELANDM'; line-height: 70px; font-size: 55px; position: relative; margin-bottom: 50px;}
.jumpCont .title span {color: #e60f82;}
.jumpCont .title span.sTxt {color: #333333; font-size: 30px;}
.jumpCont .title span.txt {font-family: "Noto Sans KR"; font-weight: 200; font-size: 16px; color: #333333;}
.jumpCont .cont { display: flex; gap: 50px;}
.jumpCont .imgArea {position: relative; width: 650px; height: 390px; flex-shrink: 0; border-radius: 20px; overflow: hidden; background: #edf9f5;}
.jumpCont .imgArea>img {display: block; width: 100%; height: 100%; object-fit: cover;}

.jumpCont .imgArea.in-view{
	animation-name: imgMotion;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
	animation-delay: 0.3s;
	opacity: 0;
}
@keyframes imgMotion{
	0% {clip-path: inset(50%);opacity:0;}
	100% {clip-path: inset(0);opacity:1;}
}

.ani3.in-view {opacity: 0; animation: ani3 1s 1s forwards;}

@keyframes ani3 {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.ani4.in-view {opacity: 0; animation: ani4 1s 1.5s forwards;}

@keyframes ani4 {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.ani5.in-view {opacity: 0; animation: ani4 1s 2s forwards;}

@keyframes ani4 {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

/* 2024년 글로벌 스타트업 생태계 */
.jumpCont.type2 .imgArea .txt {position: absolute; top: 50%; left: 33%; font-size: 40px; color: #fff;}
.jumpCont.type2 .imgArea .txtImg {position: absolute; top: 35%; left: 7%; width: auto; height: auto;}

/* 글로벌 스마트센터지수 */
.jumpCont.global .imgArea .rank {position: absolute; top: 20px;}

/* 낙동간 횡단교량 */
.jumpCont.nakdong .imgArea .txt {position: absolute; top: 63px; left: 75px; font-size: 18px; font-weight: 700; line-height: 27px;}
.jumpCont.nakdong .imgArea .txt2 {position: absolute; top: 139px; right: 48px; font-size: 18px; font-weight: 700; line-height: 27px;}

/* 뉴욕타임즈 */
.jumpCont.new .textArea .list li.flex span {min-width: 72px;}
.jumpCont.new .imgArea .txtImg {top: 64px; left: 40px;}
.jumpCont.new .imgArea .txtImg:nth-of-type(3) {top: auto; bottom: 56px;}

/* 아동삶의질 */
.jumpCont.kid .textArea .list li.flex span {min-width: auto;}

/* 15분도시 */
.jumpCont.min15 .textArea .list li.flex span {min-width: 141px;}
.jumpCont.min15 .imgArea {display: flex; align-items: center; justify-content: center; gap: 48px;}
.jumpCont.min15 .imgArea img {width: auto; height: auto;}

/* 들락날락 */
.jumpCont.gran .textArea .list li.flex span {min-width: 88px;}

/* 청년고용률 */
.jumpCont.hire .imgArea .txtImg {top: 30%; left: 10%;}
.jumpCont.hire .imgArea .txtImg:nth-of-type(3) {top: 70%;}

/* 하하센터 */
.jumpCont.haha .textArea .list li.flex span {min-width: 140px;}
.jumpCont.haha .imgArea .txtImg {top: 28%; left: 53%;}

/* 임대료 지원 */
.jumpCont.house .textArea .list li.flex span {min-width: 231px;}

/* 부산의공원 */
.jumpCont.park .textArea .list li.flex span {min-width: 122px;}
.jumpCont.park .imgArea {height: 450px;}
.jumpCont.park .imgArea .txtImg {top: 7%; left: 65% !important;}
.jumpCont.park .imgArea .txtImg:nth-child(3) {top: 36%;}
.jumpCont.park .imgArea .txtImg:nth-child(4) {top: 75%;}

/* 문화공간 */
.jumpCont.culture .textArea .list li.flex span {min-width: 134px;}
.jumpCont.culture {align-items: flex-start;}
.jumpCont.culture .imgArea>img {height: auto;}

/* 생활체육 */
.jumpCont.gym .textArea .list li.flex span {min-width: 126px;}
.jumpCont.gym .txtImg {top: 25% !important; left: 42% !important;}

/* 어린이병원 */
.jumpCont.hospital .textArea .list li.flex span {min-width: 160px;}

/* 동백패스 */
.jumpCont.pass .textArea .list li.flex span {min-width: 123px;}
.jumpCont.pass .txtImg {top: 26% !important; left: 49% !important;}
.jumpCont.pass .txtImg:nth-child(3) {top: 46% !important;}
.jumpCont.pass .txtImg:nth-child(4) {top: 64.5% !important;}
.jumpCont.pass .txtImg:nth-child(5) {top: 79% !important;}


/* 그래프 */
.jumpCont .imgArea.graph {display: flex; align-items: flex-end; justify-content: center;}
.jumpCont .imgArea.graph .list {min-width: 477px; display: flex; align-items: flex-end; justify-content: center; gap: 75px;}
.jumpCont .imgArea.graph .list li {display: flex; flex-direction: column; align-items: center;}
.jumpCont .imgArea.graph .list li>img {width: 63px; /* height: 0; */ overflow: hidden;}
.page2 .jumpCont .imgArea.graph .list {max-width: 543px; gap: 40px;}

.jumpCont .imgArea.graph.type2 .list {gap: 0; min-width: 100%}
.jumpCont .imgArea.graph.type2 .list li {position: relative; width: 50%}
.jumpCont .imgArea.graph.type2 .list li>img {width: 100%;}
.jumpCont .imgArea.graph.type2 .list li.circle {position: absolute; top: 65px; left: 150px; width: 170px;}
.jumpCont .imgArea.graph.type2 .list li.circle>img {/* opacity: 0; */ width: 170px; height: 170px !important;}
.jumpCont .imgArea.graph.type2 .list li .year {font-family: "ELANDB"; font-size: 16px; font-weight: 700; position: absolute; bottom: 23px; left: 50%; transform: translateX(-50%);}

.jumpCont .imgArea.graph .list .rank {font-size: 28px; font-weight: 600; text-align: center; margin-bottom: 20px; /* opacity: 0; */}
.page2 .jumpCont .imgArea.graph .list .rank {font-size: 18px;}
.jumpCont .imgArea.graph .list .rank img {/* opacity: 0; */}

.page2 .jumpCont .imgArea.graph .list li {position: relative;}
.page2 .jumpCont .imgArea.graph .list .city {position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); font-size: 18px; font-weight: 700; width: max-content; z-index: 1;}
.page2 .jumpCont .imgArea.graph .list li:last-child .city {bottom: 13px;}

.jumpCont .imgArea.graph .graphText {display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; left: 0; width: 100%; height: 66px; background: #72c7e4;}
.page2 .jumpCont .imgArea.graph .graphText {height: 52px;}

.jumpCont .textArea {position: relative; width: calc(100% - 675px); display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;}
.jumpCont .textArea>div {width: 100%;}
.jumpCont .textArea .tit {font-family: 'ELANDB'; font-size: 30px; margin-bottom: 20px; line-height: 1.2;}
.jumpCont .textArea .tit br {display: none;}
.jumpCont .textArea .tit span {font-size: 15px; font-weight: 200;}
.jumpCont .textArea .list {margin-bottom: 50px;}
.jumpCont .textArea .list li {font-size: 18px; font-weight: 400; padding: 15px 0; border-bottom: 1px solid #d1d1d1; box-sizing: border-box;}
.jumpCont .textArea .list li.lh27 {line-height: 27px; padding: 18px 0;}
.jumpCont .textArea .list li.lh30 {line-height: 30px;}
.jumpCont .textArea .list li span {font-weight: 600;}
.jumpCont .textArea .list li.flex {display: flex;}
.jumpCont .textArea .list li.flex span {min-width: 200px;}
.jumpCont .textArea .list li.flex.type2 span {min-width: 135px;}
.jumpCont .textArea .list li.flex p {margin-left: 45px;}
.jumpCont .textArea .list li:first-child {border-top: 1px solid #d1d1d1;}
.jumpCont .textArea .list.table {display: table; border-collapse: collapse; width: 100%;}
.jumpCont .textArea .list.table li {display: table-row;}
.jumpCont .textArea .list.table li p,
.jumpCont .textArea .list.table li span {display: table-cell; padding: 15px 0;}
.jumpCont .textArea .list.table li p {padding-left: 45px; box-sizing: border-box;}
.jumpCont .textArea .list.table li span {padding-left: 15px; box-sizing: border-box;}
.jumpCont .textArea table {border-collapse: collapse;}
.jumpCont .textArea table tr {border-bottom: 1px solid #d1d1d1;}
.jumpCont .textArea table tr:first-child {border-top: 1px solid #d1d1d1;}
.jumpCont .textArea table tr th {font-size: 18px; font-weight: 700; padding: 15px 0 15px 15px; text-align: left; box-sizing: border-box;}
.jumpCont .textArea table tr td {font-size: 18px; font-weight: 400; padding: 15px 0 15px 25px; box-sizing: border-box;}


.jumpCont .textArea .link {display: none; position: relative; font-size: 16px; font-weight: 400; padding: 0 10px 6px 0; box-sizing: border-box; border-bottom: 1px solid #d1d1d1;}
.jumpCont .textArea .link::before {content: ''; position: absolute; top: 4px; right: -20px; width: 16px; height: 16px; background: url('/resource/jumping/img/link_icon.png') center no-repeat; background-size: 100%;}

.jumpCont .textArea {opacity: 0; transform: translateX(-100px); transition: all 1.2s 0.3s;}
.jumpCont .textArea.in-view{opacity: 1; transform: translateX(0);}

.jumpFooter {position: relative; padding: 60px 0; text-align: center;}
.jumpFooter:not(.whiteBg2)::before {content: ''; position: absolute; top: -25px; left: 50%; transform: translateX(-50%); width: 2000px; height: 35px; background: url('/resource/jumping/img/white_bg2.png') center no-repeat; background-size: cover; z-index: 0;}
.jumpFooter p {font-size: 16px; line-height: 28px; color: #222222; font-weight: 500; margin-top: 35px;}
.jumpFooter p span {color: #a3a3a3; font-weight: 200;}

.topBtn {position: fixed; bottom: 100px; right: 100px; background: url('/resource/jumping/img/top_btn.png') no-repeat; background-size: 100%; width: 70px; height: 70px; border-radius: 50%;}

@media screen and (max-width: 1440px) {
    .jumpCont .ContBox {max-width: 94%;}
}

@media screen and (max-width: 1280px) {
    /* 스크롤 헤더 */
    .jumpHeader.scroll .jump_inHeader {padding: 25px;}

    .jumpCont .cont {gap: 30px;}
    .jumpCont .imgArea {width: 540px;}
    .jumpCont .textArea {width: calc(100% - 570px);}

    .jumpCont .imgArea.graph.type2 .list li.circle {top: 75px; left: 102px;}
    .jumpCont .imgArea.graph.type2 .list li.circle>img {width: 160px; height: 160px !important;}
    .page2 .jumpCont .imgArea.graph.type2 .list li.circle {top: 102px;}

    /* 2024년 글로벌 스타트업 생태계 */
    .jumpCont.type2 .imgArea .txt {left: 32%; font-size: 37px;}
    .jumpCont.type2 .imgArea .txtImg {left: 3%;}

    /* 낙동강 횡단교량 */
    .jumpCont.nakdong .imgArea .txt {top: 75px; left: 35px;}
    .jumpCont.nakdong .imgArea .txt2 {top: 155px; right: 27px;}

    /* 15분도시 */
    .jumpCont.min15 .imgArea img:first-child {width: 280px;}
    .jumpCont.min15 .imgArea img:nth-child(2) {width: 160px;}

    /* 청년고용률 */
    .jumpCont.hire .imgArea .txtImg {top: 34%; left: 7%;}

    /* 하하센터 */
    .jumpCont.haha .imgArea .txtImg {left: 46%;}

    /* 동백패스 */
    .jumpCont.pass .txtImg {top: 29% !important;}
    .jumpCont.pass .txtImg:nth-child(4) {top: 62.5% !important;}
    .jumpCont.pass .txtImg:nth-child(5) {top: 75% !important;}

    .topBtn {bottom: 50px; bottom: 50px;}
}

@media screen and (max-width: 1026px) {
    .jumpHeader .jump_inHeader .jumpTitle {margin-left: 20px;}

    .jumpCont {padding: 65px 0;}
    .jumpCont .cont {flex-wrap: wrap;}
    .jumpCont .title {font-size: 46px; line-height: 60px; margin-bottom: 25px;}
    .jumpCont .title span.txt {font-size: 14px;}
    .jumpCont .cont a {width: 100%;}
    .jumpCont .imgArea {width: 100%; height: auto;}
    .jumpCont .imgArea.graph {min-height: 390px;}
    .jumpCont .textArea {width: 100%;}
    .jumpCont .textArea .tit {font-size: 26px; margin-bottom: 15px;}
    .jumpCont .textArea .list {margin-bottom: 0;}
    .jumpCont .textArea .list li {font-size: 16px; padding: 10px 0;}
    .jumpCont .textArea .link {font-size: 15px; padding: 0 8px 4px 0;}
    .jumpCont .textArea .link::before {width: 14px; height: 14px; top: 3px; right: -18px;}

    .jumpCont .imgArea.graph.type2 .list {padding-top: 5%;}
    .jumpCont .imgArea.graph.type2 .list li.circle {left: 50%; transform: translateX(-103%);}
    .page2 .jumpCont .imgArea.graph.type2 .list li.circle {top: 20%;}

    /* 2024년 글로벌 스타트업 생태계 */
    .jumpCont.type2 .imgArea .txtImg {left: 8%;}
    .jumpCont.type2 .imgArea .txt {top: 48%; left: 34%;}

    /* 15분도시 */
    .jumpCont.min15 .imgArea {padding: 30px 0;}

    /* 하하센터 */
    .jumpCont.haha .imgArea .txtImg {left: 53%;}

    /* 부산의공원 */
    .jumpCont.park .imgArea {height: auto;}
    .jumpCont.park .imgArea .txtImg {top: 9%;}
    .jumpCont.park .imgArea .txtImg:nth-child(3) {top: 37%;}
    .jumpCont.park .imgArea .txtImg:nth-child(4) {top: 76%;}

    /* 동백패스 */
    .jumpCont.pass .txtImg:nth-child(5) {top: 77% !important;}
    
    .topBtn {width: 60px; height: 60px; bottom: 30px; right: 30px;}
}

@media screen and (max-width: 769px) {
    .jumpHeader .jumpLogo {padding: 20px 20px 30px 20px;}
    .jumpHeader .jumpLogo .logo1 {width: 130px;}
    .jumpHeader .jumpLogo .logo2 {width: 70px;}
    .jumpHeader .jump_inHeader .jumpTitle {max-height: 91px; margin-left: 0;}
    .jumpHeader .jump_inHeader .jumpTitle video.type2 {width: 170px; margin: 0 -5px;}
    .jumpHeader .jump_inHeader .jumpTitle img.type1 {width: 100px; margin-right: -10px;}
    .jumpHeader .jump_inHeader .jumpTitle img.type2 {width: 95px; margin: 0 20px 0 30px;}
    .jumpHeader .jump_inHeader .jumpTitle img.type3 {width: 210px; margin-left: -10px;}

    /* 스크롤 헤더 */
    .jumpHeader.scroll .jump_inHeader {flex-wrap: wrap; gap: 15px; justify-content: center;}
    .jumpHeader.scroll .jump_inHeader .jumpTitle {max-height: 67px; width: 100%; gap: 2rem;}
    .jumpHeader.scroll .jump_inHeader .jumpTitle video.type2 {width: 117px; margin: 0 -10px 0 -14px;}
    .jumpHeader.scroll .jump_inHeader .jumpTitle img.type1 {width: 70px;}
    .jumpHeader.scroll .jump_inHeader .jumpTitle img.type2 {width: 70px; margin: 0 10px 0 15px;}
    .jumpHeader.scroll .jump_inHeader .jumpTitle img.type3 {width: 146px;}

    .jumpCont .title {width: 100%; font-size: 36px; line-height: 54px; word-break: keep-all;}
    .jumpCont .title span.txt {display: inline-block; line-height: 1;}
    
    .jumpCont .imgArea.graph .list {gap: 35px;}
    .jumpCont .imgArea.graph .list .rank {font-size: 22px; margin-bottom: 12px;}
    .jumpCont .imgArea.graph .graphText img {width: 360px;}
    .jumpCont .textArea .tit br {display: inline-block;}
    .jumpCont .textArea .list li.flex {flex-wrap: wrap; row-gap: 10px;}
    .jumpCont .textArea .list li.flex span {width: 100%;}
    .jumpCont .textArea .list li.flex p {margin-left: 0;}

    .jumpCont .imgArea.graph.type2 .list li.circle {top: 95px; transform: translateX(-95%);}
    .jumpCont .imgArea.graph.type2 .list li.circle>img {width: 140px; height: 140px !important;}
    .page2 .jumpCont .imgArea.graph .list li:first-child .rank img {max-width: 55px;}
    .page2 .jumpCont .imgArea.graph .list li:nth-child(2) .rank img {max-width: 65px;}

    /* 2024년 글로벌 스타트업 생태계 */
    .jumpCont.type2 .imgArea .txtImg {width: 100px;}
    .jumpCont.type2 .imgArea .txt {font-size: 28px;}

    /* 낙동강 횡단교량 */
    .jumpCont.nakdong .imgArea .txt {top: 35px; font-size: 16px;}
    .jumpCont.nakdong .imgArea .txt2 {top: 105px; font-size: 16px;}

    /* 뉴욕타임즈 */
    .jumpCont.new .imgArea .txtImg {width: 400px; left: 5%; top: 30px;}
    .jumpCont.new .imgArea .txtImg:nth-of-type(3) {width: 120px; bottom: 20px;}

    /* 15분도시 */
    .jumpCont.min15 .imgArea {gap: 25px;}
    .jumpCont.min15 .imgArea img:first-child {width: 230px;}
    .jumpCont.min15 .imgArea img:nth-child(2) {width: 125px;}

    /* 하하센터 */
    .jumpCont.haha .imgArea .txtImg {left: 52%; width: 190px;}

    /* 부산의공원 */
    .jumpCont.park .imgArea .txtImg {width: 88px; left: 63% !important; top: 8%;}

    /* 생활체육 */
    .jumpCont.gym .imgArea .txtImg {width: 230px;}

    /* 동백패스 */
    .jumpCont.pass .imgArea .txtImg {width: auto; top: 28% !important;}
    .jumpCont.pass .txtImg:nth-child(3) {top: 45% !important;}
    .jumpCont.pass .txtImg:nth-child(4) {top: 61.5% !important;}
    .jumpCont.pass .txtImg:nth-child(5) {width: 126px; top: 77% !important;}

    .jumpFooter {padding: 70px 0;}
    .jumpFooter p {font-size: 14px; word-break: keep-all;}
}

@media screen and (max-width: 520px) {
    .page2 .jumpCont .imgArea.city {min-height: 300px;}
    .page2 .jumpCont .imgArea.city .list {gap: 28px;}
    .page2 .jumpCont .imgArea.city .list li>img {width: 55px;}
    .page2 .jumpCont .imgArea.city .list .rank {font-size: 16px;}
    .page2 .jumpCont .imgArea.city .list .rank img {max-width: 55px;}
    .page2 .jumpCont .imgArea.city .graphText {height: 40px;}
    .page2 .jumpCont .imgArea.city .list .city {font-size: 16px; bottom: 11px;}
    .page2 .jumpCont .imgArea.city .list li:last-child .city {bottom: 8px; width: 32px;}
}

@media screen and (max-width: 480px) {
    .jumpHeader {padding-bottom: 35px;}
    .jumpHeader .jumpLogo .logo1 {width: 115px;}
    .jumpHeader .jumpLogo .logo2 {width: 60px; margin: 0 0 0 14px;}
    .jumpHeader .jump_inHeader .jumpTitle {max-width: 400px; margin: 0 auto 30px auto; flex-wrap: wrap; row-gap: 10px; max-height: none;}
    .jumpHeader .jump_inHeader .jumpTitle video.type2 {width: 100px; margin: -30px -5px -25px -5px;}
    .jumpHeader .jump_inHeader .jumpTitle img.type1 {width: 65px;}
    .jumpHeader .jump_inHeader .jumpTitle img.type3 {width: 125px;}
    .jumpHeader .jump_inHeader .jumpMenu li a {font-size: 18px;}

    /* 스크롤 헤더 */
    .jumpHeader.scroll .jump_inHeader {padding: 20px 15px;}
    .jumpHeader.scroll .jump_inHeader .jumpTitle {gap: 1rem; max-height: 59px;}
    .jumpHeader.scroll .jump_inHeader .jumpTitle video.type2 {width: 103px;}
    .jumpHeader.scroll .jump_inHeader .jumpTitle img.type1 {width: 60px;}
    .jumpHeader.scroll .jump_inHeader .jumpTitle img.type2 {width: 60px;}
    .jumpHeader.scroll .jump_inHeader .jumpTitle img.type3 {width: 130px;}

    .whiteBg2::before {top: -11px;}
    .jumpCont {padding: 50px 0;}
    .jumpCont .title {font-size: 26px; line-height: 40px; margin-bottom: 10px;}
    .jumpCont .imgArea.graph .list {gap: 10px;}
    .jumpCont .imgArea.graph .list .rank {font-size: 20px;}
    .jumpCont .imgArea.graph .list li>img {width: 52px;}
    .jumpCont .imgArea.graph .list .rank img {max-width: 74px;}
    .jumpCont .textArea .tit {font-size: 20px; margin-bottom: 10px;}
    .jumpCont .textArea .list {margin-bottom: 0;}
    .jumpCont .textArea .list li {font-size: 15px;}
    
    /* 글로벌 스마트센터 */
    .jumpCont.global .imgArea .rank {position: static;}

    .jumpCont .imgArea.graph .graphText img {width: 250px;}
    .jumpCont .imgArea.graph.type2 .list li.circle {top: 100px; transform: translateX(-86%);}
    .jumpCont .imgArea.graph.type2 .list li.circle>img {width: 115px; height: 115px !important;}
    .page2 .jumpCont .imgArea.graph.type2 .list li.circle {top: 100px;}
    .page2 .jumpCont .imgArea.city .list li:first-child .rank img {max-width: 45px;}
    .page2 .jumpCont .imgArea.city .list li:nth-child(2) .rank img {max-width: 55px;}

    .jumpCont.type2 .imgArea .txtImg {width: 65px;}
    .jumpCont.type2 .imgArea .txt {font-size: 18px;}

    /* 뉴욕타임즈 */
    .jumpCont.new .imgArea .txtImg {width: 250px; top: 20px;}
    .jumpCont.new .imgArea .txtImg:nth-of-type(3) {width: 85px;}

    /* 한국 아동 삶의 질 */
    .page2 .jumpCont .imgArea.city {min-height: 235px;}
    .page2 .jumpCont .imgArea.city .list {gap: 15px;}
    .page2 .jumpCont .imgArea.city .list li>img {width: 43px;}
    .page2 .jumpCont .imgArea.city .graphText {height: 35px;}
    .page2 .jumpCont .imgArea.city .list .city {font-size: 14px; bottom: 9px;}
    .page2 .jumpCont .imgArea.city .list li:last-child .city {bottom: 6px;}

    /* 15분도시 */
    .jumpCont.min15 .imgArea {gap: 15px; padding: 20px 0;}
    .jumpCont.min15 .imgArea img:first-child {width: 160px;}
    .jumpCont.min15 .imgArea img:nth-child(2) {width: 85px;}

    /* 하하센터 */
    .jumpCont.haha .imgArea .txtImg {width: 130px;}
    
    /* 부산의공원 */
    .jumpCont.park .imgArea .txtImg {top: 7%;}

    /* 생활체육 */
    .jumpCont.gym .imgArea .txtImg {width: 165px;}

    /* 동백패스 */
    .jumpCont.pass .imgArea .txtImg {width: 45px;}
    .jumpCont.pass .txtImg:nth-child(5) {width: 75px;}

    .topBtn {width: 50px; height: 50px; bottom: 20px; right: 20px;}

    .jumpFooter {padding: 40px 0;}
    .jumpFooter p {margin-top: 20px;}
}

/* ------------ 늘높풀 추가 */
.blog_list_wrap {background: #eeeeee;}
.blog_list_wrap .container {width: 100%; max-width: 144rem; margin: 0 auto; padding-top: 5rem;}
.blog_list_wrap .blog_list {display: flex; flex-wrap: wrap; gap: 7.7rem 6rem;}
.blog_list_wrap .blog_list>li {position: relative; width: calc(25% - 4.5rem); max-height: 44rem; border: 2px solid #fff; box-sizing: border-box; box-shadow: 0 0 3.8rem rgba(0,0,0,0.28);}
.blog_list_wrap .blog_list>li>a {display: block; width: 100%; overflow: hidden;}
.blog_list_wrap .blog_list>li>a img {display: block; width: 100%; object-fit: cover; aspect-ratio: 440 / 440; transition: all 0.3s;}
.blog_list_wrap .blog_list>li>a:hover img {transform: scale(1.02);}
.blog_list_wrap .blog_list>li .titleArea {/* position: absolute; bottom: 0; left: 0; */ padding: 1.5rem; width: calc(100% - 3rem); background: #fff;}
.blog_list_wrap .blog_list>li .titleArea .tit {font-size: 1.8rem; color: #222222; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.blog_list_wrap .blog_list>li .shareArea {position: absolute; top: 1.4rem; right: 2.2rem;}
footer {padding: 8.2rem 0 8.5rem 0; text-align: center; background: #eeeeee;}
footer .copyright {font-size: 1.5rem; font-weight: 500; color: #444444;}

@media screen and (max-width: 1440px) {
    .blog_list_wrap .container {padding: 5rem 5rem 0 5rem; box-sizing: border-box;}
}

@media screen and (max-width: 1280px) {
    .blog_list_wrap .blog_list {gap: 5rem 4rem;}
    .blog_list_wrap .blog_list>li {width: calc(33.333% - 2.666rem);}
}

@media screen and (max-width: 780px) {
    .blog_list_wrap .container {padding: 4rem 2rem 0 2rem;}
    .blog_list_wrap .blog_list {gap: 3rem 2rem;}
    .blog_list_wrap .blog_list>li {width: calc(50% - 1rem);}
}

@media screen and (max-width: 480px) {
    .blog_list_wrap .blog_list {gap: 2rem;}
    .blog_list_wrap .blog_list>li {width: 100%; max-height: none;}
}

/* 공유버튼 */
.shareArea {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
.share {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    position: relative
}
.shareList>li>a,
.print>a,
.share>.shareBtn {
    display: block;
    text-indent: -9999px;
    width: 3.4rem;
    height: 3.4rem;
    border: 1px solid #ddd;
    border-radius: 20px;
    background-image: url(/resource/rise-up/img/icon_share_open.png);
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    transition: 0.2s;
}
.share>.shareBtn {
    margin-right: 0;
}
.shareList>li>a {
    margin-right: 6px;
}
.share>a {
    margin-right: 10px;
}
.share:hover>a {
    background-image: url(/resource/rise-up/img/icon_share_open_hover.png);
}
.print>a {
    background-image: url(/humanframe/theme/museum_modern_en/assets/img/common/icon_share_print.png);
}
.print:hover>a {
    background-image: url(/humanframe/theme/museum_modern_en/assets/img/common/icon_share_print_hover.png);
}
.shareList>li.bookmark>a {
    background-image: url(/humanframe/theme/museum_modern_en/assets/img/common/icon_share_bookmark.png);
}
.shareList>li.naverband>a {
    background-image: url(/humanframe/theme/museum_modern_en/assets/img/common/icon_share_naverband.png);
}
.shareList>li.kakaostory>a {
    background-image: url(/humanframe/theme/museum_modern_en/assets/img/common/icon_share_kakao.png);
}
.shareList>li.twitter>a {
    background-image: url(/humanframe/theme/museum_modern_en/assets/img/common/icon_share_x.png);
}
.shareList>li.facebook>a {
    background-image: url(/humanframe/theme/museum_modern_en/assets/img/common/icon_share_facebook.png);
}
.share>a:hover,
.print:hover>a,
.shareList>li:hover>a {
    background-color: #1e3c73;
    transition: 0.2s;
}
.shareList>li.bookmark:hover>a {
    background-image: url(/humanframe/theme/museum_modern_en/assets/img/common/icon_share_bookmark_hover.png);
}
.shareList>li.naverband:hover>a {
    background-image: url(/humanframe/theme/museum_modern_en/assets/img/common/icon_share_naverband_hover.png);
}
.shareList>li.kakaostory:hover>a {
    background-image: url(/humanframe/theme/museum_modern_en/assets/img/common/icon_share_kakao_hover.png);
}
.shareList>li.twitter:hover>a {
    background-image: url(/humanframe/theme/museum_modern_en/assets/img/common/icon_share_x_hover.png);
}
.shareList>li.facebook:hover>a {
    background-image: url(/humanframe/theme/museum_modern_en/assets/img/common/icon_share_facebook_hover.png);
}
.shareList>li.bookmark.checked>a {
    background-image: url(/humanframe/theme/museum_modern_en/assets/img/common/icon_share_bookmark_hover.png);
}
.share.on>.shareBtn {
    background-image: url(/humanframe/theme/museum_modern_en/assets/img/common/icon_share_close.png);
    border: none;
}
.share.on>.shareBtn:hover {
    background-color: #fff;
}
.share>.shareBox {
    display: none;
}
.share.on>.shareBox {
    display: block;
}
.shareList {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    width: 0;
    overflow: hidden;
}

/*팝업*/
.share-modal[hidden] { display:none; }
.share-modal {
  position: fixed; inset: 0;
  background: rgba(0,0,0,.5);
  display: grid; place-items: center;
  z-index: 9999;
}
.share-dialog {
  background: #fff; width: min(520px, 92vw);
  border-radius: 12px; padding: 24px; box-shadow: 0 10px 30px rgba(0,0,0,.2);
  outline: none;
}
.share-title { font-size: 18px; margin: 0 0 12px; }
.share-url-wrap { margin-bottom: 16px; }
.share-url {
  width: 100%; font-size: 14px; padding: 10px 12px;
  border: 1px solid #ddd; border-radius: 8px;
}
.share-actions { display: flex; gap: 8px; justify-content: flex-end; }
.btn-copy, .btn-close {
  padding: 10px 14px; border-radius: 8px; border: 0; cursor: pointer;
}
.btn-copy { background: #0066ff; color: #fff; }
.btn-close { background: #f1f1f1; }