@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;}


img {max-width:100%;}

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

/* HEADER */
#header{position: fixed;top:0;width: 100%;max-width:640px;background: #fff;box-shadow: 0 2px 2px rgba(0,0,0,0.2);z-index:200;}
#tnb{font-size: 0;}
#tnb a{display: inline-block;vertical-align: top;width: 50%;height: 30px;line-height: 30px;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background: #005a9e;color: #fff;font-size: 15px;text-align: center;}
#tnb a:first-child{border-right:1px solid #4083b6;}
#header .btm{position: relative;height: 55px;}
#header .btm >*{height: 55px;}
#header img{width: auto;height: 55px;}
#header .logo {text-align: center;}
#header .menu {display: block;position:absolute;left:0;top:0;}
#header .search {display: block;position:absolute;right:0;top:0;}
#gnbWrap{ z-index:99; position:relative; position:fixed; top:85px; left:-1800px; width:65%;max-width:400px;background: #fff}
#gnbWrap .inner {overflow: auto;}
.gnbCover{position:fixed; width:100%; height:100%; z-index:98; top:85px; right:0; display:none;background: rgba(0,0,0,0.6);}
.gnbClose {width: 45px;height: 45px;position: absolute;top: 0;right:-45px;margin-left: 1px;border:0;}
#gnb > li {border-top: 1px solid #216ea7;}
#gnb > li > button,
#gnb > li > a{
display: block;
width: 100%;height: 45px;line-height: 45px;
padding-left: 10px;border:0;
font-size: 16px;font-weight: 600;
color: #fff;background: #005a9e url(/m/images/gnb-arrow.gif) no-repeat 100% 50%;
-webkit-background-size: 30px;background-size: 30px;
text-align: left;box-sizing:border-box;
}
#gnb > li.active > button,
#gnb > li.active > a{background: #005a9e url(/m/images/gnb-arrow-active.gif) no-repeat 100% 50%;
-webkit-background-size: 30px;background-size: 30px;}
#gnb > li > ul {display: none;background: #fff;}
#gnb > li.active > ul{display: block;}
#gnb > li > ul > li{border-bottom:1px solid #ddd;}
#gnb > li > ul > li > a {height: 40px;line-height: 40px;font-size: 15px;color: #222;padding-left: 10px;display: block;}
#gnb > li > ul > li.active > a{background: #dadada;}
#subTop .subTitle{height: 50px;line-height: 50px;background: #005a9e;text-align: center;font-size: 18px;font-weight: normal;color: #fff;}
#location{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
#location > ul {width: 100%;box-sizing:border-box;}
#location > ul:after {display: block;clear: both;content: "";}
#location > ul > li{position: relative;width: 100%;}
#location > ul.double > li{width: 50%;text-align: left;float: left;}
#location > ul.double > li:first-child button{border-right:0;}
#location > ul > li > button {
display: block;width: 100%;height: 35px;line-height: 35px;
font-size: 14px;color: #666;border:1px solid #ddd;border-bottom:0;border-top:0;
text-overflow:ellipsis;overflow: hidden;white-space: nowrap;
transition: all 0.3s;box-sizing:border-box;text-align: center;
background: #fbfbfb url(/m/images/lnb-arrow1.gif) no-repeat 100% 50%;background-size: auto 25px;
}
#location > ul.double > li > button{padding-left: 10px;text-align: left;}

#location > ul > li > button.active{background: #fbfbfb url(/m/images/lnb-arrow1-active.gif) no-repeat 100% 50%;background-size: auto 25px;}
#location > ul > li.depth3 button{background: #fff url(/m/images/lnb-arrow2.gif) no-repeat 100% 50%;background-size: auto 25px;}
#location > ul > li.depth3 button.active{background: #fff url(/m/images/lnb-arrow2-active.gif) no-repeat 100% 50%;background-size: auto 25px;}
#location > ul > li > ul {position: absolute;top: 35px;width: 100%;display: none;z-index: 59;border-bottom: 1px solid #ddd;text-align: center;}
#location > ul.double > li ul{text-align: left;}
#location > ul > li > ul li {border: 1px solid #ddd;border-bottom: 0;position: relative;}
#location > ul > li > ul li:after {display: block;content: "";width: 100%;height: 100%;background: #fff;position: absolute;top: 0;left: 0;z-index: -1;}
#location > ul > li > ul li a {display: block;padding: 10px 0;font-size: 14px;color: #666;font-weight: 400;letter-spacing: -0.01em;word-break: keep-all;
padding-left: 10px;box-sizing:border-box;
}
#location > ul > li.active > a{color: #005a9e;}
#location > ul > li > ul li.active a{background: #005a9e;color: #fff;}

#content .conTit{font-size: 22px;font-weight: 600;color: #4c4c4c;text-align: center;margin:5px 0 15px;padding-bottom: 15px;border-bottom:1px solid #ddd;}
#content{padding: 10px;padding-bottom: 45px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}


