@charset "utf-8";

/* 상담자원봉사동아리 : S */
.ws_content_wrap {}
.ws_content_wrap .es_content_area {}
.ws_content_wrap .es_content_area .bs_list_box {height:230px;margin-top:20px;padding:25px 10px;border-radius:20px !important;background-color:#f5f5f5;text-align:center}
.ws_content_wrap .es_content_area .bs_list_box .is_icon {display:inline-block;width:100px;height:100px;border-radius:50% !important;background-color:#fff;background-image:url('../../../img/page/group_icon01.png');background-repeat:no-repeat}
.ws_content_wrap .es_content_area .bs_list_box .is_icon01 {background-position:0px 0px}
.ws_content_wrap .es_content_area .bs_list_box .is_icon02 {background-position:0px -106px}
.ws_content_wrap .es_content_area .bs_list_box .is_icon03 {background-position:0px -213px}
.ws_content_wrap .es_content_area .bs_list_box .is_icon04 {background-position:0px -320px}
.ws_content_wrap .es_content_area .bs_list_box .is_icon05 {background-position:0px -428px}
.ws_content_wrap .es_content_area .bs_list_box .is_desc {margin-top:5px;font-size:1.3em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
/* 상담자원봉사동아리 : E */


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

/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_content_wrap .es_content_area .bs_list_box .is_icon {width:70px;height:70px;background-size:70px}
	.ws_content_wrap .es_content_area .bs_list_box .is_icon01 {background-position:0px 0px}
	.ws_content_wrap .es_content_area .bs_list_box .is_icon02 {background-position:0px -72px}
	.ws_content_wrap .es_content_area .bs_list_box .is_icon03 {background-position:0px -146px}
	.ws_content_wrap .es_content_area .bs_list_box .is_icon04 {background-position:0px -294px}
	.ws_content_wrap .es_content_area .bs_list_box .is_icon05 {background-position:0px -220px}
	.ws_content_wrap .es_content_area .bs_list_box .is_desc {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) {

}