@charset "utf-8";

/** main 공통 s **/
:root {--main-color: #66B02F; --main-color2: #0086D1; --point-color: #3345A1; --point-color2: #C5135E; --black: #231C1C;}
html {font-size: 16px;}
.main {position: relative;}
.main::after {content: ''; width: 254px; height: 378px; display: block; position: fixed; right: -30px; bottom: 0; z-index: -2; background: url("/_user/athletic/img/main/middle-bg.png") center center no-repeat; background-size: cover;}
.main section {max-width: 1440px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
.main section + section {padding-top: 70px;}
.font-point {font-family: "GmarketSans";}
.section-title-box {margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between;}
.main h3.section-title {color: var(--black); font-size: 25px; line-height: 1.1; text-transform: uppercase; display: block;}
.main h3.section-title > em {display: block;}
.section-sub-tit {}
.icon-link {width: 15px; height: 15px; margin-left: 4px; position: relative; top: 2px; background-size: 100%;}
.ico-link {width: 20px; height: 20px; margin-left: 5px; background: #222; --svg: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='MDI / dock-window'%3E%3Cpath id='Path / dock-window' d='M5.00001 5.29443V3.62743L16.666 3.62743C17.1081 3.62743 17.5321 3.80306 17.8448 4.11568C18.1574 4.4283 18.333 4.85231 18.333 5.29443V13.6284H16.666V5.29543M1.66601 15.2954V8.62843C1.66601 8.18631 1.84164 7.7623 2.15426 7.44968C2.46688 7.13706 2.89089 6.96143 3.33301 6.96143L13.333 6.96143C13.7751 6.96143 14.1991 7.13706 14.5118 7.44968C14.8244 7.7623 15 8.18631 15 8.62843V15.2944C15 15.7365 14.8244 16.1605 14.5118 16.4732C14.1991 16.7858 13.7751 16.9614 13.333 16.9614L3.33301 16.9614C3.11409 16.9614 2.89732 16.9183 2.69507 16.8345C2.49282 16.7508 2.30906 16.628 2.15426 16.4732C1.99947 16.3184 1.87667 16.1346 1.7929 15.9324C1.70913 15.7301 1.66601 15.5133 1.66601 15.2944M3.33301 15.2944L13.333 15.2944V8.62843L3.33301 8.62843L3.33301 15.2944Z' fill='%23222222'/%3E%3C/g%3E%3C/svg%3E%0A"); mask: var(--svg); -webkit-mask: var(--svg);}
.main .slide-control {display: none;}
.main .slide-control .swiper-button-prev, .main .slide-control .swiper-button-next {width: 75px; height: 75px; margin-top: 0; background: #fff url("/_user/athletic/img/main/ico-slide-arrow.svg") no-repeat center / 19px 11px; border-radius: 50%; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.10);}
.swiper-button-prev {}
.swiper-button-next {transform: rotate(180deg); box-shadow: 0 -6px 20px 0 rgba(0, 0, 0, 0.10) !important;}
.control {margin: 0 20px 0 0; padding: 30px 0 10px; display: flex; align-items: center; overflow: hidden;}
.control .swiper-scrollbar {width: 100%; height: 3px; background: #DBDCE0;}
.control .swiper-scrollbar-drag {background: var(--point-color2);}
.play-stop > button {width: 75px; height: 75px; display: none; align-items: center; justify-content: center; background: #fff; border-radius: 50%; box-shadow: 0 5px 10px #004D301F;}
.play-stop > button.on {display: flex;}
.play-stop .play::before {content: ''; height: 0; display: inline-block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #111;}
.play-stop .stop::before {content: ''; width: 4px; height: 13px; display: inline-block; border-left: 2px solid #111; border-right: 2px solid #111;}
.btn-more {width: 120px; height: 40px; padding: 5px 20px; color: var(--main-color2); font-size: 15px; font-weight: 500; line-height: normal; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; background: #fff; border: 1px solid var(--main-color2); border-radius: 50px;}
.btn-more::after {content: ''; width: 21px; height: 11px; display: inline-block; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="11" viewBox="0 0 22 11" fill="none"><path d="M16.1685 10.4576C16.094 10.4016 16.0341 10.3285 15.994 10.2444C15.9539 10.1604 15.9347 10.0679 15.9381 9.97486C15.9486 9.76841 16.03 9.5719 16.1685 9.4184L19.3935 6.09258H6.29425e-05V4.82532H19.3935L16.1685 1.49878C16.0299 1.34534 15.9485 1.14886 15.9381 0.942424C15.9347 0.849457 15.9539 0.757035 15.994 0.673083C16.0341 0.589132 16.094 0.516131 16.1685 0.460335L16.7332 0L20.7302 4.29129C20.8635 4.43136 20.9676 4.5965 21.0364 4.77716C21.1052 4.95781 21.1374 5.15035 21.131 5.34355V5.57107C21.1374 5.76425 21.1052 5.9568 21.0364 6.13744C20.9676 6.3181 20.8635 6.48324 20.7302 6.62332L16.7332 10.9146L16.1685 10.4576Z" fill="%230086D1"/></svg>') no-repeat center / cover;}
.btn-more:hover {color: #fff; background: var(--main-color2);}
.btn-more:hover:after {background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="11" viewBox="0 0 22 11" fill="none"><path d="M16.1685 10.4576C16.094 10.4016 16.0341 10.3285 15.994 10.2444C15.9539 10.1604 15.9347 10.0679 15.9381 9.97486C15.9486 9.76841 16.03 9.5719 16.1685 9.4184L19.3935 6.09258H6.29425e-05V4.82532H19.3935L16.1685 1.49878C16.0299 1.34534 15.9485 1.14886 15.9381 0.942424C15.9347 0.849457 15.9539 0.757035 15.994 0.673083C16.0341 0.589132 16.094 0.516131 16.1685 0.460335L16.7332 0L20.7302 4.29129C20.8635 4.43136 20.9676 4.5965 21.0364 4.77716C21.1052 4.95781 21.1374 5.15035 21.131 5.34355V5.57107C21.1374 5.76425 21.1052 5.9568 21.0364 6.13744C20.9676 6.3181 20.8635 6.48324 20.7302 6.62332L16.7332 10.9146L16.1685 10.4576Z" fill="%23ffffff"/></svg>') no-repeat center / cover;}
.fade-wrap {overflow: hidden;}
.fade-wrap .fade-box.fadeUp {opacity: 1; transform: translateY(0);}
.fade-wrap .fade-box {opacity: 0; transform: translateY(100px); transition: all 1s; transition-delay: 0.3s;}
.fade-wrap .opacity-box {opacity: 0; transition: opacity 1s ease-out;}
.fade-wrap .opacity-box.visible {opacity: 1;}

@media screen and (min-width: 768px) {
    .main section {max-width: 1460px; padding: 0 30px;}
}

@media screen and (min-width: 1024px) {
    .main::after {width: 1282px; height: 1726px; background: url("/_user/athletic/img/main/middle-bg.png"); bottom: -500px;}
    .main section {max-width: 1580px; padding: 0 40px;}
    .main .mob-br {display: none;}
    h3.section-tit {font-size: 40px;}
    .icon-link {width: 20px; height: 20px; top: 0;}
    .main .arrow em {width: 60px; height: 60px;}
    .main .arrow::before {width: 50px; height: 50px; transition: all 0.3s;}
    .main .arrow:hover::before {width: 170px; height: 170px; background: rgba(255, 122, 0, 1);}
    .main .arrow:hover {z-index: 1; transform: translate(10px, -15px);}
    .swiper-pagination {display: none;}
    .btn-more::before {font-size: 18px;}
    .ico-more {width: 30px;}
}

@media screen and (min-width: 1200px) {
    .main h3.section-title {font-size: 45px;}
    .main-tit-box.mob, .section-tit.mob {display: none;}
    .main-tit-box .section-tit.pc {display: block;}
}
/** main 공통 e **/

/* 메인 비주얼 s */
.main-visual {height: 100vh; min-height: 760px; position: relative;}
.main-visual:after {content: ''; width: 100%; height: 121px; display: block; position: absolute; left: 0; bottom: 0; background: url("/_user/athletic/img/main/main-bg2.png") center center no-repeat;}
.main-visual > .inner-section {width: 100%; max-width: 1540px; height: 100%; padding: 0 20px; display: flex; flex-direction: column; justify-content: center; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.main-visual > img {width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.main-visual-wrap {padding: 0 20px; color: #fff;}
.main-visual-tit {width: 269px; height: 60px; margin-bottom: 30px; background: url("/_user/athletic/img/main/main-tit-m.png") no-repeat;}
.main-visual-desc {margin-bottom: 10px; color: #FFF; font-size: 16px; font-weight: 300; line-height: normal; display: flex; align-items: center;}
.main-visual-li {display: flex; align-items: flex-end;}
.main-visual-li:first-child {margin-right: 18px; position: relative;}
.main-visual-li:first-child:after {content: ''; width: 6px; height: 6px; display: inline-block; position: absolute; top: 16px; right: -9px; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewBox="0 0 6 6" fill="none"><path d="M0 5.72667V0L5.72667 2.86333L0 5.72667Z" fill="white"/></svg>') center center no-repeat;}
.main-visual-li .days {font-size: 22px; font-weight: 700;}
.main-visual-li .week {min-width: 25px; height: 25px; margin: 0 6px; font-size: 13px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; background: var(--main-color2); border-radius: 100px;}
.main-visual-li .while {color: var(--main-color2); font-size: 20px; font-weight: 700; letter-spacing: -0.2px;}

@media screen and (min-width: 768px) {}

@media screen and (min-width: 1024px) {
    .main-visual-wrap {margin-bottom: 160px;}
    .main-visual-tit {width: 663px; height: 149px; background: url('/_user/athletic/img/main/main-tit-pc.png') no-repeat;}
    .main-visual-desc {font-size: 25px;}
    .main-visual-li:first-child {margin-right: 47px;}
    .main-visual-li:first-child:after {width: 14px; height: 14px; top: 20px; right: -28px; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 6 6" fill="none"><path d="M0 5.72667V0L5.72667 2.86333L0 5.72667Z" fill="white"/></svg>') center center no-repeat;}
    .main-visual-li .days {font-size: 40px;}
    .main-visual-li .week {min-width: 40px; height: 40px; margin: 0 6px; font-size: 22px;}
    .main-visual-li .while {font-size: 22px;}
    .main-visual-txt {font-size: 30px;}
}

@media screen and (min-width: 1200px) {
    .main-visual {margin-bottom: 200px;}
}
/* 메인 비주얼 e */

/* 이벤트 슬라이드 */
.event-slide-wrap {width: calc(100% - 40px); margin: -260px auto 0; position: relative; z-index: 3;}
.event-slide-wrap .event-slide .swiper-container {height: 219px;}
.common-event-wrap-tit {margin-bottom: 10px; color: #fff; font-size: 18px; font-weight: 700; line-height: 28px; text-align: center;}
.major-event {background: #003894;}
.sport-event {background: #009AA7;}
.tour-event {background: #66B02F;}
.common-event-wrap {height: 185px; padding: 30px 10px 30px; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; border-radius: 20px;}
.common-event-wrap > ul {display: flex; justify-content: center;}
.common-event-wrap > ul > li:last-of-type {margin-right: 0;}
.common-event-wrap > ul > li > a {min-width: 70px; padding: 15px 0; display: block;}
.common-event-wrap > ul > li > a:hover {background: rgba(0, 0, 0, 0.30); border-radius: 20px; box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.05); backdrop-filter: blur(30px);}
.sport-event > ul > li > a > div, .major-event > ul > li > a > div, .tour-event > ul > li > a > div {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.sport-event > ul > li > a > div > p:first-of-type, .major-event > ul > li > a > div > p:first-of-type, .tour-event > ul > li > a > div > p:first-of-type {width: 40px; height: 40px; display: block; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%;}
.sport-event > ul > li > a > div > p:last-of-type, .major-event > ul > li > a > div > p:last-of-type, .tour-event > ul > li > a > div > p:last-of-type {margin-top: 10px; color: rgba(255, 255, 255, 0.8); text-align: center; white-space: nowrap;}
.major-event > ul > li:first-of-type > a > div > p:first-of-type {background-image: url("/_user/athletic/img/main/ico-event01.svg");}
.major-event > ul > li:nth-of-type(2) > a > div > p:first-of-type {background-image: url("/_user/athletic/img/main/ico-event02.svg");}
.major-event > ul > li:nth-of-type(3) > a > div > p:first-of-type {background-image: url("/_user/athletic/img/main/ico-event03.svg");}
.major-event > ul > li:last-of-type > a > div > p:first-of-type {background-image: url("/_user/athletic/img/main/ico-event04.svg");}
.sport-event > ul > li:first-of-type > a > div > p:first-of-type {background-image: url("/_user/athletic/img/main/ico-event05.svg");}
.sport-event > ul > li:nth-of-type(2) > a > div > p:first-of-type {background-image: url("/_user/athletic/img/main/ico-event06.svg");}
.sport-event > ul > li:nth-of-type(3) > a > div > p:first-of-type {background-image: url("/_user/athletic/img/main/ico-event07.svg");}
.sport-event > ul > li:last-of-type > a > div > p:first-of-type {background-image: url("/_user/athletic/img/main/ico-event08.svg");}
.tour-event > ul > li:first-of-type > a > div > p:first-of-type {background-image: url("/_user/athletic/img/main/ico-event09.svg");}
.tour-event > ul > li:nth-of-type(2) > a > div > p:first-of-type {background-image: url("/_user/athletic/img/main/ico-event10.svg");}
.tour-event > ul > li:last-of-type > a > div > p:first-of-type {background-image: url("/_user/athletic/img/main/ico-event11.svg");}
.event-slide-wrap .swipe-btn, .event-slide-wrap .swiper-pagination {height: 14px; position: absolute; bottom: 0;}
.event-slide-wrap .swipe-btn {display: flex; justify-content: center; position: absolute; left: 50%; z-index: 20; transform: translateX(-50%);}
.event-slide-wrap .swiper-pagination {display: flex; align-items: center; justify-content: center;}
.event-slide-wrap .swipe-btn .next-button, .event-slide-wrap .swipe-btn .prev-button {width: 6px; height: 14px; display: flex; align-items: center; position: relative; z-index: 20;}
.event-slide-wrap .swipe-btn .next-button {margin-left: 49px;}
.event-slide-wrap .swipe-btn .prev-button {margin-right: 49px;}
.event-slide-wrap .swipe-btn .next-button > span, .event-slide-wrap .swipe-btn .prev-button > span {width: 6px; height: 14px; display: inline-block; background-size: contain; background-repeat: no-repeat;}
.event-slide-wrap .swipe-btn .next-button > span {background-image: url("/_user/disabled/img/layout/icon-rightArrow.svg");}
.event-slide-wrap .swipe-btn .prev-button > span {background-image: url("/_user/disabled/img/layout/icon-leftArrow.svg");}
.event-slide-wrap .swiper-pagination .swiper-pagination-bullet {width: 43px; height: 5px; margin: 0 5px; opacity: 1; box-sizing: border-box; background: #A8A9A9; border-radius: 0;}
.event-slide-wrap .swiper-pagination .swiper-pagination-bullet-active {background: var(--main-color2);}
@media screen and (min-width: 400px){
    .common-event-wrap > ul > li > a{min-width: 97px;}
}

@media screen and (min-width: 768px) {
    .common-event-wrap {height: 200px; padding: 26px 29px;}
    .event-slide-wrap .event-slide .swiper-container {height: 244px;}
    .sport-event > ul > li > a > div > p:first-of-type, .major-event > ul > li > a > div > p:first-of-type, .tour-event > ul > li > a > div > p:first-of-type {width: 58px; height: 58px;}
    .sport-event > ul > li > a > div > p:last-of-type, .major-event > ul > li > a > div > p:last-of-type, .tour-event > ul > li > a > div > p:last-of-type {margin-top: 6px;}
}

@media screen and (min-width: 1024px) {
    .event-slide-wrap .event-slide .swiper-container {max-width: 904px; height: 260px; box-sizing: border-box;}
    .common-event-wrap {max-width: 439px; height: 220px; padding: 27px 31px;}
    .common-event-wrap-tit {font-size: 24px; letter-spacing: -1.2px;}
    .common-event-wrap > ul > li > a > div > p:first-of-type {transition: all 0.3s;}
    .common-event-wrap > ul > li > a:hover > div > p:first-of-type {margin-top: -20px; padding-bottom: 19px;}
    .sport-event > ul > li > a > div > p:first-of-type, .major-event > ul > li > a > div > p:first-of-type, .tour-event > ul > li > a > div > p:first-of-type {width: 50px; height: 50px;}
    .sport-event > ul > li > a > div > p:last-of-type, .major-event > ul > li > a > div > p:last-of-type, .tour-event > ul > li > a > div > p:last-of-type {font-size: 16px;}
}

@media screen and (min-width: 1150px) {
    .main .event-slide-wrap {width: calc(100% - 160px);}
    .event-slide .swiper-wrapper {justify-content: space-between;}
    .event-slide-wrap .event-slide .swiper-container {max-width: none;}
    .event-slide-wrap .swiper-slide {width: calc(33.33% - 30px);}
    .common-event-wrap {max-width: none;}
    .event-slide-wrap .swiper-slide:last-of-type {margin-right: 0;}
    .event-slide-wrap .swipe-btn, .event-slide-wrap .swiper-pagination {display: none;}
}

@media screen and (min-width: 1500px) {
    .main .event-slide-wrap {width: auto; max-width: 1460px;}
    .event-slide-wrap .swiper-slide {max-width: 460px; margin-right: 3%;}
    .event-slide-wrap .swiper-slide:last-of-type {margin-right: 0;}
}

/* 경기종목 s*/
.main section.sports-info-wrap {max-width: none; padding: 0; position: relative;}
.sports-info-wrap .inner-section {max-width: 1600px; padding: 0 30px;}
.activ-box-tit {display: flex; align-items: center; gap: 10px;}
.activ-box-tit h4 {font-size: 70px; font-weight: 700; display: flex; align-items: center; gap: 57px;}
.sports-tit {margin-bottom: 10px; color: #333; font-size: 22px; font-weight: 500; line-height: 1.3; text-transform: uppercase; letter-spacing: -0.22px;}
.sports-tit span {color: #FF5450; display: block;}
.sports-desc {margin-bottom: 20px; color: #666; font-size: 13px; font-weight: 500;}
.sports-info-wrap .active-box {margin-bottom: 60px; padding: 30px 15px; position: relative; box-sizing: border-box; background: #FFF; border-radius: 20px; box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.10);}
.sports-info-wrap .active-box.on {animation: slideLeft 1s;}
.sports-info-wrap .active-box h4 {color: #003894; font-size: 30px; word-break: keep-all; letter-spacing: 0; position: relative; z-index: 1;}
.sports-info-wrap .active-box .icon-box {width: 140px; height: auto; opacity: 0; position: absolute; right: 0; bottom: 0;}
.sports-info-wrap .active-box .icon {max-width: 100%; width: 100%; height: auto; position: relative;}
.sports-info-wrap .active-box.on .icon-box {animation: slideTop 0.7s ease forwards; animation-delay: 0.3s;}
.sports-info-wrap {font-weight: 500;}
.sports-info-wrap dl {margin-bottom: 70px; font-size: 14px;}
.sports-info-wrap dt {padding: 20px 0; font-size: 18px; font-weight: 700; line-height: 1.3; letter-spacing: -0.18px; display: flex; align-items: center;}
.sports-info-wrap dt.schedule {padding-top: 30px;}
.sports-info-wrap dd span {min-width: 74px; color: #111; font-size: 14px; font-weight: 400; line-height: 1.3; letter-spacing: -0.14px; display: inline-block;}
.sports-info-wrap dd .name {font-weight: 600;}
.sports-info-wrap dd:nth-of-type(1) span {display: block;}
.sports-info-wrap dd .schedule-list {font-weight: 300; display: flex; flex-wrap: wrap; gap: 10px 0;}
.sports-info-wrap dd .schedule-list > li {width: 100%; display: flex;}
.sports-info-wrap .sports-list {display: grid; position: relative; justify-content: space-between; grid-auto-flow: row dense; grid-template-columns: repeat(auto-fit, minmax(25%, 60px));}
.sports-info-wrap .sports-list > li {text-align: center; overflow: hidden; position: relative; box-sizing: border-box; aspect-ratio: 1 / 1.2;}
.sports-info-wrap .sports-list > li.active {border-radius: 5px; box-shadow: 6px 6px 0 0 #A8A9A9;}
.sports-info-wrap .sports-list button {width: 100%; height: 100%; color: #333; font-size: 12px; font-weight: 500; line-height: 1; word-break: keep-all; letter-spacing: -0.2px; position: relative;}
.sports-info-wrap .sports-list > li.active button {color: #fff; background: var(--main-color2); border: 1px solid #FFF; border-radius: 5px;}
.sports-info-wrap .sports-list button:before {content: ''; width: 100%; height: 50px; margin-bottom: 5px; display: block; position: relative; top: 0; background-size: 50px; background-repeat: no-repeat; background-position: center; transition: .3s;}

@keyframes slideLeft {0% {opacity: 0; transform: translateX(-20px);} 100% {opacity: 1; transform: translateX(0);}}

@media screen and (min-width: 500px) {
    .sports-info-wrap .sports-list button {font-size: 14px;}
    .sports-info-wrap .sports-list button:before {height: 70px; padding-bottom: 10px; background-size: 70px;}
    .sports-info-wrap .sports-list {grid-template-columns: repeat(auto-fit, minmax(20%, 70px));}
}

@media screen and (min-width: 768px) {
    .sports-info-wrap {padding: 30px;}
    .sports-info-wrap .active-box {padding: 50px 20px 200px 40px;}
    .sports-info-wrap .active-box h3 {padding-left: 20px; font-size: 50px; line-height: 1.1;}
    .sports-info-wrap .active-box h3:before {width: 75px; height: 10px; position: absolute; top: 22px; left: -67px; background-size: 75px;}
    .sports-info-wrap .active-box h3:after {max-width: 500px; height: 70px; margin-top: 0; margin-left: -36px;}
    .sports-info-wrap dl {margin-bottom: 57px; padding-top: 57px; font-size: 20px;}
    .sports-info-wrap dt.schedule {margin-top: 23px;}
    .sports-info-wrap em.chk {width: 22px; height: 20px; margin-top: 0;}
    .sports-info-wrap .sports-list {grid-template-columns: repeat(auto-fit, minmax(100px, 100px));}
    .sports-info-wrap .sports-list > li {height: 120px;}
    .sports-info-wrap dd .schedule-list > li > span {min-width: 135px; display: inline-block;}
    .sports-info-wrap .active-box .icon-box {width: 250px; height: 250px;}
    .sports-info-wrap .sports-list button {font-size: 15px; transition: .3s;}
    .sports-info-wrap .sports-list button:before {height: 55px; padding-bottom: 0; top: -5px; background-size: 55px;}
    .sports-info-wrap dt {padding-bottom: 15px; font-size: 25px;}
    .sports-info-wrap .active-box .icon {width: 250px; height: 250px;}
    .sports-info-wrap h3 {font-size: 25px;}
    .sports-info-wrap .active-box h4 {font-size: 72px;}
    .sports-tit {font-size: 40px;}
    .sports-tit span {margin-right: 20px; display: inline-block;}
    .sports-desc {font-size: 22px; margin-bottom: 40px;}
}

@media screen and (min-width: 1200px) {
    .sports-info-wrap {margin: 0 auto 100px !important; position: relative;}
    .sports-info-wrap:before {content: ''; width: 395px; height: 341px; display: block; position: absolute; top: -310px; left: 0; z-index: 4; background: url("/_user/athletic/img/main/sports-img.svg") no-repeat;}
    .sports-info-wrap .inner-section {max-width: unset; display: flex; background: transparent;}
    .sports-info-wrap .sports-box {width: 50%; padding: 0 20px 100px 40px; flex: 1;}
    .sports-info-wrap .sports-list {grid-template-columns: repeat(auto-fit, minmax(110px, 110px)); gap: 0 10px;}
    .sports-info-wrap .sports-list > li {height: 130px; aspect-ratio: 4 / 5;}
    .sports-info-wrap .sports-list button {font-size: 16px;}
    .sports-info-wrap .sports-list button::before {height: 80px; background-size: 80px;}
    .sports-info-wrap .sports-list > li.active button::before {height: 85px; background-size: 85px;}
    .sports-info-wrap .active-box {width: 40%; max-width: 710px; min-height: 624px; padding-left: 8%; position: relative; z-index: 1;}
    .sports-info-wrap .active-box::before {display: none;}
    .sports-info-wrap dt {padding: 20px 0 10px; font-size: 20px;}
    .sports-info-wrap dt.schedule {margin-top: 0;}
    .sports-info-wrap dd span {font-size: 17px;}
    .sports-info-wrap dl {padding-top: 0;}
    .sports-info-wrap .active-box .icon-box {width: 300px; height: 300px; position: absolute; top: auto; right: -20px; bottom: -20px; z-index: -1;}
    .sports-info-wrap .active-box .icon {width: 300px; height: 300px;}
    .btn-more {width: 148px; height: 50px; font-size: 18px;}
}

@media screen and (min-width: 1500px) {
    .sports-info-wrap .sports-box {padding: 0 180px 100px 80px;}
    .sports-info-wrap .sports-list > li {height: 150px;}
    .sports-info-wrap .sports-list button {font-size: 18px;}
    .sports-info-wrap .active-box {width: 35%; padding: 50px 20px 200px 10%;}
    .sports-info-wrap .active-box .icon-box {width: 350px; height: 350px; top: auto;}
    .sports-info-wrap .active-box .icon {width: 350px; height: 350px;}
}
/* 경기종목 e*/

/* 홍보영상 s*/
.main section.main-video-wrap {max-width: 100%; padding-bottom: 70px;}
.main-video-wrap {position: relative;}
.main-video-wrap::before {content: ''; width: 100%; height: 100%; display: block; position: absolute; left: 0; bottom: 0; z-index: -1; background: url("/_user/athletic/img/main/videongallery-bg.png") center bottom no-repeat; background-size: 100% 90%;}
.main-video-wrap .inner-section {max-width: 1440px; margin: 0 auto 80px; box-sizing: border-box;}
.main-video-tit {margin-bottom: 5px; color: var(--main-color2); font-size: 15px; font-weight: 500; font-family: "Gmarket Sans TTF"; line-height: 1.3; letter-spacing: -0.15px;}
.main-video-desc {margin-bottom: 20px; color: #202123; font-size: 22px; font-weight: 500; font-style: normal; line-height: 1.3; letter-spacing: -0.22px;}
.main-video-desc span {color: var(--main-color2);}
.video-shadow-wrap {border-radius: 5px; box-shadow: 0px 0px 12.5px rgba(0, 0, 0, 0.2);}
.main-video {width: 100%; height: 0; padding-top: 56.25%; overflow: hidden; position: relative; border-radius: 5px; box-shadow: 16px 0px 12.5px rgba(0, 0, 0, 0.2);}
.main-video::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.3);pointer-events: none;z-index: 1;}
.main-video iframe, .main-video video {width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover;}

@media screen and (min-width: 768px) {
    .main-video-wrap .inner-section {max-width: 1460px; padding: 0 30px;}
    .main-video-tit {font-size: 22px;}
    .main-video-desc {margin-bottom: 40px; font-size: 40px;}
}

@media screen and (min-width: 1024px) {
    .main-video-wrap::before {background-size: 100% 70%;}
    .main-video-wrap .inner-section {max-width: 1580px; margin-bottom: 150px; padding: 0 40px;}
    .main-video {padding-top: 40.25%;}
}

@media screen and (min-width: 1200px) {}
/* 홍보영상 e*/

/* 갤러리 s*/
.main-gallery .txt-box .main-gallery-tit {color: #FFF; font-size: 15px; font-weight: 500; line-height: 1.3; letter-spacing: -0.15px;}
.main-gallery .txt-box {margin-bottom: 20px;}
.main-gallery .txt-box .main-gallery-desc {color: #FFF; font-size: 22px; font-weight: 500; font-style: normal; line-height: 1.3; letter-spacing: -0.22px;}
.main-gallery-li {margin-bottom: 60px; color: #fff;}
.main-gallery-li li {margin-bottom: 40px;}
.main-gallery-li li:last-child {margin-bottom: 0;}
.main-gallery-link .img-box {height: 180px; margin-bottom: 20px; overflow: hidden; position: relative; border-radius: 10px;}
.main-gallery-link .img-box img {width: 100%; height: 100%; display: block; object-fit: cover; transition: transform 0.4s ease;}
.main-gallery-link .img-box::before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px); transition: all 0.4s ease;}
.main-gallery-link:hover .img-box img {transform: scale(1.1);}
.main-gallery-link:hover .img-box::before {background: rgba(0, 0, 0, 0.1); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);}
.main-gallery-link .img-box .news {padding: 6px 10px; color: #fff; font-size: 12px; display: flex; align-items: center; justify-content: center; position: absolute; top: 16px; left: 16px; z-index: 1; background: #F45E3B; border-radius: 2px;}
.main-gallery-link .tit-box {margin-bottom: 10px;}
.main-gallery-link .tit-box .date {color: rgba(255, 255, 255, 0.70); font-size: 14px; line-height: 1.4; transition: color 0.4s ease;}
.main-gallery-link .tit-box .tit {color: #FFF; font-size: 20px; font-weight: 700; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 0.4s ease;}
.main-gallery-link .desc-box {color: #FFF; font-size: 15px; font-weight: 400; line-height: 1.6; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; transition: color 0.4s ease;}
.main-gallery-link:hover .tit-box .date, .main-gallery-link:hover .tit-box .tit, .main-gallery-link:hover .desc-box {color: #FFD700;}

@media screen and (min-width: 768px) {}

@media screen and (min-width: 1024px) {
    .main-gallery .txt-box {margin-bottom: 45px; text-align: right;}
    .main-gallery .txt-box .main-gallery-tit {margin-bottom: 5px; font-size: 22px;}
    .main-gallery .txt-box .main-gallery-desc {font-size: 47px;}
    .main-gallery-li {margin-bottom: 0; display: flex;}
    .main-gallery-li li {max-width: 360px; min-width: 0; margin-right: 30px; flex: 1;}
    .main-gallery-li li:first-child {flex: 2; max-width: 720px;}
    .main-gallery-desc br {display: none;}
    .main-gallery-li li .img-box {height: 170px;}
    .main-gallery-li li:last-child {margin-right: 0;}
    .main-gallery-li li:first-child .img-box {height: 326px; margin-bottom: 30px;}
    .main-gallery-li li:first-child .desc-box {-webkit-line-clamp: 2;}
    .main-gallery-link .tit-box .tit {font-size: 20px;}
    .main-gallery-link .desc-box {font-size: 16px; -webkit-line-clamp: 4;}
    .main-gallery .btn-box {display: flex; justify-content: flex-end;}
    .main-gallery .read-more.btn-box a {max-width: 280px;}
}

@media screen and (min-width: 1200px) {}
/* 갤러리 e*/

/* 공지사항 s*/
.main-notice-wrap {position: relative;}
.main-notice-wrap .inner-section {padding-bottom: 120px;}
.main-notice-wrap .tit-box {margin-bottom: 30px;}
.main-notice-wrap .tit-box .tit {margin-bottom: 5px; color: #111; font-size: 30px; font-weight: 700; line-height: 1.3;}
.main-notice-wrap .tit-box .desc {color: #111; font-size: 15px; line-height: 1.3;}
.main-notice-wrap .tit-box .btn-box.read-more a {width: calc(100% - 40px); color: #111; font-size: 14px; display: none; position: absolute; bottom: 120px; left: 20px;}
.notice-box {margin-bottom: 60px;}
.notice-box .swiper-wrapper {display: block;}
.notice-box .swiper-slide {margin-bottom: 30px; display: none;}
.notice-box .swiper-slide:nth-child(1), .notice-box .swiper-slide:nth-child(2), .notice-box .swiper-slide:nth-child(3), .notice-box .swiper-slide:nth-child(4) {display: block;}
.notice-item {width: 100%; display: block; box-sizing: border-box; background: #FFF; border-radius: 10px;}
.notice-item .tit {margin-bottom: 10px; color: var(--main-color2); font-size: 20px; font-weight: 700; line-height: 1.3; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.notice-item .desc {margin-bottom: 20px; color: #555; font-size: 15px; line-height: 1.6; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.notice-item .date {margin-top: 30px; padding-top: 20px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(17, 17, 17, 0.50);}
.notice-item .date span {color: #555; font-size: 15px; line-height: normal;}
.notice-item .date span:last-child {color: #111; font-size: 33px; font-weight: 700; line-height: normal; letter-spacing: -0.66px;}
.notice-btn-box {display: none;}
.mob-box {display: block;}
.mob-box.read-more.btn-box a {color: #111;}

@media screen and (min-width: 768px) {}

@media screen and (min-width: 1024px) {
    .main-notice-wrap .inner-section {display: flex;}
    .main-notice-wrap .tit-box {min-width: 280px; margin-right: 150px; margin-bottom: 0; display: flex; flex-direction: column; justify-content: space-between;}
    .main-notice-wrap .tit-box .tit {font-size: 60px;}
    .main-notice-wrap .tit-box .desc {font-size: 24px;}
    .main-notice-wrap .tit-box .btn-box.read-more a {width: 100%; display: flex; position: static;}
    .notice-box {min-width: 0; margin-bottom: 0; flex: 1;}
    .notice-box .swiper-container {display: flex; overflow: visible !important; clip-path: inset(-100vh -100vw -100vh 0); -webkit-clip-path: inset(-100vh -100vw -100vh 0);}
    .notice-box .swiper-wrapper {display: flex;}
    .notice-box .swiper-slide {width: 419px; max-width: 419px; margin-bottom: 0; display: block;}
    .notice-item {padding: 30px; border: 2px solid transparent; border-radius: 10px; background-image: linear-gradient(#FFF, #FFF), linear-gradient(transparent, transparent); background-origin: border-box; background-clip: padding-box, border-box;}
    .notice-item:hover {box-shadow: 12px 12px 20px 0 rgba(0, 0, 0, 0.10); background-image: linear-gradient(#FFF, #FFF), linear-gradient(197deg, #7FBE26 21.58%, #00A63C 33.89%, #00A0E9 48.71%, #0082CD 62.47%, #0068B7 68.95%);}
    .swiper-btn {width: 40px; height: 40px; display: none; position: absolute; top: 50%; z-index: 1; transform: translateY(-50%); border: 1px solid #111; border-radius: 100%;}
    .prev-btn {left: 0; background: url("/_user/athletic/img/layout/icon-prev-btn.png") center center no-repeat;}
    .next-btn {right: 0; background: url("/_user/athletic/img/layout/icon-next-btn.png") center center no-repeat;}
    .prev-btn:hover {background: #FFC82A url("/_user/athletic/img/layout/icon-prev-btn.png") center center no-repeat;}
    .next-btn:hover {background: #FFC82A url("/_user/athletic/img/layout/icon-next-btn.png") center center no-repeat;}
    .notice-box:hover .swiper-btn {display: block;}
    .notice-item .desc{height: 48px;}
    .mob-box {display: none;}
    /* Swiper 비활성화 상태(처음/끝)일 때 버튼 숨기기 */
    .notice_slide .prev-button.swiper-button-disabled,
    .notice_slide .next-button.swiper-button-disabled,
    .notice_slide button[aria-disabled="true"] {
        opacity: 0 !important;
        visibility: hidden;
        pointer-events: none; /* 클릭 이벤트 방지 */
    }
}

@media screen and (min-width: 1200px) {}
/* 공지사항 e*/

/* 자세히보기 s*/
.read-more.btn-box a {width: 100%; max-width: 100%; padding: 6px 6px 6px 15px; color: #FFF; font-size: 12px; line-height: normal; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; border: 1px solid #E8E8E8; border-radius: 1px;}
.read-more.btn-box a:hover {color: #F45E3B !important; border-image: linear-gradient(197deg, #7FBE26 21.58%, #00A63C 33.89%, #00A0E9 48.71%, #0082CD 62.47%, #0068B7 68.95%); border-image-slice: 1;}
.read-more.btn-box a:after {content: ''; width: 35px; height: 35px; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="35" height="34" viewBox="0 0 35 34" fill="none"><path d="M1 34H34C34.5523 34 35 33.5523 35 33V1C35 0.447716 34.5523 0 34 0H1C0.447716 0 0 0.447716 0 1V33C0 33.5523 0.447716 34 1 34Z" fill="%23111111"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.0352 22.9593C17.4107 22.5841 18.019 22.5841 18.3945 22.9593C18.7702 23.335 18.7702 23.944 18.3945 24.3197C18.0189 24.6951 17.4107 24.6951 17.0352 24.3197C16.6595 23.944 16.6595 23.335 17.0352 22.9593ZM19.082 20.9124C19.4576 20.5372 20.0658 20.5372 20.4414 20.9124C20.817 21.2881 20.817 21.8972 20.4414 22.2728C20.0658 22.6482 19.4576 22.6482 19.082 22.2728C18.7064 21.8972 18.7064 21.2881 19.082 20.9124ZM21.127 18.8665C21.5025 18.4913 22.1108 18.4913 22.4863 18.8665C22.862 19.2422 22.862 19.8513 22.4863 20.2269C22.1107 20.6023 21.5025 20.6023 21.127 20.2269C20.7513 19.8513 20.7513 19.2422 21.127 18.8665ZM10.9619 16.5384C11.4932 16.5384 11.9238 16.9691 11.9238 17.5003C11.9236 18.0314 11.493 18.4623 10.9619 18.4623C10.4308 18.4622 10.0002 18.0314 10 17.5003C10 16.9691 10.4307 16.5384 10.9619 16.5384ZM13.8545 16.5384C14.3857 16.5384 14.8164 16.9691 14.8164 17.5003C14.8162 18.0314 14.3856 18.4623 13.8545 18.4623C13.3234 18.4622 12.8928 18.0314 12.8926 17.5003C12.8926 16.9691 13.3233 16.5384 13.8545 16.5384ZM16.749 16.5384C17.2803 16.5384 17.7109 16.9691 17.7109 17.5003C17.7107 18.0314 17.2801 18.4623 16.749 18.4623C16.2179 18.4622 15.7873 18.0314 15.7871 17.5003C15.7871 16.9691 16.2178 16.5384 16.749 16.5384ZM19.6436 16.5384C20.1748 16.5384 20.6055 16.9691 20.6055 17.5003C20.6053 18.0314 20.1747 18.4623 19.6436 18.4623C19.1125 18.4622 18.6819 18.0314 18.6816 17.5003C18.6816 16.9691 19.1123 16.5384 19.6436 16.5384ZM23.1758 16.8197C23.5514 16.4444 24.1596 16.4444 24.5352 16.8197C24.9108 17.1953 24.9108 17.8044 24.5352 18.18C24.1596 18.5554 23.5514 18.5554 23.1758 18.18C22.8001 17.8044 22.8001 17.1953 23.1758 16.8197ZM21.127 14.7728C21.5025 14.3973 22.1116 14.3974 22.4873 14.7728C22.8629 15.1484 22.8629 15.7575 22.4873 16.1332C22.1116 16.5086 21.5025 16.5087 21.127 16.1332C20.7517 15.7575 20.7516 15.1484 21.127 14.7728ZM19.0801 12.7259C19.4556 12.3504 20.0648 12.3506 20.4404 12.7259C20.8161 13.1016 20.8161 13.7106 20.4404 14.0863C20.0648 14.4617 19.4557 14.4619 19.0801 14.0863C18.7048 13.7107 18.7047 13.1015 19.0801 12.7259ZM17.0332 10.68C17.4088 10.3045 18.0179 10.3047 18.3936 10.68C18.7692 11.0557 18.7692 11.6647 18.3936 12.0404C18.0179 12.4158 17.4088 12.416 17.0332 12.0404C16.6579 11.6648 16.6578 11.0556 17.0332 10.68Z" fill="white"/></svg>');}

@media screen and (min-width: 768px) {}

@media screen and (min-width: 1024px) {
    .read-more.btn-box a {font-size: 15px;}
}

@media screen and (min-width: 1200px) {}
/* 자세히보기 e*/