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


body{background:#fff;}
body,h1,h2,h3,h4,input,button{font-size:15px; font-weight:300; font-family: 'Noto Sans KR'; margin:0; padding:0; }

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


@import url(‘//cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css’); /*나눔스퀘어라운드 웹폰트*/


/* 나눔스퀘어라운드 웹폰트 v1.11  https://github.com/innks/NanumSquareRound */
@font-face{
	font-family:NanumSquareRound;
	font-style:normal;
	font-weight:300;
	src:local("NanumSquareRoundL"),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundL.eot),url(NanumSquareRoundL.eot?#iefix) format("embedded-opentype"),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundL.woff2) format("woff2"),url(NanumSquareRoundL.woff) format("woff"),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundL.ttf) format("truetype")
	}
@font-face{
	font-family:NanumSquareRound;
	font-style:normal;
	font-weight:400;
	src:local("NanumSquareRoundR"),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundR.eot),url(NanumSquareRoundR.eot?#iefix) format("embedded-opentype"),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundR.woff2) format("woff2"),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundR.woff) format("woff"),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundR.ttf) format("truetype")
	}
@font-face{
	font-family:NanumSquareRound;
	font-style:normal;
	font-weight:700;
	src:local("NanumSquareRoundB"),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundB.eot),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundB.eot?#iefix) format("embedded-opentype"),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundB.woff2) format("woff2"),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundB.woff) format("woff"),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundB.ttf) format("truetype")
		}
@font-face{
	font-family:NanumSquareRound;
	font-style:normal;
	font-weight:800;
	src:local("NanumSquareRoundEB"),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundEB.eot),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundEB.eot?#iefix) format("embedded-opentype"),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundEB.woff2) format("woff2"),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundEB.woff) format("woff"),
		url(//cdn.rawgit.com/innks/NanumSquareRound/master/NanumSquareRoundEB.ttf) format("truetype")
	}

/*나눔스퀘어라운드 웹폰트*/

ul,li,ol{
	list-style:none;
	margin:0;
	padding:0;
	}

a{
	text-decoration:none;
	}
a:hover{
	text-decoration:none;
	}	

#i_header{
	width:1200px;
	height:120px;
	margin:0 auto;
	position:relative;
	}
#i_logo{
	position:absolute;
	top:37px;
	left:0;
	}
#i_lnb{
	position:absolute;
	top:5px;
	right:0;
	}
#i_lnb li{
	float:left;
	}	
#i_lnb li a{
	font-size:13px;
	line-height:20px;
	color:#666;
	}

#i_gnb{
	position:absolute;
	bottom:0px;
	right:157px;
	}
				
/*세로떨어지는메뉴*/
.top_nav{
	widt h:800px;
	height:40px;
	margin:0 auto;
	z-index:10;

}

.top_nav ul{
	padding:0;
	margin:0;
	list-style:none;
}

.top_nav .menu > li{
	float:left;
	position:relative;
	padding:0;
	margin:0;
	width:180px;
	height:50px;
	text-align:center;
}
.top_nav .menu > li > a{
	font-size:20px;
	color:#222;
	font-weight:500;
	}
.sub1 { display:none; position:absolute; left:0; top:100%; width:180px; background:#fff; z-index:99; padding:0;}
.sub2 { display:none; position:absolute; left:0; top:100%; width:180px; background:#fff; z-index:99; padding:0;}
.sub3 { display:none; position:absolute; right:0; top:100%; width:180px; background:#fff; z-index:99; padding:0;}
.sub4 { display:none; position:absolute; left:0; top:100%; width:180px; background:#fff; z-index:99; padding:0;}


.menu>li ul li a{   /*서브하이퍼링크*/
	display:block;
	color:#000;
	font-size:16px;
	font-family:"Noto Sans KR", Malgun gothic, sans-serif, dotum;
	padding:5px 5px 8px 5px;
	text-align:center;
}
.menu>li ul li a{   /*서브하이퍼링크*/
	display:block;
	color:#000;
	font-size:16px;
	font-family:"Noto Sans KR", Malgun gothic, sans-serif, dotum;
	padding:5px 5px 12px 5px;
	text-align:center;
}
.menu>li ul li a:hover{   /*서브하이퍼링크오버*/
	color:#fff;
	background:#3d5ea5;
	text-decoration:none;
}

<!-- --------------------------------------------  -->

#i_huwon{
	position:absolute;
	top:30px;
	right:0;
	}
#i_huwon a{
	color:#fff;
	background:#3d5ea5;
	width:145px;
	height:100px;
	line-height:100px;
	text-align:center;
	font-size:18px;
	display:block;
	position:absolute;
	top:40px;
	right:0;
	}	


#i_visu{
	width:100%;
	height:710px;
	position:absolute;
	top:120px;
	z-index:-9999;
	}

.visubox{
	width:100%;
	height:710px;
	margin-bottom:20px;
	}

#i_container01{
	width:1200px;
	min-height:400px;
	margin:0 auto;
	}
	
