@charset "utf-8";

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

/* 마이페이지-정보수정 */
.ws_my_password_wrap {margin-bottom: 50px; border-bottom: 1px solid #eee; padding-bottom: 50px;}
.ws_my_password_wrap h2 {color:#555; font-weight:bold; letter-spacing:-0.5px;font-size: 1.2em; margin: 30px 0 10px;}

/* 비밀번호변경 폼 */
.ws_my_password_wrap .es_password {margin:40px auto; width:500px}
.ws_my_password_wrap .es_password h3 {font-size:2em; letter-spacing:-0.5px; text-align:center;}
.ws_my_password_wrap .es_password p {color:#888; margin:15px 0; text-align:center;}
.ws_my_password_wrap .es_password strong {display:block; text-align:center; margin:20px 0;}
.ws_my_password_wrap .es_password input[type="password"] {}
.ws_my_password_wrap .es_password .bs_new_pw {padding:20px 0; border-top:1px solid #eee; margin:20px 0;}
.ws_my_password_wrap .es_password .bs_new_pw input[type="password"] {}

/* 하단버튼 */
.ws_my_password_wrap .es_submit {text-align:center; margin:30px 0 50px 0;}
.ws_my_password_wrap .es_submit button {display:inline-block; color:#fff; font-size:1.15em; letter-spacing:-0.5px; padding:15px 30px; font-weight:bold; width: 153px;}
.ws_my_password_wrap .es_submit button.bs_submit {background-color:#145EA9;}
.ws_my_password_wrap .es_submit button.bs_reset {background-color:#565656;} 




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


/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.wd_area {padding:0 10px;}
	.ws_my_password_wrap .es_password {width:100%;}
}


@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) {

}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media (min-width:992px) and (max-width:1279px) {

}