@charset "utf-8";
/* bio-sans */
@import url("https://use.typekit.net/bie4agw.css");

/* 공통-리스트 2단  */
.c-list01.type2 {overflow:hidden}
.c-list01.type2 li {width:50%; float:left; box-sizing:border-box; padding-right:30px}
@media all and (max-width:999px){
	.c-list01.type2 li {width:100%; float:none; padding-right:0px}
}

/* 공통-박스 2단   */
.divi2 {overflow:hidden}
.divi2 .dibox {float:left; width:48%; margin-right:4%}
.divi2 .dibox.last {margin-right:0%}

strong {font-weight:500}

/*////////////// 기숙사 소개 */
/* 직원 소개 */
.staff-wr {overflow:hidden}
.staff {float:left; width:48%; margin-right:4%; box-sizing:border-box; border:1px solid #0a60bc; background:#eff6fd url(/resources/homepage/dorm/_Img/Content/staff_01.png) no-repeat right bottom; padding:30px 40px}
.staff.last {margin-right:0%}
.staff .t1 {font-weight:500; color:#002a51}
.staff .t2 {font-size:26px; padding-left:10px; padding-right:5px}
@media all and (max-width:600px){
	.staff {padding:20px 20px; }
}
@media only screen and (max-width:499px) {
	.staff {float:none;width:auto;margin-right:0;}
	.staff.last {margin-top:10px;}
	.staff .t2 {font-size:22px;}
}

/* 기숙사 시설안내 */
.facfloof {background:#f2f2f2; padding:20px 30px; box-sizing:border-box}
.facfloof .dplist-type2 li {border-bottom:1px solid #ddd; padding:15px 0 15px 104px;}
.facfloof .dplist-type2 .num {display:block;width:60px;height:60px;line-height:60px;font-size:20px;z-index:2}
.facfloof .dplist-type2 .num:before {z-index:1; width:18px; margin-left:0}
.facfloof .dplist-type2 .floor-gd {overflow:hidden; margin-top:10px}
.facfloof .dplist-type2 .floor-gd li {padding:0; border:0; margin:0; float:left; margin-right:4px}
.facfloof .dplist-type2 .floor-gd li.fr {float:right;}

.facility {border-top:2px solid #044288; border-bottom:10px solid #ddd; }
.facility .img-slide-wr {max-width:100%}
.facility .img-slide-wr .owl-dots {display:none}
.facility .owl-carousel .owl-item { overflow:hidden; padding:60px 0}
.facility .owl-carousel .owl-item img {float:right;width:490px}
.facility .owl-carousel .owl-item .txtbox {position:absolute; left:0; top:60px; z-index:10; width:40%;  color:#0a60bc;}
.facility .owl-carousel .owl-item .txtbox.ty2 {color:#044288;}
.facility .owl-carousel .owl-item .txtbox.ty3 {color:#e6720e;}
.facility .owl-carousel .owl-item .txtbox.ty4 {color:#3ba135;}
.facility .owl-carousel .owl-item .txtbox .num {font-family:"bio-sans"; font-size:30px; font-weight:600; text-decoration:underline; margin-bottom:20px}
.facility .owl-carousel .owl-item .txtbox .tit {font-size:22px;margin-bottom:10px}
.facility .owl-carousel .owl-item .txtbox .txt {color:#666}

@media all and (max-width:900px){
.facility .owl-carousel .owl-item {padding:20px 0}
.facility .owl-carousel .owl-item .txtbox {position:relative;width:100%;left:auto; top:auto; margin-bottom:20px; text-align:center}
.facility .owl-carousel .owl-item .txtbox .num {font-size:20px;margin-bottom:10px}
.facility .owl-carousel .owl-item .txtbox .tit {font-size:18px;}
.facility .owl-carousel .owl-item img {float:none; margin:0 auto}
}
@media all and (max-width:599px){
	.facility .owl-carousel .owl-item .txtbox .tit {font-size:17px;}
	.facility .owl-carousel .owl-item .txtbox .txt {font-size:15px;}
}

/*////////////// 기숙사 생활안내 */


/* 안전관리안내 */
.safety-wr {overflow:hidden}
.safety { float:left; width:48%; margin-right:4%; float:left; margin-bottom:20px}
.safety.ty2 {margin-right:0}
.safety.ty3{width:100%; margin-right:0;}
.safety .tit-sec {position:relative;color:#044288;padding-top:25px;font-size:24px;background:url(/resources/homepage/dorm/_Img/Content/safety_01.png) no-repeat right bottom;border-bottom:2px solid #044288;margin-bottom:20px;padding-bottom:15px;}
.safety .tit-sec h3 {font-weight:500;}
.safety .tit-sec h3 .num {position:absolute;left:0;top:0;font-family:"bio-sans";font-size:17px;font-weight:600;color:#b7b7b7;}
.safety .txt-sec .tit {color:#333}
.safety.ty2 .tit-sec {background-image:url(/resources/homepage/dorm/_Img/Content/safety_02.png);}
.safety.ty3 .tit-sec {background-image:url(/resources/homepage/dorm/_Img/Content/safety_03.png);}
.video-wr {position:relative;max-width:930px;margin:15px auto 0;}
.video-wr .video {width:100%;height:auto;padding-bottom:56.2%;}
.video-wr .video iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

@media all and (max-width:768px){
	.safety {width:100%;margin-right:0%;}
	.safety .tit-sec {font-size:18px;  background-size:contain;}
	.safety .tit-sec h3 .num {font-size:13px;}
}

/* 납입고지서 조회 */
.frmbd-fld-list .frm-li select {margin-right:10px;}
@media all and (max-width:599px){
	.frmbd-fld-list .frm-li select {margin-right:0;width:100%;margin-top:10px;}
	.frmbd-fld-list .frm-li select:first-child {margin:0;}
}