/* CSS Document */



/*header*/
#wrap_header {width:100%; height:130px; border-bottom:1px solid #333; margin-top:30px; margin-bottom:15px; background:#fff;}
#header {width:960px; height:130px; position:relative; margin:0 auto;}
#header #logo {width:auto; height:40px; margin:0 auto;}
#header #logo a {text-decoration:none;}
#header #logo h1 {font-size:30px; font-family:"맑은 고딕", "나눔손글씨 붓"; color:#06C;}
#header #logo h2 {font-size:15px; color:#444; line-height:25px;}


#header #tnb {height: 40px;	position: absolute;	right: 0;	top: 0;}
#header #tnb .top {list-style:none; overflow:hidden; border-right:0px solid #333;}

#header #tnb .top .top_item {float:left;}
#header #tnb .top .top_item:last-child {width:68px;}
#header #tnb .top .top_item a {width:75px; height:24px; display:block;

border-left:0px solid #333; border-bottom:0px solid #333;

background:#fff;
font-size:12px; color:#333; text-align:center; text-decoration:none; line-height:24px;
}

#header #tnb .top .top_item a:hover {background:#333; color:#FC6;}

#header #gnb {width:960px; height:60px; margin:10px 0 30px 0; }
#header > #gnb > ul {overflow:hidden;}
#header > #gnb > ul > li {float:left;  }
#header > #gnb > ul > li > a {
	display:block; width:160px;  
	text-align:center; line-height:100px;
 border-bottom:0px solid #fff; 
 text-decoration:none; color:#333; font-size:18px;}
#header > #gnb > ul > li > a:hover {display:block; width:160px;  text-align:center; line-height:80px; border-bottom:3px solid #000000;  text-decoration:none; color:#333; font-size:19px;}




/*visual*/
#visual {width:100%; margin-bottom:30px; display:block; text-align:center; }

#wrap {width:960px; margin:0 auto; }
/*container*/
#wrap #container {width:960px; }

/*콘텐츠 영역*/
#container > #section {width:960px; margin-right:10px; }
#container > #section > .article {padding:15px; margin:0 0 10px 0;border:1px solid #666; }
.article .menu_img {text-align:center;}
.article .menu_img img {margin-right:15px;}

.article .sns_img {text-align:center;}
.article .sns_img img {margin-right:15px;}

/*footer*/
#wrap_footer {width:100%; height:170px; border-top:1px solid #333; padding-top:15px; background:#333; color:#CCC; clear:both;}

#footer {width:960px; height:92px; margin:0 auto;}


/*하단 메뉴*/
#footer > ul {width:960px; overflow:hidden;}
#footer > ul > li {float:left;}
#footer > ul > li > a {display:block; width:160px;
    line-height:28px; text-align:center;
	color:#ccc; text-decoration:none;
	border:0px solid #000; border-right:none; 
}
	
#footer > ul > li:last-child > a {width:160px; border-right:0px solid #000;}
#footer > ul > li > a:hover {background:#069; color:#fff; font-weight:bold;}

#footer > p {text-align:center; line-height:25px; }
#footer > ul+p {margin-top:15px;}




/*sub page*/
#wrap #sub_container {width:960px; }

#wrap #sub_visual {width:960px; height:209px; background:#F99; margin-bottom:10px;}

#sub_container #submenu {width:150px; float:left; margin-right:10px; }
#submenu .title {font-size:20px; font-weight:bold; height:70px; line-height:70px; background:#7A664D; color:#fff; text-align:center; margin-bottom:10px;}
#submenu .sm {line-height:30px; padding-left:15px; border-bottom:1px solid #7A664D;}
#submenu .sm a {text-decoration:none; font-size:13px;  color:#333; font-weight:bold; }
#submenu .sm a:hover {padding-left:20px; color:#09C;}

#sub_container #sub_section {width:759px; float:left; border-left:1px solid #333; min-height:600px; padding:0 20px 50px 20px; margin-bottom:50px;}
#sub_section .title {font-size:20px; font-weight:bold; height:70px; line-height:70px; border-bottom:1px solid #333; color:#333; margin-bottom:10px; }