#visual{overflow: hidden;position: relative;}
#visual .bx-controls-direction a{display: block;width: 20px;height: 40px;position: absolute;top:50%;margin-top: -10px;z-index:80;text-indent: -9999px;}
#visual .bx-controls-direction a.bx-prev{background: url(/images/vis-prev.png) no-repeat;left:10px;-webkit-background-size: cover;background-size: cover;}
#visual .bx-controls-direction a.bx-next{background: url(/images/vis-next.png) no-repeat;right:10px;-webkit-background-size: cover;background-size: cover;}
#mainCS{margin-bottom: 20px;}
#mainCS h4{font-size: 25px;font-weight: 600;color: #4c4c4c;text-align: center;padding: 20px 0;}
#mainCS .link{border-top:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;}
#mainCS .link:after{display: block;content: '';clear: both;}
#mainCS .link a{display: block;width: 33.33%;float: left;border-left:1px solid #f5f5f5;box-sizing:border-box;}
#mainBanner .banner{position: relative;padding: 30px 20px;margin-bottom: 10px;}
#mainBanner .banner1{background: #f7f7fa url(/m/images/main-banner1-bg.jpg) no-repeat 100% 100%;background-size:200px;}
#mainBanner .banner2{background: #f9f9f9 url(/m/images/main-banner2-bg.jpg) no-repeat 100% 100%;background-size:200px;}
#mainBanner .banner dt{font-size: 20px;line-height: 1.1em;margin-bottom: 15px;font-weight: 600;color: #2e2e2e;}
#mainBanner .banner dd{font-size: 14px;line-height: 23px;color: #666;padding-right: 40px;}
#mainBanner .banner .mbmi{display: block;width: 140px;height: auto;margin: 10px 0;}
#mainBanner .banner2 .mbmi{visibility: hidden;width: 90px;}
#mainBanner .banner2 dd{padding-right: 30px;}
#mainBanner .banner .more{display: inline-block;font-size: 15px;color: #555;}
#mainBoard{padding: 20px;background: #e9f1f7;}
#mainBoard h4{position: relative;font-size: 20px;font-weight: 600;color: #4c4c4c;line-height: 1.1em;margin-bottom: 10px;padding-bottom: 10px;}
#mainBoard h4 .more{position: absolute;top:0;right:0;display: block;font-size: 15px;color: #555;}
#mainBoard ul{}
#mainBoard ul li{position: relative;padding-left: 15px;margin-top: 10px;}
#mainBoard ul li:first-child{margin-top: 0;}
#mainBoard ul li:before{display: block;content: '';width: 2px;height: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background: #005a9e;position: absolute;top:50%;left:0;margin-top: -1px;}
#mainBoard ul li a{display: block;padding-right: 80px;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;font-size: 14px;color: #777;}
#mainBoard ul li .date{display: block;position: absolute;top:0;right:0;font-size: 14px;color: #888;}
#mainBottom{margin-top: 10px;}
#mainBottom .top{position: relative;background: #e9f1f7;}
#mainBottom .top:after{display: block;content: '';clear: both;}
#mainBottom .top > div{float: left;}
#mainBottom .top > .left{width: 50%;padding-top: 30px;padding-left: 20px;box-sizing:border-box;}
#mainBottom .top > .right{width: 50%;}
#mainBottom .top dt{font-size: 20px;line-height: 1.1em;margin-bottom: 15px;font-weight: 600;color: #2e2e2e;}
#mainBottom .top dd{font-size: 13px;line-height: 23px;color: #666;}
#mainBottom .top .more{display: block;font-size: 15px;color: #555;margin-top: 10px;}
#mainBottom .btm{margin-top: 10px; margin-bottom:20px;}
#mainBottom .btm:after{display: block;content: '';clear: both;}
#mainBottom .btm > a{display: block;width: 50%;float: left;}

@media all and (max-width:360px){
	#mainBottom .top > .left{width: 100%;float: none;padding: 30px 20px;box-sizing:border-box;}
	#mainBottom .top > .right{display: none;}
}


