@charset "utf-8";

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

/* 공통 */
.ws_main_content_wrap {margin:70px 0 50px 0}
.ws_main_content_wrap .es_image_area {}
.ws_main_content_wrap .es_image_area img {max-width:100%}

/* 퀵메뉴 */
.ws_quick_menu_wrap {border-bottom:1px solid #eee;background-color:#f9f9f9}
.ws_quick_menu_wrap .es_content_area {border-left:1px solid #eee}
.ws_quick_menu_wrap .es_content_area .bs_list_box {float:left;width:14.2%}
.ws_quick_menu_wrap .es_content_area .bs_list_box:hover {background-color:#fff}
.ws_quick_menu_wrap .es_content_area .bs_list_box a {display:block;padding-bottom:10px;border-right:1px solid #eee;text-align:center}
.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_icon {display:inline-block;width:90px;height:90px;background-image:url('../../../img/main/quick_icon.png');background-size:90px;background-repeat:no-repeat}
.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_icon01 {background-position:0 0}
.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_icon02 {background-position:0 -90px}
.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_icon03 {background-position:0 -180px}
.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_icon04 {background-position:0 -270px}
.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_icon05 {background-position:0 -360px}
.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_icon06 {background-position:0 -450px}
.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_icon07 {background-position:0 -540px}
.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_label {display:block;color:#000;font-size:1.3em;line-height:1.5em;letter-spacing:-0.5px}

/* 팝업 */
.ws_popup_wrap {display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.5);z-index:9999}
.ws_popup_wrap .es_content_area {position:absolute;top:50%;left:50%;width:100%;max-width:650px;height:100%;padding:15px 15px;transform:translate(-50%, -50%);overflow-y:auto}
.ws_popup_wrap .es_content_area .bs_image_box {padding:50px;background-color:#FFF;text-align:center}
.ws_popup_wrap .es_content_area img {max-width:100%;max-height:815px}
.ws_popup_wrap .es_content_area a {display:inline-block;margin-top:20px;padding:10px 30px;border-radius:3px !important;background-color:#000;color:#FFF;font-size:1.2em}

/* 최근게시물 */
.ws_latest_wrap {}
.ws_latest_wrap .es_latest_area {}


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

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

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

}
/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_quick_menu_wrap {border-bottom:0}
	.ws_quick_menu_wrap .es_content_area {border-left:0}  
	.ws_quick_menu_wrap .es_content_area .bs_list_box a {padding:10px 0}
	.ws_quick_menu_wrap .es_content_area .bs_list_box a {border-right:0}
	.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_icon {width:60px;height:60px;background-size:60px}
	.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_icon02 {background-position:0 -60px}
	.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_icon03 {background-position:0 -120px}
	.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_icon04 {background-position:0 -180px}
	.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_icon05 {background-position:0 -240px}
	.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_icon06 {background-position:0 -300px}
	.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_icon07 {background-position:0 -360px}
	.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_label {font-weight:500;font-size:1em}
	
	.ws_popup_wrap .es_content_area {max-width:100%}
	.ws_popup_wrap .es_content_area .bs_image_box {padding:20px}

	.ws_latest_list_wrap .es_title
	.ws_latest_gallery_wrap .es_title {font-size:1.4em}
	.ws_latest_list_wrap .es_content_area .bs_list_box .is_subject,
	.ws_latest_gallery_wrap .es_content_area .bs_list_box .is_desc_field .ss_subject,
	.ws_latest_custom_gallery_wrap .es_content_area .bs_list_box .is_desc_field .ss_subject {font-size:1.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_latest_wrap .es_latest_area {height:215px}
}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media all and (min-width:992px) and (max-width:1279px) {

}