@charset "utf-8";

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

/* 공통 : S */
.wc_after_n:after {display:none}

.ws_content_wrap {margin-top:50px;margin-bottom:100px}
.ws_content_wrap .es_1st_title {position:relative;margin-top:50px;margin-bottom:15px;padding-left:30px;color:#000;font-weight:normal;font-size:2em;line-height:normal;letter-spacing:-1px}
.ws_content_wrap .es_1st_title:before {content:'';display:block;position:absolute;top:10px;left:0;width:18px;height:18px;border:4px solid}
.ws_content_wrap .es_2nd_title {display:block;margin-top:30px;margin-bottom:15px;font-weight:500;font-size:1.4em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_1st_desc {margin-bottom:30px;padding:30px;background:#fff3f3;font-size:1.2em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_2nd_desc {margin-bottom:30px;font-size:1.2em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_desc_border {padding:25px 5px;border:2px dashed #ddd;text-align:center}
.ws_content_wrap .es_bt_desc {margin-top:50px;padding:25px 5px;border:2px dashed #ddd;font-size:1.4em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all;text-align:center}
.ws_content_wrap .es_bt_desc b {}
.ws_content_wrap img {max-width:100%}
.ws_content_wrap .es_image_area {text-align:center}
.ws_content_wrap .es_alert_arae {margin-top:10px;color:#777;font-size:1.1em;line-height:1.5em;letter-spacing:-0.5px}

/* 탭 : S */
.ws_content_wrap .es_tab_area {margin-bottom:30px;overflow:hidden}
.ws_content_wrap .es_tab_area .bs_list_box {position:relative;float:left;height:70px;background-color:#f5f5f5;cursor:pointer}
.ws_content_wrap .es_tab_area .bs_list_box.bs_tab_active {}
.ws_content_wrap .es_tab_area .bs_list_box .is_tab_menu {display:block;position:absolute;top:50%;left:0;width:100%;font-size:1.3em;font-weight:normal;text-align:center;letter-spacing:-1px;transform:translateY(-50%)}

.ws_content_wrap .webis_tab_content_area {display:none}
.ws_content_wrap .webis_tab_content_active {display:block}
.ws_content_wrap .es_tab02 .bs_list_box {width:50%}
.ws_content_wrap .es_tab03 .bs_list_box {width:33.333%}
.ws_content_wrap .es_tab04 .bs_list_box {width:25%}
.ws_content_wrap .es_tab05 .bs_list_box {width:20%}
/* 탭 : E */

/* 리스트(UL) : S */
.ws_content_wrap .es_ul_list_area {}
.ws_content_wrap .es_ul_list_area ul {}
.ws_content_wrap .es_ul_list_area ul .bs_list_box {position:relative;margin:9px 0;padding-left:10px;font-size:1.2em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all;overflow:hidden}
.ws_content_wrap .es_ul_list_area ul .bs_list_box:before {content:'';display:block;position:absolute;top:8px;left:0;width:4px;height:4px;border-radius:50% !important;background:#000}
.ws_content_wrap .es_list_bg {padding:30px;background-color:#fff3f3}
/* 리스트(UL) : E */

/* 리스트 TYPE01 : S */
.ws_content_wrap .es_list_type01_area {}
.ws_content_wrap .es_list_type01_area dl {position:relative;margin:9px 0;overflow:hidden}
.ws_content_wrap .es_list_type01_area > dl:before {content:'';display:block;position:absolute;top:8px;left:0;width:4px;height:4px;border-radius:50% !important;background:#DB5858}
.ws_content_wrap .es_list_type01_area .bs_1st_title,
.ws_content_wrap .es_list_type01_area .bs_1st_desc {font-size:1.2em;line-height:1.5em;letter-spacing:-0.5px}
.ws_content_wrap .es_list_type01_area .bs_1st_title {position:absolute;left:10px;color:#000;font-weight:500}
.ws_content_wrap .es_list_type01_area .bs_justify {letter-spacing:25px}
.ws_content_wrap .es_list_type01_area .bs_title_block {position:inherit}
.ws_content_wrap .es_list_type01_area .bs_1st_desc {padding-left:100px;color:#777;word-break:keep-all}
.ws_content_wrap .es_list_type01_area .bs_desc_block {margin-top:10px;padding-left:10px}
.ws_content_wrap .es_list_type01_area .bs_1st_desc .is_subject {display:inline-block;margin-top:30px;margin-bottom:5px;padding:1px 5px;border:1px solid #DB5858;background:#DB5858;color:#fff;font-weight:normal;letter-spacing:-0.5px}
.ws_content_wrap .es_list_type01_area .bs_1st_desc .is_desc {line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_list_type01_area .bs_1st_desc table tbody tr th,
.ws_content_wrap .es_list_type01_area .bs_1st_desc table tbody tr td {color:#555;font-size:1em}
.ws_content_wrap .es_list_type01_area .bs_1st_desc table tbody tr th {color:#333}
.ws_content_wrap .es_list_type01_area .bs_1st_desc .is_list_field {}
.ws_content_wrap .es_list_type01_area .bs_1st_desc .is_list_field .ss_list {position:relative;margin:5px 0;padding-left:10px}
.ws_content_wrap .es_list_type01_area .bs_1st_desc .is_list_field .ss_list:before {content:'';display:block;position:absolute;top:10px;left:0;width:2px;height:2px;background:#333}
/* 리스트 TYPE01 : E */

/* 리스트 TYPE02 : S */
.ws_content_wrap .es_list_type02_area {margin-top:10px}
.ws_content_wrap .es_list_type02_area dl {position:relative;margin:5px 0;background:url('../../img/page/list_bul.png') top 10px left no-repeat;overflow:hidden}
.ws_content_wrap .es_list_type02_area .bs_2nd_title {position:absolute;left:0;padding-left:20px;color:#000;font-weight:500}
.ws_content_wrap .es_list_type02_area .bs_2nd_desc {padding-left:90px;color:#777;word-break:keep-all}
.ws_content_wrap .es_list_type02_area .bs_title_block {position:inherit}
.ws_content_wrap .es_list_type02_area .bs_desc_block {margin-top:15px;padding-left:20px}
.ws_content_wrap .es_list_type02_area .bs_2nd_desc table tbody tr th,
.ws_content_wrap .es_list_type02_area .bs_2nd_desc table tbody tr td {color:#555;font-size:1em}
.ws_content_wrap .es_list_type02_area .bs_2nd_desc table tbody tr th {color:#333}
/* 리스트 TYPE02 : E */

/* 테이블 : S */
.ws_content_wrap .es_table_area {}
.ws_content_wrap .es_table_area table {}
.ws_content_wrap .es_table_area table tbody {}
.ws_content_wrap .es_table_area table tbody tr {}
.ws_content_wrap .es_table_area table tbody tr th {}
.ws_content_wrap .es_table_area table tbody tr td {}
.ws_content_wrap .es_table_area table tbody tr td .bs_table_list_box {}
.ws_content_wrap .es_table_area table tbody tr td .bs_table_list_box .is_list {position:relative;margin:5px 0;padding-left:10px}
.ws_content_wrap .es_table_area table tbody tr td .bs_table_list_box .is_list:before {content:'';display:block;position:absolute;top:10px;left:0;width:2px;height:2px;background:#333}
.ws_content_wrap .es_table_area table tbody tr td table {border-top:0}
.ws_content_wrap .es_table_area table tbody tr td table th,
.ws_content_wrap .es_table_area table tbody tr td table td {font-size:1em}
.ws_content_wrap .es_table_area table tbody tr td table th {background:#4d5876;color:#fff}

/* 절차 : S */
.ws_content_wrap .es_step_area {}
.ws_content_wrap .es_step_area ul {overflow:hidden}
.ws_content_wrap .es_step_area ul .bs_list_box {position:relative;float:left;text-align:center}
.ws_content_wrap .es_step_area ul .bs_list_box:after {content:'\f061';position:absolute;top:50%;right:-10px;font-size:1.5em;font-family:'FontAwesome';transform:translateY(-50%)}
.ws_content_wrap .es_step_area ul .bs_list_box:last-child:after {display:none}
.ws_content_wrap .es_step_area ul .bs_list_box .is_text {display:inline-block;position:relative;width:110px;height:110px;border:2px solid #db5858;background-color:#fff;font-size:1.2em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_step_area ul .bs_list_box .is_text em {position:absolute;top:3px;left:5px;font-weight:bold;font-size:0.75em}
.ws_content_wrap .es_step_area ul .bs_list_box .is_text span {position:absolute;top:50%;left:0;width:100%;padding:0 1px;transform:translateY(-50%)}
.ws_content_wrap .es_step03 ul .bs_list_box {width:33%}
.ws_content_wrap .es_step04 ul .bs_list_box {width:25%}
.ws_content_wrap .es_step05 ul .bs_list_box {width:20%}
.ws_content_wrap .es_step06 ul .bs_list_box {width:16.6%}
.ws_content_wrap .es_step07 ul .bs_list_box {width:14.2%}
/* 절차 : 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:20px 50px;border-width:1px;border-style:solid;font-size:1.2em}
.ws_content_wrap .es_button_area .bs_btn:hover {background:#fff !important;transition:all .3s ease-in-out}
/* 버튼 : E */
/* 공통 : E */

/* 인사말 : S */
.ws_greet_wrap {}
.ws_greet_wrap .es_text_area {}
.ws_greet_wrap .es_text_area .bs_title {display:block;color:#000;font-weight:normal;font-size:2.5em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_greet_wrap .es_text_area .bs_title b {}
.ws_greet_wrap .es_text_area .bs_text {margin-top:30px;font-size:1.4em;line-height:1.8em;letter-spacing:-0.5px;word-break:keep-all}
.ws_greet_wrap .es_text_area .bs_text b {color:#000}
.ws_greet_wrap .es_text_area .bs_sign {display:block;margin-top:50px;font-size:1.4em;letter-spacing:-0.5px}
.ws_greet_wrap .es_text_area .bs_sign b {color:#000;font-size:1.2em}
/* 인사말 : E */

/* 연혁 : S */
.ws_history_wrap {}
.ws_history_wrap .es_history_area {margin-top:50px}
.ws_history_wrap .es_history_area .bs_title_box {color:#333;font-weight:bold;font-size:3em;line-height:normal;letter-spacing:-1.5px}
.ws_history_wrap .es_history_area .bs_list_box {position:relative;padding-bottom:50px;padding-left:7px}
.ws_history_wrap .es_history_area .bs_list_box:before {content:'';display:block;position:absolute;top:0;left:7px;width:1px;height:100%;background:#ddd}
.ws_history_wrap .es_history_area .bs_list_box:after {content:'';display:block;position:absolute;top:0;left:0;width:14px;height:14px;border-radius:50% !important;border:3px solid;background:#fff}
.ws_history_wrap .es_history_area .bs_list_box dl {margin-bottom:10px;padding-left:30px;overflow:hidden}
.ws_history_wrap .es_history_area .bs_list_box dl .is_date,
.ws_history_wrap .es_history_area .bs_list_box dl .is_desc {float:left;font-size:1.4em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_history_wrap .es_history_area .bs_list_box dl .is_date {width:15%;color:#000}
.ws_history_wrap .es_history_area .bs_list_box dl .is_desc {width:85%;color:#777}
.ws_history_wrap .es_history_area .bs_list_box dl .is_desc .ss_list {margin-bottom:7px;word-break:keep-all}
/* 연혁 : E */


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

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

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

}
/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_content_wrap .es_1st_title {padding-left:25px;font-size:1.6em}
	.ws_content_wrap .es_2nd_title {font-size:1.2em}
	.ws_content_wrap .es_1st_desc {padding:20px;font-size:1.1em}

	.ws_content_wrap .es_tab_area .bs_list_box {width:50%;height:60px}
	.ws_content_wrap .es_tab_area .bs_list_box .is_tab_menu {font-size:1.1em}
	.ws_content_wrap .es_1st_title:before {top:7px;width:16px;height:16px;border:3px solid}

	.ws_content_wrap .es_list_type01_area .bs_1st_title,
	.ws_content_wrap .es_list_type01_area .bs_1st_desc {font-size:1.1em}
	.ws_content_wrap .es_list_type01_area .bs_1st_title {padding-left:12px}
	.ws_content_wrap .es_list_type01_area .bs_1st_title:before {top:8px;width:4px;height:4px}
	.ws_content_wrap .es_list_type01_area .bs_justify {letter-spacing:23px}
	.ws_content_wrap .es_list_type01_area .bs_1st_desc {padding-left:80px}
	.ws_content_wrap .es_list_type01_area .bs_desc_block {padding-left:15px}
	.ws_content_wrap .es_list_type01_area table tbody tr th,
	.ws_content_wrap .es_list_type01_area table tbody tr td {font-size:1em !important}
	.ws_content_wrap .es_list_type02_area table tbody tr th,
	.ws_content_wrap .es_list_type02_area table tbody tr td {font-size:1em}
	.ws_content_wrap .es_list_type02_area .bs_2nd_desc {padding-left:70px}

	.ws_content_wrap .es_step_area ul .bs_list_box {width:50%}
	.ws_content_wrap .es_step_area ul .bs_list_box:after {display:none}
	.ws_content_wrap .es_step_area ul .bs_list_box .is_text {width:97%;font-size:1.1em}

	.ws_greet_wrap .es_text_area {margin-top:30px;text-align:center}
	.ws_greet_wrap .es_text_area .bs_title {font-size:2em}
	.ws_greet_wrap .es_text_area .bs_text {font-size:1.1em}
	.ws_greet_wrap .es_text_area .bs_sign {font-size:1.1em}

	.ws_history_wrap .es_history_area .bs_list_box dl .is_date,
	.ws_history_wrap .es_history_area .bs_list_box dl .is_desc {font-size:1.2em}
}


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

/* MEDIA (태블릿 이상) 768px 이상 */
@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_table_area table tbody tr td {word-break:keep-all}

	.ws_content_wrap .es_step03 ul .bs_list_box .is_text {width:200px}
	.ws_content_wrap .es_step04 ul .bs_list_box .is_text {width:170px}
	.ws_content_wrap .es_step05 ul .bs_list_box .is_text {width:150px}
}


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

/* MEDIA (태블릿 구간만) 768px ~ 991px */
@media all and (min-width:768px) and (max-width:991px) {
	.wc_sm_after_n:after {display:none}

	.ws_content_wrap .es_step06 ul .bs_list_box {width:33%}
	.ws_content_wrap .es_step07 ul .bs_list_box {width:25%}
	.ws_content_wrap .es_step03 ul .bs_list_box .is_text {width:180px}
	.ws_content_wrap .es_step04 ul .bs_list_box .is_text {width:160px}
}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media all and (min-width:992px) and (max-width:1279px) {
	.wc_md_after_n:after {display:none}

	.ws_content_wrap .es_step03 ul .bs_list_box .is_text {width:180px}
	.ws_content_wrap .es_step04 ul .bs_list_box .is_text {width:160px}
}