@charset "utf-8";

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

.ws_content_wrap {}
.ws_content_wrap .es_history_area {width:50%;margin:130px auto 0}
.ws_content_wrap .es_history_area .bs_content_box {}
.ws_content_wrap .es_history_area .bs_content_box .is_year_field {}
.ws_content_wrap .es_history_area .bs_content_box .is_year_field .ss_year {display:block;font-size:6em;line-height:1em}
.ws_content_wrap .es_history_area .bs_content_box .is_desc_field {padding-bottom:150px;padding-left:10%;border-left:1px solid}
.ws_content_wrap .es_history_area .bs_content_box .is_desc_field dl {padding-bottom:30px;overflow:hidden}
.ws_content_wrap .es_history_area .bs_content_box .is_desc_field dl:before {content:'';display:block;position:absolute;top:16px;left:-8px;width:16px;height:16px;border-radius:50% !important}
.ws_content_wrap .es_history_area .bs_content_box .is_desc_field dl:after {content:'';display:block;position:absolute;top:0px;left:-25px;width:50px;height:50px;border-radius:50% !important;border:1px solid #bdd6c5}
.ws_content_wrap .es_history_area .bs_content_box .is_desc_field dl .ss_subject,
.ws_content_wrap .es_history_area .bs_content_box .is_desc_field dl .ss_desc {float:left;color:#000;font-size:1.6em;line-height:1.8em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_history_area .bs_content_box .is_desc_field dl .ss_subject {width:100px;font-weight:500}
.ws_content_wrap .es_history_area .bs_content_box .is_desc_field dl .ss_desc {width:calc(100% - 100px)}

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

/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_content_wrap .es_history_area .bs_content_box .is_year_field .ss_year {padding-bottom:30px;padding-left:10%;font-size:4em}
	.ws_content_wrap .es_history_area .bs_content_box .is_desc_field {padding-bottom:80px}
	.ws_content_wrap .es_history_area .bs_content_box .is_desc_field dl:before {top:-5px;left:-5px;width:10px;height:10px}
	.ws_content_wrap .es_history_area .bs_content_box .is_desc_field dl:after {top:-15px;left:-15px;width:30px;height:30px}
	.ws_content_wrap .es_history_area .bs_content_box .is_desc_field dl .ss_subject,
	.ws_content_wrap .es_history_area .bs_content_box .is_desc_field dl .ss_desc {font-size:1.3em}
}
/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {

}
/* MEDIA (데스크탑 이하) 1279px 이하 */
@media all and (max-width:1279px) {
	.ws_content_wrap .es_history_area {width:100%;margin-top:80px}
}


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

}