@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; }
body { font-family:Nanum Gothic,'?˜ëˆ” 고딕',ng,sans-serif; font-size:13px; color:#4e4e4e; line-height:20px; text-decoration:none; -webkit-text-size-adjust:none;}

/*---a link---*/
a { text-decoration:none; color:#4e4e4e; }
a.top { color:#bbb; text-decoration:none; }
a.top:hover { color:#eee; text-decoration:none; }
a.subtop { text-decoration:none; color:#4e4e4e; }
a.subtop:hover { text-decoration:none; color:#002844; font-weight:bold; }
a.subtop:active { text-decoration:none; color:#002844; font-weight:bold; }

p{line-height:22px;}
h3{font-size:26px;line-height:30px;font-weight:600;color:#333;}
h3.under_space{margin-bottom:15px;}
h4{font-size:19px;line-height:26px;color:#1269ca;margin:25px 0 12px 0; font-weight:600;}
h5{font-size:19px;line-height:26px;color:#1269ca;margin:25px 0 12px 0; font-weight:600; text-align:center;}
.no_magin1{
	margin-right:0px!important;
}
#wrapper {
	width:100%;
	margin:0 auto;
	}
	
/* CEO*/

#ceo1 {
	width:700px;
	overflow:hidden;
	background:url(../images/com1_bg.png) no-repeat right 15px;	
	}
#ceo1 p {
	padding-bottom:10px;
	word-break:keep-all;
	}
#ceo1 p span {
	color:#4bbfe2;
	font-size:15px;
	font-weight:600;	
	}	
#ceo1 p.first_txt1 {
	padding-top:15px;
	font-size:20px;
	font-weight:600;
	color:#344693;	
	}
.ceo_1{
	width:400px;
	float:left;
}
.ceo_2{
	width:320x;	
	float:left;
}
.ceo2_1{
	width:250px;
	height:80px;
	margin:350px 0 0 30px;
	padding:6px 0 6px 18px;
}
.ceo2_2{
	text-align:right;
	font-weight:bold;
	margin-top:75px;
}
.com1_f1{
	color:#344693;
}
.com1_f2{
	color:#4bbfe2;
}


.pt1{
	overflow:hidden;
}
.pt1 li{
	float:left;
}
.com1_first-child{
	background:url(../images/icon.png) no-repeat 0px 5px;
	padding:0 323px 10px 20px;
	color:#4bbfe2;
	font-size:18px;
	font-weight:600;
}
.pt2 li{
	float:left;
	text-align:center;
	border:1px solid #ccc;	
	margin:15px 20px 0 0;
	background:#f9f9f9;
}

.pt2 li img{
	width:211px;
	height:150px;
	border:3px solid #344693;
}

.pt2 li p{
	padding:10px 0px;
}
#lightbox {
			position:fixed; /* keeps the lightbox window in the current viewport */
			top:0; 
			left:0; 
			width:100%; 
			height:100%; 
			background:url(images/overlay.png) repeat; 
			text-align:center;
		}
		#lightbox p {
			padding-top:200px;
			text-align:right; 
			color:#fff; 
			margin-right:20px; 
			font-size:12px; 
		}
		#lightbox img {
			box-shadow:0 0 25px #111;
			-webkit-box-shadow:0 0 25px #111;
			-moz-box-shadow:0 0 25px #111;
			max-width:940px;
		}

/*vision*/
#vision {
	width:700px;
	background:url(../images/com3_bg.png) no-repeat 490px 0px ;	
	}
.com3_1{
	width:460px;	
	padding-top:10px;
	font-size:15px;
	font-weight:600;	
	line-height:25px;
}
.com3_1 span{
	font-size:17px;	
	color:#4bbfe2;	
}
.com3_2{
	text-align:center;
	font-size:15px;
	font-weight:bold;	
	margin-top:50px;
	width:670px;
	padding:15px;
	border:1px solid #eee;	
}
.com3_f1{
	font-size:20px;	
	color:#344693;		
}
.com3_f2{
	font-size:17px;	
	color:#ff5a00;		
}
.com3_3{
	width:600px;
	margin:20px auto 0;
}
#com4{
	width:625px;
	margin:-30px auto 0;
}

