@charset "utf-8";

#body_wrap {clear: both;width: 100%; height: auto;background: url('../images/login_wrap_bg.jpg') repeat-x top;}

/* 로그인_공통 */
.login_wrap {position: relative;overflow: hidden;width: 750px;margin: 0 auto; }
.login_wrap h1 {margin: 6px auto;}
.login_wrap h1 img {float: left; }
.login_wrap h1 span { float: right; margin-top:86px; font-size: 14px; color: #fff;text-shadow: 0 1px 0 #000;}

#container {clear: both;margin: 0 auto;overflow: hidden;}
#container img {vertical-align: top;}

.login_form {overflow: hidden; width: 750px; padding: 20px 0 15px; margin: 25px auto; border-top: 2px solid #4e4e4e;border-bottom: 1px solid #dfdfdf;}

/* 로그인 */
.login_form span{float: left; width: 280px; margin: 0 auto;}
.web_login {float: right; width: 380px; margin: 0 auto; margin-top:40px; }

.user_input {float: left; margin: 15px auto; height: 80px; overflow: hidden;}
.user_input label {display: block;overflow: hidden;width: 270px;margin-bottom: 6px;font-weight: 700;}
.user_input label .txt {float: left;width: 70px; padding-top: 4px;}
.user_input label .input {display: block; width: 180px;float: left; height: 21px;font-size: 100%;line-height: 1.35em;vertical-align: middle;color: #595959;
padding: 3px 4px 1px;border: 1px solid #d9d9d9;;}

.btn_login {float:left; width:76px; margin:13px 0 0 6px; font-weight: 700;}

.login_help {clear: both;float: right; width: 350px;padding: 20px 5px 10px; float: left;border-top: 1px dotted #e7e7e7;}
.login_help ul li {height: 30px;}
.login_help ul li .help_left {float: left; font-size: 12px; width: 230px; background: url('../images/list_bul_g.gif') no-repeat 0 9px; padding-left: 10px;}
.login_help ul li .help_right {float: right; width: 90px;}
.login_help ul li .help_right a { margin: 0 auto; text-align: center; letter-spacing: -1px; width: 86px;height: 22px;line-height: 21px;display: inline-block; background: url('../images/btn_bg.gif') no-repeat;}
.login_help ul li .help_right a:hover {color: #003e97;text-decoration: underline;}

#footer {clear: both;width: 100%;margin: 0;padding: 20px 0 30px;border-top: 1px solid #ccc;text-align: center;}


/* 실명인증_공공아이핀 */
#name_check {float: left; width: 360px; margin: 0 auto;}
#name_check h2 {width: 360px; padding: 0; background: url('../images/name_title_left_bg.jpg') no-repeat left 0; height: 55px; line-height: 55px;color: #fff;font-size: 16px;font-weight: 800;text-shadow: 0 1px 0 #666;}
#name_check h2 span {width: 360px; padding: 0; background: url('../images/name_title_right_bg.jpg') no-repeat right 0; height: 55px;}
#name_check .box {padding: 20px 20px 0 24px;}
#name_check .box p {font-weight: 700;letter-spacing: -1px; text-align: left;font-size: 12px;}
#name_check .btn {text-align: center; margin: 25px 0px 0 0;}

#ipin_check {float: right; width: 360px; margin: 0 auto;}
#ipin_check h2 {width: 360px; padding: 0; background: url('../images/ipin_title_left_bg.jpg') no-repeat left 0;height: 55px; line-height: 55px;color: #fff;font-size: 16px;font-weight: 800;text-shadow: 0 1px 0 #666;}
#ipin_check h2 span {width: 360px; padding: 0; background: url('../images/ipin_title_right_bg.jpg') no-repeat right 0;height: 55px;}
#ipin_check .box {padding: 20px 20px 0 24px;}
#ipin_check .box p {font-weight: bold;letter-spacing: -1px;text-align: left;}
#ipin_check .btn {text-align: center; margin: 25px 0 10px 0;}
#ipin_check .btn a {display: block; width:110px; height:33px;margin: 0 auto; }

/* button */
.b_btn {clear: both; margin: 20px auto; text-align: center;}
.b_btn a.button {display: inline-block; padding: 0 2em; background: #2b2e32; color: white;font-weight: bold; border-radius: 2px;}

/* 설명글 */
.notice_box {overflow: auto;border: 1px #7ebfec solid;background: #f4f8fc;padding: 15px 30px 15px 30px;margin-bottom: 30px;}
.top_m_15 {margin-top: 15px;}
.use_info dl {position: relative;padding: 0 0 3px 0;}
.notice_box dt {float: left;margin-left: -80px;font-weight: bold;width: 80px;height: 31px;text-indent: -9999px;}
.use_info dd {vertical-align: top;padding: 0;}
.point {color: #2985cc;}