@charset "utf-8";

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

/* 퀵메뉴 */
.ws_quick_menu_wrap {padding:15px 0;background-color:#f5f5f5}
.ws_quick_menu_wrap .es_content_area {}
.ws_quick_menu_wrap .es_content_area .bs_list_box {}
.ws_quick_menu_wrap .es_content_area .bs_list_box a {display:block;border-right:1px solid #ddd;color:#000;text-align:center}
.ws_quick_menu_wrap .es_content_area .bs_list_box:last-child a {border-right:0}
.ws_quick_menu_wrap .es_content_area .bs_list_box .is_icon {display:inline-block;width:60px;height:60px;background-image:url('../../../img/main/quick_icon.png');background-repeat:no-repeat}
.ws_quick_menu_wrap .es_content_area .bs_list_box .is_icon01 {background-position:0px 0px}
.ws_quick_menu_wrap .es_content_area .bs_list_box .is_icon02 {background-position:0px -60px}
.ws_quick_menu_wrap .es_content_area .bs_list_box .is_icon03 {background-position:0px -120px}
.ws_quick_menu_wrap .es_content_area .bs_list_box .is_icon04 {background-position:0px -180px}
.ws_quick_menu_wrap .es_content_area .bs_list_box .is_icon05 {background-position:0px -240px}
.ws_quick_menu_wrap .es_content_area .bs_list_box .is_icon06 {background-position:0px -300px}
.ws_quick_menu_wrap .es_content_area .bs_list_box .is_label {display:block;font-size:1.3em;line-height:1.5em;letter-spacing:-0.5px}

/* 퀵배너 */
.ws_quick_banner_wrap {margin-top:50px}
.ws_quick_banner_wrap .es_content_area {}
.ws_quick_banner_wrap .es_content_area .bs_list_box {}
.ws_quick_banner_wrap .es_content_area .bs_list_box a {display:block;padding:30px;color:#fff;text-align:center}
.ws_quick_banner_wrap .es_content_area .bs_list01 a {background-color:#E3666B}
.ws_quick_banner_wrap .es_content_area .bs_list02 a {background-color:#D4577D}
.ws_quick_banner_wrap .es_content_area .bs_list03 a {background-color:#5DB9B4}
.ws_quick_banner_wrap .es_content_area .bs_list04 a {background-color:#47B1ED}
.ws_quick_banner_wrap .es_content_area .bs_list_box .is_icon {display:inline-block;width:60px;height:60px;border-radius:50% !important;background-image:url('../../../img/main/quick_banner_icon.png');background-color:#fff;background-repeat:no-repeat}
.ws_quick_banner_wrap .es_content_area .bs_list_box .is_icon01 {background-position:0px 0px}
.ws_quick_banner_wrap .es_content_area .bs_list_box .is_icon02 {background-position:0px -60px}
.ws_quick_banner_wrap .es_content_area .bs_list_box .is_icon03 {background-position:0px -120px}
.ws_quick_banner_wrap .es_content_area .bs_list_box .is_icon04 {background-position:0px -180px}
.ws_quick_banner_wrap .es_content_area .bs_list_box .is_label {display:block;margin-top:10px;font-size:1.8em;line-height:normal;letter-spacing:-0.5px}
.ws_quick_banner_wrap .es_content_area .bs_list_box .is_desc {margin-top:10px;font-size:1.3em;line-height:1.5em;letter-spacing:-0.5px}
.ws_quick_banner_wrap .es_content_area .bs_list_box .is_btn {display:inline-block;margin-top:20px;padding:5px 15px;border:1px solid #fff;font-size:1.2em;letter-spacing:-0.5px}
.ws_quick_banner_wrap .es_content_area .bs_list_box:hover .is_btn {background-color:#fff;transition:all .3s ease-in}
.ws_quick_banner_wrap .es_content_area .bs_list01:hover .is_btn {color:#E3666B}
.ws_quick_banner_wrap .es_content_area .bs_list02:hover .is_btn {color:#D4577D}
.ws_quick_banner_wrap .es_content_area .bs_list03:hover .is_btn {color:#5DB9B4}
.ws_quick_banner_wrap .es_content_area .bs_list04:hover .is_btn {color:#47B1ED}

/* 최근게시물 */
.ws_latest_wrap {margin:50px 0}
.ws_latest_wrap .es_latest_area {}
.ws_latest_wrap .es_latest_area .bs_content_box {}

/* SNS */
.ws_sns_wrap {background-color:#f0ede8}
.ws_sns_wrap .es_content_area {}
.ws_sns_wrap .es_content_area .bs_list_box {}
.ws_sns_wrap .es_content_area .bs_list_box a {display:block;padding:30px 20px;border-right:1px solid #ddd;text-align:center}
.ws_sns_wrap .es_content_area .bs_list01 a {border-left:1px solid #ddd}
.ws_sns_wrap .es_content_area .bs_list02 a {}
.ws_sns_wrap .es_content_area .bs_list03 a {}
.ws_sns_wrap .es_content_area .bs_list_box .is_label {color:#333;font-weight:bold;font-size:1.5em;line-height:1.4em;letter-spacing:-0.5px;word-break:keep-all}
.ws_sns_wrap .es_content_area .bs_list_box .is_label i {margin-right:10px;color:#aba295}
.ws_sns_wrap .es_content_area .bs_list_box .is_btn {display:none;float:right;width:30px;height:30px;border-radius:50% !important;background-color:#fff;color:#9b8c75;line-height:30px;text-align:center}
.ws_sns_wrap .es_content_area .bs_list_box:hover .is_btn {background-color:#9b8c75;color:#fff;transition:all .3s ease-in}


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

/* MEDIA (데스크탑 이하) 1279px 이하 */
@media all and (max-width:1279px) {
	.ws_latest_tab_wrap .es_content_area .bs_list_box .is_subject {display:inline-block;vertical-align:middle;width:70%;height:18px;overflow:hidden}
}
/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {

}
/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_quick_menu_wrap .es_content_area .bs_list_box a {padding:5px 0;border-right:none}
	.ws_quick_menu_wrap .es_content_area .bs_list_box .is_icon {width:40px;height:40px;background-size:40px}
	.ws_quick_menu_wrap .es_content_area .bs_list_box .is_icon02 {background-position:0px -40px}
	.ws_quick_menu_wrap .es_content_area .bs_list_box .is_icon03 {background-position:0px -80px}
	.ws_quick_menu_wrap .es_content_area .bs_list_box .is_icon04 {background-position:0px -120px}
	.ws_quick_menu_wrap .es_content_area .bs_list_box .is_icon05 {background-position:0px -160px}
	.ws_quick_menu_wrap .es_content_area .bs_list_box .is_icon06 {background-position:0px -200px}
	.ws_quick_menu_wrap .es_content_area .bs_list_box .is_label {font-size:1em}

	.ws_quick_banner_wrap .es_content_area .bs_list_box a {padding:20px 5px}
	.ws_quick_banner_wrap .es_content_area .bs_list_box .is_icon {width:40px;height:40px;background-size:40px}
	.ws_quick_banner_wrap .es_content_area .bs_list_box .is_icon02 {background-position:0px -40px}
	.ws_quick_banner_wrap .es_content_area .bs_list_box .is_icon03 {background-position:0px -80px}
	.ws_quick_banner_wrap .es_content_area .bs_list_box .is_icon04 {background-position:0px -120px}
	.ws_quick_banner_wrap .es_content_area .bs_list_box .is_label {font-size:1.4em}
	.ws_quick_banner_wrap .es_content_area .bs_list_box .is_desc {display:none}

	.ws_latest_tab_wrap .es_content_area .bs_list_box .is_subject,
	.ws_latest_gallery_wrap .es_content_area .bs_list_box .is_desc_field .ss_subject {height:22px;font-size:1.2em;overflow:hidden}
	.ws_latest_gallery_wrap .es_content_area .bs_list_box .is_desc_field .ss_desc {height:44px}
	.ws_latest_list_slide_wrap .es_content_area {font-size:1.2em}

	.ws_sns_wrap .es_content_area .bs_list_box a {padding:15px 8px;text-align:center}
	.ws_sns_wrap .es_content_area .bs_list_box .is_label {font-size:1em}
	.ws_sns_wrap .es_content_area .bs_list_box .is_label .fa {display:block;margin-right:0;margin-bottom:5px;font-size:1.5em}
	.ws_sns_wrap .es_content_area .bs_list_box .is_btn {display:none}
}


/* ==================================================================================================== *
 *
 *     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) {
	.ws_quick_banner_wrap .es_content_area .bs_list_box a {padding:30px 0}
	.ws_quick_banner_wrap .es_content_area .bs_list_box .is_label {font-size:1.5em}
	.ws_quick_banner_wrap .es_content_area .bs_list_box .is_desc {font-size:1.1em}

	.ws_latest_list_slide_wrap .es_content_area {height:164px}
}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media all and (min-width:992px) and (max-width:1279px) {
	.ws_sns_wrap .es_content_area .bs_list_box a {padding:30px 15px}
}