@charset "utf-8";
/**************************************************
Global.css ( ver 1.0.3 )
**************************************************/
/**************************************************
Public
**************************************************/
html{min-width: 1300px;overflow-x: hidden;}
/* Table */
.table1{ width: 100%; }
.table1 tr > *{padding: 10px;border: 1px solid #ddd;}
.table1 thead th{background: #f7f7f7;}
.table1 tbody th{background: #f7f7f7;}
.table1 tbody td{ }
/* Tab */
.tab1{ margin-bottom: 40px; }
.tab1 > li{display: inline-block;background: #f7f7f7;}
.tab1 > li a{display: block;height: 40px;line-height: 40px;text-align: center;padding: 0 40px;border: 1px solid #f7f7f7;}
.tab1 > li.active a{background: #fff;color: #000;border-color: #333;}
/* Button */
.btnWrap{ margin-top: 30px; }
.btnWrap > *{margin: 0 2px;}
.btn1{ display: inline-block;background: #333;border: 1px solid #333;color: #fff !important;height: 35px;line-height: 35px;padding: 0 20px;font-size: 14px;box-sizing: border-box; }
.btn1.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px; }
.btn2{ display: inline-block;background: #fff;border: 1px solid #ddd;color: #000 !important;height: 35px;line-height: 35px;padding: 0 20px;font-size: 14px;box-sizing: border-box; }
.btn2.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px; }
/**************************
Site Layer Popup
**************************/
.sp-pop{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.15);border-radius: 3px;overflow: hidden;}
.sp-pop:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);}
.sp-pop .img{position: relative;min-height: 100px;}
.sp-pop .img img{max-width:100%;}
.sp-pop .btns{position: absolute;bottom: 0;left: 0;width: 100%;white-space: nowrap;background: #f7f7f7;}
.sp-pop .btns li{position: relative;display: inline-block;vertical-align: top;width: 50%;}
.sp-pop .btns li:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);border-width: 1px 1px 1px 0;}
.sp-pop .btns li:first-child:before{border-left-width: 1px;}
.sp-pop .btns li a,
.sp-pop .btns li label{position: relative;display: block;text-align: center;line-height: 32px;text-align: center;font-size: 11px;color: #666;letter-spacing: -1px;z-index: 3;text-decoration: none;font-family: dotum;}
.sp-pop .btns li label input{display: none;}
.sp-pop .btns.len3 li{width: 33.33%;}
/**************************
Paging
**************************/
.paging{text-align: center;margin-top: 30px;font-family: empty;font-size: 0;}
.paging a{display: inline-block;vertical-align: top;margin: 0;margin-right: -1px;position: relative;width: 35px;height: 35px;line-height: 35px;text-align: center;background: #f9f9f9;border: 1px solid #ddd;color: #999999;font-size: 12px;text-decoration: none;box-sizing: border-box;font-family: tahoma, arial, axicon;}
.paging a:first-child{border-radius: 5px 0 0 5px !important;}
.paging a:after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 35px;text-align: center;font-size: 15px;text-indent: 0;}
.paging a:last-child{border-radius: 0 5px 5px 0 !important;}
.paging a.active{background: #ffffff;color: #333333;font-weight: 600;}
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last{background: none;font-size: 15px;color: #666666;text-indent: -999em;}
.paging a.first:after{content: '\f100';text-indent: 0;}
.paging a.prev:after{content: '\f104';}
.paging a.next:after{content: '\f105';}
.paging a.last:after{content: '\f101';}
/**************************************************
Layout
**************************************************/
#header{position: fixed;width: 100%;top:0;left:0;z-index: 90;height: 100px;background: #fff;box-shadow: 0 3px 3px rgba(0,0,0,0.1);padding: 0 50px;box-sizing:border-box;}
#header .logo{position: absolute;top: 0;left: 50px;height: 100%;line-height: 100px;}
#quickmenu{position: fixed;bottom:40px;right:50px;z-index:100;}
#quickmenu li{margin-top: 10px;}
#quickmenu li:first-child{margin-top: 0;}
#gnb{position: absolute;top: 0;right: 210px;z-index: 2;}
#gnb > li{position: relative;display: inline-block;vertical-align: top;}
#gnb > li > a{display: block;padding: 0 30px;line-height: 100px;font-size: 18px;color: #333333;text-decoration: none;}
/* #gnb > li > a:after{display:block;content:'';width:0;height: 3px;position: absolute;bottom:0;left:50%;background: #b01319;transition:all 0.25s;}
#gnb > li:hover > a:after,
#gnb > li.active > a:after{width: 100%;left:0;} */
#gnb > li > ul{position: absolute;top: 100px;left: 50%;width: 200px;margin-left: -100px;padding: 15px;border: 1px solid #ddd;border-top: 2px solid #b01319;background: #fff;box-sizing: border-box;visibility: hidden;opacity: 0;transition: all 0.2s;}
#gnb > li > ul li a{display: block;font-size: 15px;color: #000;line-height: 30px;text-align: center;}
#gnb > li > ul li.active a{font-weight: bold;}
#gnb > li:hover > ul{visibility: visible;opacity: 1;}
#gnb > li.hidden-gnb{display: none;}
#drdw{position: fixed;top: 100px;left: 0;width: 100%;background: #fff;border-top: 1px solid #ddd;border-bottom: 3px solid #b01319;z-index: 91;display: none;}
#drdw .inner{position: relative;width: 1300px;margin: 0 auto;border-right: 1px solid #e8e8e8;}
#drdw .inner > li{display: inline-block;padding: 25px 0;vertical-align: top;}
#drdw .inner > li:before{content: '';display: block;position: absolute;top: 0;height: 100%;width: 1px;background: #e8e8e8;}
#drdw .inner > li:first-child{border-left-width: 1px;}
#drdw .inner > li > a{display: block;margin-bottom: 15px;font-size: 18px;color: #b01319;text-align: center;font-weight: bold;}
#drdw .inner > li ul li a{display: block;font-size: 15px;line-height: 25px;color: #555555;text-align: center;}
#drdw .inner > li ul li.active a{font-weight: bold;}
#drdw .inner > li.hidden-gnb{display: none;}
#tnb{position: absolute;top: 10px;right: 0;}
#tnb > li{display: inline-block;margin-left: 10px;box-sizing: border-box;}
#tnb > li a{font-size: 13px;color: #666;}
#hd-lan{position: absolute;top: 40px;right: 110px;z-index: 92;}
#hd-lan > a{display: block;line-height: 40px;padding: 0 22px 0 28px;font-size: 14px;color: #2e3144;text-decoration: none;text-transform: uppercase;background: url('/images/layout/hd-lan-ico.png') no-repeat 0 center, url('/images/layout/hd-lan-spr.png') no-repeat right center;}
#hd-lan > ul{position: absolute;top: 40px;left: 50%;display: none;width: 80px;margin-left: -40px;padding: 10px 0;border: 1px solid #b8b8b8;background: #fff;}
#hd-lan > ul:before{position: absolute;top: -7px;left: 50%;content: '';display: block;width: 6px;height: 7px;margin-left: -3px;background: url('/images/layout/hd-lanbox-spr.png');}
#hd-lan > ul li a{display: block;font-size: 14px;line-height: 26px;color: #666666;text-decoration: none;text-align: center;text-transform: uppercase;}
#hd-lan:hover > ul{display: block;}
#hd-sch{position: absolute;top: 50px;right: 50px;z-index: 91;}
#hd-sch .btn{display: block;width: 21px;height: 21px;background: url('/images/layout/hd-sch-btn.png');text-indent: -999em;border: none;}
#hd-sch form{position: absolute;display: none;top: 30px;right: 0;width: 200px;padding-right: 45px;border: 1px solid #333;border-radius: 5px;overflow: hidden;background: #fff;}
#hd-sch legend{display: none;}
#hd-sch .inp{width: 100%;height: 43px;line-height: 43px;text-indent: 10px;background: none;border: none;}
#hd-sch .sbm{position: absolute;top: 0;right: 0;width: 45px;height: 45px;background: #333 url('/images/layout/hd-sch-btn2.png') no-repeat center center;border: none;text-indent: -999em;}
#hd-sch.on form{display: block;}
#footer{background: #222222;}
#footer .fnbWrap{border-bottom: 1px solid #3d3d3d;text-align: center;}
#footer .fnbWrap .inner{position: relative;width: 1300px;margin: 0 auto;}
#footer .ftWrap{position: relative;width: 1300px;margin: 0 auto;padding: 35px 0 50px;text-align: center;}
#footer .footerLogo{margin-bottom: 20px;}
#footer address{font-size: 13px;line-height: 20px;color: #b3b3b3;font-style: normal;}
#footer address hr{width: 20px;border: none;display: inline-block;vertical-align: middle;}
#footer address .copyright{display: block;margin-top: 10px;font-size: 12px;color: #777777;}
#sns-ico{margin-top: 20px;}
#sns-ico li{display: inline-block;margin-right: 5px;}
#fnb > li{display: inline-block;padding: 0 10px;}
#fnb > li:first-child{padding-left: 0;background: none;}
#fnb > li a{font-size: 15px;color: #b3b3b3;letter-spacing: -1px;line-height: 70px;}
#ft-fam{position: absolute;top: 35px;right: 0;width: 230px;height: 40px;}
#ft-fam > a{display: block;line-height: 40px;padding: 0 15px;border: 1px solid #444444;font-size: 15px;color: #aaaaaa;text-decoration: none;background: url('/images/layout/ft-family-spr.png') no-repeat 92% center;}
#ft-fam ul{position: absolute;bottom: 40px;left: 0;display: none;width: 100%;padding: 5px 15px;background: #444444;box-sizing: border-box;}
#ft-fam ul li{border-top: 1px solid #575757;}
#ft-fam ul li:first-child{border-top: none;}
#ft-fam ul li a{display: block;line-height: 35px;color: #f7f7f7;text-align: center;}
#ft-fam:hover ul{display: block;}
#slide-btn{display: block;width: 100px;height: 100px;position: absolute;top: 0;right: 0;font-size: 0;text-align: center;}
#slide-btn button{width: 100px;height: 100%;font-size: 0;background: #b01319;border:0;}
#slide-btn button:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#slide-btn img{display: inline-block;vertical-align: middle;border:0;}
#slide-bg{display: none;}
#slide-menu{display: none;}
/**************************************************
Ajax Popup
**************************************************/
#popup{position: fixed;top: 50%;left: 50%;width: 600px;height: 500px;margin-top: -250px;margin-left: -300px;padding-top: 46px;z-index: 401;background: #fff;border-radius: 5px;overflow: hidden;box-sizing: border-box;opacity: 0;transition: all 0.3s;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#popup .pop-tit{position: absolute;top: 0;left: 0;width: 100%;height: 45px;background: #f7f7f7;padding: 0 15px;border-bottom: 1px solid #ddd;box-sizing: border-box;}
#popup .pop-tit h3{font-size: 15px;color: #000;font-weight: 500;line-height: 45px;}
#popup .pop-tit .close{display: block;position: absolute;top: 0;right: 0;width: 44px;height: 44px;line-height: 44px;text-align: center;font-size: 16px;color: #666;background: #eee;border-left: 1px solid #ddd;}
#popup .pop-wrap{height: 100%;overflow-y: auto;padding: 15px;box-sizing: border-box;}
#popup.on{opacity: 1;}
#popupBG{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 400;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.3s;}
#popupBG.on{opacity: 1;}
/* sitemap */
#popup .sitemap{ text-align: center; }
#popup .sitemap > li{display: inline-block;width: 32%;vertical-align: top;margin-bottom: 10px;}
#popup .sitemap > li > a{display: block;text-align: center;font-size: 14px;letter-spacing: -1px;background: #f7f7f7;font-weight: 500;line-height: 40px;border-radius: 3px;}
#popup .sitemap > li ul li{border-top: 1px solid #f7f7f7;text-align: left;}
#popup .sitemap > li ul li:first-child{border-top: none;}
#popup .sitemap > li ul li a{display: block;font-size: 13px;color: #333;line-height: 18px;padding: 10px 0;text-align: center;}
/**************************************************
Main
**************************************************/
#main{ }
/* #main .section { background: url(/images/full-section-bg6.jpg) no-repeat 50% / cover !important;} */
#main .section { border-bottom: 1px solid rgba(221,221,221,0.7);}
#main .section:last-child { border-bottom: 0;}
#main #content{ }
#main #mainWrap{position: relative;width: 1300px;margin: 50px auto;}
#main .visual{position: relative;}
#main .visual .roll .item{position: relative;overflow: hidden;}
#main .visual .roll .item img{position: relative;top: 0;left: 50%;margin-left: -960px;}
#main .visual .slick-dots{position: absolute;bottom: 50px;left: 0;width: 100%;z-index: 81;text-align: center;}
#main .visual .slick-dots li{display: inline-block;margin: 0 5px;}
#main .visual .slick-dots li button{display: block;width: 24px;height: 24px;background: url('/images/main/visual-bull.png') no-repeat center center / contain;text-indent: -999em;overflow: hidden;border: none;}
#main .visual .slick-dots li.slick-active button{background-image: url('/images/main/visual-bull-on.png');}
#fullpage .section .fp-tableCell{padding-top: 100px;box-sizing:border-box;}
#fullpage .section.cen{text-align: center;}
#fullpage .section .cenCon{display: inline-block;vertical-align: middle;width: 1300px;text-align: left;}
#fullpage .section1 .fp-tableCell{vertical-align: top;}
#fullpage .section2{background: url(/images/full-section-bg2.jpg) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;}
#fullpage .section3{background: url(/images/bg-sec03.jpg) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;}
#fullpage .section4{background: url(/images/bg-sec04.jpg) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;}
#fullpage .section5{background: url(/images/bg-sec05.jpg) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;}
#fullpage .section8{background: url(/images/full-section-bg8.jpg) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;}
#fullpage .foot{height: auto !important;}
#fullpage .foot .fp-tableCell{height: auto !important;}
#fp-nav ul li a{display: block;width: 21px;height: 21px;margin: 0;background: url(/images/fnav-icon.png) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{display: none;}
#fp-nav ul li a.active{background: url(/images/fnav-icon-active.png) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;}
#fp-nav ul li, .fp-slidesNav ul li{width: 21px;height: 21px;margin-top: 15px;}
#fp-nav ul li:first-child, .fp-slidesNav ul li:first-child{margin-top: 0;}
#main .mainTitle{position: relative;text-align: center;margin-bottom: 30px;}
#main .mainTitle h4{text-align: center;font-size: 38px;font-weight: 700;color: #333;}
/* #main .mainTitle p{ padding-top: 15px; color: #666; font-size: 20px;} */
#main .mainTitle .text{color: #666;font-size: 18px;font-weight: 200;margin-top: 10px;}
#main .mainTitle .text2{font-size: 26px;line-height: 38px;font-weight: 500;margin-top: 15px;color: #333;letter-spacing: -0.045em;}
#main .mainTitle .text2 strong{font-weight: 700;color: #b01319;}
#main .mainTitle.white h4,
#main .mainTitle.white .text{color: #fff;}
#main .visual .cover{position: absolute;top:0;left:0;width: 100%;height: 100%;text-align: center;font-size: 0;}
#main .visual .cover:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#main .visual .cover .vam{display: inline-block;vertical-align: middle;}
#main .visual .cover .vam > strong { color: #b01319; font-size: 19px;}
#main .visual .cover .vam .title { padding-top: 20px;}
#main .visual .cover .vam .title dt{font-size: 24px;letter-spacing: -0.045em;color: #fff;}
#main .visual .cover .vam .title dd{padding-top:5px;font-size: 46px;letter-spacing: -0.045em;color: #fff;}
#main .visual .cover .vam .title dd strong{font-weight: 700;}
#main .visual .visArrow .slick-arrow{position: absolute;top:50%;width: 8px;height: 13px;text-indent: -9999em;border:0;margin-top: -6px;}
#main .visual .visArrow .slick-prev{left:0;background: url(/images/vis-prev.png);}
#main .visual .visArrow .slick-next{right:0;background: url(/images/vis-next.png);}
#main .visual .controlsWrap{width: 100%;margin-top: 40px;text-align: center;}
#main .visual .controls{position: relative;display: inline-block;vertical-align: middle;z-index:82; color:#fff;}
#main .visual .slick-page { padding: 0 35px; }
#main .visual .slick-page .bar {display:inline-block; width:180px; height:2px; background: rgba(255,255,255,0.5); vertical-align:middle; }
#main .visual .slick-page .per {display:block; width:0; height:100%; background:#aa1218 }
#main .visual .slick-page .current {font-family: os;font-weight:600; font-size:14px; color:#fff; letter-spacing:0.03em;margin-right: 20px; }
#main .visual .slick-page .total {font-family: os;font-weight: 600;font-size:14px; color:#fff; letter-spacing:0.03em;margin-left: 20px;}
#main .visQuick .list{font-size: 0;margin-top: 40px;position: relative;z-index: 0;}
#main .visQuick .list::before { content: ''; position: absolute; top: 50%; left: 50%; width: 100vw; height: 1px; transform: translate(-50%,-50%); background-color: rgba(255,255,255,0.2); z-index: -1;}
#main .visQuick .list li{display: inline-block;vertical-align: top;margin-left: 10px;transition: all 0.1s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
#main .visQuick .list li:first-child{margin-left: 0;}
#main .visQuick .list li .link{display: block;width: 95px;height: 95px;border-radius:30px;background: url(/images/bg_visquick_on.png) no-repeat 50% / 100%; font-size: 0;transition: all .3s ease-in-out;}
#main .visQuick .list li .link:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#main .visQuick .list li .link::after { content: '';}
/* #main .visQuick .list li .link:hover{background-image: url(/images/bg_visquick_on.png); font-size: 0;;} */
#main .visQuick .list li:hover{transform: scale(1.1);}
#main .visQuick .list li .link .vam{display: inline-block;vertical-align: middle;}
#main .visQuick .list li .link .text{margin-top: 18px;color: #fff;font-size: 17px;}
#main .visQuick .list li .link img { height: 40px;}
#main .section2{}
#main .section2 dt{font-size: 48px;font-weight: 700;color: #333;}
#main .section2 dd{font-size: 20px;line-height: 36px;margin-top: 40px;}
#main .section2 .btn{display: inline-block;vertical-align: top;border-radius:50px;background: #b01319 url(/images/btn-arrow1.png) no-repeat 100% 50%;padding: 0 30px;margin-top: 50px;}
#main .section2 .btn span{display: inline-block;height: 50px;line-height: 50px;padding-right: 70px;font-size: 17px;color: #fff;}
#main .mainTitle{position: relative;}
#main .mainTitle .more{position: absolute;top:10%;right:0;z-index:1;height: 40px;line-height: 40px;font-size: 16px;font-weight: 200;text-decoration: none;}
#main .mainTitle .more img{margin-left: 10px;}
#main .section7 .mo{display: none;}
.techList{font-size: 0;text-align: center;margin: -10px;}
.techList li{display: inline-block;vertical-align: top;width: 25%;padding: 10px;box-sizing:border-box;}
.techList li:nth-child(2n){margin-top: 30px;}
.techList li .box{position: relative;border-radius:10px;overflow: hidden;}
.techList li .box .imgBox{}
.techList li .textBox{position: absolute;top:0;left:0;width: 100%;height: 100%;padding: 35px;box-sizing:border-box;text-align: left;font-size: 0;}
.techList li .textBox:before{display: inline-block;vertical-align: bottom;content: '';width: 0;height: 100%;}
.techList li .textBox dl{display: inline-block;vertical-align: bottom;width: 100%;}
.techList li .textBox dd{font-size: 18px;line-height: 26px;letter-spacing: -0.045em;color: #eee;}
.techList li .textBox dt{font-size: 28px;letter-spacing: -0.045em;color: #fff;margin-top: 10px;}
.techList li .textBox h4{}
.techList li .overBox{position: absolute;top:0;left:0;width: 100%;height: 100%;background: rgba(176,19,25,0.8);text-align: left;padding: 40px;font-size: 0;box-sizing:border-box;opacity: 0;z-index:10;}
.techList li .overBox .cover{position: absolute;top:0;left:0;width: 100%;height: 100%;font-size: 0;padding: 40px;box-sizing:Border-box;}
.techList li .overBox .cover:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
/* .techList li .box:hover .overBox{opacity: 1;} */
.techList li .overBox .vam{display: inline-block;vertical-align: middle;width: 100%;}
.techList li .overBox dd{font-size: 18px;line-height: 26px;letter-spacing: -0.045em;color: #fff;margin-bottom: 10px;}
.techList li .overBox dt{font-size: 28px;font-weight: 700;color: #fff;}
.techList li .overBox .btnBox{margin-top: 20px;}
.techList li .overBox .btnBox a{display: block;width: 100%;height: 50px;line-height: 48px;border:1px solid #fff;background: url(/images/btn-arrow2.png) no-repeat 100% 50%;border-radius:5px;color: #fff;padding-left: 18px;text-decoration: none;margin-top: 8px;box-sizing:border-box;}
.techList li .overBox .btnBox a:first-child{margin-top: 0;}
.techList li .overBox .btnBox a:hover{background: #fff url(/images/btn-arrow-over2.gif) no-repeat 100% 50%;color: #b01319;}
.performanceList{z-index: 0;margin: -10px;}
.performanceList li{display: inline-block;vertical-align: top;width: calc(25% - 20px);margin: 10px;border-radius:20px;overflow: hidden;box-sizing:border-box;}
.performanceList li .link{display: block;position: relative;border-radius:10px;overflow: hidden;}
.performanceList li .textBox{position: absolute;top:0;left:0;background: rgba(176,19,25,0.8);width: 100%;height: 100%;font-size: 0;text-align: center;opacity: 0;transition: all 0.2s;}
.performanceList li .textBox:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
.performanceList li .textBox .vam{display: inline-block;vertical-align: middle;}
/* .performanceList li .textBox .subj{font-size: 14px;line-height: 25px;letter-spacing: -0.045em;text-align: center;color: #fff;margin-bottom: 10px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;} */
.performanceList li .textBox .subj{font-size: 14px;line-height: 25px;letter-spacing: -0.045em;text-align: center;color: #fff;margin-bottom: 10px;}
.performanceList li .textBox .area{font-size: 14px;line-height: 24px;letter-spacing: -0.045em;color: #fff;}
.performanceList li .textBox .date{font-size: 14px;line-height: 24px;color: #fff;}
/* .performanceList li .link:hover .textBox{opacity: 1;} */
.redTable{width: 100%;}
#fullpage .whiteBox{border-radius:10px;padding: 60px 70px;background: #fff;}
@media all and (max-width: 1300px){
/* .performanceList{margin: -10px -5px;}
.performanceList li{padding: 10px 5px;} */
.performanceList{margin: -5px;display: flex;flex-wrap: wrap;}
.performanceList li{padding: 0;margin: 5px;width: calc(100%/2 - 5px*2);}
/* .performanceList li .textBox{position: static;opacity: 1;padding: 25px 5px;background: rgb(176,19,25);box-sizing:border-box;} */
/* .performanceList li .textBox{position: static;opacity: 1;padding: 15px 5px;background: rgb(176,19,25);box-sizing:border-box;} */
.performanceList li .textBox .vam{max-width:100%;}
.performanceList li .textBox dt,
.performanceList li .textBox dd{word-break: break-all !important;}
.performanceList li .textBox .subj,
.performanceList li .textBox .area {font-size: 12px;line-height: 18px;overflow: hidden;}
.performanceList li .textBox .subj {max-height: calc(18px*3);}
.performanceList li .textBox .area {max-height: calc(18px);}
.performanceList li .textBox .date{font-size: 12px;line-height: 18px;max-height: calc(18px);overflow: hidden;}
}
.redTable{width: 100%;}
.redTable th{padding: 15px 10px;text-align: center;font-size: 18px;background: #b01319;color: #fff;}
.redTable th.subj{width: 450px;}
.redTable td{text-align: center;padding: 15px 5px;font-size: 17px;}
.redTable td.subj{text-align: left;}
.redTable td .state{display: inline-block;vertical-align: middle;width: 110px;height: 35px;line-height: 35px;border-radius:5px;background: #ddd;font-size: 16px;color: #fff;}
.redTable td .state.comp{background: #b01319;}
.redTable tr:nth-child(odd){background: #f5f5f5;}
.wheelWrap{}
.wheelRoll li img{width: 100%;}
.wheelRoll .item img{width: 100%;height: auto;}
.wheelWrap .slick-dots{display: none !important;}
.wheelWrap .wheelBar {position: relative; bottom: 0; left: 0; max-width: 100%; height: 2px;z-index: 100; margin-top: 50px}
.wheelWrap .wheelBar:after {content:'';position: absolute;bottom: 0;height: 3px;width: 100%;background: #dcdcdc;}
.wheelWrap .wheelBar span{display: inline-block;vertical-align: middle;position: absolute;top: -3px;left: 0;height: 6px; border-radius: 6px;background: #b01319;box-shadow: 3px 3px 3px rgba(100,100,100,0.1);text-indent: -999em;transition: all 0.2s;z-index: 100;}
.wheelWrap .slick-list{overflow: visible !important;}
.reviewList{font-size: 0;margin: -10px;display: flex;flex-wrap: wrap;}
#main .reviewList{display: block;}
.reviewList li{width: calc(25% - 20px);box-sizing:border-box;position: relative;border:1px solid #ddd;border-radius: 10px;margin: 10px;}
.reviewList.wheelRoll li{opacity: 0.5;}
.reviewList li.slick-active{opacity: 1;}
.reviewList li .link{display: block;border-radius:10px;overflow: hidden;text-decoration: none;}
.reviewList li .rating{position: absolute;bottom: 30px;left: 30px;}
.reviewList li .rating img{display: inline-block;vertical-align: middle;width: auto;}
.reviewList li .writer{font-size: 16px;letter-spacing: -1px;color: #999;position: absolute;top: 40px;right: 30px;}
.reviewList li .date1{font-size: 14px;letter-spacing: -1px;color: #999;margin-bottom: 30px;display: block;}
.reviewList li .date1 strong{margin-right: 10px;}
.reviewList li .date2{font-size: 14px;letter-spacing: -1px;color: #b01319;font-weight: bold;position: absolute;bottom: 28px;right: 30px;}
.reviewList li .imgBox{border-bottom:0;overflow: hidden;border-bottom: 1px solid #ddd;}
.reviewList li .textBox{background: #fff;padding: 40px 30px 55px 30px;position: relative;height: 150px;}
.reviewList li .textBox dt{font-size: 17px;font-weight: 500;color: #333;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.reviewList li .textBox dt .addr{display: block;margin-bottom: 10px;font-size: 16px;letter-spacing: -1px;color: #999;font-weight: normal;min-height: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.reviewList li .textBox dd{ overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 15px;line-height: 24px;margin: 10px 0;}
.mediaBox dt{font-size: 48px;font-weight: 700;color: #333;}
.mediaBox dd{font-size: 20px;font-weight: 300;}
#main .section8 .mediaBox{font-size: 0;}
#main .section8 .mediaBox >*{display: inline-block;vertical-align: middle;}
#main .section8 .text{width: 540px;}
#main .section8 .text dt{font-size: 48px;font-weight: 700;color: #333;}
#main .section8 .text dd{font-size: 20px;letter-spacing: -0.045em;margin-top: 40px;}
#main .section8 .text .btn{display: block;margin-top: 50px;}
#main .section8 .media{width: 760px;}
#main .section9{padding-top: 0;}
#fullpage .foot .fp-tableCell{padding-top: 0;}
/**************************************************
Sub
**************************************************/
#sub{padding-top: 100px;}
#sub #content{ position: relative;width: 1300px;margin: 0 auto;padding: 70px 0 100px;}
#sub #content.p0{padding: 0;width: auto;}
#sub #content.bn{padding-bottom: 0;}
#sub #content .subCon img{display: block;position: relative;left:50%;margin-left: -960px;}
#sub #content > *{}
#sub .sub-vis{position: relative;height: 350px;overflow: hidden;text-align: center;background-position: center center;background-size: cover;}
#sub .sub-vis:before{position: relative;content: '';display: inline-block;vertical-align: middle;width: 0;height: 100%;}
#sub .sub-vis h2{display: inline-block;vertical-align: middle;text-align: center;font-size: 54px;color: #fff;letter-spacing: -1px;z-index: 2;}
#sub .sub-vis h2 em{display: block;margin-top: 10px;font-style: normal;font-size: 18px;font-weight: normal;}
#sub .sub-tit{position: relative;padding-bottom: 20px;margin-bottom: 40px;border-bottom: 1px solid #ddd;}
#sub .sub-tit h3{margin-top: 10px;font-size: 30px;color: #000;}
.lnbWrap{background: #666666;}
#lnb{width: 1300px;margin: 0 auto;}
#lnb > li{display: inline-block;vertical-align: top;border-right: 1px solid #999999;box-sizing: border-box;}
#lnb > li:first-child{border-left: 1px solid #999999;}
#lnb > li a{display: block;line-height: 50px;font-size: 15px;text-decoration: none;text-align: center;color: #fff;}
#lnb > li.active a{background: #fff;color: #000;}
#status{position: absolute;bottom: 20px;right: 0;}
#status > ul > li{display: inline-block;}
#status > ul > li .spr{display: inline-block;vertical-align: middle;margin: 0 10px;color: #999;font-size: 11px;line-height: 11px;}
#status > ul > li a{font-size: 13px;color: #999;text-decoration: none;}
#status > ul > li:last-child a{color: #000;}
#status > ul > li > ul{display: none;}
#navigator{border-bottom: 1px solid #ddd;}
#navigator > ul{width: 1300px;position: relative;margin: 0 auto;border-left: 1px solid #ddd;box-sizing: border-box;background: #fff;}
#navigator > ul > li{position: relative;display: inline-block;border-right: 1px solid #ddd;vertical-align: top;z-index: 89;}
#navigator > ul > li > a{display: block;min-width: 200px;font-size: 15px;font-weight: 500;color: #333;text-decoration: none;padding: 0 60px 0 15px;line-height: 50px;background: url('/images/layout/ft-family-spr.png') no-repeat 95% center;}
#navigator > ul > li:first-child a{min-width: 0;width: 50px;text-align: center;padding: 0;background: #b01319;color: #fff;font-size: 20px;}
#navigator > ul > li > ul{position: absolute;top: 50px;left: -1px;width: 100%;border: 1px solid #ddd;visibility: hidden;opacity: 0;transition: all 0.2s;}
#navigator > ul > li > ul li a{display: block;padding: 12px 15px;font-size: 15px;border-top: 1px solid #ddd;text-decoration: none;transition: all 0.3s;}
#navigator > ul > li > ul li:first-child a{border-top: none;}
#navigator > ul > li > ul li:hover a{background: #f7f7f7;}
#navigator > ul > li.on > ul{background: #fff;visibility: visible;opacity: 1;}
#navigator > ul > li > ul li.hidden-gnb{display: none;}
/* 약관 내용 출력 박스 */
.policybox{color: #666;font-size: 13px;line-height: 20px;}
/**************************
Search
**************************/
#sb-search{position: relative;margin-bottom: 30px;height: 40px;}
#sb-search .total{font-size: 14px;color: #333333;line-height: 40px;}
#sb-search .total strong{color: #000;}
#sb-search .tit{font-size: 16px;letter-spacing: -1px;color: #333;font-weight: bold;line-height: 40px;}
#sb-search .tit i{margin-right: 5px;}
#sb-search fieldset{position: absolute;top: 0;right: 0;font-family: empty;font-size: 0;}
#sb-search fieldset.no-abs{position: static;text-align: center;padding: 10px 0;}
#sb-search fieldset > *{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 40px;box-sizing: border-box;}
#sb-search legend{display: none;}
#sb-search .where{border: 1px solid #dddddd;width: 130px;overflow: hidden;background: url(/superboard/images/sb_slt_spr.jpg) no-repeat 92% center;margin-left: 5px;}
#sb-search .where select{width: 130%;height: 40px;border: none;background: none;padding-left: 10px;font-size: 14px;color: #333333;}
#sb-search .inp{position: relative;border: 1px solid #dddddd;padding-right: 40px;margin-left: 5px;}
#sb-search .inp .keyword{width: 100%;border: none;background: none;height: 40px;font-size: 14px;padding-left: 15px;}
#sb-search .inp .sbm{position: absolute;top: 0;right: 0;width: 40px;height: 40px;background: url(/superboard/images/sb_search_sbm.jpg) no-repeat center center;border: none;text-indent: -999em;}
@media screen and (max-width: 750px) {
#sb-search{height: auto;}
#sb-search .total{font-size: 12px;line-height: auto;}
#sb-search fieldset{position: relative;top: auto;right: auto;margin: -0.5% !important;}
#sb-search fieldset > *{height: 35px;margin: 0.5% !important;}
#sb-search .where{width: 35%;}
#sb-search .where select{height: 35px;padding-left: 5px;font-size: 13px;letter-spacing: -1px;}
#sb-search .category{width: 99%;background-position: 97% center;}
#sb-search .inp{padding-right: 35px;width: 63%;}
#sb-search .inp .keyword{width: 100%;height: 35px;font-size: 13px;padding-left: 10px;}
#sb-search .inp .sbm{width: 35px;height: 35px;}
}
.apaging{margin-top: 50px;font-size: 0;text-align: center;}
.apaging a{display: inline-block;vertical-align: top;width: 33px;height: 33px;line-height: 33px;text-align: center;border:1px solid #ddd;margin: 0 2px;}
.apaging a img{max-width:100%;}
.apaging a.prev{margin-right:15px;}
.apaging a.next{margin-left:15px;}
.apaging a.num{font-size: 15px;color: #555;}
.apaging a.num.active,
.apaging a.num:hover{background: #464646;border-color: #464646;color: #fff;transition:0.2s;}
@media all and (max-width: 750px){
.apaging a{display: inline-block;vertical-align: top;width: 28px;height: 28px;line-height: 28px;text-align: center;border:1px solid #ddd;margin: 0 2px;}
.apaging a.prev{margin-right:10px;}
.apaging a.next{margin-left:10px;}
.apaging a.num{font-size: 13px;color: #555;}
}
.subPerList{font-size: 0;margin: -10px;}
.subPerList li{display: inline-block;vertical-align: top;width: 25%;padding: 10px;box-sizing:border-box;}
.subPerList li .link{display: block;border-radius:10px;overflow: hidden;text-decoration: none;}
.subPerList li .imgBox img{width: 100%;height: auto;}
.subPerList li .textBox{background: #fff;padding: 30px;border:1px solid #ddd;border-radius: 0 0 10px 10px;}
.subPerList li .textBox dt{font-size: 17px;font-weight: 500;color: #333;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.subPerList li .textBox dd{ overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 15px;line-height: 24px;margin-top: 10px;}
.subPerList li .textBox dd > p {margin: -5px 0 10px;font-size: 14px;letter-spacing: -1px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;line-height: 1.6em;min-height: 1.6em;}
.subPerList li .textBox table{width: 100%;}
.subPerList li .textBox table th{width: 40px;font-size: 15px;font-weight: 500;color: #333;}
.subPerList li .textBox table td{font-size: 15px;font-weight: 300;}
#wrap .wide{overflow: hidden;position: relative;left:50%;width: 1920px;margin-left: -960px;}
#wrap .inner{position: relative;width: 1300px;margin: 0 auto;}
.subTitle{margin-bottom: 50px;}
.subTitle h4{font-size: 38px;font-weight: 700;color: #333;text-align: center;}
.subTitle .text{text-align: center;font-size: 20px;font-weight: 300;color: #666;margin-top: 20px;}
.priceBox{display: flex;flex-wrap: wrap;margin: -11px;}
.priceBox li{width: 50%;;vertical-align: top;padding: 11px;box-sizing:border-box;}
.priceBox .title{margin-bottom: 30px;}
.priceBox .title dt{font-size: 30px;text-align: center;font-weight: 700;color: #333;margin-bottom: 20px;}
.priceBox .title dt strong{color: #b01319;}
.priceBox .title dd{min-height:48px;font-size: 18px;letter-spacing: -0.045em;text-align: center;}
.priceBox .box{height:100%;padding: 70px;border:8px solid #f6f6f6;box-sizing: border-box;}
.priceBox .price{padding: 30px;background: #f8f8f8;border-top:2px solid #b01319;}
.priceBox .price dt{font-size: 20px;font-weight: 500;color: #333;text-align: center;}
.priceBox .price dt strong{font-size: 34px;color: #b01319;}
.priceBox .price dd{text-align: center;font-size: 17px;font-weight: 300;color: #666;margin-top: 8px;}
.btnType1{margin-top: 50px;text-align: center;}
.btnType1 .btn{display: inline-block;vertical-align: top;width: 220px;height: 55px;line-height: 55px;border-radius:55px;background: #b01319;color: #fff;font-size: 18px;text-decoration: none;}
.textType1{padding: 35px 0;border-top:1px solid #b01319;background: #f8f8f8;margin-top: 20px;}
.textType1 dt{font-size: 22px;line-height: 30px;letter-spacing: -0.045em;text-align: center;font-weight: 700;color: #333;}
.textType1 dt strong{color: #b01319;}
.textType1 dd{font-size: 18px;font-weight: 300;text-align: center;color: #333;margin-top: 5px;}
.stit{margin-bottom: 20px;}
.stit h5{font-size: 24px;font-weight: 700;color: #333;}
.discountBox{margin-top: 70px;}
.dboxType1{border-radius:10px;border:8px solid #f6f6f6;font-size: 0;padding: 30px 0;}
.dboxType1 .box{position: relative;display: inline-block;vertical-align: middle;width: 33.33%;text-align: center;}
.dboxType1 .box:first-child:after{display: none;}
.dboxType1 .box:after{display: block;content: '';width: 1px;height: 100%;background: #ddd;position: absolute;top:0;left:0;}
.dboxType1 .box dt{font-size: 18px;font-weight: 500;color: #333;}
.dboxType1 .box dd{font-size: 18px;font-weight: 500;color: #333;}
.dboxType1 .box dd strong{font-size: 44px;color: #b01319;letter-spacing: -0.03em;font-weight: 700;}
.numBox{padding: 35px 50px;background: #f8f8f8;margin-top: 25px;}
.numBox li{position: relative;margin-top: 12px;padding-left: 32px;}
.numBox li:first-child{margin-top: 0;}
.numBox li .imp{position: absolute;top:0;left:0;}
.numBox li .text{font-size: 16px;line-height: 20px;color: #555;}
.numBox li .text strong{color: #333;font-weight: 500;}
#inquiry .section2{background: url(/images/inq-sec2-bg.jpg) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;padding: 100px 0;margin-top: 100px;}
#inquiry .section3{background: url(/images/inq-sec3-bg.jpg) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;height: 350px;}
#sub .btmBanner{font-size: 0;text-align: center;}
#sub .btmBanner:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#sub .btmBanner .vam{display: inline-block;vertical-align: middle;}
#sub .btmBanner dt{font-size: 38px;font-weight: 700;color: #fff;}
#sub .btmBanner dd{font-size: 18px;letter-spacing: -0.045em;color: #fff;margin-top: 20px;}
#sub .btmBanner .tel{display: inline-block;height: 60px;padding: 0 40px;border-radius:60px;background: #aa1218;line-height: 60px;font-size: 19px;color: #fff;text-decoration: none;margin-top: 40px;font-weight: 500;}
#sub .btmBanner .tel i{line-height: 60px;color: #fff;margin-right: 12px;}
.formType1{padding: 80px;background: #fff;border-radius:10px;}
.formType1 .list{margin: -20px ;font-size: 0;}
.formType1 .list li{padding: 20px;box-sizing:border-box;width: 50%;display: inline-block;vertical-align: top;border-bottom:1px solid #ddd;}
.formType1 .list li.full{width: 100%;border-bottom:0;}
.formType1 .list li .box{position: relative;padding-left: 100px;box-sizing:border-box;}
.formType1 .list li strong{position: absolute;display: block;font-size: 16px;color: #333;height: 50px;line-height: 50px;top:0;left:0;}
.formType1 .list li .typeText{width: 100%;height: 50px;border:1px solid #ddd;text-indent: 15px;font-size: 15px;color: #888;border-radius:5px;}
.formType1 .list li .typeArea{width: 100%;padding: 15px;border:1px solid #ddd;color: #888;height: 150px;box-sizing:border-box;border-radius:5px;}
.formType1 .list li:nth-child(2n+1) .box{padding-right: 60px;}
.formType1 .list li.full .box{padding-right: 0;}
.formType1 .selDouble{font-size: 0;}
.formType1 .selDouble select{display: inline-block;vertical-align: middle;width: calc(50% - 5px);height: 50px;border:1px solid #ddd;padding-left: 12px;border-radius:5px;}
.formType1 .selDouble .at{display: inline-block;vertical-align: middle;width: 10px;}
.btmRig{text-align: right;margin-top: 30px;font-size: 0;}
.btmRig >*{display: inline-block;vertical-align: middle;}
.btmRig .btnSubmit{width: 240px;height: 45px;border-radius:5px;background: #aa1218;margin-left: 20px;border:0;font-size: 16px;color: #fff;font-weight: 500;}
#perView .dboxType2{border-radius:10px;border:8px solid #f6f6f6;font-size: 0;padding: 30px 0;}
#perView .dboxType2 .box{position: relative;display: inline-block;vertical-align: middle;width: 33.33%;text-align: center;}
#perView .dboxType2 .box:first-child:after{display: none;}
#perView .dboxType2 .box:after{display: block;content: '';width: 1px;height: 100%;background: #ddd;position: absolute;top:0;left:0;}
#perView .dboxType2 .box dt{font-size: 17px;font-weight: 500;color: #333;}
#perView .dboxType2 .box dd{font-size: 15px;font-weight: 500;color: #888;margin-top: 10px;}
#perView .dboxType2 .box dd strong{font-size: 44px;color: #b01319;letter-spacing: -0.03em;font-weight: 700;}
#perView .imgBox img{display: block;margin-top: 10px;}
#perView .imgBox img:first-child{margin-top: 0;}
#perView .perViewText{font-size: 15px;line-height: 22px;letter-spacing: -0.045em;color: #888;padding: 30px;background: #f8f8f8;text-align: center;margin: 40px 0;}
#perView .goList{text-align: center;margin-top: 60px;}
#perView .goList a{display: inline-block;vertical-align: middle;width: 180px;height: 50px;line-height: 50px;font-size: 16px;color: #fff;font-weight: 500;background: #b01319;}
.tableType1{width: 100%;border-top:2px solid #333;}
.tableType1 tr{border-bottom:1px solid #ddd;}
.tableType1 thead th{font-size: 16px;font-weight: 500;color: #333;padding: 18px 10px;text-align: center;background: #f6f6f6;}
.tableType1 th.subj{width: 50%;}
.tableType1 td{text-align: center;padding: 18px 10px;font-size: 15px;color: #555;}
.tableType1 td.subj{text-align: left;}
.tableType1 td .state{display: inline-block;vertical-align: middle;width: 110px;height: 35px;line-height: 35px;border-radius:5px;background: #ddd;font-size: 16px;color: #fff;}
.tableType1 td .state.comp{background: #b01319;}
.rtTopBar{background: #b01319;border-radius:10px;line-height: 60px;font-weight: 500;color: #fff;font-size: 21px;text-align: center;margin-bottom: 40px;}
.rtTopBar strong{color: #fff000;font-weight: 500;}
#wrap .hbr{display: block;height: 28px;border:0;margin: 0;}
#info{padding:90px 0 100px;background: url(/images/info-box-bg.gif) no-repeat 100% 0;}
#info .infoBox{display: table;width: 100%;}
#info .infoBox >*{display: table-cell;vertical-align: middle;}
#info .textBox dt{font-size: 38px;line-height: 52px;color: #333;font-weight: 700;margin-bottom: 45px;letter-spacing: -0.04em;}
#info .textBox dt strong{color: #b01319;font-weight: 700;}
#info .textBox dd{font-size: 18px;line-height: 32px;letter-spacing: -0.045em;}
#info .textBox dd strong{font-size: 20px;line-height: 30px;letter-spacing: -0.045em;font-weight: 500;color: #333;}
#info .textBox .btmtxt{font-size: 18px;color: #333;}
#info .imgBox{width: 490px;}
#construction{padding-top: 90px;}
#construction .section2{height: 350px;background: url(/images/const-sec2.jpg) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;text-align: center;}
#construction .section2:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#construction .section2 .vam{display: inline-block;vertical-align: middle;}
#construction .banner{margin-top: 90px;}
#construction .banner .text dt{font-size: 38px;letter-spacing: -0.045em;color: #fff;font-weight: 700;}
#construction .banner .text dd{font-size: 18px;letter-spacing: -0.045em;color: #fff;font-weight: 300;margin-top: 15px;}
.constList{font-size: 0;margin: -30px;}
.constList li{display: inline-block;vertical-align: top;width: 50%;padding: 30px;box-sizing:border-box;}
.constList li .textBox{padding-top: 30px;}
.constList li dt{font-size: 26px;letter-spacing: -0.045em;color: #333;font-weight: 700;padding-bottom: 20px;margin-bottom: 20px;border-bottom:1px solid #ddd;}
.constList li dd{font-size: 17px;line-height: 30px;letter-spacing: -0.045em;}
.banBtn{margin-top: 30px;text-align: center;}
.banBtn a{display: inline-block;vertical-align: top;width: 254px;height: 55px;line-height: 55px;border:3px solid #fff;font-size: 19px;border-radius:61px;text-align: center;color: #fff;text-decoration: none;margin-left: 10px;}
.banBtn a.type2{border-color: #ddd;color: #888;}
.banBtn a:first-child{margin-left: 0;}
.banBtn a.active{background: #b01319;border-color: #b01319;}
@media all and (min-width: 1300px){
#service .banBtn{margin-top: 60px;}
}
/* Etc */
.basicPop {position:fixed;z-index:300;left:0;top:0;width:100%;height:100%;display:none;font-size:0;text-align:center;box-sizing:border-box;padding:10px;}
.basicPop:before {content:"";display:inline-block;vertical-align:middle;width:0;height:100%;}
.basicPop .popBG {cursor:pointer;background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;}
.basicPop .inner {
vertical-align:middle;
box-sizing:border-box;
background:#fff;
z-index:10;
display:inline-block;
border-radius:15px;
overflow:hidden;
position:relative;
max-width:100%;
width:640px;
text-align:left;
}
.basicPop .title{padding-bottom: 20px;margin-bottom: 25px;border-bottom:2px solid #333;}
.basicPop .title h3{font-size:27px;font-weight:700;letter-spacing:-0.075em;color:#333;}
.basicPop .popClose {display:block;position:absolute;right:0;top:0;color:#fff;background:none;border:none;width:53px;height:53px;cursor: pointer;border:0;}
.basicPop .desc {padding:50px 60px;max-height:60vh;overflow:auto;}
.popfTable{width: 100%;}
.popfTable th,
.popfTable td{padding-top: 10px;vertical-align: top;}
.popfTable tr:first-child th,
.popfTable tr:first-child td{padding-top: 0;}
.popfTable th strong{line-height: 48px;font-size: 16px;font-weight: 500;color: #333;}
.popfTable td .typeText{width: 100%;height: 48px;border:1px solid #ddd;border-radius:5px;text-indent: 15px;}
.popfTable td .typeArea{width: 100%;height: 110px;border-radius:5px;padding: 15px;border:1px solid #ddd;}
.popForm .btm{margin-top: 25px;padding-top: 35px;border-top:1px solid #ddd;text-align: center;}
.popForm .popBtn{margin-top: 15px;}
.popForm .popBtn .btnSubmit{width: 320px;height: 45px;border-radius:5px;background: #aa1218;font-size: 16px;color: #fff;letter-spacing: -0.05em;border:0;font-weight: 700;}
.imgContent{text-align: center;}
.imgContent img{max-width:100%;}
#fullpage .section9{background: url(/images/main-sec9.jpg) no-repeat 50% 50%;}
#fullpage .section9 .mainTitle h4{}
#fullpage .section9 .imgBox{position: relative;margin: -10px;font-size: 0;}
#fullpage .section9 .imgBox .box{display: inline-block;vertical-align: top;width: 50%;padding: 10px;box-sizing:border-box;}
#fullpage .section9 .imgBox .box .img{}
#fullpage .section9 .imgBox .box .img1:after{display: block;content: '';width: 80px;height: 80px;background: url(/images/sec9-imgbox-plus.png) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;position: absolute;top:50%;left:50%;margin-left: -40px;margin-top: -40px;border-radius:50%;}
#fullpage .section9 .textBox{text-align: center;margin-top: 40px;}
#fullpage .section9 .textBox dt{font-size: 34px;font-weight: 500;color: #333;margin-bottom: 15px;}
#fullpage .section9 .textBox dt em{position: relative;display: inline-block;font-style: normal;font-size: 34px;}
#fullpage .section9 .textBox dt em:after{display: block;content: '';width: 5px;height: 5px;border-radius:50%;background: #b01319;position: absolute;top:-10px;left:50%;}
#fullpage .section9 .textBox dt strong{font-weight: 700;color: #b01319;}
#fullpage .section9 .textBox dd{font-size: 20px;line-height: 36px;letter-spacing: -0.045em;}
#fullpage .section9 .btn{display: inline-block;vertical-align: top;border-radius:50px;background: #b01319 url(/images/btn-arrow1.png) no-repeat 100% 50%;padding: 0 30px;margin-top: 30px;}
#fullpage .section9 .btn span{display: inline-block;height: 50px;line-height: 50px;padding-right: 70px;font-size: 17px;color: #fff;}
@media all and (max-width: 1300px){
#main .mainTitle .text2{font-size: 18px;line-height: 26px;margin-top: 8px;}
#fullpage .section9 .imgBox .box .img1:after{width: 40px;height: 40px;margin-top: -20px;margin-left: -20px;}
#fullpage .section9 .textBox dt{font-size: 26px;}
#fullpage .section9 .textBox dd{font-size: 14px;line-height: 22px;}
}
@media all and (max-width: 750px){
#fullpage .section9 .imgBox{margin: -5px;}
#fullpage .section9 .imgBox .box{display: block;width: auto;padding: 5px;}
#fullpage .section9 .imgBox .box img{width: 100%;}
#main .mainTitle .text2{font-size: 15px;line-height: 23px;}
}
/* [240708 kyj] S */
#header {top: 40px;left: 50%;height: 76px;width: 1220px;transform: translateX(-50%);border-radius: 10px;padding: 0 0 0 30px;display: flex;justify-content: space-between;align-items: center;}
#header .logo{line-height: 76px;position: static;}
#header .logo img {max-height: 32px;}
#gnb {position: static;display: flex;justify-content: center;align-items: center;flex-grow: 1;flex-basis: 0;}
#gnb > li > a {padding: 0 25px;line-height: 76px;font-size: 18px;font-weight: 500;}
#gnb > li.active > a {color: #b01319;}
#gnb > li > ul {top: 76px;background: #b01319;padding: 8px 15px;border: 0px;}
#gnb > li > ul > li > a {padding: 8px 0;color: #fff;font-size: 16px;line-height: 26px;}
#slide-btn {border-radius: 10px;overflow: hidden;}
#slide-btn {height: 76px;width: 76px;position: relative;}
#slide-btn button {width: 100%;}
#drdw {top: 126px;}
#fullpage .section .fp-tableCell {padding-top: 0;}
#sub {padding-top: 0;}
/* header on&off */
#header {transition: all 0.3s;}
#slide-btn {transition: all 0.3s;}
#drdw {transition: top 0.3s;}
/* .fp-viewing-section1 #header {top: 0;width: 100%;border-radius: 0;}
.fp-viewing-section1 #slide-btn {border-radius: 0;}
.fp-viewing-section1 #drdw {top: 76px;} */
.fp-viewing-comics #header {top: 0;width: 100%;border-radius: 0;}
.fp-viewing-comics #slide-btn {border-radius: 0;}
.fp-viewing-comics #drdw {top: 76px;}
.fp-viewing-overview #header {top: 0;width: 100%;border-radius: 0;}
.fp-viewing-overview #slide-btn {border-radius: 0;}
.fp-viewing-overview #drdw {top: 76px;}
.fp-viewing-section2 #header {top: 0;width: 100%;border-radius: 0;}
.fp-viewing-section2 #slide-btn {border-radius: 0;}
.fp-viewing-section2 #drdw {top: 76px;}
.fp-viewing-section3 #header {top: 0;width: 100%;border-radius: 0;}
.fp-viewing-section3 #slide-btn {border-radius: 0;}
.fp-viewing-section3 #drdw {top: 76px;}
.fp-viewing-history #header {top: 0;width: 100%;border-radius: 0;}
.fp-viewing-history #slide-btn {border-radius: 0;}
.fp-viewing-history #drdw {top: 76px;}
.fp-viewing-franchise #header {top: 0;width: 100%;border-radius: 0;}
.fp-viewing-franchise #slide-btn {border-radius: 0;}
.fp-viewing-franchise #drdw {top: 76px;}
.fp-viewing-section4 #header {top: 0;width: 100%;border-radius: 0;}
.fp-viewing-section4 #slide-btn {border-radius: 0;}
.fp-viewing-section4 #drdw {top: 76px;}
.fp-viewing-section5 #header {top: 0;width: 100%;border-radius: 0;}
.fp-viewing-section5 #slide-btn {border-radius: 0;}
.fp-viewing-section5 #drdw {top: 76px;}
.fp-viewing-section6 #header {top: 0;width: 100%;border-radius: 0;}
.fp-viewing-section6 #slide-btn {border-radius: 0;}
.fp-viewing-section6 #drdw {top: 76px;}
.fp-viewing-partnerreview #header {top: 0;width: 100%;border-radius: 0;}
.fp-viewing-partnerreview #slide-btn {border-radius: 0;}
.fp-viewing-partnerreview #drdw {top: 76px;}
.fp-viewing-section9 #header {top: 0;width: 100%;border-radius: 0;}
.fp-viewing-section9 #slide-btn {border-radius: 0;}
.fp-viewing-section9 #drdw {top: 76px;}
.fp-viewing-foot #header {top: 0;width: 100%;border-radius: 0;}
.fp-viewing-foot #slide-btn {border-radius: 0;}
.fp-viewing-foot #drdw {top: 76px;}
#header.on {top: 0;width: 100%;border-radius: 0;}
#header.on #slide-btn {border-radius: 0;}
#drdw.on {top: 76px;}
#header.fix {top: 0;width: 100%;border-radius: 0;}
#header.fix #slide-btn {border-radius: 0;}
#header.fix + #drdw {top: 76px;}
/* sub */
#sub .sub-vis h2 {padding-top: 80px;}
/* main */
.techList li {opacity: 0;bottom: -100px;position: relative;}
.fp-viewing-section3 .techList li {transition: all 0.5s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
.fp-viewing-section3 .techList li {opacity: 1;bottom: 0;}
.fp-viewing-section3 .techList li:nth-child(1) {transition-delay: 0.4s;}
.fp-viewing-section3 .techList li:nth-child(2) {transition-delay: 0.6s;}
.fp-viewing-section3 .techList li:nth-child(3) {transition-delay: 0.8s;}
.fp-viewing-section3 .techList li:nth-child(4) {transition-delay: 1s;}
.techList li .textBox {padding: 30px;}
.techList li .textBox .tit_plus {display: inline-block;vertical-align: bottom;width: 100%;cursor: pointer;text-align: center;padding-bottom: 50px;background: url('../images/main/icon-plus.png') no-repeat 50% 100%;font-size: 28px;color: #fff;font-weight: 700;line-height: 36px;letter-spacing: -0.045em;text-decoration: none;}
.techList li .overBox {opacity: 1;top: 100%;}
.techList li .overBox .cover:before {display: none;}
.techList li .overBox .vam {display: block;height: 100%;display: flex;justify-content: space-between;flex-direction: column;align-items: center;}
.techList li .overBox .btnBox {width: 100%;padding: 0;}
.techList li .overBox .btnBox a {margin-top: 8px;border-radius: 10px;height: 45px;display: flex;justify-content: start;align-items: center;padding: 0 20px;box-sizing: border-box;font-size: 14px;line-height: 1.3em;}
.techList li .overBox dt {line-height: 36px;text-align: center;}
.techList li:nth-child(1):hover ._btn {display: none;}
.techList li:nth-child(1):hover .overBox {top: 0;transition: top 0.2s;}
.performanceList li {position: relative;}
.performanceList .tit_plus {position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);z-index: 9;border: 0px;background: none;}
.performanceList .tit_plus img {display: block;}
.performanceList li .link {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 11;border-radius: 0;display: none;}
/* .performanceList li .textBox {top: 10px;left: 10px;width: calc(100% - 10px*2);height: calc(100% - 10px*2);} */
.performanceList li .imgWrap {position: relative;}
.performanceList li .info {padding: 15px;background: #fff;}
.performanceList li .info > * {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;letter-spacing: -1px;line-height: 1.4em;min-height: 1.4em;}
.performanceList li .info > strong {font-size: 18px;color: #222;}
.performanceList li .info > p {margin-top: 5px;font-size: 14px;}
.performanceList li.on .link {display: block;}
.performanceList li.on .tit_plus {display: none;}
.performanceList li.on .textBox {opacity: 1;z-index: 10;}
.section5 .inr {border-radius:10px;padding: 60px 70px;background: #fff;}
.section5 .slider {height: 465px;overflow: hidden;}
.section5 .slider .head {display: flex;justify-content: space-between;align-items: center;background: #b01319;text-align: center;}
.section5 .slider .head strong {font-size: 15px;color: #fff;font-weight: 700;letter-spacing: -0.045em;line-height: 50px;}
.section5 .slider .body_inr {display: flex;justify-content: space-between;align-items: center;text-align: center;height: 50px;}
.section5 .slider .body_inr p {font-size: 15px;color: #666666;font-weight: normal;letter-spacing: -0.045em;line-height: 50px;text-align: center;}
.section5 .slider .body_inr .sbj {text-align: left;padding-left: 45px;}
.section5 .slider .body_inr .sbj a {font-size: 16px;color: #666666;font-weight: normal;letter-spacing: -0.045em;line-height: 70px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.section5 .slider .num {display: none;}
.section5 .slider .sbj {flex-grow: 1;flex-basis: 0;}
.section5 .slider .tel {width: 280px;}
.section5 .slider .area {width: 210px;}
.section5 .slider .cons {width: 270px;}
.section5 .slider .item:nth-child(odd) {background-color: #f5f5f5;}
.section5 .slider .state{display: inline-block;vertical-align: middle;font-size: 15px;font-weight:500;color: #888;}
.section5 .slider .state.comp{color: #b01319;}
/* [240809 kyj] S */
.techList_new{font-size: 0;text-align: center;margin: -10px;}
.techList_new li{display: inline-block;vertical-align: top;width: 25%;padding: 10px;box-sizing:border-box;opacity: 0;bottom: -100px;position: relative;}
.techList_new li:nth-child(even){margin-top: 30px;}
.techList_new li .box{position: relative;border-radius:10px;overflow: hidden;}
.techList_new li .tit {position: absolute;top: 255px;left: 0;right: 0;z-index:11;}
.techList_new li .tit:after {display: block;content: '';margin: 0 auto;width: 34px;height: 34px;margin-top: 12px;background: url('../images/main/icon-plus.png') no-repeat 50% 100%;}
.techList_new li .tit > * {display: block;text-align: center;color: #fff;letter-spacing: -1px;}
.techList_new li .tit > em {font-style: normal;font-size: 16px;font-weight: 500;line-height: 28px;}
.techList_new li .tit > strong {margin-top: 3px;font-size: 26px;font-weight: 700;line-height: 38px;}
.techList_new li .tit > p {display: none;margin-top: 10px;font-size: 16px;font-weight: 300;line-height: 26px;}
/* .techList_new li:nth-child(4) .tit {top: calc(255px - 28px);} */
.techList_new li .overBox{position: absolute;top: 100%;left:0;width: 100%;height: 100%;background: rgba(176,19,25,0.8);text-align: left;padding: 25px;font-size: 0;box-sizing:border-box;opacity: 1;z-index:10;display: flex;justify-content: center;align-items: end;}
.techList_new li .overBox .btnBox{margin-top: 20px;width: 100%;padding: 0;}
.techList_new li .overBox .btnBox a{display: flex;justify-content: start;align-items: center;width: 100%;border-radius: 5px;height: 45px;line-height: 1.3em;border:1px solid #fff;background: url(/images/btn-arrow2.png) no-repeat 100% 50%;box-sizing: border-box;font-size: 14px;color: #fff;padding-left: 18px;text-decoration: none;margin-top: 8px;box-sizing:border-box;padding: 0 20px;}
.techList_new li .overBox .btnBox a:first-child{margin-top: 0;}
.techList_new li .overBox .btnBox a:hover{background: #fff url(/images/btn-arrow-over2.gif) no-repeat 100% 50%;color: #b01319;}
.techList_new li .overBox,
.techList_new li .tit {transition: all 0.2s;}
.techList_new li:hover ._btn {display: none;}
.techList_new li:hover .overBox {top: 0;}
.techList_new li:hover .tit {top: 25px;}
.techList_new li:hover .tit > p {display: block;}
.techList_new li:hover .tit:after {display: none;}
.fp-viewing-section3 .techList_new li {transition: all 0.5s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
.fp-viewing-section3 .techList_new li {opacity: 1;bottom: 0;}
.fp-viewing-section3 .techList_new li:nth-child(1) {transition-delay: 0.4s;}
.fp-viewing-section3 .techList_new li:nth-child(2) {transition-delay: 0.6s;}
.fp-viewing-section3 .techList_new li:nth-child(3) {transition-delay: 0.8s;}
.fp-viewing-section3 .techList_new li:nth-child(4) {transition-delay: 1s;}
.fp-viewing-section4 .techList_new li {transition: all 0.5s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
.fp-viewing-franchise .techList_new li {opacity: 1;bottom: 0;}
.fp-viewing-franchise .techList_new li:nth-child(1) {transition-delay: 0.4s;}
.fp-viewing-franchise .techList_new li:nth-child(2) {transition-delay: 0.6s;}
.fp-viewing-franchise .techList_new li:nth-child(3) {transition-delay: 0.8s;}
.fp-viewing-franchise .techList_new li:nth-child(4) {transition-delay: 1s;}
.colRed {color: #b01319 !important;}
#info .infoBox >* {vertical-align: top;}
#info .imgBox {padding-top: 10px;}
#info .textBox dt {margin-bottom: 35px;}
#info .textBox dd + dd {margin-top: 25px;}
#info .textBox dd.mid,
#info .textBox dd.mid * {font-size: 22px;color: #333;font-weight: 500;line-height: 34px;letter-spacing: -0.045em;}
#info .textBox dd.mid b {font-weight: 700;}
#wrap .hbr {height: 20px;}
.zigzag > dl {display: flex;align-items: center;justify-content: space-between;}
.zigzag > dl > dd {box-sizing: border-box;width: calc(100% - 710px);padding-top: 40px;background-repeat: no-repeat;}
.zigzag > dl:nth-child(odd) {flex-direction: row;}
.zigzag > dl:nth-child(odd) > dd {padding-left: 70px;background-image: url('../images/sub/aboutus-bg1.jpg');background-position: 100% 0;}
.zigzag > dl:nth-child(even) {flex-direction: row-reverse;}
.zigzag > dl:nth-child(even) > dd {padding-left: 60px;background-image: url('../images/sub/aboutus-bg2.jpg');background-position: 0 0;}
.zigzag > dl + dl {margin-top: 100px;}
.zigzag > dl > dd > strong {display: block;}
.zigzag > dl > dd > strong,
.zigzag > dl > dd > strong * {font-size: 32px;color: #333333;font-weight: 700;line-height: 42px;letter-spacing: -0.045em;}
.zigzag > dl > dd > p {margin-top: 20px;font-size: 17px;font-weight: 300;line-height: 30px;letter-spacing: -0.045em;}
#ci .symbol {margin-bottom: 30px;border: 1px solid #ddd;height: 400px;background: url('../images/sub/ci-bg1.jpg') repeat 50% 50%;display: flex;justify-content: center;align-items: center;}
#ci .boxs {flex-wrap: wrap;display: flex;margin: -15px;}
#ci .boxs > li {margin: 15px;width: calc(100%/3 - 15px*2);box-sizing: border-box;border: 1px solid #ddd;padding: 30px 30px 40px;}
#ci .boxs > li > * {display: block;text-align: center;margin: 0 auto;}
#ci .boxs > li > strong {margin-top: 15px;font-size: 26px;color: #333333;font-weight: 700;letter-spacing: -0.045em;line-height: 36px;}
#ci .boxs > li > p {margin-top: 12px;font-size: 17px;color: #666666;font-weight: 300;letter-spacing: -0.045em;line-height: 30px;}
/* [250120 sys] S */
#intro { }
#intro .section1 { }
#intro .section1 .inner { display: flex; }
#intro .section1 .box { position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 50%; height: 100vh; background-color: #000; text-align: center; z-index: 0; box-sizing: border-box;}
#intro .section1 .box::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: 0.6; z-index: -1; transition: all .4s cubic-bezier(0.65, 0, 0.35, 1);}
#intro .section1 .left_box { background: url(/images/bg_intro_01.jpg) no-repeat 50% / cover;}
#intro .section1 .right_box { background: url(/images/bg_intro_02.jpg) no-repeat 50% / cover}
#intro .section1 .box:hover::before { opacity: 0;}
#intro .section1 .box h2 { padding-top: 20px; color: #fff; font-size: 60px; text-align: center;}
#intro .section1 .box p { padding-top: 15px; color: #fff; font-size: 22px; font-weight: 300; line-height: 1.75;}
#intro .section1 .box a { display: block; width: 300px; height: 75px; line-height: 75px; margin-top: 50px; color: #fff; border: 1px solid #fff; border-radius: 99px; box-sizing: border-box; font-size: 24px; font-weight: 500; text-decoration: none; transition: all .4s cubic-bezier(0.65, 0, 0.35, 1);}
#intro .section1 .box a:hover { background-color: #aa1218; border-color: #aa1218;}
#fullpage .section10 { background: url(/images/inq-sec2-bg.jpg) no-repeat 50% 50%; -webkit-background-size: cover; background-size: cover; }
/* [250207 sys] S */
/* main > section6 */
#main .section6 {background: url(/images/bg-sec-review.jpg) no-repeat 50% / cover;}
/* main > overview */
#main .overview { background: #f8f8f8 url(/images/bg-sec-overview02.jpg) no-repeat 50% / cover;}
#main .overview .mainTitle h4 { color: #b01319; font-size: 16px; }
#main .overview .mainTitle p { padding-top: 10px; color: #333; font-size: 35px; font-weight: bold;}
#main .overview .mainTitle p span { color: #b01319; font-size: inherit; font-weight: 700;}
#main .overview .overview_list { display: flex; justify-content: center; padding-top: 50px; margin: -10px 0; }
#main .overview .overview_list li { position: relative; width: 25%; padding: 0 10px;}
#main .overview .overview_list li::after { content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 70%; transform: translateY(-50%); background-color: #ddd;}
#main .overview .overview_list li:last-child:after { display: none;}
#main .overview .overview_list li > div { position: relative; text-align: center;}
#main .overview .overview_list li i { display: block; width: 27px; height: 27px; margin: 0 auto 10px;}
#main .overview .overview_list li:nth-child(1) i { background: url(/images/ico_overview_01.png) no-repeat 50% / contain;}
#main .overview .overview_list li:nth-child(2) i { background: url(/images/ico_overview_02.png) no-repeat 50% / contain;}
#main .overview .overview_list li:nth-child(3) i { background: url(/images/ico_overview_03.png) no-repeat 50% / contain;}
#main .overview .overview_list li:nth-child(4) i { background: url(/images/ico_overview_04.png) no-repeat 50% / contain;}
#main .overview .overview_list li .count { position: relative; color: #b01319; font-family: 'Open Sans'; font-size: 60px; }
#main .overview .overview_list li .count::before { content: '+'; display: inline-block; margin-right: 5px; transform: translateY(-7px); font-size: 45px; color: #b01319;}
#main .overview .overview_list li .num .at { display: inline-block; color: #b01319; font-family: 'Open Sans'; font-size: 32px; font-weight: bold; vertical-align: baseline;}
#main .overview .overview_list li .num .txt { display: inline-block; margin-left: 5px; color: #333; font-size: 20px; font-weight: bold;}
#main .overview .overview_list li p { padding-top: 5px; color: rgba(51,51,51,0.7); font-size: 20px; font-weight: 600; text-align: center;}
#main .overview .overview_list li span { color: rgba(51,51,51,0.7); font-size: 16px;}
#main .overview .overview_slide { position: relative;}
#main .overview .roll { margin: 0 -15px;}
#main .overview .roll .item { margin: 0 15px;}
#main .overview .roll .item .imgBox { border-radius: 15px; overflow: hidden;}
#main .overview .roll .item .imgBox .cover { height: 0; padding-bottom: 59.45%; background-position: 50%; background-size: cover; background-repeat: no-repeat;}
#main .overview .roll .item .txtBox p { padding-top: 15px; color: #333; font-size: 18px; font-weight: bold; text-align: center;}
#main .overview .overview_arrow .prev_btn { position: absolute; top: 50%; left: 0; transform: translate(-50%,-50%); width: 45px; height: 45px; background-color: #aa1218; color: #fff; border: 0; border-radius: 50%;}
#main .overview .overview_arrow .next_btn { position: absolute; top: 50%; right: 0; transform: translate(50%,-50%); width: 45px; height: 45px; background-color: #aa1218; color: #fff; border: 0; border-radius: 50%;}
#main .overview .overview_arrow i { font-size: 20px;}
/* main > history */
#main .history {background: url(/images/bg-sec-history02.jpg) no-repeat 50% / cover;}
#main .history .mainTitle { display: flex; justify-content: space-between; margin-bottom: 40px;}
#main .history .mainTitle select { width: 180px; height: 45px; color: #333; font-size: 24px; font-weight: bold; border: 0; border-bottom: 1px solid #333; background: none; outline: none;}
#main .history .mainTitle .history_tit h4 {}
#main .history .mainTitle a { display: block; color: #666; font-size: 18px; font-weight: 300; text-decoration: none;}
#main .history .mainTitle a .axi { display: inline-block; width: 40px; height: 40px; line-height: 38px; margin-left: 5px; border: 1px solid #ddd; border-radius: 50%; color: #666; font-size: 20px; vertical-align: middle;}
#main .history .history_list { position: relative; height: 0; visibility: hidden;}
#main .history .history_list.active { visibility: visible; height: auto;}
#main .history .roll { display: flex; margin-right: -960px; overflow: hidden;}
#main .history .roll .item { position: relative; margin: 0 15px;}
#main .history .roll .item::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; opacity: 0.6; z-index: 1;}
#main .history .roll .item.slick-active::before { display: none;}
#main .history .roll .item > div { width: 420px; padding: 30px 20px; padding-left: 50px; background-color: #fff; border: 1px solid #ddd; border-radius: 20px; box-sizing: border-box; text-align: left;}
#main .history .roll .item strong { position: relative; margin-bottom: 20px; color: #333; font-size: 34px; font-weight: bold; text-align: left;}
#main .history .roll .item strong::before { content: ''; position: absolute; top: 50%; left: -20px; transform: translateY(-50%); width: 3px; height: 26px; background-color: #b01319;}
#main .history .roll .item ul { margin-top: 20px; height: 350px; overflow-y: auto;}
#main .history .roll .item li { color: #555; font-size: 17px;}
#main .history .roll .item li + li { padding-top: 5px;}
#main .history .roll .item ul::-webkit-scrollbar { width: 3px; background: #dddddd;}
#main .history .roll .item ul::-webkit-scrollbar-thumb { background-color: #aa1218; border-radius: 8px;}
#main .history .history_arrow { }
#main .history .history_arrow .prev_btn { position: absolute; top: 50%; left: -90px; transform: translateY(-50%); width: 45px; height: 45px; background-color: #aa1218; color: #fff; border: 0; border-radius: 50%;}
#main .history .history_arrow .next_btn { position: absolute; top: 50%; right: -90px; transform: translateY(-50%); width: 45px; height: 45px; background-color: #aa1218; color: #fff; border: 0; border-radius: 50%;}
#main .history .history_arrow i { font-size: 20px; vertical-align: text-bottom;}
/* main > partner_review */
#main .partner_review { position: relative; background: url(/images/bg-sec-partner-review.jpg) no-repeat 50% / cover;}
/* #main .partner_review::before { content: 'MYUNGIN MYUNGIN'; position: absolute; top: 2%; left: 0; font-size: 240px; font-family: 'Open Sans'; color: #f2f2f2; white-space: nowrap;} */
#main .partner_review .cenCon { display: flex; margin: 0 auto; width: auto; padding: 70px 80px 0; box-sizing: border-box;}
#main .partner_review .mainTitle { margin: 0; }
#main .partner_review .mainTitle .bg {}
#main .partner_review .mainTitle .bg img { margin: 0 auto;}
#main .partner_review .mainTitle .txt_box { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-55%);}
#main .partner_review .mainTitle p { color: #333; font-size: 22px; font-weight: 500;}
#main .partner_review .mainTitle p strong { font-size: 32px;}
#main .partner_review .mainTitle h4 { color: #333; padding-top: 15px;}
#main .partner_review .mainTitle h4 span { color: #b01319; font-size: inherit;}
#main .partner_review .mainTitle a { position: relative; display: block; width: 200px; height: 50px; line-height: 50px; margin: 50px auto 0; padding: 0 20px; background-color: #b01319; color: #fff; font-size: 17px; font-weight: 500; border-radius: 99px; text-decoration: none; box-sizing: border-box;}
#main .partner_review .mainTitle a .axi { position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
#main .partner_review_list { width: calc(100% - 580px); padding-left: 50px; box-sizing: border-box;/*margin-left: 200px; margin-right: -17vw; overflow: hidden;*/}
#main .partner_review_list .roll { }
/* #main .partner_review_list .slick-list { margin-right: -5vw;} */
/* #main .partner_review_list .item { width: 360px; height: 440px; margin: 0 20px; padding: 35px 30px; background-color: #fff; border-radius: 13px; box-sizing: border-box;} */
#main .partner_review_list .item { width: 650px; margin: 0 20px; box-sizing: border-box; background-color: transparent;}
#main .partner_review_list .partner_review_cover {border-radius: 10px; overflow: hidden;}
#main .partner_review_list .partner_review_cover .bg { position: relative; height: 0; padding-bottom: 47.53%; background-position: 50%; background-size: cover; background-repeat: no-repeat;}
#main .partner_review_list .person_txt { padding-top: 10px;}
#main .partner_review_list .person_txt .name { color: #333; font-size: 16px; font-weight: 500;}
#main .partner_review_list .person_txt .company_name { color: #b01319; font-size: 14px; font-weight: 700;}
#main .partner_review_list .partner_review_txt_box { display: flex; flex-direction: column; justify-content: space-between; height: 280px; margin-top: 10px; padding: 25px 20px; background-color: #fff; border-radius: 10px; box-sizing: border-box;}
#main .partner_review_list .partner_review_txt strong { display: block; margin-bottom: 10px; color: #333; font-size: 19px;}
#main .partner_review_list .partner_review_txt p { color: #666; font-size: 15px; font-weight: 300;}
#main .partner_review_list .partner_review_pagination { display: flex; align-items: center; margin: 45px 20px 0;}
#main .partner_review_list .partner_review_arrow { margin-right: 20px;}
#main .partner_review_list .partner_review_arrow .prev_btn { width: 45px; height: 45px; background-color: #aa1218; color: #fff; border: 0; border-radius: 50%;}
#main .partner_review_list .partner_review_arrow .next_btn { width: 45px; height: 45px; margin-left: 10px; background-color: #aa1218; color: #fff; border: 0; border-radius: 50%; }
#main .partner_review_list .partner_review_arrow .axi { font-size: 20px; vertical-align: text-bottom;}
#main .partner_review_list .partner_review_wheelBar { position: relative; width: calc(100% - 133px); height: 6px; background-color: #fff; border-radius: 5px; background-image: linear-gradient(to right, #b01319, #b01319); background-repeat: no-repeat; background-size: 20% 100%; transition: all .4s; overflow: hidden;}
/* main > partner */
#main .partner {}
#main .partner .mainTitle {}
#main .partner .mainTitle ul { display: flex; justify-content: center; margin-top: 60px;}
#main .partner .mainTitle li { padding: 0 5px;}
#main .partner .mainTitle li button { width: 200px; height: 55px; background: #fff; color: #777; font-size: 19px; font-weight: 500; border: 1px solid #ddd; border-radius: 99px;}
#main .partner .mainTitle li.active button { background: #aa1218; color: #fff; border: 0;}
#main .partner .partner_list {}
#main .partner .partner_list .marquee { display: none; }
#main .partner .partner_list .marquee ul { display: flex;}
#main .partner .partner_list .marquee ul:nth-child(2) li:first-child { margin-left: -100px; }
#main .partner .partner_list .marquee ul + ul { padding-top: 20px;}
#main .partner .partner_list .marquee ul li { padding: 0 20px;}
@keyframes marqueePartner {
0% { transform: translateX(0);}
100% { transform: translateX(-100%) }
}
#main .partner .partner_list .marquee.active.office { animation: none;}
#main .partner .partner_list .marquee.office ul { justify-content: center;}
#main .partner .partner_list .marquee.active { display: block; animation: marqueePartner linear 50s infinite;}
#main .franchise { background: url(/images/bg-sec-franchise.jpg) no-repeat 50% / cover; }
/* [250224 sys] S */
#rooftop_waterproof img,
#high_pressure_washing img,
#wall_repellent img,
#partner img { width: 100%; }
.estimate {}
#fullpage .section.estimate .cenCon { align-items: center; margin: 0 auto;}
.estimate .state-wrap { width: 790px;}
.estimate .request-wrap { width: calc(100% - 830px); border-left: 1px solid #ddd;}
.estimate .inr { border-radius: 10px; padding: 35px 50px; background-color: #ffff;}
.estimate .rtTopBar { display: flex; justify-content: space-between; align-items: center;background: none; border-radius: 0; margin-bottom: 10px;}
.estimate .rtTopBar > div { line-height: 1.7; color: #333; font-size: 18px; font-weight: bold; text-align: left;}
.estimate .rtTopBar strong { color: #b01319; font-weight: bold;}
.estimate .rtTopBar button { background: none; border: 0; font-size: 30px; color: #666;}
.estimate .slider .sbj { flex-grow: 0; flex-basis: auto;}
.estimate .slider .head strong { display: inline-block;}
.estimate .slider .head .num { display: none;}
.estimate .slider .head .sbj { width: 50%; }
.estimate .slider .head .area { width: 25%;}
.estimate .slider .head .cons { width: 25%; }
.estimate .slider .body_inr .sbj { width: 50%; padding-left: 20px;}
.estimate .slider .body_inr .area { width: 25%;}
.estimate .slider .body_inr .cons { width: 25%;}
#main .estimate .mainTitle { margin-bottom: 20px;}
#main .estimate .mainTitle h4 { text-align: left;}
.estimate .formType1 { padding: 40px 32px; border-radius: 0;}
.estimate .formType1 .list { margin: 0;}
.estimate .formType1 .list li { width: 100%; margin: 5px 0; padding: 0; border: 1px solid #ddd; border-radius: 6px;}
.estimate .formType1 .list li .box { padding-left: 80px;}
.estimate .formType1 .list li.location .box { padding-left: 0;}
.estimate .formType1 .list li strong { position: absolute; top: 0; left: 10px; font-size: 16px; color: #333; height: 50px; line-height: 50px;}
.estimate .formType1 .list li .typeText { border: 0; }
.estimate .formType1 .selDouble select { border: 0;}
.estimate .formType1 .list li .typeArea { border: 0;}
.estimate .btmRig { text-align: center; margin-top: 15px; font-size: 0;}
.estimate .btmRig .btnSubmit { width: 100%; height: 45px; margin: 15px auto 0; border-radius: 5px; background-color: #aa1218; border: 0; font-size: 16px; color: #fff; font-weight: 500;}
.estimate .formType1 li.location { border: 0;}
.estimate .formType1 li.location .box .selDouble {}
.estimate .formType1 li.location .box .selDouble select { padding-left: 10px;background: #fff; border: 1px solid #ddd;}
/* fullsizing wrapper */
.full_wrapper{width: 100vw;position: relative;left: 50%;transform: translate(-50%, 0);}
.full_wrapper.bg_gray{padding: 100px 0;background: #f7f7f7;}
.full_wrapper .inner{width: var(--website-layout-width);margin: 0 auto;}
#partner .partner_cont { background: url(/images/inq-sec2-bg.jpg) no-repeat 50% / cover;}
#partner .partner_cont .cenCon { max-width: 1300px; margin: 0 auto; padding: 70px 0;}
#partner .partner_cont .mainTitle { margin-bottom: 50px; }
#partner .partner_cont h4 { font-size: 48px; color: #333; font-size: 48px; font-weight: 700; text-align: center;}
#partner .formType1 .list li .box { padding-left: 130px;}
#partner .partner_cont .partner_email .selDouble { margin: 0 -5px; }
#partner .partner_cont .partner_email strong { line-height: 1.5;}
#partner .partner_cont .partner_email input { display: inline-block; max-width: 200px; height: 50px; margin: 0 5px; border: 1px solid #ddd; padding: 0 10px; border-radius: 5px; outline: none; vertical-align: middle;}
#partner .partner_cont .partner_email select { display: inline-block; max-width: 200px; height: 50px; margin: 0 5px; border: 1px solid #ddd; padding: 0 10px; border-radius: 5px; vertical-align: middle}
#partner .partner_cont .partner_email .hipen { display: inline-block; font-style: normal; font-size: 13px; color: #999; text-align: center; vertical-align: middle}
#partner .partner_cont .partner_email { border-bottom: 1px solid #ddd;}
#partner .partner_cont .bottom_txt { max-width: 500px; margin: 50px auto 0; padding: 15px 0; color: #666; font-size: 17px; text-align: center; border-radius: 5px; border: 1px solid #dddd;}
/* [250312 sys] S */
#main .visual .scroll_down { position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); box-sizing: border-box; }
#main .visual .scroll_down .mouse { position: relative; width: 28px; height: 45px; margin: 0 auto 25px; border: 2px solid rgba(255,255,255,0.8); border-radius: 15px; box-sizing: border-box; text-align: center;}
#main .visual .scroll_down .mouse::before { content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 4px; height: 8px; background-color: rgba(255,255,255,0.8); border-radius: 99px;}
#main .visual .scroll_down .mouse::after { content: ''; position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); width: 11px; height: 12px; background: url(/images/ico_scroll_down.png) no-repeat 50% / contain; animation: scrollDown .6s infinite alternate;}
#main .visual .scroll_down p { padding-top: 10px; color: #fff; font-size: 15px;}
@keyframes scrollDown {
0% { transform: translateX(-50%);}
100% { transform: translate(-50%,70%);}
}
/* 실시간 견적 현황 수정 */
.estimate .estimate-cont { display: flex; padding: 0;}
.estimate .state-box { width: 830px; padding: 30px 40px; box-sizing: border-box; border-right: 1px solid #ddd;}
.estimate .state-box .estimate-tit { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.estimate .state-wrap .estimate_pagination { }
.estimate .state-wrap .estimate_pagination .prev_btn { position: relative; margin-right: 13px;}
.estimate .state-wrap .estimate_pagination .prev_btn::after { content: ''; position: absolute; top: 50%; right: -8px; transform: translateY(-50%); width: 1px; height: 10px; background-color: #ddd;}
.estimate .state-wrap .estimate_pagination button { border: 0; background: none;}
.estimate .state-wrap .estimate_pagination button i { font-size: 30px; color: #333;}
.estimate .estimate-cont { background-color: #fff; border-radius: 10px;}
.estimate .request-box { width: 470px; padding: 35px 40px; box-sizing: border-box;}
.estimate .request-box .formType1 { padding: 0;}
/* performance/history */
#history .banner {margin-bottom: 65px;height: 280px;display: flex;justify-content: center;align-items: center;text-align: center;background: url('../images/sub/his_banner_img1.jpg') no-repeat center center;background-size: cover;}
#history .banner h3 {text-align: center;font-size: 36px;color: #fff;font-weight: 700;letter-spacing: -1px;line-height: 48px;}
#history .cate {margin-bottom: 55px;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
#history .cate > a {margin: 5px;width: 160px;height: 54px;display: flex;justify-content: center;align-items: center;text-align: center;line-height: 1.2em;font-size: 20px;font-weight: 700;letter-spacing: -1px;color: #999;box-sizing: border-box;border: 1px solid #d9d9d9;border-radius: 5px;}
#history .cate > a.on {background-color: #aa1218;color: #fff;border-color: #aa1218;}
#history .slick-list {overflow: visible;}
#history .slick-arrow {position: absolute;z-index: 55;top: 50%;width: 70px;height: 70px;border-radius: 50%;margin-top: -35px;background: url('../images/sub/slide-btn-arrow.jpg') no-repeat center center;background-size: contain;border: 0px;overflow: hidden;text-indent: -9999px;}
#history .slick-prev {left: -70px;}
#history .slick-next {right: -70px;transform: scaleX(-1);}
#history .roll {margin: -20px;}
#history .item {margin: 20px;border: 1px solid #ddd;border-radius: 20px;overflow: hidden;}
#history .item:not(.slick-active) {opacity: 0.5;}
#history .his_wrap {padding: 40px;height: 640px;overflow: hidden;overflow-y: scroll;max-height: 50vh;}
#history .his_wrap > dt {font-size: 38px;color: #333;letter-spacing: -1px;line-height: 42px;font-weight: 700;font-family: 'Open Sans';display: flex;align-items: center;}
#history .his_wrap > dt:before {display: block;content: '';width: 2px;height: 30px;background: #aa1218;margin-right: 17px;transform: translateY(2px);}
#history .his_wrap > dd {margin-top: 20px;}
.ul_dot {display: flex;flex-wrap: wrap;margin: -2px;}
.ul_dot > li {margin: 2px;width: calc(100% - 4px);position: relative;box-sizing: border-box;padding-left: 14px;font-size: 19px;color: #444;letter-spacing: -1px;line-height: 38px;}
.ul_dot > li:after {display: block;content: '';position: absolute;top: 17px;left: 0;width: 4px;height: 4px;border-radius: 50%;background: #aa1218;}
#fullpage .history{background: url('/images/bg-sec-history02.jpg') no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;}
#fullpage .history .btns {display: flex;flex-wrap: wrap;padding-left: 50%;position: relative;height: 460px;border-radius: 20px;overflow: hidden;}
#fullpage .history .btns > li {width: 50%;position: relative;background-repeat: no-repeat;background-position: center center;background-size: cover;display: flex;justify-content: center;align-items: center;text-align: center;}
#fullpage .history .btns > li .link {position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 11;}
#fullpage .history .btns > li .inr {display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;}
#fullpage .history .btns > li .inr > * {text-shadow: -2px 2px 15px rgb(0 0 0 / 20%);}
#fullpage .history .btns > li strong {margin-top: 5px;font-size: 34px;color: #fff;font-weight: 700;line-height: 36px;}
#fullpage .history .btns > li p {font-size: 19px;font-weight: 500;color: #fff;letter-spacing: -1px;line-height: 27px;}
#fullpage .history .btns > li img {margin-top: 15px;}
#fullpage .history .btns > li.big {position: absolute;top: 0;bottom: 0;left: 0;width: 50%;}
#fullpage .history .btns > li.big strong {font-size: 46px;line-height: 50px;}
#fullpage .history .btns > li.big p {font-size: 22px;line-height: 30px;}
#fullpage .history .btns > li.big img {margin-top: 30px;}
/* 250428 sys S */
#main .comics { background: url(/images/bg-sec-comics.jpg) no-repeat 50% / cover; text-align: center;}
#main .comics .cenCon { width: 100%;}
#main .comics .mainTitle h4 span { color: #b01319; font-size: inherit; font-weight: inherit;}
#main .comics .list_box { position: relative; margin: 0 auto; overflow: hidden;}
#main .comics .roll { max-width: calc(560px + (400px * 2)); margin: 0 auto;}
/* #main .comics .roll .slick-list { overflow: visible;} */
#main .comics .roll .item { width: 560px; margin: 0 -50px; transform: scale(0.75); transition: all .3s;}
#main .comics .roll .item.slick-center { position: relative; transform: scale(1); z-index: 2;}
#main .comics .roll img { overflow: hidden; border-radius: 20px; opacity: 0.2; transition: all .2s;}
#main .comics .roll .item.slick-center img { opacity: 1;}
.comics .pagination_box { position: absolute; bottom: 5px; left: 0; right: 0; margin: 0 auto;}
.comics .pagination { text-align: center;}
.comics .pagination .slick-dots { display: flex; justify-content: center;}
.comics .pagination .slick-dots li { margin: 0 3px;}
.comics .pagination .slick-dots li button { width: 10px; height: 10px; background-color: rgba(255,255,255,0.6); border-radius: 50%; border: 0; text-indent: -9999em;}
.comics .pagination .slick-dots .slick-active button { background-color: #b01319;}
.comics .pagination_num_box { position: absolute; top: 10px; left: 0; right: 15px; width: 560px; margin: 0 auto;}
.comics .pagination_num { width: 50px; height: 25px; line-height: 25px; margin-left: auto; background-color: rgba(0,0,0,0.3); border-radius: 99px; text-align: center;}
.comics .pagination_num span { color: #fff; font-size: 13px; font-weight: 600;}
.comics .pagination_num .dash { opacity: 0.4;;}
.comics .pagination_num .total { opacity: 0.4;;}
.comics .arrows { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; display: flex; justify-content: space-between; max-width: 730px; }
.comics .arrows button { width: 45px; height: 45px; background: #bbb; border: 0; border-radius: 50%; transition: all .3s;}
.comics .arrows button i { color: #fff; font-size: 32px;}
.comics .arrows .prev { left: 300px;}
.comics .arrows .next { right: 300px; }
.comics .arrows button:hover { background-color: #b01319;}
.comics .arrows .slick-disabled { background-color: #bbb;}