@charset "euc-kr";

div.preview {position:absolute; top:140; left:100; width:250; visibility:hidden;}
.S4_sub .framebox #sub_contents {margin:0 0 0 30px; background:transparent; display:none;}
#idEditorIframe {display:block; padding:0px; margin:0px; width:100%; border-width:1px; border-style:solid; border-color:#D8D8D8;}

/* S4¸®±× OB : 2008³â 04¿ù 15ÀÏ ÃÖÁ¾¼öÁ¤ */
/* 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; font-size:12px; font-family:µ¸¿ò; font-style:normal; vertical-align:baseline; }

h1, h2, h3, h4, h5, h6 { font-weight:bold; }
img { vertical-align:middle; }

body, a, input, textarea, select, td { color:#e7f0ff; }

a { text-decoration:none; color:#e7f0ff; }
a:hover { text-decoration:underline; }
 
body { line-height:1.2; background:white; }
ol, ul { list-style: none; }

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 ÃʱâÈ­ ================================================================================== */

/* case_vivew */
.case_view { position:fixed; _position:absolute; top:300px; right:0; padding:5px; background:#666; border:2px solid #000; border-right:0; opacity:0.5; filter:alpha(opacity=50); z-index:5000; }
.case_view h3 { display:block; padding:3px 5px 0 5px; margin-bottom:2px; border:1px solid #333; color:#000; text-align:right; background:#fff; }
.case_view a { display:block; padding:4px 5px 2px 5px; color:#fff; font-weight:bold; text-align:right; }
.case_view a:hover {  }
.case_view p { margin-top:5px; border:1px solid #000; padding:4px 5px 4px 5px; max-width:250px; line-height:1.5; background:#dfdfdf; color:#000; }
.case_view p strong { color:#000; }

.case_img { padding:20px; }
.case_img img { vertical-align:top; margin:10px; }


.iePngFix { behavior:url(iepngfix.htc);}
/* .png {mp:expression(png(this));} */

/* ·¹À̾ƿô */
.S4_main { background:#90ACDF url('../img/main/bg_main_top2.jpg') center 43px repeat-x; _text-align:center; }
.S4_main .box_list { text-align:left !important; }
.S4_main .wrap { width:100%; min-width:1016px; background:url('../img/main/bg_main_200811.jpg') center top no-repeat; _text-align:center; }
.S4_main .container { position:relative; margin:0 auto; padding-bottom:170px; width:1016px; height:950px; min-height:950px; _text-align:left; }
.S4_main .flash_gnb { position:absolute; top:0; left:0; width:980px; height:261px; overflow:hidden; }
.S4_main .flash_info { position:absolute; top:260px; left:44px; width:894px; height:161px; overflow:hidden; z-index:1; }

.S4_main .QuickMenu { position:absolute; right:0px; top:261px; width:78px; height:139px; }
.S4_main .SkyBanner { position:absolute; right:-2px; top:443px; padding:2px 0; width:82px; height:241px; background:url('../img/main/bg_sky.gif') left top no-repeat; background:none; text-align:center; }
.S4_main .SkyBanner img { display:block; margin-bottom:5px; }

	.S4_main.tune_bg2011 .wrap { background-image:url(../img/main/bg_main_20110125.jpg) !important; }
	.S4_main.tune_bg201107 .wrap { background-image:url(../img/main/bg_main_20110722.jpg) !important; }
    .S4_main.tune_bg201202 .wrap { background-image:url(../img/main/bg_main_20120216.jpg) !important; }
    .S4_main.tune_bg201207 .wrap { background-image:url(../img/main/bg_main_20120731.jpg) !important; }
    .S4_main.tune_bg201302 .wrap { background-image:url(../img/main/bg_main_20130813.jpg) !important; }
    .S4_main.tune_bg201402 .wrap { background-image:url(../img/main/bg_main_20140211.jpg) !important; }

/*.S4_sub { background:#90ACDF url('../img/main/bg_main_top.jpg') center 43px repeat-x; _text-align:center; }*/
.S4_sub .wrap { width:100%; min-width:980px; background:url('../img/visual/bg_sub.jpg') center top no-repeat; _text-align:center; }
.S4_sub .container { position:relative; margin:0 auto; margin-bottom:19px; padding-bottom:62px; width:980px; background:url('../img/common/bg_sub_frame_bottom_renewal.jpg') 199px bottom no-repeat; _text-align:left; overflow:hidden; }
.S4_sub .flash_gnb { position:absolute; top:0; left:0; width:980px; height:218px; overflow:hidden; }
.S4_sub .flash_info { position:absolute; top:217px; left:44px; width:894px; height:161px; overflow:hidden; z-index:1; }

.S4_sub .subcon { position:absolute; top:391px; left:51px; width:153px; }
.S4_sub .subcon .submenu { position:relative; top:0; left:0; margin-bottom:4px; }

.S4_sub .submenu { position:absolute; top:391px; left:51px; width:153px; background:url('../img/submenu/bg_submenu_top.jpg') left top no-repeat; z-index:1; }
.S4_sub .submenu h3 { width:153px; height:63px; }
.S4_sub .submenu h3 img { display:block; position:relative; top:13px; left:10px; }
.S4_sub .submenu ul { padding-bottom:24px; width:153px; _height:100px; min-height:76px; background:url('../img/submenu/bg_submenu_bottom.jpg') left bottom no-repeat; }
.S4_sub .submenu ul li { margin-left:20px; width:113px; height:26px; vertical-align:middle; overflow:hidden; }
.S4_sub .submenu ul li a:hover img { position:relative; left:-113px; }
.S4_sub .submenu ul li img { display:block; vertical-align:baseline; }
.S4_sub .submenu ul li.on img { position:relative; left:-113px; }
.S4_sub .submenu ul li.on a { background-color:transparent !important; }

.submenuinfo { position:absolute; margin:0 0 0 140px; padding:5px 5px 3px 5px; width:160px; border:1px solid #BFD6FF; background:#526A9F; font-size:11px; }
.submenuinfo em { position:absolute; top:7px; left:-5px; width:5px; height:7px; background:url('../img/submenu/bg_arw.gif') left top no-repeat; }

.S4_sub .subcon .pmang_present { margin-bottom:10px; width:144px; height:71px; background:url('../img/common/bg_box_present.gif') left top no-repeat; text-align:left; }
.S4_sub .subcon .pmang_present h5 { margin:0 0 0 12px; padding:10px 0 0 0; }
.S4_sub .subcon .pmang_present select { padding:0; margin:12px 0 0 14px; width:85px; }
.S4_sub .subcon .pmang_present .btn_present { vertical-align:middle; _margin-top:-6px; }

.S4_sub .framebox { float:left; margin:313px 0 0 199px; width:644px; background:url('../img/common/bg_sub_frame.jpg') left repeat-y; _display:inline; }
.S4_sub .framebox .box_in { position:relative; padding-top:24px; width:644px; _height:750px; min-height:563px; background:url('../img/common/bg_sub_frame_top_sub.png') left top no-repeat;background-position:0px -20px; }
.S4_sub .framebox iframe { margin:0 0 0 30px; width:584px; overflow:hidden; background:#455B8A; overflow:hidden; }
.S4_sub .btn_frametop { position:absolute; right:0; bottom:-36px; }

.S4_sub .QuickMenu { position:absolute; right:49px; top:392px; width:78px; height:139px; }
.S4_sub .SkyBanner { position:absolute; right:47px; top:539px; padding:2px 0; width:82px; height:241px; z-index:10; background:url('../img/common/bg_sky.gif') left top no-repeat; text-align:center; }
.S4_sub .SkyBanner img { display:block; margin-bottom:5px; }


.S4_frame { background:#455b8a url('../img/common/bg_frame_top.jpg') left top no-repeat; }
.S4_frame .container { position:relative; margin-left:0; margin-right:0; padding-bottom:60px; width:584px; min-height:750px; overflow:hidden; background:transparent;}
.S4_frame h1 { margin:0 0 0 0; height:43px; }


#SubmKey1 .wrap { background-image:url('../img/visual/bg_news.jpg'); }
#SubmKey2 .wrap { background-image:url('../img/visual/bg_guide.jpg'); }
#SubmKey3 .wrap { background-image:url('../img/visual/bg_ranking.jpg'); }
#SubmKey4 .wrap { background-image:url('../img/visual/bg_club.jpg'); }
#SubmKey5 .wrap { background-image:url('../img/visual/bg_community.jpg'); }
#SubmKey6 .wrap { background-image:url('../img/visual/bg_download.jpg'); }
#SubmKey7 .wrap { background-image:url('../img/visual/bg_support.jpg'); }
#SubmKey8 .wrap { background-image:url('../img/visual/bg_shop.jpg'); }


/* slect ġȯ DIV ===================================== */
select { padding:3px 4px 3px 1px; height:20px; border:1px solid #3A5065; background:#24354A; }
.SelectDisable { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80) !important; }

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

/*.SelectBasic_optionsDiv { display:none; margin-top:20px; _margin-top:19px; text-align:left; background:#738cbc url('../img/common/bg_select_option_left.gif') left bottom no-repeat; z-index:21;overflow:auto;
 scrollbar-face-color:#283556; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#283556;
 scrollbar-highlight-color:#647EAF; scrollbar-shadow-color:#647EAF; scrollbar-darkshadow-color:#283556; scrollbar-3dlight-color:#283556;  }*/
 .SelectBasic_optionsDiv { display:none; margin-top:20px; _margin-top:19px; text-align:left; background:#738cbc; z-index:21;overflow:auto;
 scrollbar-face-color:#283556; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#283556;
 scrollbar-highlight-color:#647EAF; scrollbar-shadow-color:#647EAF; scrollbar-darkshadow-color:#283556; scrollbar-3dlight-color:#283556;  }

.SelectBasic_optionsDiv p {	margin:0;	padding:1px 1px; background:url('../img/common/bg_select_option_right.gif') right bottom no-repeat;}
.SelectBasic_optionsDiv a { display:block; padding:2px 4px 0px 4px; font-size:11px; white-space:nowrap; color:#FFFFFF; cursor:default; }
.SelectBasic_optionsDiv a:hover { background:#586f9f; color:#FFFFFF !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; text-align:left; 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; z-index:21; overflow:auto;
 scrollbar-face-color:#283556; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#283556;
 scrollbar-highlight-color:#647EAF; scrollbar-shadow-color:#647EAF; scrollbar-darkshadow-color:#283556; scrollbar-3dlight-color:#283556; }
.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 4px; font-size:11px; white-space:nowrap; color:#E7F0FF; cursor:default; }
.SelectType1_optionsDiv a:hover { background:#2C3A5C; color:#E7F0FF !important; text-decoration:none; }


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

.SelectType2_optionsDiv { display:none; margin-top:20px; border:1px solid #647EAF; background:#324267; z-index:21; overflow:auto;
 scrollbar-face-color:#283556; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#283556;
 scrollbar-highlight-color:#647EAF; scrollbar-shadow-color:#647EAF; scrollbar-darkshadow-color:#283556; scrollbar-3dlight-color:#283556; }
.SelectType2_optionsDiv p {	margin:0;	padding:1px 1px; background:url('../img/common/bg_select_option_right.gif') right bottom no-repeat;}
.SelectType2_optionsDiv a { display:block; padding:2px 4px 0px 4px; font-size:11px; white-space:nowrap; color:#E7F0FF; cursor:default; }
.SelectType2_optionsDiv a:hover { background:#2C3A5C; color:#E7F0FF !important; text-decoration:none; }


.SelectType3_selectArea { height:17px; _height:19px; border:1px solid #8FACE1; background:#6886BF url('../img/common/select_type3_arw.gif') right 7px no-repeat; overflow:hidden; vertical-align:top; z-index:20px; }
.SelectType3_selectArea a { float:left; display:block; margin:0; padding:3px 0 0 3px; width:100%; height:16px; font-size:11px !important; color:#FFFFFF; cursor:default; }
.SelectType3_selectArea a:hover { text-decoration:none; }

.SelectType3_optionsDiv { display:none; margin-top:19px; _margin-top:18px; border:1px solid #8FACE1; background:#6886BF; z-index:21;}
.SelectType3_optionsDiv p {	margin:0;	padding:3px 2px 1px 2px; }
.SelectType3_optionsDiv a { display:block; margin:2px 0; padding:2px 0 0 3px; height:16px; font-size:11px !important; color:#FFFFFF; overflow:hidden; cursor:default; }
.SelectType3_optionsDiv a:hover { background-color:#5D7BB4; color:#9FF7FF; text-decoration:none; }


.SelectType4_selectArea { height:17px; _height:19px; border:1px solid #5671A2; background:#6886BF url('../img/common/select_type3_arw.gif') right 7px no-repeat; overflow:hidden; vertical-align:top; z-index:20px; }
.SelectType4_selectArea a { float:left; display:block; margin:0; padding:3px 12px 0 3px; width:100%; height:16px; white-space:nowrap; font-size:11px !important; color:#FFFFFF; cursor:default; }
.SelectType4_selectArea a:hover { text-decoration:none; }

.SelectType4_optionsDiv { display:none; margin-top:19px; _margin-top:18px; border:1px solid #5671A2; background:#6886BF; z-index:21;}
.SelectType4_optionsDiv p {	margin:0;	padding:3px 2px 1px 2px; }
.SelectType4_optionsDiv a { display:block; margin:2px 0; padding:2px 0 0 3px; height:16px; font-size:11px !important; color:#FFFFFF; overflow:hidden; cursor:default; }
.SelectType4_optionsDiv a:hover { background-color:#5D7BB4; color:#9FF7FF; text-decoration:none; }


.BoardInput { margin-top:-3px; padding-right:1px; height:19px; _background/**/:url('../img/common/bg_input_right.gif') right 1px no-repeat; }
.BoardInput input { margin:0; padding:3px 3px 0 3px; height:19px; background:url('../img/common/bg_input_left.gif') left top no-repeat; vertical-align:middle; }

.BoardInput2 { margin-top:-1px; _margin-top:-3px; padding:3px 3px 0 3px; height:20px; border:1px solid #647EAF; color:#E7F0FF; background:#324267 url('../img/common/bg_input2.gif') right top no-repeat; vertical-align:middle; }

.BoardTextarea { padding:5px; border:1px solid #647EAF; color:#E7F0FF; background:url('../img/common/bg_board_textarea.gif') left top no-repeat; overflow:auto; line-height:130%;
 scrollbar-face-color:#283556; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#283556;
 scrollbar-highlight-color:#647EAF; scrollbar-shadow-color:#647EAF; scrollbar-darkshadow-color:#283556; scrollbar-3dlight-color:#283556;  }

.BoardTextarea2 { padding:5px; color:#E7F0FF; background:#738CBC url('../img/common/bg_board_textarea2.gif') left top no-repeat; overflow:auto; line-height:130%;
 scrollbar-face-color:#283556; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#283556;
 scrollbar-highlight-color:#647EAF; scrollbar-shadow-color:#647EAF; scrollbar-darkshadow-color:#283556; scrollbar-3dlight-color:#283556;  }

/* ·Î±×ÀÎ =========== */
.S4_main .loginbox { position:absolute; top:280px; left:74px; width:310px; z-index:2; *zoom:1; }
.S4_sub .loginbox { position:absolute; top:237px; left:74px; width:310px; z-index:2; text-align:center; *zoom:1; }
.loginbox h3 { float:left; margin:11px 0 0 5px !important; width:163px !important; height:17px !important; overflow:hidden; _display:inline; text-align:left; }
.loginbox .loginsub { float:right; margin:6px 32px 0 0; font-size:11px; color:#637aa8; letter-spacing:-1px; _display:inline; }
.loginbox .loginsub a { font-size:11px; color:#637aa8; text-decoration:underline; }
.loginbox .loginsub .security { display:inline-block; *display:inline; *zoom:1; margin-right:2px; padding-right:4px; background:url('../img/login/bg_login_bar2.gif') right 2px no-repeat; }
.loginbox .loginsub .security input { width:15px; height:15px; }
.loginbox .loginsub .security label { position:relative; top:1px; }
.loginbox .loginsub .keyboard .ico_key { margin-right:3px; }
.loginbox .loginsub .btn_key { position:relative; top:-1px; margin:0 0 0 1px; padding:0 0 0 6px; background:url('../img/login/bg_login_bar2.gif') left 1px no-repeat; }
.loginbox .inputbox { clear:both; position:relative; margin-left:5px; padding:0; width:273px; height:59px; _display:inline; text-align:left; }
.loginbox .inputbox input { display:block; padding:5px 5px 0 5px; margin:0; outline:0; width:199px; height:17px; _width:204px; _height:22px; color:#FFFFFF; }
.loginbox .inputbox input.id { background:url('../img/login/bg_input_id.gif') left top no-repeat;ime-mode:disabled; }
.loginbox .inputbox input.pw { margin-top:3px; background:url('../img/login/bg_input_pw.gif') left top no-repeat; }
.loginbox .inputbox .btn_login { position:absolute; top:0; right:0; display:block; }
.loginbox .btn_sub { margin:0 0 0 5px; text-align:left; }
.loginbox .btn_sub input { vertical-align:middle; }
.loginbox .btn_sub label { position:relative; top:2px; color:#637AA8; font-size:11px; }

.login_new h3 { width:84px !important; }
.login_new .loginsub { margin:4px 13px 0 -100px; width:190px; z-index:10; }
.login_new .inputbox input.id { background-image:url('../img/login/bg_input_id_new.gif'); }
.login_new .inputbox input.pw { background-image:url('../img/login/bg_input_pw_new.gif'); }
.login_new .btn_sub { position:relative; padding-top:4px; margin:0 0 0 6px; overflow:hidden; *zoom:1; font-size:11px; color:#93a5c7; }
.login_new .btn_sub a { position:relative; left:-1px; float:left; font-size:11px; color:#93a5c7; } 
.login_new .btn_sub a strong { font-size:11px; }
.login_new .btn_sub .btn_sub_bar { float:left; margin:0 3px 0 2px; }
.login_new .btn_sub .btn_sub_join { margin-left:5px; padding:0 5px 0 7px; background:url('../img/login/bg_login_bar2.gif') left top no-repeat; }
.login_new .btn_sub .sns { position:absolute; top:2px; right:32px; }
.login_new .btn_sub .sns img { margin-left:2px; }

/* ·Î±×ÀÎÈÄ ========= */
.loginbox h4 { margin-top:2px; padding:3px 60px 0 20px; width:100%; height:19px; font-weight:normal; font-size:11px; color:#FFFFFF; text-align:left; letter-spacing:100%; }
.loginbox h4 strong { font-size:11px; color:#ffe956; white-space:nowrap; }
.loginbox h4 strong a { font-size:11px; color:#ffe956; white-space:nowrap; }
.loginbox h4 img { position:relative; top:-2px; margin-bottom:-2px; vertical-align:top; }
.loginbox h4 .ico_level { position:absolute; top:2px; left:0; }
.loginbox .btn_logout { position:absolute; right:0; top:0; }
/* .loginbox .btn_logout2 { position:absolute; left:168px; top:91px; } */
.loginbox .btn_logout3 { position:absolute; right:11px; top:0; }
/* .loginbox .btn_down { position:absolute; left:85px; top:91px; } */
.loginbox .btn_logout2, 
.loginbox .btn_down,
.loginbox .btn_spec { position:relative; margin-top:-22px; z-index:30; }
.loginbox .userinfo { width:172px; height:76px; text-align:left; background:url('../img/login/bg_box_info.jpg') left top no-repeat; }
.loginbox .userinfo li { position:relative; top:16px; margin-left:8px; padding:0 0 1px 9px; width:172px; font-size:11px; color:#8dd6ff; background:url('../img/login/bu_boxb_red.gif') left 4px no-repeat; _display:inline; }
.loginbox .userinfo li em { font-weight:bold; font-size:11px; color:#FFFFFF; }
.loginbox .userinfo li a { color:#8dd6ff; font-size:11px; }
.loginbox .userinfo_n { width:172px; height:76px; text-align:left; background:url('../img/login/bg_box_info.jpg') left top no-repeat; }
.loginbox .userinfo_n li { position:relative; top:8px; margin-left:8px; padding:0 0 1px 9px; width:172px; font-size:11px; color:#8dd6ff; background:url('../img/login/bu_boxb_red.gif') left 4px no-repeat; _display:inline; }
.loginbox .userinfo_n li em { font-weight:bold; font-size:11px; color:#FFFFFF; }
.loginbox .userinfo_n li.please { margin:-1px 0 1px 0; padding:1px 0 0 12px; left:18px; font-size:11px; font-weight:bold; letter-spacing:-2px; color:#FF5A00; background:url('../img/login/ico_phone.gif') left top no-repeat; }
.loginbox .userinfo_n li.please a { color:#FF5A00; font-size:11px; }
.loginbox .userinfo_n li.ranking { color:#FFFFFF; font-size:11px; }
.loginbox .userinfo_n li.ranking strong { color:#DEFF00; font-weight:normal; font-size:11px; }
.loginbox .userinfo_n li.ranking span { font-family:verdana; font-weight:normal; font-size:11px; color:#FFFFFF; }
.loginbox .userinfo_n li.ranking .up { padding:0 0 0 8px; background:url('../img/login/ico_rank_up.gif') 1px 1px no-repeat; }
.loginbox .userinfo_n li.ranking .down { position:relative; top:-2px; padding:0 0 0 8px; background:url('../img/login/ico_rank_down.gif') left 1px no-repeat; }
.loginbox .userinfo_n .btn_club { position:relative; top:-1px; }
.loginbox .userinfo_n .btn_charge { position:relative; top:-2px; display:inline; margin-right:-3px; vertical-align:top; }
.loginbox .userinfo_n .present { font-size:11px; font-weight:bold; color:#DEFF00; }
#RankGraph { display:none; position:absolute; top:21px; left:309px; width:151px; height:96px; text-align:left; background:url('../img/login/bg_graph.gif') left top no-repeat; }
#RankGraph .graph { position:relative; top:10px; left:10px; }
.loginbox .graph { position:absolute; top:21px; left:179px; width:131px; height:77px; }
.loginbox .graph_up { background:url('../img/login/bg_rank_up.gif') left top no-repeat; }
.loginbox .graph_down { background:url('../img/login/bg_rank_down.gif') left top no-repeat; }
.loginbox .graph_none { background:url('../img/login/bg_rank_none.gif') left top no-repeat; }
.loginbox .graph_ready { background:url('../img/login/bg_rank_ready.gif') left top no-repeat; }
.loginbox .graph_stop { background:url('../img/login/bg_rank_stop.gif') left top no-repeat; }
.loginbox .graph .dotcolor { font-size:2pt; color:#F4CC54; }
.loginbox .graph p { position:absolute; top:4px; left:9px; font-size:11px; color:#FFFFFF; letter-spacing:-1px; }
.loginbox .graph p em { font-weight:bold; font-size:11px; color:#FFFFFF; }
.loginbox .graph p strong { font-family:verdana; font-weight:normal; font-size:11px; color:#deff00; }
.loginbox .graph p span { font-family:verdana; font-weight:normal; font-size:11px; color:#FFFFFF; }
.loginbox .graph p .up { padding:0 0 0 8px; background:url('../img/login/ico_rank_up.gif') 1px 1px no-repeat; }
.loginbox .graph p .down { position:relative; top:-2px; padding:0 0 0 8px; background:url('../img/login/ico_rank_down.gif') left 1px no-repeat; }
.loginbox .graph .dot { position:absolute; top:44px; left:10px; }
.loginbox .friend { float:left; margin:5px 0 0 0; padding:2px 0 0 0; _padding-top:0; text-align:left; }
.loginbox .friend em { display:block; float:left; padding:3px 0 0 5px; width:172px; height:19px; font-size:11px; background:url('../img/login/bg_friend.gif') left top no-repeat; cursor:hand; cursor/**/:pointer; }

/* mas : À§Ä¡¼öÁ¤ : 20091201
loginbox .memo { float:left; margin:8px 0 0 10px; padding:0 0 0 12px; font-size:11px; color:#FFFFFF; background:url('../img/login/ico_memo.gif') left 1px no-repeat; }
*/
.loginbox .memo { position:absolute; top:104px; right:12px; padding:1px 0 0 12px; font-size:11px; color:#FFFFFF; text-align:left; background:url('../img/login/ico_memo.gif') left 1px no-repeat; }
.loginbox .memo a { font-size:11px; color:#ff5a00; }
.loginbox .memo span { font-size:11px; }
.loginbox .friend_new { float:left; margin:7px 0 0 0; padding:1px 0 0 12px; width:68px; _width:80px; font-size:11px; color:#FFFFFF; text-align:left; background:url('../img/login/ico_friend.gif') left 1px no-repeat; }
.loginbox .friend_new a { font-size:11px; color:#ff5a00; }
.loginbox .friend_new span { font-size:11px; }

/* 2008.03.18 ·Î±×Àοµ¿ª ¼öÁ¤ */
.loginbox .infobox { position:relative; width:320px; height:76px; text-align:left; background:url('../img/login/bg_box_info2.jpg') left top no-repeat; *zoom:1; }
.loginbox .userinfo_n { float:left; margin-right:-20px; width:157px !important; text-align:left; background:none !important; }
.loginbox .userinfo_n li { width:157px !important; }
.loginbox #RankGraph .graph_up { background:url('../img/login/bg_rank_up2.gif') left top no-repeat; }
.loginbox #RankGraph .graph_down { background:url('../img/login/bg_rank_down2.gif') left top no-repeat; }
.loginbox #RankGraph .graph_none { background:url('../img/login/bg_rank_none2.gif') left top no-repeat; }
.loginbox #RankGraph .graph_stop { background:url('../img/login/bg_rank_stop2.gif') left top no-repeat; }

/* ½Å´ë·ú °ü·Ã */
.login_new .userinfo { position:relative; margin-top:10px; padding-left:6px; width:310px; height:66px; background:none; *zoom:1; }
.login_new .userinfo li { top:0; margin:0; float:left; width:125px; _width:149px; *zoom:1; }
.login_new .userinfo li .btn_charge { position:relative; top:-2px; margin-botom:-10px; vertical-align:top; }
.login_new .userinfo li .btn_center { display:inline-block; *display:inline; *zoom:1; padding:1px 0 0 5px; margin-left:3px; font-size:11px; color:#8dd6ff; background:url('../img/login/bg_login_bar2.gif') left top no-repeat; }
.login_new .userinfo li.cash { clear:both; float:none; width:300px; }
.login_new .userinfo li.recent { float:none; width:300px; }
.login_new .friend { padding-right:19px; background:url('../img/login/bg_friend.gif') right top no-repeat; cursor:pointer; _cursor:hand; }
.login_new .friend em { width:90px; }
.login_new #MyFriendList { left:80px; margin:0; top:122px; width:109px; }

.new_membership_notice {position:absolute; left:20px; top:16px; display:inline-block; height:37px; padding:0 30px 0 9px; z-index:100; background:url('../img/login/bg_tooltip_with_x.gif') no-repeat;}
.new_membership_notice span {position:relative; top:12px; letter-spacing:-1px; color:#FFF;}
:root .new_membership_notice span {top:13px\0;}
.new_membership_notice a {font-weight:bold;color:#FFFB94;}
.new_membership_notice a:hover {color:#FFFB94 !important;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/login/bg_tooltip_with_x.gif') no-repeat right -5px;}

 
#MyFriendList { clear:both; display:none; position:absolute; left:0; margin:27px 0 0 0; width:172px; left:0; border-bottom:1px solid #4d6086; font-size:11px; color:#8dd6ff; z-index:8; text-align:left; background:url('../img/login/bg_friend_list.gif') left top no-repeat; overflow:hidden; }
#MyFriendList .none { margin:3px 0 0 10px; padding-top:5px; width:155px; height:75px; font-size:11px; color:#8dd6ff; }
#MyFriendList ul { margin:3px 0 0 10px; padding-top:6px; width:159px; height:75px; overflow:auto;
 scrollbar-face-color:#283556; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#283556;
 scrollbar-highlight-color:#647EAF; scrollbar-shadow-color:#647EAF; scrollbar-darkshadow-color:#283556; scrollbar-3dlight-color:#283556; }
#MyFriendList li { padding:0 0 2px 0; width:140px; font-size:11px; color:#8dd6ff; overflow:hidden; }
#MyFriendList li a { font-size:11px; color:#8dd6ff; }
#MyFriendList .edit { margin:0 1px; padding:5px 0 2px 19px; color:#ff5a00; background:#212E4E url('../img/login/ico_friend_edit.gif') 10px 8px no-repeat; }
#MyFriendList .edit a { color:#ff5a00; font-size:11px; }


/* ŸÀÌƲ ¿µ¿ª ¼¿·ºÆ® ¹Ú½º */
.title_select { position:absolute; right:0; top:10px; padding-right:1px; height:27px; min-width:1px; overflow:hidden; background:url('../img/rank/bg_select_boxline.gif') right top no-repeat; *zoom:1; }
.title_select p { display:block; *float:right; padding:3px 3px 0 4px; height:22px; *height:25px; border-top:1px solid #34486e; border-bottom:1px solid #486394; background:#2b3a59 url('../img/rank/bg_select_boxline.gif') left -1px no-repeat; }


/* ÅÇ º£ÀÌÁ÷ ===================== */
.S4_frame .tab_basic { width:600px; height:29px; _height:30px; border-bottom:1px solid #869ECA; overflow:hidden; }
.S4_frame .tab_basic a { position:relative; top:4px; float/**/:left; _display:inline; margin-right/**/:1px; }
.S4_frame .tab_basic a:hover { margin-top:-29px; }
.S4_frame .tab_basic a.on { margin-top:-29px; }

.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; letter-spacing:-1px; }
.tab_sub li.on a { font-weight:bold; color:#9FF7FF; }
.tab_sub select { float:right; position:relative; top:3px; }

.tab_sort { margin:3px 0 0 0; padding:3px 5px 0 0; width:584px; height:24px; _height:27px; text-align:right; background:url('../img/common/bg_board_sort.gif') left top no-repeat; }

.tab_sub_sort { margin:3px 0 0 0; width:584px; height:24px; _height:27px; background:url('../img/common/bg_board_sort.gif') left top no-repeat; }
.tab_sub_sort .tab_sub { float:left; margin:7px 0 0 17px; width:auto; height:15px; background:none; overflow:hidden; }
.tab_sub_sort .tab_sort { float:right; margin:3px 5px 0 0; padding:0; width:auto; background:none; }


/* notice */
p.notice_dot { position:relative; margin:0 0 10px 8px; padding:0 0 0 8px; color:#8098C9; background:url('../img/common/bu_boxb_sky.gif') left 5px no-repeat; }

ul.notice_dot { margin:0 0 9px 0; padding:10px 0 2px 0; border:1px solid #4A6697; background:url('../img/common/bg_notice_dot.gif') left top no-repeat; }
ul.notice_dot li { position:relative; margin:0 0 5px 9px; padding:0 0 0 8px; color:#8098C9; font-size:11px; background:url('../img/common/bu_boxb_sky.gif') left 6px no-repeat; }
ul.notice_dot li strong { font-size:11px; }

.notice_dot em { color:#9FF7FF; }
.notice_dot strong { color:#9FF7FF; }
.notice_dot .btn { position:absolute; right:0; top:-4px; }

.top_update { position:absolute; right:10px; top:18px; padding:0 0 0 8px; color:#8098C9; font-size:11px; background:url('../img/common/bu_boxb_sky.gif') left 6px no-repeat; z-index:1; }
.top_update strong { color:#9FF7FF; }



/* 03.·©Å· ============================ */



/* 04.Ŭ·´ ============================ */
/* Ŭ·´Ã£±â */
.search_Club { position:relative; width:584px; height:126px; background:url('../img/club/bg_home_search.gif') left top no-repeat; }
.search_Club h3 { display:none; }
.search_Club .search { padding:47px 0 0 27px; }
.search_Club select { position:relative; top:1px; width:92px; vertical-align:middle; }
.search_Club .BoardInput input { width:364px; }
.search_Club .btn_search { position:relative; vertical-align:middle; }
.search_Club ul { position:absolute; top:80px; left:13px; overflow:hidden; }
.search_Club li { float:left; position:relative; left:1px; padding:1px 9px 0 7px; background:url('../img/club/bg_home_search_bar.gif') right 1px no-repeat; }
.search_Club li input { position:relative; top:-1px; _top:-3px; margin-right:3px; height:12px; vertical-align:middle; }
.search_Club label { font-size:11px; font-weight:bold; color:#4D6392; letter-spacing:-1px; }

/* ³ªÀÇŬ·´Á¤º¸ */
.ClubHome_Myclub { float:left; margin-top:4px; position:relative; margin-bottom:5px; width:327px; height:113px; background:url('../img/club/bg_home_myclub.gif') left top no-repeat; }
.ClubHome_Myclub h3 { display:none; }
.ClubHome_Myclub .img { position:absolute; top:46px; left:23px; }
.ClubHome_Myclub .img img { width:44px; height:44px; }
.ClubHome_Myclub ul { position:absolute; top:44px; left:93px; }
.ClubHome_Myclub li { float:left; width:200px; padding:0 0 0 6px; height:18px; font-size:11px; background:url('../img/club/bu_box_sky.gif') left 5px no-repeat; }
.ClubHome_Myclub li em { font-weight:bold; font-size:11px; }
.ClubHome_Myclub li strong { color:#FFF192; font-size:11px; }
.ClubHome_Myclub li a { font-size:11px; }
.ClubHome_Myclub .ico_level { position:relative; _top:-2px; margin-right:4px; vertical-align:middle; }
.ClubHome_Myclub .msg { display:block; position:absolute; top:31px; left:8px; }
.ClubHome_Myclub .btn_myclub { position:absolute; top:7px; right:6px; }

/* Á¤¸ðŬ·´ */
.ClubHome_Off { position:relative; float:right; margin-top:4px; margin-bottom:6px; width:252px; height:222px; background:url('../img/club/bg_home_off.gif') left top no-repeat; overflow:hidden; }
.ClubHome_Off h3 { display:none; }
.ClubHome_Off .btn_more { position:absolute; top:12px; right:8px; }
.ClubHome_Off ul { float:left; padding:63px 0 0 18px; overflow:hidden; }
.ClubHome_Off li { float:left; position:relative; top:1px; width:215px; height:144px; height:17px; _height:18px; font-size:11px; border-bottom:1px solid #637CB1; overflow:hidden; }
.ClubHome_Off li a { float:left; margin:3px 0 0 5px; font-size:11px; }
.ClubHome_Off li span { float:right; margin:3px 0 0 0; width:54px; font-size:11px; color:#97AFDF; text-align:center; }
.ClubHome_Off li.new { padding-left:17px; width:198px; _width:215px; background:url('../img/club/ico_new.gif') 5px 3px no-repeat; }
.ClubHome_Off .ready { position:absolute; top:60px; left:16px; background:#526A9F; width:220px; height:150px; text-align:center; }
.ClubHome_Off .ready img { position:relative; top:45px; }

/* º£½ºÆ® Ŭ¸³ */
.ClubHome_Best { float:left; position:relative; padding-top:32px; width:327px; background:url('../img/club/title_home_best.gif') left top no-repeat; }
.ClubHome_Best h3 { display:none; }
.ClubHome_Best ul { position:relative; padding:82px 0 0 21px; width:327px; height:182px; _height:264px; background:url('../img/club/bg_home_best.gif') left bottom no-repeat; overflow:hidden; }
.ClubHome_Best li { float:left; width:287px; height:17px; _height:18px; color:#E7F0FF; font-size:11px; border-top:1px solid #637CB1; background:5px 3px no-repeat; overflow:hidden; }
.ClubHome_Best li a { float:left; margin:3px 0 0 31px; color:#E7F0FF; font-size:11px; }
.ClubHome_Best li span { float:right; margin:1px 5px 0 0; font-family:Verdana; font-size:11px; color:#97AFDF; }
.ClubHome_Best li.num2 { background-image:url('../img/club/ico_num_2.gif'); }
.ClubHome_Best li.num3 { background-image:url('../img/club/ico_num_3.gif'); }
.ClubHome_Best li.num4 { background-image:url('../img/club/ico_num_4.gif'); }
.ClubHome_Best li.num5 { background-image:url('../img/club/ico_num_5.gif'); }
.ClubHome_Best li.num6 { background-image:url('../img/club/ico_num_6.gif'); }
.ClubHome_Best li.num7 { background-image:url('../img/club/ico_num_7.gif'); }
.ClubHome_Best li.num8 { background-image:url('../img/club/ico_num_8.gif'); }
.ClubHome_Best li.num9 { background-image:url('../img/club/ico_num_9.gif'); }
.ClubHome_Best li.num10 { background-image:url('../img/club/ico_num_10.gif'); }
.ClubHome_Best li.num1 { position:absolute; top:1px; left:0; width:327px; height:82px !important; border:none; background:url('../img/club/bg_home_best_no1.gif') left top no-repeat !important; }
.ClubHome_Best li.num1 strong { position:absolute; top:47px; left:41px; color:#FFF192; }
.ClubHome_Best li.num1 strong a { color:#FFF192; float:none; margin:0; }
.ClubHome_Best li.num1 ul { padding:20px 0 0 178px; width:327px; height:auto; background:none; }
.ClubHome_Best li.num1 li { top:0; padding:0 0 0 6px; float:none; width:133px; height:16px; font-size:11px; font-weight:bold; color:#E7F0FF; white-space:nowrap; border:none; background:url('../img/club/bu_box_sky.gif') left 5px no-repeat; letter-spacing:-1px; overflow:hidden; }
.ClubHome_Best li.num1 li em { font-weight:normal; color:#8DD6FF; letter-spacing:normal; font-size:11px; letter-spacing:-1px; }
.ClubHome_Best .ready { position:absolute; top:107px; left:15px; background:#526A9F; }

/* º£½ºÆ® Ŭ¸³ (2008.04.03 Ŭ·´·©Å·¼öÁ¤) */
.ClubHome_Best_n { float:left; position:relative; width:327px; height:368px; background:url('../img/club/bg_home_best.gif') left bottom no-repeat; }
.ClubHome_Best_n ul { position:relative; padding:82px 0 0 21px; width:327px; height:182px; _height:264px; background:url('../img/club/bg_home_best.gif') left bottom no-repeat; overflow:hidden; }
.ClubHome_Best_n li { float:left; width:287px; height:17px; _height:18px; color:#E7F0FF; font-size:11px; border-top:1px solid #637CB1; background:5px 3px no-repeat; overflow:hidden; }
.ClubHome_Best_n li a { float:left; margin:3px 0 0 31px; color:#E7F0FF; font-size:11px; }
.ClubHome_Best_n li span { float:right; margin:1px 5px 0 0; font-family:Verdana; font-size:11px; color:#97AFDF; }
.ClubHome_Best_n .num1 { position:relative; padding:0; width:327px; height:85px !important; border:none; background:url('../img/club/bg_home_best_no1.gif') left top no-repeat !important; }
.ClubHome_Best_n .num1 strong { position:absolute; top:47px; left:41px; color:#FFF192; }
.ClubHome_Best_n .num1 strong a { color:#FFF192; float:none; margin:0; }
.ClubHome_Best_n .num1 ul { margin:0; padding:17px 0 0 158px; padding/**/:20px 0 0 178px; width:327px; height:auto; background:none; }
.ClubHome_Best_n .num1 li { padding:0 0 0 6px; float:none; width:133px; height:16px; font-size:11px; font-weight:bold; color:#E7F0FF; white-space:nowrap; border:none; background:url('../img/club/bu_box_sky.gif') left 5px no-repeat; letter-spacing:-1px; overflow:hidden; }
.ClubHome_Best_n .num1 li em { font-weight:normal; color:#8DD6FF; letter-spacing:normal; font-size:11px; letter-spacing:-1px; }
.ClubHome_Best_n .ready { position:absolute; top:107px; left:15px; background:#526A9F; }
.ClubHome_Best_n .index { display:none; }
.ClubHome_Best_n .rank_top { margin:0 0 0 15px; }
.ClubHome_Best_n table { width:287px; margin:4px 0 0 21px; }
.ClubHome_Best_n td { height:24px; color:#E7F0FF; font-size:11px; vertical-align:middle; border-bottom:1px solid #637CB1; }
.ClubHome_Best_n td a { font-size:11px; color:#E7F0FF; }
.ClubHome_Best_n td.num { width:24px; text-align:right; }
.ClubHome_Best_n td.ch { width:67px; text-align:center; font-family:verdana; font-size:11px; color:#97AFDF; }
.ClubHome_Best_n td.ch img { position:relative; _top:1px; }
.ClubHome_Best_n td.name { padding-top:3px; white-space:nowrap; overflow:hidden; text-align:left; }
.ClubHome_Best_n td.name .ico_mark { margin:-1px 4px 0 0; vertical-align:middle; width:16px; height:16px; }
.ClubHome_Best_n td.point { width:66px; text-align:center; font-family:verdana; }
.ClubHome_Best_n .line_end { margin:-1px 15px 0 15px; height:1px; overflow:hidden; background:#4F679B; }
.ClubHome_Best_n .ready { position:absolute; top:107px; left:15px; background:#4D6397; }

/* Ŭ·´¸â¹ö±¸ÇØ¿ä */
.ClubHome_Member { clear:right; position:relative; right:-5px; _right:-2px; width:252px; height:186px; background:url('../img/club/bg_home_member.gif') left top no-repeat; overflow:hidden; }
.ClubHome_Member h3 { display:none; }
.ClubHome_Member .btn_more { position:absolute; top:12px; right:8px; }
.ClubHome_Member ul { float:left; padding:63px 0 0 18px; width:233px; height:106px; _height:169px; overflow:hidden; }
.ClubHome_Member li { float:left; width:215px; height:144px; height:17px; _height:18px; font-size:11px; border-bottom:1px solid #637CB1; }
.ClubHome_Member li .ico { float:left; margin:2px 0 0 5px; _display:inline; }
.ClubHome_Member li a { float:left; margin:3px 0 0 5px; width:90px; height:13px; font-size:11px; overflow:hidden; }
.ClubHome_Member li span { float:right; margin:3px 0 0 0; width:48px; height:14px; font-size:11px; color:#97AFDF; text-align:center; overflow:hidden; }
.ClubHome_Member li.new { padding-left:17px; width:198px; _width:215px; background:url('../img/club/ico_new.gif') 5px 3px no-repeat; }
.ClubHome_Member .ready { position:absolute; top:60px; left:16px; background:#526A9F; width:220px; height:114px; text-align:center; }
.ClubHome_Member .ready img { position:relative; top:30px; }

/* Ŭ·´¸â¹ö±¸ÇØ¿ä (2008.04.03 Ŭ·´·©Å·¼öÁ¤) */
.ClubHome_Member_n { clear:right; position:relative; right:-5px; _right:-2px; width:252px; height:258px; background:url('../img/club/bg_home_member_n.gif') left bottom no-repeat; overflow:hidden; }
.ClubHome_Member_n .member_top { float:left; margin:6px 0 0 16px; _display:inline; }
.ClubHome_Member_n ul { float:left; padding:5px 0 0 18px; width:233px; overflow:hidden; }
.ClubHome_Member_n li { float:left; position:relative; top:1px; width:215px; height:144px; height:17px; _height:18px; font-size:11px; border-bottom:1px solid #637CB1; }
.ClubHome_Member_n li .ico { float:left; margin:2px 0 0 5px; _display:inline; }
.ClubHome_Member_n li a { float:left; margin:3px 0 0 5px; width:90px; height:13px; font-size:11px; overflow:hidden; }
.ClubHome_Member_n li span { float:right; margin:3px 0 0 0; width:48px; height:14px; font-size:11px; color:#97AFDF; text-align:center; overflow:hidden; }
.ClubHome_Member_n li.new { padding-left:17px; width:198px; _width:215px; background:url('../img/club/ico_new.gif') 5px 3px no-repeat; }
.ClubHome_Member_n .ready { position:absolute; top:60px; left:16px; background:#526A9F; width:220px; height:114px; text-align:center; }
.ClubHome_Member_n .ready img { position:relative; top:30px; }

/* Ŭ·´È¨2 ³ªÀÇŬ·´Á¤º¸ : 2012.07.17 */
.clubhome2_myclub { margin-top:4px; position:relative;width:584px; height:113px; background:url('../img/club/bg_home_myclub2.gif') left top no-repeat; }
.clubhome2_myclub h3 { display:none; }
.clubhome2_myclub .img { position:absolute; top:46px; left:23px; }
.clubhome2_myclub .img img { width:44px; height:44px; }
.clubhome2_myclub ul { position:absolute; top:62px; left:70px; }
.clubhome2_myclub li { float:left; margin-left:24px; padding:0 0 0 6px; height:18px; font-size:11px; vertical-align:top; background:url('../img/club/bu_box_sky.gif') left 5px no-repeat; _display:inline; }
.clubhome2_myclub li em { font-weight:bold; font-size:11px; }
.clubhome2_myclub li strong { color:#FFF192; font-size:11px; }
.clubhome2_myclub li a { font-size:11px; }
.clubhome2_myclub .ico_level { position:relative; top:-3px; margin-right:4px; vertical-align:top; }
.clubhome2_myclub .msg { display:block; position:absolute; top:31px; left:8px; }
.clubhome2_myclub .btn_myclub { position:absolute; top:7px; right:6px; }

/* Ŭ·´È¨2 ·©Å· : 2012.07.17 */
.clubhome2_rank { position:relative; margin-top:17px; width:584px; height:368px; background:url('../img/club/bg_home_best2.gif') left bottom no-repeat; }
.clubhome2_rank ul { position:relative; padding:82px 0 0 21px; width:327px; height:182px; _height:264px; background:url('../img/club/bg_home_best.gif') left bottom no-repeat; overflow:hidden; }
.clubhome2_rank li { float:left; width:287px; height:17px; _height:18px; color:#E7F0FF; font-size:11px; border-top:1px solid #637CB1; background:5px 3px no-repeat; overflow:hidden; }
.clubhome2_rank li a { float:left; margin:3px 0 0 31px; color:#E7F0FF; font-size:11px; }
.clubhome2_rank li span { float:right; margin:1px 5px 0 0; font-family:Verdana; font-size:11px; color:#97AFDF; }
.clubhome2_rank .num1 { position:relative; padding:0; width:584px; height:85px !important; border:none; background:url('../img/club/bg_home2_best_no1.gif') left top no-repeat !important; }
.clubhome2_rank .num1 strong { position:absolute; top:47px; left:41px; color:#FFF192; }
.clubhome2_rank .num1 strong a { color:#FFF192; float:none; margin:0; }
.clubhome2_rank .num1 ul { margin:0; padding:35px 0 0 154px; width:auto; height:auto; background:none; }
.clubhome2_rank .num1 li { float:left; margin-left:24px; padding:0 0 0 6px; width:auto; height:16px; font-size:11px; font-weight:bold; color:#E7F0FF; white-space:nowrap; border:none; background:url('../img/club/bu_box_sky.gif') left 5px no-repeat; letter-spacing:-1px; overflow:hidden; }
.clubhome2_rank .num1 li em { font-weight:normal; color:#8DD6FF; letter-spacing:normal; font-size:11px; letter-spacing:-0.04em; }
.clubhome2_rank .ready { position:absolute; top:107px; left:15px; background:#526A9F; }
.clubhome2_rank .index { display:none; }
.clubhome2_rank .rank_top { margin:0 0 0 15px; }
.clubhome2_rank table { width:547px; margin:4px 0 0 21px; }
.clubhome2_rank td { height:24px; color:#E7F0FF; font-size:11px; vertical-align:middle; border-bottom:1px solid #637CB1; }
.clubhome2_rank td a { font-size:11px; color:#E7F0FF; }
.clubhome2_rank td.num { width:40px; text-align:right; }
.clubhome2_rank td.ch { width:122px; text-align:center; font-family:verdana; font-size:11px; color:#97AFDF; }
.clubhome2_rank td.ch img { position:relative; _top:1px; }
.clubhome2_rank td.name { padding-top:3px; white-space:nowrap; overflow:hidden; text-align:left; }
.clubhome2_rank td.name .ico_mark { margin:-1px 4px 0 0; vertical-align:middle; width:16px; height:16px; }
.clubhome2_rank td.point { width:122px; text-align:center; font-family:verdana; }
.clubhome2_rank .line_end { margin:-1px 15px 0 15px; height:1px; overflow:hidden; background:#4F679B; }
.clubhome2_rank .ready { position:absolute; top:107px; left:15px; background:#4D6397; }

/* Ŭ·´È¨2 ¸â¹öã±â : 2012.07.17 */
.clubhome2_member { clear:both; padding-top:13px; overflow:hidden; }
.clubhome2_member h3 { margin:0 0 5px 8px; }
.clubhome2_member td.subject { padding-left:10px; }

/* °³¼³µÈ Ŭ·´¼ö */
.ClubTotalNum { position:absolute; right:0; margin-top:8px; padding:0 0 0 6px; color:#8098C9; font-size:11px; background:url('../img/club/ico_club_num.gif') left 5px no-repeat; }
.ClubTotalNum strong { color:#FFF192; font-size:11px; }

/* Ŭ·´¸¸µé±â */
.ClubBuild_Policy { margin-bottom:-5px; width:582px; _width:584px; border:1px solid #647EAF; background:url('../img/common/bg_board_textarea.gif') left top no-repeat; overflow:hidden; }
.ClubBuild_Policy iframe { margin:2px; width:580px; height:178px; }
.Club_Policy { padding:10px 0 0 0; margin-top:10px; height:54px; _height:64px; background:url('../img/club/bg_policy.gif') left top no-repeat; text-align:center; }
.Club_Policy label { position:relative; top:-1px; margin-right:10px; color:#E7F0FF; font-size:11px; }
.btn_view_policy { margin:-3px 0 0 0; }
.ClubBuild_Input { width:584px; background:url('../img/common/box_subcon.gif') left top no-repeat; }
.ClubBuild_Input .box_in { padding:11px 0 1px 0; width:584px; background:url('../img/common/box_subcon_bottom.gif') left bottom no-repeat; }
.ClubBuild_Input .step { margin:0 0 15px 11px; width:562px; background:url('../img/common/box_incon.gif') left 23px no-repeat; }
.ClubBuild_Input .step h3 { height:23px; }
.ClubBuild_Input .step h3 span { position:relative; top:6px; margin:0 0 0 4px; font-size:11px; vertical-align:top; font-weight:normal; color:#90ACDF; }
.ClubBuild_Input .step_in { padding:8px 11px 7px 11px; width:540px; _width:562px; font-size:11px; background:url('../img/common/box_incon_bottom.gif') left bottom no-repeat; }
.ClubBuild_Input .step_in p { margin:3px 0 0 3px; font-size:11px; color:#A3B7DE; }
.ClubBuild_Input .step_in .btn_check { position:relative; top:-2px; vertical-align:middle; }
.ClubBuild_Input .step_in textarea { width:539px; height:84px; }
.ClubBuild_Input .step_in select { width:145px; }
.ClubBuild_Input .step3 .step_in { padding-top:11px; padding-bottom:11px; }
.ClubBuild_Input .step1 input { width:478px; }
.ClubBuild_Input .step2 input { width:349px; }
.ClubBuild_Input .step2 span { font-size:11px; }

#Input_Club { margin:10px 0 -5px 0; }
#Input_Club td { font-size:11px; }
#Input_Club .name td { font-size:12px; color:#FFF192; font-weight:bold; }
#Input_Club .id td { font-weight:bold; }
#Input_Club .intro textarea { height:94px; font-size:11px; color:#97AFDF; }

.Club_Open { position:relative; width:584px; height:53px; background:url('../img/club/bg_club_open.gif') left top no-repeat; }
.Club_Open p { position:absolute; top:20px; left:104px; color:#97AFDF; width:380px; height:13px; overflow:hidden; }
.Club_Open p strong { color:#FFF192; }
.Club_Open .btn_club { position:absolute; top:16px; right:15px; }

.Club_topMsg { position:relative; padding-top:11px; width:584px; background:url('../img/club/bg_club_msg.gif') left top no-repeat; }
.Club_topMsg .box_in { padding:0 0 17px 0; width:584px; background:url('../img/club/bg_club_msg_bottom.gif') left bottom no-repeat; }
.Club_topMsg h3 { margin-left:26px; font-size:12px; font-weight:bold; color:#FFF192; height:13px; overflow:hidden; }
.Club_topMsg p { margin:16px 0 0 31px; font-size:11px; color:#97AFDF; width:455px; }
.Club_topMsg .btn_club { position:absolute; top:36px; right:16px; }

/* ¸¶Å©ÀïÅ»Àü */
.Club_MarkTop { margin:0 0 10px 0; padding:0 0 18px 0; width:584px; background:url('../img/club/bg_mark_club.gif') left bottom no-repeat; }
.Club_MarkTop h3 { float:left; }
.Club_MarkTop h3 img { display:block; }
.Club_MarkTop .list { position:relative; left:12px; float:left; margin:7px 0 0 6px; width:269px; height:105px; border:1px solid #6D82B2; background:#374874 url('../img/club/bg_mark_club_box.gif') left bottom no-repeat; _display:inline; }
.Club_MarkTop .list h5 { width:269px; height:24px; background:#2C3B61 url('../img/club/bg_mark_club_title.gif') left bottom no-repeat; text-align:center; }
.Club_MarkTop .list h5 img { margin-top:4px; }
.Club_MarkTop .list ul { padding-top:9px; }
.Club_MarkTop .list li { margin:0 0 2px 10px; padding:0 0 0 6px; width:250px; background:url('../img/common/bu_boxb_white.gif') left 5px no-repeat; vertical-align:top; }
.Club_MarkTop .list li em { float:left; font-weight:bold; color:#E7F0FF; font-size:11px; }
.Club_MarkTop .list li span { float:left; margin:0 0 0 4px; font-size:11px; color:#8DD6FF; }
.Club_MarkTop .list li strong { color:#FFF192; font-size:11px; }
.Club_MarkTop p.notice { margin:31px 0 0 67px; font-weight:bold; padding:0 0 0 16px; background:url('../img/common/ico_notice.gif') left top no-repeat; }
.Club_MarkTop p.none { padding-top:22px; font-weight:bold; text-align:center; }
.Club_MarkTop p.none .btn_search { display:block; margin-top:3px; }
.Club_MarkTop .msg { padding:36px 0 30px 0; text-align:center; }



/* 06.°¡À̵å ========================== */
.guide_basic { margin:13px 0 0 0; }
.guide_basic img { display:block; vertical-align:baseline; }

.guide_basic .btn_mode { margin:12px 0 0 0; float:right; height:33px; }
.guide_basic .btn_mode img { display:inline; }

.guide_list { padding-bottom:25px; background:url('../img/guide/bg_guidelist_bottom.gif') left bottom no-repeat; }
.guide_list img { display:block; vertical-align:baseline; }

.guide2_1 { margin:13px 0 0 0; }
.guide2_1 .Download_PC { margin-bottom:13px; }
.guide2_1 img { display:block; vertical-align:baseline; }

.GuideGrade { width:584px; border-collapse:collapse; border-left:1px solid #647EAF; border-top:1px solid #647EAF; }
.GuideGrade col.img { width:64px; }
.GuideGrade col.naem { width:86px; }
.GuideGrade col.ex { width:96px; }
.GuideGrade col.benefit { width:83px; }
.GuideGrade col.weapon { width:82px; }
.GuideGrade col.skill { width:83px; }
.GuideGrade col.wear { width:82px; }
.GuideGrade tr.index { position:absolute; left:-10000px; top:-10000000px; _display:none; }
.GuideGrade th { border-right:1px solid #647EAF; border-bottom:1px solid #647EAF; background:#3C517F; text-align:center; vertical-align:middle; }
.GuideGrade td { padding:11px 0 9px 0; font-size:11px; color:#879ECE; border-right:1px solid #647EAF; border-bottom:1px solid #647EAF; background:#4B6295; text-align:center; vertical-align:middle; }
.GuideGrade td.name { font-weight:bold; color:#9FF7FF; }


.GuideGrade_n { width:584px; border-collapse:collapse; border:1px solid #647EAF; }
.GuideGrade_n tr.index { position:absolute; left:-10000px; top:-10000000px; _display:none; }
.GuideGrade_n th { border-right:1px solid #647EAF; border-bottom:1px solid #647EAF; background:#3C517F; text-align:center; vertical-align:middle; }
.GuideGrade_n td { padding:3px 0 0 0; font-size:11px; color:#879ECE; border-right:1px solid #647EAF; border-bottom:1px solid #647EAF; background:#4B6295; text-align:center; vertical-align:middle; }
.GuideGrade_n td.gname { width:140px; font-weight:bold; color:#9ff7ff; background:#3c517f; }
.GuideGrade_n td.group { width:140px; font-weight:bold; background:#42598a; }
.GuideGrade_n td.gimg { width:124px; }
.GuideGrade_n td.gex { width:124px; }
.GuideGrade_n .ico_grade { margin-bottom:3px; border:1px solid #fff; }


/* 07.´Ù¿î·Îµå ======================== */
.Download_Notice { display:block; margin-bottom:15px; }
.Download_Pc { display:block; margin-bottom:15px; }
.Download_spec { position:relative; display:block; margin-bottom:15px; }
.Download_spec img { display:block; }
.Download_spec .btn_spec { display:block; position:absolute; left:371px; top:168px; width:197px; height:53px; text-indent:-1000px; background:url(../img/common/blank.gif) repeat; }
.Download_Check { margin-bottom:15px; }
.Download_Check h3 { position:relative; width:584px; height:19px; }
.Download_Check h3 .btn_check { position:absolute; right:0; top:-3px; }
.Download_Check textarea { width:584px; height:141px; }
.Download_Client { display:block; margin-bottom:15px; }
.Download_Driver { display:block; }

.Multi_Movie { position:relative; margin:0 0 20px 10px; width:564px; height:371px; background:url('../img/down/bg_multi_box.gif') left top no-repeat; }
.Multi_Movie .movie { position:absolute; top:21px; left:43px; width:478px; height:318px; overflow:hidden; }
.Multi_Movie .btn { display:none; _display:block; position:absolute; left:41px; top:346px; }
.Multi_Movie .btn img { float:left; margin-right:3px; }
.Multi_List { position:relative; margin:0 0 0 32px; width:520px; }
.Multi_List .btn { position:absolute; top:11px; right:5px; }


/* 08.°í°´¼¾ÅÍ ======================== */
.Search_Faq { margin-bottom:2px; padding-top:14px; width:584px; height:56px; _height:60px; background:url('../img/support/bg_faq_search.gif') left top no-repeat; }
.Search_Faq input { margin:0 0 0 76px; width:430px; }
.Search_Faq .btn_search { position:relative; _top:-1px; vertical-align:middle; }

.Faq_policy { margin:20px 0 0 0; padding:5px 0 5px 0; border:1px solid #4B618F; background:#2B3A59; text-align:center; }
.Faq_policy img { margin:0 2px; }



/* ǪÅÍ ========================================================================== */
.footer { position:relative; margin:0 auto; padding-top:20px; width:980px; height:134px; background:url('../img/footer/bg_footer.jpg') center top no-repeat; }
.footer .logo_neowiz { float:left; margin:20px 0 0 52px; }
.footer .logo_pentavision { float:left; margin:17px 0 0 11px; }
.footer .menu { float:left; margin:3px 0 0 25px; width:570px; height:18px; border-bottom:1px solid #A6BDE5; overflow:hidden; }
.footer .menu a { position:relative; left:-4px; float:left; margin-bottom:5px; padding:0 3px 0 4px; height:12px; background:url('../img/footer/img_bar.gif') left 4px no-repeat; overflo/**/w:hidden; }
.footer .copyright { position:absolute; top:48px; left:249px; }
.footer .gameinfo { position:absolute; top:21px; right:31px; }
.footer .email { position:absolute; top:59px; left:320px; width:136px; height:12px; text-indent:-1000px; overflow:hidden; background:url(../img/common/blank.gif) repeat; }
.footer .bizinfo { position:absolute;left:568px;top:72px;width:58px;height:10px;text-indent:-5000px;background:url(../img/footer/btn_bizinfo.gif) no-repeat;display:block; }

.S4_main .footer { margin-top:-120px; }
.S4_main .footer .logo_neowiz { margin-left:3px; }
.S4_main .footer .menu { width:407px; }
.S4_main .footer .copyright { left:202px; }
.S4_main .footer .email { left:275px; }
.S4_main .footer .bizinfo { left:520px; }




/* 09.Others ========================== */
.LoginPage { display:block; }

.S4_Intro { background:#000000 url('../img/intro/bg_intro.jpg') center 43px no-repeat; text-align:center; }
.S4_Intro .container { position:relative; margin:0 auto; width:980px; text-align:left; overflow:hidden; }
.S4_Intro .container .movie { position:absolute; top:212px; left:252px; width:478px; height:318px; text-align:centere; overflow:hidden; }
.S4_Intro .container .movie_btn { position:absolute; top:542px; left:250px; }
.S4_Intro .container .next_intro { position:absolute; top:541px; left:511px; }
.S4_Intro .container label { display:none; }
.S4_intro .footer { margin:0; width:980px; background:url('../img/footer/bg_footer_intro.gif') left top no-repeat; }
.S4_Intro .footer .menu { border-bottom-color:#1e1a31; }
.S4_Intro .footer .menu a { background:url('../img/footer/img_bar_intro.gif') left 4px no-repeat; }
.S4_Intro .footer .logo_neowiz { float:left; margin:12px 0 0 49px; }
.S4_Intro .footer .logo_pentavision { margin-left:24px; }
.S4_Intro .footer .copyright { left:251px; }

/* °ÔÀÓÁßÆäÀÌÁö : 20010.01.20 Ãß°¡ === */
.S4_ing { width:100%; height:100%; background:#000000; }
.S4_ing .wrap { position:relative; width:100%; min-width:980px; min-height:925px; height:100%; text-align:center; }
.S4_ing .container { width:100%; _height:100%; }
.S4_ing .contents { position:relative; margin:0 auto; width:980px; text-align:left; background:url('../img/other/bg_ing_center.jpg') left 322px no-repeat; z-index:2; }
.S4_ing .contents img { display:block; }
.S4_ing .bg_left { position:absolute; top:0; left:0; margin-left:-490px; width:50%; height:100%; background:url('../img/other/bg_ing_left.jpg') right top no-repeat; }
.S4_ing .bg_right { position:absolute; top:0; left:50%; margin-left:-1px; width:50%; height:100%; background:url('../img/other/bg_ing_right.jpg') 480px top no-repeat; }
.S4_ing .ing_info { margin-bottom:553px; }
.S4_ing .footer { padding-top:22px; width:980px; background:url(../img/footer/bg_footer_ing.gif) center top no-repeat; }
.S4_ing .footer .menu { width:382px; height:16px; border-bottom-color:#333333; }
.S4_ing .footer .menu a { padding:0 4px 0 6px; background:url('../img/footer/img_bar_intro.gif') left 2px no-repeat; }
.S4_ing .footer .logo_neowiz { float:left; margin:12px 0 0 48px; display:inline; }
.S4_ing .footer .logo_pentavision { margin:2px 0 0 17px; }
.S4_ing .footer .copyright { left:255px; }
.S4_ing .footer .gameinfo { top:20px; right:50px; }
.S4_ing .footer .bizinfo { top:73px; left:573px; width:55px; height:8px; background-image:url(../img/footer/btn_bizinfo_ing.gif); }


/* ¿î¿µÁ¤Ã¥ */
.Policy_Map { margin-bottom:20px; padding:13px 0 5px 0; width:584px; min-height:1%; _height:1%; border-bottom:1px solid #4A6697; background:#324267 url('../img/common/bg_policy_map.gif') left top no-repeat; }
.Policy_Map li { float:left; margin-left:13px; padding:0 0 5px 25px; width:250px; _width:275px; background:left 1px no-repeat; letter-spacing:-1px; _display:inline; }
.Policy_Map li a { font-size:11px; color:#8DD6FF; }
.Policy_Map li.num1 { background-image:url('../img/common/ico_num_1.gif'); }
.Policy_Map li.num2 { background-image:url('../img/common/ico_num_2.gif'); }
.Policy_Map li.num3 { background-image:url('../img/common/ico_num_3.gif'); }
.Policy_Map li.num4 { background-image:url('../img/common/ico_num_4.gif'); }
.Policy_Map li.num5 { background-image:url('../img/common/ico_num_5.gif'); }
.Policy_Map li.num6 { background-image:url('../img/common/ico_num_6.gif'); }
.Policy_Map li.num7 { background-image:url('../img/common/ico_num_7.gif'); }
.Policy_Map li.num8 { background-image:url('../img/common/ico_num_8.gif'); }
.Policy_Map li.num9 { background-image:url('../img/common/ico_num_9.gif'); }
.Policy_Map li.num10 { background-image:url('../img/common/ico_num_10.gif'); }
.Policy_Map li.num11 { background-image:url('../img/common/ico_num_11.gif'); }
.Policy_Map li.num12 { background-image:url('../img/common/ico_num_12.gif'); }
.Policy_Map li.num13 { background-image:url('../img/common/ico_num_13.gif'); }
.Policy_Map li.num14 { background-image:url('../img/common/ico_num_14.gif'); }


.policy { margin-left:10px; overflow:hidden; }
.policy h5 { margin:0 20px 9px 0; color:#E7F0FF; font-weight:bold; }
.policy h6 { font-size:11px; margin-top:10px; }
.policy p { margin:5px 10px 5px 17px; font-size:11px; color:#97AFDF; }
.policy li { font-size:11px; color:#99A2AB; font-size:11px; color:#97AFDF; }
.policy li a { font-size:11px; text-decoration:underline; }
.policy ul { margin-left:17px; }
.policy ol p, .policy ul p { margin:5px 0 5px 16px; }
.policy ol { list-style-type:decimal; list-style-position:inside; margin:5px 20px 10px 19px; }
.policy ol li { margin-left:15px; text-indent:-16px; }
.policy ol li li { text-indent:0; }
.policy ol ol { list-style-type:upper-alpha; margin:5px 0 0 0px; }
.policy ol ol li { margin-left:0; }
.policy ol ol ul { margin-left:16px; }
.policy ol ul { margin:3px 20px 5px 0; list-style-position:outside; }
.policy ol ul li { margin:0 0 2px 0; padding:0 0 0 10px; background:url('../img/common/img_policy_bar.gif') left 7px no-repeat; }
.policy .top { position:relative; left:-38px; margin-top:20px; height:25px; border-top:1px solid #4F6AA0; }
.policy .top img { position:absolute; top:-5px; right:-38px; }
.policy table { margin:5px 0 15px 0; border-top:1px solid #647EAF; border-left:1px solid #647EAF; }
.policy table .index { width:33px; }
.policy table .subindex { width:90px; }
.policy table th { padding:6px 5px 3px 5px; height:27px; border-right:1px solid #647EAF; border-bottom:1px solid #647EAF; font-size:11px; color:#9FF7FF; line-height:130%; text-align:center; vertical-align:middle; background:#304165 !important; font-weight:bold; }
.policy table td { padding:6px 5px 3px 5px; height:27px; border-right:1px solid #647EAF; border-bottom:1px solid #647EAF; font-size:11px; color:#BFD6FF; line-height:130%; text-align:center; vertical-align:middle; }

.S4_Frame .policy { margin-left:10px; width:574px; overflow:hidden; }

.pop_policy { padding-top:66px; background:url('../img/other/bg_policy_board.gif') left top no-repeat; }
.pop_policy .container { margin:0 0 0 22px; width:605px; height:364px; overflow:auto; overflow-x:hidden;
 scrollbar-face-color:#283556; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#283556;
 scrollbar-highlight-color:#647EAF; scrollbar-shadow-color:#647EAF; scrollbar-darkshadow-color:#283556; scrollbar-3dlight-color:#283556; }
.pop_policy .container .policy { width:575px; }
.pop_policy .btn { position:absolute; top:452px; left:589px; }



/* »ç¿ëÀÚ Æ˾÷ */
.userMenu       { position:absolute; padding:2px; border:solid 1px #68799C; background-color:#26385C; color:#667FAD; z-index:33 !important; }
.userMenu td    { padding:3px 10px 0px 5px; background-color:#26385C; font-weight:normal; _cursor:hand; cursor:pointer; vertical-align:middle; }
.userMenu .over { background-color:#16233D; color:#9FF7FF; }
.userMenu .udActivate { background-color:#26385C; color:#667FAD; }
.userMenu .udDeactivate { background-color:#26385C; }

/** ·¹À̾îÆ˾÷ ¼¾ÅÍÁ¤·Ä **/
#cmPopAlign { position:absolute; top:43px; left:50%; margin-left:-490px; width:980px; z-index:99; }