@charset "utf-8";

/* ==================================================================================================== *
 *
 *   WEBIS STYLE SHEET - MAIN
 *
 * ==================================================================================================== */

/* COMMON : S */
.ws_main_content_wrap {}
.ws_main_content_wrap .es_main_title {display:block;margin-bottom:5rem;color:#000;font-size:4.5rem;text-align:center}
/* COMMON : E */

/* 최근게시물 */
.ws_main_latest_wrap {}

/* 최근게시물(갤러리) */
.ws_main_gallery_wrap {background:linear-gradient(140deg, #EDF2B0, #C3E2E4, #C3E2E4, #58B5A2)}
.ws_main_gallery_wrap .es_contant_area {}
.ws_main_gallery_wrap .es_contant_area .bs_news_box {}
.ws_main_gallery_wrap .es_contant_area .bs_press_box {}
.ws_main_gallery_wrap .es_contant_area .bs_press_box .ws_latest_list_wrap .es_content_area {border:none}
.ws_main_gallery_wrap .es_contant_area .bs_press_box .ws_latest_list_wrap .es_more {background-color:#FFF}

/* 배너 */
.ws_banner_wrap {margin-top:10rem;margin-bottom:0}
.ws_banner_wrap .es_content_area {display:flex;flex-wrap:wrap;justify-content:space-between}
.ws_banner_wrap .es_content_area .bs_content_box {width:49%;border-radius:1.5rem}
.ws_banner_wrap .es_content_area .bs_content_box:nth-child(1) {background-color:#DCEDFE}
.ws_banner_wrap .es_content_area .bs_content_box:nth-child(2) {background-color:#E4F4F6}
.ws_banner_wrap .es_content_area .bs_content_box a {display:block;position:relative;padding:4rem}
.ws_banner_wrap .es_content_area .bs_content_box:nth-child(1) a:after {content:'';display:block;position:absolute;right:3rem;bottom:1rem;width:20rem;height:16rem;background-image:url('../../../img/main/banner_img01.png');background-position:center;background-size:contain;background-repeat:no-repeat}
.ws_banner_wrap .es_content_area .bs_content_box:nth-child(2) a:after {content:'';display:block;position:absolute;right:5rem;bottom:1rem;width:18rem;height:16rem;background-image:url('../../../img/main/banner_img02.png');background-position:center;background-size:contain;background-repeat:no-repeat}
.ws_banner_wrap .es_content_area .bs_content_box a .is_title {display:block;color:#000;font-size:2.5rem}
.ws_banner_wrap .es_content_area .bs_content_box a .is_desc {margin-top:1rem}

/* 이달의 행사, 응원/칭찬합니다 */
.ws_main_schedule_wrap {background-image:url('../../../img/main/grid_bg.png');background-size:1.5rem}
.ws_main_schedule_wrap .es_content_area {}
.ws_main_schedule_wrap .es_content_area .bs_schedule_box {}
.ws_main_schedule_wrap .es_content_area .bs_cheering_box {}


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

/* MEDIA (데스크탑 이하) 1279px 이하 */
@media all and (max-width:1279px) {
	.ws_main_content_wrap {padding:5rem 0}
}
/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {
	.ws_main_schedule_wrap .es_content_area .bs_cheering_box {margin-top:5rem}
}
/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_banner_wrap {margin:0}
	.ws_banner_wrap .es_content_area .bs_content_box a {text-align:center}
	.ws_banner_wrap .es_content_area .bs_content_box:nth-child(1) a:after,
	.ws_banner_wrap .es_content_area .bs_content_box:nth-child(2) a:after {display:none}

	.ws_main_gallery_wrap .es_contant_area .bs_news_box {margin-top:5rem}
}


/* ==================================================================================================== *
 *
 *     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 (큰화면 데스크탑 이상) 1620px 이상 */
@media all and (min-width:1620px) {

}


/* ==================================================================================================== *
 *
 *     MEDIA EXTEND - AND DEVICE
 *
 * ==================================================================================================== */

/* MEDIA (태블릿 구간만) 768px ~ 991px */
@media all and (min-width:768px) and (max-width:991px) {
	.ws_banner_wrap .es_content_area .bs_content_box:nth-child(1) a:after {bottom:50%;right:2rem;width:12rem;height:10rem;transform:translateY(50%)}
	.ws_banner_wrap .es_content_area .bs_content_box:nth-child(2) a:after {bottom:50%;right:2rem;width:12rem;height:11rem;transform:translateY(50%)}
}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media all and (min-width:992px) and (max-width:1279px) {
	.ws_banner_wrap .es_content_area .bs_content_box:nth-child(1) a:after {bottom:50%;right:2rem;width:12rem;height:10rem;transform:translateY(50%)}
	.ws_banner_wrap .es_content_area .bs_content_box:nth-child(2) a:after {bottom:50%;right:2rem;width:12rem;height:11rem;transform:translateY(50%)}
}