body {background:transparent;}
#login_common_ly {position:relative; clear:both; width:644px; height:28px; background:url(http://images.hangame.co.kr/hangame/login/loginui/r2/main/bg_loginarea.gif) no-repeat; font-family:dotum;}
#login_common_ly img, #login_common_ly input {border:0; font-family:dotum;}
#login_common_ly a {color:#b6d1d4; text-decoration:none; font-family:dotum; font-size:11px;}
#login_common_ly a:hover  {color:#b6d1d4; }
#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:21px; top:7px; width:38px; height:13px; background:url(http://images.hangame.co.kr/hangame/login/loginui/r2/main/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(http://images.hangame.co.kr/hangame/login/loginui/r2/main/lg_bar_control.gif) 0 0 no-repeat;cursor:pointer;  }
#login_common_ly .lg_steptxt {position:absolute; left:66px; top:8px; width:46px; height:12px; font-size:11px; letter-spacing:-1px; color:#b6d1d4;}
#login_common_ly .lg_help {position:absolute; left:114px; top:7px; width:12px; height:12px; }
#login_common_ly .lg_help img {width:12px; height:12px; background:url(http://images.hangame.co.kr/hangame/login/loginui/r2/main/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:134px; top:7px; width:61px; height:12px; padding:0 0 0 8px; background:url(http://images.hangame.co.kr/hangame/login/loginui/r2/main/lg_line_y.gif) no-repeat 0 1px; font-size:11px; letter-spacing:-1px; color:#b6d1d4;}
#login_common_ly .lg_iptxt label {position:relative; top:1px;}
#login_common_ly .lg_iptxt label a:hover {text-decoration:underline;} /*091214 add*/
#login_common_ly .input_form {position:absolute; left:211px; top:6px; width:188px; height:18px;}
/*#login_common_ly.step02 .input_form  {top:7px;}*/
#login_common_ly .input_form input {width:74px; height:15px; margin:1px 3px 0 3px; font-size:12px; color:#fff; font-weight:normal; letter-spacing:-1px; background-color:transparent !important;}
:root #login_common_ly .input_form input {margin:2px 3px 0 3px;}
#login_common_ly .input_form div {display:inline; float:left; width:80px; height:17px;}                  
#login_common_ly .input_form .input_id {background:url(http://images.hangame.co.kr/hangame/login/loginui/r2/main/input_txt_id.gif) 0 0 no-repeat;}
#login_common_ly .input_form .input_pw {margin-left:25px; background:url(http://images.hangame.co.kr/hangame/login/loginui/r2/main/input_txt_pw.gif) 0 0 no-repeat;}
#login_common_ly .input_form .input_mouseover { background:url(http://images.hangame.co.kr/hangame/login/loginui/r2/main/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/r2/main/input_txt_writeafter.gif) 0 0 no-repeat !important;}
#login_common_ly .lg_input_btn   {position:absolute; left:402px; top:6px; width:58px; height:17px; cursor:pointer;}/*add_091203*/
#login_common_ly .lg_input_btn img { width:58px; height:17px; background:url(http://images.hangame.co.kr/hangame/login/loginui/r2/main/btn_login.gif) 0 0 no-repeat;}
#login_common_ly .lg_input_btn img.btn_ipin {/*width:58px; height:47px; background:url(http://images.hangame.co.kr/hangame/login/loginui/r2/main/btn_login_ipin.gif) 0 0 no-repeat;*/}
#login_common_ly .lg_member_con  {position:absolute; left:472px; top:7px; width:170px; margin:0; padding:0;}
#login_common_ly .lg_member_con li {display:inline; float:left; list-style:none; margin:0 3px;}
#login_common_ly .lg_member_con li.mem_id_search {}
#login_common_ly .lg_member_con li.mem_id_search img {width:51px; height:14px; background:url(http://images.hangame.co.kr/hangame/login/loginui/r2/main/btn_id_search.gif) no-repeat;}
#login_common_ly .lg_member_con li.mem_pw_search {}
#login_common_ly .lg_member_con li.mem_pw_search img {width:59px; height:14px; background:url(http://images.hangame.co.kr/hangame/login/loginui/r2/main/btn_pw_search.gif) no-repeat;}
#login_common_ly .lg_member_con li.mem_idpw_search {}
#login_common_ly .lg_member_con li.mem_idpw_search img {}
#login_common_ly .lg_member_con li.mem_join {margin-right:3px;}
#login_common_ly .lg_member_con li.mem_join img {width:40px; height:14px; background:url(http://images.hangame.co.kr/hangame/login/loginui/r2/main/btn_join.gif) no-repeat;}
#login_common_ly .iframe_step3 {margin:6px 0 0 211px; width:186px; height:17px;}

