@charset "utf-8";

body {margin:0; background:url(../../hangame/login/renewal_2009/bg_body.gif) repeat-x #FFF; }
#container {text-align:center !important; }
#container.eco {position:relative; padding-top:36px; background:url(../../hangame/login/skin/eco_logo_new.gif) 334px 0 no-repeat;}
#container.eco .havead_t {margin-top:200px; }
#login_out_box {overflow:hidden; width:737px; padding:0 0 4px 0; margin:0 auto; background:url(../../hangame/login/renewal_2009/bg_login_box.gif) 0 0 repeat-y; text-align:left;}
.havead_t {margin-top:70px;font-size:0}
.nothavead_t {margin-top:150px;font-size:0}
.nothavead_b {margin-bottom:270px; }
.login_txt {width:374px; margin:0 0 0 42px; padding:13px 0 0 0; }/*edit_20120202*/
.login_txt dt {padding:0 0 17px 31px; font-size:16px; font-weight:bold; letter-spacing:-1px; color:#444444; line-height:20px; background:url(../../hangame/login/renewal_2009/ico_check.gif) 0 0 no-repeat;}
.login_txt dd {clear:both; padding:10px 0 0 32px;  letter-spacing:-1px; line-height:18px; }
.login_txt dd .btn {display:block; margin:8px 0 0;}/*add_20110609*/
.login_txtbig {_display:inline; float:left; width:650px; margin:0 0 0 42px; padding:13px 0 0 0; background-color:#fafafa;}
.login_txtbig dt {padding:0 0 17px 31px; font-size:16px; font-weight:bold; letter-spacing:-1px; color:#444444; line-height:20px; background:url(../../hangame/login/renewal_2009/ico_check.gif) 0 0 no-repeat;}
.login_txtbig dd {position:relative; padding:0 0 0 32px;  clear:both; letter-spacing:-1px; line-height:18px; }/*edit_20110609*/
.login_txtbig dd .btn {position:absolute; top:-5px; right:12px;}/*add_20110609*/
.login_txtbig_btn {clear:both; width:650px; margin:0 0 0 42px; padding:73px 0 0 0; background:url(../../hangame/login/renewal_2009/li_x_01.gif) 0 40px repeat-x #fafafa; text-align:center; }
.login_txtbig_btn img {margin:0 4px; vertical-align:top;}

/*add_100810*/
.login_txt_list {clear:both; width:618px;*width:650px; margin:0 0 -13px 42px; padding:61px 0 0 32px; background:url(../../hangame/login/renewal_2009/li_x_01.gif) 0 27px repeat-x #fafafa;}
.login_txt_list li {position:relative; margin-bottom:13px; line-height:18px;}
.login_txt_list li a {position:absolute; right:0; top:0;}
.login_txt_list li.line1 a {top:-8px;}
.login_txt_list li span {color:#363636;}
/*//add_100810*/

.login_area {position:relative; float:left; width:250px;margin:0 0 0 30px;}/*edit_20120202*/
.login_area.login_captcha{margin-left:27px}
.login_area_box .loginframe {width:300px; height:145px;}
.login_area_box .loginframe_big {width:300px; height:180px;}

/*add_0906*/
.login_area_box .ly_box {position:absolute; left:0; top:0px; width:235px; height:106px; z-index:100; background:url(../../hangame/login/renewal_2009/ly_bg_big.gif)  0 0 no-repeat; text-align:center; }
.login_area_box .ly_close {position:absolute; right:4px; top:4px; width:14px; height:14px; z-index:100;}
.login_area_box .ly_txt {margin:0 auto; padding:18px 14px 13px 14px; text-align:left; line-height:16px; font-size:11px; letter-spacing:-1px;  }
.login_area_box .ly_btn {width:207px; margin:0 auto; padding-top:10px; border-top:1px solid #ececec;  }
.login_area_box .ly_btn img {margin:0 3px 0 2px;}

.ad_event {clear:both; overflow:hidden; width:737px; margin:42px auto 120px auto; text-align:left; }
.ad_event .ad_area {float:left; padding:0 0 0 42px;}
.ad_event .ad_area a {float:left; border:1px solid #b7b7b7; }
.ad_event .event_area {float:right; width:284px; }
.event_area {width:284px; text-align:left;}
.event_area h3 {height:47px;}
.event_area img {vertical-align:top; }
.event_area ul {margin:0 0 0 1px; }
.event_area li {clear:both; padding:0 0 20px 0; vertical-align:top;}
.event_area li.last {padding:0;}
.event_area td {float:left; vertical-align:top; }
.event_area td.img_area {width:86px;}
.event_area td.img_area img {border:1px solid #b7b7b7;}
.event_area td.txt_area {width:175px; letter-spacing:-1px;}
.event_area td .event_t {height:18px; margin:2px 0 0 0; font-weight:bold; }
.event_area td .event_t a {color:#7d7d7d; }
.event_area td .event_n {height:35px; line-height:15px; font-size:11px; color:#7d7d7d;  }
.event_area td .event_d {letter-spacing:-1px;font-size:11px; color:a2a2a2; }
.event_area td .event_d span {font-size:10px; font-family:verdana; }

/*add_20110609*/
.security_service {clear:both; margin:12px 49px -4px 44px; padding:20px 0 0; background-color:#fafafa; zoom:1;}
.security_service .inbox {padding:15px 0 13px 29px; border:1px solid #e5e5e5; background:#fbfbfb;}
.security_service .inbox p {margin:0 0 10px; color:#7e7e7e; letter-spacing:-1px; line-height:22px;}
.security_service .inbox label {color:#636363; letter-spacing:-1px; font-size:11px;}

.step_protect {clear:both; overflow:hidden; margin:0 49px 0 47px; border:1px solid #e5e5e5; background-color:#fafafa; _zoom:1;}/*edit_20110629*/
.step_protect ol {margin-top:-1px; padding:0 18px; background:#fff;}
.step_protect ol li {overflow:hidden; position:relative; padding:23px 0 20px 54px; border-top:1px solid #e5e5e5; letter-spacing:-1px; vertical-align:top; _zoom:1;}
.step_protect ol li strong {display:block; position:absolute; top:23px; left:0; width:53px; padding:11px 0 7px; border-right:1px solid #e6e6e6; color:#585757; text-align:center;}
.step_protect ol li a {position:absolute; top:23px; right:0;}
.step_protect dl {padding-left:13px;}
.step_protect dl dt {margin:0 0 6px; color:#ff5a00; font-weight:bold; font-size:14px;}
.step_protect dl dd {font-size:11px;}
/*//add_20110609*/

/* checkbox-applied */
.checkbox-applied{display:-moz-inline-block; display:-moz-inline-box; display:inline-block; overflow:hidden; position:relative; width:12px; height:14px; vertical-align:middle;}
.checkbox-applied span.checkbox-mark{display:-moz-inline-block; display:-moz-inline-box; display:inline-block; position:absolute; left:0; top:0; z-index:1; width:12px; height:14px; background:url(../../hangame/login/popup_2009/skin_w/input_check.gif) no-repeat 0 0;}
.checkbox-applied span.checkbox-mark.checkbox-checked{background:url(../../hangame/login/popup_2009/skin_w/input_check.gif) no-repeat 0 -15px;}
.checkbox-disabled span.checkbox-mark{background-position:0 -15px;}
.checkbox-disabled span.checkbox-mark.checkbox-checked{background:url(../../hangame/login/popup_2009/skin_w/input_check.gif) no-repeat 0 -15px;}
.checkbox-focused{background:url(../../hangame/login/popup_2009/skin_w/input_check.gif) no-repeat 0 0;}
.checkbox-applied input{position:absolute; left:0; top:0; width:8px; height:8px; margin:1px;}
.checkbox-applied span.checkbox-mark, x:-moz-any-link{position:relative; margin-left:-17px;}
.checkbox-applied span.checkbox-mark, x:-moz-any-link, x:default{position:absolute; margin-left:0;}

/*add_20120109*/
.identify_info {width:296px; margin:7px 0 0 70px; padding:15px 0 0 5px; background:url(../../hangame/login/renewal_2012/bg_login_line.gif) repeat-x; }/*edit_20120202*/
.identify_info dt {margin-bottom:5px; font-size:11px; color:#666; font-weight:bold; letter-spacing:-1px; }
.identify_info dd {font-size:11px; line-height:17px; color:#7e7e7e; letter-spacing:-1px; }
.security_service2 {width:735px; margin:-250px auto 264px; }
.security_service2 .inbox {padding:15px 0 13px 29px; border:2px solid #f0f0f0; text-align:left; }
.security_service2 .inbox p {margin:0 0 10px; color:#7e7e7e; letter-spacing:-1px; line-height:22px;}
.security_service2 .inbox label {color:#7e7e7e; letter-spacing:-1px; font-size:11px;}

/*add_20120202*/
.login_desc {float:left;margin-top:17px}

/*add_20160729*/
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
.ad_service{overflow:hidden;width:737px;margin:42px auto 60px auto;text-align:left}
.ad_service .ad_area{float:left;padding:0 0 0 35px}
.ad_service .service_area{float:right;width:274px;padding:0 35px 0 0}
.service_area{width:274px;text-align:left}
.service_list li{position:relative;margin-bottom:18px;height:141px;vertical-align:top}
.service_list li img{vertical-align:top}
.service_list .btn_service{position:absolute;left:24px;top:93px;width:80px;height:26px}

#login_common_ly{position:relative;clear:both;width:240px;background-color:#f8f8f8;font-family:dotum}
#login_common_ly img, #login_common_ly input{border:0;font-family:dotum}
#login_common_ly a{color:#636363;text-decoration:none;font-family:dotum}
#login_common_ly a:hover{color:#ff5a00}
#login_common_ly fieldset{border:0;margin:0;padding:0}
#login_common_ly fieldset legend{display:none}
#login_common_ly .slider{position:absolute;float:left;left:0;top:0;width:41px;height:13px;background:url(../../hangame/login/popup_2009/skin_w/lg_control_bg.gif) 0 0 no-repeat}
#login_common_ly .slider .slider-thumb{position:absolute;overflow:hidden;width:11px;height:8px;margin:2px 0;background:url(../../hangame/login/popup_2009/skin_w/lg_bar_control.gif) 0 0 no-repeat;cursor:pointer}
#login_common_ly .lg_steptxt{position:absolute;left:45px;top:1px;width:46px;height:12px;font-size:11px;letter-spacing:-1px;color:#626262}
#login_common_ly .lg_help{position:absolute;left:93px;top:0;width:12px;height:12px}
#login_common_ly .lg_help img{width:12px;height:12px;background:url(../../hangame/login/popup_2009/skin_w/btn_help.gif) 0 0 no-repeat}
#login_common_ly .lg_help a:hover img{background-position:0 -12px} /*add_20100119*/
#login_common_ly .lg_iptxt{position:absolute;left:0;top:0;width:61px;height:12px;font-size:11px;letter-spacing:-1px;color:#636363}
#login_common_ly .lg_iptxt a{font-size:11px}
#login_common_ly .lg_iptxt img{vertical-align:middle;background:url(../../hangame/login/popup_2009/skin_w/input_uncheck_off.gif) 0 0 no-repeat}
#login_common_ly .lg_iptxt label{position:relative;top:1px}
#login_common_ly .lg_iptxt label a:hover{text-decoration:underline}
#login_common_ly .input_form{padding-top:24px}
#login_common_ly .input_form input{width:146px;margin:0;font-size:12px;color:#535353;font-weight:normal;letter-spacing:-1px; background-color:transparent !important}
#login_common_ly .input_form div{width:156px;height:23px}
#login_common_ly .input_form div.flash_area{height:auto !important}
#login_common_ly .input_form .input_id{margin-top:1px;background:url(../../hangame/login/popup_2009/skin_w/input_txt_id.gif) 0 0 no-repeat }
#login_common_ly .input_form .input_id input{margin:3px 5px 0 5px}
#login_common_ly .input_form .input_pw{margin-top:4px;background:url(../../hangame/login/popup_2009/skin_w/input_txt_pw.gif) 0 0 no-repeat }
#login_common_ly .input_form .input_pw input{margin:2px 5px 0 5px}
:root #login_common_ly .input_form .input_pw input{margin:3px 5px 0 5px}
#login_common_ly .input_form .input_mouseover{ background:url(../../hangame/login/popup_2009/skin_w/input_txt_mouseover.gif) 0 0 no-repeat !important}
#login_common_ly .input_form .input_mouseover input{font-weight:bold}
#login_common_ly .input_form .input_writeafter{background:url(../../hangame/login/popup_2009/skin_w/input_txt_writeafter.gif) 0 0 no-repeat  !important}
#login_common_ly .lg_input_btn{position:absolute;left:160px;top:24px;width:80px;height:50px;cursor:pointer}
#login_common_ly .lg_input_btn img{width:80px;height:50px;background:url(../../hangame/login/popup_2009/skin_w/btn_login_n.gif) no-repeat}
#login_common_ly .lg_input_btn img.btn_ipin{background:url(../../hangame/login/popup_2009/skin_w/btn_login_ipin.gif) no-repeat}
#login_common_ly .lg_input_btn img.btn_agree{background:url(../../hangame/login/popup_2009/skin_w/btn_login_agree.gif) no-repeat}
#login_common_ly .lg_member_con{overflow:hidden;width:239px;margin:0;padding:8px 0 0 0}
#login_common_ly .lg_member_con li{float:left;list-style:none;margin-left:5px;padding-left:6px;background:url(../../hangame/login/popup_2009/skin_w/lg_line_y.gif) 0 4px no-repeat;font-size:12px;letter-spacing:-1px;line-height:19px}
:root #login_common_ly .lg_member_con li{background-position:0 3px;line-height:21px}
#login_common_ly .lg_member_con li.mem_id_search{margin-left:0;padding-left:0;background:none}
#login_common_ly .lg_member_con li.mem_idpw_search{padding-left:17px}
#login_common_ly .lg_member_con li.mem_join{font-weight:bold;*zoom:1}
#login_common_ly .lg_member_con li.mem_join:after{display:block;clear:both;content:''}
#login_common_ly .lg_member_con li.mem_join a{float:left}
#login_common_ly .lg_member_con .btn_id_naver{display:block;overflow:hidden;width:17px;height:17px;margin-left:6px;background:url(../img/btn_id_naver_s.png) no-repeat;text-indent:-999px}
#login_common_ly .lg_member_con .btn_id_google{display:block;overflow:hidden;width:17px;height:17px;margin-left:3px;background:url(../img/btn_id_google_s.png) no-repeat;text-indent:-999px}
#login_common_ly .lg_member_con a:hover{text-decoration:underline}
#login_common_ly .iframe_step3{margin-top:24px;width:234px;height:50px}

/*layer */
#login_common_ly .ly_lgtxt_area{position:absolute;left:0;top:0;width:245px;height:115px; z-index:100; border-bottom:1px solid #e5e5e5;z-index:100;background-color:#ffffff }
:root #login_common_ly .ly_lgtxt_area{height:115px}
#login_common_ly .ly_lgtxt_area img{vertical-align:top}
#login_common_ly .ly_lgtxt_area .ly_inbox{position:relative;width:250px;height:115px;overflow:hidden;border:2px solid #777777}
:root #login_common_ly .ly_lgtxt_area .ly_inbox{ width:245px;height:115px}
#login_common_ly .ly_lgtxt_area p{margin:19px 10px 0 10px;padding:0 0 12px 10px;border-bottom:1px solid #ececed}
#login_common_ly .ly_lgtxt_area p img{width:177px;height:25px}
#login_common_ly .ly_lgtxt_area p img.ly_txt_password{background:url(../../hangame/login/popup_2009/skin_w/ly_txt_password.gif) 0 0 no-repeat}
#login_common_ly .ly_lgtxt_area p img.ly_txt_step3_failure{background:url(../../hangame/login/popup_2009/skin_w/ly_txt_step3_failure.gif) 0 0 no-repeat}
#login_common_ly .ly_lgtxt_area p img.ly_txt_step2_flash{background:url(../../hangame/login/popup_2009/skin_w/ly_txt_step2_flash.gif) 0 0 no-repeat}
#login_common_ly .ly_lgtxt_area p img.ly_txt_step2_failure{background:url(../../hangame/login/popup_2009/skin_w/ly_txt_step2_failure.gif) 0 0 no-repeat}
#login_common_ly .ly_lgtxt_area p img.ly_txt_step2_failure_mobile{background:url(../../hangame/login/popup_2009/skin_w/ly_txt_step2_failure_mobile.gif) 0 0 no-repeat}
#login_common_ly .ly_lgtxt_area p img.ly_txt_setflash{background:url(../../hangame/login/popup_2009/skin_w/ly_txt_setflash.gif) 0 0 no-repeat}
#login_common_ly .ly_lgtxt_area p img.ly_txt_step3_none{background:url(../../hangame/login/popup_2009/skin_w/ly_txt_step3_none.gif) 0 0 no-repeat}
#login_common_ly .ly_lgtxt_area p img.ly_txt_step3_activex{background:url(../../hangame/login/popup_2009/skin_w/ly_txt_step3_activex.gif) 0 0 no-repeat}
#login_common_ly .ly_lgtxt_area .ly_btn_area{margin-top:10px;text-align:center}
#login_common_ly .ly_lgtxt_area .ly_btn_area img{margin:0 3px 0 2px}
#login_common_ly .ly_lgtxt_area .ly_topclose{position:absolute;right:6px;top:8px;width:14px;height:14px}
#login_common_ly .ly_lgtxt_area .ly_topclose img{ width:14px;height:14px;background:url(../../hangame/login/popup_2009/skin_w/ly_btn_topclose.gif) 0 0 no-repeat}
#login_common_ly .ly_lgtxt_area .ly_btn_close{width:32px;height:19px;background:url(../../hangame/login/popup_2009/skin_w/ly_btn_close.gif) 0 0 no-repeat}
#login_common_ly .ly_lgtxt_area .ly_btn_loginstep1{width:67px;height:19px;background:url(../../hangame/login/popup_2009/skin_w/ly_btn_loginstep1.gif) 0 0 no-repeat}
#login_common_ly .ly_lgtxt_area .ly_btn_loginstep2{width:67px;height:19px;background:url(../../hangame/login/popup_2009/skin_w/ly_btn_loginstep2.gif) 0 0 no-repeat}
#login_common_ly .ly_lgtxt_area .ly_btn_password{width:70px;height:19px;background:url(../../hangame/login/popup_2009/skin_w/ly_btn_password.gif) 0 0 no-repeat}
#login_common_ly .ly_lgtxt_area .ly_btn_setup{width:52px;height:19px;background:url(../../hangame/login/popup_2009/skin_w/ly_btn_setup.gif) 0 0 no-repeat}
#login_common_ly .ly_lgtxt_capslock{position:absolute;left:0;top:74px;width:236px;height:31px; z-index:100}
#login_common_ly .ly_lgtxt_capslock img{width:235px;height:31px;background:url(../../hangame/login/popup_2009/skin_w/ly_txt_capslock.gif) 0 0 no-repeat}

/*personal info*/
#login_common_ly.plus_personal form{margin:0;padding:0}
#login_common_ly.plus_personal .input_form .input_card01{float:left;width:156px;margin-top:4px;background:url(../../hangame/login/popup_2009/skin_w/input_txt_birth.gif) 0 0 no-repeat}
#login_common_ly.plus_personal .input_form .input_card01 input{width:146px;margin:3px 5px 0 5px;letter-spacing:0}
#login_common_ly.plus_personal .input_form .input_card02{float:left;width:73px;margin-top:4px;background:url(../../hangame/login/popup_2009/skin_w/input_txt_writeafter.gif) 0 0 no-repeat}
#login_common_ly.plus_personal .input_form .input_card02 input{width:63px;margin:3px 5px 0 5px;letter-spacing:0}
#login_common_ly.plus_personal .input_form .input_cpcha{float:left;width:156px;margin-top:4px;background:url(../../hangame/login/popup_2009/skin_w/input_txt_cpcha.gif) 0 0 no-repeat}
#login_common_ly.plus_personal .input_form .input_cpcha input{width:146px;margin:3px 5px 0 5px;letter-spacing:0}
#login_common_ly .input_form .input_mouseover_card{background:url(../../hangame/login/popup_2009/skin_w/input_txt_mouseover_card.gif) 0 0 no-repeat !important}
#login_common_ly .input_form .input_mouseover_card input{font-weight:bold}
#login_common_ly .input_form .input_writeafter_card{background:url(../../hangame/login/popup_2009/skin_w/input_txt_writeafter_card.gif) 0 0 no-repeat !important}
#login_common_ly.plus_personal .input_form .card_line{float:left;width:10px;height:23px;background:url(../../hangame/login/popup_2009/skin_w/lg_line_x.gif) 50% 2px no-repeat}
#login_common_ly.plus_personal .input_form .input_name{clear:both;margin-top:4px;background:url(../../hangame/login/popup_2009/skin_w/input_txt_name.gif) 0 0 no-repeat}
#login_common_ly.plus_personal .input_form .input_name input{margin:3px 5px 0 5px}
#login_common_ly.plus_personal .iframe_step3{height:77px} /*add_091123*/

/* checkbox-applied */
.checkbox-applied{display:-moz-inline-block;display:-moz-inline-box;display:inline-block;overflow:hidden;position:relative;width:12px;height:12px;vertical-align:middle}
.checkbox-applied span.checkbox-mark{display:-moz-inline-block;display:-moz-inline-box;display:inline-block;position:absolute;left:0;top:0;z-index:1;width:12px;height:12px;background:url(../../hangame/login/popup_2009/skin_w/input_check.gif) no-repeat 0 0}
.checkbox-applied span.checkbox-mark.checkbox-checked{background:url(../../hangame/login/popup_2009/skin_w/input_check.gif) no-repeat 0 -15px}
.checkbox-disabled span.checkbox-mark{background-position:-15px -30px}
.checkbox-disabled span.checkbox-mark.checkbox-checked{background:url(../../hangame/login/popup_2009/skin_w/input_check.gif) no-repeat 0 -15px}
.checkbox-focused{background:url(../../hangame/login/popup_2009/skin_w/input_check.gif) no-repeat 0 -123px}
.checkbox-applied input{position:absolute;left:0;top:0;width:12px;height:12px;margin:-6px 0 0 -6px}
.checkbox-applied span.checkbox-mark, x:-moz-any-link{position:relative;margin-left:0}
.checkbox-applied span.checkbox-mark, x:-moz-any-link, x:default{position:absolute;margin-left:0}


/*step03*/
body#step3{margin:0;padding:0;background-color:#f8f8f8}
#step3 img, #step3 input{border:0;font-family:dotum}
#step3 .input_form{position:absolute;left:0;top:0;width:156px;height:50px}
#step3 .input_form input{width:146px;margin:0;font-size:12px;color:#535353;font-weight:normal;letter-spacing:-1px; background-color:transparent !important}
#step3 .input_form div{width:156px;height:23px}
#step3 .input_form .input_id{margin-bottom:1px;background:url(../../hangame/login/popup_2009/skin_w/input_txt_id.gif) 0 0 no-repeat}
:root #step3 .input_form .input_id{margin-bottom:3px}
#step3 .input_form .input_id input{margin:3px 5px 0 5px}
#step3 .input_form .input_pw{margin-top:4px;background:url(../../hangame/login/popup_2009/skin_w/input_txt_pw.gif) 0 0 no-repeat}
#step3 .input_form .input_pw input{margin:2px 5px 0 5px}
:root #step3 .input_form .input_pw input{margin:3px 5px 0 5px}
#step3 .input_form .input_mouseover{ background:url(../../hangame/login/popup_2009/skin_w/input_txt_mouseover.gif) 0 0 no-repeat !important}
#step3 .input_form .input_mouseover input{font-weight:bold}
#step3 .input_form .input_writeafter{background:url(../../hangame/login/popup_2009/skin_w/input_txt_writeafter.gif) 0 0 no-repeat  !important}
/*personal info*/
#step3 plus_personal .input_form{height:77px}
#step3.plus_personal .lg_member_con{top:147px}
#step3.plus_personal .input_form .input_card01{float:left;width:156px;margin-top:4px;margin-bottom:4px;background:url(../../hangame/login/popup_2009/skin_w/input_txt_birth.gif) 0 0 no-repeat}
#step3.plus_personal .input_form .input_card01 input{width:146px;margin:3px 5px 0 5px;letter-spacing:0}
#step3.plus_personal .input_form .input_card02{float:left;width:73px;margin-top:4px;margin-bottom:4px;background:url(../../hangame/login/popup_2009/skin_w/input_txt_writeafter_card.gif) 0 0 no-repeat}
#step3.plus_personal .input_form .input_card02 input{width:63px;margin:3px 5px 0 5px;letter-spacing:0}
#step3 .input_form .input_mouseover_card{background:url(../../hangame/login/popup_2009/skin_w/input_txt_mouseover_card.gif) 0 0 no-repeat !important}
#step3 .input_form .input_mouseover_card input{font-weight:bold}
#step3 .input_form .input_writeafter_card{background:url(../../hangame/login/popup_2009/skin_w/input_txt_writeafter_card.gif) 0 0 no-repeat !important}
#step3.plus_personal .input_form .card_line{float:left;width:10px;height:23px;background:url(../../hangame/login/popup_2009/skin_w/lg_line_x.gif) 50% 2px no-repeat}
#step3.plus_personal .input_form .input_name{clear:both;margin-top:4px;background:url(../../hangame/login/popup_2009/skin_w/input_txt_name.gif) 0 0 no-repeat}
#step3.plus_personal .input_form .input_name input{margin:3px 5px 0 5px}
#step3.plus_personal .input_form .input_cpcha{clear:both;margin-top:4px;background:url(../../hangame/login/popup_2009/skin_w/input_txt_cpcha.gif) 0 0 no-repeat}
#step3.plus_personal .input_form .input_cpcha input{margin:3px 5px 0 5px}

/* captcha */
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
.captcha_area{clear:both;width:245px;padding-top:4px}
.captcha_area div{display:none}
.captcha_area .captcha{display:block;float:left;width:154px;height:80px;*width:156px;*height:82px;border:1px solid;background:#fff;font-size:11px;color:#898989;letter-spacing:-1px;text-align:center;line-height:15px}
.captcha_area .btn_area{display:block;float:left;width:80px;margin-left:4px}
.captcha_area .btn_area a{display:block;overflow:hidden;width:80px;height:40px;background:url(../../hangame/login/popup_2009/skin_w/sp_captcha.gif) no-repeat;text-indent:-9000px}
.captcha_area .btn_area a.btn_refresh{margin-bottom:2px}
.captcha_area .btn_area a.btn_sound{background-position:0 -45px}
.captcha_area .btn_area a.btn_img{background-position:-85px -45px}
.image_captcha{overflow:hidden}
.image_captcha .captcha{border-color:#c8c8c8}
.sound_captcha{overflow:hidden}
.sound_captcha .captcha{border-color:#ff7a00}
.sound_captcha .captcha .ico{display:block;width:22px;height:30px;margin:10px auto 5px;background:url(../../hangame/login/popup_2009/skin_w/sp_captcha.gif) no-repeat 0 -100px}

/* payco ID, google, facebook */
#login_common_ly .login_btn_group{overflow:hidden;margin-top:10px}
#login_common_ly .btn_login_payco{float:left;overflow:hidden;width:146px;height:44px;background:url(../../hangame/login/common/btn_login_payco2_w.png) no-repeat;line-height:999px}
#login_common_ly .btn_login_google{float:left;overflow:hidden;width:44px;height:44px;margin-left:3px;background:url(../../hangame/login/common/btn_login_google.png) no-repeat;line-height:999px}
#login_common_ly .btn_login_facebook{float:left;overflow:hidden;width:44px;height:44px;margin-left:3px;background:url(../../hangame/login/common/btn_login_facebook.png) no-repeat;line-height:999px}
#login_common_ly .lg_tooltip{width:249px;height:33px;margin-bottom:4px;font-family:dotum;font-size:12px;color:#62605a;letter-spacing:-1px;line-height:28px;text-align:center;background:url(../../hangame/login/renewal_2009/bg_bubble_w.png) no-repeat;}

/* skin theme */
.skin_w{background:#f8f8f8 url('../../hangame/login/popup_2009/skin_w/bg_con.gif')}
.skin_b{background:#f8f8f8 url('../../hangame/login/popup_2009/skin_b/bg_con.gif')}

.gnb_simple_hangame{position:relative;z-index:25555;height:36px;background:url(../../hangame/renewal_2010/common/gnb_hangame_bg.gif) 0 0 repeat-x;text-align:center}
.gnb_simple_hangame *{margin:0;padding:0;font-size:12px;font-family:Dotum,'돋움';color:#6f6f6f;letter-spacing:-1px}
.gnb_simple_hangame .gnb_areabox{position:relative;width:960px;height:36px;margin:0 auto;text-align:left}
.gnb_simple_hangame .gnb_top{height:35px}
.gnb_simple_hangame .gnb_top dt{display:block;position:absolute;top:0;left:0;width:99px;height:35px}
.gnb_simple_hangame .gnb_top a{display:block;width:99px;height:35px;background:url(../../hangame/login/renewal_2009/gnb_simple_hangame.gif) 0 0 no-repeat}
.gnb_simple_hangame .gnb_top a span{display:inline-block;text-indent:-99999px}
.footer_simple{position:relative;clear:both;padding:1px 0 23px;width:960px;margin:0 auto;font-size:11px;letter-spacing:-1px}
.footer_simple .copyright{*float:left;*width:100%;clear:both;padding-top:0;font-family:Arial;color:#c5c5c5;text-align:center;letter-spacing:0;font-size:10px}
.footer_simple .copyright a{color:#f0461e}

/* login tooltip */
 #login_common_ly .lg_bubble{display:block;width:240px;height:12px;margin:9px 0 0;padding:7px 0 14px;padding:9px 0 13px\0/;padding-top:8px\0/IE8;*padding:10px 0 11px;background:url(../../hangame/login/renewal_2009/bg_bubble_w.png) no-repeat;font-size:12px;font-family:dotum;color:#62605a;letter-spacing:-1px;line-height:16px;*line-height:12px;text-align:center}
 #login_common_ly .lg_bubble:hover{color:#62605a}
.btn_leave{overflow:hidden;display:inline-block;width:87px;height:21px;background:url(../../hangame/login/renewal_2009/btn_leave.gif) no-repeat;line-height:9999px;font-size:0;vertical-align:top}