body{margin:0;padding:0;background:transparent;font-family:'µ¸¿ò',dotum,applegothic,sans-serif}
#login_common_ly{position:relative;clear:both;width:249px;height:123px;background:url(http://images.hangame.co.kr/hangame/login/loginui/asta2013/bg_login_before.gif) no-repeat 0 0;letter-spacing:-1px;color:#2e2e2e;font-size:12px}
#login_common_ly img, #login_common_ly input{border:0}
#login_common_ly a{color:#2e2e2e;text-decoration:none;font-size:11px}
#login_common_ly a:hover {color:#2e2e2e;text-decoration:underline}
#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:15px;top:14px;width:38px;height:13px;background:url(http://images.hangame.co.kr/hangame/login/loginui/asta2013/lg_control_bg.gif) 0 0 no-repeat;vertical-align:top}
#login_common_ly .slider .slider-thumb{position:absolute;overflow:hidden;width:11px;height:7px;margin:3px 0 4px;background:url(http://images.hangame.co.kr/hangame/login/loginui/asta2013/lg_bar_control.gif) 0 0 no-repeat;vertical-align:top;cursor:pointer}
#login_common_ly .lg_steptxt{position:absolute;left:57px;top:14px;width:50px;height:12px}
#login_common_ly .lg_help{position:absolute;left:107px;top:14px;width:12px;height:12px;vertical-align:top}
#login_common_ly .lg_help img{width:12px;height:12px;background:url(http://images.hangame.co.kr/hangame/login/loginui/asta2013/btn_help.gif) 0 0 no-repeat;vertical-align:top}
/* #login_common_ly .lg_help a:hover img{background-position:0 -12px} */
#login_common_ly .lg_iptxt{position:absolute;left:133px;top:13px;width:65px;height:12px;padding-left:16px}
#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{position:absolute;left:13px;top:36px;width:150px;height:50px}
/*#login_common_ly.step02 .input_form{top:31px}*/
#login_common_ly .input_form input{width:140px;height:20px;margin:2px 5px 0 7px;font-weight:normal;font-size:11px;letter-spacing:-1px;background-color:transparent !important;line-height:20px}
#login_common_ly .input_form div{width:150px;height:25px}
#login_common_ly .input_form .input_id{background:url(http://images.hangame.co.kr/hangame/login/loginui/asta2013/input_txt_id.gif) 0 0 no-repeat}
#login_common_ly .input_form .input_pw{margin-top:-1px;background:url(http://images.hangame.co.kr/hangame/login/loginui/asta2013/input_txt_pw.gif) 0 0 no-repeat}
:root #login_common_ly .input_form .input_pw{}
#login_common_ly .input_form .input_mouseover{background:url(http://images.hangame.co.kr/hangame/login/loginui/asta2013/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/asta2013/input_txt_writeafter.gif) 0 0 no-repeat !important}
#login_common_ly .lg_input_btn{position:absolute;left:172px;top:36px;width:65px;height:51px;cursor:pointer}
#login_common_ly .lg_input_btn img{width:65px;height:51px;background:url(http://images.hangame.co.kr/hangame/login/loginui/asta2013/btn_login.gif) 0 0 no-repeat} /*edit_20120214*/
#login_common_ly .lg_input_btn img.btn_ipin{width:54px;height:45px;background:url(http://images.hangame.co.kr/hangame/login/loginui/asta2013/btn_login_ipin.gif) 0 0 no-repeat}
#login_common_ly .lg_member_con{position:absolute;left:17px;top:96px;width:250px;height:15px;margin:0;padding:0}
#login_common_ly .lg_member_con li{float:left;list-style:none;padding:0 12px 0 10px;background:url(http://images.hangame.co.kr/hangame/login/loginui/asta2013/lg_line_y.gif) 100% 3px no-repeat}
#login_common_ly .lg_member_con li.mem_id_search{}
#login_common_ly .lg_member_con li.mem_pw_search{background:none}
#login_common_ly .lg_member_con li.mem_idpw_search{background:none}
#login_common_ly .lg_member_con li.mem_join{padding-left:1px}
#login_common_ly .lg_member_con li.mem_join img{}
#login_common_ly .iframe_step3{margin-top:36px;width:165px;height:54px}
#login_common_ly .btn_security{position:absolute;left:63px;top:132px;width:125px;height:17px}
#login_common_ly .btn_security img{width:125px;height:17px;background:url(http://images.hangame.co.kr/hangame/login/loginui/asta2013/btn_security.gif) 0 0 no-repeat}

