body {background:#424242;margin:0;padding:0;font-size:12px;font-family:gulim;min-width:320px;word-wrap:break-word;word-break:break-all;}
body img {max-width:100%;}
input,select,textarea {font-size:12px;}
img,p {border:0;margin:0;padding:0;}
form {display:inline;margin:0;padding:0;}
select {font-size:12px;font-family:dotum;}
label {cursor:pointer;}
a {text-decoration:none;color:#000;}
a:hover {color:#666;}
html{-webkit-text-size-adjust:auto;} 
p,body {margin:0;}
#header {height:47px;background:url('./image/bg_header.jpg');border-bottom:#000000 solid 1px;}
#header .logo {float:left;padding-left:8px;}
#header .logo h1 {inline-block;margin:12px 0 0 0;padding:0;}
#header .logo h1 a {font-size:23px;color:#ffffff;letter-spacing:-1px;text-shadow:-2px -1px #000;}
#header .logo .imglogo a {display:inline-block;margin:10px 0 0 0;padding:0;}
#header .logo .imglogo a img {height:28px;}
#header .tool {float:right;padding-right:8px;}
#header .tool img {margin:7px 0 0 3px;}

#topmenu {}
#topmenu .headergap {height:48px;}
#topmenu .nav {background:#efefef;border-top:#ffffff solid 1px;border-bottom:#DDDDDD solid 1px;}

#topmenu .nav ul {list-style-type:none;padding:0;margin:0;}
#topmenu .nav li {float:left;width:24.8%;border-right:#DDDDDD solid 1px;}
#topmenu .nav li a {display:block;height:30px;text-align:center;}
#topmenu .nav li a i {display:block;text-align:center;position:relative;top:8px;font-style:normal;font-weight:bold;font-size:13px;color:#666666;text-shadow:2px 1px #ffffff;padding:0 2px 0 2px;width:93%;height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#topmenu .nav .on a i {color:#CD0000;}
#topmenu .nav .noline {border-right:#efefef solid 1px;}
#topmenu .nav .allmenu {}

#content {padding:15px 8px 10px 8px;min-height:262px;background:#ffffff;}



#_admin_layer_ {position:absolute;display:none;width:1px;height:1px;}
#_system_layer_ {position:absolute;display:none;width:1px;height:1px;}
#_login_layer_ {position:absolute;display:none;width:1px;height:1px;}

.headerfix1 {position:fixed;z-index:999;width:100%;}

._layerbox {position:relative;z-index:10;left:-63px;width:150px;background:#eeeeee;border:#dfdfdf solid 0;border-radius:0 0 2px 1px;box-shadow:3px 3px 3px #888888;}
._layerbox .arr {position:absolute;left:120px;top:-23px;font-size:40px;color:#D74208;}
._layerbox ul {list-style-type:none;padding:0;margin:0;height:153px;overflow:auto;}
._layerbox li {border-bottom:#dfdfdf solid 1px;border-left:#efefef solid 1px;}
._layerbox li a {display:block;height:30px;}
._layerbox li a i {font-style:normal;position:relative;top:10px;left:10px;}
._layerbox .tt {height:35px;background:#D74208;border-left:#D74208 solid 1px;}
._layerbox .tt i {font-style:normal;font-size:14px;color:#ffffff;position:relative;top:8px;left:10px;text-shadow:-1px -1px #555555;}
._layerbox .tt span {font-size:16px;color:#ffffff;position:absolute;top:8px;left:128px;text-shadow:-1px -1px #555555;}
._layerbox .btnbox {text-align:center;border-left:#efefef solid 1px;border-top:#dfdfdf solid 1px;background:#F5F5F5;}
._layerbox .btnbox a {display:inline-block;padding:5px 10px 5px 10px;margin:8px 2px 8px 2px;color:#333333;border:#AAAAAA solid 1px;border-radius:3px 3px 3px 3px;}
._layerbox .updown {position:absolute;z-index:11;}
._layerbox .updown img {position:relative;z-index:11;top:-95px;left:125px;}
._layerbox .admin {background:#317AB1;border-left:#317AB1 solid 1px;border-top:#317AB1 solid 1px;}
._layerbox .admin a i {color:#ffffff;}

._admin_ {width:200px;left:-158px;}
._admin_ .arr {color:#317AB1;left:169px;}
._admin_ .tt {width:199px;background:#317AB1;border-left:#317AB1 solid 1px;}
._admin_ .tt span {left:176px;}
._admin_ .charbox {}

._admin_ .mbrinfo {padding:5px 8px 10px 8px;border-left:#efefef solid 1px;border-bottom:#efefef solid 1px;}
._admin_ .mbrinfo .symbol {float:left;}
._admin_ .mbrinfo .symbol img {width:35px;height:35px;}
._admin_ .mbrinfo .name {float:left;margin-left:10px;}
._admin_ .mbrinfo .name .namel {font-weight:bold;color:#454545;padding-top:9px;}
._admin_ .mbrinfo .name .namer {color:#999999;font-size:11px;padding-top:2px;}
._admin_ .mbrinfo .score,._admin_ .mbrinfo .score a {font-size:11px;color:#636363;}
._admin_ .mbrinfo .score a:hover {text-decoration:underline;}

._login_ {width:200px;left:-158px;}
._login_ .tt span {left:177px;}
._login_ .loginmsg {padding:10px;border-left:#efefef solid 1px;}
._login_ .loginmsg .mtt {font-weight:bold;}
._login_ .loginmsg .mnt {padding-top:8px;font-size:11px;line-height:130%;color:#888888;}
._login_ .loginmsg .mnt a {font-size:11px;color:#42A2FC;text-decoration:underline;display:inline-block;margin:5px 1px 0 1px;}
/* @media (max-width:360px){*{font-size:12px;}}
@media (min-width:361px) and (max-width:399px){*{font-size:14px;}}
@media (min-width:400px) and (max-width:439px){*{font-size:15px;}}
@media (min-width:440px) and (max-width:479px){*{font-size:16px;}}
@media (min-width:480px) and (max-width:519px){*{font-size:17px;}}
@media (min-width:520px) and (max-width:559px){*{font-size:18px;}}
@media (min-width:560px) and (max-width:599px){*{font-size:19px;}}
@media (min-width:600px) and (max-width:639px){*{font-size:20px;}}
@media (min-width:640px) and (max-width:679px){*{font-size:21px;}}
@media (min-width:680px) and (max-width:719px){*{font-size:22px;}}
@media (min-width:720px) and (max-width:759px){*{font-size:24px;}}
@media (min-width:760px) and (max-width:799px){*{font-size:25px;}}
@media (min-width:800px) and (max-width:839px){*{font-size:26px;}}
@media (min-width:840px) and (max-width:879px){*{font-size:27px;}}
@media (min-width:880px){*{font-size:28px;}} */
			
			
.fclear {clear: both;}
.headMenu{
	background: url('/m/cyber/img/topBg.jpg') no-repeat;
	width: 100%;
	height:auto;
	background-size: 100%;
	margin:auto;
}
#effect {
	font-size:12px;
	width: 270px; 
	height:100%; 
	position: absolute; 
	left:-270px; 
	top:0;
}
#effect #content { 
	float:left;
	left:0px;
	top:0;
	width:270px; 
	height:100%; 
	font: 12px/1.6 NanumBrushWeb;
	background:#f9fafc;
	position:absolute;
	z-index:1000; 
}
#effect #content img{display:block;}
#effect #content .loginStyle {
	float:left;
	width:135px;
	line-height:35px;
	height:35px;
	text-align:center;
	font-weight:bold;
	background-color:#e5f5ff;
	border-bottom:1px solid #e1e5e7;
}
			
#popbg {
	filter:alpha(opacity=70);
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
	opacity: 0.7;
   	background-color:#000000; 
	position:absolute; 
	top:0px;
	left:0;
	border: 0px;
	width:100%;
	height:100%;
	z-index:5;
}
/*			
.ftSNS{
	border-top:1px solid #a3a3a3;
	text-align:center;
}


.footer {
	background: url('/m/cyber/img/bottomBg.jpg') no-repeat;
	width: 100%;
	max-width:720px;
	height:auto;
	background-size: 100%;
	margin:auto;
}
.footer .ftBtn{
	padding: 0 13%;
}
.footer .ftBtn ul>li{
float: left;
    width: 21%;
    padding: 7% 2%;
}
.footer .copyright{
	text-align:center;
	color:#bababa;
	font-family:Malgun Gothic;
	font-size:0.85em;
}
.footer .bottomHref {
	clear: both;
	text-align:center;
	color:#FFFFFF;
	font-family: NanumGothic;
	font-weight: bold;
	font-size:1.250em;
	padding: 2.3% 0;
}
.footer .bottomHref a:link{color:#FFFFFF}
.footer .bottomHref a:visited{color:#FFFFFF}

*/


#footer {background:#222222; }
#footer .search {text-align:center;display:none;padding:7px 0 7px 0;background:#d0d0d0;border-bottom:#c1c1c1 solid 1px;}
#footer .search .inputx {width:89%;height:25px;background:#ffffff;border:#c0c0c0 solid 1px;border-radius:8px 8px 8px 8px;}
#footer .search .submit {position:absolute;margin:5px 0 -3px -25px;}
#footer .foot {background:#DCDCDC;}
#footer .foot .btnbox {padding:10px 0 0 0;text-align:center;}
#footer .foot .btnbox a {display:inline-block;color:#333333;padding:5px 8px 5px 8px;margin:0 1px 0 1px;border:#AAAAAA solid 1px;border-radius:2px 2px 2px 2px;}
#footer .foot .link {padding:10px 0 13px 0;text-align:center;}
#footer .foot .link span {font-size:10px;color:#999999;letter-spacing:-1px;}
#footer .foot .link a {font-size:10px;color:#787878;letter-spacing:-1px;}
#footer .foot .link i {display:inline-block;width:1px;height:9px;margin:0 2px -1px 3px;background:#c0c0c0;}
#footer .adv {text-align:center;padding:0;margin:0;}



footer .ftSNS{ text-align:center; margin: 5% 0;}
footer .ftSNS>ul{display: table; margin: 0 auto; }
footer .ftSNS>ul>li{display: table-cell; }
footer .footer { background:#222222; 	width: 100%; height:auto; background-size: 100%; margin:auto; }
footer .footer .ftBtn{ padding-left:28%; padding-right:1.7%; }
footer .footer .ftBtn ul>li{ float:right; width:30%; padding:6% 1%; }
footer .footer .copyright{ text-align:center;	color:#9C9C9C; font-family:Malgun Gothic; font-size:0.85em;	padding-bottom:4%; }
footer .footer .bottomHref,footer .footer .bottomHref a:link,footer .footer .bottomHref a:visited { clear: both;	text-align:center; color:#FFFFFF; font-family: NanumGothic; font-weight: bold; font-size:1em; padding: 3.5% 0 2.3% 0; }

iframe[name="_action_frame_home"] {display:none}