@charset "utf-8";

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

/* COMMON :S */
.ws_main_content_wrap {margin:7rem 0}
.ws_main_content_wrap .es_main_title {display:block;margin-bottom:1.5rem;color:#000;font-weight:600;font-size:2.5rem;font-family:'SCoreDream'}
/* COMMON :E */

/* 퀵메뉴 */
.ws_quick_menu_wrap {margin:5rem 0}
.ws_quick_menu_wrap .es_quick1_area {}
.ws_quick_menu_wrap .es_quick1_area .bs_content_box {}
.ws_quick_menu_wrap .es_quick1_area .bs_content_box ul {display:flex;flex-wrap:wrap;justify-content:space-between;text-align:center}
.ws_quick_menu_wrap .es_quick1_area .bs_content_box ul li {width:16.6%}
.ws_quick_menu_wrap .es_quick1_area .bs_content_box ul li a {}
.ws_quick_menu_wrap .es_quick1_area .bs_content_box ul li .is_icon {display:inline-block;width:9rem;height:9rem;border-radius:1.5rem !important;background-color:#F7F7F7;background-position:center;background-size:contain;background-repeat:no-repeat}
.ws_quick_menu_wrap .es_quick1_area .bs_content_box ul li:hover .is_icon {animation:objHover .5s linear both}
.ws_quick_menu_wrap .es_quick1_area .bs_content_box ul li .is_icon01 {background-image:url('../../../img/main/quick1_icon01.png')}
.ws_quick_menu_wrap .es_quick1_area .bs_content_box ul li .is_icon02 {background-image:url('../../../img/main/quick1_icon02.png')}
.ws_quick_menu_wrap .es_quick1_area .bs_content_box ul li .is_icon03 {background-image:url('../../../img/main/quick1_icon03.png')}
.ws_quick_menu_wrap .es_quick1_area .bs_content_box ul li .is_icon04 {background-image:url('../../../img/main/quick1_icon04.png')}
.ws_quick_menu_wrap .es_quick1_area .bs_content_box ul li .is_icon05 {background-image:url('../../../img/main/quick1_icon05.png')}
.ws_quick_menu_wrap .es_quick1_area .bs_content_box ul li .is_icon06 {background-image:url('../../../img/main/quick1_icon06.png')}
.ws_quick_menu_wrap .es_quick1_area .bs_content_box ul li .is_icon07 {background-image:url('../../../img/main/quick1_icon07.png')}
.ws_quick_menu_wrap .es_quick1_area .bs_content_box ul li .is_icon08 {background-image:url('../../../img/main/quick1_icon08.png')}
.ws_quick_menu_wrap .es_quick1_area .bs_content_box ul li .is_title {display:block;margin-top:0.5rem;color:#000;font-weight:500;line-height:1.3;letter-spacing:-0.5px;word-break:keep-all}
.ws_quick_menu_wrap .es_quick2_area {padding:2.5rem;border-radius:2rem !important;box-shadow:2px 2px 10px rgba(25,45,138,.08)}
.ws_quick_menu_wrap .es_quick2_area .bs_content_box {}
.ws_quick_menu_wrap .es_quick2_area .bs_content_box ul {text-align:center}
.ws_quick_menu_wrap .es_quick2_area .bs_content_box ul li {}
.ws_quick_menu_wrap .es_quick2_area .bs_content_box ul li a {}
.ws_quick_menu_wrap .es_quick2_area .bs_content_box ul li .is_icon {display:inline-block;width:5rem;height:5rem;background-position:center;background-size:contain;background-repeat:no-repeat}
.ws_quick_menu_wrap .es_quick2_area .bs_content_box ul li:hover .is_icon {animation:objHover .5s linear both}
.ws_quick_menu_wrap .es_quick2_area .bs_content_box ul li .is_icon01 {background-image:url('../../../img/main/quick2_icon01.png')}
.ws_quick_menu_wrap .es_quick2_area .bs_content_box ul li .is_icon02 {background-image:url('../../../img/main/quick2_icon02.png')}
.ws_quick_menu_wrap .es_quick2_area .bs_content_box ul li .is_icon03 {background-image:url('../../../img/main/quick2_icon03.png')}
.ws_quick_menu_wrap .es_quick2_area .bs_content_box ul li .is_icon04 {background-image:url('../../../img/main/quick2_icon04.png')}
.ws_quick_menu_wrap .es_quick2_area .bs_content_box ul li .is_title {display:block;margin-top:0.5rem;color:#000;font-weight:500;line-height:1.3;letter-spacing:-0.5px;word-break:keep-all}

@-webkit-keyframes objHover {
    0% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-90deg);transform:perspective(400px) rotate3d(0,1,0,-90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    40% {-webkit-transform:perspective(400px) rotate3d(0,1,0,20deg);transform:perspective(400px) rotate3d(0,1,0,20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    60% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-10deg);transform:perspective(400px) rotate3d(0,1,0,-10deg)}
    80% {-webkit-transform:perspective(400px) rotate3d(0,1,0,5deg);transform:perspective(400px) rotate3d(0,1,0,5deg)}
    100% {-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes objHover {
    0% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-90deg);transform:perspective(400px) rotate3d(0,1,0,-90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    40% {-webkit-transform:perspective(400px) rotate3d(0,1,0,20deg);transform:perspective(400px) rotate3d(0,1,0,20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    60% {-webkit-transform:perspective(400px) rotate3d(0,1,0,-10deg);transform:perspective(400px) rotate3d(0,1,0,-10deg)}
    80% {-webkit-transform:perspective(400px) rotate3d(0,1,0,5deg);transform:perspective(400px) rotate3d(0,1,0,5deg)}
    100% {-webkit-transform:perspective(400px);transform:perspective(400px)}
}

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

/* 최근게시물(GALLERY) */
.ws_main_latest_gallery_wrap {margin:0;padding:7rem 0;background-color:#E4EFF9;background-image:url('../../../img/main/gallery_bg.png');background-position:center;background-size:cover;background-repeat:no-repeat}
.ws_main_latest_gallery_wrap .es_gallery_area {}


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

/* MEDIA (데스크탑 이하) 1279px 이하 */
@media all and (max-width:1279px) {
	.ws_main_latest_wrap .es_banner_area {margin-top:30px}

	.ws_latest_tab_wrap .es_content_area .bs_list_box {padding:0.4rem 0}
}
/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {
	.ws_quick_menu_wrap .es_quick2_area {margin-top:30px}

	.ws_latest_tab_wrap .es_tab_menu_area {font-size:1.8rem}
	.ws_latest_tab_wrap .es_new_area {margin-bottom:1.5rem}
	.ws_latest_tab_wrap .es_new_area a .bs_subject {height:auto}
	.ws_latest_tab_wrap .es_new_area a .bs_desc {height:auto}
}
/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_quick_menu_wrap .es_main_title {text-align:center}
	.ws_quick_menu_wrap .es_quick1_area .bs_content_box ul li {width:33.3%;margin-top:1rem}

	.ws_latest_tab_wrap .es_content_area .bs_list_box {padding:0.2rem 0}
}


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

/* MEDIA (태블릿 이상) 768px 이상 */
@media all and (min-width:768px) {
	.ws_quick_menu_wrap .es_quick1_area {padding:2.5rem;border-radius:2rem !important;box-shadow:2px 2px 10px rgba(25,45,138,.08)}
}
/* 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_tab_wrap .es_new_area a {padding:2.5rem 1.5rem}
}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media all and (min-width:992px) and (max-width:1279px) {
	.ws_quick_menu_wrap .es_quick2_area .bs_content_box ul li .is_icon {height:6.2rem}
}