@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

:root {
    --filer-white : brightness(0) invert(1);
    --font-out : 'Outfit';
    --font-pre : 'pretendard';
    --font-nun: "Nunito Sans", serif;
    --color1 : #2F35ED;
    --color2 : #2AA738;
}

/* 공통 */
p, dd{word-break:keep-all;}
.pc{display:block !important;}
.mob{display:none !important;}
.inner{max-width:1600px; margin:0 auto; width: 100%;}
body {background: #1A1A1A;}
body *{font-family: 'Outfit'; /* color: #fff; */}
#main *,
.sub_wrap:not(.dp_board_wrap) * {color: #fff;}

.ta-c {text-align: center;}
.ta-l{text-align: left;}
.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;}
.f-pre, .f-pre *{font-family: var(--font-pre) !important;}
.f-out{font-family: var(--font-out) !important;}


.main_btn{display: inline-block; font-size: 16px; letter-spacing: -0.4px; font-weight: 600; padding: 10px 20px 10px 30px; border-radius: 50px; transition:all 0.3s;}
.main_btn i{width: 24px; height: 24px; display: inline-block; vertical-align: middle; background: url("/img/main/main_btn_arrow.svg") no-repeat center / 100%; margin: -3px 0 0 15px; transition:all 0.3s;}
.main_btn.type1{border: 1px solid rgba(255, 255, 255, 0.40); color: #fff;}
.main_btn.type2{border: 1px solid rgba(0,0,0, 0.40);}
.main_btn.type3{border: 1px solid #000;}
.main_btn.type2 i, .main_btn.type3 i{filter:invert(1);}
.main_btn.type2:hover, .main_btn.type3:hover{background: #000; color: #fff;}
.main_btn.type2:hover i, .main_btn.type3:hover i{filter:invert(0);}
.main_btn.type4{background: #000; color: #fff;}
.main_tit_wrap{display: flex; align-items: flex-end; justify-content: space-between;}
.main_tit.center{text-align: center;}
.main_tit em{font-size: 25px; letter-spacing: -1px; margin-bottom: 10px; font-weight: 600; display: block; line-height: 1.4;}
.main_tit .title{font-size: 40px; letter-spacing: -1px; line-height: 1.3; font-weight: 500;}
.main_tit p{font-size: 20px; letter-spacing: -1px; margin-top: 20px; color: #8E8E8E; line-height: 1.5;}
.point{color: #005BD6;}
.recaptcha_form{display: flex; align-items: flex-end; gap:15px; margin-top: 30px;}
.recaptcha_form .submit input{text-align: center; background-color:gray; color:#fff; font-size:15px; width:70px; height:30px; border: none; border-radius:5px;  -webkit-appearance: none; appearance: none; cursor: pointer;}

.no_data{width: 100%; padding: 150px 0; text-align: center; display: flex; justify-content: center; align-items: center;}
.no_data .cont{margin-top: 0 !important;}
.no_data img{width: 38px;}
.no_data p{font-size: 20px; font-weight: 500; margin-top: 25px; font-family: var(--font-pre);}


/* HEADER */
.header{position:fixed; top:0; z-index:1500; width:100%;}
.header .inner{height:100%; display:flex; align-items:center; justify-content:space-between;}
.header .inner > div{display:flex; align-items:center;}
.header .hd_top {justify-content: flex-end; gap: 42px; padding-top: 30px;}
.header .hd_top .line {display: block; width: 1px; height: 15px; background: #fff; opacity: .2;}
.header .mp_menu {display: flex; align-items: center; gap: 20px;}
.header .mp_menu a {font-size: 14px; font-weight: 600; line-height: 1.4; color: #fff;}
.header .mp_menu a:first-child {display: flex; align-items: center; gap: 10px;}
.header .mp_menu a img {width: 20px;}

.header .mp_menu .inv_info{position: relative;}
.header .mp_menu .inv_info .tit{display: flex; align-items: center; gap: 5px;}
.header .mp_menu .inv_info .tit img{width: 16px; transition: all 0.3s;}
.header .mp_menu .inv_info:hover .tit img{transform: rotate(-180deg);}
.header .mp_menu .inv_info .depth_2{position: absolute; left:50%; transform: translateX(-50%); padding-top: 30px; z-index: 10; width: 105px; top: 0;}
.header .mp_menu .inv_info .depth_2::before{content:""; display:block; height:0; width:100%; background:#1D2088; position:absolute; z-index: -1;}
.header .mp_menu .inv_info:hover .depth_2{display: block;}
.header .mp_menu .inv_info:hover .depth_2::before{height: calc(100% - 30px); transition:height .3s ease;}

.header .mp_menu .inv_info .depth_2 > ul{overflow:hidden; height:0;}
.header .mp_menu .inv_info .depth_2 > ul > li{position:relative; opacity:0;}
.header .mp_menu .inv_info .depth_2 > ul > li > a{font-size:14px; display: block; line-height: 40px; padding-left:20px; color: #ffffff70;}
.header .mp_menu .inv_info .depth_2 > ul > li:hover > a{color: #fff; background:#2F35ED; font-weight: bold;}
.header .mp_menu .inv_info:hover > .depth_2 > ul {height:auto; overflow:visible;}
.header .mp_menu .inv_info:hover > .depth_2 > ul > li{opacity:1; transition:all 0.8s ease-in-out;}
.header .mp_menu .inv_info:hover > .depth_2 > ul > li:nth-child(1){transition-delay: .1s;}
.header .mp_menu .inv_info:hover > .depth_2 > ul > li:nth-child(2){transition-delay: .15s;}
.header .mp_menu .inv_info:hover > .depth_2 > ul > li:nth-child(3){transition-delay: .2s;}

.header .mp_menu .inv_info .depth_3{position:absolute; height:0; width: 105px; left: 0;}
.header .mp_menu .inv_info .depth_3::before{content:""; display:block; height:0; width:100%; background:#101149; position:absolute;}
.header .mp_menu .inv_info .depth_3 > li > a{font-size:14px; display: block; line-height: 40px; padding-left:20px; color:#ffffff70;}
.header .mp_menu .inv_info .depth_3 > li{position:relative; opacity:0;}
.header .mp_menu .inv_info .depth_3 > li:hover > a{color:#fff; background:#2F35ED; font-weight: bold;}
.header .mp_menu .inv_info .depth_2 > ul > li:hover > .depth_3{display:block; height:auto; top:0; left:100%;}
.header .mp_menu .inv_info .depth_2 > ul > li:hover > .depth_3::before{height:100%; transition:height .3s ease;}
.header .mp_menu .inv_info .depth_2 > ul > li:hover > .depth_3 > li{opacity:1; transition:all 0.8s ease-in-out;}
.header .mp_menu .inv_info .depth_2 > ul > li:hover > .depth_3 > li:nth-child(1){transition-delay: .1s;}
.header .mp_menu .inv_info .depth_2 > ul > li:hover > .depth_3 > li:nth-child(2){transition-delay: .15s;}
.header .mp_menu .inv_info .depth_2 > ul > li:hover > .depth_3 > li:nth-child(3){transition-delay: .2s;}
.header .mp_menu .inv_info .depth_2 > ul > li:hover > .depth_3 > li:nth-child(4){transition-delay: .25s;}
.header .mp_menu .inv_info .depth_2 > ul > li:hover > .depth_3 > li:nth-child(5){transition-delay: .3s;}
.header .mp_menu .inv_info .depth_2 > ul > li:hover > .depth_3 > li:nth-child(6){transition-delay: .35s;}

.header .lan {display: flex; align-items: center; gap: 12px;}
.header .lan a {font-size: 14px; font-weight: 400; color: #ffffff; opacity: .5; letter-spacing: -.6px;}
.header .lan a.on {display: flex; align-items: center; gap: 12px; opacity: 1; font-weight: 700; color: #fff;}
.header .lan a.on img {width: 20px;}
.header h1 a img{width: 200px; display: block;}
.header .hd_bot {padding-bottom: 7px;}
.header .hd_bot .right {display: flex; align-items: center; justify-content: flex-end; gap: 35px;}
.header .gnb_wrap{height: 100%;}
.header .gnb{display:flex; gap:45px; height: 100%;}
.header .gnb > li{position:relative; height: 100%; display: flex; align-items: center;}
.header .gnb > li > a{font-size: 18px; font-weight: 600; line-height: 1.5; color: #fff; position: relative; padding: 20px 0;}
.header .gnb > li > a::after {content: ""; width: 6px; height: 6px; border-radius: 100%; background: #2C76FF; position: absolute; top: 16px; left: -8px; opacity: 0;}
.header .gnb_2depth{position:absolute; top:calc(100% - 8px); left: 0; min-width: 170px; height: 0; padding: 25px 20px; z-index: 1000; overflow: hidden; visibility: hidden; width: max-content;}
.header .gnb_2depth::before{content: ''; display: block; position:absolute; border-radius: 5px; background: #FFF; width: 100%; height: 0; z-index: -1; left: 0; top: 0;}
.header .gnb_2depth li{opacity: 0;}
.header .gnb_2depth li + li{margin-top:15px;}
.header .gnb_2depth li a{font-size: 16px; letter-spacing: -0.4px; font-family: var(--font-pre); display: block; line-height: 1.2; text-transform: capitalize;}
.header .gnb_2depth li a::after {content: attr(title); display: block; font-weight: bold; height: 0px; visibility: hidden;}
.header .gnb_2depth li a:hover{font-weight: 700; opacity: 1;}
.header.on,
.header.fixed,
.header:hover {background: #000;}
.header .gnb > li:hover > a{color: #2C76FF;}
.header .gnb > li:hover > a::after {opacity: 1;}
.header .gnb > li:hover > .gnb_2depth{height: auto; overflow: visible; visibility: inherit;}
.header .gnb > li:hover > .gnb_2depth::before{height:100%; transition:height .3s ease;}
.header .gnb > li:hover > .gnb_2depth > li{opacity:1; 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;}
.header .gnb > li:hover > .gnb_2depth > li:nth-child(8){transition-delay: .24s;}
.header .gnb > li:hover > .gnb_2depth > li:nth-child(9){transition-delay: .27s;}
.header .gnb > li:hover > .gnb_2depth > li:nth-child(10){transition-delay: .30s;}
.header .gnb > li:hover > .gnb_2depth > li:nth-child(11){transition-delay: .33s;}
.header .head_rt {display: flex; align-items: center; gap: 18px;}
.header .search_btn img {width: 26px; cursor: pointer;}
.header .allMenu_btn img {width: 30px; cursor: pointer;}


/* search */
.hd_search {position: fixed; top: 124px; left: 0; width: 100%; background: #1A1A1A; padding: 62px 0; z-index: 10; visibility: hidden; transform: translateY(-100%); transition: all .5s; opacity: 0;}
.hd_search.on {visibility: inherit; transform: translateY(0); opacity: 1;}
.hd_search .search_close {position: absolute; top: 26px; right: 155px; cursor: pointer;}
.hd_search .search_close img {width: 14.58px;}
.hd_search .cont {display: flex; align-items: center; gap: 63px; max-width: 838px; margin: 0 auto;}
.hd_search .cont strong {font-size: 24px; font-weight: 800; color: #fff;}
.hd_search .search {position: relative;}
.hd_search .search input {width: 700px; height: 55px; border: 0; border-bottom: 1px solid #fff; font-size: 16px; font-weight: 400; color: #fff; font-family: var(--font-pre); background: transparent; outline: none; padding-right: 35px;}
.hd_search .search input::placeholder {color: rgba(255, 255, 255, .7);}
.hd_search .search_btn {position: absolute; right: 0; top: 50%; transform: translateY(-50%); cursor: pointer;}
.hd_search .search_btn img {width: 20px;}


/*site map*/
.siteMap {display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:#1A1A1A;z-index:1600; padding: 60px 0 0;}
.siteMap::after {content: ""; width: 907.04px; height: 122.47px; position: absolute; right: 0; bottom: 0; background: url('/img/main/siteMap_bg.png') no-repeat center/cover; opacity: .1;}
.siteMap .inner {position: relative;}
.siteMap_top {display: flex; align-items: flex-end; justify-content: space-between;}
.siteMap_logo img {width: 230px;}
.siteMap_close img {width: 20.42px; cursor: pointer;}

.siteMap_cont {margin-top:55px;text-align:center;}
.siteMap .mp_menu {display: flex; align-items: center; gap: 20px; padding-left: 60px; margin-bottom: 70px;}
.siteMap .mp_menu a {font-size: 16px; font-weight: 600; line-height: 1.25; color: #fff;}
.siteMap .mp_menu a:first-child {display: flex; align-items: center; gap: 10px;}
.siteMap .mp_menu a img {width: 20px;}
.siteMap .mp_menu .line {display: block; width: 1px; height: 15px; background: #fff; opacity: .2;}
.siteMap .mp_menu .inv_info{position: relative;}
.siteMap .mp_menu .inv_info .tit{display: flex; align-items: center; gap: 5px;}
.siteMap .mp_menu .inv_info .tit img{width: 16px; transition: all 0.3s;}
.siteMap .mp_menu .inv_info .tit.on img{transform: rotate(-180deg);}
.siteMap .mp_menu .inv_info .depth_2{position: absolute; left: 0; top: 30px; z-index: 10; width: max-content; display: none;}
.siteMap .mp_menu .inv_info .depth_2.on{display: block;}
.siteMap .mp_menu .inv_info .depth_2 > ul{display: flex; align-items: center; gap: 50px;}
.siteMap .mp_menu .inv_info .depth_2 > ul > li{display: flex; align-items: center; gap: 20px; position: relative;}
.siteMap .mp_menu .inv_info .depth_2 > ul > li + li::before{content: ''; display: block; width: 1px; height: 15px; background: rgba(255, 255, 255, 0.20); position: absolute; left: -25px; top: 50%; transform: translateY(-50%);}
.siteMap .mp_menu .inv_info .depth_2 ul li a{font-size: 16px; font-weight: 400; display: block;}
.siteMap .mp_menu .inv_info .depth_3{display: flex; align-items: center; gap: 20px;}
.siteMap .mp_menu .inv_info .depth_3 li a{color: #A8A8A8;}

.siteMap_listWrap {display:flex; justify-content: center; flex-wrap: wrap; padding: 0 10px; gap: 72px 0;}
.siteMap_listWrap .siteMap_list {width: calc(100%/4); text-align:left; padding: 0 50px;}
.siteMap_listWrap .siteMap_list + .siteMap_list {border-left: 1px solid #FFFFFF66;}
.siteMap_listWrap .siteMap_list:nth-child(5) {border-left: 0;}
.siteMap_listWrap .siteMap_list p {font-size:24px;font-weight:700;color:#fff;margin-bottom:30px; position: relative;}
.siteMap_listWrap .siteMap_list p::after {content: ""; width: 6px; height: 6px; border-radius: 100%; background: #2C76FF; position: absolute; top: 0; left: -12px; opacity: 0;}
.siteMap_listWrap .siteMap_list li + li {margin-top: 10px;}
.siteMap_listWrap .siteMap_list li a {font-size:16px; font-weight:400; color:#A8A8A8; font-family: var(--font-pre); letter-spacing: -.4px; display: block; line-height: 1.18; text-transform: capitalize;}
.siteMap_listWrap .siteMap_list:hover p {color: #2C76FF;}
.siteMap_listWrap .siteMap_list:hover p::after {opacity: 1;}
.siteMap_listWrap .siteMap_list li a:hover {color:#2C76FF; text-decoration: underline; text-underline-offset: 3px;}
.siteMap.active {display:block;animation:siteMapOn linear .4s forwards;}
.siteMap.hide {animation:siteMapHide linear .4s forwards;}
@keyframes siteMapOn {
    0%{transform:translateX(100%)}
    100%{transform:translateX(0)}
}
@keyframes siteMapHide {
    0%{transform:translateX(0);}
    100%{transform:translateX(100%)}
}


/* quick btn */
.quick{position: fixed; right: 40px; bottom: 50px; z-index: 100;}
.quick .top_btn{display: flex; align-items: center; justify-content: center; background: var(--color2); width: 65px; height: 65px; border-radius: 100%;}
.quick .top_btn img {width: 20px;}


/* footer */
.footer{background: #000; padding: 86px 0 83px; margin-top: 130px;}
.footer .inner {display: flex; align-items: flex-start; justify-content: space-between;}
.footer .ft_left {display: flex; align-items: flex-start; gap: 116px;}
.footer .logo {width: 180px;}
.footer .sns {margin-top: 46px; display: flex; align-items: center; gap: 10px;}
.footer .sns img {width: 30px; opacity: .5;}
.footer .ft_lr strong {display: block; font-size: 16px; font-weight: 700; color: #fff; letter-spacing: -.6px; font-family: var(--font-pre); line-height: 1.6; margin-bottom: 10px;}
.footer .ft_lr p {display: flex; align-items: center; gap: 20px; font-size: 16px; font-weight: 400; color: #BEBEBE; letter-spacing: -.6px; line-height: 1.6;}
.footer .ft_lr p span {font-family: var(--font-pre); color: #BEBEBE;}
.footer .ft_lr > div + div {margin-top: 11px;}
.footer .use a {text-align: right; font-size: 16px; font-weight: 400; color: #BEBEBE; letter-spacing: -.6px; line-height: 1.25; display: block; font-family: var(--font-pre);}
.footer .use a strong {font-weight: 500; color: #fff; font-family: var(--font-pre);}
.footer .use a + a {margin-top: 10px;}
.footer .copy {margin-top: 35px; text-align: right; font-size: 16px; font-weight: 400; font-family: var(--font-pre); letter-spacing: -.6px; line-height: 1.25; color: #fff;}


/********* main *********/
/* common */
#main .sec_tit h2 {font-size: 50px; font-weight: 600; letter-spacing: -2px; line-height: 1.12;}
#main .sec_tit p {margin-top: 20px; font-size: 20px; font-weight: 400; line-height: 1.3; font-family: var(--font-pre);}

#main .viewBtn {position: relative; display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; font-weight: 400; color: #fff; letter-spacing: -.6px; border: 1px solid #fff; background: #FFFFFF0D; width: 149px; height: 44px; transition: 0.3s;}
#main .viewBtn::after {content: ""; width: 0%; height: 100%; top: 0px; position: absolute; left: 0px; opacity: 0; display: inline-block; transition: 0.3s; background: var(--color1);}
#main .viewBtn img {width: 20px;}
#main .viewBtn:hover {border-color: var(--color1);}
#main .viewBtn:hover::after {opacity: 1; width: 100%; z-index: -1; transition: 0.3s; }

.dp_tab {display: flex; align-items: center; justify-content: center;}
.dp_tab li {display: flex; align-items: center; justify-content: center; border: 1px solid #FFFFFF80; height: 62px; color: #ffffff70; letter-spacing: -1px; font-size: 20px; font-weight: 500; cursor: pointer;}
.dp_tab li.on {background: var(--color1); border-color: var(--color1); color: #fff;}

/* visual */
.visual{width:100%;height:950px; position:relative;}
.visual .swiper-wrapper{width:100%;height:100%;}
.visual .swiper-slide {overflow:hidden; position:relative; width:100%; height:100%;}
.visual .swiper-slide .slide-inner {width:100%; height:100%; position: absolute; left:0; top:0; z-index: 100; background-size: cover; background-position: center; display:flex; justify-content:center; align-items:center; text-align: left; 	}
.visual .swiper-slide .bg {position:absolute; left:0; top:0; bottom:0; right:0; width:100%; height:100%; transform:scale(1.1); transition:all 1.2s;}
.visual .swiper-slide .bg>div {width:100%; height:100%;}
.visual .swiper-slide .bg>div img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.visual .swiper-slide.ani .bg {transform:scale(1.1);}
.visual .swiper-slide-active .bg {transform:scale(1); z-index:100;}
.visual .txtwrap {position:absolute; left:50%; top:370px; z-index:100; transform:translateX(-50%);}
.visual .txtwrap > div {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; width:100%;}
.visual .txtwrap > div > span {display:block; transform:translateY(100%); opacity:0;}
.visual .txtwrap .tit span {font-size:100px; font-weight:500; color:#fff; line-height:1.26;}
.visual .txtwrap .desc span {font-size:28px; font-weight:400; color:#fff; line-height:1.25; letter-spacing: -1px; margin-top: 12px;}
.visual .swiper-slide-active .txtwrap .tit {overflow:hidden; transition:all 1s;}
.visual .swiper-slide-active .txtwrap .tit > span {display:block; opacity:1; transform:translateY(0); transition:all 1s 1s;}
.visual .swiper-slide-active .txtwrap .desc {overflow:hidden; transition:all 1s 1.45s;} 
.visual .swiper-slide-active .txtwrap .desc > span {display:block; opacity:1; transform:translateY(0); transition:all 1s 1.45s;}
.visual .progress {display:flex; gap:20px; width:1600px; max-width:100%; color:#fff; position:absolute; bottom:90px; left:50%; transform: translate(-50%); z-index: 10;}
.visual .progress > li {width:63px; height: auto; position:relative; cursor:pointer; transition: width .2s; background: none;}
.visual .progress > li .tit {font-size:18px; line-height: 1.5; color:rgba(255,255,255, .5); display:block;}
.visual .progress > li::before{content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:rgba(255,255,255,.5);}
.visual .progress > li .bar {width:0%; height:1px; background: #fff; display:block; margin-top: 15px; }
.visual .progress > li.swiper-pagination-bullet-active .tit {color:#fff;}
.visual .progress > li.swiper-pagination-bullet-active {width:180px;  transition: width .2s;}
.visual .progress > li.swiper-pagination-bullet-active .bar {animation:countingBar 5s linear forwards;}
@keyframes countingBar {
    0% {width: 0;}
    100% {width:100%;}
}

/* sec1 */
#main .sec1 {padding: 119px 0 157px;}
#main .sec1 .dp_tab {display: flex; align-items: center; justify-content: center; margin-top: 70px; gap: 10px;}
#main .sec1 .dp_tab li {width: 270px;}
#main .sec1 .tab_cont {margin-top: 75px; padding-top: 63px;}
#main .sec1 .tab_cont .cont:not(.on) {display: none;}
#main .sec1 .swiper-slide {width: 400px; margin: 0 15px; opacity: .8;}
#main .sec1 .swiper-slide:not(.swiper-slide-active) {transform: translateX(-52px);}
#main .sec1 .img {width: 100%; height: 360px; overflow: hidden; background: #E7E7E7;}
#main .sec1 .img img {width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1.1); transition: all .5s; border: 5px solid #1d2088; display: block;}
#main .sec1 .txt {margin-top: 40px; text-align: center;}
#main .sec1 .txt span {display: inline-flex; height: 25px; border-radius: 5px; align-items: center; justify-content: center; background: #8E8E8E; color: #fff; font-size: 14px; font-weight: 600; letter-spacing: -.5px; padding: 0 13px;}
#main .sec1 .txt dt {margin-top: 10px; font-size: 28px; font-weight: 700; color: #fff; letter-spacing: -.4px; line-height: 1.14; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#main .sec1 .txt dd {margin-top: 15px; font-size: 18px; font-weight: 400; color: #fff; letter-spacing: -0.8px; line-height: 1.3; font-family: var(--font-pre); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#main .sec1 .swiper-slide-active {opacity: 1; transform: scale(1.258);}
#main .sec1 .swiper-slide-active ~ .swiper-slide {transform: translateX(52px);}
#main .sec1 .swiper-slide-active .txt span {background: #2AA738;}
#main .sec1 .swiper-slide-active .img:hover img {transform: scale(1);}
#main .sec1 .arrow {margin-top: 110px; display: flex; align-items: center; justify-content: center; gap: 15px;}
#main .sec1 .arrow > div {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0;}
#main .sec1 .arrow .prev img,
#main .sec1 .arrow .next img {width: 16px; cursor: pointer;}
#main .sec1 .swiper-pagination {display: flex; align-items: center; gap: 10px;}
#main .sec1 .swiper-pagination span {width: 50px; height: 3px; background: #CDCDCD; border-radius: 0;}
#main .sec1 .swiper-pagination .swiper-pagination-bullet-active {background: var(--color1);}

/* sec2 */
#main .sec2 {position: relative; padding: 0 0 142px; overflow: hidden;}
#main .sec2 .inner {position: relative;}
#main .sec2 .inner::before {content: ""; width: 100%; height: 120%; background: #1A1A1A; position: absolute; top: 0; left: -100%; z-index: 10;}
#main .sec2 .top {align-items: flex-end;}
#main .sec2 .swiper_wrap {position: relative; margin-top: 60px; height: 575px;}
#main .sec2 .swiper_wrap .swiper {position: absolute; top: 0; left: 0; width: 1890px;}
#main .sec2 .swiper-slide {width: 1066px; display: flex; transform: scale(.637) translateX(calc(-120% + 36px)); transform-origin:bottom;}
#main .sec2 .swiper-slide .img {width: 550px; overflow: hidden;}
#main .sec2 .swiper-slide .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
#main .sec2 .swiper-slide .txt {width: calc(100% - 550px); box-sizing: border-box; opacity: 0; transform: translateX(-10%); transition-delay:1s; transition: opacity 0.7s, transform 0.7s;}
#main .sec2 .swiper-slide .txt * {font-family: var(--font-pre);}
#main .sec2 .swiper-slide .txt .tit {font-size: 40px; font-weight: 700; color: #fff; letter-spacing: -2px; line-height: 1;}
#main .sec2 .swiper-slide .txt p {margin-top: 30px; font-size: 18px; font-weight: 500; color: #fff; letter-spacing: -.8px; line-height: 1.6;}
#main .sec2 .arrow_box {margin-top: 160px; display: flex; align-items: center; gap: 25px;}
#main .sec2 .arrow_box .arrow {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0; width: auto; height: auto;}
#main .sec2 .arrow_box .arrow::after {display: none;}
#main .sec2 .arrow_box img {width: 20px; filter: var(--filer-white);}
#main .sec2 .pagination,
#main .sec2 .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: #fff; width: auto;}
#main .sec2 .pagination .current,
#main .sec2 .swiper-pagination-current {font-weight: 800; color: var(--color1);}
#main .sec2 .swiper-slide-prev,
#main .sec2 .swiper-slide[class$=-active] {transform: scale(1); transition: all 0.7s; transition-delay: 0s }
#main .sec2 .swiper-slide[class$=-active] .txt {opacity: 1; transform: translateX(0); transition-delay: 0.3s; padding: 72px 0 88px 75px;}
#main .sec2 .swiper-slide[class$=-next] {transform: scale(0.637) translateX(-150px);}
#main .sec2 .arrow_box.mob {display: none !important;}

/* sec3 */
#main .sec3 {padding: 114px 0 140px; background: #fff;}
#main .sec3 * {color: #000;}
#main .sec3 .inner {display: flex; align-items: flex-start; justify-content: space-between;}
#main .sec3 .sec_tit span {display: inline-block; margin-top: 46px;}
#main .sec3 .viewBtn {border-color: #6D6D6D; color: #6D6D6D;}
#main .sec3 .viewBtn img {transition: .3s;}
#main .sec3 .viewBtn:hover {color: #fff; border-color: var(--color1);}
#main .sec3 .viewBtn:hover img {filter: var(--filer-white);}
#main .sec3 .list {width: 1100px;}
#main .sec3 .list li {border-bottom: 1px solid #D9D9D9; position: relative; transition: all .5s;}
#main .sec3 .list li::after {content: ""; width: 100%; height: 1px; background: var(--color1); position: absolute; left: 0; bottom: -1px; transform: scaleX(0); transition: transform ease 1s; transform-origin: left;}
#main .sec3 .list li a {display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 39px 0 38px;}
#main .sec3 .list li a strong {font-size: 24px; font-weight: 500; letter-spacing: -1px; font-family: var(--font-pre); display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#main .sec3 .list li a span {font-size: 20px; font-weight: 400; letter-spacing: -0.5px; font-family: var(--font-pre); color: #6D6D6D; opacity: .7;}
#main .sec3 .list li:hover::after {transform: none;}
#main .sec3 .list li:hover * {color: var(--color1);}
#main .sec3 .no_data{border-top: 1px solid #D9D9D9;}
#main .sec3 .no_data::after{display: none;}
#main .sec3 .no_data p{color: #000 !important;}

/* sec4 */
#main .sec4 {padding: 140px 0 149px;}
#main .sec4 .inner {overflow: hidden;}
#main .sec4 .top {align-items: flex-end;}
#main .sec4 .cont {margin-top: 80px;}
#main .sec4 .swiper-slide {width: 50%;}
#main .sec4 .swiper-slide a {display: flex; align-items: center; margin-right: 40px; gap: 40px;}
#main .sec4 .swiper-slide .img {width: 350px; height: 280px; overflow: hidden; display: flex; align-items: center; justify-content: center;}
#main .sec4 .swiper-slide .img img {width: 100%; /* height: 100%; */ object-fit: cover; object-position: center; transform: scale(1); transition: all .5s; border: 5px solid var(--color1);}
#main .sec4 .swiper-slide:hover .img img {transform: scale(.9);}
#main .sec4 .swiper-slide .txt {width: calc(100% - 390px);}
#main .sec4 .swiper-slide .txt * {color: #fff; font-family: var(--font-pre);}
#main .sec4 .swiper-slide .txt strong {font-size: 24px; font-weight: 700; line-height: 1.4; letter-spacing: -.4px; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#main .sec4 .swiper-slide .txt p {margin-top: 15px; font-size: 18px; font-weight: 400; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#main .sec4 .swiper-slide .txt span {display: block; margin-top: 35px; font-weight: 400; font-size: 16px; letter-spacing: -.6px; line-height: 1.25;}
#main .sec4 .arrow {margin-top: 80px; display: flex; align-items: center; justify-content: center; gap: 15px;}
#main .sec4 .arrow > div {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0;}
#main .sec4 .arrow .prev img,
#main .sec4 .arrow .next img {width: 16px; cursor: pointer;}
#main .sec4 .swiper-pagination {display: flex; align-items: center; gap: 10px;}
#main .sec4 .swiper-pagination span {width: 50px; height: 3px; background: #CDCDCD; border-radius: 0;}
#main .sec4 .swiper-pagination .swiper-pagination-bullet-active {background: var(--color1);}
.no_data.wh{border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.no_data.wh img{filter:invert(1);}
.no_data.wh p{color: #fff;}

/* sec5 */
#main .sec5 {padding: 122px 0; background: url('/img/main/sec5_bg.jpg') no-repeat center/cover;}
#main .sec5 .sec_tit span {display: block; font-size: 20px; font-weight: 800; color: var(--color1); font-family: var(--font-pre); line-height: 1.2; text-transform: uppercase;}
#main .sec5 .sec_tit h2 {margin-top: 10px; font-size: 45px; letter-spacing: -1px; font-family: var(--font-pre); font-weight: 700;}
#main .sec5 .sec_tit p {font-size: 18px; letter-spacing: -.6px; margin-top: 15px;}

.in_st{width: 910px; margin: 60px auto 0;}
.in_st * {font-family: var(--font-pre);}
.fr_form ul li{margin-bottom: 30px;}
.fr_form ul li .item {border-bottom: 1px solid #fff;}
.fr_form ul li .item.full{width: 100%;}
.fr_form ul li.flex {display: flex; align-items: center; gap: 0 50px;}
.fr_form ul li.flex .item {width: calc(100%/2 - 25px);}
.fr_form ul li dt {width: 100%; font-size: 18px; font-weight: 700; color: #fff; margin-bottom: 5px;}
.fr_form ul li dd {width: 100%;}
.fr_form ul li .input{font-size: 16px; font-weight: 400; width: 100%; height: 44px; border: 0; padding: 0; background: none; color: #fff; transition: none;}
.fr_form ul li .input::placeholder {color: #FFFFFF80;}
.fr_form ul li.content .item {align-items: flex-start;}
.fr_form ul li.content .item dd {width: 100%;}
.fr_form ul li.content dd {padding-bottom: 10px;}
.fr_form ul li .textarea{height: 110px; resize:none; line-height: 1.3; size: 16px; font-weight: 400; padding-top: 12px;}
.fr_form ul li .select {height: 44px; position:relative; width: 100%;}
.fr_form ul li .select .selected {width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center; cursor:pointer; box-sizing: content-box;}
.fr_form ul li .select .selected-value {font-size: 16px; font-weight: 400; color: #FFFFFF80;}
.fr_form ul li .select .selected .arrow {width: 13px;}
.fr_form ul li .select .selected .arrow img {width: 100%;}
.fr_form ul li .select.active .selected .arrow{transform:rotate(180deg);}
.fr_form ul li .select .option_wrap {width: 100%; display: none; position: absolute; top: 100%; cursor: pointer; z-index:10; background: #FFF; border: 1px solid #7A7A7A;}
.fr_form ul li .select.active .option_wrap {display: block;}
.fr_form ul li .select .option_wrap ul {max-height:220px; overflow-y: auto;}
.fr_form ul li .select .option_wrap ul::-webkit-scrollbar {width: 1px;}
.fr_form ul li .select .option_wrap ul::-webkit-scrollbar-thumb {height: 30%; background: #878787;}
.fr_form ul li .select .option_wrap ul::-webkit-scrollbar-track {background: #D9D9D9;}
.fr_form ul li .select .option_wrap ul li {margin: 0; line-height:44px; padding: 0 16px; color: #6D6D6D; font-size: 16px; font-weight: 500;}
.fr_form ul li .select .option_wrap ul li:hover{background: #1D2088; color: #fff;}
.fr_form .bot {margin-top: 30px;}
.fr_form .bot .agree {display: flex; align-items: center; justify-content: center; gap: 0 9px;}
.fr_form .bot .agree label{font-size: 16px; font-weight: 800; display: flex; align-items: center; gap: 0 9px; cursor: pointer;}
.fr_form .bot .agree input[type="checkbox"]{width: 20px; height: 20px; border: 1px solid #fff; border-radius: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; vertical-align: middle; cursor: pointer;}
.fr_form .bot .agree input[type="checkbox"]:checked{border: none; background: url("/img/main/checkbox_chked.svg") no-repeat center / cover; border-color: var(--color1);}
.fr_form .bot .agree .view_more{font-size: 16px; cursor: pointer; font-weight: 800;}
.fr_form .bot .apply_btn{display: flex; align-items: center; justify-content: center; width: 240px; height: 60px; font-size: 20px; font-weight: 900; color: #fff; background: var(--color1); border: 0; margin: 40px auto 0;}
.use_wrap {margin: 130px auto;}
.pop_wrap .use_wrap {margin: 0 !important;}







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

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


    .main_btn {font-size: 0.98vw; letter-spacing: -0.02vw; padding: 0.61vw 1.22vw 0.61vw 1.83vw; border-radius: 3.05vw;}
    .main_btn i{width: 1.46vw; height: 1.46vw; margin: -0.18vw 0 0 0.91vw;}

    .main_tit em{font-size: 1.52vw; letter-spacing: -0.06vw; margin-bottom: 0.61vw;}
    .main_tit .title{font-size: 2.44vw; letter-spacing: -0.06vw;}
    .main_tit p{font-size: 1.22vw; letter-spacing: -0.06vw; margin-top: 1.22vw;}
    .recaptcha_form {gap:0.91vw; margin-top: 1.83vw;}
    .recaptcha_form .submit input {font-size:0.91vw; width:4.27vw; height:1.83vw; border-radius:0.30vw;}

	.no_data{padding: 9.15vw 0;}
	.no_data img{width: 2.32vw;}
	.no_data p{font-size: 1.22vw; margin-top: 1.52vw;}


    /* HEADER */
    .header .hd_top {gap: 2.56vw; padding-top: 1.83vw;}
    .header .hd_top .line {width: 0.06vw; height: 0.91vw;}
    .header .mp_menu {gap: 1.22vw;}
    .header .mp_menu a {font-size: 0.85vw;}
    .header .mp_menu a:first-child {gap: 0.61vw;}
    .header .mp_menu a img {width: 1.22vw;}

	.header .mp_menu .inv_info .tit{gap: 0.30vw;}
	.header .mp_menu .inv_info .tit img{width: 0.98vw;}
	.header .mp_menu .inv_info .depth_2{padding-top: 1.83vw; width: 6.40vw;}
	.header .mp_menu .inv_info:hover .depth_2::before{height: calc(100% - 1.83vw);}
	.header .mp_menu .inv_info .depth_2 > ul > li > a, 
	.header .mp_menu .inv_info .depth_3 > li > a{font-size:0.85vw; line-height: 2.44vw; padding-left:1.22vw;}
	.header .mp_menu .inv_info .depth_3{width: 6.40vw;}

    .header .lan {gap: 0.73vw;}
    .header .lan a {font-size: 0.85vw; letter-spacing: -0.04vw;}
    .header .lan a.on {gap: 0.73vw;}
    .header .lan a.on img {width: 1.22vw;}
    .header h1 a img{width: 12.20vw;}
    .header .hd_bot {padding-bottom: 0.43vw;}
    .header .hd_bot .right {gap: 2.13vw;}
    .header .gnb {gap:2.74vw;}
    .header .gnb > li > a{font-size: 1.10vw; padding: 1.22vw 0;}
    .header .gnb > li > a::after {width: 0.37vw; height: 0.37vw; top: 0.98vw; left: -0.49vw;}
    .header .gnb_2depth {top:calc(100% - 0.49vw); min-width: 9.39vw; padding: 1.22vw;}
    .header .gnb_2depth::before {border-radius: 0.30vw;}
    .header .gnb_2depth li + li{margin-top:0.91vw;}
    .header .gnb_2depth li a{font-size: 0.98vw; letter-spacing: -0.02vw;}
    .header .head_rt {gap: 1.10vw;}
    .header .search_btn img {width: 1.59vw;}
    .header .allMenu_btn img {width: 1.83vw;}


    /* search */
    .hd_search {top: 7.56vw; padding: 3.78vw 0;}
    .hd_search .search_close {top: 1.59vw; right: 9.45vw;}
    .hd_search .search_close img {width: 0.89vw;}
    .hd_search .cont {gap: 3.84vw; max-width: 51.10vw;}
    .hd_search .cont strong {font-size: 1.46vw;}
    .hd_search .search input {width: 42.68vw; height: 3.35vw; font-size: 0.98vw; padding-right: 2.13vw;}
    .hd_search .search_btn img {width: 1.22vw;}


    /*site map*/
    .siteMap {padding: 3.66vw 0 0;}
    .siteMap::after {width: 55.31vw; height: 7.47vw;}
    .siteMap_logo img {width: 14.02vw;}
    .siteMap_close img {width: 1.25vw;}
	.siteMap_cont {margin-top:3.35vw;}
	.siteMap .mp_menu {gap: 1.22vw; padding-left: 3.66vw; margin-bottom: 4.27vw;}
	.siteMap .mp_menu a {font-size: 0.98vw;}
	.siteMap .mp_menu a:first-child {gap: 0.61vw;}
	.siteMap .mp_menu a img {width: 1.22vw;}
	.siteMap .mp_menu .line {height: 0.91vw;}
	.siteMap .mp_menu .inv_info .tit{gap: 0.30vw;}
	.siteMap .mp_menu .inv_info .tit img{width: 0.98vw;}
	.siteMap .mp_menu .inv_info .depth_2{top: 1.83vw;}
	.siteMap .mp_menu .inv_info .depth_2 > ul{gap: 3.05vw;}
	.siteMap .mp_menu .inv_info .depth_2 > ul > li{gap: 1.22vw;}
	.siteMap .mp_menu .inv_info .depth_2 > ul > li + li::before{height: 0.91vw; left: -1.52vw;}
	.siteMap .mp_menu .inv_info .depth_2 ul li a{font-size: 0.98vw;}
	.siteMap .mp_menu .inv_info .depth_3{gap: 1.22vw;}
    .siteMap_listWrap {padding: 0 0.61vw; gap: 4.39vw 0;}
    .siteMap_listWrap .siteMap_list {width: calc(100%/4); padding: 0 3.05vw;}
    .siteMap_listWrap .siteMap_list p {font-size:1.46vw;margin-bottom:1.83vw;}
    .siteMap_listWrap .siteMap_list p::after {width: 0.37vw; height: 0.37vw; left: -0.73vw;}
    .siteMap_listWrap .siteMap_list li + li {margin-top: 0.61vw;}
    .siteMap_listWrap .siteMap_list li a {font-size:0.98vw; letter-spacing: -0.02vw;}
    .siteMap_listWrap .siteMap_list li a:hover {text-underline-offset: 0.18vw;}

    /* quick btn */
    .quick {right: 2.44vw; bottom: 1.05vw;}
    .quick .top_btn {width: 3.96vw; height: 3.96vw;}
    .quick .top_btn img {width: 1.22vw;}


    /* footer */
    .footer {padding: 5.24vw 0 5.06vw; margin-top: 7.93vw;}
    .footer .ft_left {gap: 7.07vw;}
    .footer .logo {width: 10.98vw;}
    .footer .sns {margin-top: 2.80vw; gap: 0.61vw;}
    .footer .sns img {width: 1.83vw;}
    .footer .ft_lr strong {font-size: 0.98vw; letter-spacing: -0.04vw; margin-bottom: 0.61vw;}
    .footer .ft_lr p {gap: 1.22vw; font-size: 0.98vw; letter-spacing: -0.04vw;}
    .footer .ft_lr > div + div {margin-top: 0.67vw;}
    .footer .use a {font-size: 0.98vw; letter-spacing: -0.04vw;}
    .footer .use a + a {margin-top: 0.61vw;}
    .footer .copy {margin-top: 2.13vw; font-size: 0.98vw; letter-spacing: -0.04vw;}


    /********* main *********/
    /* common */
    #main .sec_tit h2 {font-size: 3.05vw; letter-spacing: -0.12vw;}
    #main .sec_tit p {margin-top: 1.22vw; font-size: 1.22vw;}

    #main .viewBtn {gap: 0.49vw; font-size: 0.85vw; letter-spacing: -0.04vw; width: 9.09vw; height: 2.68vw;}
    #main .viewBtn img {width: 1.22vw;}

    .dp_tab li {height: 3.78vw; letter-spacing: -0.06vw; font-size: 1.22vw;}

    /* visual */
    .visual{height:57.93vw;}
    .visual .txtwrap {top:22.56vw;}
    .visual .txtwrap .tit span {font-size:6.10vw;}
    .visual .txtwrap .desc span {font-size:1.71vw; letter-spacing: -0.06vw; margin-top: 0.73vw;}
    .visual .progress {gap:1.22vw; width:97.56vw; bottom:5.49vw;}
    .visual .progress > li {width:3.84vw;}
    .visual .progress > li .tit {font-size:1.10vw;}
    .visual .progress > li::before {height:0.06vw;}
    .visual .progress > li .bar {height:0.06vw; margin-top: 0.91vw;}
    .visual .progress > li.swiper-pagination-bullet-active {width:10.98vw;}

    /* sec1 */
    #main .sec1 {padding: 7.26vw 0 9.57vw;}
    #main .sec1 .dp_tab {margin-top: 4.27vw; gap: 0.61vw;}
    #main .sec1 .dp_tab li {width: 16.46vw;}
    #main .sec1 .tab_cont {margin-top: 4.57vw; padding-top: 3.84vw;}
    #main .sec1 .swiper-slide {width: 24.39vw; margin: 0 0.91vw;}
    #main .sec1 .swiper-slide:not(.swiper-slide-active) {transform: translateX(-3.17vw);}
    #main .sec1 .img {height: 21.95vw;}
    #main .sec1 .txt {margin-top: 2.44vw;}
    #main .sec1 .txt span {height: 1.52vw; border-radius: 0.30vw; font-size: 0.85vw; letter-spacing: -0.03vw; padding: 0 0.79vw;}
    #main .sec1 .txt dt {margin-top: 0.61vw; font-size: 1.71vw; letter-spacing: -0.02vw;}
    #main .sec1 .txt dd {margin-top: 0.91vw; font-size: 1.10vw; letter-spacing: -0.05vw;}
    #main .sec1 .swiper-slide-active ~ .swiper-slide {transform: translateX(3.17vw);}
    #main .sec1 .arrow {margin-top: 6.71vw; gap: 0.91vw;}
    #main .sec1 .arrow .prev img,
    #main .sec1 .arrow .next img {width: 0.98vw;}
    #main .sec1 .swiper-pagination {gap: 0.61vw;}
    #main .sec1 .swiper-pagination span {width: 3.05vw; height: 0.18vw;}

    /* sec2 */
    #main .sec2 {padding: 0 0 8.66vw;}
    #main .sec2 .swiper_wrap {margin-top: 3.66vw; height: 35.06vw;}
    #main .sec2 .swiper_wrap .swiper {width: 115.24vw;}
    #main .sec2 .swiper-slide {width: 65.00vw; transform: scale(.637) translateX(calc(-120% + 2.20vw));}
    #main .sec2 .swiper-slide .img {width: 33.54vw;}
    #main .sec2 .swiper-slide .txt {width: calc(100% - 33.54vw);}
    #main .sec2 .swiper-slide .txt .tit {font-size: 2.44vw; letter-spacing: -0.12vw; line-height: 1;}
    #main .sec2 .swiper-slide .txt p {margin-top: 1.83vw; font-size: 1.10vw; letter-spacing: -0.05vw;}
    #main .sec2 .arrow_box {margin-top: 9.76vw; gap: 1.52vw;}
    #main .sec2 .arrow_box img {width: 1.22vw;}
    #main .sec2 .pagination,
    #main .sec2 .swiper-pagination {gap: 0.61vw; font-size: 1.10vw;}
    #main .sec2 .swiper-slide[class$=-next] {transform: scale(0.637) translateX(-9.15vw);}
	#main .sec2 .swiper-slide[class$=-active] .txt {padding: 4.39vw 0 5.37vw 4.57vw;}

    /* sec3 */
    #main .sec3 {padding: 6.95vw 0 8.54vw;}
    #main .sec3 .sec_tit span {margin-top: 2.80vw;}
    #main .sec3 .list {width: 67.07vw;}
    #main .sec3 .list li a {gap: 1.22vw; padding: 2.38vw 0 2.32vw;}
    #main .sec3 .list li a strong {font-size: 1.46vw; letter-spacing: -0.06vw;}
    #main .sec3 .list li a span {font-size: 1.22vw; letter-spacing: -0.03vw;}

    /* sec4 */
    #main .sec4 {padding: 8.54vw 0 9.09vw;}
    #main .sec4 .cont {margin-top: 4.88vw;}
    #main .sec4 .swiper-slide a {margin-right: 2.44vw; gap: 2.44vw;}
    #main .sec4 .swiper-slide .img {width: 21.34vw; height: 17.07vw;}
    #main .sec4 .swiper-slide .txt {width: calc(100% - 23.78vw);}
    #main .sec4 .swiper-slide .txt strong {font-size: 1.46vw; letter-spacing: -0.02vw;}
    #main .sec4 .swiper-slide .txt p {margin-top: 0.91vw; font-size: 1.10vw;}
    #main .sec4 .swiper-slide .txt span {margin-top: 2.13vw; font-size: 0.98vw; letter-spacing: -0.04vw;}
    #main .sec4 .arrow {margin-top: 4.88vw; gap: 0.91vw;}
    #main .sec4 .arrow .prev img,
    #main .sec4 .arrow .next img {width: 0.98vw;}
    #main .sec4 .swiper-pagination {gap: 0.61vw;}
    #main .sec4 .swiper-pagination span {width: 3.05vw; height: 0.18vw;}

    /* sec5 */
    #main .sec5 {padding: 7.44vw 0;}
    #main .sec5 .sec_tit span {font-size: 1.22vw;}
    #main .sec5 .sec_tit h2 {margin-top: 0.61vw; font-size: 2.74vw; letter-spacing: -0.06vw;}
    #main .sec5 .sec_tit p {font-size: 1.10vw; letter-spacing: -0.04vw; margin-top: 0.91vw;}

    .in_st{width: 55.49vw; margin: 3.66vw auto 0;}
    .fr_form ul li{margin-bottom: 1.83vw;}
    .fr_form ul li.flex {gap: 0 3.05vw;}
    .fr_form ul li.flex .item {width: calc(100%/2 - 1.52vw);}
    .fr_form ul li dt {font-size: 1.10vw; margin-bottom: 0.30vw;}
    .fr_form ul li .input{font-size: 0.98vw; height: 2.68vw;}
    .fr_form ul li.content dd {padding-bottom: 0.61vw;}
    .fr_form ul li .textarea{height: 6.71vw; size: 0.98vw; padding-top: 0.73vw;}
    .fr_form ul li .select {height: 2.68vw;}
    .fr_form ul li .select .selected-value {font-size: 0.98vw;}
    .fr_form ul li .select .selected .arrow {width: 0.79vw;}
    .fr_form ul li .select .option_wrap ul {max-height:13.41vw;}
    .fr_form ul li .select .option_wrap ul::-webkit-scrollbar {width: 0.06vw;}
    .fr_form ul li .select .option_wrap ul li {line-height:2.68vw; padding: 0 0.98vw; font-size: 0.98vw;}
    .fr_form .bot {margin-top: 1.83vw;}
    .fr_form .bot .agree {gap: 0 0.55vw;}
    .fr_form .bot .agree label{font-size: 0.98vw; gap: 0 0.55vw;}
    .fr_form .bot .agree input[type="checkbox"]{width: 1.22vw; height: 1.22vw;}
    .fr_form .bot .agree .view_more{font-size: 0.98vw;}
    .fr_form .bot .apply_btn {width: 14.63vw; height: 3.66vw; font-size: 1.22vw; margin: 2.44vw auto 0;}
    .use_wrap {margin: 7.93vw auto;}
    .pop_wrap .use_wrap {margin: 0 !important;}

}



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

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


    .main_btn {font-size: 1.02vw; letter-spacing: -0.00vw; padding: 0.63vw 1.25vw 0.63vw 1.80vw; border-radius: 3.05vw;}
    .main_btn i{width: 1.48vw; height: 1.48vw; margin: -0.16vw 0 0 0.94vw;}

    .main_tit em{font-size: 1.48vw; letter-spacing: -0.08vw; margin-bottom: 0.63vw;}
    .main_tit .title{font-size: 2.42vw; letter-spacing: -0.08vw;}
    .main_tit p{font-size: 1.25vw; letter-spacing: -0.08vw; margin-top: 1.25vw;}
    .recaptcha_form {gap:0.94vw; margin-top: 1.80vw;}
    .recaptcha_form .submit input {font-size:0.94vw; width:4.30vw; height:1.80vw; border-radius:0.31vw;}

	.no_data{padding: 10.31vw 0;}
	.no_data img{width: 2.58vw;}
	.no_data p{font-size: 1.41vw; margin-top: 1.72vw;}


    /* HEADER */
    .header .hd_top {gap: 2.58vw; padding-top: 1.80vw;}
    .header .hd_top .line {width: 0.08vw; height: 0.94vw;}
    .header .mp_menu {gap: 1.25vw;}
    .header .mp_menu a {font-size: 0.86vw;}
    .header .mp_menu a:first-child {gap: 0.63vw;}
    .header .mp_menu a img {width: 1.25vw;}

	.header .mp_menu .inv_info .tit{gap: 0.31vw;}
	.header .mp_menu .inv_info .tit img{width: 1.02vw;}
	.header .mp_menu .inv_info .depth_2{padding-top: 1.80vw; width: 6.41vw;}
	.header .mp_menu .inv_info:hover .depth_2::before{height: calc(100% - 1.80vw);}
	.header .mp_menu .inv_info .depth_2 > ul > li > a, 
	.header .mp_menu .inv_info .depth_3 > li > a{font-size:0.86vw; line-height: 2.42vw; padding-left:1.25vw;}
	.header .mp_menu .inv_info .depth_3{width: 6.41vw;}

    .header .lan {gap: 0.70vw;}
    .header .lan a {font-size: 0.86vw; letter-spacing: -0.08vw;}
    .header .lan a.on {gap: 0.70vw;}
    .header .lan a.on img {width: 1.25vw;}
    .header h1 a img{width: 12.19vw;}
    .header .hd_bot {padding-bottom: 0.47vw;}
    .header .hd_bot .right {gap: 2.11vw;}
    .header .gnb {gap:2.73vw;}
    .header .gnb > li > a{font-size: 1.09vw; padding: 1.25vw 0;}
    .header .gnb > li > a::after {width: 0.39vw; height: 0.39vw; top: 1.02vw; left: -0.47vw;}
    .header .gnb_2depth {top:calc(100% - 0.47vw); min-width: 9.39vw; padding: 1.25vw;}
    .header .gnb_2depth::before {border-radius: 0.31vw;}
    .header .gnb_2depth li + li{margin-top:0.94vw;}
    .header .gnb_2depth li a{font-size: 1.02vw; letter-spacing: -0.00vw;}
    .header .head_rt {gap: 1.09vw;}
    .header .search_btn img {width: 1.56vw;}
    .header .allMenu_btn img {width: 1.80vw;}


    /* search */
    .hd_search {top: 7.58vw; padding: 3.75vw 0;}
    .hd_search .search_close {top: 1.56vw; right: 9.45vw;}
    .hd_search .search_close img {width: 0.86vw;}
    .hd_search .cont {gap: 3.83vw; max-width: 51.09vw;}
    .hd_search .cont strong {font-size: 1.48vw;}
    .hd_search .search input {width: 42.66vw; height: 3.36vw; font-size: 1.02vw; padding-right: 2.13vw;}
    .hd_search .search_btn img {width: 1.25vw;}


    /*site map*/
    .siteMap {padding: 3.67vw 0 0;}
    .siteMap::after {width: 55.31vw; height: 7.50vw;}
    .siteMap_logo img {width: 13.98vw;}
    .siteMap_close img {width: 1.25vw;}
	.siteMap_cont {margin-top:3.36vw;}
	.siteMap .mp_menu {gap: 1.25vw; padding-left: 3.67vw; margin-bottom: 4.30vw;}
	.siteMap .mp_menu a {font-size: 1.02vw;}
	.siteMap .mp_menu a:first-child {gap: 0.63vw;}
	.siteMap .mp_menu a img {width: 1.25vw;}
	.siteMap .mp_menu .line {height: 0.94vw;}
	.siteMap .mp_menu .inv_info .tit{gap: 0.31vw;}
	.siteMap .mp_menu .inv_info .tit img{width: 1.02vw;}
	.siteMap .mp_menu .inv_info .depth_2{top: 1.80vw;}
	.siteMap .mp_menu .inv_info .depth_2 > ul{gap: 3.05vw;}
	.siteMap .mp_menu .inv_info .depth_2 > ul > li{gap: 1.25vw;}
	.siteMap .mp_menu .inv_info .depth_2 > ul > li + li::before{height: 0.94vw; left: -1.48vw;}
	.siteMap .mp_menu .inv_info .depth_2 ul li a{font-size: 1.02vw;}
	.siteMap .mp_menu .inv_info .depth_3{gap: 1.25vw;}
    .siteMap_listWrap {padding: 0 0.63vw; gap: 4.38vw 0;}
    .siteMap_listWrap .siteMap_list {width: calc(100%/4); padding: 0 3.05vw;}
    .siteMap_listWrap .siteMap_list p {font-size:1.48vw;margin-bottom:1.80vw;}
    .siteMap_listWrap .siteMap_list p::after {width: 0.39vw; height: 0.39vw; left: -0.70vw;}
    .siteMap_listWrap .siteMap_list li + li {margin-top: 0.63vw;}
    .siteMap_listWrap .siteMap_list li a {font-size:1.02vw; letter-spacing: -0.00vw;}
    .siteMap_listWrap .siteMap_list li a:hover {text-underline-offset: 0.16vw;}

    /* quick btn */
    .quick {right: 2.42vw; bottom: 1.03vw;}
    .quick .top_btn {width: 3.98vw; height: 3.98vw;}
    .quick .top_btn img {width: 1.25vw;}


    /* footer */
    .footer {padding: 5.23vw 0 5.08vw; margin-top: 7.97vw;}
    .footer .ft_left {gap: 7.03vw;}
    .footer .logo {width: 11.02vw;}
    .footer .sns {margin-top: 2.81vw; gap: 0.63vw;}
    .footer .sns img {width: 1.80vw;}
    .footer .ft_lr strong {font-size: 1.02vw; letter-spacing: -0.08vw; margin-bottom: 0.63vw;}
    .footer .ft_lr p {gap: 1.25vw; font-size: 1.02vw; letter-spacing: -0.08vw;}
    .footer .ft_lr > div + div {margin-top: 0.70vw;}
    .footer .use a {font-size: 1.02vw; letter-spacing: -0.08vw;}
    .footer .use a + a {margin-top: 0.63vw;}
    .footer .copy {margin-top: 2.11vw; font-size: 1.02vw; letter-spacing: -0.08vw;}


    /********* main *********/
    /* common */
    #main .sec_tit h2 {font-size: 3.05vw; letter-spacing: -0.16vw;}
    #main .sec_tit p {margin-top: 1.25vw; font-size: 1.25vw;}

    #main .viewBtn {gap: 0.47vw; font-size: 0.86vw; letter-spacing: -0.08vw; width: 9.06vw; height: 2.66vw;}
    #main .viewBtn img {width: 1.25vw;}

    .dp_tab li {height: 3.75vw; letter-spacing: -0.08vw; font-size: 1.25vw;}

    /* visual */
    .visual{height:57.97vw;}
    .visual .txtwrap {top:22.58vw;}
    .visual .txtwrap .tit span {font-size:6.09vw;}
    .visual .txtwrap .desc span {font-size:1.72vw; letter-spacing: -0.08vw; margin-top: 0.70vw;}
    .visual .progress {gap:1.25vw; width:97.58vw; bottom:5.47vw;}
    .visual .progress > li {width:3.83vw;}
    .visual .progress > li .tit {font-size:1.09vw;}
    .visual .progress > li::before {height:0.08vw;}
    .visual .progress > li .bar {height:0.08vw; margin-top: 0.94vw;}
    .visual .progress > li.swiper-pagination-bullet-active {width:11.02vw;}

    /* sec1 */
    #main .sec1 {padding: 7.27vw 0 9.53vw;}
    #main .sec1 .dp_tab {margin-top: 4.30vw; gap: 0.63vw;}
    #main .sec1 .dp_tab li {width: 16.48vw;}
    #main .sec1 .tab_cont {margin-top: 4.53vw; padding-top: 3.83vw;}
    #main .sec1 .swiper-slide {width: 24.38vw; margin: 0 0.94vw;}
    #main .sec1 .swiper-slide:not(.swiper-slide-active) {transform: translateX(-3.20vw);}
    #main .sec1 .img {height: 21.95vw;}
    #main .sec1 .txt {margin-top: 2.42vw;}
    #main .sec1 .txt span {height: 1.48vw; border-radius: 0.31vw; font-size: 0.86vw; letter-spacing: -0.00vw; padding: 0 0.78vw;}
    #main .sec1 .txt dt {margin-top: 0.63vw; font-size: 1.72vw; letter-spacing: -0.00vw;}
    #main .sec1 .txt dd {margin-top: 0.94vw; font-size: 1.09vw; letter-spacing: -0.08vw;}
    #main .sec1 .swiper-slide-active ~ .swiper-slide {transform: translateX(3.20vw);}
    #main .sec1 .arrow {margin-top: 6.72vw; gap: 0.94vw;}
    #main .sec1 .arrow .prev img,
    #main .sec1 .arrow .next img {width: 1.02vw;}
    #main .sec1 .swiper-pagination {gap: 0.63vw;}
    #main .sec1 .swiper-pagination span {width: 3.05vw; height: 0.16vw;}

    /* sec2 */
    #main .sec2 {padding: 0 0 8.67vw;}
    #main .sec2 .swiper_wrap {margin-top: 3.67vw; height: 35.08vw;}
    #main .sec2 .swiper_wrap .swiper {width: 115.23vw;}
    #main .sec2 .swiper-slide {width: 65.00vw; transform: scale(.637) translateX(calc(-120% + 2.19vw));}
    #main .sec2 .swiper-slide .img {width: 33.52vw;}
    #main .sec2 .swiper-slide .txt {width: calc(100% - 33.52vw);}
    #main .sec2 .swiper-slide .txt .tit {font-size: 2.42vw; letter-spacing: -0.16vw; line-height: 1;}
    #main .sec2 .swiper-slide .txt p {margin-top: 1.80vw; font-size: 1.09vw; letter-spacing: -0.08vw;}
    #main .sec2 .arrow_box {margin-top: 9.77vw; gap: 1.48vw;}
    #main .sec2 .arrow_box img {width: 1.25vw;}
    #main .sec2 .pagination,
    #main .sec2 .swiper-pagination {gap: 0.63vw; font-size: 1.09vw;}
    #main .sec2 .swiper-slide[class$=-next] {transform: scale(0.637) translateX(-9.14vw);}
	#main .sec2 .swiper-slide[class$=-active] .txt {padding: 4.38vw 0 5.39vw 4.53vw;}

    /* sec3 */
    #main .sec3 {padding: 6.95vw 0 8.52vw;}
    #main .sec3 .sec_tit span {margin-top: 2.81vw;}
    #main .sec3 .list {width: 67.03vw;}
    #main .sec3 .list li a {gap: 1.25vw; padding: 2.34vw 0 2.34vw;}
    #main .sec3 .list li a strong {font-size: 1.48vw; letter-spacing: -0.08vw;}
    #main .sec3 .list li a span {font-size: 1.25vw; letter-spacing: -0.00vw;}

    /* sec4 */
    #main .sec4 {padding: 8.52vw 0 9.06vw;}
    #main .sec4 .cont {margin-top: 4.84vw;}
    #main .sec4 .swiper-slide a {margin-right: 2.42vw; gap: 2.42vw;}
    #main .sec4 .swiper-slide .img {width: 21.33vw; height: 17.03vw;}
    #main .sec4 .swiper-slide .txt {width: calc(100% - 23.75vw);}
    #main .sec4 .swiper-slide .txt strong {font-size: 1.48vw; letter-spacing: -0.00vw;}
    #main .sec4 .swiper-slide .txt p {margin-top: 0.94vw; font-size: 1.09vw;}
    #main .sec4 .swiper-slide .txt span {margin-top: 2.11vw; font-size: 1.02vw; letter-spacing: -0.08vw;}
    #main .sec4 .arrow {margin-top: 4.84vw; gap: 0.94vw;}
    #main .sec4 .arrow .prev img,
    #main .sec4 .arrow .next img {width: 1.02vw;}
    #main .sec4 .swiper-pagination {gap: 0.63vw;}
    #main .sec4 .swiper-pagination span {width: 3.05vw; height: 0.16vw;}
    #main .sec4 .no_data{margin-right: 5.21vw;}

    /* sec5 */
    #main .sec5 {padding: 7.42vw 0;}
    #main .sec5 .sec_tit span {font-size: 1.25vw;}
    #main .sec5 .sec_tit h2 {margin-top: 0.63vw; font-size: 2.73vw; letter-spacing: -0.08vw;}
    #main .sec5 .sec_tit p {font-size: 1.09vw; letter-spacing: -0.08vw; margin-top: 0.94vw;}

    .in_st{width: 55.47vw; margin: 3.67vw auto 0;}
    .fr_form ul li{margin-bottom: 1.80vw;}
    .fr_form ul li.flex {gap: 0 3.05vw;}
    .fr_form ul li.flex .item {width: calc(100%/2 - 1.48vw);}
    .fr_form ul li dt {font-size: 1.09vw; margin-bottom: 0.31vw;}
    .fr_form ul li .input{font-size: 1.02vw; height: 2.66vw;}
    .fr_form ul li.content dd {padding-bottom: 0.63vw;}
    .fr_form ul li .textarea{height: 6.72vw; size: 1.02vw; padding-top: 0.70vw;}
    .fr_form ul li .select {height: 2.66vw;}
    .fr_form ul li .select .selected-value {font-size: 1.02vw;}
    .fr_form ul li .select .selected .arrow {width: 0.78vw;}
    .fr_form ul li .select .option_wrap ul {max-height:13.44vw;}
    .fr_form ul li .select .option_wrap ul::-webkit-scrollbar {width: 0.08vw;}
    .fr_form ul li .select .option_wrap ul li {line-height:2.66vw; padding: 0 1.02vw; font-size: 1.02vw;}
    .fr_form .bot {margin-top: 1.80vw;}
    .fr_form .bot .agree {gap: 0 0.55vw;}
    .fr_form .bot .agree label{font-size: 1.02vw; gap: 0 0.55vw;}
    .fr_form .bot .agree input[type="checkbox"]{width: 1.25vw; height: 1.25vw;}
    .fr_form .bot .agree .view_more{font-size: 1.02vw;}
    .fr_form .bot .apply_btn {width: 14.61vw; height: 3.67vw; font-size: 1.25vw; margin: 2.42vw auto 0;}
    .use_wrap {margin: 7.97vw auto;}
    .pop_wrap .use_wrap {margin: 0 !important;}

}



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

	/* 공통 */
	.pc{display: none !important;}
	.mob{display: block !important;}
    .inner{max-width: 100%; padding-left: 5.21vw; padding-right: 5.21vw;}


    .main_btn {font-size: 2.86vw; letter-spacing: -0.00vw; padding: 1.82vw 3.65vw 1.82vw 5.21vw; border-radius: 8.72vw;}
    .main_btn i{width: 4.30vw; height: 4.30vw; margin: -0.52vw 0 0 2.73vw;}

    .main_tit em{font-size: 4.30vw; letter-spacing: -0.26vw; margin-bottom: 1.82vw;}
    .main_tit .title{font-size: 6.90vw; letter-spacing: -0.26vw;}
    .main_tit p{font-size: 3.65vw; letter-spacing: -0.26vw; margin-top: 3.65vw;}
    .recaptcha_form {gap:2.73vw; margin-top: 5.21vw;}
    .recaptcha_form .submit input {font-size:2.73vw; width:12.37vw; height:5.21vw; border-radius:0.91vw;}

	.no_data{padding: 19.53vw 0;}
	.no_data img{width: 6.95vw;}
	.no_data p{font-size: 3.65vw; margin-top: 3.26vw;}


    /* HEADER */
    .header  {height: 16.93vw;}
    .header .hd_top {display: none;}
    .header .lan {position: relative;}
    .header .lan img {width: 6.25vw;}
    .header .lan ul {display: none; position: absolute; left: 50%; transform: translateX(-50%); top: calc(100% + 1.30vw); width: 11vw;}
    .header .lan a {font-size: 3vw; letter-spacing: 0; line-height: 7.8125vw; text-align: center; background: #fff; opacity: 1; color: #000; display: block;}
    .header .lan li.on a {color: #fff; background: var(--color1);}
    .header h1 a img{width: 36.37vw;}
    .header .hd_bot {padding-bottom: 0;}
    .header .gnb {display: none;}
    .header .head_rt {gap: 3.78vw;}
    .header .allMenu_btn img {width: 6.25vw;}


    /* sideMenu */
    .head_bg {display: none !important; position: fixed; right: 0; top: 0; z-index: 10000; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100vh; text-align: right;}
	.head_bg.on{display: block !important;}
    .head_bg .head_bg_inner {position: relative; background: #000; padding: 17.71vw 4.56vw; width: 87.24vw; height: 100%; display: inline-block; text-align: left;}
    .head_bg .head_bg_close {position: absolute; top: 8.20vw; right: 5.86vw;}
    .head_bg .head_bg_close img {width: 3.91vw;}
	.head_bg .head_bg_logo a{display: block;}
    .head_bg .head_bg_logo img {width:37.39vw;}

	.head_bg .mp_menu {display: flex; align-items: center; gap: 3.39vw; margin-top: 8.85vw;}
	.head_bg .mp_menu a {font-size: 4.17vw; font-weight: 600; line-height: 1.25; color: #fff;}
	.head_bg .mp_menu a:first-child {display: flex; align-items: center; gap: 1.30vw;}
	.head_bg .mp_menu a img {width: 5.21vw;}
	.head_bg .mp_menu .line {display: block; width: 0.13vw; height: 3.91vw; background: #fff; opacity: .2;}
	.head_bg .mp_menu .inv_info .tit{display: flex; align-items: center; gap: 1.30vw;}
	.head_bg .mp_menu .inv_info .tit img{width: 4.17vw; transition: all 0.3s;}
	.head_bg .mp_menu .inv_info.on .tit img{transform: rotate(-180deg);}
	.head_bg .inv_depth_2{padding: 5.21vw 3.91vw; background: #4B4B4B; margin-top: 3.91vw; display: none;}
	.head_bg .inv_depth_2 > ul{display: flex; flex-direction: column; gap: 5.21vw;}
	.head_bg .inv_depth_2 > ul > li > a{font-size: 3.65vw; letter-spacing: -0.10vw; font-weight: 600; color: #fff;}
	.head_bg .inv_depth_2 .depth_3{display: flex; gap: 3.91vw; margin-top: 2.60vw;}
	.head_bg .inv_depth_2 .depth_3 li a{font-size: 3.65vw; letter-spacing: -0.10vw; color: #A8A8A8;}


    .head_bg .search {margin-top: 11.07vw; width: 100%;}
    .head_bg .search strong{font-size: 3.91vw; font-weight: 800; line-height: 1.25; margin-bottom: 2.60vw; display: block; color: #fff;}
    .head_bg .search .cont{position: relative;}
    .head_bg .search input {width: 100%; height: 10.42vw; border: 0; border-bottom: 0.26vw solid #FFFFFF66; font-size: 3.39vw; font-weight: 400; color: #fff; padding: 0 0.52vw; background: transparent; padding-right: 6vw;}
    .head_bg .search input::placeholder {color: rgba(255, 255, 255, .7);}
    .head_bg .search .search_btn {position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
    .head_bg .search .search_btn img {width: 3.91vw;}
    .head_bg .accordion_wrap{margin-top: 7.81vw; max-height: 61%; overflow-y: auto; padding-right: 1.95vw; margin-right: -1.95vw;}
    .head_bg .accordion_wrap.on{max-height: 32%;} /* 투자정보 하위메뉴 열렸을 때 */
    .head_bg .accordion_wrap::-webkit-scrollbar {width: 0.26vw; /* 스크롤바의 너비 */ border-radius:0.65vw;}
    .head_bg .accordion_wrap::-webkit-scrollbar-thumb {height: 30%; background: #fff;}
    .head_bg .accordion_wrap::-webkit-scrollbar-track {background: #A8A8A8;}
    .head_bg #accordion {border-top: 0.26vw solid rgba(255, 255, 255, 0.4); }
    .head_bg #accordion li > div {position: relative; font-size: 4.17vw; padding: 2.73vw 0; border-bottom: 0.13vw solid rgba(255, 255, 255, 0.4); cursor: pointer; font-weight: 700; line-height: 2.12; color: #FFF;}
    .head_bg #accordion li > div::after {content: ""; background: url("/img/main/accordion_arrow.svg") no-repeat center / contain; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 3.26vw; height: 4.56vw; transition:all 0.3s;}
    .head_bg #accordion li > div.none::after{display: none;}
    .head_bg .submenu {display: none; padding: 4.82vw 0; border-bottom: 0.13vw solid rgba(255, 255, 255, 0.4);}
    .head_bg .submenu li + li {margin-top: 2.60vw;}
    .head_bg .submenu a {display: block; font-size: 3.65vw; font-weight: 400; color: #A8A8A8; line-height: 1.2; font-family: var(--font-pre); text-transform: capitalize;}
    .head_bg .submenu a:hover {color: var(--color1);}
    .head_bg #accordion li.on > div {color: var(--color1);}
    .head_bg #accordion li.on > div::after {transform: translateY(-50%) rotate(-180deg);}


    /* quick btn */
    .quick {right: 5.21vw; bottom: 13.28vw;}
    .quick .top_btn {width: 10.42vw; height: 10.42vw;}
    .quick .top_btn img {width: 3.33vw;}


    /* footer */
    .footer {padding: 12.50vw 0; margin-top: 17.58vw;}
    .footer .inner {flex-direction: column; align-items: flex-start; gap: 3.91vw;}
    .footer .ft_left {gap: 3.91vw; flex-direction: column; align-items: flex-start;}
    .footer .logo {width: 30.99vw;}
    .footer .sns {margin-top: 2.60vw; gap: 1.69vw;}
    .footer .sns img {width: 5.21vw;}
    .footer .ft_lr strong {font-size: 3.13vw; letter-spacing: -0.07vw; margin-bottom: 1.30vw;}
    .footer .ft_lr p {gap: 0.78vw 3.91vw; font-size: 3.13vw; letter-spacing: -0.12vw; flex-wrap: wrap;}
    .footer .ft_lr > div + div {margin-top: 3.91vw;}
    .footer .use {display: flex; align-items: center; gap: 2.08vw;}
    .footer .use a {font-size: 3.13vw; letter-spacing: 0;}
    .footer .use a + a {margin-top: 0;}
    .footer .copy {margin-top: 2.60vw; font-size: 3.13vw; letter-spacing: -0.07vw; text-align: left;}


    /********* main *********/
    /* common */
    #main .sec_tit h2 {font-size: 9.11vw; letter-spacing: -0.39vw; line-height: 1.2;}
    #main .sec_tit p {margin-top: 0.91vw; font-size: 3.65vw; line-height: 1.39;}

    #main .viewBtn {gap: 1.56vw; font-size: 3.65vw; letter-spacing: -0.12vw; width: 33.47vw; height: 8.59vw;}
    #main .viewBtn img {width: 3.91vw;}

    .dp_tab li {height: 12.11vw; letter-spacing: -0.20vw; font-size: 3.65vw;}

    /* visual */
    .visual{height:164.06vw;}
    .visual .txtwrap {top:58.85vw;}
    .visual .txtwrap .tit span {font-size:10.42vw;}
    .visual .txtwrap .desc span {font-size:4.17vw; letter-spacing: -0.20vw; margin-top: 3.91vw;}
    .visual .progress {gap:3.52vw; width:100%; bottom:13.28vw; padding: 0 5.21vw; flex-wrap: wrap;}
    .visual .progress > li {width:10.85vw;}
    .visual .progress > li .tit {font-size:3.13vw;}
    .visual .progress > li::before {height:0.26vw;}
    .visual .progress > li .bar {height: 0.26vw; margin-top: 2.60vw;}
    .visual .progress > li.swiper-pagination-bullet-active {width:31.25vw;}

    /* sec1 */
    #main .sec1 {padding: 24.61vw 0 20.83vw;}
    #main .sec1 .sec_tit {text-align: left; padding: 0 5.21vw;}
    #main .sec1 .dp_tab {margin-top: 10.55vw; gap: 3.13vw; justify-content: flex-start; white-space: nowrap; overflow: hidden; overflow-x: scroll; padding-left: 5.21vw;}
    #main .sec1 .dp_tab li {width: 48.97vw; min-width: 48.97vw;}
    #main .sec1 .tab_cont {margin: 9.77vw auto 0; padding-top: 0; width: calc(100% - 10.42vw); overflow: hidden;}
    #main .sec1 .swiper-slide {width: 100%; margin: 0;}
    #main .sec1 .swiper-slide:not(.swiper-slide-active) {transform: translateX(0);}
    #main .sec1 .img {height: 80.39vw;}
    #main .sec1 .txt {margin-top: 12.76vw;}
    #main .sec1 .txt span {height: 4.88vw; border-radius: 0.98vw; font-size: 3.65vw; letter-spacing: -0.10vw; padding: 0 2.54vw;}
    #main .sec1 .txt dt {margin-top: 0.78vw; font-size: 6.77vw; letter-spacing: -0.10vw;}
    #main .sec1 .txt dd {margin-top: 3.39vw; font-size: 4.17vw; letter-spacing: -0.20vw;}
    #main .sec1 .swiper-slide-active {transform: scale(1);}
    #main .sec1 .swiper-slide-active ~ .swiper-slide {transform: translateX(0);}
    #main .sec1 .arrow {margin-top: 10.42vw; gap: 2.93vw;}
    #main .sec1 .arrow .prev img,
    #main .sec1 .arrow .next img {width: 3.13vw;}
    #main .sec1 .swiper-pagination {gap: 1.95vw;}
    #main .sec1 .swiper-pagination span {width: 9.77vw; height: 0.59vw;}

    /* sec2 */
    #main .sec2 {padding: 20.83vw 0; background: #000;}
    #main .sec2 .top {flex-direction: column; align-items: flex-start; gap: 7.81vw;}
    #main .sec2 .swiper_wrap {margin-top: 10.42vw; height: auto; overflow: hidden;}
    #main .sec2 .swiper_wrap .swiper {width: 100%; position: relative; top: auto; left: auto;}
    #main .sec2 .swiper-slide {width: 100%; transform: none; flex-direction: column; align-self: flex-start; gap: 12.76vw;}
    #main .sec2 .swiper-slide .img {width: 100%; height: 93.72vw;}
    #main .sec2 .swiper-slide .txt {width: 100%; padding: 0 !important;}
    #main .sec2 .swiper-slide .txt .tit {font-size: 7.81vw; letter-spacing: -0.39vw; line-height: 1;}
    #main .sec2 .swiper-slide .txt p {margin-top: 3.39vw; font-size: 3.65vw; letter-spacing: -0.16vw;}
    #main .sec2 .arrow_box {margin-top: 10.42vw; gap: 4.95vw; justify-content: center;}
    #main .sec2 .arrow_box img {width: 3.91vw;}
    #main .sec2 .pagination,
    #main .sec2 .swiper-pagination {gap: 1.95vw; font-size: 3.65vw;}
    #main .sec2 .swiper-slide[class$=-next] {transform: none;}

    /* sec3 */
    #main .sec3 {padding: 20.83vw 0;}

    #main .sec3 .inner {flex-direction: column; align-items: flex-start; gap: 10.42vw;}
    #main .sec3 .sec_tit span {margin-top: 7.81vw;}
    #main .sec3 .list {width: 100%;}
    #main .sec3 .list li a {gap: 2.73vw; padding: 6.12vw 0 5.86vw;}
    #main .sec3 .list li a strong {font-size: 3.65vw; letter-spacing: -0.20vw; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    #main .sec3 .list li a span {font-size: 3.13vw; letter-spacing: -0.10vw;}

    /* sec4 */
    #main .sec4 {padding: 20.83vw 0;}
    #main .sec4 .inner {padding-right: 0;}
    #main .sec4 .top {flex-direction: column; align-items: flex-start; gap: 7.81vw;}
    #main .sec4 .cont {margin: 10.42vw auto 0; overflow: hidden;}
    #main .sec4 .swiper-slide {width: 78.13vw; margin-right: 5.21vw;}
    #main .sec4 .swiper-slide a {margin-right: 0; gap: 6.51vw; flex-direction: column; align-items: flex-start;}
    #main .sec4 .swiper-slide .img {width: 100%; height: 63.08vw;}
    #main .sec4 .swiper-slide .txt {width: 100%;}
    #main .sec4 .swiper-slide .txt strong {font-size: 5.21vw; letter-spacing: -0.08vw; line-height: 1.21; /* -webkit-line-clamp:3; */}
    #main .sec4 .swiper-slide .txt p {margin-top: 3.39vw; font-size: 3.65vw;}
    #main .sec4 .swiper-slide .txt span {margin-top: 3.39vw; font-size: 3.65vw; letter-spacing: -0.12vw;}
    #main .sec4 .arrow {margin-top: 19.14vw; gap: 2.99vw;}
    #main .sec4 .arrow .prev img,
    #main .sec4 .arrow .next img {width: 3.13vw;}
    #main .sec4 .swiper-pagination {gap: 1.95vw;}
    #main .sec4 .swiper-pagination span {width: 9.77vw; height: 0.59vw;}

    /* sec5 */
    #main .sec5 {padding: 24.35vw 0; background: url('/img/main/m_sec5_bg.jpg') no-repeat center/cover;}
    #main .sec5 .sec_tit span {font-size: 3.65vw;}
    #main .sec5 .sec_tit h2 {margin-top: 3.52vw; font-size: 9.11vw; letter-spacing: -0.20vw;}
    #main .sec5 .sec_tit p {font-size: 3.65vw; letter-spacing: -0.12vw; margin-top: 3.39vw;}
    .in_st{width: 100%; margin: 9.11vw auto 0;}
    .fr_form ul li{margin-bottom: 3.91vw;}
    .fr_form ul li.flex {gap: 3.91vw; flex-direction: column; align-items: flex-start;}
    .fr_form ul li.flex .item {width: 100%;}
    .fr_form ul li dt {font-size: 3.65vw; margin-bottom: 0.98vw;}
    .fr_form ul li .input{font-size: 3.65vw; height: 8.59vw;}
    .fr_form ul li.content dd {padding-bottom: 1.82vw;}
    .fr_form ul li .textarea{height: 13.02vw; size: 3.65vw; padding-top: 1.82vw;}
    .fr_form ul li .select {height: 8.59vw;}
    .fr_form ul li .select .selected-value {font-size: 3.65vw;}
    .fr_form ul li .select .selected .arrow {width: 2.99vw;}
    .fr_form ul li .select .option_wrap ul {max-height:38.54vw;}
    .fr_form ul li .select .option_wrap ul::-webkit-scrollbar {width: 0.26vw;}
    .fr_form ul li .select .option_wrap ul li {line-height:8.59vw; padding: 0 3.26vw; font-size: 3.65vw;}
    .fr_form .bot {margin-top: 5.86vw;}
    .fr_form .bot .agree {gap: 0 1.82vw; justify-content: flex-start;}
    .fr_form .bot .agree label{font-size: 3.65vw; gap: 0 1.56vw;}
    .fr_form .bot .agree input[type="checkbox"]{width: 3.91vw; height: 3.91vw;}
    .fr_form .bot .agree .view_more{font-size: 3.65vw;}
    .fr_form .bot .apply_btn {width: 46.88vw; height: 11.72vw; font-size: 3.65vw; margin: 10.42vw auto 0;}
    .use_wrap {margin: 22.79vw auto;}
    .pop_wrap .use_wrap {margin: 0 !important;}

}


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