@charset "utf-8";

.ws_history_wrap ul.es_tab_info {}
.ws_history_wrap ul.es_tab_info li {position:relative;margin-left:20px;margin-bottom:40px}
.ws_history_wrap ul.es_tab_info li:after {content:"";position:absolute;display:block;width:1px;height:100%;top:14px;left:-13px;background:#ff995e}
.ws_history_wrap ul.es_tab_info li h3 {position:relative;margin:12px 0;font-size:1.3em;background:#e8e8e8;display:inline-block;padding:2px 11px;border-radius:20px !important}
.ws_history_wrap ul.es_tab_info li h3:after {content:"";position:absolute;display:block;width:15px;height:15px;top:0;left:-20px;background:#ffffff;border-radius:50%;border:4px solid #f5813f;z-index:1}
.ws_history_wrap ul.es_tab_info li p {line-height:1.6em;margin-left:10px;font-size:1.3em}
.ws_history_wrap .es_tab_area .bs_hopeyj_tab .is_tab_menu {display:inline-block;min-width:84px}

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

/* MEDIA (¸ð¹ÙÀÏ ÀÌÇÏ) 767px ÀÌÇÏ */
@media all and (max-width:767px) {
	.ws_history_wrap ul.es_tab li {margin:2px}
	.ws_history_wrap ul.es_tab li button {padding:6px 10px;font-size:1.4em}
	.ws_history_wrap ul.es_tab_info li h3 {font-size:1.2em}
	.ws_history_wrap ul.es_tab_info li p {font-size:1.1em}
}
/* 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 (min-width:768px) and (max-width:991px) {

}
/* MEDIA (µ¥½ºÅ©Å¾ ±¸°£¸¸) 992px ~ 1279px */
@media (min-width:992px) and (max-width:1279px) {

}