@charset "utf-8";

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

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

/* 개인정보 입력 */
.ws_my_modified_wrap .es_my_info {}
.ws_my_modified_wrap .es_my_info .bs_hor_tbl {border-spacing:0;border-collapse: collapse;}
.ws_my_modified_wrap .es_my_info .bs_hor_tbl tbody {}
.ws_my_modified_wrap .es_my_info .bs_hor_tbl tr {}
.ws_my_modified_wrap .es_my_info .bs_hor_tbl tr:first-child th,.ws_my_modified_wrap .es_my_info .bs_hor_tbl tr:first-child td {border-top:1px solid #444; vertical-align:middle;}
.ws_my_modified_wrap .es_my_info .bs_hor_tbl tr th,.ws_my_modified_wrap .es_my_info .bs_hor_tbl tr td {border:1px solid #ddd; padding:10px; font-size:13px; vertical-align:middle;}
.ws_my_modified_wrap .es_my_info .bs_hor_tbl tr th {font-weight:bold; background-color:#f9f9f9; text-align:center;}
.ws_my_modified_wrap .es_my_info .bs_hor_tbl tr td {}
.ws_my_modified_wrap .es_my_info .bs_hor_tbl tr td.is_name {}
.ws_my_modified_wrap .es_my_info .bs_hor_tbl tr td.is_name input[type="text"] {width: 30%;}
.ws_my_modified_wrap .es_my_info .bs_hor_tbl tr td.is_birth {}
.ws_my_modified_wrap .es_my_info .bs_hor_tbl tr td.is_birth span {margin:0 5px;}
.ws_my_modified_wrap .es_my_info .bs_hor_tbl tr td.is_birth select {width: 8%;}
.ws_my_modified_wrap .es_my_info .bs_hor_tbl tr td.is_birth input[type="text"] {width: 30%;}
.ws_my_modified_wrap .es_my_info .bs_hor_tbl tr td.is_email {}
.ws_my_modified_wrap .es_my_info .bs_hor_tbl tr td.is_email select {width: 15%;}
.ws_my_modified_wrap .es_my_info .bs_hor_tbl tr td.is_email input[type="text"] {width: 15%;}
.ws_my_modified_wrap .es_my_info .bs_hor_tbl tr td.is_local select {width: 15%;}
.ws_my_modified_wrap .es_my_info .bs_hor_tbl tr td.is_local .bs_attention {}
.ws_my_modified_wrap .es_my_info .bs_hor_tbl tr td.is_local .bs_attention ul {}
.ws_my_modified_wrap .es_my_info .bs_hor_tbl tr td.is_local .bs_attention ul li {float:left; width:25%; padding:5px 0;}
.ws_my_modified_wrap .es_my_info .bs_hor_tbl tr td.is_local .bs_attention ul input[type="checkbox"] {}
.ws_my_modified_wrap .es_my_info .bs_hor_tbl tr td.is_local .bs_attention ul label {}
.ws_my_modified_wrap .es_my_info .bs_hor_tbl tr td.is_phone input[type="text"] {width: 30%;}

/* 여권 정보 */
.ws_my_modified_wrap .es_passport_info {}
.ws_my_modified_wrap .es_passport_info .bs_hor_tbl {border-spacing:0;border-collapse: collapse;}
.ws_my_modified_wrap .es_passport_info .bs_hor_tbl tbody {}
.ws_my_modified_wrap .es_passport_info .bs_hor_tbl tr {}
.ws_my_modified_wrap .es_passport_info .bs_hor_tbl tr:first-child th,.ws_my_modified_wrap .es_passport_info .bs_hor_tbl tr:first-child td {border-top:1px solid #444; vertical-align:middle;}
.ws_my_modified_wrap .es_passport_info .bs_hor_tbl tr th,.ws_my_modified_wrap .es_passport_info .bs_hor_tbl tr td {border:1px solid #ddd; padding:10px; font-size:13px; vertical-align:middle;}
.ws_my_modified_wrap .es_passport_info .bs_hor_tbl tr th {font-weight:bold; background-color:#f9f9f9; text-align:center;}
.ws_my_modified_wrap .es_passport_info .bs_hor_tbl tr td {}
.ws_my_modified_wrap .es_passport_info .bs_hor_tbl tr td.is_eng_name {}
.ws_my_modified_wrap .es_passport_info .bs_hor_tbl tr td.is_eng_name input[type="text"] {width: 20%;}
.ws_my_modified_wrap .es_passport_info .bs_hor_tbl tr td.is_passport_no {}
.ws_my_modified_wrap .es_passport_info .bs_hor_tbl tr td.is_passport_no input[type="text"] {width: 30%;}
.ws_my_modified_wrap .es_passport_info .bs_hor_tbl tr td.is_start_date {}
.ws_my_modified_wrap .es_passport_info .bs_hor_tbl tr td.is_start_date span {margin:0 5px;}
.ws_my_modified_wrap .es_passport_info .bs_hor_tbl tr td.is_start_date input[type="text"] {width: 10%;}
.ws_my_modified_wrap .es_passport_info .bs_hor_tbl tr td.is_start_date select {width: 8%;}
.ws_my_modified_wrap .es_passport_info .bs_hor_tbl tr td.is_end_date {}
.ws_my_modified_wrap .es_passport_info .bs_hor_tbl tr td.is_end_date span {margin:0 5px;}
.ws_my_modified_wrap .es_passport_info .bs_hor_tbl tr td.is_end_date input[type="text"] {width: 10%;}
.ws_my_modified_wrap .es_passport_info .bs_hor_tbl tr td.is_end_date select {width: 8%;}
.ws_my_modified_wrap .es_passport_info .bs_hor_tbl tr td.is_passport_file {}
.ws_my_modified_wrap .es_passport_info .bs_hor_tbl tr td.is_passport_file span {position: relative; white-space: nowrap;}
.ws_my_modified_wrap .es_passport_info .bs_hor_tbl tr td.is_passport_file span label {background: #6991b9; padding: 5px 10px; color: #fff;}
.ws_my_modified_wrap .es_passport_info .bs_hor_tbl tr td.is_passport_file span input[type="file"] {position: absolute; width:0; height:1px; left:0; bottom:0;}
.ws_my_modified_wrap .es_passport_info .bs_hor_tbl tr td.is_passport_file input[type="text"] {display:inline-block; width:auto;}

/* 비자정보 */
.ws_my_modified_wrap .es_visa {}
.ws_my_modified_wrap .es_visa .bs_hor_tbl {border-spacing:0;border-collapse: collapse;}
.ws_my_modified_wrap .es_visa .bs_hor_tbl tbody {}
.ws_my_modified_wrap .es_visa .bs_hor_tbl tr {}
.ws_my_modified_wrap .es_visa .bs_hor_tbl tr:first-child th,.ws_my_modified_wrap .es_visa .bs_hor_tbl tr:first-child td {border-top:1px solid #444; vertical-align:middle;}
.ws_my_modified_wrap .es_visa .bs_hor_tbl tr th,.ws_my_modified_wrap .es_visa .bs_hor_tbl tr td {border:1px solid #ddd; padding:10px; font-size:13px; vertical-align:middle;}
.ws_my_modified_wrap .es_visa .bs_hor_tbl tr th {font-weight:bold; background-color:#f9f9f9; text-align:center;}
.ws_my_modified_wrap .es_visa .bs_hor_tbl tr td {}
.ws_my_modified_wrap .es_visa .bs_hor_tbl tr td.is_eng_name {}
.ws_my_modified_wrap .es_visa .bs_hor_tbl tr td.is_eng_name input[type="text"] {width: 20%;}
.ws_my_modified_wrap .es_visa .bs_hor_tbl tr td.is_nation input[type="text"] {width: 20%;} 
.ws_my_modified_wrap .es_visa .bs_hor_tbl tr td.is_validity {}
.ws_my_modified_wrap .es_visa .bs_hor_tbl tr td.is_validity span {margin:0 5px;}
.ws_my_modified_wrap .es_visa .bs_hor_tbl tr td.is_validity input[type="text"] {width: 20%;}

/* 관심항목 */
.ws_my_modified_wrap .es_attention {}
.ws_my_modified_wrap h2.bs_att_alert {color:#777; font-weight:normal; font-size:0.85em;}
.ws_my_modified_wrap .es_attention ul {overflow:hidden; padding:20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:10px;}
.ws_my_modified_wrap .es_attention ul li {float:left; width:25%; padding:5px 0; padding: 5px 0; text-align: center;}
.ws_my_modified_wrap .es_attention ul li input[type="checkbox"]{}
.ws_my_modified_wrap .es_attention ul li label {}

/* 회원탈퇴 버튼 */
.ws_my_modified_wrap .es_leave_btn {text-align:right;margin:15px 0;}
.ws_my_modified_wrap .es_leave_btn a {display:inline-block; color:#888; border:1px solid #ddd; padding:5px 10px; font-size:0.95em;}
.ws_my_modified_wrap .es_leave_btn a:hover {color:#fff; background-color:#666;}

/* 하단버튼 */
.ws_my_modified_wrap .es_submit {text-align:center; margin:30px 0 50px 0;}
.ws_my_modified_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_modified_wrap .es_submit button.bs_submit {background-color:#145EA9;}
.ws_my_modified_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_modified_wrap .es_my_info .bs_hor_tbl tr td.is_name input[type="text"],
	.ws_my_modified_wrap .es_my_info .bs_hor_tbl tr td.is_phone input[type="text"],
	.ws_my_modified_wrap .es_passport_info .bs_hor_tbl tr td.is_passport_no input[type="text"],
	.ws_my_modified_wrap .es_visa .bs_hor_tbl tr td.is_nation input[type="text"] {width:100%;}
	.ws_my_modified_wrap .es_my_info .bs_hor_tbl tr td.is_birth select,
	.ws_my_modified_wrap .es_passport_info .bs_hor_tbl tr td.is_start_date select,
	.ws_my_modified_wrap .es_passport_info .bs_hor_tbl tr td.is_end_date select {width:23%;}
	.ws_my_modified_wrap .es_my_info .bs_hor_tbl tr td.is_email input[type="text"],
	.ws_my_modified_wrap .es_my_info .bs_hor_tbl tr td.is_email select {width:30%;}
	.ws_my_modified_wrap .es_my_info .bs_hor_tbl tr td.is_local select {width:45%;}
	.ws_my_modified_wrap .es_passport_info .bs_hor_tbl tr td.is_eng_name input[type="text"],
	.ws_my_modified_wrap .es_visa .bs_hor_tbl tr td.is_eng_name input[type="text"],
	.ws_my_modified_wrap .es_visa .bs_hor_tbl tr td.is_validity input[type="text"] {width:40%;}
	.ws_my_modified_wrap .es_attention ul li {width:33.3%;}
}


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

}