@charset "utf-8";
/**************************************************

  Global.css ( ver 1.0.2 )

**************************************************/
/**************************************************
  Public
**************************************************/
*{box-sizing: content-box;}
html{min-width: 1300px;}

/* Table */
.table1{ width: 100%; }
.table1 tr > *{padding: 10px 10px;border: 1px solid #ddd;}
.table1 thead th{background: #666666;color: #fff;font-size: 14px;font-weight: 300;}
.table1 tbody th{text-align: left;}
.table1 tbody td{font-weight: 300;}
.table1.tdFixed tr > *{height: 50px;}
.table1 strong{font-weight: 300;}
.table1 tr > th.last{background: #05141f;color: #fff;}
.table1 tr > td.last{background: #fcf6f7;color: #000;}

.table1.core-idx tr > *{padding: 20px 0;}
.table1.core-idx .bg{background: #fcf6f7;}
.table1.core-idx ul{text-align: center;white-space: nowrap;}
.table1.core-idx ul li{display: inline-block;vertical-align: top;margin: 0 2px;}
.table1.core-idx ul li img{max-height: 70px;}
.table1.core-idx ul .mo-br{display: none;}
.table1.core-idx tr.line2 .bg,
.table1.core-idx tr.line2 .bg ul li{margin: 0 20px;}

.table2{ width: 100%; }
.table2 tr > *{padding: 10px 10px;border: 1px solid #ddd;}
.table2 thead th{background: #666666;color: #fff;font-size: 14px;font-weight: 300;border-color: #333;}
.table2 tbody th{text-align: left;background: #f3f4f7;width: 300px;font-weight: 300;}
.table2 tbody th em{font-style: normal;color: #05141f;}
.table2 tbody td{  }
.table2.tdFixed tr > *{height: 50px;}
.table2 strong{font-weight: 300;}
.table2 tr > th.last{background: #05141f;color: #fff;}
.table2 tr > td.last{background: #fcf6f7;color: #000;}
.table2 .inp{border: 1px solid #ddd;height: 45px;line-height: 45px;text-indent: 10px;margin: 2px 0;}
.table2 .inp.w100{width: 500px;}
.table2 .fileinp{border: 1px solid #ddd;margin: 2px 0;}
.table2 textarea{width: 100%;height: 120px;padding: 10px;border: 1px solid #ddd;}

.tbl-txt{display: block;margin-top: 10px;font-size: 14px;}

/*201203 edit*/
table.table1 {border-collapse: separate; border-spacing: 0;}
.table1 tr > * {border:none;}
.table1 {border:1px solid #ddd;}
.table1 thead th {border-right:1px solid #ddd;}
.table1 thead th:last-child {border:none;}
.table1 tbody th,.table1 tbody td {border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.table1 tbody th:last-child, .table1 tbody td:last-child {border-right:none;}
.table1 tbody tr:last-child th, .table1 tbody tr:last-child td{border-bottom:none;}

/*201224 테이블 강제 보더 스타일 추가*/
.table-bt {border-top:1px solid #ddd !important;}
.table-bl {border-left:1px solid #ddd !important;}
.table-br {border-right:1px solid #ddd !important;}
.table-bb {border-bottom:1px solid #ddd !important;}

/* Tab */
.tab1{ margin-bottom: 20px; }
.tab1 > li{position: relative;display: inline-block;background: #f7f7f7;}
.tab1 > li:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 1px;height: 100%;background: rgba(0,0,0,0.15);}
.tab1 > li:first-child:before{display: none;}
.tab1 > li a{display: block;height: 45px;line-height: 45px;text-align: center;text-align: center;background: #eeeeee;font-size: 16px;color: #555555;font-weight: 300;text-decoration: none;}
.tab1 > li:hover a,
.tab1 > li.active a{background: #05141f;color: #fff;}
.tab1.len2 > li{width: 50%;}
.tab1.len3 > li{width: 33.33%;}
.tab1.len4 > li{width: 25%;}
.tab1.len5 > li{width: 20%;}

.tab2{margin-bottom: 20px;border-bottom: 1px solid #05141f;}
.tab2 > li{display: inline-block;vertical-align: top;}
.tab2 > li a{display: block;text-align: center;line-height: 45px;background: #eeeeee;font-size: 15px;color: #555555;font-weight: 300;text-decoration: none;box-sizing: border-box;}
.tab2 > li.active a{background: #fff;border: 1px solid #05141f;border-bottom: none;margin-bottom: -1px;color: #000;}
.tab2.len3 > li{width: 33.33%;}

/* Button */
.btnWrap{ margin-top: 40px; }
.btnWrap > *{margin: 0 2px;}
.btnWrap .btn1{ display: inline-block;background: #05141f;border: 1px solid #05141f;color: #fff !important;height: 45px;line-height: 45px;padding: 0 30px;min-width: 150px;font-size: 16px; }
.btnWrap .btn2{ display: inline-block;background: #fff;border: 1px solid #ddd;color: #000 !important;height: 45px;line-height: 45px;padding: 0 30px;min-width: 150px;font-size: 16px; }

/* Paging */
.paging{text-align: center;white-space: nowrap;margin-top: 30px;}
.paging > a{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;width: 30px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #dddddd;margin: 0 2px;font-size: 12px;text-decoration: none;}
.paging > a.first{}
.paging > a.prev{}
.paging > a.next{}
.paging > a.last{}
.paging > a.active{border-color: #ddd;background: #ddd;}
.paging > a:hover{border-color: #ddd;background: #ddd;}

/**************************************************
  Layout
**************************************************/
#header{position: absolute;top: 0;left: 0;width: 100%;z-index: 87;transition: background 0.1s;}
#header .inner{position: relative;width: 1300px;height: 80px;margin: 0 auto;}
#header .logo{position: absolute;top: 0;left: 0;height: 100%;width: 238px;background: url('/kmvs/img/main/logo-on.png') no-repeat center center;background-size: contain;text-indent: -999em;}
#header:after{position: absolute;bottom: 0;left: 0;content: '';display: block;width: 100%;height: 1px;background: rgba(256,256,256,0.3);}

#header:hover{background: #fff;}
#header:hover #slide-btn button span,
#header:hover #slide-btn button:before,
#header:hover #slide-btn button:after{background: #000;}
#header:hover #gnb > li > a{color: #000;}
#header:hover .logo{background-image: url('/kmvs/img/main/logo-on.png');}

#header.on{background: #fff;}
#header.on:after{content: '';display: block;position: absolute;bottom: -1px;left: 0;width: 100%;height: 1px;background: rgba(0,0,0,0.15);}
#header.on #slide-btn button span,
#header.on #slide-btn button:before,
#header.on #slide-btn button:after{background: #000;}
#header.on #gnb > li > a{color: #000;}
#header.on .logo{background-image: url('/kmvs/img/main/logo-on.png');}

.main #header .logo {background-image:url('/kmvs/img/main/logo-main.png');}
.main #header:hover .logo{background-image: url('/kmvs/img/main/logo-on.png');}
.main #header.on .logo{background-image: url('/kmvs/img/main/logo-on.png');}

@media screen and (max-width: 1300px){
.main #header .logo, .main #header:hover .logo{background-image: url('/kmvs/img/main/logo-on.png');}
}

.model-drdw{position: absolute;top: 80px;left: 50%;margin-left: -650px;z-index: 88;background: #fff;width: 1300px;min-height: 100px;visibility: hidden;opacity: 0;transition: all 0.1s;box-shadow: 0 10px 10px rgba(0,0,0,0.05);}
.model-drdw .tab{background: #697279;height: 50px;text-align: center;}
.model-drdw .tab li{display: inline-block;vertical-align: top;}
.model-drdw .tab li a{display: block;line-height: 50px;padding: 0 16px;font-size: 14px;color: #fff;text-decoration: none;font-weight: 300;}
.model-drdw .tab li:hover a,
.model-drdw .tab li.active a{background: #05141f;}
.model-drdw .list{padding: 40px;margin: -12px -8px;display: none;}
.model-drdw .list:first-child{display: block;}
.model-drdw .list > li{position: relative;margin: 12px 8px;display: inline-block;vertical-align: top;width: 230px;}
.model-drdw .list > li > a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
.model-drdw .list > li:hover .tmb:before{border: 3px solid #05141f;}
.model-drdw .list .tmb{position: relative;background-position: center center;background-size: cover;}
.model-drdw .list .tmb: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.1);transition: all 0.1s;}
.model-drdw .list .tmb img{width: 100%;height: auto;}
.model-drdw .list .tit{display: block;text-align: center;margin: 5px 0;font-size: 15px;line-height: 20px;height: 42px;overflow: hidden;color: #555555;font-weight: 300;word-break:keep-all !important; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
.model-drdw .list .tit em{font-style: normal;display: block;font-size: 11px;letter-spacing: -0.8px;color: #999;font-weight: normal;white-space: nowrap;}
.model-drdw .list .btn{position: relative;text-align: center;margin: -0.5%;z-index: 3;text-align: left;}
.model-drdw .list .btn li{display: inline-block;vertical-align: top;width: 49%;margin: 0.5%;box-sizing: border-box;}
.model-drdw .list .btn li a{display: block;line-height: 24px;border: 1px solid #ddd;text-decoration: none;text-align: center;font-size: 11px;color: #888888;font-weight: 300;background: #f9f9f9;letter-spacing: -0.5px;}
.model-drdw .list .btn li:hover a{background: #aaaaaa;border-color: #aaaaaa;color: #fff;}
.model-drdw .close-btn{position: absolute;top: 0;right: 0;width: 50px;height: 50px;background: #05141f;text-align: center;line-height: 50px;font-size: 18px;color: #fff;text-decoration: none;}
.model-drdw.on{opacity: 1;visibility: visible;}

#gnb{position: absolute;top: 0;right: 165px;z-index: 2;}
#gnb > li{position: relative;display: inline-block;vertical-align: top;}
#gnb > li > a{display: block;padding: 0 30px;line-height: 80px;font-size: 17px;color: #fff;font-weight: 300;text-decoration: none;}
#gnb > li.active > a{font-weight: bold;}
#gnb > li > ul{position: absolute;top: 80px;left: 50%;width: 240px;margin-left: -120px;background: #697279;box-sizing: border-box;visibility: hidden;opacity: 0;transition: all 0.2s;}
#gnb > li > ul li{border-bottom: 1px solid #c3c7c9;}
#gnb > li > ul li:last-child{border-bottom: none;}
#gnb > li > ul li a{display: block;font-size: 14px;color: #fff;line-height: 45px;text-align: center;font-weight: 300;text-decoration: none;transition: all 0.1s;}
#gnb > li > ul li:hover a,
#gnb > li > ul li.active a{background: #05141f;color: #fff;}
#gnb > li:hover > ul{visibility: visible;opacity: 1;}
#gnb > li:nth-child(1):hover > ul{display: none;}
#gnb > li:nth-child(2):hover > ul{display: none;}
#gnb > li.hidden-gnb{display: none;}

#tnb{position: absolute;top: 27px;right: 0;}
#tnb li{display: inline-block;vertical-align: top;}
#tnb li a{font-size: 13px;color: #fff;font-weight: 300;display: inline-block;vertical-align: middle;line-height: 30px;background: rgba(256,256,256,0.2);padding: 0 10px;border-radius: 3px;text-decoration: none;}
#header:hover #tnb li a{color: #333;background: rgba(0,0,0,0.1);}
#header.on #tnb li a{color: #333;background: rgba(0,0,0,0.1);}

#drdw{position: absolute;top: 80px;left: 0;width: 100%;background: #fff;z-index: 89;display: none;}
#drdw:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 1px;background: rgba(0,0,0,0.1);}
#drdw:after{content: '';display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: rgba(0,0,0,0.1);}
#drdw .inner{position: relative;width: 1200px;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: #05141f;text-align: center;font-weight: 300;}
#drdw .inner > li ul li a{display: block;font-size: 14px;line-height: 25px;color: #555555;text-align: center;font-weight: 300;}
#drdw .inner > li ul li.active a{font-weight: bold;}
#drdw .inner > li.hidden-gnb{display: none;}

#footer{background: #e4e5e6;height: 90px;position: relative;margin-bottom: 50px;}
#footer:before{content: '';display: block;position: absolute;top: -2px;left: 0;width: 100%;height: 1px;background: #cccccc;}
#footer .inner{width: 1300px;position: relative;margin: 0 auto;padding-top: 55px;letter-spacing: -0.5px;}
#footer .inner:after{display: block;content: '';clear: both;width: 136px;height: 52px;background: url('/kmvs/img/main/ft-logo-kia.jpg') no-repeat center center;background-size: contain;position: absolute;bottom: -35px;right: 0;}
#footer .copyright{font-size: 12px;color: #777777;line-height: 12px;}
#footer .lic-logo{position: absolute;top: 15px;right: 160px;}
#footer #fam-site{position: absolute;top: 18px;left: 0;width: 180px;height: 30px;background: #575757;}
#footer #fam-site > a{display: block;text-decoration: none;font-size: 12px;color: #dddddd;font-weight: 300;text-decoration: none;padding-left: 20px;line-height: 30px;}
/*201203 edit*/
#footer #fam-site:after{content: '';display: block;position: absolute;top: 50%;right: 20px;width: 11px;height: 6px;background: url('/kmvs/img/main/ft-fam-spr.jpg') no-repeat center center;background-size: contain;margin-top: -3px;}

#footer #fam-site > ul{background: #f7f7f7;padding: 15px;border: 1px solid #ddd;position: absolute;bottom: 30px;left: 0;width: 100%;box-sizing: border-box;display: none;}
#footer #fam-site:hover > ul{display: block;}
#footer #fam-site > ul li a{display: block;line-height: 20px;font-size: 11px;color: #666;}
#footer #ft-sns{position: absolute;top: 17px;left: 185px;}
#footer #ft-sns li{margin-right: 5px;display: inline-block;vertical-align: top;}

#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('/kmvs/img/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{text-indent: -999em;width: 30px;height: 20px;position: absolute;top: 32px;right: 100px;}
#slide-btn button{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;background: none;cursor: pointer;outline: none;}
#slide-btn button span,
#slide-btn button:before,
#slide-btn button:after{border-radius: 2px;overflow: hidden;position: absolute;left: 0;width: 100%;height: 2px;background: #fff;}
#slide-btn button span{display: block;top: 50%;margin-top: -1px;opacity: 1;transition: all 0.3s;}
#slide-btn button:before{content: '';display: block;top: 0;transition: all 0.3s;}
#slide-btn button:after{content: '';display: block;bottom: 0;transition: all 0.3s;}
#slide-btn button.on span{opacity: 0;}
#slide-btn button.on:before{top: 50%;margin-top: -1px;transform: rotate(45deg);}
#slide-btn button.on:after{bottom: 50%;margin-bottom: -1px;transform: rotate(-45deg);}

#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: 301;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: 300;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: 300;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: 300;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 #content{  }
#main #mainWrap{position: relative;width: 1300px;margin: 50px auto;zoom: 1;white-space: nowrap;text-align: center;}
#main #mainWrap > div{display: inline-block;margin-left: 55px;position: relative;box-sizing: border-box;text-align: left;}
#main #mainWrap > div:first-child{margin-left: 0;}

#main .visual{position: relative;}
#main .visual .roll li{position: relative;overflow: hidden;}
#main .visual .roll li img{position: relative;top: 0;left: 50%;margin-left: -960px;}
#main .visual .infobox{position: absolute;top: 350px;width: 1300px;left: 50%;margin-left: -650px;z-index: 81;}
#main .visual .infobox .tit{display: block;margin-bottom: 30px;font-size: 65px;color: #fff;font-weight: 300;letter-spacing: -1px;line-height: 70px;}
#main .visual .btns{margin: -3px;}
#main .visual .btns a{display: inline-block;vertical-align: top;margin: 3px;width: 220px;height: 50px;line-height: 50px;text-align: center;background: rgba(256,256,256,0.3);font-size: 15px;color: #fff;text-decoration: none;font-weight: 300;text-shadow: 0 0 5px rgba(0,0,0,0.1);}
#main .visual .btns a:after{content: '';display: inline-block;vertical-align: middle;margin-left: 30px;width: 7px;height: 11px;background: url('/kmvs/img/main/vis-gobtn-spr.png');background-size: contain;}
#main .visual .vod-playBtn{position: absolute;width: 136px;height: 136px;top: 460px;z-index: 81;right: 50%;margin-right: -450px;}
#main .visual .vod-playBtn > a{display: block;width: 136px;height: 136px;background: url('/kmvs/img/main/vis-vod-play.png') no-repeat center center;background-size: contain;text-indent: -999em;}
#main .visual .vod-playBtn ul{width: 240px;position: absolute;top: 130px;left: 50%;margin-left: -120px;display: none;}
#main .visual .vod-playBtn ul li{display: inline-block;width: 50%;vertical-align: top;margin: 0 -1px -1px 0;}
#main .visual .vod-playBtn ul li a{position: relative;display: block;text-align: center;line-height: 40px;background: rgba(256,256,256,0.2);border: 1px solid rgba(256,256,256,0.2);font-weight: bold;text-decoration: none;color: #fff;}
#main .visual .vod-playBtn ul li:hover a{background: #05141f;color: #fff;border-color: #05141f;z-index: 2;}
#main .visual .vod-play{background: url('/kmvs/img/main/vis-vod-play.png') no-repeat center center;background-size: contain;position: absolute;width: 136px;height: 136px;top: 460px;z-index: 81;right: 50%;margin-right: -450px;text-indent: -999em;}
#main .visual .bx-pager{position: absolute;bottom: 70px;left: 0;width: 100%;z-index: 81;text-align: center;}
#main .visual .bx-pager-item{display: inline-block;margin: 0 5px;}
#main .visual .bx-pager-item a{display: block;width: 100px;height: 4px;background: #fff;text-indent: -999em;}
#main .visual .bx-pager-item a.active{background: #05141f;}
#main .visual .bx-prev{width: 52px;height: 103px;display: block;text-indent: -999em;position: absolute;top: 50%;margin-top: -52px;left: 50%;margin-left: -800px;background: url('/kmvs/img/main/vis-prev.png') no-repeat center center;background-size: contain;z-index: 81;}
#main .visual .bx-next{width: 52px;height: 103px;display: block;text-indent: -999em;position: absolute;top: 50%;margin-top: -52px;right: 50%;margin-right: -800px;background: url('/kmvs/img/main/vis-next.png') no-repeat center center;background-size: contain;z-index: 81;}

#main .prmv{width: 420px;border: 1px solid #ddd;border-width: 1px 0 1px 0;height: 130px;padding: 28px 0 28px 135px;}
#main .prmv h4{position: absolute;top: 30px;left: 10px;font-size: 18px;color: #333333;font-weight: 300;letter-spacing: -1px;}
#main .prmv h4 em{display: block;width: 43px;height: 39px;background: url('/kmvs/img/main/pr-ico.jpg') no-repeat center center;background-size: contain;margin-bottom: 5px;}
#main .prmv ul{margin: -1px;}
#main .prmv ul li{position: relative;display: inline-block;vertical-align: top;margin: 1px;}
#main .prmv ul li a{display: block;text-decoration: none;width: 95px;height: 33px;line-height: 33px;text-align: center;border: 1px solid #ddd;background: #f5f5f5;font-size: 13px;font-weight: 300;color: #333333;text-align: left;padding: 0 20px;}
#main .prmv ul li a:after{content: '';display: block;width: 5px;height: 8px;position: absolute;top: 50%;margin-top: -4px;right: 20px;background: url('/kmvs/img/main/pr-gobtn-spr.jpg');background-size: contain;}
#main .prmv ul li:hover a{color: #fff;background: #05141f;border-color: #05141f;}
#main .prmv ul li:hover a:after{background-image: url('/kmvs/img/main/pr-gobtn-spr-on.jpg');}

#main .bn{position: relative;width: 390px;height: 130px;padding: 40px 0 0 40px;}
#main .bn > a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;text-indent: -999em;}
#main .bn h4{display: block;margin-bottom: 5px;font-size: 18px;color: #fff;font-weight: 300;}
#main .bn .more{display: inline-block;font-size: 11px;color: #aaaaaa;text-decoration: none;font-weight: 300;position: relative;padding-right: 37px;}
#main .bn .more:after{content: '';display: block;position: absolute;top: 50%;right: 0;width: 25px;height: 1px;background: #888888;}
#main .bn:hover .more{color: #05141f;}
#main .bn:hover .more:after{background: #05141f;}

#main .movbn{background: url('/kmvs/img/main/mid-bn-pr.jpg');background-size: cover;}
#main .inqbn{background: url('/kmvs/img/main/mid-bn-inq.jpg');background-size: cover;}
#main .catalbn{background: url('/kmvs/img/main/mid-bn-catal.jpg');background-size: cover;}

/**************************************************
  Sub
**************************************************/
#sub{position: relative;padding: 130px 0 80px 0;width: 1300px;position: relative;margin: 0 auto;}

#sub .pl0{padding-left: 0 !important;}
#sub .sub-tit{position: relative;}
#sub .sub-tit h3{display: block;margin-bottom: 30px;font-size: 30px;color: #333333;font-weight: 300;letter-spacing: -1px;}
#sub .ctit1{display: block;font-size: 25px;color: #333333;font-weight: 300;letter-spacing: -1px;margin-bottom: 20px;}
#sub .ctit2{display: block;font-size: 20px;color: #333333;font-weight: 300;letter-spacing: -1px;margin-bottom: 15px;padding-left: 15px;position: relative;}
#sub .ctit2:before{content: '';display: block;position: absolute;left: 0;top: 50%;width: 3px;height: 18px;margin-top: -9px;background: #05141f;}
#sub .ctit3{display: block;text-align: center;position: relative;padding-bottom: 15px;margin-bottom: 15px;font-size: 42px;color: #333333;letter-spacing: -1px;font-weight: 300;}
#sub .ctit3:after{content: '';display: block;position: absolute;bottom: 0;left: 50%;width: 20px;height: 3px;background: #05141f;margin-left: -10px;}

#sub .tit-sment{display: block;text-align: center;font-size: 22px;color: #333333;letter-spacing: -1px;font-weight: 300;}
#sub .tit-sment strong{color: #05141f;font-weight: 300;}

#sub .ctxt1{display: block;font-size: 16px;color: #666666;margin-bottom: 15px;word-break:keep-all !important; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;padding-left: 15px;}

#sub .tab-tit{display: block;margin-bottom: 20px;font-size: 30px;color: #333333;letter-spacing: -1px;font-weight: 300;border-bottom: 1px solid #ddd;padding-bottom: 15px;margin-bottom: 30px;}

#sub .article{border: 1px solid #ddd;padding: 50px;}
#sub .article.no-pd{padding: 0;}
#sub .article.no-bd{border: none;padding: 0;}
#sub .article .img{display: block;margin: 0 auto;max-width: 100%;height: auto;}
#sub .article .bx-prev{width: 70px;height: 70px;position: absolute;display: block;text-indent: -999em;background: url('/kmvs/img/sub/article-prev.png') no-repeat center center;background-size: contain;top: 300px;left: -120px;}
#sub .article .bx-next{width: 70px;height: 70px;position: absolute;display: block;text-indent: -999em;background: url('/kmvs/img/sub/article-next.png') no-repeat center center;background-size: contain;top: 300px;right: -120px;}
#sub .article .no-br{white-space: nowrap;}

#status{position: absolute;bottom: 0;right: 0;}
#status > li{padding: 0 15px;display: inline-block;vertical-align: top;position: relative;}
#status > li:before{content: '';display: block;content: '';display: block;position: absolute;top: 50%;margin-top: -5px;left: -2px;width: 7px;height: 11px;background: url('/kmvs/img/main/stat-spr.jpg') no-repeat center center;background-size: contain;}
#status > li a{font-size: 13px;color: #888888;}
#status > li a img{margin-right: 4px;}
#status > li:first-child:before{display: none;}
#status > li:last-child a{color: #000;}
#status > li img {display:inline-block; margin-right:3px; vertical-align:-1px;}

#model-view{position: relative;}
#model-view .article{padding: 0;}
#model-view .article .content{padding: 50px;min-height: 400px;}
#content-view{position: relative;}
#content-view .article .content{padding: 50px;}
#content-view .article .content.no-pd{padding: 0;}

.model-tit{margin-bottom: 20px;}
.model-tit h5{font-size: 50px;line-height: 55px;color: #333333;font-weight: 300;letter-spacing: -1.5px;}
.model-tit h5.small{font-size: 40px;}
.model-tit em{font-style: normal;display: block;font-size: 32px;color: #333333;letter-spacing: -1px;font-weight: 300;}
.model-txt{position: relative;display: block;font-size: 17px;line-height: 27px;color: #666666;padding-right: 53%;word-break:keep-all !important; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
.model-txt .tmb{position: absolute;top: -150px;right: 0;width: 600px;height: auto;}
.model-txt .tmb img{width: 100%;height: auto;}
.model-txt .tmb em{display: block;text-align: center;font-style: normal;font-size: 13px;color: #333;font-weight: 300;}
.model-txt .tmb .bx-pager{text-align: center;margin-top: 5px;}
.model-txt .tmb .bx-pager-item{display: inline-block;margin: 0 2px;}
.model-txt .tmb .bx-pager-item a{display: block;width: 13px;height: 13px;border-radius: 50%;background: #ddd;text-indent: -999em;}
.model-txt .tmb .bx-pager-item a.active{background: #05141f;}
.model-txt .tmb .bx-viewport{height: 426px !important;}

.model-int .content{min-height: 500px;}

.model-feat h5{font-size: 32px;color: #333333;font-weight: 300;letter-spacing: -1px;margin-bottom: 30px;}
.model-feat ul li{position: relative;margin: 10px 0;width: 50%;display: inline-block;vertical-align: top;padding-left: 90px;box-sizing: border-box;min-height: 80px;}
.model-feat ul li .tit{display: block;font-size: 17px;color: #444444;font-weight: 300;letter-spacing: -1px;}
.model-feat ul li p{display: block;padding-right: 20px;font-size: 16px;line-height: 21px;letter-spacing: -0.5px;margin-top: 5px;}
.model-feat ul li .ico{position: absolute;top: 0;left: 0;width: 75px;height: 70px;border: 1px solid #ddd;border-radius: 4px;box-sizing: border-box;text-align: center;line-height: 70px;}
.model-feat ul li .ico img{width: 60px;height: auto;}

.model-gall h5{font-size: 32px;color: #333333;font-weight: 300;letter-spacing: -1px;margin-bottom: 30px;}
.model-gall .content > ul{margin: -0.5%;}
.model-gall .content > ul > li{display: inline-block;width: 24%;margin: 0.5%;vertical-align: top;position: relative;}
.model-gall .content > ul > li .tmb{position: relative;}
.model-gall .content > ul > li .tmb:before,
.model-gall .content > ul > li a: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.1);}
.model-gall .content > ul > li img{width: 100%;height: auto;}
.model-gall .content > ul > li .tit{display: block;text-align: center;margin-top: 5px;font-size: 14px;font-weight: bold;}
.model-gall .content > ul.with-category > li{width: 49%;margin-bottom: 40px;}
.model-gall .content > ul.with-category > li > ul{margin: -0.5%;}
.model-gall .content > ul.with-category > li > ul li{display: inline-block;width: 49%;margin: 0.5%;vertical-align: top;}
.model-gall .content > ul.with-category > li .cat{width: 100%;font-size: 18px;color: #000;letter-spacing: -1px;font-weight: bold;text-align: center;margin-bottom: 15px;}

.model-spec h5{font-size: 32px;color: #333333;font-weight: 300;letter-spacing: -1px;margin-bottom: 30px;}
.model-spec h6{font-size: 20px;color: #333333;font-weight: 300;letter-spacing: -1px;margin-bottom: 30px;}
.model-spec .table1 tbody th{font-size: 16px;}
.model-spec .table1 tbody td{text-align: center;font-size: 16px;font-weight: 300;}
.medel-sns{margin-top: 40px;}
.medel-sns li{display: inline-block;vertical-align: top;margin-right: 5px;}

.equip-list{margin: -2%;padding: 50px;}
.equip-list.no-pd{padding: 0;}
.equip-list li{position: relative;display: inline-block;width: 29.33%;margin: 2%;vertical-align: top;}
.equip-list li .tmb{position: relative;background-position: center center;background-size: cover;}
.equip-list li .tmb img{width: 100%;height: auto;}
.equip-list li .tmb:after{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.1);}
.equip-list li .tit{display: block;font-size: 16px;color: #333;font-weight: 300;margin: 10px 0;}
.equip-list li p{display: block;font-size: 14px;line-height: 20px;}

.perform{zoom: 1;}
.perform:after{display: block;content: '';clear: both;}
.perform > *{float: left;}
.perform dd{width: 60%;}
.perform dt{width: 40%;text-align: center;}

.comp-icolist{border: 1px solid #ddd;padding: 30px;text-align: center;}
.comp-icolist li{display: inline-block;vertical-align: top;width: 20%;border-left: 1px solid #ddd;box-sizing: border-box;}
.comp-icolist li:first-child{border-left: none;}
.comp-icolist li p{display: block;margin-top: 15px;font-size: 16px;color: #444444;font-weight: 300;}

.boxlen2{zoom: 1;margin: 0 -1%;}
.boxlen2:after{display: block;content: '';clear: both;}
.boxlen2 > *{position: relative;width: 48%;margin: 0 1%;float: left;}

.galllist{margin: -10px -7px;}
.galllist li{position: relative;display: inline-block;vertical-align: top;margin: 10px 7px;width: 288px;}
.galllist li a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
.galllist li .tmb img{width: 100%;height: auto;}
.galllist li p{display: block;font-size: 15px;color: #444444;font-weight: 300;margin-top: 10px;}
.galllist li em{font-style: normal;display: block;font-size: 15px;color: #777777;}

.nolist li{position: relative;margin-bottom: 20px;padding-left: 50px;}
.nolist li .tit{display: block;margin-bottom: 5px;font-size: 18px;color: #444444;font-weight: 300;letter-spacing: -1px;}
.nolist li .txt{display: block;font-size: 17px;line-height: 30px;color: #666666;}
.nolist li > em{position: absolute;top: 0;left: 0;font-style: normal;width: 31px;height: 31px;border: 2px solid #05141f;border-radius: 50%;line-height: 31px;font-size: 16px;color: #05141f;font-weight: 300;text-align: center;}

.clist1{margin: -7px;}
.clist1 li{display: inline-block;vertical-align: top;width: 288px;margin: 7px;box-sizing: border-box;border: 1px solid #ddd;}
.clist1 li .tmb img{width: 100%;height: auto;}
.clist1 li p{min-height: 40px;display: block;text-align: center;padding: 15px 10px;line-height: 20px;font-size: 16px;color: #444444;border-top: 1px solid #ddd;}
.clist1 li p strong{font-weight: 300;}
.clist1 li em{font-style: normal;display: block;font-size: 15px;color: #777777;}

.imgbox{position: relative;border: 1px solid #ddd;padding: 50px 0;text-align: center;}
.imgbox.bg{background: #fcfcfc;}

.prod21 .spr{position: absolute;top: -105px;left: 50%;margin-left: -54px;}
.prod24 .imgbox{padding: 117px 0;}

.contactno{display: inline-block;border: 1px solid #ddd;font-size: 17px;color: #666666;line-height: 48px;padding: 0 20px;}
.contactbox{margin-top: 20px;border-top: 2px solid #333333;}
.contact{border-top: 1px solid #ddd;}
.contact:first-child{border-top: none;}
.contact > li{position: relative;padding: 0 0 0 240px;width: 50%;box-sizing: border-box;vertical-align: top;display: inline-block;}
.contact > li h5{position: absolute;top: 30px;left: 0;font-size: 24px;color: #444444;font-weight: 300;letter-spacing: -1px;padding-left: 20px;line-height: 30px;}
.contact > li h5:before{content: '';display: block;position: absolute;top: 7px;left: 0;width: 3px;height: 18px;background: #05141f;}
.contact .info{border-top: 1px solid #ddd;padding: 30px 0;}
.contact .info.fir{border-top: none;}
.contact .info > li{display: inline-block;vertical-align: top;width: 50%;padding-left: 90px;position: relative;line-height: 30px;font-size: 16px;color: #777777;}
.contact .info > li > strong{position: absolute;top: 0;left: 0;font-size: 16px;color: #444444;font-weight: 300;letter-spacing: -1px;padding-left: 10px;line-height: 30px;}
.contact .info > li > strong:before{content: '';display: block;position: absolute;left: 0;top: 50%;margin-top: -2px;width: 3px;height: 3px;background: #05141f;}

.partbox{margin-top: 30px;zoom: 1;}
.partbox:after{display: block;content: '';clear: both;}
.partbox > *{float: left;}
.partbox dt{width: 840px;margin-right: 18px;}
.partbox dd{width: 340px;}
.partbox dd img{margin-bottom: 15px;}

.hisbox{margin-bottom: 30px;position: relative;padding-left: 350px;}
.hisbox h5{position: absolute;top: 0;left: 0;width: 310px;border-top: 2px solid #05141f;padding-top: 20px;}
.hisbox h5 strong{display: block;margin-bottom: 5px;font-size: 42px;color: #333333;font-weight: 300;}
.hisbox h5 em{font-style: normal;font-size: 22px;color: #05141f;letter-spacing: -1px;font-weight: 300;}
.hisbox ul{border-top: 2px solid #ddd;padding-top: 20px;}
.hisbox ul li{padding: 5px 0;padding-left: 80px;position: relative;}
.hisbox ul li > strong{position: absolute;top: 3px;left: 0;font-size: 20px;color: #333333;font-weight: 300;}
.hisbox ul li > p{position: relative;font-size: 16px;color: #666666;display: block;margin-bottom: 10px;line-height: 20px;}

.vislist{width: 90%;margin: 0 auto;}
.vislist li{vertical-align: top;display: inline-block;width: 33.33%;position: relative;padding: 10px 40px;box-sizing: border-box;min-height: 220px;border-left: 1px dashed #ddd;}
.vislist li:first-child{border-left: none;}
.vislist li p{position: relative;display: block;margin: 5px 0;font-size: 17px;line-height: 22px;color: #666666;padding-left: 10px;}
.vislist li p:before{content: '';display: block;position: absolute;top: 10px;left: 0;width: 3px;height: 3px;border-radius: 50%;background: #999;}

.saleslist{margin: 0 -1%;}
.saleslist > li{margin: 0 1%;width: 23%;display: inline-block;vertical-align: top;}
.saleslist > li h5{display: block;text-align: center;line-height: 50px;text-align: center;font-size: 19px;color: #fff;background: #05141f;border-radius: 10px;font-weight: 300;margin-bottom: 10px;}
.saleslist > li > ul{border: 1px solid #ddd;border-radius: 10px;text-align: center;padding: 20px 0;box-sizing: border-box;min-height: 310px;}
.saleslist > li > ul li{text-align: center;font-size: 17px;line-height: 25px;color: #777777;}

.workbox .content{zoom: 1;border: 1px solid #ddd;}
.workbox .content:after{display: block;content: '';clear: both;}
.workbox .content > *{float: left;box-sizing: border-box;}
.workbox dt{width: 948px;font-family: empty;font-size: 0;}
.workbox dd{width: 350px;padding: 20px;}
.workbox dd h5{display: block;padding: 20px 0 10px 0;border-bottom: 1px solid #000;font-size: 19px;color: #333333;font-weight: 300;}
.workbox dd ul{margin-top: 10px;}
.workbox dd ul li{margin-bottom: 10px;}
.workbox dd ul li > strong{display: block;margin-bottom: 4px;font-size: 15px;color: #333333;font-weight: 300;}

.gre-tit{display: block;margin: 30px 0 20px 0;padding-bottom: 20px;position: relative;font-size: 26px;line-height: 34px;color:#333333;font-weight: 300;letter-spacing: -1px;}
.gre-tit strong{display: block;color: #05141f;font-weight: 300;}
.gre-tit:before{content: '';display: block;position: absolute;bottom: 0;left: 0;width: 20px;height: 3px;background: #05141f;}

.fancybox-skin{padding: 0 !important;border-radius: 0;}


/* 201231 add */
caption {display:block; position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; font-size:1; line-height:0; text-indent:-9999px;}
.btnWrap {margin-top:30px; text-align:right;}
.btnWrap:after {display:block; clear:both; content:''}
.btnWrap .btnQuest {display:inline-block; background:#05141f; border:1px solid #05141f; box-sizing:border-box; height:45px;line-height:45px;padding: 0 30px;min-width:150px; text-align:center;}
.btnWrap .btnQuest:hover {text-decoration:none}
.btnWrap .btnQuest span {font-size:16px;color:#fff;}
.btnWrap + .paging {margin-top:-37px}

.pwLayerPop {position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; display:none}
.pwLayerPop:after {display:block; position:absolute; width:100%; height:100%; background:#000; opacity:0.5; content:''}
.pwLayerPop .board-modal {width:100%; max-width:500px; left:50%; top:50%; transform:translate(-50%, -50%); text-align:center; background:#fff; position:absolute; z-index:1; border-bottom:4px solid #333;}
.pwLayerPop .board-modal .popHead {height:50px; background:#05141f;}
.pwLayerPop .board-modal .popHead strong {color:#fff; line-height:50px;}
.pwLayerPop .board-modal .popDesc {padding:30px;}
.pwLayerPop .board-modal .popDesc #pwdCheckModalErrorMessage{margin-top:20px; color:red;}
.pwLayerPop .board-modal .popDesc .inputArea {margin-top:20px;}
.pwLayerPop .board-modal .popDesc .inputArea input{width:100%; height:30px; border:1px solid #dedede;}
.pwLayerPop .board-modal .btnWrap {margin-top:30px;}
.pwLayerPop .board-modal button {padding:0; border:none;}
.pwLayerPop .board-modal .close-modal {display:block; position:absolute; top:0; right:0; width:50px; height:50px; background:#05141f; text-indent:-9999px;}
.pwLayerPop .board-modal .close-modal:before, .pwLayerPop .board-modal .close-modal:after{position:absolute;top:25px;right:10px;content:"";display:block;height:1px;width:30px;background:#fff}
.pwLayerPop .board-modal .close-modal:before{transform: rotate(45deg);}
.pwLayerPop .board-modal .close-modal:after{transform: rotate(-45deg);}
.pwLayerPop .board-modal .btnWrap .btn1 {border:1px solid #05141f;}
.pwLayerPop .board-modal .btnWrap .btn2 {border:1px solid #ddd;}

.srchBox{width:100%; border:1px solid #eee; background:#fbfbfb; padding:15px 0 14px; margin-top:30px; height:auto; overflow:hidden;}
.srchBox form{position:relative; width:85%; margin:0 auto;}
.srchBox fieldset {font-size:0;}
.srchBox fieldset legend{display:block; position:absolute; left: -9999px; width:1px; height:1px; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px;}
.srchBox select{width:20%; height:29px; margin-right:1%; vertical-align:top; border:1px solid #ddd;}
.srchBox input.inputTxt{width:68%; height:29px; border:1px solid #ddd; vertical-align:top;}
.srchBox .btnSrch{position:absolute; top:0; right:0; width:10%; height:29px; display:inline-block; background:#fff; border:1px solid #ddd; box-sizing:border-box; text-align:center;}
.srchBox .btnSrch:hover{background-position:-65px -45px;}

@media screen and (max-width:1300px) {
.btnWrap .btnQuest {min-width:120px; line-height:40px}
.btnWrap .btnQuest span {font-size:13px;}
.btnWrap + .paging {margin-top:-30px}
}

@media screen and (max-width:750px){
.btnWrap + .paging {margin-top:30px}
.srchBox form {width:95%;}
.srchBox input.inputTxt {width:79%}
.srchBox .btnSrch {position:relative; width:100%; margin-top:5px}
.pwLayerPop .board-modal {width:96%}
.pwLayerPop .board-modal .popHead {height:40px; padding-left:10px; text-align:left;}
.pwLayerPop .board-modal .popHead strong {line-height:40px}
.pwLayerPop .board-modal .close-modal {width:35px; height:40px}
.pwLayerPop .board-modal .close-modal:before, .pwLayerPop .board-modal .close-modal:after{top:20px; right:5px; width:25px;}
}

/* kakao map */
.kakaoWrap {position:relative; width:100%; height:520px;}
@media screen and (max-width:1300px) {.kakaoWrap {height:350px;}}
@media screen and (max-width:750px){.kakaoWrap {height:250px;}}

/* 211119 main popup */
.popup_wrap {display: none;position:absolute;top:0px;bottom:0;left:0;right:0;z-index:10000;width: 100%;}
.popup_wrap:after {display: block;position:fixed;top:0px;left:0;background:rgba(0,0,0,0.5);content:'';width: 100%;height: 100%;}
.popup_wrap.on {display:block;}
.popup_area {position:fixed;top:50%;left:50%;max-width:300px;width:100%;background:#fff;z-index:2;transform: translate(-50%, -50%);} 
.popup_area .popup_inner {padding:40px 22px;}
.popup_area .popup_inner strong.popup_title {display: block;font-size:20px;font-weight:300;color:#000;margin-bottom: 25px;}
.popup_area .popup_inner p.popup_sub {font-size:13px;color:#05141f;margin-bottom: 20px;}
.popup_area .popup_inner ul {margin-bottom: 20px;}
.popup_area .popup_inner ul li {font-size:13px;font-weight: 300;color: #05141f;margin-bottom: 7px;}
.popup_area .popup_inner p {font-size:13px;line-height: 1.6em;color: #05141f;margin-bottom: 10px;}
.popup_area .popup_inner p:last-child {margin-bottom: 0;}
.popup_area .popup_btn {display: flex;justify-content: center;align-items: center;width:100%;background:#5d5d5d;} 
.popup_area .popup_btn a {display:block;width:50%;height: 36px;line-height: 36px;font-size:13px;font-weight:300;color:#fff;letter-spacing: -0.5px;text-align:center;text-decoration:none;background:#05141f;}
.popup_area .popup_btn a.one_day {background:#697279;}

@media screen and (max-width: 320px) {
.popup_area {width: 94%;}
}

/*20220406 */
.flipbook-viewport {height:auto !important;}
.content.no-pd dt.map {width:908px;margin:20px; height:500px; max-height:500px; border:1px solid #05141f;  overflow:hidden;}
.content.no-pd dt.map > div {width:100%; height:100%;}
@media screen and (max-width:1300px){
.content.no-pd dt.map {width:auto;}
/* 230520 modify */
/* .flipbook-viewport .page {float:none !important; height:auto !important;} */
.flipbook-viewport .page {float:none !important; height:auto;}
/* //230520 modify */
}
@media screen and (max-width:500px){
.content.no-pd dt.map {height:300px; max-width:700px;}
}

/* 230522 add */
.header_change #gnb{
  right: 310px;
}
.header_change #tnb{
  right: 170px;
}
.header_change #slide-btn{
  right: 270px;
}
.catalog{
  float: right;
}
@media screen and (max-width: 1300px){
.catalog {
    display: none;
  }
  .header_change #slide-btn{
    right: 10px;
  }
}
.contact > li .dif_h5{
  top: 275px;
}
.youtube-btn{
  position: absolute;
  bottom: 50px;
  /* margin-top: 70px; */
  width: 460px;
}
.youtube-btn li{
  float: left;
}
.youtube-btn .button_youtube{
  margin-right: 27px;
}
.toggle_youtube{
  width: 48px;
  margin-right: 27px;
}
.medel-sns{
  float: right;
  margin-top: 80px;
}

.toggle_none{
  display: none;
}
.toggle_none.active{
  display: block;
}
.button_youtube{
  display: block;
  width: 48px;
  height: 48px;
}
.youtube-btn span.hide{
  display: none;
}

/* youtube */
.youtube-player-overly{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  opacity: 0;
  pointer-events: none;
  transform: all .4s;
}
.youtube-player-popup iframe{
  width: 800px;
  aspect-ratio: 16/9;
  z-index: 99999;
}
.youtube-player-overly.on {opacity:1;pointer-events:auto; z-index: 9999;}
.youtube-player-overly .inner{position: absolute; left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);}
.youtube-player-overly .youtube-btnClose{position:absolute;right:-18px;top:-18px; width:36px; height:36px; background-image: url(/kmvs/img/fancybox_sprite.png);text-indent: -9999px;}


@media screen and (min-width:1300px){
  

.medel-sns.dif{
  margin-top: 150px;
}
}
/* //230520 add */

/* 230725 add */
#main #mainWrap .bn .more,
#main #mainWrap .bn .more:after {
  display: none;
}
/* //230725 add */

/* 230727 add */
@media screen and (max-width: 1300px){
  #header.black_header{
    background: #000;
  }
  #footer.black_footer{
    background: #000;
  }
  #footer.black_footer .inner{
    padding: 20px 10px 52px 10px;
  }
  #footer.black_footer .inner:after{
    bottom: 0;
  }
#footer .black_logo:after {
  background: url(/kmvs/img/main/ft-logo-kia_1.jpg) no-repeat center center;
  display: block;
    content: '';
    clear: both;
    width: 136px;
    height: 52px;
    background-size: contain;
    position: absolute;
    bottom: -35px;
    right: 0;
}
/* //230727 add */}

/* 230803 add ( 다크모드 로고 색상 반전 ) */
#header .logo{position: absolute;top: 0;left: 0;height: 100%;width: 238px;background: url('/kmvs/img/main/logo-main.png') no-repeat center center;background-size: contain;text-indent: -999em;}
#header:hover .logo{background-image: url('/kmvs/img/main/logo-main.png');}
#header.on .logo{background-image: url('/kmvs/img/main/logo-main.png');}
.main #header:hover .logo{background-image: url('/kmvs/img/main/logo-main.png');}
.main #header.on .logo{background-image: url('/kmvs/img/main/logo-main.png');}
@media screen and (max-width: 1300px){
.main #header .logo, .main #header:hover .logo{background-image: url('/kmvs/img/main/logo-main.png');}
}
/* //230803 add */