@charset "utf-8";

/* ==================================================================================================== *
 *
 *     SAMPLE PAGE STYLESHEET
 *
 * ==================================================================================================== */

img {max-width:100%}

/* 공통 */
.ws_content_wrap {margin-top:50px;margin-bottom:80px}
.ws_content_wrap .es_title {display:block;position:relative;padding-bottom:30px;color:#333;font-size:2.5em;line-height:1em;letter-spacing:-1px;text-align:left}
.ws_content_wrap .es_title:after {content:'';display:block;position:absolute;bottom:0;left:0;width:50px;height:1px;background-color:#333}
.ws_content_wrap .es_sub_title {display:block;position:relative;margin-top:50px;padding-left:25px;color:#333;font-size:1.8em;line-height:1em;letter-spacing:-0.5px}
.ws_content_wrap .es_sub_title:before {content:'';display:block;position:absolute;top:1px;left:0;width:18px;height:18px;border-radius:50% !important;border:4px solid}
.ws_content_wrap .es_3rd_title {display:block;margin-top:30px;font-weight:bold;font-size:1.4em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}

/* 탭 */
.ws_content_wrap .es_tab_area {display:table;table-layout:fixed;width:100%}
.ws_content_wrap .es_tab_area .bs_list_box {display:table-cell;vertical-align:middle}
.ws_content_wrap .es_tab_area .bs_list_box .is_tab_menu {display:block;padding:30px 10px;box-shadow:1px 0 0 0 #ddd, 0 1px 0 0 #ddd, 1px 1px 0 0 #ddd, 1px 0 0 0 #ddd inset, 0 1px 0 0 #ddd inset;font-size:1.5em;font-weight:normal;text-align:center;letter-spacing:-1px;cursor:pointer}
.ws_content_wrap .es_tab_area .bs_list_box .is_tab_menu.is_tab_active {border-width:1px;border-style:solid}
.ws_content_wrap .webis_tab_content_area {display:none}
.ws_content_wrap .webis_tab_content_active {display:block}

/* 테이블 */
.ws_content_wrap .es_table_area {border-top:2px solid #333}

/* 리스트 */
.ws_content_wrap .es_list_area {margin-top:20px}
.ws_content_wrap .es_list_area .bs_1st_ul {}
.ws_content_wrap .es_list_area .bs_1st_ul .is_1st_li {position:relative;margin:10px 0;padding-left:12px;font-size:1.3em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_list_area .bs_1st_ul .is_1st_li:before {content:'';display:block;position:absolute;top:10px;left:0;width:4px;height:4px;border-radius:50% !important;background-color:#333}
.ws_content_wrap .es_list_area .bs_1st_ul .is_1st_li .ss_desc {margin-top:5px;margin-bottom:20px;color:#888;word-break:keep-all}
.ws_content_wrap .es_list_area .bs_2nd_ul {margin-bottom:20px}
.ws_content_wrap .es_list_area .bs_2nd_ul .is_2nd_li {position:relative;margin:5px 0;padding-left:10px;color:#888;word-break:keep-all}
.ws_content_wrap .es_list_area .bs_2nd_ul .is_2nd_li:before {content:'';display:block;position:absolute;top:10px;left:0;width:2px;height:2px;border-radius:50% !important;background-color:#333}


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

/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_content_wrap .es_title {font-size:2em}
	.ws_content_wrap .es_title:after {width:30px}
	.ws_content_wrap .es_table_area {overflow-x:auto}
	.ws_content_wrap .es_tab_area .bs_list_box .is_tab_menu {padding:20px 10px;font-size:1.1em}

	.ws_content_wrap .es_list_area .bs_1st_ul .is_1st_li {font-size:1.1em}
}

/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {

}

/* 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) {

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

}