@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:#666;font-size:1.4em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all;text-align:center}
/* COMMON : E */

/* 퀵메뉴 */
.ws_quick_menu_wrap {border-bottom:1px solid #DDD;background-color:#F9F9F9}
.ws_quick_menu_wrap .es_content_area {}
.ws_quick_menu_wrap .es_content_area .bs_list_box {border-right:1px solid #DDD;text-align:center}
.ws_quick_menu_wrap .es_content_area .bs_list_box:first-child {border-left:1px solid #DDD}
.ws_quick_menu_wrap .es_content_area .bs_list_box a {display:block;position:relative;padding:20px 5px}
.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_icon {display:inline-block;position:relative;transition:all .3s ease;z-index:1}
.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_title {display:block;position:relative;margin-top:15px;color:#000;font-weight:500;font-size:1.4em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all;transition:all .3s ease;z-index:1}

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

/* 최근게시물(갤러리) */
.ws_main_latest_gallery_wrap {padding:70px 0;background-color:#E9F8FA;background-image:url('../../../img/main/gallery_bg.png');background-position:center;background-size:cover;background-repeat:no-repeat}
.ws_main_latest_gallery_wrap .es_content_area {}
.ws_main_latest_gallery_wrap .es_content_area .bs_sns_box {position:absolute;right:0;bottom:0}
.ws_main_latest_gallery_wrap .es_content_area .bs_sns_box a {display:inline-block;vertical-align:middle;margin-left:5px;width:40px;height:40px;border-radius:50% !important;font-size:2em;line-height:40px;text-align:center}
.ws_main_latest_gallery_wrap .es_content_area .bs_sns_box .is_facebook {background-color:#1B74E4;color:#FFF}
.ws_main_latest_gallery_wrap .es_content_area .bs_sns_box .is_youtube {background-color:#FF0000;color:#FFF}

/* 고객센터 */
.ws_main_cs_wrap {}
.ws_main_cs_wrap .es_content_area {}
.ws_main_cs_wrap .es_content_area .bs_title {position:relative;float:left;width:230px;margin-top:26px;color:#000;font-size:2em;line-height:1.4em;letter-spacing:-0.5px}
.ws_main_cs_wrap .es_content_area .bs_title:after {content:'';display:block;position:absolute;top:-26px;right:26px;width:53px;height:53px;background-image:url('../../../img/main/cs_icon.png');background-position:center;background-size:contain;background-repeat:no-repeat}
.ws_main_cs_wrap .es_content_area .bs_content_box {float:left;width:calc(100% - 230px)}
.ws_main_cs_wrap .es_content_area .bs_content_box .is_desc {height:122px;padding:25px 5px;border-radius:10px !important;background-color:#F0F0F0;color:#000;font-size:1.3em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all;text-align:center}
.ws_main_cs_wrap .es_content_area .bs_content_box .is_desc strong {display:inline-block;margin-bottom:12px;padding:3px 15px;border-radius:50px !important;background-color:#FFF}
.ws_main_cs_wrap .es_content_area .bs_content_box .is_desc .ss_tel {color:#000;font-weight:bold;font-size:2em;line-height:normal;letter-spacing:-1px;font-family:'Montserrat', sans-serif}


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

/* MEDIA (데스크탑 이하) 1279px 이하 */
@media all and (max-width:1279px) {
	.ws_main_cs_wrap .es_content_area .bs_title,
	.ws_main_cs_wrap .es_content_area .bs_content_box {float:none}
	.ws_main_cs_wrap .es_content_area .bs_title {display:inline-block;width:auto;margin-top:0;margin-bottom:20px}
	.ws_main_cs_wrap .es_content_area .bs_title:after {right:0}
	.ws_main_cs_wrap .es_content_area .bs_content_box {width:100%}
}
/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {
	.ws_main_cs_wrap .es_content_area .bs_title {font-size:1.6em}
	.ws_main_cs_wrap .es_content_area .bs_title:after {top:-20px;width:45px;height:45px}
}
/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_main_content_wrap {margin:30px 0}
	.ws_main_content_wrap .es_main_title {font-size:2em}
	.ws_main_content_wrap .es_desc {font-size:1.1em}

	.ws_quick_menu_wrap .es_content_area {border:none}
	.ws_quick_menu_wrap .es_content_area .bs_list_box {border-right:none}
	.ws_quick_menu_wrap .es_content_area .bs_list_box:first-child {border-left:0}
	.ws_quick_menu_wrap .es_content_area .bs_list_box a {padding:5px}
	.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_icon img {width:60px}
	.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_title {margin-top:0;font-size:1em}

	.ws_main_latest_gallery_wrap .es_content_area .bs_sns_box a {width:30px;height:30px;font-size:1.5em;line-height:30px}

	.ws_main_cs_wrap .es_content_area .bs_title {margin-top:30px}
	.ws_main_cs_wrap .es_content_area .bs_content_box .is_desc {height:auto;padding:20px 5px;font-size:1.2em}
}


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

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

}
/* MEDIA (데스크탑 이상) 992px 이상 */
@media all and (min-width:992px) {
	.ws_quick_menu_wrap .es_content_area .bs_list_box a:before {opacity:0;content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px !important;background-color:#FFF;transform:scale(1);transition:all .3s ease}
	.ws_quick_menu_wrap .es_content_area .bs_list_box a:hover:before {opacity:1;box-shadow:0 6px 16px rgba(0,0,0,.18);transform:scale(1.1)}
	.ws_quick_menu_wrap .es_content_area .bs_list_box a:hover .is_icon {border-radius:50% !important;background-color:#FFF}
	.ws_quick_menu_wrap .es_content_area .bs_list_box a:hover .is_title {color:#FFF}
}
/* 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_menu_wrap .es_content_area .bs_list_box a {padding:15px 5px}
	.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_icon img {width:80px}
	.ws_quick_menu_wrap .es_content_area .bs_list_box a .is_title {font-size:1.3em}

	.ws_main_cs_wrap .es_content_area .bs_title:after {top:-20px;width:45px;height:45px}
	.ws_main_cs_wrap .es_content_area .bs_content_box .is_desc .ss_tel {font-size:1.7em}
}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media all and (min-width:992px) and (max-width:1279px) {

}