@charset "utf-8";
section:last-child {margin-bottom:120px}
.fac_photo {width:100%;height: 240px;position: relative;border-radius: 1rem;/* overflow: hidden; */}
.fac_wrap {display:flex;gap: 2rem;}
.fac_tb {width: 12%;display: flex;flex-direction: column;gap: 1rem;}
.fac_tb li {
    text-align: center;
    border: 1px solid #ddd;
    border-radius:2rem
}
.fac_tb li a {display:block;padding:.5rem;font-size: 22px;}
.fac_tb li.on {background-color:var(--color-main); border-color:var(--color-main)}
.fac_tb li:nth-of-type(2).on {background-color:#E19072; border-color:#E19072}
.fac_tb li:nth-of-type(3).on {background-color:#9FC697; border-color:#9FC697}
.fac_tb li:nth-of-type(4).on {background-color:#C2B2CF; border-color:#C2B2CF}
.fac_tb li:nth-of-type(5).on {background-color:#E6B7A3; border-color:#E6B7A3}
.fac_tb li:nth-of-type(6).on {background-color:#EACA49; border-color:#EACA49}
.fac_tb li:nth-of-type(7).on {background-color:#91A6C5; border-color:#91A6C5}
.fac_tb li:nth-of-type(8).on {background-color:#B6B6B6; border-color:#B6B6B6}
.fac_tb li:nth-of-type(9).on {background-color:#F1F4E9; border-color:#F1F4E9}
.fac_tb li.on a {color:#fff}
.fac_tb li:nth-of-type(9).on a {color:var(--color-black)}
.fac_tab {width: 88%;border: 1px solid #ddd;border-radius: 2rem;}
.con_box {display:flex;flex-direction: row-reverse;background-color: #f7f7f7;border-radius: 2rem;padding: 3rem;/* gap: 4rem; */justify-content: center;gap: 60px;}
.floor_txt {width: 400px;border-radius: 0 2rem 2rem 0;/* background-color: #ffffff; *//* padding: 3rem; */display: flex;flex-direction: column;justify-content: space-between;}
.floor_txt strong {font-size: 40px;text-transform: uppercase;margin-bottom: 1.5rem;display: block;position: relative;border-bottom: 1px solid #3333337d;padding-bottom: 1rem;}
.floor_txt .fac_txt {height:55%}
.floor_txt .fac_txt ul {list-style: disc;}
.floor_txt .fac_txt ul li {margin: .6rem 0;position: relative;margin-left: 1rem;}
.floor_txt .fac_txt ul li::marker {color:var(--color-main)}
.floor_map {width: calc(100% - 460px);/* padding: 3rem; */text-align: center;/* width: 680px; */height: auto;/* width: 60%; */}
.floor_map img {width:100%; object-fit:contain;}
.ssw_com1 {height:0;overflow: hidden;border-radius: 1rem;}

.SpecialSwiper.on {
	/* overflow:unset; */
	height: 100%;
	}
.SpecialSwiper .swiper-slide {
}
.SpecialSwiper .swiper-slide img {width:100%;height: 100%;object-fit:cover;object-position: center;}
.sp-button-next, .sp-button-prev {
    right: -1rem;
    top: 50%;
    position: absolute;
    background-color: #ffffff;
    width: 30px;
    height: 30px;
    display: inline-flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    z-index: 1;
    box-shadow: 0 2px 6px rgb(0 0 0 / 10%);
}
.SpecialSwiper .sp-button-prev {right:unset; left:-1rem}
.SpecialSwiper .swiper-button-disabled {display:none;}

/* PC */ 
@media only screen and (min-width:1024px) and (max-width: 1400px)  {
    .fac_wrap {flex-wrap:wrap}
    .fac_tb {width:100%;display: flex;flex-direction: row;gap: .5rem;}
    .fac_tb li {width:15%;}
    .fac_tb li a {font-size:1.1rem}
    .fac_tab {width:100%}
    .con_box {gap:2rem}
    .floor_map {width:60%}
    .floor_txt {width:40%;}
}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/ 
@media all and (max-width:1023px) {
    .fac_wrap {flex-wrap:wrap}
    .fac_tb {width:100%;display: flex;flex-direction: row;gap: 1rem;flex-wrap: wrap;justify-content: center;}
    .fac_tb li {width:15%;}
    .fac_tb li a {font-size:1.1rem}
    .fac_tab {width:100%}
    .con_box {gap:2rem;padding: 2rem;flex-wrap: wrap;display: flex;flex-direction: column-reverse;}
    .floor_map {width: 100%;}
    .floor_txt {width: 100%;display: flex;flex-direction: row;gap:2rem}
    .floor_txt .fac_txt {width:50%}
    .fac_photo {width:50%}
}

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {
    section:last-child {margin-bottom:4rem}
    .fac_tb {gap:.5rem}
    .fac_tb li {width: 30%;}
    .con_box {padding:2rem 1.5rem}
    .floor_txt {flex-wrap:wrap;gap: 1rem;}
    .floor_txt .fac_txt, .fac_photo {width:100%}
}