.con01{
	width:100%;
	height:400px;
	margin:60px 0px 40px;
	}
.con01:after{
	content:"";
	display:block;
	clear:both;
	}
.con01_left{
	width:600px;
	float:left;
	}	
.con01_left h2{
	font-size:48px;
	color:#3d5ea5;
	font-weight:500;
	line-height:53px;
	margin-bottom:30px;
	}
.con01_left h3{
	font-size:36px;
	color:#222;
	font-weight:bold;
	margin-bottom:10px;
	}
.con01_left p{
	color:#666;
	font-size:18px;
	line-height:24px;
	}
.i_btn{
	background:#18ccb1;
	text-align:center;
	width:170px;
	height:40px;
	display:block;
	margin-top:40px;
	line-height:40px;
	color:#fff !important;
	font-size:18px;
	}		
.con01_right{
	width:525px;
	float:right;
	text-align:right;
	}
	
#i_container02{
	width:100%;
	min-height:500px;
	background:#f4f5f5;
	padding-top:60px;
	}	
.i_con02{
	width:1200px;
	margin:0 auto;
	}
.i_con02:after{
	content:"";
	display:block;
	clear:both;
	}	
.i_con02 dl{
	width:385px;
	float:left;
	margin-right:22px;
	position:relative;
	overflow:hidden;
	}	
.i_con02 dl a{
	 position: absolute;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	}	
.i_con02 dl:last-child{
	margin-right:0;
	}	
	
.i_con02 dl dt img{
	transition:all .3s;
	}	
.i_con02 dl:hover dt img{
	transform:scale(1.1);
	}	
.i_con02 dl dd{
	position:absolute;
	bottom:0;
	height:130px;
	width:385px;
	text-align:center;
	color:#fff;
	margin:0;
	padding-top:20px;
	}	
.i_con02 dl dd h3{
	font-size:30px;
	font-weight:500;
	margin-bottom:10px;
	}	
.i_con02 dl dd p{
	font-size:16px;
	line-height:22px;
	}		

.latest_box{
	width:1200px;
	margin-top:70px;
	}
.latest_box:after{
	content:"";
	display:block;
	clear:both;
	}	
.i_gall{
	width:670px;
	height:520px;
	border:1px solid #ddd;
	float:left;
	margin-right:30px;
	padding:20px;
	box-sizing:border-box;
	}	
.i_notibox{
	width:500px;
	height:520px;
	float:left;
	}	
.latest_tit{
	width:100%;
	height:40px;
	margin-bottom:10px;
	}
.latest_h3{
	font-size:30px;
	color:#222;
	font-weight:500;
	}
.latest_p{
	font-size:14px;
	color:#888;
	float:right;
	margin-top:-25px;
	}
.latest_p a{
	color:#888;
	}			
.i_noti{
	width:500px;
	height:270px;
	box-sizing:border-box;
	border:1px solid #ddd;
	margin-bottom:30px;
	padding:20px;
	}	
.i_call{
	width:500px;
	height:220px;
	background:url(/images/call_bg.jpg) center top no-repeat;
	text-align:right;
	padding-top:20px;
	}
.i_call h4{
	font-size:24px;
	color:#f8c233;
	margin-right:20px;
	margin-top:20px;
	}
.i_call h2{
	font-size:40px;
	font-weight:500;
	color:#fff;
	margin-right:20px;
	}				
.i_call p{
	font-size:25px;
	color:#fff;
	line-height:28px;
	margin-right:20px;
	}	
	
footer{
	width:100%;
	height:180px;
	background:#0a1f4d;
	margin-top:50px;
	padding-top:40px;
	}
.i_foo{
	width:1200px;
	margin:0 auto;
	text-align:center;
	}	
.i_foo h4{
	color:#f8c233;
	font-size:20px;
	margin-bottom:20px;
	}	
.i_foo h3{
	color:#fff;
	font-size:26px;
	margin-bottom:5px;
	}	
.i_foo h3 span{
	font-weight:bold;
	}	