/*step3 iframe*/
body#step3{margin:0;padding:0;background:transparent}
#step3 img, #step3 input{border:0;font-family:dotum}
#step3 .input_form{position:relative;left:15px;top:0;width:153px;height:50px}
#step3 .input_form input{width:140px;height:20px;margin:2px 5px 0 7px;font-size:11px;font-weight:normal;letter-spacing:-1px; background-color:transparent !important;line-height:20px}
#step3 .input_form div{width:150px;height:25px;margin-bottom:-1px}
#step3 .input_form .input_id{background:url(http://images.hangame.co.kr/hangame/login/loginui/asta2013/input_txt_id.gif) 0 0 no-repeat}
#step3 .input_form .input_pw{margin-top:-1px;background:url(http://images.hangame.co.kr/hangame/login/loginui/asta2013/input_txt_pw.gif) 0 0 no-repeat}
 :root #step3 .input_form .input_pw{}
#step3 .input_form .input_mouseover{ background:url(http://images.hangame.co.kr/hangame/login/loginui/asta2013/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/asta2013/input_txt_writeafter.gif) 0 0 no-repeat  !important}

/*layer */
/*091223 edit*/
#login_common_ly .ly_lgtxt_area{position:absolute;left:0;top:0;width:247px;height:121px;border:1px solid #5d3f2c;z-index:100;background:url(http://images.hangame.co.kr/hangame/login/loginui/asta2013/ly_bg.gif) 0 0 repeat}
#login_common_ly .ly_lgtxt_area img{vertical-align:top}
#login_common_ly .ly_lgtxt_area .ly_inbox{position:relative;width:247px;height:156px;overflow:hidden}
:root #login_common_ly .ly_lgtxt_area .ly_inbox { width:247px;height:156px}
#login_common_ly .ly_lgtxt_area p{margin:24px 16px 0;padding:0 0 18px 7px;border-bottom:1px solid #5f412b}
/*//091223 edit*/
#login_common_ly .ly_lgtxt_area p img{width:164px;height:27px}
#login_common_ly .ly_lgtxt_area p img.ly_txt_password{background:url(http://images.hangame.co.kr/hangame/login/loginui/asta2013/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/asta2013/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/asta2013/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/asta2013/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/asta2013/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/asta2013/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/asta2013/ly_txt_step3_activex.gif) 0 0 no-repeat}
#login_common_ly .ly_lgtxt_area .ly_btn_area{margin-top:20px;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:14px;top:10px;width:13px;height:13px}
#login_common_ly .ly_lgtxt_area .ly_topclose img{ width:14px;height:14px;background:url(http://images.hangame.co.kr/hangame/login/loginui/asta2013/ly_btn_topclose.gif) 0 0 no-repeat}
#login_common_ly .ly_lgtxt_area .ly_btn_close{width:31px;height:17px;background:url(http://images.hangame.co.kr/hangame/login/loginui/asta2013/ly_btn_close.gif) 0 0 no-repeat}
#login_common_ly .ly_lgtxt_area .ly_btn_loginstep1{width:68px;height:17px;background:url(http://images.hangame.co.kr/hangame/login/loginui/asta2013/ly_btn_loginstep1.gif) 0 0 no-repeat}
#login_common_ly .ly_lgtxt_area .ly_btn_loginstep2{width:69px;height:17px;background:url(http://images.hangame.co.kr/hangame/login/loginui/asta2013/ly_btn_loginstep2.gif) 0 0 no-repeat}
#login_common_ly .ly_lgtxt_area .ly_btn_password{width:74px;height:17px;background:url(http://images.hangame.co.kr/hangame/login/loginui/asta2013/ly_btn_password.gif) 0 0 no-repeat}
#login_common_ly .ly_lgtxt_area .ly_btn_setup{width:50px;height:17px;background:url(http://images.hangame.co.kr/hangame/login/loginui/asta2013/ly_btn_setup.gif) 0 0 no-repeat}
#login_common_ly .ly_lgtxt_capslock{position:absolute;left:0;bottom:10px;width:249px;height:23px;z-index:100;overflow:hidden}
#login_common_ly .ly_lgtxt_capslock img{width:259px;height:23px;background:url(http://images.hangame.co.kr/hangame/login/loginui/asta2013/ly_txt_capslock.gif) 0 0 no-repeat}

/* 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/asta2013/input_check.gif) no-repeat 0 0}
.checkbox-applied span.checkbox-mark.checkbox-checked{background:url(http://images.hangame.co.kr/hangame/login/loginui/asta2013/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/asta2013/input_check.gif) no-repeat 0 -15px}
.checkbox-focused{background:url(http://images.hangame.co.kr/hangame/login/loginui/asta2013/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}