/* 제품 리스트 */
.productList{font-size: 0;}
.productList li{padding: 10px;width: 100%;border:1px solid #ddd;background: url(/images/product-list-more.gif) no-repeat 100% 0;margin-top: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.productList li:first-child{margin-top: 0;}
.productList .box{position: relative;min-height:86px;display: block;font-size: 0;width: 100%;}
.productList .imgBox{display: inline-block;vertical-align: middle;width: 107px;height: 86px;position: absolute;top:0;left:0;}
.productList .textBox{padding-left: 117px;display: inline-block;vertical-align: middle;width: 100%;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;box-sizing: border-box;}
.productList dt em{display: block;font-size: 12px;line-height: 1em;color: #005a9e;letter-spacing: -0.02em;}
.productList dt strong{display: block;font-size: 14px;line-height: 1em;color: #4e4e4e;letter-spacing: -0.04em;margin-top: 6px;}
.productList dd{overflow: hidden;height: 49px;margin-top: 5px;font-size: 12px;line-height: 16px;color: #7b7b7b;}
.listMoreBtn{display: block;width: 100%;background: #dcdcdc;height: 45px;line-height: 45px;font-size: 16px;color: #333;border:0;margin-top: 15px;}
.searchType1{font-size: 0;margin-top: 20px;}
.searchType1 select{width: 20%;height: 30px;line-height: 30px;border:1px solid #ddd;}
.searchType1 .typeText{width: 55%;height: 28px;line-height: 28px;border:1px solid #ddd;margin:0 2%;text-indent: 10px;}
.searchType1 .btnSubmit{width: 20%;height: 30px;line-height: 30px;background: #808080;color: #fff;text-align: center;border:0;}

/* 제품 뷰 */
#productView .viewTop{position: relative;}
#productView .imgBox{border:1px solid #ddd;}
#productView .img{width: 100%;height: auto;padding: 30px 40px;box-sizing:border-box;}
#productView .img img{width: 100%;}
#productView .textBox{width: 100%;padding: 20px;box-sizing:border-box;border:1px solid #ddd;border-top:0;}
#productView .textBox dt{overflow: hidden;font-size: 18px;color: #4e4e4e;font-weight: 600;padding-bottom: 18px;margin-bottom: 18px;border-bottom:1px solid #ddd;letter-spacing: -0.04em;}
#productView .textBox dd{overflow: hidden;font-size: 14px;line-height: 20px;letter-spacing: -0.04em;color: #888;}
#productView .btnWrap{font-size: 0;margin-top: 10px;}
#productView .btnWrap a{display: inline-block;width: 49%;height: 35px;line-height: 35px;text-align: center;border-radius:3px;border:1px solid #ddd;color: #666;font-size: 14px;box-sizing:border-box;}
#productView .btnWrap .popBtn{margin-right: 2%;}
#productView .btnWrap .popBtn span{display: inline-block;padding-left: 20px;background: url(/images/popbtn-front.gif) no-repeat 0 50%;}
#productView .btnWrap .goList span{display: inline-block;padding-left: 18px;background: url(/images/listbtn-front.gif) no-repeat 0 50%;}
#productView .viewBtm{margin-top: 35px;}
#productView .viewBtm .tab li{width: 180px;height: 48px;line-height: 48px;text-align: center;border:1px solid #ddd;border-bottom:0;font-size: 16px;font-weight: 600;color: #444;}
#productView .viewBtm .content{border:1px solid #ddd;padding: 20px 15px;}
#productView .viewBtm .content .group{margin-bottom: 35px;}
#productView .viewBtm .content .group .text{padding: 0 15px;font-size: 13px;line-height: 20px;}
#productView .viewBtm .content .group .text strong{font-weight: 600;color: #333;}
#productView .viewBtm h5{font-size: 16px;line-height: 1em;padding-left: 20px;background: url(/images/viewbtm-title-front.gif) no-repeat 0 50%;font-weight: 600;margin-bottom: 10px;}
#productView .viewBtm .tagTable{width: 100%;border:1px solid #ddd;border-top:0;}
#productView .viewBtm .tagTable h5{display: inline-block;vertical-align: middle;margin-bottom: 0;}
#productView .viewBtm .tagTable th{border-right:1px solid #ddd;}
#productView .viewBtm .tagTable td{padding: 5px 15px;padding-left: 10px;}
#productView .viewBtm .tagTable td .tagBtn{display: inline-block;margin: 5px 0;padding: 0 15px;height: 30px;line-height: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background: #f2f2f2;color: #5a5a5a;margin-left: 5px;}
#productView .viewBtm .content strike {font-size: 16px;line-height: 1em;padding-left: 20px;background: url(/images/viewbtm-title-front.gif) no-repeat 0 50%;font-weight: 600;margin-bottom: 10px;text-decoration: none;}
#productView .viewBtm .content strong{font-weight: 600;color: #333;}




#subBottom{height: 80px;font-size: 0;padding: 0 10px;background: url(/m/images/sub-bottom-bg.jpg) no-repeat 0 0;background-size:auto 90%;text-align: center;border:1px solid #ddd;}
#subBottom:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#subBottom >*{display: inline-block;vertical-align: middle;}
#subBottom h4{font-size: 20px;font-weight: 600;color: #444;width: 25%;text-align: center;}
#subBottom dl{width: 45%;}
#subBottom dt a{font-size: 20px;font-weight: bold;color: #005a9e;}
#subBottom dd{font-size: 15px;color: #444;margin-top: 6px;}
#subBottom .inquiryBtn{overflow: hidden;width: 30%;height: 35px;line-height: 35px;text-align: center;background: #303234;color: #fff;font-size: 12px;}

@media all and (max-width:370px){
	#subBottom h4,
	#subBottom dt a{font-size: 17px;}
	#subBottom dd{font-size: 13px;}
}

#footer{background: #22262f;padding: 20px 10px 30px;text-align: center;}
#footer p{font-size: 14px;line-height: 22px;color: #a4a4a4;}
#footer .footerLogo{display: block;width: 140px;margin: 15px auto 0;}