@charset "utf-8";
/* CSS Document */
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

/*reset*/
*{margin:0; padding:0; outline:none;}
ul,ol,dl{list-style:none;}
a{text-decoration:none; color:#333;}
a img{border:none;}

/*common*/
body {background:url(../images/portal/main_bg.jpg) no-repeat; background-position:center 0; font-family: 'Nanum Gothic'; line-height:1.2em;}

#header {width:1200px; height:100px; position:relative; margin:0 auto; text-align:center;}
	#header .logo img {width:200px; margin-top:60px;}

#wrapper {width:1200px; height:970px; position:relative; margin:0 auto; position:relative;}	
	#wrapper h2 {margin:100px 0 30px 0; color:#fff; font-size:48px;}
	#wrapper p {color:#fff; font-size:28px; line-height:1.2em;}
	
	#wrapper .search{width:380px; height:150px; top: 0px; right:0px; position:absolute;}
	#wrapper #search_area {width:370px; height:42px; background:rgba(255,255,255,0.2); border-radius:0; color:#fff;border:1px solid #fff; border-radius:20px; margin:0 0 20px 0; padding:0px 20px; font-weight:normal;}
	#wrapper .search ul.nav {width:370px; height:90px; float:left; padding:0 0 0 20px;}
	#wrapper .search ul.nav li{float:left;}
	#wrapper .search ul.nav li a{border-bottom:#fff 1px solid; color:#fff; margin-right:20px}
	
	#wrapper ul.category {width:810px; height:302px; margin:80px auto 20px auto;}
	#wrapper ul.category li {float:left; width:248px; height:302px;margin:0 33px 0 0; position:relative; text-align:center;}
	#wrapper ul.category li:last-child {margin:0 0 0 0;}
	#wrapper ul.category li img{width:248px;}
	#wrapper ul.category li p{ width:248px; font-size:28px;position:absolute; bottom:35px; text-align:center; line-height:1.1em;}
	#wrapper ul.category li p a{ color:#fff; font-weight:bold;}
	#wrapper ul.category li span{font-size:18px; color:#fff;}
	
	#wrapper .board {width:810px; height:300px; margin:60px auto 50px auto; background:#fff; border-radius:5px; border:#E6E7E8 1px solid;}
	#wrapper .board h3 {font-size:17px; font-weight:bold; padding:29px 0 23px 0; margin:0 30px 22px 30px; position:relative; border-bottom:#E6E7E8 1px solid;}
	#wrapper .board h3 a {color:#999;}	
	#wrapper .board h3 img{position:absolute; top:23px; right:0; width:29px;}
	#wrapper .board h3 span {position:absolute; top:23px; right:58px; background:#29ABE2; padding:5px 20px; color:#fff; font-size:14px; border-radius:5px; font-weight:normal;}
	#wrapper .board ul.board_list li{width:750px; font-size:14px; padding:0px 30px 18px 30px; position:relative; }
	#wrapper .board ul.board_list li:ntn-child(odd) {background:#E6E7E8;}	
	#wrapper .board ul.board_list li a {color:#666;}
	#wrapper .board ul.board_list li span.writer {position:absolute; top:2px; right:160px;}
	#wrapper .board ul.board_list li span {position:absolute; top:2px; right:30px;}
		
	
/* Footer */
#footer_wrapper {width:100%; background:#EBEFF2; padding:50px 0;}
#footer_top {width:1200px; margin:0 auto; border-bottom:1px #ccc solid;}
	#footer_top ul {display:inline-block; margin:0 0 0.5em 0;}
	#footer_top ul li {float:left; padding:0 1.5em 0.4em 0;}
	
#footer {width:1200px; margin:0 auto; position:relative;}
	#footer a {color: inherit;}
	#footer ul {display:inline-block; width:700px; padding:30px 0 0 0;}
	#footer ul li {float:left; padding:5px 0;}
	#footer p{margin:20px 0 0 0;}