@charset "utf-8";

/* 지역 : S */
.ws_area_wrap {}
.ws_area_wrap .es_info_area {height:200px}
.ws_area_wrap .es_image_area {display:block;margin-top:30px}
.ws_area_wrap .es_sns_area {}
.ws_area_wrap .es_sns_area .bs_list_box {}
.ws_area_wrap .es_sns_area .bs_list_box .is_btn {display:block;padding:20px 0;border-width:2px;border-style:solid;border-radius:3px !important;font-weight:bold;font-size:1.5em;letter-spacing:-0.5px;text-align:center}
.ws_area_wrap .es_sns_area .bs_list_box .is_btn1 {border-color:#2F63CA;color:#2F63CA}
.ws_area_wrap .es_sns_area .bs_list_box .is_btn2 {border-color:#3b2b30;color:#3b2b30}
.ws_area_wrap .es_sns_area .bs_list_box .is_btn3 {border-color:#cd0000;color:#cd0000}
.ws_area_wrap .es_sns_area .bs_list_box .is_btn .ss_icon {display:inline-block;vertical-align:middle;width:50px;height:50px;background-image:url('../../../img/page/sns_icon.png');background-repeat:no-repeat}
.ws_area_wrap .es_sns_area .bs_list_box .is_btn1 .ss_icon {background-position:0px 6px}
.ws_area_wrap .es_sns_area .bs_list_box .is_btn2 .ss_icon {background-position:0px -60px}
.ws_area_wrap .es_sns_area .bs_list_box .is_btn3 .ss_icon {background-position:0px -122px}
/* 지역 : E */

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

/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_area_wrap .es_info_area {height:auto}
	.ws_area_wrap .es_sns_area .bs_list_box .is_btn {margin-top:5px;padding:20px 0;font-size:1.2em}
}
/* 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_area_wrap .es_info_area {height:245px}
	
}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media (min-width:992px) and (max-width:1279px) {

}