@charset "utf-8";

/* 최근게시물(갤러리) */
.ws_latest_gallery01_wrap {position:relative}
.ws_latest_gallery01_wrap .es_title {display:block;margin-bottom:2rem}
.ws_latest_gallery01_wrap .es_title a {display:inline-block;color:#000;font-size:3rem}
.ws_latest_gallery01_wrap .es_more {display:block;position:absolute;top:0;right:0;width:4rem;height:4rem;border-radius:50%;background-color:#EEE;font-size:2rem;line-height:4rem;text-align:center}
.ws_latest_gallery01_wrap .es_content_area {}
.ws_latest_gallery01_wrap .es_content_area .bs_list_box {}
.ws_latest_gallery01_wrap .es_content_area .bs_list_box a {display:block}
.ws_latest_gallery01_wrap .es_content_area .bs_list_box .is_image_field {display:block;position:relative;width:100%;height:auto}
.ws_latest_gallery01_wrap .es_content_area .bs_list_box .is_image_field:after {content:'더보기';opacity:0;display:block;position:absolute;top:50%;left:50%;width:10rem;height:10rem;border-radius:50%;background-color:rgba(13,175,74,.8);color:#FFF;line-height:10rem;text-align:center;transform:translate(-50%, -50%);transition:all .3s}
.ws_latest_gallery01_wrap .es_content_area .bs_list_box a:hover .is_image_field:after {opacity:1}
.ws_latest_gallery01_wrap .es_content_area .bs_list_box .is_image_field .ss_image {width:100%;height:100%;border-radius:1.5rem}
.ws_latest_gallery01_wrap .es_content_area .bs_list_box .is_desc_field {position:relative;margin-top:2rem}
.ws_latest_gallery01_wrap .es_content_area .bs_list_box .is_desc_field .fa-heart{color:#FFf0000}
.ws_latest_gallery01_wrap .es_content_area .bs_list_box .is_desc_field .fa-caret-right{color:#BBB}
.ws_latest_gallery01_wrap .es_content_area .bs_list_box .is_desc_field .ss_icon {display:inline-block;margin-right:5px;border-radius:2px;font-size:1.2rem;line-height:16px;text-align:center}
.ws_latest_gallery01_wrap .es_content_area .bs_list_box .is_desc_field .ss_icon.ss_new {width:16px;background-color:#6DB142;color:#FFFF00}
.ws_latest_gallery01_wrap .es_content_area .bs_list_box .is_desc_field .ss_icon.ss_hot {width:16px;background-color:#E52955;color:#FFF}
.ws_latest_gallery01_wrap .es_content_area .bs_list_box .is_desc_field .ss_icon.ss_cmt {padding:0 5px;background-color:#5C85C1;color:#FFF;white-space:nowrap}
.ws_latest_gallery01_wrap .es_content_area .bs_list_box .is_desc_field .ss_icon.fa-lock {width:16px;background-color:#CBE3E8;color:#4F818C}
.ws_latest_gallery01_wrap .es_content_area .bs_list_box .is_desc_field .ss_subject {overflow:hidden;display:block;height:5.4rem;color:#000;font-weight:500}
.ws_latest_gallery01_wrap .es_content_area .bs_list_box:hover .is_desc_field .ss_subject {text-decoration:underline}
.ws_latest_gallery01_wrap .es_content_area .bs_list_box .is_desc_field .ss_notice {}
.ws_latest_gallery01_wrap .es_content_area .bs_list_box .is_desc_field .ss_time {color:#777;font-size:1.4rem}


/* ==================================================================================================== *
 *
 *     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_gallery01_wrap .es_title a {font-size:2.5rem}
	.ws_latest_gallery01_wrap .es_content_area .bs_list_box .is_desc_field .ss_subject {font-size:1.6rem}
}


/* ==================================================================================================== *
 *
 *     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) {

}