@import url('./font.css');

:root {
    --fontSnow : 'SF_HambakSnow';
    --fontDan : 'Danjo-bold-Regular';
    --fontPre : 'Pretendard';
    --mainColor : #E50817;
}

html{font-size:16px;}
body {font-family: var(--fontPre), sans-serif; background:#000;}
.fontSnow{font-family: var(--fontSnow), sans-serif;}
.fontDan{font-family: var(--fontDan), sans-serif;}

.hiddenPc{display:none;}

.flexWrapper{display:flex;}

#header{position: absolute;top: 0;left: 0;width: 100%;height: 100px;display: flex;align-items: center;z-index: 1000; transition: .6s all;}
#header.fix{position: fixed;top: 0;left: 0; height: 90px; background:#000}
#header .inner{position:relative;display:flex;align-items: center;justify-content: space-between;width:100%;max-width:1600px;padding: 0 15px;margin:auto;}
#header .logo{width: 180px;height: 60px;}
#header .logo.black{display:none;}
#header .gnb{display: flex;gap:50px;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
#header .gnb li {font-size:20px;}
#header .gnb li a{color:#fff;font-family: var(--fontSnow), sans-serif;}
#header .call{font-size: 20px;color:#fff;display:inline-block;align-items: center;justify-content: center;background: var(--mainColor);border-radius:50px;padding:10px 15px;}
#header .allMenuBtn{display:none;}


.main .visual.on [data-act="up"] > div {opacity:0;  }
.main .visual .swiper-slide-active [data-delay="250"] {transition-delay: .25s;}
.main .visual .swiper-slide-active [data-delay="500"] {transition-delay: .5s;}
.main .visual .swiper-slide-active [data-delay="1000"] {transition-delay: 1s;}
.main .visual{background:#000; margin:0 auto;}
.main .visual .swiper-container {position: relative;}
.main .visual .swiper-slide {height: 930px;}
.main .visual .swiper-slide > img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main .visual .swiper-slide > img.pc{display:block;}
.main .visual .swiper-slide > img.mo{display:none;}
.main .visual .arrow {margin: 0; top: auto; right: auto; bottom: auto; left: auto; width: auto; height: auto;}
.main .visual .arrow::after {display: none;}
.main .visual .bot {position: absolute; left: 50%; transform: translateX(-50%); bottom: 80px; width: 100%; max-width:1600px; display: flex; align-items: center; gap: 0 15px; z-index: 10; padding: 0 15px; }
.main .visual .bot .arrow_cont {display: flex; align-items: center; gap: 0  15px;}
.main .visual .bot .arrow_cont .arrow {position: relative;}
.main .visual .pagination_cont {width: 242px; height: 2px; display: flex; align-items: center; gap: 24px; position: relative;}
.main .visual .swiper-pagination {position: absolute; margin: 0; top: 50%; right: auto; bottom: auto; left: 50%; transform: translate(-50%,-50%); width: auto; display: flex; align-items: center; gap: 0 10px;}
.main .visual .swiper-pagination-bullet {width: 160px; height: 2px; border-radius: 0; position: relative; overflow: hidden; margin: 0 !important; opacity: 1; background: #ffffff50; display: none;}
.main .visual .swiper-pagination-bullet::before {content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: opacity 0.3s;}
.main .visual .swiper-pagination-bullet-active {background: #ffffff50; display: block;}
.main .visual .swiper-pagination-bullet-active::before {background-color: #fff; animation: slide-progress 3.5s cubic-bezier(0.3, 0, 0.3, 1) forwards;}
.main .visual .swiper-pagination.paused-animation .swiper-pagination-bullet-active::before {animation-play-state: paused;}
.main .visual .swiper-pagination2 {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: flex; align-items: center; justify-content: space-between; font-size: 0; width: 100%;}
.main .visual .swiper-pagination2 span {font-size: 14px; font-weight: 700; color: #fff; letter-spacing: -.8px;}
.main .visual .pause img {width: 25px; cursor: pointer;}

@keyframes slide-progress {
    0% {  
        transform: translateX(-100%); 
    } 
    100% {  
        transform: translateX(0); 
    }
}

.main .visual .swiper-slide .visualCont{position: absolute; z-index: 1; color: #fff; text-align: center; width: 100%; max-width:1600px; padding: 0 15px; left: 50%; top: 50%; transform:translate(-50%, -50%); text-align: left;}
.main .visual .swiper-slide .visualCont .sub_tit{font-size:28px; margin-bottom: 30px; }
.main .visual .swiper-slide .visualCont .mainTit{font-size:70px; line-height: 95px;}
.main .visual .swiper-slide .visualCont .mainTit strong{color:var(--mainColor)}
.main .visual .swiper-slide .visualCont .mainTit strong span{display:inline-block; position:relative;}
.main .visual .swiper-slide .visualCont .mainTit strong span::after{content:""; display:block; width:8px; height:8px; background:var(--mainColor); border-radius:100%; position:absolute; left:50%; top:0; transform:translateX(-50%);}


/* marquee */
.main .marquee {position: relative; width: 100%; margin:-15px auto 0; background:url(../img/MarqueeBanner.png) no-repeat center; background-size:cover; z-index:2}
.main .marquee .marquee_text {display: flex; align-items: center; white-space: nowrap; padding: 43px 0; background: var(--color-red1); position: relative; z-index: 1;}
.main .marquee .marquee_text span {line-height: 1; font-size: 45px; font-weight: 800; animation: marqueeXup linear 50s infinite; display: block; color: #fff;}
@keyframes marqueeXup {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}


.mainTitleWrapper{display:flex; gap:17px; align-items: center; justify-content: center; flex-direction: column; text-align: center;}
.mainTitleWrapper .sub_tit{width:420px;}
.mainTitleWrapper .mainTit{font-size: 60px; color:#fff;}
.mainTitleWrapper .mainTit .point{color:var(--mainColor);}
.mainTitleWrapper.white .mainTit .point{color:#000;}
.mainTitleWrapper .pointText{font-size:80px; margin-top: 50px; color:#fff;}
.mainTitleWrapper .pointText strong{color:var(--mainColor);}
.mainTitleWrapper .pointText strong span{display:inline-block; position:relative;}
.mainTitleWrapper .pointText strong span::after{content:""; display:inline-block; width:37px; height:36px; position:absolute; top:-40px; left:50%; transform:translateX(-50%); background:url(../img/checkIco.svg) center no-repeat; background-size:cover;}

.innerTitleWrapper{margin-top: 75px; color:#fff; text-align: center;}
.innerTitleWrapper strong{font-size:45px; display:block;}
.innerTitleWrapper p{font-size:20px; line-height: 150%; margin-top: 30px;}

.section .inner,
.footer .inner{max-width:1600px; width:100%; padding: 0 15px; margin:auto;}

.section.features{background-color: #000; margin-top: -10px; padding:150px 0; }
.section.features .featuresContBox{position:relative; margin-top: 50px;}
.section.features .featuresContBox .featuresContItem{ position:relative;}
.section.features .featuresContBox .featuresContItem.item01{width:770px; height:460px; margin:auto;}
.section.features .featuresContBox .featuresContItem.item02{width:504px; height:460px;}
.section.features .featuresContBox .featuresContItem.item03{width:504px; height:460px; margin-top: -70px;}

.section.features .featuresContBox .flexWrapper{display: flex; justify-content: space-between; margin-top: 170px;}

.section.features .featuresContBox .featuresContItem .imgWrapper{border-radius: 30px; overflow: hidden; position:relative; z-index:1;}

.section.features .featuresContBox .featuresContItem .featuresText{width:100%; text-align: center; position:absolute;  z-index: 3;}
.section.features .featuresContBox .featuresContItem.item01 .featuresText{top:calc(100% - 10px);}
.section.features .featuresContBox .featuresContItem.item02 .featuresText{bottom:calc(100% - 80px);}
.section.features .featuresContBox .featuresContItem.item03 .featuresText{width:615px; left:-43%; top:calc(100%); }
.section.features .featuresContBox .featuresContItem .featuresText span{display:inline-block; font-size:20px; color:#000; padding: 10px 40px; background:#fff; border:3px solid #000; border-radius:50px;}

.section.features .featuresContBox .featuresContItem .floatingText{position:absolute; left:50%; transform:translateX(-50%); z-index: 2; font-size:120px; color:#fff;}
.section.features .featuresContBox .featuresContItem.item01 .floatingText{top:calc(100% - 60px); }
.section.features .featuresContBox .featuresContItem.item02 .floatingText{bottom:calc(100% - 80px); }
.section.features .featuresContBox .featuresContItem.item03 .floatingText{left:-35%;  top:calc(100% - 60px); transform:translateX(0); }

.section.features .featuresContBox .featuresContItem .floatingText.top{color:rgba(0,0,0,0); -webkit-text-stroke: 2px #fff;}
.section.features .featuresContBox .featuresContItem .floatingText.bottom{z-index:-1;}





.section.de{padding:150px 0;}
.section.menu{background-color:var(--mainColor); background-image:url(../img/signatureBg01.svg); background-size:cover; background-repeat: no-repeat; background-position: center; }



.section.menu .menuSwiper {position: relative; height:540px; margin-top: 120px;}
.section.menu .menuSwiper .swiper-slide {transform: translateX(-50px); transition:all .5s; width: 400px; height: 460px; margin:0 20px; overflow: hidden; }
.section.menu .menuSwiper .swiper-slide .img {display: block; height: 283px; border-radius: 40px; overflow: hidden;}
.section.menu .menuSwiper .swiper-slide img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.section.menu .menuSwiper .swiper-slide .txt {text-align: center; margin-top: 40px;}
.section.menu .menuSwiper .swiper-slide .txt strong {display: block; font-size: 30px; color: #fff;}
.section.menu .menuSwiper .swiper-slide .txt p {margin-top: 16px; font-size: 18px; color: #fff; line-height: 150%;}
.section.menu .menuSwiper .swiper-slide-active {transform: scale(1.3) !important; transition:all .5s; margin-top: 25px;}
.section.menu .menuSwiper .swiper-slide-active .img {position: relative; border:3px solid #000;}
.section.menu .menuSwiper .swiper-slide-active ~ .swiper-slide {transform: translateX(50px);}
.section.menu .arrow {position: absolute; top: 110px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: space-between; width: 580px; z-index: 10;}
.section.menu .arrow > div {position: relative; right: auto; right: auto; bottom: auto; left: auto; margin: 0; width: 60px; height: 60px; border-radius: 100%; display: flex; align-items: center; justify-content: center; background: #000; box-shadow: 0px 7px 29px 0px #64646F33;}
.section.menu .arrow > div::after {display: none;}
.section.menu .arrow > div img {width: 20px; }


.section.tabs{background:#000 url(../img/tabsBg.png) no-repeat center; background-size:cover; position:relative; z-index: 10;}
.section.tabs::after{background:url(../img/tabsSymbol.svg) no-repeat center; background-size:contain; content:""; position:absolute; bottom:0; right:0; width:46.6667vw; height:44.1146vw; opacity:0.5;}
.section.tabs .inner{position:relative; z-index: 1;}
.section.tabs .tabsWrapper{margin-top: 50px; position:relative;}
.section.tabs .tabsWrapper .tabsCont .tab{display:none; border-radius:20px; border:3px solid var(--mainColor); height:840px; padding: 120px 135px 240px; background:url(../img/tabsContBg01.jpg) center no-repeat; background-size:cover; position:relative; }
.section.tabs .tabsWrapper .tabsCont .tab.on{display:block;}
.section.tabs .tabsWrapper .tabsCont .tab:nth-child(2){background:url(../img/tabsContBg02.jpg) center no-repeat; background-size:cover;}
.section.tabs .tabsWrapper .tabsCont .tab:nth-child(3){background:url(../img/tabsContBg03.jpg) center no-repeat; background-size:cover;}

.section.tabs .tabsWrapper .tabsCont .tab .textWrapper .tit{font-size:50px; color:#fff; font-family: var(--fontSnow);}
.section.tabs .tabsWrapper .tabsCont .tab .textWrapper .tit span{display:inline-block; position:relative;}
.section.tabs .tabsWrapper .tabsCont .tab .textWrapper .tit span::after{display:block; content: ''; width:100%; height:8px; background:url(../img/linePath01.svg) no-repeat; background-size:100% 8px !important;}
.section.tabs .tabsWrapper .tabsCont .tab:nth-child(2) .textWrapper .tit span::after{background:url(../img/linePath02.svg) no-repeat; }
.section.tabs .tabsWrapper .tabsCont .tab:nth-child(3) .textWrapper .tit span::after{background:url(../img/linePath03.svg) no-repeat; }
.section.tabs .tabsWrapper .tabsCont .tab .textWrapper .desc{font-size:24px; margin-top: 30px;; line-height: 150%; color:#fff;}

.section.tabs .tabsWrapper .tabsList{display:flex; gap:20px; position:absolute; bottom:70px; left:50%; transform: translateX(-50%);}
.section.tabs .tabsWrapper .tabsList li{width:280px; height:60px; }
.section.tabs .tabsWrapper .tabsList li a{display:flex; align-items: center; justify-content: center; width:100%; height:100%; text-align:center; font-size:20px; color:#fff; border:2px solid #fff; border-radius: 10px; transition:all .5s;}
.section.tabs .tabsWrapper .tabsList li a.on{background:var(--mainColor);  border:none; transition:all .5s;}
.section.tabs .tabsWrapper .tabsList li a:hover:not(.on){background:#fff; color:#000; transition:all .5s;}





.section.way{background:#000; position:relative; padding:326px 0 75px; }
.section.way .mainTitleWrapper{z-index:11; position:absolute; top:370px; left:50%;  transform: translateX(-50%); width:100%;}
.section.way .pinWrapper{height:700px;}
.section.way .circle{width:100%; height:100%; overflow:hidden; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:10;  transition:all .5s ease;}
.section.way .circle img{width:100%; min-width:2200px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.section.way .wayBox{width:100%; height:100%; position:relative;}
.section.way .wayCont {display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; width:100%; max-width:1600px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding: 0 15px;}
.section.way .wayCont li {width: 50%; padding: 90px 0; position: relative; opacity: 0;}
.section.way .wayCont li:nth-child(odd) {transform: translateX(100%);}
.section.way .wayCont li:nth-child(even) {text-align: right; transform: translateX(-100%);}
.section.way .wayCont li:nth-child(3)::after,
.section.way .wayCont li:nth-child(4)::after {content: ""; width: 200%; height: 1px; background: #222; position: absolute; top: 0;}
.section.way .wayCont li:nth-child(3)::after {left: -50%;}
.section.way .wayCont li:nth-child(4)::after {right: -50%;}
.section.way .wayCont li p {font-size: 24px; color: #fff; letter-spacing: -1px; line-height: 1.5; }
.section.way .wayCont li strong {display: block; margin-top: 10px; font-size: 44px; color: #fff; letter-spacing: -1px; font-family: var(--fontSnow); }
.section.way .rotate{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:600px;}
.section.way .rotate img {width: 100%; animation: rotate_image 14s linear infinite;}
@keyframes rotate_image{
    100% {
        transform: rotate(360deg);
    }
}



.section.benefit{background:#000 url(../img/benefitBg.png) center no-repeat; background-size:cover;}
.section.benefit .tableWrap{margin-top: 57px;}
.section.benefit .tableWrap {width: 100%;margin-top: 60px;word-break: keep-all;}
.section.benefit .tableWrap table {width: 100%;table-layout: fixed;text-align: center;font-size: 20px;font-weight: 400;color: #4b4b4b;line-height: 1.2;overflow: hidden;background-color: #fff;border-collapse: collapse;}
.section.benefit .tableWrap table tr:first-of-type {background-color: #F1F1F1;}
.section.benefit .tableWrap table th, .section.benefit .tableWrap table td {padding: 24px 0;vertical-align: middle;}
.section.benefit .tableWrap table th {font-weight: 700;color: #000;}
.section.benefit .tableWrap table th.w5 {font-weight: 400;}
.section.benefit .tableWrap table .flexWrap {display: flex;align-items: center;justify-content: center;padding-right: 3%;}
.section.benefit .tableWrap table .flexWrap.none em {background: none;}
.section.benefit .tableWrap table .flexWrap span {display: block;position: relative;color: #a8a8a8;padding-left: 4px;padding-right: 8px;box-sizing: border-box;width: 33.33%;font-weight: 400;}
.section.benefit .tableWrap table .flexWrap span img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.section.benefit .tableWrap table .flexWrap strong {display: block;width: 33.33%;}
.section.benefit .tableWrap table .flexWrap em {padding: 4px 12px;box-sizing: border-box;display: block;border-radius: 50px;position: relative;color: #fff;background-color: #ff2439;line-height: 1.57;font-size: 14px;font-weight: 700;letter-spacing: -0.01em;min-width: 6.3em;}
.section.benefit .tableWrap table .flexWrap em::before {content: '';display: block;width: calc(100% + 3px);height: calc(100% + 3px);left: -1px;top: -2px;border-radius: 50px;background: linear-gradient(0deg, #D70015 0%, #FFD5D5 100%);z-index: -1;position: absolute;}
.section.benefit .tableWrap table th > strong {padding-left: 6%;}
.section.benefit .tableWrap table td.total {background: var(--mainColor);color: #fff;}
.section.benefit .tableWrap table td.total p {font-size: 20px;font-weight: 400;line-height: 1.2;}
.section.benefit .tableWrap table td.total p span {font-size: 32px;font-weight: 800;line-height: 0.75;}
.section.benefit .tableWrap > p {font-size: 20px;font-weight: 400;letter-spacing: -0.02em;color: #888;text-align: right;margin-top: 32px;display: flex;align-items: center;justify-content: flex-end;}




.applyFix{margin-top: 30px;}
.apply{opacity: 0; z-index: -1; position: fixed; bottom: 30px; width: 100%; transform: translateY(0); transition: opacity .5s ease, transform .23s ease;}
.apply .applyWrapper{max-width:1570px; width:calc(100% - 15px); margin:auto; background:var(--mainColor); border-radius: 20px;}
.apply.show{opacity: 1; z-index: 999;}
.apply.fixed{position: static;}
.apply.hide{transform: translateY(100%);}
.apply .inner{position: relative; margin: 0 auto; display: flex; align-items: center; padding:10px 50px; color: #fff}
.apply .fix_apply_txt{font-size: 20px; font-weight: 400; width: 250px}
.apply .fix_apply_txt span, .apply .fix_apply_txt a{ vertical-align: middle;}
.apply .fix_apply_txt a{font-size: 45px; font-weight: 800; color: #fff; display:block;}
.apply .fix_apply_input_wrap{display: flex; margin-left: 100px; gap:20px; flex-shrink: 0; align-items: center;}
.apply .fix_apply_input_wrap input::placeholder{color: #fff;}
.apply .fix_apply_input_wrap input:-ms-input-placeholder {color:#fff;}
.apply .fix_apply_input_wrap input::-webkit-input-placeholder {color:#fff;}
.apply .fix_apply_input_wrap input,
.apply .fix_apply_input_wrap select{flex-shrink: 0; font-size: 20px; color: #fff; background: #AF000A; max-width: 180px; width: 33%; height: 50px; border: none; padding: 0 19px;}
.apply .fix_apply_input_wrap select{padding-right: 3.7rem; background: #AF000A url(../img/ic_dropdown_apply.svg) right 17px center / 20px no-repeat; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.apply .fix_chk_wrap{position: relative; margin-left: 55px; display: inline-flex; align-items: center; min-height: 50px; vertical-align: middle;}
.apply .fix_chk_wrap input{overflow: hidden; position: absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px);}
.apply .fix_chk_wrap input + label{position: relative; display: inline-block; padding-left: 34px; font-size: 18px; line-height: 34px; vertical-align: top; word-break: keep-all; color: #fff;}
.apply .fix_chk_wrap input + label strong{text-decoration: underline;}
.apply .fix_chk_wrap input + label:before{content: ''; position: absolute; top: 50%; left: 0; display: block; width: 25px; height: 25px; background: url(../img/ico_ip_chk.svg) 0 / 100% no-repeat; transition: background-image .23s; transform: translateY(-50%);}
.apply .fix_chk_wrap input:checked + label:before{background-image: url(../img/ico_ip_chk_active.svg);}

.apply .form_wrap{display: flex; flex: 1;}
.apply .fix_submit_btn{margin-left: auto; display: inline-block; height: 59px; width: 150px; padding: 0 10px; background-color: #000; vertical-align: top; color: #fff; font-size: 18px; font-weight: 800; border:none; border-radius:50px;}

.pop_wrap{display: none; position:fixed; top:0; left:0; right:0; bottom:0; z-index: 10000;}
.pop_wrap.on{display:block;}
.pop_wrap .popupBg{position:absolute; width:100%; height:100%; background:rgba(0,0,0,.5)}
.pop_wrap .popupInner{position: absolute; background:#fff; width:728px; top:50%; left:50%; transform: translate(-50%, -50%); padding:33px 30px 40px;}
.pop_wrap .popupInner .popTit{display: flex; align-items: center; justify-content: space-between; border-bottom:1px solid #ddd; padding-bottom: 20px; margin-bottom: 30px;}
.pop_wrap .popupInner .popTit h4{font-size:24px; font-weight: 700;}
.pop_wrap .popupInner .popTit .popClose img{width:20px; cursor: pointer;}
.pop_wrap .popupInner .popCont{max-height: 350px; overflow-y: auto; padding-right: 25px;}
.pop_wrap .popupInner .popCont::-webkit-scrollbar {width: 3.5px;}
.pop_wrap .popupInner .popCont::-webkit-scrollbar-thumb {background: var(--mainColor);}
.pop_wrap .popupInner .popCont::-webkit-scrollbar-track {background: #E3E3E3;}
.pop_wrap .headline{display:block; margin: 30px 0 15px; border-bottom: 1px dotted #ddd;}
.pop_wrap .headline:first-child{margin-top: 0;}
.pop_wrap .headline h5{margin:0 0 -1px; padding:5px 2px; display:inline-block; color:#000; border-bottom: 1px solid #000; font-size: 18px;}
.pop_wrap .use_wrap ol{margin:10px 0; padding-inline-start:0;}
.pop_wrap .use_wrap ol li{font-size: 14px; line-height: 150%;}

.footer{padding:110px 0; color:#fff; }
.footer .inner{display:flex; align-items: center; justify-content: flex-start;}
.footer .ftContWrap{display:flex; align-items: flex-end; justify-content: space-between; flex:1; padding-left: 140px;}
.footer .ftContWrap .ft_cont_left{display:flex; flex-direction: column; gap:32px;}
.footer .ftContWrap .ft_menu_list{display:flex; gap:15px;}
.footer .ftContWrap .ft_menu_list li a{color:#fff; font-size: 18px;}
.footer .ftContWrap .ft_menu_list li:first-child a{font-weight: 700;}
.footer .ftContWrap .ft_info_box .ft_info_title{font-size: 18px; font-weight: 700; line-height: 150%;}
.footer .ftContWrap .ft_info_box .ft_info_text{font-size: 18px; margin-left: 10px; font-weight: 400; line-height: 150%; color:#fff; -webkit-text-fill-color: #fff}
.footer .ftContWrap .ft_info_box .ft_info_list{display:flex; gap:20px;}
.footer .ftContWrap .ft_info_box .copy{font-size:16px; margin-top: 20px;}

.footer .ftContWrap .ft_call{font-size: 20px; font-weight: 400; text-align: right;}
.footer .ftContWrap .ft_call .call_num{font-size:35px; margin-top: 10px; font-weight: 800; color:#fff; -webkit-text-fill-color: #fff}


@media screen and (max-width: 1600px) {
    .applyFix{margin-top: 1.88vw;}
    .apply{bottom: 1.88vw;}
    .apply .applyWrapper{max-width:98.13vw; width:calc(100% - 0.94vw); border-radius: 1.25vw;}
    .apply .inner{ padding:0.63vw 3.13vw; }
    .apply .fix_apply_txt{font-size: 1.25vw;  width: 15.63vw}
    .apply .fix_apply_txt a{font-size: 2.81vw;   }
    .apply .fix_apply_input_wrap{ margin-left: 6.25vw; gap:1.25vw; }
    .apply .fix_apply_input_wrap input,
    .apply .fix_apply_input_wrap select{font-size: 1.25vw;  max-width: 11.25vw; width: 33%; height: 3.13vw; padding: 0 1.19vw;}
    .apply .fix_apply_input_wrap select{padding-right: 3.7rem; background: #AF000A url(../img/ic_dropdown_apply.svg) right 1.06vw center / 1.25vw no-repeat; }
    .apply .fix_chk_wrap{ margin-left: 3.44vw;  min-height: 3.13vw; }
    .apply .fix_chk_wrap input{  width: 0.06vw; height: 0.06vw; clip: rect(0.06vw, 0.06vw, 0.06vw, 0.06vw);}
    .apply .fix_chk_wrap input + label{  padding-left: 2.13vw; font-size: 1.13vw; line-height: 2.13vw;  }
    .apply .fix_chk_wrap input + label:before{width: 1.56vw; height: 1.56vw; }

    .apply .fix_submit_btn{height: 3.69vw; width: 9.38vw; padding: 0 0.63vw; font-size: 1.13vw; border-radius:3.13vw;}
}



@media screen and (max-width: 1280px) {
    #header{height: 7.81vw;}
    #header.fix{height: 7vw;}
    #header .inner{max-width:125.00vw;padding: 0 1.17vw;}
    #header .logo{width: 14.06vw;height: 4.69vw;}
    #header .gnb{gap:3.91vw;top:50%;}
    #header .gnb li {font-size:1.56vw;}
    #header .call{font-size: 1.56vw; border-radius:3.91vw; padding:0.78vw 1.17vw;}


    .main .visual{max-width:150.00vw; }
    .main .visual .swiper-slide {height: 72.66vw;}
    .main .visual .bot { bottom: 6.25vw; max-width:125.00vw;  gap: 0 1.17vw;  padding: 0 1.17vw; }
    .main .visual .bot .arrow_cont { gap: 0  1.17vw;}
    .main .visual .pagination_cont {width: 15.78vw; height: 0.16vw;  gap: 1.88vw; }
    .main .visual .swiper-pagination { margin: 0; top: 50%; gap: 0 0.78vw;}
    .main .visual .swiper-pagination-bullet {width: 9.38vw; height: 0.16vw; }
    .main .visual .swiper-pagination2 span {font-size: 1.09vw;   letter-spacing: -0.06vw;}
    .main .visual .pause img {width: 1.95vw; }

    .main .visual .swiper-slide .visualCont{ padding: 0 1.17vw; }
    .main .visual .swiper-slide .visualCont .sub_tit{font-size:2.19vw; margin-bottom: 2.34vw; }
    .main .visual .swiper-slide .visualCont .mainTit{font-size:5.47vw; line-height: 7.42vw;}
    .main .visual .swiper-slide .visualCont .mainTit strong span::after{  width:0.63vw; height:0.63vw;}


    /* marquee */
    .main .marquee { margin:-1.17vw auto 0; }
    .main .marquee .marquee_text { padding: 3.36vw 0; }
    .main .marquee .marquee_text span {font-size: 3.52vw;  }


    .mainTitleWrapper{ gap:1.33vw;  }
    .mainTitleWrapper .sub_tit{width:25.00vw;}
    .mainTitleWrapper .mainTit{font-size: 4.69vw; }
    .mainTitleWrapper .pointText{font-size:6.25vw; margin-top: 3.91vw; }
    .mainTitleWrapper .pointText strong span::after{width:2.89vw; height:2.81vw; top:-3.13vw;}

    .innerTitleWrapper{margin-top: 5.86vw;  }
    .innerTitleWrapper strong{font-size:3.52vw; }
    .innerTitleWrapper p{font-size:1.56vw; margin-top: 2.34vw;}

    .section .inner,
    .footer .inner{max-width:125.00vw; padding: 0 1.17vw; }

    .section.features{ margin-top: -0.78vw; padding:11.72vw 0; }
    .section.features .featuresContBox{ margin-top: 3.91vw;}
    .section.features .featuresContBox .featuresContItem.item01{width:60.16vw; height:35.94vw; }
    .section.features .featuresContBox .featuresContItem.item02{width:39.38vw; height:35.94vw;}
    .section.features .featuresContBox .featuresContItem.item03{width:39.38vw; height:35.94vw; margin-top: -5.47vw;}

    .section.features .featuresContBox .flexWrapper{ margin-top: 13.28vw;}

    .section.features .featuresContBox .featuresContItem .imgWrapper{border-radius: 2.34vw;   }

    .section.features .featuresContBox .featuresContItem.item01 .featuresText{top:calc(100% - 0.78vw);}
    .section.features .featuresContBox .featuresContItem.item02 .featuresText{bottom:calc(100% - 6.25vw);}
    .section.features .featuresContBox .featuresContItem.item03 .featuresText{width:48.05vw;  }
    .section.features .featuresContBox .featuresContItem .featuresText span{ font-size:1.56vw;  padding: 0.78vw 3.13vw; border:0.23vw solid #000; border-radius:3.91vw;}

    .section.features .featuresContBox .featuresContItem .floatingText{ font-size:9.38vw; }
    .section.features .featuresContBox .featuresContItem.item01 .floatingText{top:calc(100% - 4.69vw); }
    .section.features .featuresContBox .featuresContItem.item02 .floatingText{bottom:calc(100% - 6.25vw); }
    .section.features .featuresContBox .featuresContItem.item03 .floatingText{ top:calc(100% - 4.69vw); transform:translateX(0); }

    .section.features .featuresContBox .featuresContItem .floatingText.top{-webkit-text-stroke: 0.16vw #fff;}


    .section.de{padding:11.72vw 0;}
    .section.menu{background-color:var(--mainColor); background-image:url(../img/signatureBg01.svg); background-size:cover; background-repeat: no-repeat; background-position: center; }
    .section.menu .menuSwiper { height:42.19vw; margin-top: 9.38vw;}
    .section.menu .menuSwiper .swiper-slide {transform: translateX(-3.91vw); width: 31.25vw; height: 35.94vw; margin:0 1.56vw;  }
    .section.menu .menuSwiper .swiper-slide .img { height: 22.11vw; border-radius: 3.13vw; }
    .section.menu .menuSwiper .swiper-slide img {width: 100%; }
    .section.menu .menuSwiper .swiper-slide .txt { margin-top: 3.13vw;}
    .section.menu .menuSwiper .swiper-slide .txt strong { font-size: 2.34vw; }
    .section.menu .menuSwiper .swiper-slide .txt p {margin-top: 1.25vw; font-size: 1.41vw;  }
    .section.menu .menuSwiper .swiper-slide-active {transform: scale(1.3) !important; margin-top: 1.95vw;}
    .section.menu .menuSwiper .swiper-slide-active .img { border:0.23vw solid #000;}
    .section.menu .menuSwiper .swiper-slide-active ~ .swiper-slide {transform: translateX(3.91vw);}
    .section.menu .arrow { top: 8.59vw; width: 45.31vw; }
    .section.menu .arrow > div {  width: 4.69vw; height: 4.69vw; border-radius: 100%;  box-shadow: 0.00vw 0.55vw 2.27vw 0.00vw #64646F33;}
    .section.menu .arrow > div img {width: 1.56vw; }


    .section.tabs::after{width:70.00vw; height:66.17vw; }
    .section.tabs .tabsWrapper{margin-top: 3.91vw; }
    .section.tabs .tabsWrapper .tabsCont .tab{ border-radius:1.56vw; border:0.23vw solid var(--mainColor); height:65.63vw; padding: 9.38vw 10.55vw 18.75vw; background:url(../img/tabsContBg01.jpg) center no-repeat;   }

    .section.tabs .tabsWrapper .tabsCont .tab .textWrapper .tit{font-size:3.91vw; }
    .section.tabs .tabsWrapper .tabsCont .tab .textWrapper .tit span::after{background-size:100% 0.63vw !important;}
    .section.tabs .tabsWrapper .tabsCont .tab .textWrapper .desc{font-size:1.88vw; margin-top: 2.34vw;}

    .section.tabs .tabsWrapper .tabsList{ gap:1.56vw;  bottom:5.47vw; }
    .section.tabs .tabsWrapper .tabsList li{width:21.88vw; height:4.69vw; }
    .section.tabs .tabsWrapper .tabsList li a{ font-size:1.56vw;  border:0.16vw solid #fff; border-radius: 0.78vw; }


    .section.way{padding:25.47vw 0 5.86vw; }
    .section.way .mainTitleWrapper{top:28.91vw; left:50%;  }
    .section.way .pinWrapper{height:54.69vw;}
    .section.way .circle img{min-width:206.25vw;  }
    .section.way .wayCont {padding: 0 1.17vw;}
    .section.way .wayCont li {padding: 7.03vw 0; }
    .section.way .wayCont li p {font-size: 1.88vw; letter-spacing: -0.08vw; }
    .section.way .wayCont li strong {margin-top: 0.78vw; font-size: 3.44vw; letter-spacing: -0.08vw; }
    .section.way .rotate{width:46.88vw;}


    .section.benefit .tableWrap{margin-top: 4.45vw;}
    .section.benefit .tableWrap {margin-top: 4.69vw;}
    .section.benefit .tableWrap table {font-size: 1.56vw;}
    .section.benefit .tableWrap table th, .section.benefit .tableWrap table td {padding: 1.88vw 0;}
    .section.benefit .tableWrap table .flexWrap span {padding-left: 0.31vw; padding-right: 0.63vw;}
    .section.benefit .tableWrap table .flexWrap em {padding: 0.31vw 0.94vw; border-radius: 3.91vw; font-size: 1.09vw; letter-spacing: -0.01em; min-width: 6.3em;}
    .section.benefit .tableWrap table .flexWrap em::before {width: calc(100% + 0.23vw); height: calc(100% + 0.23vw); left: -0.08vw; top: -0.16vw; border-radius: 3.91vw; background:var(--mainColor);}
    .section.benefit .tableWrap table td.total {background: var(--mainColor);}
    .section.benefit .tableWrap table td.total p {font-size: 1.56vw; }
    .section.benefit .tableWrap table td.total p span {font-size: 2.50vw;}
    .section.benefit .tableWrap > p {font-size: 1.56vw; letter-spacing: -0.02em; margin-top: 2.50vw;}

    .applyFix{margin-top: 2.34vw;}
    .apply{bottom:2.34vw;}
    .apply .applyWrapper{max-width:122.66vw; width:calc(100% - 1.17vw); border-radius: 1.56vw;}
    .apply .inner{ padding:0.78vw 3.91vw; }
    .apply .fix_apply_txt{font-size: 1.56vw;  width: 17.03vw}
    .apply .fix_apply_txt a{font-size: 3.13vw;   }
    .apply .fix_apply_input_wrap{ margin-left: 1.56vw; gap:1.56vw; }
    .apply .fix_apply_input_wrap input,
    .apply .fix_apply_input_wrap select{font-size: 1.56vw;  max-width: 14.06vw; width: 11.72vw; height: 3.91vw; padding: 0 1.48vw;}
    .apply .fix_apply_input_wrap select{padding-right: 3.7rem; background: #AF000A url(../img/ic_dropdown_apply.svg) right 1.33vw center / 1.56vw no-repeat; }
    .apply .fix_chk_wrap{ margin-left: 2vw;  min-height: 3.91vw; }
    .apply .fix_chk_wrap input{  width: 0.08vw; height: 0.08vw; clip: rect(0.08vw, 0.08vw, 0.08vw, 0.08vw);}
    .apply .fix_chk_wrap input + label{  padding-left: 2.66vw; font-size: 1.41vw; line-height: 2.66vw;  }
    .apply .fix_chk_wrap input + label:before{width: 1.95vw; height: 1.95vw; }

    .apply .fix_submit_btn{height: 4.61vw; width: 11.72vw; padding: 0 0.78vw; font-size: 1.41vw; border-radius:3.91vw;}


    .footer{padding:8.59vw 0; }
    .footer .footLogo img{width:9.53vw}
    .footer .ftContWrap{ padding-left: 5.94vw;}
    .footer .ftContWrap .ft_cont_left{ gap:2.50vw;}
    .footer .ftContWrap .ft_menu_list{ gap:1.17vw;}
    .footer .ftContWrap .ft_menu_list li a{ font-size: 1.41vw;}
    .footer .ftContWrap .ft_info_box .ft_info_title{font-size: 1.41vw;}
    .footer .ftContWrap .ft_info_box .ft_info_text{font-size: 1.41vw; margin-left: 0.78vw;}
    .footer .ftContWrap .ft_info_box .ft_info_list{ gap:1.56vw;}
    .footer .ftContWrap .ft_info_box .copy{font-size:1.25vw; margin-top: 1.56vw;}
    .footer .ftContWrap .ft_call{font-size: 1.56vw;  }
    .footer .ftContWrap .ft_call .call_num{font-size:2.73vw; margin-top: 0.78vw; }
}



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

    .hiddenPc{display:block;}
    .hiddenMo{display:none;}

    #header{height: 16.93vw;}
    #header.fix{height:15.63vw;}
    #header .inner{padding: 0 2.60vw;}
    #header .logo{width: 29.95vw;height: 10.03vw; }
    #header .gnb{display:none; width:100%; height:100%; background:#000; flex-direction:column; align-items: center; justify-content: center; gap:6.51vw; position:fixed; top:0; left:0; transform: translate(0, 0);}
    #header .gnb li {font-size:7.43vw;}
    #header.fix .gnb li a{color:#fff;}
    #header .gnb li a{color:#fff;font-family: var(--fontSnow), sans-serif;}
    #header .call{font-size: 3.91vw; border-radius:6.51vw; width:26.43vw; height:7.68vw; display:flex; align-items: center; justify-content: center;}
    #header .allMenuBtn{display:inline-flex; align-items: center; justify-content: center; position:relative; z-index:1001; background:none; border:0; width:9.11vw; height:9.11vw;}
    #header .allMenuBtn .close{display:none; width:5.99vw;}
    #header .allMenuBtn .open{width:6.51vw;}
    #header .flexWrapper{gap:3.26vw; align-items: center;}
    
    #header.on .gnb{display:flex;}
    #header.on .call,
    #header.on .logo{position:relative; z-index:1001;}
    #header.on .allMenuBtn .close{display:block; }
    #header.on .allMenuBtn .open{display:none; }

    .main .visual .swiper-slide {height: 166.67vw;}
    .main .visual .swiper-slide > img.pc{display:none;}
    .main .visual .swiper-slide > img.mo{display:block;}
    .main .visual .bot {bottom: 13.28vw; gap: 0 2.60vw; padding: 0 2.60vw; justify-content: center;}
    .main .visual .bot .arrow img {width:5.21vw;}
    .main .visual .bot .arrow_cont {gap:2.60vw;}
    .main .visual .pagination_cont {width: 44.53vw; height: 0.78vw; gap: 3.13vw; }
    .main .visual .swiper-pagination {gap: 0 1.30vw;}
    .main .visual .swiper-pagination-bullet {width: 26.04vw; height: 0.78vw; }
    .main .visual .swiper-pagination2 span {font-size: 3.39vw; letter-spacing: -0.10vw;}
    .main .visual .pause img {width: 5.21vw; }

    .main .visual .swiper-slide .visualCont{padding: 0 2.60vw;}
    .main .visual .swiper-slide .visualCont .sub_tit{font-size:5.21vw; margin-bottom: 3.91vw; }
    .main .visual .swiper-slide .visualCont .mainTit{font-size:9.11vw; line-height: 12.37vw;}
    .main .visual .swiper-slide .visualCont .mainTit strong span::after{width:1.56vw; height:1.56vw; }


    /* marquee */
    .main .marquee {margin:-1.95vw auto 0; }
    .main .marquee .marquee_text {padding: 5.60vw 0; }
    .main .marquee .marquee_text span {font-size: 7.81vw; }



    .mainTitleWrapper{gap:2.60vw; }
    .mainTitleWrapper .sub_tit{width:54.69vw;}
    .mainTitleWrapper .mainTit{font-size: 9.11vw;}
    .mainTitleWrapper .pointText{font-size:9.11vw; margin-top: 9.11vw; }
    .mainTitleWrapper .pointText strong span::after{width:4.82vw; height:4.69vw; top:-5.21vw;}

    .innerTitleWrapper{margin-top: 4.43vw;}
    .innerTitleWrapper strong{font-size:5.99vw;}
    .innerTitleWrapper p{font-size:3.39vw; margin-top: 3.91vw;}

    .section .inner,
    .footer .inner{padding: 0 2.60vw;}

    .section.features{margin-top: -1.30vw; padding:23.44vw 0 39.06vw; }
    .section.features .featuresContBox{position:relative; margin-top: 6.51vw;}
    .section.features .featuresContBox .featuresContItem{ position:relative; width:100% !important; height:56.64vw !important;}
    .section.features .featuresContBox .featuresContItem.item02{margin-top:17.58vw;}
    .section.features .featuresContBox .featuresContItem.item03{margin-top:17.58vw;}

    .section.features .featuresContBox .flexWrapper{display: block; margin-top: 0;}

    .section.features .featuresContBox .featuresContItem .imgWrapper{border-radius: 3.91vw; width:100%; height:56.64vw;}

    .section.features .featuresContBox .featuresContItem .featuresText{width:100%; position:relative; width:auto !important;}
    .section.features .featuresContBox .featuresContItem.item01 .featuresText{top:-1.30vw; }
    .section.features .featuresContBox .featuresContItem.item02 .featuresText{top:-1.30vw;}
    .section.features .featuresContBox .featuresContItem.item03 .featuresText{top:-1.30vw; left:0;}
    .section.features .featuresContBox .featuresContItem .featuresText span{font-size:3.65vw; padding: 1.30vw 5.21vw; border:0.39vw solid #000;}

    .section.features .featuresContBox .featuresContItem .floatingText{left:50% !important; transform:translateX(-50%) !important; top:calc(100% - 9.77vw) !important; font-size:15.63vw; }

    .section.features .featuresContBox .featuresContItem .floatingText.top{-webkit-text-stroke: 0.26vw #fff;}




    .section.de{padding:23.44vw 0;}
    .section.menu{background-color:var(--mainColor); background-image:url(../img/signatureBg01.svg); }

    .section.menu .menuSwiper {height:78.13vw; margin-top: 14.32vw;}
    .section.menu .menuSwiper .swiper-slide {transform: translateX(-6.51vw); width: 54.69vw; height: 76.82vw; margin:0 5.21vw;  }
    .section.menu .menuSwiper .swiper-slide .img {height: 39.06vw; border-radius: 5.21vw; }
    .section.menu .menuSwiper .swiper-slide .txt {margin-top: 5.21vw;}
    .section.menu .menuSwiper .swiper-slide .txt strong {font-size: 4.95vw; }
    .section.menu .menuSwiper .swiper-slide .txt p {margin-top: 3.26vw; font-size: 3.39vw; }
    .section.menu .menuSwiper .swiper-slide-active {transform: scale(1.3) !important; margin-top: 2.60vw;}
    .section.menu .menuSwiper .swiper-slide-active .img {border:0.39vw solid #000;}
    .section.menu .menuSwiper .swiper-slide-active ~ .swiper-slide {transform: translateX(6.51vw);}
    .section.menu .arrow {top: 13.02vw; width: 80.73vw; }
    .section.menu .arrow > div {width: 10.42vw; height: 10.42vw; }
    .section.menu .arrow > div img {width: 3.26vw; }


    .section.tabs::after{width:100%; height:110.68vw;}
    .section.tabs .tabsWrapper{margin-top: 7.81vw; }
    .section.tabs .tabsWrapper .tabsCont .tab{border-radius:2.60vw; border:0.39vw solid var(--mainColor); height:110.68vw; padding: 6.51vw 6.51vw 31.25vw; background-size:cover !important;}

    .section.tabs .tabsWrapper .tabsCont .tab .textWrapper .tit{font-size:5.99vw; }
    .section.tabs .tabsWrapper .tabsCont .tab .textWrapper .tit span::after{height:1.04vw; background-size:100% 1.04vw !important;}
    .section.tabs .tabsWrapper .tabsCont .tab .textWrapper .desc{font-size:3.39vw; margin-top: 5.21vw; }

    .section.tabs .tabsWrapper .tabsList{gap:1.95vw; bottom:9.11vw; }
    .section.tabs .tabsWrapper .tabsList li{width:28.52vw; height:7.81vw; }
    .section.tabs .tabsWrapper .tabsList li a{font-size:3.39vw; border:0.26vw solid #fff; border-radius: 1.30vw;}



    .section.way{padding:42.45vw 0 11.20vw; height:169.27vw;}
    .section.way .mainTitleWrapper{top:48.18vw; }
    .section.way .pinWrapper{height:91.15vw;}
    .section.way .circle img{width:100%; min-width:135.02vw; }
    .section.way .wayCont { padding: 0 2.60vw;}
    .section.way .wayCont li {padding: 11.72vw 0; }
    .section.way .wayCont li p {font-size: 3.39vw; letter-spacing: -0.13vw; }
    .section.way .wayCont li strong {margin-top: 1.30vw; font-size: 5.73vw; letter-spacing: -0.13vw; }
    .section.way .rotate{width:52.27vw;}


    .section.benefit .tableWrap { margin-top: 5.21vw; }
    .section.benefit .tableWrap table {font-size: 3.39vw;}
    .section.benefit .tableWrap table th, .section.benefit .tableWrap table td {padding: 4.95vw 0;}
    .section.benefit .tableWrap table .flexWrap {padding-right: 3%; flex-direction: column;}
    .section.benefit .tableWrap table .flexWrap span {padding-left: 0.52vw; padding-right: 1.04vw; width: 100%;}
    .section.benefit .tableWrap table .flexWrap span img {width:13.28vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
    .section.benefit .tableWrap table .flexWrap strong {width: 100%;}
    .section.benefit .tableWrap table .flexWrap em {padding: 0.52vw 1.56vw; border-radius: 6.51vw; font-size: 3.13vw; }
    .section.benefit .tableWrap table th > strong {padding-left: 0;}
    .section.benefit .tableWrap table td.total p {font-size: 3.39vw;}
    .section.benefit .tableWrap table td.total p span {font-size: 5.21vw;}
    .section.benefit .tableWrap > p {font-size: 3.13vw; margin-top: 5.21vw;}


    .applyFix{margin-top: 3.91vw;}
    .apply{bottom:0;}
    .apply .applyWrapper{width:100%; border-radius: 0;}
    .apply .inner{ padding:2.60vw 2.60vw 1.82vw; flex-direction: column; gap:0.65vw;}
    .apply .fix_apply_txt{font-size: 3.13vw;  width: 100%}
    .apply .fix_apply_txt a{font-size: 4.69vw; display:inline-block;}
    .apply .fix_apply_input_wrap{ margin-left: 0; gap:1.30vw; }
    .apply .fix_apply_input_wrap input,
    .apply .fix_apply_input_wrap select{font-size: 3.39vw;  max-width: 22.72vw; width: 22.72vw; height: 7.81vw; padding: 0 2.47vw;}
    .apply .fix_apply_input_wrap select{padding-right: 3.7rem; background: #AF000A url(../img/ic_dropdown_apply.svg) right 2.21vw center / 2.60vw no-repeat; }

    .apply .fix_chk_wrap{ margin-left: 0;  min-height: auto; position:absolute; top:2.86vw; right:2.60vw;}
    .apply .fix_chk_wrap input{  width: 0.13vw; height: 0.13vw; clip: rect(0.13vw, 0.13vw, 0.13vw, 0.13vw);}
    .apply .fix_chk_wrap input + label{  padding-left: 5.08vw; font-size: 3.39vw; line-height: 4.69vw;  }
    .apply .fix_chk_wrap input + label:before{width: 3.91vw; height: 3.91vw; }

    .apply .fix_submit_btn{height: 7.81vw; width: 22.72vw; padding: 0 1.30vw; font-size: 3.39vw; border-radius:0;}

    .apply .form_wrap{gap:1.30vw;}

    .pop_wrap .popupInner{ width:94.79vw; top:50%; padding:4.30vw 3.91vw 5.21vw;}
    .pop_wrap .popupInner .popTit{border-bottom:0.13vw solid #ddd; padding-bottom: 2.60vw; margin-bottom: 3.91vw;}
    .pop_wrap .popupInner .popTit h4{font-size:4.17vw; }
    .pop_wrap .popupInner .popTit .popClose img{width:3.91vw; }
    .pop_wrap .popupInner .popCont{max-height: 65.57vw;  padding-right: 3.26vw;}
    .pop_wrap .popupInner .popCont::-webkit-scrollbar {width: 0.46vw;}
    .pop_wrap .headline{margin: 3.91vw 0 1.95vw; border-bottom: 0.13vw dotted #ddd;}
    .pop_wrap .headline h5{margin:0 0 -0.13vw; padding:0.65vw 0.26vw; border-bottom: 0.13vw solid #000; font-size: 3.65vw;}
    .pop_wrap .use_wrap ol{margin:1.30vw 0; }
    .pop_wrap .use_wrap ol li{font-size: 3.13vw; }


    .footer{padding:16.15vw 0 23.44vw; position:relative;}
    .footer .inner{flex-direction: column; justify-content: center; gap:6.51vw;}
    .footer .footLogo img{width:20.83vw}
    .footer .ftContWrap{ flex-direction: column; align-items: center; padding-left: 0;}
    .footer .ftContWrap .ft_cont_left{ gap:4.69vw;}
    .footer .ftContWrap .ft_menu_list{  gap:2.21vw; justify-content: center;}
    .footer .ftContWrap .ft_menu_list li a{ font-size: 3.39vw;}
    .footer .ftContWrap .ft_info_box address{text-align: center;}
    .footer .ftContWrap .ft_info_box .ft_info_title{font-size: 3.39vw;}
    .footer .ftContWrap .ft_info_box .ft_info_text{font-size: 3.39vw; margin:0 1.43vw;}
    .footer .ftContWrap .ft_info_box .ft_info_list{  flex-wrap:wrap; justify-content: center; text-align: center; gap:0;}
    .footer .ftContWrap .ft_info_box .copy{width: 100%; font-size:3.13vw; margin-top: 2.86vw; text-align: center; position:absolute; bottom:13.02vw; left:50%; transform:translateX(-50%);}
    .footer .ftContWrap .ft_call{font-size: 3.39vw; margin-top: 6.51vw; text-align: center;}
    .footer .ftContWrap .ft_call .call_num{font-size:6.77vw; margin-top: 0.65vw; }
}