@charset "utf-8";

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

/* 공통 : S */
.ws_content_wrap {margin:80px 0}
.ws_content_wrap .es_main_title {display:block;position:relative;margin-bottom:50px;color:#333;font-size:3em;line-height:normal;letter-spacing:-1px;text-align:center;z-index:1}
.ws_content_wrap .es_main_title span {position:relative}
.ws_content_wrap .es_main_title span:after {content:'';display:block;position:absolute;top:-5px;right:-10px;width:30px;height:30px;border-radius:50% !important;background-color:#BEE7FF;z-index:-1}
.ws_content_wrap .es_sub_title {display:block;height:60px;line-height:60px;letter-spacing:-0.5px}
.ws_content_wrap .es_sub_title .bs_point {vertical-align:middle;color:#000;font-weight:bold;font-size:2em}
.ws_content_wrap .es_sub_title .bs_sub {vertical-align:middle;margin-left:7px;color:#555;font-weight:normal;font-size:1.2em}

/* 최근게시물 */
.ws_latest_wrap {}
.ws_latest_wrap .es_latest_area {}
.ws_latest_wrap .es_quick_top_area {position:relative;padding:30px;border-radius:15px !important;background-color:#F5F5F5;background-image:url('../../../img/main/quick_top_bg.png');background-position:center;background-size:cover;background-repeat:no-repeat}
.ws_latest_wrap .es_quick_top_area:after {content:'';display:block;position:absolute;top:50%;right:30px;width:108px;height:127px;background-image:url('../../../img/main/quick_top_icon.png');background-position:center;background-size:contain;background-repeat:no-repeat;transform:translateY(-50%)}
.ws_latest_wrap .es_quick_top_area .bs_title {display:block;position:relative;margin-bottom:30px;color:#000;font-size:1.8em;letter-spacing:-0.5px;z-index:1}
.ws_latest_wrap .es_quick_top_area .bs_content_box {position:relative;z-index:1}
.ws_latest_wrap .es_quick_top_area .bs_content_box li {position:relative;margin-top:10px}
.ws_latest_wrap .es_quick_top_area .bs_content_box li a {display:inline-block;width:175px;height:40px;border-radius:50px !important;border:1px solid #DDD;background-color:#FFF;color:#000;font-size:1.4em;line-height:40px;letter-spacing:-0.5px;text-align:center}
.ws_latest_wrap .es_quick_top_area .bs_content_box li a:hover {box-shadow:0 4px 12px rgba(0,149,255,.15);font-weight:bold}
.ws_latest_wrap .es_quick_bottom_area {}
.ws_latest_wrap .es_quick_bottom_area .bs_content_box {}
.ws_latest_wrap .es_quick_bottom_area .bs_content_box li {position:relative;margin-top:22px}
.ws_latest_wrap .es_quick_bottom_area .bs_content_box li a {display:block;padding:20px 10px;border-radius:15px !important;border:1px solid #DDD;color:#000;text-align:center}
.ws_latest_wrap .es_quick_bottom_area .bs_content_box li a .is_icon {display:inline-block;width:50px;height:50px;background-position:center;background-size:contain;background-repeat:no-repeat}
.ws_latest_wrap .es_quick_bottom_area .bs_content_box li a .is_icon01 {background-image:url('../../../img/main/quick_bt_icon01.png')}
.ws_latest_wrap .es_quick_bottom_area .bs_content_box li a .is_icon02 {background-image:url('../../../img/main/quick_bt_icon02.png')}
.ws_latest_wrap .es_quick_bottom_area .bs_content_box li a .is_icon03 {background-image:url('../../../img/main/quick_bt_icon03.png')}
.ws_latest_wrap .es_quick_bottom_area .bs_content_box li a .is_title {display:block;font-weight:normal;font-size:1.4em;line-height:1.5;letter-spacing:-0.5px}

/* 최근게시물(갤러리) */
.ws_main_latest_gallery_wrap {margin:0;padding:70px 0;background-color:#F4F7FF;background-image:url('../../../img/main/main_latest_gallery_bg.png');background-position:center;background-size:cover;background-repeat:no-repeat}
.ws_main_latest_gallery_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_content_wrap .es_main_title {margin-bottom:30px;font-size:2em}
	.ws_content_wrap .es_sub_title {height:40px;line-height:40px}
	.ws_content_wrap .es_sub_title .bs_point {font-size:1.6em}
	.ws_content_wrap .es_sub_title .bs_sub {font-size:1em}
	
	.ws_latest_wrap .es_quick_top_area .bs_title {margin-bottom:20px;font-size:1.6em}
	.ws_latest_wrap .es_quick_top_area .bs_content_box li a {width:130px;font-size:1.1em}
	.ws_latest_wrap .es_quick_bottom_area .bs_content_box li a .is_title {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) {

}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media all and (min-width:992px) and (max-width:1279px) {

}