/* 공통요소 */
html {margin-left:-1px;}
body {margin:0; padding:0; color:#444; font:12px dotum,돋움,AppleGothic,sans-serif; -webkit-text-size-adjust: none; background:#e8e3db url('/punch/layout/bg_body_110725.jpg') repeat-x 0 33px;}
form, input, select, textarea {margin:0; padding:0; color:#444; font:12px dotum,돋움,AppleGothic,sans-serif;}
textarea {resize:none;}
img {border:0 none;}
dfn {display:none;}
a {color:#444; text-decoration:none;}
a:link {color:#444; text-decoration:none;}
a:hover {color:#444; text-decoration:underline;}
a:visited {color:#444;}
/* 아이템색상 */
.col_common {color:#f3f3f3 !important;} /* 일반 */
.col_rare {color:#35ea5f !important;} /* 중급 */
.col_legend {color:#61acff !important;} /* 상급 */
.col_unique {color:#f055ee !important;} /* 최상급 */
.col_epic {color:#fbc82a !important;} /* 영웅 */
/* 레이아웃 */
#div_nctop {min-width:970px; height:33px; background-color:#fff;}
#container {background:url('/punch/layout/bg_body_110725.jpg') repeat-x 0 0;}
.bg_top {background:url('/punch/layout/bg_top_110727.jpg') no-repeat center 0;}
.bg_container {position:relative;overflow:hidden; _zoom:1; width:970px; margin:0 auto 0; padding:0 0 67px; background:#fff url('/punch/layout/bg_container_pattern.gif') repeat-y left 0;}
/* 상단 */
#header {position:relative; height:184px; background:url('/punch/layout/bg_top_110727.jpg') no-repeat center 0;}
#header .logo {position:absolute; display:block; left:386px; top:0; width:198px; height:83px; text-indent:-9999px; font-size:0;}
#header #favorite {position:absolute;top:19px;left:10px;width:154px;margin:0;padding:0;list-style:none;overflow:hidden; _zoom:1; background:url("/punch/layout/bg_favorite_v2.gif") no-repeat 0 0;}
#header #favorite li {float:left;height:14px;}
#header #favorite li a {display:block;width:100%;height:100%;font-size:0;text-indent:-9999px;}
#header #favorite li.startpage{width:71px; margin-right:21px;}
#header #favorite li.addfavorite{width:62px;}
#header .nav {position:absolute; left:134px; top:83px; width:750px; height:94px;}
#header #lnb_search_area {position:absolute; right:39px; top:96px; z-index:999;}
#header #lnb_search_area #lnb_query {z-index:999; background-color:#f3f1f2; width:133px; height:13px; padding:3px 7px 0 7px; border-top:1px solid #acacac; border-left:1px solid #bbbbbd; vertical-align:middle; color:#666;}
#header #lnb_search_area #lnb_submit {z-index:999; background:url("/punch/layout/btn_search.gif") no-repeat 2px 2px; width:42px; height:23px; margin-left:-3px; border:0 none; vertical-align:middle; color:#FFF; text-indent:-999px; font-weight:bold; cursor:pointer;}
#tbanner {position:absolute;top:14px;right:0;}
#tbanner img {width:245px; height:90px;}
#rwing_banner {position:absolute;top:386px;left:50%;margin-left:499px;}
#rwing_banner img,#rwing_banner object,#rwing_banner embed {width:90px; height:150px;}
/* 좌측 */
#reside {position:relative; float:left; width:220px; padding-top:99px;}
#reside #wrap_gamestart {position:absolute; top:-21px; width:220px; height:120px; background:url('/punch/layout/gamestart_v2.gif') no-repeat 0 0;}
#reside .guide {cursor:pointer;}
#reside .guide img {display:block;}
#reside .emoticon a {display:block; width:220px; height:39px;margin:0 0 25px;text-indent:-9999px; font-size:0; background:url('/punch/layout/bg_left.gif') no-repeat 0 -443px;}
#reside .quick {margin:0 0 25px; padding:0; list-style:none;}
#reside .quick li {line-height:15px; cursor:pointer;}
#reside .quick .ask {height:35px; text-indent:-9999px; font-size:0; background:url('/punch/layout/bg_left.gif') no-repeat 0 -97px;}
#reside .quick .quicklink {height:38px; text-indent:-9999px; font-size:0; background:url('/punch/layout/bg_left.gif') no-repeat 0 -132px;}
#reside .quick .emoticon a {display:block; width:220px; height:39px; text-indent:-9999px; font-size:0; background:url('/punch/layout/bg_left.gif') no-repeat 0 -170px;}
#reside .twitter{display:block;width:188px;height:35px;margin-left:16px;font-size:0;text-indent:-9999px;background:url("/punch/layout/bg_left.gif") no-repeat 0 -290px;}
#reside .quickmenu {padding:19px 0 18px;border-top:1px solid #f2f3f6;border-bottom:1px solid #d4d9e1;}
#reside .quickmenu h2{height:23px;margin:0;padding:0;font-size:0;text-indent:-9999px; background:url('/punch/layout/bg_left.gif') no-repeat}
#reside .quickmenu ul{margin:0 0 0 16px;padding:0;list-style:none;overflow:hidden;_zoom:1;}
#reside .quickmenu li{float:left;width:94px;margin:0 0 5px;padding:0 0 0 6px;line-height:15px;background:url("/punch/common/bul_square6.gif") no-repeat 0 6px;}
#reside .class h2{background-position:17px -355px;}
#reside .help h2{background-position:17px -399px;}
#reside .help {border-bottom:0 none;}
#reside .help2 {padding:15px 0 7px 0;border-bottom:1px solid #FFF;}
*+html #reside .help2 {padding:15px 0 12px 0;}
*+html #reside .help2 ul {padding-left:16px;}
*html #reside .help2 {padding:12px 0 10px 16px;}
/* 컨텐츠 영역 */
#contents {float:left; width:700px; padding:0 25px 0 25px;}
#contents h1 {margin:0; padding:0;}
#contents .linemap {overflow:hidden; _zoom:1; margin:0 0 14px; padding:20px 0 0 0}
#contents .linemap h1 {float:left;}
#contents .linemap ul {float:right; margin:10px 0 0; padding:0; list-style:none;}
#contents .linemap ul li {display:inline; color:#888; font-size:11px; letter-spacing:-1px;}
#contents .linemap ul li a {color:#666;}
#contents .linemap ul li.current {font-weight:bold; color:#444 !important;}
/* 풋터 */
#footer {position:relative; clear:both; width:970px; height:264px; margin:0 auto; background:url('/punch/layout/footer.gif') no-repeat center 0;}
#footer p {margin:0; padding:0;}
#footer dfn {display:none;}
#footer .ncsoft a {display:block; position:absolute; top:30px; left:62px; width:55px; height:47px;}
#footer .dev a {display:block; position:absolute; top:44px; left:133px; width:82px; height:24px;}
#footer .utilmenu {position:absolute; top:32px; left:246px; margin:0; padding:0;}
#footer .utilmenu li {float:left; list-style-type:none; height:13px;}
#footer .utilmenu li.m1 {width:42px;}
#footer .utilmenu li.m2 {width:48px;}
#footer .utilmenu li.m3 {width:172px;}
#footer .utilmenu li.m4 {width:48px;}
#footer .utilmenu li.m5 {width:87px;}
#footer .utilmenu li.m6 {width:46px;}
#footer .utilmenu li.m7 {width:81px;}
#footer .utilmenu li.m8 {width:32px;}
#footer .utilmenu li a {display:block; width:100%; height:100%;}
#footer .email {display:block; position:absolute; left:642px; top:52px; width:83px; text-indent:-999px;overflow:hidden;}
#footer .ftc {display:block;position:absolute;top:65px;left:350px;width:59px;height:13px;text-indent:-999px; overflow:hidden;}
#footer_yahoo {position:relative; clear:both; width:930px; height:192px; margin:0 auto; padding-left:50px; color:#3c5266;}
#footer_yahoo a {color:#3c5266;}
#footer_yahoo a.nc {position:absolute;top:30px;display:block;overflow:hidden;width:52px;height:47px;text-indent:-999px;background:url('/punch/layout/logo_nc.gif') no-repeat left top;}
#footer_yahoo p {margin:0; padding:0;}
#footer_yahoo dfn {display:none;}
#footer_yahoo address {width:850px;margin:0 0 10px 75px; padding:32px 0 12px 0; font-style:normal; font-size:11px; text-align:left; color:#666; border-bottom:1px solid #c5c9d2;}
#footer_yahoo .utilmenu {margin:0 0 14px 75px; padding:0; text-align:left;}
#footer_yahoo .utilmenu ul {margin:0; padding:0; list-style:none;}
#footer_yahoo .utilmenu ul li {display:inline; margin:0 3px 0 0; padding: 0 0 0 8px;}
#footer_yahoo .utilmenu ul li.first {padding:0;}
#footer_yahoo .copyright {height:46px;padding-left:460px; font-size:11px; line-height:1.8; background:url('/punch/layout/footer_yahoo.gif') no-repeat -40px -102px;}
#footer_yahoo .grade {display:none;}
#footer_daum {position:relative; clear:both; width:970px; height:260px; margin:0 auto; color:#3c5d66; background:url("/punch/layout/footer_daum_v3.gif") no-repeat;}
#footer_daum p {margin:0; padding:0;}
#footer_daum dfn {display:none;}
#footer_daum .ncsoft a {display:block; position:absolute; top:156px; left:143px; width:61px; height:56px;}
#footer_daum .daum a {display:block; position:absolute; top:22px; left:154px; width:50px; height:21px;}
#footer_daum .utilmenu {position:absolute; top:28px; left:222px; margin:0; padding:0; list-style:none; text-align:center;}
#footer_daum .utilmenu li {float:left; list-style-type:none; height:12px;}
#footer_daum .utilmenu li.m1 {width:89px;}
#footer_daum .utilmenu li.m2 {width:80px;}
#footer_daum .utilmenu li.m3 {width:91px;}
#footer_daum .utilmenu li.m4 {width:115px;}
#footer_daum .utilmenu li.m5 {width:60px;}
#footer_daum .utilmenu a {display:block; width:100%; height:100%;}
#footer_daum address, #footer_daum .grade {display:none;}
#footer_daum .email {display:block; position:absolute; left:735px; top:190px; width:90px; text-indent:-99999px;}
#footer_tooniland {position:relative; clear:both; width:970px; height:179px; margin:0 auto; background:url('/punch/layout/footer_tooniland_v7.gif') no-repeat center 0;}
#footer_tooniland p {margin:0; padding:0;}
#footer_tooniland dfn {display:none;}
#footer_tooniland a.onmedia {display:block; position:absolute; top:26px; left:30px; width:80px; height:50px;}
#footer_tooniland a.ncsoft {display:block; position:absolute; top:116px; left:60px; width:70px; height:60px;}
#footer_tooniland .utilmenu {position:absolute; top:31px; left:143px; margin:0; padding:0;}
#footer_tooniland .utilmenu li {float:left; list-style-type:none; height:14px; margin:0 5px 0 0;}
#footer_tooniland .utilmenu li.m1 {width:42px;}
#footer_tooniland .utilmenu li.m2 {width:42px;}
#footer_tooniland .utilmenu li.m3 {width:77px;}
#footer_tooniland .utilmenu li.m4 {width:70px;}
#footer_tooniland .utilmenu li.m5 {width:65px;}
#footer_tooniland .utilmenu li.m6 {width:58px;}
#footer_tooniland .utilmenu li.m7 {width:40px;}
#footer_tooniland .utilmenu li.m8 {width:59px;}
#footer_tooniland .utilmenu li a {display:block; width:100%; height:100%;}
#footer_tooniland .email {display:block; position:absolute; left:335px; top:130px; width:73px; height:11px; text-indent:-99999px;}
/* 로그인영역 */
#keycrypt_frame {left:-9999px !important;}
/* 로그인 전 */
.wrap_login {position:relative; width:220px; height:109px; margin:0 auto 0 auto; padding:0; background:url("/punch/layout/login/login_v2.gif") no-repeat 0 -444px;}
.wrap_login h2 {margin:0; padding:14px 0 0 17px; font-size:12px; color:#121434; font-weight:bold;}
.wrap_login fieldset {width:188px; margin:0 0 0 16px; padding:0; border:none;}
.wrap_login fieldset legend {display:none;}
.wrap_login fieldset #key_security {position:absolute; top:15px; right:17px; font-size:11px;}
.wrap_login fieldset #key_security a {padding-right:28px; cursor:pointer; color:#666; letter-spacing:-1px; background:url("/punch/layout/login/login_v2.gif") no-repeat;}
.wrap_login fieldset #key_security a.off {background-position:right -57px}
.wrap_login fieldset #key_security a.on {background-position:right -77px}
.wrap_login fieldset .login_input {position:relative; height:59px;}
.wrap_login fieldset .login_input input {width:121px; height:16px; padding:4px 0 0 3px; border:1px solid #bdbdbd; background-color:#fff;}
.wrap_login fieldset .login_input input#id {position:absolute; top:6px; background-color:#fff;}
.wrap_login fieldset .login_input .user_id {background:url("/punch/layout/login/login_v2.gif") no-repeat 4px 5px;}
.wrap_login fieldset .login_input input#pwd {position:absolute; top:31px; background-color:#fff;}
.wrap_login fieldset .login_input .user_pw {background:url("/punch/layout/login/login_v2.gif") no-repeat 5px -20px;}
.wrap_login fieldset .login_input .submit {position:absolute; top:6px; right:0; width:61px; height:49px; text-indent:-999px; cursor:pointer; border:none; background:url("/punch/layout/login/login_v2.gif") no-repeat top right;}
.wrap_login .member {margin:0; padding:0 0 0 18px; font-size:11px; letter-spacing:-1px; list-style:none;}
.wrap_login .member li {display:inline; margin:0; padding:0; color:#666;}
.wrap_login .member li.join {padding-right:23px; background:url("/punch/layout/login/login_v2.gif") no-repeat right -97px;}
.wrap_login .member li.join a {color:#666; font-weight:bold;}
.wrap_login .member li.find {padding-left:25px; text-align:right;}
.wrap_login .member li.find a {color:#666;}
.div_exp {position:relative;z-index:2;margin-bottom:-1px;display:none;}
.div_banner {position:relative;z-index:1;margin-bottom:1px;}
.div_exp img, .div_banner img {display:block;}
/* 로그인 후 */
.wrap_logined {position:relative; width:188px; margin:0 auto 0 auto; padding:12px 16px 0; border-top:1px solid #f0f0f0; background:url("/punch/layout/login/bg_logined.gif") repeat-x 0 0;}
/* 캐릭터 선택 */
.wrap_logined #selectCharacter {width:182px; margin:0 0 0 3px;}
.wrap_logined #selectCharacter dt {height:13px; padding:6px 0 3px 6px; cursor:pointer; color:#666;background: url("/punch/layout/login/login_v2.gif") no-repeat 0 -363px;}
.wrap_logined #selectCharacter dd {position:absolute; overflow-y:auto; z-index:999; width:180px; margin:0; border:1px solid #bcb2a6; border-top:0 none; background:#FFF;}
.wrap_logined #selectCharacter dd#characterList ul {margin:0; padding:0; list-style:none;}
.wrap_logined #selectCharacter dd#characterList li {overflow:hidden; _zoom:1; line-height:140%; cursor:pointer;}
.wrap_logined #selectCharacter dd#characterList li a {display:block; padding:7px 0 4px 7px; color:#444}
.wrap_logined #selectCharacter dd#characterList li a:hover{background-color:#e4f7fd;}
.wrap_logined #selectCharacter dd#characterList li em {display:inline-block; padding-right:5px; color:#2276bb; font-size:12px; font-style:normal; font-weight:bold;}
.wrap_logined #selectCharacter dd#characterList li span {display:block; cursor:pointer; font-size:11px;}
.wrap_logined #selectCharacter dd#characterList li span.server {display:inline; padding-right:5px;}
.wrap_logined #selectCharacter dd#characterList li span.class {display:inline-block;}
.wrap_logined #selectCharacter dd#characterList .nothing {padding:10px 0; text-align:center; color:#2276bb;}
.wrap_logined .none_character {_zoom:1;padding:5px 0 4px 6px; border-bottom:1px solid #dde2e9; font-weight:bold; color:#2276bb;background:#f8f6f7;}
/* 캐릭터 정보 */
.wrap_logined .character_info {margin:0; padding:6px 0 7px; overflow:hidden; _zoom:1; color:#444;}
.wrap_logined .character_info .mynick {float:right;width:108px; margin:12px 0 0; padding:0; letter-spacing:-1px; line-height:16px;}
.wrap_logined .character_info .mynick span {display:block; padding-bottom:2px;}
.wrap_logined .character_info .mynick span.guild {color:#6453cb; font-size:11px;}
.wrap_logined .character_info .mynick a {font-weight:bold; color:#2276bb; text-decoration:none;}
.wrap_logined .character_info .mythumb {float:left; width:70px; height:100px; margin:0; padding-left:7px; text-align:center;}
/* 업데이트 소식 */
.news_info {margin:0; padding:7px 0 5px 9px; list-style:none; border-top:1px solid #eaeef1; font-size:11px; color:#44545c;}
.news_info li {margin-bottom:1px; line-height:15px;}
.news_info li span {display:inline;padding-right:10px;font-weight:bold;}
.news_info li em {display:inline-block;text-align:right; font-style:normal;cursor:pointer;}
.news_info li strong {color:#e3580c;}
.news_info li a strong {color:#e3580c;}
/* 새소식레이어 */
#mynews_layer {display:none;position:absolute;left:160px;top:400px;z-index:9999;width:309px;height:391px;background:url('/punch/profile/new/bg_pop_news.gif') no-repeat left top;}
#mynews_layer .header {position:relative;height:40px;}
#mynews_layer .header span.tit {position:absolute;left:40px;top:17px;color:#384950;font-weight:bold;}
#mynews_layer .header span strong {padding-left:5px;color:#e5590e;}
#mynews_layer .header span.close {position:absolute;right:5px;top:5px;display:block;overflow:hidden;width:20px;height:20px;text-indent:-999px;cursor:pointer;}
#mynews_layer .header .btn {position:absolute;left:10px;top:10px;overflow:hidden;width:20px;height:20px;text-indent:-999px;}
#mynews_layer .notice {display:none;position:absolute;left:0;top:-130px;z-index:99;width:355px;height:137px;border:2px solid #b2c6d1;background-color:#FFF;}
#mynews_layer .notice .wrap_notice {position:absolute;height:130px;padding:15px 15px 0 15px;margin-bottom:-8px;background:url('/punch/profile/new/bg_message_arrow.gif') no-repeat 10px bottom;}
#mynews_layer .notice .wrap_notice strong {display:block;padding:2px 0 10px 20px;background:url('/punch/profile/new/bullet.gif') no-repeat 0 -90px;}
#mynews_layer .notice .wrap_notice ul {margin:0;padding:0;}
#mynews_layer .notice .wrap_notice ul li {list-style-type:none;margin:0;padding:0 0 3px 5px;line-height:130%;font-size:11px;color:#666;}
#mynews_layer .notice .wrap_notice p {padding-top:10px;color:#b58138;}
#mynews_layer .notice .wrap_notice p span {font-size:11px;}
#mynews_layer .mynews_list {margin:0 15px;}
#mynews_layer .mynews_list .empty {position:relative;height:320px;border:1px solid #a3b4ce;color:#666;font-weight:bold;background:#FFF url('/punch/profile/new/bg_pop_news_empty.gif') no-repeat 30px 90px;}
#mynews_layer .mynews_list .empty span {position:absolute;left:110px;top:135px;}
#mynews_layer .mynews_list .list {position:relative;height:50px;margin-bottom:1px;padding:5px 10px;border:1px solid #a3b4ce;background-color:#FFF;}
#mynews_layer .mynews_list .list a {display:block;height:48px;text-decoration:none;}
#mynews_layer .mynews_list .list .thumb {position:absolute;width:48px;height:48px;margin:0;padding:0;background-color:#d2d4e0;}
#mynews_layer .mynews_list .list .thumb img {width:48px;height:48px;}
#mynews_layer .mynews_list .list dl {position:relative;left:55px;top:7px;width:200px;margin:0;padding:0;}
#mynews_layer .mynews_list .list dl dt {margin:0;padding:0;}
#mynews_layer .mynews_list .list dl dt strong {padding-right:8px;color:#11a2a7;}
#mynews_layer .mynews_list .list dl dt span {font-size:11px;color:#9d9d9d;padding:0 0 0 8px;background:url('/punch/profile/new/bullet.gif') no-repeat 0 1px;}
#mynews_layer .mynews_list .list dl dd {margin:0;padding-top:5px;color:#666;}
#mynews_layer .mynews_list .list dl dd a {color:#666;}
#mynews_layer .mynews_list p.bottom {position:relative;margin:0;padding-top:5px;text-align:right;font-size:11px;}
#mynews_layer .mynews_list p.bottom span.page {position:absolute;right:38px;_right:50px;top:8px;margin:0;padding:0;}
#mynews_layer .mynews_list p.bottom span strong {color:#384951;}
#mynews_layer .mynews_list p.bottom span.btn {margin-left:10px;}
.trans_info {margin:0; padding:7px 0 5px 9px; list-style:none; border-top:1px solid #eaeef1; border-bottom:1px solid #c7d3da; font-size:11px; color:#666; line-height:16px;}
.trans_info a {font-weight:bold; color:#ec6200 !important; text-decoration:underline !important;}
.trans_info strong {color:#ec6200 !important;}
/*플레이엔씨 서비스*/
.wrap_logined #service {position:relative; width:188px; margin:0; padding:2px 0 0; background:url('/punch/layout/login/bg_service.gif') repeat-x 0 0;}
.wrap_logined #service #tab {overflow:hidden; _zoom:1; width:188px; margin:0 auto; padding:0;}
.wrap_logined #service #tab li {float:left;height:14px;margin:0; letter-spacing:-1px; font-weight:bold; list-style:none; background:url('/punch/layout/login/login_v2.gif') no-repeat right -90px;}
.wrap_logined #service #tab li#m_message {width:71px; padding:7px 0 6px 25px;}
.wrap_logined #service #tab li#m_tol {width:58px; padding:7px 0 6px 34px; background-image:none;}
.wrap_logined #service #tab li a {padding:0 0 0 12px; color:#152633; background:url('/punch/layout/login/login_v2.gif') no-repeat left -54px;}
.wrap_logined #service #tab li img {vertical-align:middle;}
.wrap_logined #service #tab li.on {position:relative; z-index:10; margin:0 0 0 -1px; border:solid #eaeaea; border-width:1px 1px 0 1px; background:#fff none;}
.wrap_logined #service #tab li#m_message.on {width:69px !important; margin:0 -1px 0 0; padding-top:6px;}
.wrap_logined #service #tab li#m_tol.on {width:57px !important; padding-top:6px;}
.wrap_logined #service #tab li.on a {color:#27a0d7; background-position:left -74px;}
.wrap_logined #service #tab li.inactive a {color:#999; background-position:left -94px;}
.wrap_logined #service #service_info {width:188px; margin:-1px auto 0 auto; text-align:center;}
.wrap_logined #service #service_info span {color:#E69102;}
.wrap_logined #service #service_info a span {display:none;}
.wrap_logined #service #service_info p.info_box {position:relative; z-index:5; display:none; width:178x; height:56px; margin:0; padding:5px 5px 0 5px; font-size:11px; color:#020103; line-height:1.3; border:1px solid #eaeaea; background-color:#fff;}
.wrap_logined #service #service_info p.info_box a {display:inline-block; background:url("/punch/layout/login/login_v2.gif") no-repeat;}
.wrap_logined #service #service_info p.info_box a.close {position:absolute; right:5px; bottom:5px; width:9px; height:9px; background-position:right -192px;}
.wrap_logined #service #service_info p.info_box a.read {background-position:left -117px; width:27px; height:17px; margin:7px 5px 0 0;}
.wrap_logined #service #service_info p.info_box a.write {background-position:right -117px; width:45px; height:17px;}
.wrap_logined #service #service_info p.info_box a.confirm {background-position:left -142px; width:27px; height:17px; margin:7px 5px 0 0;}
.wrap_logined #service #service_info p.info_box a.apply {background-position:right -142px; width:47px; height:17px;}
.wrap_logined #service #service_info p.info_box span.mytol {display:block; height:27px; padding-top:5px; text-align:center;}
.wrap_logined #service #service_info p.info_box span.mytol strong {display:inline-block; padding:0 0 0 15px; background:url("/punch/layout/login/login_v2.gif") left -192px;}
.wrap_logined #service #service_info p.info_box a.buy {background-position:left -167px; width:27px; height:17px; margin-right:5px;}
.wrap_logined #service #service_info p.info_box a.state {background-position:right -167px; width:27px; height:17px;}
.wrap_logined #service #service_info p.info_box em {font-style:normal;}
.wrap_logined #service #service_info p.info_box strong{color:#e69200;}
.wrap_logined #service #service_info p.info_box #newNoteCount {display:inline-block; color:#404040;}
.wrap_logined #service #service_info p.info_box #newNoteCount span {color:#e69200;}
.wrap_logined #service #service_info p.info_box #newReqCount {display:inline-block; color:#404040;}
.wrap_logined #service #service_info p.info_box #newReqCount span {color:#e69200;}
/*n코인수정*/
.wrap_logined #service #tab li#m_ncoin {width:58px; padding:7px 0 6px 34px; background-image:none;}
.wrap_logined #service #tab li#m_ncoin a {display:block;width:20px;margin-top:-2px;text-indent:-999px;overflow:hidden;background-position:left -52px;}
.wrap_logined #service #tab li#m_ncoin span {display:block;height:16px;background:url('/punch/layout/login/bg_ncoin.gif') no-repeat 0 0;}
.wrap_logined #service #tab li#m_ncoin.on {width:57px !important; padding-top:6px;}
.wrap_logined #service #tab li#m_ncoin.on a {background-position:left -72px;}
.wrap_logined #service #service_info p.info_box .wrap_my_ncoin,
.wrap_logined #service #service_info p.info_box .wrap_my_npoint {position:relative;display:block;width:160px;margin:7px 5px 0 5px;text-align:left;}
.wrap_logined #service #service_info p.info_box .wrap_my_ncoin a ,
.wrap_logined #service #service_info p.info_box .wrap_my_npoint a {display:inline-block; background:url("/punch/layout/login/bg_ncoin.gif") no-repeat;}
.wrap_logined #service #service_info p.info_box .my_ncoin {margin:0;padding:0 0 2px 16px;color:#337fd3;background-position:0 -20px !important;}
.wrap_logined #service #service_info p.info_box .my_npoint {padding:0 0 2px 16px;color:#f58424;background-position:0 -40px !important;}
.wrap_logined #service #service_info p.info_box .my_ncoin strong {color:#337fd3 !important;}
.wrap_logined #service #service_info p.info_box .my_ncoin strong,
.wrap_logined #service #service_info p.info_box .my_npoint strong {font-family:verdana;font-size:10px;} /* 숫자 verdana 10px*/
.wrap_logined #service #service_info p.info_box .recharge_ncoin {position:absolute;right:0;top:0;width:53px; height:16px;background-position:0 -60px !important;}
.wrap_logined #service #service_info p.info_box .nlounge {position:absolute;right:0;top:0;width:53px; height:16px;background-position:0 -80px !important;}
/* 계정정보 */
.wrap_logined .myaccount {overflow:hidden; _zoom:1; margin:0 0 10px; padding:3px 0 6px 0; background-color:#c6cddc;}
.wrap_logined .myaccount li {float:left; width:55px; margin:0; padding:4px 0 0 8px; list-style:none; font-size:11px; letter-spacing:-1px; background:url("/punch/layout/login/login_v2.gif") no-repeat right -227px;}
.wrap_logined .myaccount li a {color:#44545c;}
.wrap_logined .myaccount li.modify {}
.wrap_logined .myaccount li.logout {float:right; width:52px; background:none;}
.wrap_logined .myaccount li.none {background-image:none;}
/*체험계정*/
.wrap_logined .trans {width:188px; height:106px; margin:0; padding:49px 0 0; font-size:11px; text-align:center; line-height:1.5; letter-spacing:-1px; color:#666;}
.wrap_logined .trans p {margin:0; padding:0;}
.wrap_logined .trans p em {display:block; font-style:normal; color:#ec6200;}
.wrap_logined .trans p img {margin-top:5px;}
/*제재계정*/
.wrap_logined .declare_info {width:188px; margin:0; padding:20px 0;border-top:1px solid #eaeef1; border-bottom:1px solid #c7d3da; font-size:11px; text-align:center; line-height:1.4; letter-spacing:-1px; color:#666;}
.wrap_logined .declare_info p {margin:0; padding:0;}
.wrap_logined .declare_info p em {display:block; padding-bottom:10px; font-style:normal; color:#ec6200;}
.wrap_logined .declare_info p img {margin-top:5px;}
/* 접속현황 */
#miniAddressBook {width:188px; margin:0 auto; height:160px; padding:10px 0 20px 0; font-size:11px; }
#miniAddressBook .heading {height:20px; font-size:0; text-indent:-9999px; background:url("/punch/layout/login/login_v2.gif") no-repeat -172px -272px;}
#miniAddressBook #tabs {width:189px; margin:0 auto; padding:0; list-style:none;}
#miniAddressBook #tabs li {float:left; margin:0; padding:0;}
#miniAddressBook #tabs li span {display:inline-block; width:94px; height:11px; padding:9px 0 5px 0; text-align:center; font-size:11px; cursor:pointer;}
#miniAddressBook #tabs li span em {color:#f16702; font-size:11px; font-style:normal;}
#miniAddressBook #tabs li.friends .on {width:95px; border-top:1px solid #c8ceda; background-color:#f0f3f9;}
#miniAddressBook #tabs li.friends .off {width:95px; border-top:1px solid #a5aec1; color:#61757f; background-color:#c6cddc;}
#miniAddressBook #tabs li.friends .off em {color:#61757f;}
#miniAddressBook #tabs li.guild .on {width:94px; border-top:1px solid #c8ceda; background-color:#f0f3f9;}
#miniAddressBook #tabs li.guild .off {width:94px; border-top:1px solid #a5aec1; color:#61757f; background-color:#c6cddc;}
#miniAddressBook #tabs li.guild .off em {color:#61757f;}
#miniAddressBook .listScroll {clear:both; width:184px; margin:0 auto; height:115px; padding:5px 0 0 5px; background-color:#f0f3f9;}
#miniAddressBook .nothing {width:188px; margin:0 auto; padding:50px 0 50px; text-align:center; color:#2276bb;}
#miniAddressBook .characterList {position:relative; overflow-y:scroll; width:180px; height:115px; margin:0 auto; padding:0; list-style:none; color:444;
scrollbar-face-color: #eef2fb;
scrollbar-highlight-color: #adb8c6;
scrollbar-3dlight-color: #f0f3f9;
scrollbar-shadow-color: #adb8c6;
scrollbar-darkshadow-color: #f0f3f9;
scrollbar-track-color: #dfe3ec;
scrollbar-arrow-color: #adb8c6;
}
#miniAddressBook .characterList li {display:block; padding:3px 5px 0 0; vertical-align:middle; line-height:15px;}
#miniAddressBook .characterList li img {padding-right:3px; vertical-align:middle;}
#miniAddressBook .characterList li a {display:inline-block; width:80px; color:#2276bb; text-decoration:none;}
#miniAddressBook .characterList li span {display:inline-block;}
#miniAddressBook .characterList li span.level {width:35px; }
#miniAddressBook .characterList li em {font-style:normal;}
#miniAddressBook .characterList li.on a,
#miniAddressBook .characterList li.on em,
#miniAddressBook .characterList li.on .class {font-weight:bold;}