@charset "utf-8";

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

.ws_content_wrap {}
.ws_content_wrap .es_title_area {position:relative;margin-bottom:50px;padding-top:30px;text-align:center}
.ws_content_wrap .es_title_area:before {content:'';display:block;position:absolute;top:0;left:50%;width:1px;height:20px;background-color:#000;transform:rotate(40deg)}
.ws_content_wrap .es_title_area .bs_title {color:#000;font-size:3em;line-height:normal;letter-spacing:-1px}
.ws_content_wrap .es_title_area .bs_desc {margin-top:15px;color:#777;font-size:1.6em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}

.ws_quick_wrap {margin:100px 0}
.ws_quick_wrap .es_content_area {}
.ws_quick_wrap .es_content_area .bs_list_box {display:block;position:relative;height:450px;background-position:center;background-size:cover;background-repeat:no-repeat}
.ws_quick_wrap .es_content_area .bs_list01 {background-image:url('../../../img/main/quick_bg01.png')}
.ws_quick_wrap .es_content_area .bs_list02 {background-image:url('../../../img/main/quick_bg02.png')}
.ws_quick_wrap .es_content_area .bs_list03 {background-image:url('../../../img/main/quick_bg03.png')}
.ws_quick_wrap .es_content_area .bs_list_box .is_text_field {position:absolute;bottom:0;left:0;width:100%;padding:30px 30px 50px}
.ws_quick_wrap .es_content_area .bs_list_box .is_text_field .ss_subject {color:#fff;font-size:2em;line-height:1.5em;letter-spacing:-0.5px}
.ws_quick_wrap .es_content_area .bs_list_box .is_text_field .ss_desc {margin-top:10px;color:#fff;font-size:1.3em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}

.ws_main_latest_wrap {margin:100px 0}
.ws_main_latest_wrap .es_more {display:none}

.ws_middle_banner_wrap {padding:80px 0;background-image:url('../../../img/main/banner_bg.png');background-attachment:fixed;background-position:center;background-size:auto;background-repeat:no-repeat;text-align:center}
.ws_middle_banner_wrap .es_content_area {}
.ws_middle_banner_wrap .es_content_area .bs_title {color:#fff;font-size:3em;line-height:1.5em;letter-spacing:-0.5px}
.ws_middle_banner_wrap .es_content_area .bs_desc {margin-top:15px;color:#fff;font-size:1.3em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_middle_banner_wrap .es_content_area .bs_btn {display:inline-block;margin-top:30px;padding:20px 60px;border:1px solid #fff;color:#fff;font-size:1.2em;letter-spacing:-0.5px}


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

/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_content_wrap .es_title_area .bs_desc {font-size:1.4em}
	.ws_quick_wrap .es_content_area .bs_list_box {height:240px}
	.ws_quick_wrap .es_content_area .bs_list_box .is_text_field {padding:20px 20px 30px}
	.ws_latest_list_wrap .es_content_area .bs_list_box {border-right:0;border-bottom:1px solid #ddd}
	.ws_latest_list_wrap .es_content_area .bs_list_box .is_subject,
	.ws_latest_list_wrap .es_content_area .bs_list_box .is_desc {height:auto}
	.ws_middle_banner_wrap .es_content_area .bs_title {font-size:2em}
}

/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {
	.ws_latest_list_wrap .es_content_area .bs_list_box .is_subject {font-size:1.4em}
	.ws_latest_list_wrap .es_content_area .bs_list_box .is_desc {font-size:1.1em}
	.ws_latest_list_wrap .es_content_area .bs_list_box .is_time {font-size:1em}
}

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

}


/* ==================================================================================================== *
 *
 *     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_latest_list_wrap .es_content_area .bs_list_box .is_subject {height:75px}
}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media all and (min-width:992px) and (max-width:1279px) {

}