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


*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body { font-family:'Noto Sans KR', Malgun gothic, sans-serif, dotum; } 


	/*본고딕 웹폰트 가져오기 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*/	


#header {background:url(/images/lnb_bg.jpg) center center; }

#i_visual { width:100%; height:670px; margin:0 auto; z-index:-999; margin-bottom:100px; }
.langue{ width:1200px; margin:0 auto; position:absolute; right:0;  }
.langue_ul{ position:absolute; right:0; }
.langue_ul > li{ float:left; padding:0px 13px; text-decoration:none; }
.langue_ul > li:last-child{ padding-right:0; }
.langue_ul > li > a{ color:#fff; font-size:13px; line-height:35px; text-decoration:none; }

/*.i_visu_text_wrap{ width:1200px; margin:0 auto; position:relative; z-index:999; }
.i_visu_text{ width:400px; height:500px; clear:both; position:absolute; top:150px; }
.i_visu_text > h1{ font-size:55px; font-weight:blod; line-height:65px; letter-spacing:-1px; color:#333; } 
.i_visu_text > img{ width:230px; height:50px; margin:10px 0; }
.i_visu_text > p{ color:#bbb; font-size:30px; font-weight:400; line-height:30px; margin-bottom:50px; }
.i_visu_text > h4{ width:200px; height:50px; line-height:50px; color:#fff; font-weight:400; text-align:center; background-color:#7796BF; }
.i_visu_text > h4 > a{ font-size:20px; color:#fff; line-height:50px; }*/

/*contents*/
#i_con01{ width:1200px; height:750px; margin:0 auto; clear:both; padding-bottom:70px; }
.i_con01_01{ width:1200px; height:350px; margin:0 auto; background:url(/images/con1_01.jpg) center center no-repeat; }
.i_con01_02{ width:1200px; height:350px; margin:0 auto; background:url(/images/con1_02.jpg) center center no-repeat; }
.i_con01_text{ width:430px; height:350px; float:left; }
.i_con01_text > h3{ color:#005389; font-size:35px; line-height:40px; font-weight:600; }
.i_con01_text > img{ width:230px; height:50px; display:block; margin:10px 0; }
.i_con01_text > p{ color:#005389; font-size:18px; line-height:25px; }
.i_con01_text > h4{ border:1px solid #ccc; padding:8px 13px; font-size:16px; text-align:center; color:#444; display:block; width:150px; margin-top:20px; }
.i_con01_text > h4 > a{ color:#444; display:block; font-weight:300; }

.i_con02_bg{ width:100%; margin:0 auto; height:430px; background:url(/images/con2_bg.jpg) center center no-repeat; clear:both; z-index:-999; }
#i_con02{ width:1200px; margin:0 auto; position:relative; }
.i_con02_01box{ width:600px; float:left; height:240px; position:absolute; top:-150px; background-color:#fff; padding:20px 0 0 25px; clear:both; }
.i_con02_01box > img{ width:230px; height:50px; display:block; margin-bottom:15px; }
.i_con02_01box > p{ color:#555; font-size:16px; line-height:23px; }
.i_con02_01box > h4{ color:#F00; font-size:16px; margin-top:15px; }
.i_con02_01box > h4 > a{ color:#F00; display:block; }

.i_con02_02box{ width:600px; float:right; height:240px; position:absolute; top:-150px; right:0; background-color:#fff; padding:20px 0 0 25px; clear:both; }
.i_con02_02box > img{ width:230px; height:50px; display:block; margin-bottom:15px; }
.i_con02_02box > p{ color:#555; font-size:16px; line-height:23px; }
.i_con02_02box > h4{ color:#F00; font-size:16px; margin-top:15px; }
.i_con02_02box > h4 > a{ color:#F00; display:block; }

#i_con03{ width:1200px; margin:0 auto; height:230px; clear:both; position:relative; margin-top:140px; }
.i_notice{ width:360px; float:left; margin-right:40px; }
.i_notice > h3{ color:#005389; font-size:18px; font-weight:600; line-height:25px; }
.i_no_line{ width:360px; border-bottom:1px solid #ccc; padding-top:10px; }
.i_notice > p{ color:#ccc; font-size:16px; float:right; position:relative; top:-20px; }

.i_in_icon{ width:420px; float:left; }
.i_in_icon_ul > li{ width:139px; float:left; display:block; color:#444; font-size:17px; font-weight:400; text-align:center; border-right:1px solid #ddd; }
.i_in_icon_ul > li:last-child{ border-right:0; }
.i_in_icon_ul > li > a > img{ display:block !important; margin:0 auto; padding-bottom:30px; }


.i_customer{ width:340px; float:right; }
.i_customer > h3{ color:#005389; font-size:18px; font-weight:600; line-height:25px; }
.i_cus_line{ width:340px; border-bottom:1px solid #ccc; padding-top:10px; margin-bottom:10px; }
.i_customer > h1{ color:#333; font-size:25px; font-weight:500; line-height:35px; }
.i_customer > p{ color:#777; font-size:16px; line-height:24px; letter-spacing:-1px; }
.i_customer > h4{ width:340px; height:35px; color:#fff; text-align:center; line-height:35px; background-color:#333; font-size:16px; margin-top:5px; }
.i_customer > h4 > a{ color:#fff; }

/*footer*/
.i_foo_top{ width:100%; height:51px; background-color:#fafafa; border-top:1px solid #ccc; clear:both; }
.i_foo_top > ul{ width:1200px; margin:0 auto; }
.i_foo_top > ul > li{ float:left; }

#i_footer{ width:100%; height:150px; margin:0 auto; background-color:#3a3b3b; }
.i_foo{ width:1200px; margin:0 auto; padding:20px 0; }
.i_foo > img{ float:left; display:block; }
.i_foo > ul{ float:left; display:block; margin:10px 0 0 25px; }
.i_foo > ul > li{ color:#fff; font-size:16px; line-height:25px; }
.i_foo > ul > li:last-child{ color:#868788; }
.i_foo > ul > li > a{ color:#868788; }

/*leftmenu*/
#left_menu_area{
	width:1200px;
	text-align:center;
	margin:0 auto;
	margin-bottom:60px;
	
	}

/************************menu*********************************/
	
.i_smenu{text-align:center; width:100%;}

.leftmenu { margin:0 auto; padding:0; overflow:hidden; display:inline-block;  text-align:center; margin-top:50px;}
.leftmenu li {
	list-style:none; 
	float:left; 
	min-width:237px; 
	text-align:center; 
	height:45px; 
	border:1px solid #fff; 
	margin:0 1px; 
	display:block;color: 
	inherit;position: 
	relative;z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	background: #555;
	color: #555;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
	}
.leftmenu li:focus{
	outline: none;
	background: #fff;
	color: #555;
	}
	
.leftmenu > span {
	vertical-align: middle;
}


.leftmenu li a {
	display:inline-block; 
	width:100%; 
	height:100%; 
	line-height:40px; 
	font-size:15px; 
	color:#fff;
	font-weight:400;
	}

.leftmenu li:hover{ transition:.3s all ease-in;
					-webkit-transition:.3s all ease-in;
					-moz-transition:.3s all ease-in;
					-ms-transition:.3s all ease-in;
					-o-transition:.3s all ease-in;
					background: #fff;
					color: #555;
					}
.leftmenu li:hover a{
	color: #555;
	}
.leftmenu .lion {
	background: #fff;
	color: #555;
	border:1px solid #555;
	font-weight:400;
	
	}
.leftmenu .lion a { color:#fff !important;}				
.leftmenu li::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #555;
	z-index: -1;
	border-radius: inherit;
	opacity: 0;
	-webkit-transform: scale3d(0.6, 0.6, 1);
	transform: scale3d(0.6, 0.6, 1);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}	

.leftmenu li:hover::before{
	border-color: #555;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	opacity: 1;
	color:#555;
	}



/*************************************************************/

/*spec_style*/
.i_spectable{
	width:100%;
	margin:0 auto;
	border:1px solid #ddd;
	border-right:0;
	/*border-top:3px solid #555;*/
	}
.i_spectable tr{
	height:50px;
	}
.i_spectable th{
	border-right:1px solid #ddd;
	text-align:center;
	background-color:#f2f2f2;
	border-bottom:1px solid #ddd;
	font-size:16px;
	line-height:50px;
	color:#333;
	font-weight:400;
	}
.i_spectable th:last-child{
	border-right:1px solid #ddd !important;
	}
.i_spectable td{
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	text-align:center;
	line-height:50px;
	color:#444;
	font-size:16px;
	font-weight:300;
	}
.i_bth{
	color:#333;
	font-size:16px;
	}
.i_stable_no{
	border-bottom:0;
	}

/**********************************************/

.content{ height:160px !important; }
#i_pagetit { width:1200px; height:160px; line-height:160px; text-align:center; margin:0 auto 30px; color:#fff !important; font-size:35px; font-family:'Noto Sans KR', Malgun gothic, sans-serif, dotum}

#i_pagetit .titbar { display:block; width:100px; height:3px; background:#728DC2; margin:10px 0;}
#i_pagetit .titment { color:#677485; font-size:18px;}

#i_svisu { z-index:-999; position:absolute; top:140px; width:100%; height:160px;}
#pagenavi { overflow:hidden; width:100%; margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #dadada;}
#pagenavi ul {font-family:'Noto Sans KR', Malgun gothic, sans-serif, dotum; margin:0; padding:0;}
#pagenavi ul li { float:left; list-style:none;}
#pagenavi ul .navihome { color:#777; background:url(/images/homeico.gif) 0px 3px no-repeat; padding:0 3px 0 20px;}
#pagenavi ul .navimenu { color:#888;}
.srch_result { width:100%; margin-bottom:20px; text-align:right; font-size:20px;font-family:'Noto Sans KR', Malgun gothic, sans-serif, dotum;}

#i_sub { width:1200px; margin:0 auto; min-height:700px; line-height:180%; text-align:justify; overflow:hidden;}
#i_sub .normaltxt { margin-bottom:15px; font-size:16px;}
#i_sub2 { margin-bottom:80px;}

.name { float:right; margin-top:40px;}


/*greeting*/
.i_sub_tit{ width:1200px; clear:both; margin:70px 0 30px; }
.i_sub_tit > h1{ color:#005B93; font-weight:300; font-size:35px; line-height:50px; }

.i_greeting01_ul{ width:1200px; height:450px; margin-bottom:40px; }
.i_greeting01_ul > li{ width:550px; float:left; height:450px; margin-right:100px; display:block; color:#444; font-size:17px; line-height:50px; font-weight:300;  }
.i_greeting01_ul > li:last-child{ margin-right:0; }
.i_greeting01_ul > li > img{ width:550px; height:400px; display:block; }
.i_greet_line{ width:1200px; margin:0 auto; border-bottom:1px solid #ccc; margin-bottom:40px;  }

.i_greeting01{ width:1200px; margin:0 auto; clear:both; }
.i_greeting01> h3{ color:#333; font-size:20px; line-height:36px; font-weight:400;  }
.i_greeting01> p{ color:#333; font-size:17px; line-height:24px; font-weight:300; margin-bottom:30px; }
.i_greeting01 > ul > li{ color:#333; font-size:17px; line-height:24px; font-weight:300; list-style:disc; margin-left:15px; }

#container_title{ display:none !important; }