.facility-fee { display: flex; align-items: center; gap: 40px; padding: 40px; border: 1px solid #d6dce8; border-radius: 5px; }
.facility-fee .item { display: flex; align-items: center; gap: 20px; }
.facility-fee .item:nth-child(1) { min-width: 191px; }
.facility-fee .item:nth-child(2) { min-width: 186px; }
.facility-fee .item .img { display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; background-color: #f6f9ff; border-radius: 50%; }
.facility-fee .item .txt { flex: 1; }
.facility-fee .item .txt p:nth-child(1) { margin-bottom: 8px; font-weight: 700; font-size: 16px; line-height: 19px; letter-spacing: -.02em; color: #011a7a; }
.facility-fee .item .txt p:nth-child(2) { font-weight: 500; font-size: 14px; line-height: 17px; letter-spacing: -.02em; color: #444; }
.facility-fee ul.ul-type-dot { flex: 1; padding-left: 40px; border-left: 1px solid #eee; }

.facility-tab { display: flex; gap: 10px; }
.facility-tab .tab-tit { display: flex; flex-direction: column; gap: 6px; width: 180px; }
.facility-tab .tab-tit li { flex: 1; }
.facility-tab .tab-tit li a { display: block; padding: 17px 0; border: 1px solid #d6dce8; border-radius: 5px; font-weight: 700; font-size: 20px; text-align: center; line-height: 24px; letter-spacing: -.02em; color: #8894a8; }
.facility-tab .tab-tit li.active a { background-color: #0A60FF; border-color: #0A60FF; color: #fff; }
.facility-tab .tab-con { flex: 1; position: relative;  background-color: #F6F9FF; border-radius: 5px; }
.facility-tab .tab-con > div { position: absolute; inset: 0; display : none; padding: 30px; }
.facility-tab .tab-con > div > img { max-width: calc(100% - 137px); max-height: 100%; }
.facility-tab .tab-con > div.active { display: flex; justify-content: center; align-items: flex-end; gap: 12px; }

.facility-note{width: 125px;}
.facility-note ul{display: flex;flex-direction: column;gap: 5px;width: 100%;padding: 13px;background-color: #fff;border-radius: 1px;}
.facility-note ul li{display: flex;align-items: center;gap: 8px;font-weight: 500;font-size: 12px;line-height: 14px;letter-spacing: -0.02em;color: #444;}
.facility-note ul li:before{content: '';width: 16px;height: 16px;border-radius: 50%;}
.facility-note ul li.color01:before{background-color: #E8F2FE;}
.facility-note ul li.color02:before{background-color: #FFF4FB;}
.facility-note ul li.color03:before{background-color: #D7EFF2;}
.facility-note ul li.color04:before{background-color: #EBECFF;}
.facility-note ul li.color05:before{background-color: #C8E3FF;}
.facility-note ul li.color06:before{background-color: #DFE2EB;}

.facility-space ul { display: flex; flex-wrap: wrap; gap: 40px 20px; }
.facility-space ul li { width: calc((100% - 40px)/3); }
.facility-space ul li > p:nth-of-type(1) { padding: 24px 10px 12px; font-weight: 700; font-size: 20px; line-height: 24px; letter-spacing: -.02em; color: #333; }
.facility-space ul li > p:nth-of-type(2) { padding: 0 10px; font-weight: 500; font-size: 16px; line-height: 28px; letter-spacing: -.02em; color: #444; }
.facility-space .space-swiper { position: relative; border-radius: 5px; overflow: hidden; height: 271px;}
.facility-space .space-swiper > p { position: absolute; top: 10px; right: 10px; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; background-color: #07b0c3; border-radius: 50%; font-weight: 700; font-size: 16px; line-height: 19px; letter-spacing: -.02em; color: #fff; z-index: 2; }
.facility-space .space-swiper .swiper-slide img { width: 100%;height:100%;object-fit: cover;}
.facility-space .space-swiper .pagination { position: absolute; bottom: 10px; right: 0; left: 0; display: flex; justify-content: center; gap: 4px; z-index: 2; }
.facility-space .space-swiper .pagination .swiper-pagination-bullet { width: 20px; height: 3px; background-color: rgba(255 255 255 / .5); border-radius: 9px; }
.facility-space .space-swiper .pagination .swiper-pagination-bullet-active { background-color: #fff; }

@media ( max-width: 1024px ) {
	.facility-fee { gap: 15px; padding: 15px; }
	.facility-fee ul.ul-type-dot { padding-left: 15px; }
	
	.facility-tab { flex-direction: column; }
	.facility-tab .tab-tit { flex-direction: row; width: 100%; }
	.facility-tab .tab-tit li a { padding: 7px 0; font-size: 14px; }
	.facility-tab .tab-con > div { position: initial; padding: 15px; }
	
	.facility-tab .tab-con > div > img { max-width: calc(100% - 102px);}
	.facility-tab .tab-con > div.active{gap: 8px;}
	.facility-note{width: 94px;}
	.facility-note ul{padding: 8px;}
	.facility-note ul li{gap: 4px;font-size: 10px;}
	.facility-note ul li:before{width: 12px;height: 12px;}
	
	.facility-space ul li { width: calc((100% - 20px)/2); }
}
@media ( max-width: 768px ) {
	.facility-fee { flex-wrap: wrap; }
	.facility-fee ul.ul-type-dot { flex: auto; width: 100%; padding: 15px 0 0; border-top: 1px solid #eee; border-left: 0; }
}
@media ( max-width: 500px ) {
	.facility-fee .item { flex-direction: column; min-width: calc(50% - 7.5px) !important; gap: 10px; text-align: center; }
	
	.facility-tab .tab-con > div > img{max-width: 100%;}
	.facility-tab .tab-con > div.active{flex-direction: column;}
	
	.facility-space ul li { width: 100%; }
}