/*history*/
.history {
	width:700px;
	background:url(../images/com5_img1.png) no-repeat -10px 10px;
	padding-top:15px;
	}	
.history ul li.noyear { margin-left: 300px;}
.history ul li.year {
	margin-top:10px;
	}	
.history ul li.year span {
	display:block;
	float:left;
	width:65px;
	font-size:16px;
	font-weight:bold;
	color:#00598c;
	margin-left: 235px;	
	}
	
/*company*/
.com6 ul{
	font-weight:600;
	margin:10px 0;
}
.com6_last-child{
	width:700px;
	border:1px solid #eee;		
	
}
.com6 li{
	line-height:25px;
}
p.com_title{
	background:url(../images/icon.png) no-repeat 0px 5px;
	padding-left:20px;	
	color:#4bbfe2;
	font-size:18px;
	font-weight:600;	
}

.com7_1{
	overflow:hidden;
}
.com7_1 p{
	padding:6px 0;
}
.com7_1 li{
	float:left;
	margin-right:15px;
	text-align:center;
	border:1px solid #eee;
}
.com7_1 li img{
	width:220px;
	height:230px;
}
.com7_2{
	margin:30px 0px;
	width:700px;
}
.com7_2 p{
	margin:10px auto;
	text-align:center;
	font-weight:600;	
}
.com7_2 img{
	width:111px;
	height:25px;
	margin:10px 0;
}
.com7_3_last-child{
	margin:5px 0 0 20px;
	color:#999;
	font-weight:600;
}
.com7_3 img{
	width:700px;
	height:480px;
	margin-left:3px;
}

/*business*/
.busi1_1 ul{
	margin:10px 0;
}

.busi1_1 li{
	line-height:25px;
	font-weight:600;
}
.busi1_1 img{
	margin:10px 0 10px 48px;
}
.busi1_2{
	overflow:hidden;
}
.busi1_2 ul{
	width:320px;
	height:220px;
	float:left;
	border:1px solid #344693;	
	text-align:center;
	margin-top:10px;
}
.busi1_2_first-child{
	margin-right:56px;

}
.busi1_first1{
	background:url(../images/bus_bg_2.png) no-repeat ;
	color:#373737;
	font-weight:600;	
	font-size:15px;	
	border-bottom:1px solid #344693;		
}
.busi1_first2{
	background:url(../images/bus_bg_1.png) no-repeat ;
	color:#373737;
	font-weight:600;
	font-size:15px;	
	border-bottom:1px solid #344693;			
}
.busi1_2 li{
	padding:5px 0;
	
}
.bus_left{
	text-align:left;
	margin-left:105px;
	font-weight:600;
}
.bus_left1{
	text-align:left;
	margin-left:92px;
		font-weight:600;
}
.busi2_1 ul{
	margin:10px 0;
}

.busi2_1 li{
	line-height:25px;

}
.busi2_1 img{
	margin-top:20px;
	width:700px;
}

/*product*/
p.pro1_title{
	background:url(../images/icon.png) no-repeat 0px 7px;
	padding:0 325px 10px 20px;
	color:#4bbfe2;
	font-size:18px;
	font-weight:600;
}
div.pro1{
	overflow:hidden;
}
.pro1_first-child{
	overflow:hidden;
}
li.pro1_1{
	float:left;
}
li.pro1_1 img{
	border:1px solid #eee;
	padding:5px 10px;
}
li.pro1_2{
	float:right;

}
li.pro1_2 li{
	line-height:50px;
	font-weight:600;	
}
li.pro1_2 p{
	margin:5px 0 20px 10px;
	font-weight:normal;
	line-height:30px;
}
li.pro1_0{
	float:right;

}
.t_1{
	padding-top:20px;
}
li.pro1_0 li{
	line-height:28px;
	font-weight:600;	
}
li.pro1_0 p{
	margin:5px 0 20px 10px;
	font-weight:normal;
	line-height:25px;}

