@charset "UTF-8";

/* Temp List */
.usersearch-bx {letter-spacing: -1px;}
.usersearch-bx .usersearch-tab {padding: 0 0 50px 0;}
.usersearch-bx .usersearch-tab ul {display: inline-block; width: 100%; text-align: center;}
.usersearch-bx .usersearch-tab li {display: inline-block;}
.usersearch-bx .usersearch-tab li a {position: relative; font-family:'Noto DemiLight'; font-size: 20px; color: #262626;  padding: 0 50px;}
.usersearch-bx .usersearch-tab li a:after {content: '';position: absolute;right: 0;top: 0;width: 1px;height: 22px;background: #ccc;}
.usersearch-bx .usersearch-tab li:last-child a:after {display: none;}
.usersearch-bx .usersearch-tab li a:hover, .usersearch-bx .usersearch-tab li.active a {font-family:'Pretendard'; font-weight: 500;}
.usersearch-bx .usersearch-tab li a span {position: relative;}
.usersearch-bx .usersearch-tab li a span:before {transition: all 0.5s ease;content: '';position: absolute;bottom: -7px;left: 0;width: 0%;height: 2px;background: #07337c;}
.usersearch-bx .usersearch-tab li._on a span:before, .usersearch-bx .usersearch-tab li a:hover span:before {width: 100%;}
.usersearch-bx .usersearch-tab .mobile-tab {display: none;}


/* 아이디찾기 성공화면 */
.idsearch-bx {padding: 5px; background:url("../images/bx_line.png");}

.idsearch-bx-inner {display: table; background: #fff; width: 100%; height: 470px; }

.idsearch-icon {display: table-cell; vertical-align: middle; width: 52%; text-align: center; background: url("../images/user_icon_bg.png") no-repeat center; background-size: contain; height: 100%;}
.idsearch-icon img {display: unset; max-width: unset; width: unset;}
.idsearch-form {position: relative; display: table-cell; vertical-align: middle; width: 48%; padding: 0 7%;}
.idsearch-form::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../images/user_form_bg.png") no-repeat right bottom; background-size: contain; opacity: 0.5; z-index: 1;}
.idsearch-form-inner {position: relative; z-index: 2; text-align: center;}
.idsearch-form-inner p {background: transparent; font-size: 24px; line-height: 30px; color: #333333; cursor: pointer; font-family:'S-CoreDream-4Regular'; transition: all 0.3s;}
.idsearch-form-inner p strong {color: #005097; font-family:'S-CoreDream-5Medium';}

.idsearch-btn {margin-top: 45px; text-align: center;}
.idsearch-btn input, .idsearch-btn a {display: inline-block; cursor: pointer; border-radius: 25px; background: #2B3E5C; color: #fff; font-family:'S-CoreDream-4Regular'; font-size: 14px; width: 140px; padding: 10px 0; margin-left: 10px; border: 2px solid #2B3E5C; transition: all 0.3s;}
.idsearch-btn input:first-child, .idsearch-btn a:first-child {background: #1E5BA8; border: 2px solid #1E5BA8; margin-left: 0;}

.idsearch-btn input:hover, .idsearch-btn a:hover {background: #fff; color: #2B3E5C;}
.idsearch-btn input:first-child:hover, .idsearch-btn a:first-child:hover {background: #fff; color: #1E5BA8;}

@media all and (max-width: 1023px){
.idsearch-bx-inner {display: block; height: auto;}
.idsearch-icon {display: block; width: 100%; margin-bottom: 10px; padding: 50px 0;}
.idsearch-form {display: block; width: 100%; padding: 10px 5% 50px;}
.idsearch-form-inner > p {text-align: center;}
}

@media all and (max-width: 500px){

}

/* 아이디/비밀번호 찾기 입력화면 */
/*.usersearch-bx .usersearch-tab {margin-bottom: 30px;}
.usersearch-bx .usersearch-tab ul {display: table; width: 100%;}
.usersearch-bx .usersearch-tab ul li {display: table-cell; width: 50%; vertical-align: middle; border: 1px solid #ddd; text-align: center;}
.usersearch-bx .usersearch-tab ul li:first-child {border-right: 0;}
.usersearch-bx .usersearch-tab ul li a {display: block; padding: 14px 10px;}
.usersearch-bx .usersearch-tab ul li._on {background: #1A58C0; color: #fff;}*/

.usersearch-bx ._write {border-top: 2px solid #0146B9;}
.usersearch-bx ._form {padding: 0; border-bottom: 1px solid #ccd0d7; display: table; width: 100%;}
.usersearch-bx ._form::after {content: ""; display: block; clear: both;}
.usersearch-bx ._form ._label {display: table-cell; vertical-align: middle; position: static; width: 200px; background: none; font-size: 18px; font-weight: 500; padding: 14px 10px; background: #f6f8fa; text-align: left; color: #000; cursor: default;}
.usersearch-bx ._form ._insert {display: table-cell; vertical-align: top; width: calc(100% - 200px); margin-right: 0; padding: 14px 20px;}
.usersearch-bx input {padding: 0 10px;border: 1px solid #ddd;height: 40px;font-size: 13px;font-family: 'S-CoreDream-4Regular',sans-serif;}
.usersearch-bx input[type="button"] {cursor: pointer;}
.usersearch-bx select {padding: 0 30px 0 10px; border: 1px solid #ddd; height: 40px; font-size: 13px; font-family: 'S-CoreDream-4Regular',sans-serif;}
.usersearch-bx input.btn {border: none;}
.usersearch-bx input.full {width: 100%;}
.usersearch-bx input.half {width: 50%;}
.usersearch-bx input.small {width: 25%;}

@media all and (max-width: 768px){
.usersearch-bx ._form {display: block;}
.usersearch-bx ._form ._label {display: block; width: 100%;}
.usersearch-bx ._form ._insert {display: block; width: 100%;}
}


.usersearch-bx input {font-size: 1.8rem; font-family: 'Pretendard',sans-serif;}
.usersearch-bx input[type="password"] {font-size: 1.8rem;  font-family: 'Pretendard',sans-serif;}
.usersearch-bx input:read-only {font-size: 1.8rem;  font-family: 'Pretendard',sans-serif; background: #f1f1f2;    color: #aeaeae; }
.usersearch-bx input[type="button"] {cursor: pointer;}
.usersearch-bx select {font-size: 1.8rem;  font-family: 'Pretendard',sans-serif;}


.form-table {
margin-top: 0 !important; 
border: 1px solid #d0d0d0 !important;
border-radius: 0.7rem;
overflow: hidden;
}
.form-table__row {
display: flex;
}
.form-table__row:last-child {
border-bottom: none;
}
.form-table__row:last-child .form-table__label::before,
.form-table__row:last-child .form-table__content{border-bottom:none}
.form-table__label {
width: 32rem;
padding: 2.4rem 4rem;
position: relative;
}
.form-table__label::before {
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background: #e5e7e9;
border-bottom:1px solid #d0d0d0;
}
.form-table__label .name {
font-size: 1.8rem;
font-weight: 500;
line-height: 1;
color: #333333;
display: flex;
gap: 0.5rem;
position: relative;
z-index: 1;
}
.form-table__label.required .name::before {
content: "*";
color: #e9161f;
font-size: 2rem;
}
.form-table__content {
flex: 1;
padding: 2.4rem 4rem;
background: #fff;
overflow: hidden;
}
.form-table__content:has(.input-text) {
padding: 1.3rem 4rem;
flex-direction: unset;
align-items: center;
display:block;
}
.form-table .flex-group {
display: flex;
align-items: center;
gap: 1.2rem;
}
.login-time {font-size:1.6rem; color:#484848; margin: 0 1rem; width: 17rem; display: inline-flex;}
.login-time ._crtfcNoCnt {color:#0080fb; font-weight: 600; margin-left: 5px;}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 1.2rem;
width: fit-content;
cursor: pointer;
font-weight: 500;
transition: all 0.2s;
}
.btn--primary {
background: #0080fb !important;
color: #fff !important;
}
.btn--large {
width: 26rem !important;
height: 6rem !important;
font-size: 2rem !important;
}
.btn--medium {
width: 20rem !important;
height: 6rem !important;
font-size: 2rem !important;
}
.btn--small {
padding: 0 1.6rem !important;
height: 3.6rem !important;
font-size: 1.6rem !important;
border-radius: 0.4rem !important;
}
.btn--navy {
background: #203378 !important;
color: #fff !important;
}

.info-text {
font-size: 1.8rem;
font-weight: 400;
line-height: 1.4;
color: #484848;
}
em.helper-text {
margin-left: 1rem !important;
}

.helper-text.color-red {
color: #e9161f;
}
p.helper-text {margin-top:5px;}

.input-text {
width: 18rem;
height: 4.2rem !important;
border: 1px solid #ddd;
border-radius: 0.4rem !important;
padding: 0 2rem !important;
font-size: 1.8rem;
font-weight: 400;
line-height: 1 !important;
}
#crtfcNo {width: 39rem}

.point-txt3 {color:#E77800;font-size:15px;}



/* 1024 이하 */
@media (max-width: 1024px) {

.form-table__label {
width: 24rem !important;
padding: 2rem 2.4rem !important;
}

.form-table__content {
padding: 2rem 2.4rem;
}

.form-table__content:has(.input-text) {
padding: 1.6rem 2.4rem;
}

.form-table__label .name {
font-size: 1.6rem;
line-height: 1.4;
}

.input-text {
width: 100%;
min-width: 0;
font-size: 1.6rem;
}

.usersearch-bx input,
.usersearch-bx input[type="password"],
.usersearch-bx input:read-only,
.usersearch-bx select,
.info-text,
.login-time {
font-size: 1.6rem;
}

.form-table .flex-group {
flex-wrap: wrap;
gap: 0.8rem;
}

.btn--small {
height: 4.2rem !important;
font-size: 1.5rem !important;
}

.btn--large,
.btn--medium {
height: 5.4rem !important;
font-size: 1.8rem !important;
}

em.helper-text,
p.helper-text {
display: block;
margin-left: 0 !important;
margin-top: 0.8rem;
font-size: 1.4rem;
line-height: 1.5;
}

.login-time {
width: 100%;
margin: 0.4rem 0 0;
}
}

/* 768 이하 */
@media (max-width: 768px) {

#menu871_obj7676 {display: none;}

.usersearch-bx .usersearch-tab li a:after {top:0;}
.form-table {
margin-top: 0;
border-radius: 0.4rem;
}

.form-table__row {
flex-direction: column;
}
.form-table__label {
width: 100% !important;
padding: 1.4rem 1.6rem 1.4rem 2.4rem !important;
background: none !important;
display: block;
}

.form-table__content,
.form-table__content:has(.input-text) {
border-bottom: 1px solid #d0d0d0 !important;
display: block !important;
}

.form-table__row:last-child .form-table__label::before {border-bottom:1px solid #d0d0d0}
.form-table__row:last-child .form-table__content{border-bottom: none !important;}

.form-table__content > .helper-text {
margin-top: 1.2rem;
}

.form-table__label .name {
font-size: 1.5rem;
}

.form-table .flex-group {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 0.8rem !important;
}

.input-text {
width: 100%;
height: 4.4rem !important;
padding: 0 1.2rem !important;
font-size: 1.5rem;
}

select.input-text {
padding-right: 3.2rem !important;
}

.hyphen {
flex: 0 0 auto;
font-size: 1.6rem;
display: none;
}


/* 휴대폰 번호 */
#userTelno1 {
flex: 1 1 100%;
width: 100%;
}

#userTelno2,
#userTelno3 {
flex: 1 1 calc(50% - 1.2rem);
width: auto;
min-width: 0;
}

/* 인증번호 */
#crtfcNo {
width: 100%;
}

/* 버튼들 줄바꿈 */
.btn--small {
flex: 0 0 auto;
min-width: 10rem;
height: 4rem !important;
font-size: 1.4rem !important;
}

.btn--large,
.btn--medium {
width: 100% !important;
max-width: none;
height: 5rem !important;
font-size: 1.7rem !important;
}

.align-c.mt30 {
margin-top: 2rem !important;
}

.login-time {
font-size: 1.6rem;
margin-top: 0.8rem;
display: block;
}

em.helper-text {
font-size: 1.6rem;
margin-top: 0;
}
p.helper-text {
font-size: 1.6rem;
}
}