@charset "utf-8";

/* 재가노인지원서비스 - 이용안내 */
.ws_use_wrap {}
.ws_use_wrap .es_step_area .bs_icon_box {background-image:url('../../../img/page/service_step_icon.png');}
.ws_use_wrap .es_step_area .bs_icon01_box {background-position:30px 24px;}
.ws_use_wrap .es_step_area .bs_icon02_box {background-position:-124px 14px;}
.ws_use_wrap .es_step_area .bs_icon03_box {background-position:-284px 22px;}

.ws_sub_conts_wrap .es_list_area .bs_2nd_list_box {padding-left:15px;}
.ws_sub_conts_wrap .es_list_area .bs_2nd_list_box:before {display:none;}
.ws_sub_conts_wrap .es_list_area .bs_list_box .is_3rd_list_area {margin:10px 0; padding:15px; border:1px solid #ddd; background:#f9f9f9;}
.ws_sub_conts_wrap .es_list_area .bs_list_box .is_3rd_list_area .ss_3rd_list_box {margin:5px 0; padding-left:15px;}

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

/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_use_wrap .es_cs_area table tbody tr th, .ws_use_wrap .es_cs_area table tbody tr td {display:block; padding:30px;}
	.ws_use_wrap .es_cs_area table tbody tr td {border-top:0;}
	.ws_sub_conts_wrap .es_img_area .bs_list_box {width:100%; text-align:center;}
}


/* 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) {
	.ws_sub_conts_wrap .es_img_area .bs_list_box {width:23.2%;}
}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media (min-width:992px) and (max-width:1279px) {
	.ws_sub_conts_wrap .es_img_area .bs_list_box {width:23.2%;}
}