@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

/*body {font-family: "Nanum Gothic", "나눔고딕";}
a,a:visited,a:link {color:#000000;}*/

fieldset, img {border:0;vertical-align:middle;margin:0; padding:0;}
.test {border:1px solid red;}

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;}
h2,h3{display:none;}

* {margin:0; padding:0; font-family:'Noto Sans KR', Arial, Myriad Pro, dotum,gulim,Verdana,sans-serif;}
html, body {width:100%; line-height:150%;}
body {font-size:13px; color:#333; background:#fff;}
input, textarea, select, option {font-size:13px; color:#666;}
input {vertical-align:middle;}
table, th, td {font-size:13px; color:#555;}
ul, li {list-style:none;}
img, fieldset {border:none;}
a:link, a:visited {text-decoration:none; color:#555; }
a:hover, a:active, a:focus {text-decoration:none; color:#000;}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal;}

hr, caption {display:none;}
.blind, legend {display:block; position:absolute; left:0; top:-5000px; overflow:hidden;}
legend {*width:0;}

.mtop5 {margin-top:5px;}
.mtop10 {margin-top:10px;}
.mtop15 {margin-top:15px;}
.mtop20 {margin-top:20px;}
.mtop25 {margin-top:25px;}
.mtop30 {margin-top:30px;}
.mtop40 {margin-top:40px;}
.mtop60 {margin-top:60px;}
.m_cen {margin:0 auto;}

.smenu_bar {position:absolute;top:-50px;clear:both;height:30px;color:#0080d2;border:1px solid red;}

.svisual_wrap_1 {margin-top:100px;height:317px; background:url(../images/sub1_bg.jpg) no-repeat center top;}
.svisual_wrap_2 {margin-top:100px;height:317px; background:url(../images/sub2_bg.jpg) no-repeat center top;}
.svisual_wrap_3 {margin-top:100px;height:317px; background:url(../images/sub3_bg.jpg) no-repeat center top;}
.svisual_wrap_4 {margin-top:100px;height:317px; background:url(../images/sub4_bg.jpg) no-repeat center top;}
.svisual {text-align:center; color:#fff; padding-top:105px;}
.svisual p {font-size:24px; line-height:1.5em;}
.svisual p.tit {font-size:55px; font-weight:bold;text-transform: uppercase;}

.s_contents {margin-top:60px;}

.s_title {
	text-align:center;
	width:100%;
	font-size:34px;
	color:#242426;
	font-weight:600;
	margin-top:70px;
	margin-bottom:50px;
	border:0px solid red;
	font-family:'Noto Sans KR Regular', sans-serif;
}

.left_menu_wrap {
	width:1200px;
	overflow:hidden;
	text-align: center;
	font-size: 0px;
    letter-spacing: 0px;
    word-spacing: 0px;
}


.left_menu_wrap ul.left_menu > li {display:inline-block; border-top:1px solid #dbdbdb;  border-bottom:1px solid #dbdbdb;  border-right:1px solid #dbdbdb; padding:15px 0; background:#ededed;}
.left_menu_wrap ul.left_menu > li.first { border-left:1px solid #dbdbdb;}
.left_menu_wrap .left_menu1  li {width:33%;}
.left_menu_wrap .left_menu2  li {width:24.5%;}
.left_menu_wrap .left_menu3  li {width:49.5%;}


.left_menu > li > a {
	display:inline-block;
	min-width:228px;
	padding:7px 10px;
	font-size:18px;
	text-align:center;
	margin:0;
	color:#888;
	font-family:'Noto Sans KR Regular',sans-serif; 
}
.left_menu_wrap ul.left_menu > li.on {
	color:#b12d28;
	font-weight:bold;
	background:#fff;
	border-top:3px solid #0080d2;
	border-bottom:none; 
	
	font-family:'Noto Sans KR Regular',sans-serif; 
}
.left_menu_wrap ul.left_menu > li.on a {color:#0080d2;font-size:20px;}

.left_menu_wrap ul.left_menu > li > a:hover {
	text-decoration:no; color:#0080d2;
}



.sub_contents {clear:both; width:100%; padding:00px 0 100px 0; border:0px solid red; font-size:15px;}
.h3_style {text-align:center; font-size:22px;  font-weight:600; padding:30px 0; background:url(/images/h3_bg.gif) no-repeat center top;}
.clear {clear:both;}
.gotop {text-align:right;margin-top:-40px;height:45px;}
.gotop span {width:75px;}
.gotop span a {width:50px;height:50px;background:#d2232a;padding:10px;color:#fff;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
.gotop span a:hover {border:1px solid #d2232a;background:#fff;color:#d2232a;}
/*제품*/
.pro_img { text-align:center;}
.pro_img img {border:1px solid #dbdbdb;}

.s_tit {font-size:24px; color:#242426; font-weight:800; margin-top:30px; margin-bottom:50px; text-align:center;}

.list_tit {font-size:16px; font-weight:600; line-height:130%;}
.list_tit .num {font-size:14px; color:#fff; background:#b12d28; padding:3px 7px;}

.sub {padding:0 30px;}

.con_list {margin-top:20px;}
.con_list li {background:url(/images/b_list_icon.gif) no-repeat left 10px; padding:5px 0 10px 20px; font-size:14px; line-height:130%;}

.sub_list {background:url(/images/list_icon.gif) no-repeat left 15px; padding:10px 10px 0px 10px; font-size:13px;}

.pro_txt {border:1px solid #b12d28; overflow:hidden;}
.pro_txt dl {margin:20px 25px; float:left;}
.pro_txt dl dt {font-size:14px; font-weight:bold;padding-top:5px;}
.pro_txt dl dd {background:url(/images/list_icon.gif) no-repeat 10px 20px; padding:10px 10px 0px 20px;}



/* greeting */
.greeting {overflow:hidden;padding-top:30px;}
.greeting .left_t {width:48%;float:left;margin-right:4%;line-height:160%;font-size:14px;}
.greeting .right_t {width:48%;float:left;line-height:160%;font-size:14px;}
.greeting .right_t p.sign {text-align:right;color:#222;font-weight:bold;font-size:15px;}

/* history */
.history {overflow:hidden;border-bottom:1px solid #efefef;padding-bottom:10px;}
.history dl dt {float:left;width:10%;margin-bottom:10px;}
.history dl dt div {border:solid 0px #000000;background:#d2232a;width:68px;height:46px;padding-top:22px;text-align:center;color:#fff;font-size:22px;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
border-radius: 35px;
}
.history dl {clear:both;overflow:hidden;border-top:1px solid #efefef;padding: 15px 20px;}
.history dl dd {float:left;width:90%;}
.history dl dd ul {}
.history dl dd ul li {overflow:hidden;padding:7px 0;border-bottom:1px dotted #ccc;}
.history dl dd ul li.line-no {border-bottom:none;}
.history dl dd ul li .yy {width:10%;float:left;display:inline-block;font-weight:bold;color:#570000;}
.history dl dd ul li .txt {width:90%;float:left;display:inline-block;font-size:14px;}


/*인증서*/
.certificates {text-align:center;}
.certificates ul li {display:inline-block;width:245px;margin-right:71px;}
.certificates ul li:nth-child(4n){margin-right:0;}
.certificates ul li img {border:1px solid #ccc;}
.certificates ul li p {padding:10px 0;}


/*contact us*/
.contactus {overflow:hidden;}
.contactus .mapmenu {overflow:hidden;}
.contactus .mapmenu li {width:598px;float:left;text-align:center;border:1px solid #dedede;padding:15px 0;background:#dedede;font-weight:bold;text-transform: uppercase;font-size:20px;}
.contactus .mapmenu li:nth-child(2n) {border-left:none;}
.contactus .mapmenu li.on {background:#fff;border-bottom:none;}
.contactus .mapmenu li.on a {color:#d2232a;}
.contactus .mapmenu li a {display:block;}
.contactus .st {background:#3e3f41;text-align:center;padding: 15px;color:#fff;}
.contactus .map {clear:both;width:1197px; height:350px;border:1px solid #dedede;margin-top:10px;}
.contactus ul.txt {margin-top:15px;}
.contactus ul.txt li {padding: 7px 0;font-size:14px;}
.contactus ul.txt li span {font-weight:bold;}

.txt1 {font-size:22px;text-align:center;color:#d2232a;}
.txt2 {font-size:16px;text-align:center;padding:15px;}

.ta1 {border-top:3px solid #d2232a;width:100%;border-right:1px solid #dedede;}
.ta1 th {border-bottom:1px solid #dedede;border-left:1px solid #858686;padding:9px 10px;font-weight:bold;text-align:center;background:#3e3f41;color:#fff;}
.ta1 td {border-bottom:1px solid #dedede;border-left:1px solid #dedede;padding:7px 10px;text-align:center;vertical-align:middle;}
.ta1 tr.gray {background:#f5f5f5;}

/*제품소개*/
ul.pro_list {overflow:hidden;}
ul.pro_list li  {float:left; width:389px; margin-right:13px; margin-bottom:25px; }
ul.pro_list li:nth-child(3n){margin-right:0;}
ul.pro_list li a {width:384px;border:3px solid #3e3f41;display:block;}
ul.pro_list li a:hover {border:3px solid #b5030a;display:block;}
ul.pro_list li a img {width:384px; height:333px; }
ul.pro_list li a:hover  img {opacity:0.7;}
ul.pro_list li a span.pro_tit {width:374px; padding:15px 0 15px 10px; display:block;  color:#fff; background:#3e3f41 url(../images/btn_more.png) no-repeat 360px  20px;}
ul.pro_list li a:hover span.pro_tit {width:374px; padding:15px 0 15px 10px; display:block;  color:#fff; background:#b5030a url(../images/btn_more.png) no-repeat 360px  20px;}

ul.info {margin-bottom:30px; }
ul.info li {background:url(/images/bul.gif) no-repeat left 3px; padding:0 0 10px 20px;}
ul.info li span.info_tit {display:inline-block; width:100px;}

ul.popup_info {margin:10px 0 0 0; }
ul.popup_info li{ color:#767676; background:url(/images/bul.gif) no-repeat left 3px; padding:0 0 10px 20px;}
ul.popup_info li span.info_tit {display:inline-block; width:90px; color:#222; font-weight:400;}

.pro_top {overflow:hidden;}
.pro_top .pro_t_img {float:left;width:432px;}
.pro_top .pro_t_img span {border:1px solid #e2e2e2;width:390px;height:208px;overflow:hidden;display:block;}
.pro_top .pro_t_img span img {margin-top:-15px;}
.pro_top .pro_t_img span img.top40 {margin-top:-40px;}
.pro_top .pro_t_txt {float:left;width:768px;}
.pro_top .pro_t_txt .m_name {font-size:60px;color:#0080d2;font-weight:bold;line-height:100%;padding:0;margin:0;}
.pro_top .pro_t_txt .s_name {font-size:24px;color:#848484;}
.pro_top .pro_t_txt .txt {font-size:15px;color:#4d4d4d;margin-top:33px;}
.pro_top .pro_t_txt .txt span {font-weight:bold;}
.btn {text-align:right;position:relative;}
.btn a {position:absolute;top:25px;right:0;border:none 0px #000000;background:#892134;color:#fff;padding: 5px 25px;
-moz-border-radius: 29px;
-webkit-border-radius: 29px;
border-radius: 29px;}
.btn a:hover {background:#094665;}

.test {border:1px solid red;}
.a_left {text-align:left;}
ul.pro_list2 {overflow:hidden;margin-top:20px;}
ul.pro_list2 li  {float:left; width:275px; margin-right:31px; margin-bottom:25px; }
ul.pro_list2 li:nth-child(4n){margin-right:0;}
ul.pro_list2 li img {border:1px solid #e8e8e8;}
ul.pro_list2 li .pro_tit {font-size:15px;text-align:center;display:block;padding: 10px 0 3px 0;font-family:'Noto Sans KR';color:#303030;}
ul.pro_list2 li .pro_tit2 {font-size:15px;text-align:center;display:block;padding: 0 0 5px 0;font-family:'Noto Sans KR';}

ul.pro_list3 {overflow:hidden;margin-top:20px;}
ul.pro_list3 li  {float:left; width:380px; margin-right:28px; margin-bottom:25px; }
ul.pro_list3 li:nth-child(3n){margin-right:0;}
ul.pro_list3 li img {border:1px solid #e8e8e8;}
ul.pro_list3 li .pro_tit {font-size:15px;text-align:center;display:block;padding: 10px 0 3px 0;font-family:'Noto Sans KR';color:#303030;}
ul.pro_list3 li .pro_tit2 {font-size:15px;text-align:center;display:block;padding: 0 0 5px 0;font-family:'Noto Sans KR';}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ sitemap 사이트맵  ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.sitemap {width:100%;}
.map_dl {
	float:left;
	width:31%;
	margin:0 1%;
	padding-bottom:15px;
	margin-bottom:25px;
	background-color:#f5f5f5;
}
.map_dl.margin_right_none {margin-right:0;}
.map_dl > dt {
	width:80%;
	padding:10px 10%;
	height:45px;
	font-size:20px;
	line-height:45px;
	font-weight:600;
}
.map_dl > dd {
	width:80%;
	padding:3px 10%;
}
.map_dl > dd > a {
	display:block;
	font-size:13px;
	line-height:15px;
	padding:5px;
	background-color:#ffffff;
	border:1px solid #bcbcbc;
}
.map_dl > dd > a:hover {
	color:#ffffff;
	background-color:#b12d28;
}






/************************************************/
/* 클리어 픽스 */
.clx {*zoom:1;}
.clx:after {display:block;content:" ";clear:both;}