/* ===================== */
/* main */
/* ===================== */
.content.main { display: grid; margin-top: 24px; grid-template-columns: minmax(0, 1fr) 384px; gap: 0 24px; align-items: start; }

/* ---- 메인 배너 스와이프 ---- */
.main-banner { position: relative; overflow: hidden; display: flex; align-items: stretch; max-width: 792px; grid-column: 1; border-radius: var(--radius-16); overflow: hidden;}
.main-banner .bnr-image{width: 50%; overflow: hidden;}
.main-banner .bnr-image .swiper-wrapper{z-index: 2;}
.main-banner .bnr-image .swiper-slide{position: relative; z-index: 3;}
.main-banner .bnr-text{position: relative; width: 50%; z-index: 2;}
.main-banner .bnr-text .item{position: absolute; bottom: 0; left: 0; right: 0; opacity: 0; transition: opacity .5s; height: 100%;}
.main-banner .bnr-text .item.active{opacity: 1; z-index: 2;}
.main-banner .bnr-bg{position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1;}
.main-banner.is-animated .bnr-bg{transition: background-color .5s;}
.main-banner .swiper .swiper-notification {display:none;}
.main-banner .swiper { height: 100%; width: 100%; position: static; touch-action: pan-y;}
.main-banner .swiper-slide { display: flex; flex-direction: row; align-items: stretch;}
.main-banner .swiper-navigation { position: absolute; right: 32px; bottom: 24px; width: 88px; height: 40px; z-index: 10; }
.main-banner .swiper-button { position: absolute; width: 40px; height: 40px; background: var(--alpha-wt10); border-radius: var(--radius-20); }
.main-banner .swiper-button:hover { background-color: rgba(255, 255, 255, 0.50); }
.main-banner .swiper-button::after { content: ''; width:24px; height:24px; position: absolute; -webkit-mask: url("/static/images/icons/chevron-left.svg") no-repeat center; mask: url("/static/images/icons/chevron-left.svg") no-repeat center; background-color: var(--white); top: 50%; left: 50%; transform: translate(-50%, -50%); }
.main-banner .swiper-button.prev { left: 0; }
.main-banner .swiper-button.next { right: 0; }
.main-banner .swiper-button.swiper-button-disabled { opacity: 0.4; background: var(--alpha-wt10); }
.main-banner .next::after { transform: translate(-50%, -50%) rotate(180deg); }
.main-banner .main-banner-pagination { display: flex; position: absolute; top: 32px; left: calc(50% + 32px); align-items: center; z-index: 10; }
.main-banner .main-banner-pagination .swiper-pagination { position: initial; width: auto; display: flex; align-items: center; }
.main-banner .main-banner-pagination .swiper-pagination .swiper-pagination-bullet {margin: 0; opacity: 1; width: 36px; height: 2px; margin-right: 6px; border-radius: 0; background-color: rgba(255, 255, 255, 0.2);}
.main-banner .main-banner-pagination .swiper-pagination .swiper-pagination-bullet-active { background-color: var(--white); }
.main-banner .main-banner-pagination .autoplay-btn { width: 16px; height: 16px; }
.main-banner .main-banner-pagination .autoplay-btn::after { content: ''; position: absolute; top: 0; right: 0; width: 16px; height: 16px; background: url(/static/images/icons/carousel-pause.svg) no-repeat center;}
.main-banner .main-banner-pagination .autoplay-btn.play::after { background: url(/static/images/icons/carousel-play.svg) no-repeat center;}
.main-banner .banner-thumbnail {position: relative; width: 100%;}
.main-banner .banner-thumbnail a {-webkit-user-drag: none; user-select: none;}
.main-banner .banner-thumbnail .overlay{position: absolute; top: 42%; left: 0; right: 0; bottom: 0; z-index: 2;}
.main-banner .banner-thumbnail img { width: 100%; height: auto; object-fit: cover; vertical-align: top; -webkit-user-drag: none; user-select: none;}
.main-banner .swiper .swiper-slide-active .banner-thumbnail img {transition: transform 0.3s; -webkit-user-drag: none; user-select: none;}
.main-banner:hover .swiper .swiper-slide-active .banner-thumbnail img {transform: scale(1.05); }

