body {background: #fafafa;}
table {border-collapse: collapse; width: 100%;}
table caption {width: 0; height: 0; font-size: 0;}
.login_wrap, .login_wrap_bg02 {width: 100%; height: 900px; text-align: center; background: url('../img/bg_login.jpg') center top; font-size: 15px; font-family: 'NotoSansKR', 'NanumGothic';}
.login_wrap_bg02 {background: url('../img/bg_login02.jpg') center top;}
.login_wrap > h2, .login_wrap_bg02 > h2 {height: 80px; padding: 25px 0; text-align: center; background: #fff;}

.login_form {display: inline-block; margin: 35px auto 0 auto;}
.login_form.login_form_main {margin: 75px auto 0 auto;}
.login_form > h3.login_title {font-size: 25px; line-height: 32px; color: #333; letter-spacing: -1px;}
.login_form > h3.login_title > span {color: #09b7c7;}
.login_form.login_form_main h3.login_title {letter-spacing: 0;}
.login_form > form {width: 640px; margin: 50px 0 75px 0;}
.login_form > form .form_item {position: relative; display: inline-block; width: 100%; margin-top: 7px; vertical-align: top;}
.login_form > form .form_item label, .login_form > form .form_item input {float: left; display: inline-block; height: 60px; font-size: 17px; line-height: 58px;}
.login_form > form .form_item label {width: 150px; padding-right: 20px; text-align: right; color: #333;}
.login_form > form .form_item input {width: 340px; padding: 0 20px; font-weight: 200; border: 1px solid #ddd; color: #6c6c6c; border-radius: 5px;}
.login_form.login_form_main > form .form_item label, .login_form.login_form_find > form .form_item label {visibility: hidden;}
.btn_login, .btn_find {display: inline-block; width: 340px; height: 60px; margin-top: 25px; font-size: 19px; line-height: 58px; text-align: center; background: #333; color: #fff; border-radius: 5px;}
.btn_find {margin-top: 10px; background: #7f7f7f;}
.btn_find_off {background: #7f7f7f;}
.cont_wrap_login {width: 340px; margin-top: 15px;}
.cont_wrap_login input[type="checkbox"] {margin-right: 5px;}
.cont_wrap_login label, .cont_wrap_login a {color: #6c6c6c;}
.cont_wrap_login a:first-child:after {content: ' \007C';}
.btn_signup {font-size: 17px; color: #6c6c6c;}
.btn_signup > span {color: #ee3737;}

.signup_wrap {width: 380px; margin: 25px auto 0 auto; text-align: left; background: #fff; border-radius: 15px; box-shadow: 4px 8px 7px #d2d2d2;}
.signup_wrap > p.signup_header {margin-bottom: 5px; padding: 15px 20px; background: #333; border-top-left-radius: 15px; border-top-right-radius: 15px;}
.signup_wrap > p.signup_header label {color: #fff; cursor: pointer;}
.signup_wrap input[type="checkbox"] {margin-right: 5px;}
.signup_chk {padding: 14px 20px;}
.signup_chk, .signup_chk > input, .signup_chk > a,.signup_chk > label {line-height: 18px; vertical-align: top;}
.signup_chk > input {margin-top: 2px;}
.signup_chk > a {float: right; display: inline-block; font-size: 14px; color: #8b8b8b;}
.signup_chk > label {display: inline-block; width: 240px; font-weight: 600; cursor: pointer;}
.signup_item_detail {display: none; height: 250px; padding: 10px 10px 10px 20px; background: #eee; overflow-y: auto;}
.signup_item_detail p {margin-bottom: 10px; font-size: 13px; line-height: 20px; font-weight: normal;}
.tb_item_detail {border-collapse: collapse; width: 98%; min-height: 225px; background: #fafafa;}
.tb_item_detail th {background: #f2f2f2;}
.tb_item_detail th, .tb_item_detail td {padding: 5px 10px; font-size: 13px; line-height: 18px; font-weight: normal; border: 1px solid #dedede;}
.btn_agree_hide {display: none;}

.signup_item_secession {margin: 0 20px 15px 20px; padding: 15px 0; border-top: 1px solid #e8e8e8; color: #333;}
.signup_item_secession label {display: inline-block; margin-right: 50px; color: #333;}
.text_sm {margin: 3px 0 5px 0; font-size: 13px; line-height: 17px; letter-spacing: -1px; font-weight: normal; text-align: left; color: #a9a9a9;}
.signup_wrap + .text_sm {width: 380px; margin: 0 auto;}

.login_form.login_form_signup > form {margin: 15px 0 50px 0;}
.login_form.login_form_signup > form .form_item {height: 50px}
.login_form.login_form_signup > form .form_item label {visibility: hidden;}
.login_form.login_form_signup > form .form_item input, .btn_login.btn_step01 {width: 380px; height: 50px; margin-left: -20px; line-height: 48px;}
.btn_login.btn_step01 {margin-left: 0; margin-top: 10px;}
.btn_login.btn_step01.btn_step01_off {background: #7f7f7f;}

.btn_certify {position: absolute; top: 10px; right: 140px; display: inline-block; padding: 0 12px; line-height: 28px; border: 1px solid #cfcfcf; background: #fff; color: #a9a9a9; border-radius: 5px;}
.btn_certify:hover {border-color: #09b7c7; background: #09b7c7; color: #fff;}
.certify_wrap {display: none;}
.certify_time {position: absolute; top: 14px; right: 138px; color: #ff4f4f;}

.btn_idchk {position: absolute; top: 2px; right: 10px; display: inline-block; padding: 0 12px; line-height: 52px; border: 1px solid #09b7c7; background: #fff; color: #09b7c7; border-radius: 5px;}
.btn_idchk:hover {border-color: #09b7c7; background: #09b7c7; color: #fff;}

.ic_mark {display: inline-block; width: 20px; height: 20px; margin-left: 5px; margin-bottom: 2px; background: url('../img/ic_mark.png'); vertical-align: middle;}
#chk_certify {display: none;}

.chk_label {display: block; position: relative; padding-left: 25px; cursor: pointer; font-size: 15px; line-height: 18px;}
.chk_label.text_red {color: #ff4f4f;}
.chk_label input {position: absolute; width: 0; height: 0; opacity: 0; cursor: pointer;}
.img_checked {position: absolute; top: 0; left: 0; width: 18px; height: 18px; border: 1px solid #cfcfcf; background: #fff;}
.chk_label:hover input ~ .img_checked {border-color: #09b7c7;}
.chk_label input:checked ~ .img_checked {border-color: #09b7c7; background: #09b7c7;}
.img_checked:after {content: ""; position: absolute; display: none;}
.chk_label input:checked ~ .img_checked:after {display: block;}
.chk_label .img_checked:after {top: 2px; left: 2px; width: 12px; height: 12px; background: url('../img/ic_checked.png');} 

.login_form_signup02 .text_sm {padding-left: 150px;}

.form_item_msg {display: none;}
.form_item_msg {position: absolute; left: 450px; line-height: 58px; color: #6c6c6c; white-space: nowrap;}
.ic_success, .ic_warning {display: inline-block; width: 24px; height: 24px; margin-right: 30px; margin-bottom: 2px; vertical-align: middle;}
.ic_success {background: url('../img/ic_success.png');}
.ic_warning {background: url('../img/ic_warning.png');}
.ic_success + span {color: #09b7c7;}
.ic_warning + span {color: #ee3737;}

.btn_step02 {margin-top: 10px;}

.tab_container_pwdfind.tab_container {width: 340px; margin: 0 auto;}
.tab_container_pwdfind .tab_content {position: relative; display: none;}
.tab_container_pwdfind .tabs ul {display: inline-block; width: 100%; margin-top: 0; padding: 0;}
.tab_container_pwdfind .tabs li {float: left; width: 50%; margin-bottom: -1px; text-align: center;}
.tab_container_pwdfind .tabs li a {display: block; width: 100%; font-size: 18px; line-height: 60px; font-weight: 200; color: #d9d9d9; border: 1px solid #d9d9d9;}
.tab_container_pwdfind .tabs li:nth-child(1) a {border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.tab_container_pwdfind .tabs li:nth-child(2) a {border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.tab_container_pwdfind .tabs li.active a {background: #333; color: #fff;}
.tab_container_pwdfind.tab_container .form_item {width: 640px; margin-left: -150px;}
.tab_container_pwdfind.tab_container .form_item_btn {margin: 5px 0 30px 0; text-align: left;}
.tab_container_pwdfind.tab_container .form_item_btn a {display: inline-block; min-width: 80px; height: 40px; margin-right: 5px; padding: 0 12px; line-height: 38px; font-weight: 200; text-align: center; border: 1px solid #7f7f7f; color: #808080; border-radius: 7px;}
/*.tab_container_pwdfind.tab_container .form_item_btn a.btn_tab_idfind{background: #ee3737; border-color: #ee3737; color: #fff;}*/
.tab_container_pwdfind.tab_container .form_item_btn a:hover {background: #ee3737; border-color: #ee3737; color: #fff;}

.signup_success {margin-top: 40px; font-size: 21px; font-weight: 200; color: #6c6c6c;}
.signup_success .text_center {line-height: 32px;}
.signup_success .text_id{color: #5ac5d2;}
.signup_success span.text_border:after {content: ''; display: inline-block; height: 1px; width: 80%; margin-bottom: 18px; background: #6c6c6c;}