@charset "utf-8";
html, body {
    height: 100%;
}

/*layout*/
#wrap {
	width: 100%; min-width: 320px; min-height: 100%; height: auto !important; margin: 0px auto -130px;
}
#header {
	margin: 0px; padding: 0px; width: 100%; height: 50px;
}
#main_menu {
	margin: 0px; padding: 0px; width: 100%; height: 35px; background-color: #555555; overflow: hidden;
}
#sub_menu {
	margin: 0px; padding: 0px; width: 100%; height: 28px; background-color: #dadada; overflow: hidden;
}
#sub_menu2 {
	margin: 0px; padding: 0px; width: 100%; height: 28px; background-color: #dadada; overflow: hidden;
}
#container {
	margin: 0px; padding: 0px 0px 130px 0px; width: 100%;
}
#footer-wrapper {
	margin: 25px 0px 0px 0px; padding:0px; width:100%; height:105px; float:left; background-color: #555555; clear: both;
}


/*header*/
#header .sitemap_btn {
     float:left; text-align: center; width:15%; margin-top:12px; 
}
#header h1.logo {
     float:left; text-align: center; width:70%; margin-top:8px; 
}
#header .login_btn {
     float:left; text-align: center; width:15%; margin-top:12px; 
}


/*main_menu*/
#main_menu ul {
	width: 100%; min-width:320px; margin: 0px;
}
#main_menu ul li.m1 {
	padding: 12px 0px 12px 0px; float:left; width: 22%;
}
#main_menu ul li.m2 {
	padding: 12px 0px 12px 0px; float:left; width: 17%;
}
#main_menu ul li.m3 {
	padding: 12px 0px 12px 0px; float:left; width: 26%;
}
#main_menu ul li.m4 {
	padding: 12px 0px 12px 0px; float:left; width: 18%;
}
#main_menu ul li p {
	text-align: center;
}


/*sub_menu*/
#sub_menu ul {
	width: 100%; min-width: 320px; margin: 0px; 
}
#sub_menu ul li {
	padding: 9px 0px 9px 0px; float: left; width: 25%;
}
#sub_menu ul li p {
	text-align: center;
}

#sub_menu2 ul {
	width: 100%; min-width: 320px; margin: 0px; 
}
#sub_menu2 ul li {
	padding: 9px 0px 9px 0px; float: left; width: 33%;
}
#sub_menu2 ul li p {
	text-align: center;
}


/*subtitle*/
#subtitle {
	margin: 0px auto; padding: 15px 0px 5px 0px; width: 93%;
}


/*content*/
#content {
	margin: 0px auto; padding: 13px 0px 0px 0px; width: 91%; FONT: normal normal 12px Dotum, sans-serif; line-height:15px;
}
#content strong {
	FONT: normal normal 12px Dotum, sans-serif; font-weight: bold;
}



/*bottom_menu*/
#bottom_menu {
	margin: 16px auto; padding: 0px; width: 240px; height: 12px;
}
#bottom_menu ul li {
	margin: 0px; padding: 0px 11px 0px 10px; height:12px; float: left; background: url(../image/bm_line.gif) right no-repeat;  
}
#bottom_menu ul li.end {
	margin: 0px; padding: 0px 0px 0px 10px; height:12px; float: left; background: url();
}
#bottom_menu ul li a {
	FONT: normal normal 12px Dotum, sans-serif; line-height:12px; COLOR: #ffffff; FONT-WEIGHT: bold;  
}


/*footer*/
#footer {
	margin:10px 0px 16px 0px; padding:0px; float: center; clear: both; 
}
#footer p#copyright{
	margin:14px 0px 3px 0px; padding:0px; text-align: center; FONT: normal normal 12px Dotum, sans-serif; line-height:12px; COLOR: #ffffff;  
}
#footer address{
	margin:0px 0px 3px 0px; padding:0px; text-align: center; FONT: normal normal 12px Dotum, sans-serif; line-height:12px; COLOR: #ffffff;  
}
#footer p#tel{
	margin:0px 0px 0px 0px; padding:0px; text-align: center; FONT: normal normal 12px Dotum, sans-serif; line-height:12px; COLOR: #ffffff;  
}