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

* {margin:0; padding:0;}

html { overflow-y:scroll; overflow-x:hidden; }

img { border:0; }

ol,ul {list-style: none; }

a {text-decoration:none;}


/* 전체 랩 *******************************************************************/
#wrap {
	width:100%;
	vertical-align:middle;
	  }
#wrap #head {
	width:980px;
	height:90px;
	margin:0 auto;
	}
	#wrap #head #headmap{
		text-align:right;
		width:980px;
		height:20px;
		padding:5px 0 0 10px; 
		position:relative;	
		font-family:"Dotum", Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#000000;
		line-height:140%;
		}
	#wrap #head #headmap  a {
		color:#888;
		text-decoration:none;
		}
	#wrap #head #headmap  a:hover {
		color:#000;
		}


	#wrap #head #logo{
		float:left;
		width:165px;
		height:60px;
		}
	#wrap #head #menu{
		position:relative;
		float:right;
		width:750px;
		height:60px;
		margin:20px 0 0 50px;
		}
	#wrap #head #menu li{
		width:130px;
		position:relative;
		float:left;
		padding:0 0 0 20px;
		color:#000;
		font-size: 18px;
		font-weight:400;
		font-family:"Ubuntu", Arial, Helvetica, sans-serif;
		text-decoration:none;
		}

	#wrap #head #menu li a:hover {
		color:#007cff;
	}

	#wrap #head #menu #drop_bg {
		width:2600px;
		height:250px;
		position:absolute;
		top:33px;
		font-size:10px;
		left:-710px;
		background:url('../img/drop_bg.gif') no-repeat;
		display:none;
	}
	#wrap #head #menu .drop_ul {
		position:absolute;
		top:20px;
		left:0;
		border-left:1px solid #f3f3f3;
		padding-right:5px;
		margin-top:10px;
		display:none;
	}
		
	#wrap #head #menu .drop_ul li {
		clear:both;
		line-height:14px;
		*line-height:19px;/* IE7*/
	}

	#wrap #head #menu .drop_ul li a {
		font-size:14px;
		letter-spacing:-0.04em;
	}

	#wrap #head #menu .drop_ul li a:hover {
		color:#007cff;
		text-decoration:underline;
	}
		
#wrap #content{
	width:100%;
	height:300px;
    background:repeat-x url(../img/contentsbg_2.png);
	/*padding-bottom:3px;*/
}
	#wrap #content #imgbox{
		width:1000px;
		height:300px;
		margin:0 auto;
	}
/*퀵메뉴 수정 */
#wrap #quickmenu1{
    width:100%;
	height:90px;
	background:url('../img/notice_wrap_bg.gif') repeat-x;
	}
#wrap #quickmenu1 #quickwrap{
    /*float:left;*/
    width:980px;
	height:90px;
	/*background:url('../img/notice_bg.gif') no-repeat;*/
	margin:0 auto;
	border:0px #ddd solid;
	padding-top:5px;
}
#wrap #quickmenu1 #quickwrap .quicktitle{
    padding-top:30px;
	float:left;
	width:155px;
	font-size:18px;
	font-family:"Ubuntu", Arial, Helvetica, sans-serif;
	font-weight:bold;
	clear:both;
	color: #201a1e;	
}
#wrap #quickmenu1 #quickwrap ul{float:center;margin-top:5px;}
#wrap #quickmenu1 #quickwrap li{float:left;
			margin:0 7px 0 0;}
/*#wrap #quickmenu1 #quickwrap .location{
			float:left;
			margin:0 7px 0 0;
			width:200px;
			border:0px #ddd solid;
			}
#wrap #quickmenu1 #quickwrap .brochure{
			float:left;
			margin:0 7px 0 0;
			width:200px;
			}
#wrap #quickmenu1 #quickwrap .QnA{
			float:left;
			width:200px;
			}*/
			
/* 기존 공지사항 */
#wrap #notice{
	width:100%;
	height:90px;
	background:url('../img/notice_wrap_bg.gif') repeat-x;
	}

