@charset "utf-8";

.table.typeC {border-bottom:1px solid var(--border1);}
.table.typeC dl {display:grid; border-top:1px solid var(--border1); padding:20px 10px; grid-template-columns:200px calc(50% - 100px) calc(50% - 100px);}
.table.typeC dl dt {position:relative; padding-left:20px; color:var(--base3); font-weight:500;}
.table.typeC dl dt:before {content:""; display:block; width:10px; height:10px; background:var(--border1); position:absolute; top:10px; left:0; border-radius:50%;}
.table.typeC dl dd.grid-column_2-4 {grid-column:2/4;}
.table.typeC dl dd {padding-left:50px; font-weight:300; color:#333;}
.table.typeC dl dd:first-of-type {padding-left:0;}

.table.typeC dl dd .detail-bx+.detail-bx {margin-top:30px;}
.table.typeC dl dd .detail-bx .bold {font-weight:500; color:#000;}
.table.typeC dl dd .detail-bx li {position:relative; padding-left:27px;}
.table.typeC dl dd .detail-bx li:before {content:""; display:block; width:5px; height:5px; background:#333; border-radius:50%; position:absolute; top:13px; left:10px;}

.facility .facility-img-pc {position:relative; top:-70px; margin-bottom:-70px;}
.facility-img-pc img {max-width:100%;}
.facility .facility-img-mob {display:none; margin-top:30px; position:relative;}
.facility .facility-img-mob .building-img {position:relative;}
.facility .facility-img-mob img {max-width:100%;}

/* ************************ 태블릿 (~1249) ************************ */
@media screen and (max-width:1249px) {

.facility .facility-img-pc {top:0; margin:30px 0 0;}

}

/* ************************ 태블릿 (~991) ************************ */
@media screen and (max-width:991px) {
.facility .facility-img-pc {display:none;}
.facility .facility-img-mob {display:block;}
.table.typeC dl dt {padding-left:18px;}
.table.typeC dl dt:before {width:8px; height:8px; top:10px;}
.table.typeC dl dd:first-of-type {padding-left:18px;}
.table.typeC dl dd .detail-bx li:before {top:11px;}
.table.typeC dl dd .detail-bx+.detail-bx {margin-top:25px;}

.facility .table.typeC dl {grid-template-columns:1fr 1fr;}
.facility .table.typeC dl dt {grid-column:1/3; font-size:18px; margin-bottom:4px;}
.facility .table.typeC dl dd {font-size:18px;}
.facility .table.typeC dl dd.grid-column_2-4 {grid-column:1/3;}

.facility .building-img .floor {background:var(--base1); border:4px solid #fff; border-radius:5rem; color:#fff; font-size:24px; position:absolute; padding:5px 20px; box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;}
.facility .building-img .floor.f2-3802 {top:41%; left:8%;}
.facility .building-img .floor.b1-3801 {top:55%; right:10%;}
.facility .building-img .floor.f1-3801 {top:35%; right:10%;}
.facility .building-img .floor.f2-3801 {top:20%; right:10%;}
.facility .building-info {margin-top:20px;}
.facility .building-info dl {display:grid; grid-template-columns:130px auto; align-items:center; border:3px solid var(--base2); padding:10px; border-radius:5rem; gap:15px; font-size:18px;}
.facility .building-info dl+dl {margin-top:10px;}
.facility .building-info dl dt {color:#fff; background:var(--base1); border-radius:3rem; padding:5px 15px; text-align:center;}
.facility .building-info dl dd {color:#000; font-weight:600;}
/* ************************ 모바일 (~767) ************************ */
@media screen and (max-width:767px) { 
.facility .table.typeC dl dt {font-size:17px;}
.facility .table.typeC dl dd {font-size:17px;}	

.table.typeC dl {padding:15px 10px;}
.table.typeC dl dt:before {top:9px;}	
.table.typeC dl dd .detail-bx li {padding-left:20px;}
.table.typeC dl dd .detail-bx li:before {top:10px; left:5px;}
.table.typeC dl dd {padding-left:18px;}
.table.typeC dl dd+dd {margin-top:20px;}
.table.typeC dl dd .detail-bx+.detail-bx {margin-top:20px;}

.facility .table.typeC dl {grid-template-columns:1fr;}
.facility .table.typeC dl dt {grid-column:auto;}

.facility .building-img .floor {font-size:18px;}

.facility .building-info dl {font-size:17px;}
} 

/* ************************ 모바일 (~500) ************************ */
@media screen and (max-width:500px) {  
.facility .building-img .floor {font-size:16px;}
.facility .building-img .floor.f2-3802 {left:5%;}
.facility .building-img .floor.f2-3801 {top:16%; right:5%;}
.facility .building-img .floor.f1-3801 {right:5%;}

.facility .building-info dl {display:block; text-align:center; padding:10px 20px; border-radius:20px;}
.facility .building-info dt {display:inline-block; margin-bottom:5px;}
}