p.pro_bd1 img{
	width:350px;
}
p.pro_bd1{
	text-align:center;
}
p.pro1_3 img{
	margin:20px 0;
}
div.pro1_1{
	margin-top:50px;
}
div.pro1_1 p img{
	width:650px;
	margin-left:25px;
}
p.pro1_title1{
	background:url(../images/icon.png) no-repeat 0px 57px;
	padding:50px 0px 0px 20px;
	color:#4bbfe2;
	font-size:18px;
	font-weight:600;

}
div.proWrap1{
	margin-top:10px;
}
div.proWrap{
	overflow:hidden;
	margin-top:50px;
}
div.pro_img{
	float:left;
	margin:15px 0;
}
div.pro_img img{
	border:1px solid #eee;
	padding:5px 10px;

}
.pro_img_nth-child1{
	float:left;
}
.pro_img_nth-child2{
	color:#344693;
	line-height:35px;
	font-weight:600;
	float:right;
	padding-left:20px;
	margin-top:15px;
}
div.pro_table{
	margin-top:10px;	
}
.pro_tb{
	border-top:2px solid #ccc;
	margin-top:10px;	
}
.pro_bg td{
	background:#eee;
	font-weight:600;		
}
.pro_tb td{
	text-align:center;
	padding:4px;
	border-bottom:1px solid #f1f1f1;
	border-left:1px solid #dedede;		
	height:20px;	
}
.pro_tb_last-child{
	border-right:none;
	padding:4px;
	border-bottom:1px solid #f1f1f1;
	border-right:1px solid #dedede;			
}
div.pro2_1{
	margin-left:7px;
	font-weight:600;			
}
.pro2_1_last-child{
	margin:5px 0 0 5px;	
	font-weight:normal;	
	line-height:25px;					
}
ul.pro2_2{
	overflow:hidden;
}
ul.pro2_2 li{
	width:220px;
	float:left;
	margin:15px 17px 0 0;
	border:1px solid #eee;	
}
ul.pro2_2 li img{
	width:220px;
	height:176px;
}
.sm_img{
	width:220px;
}
.pro2_2_first-child{
 	text-align:center;
	padding:6px 0;
	background:#156c8a;
	color:#fff;
}
.pro2_2_last-child{
 	text-align:center;	
	padding:5px 3px;
	background:#6d9509;
	color:#fff;
	line-height:15px;
}
div.pro_table2{
	width:700px;	
	float:left;
	margin-top:10px;	
}
.pro_tb{
	border-top:2px solid #ccc;
	margin-top:10px;	
}
.pro_bg td{
	background:#eee;
	font-weight:600;			
}
.pro_tb td{
	text-align:center;
	padding:4px;
	border-bottom:1px solid #f1f1f1;
	border-left:1px solid #dedede;		
	height:20px;	
}
.pro_tb_last-child{
	border-right:none;
	padding:4px;
	border-bottom:1px solid #f1f1f1;
	border-right:1px solid #dedede;			
}
ul.pro3_1{
	overflow:hidden;
}
li.pro3_2{
	float:left;
	margin-right:30px;
}
.pro3_2_first-child{
	border:1px solid #eee;
	padding:5px 10px;
}
.pro3_2_last-child{
	margin-top:15px;
	width:302px;
}
li.pro3_3{
	float:left;
	font-weight:600;
	line-height:21px;
}
li.pro3_3 p{
	font-weight:normal;
	margin:5px 0 0 3px;	
}
li.pro3_10{
	font-weight:600;
	line-height:25px;
}
li.pro3_10 p{
	font-weight:normal;
	margin:0 0 10px 3px;	
}
li.pro3_11{
	font-weight:600;
	line-height:25px;
}
li.pro3_11 p{
	font-weight:normal;
	margin:5px 0 0 3px;	
}
li.pro3_12{
	float:left;
	font-weight:600;
	line-height:24px;
}
li.pro3_12 p{
	font-weight:normal;
	margin:0 0 0 3px;	
}
ul.pro3_4 img{
	width:170px;
	margin-top:3px;
}
.pro3_4_img{
	margin-right:10px;
}
li.pro3_5{
	float:left;
	margin-right:30px;	
}
li.pro3_5 img{
	border:1px solid #eee;
	padding:5px 10px;
}
p.pro3_title{
	background:url(../images/icon.png) no-repeat 0px 7px;
	padding-left:20px;
	margin-top:50px;
	margin-bottom:10px;
	color:#4bbfe2;
	font-size:18px;
	font-weight:600;
}
li.pro3_6{
	border:1px solid #eee;
	padding:5px 10px;	
	width:283px;
	float:left;
	margin-right:30px;
}
li.pro4_1{
	width:400px;
	overflow:hidden;
	padding:10px 0 0 30px;
}
li.pro4_1 li{
	float:left;
	margin:5px 20px;
}
li.pro4_1 li img{
	padding:3px;
	border:1px solid #eee;
}
ul.pro4_2{
	overflow:hidden;
	margin-top:10px;
}
ul.pro4_2 p{
	text-align:center;
	padding:5px 0;
	background:#156c8a;
	color:#fff;	
	font-size:11px;
	font-weight:600;
}
ul.pro4_2 li{
	float:left;
	width:130px;
	border:1px solid #eee;	
	margin-right:10px;
}
ul.pro4_2 li img{
	width:130px;
}
li.pro4_3{
	font-weight:600;	
	line-height:25px;
}
ul.pro4_4{
	overflow:hidden;
	margin:10px auto;
	width:700px;
}
ul.pro4_4 li:first-child{
	float:left;
	border:1px solid #eee;	
	text-align:center;
	width:340px;
}
ul.pro4_4 li:last-child{
	float:right;
	border:1px solid #eee;	
	text-align:center;
	width:340px;
}
ul.pro4_4 li p{
	background:#156c8a;
	padding:5px 0;	
	color:#fff;	
	font-size:11px;
	font-weight:600;	
}
ul.pro4_5{
	overflow:hidden;
	margin-top:10px;
}
ul.pro4_5 li p:first-child{
	text-align:center;
	padding:5px 0;
	background:#156c8a;
	color:#fff;	
	font-weight:600;
}
ul.pro4_5 li p{
	padding:7px 0 7px 10px;
	font-size:12px;
}
ul.pro4_5 p span{
	font-weight:normal;
	font-size:10px;
}
ul.pro4_5 li{
	float:left;
	width:165.5px;
	height:420px;
	margin-right:10px;
	border:1px solid #eee;	
}
ul.pro4_5 li img{
	width:165.5px;
}

/*rnd*/
p.rnd_title{
	background:url(../images/icon.png) no-repeat 0px 7px;
	padding:0px 0px 10px 20px;
	color:#4bbfe2;
	font-size:18px;
	font-weight:600;	
}
div.rnd1 p img{
	width:660px;
	margin:10px auto;
}
.rnd3 ul{
	overflow:hidden;
}
.rnd3 ul li{
	float:left;
	border:1px solid #eee;
	padding:30px 24px;
}
.rnd3_first-child{
	margin-right:50px;
}

/*customer*/
.cust1 ul{
	overflow:hidden;
	margin-bottom:11px;
}
.cust1 ul li{
	float:left;
	margin-right:20px;
}
.cust1 ul li.no_margin{
	margin-right:0px!important;
}