.i_foo p{
	font-size:14px;
	color:#fff;
	line-height:25px;
	}	
.i_foo p a{
	color:#eee;
	}
	
#svisu{
	width:100%;
	height:250px;
	text-align:center;
	}			
#svisu h4{
	font-size:35px;
	color:#fff;
	font-weight:600;
	padding-top:100px;
	text-shadow:2px 2px 3px #222;
	}	
		
 #i_topmenu{
	width:1200px;
	height:50px;
	margin:0px auto 10px;
	margin-top:-50px;
	background:#fff;
	text-align:center;
	}	

/*top menu*/	



.leftmenu{ margin:0 auto; padding:0; overflow:hidden; display:inline-block;  text-align:center;}
.leftmenu li{float:left; width:200px; height:50px; box-sizing:border-box; text-align:center; line-height:50px; color:#555 !important; font-size:17px; font-weight:400; display:inline-block; border:1px solid #ddd; margin-left:-1px;}
.leftmenu li:first-child{margin-left:0;}

.leftmenu li a{color:#555 !important;}
.leftmenu li:hover {color:#fff !important; background:#3d5ea5;}
.leftmenu li:hover a{color:#fff !important;}
.leftmenu .lion {color:#fff !important; width:200px; height:50px; display:block; box-sizing:border-box; background:#3d5ea5;}	
		
.leftmenu li:nth-child(1),.leftmenu li:nth-child(7),.leftmenu li:nth-child(13){bord er-left:1px solid #ddd; }
	

#i_scontainer{
	width:1200px;
	min-height:1000px;
	margin:0 auto;
	}

.main_tit{
	width:100%;
	min-height:100px;
	margin-bottom:40px;
	text-align:center;
	}
	
.bullet_bg{
	width:1200px;
	height:100px;
	background:url(/images/bullet_bg.jpg) center top no-repeat;
	}	
		
.main_tit h3{
	font-size:40px;
	color:#555;
	font-weight:700;
	margin:0;
	}	


.greet_bg{
	width:100%;
	height:700px;
	background:url(/images/greet_bg.jpg) center top no-repeat;
	}
.greet_box{
	width:555px;
	}	
.greet_box h3{
	font-size:25px;
	color:#3d5ea5;
	font-weight:500;
	margin-bottom:20px;
	}
.greet_box p{
	font-size:18px;
	color:#444;
	line-height:28px;
	margin-bottom:20px;
	}		
.greet_box p:last-child{
	margin-top:40px;
	}		


.i_pose{
	width:100%;
	height:650px;
	background:url(/images/pose.jpg) left center no-repeat;
	}
	
.pose_box{
	width:500px;
	margin-left:700px;
	padding-top:165px;
	}
.pose_box p{
	font-size:19px;
	color:#555;
	line-height:40px;
	work-break:keep-all;
	font-weight:400;
	text-align:justify;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	padding:40px 0;
	}	
	

	
.busi_ul{
	width:100%;
	min-height:500px;
	margin-bottom:30px;
	}
.busi_ul:after{
	content:"";
	display:block;
	clear:both;
	}
.busi_ul > li{
	width:580px;
	min-height:300px;
	margin-bottom:50px;
	margin-right:40px;
	float:left;
	}
.busi_ul > li:nth-child(even){
	margin-right:0;
	}	
.busi_ul > li > img{
	margin-bottom:10px;
	}	
.busi_conbox{
	width:100%;
	}	
.busi_conbox h5{
	font-size:25px;
	font-weight:700;
	color:#555;
	line-height:45px;
	margin:0;
	}
.busi_conbox p{
	font-size:18px;
	line-height:22px;
	color:#555;
	word-break:keep-all;
	}
.busi_img {
	width:580px;
	height:350px;
	overflow:hidden;
	}		
.busi_img img{
	transition:all .5s;
	}
.busi_ul > li:hover .busi_img img{
	transform:scale(1.1);
	}	
			
.donation{
	width:100%;
	margin-top:50px;
	}
.donation:after{
	content:"";
	display:block;
	clear:both;
	}
.donation li{
	width:600px;
	float:left;
	text-align:center;
	}
.donation li h3{
	font-size:25px;
	font-weight:700;
	color:#555;
	line-height:45px;
	}			
.donation li p{
	font-size:18px;
	line-height:25px;
	color:#555;
	word-break:keep-all;
	}	
.dona_btn{
	padding:10px 60px;
	background:#333;
	color:#fff !important;
	display:inline-block;
	font-size:20px;
	border-radius:5px;
	margin-top:100px;
	}