@charset "utf-8";

/* 최근게시물(응원/칭찬) */
.ws_latest_cheering_wrap {position:relative}
.ws_latest_cheering_wrap:before {content:'';display:block;position:absolute;top:0;right:0;width:20.3rem;height:12.3rem;background-image:url('../../../img/main/cheering_img.png');background-position:center;background-size:contain;background-repeat:no-repeat}
.ws_latest_cheering_wrap .es_title_area {position:relative;padding-left:5rem}
.ws_latest_cheering_wrap .es_title_area .bs_title {display:block;color:#000;font-weight:normal;font-size:5rem;font-family:'Nanum Pen Script', cursive}
.ws_latest_cheering_wrap .es_title_area .bs_title:before {content:'';display:block;position:absolute;top:0;left:0;width:3rem;height:3rem;border:0.7rem solid #F25D0C}
.ws_latest_cheering_wrap .es_title_area .bs_title a {color:#000}
.ws_latest_cheering_wrap .es_title_area .bs_desc {}
.ws_latest_cheering_wrap .es_more {display:block;position:absolute;top:0;right:0;width:5rem;height:5rem;border-radius:50%;background-color:#E9E9E9;color:#999;text-align:center;font-size:2rem;line-height:5rem}
.ws_latest_cheering_wrap .es_more:hover {color:#777}
.ws_latest_cheering_wrap .es_content_area {overflow-y:auto;margin-top:3rem;padding:3rem;border-radius:3rem;background-color:#F5F5F5}
.ws_latest_cheering_wrap .es_content_area .bs_list_box {position:relative;margin:0.5rem 0}
.ws_latest_cheering_wrap .es_content_area .bs_list_box:nth-child(odd) {padding-left:9.5rem}
.ws_latest_cheering_wrap .es_content_area .bs_list_box:nth-child(even) {padding-right:9.5rem;text-align:right}
.ws_latest_cheering_wrap .es_content_area .bs_list_box:before {content:'';display:block;position:absolute;top:0;width:8rem;height:8rem;background-position:center;background-size:contain;background-repeat:no-repeat}
.ws_latest_cheering_wrap .es_content_area .bs_list_box:nth-child(odd):before {left:0}
.ws_latest_cheering_wrap .es_content_area .bs_list_box:nth-child(even):before {right:0}
.ws_latest_cheering_wrap .es_content_area .bs_list_box:nth-child(1):before {background-image:url('../../../img/main/people01.png')}
.ws_latest_cheering_wrap .es_content_area .bs_list_box:nth-child(2):before {background-image:url('../../../img/main/people02.png')}
.ws_latest_cheering_wrap .es_content_area .bs_list_box:nth-child(3):before {background-image:url('../../../img/main/people03.png')}
.ws_latest_cheering_wrap .es_content_area .bs_list_box:nth-child(4):before {background-image:url('../../../img/main/people04.png')}
.ws_latest_cheering_wrap .es_content_area .bs_list_box:nth-child(5):before {background-image:url('../../../img/main/people05.png')}
.ws_latest_cheering_wrap .es_content_area .bs_list_box:nth-child(6):before {background-image:url('../../../img/main/people06.png')}
.ws_latest_cheering_wrap .es_content_area .bs_list_box .fa-heart{color:#FF0000}
.ws_latest_cheering_wrap .es_content_area .bs_list_box .fa-caret-right{color:#BBB}
.ws_latest_cheering_wrap .es_content_area .bs_list_box .is_icon {display:inline-block;margin-right:5px;border-radius:2px;font-size:1.2rem;text-align:center;line-height:16px}
.ws_latest_cheering_wrap .es_content_area .bs_list_box .is_icon.ss_new {width:16px;background-color:#6DB142;color:#FFFF00}
.ws_latest_cheering_wrap .es_content_area .bs_list_box .is_icon.ss_hot {width:16px;background-color:#E52955;color:#FFF}
.ws_latest_cheering_wrap .es_content_area .bs_list_box .is_icon.ss_cmt {padding:0 5px;background-color:#5C85C1;color:#FFF;white-space:nowrap}
.ws_latest_cheering_wrap .es_content_area .bs_list_box .is_icon.fa-lock {width:16px;background-color:#CBE3E8;color:#4F818C}
.ws_latest_cheering_wrap .es_content_area .bs_list_box .is_subject {display:inline-block;position:relative;;padding:1rem;border-radius:5px;font-size:2.5rem;font-family:'Nanum Pen Script', cursive}
.ws_latest_cheering_wrap .es_content_area .bs_list_box .is_subject:before {content:'';display:block;position:absolute;top:1rem;border-bottom:1rem solid transparent}
.ws_latest_cheering_wrap .es_content_area .bs_list_box:nth-child(odd) .is_subject {background-color:#E5E5E5}
.ws_latest_cheering_wrap .es_content_area .bs_list_box:nth-child(even) .is_subject {background-color:#FFEB33}
.ws_latest_cheering_wrap .es_content_area .bs_list_box:nth-child(odd) .is_subject:before {left:-2rem;border-left:1rem solid transparent;border-right:1rem solid;color:#E5E5E5}
.ws_latest_cheering_wrap .es_content_area .bs_list_box:nth-child(even) .is_subject:before {right:-2rem;border-right:1rem solid transparent;border-left:1rem solid;color:#FFEB33}
.ws_latest_cheering_wrap .es_content_area .bs_list_box .is_notice {}
.ws_latest_cheering_wrap .es_content_area .bs_list_box .is_time {display:block;margin-top:1rem;color:#777;font-size:1.4rem}


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

/* MEDIA (데스크탑 이하) 1279px 이하 */
@media all and (max-width:1279px) {
	.ws_latest_cheering_wrap:before {width:18rem;height:10rem}
}
/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {

}
/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_latest_cheering_wrap:before {width:13rem;height:8rem}
	.ws_latest_cheering_wrap .es_content_area .bs_list_box:nth-child(odd) {padding-left:7rem}
	.ws_latest_cheering_wrap .es_content_area .bs_list_box:nth-child(even) {padding-right:7rem}
	.ws_latest_cheering_wrap .es_content_area .bs_list_box:before {width:6rem;height: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) {

}