#footer{position: inherit;}

.noscroll{overflow: hidden;}
.sub_content2{overflow: hidden;}

.section{position: relative; }
/*.section .section-title{position: absolute; top: 6%; left: 4%; z-index: 100; max-width: 1020px; margin: 0 auto; font-size: clamp(16px, 2vw, 36px); font-weight: 700; color: #fff; line-height: 1;}*/

.section .section-title{position: absolute; top: 8%; left:calc((100% - 1600px) / 2); z-index: 100; max-width: 1020px; margin: 0 auto; font-size: clamp(16px, 2vw, 36px); font-weight: 700; color: #fff; line-height: 1;}


.section.fin1{overflow: hidden; height: 100vh; background: #f1f1f1; }
.section.fin1 .section-title{color: #000;}

.section.fin1 .fin-wrap{position: relative; width: 100%; height: 100%;}
.section.fin1 .fin-box{position: absolute; left: 55%; top: 50%; display: flex; align-items: center; justify-content: center; max-width: 1400px; width: 90%; margin: 0 auto; transform: translate(-50%, -50%);}
.section.fin1 .fin-box .zoom-target{max-width: 1400px;width: 100%;}

.fin-box{position: relative;}
.section:not(.fin1) .fin-box{height: 100vh;}
.section:not(.fin1) .fin-box img{width: 100%; height: 100%;}
/* .section:not(.fin1) .fin-marker{opacity: 0; transition: none; pointer-events: none;} */
.fin-marker {position: absolute;width: 2.6rem;height:2.6rem;border-radius: 50%;background: rgba(255,255,255,.6);cursor: pointer;}
.fin-marker::after { content: ''; display: block; position: absolute; width: 10px; height: 10px; border-radius: 50%; background: #2b469b; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.fin-marker::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 1px solid #00418f; animation: fin 1.5s infinite; }
@keyframes fin {
    0% { opacity: 1; }
    100% { opacity: 0; width: 250%; height: 250%; }
}

.fin-marker1-01 {left: 48%;top: -2%;}
.fin-marker1-02 {right: 23%;top: 24%;}
.fin-marker1-03 {right: 33%;bottom: 42%;}
.fin-marker1-04 {left: 31%;bottom: 25%;}


.fin-marker2-01 {left: 45%; top: 15%;}
.fin-marker2-02 {left: 28%; top: 37%;}
.fin-marker2-03 {left: 37.5%; bottom: 34.5%;}
.fin-marker2-04 {right: 16%; bottom: 33%;}
.fin-marker2-05 {left: 55%; top: 48.5%;}


.fin-marker3-01 {left: 24%; top: 44%;}
.fin-marker3-02 {left:33%; top: 44%;}
.fin-marker3-03 {right: 32%; top: 45%;}

.info-box{display: none;}

.pop-layer{display: none;position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 999;max-width: 660px;width: 94%;max-height: 75vh;padding: 3.5rem;background: #fff;}
.pop-layer .pop-cont{display: flex;flex-direction: column;overflow: hidden;height: 100%;max-height: calc(75vh - 4rem);}
.pop-layer .pop-head{display: flex; align-items: center; justify-content: space-between; padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 1px solid #ddd;}
.pop-layer .pop-head .pop-title{font-size: clamp(16px, 3vw, 28px); font-weight: 700; color: #000;}
.pop-layer .pop-head .pop-close{position: relative; display: block; width: 2rem; height: 2rem; font-size: 0; background: none; border: none;}
.pop-layer .pop-head .pop-close:before{content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; width: 100%; height: 100%; background: url(./../../pages/images/mobility_product/ico_close.png) no-repeat center / 100%;}
.pop-layer .pop-body{overflow-y: auto;}
.pop-layer .img-wrap{height: 100%; overflow-y: auto;}
.pop-layer .img-box{padding: 0rem 0rem; text-align: center; background: #f8f8f8; }

.dimmed{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8); z-index:101;}
.scroll-dimmed{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section:not(.fin1) .scroll-dimmed{box-shadow: rgba(0, 0, 0, 0.9) 10000px 0px 0px 0px inset;}

.sub_content2.mo .section,
.sub_content2.mo .section .fin-box,
.sub_content2.mo .section .fin-box img{height: auto;}

.sub_content2.mo .section.fin1 .fin-wrap {height: 0; padding-bottom: 60%;}



/*20251112추가*/


@media( max-width:1800px ) {


.section .section-title {font-size:2.8rem; top:15%; left:7%;}

}


@media( max-width:1024px ) {


.section .section-title {font-size:18px; top:35px; left:20px}
.sub_content2.mo {padding-top:8.0rem;}
}