@charset "utf-8";

.ws_telephone {overflow:hidden;}
.ws_telephone ul{text-align:center;}
.ws_telephone ul li{display:inline-block;vertical-align:top;padding:5px;}
.ws_telephone ul li .bs_tel_area {height:380px;}
.ws_telephone ul li .bs_tel_bg01 {background:url('../../img/page/telephone_img01.png') no-repeat;}
.ws_telephone ul li .bs_tel_bg02 {background:url('../../img/page/telephone_img02.png') no-repeat;}
.ws_telephone ul li .bs_tel_area .is_tel{position:absolute; top:50%; left:0; width:100%; height:190px; margin-top:-95px;}
.ws_telephone ul li .bs_tel_area .is_tel:hover img{transform: scale(1.06);}
.ws_telephone ul li .bs_tel_area .is_tel img{transition:all .6s ease-in-out;}
.ws_telephone ul li .bs_tel_area .is_tel h3{position:relative;margin: 15px 0;font-size: 1.3em;color: #fff;}
.ws_telephone ul li .bs_tel_area .is_tel h3:after{content: "";position: absolute;display: block;width: 40px;height: 3px;bottom: -10px;left: 50%;background: #f286a8;margin-left: -20px;}
.ws_telephone ul li .bs_tel_area .is_tel p{margin: 25px 0;font-size: 1.3em;color: #fff;}
.ws_telephone ul li .bs_tel_area .is_tel p span{font-size: 1.8em;font-weight: bold;}
.ws_telephone ul li .bs_tel_area .is_tel_info01{}
.ws_telephone ul li .bs_tel_area .is_tel_info02{}
.ws_telephone ul li .bs_tel_area .is_tel p.is_tel_tt{width: 245px;margin: 0 auto;text-align: left;padding: 6px 0 0 30px;}

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

/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	 .ws_telephone ul li .bs_tel_area .is_tel p {font-size:1.1em;}
}


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

}
