@charset "UTF-8";
:root {
  /* Brand Colors - 테마 변경의 핵심 변수 */
  --main-color: #2B82B3;
  --color-main: #2B82B3;
  /* --main-color alias */
  --color-main-20: #D6D6FF;
  --color-main-10: #EBEAFF;
  --color-main-5: #F5F5FF;
  --color-sub: #FFB904;
  /* Fonts */
  --font-main: GmarketSans, sans-serif;
  --font-sub: Pretendard, sans-serif;
  /* Text Colors */
  --txt-color-base: #060303;
  --txt-color-tit: #111;
  --txt-color-active: #111;
  --txt-color-form: #666;
  /* Base Colors */
  --color-white: #fff;
  --color-black: #000;
  --color-border: #EDEDED;
  --color-danger: #E52E2C;
  --color-success: #11ae5b;
  /* Layout */
  --layout-max-width: 1440px;
  /* Pager */
  --pager-bg-active: #e4205b;
  --pager-color-active: #00287A; }

.main {
  position: relative;
  padding-bottom: 30px; }
  .main::after {
    content: '';
    width: 100%;
    height: 1165px;
    display: block;
    background: url("/_user/basicFolder/img/main/main-btm-bg.jpg") bottom center no-repeat;
    position: absolute;
    left: 0;
    bottom: -485px;
    z-index: -1; }
  @media (min-width: 768px) {
    .main {
      padding-bottom: 0; } }

.main-container {
  margin: 0 auto;
  padding: 0 15px; }
  @media (min-width: 768px) {
    .main-container {
      max-width: 1700px; } }

.main-tit {
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: -0.33px;
  display: flex;
  align-items: center;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .main-tit {
      margin-bottom: 40px;
      font-size: 4.6rem; } }
  .main-tit::before {
    content: '';
    width: 2rem;
    height: 1.9rem;
    display: block;
    background: url("/_user/basicFolder/img/main/icon-tit.svg") no-repeat;
    background-size: cover;
    margin-right: 4px; }
    @media (min-width: 768px) {
      .main-tit::before {
        width: 5rem;
        height: 4.9rem;
        margin-right: 15px; } }

.main-visual {
  position: relative;
  margin-bottom: 50px; }
  @media (min-width: 768px) {
    .main-visual {
      margin-bottom: 270px; } }
  .main-visual__tit-box {
    position: absolute;
    top: 134px;
    left: 16px;
    z-index: 1; }
    @media (min-width: 768px) {
      .main-visual__tit-box {
        top: 285px;
        left: 50px; } }
    @media (min-width: 1200px) {
      .main-visual__tit-box {
        top: 285px;
        left: 150px; } }
  .main-visual__tit {
    width: 25rem;
    height: 7rem;
    background: url("/_user/basicFolder/img/main/main-visual-tit.svg");
    background-size: cover; }
    @media (min-width: 768px) {
      .main-visual__tit {
        width: 52.8rem;
        height: 14.9rem; } }
    .main-visual__tit .red {
      color: #E52E2C; }
    .main-visual__tit .blue {
      color: #2352A1; }
  .main-visual__slide {
    margin-bottom: 30px; }
  .main-visual__img-pc {
    display: none; }
  .main-visual__img-m {
    width: 100%;
    max-height: 600px;
    object-fit: cover;
    object-position: center bottom;
    display: block; }
  @media (min-width: 768px) {
    .main-visual__img-pc {
      width: 100%;
      height: 850px;
      /* 또는 슬라이더 높이 */
      object-fit: cover;
      object-position: 80% center;
      /* 이미지의 오른쪽을 기준으로 배치 */
      display: block; }
    .main-visual__img-m {
      display: none; } }

.dday {
  position: absolute;
  top: 220px;
  left: 16px;
  z-index: 1;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  /* 애니메이션 클래스 */ }
  @media (min-width: 768px) {
    .dday {
      top: auto;
      left: 55px;
      bottom: 140px;
      font-size: 3.7rem; } }
  @media (min-width: 1200px) {
    .dday {
      left: 690px;
      bottom: 200px; } }
  .dday__label {
    width: 7rem;
    height: 3.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #cc2651;
    margin-right: 3px;
    border-radius: 5px; }
    @media (min-width: 768px) {
      .dday__label {
        width: 13.9rem;
        height: 6rem; } }
  .dday__box {
    width: 3rem;
    height: 3.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1e3a6d;
    margin-right: 1px;
    border-radius: 5px;
    overflow: hidden;
    /* 카드가 삐져나오지 않도록 */
    perspective: 200px;
    /* 3D 효과를 위한 원근감 설정 */ }
    .dday__box:last-child {
      margin-right: 0; }
    @media (min-width: 768px) {
      .dday__box {
        width: 4.5rem;
        height: 6rem; } }
  .dday__card {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    /* 3D 변환 유지 */
    transform: rotateX(0deg);
    /* 초기 회전 각도 */ }
  .dday__digit {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    box-sizing: border-box;
    backface-visibility: hidden;
    /* 카드 뒷면 숨기기 */ }
    .dday__digit--top {
      z-index: 2;
      clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);
      background: #1e3a6d; }
    .dday__digit--bottom {
      z-index: 1;
      clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);
      transform: rotateX(0deg);
      background: #102a59; }
  .dday.animate .dday__card {
    animation: flipDigit 0.6s ease-out forwards; }

@keyframes flipDigit {
  0% {
    transform: rotateX(0deg); }
  50% {
    transform: rotateX(-90deg); }
  /* 중간에 90도 회전하여 사라짐 */
  100% {
    transform: rotateX(-180deg); }
  /* 180도 회전하여 다음 숫자가 나타남 */ }
.favorite-menu {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 36px; }
  @media (min-width: 768px) {
    .favorite-menu {
      font-size: 2rem;
      position: absolute;
      left: 40px;
      bottom: 250px;
      z-index: 1;
      margin: 0; } }
  @media (min-width: 1200px) {
    .favorite-menu {
      left: 140px;
      bottom: 200px; } }
  .favorite-menu ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 4px; }
    .favorite-menu ul li:nth-child(even) .favorite-menu__item {
      background: url("/_user/basicFolder/img/main/favorite-menu-img02.svg") no-repeat;
      background-size: cover; }
  .favorite-menu__item {
    width: 8rem;
    height: 8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: url("/_user/basicFolder/img/main/favorite-menu-img01.svg") no-repeat;
    background-size: cover;
    color: #fff;
    transition: all 0.3s ease; }
    @media (min-width: 768px) {
      .favorite-menu__item {
        width: 12rem;
        height: 12rem; } }
    .favorite-menu__item:hover {
      width: 8rem;
      height: 8rem;
      background: url("/_user/basicFolder/img/main/favorite-menu-img03.svg") no-repeat !important;
      background-size: cover !important; }
      @media (min-width: 768px) {
        .favorite-menu__item:hover {
          width: 12rem;
          height: 12rem;
          background-size: cover; } }
    .favorite-menu__item::after {
      content: '';
      width: 1.1rem;
      height: 0.9rem;
      display: block;
      background: url("/_user/basicFolder/img/main/icon-arrow.svg") no-repeat;
      background-size: cover;
      margin-top: 4px; }
      @media (min-width: 768px) {
        .favorite-menu__item::after {
          width: 1.5rem;
          height: 1.1rem;
          background: url("/_user/basicFolder/img/main/icon-arrow.svg") no-repeat;
          background-size: cover;
          margin-top: 10px; } }

.competition-period {
  background: url("/_user/basicFolder/img/main/competition-period-bg-m.svg") no-repeat;
  background-size: cover;
  padding: 25px;
  border-radius: 30px 30px 0 0;
  color: #fff;
  text-align: center; }
  @media (min-width: 768px) {
    .competition-period {
      width: 100%;
      z-index: 1;
      padding: 50px 50px 40px;
      border-radius: 70px 70px 0 0;
      position: absolute;
      left: 0;
      bottom: -230px; } }
  @media (min-width: 1200px) {
    .competition-period {
      background: url("/_user/basicFolder/img/main/competition-period-bg-pc.svg") no-repeat;
      background-size: cover;
      bottom: -70px; }
      .competition-period .main-container {
        max-width: 1300px;
        text-align: left;
        display: flex;
        justify-content: space-between;
        align-items: center; } }
  .competition-period__tit-box:after {
    content: '';
    width: 5.7rem;
    height: 0.2rem;
    display: block;
    background: #fff;
    margin: 16px auto; }
    @media (min-width: 1200px) {
      .competition-period__tit-box:after {
        display: none; } }
  .competition-period__tit {
    color: #fff;
    letter-spacing: -1.5%;
    font-size: 2.2rem;
    font-weight: 700; }
    @media (min-width: 768px) {
      .competition-period__tit {
        font-size: 4.6rem; } }
  .competition-period__desc {
    font-size: 1.3rem;
    font-weight: 600; }
    @media (min-width: 768px) {
      .competition-period__desc {
        font-size: 2.5rem; } }
  .competition-period__date {
    font-size: 1.8rem; }
    @media (min-width: 768px) {
      .competition-period__date {
        font-size: 4rem; } }
    .competition-period__date .circle {
      width: 2rem;
      height: 2rem;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      color: #D06B63;
      background: #fff;
      border-radius: 100%;
      position: relative;
      top: -2px;
      font-size: 1.4rem;
      font-weight: 700; }
      @media (min-width: 768px) {
        .competition-period__date .circle {
          width: 4.2rem;
          height: 4.2rem;
          font-size: 3.3rem; } }
    @media (min-width: 768px) {
      .competition-period__date .txt {
        font-size: 3.7rem; } }
  .competition-period__location {
    font-size: 1.6rem;
    font-weight: 600; }
    @media (min-width: 768px) {
      .competition-period__location {
        font-size: 2.5rem; } }

.main-news {
  margin-bottom: 60px; }
  @media (min-width: 768px) {
    .main-news {
      margin-bottom: 150px; } }
  .main-news__tit-box {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .main-news__link {
    display: block;
    border: 2px solid;
    border-image-source: linear-gradient(to bottom right, #E96789, #12A6B1);
    border-image-slice: 1;
    padding: 32px 16px;
    color: #000; }
    @media (min-width: 768px) {
      .main-news__link {
        padding: 32px 24px; } }
    .main-news__link:hover {
      background: #E3EDFA;
      border-image-slice: 0; }
  .main-news__tit {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
    letter-spacing: -0.33px;
    font-size: 1.4rem;
    font-weight: 700; }
    @media (min-width: 768px) {
      .main-news__tit {
        font-size: 2.2rem;
        font-weight: 700; } }
  .main-news__date {
    font-size: 1.4rem;
    letter-spacing: -0.21px; }
    @media (min-width: 768px) {
      .main-news__date {
        font-size: 2rem;
        letter-spacing: -0.3px; } }
  .main-news__slide .swiper-slide {
    max-width: 280px; }
    @media (min-width: 768px) {
      .main-news__slide .swiper-slide {
        max-width: 450px; } }
  .main-news__slide .swiper-wrapper {
    margin-bottom: 16px; }
    @media (min-width: 768px) {
      .main-news__slide .swiper-wrapper {
        margin-bottom: 40px; } }
  .main-news__controller {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .main-news__pagination-box {
    height: 30px;
    flex: 1;
    position: relative;
    margin-right: 30px;
    padding-right: 40px; }
    .main-news__pagination-box .swiper-pagination-progressbar {
      width: calc(100% - 60px);
      height: 3px;
      top: 13px;
      background-color: #E8E8E8; }
    .main-news__pagination-box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
      background-color: #000; }
  .main-news__play, .main-news__stop, .main-news__prev, .main-news__next {
    width: 3rem;
    height: 3rem;
    padding: 10px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px; }
  .main-news__play, .main-news__stop {
    position: absolute;
    top: 0;
    right: 0; }
  .main-news__play {
    background: #060303 url("/_user/basicFolder/img/icon/icon-play.svg") center center no-repeat;
    background-size: 14px; }
    @media (min-width: 768px) {
      .main-news__play {
        background-size: 20px; } }
  .main-news__stop {
    background: #060303 url("/_user/basicFolder/img/icon/icon-stop.svg") center center no-repeat;
    background-size: 14px; }
    @media (min-width: 768px) {
      .main-news__stop {
        background-size: 20px; } }
  .main-news__prev {
    background: #060303 url("/_user/basicFolder/img/main/icon-arrow.svg") center center no-repeat;
    transform: rotate(180deg);
    margin-right: 4px; }
    @media (min-width: 768px) {
      .main-news__prev {
        width: 5rem;
        height: 5rem; } }
  .main-news__next {
    background: #060303 url("/_user/basicFolder/img/main/icon-arrow.svg") center center no-repeat; }
    @media (min-width: 768px) {
      .main-news__next {
        width: 5rem;
        height: 5rem; } }

.main-info {
  margin-bottom: 175px; }
  .main-info__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px; }
    @media (min-width: 768px) {
      .main-info__list {
        grid-template-columns: repeat(3, 1fr);
        gap: 50px 30px; } }
  .main-info__link {
    display: block; }
    @media (min-width: 768px) {
      .main-info__link {
        padding: 24px; } }
    .main-info__link:hover {
      background: #E3EDFA; }
      .main-info__link:hover .main-info__desc::after {
        margin-left: 15px; }
  .main-info__tit, .main-info__desc {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .main-info__tit {
    margin-bottom: 8px;
    padding-bottom: 8px;
    font-size: 1.4rem;
    font-weight: 700;
    border-bottom: 3px solid;
    border-image-source: linear-gradient(to right, #E96789, #12A6B1);
    border-image-slice: 1; }
    @media (min-width: 768px) {
      .main-info__tit {
        margin-bottom: 26px;
        padding-bottom: 26px;
        font-size: 2.7rem;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.21px; } }
    .main-info__tit::after {
      content: '';
      width: 2rem;
      height: 2rem;
      display: block; }
      @media (min-width: 768px) {
        .main-info__tit::after {
          width: 4rem;
          height: 4rem; } }
    .main-info__tit.icon01::after {
      background: url("/_user/basicFolder/img/main/icon-info01.svg") no-repeat;
      background-size: cover; }
    .main-info__tit.icon02::after {
      background: url("/_user/basicFolder/img/main/icon-info02.svg") no-repeat;
      background-size: cover; }
    .main-info__tit.icon03::after {
      background: url("/_user/basicFolder/img/main/icon-info03.svg") no-repeat;
      background-size: cover; }
    .main-info__tit.icon04::after {
      background: url("/_user/basicFolder/img/main/icon-info04.svg") no-repeat;
      background-size: cover; }
    .main-info__tit.icon05::after {
      background: url("/_user/basicFolder/img/main/icon-info05.svg") no-repeat;
      background-size: cover; }
    .main-info__tit.icon06::after {
      background: url("/_user/basicFolder/img/main/icon-info06.svg") no-repeat;
      background-size: cover; }
  .main-info__desc {
    font-size: 1.2rem;
    font-weight: 700;
    padding: 1px;
    line-height: normal;
    letter-spacing: -0.18px; }
    @media (min-width: 768px) {
      .main-info__desc {
        font-size: 1.6rem;
        justify-content: flex-start; } }
    .main-info__desc::after {
      content: '';
      width: 1.2rem;
      height: 1.2rem;
      display: block;
      background: url("/_user/basicFolder/img/main/icon-arrow-info.svg") no-repeat;
      background-size: cover;
      transition: all 0.1s ease-in; }
      @media (min-width: 768px) {
        .main-info__desc::after {
          width: 2rem;
          height: 2rem;
          margin-left: 10px; } }

.main-map {
  margin-bottom: 50px; }
  @media (min-width: 768px) {
    .main-map {
      margin-bottom: 150px; } }
  @media (min-width: 1200px) {
    .main-map {
      margin-bottom: 225px; } }
  .main-map__wrap {
    position: relative; }
    @media (min-width: 1200px) {
      .main-map__wrap {
        max-width: 1262px;
        display: flex;
        align-items: flex-start; } }
    .main-map__wrap::after {
      content: '';
      width: 18.4rem;
      height: 21.5rem;
      display: block;
      background: url("/_user/basicFolder/img/main/main-char01.svg") no-repeat;
      background-size: cover;
      position: absolute;
      right: 20px;
      bottom: -235px;
      z-index: -1; }
      @media (min-width: 768px) {
        .main-map__wrap::after {
          width: 40.6rem;
          height: 47.3rem;
          bottom: -493px; } }
      @media (min-width: 1200px) {
        .main-map__wrap::after {
          top: 20px;
          right: -431px; } }
  .main-map__txt-box {
    margin-bottom: 16px;
    padding: 24px 30px;
    background: url("/_user/basicFolder/img/main/map-bg.png") center center no-repeat;
    background-size: cover; }
    @media (min-width: 1200px) {
      .main-map__txt-box {
        min-width: 442px;
        height: 500px;
        padding: 116px 56px; } }
  .main-map__tit {
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;
    line-height: normal;
    letter-spacing: -0.21px;
    margin-bottom: 8px; }
    @media (min-width: 768px) {
      .main-map__tit {
        font-size: 1.8rem; } }
  .main-map__address {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    /* 24px */
    letter-spacing: -0.24px;
    margin-bottom: 24px; }
    @media (min-width: 768px) {
      .main-map__address {
        font-size: 2.8rem; } }
  .main-map__link {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.24px;
    display: inline-flex;
    align-items: center;
    margin-right: 16px; }
    @media (min-width: 768px) {
      .main-map__link {
        font-size: 2.8rem;
        margin-right: 24px; } }
    .main-map__link::after {
      content: '';
      width: 2.4rem;
      height: 2.4rem;
      display: inline-block;
      background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M12.985 7.67676L12.7018 7.96094L12.5251 8.13867L12.5251 8.1377L9.30927 11.3535L8.38641 10.4307L8.56317 10.2539L10.6657 8.15234L1.94208 8.15234L1.94208 6.84766L10.6657 6.84766L8.56317 4.74609L8.38641 4.56934L9.30927 3.64648L9.48602 3.82324L12.5251 6.86133L12.7018 7.03906L12.985 7.32324L13.1618 7.5L12.985 7.67676Z' fill='%235C7387' stroke='%235C7387' stroke-width='0.5'/%3E%3C/svg%3E") center center no-repeat;
      background-size: 11px 11px;
      border-radius: 100%;
      margin-left: 4px; }
      @media (min-width: 768px) {
        .main-map__link::after {
          width: 3rem;
          height: 3rem;
          margin-left: 6px;
          background-size: 15px 15px; } }
    .main-map__link:hover::after {
      background: #0E1736 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M12.985 7.67676L12.7018 7.96094L12.5251 8.13867L12.5251 8.1377L9.30927 11.3535L8.38641 10.4307L8.56317 10.2539L10.6657 8.15234L1.94208 8.15234L1.94208 6.84766L10.6657 6.84766L8.56317 4.74609L8.38641 4.56934L9.30927 3.64648L9.48602 3.82324L12.5251 6.86133L12.7018 7.03906L12.985 7.32324L13.1618 7.5L12.985 7.67676Z' fill='%23ffffff' stroke='%23ffffff' stroke-width='0.5'/%3E%3C/svg%3E") center center no-repeat; }
    .main-map__link:last-child {
      margin-right: 0; }
  .main-map__box {
    width: 100%;
    height: 200px;
    border: 1px solid #C7C7C7;
    background: url("https://placehold.co/600x400") center center no-repeat;
    background-size: cover; }
    @media (min-width: 768px) {
      .main-map__box {
        height: 500px; } }

.main-tour {
  margin-bottom: 70px;
  position: relative; }
  @media (min-width: 1200px) {
    .main-tour {
      margin-bottom: 246px; }
      .main-tour::before {
        content: '';
        width: 36.4rem;
        height: 67.3rem;
        display: block;
        position: absolute;
        top: -90px;
        left: 0;
        background: url("/_user/basicFolder/img/main/main-char02.svg") no-repeat;
        z-index: -1; } }
  @media (min-width: 1200px) {
    .main-tour__wrap {
      max-width: 1500px;
      margin-left: auto;
      display: flex;
      justify-content: space-between;
      align-items: flex-end; } }
  @media (min-width: 1440px) {
    .main-tour__txt-wrap {
      margin-right: 50px; } }
  @media (min-width: 1200px) {
    .main-tour__txt-wrap {
      margin-right: 100px;
      margin-bottom: 60px; } }
  .main-tour__tit {
    width: 22.8rem;
    height: 7.2rem;
    background: url("/_user/basicFolder/img/main/journey-tit.svg") no-repeat;
    background-size: cover;
    margin-bottom: 40px; }
    @media (min-width: 768px) {
      .main-tour__tit {
        width: 52.7rem;
        height: 16.2rem;
        margin-bottom: 120px; } }
  .main-tour .main-tit {
    margin-bottom: 8px; }
    @media (min-width: 768px) {
      .main-tour .main-tit {
        margin-bottom: 30px; } }
  .main-tour__tit-box {
    margin-bottom: 16px; }
    @media (min-width: 1200px) {
      .main-tour__tit-box {
        margin-bottom: 0; } }
  .main-tour__desc {
    color: #767676;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.4;
    /* 18.2px */
    letter-spacing: -0.195px; }
    @media (min-width: 768px) {
      .main-tour__desc {
        color: #060303;
        font-size: 2rem; } }
  .main-tour__box {
    flex: 1; }
    .main-tour__box ul {
      width: 100%;
      gap: 6px;
      display: flex;
      align-items: flex-end;
      overflow: hidden; }
      @media (min-width: 1200px) {
        .main-tour__box ul {
          gap: 16px; } }
      .main-tour__box ul li {
        flex: 1; }
        @media (min-width: 1200px) {
          .main-tour__box ul li:first-child, .main-tour__box ul li:nth-child(2) {
            flex: 220;
            max-width: 220px; }
          .main-tour__box ul li:nth-child(3) {
            flex: 333;
            max-width: 333px; } }
    @media (min-width: 1200px) {
      .main-tour__box {
        max-width: 805px; } }
  .main-tour__box-tit {
    color: #000;
    text-align: right;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 4px; }
    @media (min-width: 768px) {
      .main-tour__box-tit {
        font-size: 1.8rem; } }
  .main-tour__box-img {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    .main-tour__box-img span {
      display: none;
      position: relative;
      z-index: 2;
      color: #fff;
      margin-bottom: 10px; }
      @media (min-width: 768px) {
        .main-tour__box-img span {
          font-size: 2.6rem;
          font-weight: 700;
          line-height: normal;
          margin-bottom: 12px; } }
      .main-tour__box-img span.arrow {
        width: 2.4rem;
        height: 2.4rem;
        background: #000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M12.985 7.67676L12.7018 7.96094L12.5251 8.13867L12.5251 8.1377L9.30927 11.3535L8.38641 10.4307L8.56317 10.2539L10.6657 8.15234L1.94208 8.15234L1.94208 6.84766L10.6657 6.84766L8.56317 4.74609L8.38641 4.56934L9.30927 3.64648L9.48602 3.82324L12.5251 6.86133L12.7018 7.03906L12.985 7.32324L13.1618 7.5L12.985 7.67676Z' fill='%23fff' stroke='%23fff' stroke-width='0.5'/%3E%3C/svg%3E") center center no-repeat;
        background-size: 11px 11px;
        border-radius: 100%; }
        @media (min-width: 768px) {
          .main-tour__box-img span.arrow {
            width: 4rem;
            height: 4rem;
            background-size: 15px 15px; } }
    .main-tour__box-img::after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      transition: transform 0.3s ease-in-out; }
    .main-tour__box-img::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, rgba(186, 186, 186, 0) -1.53%, rgba(33, 14, 3, 0.7) 100%);
      opacity: 0;
      transition: opacity 0.3s ease;
      z-index: 2; }
    .main-tour__box-img:hover::after {
      transform: scale(1.1); }
    .main-tour__box-img:hover::before {
      opacity: 1; }
    .main-tour__box-img:hover span {
      display: block; }
    .main-tour__box-img.first {
      aspect-ratio: 100 / 101; }
      .main-tour__box-img.first::after {
        background: url("/_user/basicFolder/img/main/journey-img01.jpg") center center no-repeat;
        background-size: cover; }
      @media (min-width: 1200px) {
        .main-tour__box-img.first {
          aspect-ratio: 220 / 247; } }
    .main-tour__box-img.second {
      aspect-ratio: 100 / 158; }
      .main-tour__box-img.second::after {
        background: linear-gradient(180deg, rgba(186, 186, 186, 0) -1.53%, rgba(33, 14, 3, 0.7) 100%), url("/_user/basicFolder/img/main/journey-img02.jpg") bottom center no-repeat;
        background-size: cover; }
      @media (min-width: 1200px) {
        .main-tour__box-img.second {
          aspect-ratio: 220 / 388; } }
    .main-tour__box-img.third {
      aspect-ratio: 100 / 248; }
      .main-tour__box-img.third::after {
        background: linear-gradient(180deg, rgba(186, 186, 186, 0) -1.53%, rgba(33, 14, 3, 0.7) 100%), url("/_user/basicFolder/img/main/journey-img03.jpg") right center no-repeat;
        background-size: cover; }
      @media (min-width: 1200px) {
        .main-tour__box-img.third {
          aspect-ratio: 333 / 606; } }

.main-gallery {
  position: relative;
  margin-bottom: 60px; }
  @media (min-width: 1200px) {
    .main-gallery {
      margin-bottom: 157px; } }
  .main-gallery:after {
    content: '';
    width: 20rem;
    height: 9.4rem;
    display: block;
    background: url("/_user/basicFolder/img/main/photo-bg.svg") no-repeat;
    background-size: cover;
    position: absolute;
    top: -30px;
    right: -75px;
    z-index: -1; }
    @media (min-width: 1200px) {
      .main-gallery:after {
        width: 45rem;
        height: 21.1rem;
        top: -130px;
        right: -30px; } }
  .main-gallery__tit-box {
    margin-bottom: 40px; }
    @media (min-width: 768px) {
      .main-gallery__tit-box {
        display: flex;
        justify-content: space-between;
        align-items: center; } }
    .main-gallery__tit-box .more-box {
      display: none; }
      @media (min-width: 768px) {
        .main-gallery__tit-box .more-box {
          display: block; } }
  .main-gallery__tit {
    width: 24rem;
    height: 3rem;
    background: url("/_user/basicFolder/img/main/photo-tit.svg") no-repeat;
    background-size: cover; }
    @media (min-width: 768px) {
      .main-gallery__tit {
        width: 52.7rem;
        height: 6.5rem; } }
  .main-gallery__desc-box {
    margin-bottom: 16px; }
    .main-gallery__desc-box .main-tit {
      margin-bottom: 8px; }
      @media (min-width: 768px) {
        .main-gallery__desc-box .main-tit {
          margin-bottom: 30px; } }
  .main-gallery__desc {
    color: #767676;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.4;
    /* 18.2px */
    letter-spacing: -0.195px; }
    @media (min-width: 768px) {
      .main-gallery__desc {
        font-size: 2rem; } }
  .main-gallery .swiper-wrapper {
    margin-bottom: 16px; }
    @media (min-width: 1200px) {
      .main-gallery .swiper-wrapper {
        margin-bottom: 220px; } }
  .main-gallery .swiper-slide {
    width: 100%;
    max-width: 260px !important; }
    @media (min-width: 768px) {
      .main-gallery .swiper-slide {
        max-width: 405px !important; } }
    @media (min-width: 1200px) {
      .main-gallery .swiper-slide {
        max-width: none !important;
        transform: scale(0.75);
        transition: transform 0.4s ease; } }
    @media (min-width: 1200px) {
      .main-gallery .swiper-slide-active {
        transform: scale(1.1) translateY(110px); } }
    @media (min-width: 1200px) {
      .main-gallery .swiper-slide-prev {
        transform: scale(0.75) translateY(300px); } }
    @media (min-width: 1200px) {
      .main-gallery .swiper-slide-next {
        transform: scale(0.75) translateY(0); } }
  @media (min-width: 1200px) {
    .main-gallery .swiper-slide-prev .main-gallery__box {
      display: flex; } }
  @media (min-width: 1200px) {
    .main-gallery .swiper-slide-next .main-gallery__box {
      display: flex; } }
  @media (min-width: 1200px) {
    .main-gallery__slide-tit, .main-gallery__date {
      display: none; } }
  .main-gallery__link {
    display: block;
    overflow: hidden; }
    .main-gallery__link:hover .main-gallery__slide-tit,
    .main-gallery__link:hover .main-gallery__date {
      display: block; }
    .main-gallery__link:hover .main-gallery__box::after {
      display: block; }
  .main-gallery__box {
    height: 204px;
    padding: 16px 12px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column;
    position: relative;
    transition: background-size 0.7s ease-out; }
    @media (min-width: 768px) {
      .main-gallery__box {
        height: 315px; } }
    @media (min-width: 1200px) {
      .main-gallery__box {
        height: auto;
        aspect-ratio: 650 / 510;
        padding: 50px; } }
    .main-gallery__box::after {
      content: '';
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 11, 37, 0.97) 73.39%);
      z-index: 1; }
      @media (min-width: 1200px) {
        .main-gallery__box::after {
          display: none; } }
  .main-gallery__img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: 0; }
  .main-gallery__slide-tit {
    width: 100%;
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    position: relative;
    z-index: 2;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 12px;
    /* 85.714% */
    letter-spacing: -0.28px; }
    @media (min-width: 768px) {
      .main-gallery__slide-tit {
        margin-bottom: 24px;
        line-height: 20px;
        font-size: 2.2rem;
        font-weight: 600;
        letter-spacing: -0.44px; } }
  .main-gallery__date {
    color: #888;
    font-size: 1.4rem;
    line-height: 12px;
    /* 85.714% */
    letter-spacing: -0.28px;
    position: relative;
    z-index: 2; }
    @media (min-width: 768px) {
      .main-gallery__date {
        font-size: 2rem;
        letter-spacing: -0.4px; } }
  .main-gallery__controller {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .main-gallery__pagination-box {
    height: 30px;
    flex: 1;
    position: relative;
    margin-right: 30px;
    padding-right: 40px; }
    .main-gallery__pagination-box .swiper-pagination-progressbar {
      width: calc(100% - 60px);
      height: 3px;
      top: 13px;
      background-color: #fff;
      --swiper-pagination-color: #000; }
    .main-gallery__pagination-box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
      background-color: #000; }
  .main-gallery__play, .main-gallery__stop, .main-gallery__prev, .main-gallery__next {
    width: 3rem;
    height: 3rem;
    padding: 10px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px; }
  .main-gallery__play, .main-gallery__stop {
    position: absolute;
    top: 0;
    right: 0; }
  .main-gallery__play {
    background: #060303 url("/_user/basicFolder/img/icon/icon-play.svg") center center no-repeat;
    background-size: 14px; }
    @media (min-width: 768px) {
      .main-gallery__play {
        background-size: 20px; } }
  .main-gallery__stop {
    background: #060303 url("/_user/basicFolder/img/icon/icon-stop.svg") center center no-repeat;
    background-size: 14px; }
    @media (min-width: 768px) {
      .main-gallery__stop {
        background-size: 20px; } }
  .main-gallery__prev {
    background: #060303 url("/_user/basicFolder/img/main/icon-arrow.svg") center center no-repeat;
    transform: rotate(180deg);
    margin-right: 4px; }
    @media (min-width: 768px) {
      .main-gallery__prev {
        width: 5rem;
        height: 5rem; } }
  .main-gallery__next {
    background: #060303 url("/_user/basicFolder/img/main/icon-arrow.svg") center center no-repeat; }
    @media (min-width: 768px) {
      .main-gallery__next {
        width: 5rem;
        height: 5rem; } }

/*# sourceMappingURL=main.css.map */