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



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

.s_contents {margin-top:0px;}

.navi {overflow:hidden; width:100%; margin:0 auto; background:#fbfbfb; border-bottom:1px solid #e9e9e9;}
.navi_info {width:1200px; margin:0 auto;}
.navi_info ul {float:right; font-size:14px; color:#888;}
.navi_info ul li {float:left; padding:15px 10px; background:url(/images/navi_arr.jpg) no-repeat left;}
.navi_info ul li:first-child {background:url(/images/home.jpg) no-repeat left 17px;}
.navi_info ul li:last-child {color:#333; font-weight:bold;}


/*menu*/
.left_menu_wrap {
	width:1200px;
	overflow:hidden;
	text-align: center;
	margin-top:45px;
	font-size: 0px;
    letter-spacing: 0px;
    word-spacing: 0px;
}


.left_menu_wrap ul.left_menu > li {display:inline-block; border-top:1px solid #333;  border-bottom:1px solid #333;  border-right:1px solid #333; margin-bottom:1px;}
.left_menu_wrap ul.left_menu > li.first { border-left:1px solid #333;}
.left_menu_wrap .left_menu1  li {width:33%;}
.left_menu_wrap .left_menu2  li {width:19.5%;}


.left_menu > li > a {
	display:inline-block;
	min-width:234px;
	padding:15px 0px;
	font-size:14px;
	text-align:center;
	margin:0;
	color:#333;
}
.left_menu_wrap ul.left_menu > li.on {
	color:#fff;
	background:#333;
}
.left_menu_wrap ul.left_menu > li.on a {color:#fff;}

.left_menu_wrap ul.left_menu > li > a:hover {
	color:#7da254;
}
/*//menu*/

/**title**/
.s_title {
	text-align:center;
	width:100%;
	margin-top:70px;
	margin-bottom:50px;
    background:url(/images/tit_bg.jpg) repeat-x center;
}
.s_title p {
	margin:0 auto;
	font-size:30px;
	color:#333;
	font-weight:600;
    padding:5px 10px;
	background:#fff;
}

/*sub menu*/
.sub_menu_wrap {
	width:1200px;
	overflow:hidden;
	text-align: center;
	margin-bottom:80px;
	font-size: 0px;
    letter-spacing: 0px;
    word-spacing: 0px;
}


.sub_menu_wrap ul.sub_menu > li {display:inline-block; border-top:1px solid #dbdbdb;  border-bottom:1px solid #dbdbdb;  border-right:1px solid #dbdbdb;}
.sub_menu_wrap ul.sub_menu > li.first { border-left:1px solid #dbdbdb;}
.sub_menu_wrap .sub_menu1  li {width:33%;}
.sub_menu_wrap .sub_menu2  li {width:19.7%;}
.sub_menu_wrap .sub_menu3  li {width:49.5%;}


.sub_menu > li > a {
	display:inline-block;
	min-width:228px;
	padding:10px 20px;
	font-size:14px;
	text-align:center;
	margin:0;
	color:#333;
}
.sub_menu_wrap ul.sub_menu > li.on {
	color:#fff;
	font-weight:600;
	background:#3d7a3f;
	border-top:1px solid #dbdbdb;
}
.sub_menu_wrap ul.sub_menu > li.on a {color:#fff;}

.sub_menu_wrap ul.sub_menu > li > a:hover {
	/*text-decoration:underline;*/
	color:#7da254;
}
/*//sub menu*/

.sub_contents {clear:both; width:100%; padding:0px 0 100px 0; border:0px solid red; font-size:15px;}
.h3_style {font-size:24px;  font-weight:600; line-height:160%;}
.g_txt {color:#3d7a3f;}
.clear {clear:both;}

/*제품*/

.s_tit {font-size:24px; color:#333; font-weight:700; margin-bottom:20px;}
.info {font-size:16px; margin-bottom:30px;}



/*Production*/
.production {overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:70px; margin-bottom:60px;}
.production_last {border:none; padding-bottom:0; margin-bottom:0;}
.production .production_img {width:41%; float:left;}
.production .production_img img {border:1px solid #dbdbdb;}

.production .production_txt {width:59%; float:right;}
.production_color {overflow:hidden; padding-bottom:30px;}
.production_color li {float:left; padding-right:10px; font-size:12px; text-align:center;}

.production .production_table {}
.production .production_table table {width:100%; margin-bottom:10px; border-top:3px solid #7da254;}
.production .production_table table tr th { font-size:15px; text-align:center;  background-color:#f7f7f7; color:#222;border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:15px 0 ;}
.production .production_table table tr th.first {border-left:1px solid #ddd;}
.production .production_table table tr td { font-size:15px; text-align:center;  border-bottom:1px solid #ddd; color:#666; border-right:1px solid #ddd; padding:15px 5px ; vertical-align:middle;}
.production .production_table table tr td.first {border-left:1px solid #ddd;}

/*상세페이지*/
.production_detail { position:relative; margin:0 auto; width:635px;}
.eco_logo {position:absolute; top:40px; right:10px;}
.paeon_logo {position:absolute; top:750px; left:10px; font-size:12px;}

.production_detail ul {color:#c74b18; font-size:13px; padding-top:10px;}
.production_detail ul li {padding:5px 0;}
.pro_detail_tit {font-size:30px; color:#0f5756;  line-height:1.5em; font-weight:700; text-align:center;}
.pro_tit2 {text-align:center; color:#862f1a; font-size:22px;font-weight:700; line-height:200%;}
.pro_tit3 {text-align:center; color:#fff; background:#c51b59; border-radius:23px; font-size:16px;font-weight:500; width:350px; padding:5px; margin:0 auto;}
.pro_tit4 {text-align:center; color:#254088; font-size:14px;font-weight:300; line-height:200%;}

.pro_txt1 {position:absolute; bottom:480px; left:10px; color:#fff; background:#c51b59; font-size:14px;font-weight:500; width:430px; padding:5px 20px;}
.pro_txt2 {position:absolute; bottom:450px; left:10px; color:#c51b59;font-size:14px;font-weight:500;}
.pro_txt3 {position:absolute; bottom:400px; left:10px; font-size:14px;}

.pro_tt {position:absolute; top:950px; left:10px; font-size:18px; font-weight:700; color:#862f1a;}

.b_txt {color:#333;}


/* about us */

.company {
	overflow:hidden;
	width:100%;
	line-height:140%;
}




/*인증서*/
ul.certi_list {overflow:hidden; padding-top:30px;}
ul.certi_list li  {float:left; width:269px; margin-right:25px; margin-bottom:30px; }
/*ul.certi_list li:nth-child(3n){margin-right:0;}*/
ul.certi_list li a img {width:271px; height:336px; border:1px solid #ddd;}
ul.certi_list li a span.certi_tit {width:263px; padding:10px 5px; min-height:40px; text-align:center; display:block; font-size:13px; color:#fff; background:#333;/**/}

/*num*/
.num {
	width:1200px;
	overflow:hidden;
	text-align: center;
}


.num ul.num_menu > li {display:inline-block; border:1px solid #dbdbdb;}
.num ul.num_menu > li.first { border-left:1px solid #dbdbdb;}
.num .num_menu1  li {width:33%;}
.num .num_menu2  li {width:19.7%;}
.num .num_menu3  li {width:49.5%;}


.num_menu > li > a {
	display:inline-block;
	min-width:20px;
	padding:5px 10px;
	font-size:14px;
	text-align:center;
	margin:0;
	color:#333;
}
.num ul.num_menu > li.on {
	color:#fff;
	font-weight:600;
	background:#3d7a3f;
	border-top:1px solid #dbdbdb;
}
.num ul.num_menu > li.on a {color:#fff;}

.num ul.num_menu > li > a:hover {
	/*text-decoration:underline;*/
	color:#7da254;
}
/*//num*/


/*찾아오시는길*/
.map_line {width:1200px; height:400px; padding:10px; text-align:center; border:1px solid #dbdbdb;}
.direc  {margin-top:30px;}
.direc ul li {color:#666; background:url(/images/bul.jpg) no-repeat left 4px; padding-left:20px; margin-bottom:13px;}
.direc ul li span.direc_tit {color:#222; display:inline-block; width:75px;}






/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ 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:14px;
	line-height:15px;
	padding:5px;
	background-color:#ffffff;
	border:1px solid #bcbcbc;
}
.map_dl > dd > a:hover {
	color:#ffffff;
	background-color:#3d7a3f;
}






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