@charset "utf-8";

/* ��� */
#log_wrap p { font-size:16px; color:#505360; line-height:26px; }
.loginform {border-top:2px solid #007dcd; border-bottom:1px solid #e6eaf0; margin-top:20px; padding:40px 125px;}
.loginform .login-img { display:block; float:left;  }
.loginform .txtfield {  float:left;  margin-left:20px; display:block;  }
.loginform .txtfield dl { clear:both; margin-top:5px; overflow:hidden; }
.loginform .txtfield dl dt { float:left; width:70px; color:#222222; font:16px "NanumBold"; text-align:right; padding:4px; padding-right:10px; padding-top:9px; }
.loginform .txtfield dl dd { float:left; margin-bottom:2px;}
.loginform .txtfield dl dd input {width:315px;  height:39px !important;}
.log_btn { margin:5px; overflow:hidden;padding-left:10px;  }
.log_btn a { display:inline-block; width:86px; height:84px; line-height:76px !important; box-sizing:border-box; background-color:#007dcd; color:#fff; font:15px "NanumBold"; text-align:center; border-radius:5px;  }

.join-pass { padding:30px 125px 50px 125px; border-bottom:1px solid #d5dce8; }
.join-pass .btn_join { line-height:30px;  }
.btn_join li{}
.btn_join li span {width:260px; display:inline-block; padding:3px 0 3px 8px; background:url('../../images/common/icon/icon_li.gif') no-repeat 0 15px; line-height:25px;  }
.btn_join li a { display:inline-block; min-width:120px; min-height:31px; line-height:30px; margin-bottom:5px; margin-left:12px !important; padding:0px 10px 1px 10px !important; font-size:14px; background-color:#ffffff; border-radius:2px; border:1px solid #d5dce8; text-align:center; }

.id-pw-search h4 {overflow:hidden; padding-left:5px; letter-spacing:-1px !important; font-size:18px; line-height:24px; color:#222222; /*background:url('../../images/common/bullet_sstit.gif') no-repeat 5px 7px; margin:0 0 0 0px*/}
.id-pw-search .title-p { font-size:14px; line-height:22px; padding:10px 0 0 5px  }

.login-btn-wrap { width:100%; background-color:#ffffff; margin-top:30px; overflow:hidden; padding:25px; }
.login-btn-wrap .list_btn_b { float:left; width:250px; }
.login-btn-wrap p { display:block; float:left; width:450px; padding:0 0 0 20px !important; margin:0 !important; line-height:23px;  text-align:left; letter-spacing:-1px;  }




/* ���̵��й�ȣã�� */
#idpw_wrap { margin:0; padding:0;  }
#idpw_wrap .common_type { margin:0; padding:0; }
#idpw_wrap .common_type h5{ margin:0; padding:0 0 0 25px; }
.blue-txt { color:#326eb4; }
.admin-contact { margin-top:15px; border-top:2px solid #007dcd; border-bottom:1px solid #d5dce8; background-color:#ffffff; }
.admin-contact p { text-align:center; color:#222222 !important; font:16px "NanumBold" !important; padding:15px 0 20px !important; }
.admin-contact ul { width:800px; margin:0 auto; padding:0 0 20px 0; overflow:hidden;}
.admin-contact ul li { float:left; text-align:center; background:none !important; width:350px; color:#222222 !important; letter-spacing:0;  }
.admin-contact ul li img { vertical-align:middle; padding-right:15px;  }

.idpwform { position:relative; width:100%; float:left; display:block; border-top:2px solid #007dcd; border-bottom:1px solid #d5dce8; }
.idpwform div { padding-bottom:30px;  }
.idpwform dl { clear:both; padding:5px 0;  overflow:hidden; margin:0 auto; width:500px; }
.idpwform dl:first-child { padding-top:30px;  }
.idpwform dl dt { float:left; width:70px; color:#222222; font:16px "NanumBold"; text-align:right; padding:11px 10px 4px 4px;  }
.idpwform dl dd { float:left; background:none !important}
.idpwform dl dd input {width:290px; height:39px; }
.idpw_btn { float:left; margin:5px; overflow:hidden;padding-left:10px; position:absolute; top:25px; right:250px; }
.idpw_btn a { display:inline-block; width:90px; height:88px; box-sizing:border-box; background-color:#007dcd; color:#fff; font:14px "NanumBold"; padding:27px 0 19px; text-align:center; border-radius:5px; }

/* �� */
.page-tab-box-login { position:relative; width:100%; height:54px; }
.page-tab-box-login li a { display:block; float:left;width:50%; height:54px; }
.page-tab-box-login li a span {  text-indent:-99999px; visibility:hidden; }
.page-tab-box-login.on0 { background:url('../../images/member/pw-tab1.gif') no-repeat; }
.page-tab-box-login.on1  { background:url('../../images/member/pw-tab2.gif') no-repeat; }

.page-tab-box-login2 { position:relative; width:100%; height:54px; }
.page-tab-box-login2 li a { display:block; float:left;width:33%; height:54px; }
.page-tab-box-login2 li a span {  text-indent:-99999px; visibility:hidden; }
.page-tab-box-login2.on0 { background:url('../../images/member/join-tab1.gif') no-repeat; }
.page-tab-box-login2.on1  { background:url('../../images/member/join-tab2.gif') no-repeat; }
.page-tab-box-login2.on2  { background:url('../../images/member/join-tab3.gif') no-repeat; }

/* ȸ������ */
.join-box div { overflow:hidden; box-sizing:border-box; }
.join-box h4 { font-size:16px; line-height:24px; color:#333; padding-left:22px; overflow:hidden; background:url('../../images/common/bullet_sstit.gif') no-repeat 5px 7px; margin:0 0 0 0px}
.join-box .title-p { font-size:14px; line-height:22px; padding:10px 0 0 5px  }
.join-box textarea { width:98%; padding:20px;height:170px; box-sizing:border-box; border:1px solid #ccc; margin:10px; resize:none; }
.join-box p.join-agreement { padding:10px;  }
.join-box p.join-agreement input { vertical-align:middle; margin-right:10px;  }

.all-agreement { text-align:center; border:1px solid #eaeaea; background-color:#fbfbfb; padding:10px; margin:20px 0 0 0; }
.font12 { font-size:12px;  }

.join-ok { border-top:2px solid #007dcd; border-bottom:1px solid #d5dce8;  padding:50px; text-align:center; }
.join-ok .join-ok-title { font:24px "NanumBold"; color:#000; padding:20px 0 0 0; }
.join-ok .join-ok-p { font-size:14px; padding:15px 0 0 0; }
.join-ok dl { margin:0 auto; width:200px; overflow:hidden; }
.join-ok dl dt { float:left; color:#222222; font-family:"NanumBold"  }
.join-ok dl dd {  float:left; color:#505360; }

/* ȸ��Ż�� */
.join-break { padding:10px; border:1px solid #eaeaea; background-color:#fbfbfb; margin:15px 0 }
.join-break dl dt { font-size:15px; line-height:24px; color:#326eb4; padding-left:22px; background:url('../../images/common/dt_bullet.gif') no-repeat 6px 8px; margin:10px 0 0 0px}
.join-break dl dd { font-size:14px; line-height:24px; color:#767676; padding:3px 0 3px 8px;  margin-left:15px;}
.title-p2 { font-size:15px; line-height:22px; padding:10px 0 0 5px; color:#333;  }