@charset "utf-8";

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

/* COMMON : S */
.ws_main_content_wrap {margin:70px 0}
.ws_main_content_wrap .es_main_title {display:block;margin-bottom:40px;color:#000;font-size:3em;line-height:normal;letter-spacing:-1px}
/* COMMON : E */

/* 퀵메뉴 */
.ws_quick_menu_wrap {padding:30px 0}
.ws_quick_menu_wrap .es_content_area {}
.ws_quick_menu_wrap .es_content_area .bs_list_box {text-align:center}
.ws_quick_menu_wrap .es_content_area .bs_list_box a {display:block}
.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_icon {display:inline-block;border-radius:10px !important;background-color:#F5F5F5;overflow:hidden}
.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_icon img {max-width:100%}
.ws_quick_menu_wrap .es_content_area .bs_list_box:hover a .is_icon img {transform:rotateY(180deg);transition:transform .7s}
.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_title {display:block;margin-top:5px;color:#000;font-weight:500;font-size:1.3em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}

/* 최근게시물(BASIC) & 고객센터 */
.ws_main_latest_wrap {}
.ws_main_latest_wrap .es_content_area {}
.ws_main_latest_wrap .es_content_area .bs_cs_box {height:332px;padding:30px 0;border-radius:0 30px 0 30px !important;border:7px solid #DDD;background-color:#F5F5F5;text-align:center}
.ws_main_latest_wrap .es_content_area .bs_cs_box .is_title {display:block;margin-bottom:20px;color:#000;font-size:2em;line-height:normal;letter-spacing:-1px}
.ws_main_latest_wrap .es_content_area .bs_cs_box .is_tel {display:inline-block;padding-left:70px;background-image:url('../../../img/main/cs_icon.png');background-position:left -22px center;background-repeat:no-repeat;font-weight:bold;font-size:2.5em;line-height:normal;letter-spacing:-1px;font-family:'Montserrat', sans-serif}
.ws_main_latest_wrap .es_content_area .bs_cs_box .is_tel a {display:block}
.ws_main_latest_wrap .es_content_area .bs_cs_box .is_desc {margin-top:10px;color:#777;font-size:1.2em;line-height:1.5em;letter-spacing:-0.5px}
.ws_main_latest_wrap .es_content_area .bs_cs_box .is_btn {display:inline-block;margin-top:40px;padding:15px 25px;font-size:1.2em}

/* 최근게시물(GALLERY) */
.ws_main_latest_gallery_wrap {position:relative;padding:70px 0}
.ws_main_latest_gallery_wrap:after {content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:150px;z-index:-1}

/* 후원 & 자원봉사 */
.ws_sponsor_wrap {}
.ws_sponsor_wrap .es_content_area {}
.ws_sponsor_wrap .es_content_area .bs_list_box {}
.ws_sponsor_wrap .es_content_area .bs_list_box a {display:block;position:relative;height:200px;padding:30px;border:1px solid #DDD}
.ws_sponsor_wrap .es_content_area .bs_list_box a:after {content:'';display:block;position:absolute;top:20px;right:20px;width:60px;height:60px;background-image:url('../../../img/main/sponsor_icon.png');background-repeat:no-repeat}
.ws_sponsor_wrap .es_content_area .bs_list01 a:after {background-position:0 0}
.ws_sponsor_wrap .es_content_area .bs_list02 a:after {background-position:0 -60px}
.ws_sponsor_wrap .es_content_area .bs_list03 a:after {background-position:0 -120px}
.ws_sponsor_wrap .es_content_area .bs_list04 a:after {background-position:0 -180px}
.ws_sponsor_wrap .es_content_area .bs_list_box a .is_title {color:#000;font-size:1.4em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_sponsor_wrap .es_content_area .bs_list_box a .is_desc {margin-top:10px;font-size:1.2em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_sponsor_wrap .es_content_area .bs_list_box a .is_btn {display:inline-block;margin-top:30px;font-size:1.2em}
.ws_sponsor_wrap .es_content_area .bs_list_box a .is_btn i {margin-left:20px}


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

/* MEDIA (데스크탑 이하) 1279px 이하 */
@media all and (max-width:1279px) {
	.ws_sponsor_wrap .es_content_area .bs_list_box a {padding:20px}
	.ws_sponsor_wrap .es_content_area .bs_list_box a:after {top:10px;right:10px}
}
/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {
	.ws_main_latest_wrap .es_content_area .bs_cs_box {margin-top:20px}
}
/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_main_content_wrap .es_main_title {font-size:2.5em}

	.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_title {font-size:1.2em}

	.ws_main_latest_gallery_wrap  {padding-top:0}

	.ws_sponsor_wrap .es_content_area .bs_list_box a {height:180px}
	.ws_sponsor_wrap .es_content_area .bs_list_box a:after {width:40px;height:40px;background-size:40px}
	.ws_sponsor_wrap .es_content_area .bs_list02 a:after {background-position:0 -40px}
	.ws_sponsor_wrap .es_content_area .bs_list03 a:after {background-position:0 -80px}
	.ws_sponsor_wrap .es_content_area .bs_list04 a:after {background-position:0 -120px}
	.ws_sponsor_wrap .es_content_area .bs_list_box a .is_title {font-size:1.3em}
	.ws_sponsor_wrap .es_content_area .bs_list_box a .is_desc {font-size:1em}
	.ws_sponsor_wrap .es_content_area .bs_list_box a .is_btn {font-size:1em}
}


/* ==================================================================================================== *
 *
 *     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) {
	.ws_sponsor_wrap .es_content_area .bs_list_box a:after {display:none}
}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media all and (min-width:992px) and (max-width:1279px) {
	.ws_main_latest_wrap .es_content_area .bs_cs_box .is_tel {padding-left:0;background-image:none}
}