@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;}
.svisual_wrap_2 {height:317px; background:url(/images/sub2_bg.jpg) no-repeat center top;}
.svisual_wrap_3 {height:317px; background:url(/images/sub3_bg.jpg) no-repeat center top;}
.svisual_wrap_4 {height:317px; background:url(/images/sub4_bg.jpg) no-repeat center top;}
.svisual_wrap_5 {height:317px; background:url(/images/sub5_bg.jpg) no-repeat center top;}
.svisual {text-align:center; color:#fff; padding-top:105px;}
.svisual p {font-size:24px; font-weight:bold; line-height:1.2em;}
.svisual p.tit {font-size:55px; font-weight:bold;}

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

.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:url(/images/tab_bg.gif) repeat left top;}
.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;
}
.left_menu_wrap ul.left_menu > li.on {
	color:#b12d28;
	font-weight:600;
	background:#fff;
	border-top:2px solid #b12d28;
}
.left_menu_wrap ul.left_menu > li.on a {color:#b12d28;}

.left_menu_wrap ul.left_menu > li > a:hover {
	text-decoration:underline;
}



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

/*제품*/
.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 */

.greet {
	overflow:hidden;
	width:100%;
	line-height:140%;
}
.greet .img {
	float:left;
	border:1px solid #dbdbdb;
}
.greet .txt {
	color:#666;
    float:left;
	width:720px;
	padding-left:20px;
}
.greet .txt p {padding-bottom:10px;}
.b_txt {color:#ca2b31; font-size:24px; font-weight:500;}


/* history */

.history {overflow:hidden; border-bottom:1px dashed #ddd; padding-bottom:30px;margin-bottom:30px;}
.history_last {border:none; margin-bottom:0; padding-bottom:0;}
.history .year {width:32%; float:left; font-size:45px; line-height:1em; font-weight:800; color:#b12d28;}
.history .history_in {width:65%; float:left;}
.history .history_in ul li {color:#666; background:url(/images/bul.gif) no-repeat left 4px; padding-left:20px; margin-bottom:13px; }
.history .history_in ul li span {color:#222; display:inline-block; width:80px;}
.history .year1 {background:url(/images/history_1.jpg) no-repeat left bottom; padding-bottom:200px;}
.history .year2 {background:url(/images/history_2.jpg) no-repeat left bottom; padding-bottom:180px;}
.history .year3 {background:url(/images/history_3.jpg) no-repeat left bottom; padding-bottom:180px;}


/* vision */

.vision {margin-bottom:50px;}
.vision  p.txt_color {text-align:center;  margin:00px 0 20px; color:#b12d28; font-size:26px;  font-weight:600;}
.vision  .beyond_txt {text-align:center; font-size:22px; color:#222; line-height:1.2em;}
.vision ul.vision_philo {overflow:hidden;}
.vision ul.vision_philo li {width:33%; float:left; background:url(/images/vision_bg.gif) no-repeat right 150px;; }
.vision ul.vision_philo li.last {background:none;}
.vision ul.vision_philo li div.round { text-align:center;display:inline-block; background-color:#f1f1f1; border:5px solid #b12d28; width:323px; height:323px; border-radius:330px; margin-left:20px;}
.vision ul.vision_philo li span.philo_tit {margin:60px 0 20px 0; display:inline-block; color:#b12d28; font-size:26px; font-weight:600; line-height:1.2em; }
.vision ul.vision_philo li span.philo_sub_tit {color:#222; font-size:18px; font-weight:600; }
.vision ul.vision_philo li .philo_in { width:100%; margin-top:20px; }
.vision ul.vision_values {overflow:hidden;}
.vision ul.vision_values li {position:relative; width:25%; float:left;  display:inline-block;  height:300px;  color:#fff; font-size:22px; font-weight:600; line-height:1.2em;  text-align:center; background:url(/images/hexagon.png) no-repeat center top;}
.vision ul.vision_values li .values_img {padding-top:50px; height:100px;}
.vision ul.vision_values li .values_img img {vertical-align:middle;}
.vision ul.vision_values li .txt_color_y {color:yellow;}

/*Production*/
.production {overflow:hidden; border-bottom:1px dashed #ddd; padding-bottom:30px; margin-bottom:30px;}
.production_last {border:none; padding-bottom:0; margin-bottom:0;}
.production .production_img {width:49%; float:left;}
.production .img_b_m {margin-bottom:20px;}
.production .img_right {float:right;}
.production .production_table {width:49%; float:right;}
.production .production_table table {width:100%; margin-bottom:10px; border-top:3px solid #b12d28;}
.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;}


/*찾아오시는길*/
.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.gif) no-repeat left 4px; padding-left:20px; margin-bottom:13px;}
.direc ul li span.direc_tit {color:#222; display:inline-block; width:75px;}

/*contact us*/

.contactus {overflow:hidden;}

.contactus .img {float:left; border:1px solid #dbdbdb;}
.contactus .txt {float:left; padding-left:30px; width:60%;}
.contactus .txt dl {border-bottom:1px dashed #dbdbdb; margin-bottom:30px; padding-bottom:20px;}
.contactus .txt dl dt {font-size:24px; font-weight:900; padding:10px 0;}
.contactus .txt dl dd {padding:5px 0;}

/*인증서*/
ul.certi_list {overflow:hidden;}
ul.certi_list li  {float:left; width:389px; margin-right:15px; margin-bottom:25px; }
ul.certi_list li:nth-child(3n){margin-right:0;}
ul.certi_list li a img {width:390px; height:556px; border:1px solid #ddd;}
ul.certi_list li a span.certi_tit {width:382px; padding:10px 0 10px 10px; display:block;  color:#fff; background:#222 url(/images/btn_more.png) no-repeat 360px 15px;}


/*제품소개*/
ul.pro_list {overflow:hidden;}
ul.pro_list li  {float:left; width:389px; margin-right:15px; margin-bottom:25px; }
ul.pro_list li:nth-child(3n){margin-right:0;}
ul.pro_list li a img {width:390px; height:390px; border:1px solid #ddd;}
ul.pro_list li a span.pro_tit {width:382px; padding:15px 0 15px 10px; display:block;  color:#fff; background:#222 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;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ 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;}