/*
*    앨리샤 / 서브컨텐츠 스타일시트
*    @ Ntreevsoft co.ltd
*/

html, body { font-family:dotum, 돋움, AppleGothic, Sans-serif; font-size:12px; color:#000; padding:0; margin:0; }
form, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6 { list-style:none; padding:0; margin:0; } img { border:none; } hr, legend { display:none; }
table { border-collapse:collapse; } th { font-weight:bold; text-align:center; } td { text-align:left; }
button { padding:0; margin:0; border:none; cursor:pointer; }
select { font:normal 12px arial; height:20px; } select, { font-size:11px; }
input { font:normal 12px dotum, 돋움; } input[type=text] { height:12px; }
a:link, a:visited, a:active { text-decoration:none; } a:hover { text-decoration:underline; }
.none { display:none; } .fly { position:absolute; top:-9999px; left:-9999px; }

/* Layout */
#wrap { position:relative; background:url(../img/common/mainvisual.jpg) no-repeat center 0; width:100%; min-width:990px; text-align:center; padding-top:380px; }
#navigation { position:absolute; top:0; left:0; width:100%; height:378px; z-index:4; overflow:hidden; }
#navigation h2 { position:absolute; top:-9999px; left:-9999px; }
#container { position:relative; width:914px; min-height:600px; background:#fff url(../img/common/frame_bg.png) repeat-x 0 0; margin:0 auto; z-index:2; text-align:left; }
#sidebar { float:left; width:240px; margin-bottom:50px; }

/* Frame */
.frame-top { position:absolute; top:-26px; left:-25px; background:url(../img/common/frame_top.png); width:964px; height:26px; }
.frame-left { position:absolute; top:0; left:-25px; background:url(../img/common/frame_left.png); width:25px; height:600px; }
.frame-right { position:absolute; top:0; right:-25px; background:url(../img/common/frame_right.png); width:25px; height:600px; }

/* Footer */
#footer { position:relative; clear:both; width:914px; height:110px; margin:0 auto; border-top:1px solid #ebefef; z-index:2; }
.foo-link, .foo-address, .foo-copyright, .foo-classinfo, .foo-logo { position:absolute; }
.foo-link { top:24px; left:74px;  font:normal 9px arial; color:#d2d2d2; }
.foo-link li { float:left; display:inline; margin:0 4px; }
.foo-link li img { border-right:1px solid #c6c6c6; padding-right:8px; }
.foo-link li.lastlink img { border:none; }
.foo-address { top:46px; left:76px; }
.foo-copyright { top:72px; left:76px; }
.foo-classinfo { top:25px; right:0;  }
.foo-logo { top:27px; left:0; }

/* LoginBox  */
.loginbox { position:relative; background:url(../img/login/login_sprite.png) -10px -10px; width:240px; height:130px; margin-bottom:10px; text-align:center; }
.loginbox h2 { width:44px; height:11px; position:absolute; top:13px; left:13px; }
.loginbox fieldset { padding:0; margin:0; border:none; }
.lb-id input, .lb-pw input { width:121px; height:12px; border:1px solid #f1f1f1; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; font:normal 12px dotum; padding:4px; margin:0; color:#333; vertical-align:top; }
.lb-id { position:absolute; top:35px; left:9px; }
.lb-id label { display:none; }
.lb-id .inbg { background:url(../img/login/login_sprite.png) -10px -170px; }
.lb-pw { position:absolute; top:61px; left:9px; }
.lb-pw label { display:none; }
.lb-pw .inbg { background:url(../img/login/login_sprite.png) -10px -210px; }
.lb-submit { position:absolute; top:35px; left:148px; }
.lb-submit button { background:url(../img/login/login_sprite.png) -170px -170px; width:80px; height:48px; }
.lb-submit button em { position:absolute; z-index:-1; text-indent:-9999px; }
.lb-name { margin:0 auto; }
.lb-name td { font-size:11px; color:#9a9ea2; height:88px; line-height:18px; text-align:center; }
.lb-name strong { color:#ff5e17; }
.lb-name em { color:#ff5e17; font-style:normal;}/* 20100401 추가 */
.lb-save { position:absolute; top:9px; left:96px; }
.lb-secure { position:absolute; top:9px; left:171px; }
.lb-find { position:absolute; top:97px; left:37px; width:86px; height:14px; }
.lb-join { position:absolute; top:97px; left:142px; width:54px; height:14px; }
.lb-mypage { position:absolute; top:90px; left:35px; width:81px; height:26px; }
.lb-logout { position:absolute; top:90px; left:123px; width:81px; height:26px; }
.ispcbang { position:relative; margin:2px 0 -12px 0; text-align:center; }

/* Quick link */
.quicklink { margin-bottom:20px; }
.quicklink h2 { position:absolute; top:-9999px; left:-9999px; }

/* Event rolling */
#promotion { text-align:center; margin-bottom:10px; }
#promotion h2 { position:absolute; top:-9999px; left:-9999px; }

/* Banners */
.banners { }
.banners h2 { position:absolute; top:-9999px; left:-9999px; }
.banners p { margin-bottom:10px; }

/* Content Header */
#contenttit { float:right; background:url(../img/contents/bg_title.png); width:662px; height:40px; margin-bottom:7px; }
#contenttit h2 { margin:12px 0 0 15px; }
#contenttit p { position:absolute; top:16px; right:17px; font-size:11px; color:#9a9ea2; }
#contenttit p a { color:#9a9ea2; }

/* Content Body */
#section { float:right; background:url(../img/contents/bg_content.png) no-repeat 0 0; width:620px; min-height:600px; padding:20px 21px; margin-bottom:50px; }
h3.boxtit { margin-bottom:9px; }
h3.guidetit { margin-bottom:16px; }
.section-info { margin-bottom:36px; }
.guidehelper { margin-bottom:28px; }
.tabnavi { position:relative; background:url(../img/contents/bg_tab_type1.png); height:26px; overflow:hidden; z-index:2; }
.tabnavi li { float:left; margin-right:2px; cursor:pointer; }
.tabnavi2 { position:relative; background:url(../img/contents/bg_tab_sub.png); height:28px; border-bottom:1px solid #f0f0f0; overflow:hidden; z-index:2; }
.tabnavi2 li { float:left; font:normal 11px dotum,돋움; padding:0 10px; margin:9px 0 0 -1px; border-left:1px solid #b7d2de; }
.tabnavi2 li a { color:#476c7c; }
.tabnavi2 li a:hover { color:#0153bf; }
.tabnavi2 li a.selected { color:#476c7c; font-weight:bold; letter-spacing:-1px; }
.contentpath { position:absolute; top:35px; right:0;font:normal 11px dotum,돋움; color:#a3a3a3; }
.contentpath a { color:#a3a3a3; }
.contentpath strong { font-weight:normal; color:#505050; }
.contenthelp { margin:-6px 0 17px 0; }
.contenthelp * { vertical-align:middle; }
.contentsch { background:url(../img/contents/bg_search.png); height:42px; margin-bottom:28px; }
.contentsch fieldset { padding:10px 0 0 0; margin:0; border:none; text-align:center; }
.contentsch * { vertical-align:middle; }
.contentsch .sch-select { width:90px; font:normal 11px arial; color:#555; }
.contentsch .sch-txt { background:#fff; width:265px; border:1px solid #c1c1c1; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:3px 3px; margin:0 6px 0 2px; color:#333; }
.contentsch .sch-btn { background:#000 url(../img/contents/btn_search.png); width:38px; height:20px; }

.contentfix { display:none; padding:15px 0 19px 0; }
.contentfix img { vertical-align:middle; }
.guidedesc-type1 { }
.guidedesc-type1 li { background:url(../img/contents/bg_guide.png) no-repeat right 0; height:189px; }
.guidedesc-type1 p { float:right; width:331px; padding:0 20px 0 43px; }
.guidedesc-type5 { }
.guidedesc-type5 li { background:url(../img/contents/bg_guide.png) no-repeat right 0; height:265px; }
.guidedesc-type5 p { float:right; width:296px; padding:0 20px 0 43px; }
.guidedesc-thumb { float:left; }
.guidedesc-tit1, .guidedesc-tit2, .guidedesc-tit3, .guidedesc-tit4, .guidedesc-tit5 { color:#767676; font:normal 11px dotum,돋움; margin-top:23px; padding-top:1px; margin-bottom:7px; letter-spacing:-1px; line-height:18px; }
.guidedesc-tit1 strong, .guidedesc-tit2 strong, .guidedesc-tit3 strong, .guidedesc-tit4 strong, .guidedesc-tit5 strong { color:#517091; }
.guidedesc-tit1 { background:url(../img/contents/guide_tno_1.jpg) no-repeat 16px 3px; }
.guidedesc-tit2 { background:url(../img/contents/guide_tno_2.jpg) no-repeat 16px 3px; }
.guidedesc-tit3 { background:url(../img/contents/guide_tno_3.jpg) no-repeat 16px 3px; }
.guidedesc-tit4 { background:url(../img/contents/guide_tno_4.jpg) no-repeat 16px 3px; }
.guidedesc-tit5 { background:url(../img/contents/guide_tno_5.jpg) no-repeat 16px 3px; }
.guidedesc-txt { background:url(../img/contents/bg_arrow.jpg) no-repeat 33px 5px; color:#767676; font:normal 11px dotum,돋움; line-height:18px; text-align:justify; letter-spacing:-1px; }
.guidedesc-img { margin-top:10px; }
.guidedesc-img02 {font-family:Dotum; font-size:11px; color:#767676; line-height:18px; background:url(../img/contents/tip.gif) no-repeat 44px 3px; margin:10px 0 0 0}
.guidedesc-img02 span {display:block; margin:0 0 0 27px;letter-spacing:-2px}
.guidedesc-btn { margin-top:6px; }
.guidedesc-type2 { background:url(../img/contents/bg_guide2.png) no-repeat 0 0; padding:18px 54px; }
.guidedesc-type2 li { color:#517091; font-weight:bold; margin-bottom:9px; line-height:18px;clear:left;}
.arrowText { background:url(../img/contents/bg_arrow.jpg) no-repeat 0 7px; color:#767676; font:normal 11px dotum,돋움; line-height:18px; text-align:justify; letter-spacing:-1px; text-indent:8px}
.guidedesc-type2 .guidedesc-txt {background:none !important;}
.guidedesc-type2 dt.imgView {float:left;}
.guidedesc-type2 dl {float:none;*zoom:1; margin:10px 0 0 0}
.guidedesc-type2 dl:after {display:block; content:""; clear:both; visibility:hidden; height:0}
.guidedesc-type2 dd.gameRoom1-1, .guidedesc-type2 dd.gameRoom1-2, .guidedesc-type2 dd.gameRoom1-3, .guidedesc-type2 dd.gameRoom1-4 {display:inline-block;float:left; padding:0 0 0 28px;font-size:11px; color:#767676;font-weight:normal;margin:0 0 0 22px;}
.guidedesc-type2 dd.gameRoom1-1 { background:url(../img/contents/gameRoom1-1.gif) no-repeat;}
.guidedesc-type2 dd.gameRoom1-2 { background:url(../img/contents/gameRoom1-2.gif) no-repeat;margin:10px 0 0 22px; width:100px}
.guidedesc-type2 dd.gameRoom1-3 { background:url(../img/contents/gameRoom1-3.gif) no-repeat; margin:10px 0 0 22px;}
.guidedesc-type2 dd.gameRoom1-4 { background:url(../img/contents/gameRoom1-4.gif) no-repeat;margin:10px 0 0 22px }
.guidedesc-type2 dd.gameRoomTip {display:inline-block;float:left; padding:0 0 0 43px; font-size:11px; color:#767676;font-weight:normal;margin:0 0 0 10px; background:url(../img/contents/tip.gif) no-repeat 16px 3px;width:250px}


.guidedesc-type2 dd.gameRoomTip02 {display:inline-block;float:left; padding:0 0 0 43px; font-size:11px; color:#767676;font-weight:normal;margin:10px 0 0 10px; background:url(../img/contents/tip.gif) no-repeat 16px 3px;width:370px}
.guidedesc-type2 dd.gameRoomArrow {display:inline-block;float:left; padding:0 0 0 28px;font-size:11px; color:#767676;font-weight:normal;margin:10px 0 0 30px; background:url(../img/contents/bg_arrow.jpg) no-repeat 16px 3px !important; letter-spacing:-0.08em;width:250px}
.gameRoomNormal {display:inline-block;float:left; padding:0 0 0 23px; font-size:11px; color:#767676;font-weight:normal;margin:0 0 0 0; width:250px}
.gameRoomNormalTip {display:inline-block;float:left; padding:0 0 0 23px; font-size:11px; color:#767676;font-weight:normal;margin:10px 0 0 20px; background:url(../img/contents/tip.gif) no-repeat 0px 3px;width:230px}
.gameRoomNormalTip span {font-weight:bold}
.gameRoomNormalTip02 {display:inline-block;float:left; padding:0 0 0 23px; font-size:11px; color:#767676;font-weight:normal;margin:10px 0 0 250px; background:url(../img/contents/tip.gif) no-repeat 0px 3px;width:230px}
.mating {margin:15px 0 0 30px}
.matingList {margin:130px 0 0 0; background:url(../img/contents/matingList3-1.gif) no-repeat; font:normal 11px dotum; color:#777;padding:0 0 0 30px; line-height:15px;}
.matingTip { background:url(../img/contents/tip.gif) no-repeat;font:normal 11px dotum; color:#777;padding:0 0 0 27px; margin:15px 0 0 0 ; line-height:15px;}
.matingTip02 {margin:10px 0 0 35px}
.matingArrow {display:block; clear:left; background:url(../img/contents/bg_arrow.jpg) no-repeat; padding:0 0 0 10px; font:normal 11px dotum; color:#516f91; width:70px; font-weight:bold; margin:10px 0 0 0}
.matingText {color:#777; font-weight:normal; margin:0 0 0 80px;  font:normal 11px dotum;margin:-13px 0 0 80px}
.matingAreaWrap {padding:-10px 0 0 10px}



.guidedesc-no { position:absolute; margin:-2px 0 0 -33px;}
.guidedesc-type3 { background:url(../img/contents/bg_guide2.png) no-repeat 0 0; padding:20px 54px 22px 54px; }
.guidedesc-type3 li { float:left; width:255px; color:#517091; font-weight:bold; margin-bottom:9px; line-height:18px; }
.guidedesc-no { position:absolute; margin:-2px 0 0 -33px; }
.guidedesc-type4 { padding-top:22px; }
.guidedesc-type4 .guidedesc-txt { background-position:11px 5px; padding:0 20px; }
.guidedesc-type4 em { color:#4d7fb4; font-style:normal; }
.ulinebox { padding:4px 0 10px; margin-bottom:1px; border-bottom:1px solid #eaeaea; width:500px; }
.ulinebox-none { padding:4px 0 10px; }

/* Content Download */
.playng-info { margin-bottom:28px; }
.playng-info table { width:620px; margin-bottom:12px; border:1px solid #c6dde4; }
.playng-info table span { display:block; padding:5px 0; border:1px solid #fff; }
.playng-info table th, .playng-info table td { font:normal 11px/15px dotum,돋움; text-align:center; border:1px solid #c6dde4;  }
.playng-info table thead th { background:#e9f5fa; color:#517091; width:298px; font-weight:bold; }
.playng-info table thead td { background:#e9f5fa; font-weight:bold; }
.playng-info table tbody th { background:#f9fcfe; color:#517091; width:116px; font-weight:normal; }
.playng-info table tbody td { color:#767676; padding:6px 0; line-height:18px; }
.system-spec { margin-bottom:45px; }
.system-spec table { width:620px; margin-bottom:12px; border:1px solid #c6dde4; }
.system-spec table th, .system-spec table td { font:normal 11px/15px dotum,돋움; text-align:center; border:1px solid #c6dde4;  }
.system-spec table span { display:block; padding:5px 0; border:1px solid #fff; }
.system-spec table tbody th { background:#f9fcfe; height:25px; color:#3b7ac3; width:116px; font-weight:normal; }
.system-spec table tbody td { color:#767676; width:218px; padding:6px; line-height:18px; }
.system-spec .system-chk { position:absolute; right:20px; margin-top:-28px; }
.download { clear:both; background:url(../img/contents/bg_download.png) no-repeat 0 0; margin-bottom:37px; text-align:right; }
.download h3 { margin-bottom:12px; text-align:left; }
.download .download-info { float:left; text-align:left; }
.download .download-btn { padding-top:7px; margin-top:-34px; }
.download .download-btn img { margin-left:5px; }
.drivers { padding-top:15px; }
.drivers p { padding-top:16px; }
#flvplayer { text-align:center; padding:0 0 43px 0; height:440px; }
.movie-list { border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; }
.movie-list li { position:relative; width:620px; padding:17px 0; _height:101px; min-height:101px; border-top:1px solid #f3f3f3; }
.movie-list li.start { border:none; }
.movie-list li .tit { font:bold 14px/19px dotum,돋움; color:#333; margin-left:180px; letter-spacing:-1px; }
.movie-list li .desc { font:normal 12px/18px dotum,돋움; color:#858585; margin-left:180px; padding-bottom:36px; }
.movie-list li .btns { position:absolute; bottom:16px; left:180px; }
.movie-list li .btns img { margin-right:3px; }
.movie-list li .thumb { position:absolute; top:18px; left:10px; width:148px; height:97px; border:1px solid #ddd; }
.wallpaper-desc { text-align:right; margin:-6px 0 5px; }
.wallpaper-list { margin-right:-20px;  }
.wallpaper-list li { float:left; width:320px; height:294px; }
.wallpaper-list li p { padding:6px 0; }
.artwork-list { margin-top:26px; margin-right:-20px; display:none; }
.artwork-list li { float:left; width:320px; height:245px; }
.artwork-cloud { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7; filter:alpha(opacity:70); z-index:99; }

.artwork-view { position:absolute; top:0; left:50%; height:100%; margin-left:-490px; z-index:100; }
.artwork-shadow-btn { height:25px; text-align:right; }
.artwork-shadow-btn p { position:relative; top:18px; width:25px; height:25px; margin-left:auto; background:url(../img/common/shadow_btn_x.png); _background:url(../img/common/shadow_btn_x.gif); cursor:pointer; }
.artwork-shadow-next { width:40px; height:50px; margin-left:auto; background:url(../img/common/shadow_btn_next.png); _background:url(../img/common/shadow_btn_next.gif); cursor:pointer; }
.artwork-shadow-prev { width:40px; height:50px; margin-right:auto; background:url(../img/common/shadow_btn_prev.png); _background:url(../img/common/shadow_btn_prev.gif); cursor:pointer; }
.artwork-shadow-btn span, .artwork-shadow-next span, .artwork-shadow-prev span { display:none; }
.artwork-shadow-mc img { vertical-align:middle; }
.artwork-shadow-tl { height:25px; background:url(../img/common/shadow_tl.png) no-repeat right 0; _background:none; }
.artwork-shadow-tc { height:25px; background:url(../img/common/shadow_tc.png) no-repeat left 0; _background:none; }
.artwork-shadow-tr { height:25px; background:url(../img/common/shadow_tr.png) no-repeat left 0; _background:none; }
.artwork-shadow-ml { width:50px; background:url(../img/common/shadow_ml.png) no-repeat right 0; _background:none; text-align:left; }
.artwork-shadow-mr { width:50px; background:url(../img/common/shadow_mr.png) no-repeat left 0; _background:none; text-align:right; }
.artwork-shadow-bl { width:50px; background:url(../img/common/shadow_bl.png) no-repeat right 0; _background:none; }
.artwork-shadow-bc { height:50px; background:url(../img/common/shadow_bc.png) no-repeat left 0; _background:none; }
.artwork-shadow-br { width:50px; background:url(../img/common/shadow_br.png) no-repeat left 0; _background:none; }

/* Character Layer */
.character-frame-top { width:730px; height:50px; background:url(../img/character/frame_top.png); }
.character-frame-left { width:50px; height:695px; background:url(../img/character/frame_left.png); }
.character-frame-right { width:50px; height:695px; background:url(../img/character/frame_right.png); }
.character-frame-btm { width:730px; height:50px; background:url(../img/character/frame_btm.png); }
.character-frame-btn { height:5px; text-align:right; }
.character-frame-btn p { position:relative; top:25px; right:35px; width:25px; height:25px; margin-left:auto; background:url(../img/common/shadow_btn_x.png); _background:url(../img/common/shadow_btn_x.gif); cursor:pointer; }
.character-frame-btn span { display:none; }
.character-field { position:absolute; top:50px; left:50%; width:660px; height:725px; margin-left:-380px; z-index:100; }
.character-cloud { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7; filter:alpha(opacity:70); z-index:99; }

/* Content Wordrelay */
.relay-visual { position:relative; top:-1px; background:url(../img/contents/bg_wordrelay.jpg) no-repeat 0 0; height:146px; }
.relay-visual span { position:absolute; top:-9999px; left:-9999px; }
.relay-fr { position:absolute; top:47px; left:21px; }
.relay-md { position:absolute; top:46px; left:215px; }
.relay-bk { position:absolute; top:47px; left:451px;  }

/* Content Support */
.faq-helper { background:url(../img/contents/helper_faq.png) no-repeat 0 14px; height:71px; }
.qna-helper { background:url(../img/contents/helper_qna.png) no-repeat 0 14px; height:71px; }
.faq-helper p, .qna-helper p { position:absolute; top:-9999px; left:-9999px; }
.faqspot { font:normal 11px tahoma; color:#7f7f7f; padding:12px 0 0 4px; margin-bottom:-6px; }
.qnaspot { background:url(../img/contents/sym_spot.png) no-repeat 0 23px; font:normal 11px/18px dotum,돋움; color:#7f7f7f; padding:20px 0 7px 17px; }
.qnaend { padding:30px 0 0 0; }
.qnaend p { background:url(../img/contents/sym_arrow.png) no-repeat 6px 10px; font:normal 11px/16px dotum,돋움; color:#7f7f7f; padding:7px 21px; }
.qnaend em { font-style:normal; color:#254c80; }


.opercylist { background:url('../img/contents/bg_operindex.png') no-repeat 0 0; margin-bottom:13px; }
.opercylist ul { background:url('../img/contents/bg_operindexbt.png') no-repeat 0 bottom; padding:15px 23px; zoom:1; }
.opercylist ul:after  {content:" "; display:block; clear:both; height:0; visibility:hidden;}
.opercylist li { float:left; background:url('../img/contents/sym_arrow.png') no-repeat 0 10px; padding:8px 10px 8px 18px; width:257px; line-height:16px; }
.opercylist li a { font-weight:bold; color:#666666; letter-spacing:-1px; }
.opercylist li a:hover { border-bottom:1px solid #666; text-decoration:none; }
.opercylist li a.i-on { color:#0153bf; border-bottom:1px solid #0153bf; }
.opercybox h3 { background:url(../img/contents/sym_selected.png) no-repeat 0 center; padding-left:16px; font:bold 14px dotum,돋움; color:#0153bf; }
.opercydesc { background:#f6f6f6; border:1px solid #ddd; padding:16px 20px; margin:10px 0 10px 0; color:#666; line-height:1.3em; }
.opercydesc * { line-height:1.3em; } .opercydesc ul, .opercydesc ol { margin:5px 0; } .opercydesc li { margin:0 0 0 20px; } .opercydesc p { margin-bottom:5px; }
.opercydate { padding:5px 20px; }
.opercydate h3 { margin-bottom:3px; font:bold 12px dotum,돋움; color:#333; }
.opercydate p { color:#666; line-height:18px; }