@charset "utf-8";

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

/* 회원가입-등록폼 */
.ws_signup_wrap {margin:45px 0;}
.ws_signup_wrap h2 {color:#555; font-weight:bold; letter-spacing:-0.5px;font-size: 1.2em; margin: 30px 0 10px;}
.ws_signup_wrap .es_location {text-align:center; padding:20px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.ws_signup_wrap .es_location span {display: inline-block; border: 1px solid #525c71; color: #525c71; text-align: center; margin: 0 2px; padding:10px 15px;}
.ws_signup_wrap .es_location span.bs_on {background-color:#525c71; color:#fff; font-weight:bold;}

/* 입력항목 */
.ws_signup_wrap .es_sign_info {margin-bottom:5px;}
.ws_signup_wrap .es_sign_info h2.bs_top_title {}
.ws_signup_wrap .es_sign_info h2.bs_top_title span {float:right; display:inline-block; margin-bottom:5px; font-size:0.75em; color:#777;}
.ws_signup_wrap .es_sign_info .bs_hor_tbl {border-spacing:0;border-collapse: collapse;}
.ws_signup_wrap .es_sign_info .bs_hor_tbl tbody {}
.ws_signup_wrap .es_sign_info .bs_hor_tbl tr {}
.ws_signup_wrap .es_sign_info .bs_hor_tbl tr:first-child th,.ws_signup_wrap .es_sign_info .bs_hor_tbl tr:first-child td {border-top:1px solid #444; vertical-align:middle;}
.ws_signup_wrap .es_sign_info .bs_hor_tbl tr th,.ws_signup_wrap .es_sign_info .bs_hor_tbl tr td {border:1px solid #ddd; padding:12px; font-size:13px; vertical-align:middle;}
.ws_signup_wrap .es_sign_info .bs_hor_tbl tr th {font-weight:bold; background-color:#f9f9f9; text-align:center;}
.ws_signup_wrap .es_sign_info .bs_hor_tbl tr td {}
.ws_signup_wrap .es_sign_info .bs_hor_tbl tr td.is_phone {}
.ws_signup_wrap .es_sign_info .bs_hor_tbl tr td.is_phone input[type="text"] {width:30%;}
.ws_signup_wrap .es_sign_info .bs_hor_tbl tr td.is_phone a {display:inline-block; color:#fff; padding:5px 10px; background-color:#555; text-align:center;}
.ws_signup_wrap .es_sign_info .bs_hor_tbl tr td.is_email {}
.ws_signup_wrap .es_sign_info .bs_hor_tbl tr td.is_email input[type="text"] {width: 20%;}
.ws_signup_wrap .es_sign_info .bs_hor_tbl tr td.is_email select {width: 20%;}
.ws_signup_wrap .es_sign_info .bs_hor_tbl tr td.is_email span {display:inline-block; margin:0 5px;}
.ws_signup_wrap .es_sign_info .bs_hor_tbl tr td.is_id input[type="text"] {width:20%;}
.ws_signup_wrap .es_sign_info .bs_hor_tbl tr td.is_pw input[type="password"] {width:20%;}
.ws_signup_wrap .es_sign_info .bs_hor_tbl tr td.is_pw_confirm input[type="password"] {width:20%;}
.ws_signup_wrap .es_sign_info .bs_hor_tbl tr td span {color:#777; font-size:0.9em;}

/* 수신동의여부 */
.es_choice {margin-top:20px;}
.es_choice ul {}
.es_choice ul li {margin-bottom:20px;}
.es_choice ul li strong {width:100px; display:inline-block;}
.es_choice ul li span {color: #777; font-size: 0.9em;}

/* 이용약관 */
.ws_signup_wrap .es_signup_term {}
.ws_signup_wrap .es_signup_term h2 {color: #555; font-weight: bold; letter-spacing: -0.5px; font-size: 1.2em; margin: 25px 0 5px; }
.ws_signup_wrap .es_signup_term .bs_use_term {padding:10px; border:1px solid #ddd; overflow-y:scroll; height:200px;}
.ws_signup_wrap .es_signup_term .bs_check {text-align:right; margin-top:5px;}

/* 개인정보처리방침 */
.ws_signup_wrap .es_privacy_term {}
.ws_signup_wrap .es_privacy_term h2 {color: #555; font-weight: bold; letter-spacing: -0.5px; font-size: 1.2em; margin: 25px 0 5px; }
.ws_signup_wrap .es_privacy_term .bs_use_term {padding:10px; border:1px solid #ddd; overflow-y:scroll; height:200px;}
.ws_signup_wrap .es_privacy_term .bs_check {text-align:right; margin-top:5px;}


/* 하단버튼 */
.ws_signup_wrap .es_submit {text-align:center; margin:30px 0 50px 0;}
.ws_signup_wrap .es_submit button {display:inline-block; color:#fff; font-size:1.15em; letter-spacing:-0.5px; padding:15px 30px; font-weight:bold; width: 133px;}
.ws_signup_wrap .es_submit button.bs_submit {background-color:#145EA9;}
.ws_signup_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_signup_wrap .es_sign_info .bs_hor_tbl tr td.is_phone input[type="text"] {width:70%;}
	.ws_signup_wrap .es_sign_info .bs_hor_tbl tr td.is_email input[type="text"],
	.ws_signup_wrap .es_sign_info .bs_hor_tbl tr td.is_email select {width: 29%;}
    .ws_signup_wrap .es_sign_info .bs_hor_tbl tr td.is_id input[type="text"] {width:100%;}
	.ws_signup_wrap .es_sign_info .bs_hor_tbl tr td span {display: block; line-height: 16px; margin-top: 5px;}
	.ws_signup_wrap .es_sign_info .bs_hor_tbl tr td.is_pw input[type="text"],
	.ws_signup_wrap .es_sign_info .bs_hor_tbl tr td.is_pw_confirm input[type="text"] {width:50%;}
	.ws_signup_wrap .es_sign_info .bs_hor_tbl tr th, .ws_signup_wrap .es_sign_info .bs_hor_tbl tr td {font-size:12px;}
	.ws_signup_wrap .es_privacy_term .bs_use_term {font-size:12px;}
	.es_choice ul li span {display:block;}
	.ws_signup_wrap .es_sign_info .bs_hor_tbl tr td.is_pw input[type="password"],
	.ws_signup_wrap .es_sign_info .bs_hor_tbl tr td.is_pw_confirm input[type="password"] {width:40%;}
	.ws_signup_wrap {margin-top:15px;}
}

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

}