@charset "utf-8";

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

/* 마이페이지-찜목록 */
.ws_my_favorite_wrap {margin-bottom: 50px; border-bottom: 1px solid #eee; padding-bottom: 50px;}
.ws_my_favorite_wrap h3 {font-size:1.25em;}
.ws_my_favorite_wrap h3 b {}
.ws_my_favorite_wrap .es_fav_list {}
.ws_my_favorite_wrap .es_fav_list .bs_ver_tbl {}
.ws_my_favorite_wrap .es_fav_list .bs_ver_tbl {margin-top:10px; border-spacing:0; border-collapse:0; width:100%;}
.ws_my_favorite_wrap .es_fav_list .bs_ver_tbl tr {}
.ws_my_favorite_wrap .es_fav_list .bs_ver_tbl tr th,.ws_my_favorite_wrap .es_fav_list .bs_ver_tbl tr td {border:1px solid #ddd; padding:10px; font-size:13px; vertical-align:middle;}
.ws_my_favorite_wrap .es_fav_list .bs_ver_tbl thead tr {}
.ws_my_favorite_wrap .es_fav_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_favorite_wrap .es_fav_list .bs_ver_tbl tbody tr td {text-align:center;}
.ws_my_favorite_wrap .es_fav_list .bs_ver_tbl tbody tr td:first-child {text-align:left;}
.ws_my_favorite_wrap .es_fav_list .bs_ver_tbl tbody tr td a {text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical;}
.ws_my_favorite_wrap .es_fav_list .bs_ver_tbl tbody tr td a:hover {text-decoration:underline;}
.ws_my_favorite_wrap .es_fav_list .bs_ver_tbl tbody tr td.is_cost {font-weight:bold; color:#F20000;}
.ws_my_favorite_wrap .es_fav_list .bs_ver_tbl tbody tr td .is_delete {color:#444; padding:2px 10px; border:1px solid #ddd; background-color:#fff;}

/* 페이지네이트 */
.ws_my_favorite_wrap .es_pagenate {text-align: center; margin:30px 0;}
.ws_my_favorite_wrap .es_pagenate .es_pgn_list {}
.ws_my_favorite_wrap .es_pagenate .es_pgn_list li {display: inline-block;  border: 1px solid #e5e5e5;vertical-align: middle; text-align:center;}
.ws_my_favorite_wrap .es_pagenate .es_pgn_list li:hover {border-color:#272727}
.ws_my_favorite_wrap .es_pagenate .es_pgn_list li a {padding: 0 9px; height: 29px; display: block;  line-height: 28px; font-size: 15px;}
.ws_my_favorite_wrap .es_pagenate .es_pgn_list li:hover a {text-decoration:none;}
.ws_my_favorite_wrap .es_pagenate .es_pgn_list li a.bs_pg_focus {color: #145EA9;font-weight: 600;}
.ws_my_favorite_wrap .es_pagenate .es_pgn_list li .bs_page_pprev {background: url(../../../../webis/img/page_pprev.png) 49% center no-repeat;width:29px}
.ws_my_favorite_wrap .es_pagenate .es_pgn_list li .bs_page_prev {background: url(../../../../webis/img/page_prev.png) 49% center no-repeat;width:29px}
.ws_my_favorite_wrap .es_pagenate .es_pgn_list li .bs_page_nnext {background: url(../../../../webis/img/page_nnext.png) 49% center no-repeat;width:29px}
.ws_my_favorite_wrap .es_pagenate .es_pgn_list li .bs_page_next {background: url(../../../../webis/img/page_next.png) 49% center no-repeat;width:29px}



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


/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.wd_area {padding:0 10px;}
	.ws_my_favorite_wrap .es_fav_list {overflow-x:scroll;}
	.ws_my_favorite_wrap .es_fav_list .bs_ver_tbl {width:820px;}
}

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

}