.main-banner .banner-content {height: 100%;}
.main-banner .banner-content a {display: flex; height: 100%; margin: unset; padding: 32px 32px 24px; flex-direction: column; justify-content: flex-end; -webkit-user-drag: none; user-select: none;}
.main-banner .banner-content .banner-category { font-size: 15px; line-height: 22.5px; letter-spacing: -0.6px; color: var(--white); white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.main-banner .banner-content .banner-title { margin-top: 10px; font-size: 32px; font-weight: 700; line-height: 42.88px; letter-spacing: -1.28px; color: var(--white); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all;}
.main-banner .banner-content .banner-more-btn { align-self: flex-start; font-size: 15px; display: block; height: 40px; line-height: 40px; margin-top: 10px; letter-spacing: -0.6px; color: var(--white); }
.main-banner .banner-content > * { margin: 0 32px; }

/* ---- aside 메뉴 ---- */
.main-aside { background: var(--gray-800); border-radius: var(--radius-16); grid-column: 2; grid-row: 1 / span 2; }

/* ---- aside 로그인 ---- */
.main-aside .login-wrap #id-login { text-align: center; }
.main-aside .login-wrap #id-login,
.main-aside .login-wrap #paybook-login { padding: 72px 24px 32px; }
.main-aside .login-wrap .login-btn { margin-top: 72px; }

/* ---- aside 유저 영역 ---- */
.main-aside .user-service-wrap { padding: 20px 20px 32px 20px; }
.main-aside .user-info-wrap { display: flex; align-items: center; justify-content: space-between; padding: 24px 24px 19px 24px; border-bottom: 1px solid var(--alpha-wt5); }
.main-aside .user-info-wrap .user-name { font-size: 18px; font-weight: 600; line-height: 27px; letter-spacing: -0.72px; color: var(--white); }
.main-aside .user-info-wrap .logout-btn { border-bottom: 1px solid rgba(150, 157, 171, 0.70); font-size: 15px; line-height: 22.5px; letter-spacing: -0.6px; color: var(--gray-200); }
.main-aside .user-wrap { display: none; }
.main-aside .user-wrap .recommend-title { display:block; margin-bottom: 12px; font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: -0.64px; color: var(--white); }
.main-aside .user-wrap .recommend-benefit .recommend-item {padding: 0 20px 0 16px;}
.main-aside .user-wrap .recommend-list-wrap { display: flex; padding: 20px 0; flex-direction: column; align-items: flex-start; align-self: stretch; border-radius: 16px; background: var(--gray-700); }
.main-aside .user-wrap .recommend-item { width: 100%; padding: 0 20px 0 24px; }
.main-aside .user-wrap .recommend-item:not(:first-of-type) { padding-top: 24px; }
.main-aside .user-wrap .recommend-item:not(:last-of-type) { padding-bottom: 24px; border-bottom: 1px solid var(--alpha-wt5); }
.main-aside .user-wrap .recommend-item .link-anchor { position: relative; display: flex; flex-wrap: wrap; align-items: center; }
.main-aside .user-wrap .recommend-item .link-anchor::after { content: ''; width: 16px; height: 16px; position: absolute; right: 0; top: 50%; background: url('/static/images/home/link-arrow-medium.svg') no-repeat center; background-size: contain; transform: translate(0, -50%); }
.main-aside .user-wrap .recommend-item .item-label { padding: 3px 4px; border-radius: var(--radius-4); background-color: var(--gray-400); text-align: center; font-size: 10px; font-weight: 600; line-height: 10px; letter-spacing: -0.2px; color: var(--white); }
.main-aside .user-wrap .recommend-item .item-label.on { background-color: var(--point-600); }
.main-aside .user-wrap .recommend-item .item-label + .item-title { margin-left: 12px; }
.main-aside .user-wrap .recommend-item .item-title { padding-right: 22px; flex: 1 0 100%; font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: -0.64px; color: var(--white); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.main-aside .user-wrap .recommend-item .item-desc { padding-right: 22px; flex: 1 0 100%; font-size: 15px; line-height: 23px; letter-spacing: -0.6px; color: var(--gray-100);  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.main-aside .user-wrap .recommend-item .item-title + .item-desc { margin-top: 2px; }

/* ---- aside 혜택 ---- */
.main-aside .user-wrap .recommend-benefit .recommend-list-wrap{padding: 20px 0;}
.main-aside .user-wrap .recommend-benefit .recommend-list-wrap .recommend-item .link-anchor .ico {flex-shrink: 0; width: 48px; height: 48px; border-radius: 50%; background: #151515; margin-right: 12px; position: relative;}
.main-aside .user-wrap .recommend-benefit .recommend-list-wrap .recommend-item .link-anchor .ico::before {content: ''; width: 24px; height: 24px; position:absolute; top: 50%; left: 50%; background-size: contain; transform: translate(-50%, -50%); background-color: var(--white);}
.main-aside .user-wrap .recommend-benefit .recommend-list-wrap .recommend-item .link-anchor div.txt {flex: 1 0 calc(100% - 60px); overflow: hidden;}
.main-aside .user-wrap .recommend-benefit .recommend-list-wrap .recommend-item .link-anchor div.txt > * {display: block; width: 100%;}
.main-aside .user-wrap .recommend-benefit .recommend-list-wrap .recommend-item.company .link-anchor .ico::before { -webkit-mask: url("/static/images/icons/company.svg") no-repeat center; mask: url("/static/images/icons/company.svg") no-repeat center;}
.main-aside .user-wrap .recommend-benefit .recommend-list-wrap .recommend-item.music .link-anchor .ico::before { -webkit-mask: url("/static/images/icons/music.svg") no-repeat center; mask: url("/static/images/icons/music.svg") no-repeat center;}
.main-aside .user-wrap .recommend-benefit .recommend-list-wrap .recommend-item.headphones .link-anchor .ico::before { -webkit-mask: url("/static/images/icons/headphones.svg") no-repeat center; mask: url("/static/images/icons/headphones.svg") no-repeat center;}
.main-aside .user-wrap .recommend-benefit .recommend-list-wrap .recommend-item.gift .link-anchor .ico::before { -webkit-mask: url("/static/images/icons/gift.svg") no-repeat center; mask: url("/static/images/icons/gift.svg") no-repeat center;}
.main-aside .user-wrap .recommend-benefit .recommend-list-wrap .recommend-item.airplane .link-anchor .ico::before { -webkit-mask: url("/static/images/icons/airplane.svg") no-repeat center; mask: url("/static/images/icons/airplane.svg") no-repeat center;}
.main-aside .user-wrap .recommend-benefit .recommend-list-wrap .recommend-item.coffee .link-anchor .ico::before { -webkit-mask: url("/static/images/icons/coffee.svg") no-repeat center; mask: url("/static/images/icons/coffee.svg") no-repeat center;}
.main-aside .user-wrap .recommend-benefit .recommend-list-wrap .recommend-item.rentalcar .link-anchor .ico::before { -webkit-mask: url("/static/images/icons/rentalcar.svg") no-repeat center; mask: url("/static/images/icons/rentalcar.svg") no-repeat center;}
.main-aside .user-wrap .recommend-benefit .recommend-list-wrap .recommend-item.golf .link-anchor .ico::before { -webkit-mask: url("/static/images/icons/golf.svg") no-repeat center; mask: url("/static/images/icons/golf.svg") no-repeat center;}
.main-aside .user-wrap .recommend-benefit .recommend-list-wrap .recommend-item.briefcase .link-anchor .ico::before { -webkit-mask: url("/static/images/icons/briefcase.svg") no-repeat center; mask: url("/static/images/icons/briefcase.svg") no-repeat center;}
.main-aside .user-wrap .recommend-benefit .recommend-list-wrap .recommend-item.car .link-anchor .ico::before { -webkit-mask: url("/static/images/icons/car.svg") no-repeat center; mask: url("/static/images/icons/car.svg") no-repeat center;}
.main-aside .user-wrap .recommend-benefit .recommend-list-wrap .recommend-item.food .link-anchor .ico::before { -webkit-mask: url("/static/images/icons/food.svg") no-repeat center; mask: url("/static/images/icons/food.svg") no-repeat center;}

/* ---- aside 예약/응모 ---- */
.main-aside .user-wrap .recommend-entry { display: none; padding: 0 4px; }
.main-aside .user-wrap .recommend-entry .recommend-item { width: 100%; padding: 0 20px; }
.main-aside .user-wrap .recommend-entry .recommend-item:not(:first-of-type) { padding-top: 16px; }
.main-aside .user-wrap .recommend-entry .recommend-item:not(:last-of-type) { padding-bottom: 16px; border-bottom: 1px solid var(--alpha-wt5); }
.main-aside .user-wrap .recommend-entry .link-anchor { display: flex; flex-wrap:nowrap; align-items: center; width: 100%; box-sizing: border-box; text-decoration: none; position: relative; }
.main-aside .user-wrap .recommend-entry .link-anchor::after { content: ''; width: 12px; height: 12px; background: url('/static/images/home/link-arrow-small.svg') no-repeat center; background-size: contain; margin-left: auto; flex-shrink: 0; }
.main-aside .user-wrap .recommend-entry .item-title { flex: 1; font-size: 16px; line-height: 24px; letter-spacing: -0.64px; color: var(--white); }
.main-aside .user-wrap .recommend-entry .item-label,
.main-aside .user-wrap .recommend-entry .item-title { text-align: left; white-space: nowrap; }

/* ---- aside 바우처 ---- */
.main-aside .user-wrap .recommend-vouche { margin-top: 24px; }
.main-aside .user-wrap .recommend-vouche .recommend-list-wrap { border-radius: var(--radius-16); border: 1px solid var(--white);}

/* ---- aside 카드 추천 ---- */
.main-aside .user-wrap .recommend-card { display: none; }
.main-aside .user-wrap .recommend-card .recommend-title { margin-bottom: 16px; }
.main-aside .user-wrap .recommend-card .feature-card-wrap { position: relative; display: flex; gap: 16px; padding: 21px 20px; background-color: var(--gray-700); border-radius: var(--radius-16); outline: 1px solid var(--white); outline-offset: -1px; }
.main-aside .user-wrap .recommend-card .feature-card-wrap::after { content: ''; width: 16px; height: 16px; position: absolute; right: 20px; top: 50%; background: url('/static/images/home/link-arrow-medium.svg') no-repeat center; background-size: contain; transform: translate(0, -50%); }
.main-aside .user-wrap .recommend-card .card-info { display: flex; flex-direction: column; align-items: flex-start; overflow: hidden;}
.main-aside .user-wrap .recommend-card .card-desc { padding-right: 22px; font-size: 15px; line-height: 23px; letter-spacing: -0.6px; color: var(--gray-100); width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main-aside .user-wrap .recommend-card .card-title { padding-right: 22px; margin-top: 2px; font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: -0.64px; color: var(--white);  width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main-aside .user-wrap .recommend-card .card-membership { padding-right: 22px; margin-top: 2px; font-size: 15px; line-height: 23px; letter-spacing: -0.6px; color: var(--gray-100); width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main-aside .user-wrap .recommend-card .recommend-list-wrap { padding: 24px 0; border-top-left-radius: 0; border-top-right-radius: 0; }

/* ---- aside 퀵메뉴 ---- */
.main-aside .quick-menu-wrap { padding: 31px 12px 40px; border-top: 1px solid var(--alpha-wt5); }
.main-aside .quick-menu-wrap .quick-menu-list { display: flex; flex-wrap: wrap; gap: 32px 1px; padding: 0; list-style: none; }
.main-aside .quick-menu-wrap .menu-item { position: relative; width: calc(33.333% - 1px); box-sizing: border-box; text-align: center; }
.main-aside .quick-menu-wrap .menu-item:not(:nth-child(3n))::after { content: ''; width: 1px; height: 12px; position:absolute; bottom: 4px; right: -1px; background-color: var(--alpha-wt5);}
.main-aside .quick-menu-wrap .link-anchor { display:block; position: relative; padding-top: 36px; }
.main-aside .quick-menu-wrap .link-anchor::before { content: ''; width: 24px; height: 24px; position:absolute; top: 0; left: 50%; background-size: contain; transform: translate(-50%, 0); background-color: var(--white); }
.main-aside .quick-menu-wrap .menu-item .menu-title { font-size: 15px; font-weight: 400; line-height: 23px/*22.5*/; letter-spacing: -0.6px; color: var(--gray-60); }
.main-aside .quick-menu-wrap .gift .link-anchor::before {  -webkit-mask: url("/static/images/icons/gift.svg") no-repeat center; mask: url("/static/images/icons/gift.svg") no-repeat center; }
.main-aside .quick-menu-wrap .food .link-anchor::before { -webkit-mask: url("/static/images/icons/food.svg") no-repeat center; mask: url("/static/images/icons/food.svg") no-repeat center; }
.main-aside .quick-menu-wrap .airplane .link-anchor::before { -webkit-mask: url("/static/images/icons/airplane.svg") no-repeat center; mask: url("/static/images/icons/airplane.svg") no-repeat center; }
.main-aside .quick-menu-wrap .golf .link-anchor::before { -webkit-mask: url("/static/images/icons/golf.svg") no-repeat center; mask: url("/static/images/icons/golf.svg") no-repeat center; }
.main-aside .quick-menu-wrap .music .link-anchor::before { -webkit-mask: url("/static/images/icons/music.svg") no-repeat center; mask: url("/static/images/icons/music.svg") no-repeat center; }
.main-aside .quick-menu-wrap .car .link-anchor::before { -webkit-mask: url("/static/images/icons/car.svg") no-repeat center; mask: url("/static/images/icons/car.svg") no-repeat center; }
.main-aside .quick-menu-wrap .briefcase .link-anchor::before { -webkit-mask: url("/static/images/icons/briefcase.svg") no-repeat center; mask: url("/static/images/icons/briefcase.svg") no-repeat center; }
.main-aside .quick-menu-wrap.no-service { border-top: none; }

/* ---- 메인 컨텐츠 스와이프 ---- */
.main-content { margin-top: 40px; grid-column: 1; }
.main-content .main-swiper-list { position: relative; overflow: hidden; max-width: 792px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.main-content .main-swiper-list:not(:first-of-type) { margin-top: 40px; }
.main-content .main-swiper-list:not(:last-of-type) { padding-bottom: 40px; border-bottom: 1px solid var(--alpha-wt5); }  
.main-content .main-swiper-list .swiper { width: 100%; margin-top: 16px; position: static; touch-action: pan-y;}
.main-content .main-swiper-list .swiper a {-webkit-user-drag: none; user-select: none;}
.main-content .main-swiper-list .swiper-navigation { display: flex; justify-content: space-between; align-items: center; width: 56px; height: 38px; position:absolute; top:0; right:0; z-index:10; }
.main-content .main-swiper-list .swiper-button { width: 24px; height: 24px; }
.main-content .main-swiper-list .swiper-button::after { content: ''; position: absolute; width: 24px; height: 24px; -webkit-mask: url("/static/images/icons/chevron-left.svg") no-repeat center; mask: url("/static/images/icons/chevron-left.svg") no-repeat center; background-color: var(--white); transform: translate(-50%, -50%); }
.main-content .main-swiper-list .swiper-button.swiper-button-disabled { opacity: 0.4; background-color:transparent; }
.main-content .main-swiper-list .next::after { transform: translate(-50%, -50%) rotate(180deg); }
.main-content .main-swiper-list .list-title { position: relative; font-size: 28px; font-weight: 700; line-height: 37.52px; letter-spacing: -1.12px; color: var(--white); }
.main-content .main-swiper-list .list-title a::after { content: ''; position: absolute; width:24px; height:24px; -webkit-mask: url("/static/images/icons/chevron-left.svg") no-repeat center; mask: url("/static/images/icons/chevron-left.svg") no-repeat center; background-color: var(--white); top: 50%; transform: translate(0, -50%) rotate(180deg); }
.main-content .main-swiper-list .slide-img { overflow: hidden; border-radius: var(--radius-8);}
.main-content .main-swiper-list .slide-img img { display: block; transition: transform 0.3s; -webkit-user-drag: none; user-select: none;}
.main-content .main-swiper-list .slide-info { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin-top: 16px; }
.main-content .main-swiper-list .slide-info .slide-title { width: 100%; font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: -0.64px; color: var(--white); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main-content .main-swiper-list .slide-info .slide-desc { margin-top: 1px; width: 100%; font-size: 14px; line-height: 22px; letter-spacing: -0.56px; color: var(--gray-200); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main-content .main-swiper-list .slide-info .slide-label { display: flex; gap: 2px; margin-top: 4px; }
.main-content .main-swiper-list .webzine .slide-info { margin-top: 15px; }

@media (hover: hover) and (pointer: fine) {
  .main-content .main-swiper-list .swiper-button:hover {
      background-color: var(--alpha-wt10);
  }

  .main-content .main-swiper-list .swiper-slide:hover img {
      transform: scale(1.05);
  }
}

@media (max-width: 1023px) {
  .container { padding: 0; }
  .content.main { display: block; margin-top: 0; }

  /* ---- 메인 배너 ---- */
  .main-banner { max-width: 100%; border-radius: 0; }
  .main-banner .swiper-button:hover { background: var(--alpha-wt10); }

  /* ---- aside 메뉴 ---- */
  .main-aside { grid-row: auto; border-radius: 0; }
  .main-aside .login-wrap { display: none; }

  /* ---- 메인 컨텐츠 스와이프 ---- */
  .main-content .main-swiper-list { max-width: 100%; }
  .main-content .main-swiper-list .swiper-button:hover { background-color: transparent; }

  .main-content .main-swiper-list .swiper-navigation {display: none;}
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* ---- 메인 컨텐츠 스와이프 ---- */
  .main-content { padding: 0 24px; }
  .main-content .main-swiper-list:not(:first-of-type) { margin-top: 38px; }
  .main-content .main-swiper-list:not(:last-of-type) { padding-bottom: 38px; }  
  .main-content .main-swiper-list .slide-img img { width: 100%; }
}

@media (max-width: 767px) {
  /* ---- 메인 배너 ---- */
  .main-banner{display: block;}
  .main-banner .bnr-image{width: 100%;}
  .main-banner .bnr-text{position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: auto;}
  .main-banner .bnr-text .item {height: unset;}
  .main-banner .swiper-slide { position: relative; flex-direction: column; }
  .main-banner .swiper-navigation{ right: 24px; }
  .main-banner .banner-thumbnail { width: 100%; }
  .main-banner .main-banner-pagination { left: 24px; }
  .main-banner .banner-content a {padding: 0 24px 24px;}
  .main-banner .banner-content > * { margin: 0; }
  .main-banner .banner-content .banner-category {padding-right: 24px; font-size: 16px; line-height: 24px; letter-spacing: -0.64px; color: var(--white); }
  .main-banner .banner-content .banner-title {padding-right: 24px; margin-top: 10px; font-size: 32px; font-weight: 700; line-height: 42.88px; letter-spacing: -1.28px; color: var(--white);}
  .main-banner .banner-content .banner-more-btn { font-size: 16px; letter-spacing: -0.64px;}

  /* ---- 퀵메뉴 ---- */
  .main-aside .quick-menu-wrap { padding: 31px 12px 40px; }

  /* ---- 메인 컨텐츠 스와이프 ---- */
  .main-content { padding: 0; }
  .main-content .main-swiper-list:not(:last-of-type) { border-color: var(--gray-900); }
  .main-content .main-swiper-list .list-title {display: block; width: 100%; position: relative; font-size: 24px; font-weight: 700; line-height: 36px; letter-spacing: -0.96px; color: var(--white); }
  .main-content .main-swiper-list .slide-info .slide-title { font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: -0.64px; color: var(--white); }
  .main-content .main-swiper-list .slide-info .slide-desc { margin-top: 1px; font-size: 14px; line-height: 22px; letter-spacing: -0.56px; color: var(--gray-200); }
  .main-content .main-swiper-list .slide-info .slide-label .label-item { font-size: 10px; font-weight: 700; line-height: 11px; letter-spacing: 0; color: var(--white); }
  .main-content .main-swiper-list { padding-left: 20px; }
  .main-content .main-swiper-list .swiper {margin-left: -20px; margin-right: -20px; padding-left: 20px; overflow:visible;}
  .main-content .main-swiper-list .swiper-slide { width: 45.5%; max-width: 169px; }
  .main-content .main-swiper-list .swiper-navigation {height: 20px; top: 8px; right: 20px; }
  .main-content .main-swiper-list .swiper-button { width: 20px; height: 20px;}
}

@media (min-width: 768px) {
  .main-content .main-swiper-list .webzine .swiper-wrapper {gap: 0 16px;}
  .main-content .main-swiper-list .webzine .swiper-wrapper .swiper-slide {width: calc((100% - 48px)/4);}
}
@media (min-width: 1023px) {
  .main-content .main-swiper-list .webzine .swiper-wrapper {gap: 0 24px;}
  .main-content .main-swiper-list .webzine .swiper-wrapper .swiper-slide {width: calc((100% - 72px)/4);}
}