/* style04 */

#header {}
#header .wrap {}
#header .logo {float:left;padding:0;margin:0;position:relative;}
#header .logo ._logo_img {}
#header .logo ._logo_img img {}
#header .logo ._logo_txt {padding:0;margin:0;}
#header .logo ._logo_txt a {}

#header .login {float:right;position:relative;}
#header .login a {}
#header .login i {display:inline-block;margin:0 3px 0 3px;position:relative;top:1px;width:1px;height:11px;}

#header .search {float:right;position:relative;margin:0 0 0 20px;}
#header .search form {display:block;width:128px;height:25px;background:#ffffff;}
#header .search .keyword {float:left;padding:2px 0 0 3px;margin:3px 0 0 6px;width:86px;height:17px;font-size:11px;font-family:dotum;color:#888888;border:0;background:#ffffff;}
#header .search .keyword:focus {font-weight:bold;font-size:12px;font-family:gulim;color:#222222;}
#header .search .sbtn {float:left;padding:5px;position:relative;top:-1px;left:4px;}



#topmenu {height:1px;}
#topmenu ul {display:inline-block;padding:0;margin:0;list-style-type:none;position:relative;left:220px;top:-68px;border-left:#000000 solid 0px;border-right:#303030 solid 0px;}
#topmenu li {float:left;}
#topmenu li a {display:inline-block;padding:0 15px 0 15px;margin:0px;height:56px;font-weight:bold;font-family:"malgun gothic";font-size:15px;color:#000000;border-left:#303030 solid 0px;border-right:#000000 solid 0px;}
#topmenu li a span {display:block;font-style:normal;padding-top:18px;}
#topmenu li div {position:absolute;display:none;width:1px;height:1px;z-index:1;}
#topmenu li div dl {margin:57px 0 0 -1px;padding:3px;width:130px;border:#dfdfdf solid 0px;}
#topmenu li div dt {margin:0;padding:0;}
#topmenu li div dd {margin:0;padding:0;}
#topmenu li div dt a {border:0;color:#000000;overflow:hidden;height:13px;line-height:150%;display:block;font-weight:normal;padding:4px 0 10px 10px;font-size:12px;font-family:gulim;height:12px;text-shadow:0 0 0 #666666;}
#topmenu li div dt a:hover {}
#topmenu li div dd a {border:0;color:#000000;overflow:hidden;height:12px;line-height:150%;display:block;font-weight:normal;padding:3px 0 8px 15px;font-size:12px;font-family:gulim;height:11px;text-shadow:0 0 0 #666666;}
#topmenu li div dd a:hover {color:#097ac8;}
#topmenu .on,#topmenu li a:hover {margin-left:0;color:#097ac8;}
#topmenu .on1 {background:#dfdfdf;border-radius:5px 5px 5px 5px;}
#topmenu .none {color:#999999;padding:19px 0 0 10px;}
#topmenu .none a {display:inline;padding:3px 5px 3px 5px;position:relative;top:2px;}
#topmenu .more {margin:0 0 3px 3px;}



#footer .wrap {padding:15px 0 20px 0;border-top:#DEDEDE solid 1px;}
#footer .wrap .slinks {float:left;}
#footer .wrap .slinks .elink {padding:10px 0 10px 0;font-size:11px;font-family:dotum;color:#c0c0c0;letter-spacing:2px;}
#footer .wrap .slinks .elink a {font-family:gulim;font-size:12px;letter-spacing:-1px;color:#666666;}
#footer .wrap .slinks .elink a:hover {text-decoration:underline;}
#footer .wrap .slinks .copyright {font-size:11px;font-family:arial;color:#999999;}
#footer .wrap .powered {float:right;}
#footer .wrap .kimsq {padding:10px 0 10px 0;font-size:11px;font-family:arial;color:#c0c0c0;}



#aa{position:relative;top:0 auto;}

* {
    padding: 0px;
    margin: 0px;
}



html,body {
	height: 100%;
}

.container {
    width: 600px;
    margin: 0px auto;
}



#page {
position:absolute;top:-66px;left:30px;z-index:2;
	width: 100%;
	height: 80%;
}

a {
	color: #008dd0;
}

p {
	margin: 10px 0;
}

pre {
	margin: 10px 0px;
	padding: 10px;
	border: 0px solid #008dd0;
	background: #fff;
}

#changelog ul {
	margin-left: 25px;
}



/* Sliding Subnav Styles */
.slidenav {
	margin-top: 10px;
    position: relative;
}
/*´ë¸Þ´º*/
.slidenav a {
    font-weight:bold;font-family:"malgun gothic";font-size:15px;color:#000000;
}

.slidenav ul, .slidenav ul li {
    height: 3em;
    line-height: 3em;
    list-style: none;
}

.subnav ul li, .subnav ul, .slidenav-box {
    height: 2em;
    line-height: 2.3em;
    list-style: none;
}

.slidenav ul a, .subnav ul a {
    display: block;
    padding: 0px 15px;
}

.slidenav ul li, .subnav ul li {
    float: left;
}

.slidenav ul li ul {
    display: none;
    position: absolute;
    top: 3em;
    left: 0;
}

.slidenav ul li:hover ul {
    display: block;
}

.subnav ul {
    display: none;
	font-size: 13px;
}
/*¼­ºê¸Þ´º*/
.subnav ul a {
	color: #ffffff;
	text-decoration: none;
}

/*¼­ºê¹ÙÅÁ*/
.slidenav-box {
    margin-top: 22px;
    border: 0px solid #472841;
	background:#097ac9;
    padding: 0px 20px;
}

.inactive-box {
	visibility: hidden;
}

/* End Sliding Subnav Styles */