@charset "utf-8";
/* @import url(font.css); */
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format("opentype"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format("opentype"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format("opentype"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format("opentype"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format("opentype"); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format("opentype"); }


/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button,textarea,pre{font-family: 'Noto Sans KR','Roboto', sans-serif; font-size:15px;color:#000; font-weight: 400;}
body{text-align:left; word-break:break-word;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
a{color:#000;text-decoration:none}
a:hover{}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}
caption{font-size:0; line-height:0; height:0}

/* Mobile Form Default */
input[type='text'],input[type='password'],input[type='image'],input[type='search']{-webkit-appearance:none;-webkit-border-radius:0}

/* Skip */
#skipnavigation{z-index:9999;position:absolute;left:0;top:0;width:100%;text-align:center}
#skipnavigation *{list-style:none;margin:0;padding:0;}
#skipnavigation a{display:block;width:100%;height:0;overflow:hidden;white-space:nowrap;}
#skipnavigation a:focus,
#skipnavigation a:active{display:block;width:100%;height:36px;color:#fff;background:#000;line-height:36px;text-decoration:underline !important;font-size:14px;}

::-webkit-input-placeholder {  color: #c0c0c0; font-weight: normal; font-size: 12px;  font-weight: 400; }
:-moz-placeholder { color: #c0c0c0; opacity: 1; font-weight: normal; font-size: 12px;  font-weight: 400;  }
::-moz-placeholder {  color: #c0c0c0; opacity: 1; font-weight: normal; font-size: 12px;  font-weight: 400; }
:-ms-input-placeholder {  color: #c0c0c0; font-weight: normal;font-size: 12px; font-weight: 400 }



* {box-sizing:border-box;}
img {max-width:100%}

.clear:after{content:''; display:block; clear:both;}

.wrap {overflow-x:hidden; }
.inner {padding:0 10px; margin:0 auto;position: relative;}
.inner:after {content:''; display:block; clear:both;}
/* head */
.head {height:45px;  position: relative; z-index:500;}
.head .inner {position: relative; margin:0 auto;}
.head .inner:after {content:''; display:block; clear:both;}
.head .inner .h1Logo { text-align: center; padding-right: 45px; padding-top: 16px;}
.head .inner .h1Logo a {display: inline-block; vertical-align: top;}
.head .inner .h1Logo img {height: 14px; vertical-align: top;}
.head .inner .gnbList {float:left; padding-top: 36px; }
.head .inner .gnbList > ul {}
.head .inner .gnbList > ul:after {content:''; display:block; clear:both;}
.head .inner .gnbList > ul > li {position:relative; float:left;}
.head .inner .gnbList > ul > li:first-child {margin-left: 0;}
.head .inner .gnbList > ul > li > a {font-size: 19px; color:#333333; line-height: 19px; display: block; height:54px;  padding:0 34px; }
.head .inner .gnbList > ul > li > a:hover {border-bottom:3px solid #cf0001;}
.head .inner .gnbList > ul > li.on > a {border-bottom:3px solid #cf0001;}
.head .inner .gnbList > ul > li.red {position: relative; padding:0; }
.head .inner .gnbList > ul > li.red > a {color:#cf0001; font-size: 15px; line-height: 15px; padding-left: 27; padding-right: 29px; }
.head .inner .gnbList > ul > li.red > a:after {content:''; position: absolute; left:0; top:3px; width: 1px; height:10px; background:#b7b7b7;}
.head .inner .btnTotal {position: absolute; right:0; top:0;}
.head .inner .btnTotal a {display: block; height:45px; width:45px; background:url('/m/images/btnMenu.png?v=01') center center no-repeat;  background-size:45px auto; text-indent:-999em;}



.popMenu {position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 999; display: none; }
.popMenu .bg {position: fixed; left:0; top:0; width: 100%; height: 100%; z-index:1; }
.popMenu .popHead {}
.popMenu  .btnCloseMenu {position: absolute; right:0; top:0; width: 45px; height: 45px; line-height: 45px; z-index: 50; text-align: center;}
.popMenu  .btnCloseMenu img {width:45px; vertical-align: top;}


.popMenu .gnbList {position: absolute; left:0; top:0; top:0; width: 100%; height:100%; background:#fff;   z-index: 10;}
.popMenu .gnbList .btnContact {border-bottom: 1px solid #d1d1d1;}
.popMenu .gnbList .btnContact a {display: block; font-size:13px; line-height: 13px; color:#333333; font-weight: 300; padding:0 0 0 20px; height: 45px; line-height: 45px;}
.popMenu .gnbList > ul {padding:0 10px;}
.popMenu .gnbList > ul > li {}
.popMenu .gnbList > ul > li > a {display: block; position: relative; font-size:13px; line-height: 13px; color:#333333; font-weight: 700; padding:15px 0 15px 20px; border-bottom: 1px solid #d1d1d1;}
.popMenu .gnbList > ul > li.active > a {color:#d0011d}
.popMenu .gnbList > ul ul.sub {padding:15px 25px; border-bottom: 1px solid #d1d1d1; display: none;} 
.popMenu .gnbList > ul ul.sub > li {margin-bottom: 10px;}
.popMenu .gnbList > ul ul.sub > li:last-child {margin-bottom: 0;}
.popMenu .gnbList > ul ul.sub > li > a {display: block; font-size: 12px; color:#444444;}
.popMenu .gnbList > ul ul.sub > li.on > a { color:#d0011d;}
.popMenu .gnbList .lastGnb {  padding-left: 20px; padding-top: 10px; display: none;}
.popMenu .gnbList .lastGnb li {margin-bottom: 10px;}
.popMenu .gnbList .lastGnb li:last-child {margin-bottom: 0;}
.popMenu .gnbList .lastGnb a{color:#444444; font-size: 12px; line-height:12px; display: block;}
.popMenu .gnbList .lastGnb a:hover { color:#d0011d;}



/* mainSlide */
.mainSlide { position: relative;   }
.mainSlide .in {  text-align: center;}
.mainSlide li {z-index: 10;}
.mainSlide li img {width: 100%;}
.mainSlide .bx-controls-auto {display: none;}
.mainSlide .bx-controls-direction {display: none;}
.mainSlide .bx-controls-direction {position: absolute; left:50%; margin-left:-870px; height: 100%; top:0; width: 100%; max-width:1740px;}
.mainSlide .bx-controls-direction a{ position: absolute; top:50%;display: block; width:29px; margin-top:-25px; height: 51px; text-indent:-9999em; }
.mainSlide .bx-controls-direction a.bx-prev {background:url('/m/images/btnPrev.png') no-repeat; left:0;}
.mainSlide .bx-controls-direction a.bx-next {background:url('/m/images/btnNext.png') no-repeat; right:0;}
.mainSlide .bx-pager {position: absolute; left:0; bottom:35px; width: 100%; height: 3px; text-align: center; text-align: center;}
.mainSlide .bx-pager > div {display: inline-block; margin-left: 5px;}
.mainSlide .bx-pager > div:first-child {margin-left: 0;}
.mainSlide .bx-pager > div a {display: block; width: 25px; height: 3px; background:#fff; text-indent:-9999em;}
.mainSlide .bx-pager > div a.active { background:#d0011d; }


@media all and (max-width:1900px) {
.mainSlide .direction {position: static; left:50%; margin-left:0; height: auto; top:0; width:auto; max-width:2000px;}
}



/* baseCehck */
.baseCehck input {position: absolute; visibility:hidden;}
.baseCehck a { font-size: 15px; line-height: 15px; color:#888888; border-bottom:1px solid #888888; margin-left:2px; letter-spacing:-1px;}
.baseCehck label {position: relative; padding-left: 24px; font-size: 15px; line-height: 15px; color:#888888; letter-spacing:-1px;}
.baseCehck label:after {content:''; position: absolute; left:0; top:3px; width:16px; height: 16px; background: url('/m/images/bull_check.png') no-repeat;}
.baseCehck input:checked +label:after { background: url('/m/images/bull_check2.png') no-repeat;}

/* baseSel */
.baseSel {position: relative; background:#fff; border-radius:3px; border:1px solid #cfcfcf; height: 32px;}
.baseSel:after {content:''; position: absolute; right:10px; top:50%; width:7px; margin-top:-4px; height:4px;background:url('/m/images/bull_sel.png') center center no-repeat; background-size:7px auto; }
.baseSel label {position: absolute; left:10px; top:8px; line-height: 12px; font-size: 12px; color:#666666; }
.baseSel select {opacity:0; width: 100%; height: 28px; position: relative; z-index:10; font-size: 12px;}


.slideWrap {padding:30px 0; overflow:hidden; position: relative;}
.slideWrap .title {text-align: center; font-size:23px; color:#333333; font-weight: 700; font-family:'Roboto'; line-height: 20px; padding-bottom:22px; margin-bottom: 17px; position: relative; }
.slideWrap .title:after {content:''; position: absolute; left:50%; bottom:0; margin-left:-10px; width: 20px; height: 2px; background:#cf0001;}
.slideWrap .tabSlide {text-align: center; margin-bottom: 15px; padding:0 20px; }
.slideWrap .tabSlide ul {border:1px solid #cccccc;  padding:10px 10px;}
.slideWrap .tabSlide ul:after {content:''; display:block; clear:both;}
.slideWrap .tabSlide ul li {position: relative; display: inline-block; vertical-align: middle; text-align: center;  margin-left: 12px; padding-left: 12px;}
.slideWrap .tabSlide ul li:first-child {padding-left: 0; margin-left: 0; }
.slideWrap .tabSlide ul li:after {content:''; position: absolute; left:0; top:50%; margin-top:-6px; width: 1px; height: 11px; background:#cccccc;}
.slideWrap .tabSlide ul li:first-child:after {display: none;}
.slideWrap .tabSlide ul li a {font-size: 12px; color:#000000; line-height: 12px; display: block;}
.slideWrap .tabSlide ul li.on a { color:#e60021; }
.slideWrap .tabSlide ul li:nth-child(1) img {height:10px;}
.slideWrap .tabSlide ul li:nth-child(2) img {height:10px;}
.slideWrap .tabSlide ul li:nth-child(3) img {height:14px;}
.slideWrap .tabName {overflow:hidden; margin-bottom: 10px;}
.slideWrap .tabName div {float:left; width: 50%; text-align: center; position: relative;}
.slideWrap .tabName div a {display: block; text-indent:-9999em;}
.slideWrap .tabName div.tit01 a {width: 70px; height: 12px; display: inline-block; background:url('/m/images/productTab01.png') center center no-repeat; background-size:70px auto;}
.slideWrap .tabName div.tit02 a {width: 120px; height: 12px; display: inline-block; background:url('/m/images/productTab02.png') center center no-repeat; background-size:120px auto;}
.slideWrap .tabName div.tit02:after {content:''; position: absolute; left:0; top:0; width: 1px; height: 14px; background:#888888;}


.slideWrap .slideBox {position: absolute; left:0; top:0; width: 100%; overflow:hidden;  }
.slideWrap .slideBox.active {position: relative;}
.slideWrap .slideBox .inner {padding:0 50px; overflow:hidden; }
.slideWrap .slideBox .swiper-container {width: 100%;height: 100%;}
.slideWrap .slideBox .swiper-slide {text-align: center; overflow:hidden; }
.slideWrap .slideBox .swiper-slide:after {content:''; display:block; clear:both;}
.slideWrap .slideBox .img {padding:15px 20px 0 20px; }
.slideWrap .slideBox .img img {width: 100%; opacity:1;}
.slideWrap .slideBox .info { text-align: center;  display: block; }
.slideWrap .slideBox .info .series {display: inline-block; vertical-align: middle;font-family: 'Roboto'; font-weight: 700; font-size:20px; line-height:20px; color:#333333;}
.slideWrap .slideBox .info .name {display: inline-block; vertical-align: middle; font-family: 'Roboto'; font-weight: 700; font-size: 30px; line-height:30px; color:#333333; margin-left: 5px;  }
.slideWrap .slideBox .info ul  { margin-top: 15px; text-align: left;}
.slideWrap .slideBox .info ul li {margin-bottom: 5px;}
.slideWrap .slideBox .info ul li:last-child {margin-bottom: 0;}
.slideWrap .slideBox .info ul li:after {content:''; display:block; clear:both;}
.slideWrap .slideBox .info ul li .tit {float:left; width: 100px; font-size: 13px; color:#cf0001; line-height: 12px;}
.slideWrap .slideBox .info ul li .txt {margin-left: 100px; font-size: 13px; color:#888888; line-height: 13px; margin-bottom: 5px;}

.slideWrap .slideBox .swiper-pagination {position: relative; bottom:0; padding-top: 20px;}
.slideWrap .slideBox .swiper-pagination > span {border:1px solid #3b3b3b; width: 8px; height: 8px; background:none; opacity:1;}
.slideWrap .slideBox .swiper-pagination > .swiper-pagination-bullet-active {border:none; background:#0363b3; opacity:1;}

.arrowWrap {position: relative; position: absolute; top:50%; margin-top:-20px; width: 100%; }
.arrowWrap  div {margin-top: 0;outline:none;  z-index: 50; }
.arrowWrap .swiper-button-prev {left:10px; top:0; width: 40px; height:40px; background: url('/m/images/btnPrev.png') no-repeat; background-size:40px auto;}
.arrowWrap .swiper-button-next {right:10px; top:0; width: 40px; height:40px; background: url('/m/images/btnNext.png') no-repeat; background-size:40px auto;}

.pubWrap {background: url('/m/images/mainPub.jpg') center center no-repeat; background-size:cover; padding:35px 0;}

.pubWrap .title {text-align: center; font-size:23px; color:#fff; font-weight: 700; font-family:'Roboto'; line-height: 20px; padding-bottom:22px; margin-bottom: 17px; position: relative; }
.pubWrap .title:after {content:''; position: absolute; left:50%; bottom:0; margin-left:-10px; width: 20px; height: 2px; background:#fff;}

.pubWrap .title2 {font-size: 12px; color:#fff; text-align: center; line-height: 14px; margin-bottom:20px;}
.pubWrap .downWrap:after {content:''; display:block; clear:both;}
.pubWrap .downWrap .box {  background: #fff; text-align: center; padding-bottom: 15px;}
.pubWrap .downWrap .box.no1 {margin-bottom: 15px;}
.pubWrap .downWrap .box .tit {font-size:15px; color:#333333; line-height: 15px; font-family: 'Roboto'; font-weight: 700; margin-bottom:15px; padding-top: 15px;}
.pubWrap .downWrap .box > ul > li {position: relative;display: inline-block; margin-left:15px; width:40%; text-align: left;}
.pubWrap .downWrap .box > ul > li:first-child {margin-left: 0;}
.pubWrap .downWrap .box > ul > li > a{display: block; border:1px solid #b10010; height: 27px; padding-left:10px; line-height:27px; border-radius:3px; background:#fff url('/m/images/btnPub01.jpg') right center no-repeat; background-size:29px auto;overflow:hidden; color:#b10010; font-size: 12px; font-weight: 500;}
.pubWrap .downWrap .box .subDown a:hover{background:#b10010;color:#fff;}

.pubWrap .downWrap .box.no2 > ul > li > a{ background:#fff url('/m/images/btnPub02.jpg') right center no-repeat;color:#b19100; background-size:29px auto; border:1px solid #b19100;}

.pubWrap .downWrap .box .subDown { max-height:200px; overflow-y:auto; display: none; z-index: 100; position: absolute; left:0; top:0; width: 100%; top:26px; border:1px solid #b10010; border-bottom-left-radius:3px; border-bottom-right-radius:3px;}
.pubWrap .downWrap .box .subDown li {}
.pubWrap .downWrap .box .subDown a{display: block; background:#fff;height: 27px; padding-left: 10px; line-height:27px;  color:#b10010; font-size: 12px; font-weight: 500;}


.pubWrap .downWrap .box.no2 .subDown {border:1px solid #b19100;}
.pubWrap .downWrap .box.no2 .subDown a {color:#b19100;}
.pubWrap .downWrap .box.no2 .subDown li {border-bottom:1px solid #b19100;}
.pubWrap .downWrap .box.no2 .subDown li:last-child {border-bottom:none;}
.pubWrap .downWrap .box.no2 .subDown a:hover{background:#b19100;color:#fff;}


.inWrite:after {content:''; display:block; clear:both;}
.inWrite .box { margin-bottom: 13px;}
.inWrite .box:first-child {margin-left: 0;}
.inWrite .box:last-chuld {margin-bottom: 0;}
.inWrite .box.full {clear:both; width: 100%; margin-left: 0;}
.inWrite .box .tit {font-size: 12px; color:#333333; line-height: 12px; margin-bottom: 10px; font-weight:500;}
.inWrite .box input[type=text] {padding-left: 10px; height: 28px; border:none; width:100%; font-size: 12px; border-radius:3px; background:#fff;  border:1px solid #333333;}
.inWrite.type3 {border-top: 2px solid #000000; padding-top: 20px;}
.inWrite.type3 .box input[type=text] {border:1px solid #888;}

.inWrite .box .line {font-size: 0; margin-bottom: 7px;}
.inWrite .box .line:last-child {margin-bottom: 0;}
.inWrite .box .dash {color:#333333; font-size: 14px; padding:0 4px;}
.inWrite .box .btnAddr {margin-left:7px; font-size: 12px; color:#fff; text-align: center; display: inline-block; background:#999999; border-radius:3px; height: 30px; line-height: 30px; width: 95px; vertical-align: middle;}

.fullBox {background: #8a8a8a; padding:10px 0; }

.fullBox .box { position: relative; z-index: 100; margin-bottom: 12px;}
.fullBox .box:after {content:''; display:block; clear:both;}
.fullBox .box .sm {float:left; width:49% }
.fullBox .box .sm:first-child {margin-right:12px;}
.fullBox .box .tit {margin-bottom: 10px;  text-align: left;}
.fullBox .box .tit.infoUse {margin-bottom: 5px;}
.fullBox .box .tit .titSpan {color:#fff; font-size: 12px; line-height: 12px; display: inline-block; vertical-align: middle;}
.fullBox .box .tit .info  {display: inline-block; vertical-align: middle; margin-left: 5px; z-index:100; height: 12px; line-height: 12px;  }
.fullBox .box .tit .info .infoPop {position: absolute; width: 100%; left:0; visibility:hidden;  opacity:0;  transition:.3s all; bottom:55px;}
.fullBox .box .tit .info em {cursor:pointer; vertical-align:top; display: inline-block;}
.fullBox .box .tit .info em img {width: 12px; vertical-align: top;}
.fullBox .box .tit .info.on .infoPop {display: block; visibility:visible; opacity:1;}
.fullBox .box .tit .info.on .infoPop:after {content:''; position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 90; background:rgba(0,0,0,.3);}
.fullBox .box .tit .info.on .infoPop img {position: relative; z-index:101;}
.fullBox .box .tit .info .closeInfo {position: absolute; z-index:101; right:7px; top:7px; width: 15px; height: 15px; background:url('/m/images/closeInfo.png') center center no-repeat; background-size:13px auto;}
.fullBox .box.on {z-index: 201;}
.fullBox .box .twoSel2 .td{width: 49%;}
.fullBox .box .twoSel2 .td:first-child {padding-right: 7px;}

.fullBox .box .twoSel2 .baseSel{width: 100%;}
.fullBox .box .twoSel2 input{width: 100%;}

.fullBox .box .twoSel:after {content:''; display:block; clear:both;}
.fullBox .box .twoSel .baseSel {float:left; width: 200px;}
.fullBox .box .twoSel .baseSel:first-child {margin-right: 10px;}
.fullBox .box input[type=text] {padding-left: 10px; height: 28px; border:none; width:100%; font-size: 12px; border-radius:3px; background:#fff;  border:1px solid #333333;}



/* cmsDate */
.cmsDate {}
.cmsDate .dateButton {display: inline-block; position: relative; width:100%; height: 30px;}
.cmsDate input[type=text] {padding-left: 10px; height:30px; border:none; width:100%; font-size: 12px; border-radius:3px; background:#fff;  }
.cmsDate button {position: absolute; right:6px; top:6px; width: 15px; height:15px; text-indent:-9999em; background:url('/m/images/btnCal.png') no-repeat; background-size:15px auto ; border:none;}

.lastInfo {text-align: center; padding:5px 0 10px 0; } 
.lastInfo .inner {padding:0;}
.lastInfo .infoTit01 { font-size: 12px; color:#ffffff; line-height: 18px; padding-top: 8px; margin-bottom: 15px; text-align: left;}
.lastInfo .infoTit01 span {color:#ffffff}
.lastInfo .agreeBox {text-align: left;}
.lastInfo .agreeBox input {position: absolute; visibility:hidden;}
.lastInfo .agreeBox label {color:#333333; font-size: 12px; line-height: 12px; display: inline-block; vertical-align: middle; padding-left:20px; position: relative; padding-top: 2px; }
.lastInfo .agreeBox label:after {content:''; position: absolute; left:0; top:2px; width:15px; height: 15px; background: url('/m/images/baseCheck.png') no-repeat; background-size:15px auto;}
.lastInfo .agreeBox input:checked + label:after { background: url('/m/images/baseCheckOn.png') no-repeat; background-size:15px auto;}
.lastInfo .agreeBox a {width: 120px; text-align: center; height: 23px; line-height:23px; color:#333333; font-size: 12px; font-weight: 500; display: inline-block; vertical-align: middle; background:#dddddd; border-radius:3px; margin-left: 2px;}

.footer {border-top: 1px solid #e1e1e1;}
.footer .bannerWrap {padding:13px 0 13px 0; border-bottom: 1px solid #e1e1e1;}
.footer .bannerWrap ul {text-align: center; font-size: 0; padding:0 12px;}
.footer .bannerWrap ul li{display: inline-block; width: 32%; vertical-align: middle; margin-left: 2%; border:1px solid #cfcfcf;}
.footer .bannerWrap ul li:first-child {margin-left: 0;}
.footer .bannerWrap ul li img {width: 100%;}
.footer .gnbFooter {padding-bottom: 15px; padding-top: 15px; text-align: center;}
.footer .gnbFooter ul:after {content:''; display:block; clear:both;}
.footer .gnbFooter ul li {display: inline-block; margin-left: 15px; padding-left: 17px; position: relative;}
.footer .gnbFooter ul li:after {content:''; position: absolute; left:0; top:50%; margin-top:-5px; width: 1px; height:10px; background:#adadad;}
.footer .gnbFooter ul li:first-child {margin-left: 0; padding-left: 0;}
.footer .gnbFooter ul li:first-child:after {display: none;}
.footer .gnbFooter ul li a {font-size: 13px; color:#333333; font-weight: 500;}
.footer .infoFooter {border-top:1px solid #d8d8d8; padding:15px 0 30px 0; text-align: center;}
.footer .infoFooter .footLogo {float:left; margin-right: 55px;}
.footer .infoFooter .addr { font-size: 12px; color:#888888; line-height: 22px;}
.footer .infoFooter .addr a { font-size: 12px; color:#888888;}

/* BTN */
.btnRight {text-align: right;  margin-bottom:30px;}

.btnCenter {text-align: center;  }
.btnCenter a {margin-left:7px; }
.btnCenter a:first-child { margin-left:0; }

.btn01 {display: inline-block; width:140px; line-height:35px; height: 35px; border-radius:3px; text-align: center; font-size: 13px;  font-weight:500; color:#fff; background:#cf0001;}


/* subCont */
.subCont {margin:0 auto; padding-bottom:50px; min-height:300px;}

.subTopArea .bgTop {position: relative; text-align: center; padding-top: 50px; background:url('/m/images/subTopBg01.jpg') center top no-repeat; background-size:cover; height: 120px;}
.subTopArea .bgTop.biz {background:url('/m/images/subTopBg02.jpg') center top no-repeat; background-size:cover; }
.subTopArea .bgTop.product {background:url('/m/images/subTopBg03.jpg') center top no-repeat; background-size:cover; }
.subTopArea .bgTop.data {background:url('/m/images/subTopBg02.jpg') center top no-repeat; background-size:cover; }
.subTopArea .bgTop.customer {background:url('/m/images/subTopBg04.jpg') center top no-repeat; background-size:cover; }
.subTopArea .bgTop h2 {font-size: 23px;  font-weight:700; line-height:23px;color:#fff;}
.subTopArea .bgTop.about h2 {font-family: 'Roboto';}


.subGnbList {background: #f0f0f0 ;border-bottom: 1px solid #d9d9d9; height:41px; position: relative; z-index: 20;}
.subGnbList .inner {padding:0; padding-left:35px;}
.subGnbList .inner .btnHome {position: absolute; left:0; top:0; border-right:1px solid #d9d9d9;; border-left:1px solid #d9d9d9;; height: 40px; background: #fff;}
.subGnbList .inner .btnHome img {width:35px;}
.subGnbList .inner .lnbTit {float:left; width:40%;  border-right:1px solid #d9d9d9; height: 40px; line-height: 40px;font-size: 12px; color:#333333; text-align: center; background: #fff;}
.subGnbList .inner .lnbList { float:left; position: relative; width:60%; border-right: 1px solid #d9d9d9; text-align: center; background: #fff;}
.subGnbList .inner .lnbList p {font-size: 12px; height:40px; line-height: 40px;color:#333333; cursor:pointer; position: relative; z-index: 10; padding-right: 35px;}
.subGnbList .inner .lnbList p:after {content:''; position: absolute; right:0; top:0; width: 35px; height: 40px; border-left:1px solid #d9d9d9; background: url('/m/images/bull_arrow2.png') center center no-repeat; background-size:10px auto; }

.subGnbList .inner .lnbList ul {display: none; position: absolute; left:0; top:-1px; width: 100%; border:1px solid #333333; background:#fff; padding-bottom: 20px; text-align: center;}
.subGnbList .inner .lnbList ul li {padding-top: 10px; }
.subGnbList .inner .lnbList ul li:first-child {padding-top:45px;}
.subGnbList .inner .lnbList ul li a {font-size: 12px; line-height: 12px; color:#333;display: block; padding:6px 0;}
.subGnbList .inner .lnbList.on ul li a:hover {color:#cf0001;}
.subGnbList .inner .lnbList.on ul {display: block;}
.subGnbList .inner .lnbList.on p:after {border-left:none;}

.h2Wrap {position: relative; padding:25px 0 25px 0; margin-bottom: 30px; text-align: center;}
.h2Wrap:after {content:''; position: absolute; left:50%; bottom:0; width: 25px; margin-left:-13px; background:#cf0001; height: 2px; }
.h2Wrap h2 {font-size: 20px; line-height:20px; font-weight: 700; color:#333333; }
.h2Wrap.roboto h2 {font-family:'Roboto';}

/* searchTable */
.searchTable {margin-bottom:10px; padding-bottom: 10px; border-bottom: 2px solid #000000;}
.searchTable.borderNone {border:none;}
.searchTable.mb0 {margin-bottom: 0;}
.searchTable:after {content:''; display:block; clear:both;}
.searchTable .leftTotal {font-size: 12px; color:#333333; padding-bottom: 8px; font-weight: 300;}
.searchTable .leftTotal span {color:#cf0001; font-family:'Roboto'; font-weight: 500;}
.searchTable .rightSearch { position: relative;}
.searchTable .rightSearch:after {content:''; display:block; clear:both;}
.searchTable .rightSearch .baseSel {float:left;width:100px; border-radius:0; }
.searchTable .rightSearch .baseSel select {}
.searchTable .rightSearch .inputBox {margin:0 65px 0 105px;}
.searchTable .rightSearch .inputBox  input{height:32px; line-height:32px; width: 100%; border:1px solid #d1d1d1;  color:#000000;padding-left: 10px; font-size: 15px; }
.searchTable .rightSearch .btnSearch {position: absolute; right:0; top:0; margin-left:6px; text-align: center;}
.searchTable .rightSearch .btnSearch a{display:inline-block; height:32px; width: 60px;  font-size: 13px; color:#fff; line-height: 32px; background:#cf0001;} 


.bizWrap  {text-align: center;}
.bizWrap .tit01 {margin-bottom: 20px;}
.bizWrap .tit01 img {width: 100%;}
.bizWrap .tit02 {font-size: 15px; font-weight: 500; color:#cf0001; margin-bottom: 20px;}
.bizWrap .tit03 {font-size: 13px; color:#444444;}

/* faqList */
.faqList {margin-bottom: 20px;}
.faqList ul li .question { border-bottom:1px solid #dddddd; padding:9px 0; font-weight: 300; cursor:pointer;}
.faqList ul li .question:after {content:''; display:block; clear:both;}
.faqList ul li .question .text {position: relative; font-size: 13px; color:#333333; padding:0 0 2px 40px; background: url('/m/images/btnQ.png') 10px 0px no-repeat; background-size:18px auto;}
.faqList ul li .question .text:after {display: none;}
.faqList ul li .answer {display: none; border-bottom:1px solid #f2f2f2;  font-size: 13px; line-height: 22px; color:#6c6e71; padding:15px 20px 15px 40px; background:#f8f8f8 url('/m/images/btnA.png') 10px 15px no-repeat;  background-size:18px auto;}
.faqList ul li.on .question .text:after {background: url('/m/images/bgFaqUp.png') no-repeat;}


/* listType01 */
.listType01 { position: relative; margin-bottom:60px;}
.listType01 table{width: 100%; table-layout:fixed; }
.listType01 table th {font-size: 15px; color:#333333; height:50px; font-weight: 400; text-align: center; border-bottom:1px solid #dedede;  }
.listType01 table td {font-size: 15px; color:#666666; height:50px; text-align: center; border-bottom:1px solid #dedede; }
.listType01 table td a {font-size: 15px; color:#666666;  }
.listType01 table td.left {text-align: left; padding-left:48px;}
.listType01 table .noticeTr td {background:#f5f5f5;}
.listType01 table .noticeTr td.left {padding-left:0;}
.listType01 table .noti {display: inline-block; vertical-align: middle; font-size: 13px; color:#ffffff; width: 38px; line-height: 21px; height: 21px; background:#444444; border-radius:10px; text-align: center; margin-right: 5px;}
.listType01 table .down {margin-right: 3px; margin-left: 3px;}
.listType01 table .new {margin-right: 3px; }

/* paging */
.paging  {text-align: center;  margin-bottom:30px;}
.paging .btn { text-indent:-999em;}
.paging .first { background: url('/m/images/paging01.png') center center no-repeat; margin-left: 0;}
.paging .prev {background: url('/m/images/paging02.png') center center no-repeat; margin-right:35px; margin-left:1px;}
.paging .next {  background: url('/m/images/paging03.png') center center no-repeat; margin-left:35px; margin-right:1px;}
.paging .last {background: url('/m/images/paging04.png') center center no-repeat; margin-left: 0;}
.paging a {display: inline-block; margin-left: 3px; text-align: center; vertical-align: middle; border:1px solid #cccccc; min-width:30px; height:30px; line-height:30px; text-align: center; background:#fff; font-size: 17px; color:#333333; }
.paging a.on {background: #cf0001; color:#fff; border:none;}



/* writeType01 */
.writeType01 {border-top:2px solid #cf0001;}
.writeType01 table {width: 100%;}
.writeType01 table th {border-bottom:1px solid #d1d1d1;  background:#fafafa; padding:10px 0 10px 10px;  font-size: 12px; color:#535353; font-weight:500; text-align: left;}
.writeType01 table td {border-bottom:1px solid #d1d1d1;  padding:10px 0 10px 10px; font-size: 12px; color:#333333;}
.writeType01 table textarea {border:1px solid #d1d1d1; padding: 10px; height:230px; width: 100%; resize:none; font-size: 15px;}
.writeType01 table input[type=text] {border:1px solid #d1d1d1; padding-left: 10px; width: 610px; height: 50px; font-size: 16px; color:#333}
.writeType01 table input.size01 {width: 100px;}
.writeType01 table input.size02 {width: 200px;}
.writeType01 table .dash {display: inline-block; vertical-align: middle; margin:0 3px;}
.writeType01 table .box {display: inline-block; vertical-align: middle; margin-right: 4px;}

/* tableType01 */
.tableType01 table {width: 100%;}
.tableType01 table th {height: 57px;background: #cf0001; border-left: 1px solid #fff; color:#fff; text-align: center; font-weight: 700; font-size: 17px;}
.tableType01 table th:first-child {border-left:none;}
.tableType01 table td { border-right: 1px solid #bec3c7; border-bottom: 1px solid #bec3c7; color:#666666; text-align: center;  font-size: 15px; line-height: 25px; padding:15px 0;}
.tableType01 table td.left { text-align: left; padding-left: 30px; }
.tableType01 table td:last-child {border-right: none;}





/* fileWrap */
.fileWrap {clear:both; margin-bottom: 10px; position: relative;}
.fileWrap:after {content:''; display:block; clear:both;}
.fileSearch {position: relative;  border:1px solid #d1d1d1; border-radius:3px; }
.fileSearch .file_input_textbox {height: 32px;  width: 100%; border:none !important; pointer-events: none; z-index:0; position: relative;}
.fileSearch .file_input_div{position: absolute; left:0; top:0; overflow: hidden; width:100%; height:50px; }
.fileSearch .file_input_button{width:60px; height: 24px; position: absolute; left:2px; top: 2px;background: url('../images/btnFile.png') no-repeat; background-size:59px auto; cursor:pointer;  border:none; }
.fileSearch .file_input_hidden{font-size: 45px;position: absolute;left: 0px;top: 0px;opacity: 0; filter: alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-khtml-opacity: 0;-moz-opacity: 0; cursor:pointer;}
.fileWrap .plus {position: absolute; right:8px; top:5px;}
.fileWrap .plus span {padding:3px 0 3px 25px; line-height: 15px;display: inline-block; background: url('/m/images/btnPlus.png') left center no-repeat; font-size: 12px; background-size:19px auto; color:#333333;}
.fileWrap .min {position: absolute; right:65px; top:5px;}
.fileWrap .min span {padding:3px 0 3px 25px; line-height: 15px;display: inline-block; background: url('/m/images/btnMinus.png') left center no-repeat; font-size: 12px; background-size:19px auto; color:#333333;}

/* noticeSlide */
.noticeSlide {margin-bottom:50px;}
.noticeSlide ul:after {content:''; display:block; clear:both;}
.noticeSlide li {float:left; height: 465px; width:365px; margin-left: 35px; margin-top: 50px; position: relative;}
.noticeSlide li span{display: block; text-align: left;}
.noticeSlide li .img{display: block; width: 350px; height: 240px; text-align: center; border:1px solid #cfcfcf;}
.noticeSlide li .img img {width: 348px; height: 238px;}
.noticeSlide li .title {padding:25px 0 20px 0; font-size: 21px; line-height: 30px; color:#333333; font-weight: 700; }
.noticeSlide li .text {padding:0 0 20px 0; font-size:15px; color:#888888; line-height: 24px;}
.noticeSlide li .date {font-size:13px; color:#cdcdcd; font-weight: 700;}
.noticeSlide li:nth-child(-n+3) {margin-top: 0;}
.noticeSlide li a:hover:after {content:''; position: absolute; left:0; top:0; width:348px; height:100%; border:2px solid #5eaae1; z-index: 0;}


/* footSlide */
.footSlide {border-top: 1px solid #e6e6e6;}
.footSlide .in{width: 1000px; margin:0 auto; position: relative; border-top: 1px solid #e6e6e6;}
.footSlide .bx-wrapper {max-width: 1480px !important; margin:0 auto;}
.footSlide ul li {margin-right: 20px; text-align: center;}
.footSlide .bx-controls-direction a {position: absolute; text-indent:-999em; width: 17px; height: 31px; top:50%; margin-top:-15px; }
.footSlide .bx-controls-direction a.bx-prev {background:#000 url('/m/images/btnPrev2.png') no-repeat; left:-50px;}
.footSlide .bx-controls-direction a.bx-next {background:#000 url('/m/images/btnNext2.png') no-repeat; right:-33px;}
.footSlide .bx-pager {display: none;}
.footSlide.hide .bx-controls-direction {display: none;}

/* addressBox */
.addressBox { background:#444444;}
.addressBox .inner {width: 1100px; margin:0 auto; position: relative;}
.addressBox .inner .footLeft  {padding:43px 0; border-bottom: 1px solid #555555;}
.addressBox .inner .footLeft ul:after {content:''; display:block;clear:both;}
.addressBox .inner .footLeft ul li {float:left; margin-left: 40px;}
.addressBox .inner .footLeft ul li:first-child {margin-left: 0;}
.addressBox .inner .footLeft ul li a {font-size: 16px; color:#fff;}
.addressBox .inner .footRight {position: absolute; right:0; top:30px;}
.addressBox .inner .footRight ul li {float:left; margin-left: 8px;}
.addressBox .inner .footRight ul li:first-child {margin-left: 0;}
.addressBox .inner .addrWrap {padding:50px 0 73px 0;}
.addressBox .inner .addrWrap:after {content:''; display:block;clear:both;}
.addressBox .inner .addrWrap .logo {float:left;}
.addressBox .inner .addrWrap .text {margin-left:122px;font-size: 14px; line-height: 14px; color:#999999; }
.addressBox .inner .addrWrap .text address {padding-bottom: 20px;}



.philWrap .img {text-align: center; margin-bottom:25px;}
.philWrap .text {font-size: 13px; line-height:21px; color:#444444; }
.philWrap .text p {margin-bottom: 25px;}

/* tabBase */
.tabBase {margin:0 auto 20px auto;   }
.tabBase:after {content:''; display:block; clear:both;}
.tabBase a {float:left; border-top:1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0;;border-left:1px solid #d0d0d0 ;width: 33.33336%; text-align: center; height: 40px;font-weight: 400; line-height: 40px; font-size: 13px; color:#333333; background: #fff;}
.tabBase a:last-child {border-right:1px solid #d0d0d0;}
.tabBase a.on {background: #cf0001; color:#fff; }
.tabBase.two a {width: 50%;}
.tabBase.four a {width: 25%;}
.tabBase.five a {width: 20%;}
.tabBase.nine  {}
.tabBase.nine:after  {content:''; padding-top: 25px; display:block;  border-bottom: 1px solid #a6a6a6; margin-bottom:45px}
.tabBase.nine a {width: 11.2%; font-size: 15px; letter-spacing:-0.5px;}
.tabBase.nine a:first-child {width: 10%; }

/* tabBaseList */
.tabBaseList {margin:0 auto 20px auto;   }
.tabBaseList:after {content:''; display:block; clear:both;}
.tabBaseList a {float:left; border-top:1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0;;border-left:1px solid #d0d0d0 ;width: 33.33336%; text-align: center; height: 40px;font-weight: 400; line-height: 40px; font-size: 13px; color:#333333; background: #fff; }
.tabBaseList a:last-child {border-right:1px solid #d0d0d0;}
.tabBaseList a.on {background: #cf0001; color:#fff; }
.tabBaseList.nine:after  {content:''; padding-top: 25px; display:block;  border-bottom: 1px solid #a6a6a6; margin-bottom:45px}
.tabBaseList.three a {width:33.33336%;}
.tabBaseList.four a {width:25%;}
.tabBaseList.nine a {width: 11.2%; font-size: 15px; letter-spacing:-0.5px;}
.tabBaseList.nine a:first-child {width: 10%; }
.tabBaseList.ten a {width: 20%; margin-bottom:-1px; font-size: 12px; letter-spacing:-1px;}

.tabSection  {}
.tabSection > div {display: none; }
.tabSection > div:first-child {display: block;}


.hisWrap {position: relative;margin:0 15px;}
.hisWrap:after {content:''; position: absolute; left:25px; top:38px; height: 100%; background:#f2f2f2; width: 1px;}
.hisWrap > ul > li {position: relative; margin-bottom:20px;}
.hisWrap > ul > li:after {content:''; display:block; clear:both;}
.hisWrap > ul > li .year {color:#cf0001; font-weight: 500; font-family: 'Roboto'; position: relative; z-index: 10; font-size: 22px; clear:both; }
.hisWrap > ul > li .year:after {content:''; position: absolute; left:25px; bottom:-20px; margin-left:-7px; width: 10px; height: 10px; z-index: 10; background:#fff; border:2px solid #cf0001; border-radius:50%; }
.hisWrap > ul > li .hisList {padding-left:90px; }
.hisWrap > ul > li .hisList ul li {position: relative;  padding-left: 30px;}
.hisWrap > ul > li .hisList .text {font-size: 13px; line-height: 25px; color:#444444;}
.hisWrap > ul > li .hisList .smY {position: absolute; left:0; font-size: 13px;  line-height: 25px;color:#aaaaaa; }
.hisWrap > ul > li.type2 {margin-bottom: 70px;}
.hisWrap > ul > li.type3 {margin-bottom:130px;}
.hisWrap > ul > li.type4 {margin-bottom: 80px;}
.hisWrap > ul > li.type5 {margin-bottom: 30px;}

.hisWrap > ul > li .popImg {position: absolute; left:0; top:60px;  text-align:left; z-index: 30;  }
.hisWrap > ul > li .popImg img {width: 60px;}


.productList > ul {}
.productList > ul:after {content:''; display:block; clear:both;}
.productList > ul > li {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #dddddd;}
.productList > ul > li a {display: block; border:1px solid #cfcfcf;  transition:.3s all; padding:15px 0;}
.productList > ul > li.empty { border:1px solid #cfcfcf; overflow:hidden;}
.productList > ul > li a:after {content:''; display:block; clear:both;}
.productList > ul > li a .img {float:left; width: 170px; text-align: center; }
.productList > ul > li a .img img { vertical-align: middle; width: 100%;}
.productList > ul > li a .info {margin-left: 190px; text-align: left;} 
.productList > ul > li a .info .bigTitle {padding-top: 40px;  font-size: 20px; color:#333333; line-height: 20px;  margin-bottom:15px; font-weight: 700;}
.productList > ul > li a .info .btnMore { }
.productList > ul > li a .info .btnMore span{text-align: center; border:1px solid #bfbfbf; border-radius:20px; background:url('/m/images/bull_listOff.png') 115px center no-repeat ;display:inline-block; font-size: 14px; color:#888888;width: 140px; height: 40px; line-height: 38px; font-family:'Roboto'; padding-right: 10px; transition:.3s all;}
.productList > ul > li a:hover {box-shadow:3px 3px 5px rgba(194,194,194,.6); border:1px solid #0662b0;}
.productList > ul > li a .info .btnMore span{border:none; background:#cf0001 url('/m/images/bull_listOn.png') 115px center no-repeat ;font-size: 14px; color:#fff;}

.productList .title {padding-top: 15px;font-size: 20px; line-height: 20px; color:#333333; margin-bottom: 15px; font-weight: 700;}
.productList a ul li {font-size: 13px; color:#444444; margin-bottom: 8px; line-height: 15px; text-indent:-10px; padding-left: 10px; word-break:keep-all;}
.productList a ul li:last-child {margin-bottom: 0;}
.productList a:hover .title {color:#cf0001;}
.productList a .title .new {margin-right:3px; position: relative; top:-2px}

.new {display: inline-block; vertical-align: middle;  width: 27px; height: 14px; background: url('/m/images/btnNew.png') no-repeat; background-size:27px auto;}
.noti {display: inline-block; vertical-align: middle;  width: 27px; height: 14px; background: url('/m/images/btnNoti.png') no-repeat;  background-size:27px auto}
.noti2 {display: inline-block; vertical-align: middle;  width: 27px; height: 14px; background: url('/m/images/btnNoti.png') no-repeat;  background-size:27px auto}
.down {display: inline-block; vertical-align: middle;  width: 18px; height: 14px; background: url('/m/images/bull_down.png') no-repeat;  background-size:18px auto}


.productDetail {margin:0 auto 15px auto; padding-top: 20px;}
.productDetail:after {content:''; display:block; clear:both;}
.productDetail .leftImg { text-align: center;  overflow:hidden; padding-bottom: 15px;}
.productDetail .leftImg .bxslider li {}
.productDetail .leftImg .bxslider li img {width: 70%; vertical-align: middle;}
.productDetail .leftImg .bx-controls-direction {display: none;}
.productDetail .leftImg #bx-pager  {margin-top:7px;}
.productDetail .leftImg #bx-pager a {display: inline-block; width: 60px; height: 60px; border:1px solid #d1d1d1; margin:0 5px; overflow:hidden;}
.productDetail .leftImg #bx-pager a.active{border:3px solid #cf0001;}
.productDetail .leftImg #bx-pager a img {height: 100%;}
.productDetail .rightDetail {padding:15px 0 15px 15px; background:#fafafa; }
.productDetail .rightDetail .state { display: block;margin-bottom:5px;}
.productDetail .rightDetail .title {font-size:18px; color:#333333; margin-bottom: 10px; font-weight: 700; }

.productTable {  padding-top: 15px; border-top: 1px solid #464646;}
.productTable table {width: 100%; }
.productTable table th {  font-size: 13px; color:#333333; text-align: left; padding:3px 0; font-weight: 400;}
.productTable table td {font-size: 13px; color:#666666; text-align: left; padding:3px 0;}

.viewBox  {padding-top:  0; margin:0 10px 20px 10px}
.viewBox .title {font-size: 23px; color:#000000; font-weight: 700; margin-bottom: 30px; line-height: 23px; text-align: center;}
.viewBox .img {border:1px solid #e1e1e1; text-align: center; overflow:hidden;}

.btnList {text-align: center; }
.btnList a {display: inline-block; width:100px; height: 35px; line-height: 35px;  border:1px solid #adadad; font-size: 13px; color:#4c4c4c; text-align: center;}
/* .btnList a span {display: inline-block; padding-left: 17px; background: url('/m/images/bull_list.png') left center no-repeat;}
 */

.btnPopDown {position: relative; padding-top: 20px; padding-bottom: 15px; border-bottom:1px solid #e1e1e1;}
.btnPopDown a {display: block; width: 100%;  height: 35px; line-height: 35px; border:1px solid #787878; text-align: center; }
.btnPopDown a span { display: inline-block; padding-right:23px; background: url('/m/images/bull_down.png') right center no-repeat; background-size:18px auto ; font-size: 13px; color:#333333;}


.doubleTab {padding-bottom:20px}
.doubleTab:after {content:''; display:block; clear:both;}
.doubleTab .rightBtn {float:right;}
.doubleTab .rightBtn a {display: block; width: 148px; height: 45px; line-height:45px; font-size: 15px; color:#cf0001; text-align: center; border:1px solid #cf0001;}

.tabBase2 { }
.tabBase2:after {content:''; display:block; clear:both;}
.tabBase2 a {float:left; border-top:1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0;;border-left:1px solid #d0d0d0 ;width:177px; text-align: center; height: 45px;font-weight: 400; line-height: 45px; font-size: 13px; color:#333333; background: #fff;}
.tabBase2 a:last-child {border-right:1px solid #d0d0d0;}
.tabBase2 a.on {background: #cf0001; color:#fff; }
.tabBase2.three a{width:33.33336%}

.newsList {margin-bottom: 20px;}
.newsList ul{ }
.newsList ul:after{content:''; display:block; clear:both;}
.newsList ul li {padding-bottom: 15px; border-bottom: 1px solid #dddddd; margin-bottom: 12px;}
.newsList ul li .img {border:1px solid #eaeaea; overflow:Hidden; overflow:hidden; margin-bottom: 12px;}
.newsList ul li .img img {width: 100%; vertical-align:middle;}
.newsList ul li .title {font-size: 14px;  color:#333333;}
.newsList ul li .date {font-size: 12px; color:#999999; font-family:'Roboto'; }
.newsList ul li .new {margin-right: 2px;}
.newsList ul li .noti {margin-right: 2px;}
.newsList ul li .date {margin-right: 2px;}
.newsList .info span {font-size: 12px; color:#999999; margin-right: 5px; padding-right:7px; border-right: 1px solid #dddddd; display: inline-block; line-height: 12px;}
.newsList .info span:last-child {border-right:none;}


.btnMorePage {text-align: center;}
.btnMorePage a {display: block; font-size: 12px; color:#333333; background:#f8f8f8; border:1px solid #bbbbbb; height: 35px; line-height: 35px; }


/* viewType01 */
.viewType01 { border-top:2px solid #000000;  border-bottom:2px solid #000000; margin-bottom:20px; padding-bottom:20px; }
.viewType01 .topText {  position: relative; border-bottom:1px solid #d1d1d1; }
.viewType01 .topText .title {font-size:14px;color:#444444; font-weight: 500; padding-top: 13px; padding-left: 10px; padding-bottom: 10px;}
.viewType01 .topText .info { font-size: 12px; line-height: 12px; color:#868686;  padding-left: 10px;padding-bottom: 10px;}
.viewType01 .topText .info em {color:#444444; font-weight:500; font-size: 12px; display: inline-block; }
.viewType01 .topText .info:after {content:''; display:block; clear:both;}
.viewType01 .topText .info span {border-right: 1px solid #b3b3b3; margin-right: 7px; padding-right: 7px; display: inline-block; vertical-align: middle;}
.viewType01 .topText .info span:last-child {margin-right: 0; border-right: none;}
.viewType01 .topText .info span.file a {display: inline-block; vertical-align: middle; padding-right:33px; background:url('/m/images/btnFile.png') right center no-repeat; font-size: 16px; line-height: 16px; color:#888888;}
.viewType01 .topText .downBox { background:#fbfbfb;  padding:10px 0 10px 10px;  border-top:1px solid #d1d1d1;}
.viewType01 .topText .downBox em {border-right: 1px solid #b3b3b3; margin-right: 7px; padding-right: 7px; display: inline-block; vertical-align: middle; font-size: 12px; line-height: 12px;}
.viewType01 .topText .downBox span {display: inline-block;}
.viewType01 .topText .downBox a {font-size: 12px; color:#4c4c4c; line-height: 12px; padding-right:23px; background: url('/m/images/bull_down.png') right center no-repeat; background-size:18px auto;}
.viewType01 .contText  {padding:15px 0; color:#666666; font-size: 13px; min-height:200px;}
.viewType01 .contText  img {max-width:100%;}


/* viewPaging */
.viewPaging  {border:1px solid #d1d1d1; border-top:none;  margin:0 0 20px 0;}
.viewPaging .line {border-top:1px solid #d1d1d1; }
.viewPaging .line:after {content:''; display: block; clear:both;}
.viewPaging .line .tit {float:left; font-size: 12px; color:#333333;  height:35px;  line-height: 35px; border-right:1px solid #d1d1d1;background:#f8f8f8 ; width: 90px;  padding:0 0 0 15px; }
.viewPaging .line .tit span {padding-right: 25px;}
.viewPaging .line.prev .tit span {background:url('/m/images/btnUp.png') right center no-repeat; background-size:8px auto;}
.viewPaging .line.next .tit span {background:url('/m/images/btnDown.png') right center no-repeat; background-size:8px auto;}
.viewPaging .line .text {margin-left:90px; height: 35px; line-height: 35px;  font-size: 12px; color:#666666;}
.viewPaging .line .text a { font-size: 12px; color:#666666; display: block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left: 10px;}

.mapSearch {margin-bottom: 10px;}
.mapSearch:after {content:''; display:block; clear:both;}
.mapSearch .map{ background:#fcfcfc;}
.mapSearch .map iframe{height:170px; width: 100%;}

/* listType02 */
.listType02 { position: relative; margin-bottom:60px;}
.listType02 table{width: 100%; table-layout:fixed; }
.listType02 table th {font-size: 15px; color:#333333; height:50px; font-weight: 400; text-align: center; border-bottom:1px solid #dedede;  }
.listType02 table td {font-size: 15px; color:#666666; height:50px; text-align: center; border-bottom:1px solid #dedede; }
.listType02 table td a {font-size: 15px; color:#666666;  }
.listType02 table td.left {text-align: left; padding-left:48px;}
.listType02 table .noticeTr td {background:#f5f5f5;}
.listType02 table .noticeTr td.left {padding-left:0;}
.listType02 table .noti {display: inline-block; vertical-align: middle; font-size: 13px; color:#ffffff; width: 38px; line-height: 21px; height: 21px; background:#444444; border-radius:10px; text-align: center; margin-right: 5px;}
.listType02 table .down {margin-right: 3px;}
.listType02 table .new {margin-right: 3px;}

.btnDetail {display:inline-block; font-size: 13px; color:#d0011d; text-align: center; width: 90px; line-height: 35px; height: 35px; border:1px solid #d0011d}
.listType04 ul {border-top: 2px solid #333333;;}
.listType04 ul li{padding:10px 100px 10px 10px; position: relative; border-bottom: 1px solid #dddddd;;}
.listType04 ul li .tit01 {font-size: 14px; color:#333333; font-weight: 500;}
.listType04 ul li .tit02 {font-size: 12px; color:#999999; font-weight: 300;}
.listType04 ul li .btnRight {position: absolute; right:10px; top:50%; margin-top:-18px;; }

/* popArea */
.popArea {position: fixed; left:0; top:0; bottom:0; width: 100%; height: 100%; z-index: 100; display: none;  }
.popArea .bg{position: fixed; left:0; top:0;  width: 100%; height: 100%; z-index: 1; background:rgba(0,0,0,.3);}
.popArea .popCont{position: absolute; left:2.5%; top:50%; z-index:10; width:95%; margin-top:-200px; background:#fff; padding:0 0 15px 0;}
.popArea .popCont .img img{width: 100%;}
.popArea .popCont .closePop {position: absolute; right:10px; top:10px; cursor:pointer; width: 15px; height: 15px; text-indent:-999em; background: url('/m/images/btnClose.png') no-repeat; background-size:15px auto;}
.popArea .popCont .tit {text-align: center; background: #cf0001; font-size: 15px; color:#fff; font-weight: 700; height: 35px; line-height: 35px;}
.popArea .popCont .mapPop { background:#fcfcfc;}
.popArea .popCont .mapPop:after {content:''; display:block; clear:both;}
.popArea .popCont .mapPop .map {}
.popArea .popCont .mapPop .map iframe{height: 170px; width: 100%;}
.popArea .popCont .mapPop .writeType02 {padding:15px 10px;}


/* writeType02 */
.writeType02 {}
.writeType02 table {width: 100%; border-top:1px solid #333333;}
.writeType02 table th {border-bottom:1px solid #d3d3d3;  background:#f8f8f8; padding:13px 0 13px 15px;  font-size: 13px; color:#333333; font-weight:400; text-align: left;}
.writeType02 table td {border-bottom:1px solid #d3d3d3;  padding:13px 0 13px 16px; font-size: 12px; color:#666666;}


.inWrite.type2 {border-top:2px solid #000000; padding-top:18px}
.inWrite.type2 .box {margin-bottom: 0;}
.dashLine {height: 1px; background:#eeeeee; margin:0 0 7px 0; clear:both; width: 100%;}
.inWrite .dashLine {float:left;}

.fullBox.type2  {background:none; border-bottom: 1px solid #eeeeee; padding-bottom: 5px ;margin-bottom:5px;}
.fullBox.type2 .inner:before {display: none;}
.fullBox.type2 .inner .box {background:none;}
.fullBox.type2 .box .tit .titSpan {color:#333333; font-weight: 500;}
.fullBox.type2 .box input[type=text] {border:1px solid #cfcfcf;}

.fullBox.type2 .box .baseSel {border:1px solid #cfcfcf; width: 100%;}
.fullBox.type2.contactBox .dash {color:#333;}


.fullBox.type3 {padding-top: 0;}
.fullBox.type3 .box input[type=text] {border:1px solid #888;}
.fullBox.type3 .box .baseSel{border:1px solid #888;}
.fullBox.type3 .box .baseSel.size01 {width: 130px;}
.fullBox.type3.contactBox .dash {padding:0 2px;}
.fullBox.contactBox.type3 .box.new01 {z-index: 10;}

.fullBox.contactBox.type3 .box.new06 textarea {border:1px solid #888;}
.fullBox.contactBox.type3 .fileSearch {border:1px solid #888;}


.lastInfo.type3 .agreeBox { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eeeeee;}
.lastInfo.type3 .agreeBox a {background:#5f707a; color:#fff;}
.lastInfo.type3 .infoTit01 {color:#333333; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eeeeee; padding-top: 0;}
.lastInfo.type3 .infoTit01 span {color:#333333;}

.lastInfo.type2 {padding-bottom: 15px; border-bottom: 1px solid #eee; margin-bottom: 45px;}

.fullBox.contactBox {border-top: 2px solid #000000; padding-top: 20px; margin-bottom: 50px;}
.fullBox.contactBox .box {padding:0; height: auto; margin-bottom: 13px;}

.iptext {display:table; width: 100%; }
.iptext .td {display:table-cell; text-align: center;}
.iptext .td input.center {text-align: center; padding-left: 0;}
.iptext .td .baseSel {width: 130px;}
.iptext .td.right {text-align: right; width: 95px;}
.fullBox.contactBox .box.new03 input{text-align: left;   padding-left: 10px;}
.fullBox.contactBox .box.new04 input{min-width:80px; }
.fullBox.contactBox .dash {color:#333333; padding:0 4px; font-weight: 500;}
.fullBox.contactBox .dashLine {float:left;}

.fullBox.contactBox .box.new05 {width: 100%; margin-left: 0;}
.fullBox.contactBox .box.new05:after {content:''; display:block; clear:both;}
.fullBox.contactBox .box.new05 .tit {float:left; width: 120px; margin-bottom: 0;}
.fullBox.contactBox .radioIp {float:left;}
.fullBox.contactBox .radioIp input {position: absolute; visibility:hidden;}
.fullBox.contactBox .radioIp label {position: relative; padding-left:18px; display: inline-block; font-size: 12px; color:#444444; }
.fullBox.contactBox .radioIp label:after {content:''; position: absolute; left:0; top:3px; width: 14px; height: 14px; background: url('/m/images/bull_radio.png') no-repeat; background-size:14px auto;;}
.fullBox.contactBox .radioIp label:last-child {margin-left:50px;}
.fullBox.contactBox .radioIp input:checked + label:after {background: url('/m/images/bull_radioOn.png') no-repeat; background-size:14px auto;}


.fullBox.contactBox .radioIp.type2 label:after {background: url('/m/images/bull_radio2.png') no-repeat; background-size:14px auto;;}
.fullBox.contactBox .radioIp.type2 input:checked + label:after {background: url('/m/images/bull_radioOn2.png') no-repeat; background-size:14px auto;}
.fullBox.contactBox .baseSel label {color:#333333;}

.fullBox.contactBox .box.new06 {width: 100%; margin-left: 0; }
.fullBox.contactBox .box.new06 textarea {height: 120px; resize:none; padding:10px 5px; border:1px solid #cfcfcf; border-radius:3px; width: 100%;}

.fullBox.contactBox .box.new07 {width: 100%; margin-left: 0; margin-bottom: 0;}
.fullBox.contactBox .lastInfo {clear:both; padding-top: 0; padding-bottom:5px}
.fullBox.contactBox .lastInfo .infoTit01 {text-align: left; padding-top: 0; padding-bottom: 8px; margin-bottom: 15px; }

.bgFull {background:#676767; padding:0 10px 20px 10px;}


.locationWrap .title {text-align: center; font-weight:500; font-size: 17px; color:#333333; margin-bottom: 15px;}
.mapArea {width: 100%; margin-bottom: 15px;}
.mapArea iframe {width: 100%; height: 300px; }
.mapInfo .tit {text-align: center; font-size:14px; color:#333333; margin-bottom:15px;}

/* writeType03 */
.writeType03 {border-top:2px solid #cf0001;}
.writeType03 table {width: 100%;}
.writeType03 table th {border-bottom:1px solid #d1d1d1;  background:#fbfbfb; padding:15px 0 15px 0;  font-size: 13px; color:#333333; font-weight:400; text-align: center;}
.writeType03 table td {border-bottom:1px solid #d1d1d1;   padding:15px 0 15px 10px; font-size: 12px; color:#333333;}
.writeType03 table td a {font-size: 12px; color:#333333;}


.aboutWrap {text-align: center;}
.aboutWrap .tit01 {font-size:20px; color:#333333; font-weight: 500; margin-bottom:20px; position: relative; padding:0 10px; }
.aboutWrap .tit02 {font-size: 17px; color:#cf0001;margin-bottom:20px;font-weight:500; text-align: left;}
.aboutWrap .tit03 {font-size: 13px; color:#444444;margin-bottom:25px; line-height: 23px; text-align: left;}
.aboutWrap .tit04 {font-size:13px; color:#444444; text-align: right; }
.aboutWrap .tit05 {position: relative; margin-bottom: 15px; }
.aboutWrap .tit05 img {width: 100%;}


.catalList {margin-bottom: 10px;}
.catalList ul{}
.catalList ul:after{content:''; display:block; clear:both;}
.catalList ul li {float:left; padding-bottom: 15px; border-bottom: 1px solid #dddddd; margin-bottom: 12px; width: 50%; padding-right:2%;}

.catalList ul li:nth-child(2n) {padding-left:2%; padding-right: 0;}
.catalList ul li .img {border:1px solid #eaeaea; overflow:Hidden; margin-bottom:12px;}
.catalList ul li .img img {width: 100%; vertical-align: middle;}
.catalList ul li .title {font-size: 13px; color:#333333; height: 34px; }
.catalList ul li .date {font-size: 12px; color:#999999; font-family:'Roboto'; }
.catalList ul li .new {margin-right: 2px;}
.catalList ul li .date {margin-right: 2px;}
.catalList ul li a .info span {font-size: 12px; color:#999999; margin-right: 4px; padding-right:6px; border-right: 1px solid #dddddd; display: inline-block; line-height: 12px; letter-spacing:-1px;}
.catalList ul li a .info span:last-child {border-right:none; margin-right: 0; padding-right: 0;}

.mainCus {background: #f4f4f4; letter-spacing: -1px;}
.mainCus:after {content:''; display:block; clear:both;}
.mainCus .listCus {float:left; text-align: center; width: 100%;}
.mainCus .listCus ul:after {content:''; display:block; clear:both;}
.mainCus .listCus ul li {float:left; width:33.33336%; border-left:1px solid #e1e1e1; padding:20px 0; }
.mainCus .listCus ul li:first-child  {border-left:none;}
.mainCus .listCus ul li:first-child a {}
.mainCus .listCus ul li a {display: block; padding-top:45px;}
.mainCus .listCus ul li a .tit {font-size: 14px; color:#333333; font-weight: 700; line-height: 19px; }
.mainCus .listCus ul li a .txt {font-size: 12px; color:#888888;  line-height: 14px;}
.mainCus .listCus ul li.no1 a {background: url('/m/images/btnMain01.png') center top no-repeat; background-size:30px auto;}
.mainCus .listCus ul li.no2 a {background: url('/m/images/btnMain02.png') center top no-repeat; background-size:37px auto;}
.mainCus .listCus ul li.no3 a {background: url('/m/images/btnMain03.png') 58% top no-repeat; background-size:37px auto;}

.mainInfoWrap {position: relative; width: 100%; background:url('/m/images/mainBigBg2.png') no-repeat; background-size:cover; padding-bottom: 30px; text-align: center;}
.mainInfoWrap .bgLeft {z-index: 10; margin-bottom: 20px;}
.mainInfoWrap .bgLeft img {}
.mainInfoWrap .rightInfo { position: relative; z-index: 10; padding:30px 0 0 0; }
.mainInfoWrap .rightInfo .title {color:#fff; font-size: 23px; font-weight: 700; line-height: 23px; margin-bottom:15px; text-align: center;}
.mainInfoWrap .rightInfo .text01 {color:#fff; font-size: 15px; line-height: 24px; font-weight:500; margin-bottom:12px;}
.mainInfoWrap .rightInfo .text02 {color:#fff; font-size: 12px; line-height: 20px; font-weight: 300;}
.mainInfoWrap .rightInfo .tabBiz {margin-bottom: 10px; text-align: center;}
.mainInfoWrap .rightInfo .tabBiz a {display: inline-block; font-size: 12px; color:#fff; border-radius:12px; height: 25px; line-height: 25px;  margin-left: 6px; border:1px solid #82b2da;  margin-bottom:12px; padding:0 16px; }
.mainInfoWrap .rightInfo .tabBiz a:first-child { margin-left: 0; border-left:none;}
.mainInfoWrap .rightInfo .tabBiz a.on {opacity:1; color:#cf0001; background:#fff; border:1px solid #fff}



.customerUp {background:#f5f5f5; padding:30px 0 0 0; }
.customerUp .title {text-align: center; font-size: 21px; color:#333333; line-height: 23px; font-weight:700; margin-bottom: 15px; font-family:'Roboto';}
.customerUp .title2 {text-align: center; font-size: 13px; color:#666666; margin-bottom:15px;}
.customerUp .title2 span {color:#d0011d;}
.customerUp .fullBox.bg1 {padding-top: 0; border:none; margin:0; height:auto; padding:30px 0 10px 0;}
.customerUp .fullBox.type2 .dashLine {margin:17px 0;}
.customerUp .fullBox.type2 .box .tit .titSpan {color:#fff;}
.customerUp .fullBox.contactBox .radioIp label {color:#fff;}
.customerUp .fullBox.contactBox .dashLine {background:none;}
.customerUp .fullBox.bg2 {margin-bottom: 0;background:url('/m/images/bgCus02.png') center top no-repeat; background-size:cover; padding-top: 17px;   border:none; }
.customerUp .fullBox .fileSearch {background:#fff; border:none; border-radius:3px;}
.customerUp .fullBox .fileSearch .file_input_div { border:none;}
.customerUp .fullBox .btn01 {background:#f7931c;}
.customerUp .fullBox.contactBox .lastInfo .infoTit01 {color:#fff; margin-bottom: 15px;}
.customerUp .lastInfo {}
.customerUp .lastInfo .agreeBox  {text-align: center; margin-bottom: 25px;}
.customerUp .lastInfo .agreeBox label {color:#fff;}
.customerUp .btnCenter {padding-bottom: 30px;}
.customerUp .fullBox.contactBox .dash {color:#cfcfcf;}

.tabCont > div{opacity:0; visibility:hidden;}
.tabCont > div.active{opacity:1; visibility:visible;}

.listType03 {margin-bottom:25px;}
.listType03 ul li {border-bottom: 1px solid #dddddd;;}
.listType03 ul li.notice {background:#ededed;}
.listType03 ul li a {display: block; padding:15px 0 15px 10px;}
.listType03 ul li a .title {font-size: 12px; color:#555555; margin-bottom: 5px;}
.listType03 ul li a .title em {vertical-align: middle; display: inline-block; font-weight: 500;}
.listType03 ul li a .title .notiText {display: inline-block; vertical-align: middle; width: 35px; height: 20px; line-height: 18px; text-align: center; background:#fff; border:1px solid #d1d1d1; color:#555555}
.listType03 ul li a .info span {font-size: 12px; color:#999999; margin-right: 5px; padding-right:7px; border-right: 1px solid #dddddd; display: inline-block; line-height: 12px;}
.listType03 ul li a .info span:last-child {border-right:none;}