@charset "utf-8";

/* Type Selector */
* {margin:0;padding:0; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
html {height:100%; min-width:1040px;}
body {height:100%;}
img, table, fieldset, button {border:0;}
fieldset{vertical-align:top}
hr, button img {display:none;}
li {list-style:none;}
em {font-style:normal;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
table{border-collapse:collapse;}
textarea  {overflow:auto;} 
html:first-child select {padding-right:6px;height:20px;} /* Opera 9 & Below Fix */ 
option {padding-right:6px;} /* Firefox Fix */
legend {position:absolute;top:0;left:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;} /* For Screen Reader */

/* Class Selector */
.skip,
.blind {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;}
.f10 {font-size:10px;}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.fwn {font-weight:normal;}
.fl {float:left;}
.fr {float:right;}
.clear {clear:both;}
.vat {vertical-align:top;}

.none {display:none;}
.ls0 {letter-spacing:0 !important;}
.ls1 {letter-spacing:-1px;}
.vdn {font-family:verdana !important;letter-spacing:0;}

/*Header*/
.lnb {position:relative;}
.noscript_lnb {position:absolute;left:0;top:0;clear:both;width:100%;}
.noscript_lnb li {width:320px; line-height:14px;}
.noscript_lnb li a {color:#2e343e;}
.noscript_lnb dt {padding:4px 0;font-weight:bold;font-size:14px;}

#wrap {min-width:1040px; font-size:12px; overflow:hidden;}
h1 {text-align:center;}
/*login*/
.loginarea {width:280px;padding:0 20px;height:170px;margin-top:25px}
.loginafter {width:280px; height:136px;letter-spacing:-1px}
.loginafter dl {position:relative; margin:22px 0 0 6px}
.loginafter dl dt {margin:0 0 13px 64px}
.loginafter dl dt strong {display:inline-block;font-size:14px;word-break:break-all}
.loginafter dl dd.character {position:absolute; top:0; left:0}
.loginafter dl dd.graph {position:relative;height:40px;margin:0 0 0 64px}
.loginafter dl dd.graph p, .loginafter dl dd.graph p strong {color:#534741; font-size:11px;}
.loginafter dl dd.graph .txt1 {position:absolute; top:0; left:0; width:100px;}
.loginafter dl dd.graph .txt2 {position:absolute; top:0; right:0;}
.loginafter dl dd.graph .graph_area {position:absolute; top:16px; left:0; width:204px; height:16px; background:url(../img/common/bg_graph.gif) 0 0 no-repeat;}
.loginafter dl dd.graph .graph_area span {display:block; height:6px; margin:2px 0 0 2px; background:url(../img/common/bg_graph_bar.gif) 0 0 no-repeat;}
.loginafter dl dd.graph .graph_area .arw {display:block; position:absolute; top:13px; width:7px; height:4px; margin-left:-3px; background:url(../img/common/arw_graph.gif) 0 0 no-repeat;}
.loginafter dl dd.graph .ly_balloon {position:absolute; top:31px; left:0; width:151px; height:34px; padding:16px 0 0 9px; background:url(../img/common/bg_balloon.gif) 0 0 no-repeat; color:#d9d6ce; font-size:11px; line-height:14px;z-index:1;}
.loginafter dl dd.graph .ly_balloon em {color:#ff3229; font-weight:bold;}
.loginafter .btn .btn_logout {margin-left:1px;}
.loginafter .btn{clear:both;width:280px;margin:0 auto;text-align:center}

.tab_login{position:relative;width:280px;height:34px;z-index:1}
.tab_login li{float:left}
.tab_login li a{display:block;overflow:hidden;width:140px;height:34px;background:url(../img/common/tab_login.gif) no-repeat;line-height:1000px}
.tab_login .hangame{background-position:0 0}
.tab_login .naver{background-position:-140px 0}
.tab_login li.selected .hangame{background-position:0 -34px}
.tab_login li.selected .naver{background-position:-140px -34px}

/* 네이버로그인 */
.naverarea{position:relative;width:280px;height:110px;margin-top:4px;background:#d7cfbc;text-align:center}
.naverarea p{font-size:11px;color:#736657;line-height:13px;letter-spacing:-1px}
.naverarea .txt{padding-top:24px}
.naverarea .txt2{padding-top:20px}
.naverarea .txt2 strong{color:#3f3a35}
.naverarea a.naver{font-weight:bold;text-decoration:underline;color:#b36100;line-height:29px}
.naverarea .btn{margin-top:8px}
.naverarea .lg_member_con{width:280px;margin:13px 0 0 5px}
.naverarea .lg_member_con li{float:left;font-size:11px;font-weight:bold;color:#736657}

.gamestart {margin-top:40px;}

/*공지사항*/
.ly_notice {position:absolute; top:36px; left:0; width:100%; height:30px; letter-spacing:-1px;}
.ly_notice .close_conts, .ly_notice .open_conts {display:none;}
.ly_notice.close_notice .close_conts {display:block; position:relative; width:1040px; margin:0 auto;}
.ly_notice.close_notice a {color:#f2f1f0; font-size:11px;}
.ly_notice.close_notice a strong {font-size:11px;}
.ly_notice.close_notice .txt {position:absolute; top:10px; left:390px;}
.ly_notice.close_notice .bgm {position:absolute; top:5px; left:700px;} /*edit_20120207*/
.ly_notice.close_notice .t_more {position:absolute; top:10px; right:0; height:11px; padding:0 25px 0 0; background:url(../img/common/ly_btn.gif) right -92px no-repeat; text-decoration:none;}

.ly_notice.open_notice {height:92px; background:#000; }
.ly_notice.open_notice .open_conts {display:block; position:relative; width:1040px; margin:0 auto;}
.ly_notice.open_notice a {color:#f2f1f0; font-size:16px;}
.ly_notice.open_notice a strong {color:#ff0000; font-size:16px;}
.ly_notice.open_notice .txt {position:absolute; top:48px; left:25px;}
.ly_notice.open_notice .close {position:absolute; top:33px; right:4px; width:41px; height:41px; background:url(../img/common/ly_btn.gif) 0 0 no-repeat; text-indent:-9000px; overflow:hidden;}
.ly_notice.open_notice .close:hover {background:url(../img/common/ly_btn.gif) 0 -41px no-repeat;}
.ly_notice.open_notice .shadow {display:block; position:absolute; top:92px; left:0; width:100%; height:40px; background:url(../img/common/bg_t_notice.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/common/bg_t_notice.png', sizingMethod='crop'); text-indent:-9000px;}

/* Footer */
#footer {clear:both; position:relative; float:right; width:650px; background:url(../img/common/footer_line.jpg) 0 34px no-repeat; letter-spacing:-1px;}
#footer img {vertical-align:top;}
#footer .link {height:34px; margin-bottom:20px; overflow:hidden;}
#footer .link img {margin-right:30px;}
#footer .corp {position:absolute; top:8px; right:0;}
#footer .corp li {float:left; padding:0 0 0 16px;}
#footer .corp li a {color:#9b967d; font-size:11px;}
#footer .nhn_info {width:400px; margin:0 0 10px -10px; overflow:hidden}
#footer .nhn_info li {float:left; padding:0 10px; color:#9b967d; font-size:11px; line-height:15px;}
#footer .nhn_info li a {color:#9b967d; font-size:11px;}
#footer .nhn_info li.cs {width:300px;}
#footer .nhn_info li.num {width:160px}
#footer .nhn_info li.cfm{margin-left:-5px;text-decoration:underline}
#footer .cp_info {position:absolute; top:50px; right:0;}
#footer .userlevel {position:absolute; top:50px; right:288px;}/*add_20120330*/ 
#footer .userlevel2 {position:absolute; top:50px; right:247px;}/*add_20120330*/
#footer address {float:left; color:#9b967d;font:9px/12px verdana;}
#footer address a {color:#9b967d;font:9px/12px verdana;}/*add_20120405*/