@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;color:#000;font-size:3em;line-height:normal;letter-spacing:-1px;text-align:center}
.ws_main_content_wrap .es_desc {margin-bottom:30px;color:#777;font-size:1.5em;line-height:1.5em;word-break:keep-all;text-align:center}
/* COMMON : E */

/* 최근게시물 */
.ws_main_latest_wrap {}
.ws_main_latest_wrap .es_content_area {}
.ws_main_latest_wrap .es_content_area .bs_latest_box {}
.ws_main_latest_wrap .es_content_area .bs_sponsor_box {}
.ws_main_latest_wrap .es_content_area .bs_sponsor_box .is_image_field {height:280px;background-image:url('../../../img/main/sponsor.png');background-position:center;background-size:cover;background-repeat:no-repeat}
.ws_main_latest_wrap .es_content_area .bs_sponsor_box .is_text_field {height:280px;padding:30px 5px;background-color:#3694DF;color:#FFF;text-align:center}
.ws_main_latest_wrap .es_content_area .bs_sponsor_box .is_text_field .ss_title {font-size:2em;line-height:normal}
.ws_main_latest_wrap .es_content_area .bs_sponsor_box .is_text_field .ss_desc {margin-top:3px;font-size:1.2em;line-height:1.5em}
.ws_main_latest_wrap .es_content_area .bs_sponsor_box .is_text_field .ss_tel {margin:25px 0;font-weight:bold;font-size:2em;line-height:1.3em}
.ws_main_latest_wrap .es_content_area .bs_sponsor_box .is_text_field .ss_tel .ks_tel {display:block;color:#FFD400;font-size:1.2em}
.ws_main_latest_wrap .es_content_area .bs_sponsor_box .is_text_field .ss_btn {display:inline-block;padding:12px 25px;background-color:#FFF;font-weight:bold;font-size:1.3em}

/* 퀵메뉴 */
.ws_quick_menu_wrap {background-color:#EDF3F7}
.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;padding:30px 20px;border-right:1px solid #FFF}
.ws_quick_menu_wrap .es_content_area .bs_list_box:first-child a {border-left:1px solid #FFF}
.ws_quick_menu_wrap .es_content_area .bs_list_box a:after {display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;content:'.'}
.ws_quick_menu_wrap .es_content_area .bs_list_box a:hover {box-shadow:0 4px 12px rgba(122,122,122,.12);background-color:#FFF;transition:all .3s ease-in-out}
.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_icon {float:left;width:80px}
.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 a .is_text {float:left;width:calc(100% - 80px);padding-left:20px}
.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_text .ss_title {display:block;color:#333;font-size:1.5em}
.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_text .ss_desc {margin-top:5px;color:#777;font-size:1.1em;word-break:keep-all}
.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_text .ss_btn {display:inline-block;margin-top:10px;padding:6px 22px;border:1px solid;font-size:1.1em}
.ws_quick_menu_wrap .es_content_area .bs_list_box a:hover .is_text .ss_btn {background-color:#3694DF;color:#FFF !important;transition:all .3s ease-in-out}

/* 최근게시물(GALLERY) */
.ws_main_latest_gallery_wrap {padding-bottom:40px}


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

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

}
/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {
	.ws_quick_menu_wrap .es_content_area .bs_list_box {text-align:center}
	.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_icon {float:none;width:100%}
	.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_icon img {width:70px}
	.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_text {float:none;width:100%;padding-left:0}
}
/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) { 
	.ws_main_content_wrap {margin:50px 0}
	.ws_main_content_wrap .es_main_title {font-size:2.5em}
	.ws_main_content_wrap .es_desc {font-size:1.2em}

	.ws_main_latest_wrap .es_content_area .bs_sponsor_box .is_text_field {height:auto;padding:20px 5px}
	.ws_main_latest_wrap .es_content_area .bs_sponsor_box .is_text_field .ss_title {font-size:1.8em}
	.ws_main_latest_wrap .es_content_area .bs_sponsor_box .is_text_field .ss_desc {font-size:1.1em}
	.ws_main_latest_wrap .es_content_area .bs_sponsor_box .is_text_field .ss_tel {font-size:1.8em}
	.ws_main_latest_wrap .es_content_area .bs_sponsor_box .is_text_field .ss_btn {font-size:1.1em}

	.ws_quick_menu_wrap .es_content_area .bs_list_box a {padding:20px 5px}
	.ws_quick_menu_wrap .es_content_area .bs_list_box:first-child a {border-left:0;border-bottom:1px solid #FFF}
	.ws_quick_menu_wrap .es_content_area .bs_list_box:nth-child(2) a {border-right:0;border-bottom:1px solid #FFF}
	.ws_quick_menu_wrap .es_content_area .bs_list_box:nth-child(4) a {border-right:0}
	.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_text .ss_title {margin-top:10px;font-size:1.3em}
}


/* ==================================================================================================== *
 *
 *     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_quick_menu_wrap .es_content_area .bs_list_box a .is_icon {width:70px}
	.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_text {width:calc(100% - 70px);padding-left:5px}
}