@charset "utf-8";

.ws_self_wrap{}
.ws_self_wrap .es_tab_menu_list{text-align:center;}
.ws_self_wrap .es_tab_menu_list .bs_tab_menu{display:inline-block;}
.ws_self_wrap .es_tab_menu_list .bs_tab_menu h3{font-size: 1.2em;border: 1px solid #ddd;display: inline-block;min-width: 150px;padding: 10px 0;background: #f9f9f9;cursor: pointer;}
.ws_self_wrap .es_tab_menu_list .bs_tab_menu .is_active{background: #dd5937;color: #fff;font-weight: bold;}
.ws_self_wrap .es_tab_box {display:none;}
.ws_self_wrap .es_tab_active {display:block;}
.ws_self_wrap .es_qu i.fa{color: #e00b0b;font-size: 1.5em;}
.ws_self_wrap .es_qu{font-size:1.2em;margin-top:20px;}
.ws_self_wrap table tbody tr td.es_yn{background: #f5f5f5;}
.ws_self_wrap .es_result{text-align: center;margin-top: 20px;}
.ws_self_wrap .es_result p{font-size: 1.2em;font-weight: bold;margin-top: 20px;background: #ddd;padding: 9px 0;border-radius: 20px !important;}
.ws_self_wrap .es_writing p:before{right:-71px;}
.ws_self_wrap .es_writing p:after{left:-78px;}
.ws_self_wrap .es_writing{padding-bottom:0;margin-top:20px;}

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

/* MEDIA (¸ð¹ÙÀÏ ÀÌÇÏ) 767px ÀÌÇÏ */
@media all and (max-width:767px) {
	.ws_self_wrap .es_content_area .bs_qu{font-size:1.1em;}
	.ws_self_wrap .es_content_area .bs_result p{font-size:1.1em;}
	.ws_self_wrap .es_writing p:before{display:none;}
	.ws_self_wrap .es_writing p:after{display:none;}
}


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

}