@charset "utf-8";
.title_img {background-image: url(/img/page/facility/title.jpg);}
.fac_sec  {display: flex;justify-content: space-between;flex-wrap: wrap;}
.floor {width: 20%;background-color:#f8f8f8;border-radius:1rem;text-align: center;padding: 2rem;}
.build_tab {display:flex;/* gap:2rem; */justify-content: center;margin-bottom: 2rem;/* border-bottom: 1px solid #ddd; */}
.build_tab span {
    border-bottom: 1px solid #ddd;
}
.build_tab a {display:block;width:100%;height:100%;font-size: 20px;font-weight: 600;padding: .5rem 2rem;color: #666;}
.build_tab span.on a {color:var(--color-main); border-bottom:2px solid var(--color-main)}
.fac_tab {width: 75%;border: 1px solid #ddd;border-radius: 1rem;padding: 2rem;position: relative;}
.fac_tab h5 {font-size:1.5rem;margin-bottom: 2rem;font-weight:600;display: inline-block !important;}
.tbs {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.tbs li {}
.tbs li a {display:block;width:100%;height:100%;padding: .6rem;background-color:#fff;border-radius:2rem;color: #555;border: 1px solid #ddd;transition: .5s;}
.tbs li.on a {color:#fff;background-color:var(--color-main);border-color: var(--color-main);}
.SpecialSwiper {
    position: relative;
    overflow:hidden;
    /* height:0; */
    /* padding: 0 1rem; */
    /* padding: 0 20px; */
    position: static;
}
.SpecialSwiper ul {
    position: relative;
}
.SpecialSwiper .swiper-slide {
    position: relative;
    height: 320px;
    border-radius: 1rem;
    overflow: hidden;
}
.swiper-slide img {width: 100%;object-fit:cover;/* border-radius: 1rem; */height: 100%;}
.swiper-slide.no_img {
    background-color: #328e651f;
    background-image: url(/img/logo/logo.svg);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 20px;
}
.swiper-slide.no_img span{opacity: 0;height: 0;visibility: hidden;display: none;}
.swiper-slide.no_img p {text-align:center;display: flex;justify-content: center;/* height: 100%; */align-items: flex-end;/* padding-bottom: 2rem; */}
.swiper-slide p {position:absolute;bottom:0;text-align: center;width: 100%;background-color: rgb(0 0 0 / 30%);color: #fff;padding: 10px;}
.sp-button-next, .sp-button-prev {position:absolute;top: 2rem;right: 2rem;font-size:1.8rem;color:#888;}
.sp-button-next i, .sp-button-prev i {}
.sp-button-prev {margin-right:2rem}
.sp-button-next:hover, .sp-button-prev:hover {color:var(--color-main)}
.floor_txt {margin-top:1rem}
.floor_txt ul li {display:inline-block;padding:0 .5rem;position: relative;margin: .5rem 0;}
.floor_txt ul li:after {content:"";width: 1px;height:60%;background-color: #828282;position:absolute;top:50%;right: -2px;transform:translateY(-50%)}
.floor_txt ul li:last-child::after {display:none}

/* PC */ 
@media only screen and (min-width:1025px) and (max-width: 1500px)  {
    
}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1024px)*/ 
@media all and (max-width:1024px) {
    .floor {width: 25%;padding: 1rem;}
    .build_tab {margin-bottom:1rem}
    .fac_tab {width:70%}
    .tbs {gap:10px}
    .build_tab span {width:50%}
    .build_tab a {padding: 10px 0;}
    .floor_txt ul li {margin:0}
}

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {
    .floor {width:100%;margin-bottom: 2rem;}
    .fac_tab {width:100%;padding: 1rem;}
    .tbs {display:flex;flex-direction: row;flex-wrap: wrap;}
    .tbs li {width: 30%;}
    .tbs li a {font-size:17px}
    .SpecialSwiper .swiper-slide {height:240px}
    

}