@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{display:none;}

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





.s_contents {margin-top:50px;}

.s_title {
	text-align:center;
	width:100%;
	background:url(/images/s_title_bg.gif) no-repeat center 50px;
	font-size:30px;
	color:#242426;
	font-weight:600;
	padding:10px 0 30px 0;
	margin-top:0px;
	margin-bottom:50px;
	border:0px solid red;
}

.left_menu_wrap {
	width:1000px;
	overflow:hidden;
	text-align: center;
	font-size: 0px;
    letter-spacing: 0px;
    word-spacing: 0px;
}

.left_menu_wrap .left_menu > li {display:inline-block; border-top:1px solid #dbdbdb;  border-bottom:1px solid #dbdbdb;  border-right:1px solid #dbdbdb; min-width:170px;}

.left_menu_wrap .left_menu > li.first {border-left:1px solid #dbdbdb;}


.left_menu > li > a {
	display:inline-block;
	min-width:170px;
	padding:7px 10px;
	font-size:14px;
	text-align:center;
	margin:0;
}
.left_menu > li > a.on {
	color:#fff;
	font-weight:600;
	background:#4aaed9;
}
.left_menu > li > a:hover {
	color:#fff;
	font-weight:600;
	background:#4aaed9;
}



.sub_contents {clear:both; width:100%; padding:50px 0 70px 0; border:0px solid red; font-size:13px;}


/*제품*/
.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:#4aaed9; padding:3px 7px;}

.sub {padding:0 30px;}

.con_list li {background:url(/images/b_list_icon.gif) no-repeat left 10px; padding:5px 0 10px 20px;}

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



/* greeting */

.greet {
	overflow:hidden;
	width:100%;
	line-height:180%;
}
.greet .img {float:right;}
.greet .txt {
    float:left;
	width:600px;
}
.greet .txt p {padding-bottom:20px;}
.slogan {font-size:20px; font-weight:800; color:#000; line-height:140%; }
.slogan span {font-size:20px; font-weight:800; color:#4aaed9; line-height:140%; }


/* history */
.history {border-bottom:1px solid #ddd;  padding:15px 0;}
.history dt{float:left; width:150px; font-size:15px; font-weight:600; text-align:right;}
.history dd{float:right; width:800px;}


.stit_t01 {margin:0 0 15px;text-align:center;background:url(/images/stit_line.gif) repeat-x 0 50%;}
.stit_t01 span {position:relative;display:inline-block;padding:0 25px;font-size:24px;line-height:30px;color:#191919;font-weight:900;background:#fff;}
.stit_t01 span:before {content:' ';position:absolute;top:13px;left:0;width:5px;height:5px;background:url(/images/stit_dot.gif) no-repeat 0 50%;}
.stit_t01 span:after {content:' ';position:absolute;top:13px;right:0;width:5px;height:5px;background:url(/images/stit_dot.gif) no-repeat 0 50%;}

.certificate				{margin:0 30px;padding:0;list-style:none; }
.certificate li				{display:block;float:left;width:20%; margin:0 2.5%; height:260px; text-align:center; }
.certificate li img			{display:block;width:120px;margin:0 auto 5px auto;padding:4px;border:solid 1px #ddd;background:#eee; }


/*찾아오시는길*/
.map_line {width:980px; height:400px; padding:10px; text-align:center; border:1px solid #dbdbdb;}
.direc {width:980px; margin-left:10px;}
.direc_tit {color:#4aaed9; font-size:18px; font-weight:600; padding-top:20px;}
.direc ul {padding:10px 0 20px 0px; font-size:14px;}
.direc ul li {background:url(/images/list_icon.gif) no-repeat left; padding:5px 0 5px 10px;}

.tech_list li			{float:left; width:26%; height:340px; margin:0 1%; padding:2%; border:5px solid #ececec;}
.tech_list li:hover		{background:#f8f8f8;}
.tech_list li h2		{display:block; font-size:16px; text-align:center; color:#222; font-weight:600; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ddd; }
.tech_list li div img	{width:100%; padding-bottom:10px;}


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


.sTit						{display:block; font-size:20px; font-weight:600; color:#222; padding-bottom:20px;}
.blueTit					{display:block; font-size:20px; font-weight:600; color:#fff; padding:15px 20px; background:#4aaed9; margin-top:100px;}
.blackTit					{display:block; font-size:16px; font-weight:600; color:#222; font-weight:600;}
.proName					{display:block; font-size:16px; font-weight:600; color:#222;}

.ownedBox li				{float:left; width:233px; text-align:center; padding:20px 0; line-height:120%;}
.ownedBox li:nth-child(2)	{margin:0 150px;}
.ownedBox li span			{display:block; padding-top:8px;}
.ownedBox li.row			{float:left; width:469px;}
.ownedBox li.row-txt		{float:right; width:480px; text-align:left;}
.ownedBox li.row-txt dt		{font-weight:600; color:#222;}
.ownedBox li.row-txt dd		{padding-bottom:20px;}

.divideBox					{margin-top:70px;}
.divideBox:after			{content:" "; display:block; clear:both; height:0; visibility:hidden;}/* 기타 브라우져*/
.divideBox dt				{float:left; padding-left:10px; width:270px; font-size:18px; color:#4aaed9; font-weight:600; background:url('/images/bullet_line.gif') no-repeat 0 0;}
.divideBox dd				{float:right; width:680px; }

.tbl_basic table			{table-layout:fixed; width:100%; border-top:2px solid #ccc; border-bottom:2px solid #ccc; }
.tbl_basic table thead th	{background:#efefef; font-size:16px; font-weight:600; padding:12px 10px; border:1px solid #ccc; color:#222; vertical-align:middle;}
.tbl_basic table tbody th	{background:#efefef; font-size:14px; font-weight:600; padding:10px; text-align:center; border:1px solid #ccc; vertical-align:middle;}
.tbl_basic table tbody td	{background:#ffffff; font-size:14px; text-align:center; padding:10px; border:1px solid #ccc;vertical-align:middle;}

.col_3 li					{float:left; width:33%;}

.divideBox2 li				{float:left; width:190px; height:480px; padding:25px 20px; background:#f6f6f6; margin-left:25px;}
.divideBox2 li:first-child	{margin-left:0;}
.divideBox2 li h2			{display:block; text-align:center; font-weight:600; color:#4aaed9; font-size:16px;}
.divideBox2 li p			{text-align:center; font-weight:600; color:#444; font-size:16px; padding:15px 0 20px;}
.divideBox2 li div			{padding-top:15px; border-top:1px solid #ddd;}

.btnBox						{margin-top:80px; text-align:center;}
.btnBox a					{display:inline-block; padding:15px 20px; background:#efefef; border:1px solid #ddd; border-top:3px solid #4aaed9; color:#333; font-size:16px; font-weight:600;}
.btnBox a:hover				{background:#4aaed9; color:#fff; }

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ 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:#4aaed9;
}






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