@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

:root {
    --font-nun : "Nunito Sans","Noto Sans KR", serif;
    --color1 : #59C1B0;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--font-nun) !important;
}

/* common */
.inner {width: 100%; max-width: 1600px; margin: 0 auto;}
.flex {display: flex; align-items: center;}
.flex-jc {display: flex; align-items: center; justify-content: center;}
.flex-jb {display: flex; align-items: center; justify-content: space-between;}
.pc {display: block;}
.tablet {display: none;}
.mob {display: none;}

/* header */
#header {position: fixed; top: 0; left: 0; width: 100%; height: 100px; background: #59C1B0CC; z-index: 1000;}
#header .logo img {width: 200px;}
#header .menu {gap: 50px;}
#header .menu > li {position: relative;}
#header .menu > li > a {display: block; line-height: 100px; font-size: 18px; font-weight: 700; color: #fff;/*  padding: 0 25px; */}
#header .menu > li:hover > a {color: #71FBE4;}
#header .menu > li:hover ol {display: block;}
#header .menu ol {display: none; position: absolute; top: 100%; left: 0; /* height: 120px; max-width: 1100px; width: max-content; */ z-index: 1; /* gap: 60px; padding-left: 25px; */ overflow: hidden; /* overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none; */ background: #fff; text-align: left; padding: 10px 0; border: 1px solid #F5F5F5;}
#header .menu ol a {font-size: 16px; font-weight: 600; color: #8E8E8E; display: flex; align-items: center; padding: 0 15px; line-height: 1.2; height: 40px; min-width: max-content;}
#header .menu ol a:hover {color: var(--color1); text-decoration: underline; text-underline-offset: 3px;}
#header .menu_bg {display: none; position: absolute; top: 100%; left: 0; width: 100%; height: 120px; line-height: 120px; background: #000000CC; border-top: 1px solid #6D6D6D; font-size: 80px; font-weight: 700; color: #ffffff05; letter-spacing: -2px;}
#header .util {gap: 15px;}
#header .lang {position:relative;}
#header .lang img {width:28px; cursor: pointer;}
#header .lang #lang_btn {display: block;}
#header .lang .lang_list {width:50px; position:absolute; top: calc(100% + 10px); left:50%; transform:translateX(-50%); display:none;}
#header .lang .lang_list.on {display:block;}
#header .lang .lang_list a {font-size: 14px; line-height: 40px; display:block; text-align:center; background: #fff;}
#header .lang .lang_list a {border: 1px solid #E3E3E3;}
#header .lang .lang_list a + a {border-top: 0;}
#header .lang .lang_list a.on,
#header .lang .lang_list a:hover {background: #36435A; color:#fff; font-weight: bold; border-color: #36435A;}
#header .all_menu_btn img {width:30px; cursor: pointer;}

