@charset "utf-8";

/* global */
* {-webkit-text-size-adjust:none;}
body {margin:0;padding:0;font-size:12px;color:#444;font-family:dotum, 돋움, AppleGothic,sans-serif;background:#f7f9ec url('/dragon/layout/bg_body.gif') repeat-x;}
form, input, select, textarea {margin:0;padding:0;font-size:12px;color:#444;font-family:dotum, 돋움, AppleGothic,sans-serif;}
img {border:0;}
a {color:#444;text-decoration:none;}
a:link {color:#444;text-decoration:none;}
a:hover {color:#444;text-decoration:underline;}
a:visited {color:#444;}
*html .png24 {tmp:expression(setPng24(this));}

/* layout */
#bg_section {min-width:970px;background:url('/dragon/layout/bg_section.gif') repeat-y center 0;
/*ie6,7*/*background-image:url('/dragon/layout/bg_section_ie6.gif');}
/*safari+chrome*/@media screen and (-webkit-min-device-pixel-ratio:0) {#bg_section {background-image:url('/dragon/layout/bg_section_ie6.gif');}}
#container {background:url('/dragon/layout/bg_container.jpg') no-repeat center 0;}
#header {position:relative;z-index:1;width:817px;height:110px;margin:0 auto;padding:102px 0 0 153px;}
	#header .logo {display:block;position:absolute;top:17px;left:368px;width:217px;height:70px;text-indent:-1000px;overflow:hidden;}
	#header .logo_power {display:block;position:absolute;top:35px;left:591px;width:85px;height:42px;text-indent:-1000px;overflow:hidden;background:url('/dragon/layout/logo_power.gif') no-repeat;}
	#header .favorite {position:absolute;top:5px;left:0;width:162px;height:26px;margin:0;padding:0;list-style:none;background:url('http://static.plaync.co.kr/dragon/layout/favorite.png') no-repeat;
	_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.plaync.co.kr/dragon/layout/favorite.png', sizingMethod='crop');}
	#header .favorite li {float:left;margin:0;padding:0;}
	#header .favorite li a {display:block;height:26px;cursor:pointer;text-indent:-1000px;overflow:hidden;}
	#header .favorite li.start a {width:86px;}
	#header .favorite li.favor a {width:76px;}
	#tbanner {position:absolute;top:14px;left:647px;}
	#rwing_banner {position:absolute;top:188px;left:985px;}
#section {width:970px;margin:0 auto;}
#reside {position:relative;z-index:2;float:left;width:203px;margin:-110px 0 0;color:#205006;}
	#commingsoonImg {width:203px;height:136px;padding:40px 0 0;text-align:center;}
	.gamedown {margin:0 0 22px;padding:0;text-align:center;}
	dl.quicklink_classbbs {width:176px;height:47px;margin:0 auto 21px;padding:17px 0 0 0;background:url('/dragon/layout/quicklink_classbbs_v2.gif') no-repeat 2px 0;}
	dl.quicklink_classbbs dt {display:none;}
	dl.quicklink_classbbs dd {float:left;width:44px;margin:0;padding:0;}
	dl.quicklink_classbbs dd a {display:block;width:100%;padding:38px 0 0;color:#205006;font-size:11px;text-align:center;overflow:hidden;}
	dl.quicklink_guide {width:111px;height:95px;margin:0 auto;padding:70px 0 0 63px;background:url('/dragon/layout/quicklink_guide.jpg') no-repeat;}
	dl.quicklink_guide dt {display:none;}
	dl.quicklink_guide dd {width:93px;height:22px;margin:0;padding:0;}
	dl.quicklink_guide dd a {display:block;width:100%;height:100%;text-indent:-1000px;overflow:hidden;}
	/* quicklink */
	.quicklink {width:171px;margin:0 auto;padding:21px 0 13px;background:url('/dragon/layout/quicklink.gif') no-repeat;}
	.quicklink dl {width:163px;margin:0;padding:11px 0 0 8px;overflow:hidden;background-color:#91c259;}
	.quicklink dt {display:none;}
	.quicklink dd {float:left;width:74px;height:21px;margin:0;padding:0 0 0 5px;color:#39651a;font-size:11px;letter-spacing:-1px;background:url('/dragon/layout/quicklink.gif') no-repeat 0 -26px;}
	.quicklink dd a {color:#39651a;}
	.quicklink dd a strong {letter-spacing:-2px;}
#reside .btn_guide {margin:0;padding:0 0 0 6px;}
#contents {float:left;width:700px;padding:0 25px 25px;}
	.wrap_pageinfo {width:700px;height:36px;overflow:hidden;}
	.wrap_pageinfo h1 {float:left;height:25px;margin:0;padding:0;}
	.wrap_pageinfo .linemap {float:right;padding:6px 0 0;color:#9d9d9d;font-size:11px;letter-spacing:-1px;}
	.wrap_pageinfo .linemap span {padding:0 4px;}
	.wrap_pageinfo .linemap a {color:#595959;}
	.wrap_pageinfo .linemap a.current {color:#404040;font-weight:bold;}
#footer {clear:both;position:relative;width:970px;height:220px;background:#f7f9ec url('/dragon/layout/footer.gif?v=1') no-repeat;}
	#footer dfn, #footer address {display:none;}
	#footer .ncsoft a {position:absolute;top:60px;left:76px;width:51px;height:45px;}
	#footer .dev a {position:absolute;top:60px;left:140px;width:37px;height:45px;}
	#footer .utilmenu {position:absolute;top:62px;left:203px;margin:0;padding:0;list-style:none;}
	#footer .utilmenu li {float:left;height:11px;}
	#footer .utilmenu li.m1 {width:41px;}
	#footer .utilmenu li.m2 {width:48px;}
	#footer .utilmenu li.m3 {width:172px;}
	#footer .utilmenu li.m4 {width:48px;}
	#footer .utilmenu li.m5 {width:86px;}
	#footer .utilmenu li.m6 {width:48px;}
	#footer .utilmenu li.m7 {width:79px;}
	#footer .utilmenu li.m8 {width:28px;}
	#footer .utilmenu li a {display:block;width:100%;height:100%;}
#footer_yahoo {position:relative;clear:both;width:850px;height:150px;padding:50px 0 0 120px;background:#f7f9ec url('/dragon/layout/footer_yahoo.gif?v=1') no-repeat;}
#footer_yahoo p {margin:0;padding:0;}
#footer_yahoo dfn {display:none;}
#footer_yahoo a.ncsoft {position:absolute;top:63px;left:45px;width:55px;height:47px;text-indent:-999px;overflow:hidden;}
#footer_yahoo address {margin:0 0 11px;padding:0 0 12px;color:#666;font-style:normal;font-size:11px;border-bottom:1px solid #afd387;}
#footer_yahoo .utilmenu {margin:0 0 24px 0; padding:0;}
#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 {margin-left:366px; font-size:11px; line-height:1.8;}
#footer_yahoo .grade {display:none;}

/* 로그인 */
.wrap_login {width:170px;margin:0 auto 25px;}
.wrap_login h2 {height:18px;margin:0;padding:0;font-size:12px;color:#fff;}
.wrap_login a {color:#205006;}
/* 로딩중 */
.wrap_login .loading {width:170px;height:65px;margin:0;padding:42px 0 0;color:#fff;font-size:11px;text-align:center;}
.wrap_login .loading img {margin:5px 0 0;}
/* 로그인 전 */
.wrap_login #key_security {width:170px;height:18px;margin:-18px 0 0;text-align:right;font-size:11px;letter-spacing:-1px;}
.wrap_login #key_security a {display:inline-block;padding:1px 27px 0 0;color:#447315;cursor:pointer;background:url("/dragon/layout/login_v3.gif") no-repeat right -60px;}
.wrap_login #key_security a.on {background-position:right -80px;}
.wrap_login fieldset {position:relative;z-index:2;width:170px;height:55px;margin:0 auto;padding:0;border:0 none;}
.wrap_login fieldset legend {display:none;}
.wrap_login fieldset input {position:absolute;width:109px;height:15px;padding:5px 0 0 4px;color:#457215;font-size:11px;border:1px solid #bfbfc1;}
.wrap_login fieldset input#id {left:0;top:0;background-color:#fff;}
.wrap_login fieldset input#pwd {left:0;top:25px;background-color:#fff;}
.wrap_login fieldset input#login {left:119px;top:0;width:51px;height:47px;text-indent:-999px;border:0 none;cursor:pointer;background:url('/dragon/layout/login_v2.gif') right 0 no-repeat;}
.wrap_login fieldset .user_id {background:url('/dragon/layout/login_v3.gif') 4px 0 no-repeat;}
.wrap_login fieldset .user_pwd {background:url('/dragon/layout/login_v3.gif') 4px -20px no-repeat;}
.wrap_login .member {width:170px;margin:0 auto 12px;padding:0;font-size:11px;color:#444;letter-spacing:-1px;list-style:none;overflow:hidden;}
.wrap_login .member .join {float:left;padding-right:20px;font-weight:bold;background:url('/dragon/layout/login_v3.gif') right -100px no-repeat;}
.wrap_login .member .join a {color:#f7f9ee;}
.wrap_login .member .find {float:right;color:#d2e8ba;}
.wrap_login .member .find a {color:#d2e8ba;}
.wrap_login .trans {margin:0;padding:0;font-size:11px;letter-spacing:-1px;}
.wrap_login .trans a {display:block;width:130px;height:17px;margin:0;padding:9px 0 0 40px;background:url('/dragon/layout/btn_trans.gif') no-repeat;}
/* 로그인 후 */
.wrap_login .select_character {position:relative;z-index:6;margin:0 0 11px;letter-spacing:-1px;}
.wrap_login .select_character p {height:15px;margin:0;padding:5px 0 0 5px;border:1px solid #74a33d;font-size:11px;cursor:pointer;background:#92c05d url('/dragon/layout/login_v3.gif') right -250px no-repeat;}
.wrap_login .select_character p.onLyBtn_selectChar {background-position:right -264px;}
.wrap_login .select_character ul {position:absolute;width:168px;margin:0;padding:0;list-style:none;border:1px solid #74a33d;cursor:pointer;background-color:#fff;}
.wrap_login .select_character ul li {width:152px;margin:0;padding:7px 8px;color:#444;font-size:11px;}
.wrap_login .select_character ul li:hover, .wrap_login .select_character ul li.hover {background-color:#e4f1d5;}
.wrap_login .select_character ul li.none  {padding:20px 0;text-align:center;}
.wrap_login .select_character ul li.none:hover {cursor:default;background-color:#fff;}
.wrap_login .select_character ul li strong {display:block;padding:0 0 4px;color:#66a634;font-size:12px;}
.wrap_login .select_character ul li .bar {padding:0 3px;color:#bebebe;}
.wrap_login .myinfo {font-size:11px;letter-spacing:-1px;padding:0 0 9px 5px;background:url('/dragon/layout/login_line.gif') 0 bottom repeat-x;}
.wrap_login .myinfo .nickname {display:block;margin:0;padding:0;color:#205006;font-size:14px;}
.wrap_login .myinfo .nickname a {padding-right:18px;color:#205006;font-weight:bold;background:url('/dragon/layout/login_v3.gif') right -319px no-repeat;}
.wrap_login .myinfo .info {margin:0;padding:7px 0 0;color:#205009;line-height:1.3;}
.wrap_login .myinfo .info .guild {padding-left:19px;background:url('/dragon/layout/login_v3.gif') 0 -232px no-repeat;}
.wrap_login .myinfo .bar {padding:0 2px;color:#599227}
.wrap_login .mynick {padding-bottom:6px;color:#657cad;}
.wrap_login .mynick a {padding-right:2px;color:#657cad;font-weight:bold;}
.wrap_login .txt_info {padding:10px 6px;font-size:11px;color:#205006;line-height:1.4;letter-spacing:-1px;text-align:center;background:#6d9d39 url('/dragon/layout/login_line.gif') 0 bottom repeat-x;}
	.wrap_login .txt_trans {text-align:left;}
.wrap_login .txt_info p {margin:0;padding:4px 0;}
.wrap_login .txt_info .yellow {color:#fde65c;}
.wrap_login .txt_info a {color:#fde65c;font-weight:bold;text-decoration:underline;}
.wrap_login .txt_info a.cscenter {display:block;width:57px;height:16px;margin:5px auto;background:url("/dragon/layout/login_v3.gif") no-repeat 0 -290px;}
.wrap_login .txt_info a.cscenter dfn {display:none;}

/* 서비스 */
.wrap_login .service {width:170px;padding:6px 0 0;background_:red;}
.wrap_login .service #tab {width:100%;margin:0;padding:0;overflow:hidden;}
.wrap_login .service #tab li {float:left;height:24px;margin:0;padding:0;list-style:none;font-size:11px;letter-spacing:-1px;overflow:hidden;}
	.wrap_login .service #tab li#guestbook {width:63px;padding-left:7px;color:#b5d691;}
	.wrap_login .service #tab li#m_message {width:57px;}
	.wrap_login .service #tab li#m_tol {width:39px;}
	.wrap_login .service #tab li#m_coin {width:43px;}
.wrap_login .service #tab li.on {background-color:#a5d275;}
.wrap_login .service #tab li a {display:block;height:17px;padding:6px 0 0 17px;color:#fff;background:url('/dragon/layout/login_v3.gif') no-repeat 7px -48px;}
.wrap_login .service #tab li.on a {font-weight:bold;letter-spacing:-2px;background-position:7px -68px;}
.wrap_login .service #tab li#guestbook a {padding-left:0;background:none;}
.wrap_login .service #tab li#guestbook span {display:block;height:17px;padding:6px 0 0;}
.wrap_login .service #tab li#m_coin a {text-indent:-999px;background-position:7px -346px;}
.wrap_login .service #tab li#m_coin.on a {background-position:-53px -346px;}
.wrap_login .service #tab li.inactive a {color:#999;background-position:left -94px;}
.wrap_login .service #tab li img {margin:-2px 0 0;vertical-align:middle;}
.wrap_login .service #tab li strong {color:#fefb00;}
.wrap_login .service #service_info {width:170px;text-align:center;}
.wrap_login .service #service_info .info_box {position:relative;display:none;height:67px;margin:0;padding:10px 0 4px;font-size:11px;line-height:1.3;background-color:#a5d275;}
.wrap_login .service #service_info span.sys_msg {display:block;height:33px;}
.wrap_login .service #service_info span.sys_msg .none {display:block;padding:10px 0 0;}
.wrap_login .service #service_info a {display:inline-block;background:url("/dragon/layout/login_v3.gif?v=1") no-repeat;}
.wrap_login .service #service_info a span {display:none;}
.wrap_login .service #service_info a.close {position:absolute;right:5px;bottom:4px;width:8px;height:9px;background-position:right -192px;}
.wrap_login .service #service_info a.read {background-position:left -117px;width:27px;height:17px;margin:7px 0 0;}
.wrap_login .service #service_info a.write {background-position:right -117px;width:45px;height:17px;}
.wrap_login .service #service_info a.confirm {background-position:left -150px;width:27px;height:17px;margin:7px 0 0;}
.wrap_login .service #service_info a.apply {background-position:right -150px;width:47px;height:17px;}
.wrap_login .service #service_info span.mytol {display:block;height:23px;padding:10px 0 0;}
.wrap_login .service #service_info span.mytol strong {display:inline-block;padding:1px 0 0 15px;background:url("/dragon/layout/login_v3.gif") left -192px;}
.wrap_login .service #service_info a.buy {background-position:left -167px;width:27px;height:17px;margin:7px 0 0;}
.wrap_login .service #service_info a.state {background-position:right -167px;width:27px;height:17px;}
.wrap_login .service #service_info em {font-style:normal;}
.wrap_login .service #service_info .sys_msg span {color:#fefb00;}
.wrap_login .service #service_info .wrap_my_ncoin,
.wrap_login .service #service_info .wrap_my_npoint {display:block;text-align:left;padding:5px 0 0 14px;}
.wrap_login .service #service_info p.info_box a.my_ncoin {margin:8px 0 1px;padding:0 0 2px 16px;color:#2187cb;background-position:-150px -350px;}
.wrap_login .service #service_info p.info_box a.my_npoint {padding:0 0 2px 16px;color:#f48522;background-position:-150px -380px;}
.wrap_login .service #service_info p.info_box a.my_ncoin strong,
.wrap_login .service #service_info p.info_box a.my_npoint strong {font-family:verdana;font-size:10px;}
.wrap_login .service #service_info p.info_box a.recharge_ncoin {position:absolute;right:16px;top:22px;width:53px;height:16px;background-position:0 -376px;}
.wrap_login .service #service_info p.info_box a.nlounge {position:absolute;right:16px;top:43px;width:53px;height:16px;background-position:0 -404px;}

/* 계정정보 */
.wrap_login .myaccount {overflow:hidden;width:170px;margin:0;padding:10px 0 11px 0;text-align:center;background:url('/dragon/layout/login_line.gif') 0 bottom repeat-x;}
.wrap_login .myaccount li {display:inline;padding:0 4px 0 8px;list-style:none;font-size:11px;letter-spacing:-1px;background:url("/dragon/layout/login_v3.gif") no-repeat 0 -212px;}
.wrap_login .myaccount li.add {font-weight:bold;background-image:none;}

/* 접속현황 */
.wrap_friend_list {width:170px;margin:-12px auto 30px;font-size:11px;letter-spacing:-1px;}
.wrap_friend_list .heading {height:17px;font-weight:bold;}
.wrap_friend_list ul {margin:0;padding:0;list-style:none;background-color:#abd67c;}
.wrap_friend_list ul li {margin:0;padding:0;}
.wrap_friend_list ul.tabs {width:170px;height:24px;background-color:#6d9d39;}
.wrap_friend_list ul.tabs li {float:left;width:83px;height:17px;padding:7px 0 0;border:1px solid #74a43e;border-bottom:none;text-align:center;cursor:pointer;}
.wrap_friend_list ul.tabs li.on {background-color:#abd67c;}
.wrap_friend_list ul.tabs li em {color:#fefb00;font-style:normal;}
.wrap_friend_list ul.list {width:168px;height:114px;border:1px solid #74a43e;border-top:none;background-color:#abd67c;overflow-y:auto;
scrollbar-track-color:#a5d275;
scrollbar-face-color:#a5d275;scrollbar-arrow-color:#6e9e3a;
scrollbar-3dlight-color:#a5d275;scrollbar-darkshadow-color:#a5d275;
scrollbar-highlight-color:#6e9e3a;scrollbar-shadow-color:#6e9e3a;
}
.wrap_friend_list ul.list li {width:145px;height:17px;padding:4px 0 1px 5px;color:#656565;text-align:right;overflow:hidden;}
.wrap_friend_list ul.list li a {float:left;color:#656565;}
.wrap_friend_list ul.list li a img {width:17px;height:17px;padding:0 1px 2px 0;vertical-align:middle;}
.wrap_friend_list ul.list li .state {display:inline-block;width:21px;padding:3px 0 0;text-align:center;}
.wrap_friend_list ul.list li.none {text-align:center;padding:45px 0 0 10px;}
.wrap_friend_list ul.list li.on {color:#214f06;}
.wrap_friend_list ul.list li.on a {color:#215107;}
.wrap_friend_list ul.list li.on .state {color:#fff100;font-weight:bold;}