@charset "utf-8";

/* 최근게시물 (기본) */
.ws_latest_success_wrap {position:relative;overflow:hidden}
.ws_latest_success_wrap:before,
.ws_latest_success_wrap:after {display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;content:'.'}
.ws_latest_success_wrap .es_title {display:block;height:40px;padding:0 20px;border-bottom:1px solid #ddd;background:#fafafa;font-size:1.1em;line-height:40px}
.ws_latest_success_wrap .es_title a {color:#666;display:inline-block;position:relative}
.ws_latest_success_wrap .es_title a:after {position:absolute;bottom:1px;left:0;width:100%;height:2px;background:#666;content:''}
.ws_latest_success_wrap .es_content_area {}
.ws_latest_success_wrap .es_content_area .bs_list_box {}
.ws_latest_success_wrap .es_content_area .bs_info_box {display:block;position:relative;margin:10px 0;padding:30px;background-color:rgba(255,255,255,.25)}
.ws_latest_success_wrap .es_content_area .bs_info_box:before {content:'';display:block;position:absolute;top:-1px;left:0;width:0;height:0;border-top:4px solid transparent;border-right:4px solid transparent}
.ws_latest_success_wrap .es_content_area .bs_info_box:after {content:'';display:block;position:absolute;right:0;bottom:-1px;width:0;height:0;border-bottom:4px solid transparent;border-left:4px solid transparent}
.ws_latest_success_wrap .es_content_area .bs_info_box:hover {background-color:rgba(255,255,255,.4);transition:all .4s}
.ws_latest_success_wrap .es_content_area .bs_info_box:hover:before,
.ws_latest_success_wrap .es_content_area .bs_info_box:hover:after {width:100%;height:100%;transition:width .4s, height .4s .4s}
.ws_latest_success_wrap .es_content_area .bs_list_box .is_label {display:inline-block;border-bottom:1px solid #fff;color:#fff;font-weight:400;font-size:1.3em;line-height:2em;letter-spacing:-0.5px}
.ws_latest_success_wrap .es_content_area .bs_list_box .fa-heart {color:#ff0000}
.ws_latest_success_wrap .es_content_area .bs_list_box .fa-caret-right {color:#bbb}
.ws_latest_success_wrap .es_content_area .bs_list_box .is_bullet {margin-right:5px;font-weight:bold}
.ws_latest_success_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_success_wrap .es_content_area .bs_list_box .is_icon.ss_new {width:16px;color:#ffff00;background:#6db142}
.ws_latest_success_wrap .es_content_area .bs_list_box .is_icon.ss_hot {width:16px;color:#fff;background:#e52955}
.ws_latest_success_wrap .es_content_area .bs_list_box .is_icon.ss_cmt {padding:0 5px;color:#fff;white-space:nowrap;background:#5c85c1}
.ws_latest_success_wrap .es_content_area .bs_list_box .is_icon.fa-lock {width:16px;color:#4f818c;background-color:#cbe3e8}
.ws_latest_success_wrap .es_content_area .bs_list_box .is_subject {display:block;height:56px;margin-top:20px;color:#fff;font-weight:400;font-size:1.7em;line-height:1.4em;letter-spacing:-0.5px;word-break:keep-all;overflow:hidden}
.ws_latest_success_wrap .es_content_area .bs_list_box .is_notice {font-weight:bold}
.ws_latest_success_wrap .es_content_area .bs_list_box .is_sum_field {margin-top:30px}
.ws_latest_success_wrap .es_content_area .bs_list_box .is_sum_field .ss_image {display:inline-block;vertical-align:middle;width:75px;height:75px;border-radius:50% !important;overflow:hidden}
.ws_latest_success_wrap .es_content_area .bs_list_box .is_sum_field .ss_image .ks_img {max-width:100%}
.ws_latest_success_wrap .es_content_area .bs_list_box .is_sum_field .ss_text {display:inline-block;vertical-align:middle;margin-left:15px;color:#fff;font-weight:400;font-size:1.4em;line-height:1.3em;letter-spacing:-0.5px}
.ws_latest_success_wrap .es_content_area .bs_list_box .is_time {position:absolute;top:45px;right:30px;color:rgba(255,255,255,.7);font-size:1.2em;letter-spacing:-0.5px}
.ws_latest_success_wrap .es_more {display:inline-block;margin-top:50px;padding:18px 80px;border-radius:50px !important;border:1px solid #fff;color:#fff;font-size:1.4em}

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

/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_latest_success_wrap .es_content_area .bs_list_box .is_label {font-size:1.1em}

}
/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {
	.ws_latest_success_wrap .es_content_area .bs_list_box .is_subject {height:40px;font-size:1.2em}
	.ws_latest_success_wrap .es_content_area .bs_list_box .is_sum_field .ss_image {width:55px;height:55px}
	.ws_latest_success_wrap .es_content_area .bs_list_box .is_sum_field .ss_text {font-size:1.1em}
	.ws_latest_success_wrap .es_content_area .bs_list_box .is_time {font-size:1em}
	.ws_latest_success_wrap .es_more {font-size:1.2em}

}
/* 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) {
	.ws_latest_success_wrap .es_content_area .bs_list_box .is_label {font-size:1.2em}
}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media all and (min-width:992px) and (max-width:1279px) {

}