@charset "utf-8";
/* CSS Document */

/* 
 * Nanum Gothic (Korean) http://www.google.com/webfonts/earlyaccess
 */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}
	a{color:black;text-decoration:none}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Nanum Gothic, 나눔고딕;
}


img{ border:0px; }

ul, ol { list-style-type:none; padding:0px; margin:0px; }
dt, dd, h1 ,h2, h3, h4 { padding:0px; margin:0px; }

#wrap{width:100%;

}

#top{margin:0px auto; width:1000px;}

#pano{margin:0px auto; width:1000px; padding:20px 0 20px 0;}

#sub_wrap{ 
	background-image:url('/images/subbg.jpg'); background-repeat:repeat-x; width:100%;height:330px;

}

.sub_menu_line{
	background-image:url('/images/sub_visual2.jpg');  width:1000px;height:330px;
}


.lineli1{
	float:left;
	padding:30px 70px 0 20px;
	margin-right:60px;
	}

.lineli {
	float:left;
	padding:30px 0 0 60px;
	font-weight:bold;
	color:#42391c;
	font-size:16px;
	line-height:30px;
}


.m_content {
	margin:0px auto; width:1000px; overflow:hidden; padding:20px 0 20px 0;
}


.content {
	margin:-40px auto 30px auto; width:1000px; overflow:hidden;
}
.content div{
		
		float:left;

		margin-left:50px;
}

#contents1{
	margin:0px auto;
	width:100%;
	padding:15px 0 15px 0;
	background-color:#e5f6f9;
	overflow:hidden;
	}

.con1{
	margin:0px auto; width:1000px;
	}

.c1{float:left; padding-right:15px; padding-left:10px;}
.c1text{ padding-top:15px; font-size:14px; font-weight:bolder; letter-spacing:-1px; line-height:27px;}

.c2{float:left; padding-right:15px;;}
.c2text{ padding-top:15px; font-size:14px; font-weight:bolder; letter-spacing:-1px; line-height:27px;}

.c3{float:left; padding-right:15px;}
.c3text{ padding-top:15px; font-size:14px; font-weight:bolder; letter-spacing:-1px; line-height:27px;}

.c4{float:left; padding-right:15px;}
.c4text{ padding-top:15px; font-size:14px; font-weight:bolder; letter-spacing:-1px; line-height:27px;}

.c5{float:left;}
.c5text{ padding-top:15px; font-size:14px; font-weight:bolder; letter-spacing:-1px; line-height:27px;}

.list_title{

		color:#0d3d89;
		font-size:16pt;
		font-weight:bold;
}


.news{float:left}

.news ul{
	margin-top:10px;
	width:250px;
	height:100px;
}
.news ul li{
	font-size:10pt;
}




.date{
	color:#5CD1E5;
}

.quick_link{float:left; padding-left:50px;}
.quick_link ul li{
	margin: 10px 10px 10px 10px;
	float:left;}


.customer{float:right;}

.customer ul{
	margin-top:10px;
}

.main_content{
	margin:0px auto; width:1000px;
}



.main_content div ul{

	margin-top:10px;
}

.main_content div li{
	float:left;
	margin:10px 10px 10px 10px;
}


.sub_text{
	margin-left:20px;
	font-size:8pt;
}

.item_text{

	font-size:10pt;
	font-weight:bold;
}

.footer{

	width:100%;
	height:105px;
	background-color:#353535;

}
.copy_right{
		margin:0px auto; width:1000px;
}

.footer_text{

	color:white;
	font-size:10pt;
	padding-top:15px;
	padding-bottom:15px;
	line-height:25px;
	float:left;
		
}

.made_by{
	color:#5CD1E5;
	margin-left:300px;
	padding-top:50px;
	float:right;
	font-size:10pt;
	line-height:25px;
}


.sub_title_name{

font-weight:bold;
color:#0d3d89;
font-size:16pt;
float:left;
font-size:20pt;

		
}

