@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/pretendard.css");
/*
    variable
********************/
:root {

      /* contents point colors */
      --premium-box-color:#afbf67;
      --premium-tit-color:#000;
      --premium-status-bar:#011142;
      --premium-btn-hover-color:#24a544;

    }


/*
      MAIN
*******************/
.pc-only {display:block;}
.m-only {display:none;}
.main_container {overflow: hidden;}
.main_visual {position:relative; width: 100%; height: 100%;}
.main_visual .swiper{width: 100%; height: 100%;}
.main_visual .swiper-slide{overflow: hidden;}
.main_visual .swiper-slide .bg{transform: scale(1.2);}
.main_visual .swiper-slide .copy{transition: all 1s; transform: translateY(100px); opacity: 0;}
.main_visual .swiper-slide-active .copy{transform: translateY(0); opacity: 1;}
.main_visual .swiper-slide-active .copy02{transition-delay: 0.3s;}
.main_visual .swiper-slide-active .bg{animation: main_visual 5s both ease-in-out;}
@keyframes main_visual{
      0%{transform: scale(1.2);}
      100%{transform: scale(1);}
}
.main_visual.initial-load .swiper-slide-active .copy,
.main_visual.initial-load .swiper-slide-active .copy02 {transform: translateY(50px); opacity: 0; transition: none;}

