@charset "utf-8";

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

/* 복지관소개배너 */
.ws_infobanner_wrap {height:202px;margin:0 20px 20px 0;background:url(../img/main/main_intro_img01.png) no-repeat;background-size:cover}
.ws_infobanner_wrap .es_txt_box {padding:20px 18px;letter-spacing:-0.5px}
.ws_infobanner_wrap .es_txt_box .bs_info_tit {position:relative;margin-bottom:20px;color:#000;font-size:1.15em}
.ws_infobanner_wrap .es_txt_box .bs_info_tit:after {display:block;position:absolute;bottom:-10px;left:0;width:33px;height:2px;background:#737373;content:""}
.ws_infobanner_wrap .es_txt_box .bs_info_txt {margin:10px 0 62px 0;font-size:1.1em;line-height:1.5em}
.ws_infobanner_wrap .es_txt_box .bs_info_look {padding:7px 27px;border-radius:20px !important;background:#fff;font-weight:bold}
.ws_infobanner_wrap .es_txt_box .bs_info_look:hover {transition:0.5s;box-shadow:2px 2px 8px rgba(0,0,0,.2)}

/* 영광군진로체험센터 */
.ws_infosupport_wrap {height:202px;margin:0 20px 20px 0;background:url(../img/main/main_intro_img02.png) no-repeat;background-size:cover; }
.ws_infosupport_wrap .es_txt_box {padding:20px 18px;font-size:1.15em}
.ws_infosupport_wrap .es_txt_box .bs_info_tit {position:relative;margin-bottom:20px;color:#000}
.ws_infosupport_wrap .es_txt_box .bs_info_tit:after {display:block;position:absolute;bottom:-10px;left:0;width:33px;height:2px;background:#737373;content:""}
.ws_infosupport_wrap .es_txt_box .bs_info_txt {margin:10px 0 62px 0}
.ws_infosupport_wrap .es_txt_box .bs_info_look {padding:7px 27px;border-radius:20px !important;background:#fff;font-weight:bold}
.ws_infosupport_wrap .es_txt_box .bs_info_look:hover {transition:0.5s;box-shadow:2px 2px 8px rgba(0,0,0,.2)}

/* 자원봉사배너 */
.ws_volunteer_wrap {height:352px;margin-right:20px;background:url(../img/main/main_intro_img04.png) no-repeat;background-size:cover}
.ws_volunteer_wrap  .es_txt_box {padding:20px 18px;letter-spacing:-0.5px}
.ws_volunteer_wrap  .es_txt_box .bs_info_tit {position:relative;margin-bottom:20px;color:#000;font-size:1.15em}
.ws_volunteer_wrap  .es_txt_box .bs_info_tit:after {display:block;position:absolute;bottom:-10px;left:0;width:33px;height:2px;background:#737373;content:""}
.ws_volunteer_wrap  .es_txt_box .bs_info_txt {margin:10px 0 62px 0;font-size:1.1em;line-height:1.5em}
.ws_volunteer_wrap  .es_txt_box .bs_info_look {padding:7px 27px;border-radius:20px !important;background:#fff;font-weight:bold}
.ws_volunteer_wrap  .es_txt_box .bs_info_look:hover {transition:0.5s;box-shadow:2px 2px 8px rgba(0,0,0,.2)}

/* 오른쪽 배너 */
.ws_mainbanner_wrap {margin-left:20px}
.ws_mainbanner_wrap .es_imges {display:block;height:423px;background:#ddd}
.ws_mainbanner_wrap .es_imges .bs_img {}

/* 메인게시판 */
.ws_left_latest_wrap {margin-right:10px}
.ws_right_latest_wrap {margin-left:10px}

/* ROLLING BANNER */
.ws_rolling_banner_wrap {position:relative;padding:10px;margin-top:20px;border:1px solid #DDD}
.ws_rolling_banner_wrap .bx-wrapper {max-width:100% !important;margin-bottom:0 !important;border:0 !important;box-shadow:none !important}
.ws_rolling_banner_wrap .bx-wrapper .bx-pager {bottom:5% !important;padding-top:0 !important}
.ws_rolling_banner_wrap .es_title_area {height:25px;font-size:1.2em}
.ws_rolling_banner_wrap .es_center_area {background-color:#FFF}
.ws_rolling_banner_wrap .es_center_area .bs_rolling_box {}
.ws_rolling_banner_wrap .es_center_area .bs_rolling_box .is_image {}
.ws_rolling_banner_wrap .es_button_area {position:absolute;top:7px;right:10px}
.ws_rolling_banner_wrap .es_button_area .bs_btn_box {float:left;width:20px;height:20px;margin-left:-1px;line-height:10px;border:1px solid #EEE}
.ws_rolling_banner_wrap .es_button_area .bs_btn_box i {font-size:0.8em}


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

/* MEDIA (데스크탑 이하) 1279px 이하 */
@media all and (max-width:1279px) {

	/* 자원봉사배너 */
	.ws_volunteer_wrap {height:202px}

	.ws_latest_gallery_wrap {margin-bottom:20px}
}
/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {

	/* 복지관소개배너 */
	.ws_infobanner_wrap {margin:0 0 20px 0}

	/* 영광군진로체험센터 */
	.ws_infosupport_wrap {margin:0 0 20px 0}

	/* 자원봉사배너 */
	.ws_volunteer_wrap {margin:0 0 20px 0}
}
/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {

    /* 카피라이트 */
    .ws_copyright_wrap {text-align:center}
}

/* ==================================================================================================== *
 *
 *     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) {
	
	/* 복지관소개배너 */
	.ws_infobanner_wrap {margin:0 0 0 15px}

	/* 영광군진로체험센터 */
	.ws_infosupport_wrap {margin:0 10px 0 0}

	/* 자원봉사배너 */
	.ws_volunteer_wrap {margin:0 0 0 15px}
	
	.ws_left_latest_wrap {margin-right:10px}
	.ws_right_latest_wrap {margin-left:10px}

}