@charset "utf-8";

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

/* 마이페이지-나의 취소현황 */
.ws_my_cancel_wrap {margin-bottom: 50px; border-bottom: 1px solid #eee; padding-bottom: 50px;}
.ws_my_cancel_wrap h3 {font-size:1.25em;}
.ws_my_cancel_wrap h3 b {}

/* 예약안내 */
.ws_my_cancel_wrap .es_res_alert {padding:20px; background-color:#ECF2F8;}
.ws_my_cancel_wrap .es_res_alert h4 {margin:10px 0 7px 0;}
.ws_my_cancel_wrap .es_res_alert h4:first-child {margin-top:0;}
.ws_my_cancel_wrap .es_res_alert p {font-size:0.95em; letter-spacing:-0.5px; margin-top:10px;}
.ws_my_cancel_wrap .es_res_alert ul {}
.ws_my_cancel_wrap .es_res_alert ul li {font-size:0.9em;}
.ws_my_cancel_wrap .es_res_alert ul li:before {content:'·'; color:#145EA9; font-weight:bold; font-size:15px; margin-right:5px;}

/* 출도착일 */
.ws_my_cancel_wrap .es_res_date {margin-top:20px;}
.ws_my_cancel_wrap .es_res_date .bs_hor_tbl {border-spacing:0;border-collapse: collapse;}
.ws_my_cancel_wrap .es_res_date .bs_hor_tbl tbody {}
.ws_my_cancel_wrap .es_res_date .bs_hor_tbl tr {}
.ws_my_cancel_wrap .es_res_date .bs_hor_tbl tr:first-child th,.ws_my_cancel_wrap .es_res_date .bs_hor_tbl tr:first-child td {border-top:1px solid #444; vertical-align:middle;}
.ws_my_cancel_wrap .es_res_date .bs_hor_tbl tr th,.ws_my_cancel_wrap .es_res_date .bs_hor_tbl tr td {border:1px solid #ddd; padding:12px; font-size:13px; vertical-align:middle;}
.ws_my_cancel_wrap .es_res_date .bs_hor_tbl tr th {font-weight:bold; background-color:#f9f9f9; text-align:center;}
.ws_my_cancel_wrap .es_res_date .bs_hor_tbl tr td {}
.ws_my_cancel_wrap .es_res_date .bs_hor_tbl tr td.is_start_date {}
.ws_my_cancel_wrap .es_res_date .bs_hor_tbl tr td.is_start_date select {width:20%;}
.ws_my_cancel_wrap .es_res_date .bs_hor_tbl tr td.is_start_date span {display:inline-block; margin:0 3px;}
.ws_my_cancel_wrap .es_res_date .bs_hor_tbl tr td.is_end_date {}
.ws_my_cancel_wrap .es_res_date .bs_hor_tbl tr td.is_end_date select {width:20%;}
.ws_my_cancel_wrap .es_res_date .bs_hor_tbl tr td.is_end_date span {display:inline-block; margin:0 3px;}

/* 하단버튼 */
.ws_my_cancel_wrap .es_submit {text-align:center; margin:30px 0 50px 0;}
.ws_my_cancel_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_my_cancel_wrap .es_submit button.bs_submit {background-color:#145EA9;}
.ws_my_cancel_wrap .es_submit button.bs_reset {background-color:#565656;} 

/* 예약현황 리스트 */
.ws_my_cancel_wrap .es_res_list {}

.ws_my_cancel_wrap .es_res_list .bs_ver_tbl {margin-top:10px; border-spacing:0; border-collapse:0; width:100%;}
.ws_my_cancel_wrap .es_res_list .bs_ver_tbl tr {}
.ws_my_cancel_wrap .es_res_list .bs_ver_tbl tr th,.ws_my_cancel_wrap .es_res_list .bs_ver_tbl tr td {border:1px solid #ddd; padding:5px; font-size:13px; vertical-align:middle;}
.ws_my_cancel_wrap .es_res_list .bs_ver_tbl thead tr {}
.ws_my_cancel_wrap .es_res_list .bs_ver_tbl thead tr th {background-color:#737373;font-weight:bold;text-align:center; background-color:#f9f9f9; border-top: 1px solid #444; border-bottom: 0;}
.ws_my_cancel_wrap .es_res_list .bs_ver_tbl tbody tr {}
.ws_my_cancel_wrap .es_res_list .bs_ver_tbl tbody tr:nth-child(even) {background-color:#f9f9f9;}
.ws_my_cancel_wrap .es_res_list .bs_ver_tbl tbody tr td {text-align:center;}
.ws_my_cancel_wrap .es_res_list .bs_ver_tbl tbody tr td.is_cost {color:#F2312C; font-weight:bold;}
.ws_my_cancel_wrap .es_res_list .bs_ver_tbl tbody tr td.is_date {}
.ws_my_cancel_wrap .es_res_list .bs_ver_tbl tbody tr td.is_date strong {}
.ws_my_cancel_wrap .es_res_list .bs_ver_tbl tbody tr td.is_date span {display:block; color:#F20000; font-weight:bold;}
.ws_my_cancel_wrap .es_res_list .bs_ver_tbl tbody tr td a {display:block; text-overflow: ellipsis; white-space: normal;-webkit-line-clamp: 1;display: -webkit-box;overflow: hidden; -webkit-box-orient: vertical;}
.ws_my_cancel_wrap .es_res_list .bs_ver_tbl tbody tr td a:hover {text-decoration:underline;}



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


/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.wd_area {padding:0 10px;}
	.ws_my_cancel_wrap .es_res_alert ul li {font-size:0.8em;}
	.ws_my_cancel_wrap .es_res_date .bs_hor_tbl tr td.is_start_date select,
	.ws_my_cancel_wrap .es_res_date .bs_hor_tbl tr td.is_end_date select {width:83%; margin-bottom: 5px;}
	.ws_my_cancel_wrap .es_res_list {overflow-x:scroll;}
	.ws_my_cancel_wrap .es_res_list .bs_ver_tbl {width:1100px;}
}


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

}