@charset "utf-8";

/* 공통 : S */
.ws_content_wrap {margin-top:50px;margin-bottom:100px}
.ws_content_wrap .es_top_title {margin-bottom:40px;text-align:center}
.ws_content_wrap .es_top_title02 {margin-top:80px}
.ws_content_wrap .es_top_title .bs_title {color:#333;font-weight:normal;font-size:2.8em;line-height:1.3em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_top_title .bs_title .is_point {font-weight:bold}
.ws_content_wrap .es_top_title .bs_sub_title {color:#000;font-weight:normal;font-size:1.8em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_top_title .bs_desc {margin-top:20px;color:#777;font-size:1.4em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_title {display:block;margin-top:50px;margin-bottom:15px;color:#000;font-weight:500;font-size:2em;line-height:1em;letter-spacing:-0.5px}
.ws_content_wrap .es_sub_title {display:block;margin-top:40px;margin-bottom:10px;color:#000;font-size:1.4em;line-height:1.5em;letter-spacing:-0.5px}
.ws_content_wrap .es_desc {margin-bottom:10px;font-size:1.4em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_desc_border {padding:20px;border:1px solid #ddd;font-size:1.4em;line-height:1.5em;letter-spacing:-0.5px}
.ws_content_wrap .es_table_label {display:block;margin-top:5px;color:#777;font-size:1.2em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}

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

/* 테이블 */
.ws_content_wrap .es_table_area {border-top:2px solid #77bfbc}
.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}

/* 탭 */
.ws_content_wrap .es_tab_area {display:table;table-layout:fixed;width:100%;margin-bottom:80px}
.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 {}
.ws_content_wrap .webis_tab_content_area {display:none}
.ws_content_wrap .webis_tab_content_active {display:block}

/* 리스트 */
.ws_content_wrap .es_list_border {padding:20px 30px;border:1px solid #ddd}
.ws_content_wrap .es_list_bg {padding:20px 30px;background-color:#f5f5f5}
.ws_content_wrap .es_list_area {}
.ws_content_wrap .es_list_area dl {margin:12px 0;overflow:hidden}
.ws_content_wrap .es_list_area dl .bs_title,
.ws_content_wrap .es_list_area dl .bs_desc {float:left;font-size:1.4em;line-height:1.5em;letter-spacing:-0.5px}
.ws_content_wrap .es_list_area dl .bs_title {position:relative;padding-left:15px;width:120px;font-weight:bold}
.ws_content_wrap .es_list_area dl .bs_title:before {content:'';display:block;position:absolute;top:9px;left:0;width:5px;height:5px;border-radius:50% !important;background-color:#333}
.ws_content_wrap .es_list_area dl .bs_desc {width:calc(100% - 120px)}
.ws_content_wrap .es_list_area dl .bs_desc .is_point {color:#455a87;font-weight:bold}
.ws_content_wrap .es_list_area .bs_1st_ul {}
.ws_content_wrap .es_list_area .bs_1st_ul .is_1st_li {margin:12px 0}
.ws_content_wrap .es_list_area .bs_1st_ul .is_1st_li .ss_1st_text {display:block;position:relative;padding-left:15px;font-size:1.4em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_list_area .bs_1st_ul .is_1st_li .ss_1st_text:before {content:"";display:block;position:absolute;top:9px;left:0;width:5px;height:5px;border-radius:50% !important;background:#333}
.ws_content_wrap .es_list_area .bs_1st_ul .is_1st_li .ss_1st_text .ks_point {color:#000}
.ws_content_wrap .es_list_area .bs_1st_ul .is_1st_li .ss_1st_subject {display:block;margin-top:20px;color:#0d2e6f;font-size:1.4em;line-height:1.7em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_list_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_area .bs_2nd_ul {margin-bottom:30px;padding-left:15px}
.ws_content_wrap .es_list_area .bs_2nd_ul .is_2nd_li {margin:12px 0}
.ws_content_wrap .es_list_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_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_step_area {}
.ws_content_wrap .es_step_area .bs_list_box {margin-bottom:20px;text-align:center}
.ws_content_wrap .es_step_area .bs_list_box .is_text_field {display:block;height:200px;padding-top:35px;border-radius:10px !important;border-width:4px;border-style:solid}
.ws_content_wrap .es_step_area .bs_list01 .is_text_field {border-color:#ffb21d}
.ws_content_wrap .es_step_area .bs_list02 .is_text_field {border-color:#8BCB81}
.ws_content_wrap .es_step_area .bs_list03 .is_text_field {border-color:#6EB598}
.ws_content_wrap .es_step_area .bs_list04 .is_text_field {border-color:#69BAE2}
.ws_content_wrap .es_step_area .bs_list05 .is_text_field {border-color:#4F97B8}
.ws_content_wrap .es_step_area .bs_list06 .is_text_field {border-color:#296b8a}
.ws_content_wrap .es_step_area .bs_list07 .is_text_field {border-color:#1f4d63}
.ws_content_wrap .es_step_area .bs_list08 .is_text_field {border-color:#173544}
.ws_content_wrap .es_step_area .bs_list_box .is_text_field .ss_label {display:block;color:#333;font-weight:bold;font-size:1.1em}
.ws_content_wrap .es_step_area .bs_list_box .is_text_field .ss_icon {display:inline-block;margin-top:10px;width:61px;height:61px;background-image:url('../../../webis/img/page/step_icon.png');background-repeat:no-repeat}
.ws_content_wrap .es_step_area .bs_list_box .is_text_field .ss_icon01 {background-position:0px 0px}
.ws_content_wrap .es_step_area .bs_list_box .is_text_field .ss_icon02 {background-position:0px -90px}
.ws_content_wrap .es_step_area .bs_list_box .is_text_field .ss_icon03 {background-position:0px -186px}
.ws_content_wrap .es_step_area .bs_list_box .is_text_field .ss_icon04 {background-position:0px -272px}
.ws_content_wrap .es_step_area .bs_list_box .is_text_field .ss_icon05 {background-position:0px -358px}
.ws_content_wrap .es_step_area .bs_list_box .is_text_field .ss_icon06 {background-position:0px -442px}
.ws_content_wrap .es_step_area .bs_list_box .is_text_field .ss_icon07 {background-position:0px -528px}
.ws_content_wrap .es_step_area .bs_list_box .is_text_field .ss_icon08 {background-position:0px -614px}
.ws_content_wrap .es_step_area .bs_list_box .is_text_field .ss_icon09 {background-position:0px -700px}
.ws_content_wrap .es_step_area .bs_list_box .is_text_field .ss_icon10 {background-position:0px -794px}
.ws_content_wrap .es_step_area .bs_list_box .is_text_field .ss_icon11 {background-position:0px -890px}
.ws_content_wrap .es_step_area .bs_list_box .is_text_field .ss_icon12 {background-position:0px -988px}
.ws_content_wrap .es_step_area .bs_list_box .is_text_field .ss_icon13 {background-position:0px -1065px}
.ws_content_wrap .es_step_area .bs_list_box .is_text_field .ss_subject {margin-top:5px;color:#333;font-weight:500;font-size:1.4em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_step_area .bs_list_box .is_text_field .ss_desc {margin-top:10px;color:#777;font-size:1.2em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.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}
.ws_content_wrap .es_step_large {}
.ws_content_wrap .es_step_large .bs_list_box {}
.ws_content_wrap .es_step_large .bs_list_box .is_text_field {height:250px}

/* 고객센터 */
.ws_content_wrap .es_cs_area {margin-top:30px;padding:30px;background-color:#e0efef}
.ws_content_wrap .es_cs_area .bs_info_box {padding:10px 0 10px 100px;background:url('../../../webis/img/page/cs_icon.png') left center no-repeat}
.ws_content_wrap .es_cs_area .bs_info_box .is_label {color:#000;font-weight:bold;font-size:1.6em;letter-spacing:-0.5px}
.ws_content_wrap .es_cs_area .bs_info_box .is_desc {position:relative;margin-top:5px;padding-left:15px;color:#000;font-size:1.4em;line-height:1.8em;letter-spacing:-0.5px}
.ws_content_wrap .es_cs_area .bs_info_box .is_desc:before {content:"";display:block;position:absolute;top:14px;left:0;width:10px;height:1px;border-radius:50% !important;background:#333}

/* 버튼 */
.ws_content_wrap .es_button_area {margin-top:50px;text-align:center}
.ws_content_wrap .es_button_area .bs_btn {display:inline-block;vertical-align:middle;height:60px;padding:0 40px;border:1px solid #333;color:#333;font-size:1.4em;line-height:60px}
/* 공통 : E */

/* ESG경영실천 */
.ws_declaration_wrap {padding:50px 20px;border:3px double #BBB}
.ws_declaration_wrap .es_top_title {color:#000;font-size:2.5em;line-height:normal;letter-spacing:-1px}
.ws_declaration_wrap .es_green {color:#00a534}
.ws_declaration_wrap .es_orange {color:#ff6c00}
.ws_declaration_wrap .es_blue {color:#0053d3}
.ws_declaration_wrap .es_content_area {}
.ws_declaration_wrap .es_content_area .bs_content_box {position:relative;max-width:800px;margin:100px auto 0 auto;padding:0 50px 40px 50px;border:1px solid #DDD;background-color:#F5F5F5;text-align:center}
.ws_declaration_wrap .es_content_area .bs_content_box .is_title_field {display:inline-block;position:relative;top:-40px;padding:15px 40px;border-radius:50px !important;box-shadow:0 4px 12px rgba(122,122,122,.12);background-color:#FFF;z-index:1}
.ws_declaration_wrap .es_content_area .bs_content_box .is_title_field .ss_label {display:block;font-weight:bold;font-size:1.3em}
.ws_declaration_wrap .es_content_area .bs_content_box .is_title_field .ss_title {display:block;margin-top:5px;color:#000;font-weight:500;font-size:1.8em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_declaration_wrap .es_content_area .bs_content_box .is_title_field .ss_title span {font-weight:bold}
.ws_declaration_wrap .es_content_area .bs_content_box .is_content_field {text-align:left}
.ws_declaration_wrap .es_content_area .bs_content_box .is_content_field li {margin:10px 0;font-size:1.4em;line-height:1.5em;letter-spacing:-0.5px;overflow:hidden}
.ws_declaration_wrap .es_content_area .bs_content_box .is_content_field li span {float:left;width:60px;color:#000;font-weight:bold}
.ws_declaration_wrap .es_content_area .bs_content_box .is_content_field li p {float:left;width:calc(100% - 60px);word-break:keep-all}
.ws_declaration_wrap .es_content_area .bs_content_box .is_content_field li p b {color:#000;font-weight:500}
.ws_declaration_wrap .es_bottom_area {margin-top:30px;color:#000;font-weight:bold;font-size:1.4em;line-height:1.5em;letter-spacing:-0.5px;text-align:center}



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

/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_content_wrap .es_top_title .bs_title {font-size:2em}
	.ws_content_wrap .es_top_title .bs_sub_title {font-size:1.4em}
	.ws_content_wrap .es_top_title .bs_desc {font-size:1.2em}
	.ws_content_wrap .es_title {font-size:1.6em}
	.ws_content_wrap .es_desc {font-size:1.2em}
	.ws_content_wrap .es_table_area {overflow: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 {padding:5px 15px}
	.ws_content_wrap .es_list_area dl .bs_title,
	.ws_content_wrap .es_list_area dl .bs_desc {font-size:1.2em}
	.ws_content_wrap .es_list_area .bs_1st_ul .is_1st_li .ss_1st_text {font-size:1.2em}
	.ws_content_wrap .es_list_area .bs_2nd_ul .is_2nd_li .ss_2nd_text {font-size:1.1em}
	.ws_content_wrap .es_step_area .bs_list_box .is_text_field .ss_subject {font-size:1.2em}
	.ws_content_wrap .es_cs_area {padding:20px 15px}
	.ws_content_wrap .es_cs_area .bs_info_box {padding-left:80px;background-size:60px}
	.ws_content_wrap .es_cs_area .bs_info_box .is_label {font-size:1.4em}
	.ws_content_wrap .es_cs_area .bs_info_box .is_desc {font-size:1.2em}
	.ws_content_wrap .es_button_area .bs_btn {height:50px;padding:0 30px;font-size:1.2em;line-height:50px}

	.ws_declaration_wrap .es_top_title {font-size:2em}
	.ws_declaration_wrap .es_content_area .bs_content_box {padding:0 15px 20px 15px}
	.ws_declaration_wrap .es_content_area .bs_content_box .is_title_field {display:block;padding:15px 0}
	.ws_declaration_wrap .es_content_area .bs_content_box .is_title_field .ss_label {font-size:1.1em}
	.ws_declaration_wrap .es_content_area .bs_content_box .is_title_field .ss_title {font-size:1.4em}
	.ws_declaration_wrap .es_content_area .bs_content_box .is_content_field li {font-size:1.2em}
	.ws_declaration_wrap .es_bottom_area {font-size:1.2em}
}

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

}