html, body{height: 100%;margin: 0;padding: 0;font-size:12px; font-family:dotum, 돋움,AppleGothic,sans-serif; color:#696969;}
div,form, input, select, textarea{margin:0; padding:0; font-size:12px; font-family:dotum, 돋움,AppleGothic,sans-serif; color:#696969}
img{border:0 none}
a, a:link, a:visited, a:active{color:#696969; text-decoration:none}
a:hover{color:#696969; text-decoration:underline}
h1, hr {display:none;}
h2 {margin:0;padding:0;}

/* Layout
-----------------------------------------------------------------------------------*/
/* footer visual */
.bg_container_l{position:absolute;bottom:0;left:0;width:50%;height:993px;overflow:hidden;z-index:1}
.bg_container_r{position:absolute;bottom:0;right:0;width:50%;height:993px;overflow:hidden;z-index:1}
.bg_container_l .wrap_visual {position:relative;width:100%;height:100%;}
.bg_container_r .wrap_visual {position:relative;width:100%;height:100%;}
.bg_container_l .wrap_visual div {position:absolute;bottom:0;right:485px;width:715px;height:951px;background:url('/bns/cbt2/layout/bg_container_btm.jpg') no-repeat left bottom;}
.bg_container_r .wrap_visual div {position:absolute;bottom:0;left:485px;width:715px;height:951px;background:url('/bns/cbt2/layout/bg_container_btm.jpg') no-repeat right bottom;}
#container {width:100%;position:relative;min-height:100%;margin:0;}
* html #container {height: 100%;}
.wrap_container {position:relative;padding:0 0 0;background:url("/bns/cbt2/layout/bg_body.gif") repeat-x 0 0;z-index:2}
#header {height:495px;position:relative;background:url("/bns/cbt2/main/bg_header.gif") repeat-x;}
.wrap_header {height:495px;position:relative;background:url("/bns/cbt2/main/bg_header.jpg") center 0 no-repeat;}
.visual {position:relative;width:970px;height:495px;margin:0 auto;background:url("/bns/cbt2/main/bg_header.jpg") center 0 no-repeat;}

#header .logo{position:relative;z-index:2;width:228px;height:116px;background:url("/bns/cbt2/layout/logo.png") no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.plaync.co.kr/bns/cbt2/layout/logo.png',sizingMethod='crop');}
#header .logo a{display:block;width:100%;height:100%;font-size:0; text-indent:-99999px}
#header .gamestart {position:absolute;bottom:15px;left:0;width:220px;height:300px;}
#header .gamestart a{display:block;width:100%;height:269px;font-size:0; text-indent:-99999px}
#header .wrap_rollvisual {position:absolute;top:110px;left:250px;}
#header .wrap_rollvisual ul {overflow:hidden;width:720px;height:370px;margin:0;padding:0;list-style:none;}
#header .wrap_rollvisual ul li {float:left;/* (s) fadeInOut */position:absolute;top:0;left:0;/* (e) fadeInOut */width:720px;height:370px}
#header .wrap_rollvisual ul li.hidden {display:none}
#header .wrap_rollvisual ul li img {width:720px;height:370px;vertical-align:top}
#header .wrap_rollvisual .visual_pager {position:absolute;top:303px;left:433px;margin:0;padding:0;z-index:3;overflow:hidden;}
#header .wrap_rollvisual .visual_pager a {float:left;width:22px;height:22px;margin:0 3px 0 0;text-indent:-9999px;overflow:hidden;background:url("/bns/cbt2/main/btn_visualroll.png") no-repeat;_background:url("/bns/cbt2/main/btn_visualroll.jpg") no-repeat;}
#header .wrap_rollvisual .visual_pager a.p0,
#header .wrap_rollvisual .visual_pager a.p1,
#header .wrap_rollvisual .visual_pager a.p2,
#header .wrap_rollvisual .visual_pager a.p3 {background-position:0 0}
#header .wrap_rollvisual .visual_pager a.p0on,
#header .wrap_rollvisual .visual_pager a.p1on,
#header .wrap_rollvisual .visual_pager a.p2on,
#header .wrap_rollvisual .visual_pager a.p3on {background-position:0 -22px}



/* navi */
#nav{position:absolute; top:30px;left:250px;width:560px; height:80px; overflow:hidden;}
.nav_uidev {position:absolute; top:110px;left:251px;width:547px; height:140px; overflow:hidden;background-color:#42444e;border-radius:10px; padding:10px;opacity:.70;-moz-opacity:.70;filter:alpha(opacity=70);}
.nav_uidev  a{display:block;padding:3px 0;color:#FFF;}
.nav_uidev  ul{clear:both;margin:0;padding:0;list-style:none;}
.nav_uidev  ul li{float:left;margin:0;padding:0;list-style:none;width:100px;}
.nav_uidev  ul li p{float:left;margin:0;padding:0 0 0 0;overflow:hidden;font-size:16px;letter-spacing:-1px;}
.nav_uidev  ul li p a{height:24px;}
.nav_uidev  ul li.about div ul {left:10px;}
.nav_uidev  ul li.magazine div ul {left:110px;}
.nav_uidev  ul li.community div ul {left:210px;}
.nav_uidev  ul li.news div ul {left:410px;}
.nav_uidev  ul ul {position:absolute; top:52px; left:0;}
.nav_uidev  ul ul li {clear:both;margin-right:10px;}
.nav_uidev  ul li div.off ul {/* display:none; */  }
.nav_uidev  a {overflow:hidden;letter-spacing:-1px;}
.nav_uidev  .focus p a ,
.nav_uidev  a.focus {font-weight:bold;text-decoration:underline;}

#section {width:970px;margin:0 auto 5px;border-bottom:1px solid #e1e1e1;position:relative;z-index:4;overflow:auto;_overflow:visible;_height:1%;background:url("/bns/cbt2/layout/bg_section.gif") repeat-y;}
#reside{float:left;width:220px;padding:0 30px 0 0;}
#contents{float:left;width:720px;margin:0;padding:0;}
#footer{clear:both;position:relative;z-index:4;width:970px;height:190px;margin:0 auto 0;padding:0 0 30px 0;text-indent:-9999px;font-size:0;background:url("/bns/cbt2/layout/bg_footer_v2.gif") no-repeat}
#footer ul{margin:0;padding:0;list-style:none}
#footer ul li a{position:absolute;display:block;top:18px;height:12px;text-indent:-9999px;font-size:0}
#footer ul li a.fm1{width:37px;left:245px}
#footer ul li a.fm2{width:37px;left:293px}
#footer ul li a.fm3{width:160px;left:342px}
#footer ul li a.fm4{width:39px;left:512px}
#footer ul li a.fm5{width:77px;left:560px}
#footer ul li a.fm6{width:39px;left:646px}
#footer ul li a.fm7{width:75px;left:692px}
#footer ul li a.fm8{width:26px;left:773px}
#footer ul li a.ftc{width:52px;top:52px !important;left:355px}
#footer p a{position:absolute;display:block}
/* left notice */
#reside .wrap_notice{overflow:hidden;width:200px;margin:0 0 20px 10px}
#reside .wrap_notice h2{height:21px;margin:0 0 10px 0;padding:0;background:url('/bns/cbt2/layout/bg_reside.gif') no-repeat ;}
#reside .wrap_notice h2 a{position:relative;display:block;width:100%;height:100%;text-indent:-9999px;font-size:0}
#reside .wrap_notice ul{margin:0;padding:0 0 0 5px;list-style:none}
#reside .wrap_notice ul li{margin:0 0 6px 0;padding:0 0 0 10px;background:url('/bns/cbt2/layout/bg_reside.gif') no-repeat 0 -28px;font-size:11px;letter-spacing:-1px}
#reside .wrap_notice ul li a{color:#696969}
#reside .wrap_notice ul li a:hover{color:#d64b00}
#reside .wrap_quicklink {width:196px;height:99px;margin:0 auto;background-color:#FFF;border:2px solid #C86A40;}
#reside .wrap_quicklink ul{margin:5px 0 0 5px;padding:0;list-style:none}
#reside .wrap_quicklink ul li{float:left;width:93px;height:45px;margin:0;padding:0;list-style:none}
#reside .wrap_quicklink ul li a {display:block;width:100%;height:100%;background:url('/bns/cbt2/layout/quicklink_v2.gif') no-repeat;text-indent:-99999px;overflow:hidden;}
#reside .wrap_quicklink ul li.m1 a {background-position:0 0;}
#reside .wrap_quicklink ul li.m2 a {background-position:-93px 0;}
#reside .wrap_quicklink ul li.m3 a {background-position:0 -45px;}
#reside .wrap_quicklink ul li.m4 a {background-position:-93px -45px;}
#reside .wrap_banner {clear:both;margin:20px 0 0 10px;}
#reside .wrap_banner p{margin:0 0 10px;}


/* login */
.wrap_login{width:218px;margin:0 0 20px;border:1px solid #D2CDC3;background:#DED8CC}
.wrap_login h2{height:18px;margin:0;padding:17px 0 2px 14px;font-size:12px;color:#474747}
.wrap_login a{color:#6d6d6d}
.wrap_login .loading{width:218px;height:87px;margin:0;padding:40px 0 0;color:#6c6d71;font-size:11px;text-align:center}
.wrap_login .loading img{margin:5px 0 0}
/* login : before */
.wrap_login #key_security{position:absolute; top:0; right:0;width:190px;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:#6c6d71;cursor:pointer;background:url('/bns/cbt2/layout/login.gif') no-repeat right -60px}
.wrap_login #key_security a.on{background-position:right -80px}
.wrap_login fieldset{position:relative;z-index:20;width:190px;height:56px;margin:0 auto;padding:0;border:0 none}
.wrap_login fieldset legend{display:none}
.wrap_login fieldset input{position:absolute;width:124px;height:15px;padding:5px 0 0 4px;color:#6c6d71;font-size:11px;border:1px solid #bebebe}
.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:135px;top:0;width:55px;height:47px;text-indent:-999px;border:0 none;cursor:pointer;background:url('/bns/cbt2/layout/login.gif') right 0 no-repeat}
.wrap_login fieldset .user_id{background:url('/bns/cbt2/layout/login.gif') 4px 0 no-repeat}
.wrap_login fieldset .user_pwd{background:url('/bns/cbt2/layout/login.gif') 4px -20px no-repeat}
.wrap_login .member{width:190px;margin:0 auto 8px;padding:9px 0 0 0;font-size:11px;color:#6d6d6d;letter-spacing:-1px;list-style:none;overflow:hidden;background:url('/bns/cbt2/layout/login.gif') 0 -423px no-repeat;}
.wrap_login .member .join{float:left;padding:0 20px 0 10px;font-weight:bold;background:url('/bns/cbt2/layout/login.gif') right -98px no-repeat}
.wrap_login .member .join a{color:#6d6d6d}
.wrap_login .member .find{float:right;color:#6d6d6d; padding-right:7px}
.wrap_login .member .find a{color:#6d6d6d}
.wrap_login .myinfo{clear:both}
.wrap_login .myinfo h2{color:#686868;font-weight:normal;line-height:18px;height:45px;}
.wrap_login .myinfo h2 img{float:left;margin-right:24px;_margin-right5px:}
.wrap_login .myinfo h2 strong{display:block;width:135px;color:#2D2D2D;padding-top:3px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.wrap_login .try{width:160px;margin:0 auto;padding:20px;text-align:center;color:#919191;font-size:11px;letter-spacing:-1px;line-height:17px;background:#FFF}
.wrap_login .try strong{color:#f38900}
/* service */
.wrap_login #service {clear:both;width:190px;margin:0 0 0 14px;border-top:1px solid #c0c0c0;border-bottom:1px solid #CACACA;}
.wrap_login #service #tab {width:190px;height:25px;overflow:hidden;margin:0;padding:0;border-top:1px solid #ebebeb;}
.wrap_login #service #tab li {float:left;width:64px;margin:0;padding:0;letter-spacing:-1px;list-style:none;}
.wrap_login #service #tab li a {display:block;height:19px;padding:8px 0 0 22px;color:#7d7d7d;font-size:11px;font-weight:bold;background:url('/bns/cbt2/layout/login.gif') no-repeat 11px -46px;}
.wrap_login #service #tab li img {vertical-align:middle;margin:0 0 0 1px;}
.wrap_login #service #tab li.on {position:relative;z-index:10;margin:0 0 0 0;padding:0;background-color:#fff;}
.wrap_login #service #tab li.on a {color:#747474;background-position:11px -66px;}
.wrap_login #service #tab li#m_tol {width:62px;background-image:none;}
.wrap_login #service #tab li#m_coin {width:62px;background-image:none;}
.wrap_login #service #tab li#m_coin a {text-indent:-999px;background-position:14px -346px;}
.wrap_login #service #tab li#m_coin.on a {background-position:-46px -346px;}
.wrap_login #service_info {width:190px;;margin:0 0 10px;text-align:center;background-color:#FFF;}
.wrap_login #service_info .sys_msg {display:block;min-height:28px;}
.wrap_login #service_info .sys_msg span {color:#EABF3C;}
.wrap_login #service_info .sys_msg span.none {display:block;padding:5px 0;}
.wrap_login #service_info a span {display:none;}
.wrap_login #service_info p.info_box {position:relative;z-index:5;display:none;width:188px;height:55px;margin:0;padding:6px 5px 0 5px;font-size:11px;line-height:1.3;}
.wrap_login #service_info p.info_box a {display:inline-block;background:url("/bns/cbt2/layout/login.gif") no-repeat;vertical-align:middle;}
.wrap_login #service_info p.info_box a.close {position:absolute;right:5px;bottom:5px;width:9px;height:9px;background-position:right -192px;}
.wrap_login #service_info p.info_box a.read {background-position:left -117px;width:28px;height:16px;margin:5px 3px 0 0;}
.wrap_login #service_info p.info_box a.write {background-position:right -117px;width:45px;height:16px;margin-top:5px;}
.wrap_login #service_info p.info_box a.confirm {background-position:left -142px;width:28px;height:16px;margin:5px 3px 0 0;}
.wrap_login #service_info p.info_box a.apply {background-position:right -142px;width:47px;height:16px;margin-top:5px;}
.wrap_login #service_info p.info_box span.mytol {display:block;padding:8px 0;text-align:center;}
.wrap_login #service_info p.info_box span.mytol strong {display:inline-block;padding:0 0 0 15px;background:url("/bns/cbt2/layout/login.gif") -84px -192px;}
.wrap_login #service_info p.info_box a.buy {background-position:left -167px;width:28px;height:16px;margin-right:1px;}
.wrap_login #service_info p.info_box a.state {background-position:right -167px;width:28px;height:16px;}
.wrap_login #service_info p.myarea {margin:0;padding:0;text-align:center;}
.wrap_login #service_info p.myarea a {text-decoration:underline;}
.wrap_login #service_info .wrap_my_ncoin,
.wrap_login #service_info .wrap_my_npoint {display:block;text-align:left;padding:5px 0 0 0;}
.wrap_login #service_info p.info_box a.my_ncoin {margin:5px 0 1px;padding:0 0 2px 16px;color:#2187cb;background-position:-150px -350px;}
.wrap_login #service_info p.info_box a.my_npoint {padding:0 0 2px 16px;color:#f48522;background-position:-150px -380px;}
.wrap_login #service_info p.info_box a.my_ncoin strong,
.wrap_login #service_info p.info_box a.my_npoint strong {font-family:verdana;font-size:10px; padding-left:10px;}
.wrap_login #service_info p.info_box a.recharge_ncoin {position:absolute;right:20px;top:15px;width:53px;height:16px;background-position:0 -376px;}
.wrap_login #service_info p.info_box a.nlounge {position:absolute;right:20px;top:37px;width:53px;height:16px;background-position:0 -404px;}
.wrap_login .myaccount{overflow:hidden;width:190px;margin:0 14px 0;padding:10px 0 11px 0;text-align:center;border-top:1px solid #F0F0F0;}
.wrap_login .myaccount li{display:inline;padding:0 6px 0 8px;list-style:none;font-size:11px;letter-spacing:-1px;background:url('/bns/cbt2/layout/login.gif') no-repeat 0 -212px}
.wrap_login .myaccount li.add{padding-left:2px;font-weight:bold;background-image:none}


/* Content
-----------------------------------------------------------------------------------*/
.c_header {position:relative;padding:0 0 7px 1px;border-bottom:1px solid #a50000;_zoom:1;}
.c_header h2 a {display:block;height:100%;font-size:0;text-indent:-99999px;}
.c_header a.more {display:block;position:absolute;top:-1px;width:45px;height:14px;letter-spacing:-1px;font-size:0;text-indent:-9999px;background:url('/bns/cbt2/main/main_v3.gif') no-repeat 0 -32px;}
.wrap_topsecret h2, .wrap_event h2 {display:none}

.wrap_top{overflow:hidden;_zoom:1;margin-bottom:20px;}
/* B&S비급 */
.wrap_topsecret{float:left;width:500px;margin-right:15px;}
.wrap_aside{margin-bottom:10px;}
.wrap_aside img {display:block;}

/* 이벤트 */
.wrap_event{float:left;width:203px;border:1px solid #a09070;}
.wrp_rollBanner {position:relative;width:203px;height:198px;overflow:hidden}
.wrp_rollBanner .banner {position:relative;width:203px;height:198px;overflow:hidden} /* fadeInOut */
.wrp_rollBanner .banner ul {width:203px;height:198px;margin:0;padding:0;list-style:none;overflow:hidden}
.wrp_rollBanner .banner ul li {float:left;/* (s) fadeInOut */position:absolute;top:0;left:0;/* (e) fadeInOut */width:203px;height:198px}
.wrp_rollBanner .banner ul li.hidden {display:none}
.wrp_rollBanner .banner ul li img {width:203px;height:198px;vertical-align:top}
.wrp_rollBanner .banner .page_bar {height:30px;margin:-30px 0 0;background-color:#000;opacity:0.4;filter:alpha(opacity=40);/* (s) fadeInOut */position:relative;z-index:2/* (e) fadeInOut */}
.wrp_rollBanner .pager {position:relative;width:185px;margin:-30px 0 0;padding:7px 6px 0 11px;/* (s) fadeInOut */z-index:3;/* (e) fadeInOut */overflow:hidden;}
.wrp_rollBanner .pager a {float:left;width:15px;height:15px;margin:0 6px 0 0;text-indent:-9999px;overflow:hidden;background:url("/bns/cbt2/main/btn_event_paging.gif") no-repeat}
.wrp_rollBanner .pager .more {float:right;width:16px;height:16px;margin:0;background-position:right 0}
.wrp_rollBanner .pager a.p0 {background-position:0 0}
.wrp_rollBanner .pager a.p1 {background-position:-15px 0}
.wrp_rollBanner .pager a.p2 {background-position:-30px 0}
.wrp_rollBanner .pager a.p3 {background-position:-45px 0}
.wrp_rollBanner .pager a.p4 {background-position:-60px 0}
.wrp_rollBanner .pager a.p5 {background-position:-75px 0}
.wrp_rollBanner .pager a.p6 {background-position:-90px 0}
.wrp_rollBanner .pager a.p7 {background-position:-105px 0}
.wrp_rollBanner .pager a.p0on {background-position:0 -15px}
.wrp_rollBanner .pager a.p1on {background-position:-15px -15px}
.wrp_rollBanner .pager a.p2on {background-position:-30px -15px}
.wrp_rollBanner .pager a.p3on {background-position:-45px -15px}
.wrp_rollBanner .pager a.p4on {background-position:-60px -15px}
.wrp_rollBanner .pager a.p5on {background-position:-75px -15px}
.wrp_rollBanner .pager a.p6on {background-position:-90px -15px}
.wrp_rollBanner .pager a.p7on {background-position:-105px -15px}

/* B&S스토리맵 */
.wrap_storymap {margin-bottom:20px;}
.wrap_storymap .loading {padding:141px 0 150px;border:1px solid #B6B6B6;text-align:center;}
.wrap_storymap:after {content:' ';display:block;clear:both;visibility:hidden;height:0;line-height:0;font-size:0;}
.wrap_storymap .c_header{border-bottom:0 none;}
.wrap_storymap h2 {width:74px;height:13px;background:url('/bns/cbt2/main/main_v3.gif') no-repeat 0 -5px;}
.wrap_storymap a.more {left:83px;}
.wrap_storymap .map_view {*zoom:1;}
.wrap_storymap .map_view:after {content:' ';display:block;clear:both;visibility:hidden;height:0;line-height:0;font-size:0;}
.wrap_storymap .wrap_maparticle .loading {padding:70px 0 0;text-align:center;border:0;}

.wrap_storymap .wrap_map {position:relative;float:left;width:264px;height:323px;padding:6px 0 0 6px;z-index:10;background-color:#332019;}
.wrap_storymap .wrap_map a {display:inline-block;width:126px;height:33px;margin-right:-3px;background:url('/bns/cbt2/main/nav_zoneselect_v2.gif') no-repeat;}
.wrap_storymap .wrap_map a dfn {display:none;}
.wrap_storymap .wrap_map .zone_select1 {background-position:0 0;}
.wrap_storymap .wrap_map .zone_select2 {background-position:-126px 0;}
.wrap_storymap .wrap_map .zone_select1_on {background-position:0 -33px;}
.wrap_storymap .wrap_map .zone_select2_on {background-position:-126px -33px;}
.wrap_storymap .wrap_map .zone_list {display:none;position:absolute;top:41px;left:10px;width:243px;height:276px;margin:0;padding:0;list-style:none;line-height:15px;border:1px solid #483422;color:#6e665b;background-color:#0f0a07;z-index:100;*zoom:1;}
.wrap_storymap .wrap_map .zone_list:after {content:' ';display:block;clear:both;visibility:hidden;height:0;line-height:0;font-size:0;}
.wrap_storymap .wrap_map .zone_list li {float:left;width:105px;padding:6px 0 4px 15px;zoom:1;overflow:hidden;}
.wrap_storymap .wrap_map .zone_list input {position:absolute;left:-9999px;height:0;text-indent:-9999px;font-size:0;line-height:0;}
.wrap_storymap .wrap_map .zone_list label {display:block;cursor:pointer;zoom:1;}
.wrap_storymap .wrap_map .zone_list label[for="zone_worldgroup1"],
.wrap_storymap .wrap_map .zone_list label[for="zone_worldgroup2"]{letter-spacing:-1px;}
.wrap_storymap .wrap_map .zone_list label.selected,
.wrap_storymap .wrap_map .zone_list label:hover {font-weight:bold;color:#c8b394;letter-spacing:-1px;}

.wrap_storymap .wrap_map #displayMap {width:245px;height:278px;margin:0 0 10px 4px;}
.wrap_storymap .wrap_map .zone_gangsi {background:#332019 url('/bns/cbt2/main/map.jpg') no-repeat 0 0;}
.wrap_storymap .wrap_map .zone_vermin {background:#332019 url('/bns/cbt2/main/map.jpg') no-repeat -245px 0}
.wrap_storymap .wrap_map .zone_cutetail {background:#332019 url('/bns/cbt2/main/map.jpg') no-repeat -490px 0}
.wrap_storymap .wrap_map .zone_whibigo {background:#332019 url('/bns/cbt2/main/map.jpg') no-repeat -735px 0}
.wrap_storymap .wrap_map .zone_mukhwasung {background:#332019 url('/bns/cbt2/main/map.jpg') no-repeat -980px 0}
.wrap_storymap .wrap_map .zone_geoampvp {background:#332019 url('/bns/cbt2/main/map.jpg') no-repeat -1225px 0}
.wrap_storymap .wrap_map .zone_engwangi {background:#332019 url('/bns/cbt2/main/map.jpg') no-repeat -1470px 0}
.wrap_storymap .wrap_map .zone_yomawang {background:#332019 url('/bns/cbt2/main/map.jpg') no-repeat -1715px 0}
.wrap_storymap .wrap_map .zone_takgigul {background:#332019 url('/bns/cbt2/main/map.jpg') no-repeat -1960px 0;}
.wrap_storymap .wrap_map .zone_cryingtemple {background:#332019 url('/bns/cbt2/main/map.jpg') no-repeat -2205px 0}
.wrap_storymap .wrap_map .zone_naryutemple {background:#332019 url('/bns/cbt2/main/map.jpg') no-repeat 0 -278px}
.wrap_storymap .wrap_map .zone_gumgang {background:#332019 url('/bns/cbt2/main/map.jpg') no-repeat -245px -278px}
.wrap_storymap .wrap_map .zone_matchfield {background:#332019 url('/bns/cbt2/main/map.jpg') no-repeat -490px -278px}
.wrap_storymap .wrap_map .zone_cutetongs {background:#332019 url('/bns/cbt2/main/map.jpg') no-repeat -735px -278px}
.wrap_storymap .wrap_map .zone_worldgroup1 {background:#332019 url('/bns/cbt2/main/map.jpg') no-repeat -980px -278px}
.wrap_storymap .wrap_map .zone_frogprince {background:#332019 url('/bns/cbt2/main/map.jpg') no-repeat -1225px -278px}
.wrap_storymap .wrap_map .zone_whibijeog {background:#332019 url('/bns/cbt2/main/map.jpg') no-repeat -1470px -278px}
.wrap_storymap .wrap_map .zone_ukaha {background:#332019 url('/bns/cbt2/main/map.jpg') no-repeat -1715px -278px;}
.wrap_storymap .wrap_map .zone_blackspear {background:#332019 url('/bns/cbt2/main/map.jpg') no-repeat -1960px -278px}
.wrap_storymap .wrap_map .zone_hakan {background:#332019 url('/bns/cbt2/main/map.jpg') no-repeat -2205px -278px}
.wrap_storymap .wrap_map .zone_seoksamja {background:#332019 url('/bns/cbt2/main/map.jpg') no-repeat 0 -556px}
.wrap_storymap .wrap_map .zone_worldgroup2 {background:#332019 url('/bns/cbt2/main/map.jpg') no-repeat -245px -556px}
.wrap_storymap .wrap_map .zone_huksinjo {background:#332019 url('/bns/cbt2/main/map.jpg') no-repeat -490px -556px}
.wrap_storymap .wrap_map .zone_hukbijo {background:#332019 url('/bns/cbt2/main/map.jpg') no-repeat -735px -556px}
.wrap_storymap .wrap_map .zone_yagolta {background:#332019 url('/bns/cbt2/main/map.jpg') no-repeat -980px -556px}
.wrap_storymap .wrap_map .btn_write {display:block;position:absolute;bottom:20px;left:69px;width:128px;height:38px;font-size:0;text-indent:-9999px;z-index:20;cursor:pointer;background:url('/bns/cbt2/main/btn_write.png') 0 0 no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rc.static.plaync.co.kr/bns/cbt2/main/btn_write.png',sizingMethod='crop');}

.wrap_storymap .wrap_maparticle {float:left;overflow:hidden;width:449px;height:327px;border:0 solid #b6b6b6;border-width:1px 1px 1px 0;}
.wrap_storymap .wrap_maparticle .best_article {margin:0;padding:12px 0 12px 0;list-style:none;border-bottom:1px solid #dcdcdc;background:url('/bns/cbt2/main/bg_pattern.gif') 0 0 repeat;zoom:1;}
.wrap_storymap .wrap_maparticle .best_article:after {content:' ';display:block;clear:both;visibility:hidden;height:0;line-height:0;font-size:0;}
.wrap_storymap .wrap_maparticle .best_article li {float:left;width:190px;padding:0 0 0 19px;}
.wrap_storymap .wrap_maparticle .best_article .tit {float:right;width:103px;height:46px;margin:3px 0 6px;font:bold 12px/1.3 dotum;}
.wrap_storymap .wrap_maparticle .best_article .thumb{position:relative;float:left;width:80px;padding-left:1px;}
.wrap_storymap .wrap_maparticle .best_article .thumb img {display:block;border:1px solid #5c270f}
.wrap_storymap .wrap_maparticle .best_article .thumb .ribbon {position:absolute;left:0;top:0;display:block;width:45px;height:35px;cursor:pointer;background:url('/bns/cbt2/main/ribbon_best.png') 0 0 no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.plaync.co.kr/bns/cbt2/main/ribbon_best.png',sizingMethod='crop');}
.wrap_storymap .wrap_maparticle .best_article .writer{float:right;width:102px;font:bold 11px dotum;}
.wrap_storymap .wrap_maparticle .best_article .writer img {margin-right:4px;vertical-align:middle;}
.wrap_storymap .wrap_maparticle .story_list{height:228px;overflow:hidden;margin:0;padding:0;list-style:none;width:100%;}
.wrap_storymap .wrap_maparticle .story_list li {height:36px;margin:0 0 0 19px;padding:9px 0 11px;border-bottom:1px dotted #ddd;line-height:1.2;zoom:1;}
.wrap_storymap .wrap_maparticle .story_list li .info {margin:4px 0 0;font-size:11px;}
.wrap_storymap .wrap_maparticle .story_list li .writer {font-weight:bold;}
.wrap_storymap .wrap_maparticle .story_list li .writer img{margin-right:2px;vertical-align:middle;}
.wrap_storymap .wrap_maparticle .story_list li .date {font:10px verdana;letter-spacing:-1px}
.wrap_storymap .wrap_maparticle .story_list li .count em {font:normal 10px verdana;letter-spacing:-1px;color:#000;}
.wrap_storymap .wrap_maparticle .story_list li.nodata {text-align:center; padding:100px 0 95px;}

/* 매거진*/
.wrap_magazine {margin-bottom:50px;}
.wrap_magazine h2 {width:34px;height:13px;background:url('/bns/cbt2/main/main_v3.gif') no-repeat 0 -18px;}
.wrap_magazine a.more {left:44px;}
.wrap_magazine ul {width:100%;margin:10px 0 0;padding:0;list-style:none;}
.wrap_magazine ul:after{content:' ';display:block;clear:both;visibility:hidden;height:0;line-height:0;font-size:0;}
.wrap_magazine li {position:relative;float:left;width:360px;}
.wrap_magazine li a{display:block;width:100%;min-height:80px;}
.wrap_magazine li .title{display:block;padding:10px 0 0 150px;color:#434343;}
.wrap_magazine li .description{display:block;padding:6px 0 0 150px;font:normal 11px/1.45 dotum;color:#696969;}
.wrap_magazine li .thumb{display:block;position:absolute;left:0;top:0;}


/* Best 게시글 */
.wrap_board {width:495px;margin-top:20px;padding-top:1px;overflow:hidden;_zoom:1;}
.wrap_board h2 {display:block;width:61px;height:13px;background:url('/bns/cbt2/main/main_v3.gif') no-repeat 0 -47px;}
.wrap_board a.more {left:71px;}
.wrap_board ul {margin:0;padding:0;list-style:none;}
.wrap_board li {position:relative;padding-top:12px;}
.wrap_board li a {color:#565656;}
.wrap_board li a em,
.wrap_board li a span {font-style:normal;color:#939393;}
.wrap_board li a span {font-size:11px;}
.wrap_board li img {vertical-align:middle;margin-top:-2px;}
.wrap_board li .writer {display:inline-block;position:absolute;right:6px;top:12px;width:115px;font-weight:bold;text-align:right;color:#676767;}


.wrap_middle {overflow:hidden;_zoom:1;padding-bottom:26px;}
/* Best 이미지 */
.wrap_album {float:left;width:495px;padding:10px 0 0;}
.wrap_album h2 {display:block;width:94px;height:13px;background:url('/bns/cbt2/main/main_v3.gif') no-repeat 0 -61px;}
.wrap_album a.more {left:104px;}
.wrap_album .bbs_best {margin:0;padding:15px 0 0;list-style-type:none;overflow:hidden;_zoom:1}
.wrap_album .bbs_best li {float:left;width:150px;margin:0 11px 0 0;padding:0 10px 0 0px;border-right:1px solid #ebe7df;}
.wrap_album .bbs_best li.last {margin:0;padding:0;border:0 none;}
.wrap_album .bbs_best dl {width:150px;margin:0;padding:0}
.wrap_album .bbs_best dt {height:18px;margin:0;padding:102px 0 0;line-height:18px;word-wrap:break-word;word-break:break-all;overflow:hidden}
.wrap_album .bbs_best dt img {display:none;}
.wrap_album .bbs_best dt a{color:#4b4b4b}
.wrap_album .bbs_best dl dt .reply {font-weight:bold;color:#4b4b4b;font-size:11px;}
.wrap_album .bbs_best dd {margin:0;padding:0}
.wrap_album .bbs_best dl dd.thumb{position:relative;margin:-120px 0 30px 0;width:150px;height:90px;cursor:pointer}
.wrap_album .bbs_best dl dd.thumb img{width:150px;height:90px}
.wrap_album .bbs_best dl dd.info {padding-top:9px;font-weight:bold;color:#676767}
.wrap_album .bbs_best dl dd.info img {vertical-align:middle;margin-top:-4px;}
.wrap_album .bbs_best dl dd.info span {padding:0 7px 0 6px;font-weight:normal;color:#000;display:none;}
.wrap_album .bbs_best dl dd.info em {font-style:normal;color:#000;display:none;}

/*
.wrap_album ul {margin:0;padding:15px 0 0;list-style:none;}
.wrap_album li {float:left;width:;margin-right:11px;padding-right:10px;border-right:1px solid #ebe7df;}
.wrap_album li.last {margin:0;padding:0;border:0 none;}
.wrap_album li .thumb,
.wrap_album li .tit,
.wrap_album li .writer {display:block;}
.wrap_album li .thumb img {display:block;}
.wrap_album li .tit {padding:15px 0 12px;}
.wrap_album li .tit em {font-size:11px;font-style:normal;}
.wrap_album li .writer img {vertical-align:middle;margin-top:-4px;}
.wrap_album li  a .writer {text-decoration:none;}
*/


/* 토론 */
.wrap_forum {position:relative;float:right;width:205px;height:196px;background:url('/bns/cbt2/main/main_v3.gif') no-repeat 0 -76px;}
.wrap_forum h2 {position:absolute;width:72px;left:22px;top:15px;}
.wrap_forum h2 a {display:block;height:20px;width:100%;font-size:0;text-indent:-9999px;}
.wrap_forum a.more,
.wrap_forum a.more2{display:block;position:absolute;font-size:0;text-indent:-9999px;}
.wrap_forum a.more {right:23px;top:18px;width:45px;height:14px;}
.wrap_forum dl {height:139px;margin:0;padding:49px 0 0;background:url('/bns/cbt2/main/main_v3.gif') no-repeat 20px -275px;}
.wrap_forum dt {padding:0 36px 0 31px;}
.wrap_forum dt a {line-height:18px;color:#323232;}
.wrap_forum .state {display:block;height:25px;}
.wrap_forum .state strong{color:#ffb708;}
.wrap_forum .state span{color:#f0e1bb;}
.wrap_forum dd {position:absolute;margin:0;font-size:11px;color:#4c350d;}
.wrap_forum .date {left:82px;bottom:37px;font-weight:bold;}
.wrap_forum .num {left:82px;bottom:16px;font-family:verdana;letter-spacing:-1px;}
.wrap_forum .link {right:20px;bottom:22px;width:15px;}
.wrap_forum .link a {display:block;width:100%;height:24px;font-size:0;text-indent:-9999px;}
.wrap_forum .loading {position:absolute;top:85px;left:44px;}

/* 이용동의 */
#ly_popup {position:absolute;top:169px;left:0;width:100%;z-index:990;display:none;}
#wrap_agreement {position:relative;width:536px;height:521px;margin:0 auto;padding:30px;font:12px dotum;line-height:19px;border:1px solid #ddd;color:#606060;background:#fff url('/bns/cbt2/tester/pop_agree_bg.gif') no-repeat 0 0;}
#wrap_agreement dfn {display:none;}
#wrap_agreement h1 {height:120px;margin:0;font-size:0;text-indent:-9999px;background:url("/bns/cbt2/tester/pop_agree_h1.gif") no-repeat 0 0;display:block;}
#wrap_agreement p {margin:0;}
#wrap_agreement ul {margin:0;padding:0;list-style:none;}
#wrap_agreement .wrap_contents {height:290px;padding:0 9px 7px 14px;border:1px solid #e8e8e8;word-break:keep-all;background-color:#fff;overflow:auto;scrollbar-track-color:#efefef;scrollbar-face-color:#dadadc;scrollbar-arrow-color:#282828;scrollbar-3dlight-color:#e3e3e3;scrollbar-darkshadow-color:#eaeaea;scrollbar-highlight-color:#f4f4f4;scrollbar-shadow-color:#f4f4f4;}
#wrap_agreement .wrap_contents h2 {margin:35px 0 0 0;font:14px dotum;font-weight:bold;}
#wrap_agreement .wrap_contents h3 {margin:20px 0 8px;font:12px dotum;font-weight:bold;}
#wrap_agreement .wrap_contents li {font-size:11px;text-indent:-16px;padding:0 0 0 16px;}
#wrap_agreement .wrap_contents li ul {margin:0}
#wrap_agreement .wrap_contents .date {margin:35px 0;}
#wrap_agreement p.checkarea {margin:4px 0 23px;text-align:right;font-size:11px;color:#333}
#wrap_agreement p.checkarea input,#wrap_agreement p.checkarea label {vertical-align:middle}
#wrap_agreement .wrap_btn {text-align:center;}
#wrap_agreement .wrap_btn img {cursor:pointer;margin:0 5px 0 0;}
#wrap_agreement .btn_close {position:absolute;top:-1px;right:30px;width:40px;height:53px;margin:0;font-size:0;text-indent:-99999px;z-index:100;background:url("/bns/cbt2/tester/btn_close.gif") no-repeat;cursor:pointer;}

/* 가이아 팝업 */
#dim_layer {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:100010;opacity:.3;filter:alpha(opacity:30);display:none;}
#ly_watinglist {position:absolute;top:448px;left:0;width:100%;z-index:100020;display:none;}
#ly_watinglist .cnt {position:relative;width:600px;margin:0 auto;}
#ly_watinglist .cnt img {z-index:0;}
#ly_watinglist .btn_close {position:absolute;top:21px;right:37px;cursor:pointer; width:53px;height:24px;margin:0;text-indent:-99999px;z-index:1;background:url('/bns/cbt2/common/blank.gif') no-repeat;}

/* mobile footer
-----------------------------------------------------------------------------------*/
.mobile_footer {display:none;}
@media only screen and (max-device-width: 480px), only screen and (max-device-width: 800px){
	.mobile_footer {display:block;width:928px;height:138px;margin:29px auto;text-align:center;text-decoration:none !important;font:46px helvetica;font-weight:bold;-webkit-text-stroke-width:0.02em;line-height:140px;border:1px solid #fff;letter-spacing:-3px;color:#5e7393 !important;-moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);background-image: -webkit-gradient(	linear,	left top,	left bottom,	color-stop(0.5, rgb(247,247,247)),	color-stop(0.5, rgb(240,240,240)));background-image: -moz-linear-gradient(	center top,	rgb(247,247,247) 50%,	rgb(240,240,240) 50%);}
	.mobile_footer span {font-size:30px;font-style:normal;vertical-align:top}
}