@charset "utf-8";

/**************************************************
 *
 *     WEBIS DESIGN STYLE SHEET
 *
 **************************************************/


/*========== 회사소개 메인 비주얼 ==========*/
.ws_term .es_visual {background:url(../../../../webis/img/intro_visual.png) #e9faff center no-repeat; height:318px;}

.ws_term .es_tab_wrap {}
.ws_term .es_tab_wrap .es_tab_box {border-bottom:1px solid #ddd;}
.ws_term .es_tab_wrap .es_tab_box ul {overflow:hidden;}
.ws_term .es_tab_wrap .es_tab_box ul li {float:left; text-align:center; width:20%; border-left:1px solid #ddd;}
.ws_term .es_tab_wrap .es_tab_box ul li:hover {cursor:pointer;}
.ws_term .es_tab_wrap .es_tab_box ul li:hover a { text-decoration:none;}
.ws_term .es_tab_wrap .es_tab_box ul li:last-child {border-right:1px solid #ddd;}
.ws_term .es_tab_wrap .es_tab_box ul li a {display:block; padding:15px 0;}
.ws_term .es_tab_wrap .es_tab_box ul li a.on {color:#fff; font-weight:bold; }

/* 탭 공통 */
.ws_term .es_tab_wrap #tab02,
.ws_term .es_tab_wrap #tab03,
.ws_term .es_tab_wrap #tab04,
.ws_term .es_tab_wrap #tab05 {display:none;}
.ws_term .es_tab_wrap #tab01,
.ws_term .es_tab_wrap #tab02,
.ws_term .es_tab_wrap #tab03,
.ws_term .es_tab_wrap #tab04,
.ws_term .es_tab_wrap #tab05 {margin: 2em 0; min-height:300px;}
.ws_term .es_tab_wrap #tab01 h3,
.ws_term .es_tab_wrap #tab02 h3,
.ws_term .es_tab_wrap #tab03 h3,
.ws_term .es_tab_wrap #tab04 h3,
.ws_term .es_tab_wrap #tab05 h3 {font-weight:bold; font-size:1.3em; margin: 1.0em 0;}

.ws_term .es_tab_wrap #tab01 h3:first-child {margin:0;}
.ws_term .es_tab_wrap #tab01 h3 i {color:#145EA9; margin-bottom:20px; display:inline-block; margin-right:10px;}



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


/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.wd_area {padding:0 10px;}
	.ws_term .es_tab_wrap .es_tab_box ul li {width:50%; border-bottom: 1px solid #ddd;}
	.ws_term .es_tab_wrap .es_tab_box ul li:nth-child(even) {border-right:1px solid #ddd;}
	.ws_term .es_tab_wrap .es_tab_box ul li:last-child {width:100%; border-bottom:0;}
	.ws_term .es_visual {background:url(../../../../webis/img/m_about_visual.png) #e9faff center no-repeat; height:500px}
	.ws_term .es_visual img {max-width:100%;}
}

@media all and (max-width:830px) {
}

/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {
	.wd_area {padding:0 10px;}
	
}

/* MEDIA (데스크탑 이하) 1279px 이하 */
@media all and (max-width:1279px) {
	.wd_area {padding:0 10px;}
	
}

 /* ================================================== *
 *
 *     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 (min-width:768px) and (max-width:991px) {
	
}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media (min-width:992px) and (max-width:1279px) {

}