.sports_fcbox { position: relative; }
.sports_fcbox .fcbadge { position: absolute; cursor: pointer; }
@media (max-width: 767px) { .sports_fcbox .fcbadge { width: 10vw; } }
.sports_fcbox .fcbadge#fc01 { top: 80px; left: 370px; }
@media (max-width: 767px) { .sports_fcbox .fcbadge#fc01 { top: 2vw; left: 25vw; } }
.sports_fcbox .fcbadge#fc02 { top: 90px; left: 880px; }
@media (max-width: 767px) { .sports_fcbox .fcbadge#fc02 { top: 2vw; left: 57vw; } }
.sports_fcbox .fcbadge#fc03 { top: 190px; left: 970px; }
@media (max-width: 767px) { .sports_fcbox .fcbadge#fc03 { top: 7vw; left: 66vw; } }
.sports_fcbox .fcbadge#fc04 { top: 350px; left: 800px; }
@media (max-width: 767px) { .sports_fcbox .fcbadge#fc04 { top: 21vw; left: 54vw; } }
.sports_fcbox .fcbadge#fc05 { top: 340px; left: 970px; }
@media (max-width: 767px) { .sports_fcbox .fcbadge#fc05 { top: 20vw; left: 65vw; } }
.sports_fcbox .fcbadge#fc06 { top: 170px; left: 550px; }
@media (max-width: 767px) { .sports_fcbox .fcbadge#fc06 { top: 8vw; left: 36vw; } }
.sports_fcbox .fcbadge#fc07 { top: 220px; left: 690px; }
@media (max-width: 767px) { .sports_fcbox .fcbadge#fc07 { top: 11vw; left: 49vw; width: 11vw; } }
.sports_fcbox .fcbadge#fc08 { top: 80px; left: 620px; }
@media (max-width: 767px) { .sports_fcbox .fcbadge#fc08 { top: 1vw; left: 43vw; } }
.sports_fcbox .fcbadge#fc09 { top: 325px; left: 630px; }
@media (max-width: 767px) { .sports_fcbox .fcbadge#fc09 { top: 18vw; left: 43vw; } }
.sports_fcbox .fcbadge#fc10 { top: 280px; left: 1050px; }
@media (max-width: 767px) { .sports_fcbox .fcbadge#fc10 { top: 17vw; left: 72vw; } }

.facility-modal-box { max-width: 820px; height: auto; border-radius: 10px; padding: 2rem; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); }
@media (max-width: 767px) { .facility-modal-box { max-width: 90%; padding: 5vw; } }
.facility-modal-box .btn-close { position: absolute; top: -30px; right: 0; width: auto; height: auto; padding: 0 24px 0 0; font-size: 0.875rem; color: #FFF; }
.facility-modal-box .btn-close::before, .facility-modal-box .btn-close::after { right: 10px; left: auto; width: 1px; height: 1.3rem; background-color: #FFF; }
.facility-modal-box .btn-close::before { transform: translateY(-50%) rotate(45deg); }
.facility-modal-box .btn-close::after { transform: translateY(-50%) rotate(-45deg); }
.facility-modal-box .facility-modal-title { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 1rem; margin-bottom: 1rem; }
@media (max-width: 767px) { .facility-modal-box .facility-modal-title .icon { width: 7vw; } }
.facility-modal-box .facility-modal-title .title-text { font-size: 1.625rem; }
@media (max-width: 767px) { .facility-modal-box .facility-modal-title .title-text { font-size: 5.3333333333vw; } }

.message_area { position: relative; padding-top: 60px; }
.message_area .message_box { padding: 40px; background-color: rgba(0, 43, 98, 0.08); position: relative; }
@media (max-width: 767px) { .message_area .message_box { padding: 5vw; } }
.message_area .message_box::after { content: ""; background-color: #002B62; position: absolute; transform: skewX(-45deg) translateY(0%); width: 50px; height: 90px; top: -30px; left: 140px; z-index: 1; }
@media (max-width: 767px) { .message_area .message_box::after { width: 8vw; height: 15vw; top: -7vw; left: 15vw; } }
.message_area .message_box .message_detail { background: #FFF; padding: 40px 420px 40px 40px; position: relative; }
@media (max-width: 767px) { .message_area .message_box .message_detail { padding: 5vw; } }
@media (min-width: 768px) { .message_area .message_photo { position: absolute; top: -100px; right: 40px; width: 320px; } }
@media (max-width: 767px) { .message_area .message_photo { margin-bottom: 4vw; } }