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




body,input,button{font-size:14px; font-weight:300; font-family: 'Noto Sans KR' !important; }

	/*본고딕 웹폰트 가져오기 180124 morenvy.com*/
	/*Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess*/
	
	@font-face { 
	  font-family: 'Noto Sans KR'; 
	  font-style: normal; 
	  font-weight: 100; 
	  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
	      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
	      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
	} 
	@font-face { 
	  font-family: 'Noto Sans KR'; 
	  font-style: normal; 
	  font-weight: 300; 
	  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
	      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
	      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
	} 
	@font-face { 
	  font-family: 'Noto Sans KR'; 
	  font-style: normal; 
	  font-weight: 400; 
	  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
	        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
	        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
	 } 
	@font-face { 
	  font-family: 'Noto Sans KR'; 
	  font-style: normal; 
	  font-weight: 500; 
	  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
	        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
	        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
	 } 
	@font-face { 
	  font-family: 'Noto Sans KR'; 
	  font-style: normal; 
	  font-weight: 700; 
	  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
	        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
	        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
	 } 
	@font-face { 
	  font-family: 'Noto Sans KR'; 
	  font-style: normal; 
	  font-weight: 900; 
	  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
	        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
	        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
	 } 
	/*노토 웹폰트 사용 end*/	
		
	
a{text-decoration:none !important;}
ul, ol{list-style:none; padding:0;}

/*header */

#i_headerwrap{
	width:100%;
	height:207px;
	background:url(/images/headerbg.jpg) left top;

	}

#i_header{
	width:1100px;
	height:207px;
	margin:0 auto;
	position:relative;
	}

.i_hdtop_left{
	position:absolute;
	left:0;
	top:0;
	}
.i_hdtop_left li{
	float:left;
	padding-right:20px;
	font-size:13px;
	}
.i_hdtop_left li a, .i_hdtop_right li a{
	color:#444 !important;
	font-size:13px;
	}	

.i_hdtop_right{
	position:absolute;
	top:5px;
	right:0;
	}

.i_hdtop_right li{
	float:left;
	padding-left:20px;
	}
#i_logo{
	width:210px;
	height:80px;
	position:absolute;
	top:50px;
	left:0;
	}

#i_search{
	position:absolute;
	right:0px;
	top:90px;
	height:35px;
	border:1px solid #dadada;
	border-radius:20px;
	padding:0 10px;
	}


#i_gnb{
	width:1100px;
	position:absolute;
	bottom:0;
	font-size:17px;
	line-height:57px;
	}
	
#i_gnb li{
	float:left;
	padding:0 31px;
	}



#i_visu{
	width:100%;
	height:412px;
	margin-bottom:20px;
	}	

#i_svisu{
	width:100%;
	height:200px;
	margin-bottom:20px;
	}

#i_sub { width:1100px; margin:250px auto 50px; min-height:700px;overflow:hidden;}
#i_left{ width:180px; float:left; margin-right:40px;}
#i_right{width:880px; float:left; padding-top:30px;}


.i_navi { }
.i_navi ul { display:inline-block; margin:0 auto; height:40px; padding:0;}
.i_navi ul li { list-style:none; padding:0 3px; float:left; line-height:40px; font-size:15px;}

#i_tit { width:100%; text-align:center; min-height:60px; margin-bottom:20px;}

#i_txt {font-family:"Noto Sans KR", Malgun gothic, sans-serif, dotum; font-size:14px; color:#222; line-height:170%; min-height:500px; margin-bottom:80px;}

#wrapper_title{

	font-size:35px;
	text-align:center;
	color:#222;
	font-family:"Noto Sans KR";
	display:inline-block;
	font-weight:500;
	margin-top:10px;
}	
	
.left_top{width:180px; height:100px; background:url(/images/left_top.jpg) center top no-repeat; text-align:center; line-height:85px; font-size:21px; color:#344360; font-weight:400;}	
#left_menu_area{width:100%; margin:0 auto 50px;}	
	
/*top menu*/	

.leftmenu{margin:0 auto;}
.leftmenu li{float:left; width:180px; height:45px; box-sizing:border-box; text-align:center; line-height:45px; color:#444; font-size:16px; font-weight:300; border-bottom:1px solid #dadada;}
.leftmenu li:hover {background:#344360;  color:#fff;}
.leftmenu li:hover a{color:#fff;}

.leftmenu .lion {background:#344360; color:#fff; width:180px; height:45px; display:block;}	
	
	



#i_container{
	width:1100px;
	min-height:800px;
	margin:0 auto;
	}
	
.i_con01{
	width:1100px;
	min-height:500px;
	margin-bottom:30px;
	}

.i_titbar{
	width:1100px;
	margin-bottom:50px;
	text-align:center;
	}
.i_titbar h3{
	font-size:30px;
	color:#222;
	font-weight:bold;
	}
.i_titbar .i_bar{
	width:150px;
	height:2px;
	background:#999;
	margin:10px auto 0px;
	}		
	

.i_banner{
	width:1100px;
	margin:20px 0;
	}

	
	
	/*foobanner*/
.i_foobanner{
	width:100%;
	height:390px;
	background:url(/images/foobanner_bg.jpg) center top no-repeat;
	text-align:center;
	margin-top:80px;
	}		
	
	
	
	
	/*footer*/
.i_fooul{
	width:1100px;
	height:40px;
	margin:0 auto;
	}
.i_fooul li{	
	float:left;
	padding-right:20px;
	font-size:14px;
	color:#222;
	line-height:40px;
	}	
	
#i_foowrap{
	width:100%;
	height:125px;
	background:#444;
	}	
.i_foo{
	width:1100px;
	margin:0 auto;
	padding-top:20px;
	}	
.i_foo > a{
	float:left;
	margin-right:30px;
	}	
.i_foo > .i_foop{
	flaot:left;
	margin-top:5px;
	}

.i_foo > .i_foop li{
	color:#f1f1f1; 
	line-height:25px;
	font-size:14px;
	}
.i_foo > .i_foop li a{
	color:#ccc !important;
	}
	
	
	/*location*/

#i_loca{position:relative; top:50px; }
.i_locabg{width:400px; height:480px; position:absolute; top:10px; right:20px; background:url(/images/locabg.png) center top no-repeat; color:#fff; z-index:999;} 
.locaul {margin-top:50px;overflow:hidden;}
.locaul li {margin:10px 0; width:360px; float:left;font-size:15px;}
.locaul li span{line-height:50px; margin-left:20px; }