@charset "utf-8";

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

/* COMMON */
.ws_main_common_wrap {margin:50px 0}

/* 퀵메뉴 */
.ws_quick_menu_wrap {}
.ws_quick_menu_wrap .es_content_area {display:flex;flex-wrap:wrap;gap:20px}
.ws_quick_menu_wrap .es_content_area .bs_list_box {width:calc(100% / 4 - (3 * 20px / 4))}
.ws_quick_menu_wrap .es_content_area .bs_list_box a {display:block;padding:30px 0;border-radius:10px !important;border:1px solid #F5F5F5;background-color:#F5F5F5;text-align:center;transition:all .3s}
.ws_quick_menu_wrap .es_content_area .bs_list_box a:hover {box-shadow:0 5px 20px rgba(0,0,0,.05);border-color:#DDD;background-color:#FFF}
.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_icon {display:inline-block;width:65px;height:65px;background-image:url('../../../img/main/quick_icon.png');background-repeat:no-repeat}
.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_icon01 {background-position:0px -195px}
.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_icon02 {background-position:0px 0px}
.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_icon03 {background-position:0px -65px}
.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_icon04 {background-position:0px -130px}
.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_title {display:block;margin-top:10px;color:#000;font-weight:500;font-size:1.4em}

/* 사업안내 */
.ws_main_business_wrap {}
.ws_main_business_wrap .es_content_area {}
.ws_main_business_wrap .es_content_area .bs_list_box {}
.ws_main_business_wrap .es_content_area .bs_list_box a {display:block;height:220px;padding-top:30px;border-radius:10px !important;border:1px solid;background-position:bottom center;background-size:contain;background-repeat:no-repeat;text-align:center}
.ws_main_business_wrap .es_content_area .bs_list_box.bs_list01 a {border-color:#F8E195;background-color:#FFFAE2;background-image:url('../../../img/main/business_bg01.png')}
.ws_main_business_wrap .es_content_area .bs_list_box.bs_list02 a {border-color:#EF7C22;background-color:#FFF5E6;background-image:url('../../../img/main/business_bg02.png')}
.ws_main_business_wrap .es_content_area .bs_list_box.bs_list03 a {border-color:#95C63D;background-color:#F1FDF2;background-image:url('../../../img/main/business_bg03.png')}
.ws_main_business_wrap .es_content_area .bs_list_box.bs_list04 a {border-color:#4992CE;background-color:#F2F9FF;background-image:url('../../../img/main/business_bg04.png')}
.ws_main_business_wrap .es_content_area .bs_list_box a .is_title {display:block;position:relative;padding-bottom:15px;color:#000;font-size:1.6em}
.ws_main_business_wrap .es_content_area .bs_list_box a .is_title:before {content:'';display:block;position:absolute;bottom:0;left:50%;width:20px;height:2px;background-color:#000;transform:translateX(-50%)}

/* 최근게시물 */
.ws_main_latest_wrap {}

/* 배너 */
.ws_main_banner_wrap {padding:25px;border-radius:10px !important;border:1px solid #DDD}
.ws_main_banner_wrap .es_title {margin-bottom:20px;color:#000;font-size:1.6em}
.ws_main_banner_wrap .es_image_area {text-align:center}
.ws_main_banner_wrap .es_image_area img {border-radius:10px !important}

/* 최근게시물 갤러리 */
.ws_main_latest_gallery_wrap {}

/* 최근게시물 유튜브 */
.ws_main_latest_youtube_wrap {}

/* 오시는길 */
.ws_main_location_wrap {}
.ws_main_location_wrap .es_content_area {padding:50px 0}
.ws_main_location_wrap .es_content_area .bs_content_box {}
.ws_main_location_wrap .es_content_area .bs_content_box .is_title {margin-bottom:20px;color:#000;font-size:1.6em}
.ws_main_location_wrap .es_content_area .bs_content_box .is_add {color:#000;font-size:1.4em;line-height:1.5;letter-spacing:-0.5px;word-break:keep-all}
.ws_main_location_wrap .es_content_area .bs_content_box .is_sub_title {display:inline-block;margin-top:30px;padding:5px 15px;border-radius:50px !important;background-color:#000;color:#FFF;font-weight:500;font-size:1.2em}
.ws_main_location_wrap .es_content_area .bs_content_box .is_desc {margin-top:10px;font-size:1.3em;line-height:1.7;letter-spacing:-0.5px;word-break:keep-all}
.ws_main_location_wrap .es_content_area .bs_map_box {}
.ws_main_location_wrap .root_daum_roughmap .wrap_controllers {display:none}
.ws_main_location_wrap .root_daum_roughmap .cont {display:none}
.ws_main_location_wrap .root_daum_roughmap_landing {border-bottom:1px solid #DDD}

/* 이전디자인 */
.ws_main_content_wrap {margin-top:50px;margin-bottom:50px}
.ws_main_content_wrap .es_main_title {display:block;margin-bottom:10px;color:#000;font-weight:500;font-size:1.3em;line-height:35px;letter-spacing:-0.5px}

/* 배너 */
.ws_main_content_wrap .es_banner_area {}
.ws_main_content_wrap .es_banner_area .bs_banner_box {}
.ws_main_content_wrap .es_banner_area .bs_banner_box img {max-width:100%}
.ws_main_content_wrap .es_banner_area .bs_cs_box {margin-top:30px;overflow:hidden}
.ws_main_content_wrap .es_banner_area .bs_cs_box .is_image_field {float:left;width:30%;text-align:center}
.ws_main_content_wrap .es_banner_area .bs_cs_box .is_image_field img {}
.ws_main_content_wrap .es_banner_area .bs_cs_box .is_text_field {float:left;width:70%;padding-left:20px;text-align:center}
.ws_main_content_wrap .es_banner_area .bs_cs_box .is_text_field .ss_title {display:block;color:#000;font-weight:bold;font-size:1.1em;letter-spacing:-0.5px}
.ws_main_content_wrap .es_banner_area .bs_cs_box .is_text_field .ss_tel {font-weight:bold;font-size:2.5em;line-height:normal}
.ws_main_content_wrap .es_banner_area .bs_cs_box .is_text_field .ss_desc {padding:3px 5px;background-color:#f5f5f5;font-size:1em;line-height:1.5em;letter-spacing:-0.5px}

/* 최근게시물 */
.ws_main_content_wrap .es_main_latest_area {}

/* 퀵아이콘 */
.ws_main_content_wrap .es_quick_area {margin-top:30px}
.ws_main_content_wrap .es_quick_area .bs_list_box {}
.ws_main_content_wrap .es_quick_area .bs_list_box a {display:block;padding:5px 0;border:1px solid #ddd;text-align:center}
.ws_main_content_wrap .es_quick_area .bs_list_box a .is_icon {display:inline-block;width:65px;height:65px;background-image:url('../../../img/main/quick_icon.png');background-repeat:no-repeat}
.ws_main_content_wrap .es_quick_area .bs_list_box a .is_icon01 {background-position:0px 0px}
.ws_main_content_wrap .es_quick_area .bs_list_box a .is_icon02 {background-position:0px -65px}
.ws_main_content_wrap .es_quick_area .bs_list_box a .is_icon03 {background-position:0px -130px}
.ws_main_content_wrap .es_quick_area .bs_list_box a .is_icon04 {background-position:0px -195px}
.ws_main_content_wrap .es_quick_area .bs_list_box a .is_subject {display:block;letter-spacing:-0.5px}

/* 최근게시물 - 갤러리 */
.ws_main_content_wrap .es_latest_gallery_area {}


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

/* MEDIA (데스크탑 이하) 1279px 이하 */
@media all and (max-width:1279px) {
	.ws_main_content_wrap .es_banner_area .bs_cs_box  {margin-top:20px}
}
/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {
	.ws_main_content_wrap .es_quick_area {height:auto;margin-bottom:30px}
	.ws_main_content_wrap .es_banner_area {margin-top:30px}
	
	.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_title {font-size:1.3em}
	
	.ws_main_business_wrap .es_content_area .wd_gap_20 {margin:0 -5px}
	.ws_main_business_wrap .es_content_area .bs_list_box {margin:5px 0;padding:0 5px}
	.ws_main_business_wrap .es_content_area .bs_list_box a {height:170px}
	.ws_main_business_wrap .es_content_area .bs_list_box a .is_title {font-size:1.3em}
	
	.ws_main_banner_wrap .es_image_area img {max-width:100%}
	
	.ws_main_location_wrap {background-color:#EEF7FC}
	.ws_main_location_wrap .es_content_area .bs_content_box {margin-bottom:20px}
	.ws_main_location_wrap .es_content_area .bs_content_box .is_add {font-size:1.2em}
	.ws_main_location_wrap .es_content_area .bs_content_box .is_desc {font-size:1.2em}
	
	.ws_latest_gallery01_wrap .es_content_area .bs_list_box {margin:10px 0}
}
/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_main_common_wrap {margin:30px 0}

	.ws_quick_menu_wrap .es_content_area {gap:10px}
	.ws_quick_menu_wrap .es_content_area .bs_list_box {width:calc(100% / 4 - (3 * 10px / 4))}
	.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 .is_title {font-size:1.1em}
	
	.ws_main_banner_wrap .es_title {font-size:1.3em}
	
	.ws_main_location_wrap .es_content_area .bs_content_box .is_title {font-size:1.3em}
	.ws_main_location_wrap .es_content_area .bs_content_box .is_add {font-size:1.1em}
	.ws_main_location_wrap .es_content_area .bs_content_box .is_desc {font-size:1.1em}
	
	.ws_latest_list_wrap .es_title a {font-size:1.3em}
	.ws_latest_list_wrap .es_content_area .bs_list_box .is_subject {font-size:1.1em}
	.ws_latest_gallery01_wrap .es_title a {font-size:1.3em}
	.ws_latest_gallery01_wrap .es_content_area.wd_gap_20 {margin:0 -5px}
	.ws_latest_gallery01_wrap .es_content_area .bs_list_box {margin:5px 0;padding:0 5px}
	.ws_latest_gallery01_wrap .es_content_area .bs_list_box .is_desc_field .ss_subject {font-size:1.1em}
	.ws_latest_youtube_wrap .es_title a {font-size:1.3em}
	
	.ws_main_content_wrap {margin:30px 0}
}


/* ==================================================================================================== *
 *
 *     MEDIA EXTEND - MIN DEVICE
 *
 * ==================================================================================================== */

/* MEDIA (태블릿 이상) 768px 이상 */
@media all and (min-width:768px) {

}
/* MEDIA (데스크탑 이상) 992px 이상 */
@media all and (min-width:992px) {
	.ws_main_banner_wrap .es_image_area {height:164px}
	.ws_main_banner_wrap .es_image_area img {width:100%;height:100%;object-fit:cover}
	
	.ws_main_location_wrap .es_content_area {display:flex;flex-wrap:wrap;align-items:center;padding:50px;border-radius:10px !important;background-color:#EEF7FC;background-image:url('../../../img/main/location_bg.png');background-position:center;background-size:cover;background-repeat:no-repeat}
	.ws_main_location_wrap .es_content_area .bs_content_box {width:50%;padding-right:30px}
	.ws_main_location_wrap .es_content_area .bs_map_box {width:50%}
}
/* MEDIA (큰화면 데스크탑 이상) 1280px 이상 */
@media all and (min-width:1280px) {
	.ws_main_content_wrap .es_banner_area .bs_cs_box .es_main_title {display:none}
}


/* ==================================================================================================== *
 *
 *     MEDIA EXTEND - AND DEVICE
 *
 * ==================================================================================================== */

/* MEDIA (태블릿 구간만) 768px ~ 991px */
@media all and (min-width:768px) and (max-width:991px) {
	.ws_main_content_wrap .es_banner_area .bs_banner_box {margin-top:0}
}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media all and (min-width:992px) and (max-width:1279px) {
	.ws_main_content_wrap .es_banner_area .bs_cs_box .is_text_field .ss_tel {font-size:2em}
}