@charset "utf-8";
@import url('base.css');

/****************** Layout CSS ********************/

/* 전체 layout */
html {
	width:100%;
	min-height:100%;
}
body {
	width:100%;
	min-height:100%;
}
#wrapper {
	position:relative;
	width:100%;
	min-width:980px;
	min-height:100%;
	margin:0 auto;
}
body#mainPage {
	background:url(../images/common/k_body.gif) repeat-x left top;
}
body#subPage {
	background:url(../images/common/k_body.gif) repeat-x left top;
}

/* header */
#header {
	position:relative;
	width:980px;
	height:98px;
	text-align:left;
	margin:0 auto;
}
#header h1 {
	position:absolute;
	top:18px;
	z-index:100;
}
#accessibilityMenu {
	position:absolute;
	top:-9999px;
	left:-9999px;
	z-index:-1;
	visibility:hidden;
}

/* search */
#topService {
	clear:both;
	overflow:hidden;
	width:100%;
	padding:7px 0 12px 0;
}
#topService h2 {
	position:absolute;
	top:-9999px;
	left:-9999px;
	z-index:-1;
	visibility:hidden;
}
#topService #searchAreas {
	float:right;
	overflow:hidden;
	display:inline;
	width:auto;	
}
#siteMenu {
	float:left;
	overflow:hidden;
	font-size:0;
}
#siteMenu ul {
	display:inline;
	margin-top:5px;
	width:auto;
	float:left;
}
#siteMenu ul li {
	float:left;
}
#siteMenu ul li span {
	padding:0 8px;
}

/* Top Menu */
#gnb {
	clear:both;
	position:relative;
	width:980px;
	height:59px;
	margin:0 auto;
	z-index:10;
}
#gnb h2 {
	position:absolute;
	top:-9999px;
	left:-9999px;
	z-index:-1;
	visibility:hidden;
}

#gnb ul#topmenu {
	padding:0;
	margin-left:282px;
	text-align:center;
}
ul#topmenu a {
	display:block;
}
#topmenu li {
	float:left;
	padding:0;
	text-align:center;
}
#topmenu li a {
	padding-bottom:15px;
}
#topmenu li ul {
	position:absolute;
	top:30px;
	display:none;
}
#topmenu li ul li {
	float:left;
	padding:0;
	margin:0;
}
#topmenu li ul li a {
	display:block;
	padding:11px 8px 5px 8px;
	margin:0;
	color:#787777;
	background:url(../images/common/topsub_icon.gif) no-repeat 0 12px;
}
#topmenu li ul li a:hover {
	padding:11px 8px 5px 8px;
	color:#00afc2;
	background:url(../images/common/topsub_icon.gif) no-repeat 0 12px;
}
#topmenu li.menu1 {
	width:144px;
	background:url(../images/menu/m_gnb_bar.gif) no-repeat right top;
}
#topmenu li.menu2 {
	width:163px;
	background:url(../images/menu/m_gnb_bar.gif) no-repeat right top;
}
#topmenu li.menu3 {
	width:185px;
	background:url(../images/menu/m_gnb_bar.gif) no-repeat right top;
}
#topmenu li.menu4 {
	width:198px;
	background:none;
}
#topmenu li.menu1 ul {
	left:276px;
	width:500px;
}
/*#topmenu li.menu2 ul {
	left:275px;
	width:500px;
}
#topmenu li.menu3 ul {
	left:274px;
	width:596px;
}
#topmenu li.menu4 ul {
	left:582px;
	width:180px;
}*/

/* container */
#container {
	width:980px;
	margin:0 auto;
}
#container:after {
	content:" ";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

/* footer */
#footer	{
	position:relative;
	overflow:hidden;
	width:980px;
	margin:0 auto;
	margin-bottom:35px;
}
#footer .link {
	float:left;
	width:978px;
	height:28px;
	padding-left:2px;
	background-color:#ececec;
}
#footer	.siteLink {
	float:left;
	width:860px;
	height:22px;
	margin-top:3px;
	background-color:#fff;
	font-size:11px
}
#footer	.siteLink h2 {
	float:left;
	margin-right:15px;
}
#footer	.siteLink ul li {
	float:left;
	margin-top:5px;
}
#footer	.siteLink ul li span {
	padding:0 11px;
}

#footer .siteInfo {
	float:right;
	width:260px;
}
#footer .siteInfo h2 {
	position:absolute;
	top:-9999px;
	left:-9999px;
	z-index:-1;
	visibility:hidden;
}
#footer .siteInfo ul {
	margin-top:8px;
}
#footer .siteInfo li.address {
	float:left;
}
#footer .siteInfo li.copyright {
	float:left;
	margin-top:4px;
}

/* sub_footer */
#sub_footer	{
	position:relative;
	overflow:hidden;
	width:100%;
	margin-bottom:35px;
	background:url(../images/common/k_footer.gif) repeat-x left top;
}
#sub_footer .link {
	width:978px;
	height:28px;
	padding-left:2px;
	margin:0 auto;
	text-align:left;
}
#sub_footer	.siteLink {
	float:left;
	width:860px;
	height:22px;
	margin-top:3px;
	background-color:#fff;
}
#sub_footer	.siteLink h2 {
	float:left;
	margin-right:15px;
}
#sub_footer	.siteLink ul li {
	float:left;
	margin-top:5px;
}
#sub_footer	.siteLink ul li span {
	padding:0 11px;
}

#sub_footer .info {
	overflow:hidden;
	width:980px;
	margin:0 auto;
	text-align:left;
}
#sub_footer .siteInfo {
	float:right;
	width:260px;
	font-size:0;
}
#sub_footer .siteInfo h2 {
	position:absolute;
	top:-9999px;
	left:-9999px;
	z-index:-1;
	visibility:hidden;
}
#sub_footer .siteInfo ul {
	margin-top:8px;
}
#sub_footer .siteInfo li.address {
	float:left;
}
#sub_footer .siteInfo li.copyright {
	float:left;
	margin-top:4px;
}