@charset "euc-kr";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; vertical-align:baseline;/* letter-spacing: -1px; */}
img, fieldset {border:none;}
table {border-collapse:collapse; border-spacing:0;} caption, th {text-align:left; font-weight: normal;} table, td, th {vertical-align:middle;}
ol, ul, li {list-style-image:none; list-style-position:outside; list-style-type:none;}
em, address {font-style: normal;} img {-ms-interpolation-mode:bicubic;} button { zoom: 1; cursor: pointer; } textarea { overflow: auto; }
::-moz-selection{ background: #2C382A; color:#fff; text-shadow: none; } ::selection { background:#2C382A; color:#fff; text-shadow: none; }
body { font-style: normal; font-weight: normal; font-size: 12px; line-height: 1.5; font-family: sans-serif; color:#000;}
.win body { font-family: 'sans-serif'; }
.ie body { font-family: dotum; }
.wrapper div, .wrapper fieldset, .wrapper p, .wrapper h1, .wrapper h2, .wrapper h3, .wrapper h4, .wrapper h5, .wrapper h6, .wrapper ul, .wrapper ol, .wrapper li, .wrapper dl, .wrapper dt, .wrapper dd, .wrapper article, .wrapper aside, .wrapper details, .wrapper figcaption, .wrapper figure, .wrapper footer, .wrapper header, .wrapper hgroup, .wrapper menu, .wrapper nav, .wrapper section { zoom: 1; }
body, textarea, .scroll {scrollbar-face-color:#EBEBEB; scrollbar-highlight-color:#EBEBEB; scrollbar-3dlight-color:#D2D2D2; scrollbar-darkshadow-color:#fff; scrollbar-shadow-color:#d2d2d2; scrollbar-arrow-color:#6B6B6B; scrollbar-track-color:#fff;}
body {color:#989795; background-color:#fff; line-height:1.2;}
a {color:#494949; text-decoration:none;}
a:link { -webkit-tap-highlight-color: #494949; }
a:visited {}
a:hover {text-decoration:underline;}
a:active {}
/*** 기본 엘리먼트 ***/
hr { display: none; }
button span { position: absolute; top: -9999px; }
/* IE 아웃라인 점선 제거 */
.ie .wrapper a, .ie .wrapper button, .ie .wrapper input,
.ie .wrapper a:active, .ie .wrapper button:active, .ie .wrapper input:active { outline: none; }
.ie6 .wrapper a, .ie6 .wrapper input, .ie6 .wrapper button,
.ie7 .wrapper a, .ie7 .wrapper input, .ie7 .wrapper button,
.ie6 .wrapper a:active, .ie6 .wrapper input:active, .ie6 .wrapper button:active,
.ie7 .wrapper a:active, .ie7 .wrapper input:active, .ie7 .wrapper button:active {
font-variant:expression( this.style.fontVariant="normal",this.hideFocus=true);
}
/*** 기본 클래스 ***/
.hidden { display: none; }
.visible { display: inherit; }
.clear { width: 100%; height: 0; display: block; zoom: 1; font-size: 0; line-height: 0; position: relative; overflow: hidden; clear: both; }
.min-width { width: 980px; height: 0; margin: 0 auto; display: block; zoom: 1; overflow: hidden; font-size: 0; line-height: 0; clear: both; }
.layout_popup .min-width { width: auto; }
.layout_profile .min-width { width: 500px; }
.alt { position: absolute; top: -9999px; }
/* 팝업 */
#cmPopAlign { width: 980px; height: auto; zoom: 1; margin-left: -490px; zoom: 1; position: absolute; left: 50%; top: 0px; z-index: 10; }
/*** 레이아웃 ***/
.layout_ending { background-color: #06080a; }
.layout_play { background-color: #000; }
.wrapper { min-width: 980px; position: relative; }
.layout_main .wrapper { background: repeat-x #fff url(../img/main/background.gif); }
.layout_sub .wrapper { background: repeat-x #fff url(../img/common/background.gif); }
.layout_main .not_login { background: repeat-x #fff url(../img/main/background_n.gif); }
.layout_sub .not_login { background: repeat-x #fff url(../img/common/background_n.gif); }
.layout_ending .wrapper { background: repeat-x #06080a url(../img/ending/background.jpg); }
.layout_play .wrapper { background: repeat-x #000 url(../img/play/background.jpg); }
.layout_popup .wrapper { min-width: 500px; position: relative; background: none; }
.popup .wrapper { min-width: auto; position: relative; background: none; }
.layout_profile .wrapper { min-width: 500px; position: relative; background: repeat-x #fff url(../img/profile/background.jpg); }
/* 헤더 */
.header { height: 78px; margin: 0 auto; padding-top: 446px; position: relative; z-index: 1; overflow: hidden; }
.layout_sub .header { padding-top: 377px;}
.layout_ending .header { height: 232px; padding-top: 0; }
.layout_play .header { height: 0; padding-top: 0; top: -9999px; }
.layout_popup .header,
.layout_profile .header { position: absolute; top: -9999px; }
.header h1 { margin-left: -149px; position: absolute; top: -22px; left: 50%; z-index: 2; }
.layout_ending .header h1 { margin-left: -177px; top: 19px; }
.header h2 { position: absolute; top: -9999px; }
/* 네비게이션 */
.header .nav { width: 2920px; height: 524px; margin-left: -1460px; position: absolute; top: 0; left: 50%; z-index: 1; /*background: no-repeat url(../img/main/background.jpg) center top;*/ }
.layout_sub .header .nav { height: 455px; /*background: no-repeat url(../img/common/background.jpg) center top;*/ }
.layout_ending .header .nav { width: 2920px; height: 232px; margin-left: -1460px; top: 0; left: 50%; background: no-repeat url(../img/ending/background1.jpg) center top; }
.header .nav object { width: 100% !important; height: 469px; position: relative; z-index: 2; }
.layout_sub .header .nav object { height: 400px; }
.nav ul { height: 16px; margin-left: 295px; position: absolute; top: 18px; left: 50%; z-index: 2; }
.nav ul li { height: 16px; float: left; }
.nav .nv_mb { width: 87px; }
.nav .nv_mb img { position: absolute; top: -9999px; }
.nav .nv_dn { width: 42px; }
.nav .nv_cs { width: 50px; }
.nav .nv_ct { position: absolute; top: -9999px; }
.nav ul li a { height: 16px; display: block; }
.nav ul li a span { position: absolute; top: -9999px; }
.nav ol { width: 1000px; height: 26px; margin-left: -490px; position: absolute; top: 48px; left: 50%; z-index: 1; }
.nav ol li { height: 26px; float: left; }
.nav .nv_ns { width: 95px; }
.nav .nv_gd { width: 101px; }
.nav .nv_rk { width: 128px; margin-right: 327px; }
.nav .nv_sh { width: 86px; }
.nav .nv_cm { width: 153px; }
.nav .nv_cn { width: 87px; }
.nav ol li a { height: 26px; display: block; }
.nav ol li a span { position: absolute; top: -9999px; }
/* 게임시작 */
.header .start { width: 388px; height: 200px; display: none; margin-left: -194px; position: absolute; top: 243px; left: 50%; z-index: 4; overflow: hidden; /*background: no-repeat url(../img/main/start.png) center top;*/ }
.layout_sub .header .start { top: 174px; }
.header .start object { width: 388px !important; height: 200px; margin-left: -194px; position: absolute; top: 0; left: 50%; z-index: 3; }
.header .start h2 { position: absolute; top: -9999px; }
.header .start button { width: 140px; height: 140px; border: 0; position: absolute; top: 31px; left: 77px; z-index: 2; background: none; }
.header .start ul { width: 388px; position: absolute; top: 172px; left: 25px; z-index: 1; }
.header .start li { width: 75px; height: 23px; margin-right: 95px; float: left; }
.header .start li a { height: 23px; display: block; }
.header .start li a span { position: absolute; top: -9999px; }
/* 개인화영역 */
.header .personal { margin: 0 0 0 -470px; padding: 23px 0 0 20px; position: absolute; top: 335px; left: 50%; z-index: 3; /* background: no-repeat url(../img/main/background_personal.jpg) 294px top;*/ }
.layout_sub .header .personal { top: 266px; }
.not_login .personal { height: 110px; }
/* 로그인 전 */
.personal fieldset.loginbox { width: 255px; height: 111px; border: 0 none; position: relative; background: no-repeat url(../img/main/login.jpg) 0 -80px; }
.loginbox legend { width: 0; height: 0; position: absolute; top: -9999px; overflow: hidden; }
fieldset.loginbox p label { position: absolute; left: 0; background: no-repeat url(../img/main/login.jpg) 0 -52px; }
fieldset.loginbox p label.id { top: 20px; }
fieldset.loginbox p label.passwd { top: 45px; }
fieldset.loginbox p label small { height: 7px; display: block; zoom: 1; position: absolute; left: 11px; z-index: 2; overflow: hidden; text-indent: -9999px; cursor: inherit; }
fieldset.loginbox p label.id small { width: 9px; top: 7px; background: no-repeat url(../img/main/login.jpg) -11px -8px; }
fieldset.loginbox p label.passwd small { width: 54px; top: 8px; background: no-repeat url(../img/main/login.jpg) -11px -34px; }
fieldset.loginbox p label input { width: 161px; margin: 0; padding: 0 5px; border: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; position: relative; z-index: 1; background: none; color: #b3b3b3; font-weight: bold; font-size: 12px; line-height: 22px; font-family: tahoma; }
fieldset.loginbox p label.id input { height: 22px; }
fieldset.loginbox p label.passwd input { height: 23px; font-weight: bold; font-size: 12px; line-height: 23px; font-family: tahoma; }
/* 키보드보안 */
p.security { position: absolute; top: -1px; right: 1px; background: no-repeat url(../img/main/login.jpg) right -79px; }
p.security span,
p.security img,
p.security label,
p.security a { vertical-align: middle; font-weight: normal; font-size: 11px; line-height: 14px; letter-spacing: -1px; }
p.security img { position: relative; top: -1px; }
p.security label.ssl { margin-right: 3px; position: static !important; left: auto !important; color: #494949; cursor: pointer; background: none !important; }
p.security input.ssl { width: auto; height: auto; margin-right: 5px; padding: 0; position: relative; top: -1px; background: none; vertical-align: middle; }
p.security .ico_key { margin-right: 2px; }
p.security .btn_key { margin-left: 6px; }
fieldset.loginbox .submit { width: 79px; height: 49px; border: 0; position: absolute; top: 19px; right: 0; background: no-repeat url(../img/main/login.jpg) -176px 0; }
fieldset.loginbox ul { position: absolute; left: 0; top: 73px; overflow: hidden; }
fieldset.loginbox li { float: left; }
fieldset.loginbox li a { height: 14px; padding: 0 10px 0 12px; display: block; zoom: 1; float: left; background: no-repeat url(../img/main/login.jpg) -171px -52px; color: #494949; font-weight: normal; font-size: 11px; line-height: 14px; letter-spacing: -1px; }
/* 로그인 후 */
.personal div.loginbox { width: 267px; position: relative; top: -1px; z-index: 2; }
div.loginbox h3 { height: 20px; padding-left: 10px; color: #a5a5a5; font-weight: bold; font-size: 12px; line-height: 16px; }
div.loginbox h3 img { display: none; }
div.loginbox h3 small { margin-left: 3px; font-weight: bold; font-size: 12px; line-height: 16px; }
div.loginbox button.logout { width: 48px; height: 15px; border: 0; position: absolute; top: 0; right: 0; background: no-repeat url(../img/common/btn_logout.gif); }
div.loginbox button.btn_profile { display: none; }
div.loginbox ul { margin: 0; padding: 5px 5px 5px 11px; border: 1px #1a1a1a solid; overflow: hidden; font-size: 0; line-height: 0; }
div.loginbox ul li { height: 18px; padding: 0 0 0 7px; overflow: hidden; background: no-repeat url(../img/main/login.jpg) -176px -50px; color: #5f5f5f; font-weight: normal; font-size: 11px; line-height: 18px; text-align: right; }
div.loginbox ul li.clan { display: none; }
div.loginbox ul li small { height: 18px; display: block; float: left; color: #5f5f5f; font-weight: normal; font-size: 11px; line-height: 18px; }
div.loginbox ul li small span { position: absolute; top: -9999px; }
div.loginbox ul li a { }
div.loginbox ul li b { margin-right: 3px; color: #970b0b; }
div.loginbox ul li.memo a { margin-right: 1px; text-decoration: underline; }
div.loginbox ul li.memo a b { margin-right: 0; color: #5f5f5f; }
div.loginbox ul li.cash a { width: 31px; height: 15px; margin-left: 10px; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; background: no-repeat url(../img/common/btn_charge.gif); vertical-align: middle; }
div.loginbox ul li.cash a span { position: absolute; top: -9999px; }
div.loginbox ul li.coupon a { width: 31px; height: 15px; margin-left: 10px; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; background: no-repeat url(../img/common/btn_history.gif); vertical-align: middle; }
div.loginbox ul li.coupon a span { position: absolute; top: -9999px; }
div.lbupdt_201201 h3,
div.lbupdt_201201 h3 big { color: #58747f; font-weight: bold; font-size: 12px; line-height: 16px; }
div.lbupdt_201201 h3 img { display: inline; position: relative; *top: -1px; vertical-align: middle; }
div.lbupdt_201201 button.profile { width: 37px; height: 15px; display: block; border: 0; position: absolute; top: 1px; right: 52px; background: no-repeat url(../img/common/btn_profile2.gif); }
div.lbupdt_201201 ul { height: 54px; position: relative; }
div.lbupdt_201201 ul li.clan { width: 242px; display: block; text-align: left; }
div.lbupdt_201201 ul li.clan b { color: #8c8b8a; }
div.lbupdt_201201 ul li.memo { width: 100px; text-align: left; }
div.lbupdt_201201 ul li.cash { width: 242px; position: relative; overflow: visible; text-align: left; }
div.lbupdt_201201 ul li.cash a { position: absolute; top: -1px; right: 0; *right: 1px; }
div.lbupdt_201201 ul li.coupon { width: 124px; overflow: visible; position: absolute; top: 23px; right: 5px; text-align: left; }
div.lbupdt_201201 ul li.coupon a { position: absolute; top: -1px; right: 0; }
div.lbupdt_201201 ul li small { width: 50px; }
div.lbupdt_201201 ul li.memo a { color: #970b0b; }
div.lbupdt_201201 ul li.memo a b { color: #970b0b; }
fieldset.lbupdt_201211 p label small { width: 161px !important; height: 22px; top: 0px !important; left: 10px; background: none !important; text-indent: 0px; color: #494949; font-size: 12px; line-height: 22px; font-family: dotum; letter-spacing: -1px; }
fieldset.lbupdt_201211 ul { top: 75px !important; }
fieldset.lbupdt_201211 li a { height: 14px; padding: 0 10px 0 12px; display: block; zoom: 1; float: left; background: none; color: #494949; font-weight: normal; font-size: 11px; line-height: 14px; letter-spacing: -1px; }
fieldset.lbupdt_201211 li a.a { margin-right: 2px; padding-left: 0px; padding-right: 0px; }
fieldset.lbupdt_201211 li a.b { padding-left: 0px; }
fieldset.lbupdt_201211 li a.c { background: no-repeat url(../img/common/bar.gif) left 2px !important; color: #8c8b8a; }
fieldset.lbupdt_201211 li span.z { height: 14px; margin-right: 2px; padding-left: 0px; padding-right: 0px; display: block; zoom: 1; float: left; color: #494949; font-weight: normal; font-size: 11px; line-height: 14px; }
div.lbupdt_201211 { top: -6px !important; }
div.lbupdt_201211 h3,
div.lbupdt_201211 h3 big { color: #58747f; font-weight: bold; font-size: 12px; line-height: 16px; }
div.lbupdt_201211 h3 small { color: #494949; font-weight: normal; font-size: 12px; }
div.lbupdt_201211 h3 img { display: inline; position: relative; *top: -1px; vertical-align: middle; }
div.lbupdt_201211 button.profile { width: 37px; height: 15px; display: block; border: 0; position: absolute; top: 1px; right: 52px; background: no-repeat url(../img/common/btn_profile2.gif); }
div.lbupdt_201211 ul { height: auto; position: relative; }
div.lbupdt_201211 ul li.clan { width: 242px; display: block; text-align: left; }
div.lbupdt_201211 ul li.clan b { color: #8c8b8a; }
div.lbupdt_201211 ul li.memo { width: 100px; text-align: left; }
div.lbupdt_201211 ul li.cash { width: 242px; position: relative; overflow: visible; text-align: left; }
div.lbupdt_201211 ul li.cash a { position: absolute; top: -1px; right: 0; *right: 1px; }
div.lbupdt_201211 ul li.cash a.a { position: static; top: auto; right: auto; }
div.lbupdt_201211 ul li.cash a.b { width: 41px; margin-left: 0px; position: static; top: auto; right: auto; background: no-repeat url(../img/common/btn_charge2.gif); }
div.lbupdt_201211 ul li.coupon { width: 124px; overflow: visible; position: absolute; top: 23px; right: 5px; text-align: left; }
div.lbupdt_201211 ul li.coupon a { position: absolute; top: -1px; right: 0; }
div.lbupdt_201211 ul li small { width: 50px; }
div.lbupdt_201211 ul li.memo a { color: #970b0b; }
div.lbupdt_201211 ul li.memo a b { color: #970b0b; }
div.lbupdt_201211 ul li.recent { text-align: left; }
div.lbupdt_201211 ul li.recent small { text-align: left; }
div.lbupdt_201211 ul li.recent a { font-size: 11px; }
div.lbupdt_201211 ul li.recent a i { font-style: normal; }
div.lbupdt_201211 ul li.security { position: absolute; top: 59px; left: 181px; background-image: url('../img/common/bar.gif'); background-position: left 3px; background-repeat: no-repeat; }
/* 20121106 : 로그인 영역 뉴멤버십 관련 안내 툴팁 */
.new_membership_notice {position:absolute; left:31px; top:19px; z-index: 3; display:inline-block; height:37px; padding:0 30px 0 9px; background:url('../img/common/bg_tooltip_with_x.gif') no-repeat;}
.new_membership_notice span {position:relative; top:12px; color:#FFF;}
:root .new_membership_notice span {top:13px\0;}
.new_membership_notice a {font-weight:bold;color:#FFFB94;}
.new_membership_notice a:hover {text-decoration:underline;}
.new_membership_notice a.btn_close {position:absolute; right:0; top:5px; display:block; width:25px; height:25px; text-indent:-5000px; background:url('../img/common/bg_tooltip_with_x.gif') no-repeat right -5px;}
/* 프로필 */
div.loginbox fieldset.profile { width: 175px; height: 85px; padding-left: 96px; zoom: 1; position: absolute; top: 0; left: 650px; z-index: 3; overflow: visible; }
fieldset.profile p.picture { width: 85px; height: 85px; position: absolute; top: 0; left: 0px; overflow: hidden; }
fieldset.profile p.picture img { width: 85px; height: 85px; position: absolute; top: 0; left: 0; z-index: 1; }
fieldset.profile p.picture span.inner-shadow { width: 85px; height: 83px; display: block; zoom: 1; position: absolute; top: 0; left: 0; z-index: 2; background: no-repeat url(../img/common/profile_innershadow.png); }
fieldset.profile h4 { height: 22px; margin-bottom: 3px; padding-left: 1px; background: no-repeat url(../img/common/profile_dashed.gif) left bottom; color: #a5a5a5; font-weight: bold; font-size: 12px; line-height: 20px; }
fieldset.profile h4 small { position: absolute; top: -9999px; }
fieldset.profile ol { margin-bottom: 5px; font-size: 0; line-height: 0; }
fieldset.profile ol li { height: 18px; color: #5f5f5f; font-weight: normal; font-size: 11px; line-height: 18px; letter-spacing: -1px; }
fieldset.profile ol li small { margin-right: 3px; font-weight: normal; font-size: 11px; line-height: 18px; }
fieldset.profile ol li strong { color: #970b0b; }
fieldset.profile p button { width: 77px; height: 17px; border: 0; background: no-repeat url(../img/common/btn_profile.gif); }
fieldset.profile p.banner { position: relative; left: -96px; top: 4px; }
/* 주차 랭킹 알림 2012-08-10 */
div.rank_alert { width: 272px; height: 69px; padding-top: 16px; display: block; zoom: 1; position: absolute; top: 0; left: 650px; z-index: 10; background: no-repeat url('../img/bootcamp/bg_alert.gif'); overflow: hidden; }
div.rank_alert p { color: #5f5f5f; font-weight: normal; font-size: 12px; line-height: 16px; text-align: center; }
div.rank_alert p span { color: #c10808; }
div.rank_alert p b { color: #c10808; }
div.rank_alert .btn_go_rank { width: 117px; height: 20px; display: block; zoom: 1; position: absolute; top: 56px; left: 78px; overflow: hidden; text-indent: -9999px; }
div.rank_alert span.close { width: 21px; height: 21px; display: block; zoom: 1; position: absolute; top: 1px; right: 3px; overflow: hidden; text-indent: -9999px; cursor: pointer; }
/* 세일즈 프로모션 */
.personal .sales { position: absolute; top: -9999px; }
.not_login .personal .sales { width: 270px; height: 83px; position: absolute; top: 22px; left: 670px; z-index: 3; }
.sales h3 { position: absolute; top: -9999px; }
/* 개인화영역 메뉴 */
.personal .menu { width: 980px; height: 30px; position: absolute; top: 134px; left: -20px; overflow: hidden; }
.not_login .personal .menu { display: none; }
.personal .menu h3 { position: absolute; top: -9999px; }
.personal .menu ul { padding-left: 19px; overflow: hidden; cursor: default; }
.personal .menu li { width: 157px; height: 30px; float: left; position: relative; overflow: hidden; }
.personal .menu li a { height: 30px; display: block; }
.personal .menu li a span { position: absolute; top: -9999px; }
.personal .menu li a sup { height: 16px; padding-left: 7px; display: block; zoom: 1; float: left; position: absolute; top: 8px; left: 58px; background: no-repeat url(../img/main/personal_noti.gif); cursor: pointer; }
.personal .menu li a sup b { height: 16px; padding-right: 8px; display: block; zoom: 1; float: left; background: no-repeat url(../img/main/personal_noti.gif) right top; color: #f1cbca; font-weight: bold; font-size: 9px; line-height: 14px; font-family: tahoma; letter-spacing: -1px; cursor: pointer; }
.personal .menu li a:hover { text-decoration: none; }
.personal .menu li a i.new { width: 23px; height: 24px; display: block; zoom: 1; position: absolute; top: 0px; left: 0px; overflow: hidden; background: no-repeat url('../img/common/new.gif'); text-indent: -9999px; }
.personal .menu li.pm-mn a { background: no-repeat url(../img/main/personal_menu.gif) -19px 0; }
.personal .menu li.pm-tc a { background: no-repeat url(../img/main/personal_menu.gif) -176px 0; }
.personal .menu li.pm-bc a { background: no-repeat url(../img/main/personal_menu.gif) -980px 0; }
.personal .menu li.pm-ns a { background: no-repeat url(../img/main/personal_menu.gif) -333px 0; }
.personal .menu li.pm-mi a { background: no-repeat url(../img/main/personal_menu.gif) -490px 0; }
.personal .menu li.pm-ai a { background: no-repeat url(../img/main/personal_menu.gif) -647px 0; }
.personal .menu li.pm-fi a { background: no-repeat url(../img/main/personal_menu.gif) -804px 0; }
.personal .menu li.pm-mn a.on { background: no-repeat url(../img/main/personal_menu.gif) -19px -30px; }
.personal .menu li.pm-tc a.on { background: no-repeat url(../img/main/personal_menu.gif) -176px -30px; }
.personal .menu li.pm-bc a.on { background: no-repeat url(../img/main/personal_menu.gif) -980px -30px; }
.personal .menu li.pm-ns a.on { background: no-repeat url(../img/main/personal_menu.gif) -333px -30px; }
.personal .menu li.pm-ns a.on sup { position: absolute; top: -9999px; }
.personal .menu li.pm-mi a.on { background: no-repeat url(../img/main/personal_menu.gif) -490px -30px; }
.personal .menu li.pm-ai a.on { background: no-repeat url(../img/main/personal_menu.gif) -647px -30px; }
.personal .menu li.pm-fi a.on { background: no-repeat url(../img/main/personal_menu.gif) -804px -30px; }
/* 메인 */
.not_login #contents { margin-top: -27px; }
.layout_ending #contents { height: 631px; margin-top: 0; position: relative; z-index: 2; overflow: hidden; background: no-repeat url(../img/ending/background2.jpg) center top; }
.layout_play #contents { height: auto; margin-top: 0; }
.container { width: 940px; margin: 0 auto; position: relative; z-index: 2; clear: both; }
.layout_ending .container { width: 100%; height: 631px; position: relative; z-index: 2; clear: both; background: no-repeat url(../img/ending/background3.jpg) center 203px; }
.layout_play .container { width: 100%; height: 707px; position: relative; z-index: 2; clear: both; background: no-repeat url(../img/play/play.jpg) center top; }
.layout_popup .container { width: 500px; height: 440px; margin: 0; background: no-repeat url(../img/main/profile_popup.gif); }
.layout_profile .container { width: 500px; height: 650px; margin: 0; }
.container h2 { width: 157px; height: 30px; display: block; position: absolute; top: -9999px; }
.layout_ending .container h2 { width: auto; height: auto; position: static; top: auto; }
.layout_play .container h2 { position: absolute; top: -9999px; }
.layout_profile .container h2 { width: auto; height: auto; position: static; }
.container .container { _width: auto; }
.div-mn h2 { top: -55px; left: -1px; background: no-repeat url(../img/main/personal_menu.gif) -19px -30px; }
.div-tc1 h2,
.div-tc2 h2,
.div-tc3 h2,
.div-tc h2 { top: -55px; left: 156px; background: no-repeat url(../img/main/personal_menu.gif) -176px -30px; }
.div-bc h2 { top: -55px; left: 156px; background: no-repeat url(../img/main/personal_menu.gif) -980px -30px; }
.div-ns h2 { top: -55px; left: 313px; background: no-repeat url(../img/main/personal_menu.gif) -333px -30px; }
.div-mi h2 { top: -55px; left: 470px; background: no-repeat url(../img/main/personal_menu.gif) -490px -30px; }
.div-ai h2 { top: -55px; left: 627px; background: no-repeat url(../img/main/personal_menu.gif) -647px -30px; }
.div-fi h2 { top: -55px; left: 784px; background: no-repeat url(../img/main/personal_menu.gif) -804px -30px; }
.not_login .container h2 { top: -9999px; }
.container h2 span { position: absolute; top: -9999px; }
/* 중앙 컨텐츠 */
.container .contents { width: 640px; margin-bottom: 80px; float: left; position: relative; z-index: 4; }
.div-tc1 .contents,
.div-tc2 .contents,
.div-tc3 .contents { width: 620px; padding-left: 320px; position: relative; float: none; }
.div-mn .contents { width: 620px; float: right; }
.div-sc .contents { overflow: hidden; }
/* MKT 배너 */
.div-mn .banner { margin-bottom: 25px !important; }
/* 서브 컨텐츠 공통 */
.layout_sub .contents h3.title { height: 65px; border-bottom: 0; position: relative; }
.div-ns .contents h3.title { border-bottom: 2px #e34848 solid; }
.layout_sub .contents h3.title span { height: 32px; display: block; overflow: hidden; text-indent: -9999px; }
.div-ns .contents h3.title span { background: no-repeat url(../img/main/title.gif) 0 -329px; }
.div-mi .contents h3.title span { height: 45px; background: no-repeat url(../img/main/title.gif) 0 -374px; }
.div-ai .contents h3.title span { height: 45px; background: no-repeat url(../img/main/title.gif) 0 -439px; }
.div-fi .contents h3.title span { height: 45px; background: no-repeat url(../img/main/title.gif) 0 -504px; }
.div-pr .contents h3.title span { height: 45px; background: no-repeat url(../img/main/title.gif) 0 -569px; }
.div-mr .contents h3.title span { height: 45px; background: no-repeat url(../img/main/title.gif) 0 -634px; }
.div-fb .contents h3.title span { height: 45px; background: no-repeat url(../img/main/title.gif) 0 -700px; }
.div-tb .contents h3.title span { height: 45px; background: no-repeat url(../img/main/title.gif) 0 -765px; }
.div-sc .contents h3.title span { height: 45px; background: no-repeat url(../img/main/title.gif) 0 -830px; }
.div-uc .contents h3.title span { height: 45px; background: no-repeat url(../img/main/title.gif) 0 -895px; }
.div-gm .contents h3.title span { height: 45px; background: no-repeat url(../img/main/title.gif) 0 -960px; }
.div-no .contents h3.title span { height: 45px; background: no-repeat url(../img/main/title.gif) 0 -1024px; }
.div-ev .contents h3.title span { height: 45px; background: no-repeat url(../img/main/title.gif) 0 -1089px; }
.div-gd .contents h3.title span { height: 45px; background: no-repeat url(../img/main/title.gif) 0 -1154px; }
.div-dl .contents h3.title span { height: 45px; background: no-repeat url(../img/main/title.gif) 0 -1219px; }
.div-me .contents h3.title span { height: 45px; background: no-repeat url(../img/main/title.gif) 0 -1284px; }
.div-cl .contents h3.title span { height: 45px; background: no-repeat url(../img/main/title.gif) 0 -1427px; }
.div-cf .contents h3.title span { height: 45px; background: no-repeat url(../img/main/title.gif) 0 -1558px; }
.div-co .contents h3.title span { height: 45px; background: no-repeat url(../img/main/title.gif) 0 -1492px; }
.div-up .contents h3.title span { height: 45px; background: no-repeat url(../img/main/title.gif) 0 -1624px; }
.div-pc .contents h3.title span { height: 45px; background: no-repeat url(../img/main/title.gif) 0 -1688px; }
.div-is .contents h3.title span { height: 45px; background: no-repeat url(../img/main/title.gif) 0 -1754px; }
.div-bc .contents h3.title span { height: 45px; background: no-repeat url(../img/main/title.gif) 0 -1850px; }
.div-nr .contents h3.title span { height: 45px; background: no-repeat url(../img/main/title.gif) 0 -1915px; }
.layout_sub .contents h3.title small { position: absolute; top: -9999px; }
.layout_sub .div-ns h3.title small { height: 18px; position: static; top: auto; color: #dd5656; font-weight: normal; font-size: 12px; line-height: 18px; }
.layout_sub .contents h3.title small b { color: #000; font-weight: bold; font-size: 12px; line-height: 18px; }
.layout_sub .contents p.policy { width: 84px; height: 23px; position: absolute; top: 27px; right: -2px; background: no-repeat url(../img/common/button.gif) 0 -27px; }
.layout_sub .contents p.policy a { width: 81px; height: 20px; display: block; zoom: 1; margin-left: 1px; position: relative; }
.layout_sub .contents p.policy a span { position: absolute; top: -9999px; }
/* 탭 */
div.tab h4 { position: absolute; top: -9999px; }
div.tab ul { height: 29px; margin-bottom: 20px; border-bottom: 1px solid #b31d1d; position: relative; }
.div-tb div.tab ul,
.div-sc div.tab ul,
.div-uc div.tab ul { margin-bottom: 0; }
div.tab-clear ul { margin-bottom: 0; }
div.tab ul li { height: 27px; margin: 0 -1px 0 0; _display: inline; border: 1px solid #d1d1d1; border-bottom: 0; float: left; position: relative; z-index: 1; top: 1px; _overflow: hidden; background: #f8f8f8; }
div.tab ul li.on { border: 1px solid #e34848; border-bottom-color: #fff; z-index: 10; }
div.tab ul li a { height: 11px; padding: 8px 18px 8px 18px; display: block; zoom: 1; float: left; background: #F2EFEB; color: #7d7d7d; }
.div-cl div.tab ul li a { padding: 8px 25px 8px 25px; }
div.tab ul li.on a { background-color: #fff; color: #d11e1e; }
.content h4 { position: absolute; top: -9999px; }
.div-sc h4,
.div-uc h4,
.div-dl h4 { position: relative; top: auto; }
/* 사이드바 */
.container .aside { width: 240px; margin-bottom: 80px; float: right; position: relative; z-index: 5; }
.div-tc1 .aside,
.div-tc2 .aside,
.div-tc3 .aside { width: 270px; margin-left: -320px; float: left; }
.div-mn .aside { width: 270px; float: left; }
.container .aside h3 { position: absolute; top: -9999px; }
.aside .friends h3,
.aside .news h3 { position: static; top: auto; }
/* 푸터 */
.footer { width: 100%; height: 120px; border-top: 1px #e5e5e5 solid; position: relative; overflow: hidden; clear: both; }
.layout_ending .footer { border-top: 0; background: #06080a no-repeat url(../img/common/footer_dark.gif) center top; }
.layout_play .footer { height: 126px; border-top: 0; background: #000101 no-repeat url(../img/play/footer_dark.jpg) center top; }
.footer .logo { margin-left: -470px; position: absolute; top: 49px; left: 50%; }
.layout_ending .footer .logo { top: 51px; }
.layout_play .footer .logo { margin-left: -460px; top: 51px; }
.layout_ending .footer .logo a,
.layout_play .footer .logo a { width: 95px; height: 21px; display: block; zoom: 1; background: no-repeat url(../img/common/logo_neowiz_dark.gif); }
.layout_ending .footer .logo a img,
.layout_play .footer .logo a img { position: absolute; top: -9999px; }
.footer .menu { margin-left: -351px; position: absolute; top: 32px; left: 50%; }
.layout_ending .footer .menu { top: 30px; }
.layout_play .footer .menu { margin-left: -341px; top: 30px; }
.footer .menu ul { margin-left: -8px; position: relative; overflow: hidden; }
.footer .menu li { height: 11px; float: left; }
.footer .menu li a { height: 11px; display: block; zoom: 1; }
.footer .menu li.fm-cp a { width: 55px; background: no-repeat url(../img/common/footer.gif) 7px 0; }
.layout_ending .footer .menu li.fm-cp a,
.layout_play .footer .menu li.fm-cp a { background: none; }
.footer .menu li.fm-tm a { width: 54px; background: no-repeat url(../img/common/footer.gif) -48px 0; }
.layout_ending .footer .menu li.fm-tm a,
.layout_play .footer .menu li.fm-tm a { background: none; }
.footer .menu li.fm-pl a { width: 167px; background: no-repeat url(../img/common/footer.gif) -102px 0; }
.layout_ending .footer .menu li.fm-pl a,
.layout_play .footer .menu li.fm-pl a { background: none; }
.footer .menu li a span { position: absolute; top: -9999px; }
.footer .deliberate { width: 290px; height: 63px; margin-left: 181px; position: absolute; top: 28px; left: 50%; overflow: hidden; }
.layout_play .footer .deliberate { margin-left: 191px; }
.footer .deliberate-15 { background: no-repeat url(../img/common/deliberate.gif) left top; }
.footer .deliberate-no { background: no-repeat url(../img/common/deliberate.gif) left bottom; }
.footer .deliberate h3 { position: absolute; top: -9999px; }
.footer .deliberate h4 { width: 145px; height: 15px; float: left; cursor: pointer; }
.footer .deliberate h4 a { height: 15px; display: block; zoom: 1; cursor: pointer; }
.footer .deliberate h4 a span { position: absolute; top: -9999px; }
.footer .deliberate table { position: absolute; top: -9999px; }
.footer .company { width: 504px; height: 0; margin-left: -352px; padding-top: 37px; position: absolute; top: 50px; left: 50%; overflow: hidden; background: no-repeat url(../img/common/footer.gif) left -18px; color: #fff; font-size: 0; line-height: 0; }
.layout_main .footer .company { padding-top: 53px; background: no-repeat url(../img/main/footer.gif) left -18px; }
.layout_ending .footer .company { top: 48px; background: none; }
.layout_play .footer .company { margin-left: -342px; top: 48px; background: none; }
.footer .company a { display: block; zoom: 1; position: absolute; overflow: hidden; }
.footer .company .tel { width: 48px; height: 12px; top: 0; left: 367px; }
.footer .company .mailto { width: 103px; height: 12px; top: 14px; left: 24px; }
.footer .company .bizinfo { width: 67px; height: 14px; top: 13px; left: 432px; }
.layout_ending .footer .company .bizinfo { width: 67px; height: 14px; top: 12px; left: 437px; }
.layout_play .footer .company .bizinfo { width: 67px; height: 14px; top: 12px; left: 437px; }
.footer .company br { display: none; }
.footer .company p,
.footer .company address { float: left; }
.footer .company a span { position: absolute; top: -9999px; }
.footer .copyright { position: absolute; bottom: -9999px; }
/*
* CSS Styles that are needed by jScrollPane for it to operate correctly.
*
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
* may not operate correctly without them.
*/
.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; /* background: red; */ }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; /* background: red; */ }
.jspVerticalBar *,
.jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { /* background: #dde; */ position: relative; }
.jspDrag { }
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { /* background: #50506d; */ text-indent: -20000px; display: block; cursor: pointer; }
.jspArrow.jspDisabled { cursor: default; /* background: #80808d; */ }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { /* background: #eeeef4; */ float: left; height: 100%; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }
/* 셀렉트박스 */
select {height:19px; border:1px solid #e0dcdc; background-color:#ffffff; font-size:12px; vertical-align:middle;}
.SelectResetStyle {overflow:visible; visibility:visible; float:none; position:static; left:auto; top:auto; right:auto; bottom:auto; width:auto; height:auto; min-width:auto; min-height:auto; max-width:auto; max-height:auto; margin:0; padding:0; border:none; background:none;}
.SelectDisable {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50) !important; opacity:0.5;}
.select_selectArea {overflow:hidden; height:19px; background:url(../img/common/bg_select.gif) no-repeat; border:1px solid #e0dcdc; vertical-align:top; z-index:20;}
.select_selectArea a {display:block; /* width:100%; */ height:18px; margin:0; padding:3px 0 0 5px; font-size:12px; white-space:nowrap; color:#808080; background:url(../img/common/bg_select_arrow.gif) right top no-repeat; cursor:default; letter-spacing:0;}
.select_selectArea a:hover {text-decoration:none;}
.select_optionsDiv {display:none; margin-top:21px; border:1px solid #e0dcdc; border-top:0; background:#FFF; vertical-align:middle; z-index:21;}
.select_optionsDiv p {margin:0; padding:1px;}
.select_optionsDiv a {display:block; height:16px; padding:3px 0 0 5px; white-space:nowrap; color:#808080; cursor:default; font-size:12px;}
.select_optionsDiv a:hover {background:#F0EDE9; color:#333 !important; text-decoration:none;}
.SelectBasic_optionsDiv_reverse {border-top:1px solid #e0dcdc; border-bottom:none;}
/* .SelectMaxSize1_optionsDiv {max-height:90px;} */
/* 사용자 팝업 */
.userMenu {position:absolute; border:1px solid #C5C6C7; padding:1px; border-collapse:collapse; background:#F5F5F5; z-index:33 !important;}
.userMenu td {width:100%; padding:4px 5px 0 5px; border:0; vertical-align:middle; color:#666; font-size:11px; background:#F5F5F5; text-align:center; cursor:pointer; _cursor:hand;}
.userMenu .over {background-color:#F5F5F5;}
.userMenu .udActivate {background-color:#DDD; color:#333;}
.userMenu .udDeactivate {background-color:#F5F5F5;}
/* 게시판 복사, 인쇄 버튼 */
/*
.coprint {*height:1%; padding:10px 5px 10px 0;}
.coprint ul {position:relative; text-align:right; font-size:0;}
.coprint li {display:inline; margin-left:3px; font-size:0;}
.coprint img {vertical-align:top;}
.coprint .url a {position:relative; top:4px; margin-right:3px; font-size:11px; color:#989795;}
*/
/* 게시판 목록 미리보기 */
.preview {position:absolute; z-index:50; visibility:hidden; overflow:hidden; margin:6px 0 0 0; padding:9px 7px 6px 10px; width:321px !important; color:#666; border:1px solid #C5C6C7; background:#F5F5F5; font-size:12px; text-align:left; word-break:break-all; white-space:normal !important; zoom:1;}
.preview p {width:auto !important; height:auto !important; padding:0 !important; white-space:normal !important;}
/*** UI 테스트 ***/
.ui-control { width: 120px; padding: 2px; border: 1px #999 solid; margin-left: -610px; position: fixed; _position: absolute; top: 200px; left: 50%; z-index: 10; overflow: hidden; background-color: #ccc; }
.popup_control { margin-left: -323px; top: 100px; }
.ui-control h2 { padding: 5px 0 5px 10px; border-top: 1px #b3b3b3 solid; border-bottom: 1px #ccc solid; background-color: #333; color: #fff; font-weight: bold; font-size: 14px; line-height: 1.2; }
.ui-control h3 { padding: 3px 0 3px 10px; border-top: 1px #ccc solid; border-bottom: 1px #d9d9d9 solid; background-color: #f7f7f7; color: #000; font-weight: bold; font-size: 13px; line-height: 1.3; }
.ui-control ul { border-top: 1px #f2f2f2 solid; }
.ui-control li { padding: 2px 0 2px 10px; border-bottom: 1px #e5e5e5 solid; background-color: #fff; color: #999; font-weight: normal; font-size: 11px; line-height: 1.5; letter-spacing: -1px; }
#contents { zoom: 1; *overflow: hidden; }
.content_area { *width: 610px; *overflow: hidden; }
.footer { *float: left; }