@charset "utf-8";

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

img {max-width:100%}

/* 공통 : S */
.ws_content_wrap {margin-top:50px;margin-bottom:100px}
.ws_content_wrap .es_title {display:block;position:relative;margin-top:70px;padding-left:28px;margin-bottom:20px;color:#333;font-size:1.8em;line-height:normal;letter-spacing:-1px}
.ws_content_wrap .es_title:before {content:'';display:block;position:absolute;top:7px;left:0;width:20px;height:20px;border-radius:50% !important;border:5px solid}
.ws_content_wrap .es_desc {font-size:1.3em;line-height:1.7em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_desc_bg {padding:20px;border-radius:20px !important;background-color:#f5f5f5}
.ws_content_wrap .es_desc_border {padding:20px;border:1px solid #ddd}
.ws_content_wrap .es_desc_large {color:#000;font-size:2em;line-height:1.4em}

/* 이미지 */
.ws_content_wrap .es_image_area {text-align:center}
.ws_content_wrap .es_image_area .bs_img {max-width:100%}
.ws_content_wrap .es_image_area img {margin-top:30px;}/* 4/6 디자인 추가*/

/* 테이블 */
.ws_content_wrap .es_table_area {border-top:2px solid #333}
.ws_content_wrap .es_table_area .bs_label {}
.ws_content_wrap .es_table_area .bs_table_list_box {position:relative;margin-top:10px;padding-left:8px}
.ws_content_wrap .es_table_area .bs_table_list_box:before {content:'';display:block;position:absolute;top:10px;left:0;width:3px;height:3px;background-color:#333}


/* 리스트 */
.ws_content_wrap .es_list_area {}
.ws_content_wrap .es_list_area ul {}
.ws_content_wrap .es_list_area .bs_list_box {position:relative;margin-top:10px;padding-left:10px;font-size:1.3em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all;overflow:hidden}
.ws_content_wrap .es_list_area .bs_list_box:first-child {margin-top:0}
.ws_content_wrap .es_list_area .bs_list_box: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_list_box .is_label {float:left;min-width:15%}
.ws_content_wrap .es_list_area .bs_list_box .is_desc {float:left;max-width:85%;padding-left:10px;word-break:keep-all}

.ws_content_wrap .es_list_border {padding:20px;border:1px solid #ddd}
/* 공통 : E */


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

/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_content_wrap .es_title {padding-left:22px;font-size:1.5em}
	.ws_content_wrap .es_title:before {width:15px;height:15px;border:4px solid}
	.ws_content_wrap .es_sub_title {font-size:1.3em}
	.ws_content_wrap .es_desc {font-size:1.2em}

	.ws_content_wrap .es_list_area .bs_list_box {font-size:1.2em}
	.ws_content_wrap .es_list_area .bs_list_box:before {top:9px}
	.ws_content_wrap .es_list_area .bs_list_box .is_label,
	.ws_content_wrap .es_list_area .bs_list_box .is_desc {float:none;min-width:100%;max-width:100%}
	.ws_content_wrap .es_list_area .bs_list_box .is_desc {margin-top:5px;padding-left:0}
	
	.ws_content_wrap .es_tab_area .bs_list_box .is_tab_menu {padding:20px 5px;font-size:1.3em}

	.ws_content_wrap .es_step_area .bs_list_box .is_sub {margin-top:10px}
}
/* 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) {
	.ws_content_wrap .es_list_area .bs_list_box .is_label {min-width:30%}
	.ws_content_wrap .es_list_area .bs_list_box .is_desc {max-width:70%}
}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media all and (min-width:992px) and (max-width:1279px) {

}