
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.cdnfonts.com/css/poppins');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

*{font-family: 'Pretendard', sans-serif; box-sizing:border-box;}
img{max-width:100%;}
input:focus{outline:none;}
.fp-watermark{display:none;}
.fp-overflow{height:100vh;}

:root{
    --contentList-height : 0;
}

/* COMMON */
.board_inner,
.inner{width:100%; max-width:1600px; margin:0 auto; }
.board_inner .pageTit {margin-bottom: 120px;}

.poppins_f{font-family: "Poppins", sans-serif;}
.montser_f{font-family: 'Montserrat';}
.row.flexRow{display:flex;}

.txtC{text-align:center;}
.txtR{text-align:right;}
.txtL{text-align:left;}

.point{color:#1461D3;}

.hidden-pc{display:none !important;}
.hidden-mo{display:block !important;}

span.bold{font-weight:bold;}

.flexWrap{display:flex;}
.flexWrap.align-items-end{align-items: end;}
.flexWrap.align-items-center{align-items: center;}
.flexWrap.justify-space-between{justify-content: space-between;}
.flexWrap.justify-center{justify-content: center;}

.fw100{font-weight: 100 !important;}
.fw200{font-weight: 200 !important;}
.fw300{font-weight: 300 !important;}
.fw400{font-weight: 400 !important;}
.fw500{font-weight: 500 !important;}
.fw600{font-weight: 600 !important;}
.fw700{font-weight: 700 !important;}
.fw800{font-weight: 800 !important;}

/* BTN */
.detail_btn{padding: 12px 20px 12px 30px; display:inline-flex; align-items: center; font-family: 'Montserrat'; border:1px solid #fff; border-radius:50px; transition: all .3s;}
.detail_btn span{font-size: 16px; line-height: 26px; font-weight:700; color:#fff; }
.detail_btn img{width:30px;}
.detail_btn:hover {background: #fff;}
.visual-section .detail_btn:hover span {color: #000;}
.visual-section .detail_btn:hover img {filter: brightness(0);}


/* TITLE */
.txtWrap .tit{font-size: 35px; line-height: 45px; color:#fff; font-weight: 800;}
.txtWrap .tit_sub{font-size: 20px; line-height: 30px; color:#fff;  font-weight: 800;}
.txtWrap .desc{font-size: 20px; line-height: 30px; color:#fff; font-weight: 400;}

.txtWrap.dark .tit{color:#000; }
.txtWrap.dark .tit_sub{color:#1461D3; }
.txtWrap.dark .desc{color:#8E8E8E;}

.txtWrap.type_sub .tit{font-size: 40px; line-height: 50px; letter-spacing: -1px; color:#333; }
.txtWrap.type_sub .desc{color:#6D6D6D;}



.ctit{font-size:26px; line-height: 36px; color:#000; font-weight: 800;}
.cdesc{font-size: 20px; line-height: 30px; color:#8E8E8E;}




/* HEADER */
.header{height:100px; position:fixed; top:0; left:0; width:100%; z-index:100;}
.header:hover,
.header.on{background:#fff; }
.header .inner,
.header .row{height:100%;}
.header .row{display:flex; justify-content: space-between;}
.header .navBar{display:flex; justify-content: space-between; gap:90px;}
.header .logo{display:flex; align-items: center;}
.header .logo img{width:214px;}
.header .logo img.logoDe{display:block;}
.header:hover .logo img.logoDe,
.header.on .logo img.logoDe{display:none;}
.header:hover .logo img.logoBl,
.header.on .logo img.logoBl{display:block;}
.header .logo img.logoBl{display:none;}

.navBar .gnb{display:flex; align-items: center; gap:90px;}
.navBar .gnb > li{position:relative; height:100%;}
.navBar .gnb > li > a{font-size:18px; line-height: 28px; height:100%; display:flex; align-items: center; color:#fff; font-weight: 600;}
.navBar .gnb > li::before{ width:7px; height:7px; border-radius:100%; background:#1461D3; position:absolute; left:50%; top:18px; transform:translateX(-50%); content:""; display:none;}

.header .navBar .gnb:hover > li > .depth_2,
.header .navBar .gnb.on > li > .depth_2,
.header .navBar .gnb:hover::before,
.header .navBar .gnb.on::before{display:block;}
.header .navBar .gnb > li:hover::before{display:block;}
.header .navBar .gnb > li > .depth_2{position:absolute; display:none; padding:40px 0 0 ; width:100px;}
.header .navBar .gnb > li > .depth_2 li{margin-bottom:10px;}
.header .navBar .gnb > li > .depth_2 li:last-child{margin-bottom:0;}
.header .navBar .gnb > li > .depth_2 li > a{font-size: 18px; line-height: 28px; color:#6D6D6D; }
.header .navBar .gnb > li > .depth_2 li:hover > a{color:#1461D3;}
.header:hover .navBar .gnb > li > a,
.header.on .navBar .gnb > li > a{color:#000}
.header:hover .navBar .gnb > li:hover > a{color:#1461D3;}
/* .header:hover .navBar:hover .gnb > li:not(:hover) > a{color:#000} */

.header .navBar .gnb::before{display:none;content:""; width:100%; height:265px; position:absolute; left:0; top:100px; border-top: 1px solid #e3e3e3; background:#fff url(/img/gnb_bg.png) left top no-repeat;}


.navBar .util-list{display:flex; align-items: center; }
.navBar .util-list li{height:100%;}
.navBar .util-list li > a{display:flex; align-items: center; height:100%;}
.navBar .util-list .all_menu{width:28px;}
.header:hover .navBar .util-list img,
.header.on .navBar .util-list img{filter: invert(100%);}




/* SITE MAP & ALL MENU */
.allMenu.open{ display:block; }
.allMenu{position:fixed; background: #fff; display:none; top:0; left:0; padding: 120px; width:100%; height:100%; z-index:101;}
.allMenu.on{display:block;}
.allMenu .logo .tit{text-align:center; font-size: 50px; font-weight: 800; font-family: "Poppins", sans-serif;}
.allMenu .mapLogo{display:none;}
.allMenu .logo .menuClose{width:48px; position:absolute; top:29px; right:29px;}
.allMenu .inner{max-width:1350px;}
.allMenu .mapList{margin-top: 114px; display:flex;}
.allMenu .mapList > li{width:25%; border-right:1px solid #E3E3E3; padding-left: 50px;}
.allMenu .mapList > li:last-child{border-right:0;}
.allMenu .mapList > li:hover > a::before,
.allMenu .mapList > li.on > a::before{display:block; content:""; position:absolute; top:-23px; left:0; width:15px; height:15px; background:#1461D3; border-radius:50%; }
.allMenu .mapList > li > a{font-size: 28px;  margin-bottom: 45px; display:block; color:#000; font-weight: bold; position:relative;}
.allMenu .mapList > li > .depth_2{display:block; }
.allMenu .mapList > li > .depth_2 li > a{font-size:20px; color:#8E8E8E; display:block; margin-bottom: 15px; display:inline-block; border-bottom:1px solid rgba(255,255,255,0)}
.allMenu .mapList > li > .depth_2 li > a:hover{color:#1461D3; border-bottom:1px solid #1461D3;}




/* VISUAL SWIPE */
.visual-section{position:relative;}
.visualSwipe{overflow:hidden;}
.visualSwipe,
.visualSwipe .slick-list,
.visualSwipe .slick-track{height:100%;}
.visualSwipe .visualItem .inner{height:100%; display:flex; align-items: center; position:relative}
.visualSwipe .visualItem{ position:relative;}
.visualSwipe .visualItem .visualImg{ position:absolute; top:0; left:0; width:100%; height:100%; background-size: cover !important; background-position:center !important; }
.visualSwipe .visualItem.item1 .visualImg{background:url(/img/visual_bg01.png) no-repeat;}
.visualSwipe .visualItem.item2 .visualImg{background:url(/img/visual_bg01.png) no-repeat;}

.visualSwipe .motion{opacity:0; transform: translateY(200px); transition:all .7s;}
.visualSwipe .slick-active .visualImg{animation: fadezoom 5s 0s forwards; transition: transform .5s;}
.visualSwipe .slick-active .motion{opacity:1; transform: translateY(0); transition:all .5s;}
.visualSwipe .slick-active .motion:nth-child(2){transition:all .7s;}
.visualSwipe .slick-active .motion:nth-child(3){transition:all 1.2s;}
.visualSwipe .slick-active .motion:nth-child(4){transition:all 1.5s;}
.visualSwipe .txtWrap .exclam{ font-size: 18px; line-height: 28px; font-family: "Poppins", sans-serif; color:#fff; font-weight: 600;}
.visualSwipe .txtWrap .tit{ font-size: 60px; line-height: 70px; margin:15px 0; color:#fff; font-weight: 800;}
.visualSwipe .txtWrap .desc{ font-size: 22px; line-height: 32px; color:#fff; font-weight: 400;}

.visualSwipe .btnWrap{margin-top: 32.83px;}

.visualSwipe .slick-dots{display:flex; gap:20px; width:1600px; max-width:100%; color:#fff; position:absolute; bottom:82px; left:50%; transform: translate(-50%);}
.visualSwipe .slick-dots li .dotItem{width:65px; color:rgba(255,255,255, .5); }
.visualSwipe .slick-dots li .dotItem .progress-bar{width:100%; height:1px; background: rgba(255,255,255, .5); display:block; margin-top: 15px; }
.visualSwipe .slick-dots li .dotItem .progress-bar::before{content:""; display:block; position:absolute; left:0; bottom:0; width:0%; height:1px; background:#fff; }
.visualSwipe .slick-dots li.active .dotItem{width:180px; color:#fff; transition: width .3s; position:relative;}
.visualSwipe .slick-dots li.active .dotItem .progress-bar::before{width:100%; transition: 10s linear;}

/* PROGRESS */ 
.visual-section .progress {display:flex; justify-content: flex-end; gap:10px; width:1600px; max-width:100%; color:#fff; position:absolute; bottom:67px; left:50%; transform: translate(-50%);}
.visual-section .progress > li {width:80px; position:relative; cursor:pointer; transition: width .2s;}
.visual-section .progress > li::before{content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:3px; background:rgba(255,255,255,.8);}
.visual-section .progress > li .bar {width:0%; height:3px; background: #3F8CFF; display:block; position:relative;}
.visual-section .progress > li.active {transition: width .2s;}
.visual-section .progress > li.active .bar {animation:countingBar 3.5s linear forwards;}


/* FULL PAGE ETC */
.visual_nav{position:fixed; top:50%; left:70px; transform:translateY(-50%); }
.visual_nav li{position:relative; display:flex; flex-direction: column;}
.visual_nav li.active{margin-bottom: 50px;}
.visual_nav li i{position:absolute; top:-30px; left:50%; transform:translateX(-50%); border:1px solid #fff; border-radius:50%; width:10px; height:10px; }
.visual_nav li a{display:block;}
.visual_nav li.active i{background:#fff;}
.visual_nav li a span{font-size:16px; line-height: 26px; width:0; height:0; overflow:hidden; transform: rotate(90deg); display:inline-block; color:#fff; font-family: "Poppins", sans-serif; }
.visual_nav li.active a span{width:auto; height:auto; }
.visual_nav li.active::after{content:""; display:block; width:1px; height:50px; background:#fff; margin:13px auto 0;}

.visual_nav.black li i{border-color:#000;}
.visual_nav.black li a span{color:#000;}
.visual_nav.black li.active i{background: #000;;}
.visual_nav.black li.active::after{background: #000;}


@keyframes countingBar {
    0% {width: 0;}
    100% {width:100%;}
}

@keyframes fadezoom {

    0% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
    }
}

/* SOLUTION */
.solution-company.fp-is-overflow > .fp-overflow{overflow-x:hidden;}
.solution-company{overflow:hidden; background: #fff url(/img/company_bg.png) center no-repeat; background-size:cover;}
.solution-company .inner{height:100%; display:flex; align-items: center;}
.solution-company .row{width:100%;}

.solution-company .txtWrap{margin-bottom: 30px;}
.solution-company .txtWrap .tit{margin: 47px 0 37px;}
.solution-company .txtWrap .bigTit{ margin-top: 20px;}
.solution-company .txtWrap .bigTit img{width:755px;}
.solution-company .btnWrap .detail_btn{background:#1461D3; border:0;}
.solution-company[data-anchor="company"] .btnWrap .detail_btn:hover span {color: #fff;}
.process-section[data-anchor="maintenance"] .btnWrap .detail_btn:hover span {color: #287EFF;}
.process-section[data-anchor="maintenance"] .itemBox .detail_btn:hover .pt {display: block;}
.process-section[data-anchor="maintenance"] .itemBox .detail_btn:hover .de {display: none;}
.solution-company .count_wrap{display: flex; justify-content: center; align-items: center; margin-top: 60px;}
.solution-company .count_wrap strong{font-size: 40px; letter-spacing: -2px;}
.solution-company .count_wrap p{font-size: 40px;}
.solution-company .count_wrap p .count{font-size: 65px; font-weight: 800; color: #1461D3; display: inline-block; width: 325px; text-align: right;}





/* PROCESS SECTION */
.process-section.fp-is-overflow > .fp-overflow{overflow-x:hidden;}
.process-section .row{width:100%; height:100%; display:flex;}
.process-section .itemBox{display:flex; align-items: center; justify-content: center; flex-direction: column; position:relative; background:url(/img/process_bg01.png) no-repeat; background-size: cover !important; width:50%; height:100%; transition:all .5s;}
.process-section .itemBox:nth-child(2){background:url(/img/process_bg02.png) no-repeat;}
.process-section .itemBox:hover{width:60%;  transition:all .5s;}
.process-section .itemBox::before{width:100%; height:100%; position:absolute; top:0; left:0; display:none; content:""; background-color:rgba(20,97,211,.9);}
.process-section .itemBox:hover::before{display:block;}
.process-section .itemBox .cont{position:relative;}

.process-section .itemBox .tit{margin:10px 0 50px; font-size: 50px; line-height: 60px;}
.process-section .itemBox .dropBox {width:0; height:0; overflow: hidden; margin-bottom: 0; transition: all .5s;}
.process-section .itemBox:hover .dropBox {width:auto; height:auto; margin-bottom: 37px; transition: all .5s;}
.process-section .itemBox .dropBox .desc{margin-bottom: 20px;}
.process-section .itemBox .dropBox .hashBox .hash{font-size:18px; line-height: 28px; padding:10px 20px; display:inline-block; color:#fff; border:1px solid rgba(255,255,255,.5); border-radius:5px;}
.process-section .itemBox:hover .detail_btn{background:#fff;}
.process-section .itemBox:hover .detail_btn span{color:#287EFF;}
.process-section .itemBox .detail_btn .de{display:block;}
.process-section .itemBox .detail_btn .pt{display:none;}
.process-section .itemBox:hover .detail_btn .de{display:none;}
.process-section .itemBox:hover .detail_btn .pt{display:block;}


/* PROMOTION */
.performance-section{background:url(/img/performance_bg.png) top no-repeat; display:flex; justify-content: center; flex-direction: column;}
.performance-section.fp-is-overflow > .fp-overflow{overflow-x:hidden;}
.performance-section .inner{display:flex; align-items: center; position:relative;}
.performance-section .row{width:100%;}

.performance-section .performance_header{display:flex; align-items: end; justify-content: space-between; margin-bottom: 55px;}
.performance-section .txtWrap .tit{margin-top: 5px;}

.performance-section .btnWrap .detail_btn{background:#EEEEEE;}
.performance-section .btnWrap .detail_btn:hover{background:#1461D3;}
.performance-section .btnWrap .detail_btn span{font-weight: bold; font-family: "Poppins", sans-serif; color:#6D6D6D}
.performance-section .btnWrap .detail_btn img.de{display:block;}
.performance-section .btnWrap .detail_btn img.on{display:none;}
.performance-section .btnWrap .detail_btn:hover span{color:#fff;}

.performance-section .btnWrap .detail_btn .de{display:block;}
.performance-section .btnWrap .detail_btn .pt{display:none;}
.performance-section .btnWrap .detail_btn:hover .de{display:none;}
.performance-section .btnWrap .detail_btn:hover .pt{display:block;}

.performance-section .perpormanceSwipe{margin-left:-5.1458vw}
.performance-section .perpormanceSwipe .visualItem{padding:2.8646vw 1.5625vw 2.3438vw; width:27.6042vw; max-width: 530px; border:1px solid #7A7A7A; border-left:0; position:relative;}
.performance-section .perpormanceSwipe .visualItem .thumb{position:relative; max-height:469px; height:24.43vw;}
.performance-section .perpormanceSwipe .visualItem .thumb::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); transition: all .3s;}
.performance-section .perpormanceSwipe .visualItem:hover .thumb::after {background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #1461D3 100%);}
.performance-section .perpormanceSwipe .visualItem .thumb img{width:100%; height:100%; object-fit:cover;}
.performance-section .perpormanceSwipe .visualItem .txtWrap{position:absolute; bottom:0; left:0; padding: 1.7708vw 1.5625vw; width:100%; z-index: 1;}
.performance-section .perpormanceSwipe .visualItem .txtWrap .tit{font-size: 24px; line-height: 34px; letter-spacing: 0; font-weight: 600;}
.performance-section .perpormanceSwipe .visualItem .txtWrap .desc{font-size: 18px; line-height: 28px; margin-top: 10px; font-weight: 300; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.performance-section .cursor{cursor:pointer; position: absolute; top: 50%; right: 50%; width: 130px; height: 130px; line-height:130px; border-radius: 50%; background-color: #1461D3; margin-left: -50px; margin-top: -30px; z-index: 999999; overflow: hidden; display: inline-block; font-size:16px; font-weight:700; color:#fff;  font-family: "Poppins", sans-serif; text-align:center; user-select: none; pointer-events: none; overflow:hidden; opacity:0; transform: scale(0); transition: transform .3s linear;}
.performance-section .cursor:before{content:''; display:inline-block; width:6px; height:8px; vertical-align:middle; margin:-4px 10px 0 0; background:url('/img/drag_left_ic.png') no-repeat center/100% auto;}
.performance-section .cursor:after{content:''; display:inline-block; width:6px; height:8px; vertical-align:middle; margin:-4px 0 0 10px; background:url('/img/drag_right_ic.png') no-repeat center/100% auto;}
.performance-section .cursor.on{transform: scale(1); opacity: 1; }


/* INQUIRY */
.inquiry-section{background:url(/img/inquiry_bg.png) center no-repeat; background-size: cover;}
.inquiry-section.fp-is-overflow > .fp-overflow{overflow-x:hidden;}

.inquiry-section .cont_lt .txtWrap{margin-bottom: 120px;}
.inquiry-section .cont_lt .txtWrap .tit_sub{color:#3F8CFF; font-weight: 600;}
.inquiry-section .cont_lt .txtWrap .tit{margin-top: 30px; font-size:40px; line-height: 50px;}

.inquiry-section .cont_lt .inquiryInfoBox .tit{font-size:20px; line-height: 30px; color:#fff;}
.inquiry-section .cont_lt .inquiryInfoBox .number{font-size:40px; line-height: 50px; margin: 12px 0 14px; letter-spacing: -2px; color:#fff; font-weight: bold;}
.inquiry-section .cont_lt .inquiryInfoBox .desc{font-size:16px; line-height: 26px; letter-spacing: -1px; color:#BEBEBE;}



.inquiry-section .row.flexRow{justify-content: space-between; gap:40px;}
.inquiry-section .cont_rt{flex-basis:920px}
.inquiry-section .cont_rt .formWrap .formRow{margin-bottom: 30px;}
.inquiry-section .cont_rt .formWrap .formRow:nth-child(3){margin-bottom: 20px;}
.inquiry-section .cont_rt .formWrap .formRow.formflex{display:flex; gap:20px; justify-content: space-between;}
.inquiry-section .cont_rt .formWrap label{width:100%;}
.inquiry-section .cont_rt .formWrap input{border-radius:5px; border:1px solid rgba(255,255,255,0); color:#fff; font-weight: 600; font-size: 18px; line-height: 28px; padding:16px 30px; background:rgba(255,255,255,.1); width:100%;}
.inquiry-section .cont_rt .formWrap textarea{border-radius:5px; border:1px solid rgba(255,255,255,0); color:#fff; font-weight: 600; font-size: 18px; line-height: 28px; padding:16px 30px; background:rgba(255,255,255,.1); width:100%; height:280px;}
.inquiry-section .cont_rt .formWrap input::placeholder,
.inquiry-section .cont_rt .formWrap textarea::placeholder{color:#fff}
.inquiry-section .cont_rt .formWrap input:focus,
.inquiry-section .cont_rt .formWrap textarea:focus{border:1px solid #fff;}

.inquiry-section .cont_rt .formSend {margin-top: 30px;}
.inquiry-section .cont_rt .formSend .infoProtectYn{font-size:18px; font-weight:bold; color:#fff; height:30px; display:flex; justify-content: flex-start; cursor: pointer; border-radius:0;}
.inquiry-section .cont_rt .formSend .infoProtectYn span{display:inline-block; margin-left:3px;}
.inquiry-section .cont_rt .formSend .infoProtectYn input{outline:none; padding:0;  margin-right:14px; background:url(/img/check_ic.png) no-repeat; border-radius:0; background-size:20px 20px;overflow:hidden;width:20px;height: 20px;appearance: none; -moz-appearance: none; -webkit-appearance: none; border:0;}
.inquiry-section .cont_rt .formSend .infoProtectYn input:checked{background:url(/img/checked_ic_.png) no-repeat; background-size:20px 20px; width:20px;height: 20px;}
.inquiry-section .cont_rt .formSend .infoProtectYn a{margin-left:10px; font-weight: normal; font-size:18px; height: 20px; border-bottom:1px solid #fff; font-weight:bold; color:#fff;}

.inquiry-section .cont_rt .formSend .btn_send{width:158px; line-height: 60px; font-size: 20px; border:1px solid #fff; background:none; color:#fff; border-radius:5px; font-weight: 500;}
.inquiry-section .cont_rt .formSend .btn_send:hover{ background:#fff; color:#000;}

/* FOOTER */
.footer{padding: 61px 0 56px; background: #000;}
.footer-section.fp-is-overflow > .fp-overflow{overflow-x:hidden;}
.footer.fp-auto-height.fp-section{height:210px !important; width:100%; }

.footer .logo img{width: 214px;}
.footer .footContent{display:flex; justify-content: space-between;}
.footer .footContent .info{font-size: 16px; line-height: 26px; margin-bottom: 15px;  color:#fff; font-weight:200;}
.footer .footContent .info span{margin-right: 15px; display:inline-block;}
.footer .footContent .info span.bold{color:#fff; margin-bottom: 10px; }
.footer .footContent .copy{font-size:16px; line-height: 26px; color:#8E8E8E; font-weight:200;}
.footer .list_foot{display:flex; gap:20px; align-items: center;}
.footer .list_foot li a{font-size:16px; line-height: 26px; color:#fff; display:block; font-weight: 200;}
.footer .list_foot li.line{width:1px; height:15px; background:#fff;}
.footer .list_foot li:first-child a{font-weight: bold;}

.footer .cont-lt{display:flex; align-items: start; gap:60px}
.footer .cont-rt{display:flex; align-items: start;}



/* SIDE QUICK */
.quickSide{position:fixed; right:30px; bottom:60px; z-index:52; display:flex; flex-direction: column;}
.quickSide ul{display:flex; flex-direction: column; align-items: end; gap:10px; }
.quickSide ul li{display:block; float:right}
.quickSide ul li img{width:50px;}
/* .quickSide ul li a{display:flex; align-items:center; justify-content: center; background:#fff; width:50px; height:50px; gap:30px; border-radius:30px; transition: width .2s;}
.quickSide ul li.event_more.on a.close{display:flex;}
.quickSide ul li.event_more.on a.more{display:none;}
.quickSide ul li a.close{display:none; background:#333333;}
.quickSide ul li a.close img{width:16px;}
.quickSide ul li a.more img{width:25px;}
.quickSide ul li a.event img{width:20px;}
.quickSide ul li a.top {background:#EEEEEE;}
.quickSide ul li a.top img{width:17px;}
.quickSide ul li a span{display:none; color:#254ACD; font-size: 14px; line-height: 24px; width:50px; font-weight: 700; white-space:nowrap;}
.quickSide ul li a.event:hover{width:150px; transition: width .2s;}
.quickSide ul li a.event:hover span{display:block;}

.quickSide ul.more_list{margin-bottom:-110px; transition:all .5s;}
.quickSide ul.more_list.on{margin-bottom:10px; transition:all .5s;} */



/* SUBVISUAL */
.subVisual{background:url(/img/sub_visual.png) center no-repeat; height:600px; background-size:cover; position: relative; z-index: 11;}
.subVisual .subTitle{height:calc(100% - 70px); display:flex; align-items:center;}
.subVisual .subTitle .txtWrap{margin-top: 45px; letter-spacing: -1px; font-family: 'Montserrat'; }
.subVisual .subTitle .txtWrap .tit{ font-size: 60px; line-height: 70px; margin: 15px 0; color:#fff; font-weight:700;}
.subVisual .subTitle .txtWrap .tit_sub{ font-size: 18px; line-height: 28px; color:#fff; letter-spacing: 0; font-family: "Poppins", sans-serif; font-weight:bold;}
.subVisual .subTitle .txtWrap .desc{ font-size: 22px; line-height: 32px; color:#fff; font-weight:500;}
.subVisual .snbWrap{height:70px; border-top: 1px solid rgba(255,255,255,.3);}
.subVisual .snbWrap .inner{height:100%; }
.subVisual .snbWrap .pageLocation{height:100%; display:flex; align-items:center; gap:80px;}
.subVisual .snbWrap .pageLocation .homePage{width:30px; filter: invert(100%);}
.subVisual .snbWrap .pageLocation .locationItem{position: relative; height:100%;}
.subVisual .snbWrap .pageLocation .locationItem::before{content:""; display:block; width:1px; height:20px; position:absolute; top:50%; transform:translateY(-50%); left:-30px; background:rgba(255,255,255, .2);}
.subVisual .snbWrap .pageLocation .locationItem:last-child::before{left:-40px;}
.subVisual .snbWrap .pageLocation .location_a{width:235.5px; font-size:20px; line-height: 30px; margin-right: 30px; color:#000; display:block; background:url(/img/location_ico.png) right center no-repeat; background-size:20px !important;}
.subVisual .snbWrap .pageLocation .location_a.on{background:url(/img/location_ico_reverse.png) right center no-repeat; }
.subVisual .snbWrap .pageLocation .location_list{position:absolute; display:none; }
.subVisual .snbWrap .pageLocation .location_list.lopc{position:absolute; top:49px; left:-28px; width:calc(100% + 45px); padding:15px; background:#000; display:none; }
.subVisual .snbWrap .pageLocation .location_list.lopc li a{line-height:44px;}
.subVisual .snbWrap .pageLocation .location_list.on{display:block;}
.subVisual .snbWrap .pageLocation .location_list li a{font-size:20px; line-height: 30px; color:#BEBEBE;}
.subVisual .snbWrap .pageLocation .location_list li.on a,
.subVisual .snbWrap .pageLocation .location_list li:hover a{color:#fff; font-weight: bold;}
.subVisual .snbWrap .pageLocation .transList{height:100%;}
.subVisual .snbWrap .pageLocation .transList .location_a{display:none;}
.subVisual .snbWrap .pageLocation .transList .location_list{display:flex; position:static; gap:60px; height:100%;}
.subVisual .snbWrap .pageLocation .transList .location_list li{position:relative; display:flex; align-items: center;}
.subVisual .snbWrap .pageLocation .transList .location_list li.on::before,
.subVisual .snbWrap .pageLocation .transList .location_list li:hover::before{content:""; display: block; width:100%; height:2px; background:#fff; position:absolute; top:0;}


/* SUB CONTENT */
.sub-content{padding:120px 0; }
.sub-content.subBg{background:url(/img/subContent_bg.png) right 203px no-repeat; background-size: 809px;}
.sub-content .pageTit{font-size: 50px; line-height: 60px; font-weight: bold; color:#000; text-align: center;}
.sub-content .top-content{padding-top:120px; margin-bottom: 75px;}

.sub-content .content .imgContent{margin-bottom: 81px;}
.sub-content .content .contFlex .block{flex-basis: 50%;}
.sub-content .content .contFlex .block.cont_lt{padding-right:52px; }
.sub-content .content .contFlex .block.cont_rt{padding-left:87px; border-left:1px solid rgba(0,0,0,.1);}
.sub-content .content .contDesc{font-size:20px; line-height: 30px; letter-spacing: -.4px; color: #8E8E8E; font-weight: 400;}
.sub-content .content .contDesc strong{font-size:24px; font-weight: bold; display:block;}
.sub-content .content .sign{font-size: 24px; line-height: 34px; margin-top: 20px; font-weight: bold; text-align:right; color:#000;}
.sub-content .content .sign span{font-size: 20px; line-height: 30px; margin-right: 20px; font-weight: 500; display: inline-block;}
.sub-content .content .sign img{margin-left: 42px;}


/* 갤러리 슬라이드 */
.thumb_slide_wrap{position: relative;}
.thumb_slide .slide{height: 700px;}
.thumb_slide .slide img{width: 100%; height: 100%; object-fit:contain;}
.thumb_slide_arrow div{position: absolute; top: 50%; transform:translateY(-50%); width: 80px; height: 80px; border-radius:50%; border: 1px solid #E7E7E7; display: flex; align-items: center; justify-content: center; cursor: pointer; background: #fff;}
.thumb_slide_arrow div img{width: 25px;}
.thumb_slide_arrow div:hover{background: #1461D3; border-color: #1461D3;}
.thumb_slide_arrow div:hover img{filter:brightness(1000%);}
.thumb_slide_arrow .prev{left: 15px;}
.thumb_slide_arrow .next{right: 15px;}
.thumb_list_slide{margin: 30px -15px 0;}
.thumb_list_slide .slide{margin: 0 15px; height: 250px; position: relative;}
.thumb_list_slide .slide img{width: 100%; height: 100%; object-fit:cover;}
.thumb_list_slide .slide.slick-current:before{content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 5px solid #1461D3; z-index: 5;}




@media screen and (max-width:1850px){
    .visual_nav{left:30px; }
}
@media screen and (max-width:1760px){
    .visual_nav{left:10px; }
    .visual-section .scroll{left:20px;}
}

@media screen and (max-width:1700px){
    #fp-nav.fp-left,
    .visual-section .scroll{display:none;}
}

@media screen and (max-width:1680px){
    .board_inner,
    .inner,
    .visual-section .progress{padding-left:40px !important; padding-right:40px !important;}

    .visual-section .progress {padding-right: 100px !important;}

    /* SUB CONTENT */
    .sub-content .content .contDesc{font-size:16px; line-height: 26px; }
    .sub-content .content .contDesc strong{font-size:20px; }
    .sub-content .content .sign{font-size: 20px; line-height: 30px; }
    .sub-content .content .sign span{font-size: 16px; line-height: 26px; }
}

@media screen and (max-width:1600px){
    .visual_nav{left:0; }


	/* 갤러리 슬라이드 */
	.thumb_slide .slide{height: 43.75vw;}
	.thumb_slide_arrow div{width: 5.00vw; height: 5.00vw;}
	.thumb_slide_arrow div img{width: 1.56vw;}
	.thumb_slide_arrow .prev{left: 0.94vw;}
	.thumb_slide_arrow .next{right: 0.94vw;}
	.thumb_list_slide{margin: 1.88vw -0.94vw 0;}
	.thumb_list_slide .slide{margin: 0 0.94vw; height: 15.63vw;}
}

@media screen and (max-width:1580px){
    .sub-content .con-box{width:75.9494vw;}
    .sub-content .con-box .round-list li{width:19.9367vw; height:19.9367vw; margin-left: -1.2658vw;}
    .sub-content .con-box .type-group .round-list{border:0.1899vw dashed #D9D9D9;}
    .sub-content .con-box .type-group .round-list li{width:17.8797vw; height:17.8797vw;}
    .sub-content .con-box .box-list li{width:36.3924vw; height:22.1519vw; padding:4.4468vw 0 3.1892vw 3.4177vw; background:#F4F7FC url(/img/box-listBg.png) 18.9873vw 2.0253vw no-repeat; background-size: 14.5570vw;}
    .sub-content .con-box .box-list li:hover{background:#254ACD url(/img/box-listBg.png) 18.9873vw 2.0253vw no-repeat; background-size: 14.5570vw;}
    .sub-content .con-box .img-list li .desc{font-size: 1.1392vw; line-height: 1.7722vw; margin: 0.9494vw 0 2.1519vw; }
    .sub-content .con-box .ex-desc{letter-spacing: -.8px;}
}

@media screen and (max-width:1485px){
    .inquiry-section .cont_rt{flex-basis:700px}
    .footer .logo img{width: 180px;}
    .footer .footContent .info{font-size: 14px; line-height: 24px; }
    .footer .footContent .info span{margin-right: 10px; }
    .footer .footContent .copy{font-size:14px; line-height: 24px; }
    .footer .list_foot li a{font-size:14px; line-height: 24px; }
    .footer .list_foot li.line{width:1px; height:12px; }

    .footer .cont-lt{display:flex; align-items: start; gap:60px}
    .footer .cont-rt{display:flex; align-items: start;}
}

@media screen and (max-width:1360px){
    /* SUB CONTENT */
    .sub-content .content .contDesc{font-size:14px; line-height: 24px; }
    .sub-content .content .contDesc strong{font-size:18px; }
    .sub-content .content .sign{font-size: 18px; line-height: 28px; }
    .sub-content .content .sign span{font-size: 14px; line-height: 24px; }
}

@media screen and (max-width:1280px){
    .board_inner,
    .inner,
    .visual-section .progress{padding-left:3.1250vw !important; padding-right:3.1250vw !important;}

    /* TITLE */
    .txtWrap .tit{font-size: 2.3438vw; line-height: 2.9297vw; letter-spacing: -0.1172vw;}
    .txtWrap .tit_sub{font-size: 1.1719vw; line-height: 1.7578vw; letter-spacing: -0.0234vw;}
    .txtWrap .desc{font-size: 1.1719vw; line-height: 1.7578vw; letter-spacing: -0.0234vw;}

    .txtWrap.type_sub .tit{font-size: 2.3438vw; line-height: 2.9297vw; letter-spacing: -0.1172vw;}
    
    /* BTN */
    .detail_btn{padding: 0.7031vw 1.1719vw 0.7031vw 1.7188vw; border-radius:2.5781vw;}
    .detail_btn span{font-size: 0.9375vw; line-height: 1.4844vw; }
    .detail_btn img{width:1.7188vw;}

    /* HEADER */
    .header{height:5.8594vw; }
    .header .navBar{gap:5.3320vw;}
    .header .logo img{width:12.5195vw;}

    .navBar .gnb{gap:5.2734vw;}
    .navBar .gnb > li > a{font-size:1.0938vw; line-height: 1.6406vw; }
    .navBar .gnb > li::before{ width:0.4102vw; height:0.4102vw; top:1.0547vw; }

    .header .navBar .gnb > li > .depth_2{padding:2.3438vw 0 0 ; width:6.2500vw;}
    .header .navBar .gnb > li > .depth_2 li{margin-bottom:0.5859vw;}
    .header .navBar .gnb > li > .depth_2 li > a{font-size: 1.0938vw; line-height: 1.6406vw; }
    .header .navBar .gnb::before{height:15.5469vw; top:5.8594vw; background-size:57.4219vw;}

    .navBar .util-list .all_menu{width:1.6406vw;}

    /* SITE MAP & ALL MENU */
    .allMenu{padding: 7.8125vw; background:#fff; z-index:101;}
    .allMenu .logo .tit{font-size: 3.9063vw; }
    .allMenu .logo .menuClose{width:3.1250vw; top:1.9531vw; right:1.9531vw;}
    .allMenu .mapList{margin-top: 8.5938vw;}
    .allMenu .mapList > li{padding-left: 2.6352vw;}
    .allMenu .mapList > li:hover > a::before,
    .allMenu .mapList > li.on > a::before{top:-1.5625vw; left:0; width:1.0000vw; height:1.0000vw; }
    .allMenu .mapList > li > a{font-size: 1.5625vw;  margin-bottom: 2.9688vw; }
    .allMenu .mapList > li > .depth_2 li > a{font-size:1.0938vw; margin-bottom: 0.9375vw;}



    /* VISUAL SWIPE */
    .visualSwipe .txtWrap .exclam{ font-size: 1.0938vw; line-height: 1.6406vw;}
    .visualSwipe .txtWrap .tit{ font-size: 3.5156vw; line-height: 4.1016vw; margin:0.8789vw 0; }
    .visualSwipe .txtWrap .desc{ font-size: 1.3281vw; line-height: 1.8750vw; }

    .visualSwipe .btnWrap{margin-top: 1.9234vw;}

    /* PROGRESS */ 
    .visual-section .progress {gap:0.5859vw; bottom:3.9648vw; padding-right: 6.33vw !important;}
    .visual-section .progress > li {width:4.6875vw; }
    .visual-section .progress > li::before{height:0.1758vw;}
    .visual-section .progress > li .bar {height:0.1758vw; }


    /* FULL PAGE ETC */
    .visual_nav{left:0.5078vw;}
    .visual_nav li.active{margin-bottom: 2.9297vw;}
    .visual_nav li i{top:-1.9531vw; left:50%; width:0.5859vw; height:0.5859vw; }
    .visual_nav li a span{font-size:0.9375vw; line-height: 1.5234vw; }
    .visual_nav li.active::after{width:0.0781vw; height:2.9297vw; margin:0.7422vw auto 0;}



    /* SOLUTION */
    .solution-company .txtWrap{margin-bottom: 3.3789vw;}
    .solution-company .txtWrap .tit{margin: 2.6758vw 0 2.1875vw;}
    .solution-company .txtWrap .bigTit{ margin-top: 1.1719vw;}
    .solution-company .txtWrap .bigTit img{width:44.2188vw;}
	.solution-company .count_wrap{margin-top: 4.69vw;}
	.solution-company .count_wrap strong{font-size: 2.13vw; letter-spacing: -0.16vw;}
	.solution-company .count_wrap p{font-size: 2.13vw;}
	.solution-company .count_wrap p .count{font-size: 4.08vw; width: 20.39vw;}



    /* PROCESS SECTION */
    .process-section .itemBox .tit{margin:0.5859vw 0 2.9297vw; font-size: 2.9297vw; line-height: 3.5156vw;}
    .process-section .itemBox:hover .dropBox {margin-bottom: 2.1680vw; }
    .process-section .itemBox .dropBox .desc{margin-bottom: 1.1719vw;}
    .process-section .itemBox .dropBox .hashBox .hash{font-size:1.0547vw; line-height: 1.6406vw; padding:0.5859vw 1.1719vw; border-radius:0.2930vw;}


    /* PROMOTION */
    .performance-section{background-size:141.0156vw; }

    .performance-section .performance_header{margin-bottom: 3.1250vw;}
    .performance-section .txtWrap .tit{margin-top: 0.2930vw;}

    .performance-section .perpormanceSwipe{margin-left:-11.9516vw}
    .performance-section .perpormanceSwipe .visualItem{padding:3.2031vw 2.3438vw 3.8281vw; width:31.0938vw; max-width: 31.0938vw; }
	.performance-section .perpormanceSwipe .visualItem .thumb{height:26.316vw;}
    .performance-section .perpormanceSwipe .visualItem .txtWrap{padding: 1.9531vw 1.7578vw; width:100%;}
    .performance-section .perpormanceSwipe .visualItem .txtWrap .tit{font-size: 1.4063vw; line-height: 1.9922vw}
    .performance-section .perpormanceSwipe .visualItem .txtWrap .desc{font-size: 1.0938vw; line-height: 1.6406vw; margin-top: 0.5859vw; }

    .performance-section .cursor{width: 7.0313vw; height: 7.0313vw; line-height:7.0313vw; margin-left: -3.1250vw; margin-top: -1.5625vw; font-size:0.9375vw; }
    .performance-section .cursor:before{width:0.4688vw; height:0.4688vw; margin:-0.3125vw 0.6250vw 0 0; }
    .performance-section .cursor:after{width:0.4688vw; height:0.4688vw; margin:-0.3125vw 0 0 0.6250vw; }


    /* INQUIRY */
    .inquiry-section .cont_lt .txtWrap{margin-bottom: 6.9922vw;}
    .inquiry-section .cont_lt .txtWrap .tit{margin-top: 1.7578vw; font-size:2.3438vw; line-height: 2.9297vw;}

    .inquiry-section .cont_lt .inquiryInfoBox .tit{font-size:1.1719vw; line-height: 1.7578vw; }
    .inquiry-section .cont_lt .inquiryInfoBox .number{font-size:2.3438vw; line-height: 2.9297vw; margin: 0.6641vw 0 0.7813vw; letter-spacing: -0.1172vw; }
    .inquiry-section .cont_lt .inquiryInfoBox .desc{font-size:0.9375vw; line-height: 1.5234vw; letter-spacing: -0.0586vw; }

    .inquiry-section .row.flexRow{gap:0.7813vw;}
    .inquiry-section .cont_rt{flex-basis:53.9063vw}
    .inquiry-section .cont_rt .formWrap .formRow{margin-bottom: 2.3438vw;}
    .inquiry-section .cont_rt .formWrap .formRow:nth-child(3){margin-bottom: 0.6641vw;}
    .inquiry-section .cont_rt .formWrap .formRow.formflex{gap:1.1719vw; }
    .inquiry-section .cont_rt .formWrap input{border-radius:0.2930vw; font-size: 1.0938vw; line-height: 1.6406vw; padding:1.2305vw 1.7578vw; }
    .inquiry-section .cont_rt .formWrap textarea{border-radius:0.2930vw; font-size: 1.4063vw; line-height: 2.1875vw; padding:1.2305vw 1.7578vw; height:16.4063vw;}

    .inquiry-section .cont_rt .formSend {margin-top: 0.6445vw;}
    .inquiry-section .cont_rt .formSend .infoProtectYn{font-size:1.0938vw; height:1.6406vw; font-weight: 500;}
    .inquiry-section .cont_rt .formSend .infoProtectYn span{margin-left:0.1563vw;}
    .inquiry-section .cont_rt .formSend .infoProtectYn input{margin-right:0.8203vw; background-size:1.1719vw 1.1719vw; width:1.1719vw; height: 1.1719vw;}
    .inquiry-section .cont_rt .formSend .infoProtectYn input:checked{background-size:1.1719vw 1.1719vw; width:1.1719vw;height: 1.1719vw;}
    .inquiry-section .cont_rt .formSend .infoProtectYn a{margin-left:0.8203vw; font-size:1.0938vw; height: 1.4063vw; font-weight: 500;}

    .inquiry-section .cont_rt .formSend .btn_send{width:9.2578vw; line-height: 3.5547vw; font-size: 1.1719vw; border-radius:0.2930vw; }


    /* FOOTER */
    .footer{padding: 3.5742vw 0 3.1641vw; }
    .footer.fp-auto-height.fp-section{height:12.3047vw !important; }

    .footer .logo img{width: 12.5195vw;}
    .footer .footContent .info{font-size: 0.9375vw; line-height: 1.5234vw; margin-bottom: 0.8789vw;  }
    .footer .footContent .info span{margin-right: 0.8789vw; }
    .footer .footContent .info span.bold{margin-bottom: 0.7813vw; }
    .footer .footContent .copy{font-size:0.9375vw; line-height: 1.5234vw; }
    .footer .list_foot{gap:1.1719vw; }
    .footer .list_foot li a{font-size:0.9375vw; line-height: 1.5234vw; }
    .footer .list_foot li.line{width:0.0781vw; height:0.8789vw; }

    .footer .cont-lt{gap:3.8867vw}


    

    /* SIDE QUICK */
    .quickSide{right:1.52vw; bottom:13.5547vw; }
    .quickSide ul{gap:0.5859vw; }
    .quickSide ul li img{width:2.9297vw;}

    /* SUBVISUAL */
    .subVisual{height:35.1563vw; }
    .subVisual .subTitle{height:calc(100% - 4.1016vw); }
    .subVisual .subTitle .txtWrap{margin-top: 2.5391vw; }
    .subVisual .subTitle .txtWrap .tit{ font-size: 3.5156vw; line-height: 4.1016vw; margin: 0.8789vw 0;}
    .subVisual .subTitle .txtWrap .tit_sub{ font-size: 1.0938vw; line-height: 1.6406vw; }
    .subVisual .subTitle .txtWrap .desc{ font-size: 1.3281vw; line-height: 1.8750vw; }
    .subVisual .snbWrap{height:4.1016vw; }
    .subVisual .snbWrap .pageLocation{gap:60px;}
    .subVisual .snbWrap .pageLocation .homePage{width:1.7578vw;}
    .subVisual .snbWrap .pageLocation .transList .location_list{gap:3.1250vw; }
    .subVisual .snbWrap .pageLocation .location_list li a{font-size:1.1719vw; line-height: 1.7578vw; letter-spacing: -0.0234vw;}
    .subVisual .snbWrap .pageLocation .locationItem:last-child::before{left:-2.3438vw;}

    .board_inner .pageTit {margin-bottom: 7.0313vw;}
    /* SUB CONTENT */
    .sub-content{padding:7.0313vw 0; }
    .sub-content.subBg{background:url(/img/subContent_bg.png) right 11.9336vw no-repeat; background-size: 47.4219vw;}
    .sub-content .pageTit{font-size: 2.9688vw; line-height: 3.5156vw; }
    .sub-content .top-content{padding-top:7.0313vw; margin-bottom: 4.3945vw;}

    .sub-content .content .imgContent{margin-bottom: 4.7461vw;}
    .sub-content .content .contFlex .block.cont_lt{padding-right:3.1445vw; }
    .sub-content .content .contFlex .block.cont_rt{padding-left:5.2148vw; }
    .sub-content .content .contDesc{font-size:1.1719vw; line-height: 1.7578vw; letter-spacing: -0.0234vw; }
    .sub-content .content .contDesc strong{font-size:1.4063vw; }
    .sub-content .content .sign{font-size: 1.4063vw; line-height: 1.9922vw; margin-top: 1.0156vw; }
    .sub-content .content .sign span{font-size: 1.1719vw; line-height: 1.7578vw; margin-right: 1.1719vw}
    .sub-content .content .sign img{margin-left: 2.4805vw; width:9.9609vw;}
}


@media screen and (max-width:768px){
    .board_inner,
    .inner,
    .visual-section .progress{padding-left:3.1250vw !important; padding-right:3.1250vw !important;}

    .hidden-pc{display:block !important;}
    .hidden-mo{display:none !important;}


    /* TITLE */
    .txtWrap .tit{font-size: 7.2917vw; line-height: 9.8958vw; letter-spacing: -0.5208vw;}
    .txtWrap .tit_sub{font-size: 3.6458vw; line-height: 6.2500vw; letter-spacing: -0.1042vw;}
    .txtWrap .desc{font-size: 3.6458vw; line-height: 6.2500vw; letter-spacing: -0.1042vw;}

    .txtWrap.type_sub .tit{font-size: 6.7708vw; line-height: 9.8958vw; letter-spacing: -0.5208vw;}
    .txtWrap.type_sub .desc{letter-spacing: -0.0981vw;}


    /* BTN */
    .detail_btn{padding: 2.2135vw 3.6458vw 2.2135vw 5.4688vw; border-radius:9.1146vw;}
    .detail_btn span{font-size: 3.1250vw; line-height: 4.6875vw; }
    .detail_btn img{width:5.4688vw;}

    
    /* HEADER */
    .header{height:15.6250vw;}
    .header .logo img{width:36.4063vw;}

    .navBar .gnb{display:none;}
    .navBar .util-list .all_menu{width:3.9063vw;}
    

    /* SITE MAP & ALL MENU */
    .allMenu{top:0; left:initial; right:0; padding:0; width:100%; background:#fff ;}
    .allMenu .inner{height:100vh; overflow:auto;}

    .allMenu .menuHeader{align-items: start; padding-top:21.5898vw; margin-bottom: 11.7617vw; position:relative}
    .allMenu .menuHeader .logo .tit{display:none;}
    .allMenu .menuHeader .mapLogo{display:block; margin-top: 0;}
    .allMenu .menuHeader .mapLogo img{width:41.5169vw;}
    .allMenu .menuHeader .titWrap{display:none;}
    .allMenu .logo .menuClose{width:6.2500vw; right:-1.3099vw; top:4.4297vw;}

    .allMenu .mapList{border-top:0.1302vw solid rgba(255,255,255, .1); flex-direction: column; border-top:0.1302vw solid #BEBEBE;}
    .allMenu .mapList > li{width:100%; padding:3.5182vw 0; display:block; background:url(/img/arrow_down.png) 86.4583vw 4.4297vw no-repeat; background-size:4.2995vw !important; border-right: 0; border-bottom:0.1302vw solid #BEBEBE;}
    .allMenu .mapList > li.drop{background:url(/img/arrow_up.png) 86.4583vw 4.4297vw no-repeat;}
    .allMenu .mapList > li.drop > a {color: #1461D3;}
    .allMenu .mapList > li > a{margin-bottom: 0; padding:0 3.1250vw}
    .allMenu .mapList > li > a > span{width:100%; font-size:4.1667vw; line-height: 5.4688vw;}
    .allMenu .mapList > li.drop > .depth_2{display:block;}

    .allMenu .mapList > li > .depth_2{width:100%; margin: 3.5182vw 0; display:none; padding-top: 7.4987vw; border-top:0.1302vw solid #BEBEBE;}
    .allMenu .mapList > li > .depth_2 > ul{display:flex; flex-direction: column; gap:2.8646vw; margin-left: 0; padding:0 3.1250vw}
    .allMenu .mapList > li > .depth_2 > ul > li{width:100%; }
    .allMenu .mapList > li > .depth_2 > ul > li > a{ font-size:3.6458vw; line-height: 4.9479vw; color:#8E8E8E; display:inline-block; border-bottom:1px solid rgba(255,255,255,0)}
    .allMenu .mapList > li > .depth_2 > ul > li:hover > a{color:#1461D3; border-bottom:0.1302vw solid #1461D3;}

    .allMenu .mapList > li:hover > a::before, .allMenu .mapList > li.on > a::before{display:none;}

    .allMenu .depth_3{margin-top: 1.9531vw; display:none;}



    /* VISUAL SWIPE */
    .fp-scrollable .fp-section.visual-section:not(.fp-auto-height):not([data-percentage]){height:158.3333vw !important;/*208.3333vw !important;*/ min-height:auto !important;}
    .fp-responsive .fp-is-overflow.visual-section .fp-overflow{height:100%; max-height: 100%;}

    .visualSwipe .visualItem.item1 .visualImg{background:url(/img/visual_m_bg01.png) no-repeat;}
    .visualSwipe .visualItem.item2 .visualImg{background:url(/img/visual_m_bg01.png) no-repeat;}

    .visualSwipe .txtWrap .exclam{ font-size: 3.6458vw; line-height: 6.2500vw; letter-spacing: -0.1042vw; }
    .visualSwipe .txtWrap .tit{ font-size: 9.1146vw; line-height: 11.7188vw; margin:3.9063vw 0; }
    .visualSwipe .txtWrap .desc{ font-size: 3.6458vw; line-height: 6.2500vw; }

    .visualSwipe .btnWrap{margin-top: 8.7930vw}

    /* PROGRESS */ 
    .visual-section .progress,
    .visual_nav {display:none !important;}



    /* SOLUTION */
    .fp-scrollable .fp-section.solution-company:not(.fp-auto-height):not([data-percentage]){height:auto !important; min-height:auto !important; padding:18.2292vw 0 31.2500vw;}
    .fp-responsive .fp-is-overflow.solution-company .fp-overflow{height:100%; max-height: 100%;}

    /* SOLUTION */
    .solution-company .txtWrap{margin-bottom: 10.4167vw;}
    .solution-company .txtWrap .tit{margin: 11.7188vw 0 7.8125vw;}
    .solution-company .txtWrap .bigTit{ margin-top: 2.6042vw;}
    .solution-company .txtWrap .bigTit img{width:92.0573vw;}
	.solution-company .count_wrap{margin-top: 7.81vw;}
	.solution-company .count_wrap strong{font-size: 5.21vw; letter-spacing: -0.26vw;}
	.solution-company .count_wrap p{font-size: 5.21vw;}
	.solution-company .count_wrap p .count{font-size: 8.46vw; width: 26.32vw;}



    /* PROCESS SECTION */
    .fp-scrollable .fp-section.process-section:not(.fp-auto-height):not([data-percentage]){height:auto !important; min-height:auto !important; }
    .fp-responsive .fp-is-overflow.process-section .fp-overflow{height:100%; max-height: 100%;}

    .process-section .row{flex-direction: column;}
    .process-section .itemBox{width:100%; height:98.9583vw;}
    .process-section .itemBox .tit{margin:2.6042vw 0 5.2083vw; font-size: 7.8125vw; line-height: 6.2500vw;}
    .process-section .itemBox:hover{width:100%;}
    /* .process-section .itemBox:hover::before,
    .process-section .itemBox:hover .dropBox {display:none; } */
    .process-section .itemBox .dropBox .hashBox .hash{font-size: 3.0547vw;line-height: 1.6406vw;padding: 2.859vw 2.719vw 2.5859vw;border-radius: 0.730vw;}



    /* PROMOTION */
    .fp-scrollable .fp-section.performance-section:not(.fp-auto-height):not([data-percentage]){height:auto !important; min-height:auto !important;}
    .fp-responsive .fp-is-overflow.performance-section{height:auto !important; min-height:auto !important; }
    .fp-responsive .fp-is-overflow.performance-section .fp-overflow{height:100%; max-height: 100%;}
    .performance-section{background-size:388.0208vw; padding:30.4688vw 0 18.2292vw;}

    .performance-section .performance_header{margin-bottom: 11.7188vw; flex-direction: column; align-items: start; }
    .performance-section .txtWrap .tit{margin-top: 1.3021vw;}
    .performance-section .btnWrap{margin-top: 5.2083vw;}

    .performance-section .perpormanceSwipe{margin-left:0;}
    .performance-section .perpormanceSwipe .visualItem{padding:9.1146vw 5.2083vw 11.7188vw; width:83.3333vw; max-width: 83.3333vw; }
	.performance-section .perpormanceSwipe .visualItem .thumb{height:72.719vw;}
    .performance-section .perpormanceSwipe .visualItem .txtWrap{padding: 5.3997vw 4.8607vw; }
    .performance-section .perpormanceSwipe .visualItem .txtWrap .tit{font-size: 3.9063vw; line-height: 5.4688vw}
    .performance-section .perpormanceSwipe .visualItem .txtWrap .desc{font-size: 2.9167vw; line-height: 4.5313vw; margin-top: 1.6198vw; }

    .performance-section .cursor.on{opacity:0;}


    /* INQUIRY */
    .fp-scrollable .fp-section.inquiry-section:not(.fp-auto-height):not([data-percentage]){height:auto !important; min-height:auto !important;}
    .fp-responsive .fp-is-overflow.inquiry-section{height:auto !important; min-height:auto !important; }
    .fp-responsive .fp-is-overflow.inquiry-section .fp-overflow{height:100%; max-height: 100%;}

    .inquiry-section{padding:16.2760vw 0 18.2292vw;}
    .inquiry-section .cont_lt .txtWrap{margin-bottom: 7.8125vw;}
    .inquiry-section .cont_lt .txtWrap .tit{margin-top: 2.6042vw; font-size:7.8125vw; line-height: 10.4167vw; letter-spacing: -0.5208vw;}

    .inquiry-section .cont_lt .inquiryInfoBox .tit{display:none; }
    .inquiry-section .cont_lt .inquiryInfoBox .number{font-size:7.2917vw; line-height: 9.8958vw; margin: 0 0 2.6042vw; letter-spacing: -0.5208vw; display:flex; gap:3.1250vw; align-items: center;}
    .inquiry-section .cont_lt .inquiryInfoBox .number span{font-size: 4.1667vw; line-height: 6.7708vw; letter-spacing: -0.1042vw;}
    .inquiry-section .cont_lt .inquiryInfoBox .desc{font-size:4.1667vw; line-height: 6.7708vw; letter-spacing: -0.2604vw; }

    .inquiry-section .row.flexRow{gap:10.4167vw; flex-direction: column;}
    .inquiry-section .cont_rt{flex-basis:100%}
    .inquiry-section .cont_rt .formWrap .formRow{margin-bottom: 2.6042vw;}
    .inquiry-section .cont_rt .formWrap .formRow:nth-child(3){margin-bottom: 15.8854vw;}
    .inquiry-section .cont_rt .formWrap .formRow.formflex{gap:2.6042vw; flex-direction: column;}
    .inquiry-section .cont_rt .formWrap input{border-radius:1.3021vw; font-size: 3.6458vw; line-height: 7.2917vw; padding:2.8646vw 5.2083vw; }
    .inquiry-section .cont_rt .formWrap textarea{border-radius:1.3021vw; font-size: 3.6458vw; line-height: 7.2917vw; padding:2.8646vw 5.2083vw; height:65.1042vw;}

    .inquiry-section .cont_rt .formSend {margin-top: 15.8854vw;}
    .inquiry-section .cont_rt .formSend .infoProtectYn{font-size:3.6458vw; height:6.2500vw; }
    .inquiry-section .cont_rt .formSend .infoProtectYn span{margin-left:0.6510vw;}
    .inquiry-section .cont_rt .formSend .infoProtectYn input{margin-right:2.6042vw; background-size:3.9063vw; width:3.9063vw; height: 3.9063vw;}
    .inquiry-section .cont_rt .formSend .infoProtectYn input:checked{background-size:3.9063vw; width:3.9063vw;height: 3.9063vw;}
    .inquiry-section .cont_rt .formSend .infoProtectYn a{margin-left:2.6042vw; font-size:3.6458vw; height: 3.6458vw; }

    .inquiry-section .cont_rt .formSend .submit{text-align:center; margin-top: 7.8125vw; }
    .inquiry-section .cont_rt .formSend .btn_send{width:27.4740vw; line-height: 10.4167vw; font-size: 3.4727vw; border-radius:0.8685vw; }


    /* FOOTER */
    .footer{padding: 15.8568vw 0 13.0911vw; }
    .footer-section.fp-is-overflow > .fp-overflow{overflow:hidden;}
    .footer.fp-auto-height.fp-section{height:93.7500vw !important; }

    .footer .logo img{width: 36.4063vw;}
    .footer .footContent{gap:7.8125vw; flex-direction: column;}
    .footer .footContent .info{font-size: 3.6458vw; line-height: 6.2500vw; margin-bottom: 3.9063vw; letter-spacing: -0.2604vw;}
    .footer .footContent .info span{margin-right: 1.4648vw; margin-bottom: 0.5208vw;}
    .footer .footContent .info span.boldM{font-size: 4.1667vw; line-height: 6.2500vw; font-weight: bold;}
    .footer .footContent .copy{font-size:3.1250vw; line-height: 5.7292vw; letter-spacing: -0.2604vw; }
    .footer .list_foot{gap:3.9063vw; }
    .footer .list_foot li a{font-size:3.6458vw; line-height: 6.2500vw; letter-spacing: -0.1563vw; }
    .footer .list_foot li.line{display:none;}

    .footer .cont-lt{flex-direction: column; gap:7.8125vw;}
    


    /* SIDE QUICK */
    .quickSide{right:2.6042vw; bottom:6.5104vw; }
    .quickSide ul{gap:2.0833vw; }
    .quickSide ul li img{width:10.4167vw;}



    /* SUBVISUAL */
    .subVisual{background:url(/img/sub_visual_m.png) center no-repeat; height:143.2292vw; background-size: cover;}
    .subVisual .subTitle{height:calc(100% - 14.0625vw);}
    .subVisual .subTitle .txtWrap{margin-top: 7.0313vw; }
    .subVisual .subTitle .txtWrap .tit{ font-size: 9.1146vw; line-height: 11.7188vw; margin: 3.9063vw 0;}
    .subVisual .subTitle .txtWrap .tit_sub{ font-size: 3.6458vw; line-height: 6.2500vw; }
    .subVisual .subTitle .txtWrap .desc{ font-size: 3.6458vw; line-height: 6.2500vw; }
    .subVisual .snbWrap{height:14.0625vw; border-top: 0;}
    .subVisual .snbWrap .inner{padding:0 !important;}
    .subVisual .snbWrap .pageLocation{gap:0}
    .subVisual .snbWrap .pageLocation .homeBox{padding-left: 2.6042vw; width:11.0625vw; display:flex; justify-content: start;}
    .subVisual .snbWrap .pageLocation .homePage{width:5.2083vw;}
    .subVisual .snbWrap .pageLocation .locationItem{height:100%; display:flex; align-items: center; width:44.9896vw;}
    .subVisual .snbWrap .pageLocation .locationItem::before{height:3.4727vw; left:-0; background: #fff;}
    .subVisual .snbWrap .pageLocation .locationItem:last-child::before{left:-0}
    .subVisual .snbWrap .pageLocation .location_a{width:100%; height:100%; padding-left:3.1250vw; display:flex; align-items:center; font-size:3.6458vw; line-height: 6.7708vw; margin-right: 0; background-size:3.2552vw !important; background-position:36.3281vw center !important; font-weight: 700; color:#fff;}
    .subVisual .snbWrap .pageLocation .location_a.on{background: #254ACD url(/img/location_ico_reverse.png) right center no-repeat; color:#fff;}
    .subVisual .snbWrap .pageLocation .location_list{position:absolute; display:none; border:0.1302vw solid #BEBEBE; border-top:0;}
    .subVisual .snbWrap .pageLocation .location_list.lopc{position:absolute; top:14.0625vw; left:0; width:100%; padding:0; background:#fff;}
    .subVisual .snbWrap .pageLocation .location_list.lopc li a{font-size:3.1250vw; line-height: 10.0208vw; display: block; width: 100%; height: 100%;} /**/
    .subVisual .snbWrap .pageLocation .location_list.on{display:block; z-index:2;}
    .subVisual .snbWrap .pageLocation .location_list li{border-bottom:0.1302vw solid #BEBEBE;}
    .subVisual .snbWrap .pageLocation .location_list li:last-child{border-bottom:0;}
    .subVisual .snbWrap .pageLocation .location_list li a{font-size:4.1667vw; line-height: 13.0208vw; padding-left:3.2552vw; color:#000; }
    .subVisual .snbWrap .pageLocation .location_list li.on a,
    .subVisual .snbWrap .pageLocation .location_list li:hover a{color:#254ACD; font-weight: 700;}
    .subVisual .snbWrap .pageLocation .transList .location_a{display:flex;}
    .subVisual .snbWrap .pageLocation .transList .location_list{display:none; position:absolute; top:14.0625vw; left:0; width:100%; height:auto; background:#fff ; }
    .subVisual .snbWrap .pageLocation .transList .location_list.on{display:block; }
    .subVisual .snbWrap .pageLocation .transList .location_list li{position:relative; display: revert;}
    .subVisual .snbWrap .pageLocation .transList .location_list li a{font-size:3.1250vw; line-height: 10.0208vw; display: block; width: 100%; height: 100%;}
    .subVisual .snbWrap .pageLocation .transList .location_list li.on::before,
    .subVisual .snbWrap .pageLocation .transList .location_list li:hover::before{display:none;}


    .board_inner .pageTit {margin-bottom: 15.3646vw;}
    /* SUB CONTENT */
    .sub-content{padding:18.2292vw 0; }
    .sub-content.subBg{background:none; }
    .sub-content .pageTit{font-size: 7.8125vw; line-height: 10.4167vw; }
    .sub-content .top-content{padding-top:15.3646vw; margin-bottom: 14.5833vw;}

    .sub-content .content .imgContent{margin-bottom: 15.6250vw; width: calc(100% + 6.25vw); margin-left: -3.125vw;}
    .sub-content .content .contFlex{flex-direction: column;}
    .sub-content .content .contFlex .block{flex-basis: 100%;}
    .sub-content .content .contFlex .block.cont_lt{padding-right:0; }
    .sub-content .content .contFlex .block.cont_rt{padding-left:0; border:0; }
    .sub-content .content .contDesc{font-size:3.6458vw; line-height: 5.7292vw; letter-spacing: -0.1302vw; }
    .sub-content .content .contDesc strong{font-size:4.9479vw; line-height: 6.2500vw; margin-bottom: 1.3021vw;}
    .sub-content .content .sign{font-size: 4.9479vw; line-height: 6.2500vw; margin-top: 10.5469vw; letter-spacing: -3%; text-align: left;}
    .sub-content .content .sign span{font-size: 3.6458vw; line-height: 4.9479vw; margin-right: 3.2552vw; letter-spacing: -0.1042vw;}
    .sub-content .content .sign img{margin-left: 5.2083vw; width:31.2500vw;}


	/* 갤러리 슬라이드 */
	.dpp_view_con{padding-left: 0; padding-right: 0;}
	.thumb_slide .slide{height: 67.75vw;}
	.thumb_slide_arrow div{width: 10.00vw; height: 10.00vw;}
	.thumb_slide_arrow div img{width: 3.56vw;}
	.thumb_slide_arrow .prev{left: 1.94vw;}
	.thumb_slide_arrow .next{right: 1.94vw;}
	.thumb_list_slide{margin: 2.48vw -1.24vw 0;}
	.thumb_list_slide .slide{margin: 0 1.24vw; height: 30.63vw;}
}
