@charset "utf-8"; /* 보안로그인 CSS */ #login_common_ly {position:relative; clear:both; width:258px; height:243px; background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/bg_loginbox_3.gif) 0 0 no-repeat; font-family:dotum; } #login_common_ly img, #login_common_ly input {border:0; font-family:dotum;} #login_common_ly a {color:#4b4a45; text-decoration:none; font-family:dotum; font-size:11px;} #login_common_ly a:hover {color:#4b4a45; } #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:28px; top:28px; width:61px; height:13px; background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/lg_control_bg.gif) 0 0 no-repeat;} #login_common_ly .slider .slider-thumb {position:absolute; top:-3px; overflow:hidden; width:17px; height:11px; margin:2px 0; background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/lg_bar_control.gif) 0 0 no-repeat;cursor:pointer; } #login_common_ly .lg_steptxt {position:absolute; left:94px; top:27px; width:55px; height:12px; font-size:12px; letter-spacing:-1px; color:#818181;} #login_common_ly .lg_help {position:absolute; left:148px; top:27px; width:12px; height:12px; } #login_common_ly .lg_help img {width:12px; height:12px; background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/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:27px; top:26px; width:60px; height:12px; padding:0; font-size:12px; letter-spacing:-1px;} #login_common_ly .lg_iptxt label {position:relative; top:1px; left:1px;} #login_common_ly .lg_iptxt label a {font-size:12px; color:#818181; letter-spacing:-1px;} #login_common_ly .lg_iptxt label a:hover {text-decoration:underline;} #login_common_ly .input_form {position:absolute; left:27px; top:51px; width:132px; height:50px;} #login_common_ly.step02 .input_form {top:51px;} /*edit_20110308*/ #login_common_ly .input_form input {width:125px; height:23px; margin:0; font-size:12px; color:#818181; font-weight:normal; line-height:100%; letter-spacing:-1px; background-color:transparent !important; } #login_common_ly .input_form div {width:132px; height:23px; } #login_common_ly .input_form .input_id {margin-top:0; background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/input_txt_id.gif) 0 0 no-repeat;} #login_common_ly .input_form .input_id input {padding:6px 5px 0 6px;} :root #login_common_ly .input_form .input_id input {padding:3px 5px 0 5px;} #login_common_ly .input_form .input_pw {margin-top:2px; background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/input_txt_pw.gif) 0 0 no-repeat;} :root #login_common_ly .input_form .input_pw {margin-top:4px;} #login_common_ly .input_form .input_pw input {padding:6px 5px 0 6px; letter-spacing:0;} :root #login_common_ly .input_form .input_pw input {padding:3px 5px 0 5px; } /*//edit_20110308*/ #login_common_ly .input_form .flash_area {height:51px;} /*add_091203*/ #login_common_ly .input_form .input_mouseover { background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/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(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/input_txt_writeafter.gif) 0 0 no-repeat !important;} #login_common_ly .lg_input_btn {position:absolute; left:163px; top:51px; width:69px; height:51px; cursor:pointer;}/*add_091203*/ #login_common_ly .lg_input_btn img {width:69px; height:51px; background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/btn_login.gif) 0 0 no-repeat;} #login_common_ly .lg_input_btn img.btn_ipin {width:69px; height:51px; background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/btn_login_ipin.gif) 0 0 no-repeat;} #login_common_ly .lg_input_btn input {width:69px; height:51px; background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/btn_login.gif) 0 0 no-repeat;} #login_common_ly .lg_member_con {position:absolute; left:27px; top:111px; width:205px; height:15px; margin:0; padding:0 0 9px 0; background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/lg_line_x2.gif) 0 100% repeat-x;} #login_common_ly .lg_member_con li {float:left; list-style:none; padding:0 6px 0 0; background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/lg_line_y.gif) 100% 1px no-repeat; font-size:12px;letter-spacing:-1px; color:#464646; } #login_common_ly .lg_member_con li.mem_id_search {} #login_common_ly .lg_member_con li.mem_pw_search {padding-left:7px; padding-right:10px;} #login_common_ly .lg_member_con li.mem_idpw_search {padding-right:0; padding-left:23px; background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/ico_search.gif) 5px 0 no-repeat; color:#666; } #login_common_ly .lg_member_con li.mem_join {padding-left:6px; padding-right:0; font-weight:bold; background:none;} #login_common_ly .lg_member_con a:hover {text-decoration:underline; color:#ff7800; } #login_common_ly .lg_member_con a {font-size:12px; color:#818181; } #login_common_ly .iframe_step3 {margin-top:49px; margin-left:25px; width:135px; height:55px;} /*//edit_20110308*/ /*layer */ #login_common_ly .ly_lgtxt_area {position:absolute; left:0; top:0; width:258px; height:203px; z-index:100; z-index:100; background-color:#fdfdfd; } #login_common_ly .ly_lgtxt_area img {vertical-align:top; } #login_common_ly .ly_lgtxt_area .ly_inbox {position:relative; width:258px; height:203px; overflow:hidden; border:2px solid #777777; } :root #login_common_ly .ly_lgtxt_area .ly_inbox {width:254px; height:154px; } #login_common_ly .ly_lgtxt_area p {margin:42px 10px 0 10px; padding:0 0 32px 18px; border-bottom:1px solid #ececed; } #login_common_ly .ly_lgtxt_area p img {width:200px; height:27px; margin-left:3px; } #login_common_ly .ly_lgtxt_area p img.ly_txt_password {background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/ly_txt_password.gif) 0 0 no-repeat;} #login_common_ly .ly_lgtxt_area p img.ly_txt_step3_failure {background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/ly_txt_step3_failure.gif) 0 0 no-repeat;} #login_common_ly .ly_lgtxt_area p img.ly_txt_step2_flash {background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/ly_txt_step2_flash.gif) 0 0 no-repeat;} #login_common_ly .ly_lgtxt_area p img.ly_txt_step2_failure {background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/ly_txt_step2_failure.gif) 0 0 no-repeat;} #login_common_ly .ly_lgtxt_area p img.ly_txt_setflash {background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/ly_txt_setflash.gif) 0 0 no-repeat;} #login_common_ly .ly_lgtxt_area p img.ly_txt_step3_none {background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/ly_txt_step3_none.gif) 0 0 no-repeat;} #login_common_ly .ly_lgtxt_area p img.ly_txt_step3_activex {background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/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(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/ly_btn_topclose.gif) 0 0 no-repeat;} #login_common_ly .ly_lgtxt_area .ly_btn_close {width:32px; height:19px; background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/ly_btn_close.gif) 0 0 no-repeat;} #login_common_ly .ly_lgtxt_area .ly_btn_loginstep1 {width:69px; height:19px; background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/ly_btn_loginstep1.gif) 0 0 no-repeat;} #login_common_ly .ly_lgtxt_area .ly_btn_loginstep2 {width:69px; height:19px; background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/ly_btn_loginstep2.gif) 0 0 no-repeat;} #login_common_ly .ly_lgtxt_area .ly_btn_password {width:70px; height:19px; background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/ly_btn_password.gif) 0 0 no-repeat;} #login_common_ly .ly_lgtxt_area .ly_btn_setup {width:52px; height:19px; background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/ly_btn_setup.gif) 0 0 no-repeat;} #login_common_ly .ly_lgtxt_capslock {position:absolute; left:27px; top:109px; width:236px; height:31px; z-index:100; overflow:hidden;} #login_common_ly .ly_lgtxt_capslock img {width:205px; height:31px; background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/ly_txt_capslock.gif) 0 0 no-repeat;} .ly_btn_payco{overflow: hidden;position:absolute;top:180px;left:27px;display:block;width:205px;height:41px;line-height:100px;background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/btn_login_payco_s.gif) no-repeat;vertical-align:top;border:0;border-radius:0} /* 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(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/input_check.gif) no-repeat 0 0;} .checkbox-applied span.checkbox-mark.checkbox-checked{background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/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(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/input_check.gif) no-repeat 0 -15px;} .checkbox-focused{background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/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:#f5f4f4; } #step3 img, #step3 input {border:0; font-family:dotum;} #step3 .input_form {position:relative; left:0; top:0; width:132px; height:51px; } /*edit_20110308*/ #step3 .input_form input {width:125px; height:22px; margin:0; font-size:12px; color:#818181; font-weight:normal; letter-spacing:-1px; background-color:transparent !important;} #step3 .input_form div {width:132px; height:23px; margin-left:2px;} #step3 .input_form .input_id {margin-top:2px; background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/input_txt_id.gif) 0 0 no-repeat;} #step3 .input_form .input_id input {padding:5px 5px 0 4px;} :root #step3 .input_form .input_id input {padding:3px 5px 0 5px;} #step3 .input_form .input_pw {margin-top:3px; background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/input_txt_pw.gif) 0 0 no-repeat; } :root #step3 .input_form .input_pw {margin-top:4px;} #step3 .input_form .input_pw input {padding:4px 5px 0 4px;letter-spacing:0; } :root #step3 .input_form .input_pw input {padding:3px 5px 0 5px;} @media screen and (-webkit-min-device-pixel-ratio:0) { #step3 .input_form .input_id input, #step3 .input_form .input_pw input {padding:5px 5px 0 4px;} } /*//edit_20110308*/ #step3 .input_form .input_mouseover { background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/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(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/input_txt_writeafter.gif) 0 0 no-repeat !important; } /* login tooltip */ #login_common_ly .lg_bubble_s{position:absolute;top:145px;left:27px;width:205px;height:11px;padding:8px 0 13px;padding:9px 0 13px\0/;padding-top:8px\0/IE8;*padding:10px 0 11px;margin:0;background:url(http://images.hangame.co.kr/hangame/login/loginui/hancommon2011/bg_bubble_w_s.png) no-repeat;font-size:11px;font-family:dotum;color:#62605a;letter-spacing:-1px;line-height:15px;*line-height:11px;text-align:center}