@charset 'utf-8';

/* 효나눔 */
.ws_spon_box {}
.ws_spon_box h2 {margin:50px 0 100px 0; color:#333; font-size:3em; letter-spacing:-0.5px; text-align:center;}
.ws_spon_box .es_info {}
.ws_spon_box .es_info ul {text-align:center; overflow:hidden;}
.ws_spon_box .es_info ul li {float:left; display:table; vertical-align:top; width:49%; height:300px; margin:0 6px; border-radius:20px; overflow:hidden;}
.ws_spon_box .es_info ul .bs_bn01 {background:url('../../../webis/img/page/0403_bg01.png') center no-repeat; background-size:cover;}
.ws_spon_box .es_info ul .bs_bn02 {background:url('../../../webis/img/page/0403_bg02.png') center no-repeat; background-size:cover;}
.ws_spon_box .es_info ul li div {display:table-cell; vertical-align:middle;}
.ws_spon_box .es_info ul li:hover div {background:rgba(10,10,10,0.8);}
.ws_spon_box .es_info ul li div h3 {position:relative; display:inline-block; margin-bottom:10px; color:#fff; font-size:3em;}
.ws_spon_box .es_info ul li div h3:after {content:''; display:block; position:absolute; bottom:-25px; left:50%; width:50px; height:3px; margin-left:-25px; background:#fff;}
.ws_spon_box .es_info ul li div p {margin:30px 0 20px 0; color:#fff; font-size:1.3em; letter-spacing:-0.5px;}
.ws_spon_box .es_info ul li div a {display:inline-block; padding:10px 25px; border-radius:50px; background:#00AE8A; color:#fff; font-size:1.2em; letter-spacing:-0.5px;}
.ws_spon_box .es_info ul li div a em {display:inline-block; vertical-align:top; width:45px; height:13px; margin-left:10px; background:url('../../../webis/img/arrow.png') center no-repeat;}
.ws_spon_box .es_info ul li div a:hover {background:#fff; color:#333;}
.ws_spon_box .es_info ul li div a:hover em {background:url('../../../webis/img/arrow_b.png') center no-repeat;}

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

/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_spon_box .es_info ul li {width:100% !important; height:200px; margin:5px;}
	.ws_spon_box .es_info ul li div h3 {font-size:2.2em;}
}


/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {

}

/* MEDIA (데스크탑 이하) 1279px 이하 */
@media all and (max-width:1279px) {
	.ws_spon_box .es_info ul li {width:48%;}
}

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

}