@charset "utf-8";

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

img {max-width:100%}

.ws_content_wrap {margin-top:100px;margin-bottom:100px}
.ws_content_wrap .es_title {display:block;margin-top:80px;margin-bottom:20px;color:#000;font-weight:500;font-size:2.5em;line-height:1.5em;letter-spacing:-0.5px}
.ws_content_wrap .es_title_area {margin-bottom:100px;text-align:center}
.ws_content_wrap .es_title_area .bs_title {display:block;position:relative;margin-bottom:15px;padding-top:50px;color:#000;font-size:4em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_title_area .bs_title:before {content:'';display:block;position:absolute;top:0;left:50%;width:3px;height:30px;background-color:#000;transform:rotate(40deg)}
.ws_content_wrap .es_title_area .bs_desc {color:#000;font-size:1.8em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_desc {font-size:1.3em;line-height:1.5;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_image_area {border:1px solid #000;text-align:center}
.ws_content_wrap .es_image_area img {max-width:100%}
.ws_content_wrap .es_image_area .bs_desc {padding:20px;border-bottom:1px solid #000;background-color:#f5f5f5;color:#000;font-size:1.6em;line-height:1.5em;letter-spacing:-0.5px}

.ws_content_wrap .es_table_desc {margin-bottom:10px;color:#999;font-size:1.1em;text-align:right}
.ws_content_wrap .es_table_area {}
.ws_content_wrap .es_table_border {border-top:2px solid #000}

.ws_content_wrap .es_list_area {}
.ws_content_wrap .es_list_area .bs_list_box {position:relative;margin:5px 0;padding-left:12px;font-size:1.3em;line-height:1.5;letter-spacing:-0.5px;word-break:keep-all}
.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:#000}
.ws_content_wrap .es_list_area .bs_list_box strong {color:#000;font-weight:500}

.ws_content_wrap .es_intro_area {position:relative;margin-top:-250px}
.ws_content_wrap .es_icon_area {}
.ws_content_wrap .es_icon_area .bs_content_box {}
.ws_content_wrap .es_icon_area .bs_content_box .is_list_field {margin-top:20px;padding:80px 40px 0 40px;border-radius:20px !important;box-shadow:0 4px 12px rgba(102,102,102,0.12);background-color:#fff}
.ws_content_wrap .es_icon_area .bs_content_box .is_icon_left {height:260px}
.ws_content_wrap .es_icon_area .bs_content_box .is_icon_top {height:362px;text-align:center}
.ws_content_wrap .es_icon_area .bs_content_box .is_list_field .ss_text {}  
.ws_content_wrap .es_icon_area .bs_content_box .is_list_field .ss_icon {display:inline-block;vertical-align:middle;width:100px;height:100px;background-image:url('../../../webis/img/page/intro_icon.png');background-repeat:no-repeat}
.ws_content_wrap .es_icon_area .bs_content_box .is_list_field .ss_icon01 {background-position:10px 12px}
.ws_content_wrap .es_icon_area .bs_content_box .is_list_field .ss_icon02 {background-position:10px -104px}
.ws_content_wrap .es_icon_area .bs_content_box .is_list_field .ss_icon03 {background-position:10px -222px}
.ws_content_wrap .es_icon_area .bs_content_box .is_list_field .ss_icon04 {background-position:10px -336px}
.ws_content_wrap .es_icon_area .bs_content_box .is_list_field .ss_icon05 {background-position:10px -448px}
.ws_content_wrap .es_icon_area .bs_content_box .is_list_field .ss_icon06 {background-position:10px -570px}
.ws_content_wrap .es_icon_area .bs_content_box .is_list_field .ss_icon07 {background-position:10px -686px}
.ws_content_wrap .es_icon_area .bs_content_box .is_list_field .ss_icon08 {background-position:10px -796px}
.ws_content_wrap .es_icon_area .bs_content_box .is_list_field .ss_icon09 {background-position:10px -925px}
.ws_content_wrap .es_icon_area .bs_content_box .is_icon_left .ss_icon {}
.ws_content_wrap .es_icon_area .bs_content_box .is_icon_left .ss_text {display:inline-block;vertical-align:middle;width:calc(100% - 105px);padding-left:40px}
.ws_content_wrap .es_icon_area .bs_content_box .is_icon_top .ss_icon {}
.ws_content_wrap .es_icon_area .bs_content_box .is_icon_top .ss_text {margin-top:15px}
.ws_content_wrap .es_icon_area .bs_content_box .is_list_field .ss_text .ks_subject {color:#000;font-size:2em;line-height:1.5em;letter-spacing:-0.5px}
.ws_content_wrap .es_icon_area .bs_content_box .is_list_field .ss_text .ks_desc {margin-top:20px;color:#000;font-size:1.5em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}

.ws_content_wrap .es_step_area {}
.ws_content_wrap .es_step_area .bs_list_box {text-align:center}
.ws_content_wrap .es_step_area .bs_list_box .is_label {font-weight:bold;font-size:1.2em;letter-spacing:-0.5px}
.ws_content_wrap .es_step_area .bs_list_box .is_subject {display:block;height:56px;margin-top:5px;color:#000;font-size:1.6em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_step_area .bs_list_box .is_image_field {display:block;margin-top:10px}
.ws_content_wrap .es_step_area .bs_list_box .is_image_field img {}
.ws_content_wrap .es_step_area .bs_list_box .is_desc {height:70px;margin-top:20px;color:#333;font-size:1.3em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}

.ws_content_wrap .es_button_area {margin-top:50px;text-align:center}
.ws_content_wrap .es_button_area .bs_btn {display:block;padding:30px 5px;border:1px solid;font-size:1.3em;letter-spacing:-0.5px}
.ws_content_wrap .es_button_area .bs_btn:hover {transition:all .3s ease-in-out}

/* 회사 복지 제도 */
.ws_welfare_wrap {}
.ws_welfare_wrap .es_table_area.es_table_color {}
.ws_welfare_wrap .es_table_area.es_table_color table {}
.ws_welfare_wrap .es_table_area.es_table_color table thead {}
.ws_welfare_wrap .es_table_area.es_table_color table thead tr {}
.ws_welfare_wrap .es_table_area.es_table_color table thead tr th {border:0} /* background-color:#115FD5 */
.ws_welfare_wrap .es_table_area.es_table_color table tbody {}
.ws_welfare_wrap .es_table_area.es_table_color table tbody tr {}
.ws_welfare_wrap .es_table_area.es_table_color table tbody tr th {background-color:#F9F9F9}
.ws_welfare_wrap .es_table_area.es_table_color table tbody tr td {}


/* ==================================================================================================== *
 *
 *     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_area {margin-bottom:50px}
	.ws_content_wrap .es_title_area .bs_title {font-size:3em}
	.ws_content_wrap .es_title_area .bs_desc {font-size:1.4em}
	.ws_content_wrap .es_image_area .bs_desc {font-size:1.3em}

	.ws_content_wrap .es_icon_area .bs_content_box .is_icon_left,
	.ws_content_wrap .es_icon_area .bs_content_box .is_icon_top {height:270px}

	.ws_content_wrap .es_step_area .bs_list_box {margin-top:30px}
	.ws_content_wrap .es_step_area .bs_list_box .is_subject {font-size:1.4em}
	.ws_content_wrap .es_step_area .bs_list_box .is_desc {font-size:1.2em}

}
/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {
	.ws_content_wrap .es_intro_area {margin-top:0}
	.ws_content_wrap .es_icon_area .bs_content_box .is_list_field {padding:30px 20px}
	.ws_content_wrap .es_icon_area .bs_content_box .is_icon_left {text-align:center}
	.ws_content_wrap .es_icon_area .bs_content_box .is_icon_left .ss_text {margin-top:15px}
	.ws_content_wrap .es_icon_area .bs_content_box .is_icon_left .ss_text {display:block;width:100%;padding-left:0}
	.ws_content_wrap .es_icon_area .bs_content_box .is_list_field .ss_text .ks_subject {font-size:1.6em}
	.ws_content_wrap .es_icon_area .bs_content_box .is_list_field .ss_text .ks_desc {font-size:1.2em}
}
/* 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_icon_area .bs_content_box .is_icon_left,
	.ws_content_wrap .es_icon_area .bs_content_box .is_icon_top {height:250px}
}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media all and (min-width:992px) and (max-width:1279px) {
	.ws_content_wrap .es_icon_area {margin-top:-150px}
}