@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.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{}

* {margin:0; padding:0; font-family:'Nanum Gothic', '나눔고딕', 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;}


/*common*/

.f_left {float:left;}

.center {text-align:center;}

.mgtop10 {margin-top:10px;}
.mgtop20 {margin-top:20px;}
.mgtop30 {margin-top:30px;}
.mgtop40 {margin-top:40px;}
.mgtop50 {margin-top:50px;}

.mgleft10 {margin-left:10px;}
.mgleft20 {margin-left:20px;}

.mb50 {margin-bottom:50px !important;}

.left20 {padding-left:20px;}

.right20 {padding-right:20px;}
.right30 {padding-right:30px;}
.right40 {padding-right:40px;}

.top10 {padding-top:10px;}
.top20 {padding-top:20px;}
.top30 {padding-top:30px;}

.bottom20 {padding-bottom:20px;}

.font16 {font-size:16px;}
.font18 {font-size:18px;}
.font24 {font-size:24px;}


.bold {font-weight:bold;}

.blue {color:#3181c5;}

.test {border:1px solid red;}

.box img {border:1px solid #dbdbdb;}

.tit_tit {color:#3181c5; font-size:16px; font-weight:600;}
.num {color:#fff; font-size:13px; font-weight:600; padding:2px 7px; background:#3181c5;}

.s_contents {margin-top:10px;}

.left_menu_wrap {
	float:left;
	position:relative;
	width:240px;
	border-bottom:1px solid #dbdbdb;
	padding-bottom:33px;
	margin-bottom:50px;
	/*
	border-left:1px solid #dcdddc;
	border-right:1px solid #dcdddc;
	*/
}
.left_menu > .left_tit {
	display:block;
	width:100%;
	padding:20px 0;
	border-bottom:2px solid #000;
	
}

.left_bg1 {background:url(/images/left1_bg.jpg) no-repeat right bottom;}
.left_bg2 {background:url(/images/left2_bg.jpg) no-repeat right bottom;}
.left_bg3 {background:url(/images/left3_bg.jpg) no-repeat right bottom;}
.left_bg4 {background:url(/images/left4_bg.jpg) no-repeat right bottom;}

.left_menu > .left_tit > .tit_main {
	display:block;
	padding-left:20px;
	color:#0d0d0d;
	font-size:24px;
	line-height:30px;
	font-weight:600;
}
/*.left_menu > .left_tit > .tit_sub {
	display:block;
	width:100%;
	color:#dffebd;
	font-size:10px;
	line-height:15px;
	font-family: "Nanum Gothic", "나눔고딕";
}*/
.left_menu > dd {border-bottom:1px solid #dcdddc;}

.left_menu > dd > ul,
.left_menu > dd > dl {
	padding:10px 20px;
	background-color:#eaeaea;
}
.left_menu > dd > dl > dt > a {font-weight:600;}
.left_menu > dd > dl > dd > a:before {content:" - ";}
.left_menu > dd > dl > dd > a {padding-left:6px;}

.left_menu > dd > ul > li > a,
.left_menu > dd > dl > dt > a,
.left_menu > dd > dl > dd > a {
	display:block;
	font-size:12px;
	line-height:22px;
}
.left_menu > dd > ul > li > a:hover,
.left_menu > dd > dl > dd > a:hover,
.left_menu > dd > dl > dd > a:hover {
	color:#5aac00;
}


.left_menu > dd > a {
	display:block;
	padding-left:20px;
	font-size:13px;
	line-height:33px;
	color:#797979;
}
.left_menu > dd > a.on {
	color:#5aac00;
	font-weight:600;
	line-height:33px;
	color:#fff;
	background:url(/images/left_on.gif) repeat-x;
}
.left_menu > dd > a:hover {
	color:#5aac00;
	font-weight:600;
	line-height:33px;
	color:#fff;
	background:url(/images/left_on.gif) repeat-x;
}




.sub_contents {width:720px;padding-left:40px;padding-bottom:20px;float:left;}

.sub_map {
	height:21px;
	text-align:right;
	padding-top:0px;
	color:#b6b6b6;
	font-size:11px;
}

.s_title {
	height:30px;
	width:100%;
	font-size:24px;
	font-weight:600;
	padding-top:10px;
	padding-bottom:5px;
	margin-bottom:20px;
	color:#3181c5;
}

.s_sub {font-size:11px; color:#858585;}

.sub {
	overflow:hidden;  border:1px solid #dbdbdb; margin-bottom:30px;
}

.s_con { padding:35px 30px; font-size:13px; line-height:180%;}






/* greeting */

.greet_tit {font-size:24px; font-weight:800; line-height:150%;}

.greet_txt {padding-top:30px; overflow:hidden;}
.greet_txt li {padding:5px;}
.greet_txt li p {}
.greet_txt li p.num {background:#3181c5; color:#fff; padding:1px 10px; font-size:11px;}
.greet_txt li p.text {width:93%; margin-left:2%;}


/* history */

.history {min-height:300px;background:url(/images/his_bg.jpg) repeat-y center;}
.history .img {float:left; width:283px; margin-top:105px; text-align:center;}
.history .year {float:left; background:url(/images/year_bg.jpg) no-repeat center; height:105px;width:90px; font-size:16px; font-weight:bold; color:#fff;} 
.history .year p {text-align:center; padding-top:40px;}
.history ul {float:left; width:283px; margin-top:105px;} 
.history ul li {padding:5px;} 
.history ul li .month {color:#3181c5; font-size:16px; font-weight:bold;} 
.end {min-height:300px; background:url(/images/end.gif) no-repeat center bottom;}


/*인증서
.tab {overflow:hidden; width:100%; margin-top:20px;}
.tab ul li  a {float:left; padding:5px 10px; background:#fff; border:1px solid #dbdbdb; text-align:center; width:46%; color:#353535;}

.tab ul li a.on {background:#3181c5; border:1px solid #dbdbdb; color:#fff;}*/

.tab {overflow:hidden; width:100%; }
.tab ul li  a {float:left; padding:5px 20px;  text-align:left;   color:#353535; background:url(/images/tab_off.gif) no-repeat left 10px;}

.tab ul li a.on {color:#3181c5;  background:url(/images/tab_on.gif) no-repeat left 10px; }




/*찾아오시는길*/
.map_line {width:640px; height:350px; padding:10px; text-align:center; border:1px solid #dbdbdb;}
.direc {width:640px; margin-left:10px;}
.direc ul {padding:10px 0 20px 0px;}
.direc ul li {background:url(/images/list_icon.gif) no-repeat left 15px; padding:5px 0 5px 10px;}


/*제품*/
.pro_title {font-size:24px; font-weight:800;}
.sm_pro_title {font-size:16px; font-weight:normal;}

.pro_txt {border:1px solid #4aaed9; 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;}

.pro_list h3 {color:#3181c5; font-size:16px; font-weight:600; padding-top:30px;}
.pro_list ul li {background:url(/images/list_icon.gif) no-repeat left 20px; padding:10px 10px 0px 10px;}

.list_back h3 {color:#3181c5; font-size:16px; font-weight:600; padding-top:30px;} 
.list_back ul  li {padding:10px 10px 0px 0px; font-size:14px; font-weight:bold;}


/* 제품소개 테이블 */
.tbl_type,.tbl_type th,.tbl_type td{border:0;}
.tbl_type{width:100%;border-bottom:1px solid #dcdcdc;}
.tbl_type caption{display:none;}
.tbl_type tfoot{background-color:#f9f9f9;font-weight:bold;}
.tbl_type th{padding:6px;border-top:2px solid #3181c5;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background-color:#f9f9f9;color:#666;font-weight:bold;text-align:center;}
.tbl_type td{padding:6px;border:1px solid #e5e5e5;color:#4c4c4c;}
.tbl_type td.tit{font-weight:bold; background-color:#f9f9f9;}

/* 제품소개 박스 */
.section{position:relative;border:1px solid #dbdbdb; }
.section .hx{margin:0;padding:10px 0 7px 9px;border:1px solid #fff;background:#f7f7f7;line-height:normal;color:#333; font-size:18px; font-weight:600;}

.section .tx{padding:10px;border-top:1px solid #e9e9e9;color:#666; overflow:hidden;}
.section .tx img {float:left;}
.section .tx ul {float:left;}
.section .tx ul li {background:url(/images/list_icon.gif) no-repeat 10px 15px; padding:5px 10px 0px 20px;}






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



/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ sitemap 사이트맵  ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.sitemap {width:100%;}
.map_dl {
	float:left;
	width:31%;
	margin:0 1.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:#3181c5;
}






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