.pc-only {display:block;}
.m-only {display:none;}
.main_container {overflow: hidden;}
/* body{background: #969a9d;} */
/* .container {background:#99827D;} */

:root {
    --default-in-out: cubic-bezier(0.45, 0.05, 0.55, 0.95);
    --default-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@keyframes camera_motion_slow {
    0% {
        transform: scale(1) translate(0, 0);
    }

    25% {
        transform: scale(1.03) translate(-1%, -1%);
    }

    50% {
        transform: scale(1.1) translate(0.5%, 2%);
    }

    75% {
        transform: scale(1.08) translate(-1%, 1%);
    }

    100% {
        transform: scale(1.05) translate(-2%, 0.5%);
    }
}

@keyframes camera_motion {
    0% {
        transform: scale(1.05) translate(0, 0);
    }

    25% {
        transform: scale(1.10) translate(-2%, -2%);
    }

    50% {
        transform: scale(1.15) translate3d(-4%, 1%, 0);
    }

    75% {
        transform: scale(1.20) translate3d(-2%, 3%, 0);
    }

    100% {
        transform: scale(1.25) translate3d(2%, 5%, 0);
    }
}

body, html {
    overflow: hidden;
    transform: translate3d(0,0,0);
    -webkit-transform: translateZ(0);
}
* {overscroll-behavior: none;}
.fp-section,
.fp-slide {
    touch-action: pan-y;
}


/*********************************************
    공통
*********************************************/

.content_section {height: 100dvh; overflow: hidden; position:relative;}
.content_section .caution {position:absolute; right:5.2%; bottom:3.78%; font-weight: 300; font-size:14px; color:#000; opacity:0.8;}

.yt-wrapper {
    overflow: hidden;
    height:100%;
}
.yt-frame-container {
    position: relative;
    padding-bottom: 56.25%; 
    padding-top: 25px;
    width: 300%;
    left: -100%;
}
.yt-frame-container iframe {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    pointer-events:none;
}

@media screen and (max-width: 767px){
/* .yt-frame-container {padding-bottom:100dvh;} */
/* .yt-frame-container iframe {
    aspect-ratio: 16/9;
    pointer-events:none;
} */
}




/* PC */
@media screen and (min-width: 1025px) {
}
/* PC_작은해상도 */
@media screen and (min-width: 1025px) and (max-width: 1920px),
    screen and (min-width: 1025px) and (max-height: 1080px) {
}

/* MOBILE */
@media screen and (max-width: 1024px) {
    .content_section .caution {right:4.1%; font-size:13px;}
}
/* MOBILE_작은해상도 */
@media screen and (max-width: 1024px) and (max-height: 760px) {
}








/*********************************************
    INTRO
*********************************************/





/*********************************************
    SECTION_01 ::: INTRO
*********************************************/
.section01 {}
.section01 .intro_container {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1000; opacity:1; visibility:visible; transition: opacity 1s ease, visibility 1s ease; background:#000;}
.section01 .intro_container .intro_inner {position:absolute; left:0; top:0; width:100%; height:100%;}
.section01 .intro_container .btn_skip {position:fixed; transform: translate(-50%, -50%); width:70px; height:70px; display: flex; justify-content: center; align-items: center; /* background:rgba(255,255,255,0.2); */ background:#fff; border-radius: 50%; color:#001241; font-family: "Josefin Sans", sans-serif; font-size:18px; font-weight: 500; cursor: pointer; z-index:1000; opacity: 0; pointer-events: none; transition: opacity 0.4s;}
.section01 .intro_container .btn_skip::before {content:''; position:absolute; top:50%; left:50%; width:86px; height:86px; background:rgba(255,255,255,0.2); transform:translate(-50%,-50%); border-radius: 50%;}
.section01 .intro_container .btn_skip.active {/* opacity: 1; */ pointer-events: auto;}
.section01 .bg_inner {position:absolute; left:0; top:0; width:100%; height:100%; font-size:0;}
/* .section01 .bg_inner::after {content:""; position:absolute; z-index: 2; left:0; top:0; width:100%; height:100%; background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.55) 50%, rgba(0, 0, 0, 0.00) 100%);} */
.section01 .bg_inner video {width:100%; height:100%; object-fit: cover;}
.section01 .content_inner {position:absolute; z-index: 3; left: 50%; top:50%; transform: translate(-50%,-50%); width:50%;}
.section01 .content_inner img {width:100%;}

.section01 .slogan {overflow: visible; width:100%;}
.section01 .slogan path{opacity:0; filter:blur(20px); transform:translateY(25px);}

/* .section01 .circle_box {position: absolute; top: 50%; right: 100px; z-index: 2000; transform:translateY(-50%); opacity: 0; transition: var(--default-out) 1s 1.2s;}
.section01 .circle_box .txt_inner {display: flex; align-items: center; flex-direction: column; justify-content: center; width: 100%; height: 100%; overflow: hidden; position: relative; z-index: 4;}
.section01 .circle_box h2 {color: #fff; text-align: center; font-size: 20px; font-weight: 500; line-height: normal; letter-spacing: -0.03em;}
.section01 .circle_box h2:after {content: ''; margin: 10px auto; width: 93px; height: 1px; background: rgba(255, 255, 255, 0.50); display: block;}
.section01 .circle_box h3 {color: #fff; text-align: center; font-size: 15px; font-weight: 400; line-height: 140%; letter-spacing: -0.03em;} */

.section01 .main_object {opacity:0; visibility: hidden; transition: all 1s 1.2s;}
.section01 .main_object .btn_box {position:absolute; left:5.2%; bottom:10.52%; display: flex; flex-direction: column; gap:26px; width:280px; z-index:1000;}
.section01 .main_object .btn_box a {display:block; height: 34px; border-bottom: 1px solid rgba(255,255,255,0.5); color:#fff; font-size:18px; font-weight: 500; position:relative;}
.section01 .main_object .btn_box a span {display: block; transition: all 0.8s;}
.section01 .main_object .btn_box a span.b {position:absolute; left:0; top:0; transform:translate(0, 100%) rotateX(-90deg); opacity:0;}
.section01 .main_object .btn_box a::after {content:''; position:absolute; right:0; top:2px; width:15px; height:15px; background:0 0 no-repeat; background-size:100% 100%;}
.section01 .main_object .btn_box a.download::after {background-image:url('/resources/img/main/sec01_btn_download.svg');}
.section01 .main_object .btn_box a.window::after {background-image:url('/resources/img/main/sec01_btn_window.svg');}
.section01 .main_object .scrollDown {position:absolute; left:50%; bottom:3.15%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; justify-content: center; gap:7px; z-index:1000;}
.section01 .main_object .scrollDown .bar {width:2px; height:40px; background:rgba(255,255,255,0.3); position:relative;}
.section01 .main_object .scrollDown .bar::before {content:''; position:absolute; left:0; top:0; width:100%; height:20px; background:#fff; animation: scrollDown_motion 1.5s infinite alternate;}
@keyframes scrollDown_motion {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(20px);
    }
}
.section01 .main_object .scrollDown .txt {font-size:18px; font-weight: 900; color:#fff;;}
.section01 .main_object .open_box {position:absolute; right:5.2%; bottom:10.52%; width:130px; height:130px; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align:center; color:#fff; z-index:1000; line-height:1.4;;}
.section01 .main_object .open_box .txt01 {font-size:18px; font-weight: 800;}
.section01 .main_object .open_box .txt01::after {content:''; display: block; margin: 7px auto; width:93px; height:1px; background:#fff;}
.section01 .main_object .open_box .txt02 {font-size:16px; font-weight: 500;}
/* .section01 .main_object .open_box::after {content:''; position:absolute; left:50%; top: 50%; width:156px; height:156px; margin: -78px 0 0 -78px; background:url('/resources/img/main/sec01_open.svg') 0 0 no-repeat; background-size:100% 100%; animation: open_box_motion 5s linear infinite;} */
.section01 .main_object .open_box .circle_txt_box {position:absolute; left:50%; top:50%; width:172px; height:172px; margin:-86px 0 0 -86px; animation:open_box_motion 36s linear infinite;}
.section01 .main_object .open_box .circle_txt {font-family: "SUIT"; font-weight:600; font-size: 26px; opacity: 0.85;}
@keyframes open_box_motion {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.section01.intro_end .main_object {opacity: 1; visibility: visible;}


.section01.intro_end .intro_container {opacity:0; visibility:hidden; pointer-events:none;}
.section01.intro_end .circle_box {opacity: 1;}

/* PC */
@media screen and (min-width: 1025px) {
    .section01 .main_object .btn_box a:hover span.t{transform: translate(0, -100%) rotateX(90deg);opacity: 0;}
    .section01 .main_object .btn_box a:hover span.b{opacity:1;transform:none;}
}
/* PC_작은해상도 */
@media screen and (min-width: 1025px) and (max-width: 1920px),
    screen and (min-width: 1025px) and (max-height: 1080px) {
}

/* MOBILE */
@media screen and (max-width: 1024px) {
    .section01 .intro_container .btn_skip {position:absolute; left:50%; transform: translateX(-50%); bottom:5.86%; width:50px; height:50px; font-size:12px;}
    .section01 .intro_container .btn_skip::before {width:60px; height:60px;}
    .section01 .intro_container .btn_skip.active {opacity: 1;}

    .section01 .circle_box {top:auto; bottom:18.98%; right:4.1%; width:70px; height:auto;}
    .section01 .circle_box .txt_inner {}
    .section01 .circle_box h2 {font-size: 14px;}
    .section01 .circle_box h2:after {}
    .section01 .circle_box h3 {font-size:12px;}
    
    .section01 .main_object {}
    .section01 .main_object .btn_box {left:4.35%; bottom:5.34%; gap:15px; width:118px;}
    .section01 .main_object .btn_box a {height:auto; font-size:12px; padding-bottom: 15px;}
    .section01 .main_object .btn_box a::after {top: 0;}
    .section01 .main_object .btn_box a.download::after {}
    .section01 .main_object .btn_box a.window::after {}
    .section01 .main_object .scrollDown {bottom:4.27%;}
    .section01 .main_object .scrollDown .bar {}
    .section01 .main_object .scrollDown .bar::before {}
    .section01 .main_object .scrollDown .txt {font-size:14px;}
    .section01 .main_object .open_box {right:3.84%; bottom:5.34%; width:60px; height:60px; font-size:12px;}
    /* .section01 .main_object .open_box::after {width:70px; height:70px; margin: -35px 0 0 -35px;} */
    .section01 .main_object .open_box .circle_txt_box {width:128px; height:128px; margin:-64px 0 0 -64px;}
    .section01 .main_object .open_box .circle_txt {font-size:24px;}

    
    .section01 .main_object .open_box {right:8%; bottom:5.34%; width:80px; height:80px;}
    .section01 .main_object .open_box .txt01 {font-size:14px;}
    .section01 .main_object .open_box .txt01::after {margin:5px auto; width:70px;}
    .section01 .main_object .open_box .txt02 {font-size:12px;}
    .section01 .main_object .open_box::after {width:110px; height:110px; margin: -55px 0 0 -55px;}
}
/* MOBILE_작은해상도 */
@media screen and (max-width: 1024px) and (max-height: 760px) {
}







/*********************************************
    SECTION_02 ::: CALENDAR
*********************************************/
.section02 {}
.section02 .bg_inner {position:absolute; left:0; top:0; width:100%; height:100%; font-size:0; overflow: hidden; background:url('/resources/img/main/sec02_bg_repeat.jpg') 0 0 repeat-y; background-size:100% auto;}
.section02 .bg_inner img {position:absolute; left:0; bottom:0; width:100%; height:auto;}
.section02 .bg_inner::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.4;;}
.section02 .section_inner {position:absolute; left:0; top:0; width:100%; height:100%;}
.section02 .section_inner .header_wrap {position:absolute; left:15.62%; top:20%;}
.section02 .section_inner .header_wrap .title {font-size:70px; font-family: 'Utile Display Trial', serif; color:#C9DBED; font-weight: 500; letter-spacing: 10%;}
.section02 .section_inner .header_wrap .title .in {}
.section02 .section_inner .header_wrap .title strong {font-weight: 700;}
.section02 .section_inner .header_wrap .txt {margin-top: 5px; font-size:22px; color:#fff;}
.section02 .section_inner .calendar_wrap {position:absolute; left:15.62%; right:15.62%; bottom:18.1%; display: grid; grid-template-columns: repeat(4, 1fr);}
.section02 .section_inner .calendar_wrap .item {color:#fff; letter-spacing: -0.02em;}
.section02 .section_inner .calendar_wrap::before {content:''; position:absolute; left:0; width:100%; top: 50%; height:1px; background:#B2C4D4;}
.section02 .section_inner .calendar_wrap .date {font-size:38px; font-weight: 500;}
.section02 .section_inner .calendar_wrap .date .day {font-size:22px;}
.section02 .section_inner .calendar_wrap .cont {margin-top: 10px; font-size:18px;}
.section02 .section_inner .btn_wrap {position:absolute; right:15.62%; top:20%; display: flex; flex-direction: column; gap:10px;}
.section02 .section_inner .btn_wrap a {display: flex; align-items: center; justify-content: center; text-align:center; border:1px solid rgba(255,255,255,0.2); color:#fff; font-size:18px; font-weight: 500; width:110px; height: 110px;}


.section02 .bg_inner img {bottom:0; transform: translateY(50%); transition: all 4s;}
.section02 .section_inner .header_wrap {}
.section02 .section_inner .header_wrap .title {overflow: hidden;}
.section02 .section_inner .header_wrap .title .in {transform: translateY(100%); transition:var(--default-out) 1s;}
.section02 .section_inner .header_wrap .txt {overflow: hidden;}
.section02 .section_inner .header_wrap .txt .in {transform: translateY(100%); transition:var(--default-out) 1s;}
.section02 .section_inner .calendar_wrap::before {width:0; transition:var(--default-out) 1s;}
.section02 .section_inner .btn_wrap {opacity:0; transform: translateY(50px); transition:var(--default-out) 1.5s;}
.section02.active .bg_inner img {transform: translateY(10%); filter: blur(4px);}
.section02.active .section_inner .header_wrap .title .in {transform: none; transition-delay: 1.3s;}
.section02.active .section_inner .header_wrap .txt .in {transform: none; transition-delay: 1.6s;}
.section02.active .section_inner .calendar_wrap::before {width:100%; transition-delay: 1.6s;}
.section02.active .section_inner .btn_wrap {opacity:1; transform: none; transition-delay: 3s;}




/* PC */
@media screen and (min-width: 1025px) {
    .section02 .section_inner .calendar_wrap .item:nth-child(n+5) {padding-top: 50px; margin-top: 50px;}
    .section02 .section_inner .btn_wrap a {position:relative;}
    .section02 .section_inner .btn_wrap a span {}
    .section02 .section_inner .btn_wrap a::before,
    .section02 .section_inner .btn_wrap a::after {content:''; position:absolute; left:-1px; right:-1px; height:1px; background:#fff; transition: all 0.6s; transform: scaleX(0);}
    .section02 .section_inner .btn_wrap a::before {top:-1px; transform-origin: 0 0;}
    .section02 .section_inner .btn_wrap a::after {bottom:-1px; transform-origin:right 0;}
    .section02 .section_inner .btn_wrap a span::before,
    .section02 .section_inner .btn_wrap a span::after {content:''; position:absolute; top:-1px; bottom:-1px; width:1px; background:#fff; transition: all 0.6s; transform: scaleY(0);}
    .section02 .section_inner .btn_wrap a span::before {left:-1px; transform-origin:0 bottom;}
    .section02 .section_inner .btn_wrap a span::after {right:-1px; transform-origin:right 0;}
    .section02 .section_inner .btn_wrap a:hover::before,
    .section02 .section_inner .btn_wrap a:hover::after,
    .section02 .section_inner .btn_wrap a:hover span::before,
    .section02 .section_inner .btn_wrap a:hover span::after {transform:none;}

    .section02 .section_inner .calendar_wrap .item .date {opacity:0; transform:translateY(-15px); transition:var(--default-out) 0.8s;}
    .section02 .section_inner .calendar_wrap .item .cont {opacity:0; transform:translateY(15px); transition:var(--default-out) 0.8s;}

    .section02.active .section_inner .calendar_wrap .item .date,
    .section02.active .section_inner .calendar_wrap .item .cont {opacity:1; transform:none;}

    .section02.active .section_inner .calendar_wrap .item:nth-child(1) .date {transition-delay: 1.9s;}
    .section02.active .section_inner .calendar_wrap .item:nth-child(1) .cont {transition-delay: 2s;}
    .section02.active .section_inner .calendar_wrap .item:nth-child(2) .date {transition-delay: 2.2s;}
    .section02.active .section_inner .calendar_wrap .item:nth-child(2) .cont {transition-delay: 2.3s;}
    .section02.active .section_inner .calendar_wrap .item:nth-child(3) .date {transition-delay: 2.5s;}
    .section02.active .section_inner .calendar_wrap .item:nth-child(3) .cont {transition-delay: 2.6s;}
    .section02.active .section_inner .calendar_wrap .item:nth-child(4) .date {transition-delay: 2.8s;}
    .section02.active .section_inner .calendar_wrap .item:nth-child(4) .cont {transition-delay: 2.9s;}

    .section02.active .section_inner .calendar_wrap .item:nth-child(5) .date {transition-delay: 2.1s;}
    .section02.active .section_inner .calendar_wrap .item:nth-child(5) .cont {transition-delay: 2.2s;}
    .section02.active .section_inner .calendar_wrap .item:nth-child(6) .date {transition-delay: 2.4s;}
    .section02.active .section_inner .calendar_wrap .item:nth-child(6) .cont {transition-delay: 2.5s;}
    .section02.active .section_inner .calendar_wrap .item:nth-child(7) .date {transition-delay: 2.7s;}
    .section02.active .section_inner .calendar_wrap .item:nth-child(7) .cont {transition-delay: 2.8s;}
    .section02.active .section_inner .calendar_wrap .item:nth-child(8) .date {transition-delay: 3s;}
    .section02.active .section_inner .calendar_wrap .item:nth-child(8) .cont {transition-delay: 3.1s;}
}
/* PC_작은해상도 */
@media screen and (min-width: 1025px) and (max-width: 1920px),
    screen and (min-width: 1025px) and (max-height: 1080px) {
    .section02 .bg_inner {}
    .section02 .bg_inner video {}
    .section02 .section_inner {}
    .section02 .section_inner .header_wrap {}
    .section02 .section_inner .header_wrap .title {font-size:3.64vw;}
    .section02 .section_inner .header_wrap .txt {margin-top: 0.26vw; font-size:1.14vw;}
    .section02 .section_inner .calendar_wrap {}
    .section02 .section_inner .calendar_wrap .item {}
    .section02 .section_inner .calendar_wrap::before {}
    .section02 .section_inner .calendar_wrap .item:nth-child(n+5) {padding-top: 2.6vw; margin-top: 2.6vw;}
    .section02 .section_inner .calendar_wrap .date {font-size:1.45vw;}
    .section02 .section_inner .calendar_wrap .date .day {font-size:1.14vw;}
    .section02 .section_inner .calendar_wrap .cont {margin-top: 0.52vw; font-size:0.93vw;}
    .section02 .section_inner .btn_wrap {}
    .section02 .section_inner .btn_wrap a {font-size:0.93vw; width:5.72vw; height: 5.72vw;}
}

/* MOBILE */
@media screen and (max-width: 1024px) {
    .section02 {}
    .section02 .bg_inner {}
    .section02 .bg_inner video {}
    .section02 .section_inner {}
    .section02 .section_inner .header_wrap {left:0; right:0; text-align:center; /* top:8.02%; */ top:7.5%;}
    .section02 .section_inner .header_wrap .title {font-size:40px;}
    .section02 .section_inner .header_wrap .title .in {}
    .section02 .section_inner .header_wrap .txt {font-size:18px;}
    .section02 .section_inner .header_wrap .txt .in {}
    .section02 .section_inner .calendar_wrap {left:4.1%; right:4.1%; bottom:auto; /* top:18.31%; */ top:20%; grid-template-columns: repeat(2, 1fr);}
    .section02 .section_inner .calendar_wrap .item {padding: 24px 0; text-align:center; opacity: 0; transform:translateY(15px); transition:var(--default-out) 0.8s;}
    .section02 .section_inner .calendar_wrap::before {content:normal;}
    .section02 .section_inner .calendar_wrap .item:nth-child(n+3) {border-top:1px solid #B2C4D4;}
    /* .section02 .section_inner .calendar_wrap .item:nth-child(5) {grid-column: 1 / -1;} */
    .section02 .section_inner .calendar_wrap .date {font-size:22px;}
    .section02 .section_inner .calendar_wrap .date .day {font-size:14px;}
    .section02 .section_inner .calendar_wrap .cont {margin-top: 10px; font-size:14px;}
    .section02 .section_inner .btn_wrap {left:0; right:0; top:auto; /* bottom:8.02%; */ bottom:5%; justify-content: center; text-align:center; align-items: center; flex-direction: row; gap:5px;}
    .section02 .section_inner .btn_wrap a {width:140px; font-size:14px; height: 40px; border-color: #fff;}

    .section02.active .section_inner .calendar_wrap .item {opacity: 1; transform:translateY(0);}
    .section02.active .section_inner .calendar_wrap .item:nth-child(1) {transition-delay: 3.8s;}
    .section02.active .section_inner .calendar_wrap .item:nth-child(2) {transition-delay: 3.9s;}
    .section02.active .section_inner .calendar_wrap .item:nth-child(3) {transition-delay: 4s;}
    .section02.active .section_inner .calendar_wrap .item:nth-child(4) {transition-delay: 4.1s;}
    .section02.active .section_inner .calendar_wrap .item:nth-child(5) {transition-delay: 4.2s;}
    .section02.active .section_inner .calendar_wrap .item:nth-child(6) {transition-delay: 4.3s;}
    .section02.active .section_inner .calendar_wrap .item:nth-child(7) {transition-delay: 4.4s;}
    .section02.active .section_inner .calendar_wrap .item:nth-child(8) {transition-delay: 4.5s;}
}
/* MOBILE_작은해상도 */
@media screen and (max-width: 1024px) and (max-height: 760px) {
    .section02 .section_inner .calendar_wrap .item {padding:3.2dvh 0;}
}



/*********************************************
    SECTION_03 ::: SUMMARY
*********************************************/
.section03 {}
.section03 .bg_inner {position:absolute; left:0; top:0; width:100%; height:100%; font-size:0;}
.section03 .bg_inner img {width:100%; height:100%; object-fit: cover;}
.section03 .content_inner {}
.section03 .content_inner::before {content:''; position:absolute; left:0; top:0; width:100%; height:42.1%; background:#fff;}
.section03 .content_inner .titleBox {position:absolute; left:5.2%; top:23.15%;}
.section03 .content_inner .titleBox .title {font-size:60px; font-family: 'MapoGeumbitnaru', serif;}
.section03 .content_inner .titleBox .title .in {color:#fff;}
.section03 .content_inner .titleBox .txt {margin-top:20px; line-height:1.6; letter-spacing: -0.02em; font-size:24px; color:#fff;}
.section03 .content_inner .titleBox .txt strong {font-weight: 700;}
.section03 .content_inner .txtBox {position:absolute; right:5.2%; bottom:14.73%; font-size:20px; font-weight: 300; line-height:1.6; text-align:right; color:#fff;}
.section03 .content_inner .txtBox .in {}
.section03 .content_inner .txtBox .in.pt {font-size:24px; font-weight: 500;}
.section03 .content_inner .caution {color:#fff;}

.section03 .bg_inner img {transition: all 4s;}
.section03 .content_inner::before {transform: translateY(-100%); transition: all 1s;}
.section03 .content_inner .titleBox {}
.section03 .content_inner .titleBox .title {overflow: hidden; transition:all 0.6s 2.2s;}
.section03 .content_inner .titleBox .title .in {transform: translateY(100%); transition: all 1.5s;}
.section03 .content_inner .titleBox .txt {opacity:0; transform: translateY(50px); transition: all 1.5s;}
.section03 .content_inner .txtBox .in {opacity:0; transform: translateX(-50px); transition:all 1.5s;}
.section03.active .bg_inner {}
.section03.active .bg_inner img {transform:scale(1.1); transition-delay: 2.4s;}
.section03.active .content_inner::before {transform:none; transition-delay:2s;}
.section03.active .content_inner .titleBox {}
.section03.active .content_inner .titleBox .title {}
.section03.active .content_inner .titleBox .title .in {transform:none; color:#001241; transition:all 1.5s 0.6s, color 1.5s 2.2s;}
.section03.active .content_inner .titleBox .txt {opacity:1; transform: none; color:#3F3E40; transition:all 1.5s 0.9s, color 1.5s 2.4s;}
.section03.active .content_inner .txtBox .in {opacity:1; transform: none;}
.section03.active .content_inner .txtBox .in:nth-of-type(1) {transition-delay: 3.2s;}
.section03.active .content_inner .txtBox .in:nth-of-type(2) {transition-delay: 3.4s;}
.section03.active .content_inner .txtBox .in:nth-of-type(3) {transition-delay: 3.6s;}
.section03.active .content_inner .txtBox .in:nth-of-type(4) {transition-delay: 3.8s;}
.section03.active .content_inner .txtBox .in:nth-of-type(5) {transition-delay: 4s;}




/* PC */
@media screen and (min-width: 1025px) {
}
/* PC_작은해상도 */
@media screen and (min-width: 1025px) and (max-width: 1920px),
    screen and (min-width: 1025px) and (max-height: 1080px) {
    .section03 {}
    .section03 .bg_inner {}
    .section03 .bg_inner img,
    .section03 .bg_inner video {}
    .section03 .content_inner .titleBox {}
    .section03 .content_inner .titleBox .title {font-size:3.12vw;}
    .section03 .content_inner .txtBox {font-size:1.04vw;}
    .section03 .content_inner .txtBox .in.pt {font-size:1.25vw;;}
    .section03 .content_inner .noticeBox {font-size:0.72vw;}
}

/* MOBILE */
@media screen and (max-width: 1024px) {
    .section03 {}
    .section03 .bg_inner {}
    .section03 .bg_inner img,
    .section03 .bg_inner video {}
    .section03 .content_inner .titleBox {}
    .section03 .content_inner .titleBox .title {font-size:32px;}
    .section03 .content_inner .titleBox .txt {font-size:15px;}
    .section03 .content_inner .txtBox {right:4.1%; bottom:17.37%; font-size:14px;}
    .section03 .content_inner .txtBox .in.pt {font-size:17px;}
}
/* MOBILE_작은해상도 */
@media screen and (max-width: 1024px) and (max-height: 760px) {
}







/*********************************************
    SECTION_04 ::: SUMMARY
*********************************************/
.section03 {}
.section03 .cg_inner01 {position:absolute; left:0; top:0; width:100%; height:100%; overflow: hidden; opacity:0; display: flex; align-items: center; justify-content: center;}
.section03 .cg_inner01 .inner {width:14.01%; height:49.68%; position:relative;}
.section03 .cg_inner01 .inner .title {position:absolute; font-size:0;}
.section03 .cg_inner01 .inner .title img {width:100%;}
.section03 .cg_inner01 .inner .title.summary {left:5.2%; bottom:9.47%; width:20.93%;}
.section03 .cg_inner01 .inner .title.tit01 {left:5.2%; bottom:8.52%; width:13.54%;}
.section03 .cg_inner01 .inner .title.tit02 {right:5.2%; bottom:8.52%; width:13.75%;}
.section03 .cg_inner01 .inner .logo {position:absolute; right:5.78%; bottom:8.42%; font-size:0; width:6.97%;}
.section03 .cg_inner01 .inner .logo img {width:100%;}
.section03 .cg_inner01 .inner .bg {position:absolute; left:0; top:0; width:100%; height:100%; font-size:0; overflow: hidden;}
.section03 .cg_inner01 .inner .bg video {width:100%; height:100%; object-fit: cover; transform: scale(1.3); object-position: center top; transform-origin: center top;}
.section03 .cg_inner01 .inner .bg img {position:absolute; left:0; bottom:0; width:100%;}
.section03 .summary_inner {position:absolute; left:100%; top:0; width:55%; height:100%; background:#fff; overflow: hidden;}
.section03 .summary_inner .titleBox {position:absolute; left:9.35%; top:24.31%;}
.section03 .summary_inner .titleBox .title {font-family: 'MapoGeumbitnaru', serif; font-size:40px; line-height:1.4; letter-spacing: -0.04em; color:#001241;}
.section03 .summary_inner .titleBox .title strong {font-weight: 600;}
.section03 .summary_inner .titleBox .descTxt {margin-top:54px; color:#3F3E40; font-size:18px; line-height:1.6;}
.section03 .summary_inner .contentBox {position:absolute; left:9.35%; right:9.35%; bottom:8.42%;}
.section03 .summary_inner .contentBox .title {font-family: "Utile Display Trial", serif; font-size:30px; font-weight: 700; color:#000; margin-bottom:50px;}
.section03 .summary_inner .contentBox .summary_list {display: grid; grid-template-columns: repeat(3, 1fr); gap:50px;}
.section03 .summary_inner .contentBox .summary_list .item {letter-spacing: -0.02em;}
.section03 .summary_inner .contentBox .summary_list .tit {font-size:20px; color:#111; padding-bottom: 19px; margin-bottom: 19px; border-bottom: 1px solid rgba(0,0,0,0.2);}
.section03 .summary_inner .contentBox .summary_list .cont {font-size:16px; line-height:1.6; color:#666;}
.section03 .summary_inner .contentBox .summary_list .cont .sm {font-size:12px;}
/* .section03 .cg_inner02 {position:absolute; left:100%; top:0; width:41.67%; height:100%; overflow: hidden;}
.section03 .cg_inner02 > img {width:100%; height:100%; object-fit: cover;}
.section03 .cg_inner02 .title {position:absolute; left:5.2%; bottom:9.36%; font-size:0; width:13.75vw;}
.section03 .cg_inner02 .title img {width:100%;}
.section03 .cg_inner02 .logo {position:absolute; right:5.78%; bottom:8.42%; font-size:0; width:6.97vw}
.section03 .cg_inner02 .logo img {width:100%;} */

.section03 .cg_inner01 {transition: all 1s;}
.section03 .cg_inner01 .inner {transition: all 1.5s;}
.section03 .cg_inner01 .inner .title,
.section03 .cg_inner01 .inner .logo {transition: all 1.5s; opacity:0;}
.section03 .cg_inner01 video,
.section03 .cg_inner01 img {transition: all 1.5s;}
.section03 .summary_inner {transition: all 1s;}
.section03 .summary_inner .titleBox {transition: all 1.5s;}
.section03 .summary_inner .titleBox .title .in {overflow: hidden;}
.section03 .summary_inner .titleBox .title .in span {display: block; transform: translateY(100%); transition: var(--default-out) 1.2s;}
.section03 .summary_inner .titleBox .descTxt .in {opacity:0; transform: translateX(50px); transition:var(--default-out) 1.2s;}
.section03 .summary_inner .contentBox .title {opacity:0; transform: translateY(50px); transition:var(--default-out) 1.2s;}
.section03 .summary_inner .contentBox .summary_list .item {opacity:0; transform: translateY(50px); transition:var(--default-out) 1.2s;}
/* .section03 .cg_inner02 {transition: all 1s;}
.section03 .cg_inner02 > img {transition: all 1.5s;}
.section03 .cg_inner02 .title,
.section03 .cg_inner02 .logo {opacity:0; transition: all 1.5s;} */
.section03.on1 .cg_inner01 {opacity:1;}
.section03.on1 .cg_inner01 .inner {width:100%; height:100%;}
.section03.on1 .cg_inner01 .inner .title.summary,
.section03.on1 .cg_inner01 .inner .logo {opacity:1;}
.section03.on2 .cg_inner01 {/* width:50%; */}
.section03.on2 .cg_inner01 .inner .title.summary,
.section03.on2 .cg_inner01 .inner .logo {opacity:0;}
.section03.on2 .cg_inner01 .inner .title.tit01 {opacity:1;}
.section03.on2 .bg_inner {}
.section03.on2 .content_inner::after,
.section03.on2 .bg_inner::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff;;}
.section03.on2 .summary_inner {left:45%;}
.section03.on2 .summary_inner .titleBox .title .in span {transform: none; transition-delay: 0.5s;}
.section03.on2 .summary_inner .titleBox .descTxt .in {opacity:1; transform: none;}
.section03.on2 .summary_inner .titleBox .descTxt .in:nth-of-type(1) {transition-delay: 0.7s;}
.section03.on2 .summary_inner .titleBox .descTxt .in:nth-of-type(2) {transition-delay: 0.9s;}
.section03.on3 .cg_inner01 {/* transform: translateX(-100%); */}
.section03.on3 .cg_inner01 .inner .title.tit01 {opacity:0;}
.section03.on3 .cg_inner01 .inner .title.tit02 {opacity:1;}
.section03.on3 .summary_inner {left:0; width:47%;}
.section03.on3 .summary_inner .contentBox {opacity:1; transform:none;}
.section03.on3 .summary_inner .contentBox .title{opacity: 1; transform: none; transition-delay: 0.6s;}
.section03.on3 .summary_inner .contentBox .summary_list .item {opacity: 1; transform: none;}
.section03.on3 .summary_inner .contentBox .summary_list .item:nth-of-type(1) {transition-delay: 0.7s;}
.section03.on3 .summary_inner .contentBox .summary_list .item:nth-of-type(2) {transition-delay: 0.8s;}
.section03.on3 .summary_inner .contentBox .summary_list .item:nth-of-type(3) {transition-delay: 0.9s;}
.section03.on3 .summary_inner .contentBox .summary_list .item:nth-of-type(4) {transition-delay: 1s;}
.section03.on3 .summary_inner .contentBox .summary_list .item:nth-of-type(5) {transition-delay: 1.1s;}
.section03.on3 .summary_inner .contentBox .summary_list .item:nth-of-type(6) {transition-delay: 1.2s;}
/* .section03.on3 .cg_inner02 {left:58.33%;}
.section03.on3 .cg_inner02 > img {transform: none; animation:camera_motion 15s var(--default-in-out) alternate infinite;} */






/* PC */
@media screen and (min-width: 1025px) {
    .section03.on2 .cg_inner01 .inner .bg img {transform-origin: 30% 100%; transform:scale(1.15) translateX(-5%);}
    .section03.on3 .cg_inner01 .inner .bg img {transform-origin: 70% 100%; transform:scale(1.15) translateX(5%);}

}
/* PC_작은해상도 */
@media screen and (min-width: 1025px) and (max-width: 1920px),
    screen and (min-width: 1025px) and (max-height: 1080px) {
    .section03 {}
    .section03 .cg_inner01 {}
    .section03 .cg_inner01 img {}
    .section03 .summary_inner {}
    .section03 .summary_inner .titleBox {}
    .section03 .summary_inner .titleBox .title {font-size:2.08vw;}
    .section03 .summary_inner .titleBox .title strong {}
    .section03 .summary_inner .titleBox .descTxt {margin-top:2.81vw; font-size:0.93vw;}
    .section03 .summary_inner .contentBox {}
    .section03 .summary_inner .contentBox .title {font-size:1.56vw; margin-bottom:2.6vw;}
    .section03 .summary_inner .contentBox .summary_list {gap:2.6vw;}
    .section03 .summary_inner .contentBox .summary_list .item {}
    .section03 .summary_inner .contentBox .summary_list .tit {font-size:1.04vw; padding-bottom:0.98vw; margin-bottom:0.98vw;}
    .section03 .summary_inner .contentBox .summary_list .cont {font-size:0.83vw;}
    .section03 .summary_inner .contentBox .summary_list .cont .sm {font-size:0.62vw;}
    .section03 .cg_inner02 {}
    .section03 .cg_inner02 img {}
}

/* MOBILE */
@media screen and (max-width: 1024px) {
    .section03 .cg_inner01 {}
    .section03 .cg_inner01 .inner {width:14.01%; height:49.68%;}
    .section03 .cg_inner01 .inner .title {}
    .section03 .cg_inner01 .inner .title.summary {left:4.68%; top:9.47%;}
    .section03 .cg_inner01 .inner .title.tit01 {left:4.1%; bottom:9.47%;}
    .section03 .cg_inner01 .inner .title.tit02 {left:auto; right:4.1%; bottom:9.47%;}
    .section03 .cg_inner01 .inner .logo {right:4.68%; top:10%; width:15%;}
    .section03 .cg_inner01 .inner .bg video {transform: scale(1.5);}
    .section03 .summary_inner {left:0; top:100%; width:100%; height:62.56%;}
    .section03 .summary_inner .titleBox {left:4.1%; top:25.64%;}
    .section03 .summary_inner .titleBox .title {font-size:32px;}
    .section03 .summary_inner .titleBox .title strong {}
    .section03 .summary_inner .titleBox .descTxt {margin-top:50px; font-size:14px;}
    .section03 .summary_inner .contentBox {left:4.1%; right:4.1%; bottom:auto; top:11.58%;}
    .section03 .summary_inner .contentBox .title {font-size:20px; margin-bottom:50px;}
    .section03 .summary_inner .contentBox .summary_list {grid-template-columns: repeat(2, 1fr); gap:40px 30px;}
    .section03 .summary_inner .contentBox .summary_list .item {}
    .section03 .summary_inner .contentBox .summary_list .tit {font-size:16px; padding-bottom: 10px; margin-bottom: 10px;}
    .section03 .summary_inner .contentBox .summary_list .cont {font-size:14px;}
    .section03 .summary_inner .contentBox .summary_list .cont .sm {font-size:11px;}
    /* .section03 .cg_inner02 {left:0; top:100%; width:100%; height:30.74%;}
    .section03 .cg_inner02 > img {}
    .section03 .cg_inner02 .title {left:4.68%; bottom:10%; width:30vw;}
    .section03 .cg_inner02 .title img {}
    .section03 .cg_inner02 .logo {right:4.68%; bottom:10%; width:15vw;} */


    
    .section03 .cg_inner01 {}
    .section03 .cg_inner01 .inner {}
    .section03 .cg_inner01 .inner .title {}
    .section03 .cg_inner01 video,
    .section03 .cg_inner01 img {}
    .section03 .summary_inner {}
    .section03 .summary_inner .titleBox {}
    .section03 .summary_inner .titleBox .title .in {}
    .section03 .summary_inner .titleBox .title .in span {}
    .section03 .summary_inner .titleBox .descTxt .in {}
    .section03 .summary_inner .contentBox {}
    .section03 .cg_inner02 {}
    .section03 .cg_inner02 > img {}
    .section03 .cg_inner02 .title {}
    .section03.on1 .cg_inner01 {}
    .section03.on1 .cg_inner01 .inner {}
    .section03.on1 .cg_inner01 .inner .title {}
    .section03.on2 .cg_inner01 {width:100%; /* height: 37.44%; */}
    .section03.on2 .cg_inner01 .inner .title {}
    .section03.on2 .bg_inner {}
    .section03.on2 .bg_inner::after {}
    .section03.on2 .cg_inner01 .inner .bg img {transform: scale(2); transform-origin:10% bottom;}
    .section03.on2 .summary_inner {left:0; top:0%;}
    .section03.on2 .summary_inner .titleBox .title .in span {}
    .section03.on2 .summary_inner .titleBox .descTxt .in {}
    .section03.on2 .summary_inner .titleBox .descTxt .in:nth-of-type(1) {}
    .section03.on2 .summary_inner .titleBox .descTxt .in:nth-of-type(2) {}
    .section03.on3 .cg_inner01 {/* transform: translateY(-100%); */}
    .section03.on3 .cg_inner01 .inner .bg img {transform:scale(1.8); transform-origin:90% bottom;}
    .section03.on3 .summary_inner {left:0; top:0; width:100%; /* height: 69.26%; */}
    .section03.on3 .summary_inner .titleBox {transform: translateY(-50px); opacity:0;}
    .section03.on3 .summary_inner .contentBox {}
    .section03.on3 .cg_inner02 {left:0; top:69.26%;}
    .section03.on3 .cg_inner02 > img {}
}
/* MOBILE_작은해상도 */
@media screen and (max-width: 1024px) and (max-height: 760px) {
}








/*********************************************
    SECTION_04 ::: PRIME
*********************************************/
.section04 {}
.section04 .bg_inner {position:absolute; left:0; top:0; width:100%; height:100%; overflow: hidden; font-size:0;}
.section04 .bg_inner video {width:100%; height:100%; object-fit: cover;}
.section04 .bg_inner::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.section04 .bg_inner .caution {color:#fff;}
.section04 .content_inner {position:absolute; left:5.2%; top:50%; transform: translateY(-48.45%); white-space:nowrap; color:#fff;}
.section04 .content_inner .title {font-family: "MapoGeumbitnaru", serif; font-size:60px; line-height:1.4; letter-spacing: -0.02em;}
.section04 .content_inner .title strong {font-weight: 600;}
.section04 .content_inner .txt01 {margin-top: 80px; font-size:18px; font-weight: 300; line-height:1.6;}
.section04 .content_inner .txt02 {margin-top: 30px; font-size:24px; font-weight: 500; line-height:1.6;}

.section04 .content_inner .title {}
.section04 .content_inner .title .in {overflow: hidden;}
.section04 .content_inner .title .in span {display: block; transform: translateY(100%); transition: var(--default-out) 1.2s;}
.section04 .content_inner .txt01 .in,
.section04 .content_inner .txt02 {opacity:0; transform: translateY(1em); transition:var(--default-out) 1.2s;}
.section04.active .content_inner .title .in span {transform: none; transition-delay: 0.4s;}
.section04.active .content_inner .txt01 .in {opacity:1; transform: none; transition-delay: 0.6s;}
.section04.active .content_inner .txt01 .in:nth-of-type(1) {transition-delay: 0.9s;}
.section04.active .content_inner .txt01 .in:nth-of-type(2) {transition-delay: 1.2s;}
.section04.active .content_inner .txt02 {opacity:1; transform: none; transition-delay: 1.5s;}




/* PC */
@media screen and (min-width: 1025px) {
}
/* PC_작은해상도 */
@media screen and (min-width: 1025px) and (max-width: 1920px),
    screen and (min-width: 1025px) and (max-height: 1080px) {
    .section04 {}
    .section04 .bg_inner {}
    .section04 .bg_inner video {}
    .section04 .bg_inner::after {}
    .section04 .content_inner {}
    .section04 .content_inner .title {font-size:3.12vw;}
    .section04 .content_inner .title strong {}
    .section04 .content_inner .txt01 {margin-top:4.16vw; font-size:0.93vw;}
    .section04 .content_inner .txt02 {margin-top: 1.56vw; font-size:1.25vw;}
}

/* MOBILE */
@media screen and (max-width: 1024px) {
    .section04 {}
    .section04 .bg_inner {}
    .section04 .bg_inner video {}
    .section04 .bg_inner::after {}
    .section04 .content_inner {left:4.1%; transform: translateY(-50%);}
    .section04 .content_inner .title {font-size:32px;}
    .section04 .content_inner .title strong {}
    .section04 .content_inner .txt01 {margin-top: 40px; font-size:14px;}
    .section04 .content_inner .txt02 {margin-top: 15px; font-size:18px;}
}
/* MOBILE_작은해상도 */
@media screen and (max-width: 1024px) and (max-height: 760px) {
}








/*********************************************
    SECTION_05 ::: HARMONY
*********************************************/
.section05 {}
.section05 .bg_inner {position:absolute; left:0; top:0; width:100%; height: 100%; font-size:0;;}
.section05 .bg_inner img {width:100%; height: 100%; object-fit: cover;}
.section05 .content_inner {position:absolute; left:0; right:0; top:50%; transform: translateY(-50%); white-space:nowrap; text-align:center;}
.section05 .content_inner .title {font-family: 'Utile Display Trial', serif; font-size:75px; line-height:1.2; color:#001140;}
.section05 .content_inner .title .in {}
.section05 .content_inner .title .in span {display: block;}
.section05 .content_inner .txt01 {margin-top: 33px; font-size:30px; font-weight: 500; line-height:1.5; color:#111;}
.section05 .content_inner .txt02 {margin-top: 41px; font-size:24px; line-height:1.5; color:#333;}


.section05 .content_inner .title .in {overflow: hidden;}
.section05 .content_inner .title .in span {transform: translateY(100%); transition:var(--default-out) 1.2s;}
.section05 .content_inner .txt01,
.section05 .content_inner .txt02 {opacity:0; transform: translateY(1.5em); transition:var(--default-out) 1s;}
.section05.active .bg_inner img {animation:camera_motion 15s var(--default-in-out) alternate infinite;}
.section05.active .content_inner .title .in span {transform: none;}
.section05.active .content_inner .title .in:nth-of-type(1) span {transition-delay: 0.4s;}
.section05.active .content_inner .title .in:nth-of-type(2) span {transition-delay: 0.6s;}
.section05.active .content_inner .txt01 {opacity:1; transform: none; transition-delay: 1s;}
.section05.active .content_inner .txt02 {opacity:1; transform: none; transition-delay: 1.2s;}


/* PC */
@media screen and (min-width: 1025px) {
}
/* PC_작은해상도 */
@media screen and (min-width: 1025px) and (max-width: 1920px),
    screen and (min-width: 1025px) and (max-height: 1080px) {
    .section05 {}
    .section05 .content_inner {}
    .section05 .content_inner .title {font-size:3.9vw;}
    .section05 .content_inner .title .in {}
    .section05 .content_inner .title .in span {}
    .section05 .content_inner .txt01 {margin-top: 1.71vw; font-size:1.56vw;}
    .section05 .content_inner .txt02 {margin-top: 2.13vw; font-size:1.25vw;}
}

/* MOBILE */
@media screen and (max-width: 1024px) {
    .section05 {}
    .section05 .content_inner {}
    .section05 .content_inner .title {font-size:40px;}
    .section05 .content_inner .title .in {}
    .section05 .content_inner .title .in span {}
    .section05 .content_inner .txt01 {margin-top:20px; font-size:17px;}
    .section05 .content_inner .txt02 {margin-top: 15px; font-size:14px;}
}
/* MOBILE_작은해상도 */
@media screen and (max-width: 1024px) and (max-height: 760px) {
}








/*********************************************
    SECTION_06 ::: HOUSE
*********************************************/
.section06 {}
.section06 .bg_inner {position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:100%; height:100%; overflow: hidden; font-size:0;}
.section06 .bg_inner video,
.section06 .bg_inner img {width:100%; height:100%; object-fit: cover;}
.section06 .bg_inner .caution {}
.section06 .sub_inner {position:absolute; top:50%; width:220px; height:324px; font-size:0; overflow: hidden; border-radius: 10px;}
.section06 .sub_inner .in {height: 100%;}
.section06 .sub_inner img {width:100%; height:100%; object-fit: cover;}
.section06 .sub_inner.img01 {right:50%; transform: translate(-410px, -100%);}
.section06 .sub_inner.img02 {left:50%; transform: translate(410px, 0);}
.section06 .txt_inner {position:absolute; font-size:40px; font-family:"Utile Display Trial", serif; font-weight: 300; color:#001140; white-space:nowrap;}
.section06 .txt_inner::after {content:''; position:absolute; top:50%; width:80px; height:1px; background:#000;}
.section06 .txt_inner.txt01 {left:50%; bottom:50%; transform:translate(-630px, -288px); padding-right: 88px;;}
.section06 .txt_inner.txt01::after {right:0;}
.section06 .txt_inner.txt02 {right:50%; top:50%; transform:translate(630px, 288px); padding-left: 88px;}
.section06 .txt_inner.txt02::after {left:0;}
.section06 .caution.common {}





/* PC */
@media screen and (min-width: 1025px) {
    .section06 .bg_inner {transition: var(--default-out) 2s;}
    .section06 .bg_inner .caution {}
    .section06 .sub_inner {opacity:0; transition:var(--default-out) 1.2s;}
    .section06 .txt_inner {opacity:0; transition:var(--default-out) 1.2s;}
    .section06 .txt_inner.txt01 {clip-path:inset(0 100% 0 0);}
    .section06 .txt_inner.txt02 {clip-path:inset(0 0 0 100%);}
    .section06 .caution.common {opacity:0; transition: all 1.5s;}
    .section06.active {}
    .section06.active .bg_inner {width:700px; height:392px; border-radius: 10px; transition-delay: 2s;}
    .section06.active .bg_inner .caution {opacity:0; transition-delay: 2s;}
    .section06.active .sub_inner {opacity:1; transition-delay: 3.2s;}
    .section06.active .sub_inner.img01 {transform: translate(-410px, -50%);}
    .section06.active .sub_inner.img02 {transform: translate(410px, -50%);}
    .section06.active .txt_inner {opacity:1; transition-delay: 4s;}
    .section06.active .txt_inner.txt01,
    .section06.active .txt_inner.txt02 {clip-path:inset(0 0 0 0);}
    .section06.active .caution.common {opacity:1; transition-delay: 3.2s;}
}
/* PC_작은해상도 */
@media screen and (min-width: 1025px) and (max-width: 1920px),
    screen and (min-width: 1025px) and (max-height: 1080px) {
    .section06 .txt_inner.txt01 {transform:translate(-630px, -240px);}
    .section06 .txt_inner.txt02 {transform:translate(630px, 240px);}
}

/* MOBILE */
@media screen and (max-width: 1024px) {
    .section06 {}
    .section06 .bg_inner {}
    .section06 .bg_inner video,
    .section06 .bg_inner img {}
    .section06 .sub_inner {left:50%; top:auto; width:82.05%; height:20.05%; transform: translateX(-50%);}
    .section06 .sub_inner .in {}
    .section06 .sub_inner img {}
    .section06 .txt_inner {display: none;}

    .section06 .bg_inner {transition: all 1.5s;}
    .section06 .sub_inner {opacity:0; transition:all 1.5s;}
    .section06 .sub_inner.img01 {top:50%; transform: translate(0, 90%);}
    .section06 .sub_inner.img02 {bottom:50%; transform: translate(-100%, -90%);}
    .section06 .caution.common {opacity:0; transition: all 1.5s;}
    .section06.active {}
    .section06.active .bg_inner {width:91.79%; height:28.07%; border-radius: 10px; transition-delay: 2s;}
    .section06.active .bg_inner .caution {opacity:0; transition-delay: 2s;}
    .section06.active .sub_inner {opacity:1; transition-delay: 3.2s;}
    .section06.active .sub_inner.img01 {transform: translate(-50%, 90%);}
    .section06.active .sub_inner.img02 {transform: translate(-50%, -90%);}
    .section06.active .caution.common {opacity:1; transition-delay: 3.2s;}

}
/* MOBILE_작은해상도 */
@media screen and (max-width: 1024px) and (max-height: 760px) {
}







/*********************************************
    SECTION_07 ::: PREMIUM
*********************************************/
.section07 {}
.section07 .section_inner {position:absolute; left:0; top:0; width:100%; height:100%; overflow: hidden; font-size:0;}
.section07 .section_inner .contentBox {position:absolute; top:24.21%; z-index:100;}
.section07 .section_inner .contentBox .title {font-family: "Utile Display Trial", serif; font-size:45px; line-height:1.4; color:#001140;}
.section07 .section_inner .contentBox .txt {margin-top:72px; font-size:18px; line-height:1.6; color:#333;}
.section07 .section_inner .contentBox .txt .pt {font-size:20px;}
.section07 .section_inner .contentBox .txt .sm {font-size:15px;}
.section07 .section_inner .titleBox {position:absolute; text-align:right; font-family:"Utile Display Trial", serif; font-size:75px; line-height:1.3; z-index:100;}
.section07 .section_inner.inner01 {}
.section07 .section_inner.inner01 .contentBox {left:5.2%;}
.section07 .section_inner.inner01 .subwayBox {position:absolute; left:4.16%; bottom:9.68%; /* width:25.46%; */ font-size:0;}
.section07 .section_inner.inner01 .subwayBox img {/* width:100%; */}
.section07 .section_inner.inner01 .titleBox {right:19.01%; bottom:9.68%;}
.section07 .section_inner.inner01 .visualBox {}
.section07 .section_inner.inner01 .visualBox .in {position:absolute;}
.section07 .section_inner.inner01 .visualBox .in img {width:100%; height:100%; object-fit: cover;}
.section07 .section_inner.inner01 .visualBox .in:nth-child(1) {right:5.2%; top:50%; transform: translateY(-50%); width:17.34%; height: 94.21%;;}
.section07 .section_inner.inner01 .visualBox .in:nth-child(2) {right:23.59%; top:50%; transform: translateY(-65.55%); width:14.06%; height: 37.89%;;}
.section07 .section_inner.inner01 .visualBox .caution {right:0; bottom:8px;}
.section07 .section_inner.inner02 {}
.section07 .section_inner.inner02 .contentBox {left:55.15%;}
.section07 .section_inner.inner02 .titleBox {right:5.2%; bottom:5.05%;}
.section07 .section_inner.inner02 .visualBox {position:absolute; left:0; top:0; bottom:0; width:49.94%;}
.section07 .section_inner.inner02 .visualBox img {width:100%; height:100%; object-fit: cover;}
.section07 .section_inner.inner02 .visualBox .caution {bottom:11px; color:#fff;}

.section07 .section_inner {opacity:0; visibility: hidden; transition:var(--default-out) 1s;}
.section07 .section_inner .contentBox .title {opacity:0; transform: translateY(1em); transition:var(--default-out) 0.8s;}
.section07 .section_inner .contentBox .txt .in {opacity:0; transform: translateX(2em); transition:var(--default-out) 0.8s;}
.section07 .section_inner .titleBox .in {overflow:hidden;}
.section07 .section_inner .titleBox .in span {display: block; transform: translateY(100%); transition:var(--default-out) 1.5s;}
.section07 .section_inner.inner01 .subwayBox {clip-path: inset(0 100% 0 0); transition:var(--default-out) 1.5s;}
.section07 .section_inner.inner01 .visualBox .in {clip-path: inset(50% 0 50% 0); transition:var(--default-out) 2s;}
.section07 .section_inner.inner02 .visualBox {clip-path: inset(0 100% 0 0); transition:var(--default-out) 2s;}

.section07.active .section_inner.inner01 {opacity:1; visibility: visible;}
.section07.active .section_inner.inner01 .contentBox .title {opacity:1; transform: none; transition-delay: 0.4s;}
.section07.active .section_inner.inner01 .contentBox .txt .in {opacity:1; transform: none;}
.section07.active .section_inner.inner01 .contentBox .txt .in:nth-of-type(1) {transition-delay: 0.6s;}
.section07.active .section_inner.inner01 .contentBox .txt .in:nth-of-type(2) {transition-delay: 0.8s;}
.section07.active .section_inner.inner01 .contentBox .txt .in:nth-of-type(3) {transition-delay: 1s;}
.section07.active .section_inner.inner01 .contentBox .txt .in:nth-of-type(4) {transition-delay: 1.2s;}
.section07.active .section_inner.inner01 .subwayBox {clip-path: inset(0 0 0 0); transition-delay: 1.4s;}
.section07.active .section_inner.inner01 .titleBox .in:nth-child(1) span {transform: none; transition-delay: 1.6s;}
.section07.active .section_inner.inner01 .titleBox .in:nth-child(2) span {transform: none; transition-delay: 1.8s;}
.section07.active .section_inner.inner01 .visualBox .in img {animation:camera_motion 15s var(--default-in-out) alternate infinite;}
.section07.active .section_inner.inner01 .visualBox .in:nth-child(1) {clip-path: inset(0 0 0 0); transition-delay: 2s;}
.section07.active .section_inner.inner01 .visualBox .in:nth-child(2) {clip-path: inset(0 0 0 0); transition-delay: 2.2s;}
.section07.active .section_inner.inner02 .visualBox img {animation:camera_motion 15s var(--default-in-out) alternate infinite;}
.section07.on1 .section_inner.inner01 {opacity:0; visibility: hidden; transition:var(--default-out) 0.3s; transition-delay: 0s;}
.section07.on1 .section_inner.inner01 .contentBox .title {opacity:0; transform: translateY(1em); transition:var(--default-out) 0.3s; transition-delay: 0s;}
.section07.on1 .section_inner.inner01 .contentBox .txt .in {opacity:0; transform: translateX(2em); transition:var(--default-out) 0.3s; transition-delay: 0s;}
.section07.on1 .section_inner.inner01 .titleBox .in:nth-child(1) span {transform: translateY(100%); transition:var(--default-out) 0.3s; transition-delay: 0s;}
.section07.on1 .section_inner.inner01 .titleBox .in:nth-child(2) span {transform: translateY(100%); transition:var(--default-out) 0.3s; transition-delay: 0s;}
.section07.on1 .section_inner.inner01 .visualBox .in:nth-child(1),
.section07.on1 .section_inner.inner01 .visualBox .in:nth-child(2) {clip-path: inset(50% 0 50% 0); transition:var(--default-out) 2s; transition-delay: 0s;}
.section07.on1 .section_inner.inner02 {opacity:1; visibility: visible; transition-delay: 0.4s;}
.section07.on1 .section_inner.inner02 .contentBox .title {opacity:1; transform: none; transition-delay: 0.9s;}
.section07.on1 .section_inner.inner02 .contentBox .txt .in {opacity:1; transform: none;}
.section07.on1 .section_inner.inner02 .contentBox .txt .in:nth-of-type(1) {transition-delay: 1.2s;}
.section07.on1 .section_inner.inner02 .contentBox .txt .in:nth-of-type(2) {transition-delay: 1.5s;}
.section07.on1 .section_inner.inner02 .contentBox .txt .in:nth-of-type(3) {transition-delay: 1.8s;}
.section07.on1 .section_inner.inner02 .contentBox .txt .in:nth-of-type(4) {transition-delay: 2s;}
.section07.on1 .section_inner.inner02 .titleBox .in span {transform: none; transition-delay: 2.3s;}
.section07.on1 .section_inner.inner02 .visualBox {clip-path: inset(0 0 0 0);}


/* PC */
@media screen and (min-width: 1025px) {
}
/* PC_작은해상도 */
@media screen and (min-width: 1025px) and (max-width: 1920px),
    screen and (min-width: 1025px) and (max-height: 1080px) {
    .section07 {}
    .section07 .section_inner {}
    .section07 .section_inner .contentBox {}
    .section07 .section_inner .contentBox .title {font-size:2.34vw;}
    .section07 .section_inner .contentBox .txt {margin-top:3.75vw; font-size:0.93vw;}
    .section07 .section_inner .contentBox .txt .pt {font-size:1.04vw;}
    .section07 .section_inner .contentBox .txt .sm {font-size:0.78vw;}
    .section07 .section_inner .titleBox {font-size:3.90vw;}
}

/* MOBILE */
@media screen and (max-width: 1024px) {
    .section07 {}
    .section07 .section_inner {}
    .section07 .section_inner .contentBox {top:auto;}
    .section07 .section_inner .contentBox .title {font-size:30px;}
    .section07 .section_inner .contentBox .txt {margin-top:50px; font-size:14px;}
    .section07 .section_inner .contentBox .txt .pt {font-size:14px;}
    .section07 .section_inner .contentBox .txt .sm {font-size:12px;}
    .section07 .section_inner .titleBox {font-size:32px;}
    .section07 .section_inner.inner01 {}
    .section07 .section_inner.inner01 .contentBox {left:4.1%; right:4.1%; top: 12.03%;}
    .section07 .section_inner.inner01 .subwayBox {left:1.02%; bottom:auto; /* top:36.09%; */ top:42%; width:318px;}
    .section07 .section_inner.inner01 .subwayBox img {width:100%;}
    .section07 .section_inner.inner01 .titleBox {right:36.15%; bottom:10.42%;}
    .section07 .section_inner.inner01 .visualBox {}
    .section07 .section_inner.inner01 .visualBox .in {}
    .section07 .section_inner.inner01 .visualBox .in img {}
    .section07 .section_inner.inner01 .visualBox .in:nth-child(1) {right:4.1%; top:auto; bottom:7.75%; transform: none; width:27.69%; height:31.68%;;}
    .section07 .section_inner.inner01 .visualBox .in:nth-child(2) {right:33.84%; top:auto; bottom:22.45%; transform:none; width:24.35%; height:16.97%;;}
    .section07 .section_inner.inner01 .visualBox .caution {font-size:10px;}
    .section07 .section_inner.inner02 {}
    .section07 .section_inner.inner02 .contentBox {left:4.1%; right:4.1%; top:49.46%;}
    .section07 .section_inner.inner02 .titleBox {right:4.1%; bottom:7.75%;}
    .section07 .section_inner.inner02 .visualBox {bottom:auto; width:100%; height: 40.10%;}
    .section07 .section_inner.inner02 .visualBox img {}
}
/* MOBILE_작은해상도 */
@media screen and (max-width: 1024px) and (max-height: 760px) {
    .section07 {}
    .section07 .section_inner {}
    .section07 .section_inner .contentBox {}
    .section07 .section_inner .contentBox .title {font-size:4.01dvh;}
    .section07 .section_inner .contentBox .txt {margin-top:6.68dvh; font-size:1.87dvh;}
    .section07 .section_inner .titleBox {font-size:4.27dvh;}
}








/*********************************************
    SECTION_08 ::: VALUE
*********************************************/
.section08 {}
.section08 .bg_inner {position:absolute; left:0; top:0; width:100%; height:100%; font-size:0;}
.section08 .bg_inner img {width:100%; height: 100%; object-fit: cover;}
.section08 .bg_inner .caution {}
.section08 .title_inner {position:absolute; left:6.04%; top:20.1%; font-size:60px; font-family: 'Utile Display Trial', serif;}
.section08 .content_inner {position:absolute; left:6.04%; bottom:21.15%; color:#001241;}
.section08 .content_inner .txt01 {font-size:24px; font-weight:600; line-height:1.6;}
.section08 .content_inner .txt02 {margin-top: 30px; font-size:18px; line-height:1.6;}
.section08 .content_inner .txt02 strong {font-weight: 500;}
.section08 .visual_inner {position:absolute; right:10%; top:50%; transform: translateY(-39.33%); width:37.03%; height:69.57%;}
.section08 .visual_inner > div {position:absolute; overflow: hidden;}
.section08 .visual_inner > div img {width:100%; height:100%; object-fit: cover;}
.section08 .visual_inner .inner01 {left:0; top:9.22%; width:66.8%; height: 45.38%;}
.section08 .visual_inner .inner02 {right:5.06%; top:0; width:25.31%; height: 38.88%;}
.section08 .visual_inner .inner03 {left:20.67%; bottom:1.51%; width:25.31%; height: 40.84%;}
.section08 .visual_inner .inner04 {right:0; bottom:0; width:51.19%; height: 42.36%;}

.section08 .title_inner {}
.section08 .title_inner .in {overflow: hidden;}
.section08 .title_inner .in span {display: block; transform: translateY(100%); transition: var(--default-out) 1s;}
.section08 .content_inner .txt01,
.section08 .content_inner .txt02 .in {opacity:0; transform: translateX(1em); transition:var(--default-out) 0.8s;}
.section08 .visual_inner {}
.section08 .visual_inner > div {opacity:0; transition:var(--default-out) 1.5s;}
.section08 .visual_inner .inner01 {transform: translate(-80px, -80px);}
.section08 .visual_inner .inner02 {transform: translate(80px, -80px);}
.section08 .visual_inner .inner03 {transform: translate(-80px, 80px);}
.section08 .visual_inner .inner04 {transform: translate(80px, 80px);}
.section08.active .bg_inner img {animation:camera_motion 15s var(--default-in-out) alternate infinite;}
.section08.active .title_inner .in:nth-child(1) span {transform: none; transition-delay: 0.8s;}
.section08.active .title_inner .in:nth-child(2) span {transform: none; transition-delay: 1s;}
.section08.active .content_inner .txt01 {opacity:1; transform: none; transition-delay: 1.2s;}
.section08.active .content_inner .txt02 .in {opacity:1; transform: none;}
.section08.active .content_inner .txt02 .in:nth-of-type(1) {transition-delay: 1.4s;}
.section08.active .content_inner .txt02 .in:nth-of-type(2) {transition-delay: 1.6s;}
.section08.active .visual_inner > div {opacity:1; transform: none;}
.section08.active .visual_inner > div img {animation:camera_motion 15s var(--default-in-out) alternate infinite;}
.section08.active .visual_inner > div:nth-of-type(1) {transition-delay: 1.6s;}
.section08.active .visual_inner > div:nth-of-type(2) {transition-delay: 1.8s;}
.section08.active .visual_inner > div:nth-of-type(3) {transition-delay: 2s;}
.section08.active .visual_inner > div:nth-of-type(4) {transition-delay: 2.2s;}




/* PC */
@media screen and (min-width: 1025px) {
}
/* PC_작은해상도 */
@media screen and (min-width: 1025px) and (max-width: 1920px),
    screen and (min-width: 1025px) and (max-height: 1080px) {
    .section08 {}
    .section08 .title_inner {font-size:3.12vw;}
    .section08 .content_inner {}
    .section08 .content_inner .txt01 {font-size:1.25vw;}
    .section08 .content_inner .txt02 {margin-top: 1.56vw; font-size:0.93vw;}
    .section08 .content_inner .txt02 strong {}
    .section08 .visual_inner {}
}

/* MOBILE */
@media screen and (max-width: 1024px) {
    .section08 {}
    .section08 .title_inner {left:4.1%; top:18.71%; font-size:34px;}
    .section08 .content_inner {display: none;}
    .section08 .visual_inner {right:4.1%; top:39.83%; transform: none; width:91.8%; height:44.38%;}
    .section08 .visual_inner > div {}
    .section08 .visual_inner .inner01 {}
    .section08 .visual_inner .inner02 {}
    .section08 .visual_inner .inner03 {}
    .section08 .visual_inner .txt {}
    .section08 .visual_inner .txt img {}
}
/* MOBILE_작은해상도 */
@media screen and (max-width: 1024px) and (max-height: 760px) {
}








/*********************************************
    SECTION_09 ::: BENEFIT
*********************************************/
.section09 {}
.section09 .bg_inner {position:absolute; left:0; top:0; width:100%; height:100%; font-size:0;;}
.section09 .bg_inner img {width:100%; height: 100%; object-fit:cover;}
.section09 .visual_inner {position:absolute; right:50%; top:50%; transform: translate(-9.89vw, -48.63%); width:34.89%; height:74.63%;}
.section09 .visual_inner > div {position:absolute; overflow: hidden; backface-visibility: hidden; clip-path: inset(0);}
.section09 .visual_inner img,
.section09 .visual_inner video {width:100%; height:100%; object-fit: cover; will-change: transform; backface-visibility: hidden;}
.section09 .visual_inner .inner01 {left:0; bottom:0; width:50%; height: 87.45%;}
.section09 .visual_inner .inner02 {left: 52.32%; top:0; width:30.11%; height: 59.44%;;}
.section09 .visual_inner .inner03 {left:52.32%; bottom:2.53%; width:47.67%; height: 35.48%;}
.section09 .content_inner {position:absolute; left:50%; top:50%; transform: translate(11.45vw, -83.61%);}
.section09 .content_inner .title {font-size:40px; line-height:1.3; color:#001241; font-family: 'MapoGeumbitnaru', serif;}
.section09 .content_inner .title .in {}
.section09 .content_inner .txt {margin-top: 74px;}
.section09 .content_inner .txt .in {font-size:18px; color:#333; line-height:1.6;}
.section09 .content_inner .txt .in.pt {font-size:24px;}
.section09 .content_inner .txt .in strong {font-weight: 700;}

.section09 .visual_inner > div {opacity:0; transition:var(--default-out) 1.5s;}
.section09 .visual_inner .inner01 {transform: translate(-80px, 0);}
.section09 .visual_inner .inner02 {transform: translate(0, -80px);}
.section09 .visual_inner .inner03 {transform: translate(80px, 0);}
.section09 .content_inner .title .in {overflow: hidden;}
.section09 .content_inner .title .in span {display: block; transform: translateY(100%); transition: all 1.5s;}
.section09 .content_inner .txt .in {opacity:0; transform: translateX(50px); transition:var(--default-out) 0.8s;}
.section09.active .bg_inner img {animation:camera_motion_slow 15s var(--default-in-out) alternate infinite;}
.section09.active .visual_inner > div {transform: none; opacity: 1;}
.section09.active .visual_inner > div:nth-of-type(1) {transition-delay: 0.8s;}
.section09.active .visual_inner > div:nth-of-type(2) {transition-delay: 1s;}
.section09.active .visual_inner > div:nth-of-type(3) {transition-delay: 1.2s;}
.section09.active .visual_inner .test,
.section09.active .visual_inner img {animation:camera_motion 15s var(--default-in-out) alternate infinite;}
.section09.active .content_inner .title .in span {transform: none;}
.section09.active .content_inner .title .in:nth-of-type(1) span {transition-delay: 1.6s;}
.section09.active .content_inner .title .in:nth-of-type(2) span {transition-delay: 1.8s;}
.section09.active .content_inner .txt .in {opacity:1; transform: none;}
.section09.active .content_inner .txt .in:nth-of-type(1) {transition-delay: 2.2s;}
.section09.active .content_inner .txt .in:nth-of-type(2) {transition-delay: 2.4s;}
.section09.active .content_inner .txt .in:nth-of-type(3) {transition-delay: 2.6s;}
.section09.active .content_inner .txt .in:nth-of-type(4) {transition-delay: 2.8s;}



/* PC */
@media screen and (min-width: 1025px) {
}
/* PC_작은해상도 */
@media screen and (min-width: 1025px) and (max-width: 1920px),
    screen and (min-width: 1025px) and (max-height: 1080px) {
    .section09 {}
    .section09 .visual_inner {}
    .section09 .content_inner {}
    .section09 .content_inner .title {font-size:2.08vw;}
    .section09 .content_inner .txt {margin-top: 3.85vw;}
    .section09 .content_inner .txt .in {font-size:0.93vw;}
    .section09 .content_inner .txt .in.pt {font-size:1.25vw;}
}

/* MOBILE */
@media screen and (max-width: 1024px) {
    .section09 {}
    .section09 .visual_inner {left:4.1%; top:auto; bottom:6.01%; transform: none; width:91.8%; height:43.85%;}
    .section09 .visual_inner > div {position:absolute;}
    .section09 .visual_inner img,
    .section09 .visual_inner video {}
    .section09 .visual_inner .inner01 {}
    .section09 .visual_inner .inner02 {}
    .section09 .visual_inner .inner03 {}
    .section09 .content_inner {left:4.1%; top:12.03%; transform: none;}
    .section09 .content_inner .title {font-size:32px;}
    .section09 .content_inner .txt {margin-top: 50px;}
    .section09 .content_inner .txt .in {font-size:14px;}
    .section09 .content_inner .txt .in.pt {font-size:18px;}
}
/* MOBILE_작은해상도 */
@media screen and (max-width: 1024px) and (max-height: 760px) {
    .section09 .content_inner .txt {margin-top: 30px;}
}








/*********************************************
    SECTION_10 ::: VIEW
*********************************************/
.section10 {}
.section10 .bg_inner {position:absolute; left:0; top:0; width:100%; height:100%; font-size:0;}
.section10 .bg_inner img {width:100%; height:100%; object-fit: cover;}
.section10 .text_inner {position:absolute; left:0; right:0; top:50%; transform: translateY(-87.87%); white-space:nowrap; text-align:center; font-size:0; letter-spacing: 8%;}
.section10 .text_inner span {display: inline-block; vertical-align:middle; font-family: 'Utile Display Trial', serif; color:#fff; font-size:50px;}
.section10 .text_inner span:nth-child(1) {transform: translateX(-7em);}
.section10 .text_inner span:nth-child(2) {transform: translateX(-6em);}
.section10 .text_inner span:nth-child(3) {transform: translateX(-5em);}
.section10 .text_inner span:nth-child(4) {transform: translateX(-4em);}
.section10 .text_inner span:nth-child(5) {transform: translateX(-3em);}
.section10 .text_inner span:nth-child(6) {transform: translateX(-2em);}
.section10 .text_inner span:nth-child(7) {transform: translateX(-1em);}
.section10 .text_inner span:nth-child(8) {}
.section10 .text_inner span:nth-child(9) {transform: translateX(1em);}
.section10 .text_inner span:nth-child(10) {transform: translateX(2em);}
.section10 .text_inner span:nth-child(11) {transform: translateX(3em);}
.section10 .text_inner span:nth-child(12) {transform: translateX(4em);}
.section10 .text_inner span:nth-child(13) {transform: translateX(5em);}
.section10 .text_inner span:nth-child(14) {transform: translateX(6em);}
.section10 .text_inner span:nth-child(15) {transform: translateX(7em);}
.section10 .text_inner span:nth-child(16) {transform: translateX(8em);}
.section10 .logo_inner {position:absolute; left:0; right:0; top: 50%; margin-top: 30px; text-align:center; font-size:0;}

.section10 .text_inner {transition:var(--default-out) 2s;}
.section10 .text_inner span {transition:var(--default-out) 2s;}
.section10 .logo_inner {}
.section10 .logo_inner img {clip-path:inset(0 50% 0 50%); transition:var(--default-out) 2s;}
.section10.active .bg_inner img {animation:camera_motion 20s var(--default-in-out) alternate infinite;}
.section10.active .text_inner {}
.section10.active .text_inner span {transform: none !important;}
.section10.active .logo_inner img {clip-path:inset(0 0 0 0); transition-delay: 1s;}




/* PC */
@media screen and (min-width: 1025px) {
}
/* PC_작은해상도 */
@media screen and (min-width: 1025px) and (max-width: 1920px),
    screen and (min-width: 1025px) and (max-height: 1080px) {
}

/* MOBILE */
@media screen and (max-width: 1024px) {
    .section10 .text_inner span {font-size:28px;}
    .section10 .logo_inner {margin-top: 23px;}
    .section10 .logo_inner img {width:280px;}
}
/* MOBILE_작은해상도 */
@media screen and (max-width: 1024px) and (max-height: 760px) {
}







/*********************************************
    SECTION_11 ::: UNIT
*********************************************/
.section11 {}
.section11 .content_inner {position:absolute; left:5.2%; top:24.21%;}
.section11 .content_inner .titleBox {font-family: 'Utile Display Trial', serif; font-size:75px; color:#000;}
.section11 .content_inner .txtBox {margin-top: 70px; font-size:18px; line-height:1.6; color:#000;}
.section11 .btn_inner {position:absolute; left:5.2%; bottom:22.63%; display: flex; align-items: center; gap:38px;}
.section11 .btn_inner .in {line-height:1;}
.section11 .btn_inner .type {font-family: 'Utile Display Trial', serif; font-size:30px; margin-bottom:10px; color:#000;}
.section11 .btn_inner .btn {font-size:16px; color:#000; display:block; padding:0 15px 5px 0; position:relative; width:130px;}
.section11 .btn_inner .btn::before {content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:#000;}
.section11 .btn_inner .btn::after {content:''; position:absolute; right:0; top:5px; width:5px; height:8px; background:url('/resources/img/main/sec11_btn_more.svg') 0 0  no-repeat; background-size:100% 100%;}
.section11 .btn_inner .btn:hover::after {animation:unit_btn_hover 0.5s forwards infinite alternate ease-out;}
@keyframes unit_btn_hover {
    0% {transform: translateX(0);}
    100% {transform: translateX(-5px);}
}
.section11 .visual_inner {position:absolute; right:0; top:0; width:50%; height:100%; font-size:0; overflow: hidden;}
.section11 .visual_inner .unit_swiper {height: 100%;}
.section11 .visual_inner .unit_swiper .inner {height: 100%; position:relative;; overflow: hidden;}
.section11 .visual_inner .unit_swiper .bg {position:absolute; left:0; top:0; width:100%; height:100%; font-size:0;;}
.section11 .visual_inner .unit_swiper .bg img {width:100%; height: 100%; object-fit: cover;}
.section11 .visual_inner .unit_swiper .bg .caution {color:#fff;}
.section11 .visual_inner .unit_swiper .contBox {position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); white-space:nowrap; text-align:center; line-height:1; color:#fff; font-family: 'Utile Display Trial', serif;}
.section11 .visual_inner .unit_swiper .contBox .cont {font-size:140px;}
.section11 .visual_inner .unit_swiper .contBox .type {font-size:30px;}
.section11 .visual_inner .unit_swiper .swiper-pagination {left:20px; top:0; bottom:0; width:auto; display: flex; flex-direction: column; gap:10px; justify-content: center; align-items: center;}
.section11 .visual_inner .unit_swiper .swiper-pagination-bullet {width:10px; height:10px; background:#fff; opacity:0.1;;}
.section11 .visual_inner .unit_swiper .swiper-pagination-bullet-active {opacity:1;}

.section11 .content_inner .titleBox {overflow: hidden;}
.section11 .content_inner .titleBox .in {transform: translateY(100%); transition:all 1.5s;}
.section11 .content_inner .txtBox .in {opacity:0; transform: translateX(50px); transition:all 1.5s;}
.section11 .btn_inner .in {opacity:0; transform: translateY(50px); transition:all 1.5s;}
.section11.active .content_inner .titleBox .in {transform: none;}
.section11.active .content_inner .txtBox .in {opacity:1; transform: none;}
.section11.active .content_inner .txtBox .in:nth-of-type(1) {transition-delay: 0.3s;}
.section11.active .content_inner .txtBox .in:nth-of-type(2) {transition-delay: 0.6s;}
.section11.active .content_inner .txtBox .in:nth-of-type(3) {transition-delay: 0.9s;}
.section11.active .content_inner .txtBox .in:nth-of-type(4) {transition-delay: 1.2s;}
.section11.active .btn_inner .in {opacity:1; transform: none;}
.section11.active .btn_inner .in:nth-child(1) {transition-delay: 1.5s;}
.section11.active .btn_inner .in:nth-child(2) {transition-delay: 1.8s;}
.section11.active .visual_inner .unit_swiper .bg img {animation:camera_motion 15s var(--default-in-out) alternate infinite;}




/* PC */
@media screen and (min-width: 1025px) {
}
/* PC_작은해상도 */
@media screen and (min-width: 1025px) and (max-width: 1920px),
    screen and (min-width: 1025px) and (max-height: 1080px) {
    .section11 {}
    .section11 .content_inner {}
    .section11 .content_inner .titleBox {font-size:3.9vw;}
    .section11 .content_inner .txtBox {margin-top: 3.64vw; font-size:0.93vw;}
    .section11 .btn_inner {gap:1.97vw;}
    .section11 .btn_inner .in {}
    .section11 .btn_inner .type {font-size:1.56vw; margin-bottom:0.52vw;}
    .section11 .btn_inner .btn {font-size:0.83vw; width:6.77vw;}
    .section11 .btn_inner .btn::after {top:1px;}
    .section11 .visual_inner {}
    .section11 .visual_inner .unit_swiper .contBox {}
    .section11 .visual_inner .unit_swiper .contBox .cont {font-size:7.29vw;}
    .section11 .visual_inner .unit_swiper .contBox .type {font-size:1.56vw;}
}

/* MOBILE */
@media screen and (max-width: 1024px) {
    .section11 {}
    .section11 .content_inner {left:4.1%; top:8.02%;}
    .section11 .content_inner .titleBox {font-size:40px;}
    .section11 .content_inner .txtBox {margin-top: 50px; font-size:14px;}
    .section11 .content_inner .btnBox {margin-top: 65px;}
    .section11 .content_inner .btnBox a {font-size:14px;}

    .section11 .btn_inner {left:4.1%; bottom:auto; top:42%; gap:20px;}
    .section11 .btn_inner .in {}
    .section11 .btn_inner .type {font-size:24px; margin-bottom:8px;}
    .section11 .btn_inner .btn {font-size:14px; width:100px;}


    .section11 .visual_inner {top:auto; bottom:0; width:100%; /* height:58.55%; */ height: 48%;}
    .section11 .visual_inner .unit_swiper {}
    .section11 .visual_inner .unit_swiper .inner {}
    .section11 .visual_inner .unit_swiper .bg {}
    .section11 .visual_inner .unit_swiper .bg img {}
    .section11 .visual_inner .unit_swiper .contBox {}
    .section11 .visual_inner .unit_swiper .contBox .cont {font-size:100px;}
    .section11 .visual_inner .unit_swiper .contBox .type {font-size:20px;}
    .section11 .visual_inner .unit_swiper .swiper-pagination {left:0; top:20px; bottom:auto; width:100%; flex-direction: row;}
    .section11 .visual_inner .unit_swiper .swiper-pagination-bullet {}
    .section11 .visual_inner .unit_swiper .swiper-pagination-bullet-active {}

}
/* MOBILE_작은해상도 */
@media screen and (max-width: 1024px) and (max-height: 760px) {
    .section11 {}
    .section11 .content_inner {}
    .section11 .content_inner .titleBox {font-size:5.34dvh;}
    .section11 .content_inner .txtBox {margin-top: 6.68dvh; font-size:1.87dvh;}
    .section11 .content_inner .btnBox {margin-top: 8.68dvh;}
    .section11 .content_inner .btnBox a {font-size:1.87dvh;}
}







/*********************************************
    SECTION_12 ::: LIFE
*********************************************/
.section12 {}
.section12 .bg_inner {position:absolute; left:0; top:0; width:100%; height:100%; font-size:0;}
.section12 .bg_inner .inner {position:absolute; left:0; top:0; width:100%; height:100%;}
.section12 .bg_inner video {width:100%; height:100%; object-fit: cover;}
.section12 .bg_inner .titleBox {position:absolute; right:0; top:17px; transform: rotate(-90deg) translateY(-100%); transform-origin: right top; text-align:right; font-size:80px; color:#fff; font-family: "Utile Display Trial", serif; letter-spacing:10%; z-index:100; font-weight: 300;}
.section12 .section_inner {position:absolute; right:0; top:0; bottom:0; width:75%; background:#fff;}
.section12 .content_inner {position:absolute; left:0; top:0; bottom:0; width:100%; height: 100%;}
.section12 .content_inner .contentBox {position:absolute; left: 10.41%; top: 19.44%;}
.section12 .content_inner .contentBox .title {font-family: "Poppins", sans-serif; font-size:50px; color:#000; display: inline-block; position:relative;}
.section12 .content_inner .contentBox .title::after {content:''; position:absolute; right:-45px; top:-24px; width:45px; height: 45px; background:url('/resources/img/main/sec12_title.svg') 0 0 no-repeat; background-size:100% 100%; animation:sec13_title 10s forwards infinite linear;}
@keyframes sec13_title {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
.section12 .content_inner .contentBox .title .in {}
.section12 .content_inner .contentBox .title .in span {display: block;}
.section12 .content_inner .contentBox .txt {margin-top: 62px; font-size:24px; color:#000; line-height:1.5;}
.section12 .content_inner .visualBox {display: flex; gap:14px; position:absolute; right:4.16%; bottom:7.4%; width:36.52%;}
.section12 .content_inner .visualBox .inner {position:relative; flex:1; padding-top: 30px;}
.section12 .content_inner .visualBox .title {position:absolute; left:0; top:0; width:82.81%; max-width: 200px; padding-left:32px; font-size:16px; line-height:18px;}
.section12 .content_inner .visualBox .title::before {content:''; position:absolute; left:0; top:0; width:22px; height: 18px; border-left:6px solid #000; border-right: 6px solid #000; box-sizing: border-box;}
.section12 .content_inner .visualBox .title::after {content:''; position:absolute; right:0; top:0; width:6px; height:18px; background:#000;}
.section12 .content_inner .visualBox .visual {position:relative; font-size:0;}
.section12 .content_inner .visualBox .visual img {width:100%;}
.section12 .content_inner .visualBox .visual .imgcut {position:absolute; left:10px; bottom:10px; font-size:13px; font-weight: 500; color:#fff;}
.section12 .content_inner .visualBox .movie {padding-top: 58.22%; height: 0; overflow: hidden; position:relative;}
.section12 .content_inner .visualBox .movie .yt-wrapper {position:absolute; left:0; top:0; width:100%;}
.section12 .content_inner .visualBox .movie .yt-frame-container {padding-bottom: 58.22%;}

.section12 .content_inner.inner01 {}
.section12 .content_inner.inner02 {}
.section12 .content_inner.inner02 .listBox {}
.section12 .content_inner.inner02 .listBox ul {display: flex; flex-direction:column; gap:24px; position:absolute; left:10.41%; bottom:7.4%;}
.section12 .content_inner.inner02 .listBox .item {font-size:18px; line-height:1.5;}
.section12 .content_inner.inner02 .listBox .tit {color:#000;}
.section12 .content_inner.inner02 .listBox .ct {color:#4F4F4F;}
.section12 .content_inner.inner03 {}
.section12 .content_inner.inner03 .contentBox .txt {margin-top: 42px; font-size:40px; font-weight: 600; color:#222;;}
.section12 .content_inner.inner03 .subBox {position:absolute; left:10.41%; bottom:5.37%; font-size:18px; color:#4F4F4F; line-height:1.5; letter-spacing: -0.02em;}



/* 섹션별모션 */
.section12 .section_inner {transform: translateX(100%); transition: transform 1.5s;}
.section12 .section_inner .content_inner {opacity:0; visibility: hidden;}
.section12 .section_inner .contentBox .title {}
.section12 .section_inner .contentBox .title::after {opacity:0; transition:all 1.5s;}
.section12 .content_inner .contentBox .title .in {overflow: hidden;}
.section12 .content_inner .contentBox .title .in span {transform: translateY(100%); transition:all 1.5s;}
.section12 .section_inner .contentBox .txt .in,
.section12 .section_inner .subBox .in {opacity:0; transform: translateX(50px); transition:all 1.5s;}
.section12 .section_inner .visualBox .inner {clip-path: inset(0 50% 0 50%); transition:all 1.5s;}
.section12 .section_inner .listBox .item {opacity:0; transform: translateX(50px); transition:all 1.5s;}
.section12 .bg_inner {transition:all 1s;}
.section12 .bg_inner .inner {clip-path: inset(100% 0 0 0); transition: clip-path 1.5s;}
.section12 .bg_inner .inner:nth-child(1) {clip-path: inset(0 0 0 0);}
.section12 .bg_inner .titleBox {opacity:0; visibility: hidden; transition:all 1.5s;}

.section12.on1 .section_inner {transform: none;}
.section12.on1 .bg_inner {width:25%;}
.section12.on1 .bg_inner .titleBox {opacity:1; visibility: visible;}

.section12 .bg_inner .inner.active {clip-path: inset(0 0 0 0);}
.section12 .section_inner .content_inner.active {opacity:1; visibility: visible;}
.section12 .section_inner .content_inner.active .contentBox .title::after {opacity:1; transition-delay: 0.8s;}
.section12 .section_inner .content_inner.active .contentBox .title .in span {transform: none; transition-delay: 0.2s;}
.section12 .section_inner .content_inner.active .contentBox .txt .in {opacity:1; transform: none;}
.section12 .section_inner .content_inner.active .contentBox .txt .in:nth-of-type(1) {transition-delay: 0.4s;}
.section12 .section_inner .content_inner.active .contentBox .txt .in:nth-of-type(2) {transition-delay: 0.6s;}
.section12 .section_inner .content_inner.active .contentBox .txt .in:nth-of-type(3) {transition-delay: 0.8s;}
.section12 .section_inner .content_inner.active .contentBox .txt .in:nth-of-type(4) {transition-delay: 1s;}
.section12 .section_inner .content_inner.active .contentBox .txt .in:nth-of-type(5) {transition-delay: 1.2s;}
.section12 .section_inner .content_inner.active .subBox .in {opacity:1; transform: none;}
.section12 .section_inner .content_inner.active .subBox .in:nth-of-type(1) {transition-delay: 0.4s;}
.section12 .section_inner .content_inner.active .subBox .in:nth-of-type(2) {transition-delay: 0.6s;}
.section12 .section_inner .content_inner.active .subBox .in:nth-of-type(3) {transition-delay: 0.8s;}
.section12 .section_inner .content_inner.active .subBox .in:nth-of-type(4) {transition-delay: 1s;}
.section12 .section_inner .content_inner.active .subBox .in:nth-of-type(5) {transition-delay: 1.2s;}
.section12 .section_inner .content_inner.active .subBox .in:nth-of-type(6) {transition-delay: 1.4s;}
.section12 .section_inner .content_inner.active .visualBox .inner {clip-path: inset(0 0 0 0); transition-delay: 0.6s;}
.section12 .section_inner .content_inner.active .listBox .item {opacity:1; transform: none;}
.section12 .section_inner .content_inner.active .listBox .item:nth-child(1) {transition-delay: 1s;}
.section12 .section_inner .content_inner.active .listBox .item:nth-child(2) {transition-delay: 1.2s;}
.section12 .section_inner .content_inner.active .listBox .item:nth-child(3) {transition-delay: 1.4s;}
.section12 .section_inner .content_inner.active .listBox .item:nth-child(4) {transition-delay: 1.6s;}
.section12 .section_inner .content_inner.active .listBox .item:nth-child(5) {transition-delay: 1.8s;}




/* PC */
@media screen and (min-width: 1025px) {
}
/* PC_작은해상도 */
@media screen and (min-width: 1025px) and (max-width: 1920px),
    screen and (min-width: 1025px) and (max-height: 1080px) {
    .section12 {}
    .section12 .bg_inner {}
    .section12 .bg_inner .inner {}
    .section12 .bg_inner video {}
    .section12 .section_inner {}
    .section12 .content_inner {}
    .section12 .content_inner .contentBox {}
    .section12 .content_inner .contentBox .title {font-size:2.6vw;}
    .section12 .content_inner .contentBox .title .in {}
    .section12 .content_inner .contentBox .title .in span {}
    .section12 .content_inner .contentBox .txt {margin-top: 3.22vw; font-size:1.25vw;}
    .section12 .content_inner .visualBox {}
    .section12 .content_inner .visualBox .inner {}
    .section12 .content_inner .visualBox .title {font-size:clamp(13px, 0.83vw, 16px);}
    .section12 .content_inner .visualBox .title::before {}
    .section12 .content_inner .visualBox .title::after {}
    .section12 .content_inner .visualBox .visual {}
    .section12 .content_inner .visualBox .visual img {}
    .section12 .content_inner .visualBox .visual .imgcut {}
    .section12 .content_inner .visualBox .movie {}
    .section12 .content_inner .visualBox .movie iframe {}
    
    .section12 .content_inner.inner01 {}
    .section12 .content_inner.inner02 {}
    .section12 .content_inner.inner02 .listBox {}
    .section12 .content_inner.inner02 .listBox ul {gap:1.25vw;}
    .section12 .content_inner.inner02 .listBox .item {font-size:0.93vw;}
    .section12 .content_inner.inner02 .listBox .tit {}
    .section12 .content_inner.inner02 .listBox .ct {}
    .section12 .content_inner.inner03 {}
    .section12 .content_inner.inner03 .contentBox .txt {margin-top:2.18vw; font-size:2.08vw;}
    .section12 .content_inner.inner03 .subBox {font-size:0.93vw;}
}

/* MOBILE */
@media screen and (max-width: 1024px) {
    .section12 {}
    .section12 .bg_inner {}
    .section12 .bg_inner .inner {}
    .section12 .bg_inner video {}
    .section12 .bg_inner .titleBox {display: none;}
    .section12 .section_inner {top:auto; width:100%; height: 26.73%;}
    .section12 .content_inner {}
    .section12 .content_inner .contentBox {left:4.1%; top:21%;}
    .section12 .content_inner .contentBox .title {font-size:26px;}
    .section12 .content_inner .contentBox .title::after {right:-29px; top:-16px; width:26px; height: 26px;}
    .section12 .content_inner .contentBox .title .in {}
    .section12 .content_inner .contentBox .title .in span {}
    .section12 .content_inner .contentBox .txt {margin-top: 20px; font-size:16px;}
    .section12 .content_inner .visualBox {display:none;}
    
    .section12 .content_inner.inner01 {}
    .section12 .content_inner.inner02 {}
    .section12 .content_inner.inner02 .listBox {display: none;}
    .section12 .content_inner.inner03 {}
    .section12 .content_inner.inner03 .contentBox .txt {margin-top: 20px; font-size:30px;}
    .section12 .content_inner.inner03 .subBox {display: none;}
    
    
    
    /* 섹션별모션 */
    .section12 .section_inner {transform: translateY(100%);}
    .section12 .section_inner .content_inner {}
    .section12 .section_inner .contentBox .title {}
    .section12 .section_inner .contentBox .title::after {}
    .section12 .content_inner .contentBox .title .in {}
    .section12 .content_inner .contentBox .title .in span {}
    .section12 .section_inner .contentBox .txt,
    .section12 .section_inner .subBox {}
    .section12 .section_inner .visualBox .inner {}
    .section12 .section_inner .listBox .item {}
    .section12 .bg_inner .inner {}
    .section12 .bg_inner .inner:nth-child(1) {}
    
    .section12.on1 .section_inner {transform: none;}
    .section12.on1 .bg_inner {width:100%; height:73.27%;}
    
}
/* MOBILE_작은해상도 */
@media screen and (max-width: 1024px) and (max-height: 760px) {
    .section12 {}
    .section12 .bg_inner {}
    .section12 .bg_inner .inner {}
    .section12 .bg_inner video {}
    .section12 .section_inner {}
    .section12 .content_inner {}
    .section12 .content_inner .contentBox {}
    .section12 .content_inner .contentBox .title {font-size:3.47dvh;}
    .section12 .content_inner .contentBox .title::after {}
    .section12 .content_inner .contentBox .title .in {}
    .section12 .content_inner .contentBox .title .in span {}
    .section12 .content_inner .contentBox .txt {margin-top: 2.67dvh; font-size:2.13dvh;}
    .section12 .content_inner .visualBox {}
    
    .section12 .content_inner.inner01 {}
    .section12 .content_inner.inner02 {}
    .section12 .content_inner.inner02 .listBox {}
    .section12 .content_inner.inner03 {}
    .section12 .content_inner.inner03 .contentBox .txt {margin-top: 2.67dvh; font-size:4.01dvh;}
    .section12 .content_inner.inner03 .subBox {}
}













/*********************************************
    SECTION_13 ::: CONTACT
*********************************************/
.section13 {}
.section13::before {content:''; position:absolute; right:0.62%; top:50%; transform: translateY(-41.81%); width:32.08%; height:81.05%; background:url('/resources/img/main/sec13_bg.png') 0 0 no-repeat; background-size:100% 100%;}
.section13 .map_inner {position:absolute; left:0; top:0; width:67.7%; height: 100%; overflow: hidden;}
.section13 .map_inner svg {width:100%; height: 100%; object-fit: cover;}
.section13 .content_inner {position:absolute; right:0; top:0; width:32.3%; height: 100%;}
.section13 .content_inner .inner {position:absolute; left:9.67%; top:50%; transform: translateY(-35.4%);}
.section13 .content_inner .txt_wrap {font-size:26px; color:#000; margin-bottom: 74px; font-family: 'MapoGeumbitnaru', serif; line-height:1.4; letter-spacing: -0.01em;}
.section13 .content_inner .txt_wrap .in {}
.section13 .content_inner .title {font-family: "Utile Display Trial", serif; font-size:60px; color:#000; margin-bottom: 120px;}
.section13 .content_inner .map_wrap {}
.section13 .content_inner .map_wrap .item {}
.section13 .content_inner .map_wrap .item ~ .item {padding-top: 40px; margin-top: 40px; border-top:1px solid rgba(0,0,0,0.1);;}
.section13 .content_inner .map_wrap .contBox {display: flex; align-items: center; color:#111; font-size:18px;}
.section13 .content_inner .map_wrap .contBox .tit {}
.section13 .content_inner .map_wrap .contBox .tit::after {content:'|'; margin: 0 12px; color:#E5E5E5;}
.section13 .content_inner .map_wrap .contBox .ct {flex:1;}
.section13 .content_inner .map_wrap .btnBox {margin-top: 30px; display: flex; align-items: center; gap:30px;}
.section13 .content_inner .map_wrap .btnBox a {display: flex; height: 30px; align-items: center; padding: 0 38px 0 20px; position:relative; font-size:16px; font-family: 'SUIT', sans-serif; color:#000;}
.section13 .content_inner .map_wrap .btnBox a::before {content:''; position:absolute; left:0; top: 50%; transform: translateY(-50%); background:0 0 no-repeat; background-size:100% 100%;;}
.section13 .content_inner .map_wrap .btnBox a.naver::before {width:11px; height: 10px; background-image:url('/resources/img/main/sec13_btn_naver.svg');}
.section13 .content_inner .map_wrap .btnBox a.kakao::before {width:12px; height: 11px; background-image:url('/resources/img/main/sec13_btn_kakao.svg');}
.section13 .content_inner .map_wrap .btnBox a::after {content:''; position:absolute; right:0; top: 50%; margin-top: -4px; background:url('/resources/img/main/sec13_btn_map.svg') 0 0 no-repeat; background-size:100% 100%;; width:26px; height: 9px;}


.section13 .map_inner svg path.point {transition: all 1s;}
.section13 .content_inner .txt_wrap {}
.section13 .content_inner .txt_wrap .in {transform: translateX(50px); opacity:0; transition: all 1.5s;}
.section13 .content_inner .title {overflow: hidden;}
.section13 .content_inner .title .in {transform: translateY(100%); transition:all 1.5s;}
.section13 .content_inner .map_wrap .item {clip-path: inset(0 100% 0 0); transition:all 1.5s;}
.section13 .map-logo {opacity: 0;}
.section13.fp-finished .map_inner svg path.point {}
.section13.fp-finished .content_inner .txt_wrap {}
.section13.fp-finished .content_inner .txt_wrap .in {transform: none; opacity:1;}
.section13.fp-finished .content_inner .txt_wrap .in:nth-child(1) {}
.section13.fp-finished .content_inner .txt_wrap .in:nth-child(2) {transition-delay: 0.4s;}
.section13.fp-finished .content_inner .title .in {transform: none; transition-delay: 0.8s;}
.section13.fp-finished .content_inner .map_wrap .item:nth-child(1) {clip-path: inset(0 0 0 0); transition-delay: 1.6s;}
.section13.fp-finished .content_inner .map_wrap .item:nth-child(2) {clip-path: inset(0 0 0 0); transition-delay: 2s;}
.section13.fp-finished .map-logo {opacity: 0; animation: sec13_logo 1.2s var(--default-out) forwards 0.4s;}


.section13 .map_inner .pulse {
	transform-box: fill-box;
	transform-origin: center;
	animation: sec13_pulse 2s cubic-bezier(0, 0.3, 1, 0.7) infinite
}
.section13 .map_inner .pulse1 {animation-delay: 0s;}
.section13 .map_inner .pulse2 {animation-delay: 0.2s;}

@keyframes sec13_pulse {
	0% {
        transform: scale(0.5);
        opacity: 0.7;
    }
    100% {
        transform: scale(1.3);
        opacity: 0;
    }
}

@keyframes sec13_logo {
    0% {
        opacity: 0;
        transform: translateY(-1%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}





/* PC */
@media screen and (min-width: 1025px) {
    .section13 .content_inner .map_wrap .btnBox a:hover::after {animation:map_btn_hover 0.5s forwards infinite alternate ease-out;}
    @keyframes map_btn_hover {
        0% {transform: translateX(0);}
        100% {transform: translateX(-5px);}
    }
}
/* PC_작은해상도 */
@media screen and (min-width: 1025px) and (max-width: 1920px),
    screen and (min-width: 1025px) and (max-height: 1080px) {
    .section13 {}
    .section13 .map_inner {}
    .section13 .map_inner img {}
    .section13 .content_inner {}
    .section13 .content_inner .inner {}
    .section13 .content_inner .txt_wrap {font-size:1.35vw; margin-bottom: 3.85vw;}
    .section13 .content_inner .title {font-size:3.12vw; margin-bottom:4.16vw;}
    .section13 .content_inner .map_wrap {}
    .section13 .content_inner .map_wrap .item {}
    .section13 .content_inner .map_wrap .item ~ .item {padding-top: 2.08vw; margin-top:2.08vw;}
    .section13 .content_inner .map_wrap .contBox {font-size:0.93vw;}
    .section13 .content_inner .map_wrap .contBox .tit {}
    .section13 .content_inner .map_wrap .contBox .tit::after {margin: 0 0.62vw;}
    .section13 .content_inner .map_wrap .contBox .ct {}
    .section13 .content_inner .map_wrap .btnBox {margin-top: 1.56vw; gap:1.56vw;}
    .section13 .content_inner .map_wrap .btnBox a {height: 1.56vw; font-size:0.83vw;}
    .section13 .content_inner .map_wrap .btnBox a::before {}
    .section13 .content_inner .map_wrap .btnBox a.naver::before {}
    .section13 .content_inner .map_wrap .btnBox a.kakao::before {}
    .section13 .content_inner .map_wrap .btnBox a::after {}
}

/* MOBILE */
@media screen and (max-width: 1024px) {
    .section13 {}
    .section13::before {content:normal;}
    .section13 .map_inner {width:100%; height:55.61%;}
    .section13 .map_inner img {}
    .section13 .content_inner {top:auto; bottom:0; width:100%; height:44.39%;}
    .section13 .content_inner .inner {left:4.1%; right:4.1%; top:15.06%; transform: none;}
    .section13 .content_inner .txt_wrap,
    .section13 .content_inner .title {display: none;}
    .section13 .content_inner .map_wrap {}
    .section13 .content_inner .map_wrap .item {}
    .section13 .content_inner .map_wrap .item ~ .item {padding-top: 24px; margin-top: 24px;}
    .section13 .content_inner .map_wrap .contBox {display: block;}
    .section13 .content_inner .map_wrap .contBox .tit {display: block; font-weight: 800;}
    .section13 .content_inner .map_wrap .contBox .tit::after {content:normal}
    .section13 .content_inner .map_wrap .contBox .ct {font-weight: 500;}
    .section13 .content_inner .map_wrap .btnBox {margin-top: 16px;}
    .section13 .content_inner .map_wrap .btnBox a {}
    .section13 .content_inner .map_wrap .btnBox a::before {}
    .section13 .content_inner .map_wrap .btnBox a.naver::before {}
    .section13 .content_inner .map_wrap .btnBox a.kakao::before {}
    .section13 .content_inner .map_wrap .btnBox a::after {}
}
/* MOBILE_작은해상도 */
@media screen and (max-width: 1024px) and (max-height: 760px) {
    .section13 {}
    .section13 .map_inner {}
    .section13 .map_inner img {}
    .section13 .content_inner {}
    .section13 .content_inner .inner {}
    .section13 .content_inner .title {}
    .section13 .content_inner .map_wrap {}
    .section13 .content_inner .map_wrap .item {}
    .section13 .content_inner .map_wrap .item ~ .item {padding-top: 3.2dvh; margin-top: 3.2dvh;}
    .section13 .content_inner .map_wrap .contBox {line-height:1.5; font-size:16px;}
    .section13 .content_inner .map_wrap .contBox .tit {}
    .section13 .content_inner .map_wrap .contBox .tit::after {}
    .section13 .content_inner .map_wrap .contBox .ct {}
    .section13 .content_inner .map_wrap .btnBox {margin-top: 2.13dvh;}
    .section13 .content_inner .map_wrap .btnBox a {}
    .section13 .content_inner .map_wrap .btnBox a::before {}
    .section13 .content_inner .map_wrap .btnBox a.naver::before {}
    .section13 .content_inner .map_wrap .btnBox a.kakao::before {}
    .section13 .content_inner .map_wrap .btnBox a::after {}
}






