@charset "UTF-8";

/* 아이디찾기 성공화면 */
.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-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; }
.usersearch-bx .usersearch-tab ul li._on a{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.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%;padding: 14px 0;}
}