@charset "utf-8";

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

/* 기관소개 */
.ws_content_wrap {}
.ws_content_wrap .es_title_label {display:block;color:#ddd;font-weight:bold;font-size:10em;line-height:1em;text-align:center}
.ws_content_wrap .es_top_title {display:block;color:#000;font-weight:normal;font-size:3em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all;text-align:center}
.ws_content_wrap .es_top_title .bs_point {font-weight:bold;font-size:1.2em}
.ws_content_wrap .es_top_desc {margin-top:30px;color:#777;font-size:1.6em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all;text-align:center}
.ws_content_wrap .es_subject {display:block;margin-bottom:30px;color:#000;font-size:3em;line-height:normal;letter-spacing:-0.5px;word-break:keep-all;text-align:center}
.ws_content_wrap .es_subject .bs_point {box-shadow:0 -15px 0 rgba(145,255,68,0.7) inset}
.ws_content_wrap .es_subject_desc {margin-top:70px;margin-bottom:5px;font-size:1.4em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all;text-align:center}
.ws_content_wrap .es_way_area {}
.ws_content_wrap .es_way_area .bs_list_box {margin-top:40px}
.ws_content_wrap .es_way_area .bs_list_box .is_subject {display:block;position:relative;padding:15px 0;border-radius:50px !important;background-color:#f5f5f5;color:#000;font-size:1.5em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all;text-align:center}
.ws_content_wrap .es_way_area .bs_list_box .is_subject:before {content:'';display:block;position:absolute;bottom:-50px;left:50%;width:1px;height:50px;background-color:#ddd}
.ws_content_wrap .es_way_area .bs_list_box .is_subject:after {content:'';display:block;position:absolute;bottom:-50px;left:50%;width:51%;height:1px;background-color:#ddd;transform:translateX(-50%)}
.ws_content_wrap .es_way_area .bs_list_box .is_info_field {position:relative;margin-top:50px;padding-top:50px}
.ws_content_wrap .es_way_area .bs_list_box .is_info_field:before {content:'';display:block;position:absolute;top:0;left:50%;width:1px;height:50px;background-color:#ddd}
.ws_content_wrap .es_way_area .bs_list_box .is_info_field .ss_label {display:block;padding:15px 0;background-color:#80bbff;color:#fff;font-size:1.3em;line-height:1.5em;letter-spacing:-0.5px;text-align:center}
.ws_content_wrap .es_way_area .bs_list_box .is_info_field .ss_list {height:250px;padding:10px 20px;border:1px solid #ddd}
.ws_content_wrap .es_way_area .bs_list_box .is_info_field .ss_list .ks_list {position:relative;margin:10px 0;padding-left:10px;font-size:1.3em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_way_area .bs_list_box .is_info_field .ss_list .ks_list:before {content:'';display:block;position:absolute;top:10px;left:0;width:2px;height:2px;background-color:#000}
.ws_content_wrap .es_value_area {}
.ws_content_wrap .es_value_area ul {}
.ws_content_wrap .es_value_area .bs_list_box {margin:20px 0}
.ws_content_wrap .es_value_area .bs_list_box .is_label {display:inline-block;vertical-align:middle;position:relative;width:200px;height:200px;padding-top:10px;border-radius:50% !important;border:10px solid #80bbff;background-color:#fff;text-align:center;z-index:1}
.ws_content_wrap .es_value_area .bs_list_box .is_label .ss_point {font-weight:bold;color:#80bbff;font-size:5em;line-height:normal}
.ws_content_wrap .es_value_area .bs_list_box .is_label .ss_subject {font-size:1.3em;line-height:1.5em;letter-spacing:-0.5px}
.ws_content_wrap .es_value_area .bs_list_box .is_label .ss_subject b {display:block;color:#000}
.ws_content_wrap .es_value_area .bs_list_box .is_info_field {display:inline-block;vertical-align:middle;width:calc(100% - 205px);height:230px;padding:40px 30px 40px 150px;border-radius:20px !important;border:1px solid #ddd;transform:translateX(-20px);}
.ws_content_wrap .es_value_area .bs_list_box .is_info_field .ss_subject {color:#000;font-size:2em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_value_area .bs_list_box .is_info_field {margin-top:20px}
.ws_content_wrap .es_value_area .bs_list_box .is_info_field .ss_list {position:relative;margin-top:10px;padding-left:20px;font-size:1.3em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_value_area .bs_list_box .is_info_field .ss_list:before {content:'';display:block;position:absolute;top:10px;left:0;width:3px;height:3px;background-color:#000}


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

/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_content_wrap .es_top_title {font-size:2em}
	.ws_content_wrap .es_top_desc {font-size:1.4em}
	.ws_content_wrap .es_subject {font-size:2em}
	.ws_content_wrap .es_way_area .bs_list_box .is_subject {font-size:1.3em}
	.ws_content_wrap .es_way_area .bs_list_box .is_subject:before,
	.ws_content_wrap .es_way_area .bs_list_box .is_subject:after,
	.ws_content_wrap .es_way_area .bs_list_box .is_info_field:before {display:none}
	.ws_content_wrap .es_way_area .bs_list_box .is_info_field {margin-top:10px;padding-top:0}
	.ws_content_wrap .es_way_area .bs_list_box .is_info_field .ss_label {font-size:1.1em}
	.ws_content_wrap .es_way_area .bs_list_box .is_info_field .ss_list {height:auto}
	.ws_content_wrap .es_way_area .bs_list_box .is_info_field .ss_list .ks_list {font-size:1.1em}
	.ws_content_wrap .es_value_area .bs_list_box .is_label {display:block;margin:auto}
	.ws_content_wrap .es_value_area .bs_list_box .is_info_field {width:100%;height:auto;padding:40px 20px;transform:translate(0, -35px)}
	.ws_content_wrap .es_value_area .bs_list_box .is_info_field .ss_subject {font-size:1.4em}
	.ws_content_wrap .es_value_area .bs_list_box .is_info_field .ss_list {padding-left:10px;font-size:1.1em}
	.ws_content_wrap .es_value_area .bs_list_box .is_info_field .ss_list:before {top:9px}
}
/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {

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

}


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

}


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

/* MEDIA (태블릿 구간만) 768px ~ 991px */
@media all and (min-width:768px) and (max-width:991px) {
	.ws_content_wrap .es_value_area .bs_list_box .is_info_field {padding-left:50px}
}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media all and (min-width:992px) and (max-width:1279px) {
	.ws_content_wrap .es_way_area .bs_list_box .is_info_field .ss_list {height:320px}
}