#wrap #notice #noticewrap{
	width:980px;
	height:90px;
	background:url('../img/notice_bg.gif') no-repeat;
	margin:0 auto;
	}
	#wrap #notice #noticewrap .noticetitle{
		padding-top:30px;
		float:left;
		width:175px;
		font-size:18px;
		font-family:"Ubuntu", Arial, Helvetica, sans-serif;
		font-weight:bold;
		clear:both;
		}

		#wrap #notice #noticewrap .no_1{
		padding-top:10px;
		padding-left:40px;
		float:left;
		width:235px;
		height:65px;
		font-size:12px;
		font-family:"Dotum", Arial, Helvetica, sans-serif;
		}

	#wrap #notice #noticewrap .no_1 .date{
		float:right;
		width:60px;
		height:15px;
		font-size:12px;
		font-family:"Dotum", Arial, Helvetica, sans-serif;
		color: #666666;	
		}
		
	#wrap #notice #noticewrap .no_2 {
		padding-top:10px;
		padding-left:5px;
		float:left;
		width:235px;
		height:65px;
		margin:0 0 0 20px;
		font-size:12px;
		font-family:"Dotum", Arial, Helvetica, sans-serif;
		}

	#wrap #notice #noticewrap .no_2 .date{
		float:right;
		width:60px;
		height:15px;
		font-size:12px;
		font-family:"Dotum", Arial, Helvetica, sans-serif;
		color: #666666;	
		}
	#wrap #notice #noticewrap .no_3{
		padding-top:10px;
		padding-left:15px;
		float:left;
		width:235px;
		height:65px;
		margin:0 0 0 20px;
		font-size:12px;
		font-family:"Dotum", Arial, Helvetica, sans-serif;
		}

	#wrap #notice #noticewrap .no_3 .date{
		float:right;
		width:60px;
		height:15px;
		font-size:12px;
		font-family:"Dotum", Arial, Helvetica, sans-serif;
		color: #666666;	
		}
	#wrap #notice #noticewrap .not_title {
		color:#000;
	}
	#wrap #notice #noticewrap .not_text {
		padding-top:8px;
		color:#666;
	}
	
/*공지사항 수정 */
	
#wrap #contentbox{
	width:980px;
	height:180px;
	margin:0 auto;
	padding-top:34px;
	}

#wrap #contentbox #notice1{
    float:left;
	width:349px;
	height:150px;
	margin:0 auto;
	border-right:1px #ddd solid;
	font-size:18px;
	font-family:"Ubuntu", Arial, Helvetica, sans-serif;
	/*font-weight:bold;*/

}
#wrap #contentbox #notice1 h2{
    width:340px;
	height:26px;
	font-size:18px;
	font-weight:bold;
	font-family:"Ubuntu", Arial, Helvetica, sans-serif;
}
#wrap #contentbox #notice1 h2 span{
    float:right;
	font-size:12px;
	padding-top:7px;
}
#wrap #contentbox #noticewrap{
    float:left;
	width:340px;
	height:120px;
	margin:15px 0 15px 0;
}
#wrap #contentbox #noticewrap ul{}
#wrap #contentbox #noticewrap li{
    width:328px;
    height:26px;
	padding:0px 10px; 0 20px;
	background:url(/eng/asset/img/board_icon.png)  left top 7px  no-repeat;	
}
#wrap #contentbox #notice1 #noticewrap .noticetitle{
    width:349px;
	height:26px;
	font-size:18px;
	font-weight:bold;
	font-family:"Ubuntu", Arial, Helvetica, sans-serif;
	
}
#wrap #contentbox #notice1 #noticewrap .date{
    float:right;
	width:60px;
	height:25px;
	font-size:12px;
	font-family:"Dotum", Arial, Helvetica, sans-serif;
	color: #666666;	}
