@charset "utf-8";

/** main 공통 s **/

:root {
    --point-color: #3345A1;  /* 블루 */
    --point-color2: #C5135E; /* 핑크 */
    --black: #231C1C;

}
html {font-size: 16px;}
.main {position: relative;}
.main section, .inner-section {max-width: 1440px; padding: 0 20px; margin: 0 auto; box-sizing: border-box;}
.main section + section {padding-top: 70px;}
.font-point {font-family: "GmarketSans";}
.section-title-box{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.main h3.section-title {display: block; font-size: 25px; text-transform: uppercase; line-height: 1.1; font-family: GmarketSans; color: var(--black);}
.main h3.section-title > em {display: block;}
.section-sub-tit {}
.icon-link {position: relative; top: 2px; width: 15px; height: 15px; background-size: 100%; margin-left: 4px;}
.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"); -webkit-mask: var(--svg); 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; border-radius: 50%; background: #fff url("/_user/athletic/img/main/ico-slide-arrow.svg") no-repeat center / 19px 11px; 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 {display: flex; align-items: center; padding: 30px 0 10px; margin: 0 20px 0 0; overflow: hidden;}
.control .swiper-scrollbar {height: 3px; width: 100%; background: #DBDCE0;}
.control .swiper-scrollbar-drag {background: var(--point-color2);}

.play-stop>button {display: none; align-items: center; justify-content: center; width: 75px; height: 75px; border-radius: 50%; background: #fff; box-shadow: 0 5px 10px #004D301F}
.play-stop>button.on {display: flex;}
.play-stop .play::before {content: ''; display: inline-block; height: 0; border-left: 8px solid #111; border-top: 6px solid transparent; border-bottom: 6px solid transparent;}
.play-stop .stop::before {content: ''; display: inline-block; width: 4px; height: 13px; border-left: 2px solid #111; border-right: 2px solid #111;}

.btn-more {display: block;}
.btn-more::before {content: 'MORE'; display: inline-block; font-family: GmarketSans; font-size: 12px; font-weight: bold; color: #111;}
.ico-more {display: inline-block; width: 25px; height: 22px; background: url("/_user/athletic/img/main/ico-more.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: 500px){
    html {font-size: 17px;}
}

@media screen and (min-width: 600px){
    html {font-size: 18px;}
}

@media screen and (min-width: 768px){
    html {font-size: 19px;}
    .main section, .inner-section {padding: 0 30px; max-width: 1460px;}
    .main .slide-control {padding-top: 30px;}
    .btn-more {position: relative;}
    .btn-more::after {content: ''; width: 0; height: 10px; position: absolute; left: 0; bottom: -10px; transition: .3s; background: var(--point-color2);}
    .btn-more:hover::after {width: 100%;}
}

@media screen and (min-width: 1024px){
    html {font-size: 20px;}
    .main section, .inner-section {padding: 0 40px; max-width: 1580px;}
    .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 {transform: translate(10px, -15px); z-index: 1;}
    .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 */
section.main-visual {padding: 75px 0 0 0; max-width: unset;}
.main-visual-mobile {display: none; height: 225px; background: #000;}
.main-visual .swiper-container {position: relative; overflow: hidden; height: 225px;}
.main-visual .swiper-slide {height: 100vh;}
.main-visual .swiper-slide > img {width: 100%; height: 100%; object-fit: cover; object-position: 10% center;}

.intro-video {position: relative; top: 0; left: 0; width: 100vw; height: calc(100vw * 203/360);  overflow: hidden; z-index: 10;}
.intro-video video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; background: #000;}
.btn-box {display: none;}

@media screen and (min-width: 768px){
    .main-visual-pc {display: block; }
    .main-info-wrap .swiper-container {padding: 0 30px;}
    .main-swiper-wrap .swiper-pagination {min-width: 35px;}
}
@media screen and (min-width: 1200px){
    section.main-visual {padding: 90px 0 0 0;}
    .main-visual, .intro-video {height: 0;}
    .intro-video {position: fixed; transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
    .intro-video video {height: 100vh}
    .intro-video.on {height: 100vh; background-color: #000;}
    .btn-box {display: flex; align-items: center; gap: 5px; position: absolute; left: 50%; transform: translateX(-50%); bottom: -55px;}
    .intro-video.on .btn-box {bottom: 55px; transition: bottom .2s;}
    .btn-box > button {position: relative; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; background: rgba(0, 0, 0, 0.30); border-radius: 50px; border: 1px solid var(--point-color2); box-sizing: border-box; backdrop-filter: blur(8px); transition: .3s;}
    .btn-box .btn-close {width: auto; padding: 20px; box-sizing: border-box; color: var(--point-color2); font-size: 16px; transition: .3s}
    .btn-box .btn-close:hover {color: #ddd;}
    .btn-control::before {content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
    .btn-control[data-video-control="play"]::before {width: 5px; height: 14px; border-left: 3px solid var(--point-color2); border-right:3px solid var(--point-color2); transition: border-color .3s;}
    .btn-control[data-video-control="stop"]::before {width: 14px; height: 18px; background: url("/_user/athletic/img/main/ico-visual-play.svg") no-repeat center / contain;}
    .btn-control:hover::before {border-color: #ddd;}
}
@media screen and (min-width: 1200px){
}
/* 메인 비주얼 e */

/* 경기종목 s*/
section.sports-info-wrap {position: relative; margin-right: -20px; max-width: unset; padding: 50px 0 0 0;}
section.sports-info-wrap  .inner-section {position: relative;}
.sports-item .top-tit {font-weight: 100; padding-bottom: 9px; font-size: clamp(0.938rem, 2vw, 1.35rem);}
.sports-tit {font-size: clamp(1.563rem, 3vw, 2.15rem); font-weight: 600;}
.sports-item > a {position: relative; display: block; padding: clamp(1.563rem, 4vw, 2.105rem) clamp(1.313rem, 3vw, 1.842rem); aspect-ratio : 0.91 / 1; border-radius: 5px; transition: .3s; font-family: GmarketSans; color: #fff;  background: #1D2088 url("/_user/athletic/img/main/bg-sports-item.png") no-repeat bottom / cover; z-index: 0;}
.sports-item > a::before {content: ''; position: absolute; bottom: -30px; right: -30px; width: clamp(9.375rem, 30vw, 15.625rem); height: clamp(9.375rem, 30vw, 15.625rem); transition: .3s;}
.sports-item > a.athletics::before {background: url("/_user/athletic/img/main/img-athletics.svg") no-repeat bottom right 10px / contain;} /* 육상 */
.sports-item > a.soccer::before {background: url("/_user/athletic/img/main/img-soccer.svg") no-repeat bottom right 10px / contain;} /* 축구 */
.sports-item > a.climbing::before {background: url("/_user/athletic/img/main/img-climbing.svg") no-repeat bottom right 10px / contain;} /* 산악 */
.sports-item > a.table-tennis::before {background: url("/_user/athletic/img/main/img-table-tennis.svg") no-repeat bottom right 10px / contain;} /* 탁구 */
.sports-item > a.taekwondo::before {background: url("/_user/athletic/img/main/img-taekwondo.svg") no-repeat bottom right 10px / contain;} /* 태권도 */
.sports-item > a.tennis::before {background: url("/_user/athletic/img/main/img-tennis.svg") no-repeat bottom right 10px / contain;} /* 테니스 */
.sports-item > a.kendo::before {background: url("/_user/athletic/img/main/img-kendo.svg") no-repeat bottom right 10px / contain;} /* 검도 */
.sports-item > a.golf::before {background: url("/_user/athletic/img/main/img-golf.svg") no-repeat bottom right 10px / contain;} /* 골프 */
.sports-item > a.boxing::before {background: url("/_user/athletic/img/main/img-boxing.svg") no-repeat bottom right 10px / contain;} /* 복싱 */
.sports-item > a.basketball::before {background: url("/_user/athletic/img/main/img-basketball.svg") no-repeat bottom right 10px / contain;} /* 농구 */
.sports-item > a.dance-sports::before {background: url("/_user/athletic/img/main/img-dance-sports.svg") no-repeat bottom right 10px / contain;} /* 댄스스포츠 */
.sports-item > a.wrestling::before {background: url("/_user/athletic/img/main/img-wrestling.svg") no-repeat bottom right 10px / contain;} /* 레슬링 */
.sports-item > a.baduk::before {background: url("/_user/athletic/img/main/img-baduk.svg") no-repeat bottom right 10px / contain;} /* 바둑 */
.sports-item > a.volleyball::before {background: url("/_user/athletic/img/main/img-volleyball.svg") no-repeat bottom right 10px / contain;} /* 배구 */
.sports-item > a.badminton::before {background: url("/_user/athletic/img/main/img-badminton.svg") no-repeat bottom right 10px / contain;} /* 배드민턴 */
.sports-item > a.bodybuilding::before {background: url("/_user/athletic/img/main/img-bodybuilding.svg") no-repeat bottom right 10px / contain;} /* 보디빌딩 */
.sports-item > a.bowling::before {background: url("/_user/athletic/img/main/img-bowling.svg") no-repeat bottom right 10px / contain;} /* 볼링 */
.sports-item > a.shooting::before {background: url("/_user/athletic/img/main/img-shooting.svg") no-repeat bottom right 10px / contain;} /* 사격 */
.sports-item > a.soft-tennis::before {background: url("/_user/athletic/img/main/img-softball.svg") no-repeat bottom right 10px / contain;} /* 소프트테니스 */
.sports-item > a.swimming::before {background: url("/_user/athletic/img/main/img-swimming.svg") no-repeat bottom right 10px / contain;} /* 수영 */
.sports-item > a.ko-wrestling::before {background: url("/_user/athletic/img/main/img-ko-wrestling.svg") no-repeat bottom right 10px / contain;} /* 씨름 */
.sports-item > a.baseball::before {background: url("/_user/athletic/img/main/img-baseball.svg") no-repeat bottom right 10px / contain;} /* 야구 */
.sports-item > a.archery::before {background: url("/_user/athletic/img/main/img-archery.svg") no-repeat bottom right 10px / contain;} /* 궁도 */
.sports-item > a.weightlifting::before {background: url("/_user/athletic/img/main/img-weightlifting.svg") no-repeat bottom right 10px / contain;} /* 역도 */
.sports-item > a.wushu::before {background: url("/_user/athletic/img/main/img-wushu.svg") no-repeat bottom right 10px / contain;} /* 우슈 */
.sports-item > a.judo::before {background: url("/_user/athletic/img/main/img-judo.svg") no-repeat bottom right 10px / contain;} /* 유도 */
.sports-item > a.billiards::before {background: url("/_user/athletic/img/main/img-billiards.svg") no-repeat bottom right 10px / contain;} /* 당구 */
.sports-item .time-box, .btn-deco-box, .btn-open, .stadium-box {display: none;}

@media screen and (min-width: 1400px){
    section.sports-info-wrap {margin-right: auto; background: url("/_user/athletic/img/main/bg-sports-pc.jpg") no-repeat center / cover;}
    .intro  section.sports-info-wrap .inner-section {top: -300px;}
    section.sports-info-wrap .inner-section {padding-bottom: 130px; position: relative; top:0; transition: 1s ease-in-out;}
    .sports-info-wrap .section-title-box {display: none;}
    .sports-item .top-tit {padding-bottom: 0;}
    .sports-info-wrap .control {display: none;}
    section.sports-info-wrap .swiper-container {padding: 100px 0 150px;}
    .sports-item.swiper-slide-active > a {transform: scale(1.19); background: #1D2088;}
    .sports-item.swiper-slide-active .time-box {display: block; padding-top: 10px;}
    .time-box .time-tit {font-size: 18px;}
    .time-box .schedule {font-weight: 300; line-height: 1.5; padding-top: 8px;}
    .stadium-box {display: block; position: absolute; text-align: right; bottom: -90px; right: 0; font-size: 20px; font-family: GmarketSans; transition: bottom .3s; color: #474747; font-weight: 600;}
    .sports-item.swiper-slide-active .stadium-box {bottom: -120px; right: -20px; color: #000;}

    .sports-item > a {background: #382577; box-shadow: 20px 20px 30px 0 rgb(0 0 0 / 4%);}
    .sports-item > a::after {content: ''; position: absolute; left: 0; bottom: -10.4%; width: 109%; height: 111%; background: url("/_user/athletic/img/main/bg-sports-item-pc.png") no-repeat center / cover; z-index: -1;}
    .sports-item > a::before {right: -50px;}
    .sports-item.swiper-slide-active > a::before {right: -70px; bottom: -50px;}

    .sports-item.swiper-slide-active .btn-deco-box {display: block; position: absolute; right: -50px; top: 30%;}
    .sports-item.swiper-slide-active .btn-deco {position: relative; display: flex; align-items: center; justify-content: center; width: 90px; height: 90px; border-radius: 90px; background: #fff url("/_user/athletic/img/main/ico-sports-arrow.svg") no-repeat center top 20px / 20px; color: #000; font-size: 16px;}
    .sports-item.swiper-slide-active .btn-deco > p {font-weight: bold; padding-top: 15px; font-size: 16px;}
    .sports-item.swiper-slide-active .circle-txt {position: absolute; display: flex; align-items: center; justify-content: center; width: 140px; height: 140px; right: 0; z-index: 1;}
    .sports-item.swiper-slide-active .circle-txt .text {position: absolute; left: 22px; top: 0; width: 100%; height: 100%; font-size: 14px; color: #111; font-weight: bold; animation: textRotation 8s linear infinite;}
    .sports-item.swiper-slide-active .circle-txt .text>span {position: absolute; left: 50%; display: inline-block; text-align: center; width: 10px; transform-origin: 0 70px; color: #EDE2E2; font-weight: 300;}

    .slide-control.main-sports {position: absolute; right: 40px; bottom: 50px; display: flex; justify-content: flex-end; align-items: center; gap: 20px; max-width: 380px; margin-left: auto; z-index: 1; padding-top: 0;}
    .slide-control.main-sports .swiper-button-next, .slide-control.main-sports .swiper-button-prev {position: static;}

    .btn-open {position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); margin: 0 auto; display: flex; align-items: center; justify-content: center; width: auto; height: 60px; padding: 20px; box-sizing: border-box; color: var(--point-color2); background: #fff; border-radius: 60px; border: 1px solid var(--point-color2); transition: .3s;}
    .btn-open:hover {background: var(--point-color2); color: #fff;}
}

@keyframes textRotation {
    to {
        transform: rotate(360deg);
    }
}
/* 경기종목 e*/


/* 퀵메뉴 s */
.main section.main-quick-wrap {padding: 50px 0 40px; border-bottom: 1px solid #833FF1; max-width: unset;}
.main-quick-list {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px 0;}
.main-quick-list > li {width: 25%; }
.main-quick-list .quick-item {display: flex; flex-direction: column; align-items: center; gap: 10px;}
.main-quick-list .quick-circle {position: relative; display: flex; align-items: center; justify-content: center; width: 60px; min-width: 60px; height: 60px; border-radius: 60px; background: #fff; border: 1px solid #b5b5b5; box-sizing: border-box; transition: all 0.3s ease; transform-origin: center center}
.main-quick-list .quick-circle > img {transform: scale(0.6);}
.main-quick-list .quick-tit {display: flex; align-items: center; font-family: GmarketSans; color: #555; text-align: center; font-size: 15px; font-weight: bold; word-break: keep-all; position: relative; top: 0;}

.main-quick-list .quick-item .ico-quick {width: 30px; height: 30px; transition: .3s;}
.main-quick-list > li:nth-of-type(1) .ico-quick {background: url("/_user/athletic/img/main/ico-quick-01.svg") no-repeat center / contain;}
/*.main-quick-list > li:nth-of-type(1) .ico-quick {background: url("/_user/athletic/img/main/ico-quick-02.svg") no-repeat center / contain;}*/
.main-quick-list > li:nth-of-type(2) .ico-quick {background: url("/_user/athletic/img/main/ico-quick-03.svg") no-repeat center / contain;}
.main-quick-list > li:nth-of-type(3) .ico-quick {background: url("/_user/athletic/img/main/ico-quick-04.svg") no-repeat center / contain;}
.main-quick-list > li:nth-of-type(4) .ico-quick {background: url("/_user/athletic/img/main/ico-quick-05.svg") no-repeat center / contain;}
.main-quick-list > li:nth-of-type(5) .ico-quick {background: url("/_user/athletic/img/main/ico-quick-06.svg") no-repeat center / contain;}
.main-quick-list > li:nth-of-type(6) .ico-quick {background: url("/_user/athletic/img/main/ico-quick-07.svg") no-repeat center / contain;}
.main-quick-list > li:nth-of-type(7) .ico-quick {background: url("/_user/athletic/img/main/ico-quick-08.svg") no-repeat center / contain;}

.quick-item .circle-txt {display: none;}

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

}

@media screen and (min-width: 1024px){
    .main-quick-list .quick-circle {position: relative; width: 120px; height: 120px;}
    .main-quick-list .quick-circle > img {transform: scale(1);}
    .main-quick-list .quick-tit {font-size: 21px; transition: .3s;}
    .main-quick-list .quick-item {height: 200px;}
    .main-quick-list .quick-item .ico-quick {width: 50px; height: 50px;}
    .quick-item:hover .quick-circle {transform: scale(1.25); border-radius: 150px; background-color: #E62B84;}
    .circle-box {position: absolute; top: -10px; left: -7px; transform: scale(0.8);}
    .quick-item:hover .circle-txt {position: relative; display: flex; align-items: center; justify-content: center; width: 140px; height: 140px; right: 0; z-index: 1;}
    .quick-item:hover .circle-txt .text {position: absolute; left: -5px; top: 0; width: 100%; height: 100%; font-size: 14px; color: #111; font-weight: bold; animation: textRotation 8s linear infinite;}
    .quick-item:hover .circle-txt .text>span {position: absolute; left: 50%; display: inline-block; text-align: center; width: 10px; transform-origin: 0 70px; color: #891080; font-size: 14px;}
    .quick-item:hover .quick-tit {top:20px; color: var(--black);}

    .main-quick-list > li:nth-of-type(1) .quick-item:hover .ico-quick {background: url("/_user/athletic/img/main/ico-quick-01-w.svg") no-repeat center / contain;}
    /*.main-quick-list > li:nth-of-type(1) .quick-item:hover .ico-quick {background: url("/_user/athletic/img/main/ico-quick-02-w.svg") no-repeat center / contain;}*/
    .main-quick-list > li:nth-of-type(2) .quick-item:hover .ico-quick {background: url("/_user/athletic/img/main/ico-quick-03-w.svg") no-repeat center / contain;}
    .main-quick-list > li:nth-of-type(3) .quick-item:hover .ico-quick {background: url("/_user/athletic/img/main/ico-quick-04-w.svg") no-repeat center / contain;}
    .main-quick-list > li:nth-of-type(4) .quick-item:hover .ico-quick {background: url("/_user/athletic/img/main/ico-quick-05-w.svg") no-repeat center / contain;}
    .main-quick-list > li:nth-of-type(5) .quick-item:hover .ico-quick {background: url("/_user/athletic/img/main/ico-quick-06-w.svg") no-repeat center / contain;}
    .main-quick-list > li:nth-of-type(6) .quick-item:hover .ico-quick {background: url("/_user/athletic/img/main/ico-quick-07-w.svg") no-repeat center / contain;}
    .main-quick-list > li:nth-of-type(7) .quick-item:hover .ico-quick {background: url("/_user/athletic/img/main/ico-quick-08-w.svg") no-repeat center / contain;}
}

@media screen and (min-width: 1400px){
    .main-quick-list > li {width: 12.5%; max-width: 128px;}
}
/* 퀵메뉴 e */


/* 여행메뉴 s */
section.main-travel {position: relative;}
.main-travel .section-title-box {justify-content: center;}
.main-travel .section-title {justify-content: center; margin-bottom: 30px; text-align: center;}
.main-travel .section-title img {padding-bottom: 10px; transform: scale(0.8);}
.main-travel .section-title-sub {display: none;}
.travel-item {height: 193px; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; border-radius: 20px; color: #fff; font-family: GmarketSans; font-size: 22px; font-weight: 600; overflow: hidden; z-index: 0; transition: .3s;}
.travel-item::before {content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(90deg, rgba(54, 62, 75, 0.85) 0%, rgba(54, 62, 75, 0.00) 196.24%) no-repeat; z-index: 0; transition: .3s;}
.travel-item + .travel-item {margin-top: 25px;}
.travel-item > span {width: 60px; height: 60px; border-radius: 60px; position: relative; z-index: 1; transition: background-color.3s, left .3s, bottom .3s; left: 0; bottom: 0;}
.travel-list>a:first-of-type {background: url("/_user/athletic/img/main/bg-travel02.jpg") no-repeat center / cover;}
.travel-list>a:nth-of-type(2) {background: url("/_user/athletic/img/main/bg-travel01.jpg") no-repeat center / cover;}
.travel-list>a:nth-of-type(3) {background: url("/_user/athletic/img/main/bg-travel03.jpg") no-repeat center / cover;}
.travel-list>a>p {position: relative; z-index: 1; font-size: 22px;}
.travel-list>a br {display: none;}
.ico-travel01 {background: #fff url("/_user/athletic/img/main/ico-travel01.svg") no-repeat center / 30px;}
.ico-travel02 {background: var(--point-color2) url("/_user/athletic/img/main/ico-travel02.svg") no-repeat center / 30px;}
.ico-travel03 {background: #1D2A75 url("/_user/athletic/img/main/ico-travel03.svg") no-repeat center / 70px;}
@media screen and (min-width: 768px){
    .travel-list>a:hover::before {opacity: 0.5;}
    .travel-list>a:first-of-type:hover .ico-travel01 {background: #231C1C url("/_user/athletic/img/main/ico-travel01-w.svg") no-repeat center / 30px;}
    .travel-list>a:hover > span {bottom: 10px; left: 0;}
}
@media screen and (min-width: 1200px){
    .main  section.main-travel {padding: 180px 40px;}
    section.main-travel::before {content: ''; width: 1360px; height: 1124px; position: absolute; left: -620px; bottom: -380px; background: url("/_user/athletic/img/main/bg-main-pc.png") no-repeat center / contain; z-index: -1;}
    .main-travel .section-title-box {position: absolute; flex-direction: column; text-align: right; align-items: flex-end;}
    .main-travel .section-title-box .section-title {text-align: right;}
    .main-travel .section-title-sub {display: block; font-size: 22px;}
    .travel-list {max-width: 1030px; box-sizing: border-box; display: flex; flex-wrap: wrap; margin-left: auto; gap: 60px; justify-content: flex-end; align-items: flex-start;}
    .travel-list>a {height: auto; justify-content: space-around;}
    .travel-list>a:first-of-type {flex: 0 0 62%; border-radius: 1000px; aspect-ratio: 642 / 325;}
    .travel-list>a:nth-of-type(2) {flex: 0 0 62%; aspect-ratio: 641 / 284; border-radius: 40px;}
    .travel-list>a:nth-of-type(3) {flex-direction: column; flex : 0 0 31%; border-radius: 100px; aspect-ratio: 321 / 363; }
    .travel-list>a br {display: block;}
    .travel-item {flex-direction: row;}
    .travel-item + .travel-item {margin-top: 0;}
    .main-travel .section-title img {transform: scale(1);}
    .travel-item > span {width: 120px; height: 120px; background-size: 60px;}
    .travel-item > span.ico-travel03 {background-size: 100px;}
    .travel-list>a>p {font-size: 40px;}
    .travel-list>a:hover > span {background-color: #231C1C; }
    .travel-list>a:nth-of-type(-n+2):hover > span {left: -10px; bottom: 0;}

}
/* 여행메뉴 e */

/* 공지사항 s */
.main-notice .inner-section {padding: 0;}
.visual-board-area {position: relative;}
.board-box-tab {display: flex; gap: 8px; padding-bottom: 10px;}
.board-box-tab > li.on button {color: #231C1C;}
.board-box-tab > li > button {box-sizing: border-box; border-radius: 100px; color: #AFAFAF; font-size: 21px; font-weight: bold;}
.board-cont {display: none;}
.board-cont.on {display: block;}
.board-cont.on .board-item-box {animation: slideTop 1s;}
.board-cont .btn-more {position: absolute; right: 0; top: -60px;}

.board-item-box > li > a {display: flex; align-items: center; gap: 20px; padding: 20px 10px; font-size: 18px; border-bottom: 1px solid rgba(0, 0, 0, 0.20);}
.board-item-box > li:nth-of-type(1) > a {border-top: 2px solid var(--black);}
.list-tit-area > p {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; font-weight: 600; line-height: 1; transition: .3s; position: relative; left: 0;}
.board-item-box .date-box {font-size: 13px; text-align: center;}
.board-item-box .day {display: block; font-size: 26px; font-weight: bold;}
.label-notice {width: 33px; height: 20px; margin-bottom: 5px; border-radius: 5px; display: flex; align-items: center; justify-content: center; font-size: 13px; color: #fff; background: var(--point-color2); box-sizing: border-box;}
.pc-br {display: none;}
@keyframes slideTop {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@media screen and (min-width: 1200px){
    .main-notice .inner-section {position: relative; display: flex; align-items: flex-start; justify-content: space-between;}
    .list-tit-area {display: flex; gap: 15px; align-items: center;}
    .visual-board-area {width: 70%; position: static; max-width: 915px;}
    .board-cont .btn-more {right: auto; top: 190px; left: 0;}
    .board-box-tab {gap: 35px; padding-bottom: 30px;}
    .board-box-tab > li > button {font-size: 32px;}
    .board-item-box .day {font-size: 36px;}
    .board-item-box .date-box {font-size: 18px;}
    .board-item-box > li > a {gap: 50px; font-size: 22px; transition: .3s; position: relative; left: 0;}
    .board-item-box > li > a:hover {background: var(--point-color2); position: relative; left: 10px; color: #fff;}
    .label-notice {min-width: 55px; height: 30px; font-size: 18px;}
    .list-tit-area > p {line-height: 1.4;}
    .board-item-box > li > a:hover .list-tit-area > p {color: #fff;}
    .board-item-box > li > a:hover .label-notice {background: #fff; color: var(--point-color2);}
    .pc-br {display: block;}
}
/* 공지사항 e */


/* 미디어 s */
.main section.main-sec-wrap {padding: 70px 0;}
.main-sec-wrap .inner-section {padding: 0;}
.main-sec-wrap .inner-section > div {padding: 0 20px;}
.main-sec-wrap .inner-section > div + div {padding-top: 70px;}
.main-video h3.section-title {color: #fff;}
.main-sec-wrap .inner-section > .main-video {position: relative; background: var(--point-color2); padding: 50px 20px 100px; border-radius: 0 60px 0 0; box-sizing: border-box;}
.main-video::before {content: ''; width: 100%; height: 90px; position: absolute; left: 0; bottom: 0; background: url("/_user/athletic/img/main/txt-video.svg") no-repeat center / contain; opacity: .5;}
.main-video .video-box {position: relative; padding-bottom: 0; width: 100%; height: 100%; min-height: 195px; overflow: hidden; margin: 0 auto; aspect-ratio: 1.64 / 1;}

@media screen and (min-width: 768px){
    /*.main-video .video-box .play-btn::after {width: 60px; height: 60px;}*/
}

@media screen and (min-width: 1200px){
    .main section.main-sec-wrap {padding: 180px 0 0;}
    .main-sec-wrap::before {content: ''; width: 50%; height: 200px; position: absolute; left: -90px; bottom: 30px; background: url("/_user/athletic/img/main/txt-video-pc.png") no-repeat center left / contain; opacity: .5; z-index: 1;}
    .main-sec-wrap h3.section-title {font-size: 35px;}
    .main-video::before {display: none;}
    .main-video::after {content: ''; width: 100%; height: 100%; position: absolute; left: -100%; bottom: 0; background: var(--point-color2);}
    .main-sec-wrap .inner-section {display: flex; padding: 0 40px; align-items: flex-start;}
    .main-sec-wrap .inner-section > .main-video {width: 50%; padding: 140px 70px 300px 0; border-radius: 0 100px 0 0;}
    .main-video .video-box {max-height: none; min-height: 350px; max-width: 1200px; aspect-ratio: 1.75 / 1;}
}

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

/* 미디어 e */

/* 포토갤러리 s */
.photo-box:nth-of-type(2) {display: none;}
.photo-box .photo-img {box-shadow: 4px 4px 14px 0 rgba(0, 0, 0, 0.25);}
.photo-img {aspect-ratio : 1 / 1; overflow: hidden;}
.photo-img > img {max-width: 100%; width: 100%; height: 100%; object-fit: cover; aspect-ratio : 1 / 1; transition: .3s;}
.photo-cont {padding-top: 30px;}
.photo-cont .date {color: #AFAFAF;}
.photo-cont .tit {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; font-weight: 600; line-height: 1.3; margin: 5px 0 10px; font-size: 20px; min-height: 52px;}
.photo-cont .cont {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 1.4; transition: .3s; position: relative; left: 0;}
@media screen and (min-width: 768px) {
    .photo-box-list {display: flex; gap: 50px;}
    .photo-box:nth-of-type(2) {display: block;}
    .photo-box:hover .photo-img img {transform: scale(1.1);}
}
@media screen and (min-width: 1200px){
    .main-sec-wrap .inner-section .main-photo {width: 50%; padding: 140px 0 0 70px; box-sizing: border-box;}
    .photo-box .photo-img {max-width: 500px;}
    .main-photo .no-contents {height: auto; min-height: 360px; max-height: 388px; aspect-ratio: 1.75 / 1; box-sizing: border-box;}
}
/* 포토갤러리 e */



/* floating-day s */
.floating-day {position: fixed; display: flex; flex-direction: column-reverse; align-items: center; top: 90px; right: 5px; z-index: 20;}
.d-day-wrap > div {position: relative; width: 100%; height: 100%;}
.d-day-wrap > div:before {position: absolute; right: 0; content: ''; display: block; width: 80px; height: 50px; background: url("/_user/athletic/img/main/bg-dday-m.svg")0 0/contain no-repeat; z-index: 1; filter: drop-shadow(2px 2px 0px rgba(14, 15, 72, 0.30));}
.d-day-wrap > div > p {min-width: 80px; height: 44px; max-width: fit-content; box-sizing: border-box; display: flex; justify-content: center; align-items: center; font-size: 17px; color: #fff; font-weight: 600; letter-spacing: 0; position: relative; z-index: 1; line-height: 1.6;}
.char-box {position: relative;}
.char-box > a {display: block; width: 89px; height: 90px; background: url("/_user/athletic/img/main/img-char-m.png") no-repeat center / contain; margin-top: 10px;}
.char-box p > em {font-size: 9px; font-weight: 700;}
.char-box > a .txt {display: flex; flex-direction: column;}
.char-box span {font-weight: 500; font-size: 14px;}
.char-box span > em {color: var(--point-color2);}
.char-box > img {max-width: 100%;}
.char-box .ico-day {display: none;}
.floating-pc {display: none;}
@media screen and (min-width: 768px) {

}
@media screen and (min-width: 1024px) {
    .floating-day {bottom: 220px; right: 18px; top: auto; flex-direction: column;}
    .floating-day .char-box {display: none;}
    .d-day-wrap > div > p {min-width: 112px; font-size: 25px; height: 58px;}
    .d-day-wrap > div:before {width: 112px; height: 70px;}
    .d-day-wrap > div:after {content: ''; position: absolute; right: 10px; width: 94px; height: 102px; background: url("/_user/athletic/img/main/bg-dday-pc.svg") no-repeat center / contain;}

    /* floating-pc s */
    .floating-pc {display: flex; position: fixed; top: 150px; right: -150px; z-index: 20; transition: .3s;}
    .floating-pc.open {gap: 5px; right: 0;}
    .btn-floating {width: 85px; height: 112px; padding: 10px 15px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: -4px 4px 10px 0 rgba(0, 0, 0, 0.30); background: linear-gradient(175deg, #E62B84 3.48%, #1D2088 151.78%); border-radius: 15px 0 0 15px; color: #fff; transition: .3s; overflow: hidden;}
    .btn-floating.on {width: 48px; height: 48px; border-radius: 48px; background: url("/_user/athletic/img/main/ico-floating.png") no-repeat center / cover;}
    .btn-floating.on span {opacity: 0;}
    .floating-pc-box {display: flex; flex-direction: column; gap: 11px;}
    .link-box-pc {}
    .link-box-pc li > a {display: block;  padding: 20px; width: 150px; height: 140px; box-sizing: border-box; background: #D8EA4E;}
    .link-box-pc li:nth-of-type(1) > a {border-radius: 20px 0 0 0; background: #D8EA4E url("/_user/athletic/img/main/img-link-box01.svg") no-repeat center / 121px 98px;}
    .link-box-pc li:nth-of-type(2) > a {border-radius: 0 0 0 20px; background: #D8EA4E url("/_user/athletic/img/main/img-link-box02.svg") no-repeat center / 94px 95px; border-top: 2px solid #fff;}
    .char-box-pc {display: block; width: 150px; height: 167px; border-radius: 30px 0 0 30px; background: #7400FF url("/_user/athletic/img/main/img-char-pc.svg") no-repeat center / contain;}
}
/* floating-day e */