img{max-width:100%;}
input:focus{outline:none;}
.fp-watermark{display:none;}
.fp-overflow{height:100vh;}

:root{
    --contentList-height : 0;
    --font-pre : "Pretendard", sans-serif;
    --font-pop : "Poppins", sans-serif;
}

/* COMMON */
.inner{width:100%; max-width:1600px; margin:0 auto; }

.poppins_f{font-family: "Poppins", sans-serif;}
.montser_f{font-family: 'Montserrat';}
.pre_f{font-family: 'Pretendard' !important;}
.row.flexRow{display:flex;}

.txtC{text-align:center;}
.txtR{text-align:right;}
.txtL{text-align:left;}

.point{color:#172876;}

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

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;}
.detail_btn span{font-size: 16px; line-height: 26px; font-weight:500; color:#fff; }
.detail_btn img{width:30px;}
.detail_btn img.de{display:block;}
.detail_btn img.on{display:none;}
.detail_btn:hover{background:#fff; }
.detail_btn:hover span{color:#DE3B3B;}
.detail_btn:hover img.de{display:none;}
.detail_btn:hover img.on{display:block;}


/* TITLE */
.txtWrap .tit{font-size: 50px; line-height: 60px; color:#fff; font-weight: 800;}
.txtWrap .tit_sub{font-size: 35px; line-height: 45px; letter-spacing: -1px; color:#fff;  font-weight: 800;}
.txtWrap .desc{font-size: 20px; line-height: 30px; color:#fff; font-weight: 400;}

.txtWrap.dark .tit{color:#333; }
.txtWrap.dark .tit_sub{color:#333; }
.txtWrap.dark .desc{color:#8E8E8E;}

.txtWrap.type_sub .tit{font-size: 45px; line-height: 45px; 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;}


/* FULL PAGE ETC */
#fp-nav.fp-left{left:50px;}
#fp-nav ul li{width:8px; height:8px; border:1px solid #fff; border-radius:50%;}
#fp-nav ul li a span{background:none;}
#fp-nav ul li a.active span{background:#fff; width:8px !important; height:8px !important; margin:-4px 0 0 -4px !important;}
#fp-nav ul li:last-child{display:none;}

/* HEADER */
.header{height:90px; position:fixed; top:0; left:0; width:100%; z-index:1000;}
.header .inner,
.header .row{height:100%;}
.header .row{display:flex; justify-content: space-between;}
.header .navBar{display:flex; justify-content: space-between;}
.header .logo{display:flex; align-items: center;}
.header .logo img{width:90px;}
.header .logo img.logoDe{display:block;}
.header.on .logo img.logoDe{display:none;}
.header.on .logo img.logoBl{display:block;}
.header .logo img.logoBl{display:none;}

.header.fixed{background: #151515;}

.navBar .gnb{display:flex; align-items: center; gap:50px;}
.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: 700;}
.navBar .gnb > li > a > span{border-top:2px solid rgba(0,0,0,0); padding-top: 4px;}
.header.on .navBar .gnb > li > a{color:#333;}
.navBar .gnb > li:hover > a > span{border-top:2px solid #DE3B3B; padding-top: 4px;}

.navBar .gnb > li:hover > .depth_2{ top:77px; left:50%; height:auto; transform: translateX(-50%); display:block; z-index: 1000;}
.navBar .gnb > li:hover > .depth_2::before{height:100%; transition:height .3s ease;}

.navBar .depth_2,
.navBar .depth_3{width:170px; position:absolute; height:0; }

.navBar .depth_2::before{content:""; display:block; height:0; width:100%; background:#1B1B1B; position:absolute;}
.navBar .depth_2 > ul{overflow:hidden; height:0;}
.navBar .depth_2 > ul > li{position:relative; opacity:0;}
.navBar .depth_2 > ul > li > a{font-size:14px; display: block; line-height: 40px; padding-left:20px; color:#A8A8A8;}
.navBar .depth_2 > ul > li:hover > a{color:#fff; background:#494949; font-weight: bold;}
.navBar .gnb > li:hover > .depth_2 > ul {height:auto; overflow:visible;}
.navBar .gnb > li:hover > .depth_2 > ul > li{opacity:1; transition:all 0.8s ease-in-out;}
.navBar .gnb > li:hover > .depth_2 > ul > li:nth-child(1){transition-delay: .1s;}
.navBar .gnb > li:hover > .depth_2 > ul > li:nth-child(2){transition-delay: .15s;}
.navBar .gnb > li:hover > .depth_2 > ul > li:nth-child(3){transition-delay: .2s;}
.navBar .gnb > li:hover > .depth_2 > ul > li:nth-child(4){transition-delay: .25s;}
.navBar .gnb > li:hover > .depth_2 > ul > li:nth-child(5){transition-delay: .3s;}
.navBar .gnb > li:hover > .depth_2 > ul > li:nth-child(6){transition-delay: .35s;}
.navBar .gnb > li:hover > .depth_2 > ul > li:nth-child(7){transition-delay: .4s;}

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

.navBar .util-list{display:flex; align-items: center; gap:25px; margin-left: 50px;}
.navBar .util-list li{height:100%;}
.navBar .util-list li > a{display:flex; align-items: center; height:100%;}
.navBar .util-list .lang{position:relative;}
.navBar .util-list .lang .lang-list{width:50px; position:absolute; top:77px; left:50%; transform:translateX(-50%); display:none;}
.navBar .util-list .lang .lang-list.on{display:block;}
.navBar .util-list .lang .lang-list a{font-size: 14px; line-height: 40px; display:block; text-align:center; background: #fff;}
.navBar .util-list .lang .lang-list a.on,
.navBar .util-list .lang .lang-list a:hover{background: #152057; color:#fff; font-weight: bold;}
.navBar .util-list .lang{width:28px;}
.navBar .util-list .all_menu{width:30px;}
.header.on .navBar .util-list img{filter: invert(100%);}

/* .header.fixed{background:#fff;}
.header.fixed .navBar .gnb > li > a{color:#333;}
.header.fixed .navBar .util-list img{filter: invert(100%);}
.header.fixed .logo img.logoDe{display:none;}
.header.fixed .logo img.logoBl{display:block;} */




/* SITE MAP & ALL MENU */
.allMenu.open{ display:flex; }
.allMenu{align-items: center; justify-content: center; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1001; background:#151515 url(/img/main/sitemap_bg.png) bottom right no-repeat; background-size:45.4688vw; display:none;}
.allMenu .menuHeader{display:flex; justify-content: space-between; align-items: center; /* padding-top:45px; */ margin-bottom: 40px;}
.allMenu .menuHeader .mapLogo{display:none;}
.allMenu .menuHeader .titWrap .tit{ font-size:60px; line-height: 70px; font-weight: bold; color:#fff;}
.allMenu .menuHeader .close{width:19.41px;}

.allMenu .mapList > li{padding:30px 0; display:flex; align-items: start; border-bottom:1px solid rgba(255,255,255, .1);}
.allMenu .mapList > li > a > span{width:155px; font-size:24px; line-height: 34px; font-weight: 700; color:#fff; display:block;}

.allMenu .depth_2{width:100%;}
.allMenu .depth_2 > ul{display:flex; margin-left: 150px;}
.allMenu .depth_2 > ul > li{width:20%;}
.allMenu .depth_2 > ul > li > a{ font-size:18px; line-height: 28px; font-weight: 600; color:#A8A8A8;}
.allMenu .depth_2 > ul > li:hover > a{color:#fff;}

.allMenu .depth_3{margin-top: 15px;}
.allMenu .depth_3 > li > a{font-size: 15px; line-height: 30px; color:#A8A8A8;}




/* 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 .motion{opacity:0; transform: translateY(200px); transition:all .3s;}
.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 .9s;}
.visualSwipe .slick-active .motion:nth-child(4){transition:all 1.2s;}
.visualSwipe .txtWrap .exclam{ font-size: 20px; line-height: 30px; font-family: 'Montserrat'; color:#fff; font-weight: 600;}
.visualSwipe .txtWrap .tit{ font-size: 60px; line-height: 70px; margin:20px 0; color:#fff; font-weight: 800;}
.visualSwipe .txtWrap .desc{ font-size: 24px; line-height: 34px; color:#fff; font-weight: 500;}

.visualSwipe .btnWrap{margin-top: 44.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; gap:20px; width:1600px; max-width:100%; color:#fff; position:absolute; bottom:82px; left:50%; transform: translate(-50%);}
.visual-section .progress > li {width:65px; position:relative; cursor:pointer; transition: width .2s;}
.visual-section .progress > li::before{content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:rgba(255,255,255,.3);}
.visual-section .progress > li .bar {width:0%; height:1px; background: #fff; display:block; margin-top: 15px; }
.visual-section .progress > li.active {width:180px;  transition: width .2s;}
.visual-section .progress > li.active .bar {animation:countingBar 5s linear forwards;}
.visual-section .progress > li .tit {font-size:18px; line-height: 28px; color:rgba(255,255,255, .5); display:block;}
.visual-section .progress > li.active .tit {color:#fff;}

.visual-section .scroll{position:absolute; left:50px; bottom:79px;}

@keyframes countingBar {
    0% {width: 0;}
    100% {width:100%;}
}

@keyframes fadezoom {

    0% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
    }
}

/* SOLUTION */
.solution-section.fp-is-overflow > .fp-overflow{overflow-x:hidden;}
.solution-section{overflow:hidden; background: #151515;}
.solution-section .inner{height:100%; display:flex; align-items: center;}
.solution-section .row{width:100%;}

.solution-section .txtWrap{margin-bottom: 42px;}

.accordian{display:flex; height:580px;}
.accordian .accordian_link{display:block; width:11.3275%; height:100%; transition:1.5s ease all; position: relative; display:flex; align-items: center; justify-content: center; overflow: hidden;}
.accordian .accordian_link .accordian_img_box{width:100%; height:100%; position:absolute; top:0; left:0; transition: 1s ease all;}
.accordian .accordian_link .accordian_img_box::before{content:""; display:block; width:100%; height:100%; background: rgba(0,0,0,.5); position:absolute; top:0; left:0;}
.accordian .accordian_link:nth-child(1) .accordian_img_box{background:url(/img/main/accordian_bg_01.png) center no-repeat;}
.accordian .accordian_link:nth-child(2) .accordian_img_box{background:url(/img/main/accordian_bg_02.png) center no-repeat;}
.accordian .accordian_link:nth-child(3) .accordian_img_box{background:url(/img/main/accordian_bg_03.png) center no-repeat;}
.accordian .accordian_link:nth-child(4) .accordian_img_box{background:url(/img/main/accordian_bg_04.png) center no-repeat;}
.accordian .accordian_link:nth-child(5) .accordian_img_box{background:url(/img/main/accordian_bg_05.png) center no-repeat;}

.accordian .accordian_link .accordian_tit{font-size:22px; line-height: 32px; color:#fff; font-weight: 800; position:relative; z-index:2; }
.accordian .accordian_link .accordian_hover{position:absolute; bottom:63px;  display:flex; justify-content: space-between; align-items: center; z-index:2;}
.accordian .accordian_link .accordian_hover .accordian_hover_tit{width:0; height:0; visibility:hidden; white-space: nowrap; font-size:45px; line-height: 55px; font-family: "Poppins", sans-serif; font-weight: bold; color:#fff; opacity:0; transition:1s ease opacity;}
.accordian .accordian_link .accordian_hover .accordian_btn{width:50px; height:50px; display:inline-flex; justify-content: center; align-items: center; border:1px solid #fff; border-radius:100%; transition:.5s ease all;}
.accordian .accordian_link .accordian_hover .accordian_btn img{width:18.75px; transition:.5s ease all;}

.accordian .accordian_link.on{display:block; width:54.69%; transition:.5s ease all;}
.accordian .accordian_link.on .accordian_img_box::before{display:none;}
.accordian .accordian_link.on .accordian_tit{display:none;}
.accordian .accordian_link.on .accordian_hover{width:100%; padding:0 33px 0 50px}
.accordian .accordian_link.on .accordian_hover .accordian_hover_tit{width:auto; height:auto; visibility:visible; opacity:1; transition:1s ease opacity;}
.accordian .accordian_link.on .accordian_hover .accordian_btn{background:#4B4B4B; border-color:#4B4B4B;}
.accordian .accordian_link.on .accordian_hover .accordian_btn img{transform: rotate(-405deg); transition:.5s ease all;}




/* NEWS ROOM */
.newsroom-section.fp-is-overflow > .fp-overflow{overflow-x:hidden;}
.newsroom-section{background: url(/img/main/newsroom_bg.png) center no-repeat; background-size: cover;}
.newsroom-section .inner{height:100%; display:flex; align-items: center;}
.newsroom-section .row{width:100%;}

.newsroom-section .flexWrap{margin-bottom: 103px;}

.newsRoomSwipe .slick-list {margin:0 -12.5px;}
.newsRoomSwipe .visualItem{width:25%; margin:0 12.5px; position:relative;}
.newsRoomSwipe .visualItem:before{content:''; display:block; width: 70px; height: 45px; border-radius: 0px 0px 10px 10px; background: #000 url("/img/main/logo.png") no-repeat center / 38px; position:absolute; top:0; left:30px; z-index:10;}
.newsRoomSwipe .visualItem a{border-radius:10px; background:#fff; display:block; height:334px; padding:70px 30px 60px;}
.newsRoomSwipe .visualItem .tit{font-size: 22px; line-height: 32px; font-weight: 500; color:#000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newsRoomSwipe .visualItem .desc{font-size: 18px; line-height: 28px; margin: 20px 0; font-weight: 300; color:#6D6D6D; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.newsRoomSwipe .visualItem .date{font-size: 16px; line-height: 26px; font-weight: 200; color:#666}

.newsRoomSwipe .slick-dots{margin-top: 50px; display:flex; gap:10px; justify-content: center;}
.newsRoomSwipe .slick-dots li button{width:15px; height:15px; background:#fff; font-size:0; text-indent: -9999px; border:0; border-radius:15px; transition: width .5s;}
.newsRoomSwipe .slick-dots li.slick-active button{width:50px; background:#DE3B3B; border-radius:30px; transition: width .5s;}

.newsroom-section .visual-idCtr{display:flex; gap:15px;}
.newsroom-section .visual-idCtr .arrow{width:60px; height:60px; border-radius:100%; border:1px solid #fff; display:inline-flex; align-items: center; justify-content: center; transition: .5s ease all;}
.newsroom-section .visual-idCtr .arrow:hover{background:#4B4B4B; border-color:#4B4B4B; transition: .5s ease all;}
.newsroom-section .visual-idCtr .arrow img{width:17.14px;}
.newsroom-section .visual-idCtr .newsPrev img{transform:rotate(180deg);}



/* PROMOTION */
.promotion-section{background:url(/img/main/promotion_bg.png) 0% center no-repeat; transition:transform 700ms ease 0s; position: relative;}
.promotion-section.footOn{transform:translateY(300px); transition:transform 700ms ease 0s;}
.promotion-section.fp-is-overflow > .fp-overflow{overflow-x:hidden;}
.promotion-section .inner{height:100%; display:flex; align-items: center; position:relative;}
.promotion-section .row{width:100%;}
.promotion-section .txtWrap,
.promotion-section .btnWrap{text-align: center;}

.promotion-section .txtWrap{margin-bottom: 44px;}
.promotion-section .txtWrap .exclam{font-size: 22px; line-height: 28px; font-weight: 800; font-family: "Poppins", sans-serif; color:#fff;}
.promotion-section .txtWrap .tit{font-size: 40px; line-height: 50px; margin: 20px 0; font-weight: 800;}
.promotion-section .txtWrap .desc{font-size: 20px; line-height: 30px; font-weight: 400;}

.promotion-section .btnWrap .detail_btn span{font-weight: bold; font-family: "Poppins", sans-serif;}
.promotion-section .btnWrap .detail_btn img.de{display:block;}
.promotion-section .btnWrap .detail_btn img.on{display:none;}
.promotion-section .btnWrap .detail_btn:hover{background:#fff; }
.promotion-section .btnWrap .detail_btn:hover span{color:#DE3B3B;}
.promotion-section .btnWrap .detail_btn:hover img.de{display:none;}
.promotion-section .btnWrap .detail_btn:hover img.on{display:block;}

.promotion-bg{position:absolute; top:0; left:0; width:100%; height:100%;}
.promotion-bg .bg-box__motion{width:100%; height:100%; background: url(/img/main/promotion_bg.png) no-repeat 0% 50% / cover; animation:bgMove 150s infinite ease;}

@keyframes bgMove {
    0% {background-position: 0% 50%;}
    50% {background-position: 100% 50%;}
    100% {background-position: 0% 50%;}
}

/* FOOTER */
.footer{padding: 45px 0; background: #111;}
.footer-section.fp-is-overflow > .fp-overflow{overflow-x:hidden;}
.footer.fp-auto-height.fp-section{height:350px !important; background: #111; width:100%; }

.footer .logo img{width: 90px;}
.footer .footContent{margin-top: 36.19px; display:flex; justify-content: space-between;}
.footer .footContent .info{font-size: 16px; line-height: 26px;  color:#BEBEBE; font-weight:200;}
.footer .footContent .info span{margin-right: 20px; display:inline-block;}
.footer .footContent .info span.bold{color:#fff; margin-bottom: 10px; }
.footer .footContent .copy{font-size:16px; line-height: 26px; margin-top: 10px; color:#fff; font-weight:200;}
.footer .list_foot{display:flex; flex-direction: column; gap:10px;}
.footer .list_foot li a{font-size:16px; text-align: right; color:#BEBEBE; display:block;}
.footer .list_foot li:first-child a{color:#fff;}

.footer .cont-rt{display:flex; align-items: center;}

.footer .ft_sns{margin-top: 47px; display: flex; align-items: center; gap:25px; opacity: 0.8;}
.footer .ft_sns a{font-size: 16px; line-height: 1.75; color: #fff;}
.footer .ft_sns a img{display: inline-block; vertical-align: middle; margin-right: 10px;}
.footer .ft_sns .line{display: inline-block; width: 1px; height: 15px; background: #fff;}
.footer .ft_sns .sns1 img{width: 20px;}
.footer .ft_sns .sns2 img{width: 10px;}
.footer .ft_sns .sns3 img{width: 20px;}
.footer .ft_sns .sns4 img{width: 13px;}



/* SIDE QUICK */
.quickSide{position:fixed; right:50px; bottom:100px; z-index:5000; display:flex; flex-direction: column; align-items: center;}
.quickSide ul{display:flex; flex-direction: column; align-items: end; gap:10px; }
.quickSide ul > li{display:block; box-shadow: 0px 8px 24px 0px #959DA533; border-radius: 100%;}
.quickSide ul li.circle a {display:flex; align-items:center; justify-content: center; background:#FFF; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.05); width:65px; height:65px; gap:30px; border-radius:100%; 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;}
.quickSide ul li a.close img{width:25px;}
.quickSide ul li a.event img{width:20px;}
.quickSide ul li a.top img{width:20.8px;}
.quickSide ul li a.more {background: #33333399;}
.quickSide ul li a.more img {width: 19.5px;}
.quickSide ul.more_list {box-shadow: 0px 8px 24px 0px #959DA533; gap: 0; margin-bottom: 13px; position: relative; transition: all 0.5s ease; background: #fff; padding: 12px 8px 8px 8px; border-radius: 100px;}
.quickSide ul.more_list.on {background: none; box-shadow: none;}
.quickSide ul.more_list.on > div {height: 0; visibility: hidden; overflow: hidden;}
.quickSide ul.more_list > div {margin: 0 auto; transition:all 0.5s ease; }
.quickSide ul.more_list > div li {padding: 10px 0; text-align: center;}
.quickSide ul.more_list > div li a {display: block;}
.quickSide ul.more_list > div li:first-child {border-bottom: 1px solid #E3E3E3;}
.quickSide ul.more_list > div li img {width: 26px;}
.quickSide ul.more_list > div li span {display: block; font-size: 12px; font-weight: 700; color: #DE3B3B; line-height: 2; margin-top: 13px;}



@media screen and (max-width:1800px){
    .quickSide{bottom:170px;}
}
@media screen and (max-width:1760px){
    #fp-nav.fp-left{left:20px;}
    .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){
    .inner,
    .visual-section .progress{padding:0 40px;}
}

@media screen and (max-width:1280px){
    .inner,
    .visual-section .progress{padding:0 3.1250vw;}

    /* TITLE */
    .txtWrap .tit{font-size: 2.7344vw; line-height: 3.1250vw; }
    .txtWrap .tit_sub{font-size: 2.2531vw; line-height: 2.7344vw; letter-spacing: -0.0523vw;}
    .txtWrap .desc{font-size: 1.0938vw; line-height: 1.5625vw; }

    .txtWrap.type_sub .tit{font-size: 2.7344vw; line-height: 3.1250vw; letter-spacing: -0.0523vw;}
    
    /* BTN */
    .detail_btn{padding: 0.6250vw 1.0938vw 0.6250vw 1.5625vw; border-radius:2.6039vw;}
    .detail_btn span{font-size: 0.9375vw; line-height: 1.3516vw; }
    .detail_btn img{width:1.5625vw;}

    /* HEADER */
    .header{height:6.0781vw}
    .header .logo img{width:6.0781vw;}

    .navBar .gnb{gap:2.6039vw;}
    .navBar .gnb > li > a{font-size:1.2938vw; line-height: 1.4609vw;}
    .navBar .gnb > li:hover > a > span{padding-top: 0.2344vw;}

    .navBar .gnb > li:hover > .depth_2{top:4.6875vw;}

    .navBar .depth_2,
    .navBar .depth_3{width:10.5469vw; }

    .navBar .depth_2 > ul > li > a{font-size:1.2375vw; line-height: 3.1438vw; padding-left: 1.0680vw;}
    .navBar .depth_3 > li > a{font-size:1.2375vw; line-height: 3.1438vw; padding-left: 1.0680vw;}

    .navBar .util-list{gap:1.1461vw; margin-left: 3.5156vw;}
    .navBar .util-list .lang .lang-list{width:3.1250vw; top:4.6875vw; }
    .navBar .util-list .lang .lang-list a{font-size: 1.2375vw; line-height: 2.5438vw}
    .navBar .util-list .lang{width:1.8750vw;}
    .navBar .util-list .all_menu{width:1.8750vw;}


    /* SITE MAP & ALL MENU */
    .allMenu{background-size:48.4375vw; }
    .allMenu .menuHeader{ /* padding-top:4.6875vw; */ margin-bottom: 2.3438vw;}
    .allMenu .menuHeader .titWrap .tit{ font-size:3.4375vw; line-height: 4.2188vw; }
    .allMenu .menuHeader .close{width:1.1719vw;}

    .allMenu .mapList > li{padding:1.5625vw 0;}
    .allMenu .mapList > li > a > span{width:9.3750vw; font-size:1.0938vw; line-height: 1.8750vw;}

    .allMenu .depth_2 > ul{margin-left: 9.3750vw;}
    .allMenu .depth_2 > ul > li{width:20%;}
    .allMenu .depth_2 > ul > li > a{ font-size:1.1938vw; line-height: 1.8750vw;}

    .allMenu .depth_3{margin-top: 0.7813vw;}
    .allMenu .depth_3 > li > a{font-size: 1.156vw; line-height: 1.7969vw;}



    /* VISUAL SWIPE */
    .visualSwipe .txtWrap .exclam{ font-size: 1.2500vw; line-height: 1.5625vw; letter-spacing: -0.0211vw; }
    .visualSwipe .txtWrap .tit{ font-size: 3.1250vw; line-height: 3.6484vw; margin:1.0414vw 0; }
    .visualSwipe .txtWrap .desc{ font-size: 1.4063vw; line-height: 1.7734vw; }

    .visualSwipe .btnWrap{margin-top: 2.3086vw;}

    /* PROGRESS */ 
    .visual-section .progress {gap:1.0414vw; bottom:3.9844vw; }
    .visual-section .progress > li {width:3.2555vw; }
    .visual-section .progress > li .bar {margin-top: 0.7813vw; }
    .visual-section .progress > li.active {width:9.3750vw;}
    .visual-section .progress > li .tit {font-size:0.9375vw; line-height: 1.4609vw; }



    /* SOLUTION */
    .solution-section .txtWrap{margin-bottom: 2.1875vw;}

    .accordian{height:33.9844vw;}

    .accordian .accordian_link .accordian_tit{font-size:1.2500vw; line-height: 1.6641vw; letter-spacing: -0.0523vw; }
    .accordian .accordian_link .accordian_hover{bottom:3.7625vw;}
    .accordian .accordian_link .accordian_hover .accordian_hover_tit{font-size:2.3438vw; line-height: 2.8672vw;}
    .accordian .accordian_link .accordian_hover .accordian_btn{width:2.6039vw; height:2.6039vw; }
    .accordian .accordian_link .accordian_hover .accordian_btn img{width:1.1023vw; }

    .accordian .accordian_link.on .accordian_hover{padding:0 2.2156vw 0 2.9391vw}



    /* NEWS ROOM */
    .newsroom-section .flexWrap{margin-bottom: 5.3648vw;}

    .newsRoomSwipe .slick-list {margin:0 -0.6250vw;}
    .newsRoomSwipe .visualItem{margin:0 0.6250vw;}
	.newsRoomSwipe .visualItem:before{width: 5.47vw; height: 3.52vw; border-radius: 0.00vw 0.00vw 0.78vw 0.78vw; background-size:2.97vw; left:1.8750vw;}
	.newsRoomSwipe .visualItem a{border-radius:0.5211vw; height:18.5680vw; padding:5.0156vw 1.8750vw 3.5156vw;}
    .newsRoomSwipe .visualItem .tit{font-size: 1.2500vw; line-height: 1.6641vw; letter-spacing: -0.0523vw; }
    .newsRoomSwipe .visualItem .desc{font-size: 1.0938vw; line-height: 1.5625vw; margin: 1.0414vw 0; letter-spacing: -0.0211vw;}
    .newsRoomSwipe .visualItem .date{font-size: 0.9375vw; line-height: 1.4063vw; letter-spacing: -0.0211vw;}

    .newsRoomSwipe .slick-dots{margin-top: 2.6039vw; gap:0.5211vw; }
    .newsRoomSwipe .slick-dots li button{width:0.7813vw; height:0.7813vw; border-radius:0.7813vw; }
    .newsRoomSwipe .slick-dots li.slick-active button{width:2.6039vw; border-radius:1.5625vw; }

    .newsroom-section .visual-idCtr{gap:0.7813vw;}
    .newsroom-section .visual-idCtr .arrow{width:3.1250vw; height:3.1250vw; }
    .newsroom-section .visual-idCtr .arrow img{width:0.8930vw;}


    /* PROMOTION */
    .promotion-section.footOn{transform:translateY(15.6250vw); }
    .promotion-section .txtWrap{margin-bottom: 2.3438vw;}
    .promotion-section .txtWrap .exclam{font-size: 1.72vw; line-height: 1.4609vw; }
    .promotion-section .txtWrap .tit{font-size: 2.3438vw; line-height: 2.9688vw; margin: 1.1719vw 0; }
    .promotion-section .txtWrap .desc{font-size: 1.1719vw; line-height: 1.5625vw; }

    .promotion-bg .bg-box__motion{background-size:220%;}


    /* FOOTER */
	.footer{padding: 3.52vw 0;}
	.footer.fp-auto-height.fp-section{height:20.64vw !important;}

    .footer .logo img{width: 5.0781vw;}
    .footer .footContent{margin-top: 1.6773vw;}
    .footer .footContent .info{font-size: 1.2375vw; line-height: 1.516vw;}
    .footer .footContent .info span{margin-right: 1.0414vw;}
    .footer .footContent .info span.bold{margin-bottom: 0.6250vw;}
    .footer .footContent .copy{font-size:1.2375vw; line-height: 1.516vw; margin-top: 0.906vw}
    .footer .list_foot{gap:0.9250vw;}
    .footer .list_foot li a{font-size:1.2375vw;}

	.footer .ft_sns{margin-top: 2.67vw; gap:1.5vw;}
	.footer .ft_sns a{font-size: 1.2vw;}
	.footer .ft_sns a img{margin-right: 0.78vw;}
	.footer .ft_sns .line{height: 0.9vw;}
	.footer .ft_sns .sns1 img{width: 1.2vw;}
	.footer .ft_sns .sns2 img{width: 0.75vw;}
	.footer .ft_sns .sns3 img{width: 1.3vw;}
	.footer .ft_sns .sns4 img{width: 0.9vw;}


    /* SIDE QUICK */
    .quickSide {right:3vw; bottom:7.81vw;}
    .quickSide ul {gap:0.5vw;}
    .quickSide ul li.circle a {width:5.08vw; height:5.08vw; gap:2.34vw;}
    .quickSide ul li a.close img{width:1.95vw;}
    .quickSide ul li a.event img{width:1.56vw;}
    .quickSide ul li a.top img{width:1.63vw;}
    .quickSide ul li a.more img {width: 1.52vw;}
    .quickSide ul.more_list {margin-bottom: 1.02vw; padding: 0.94vw 0.63vw 0.63vw 0.63vw; border-radius: 7.81vw;}
    .quickSide ul.more_list > div li {padding: 0.78vw 0;}
    .quickSide ul.more_list > div li img {width: 2.03vw;}
    .quickSide ul.more_list > div li span {font-size: 0.94vw; margin-top: 1.02vw;}

}


@media screen and (max-width:768px){
    .inner,
    .visual-section .progress{padding:0 3.1250vw;}

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


    /* TITLE */
    .txtWrap .tit{font-size: 7.8125vw; line-height: 10.4167vw; letter-spacing: -0.1732vw;}
    .txtWrap .tit_sub{font-size: 6.5104vw; line-height: 7.8125vw; letter-spacing: -0.1732vw;}
    .txtWrap .desc{font-size: 3.6458vw; line-height: 5.2083vw; }

    .txtWrap.type_sub .tit{font-size: 7.8125vw; line-height: 10.4167vw; letter-spacing: -0.1732vw;}
    .txtWrap.type_sub .desc{letter-spacing: -0.0981vw;}


    /* BTN */
    .detail_btn{padding: 2.0833vw 3.6458vw 2.0833vw 5.2083vw; border-radius:8.6810vw;}
    .detail_btn span{font-size: 3.1250vw; line-height: 4.5182vw; }
    .detail_btn img{width:5.2083vw;}

    
    /* HEADER */
    .header{height:16.9271vw}
    .header .logo img{width:16.9271vw;}

    .navBar .gnb{display: none;}

    .navBar .util-list{gap:3.8190vw; margin-left: 0;}
    .navBar .util-list .lang .lang-list{width:10.4167vw; top:15.6250vw; }
    .navBar .util-list .lang .lang-list a{font-size: 3.1250vw; line-height: 7.8125vw;}
    .navBar .util-list .lang{width:6.2500vw;}
    .navBar .util-list .all_menu{width:6.2500vw;}
    

    /* SITE MAP & ALL MENU */
    .allMenu.open {display: block;}
    .allMenu{top:0; left:initial; right:0; width:calc(100% - 10.6771vw); background:#151515 ;}
    .allMenu .inner{height:100vh; overflow:auto;}
    .allMenu::before{display:block; content:""; width:10.6771vw; background:rgba(0,0,0,.6); height:100%; position:fixed; top:0; left:0;}

    .allMenu .menuHeader{align-items: start; padding-top:8.5938vw; margin-bottom: 6.9076vw;}
    .allMenu .menuHeader .mapLogo{display:block; margin-top: 3.9063vw;}
    .allMenu .menuHeader .mapLogo img{width:23.4375vw;}
    .allMenu .menuHeader .titWrap{ display:none; }
    .allMenu .menuHeader .close{width:3.9063vw;}

    .allMenu  .mapList{border-top:0.1302vw solid rgba(255,255,255, .1);}
    .allMenu  .mapList > li{flex-direction: column; padding:4.6875vw 0; display:block; background:url(/img/main/arrow_down.png) right 6.3724vw no-repeat; background-size:2.8646vw !important;}
    .allMenu  .mapList > li.on{background:url(/img/main/arrow_up.png) right 6.3724vw no-repeat;}
    .allMenu  .mapList > li > a > span{width:100%; font-size:4.1667vw; line-height: 4.8568vw; }
    .allMenu  .mapList > li.drop > .depth_2{display:block;}

    .allMenu .depth_2{width:100%; margin-top: 7.2266vw; display:none;}
    .allMenu .depth_2 > ul{display:flex; flex-direction: column; gap:2.8646vw; margin-left: 0; }
    .allMenu .depth_2 > ul > li{width:100%;}
    .allMenu .depth_2 > ul > li > a{ font-size:3.6458vw; line-height: 4.9479vw; color:#A8A8A8;}
    .allMenu .depth_2 > ul > li:hover > a{color:#DE3B3B; border-bottom:0.1302vw solid #DE3B3B;}

    .allMenu .depth_3{margin-top: 1.9531vw; display:none;}



    /* VISUAL SWIPE */
    .fp-responsive .fp-is-overflow.visual-section{height:164.0625vw !important; min-height:auto !important;}
    .fp-responsive .fp-is-overflow.visual-section .fp-overflow{height:100%; max-height: 100%;}


    .visualSwipe .txtWrap .exclam{ font-size: 4.1667vw; line-height: 5.2083vw; letter-spacing: -0.0690vw; }
    .visualSwipe .txtWrap .tit{ font-size: 7.8125vw; line-height: 9.8958vw; margin:3.9063vw 0; }
    .visualSwipe .txtWrap .desc{ font-size: 4.6875vw; line-height: 5.8984vw; }

    .visualSwipe .btnWrap{margin-top: 7.9427vw}

    /* PROGRESS */ 
    .visual-section .progress {gap:3.4727vw; bottom:13.2813vw; }
    .visual-section .progress > li {width:10.8503vw; }
    .visual-section .progress > li .bar {margin-top: 2.6042vw; }
    .visual-section .progress > li.active {width:31.2500vw;}
    .visual-section .progress > li .tit {font-size:3.1250vw; line-height: 4.8568vw; }



    /* SOLUTION */
    .fp-responsive .fp-is-overflow.solution-section{height:auto !important; min-height:auto !important; padding:24.3060vw 0 22.1354vw;}
    .fp-responsive .fp-is-overflow.solution-section .fp-overflow{height:100%; max-height: 100%;}
    .solution-section .inner{align-items: start;}

    .solution-section .txtWrap{margin-bottom: 8.6810vw;}

    .accordian{display:flex; flex-direction: column; height:auto;}
    .accordian .accordian_link{width:100%; height:35.1563vw;}
    .accordian .accordian_link .accordian_img_box{width:100%; }

    .accordian .accordian_link .accordian_tit{font-size:4.1667vw; line-height: 5.5599vw; letter-spacing: -0.1732vw; text-align: center;}
    .accordian .accordian_link .accordian_hover{position:absolute; bottom:initial; top:50%; right:5.1211vw; transform:translateY(-50%);}
    .accordian .accordian_link .accordian_hover .accordian_hover_tit{font-size:7.8125vw; line-height: 9.5482vw; }
    .accordian .accordian_link .accordian_hover .accordian_btn{width:8.6810vw; height:8.6810vw; margin:0;}
    .accordian .accordian_link .accordian_hover .accordian_btn img{width:3.6732vw;}

    .accordian .accordian_link.on{width:100%; height:61.1979vw;}
    .accordian .accordian_link.on .accordian_hover{width:100%; right:0; top:initial; bottom:0; padding:0 4.2969vw 0 6.5104vw}


    /* NEWS ROOM */
    .fp-responsive .fp-is-overflow.newsroom-section{height:auto !important; min-height:auto !important; padding:25.1732vw 0 39.4102vw;}
    .fp-responsive .fp-is-overflow.newsroom-section .fp-overflow{height:100%; max-height: 100%;}

    .newsroom-section .inner{align-items: start;}

    .newsroom-section .flexWrap{margin-bottom: 12.6732vw;}

    .newsRoomSwipe .slick-list {margin:0 -4.1667vw 0 0;}
    .newsRoomSwipe .visualItem{width: 76.0417vw; margin:0 2.0833vw;}
	.newsRoomSwipe .visualItem:before{width: 16.11vw; height: 9.86vw; border-radius: 0.00vw 0.00vw 1.30vw 1.30vw; background-size: 7.95vw; left: 6.2500vw;}
	.newsRoomSwipe .visualItem a{border-radius:1.7357vw; height:61.8919vw; padding:14.7188vw 6.2500vw 11.7188vw;}
    .newsRoomSwipe .visualItem .tit{font-size: 4.1667vw; line-height: 5.5599vw; letter-spacing: -0.1732vw;}
    .newsRoomSwipe .visualItem .desc{font-size: 3.6458vw; line-height: 5.2083vw; letter-spacing: -0.0690vw; margin: 3.4727vw 0; }
    .newsRoomSwipe .visualItem .date{font-size: 3.1250vw; line-height: 4.6875vw; letter-spacing: -0.0690vw;}

    .newsRoomSwipe .slick-dots{margin-top: 8.4206vw; gap:1.7357vw; }
    .newsRoomSwipe .slick-dots li button{width:2.6042vw; height:2.6042vw; border-radius:2.6042vw; }
    .newsRoomSwipe .slick-dots li.slick-active button{width:8.6810vw; border-radius:5.2083vw; }

    .newsroom-section .visualControler{position:absolute; bottom:20.0521vw; left:0; width:100%;}
    .newsroom-section .visual-idCtr{gap:2.6042vw; justify-content: center;}
    .newsroom-section .visual-idCtr .arrow{width:10.4167vw; height:10.4167vw; }
    .newsroom-section .visual-idCtr .arrow img{width:2.9766vw;}


    /* PROMOTION */
    .fp-responsive .fp-is-overflow.promotion-section{height:auto !important; min-height:auto !important; padding:46.3542vw 0; margin-top: -1px !important;}
    .fp-responsive .fp-is-overflow.promotion-section .fp-overflow{height:100%; max-height: 100%;}

    .promotion-section.footOn{transform:translateY(85.9375vw); }
    .promotion-section{background:url(/img/main/promotion_bg_m.png) 0% center no-repeat; }
    .promotion-section .txtWrap{margin-bottom: 9.1576vw;}
    .promotion-section .txtWrap .exclam{font-size: 3.8458vw; line-height: 4.8568vw; }
    .promotion-section .txtWrap .tit{font-size: 7.8125vw; line-height: 9.8958vw; margin: 3.9063vw 0; }
    .promotion-section .txtWrap .desc{font-size: 3.9063vw; line-height: 5.2083vw; }

    .promotion-bg .bg-box__motion{background:url(/img/main/promotion_bg_m.png) 0% 50% no-repeat; background-size:auto; animation:bgMove 280s infinite ease;}

    .en .promotion-section .txtWrap .tit {font-size: 7.5vw;}



    /* FOOTER */
    .footer{padding: 11.4583vw 0 11.7109vw;}
    .footer-section.fp-is-overflow > .fp-overflow{overflow:hidden; height:auto;}
    .footer.fp-auto-height.fp-section{height:auto !important;}

    .footer .logo img{width: 16.9271vw;}
    .footer .footContent{margin-top: 6.5104vw; flex-direction: column; letter-spacing: -0.1224vw;}
    .footer .footContent .info{font-size: 3.1250vw; line-height: 4.5182vw;  }
    .footer .footContent .info span{margin-right: 0; margin-bottom: 1.3021vw; word-break: break-all;}
    .footer .footContent .info span.bold{margin-bottom: 2.0833vw; }
    .footer .footContent .copy{font-size:3.1250vw; line-height: 4.5182vw; margin-top: 0; text-align: left; width:100%;}
    .footer .list_foot{gap:2.0417vw; margin-top: 5.0313vw; margin-bottom: 7.9844vw; flex-direction: row; justify-content: start; width:100%;}
    .footer .list_foot li a{font-size:3.1250vw; }

    .footer .cont-rt{flex-direction: column;}

	.footer .ft_sns{margin-top: 7.12vw; padding-top: 7.12vw; border-top: 1px solid rgba(255,255,255,0.4); gap:1.30vw 3.13vw; flex-wrap: wrap;}
	.footer .ft_sns a{font-size: 3.1250vw;}
	.footer .ft_sns a img{margin-right: 1.70vw; margin-top: -0.5vw;}
	.footer .ft_sns .line{height: 2.15vw;}
	.footer .ft_sns .sns1 img{width: 2.90vw;}
	.footer .ft_sns .sns2 img{width: 1.60vw;}
	.footer .ft_sns .sns3 img{width: 2.90vw;}
	.footer .ft_sns .sns4 img{width: 1.99vw;}
    

    
    /* SIDE QUICK */
    .quickSide {right:5.34vw; bottom:13.90vw;}
    .quickSide ul {gap:0.93vw;}
    .quickSide ul li.circle a {width:9.07vw; height:9.07vw; gap:4.15vw;}
    .quickSide ul li a.close img{width:3.47vw;}
    .quickSide ul li a.event img{width:2.80vw;}
    .quickSide ul li a.top img{width:2.88vw;}
    .quickSide ul li a.more img {width: 2.71vw;}
    .quickSide ul.more_list {margin-bottom: 1.78vw; padding: 1.69vw 1.10vw 1.10vw 1.10vw; border-radius: 13.90vw;}
    .quickSide ul.more_list > div li {padding: 1.36vw 0;}
    .quickSide ul.more_list > div li img {width: 3.64vw;}
    .quickSide ul.more_list > div li span {font-size: 1.69vw; margin-top: 1.78vw;}

}