From 6fea9cf2eeb7833fd7a6407c39f92f5f4d447fa9 Mon Sep 17 00:00:00 2001 From: "NEW_GIL_HOME\\hyeon" Date: Sun, 1 Feb 2026 16:50:30 +0900 Subject: [PATCH] =?UTF-8?q?refactor:=20test-gil=20=EB=B8=8C=EB=9E=9C?= =?UTF-8?q?=EC=B9=98=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/style.css | 2239 ++++++++++++++++++++++++++------------ assets/css/style.css.map | 13 +- assets/css/style.scss | 1577 ++++++++++++++------------- index.html | 353 +++--- 4 files changed, 2501 insertions(+), 1681 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index c821c72..ae3afe6 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -4,27 +4,29 @@ *, *::before, *::after { - margin: 0; - padding: 0; - box-sizing: border-box; - box-sizing: border-box; - box-sizing: border-box; - box-sizing: border-box; + margin: 0; + padding: 0; + box-sizing: border-box; + box-sizing: border-box; + box-sizing: border-box; + box-sizing: border-box; } html, body { - height: 100%; - font-family: "Noto Sans KR", serif; - font-weight: 400; - font-size: 16px; - line-height: 1.5; - color: #111; - text-size-adjust: none; - box-sizing: border-box; - box-sizing: border-box; - box-sizing: border-box; - box-sizing: border-box; + height: 100%; + font-family: "Noto Sans KR", serif; + font-weight: 400; + font-size: 16px; + line-height: 1.5; + color: #111; + text-size-adjust: none; + text-size-adjust: none; + text-size-adjust: none; + box-sizing: border-box; + box-sizing: border-box; + box-sizing: border-box; + box-sizing: border-box; } address, @@ -40,20 +42,20 @@ hgroup, menu, nav, section { - display: block\9 ; - margin: 0\9 ; - padding: 0\9 ; + display: block\9; + margin: 0\9; + padding: 0\9; } hr { - display: none; + display: none; } caption { - overflow: hidden; - height: 0; - font-size: 0; - line-height: 0; + overflow: hidden; + height: 0; + font-size: 0; + line-height: 0; } h1, @@ -62,13 +64,13 @@ h3, h4, h5, h6 { - font-weight: 700; + font-weight: 700; } img { - max-width: 100%; - border: none; - vertical-align: middle; + max-width: 100%; + border: none; + vertical-align: middle; } ol, @@ -77,50 +79,50 @@ li, dl, dt, dd { - list-style: none; + list-style: none; } table { - table-layout: fixed; - width: 100%; - border: 0; - border-spacing: 0; - border-collapse: collapse; + table-layout: fixed; + width: 100%; + border: 0; + border-spacing: 0; + border-collapse: collapse; } th, td { - border: 0; - word-break: break-all; - white-space: normal; + border: 0; + word-break: break-all; + white-space: normal; } th { - font-weight: normal; + font-weight: normal; } fieldset { - width: 100%; - border: 0; + width: 100%; + border: 0; } legend { - display: none; + display: none; } frameset { - border: 0; + border: 0; } iframe { - width: 100%; - border: 0; + width: 100%; + border: 0; } em, address, i { - font-style: normal; + font-style: normal; } button, @@ -128,242 +130,1052 @@ a, input, label, textarea { - font-family: "Noto Sans KR", serif; - vertical-align: middle; + font-family: "Noto Sans KR", serif; + vertical-align: middle; } input { - height: 2.8125rem; - padding: 0 1rem; - border: 1px solid #eef0f4; - background-color: #eef0f4; - color: #333; - font-weight: 400; - border-radius: 0.25rem; + height: 2.8125rem; + padding: 0 1rem; + border: 1px solid #eef0f4; + background-color: #eef0f4; + color: #333; + font-weight: 400; + border-radius: 0.25rem; } textarea { - padding: 1rem; - border: 1px solid #dadbdd; - color: #222; - font-weight: 400; + padding: 1rem; + border: 1px solid #dadbdd; + color: #222; + font-weight: 400; } input:focus { - border: 1px solid #858585; - background-color: #fff; + border: 1px solid #858585; + background-color: #fff; } input[readonly] { - background-color: #e4e6e9; + background-color: #e4e6e9; } input:disabled { - background-color: #e4e6e9; - color: #b9b9b9; + background-color: #e4e6e9; + color: #b9b9b9; } select { - height: 2.8125rem; - padding: 0 0 0 1rem; - border: 1px solid #dadbdd; - font-size: 0.8125rem; - color: #222; - font-weight: 400; - vertical-align: middle; + height: 2.8125rem; + padding: 0 0 0 1rem; + border: 1px solid #dadbdd; + font-size: 0.8125rem; + color: #222; + font-weight: 400; + vertical-align: middle; } select option { - color: #999; + color: #999; } button { - overflow: visible; - outline: none; - font-weight: 500; - background: none; - cursor: pointer; - border: 0; + overflow: visible; + outline: none; + font-weight: 500; + background: none; + cursor: pointer; + border: 0; } button::-moz-focus-inner { - padding: 0; + padding: 0; } ::-ms-clear { - display: none !important; - width: 0; - height: 0; + display: none !important; + width: 0; + height: 0; } ::-ms-reveal { - display: none; + display: none; } a { - text-decoration: none; + text-decoration: none; +} + +/** + * Swiper 11.1.15 + * Most modern mobile touch slider and framework with hardware accelerated transitions + * https://swiperjs.com + * + * Copyright 2014-2024 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: November 18, 2024 + */ +@font-face { + font-family: swiper-icons; + src: url("data:application/font-woff;charset=utf-8;base64, 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"); + font-weight: 400; + font-style: normal; +} + +:root { + --swiper-theme-color: #007aff; } :host { - position: relative; - display: block; - margin-left: auto; - margin-right: auto; - z-index: 1; + position: relative; + display: block; + margin-left: auto; + margin-right: auto; + z-index: 1; } .swiper { - margin-left: auto; - margin-right: auto; - position: relative; - overflow: hidden; - list-style: none; - padding: 0; - - /* Fix of Webkit flickering */ - z-index: 1; - display: block; + margin-left: auto; + margin-right: auto; + position: relative; + overflow: hidden; + list-style: none; + padding: 0; + z-index: 1; + display: block; } .swiper-vertical > .swiper-wrapper { - flex-direction: column; + flex-direction: column; } .swiper-wrapper { - position: relative; - width: 100%; - height: 100%; - z-index: 1; - display: flex; - transition-property: transform; - transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); - box-sizing: content-box; + position: relative; + width: 100%; + height: 100%; + z-index: 1; + display: flex; + transition-property: transform; + transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); + box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { - transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } .swiper-horizontal { - touch-action: pan-y; + touch-action: pan-y; } .swiper-vertical { - touch-action: pan-x; + touch-action: pan-x; } .swiper-slide { - flex-shrink: 0; - width: 100%; - height: 100%; - position: relative; - transition-property: transform; - display: block; + flex-shrink: 0; + width: 100%; + height: 100%; + position: relative; + transition-property: transform; + display: block; } .swiper-slide-invisible-blank { - visibility: hidden; + visibility: hidden; +} + +.swiper-autoheight, +.swiper-autoheight .swiper-slide { + height: auto; +} + +.swiper-autoheight .swiper-wrapper { + align-items: flex-start; + transition-property: transform, height; +} + +.swiper-backface-hidden .swiper-slide { + transform: translateZ(0); + backface-visibility: hidden; + backface-visibility: hidden; + backface-visibility: hidden; +} + +.swiper-3d.swiper-css-mode .swiper-wrapper { + perspective: 1200px; +} + +.swiper-3d .swiper-wrapper { + transform-style: preserve-3d; +} + +.swiper-3d { + perspective: 1200px; +} + +.swiper-3d .swiper-cube-shadow, +.swiper-3d .swiper-slide { + transform-style: preserve-3d; +} + +.swiper-css-mode > .swiper-wrapper { + overflow: auto; + scrollbar-width: none; + -ms-overflow-style: none; +} + +.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { + display: none; +} + +.swiper-css-mode > .swiper-wrapper > .swiper-slide { + scroll-snap-align: start start; +} + +.swiper-css-mode.swiper-horizontal > .swiper-wrapper { + scroll-snap-type: x mandatory; +} + +.swiper-css-mode.swiper-vertical > .swiper-wrapper { + scroll-snap-type: y mandatory; +} + +.swiper-css-mode.swiper-free-mode > .swiper-wrapper { + scroll-snap-type: none; +} + +.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { + scroll-snap-align: none; +} + +.swiper-css-mode.swiper-centered > .swiper-wrapper::before { + content: ""; + flex-shrink: 0; + order: 9999; +} + +.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { + scroll-snap-align: center center; + scroll-snap-stop: always; +} + +.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { + -webkit-margin-start: var(--swiper-centered-offset-before); + margin-inline-start: var(--swiper-centered-offset-before); +} + +.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { + height: 100%; + min-height: 1px; + width: var(--swiper-centered-offset-after); +} + +.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { + -webkit-margin-before: var(--swiper-centered-offset-before); + margin-block-start: var(--swiper-centered-offset-before); +} + +.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { + width: 100%; + min-width: 1px; + height: var(--swiper-centered-offset-after); +} + +.swiper-3d .swiper-slide-shadow, +.swiper-3d .swiper-slide-shadow-bottom, +.swiper-3d .swiper-slide-shadow-left, +.swiper-3d .swiper-slide-shadow-right, +.swiper-3d .swiper-slide-shadow-top { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 10; +} + +.swiper-3d .swiper-slide-shadow { + background: rgb(0 0 0 / 15%); +} + +.swiper-3d .swiper-slide-shadow-left { + background-image: linear-gradient(to left, rgb(0 0 0 / 50%), rgb(0 0 0 / 0%)); +} + +.swiper-3d .swiper-slide-shadow-right { + background-image: linear-gradient(to right, rgb(0 0 0 / 50%), rgb(0 0 0 / 0%)); +} + +.swiper-3d .swiper-slide-shadow-top { + background-image: linear-gradient(to top, rgb(0 0 0 / 50%), rgb(0 0 0 / 0%)); +} + +.swiper-3d .swiper-slide-shadow-bottom { + background-image: linear-gradient(to bottom, rgb(0 0 0 / 50%), rgb(0 0 0 / 0%)); +} + +.swiper-lazy-preloader { + width: 42px; + height: 42px; + position: absolute; + left: 50%; + top: 50%; + margin-left: -21px; + margin-top: -21px; + z-index: 10; + transform-origin: 50%; + box-sizing: border-box; + border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); + border-radius: 50%; + border-top-color: transparent; +} + +.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, +.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { + animation: swiper-preloader-spin 1s infinite linear; + animation: swiper-preloader-spin 1s infinite linear; +} + +.swiper-lazy-preloader-white { + --swiper-preloader-color: #fff; +} + +.swiper-lazy-preloader-black { + --swiper-preloader-color: #000; +} + +@keyframes swiper-preloader-spin { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(360deg); + } +} + +@keyframes swiper-preloader-spin { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(360deg); + } +} + +.swiper-virtual .swiper-slide { + backface-visibility: hidden; + backface-visibility: hidden; + transform: translateZ(0); +} + +.swiper-virtual.swiper-css-mode .swiper-wrapper::after { + content: ""; + position: absolute; + left: 0; + top: 0; + pointer-events: none; +} + +.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { + height: 1px; + width: var(--swiper-virtual-size); +} + +.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { + width: 1px; + height: var(--swiper-virtual-size); +} + +:root { + --swiper-navigation-size: 44px; +} + +.swiper-button-next, +.swiper-button-prev { + position: absolute; + top: var(--swiper-navigation-top-offset, 50%); + width: calc(var(--swiper-navigation-size) / 44 * 27); + height: var(--swiper-navigation-size); + margin-top: calc(0px - var(--swiper-navigation-size) / 2); + z-index: 10; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + color: var(--swiper-navigation-color, var(--swiper-theme-color)); +} + +.swiper-button-next.swiper-button-disabled, +.swiper-button-prev.swiper-button-disabled { + opacity: 0.35; + cursor: auto; + pointer-events: none; +} + +.swiper-button-next.swiper-button-hidden, +.swiper-button-prev.swiper-button-hidden { + opacity: 0; + cursor: auto; + pointer-events: none; +} + +.swiper-navigation-disabled .swiper-button-next, +.swiper-navigation-disabled .swiper-button-prev { + display: none !important; +} + +.swiper-button-next svg, +.swiper-button-prev svg { + width: 100%; + height: 100%; + object-fit: contain; + object-fit: contain; + transform-origin: center; +} + +.swiper-rtl .swiper-button-next svg, +.swiper-rtl .swiper-button-prev svg { + transform: rotate(180deg); +} + +.swiper-button-prev, +.swiper-rtl .swiper-button-next { + left: var(--swiper-navigation-sides-offset, 10px); + right: auto; +} + +.swiper-button-next, +.swiper-rtl .swiper-button-prev { + right: var(--swiper-navigation-sides-offset, 10px); + left: auto; +} + +.swiper-button-lock { + display: none; +} + +.swiper-button-next::after, +.swiper-button-prev::after { + font-family: swiper-icons; + font-size: var(--swiper-navigation-size); + text-transform: none !important; + letter-spacing: 0; + font-variant: initial; + line-height: 1; +} + +.swiper-button-prev::after, +.swiper-rtl .swiper-button-next::after { + content: "prev"; +} + +.swiper-button-next, +.swiper-rtl .swiper-button-prev { + right: var(--swiper-navigation-sides-offset, 10px); + left: auto; +} + +.swiper-button-next::after, +.swiper-rtl .swiper-button-prev::after { + content: "next"; +} + +.swiper-pagination { + position: absolute; + text-align: center; + transition: 0.3s opacity; + transform: translate3d(0, 0, 0); + z-index: 10; +} + +.swiper-pagination.swiper-pagination-hidden { + opacity: 0; +} + +.swiper-pagination-disabled > .swiper-pagination, +.swiper-pagination.swiper-pagination-disabled { + display: none !important; +} + +.swiper-horizontal > .swiper-pagination-bullets, +.swiper-pagination-bullets.swiper-pagination-horizontal, +.swiper-pagination-custom, +.swiper-pagination-fraction { + bottom: var(--swiper-pagination-bottom, 8px); + top: var(--swiper-pagination-top, auto); + left: 0; + width: 100%; +} + +.swiper-pagination-bullets-dynamic { + overflow: hidden; + font-size: 0; +} + +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transform: scale(0.33); + position: relative; +} + +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { + transform: scale(1); +} + +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { + transform: scale(1); +} + +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { + transform: scale(0.66); +} + +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { + transform: scale(0.33); +} + +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { + transform: scale(0.66); +} + +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { + transform: scale(0.33); +} + +.swiper-pagination-bullet { + width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); + height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); + display: inline-block; + border-radius: var(--swiper-pagination-bullet-border-radius, 50%); + background: var(--swiper-pagination-bullet-inactive-color, #000); + opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); +} + +button.swiper-pagination-bullet { + border: none; + margin: 0; + padding: 0; + box-shadow: none; + appearance: none; + appearance: none; + appearance: none; + appearance: none; +} + +.swiper-pagination-clickable .swiper-pagination-bullet { + cursor: pointer; +} + +.swiper-pagination-bullet:only-child { + display: none !important; +} + +.swiper-pagination-bullet-active { + opacity: var(--swiper-pagination-bullet-opacity, 1); + background: var(--swiper-pagination-color, var(--swiper-theme-color)); +} + +.swiper-pagination-vertical.swiper-pagination-bullets, +.swiper-vertical > .swiper-pagination-bullets { + right: var(--swiper-pagination-right, 8px); + left: var(--swiper-pagination-left, auto); + top: 50%; + transform: translate3d(0, -50%, 0); +} + +.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, +.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { + margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; + display: block; +} + +.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, +.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + top: 50%; + transform: translateY(-50%); + width: 8px; +} + +.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, +.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + display: inline-block; + transition: 0.2s transform, 0.2s top; +} + +.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, +.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { + margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); +} + +.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, +.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + left: 50%; + transform: translateX(-50%); + white-space: nowrap; +} + +.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, +.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transition: 0.2s transform, 0.2s left; +} + +.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transition: 0.2s transform, 0.2s right; +} + +.swiper-pagination-fraction { + color: var(--swiper-pagination-fraction-color, inherit); +} + +.swiper-pagination-progressbar { + background: var(--swiper-pagination-progressbar-bg-color, rgb(0 0 0 / 25%)); + position: absolute; +} + +.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: var(--swiper-pagination-color, var(--swiper-theme-color)); + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + transform: scale(0); + transform-origin: left top; +} + +.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + transform-origin: right top; +} + +.swiper-horizontal > .swiper-pagination-progressbar, +.swiper-pagination-progressbar.swiper-pagination-horizontal, +.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, +.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { + width: 100%; + height: var(--swiper-pagination-progressbar-size, 4px); + left: 0; + top: 0; +} + +.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, +.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, +.swiper-pagination-progressbar.swiper-pagination-vertical, +.swiper-vertical > .swiper-pagination-progressbar { + width: var(--swiper-pagination-progressbar-size, 4px); + height: 100%; + left: 0; + top: 0; +} + +.swiper-pagination-lock { + display: none; +} + +.swiper-scrollbar { + border-radius: var(--swiper-scrollbar-border-radius, 10px); + position: relative; + touch-action: none; + background: var(--swiper-scrollbar-bg-color, rgb(0 0 0 / 10%)); +} + +.swiper-scrollbar-disabled > .swiper-scrollbar, +.swiper-scrollbar.swiper-scrollbar-disabled { + display: none !important; +} + +.swiper-horizontal > .swiper-scrollbar, +.swiper-scrollbar.swiper-scrollbar-horizontal { + position: absolute; + left: var(--swiper-scrollbar-sides-offset, 1%); + bottom: var(--swiper-scrollbar-bottom, 4px); + top: var(--swiper-scrollbar-top, auto); + z-index: 50; + height: var(--swiper-scrollbar-size, 4px); + width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); +} + +.swiper-scrollbar.swiper-scrollbar-vertical, +.swiper-vertical > .swiper-scrollbar { + position: absolute; + left: var(--swiper-scrollbar-left, auto); + right: var(--swiper-scrollbar-right, 4px); + top: var(--swiper-scrollbar-sides-offset, 1%); + z-index: 50; + width: var(--swiper-scrollbar-size, 4px); + height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); +} + +.swiper-scrollbar-drag { + height: 100%; + width: 100%; + position: relative; + background: var(--swiper-scrollbar-drag-bg-color, rgb(0 0 0 / 50%)); + border-radius: var(--swiper-scrollbar-border-radius, 10px); + left: 0; + top: 0; +} + +.swiper-scrollbar-cursor-drag { + cursor: move; +} + +.swiper-scrollbar-lock { + display: none; +} + +.swiper-zoom-container { + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + text-align: center; +} + +.swiper-zoom-container > canvas, +.swiper-zoom-container > img, +.swiper-zoom-container > svg { + max-width: 100%; + max-height: 100%; + object-fit: contain; + object-fit: contain; +} + +.swiper-slide-zoomed { + cursor: move; + touch-action: none; +} + +.swiper .swiper-notification { + position: absolute; + left: 0; + top: 0; + pointer-events: none; + opacity: 0; + z-index: -1000; +} + +.swiper-free-mode > .swiper-wrapper { + transition-timing-function: ease-out; + margin: 0 auto; +} + +.swiper-grid > .swiper-wrapper { + flex-wrap: wrap; +} + +.swiper-grid-column > .swiper-wrapper { + flex-flow: column wrap; +} + +.swiper-fade.swiper-free-mode .swiper-slide { + transition-timing-function: ease-out; +} + +.swiper-fade .swiper-slide { + pointer-events: none; + transition-property: opacity; +} + +.swiper-fade .swiper-slide .swiper-slide { + pointer-events: none; +} + +.swiper-fade .swiper-slide-active { + pointer-events: auto; +} + +.swiper-fade .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} + +.swiper.swiper-cube { + overflow: visible; +} + +.swiper-cube .swiper-slide { + pointer-events: none; + backface-visibility: hidden; + backface-visibility: hidden; + backface-visibility: hidden; + z-index: 1; + visibility: hidden; + transform-origin: 0 0; + width: 100%; + height: 100%; +} + +.swiper-cube .swiper-slide .swiper-slide { + pointer-events: none; +} + +.swiper-cube.swiper-rtl .swiper-slide { + transform-origin: 100% 0; +} + +.swiper-cube .swiper-slide-active, +.swiper-cube .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} + +.swiper-cube .swiper-slide-active, +.swiper-cube .swiper-slide-next, +.swiper-cube .swiper-slide-prev { + pointer-events: auto; + visibility: visible; +} + +.swiper-cube .swiper-cube-shadow { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 100%; + opacity: 0.6; + z-index: 0; +} + +.swiper-cube .swiper-cube-shadow::before { + content: ""; + background: #000; + position: absolute; + inset: 0; + filter: blur(50px); +} + +.swiper-cube .swiper-slide-next + .swiper-slide { + pointer-events: auto; + visibility: visible; +} + +.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, +.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, +.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, +.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top { + z-index: 0; + backface-visibility: hidden; + backface-visibility: hidden; + backface-visibility: hidden; +} + +.swiper.swiper-flip { + overflow: visible; +} + +.swiper-flip .swiper-slide { + pointer-events: none; + backface-visibility: hidden; + backface-visibility: hidden; + backface-visibility: hidden; + z-index: 1; +} + +.swiper-flip .swiper-slide .swiper-slide { + pointer-events: none; +} + +.swiper-flip .swiper-slide-active, +.swiper-flip .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} + +.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, +.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, +.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, +.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top { + z-index: 0; + backface-visibility: hidden; + backface-visibility: hidden; + backface-visibility: hidden; +} + +.swiper-creative .swiper-slide { + backface-visibility: hidden; + backface-visibility: hidden; + backface-visibility: hidden; + overflow: hidden; + transition-property: transform, opacity, height; +} + +.swiper.swiper-cards { + overflow: visible; +} + +.swiper-cards .swiper-slide { + transform-origin: center bottom; + backface-visibility: hidden; + backface-visibility: hidden; + backface-visibility: hidden; + overflow: hidden; +} + +:host { + position: relative; + display: block; + margin-left: auto; + margin-right: auto; + z-index: 1; +} + +.swiper { + margin-left: auto; + margin-right: auto; + position: relative; + overflow: hidden; + list-style: none; + padding: 0; + + /* Fix of Webkit flickering */ + z-index: 1; + display: block; +} + +.swiper-vertical > .swiper-wrapper { + flex-direction: column; +} + +.swiper-wrapper { + position: relative; + width: 100%; + height: 100%; + z-index: 1; + display: flex; + transition-property: transform; + transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); + box-sizing: content-box; +} + +.swiper-android .swiper-slide, +.swiper-ios .swiper-slide, +.swiper-wrapper { + transform: translate3d(0, 0, 0); +} + +.swiper-horizontal { + touch-action: pan-y; +} + +.swiper-vertical { + touch-action: pan-x; +} + +.swiper-slide { + flex-shrink: 0; + width: 100%; + height: 100%; + position: relative; + transition-property: transform; + display: block; +} + +.swiper-slide-invisible-blank { + visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { - height: auto; + height: auto; } .swiper-autoheight .swiper-wrapper { - align-items: flex-start; - transition-property: transform, height; + align-items: flex-start; + transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { - transform: translateZ(0); - backface-visibility: hidden; - backface-visibility: hidden; + transform: translateZ(0); + backface-visibility: hidden; + backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { - perspective: 1200px; + perspective: 1200px; } .swiper-3d .swiper-wrapper { - transform-style: preserve-3d; + transform-style: preserve-3d; } .swiper-3d { - perspective: 1200px; + perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { - transform-style: preserve-3d; + transform-style: preserve-3d; } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { - overflow: auto; - scrollbar-width: none; /* For Firefox */ - -ms-overflow-style: none; /* For Internet Explorer and Edge */ + overflow: auto; + scrollbar-width: none; /* For Firefox */ + -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { - display: none; + display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { - scroll-snap-align: start start; + scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { - scroll-snap-type: x mandatory; + scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { - scroll-snap-type: y mandatory; + scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { - scroll-snap-type: none; + scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { - scroll-snap-align: none; + scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { - content: ""; - flex-shrink: 0; - order: 9999; + content: ""; + flex-shrink: 0; + order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { - scroll-snap-align: center center; - scroll-snap-stop: always; + scroll-snap-align: center center; + scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { - -webkit-margin-start: var(--swiper-centered-offset-before); - margin-inline-start: var(--swiper-centered-offset-before); + -webkit-margin-start: var(--swiper-centered-offset-before); + margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { - height: 100%; - min-height: 1px; - width: var(--swiper-centered-offset-after); + height: 100%; + min-height: 1px; + width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { - -webkit-margin-before: var(--swiper-centered-offset-before); - margin-block-start: var(--swiper-centered-offset-before); + -webkit-margin-before: var(--swiper-centered-offset-before); + margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { - width: 100%; - min-width: 1px; - height: var(--swiper-centered-offset-after); + width: 100%; + min-width: 1px; + height: var(--swiper-centered-offset-after); } /* Slide styles start */ @@ -379,949 +1191,954 @@ a { .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - pointer-events: none; - z-index: 10; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 10; } .swiper-3d .swiper-slide-shadow { - background: rgb(0 0 0 / 15%); + background: rgb(0 0 0 / 15%); } .swiper-3d .swiper-slide-shadow-left { - background-image: linear-gradient(to left, rgb(0 0 0 / 50%), rgb(0 0 0 / 0%)); + background-image: linear-gradient(to left, rgb(0 0 0 / 50%), rgb(0 0 0 / 0%)); } .swiper-3d .swiper-slide-shadow-right { - background-image: linear-gradient(to right, rgb(0 0 0 / 50%), rgb(0 0 0 / 0%)); + background-image: linear-gradient(to right, rgb(0 0 0 / 50%), rgb(0 0 0 / 0%)); } .swiper-3d .swiper-slide-shadow-top { - background-image: linear-gradient(to top, rgb(0 0 0 / 50%), rgb(0 0 0 / 0%)); + background-image: linear-gradient(to top, rgb(0 0 0 / 50%), rgb(0 0 0 / 0%)); } .swiper-3d .swiper-slide-shadow-bottom { - background-image: linear-gradient(to bottom, rgb(0 0 0 / 50%), rgb(0 0 0 / 0%)); + background-image: linear-gradient(to bottom, rgb(0 0 0 / 50%), rgb(0 0 0 / 0%)); } .swiper-lazy-preloader { - width: 42px; - height: 42px; - position: absolute; - left: 50%; - top: 50%; - margin-left: -21px; - margin-top: -21px; - z-index: 10; - transform-origin: 50%; - box-sizing: border-box; - border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); - border-radius: 50%; - border-top-color: transparent; + width: 42px; + height: 42px; + position: absolute; + left: 50%; + top: 50%; + margin-left: -21px; + margin-top: -21px; + z-index: 10; + transform-origin: 50%; + box-sizing: border-box; + border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); + border-radius: 50%; + border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { - animation: swiper-preloader-spin 1s infinite linear; - animation: swiper-preloader-spin 1s infinite linear; + animation: swiper-preloader-spin 1s infinite linear; + animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { - --swiper-preloader-color: #fff; + --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { - --swiper-preloader-color: #000; + --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { - 0% { - transform: rotate(0deg); - } + 0% { + transform: rotate(0deg); + } - 100% { - transform: rotate(360deg); - } -} - -@keyframes swiper-preloader-spin { - 0% { - transform: rotate(0deg); - } - - 100% { - transform: rotate(360deg); - } + 100% { + transform: rotate(360deg); + } } /* Slide styles end */ .layer-wrap { - overflow-y: auto; - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: #f3f4f9; + overflow-y: auto; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: #f3f4f9; } .layer-wrap .layer-header { - display: flex; - justify-content: flex-start; - align-items: center; - position: fixed; - top: 0; - left: 0; - z-index: 10; - width: 100%; - height: 3.75rem; - padding: 0 0.625rem; - background-color: #fff; - border-bottom: 1px solid #c8c8c8; + display: flex; + justify-content: flex-start; + align-items: center; + position: fixed; + top: 0; + left: 0; + z-index: 10; + width: 100%; + height: 3.75rem; + padding: 0 0.625rem; + background-color: #fff; + border-bottom: 1px solid #c8c8c8; } .layer-wrap .layer-header .header-title { - font-size: 1.25rem; - font-weight: 600; - color: #000; + font-size: 1.25rem; + font-weight: 600; + color: #000; } .layer-wrap .layer-header .btn-back { - position: relative; - width: 1.875rem; - height: 1.875rem; + position: relative; + width: 1.875rem; + height: 1.875rem; } .layer-wrap .layer-header .btn-back::before { - position: absolute; - top: 30%; - left: 40%; - content: ""; - width: 0.75rem; - height: 0.75rem; - border-top: 0.125rem solid #000; - border-right: 0.125rem solid #000; - transform: rotate(225deg); + position: absolute; + top: 30%; + left: 40%; + content: ""; + width: 0.75rem; + height: 0.75rem; + border-top: 0.125rem solid #000; + border-right: 0.125rem solid #000; + transform: rotate(225deg); } .layer-wrap .layer-header .btn-back em { - display: block; - text-indent: -9999em; + display: block; + text-indent: -9999em; } .layer-wrap .layer-header .btn-close { - position: absolute; - top: 50%; - right: 1.25rem; - transform: translateY(-50%); - width: 1.625rem; - height: 1.625rem; - background: url("../images/ico_close.png") no-repeat center/100% auto; + position: absolute; + top: 50%; + right: 1.25rem; + transform: translateY(-50%); + width: 1.625rem; + height: 1.625rem; + background: url("../images/ico_close.png") no-repeat center/100% auto; } .layer-wrap .layer-header .btn-close em { - display: block; - text-indent: -9999em; + display: block; + text-indent: -9999em; } .layer-wrap .layer-container { - padding: 3.75rem 0 0; + padding: 3.75rem 0 0; } .layer-wrap .layer-container .layer-content-header { - padding: 1rem; - border-radius: 0 0 1.875rem 1.875rem; - background-color: #fff; + padding: 1rem; + border-radius: 0 0 1.875rem 1.875rem; + background-color: #fff; } .layer-wrap .layer-container .layer-content-header .point-area { - position: relative; - height: 8.125rem; - padding: 0 1.25rem; - background: url("../images/ico_point.png") no-repeat 95% 50%/4.5rem auto; + position: relative; + height: 8.125rem; + padding: 0 1.25rem; + background: url("../images/ico_point.png") no-repeat 95% 50%/4.5rem auto; } .layer-wrap .layer-container .layer-content-header .point-area dt { - font-size: 1.125rem; - font-weight: 500; - color: #000; + font-size: 1.125rem; + font-weight: 500; + color: #000; } .layer-wrap .layer-container .layer-content-header .point-area dt span { - margin-left: 0.25rem; - font-size: 0.625rem; - color: #6b6b6b; - font-weight: 400; + margin-left: 0.25rem; + font-size: 0.625rem; + color: #6b6b6b; + font-weight: 400; } .layer-wrap .layer-container .layer-content-header .point-area dd { - font-size: 1.625rem; - font-weight: 500; - color: #000; - letter-spacing: -0.04rem; + font-size: 1.625rem; + font-weight: 500; + color: #000; + letter-spacing: -0.04rem; } .layer-wrap .layer-container .layer-content-header .point-area dd strong { - font-size: 2rem; - font-weight: 700; + font-size: 2rem; + font-weight: 700; } .layer-wrap .layer-container .layer-content-header .point-area .btn-useage { - display: flex; - justify-content: flex-start; - align-items: center; - position: absolute; - top: 0; - right: 1.25rem; + display: flex; + justify-content: flex-start; + align-items: center; + position: absolute; + top: 0; + right: 1.25rem; } .layer-wrap .layer-container .layer-content-header .point-area .btn-useage em { - display: block; - color: #666; - font-size: 0.875rem; - font-weight: 400; - border-bottom: 1px solid #666; + display: block; + color: #666; + font-size: 0.875rem; + font-weight: 400; + border-bottom: 1px solid #666; } .layer-wrap .layer-container .layer-content-header .point-area .btn-useage::before { - content: ""; - display: block; - width: 0.875rem; - height: 0.875rem; - margin-right: 0.25rem; - background: url("../images/ico_info.png") no-repeat center/100% auto; + content: ""; + display: block; + width: 0.875rem; + height: 0.875rem; + margin-right: 0.25rem; + background: url("../images/ico_info.png") no-repeat center/100% auto; } .layer-wrap .layer-container .layer-content-header .btn-txt-arr { - display: flex; - justify-content: flex-start; - align-items: center; - border-bottom: 1px solid #6b6b6b; - color: #6b6b6b; - font-size: 0.625rem; - font-weight: 400; + display: flex; + justify-content: flex-start; + align-items: center; + border-bottom: 1px solid #6b6b6b; + color: #6b6b6b; + font-size: 0.625rem; + font-weight: 400; } .layer-wrap .layer-container .layer-content-header .btn-txt-arr::after { - content: ""; - display: block; - width: 0.5rem; - height: 0.5rem; - margin-left: 0.25rem; - background: url("../images/ico_arrow_r2.png") no-repeat center/100% auto; + content: ""; + display: block; + width: 0.5rem; + height: 0.5rem; + margin-left: 0.25rem; + background: url("../images/ico_arrow_r2.png") no-repeat center/100% auto; } .layer-wrap .layer-container .layer-content-header .btn-area { - display: flex; - justify-content: space-between; - align-items: flex-start; - column-gap: 0.5rem; - column-gap: 0.5rem; + display: flex; + justify-content: space-between; + align-items: flex-start; + column-gap: 0.5rem; + column-gap: 0.5rem; } .layer-wrap .layer-container .layer-content-header .btn-area > * { - flex: 1; - display: flex; - justify-content: space-between; - align-items: center; - height: 4.75rem; - padding: 0.875rem; - font-size: 1rem; - color: #fff; - font-weight: 500; - border-radius: 1rem; - text-align: left; + flex: 1; + display: flex; + justify-content: space-between; + align-items: center; + height: 4.75rem; + padding: 0.875rem; + font-size: 1rem; + color: #fff; + font-weight: 500; + border-radius: 1rem; + text-align: left; } .layer-wrap .layer-container .layer-content-header .btn-area .btn-discount { - position: relative; - background-color: #e30084; + position: relative; + background-color: #e30084; } .layer-wrap .layer-container .layer-content-header .btn-area .btn-discount .btn-switch { - display: flex; - justify-content: flex-end; - align-items: center; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - padding-right: 0.875rem; - cursor: pointer; + display: flex; + justify-content: flex-end; + align-items: center; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + padding-right: 0.875rem; + cursor: pointer; } .layer-wrap .layer-container .layer-content-header .btn-area .btn-point-use { - background-color: #1e1a3a; + background-color: #1e1a3a; } .layer-wrap .layer-container .layer-content-header .btn-area .btn-point-use::after { - content: ""; - display: block; - width: 1.625rem; - height: 1.625rem; - background: url("../images/ico_arrow_r.png") no-repeat center/100% auto; + content: ""; + display: block; + width: 1.625rem; + height: 1.625rem; + background: url("../images/ico_arrow_r.png") no-repeat center/100% auto; } .layer-wrap .layer-container .layer-content { - padding: 1.375rem 1rem 1rem; + padding: 1.375rem 1rem 1rem; } .layer-wrap .layer-container .layer-content .category-area { - overflow: hidden; - position: relative; - padding-right: 2.75rem; - margin-bottom: 1rem; + overflow: hidden; + position: relative; + padding-right: 2.75rem; + margin-bottom: 1rem; } .layer-wrap .layer-container .layer-content .category-area::after { - content: ""; - display: block; - position: absolute; - top: 0; - right: 0; - z-index: 1; - width: 3.875rem; - height: 100%; - background: rgb(243 244 249); - background: linear-gradient(90deg, rgb(243 244 249 / 0%) 0%, rgb(243 244 249) 40%); + content: ""; + display: block; + position: absolute; + top: 0; + right: 0; + z-index: 1; + width: 3.875rem; + height: 100%; + background: rgb(243 244 249); + background: linear-gradient(90deg, rgb(243 244 249 / 0%) 0%, rgb(243 244 249) 40%); } .layer-wrap .layer-container .layer-content .category-area .btn-cate { - display: flex; - justify-content: center; - align-items: center; - height: 2.25rem; - padding: 0 0.75rem; - font-size: 1rem; - color: #7a7d87; - font-weight: 400; - background-color: #e4e7ee; - border-radius: 1.125rem; + display: flex; + justify-content: center; + align-items: center; + height: 2.25rem; + padding: 0 0.75rem; + font-size: 1rem; + color: #7a7d87; + font-weight: 400; + background-color: #e4e7ee; + border-radius: 1.125rem; } .layer-wrap .layer-container .layer-content .category-area .btn-cate.active { - color: #fff; - background-color: #1e1a3a; + color: #fff; + background-color: #1e1a3a; } .layer-wrap .layer-container .layer-content .category-area .btn-more { - display: block; - position: absolute; - top: 50%; - right: 0; - z-index: 2; - transform: translateY(-50%); - width: 1.875rem; - height: 1.875rem; - background: url("../images/btn_more.png") no-repeat center/100% auto; + display: block; + position: absolute; + top: 50%; + right: 0; + z-index: 2; + transform: translateY(-50%); + width: 1.875rem; + height: 1.875rem; + background: url("../images/btn_more.png") no-repeat center/100% auto; } .layer-wrap .layer-container .layer-content .list-area .noti { - display: flex; - justify-content: space-between; - align-items: center; - width: 100%; - height: 6.9375rem; - padding: 0.125rem; - margin-bottom: 0.875rem; - border-radius: 1rem; - border: 0; - border-image-source: linear-gradient(to right, #e30084, #a62cbf 51%, #6b57f8); - border-image-slice: 1; - background-image: linear-gradient(to bottom, #fff, #fff), linear-gradient(to right, #e30084, #a62cbf 51%, #6b57f8); - background-origin: border-box; - background-clip: content-box, border-box; + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; + height: 6.9375rem; + padding: 0.125rem; + margin-bottom: 0.875rem; + border-radius: 1rem; + border: 0; + border-image-source: linear-gradient(to right, #e30084, #a62cbf 51%, #6b57f8); + border-image-slice: 1; + background-image: linear-gradient(to bottom, #fff, #fff), linear-gradient(to right, #e30084, #a62cbf 51%, #6b57f8); + background-origin: border-box; + background-clip: content-box, border-box; } .layer-wrap .layer-container .layer-content .list-area .noti .txt-area { - padding: 0 1.25rem; - line-height: 1.3; + padding: 0 1.25rem; + line-height: 1.3; } .layer-wrap .layer-container .layer-content .list-area .noti .txt-area .tit { - position: relative; - font-size: 1.125rem; - color: #7a7d87; + position: relative; + font-size: 1.125rem; + color: #7a7d87; } .layer-wrap .layer-container .layer-content .list-area .noti .txt-area .acc { - display: block; - font-size: 1.375rem; - font-weight: 700; + display: block; + font-size: 1.375rem; + font-weight: 700; } .layer-wrap .layer-container .layer-content .list-area .noti .txt-area .acc strong { - font-size: 1.875rem; - font-weight: 700; - margin-left: 0; - padding: 0 0.25rem; + font-size: 1.875rem; + font-weight: 700; + margin-left: 0; + padding: 0 0.25rem; } .layer-wrap .layer-container .layer-content .list-area .noti .img-area { - padding: 0 1.25rem 0 0.625rem; + padding: 0 1.25rem 0 0.625rem; } .layer-wrap .layer-container .layer-content .list-area .noti .img-area img { - width: 4.125rem; + width: 4.125rem; } .layer-wrap .layer-container .layer-content .list-area .noti.quick .tit::after { - content: "즉시적립"; - display: inline-flex; - justify-content: center; - align-items: center; - position: absolute; - top: 0.1875rem; - left: 100%; - height: 1.125rem; - padding: 0 0.375rem 0.125rem; - margin-left: 0.5rem; - font-size: 0.625rem; - font-weight: 700; - color: #e30084; - background-color: #fbdaed; - border-radius: 0.625rem; - white-space: nowrap; + content: "즉시적립"; + display: inline-flex; + justify-content: center; + align-items: center; + position: absolute; + top: 0.1875rem; + left: 100%; + height: 1.125rem; + padding: 0 0.375rem 0.125rem; + margin-left: 0.5rem; + font-size: 0.625rem; + font-weight: 700; + color: #e30084; + background-color: #fbdaed; + border-radius: 0.625rem; + white-space: nowrap; } .layer-wrap .layer-container .layer-content .list-area .list { - display: grid; - grid-template-columns: repeat(2, 1fr); - grid-template-rows: repeat(2, 1fr); - grid-gap: 0.625rem 0.75rem; - margin-bottom: 1.375rem; + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-template-rows: repeat(2, 1fr); + grid-gap: 0.625rem 0.75rem; + margin-bottom: 1.375rem; } .layer-wrap .layer-container .layer-content .list-area .list li { - overflow: hidden; - display: flex; - flex-direction: column; - position: relative; - height: 8.9375rem; - padding: 0; - border: solid 0 rgb(233 233 233); - border-radius: 0.5rem; - background-color: #fff; + overflow: hidden; + display: flex; + flex-direction: column; + position: relative; + height: 8.9375rem; + padding: 0; + border: solid 0 rgb(233 233 233); + border-radius: 0.5rem; + background-color: #fff; } .layer-wrap .layer-container .layer-content .list-area .list li + li { - margin-top: 0; + margin-top: 0; } .layer-wrap .layer-container .layer-content .list-area .list li .img-area { - display: flex; - justify-content: flex-end; - align-items: center; - width: 100%; - height: 3.875rem; - padding: 0 0.75rem; - margin-right: 0; - background-color: #fff; - border-radius: 0; - box-shadow: none; + display: flex; + justify-content: flex-end; + align-items: center; + width: 100%; + height: 3.875rem; + padding: 0 0.75rem; + margin-right: 0; + background-color: #fff; + border-radius: 0; + box-shadow: none; } .layer-wrap .layer-container .layer-content .list-area .list li .img-area img { - width: 3rem; - height: 3rem; + width: 3rem; + height: 3rem; } .layer-wrap .layer-container .layer-content .list-area .list li .txt-area { - display: flex; - justify-content: flex-start; - align-items: flex-start; - flex-direction: column; - width: 100%; - padding: 0.625rem 1rem 0.125rem; - font-size: 1rem; - color: #1e1a3a; - font-weight: 500; - border-radius: 0; + display: flex; + justify-content: flex-start; + align-items: flex-start; + flex-direction: column; + width: 100%; + padding: 0.625rem 1rem 0.125rem; + font-size: 1rem; + color: #1e1a3a; + font-weight: 500; + border-radius: 0; } .layer-wrap .layer-container .layer-content .list-area .list li .txt-area .acc { - align-items: flex-end; - font-size: 1.25rem; - font-weight: 700; + align-items: flex-end; + font-size: 1.25rem; + font-weight: 700; } .layer-wrap .layer-container .layer-content .list-area .list li .txt-area .acc strong { - font-size: 1.875rem; - font-weight: 700; - margin-left: 0; - padding: 0 0.25rem; + font-size: 1.875rem; + font-weight: 700; + margin-left: 0; + padding: 0 0.25rem; } .layer-wrap .layer-container .layer-content .list-area .list li.quick::after { - content: "즉시적립"; - display: inline-flex; - justify-content: center; - align-items: center; - position: absolute; - bottom: 0.53125rem; - left: 0.375rem; - height: 1.125rem; - padding: 0 0.375rem 0.125rem; - margin-left: 0.375rem; - font-size: 0.625rem; - font-weight: 700; - color: #e30084; - background-color: #fbdaed; - border-radius: 0.625rem; + content: "즉시적립"; + display: inline-flex; + justify-content: center; + align-items: center; + position: absolute; + bottom: 0.53125rem; + left: 0.375rem; + height: 1.125rem; + padding: 0 0.375rem 0.125rem; + margin-left: 0.375rem; + font-size: 0.625rem; + font-weight: 700; + color: #e30084; + background-color: #fbdaed; + border-radius: 0.625rem; } .layer-wrap .layer-container .layer-content .list-area .list li.quick .txt-area::before { - display: none; + display: none; } .layer-wrap .layer-container .layer-content .list-area .list li.etc-cash::before { - content: "방문+1"; - display: block; - position: absolute; - bottom: 0.75rem; - left: 0.53125rem; - z-index: 3; - padding: 2px; - font-size: 0.625rem; - font-weight: 700; - color: #f84d40; - background-color: #fff7d7; + content: "방문+1"; + display: block; + position: absolute; + bottom: 0.75rem; + left: 0.53125rem; + z-index: 3; + padding: 2px; + font-size: 0.625rem; + font-weight: 700; + color: #f84d40; + background-color: #fff7d7; } .layer-wrap .layer-container .layer-content .list-area .list li.quick.etc-cash::before { - left: 3.34375rem; + left: 3.34375rem; } .layer-wrap .layer-container .layer-content .caution-area { - padding: 1rem; - border-radius: 0.5rem; - background-color: #fff; + padding: 1rem; + border-radius: 0.5rem; + background-color: #fff; } .layer-wrap .layer-container .layer-content .caution-area h3 { - margin-bottom: 0.75rem; - font-size: 1.125rem; - font-weight: 700; - color: #000; + margin-bottom: 0.75rem; + font-size: 1.125rem; + font-weight: 700; + color: #000; } .layer-wrap .layer-container .layer-content .caution-area p { - font-size: 0.8125rem; - font-weight: 400; - color: #666; - line-height: 1.54; + font-size: 0.8125rem; + font-weight: 400; + color: #666; + line-height: 1.54; } .point-earn { - padding-bottom: 4.25rem; - background-color: #fff; + padding-bottom: 4.25rem; + background-color: #fff; } .point-earn .point-info { - width: 100%; - height: auto; - padding: 1.875rem 1.375rem; - background: none; + width: 100%; + height: auto; + padding: 1.875rem 1.375rem; + background: none; } .point-earn .point-info figure { - display: flex; - justify-content: flex-start; - align-items: center; + display: flex; + justify-content: flex-start; + align-items: center; } .point-earn .point-info figure img { - width: 6.875rem; + width: 6.875rem; } .point-earn .point-info figure figcaption { - margin-left: 1.375rem; - font-size: 1.25rem; - color: #6b6b6b; + margin-left: 1.375rem; + font-size: 1.25rem; + color: #6b6b6b; } .point-earn .point-info figure figcaption strong { - display: block; - margin-top: 0.375rem; - font-size: 1.75rem; - color: #212121; + display: block; + margin-top: 0.375rem; + font-size: 1.75rem; + color: #212121; } .point-earn .desc { - padding: 0 1.375rem; - margin: 0 0 2.5rem; + padding: 0 1.375rem; + margin: 0 0 2.5rem; } .point-earn .desc > dl { - padding: 0; + padding: 0; } .point-earn .desc dt { - font-size: 1.25rem; - font-weight: 700; - color: #212121; - margin-bottom: 1.25rem; + font-size: 1.25rem; + font-weight: 700; + color: #212121; + margin-bottom: 1.25rem; } .point-earn .desc dd { - font-size: 1rem; - color: #6b6b6b; - font-weight: 400; + font-size: 1rem; + color: #6b6b6b; + font-weight: 400; } .point-earn .desc dd dl { - display: flex; - justify-content: flex-start; - align-items: flex-start; - padding: 1rem 0 0; + display: flex; + justify-content: flex-start; + align-items: flex-start; + padding: 1rem 0 0; } .point-earn .desc dd dl + dl { - margin-top: 0; - border-top: 0; + margin-top: 0; + border-top: 0; } .point-earn .desc dd dl dt { - font-size: 1rem; - font-weight: 400; - color: #212121; + font-size: 1rem; + font-weight: 400; + color: #212121; } .point-earn .desc dd dl dd { - margin-left: 1rem; + margin-left: 1rem; } .point-earn .desc li { - display: flex; - justify-content: flex-start; - align-items: flex-start; - margin-bottom: 1.125rem; - font-size: 1rem; - color: #6b6b6b; + display: flex; + justify-content: flex-start; + align-items: flex-start; + margin-bottom: 1.125rem; + font-size: 1rem; + color: #6b6b6b; } .point-earn .desc li em { - float: none; - width: 6.875rem; - color: #212121; + float: none; + width: 6.875rem; + color: #212121; } .point-earn .desc li > span { - flex: 1; + flex: 1; } .point-earn .desc li .coupon { - display: block; - margin-bottom: 0.3125rem; + display: block; + margin-bottom: 0.3125rem; } .point-earn .desc li .coupon img { - width: 9.375rem; + width: 9.375rem; } .point-earn .desc li .txt-caution { - margin-top: 0.25rem; + margin-top: 0.25rem; } .point-earn .desc li .txt-caution > * { - display: flex; - justify-content: flex-start; - align-items: flex-start; - font-size: 0.625rem; - line-height: 1.6; + display: flex; + justify-content: flex-start; + align-items: flex-start; + font-size: 0.625rem; + line-height: 1.6; } .point-earn .desc li .txt-caution > *::before { - content: ""; - display: block; - width: 0.1875rem; - height: 0.1875rem; - margin: 0.375rem 0.25rem 0 0; - border-radius: 0.125rem; - background-color: #6b6b6b; + content: ""; + display: block; + width: 0.1875rem; + height: 0.1875rem; + margin: 0.375rem 0.25rem 0 0; + border-radius: 0.125rem; + background-color: #6b6b6b; } .point-earn .txt-box { - padding: 1.5rem 1.375rem; - margin: 0; - background-color: #f2f3f7; - border-radius: 0; + padding: 1.5rem 1.375rem; + margin: 0; + background-color: #f2f3f7; + border-radius: 0; } .point-earn .txt-box ul + h4 { - margin-top: 1.625rem; + margin-top: 1.625rem; } .point-earn .txt-box h4 { - font-size: 1.125rem; - font-weight: 500; - margin-bottom: 0.5rem; + font-size: 1.125rem; + font-weight: 500; + margin-bottom: 0.5rem; } .point-earn .txt-box li { - display: flex; - justify-content: flex-start; - align-items: flex-start; - font-size: 0.8125rem; - color: #666; - margin-bottom: 0.375rem; - line-height: 1.54; + display: flex; + justify-content: flex-start; + align-items: flex-start; + font-size: 0.8125rem; + color: #666; + margin-bottom: 0.375rem; + line-height: 1.54; } .point-earn .txt-box li::before { - content: ""; - display: block; - flex: 0 0 auto; - width: 0.25rem; - height: 0.25rem; - margin: 0.3125rem 0.375rem 0 0; - border-radius: 0.125rem; - opacity: 0.56; - background-color: #999; + content: ""; + display: block; + flex: 0 0 auto; + width: 0.25rem; + height: 0.25rem; + margin: 0.3125rem 0.375rem 0 0; + border-radius: 0.125rem; + opacity: 0.56; + background-color: #999; } .point-earn .ico-bu { - display: inline-flex; - justify-content: flex-start; - align-items: flex-start; + display: inline-flex; + justify-content: flex-start; + align-items: flex-start; } .point-earn .ico-bu::before { - content: ""; - display: block; - width: 0.25rem; - height: 0.25rem; - margin: 0.375rem 0.375rem 0 0; - border-radius: 0.125rem; - opacity: 0.56; - background-color: #999; + content: ""; + display: block; + width: 0.25rem; + height: 0.25rem; + margin: 0.375rem 0.375rem 0 0; + border-radius: 0.125rem; + opacity: 0.56; + background-color: #999; } .btn-area.fixed-bottom { - display: flex; - justify-content: center; - align-items: center; - position: fixed; - bottom: 0; - left: 0; - width: 100%; - padding: 0.75rem; - z-index: 10; + display: flex; + justify-content: center; + align-items: center; + position: fixed; + bottom: 0; + left: 0; + width: 100%; + padding: 0.75rem; + z-index: 10; } .btn-area.fixed-bottom button + button { - margin: 0; + margin: 0; } .btn-area.fixed-bottom button { - display: flex; - justify-content: center; - align-items: center; - width: 100%; - height: 3.625rem; - padding: 0 1.25rem; - font-size: 1.25rem; - color: #fff; - font-weight: 500; - border-radius: 0.5rem; - background-color: #e30084; + display: flex; + justify-content: center; + align-items: center; + width: 100%; + height: 3.625rem; + padding: 0 1.25rem; + font-size: 1.25rem; + color: #fff; + font-weight: 500; + border-radius: 0.5rem; + background-color: #e30084; } .btn-area.fixed-bottom.btn-full { - height: fit-content; - height: fit-content; - height: fit-content; + height: fit-content; + height: fit-content; + height: fit-content; } .btn-area.fixed-bottom.btn-full button { - width: 100%; + width: 100%; } .card { - padding: 0 1.25rem; - border-radius: 0.625rem; - background-color: #fff; + padding: 0 1.25rem; + border-radius: 0.625rem; + background-color: #fff; } .card + .card { - margin-top: 0.9375rem; + margin-top: 0.9375rem; } .cache-guide { - padding: 1.25rem 0.75rem; + padding: 1.25rem 0.75rem; } .cache-guide #header + main { - padding-bottom: 0; + padding-bottom: 0; } .cache-guide section { - padding: 1.75rem 1.5rem; + padding: 1.75rem 1.5rem; } .cache-guide section h3 { - display: inline-flex; - justify-content: flex-start; - align-items: center; - position: relative; - font-size: 1rem; - font-weight: 500; - color: #e30084; - margin-bottom: 1.25rem; - border-bottom: 1px solid #e30084; + display: inline-flex; + justify-content: flex-start; + align-items: center; + position: relative; + font-size: 1rem; + font-weight: 500; + color: #e30084; + margin-bottom: 1.25rem; + border-bottom: 1px solid #e30084; } .cache-guide section h3 em { - font-size: 1.25rem; - font-weight: 700; + font-size: 1.25rem; + font-weight: 700; } .cache-guide section img { - margin-top: 1.25rem; + margin-top: 1.25rem; } .cache-guide .bu-type li { - position: relative; - padding: 0 0.5rem 0 1rem; - font-size: 0.875rem; - color: #555; - line-height: 1.125rem; - text-indent: -0.875rem; - word-break: keep-all; - word-wrap: break-word; + position: relative; + padding: 0 0.5rem 0 1rem; + font-size: 0.875rem; + color: #555; + line-height: 1.125rem; + text-indent: -0.875rem; + word-break: keep-all; + word-wrap: break-word; } .cache-guide .bu-type li::before { - content: ""; - display: inline-block; - width: 0.625rem; - height: 0.625rem; - margin-right: 0.25rem; - border-radius: 50%; - background-color: #ffe4f4; + content: ""; + display: inline-block; + width: 0.625rem; + height: 0.625rem; + margin-right: 0.25rem; + border-radius: 50%; + background-color: #ffe4f4; } .cache-guide .bu-type li + li { - margin-top: 0.75rem; + margin-top: 0.75rem; } .cache-guide .bu-type li b { - text-decoration: underline; + text-decoration: underline; } .cache-guide .cs-info { - margin-top: -0.3125rem; + margin-top: -0.3125rem; } .cache-guide .cs-info::before { - display: none; + display: none; } .cache-guide .cs-info h4 { - padding: 0.75rem 0 0.625rem; - font-size: 1rem; - color: #e30084; - font-weight: 700; - text-align: center; + padding: 0.75rem 0 0.625rem; + font-size: 1rem; + color: #e30084; + font-weight: 700; + text-align: center; } .cache-guide .cs-info p { - padding: 0.625rem 0 0; - font-size: 0.75rem; - color: #666; - text-align: center; + padding: 0.625rem 0 0; + font-size: 0.75rem; + color: #666; + text-align: center; } .cache-guide .cs-info p em { - display: block; - margin-top: 0.4375rem; - font-weight: 500; + display: block; + margin-top: 0.4375rem; + font-weight: 500; } .cache-guide .cs-box { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - width: 100%; - height: 3.75rem; - border-radius: 1.875rem; - background-color: #ffe8f5; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + width: 100%; + height: 3.75rem; + border-radius: 1.875rem; + background-color: #ffe8f5; } .cache-guide .cs-box strong { - display: block; - font-size: 0.975rem; - color: #e30084; - font-weight: 700; - line-height: 1; + display: block; + font-size: 0.975rem; + color: #e30084; + font-weight: 700; + line-height: 1; } .cache-guide .cs-box a { - font-size: 0.75rem; - color: #111; + font-size: 0.75rem; + color: #111; } .switch { - display: block; - position: relative; - width: 3.0625rem; - height: 1.625rem; + display: block; + position: relative; + width: 3.0625rem; + height: 1.625rem; } .switch input { - opacity: 0; - width: 0; - height: 0; - background-color: #e30084; + opacity: 0; + width: 0; + height: 0; + background-color: #e30084; } .switch .slider { - position: absolute; - cursor: pointer; - inset: 0; - background-color: #fff; - transition: 0.2s all ease; - border-radius: 1rem; + position: absolute; + cursor: pointer; + inset: 0; + background-color: #fff; + transition: 0.2s all ease; + border-radius: 1rem; } .switch .slider::before { - content: ""; - position: absolute; - top: 50%; - left: 0.125rem; - width: 1.375rem; - height: 1.375rem; - transform: translateY(-50%); - background-color: #e30084; - border-radius: 50%; - transition: 0.2s all ease; + content: ""; + position: absolute; + top: 50%; + left: 0.125rem; + width: 1.375rem; + height: 1.375rem; + transform: translateY(-50%); + background-color: #e30084; + border-radius: 50%; + transition: 0.2s all ease; } .switch input:checked + .slider { - background-color: #fff; + background-color: #fff; } .switch input:checked + .slider::before { - left: 1.5rem; + left: 1.5rem; } .swiper { - width: 100%; - height: 100%; + width: 100%; + height: 100%; } .swiper .swiper-slide { - width: auto; + width: auto; } @media only screen and (width <= 320px) { - html { - font-size: 14px; - } -} \ No newline at end of file + html { + font-size: 14px; + } +} + +.test-gil { + color: red; + font-size: 20px; + font-weight: bold; + text-align: center; + margin-bottom: 20px; + padding: 10px; + border: 1px solid red; + border-radius: 10px; + background-color: #f0f0f0; + box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%); + text-shadow: 0 0 10px 0 rgb(0 0 0 / 10%); + text-transform: uppercase; +} diff --git a/assets/css/style.css.map b/assets/css/style.css.map index 9f04c80..b4d807b 100644 --- a/assets/css/style.css.map +++ b/assets/css/style.css.map @@ -1 +1,12 @@ -{"version":3,"sources":["style.css","_reset.scss","_swiper.scss","style.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{ + "version": 3, + "sources": [ + "style.css", + "../../../assets/css/_reset.scss", + "../../../assets/css/_swiper.scss", + "../../../assets/css/style.scss" + ], + "names": [], + "mappings": "AAAA,gBAAgB;ACEhB,UAAA;AACA;;;EAGE,SAAA;EACA,UAAA;EACA,sBAAA;EACA,sBAAA;EACA,sBAAA;EACA,sBAAA;ADAF;;ACGA;;EAEE,YAAA;EACA,kCAAA;EACA,gBAAA;EACA,eAAA;EACA,gBAAA;EACA,WAAA;EACA,8BAAA;KAAA,2BAAA;UAAA,sBAAA;EACA,sBAAA;EACA,sBAAA;EACA,sBAAA;EACA,sBAAA;ADAF;;ACGA;;;;;;;;;;;;;EAaE,iBAAA;EACA,YAAA;EACA,aAAA;ADAF;;ACGA;EACE,aAAA;ADAF;;ACGA;EACE,gBAAA;EACA,SAAA;EACA,YAAA;EACA,cAAA;ADAF;;ACGA;;;;;;EAME,gBAAA;ADAF;;ACGA;EACE,eAAA;EACA,YAAA;EACA,sBAAA;ADAF;;ACGA;;;;;;EAME,gBAAA;ADAF;;ACGA;EACE,mBAAA;EACA,WAAA;EACA,SAAA;EACA,iBAAA;EACA,yBAAA;ADAF;;ACGA;;EAEE,SAAA;EACA,qBAAA;EACA,mBAAA;ADAF;;ACGA;EACE,mBAAA;ADAF;;ACGA;EACE,WAAA;EACA,SAAA;ADAF;;ACGA;EACE,aAAA;ADAF;;ACGA;EACE,SAAA;ADAF;;ACGA;EACE,WAAA;EACA,SAAA;ADAF;;ACGA;;;EAGE,kBAAA;ADAF;;ACGA;;;;;EAKE,kCAAA;EACA,sBAAA;ADAF;;ACGA;EACE,iBAAA;EACA,eAAA;EACA,yBAAA;EACA,yBAAA;EACA,WAAA;EACA,gBAAA;EACA,sBAAA;ADAF;;ACGA;EACE,aAAA;EACA,yBAAA;EACA,WAAA;EACA,gBAAA;ADAF;;ACGA;EACE,yBAAA;EACA,sBAAA;ADAF;;ACGA;EACE,yBAAA;ADAF;;ACGA;EACE,yBAAA;EACA,cAAA;ADAF;;ACGA;EACE,iBAAA;EACA,mBAAA;EACA,yBAAA;EACA,oBAAA;EACA,WAAA;EACA,gBAAA;EACA,sBAAA;ADAF;;ACGA;EACE,WAAA;ADAF;;ACGA;EACE,iBAAA;EACA,aAAA;EACA,gBAAA;EACA,gBAAA;EACA,eAAA;EACA,SAAA;ADAF;;ACGA;EACE,UAAA;ADAF;;ACGA;EACE,wBAAA;EACA,QAAA;EACA,SAAA;ADAF;;ACGA;EACE,aAAA;ADAF;;ACGA;EACE,qBAAA;ADAF;;ACIA;;;;;;;;;;EAAA;AAYC;EAAW,yBAAA;EAAyB,6rEAAA;EAA6rE,gBAAA;EAAgB,kBAAA;ADElvE;ACFowE;EAAM,4BAAA;ADK1wE;;ACLuyE;EAAM,kBAAA;EAAkB,cAAA;EAAc,iBAAA;EAAiB,kBAAA;EAAkB,UAAA;ADah3E;;ACb03E;EAAQ,iBAAA;EAAiB,kBAAA;EAAkB,kBAAA;EAAkB,gBAAA;EAAgB,gBAAA;EAAgB,UAAA;EAAU,UAAA;EAAU,cAAA;ADwB3+E;;ACxBy/E;EAAiC,sBAAA;AD4B1hF;;AC5BgjF;EAAgB,kBAAA;EAAkB,WAAA;EAAW,YAAA;EAAY,UAAA;EAAU,aAAA;EAAa,8BAAA;EAA8B,qFAAA;EAAoF,uBAAA;ADuClvF;;ACvCywF;EAAwE,+BAAA;AD2Cj1F;;AC3C82F;EAAmB,mBAAA;AD+Cj4F;;AC/Co5F;EAAiB,mBAAA;ADmDr6F;;ACnDw7F;EAAc,cAAA;EAAc,WAAA;EAAW,YAAA;EAAY,kBAAA;EAAkB,8BAAA;EAA8B,cAAA;AD4D3hG;;AC5DyiG;EAA8B,kBAAA;ADgEvkG;;AChEylG;EAAoD,YAAA;ADoE7oG;;ACpEypG;EAAmC,uBAAA;EAAuB,sCAAA;ADyEntG;;ACzEwvG;EAAsC,wBAAA;EAAwB,mCAAA;UAAA,2BAAA;EAA2B,2BAAA;AD+Ej1G;;AC/E42G;EAA2C,mBAAA;ADmFv5G;;ACnF06G;EAA2B,4BAAA;ADuFr8G;;ACvFi+G;EAAW,mBAAA;AD2F5+G;;AC3F+/G;EAAwD,4BAAA;AD+FvjH;;AC/FmlH;EAAiC,cAAA;EAAc,qBAAA;EAAqB,wBAAA;ADqGvpH;;ACrG+qH;EAAoD,aAAA;ADyGnuH;;ACzGgvH;EAA+C,8BAAA;AD6G/xH;;AC7G6zH;EAAmD,6BAAA;ADiHh3H;;ACjH64H;EAAiD,6BAAA;ADqH97H;;ACrH29H;EAAkD,sBAAA;ADyH7gI;;ACzHmiI;EAAgE,uBAAA;AD6HnmI;;AC7H0nI;EAAyD,WAAA;EAAW,cAAA;EAAc,WAAA;ADmI5sI;;ACnIutI;EAA+D,gCAAA;EAAgC,wBAAA;ADwItzI;;ACxI80I;EAA6F,0DAAA;UAAA,yDAAA;AD4I36I;;AC5Io+I;EAA2E,YAAA;EAAY,eAAA;EAAe,0CAAA;ADkJ1kJ;;AClJonJ;EAA2F,2DAAA;UAAA,wDAAA;ADsJ/sJ;;ACtJuwJ;EAAyE,WAAA;EAAW,cAAA;EAAc,2CAAA;AD4Jz2J;;AC5Jo5J;EAAsL,kBAAA;EAAkB,OAAA;EAAO,MAAA;EAAM,WAAA;EAAW,YAAA;EAAY,oBAAA;EAAoB,WAAA;ADsKppK;;ACtK+pK;EAAgC,+BAAA;AD0K/rK;;AC1K2tK;EAAqC,gFAAA;AD8KhwK;;AC9K20K;EAAsC,iFAAA;ADkLj3K;;AClL67K;EAAoC,+EAAA;ADsLj+K;;ACtL2iL;EAAuC,kFAAA;AD0LllL;;AC1L+pL;EAAuB,WAAA;EAAW,YAAA;EAAY,kBAAA;EAAkB,SAAA;EAAS,QAAA;EAAQ,kBAAA;EAAkB,iBAAA;EAAiB,WAAA;EAAW,qBAAA;EAAqB,sBAAA;EAAsB,0EAAA;EAAyE,kBAAA;EAAkB,6BAAA;AD0Mp6L;;AC1Mi8L;EAA+H,2DAAA;UAAA,mDAAA;AD8MhkM;;AC9MmnM;EAA6B,6BAAA;ADkNhpM;;AClN8qM;EAA6B,6BAAA;ADsN3sM;;ACpNA;EAAiC;IAAG,uBAAA;EDyNlC;ECzNyD;IAAK,yBAAA;ED4N9D;AACF;;AC7NA;EAAiC;IAAG,uBAAA;EDyNlC;ECzNyD;IAAK,yBAAA;ED4N9D;AACF;AC7N0F;EAA8B,mCAAA;UAAA,2BAAA;EAA2B,wBAAA;ADiOnJ;;ACjO2K;EAAuD,WAAA;EAAW,kBAAA;EAAkB,OAAA;EAAO,MAAA;EAAM,oBAAA;ADyO5Q;;ACzOgS;EAAyE,WAAA;EAAW,iCAAA;AD8OpX;;AC9OqZ;EAAuE,UAAA;EAAU,kCAAA;ADmPte;;ACnPwgB;EAAM,6BAAA;ADuP9gB;;ACvP4iB;EAAwC,kBAAA;EAAkB,6CAAA;EAA4C,oDAAA;EAAmD,qCAAA;EAAqC,yDAAA;EAA0D,WAAA;EAAW,eAAA;EAAe,aAAA;EAAa,mBAAA;EAAmB,uBAAA;EAAuB,gEAAA;ADqQr3B;;ACrQo7B;EAAsF,aAAA;EAAY,YAAA;EAAY,oBAAA;AD2QliC;;AC3QsjC;EAAkF,UAAA;EAAU,YAAA;EAAY,oBAAA;ADiR9pC;;ACjRkrC;EAAgG,wBAAA;ADqRlxC;;ACrRyyC;EAAgD,WAAA;EAAW,YAAA;EAAY,sBAAA;KAAA,mBAAA;EAAmB,wBAAA;AD4Rn4C;;AC5R25C;EAAwE,yBAAA;ADgSn+C;;AChS4/C;EAAoD,iDAAA;EAAgD,WAAA;ADqShmD;;ACrS2mD;EAAoD,kDAAA;EAAiD,UAAA;AD0ShtD;;AC1S0tD;EAAoB,aAAA;AD8S9uD;;AC9S2vD;EAAsD,yBAAA;EAAyB,wCAAA;EAAwC,+BAAA;EAA8B,iBAAA;EAAiB,qBAAA;EAAqB,cAAA;ADuTt7D;;ACvTo8D;EAAkE,eAAA;AD2TtgE;;AC3TqhE;EAAoD,kDAAA;EAAiD,UAAA;ADgU1nE;;AChUooE;EAAkE,eAAA;ADoUtsE;;ACpUqtE;EAAmB,kBAAA;EAAkB,kBAAA;EAAkB,wBAAA;EAAuB,+BAAA;EAA6B,WAAA;AD4Uh0E;;AC5U20E;EAA4C,UAAA;ADgVv3E;;AChVi4E;EAA6F,wBAAA;ADoV99E;;ACpVq/E;EAA4J,4CAAA;EAA2C,uCAAA;EAAsC,OAAA;EAAO,WAAA;AD2VzuF;;AC3VovF;EAAmC,gBAAA;EAAgB,YAAA;ADgWvyF;;AChWmzF;EAA6D,sBAAA;EAAqB,kBAAA;ADqWr4F;;ACrWu5F;EAAoE,mBAAA;ADyW39F;;ACzW8+F;EAAyE,mBAAA;AD6WvjG;;AC7W0kG;EAAyE,sBAAA;ADiXnpG;;ACjXwqG;EAA8E,sBAAA;ADqXtvG;;ACrX2wG;EAAyE,sBAAA;ADyXp1G;;ACzXy2G;EAA8E,sBAAA;AD6Xv7G;;AC7X48G;EAA0B,uFAAA;EAAqF,yFAAA;EAAuF,qBAAA;EAAqB,iEAAA;EAAgE,gEAAA;EAA+D,8DAAA;ADsYtyH;;ACtYm2H;EAAgC,YAAA;EAAY,SAAA;EAAS,UAAA;EAAU,gBAAA;EAAgB,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EAAgB,gBAAA;AD+Yl8H;;AC/Yk9H;EAAuD,eAAA;ADmZzgI;;ACnZwhI;EAAqC,wBAAA;ADuZ7jI;;ACvZolI;EAAiC,mDAAA;EAAmD,qEAAA;AD4ZxqI;;AC5Z4uI;EAAkG,0CAAA;EAAyC,yCAAA;EAAwC,QAAA;EAAQ,kCAAA;ADmav6I;;ACnau8I;EAAsJ,2DAAA;EAA0D,cAAA;ADwavpJ;;ACxaqqJ;EAAsK,QAAA;EAAQ,2BAAA;EAA2B,UAAA;AD8a92J;;AC9aw3J;EAA0N,qBAAA;EAAqB,oCAAA;ADmbvmK;;ACnbwoK;EAA0J,6DAAA;ADublyK;;ACvb81K;EAA0K,SAAA;EAAS,2BAAA;EAA2B,mBAAA;AD6b5iL;;AC7b+jL;EAA8N,qCAAA;ADic7xL;;ACjc+zL;EAA2F,sCAAA;ADqc15L;;ACrc67L;EAA4B,uDAAA;ADycz9L;;ACzc+gM;EAA+B,8EAAA;EAA0E,kBAAA;AD8cxnM;;AC9c0oM;EAAmE,qEAAA;EAAoE,kBAAA;EAAkB,OAAA;EAAO,MAAA;EAAM,WAAA;EAAW,YAAA;EAAY,mBAAA;EAAmB,0BAAA;ADyd11M;;ACzdo3M;EAA+E,2BAAA;AD6dn8M;;AC7d89M;EAAsS,WAAA;EAAW,sDAAA;EAAqD,OAAA;EAAO,MAAA;ADoe30N;;ACpei1N;EAAsS,qDAAA;EAAoD,YAAA;EAAY,OAAA;EAAO,MAAA;AD2e9rO;;AC3eosO;EAAwB,aAAA;AD+e5tO;;AC/eyuO;EAAkB,0DAAA;EAAyD,kBAAA;EAAkB,kBAAA;EAAkB,gEAAA;ADsfx1O;;ACtfq5O;EAAyF,wBAAA;AD0f9+O;;AC1fqgP;EAAmF,kBAAA;EAAkB,8CAAA;EAA6C,2CAAA;EAA0C,sCAAA;EAAqC,WAAA;EAAW,yCAAA;EAAwC,gEAAA;ADogBzxP;;ACpgBw1P;EAA+E,kBAAA;EAAkB,wCAAA;EAAuC,yCAAA;EAAwC,6CAAA;EAA4C,WAAA;EAAW,wCAAA;EAAuC,iEAAA;AD8gBtmQ;;AC9gBsqQ;EAAuB,YAAA;EAAY,WAAA;EAAW,kBAAA;EAAkB,qEAAA;EAAkE,0DAAA;EAAyD,OAAA;EAAO,MAAA;ADwhBx2Q;;ACxhB82Q;EAA8B,YAAA;AD4hB54Q;;AC5hBw5Q;EAAuB,aAAA;ADgiB/6Q;;AChiB47Q;EAAuB,WAAA;EAAW,YAAA;EAAY,aAAA;EAAa,uBAAA;EAAuB,mBAAA;EAAmB,kBAAA;ADyiBjiR;;ACziBmjR;EAAoF,eAAA;EAAe,gBAAA;EAAgB,sBAAA;KAAA,mBAAA;AD+iBtqR;;AC/iByrR;EAAqB,YAAA;EAAY,kBAAA;ADojB1tR;;ACpjB4uR;EAA6B,kBAAA;EAAkB,OAAA;EAAO,MAAA;EAAM,oBAAA;EAAoB,UAAA;EAAU,cAAA;AD6jBt0R;;AC7jBo1R;EAAkC,oCAAA;EAAoC,cAAA;ADkkB15R;;AClkBw6R;EAA6B,eAAA;ADskBr8R;;ACtkBo9R;EAAoC,sBAAA;AD0kBx/R;;AC1kB8gS;EAA4C,oCAAA;AD8kB1jS;;AC9kB8lS;EAA2B,oBAAA;EAAoB,4BAAA;ADmlB7oS;;ACnlByqS;EAAyC,oBAAA;ADulBltS;;ACvlBsuS;EAAkC,oBAAA;AD2lBxwS;;AC3lB4xS;EAAuD,oBAAA;AD+lBn1S;;AC/lBu2S;EAAoB,iBAAA;ADmmB33S;;ACnmB44S;EAA2B,oBAAA;EAAoB,mCAAA;UAAA,2BAAA;EAA2B,2BAAA;EAA2B,UAAA;EAAU,kBAAA;EAAkB,qBAAA;EAAqB,WAAA;EAAW,YAAA;AD8mB7iT;;AC9mByjT;EAAyC,oBAAA;ADknBlmT;;AClnBsnT;EAAsC,wBAAA;ADsnB5pT;;ACtnBorT;EAAyF,oBAAA;AD0nB7wT;;AC1nBiyT;EAAkG,oBAAA;EAAoB,mBAAA;AD+nBv5T;;AC/nB06T;EAAiC,kBAAA;EAAkB,OAAA;EAAO,SAAA;EAAS,WAAA;EAAW,YAAA;EAAY,YAAA;EAAW,UAAA;ADyoB/gU;;ACzoByhU;EAAyC,WAAA;EAAW,gBAAA;EAAgB,kBAAA;EAAkB,QAAA;EAAQ,kBAAA;ADipBvnU;;ACjpByoU;EAA8C,oBAAA;EAAoB,mBAAA;ADspB3sU;;ACtpB8tU;EAAkQ,UAAA;EAAU,mCAAA;UAAA,2BAAA;EAA2B,2BAAA;AD4pBrgV;;AC5pBgiV;EAAoB,iBAAA;ADgqBpjV;;AChqBqkV;EAA2B,oBAAA;EAAoB,mCAAA;UAAA,2BAAA;EAA2B,2BAAA;EAA2B,UAAA;ADuqB1qV;;ACvqBorV;EAAyC,oBAAA;AD2qB7tV;;AC3qBivV;EAAyF,oBAAA;AD+qB10V;;AC/qB81V;EAAkQ,UAAA;EAAU,mCAAA;UAAA,2BAAA;EAA2B,2BAAA;ADqrBroW;;ACrrBgqW;EAA+B,mCAAA;UAAA,2BAAA;EAA2B,2BAAA;EAA2B,gBAAA;EAAgB,+CAAA;AD4rBrwW;;AC5rBkzW;EAAqB,iBAAA;ADgsBv0W;;AChsBw1W;EAA4B,+BAAA;EAA+B,mCAAA;UAAA,2BAAA;EAA2B,2BAAA;EAA2B,gBAAA;ADusBz8W;;AEn6BA;EACE,kBAAA;EACA,cAAA;EACA,iBAAA;EACA,kBAAA;EACA,UAAA;AFs6BF;;AEn6BA;EACE,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,gBAAA;EACA,gBAAA;EACA,UAAA;EAEA,6BAAA;EACA,UAAA;EACA,cAAA;AFq6BF;;AEl6BA;EACE,sBAAA;AFq6BF;;AEl6BA;EACE,kBAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;EACA,aAAA;EACA,8BAAA;EACA,qFAAA;EACA,uBAAA;AFq6BF;;AEl6BA;;;EAGE,+BAAA;AFq6BF;;AEl6BA;EACE,mBAAA;AFq6BF;;AEl6BA;EACE,mBAAA;AFq6BF;;AEl6BA;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,8BAAA;EACA,cAAA;AFq6BF;;AEl6BA;EACE,kBAAA;AFq6BF;;AEl6BA,gBAAA;AACA;;EAEE,YAAA;AFq6BF;;AEl6BA;EACE,uBAAA;EACA,sCAAA;AFq6BF;;AEl6BA;EACE,wBAAA;EACA,mCAAA;UAAA,2BAAA;AFq6BF;;AEl6BA,eAAA;AACA;EACE,mBAAA;AFq6BF;;AEl6BA;EACE,4BAAA;AFq6BF;;AEl6BA;EACE,mBAAA;AFq6BF;AEn6BE;;EAEE,4BAAA;AFq6BJ;;AEj6BA,aAAA;AAEE;EACE,cAAA;EACA,qBAAA,EAAA,gBAAA;EACA,wBAAA,EAAA,mCAAA;AFm6BJ;AEl6BI;EACE,aAAA;AFo6BN;AEh6BE;EACE,8BAAA;AFk6BJ;AE95BI;EACE,6BAAA;AFg6BN;AE35BI;EACE,6BAAA;AF65BN;AEx5BI;EACE,sBAAA;AF05BN;AEv5BI;EACE,uBAAA;AFy5BN;AEp5BI;EACE,WAAA;EACA,cAAA;EACA,WAAA;AFs5BN;AEn5BI;EACE,gCAAA;EACA,wBAAA;AFq5BN;AEh5BI;EACE,0DAAA;UAAA,yDAAA;AFk5BN;AE/4BI;EACE,YAAA;EACA,eAAA;EACA,0CAAA;AFi5BN;AE54BI;EACE,2DAAA;UAAA,wDAAA;AF84BN;AE34BI;EACE,WAAA;EACA,cAAA;EACA,2CAAA;AF64BN;;AEx4BA,uBAAA;AAEA,eAAA;AAEE;;;;;;;;;;EAUE,kBAAA;EACA,OAAA;EACA,MAAA;EACA,WAAA;EACA,YAAA;EACA,oBAAA;EACA,WAAA;AFy4BJ;AEt4BE;EACE,+BAAA;AFw4BJ;AEr4BE;EACE,gFAAA;AFu4BJ;AEp4BE;EACE,iFAAA;AFs4BJ;AEn4BE;EACE,+EAAA;AFq4BJ;AEl4BE;EACE,kFAAA;AFo4BJ;;AEh4BA;EACE,WAAA;EACA,YAAA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,kBAAA;EACA,iBAAA;EACA,WAAA;EACA,qBAAA;EACA,sBAAA;EACA,0EAAA;EACA,kBAAA;EACA,6BAAA;AFm4BF;;AE93BE;;EACE,2DAAA;UAAA,mDAAA;AFk4BJ;;AE93BA;EACE,8BAAA;AFi4BF;;AE93BA;EACE,8BAAA;AFi4BF;;AE93BA;EACE;IACE,uBAAA;EFi4BF;EE93BA;IACE,yBAAA;EFg4BF;AACF;AE73BA,qBAAA;AC1NA;EACI,gBAAA;EACA,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,yBAAA;AH0lCJ;AGxlCI;EArBA,aAAA;EACA,2BAAA;EACA,mBAAA;EAsBI,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,WAAA;EACA,eAAA;EACA,mBAAA;EACA,sBAAA;EACA,gCAAA;AH2lCR;AGzlCQ;EACI,kBAAA;EACA,gBAAA;EACA,WAAA;AH2lCZ;AGxlCQ;EACI,kBAAA;EACA,eAAA;EACA,gBAAA;AH0lCZ;AGxlCY;EACI,kBAAA;EACA,QAAA;EACA,SAAA;EACA,WAAA;EACA,cAAA;EACA,eAAA;EACA,+BAAA;EACA,iCAAA;EACA,yBAAA;AH0lChB;AGvlCY;EACI,cAAA;EACA,oBAAA;AHylChB;AGrlCQ;EACI,kBAAA;EACA,QAAA;EACA,cAAA;EACA,2BAAA;EACA,eAAA;EACA,gBAAA;EACA,qEAAA;AHulCZ;AGrlCY;EACI,cAAA;EACA,oBAAA;AHulChB;AGllCI;EACI,oBAAA;AHolCR;AGllCQ;EACI,aAAA;EACA,oCAAA;EACA,sBAAA;AHolCZ;AGllCY;EACI,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,wEAAA;AHolChB;AGllCgB;EACI,mBAAA;EACA,gBAAA;EACA,WAAA;AHolCpB;AGllCoB;EACI,oBAAA;EACA,mBAAA;EACA,cAAA;EACA,gBAAA;AHolCxB;AGhlCgB;EACI,mBAAA;EACA,gBAAA;EACA,WAAA;EACA,wBAAA;AHklCpB;AGhlCoB;EACI,eAAA;EACA,gBAAA;AHklCxB;AG9kCgB;EAtHZ,aAAA;EACA,2BAAA;EACA,mBAAA;EAuHgB,kBAAA;EACA,MAAA;EACA,cAAA;AHilCpB;AG/kCoB;EACI,cAAA;EACA,WAAA;EACA,mBAAA;EACA,gBAAA;EACA,6BAAA;AHilCxB;AG9kCoB;EACI,WAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;EACA,qBAAA;EACA,oEAAA;AHglCxB;AG3kCY;EAhJR,aAAA;EACA,2BAAA;EACA,mBAAA;EAiJY,gCAAA;EACA,cAAA;EACA,mBAAA;EACA,gBAAA;AH8kChB;AG5kCgB;EACI,WAAA;EACA,cAAA;EACA,aAAA;EACA,cAAA;EACA,oBAAA;EACA,wEAAA;AH8kCpB;AG1kCY;EAlKR,aAAA;EACA,8BAAA;EACA,uBAAA;EAmKY,uBAAA;OAAA,kBAAA;AH6kChB;AG3kCgB;EACI,OAAA;EAxKhB,aAAA;EACA,8BAAA;EACA,mBAAA;EA0KgB,eAAA;EACA,iBAAA;EACA,eAAA;EACA,WAAA;EACA,gBAAA;EACA,mBAAA;EACA,gBAAA;AH6kCpB;AG1kCgB;EACI,kBAAA;EACA,yBAAA;AH4kCpB;AG1kCoB;EAzLhB,aAAA;EACA,yBAAA;EACA,mBAAA;EA0LoB,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,uBAAA;EACA,eAAA;AH6kCxB;AGzkCgB;EACI,yBAAA;AH2kCpB;AGzkCoB;EACI,WAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;EACA,uEAAA;AH2kCxB;AGrkCQ;EACI,2BAAA;AHukCZ;AGrkCY;EACI,gBAAA;EACA,kBAAA;EACA,sBAAA;EACA,mBAAA;AHukChB;AGrkCgB;EACI,WAAA;EACA,cAAA;EACA,kBAAA;EACA,MAAA;EACA,QAAA;EACA,UAAA;EACA,eAAA;EACA,YAAA;EACA,8BAAA;EACA,qFAAA;AHukCpB;AGpkCgB;EA1OZ,aAAA;EACA,uBAAA;EACA,mBAAA;EA2OgB,eAAA;EACA,kBAAA;EACA,eAAA;EACA,cAAA;EACA,gBAAA;EACA,yBAAA;EACA,uBAAA;AHukCpB;AGrkCoB;EACI,WAAA;EACA,yBAAA;AHukCxB;AGnkCgB;EACI,cAAA;EACA,kBAAA;EACA,QAAA;EACA,QAAA;EACA,UAAA;EACA,2BAAA;EACA,eAAA;EACA,gBAAA;EACA,oEAAA;AHqkCpB;AGhkCgB;EAzQZ,aAAA;EACA,8BAAA;EACA,mBAAA;EA0QgB,WAAA;EACA,iBAAA;EACA,iBAAA;EACA,uBAAA;EACA,mBAAA;EACA,SAAA;EACA,6EAAA;EACA,qBAAA;EACA,kHAAA;EACA,6BAAA;EACA,wCAAA;AHmkCpB;AGjkCoB;EACI,kBAAA;EACA,gBAAA;AHmkCxB;AGjkCwB;EACI,kBAAA;EACA,mBAAA;EACA,cAAA;AHmkC5B;AGhkCwB;EACI,cAAA;EACA,mBAAA;EACA,gBAAA;AHkkC5B;AGhkC4B;EACI,mBAAA;EACA,gBAAA;EACA,cAAA;EACA,kBAAA;AHkkChC;AG7jCoB;EACI,6BAAA;AH+jCxB;AG7jCwB;EACI,eAAA;AH+jC5B;AGzjC4B;EACI,eAAA;EApT5B,oBAAA;EACA,uBAAA;EACA,mBAAA;EAsT4B,kBAAA;EACA,cAAA;EACA,UAAA;EACA,gBAAA;EACA,4BAAA;EACA,mBAAA;EACA,mBAAA;EACA,gBAAA;EACA,cAAA;EACA,yBAAA;EACA,uBAAA;EACA,mBAAA;AH2jChC;AGrjCgB;EACI,aAAA;EACA,qCAAA;EACA,kCAAA;EACA,0BAAA;EACA,uBAAA;AHujCpB;AGrjCoB;EACI,gBAAA;EACA,aAAA;EACA,sBAAA;EACA,kBAAA;EACA,iBAAA;EACA,UAAA;EACA,kCAAA;EACA,qBAAA;EACA,sBAAA;AHujCxB;AGrjCwB;EACI,aAAA;AHujC5B;AGpjCwB;EAtWpB,aAAA;EACA,yBAAA;EACA,mBAAA;EAuWwB,WAAA;EACA,gBAAA;EACA,kBAAA;EACA,eAAA;EACA,sBAAA;EACA,gBAAA;EACA,gBAAA;AHujC5B;AGrjC4B;EACI,WAAA;EACA,YAAA;AHujChC;AGnjCwB;EAvXpB,aAAA;EACA,2BAAA;EACA,uBAAA;EAwXwB,sBAAA;EACA,WAAA;EACA,+BAAA;EACA,eAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;AHsjC5B;AGpjC4B;EACI,qBAAA;EACA,kBAAA;EACA,gBAAA;AHsjChC;AGpjCgC;EACI,mBAAA;EACA,gBAAA;EACA,cAAA;EACA,kBAAA;AHsjCpC;AGhjC4B;EACI,eAAA;EA3Y5B,oBAAA;EACA,uBAAA;EACA,mBAAA;EA6Y4B,kBAAA;EACA,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,4BAAA;EACA,qBAAA;EACA,mBAAA;EACA,gBAAA;EACA,cAAA;EACA,yBAAA;EACA,uBAAA;AHkjChC;AG9iCgC;EACI,aAAA;AHgjCpC;AG1iC4B;EACI,eAAA;EACA,cAAA;EACA,kBAAA;EACA,eAAA;EACA,gBAAA;EACA,UAAA;EACA,YAAA;EACA,mBAAA;EACA,gBAAA;EACA,cAAA;EACA,yBAAA;AH4iChC;AGtiCgC;EACI,gBAAA;AHwiCpC;AGhiCY;EACI,aAAA;EACA,qBAAA;EACA,sBAAA;AHkiChB;AGhiCgB;EACI,sBAAA;EACA,mBAAA;EACA,gBAAA;EACA,WAAA;AHkiCpB;AG/hCgB;EACI,oBAAA;EACA,gBAAA;EACA,WAAA;EACA,iBAAA;AHiiCpB;;AG1hCA;EACI,uBAAA;EACA,sBAAA;AH6hCJ;AG3hCI;EACI,WAAA;EACA,YAAA;EACA,0BAAA;EACA,gBAAA;AH6hCR;AG3hCQ;EAteJ,aAAA;EACA,2BAAA;EACA,mBAAA;AHogDJ;AG7hCY;EACI,eAAA;AH+hChB;AG5hCY;EACI,qBAAA;EACA,kBAAA;EACA,cAAA;AH8hChB;AG5hCgB;EACI,cAAA;EACA,oBAAA;EACA,kBAAA;EACA,cAAA;AH8hCpB;AGxhCI;EACI,mBAAA;EACA,kBAAA;AH0hCR;AGxhCQ;EACI,UAAA;AH0hCZ;AGvhCQ;EACI,kBAAA;EACA,gBAAA;EACA,cAAA;EACA,sBAAA;AHyhCZ;AGthCQ;EACI,eAAA;EACA,cAAA;EACA,gBAAA;AHwhCZ;AGthCY;EAhhBR,aAAA;EACA,2BAAA;EACA,uBAAA;EAihBY,iBAAA;AHyhChB;AGvhCgB;EACI,aAAA;EACA,aAAA;AHyhCpB;AGthCgB;EACI,eAAA;EACA,gBAAA;EACA,cAAA;AHwhCpB;AGrhCgB;EACI,iBAAA;AHuhCpB;AGlhCQ;EAtiBJ,aAAA;EACA,2BAAA;EACA,uBAAA;EAuiBQ,uBAAA;EACA,eAAA;EACA,cAAA;AHqhCZ;AGnhCY;EACI,WAAA;EACA,eAAA;EACA,cAAA;AHqhChB;AGlhCY;EACI,OAAA;AHohChB;AGjhCY;EACI,cAAA;EACA,wBAAA;AHmhChB;AGjhCgB;EACI,eAAA;AHmhCpB;AG/gCY;EACI,mBAAA;AHihChB;AG/gCgB;EAnkBZ,aAAA;EACA,2BAAA;EACA,uBAAA;EAokBgB,mBAAA;EACA,gBAAA;AHkhCpB;AGhhCoB;EACI,WAAA;EACA,cAAA;EACA,gBAAA;EACA,iBAAA;EACA,4BAAA;EACA,uBAAA;EACA,yBAAA;AHkhCxB;AG3gCI;EACI,wBAAA;EACA,SAAA;EACA,yBAAA;EACA,gBAAA;AH6gCR;AG3gCQ;EACI,oBAAA;AH6gCZ;AG1gCQ;EACI,mBAAA;EACA,gBAAA;EACA,qBAAA;AH4gCZ;AGzgCQ;EAvmBJ,aAAA;EACA,2BAAA;EACA,uBAAA;EAwmBQ,oBAAA;EACA,WAAA;EACA,uBAAA;EACA,iBAAA;AH4gCZ;AG1gCY;EACI,WAAA;EACA,cAAA;EACA,cAAA;EACA,cAAA;EACA,eAAA;EACA,8BAAA;EACA,uBAAA;EACA,aAAA;EACA,sBAAA;AH4gChB;AGvgCI;EAtnBA,oBAAA;EACA,2BAAA;EACA,uBAAA;AHgoDJ;AGzgCQ;EACI,WAAA;EACA,cAAA;EACA,cAAA;EACA,eAAA;EACA,6BAAA;EACA,uBAAA;EACA,aAAA;EACA,sBAAA;AH2gCZ;;AGtgCA;EA7oBI,aAAA;EACA,uBAAA;EACA,mBAAA;EA8oBA,eAAA;EACA,SAAA;EACA,OAAA;EACA,WAAA;EACA,gBAAA;EACA,WAAA;AH0gCJ;AGxgCI;EACI,SAAA;AH0gCR;AGvgCI;EA3pBA,aAAA;EACA,uBAAA;EACA,mBAAA;EA4pBI,WAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,WAAA;EACA,gBAAA;EACA,qBAAA;EACA,yBAAA;AH0gCR;AGvgCI;EACI,2BAAA;EAAA,wBAAA;EAAA,mBAAA;AHygCR;AGvgCQ;EACI,WAAA;AHygCZ;;AGpgCA;EACI,kBAAA;EACA,uBAAA;EACA,sBAAA;AHugCJ;AGrgCI;EACI,qBAAA;AHugCR;;AGngCA;EACI,wBAAA;AHsgCJ;AGpgCI;EACI,iBAAA;AHsgCR;AGngCI;EACI,uBAAA;AHqgCR;AGngCQ;EA9rBJ,oBAAA;EACA,2BAAA;EACA,mBAAA;EA+rBQ,kBAAA;EACA,eAAA;EACA,gBAAA;EACA,cAAA;EACA,sBAAA;EACA,gCAAA;AHsgCZ;AGpgCY;EACI,kBAAA;EACA,gBAAA;AHsgChB;AGlgCQ;EACI,mBAAA;AHogCZ;AGhgCI;EACI,kBAAA;EACA,wBAAA;EACA,mBAAA;EACA,WAAA;EACA,qBAAA;EACA,sBAAA;EACA,oBAAA;EACA,qBAAA;AHkgCR;AGhgCQ;EACI,WAAA;EACA,qBAAA;EACA,eAAA;EACA,gBAAA;EACA,qBAAA;EACA,kBAAA;EACA,yBAAA;AHkgCZ;AG//BQ;EACI,mBAAA;AHigCZ;AG9/BQ;EACI,0BAAA;AHggCZ;AG5/BI;EACI,sBAAA;AH8/BR;AG5/BQ;EACI,aAAA;AH8/BZ;AG3/BQ;EACI,2BAAA;EACA,eAAA;EACA,cAAA;EACA,gBAAA;EACA,kBAAA;AH6/BZ;AG1/BQ;EACI,qBAAA;EACA,kBAAA;EACA,WAAA;EACA,kBAAA;AH4/BZ;AG1/BY;EACI,cAAA;EACA,qBAAA;EACA,gBAAA;AH4/BhB;AGv/BI;EACI,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,uBAAA;EACA,WAAA;EACA,eAAA;EACA,uBAAA;EACA,yBAAA;AHy/BR;AGv/BQ;EACI,cAAA;EACA,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,cAAA;AHy/BZ;AGt/BQ;EACI,kBAAA;EACA,WAAA;AHw/BZ;;AGn/BA;EACI,cAAA;EACA,kBAAA;EACA,gBAAA;EACA,gBAAA;AHs/BJ;AGp/BI;EACI,UAAA;EACA,QAAA;EACA,SAAA;EACA,yBAAA;AHs/BR;AGn/BI;EACI,kBAAA;EACA,eAAA;EACA,QAAA;EACA,sBAAA;EACA,yBAAA;EACA,mBAAA;AHq/BR;AGn/BQ;EACI,WAAA;EACA,kBAAA;EACA,QAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;EACA,2BAAA;EACA,yBAAA;EACA,kBAAA;EACA,yBAAA;AHq/BZ;AGj/BI;EACI,sBAAA;AHm/BR;AGj/BQ;EACI,YAAA;AHm/BZ;;AG9+BA;EACI,WAAA;EACA,YAAA;AHi/BJ;AG/+BI;EACI,WAAA;AHi/BR;;AG7+BA;EACI;IACI,eAAA;EHg/BN;AACF;AG7+BA;EACI,UAAA;EACA,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,aAAA;EACA,qBAAA;EACA,mBAAA;EACA,yBAAA;EACA,yCAAA;EACA,0CAAA;EACA,yBAAA;AH++BJ", + "file": "style.css" +} diff --git a/assets/css/style.scss b/assets/css/style.scss index c9ec91e..a34ff69 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -1,915 +1,914 @@ @charset "utf-8"; -@use '_reset' as *; -@use '_swiper' as *; +@use "_reset" as *; +@use "_swiper" as *; // rem 변환 $value = 디자인px @function rem($value) { - $remValue: calc($value / 16) + rem; + $remValue: calc($value / 16) + rem; - @return $remValue; + @return $remValue; } // flex $flex-map: ( - start: flex-start, - end: flex-end, - between: space-between, - around: space-around, - stretch: stretch, - center: center + start: flex-start, + end: flex-end, + between: space-between, + around: space-around, + stretch: stretch, + center: center, ); @function _get-flex-value($key) { - // 입력한 키값($key)를 받아서 - @return map-get($flex-map, $key); // @return 리턴한다. 배열에서 입력한 키값에 맞는 값을. + // 입력한 키값($key)를 받아서 + @return map-get($flex-map, $key); // @return 리턴한다. 배열에서 입력한 키값에 맞는 값을. } @mixin flex($js: center, $ai: center) { - // : 를 붙히고 값을 써준 것은 default값을 설정함 - display: flex; - justify-content: _get-flex-value($js); - align-items: _get-flex-value($ai); + // : 를 붙히고 값을 써준 것은 default값을 설정함 + display: flex; + justify-content: _get-flex-value($js); + align-items: _get-flex-value($ai); } @mixin inlineflex($js: center, $ai: center) { - // : 를 붙히고 값을 써준 것은 default값을 설정함 - display: inline-flex; - justify-content: _get-flex-value($js); - align-items: _get-flex-value($ai); + // : 를 붙히고 값을 써준 것은 default값을 설정함 + display: inline-flex; + justify-content: _get-flex-value($js); + align-items: _get-flex-value($ai); } .layer-wrap { - overflow-y: auto; - position: fixed; - top:0; - left:0; - width: 100%; - height: 100%; - background-color: #f3f4f9; - - .layer-header { - @include flex(start, center); - + overflow-y: auto; position: fixed; top: 0; left: 0; - z-index: 10; width: 100%; - height: rem(60); - padding: 0 rem(10); - background-color: #fff; - border-bottom: 1px solid #c8c8c8; + height: 100%; + background-color: #f3f4f9; - .header-title { - font-size: rem(20); - font-weight: 600; - color: #000; - } - - .btn-back { - position: relative; - width: rem(30); // 화살표 너비 - height: rem(30); // 화살표 높이 - - - &::before { - position: absolute; - top: 30%; - left: 40%; - content: ''; - width: rem(12); // 화살표 크기 - height: rem(12); // 화살표 크기 - border-top: rem(2) solid #000; // 화살표 선 - border-right: rem(2) solid #000; // 화살표 선 - transform: rotate(225deg); // 다음 화살표 - } - - - em { - display: block; - text-indent: -9999em; - } - } - - .btn-close { - position: absolute; - top:50%; - right: rem(20); - transform: translateY(-50%); - width: rem(26); - height: rem(26); - background: url("../images/ico_close.png") no-repeat center / 100% auto; - - em { - display: block; - text-indent: -9999em; - } - } - } - - .layer-container { - padding:rem(60) 0 0; - - .layer-content-header { - padding: rem(16); - border-radius: 0 0 rem(30) rem(30); - background-color: #fff; - - .point-area { - position: relative; - height: rem(130); - padding:0 rem(20); - background: url("../images/ico_point.png") no-repeat 95% 50% / rem(72) auto; - - dt { - font-size: rem(18); - font-weight: 500; - color: #000; - - span { - margin-left:rem(4); - font-size: rem(10); - color:#6b6b6b; - font-weight: 400; - } - } - - dd { - font-size: rem(26); - font-weight: 500; - color: #000; - letter-spacing: rem(-0.64); - - strong { - font-size: rem(32); - font-weight: 700; - } - } - - .btn-useage { - @include flex(start, center); - - position: absolute; - top:0; - right:rem(20); - - em { - display: block; - color:#666; - font-size: rem(14); - font-weight: 400; - border-bottom:1px solid #666; - } - - &::before { - content:""; - display: block; - width: rem(14); - height: rem(14); - margin-right: rem(4); - background: url("../images/ico_info.png") no-repeat center / 100% auto; - } - - } - } - - .btn-txt-arr { + .layer-header { @include flex(start, center); - border-bottom:1px solid #6b6b6b; - color:#6b6b6b; - font-size: rem(10); - font-weight: 400; + position: fixed; + top: 0; + left: 0; + z-index: 10; + width: 100%; + height: rem(60); + padding: 0 rem(10); + background-color: #fff; + border-bottom: 1px solid #c8c8c8; - &::after { - content:""; - display: block; - width: rem(8); - height: rem(8); - margin-left: rem(4); - background: url("../images/ico_arrow_r2.png") no-repeat center / 100% auto; - } - - } - - .btn-area { - @include flex(between, start); - - column-gap: rem(8); - - & > * { - flex: 1; - - @include flex(between, center); - - height: rem(76); - padding: rem(14); - font-size: rem(16); - color:#fff; - font-weight: 500; - border-radius: rem(16); - text-align: left; + .header-title { + font-size: rem(20); + font-weight: 600; + color: #000; } - .btn-discount { - position: relative; - background-color: #e30084; + .btn-back { + position: relative; + width: rem(30); // 화살표 너비 + height: rem(30); // 화살표 높이 - .btn-switch { - @include flex(end, center); + &::before { + position: absolute; + top: 30%; + left: 40%; + content: ""; + width: rem(12); // 화살표 크기 + height: rem(12); // 화살표 크기 + border-top: rem(2) solid #000; // 화살표 선 + border-right: rem(2) solid #000; // 화살표 선 + transform: rotate(225deg); // 다음 화살표 + } + em { + display: block; + text-indent: -9999em; + } + } + + .btn-close { position: absolute; - top:0; - left:0; - width: 100%; - height: 100%; - padding-right: rem(14); - cursor: pointer; - } - } - - .btn-point-use { - background-color: #1e1a3a; - - &::after { - content:""; - display: block; + top: 50%; + right: rem(20); + transform: translateY(-50%); width: rem(26); height: rem(26); - background: url("../images/ico_arrow_r.png") no-repeat center / 100% auto; - } + background: url("../images/ico_close.png") no-repeat center / 100% auto; + + em { + display: block; + text-indent: -9999em; + } } - } - } - .layer-content { - padding:rem(22) rem(16) rem(16); + .layer-container { + padding: rem(60) 0 0; - .category-area { - overflow: hidden; - position: relative; - padding-right: rem(44); - margin-bottom:rem(16); - - &::after { - content:""; - display: block; - position: absolute; - top:0; - right:0; - z-index: 1; - width: rem(62); - height: 100%; - background: rgb(243 244 249); - background: linear-gradient(90deg, rgb(243 244 249 / 0%) 0%, rgb(243 244 249 / 100%) 40%); - } - - .btn-cate { - @include flex(center, center); - - height: rem(36); - padding:0 rem(12); - font-size: rem(16); - color:#7a7d87; - font-weight: 400; - background-color: #e4e7ee; - border-radius: rem(18); - - &.active { - color: #fff; - background-color: #1e1a3a; - } - } - - .btn-more { - display: block; - position: absolute; - top:50%; - right:0; - z-index: 2; - transform: translateY(-50%); - width: rem(30); - height: rem(30); - background: url("../images/btn_more.png") no-repeat center / 100% auto; - - } - } - - - - .list-area { - .noti { - @include flex(between, center); - - width: 100%; - height: rem(111); - padding: rem(2); - margin-bottom:rem(14); - border-radius: rem(16); - border: 0 ; - border-image-source: linear-gradient(to right, #e30084, #a62cbf 51%, #6b57f8); - border-image-slice: 1; - background-image: linear-gradient(to bottom, #fff, #fff), linear-gradient(to right, #e30084, #a62cbf 51%, #6b57f8); - background-origin: border-box; - background-clip: content-box, border-box; - - .txt-area { - padding:0 rem(20); - line-height: 1.3; - - .tit { - position: relative; - font-size: rem(18); - color:#7a7d87; - } - - .acc { - display: block; - font-size: rem(22); - font-weight: 700; - - strong { - font-size: rem(30); - font-weight: 700; - margin-left: 0; - padding: 0 rem(4); - } - } - } - - .img-area { - padding:0 rem(20) 0 rem(10); - - img { - width: rem(66); - } - } - - &.quick { - .tit { - &::after { - content: "즉시적립"; - - @include inlineflex(center, center); - - position: absolute; - top:rem(3); - left: 100%; - height: rem(18); - padding: 0 rem(6) rem(2); - margin-left:rem(8); - font-size: rem(10); - font-weight: 700; - color: #e30084; - background-color: #fbdaed; - border-radius: rem(10); - white-space: nowrap; - } - } - } - } - - .list { - display: grid; - grid-template-columns: repeat(2, 1fr); - grid-template-rows: repeat(2, 1fr); - grid-gap: rem(10) rem(12); - margin-bottom:rem(22); - - li { - overflow: hidden; - display: flex; - flex-direction: column; - position: relative; - height: rem(143); - padding: 0; - border: solid 0 rgb(233 233 233); - border-radius: rem(8); + .layer-content-header { + padding: rem(16); + border-radius: 0 0 rem(30) rem(30); background-color: #fff; - &+li { - margin-top: 0; - } + .point-area { + position: relative; + height: rem(130); + padding: 0 rem(20); + background: url("../images/ico_point.png") no-repeat 95% 50% / rem(72) auto; - .img-area { - @include flex(end, center); + dt { + font-size: rem(18); + font-weight: 500; + color: #000; - width: 100%; - height: rem(62); - padding: 0 rem(12); - margin-right: 0; - background-color: #fff; - border-radius: 0; - box-shadow: none; - - img { - width: rem(48); - height: rem(48); - } - } - - .txt-area { - @include flex(start, start); - - flex-direction: column; - width: 100%; - padding: rem(10) rem(16) rem(2); - font-size: rem(16); - color: #1e1a3a; - font-weight: 500; - border-radius: 0; - - .acc { - align-items: flex-end; - font-size: rem(20); - font-weight: 700; - - strong { - font-size: rem(30); - font-weight: 700; - margin-left: 0; - padding: 0 rem(4); + span { + margin-left: rem(4); + font-size: rem(10); + color: #6b6b6b; + font-weight: 400; + } + } + + dd { + font-size: rem(26); + font-weight: 500; + color: #000; + letter-spacing: rem(-0.64); + + strong { + font-size: rem(32); + font-weight: 700; + } + } + + .btn-useage { + @include flex(start, center); + + position: absolute; + top: 0; + right: rem(20); + + em { + display: block; + color: #666; + font-size: rem(14); + font-weight: 400; + border-bottom: 1px solid #666; + } + + &::before { + content: ""; + display: block; + width: rem(14); + height: rem(14); + margin-right: rem(4); + background: url("../images/ico_info.png") no-repeat center / 100% auto; + } } - } } - &.quick { - &::after { - content: "즉시적립"; + .btn-txt-arr { + @include flex(start, center); - @include inlineflex(center, center); - - position: absolute; - bottom:rem(8.5); - left:rem(6); - height: rem(18); - padding: 0 rem(6) rem(2); - margin-left: rem(6); - font-size: rem(10); - font-weight: 700; - color: #e30084; - background-color: #fbdaed; - border-radius: rem(10); - } - - .txt-area { - &::before { - display: none; - } - } - } - - &.etc-cash { - &::before { - content: "방문+1"; - display: block; - position: absolute; - bottom: rem(12); - left: rem(8.5); - z-index: 3; - padding: 2px; + border-bottom: 1px solid #6b6b6b; + color: #6b6b6b; font-size: rem(10); - font-weight: 700; - color: #f84d40; - background-color: #fff7d7; - } - } + font-weight: 400; - &.quick { - &.etc-cash { - &::before { - left: rem(53.5); + &::after { + content: ""; + display: block; + width: rem(8); + height: rem(8); + margin-left: rem(4); + background: url("../images/ico_arrow_r2.png") no-repeat center / 100% auto; } - } } - } - } - - - } + .btn-area { + @include flex(between, start); - .caution-area { - padding: rem(16); - border-radius: rem(8); - background-color: #fff; + column-gap: rem(8); - h3 { - margin-bottom:rem(12); - font-size: rem(18); - font-weight: 700; - color:#000; + & > * { + flex: 1; + + @include flex(between, center); + + height: rem(76); + padding: rem(14); + font-size: rem(16); + color: #fff; + font-weight: 500; + border-radius: rem(16); + text-align: left; + } + + .btn-discount { + position: relative; + background-color: #e30084; + + .btn-switch { + @include flex(end, center); + + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + padding-right: rem(14); + cursor: pointer; + } + } + + .btn-point-use { + background-color: #1e1a3a; + + &::after { + content: ""; + display: block; + width: rem(26); + height: rem(26); + background: url("../images/ico_arrow_r.png") no-repeat center / 100% auto; + } + } + } } - p { - font-size: rem(13); - font-weight: 400; - color:#666; - line-height: 1.54; + .layer-content { + padding: rem(22) rem(16) rem(16); + + .category-area { + overflow: hidden; + position: relative; + padding-right: rem(44); + margin-bottom: rem(16); + + &::after { + content: ""; + display: block; + position: absolute; + top: 0; + right: 0; + z-index: 1; + width: rem(62); + height: 100%; + background: rgb(243 244 249); + background: linear-gradient(90deg, rgb(243 244 249 / 0%) 0%, rgb(243 244 249 / 100%) 40%); + } + + .btn-cate { + @include flex(center, center); + + height: rem(36); + padding: 0 rem(12); + font-size: rem(16); + color: #7a7d87; + font-weight: 400; + background-color: #e4e7ee; + border-radius: rem(18); + + &.active { + color: #fff; + background-color: #1e1a3a; + } + } + + .btn-more { + display: block; + position: absolute; + top: 50%; + right: 0; + z-index: 2; + transform: translateY(-50%); + width: rem(30); + height: rem(30); + background: url("../images/btn_more.png") no-repeat center / 100% auto; + } + } + + .list-area { + .noti { + @include flex(between, center); + + width: 100%; + height: rem(111); + padding: rem(2); + margin-bottom: rem(14); + border-radius: rem(16); + border: 0; + border-image-source: linear-gradient(to right, #e30084, #a62cbf 51%, #6b57f8); + border-image-slice: 1; + background-image: linear-gradient(to bottom, #fff, #fff), linear-gradient(to right, #e30084, #a62cbf 51%, #6b57f8); + background-origin: border-box; + background-clip: content-box, border-box; + + .txt-area { + padding: 0 rem(20); + line-height: 1.3; + + .tit { + position: relative; + font-size: rem(18); + color: #7a7d87; + } + + .acc { + display: block; + font-size: rem(22); + font-weight: 700; + + strong { + font-size: rem(30); + font-weight: 700; + margin-left: 0; + padding: 0 rem(4); + } + } + } + + .img-area { + padding: 0 rem(20) 0 rem(10); + + img { + width: rem(66); + } + } + + &.quick { + .tit { + &::after { + content: "즉시적립"; + + @include inlineflex(center, center); + + position: absolute; + top: rem(3); + left: 100%; + height: rem(18); + padding: 0 rem(6) rem(2); + margin-left: rem(8); + font-size: rem(10); + font-weight: 700; + color: #e30084; + background-color: #fbdaed; + border-radius: rem(10); + white-space: nowrap; + } + } + } + } + + .list { + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-template-rows: repeat(2, 1fr); + grid-gap: rem(10) rem(12); + margin-bottom: rem(22); + + li { + overflow: hidden; + display: flex; + flex-direction: column; + position: relative; + height: rem(143); + padding: 0; + border: solid 0 rgb(233 233 233); + border-radius: rem(8); + background-color: #fff; + + & + li { + margin-top: 0; + } + + .img-area { + @include flex(end, center); + + width: 100%; + height: rem(62); + padding: 0 rem(12); + margin-right: 0; + background-color: #fff; + border-radius: 0; + box-shadow: none; + + img { + width: rem(48); + height: rem(48); + } + } + + .txt-area { + @include flex(start, start); + + flex-direction: column; + width: 100%; + padding: rem(10) rem(16) rem(2); + font-size: rem(16); + color: #1e1a3a; + font-weight: 500; + border-radius: 0; + + .acc { + align-items: flex-end; + font-size: rem(20); + font-weight: 700; + + strong { + font-size: rem(30); + font-weight: 700; + margin-left: 0; + padding: 0 rem(4); + } + } + } + + &.quick { + &::after { + content: "즉시적립"; + + @include inlineflex(center, center); + + position: absolute; + bottom: rem(8.5); + left: rem(6); + height: rem(18); + padding: 0 rem(6) rem(2); + margin-left: rem(6); + font-size: rem(10); + font-weight: 700; + color: #e30084; + background-color: #fbdaed; + border-radius: rem(10); + } + + .txt-area { + &::before { + display: none; + } + } + } + + &.etc-cash { + &::before { + content: "방문+1"; + display: block; + position: absolute; + bottom: rem(12); + left: rem(8.5); + z-index: 3; + padding: 2px; + font-size: rem(10); + font-weight: 700; + color: #f84d40; + background-color: #fff7d7; + } + } + + &.quick { + &.etc-cash { + &::before { + left: rem(53.5); + } + } + } + } + } + } + + .caution-area { + padding: rem(16); + border-radius: rem(8); + background-color: #fff; + + h3 { + margin-bottom: rem(12); + font-size: rem(18); + font-weight: 700; + color: #000; + } + + p { + font-size: rem(13); + font-weight: 400; + color: #666; + line-height: 1.54; + } + } } - } } - } } - .point-earn { - padding-bottom:rem(68); - background-color: #fff; + padding-bottom: rem(68); + background-color: #fff; - .point-info { - width: 100%; - height: auto; - padding:rem(30) rem(22); - background: none; + .point-info { + width: 100%; + height: auto; + padding: rem(30) rem(22); + background: none; - figure { - @include flex(start, center); + figure { + @include flex(start, center); - img { - width: rem(110); - } + img { + width: rem(110); + } - figcaption { - margin-left: rem(22); - font-size: rem(20); - color: #6b6b6b; + figcaption { + margin-left: rem(22); + font-size: rem(20); + color: #6b6b6b; - strong { - display: block; - margin-top: rem(6); - font-size: rem(28); - color: #212121; + strong { + display: block; + margin-top: rem(6); + font-size: rem(28); + color: #212121; + } + } } - } - } - } - - .desc { - padding:0 rem(22); - margin: 0 0 rem(40); - - >dl { - padding: 0; } - dt { - font-size: rem(20); - font-weight: 700; - color: #212121; - margin-bottom: rem(20); - } + .desc { + padding: 0 rem(22); + margin: 0 0 rem(40); - dd { - font-size: rem(16); - color: #6b6b6b; - font-weight: 400; - - dl { - @include flex(start, start); - - padding: rem(16) 0 0; - - &+dl { - margin-top: 0; - border-top: 0; + > dl { + padding: 0; } dt { - font-size: rem(16); - font-weight: 400; - color: #212121; + font-size: rem(20); + font-weight: 700; + color: #212121; + margin-bottom: rem(20); } dd { - margin-left: rem(16); + font-size: rem(16); + color: #6b6b6b; + font-weight: 400; + + dl { + @include flex(start, start); + + padding: rem(16) 0 0; + + & + dl { + margin-top: 0; + border-top: 0; + } + + dt { + font-size: rem(16); + font-weight: 400; + color: #212121; + } + + dd { + margin-left: rem(16); + } + } + } + + li { + @include flex(start, start); + + margin-bottom: rem(18); + font-size: rem(16); + color: #6b6b6b; + + em { + float: none; + width: rem(110); + color: #212121; + } + + > span { + flex: 1; + } + + .coupon { + display: block; + margin-bottom: rem(5); + + img { + width: rem(150); + } + } + + .txt-caution { + margin-top: rem(4); + + & > * { + @include flex(start, start); + + font-size: rem(10); + line-height: 1.6; + + &::before { + content: ""; + display: block; + width: rem(3); + height: rem(3); + margin: rem(6) rem(4) 0 0; + border-radius: rem(2); + background-color: #6b6b6b; + } + } + } } - } } - li { - @include flex(start, start); + .txt-box { + padding: rem(24) rem(22); + margin: 0; + background-color: #f2f3f7; + border-radius: 0; - margin-bottom: rem(18); - font-size: rem(16); - color: #6b6b6b; - - em { - float: none; - width: rem(110); - color: #212121; - } - - > span { - flex: 1; - } - - .coupon { - display: block; - margin-bottom: rem(5); - - img { - width: rem(150); + ul + h4 { + margin-top: rem(26); } - } - .txt-caution { - margin-top: rem(4); + h4 { + font-size: rem(18); + font-weight: 500; + margin-bottom: rem(8); + } - &>* { - @include flex(start, start); + li { + @include flex(start, start); - font-size: rem(10); - line-height: 1.6; + font-size: rem(13); + color: #666; + margin-bottom: rem(6); + line-height: 1.54; - &::before { + &::before { + content: ""; + display: block; + flex: 0 0 auto; + width: rem(4); + height: rem(4); + margin: rem(5) rem(6) 0 0; + border-radius: rem(2); + opacity: 0.56; + background-color: #999; + } + } + } + + .ico-bu { + @include inlineflex(start, start); + + &::before { content: ""; display: block; - width: rem(3); - height: rem(3); - margin: rem(6) rem(4) 0 0; + width: rem(4); + height: rem(4); + margin: rem(6) rem(6) 0 0; border-radius: rem(2); - background-color: #6b6b6b; - } + opacity: 0.56; + background-color: #999; } - } } - } - - .txt-box { - padding: rem(24) rem(22); - margin: 0; - background-color: #f2f3f7; - border-radius: 0; - - ul+h4 { - margin-top: rem(26); - } - - h4 { - font-size: rem(18); - font-weight: 500; - margin-bottom: rem(8); - } - - li { - @include flex(start, start); - - font-size: rem(13); - color: #666; - margin-bottom: rem(6); - line-height: 1.54; - - &::before { - content: ""; - display: block; - flex: 0 0 auto; - width: rem(4); - height: rem(4); - margin: rem(5) rem(6) 0 0; - border-radius: rem(2); - opacity: 0.56; - background-color: #999; - } - } - } - - - .ico-bu { - @include inlineflex(start, start); - - &::before { - content: ""; - display: block; - width: rem(4); - height: rem(4); - margin: rem(6) rem(6) 0 0; - border-radius: rem(2); - opacity: 0.56; - background-color: #999; - } - } - } .btn-area.fixed-bottom { - @include flex(center, center); - - position: fixed; - bottom: 0; - left: 0; - width: 100%; - padding: rem(12); - z-index: 10; - - button + button { - margin: 0; - } - - button { @include flex(center, center); + position: fixed; + bottom: 0; + left: 0; width: 100%; - height: rem(58); - padding: 0 rem(20); - font-size: rem(20); - color:#fff; - font-weight: 500; - border-radius: rem(8); - background-color: #e30084; - } + padding: rem(12); + z-index: 10; - &.btn-full { - height: fit-content; + button + button { + margin: 0; + } - button { - width: 100%; - } - } + button { + @include flex(center, center); + width: 100%; + height: rem(58); + padding: 0 rem(20); + font-size: rem(20); + color: #fff; + font-weight: 500; + border-radius: rem(8); + background-color: #e30084; + } + + &.btn-full { + height: fit-content; + + button { + width: 100%; + } + } } .card { - padding: 0 1.25rem; - border-radius: rem(10); - background-color: #fff; + padding: 0 1.25rem; + border-radius: rem(10); + background-color: #fff; - + .card { - margin-top: 0.9375rem; - } + + .card { + margin-top: 0.9375rem; + } } .cache-guide { - padding: rem(20) rem(12); + padding: rem(20) rem(12); - #header + main { - padding-bottom: 0; - } - - section { - padding: rem(28) rem(24); - - h3 { - @include inlineflex(start, center); - - position: relative; - font-size: rem(16); - font-weight: 500; - color:#e30084; - margin-bottom: rem(20); - border-bottom: 1px solid #e30084; - - em { - font-size: rem(20); - font-weight: 700; - } - } - - img { - margin-top:rem(20); - } - } - - .bu-type li { - position: relative; - padding: 0 rem(8) 0 rem(16); - font-size: rem(14); - color: #555; - line-height: rem(18); - text-indent: rem(-14); - word-break: keep-all; - word-wrap: break-word; - - &::before { - content: ""; - display: inline-block; - width: rem(10); - height: rem(10); - margin-right: rem(4); - border-radius: 50%; - background-color: #ffe4f4; - } - - + li { - margin-top: rem(12); - } - - b { - text-decoration: underline; - } - } - - .cs-info { - margin-top: -0.3125rem; - - &::before { - display: none; - } - - h4 { - padding: 0.75rem 0 0.625rem; - font-size: 1rem; - color: #e30084; - font-weight: 700; - text-align: center; - } - - p { - padding: 0.625rem 0 0; - font-size: 0.75rem; - color: #666; - text-align: center; - - em { - display: block; - margin-top: 0.4375rem; - font-weight: 500; - } - } - } - - .cs-box { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - width: 100%; - height: 3.75rem; - border-radius: 1.875rem; - background-color: #ffe8f5; - - strong { - display: block; - font-size: 0.975rem; - color: #e30084; - font-weight: 700; - line-height: 1; + #header + main { + padding-bottom: 0; } - a { - font-size: 0.75rem; - color: #111; + section { + padding: rem(28) rem(24); + + h3 { + @include inlineflex(start, center); + + position: relative; + font-size: rem(16); + font-weight: 500; + color: #e30084; + margin-bottom: rem(20); + border-bottom: 1px solid #e30084; + + em { + font-size: rem(20); + font-weight: 700; + } + } + + img { + margin-top: rem(20); + } + } + + .bu-type li { + position: relative; + padding: 0 rem(8) 0 rem(16); + font-size: rem(14); + color: #555; + line-height: rem(18); + text-indent: rem(-14); + word-break: keep-all; + word-wrap: break-word; + + &::before { + content: ""; + display: inline-block; + width: rem(10); + height: rem(10); + margin-right: rem(4); + border-radius: 50%; + background-color: #ffe4f4; + } + + + li { + margin-top: rem(12); + } + + b { + text-decoration: underline; + } + } + + .cs-info { + margin-top: -0.3125rem; + + &::before { + display: none; + } + + h4 { + padding: 0.75rem 0 0.625rem; + font-size: 1rem; + color: #e30084; + font-weight: 700; + text-align: center; + } + + p { + padding: 0.625rem 0 0; + font-size: 0.75rem; + color: #666; + text-align: center; + + em { + display: block; + margin-top: 0.4375rem; + font-weight: 500; + } + } + } + + .cs-box { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + width: 100%; + height: 3.75rem; + border-radius: 1.875rem; + background-color: #ffe8f5; + + strong { + display: block; + font-size: 0.975rem; + color: #e30084; + font-weight: 700; + line-height: 1; + } + + a { + font-size: 0.75rem; + color: #111; + } } - } } .switch { - display: block; - position: relative; - width: rem(49); - height: rem(26); + display: block; + position: relative; + width: rem(49); + height: rem(26); - input { - opacity: 0; - width: 0; - height: 0; - background-color: #e30084; - } + input { + opacity: 0; + width: 0; + height: 0; + background-color: #e30084; + } - .slider { - position: absolute; - cursor: pointer; - inset: 0; - background-color: #fff; - transition: 0.2s all ease; - border-radius: 1rem; + .slider { + position: absolute; + cursor: pointer; + inset: 0; + background-color: #fff; + transition: 0.2s all ease; + border-radius: 1rem; - &::before { - content: ""; - position: absolute; - top: 50%; - left: rem(2); - width: rem(22); - height: rem(22); - transform: translateY(-50%); - background-color: #e30084; - border-radius: 50%; - transition: 0.2s all ease; - } - } + &::before { + content: ""; + position: absolute; + top: 50%; + left: rem(2); + width: rem(22); + height: rem(22); + transform: translateY(-50%); + background-color: #e30084; + border-radius: 50%; + transition: 0.2s all ease; + } + } - input:checked + .slider { - background-color: #fff; + input:checked + .slider { + background-color: #fff; - &::before { - left: rem(24); - } - } + &::before { + left: rem(24); + } + } } .swiper { - width: 100%; - height: 100%; + width: 100%; + height: 100%; - .swiper-slide { - width: auto; - } + .swiper-slide { + width: auto; + } } - @media only screen and (width <= 320px) { - html { - font-size: 14px; - } -} \ No newline at end of file + html { + font-size: 14px; + } +} + +.test-gil { + color: red; + font-size: 20px; + font-weight: bold; + text-align: center; + margin-bottom: 20px; + padding: 10px; + border: 1px solid red; + border-radius: 10px; + background-color: #f0f0f0; + box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%); + text-shadow: 0 0 10px 0 rgb(0 0 0 / 10%); + text-transform: uppercase; +} diff --git a/index.html b/index.html index edc0c49..be13ddf 100644 --- a/index.html +++ b/index.html @@ -1,192 +1,185 @@ - - - - - - 쿠팡 방문하고 포인트 적립 - - + + + + + + 쿠팡 방문하고 포인트 적립 + + + + +
+ +
+

쇼핑 적립

+ +
+ - - -
- -
-

쇼핑 적립

- -
- - - -
-
- 테스트를 위해 작성 주dd -
-
    -
  • 1
    • -
  • 2
    • -
  • 3
    • -
  • 4
    • -
  • 5
    • -
  • 6
    • -
  • 7
    • -
  • 8
    • -
-
-
-
-
- 내 포인트적립예정 : 10 건 -
-
- 22,000 P -
-
- - - -
+ +
+
테스트를 위해 작성 주dd
+
    +
  • 1
    • +
  • 2
    • +
  • 3
    • +
  • 4
    • +
  • 5
    • +
  • 6
    • +
  • 7
    • +
  • 8
    • +
+
이번에는 MR테스트트
+
+
+
+
내 포인트적립예정 : 10 건
+
22,000 P
+
-
- - - -
-
+ + +
-
-
-
-
- - -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- 쿠팡 쇼핑 금액의 - - 2.2% 적립 받기 - -
-
-
+
+ - - + +
+
-
-

유의사항

-

※ 유의사항 : 본 콘텐츠는 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

-
-
-
-
- -
- +
+
+
+
+ + +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ 쿠팡 쇼핑 금액의 + 2.2% 적립 받기 +
+
+
+ + - -const buttons = document.querySelectorAll('.btn-cate'); -buttons.forEach((button) => { - button.addEventListener('click', () => { - buttons.forEach((btn) => btn.classList.remove('active')); - button.classList.add('active'); - }); -}); + - - + const buttons = document.querySelectorAll(".btn-cate"); + buttons.forEach((button) => { + button.addEventListener("click", () => { + buttons.forEach((btn) => btn.classList.remove("active")); + button.classList.add("active"); + }); + }); + +