@charset "utf-8";
@media screen and (-webkit-min-device-pixel-ratio:0){
	.crbold
	{font-weight:bold !important;}
}

#skip a {position:absolute;top:-9999px;z-index:9999;display:block;width:100%;background:#333;font-size:16px;font-weight:600;color:#fff;text-align:center;}
#skip a:hover,#skip a:focus {top:0;padding:15px 0;}

.tabDepth3{font-size: 0;margin-bottom: 20px;border-top:1px solid #ddd;}
.tabDepth3 li{display: inline-block;vertical-align: top;width: 50%;box-sizing: border-box;border:1px solid #ddd;border-top:0;background: #fff;}
.tabDepth3 li:nth-child(2n+1){border-right:0;}
.tabDepth3 li a{display: block;height: 35px;font-size: 0;text-align: center;}
.tabDepth3 li a:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
.tabDepth3 li a span{display: inline-block;vertical-align: middle;color: #444;font-size: 14px;}
.tabDepth3 li.active{background: #0076c0;}
.tabDepth3 li.active a span{color: #fff;}


img {max-width:100%;}

/* WRAP */
#wrap {width:100%;position:relative;min-width:320px;max-width:640px;margin:0 auto;padding-top: 55px;}

/* HEADER */
#header{height:55px;position:fixed;top:0;left:0;width: 100%;background: #fff;z-index:9000;border-bottom:1px solid #d3d3d3;}
#header >*{height: 55px;}
#header img{width: auto;height: 55px;}
#header .logo {text-align: center;}
#header .mail {display: block;position:absolute;left:0;top:0;}
#header .menu {display: block;position:absolute;right:0;top:0;}
#gnbWrap .menuClose{position: fixed;top:0;right:0;display: none;z-index:9992;}
#gnbWrap{ z-index:9999; position:relative; position:fixed; top:0; right:-1800px; width:75%; max-width:300px;height: 100%;background: #fff}
#gnbWrap .inner {height: 100vh;overflow: auto;}
#gnbTop .top{height: 55px;border-bottom:1px solid #d3d3d3;}
#gnbTop .btm{padding: 8px 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 0;}
#gnbTop .btm .typeText{width: 82.4%;height: 35px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border:0;background: #eaeaea;text-indent: 10px;}
#gnbTop .btm .btn{background:#0076c0 url(/m/images/gnb-searchbtn.gif) no-repeat 50% 50%;-webkit-background-size: 40%;background-size: 40%;width: 17.6%;height: 35px;border:0;text-indent: -9999px;}
#gnbTop .gnbLogo{height: 55px;margin-left: 10px;}
#gnbTop .menuClose img{height: 55px;}
.gnbCover{position:fixed; width:100%; height:100%; z-index:9991; top:0; right:0; display:none;background: rgba(0,0,0,0.6);}
#gnb{border-top:1px solid #0c246a;}
#gnb > li {border-bottom: 1px solid #cad6de;}
#gnb > li > button,
#gnb > li > a{
display: block;
width: 100%;height: 45px;line-height: 45px;
padding-left: 15px;border:0;
font-size: 16px;font-weight: 600;
color: #444;background: #fff url(/m/images/gnb-icon.gif) no-repeat 100% 50%;
text-align: left;box-sizing:border-box;
}
#gnb > li.gnb3 span,
#gnb > li.gnb4 span,
#gnb > li.gnb5 span{display: none;font-weight: 600;}
#gnb > li.gnb3 img,
#gnb > li.gnb4 img,
#gnb > li.gnb5 img{display: block;height: 20px;}
#gnb > li.gnb3.active img,
#gnb > li.gnb4.active img,
#gnb > li.gnb5.active img{display: none;}
#gnb > li.gnb3.active span,
#gnb > li.gnb4.active span,
#gnb > li.gnb5.active span{display: block;}
#gnb > li.active > button,
#gnb > li.active > a{background: #0076c0 url(/m/images/gnb-active.gif) no-repeat 100% 50%;color: #fff;}
#gnb > li > ul {display: none;border-top: 1px solid #696969;background: #f2f2f2;}
#gnb > li.active > ul{display: block;}
#gnb > li > ul > li:first-child{border-top:0;}
#gnb > li > ul > li{border-top:1px solid #fff;}
#gnb > li > ul > li > a {padding: 10px 0;font-size: 14px;color: #666;padding-left: 15px;display: block;}
#gnb > li > ul > li.active > a{color: #0076c0;font-weight: 600;}
#visual{position: relative;}
#visual .bx-pager{width: 100%;position: absolute;bottom:40px;left:0;text-align: center;z-index:80;font-size: 0;}
#visual .bx-pager div{display: inline-block;*display: inline; *zoom: 1;vertical-align: top;margin: 0 4px;}
#visual .bx-pager a{display: block;width: 30px;height: 4px;background: #fff;text-indent: -9999px;transition:0.2s;}
#visual .bx-pager a.active{background: #2063ad;transition:0.2s;}


/* MAIN */
#mNewProduct{position: relative;padding: 30px 10px;}
#mNewProduct .bx-controls-direction a{position: absolute;top:180px;display: block;width: 50px;height: 50px;border:1px solid #ddd;text-indent: -9999px;}
#mNewProduct .bx-controls-direction a.bx-prev{background: url(/m/images/new-product-prev.gif) no-repeat 50% 50%;left:15px;}
#mNewProduct .bx-controls-direction a.bx-next{background: url(/m/images/new-product-next.gif) no-repeat 50% 50%;right:15px;}
#mNewProduct .roll:after{display: block;content: '';clear: both;}
#mNewProduct h4{position: relative;font-size: 22px;height: 22px;padding-bottom: 20px;border-bottom:1px solid #ddd;color: #3e3e3e;margin-bottom: 15px;}
#mNewProduct h4:after{display: block;content: '';width: 45px;height: 3px;background: #006bbb;position: absolute;bottom:0;left:0;}
#mNewProduct ul:after{display: block;content: '';clear: both;}
#mNewProduct .imgBox{overflow: hidden;height: 250px;text-align: center;font-size: 0;padding: 20px 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#mNewProduct .imgBox:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#mNewProduct .imgBox img{display: inline-block;vertical-align: middle;max-height:100%;}
#mNewProduct .textBox dl{margin-bottom: 20px;text-align: center;}
#mNewProduct .textBox dt{font-size: 16px;font-weight: 600;margin-bottom: 15px;color: #373737;}
#mNewProduct .textBox dd{overflow: hidden;font-size: 14px;line-height: 20px;color: #7f7f7f;letter-spacing: -0.02em;}
#mNewProduct .textBox .btnWrap{font-size: 0;}
#mNewProduct .textBox .btnWrap .btn{display: inline-block;*display: inline; *zoom: 1;vertical-align: top;width: 48.5%;height: 40px;border:1px solid #0076c0;text-align: center;transition:0.2s;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#mNewProduct .textBox .btnWrap .btn:hover{background: #0076c0;transition:0.2s;}
#mNewProduct .textBox .btnWrap .btn:before{display: inline-block;*display: inline; *zoom: 1;vertical-align: middle;content: '';width: 0;height: 100%;}
#mNewProduct .textBox .btnWrap .btn span{display: inline-block;*display: inline; *zoom: 1;vertical-align: middle;height: 24px;line-height: 24px;font-size: 14px;color: #236cbc;transition:0.2s;}
#mNewProduct .textBox .btnWrap .btn:hover span{color: #fff;transition:0.2s;}
#mNewProduct .textBox .btnWrap .btn01{margin-right: 3%;}
#mNewProduct .textBox .btnWrap .btn01 span{padding-left: 40px;background: url(/images/new-product-btn01.png) no-repeat 0 50%;}
#mNewProduct .textBox .btnWrap .btn01:hover span{background: url(/images/new-product-over-btn01.png) no-repeat 0 50%;}
#mNewProduct .textBox .btnWrap .btn02 span{padding-left: 32px;background: url(/images/new-product-btn02.png) no-repeat 0 50%;}
#mNewProduct .textBox .btnWrap .btn02:hover span{background: url(/images/new-product-over-btn02.png) no-repeat 0 50%;}
#mainBoard{width: 100%;padding: 30px 15px;background: #f4f4f4;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#mainBoard .boardLink{overflow: hidden;position: relative;display: block;padding-left: 80px;margin-top: 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#mainBoard .boardLink:first-child{margin-top: 0;}
#mainBoard .boardLink .date{position: absolute;top:0;left:0;width: 65px;height: 65px;border:1px solid #ddd;text-align: center;}
#mainBoard .boardLink .date:before{display: inline-block;*display: inline; *zoom: 1;vertical-align: middle;content: '';width: 0;height: 100%;}
#mainBoard .boardLink .date dl{display: inline-block;*display: inline; *zoom: 1;vertical-align: middle;margin-left: -3px;}
#mainBoard .boardLink .date dt{font-size: 13px;color: #7d7d7d;}
#mainBoard .boardLink .date dd{font-size: 22px;font-weight: 600;color: #6f6f6f;}
#mainBoard .boardLink .text{height: 65px;padding-left: 5px;border-bottom:1px solid #ddd;}
#mainBoard .boardLink .text dt{font-size: 14px;font-weight: 600;color: #565656;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;margin: 2px 0 6px;}
#mainBoard .boardLink .text dd{font-size: 13px;line-height: 18px;height: 35px;color: #8b8b8b;overflow: hidden;}
#mainBtn:after{display: block;content: '';clear: both;}
#mainBtn .btn{display: block;float: left;width: 50%;}
#btmPartner{background: #f4f4f4;padding: 20px 10px;}
#btmPartner h4{position: relative;text-align: center;}
#btmPartner h4:after{display: block;content: '';width: 100%;height: 1px;position: absolute;top:50%;left:0;background: #ddd;}
#btmPartner h4 strong{position: relative;z-index:1;display: inline-block;padding: 0 10px;background: #f4f4f4;font-size: 20px;font-weight: 600;color: #505256;}
#btmPartner .partnerWrap{white-space: nowrap;margin-top: 10px;font-size: 0;}
#btmPartner .partnerWrap a{display: inline-block;vertical-align: top;width: 33.33%;}
#productView .proTop .img{width:100%;text-align:center;}
#productView .proTop .img img{max-width:100%;}


/* SUB */
#selectTab{position: relative;border-bottom: 2px solid #0c246a;}
#selectTab > ul {width: 100%;box-sizing:border-box;}
#selectTab > button {
display: block;width: 100%;height: 45px;line-height: 45px;
position: relative;overflow: hidden;border:0;
font-size: 16px;font-weight: 600;color: #222f74;text-overflow:ellipsis;white-space: nowrap;
background: #fff url(/m/images/select-tab-arrow.gif) no-repeat 100% 50%;background-size: 49px 45px !important;
transition: all 0.3s;text-align: center;padding-left: 15px;box-sizing:border-box;
}
#selectTab > button.active{background: #fff url(/m/images/select-tab-active.gif) no-repeat  100% 50%;}
#selectTab > ul {position: absolute;top: 46px;width: 100%;display: none;z-index: 200;border-bottom: 1px solid #ddd;text-align: left;background: #f9f9f9;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
#selectTab > ul li{border: 1px solid #ddd;border-top:0;position: relative;}
#selectTab > ul li:after {display: block;content: "";width: 100%;height: 100%;background: #fff;position: absolute;top: 0;left: 0;z-index: -1;}
#selectTab > ul li a {display: block;font-size: 15px;height: 40px;line-height: 40px;color: #666;font-weight: normal;letter-spacing: -0.01em;word-break: keep-all;
padding-left: 10px;box-sizing:border-box;text-align: center;}
#selectTab > ul li:hover a,
#selectTab > ul li.active a{background: #eee;color: #222;}
#content{padding: 30px 10px;min-height: 120px;}
#content .imgCon{margin: 0 -10px;}


/* 제품 */
.productList{margin: -5px;}
.productList:after{display: block;content: '';clear: both;}
.productList li{
width: 50%;float: left;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 5px;
}
.productList li .link{display: block;}
.productList .imgBox{border:1px solid #ddd;text-align: center;}
.productList .textBox{padding: 10px 5px;text-align: center;border:1px solid #ddd;border-top:0;height:40px;vertical-align:middle;}
.productList .textBox dt{font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;margin-bottom: 6px;}
.productList .textBox dd{font-size: 13px;letter-spacing: -0.03em;}
.apaging{padding: 25px 0;font-size: 0;text-align: center;}
.apaging a{display: inline-block;vertical-align: top;width: 30px;height: 30px;line-height: 30px;text-align: center;border:1px solid #eee;margin: 0 3px;}
.apaging a.num{font-size: 14px;line-height: 32px;background: #fff;color: #555;}
.apaging a.num.active{background: #424242;border-color: #424242;color: #fff;transition:0.2s;}
@media screen and (max-width:365px){
	.apaging a{width: 26px;height: 26px;line-height: 26px;margin: 0 2px;}
	.apaging a.num{font-size: 13px;line-height: 28px;background: #fff;color: #555;}
}


/* FOOTER */
#footer{background: #383838;padding-bottom: 30px;}
#footer .top{padding: 15px 10px;border-bottom:1px solid #444;}
#footer .top:after{display: block;content: '';clear: both;}
#footer .top .btn{display: block;float: left;width: 48.5%;text-align: center;}
#footer .top .pcBtn{margin-left: 3%;}
#footer .footerLogo{display: block;margin: 10px auto;max-width: 45%;}
#footer .text{font-size: 13px;line-height: 20px;color: #909090;letter-spacing: -0.05em;text-align: center;}
#footer address{margin-top: 15px;font-size: 12px;color: #b0b0b0;text-align: center;letter-spacing: -0.04em;}


/* 고객센터 폼 */
.tableType1{width: 100%;border-top:2px solid #236cbc;margin-bottom: 30px;}
.tableType1 thead th{background:#eef2f2;color: #054478;font-weight: 600;font-size: 16px;height: 45px;}
.tableType1 tbody th{font-size: 13px;font-weight: 600;width: 30%;padding-left: 10px;text-align: left;background: #fcfcfc;}
.tableType1 tbody th em{font-weight: 600;color: #ff0000;}
.tableType1 tbody td{width: 70%;padding: 8px 10px;}
.tableType1 tbody th,
.tableType1 tbody td{border:1px solid #ebebeb;}
.tableType1 tbody td .typeText{width:100%;border:1px solid #ddd;height: 30px;line-height: 30px;text-indent: 10px;font-size: 14px;color: #555;}
.tableType1 tbody td select{border:1px solid #ddd;height: 32px;padding-left: 10px;}
.tableType1 tbody td.mail .typeText{width: 28%;}
.tableType1 tbody td.tel .typeText{width: 28%;}
.tableType1 tbody td textarea{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: 180px;padding: 15px;
border:1px solid #ddd;}
.tableType1 tbody td .ex{font-size: 12px;margin-top: 10px;display: block;color: #888;}
.tableType1 .selSize{width: 100% !important;}
.formBtn{text-align: center;font-size: 0;}
.formBtn .btn{display: inline-block;vertical-align: top;width: 40%;height: 40px;line-height: 40px;;border:0;font-size: 15px;color: #fff;background: #888;}
.formBtn .btnSubmit{background: #0076c0;margin-right: 10px;}


/* 셀렉트 탭(페이지 내 텝인 경우) */
#depth3SelectTab{width: 100%;box-sizing:border-box;}
#depth3SelectTab {position: relative;width: 100%;}
#depth3SelectTab > button {
display: block;width: 100%;height: 40px;line-height: 40px;border:0;
font-size: 18px;color: #fff;background: #0076c0 url(/m/images/depth3-tab-arrow.gif) no-repeat 95% 50%;
text-overflow:ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: 20px;
transition: all 0.3s;text-align: center;box-sizing:border-box;
}
#depth3SelectTab > button.active{background: #0076c0 url(/m/images/depth3-tab-arrow-active.gif) no-repeat 95% 50%;}
#depth3SelectTab > ul {position: absolute;top: 40px;width: 100%;display: none;z-index: 59;border-bottom: 1px solid #ddd;text-align: left;}
#depth3SelectTab > ul li{border: 1px solid #0076c0;border-top:0;position: relative;font-size: 15px;text-align: center;height: 38px;line-height: 38px;background: #fff;cursor: pointer;}
#depth3SelectTab > ul li.active{background: #fafafa;}



#depth3Select{width: 100%;box-sizing:border-box;}
#depth3Select {position: relative;width: 100%;}
#depth3Select > button {
display: block;width: 100%;height: 40px;line-height: 40px;border:0;
font-size: 15px;color: #fff;background: #0076c0 url(/m/images/depth3-tab-arrow.gif) no-repeat 95% 50%;
text-overflow:ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: 20px;
transition: all 0.3s;text-align: center;box-sizing:border-box;
}
#depth3Select > button.active{background: #0076c0 url(/m/images/depth3-tab-arrow-active.gif) no-repeat 95% 50%;}
#depth3Select > ul {position: absolute;top: 40px;width: 100%;display: none;z-index: 59;border-bottom: 1px solid #ddd;text-align: left;}
#depth3Select > ul li a{display: block;border: 1px solid #0076c0;border-top:0;position: relative;font-size: 15px;text-align: center;height: 38px;line-height: 38px;background: #fff;}