.main_visual .swiper .slide_option{position: absolute; bottom: 50px; left: 50px; width: 250px; height: 20px; display: flex; align-items: center;}
.main_visual .swiper .slide_option .swiper-button-prev,
.main_visual .swiper .slide_option .swiper-button-next{background: url('/resources/img/main/main_slide_arrow.svg') center center/cover no-repeat; width: 7px; height: 13px; color: unset; margin: unset; top: unset; left: unset; right: unset;}
.main_visual .swiper .slide_option .swiper-button-prev{transform: scaleX(-1); left: 0;}
.main_visual .swiper .slide_option .swiper-button-next{right: 0;}
.main_visual .swiper .slide_option .swiper-button-prev:after, 
.main_visual .swiper .slide_option .swiper-button-next:after{display: none;}
.main_visual .swiper .slide_option .swiper-progress-bar {position: absolute; bottom: 0; top: 0; left: 55px; width: 0%; max-width: 135px; height: 2px; background: #fff; transform-origin: left center; z-index: 1; margin: auto;}
.main_visual .swiper .slide_option .swiper-progress-bar::after{content: ""; position: absolute; bottom: 0; left: 0; width: 135px; height: 2px; background: #fff; opacity: 0.4;}
.main_visual .swiper .slide_option .swiper-pagination-custom {position: absolute; bottom: 0; left: 0; z-index: 1; display: flex; justify-content: space-between; align-items: center; padding: 0 20px;}
.main_visual .swiper .slide_option .swiper-pagination-custom span{font-size: 16px; color: #fff; font-weight: bold;}
.main_visual .swiper .slide_option .swiper-pagination-custom span:last-child{opacity: 0.4;}

.main_visual .fottxt{position: absolute; right: 50px; bottom: 50px; color: #fff; font-size: 14px; font-family: 'Noto Sans KR'; opacity: 0.4;}

.main_visual .swiper-slide01 .bg{position: absolute; top: 0; left: 0; width:100%; height:100%; background:url("/resources/img/main/main_visual01.jpg") center center/cover no-repeat; pointer-events: none;}
.main_visual .swiper-slide01 .inner {position:relative; width:100%; height:100%; margin:0 auto; display: flex; align-items: center;}
.main_visual .swiper-slide01 .visual_inr{position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%;}
.main_visual .swiper-slide01 .copy {position:relative; top:50%; left: 0; right: 0; width:100%; text-align: center;}
.main_visual .swiper-slide01 .btm_copy {position:absolute; bottom:2rem; left: 0; right: 0; width:100%; text-align: center; display:flex; justify-content: center; padding:0 3rem;}
.main_visual .swiper-slide01 .btm_copy img {max-width:100%;}
.main_visual .swiper-slide01 .copy img { max-width: 100%;}
.main_visual .swiper-slide01 .copy img.pc-only {display:inline-block; max-width: 100%;}
.main_visual .swiper-slide01 .copy p:nth-of-type(1){font-size: 30px; color: #fff; font-weight: 500; margin-bottom: 18px;}
.main_visual .swiper-slide01 .copy h3{font-size: 72px; color: #fff; font-weight: 800; margin-bottom: 30px;}
.main_visual .swiper-slide01 .copy h3 span{color: #001960;}
.main_visual .swiper-slide01 .copy p:nth-of-type(2){font-size: 52px; color: #001960; font-weight: 800;}
.main_visual .swiper-slide01 .open_date {display:block;  font-size:2.8rem; color:#fff; position:absolute; bottom:3rem; left:0; width:100%; text-align:center;}
.main_visual .swiper-slide01 .open_date strong {font-weight:bold;}
.main_visual .swiper-slide01 .copy:last-child{position: relative; top: 115px;}
.main_visual .swiper-slide01 .obj_inner{position: absolute; width: 100%; height: 100%; pointer-events: none;}
.main_visual .swiper-slide01 .main_obj{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.main_visual .swiper-slide01 .main_obj img{mix-blend-mode: screen; width: 100%; height: 100%; object-fit: cover;}
.main_visual .swiper-slide01 .main_obj_ani{position: absolute; width: 50%; height: 60%; border-radius: 500px; background: radial-gradient(rgba(255, 255, 255, 1) 25%, transparent 65%); top: 40%; left: -6%; opacity: 0; animation: main_obj 2s infinite alternate ease-in-out;}
@keyframes main_obj{
      0%{opacity: 0;}
      100%{opacity: 0.7;}
}

.main_visual .swiper-slide02 .bg{position: absolute; top: 0; left: 0; width:100%; height:100%; background:url("/resources/img/main/main_visual02.jpg") center center/cover no-repeat; pointer-events: none;}
.main_visual .swiper-slide02 .inner {position:relative; width:100%; height:100%; margin:0 auto; padding: 10%;}
/* .main_visual .swiper-slide02 .copy p:nth-of-type(1){font-size: 40px; color: #fff; font-weight: 500; margin-bottom: 18px;}
.main_visual .swiper-slide02 .copy h3{font-size: 82px; color: #fff; font-weight: 800; margin-bottom: 30px;}
.main_visual .swiper-slide02 .copy p:nth-of-type(2){font-size: 62px; color: #fff; font-weight: 800;} */
.main_visual .swiper-slide02 .copy p:nth-of-type(1){font-size: 30px; color: #0066B3; font-weight: 500; margin-bottom: 18px;}
.main_visual .swiper-slide02 .copy h3{font-size: 72px; color: #0066B3; font-weight: 800; margin-bottom: 30px;}
.main_visual .swiper-slide02 .copy h3 span{color: #001960;}
.main_visual .swiper-slide02 .copy p:nth-of-type(2){font-size: 52px; color: #001960; font-weight: 800;}

.main_visual .swiper-slide03 .bg{position: absolute; top: 0; left: 0; width:100%; height:100%; background:url("/resources/img/main/main_visual03.jpg") center 0%/cover no-repeat; pointer-events: none;}
.main_visual .swiper-slide03 .inner {position:relative; width:100%; height:100%; margin:0 auto; padding: 10%;}
.main_visual .swiper-slide03 .copy p:nth-of-type(1){font-size: 30px; color: #0066B3; font-weight: 500; margin-bottom: 18px;}
.main_visual .swiper-slide03 .copy h3{font-size: 72px; color: #0066B3; font-weight: 800; margin-bottom: 30px;}
.main_visual .swiper-slide03 .copy h3 span{color: #001960;}
.main_visual .swiper-slide03 .copy p:nth-of-type(2){font-size: 52px; color: #001960; font-weight: 800;}

.main_visual .scroll_box{width: 125px; height: 125px; position: absolute; bottom: 100px; right: 50px; z-index: 2; display: flex; align-items: center; justify-content: center;}
.main_visual .scroll_box div{position: absolute;}
.main_visual .scroll_box div img{display: block;}
.main_visual .scroll_box .txt{animation: main_scroll 10s infinite linear;}
@keyframes main_scroll{
      0%{transform: rotate(0);}
      100%{transform: rotate(360deg);}
}
.main_visual .scroll_box .txt img{width: 125px; height: 125px;}

.quick_link {position:fixed; right:80px; bottom:70px; display:flex; flex-direction: column; gap: 10px; width:140px; z-index:99;}
.quick_link a{display: block;}
.fp-viewing-sec5 .quick_link{display: none;}

#fp-nav.left{left: 80px;}
#fp-nav ul{display: flex; flex-direction: column; justify-content: center; gap: 30px;}
#fp-nav ul li{display: block; width: 14px; height: 14px; margin: 0px; position: relative;}
#fp-nav ul li:first-child{width: 13px; height: 40px;}
#fp-nav ul li:last-child{display: none;}
#fp-nav ul li:first-child::after{display: none;}
#fp-nav ul li a{display: flex; align-items: center; justify-content: center;}
#fp-nav ul li:first-child a span{background: url("/resources/img/main/left_nav01.svg") center center/cover no-repeat; width: 13px; height: 40px; border-radius: unset; margin: 0; left: 0; top: 0; display: block; opacity: 0.4;}
#fp-nav ul li:first-child a.active span,
#fp-nav ul li:first-child:hover a.active span{background: url("/resources/img/main/left_nav01.svg") center center/cover no-repeat; width: 13px; height: 40px; margin: 0; border-radius: unset;}
#fp-nav ul li:not(:first-child) a span{background: url("/resources/img/main/left_nav02.svg") center center/cover no-repeat; width: 14px; height: 14px; border-radius: 14px; overflow: hidden; position: relative; left: 0; top: 0; display: block; margin: 0; opacity: 0.4;}
#fp-nav ul li:hover a span,
#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span{opacity: 1;}
#fp-nav ul li:not(:first-child):hover a span{width: 14px; height: 14px; margin: 0;} 

.fp-viewing-sec1.on ul li:first-child a span,
.fp-viewing-sec1.on ul li:first-child a.active span,
.fp-viewing-sec1.on ul li:first-child:hover a.active span,
.fp-viewing-sec4 ul li:first-child a span,
.fp-viewing-sec5 ul li:first-child a span{background: url("/resources/img/main/left_nav01_bl.svg") center center/cover no-repeat !important;}

.fp-viewing-sec1.on ul li:not(:first-child) a span,
.fp-viewing-sec4 ul li:not(:first-child) a span,
.fp-viewing-sec5 ul li:not(:first-child) a span{background: url("/resources/img/main/left_nav02_bl.svg") center center/cover no-repeat !important;}

.fp-viewing-sec6 #fp-nav{display: none;}

.fp-viewing-sec2 .side_box,
.fp-viewing-sec3 .side_box,
.fp-viewing-sec4 .side_box,
.fp-viewing-sec5 .side_box,
.fp-viewing-sec6 .side_box{opacity: 0; visibility: hidden; pointer-events: none;}

.side_box{position: fixed; top: 50%; right: -1000px; transform: translateY(-50%); z-index: 3; height: 620px; opacity: 1; visibility: visible; transition: opacity 0.5s;}
.side_box.on{right: 0; z-index: 9998;}
.side_box img{display: block;}
.side_box .popup_box{z-index: 1;}
.side_box .popup_box,
.side_box .event_box{position: absolute; transition: all 0.3s;}
.side_box .popup_box.on,
.side_box .event_box.on{transform: translateX(60px) !important; z-index: 1;}
.side_box .popup_box{top: 18px;}
.side_box .event_box{bottom: 18px;}
.side_box .popup_box .arrow, 
.side_box .event_box .arrow{position: absolute; width: 10px; height: 18px; left: 24px; bottom: 50px; margin: auto;}
.side_box .popup_box.on .arrow, 
.side_box .event_box.on .arrow{transform: scaleX(-1);}
.side_box .event_box .event_zone{display: none;}
.side_box .popup_box .popup_zone, 
.side_box .event_box .event_zone{padding: 45px 40px; position: absolute; top: 0; left: 60px; display: flex; white-space: nowrap; box-sizing: content-box;}
.side_box .popup_box .popup_zone{background: #001960;}
.side_box .event_box .event_zone{background: #0066b3; top: unset; bottom: 20px; height: 564px;}

.main_content_wrap {background: #fff; position: relative;}

#section2{background: url("/resources/img/main/sec02_bg.jpg") center center/cover no-repeat;}
#section2 .txt_wrap{position: absolute; top: 50%; left: 70%; transform: translate(-50%,-50%);}
#section2 .txt_wrap .logo{margin-bottom: 70px;}
#section2 .txt_wrap .txt_inner{display: flex; width: 125%;}
#section2 .txt_wrap .txt_inner .rolling_box{position: relative; width: 163px; height: 163px; display: flex; align-items: center; justify-content: center; top: 140px;}
#section2 .txt_wrap .txt_inner .rolling_box div{position: absolute;}
#section2 .txt_wrap .txt_inner .rolling_box div img{display: block;}
#section2 .txt_wrap .txt_inner .rolling_box .txt_rolling{width: 163px; height: 163px; transform-origin: center center; animation: main_scroll 10s infinite linear;}
#section2 .txt_wrap .txt_inner .rolling_box .txt{top: 25px; left: 25px;}
#section2 .txt_wrap .txt_inner .txt_box{margin-left: 100px;}
#section2 .txt_wrap .txt_inner .txt_box h3{color: #fff; font-size: 77px; font-weight: 200; margin-bottom: 30px; line-height: 70px;}
#section2 .txt_wrap .txt_inner .txt_box h3 strong{font-weight: 800;}
#section2 .txt_wrap .txt_inner .txt_box p{color: #fff; font-size: 18px; font-weight: 400; line-height: 30px;}

#section3{background: url("/resources/img/main/sec03_bg.jpg") center center/cover no-repeat;}
#section3 .swiper{width: 100%; height: 100%;}
#section3 .swiper .slide_option{position: absolute; bottom: 50px; left: 0; right: 0; width: 250px; height: 20px; display: flex; align-items: center; margin: auto;}
#section3 .swiper .slide_option .swiper-button-prev,
#section3 .swiper .slide_option .swiper-button-next{background: url('/resources/img/main/main_slide_arrow.svg') center center/cover no-repeat; width: 7px; height: 13px; color: unset; margin: unset; top: unset; left: unset; right: unset;}
#section3 .swiper .slide_option .swiper-button-prev{transform: scaleX(-1); left: 0;}
#section3 .swiper .slide_option .swiper-button-next{right: 0;}
#section3 .swiper .slide_option .swiper-button-prev:after, 
#section3 .swiper .slide_option .swiper-button-next:after{display: none;}
#section3 .swiper .slide_option .swiper-progress-bar {position: absolute; bottom: 0; top: 0; left: 55px; width: 0%; max-width: 135px; height: 2px; background: #fff; transform-origin: left center; z-index: 1; margin: auto;}
#section3 .swiper .slide_option .swiper-progress-bar::after{content: ""; position: absolute; bottom: 0; left: 0; width: 135px; height: 2px; background: #fff; opacity: 0.4;}
#section3 .swiper .slide_option .swiper-pagination-custom {position: absolute; bottom: 0; left: 0; z-index: 1; display: flex; justify-content: space-between; align-items: center; padding: 0 20px;}
#section3 .swiper .slide_option .swiper-pagination-custom span{font-size: 16px; color: #fff; font-weight: bold;}
#section3 .swiper .slide_option .swiper-pagination-custom span:last-child{opacity: 0.4;}
#section3 .swiper .swiper-slide{transition: all 1s; transform: scale(0.5); filter: grayscale(1); width: 975px;}
#section3 .swiper .swiper-slide-prev{opacity: 0;}
#section3 .swiper .swiper-slide-active{transform: scale(1); filter: grayscale(0); width: 975px; z-index: 1;}
#section3 .swiper .swiper-slide .slide_img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#section3 .swiper .swiper-slide .txt_box{position: absolute; left: -310px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 55px; width: 280px; word-break: keep-all; transition: all 1s; opacity: 0; text-align: right;}
#section3 .swiper .swiper-slide02 .txt_box,
#section3 .swiper .swiper-slide04 .txt_box,
#section3 .swiper .swiper-slide06 .txt_box{top: 55%;}
#section3 .swiper .swiper-slide-active .txt_box{opacity: 1;}
#section3 .swiper .swiper-slide .txt_box p{color: #fff; font-size: 18px; font-weight: 300; line-height: 25px; white-space: nowrap;}
#section3 .swiper .swiper-slide .txt_box span{color: #fff; font-size: 14px; font-weight: 300; line-height: 20px; opacity: 0.6; position: relative; top: -40px;}
#section3 .swiper .swiper-slide .txt_box h3{color: #fff; font-size: 66px; font-weight: 600;}
#section3 .swiper .swiper-slide .vtp{font-size: 18px; color: #fff; font-weight: 300; position: absolute; top: 25%; left: 105%; transform: translate(-50%,-50%); letter-spacing: 5px; writing-mode: vertical-rl;}
#section3 .swiper .swiper-slide .vtp strong{font-weight: 600;}
#section3 .swiper .swiper-slide .next_sd{font-size: 180px; color: #fff; font-weight: 800; position: absolute; top: 35%; left: 125%; transform: translate(-50%,-50%); opacity: 0;}
#section3 .swiper .swiper-slide-active .next_sd{opacity: 1;}

#section4{background: url("/resources/img/main/sec04_bg.jpg") center center/cover no-repeat;}
#section4 img{display: block;}
#section4 .show_room_wrap{width: 100%; height: 100%; position: relative; max-width: 2030px; margin: auto;}
#section4 .show_room_wrap .left_txt{position: absolute; top: 50%; left: 10%; transform: translateY(-50%);}
#section4 .show_room_wrap .left_txt > h3{font-size: 66px; color: #001960; font-weight: 200; margin-bottom: 60px;}
#section4 .show_room_wrap .left_txt > h3 strong{font-weight: 900;}
#section4 .show_room_wrap .left_txt .tab_box{margin-bottom: 90px;}
#section4 .show_room_wrap .left_txt .tab_box ul{display: flex; align-items: flex-start; gap: 20px;}
#section4 .show_room_wrap .left_txt .tab_box ul li{font-size: 18px; color: #001960; font-weight: 300; padding-bottom: 10px; position: relative; width: 92px; text-align: center; cursor: pointer;}
#section4 .show_room_wrap .left_txt .tab_box ul li::after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #001960; opacity: 0.4; transition: all 0.3s;}
#section4 .show_room_wrap .left_txt .tab_box ul li.on::after{opacity: 1; height: 4px;}
#section4 .show_room_wrap .left_txt .tab_box ul li:hover::after{opacity: 1; height: 4px;}
#section4 .show_room_wrap .left_txt .txt_wrap{width: 472px; height: 414px;}
#section4 .show_room_wrap .left_txt .txt_wrap ul{width: 100%; height: 100%; position: relative;}
#section4 .show_room_wrap .left_txt .txt_wrap ul li{position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 1s; opacity: 0; z-index: 0;}
#section4 .show_room_wrap .left_txt .txt_wrap ul li.on{opacity: 1; z-index: 1;}
#section4 .show_room_wrap .left_txt .txt_wrap ul li > h3{font-size: 130px; color: #001960; font-weight: 900; margin-bottom: 15px;}
#section4 .show_room_wrap .left_txt .txt_wrap ul li > p:nth-of-type(1){font-size: 22px; color: #001960; font-weight: 700; margin-bottom: 15px;}
#section4 .show_room_wrap .left_txt .txt_wrap ul li > p:nth-of-type(2){font-size: 18px; color: #001960; font-weight: 400; line-height: 28px; margin-bottom: 30px;}
#section4 .show_room_wrap .left_txt .txt_wrap ul li .btn_box{display: flex; gap: 10px;}
#section4 .show_room_wrap .left_txt .txt_wrap ul li .btn_box a{display: flex; padding: 15px 30px; border: 1px solid #ADB5CA; border-radius: 30px; color: #001960; font-size: 16px; font-weight: 300; white-space: nowrap;}
#section4 .show_room_wrap .left_txt .txt_wrap ul li .btn_box a strong{font-weight: 700; margin-right: 5px;}
#section4 .show_room_wrap .left_txt .txt_wrap ul li .btn_box a img{margin-left: 30px;}
#section4 .show_room_wrap .right_img{position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
#section4 .show_room_wrap .right_img ul{width: 1101px; height: 721px;}
#section4 .show_room_wrap .right_img li{position: absolute; top: 0; left: 0; opacity: 0; transition: all 1s;}
#section4 .show_room_wrap .right_img li.on{opacity: 1; z-index: 1;}
#section4 .show_room_wrap .right_img h3{position: absolute; bottom: -60px; left: -55px; font-size: 110px; color: #fff; font-weight: 900;}
#section4 .show_room_wrap .right_img li:nth-child(2) h3{left: -140px;}
#section4 .show_room_wrap .right_img .img_wrap{position: relative;}
#section4 .show_room_wrap .right_img .img_wrap .hover_box{position: absolute; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,25,96,0.6); transition: all 0.3s; opacity: 0;}
#section4 .show_room_wrap .right_img .img_wrap:hover .hover_box{opacity: 1;}
#section4 .ft_txt{position: absolute; right: 40px; bottom: 50px; font-size: 12px; font-weight: 300; color: #8e8e8e;}

#section5 .fp-tableCell{display: grid; grid-template-columns: repeat(2,1fr);}
#section5 img{display: block;}
#section5 .left_section{background: url("/resources/img/main/sec05_bg01.jpg") center center/cover no-repeat; width: 100%; height: 100%; padding-top: 117px;}
#section5 .left_section .sec_inner{display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; max-width: 561px; margin: auto;}
#section5 .left_section h3{color: #001960; font-size: 66px; font-weight: 300; margin-bottom: 30px;}
#section5 .left_section h3 strong{font-weight: 800;}
#section5 .left_section .map{margin-bottom: 25px;}
#section5 .left_section .location_wrap li{display: flex; justify-content: space-between;}
#section5 .left_section .location_wrap li:first-child{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(0,25,96,0.15);}
#section5 .left_section .location_wrap li .txt{display: flex; align-items: flex-start; gap: 15px;}
#section5 .left_section .location_wrap li .txt p:first-child{font-size: 18px; color: #000; font-weight: 400; white-space: nowrap;}
#section5 .left_section .location_wrap li .txt p:last-child{font-size: 18px; color: #001960; font-weight: 400; white-space: nowrap;}
#section5 .left_section .location_wrap li .txt span{display: block; width: 1px; height: 15px; background: #C7BDBA; position: relative; top: 4px;}
#section5 .left_section .location_wrap li .btn_box{display: flex; flex-direction: column; gap: 10px;}
#section5 .left_section .location_wrap li .btn_box a{display: flex; align-items: center; justify-content: space-between; font-size: 16px; font-weight: 400; color: #001960; white-space: nowrap;}
#section5 .left_section .location_wrap li .btn_box a i{margin-right: 9px;}
#section5 .left_section .location_wrap li .btn_box a:first-child i{background: url("/resources/img/main/sec05_icon01.svg") center center/cover no-repeat; width: 12px; height: 11px;}
#section5 .left_section .location_wrap li .btn_box a:last-child i{background: url("/resources/img/main/sec05_icon02.svg") center center/cover no-repeat; width: 13px; height: 12px;}
#section5 .left_section .location_wrap li .btn_box a img{margin-left: 20px;}

#section5 .right_section{background: url("/resources/img/main/sec05_bg02.jpg") center center/cover no-repeat; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 117px 10% 0;}
#section5 .right_section > p{text-align: center; font-size: 18px; font-weight: 300; color: #fff; line-height: 30px; margin-bottom: 53px;}
#section5 .right_section > p strong{font-weight: 800;}
#section5 .right_section .logo{margin-bottom: 65px;}
#section5 .right_section .type_box{text-align: center; width: 100%;}
#section5 .right_section .type_box h3{font-size: 40px; color: #fff; font-weight: 300; margin-bottom: 15px;}
#section5 .right_section .type_box h3 strong{font-weight: 800;}
#section5 .right_section .type_box .type{display: flex; align-items: center; justify-content: center; gap: 15px; margin-bottom: 46px;}
#section5 .right_section .type_box .type p{font-size: 18px; color: #fff; font-weight: 300;}
#section5 .right_section .type_box .type span{display: block; width: 100%; max-width: 180px; height: 1px; background: rgba(255, 255, 255, 0.15);}
#section5 .right_section .tel_box{display: flex; align-items: center; gap: 8px; margin-bottom: 46px;}
#section5 .right_section .tel_box p{color: #fff; font-size: 26px; font-weight: 100;}
#section5 .right_section .tel_box h3{color: #fff; font-size: 36px; font-weight: 700;}
#section5 .right_section .rolling_box{position: relative; width: 155px; height: 155px; display: flex; align-items: center; justify-content: center;}
#section5 .right_section .rolling_box div{position: absolute;}
#section5 .right_section .rolling_box div img{display: block;}
#section5 .right_section .rolling_box .txt_rolling{width: 155px; height: 155px; transform-origin: center center; animation: main_scroll 10s infinite linear;}
#section5 .right_section .rolling_box .txt{top: 20px; left: 20px;}

@media screen and (max-height: 1000px){
      #section4 .show_room_wrap .left_txt .tab_box {margin-bottom: 30px;}
      #section5 .right_section > p{margin-bottom: 30px;}
      #section5 .right_section .logo{margin-bottom: 40px;}
      #section5 .right_section .type_box .type{margin-bottom: 20px;}
      #section5 .right_section .tel_box{margin-bottom: 20px;}
}
@media screen and (max-width: 1890px) {
      #section4 .show_room_wrap .right_img{width: 50%;}
      #section4 .show_room_wrap .right_img h3{font-size: 5vw; left: -5vw;}
      #section4 .show_room_wrap .right_img li:nth-child(2) h3{left: -6vw;}
      #section4 .show_room_wrap .right_img ul{width: 100%; height: 33vw;}
      #section4 .show_room_wrap .right_img li{width: 100%;}
      #section4 .show_room_wrap .right_img .img_wrap .img_box img{width: 100%; height: 100%; object-fit: cover;}
      #section4 .show_room_wrap .right_img .img_wrap .hover_box{padding: 10%;}
      #section4 .show_room_wrap .right_img .img_wrap .hover_box img{width: 100%; height: 100%; object-fit: cover;}

}
@media screen and (max-width: 1780px){
      .main_visual .swiper-slide03 .copy p:nth-of-type(1){font-size: 2vw;}
      .main_visual .swiper-slide03 .copy h3{font-size: 4vw;}
      .main_visual .swiper-slide03 .copy p:nth-of-type(2){font-size: 3vw;}
}
@media screen and (max-width: 1650px){
      #section3 .swiper .swiper-slide .slide_img{width: 80%; left: 65%;}
      #section3 .swiper .swiper-slide-next .slide_img{left: 40%;}
      #section3 .swiper .swiper-slide .slide_img img{width: 100%;}
      #section3 .swiper .swiper-slide .txt_box{left: -5%;}
      #section3 .swiper .swiper-slide .vtp{left: 110%;}
}
@media screen and (max-width: 1550px){
      #section3 .swiper .swiper-slide-next .slide_img{left: 65%;}
      #section3 .swiper .swiper-slide-active .next_sd{display: none;}
}
@media screen and (max-width: 1400px){
      #section5 .left_section .sec_inner{width: 70%;}
      #section5 .left_section h3{font-size: 4vw;}
      #section5 .left_section .map{width: 100%;}
      #section5 .left_section .map img{width: 100%;}
      #section5 .left_section .location_wrap li .btn_box a img{margin-left: 10px;}
      #section5 .right_section .logo{margin-bottom: 30px; width: 70%;}
      #section5 .right_section .logo img{width: 100%;}
      #section5 .right_section .type_box h3{font-size: 3vw;}
      #section5 .right_section .type_box .type span{max-width: 140px;}
}
@media screen and (max-width: 1320px){
      .main_visual .swiper-slide .copy p:nth-of-type(1){font-size: 2.5vw;}
      .main_visual .swiper-slide .copy h3{font-size: 5vw;}
      .main_visual .swiper-slide .copy p:nth-of-type(2){font-size: 3.5vw;}
      #section5 .left_section .sec_inner{width: 60%;}
      #section5 .left_section h3{font-size: 3.5vw;}
      #section5 .left_section .location_wrap li{flex-direction: column; align-items: center; gap: 10px;}
      #section5 .left_section .location_wrap li .btn_box {flex-direction: row; gap: 40px;}
}
@media screen and (max-width: 1250px){
      #section2 .txt_wrap .txt_inner .txt_box {margin-left: 4vw;}
      #section3 .swiper .swiper-slide .txt_box h3{font-size: 4vw;}
      #section3 .swiper .swiper-slide .txt_box p {font-size: 1.3vw; line-height: 1.8vw;}
      #section4 .show_room_wrap .left_txt > h3{font-size: 4vw;}
      #section4 .show_room_wrap .left_txt .txt_wrap ul li > h3{font-size: 8vw;}
      #section4 .show_room_wrap .right_img h3{bottom: 3vw;}
}
@media screen and (max-width: 1100px){
      .pc-only {display:none;}
      .m-only {display:block;}

      .main_visual {height: calc(100dvh - 60px);}
      .main_visual .swiper-slide{padding-top: 65px;}
      .main_visual .swiper-slide01 .bg {background: url('/resources/img/main/mo_main_visual01.jpg') center 95% / cover no-repeat; height: calc(100dvh - 60px);}
      .main_visual .swiper-slide02 .bg {background: url('/resources/img/main/mo_main_visual02.jpg') center 95% / cover no-repeat; height: calc(100dvh - 60px);}
      .main_visual .swiper-slide03 .bg {background: url('/resources/img/main/mo_main_visual03.jpg') center 95% / cover no-repeat; height: calc(100dvh - 60px);}
      .main_visual .swiper-slide01 .main_obj{display: none;}
      .main_visual .swiper-slide01 .main_obj img{content: url("/resources/img/main/mo_main_v_obj.png");}
      .main_visual .swiper-slide01 .main_obj_ani {width: 100%; height: 60%; top: 50%; left: -5%; background: radial-gradient(rgba(255, 255, 255, 0.5) 25%, transparent 65%);}
      .main_visual .side_box{top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100% !important;}
      .main_visual .side_box .event_box{display: none;}
      .main_visual .side_box .popup_box{top: 0; left: 0; width: 100% !important; transform: unset !important;}
      .main_visual .side_box .popup_box.on{transform: unset !important;}
      .main_visual .side_box .popup_box .popup_btn{display: none;}
      .main_visual .side_box .popup_box .popup_zone{width: 100% !important; left: 0; padding: 0;}
      .main_visual .scroll_box{display: none;}
      .main_visual .swiper-slide01 .visual_inr {top: 40% !important;}
      .main_visual .swiper-slide01 .copy:last-child {width: 60%; margin: auto; top: 60px;}
      .main_visual .swiper-slide .visual_inr {position: absolute; transform: translate(-50%, -50%); left: 50%; top: 28%; width: 100%;}
      .main_visual .swiper-slide .copy {position:relative; top:50%; left: 0; right: 0; width:100%; text-align: center;}
      .main_visual .swiper-slide .copy p:nth-of-type(1){font-size: 24px; margin-bottom: 7px; color: #fff;}
      .main_visual .swiper-slide .copy h3{font-size: 40px; margin-bottom: 20px; padding-bottom: 20px; position: relative; color: #fff;}
      .main_visual .swiper-slide .copy h3::after{content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 50px; height: 1px; background: #fff;}
      .main_visual .swiper-slide .copy h3 span{color: #001960 !important;}
      .main_visual .swiper-slide .copy p:nth-of-type(2){font-size: 50px; color: #001960 !important; font-weight: 800;}
      .main_visual .fottxt{left: 0; right: 0; bottom: 15px; margin: auto; text-align: center; font-size: 9px;}
      .main_visual .swiper .slide_option{width: 150px; bottom: 30px; left: 0; right: 0; margin: auto;}
      .main_visual .swiper .slide_option .swiper-progress-bar{max-width: 40px;}
      .main_visual .swiper .slide_option .swiper-progress-bar::after{width: 40px;}
      
      #section2 {background: url('/resources/img/main/mo_sec02_bg.jpg') center center / cover no-repeat; height: calc(100vh - 90px); position: relative;}
      #section2 .txt_wrap{left: 50%; top: 30%;}
      #section2 .txt_wrap .logo{width: 100%; max-width: 177px; margin: 0;}
      #section2 .txt_wrap .logo img{width: 100%;}
      #section2 .txt_wrap .txt_inner .rolling_box{width: 98px; height: 98px; position: absolute; top: -70px; right: 0;}
      #section2 .txt_wrap .txt_inner .rolling_box .txt_rolling{width: 98px; height: 98px;}
      #section2 .txt_wrap .txt_inner .rolling_box .txt_rolling img{content: url('/resources/img/main/mo_sec02_txt_rolling.png');}
      #section2 .txt_wrap .txt_inner .rolling_box .txt {top: 14px; left: 14px;}
      #section2 .txt_wrap .txt_inner .rolling_box .txt img{content: url('/resources/img/main/mo_sec02_txt.svg');}
      #section2 .txt_wrap .txt_inner .txt_box{margin: 0;}
      #section2 .txt_wrap .txt_inner .txt_box h3{font-size: 40px; line-height: unset; margin-bottom: 20px; padding-left: 35px;}
      #section2 .txt_wrap .txt_inner .txt_box h3 br{display: none;}
      #section2 .txt_wrap .txt_inner .txt_box h3 strong{margin-right: 10px;}
      #section2 .txt_wrap .txt_inner .txt_box p {color: #D4D4D4; font-size: 14px; font-weight: 300; line-height: 25px; padding-left: 35px;}

      #section3 {background: url('/resources/img/main/mo_sec03_bg.jpg') center center / cover no-repeat; height: 768px; position: relative;}
      #section3 .swiper .swiper-slide{transform: unset; filter: unset; padding: 0 20px; display: flex; flex-direction: column-reverse; align-items: center; justify-content: center;}
      #section3 .swiper .swiper-slide-prev{opacity: 1;}
      #section3 .swiper .swiper-slide-active{width: 100%;}
      #section3 .swiper .swiper-slide .slide_img{width: 353px; position: relative; transform: unset; top: 0; left: 0; margin: 0 auto;}
      #section3 .swiper .swiper-slide01 .slide_img img{content: url('/resources/img/main/mo_sec03_LV01.png');}
      #section3 .swiper .swiper-slide02 .slide_img img{content: url('/resources/img/main/mo_sec03_LV02.png');}
      #section3 .swiper .swiper-slide03 .slide_img img{content: url('/resources/img/main/mo_sec03_LV03.png');}
      #section3 .swiper .swiper-slide04 .slide_img img{content: url('/resources/img/main/mo_sec03_LV04.png');}
      #section3 .swiper .swiper-slide05 .slide_img img{content: url('/resources/img/main/mo_sec03_LV05.png');}
      #section3 .swiper .swiper-slide06 .slide_img img{content: url('/resources/img/main/mo_sec03_LV06.png');}
      #section3 .swiper .swiper-slide .vtp{display: none;}
      #section3 .swiper .swiper-slide .txt_box{position: relative; left: 0; top: 0; transform: unset; text-align: left; gap: 20px; width: 100%; max-width: 353px; margin-top: 64px;}
      #section3 .swiper .swiper-slide .txt_box p{font-size: 14px; line-height: 20px; word-break: keep-all; width: 264px; white-space: unset;}
      #section3 .swiper .swiper-slide .txt_box p br{display: none;}
      #section3 .swiper .swiper-slide .txt_box span{top: unset; font-size: 12px; line-height: 15px;}
      #section3 .swiper .swiper-slide .txt_box h3{font-size: 40px; word-break: keep-all; width: 264px;}
      #section3 .swiper .slide_option{width: 150px; bottom: 310px;}
      #section3 .swiper .slide_option .swiper-progress-bar{width: 40px;}
      #section3 .swiper .slide_option .swiper-progress-bar::after{width: 40px;}

      #section4 {background: url('/resources/img/main/mo_sec04_bg.jpg') center center / cover no-repeat; height: 855px; position: relative; padding-top: 90px;}
      #section4 .show_room_wrap{max-width: 350px; margin: auto;}
      #section4 .show_room_wrap .left_txt{width: 100%; height: 100%; top: 0; left: 0; transform: unset; margin: auto;}
      #section4 .show_room_wrap .left_txt > h3{font-size: 40px; margin-bottom: 20px;}
      #section4 .show_room_wrap .left_txt .tab_box{margin: 0;}
      #section4 .show_room_wrap .left_txt .txt_wrap{width: 100%; height: 305px; position: absolute; bottom: 40px;}
      #section4 .show_room_wrap .left_txt .txt_wrap ul li{text-align: right;}
      #section4 .show_room_wrap .left_txt .txt_wrap ul li > h3{font-size: 50px; margin-bottom: 10px;}
      #section4 .show_room_wrap .left_txt .txt_wrap ul li > p:nth-of-type(1){font-size: 20px; margin-bottom: 10px;}
      #section4 .show_room_wrap .left_txt .txt_wrap ul li > p:nth-of-type(2){font-size: 14px; line-height: 20px;}
      #section4 .show_room_wrap .left_txt .txt_wrap ul li .btn_box{justify-content: flex-end;}
      #section4 .show_room_wrap .left_txt .txt_wrap ul li .btn_box a{font-size: 12px; padding: 10px 20px;}
      #section4 .show_room_wrap .left_txt .txt_wrap ul li .btn_box a img{content: url('/resources/img/main/mo_sec04_btn_arrow.svg'); margin-left: 15px;}
      #section4 .show_room_wrap .right_img{width: 100%; top: 170px; right: 0; transform: unset; margin: auto;}
      #section4 .show_room_wrap .right_img ul{height: 215px;}
      #section4 .show_room_wrap .right_img h3 {font-size: 40px; bottom: -75px; left: 25px; width: 220px;}
      #section4 .show_room_wrap .right_img li:nth-child(2) h3{left: 25px;}
      #section4 .show_room_wrap .right_img .img_wrap .hover_box{display: none;}
      #section4 .show_room_wrap .right_img li:nth-child(1) .img_wrap .img_box img{content: url('/resources/img/main/mo_sec04_type84.jpg');}
      #section4 .show_room_wrap .right_img li:nth-child(2) .img_wrap .img_box img{content: url('/resources/img/main/mo_sec04_type107.jpg');}
      #section4 .ft_txt{left: 0; right: 0; bottom: 40px; font-size: 12px; text-align: center;}

      #section5 .left_section{background: url('/resources/img/main/mo_sec05_bg01.jpg') center 85% / cover no-repeat; height: 822px; padding: 0;}
      #section5 .left_section .sec_inner{width: 100%; max-width: 350px;}
      #section5 .left_section h3{font-size: 40px; margin-bottom: 20px;}
      #section5 .left_section .map{width: 351px;}
      #section5 .left_section .map img{content: url('/resources/img/main/mo_sec05_map.jpg');}
      #section5 .left_section .location_wrap li{gap: 20px; align-items: unset;}
      #section5 .left_section .location_wrap li:first-child {padding-bottom: 30px; margin-bottom: 30px;}
      #section5 .left_section .location_wrap li .txt{flex-direction: column; gap: 5px;}
      #section5 .left_section .location_wrap li .txt span{display: none;}
      #section5 .left_section .location_wrap li .txt p:last-child{font-size: 14px;}
      #section5 .left_section .location_wrap li .btn_box{gap: 10px;}
      #section5 .left_section .location_wrap li .btn_box a{border: 1px solid #8990A3; font-size: 14px; padding: 10px 15px;}
      #section5 .left_section .location_wrap li .btn_box a img{content: url('/resources/img/main/mo_sec04_btn_arrow.svg');}
      #section5 .left_section .location_wrap li .btn_box a i{margin-right: 7px;}
      #section5 .right_section{background: url('/resources/img/main/mo_sec05_bg02.jpg') center center / cover no-repeat; height: 810px; position: relative; padding: 0 10%;}
      #section5 .right_section::after{content: ""; position: absolute; top: 0; left: 0; background: url('/resources/img/main/mo_sec05_bg02_side01.png') center center / cover no-repeat; width: 234px; height: 220px;}
      #section5 .right_section::before{content: ""; position: absolute; bottom: 0; right: 0; background: url('/resources/img/main/mo_sec05_bg02_side02.png') center center / cover no-repeat; width: 234px; height: 220px;}
      #section5 .right_section > p{font-size: 14px; margin-bottom: 45px; word-break: keep-all; line-height: 24px; font-weight: 100;}
      #section5 .right_section .logo{width: 300px; margin-bottom: 45px;}
      #section5 .right_section .type_box h3{font-size: 30px; margin-bottom: 5px;}
      #section5 .right_section .type_box .type{margin-bottom: 35px;}
      #section5 .right_section .type_box .type span{display: none;}
      #section5 .right_section .type_box .type p{font-size: 14px;}
      #section5 .right_section .tel_box p{font-size: 20px;}
      #section5 .right_section .tel_box h3{font-size: 32px;}
      #section5 .right_section .rolling_box{width: 101px; height: 101px;}
      #section5 .right_section .rolling_box .txt_rolling{width: 101px; height: 101px;}
      #section5 .right_section .rolling_box .txt_rolling img{content: url('/resources/img/main/mo_sec05_btn_txt.png');}
      #section5 .right_section .rolling_box .txt {top: 14px; left: 14px;}
      #section5 .right_section .rolling_box .txt img{content: url('/resources/img/main/mo_sec05_btn.svg');}
}
@media screen and (max-width:500px) {
      .main_visual .side_box {top: 0%; left: 50%; transform: translate(-50%, 0%); width: 100% !important;}
}



.video_layer_wrap .movie_btn_skip {position:absolute; bottom:-20px; left:0%; width:100%; text-align:center; z-index:1002;}


.video_layer_wrap {background:rgba(0,0,0,0.6); width:100%; height:100vh; position:fixed; top:0; left:0; z-index:9999;}
.video_layer_wrap .inner {position:relative; display:flex; flex-direction:column; align-items: center; justify-content: center; width:100%; height:100%;}
.video_layer_wrap .btn_skip {position:absolute; width:100%; left:0; bottom:30px; text-align:center; z-index:1001; }
.video_con {
      position:relative;
      max-width:1120px;
      width:90%;
      /* height:0;  */
      /* padding-bottom:56.2%;  */
}
.video_con video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video_con .movie_btn_sound {display:block; width:25px; height:25px; background-repeat:no-repeat; background-size:100% 100%; background-position:0 0; background-image:url("/resources/img/btn_sound_off.png"); position:absolute; top:50%; right:3%; margin-top:23%; z-index:1001; text-indent: -9999px; overflow:hidden;}
.video_con .movie_btn_sound.on {background-image:url("/resources/img/btn_sound_on.png");}

.mov_responsive {
      position: relative;
      padding-bottom: 56.2%;
      height: 0;
      overflow: hidden;
}
.mov_responsive iframe,
.mov_responsive object,
.mov_responsive embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
}

@media screen and (max-width: 1024px) {
      .video_layer_wrap .btn_skip {padding-top:70%; bottom:inherit;}
      .video_con .movie_btn_sound {margin-top:20%;}
}
@media screen and (max-width: 478px) {
      .video_layer_wrap .btn_skip {padding-top:80%;}
      .video_con .movie_btn_sound {margin-top:17%; width:20px; height:20px;}
      .video_layer_wrap .movie_btn_skip {bottom:-5rem;}

}

.intro_wrap {
      position: fixed;
      top: 0;
      right: 0;
      width: 100%;
      height: 100dvh;
      z-index: 400;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-align-items: center;
      align-items: center;
      z-index: 99999;
      background: #fff;
}
.intro_wrap.black {background: #fff; -webkit-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; transition: 1s ease-in-out;}
.intro_wrap.hide {width: 0; opacity: 0;}
.intro_wrap .load_logo {
      opacity: 1;
      width: 400px;
      -webkit-transition: 0.6s ease-in-out;
      -moz-transition: 0.6s ease-in-out;
      transition: 0.6s ease-in-out;
      position: relative;
      overflow: hidden;
}
.intro_wrap .load_logo svg path {fill: none; stroke: #001f5f; stroke-width: 0.7px; stroke-dasharray: 450px; stroke-dashoffset: 450px;}
.intro_wrap .load_logo.show svg path {-webkit-animation: load_animation 1.8s both; animation: load_animation 1.8s both;}
@-webkit-keyframes load_animation {
      0% { stroke-dashoffset: 450px; fill: #fff; }
      60% { stroke-dashoffset: 0; fill: #fff; }
      75% { stroke-dashoffset: 0; fill: #fff; }
      100% { stroke-dashoffset: 0; fill: #001f5f; }
}
@keyframes load_animation {
      0% { stroke-dashoffset: 450px; fill: #fff; }
      60% { stroke-dashoffset: 0; fill: #fff; }
      75% { stroke-dashoffset: 0; fill: #fff; }
      100% { stroke-dashoffset: 0; fill: #001f5f; }
}
.intro_wrap .load_logo::after {
      content: '';
      width: 100%;
      height: 100%;
      display: block;
      background: #fff;
      position: absolute;
      left: -100%;
      top: 0;
      -webkit-transition: 0.6s ease-in-out;
      -moz-transition: 0.6s ease-in-out;
      transition: 0.6s ease-in-out;
}
.intro_wrap .load_logo.hide:after {left: 0;}
@media screen and (max-width: 1024px) {
      .intro_wrap .loading {width: 100%;}
      .intro_wrap .load_logo {width: 50%; max-width: 250px; margin: auto; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
}