:root {
    --font-poppin : "Poppins", sans-serif;
    --font-out : "Outfit", sans-serif;
    --filter-black : brightness(0);
    --filter-withe : brightness(0) invert(1);
}

/* 공통 */
p, dd{word-break:keep-all;}
.pc{display:block !important;}
.mob{display:none !important;}
.inner{max-width:1400px; margin:0 auto;}

body {background: #222222;}
body * {font-family: 'Pretendard', sans-serif; color: #fff;}


/* HEADER */
.header{height:80px; position:fixed; top: calc(-1 * (80px)); z-index:100; width:100%; border-bottom: 1px solid #FFFFFF33; backdrop-filter: blur(8px); transition:all 0.8s ease-in-out;}
.header.active {top: 0;}
.header .inner{height:100%; display:flex; align-items:center; justify-content:space-between;}
.header .inner > div{display:flex; align-items:center;}
.header h1 a img{width: 150px; display: block;}
.header h1 a img.logo_ov{display:none;}
.header .gnb{display:flex; gap:90px;}
.header .gnb > li{position:relative;}
.header .gnb > li > a{display: block; line-height: 80px; font-size: 18px; color: #FFF; font-weight: 600; letter-spacing: -0.5px;}
.header .gnb > li .gnb_2depth {position: absolute; top: calc(100% - 15px); left: 50%; transform: translateX(-50%); padding: 25px 20px 21px; width: 150px; box-sizing: border-box; visibility: hidden; opacity: 0; filter:Alpha(opacity=0); transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);}
.header .gnb > li .gnb_2depth:before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 0; background: #2266D6; transition: all 0.2s cubic-bezier(0.4, 0, 1, 1); z-index: -1;}
.header .gnb > li:hover .gnb_2depth {visibility: visible; opacity: 1;}
.header .gnb > li:hover .gnb_2depth:before {height: 100%;}
.header .gnb > li .gnb_2depth li + li {margin-top: 15px;}
.header .gnb > li .gnb_2depth a {display: block; font-size: 16px; font-weight: 400; color: #fff; letter-spacing: -.5px; line-height: 1.1; opacity: 0; transition:all 1s ease-in-out;}
.header .gnb > li .gnb_2depth a:hover {opacity: 1; text-decoration: underline; text-underline-offset: 3px;}
.header .gnb > li:hover .gnb_2depth a {opacity: .6;}
.header .gnb > li:hover .gnb_2depth li {transition:all 0.8s ease-in-out;}
.header .gnb > li:hover .gnb_2depth li:nth-child(1){transition-delay: .03s;}
.header .gnb > li:hover .gnb_2depth li:nth-child(2){transition-delay: .06s;}
.header .gnb > li:hover .gnb_2depth li:nth-child(3){transition-delay: .09s;}
.header .gnb > li:hover .gnb_2depth li:nth-child(4){transition-delay: .12s;}
.header .gnb > li:hover .gnb_2depth li:nth-child(5){transition-delay: .15s;}
.header .gnb > li:hover .gnb_2depth li:nth-child(6){transition-delay: .18s;}
.header .gnb > li:hover .gnb_2depth li:nth-child(7){transition-delay: .21s;}
.all_menu_btn{width: 20px; cursor:pointer;}
.all_menu_btn img {width: 100%;}
.head_mob_btn{display:none !important;}
.head_bg{display:none !important;}
.header:hover,
.header.fixed{backdrop-filter: blur(8px);}

.header .lang{margin-right: 25px; position:relative;}
.header #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; color: #222;}
.header .lang .lang-list a.on,
.header .lang .lang-list a:hover{background: #2266D6; color:#fff; font-weight: bold;}
.header .lang{width:28px; cursor: pointer;}

/* all menu */
.all_menu{transform: translateY(-100%); position:fixed; width:100%; height:100%; z-index:5000; background: rgba(29, 54, 95, 0.8); backdrop-filter: blur(8px); transition: 0.5s ease 0s;}
.all_menu.on {transform: translateY(0);}
.all_menu .inner{position:relative;}
.all_menu_close{position:absolute; right:0; top:120px; width:20px; cursor:pointer;}
.all_menu_close img{width:100%;}
.all_menu .title{padding-top:193px; font-size:50px; font-weight:700; color: #fff; font-family: var(--font-poppin); line-height: 1.5; text-align: center;}
.all_menu_list{margin-top:88px; display:flex; text-align: center;}
.all_menu_list dl{width:calc(100%/5); color: #fff; opacity: 0; transform: translateY(50px); transition: all 0.8s ease-in-out;}
.all_menu.on .all_menu_list dl {opacity: 1; transform: translateY(0);}
.all_menu.on .all_menu_list dl:nth-child(2){transition-delay:0.2s;}
.all_menu.on .all_menu_list dl:nth-child(3){transition-delay:0.4s;}
.all_menu.on .all_menu_list dl:nth-child(4){transition-delay:0.6s;}
.all_menu.on .all_menu_list dl:nth-child(5){transition-delay:0.8s;}
.all_menu_list dt{font-size:30px; font-weight:800; margin-bottom:25px; letter-spacing: -1px; line-height: 1.2;}
.all_menu_list dd + dd{margin-top:15px;}
.all_menu_list dd a{font-size:20px; font-weight: 500; color: #fff; opacity: .7; letter-spacing: -.5px;}
.all_menu_list dd a:hover {opacity: 1; text-decoration: underline; text-underline-offset: 3px;}

/* quick */
.quick {position: fixed; right: 50px; bottom: 80px; z-index: 100;}
.quick li {width: 70px; height: 70px; border-radius: 100%; background: #FAFAFA;}
.quick li + li {margin-top: 15px;}
.quick li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.quick li a img {width: 35px;}

/* footer */
.footer {padding: 70px 0; color: #fff;}
.footer .inner {display: flex; align-items: flex-start; justify-content: space-between; gap: 0 144px;}
.footer .logo img {width: 150px; /* opacity: .7; */}
.footer .left .sns {margin-top: 85px; display: flex; align-items: center; gap: 0 10px;}
.footer .left .sns img {width: 30px; opacity: .7;}
.footer .left .copy {margin-top: 25px; font-size: 16px; font-weight: 400; opacity: .7;}
.footer .mid div + div {margin-top: 20px;}
.footer .mid strong {display: block; font-size: 16px; font-weight: 700; letter-spacing: -1px; line-height: 1.6;}
.footer .mid p {display: flex; align-items: center; gap: 0 15px;}
.footer .mid p span {font-size: 16px; font-weight: 400; letter-spacing: -1px; line-height: 1.6;}
.footer .right {text-align: right;}
.footer .use a {font-size: 16px; font-weight: 400; letter-spacing: -1px; line-height: 1.6; display: block; color: #fff;}
.footer .use a + a {margin-top: 10px;}
.footer .use strong {font-weight: 700;}
.footer .cs {margin-top: 68px; font-size: 16px; font-weight: 400; letter-spacing: -.6px;}
.footer .cs strong {font-size: 30px; font-weight: 700; letter-spacing: -.6px; margin-left: 5px;}

/* main 공통 */
.main .viewMore_btn {position: relative; width: 211px; height: 66px; border-radius: 60px; border: 1px solid #fff; backdrop-filter: blur(8px); overflow: hidden;}
.main .viewMore_btn a {position: relative; width: 100%; height: 100%; display: flex; align-items: center; gap: 0 20px; justify-content: center; font-size: 16px; font-weight: 600; letter-spacing: -.4px; color: #fff; font-family: var(--font-poppin); margin: 0; transition: all .7s; z-index: 2;}
.main .viewMore_btn:hover a {color: #000;}
.main .viewMore_btn a img {width: 10px; transition: all .7s;}
.main .viewMore_btn:hover a img {filter: var(--filter-black);}
.main .viewMore_btn .btn_fill {position: absolute; display: block; width: 0px; height: 0px; transform: translate(-50%,-50%); border-radius: 50%; background: #fff; transition: all 0.7s;}
.main .viewMore_btn:hover .btn_fill {width: 30rem; height: 30rem;}

/* animated */
html [data-scroll] {
    transition:all 1s ease-in-out;
    pointer-events: none;
    will-change: transform;
    will-change: opacity;
    filter:blur(20px);
}
html .active:not(.visual) [data-scroll],
html .active.on [data-scroll] {
    pointer-events: auto;
    filter:blur(0);
}
html [data-scroll^="fade"][data-scroll^="fade"] {
    opacity: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
}
html [data-scroll="fade-left"] {
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0);
}
html .active [data-scroll^="fade"][data-scroll^="fade"] {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

/* visual */
.fp-warning, .fp-watermark {display: none;}
.main .visual {position: relative;}
.main .visual .visualSwipe {overflow: hidden; height: 100%;}
.main .visual .vis_item {position: relative; height: 100vh;}
.main .visual .vis_item > img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main .visual .vis_txt {position: absolute; top: 284px; left: 50%; transform: translateX(-50%); text-align: center;}
.main .visual .vis_txt strong {font-size: 16px; font-weight: 600; color: #fff; letter-spacing: -.5px; line-height: 1.5; font-family: var(--font-poppin); text-transform: uppercase;}
.main .visual .vis_txt h2 {margin-top: 10px; font-size: 55px; font-weight: 700; color: #fff; letter-spacing: -2px; line-height: 1.18;}
.main .visual .vis_txt p {margin-top: 20px; font-size: 20px; font-weight: 500; letter-spacing: -.8px; color: #fff; opacity: .7;}
.main .visual .viewMore_btn {margin: 45px auto 0;}
.main .visual .arrow {position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 30;}
.main .visual .prev {left: 95px;}
.main .visual .next {right: 95px;}
.main .visual .arrow img {width: 80px;}
/* PROGRESS */ 
.main .visual .progress {display:flex; gap:17px; color:#fff; position:absolute; bottom:289px; left:50%; transform: translate(-50%);}
.main .visual .progress > li {display:flex; align-items:center; gap:18px; cursor:pointer; transition: width .2s;}
.main .visual .progress > li .bar {width:0; height:3px; background: #FFFFFF33; position:relative; transition:all 0.3s;}
.main .visual .progress > li .bar::before{content:""; display:block; position:absolute; left:0; bottom:0; width:0%; height:3px; background: #fff;}
.main .visual .progress > li.active .bar{width:150px;}
.main .visual .progress > li.active .bar::before {animation:countingBar 5s linear forwards;}
.main .visual .progress > li .tit {font-size:18px; color: #FFFFFF66; display:block; font-family: var(--font-poppin); font-weight: 600;}
.main .visual .progress > li.active .tit {color:#fff;}
@keyframes countingBar {
    0% {width: 0;}
    100% {width: 100%;}
}
@keyframes fadezoom {
    0% {transform: scale(1.3);}
    100% {transform: scale(1);}
}
.main .visual .scroll_down {position: absolute;bottom: 60px;left: 50%; transform: translateX(-50%); z-index: 30;}
.main .visual .arrow_btn{position: relative;display: block;padding-bottom: 70px;}
.main .visual .arrow_btn:before{display:block;content:"";width: 1px;height: 100px;position: absolute;bottom: 0;left: 50%;border: 1px solid #FFFFFF80; transform: translateX(-50%);}
.main .visual .arrow_btn:after{display: inline-block;content:"";position: absolute;bottom: 0;left: 50%;width: 1px;height: 100px;background: #fff; transform:scaleY(0);animation:lineActiveAnimation 1.9s cubic-bezier(0.445,0.05,0.55,0.95) infinite;margin-left:-1px;}
.main .visual .fig{width: 20px;height: 40px;border: 1px solid #fff;border-radius: 50px;margin: 0 auto;display: block;}
@keyframes lineActiveAnimation {
    0%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center top;transform-origin:center bottom}
    49%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;transform-origin:center bottom}
    50%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center bottom;transform-origin:center top}
    99%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center bottom;transform-origin:center top}
    100%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center bottom;transform-origin:center top}
}
/* dot */
#fp-nav.fp-left {left: 30px;}
#fp-nav ul li {margin: 5px 0; width: auto !important; height: auto !important;}
#fp-nav ul li:first-child {margin-top: 0;}
#fp-nav ul li a {width: 40px !important; height: 26px; display: flex; align-items: center;}
#fp-nav ul li span.fp-sr-only {position: relative !important; left: auto !important; top: auto !important; width: 6px !important; height: 6px !important; border: 1px solid #fff !important; border-radius: 0 !important; background: transparent !important; margin: 0 !important; font-size: 0 !important; display:  block !important;}
#fp-nav ul li span.fp-sr-only + span {display: none !important;}
#fp-nav ul li a.active span {background: #fff !important;}
#fp-nav ul li .fp-tooltip.fp-left {left: 15px !important; top: 54% !important; transform: translateY(-50%); font-size: 16px; font-weight: 600; color: #fff; line-height: 1.6; font-family: var(--font-poppin);}
/* sec1 */
.main .sec1 {position: relative; /* padding: 178px 0 152px; */ background: linear-gradient(180deg, #172B4C 0%, #1F4A92 100%); /* display: block; */}
/* .main .sec1 .fp-overflow {overflow: hidden;} */
.main .sec1 .fp-overflow {-ms-overflow-style: none; scrollbar-width: none;}
.main .sec1::before {content: ""; background: url(/images/main/sec1_bg.svg) no-repeat center/contain; width: 100%; height: 83px; position: absolute; left: 0; bottom: 0;}
.main .sec1 .title {text-align: center; color: #fff;}
.main .sec1 .title strong {display: block; font-size: 16px; font-weight: 600; letter-spacing: -.5px; line-height: 1.5; font-family: var(--font-poppin); text-transform: uppercase;}
.main .sec1 .title h2 {margin-top: 10px; font-size: 50px; font-weight: 600; letter-spacing: -1px; font-family: var(--font-poppin); line-height: 1.2;}
.main .sec1 .title p {margin-top: 20px; font-size: 20px; font-weight: 500; letter-spacing: -.8px; line-height: 1.5; opacity: .7;}
.main .sec1 ul {margin-top: 70px; display: flex; align-items: flex-start; gap: 40px;}
.main .sec1 ul li {width: calc(100%/4 - 30px);}
.main .sec1 ul li img {width: 100%;}
.main .sec1 ul li p {margin-top: 30px; font-size: 30px; font-weight: 600; letter-spacing: -1px; line-height: 1.3; font-family: var(--font-poppin);}
#cursor_div{position: fixed; left: 0; top: 0; pointer-events: none; z-index: 30;}
.cursor{display:flex; justify-content:center; align-items:center; width: 0px; height: 0px; border-radius:50%; transition:all 0.3s; transform: translate(-50%, -50%); border: 1px solid #fff; backdrop-filter: blur(8px); opacity: 0;}
.cursor.on{width: 120px; height: 120px; opacity: 1;}
.cursor img{width: 30px;}
/* sec2 */
.main .sec2 .fp-overflow {display: flex; align-items: center; width: 100%; height: 100%;}
.main .sec2 .item {position: relative; width: calc(100%/3); height: 100%; background-repeat: no-repeat; background-position: left center; background-size: cover; transition: all .3s;}
.main .sec2 .item:nth-child(1) {background-image: url(/images/main/sec2_img1.jpg);}
.main .sec2 .item:nth-child(2) {background-image: url(/images/main/sec2_img2.jpg);}
.main .sec2 .item:nth-child(3) {background-image: url(/images/main/sec2_img3.jpg);}
.main .sec2 .item::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0000004D;}
.main .sec2 .item:hover {width: 850px;}
.main .sec2 .item:hover::after {display: none;}
.main .sec2 .cont {width: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; color: #fff; text-align: center;}
.main .sec2 .cont .img img {height: 80px;}
.main .sec2 .cont strong {display: block; font-size: 40px; font-weight: 700; letter-spacing: -1px; line-height: 1.25; margin-top: 50px;}
.main .sec2 .cont p {margin-top: 20px; font-size: 20px; font-weight: 500; letter-spacing: -.8px; line-height: 1.5;}
.main .sec2 .cont .viewBtn {margin: 70px auto 0; transition: all .3s; overflow: hidden; width: 0; height: 0;}
.main .sec2 .item:hover .cont .viewBtn {width: 100px; height: 100px;}
.main .sec2 .cont .viewBtn a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 100%; border: 1px solid #fff; backdrop-filter: blur(8px);}
.main .sec2 .cont .viewBtn a img {width: 29px;}
/* sec3 */
.main .sec3 {background: url(/images/main/sec3_bg.jpg) no-repeat center/cover;}
.main .sec3 .top {display: flex; align-items: flex-end; justify-content: space-between; color: #fff;}
.main .sec3 .tit strong {display: block; font-size: 16px; font-weight: 600; letter-spacing: -.5px; line-height: 1.5; font-family: var(--font-poppin); text-transform: uppercase;}
.main .sec3 .tit h2 {margin-top: 10px; font-size: 50px; font-weight: 700; letter-spacing: -1px; line-height: 1.2;}
.main .sec3 .tit p {margin-top: 20px; font-size: 20px; font-weight: 500; letter-spacing: -.8px; line-height: 1.5; opacity: .7;}
.main .sec3 .arrow_cont {display: flex; align-items: center; gap: 0 15px;}
.main .sec3 .arrow_cont > div {transition: all .3s; width: 70px; height: 70px; border-radius: 100%; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; transition: all .3s; position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0;}
.main .sec3 .arrow_cont > div::after {display: none;}
.main .sec3 .arrow_cont > div:hover {background: #fff;}
.main .sec3 .arrow_cont img {width: 30px; transition: all .3s;}
.main .sec3 .arrow_cont > div:hover img {filter: var(--filter-black);}
.main .sec3 .mySwiper {margin-top: 65px;}
.main .sec3 .swiper-slide {width: 320px; height: 350px; margin-right: 40px; padding: 50px 30px 30px; border: 1px solid #FFFFFF33; backdrop-filter: blur(10px); transition: all .3s; background: #ffffff10;}
.main .sec3 .swiper-slide h3 {font-size: 22px; font-weight: 700; letter-spacing: -.8px; line-height: 1.45; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff;}
.main .sec3 .swiper-slide div.content {margin-top: 20px; font-size: 16px; font-weight: 400; opacity: .7; letter-spacing: -.5px; line-height: 1.6; word-break: break-all; height: 130px; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.main .sec3 .swiper-slide .date {margin-top: 30px; display: flex; align-items: flex-end; justify-content: space-between;}
.main .sec3 .swiper-slide .date span {font-size: 14px; font-weight: 400; opacity: .7; letter-spacing: -.5px; color: #fff;}
.main .sec3 .swiper-slide .date a {display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 100%; border: 1px solid #fff; opacity: 0; transition: all .3s; color: #fff;}
.main .sec3 .swiper-slide .date a img {width: 17px;}
.main .sec3 .swiper-slide:hover {border: 1px solid #fff;}
.main .sec3 .swiper-slide:hover .date a {opacity: 1;}
.main .sec3 .viewMore_btn {margin: 70px auto 0;}

/* sec4 */
.main .sec4 {background: url(/images/main/sec4_bg.jpg) no-repeat center/cover; text-align: center;}
.main .sec4 strong {display: block; font-size: 16px; font-weight: 600; color: #fff; letter-spacing: -.5px; line-height: 1.5; font-family: var(--font-poppin); text-transform: uppercase;}
.main .sec4 h2 {margin-top: 10px; font-size: 60px; font-weight: 600; color: #fff; letter-spacing: -1px; font-family: var(--font-poppin); line-height: 1.16;}
.main .sec4 p {margin-top: 30px; font-size: 20px; font-weight: 500; letter-spacing: -.8px; color: #fff; opacity: .7; line-height: 1.5;}
.main .sec4 .viewMore_btn {margin: 120px auto 0;}
/* sec5 */
.main .sec5 {background: url(/images/main/sec5_bg.jpg) no-repeat center/cover; text-align: center;}
.main .sec5 .cont {padding: 168px 0 162px;}
.main .sec5 .tit strong { display: block; font-size: 16px; font-weight: 600; letter-spacing: -.5px; line-height: 1.5; color: #fff; font-family: var(--font-poppin); text-transform: uppercase;}
.main .sec5 .tit h2 {margin-top: 10px; font-size: 50px; font-weight: 700; color: #fff; letter-spacing: -1px; line-height: 1.2;}
.main .sec5 .tit p {margin-top: 20px; font-size: 20px; font-weight: 500; letter-spacing: -.8px; line-height: 1.5; color: #fff; opacity: .7;}
.main .sec5 .swiper_cont {margin-top: 70px;}
.main .sec5 .swiper_cont .swiper2 {margin-top: 30px;}
.main .sec5 .swiper-wrapper {transition-timing-function: linear;}
.main .sec5 .swiper-slide {width: 350px; transition: all .3s;}
.main .sec5 .swiper-slide:hover {background: #FFFFFF33; backdrop-filter: blur(5px);}
.main .sec5 .swiper-slide img {filter: var(--filter-withe);}
.main .sec5 .viewMore_btn {margin: 70px auto 0;}
.main .sec5 .footer {border-top: 1px solid #FFFFFF33; text-align: left;}



@media screen and (max-width:1440px){

    .header .lang{margin-right: 1.74vw; }
    .header .lang .lang-list{width:3.47vw;  top:calc(100% + 0.69vw); }
    .header .lang .lang-list a{font-size: 0.97vw; line-height: 2.78vw;    }
    .header .lang{width:1.94vw;}

    /* 공통 */
    .inner{max-width:90.28vw;}

    /* HEADER */
    .header{height:5.56vw; top: calc(-1 * (5.56vw));}
    .header h1 a img{width: 10.42vw;}
    .header .gnb{ gap:6.25vw;}
    .header .gnb > li > a{ line-height: 5.56vw; font-size: 1.25vw; letter-spacing: -0.03vw;}
    .header .gnb > li .gnb_2depth {top: calc(100% - 1.04vw); padding: 1.74vw 1.39vw 1.46vw; width: 10.42vw;}
    .header .gnb > li .gnb_2depth li + li {margin-top: 1.04vw;}
    .header .gnb > li .gnb_2depth a {font-size: 1.11vw; letter-spacing: -0.03vw;}
    .header .gnb > li .gnb_2depth a:hover {text-underline-offset: 0.21vw;}
    .all_menu_btn{width: 1.39vw;}

    /* all menu */
    .all_menu{transform: translateY(-100%);}
    .all_menu_close{ right:0; top:8.33vw; width:1.39vw;}
    .all_menu .title{padding-top:13.40vw; font-size:3.47vw;}
    .all_menu_list{margin-top:6.11vw;}
    .all_menu_list dl{ transform: translateY(3.47vw);}
    .all_menu_list dt{font-size:2.08vw; margin-bottom:1.74vw; letter-spacing: -0.07vw;}
    .all_menu_list dd + dd{margin-top:1.04vw;}
    .all_menu_list dd a{font-size:1.39vw; letter-spacing: -0.03vw;}
    .all_menu_list dd a:hover {text-underline-offset: 0.21vw;}

    /* quick */
    .quick {right: 3.47vw; bottom: 5.56vw;}
    .quick li {width: 4.86vw; height: 4.86vw;}
    .quick li + li {margin-top: 1.04vw;}
    .quick li a img {width: 2.43vw;}

    /* footer */
    .footer {padding: 4.86vw 0;}
    .footer .inner {gap: 0 6vw;}
    .footer .logo img {width: 10.42vw;}
    .footer .left .sns {margin-top: 5.90vw; gap: 0 0.69vw;}
    .footer .left .sns img {width: 2.08vw;}
    .footer .left .copy {margin-top: 1.74vw; font-size: 1.11vw;}
    .footer .mid div + div {margin-top: 1.39vw;}
    .footer .mid strong {font-size: 1.11vw; letter-spacing: -0.07vw;}
    .footer .mid p {gap: 0 1.04vw;}
    .footer .mid p span {font-size: 1.11vw; letter-spacing: -0.07vw;}
    .footer .use a {font-size: 1.11vw; letter-spacing: -0.07vw;}
    .footer .use a + a {margin-top: 0.69vw;}
    .footer .cs {margin-top: 4.72vw; font-size: 1.11vw; letter-spacing: -0.04vw;}
    .footer .cs strong {font-size: 2.08vw; letter-spacing: -0.04vw; margin-left: 0.35vw;}

    /* main 공통 */
    .main .viewMore_btn {width: 14.65vw; height: 4.58vw; border-radius: 4.17vw;}
    .main .viewMore_btn a {gap: 0 1.39vw; font-size: 1.11vw; letter-spacing: -0.03vw;}
    .main .viewMore_btn a img {width: 0.69vw;}
    .main .viewMore_btn:hover .btn_fill {width: 30rem; height: 30rem;}

    /* visual */
    .main .visual .vis_txt {top: 12.72vw;}
    .main .visual .vis_txt strong {font-size: 1.11vw; letter-spacing: -0.03vw;}
    .main .visual .vis_txt h2 {margin-top: 0.69vw; font-size: 3.82vw; letter-spacing: -0.14vw;}
    .main .visual .vis_txt p {margin-top: 1.39vw; font-size: 1.39vw; letter-spacing: -0.06vw;}
    .main .visual .viewMore_btn {margin: 3.13vw auto 0;}
    .main .visual .prev {left: 6.60vw;}
    .main .visual .next {right: 6.60vw;}
    .main .visual .arrow img {width: 5.56vw;}
    /* PROGRESS */ 
    .main .visual .progress {gap:1.18vw; bottom:17.07vw;}
    .main .visual .progress > li {gap:1.25vw;}
    .main .visual .progress > li .bar {height:0.21vw;}
    .main .visual .progress > li .bar::before{ height:0.21vw;}
    .main .visual .progress > li.active .bar{width:10.42vw;}
    .main .visual .progress > li .tit {font-size:1.25vw;}

    .main .visual .scroll_down {bottom: 4.17vw;}
    .main .visual .arrow_btn{padding-bottom: 4.86vw;}
    .main .visual .arrow_btn:before{width: 0.07vw;height: 6.94vw;}
    .main .visual .arrow_btn:after{width: 0.07vw;height: 6.94vw; margin-left:-0.07vw;}
    .main .visual .fig{width: 1.39vw;height: 2.78vw; border-radius: 3.47vw;}

    /* dot */
    #fp-nav.fp-left {left: 2.08vw;}
    #fp-nav ul li {margin: 0.35vw 0;}
    #fp-nav ul li a {width: 2.78vw !important; height: 1.81vw;}
    #fp-nav ul li span.fp-sr-only {width: 0.42vw !important; height: 0.42vw !important;}
    #fp-nav ul li .fp-tooltip.fp-left {left: 1.04vw !important; font-size: 1.11vw;}
    /* sec1 */
    /* .main .sec1 {padding: 11.8vw 0 10.56vw;} */
    .main .sec1::before {height: 4.3vw;}
    .main .sec1 .title strong { font-size: 1.11vw; letter-spacing: -0.03vw;}
    .main .sec1 .title h2 {margin-top: 0.69vw; font-size: 3.47vw; letter-spacing: -0.07vw;}
    .main .sec1 .title p {margin-top: 1.39vw; font-size: 1.39vw; letter-spacing: -0.06vw;}
    .main .sec1 ul {margin-top: 4.86vw; gap: 2.78vw;}
    .main .sec1 ul li {width: calc(100%/4 - 2.08vw);}
    .main .sec1 ul li p {margin-top: 2.08vw; font-size: 2.08vw; letter-spacing: -0.07vw;}
    .cursor.on{width: 8.33vw; height: 8.33vw;}
    .cursor img{width: 2.08vw;}
    /* sec2 */
    .main .sec2 .item:hover {width: 59.03vw;}
    .main .sec2 .cont .img img {height: 5.56vw;}
    .main .sec2 .cont strong {font-size: 2.78vw; letter-spacing: -0.07vw; margin-top: 3.47vw;}
    .main .sec2 .cont p {margin-top: 1.39vw; font-size: 1.39vw; letter-spacing: -0.06vw;}
    .main .sec2 .cont .viewBtn {margin: 4.86vw auto 0;}
    .main .sec2 .item:hover .cont .viewBtn {width: 6.94vw; height: 6.94vw;}
    .main .sec2 .cont .viewBtn a img {width: 2.01vw;}
    /* sec3 */
    .main .sec3 .inner {padding: 5vw 0 0;}
    .main .sec3 .tit strong {font-size: 1.11vw; letter-spacing: -0.03vw;}
    .main .sec3 .tit h2 {margin-top: 0.69vw; font-size: 3.47vw; letter-spacing: -0.07vw;}
    .main .sec3 .tit p {margin-top: 1.39vw; font-size: 1.39vw; letter-spacing: -0.06vw;}
    .main .sec3 .arrow_cont {gap: 0 1.04vw;}
    .main .sec3 .arrow_cont > div {width: 4.86vw; height: 4.86vw;}
    .main .sec3 .arrow_cont img {width: 2.08vw;}
    .main .sec3 .mySwiper {margin-top: 2.51vw;}
    .main .sec3 .swiper-slide {width: 20.42vw; height: 22.31vw; margin-right: 2.78vw; padding: 2vw 2.08vw 2.08vw;}
    .main .sec3 .swiper-slide h3 {font-size: 1.53vw; letter-spacing: -0.06vw;}
    .main .sec3 .swiper-slide div.content {margin-top: 1.39vw; font-size: 1.11vw; letter-spacing: -0.03vw; height: 8.72vw;}
    .main .sec3 .swiper-slide .date {margin-top: 1.39vw;}
    .main .sec3 .swiper-slide .date span {font-size: 0.97vw; letter-spacing: -0.03vw;}
    .main .sec3 .swiper-slide .date a {width: 4.17vw; height: 4.17vw;}
    .main .sec3 .swiper-slide .date a img {width: 1.18vw;}
    .main .sec3 .viewMore_btn {margin: 2.51vw auto 0;}
    /* sec4 */
    .main .sec4 strong {font-size: 1.11vw; letter-spacing: -0.03vw;}
    .main .sec4 h2 {margin-top: 0.69vw; font-size: 4.17vw; letter-spacing: -0.07vw;}
    .main .sec4 p {margin-top: 2.08vw; font-size: 1.39vw; letter-spacing: 0.06vw;}
    .main .sec4 .viewMore_btn {margin: 8.33vw auto 0;}
    /* sec5 */
    .main .sec5 .cont {padding: 11.67vw 0 11.25vw;}
    .main .sec5 .tit strong {font-size: 1.11vw; letter-spacing: -0.03vw;}
    .main .sec5 .tit h2 {margin-top: 0.69vw; font-size: 3.47vw; letter-spacing: -0.07vw;}
    .main .sec5 .tit p {margin-top: 1.39vw; font-size: 1.39vw; letter-spacing: -0.06vw;}
    .main .sec5 .swiper_cont {margin-top: 3vw;}
    .main .sec5 .swiper_cont .swiper2 {margin-top: 2.08vw;}
    .main .sec5 .swiper-slide {width: 21.31vw;}
    .main .sec5 .viewMore_btn {margin: 3.2vw auto 0;}
}

@media screen and (max-width:1280px){

    .header .lang{margin-right: 1.72vw; }
    .header .lang .lang-list{width:3.44vw;  top:calc(100% + 0.70vw); }
    .header .lang .lang-list a{font-size: 0.94vw; line-height: 2.81vw;    }
    .header .lang{width:1.95vw;}

    /* 공통 */
    .inner{max-width:89.06vw;}

    /* HEADER */
    .header{height:4.69vw; top: calc(-1 * (4.69vw));}
    .header h1 a img{width: 7.81vw;}
    .header .gnb{ gap:4.69vw;}
    .header .gnb > li > a{ line-height: 4.69vw; font-size: 1.09vw; letter-spacing: -0.03vw;}
    .header .gnb > li .gnb_2depth {top: calc(100% - 0.94vw); padding: 1.56vw 1.25vw 1.33vw; width: 9.45vw;}
    .header .gnb > li .gnb_2depth li + li {margin-top: 0.94vw;}
    .header .gnb > li .gnb_2depth a {font-size: 1.02vw; letter-spacing: -0.00vw;}
    .header .gnb > li .gnb_2depth a:hover {text-underline-offset: 0.16vw;}
    .all_menu_btn{width: 1.09vw;}

    /* all menu */
    .all_menu{transform: translateY(-100%);}
    .all_menu_close{ right:0; top:7.58vw; width:1.25vw;}
    .all_menu .title{padding-top:12.11vw; font-size:3.13vw;}
    .all_menu_list{margin-top:5.55vw;}
    .all_menu_list dl{ transform: translateY(3.13vw);}
    .all_menu_list dt{font-size:1.88vw; margin-bottom:1.56vw; letter-spacing: -0.08vw;}
    .all_menu_list dd + dd{margin-top:0.94vw;}
    .all_menu_list dd a{font-size:1.25vw; letter-spacing: -0.00vw;}
    .all_menu_list dd a:hover {text-underline-offset: 0.16vw;}

    /* quick */
    .quick {right: 2.34vw; bottom: 5.00vw;}
    .quick li {width: 3.91vw; height: 3.91vw;}
    .quick li + li {margin-top: 0.78vw;}
    .quick li a img {width: 1.95vw;}

    /* footer */
    .footer {padding: 3.05vw 0;}
    .footer .inner {gap: 0 14vw;}
    .footer .logo img {width: 7.81vw;}
    .footer .left .sns {margin-top: 4.45vw; gap: 0 0.55vw;}
    .footer .left .sns img {width: 1.56vw;}
    .footer .left .copy {margin-top: 1.33vw; font-size: 0.94vw;}
    .footer .mid div + div {margin-top: 1.02vw;}
    .footer .mid strong {font-size: 0.94vw; letter-spacing: -0.05vw;}
    .footer .mid p {gap: 0 0.78vw;}
    .footer .mid p span {font-size: 0.94vw; letter-spacing: -0.05vw;}
    .footer .use a {font-size: 0.94vw; letter-spacing: -0.05vw;}
    .footer .use a + a {margin-top: 0.55vw;}
    .footer .cs {margin-top: 2.81vw; font-size: 0.86vw; letter-spacing: -0.03vw;}
    .footer .cs strong {font-size: 0.94vw; letter-spacing: -0.03vw; margin-left: 0.39vw;}

    /* main 공통 */
    .main .viewMore_btn {width: 11.72vw; height: 3.67vw; border-radius: 3.13vw;}
    .main .viewMore_btn a {gap: 0 1.02vw; font-size: 0.94vw; letter-spacing: -0.02vw;}
    .main .viewMore_btn a img {width: 0.63vw;}
    .main .viewMore_btn:hover .btn_fill {width: 30rem; height: 30rem;}

    /* visual */
    .main .visual .vis_txt {top: 50%; transform: translate(-50%,-50%);}
    .main .visual .vis_txt strong {font-size: 0.94vw; letter-spacing: -0.03vw;}
    .main .visual .vis_txt h2 {margin-top: 0.55vw; font-size: 3.13vw; letter-spacing: -0.10vw;}
    .main .visual .vis_txt p {margin-top: 1.02vw; font-size: 1.09vw; letter-spacing: -0.04vw;}
    .main .visual .viewMore_btn {margin: 1.48vw auto 0;}
    .main .visual .prev {left: 5.47vw;}
    .main .visual .next {right: 5.47vw;}
    .main .visual .arrow img {width: 4.14vw;}
    /* PROGRESS */ 
    .main .visual .progress {gap:0.86vw; bottom:15.08vw;}
    .main .visual .progress > li {gap: 0;}
    .main .visual .progress > li.active {gap:0.86vw;}
    .main .visual .progress > li .bar {height:0.16vw;}
    .main .visual .progress > li .bar::before{ height:0.16vw;}
    .main .visual .progress > li.active .bar{width:7.81vw;}
    .main .visual .progress > li .tit {font-size:0.94vw;}

    .main .visual .scroll_down {bottom: 3.13vw;}
    .main .visual .arrow_btn{padding-bottom: 4.38vw;}
    .main .visual .arrow_btn:before{width: 0.08vw;height: 5.23vw;}
    .main .visual .arrow_btn:after{width: 0.08vw;height: 5.23vw; margin-left:-0.08vw;}
    .main .visual .fig{width: 1.17vw;height: 2.11vw; border-radius: 2.58vw;}

    /* dot */
    #fp-nav.fp-left {left: 1.56vw;}
    #fp-nav ul li {margin: 0.23vw 0;}
    #fp-nav ul li a {width: 1.88vw !important; height: 1.33vw;}
    #fp-nav ul li span.fp-sr-only {width: 0.31vw !important; height: 0.31vw !important;}
    #fp-nav ul li .fp-tooltip.fp-left {left: 0.86vw !important; font-size: 0.94vw;}
    /* sec1 */
    /* .main .sec1 {padding: 9.30vw 0 7.89vw; display: flex;} */
    .main .sec1::before {height: 4.78vw;}
    .main .sec1 .title strong { font-size: 1.09vw; letter-spacing: -0.00vw;}
    .main .sec1 .title h2 {margin-top: 0.70vw; font-size: 3.44vw; letter-spacing: -0.08vw;}
    .main .sec1 .title p {margin-top: 1.41vw; font-size: 1.41vw; letter-spacing: -0.08vw;}
    .main .sec1 ul {margin-top: 4.84vw; gap: 2.81vw;}
    .main .sec1 ul li {width: calc(100%/4 - 2.11vw);}
    .main .sec1 ul li p {margin-top: 2.11vw; font-size: 2.11vw; letter-spacing: -0.08vw;}
    .cursor.on{width: 6.25vw; height: 6.25vw;}
    .cursor img{width: 1.56vw;}
    /* sec2 */
    .main .sec2 .item:hover {width: 52.11vw;}
    .main .sec2 .cont .img img {height: 4.14vw;}
    .main .sec2 .cont strong {font-size: 2.19vw; letter-spacing: -0.05vw; margin-top: 2.58vw;}
    .main .sec2 .cont p {margin-top: 1.02vw; font-size: 1.09vw; letter-spacing: -0.04vw;}
    .main .sec2 .cont .viewBtn {margin: 3.67vw auto 0;}
    .main .sec2 .item:hover .cont .viewBtn {width: 5.47vw; height: 5.47vw;}
    .main .sec2 .cont .viewBtn a img {width: 1.56vw;}
    /* sec3 */
    .main .sec3 .inner {padding: 6.56vw 0 4.92vw;}
    .main .sec3 .tit strong {font-size: 0.94vw; letter-spacing: -0.03vw;}
    .main .sec3 .tit h2 {margin-top: 0.55vw; font-size: 2.73vw; letter-spacing: -0.05vw;}
    .main .sec3 .tit p {margin-top: 1.02vw; font-size: 1.09vw; letter-spacing: -0.04vw;}
    .main .sec3 .arrow_cont {gap: 0 0.78vw;}
    .main .sec3 .arrow_cont > div {width: 3.91vw; height: 3.91vw;}
    .main .sec3 .arrow_cont img {width: 1.64vw;}
    .main .sec3 .mySwiper {margin-top: 2.66vw;}
    .main .sec3 .swiper-slide {width: 19.92vw; height: 20.31vw; margin-right: 3.13vw; padding: 2.58vw 1.56vw 2.03vw;}
    .main .sec3 .swiper-slide h3 {font-size: 1.25vw; letter-spacing: -0.04vw;}
    .main .sec3 .swiper-slide div.content {margin-top: 1.17vw; font-size: 0.94vw; letter-spacing: -0.03vw; height: 7.8vw;}
    .main .sec3 .swiper-slide .date {margin-top: 1.7vw;}
    .main .sec3 .swiper-slide .date span {font-size: 0.70vw; letter-spacing: -0.03vw;}
    .main .sec3 .swiper-slide .date a {width: 3.13vw; height: 3.13vw;}
    .main .sec3 .swiper-slide .date a img {width: 0.86vw;}
    .main .sec3 .viewMore_btn {margin: 3.13vw auto 0;}
    /* sec4 */
    .main .sec4 strong {font-size: 0.94vw; letter-spacing: -0.03vw;}
    .main .sec4 h2 {margin-top: 0.55vw; font-size: 3.13vw; letter-spacing: -0.05vw;}
    .main .sec4 p {margin-top: 1.56vw; font-size: 1.09vw; letter-spacing: -0.04vw;}
    .main .sec4 .viewMore_btn {margin: 6.25vw auto 0;}
    /* sec5 */
    .main .sec5 .cont {padding: 8.75vw 0 8.20vw;}
    .main .sec5 .tit strong {font-size: 0.94vw; letter-spacing: -0.03vw;}
    .main .sec5 .tit h2 {margin-top: 0.55vw; font-size: 2.73vw; letter-spacing: -0.05vw;}
    .main .sec5 .tit p {margin-top: 1.02vw; font-size: 1.09vw; letter-spacing: -0.04vw;}
    .main .sec5 .swiper_cont {margin-top: 2.97vw;}
    .main .sec5 .swiper_cont .swiper2 {margin-top: 1.56vw;}
    .main .sec5 .swiper-slide {width: 18.20vw;}
    .main .sec5 .viewMore_btn {margin: 3.67vw auto 0;}
}

@media screen and (max-width:768px){

    .header .lang{margin-right: 3.8190vw; }
    .header .lang .lang-list{width:10.4167vw;  top:calc(100% + 2.70vw); }
    .header .lang .lang-list a{font-size: 3.1250vw; line-height: 7.8125vw;    }
    .header .lang{width:6.2500vw;}

    .pc{display:none !important;}
    .mob{display:block !important;}

    /* 공통 */
    .inner{max-width:100%; padding: 0 3.91vw;}

    /* HEADER */
    .header{height:15.63vw; top: calc(-1 * (15.63vw));}
    .header h1 a img{width: 26.04vw;}
    .header .gnb{ display: none;}
    .head_mob_btn{width: 4.69vw;}
    .head_mob_btn img {width: 100%;}

    /* all menu */
    .mob_all_menu{position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #1D365FCC; backdrop-filter: blur(1.04vw); padding: 20.83vw 3.91vw; z-index: 1000; overflow-y: scroll; transform: translateX(100%); transition: all .5s;}
    .mob_all_menu.on {transform: translateX(0);}
    .mob_all_menu .head_bg_close {position: fixed; top: 8.59vw; right: 3.91vw;}
    .mob_all_menu .head_bg_close img {width: 3.91vw;}
    .mob_all_menu .head_bg_logo img {width: 26.04vw;}
    .mob_all_menu .accordion {margin-top: 5.21vw;}
    .mob_all_menu .accordion li .link {position: relative; padding: 4.69vw 0; border-bottom: 0.13vw solid #FFFFFF80; border-top: 0.13vw solid #FFFFFF80;}
    .mob_all_menu .accordion li .link,
    .mob_all_menu .accordion li .link a {font-size: 4.17vw; font-weight: 800; color: #fff; letter-spacing: -0.08vw; line-height: 1.15; }
    .mob_all_menu .accordion li .link::after {content: ""; width: 2.60vw; height: 2.73vw; background: url(/images/main/sideMenu_arrow.svg) no-repeat center/contain; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
    .mob_all_menu .accordion li.on .link::after {transform: translateY(-50%) rotate(180deg);}
    .mob_all_menu .accordion li .submenu {display: none; padding: 6.64vw 0;}
    .mob_all_menu .accordion li .submenu li + li {margin-top: 2.60vw;}
    .mob_all_menu .accordion li .submenu a {font-size: 3.65vw; font-weight: 500; color: #fff; opacity: .7; letter-spacing: -0.08vw; line-height: 1.17;}
    .mob_all_menu .accordion li .submenu a:hover {opacity: 1; text-decoration: underline; text-underline-offset: 0.52vw;}

    /* quick */
    .quick {right: 7.81vw; bottom: 16.67vw;}
    .quick li {width: 13.02vw; height: 13.02vw;}
    .quick li + li {margin-top: 2.60vw;}
    .quick li a img {width: 6.51vw;}

    /* footer */
    .footer {padding: 12.24vw 0;}
    .footer .inner {gap: 7.81vw 0; flex-direction: column;}
    .footer .logo img {width: 26.04vw;}
    .footer .mid div + div {margin-top: 3.52vw;}
    .footer .mid strong {font-size: 3.13vw; letter-spacing: -0.17vw;}
    .footer .mid p {display: revert;}
    .footer .mid p span {font-size: 3.13vw; letter-spacing: -0.17vw;}
    .footer .mid p span:not(.oneLine) {display: block;}
    .footer .mid p .oneLine + .oneLine {margin-left: 2.60vw;}
    .footer .use {display: flex; align-items: center; gap: 0 5.21vw;}
    .footer .use a {font-size: 3.13vw; letter-spacing: -0.17vw; position: relative;}
    .footer .use a + a {margin-top: 0;}
    .footer .use a + a::before {content: ""; width: 0.13vw; height: 2.60vw; background: #ffffff20; position: absolute; top: 50%; transform: translateY(-50%); left: -2.73vw;}
    .footer .cs {margin-top: 3.91vw; font-size: 2.73vw; letter-spacing: -0.10vw; text-align: left;}
    .footer .cs strong {font-size: 5.73vw; letter-spacing: -0.10vw; margin-left: 1.30vw;}
    .footer .mob {width: 100%; opacity: .7;}
    .footer .sns {padding-top: 7.81vw; border-top: 0.13vw solid #ffffff20; display: flex; align-items: center; gap: 0 1.69vw;}
    .footer .sns img {width: 5.21vw;}
    .footer .copy {margin-top: 3.91vw; font-size: 3.13vw;}

    /* main 공통 */
    .main .viewMore_btn {width: 34.77vw; height: 11.46vw; border-radius: 10.42vw;}
    .main .viewMore_btn a {gap: 0 3.52vw; font-size: 3.13vw; letter-spacing: -0.07vw;}
    .main .viewMore_btn a img {width: 2.08vw;}
    .main .viewMore_btn:hover .btn_fill {width: 30rem; height: 30rem;}

    .main .fp-overflow {max-height: none;}
    .main .section {display: block; min-height: auto !important;}
    /* visual */
    .main .visual {display: block;}
    .main .visual .vis_item {height: 164.06vw;}
    .main .visual .vis_txt {top: 49.22vw; transform: translateX(-50%); width: 100%;}
    .main .visual .vis_txt strong {font-size: 3.13vw; letter-spacing: -0.09vw;}
    .main .visual .vis_txt h2 {margin-top: 1.56vw; font-size: 10.42vw; letter-spacing: -0.35vw;}
    .main .visual .vis_txt p {margin-top: 3.52vw; font-size: 3.65vw; letter-spacing: -0.14vw;}
    .main .visual .viewMore_btn {margin: 7.81vw auto 0;}
    .main .visual .prev {left: 0;}
    .main .visual .next {right: 0;}
    .main .visual .arrow img {width: 13.93vw;}
    /* PROGRESS */ 
    .main .visual .progress {gap:2.99vw; bottom:49.35vw;}
    .main .visual .progress > li {gap: 0;}
    .main .visual .progress > li.active {gap:2.99vw;}
    .main .visual .progress > li .bar {height:0.52vw;}
    .main .visual .progress > li .bar::before{ height:0.52vw;}
    .main .visual .progress > li.active .bar{width:26.04vw;}
    .main .visual .progress > li .tit {font-size:3.13vw;}

    .main .visual .scroll_down {bottom: 9.51vw;}
    .main .visual .arrow_btn{padding-bottom: 14.58vw;}
    .main .visual .arrow_btn:before{width: 0.26vw;height: 17.32vw;}
    .main .visual .arrow_btn:after{width: 0.26vw;height: 17.32vw; margin-left:-0.26vw;}
    .main .visual .fig{width: 3.65vw;height: 7.03vw; border-radius: 8.59vw;}

    /* dot */
    #fp-nav.fp-left {display: none;}
    /* sec1 */
    .main .sec1 {padding: 20.57vw 0;}
    .main .sec1 .fp-overflow {overflow: hidden;}
    .main .sec1::before {display: none;}
    .main .sec1 .title strong {font-size: 3.13vw; letter-spacing: -0.09vw;}
    .main .sec1 .title h2 {margin-top: 1.82vw; font-size: 9.11vw; letter-spacing: -0.17vw; line-height: 1.1;}
    .main .sec1 .title p {margin-top: 3.39vw; font-size: 3.65vw; letter-spacing: -0.14vw;}
    .main .sec1 ul {margin-top: 12.98vw; gap: 7.81vw; flex-direction: column;}
    .main .sec1 ul li {width: 100%;}
    .main .sec1 ul li p {margin-top: 3.91vw; font-size: 5.21vw; letter-spacing: -0.17vw; line-height: 1;}
    .cursor.on{display: none;}
    /* sec2 */
    .main .sec2 {display: block;}
    .main .sec2 .fp-overflow {display: block;}
    .main .sec2 .item {width: 100%; height: 65.10vw;}
    .main .sec2 .item::after {display: none;}
    .main .sec2 .item:hover {width: 100%;}
    .main .sec2 .cont {padding: 0 3.91vw; justify-content: space-between;}
    .main .sec2 .cont,
    .main .sec2 .cont > div[data-scroll] {display: flex; align-items: center; gap: 0 8.59vw; text-align: left;}
    .main .sec2 .cont .img img {height: 14.84vw;}
    .main .sec2 .cont strong {font-size: 6.51vw; letter-spacing: -0.17vw; margin-top: 0;}
    .main .sec2 .cont p {margin-top: 3.39vw; font-size: 3.65vw; letter-spacing: -0.13vw;}
    .main .sec2 .cont .viewBtn {margin: 12.24vw auto 0;}
    .main .sec2 .item:hover .cont .viewBtn,
    .main .sec2 .item .cont .viewBtn {width: 13.02vw; height: 13.02vw; margin: 0;}
    .main .sec2 .cont .viewBtn a img {width: 3.78vw;}
    /* sec3 */
    .main .sec3 {background: url(/images/main/m_sec3_bg.jpg) no-repeat center/cover;}
    .main .sec3 .inner {padding: 20.57vw 0 16.93vw 3.91vw;}
    .main .sec3 .top {padding-right: 3.91vw;}
    .main .sec3 .tit strong {font-size: 3.13vw; letter-spacing: -0.09vw;}
    .main .sec3 .tit h2 {margin-top: 1.69vw; font-size: 9.11vw; letter-spacing: -0.17vw;}
    .main .sec3 .tit p {margin-top: 3.52vw; font-size: 3.65vw; letter-spacing: -0.14vw;}
    .main .sec3 .arrow_cont {gap: 0 2.60vw;}
    .main .sec3 .arrow_cont > div {width: 13.02vw; height: 13.02vw;}
    .main .sec3 .arrow_cont img {width: 5.60vw;}
    .main .sec3 .mySwiper {margin-top: 8.98vw;}
    .main .sec3 .swiper-slide {width: 66.41vw; height: 67.71vw; margin-right: 7.81vw; padding: 8.59vw 5.21vw 6.77vw;}
    .main .sec3 .swiper-slide h3 {font-size: 4.17vw; letter-spacing: -0.14vw;}
    .main .sec3 .swiper-slide div.content {margin-top: 3.91vw; font-size: 3.13vw; letter-spacing: -0.09vw; height: 25.89vw;}
    .main .sec3 .swiper-slide .date {margin-top: 5.91vw;}
    .main .sec3 .swiper-slide .date span {font-size: 2.86vw; letter-spacing: -0.09vw;}
    .main .sec3 .swiper-slide .date a {width: 10.42vw; height: 10.42vw; opacity: 1;}
    .main .sec3 .swiper-slide .date a img {width: 2.99vw;}
    .main .sec3 .viewMore_btn {margin: 11.07vw auto 0;}
    /* sec4 */
    .main .sec4 {background: url(/images/main/m_sec4_bg.jpg) no-repeat center/cover;}
    .main .sec4 {padding: 48.31vw 0 48.05vw;}
    .main .sec4 strong {font-size: 3.13vw; letter-spacing: -0.09vw;}
    .main .sec4 h2 {margin-top: 1.82vw; font-size: 10.42vw; letter-spacing: -0.17vw;}
    .main .sec4 p {margin-top: 5.21vw; font-size: 3.65vw; letter-spacing: -0.14vw;}
    .main .sec4 .viewMore_btn {margin: 20.83vw auto 0;}
    /* sec5 */
    .main .sec5 {background: url(/images/main/m_sec5_bg.jpg) no-repeat center/cover;}
    .main .sec5 .cont {padding: 21.09vw 0 17.71vw;}
    .main .sec5 .tit strong {font-size: 3.13vw; letter-spacing: -0.09vw;}
    .main .sec5 .tit h2 {margin-top: 1.82vw; font-size: 9.11vw; letter-spacing: -0.17vw;}
    .main .sec5 .tit p {margin-top: 3.39vw; font-size: 3.65vw; letter-spacing: -0.14vw;}
    .main .sec5 .swiper_cont {margin-top: 12.37vw;}
    .main .sec5 .swiper_cont .swiper2 {margin-top: 2.60vw;}
    .main .sec5 .swiper-slide {width: 46.88vw;}
    .main .sec5 .viewMore_btn {margin: 13.02vw auto 0;}
}