@charset "utf-8";

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

/* 배너 :S */
.ws_main_banner_wrap {position:relative;margin-bottom:20px;overflow:hidden;text-align:center}
.ws_main_banner_wrap .bx-wrapper {max-width:100% !important;margin-bottom:0 !important;border:0 !important;box-shadow:none !important;background:none !important}
.ws_main_banner_wrap .bx-wrapper img {margin:0 auto}
.ws_main_banner_wrap .es_banner_area {}
.ws_main_banner_wrap .es_banner_area .bs_list_box {}
.ws_main_banner_wrap .es_button_area {position:absolute;bottom:20px;right:20px}
.ws_main_banner_wrap .es_button_area .bs_btn_box {display:inline-block;vertical-align:middle;width:36px;height:36px;color:#fff;line-height:36px;text-align:center}
.ws_main_banner_wrap .es_button_area .bs_btn_prev {background:url('../../webis/img/main/bn_prev.png') rgba(0,0,0,.7) center no-repeat}
.ws_main_banner_wrap .es_button_area .bs_btn_next {background:url('../../webis/img/main/bn_next.png') rgba(0,0,0,.7) center no-repeat}
.ws_main_banner_wrap .es_button_area .bs_btn_pause {background:url('../../webis/img/main/bn_pause.png') rgba(0,0,0,.7) center no-repeat}
/* 배너 :E */

/* 메인 탭최신글 :S */
.ws_latest_wrap {border:1px solid #ddd}
.ws_latest_wrap .es_latest_tab {overflow:hidden}
.ws_latest_wrap .es_latest_tab .bs_tab_menu {width:22%;border-right:1px solid #ddd;float:left}
.ws_latest_wrap .es_latest_tab .bs_tab_menu:last-child {width:12%;border-right:0}
.ws_latest_wrap .es_latest_tab .bs_tab_menu h4 {padding:15px 0;background:#f9f9f9;border-bottom:1px solid #ddd;text-align:center;font-size:1.3em;letter-spacing:-0.5px;cursor:pointer}
.ws_latest_wrap .es_latest_tab .bs_tab_menu h4.is_more_view {background:#d7edff}
.ws_latest_wrap .es_latest_tab .bs_tab_menu h4 .is_more {position:relative;padding-right:13px}
.ws_latest_wrap .es_latest_tab .bs_tab_menu h4 .is_more:after {position:absolute;top:3px;right:0;color:#457eca;font-family:'FontAwesome';content:"\f067"}
.ws_latest_wrap .es_latest_tab .bs_tab_menu .is_active {background:#457eca;border-bottom:0;color:#fff;font-weight:bold}
.ws_latest_wrap .es_tab_box .bs_list {padding:10px 20px}
.ws_latest_wrap .es_tab_box .bs_list li {position:relative;padding-left:12px;margin:10px 0}
.ws_latest_wrap .es_tab_box .bs_list li:after {content:"";display:block;position:absolute;top:7px;left:0;width:2px;height:2px;border-radius:50% !important;background:#333}
.ws_latest_wrap .es_tab_box .bs_list li a {display:-webkit-inline-box;overflow:hidden;height:18px;white-space:normal;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;font-size:1.2em;letter-spacing:-1px}
.ws_latest_wrap .es_tab_box{display:none}
.ws_latest_wrap .es_tab_active{display:block}
/* 메인 탭최신글 :E */

/* 메인페이스북 :S */
.ws_facebook_wrap {background:url('../../webis/img/main/face_img01.png') #3A5DAA center no-repeat;height:271px;padding:35px 15px}
.ws_facebook_wrap .es_facebook {color:#fff}
.ws_facebook_wrap .es_facebook .bs_title {position:relative;font-size:1.5em}
.ws_facebook_wrap .es_facebook .bs_title:after {content:"";display:block;position:absolute;bottom:-18px;left:0;width:40px;height:1px;background:#fff}
.ws_facebook_wrap .es_facebook .bs_txt {margin:34px 0 40px 0;font-size:1.2em}
.ws_facebook_wrap .es_facebook .bs_more {padding:5px 23px;;border:1px solid #fff;border-radius:10px !important;font-size:1.3em}
.ws_facebook_wrap .es_facebook .bs_more:hover {background:#fff;color:#333}
/* 메인페이스북 :E */

/* 메인 아이콘 :S */
.ws_quick_icon_wrap {padding:22px 0;margin-top:40px;background:#f9f9f9}
.ws_quick_icon_wrap .es_quick_area {overflow:hidden}
.ws_quick_icon_wrap .es_quick_area .bs_icon_box {float:left;width:9%;text-align:center}
.ws_quick_icon_wrap .es_quick_area .bs_icon_box .is_icon_more {}
.ws_quick_icon_wrap .es_quick_area .bs_icon_box .is_icon_more .ss_icon {display:block;width:68px;height:68px;margin:0 auto;background:url('../../webis/img/main/main_icon.png') center no-repeat}
.ws_quick_icon_wrap .es_quick_area .bs_icon_box .is_icon_more .ss_icon.ss_icon01 {background-position:0 0}
.ws_quick_icon_wrap .es_quick_area .bs_icon_box .is_icon_more .ss_icon.ss_icon02 {background-position:-98px 0}
.ws_quick_icon_wrap .es_quick_area .bs_icon_box .is_icon_more .ss_icon.ss_icon03 {background-position:-206px 0}
.ws_quick_icon_wrap .es_quick_area .bs_icon_box .is_icon_more .ss_icon.ss_icon04 {background-position:-312px 0}
.ws_quick_icon_wrap .es_quick_area .bs_icon_box .is_icon_more .ss_icon.ss_icon05 {background-position:-412px 0}
.ws_quick_icon_wrap .es_quick_area .bs_icon_box .is_icon_more .ss_icon.ss_icon06 {background-position:-518px 0}
.ws_quick_icon_wrap .es_quick_area .bs_icon_box .is_icon_more .ss_icon.ss_icon07 {background-position:-620px 0}
.ws_quick_icon_wrap .es_quick_area .bs_icon_box .is_icon_more .ss_icon.ss_icon08 {background-position:-725px 0}
.ws_quick_icon_wrap .es_quick_area .bs_icon_box .is_icon_more .ss_icon.ss_icon09 {background-position:-833px 0}
.ws_quick_icon_wrap .es_quick_area .bs_icon_box .is_icon_more .ss_icon.ss_icon10 {background-position:-933px 0}
.ws_quick_icon_wrap .es_quick_area .bs_icon_box .is_icon_more .ss_icon.ss_icon11 {background-position:-1040px 0}
.ws_quick_icon_wrap .es_quick_area .bs_icon_box .is_icon_more .ss_txt {margin-top:18px;font-size:1.15em;font-weight:bold;letter-spacing:-1px}
/* 메인 아이콘 :E */

/* 고객센터 :S */
.ws_cs_wrap {margin-top:40px;padding:20px;border:1px solid #ddd;background:url('../../webis/img/main/cs_icon.png') #f5f5f5 right bottom no-repeat;background-size:5rem;}
.ws_cs_wrap .es_title {font-size:1.3em;letter-spacing:-0.5px}
.ws_cs_wrap .es_tel {display:block;margin:10px 0 21px;font-weight:bold;font-size:1.8em;letter-spacing:-1px}
.ws_cs_wrap .es_desc_area {margin-top:5px;font-size:1.1em;line-height:1.5em;letter-spacing:-0.5px}
/* 고객센터 :E */

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

/* MEDIA (데스크탑 이하) 1279px 이하 */
@media all and (max-width:1279px) {
	.ws_quick_icon_wrap .es_quick_area .bs_icon_box .is_icon_more .ss_txt {font-size:1.2em}
	.ws_quick_icon_wrap .es_quick_area .bs_icon_box {float:left;width:15%;height:112px;margin:10px}
}
/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {
	.ws_top_wrap .es_left_area ul li, .ws_top_wrap .es_right_area ul li {padding:0 4px}
	.ws_quick_icon_wrap .es_quick_area .bs_icon_box {float:left;width:23%;height:112px;margin:10px 0}

}
/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_main_banner_wrap {margin-top:40px}

	.ws_latest_wrap .es_latest_tab .bs_tab_menu h4 {font-size:1.2em}
	.ws_latest_wrap .es_tab_box .bs_list li a {font-size:1.1em}

	.ws_latest_gallery_wrap {margin-top:40px}

	.ws_facebook_wrap {height:auto;margin-top:40px}
	.ws_facebook_wrap .es_facebook .bs_more {font-size:1.1em}

	.ws_quick_icon_wrap .es_quick_area .bs_icon_box {float:left;width:32%;height:112px;margin:10px 0}

    /* 카피라이트 */
    .ws_copyright_wrap {text-align:center}
}




/* ==================================================================================================== *
 *
 *     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_icon_wrap .es_quick_area .bs_icon_box {margin:0 6px}
}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media all and (min-width:992px) and (max-width:1279px) {
	.ws_quick_icon_wrap .es_quick_area .bs_icon_box {margin:0 4px}
}