@charset "utf-8";

@import url(index_style.css);

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

body {font-family: 'Open Sans', "Nanum Gothic", "나눔고딕", "Arial", Calibri, sans-serif;	font-size:14px;	line-height:14px;	color:#666;}

#wrap #sub_content {width:100%; min-width:1000px; overflow:hidden; padding:25px 0; }
#wrap #sub_content .content_wrap {position:relative; overflow:hidden;  width:1000px; margin:0 auto; border:1px solid #dddddd; background:#fff;}


.top10 {padding-top:10px;}
.top20 {padding-top:20px;}
.top30 {padding-top:30px;}
.top40 {padding-top:40px;}
.top50 {padding-top:50px;}

.left10 {padding-left:10px;}
.left20 {padding-left:20px;}
.left30 {padding-left:30px;}
.left40 {padding-left:40px;}
.left50 {padding-left:50px;}

.bottom10 {padding-bottom:10px;}
.bottom20 {padding-bottom:20px;}
.bottom30 {padding-bottom:30px;}
.bottom40 {padding-bottom:40px;}
.bottom50 {padding-bottom:50px;}

.test {border:1px solid red;}
.clear {clear:both;}
.cen {text-align:center;}

.f_red{color:#ea0000;}

/**/
.left_menu_wrap {
	float:left;
	position:relative;
	width:208px;		
}

.left_menu > .left_tit {
	height:92px;
	display:block;	
	font-size:25px;
	font-weight:600;
	color:#fff;
	line-height:92px;
	text-align:center;
	border-bottom:1px solid #ddd;
	background:url(../images/sub/bg_left_tit.gif) no-repeat right top;
}

.left_menu > dd {
border-bottom:1px solid #ddd; 
background:url(../images/icon_left.png) no-repeat right 12px;
}

.left_menu > dd > a {
	display:block;
	padding-left:10px;
	font-size:14px;
	color:#666;
	padding:13px 10px;
	line-height:19px;
}
.left_menu > dd > a:hover {
	color:#009fd9;			
}

.left_menu > dd.on a, .left_menu > dd.on a:hover{
	background:#2c3691 url(../images/icon_left.png) no-repeat right 12px;
	color:#fff;		
}

.left_contact {float:left; background:#009fd9; width:190px;  height:356px;}
.left_contact ul {margin-top:20px;}
.left_contact ul li {margin:5px 20px; background:#0077a3; padding:15px 0;}
.left_contact ul li a {display:block; color:#fff;font-size:14px; text-align:center;}


/**/
.right_content {
	float:left;
	position:relative;
	width:760px;	
	padding:20px 0 0 30px;
	border-left:1px solid #dddddd;
	color:#3d3d3d;
}

.right_content h2 {
	font-size:24px; 
	font-weight:600;
	color:#333;
	padding-bottom:24px;
	border-bottom:2px solid #ddd;
}

.right_content h2 span{font-size:20px;}

.right_content .breadcrumbs {
	padding:0 40px 20px 0;
	font-size:11px;
}

.right_content .breadcrumbs span{
	color:#2c3691;
	font-weight:600;
}


/**/
.sub_con {
	padding:40px 0 100px 0;
	line-height:150%;
	position:relative;
}

.sub_con .st {
	background:url(../images/icon_st.jpg) no-repeat;
	padding-top:13px;
	font-family: "Nanum Gothic";
	color:#2c3691;
	font-size:18px; 
	font-weight:800;
	margin-bottom:15px;
}

.sub_dl {padding:10px 0;}
.sub_dl dt {color:#353535; font-weight:bold; font-size:15px; margin-bottom:10px}
.sub_dl dd {background:url(../images/icon_arrow.jpg) no-repeat left 9px; padding-left:8px;} 

.sub_ul {padding:10px 0 30px 0;}
.sub_ul li {background:url(../images/icon_arrow.jpg) no-repeat left 9px; padding-left:8px;} 

.table_ul {padding:10px 0 10px 0;}
.table_ul li {background:url(../images/icon_arrow.jpg) no-repeat left 7px; padding-left:8px;} 


.point_txt {color:#6655a4; font-weight:bold; font-size:16px;}

/*greetings*/
.greeting {position:relative;}
.greeting .tit01{font-size:18px; color:#0e2966; font-weight:bold; line-height:25px;}
.greeting .tit02{font-size:18px; color:#009fd9; font-weight:bold; line-height:25px;}
.greeting .img{margin:20px 0;}
.greeting .txt{margin:10px 0;}
.greeting .sign {font-weight:bold; font-size:16px; color:#333;}

/*history*/
.history {overflow:hidden;}
.history dl {padding-bottom:30px; font-size:16px;}
.history dl:after{content:'';clear:both;display:block;}
.history dl dt {float:left; font-weight:bold; color:#009fd9; width:160px;}
.history dl dd {float:left;}
.history .img{margin-top:30px;}

/*certification*/
.cert_wrap ul:after{content:'';display:block; clear:both;}
.cert_wrap ul{margin-left:-20px;}
.cert_wrap li{float:left; margin:0 0 30px 30px;}
.cert_wrap li dt img{width:150px; border:1px solid #ddd;}
.cert_wrap li dd{text-align:center; padding-top:5px;}

/*product*/
.product{margin-top:30px;}
.product h4{font-size:18px; color:#ff5d00; font-weight:bold;}
.product h4 .name{color:#009fd9;}
.p_top:after{content:'';clear:both;display:block;}
.p_top{margin:30px 0;}
.p_top .img{float:left; margin-right:22px;}
.p_top .spec{float:left; width:368px;}
.p_top .spec .tit{font-size:16px; font-weight:bold; color:#009fd9; padding-bottom:10px;}
.t_norm table{width:100%; border-top:2px solid #98bbc7}
.t_norm table th, .t_norm table td{border-bottom:1px solid #cbcbcb; padding:10px;}
.t_norm table th{border-right:1px solid #cbcbcb; background:#ebf2f4;}
.p_bottom{padding-right:30px;}
.p_bottom .tit{font-size:16px; font-weight:bold; color:#009fd9; padding-bottom:10px;}
.p_bottom .u_tit, .p_bottom .c_tit{background:#98bbc7; color:#fff; padding:0 10px; display:inline-block;}
.p_bottom .u_txt, .p_bottom .c_txt{line-height:24px; font-size:14px; margin-top:5px;}
.p_bottom .c_txt li{background:url(../images/sub/bg_blet_blue.gif) no-repeat left 10px; padding-left:12px;}
.p_bottom .character{margin-top:30px;}

.tab{position:absolute; right:20px; top:20px;}
.tab ul:after{content:'';clear:both;display:block;}
.tab li{float:left; margin-left:1px;}
.tab li a{color:#fff; text-align:center; padding:10px 20px; display:inline-block; background:#aeaeae;}
.tab li.on a{background:#009fd9;}

/*sitemap*/
.sitemap {overflow:hidden;}
.sitemap dl {float:left; width:170px; margin-right:15px; margin-top:30px;}
.sitemap dl.last {margin-right:0;}
.sitemap dl dt  {background:#4e82bc; font-size:14px; font-weight:bold; padding:15px; margin-bottom:5px;}
.sitemap dl dt a {color:#fff; }
.sitemap dl dd {border:1px solid #ccc; margin-bottom:2px; font-size:12px; padding:5px 7px;}
.sitemap dl dd a {color:#666;}
.sitemap dl dd a:hover {text-decoration:underline; }


/*sitemap*/
div.sites > ul:after{content:""; display:block; clear:both;}
div.sites > ul{margin-left:5px;}
div.sites > ul > li:first-child{margin-left:0;}
div.sites > ul > li{float:left; font-size:17px; color:#000; font-weight:bold; width:170px; margin-left:20px;}
div.sites > ul > li a{color:#000;}
div.sites > ul > li > span{padding-bottom:10px; display:block; color:#000; border-bottom:2px solid #0e4e8b;}
div.sites > ul > li.last{margin-right:0;}
div.sites > ul > li.contact{margin-top:30px;}
div.sites > ul > li > ul{padding-top:20px;}
div.sites > ul > li > ul > li{cursor:pointer; font-size:12px; font-weight:normal; line-height:25px;}
div.sites > ul > li > ul > li a{color:#808080; letter-spacing:-.5px;}

.location .tit{font-weight:bold; color:#009fd9; font-size:18px; margin-top:30px;}
.location ul{margin-top:10px;}
.location li{line-height:35px; border-bottom:1px dashed #ddd;}
.head{margin-top:30px; margin-right:20px;}
.factory{margin-top:30px; margin-right:20px;}