.sub_title_name2{

font-weight:bold;
color:#0d3d89;
font-size:20pt;
float:left;
padding-bottom:30px;
letter-spacing:-1px;

		
}



.sub_menu ul{
	width:350px;
	padding-left:120px;
	padding-top:5px;
}
.sub_menu ul li{

font-size:12pt;
color:#D5D5D5;
margin-left:30px;

float:left;

}
.sub_menu ul li a {

color:white;

}


.selected_submenu{
font-weight:bold;
color:white;


}

.company_info{


display:none;

}


.product_submenu{

	padding-left:10px;
	height:100px;
}

.product_submenu li{


	background-color:#F6F6F6;
	font-size:9pt;
	font-weight:bold;
	float:left;
	border-top:1px solid #A6A6A6;
	border-right:2px solid #A6A6A6;
	border-bottom:2px solid #A6A6A6;
	border-left:1px solid #A6A6A6;
	margin-left:10px;
	
	height:25px;
	padding-top:8px;
	padding-left:15px; 
	padding-right:15px;
	margin-top:5px;
	/*width:190px;*/

	}
.product_submenu li.on{
	background-color:#c3c3c3;
}

.product_detail{
margin:0px auto; width:1000px;

}
.product_detail div{

margin-left:20px;

}

.product_menu{

	margin:0px auto; width:1000px;


}

.product_menu ul{
			margin-top:20px;	
		margin-left:20px;
		margin-bottom:20px;	

			background-image:url('/images/sub_title_tab.jpg '); background-repeat:no-repeat;  width:950px;height:30px;
}

	
		


.product_menu ul li{
		margin-top:5px;
		
		float:left;
		font-size:10pt;
		margin-left:20px;
		
}
.product_menu ul li a{
color:white;
		
}
.product_menu ul li a.on{
color: yellow;
		
}


.history{


	margin:0px auto; width:1000px;

}
.history div{

	margin-left:0px;
}

.img_text{
	margin-top:-20px;
	margin-left:10px;
	font-size:10pt;
	position:absolute;
	color:white;
}

	.board_sub{

		position:absolute;margin-left:-70px;background-color:#1b4c83;height:30px;border-radius:10px 10px 10px 10px;display:none;
	}

	.company_sub{

		position:absolute;margin-left:-100px;background-color:#1b4c83;width:360px;height:30px;border-radius:10px 10px 10px 10px;display:none;
	}
	
	
/* Sitemap */

.sitemap_bg{
	margin:0 auto; width:1000px; overflow:hidden; padding-bottom:40px;}

.leftsite{
	background-color:#f2f2f2; width:360px; height:440px; float:left; padding:20px; margin-right:60px; margin-left:60px;}

.rightsite{
	background-color:#f2f2f2; width:360px; height:440px; float:left; padding:20px;}
	
.site_box{padding:30px 0 15px 80px;}	
.site_box2{padding:0 0 40px 90px;}	

.site_box2 a {font-weight:bold; font-size:15px; line-height:30px;}
	
.st_1{color:#397bae; font-weight:bold; font-size:32px; letter-spacing:-1px; margin-bottom:10px;}
.st_2{color:#1f3e56; font-weight:bold; font-size:16px; }


/*history*/

.product_1 { width:480px; height:200px;} 
a{text-decoration:none}
.company_text{ font-size:18px; line-height:45px;}
.company_sign{padding-left:400px; padding-bottom:20px;}
.hello{font-size:24px; font-weight:bold; padding-bottom:10px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p {
margin: 0px;
padding: 0px;}
.year_month{float:left; text-decoration:underline; width:130px; padding:20px 40px 20px 0px; font-size:24px; color:#4c74e6; font-weight:bold;}
.year_title{float:left; width:550px; font-size:16px; color:#565656; padding:25px 10px 10px 10px;}
.year_img{float:left; border:1px solid; color:#AFAFAF;}
.year{width:780px; height:100px; margin-bottom:10px;}
.year1{width:780px; height:100px; margin-bottom:10px;}