@charset "utf-8";

/* Common */
input[type="text"],select {border:1px solid #ddd; padding:5px; height:50px;width:100%;}	
textarea {width:100%; border:1px solid #ddd !important; padding:5px !important;}

/* 아이디 찾기 */
.ws_find_wrap {margin: 45px 0;}
.ws_find_wrap .es_find_tab {}
.ws_find_wrap .es_find_tab ul {overflow: hidden;}
.ws_find_wrap .es_find_tab ul li {float:left; width:50%; text-align:center; font-size:1.15em;}
.ws_find_wrap .es_find_tab ul li a {display: block; padding: 23px 0; cursor:pointer; background-color:#4A505D; color:#fff;}
.ws_find_wrap .es_find_tab ul li a.bs_on {color:#444; font-weight:bold;}
.ws_find_wrap .es_find_tab ul li a.bs_on.is_white {background-color:#fff; border:1px solid #ddd; border-bottom:0;}
.ws_find_wrap #tab02 {display:none;}
.ws_find_wrap #tab01, .ws_find_wrap #tab02 {border:1px solid #ddd; border-top:0; padding:30px 15px; overflow: hidden; min-height:300px}
.ws_find_wrap #tab01 .es_find_id {text-align:center; padding: 40px 0;}
.ws_find_wrap #tab01 .es_find_id img {}
.ws_find_wrap #tab01 .es_find_id h2 {color:#444; font-size:1.3em; margin:15px 0;}
.ws_find_wrap #tab01 .es_find_id p {color:#888; letter-spacing:-0.5px; font-size:1.1em;}
.ws_find_wrap #tab01 .es_find_id .bs_find_alert {border:1px solid #ddd; background-color:#f7f7f7; padding:15px; text-align:center; margin-top:40px;}
.ws_find_wrap #tab01 .es_find_id .bs_find_alert span {display:block; margin-bottom:5px; font-size:bold; color:#444;}
.ws_find_wrap #tab01 .es_find_id .bs_find_alert strong {display:inline-block; font-size:1.25em;}
.ws_find_wrap #tab01 .es_id_form {margin:27px 70px;}
.ws_find_wrap #tab01 .es_id_form p {color:#888; margin-bottom:15px; text-align:center;}
.ws_find_wrap #tab01 .es_id_form input[type="text"] {margin-bottom:10px;}
.ws_find_wrap #tab01 .es_id_form .bs_phone {display: inline-block; width: 74%;}
.ws_find_wrap #tab01 .es_id_form label {}
.ws_find_wrap #tab01 .es_id_form .bs_no {display:block; color:red; text-align:center; margin-bottom:10px; font-size: 12px;}
.ws_find_wrap #tab01 .es_id_form .bs_btn_sms {display:inline-block; background-color:#ee5555; color:#fff; padding:15px 10px; text-align:center; vertical-align: top;}
.ws_find_wrap #tab01 .es_id_form .bs_btn_submit {display:block; color:#fff; text-align:center; padding:15px 0;}

/* 비밀번호 찾기 */
.ws_find_wrap #tab02 .es_find_pw {text-align:center; padding: 40px 0;}
.ws_find_wrap #tab02 .es_find_pw img {}
.ws_find_wrap #tab02 .es_find_pw h2 {color:#444; font-size:1.3em; margin:15px 0;}
.ws_find_wrap #tab02 .es_find_pw p {color:#888; letter-spacing:-0.5px; font-size:1.1em;}
.ws_find_wrap #tab02 .es_find_pw .bs_find_alert {border:1px solid #ddd; background-color:#f7f7f7; padding:15px; text-align:center; margin-top:40px;}
.ws_find_wrap #tab02 .es_find_pw .bs_find_alert span {display:block; margin-bottom:5px; font-size:bold; color:#444;}
.ws_find_wrap #tab02 .es_find_pw .bs_find_alert strong {display:inline-block; font-size:1.25em;}
.ws_find_wrap #tab02 .es_pw_form {margin:22px 70px;}
.ws_find_wrap #tab02 .es_pw_form input[type="text"] {margin-bottom:10px;}
.ws_find_wrap #tab02 .es_pw_form .bs_phone {display: inline-block; width: 74%;}
.ws_find_wrap #tab02 .es_pw_form label {}
.ws_find_wrap #tab02 .es_pw_form .bs_no {display:block; color:red; text-align:center; margin-bottom:10px; font-size: 12px;}
.ws_find_wrap #tab02 .es_pw_form .bs_btn_sms {display:inline-block; background-color:#ee5555; color:#fff; padding:15px 10px; text-align:center; vertical-align: top; }
.ws_find_wrap #tab02 .es_pw_form .bs_btn_submit {display:block; color:#fff; text-align:center; padding:15px 0;}



/* ================================================== *
 *
 *     MEDIA EXTEND - MAX DEVICE
 *
 * ================================================== */


/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.wd_area {padding:0 10px;}
	.ws_find_wrap #tab01 .es_id_form {margin:10px 30px;}
	.ws_find_wrap #tab01 .es_id_form .bs_phone {width:100%; display:block;}
	.ws_find_wrap #tab01 .es_id_form .bs_btn_sms {display:block; margin-bottom:10px;}
	.ws_find_wrap #tab02 .es_pw_form {margin:10px 30px;}
	.ws_find_wrap #tab02 .es_pw_form .bs_phone {width:100%; display:block;}
	.ws_find_wrap #tab02 .es_pw_form .bs_btn_sms {display:block; margin-bottom:10px;}
	.ws_find_wrap #tab01 .es_find_id p,.ws_find_wrap #tab02 .es_find_pw p {font-size:1em;}
}

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

/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {
	.wd_area {padding:0 10px;}
}

/* MEDIA (데스크탑 이하) 1279px 이하 */
@media all and (max-width:1279px) {
	.wd_area {padding:0 10px;}	
}

 /* ================================================== *
 *
 *     MEDIA EXTEND - MIN DEVICE
 *
 * ================================================== */
 
 /* MEDIA (태블릿 이상) 992px 이상 */
@media all and (min-width:768px) {

}
/* MEDIA (데스크탑 이상) 992px 이상 */
@media all and (min-width:992px) {

}
/* MEDIA (큰화면 데스크탑 이상) 1280px 이상 */
@media all and (min-width:1280px) {
	
}
 
 /* ================================================== *
 *
 *     MEDIA EXTEND - AND DEVICE
 *
 * ================================================== */

/* MEDIA (태블릿 구간만) 768px ~ 991px */
@media (min-width:768px) and (max-width:991px) {
	.ws_find_wrap #tab01 .es_id_form .bs_phone {width:81.9%;}
	.ws_find_wrap #tab02 .es_pw_form .bs_phone {width:81.9%;}
}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media (min-width:992px) and (max-width:1279px) {
	.ws_find_wrap #tab01 .es_id_form .bs_phone {width:68%;}
	.ws_find_wrap #tab02 .es_pw_form .bs_phone {width:68%;}
}