/*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:0; top:0; width:186px; height:17px;}
#step3 .input_form input {width:74px; height:15px; margin:1px 3px 0 3px; font-size:12px; color:#fff; font-weight:normal; letter-spacing:-1px; background-color:transparent !important;}
:root #step3 .input_form input {margin:2px 3px 0 3px;}
#step3 .input_form div {display:inline; float:left; width:80px; height:17px;}
#step3 .input_form .input_id {background:url(http://images.hangame.co.kr/hangame/login/loginui/r2/main/input_txt_id.gif) 0 0 no-repeat;}
#step3 .input_form .input_pw {margin-left:25px; background:url(http://images.hangame.co.kr/hangame/login/loginui/r2/main/input_txt_pw.gif) 0 0 no-repeat;}
#step3 .input_form .input_mouseover { background:url(http://images.hangame.co.kr/hangame/login/loginui/r2/main/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/r2/main/input_txt_writeafter.gif) 0 0 no-repeat  !important; }

/*layer */
#login_common_ly .ly_lgtxt_area {position:absolute; left:196px; top:0; width:264px; height:98px;  z-index:100; background-color:#ffffff }
:root #login_common_ly .ly_lgtxt_area {height:98px;}
#login_common_ly .ly_lgtxt_area img {vertical-align:top; }
#login_common_ly .ly_lgtxt_area .ly_inbox {position:relative; width:264px; height:98px; overflow:hidden; border:2px solid #777777; }
:root #login_common_ly .ly_lgtxt_area .ly_inbox  { width:260px; height:94px;}
#login_common_ly .ly_lgtxt_area p {margin:14px 10px 0 10px; padding:0 0 9px 4px; border-bottom:1px solid #ececed; }
#login_common_ly .ly_lgtxt_area p img {width:157px; height:27px;  }
#login_common_ly .ly_lgtxt_area p img.ly_txt_password {background:url(http://images.hangame.co.kr/hangame/login/loginui/r2/main/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/r2/main/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/r2/main/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/r2/main/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/r2/main/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/r2/main/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/r2/main/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:2px; top:3px; 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/r2/main/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/r2/main/ly_btn_close.gif) 0 0 no-repeat;}
#login_common_ly .ly_lgtxt_area .ly_btn_loginstep1 {width:67px; height:19px; background:url(http://images.hangame.co.kr/hangame/login/loginui/r2/main/ly_btn_loginstep1.gif) 0 0 no-repeat;}
#login_common_ly .ly_lgtxt_area .ly_btn_loginstep2 {width:67px; height:19px; background:url(http://images.hangame.co.kr/hangame/login/loginui/r2/main/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/r2/main/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/r2/main/ly_btn_setup.gif) 0 0 no-repeat;}
#login_common_ly .ly_lgtxt_capslock {position:absolute; left:318px; top:24px; width:160px; height:24px;  z-index:100;  display:none; overflow:hidden;} /* 2009.12.14 eproable display:none; overflow:hidden Γί°‘*/
#login_common_ly .ly_lgtxt_capslock img {width:160px; height:24px; background:url(http://images.hangame.co.kr/hangame/login/loginui/r2/main/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/r2/main/input_check.gif) no-repeat 0 0;}
.checkbox-applied span.checkbox-mark.checkbox-checked{background:url(http://images.hangame.co.kr/hangame/login/loginui/r2/main/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/r2/main/input_check.gif) no-repeat 0 -15px;}
.checkbox-focused{background:url(http://images.hangame.co.kr/hangame/login/loginui/r2/main/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;}