@charset "utf-8";

/* 자원봉사/후원 공통: S */
.ws_content_wrap {}
.ws_content_wrap .es_content_area {text-align:center}
.ws_content_wrap .es_content01 {}
.ws_content_wrap .es_content02 {}
.ws_content_wrap .es_content_area .bs_image_box {display:block;border-radius:20px !important;text-align:center;overflow:hidden}
.ws_content_wrap .es_content01 .bs_image_box {background-color:#e1e7ff}
.ws_content_wrap .es_content02 .bs_image_box {background-color:#f5f5f5}
.ws_content_wrap .es_content_area .bs_image_box img {max-width:100%}
.ws_content_wrap .es_content_area .bs_btn {display:inline-block;margin-top:20px;padding:20px 50px;color:#fff;font-size:1.4em;letter-spacing:-0.5px}
.ws_content_wrap .es_content01 .bs_btn {background-color:#3f358e}
.ws_content_wrap .es_content02 .bs_btn {background-color:#e94f63}
/* 자원봉사/후원 공통 : E */


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

/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_content_wrap .es_content02 {margin-top:50px}
	.ws_content_wrap .es_content_area .bs_btn {padding:15px 20px;font-size:1.2em}
}

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

}

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

}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media all and (min-width:992px) and (max-width:1279px) {

}