@charset "utf-8";

/* 최근게시물 (탭) */
.ws_latest_tab_wrap {position:relative}
.ws_latest_tab_wrap:before,
.ws_latest_tab_wrap:after {display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;content:'.'}
.ws_latest_tab_wrap .es_tab_menu_area {display:block;height:60px;border-radius:50px !important;background-color:#F2F3F6}
.ws_latest_tab_wrap .es_tab_menu_area .bs_tab_menu_list_box {float:left}
.ws_latest_tab_wrap .es_tab_menu_area .bs_tab_menu_list_box .is_title {display:inline-block;position:relative;min-width:150px;height:60px;border-radius:50px !important;color:#777;font-weight:normal;font-size:1.6em;line-height:60px;letter-spacing:-0.5px;text-align:center;cursor:pointer}
.ws_latest_tab_wrap .es_tab_menu_area .bs_tab_menu_list_box .is_title:after {content:'';display:block;position:absolute;top:50%;right:-5px;width:5px;height:5px;border-radius:50% !important;background-color:#BFC2C8;transform:translateY(-50%)}
.ws_latest_tab_wrap .es_tab_menu_area .bs_tab_menu_list_box:last-child .is_title:after {display:none}
.ws_latest_tab_wrap .es_tab_menu_area .bs_tab_menu_list_box.bs_tab_menu_on {}
.ws_latest_tab_wrap .es_tab_menu_area .bs_tab_menu_list_box.bs_tab_menu_on .is_title {background-color:#00BAF2;color:#FFF;font-weight:bold}
.ws_latest_tab_wrap .es_tab_menu_area .bs_tab_menu_list_box.bs_tab_menu_on .is_title:before {content:'';display:block;position:absolute;bottom:-10px;left:50%;border-top:10px solid;border-right:10px solid transparent;border-left:10px solid transparent;color:#00BAF2;transform:translateX(-50%)}
.ws_latest_tab_wrap .es_tab_menu_area .bs_tab_menu_list_box.bs_tab_menu_on .is_title:after {display:none}
.ws_latest_tab_wrap .es_more {display:block;position:absolute;top:0;right:0;width:60px;height:60px}
.ws_latest_tab_wrap .es_more:before {content:'\e913';display:block;color:#999;font-size:2em;line-height:60px;text-align:center;font-family:'xeicon'}
.ws_latest_tab_wrap .es_tab_content_area {}
.ws_latest_tab_wrap .es_content_area {}
.ws_latest_tab_wrap .es_content_area .bs_list_box {position:relative;margin-top:20px}
.ws_latest_tab_wrap .es_content_area .bs_list_box a {display:block;padding:20px 20px 30px 20px;border-radius:15px !important;border:1px solid #DDD}
.ws_latest_tab_wrap .es_content_area .bs_list_box .fa-heart{color:#ff0000}
.ws_latest_tab_wrap .es_content_area .bs_list_box .fa-caret-right{color:#bbb}
.ws_latest_tab_wrap .es_content_area .bs_list_box .is_icon {display:inline-block;margin-right:5px;border-radius:2px;font-size:0.833em;text-align:center;line-height:16px}
.ws_latest_tab_wrap .es_content_area .bs_list_box .is_icon.ss_new {width:16px;color:#ffff00;background:#6db142}
.ws_latest_tab_wrap .es_content_area .bs_list_box .is_icon.ss_hot {width:16px;color:#fff;background:#e52955}
.ws_latest_tab_wrap .es_content_area .bs_list_box .is_icon.ss_cmt {padding:0 5px;color:#fff;white-space:nowrap;background:#5c85c1}
.ws_latest_tab_wrap .es_content_area .bs_list_box .is_icon.fa-lock {width:16px;color:#4f818c;background-color:#cbe3e8}
.ws_latest_tab_wrap .es_content_area .bs_list_box .is_label {display:inline-block;margin-bottom:15px;padding:6px 12px;border-radius:50px !important;background-color:#FFEAF3;color:#ED0D6F;font-weight:500;font-size:1.2em}
.ws_latest_tab_wrap .es_content_area .bs_list_box .is_subject {display:block;height:50px;font-weight:normal;color:#000;font-size:1.4em;line-height:1.5;letter-spacing:-0.5px}
.ws_latest_tab_wrap .es_content_area .bs_list_box:hover .is_subject {text-decoration:underline}
.ws_latest_tab_wrap .es_content_area .bs_list_box .is_notice {}
.ws_latest_tab_wrap .es_content_area .bs_list_box .is_desc {overflow:hidden;height:47px;margin-top:10px;color:#555;font-size:1.3em;line-height:1.5;letter-spacing:-0.5px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ws_latest_tab_wrap .es_content_area .bs_list_box .is_time {display:block;margin-top:20px;padding-top:20px;border-top:1px dotted #DDD;color:#999;font-size:1.3em;letter-spacing:-0.5px}
.ws_latest_tab_wrap .es_content_area .bs_list_box .is_time i {vertical-align:top;font-size:1.1em}


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

/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_latest_tab_wrap .es_tab_menu_area {height:45px}
	.ws_latest_tab_wrap .es_tab_menu_area .bs_tab_menu_list_box .is_title {min-width:88px;height:45px;font-size:1.4em;line-height:45px}
	.ws_latest_tab_wrap .es_more {width:30px;height:45px}
	.ws_latest_tab_wrap .es_more:before {font-size:1.5em;line-height:45px}
	.ws_latest_tab_wrap .es_content_area .bs_list_box .is_label {font-size:1em}
	.ws_latest_tab_wrap .es_content_area .bs_list_box .is_subject {height:40px;font-size:1.1em}
	.ws_latest_tab_wrap .es_content_area .bs_list_box .is_desc {height:36px;font-size:1em}
	.ws_latest_tab_wrap .es_content_area .bs_list_box .is_time {font-size:1em}
	.ws_latest_tab_wrap .es_content_area .bs_list_box .is_time i {vertical-align:middle}
}
/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {

}
/* MEDIA (데스크탑 이하) 1279px 이하 */
@media all and (max-width:1279px) {

}


/* ==================================================================================================== *
 *
 *     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 all and (min-width:768px) and (max-width:991px) {

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

}