/*
*   PANGYA Season 5
*   Ntreevsoft co.ltd
*/

html { background:url(../img/common/bg_footer.jpg) repeat-x 0 bottom; }
html, body { font-family:dotum, 돋움, AppleGothic, Sans-serif; font-size:12px; color:#000; padding:0; margin:0; min-height:100%; height:auto !important; height:100%; }
form, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6 { list-style:none; padding:0; margin:0; } img { border:none; } legend, hr { display:none; }
table { border-collapse:collapse; } th { font-weight:bold; text-align:center; } td { text-align:left; }
a:link, a:visited, a:active { text-decoration:none; color:#666; } a:hover { text-decoration:underline; color:#11467d; }
img { border:0; } img, input, select, label { vertical-align:middle; color:#333; margin:0; font-size:11px; }
fieldset { margin:0; padding:0; border:none; } label { cursor:pointer; } * { word-break:break-all } em { font-style:normal; }
select { font:normal 12px arial; margin-top:-1px; padding:1px; } cite { font-style:normal; } label, button { cursor:pointer; }
.none { display:none; } .fly { position:absolute; top:-9999px; left:-9999px; }

#wrap { background:url(../img/common/bg_main.jpg) no-repeat center 0; min-width:998px; min-height:800px; height:auto !important; height:100%; text-align:center; }
.header { position:relative; width:998px; height:364px; margin:0 auto; }
.container { position:relative; background:#fff url(../img/common/frame_mid.png) repeat-x 0 0; width:950px; margin:0 auto; text-align:left; padding:0 20px; }
.container-top { position:absolute; background:url(../img/common/frame_top.png); width:990px; height:19px; margin:-19px 0 0 -20px; }
.headlines { height:181px; }
.sidebar1 { float:left; width:210px; margin-right:20px; }
.sidebar2 { float:left; width:470px; margin-right:20px; }
.sidebar3 { float:left; }
.clear { clear:both; }

.navigation { position:absolute; top:0; left:2px; width:994px; height:150px; z-index:2; }
.gamestart { position:absolute; top:113px; left:-10px; width:250px; height:250px; z-index:1; }
.promotion { position:absolute; bottom:19px; left:239px; width:500px; height:196px; z-index:2; }
.update { position:absolute; bottom:19px; right:5px; }

/* Footer */
.footer { clear:both; position:relative; width:950px; height:152px; margin:60px auto 0 auto; border-top:1px solid #ebefef; text-align:left; }
.footer p { position:absolute; }
.footer-link { top:20px; left:89px; font-size:9px; color:#eaeff1; }
.footer-link * { vertical-align:middle; }
.footer-logo { top:21px; left:19px; }
.footer-class { top:17px; right:0; }
.footer-copyright { top:39px; left:89px; }

/* Login */
.loginbox-before { display:block; position:relative; width:210px; height:159px; background:#fff url(../img/loginbox/bg_before.png) no-repeat 0 0; border:none; margin:0 0 15px 0; padding:0; }
.loginbox-before legend { display:none; }
.login-input { position:absolute; top:39px; left:15px; }
.login-input input { background:#f2f2f4; border:1px solid #bbbfc0; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:2px 4px 3px 4px; _padding:1px 4px 2px 4px; width:91px; margin:0 0 4px 0; vertical-align:middle; font:normal 11px verdana; color:#555; }
.login-btn { position:absolute; top:0; left:107px; background:url(../img/loginbox/btn_login.png); border:none; width:73px; height:44px; font:normal 0/200px arial; }
.login-option { position:absolute; top:87px; left:15px; width:181px; border-bottom:1px solid #e7f1fd; padding:5px 0 8px 0; }
.login-option img { vertical-align:text-top; }
.login-option input { position:absolute; left:-9999px; }
.login-option label { padding-left:14px; }
.login-option .chk-yes { background:url(../img/loginbox/chk_yes.png) no-repeat 0 center; }
.login-option .chk-no { background:url(../img/loginbox/chk_no.png) no-repeat 0 center; }
.login-menu { position:absolute; top:121px; left:15px; height:20px; }
.login-menu img { margin-right:1px; }
input.id-in { background:#f2f2f4 url(../img/loginbox/bg_id.png) no-repeat 5px center; }
input.id-focus { background:#f2f2f4; }
input.pass-in { background:#f2f2f4 url(../img/loginbox/bg_pass.png) no-repeat 5px center; }
input.pass-focus { background:#f2f2f4; }

.loginbox-after { display:block; position:relative; width:210px; height:159px; background:#fff url(../img/loginbox/bg_after.png) no-repeat 0 0; border:none; margin:0 0 15px 0; padding:0; }
.loginbox-after legend { display:none; }
.loginbox-after .login-menu { top:130px; }
.login-msg { position:absolute; top:6px; left:14px; width:182px; height:40px; table-layout:fixed; color:#666; }
.login-msg strong { color:#4a90e8; }
.login-msg * { vertical-align:middle; }
.user-info { position:absolute; top:55px; left:23px; font:normal 11px dotum,돋움; table-layout:fixed; }
.user-info th { background:url(../img/common/img_dot.png) no-repeat 0 center; font-weight:normal; text-align:left; padding:0 0 0 6px; width:50px; height:22px; color:#868686; }
.user-info td { background:url(../img/common/img_sep.png) no-repeat 0 center; font-weight:normal; text-align:left; padding:0 0 0 8px; color:#666; }
.user-info td.dotline { background:none; padding:1px 0 4px 0; }
.user-info td strong.error {color:#e50000;}
.btn-treecash { vertical-align:middle; margin:-3px 0; position:relative; }

.loginbox-after-nhn { display:block; position:relative; width:210px; height:159px; background:#fff url(../img/loginbox/bg_after_nhn.png) no-repeat 0 0; border:none; margin:0 0 15px 0; padding:0; }
.loginbox-after-nhn legend { display:none; }
.loginbox-after-nhn .login-menu { top:122px; }
.loginbox-after-nhn .login-msg { height:50px; }
.loginbox-after-nhn .user-info { top:64px; }

/* Quick links */
.quicklink { margin-bottom:15px; }

/* Pcbang info */
.pcbanginfo { background:#f9fafb; width:210px; }
.pcbanginfo h2 { }
.pcbanginfo ul { font:normal 11px dotum,돋움; color:#939ca4; border:1px solid #dedede; border-top:none; margin-top:-1px; padding:9px 9px 11px 9px; }
.pcbanginfo li { background:url(../img/common/img_dot.png) no-repeat 3px center; padding:3px 0 3px 11px; word-spacing:-1px; line-height:12px; vertical-align:middle; }
.pcbanginfo li.find-pcbang { background:none; padding:11px 0 0 0; margin-top:8px; border-top:1px dotted #aaa; }

/* News */
.news { position:absolute; top:0; left:250px; background:url(../img/main/bg_tab.png) repeat-x 0 0; width:470px; height:159px; }
.news .news-tab { display:block; background-image:url(../img/main/set_tabs.png); width:90px; height:25px; margin-right:-1px; overflow:hidden; }
.news .news-tab strong { position:absolute; top:-9999px; }
.news .news-body { position:absolute; top:42px; left:0; width:470px; display:none; }
.news .news-all-off { background-position:0 0; }
.news .news-notice-off { background-position:-89px 0; }
.news .news-update-off { background-position:-178px 0; }
.news .news-event-off { background-position:-267px 0 ; position:relative; }
.news .news-all-on { background-position:0 -25px; position:relative; }
.news .news-notice-on { background-position:-89px -25px; position:relative; }
.news .news-update-on { background-position:-178px -25px; position:relative; }
.news .news-event-on { background-position:-267px -25px; position:relative; }
.news li { float:left; }
.news li li { clear:left; padding:5px 0 5px 3px; width:380px; white-space:nowrap; overflow:hidden; }
.news li li img { vertical-align:middle; margin-top:-1px; }
.news-tit { padding-left:5px; }
.news-date { position:absolute; right:6px; margin-top:-1px; font:normal 9px verdana; color:#c3c3c5; }
.news .btn-more { position:absolute; top:-40px; right:4px; width:auto !important; }

/* Items */
.items { position:relative; background:url(../img/main/bg_tab.png) repeat-x 0 0; width:470px; height:162px; }
.items .items-tab { display:block; background-image:url(../img/main/set_tabs.png); width:70px; height:25px; margin-right:-1px; overflow:hidden; }
.items .items-tab strong { position:absolute; top:-9999px; }
.items .items-body { position:absolute; top:41px; left:0; width:486px; display:none; }
.items .items-club-off { background-position:0 -50px; }
.items .items-cap-off { background-position:-69px -50px; }
.items .items-azt-off { background-position:-138px -50px; }
.items .items-ring-off { background-position:-207px -50px ; }
.items .items-card-off { background-position:-276px -50px ; position:relative; }
.items .items-club-on { background-position:0 -75px; position:relative; }
.items .items-cap-on { background-position:-69px -75px; position:relative; }
.items .items-azt-on { background-position:-138px -75px; position:relative; }
.items .items-ring-on { background-position:-207px -75px; position:relative; }
.items .items-card-on { background-position:-276px -75px; position:relative; }
.items li { float:left; display:inline; }
.items li li { margin:0 9px 0 4px; text-align:center; font:normal 11px dotum,돋움; color:#4b4b4b; width:82px; }
.items .btn-more { position:absolute; top:-34px; right:10px; width:auto; }
.items .items-img { margin-bottom:10px; }

/* Bests */
.bests { position:relative; background:url(../img/main/bg_box.png) no-repeat 0 bottom; width:230px; height:145px; margin-bottom:15px; }
.bests .bests-tab { display:block; background-image:url(../img/main/set_tabs.png); width:115px; height:32px; margin-right:-1px; overflow:hidden; }
.bests .bests-tab strong { position:absolute; top:-9999px; }
.bests .bests-body { position:absolute; top:44px; left:0; background:url(../img/main/bg_vdot.png) no-repeat center 0; width:230px; display:none; }
.bests .bests-sshot-off { background-position:0 -100px; }
.bests .bests-movie-off { background-position:-115px -100px; }
.bests .bests-sshot-on { background-position:0 -132px; position:relative; }
.bests .bests-movie-on { background-position:-115px -132px; position:relative; }
.bests li { float:left; }
.bests li li { padding:0 11px 0 12px; text-align:center; font:normal 11px dotum,돋움; color:#4b4b4b; }
.bests .bests-img { display:block; margin-bottom:10px; padding:3px; border:1px solid #eeeeef; }

/* Shops */
.shops { position:relative; background:url(../img/main/bg_box.png) no-repeat 0 bottom; width:230px; height:153px; margin-bottom:15px; }
.shops .shops-tab { display:block; background-image:url(../img/main/set_tabs.png); width:115px; height:32px; margin-right:-1px; overflow:hidden; }
.shops .shops-tab strong { position:absolute; top:-9999px; }
.shops .shops-body { position:absolute; top:42px; left:0; width:230px; display:none; }
.shops .shops-card-off { background-position:0 -164px; }
.shops .shops-bong-off { background-position:-115px -164px; }
.shops .shops-card-on { background-position:0 -196px; position:relative; }
.shops .shops-bong-on { background-position:-115px -196px; position:relative; }
.shops li { float:left; }
.shops li li { padding:0 11px 0 10px; text-align:center; font:normal 11px dotum,돋움; color:#4b4b4b; }
.shops .shops-img { display:block; margin-bottom:10px; }

/* GM holic */
.gmholic { position:absolute; top:0; left:740px; width:230px; background:#fff; }
.gmholic h2 { padding:7px 8px 6px 8px; border:2px solid #c8eaf8; border-bottom:1px solid #c8eaf8; font-size:1px; }
.gmholic ul { border:2px solid #c8eaf8; border-top:none; padding:3px 0; }
.gmholic li { padding:6px 5px 5px 5px; border-top:1px solid #ebebeb; margin:0 5px; }
.gmholic li a { color:#4b4b4b; }
.gmholic li img { vertical-align:middle; }
.gmholic li.first { border:none; }
.gmholic li.first a { color:#11467d; font-weight:bold; }
.gmholic li.first p { color:#999; padding:6px 0 2px 8px; font:normal 11px/14px dotum,돋움; }
.gmholic li.first p a { color:#999; font-weight:normal; text-decoration:none; }
.gmholic .btn-more { position:absolute; top:5px; right:-4px; border:none; }

/* POLL */
.poll { position:relative; width:230px; }
.poll h2 { padding:7px 8px 6px 8px; border:1px solid #ececec; background:#fff; font-size:1px; }
.poll-desc { background:#f9fafb; border:1px solid #ececec; border-top:none; }
.poll-q { padding:12px 15px 11px 15px; font:bold 11px/15px dotum,돋움; color:#4b4b4b; text-align:left; }
.poll-not { padding:15px 15px 14px 15px; font:normal 11px/15px dotum,돋움; color:#4b4b4b; text-align:center; }
.poll-btn { text-align:center; padding-bottom:8px; }
.poll .btn-more { position:absolute; top:10px; right:7px; border:none; }

/* Begi guide */
.begiguide { width:470px; height:235px; margin-bottom:14px; }

/* nate User alert layer */
#nateUserAlert {
    position:absolute; top:0px; left:236px; width:315px; height:225px; z-index:99;
}
#nateUserAlert .nateuser { position:absolute; top:0; left:0; width:315px; height:225px; background:url(../img/nate/nateuser/bg_nateuser.png); _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/img/nate/nateuser/bg_nateuser.png', sizingMethod='image'); }
#nateUserAlert .message { position:relative; margin:80px 45px 0; font:normal 11px/1.6em dotum,돋움; color:#7e7e7e; letter-spacing:-1px; z-index:10; }
#nateUserAlert .closebtn { position:absolute; top:189px; left:233px; z-index:10;  }
#nateUserAlert strong { color:#000; }
#nateUserAlert em { font-style:normal; font-weight:bold; color:#ff5400; }