@charset "utf-8";

/* 공통 : S */
.ws_content_wrap {margin:70px 0}
.ws_content_wrap .es_title {position:relative;margin-top:70px;margin-bottom:20px;padding-left:32px;color:#000;font-size:2em;font-weight:500;line-height:1.4em;letter-spacing:-1px}
.ws_content_wrap .es_title:before {content:"";display:block;position:absolute;top:5px;left:0;width:22px;height:22px;border-radius:50% !important;border:4px solid;background-color:#fff}
.ws_content_wrap .es_sub_title {display:block;margin-top:50px;margin-bottom:20px;color:#000;font-size:1.5em;line-height:1.4em;letter-spacing:-0.5px}
.ws_content_wrap .es_desc {display:block;margin-bottom:10px;font-size:1.3em;line-height:1.8em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_red {color:#ff0000}

/* 이미지 : S */
.ws_content_wrap .es_image_area {text-align:center}
.ws_content_wrap .es_image_area img {max-width:100%}
/* 이미지 : E */

/* 탭 : S */
.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:15px 2px;border-width:0 0 8px 0;border-style:solid;border-color:#ddd;font-size:1.3em;font-weight:normal;text-align:center;line-height:1.3em;letter-spacing:-1px;cursor:pointer;word-break:keep-all;text-align:center}
.ws_content_wrap .es_tab_area .bs_list_box .is_tab_menu.is_tab_active {font-weight:500}
.ws_content_wrap .webis_tab_content_area {display:none}
.ws_content_wrap .webis_tab_content_active {display:block}
/* 탭 : E */

/* 테이블 : S */
.ws_content_wrap .es_table_area {border-top:2px solid #333}
.ws_content_wrap .es_table_area .bs_point_bold {color:#455a87;font-weight:bold}
.ws_content_wrap .es_table_area .bs_point_red {color:#ff0000;font-weight:bold}
.ws_content_wrap .es_table_area .bs_1st_ul,
.ws_content_wrap .es_table_area .bs_2nd_ul {padding-left:0 !important}
.ws_content_wrap .es_table_area .bs_1st_ul .is_1st_li .ss_1st_text,
.ws_content_wrap .es_table_area .bs_2nd_ul .is_2nd_li .ss_2nd_text {font-size:1em !important}
.ws_content_wrap .es_table_area .bs_desc_box {margin-top:10px;padding:15px;background-color:#f5f5f5;color:#777;font-size:0.9em;line-height:2em;word-break:keep-all}
/* 테이블 : E */

.ws_content_wrap .es_list_border {padding:20px 30px;border-radius:20px !important;border:1px solid #ddd}
.ws_content_wrap .es_list_bg {padding:20px 30px;border-radius:20px !important;background-color:#f5f5f5}
.ws_content_wrap .es_list_cs {padding-left:130px;background-image:url('../../../webis/img/page/organ_icon01.png');background-position:top 30px left 30px;background-size:60px;background-repeat:no-repeat}

/* 리스트 타입01 : S */
.ws_content_wrap .es_list_type01_area {}
.ws_content_wrap .es_list_type01_area .bs_1st_ul {}
.ws_content_wrap .es_list_type01_area .bs_1st_ul .is_1st_li {margin:12px 0}
.ws_content_wrap .es_list_type01_area .bs_1st_ul .is_1st_li .ss_1st_text {display:block;position:relative;padding-left:15px;font-size:1.3em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_list_type01_area .bs_1st_ul .is_1st_li .ss_1st_text:before {content:"";display:block;position:absolute;top:10px;left:0;width:4px;height:4px;border-radius:50% !important;background:#333}
.ws_content_wrap .es_list_type01_area .bs_1st_ul .is_1st_li .ss_1st_text .ks_point {color:#000}
.ws_content_wrap .es_list_type01_area .bs_1st_ul .is_1st_li .ss_1st_subject {display:block;margin-top:20px;color:#0d2e6f;font-size:1.3em;line-height:1.7em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_list_type01_area .bs_1st_ul .is_1st_li .ss_label {display:block;margin-top:10px;padding-left:15px;color:#3579ff;font-weight:bold;font-size:1.1em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_list_type01_area .bs_2nd_ul {margin-bottom:30px;padding-left:15px}
.ws_content_wrap .es_list_type01_area .bs_2nd_ul .is_2nd_li {margin:12px 0}
.ws_content_wrap .es_list_type01_area .bs_2nd_ul .is_2nd_li .ss_2nd_text {position:relative;padding-left:15px;color:#777;font-size:1.2em;line-height:1.7em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_list_type01_area .bs_2nd_ul .is_2nd_li .ss_2nd_text:before {content:"";display:block;position:absolute;top:10px;left:0;width:10px;height:1px;border-radius:50% !important;background:#333}
.ws_content_wrap .es_list_type01_area a {display:inline-block;vertical-align:middle;padding:0 15px;border:1px solid}
.ws_content_wrap .es_list_type01_area a:hover {}
.ws_content_wrap .es_list_type01_area .bs_button {}
/* 리스트 타입01 : E */

/* 리스트 타입02 : S */
.ws_content_wrap .es_list_type02_area {}
.ws_content_wrap .es_list_type02_area dl {position:relative;margin:12px 0;padding-left:15px;overflow:hidden}
.ws_content_wrap .es_list_type02_area dl:before {content:"";display:block;position:absolute;top:10px;left:0;width:4px;height:4px;border-radius:50% !important;background:#333}
.ws_content_wrap .es_list_type02_area .bs_subject,
.ws_content_wrap .es_list_type02_area .bs_desc {float:left;font-size:1.3em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_list_type02_area .bs_subject {width:100px;color:#000;font-weight:bold}
.ws_content_wrap .es_list_type02_area .bs_desc {width:calc(100% - 100px)}
.ws_content_wrap .es_list_type02_area a {display:inline-block;vertical-align:middle;padding:0 15px;border:1px solid}
.ws_content_wrap .es_list_type02_area a:hover {}
.ws_content_wrap .es_list_type02_area .bs_button {}
/* 리스트 타입02 : E */

/* 절차 : S */
.ws_content_wrap .es_step_area {}
.ws_content_wrap .es_step_area .bs_list_box {position:relative;text-align:center}
.ws_content_wrap .es_step_area .bs_list_box:after {content:'';display:block;position:absolute;top:50%;right:-13%;width:19px;height:26px;margin-top:-13px;background:url('../../../webis/img/page/step_arrow.png') center no-repeat}
.ws_content_wrap .es_step_area .bs_list_box .is_text_field {display:inline-block;width:150px;height:150px;padding-top:35px;border-radius:50% !important;border:5px solid #0063b4;background:#fff}
.ws_content_wrap .es_step_area .bs_list_box .is_text_field .ss_label {font-weight:bold;font-size:1.1em}
.ws_content_wrap .es_step_area .bs_list_box .is_text_field .ss_desc {margin-top:5px;color:#333;font-weight:bold;font-size:1.3em;line-height:1.5em;letter-spacing:-0.5px}
.ws_content_wrap .es_step_area .bs_last {}
.ws_content_wrap .es_step_area .bs_last:after {display:none}
.ws_content_wrap .es_step_area .bs_last .is_text_field {}
.ws_content_wrap .es_step_area .bs_last .is_text_field .ss_label {}
.ws_content_wrap .es_step_area .bs_after_n:after {display:none}
/* 절차 : E */

/* alert : S */
.ws_content_wrap .es_alert_area {padding:20px 30px;background-color:#f5f5f5}
.ws_content_wrap .es_alert_area .bs_list_box {display:block;position:relative;margin:12px 0;padding-left:28px;font-size:1.3em;letter-spacing:-0.5px;word-break:kaap-all}
.ws_content_wrap .es_alert_area .bs_list_box:before {content:'';display:block;position:absolute;top:-2px;left:0;width:22px;height:22px;border-radius:50% !important;border:2px solid #ddd;background-color:#fff}
.ws_content_wrap .es_alert_area .bs_list_box:after {content:'';display:block;position:absolute;top:3px;left:10px;width:2px;height:11px;background:url('../../../webis/img/page/infobox_bul.png') center #fff no-repeat}
/* alert : E */

/* alert_bg : S */
.ws_content_wrap .es_alert_bg_area {margin-top:10px}
.ws_content_wrap .es_alert_bg_area .bs_label {position:relative;top:12px;margin-left:30px;padding:3px 20px;background-color:#16335f;color:#fff;font-size:1.3em;letter-spacing:-0.5px}
.ws_content_wrap .es_alert_bg_area .bs_desc_box {padding:40px 30px 30px 30px;background-color:#f5f5f5;font-size:1.3em;line-height:2em;letter-spacing:-0.5px;word-break:keep-all}
/* alert_bg : E */

/* 버튼 : S */
.ws_content_wrap .es_button_area {margin-top:50px;text-align:center}
.ws_content_wrap .es_button_area .bs_btn {display:inline-block;padding:15px 30px;font-size:1.2em;letter-spacing:-0.5px}
/* 버튼 : E */
/* 공통 : E */


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

/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_content_wrap .es_title {padding-left:26px;font-size:1.6em}
	.ws_content_wrap .es_title:before {top:4px;width:18px;height:18px;border:3px solid}
	.ws_content_wrap .es_desc {font-size:1.2em}

	.ws_content_wrap .es_tab_area .bs_list_box .is_tab_menu {padding:20px 2px;font-size:1.1em}

	.ws_content_wrap .es_table_area {overflow-x:auto}

	.ws_content_wrap .es_list_border,
	.ws_content_wrap .es_list_bg {padding:10px 15px}

	.ws_content_wrap .es_list_type01_area .bs_1st_ul {padding-left:0}
	.ws_content_wrap .es_list_type01_area .bs_1st_ul .is_1st_li .ss_1st_text {font-size:1.2em}
	.ws_content_wrap .es_list_type01_area .bs_2nd_ul .is_2nd_li .ss_2nd_text {font-size:1.1em}
	
	.ws_content_wrap .es_list_type02_area .bs_subject,
	.ws_content_wrap .es_list_type02_area .bs_desc {font-size:1.2em}

	.ws_content_wrap .es_step_area .bs_list_box {margin-bottom:30px}
	.ws_content_wrap .es_step_area .bs_list_box:after {top:auto;right:50%;bottom:-18%;margin-right:-9px;transform:rotate(90deg)}

	.ws_content_wrap .es_alert_area {padding:10px 15px}
	.ws_content_wrap .es_alert_area .bs_list_box {font-size:1.2em}
}

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

}

/* MEDIA (데스크탑 이하) 1279px 이하 */
@media all and (max-width:1279px) {
	.ws_content_wrap .es_step_area .bs_list_06 {margin-bottom:20px}
	.ws_content_wrap .es_step_area .bs_list_07 {margin-bottom:20px}
}


/* ==================================================================================================== *
 *
 *     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) {
	.ws_content_wrap .es_step_area .bs_list_06:after {right:-18%}
	.ws_content_wrap .es_step_area .bs_list_07:after {right:-25%;background-size:12px}
	.ws_content_wrap .es_step_area .bs_list_07 .is_text_field {width:130px;height:130px;padding-top:30px}

}


/* ==================================================================================================== *
 *
 *     MEDIA EXTEND - AND DEVICE
 *
 * ==================================================================================================== */

/* MEDIA (태블릿 구간만) 768px ~ 991px */
@media all and (min-width:768px) and (max-width:991px) {
	.ws_content_wrap .es_step_area .bs_list_box .is_text_field {width:130px;height:130px;padding-top:28px}
	.ws_content_wrap .es_step_area .bs_list_box:after {right:-21%}
	.ws_content_wrap .es_step_area .bs_sm_after_n:after {display:none}
}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media all and (min-width:992px) and (max-width:1279px) {
	.ws_content_wrap .es_step_area .bs_sm_after_n:after {display:none}
}