@charset "euc-kr";
/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);


/*---reset---*/
html { overflow-y:scroll; overflow-x:hidden;}
* { margin:0; padding:0; }
img { border:0; }
ul, ol, dl, li { list-style:none; }
caption { width:1px; height:1px; overflow:hidden; }
table { border-collapse:collapse; border-spacing:0; font-family:"³ª´®°íµñ", Nanum Gothic,  "µ¸¿ò", Dotum, AppleGothic, sans-serif !important;}
body { font-family:"³ª´®°íµñ", Nanum Gothic,  "µ¸¿ò", Dotum, AppleGothic, sans-serif !important; font-size:13px; color:#353535; line-height:20px; text-decoration:none; -webkit-text-size-adjust:none;}

/*---a link---*/
a { text-decoration:none; color:#4e4e4e; }
a:hover {text-decoration:none;}
a.top { color:#ffffff; text-decoration:none;}
p{line-height:22px;}
p.space {padding-bottom:30px; clear:both;}
p.img_space {clear:both;}
h3.page_title{font-size:23px;line-height:30px;color:#4f93d9; padding-top:10px; padding-bottom:10px;}
h3.under_space{margin-bottom:15px; width:753px;}
h4{font-size:19px;line-height:26px;color:#1269ca;margin:5px 0 12px 0; font-weight:600;}
h5{font-size:19px;line-height:26px;color:#1269ca;margin:5px 0 12px 0; font-weight:600; text-align:center;}

#wrapper {
	width:100%;
	margin:0 auto;
}
	
/*---header---*/
#header_wrap { width:1000px; height:140px; margin:0 auto; }
#header { width:1000px; height:140px; margin:0 auto;}
#header h1 {
	float:left;
	padding-top:66px;
	padding-left:43px;
	}
#header h2 {
	float:left;
	padding-top:84px;
	padding-left:38px;
	}
#top_wrap {
	width:1000px;
	margin:0 auto;
	height:27px;
	}
.top_wrap2 { width:1000px; margin:0 auto; height:27px; background-color:#c4c4c4;}
.top_menu { float:right;}
.top_menu ul {  }
.top_menu ul li.top_border a { float:left; height:27px; font-size:12px; padding: 0 10px 0 10px; line-height:27px; text-align:center;  color:#ffffff; font-weight:600;}
.top_menu ul li { float:left; height:27px;}

#top_navi_wrap { width:1000px; z-index:10; position:absolute; } 
.top_navi_wrap2{ width:100%; margin:0 auto; height:81px; position:relative; background:#fff; border-bottom:2px solid #c1c1c1;}
.navi_wrap { width:1000px; margin:0 auto; height:81px; position:relative; background:#FFF;}
.top_logo{ float:left; position:absolute; width:297px; margin-top:17px; margin-left:5px}
.top_navi { float:right; width:674px; margin-left:252px;}
.navi_dep1{float:left;}
.navi_dep1_position{ font-size:17px; font-weight:600; text-align:center; height:70px; line-height:70px; font-family: 'Nanum Square';}
.navi_dep1_position:hover { height:70px; line-height:70px;}
.navi_dep1_position a { color:#4e4e4e; text-decoration:none;}

/*submenu */
.navi_dep2_wrap01{padding-left:500px;margin-left:0px;position:relative;left:-500px;}
.navi_dep2_wrap02{padding-left:500px;margin-left:0px;position:relative;left:-500px;}
.navi_dep2_wrap03{padding-left:530px;margin-left:0px;position:relative;left:-500px;}
.navi_dep2_wrap04{padding-left:525px;margin-left:0px;position:relative;left:-500px;}
.navi_dep2_wrap05{padding-left:479px;margin-left:0px;position:relative;left:-500px;}

.navi_dep2_wrap{ display:none; width:1000px; position:relative;top:-13px;}
.navi_dep2_wrap ul{overflow:hidden; width:1000px; height:26px; padding-top:0px;}
.navi_dep2_wrap ul li a{ float:left; height:18px; line-height:18px; border:1px solid #ffffff; background-color:#ffffff; padding-right:15px; padding-left:15px; color:#676767; font-weight:600;}
.navi_dep2_wrap ul li a:hover{ float:left; height:18px; line-height:18px; border:1px solid #b5b5b5; background-color:#c5c5c5; padding-right:15px; padding-left:15px; color:#ffffff;}

.float01{width:129px; background:url(../images/menu_bar.gif) right 28px no-repeat;}
.float02{width:129px; background:url(../images/menu_bar.gif) right 28px no-repeat;}
.float03{width:174px; background:url(../images/menu_bar.gif) right 28px no-repeat;}
.float04{width:113px; background:url(../images/menu_bar.gif) right 28px no-repeat;}
.float05{width:129px;}
	

	
/* ---section--- */
#section {
	width:100%;
}
#section_wrap {
	width:1000px;
	margin:0 auto;
}
#section1 {
	float:left;
	width:214px;
	padding-right:26px;
}
.section1_1 {
	padding-bottom:13px;
}
.section1_2 {
	width:212px;
	height:39px;
	border:1px solid #3c81c9;
	margin-bottom:13px;
}
.section1_3 { }
.section1_3 a {
	display:block;
	height:37px;
	line-height:37px;
	border-bottom:1px solid #d3d3d3;
	color:#747474;
	padding-left:23px;
	font-weight:600;
	text-decoration:none;
	font-size:13px;
	background-color:#ececec;
	}
.section1_3 a:hover {
	display:block;
	height:37px;
	line-height:37px;
	border-bottom:1px solid #d3d3d3;
	color:#ffffff;
	padding-left:23px;
	font-weight:600;
	text-decoration:none;
	background-color:#365895;
	}
.section1_3 a.on {
	display:block;
	height:37px;
	line-height:37px;
	border-bottom:1px solid #d3d3d3;
	color:#ffffff;
	padding-left:23px;
	font-weight:600;
	text-decoration:none;
	background-color:#365895;
	}
.section1_3 a.sub {
	width:182px;
	height:34px;
	line-height:34px;
	padding-left:32px;
	color:#ffffff;
	border:none;
	text-decoration:none;
	background-color:#5572a4;
	text-shadow: #000000 1px 1px; 
	}
.section1_3 a.sub:hover {
	width:182px;
	color:#ffffff;
	font-weight:600;
	padding-left:32px;
	border:none;
	background:url(../images/left_menu_sub_on.png) no-repeat;
	text-decoration:none;
	}
.section1_4 {
	width:214px;
	margin-top:37px;
	border-top:1px solid #e7e7e7;
}
.section1_4 ul li {
	border-bottom:1px solid #e7e7e7;
}
	

#section2 {
	float:right;
	width:760px;
}
.article_top {
	float:right;
	width:760px;
	height:98px;
	background:url(../images/article_top_bg.png) right top no-repeat;
	border-bottom:2px solid #535353;
	}
.article_top ul li.sub_title {font-size:25px; font-weight:600; color:#3e3e3e; line-height:32px; font-family: 'Nanum Square';}
.article_top ul li.sub_location {padding-left:17px; font-size:12px; color:#999; background:url(../images/home.png) left 40px no-repeat; padding-top:35px; padding-bottom:3px;}

.article {
	width: 760px;
	float:right;
	}

.greeting {
	padding-top:30px;
	width:760px;
	background:url(../images/company1_bg.png) right 30px no-repeat;
}
.greeting_tit {
	font-size:45px;
	line-height:50px;
	padding-bottom:30px;
	color:#0081cb;
	font-family: 'Nanum Brush Script';
}
.greeting_tit span {
	font-size:57px;
	line-height:50px;
	padding-bottom:30px;
	color:#f7931e;
	font-family: 'Nanum Brush Script';
}
.greeting_text {
	width:490px;
	font-family:"³ª´®°íµñ", Nanum Gothic,  "µ¸¿ò", Dotum, AppleGothic, sans-serif;
	font-size:15px;
	line-height:25px;
}
.greeting_blue {
	width:638px;
	background-color:#e8f0f3;
	border:1px solid #dfdfdf;
	padding:40px 60px 10px 60px;
	margin-top:35px;
}
.title {
	font-size:17px;
	color:#1c6ab6;
	font-weight:600;
	font-family: 'Nanum Square';
}
.title_des {
	font-size:13px;
	color:#646464;
	font-weight:600;
	padding-bottom:30px;
}

.product_board {
	margin-top:30px;
	width:760px;
}

.search_board {
	width:760px;
}

.sample {
	padding-top:30px;
	width:760px;
}
.spec {
	border-top:2px solid #1c1c1c;
	font-size:13px;
	}
.spec td {
	vertical-align:middle;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	padding: 10px 0 10px 0;
	}
.spec td.no-right {
	border-right:none;
	padding: 10px 10px 10px 10px;
	}
.spec td.bg {
	background:#f5f5f5;
	text-align:center;
	font-weight:600;
	}




/*---footer---*/
.blank {
	margin:0 auto;
	clear:both;
	width:830px;
	height:80px;
	}
.blank2 {
	clear:both;
	width:830px;
	height:50px;
	}
#footer_wrap {
	clear:both;
	width:100%;
	height:118px;
	}
#footer {
	width:1000px;
	height:118px;
	margin:0 auto;
	border-top:1px solid #dddddd;
	}
#footer h2 {
	float:left;
	margin:32px 35px 0 28px;
	}
#footer p {
	float:left;
	color:#737171;
	padding-top:25px;
	font-size:11px;
	font-family:"³ª´®°íµñ", Nanum Gothic,  "µ¸¿ò", Dotum, AppleGothic, sans-serif !important;
	}
#footer span.footer_bolder {
	font-weight:600;
	}