#wrap #contentbox #notice1 #noticewrap .not_tit{
    height:15px;
	font-size:12px;
	font-family:"Dotum", Arial, Helvetica, sans-serif;
	color: #666666;	
}
#wrap #contentbox #notice1 #noticewrap .span{
    float:right;
	font-size:12px;
}
	#wrap #contentbox #quickmenu{
		float:left;
		width:349px;
		height:150px;
		border-right:1px #ddd solid;
		font-size:18px;
		font-family:"Ubuntu", Arial, Helvetica, sans-serif;
		font-weight:bold;
		}
		#wrap #contentbox #quickmenu #quickwrap{
			float:left;
			width:349px;
			height:120px;
			margin:15px 0 15px 0;
			}
		#wrap #contentbox #quickmenu #quicklink{
			float:left;
			width:349px;
			height:105px;
			padding-top:15px;
			}
		#wrap #contentbox #quickmenu #quicklink ul {
		list-style:none;
		}
		#wrap #contentbox #quickmenu #quicklink li {
		float:left;
		}
		
		#wrap #contentbox #quickmenu #quicklink .location{
			float:left;
			margin:0 7px 0 0;
			}
		#wrap #contentbox #quickmenu #quicklink .brochure{
			float:left;
			margin:0 7px 0 0;
			}
		#wrap #contentbox #quickmenu #quicklink .QnA{
			float:left;
			}
			
		
	#wrap #contentbox #products{
		float:left;
		width:630px;
		height:160px;
		font-size:18px;
		font-family:"Ubuntu", Arial, Helvetica, sans-serif;
		font-weight:bold;
		border:0px #ddd solid;
		}
		#wrap #contentbox #products .productlink{
			float:right;
			width:50px;
			height:10px;
			margin:8px 35px 0 0; 			
			}
		#wrap #contentbox #products #productimg{
			width:630px;
			height:140px;
			float:left;
			}

		#wrap #contentbox #products #productimg .product_1{
				float:left;
				width:180px;
				height:115px;
				margin:10px 2px 0 2px;
				}
		#wrap #contentbox #products #productimg .product_2{
				float:left;
				width:180px;
				height:115px;
				margin:10px 2px 0 2px;
				}
		#wrap #contentbox #products #productimg .product_3{
				float:left;
				width:180px;
				height:115px;
				margin:10px 2px 0 2px;
				}

	
	
#wrap #bottomwrap{
	width:100%
	height:115px;
	border-top: 1px #ddd solid;	
	clear:both;
	}
	#wrap #bottom{
		width:980px;
		height:115px;
		margin:0 auto;
		padding-top:20px;
		}
		#wrap #bottom #logo_bottom{
			float:left;
			width:165px;
			height:65px;
			
			}
		#wrap #bottom #address{
			float:right;
			line-height:15px;
			width:755px;
			height:85px;
			font-size: 11px;
			font-family:"Dotum", Arial, Helvetica, sans-serif;
			color: #888888;
			}






#sub_content {
	width:100%;
	height:195px;
	clear:both;
}
#sub_content #sub_imgbox {
	width:1473px;
	height:195px;
	margin:0 auto;
}

#sub_contentbox {
	padding-top:15px;
	width:1000px;
	margin:0 auto;

}

#sub_contentbox h1 {
	font-size:25px;
	font-family:"Ubuntu", Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#sub_contentbox #sub_con_left {
	float:left;
	margin-top:33px;
	width:160px;
}



#sub_left_m {
	padding-top:50px;
	font-size:14px;
	font-family:"Ubuntu", Arial, Helvetica, sans-serif;
}

#sub_left_m li {
	padding-bottom:25px;
}

#sub_left_m a {
	color:#000;
}

#sub_left_m_p {
	padding-top:50px;
	font-size:12px;
	font-family:"Ubuntu", Arial, Helvetica, sans-serif;
}

#sub_left_m_p li {
	padding-bottom:20px;
}

#sub_left_m_p a {
	color:#000;
}


#sub_contentbox #sub_con_right {
	float:left;
	width:839px;
	min-height:480px;
	border-left:1px solid #f3f3f3;
	margin-bottom:50px;
}

#sub_contentbox #sub_con_right #sub_navi {
	width:840px;
	text-align:right;
	padding:5px 0 10px 0;
	font-size: 11px;
	font-family:"Dotum", Arial, Helvetica, sans-serif;
}

#sub_contentbox #sub_con_right #sub_detail {
	width:840px;
	margin:0 0 0 25px;
	float:left;
}
#sub_detail .sub_0101_h2 {
	padding-left:30px;
	width:365px;
	float:left;
	font-size:40px;
	font-weight:400;
	font-family:"Ubuntu", Arial, Helvetica, sans-serif;
}
#sub_detail .sub_h2 {
	padding-left:10px;
	width:800px;
	float:left;
	font-size:30px;
	font-weight:400;
	font-family:"Ubuntu", Arial, Helvetica, sans-serif;
}
#sub_detail .sub_h3 {
	padding-left:10px;
	padding-top:50px;
	width:800px;
	float:left;
	font-size:18px;
	color:#333;
	font-weight:400;
	font-family:"Ubuntu", Arial, Helvetica, sans-serif;
}

