@charset "utf-8";
/*color:#0082cb;color:rgb(0,130,203)*/
*{font-size:inherit;font-weight:inherit;font-family:inherit;border:0;outline:none;transition:all 0.3s,font-size 0s}
html,body{font-size:14px;color:#333;font-family:'Heebo',Raleway,'Noto Sans KR',applegothic,sans-serif,arial;letter-spacing:0.02em;}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
a:hover{color:inherit;}
/*색상:color:#0082cb;rgb(0,130,203);hsl(202,100%,40%);*/
.tcol,.pageNavigation strong,.colorActive,.mobile_menu .btnWrap a:before,.productView .productSaleInfo .mallControlBtn ul li #cartBtn
,table.s02 a,.Kdetail a
{color:#0082cb !important;}
.tcolb,.table_basic,#ajax_body,.productView .productInfo .productImageZoom a:hover,.tmp-select > a:before,.form-control:focus,.input:focus
{border-color:#0082cb !important;}
.tcolbg,.tb thead tr,#ajax_display .menu_black,.new_login_box .loginbtn,#clNav:hover > div,.tabRecent .on:before,.subHeader h3,.productView,.productTab li.on .productSaleInfo .mallControlBtn ul li .buyBtn
,.banner .bx-pager div a.active,.loginBox .loginbtn,.btnsrch,.btnPack.srch,.subMenu.Location div > ul > li:hover > a,.textContent h3:before,.Kimage h3:before
,#opNav:hover > div
{background-color:#0082cb !important;}
.btnPack.strong,.box:after,.btnPack.blue,.btnPack.red,.direct li
{background-color:#0082cb;}
input, select, button, .btnPack.strong {font-family:'Noto Sans KR' !important;}

#Default .emailContent{background:rgba(0,130,203,0.1);}
#Default .emailContent dt{color:rgba(0,130,203,0.7);}

.has-feedback .form-control{height:40px;}

/*-------Layout & Color-------*/
#header .stickmenu{background:#fff}
#header .row{height:100%;}

#header .logo{float:left;display:table;height:100%}
#header .logo a{display:table-cell;vertical-align:middle;}

#header .sticky{ box-shadow:0 0 10px rgba(0,0,0,0.2)}
#header .sticky .logo img{max-height:45px; vertical-align:top;}

.localNavi ul li .mlink{color:#333}
.localNavi ul li.on .mlink{color:#0082cb}
.localNavi ul li.on .mlink:before{background-color:#0082cb}
.localNavi ul li ul li:hover a{color:#0082cb}

.localNavi{display:none;width:calc(100% - 400px);margin-left:150px;}
.localNavi > ul{width:100%;position:relative;height:100%;}
.localNavi ul li {text-align:center;position:relative;height:100%;}
.localNavi ul li .mlink {font-size:160%;height:100%;font-family:'Montserrat';font-weight:600;position:relative;display:block;white-space:nowrap;}
.localNavi ul li .mlink:before{content:'';width:0px;height:100%;vertical-align:middle;display:inline-block;}
.localNavi ul li .mlink:after{content:'';height:4px;position:absolute;bottom:0;left:0px;right:0px;display:none;}
.localNavi ul li:hover .mlink:after{display:block;}
.localNavi ul li ul{width:100%;background:rgba(255,255,255,0.9);padding:10px 0}
.localNavi ul li ul li {display:block;}
.localNavi ul li ul li a {display:block;font-size:100%;padding:7px 0;font-weight:600}

.direct{position:absolute;right:0;top:calc(50% - 25px);}
.direct li{float:left;margin-left:10px;width:50px;height:50px;border-radius:5px;}
.direct li a{display:block;background-image:url(../image/main/ico.png);background-repeat:no-repeat;font-size:0;line-height:0;width:100%;height:100%; border-radius:5px;}
.direct li:first-child a{background-color:rgba(0,0,0,0.5);}
.direct .in a{background-position:13px 9px}
.direct .cart a{ background-position:13px -67px}
.direct .out a{background-position:13px -168px}
.direct .mypage a{background-position:-262px -168px}
.direct .injection a{ background-position:-262px -237px}

#opNav{display:none;}

#footer{ border-top:1px solid rgba(0,0,0,0.15)}
#footer *{color:inherit;}
#footer .container{position:relative;height:60px}
#footer .logo{float:left;display:table;height:100%;margin-right:35px;}
#footer .logo a{display:table-cell;vertical-align:middle;}
#footer .logo img{max-height:100%}
#footer .admin{position:absolute;right:0;bottom:0;background:rgba(0,0,0,0.7);padding:7px 10px;color:#fff}
#footer .info{font-size:0.95em; padding-right:5%;}
#footer .info span,#footer .info copy{font-weight:400}
#footer copy{margin-top:10px;font-size:88%}

.back-to-top{border: 1px solid rgba(0,0,0,0.15);}
.back-to-top:before{color: rgba(0,0,0,0.3);}
.back-to-top:hover {border-color: rgba(0,0,0,0.35);}
.back-to-top:hover:before{color:rgba(0,0,0,0.6)}

/*sub*/
#subVisual{position:relative;overflow:hidden;font-size:150%;max-height:300px;}
#subVisual:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;}
#subVisual:after{background:url(/common/image/pt8.png);}
#subVisual img{animation-name:scaleOutIn;animation-duration:6s;width:100%}

#subVisual .Text{position:absolute;z-index:3;top:calc(50% - 30px);font-size:40px;font-family:'Montserrat';width:100%;color:#fff;font-weight:500;text-shadow:0 0 3px rgba(0,0,0,.2);line-height:normal;text-shadow:0 1px 3px rgba(0,0,0,0.3);}
#subVisual .Text em{display:block;font-weight:300;font-size:0.45em}

.subMenu.Location .container{margin:0 auto; float:none}
.subMenu ul li a{color:rgba(255,255,255,0.8);}

.subMenu.Location div{border:0;position:relative;}
.subMenu.Location .home a{padding:0;width:60px;height:60px;font-size:0;background:url(../image/main/ico.png) no-repeat -260px -100px}
.subMenu.Location div.depth,.subMenu.Location div > ul{min-width:233px;}
.subMenu.Location div:before{content:'';position:absolute;right:0;top:32%;bottom:32%;width:1px;background:rgba(0,0,0,0.15)}
.subMenu.Location div:last-child:before{ content:normal}
.subMenu.Location div > a{padding:18px 20px}
.subMenu.Location div > ul{background:rgba(0,0,0,0.7)}
.subMenu.Location div > ul > li > a{color:rgba(255,255,255,0.7)}

.subMenu .parents li .active,.subMenu.Location div > ul > li:hover a{font-weight:600}

.subTitle{position:relative;text-align:center}
.subTitle h1{display:block;font-weight:400;font-size:220%;margin:3em auto 1.5em;}
.subTitle h1:after{content:'';width:45px;display:block;height:1px;background:rgba(0,0,0,0.3);margin:15px auto 0}

/*Common*/
.btnPack,.btnPack *{font-family:'Montserrat';font-weight:600 !important;letter-spacing:0.01em;text-transform:capitalize;font-size:95%}
.btnPack.strong,.btnPack.black,.btnPack.tcolbg,.btnPack.red{text-shadow:0 1px 2px rgba(0,0,0,0.3);}
.btnPack:hover{border-color:rgba(0,0,0,0.4)}


.tb *{word-break:keep-all}
.tb thead tr,.tb thead th{background-color:#eee }
.tb td{font-family:Noto Sans KR;font-weight:400;}
.tb thead th{border-color:#f7f7f7;}

.table_wrap .tb * {word-break: break-all;}


.productBottom .countBox{float: left;}
.docInfo .rows{float: left;}


.commentFile{overflow: hidden; width:100%;}
.commentFile .has-feedback{width:100%; margin:0  !important;}
.commentInput .commentSubmit{position:absolute; right:0; bottom:20px;}


@media only screen and (max-width: 992px) {
	body{font-size:13px;}
	#header .stickmenu{height:65px;}
	#header .sticky{height:65px;}
	#header .logo img{max-height:55px}

	.direct{right:60px}
	#opNav{right:0px;display:block;width:40px;height:50px;}
	#opNav:before{ position:absolute;top:-10px;bottom:10px;left:-10px;right:0px;content:'';border:1px solid rgba(0,0,0,0.2); border-radius:5px}

	.container{width:calc(100% - 15px);}
	#subVisual .Text,.Path{display:none}

	table th.hidden-xs.col-1{display:block !importanvt;width:100% !important;background-color:transparent;border:0;padding-top:10px}
	table td.col-11{display:block !important;height:auto;padding:5px 10px}
}
@media only screen and (min-width: 992px) {
	body{font-size:14px;}

	#header .stickmenu{height:95px;}
	#header .sticky{height:60px;}

	.localNavi{display:block;}
}




@media only screen and (max-width: 767px) {


#footer .container{height:auto;}
#footer .logo {float: unset;}
#footer .logo img{margin-bottom:5%; width:80%;}
#footer .info span{white-space: unset;}
.faq_box .faq_search{width:auto !important;}
.subTitle h1 {margin:1em auto 1.5em;}

.table_wrap{overflow-x: scroll;overflow-y: hidden;width: 100%;}
.table_wrap .tb{table-layout: auto;}
#sampleService{overflow-x: scroll;overflow-y: hidden;width: 100%;}


}

@media only screen and (max-width: 450px) {
.faq_box .faq_search{width:80% !important; margin-top:5px;}


}