/* all menu */
.all_menu{display:none; position:fixed; top: 0; left: 0; width:100%; height:100%; z-index:5000; background: rgba(49, 163, 144, 0.9); backdrop-filter: blur(40px);}
.all_menu .bg {position: relative; height: 100vh; padding: 102px 0;}
/* .all_menu .inner{position:relative; max-width: 1400px;} */
.all_menu_close{position:absolute; right:75px; top:50px; width:50px; cursor:pointer; z-index: 100;}
.all_menu_close img{width:100%;}
.all_menu .title{padding-top:72px; font-size:60px; font-weight:700; color: #fff; line-height: 1.16; transform: skew(-0.1deg);}
.all_menu_list {opacity: 0; transition: all .3s;}
.all_menu_list.on {opacity: 1;}
.all_menu_list dl{display: flex; align-items: center; gap: 92px; border-bottom: 1px solid #FFFFFF20; padding: 30px 0; transition: all .3s;}
.all_menu_list dl.on {opacity: .5;}
.all_menu_list dl:first-child {padding-top: 0;}
.all_menu_list .sub {display: flex; align-items: center; gap: 20px 55px; flex-wrap: wrap;}
.all_menu_list dt{font-size:28px; font-weight:700; letter-spacing: -1px; color: #fff; min-width: 218px;}
.all_menu_list dt a {color: #fff;}
.all_menu_list dt span {display: block; line-height: 0; transition: all .3s ease; overflow: hidden;}
.all_menu_list dd a{font-size:22px; font-weight: 700; color: #fff;}
.all_menu_list dd a:hover {color: #46F0D4; text-decoration: underline; text-underline-offset: 3px;}

/* SIDE QUICK */
.quickSide{position:fixed; right:38px; bottom:60px; z-index:101; display:flex; flex-direction: column; align-items: center;}
.quickSide ul.quickBtn{display:flex; flex-direction: column; align-items: end; gap:10px; }
.quickSide ul.quickBtn li a {display:flex; align-items:center; justify-content: center; background:#FFF; width:70px; height:70px; border-radius:100%;}
.quickSide ul.quickBtn li.scrollTop a {flex-direction: column; background: #717171; font-size: 12px; font-weight: 700; color: #fff; letter-spacing: -.4px;}
.quickSide ul.quickBtn li.scrollTop a img {width: 22px;}
.quickSide ul.quickBtn li.quick_open a {background: var(--color1);}
.quickSide ul.quickBtn li.quick_open a img {width: 30px;}
.quickSide ul.quickBtn li.quick_close {display: none;}
.quickSide ul.quickBtn li.quick_close a {background: #000;}
.quickSide ul.quickBtn li.quick_close a img {width: 18px;}
.quickSide ul.more_list {display: none; border-radius: 100px; background: var(--color1); margin-bottom: 10px;}
.quickSide ul.more_list li a {display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 5px; width: 70px; height: 70px; font-size: 12px; font-weight: 700; color: #fff; letter-spacing: -.6px; line-height: 1.3;}
.quickSide ul.more_list li + li a {border-top: 1px solid #ffffff30;}
.quickSide ul.more_list li img {width: 24px;}

/* footer */
#footer {background: #EDEDED; padding: 60px 0; margin-top: 130px;}
#footer .left {gap: 90px;}
#footer .logo {width: 200px;}
#footer .info strong {display: block; font-size: 16px; font-weight: 700; color: #000; letter-spacing: -.45px; line-height: 1.6;}
#footer .info p {margin-top: 5px; font-size: 14px; font-weight: 400; color: #000; letter-spacing: -.45px; line-height: 1.4;}
#footer .info p.flex {gap: 15px;}
#footer .info p.copy {margin-top: 20px; color: #8E8E8E;}
#footer .sns {display: flex; align-items: flex-end; gap: 11px; opacity: .5; justify-content: flex-end;}
#footer .sns img {width: 34px;}
#footer .use {margin-top: 28px; display: flex; align-items: center; justify-content: flex-end; gap: 20px;}
#footer .use a {font-size: 16px; font-weight: 400; color: #8E8E8E; letter-spacing: -.6px; line-height: 1.5;}
#footer .use a strong {color: #000; font-weight: 700;}
#footer .use .line {width: 1px; height: 15px; background: #A8A8A8; display: block;}

/* main */
#main {overflow: hidden;}
#main .visual {height: 950px; overflow: hidden;}
#main .visual .mySwiper2,
#main .visual .mySwiper2 .swiper-wrapper {height: 100%;}
#main .visual .mySwiper2 .swiper-slide {overflow: hidden; height: 100%;}
#main .visual .swiper-slide img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
#main .visual .mySwiper2 > .swiper-wrapper .swiper-slide-active img {animation: fadezoom 2s 0s forwards;}
@keyframes fadezoom {

    0% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
    }
}
#main .visual .inner {position: absolute; left: 50%; transform: translateX(-50%); bottom: 117px; z-index: 1; padding: 0 47px; margin-left: -47px; display: flex; align-items: center; gap: 0 20px;}
#main .visual .arrow {margin: 0; position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0;}
#main .visual .arrow::after {display: none;}
#main .visual .arrow img {width: 36px;}
#main .visual .mySwiper {width: 480px; overflow: hidden; margin: 0;}
#main .visual .mySwiper .swiper-wrapper {display: flex; align-items: center; gap: 30px; margin: 0;}
#main .visual .mySwiper .swiper-slide {width: 140px; height: 140px; border-radius: 100%; overflow: hidden; cursor: pointer; position: relative; pointer-events:auto;}
#main .visual .mySwiper .swiper-slide::after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000B2; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 400; color: #fff; letter-spacing: -1px; backdrop-filter: blur(10px)}
#main .visual .mySwiper .swiper-slide-thumb-active::after {background: none; backdrop-filter: none; border-radius: 100%; border: 3px solid var(--color1); font-size: 0;}
#main .visual .mySwiper .swiper-slide[rel="Visual1"]::after {content: "Visual1";}
#main .visual .mySwiper .swiper-slide[rel="Visual2"]::after {content: "Visual2";}
#main .visual .mySwiper .swiper-slide[rel="Visual3"]::after {content: "Visual3";}

/* main common */
#main .sec_tit span {font-size: 20px; font-weight: 700; color: var(--color1); letter-spacing: -.6px; line-height: 1.5;}
#main .sec_tit h2 {font-size: 60px; font-weight: 700; color: #000; letter-spacing: -2px; line-height: 1.16;}
#main .sec_tit p {margin-top: 10px; font-size: 24px; font-weight: 500; color: #6D6D6D; letter-spacing: -.8px; line-height: 1.4;}
#main .viewBtn {display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; font-weight: 400; color: #6D6D6D; letter-spacing: -.6px; width: 148px; height: 44px; border: 1px solid #6D6D6D; border-radius: 100px; transition: all .3s;}
#main .viewBtn img {width: 20px; transition: all .3s;}
#main .viewBtn:hover {background: var(--color1); border-color: var(--color1); color: #fff;}
#main .viewBtn:hover img {filter: brightness(0) invert(1);}

/* sec1 */
#main .sec1 .inner {padding: 107px 0 125px;}
#main .sec1 ul {margin-top: 79px; display: flex; align-items: flex-start; justify-content: center; gap: 220px;}
#main .sec1 ul li {cursor: pointer;}
#main .sec1 ul li .img {width: 180px; height: 180px; border-radius: 100%; background: #F5F5F5; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;}
#main .sec1 ul li .img .fill_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translateX(-100%); background: var(--color1); z-index: 1; border-radius: 100px;}
#main .sec1 ul li .img img {width: 90px; position: relative; z-index: 2;}
#main .sec1 ul li p {text-align: center; margin: 30px auto 0; font-size: 24px; font-weight: 600; color: #000; letter-spacing: -1px; line-height: 1.4;}
#main .sec1 .flow_text {margin-bottom: -23px; display: flex; align-items: center; white-space: nowrap; position: relative; z-index: 1;}
#main .sec1 .flow_text span {height: 110px; line-height: 1; font-size: 134px; font-weight: 900; letter-spacing: -2px; animation: marqueeXup linear 100s infinite; display: block; color: #000; opacity: .03;}
@keyframes marqueeXup {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}
/* sec2 */
#main .sec2 {position: relative; padding-top: 130px;}
#main .sec2 .bg {width: 100%; position: absolute; top: 0; left: 0; z-index: -1;}
#main .sec2 h2 {text-align: center; font-size: 60px; font-weight: 700; color: #fff; line-height: 1.16;}
#main .sec2 .tit {margin-top: 70px;}
#main .sec2 .tit h3 {font-size: 60px; font-weight: 400; color: #fff; letter-spacing: -2px; line-height: 1.16;}
#main .sec2 .tit p {margin-top: 30px; font-size: 20px; font-weight: 400; color: #fff; line-height: 1.4;}
#main .sec2 .rotate {position: absolute; top: 347px; right: 65px;}
#main .sec2 .rotate img {animation: rotate_image 17s linear infinite; width: 500px;}
@keyframes rotate_image{
    100% {
        transform: rotate(360deg);
    }
}
#main .sec2 .img {position: relative; z-index: 1; margin-top: 60px}
/* sec3 */
#main .sec3 {position: relative; padding: 150px 0;}
#main .sec3::before {content: ""; width: 525px; height: 656px; background: url('../img/main/sec3_bg.svg') no-repeat center/cover; position: absolute; top: -136px; right: 0; z-index: -1;}
#main .sec3 .top {align-items: flex-end;}
#main .sec3 .swiper_wrap {position: relative; margin-top: 60px; height: 575px;}
#main .sec3 .swiper_wrap .swiper {position: absolute; top: 0; left: 0; width: 1890px;}
#main .sec3 .swiper-slide {width: 1066px; display: flex; transform: scale(.637) translateX(calc(-120% + 36px)); transform-origin:bottom;}
#main .sec3 .swiper-slide .img {width: 550px; overflow: hidden; height: fit-content;}
#main .sec3 .swiper-slide .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
#main .sec3 .swiper-slide .txt {width: calc(100% - 550px); padding: 72px 0 88px 75px; box-sizing: border-box; opacity: 0; transform: translateX(-10%); transition-delay:1s; transition: opacity 0.7s, transform 0.7s;}
#main .sec3 .swiper-slide .txt .tit {font-size: 40px; font-weight: 700; color: #000; letter-spacing: -2px; line-height: 1; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
#main .sec3 .swiper-slide .txt p {margin-top: 30px; font-size: 24px; font-weight: 500; color: #6D6D6D; letter-spacing: -.8px; line-height: 1.25; word-break: keep-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5;}
#main .sec3 .arrow_box {margin-top: 90px; display: flex; align-items: center; gap: 25px;}
#main .sec3 .arrow_box .arrow {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0; width: auto; height: auto;}
#main .sec3 .arrow_box .arrow::after {display: none;}
#main .sec3 .arrow_box img {width: 20px;}
#main .sec3 .pagination,
#main .sec3 .swiper-pagination {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0; display: flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 600; color: #8E8E8E; width: auto;}
#main .sec3 .pagination .current,
#main .sec3 .swiper-pagination-current {font-weight: 800; color: var(--color1);}
#main .sec3 .swiper-slide[class$=-active] {transform: scale(1); transition: all 0.7s; transition-delay: 0s }
#main .sec3 .swiper-slide[class$=-active] .txt {opacity: 1; transform: translateX(0); transition-delay: 0.3s;}
#main .sec3 .swiper-slide[class$=-next] {transform: scale(0.637) translateX(-150px);}
#main .sec3 .arrow_box.mob {display: none !important;}

/* sec4 */
#main .sec4 {display: flex; font-size: 0; position: relative;}
#main .sec4 img {width: 100%;}
#main .sec4 .column {display: flex; flex-direction: column;}
#main .sec4 .flex {display: flex; align-items: center;}
#main .sec4 .dep1 {width: 320px;}
#main .sec4 .dep2 {width: 640px;}
#main .sec4 .dep3 {width: 640px;}
#main .sec4 .dep4 {width: 320px;}
#main .sec4 .dep2 .flex .img {width: 50%;}
#main .sec4 .dep3 .flex {flex-wrap: wrap;}
#main .sec4 .dep3 .flex .img {width: 50%;}
#main .sec4 .img {opacity: 0;}
#main .sec4.on .img {opacity: 1; transition: opacity .2s;}
#main .sec4.on .img03 {transition-delay: .1s;}
#main .sec4.on .img05 {transition-delay: .2s;}
#main .sec4.on .img01 {transition-delay: .3s;}
#main .sec4.on .img02 {transition-delay: .4s;}
#main .sec4.on .img12 {transition-delay: .5s;}
#main .sec4.on .img04 {transition-delay: .6s;}
#main .sec4.on .img11 {transition-delay: .7s;}
#main .sec4.on .img08 {transition-delay: .8s;}
#main .sec4.on .img07 {transition-delay: .9s;}
#main .sec4.on .img10 {transition-delay: 1s;}
#main .sec4.on .img09 {transition-delay: 1.1s;}
#main .sec4.on .img06 {transition-delay: 1.2s;}
#main .sec4.on .img13 {transition: opacity .8s; transition-delay: 1.5s;}
#main .sec4 .hover {opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(89, 193, 176, .8); display: flex; align-items: center; justify-content: center; transition: all .3s;}
#main .sec4 .hover img {width: 352px;}

/* sec5 */
#main .sec5 {position: relative; padding: 150px 0;}
#main .sec5 .top {position: relative; text-align: center;}
#main .sec5 .top > span {position: absolute; right: 0; bottom: 0;}
#main .sec5 .swiper {margin-top: 60px; margin-left: -180px;}
#main .sec5 .swiper:hover {cursor: none;}
#main .sec5 .swiper-slide {width: 550px; margin-right: 30px;}
#main .sec5 .swiper-slide img {width: 100%;}
#main .sec5 #cursor_div{position: fixed; left: 0; top: 0; pointer-events: none; z-index: 10;}
#main .sec5 .cursor{display:flex; justify-content:center; align-items:center; width: 0px; height: 0px; border-radius:50%; background:var(--color1); transition:all 0.3s; transform: translate(-50%, -50%);}
#main .sec5 .cursor img{width:0; transition:all 0.3s;}
#main .sec5 .cursor.on{width: 120px; height: 120px;}
#main .sec5 .cursor.on img{width:73px;}
#main .sec5 .txt {margin-top: -15px; font-size: 100px; font-weight: 900; color: #000; opacity: .03; letter-spacing: -2px; width: 100%; text-align: center; height: 90px; line-height: 1;}

/* sec6 */
#main .sec6 .map_cont {display: flex; align-items: center; gap: 70px; margin-top: 60px;}
#main .sec6 .map_cont .left {width: 830px; height: 577px; overflow: hidden; border-radius: 20px;}
#main .sec6 .root_daum_roughmap_landing,
#main .sec6 .root_daum_roughmap .wrap_map {width: 100%; height: 100%;}
#main .sec6 .map_border,
#main .sec6 .root_daum_roughmap .wrap_controllers {display: none;}
#main .sec6 .right {width: calc(100% - 830px - 60px); text-align: center;}
#main .sec6 .right h3 {font-size: 30px; font-weight: 700; color: #000; line-height: 1.3; letter-spacing: -1px;}
#main .sec6 .addr {margin-top: 40px; font-size: 22px; font-weight: 500; color: #000; letter-spacing: -1px; line-height: 1.2;}
#main .sec6 .btn_wrap {margin: 40px auto 45px; display: flex; align-items: center; justify-content: center; gap: 15px;}
#main .sec6 .btn_wrap a {display: flex; align-items: center; justify-content: center; gap: 10px; width: 163px; height: 56px; font-size: 16px; font-weight: 700; color: #fff; letter-spacing: -1px; background: var(--color1); border-radius: 50px; font-family: var(--font-nun);}
#main .sec6 .btn_wrap a img {width: 15px;}
#main .sec6 .btn_wrap a:last-child {color: #000; background: #fff; border: 1px solid #BEBEBE;}
#main .sec6 .info {padding: 45px 0; display: flex; align-items: first baseline; border-top: 1px solid #E3E3E3; text-align: left;}
#main .sec6 .info .tit {width: 235px; font-size: 24px; font-weight: 700; color: #000; letter-spacing: -.6px;}
#main .sec6 .info .cont {width: calc(100% - 235px);}
#main .sec6 .info .cont p {font-size: 20px; font-weight: 400; color: #000; letter-spacing: -.6px; display: flex; align-items: center; gap: 30px;}
#main .sec6 .info .cont p span {width: 180px; display: block;}
#main .sec6 .info .cont p strong {font-weight: 700;}
#main .sec6 .info .cont p + p {margin-top: 10px;}
#main .sec6 .info .cont .desc {display: block; margin-top: 10px; font-size: 18px; font-weight: 400; color: #6D6D6D; letter-spacing: -.6px;}
#main .sec6 .info:last-child {padding-bottom: 27px;}
#main .sec6 .info:last-child .cont strong {font-size: 28px; letter-spacing: -2px; font-weight: 700;}




@media (max-width: 1640px) {

    /* common */
    .inner {max-width: 95.12vw;}

    /* header */
    #header {height: 6.10vw;}
    #header .logo img {width: 12.20vw;}
    #header .menu {gap: calc(1.52vw * 2);}
    #header .menu > li > a {line-height: 6.10vw; font-size: 1.10vw; /* padding: 0 1.52vw; */}
    #header .menu ol {padding: 0.61vw 0;}
    #header .menu ol a {font-size: 0.98vw; padding: 0 0.91vw; height: 2.44vw;}
    #header .menu ol a:hover {text-underline-offset: 0.18vw;}
    #header .menu_bg {height: 7.32vw; line-height: 7.32vw; font-size: 4.88vw; letter-spacing: -0.12vw;}
    #header .util {gap: 0.91vw;}
    #header .lang img {width:1.71vw;}
    #header .lang .lang_list {width:3.05vw; top: calc(100% + 0.61vw);}
    #header .lang .lang_list a {font-size: 0.85vw; line-height: 2.44vw;}
    #header .all_menu_btn img {width:1.83vw;}

    /* all menu */
    .all_menu .bg {height: 100vh; padding: 6.22vw 0;}
    /* .all_menu .inner {max-width: 85.37vw;} */
    .all_menu_close {right:4.57vw; top:3.05vw; width:3.05vw;}
    .all_menu .title{padding-top:4.39vw; font-size:3.66vw;}
    .all_menu_list dl {gap: 5.61vw; padding: 1.83vw 0;}
    .all_menu_list .sub {gap: 1.22vw 3.35vw;}
    .all_menu_list dt{font-size:1.71vw; letter-spacing: -0.06vw; min-width: 13.29vw;}
    .all_menu_list dd a{font-size:1.34vw;}
    .all_menu_list dd a:hover {text-underline-offset: 0.18vw;}

    /* SIDE QUICK */
    .quickSide {right:2.32vw; bottom:14.66vw;} 
    .quickSide ul.quickBtn {gap:0.61vw;}
    .quickSide ul.quickBtn li a {width:4.27vw; height:4.27vw;}
    .quickSide ul.quickBtn li.scrollTop a {font-size: 0.73vw; letter-spacing: -0.02vw;}
    .quickSide ul.quickBtn li.scrollTop a img {width: 1.34vw;}
    .quickSide ul.quickBtn li.quick_open a img {width: 1.83vw;}
    .quickSide ul.quickBtn li.quick_close a img {width: 1.10vw;}
    .quickSide ul.more_list {border-radius: 6.10vw; margin-bottom: 0.61vw;}
    .quickSide ul.more_list li a {gap: 0.30vw; width: 4.27vw; height: 4.27vw; font-size: 0.73vw; letter-spacing: -0.04vw;}
    .quickSide ul.more_list li img {width: 1.46vw;}

    /* footer */
    #footer {padding: 3.66vw 0; margin-top: 7.93vw;}
    #footer .left {gap: 5.49vw;}
    #footer .logo {width: 12.20vw;}
    #footer .info strong {font-size: 0.98vw; letter-spacing: -0.03vw;}
    #footer .info p {margin-top: 0.30vw; font-size: 0.85vw; letter-spacing: -0.03vw;}
    #footer .info p.flex {gap: 0.91vw;}
    #footer .info p.copy {margin-top: 1.22vw;}
    #footer .sns {gap: 0.67vw;}
    #footer .sns img {width: 2.07vw;}
    #footer .use {margin-top: 1.71vw; gap: 1.22vw;}
    #footer .use a {font-size: 0.98vw; letter-spacing: -0.04vw;}
    #footer .use .line {width: 0.06vw; height: 0.91vw;}

    /* main */
    #main .visual {height: 57.93vw;}
    #main .visual .inner {bottom: 7.13vw; padding: 0 2.87vw; margin-left: -2.87vw; gap: 0 1.22vw;}
    #main .visual .arrow img {width: 2.20vw;}
    #main .visual .mySwiper {width: 29.27vw;}
    #main .visual .mySwiper .swiper-wrapper {gap: 1.83vw;}
    #main .visual .mySwiper .swiper-slide {width: 8.54vw; height: 8.54vw;}
    #main .visual .mySwiper .swiper-slide::after {font-size: 1.22vw; letter-spacing: -0.06vw;}

    /* main common */
    #main .sec_tit span {font-size: 1.22vw; letter-spacing: -0.04vw;}
    #main .sec_tit h2 {font-size: 3.66vw; letter-spacing: -0.12vw;}
    #main .sec_tit p {margin-top: 0.61vw; font-size: 1.46vw; letter-spacing: -0.05vw;}
    #main .viewBtn {gap: 0.49vw; font-size: 0.85vw; letter-spacing: -0.04vw; width: 9.02vw; height: 2.68vw; border-radius: 6.10vw;}
    #main .viewBtn img {width: 1.22vw;}

    /* sec1 */
    #main .sec1 .inner {padding: 6.52vw 0 7.62vw;}
    #main .sec1 ul {margin-top: 4.82vw; gap: 13.41vw;}
    #main .sec1 ul li .img {width: 10.98vw; height: 10.98vw;}
    #main .sec1 ul li .img .fill_bg {border-radius: 6.10vw;}
    #main .sec1 ul li .img img {width: 5.49vw;}
    #main .sec1 ul li p {margin: 1.83vw auto 0; font-size: 1.46vw; letter-spacing: -0.06vw;}
    #main .sec1 .flow_text {margin-bottom: -1.40vw;}
    #main .sec1 .flow_text span {height: 6.71vw; font-size: 8.17vw; letter-spacing: -0.12vw;}
    /* sec2 */
    #main .sec2 {padding-top: 7.93vw;}
    #main .sec2 h2 {font-size: 3.66vw;}
    #main .sec2 .tit {margin-top: 4.27vw;}
    #main .sec2 .tit h3 {font-size: 3.66vw; letter-spacing: -0.12vw;}
    #main .sec2 .tit p {margin-top: 1.83vw; font-size: 1.22vw;}
    #main .sec2 .rotate {top: 21.16vw; right: 3.96vw;}
    #main .sec2 .rotate img {width: 30.49vw;}
    #main .sec2 .img {margin-top: 3.66vw}
    /* sec3 */
    #main .sec3 {padding: 9.15vw 0;}
    #main .sec3::before {width: 32.01vw; height: 40.00vw; top: -8.29vw;}
    #main .sec3 .swiper_wrap {margin-top: 3.66vw; height: 35.06vw;}
    #main .sec3 .swiper_wrap .swiper {width: 115.24vw;}
    #main .sec3 .swiper-slide {width: 65.00vw; transform: scale(.637) translateX(calc(-120% + 2.20vw));}
    #main .sec3 .swiper-slide .img {width: 33.54vw;}
    #main .sec3 .swiper-slide .txt {width: calc(100% - 33.54vw); padding: 4.39vw 0 5.37vw 4.57vw;}
    #main .sec3 .swiper-slide .txt .tit {font-size: 2.44vw; letter-spacing: -0.12vw;}
    #main .sec3 .swiper-slide .txt p {margin-top: 1.83vw; font-size: 1.46vw; letter-spacing: -0.05vw;}
    #main .sec3 .arrow_box {margin-top: 5.49vw; gap: 1.52vw;}
    #main .sec3 .arrow_box img {width: 1.22vw;}
    #main .sec3 .pagination,
    #main .sec3 .swiper-pagination {gap: 0.61vw; font-size: 1.10vw;}
    #main .sec3 .swiper-slide[class$=-next] {transform: scale(0.637) translateX(-9.15vw);}

    /* sec4 */
    #main .sec4 .hover img {width: 21.46vw;}
    #main .sec4 .dep1 {width: 19.51vw;}
    #main .sec4 .dep2 {width: 39.02vw;}
    #main .sec4 .dep3 {width: 39.02vw;}
    #main .sec4 .dep4 {width: 19.51vw;}

    /* sec5 */
    #main .sec5 {padding: 9.15vw 0;}
    #main .sec5 .swiper {margin-top: 3.66vw; margin-left: -10.98vw;}
    #main .sec5 .swiper-slide {width: 33.54vw; margin-right: 1.83vw;}
    #main .sec5 .cursor img{width:0;}
    #main .sec5 .cursor.on{width: 7.32vw; height: 7.32vw;}
    #main .sec5 .cursor.on img{width:4.45vw;}
    #main .sec5 .txt {margin-top: -0.91vw; font-size: 6.10vw; letter-spacing: -0.12vw; height: 5.49vw;}

    /* sec6 */
    #main .sec6 .map_cont {gap: 4.27vw; margin-top: 3.66vw;}
    #main .sec6 .map_cont .left {width: 50.61vw; height: 35.18vw;   border-radius: 1.22vw;}
    #main .sec6 .right {width: calc(100% - 50.61vw - 3.66vw);}
    #main .sec6 .right h3 {font-size: 1.83vw; letter-spacing: -0.06vw;}
    #main .sec6 .addr {margin-top: 2.44vw; font-size: 1.34vw; letter-spacing: -0.06vw;}
    #main .sec6 .btn_wrap {margin: 2.44vw auto 2.74vw; gap: 0.91vw;}
    #main .sec6 .btn_wrap a {gap: 0.61vw; width: 9.94vw; height: 3.41vw; font-size: 0.98vw; letter-spacing: -0.06vw; border-radius: 3.05vw;}
    #main .sec6 .btn_wrap a img {width: 0.91vw;}
    #main .sec6 .info {padding: 2.74vw 0;}
    #main .sec6 .info .tit {width: 14.33vw; font-size: 1.46vw; letter-spacing: -0.04vw;}
    #main .sec6 .info .cont {width: calc(100% - 14.33vw);}
    #main .sec6 .info .cont p {font-size: 1.22vw; letter-spacing: -0.04vw; gap: 1.83vw;}
    #main .sec6 .info .cont p span {width: 10.98vw;}
    #main .sec6 .info .cont p + p {margin-top: 0.61vw;}
    #main .sec6 .info .cont .desc {margin-top: 0.61vw; font-size: 1.10vw; letter-spacing: -0.04vw;}
    #main .sec6 .info:last-child {padding-bottom: 1.65vw;}
    #main .sec6 .info:last-child .cont strong {font-size: 1.71vw; letter-spacing: -0.12vw;}

}

@media (max-width: 1280px) {

    /* common */
    .inner {max-width: 93.75vw;}
    .pc {display: none;}
    .tablet {display: block;}
    .mob {display: none;}

    /* header */
    #header {height: 5.86vw;}
    #header .logo img {width: 12.19vw;}
    #header .menu {gap: calc(1.48vw * 2);}
    #header .menu > li > a {line-height: 5.86vw; font-size: 1.09vw; /* padding: 0 1.48vw; */}
    #header .menu ol {padding: 0.63vw 0; top: 99%;}
    #header .menu ol a {font-size: 1.02vw; padding: 0 0.94vw; height: 2.44vw;}
    #header .menu ol a:hover {text-underline-offset: 0.16vw;}
    #header .menu_bg {height: 7.34vw; line-height: 7.34vw; font-size: 4.84vw; letter-spacing: -0.16vw;}
    #header .util {gap: 0.86vw;}
    #header .lang img {width:1.64vw;}
    #header .lang .lang_list {width:3.05vw; top: calc(100% + 0.63vw);}
    #header .lang .lang_list a {font-size: 0.78vw; line-height: 2.42vw;}
    #header .all_menu_btn.pc {display: block;}
    #header .all_menu_btn img {width:1.76vw;}

    /* all menu */
    .all_menu .bg {height: 100vh; padding: 6.25vw 0;}
    /* .all_menu .inner {max-width: 85.39vw;} */
    .all_menu_close {right:4.53vw; top:3.05vw; width:3.05vw;}
    .all_menu .title{padding-top:4.38vw; font-size:3.67vw;}
    .all_menu_list dl {gap: 5.63vw; padding: 1.80vw 0;}
    .all_menu_list .sub {gap: 1.56vw 4.30vw;}
    .all_menu_list dt{font-size:1.72vw; letter-spacing: -0.08vw; min-width: 13.28vw;}
    .all_menu_list dd a{font-size:1.33vw;}
    .all_menu_list dd a:hover {text-underline-offset: 0.16vw;}

    /* SIDE QUICK */
    .quickSide {right:2.34vw; bottom:14.67vw;} 
    .quickSide ul.quickBtn {gap:0.63vw;}
    .quickSide ul.quickBtn li a {width:4.30vw; height:4.30vw;}
    .quickSide ul.quickBtn li.scrollTop a {font-size: 0.70vw; letter-spacing: -0.00vw;}
    .quickSide ul.quickBtn li.scrollTop a img {width: 1.33vw;}
    .quickSide ul.quickBtn li.quick_open a img {width: 1.80vw;}
    .quickSide ul.quickBtn li.quick_close a img {width: 1.09vw;}
    .quickSide ul.more_list {border-radius: 6.09vw; margin-bottom: 0.63vw;}
    .quickSide ul.more_list li a {gap: 0.31vw; width: 4.30vw; height: 4.30vw; font-size: 0.70vw; letter-spacing: -0.08vw;}
    .quickSide ul.more_list li img {width: 1.48vw;}

    /* footer */
    #footer {padding: 3.67vw 0; margin-top: 7.97vw;}
    #footer .left {gap: 5.47vw;}
    #footer .logo {width: 12.19vw;}
    #footer .info strong {font-size: 1.09vw; letter-spacing: -0.00vw;}
    #footer .info p {margin-top: 0.31vw; font-size: 0.78vw; letter-spacing: -0.00vw;}
    #footer .info p.flex {gap: 0.86vw;}
    #footer .info p.copy {margin-top: 1.17vw;}
    #footer .sns {gap: 0.70vw;}
    #footer .sns img {width: 2.01vw;}
    #footer .use {margin-top: 1.64vw; gap: 1.17vw;}
    #footer .use a {font-size: 0.94vw; letter-spacing: -0.04vw;}
    #footer .use .line {width: 0.08vw; height: 0.88vw;}

    /* main */
    #main .visual {height: 55.63vw;}
    #main .visual .inner {bottom: 7.11vw; padding: 0 2.89vw; margin-left: -2.89vw; gap: 0 1.25vw;}
    #main .visual .arrow img {width: 2.19vw;}
    #main .visual .mySwiper {width: 29.30vw;}
    #main .visual .mySwiper .swiper-wrapper {gap: 1.80vw;}
    #main .visual .mySwiper .swiper-slide {width: 8.52vw; height: 8.52vw;}
    #main .visual .mySwiper .swiper-slide::after {font-size: 1.17vw; letter-spacing: -0.08vw;}
    #main .visual .swiper-slide img.pc {display: block;}

    /* main common */
    #main .sec_tit span {font-size: 1.17vw; letter-spacing: -0.04vw;}
    #main .sec_tit h2 {font-size: 3.52vw; letter-spacing: -0.12vw;}
    #main .sec_tit p {margin-top: 0.63vw; font-size: 1.48vw; letter-spacing: -0.05vw;}
    #main .viewBtn {gap: 0.47vw; font-size: 0.78vw; letter-spacing: -0.04vw; width: 8.83vw; height: 2.58vw; border-radius: 5.86vw;}
    #main .viewBtn img {width: 1.17vw;}

    /* sec1 */
    #main .sec1 .inner {padding: 6.48vw 0 7.66vw;}
    #main .sec1 ul {margin-top: 4.84vw; gap: 13.44vw;}
    #main .sec1 ul li .img {width: 11.02vw; height: 11.02vw;}
    #main .sec1 ul li .img .fill_bg {border-radius: 6.09vw;}
    #main .sec1 ul li .img img {width: 5.47vw;}
    #main .sec1 ul li p {margin: 1.80vw auto 0; font-size: 1.48vw; letter-spacing: -0.08vw;}
    #main .sec1 .flow_text {margin-bottom: -1.41vw;}
    #main .sec1 .flow_text span {height: 6.72vw; font-size: 8.20vw; letter-spacing: -0.16vw;}
    /* sec2 */
    #main .sec2 {padding-top: 7.97vw;}
    #main .sec2 h2 {font-size: 3.52vw;}
    #main .sec2 .tit {margin-top: 4.06vw;}
    #main .sec2 .tit h3 {font-size: 3.52vw; letter-spacing: -0.16vw;}
    #main .sec2 .tit p {margin-top: 1.80vw; font-size: 1.17vw;}
    #main .sec2 .rotate {top: 21.17vw; right: 3.98vw;}
    #main .sec2 .rotate img {width: 30.47vw;}
    #main .sec2 .img {margin-top: 3.67vw}
    #main .sec2 img.pc {display: block;}
    /* sec3 */
    #main .sec3 {padding: 9.14vw 0;}
    #main .sec3::before {width: 32.03vw; height: 40.00vw; top: -8.28vw;}
    #main .sec3 .swiper_wrap {margin-top: 3.67vw; height: 35.08vw;}
    #main .sec3 .swiper_wrap .swiper {width: 115.23vw;}
    #main .sec3 .swiper-slide {width: 65.00vw; transform: scale(.637) translateX(calc(-120% + 2.19vw));}
    #main .sec3 .swiper-slide .img {width: 33.52vw;}
    #main .sec3 .swiper-slide .txt {width: calc(100% - 33.52vw); padding: 4.38vw 0 5.39vw 4.53vw;}
    #main .sec3 .swiper-slide .txt .tit {font-size: 2.42vw; letter-spacing: -0.16vw;}
    #main .sec3 .swiper-slide .txt p {margin-top: 1.80vw; font-size: 1.48vw; letter-spacing: -0.08vw;}
    #main .sec3 .arrow_box {margin-top: 5.47vw; gap: 1.48vw;}
    #main .sec3 .arrow_box img {width: 1.25vw;}
    #main .sec3 .pagination,
    #main .sec3 .swiper-pagination {gap: 0.63vw; font-size: 1.09vw;}
    #main .sec3 .swiper-slide[class$=-next] {transform: scale(0.637) translateX(-9.14vw);}

    /* sec4 */
    #main .sec4 .hover img {width: 21.48vw;}
    #main .sec4 .dep1 {width: 19.53vw;}
    #main .sec4 .dep2 {width: 38.98vw;}
    #main .sec4 .dep3 {width: 38.98vw;}
    #main .sec4 .dep4 {width: 19.53vw;}

    /* sec5 */
    #main .sec5 {padding: 9.14vw 0;}
    #main .sec5 .swiper {margin-top: 3.67vw; margin-left: -14.06vw;}
    #main .sec5 .swiper-slide {width: 33.52vw; margin-right: 1.80vw;}
    #main .sec5 .cursor img{width:0;}
    #main .sec5 .cursor.on{width: 7.34vw; height: 7.34vw;}
    #main .sec5 .cursor.on img{width:4.45vw;}
    #main .sec5 .txt {margin-top: -0.94vw; font-size: 6.09vw; letter-spacing: -0.16vw; height: 5.47vw;}

    /* sec6 */
    #main .sec6 .map_cont {gap: 4.30vw; margin-top: 3.67vw;}
    #main .sec6 .map_cont .left {width: 50.63vw; height: 35.16vw; border-radius: 1.56vw;}
    #main .sec6 .right {width: calc(100% - 50.63vw - 3.67vw);}
    #main .sec6 .right h3 {font-size: 1.80vw; letter-spacing: -0.08vw;}
    #main .sec6 .addr {margin-top: 2.42vw; font-size: 1.33vw; letter-spacing: -0.08vw;}
    #main .sec6 .btn_wrap {margin: 2.42vw auto 2.73vw; gap: 0.94vw;}
    #main .sec6 .btn_wrap a {gap: 0.63vw; width: 9.92vw; height: 3.44vw; font-size: 1.09vw; letter-spacing: -0.08vw; border-radius: 3.05vw;}
    #main .sec6 .btn_wrap a img {width: 0.94vw;}
    #main .sec6 .info {padding: 2.73vw 0;}
    #main .sec6 .info .tit {width: 14.30vw; font-size: 1.48vw; letter-spacing: -0.08vw;}
    #main .sec6 .info .cont {width: calc(100% - 14.30vw);}
    #main .sec6 .info .cont p {font-size: 1.17vw; letter-spacing: -0.08vw; gap: 1.80vw;}
    #main .sec6 .info .cont p span {width: 11.02vw;}
    #main .sec6 .info .cont p + p {margin-top: 0.63vw;}
    #main .sec6 .info .cont .desc {margin-top: 0.63vw; font-size: 1.09vw; letter-spacing: -0.08vw;}
    #main .sec6 .info:last-child {padding-bottom: 2.11vw;}
    #main .sec6 .info:last-child .cont strong {font-size: 1.72vw; letter-spacing: -0.16vw;}

}

@media (max-width: 768px) {
    /* common */
    .inner {max-width: 100%; padding-left: 5.21vw !important; padding-right: 5.21vw !important;}
    .pc {display: none;}
    .tablet {display: none;}
    .mob {display: block;}

    /* header */
    #header {height: 15.63vw;}
    #header .inner {height: 100%;}
    #header .logo img {width: 25.86vw;}
    #header .menu {display: none;}
    #header .util {gap: 2.08vw;}
    #header .lang img {width:6.25vw;}
    #header .lang .lang_list {width:10.4167vw; top: calc(100% + 2.60vw);}
    #header .lang .lang_list a {font-size: 3.1250vw; line-height: 7.8125vw;}
    #header .all_menu_btn.pc {display: none;}
    #header .all_menu_btn img {width:6.70vw;}

    /* all menu */
    .head_bg {display: none; position: fixed; top: 0; right: 0; height: 100%; width: 100%; padding: 16.93vw 0; background: #fff; overflow-y: scroll; z-index: 1000;}
    .head_bg.on {display: block !important;}
    .head_tp {display: flex; align-items: center; justify-content: center;}
    .head_tp .head_bg_logo img {width: 41.67vw;}
    .head_bg_close {position: absolute; top: 4.30vw; right: 2.73vw; cursor: pointer;}
    .head_bg_close img {width: 6.25vw; filter: invert(1);}
    .accordion {margin-top: 8.98vw;}
    .accordion li:last-child .link {border-bottom: 0.13vw solid #E3E3E3;}
    .accordion .link {border-top: 0.13vw solid #E3E3E3; padding: 0 5.86vw; height: 14.32vw; background: url("../img/main/head_mob_arrow.svg") 95% center no-repeat; background-size: 4.30vw;}
    .accordion .link,
    .accordion .link > a {font-size: 4.17vw; line-height: 14.32vw; font-weight: 700;}
    .accordion .link > a {display: block;}
    .accordion .link.dd_none {background: none;}
    .accordion .link a {display: block;}
    .accordion .link.noChild {background: none; /* background: url("../img/main/head_mob_arrow_noChild.svg") 95% center no-repeat; background-size: 4.30vw; */}
    .accordion li.on .link {background: var(--color1) url("../img/main/head_mob_arrow_on.svg") 95% center no-repeat; color: #fff; background-size: 4.30vw;}
    .accordion li.on .link.dd_none {background: none;}
    .submenu {display: none; padding: 2.86vw 5.86vw; background: #F9F9F9;}
    .submenu a {font-size: 3.65vw; font-weight: 500; line-height: 2.8; display: block; color: #8E8E8E;}
    .submenu a:hover {color: var(--color1); font-weight: 600;}


    /* SIDE QUICK */
    .quickSide {right:2.34vw; bottom:7vw;} 
    .quickSide ul.quickBtn {gap:1.69vw;}
    .quickSide ul.quickBtn li a {width:11.72vw; height:11.72vw;}
    .quickSide ul.quickBtn li.scrollTop a {font-size: 2.01vw; letter-spacing: -0.07vw;}
    .quickSide ul.quickBtn li.scrollTop a img {width: 3.68vw;}
    .quickSide ul.quickBtn li.quick_open a img {width: 5.47vw;}
    .quickSide ul.quickBtn li.quick_close a img {width: 3.01vw;}
    .quickSide ul.more_list {border-radius: 16.74vw; margin-bottom: 1.69vw;}
    .quickSide ul.more_list li a {gap: 0.78vw; width: 11.72vw; height: 11.72vw; font-size: 2.34vw; letter-spacing: -0.10vw; text-align: center; line-height: 1.1;}
    .quickSide ul.more_list li img {width: 4.04vw;}

    /* footer */
    #footer {padding: 9.90vw 0 11.46vw; margin-top: 20.83vw;}
    #footer .inner {flex-direction: column; align-items: flex-start; gap: 7.81vw;}
    #footer .left {gap: 7.81vw; flex-direction: column; align-items: flex-start;}
    #footer .logo {width: 32.81vw;}
    #footer .info strong {font-size: 3.39vw; letter-spacing: -0.10vw;}
    #footer .info p {margin-top: 0.65vw; font-size: 3.39vw; letter-spacing: -0.10vw;}
    #footer .info p.flex {gap: 0.65vw 2.60vw; flex-wrap: wrap;}
    #footer .info p.copy {margin-top: 5.21vw;}
    #footer .right {display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; width: 100%;}
    #footer .sns {gap: 2.60vw;}
    #footer .sns img {width: 7.81vw;}
    #footer .use {gap: 3.91vw;}
    #footer .use a {font-size: 3.39vw; letter-spacing: -0.10vw;}
    #footer .use .line {width: 0.13vw; height: 3.91vw;}

    /* main */
    #main .visual {height: 130.21vw;}
    #main .visual .arrow {display: none;}
    #main .visual .mySwiper {width: auto;}
    #main .visual .mySwiper .swiper-wrapper {display: none;}
    #main .visual .swiper-pagination {display: flex; align-items: center; gap: 5.21vw; position: absolute; top: auto; left: 0; right: auto; bottom: 21.61vw; padding: 0 5.21vw;}
    #main .visual .swiper-pagination span {width: 1.30vw; height: 1.30vw; background: #000; margin: 0; opacity: 1;}
    #main .visual .swiper-pagination .swiper-pagination-bullet-active {width: 3.91vw; height: 3.91vw; background: transparent; border: 0.78vw solid #000;}
    #main .visual .swiper-slide img.pc {display: none;}

    /* main common */
    #main .sec_tit span {font-size: 3.65vw; letter-spacing: -0.05vw;}
    #main .sec_tit h2 {font-size: 7.29vw; letter-spacing: -0.26vw;}
    #main .sec_tit p {margin-top: 1.30vw; font-size: 3.65vw; letter-spacing: -0.05vw;}
    #main .viewBtn {gap: 1.69vw; font-size: 3.39vw; letter-spacing: -0.10vw; width: 31.97vw; height: 8.31vw; border-radius: 20.71vw;}
    #main .viewBtn img {width: 4.14vw;}

    /* sec1 */
    #main .sec1 .inner {padding: 21.09vw 0 16.28vw;}
    #main .sec1 ul {margin: 11.98vw auto 0; gap: 5.21vw 7.81vw; width: 81.25vw; flex-wrap: wrap;}
    #main .sec1 ul li .img {width: 36.46vw; height: 36.46vw;}
    #main .sec1 ul li .img .fill_bg {border-radius: 100%;}
    #main .sec1 ul li .img img {width: 18.23vw;}
    #main .sec1 ul li p {margin: 3.91vw auto 0; font-size: 3.65vw; letter-spacing: -0.05vw;}
    #main .sec1 .flow_text {margin-bottom: 0; margin-top: 1.95vw;}
    #main .sec1 .flow_text span {height: 16.93vw; font-size: 20.05vw; letter-spacing: -0.52vw;}
    /* sec2 */
    #main .sec2 {padding-top: 20.83vw;}
    #main .sec2 h2 {font-size: 7.29vw;}
    #main .sec2 .tit {margin-top: 10.42vw;}
    #main .sec2 .tit h3 {font-size: 6.25vw; letter-spacing: -0.26vw;}
    #main .sec2 .tit p {margin-top: 7.81vw; font-size: 3.65vw;}
    #main .sec2 .rotate {top: 95.05vw; right: -2.86vw;}
    #main .sec2 .rotate img {width: 52.08vw;}
    #main .sec2 .img {margin-top: 14.32vw}
    #main .sec2 img.pc {display: none;}
    /* sec3 */
    #main .sec3 {padding: 23.70vw 0 20.83vw;}
    #main .sec3::before {width: 59.90vw; height: 74.84vw; top: -14.58vw; right: -14.19vw;}
    #main .sec3 .sec_tit p {word-break: keep-all;}
    #main .sec3 .sec_tit p br {display: none;}
    #main .sec3 .viewBtn {display: none;}
    #main .sec3 .swiper_wrap {margin-top: 9.64vw; height: auto;}
    #main .sec3 .swiper_wrap .swiper {width: auto; position: relative; top: auto; left: auto;}
    #main .sec3 .swiper-slide {width: 100%; transform: none; flex-direction: column; align-items: flex-start; gap: 7.81vw;}
    #main .sec3 .swiper-slide .img {width: 100%;}
    #main .sec3 .swiper-slide .txt {width: 100%; padding: 0;}
    #main .sec3 .swiper-slide .txt .tit {font-size: 5.73vw; letter-spacing: -0.26vw; word-break: keep-all;}
    #main .sec3 .swiper-slide .txt .tit br {display: none;}
    #main .sec3 .swiper-slide .txt p {margin-top: 5.21vw; font-size: 3.65vw; letter-spacing: -0.05vw;}
    #main .sec3 .swiper-slide .arrow_box {display: none;}
    #main .sec3 .arrow_box.mob {display: flex !important;}
    #main .sec3 .arrow_box {margin: 7.81vw auto 0; gap: 5.21vw; justify-content: center;}
    #main .sec3 .arrow_box img {width: 4.17vw;}
    #main .sec3 .pagination,
    #main .sec3 .swiper-pagination {gap: 2.08vw; font-size: 2.21vw;}
    #main .sec3 .pagination span,
    #main .sec3 .swiper-pagination span {font-size: 3.65vw;}
    #main .sec3 .swiper-slide[class$=-next] {transform: none;}

    /* sec4 */
    #main .sec4 {width: 100%;}
    #main .sec4 .column {display: none;}
    #main .sec4 .hover img {width: 52.08vw;}
    #main .sec4 .m_img img {width: 100%;}

    /* sec5 */
    #main .sec5 {padding: 20.83vw 0;}
    #main .sec5 .swiper {margin-top: 10.42vw; margin-left: 0;}
    #main .sec5 .swiper-slide {width: 83.33vw; margin: 0 2.60vw;}
    #main .sec5 .cursor img{width:0;}
    #main .sec5 .cursor.on{width: 23.44vw; height: 23.44vw;}
    #main .sec5 .cursor.on img{width:14.32vw;}
    #main .sec5 .txt {margin-top: 4.56vw; margin-left: -0.65vw; font-size: 16.93vw; letter-spacing: -0.52vw; height: 10.94vw; white-space: nowrap;}
    #main .sec5 .viewBtn {margin: 6.51vw auto 0;}

    /* sec6 */
    #main .sec6 .map_cont {flex-direction: column; gap: 9.51vw; margin-top: 10.42vw;}
    #main .sec6 .map_cont .left {width: 100%; height: 62.35vw; border-radius: 2.16vw;}
    #main .sec6 .right {width: 100%;}
    #main .sec6 .right h3 {font-size: 5.21vw; letter-spacing: -0.16vw;}
    #main .sec6 .addr {margin-top: 5.21vw; font-size: 4.17vw; letter-spacing: -0.10vw; word-break: keep-all;}
    #main .sec6 .addr br {display: none;}
    #main .sec6 .btn_wrap {margin: 5.21vw auto 7.81vw; gap: 2.60vw;}
    #main .sec6 .btn_wrap a {gap: 2.08vw; width: 35.31vw; height: 10.87vw; font-size: 3.39vw; letter-spacing: -0.05vw; border-radius: 10.30vw;}
    #main .sec6 .btn_wrap a img {width: 3.13vw;}
    #main .sec6 .info {padding: 7.81vw 0; gap: 5.21vw;}
    #main .sec6 .info .tit {width: 22.14vw; font-size: 5.21vw; letter-spacing: -0.16vw;}
    #main .sec6 .info .cont {width: calc(100% - 40.36vw);}
    #main .sec6 .info .cont p {font-size: 3.65vw; letter-spacing: -0.05vw; gap: 7.81vw;}
    #main .sec6 .info .cont p span {width: 46.88vw;}
    #main .sec6 .info .cont p + p {margin-top: 1.30vw;}
    #main .sec6 .info .cont .desc {margin-top: 1.30vw; font-size: 3.39vw; letter-spacing: -0.05vw;}
    #main .sec6 .info01 {flex-direction: column; align-items: flex-start; gap: 5.21vw;}
    #main .sec6 .info01 .cont {width: 100%;}
    #main .sec6 .info01 p {justify-content: space-between;}
    #main .sec6 .info:last-child {padding-bottom: 0;}
    #main .sec6 .info:last-child .cont strong {font-size: 5.21vw; letter-spacing: -0.16vw;}
}