#sub_detail .sub_0101_p {
	padding-left:30px;
	padding-top:30px;
	width:360px;
	float:left;
	color:#666;
	line-height:18px;
	font-size: 12px;
	font-family:"Dotum", Arial, Helvetica, sans-serif;
}
#sub_detail .sub_pic {
	padding-top:15px;
	width:800px;
	float:left;
	text-align:center;
}
#sub_detail .sub_p {
	padding-left:30px;
	padding-top:15px;
	width:800px;
	float:left;
	color:#666;
	line-height:18px;
	font-size: 12px;
	font-family:"Dotum", Arial, Helvetica, sans-serif;
}

.on {
	color:#007cff;
	font-weight:bold;
}
#sub_detail #sitemap_unit {
	width:170px;
	float:left;
	border-top:6px solid #1579d6;
	margin-left:12px;
	padding-top:12px;
}
#sub_detail #sitemap_unit h3 {
	font-size:18px;
	color:#888;
	padding-bottom:12px;
	border-bottom:1px solid #ddd;
	font-family:"Ubuntu", Arial, Helvetica, sans-serif;
	letter-spacing:-0.02em;
}
#sub_detail #sitemap_unit	li {
	padding:8px 0;
	border-bottom:1px solid #ddd;
}
#sub_detail #sitemap_unit	li a{
	font-size:12px;
	color:#000;
}
/*테이블관련 스타일 추가*/
table.cStyle {float:left;border-top:4px solid #157AD6;border-bottom:1px solid #4c3c3d;margin:5px 0 0 0;font-size:12px;}
table.cStyle th {color:34342e;padding:5px 0 3px 5px;background:#EEEEEE;border-right:1px solid #a8a3a3;border-bottom:1px solid #c6c5cd;}
table.cStyle td {color:#4b4d55;padding:5px 5px 3px 5px;border-right:1px solid #c6c5cd;border-bottom:1px solid #c6c5cd;}

.AlignLeft {text-align:left !important;}
.AlignCenter {text-align:center !important;}
.AlignRight {text-align:right !important;}
.AlightRight {text-align:right !important;}
.ValignTop {vertical-align:top !important;}
.ValignMiddle{vertical-align:middle !important;}
.ValignBottom {vertical-align:bottom !important;}
.DisplayBlock {display:block;}
.DisplayNone {display:none;}
.FloatLeft {float:left;}
.FloatRight {float:right;}
.ClearBoth {clear:both;}
.BackgroundNone {background:none !important;}
.BorderNone {border:none !important;}
.borderRightNone { border-right:none !important;}
.borderBottomNone { border-bottom:none !important;}
.PaddingNone {padding:0 !important;}
.MarginNone {margin:0 !important;}
.MarginRightNone {margin-right:0 !important;}
.LetterSpacing01px {letter-spacing:-1px !important;}
.LetterSpacing02px {letter-spacing:-2px !important;}
.LetterSpacingNormal {letter-spacing:normal !important;}
.FontWeightNormal {font-weight:normal !important;}
.FontWeightBold {font-weight:bold !important;}

.txt_left { text-align:left; }
.txt_right { text-align:right; } 
.txt_center { text-align:center; } 
.txt_justify { text-align:justify;} 
.txt_middle { vertical-align:middle; } 
.txt_bottom { vertical-align:bottom; } 
.txt_baseline { vertical-align:baseline; }
.txt_bold {font-weight:bold;} 
.txt_normal{font-weight:normal;} 
caption {visibility:hidden;width:1px;height:0;font-size:0;line-height:0;}

.MAL5 {margin-left:5px !important;}
.MAL10 {margin-left:10px !important;}
.MAL15 {margin-left:15px !important;}
.MAL20 {margin-left:20px !important;}
.MAL25 {margin-left:25px !important;}
.MAL30 {margin-left:30px !important;}
.MAL35 {margin-left:35px !important;}
.MAL40 {margin-left:40px !important;}

.MAT5 {margin-top:5px !important;}
.MAT10 {margin-top:10px !important;}
.MAT15 {margin-top:15px !important;}
.MAT20 {margin-top:20px !important;}
.MAT25 {margin-top:25px !important;}
.MAT30 {margin-top:30px !important;}
.MAT35 {margin-top:35px !important;}
.MAT40 {margin-top:40px !important;}

.MAB30 {margin-bottom:30px !important;}
.MAB10 {margin-bottom:10px !important;}
.AlignLeft {text-align:left !important;}
.AlignCenter {text-align:center !important;}
.AlignRight {text-align:right !important;}
.ValignTop {vertical-align:top !important;}
.ValignMiddle{vertical-align:middle !important;}
.ValignBottom {vertical-align:bottom !important;}