@charset "utf-8";

/* 최근게시물 (기본) */
.ws_latest_list_wrap {position:relative;border:1px solid #DDD}
.ws_latest_list_wrap:before,
.ws_latest_list_wrap:after {display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;content:'.'}
.ws_latest_list_wrap .es_title {display:block;height:76px;padding:0 25px;border-bottom:1px solid #DDD;font-size:1.8em;line-height:76px}
.ws_latest_list_wrap .es_title a {color:#000;display:inline-block;position:relative}
.ws_latest_list_wrap .es_more {display:block;position:absolute;top:26px;right:25px;width:25px;height:25px;border-radius:50% !important;font-size:2em;text-align:center;line-height:25px}
.ws_latest_list_wrap .es_more:hover {transform:rotate(360deg);transition:all .3s linear}
.ws_latest_list_wrap .es_content_area {padding:25px}
.ws_latest_list_wrap .es_content_area .bs_list_box {position:relative;height:20px;margin-bottom:13px;overflow:hidden}
.ws_latest_list_wrap .es_content_area .bs_list_box:last-child {margin-bottom:0}
.ws_latest_list_wrap .es_content_area .bs_list_box .fa-heart{color:#FF0000}
.ws_latest_list_wrap .es_content_area .bs_list_box .fa-caret-right{color:#BBB}
.ws_latest_list_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_list_wrap .es_content_area .bs_list_box .is_icon.ss_new {width:16px;color:#FFFF00;background:#6DB142}
.ws_latest_list_wrap .es_content_area .bs_list_box .is_icon.ss_hot {width:16px;color:#FFF;background:#E52955}
.ws_latest_list_wrap .es_content_area .bs_list_box .is_icon.ss_cmt {padding:0 5px;color:#FFF;white-space:nowrap;background:#5C85C1}
.ws_latest_list_wrap .es_content_area .bs_list_box .is_icon.fa-lock {width:16px;color:#4F818C;background-color:#CBE3E8}
.ws_latest_list_wrap .es_content_area .bs_list_box .is_subject {display:inline-block;position:relative;width:calc(100% - 60px);padding-left:10px;font-size:1.3em}
.ws_latest_list_wrap .es_content_area .bs_list_box .is_subject:before {content:'';display:block;position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:50% !important;background-color:#000}
.ws_latest_list_wrap .es_content_area .bs_list_box .is_notice {}
.ws_latest_list_wrap .es_content_area .bs_list_box .is_time {position:absolute;right:0;color:#999;font-size:1.1em}


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

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

}
/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {

}
/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_latest_list_wrap .es_title {height:60px;font-size:1.6em;line-height:60px}
	.ws_latest_list_wrap .es_content_area .bs_list_box .is_subject {height:20px;font-size:1.1em}
	.ws_latest_list_wrap .es_content_area .bs_list_box .is_time {font-size:1em}
	.ws_latest_list_wrap .es_more {top:18px}
}


/* ==================================================================================================== *
 *
 *     MEDIA EXTEND - MIN DEVICE
 *
 * ==================================================================================================== */

/* MEDIA (태블릿 이상) 768px 이상 */
@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) {

}