@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');

#facility {
    margin-top:-20px;
}
#facility .cont + .cont {
    margin-top:30px;
}
#facility .facility_info {
    border-radius: 20px;
    border: 5px solid rgba(123, 73, 146, 0.10);
    padding:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:50px;
}
#facility .facility_info ul {
    display:flex;
    align-items:center;
    gap:10px;
}
#facility .facility_info .facility_info_ti {
    font-size:1em;
    font-weight:700;
    color:#7B4992;
    line-height:normal;
}
#facility .facility_info .facility_info_co {
    font-size:1em;
    font-weight:400;
    line-height:1.44;
}


#facility .tab_btn_wrap {
    display:flex;
    align-items:stretch;
}
#facility .tab_btn_wrap a {
    flex:1;
    max-width:200px;
    background-color:#f9f9f9;
    border-radius:5px 5px 0 0;
    border:1px solid #f9f9f9;
    border-bottom:none;
    font-size:1.11em;
    font-weight:500;
    letter-spacing:-0.6px;
    color:#777;
    line-height:normal;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
}
#facility .tab_btn_wrap a.on {
    border-color:#7B4992;
    background-color:#fff;
    font-weight:700;
    color:#7B4992;
}
#facility .facility_floor {
    border-top:1px solid #7B4992;
}
#facility .facility_floor .facility_floor_box {
    display:none;
}
#facility .facility_floor .facility_floor_box.active {
    display:block;
}
#facility .facility_floor .facility_floor_box .facility_img {
    display:flex;
    align-items:stretch;
}
#facility .facility_floor .facility_floor_box .facility_img .floor_img {
    max-width:750px;
}
#facility .facility_floor .facility_floor_box .facility_img .floor_img img {
    width:100%;
}
#facility .facility_floor .facility_floor_box .facility_img .floor_info {
    flex:1;
    padding:50px 50px 0;
    background-color:#FFF9FC;
    display:flex;
    flex-direction:column;
    gap:20px;
}
#facility .facility_floor .facility_floor_box .facility_img .floor_info .floor_info_title {
    display: flex;
    align-items:flex-end;
    gap:20px;
}
#facility .facility_floor .facility_floor_box .facility_img .floor_info .floor_info_title .floor_number {
    width:50px;
    height:50px;
    background-color:#7B4992;
    border-radius:10px;
    font-size:1.33em;
    font-weight:500;
    font-family: "The Jamsil";
    line-height:1;
    letter-spacing:-0.72px;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
}
#facility .facility_floor .facility_floor_box .facility_img .floor_info .floor_info_title .floor_ti {
    font-size:1.11em;
    font-family: "The Jamsil";
    font-weight:500;
    letter-spacing:-0.6px;
    line-height:1.80;
    color:#7B4992;
}
#facility .facility_floor .facility_floor_box .facility_img .floor_info .floor_info_co {
    display:flex;
    flex-direction:column;
}
#facility .facility_floor .facility_floor_box .facility_img .floor_info .floor_info_co p {
    font-size:1.11em;
    font-weight:500;
    color:#444;
    line-height:2.10;
}

/* 반응형 미디어쿼리 css */
@media (max-width:1680px) {
    #facility .facility_floor .facility_floor_box .facility_img .floor_img {
        max-width:620px;
    }
}
@media (max-width:1440px) {
    #facility .facility_floor .facility_floor_box .facility_img .floor_img {
        max-width:540px;
    }
    #facility .facility_floor .facility_floor_box .facility_img .floor_info {
        padding:30px;
    }
    #facility .facility_floor .facility_floor_box .facility_img .floor_info .floor_info_title {
        gap:10px;
    }
    #facility .facility_floor .facility_floor_box .facility_img .floor_info .floor_info_title .floor_ti {
        font-size:1em;
    }
    #facility .facility_floor .facility_floor_box .facility_img .floor_info .floor_info_co p {
        font-size: 1em;
    }

}
@media (max-width:1200px) {
    #facility .facility_floor .facility_floor_box .facility_img .floor_img {
        max-width:450px;
    }
    #facility .facility_floor .facility_floor_box .facility_img .floor_img img {
        height:100%;
    }
}
@media (max-width:1024px) {}
@media (max-width:991px) {}
@media (max-width:768px) {
    #facility .facility_floor .facility_floor_box .facility_img {
        flex-direction:column;
    }
    #facility .facility_floor .facility_floor_box .facility_img .floor_img {
        max-width:100%;
    }
    #facility .facility_floor .facility_floor_box .facility_img .floor_img img {
        height:auto;
    }
}
@media (max-width:640px) {
    #facility .facility_info {
        flex-direction:column;
        align-items: flex-start;
        gap:10px;
    }

    
    #facility .tab_btn_wrap a {
        font-size:1em;
    }
    #facility .facility_floor .facility_floor_box .facility_img .floor_info .floor_info_title .floor_number {
        width:40px;
        height:40px;
        font-size:1.11em;
    }


}
@media (max-width:480px) {}
@media (max-width:320px) {}