@charset "utf-8";

/* 우리들부부가족상담센터 */
.ws_introduce .es_intro_area {position:relative; background:url(../../img/page/introduce_img01.png) center no-repeat; background-size:cover; width:100%; height:535px;}
.ws_introduce .es_intro_area .bs_intro_box {position:absolute;top:50%;left:0;width:100%;margin-top:-200px;padding: 31px 0;background:rgba(255,255,255,.8);}
.ws_introduce .es_intro_area .bs_intro_box p {padding:20px 0; font-size:1.3em; line-height:1.6em; text-align:center;margin-top:20px;}

.ws_introduce ul.es_intro_img {text-align:center;}
.ws_introduce ul.es_intro_img li {position:relative; display:inline-block; vertical-align:top; width:32%; margin:3px 2px;}
.ws_introduce ul.es_intro_img li img {max-width:100%;}
.ws_introduce ul.es_intro_img li p {position:absolute; bottom:0; left:0; width:100%; padding:8px 0; background:rgba(0,0,0,.7); color:#fff; font-size:1.2em;}

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

/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_introduce .es_intro_area {height:360px;}
	.ws_introduce .es_intro_area .bs_intro_box {margin-top:-160px; padding:13px 15px;}
	.ws_introduce .es_intro_area .bs_intro_box img {width:190px;}
	.ws_introduce .es_intro_area .bs_intro_box p {font-size:1.1em;margin-top:0;}
	.ws_introduce ul.es_icon_img li p{display:inline-block;}
}


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

}