@charset "euc-kr"; /* <meta http-equiv="Content-Type" content="text/html; charset=euc-kr"> */

/* css 초기화 ================================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, select, input, textarea {
	margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }

body, input, textarea, select, td { font-size:12px; font-family:돋움; color:#A59270; }
h1, h2, h3, h4, h5, h6 { font-size:12px; }
h1, h2, h3, h4, h5, h6, strong { font-weight:bold; }

a { text-decoration:none; color:#A59270; }
a:hover { text-decoration:underline; }
 
:focus { outline:0; }
body { line-height:120%; background:white; }
ol, ul { list-style: none; }

em { font-style:normal; }

table { margin:0; outline:0; border-collapse:collapse; border-spacing:0; }
caption, th, td { font-weight:normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* css 초기화 ================================================================================== */

.png {mp:expression(png(this));}

/* 레이아웃 ================================================ */

.skyscrap { position:absolute; top:470px; left:50%; margin-left:391px; width:122px; height:254px; background:left top no-repeat; text-align:left; }
.skyscrap img { position:relative; top:31px; left:21px; display:block; }

.WL_main { background:#211C06 url('../img/layout/bg_top.jpg') center 43px repeat-x; _text-align:center; }
.WL_main .wrap { _width:100%; min-width:998px; max-width:100%; background:url('../img/layout/bg_main.jpg') center top no-repeat; }
.WL_main .container { position:relative; margin:0 auto; width:988px; _text-align:left; overflow:hidden; }
.WL_main .flash_top { width:988px; height:410px; overflow:hidden; }

.WL_main .subcontainer { float:left; margin:0 0 0 12px; width:222px; _display:inline; }
.WL_main .maincontainer { float:left; margin:17px 0 0 25px; width:626px; overflow:hidden; }
.WL_main .skyscrap { top:546px; background-image:url('../img/layout/bg_sky_banner_main.gif'); }


.WL_sub { background:#211C06 url('../img/layout/bg_top.jpg') center 43px repeat-x; _text-align:center; }
.WL_sub .wrap { _width:100%; min-width:998px; max-width:100%; background:url('../img/layout/bg_sub.jpg') center top no-repeat; }
.WL_sub .container { position:relative; margin:0 auto; width:988px; _text-align:left; overflow:hidden; }
.WL_sub .flash_top { width:988px; height:323px; overflow:hidden; }

.WL_sub .subcontainer { float:left; margin:0 0 0 12px; width:222px; _display:inline; }

.WL_sub .maincontainer { float:right; margin:-5px 41px 29px 0; width:713px; background:url('../img/layout/bg_frame.gif') 1px top repeat-y; }
.WL_sub .maincontainer .box_in { width:713px; background:url('../img/layout/bg_frame_top.gif') left top no-repeat; }
.WL_sub .maincontainer .box_in2 { padding:16px 0 8px 0; width:713px; _height:700px; min-height:700px; background:url('../img/layout/bg_frame_bottom.gif') left bottom no-repeat; }
.WL_sub .maincontainer iframe { height:700px; margin:0 0 0 24px; width:656px; background:#2B2408; }
.WL_sub .skyscrap { background-image:url('../img/layout/bg_sky_banner.gif'); }



.WL_other { background:#251F07 url('../img/layout/bg_top_other.jpg') center 43px repeat-x; _text-align:center; }
.WL_other .wrap { _width:100%; min-width:998px; max-width:100%; background:url('../img/layout/bg_other.jpg') center top no-repeat; }
.WL_other .container { position:relative; margin:0 auto; width:988px; _text-align:left; overflow:hidden; }


.WL_frame { background:#2B2408 url('../img/layout/bg_framein_top.gif') left top no-repeat; }
.WL_frame .container { position:relative; padding-bottom:20px; width:622px; min-height:1%; overflow:hidden; }
.WL_frame h1 { width:657px; height:68px; }
.WL_frame h1 img { margin-left:12px; }
.WL_frame h3.subtitle { margin:5px 4px 0 4px; height:36px; background:url('../img/common/bg_subtitle_top.gif') bottom repeat-x; }
.WL_frame .top_info { margin:0 4px; }




/* slect 치환 DIV ===================================== */
select { padding:3px 4px 3px 1px; color:#B1885C; height:20px; border:1px solid #63503C; background:#403427; }
.SelectDisable { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50) !important; }

.SelectBasic_selectArea { height:22px; background:#24354A url('../img/common/select_basic_title.gif') left center no-repeat; overflow:hidden; vertical-align:top; text-align:left; z-index:20; }
.SelectBasic_selectArea a { display:block; margin:0; padding:5px 0 0 0; width:100%; height:22px; text-indent:7px; font-size:11px; white-space:nowrap; color:#B1885C; background:url('../img/common/select_basic_arw.gif') right top no-repeat; cursor:default; }
.SelectBasic_selectArea a:hover { color:#B1885C !important; text-decoration:none; }

.SelectBasic_optionsDiv { display:none; margin-top:20px; border:1px solid #63503C; background:#32291F; vertical-align:middle; text-align:left; z-index:21;}
.SelectBasic_optionsDiv p {	margin:0;	padding:1px 1px; }
.SelectBasic_optionsDiv a { display:block; padding:2px 4px 0px 5px; font-size:11px; white-space:nowrap; color:#B1885C; cursor:default; }
.SelectBasic_optionsDiv a:hover { background:#46392B; color:#B1885C !important; text-decoration:none; }

.SelectType1_selectArea { height:20px; background:#24354A url('../img/common/select_type1_title.gif') left center no-repeat; overflow:hidden; vertical-align:top; z-index:20; }
.SelectType1_selectArea a { display:block; margin:0; padding:4px 0 0 0; width:100%; height:20px; text-indent:7px; font-size:11px; white-space:nowrap; color:#E7F0FF; background:url('../img/common/select_type1_arw.gif') right top no-repeat; cursor:default; }
.SelectType1_selectArea a:hover { color:#FFFFFF !important; text-decoration:none; }

.SelectType1_optionsDiv { display:none; margin-top:20px; border:1px solid #647EAF; background:#324267; vertical-align:middle; z-index:21;}
.SelectType1_optionsDiv p {	margin:0;	padding:1px 1px; background:url('../img/common/bg_select_option_right.gif') right bottom no-repeat;}
.SelectType1_optionsDiv a { display:block; padding:2px 4px 0px 8px; font-size:11px; white-space:nowrap; color:#E7F0FF; cursor:default; }
.SelectType1_optionsDiv a:hover { background:#2C3A5C; color:#E7F0FF !important; text-decoration:none; }

* html .BoardInput { padding-right:4px; height:22px; _background/**/:url('../img/common/bg_input_right.gif') right 1px no-repeat; vertical-align:middle; }
.BoardInput input { margin:0; padding:5px 5px 0 5px; height:22px; border-right:1px solid #63503C; _border/**/:none; background:url('../img/common/bg_input_left.gif') left top no-repeat; }

* html .BoardInput2 { padding-right:4px; height:22px; _background/**/:url('../img/common/bg_input2_right.gif') right 1px no-repeat; vertical-align:middle; }
.BoardInput2 input { margin:0; padding:5px 5px 0 5px; height:22px; border-right:1px solid #94774F; _border:none; color:#F5B52E; background:url('../img/common/bg_input2_left.gif') left top no-repeat; }

.BoardTextarea { padding:5px; border:1px solid #6E5031; background:#42311D; overflow:auto; line-height:130%;
 scrollbar-face-color:#3C2C1B; scrollbar-arrow-color:#AB7D4B; scrollbar-track-color:#000000;
 scrollbar-highlight-color:#6E5031; scrollbar-shadow-color:#1A140C; scrollbar-darkshadow-color:#000000; scrollbar-3dlight-color:#000000; }


/* 로그인 전/후 ================================== */				
.login_before { width:222px; height:134px; background:transparent url('../img/login/box_before.gif') left top no-repeat; }
.WL_sub .login_before { background-image:url('../img/login/box_before.gif') !important;  }
.WL_main .login_before { background-image:url('../img/login/box_before_main2.gif') !important;  }
.login_before .loginsub { position:relative; margin:35px 0 0 34px; padding:1px 0 0 0; width:158px; height:21px; color:#756851; letter-spacing:-1px; text-align:right; background:url('../img/login/bg_line.gif') left bottom no-repeat; overflow:hidden; }
.login_before .loginsub a { color:#756851; font-size:11px; }
.login_before .loginsub img { position:relative; top:-1px; vertical-align:middle; }
.login_before .loginsub .security { position:absolute; top:-1px; left:0; }
.login_before .loginsub .security input { margin:0 4px 0 0; width:12px; height:15px; vertical-align:middle; }
.login_before .loginsub .security label { position:relative; top:1px; font-size:11px; vertical-align:middle; }
.login_before .loginsub .keyboard .ico_key { margin-right:3px; }
.login_before .loginsub .btn_key { margin:0 0 0 2px; }
.login_before .inputbox { clear:both; position:relative; padding-top:32px; width:160px; _display:inline; }
.login_before .inputbox input { display:block; margin-left:34px; padding:5px 5px 0 5px; width:108px; height:22px; }
.login_before .inputbox input.id { background:url('../img/login/bg_input_id.gif') left top no-repeat; }
.login_before .inputbox input.pw { margin-top:1px; background:url('../img/login/bg_input_pw.gif') left top no-repeat; }
.login_before .inputbox .btn_login { position:absolute; top:30px; _top:31px; left:144px; display:block; }
.login_before .btn_sub { margin:8px 0 0 33px; }
.login_before .btn_sub input { margin:0 4px 0 0; width:12px; height:12px; vertical-align:middle; }
.login_before .btn_sub label { position:relative; top:1px; margin-right:4px; color:#756851; font-size:11px; }
.login_before .btn_sub img { position:relative; top:1px; margin-left:-4px; vertical-align:middle; }

	.tune_key_main .login_before { height:165px; background-image:url('../img/login/box_before_main3.gif') !important;  }
	.tune_key_main .login_before .inputbox { padding-top:6px; }
	.tune_key_main .login_before .btn_login { top:5px; }
	.tune_key_main .login_before .btn_sub { margin:7px 0 0 37px; }

	.tune_key_sub .login_before { height:165px; background-image:url('../img/login/box_before_sub3.gif') !important;  }
	.tune_key_sub .login_before .inputbox { padding-top:6px; }
	.tune_key_sub .login_before .btn_login { top:5px; }
	.tune_key_sub .login_before .btn_sub { margin:7px 0 0 37px; }

.login_after { width:222px; height:253px; background:transparent left top no-repeat; }
.WL_sub .login_after { background-image:url('../img/login/box_after.gif') !important;  }
.WL_main .login_after { background-image:url('../img/login/box_after_main2.gif') !important;  }
.login_after h4 { margin:0 0 0 5px; padding-top:33px; height:57px; _height:91px; font-size:12px; text-align:center; background:url('../img/login/bg_line.gif') center bottom no-repeat; }
.login_after h4 strong { margin-bottom:5px; color:#E6A009; white-space:nowrap; }
.login_after h4 .btn_logout { margin:2px auto 0 auto; display:block; }
.login_after ul { padding:9px 0 8px 0; margin:0 0 0 35px; background:url('../img/login/bg_line.gif') left bottom no-repeat; }
.login_after li { position:relative; padding:0 0 0 8px; width:153px; _width:161px; height:17px; color:#80735B; background:url('../img/login/bg_list.gif') left 1px no-repeat; }
.login_after li em { float:left; width:63px; letter-spacing:-1px; }
.login_after li strong { color:#C89E54; }
.login_after li img { position:relative; top:-1px; vertical-align:middle; }
.login_after li.please { position:relative; top:3px; background:url('../img/login/ico_phone.gif') 6px top no-repeat; }
.login_after li.please a { margin-left:12px; font-size:11px; color:#B4804B; font-weight:bold; letter-spacing:-1px; }
.login_after .present { margin:10px 0 0 35px; padding:6px 0 0 0; width:155px; height:23px; color:#FF8E00; font-size:11px; text-align:center; background:url('../img/login/bg_present.gif') left top no-repeat; }
.login_after .present .ico { vertical-align:top; margin:-1px 3px 0 0; }
.login_after .present a { color:#FF8E00; }
.login_after .rank_up { padding:0 0 0 8px; background:url('../img/login/ico_rank_up.gif') 2px 4px no-repeat; }
.login_after .btn_write { position:absolute; right:0; }
.login_after .btn_charge { position:absolute; right:0; }
.login_after .btn_mychar { margin:0 0 0 35px; padding-top:10px; width:155px; text-align:center; }
.login_after .btn_mychar img { margin:0 auto; }

/* 2008년3월17일 */
.login_after_n { width:222px; height:300px; background:transparent left top no-repeat; }
.WL_sub .login_after_n { background-image:url('../img/login/box_after_sub3.gif') !important;  }
.WL_main .login_after_n { background-image:url('../img/login/box_after_main3.gif') !important;  }
.login_after_n h4 { margin:0 0 0 25px; padding:33px 0 0 0; width:175px; height:27px; _height:60px; font-size:12px; line-height:110%; text-align:center; }
.login_after_n h4 strong { color:#E6A009; white-space:nowrap; }
.login_after_n h4 .btn_logout { margin:7px auto 0 auto; display:block; }
.login_after_n .btn_sub { margin:0 0 0 3px; padding:0 0 5px 0; text-align:center; background:url('../img/login/bg_line.gif') center bottom no-repeat; }
.login_after_n .btn_sub img { margin:0 -2px; }
.login_after_n ul { padding:9px 0 8px 0; margin:0 0 0 35px; background:url('../img/login/bg_line.gif') left bottom no-repeat; }
.login_after_n li { position:relative; padding:0 0 0 8px; width:153px; _width:161px; height:17px; color:#80735B; background:url('../img/login/bg_list.gif') left 1px no-repeat; }
.login_after_n li em { float:left; width:63px; letter-spacing:-1px; }
.login_after_n li strong { color:#C89E54; }
.login_after_n li img { position:relative; top:-1px; vertical-align:middle; }
.login_after_n li.please { position:relative; top:3px; background:url('../img/login/ico_phone.gif') 6px top no-repeat; }
.login_after_n li.please a { margin-left:12px; font-size:11px; color:#B4804B; font-weight:bold; letter-spacing:-1px; }
.login_after_n .present { margin:9px 0 0 35px; padding:6px 0 0 0; width:155px; height:23px; color:#FF8E00; font-size:11px; text-align:center; background:url('../img/login/bg_present.gif') left top no-repeat; }
.login_after_n .present .ico { vertical-align:top; margin:-1px 3px 0 0; }
.login_after_n .present a { color:#FF8E00; }
.login_after_n .rank_up { padding:0 0 0 8px; background:url('../img/login/ico_rank_up.gif') 2px 4px no-repeat; }
.login_after_n .btn_write { position:absolute; right:0; }
.login_after_n .btn_charge { position:absolute; right:0; }
.login_after_n .btn_mychar { margin:0 0 0 35px; padding-top:8px; width:155px; text-align:center; }
.login_after_n .btn_mychar img { margin:0 -3px; }
/* ------------- */

.subcontainer .btn_coupon { margin-bottom:-8px; }
.subcontainer .btn_eventsearch { margin-top:-23px; }
.subcontainer .flash_movie { margin-top:-15px; }
.subcontainer .banner { position:relative; margin-top:-6px; }
.subcontainer .banner .btn { position:absolute; top:7px; left:19px; width:189px; height:70px; }


/* 피망상품권 선물하기 */
.con_present { margin:0 0 10px 17px; width:193px; height:71px; text-align:left; background:url('../img/common/bg_present.gif') left top no-repeat; }
.con_present h3 { margin:9px 0 0 15px; height:28px; }
.con_present select { margin:0 0 0 15px; width:129px; }
.con_present .btn_present { margin:2px 0 0 1px; vertical-align:top; }


/* 탭 기본 ===================== */
.WL_frame .tab_basic { margin:11px 4px 0 4px; padding-left:30px; width:614px; height:23px; background:url('../img/common/bg_tab_basic.gif') left top no-repeat; overflow:hidden; }
.WL_frame .tab_basic a { float/**/:left; _display:inline; margin-right/**/:3px; }
.WL_frame .tab_basic a:hover { margin-top:-23px; }
.WL_frame .tab_basic a.on { margin-top:-23px; }

/* 탭 게시판 ===================== */
.WL_frame .tab_board { margin:0 4px; padding-left:30px; width:614px; height:23px; background:url('../img/common/bg_tab_board.gif') left 14px no-repeat; overflow:hidden; }
.WL_frame .tab_board a { float/**/:left; _display:inline; margin-right/**/:3px; }
.WL_frame .tab_board a:hover { margin-top:-23px; }
.WL_frame .tab_board a.on { margin-top:-23px; }

/* 탭 소팅 ===================== */
.WL_frame .tab_sort { margin:0 4px; padding-left:29px; width:614px; height:19px; overflow:hidden; }
.WL_frame .tab_sort a { float/**/:left; _display:inline; margin-right/**/:4px; }
.WL_frame .tab_sort a:hover { margin-top:-19px; }
.WL_frame .tab_sort a.on { margin-top:-19px; }

.tab_sub { width:584px; height:27px; background:url('../img/common/bg_tab_sub.gif') left bottom repeat-x; }
.tab_sub ul { float:left; margin:7px 0 0 17px; overflow:hidden; _display:inline; }
.tab_sub li { position:relative; left:-1px; float:left; padding:0 5px 0 6px; font-size:11px; color:#97AFDF; background:url('../img/common/bg_tab_sub_bar.gif') left 1px no-repeat; }
.tab_sub li a { font-size:11px; color:#97AFDF; }
.tab_sub li.on a { font-weight:bold; color:#9FF7FF; }


/* 푸터 ========================================================================== */
.footer { position:relative; clear:both; margin:0 auto; padding-top:20px; width:988px; height:100px; background:url('../img/footer/bg_footer.gif') center top no-repeat; }
.footer .logo_neowiz { float:left; margin:12px 0 0 57px; }
.footer .logo_thingsoft { float:left; margin:10px 0 0 21px; }
.footer .menu { position:relative; float:left; margin:0 0 0 21px; width:451px; height:14px; overflow:hidden; }
.footer .menu a { position:relative; left:-5px; float:left; margin-bottom:5px; padding:0 4px 0 5px; height:12px; background:url('../img/footer/img_bar.gif') left 1px no-repeat; overflo/**/w:hidden; }
.footer .copyright { position:absolute; top:33px; left:231px; }
.footer .gameinfo { position:absolute; top:17px; right:59px; }

/** 레이어팝업 센터정렬 **/
#cmPopAlign { position:absolute; top:43px; left:50%; margin-left:-494px; width:988px; z-index:99; }