@charset "utf-8";

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

/* 회사소개 */
.ws_content_wrap {}
.ws_content_wrap .es_mission_area {color:#000;font-weight:bold;font-size:6em;line-height:normal;letter-spacing:-0.5px;text-align:center}
.ws_content_wrap .es_mission_area .bs_point {display:inline-block;vertical-align:middle;color:#eee;font-size:2em}
.ws_content_wrap .es_vision_area {text-align:center}
.ws_content_wrap .es_vision_area .bs_list_box {display:inline-block;position:relative;width:260px;height:260px;border-radius:50% !important;font-weight:500;font-size:2em;line-height:1.3em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_vision_area .bs_list_box:before {content:'';display:block;position:absolute;top:50%;left:50%;width:280px;height:280px;border-radius:50% !important;border:2px dashed;transform:translate(-50%, -50%);z-index:-1}
.ws_content_wrap .es_vision_area .bs_list_box .is_icon {display:block;height:100px;margin-bottom:5px;background-image:url('../../../img/page/intro_icon01.png');background-repeat:no-repeat}
.ws_content_wrap .es_vision_area .bs_list_box .is_icon01 {background-position:center 0px}
.ws_content_wrap .es_vision_area .bs_list_box .is_icon02 {background-position:center -136px}
.ws_content_wrap .es_vision_area .bs_list_box .is_icon03 {background-position:center -268px}
.ws_content_wrap .es_vision_area .bs_list_box .is_icon04 {background-position:center -394px}
.ws_content_wrap .es_value_area {}
.ws_content_wrap .es_value_area .bs_list_box {position:relative;margin:0 -10px;padding:30px 0;border-radius:50px !important;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_value_area .bs_list01 {background-color:rgba(100,105,253,.2)}
.ws_content_wrap .es_value_area .bs_list02 {background-color:rgba(227,30,58,.2)}
.ws_content_wrap .es_value_area .bs_list03 {background-color:rgba(247,124,30,.2)}
.ws_content_wrap .es_value_area .bs_list04 {background-color:rgba(247,173,30,.2)}
.ws_content_wrap .es_value_area .bs_list05 {background-color:rgba(107,194,194,.2)}


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

/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_content_wrap .es_mission_area {font-size:3.5em}
	.ws_content_wrap .es_value_area .bs_list_box {padding:20px;font-size:1.2em}
}
/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {
	.ws_content_wrap .es_vision_area .bs_list_box {margin:30px 0}
}
/* 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) {

}