@charset "euc-kr";

/* Common */
#login {position:relative;}

/* Type 01 */
#login .type_01 {position:relative; margin:0 auto; width:460px; height:345px; background:url("/image/layout_login/type_01/bg.jpg") no-repeat left 35px; padding-top:35px;}

#login .type_01 .login {margin-left:38px; height:226px;}
#login .type_01 .login h5 {padding-top:35px;}
#login .type_01 .login .input {margin-top:59px; margin-left:36px;}
#login .type_01 .login .input dl {position:relative; float:left; width:232px; height:58px;}
#login .type_01 .login .input dd {width:169px; height:22px;}
#login .type_01 .login .input dd.id_input input {padding:3px 0 0 0px; width:100px; height:16px; line-height:16px; color:#737373; border:1px solid #dbd6d0; background:#fff;}
#login .type_01 .login .input dd.pw_input input {padding:3px 0 0 3px; width:163px; height:16px; line-height:16px; color:#737373; border:1px solid #dbd6d0; background:#fff;}
#login .type_01 .login .input .id_label {position:absolute; left:0; top:0px;}
#login .type_01 .login .input .id_input {position:absolute; left:61px; top:0;}
#login .type_01 .login .input .pw_label {position:absolute; left:0; top:33px;}
#login .type_01 .login .input .pw_input {position:absolute; left:61px; top:33px;}
#login .type_01 .login .input a {overflow:hidden; float:left; display:block; margin-left:10px; width:77px; height:58px; text-indent:-2000px; background:url("/image/layout_login/type_01/login_btn.gif") no-repeat left top;}
#login .type_01 .login .input a:hover {background-position:left bottom;}

#login .type_01 .exp {margin-top:18px; padding-bottom:13px; background:url("/image/layout_login/type_01/explain_line.gif") no-repeat left bottom;}
#login .type_01 .exp li {padding:0 0 3px 8px; color:#bbb; font-size:11px; background:url("/image/layout_login/type_01/explain_icon.gif") no-repeat left 6px;}

#login .type_01 .help {margin-top:44px; margin-left:38px; width:384px;}
#login .type_01 .help ul li p {float:left; padding-top:0px;}
#login .type_01 .help ul li a {float:right; overflow:hidden; display:block; height:16px; text-indent:-2000px;}
#login .type_01 .help ul li a:hover {background-position:left bottom;}
#login .type_01 .help ul .idpw {margin-top:16px;}
#login .type_01 .help ul .idpw a {width:143px; background:url("/image/layout_login/type_01/help_idpw_btn.gif") no-repeat left top;}
#login .type_01 .help ul .join a {width:68px; background:url("/image/layout_login/type_01/help_join_btn.gif") no-repeat left top;}

/* Type 02 */
#login .type_02 {position:relative; margin:0 auto; width:514px; background:url("/image/layout_login/type_02/bg.jpg") no-repeat left top;}

#login .type_02 .login {height:196px;}
#login .type_02 .login h5 {padding-top:20px;}
#login .type_02 .login .input {margin-top:42px;}
#login .type_02 .login .input dl {position:relative; float:left; width:403px; height:30px;}
#login .type_02 .login .input dd {width:145px; height:30px; background:url("/image/layout_login/type_02/login_input.gif") no-repeat left top;}
#login .type_02 .login .input dd input {margin:3px 0 0 6px; width:133px; height:24px; line-height:24px; color:#333; border:none; background:none;}
#login .type_02 .login .input .id_label {position:absolute; left:0; top:10px;}
#login .type_02 .login .input .id_input {position:absolute; left:41px; top:0;}
#login .type_02 .login .input .pw_label {position:absolute; left:206px; top:10px;}
#login .type_02 .login .input .pw_input {position:absolute; left:258px; top:0;}
#login .type_02 .login .input a {overflow:hidden; float:left; display:block; margin-left:10px; width:101px; height:40px; text-indent:-2000px; background:url("/image/layout_login/type_02/login_btn.gif") no-repeat left top;}
#login .type_02 .login .input a:hover {background-position:left bottom;}

#login .type_02 .exp {margin-top:48px; padding-bottom:13px; background:url("/image/layout_login/type_02/explain_line.gif") no-repeat left bottom;}
#login .type_02 .exp li {padding:0 0 3px 8px; color:#999; font-size:11px; background:url("/image/layout_login/type_01/explain_icon.gif") no-repeat left 6px;}

#login .type_02 .help {margin-top:20px;}
#login .type_02 .help ul {float:right;}
#login .type_02 .help ul li {float:left;}
#login .type_02 .help ul li p {display:none;}
#login .type_02 .help ul li a {overflow:hidden; display:block; height:16px; text-indent:-2000px;}
#login .type_02 .help ul li a:hover {background-position:left bottom;}
#login .type_02 .help ul .join {margin-left:10px; padding-left:11px; background:url("/image/layout_login/type_02/help_line.gif") no-repeat left 3px;}
#login .type_02 .help ul .idpw a {width:110px; background:url("/image/layout_login/type_02/help_idpw_btn.gif") no-repeat left top;}
#login .type_02 .help ul .join a {width:48px; background:url("/image/layout_login/type_02/help_join_btn.gif") no-repeat left top;}

/* Type 03 */
#login .type_03 {position:relative; margin:0 auto; width:600px; background:url("/image/layout_login/type_03/bg.jpg") no-repeat left top;}
#login .type_03 .login {height:231px;}
#login .type_03 .login .input {margin:39px 0 0 41px;}
#login .type_03 .login .input dl {position:relative; float:left; width:235px; height:69px;}
#login .type_03 .login .input dd {width:162px; height:34px; background:url("/image/layout_login/type_03/login_input.gif") no-repeat left top;}
#login .type_03 .login .input dd input {margin:6px 0 0 9px; width:144px; height:22px; line-height:22px; color:#333; border:none; background:none;}
#login .type_03 .login .input .id_label {position:absolute; left:0; top:10px;}
#login .type_03 .login .input .id_input {position:absolute; left:73px; top:0;}
#login .type_03 .login .input .pw_label {position:absolute; left:0; top:45px;}
#login .type_03 .login .input .pw_input {position:absolute; left:73px; top:35px;}
#login .type_03 .login .input a {overflow:hidden; float:left; display:block; margin-left:6px; width:79px; height:69px; text-indent:-2000px; background:url("/image/layout_login/type_03/login_btn.gif") no-repeat left top;}
#login .type_03 .login .input a:hover {background-position:left bottom;}

#login .type_03 .exp {margin-top:25px;}
#login .type_03 .exp li {padding:3px 0 0 8px; color:#999; font-size:11px; background:url("/image/layout_login/type_03/explain_icon.gif") no-repeat left 9px;}

#login .type_03 .help {position:absolute; left:430px; top:20px; padding-top:21px; background:url("/image/layout_login/type_03/help_line.gif") no-repeat left top;}
#login .type_03 .help ul li a {overflow:hidden; display:block; margin-top:9px; height:30px; text-indent:-2000px;}
#login .type_03 .help ul li a:hover {background-position:left bottom;}
#login .type_03 .help ul .join {margin-top:15px;}
#login .type_03 .help ul .idpw a {width:138px; background:url("/image/layout_login/type_03/help_idpw_btn.gif") no-repeat left top;}
#login .type_03 .help ul .join a {width:80px; background:url("/image/layout_login/type_03/help_join_btn.gif") no-repeat left top;}