@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";

@keyframes zoom-in {
    0% {
        transform: scale(1.3)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes fade-up {
    0% {
        transform: translateY(50px);
        opacity: 0
    }

    100% {
        transform: translateY(0px);
        opacity: 1
    }
}

@keyframes fade-down {
    0% {
        transform: translateY(-50px);
        opacity: 0
    }

    100% {
        transform: translateY(0px);
        opacity: 1
    }
}

@keyframes fade-left {
    0% {
        transform: translateX(50px);
        opacity: 0
    }

    100% {
        transform: translateX(0px);
        opacity: 1
    }
}

@keyframes fade-right {
    0% {
        transform: translateX(-50px);
        opacity: 0
    }

    100% {
        transform: translateX(0px);
        opacity: 1
    }
}

@keyframes marquee01 {
    0% {
        transform: translateX(0%)
    }

    50% {
        transform: translateX(-100%)
    }

    50.01% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(0%)
    }
}

@keyframes marquee02 {
    0% {
        transform: translateX(0%)
    }

    100% {
        transform: translateX(-200%)
    }
}

@keyframes marquee03 {
    0% {
        transform: translateX(30%)
    }

    100% {
        transform: translateX(-100%)
    }
}

*,
*:before,
*:after {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    /* word-break: break-all !important; */
    word-break: keep-all;
    word-wrap: break-word;
    margin: 0;
    padding: 0;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans", sans-serif
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

*::-webkit-scrollbar {
    width: 0px;
    height: 0px
}

*::-webkit-scrollbar-thumb {
    background-color: #d6211e;
    border-radius: 4px
}

*::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input,
textarea,
button {
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    outline: none;
    background: none;
    resize: none
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    line-height: inherit;
    color: inherit
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    line-height: inherit;
    color: inherit
}

input,
input::placeholder,
option,
textarea,
textarea::placeholder,
select {
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    line-height: inherit;
    color: inherit
}

input[type=checkbox] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 40px;
    height: 40px;
    border: 1px solid #aaa;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: .3s
}

input[type=checkbox]:checked {
    border-color: rgba(0, 0, 0, 0);
    background-image: url("../images/common/input_check.png")
}

ol,
ul,
li {
    list-style: none
}

img {
    max-width: 100%;
    vertical-align: middle
}

a,
address {
    text-decoration: none;
    font-style: normal;
    color: inherit
}

body {
    max-width: 500px;
    margin: 0 auto;
    line-height: 1.3;
    width: 100%;
    overflow-x: hidden;
    color: #000;
    background-color: #111
}

body.stop_scroll {
    height: 100%;
    overflow-y: hidden
}

header,
footer {
    max-width: 500px
}

.header_blur {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 90;
    opacity: 0;
    transition: opacity .3s cubic-bezier(0.25, 0.45, 0.5, 1);
    pointer-events: none
}

.header_blur.on {
    width: 100%;
    height: 100%;
    background-color: rgba(216, 216, 216, .1);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    opacity: 1
}

.a_link {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    cursor: pointer
}

.ellipsis_line1 {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.ellipsis_line2 {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.ellipsis_line3 {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.aos-span {
    display: inline-block
}

.block-only {
    display: block !important
}

.pc-only {
    display: block
}

.ta-only {
    display: none
}

.mo-only {
    display: none
}

@media(max-width: 1024px) {
    .pc-only {
        display: none
    }

    .ta-only {
        display: block
    }
}

@media(max-width: 450px) {
    .ta-only {
        display: none
    }

    .mo-only {
        display: block
    }
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    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
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.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,
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.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: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.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-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

.swiper-virtual .swiper-slide {
    -webkit-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: 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: .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: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,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .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: 10px;
    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: 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;
    -webkit-appearance: none;
    -moz-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: 10px;
    top: 50%;
    transform: translate3d(0px, -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: .2s transform, .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: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(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: 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: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.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: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    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%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.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: rgba(0, 0, 0, 0)
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    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)
    }
}

.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-wrap: wrap;
    flex-direction: column
}

.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,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    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-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    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-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden
}

header {
    width: 100%;
    background-color: #fff;
    position: fixed;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 10px;
    z-index: 50;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

header .header-wrap {
    width: 100%;
    overflow-x: auto
}

header .header-wrap::-webkit-scrollbar {
    width: 0;
    height: 0
}

header .header-wrap ul {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px
}

header .header-wrap ul li {
    border-radius: 15px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    padding: 8px 15px;
    color: #8c8c8c;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    transition: .15s;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -ms-transition: .15s;
    -o-transition: .15s;
    white-space: nowrap
}

header .header-wrap ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: .15s;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -ms-transition: .15s;
    -o-transition: .15s
}

header .header-wrap ul li.active {
    background-color: #000;
    border-color: #000;
    color: #fff
}

header.active {
    top: 0
}

footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 50
}

footer .footer-wrap {
    width: 100%;
    background-color: #fff;
    padding: 8px 0
}

footer .footer-wrap ul {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px
}

footer .footer-wrap ul li {
    width: 100%;
    height: 100%
}

footer .footer-wrap ul li a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    font-size: 10px;
    font-weight: normal;
    color: #909090
}

footer .footer-wrap ul li a:not(.order) .icon-wrap {
    width: 20px;
    height: 20px
}

footer .footer-wrap ul li a:not(.order) .icon-wrap svg {
    width: 100%;
    height: 100%
}

footer .footer-wrap ul li a:not(.order) .icon-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

footer .footer-wrap ul li a.order {
    padding-top: 30px;
    position: relative
}

footer .footer-wrap ul li a.order .icon-wrap {
    width: 60px;
    height: 60px;
    background-color: #e50070;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    border-radius: 50%;
    top: -37px;
    z-index: 2
}

footer .footer-wrap ul li a.order .icon-wrap .total_value {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    border-radius: 50%;
    background-color: #e50070;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

footer .footer-wrap ul li a.order .icon-wrap .total_value.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.intro_wrap {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 500px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: all .5s 1.8s
}

.intro_wrap svg {
    width: 200px;
    aspect-ratio: 130/31
}

.intro_wrap svg g {
    transition-duration: 1s
}

.intro_wrap svg .g_>g:not(.s_g) {
    opacity: 0;
    transition-delay: .7s
}

.intro_wrap svg .g_>g.s_g {
    opacity: 0
}

.intro_wrap svg .g_>g.s_g g:nth-of-type(1) {
    transform: translateX(50px)
}

.intro_wrap svg .g_>g.s_g g:nth-of-type(2) {
    transform: translateX(-50px)
}

.intro_wrap svg .g_>g.s_g g:nth-of-type(2) path:nth-last-of-type(1) {
    transition: 1s 1s;
    -webkit-transition: 1s 1s;
    -moz-transition: 1s 1s;
    -ms-transition: 1s 1s;
    -o-transition: 1s 1s
}

.intro_wrap.active {
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.intro_wrap.active svg .g_>g:not(.s_g) {
    opacity: 1
}

.intro_wrap.active svg .g_>g.s_g {
    opacity: 1
}

.intro_wrap.active svg .g_>g.s_g g:nth-of-type(1) {
    transform: translateX(0)
}

.intro_wrap.active svg .g_>g.s_g g:nth-of-type(2) {
    transform: translateX(0)
}

.intro_wrap.active svg .g_>g.s_g g:nth-of-type(2) path:nth-last-of-type(1) {
    fill: #744799
}

main {
    background-color: #ededed
}

main section {
    width: 100%;
    position: relative
}

main section article {
    width: 100%;
    position: relative
}

main section article .wrap {
    width: 100%;
    position: relative
}

main#main_page {
    padding-bottom: 100px
}

main#main_page section {
    width: 100%;
    position: relative
}

main#main_page section article {
    width: 100%;
    position: relative
}

main#main_page section article .wrap {
    width: 100%;
    position: relative
}

main#main_page section.header {
    padding: 5px 20px;
    width: 100%;
    background-color: #fff;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2
}

main#main_page section.header article .wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 0
}

main#main_page section.header article .wrap .logo {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 10px
}

main#main_page section.header article .wrap .logo img {
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain
}

main#main_page section.header article .wrap .logo span {
    font-size: 14px;
    color: #e50070;
    line-height: 1
}

main#main_page section.header article .wrap .toggle {
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 12.5px;
    position: relative;
    border: 1px solid #e50070
}

main#main_page section.header article .wrap .toggle a {
    display: inline-block;
    font-size: 14px;
    white-space: nowrap;
    line-height: 1;
    color: #e50070;
    font-weight: 500;
    padding: 0 15px;
    z-index: 5;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

main#main_page section.header article .wrap .toggle a.active {
    color: #fff
}

main#main_page section.header article .wrap .toggle .toggle_bg {
    height: 100%;
    background-color: #e50070;
    border-radius: 12.5px;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    z-index: 1;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

main#main_page section.s01 {
    position: relative;
    z-index: 1
}

main#main_page section.s01 article .wrap .main-imgae {
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden
}

main#main_page section.s01 article .wrap .main-imgae img {
    width: 100%;
    height: 100%;
    -o-object-position: bottom;
    object-position: bottom;
    -o-object-fit: cover;
    object-fit: cover
}

main#main_page section.s01 article .wrap .main-title-box {
    width: calc(100% - 20px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background-color: #fff;
    border-radius: 15px;
    gap: 20px;
    margin: 30px auto 0;
    text-align: center
}

main#main_page section.s01 article .wrap .main-title-box .left {
    width: 100%;
    line-height: 1
}

main#main_page section.s01 article .wrap .main-title-box .left h1 {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin-bottom: 7px
}

main#main_page section.s01 article .wrap .main-title-box .left p {
    font-size: 18px;
    font-weight: 400;
    color: #909090
}

main#main_page section.s01 article .wrap .main-title-box .right {
    width: 52px;
    height: 52px;
    min-width: 52px
}

main#main_page section.s01 article .wrap .main-title-box .right a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #f8f8f8;
    border-radius: 50%;
    gap: 2px
}

main#main_page section.s01 article .wrap .main-title-box .right a span {
    font-family: "Noto Sans";
    font-size: 16px;
    font-weight: 500
}

main#main_page section.s01 article .wrap .main-imgae+.main-title-box {
    margin: 0;
    padding: 15px 20px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%)
}

main#main_page section.s02 {
    padding: 60px 0
}

main#main_page section.s02 article .wrap {
    padding: 10px
}

main#main_page section.s02 article .wrap h2 {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
    line-height: 1;
    padding-left: 10px
}

main#main_page section.s02.padding_30 {
    padding-top: 30px
}

main#main_page section.footer article .wrap {
    font-size: 14px;
    font-weight: 500;
    color: #fff
}

main#main_page section.footer article .wrap .top {
    width: 100%;
    padding: 25px 20px;
    background-color: #e50070
}

main#main_page section.footer article .wrap .top .logo {
    margin-bottom: 20px
}

main#main_page section.footer article .wrap .top address {
    line-height: 1.5
}

main#main_page section.footer article .wrap .top address a {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

main#main_page section.footer article .wrap .top address a:hover {
    color: #ccc
}

main#main_page section.footer article .wrap .bottom {
    padding: 10px 0;
    width: 100%;
    background-color: #8a0647;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px
}

main#main_page section.footer article .wrap .bottom .creativechang {
    width: 85px
}

main#main_page section.footer article .wrap .bottom .creativechang img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

main#subPage.order section {
    max-width: 500px
}

main#subPage.order section.s01::before {
    content: "";
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 500px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 1;
    transition: 1s 1s;
    -webkit-transition: 1s 1s;
    -moz-transition: 1s 1s;
    -ms-transition: 1s 1s;
    -o-transition: 1s 1s;
    z-index: 4
}

main#subPage.order section.s01 article {
    height: 100%
}

main#subPage.order section.s01 article .wrap {
    position: relative;
    height: 100%
}

main#subPage.order section.s01 article .wrap .video-box {
    position: absolute;
    z-index: 5;
    width: 100%;
    max-width: 500px;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    height: 100vh;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

main#subPage.order section.s01 article .wrap .video-box>* {
    position: absolute;
    width: 100%;
    aspect-ratio: 400/233;
    -o-object-fit: cover;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    -webkit-user-select: initial;
    -moz-user-select: initial;
    user-select: initial;
    pointer-events: visible
}

main#subPage.order section.s01 article .wrap:before {
    content: "";
    width: 100%;
    aspect-ratio: 400/233;
    display: block
}

main#subPage.order section.s01 article .wrap .box {
    width: 100%;
    padding: 10px;
    height: 100%;
    padding-bottom: 0
}

main#subPage.order section.s01 article .wrap .box .center {
    width: 100%;
    padding: 5px 10px 40px;
    background-color: #fff;
    position: relative;
    height: 100%
}

main#subPage.order section.s01 article .wrap .box .center .title {
    padding: 10px 0;
    width: 100%;
    background-color: #fff0f0;
    border: 1px solid #e50070;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #e50070;
    margin: 10px 0
}

main#subPage.order section.s01 article .wrap .box .center .menu>li {
    display: flex;
    flex-direction: column;
    gap: 10px
}

main#subPage.order section.s01 article .wrap .box .center .menu>li .option {
    display: flex;
    flex-direction: column;
    gap: 10px
}

main#subPage.order section.s01 article .wrap .box .center .menu>li .option li {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px
}

main#subPage.order section.s01 article .wrap .box .center .menu>li .option li .arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 88px
}

main#subPage.order section.s01 article .wrap .box .center .menu>li .option li .arrow img {
    width: 8px;
    -o-object-fit: contain;
    object-fit: contain
}

main#subPage.order section.s01 article .wrap .box .center .menu>li .option li .order-list .info .count {
    background-color: #4885cc
}

main#subPage.order section.s01 article .wrap .box .center .line {
    width: 100%;
    margin: 20px 0;
    height: .6px;
    background-color: #bcbcbc
}

main#subPage.order section.s01 article .wrap .box .center .review {
    width: 100%
}

main#subPage.order section.s01 article .wrap .box .center .review ul {
    width: 100%
}

main#subPage.order section.s01 article .wrap .box .center .review ul li {
    width: 100%;
    margin-bottom: 20px
}

main#subPage.order section.s01 article .wrap .box .center .review ul li p {
    width: 100%;
    font-size: 16px;
    font-family: "Noto Sans";
    font-weight: 600;
    margin-bottom: 10px
}

.review_form {
    width: 100%
}

.review_form div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px
}

.review_form label {
    display: flex;
    width: 100%
}

.review_form label input[type=text] {
    width: 100%;
    max-height: 40px;
    min-height: 40px;
    height: 100%;
    border-radius: 5px;
    border: 1px solid #4885cc;
    margin-bottom: 10px;
    padding: 0 10px;
    font-size: 14px
}

.review_form label input[type=text]::-moz-placeholder {
    font-size: 12px;
    color: #ccc
}

.review_form label input[type=text]::placeholder {
    font-size: 12px;
    color: #ccc
}

.review_form label input[type=radio] {
    width: 30px;
    height: 30px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: relative;
    cursor: pointer
}

.review_form label input[type=radio]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-image: url("../images/order/star.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.review_form label input[type=radio]:checked::after,
.review_form label input[type=radio]:has(~:checked)::after {
    background-image: url(../images/order/star_fill.svg)
}

.review_form input[type=submit] {
    padding: 8px 50px;
    background-color: #ededed;
    font-size: 16px;
    font-weight: 500;
    color: #818181;
    text-align: center;
    border-radius: 5px;
    transition: .15s;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -ms-transition: .15s;
    -o-transition: .15s;
    cursor: pointer;
    line-height: 1
}

.review_form input[type=submit]:hover {
    background-color: #818181;
    color: #ededed
}

main#subPage.order section.s01 article .wrap .box .center .review ul li:nth-last-of-type(1) {
    margin-bottom: 0
}

main#subPage.order section.s01 article .wrap .box h3 {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 50px 0 130px
}

main#subPage.order section.s01.load::before {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

main#subPage.order section.s01.load article .wrap .video-box>* {
    top: 0%;
    transform: translate(-50%, 0)
}

main#subPage.order section.footer-wrap {
    max-width: 500px;
    position: sticky;
    bottom: 0;
    z-index: 2
}

main#subPage.order section.footer-wrap article .wrap {
    width: 100%;
    padding: 0 10px 10px;
    background-color: #ededed
}

main#subPage.order section.footer-wrap article .wrap .cash {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 5px;
    margin-bottom: 20px;
    position: relative;
    background-color: #fff;
    padding: 10px 10px 20px
}

main#subPage.order section.footer-wrap article .wrap .cash ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px
}

main#subPage.order section.footer-wrap article .wrap .cash ul li {
    width: 35px
}

main#subPage.order section.footer-wrap article .wrap .cash ul li a {
    width: 100%;
    display: inline-block;
    cursor: default
}

main#subPage.order section.footer-wrap article .wrap .cash ul li a img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

main#subPage.order section.footer-wrap article .wrap .cash strong {
    font-size: 32px;
    font-weight: bold;
    color: #e50070
}

main#subPage.order section.footer-wrap article .wrap .cash::before {
    position: absolute;
    content: "";
    background-image: url(../images/order/cash_bottom.png);
    background-size: 11.1111111111%;
    width: 100%;
    height: 10px;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%)
}

main#subPage.order section.footer-wrap article .wrap .cash::after {
    width: calc(100% - 20px);
    height: 1px;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-top: 1px dashed #bcbcbc;
    border-top-style: dashed
}

main#subPage.order section.footer-wrap article .wrap .bottom {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px
}

main#subPage.order section.footer-wrap article .wrap .bottom .left {
    width: calc(100% - 20px - 60px);
    aspect-ratio: 273/60;
    max-height: 80px;
    font-size: 30px;
    color: #e50070;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center
}

main#subPage.order section.footer-wrap article .wrap .bottom .left .swiper-wrapper {
    width: 100%;
    height: 100%
}

main#subPage.order section.footer-wrap article .wrap .bottom .left .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 100%
}

main#subPage.order section.footer-wrap article .wrap .bottom .left .swiper-wrapper .swiper-slide a {
    display: inline-flex;
    width: 100%;
    height: 100%
}

main#subPage.order section.footer-wrap article .wrap .bottom .left .swiper-wrapper .swiper-slide a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

main#subPage.order section.footer-wrap article .wrap .bottom .home {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #e50070;
    gap: 5px;
    font-size: 12px;
    font-weight: normal;
    color: #fff
}

main#subPage.order section.footer-wrap.fixed {
    position: initial
}

main#subPage.order section.footer-wrap.fixed article .wrap .bottom {
    width: 480px;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    background-color: #ededed
}

main#subPage.order section.s02 {
    padding-bottom: 30px
}

main#subPage.order section.s02 article {
    padding: 0 20px
}

main#subPage.order section.s02 article .wrap ul {
    width: 100%
}

main#subPage.order section.s02 article .wrap ul li {
    width: 100%;
    margin-bottom: 20px;
    border-radius: 20px;
    overflow: hidden
}

main#subPage.order section.s02 article .wrap ul li a {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    -o-object-fit: cover;
    object-fit: cover
}

main#subPage.order section.s02 article .wrap ul li a img{
    width: 100%;
    object-fit: contain;
}

main#subPage.order section.s02 article .wrap ul li:nth-last-of-type(1) {
    margin-bottom: 0
}

main#subPage.order section.s02.fixed_padding {
    padding-top: 80px
}

main#subPage.order.fixed section.footer-wrap {
    position: initial
}

main#subPage.order.fixed section.footer-wrap article .wrap .bottom {
    width: 480px;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    background-color: #ededed
}

main#subPage.order.fixed section.s02 {
    padding-top: 80px
}

main#subPage.order.confirm section.s01::before {
    display: none
}

main#subPage.order.confirm section.s01 article {
    padding: 10px;
    padding-bottom: 0
}

main#subPage.order.confirm section.s01 article .top_wrap {
    width: 100%;
    background-color: #fff;
    padding: 25px 0;
    display: flex;
    justify-content: center;
    align-items: center
}

main#subPage.order.confirm section.s01 article .top_wrap .img-wrap {
    width: 80px;
    height: 80px
}

main#subPage.order.confirm section.s01 article .top_wrap .img-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

main#subPage.order.confirm section.s01 article .wrap::before {
    display: none
}

main#subPage.order.confirm section.s01 article .wrap .box {
    padding: 0
}

main#subPage.order.confirm section.s01 article .wrap .box .center {
    padding-top: 0;
    min-height: calc(100vh - 140px - 170px)
}

main#subPage.order.confirm section.s01 article .wrap .box .center .title:nth-of-type(1) {
    margin-top: 0
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li {
    margin-bottom: 10px
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list {
    height: initial;
    flex-direction: column;
    padding: 15px
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .content {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .text {
    width: 100%;
    padding: 0;
    margin-bottom: 10px
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .text h2 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .text p {
    font-size: 14px;
    font-weight: 400;
    font-weight: #909090
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .price {
    width: 100%;
    font-size: 17px;
    font-weight: bold;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .price strong {
    color: #e50070
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .info {
    justify-content: space-between;
    align-items: center
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .info .menu_btn {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .info .menu_btn>div {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #dedede;
    border-radius: 5px;
    font-size: 14px;
    height: 35px;
    border-radius: 50px;
    width: 93px
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .info .menu_btn>div>div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 35px
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .info .menu_btn>div .left,
main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .info .menu_btn>div .right {
    cursor: pointer;
    width: 35px;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .info .menu_btn>div .left img,
main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .info .menu_btn>div .right img {
    -o-object-fit: contain;
    object-fit: contain
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .info .menu_btn>div .left.left img,
main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .info .menu_btn>div .right.left img {
    width: 11px;
    height: 11px
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .info .menu_btn>div .left.left img[src="../images/common/trash.svg"],
main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .info .menu_btn>div .right.left img[src="../images/common/trash.svg"] {
    width: 13px;
    height: 13px
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .info .menu_btn>div .left.right img,
main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .info .menu_btn>div .right.right img {
    width: 11px;
    height: 11px
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .info .menu_btn>div .value {
    width: 22px;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    padding-top: 1.5px;
    line-height: 1;
    font-size: 16px
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li:nth-last-of-type(1) {
    margin-bottom: 0px
}

main#subPage.order.confirm section.footer-wrap article .wrap {
    padding: 0
}

main#subPage.order.confirm section.footer-wrap article .wrap .cash {
    width: calc(100% - 20px);
    margin: 0 auto 20px
}

main#subPage.order.confirm section.footer-wrap article .wrap .bottom {
    padding: 15px 10px;
    background-color: #fff
}

main#subPage.order.confirm section.footer-wrap article .wrap .bottom .confirm_btn {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px
}

main#subPage.order.confirm section.footer-wrap article .wrap .bottom .confirm_btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px
}

main#subPage.order.confirm section.footer-wrap article .wrap .bottom .confirm_btn a.back {
    aspect-ratio: 1/1;
    background-color: #ededed;
    border-radius: 5px
}

main#subPage.order.confirm section.footer-wrap article .wrap .bottom .confirm_btn a.back img {
    width: 9px;
    transform: scaleX(-1)
}

main#subPage.order.confirm section.footer-wrap article .wrap .bottom .confirm_btn a:not(.back) {
    width: 100%;
    background-color: #e50070;
    border-radius: 5px;
    font-size: 26px;
    font-weight: 600;
    color: #fff
}

.order-list {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #dedede
}

.order-list .img-wrap {
    width: 100%;
    height: 100%;
    max-width: 120px;
    padding: 10px
}

.order-list .img-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.order-list .info {
    width: calc(100% - 120px);
    height: 100%;
    overflow: hidden;
    display: flex
}

.order-list .info .text {
    width: calc(100% - 50px);
    height: 100%;
    padding: 10px
}

.order-list .info .text h2 {
    font-size: 20px;
    font-weight: 600
}

.order-list .info .text p {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #909090
}

.order-list .info .text .price {
    font-size: 18px;
    font-weight: bold
}

.order-list .info .text .price strong {
    color: #e50070
}

.order-list .info .count {
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    background-color: #144987
}

.order-list.option-list {
    height: 110px
}

.order-list.option-list .img-wrap {
    max-width: 110px;
    /* height: 100px; */
    /* max-height: 100px; */
}

.order-list.option-list .info {
    width: calc(100% - 110px)
}


.list_1 {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    background-color: #fff;
    margin-top: 20px
}

.list_1 .top-wrap {
    width: 100%;
    position: relative;
    aspect-ratio: 400/187
}

.list_1 .top-wrap .icon-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 15px 15px 10px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column;
    color: #000
}

.list_1 .top-wrap .icon-wrap:has(.infor){
    display: flex;
}


.list_1 .top-wrap .icon-wrap .top {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px
}

.list_1 .top-wrap .icon-wrap .top li {
    width: 35px;
    height: 35px
}

.list_1 .top-wrap .icon-wrap .top li img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.list_1 .top-wrap .icon-wrap .bottom {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 10px
}

.list_1 .top-wrap .icon-wrap .bottom .infor {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.list_1 .top-wrap .icon-wrap .bottom .infor span {
    white-space: nowrap;
    font-size: 20px;
    font-weight: 700;
    color: #e50070;
    display: inline-block;
    margin-right: 15px
}

.list_1 .top-wrap .icon-wrap .bottom .infor ul {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 5px
}

.list_1 .top-wrap .icon-wrap .bottom .infor ul li {
    width: 35px;
    height: 35px;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden
}

.list_1 .top-wrap .icon-wrap .bottom .infor ul li img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.list_1 .top-wrap .icon-wrap .bottom .infor ul li:not(.full_icon) {
    padding: 3px
}

.list_1 .top-wrap .icon-wrap .bottom .allergy span {
    white-space: nowrap;
    font-size: 14px;
    color: #e50070
}

.list_1 .top-wrap .img-wrap {
    width: 100%;
    aspect-ratio: 400/187;
    padding: 10px;
 
}

.list_1 .top-wrap .img-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.list_1 .top-wrap:has(.icon-wrap .infor) {
    aspect-ratio: 400/220
}

.list_1 .info {
    padding: 15px;
}

.list_1 .info h4 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 4px
}

.list_1 .info p {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 10px
}

.list_1:nth-of-type(1) {
    margin-top: 0
}

.list_1.set_menu .info .menu-option .swiper .swiper-wrapper .swiper-slide {
    cursor: pointer
}

.list_1.set_menu .info .menu-option .swiper .swiper-wrapper .swiper-slide.active {
    background-color: #fff0f0;
    border-color: #e50070
}

.select-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    background-color: #fff;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    color: #000;
    font-size: 16px;
    font-weight: normal;
    border: 1px solid #d9d9d9;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    width: 93px;
    min-width: 93px;
    max-width: 93px;
    margin-left: auto
}

.select-menu .minus,
.select-menu .plus,
.select-menu .value {
    width: 35px;
    min-height: 35px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer
}

.select-menu .minus img,
.select-menu .plus img,
.select-menu .value img {
    width: 11px
}

.select-menu .minus {
    left: 0
}

.select-menu .value {
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 1;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    border-radius: 50%;
    cursor: default
}

.select-menu .plus {
    right: -1px
}

.select-menu.active {
    width: 93px
}

.select-menu.active .value {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: default
}

.select-menu.active .plus {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    user-select: initial;
    pointer-events: visible
}

.price_wrap {
    width: 100%;
    margin-top: 20px
}

.price_wrap ul {
    width: 100%
}

.price_wrap ul li {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    gap: 10px;
    margin-bottom: 10px
}

.price_wrap ul li span {
    display: inline-block
}

.price_wrap ul li span.price {
    color: #e50070;
    font-weight: bold;
    width: 110px;
    font-size: 19px
}

.price_wrap ul li span.weight {
    width: 60px;
    text-align: right
}

.price_wrap ul li span:nth-last-of-type(1) {
    margin-right: 0
}

.price_wrap ul li:nth-last-of-type(1) {
    margin-bottom: 0
}

.price_wrap ul li:nth-last-of-type(1) span {
    margin-bottom: 0
}

.list_2 {
    width: 100%;
    margin-top: 40px
}

.list_2 ul {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 15px
}

.list_2 ul li {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    background-color: #fff;
    overflow: hidden
}

.list_2 ul li .img-wrap {
    width: 130px;
    aspect-ratio: 131/140;
    padding: 5px
}

.list_2 ul li .img-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.list_2 ul li .text01 {
    width: calc(100% - 130px);
    height: 100%;
    padding: 15px 20px 15px 10px
}

.list_2 ul li .text01 .more-title {
    width: 100%
}

.more-title {
    font-size: 14px;
    display: flex;
    justify-content: flex-start;
    align-items:flex-end;
    gap: 2px;
    font-weight: normal;
    /* flex-direction: column; */
}

.more-title span {
    color: #909090;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    /* br{
        display: none;
    } */
}

.more-title .more {
    color: #e50070;
    font-size: 14px;
    font-weight: normal;
    margin-left: auto;
}

.more-title.align_right {
    flex-direction: row-reverse
}

.more-title.align_right span {
    direction: rtl
}

.person_tab {
    width: 100%;
    overflow-x: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin: 25px 0
}

.person_tab::-webkit-scrollbar {
    width: 0;
    height: 0
}

.person_tab li {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #d0d0d0;
    color: #e0e0e0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    transition: .15s;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -ms-transition: .15s;
    -o-transition: .15s;
    cursor: pointer
}

.person_tab li.active {
    border-color: #e50070;
    background-color: #e50070;
    color: #fff
}

.person_tab li.active svg {
    height: 13.3px
}

.person_tab li.active svg path {
    stroke: #e50070;
    fill: #fff
}

.menu-option {
    width: 100%;
    margin-top: 30px
}

.menu-option .title {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px
}

.menu-option .title .pagination {
    width: initial;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0px;
    line-height: 1;
    font-size: 12px;
    color: #909090;
    margin-top: 3px
}

.menu-option .title .pagination span {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0px
}

.menu-option .title .pagination span:first-child::before {
    content: "";
    display: block;
    width: 7px;
    aspect-ratio: 7/11;
    background-image: url("../images/common/pagination_arrow.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: scaleX(-1)
}

.menu-option .title .pagination span:last-child::after {
    content: "";
    display: block;
    width: 7px;
    aspect-ratio: 7/11;
    background-image: url("../images/common/pagination_arrow.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.menu-option .swiper {
    width: 100%
}

.menu-option .swiper .swiper-wrapper {
    width: 100%
}

.menu-option .swiper .swiper-wrapper .swiper-slide {
    width: 55.5555555556%;
    border-radius: 10px;
    border: .5px solid #ededed;
    overflow: hidden;
    background-color: #f8f8f8;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.menu-option .swiper .swiper-wrapper .swiper-slide .top-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 192/112
}

.menu-option .swiper .swiper-wrapper .swiper-slide .top-wrap .img-wrap {
    width: 100%;
    height: 100%;
    padding: 10px
}

.menu-option .swiper .swiper-wrapper .swiper-slide .top-wrap .img-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 10px 10px 0 0
}

.menu-option .swiper .swiper-wrapper .swiper-slide .text01 h5 span {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    /* word-break: break-all; */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.menu-option .swiper .swiper-wrapper .swiper-slide .text01 p span {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    /* word-break: break-all; */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.menu-option .swiper .swiper-wrapper .swiper-slide.active {
    background-color: #fff0f0;
    border-color: #e50070
}

.popup_test {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 20px);
    margin: 30px auto 0;
    padding: 20px 0;
    background-color: #fff;
    border-radius: 15px;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.popup_test:hover {
    background-color: #e50070;
    color: #fff
}

.text01 {
    padding: 15px 10px;
    position: relative
}

.text01 h5 {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0
}

.text01 p {
    width: 100%;
    font-size: 16px;
    font-weight: normal
}

.text01 .more-title {
    width: 100%;
    margin-top: 10px;
    font-size: 14px
}

.text01 .more-title .more {
    font-size: 14px
}

.text01 .price {
    font-size: 19px;
    font-weight: bold;
    color: #e50070;
    margin-top: 12px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px
}

.a_1 {
    width: 100%
}

.a_1 span {
    overflow: hidden;
    /* display: -webkit-box; */
    /* text-overflow: ellipsis; */
    /* word-break: break-all; */
    /* -webkit-box-orient: vertical; */
    /* -webkit-line-clamp: 2 */
}

.a_1::-webkit-scrollbar {
    width: 0;
    height: 0
}

.a_1.move {
    overflow: hidden
}

.a_1.move span {
    animation: marquee03 30s linear infinite
}

.a_1.move span.clone {
    display: none;
    animation: marquee02 30s linear infinite
}

.popup {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
    background-color: rgba(0, 0, 0, .8);
    max-width: 500px;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-y: auto
}

.popup.cancel .wrap,
.popup.warning .wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 40px 40px 25px;
    border-radius: 15px;
    background-color: #fff;
    width: calc(100% - 40px);
    text-align: center;
    max-width: 360px
}

.popup.cancel .wrap .img-wrap,
.popup.warning .wrap .img-wrap {
    width: 130px;
    height: 130px
}

.popup.cancel .wrap .img-wrap img,
.popup.warning .wrap .img-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup.cancel .wrap p,
.popup.warning .wrap p {
    width: 100%;
    font-weight: bold;
    font-size: 26px;
    color: #000;
    margin: 35px 0
}

.popup.cancel .close_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 70px;
    font-size: 18px;
    font-weight: normal;
    color: #969696;
    background-color: #f7f7f7;
    border-radius: 24px;
    white-space: nowrap
}

.popup.warning .wrap {
    padding: 40px 20px 25px
}

.popup.warning .wrap a {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 0;
    font-size: 18px;
    font-weight: normal;
    color: #969696;
    background-color: #f7f7f7;
    border-radius: 24px;
    white-space: nowrap;
    margin-bottom: 5px
}

.popup.warning .wrap a:last-child {
    margin-bottom: 0
}

.popup.warning .wrap a.close_btn {
    background-color: #e50070;
    color: #fff
}

.popup.menu-more .wrap,
.popup.restaurant .wrap {
    width: 100%;
    width: 100%;
    background-color: #ededed;
    position: absolute;
    z-index: 2;
    top: 200px;
    min-height: calc(100% - 200px);
    border-radius: 20px 20px 0 0
}

.popup.menu-more .wrap .thumbnail,
.popup.restaurant .wrap .thumbnail {
    width: 100%;
    aspect-ratio: 16/9;
    position: relative;
    z-index: 2
}

.popup.menu-more .wrap .thumbnail .line1,
.popup.restaurant .wrap .thumbnail .line1 {
    content: "";
    width: 100px;
    height: 4px;
    background-color: #fff;
    border-radius: 50px;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%)
}

.popup.menu-more .wrap .info,
.popup.restaurant .wrap .info {
    position: relative;
    z-index: 1
}

.popup.menu-more .wrap .info .text,
.popup.restaurant .wrap .info .text {
    padding: 0px 10px
}

.popup.menu-more .wrap .info .text h3,
.popup.restaurant .wrap .info .text h3 {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin-bottom: 8px
}

.popup.menu-more .wrap .info .text .sub-title,
.popup.restaurant .wrap .info .text .sub-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5px
}

.audio,
.audio {
    height: 26px;
    cursor: pointer;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center */
}

.audio svg,
.audio svg {
    width: 19px;
    aspect-ratio: 19/16;
    /* margin-bottom: 3px */
}

.audio.active svg path,
.audio.active svg path {
    fill: #e50070
}

.popup.menu-more .wrap .info .text .more-title,
.popup.restaurant .wrap .info .text .more-title {
    margin-bottom: 25px;
    position: relative;
    font-size: 16px
}

.popup.menu-more .wrap .info .text .more-title>.txt,
.popup.restaurant .wrap .info .text .more-title>.txt {
    -webkit-line-clamp: initial
}

.popup.menu-more .wrap .info .text .more-title .more-wrap,
.popup.restaurant .wrap .info .text .more-title .more-wrap {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%
}

.popup.menu-more .wrap .info .text .more-title .more-wrap span.txt,
.popup.restaurant .wrap .info .text .more-title .more-wrap span.txt {
    -webkit-line-clamp: 2
}

.popup.menu-more .wrap .info .text .more-title .more-wrap span.active,
.popup.restaurant .wrap .info .text .more-title .more-wrap span.active {
    -webkit-line-clamp: initial
}

.popup.menu-more .wrap .info .text .more-title .more,
.popup.restaurant .wrap .info .text .more-title .more {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.8px;
    background-color: #ededed;
    font-size: 14px
}

.popup.menu-more .wrap .info .text .more-title .more span,
.popup.restaurant .wrap .info .text .more-title .more span {
    color: #909090
}

.popup.menu-more .wrap .info .text .more-title .more.hide,
.popup.restaurant .wrap .info .text .more-title .more.hide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.popup.menu-more .close_btn,
.popup.restaurant .close_btn,
.popup.language .close_btn {
    position: sticky;
    bottom: 30px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    z-index: 10;
    margin-top: 50px;
    padding-right: 20px
}

.popup.menu-more .close_btn a,
.popup.restaurant .close_btn a,
.popup.language .close_btn a {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    user-select: initial;
    pointer-events: visible;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #e50070;
    position: relative
}

.popup.menu-more .close_btn a img,
.popup.restaurant .close_btn a img,
.popup.language .close_btn a img {
    width: 16px;
    -o-object-fit: contain;
    object-fit: contain
}

.popup.menu-more .wrap .thumbnail .img-wrap {
    width: 100%;
    height: 100%;
    padding: 20px 10px 0 10px;
    border-radius: 20px 20px 0 0;
    overflow: hidden
}

.popup.menu-more .wrap .thumbnail .img-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.popup.menu-more .wrap .thumbnail .top {
    position: absolute;
    left: 20px;
    top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    padding: 0 10px;
    background-color: #fff;
    border-radius: 20px;
    gap: 10px
}

.popup.menu-more .wrap .thumbnail .top li {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px
}

.popup.menu-more .wrap .thumbnail .top li .icon {
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center
}

.popup.menu-more .wrap .thumbnail .top li .icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup.menu-more .wrap .thumbnail .top li span {
    font-size: 16px;
    font-weight: 500;
    line-height: 1
}

.popup.menu-more .wrap .thumbnail .top li.star span {
    margin-top: 2px
}

.popup.menu-more .wrap .thumbnail .icon-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    flex-wrap: wrap;
    gap: 5px;
    bottom: -25px;
    left: 20px
}

.popup.menu-more .wrap .thumbnail .icon-wrap li {
    width: 50px;
    height: 50px
}

.popup.menu-more .wrap .thumbnail .icon-wrap li img {
    width: 100%;
    height: 100%
}

.popup.menu-more .wrap .info {
    padding: 40px 10px 0px
}

.popup.menu-more .wrap .info .box {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 15px;
    padding: 20px 20px 20px 20px;
    /* 20px 10px 20px 30px */
}

.popup.menu-more .wrap .info .box ul li {
    margin-bottom: 20px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.popup.menu-more .wrap .info .box ul li p {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin-bottom: 5px;
    position: relative
}

.popup.menu-more .wrap .info .box ul li p::before {
    content: "";
    position: absolute;
    left: -15px;
    top: 7px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #000
}

.popup.menu-more .wrap .info .box ul li span {
    font-size: 16px;
    font-weight: normal
}

.popup.menu-more .wrap .info .box ul li span a {
    color: #e50070;
    text-decoration: underline
}

.popup.menu-more .wrap .info .box ul li .slide {
    width: 100%;
    /* display: none */
}

.popup.menu-more .wrap .info .box ul li .slide .img-wrap {
    border-radius: 15px;
    width: 100%;
    overflow: hidden;
    margin: 20px 0 15px;
    height: 175px;
}

.popup.menu-more .wrap .info .box ul li .slide .img-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.popup.menu-more .wrap .info .box ul li .slide span {
    display: block;
    font-size: 16px;
    font-weight: normal;
    color: #7c7c7c;
    line-height: 1.2
}

.popup.menu-more .wrap .info .box ul li:last-child {
    margin-bottom: 0
}

.popup.menu-more .wrap .info .box ul li.active p {
    margin-bottom: 30px
}

.popup.restaurant .wrap .thumbnail .img-wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 20px 20px 0 0
}

.popup.restaurant .wrap .thumbnail .img-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup.restaurant .wrap .info {
    padding: 30px 10px 0px
}

.popup.restaurant .wrap .info ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.popup.restaurant .wrap .info ul li {
    width: 100%;
    padding: 15px 10px;
    background-color: #fff;
    border-radius: 15px
}

.popup.restaurant .wrap .info ul li .title {
    font-size: 18px;
    font-weight: bold;
    color: #e50070;
    margin-bottom: 10px
}

.popup.restaurant .wrap .info ul li .more-title {
    position: relative;
    font-size: 16px
}

.popup.restaurant .wrap .info ul li .more-title>.txt {
    -webkit-line-clamp: initial
}

.popup.restaurant .wrap .info ul li .more-title .more-wrap {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%
}

.popup.restaurant .wrap .info ul li .more-title .more-wrap span.txt {
    -webkit-line-clamp: 2
}

.popup.restaurant .wrap .info ul li .more-title .more-wrap span.active {
    -webkit-line-clamp: initial
}

.popup.restaurant .wrap .info ul li .more-title .more {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.8px;
    background-color: #fff;
    font-size: 14px
}

.popup.restaurant .wrap .info ul li .more-title .more span {
    color: #909090
}

.popup.restaurant .wrap .info ul li .more-title .more.hide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.popup.language .language_tab {
    width: 100%;
    background-color: #fff;
    padding: 50px 20px 30px;
    position: absolute;
    top: 200px;
    min-height: calc(100% - 200px);
    border-radius: 20px 20px 0 0;
    max-width: 500px
}

.popup.language .language_tab .line1 {
    content: "";
    width: 100px;
    height: 4px;
    background-color: #d9d9d9;
    border-radius: 50px;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%)
}

.popup.language .language_tab ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    -moz-column-gap: 10px;
    column-gap: 10px;
    row-gap: 10px
}

.popup.language .language_tab ul>* {
    width: calc(50% - 5px)
}

.popup.language .language_tab ul li a {
    width: 100%;
    padding: 15px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f6f6f6;
    border: 1px solid #f6f6f6;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    transition: .15s;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -ms-transition: .15s;
    -o-transition: .15s
}

.popup.language .language_tab ul li a .left {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px
}

.popup.language .language_tab ul li a .right .check {
    width: 20px;
    height: 20px
}

.popup.language .language_tab ul li a .right .check svg {
    width: 100%;
    height: 100%
}

.popup.language .language_tab ul li a .right .check svg circle,
.popup.language .language_tab ul li a .right .check svg path {
    transition: .15s;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -ms-transition: .15s;
    -o-transition: .15s
}

.popup.language .language_tab ul li:hover a,
.popup.language .language_tab ul li.active a {
    border-color: #e50070;
    background-color: #fff0f0
}

.popup.language .language_tab ul li:hover a .right .check svg circle,
.popup.language .language_tab ul li.active a .right .check svg circle {
    fill: #e50070
}

.popup.language .language_tab .close_btn {
    padding-right: 0
}

.popup.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-user-select: initial;
    -moz-user-select: initial;
    user-select: initial;
    pointer-events: visible
}

@media(max-width: 500px) {
    .popup {
        left: 0;
        transform: initial
    }

    .intro_wrap {
        left: 0;
        transform: initial
    }

    main#subPage.order section.footer-wrap article .wrap .cash {
        padding-bottom: 15px
    }

    main#subPage.order section.footer-wrap article .wrap .cash::before {
        bottom: -2px
    }
}

@media(max-width: 370px) {
    main#subPage.order section.footer-wrap article .wrap .cash::before {
        bottom: -3px
    }
}

@keyframes zoom-in {
    0% {
        transform: scale(1.3)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes fade-up {
    0% {
        transform: translateY(50px);
        opacity: 0
    }

    100% {
        transform: translateY(0px);
        opacity: 1
    }
}

@keyframes fade-down {
    0% {
        transform: translateY(-50px);
        opacity: 0
    }

    100% {
        transform: translateY(0px);
        opacity: 1
    }
}

@keyframes fade-left {
    0% {
        transform: translateX(50px);
        opacity: 0
    }

    100% {
        transform: translateX(0px);
        opacity: 1
    }
}

@keyframes fade-right {
    0% {
        transform: translateX(-50px);
        opacity: 0
    }

    100% {
        transform: translateX(0px);
        opacity: 1
    }
}

@keyframes marquee01 {
    0% {
        transform: translateX(0%)
    }

    50% {
        transform: translateX(-100%)
    }

    50.01% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(0%)
    }
}

@keyframes marquee02 {
    0% {
        transform: translateX(0%)
    }

    100% {
        transform: translateX(-200%)
    }
}

@keyframes marquee03 {
    0% {
        transform: translateX(30%)
    }

    100% {
        transform: translateX(-100%)
    }
}

*,
*:before,
*:after {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    word-break: keep-all;
    margin: 0;
    padding: 0;
    font-family: "Roboto", "Noto Sans KR", "Noto Sans", sans-serif
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

*::-webkit-scrollbar {
    width: 0px;
    height: 0px
}

*::-webkit-scrollbar-thumb {
    background-color: #d6211e;
    border-radius: 4px
}

*::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input,
textarea,
button {
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    outline: none;
    background: none;
    resize: none
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    line-height: inherit;
    color: inherit
}

input,
input::placeholder,
option,
textarea,
textarea::placeholder,
select {
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    line-height: inherit;
    color: inherit
}

input[type=checkbox] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 40px;
    height: 40px;
    border: 1px solid #aaa;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: .3s
}

input[type=checkbox]:checked {
    border-color: rgba(0, 0, 0, 0);
    background-image: url("../images/common/input_check.png")
}

ol,
ul,
li {
    list-style: none
}

img {
    max-width: 100%;
    vertical-align: middle
}

a,
address {
    text-decoration: none;
    font-style: normal;
    color: inherit
}

body {
    max-width: 500px;
    margin: 0 auto;
    line-height: 1.3;
    width: 100%;
    overflow-x: hidden;
    color: #000;
    background-color: #111
}

body.stop_scroll {
    height: 100%;
    overflow-y: hidden
}

header,
footer {
    max-width: 500px
}

.header_blur {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 90;
    opacity: 0;
    transition: opacity .3s cubic-bezier(0.25, 0.45, 0.5, 1);
    pointer-events: none
}

.header_blur.on {
    width: 100%;
    height: 100%;
    background-color: rgba(216, 216, 216, .1);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    opacity: 1
}

.a_link {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    cursor: pointer
}

.ellipsis_line1 {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    /* word-break: break-all; */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.ellipsis_line2 {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    /* word-break: break-all; */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.ellipsis_line3 {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    /* word-break: break-all; */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.aos-span {
    display: inline-block
}

.block-only {
    display: block !important
}

.pc-only {
    display: block
}

.ta-only {
    display: none
}

.mo-only {
    display: none
}

@media(max-width: 1024px) {
    .pc-only {
        display: none
    }

    .ta-only {
        display: block
    }
}

@media(max-width: 450px) {
    .ta-only {
        display: none
    }

    .mo-only {
        display: block
    }
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    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
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.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,
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.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: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.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-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

.swiper-virtual .swiper-slide {
    -webkit-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: 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: .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: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,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .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: 10px;
    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: 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;
    -webkit-appearance: none;
    -moz-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: 10px;
    top: 50%;
    transform: translate3d(0px, -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: .2s transform, .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: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(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: 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: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.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: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    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%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.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: rgba(0, 0, 0, 0)
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    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)
    }
}

.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-wrap: wrap;
    flex-direction: column
}

.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,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    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-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    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-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden
}

header {
    width: 100%;
    background-color: #fff;
    position: fixed;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 10px;
    z-index: 50;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

header .header-wrap {
    width: 100%;
    overflow-x: auto
}

header .header-wrap::-webkit-scrollbar {
    width: 0;
    height: 0
}

header .header-wrap ul {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px
}

header .header-wrap ul li {
    border-radius: 15px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    padding: 8px 15px;
    color: #8c8c8c;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    transition: .15s;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -ms-transition: .15s;
    -o-transition: .15s;
    white-space: nowrap
}

header .header-wrap ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: .15s;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -ms-transition: .15s;
    -o-transition: .15s
}

header .header-wrap ul li.active {
    background-color: #000;
    border-color: #000;
    color: #fff
}

header.active {
    top: 0
}

footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 50
}

footer .footer-wrap {
    width: 100%;
    background-color: #fff;
    padding: 8px 0
}

footer .footer-wrap ul {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px
}

footer .footer-wrap ul li {
    width: 100%;
    height: 100%
}

footer .footer-wrap ul li a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    font-size: 10px;
    font-weight: normal;
    color: #909090
}

footer .footer-wrap ul li a:not(.order) .icon-wrap {
    width: 20px;
    height: 20px
}

footer .footer-wrap ul li a:not(.order) .icon-wrap svg {
    width: 100%;
    height: 100%
}

footer .footer-wrap ul li a:not(.order) .icon-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

footer .footer-wrap ul li a.order {
    padding-top: 30px;
    position: relative
}

footer .footer-wrap ul li a.order .icon-wrap {
    width: 60px;
    height: 60px;
    background-color: #e50070;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    border-radius: 50%;
    top: -37px;
    z-index: 2
}

footer .footer-wrap ul li a.order .icon-wrap .total_value {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    border-radius: 50%;
    background-color: #e50070;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

footer .footer-wrap ul li a.order .icon-wrap .total_value.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.intro_wrap {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 500px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: all .5s 1.8s
}

.intro_wrap svg {
    width: 200px;
    aspect-ratio: 130/31
}

.intro_wrap svg g {
    transition-duration: 1s
}

.intro_wrap svg .g_>g:not(.s_g) {
    opacity: 0;
    transition-delay: .7s
}

.intro_wrap svg .g_>g.s_g {
    opacity: 0
}

.intro_wrap svg .g_>g.s_g g:nth-of-type(1) {
    transform: translateX(50px)
}

.intro_wrap svg .g_>g.s_g g:nth-of-type(2) {
    transform: translateX(-50px)
}

.intro_wrap svg .g_>g.s_g g:nth-of-type(2) path:nth-last-of-type(1) {
    transition: 1s 1s;
    -webkit-transition: 1s 1s;
    -moz-transition: 1s 1s;
    -ms-transition: 1s 1s;
    -o-transition: 1s 1s
}

.intro_wrap.active {
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.intro_wrap.active svg .g_>g:not(.s_g) {
    opacity: 1
}

.intro_wrap.active svg .g_>g.s_g {
    opacity: 1
}

.intro_wrap.active svg .g_>g.s_g g:nth-of-type(1) {
    transform: translateX(0)
}

.intro_wrap.active svg .g_>g.s_g g:nth-of-type(2) {
    transform: translateX(0)
}

.intro_wrap.active svg .g_>g.s_g g:nth-of-type(2) path:nth-last-of-type(1) {
    fill: #744799
}

main {
    background-color: #ededed
}

main section {
    width: 100%;
    position: relative
}

main section article {
    width: 100%;
    position: relative
}

main section article .wrap {
    width: 100%;
    position: relative
}

main#main_page {
    padding-bottom: 100px
}

main#main_page section {
    width: 100%;
    position: relative
}

main#main_page section article {
    width: 100%;
    position: relative
}

main#main_page section article .wrap {
    width: 100%;
    position: relative
}

main#main_page section.header {
    padding: 5px 20px;
    width: 100%;
    background-color: #fff;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2
}

main#main_page section.header article .wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 0
}

main#main_page section.header article .wrap .logo {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 10px
}

main#main_page section.header article .wrap .logo img {
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain
}

main#main_page section.header article .wrap .logo span {
    font-size: 14px;
    color: #e50070;
    line-height: 1
}

main#main_page section.header article .wrap .toggle {
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 12.5px;
    position: relative;
    border: 1px solid #e50070
}

main#main_page section.header article .wrap .toggle a {
    display: inline-block;
    font-size: 14px;
    white-space: nowrap;
    line-height: 1;
    color: #e50070;
    font-weight: 500;
    padding: 0 15px;
    z-index: 5;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

main#main_page section.header article .wrap .toggle a.active {
    color: #fff
}

main#main_page section.header article .wrap .toggle .toggle_bg {
    height: 100%;
    background-color: #e50070;
    border-radius: 12.5px;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    z-index: 1;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

main#main_page section.s01 {
    position: relative;
    z-index: 1
}

main#main_page section.s01 article .wrap .main-imgae {
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden
}

main#main_page section.s01 article .wrap .main-imgae img {
    width: 100%;
    height: 100%;
    -o-object-position: bottom;
    object-position: bottom;
    -o-object-fit: cover;
    object-fit: cover
}

main#main_page section.s01 article .wrap .main-title-box {
    width: calc(100% - 20px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background-color: #fff;
    border-radius: 15px;
    gap: 20px;
    margin: 30px auto 0;
    text-align: center
}

main#main_page section.s01 article .wrap .main-title-box .left {
    width: 100%;
    line-height: 1
}

main#main_page section.s01 article .wrap .main-title-box .left h1 {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin-bottom: 7px
}

main#main_page section.s01 article .wrap .main-title-box .left p {
    font-size: 18px;
    font-weight: 400;
    color: #909090
}

main#main_page section.s01 article .wrap .main-title-box .right {
    width: 52px;
    height: 52px;
    min-width: 52px
}

main#main_page section.s01 article .wrap .main-title-box .right a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #f8f8f8;
    border-radius: 50%;
    gap: 2px
}

main#main_page section.s01 article .wrap .main-title-box .right a span {
    font-family: "Noto Sans";
    font-size: 16px;
    font-weight: 500
}

main#main_page section.s01 article .wrap .main-imgae+.main-title-box {
    margin: 0;
    padding: 15px 20px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%)
}

main#main_page section.s02 {
    padding: 60px 0
}

main#main_page section.s02 article .wrap {
    padding: 10px
}

main#main_page section.s02 article .wrap h2 {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
    line-height: 1;
    padding-left: 10px
}

main#main_page section.s02.padding_30 {
    padding-top: 30px
}

main#main_page section.footer article .wrap {
    font-size: 14px;
    font-weight: 500;
    color: #fff
}

main#main_page section.footer article .wrap .top {
    width: 100%;
    padding: 25px 20px;
    background-color: #e50070
}

main#main_page section.footer article .wrap .top .logo {
    margin-bottom: 20px
}

main#main_page section.footer article .wrap .top address {
    line-height: 1.5
}

main#main_page section.footer article .wrap .top address a {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

main#main_page section.footer article .wrap .top address a:hover {
    color: #ccc
}

main#main_page section.footer article .wrap .bottom {
    padding: 10px 0;
    width: 100%;
    background-color: #8a0647;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px
}

main#main_page section.footer article .wrap .bottom .creativechang {
    width: 85px
}

main#main_page section.footer article .wrap .bottom .creativechang img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

main#subPage.order section {
    max-width: 500px
}

main#subPage.order section.s01::before {
    content: "";
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 500px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 1;
    transition: 1s 1s;
    -webkit-transition: 1s 1s;
    -moz-transition: 1s 1s;
    -ms-transition: 1s 1s;
    -o-transition: 1s 1s;
    z-index: 4
}

main#subPage.order section.s01 article {
    height: 100%
}

main#subPage.order section.s01 article .wrap {
    position: relative;
    height: 100%
}

main#subPage.order section.s01 article .wrap .video-box {
    position: absolute;
    z-index: 5;
    width: 100%;
    max-width: 500px;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    height: 100vh;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

main#subPage.order section.s01 article .wrap .video-box>* {
    position: absolute;
    width: 100%;
    aspect-ratio: 400/233;
    -o-object-fit: cover;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    -webkit-user-select: initial;
    -moz-user-select: initial;
    user-select: initial;
    pointer-events: visible
}

main#subPage.order section.s01 article .wrap:before {
    content: "";
    width: 100%;
    aspect-ratio: 400/233;
    display: block
}

main#subPage.order section.s01 article .wrap .box {
    width: 100%;
    padding: 10px;
    height: 100%;
    padding-bottom: 0
}

main#subPage.order section.s01 article .wrap .box .center {
    width: 100%;
    padding: 5px 10px 40px;
    background-color: #fff;
    position: relative;
    height: 100%
}

main#subPage.order section.s01 article .wrap .box .center .title {
    padding: 10px 0;
    width: 100%;
    background-color: #fff0f0;
    border: 1px solid #e50070;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #e50070;
    margin: 10px 0
}

main#subPage.order section.s01 article .wrap .box .center .menu>li {
    display: flex;
    flex-direction: column;
    gap: 10px
}

main#subPage.order section.s01 article .wrap .box .center .menu>li .option {
    display: flex;
    flex-direction: column;
    gap: 10px
}

main#subPage.order section.s01 article .wrap .box .center .menu>li .option li {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px
}

main#subPage.order section.s01 article .wrap .box .center .menu>li .option li .arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 88px
}

main#subPage.order section.s01 article .wrap .box .center .menu>li .option li .arrow img {
    width: 8px;
    -o-object-fit: contain;
    object-fit: contain
}

main#subPage.order section.s01 article .wrap .box .center .menu>li .option li .order-list .info .count {
    background-color: #4885cc
}

main#subPage.order section.s01 article .wrap .box .center .line {
    width: 100%;
    margin: 20px 0;
    height: .6px;
    background-color: #bcbcbc
}

main#subPage.order section.s01 article .wrap .box .center .review {
    width: 100%
}

main#subPage.order section.s01 article .wrap .box .center .review ul {
    width: 100%
}

main#subPage.order section.s01 article .wrap .box .center .review ul li {
    width: 100%;
    margin-bottom: 20px
}

main#subPage.order section.s01 article .wrap .box .center .review ul li p {
    width: 100%;
    font-size: 16px;
    font-family: "Noto Sans";
    font-weight: 600;
    margin-bottom: 10px
}

.review_form {
    width: 100%
}

.review_form>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px
}

.review_form label {
    display: flex;
    width: 100%
}

.review_form label input[type=text] {
    width: 100%;
    max-height: 40px;
    min-height: 40px;
    height: 100%;
    border-radius: 5px;
    border: 1px solid #4885cc;
    margin-bottom: 10px;
    padding: 0 10px;
    font-size: 14px
}

.review_form label input[type=text]::-moz-placeholder {
    font-size: 12px;
    color: #ccc
}

.review_form label input[type=text]::placeholder {
    font-size: 12px;
    color: #ccc
}

.review_form label input[type=radio] {
    width: 30px;
    height: 30px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: relative;
    cursor: pointer
}

.review_form label input[type=radio]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-image: url("../images/order/star.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.review_form label input[type=radio]:checked::after,
.review_form label input[type=radio]:has(~:checked)::after {
    background-image: url(../images/order/star_fill.svg)
}

.review_form input[type=submit] {
    padding: 8px 50px;
    background-color: #ededed;
    font-size: 16px;
    font-weight: 500;
    color: #818181;
    text-align: center;
    border-radius: 5px;
    transition: .15s;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -ms-transition: .15s;
    -o-transition: .15s;
    cursor: pointer;
    line-height: 1
}

.review_form input[type=submit]:hover {
    background-color: #818181;
    color: #ededed
}

main#subPage.order section.s01 article .wrap .box .center .review ul li:nth-last-of-type(1) {
    margin-bottom: 0
}

main#subPage.order section.s01 article .wrap .box h3 {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 50px 0 130px
}

main#subPage.order section.s01.load::before {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

main#subPage.order section.s01.load article .wrap .video-box>* {
    top: 0%;
    transform: translate(-50%, 0)
}

main#subPage.order section.footer-wrap {
    max-width: 500px;
    position: sticky;
    bottom: 0;
    z-index: 2
}

main#subPage.order section.footer-wrap article .wrap {
    width: 100%;
    padding: 0 10px 10px;
    background-color: #ededed
}

main#subPage.order section.footer-wrap article .wrap .cash {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 5px;
    margin-bottom: 20px;
    position: relative;
    background-color: #fff;
    padding: 10px 10px 20px
}

main#subPage.order section.footer-wrap article .wrap .cash ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px
}

main#subPage.order section.footer-wrap article .wrap .cash ul li {
    width: 35px
}

main#subPage.order section.footer-wrap article .wrap .cash ul li a {
    width: 100%;
    display: inline-block;
    cursor: default
}

main#subPage.order section.footer-wrap article .wrap .cash ul li a img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

main#subPage.order section.footer-wrap article .wrap .cash strong {
    font-size: 32px;
    font-weight: bold;
    color: #e50070
}

main#subPage.order section.footer-wrap article .wrap .cash::before {
    position: absolute;
    content: "";
    background-image: url(../images/order/cash_bottom.png);
    background-size: 11.1111111111%;
    width: 100%;
    height: 10px;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%)
}

main#subPage.order section.footer-wrap article .wrap .cash::after {
    width: calc(100% - 20px);
    height: 1px;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-top: 1px dashed #bcbcbc;
    border-top-style: dashed
}

main#subPage.order section.footer-wrap article .wrap .bottom {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px
}

main#subPage.order section.footer-wrap article .wrap .bottom .left {
    width: calc(100% - 20px - 60px);
    aspect-ratio: 273/60;
    max-height: 80px;
    font-size: 30px;
    color: #e50070;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center
}

main#subPage.order section.footer-wrap article .wrap .bottom .left .swiper-wrapper {
    width: 100%;
    height: 100%
}

main#subPage.order section.footer-wrap article .wrap .bottom .left .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 100%
}

main#subPage.order section.footer-wrap article .wrap .bottom .left .swiper-wrapper .swiper-slide a {
    display: inline-flex;
    width: 100%;
    height: 100%
}

main#subPage.order section.footer-wrap article .wrap .bottom .left .swiper-wrapper .swiper-slide a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

main#subPage.order section.footer-wrap article .wrap .bottom .home {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #e50070;
    gap: 5px;
    font-size: 12px;
    font-weight: normal;
    color: #fff
}

main#subPage.order section.footer-wrap.fixed {
    position: initial
}

main#subPage.order section.footer-wrap.fixed article .wrap .bottom {
    width: 480px;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    background-color: #ededed
}

main#subPage.order section.s02 {
    padding-bottom: 30px
}

main#subPage.order section.s02 article {
    padding: 0 20px
}

main#subPage.order section.s02 article .wrap ul {
    width: 100%
}

main#subPage.order section.s02 article .wrap ul li {
    margin-bottom: 20px;
    border-radius: 20px;
    overflow: hidden
}

main#subPage.order section.s02 article .wrap ul li a {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    -o-object-fit: cover;
    object-fit: cover
}

main#subPage.order section.s02 article .wrap ul li:nth-last-of-type(1) {
    margin-bottom: 0
}

main#subPage.order section.s02.fixed_padding {
    padding-top: 80px
}

main#subPage.order.fixed section.footer-wrap {
    position: initial
}

main#subPage.order.fixed section.footer-wrap article .wrap .bottom {
    width: 480px;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    background-color: #ededed
}

main#subPage.order.fixed section.s02 {
    padding-top: 80px
}

main#subPage.order.confirm section.s01::before {
    display: none
}

main#subPage.order.confirm section.s01 article {
    padding: 10px;
    padding-bottom: 0
}

main#subPage.order.confirm section.s01 article .top_wrap {
    width: 100%;
    background-color: #fff;
    padding: 25px 0;
    display: flex;
    justify-content: center;
    align-items: center
}

main#subPage.order.confirm section.s01 article .top_wrap .img-wrap {
    width: 80px;
    height: 80px
}

main#subPage.order.confirm section.s01 article .top_wrap .img-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

main#subPage.order.confirm section.s01 article .wrap::before {
    display: none
}

main#subPage.order.confirm section.s01 article .wrap .box {
    padding: 0
}

main#subPage.order.confirm section.s01 article .wrap .box .center {
    padding-top: 0;
    min-height: calc(100vh - 140px - 170px)
}

main#subPage.order.confirm section.s01 article .wrap .box .center .title:nth-of-type(1) {
    margin-top: 0
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li {
    margin-bottom: 10px
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list {
    height: initial;
    flex-direction: column;
    padding: 15px
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .content {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .text {
    width: 100%;
    padding: 0;
    margin-bottom: 10px
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .text h2 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .text p {
    font-size: 14px;
    font-weight: 400;
    font-weight: #909090
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .price {
    width: 100%;
    font-size: 17px;
    font-weight: bold;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .price strong {
    color: #e50070
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .info {
    justify-content: space-between;
    align-items: center
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .info .menu_btn {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .info .menu_btn>div {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #dedede;
    border-radius: 5px;
    font-size: 14px;
    height: 35px;
    border-radius: 50px;
    width: 93px
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .info .menu_btn>div>div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 35px
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .info .menu_btn>div .left,
main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .info .menu_btn>div .right {
    cursor: pointer;
    width: 35px;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .info .menu_btn>div .left img,
main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .info .menu_btn>div .right img {
    -o-object-fit: contain;
    object-fit: contain
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .info .menu_btn>div .left.left img,
main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .info .menu_btn>div .right.left img {
    width: 11px;
    height: 11px
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .info .menu_btn>div .left.left img[src="../images/common/trash.svg"],
main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .info .menu_btn>div .right.left img[src="../images/common/trash.svg"] {
    width: 13px;
    height: 13px
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .info .menu_btn>div .left.right img,
main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .info .menu_btn>div .right.right img {
    width: 11px;
    height: 11px
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li .order-list .info .menu_btn>div .value {
    width: 22px;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    padding-top: 1.5px;
    line-height: 1;
    font-size: 16px
}

main#subPage.order.confirm section.s01 article .wrap .box .center .menu li:nth-last-of-type(1) {
    margin-bottom: 0px
}

main#subPage.order.confirm section.footer-wrap article .wrap {
    padding: 0
}

main#subPage.order.confirm section.footer-wrap article .wrap .cash {
    width: calc(100% - 20px);
    margin: 0 auto 20px
}

main#subPage.order.confirm section.footer-wrap article .wrap .bottom {
    padding: 15px 10px;
    background-color: #fff
}

main#subPage.order.confirm section.footer-wrap article .wrap .bottom .confirm_btn {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px
}

main#subPage.order.confirm section.footer-wrap article .wrap .bottom .confirm_btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px
}

main#subPage.order.confirm section.footer-wrap article .wrap .bottom .confirm_btn a.back {
    aspect-ratio: 1/1;
    background-color: #ededed;
    border-radius: 5px
}

main#subPage.order.confirm section.footer-wrap article .wrap .bottom .confirm_btn a.back img {
    width: 9px;
    transform: scaleX(-1)
}

main#subPage.order.confirm section.footer-wrap article .wrap .bottom .confirm_btn a:not(.back) {
    width: 100%;
    background-color: #e50070;
    border-radius: 5px;
    font-size: 26px;
    font-weight: 600;
    color: #fff
}

.order-list {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #dedede
}

.order-list .img-wrap {
    width: 100%;
    height: 100%;
    max-width: 120px;
    padding: 10px
}

.order-list .img-wrap img {
    width: 100%;
    height: 100%;
    max-height: 100px;
    height: 100px;
    -o-object-fit: contain;
    object-fit: contain
}

.order-list .info {
    width: calc(100% - 120px);
    height: 100%;
    overflow: hidden;
    display: flex; align-items: center;
}

.order-list .info .text {
    width: calc(100% - 50px);
    height: 100%;
    padding: 10px
}

.order-list .info .text h2 {
    font-size: 20px;
    font-weight: 600
}

.order-list .info .text p {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #909090
}

.order-list .info .text .price {
    font-size: 18px;
    font-weight: bold
}

.order-list .info .text .price strong {
    color: #e50070
}

.order-list .info .count {
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    background-color: #144987;
    min-height: 120px;
}

.order-list.option-list {
    height: 110px
}

.order-list.option-list .img-wrap {
    max-width: 110px
}

.order-list.option-list .info {
    width: calc(100% - 110px)
}

.list_1 {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    background-color: #fff;
    margin-top: 20px
}

.list_1 .top-wrap {
    width: 100%;
    position: relative;
    aspect-ratio: 400/187
}

.list_1 .top-wrap .icon-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 15px 15px 10px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column
}

.list_1 .top-wrap .icon-wrap .top {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px
}

.list_1 .top-wrap .icon-wrap .top li {
    width: 35px;
    height: 35px
}

.list_1 .top-wrap .icon-wrap .top li img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.list_1 .top-wrap .icon-wrap .bottom {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 10px
}

.list_1 .top-wrap .icon-wrap .bottom .infor {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.list_1 .top-wrap .icon-wrap .bottom .infor span {
    white-space: nowrap;
    font-size: 20px;
    font-weight: 700;
    color: #e50070;
    display: inline-block;
    margin-right: 15px
}

.list_1 .top-wrap .icon-wrap .bottom .infor ul {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 5px
}

.list_1 .top-wrap .icon-wrap .bottom .infor ul li {
    width: 35px;
    height: 35px;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden
}

.list_1 .top-wrap .icon-wrap .bottom .infor ul li img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.list_1 .top-wrap .icon-wrap .bottom .infor ul li:not(.full_icon) {
    padding: 3px
}

.list_1 .top-wrap .icon-wrap .bottom .allergy span {
    white-space: nowrap;
    font-size: 14px;
    color: #e50070
}

.list_1 .top-wrap .img-wrap {
    width: 100%;
    aspect-ratio: 400/187;
    padding: 10px
}

.list_1 .top-wrap .img-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.list_1 .top-wrap:has(.icon-wrap .infor) {
    aspect-ratio: 400/220
}

.list_1 .info {
    padding: 15px;
}

.list_1 .info h4 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 4px
}

.list_1 .info p {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 10px
}

.list_1:nth-of-type(1) {
    margin-top: 0
}

.list_1.set_menu .info .menu-option .swiper .swiper-wrapper .swiper-slide {
    cursor: pointer
}

.list_1.set_menu .info .menu-option .swiper .swiper-wrapper .swiper-slide.active {
    background-color: #fff0f0;
    border-color: #e50070
}

.select-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    background-color: #fff;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    color: #000;
    font-size: 16px;
    font-weight: normal;
    border: 1px solid #d9d9d9;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    width: 93px;
    margin-left: auto
}

.select-menu .minus,
.select-menu .plus,
.select-menu .value {
    width: 35px;
    min-height: 35px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer
}

.select-menu .minus img,
.select-menu .plus img,
.select-menu .value img {
    width: 11px
}

.select-menu .minus {
    left: 0
}

.select-menu .value {
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 1;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    border-radius: 50%;
    cursor: default
}

.select-menu .plus {
    right: -1px
}

.select-menu.active {
    width: 93px
}

.select-menu.active .value {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: default
}

.select-menu.active .plus {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    user-select: initial;
    pointer-events: visible
}

.price_wrap {
    width: 100%;
    margin-top: 20px
}

.price_wrap ul {
    width: 100%
}

.price_wrap ul li {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    gap: 10px;
    margin-bottom: 10px
}

.price_wrap ul li span {
    display: inline-block
}

.price_wrap ul li span.price {
    color: #e50070;
    font-weight: bold;
    width: 110px;
    font-size: 19px
}

.price_wrap ul li span.weight {
    width: 60px;
    text-align: right
}

.price_wrap ul li span:nth-last-of-type(1) {
    margin-right: 0
}

.price_wrap ul li:nth-last-of-type(1) {
    margin-bottom: 0
}

.price_wrap ul li:nth-last-of-type(1) span {
    margin-bottom: 0
}

.list_2 {
    width: 100%;
    margin-top: 40px
}

.list_2 ul {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 15px
}

.list_2 ul li {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    background-color: #fff;
    overflow: hidden
}

.list_2 ul li .img-wrap {
    width: 130px;
    aspect-ratio: 131/140;
    padding: 5px
}

.list_2 ul li .img-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.list_2 ul li .text01 {
    width: calc(100% - 130px);
    height: 100%;
    padding: 15px 20px 15px 10px
}

.list_2 ul li .text01 .more-title {
    width: 100%
}

.more-title {
    font-size: 14px;
    display: flex;
    justify-content: flex-start;
    /* align-items: center; */
    gap: 2px;
    font-weight: normal
}

.more-title span {
    color: #909090;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.more-title .more {
    color: #e50070;
    font-size: 14px;
    font-weight: normal
}

.more-title.align_right {
    flex-direction: row-reverse
}

.more-title.align_right span {
    direction: rtl
}

.person_tab {
    width: 100%;
    overflow-x: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin: 25px 0
}

.person_tab::-webkit-scrollbar {
    width: 0;
    height: 0
}

.person_tab li {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #d0d0d0;
    color: #e0e0e0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    transition: .15s;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -ms-transition: .15s;
    -o-transition: .15s;
    cursor: pointer
}

.person_tab li.active {
    border-color: #e50070;
    background-color: #e50070;
    color: #fff
}

.person_tab li.active svg {
    height: 13.3px
}

.person_tab li.active svg path {
    stroke: #e50070;
    fill: #fff
}

.menu-option {
    width: 100%;
    margin-top: 30px
}

.menu-option .title {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px
}

.menu-option .title .pagination {
    width: initial;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0px;
    line-height: 1;
    font-size: 12px;
    color: #909090;
    margin-top: 3px
}

.menu-option .title .pagination span {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0px
}

.menu-option .title .pagination span:first-child::before {
    content: "";
    display: block;
    width: 7px;
    aspect-ratio: 7/11;
    background-image: url("../images/common/pagination_arrow.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: scaleX(-1)
}

.menu-option .title .pagination span:last-child::after {
    content: "";
    display: block;
    width: 7px;
    aspect-ratio: 7/11;
    background-image: url("../images/common/pagination_arrow.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.menu-option .swiper {
    width: 100%
}

.menu-option .swiper .swiper-wrapper {
    width: 100%
}

.menu-option .swiper .swiper-wrapper .swiper-slide {
    width: 55.5555555556%;
    border-radius: 10px;
    border: .5px solid #ededed;
    overflow: hidden;
    background-color: #f8f8f8;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.menu-option .swiper .swiper-wrapper .swiper-slide .top-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 192/112
}

.menu-option .swiper .swiper-wrapper .swiper-slide .top-wrap .img-wrap {
    width: 100%;
    height: 100%;
    padding: 10px
}

.menu-option .swiper .swiper-wrapper .swiper-slide .top-wrap .img-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 10px 10px 0 0
}

.menu-option .swiper .swiper-wrapper .swiper-slide .text01 h5 span {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    /* word-break: break-all; */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.menu-option .swiper .swiper-wrapper .swiper-slide .text01 p span {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    /* word-break: break-all; */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.menu-option .swiper .swiper-wrapper .swiper-slide.active {
    background-color: #fff0f0;
    border-color: #e50070
}

.popup_test {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 20px);
    margin: 30px auto 0;
    padding: 20px 0;
    background-color: #fff;
    border-radius: 15px;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.popup_test:hover {
    background-color: #e50070;
    color: #fff
}

.text01 {
    padding: 15px 10px;
    position: relative
}

.text01 h5 {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0
}

.text01 p {
    width: 100%;
    font-size: 16px;
    font-weight: normal
}

.text01 .more-title {
    width: 100%;
    margin-top: 10px;
    font-size: 14px
}

.text01 .more-title .more {
    font-size: 14px
}

.text01 .price {
    font-size: 19px;
    font-weight: bold;
    color: #e50070;
    margin-top: 12px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px
}

.a_1 {
    width: 100%
}

.a_1 span {
    overflow: hidden;
    /* display: -webkit-box; */
    /* text-overflow: ellipsis; */
    /* word-break: break-all; */
    /* -webkit-box-orient: vertical; */
    /* -webkit-line-clamp: 2 */
}

.a_1::-webkit-scrollbar {
    width: 0;
    height: 0
}

.a_1.move {
    overflow: hidden
}

.a_1.move span {
    animation: marquee03 30s linear infinite
}

.a_1.move span.clone {
    display: none;
    animation: marquee02 30s linear infinite
}

.popup {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
    background-color: rgba(0, 0, 0, .8);
    max-width: 500px;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-y: auto
}

.popup.cancel .wrap,
.popup.warning .wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 40px 40px 25px;
    border-radius: 15px;
    background-color: #fff;
    width: calc(100% - 40px);
    text-align: center;
    max-width: 360px
}

.popup.cancel .wrap .img-wrap,
.popup.warning .wrap .img-wrap {
    width: 130px;
    height: 130px
}

.popup.cancel .wrap .img-wrap img,
.popup.warning .wrap .img-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup.cancel .wrap p,
.popup.warning .wrap p {
    width: 100%;
    font-weight: bold;
    font-size: 26px;
    color: #000;
    margin: 35px 0
}

.popup.cancel .close_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 70px;
    font-size: 18px;
    font-weight: normal;
    color: #969696;
    background-color: #f7f7f7;
    border-radius: 24px;
    white-space: nowrap
}

.popup.warning .wrap {
    padding: 40px 20px 25px
}

.popup.warning .wrap a {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 0;
    font-size: 18px;
    font-weight: normal;
    color: #969696;
    background-color: #f7f7f7;
    border-radius: 24px;
    white-space: nowrap;
    margin-bottom: 5px
}

.popup.warning .wrap a:last-child {
    margin-bottom: 0
}

.popup.warning .wrap a.close_btn {
    background-color: #e50070;
    color: #fff
}

.popup.menu-more .wrap,
.popup.restaurant .wrap {
    width: 100%;
    width: 100%;
    background-color: #ededed;
    position: absolute;
    z-index: 2;
    top: 200px;
    min-height: calc(100% - 200px);
    border-radius: 20px 20px 0 0
}

.popup.menu-more .wrap .thumbnail,
.popup.restaurant .wrap .thumbnail {
    width: 100%;
    aspect-ratio: 16/9;
    position: relative;
    z-index: 2
}

.popup.menu-more .wrap .thumbnail .line1,
.popup.restaurant .wrap .thumbnail .line1 {
    content: "";
    width: 100px;
    height: 4px;
    background-color: #fff;
    border-radius: 50px;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%)
}

.popup.menu-more .wrap .info,
.popup.restaurant .wrap .info {
    position: relative;
    z-index: 1
}

.popup.menu-more .wrap .info .text,
.popup.restaurant .wrap .info .text {
    padding: 0px 10px
}

.popup.menu-more .wrap .info .text h3,
.popup.restaurant .wrap .info .text h3 {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin-bottom: 8px
}

.popup.menu-more .wrap .info .text .sub-title,
.popup.restaurant .wrap .info .text .sub-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5px
}

.audio,
.audio {
    height: 26px;
    cursor: pointer;
    display: inline-block;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center */
}

.audio svg,
.audio svg {
    width: 19px;
    aspect-ratio: 19/16;
    /* margin-bottom: 3px */
}

.audio.active svg path,
.audio.active svg path {
    fill: #e50070
}

.popup.menu-more .wrap .info .text .more-title,
.popup.restaurant .wrap .info .text .more-title {
    margin-bottom: 25px;
    position: relative;
    font-size: 16px
}

.popup.menu-more .wrap .info .text .more-title>.txt,
.popup.restaurant .wrap .info .text .more-title>.txt {
    -webkit-line-clamp: initial
}

.popup.menu-more .wrap .info .text .more-title .more-wrap,
.popup.restaurant .wrap .info .text .more-title .more-wrap {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%
}

.popup.menu-more .wrap .info .text .more-title .more-wrap span.txt,
.popup.restaurant .wrap .info .text .more-title .more-wrap span.txt {
    -webkit-line-clamp: 2
}

.popup.menu-more .wrap .info .text .more-title .more-wrap span.active,
.popup.restaurant .wrap .info .text .more-title .more-wrap span.active {
    -webkit-line-clamp: initial
}

.popup.menu-more .wrap .info .text .more-title .more,
.popup.restaurant .wrap .info .text .more-title .more {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.8px;
    background-color: #ededed;
    font-size: 14px
}

.popup.menu-more .wrap .info .text .more-title .more span,
.popup.restaurant .wrap .info .text .more-title .more span {
    color: #909090
}

.popup.menu-more .wrap .info .text .more-title .more.hide,
.popup.restaurant .wrap .info .text .more-title .more.hide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.popup.menu-more .close_btn,
.popup.restaurant .close_btn,
.popup.language .close_btn {
    position: sticky;
    bottom: 30px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    z-index: 10;
    margin-top: 50px;
    padding-right: 20px
}

.popup.menu-more .close_btn a,
.popup.restaurant .close_btn a,
.popup.language .close_btn a {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    user-select: initial;
    pointer-events: visible;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #e50070;
    position: relative
}

.popup.menu-more .close_btn a img,
.popup.restaurant .close_btn a img,
.popup.language .close_btn a img {
    width: 16px;
    -o-object-fit: contain;
    object-fit: contain
}

.popup.menu-more .wrap .thumbnail .img-wrap {
    width: 100%;
    height: 100%;
    padding: 20px 10px 0 10px;
    border-radius: 20px 20px 0 0;
    overflow: hidden
}

.popup.menu-more .wrap .thumbnail .img-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.popup.menu-more .wrap .thumbnail .top {
    position: absolute;
    left: 20px;
    top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    padding: 0 10px;
    background-color: #fff;
    border-radius: 20px;
    gap: 10px
}

.popup.menu-more .wrap .thumbnail .top li {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px
}

.popup.menu-more .wrap .thumbnail .top li .icon {
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center
}

.popup.menu-more .wrap .thumbnail .top li .icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup.menu-more .wrap .thumbnail .top li span {
    font-size: 16px;
    font-weight: 500;
    line-height: 1
}

.popup.menu-more .wrap .thumbnail .top li.star span {
    margin-top: 2px
}

.popup.menu-more .wrap .thumbnail .icon-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    flex-wrap: wrap;
    gap: 5px;
    bottom: -25px;
    left: 20px
}

.popup.menu-more .wrap .thumbnail .icon-wrap li {
    width: 50px;
    height: 50px
}

.popup.menu-more .wrap .thumbnail .icon-wrap li img {
    width: 100%;
    height: 100%
}

.popup.menu-more .wrap .info {
    padding: 40px 10px 0px
}

.popup.menu-more .wrap .info .box {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 15px;
    padding: 20px 20px 20px 20px;
    /* 20px 10px 20px 30px */
}

.popup.menu-more .wrap .info .box ul li {
    margin-bottom: 20px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.popup.menu-more .wrap .info .box ul li p {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin-bottom: 5px;
    position: relative
}

.popup.menu-more .wrap .info .box ul li p::before {
    content: "";
    position: absolute;
    left: -15px;
    top: 7px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #000
}

.popup.menu-more .wrap .info .box ul li span {
    font-size: 16px;
    font-weight: normal
}

.popup.menu-more .wrap .info .box ul li span a {
    color: #e50070;
    text-decoration: underline
}

.popup.menu-more .wrap .info .box ul li .slide {
    width: 100%;
    /* display: none */
}

.popup.menu-more .wrap .info .box ul li .slide .img-wrap {
    border-radius: 15px;
    width: 100%;
    overflow: hidden;
    margin: 20px 0 15px
}

.popup.menu-more .wrap .info .box ul li .slide .img-wrap img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.popup.menu-more .wrap .info .box ul li .slide span {
    display: block;
    font-size: 16px;
    font-weight: normal;
    color: #7c7c7c;
    line-height: 1.2
}

.popup.menu-more .wrap .info .box ul li:last-child {
    margin-bottom: 0
}

.popup.menu-more .wrap .info .box ul li.active p {
    margin-bottom: 30px
}

.popup.restaurant .wrap .thumbnail .img-wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 20px 20px 0 0
}

.popup.restaurant .wrap .thumbnail .img-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup.restaurant .wrap .info {
    padding: 30px 10px 0px
}

.popup.restaurant .wrap .info ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.popup.restaurant .wrap .info ul li {
    width: 100%;
    padding: 15px 10px;
    background-color: #fff;
    border-radius: 15px
}

.popup.restaurant .wrap .info ul li .title {
    font-size: 18px;
    font-weight: bold;
    color: #e50070;
    margin-bottom: 10px
}

.popup.restaurant .wrap .info ul li .more-title {
    position: relative;
    font-size: 16px
}

.popup.restaurant .wrap .info ul li .more-title>.txt {
    -webkit-line-clamp: initial
}

.popup.restaurant .wrap .info ul li .more-title .more-wrap {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%
}

.popup.restaurant .wrap .info ul li .more-title .more-wrap span.txt {
    -webkit-line-clamp: 2
}

.popup.restaurant .wrap .info ul li .more-title .more-wrap span.active {
    -webkit-line-clamp: initial
}

.popup.restaurant .wrap .info ul li .more-title .more {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.8px;
    background-color: #fff;
    font-size: 14px
}

.popup.restaurant .wrap .info ul li .more-title .more span {
    color: #909090
}

.popup.restaurant .wrap .info ul li .more-title .more.hide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.popup.language .language_tab {
    width: 100%;
    background-color: #fff;
    padding: 50px 20px 30px;
    position: absolute;
    top: 200px;
    min-height: calc(100% - 200px);
    border-radius: 20px 20px 0 0;
    max-width: 500px
}

.popup.language .language_tab .line1 {
    content: "";
    width: 100px;
    height: 4px;
    background-color: #d9d9d9;
    border-radius: 50px;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%)
}

.popup.language .language_tab ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    -moz-column-gap: 10px;
    column-gap: 10px;
    row-gap: 10px
}

.popup.language .language_tab ul>* {
    width: calc(50% - 5px)
}

.popup.language .language_tab ul li a {
    width: 100%;
    padding: 15px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f6f6f6;
    border: 1px solid #f6f6f6;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    transition: .15s;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -ms-transition: .15s;
    -o-transition: .15s
}

.popup.language .language_tab ul li a .left {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px
}

.popup.language .language_tab ul li a .right .check {
    width: 20px;
    height: 20px
}

.popup.language .language_tab ul li a .right .check svg {
    width: 100%;
    height: 100%
}

.popup.language .language_tab ul li a .right .check svg circle,
.popup.language .language_tab ul li a .right .check svg path {
    transition: .15s;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -ms-transition: .15s;
    -o-transition: .15s
}

.popup.language .language_tab ul li:hover a,
.popup.language .language_tab ul li.active a {
    border-color: #e50070;
    background-color: #fff0f0
}

.popup.language .language_tab ul li:hover a .right .check svg circle,
.popup.language .language_tab ul li.active a .right .check svg circle {
    fill: #e50070
}

.popup.language .language_tab .close_btn {
    padding-right: 0
}

.popup.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-user-select: initial;
    -moz-user-select: initial;
    user-select: initial;
    pointer-events: visible
}

@media(max-width: 500px) {
    .popup {
        left: 0;
        transform: initial
    }

    .intro_wrap {
        left: 0;
        transform: initial
    }

    main#subPage.order section.footer-wrap article .wrap .cash {
        padding-bottom: 15px
    }

    main#subPage.order section.footer-wrap article .wrap .cash::before {
        bottom: -2px
    }
}

@media(max-width: 370px) {
    main#subPage.order section.footer-wrap article .wrap .cash::before {
        bottom: -3px
    }
}

/* jjadd */
.swiper-slide.list_1 {margin-top: 0 !important;}

.hide {display: none !important;}
.line-2 {-webkit-line-clamp: 2 !important;}
.more-right-bottom {}


#main_page .menu-option .list_1 .line-2 {
    height: 41.59px;
}

img.no-img {
    mix-blend-mode: luminosity;
    opacity: .7;
    padding: 10px;
}

/* 20250721 추가 */
.quick_menu{
    position: fixed;
    max-width: 500px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    z-index: 100;
    padding: 10px;
    display: flex;
    justify-content: flex-end;
    pointer-events: none;
    ul{
        width: 60px;
        pointer-events: visible;
        li{
            width: 100%;
            aspect-ratio: 1/1;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            border-radius: 50%;
            background-color: #E50070;
            img{
                width: 30px;
                height: 30px;
                object-fit: contain;
            }
            &:nth-last-of-type(1){
                margin-bottom: 0;
            }
        }
    }
}
body{
    &:not(:has(footer)){
       main#main_page.index_info,
       main#main_page.index_list{
            padding-bottom: 0;
       } 
    }
}
main#main_page.index_info section.s02,
main#main_page.index_list section.s02{
    padding-top: 80px;
}

main#main_page.index_info section.s02 article .wrap,
main#main_page.index_list section.s02 article .wrap{
    display: block;
}

main#main_page.index_info section.s02 article .wrap .content,
main#main_page.index_list section.s02 article .wrap .content{
    width: 100%;
    margin-bottom: 40px;
    &:nth-last-of-type(1){
        margin-bottom: 0;
    }
}
main#main_page.index_info section.s02 article .wrap .content h2+p,
main#main_page.index_list section.s02 article .wrap .content h2+p{
    font-size: 16px;
    font-weight: 400;
    color: #000;
}
main#main_page.index_info section.s02 article .wrap .content h2{
    margin-bottom: 10px;
}
main#main_page.index_info section.s02 article .wrap .content h2,
main#main_page.index_list section.s02 article .wrap .content h2,
main#main_page.index_info section.s02 article .wrap .content h2+p,
main#main_page.index_list section.s02 article .wrap .content h2+p{
    padding-left: 5px;
}

/* index_info */
main#main_page.index_info section.s02 article .wrap .content .main_swiper{
    width: 100%;
    margin: 10px 0 20px;
    border-radius: 15px;
    .swiper-wrapper{
        width: 100%;
        /* height: 100%; */
        .swiper-slide{
            width: 100%;
            /* height: 100%; */
            img{
                width: 100%;
                /* height: 100%; */
                object-fit: contain;
            }
        }
    }
    .swiper-pagination{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        bottom: 15px;
        .swiper-pagination-bullet{
            margin: 0;
            width: 8px;
            height: 8px;
            opacity: 1;
            background-color: #EDEDED;
            &.swiper-pagination-bullet-active{
                background-color: #E50070;
            }
        }
    }
}

main#main_page.index_info section.s02 article .wrap .content .toggle_list{
    width: 100%;
    .toggle_box{
        width: 100%;
        margin-bottom: 10px;
        background-color: #fff;
        border-radius: 10px;
        padding: 0 20px;
        .toggle_title{
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 20px 0;
            gap: 10px;
            cursor: pointer;
            p{
                font-size: 16px;
                font-weight: 500;
            }
            .arrow {
                width: 15px;
                transition: .4s;
                -o-transition: .4s;
                -moz-transition: .4s;
                -webkit-transition: .4s;
                img{
                    width: 100%;
                    object-fit: contain;
                }
            }
        }
        .toggle_content{
            width: 100%;
            display: none;
            padding-bottom: 20px;
            .box{
                width: 100%;
                margin-bottom: 20px;
                p{
                    font-size: 14px;
                    font-weight: 500;
                    margin-bottom: 10px;
                    display: flex;
                    &::before{
                        content: "•";
                        margin-right: 5px;
                    }
                }
                span{
                    width: 100%;
                    display: block;
                    font-size: 14px;
                    font-weight: 400;
                    line-height: 1.5;
                    &.gray{
                        /* margin-top: 10px; */
                        color: #909090;
                    }
                }
                &:nth-last-of-type(1){
                    margin-bottom: 0;
                }
            }
            .img_wrap{
                width: 100%;
                margin-top: 30px;
                >*{
                    width: 100%;
                    height: unset;
                    border-radius: 6px;
                    overflow: hidden;
                    margin-bottom: 10px;
                    &:nth-last-of-type(1){
                        margin-bottom: 0;
                    }
                }
                iframe,video{
                    aspect-ratio: 16/9;
                    object-fit: contain;
                }
                img{
                    object-fit: contain;
                }
            }
        }
        &.active{
            .toggle_title{
                /* padding-bottom: 20px; */
                .arrow{
                    transform: rotate(180deg);
                }
            }
        }
    }
}

/* index_list */
main#main_page.index_list section.s01 article .wrap .main-title-box .left h1{
    line-height: 1.3;
    margin-bottom: 0;
}
main#main_page.index_list section.s01 article .wrap .main-title-box .left h1+p{
    margin-top: 7px;
}

main#main_page.index_list section.s02 article .wrap .content .main_image{
    width: 100%;
    img{
        width: 100%;
        object-fit: contain;
        border-radius: 15px 15px 0 0;
    }
}

main#main_page.index_list section.s02 article .wrap .content .info{
    width: 100%;
    background-color: #fff;
    border-radius: 0 0 15px 15px;
    .text{
        padding: 20px;
        h2{
            padding-left: 0;
        }
        span{
            font-size: 14px;
            font-weight: 400;
        }
    }
    .button_wrap{
        border-top: 1px solid #EDEDED;
        display: flex;
        align-items: center;
        justify-content: center;
        a{
            width: calc(100% / 2);
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            padding: 15px 10px;
            position: relative;
            .icon{
                height: 18px;
                display: flex;
                align-items: center;
                justify-content: center;
                
                img{
                    height: 100%;
                    object-fit: contain;
                }
            }
            span{
                font-size: 16px;
                line-height: 1;
            }
            &:nth-of-type(1){
                position: relative;
                &::before{
                    content: "";
                    position: absolute;
                    width: 1px;
                    height: calc(100% - 20px);
                    background-color: #EDEDED;
                    right: 0;
                    top: 50%;
                    transform: translateY(-50%);
                }
            }
            .button{
                /* position: absolute;
                top: 0;
                left: 0; */
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 10px;
                /* opacity: 0; */
                transition: .5s;
                background-color: #fff;
                div{
                    width: 35px;
                    height: 35px;
                    border-radius: 50%;
                    background-color: red;
                }
            }
            &:hover{
                .button_wrap{
                    opacity: 1;
                }
            }
        }
    }
}

.popup.location_map{
    padding: 10px;
    .popup_wrap{
        width: 100%;
        max-width: 380px;
        border-radius: 8px;
        background-color: #fff;
        padding: 20px;
        .popup_title{
            width: 100%;
            padding-bottom: 20px;
            border-bottom: 1px solid #D0D0D0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 10px;
            /* flex-wrap: wrap; */
            p{
                font-size: 16px;
                font-weight: 400;
            }
            .close_btn{
                cursor: pointer;
                width: 12px;
                min-width: 12px;
                img{
                    width: 100%;
                    object-fit: contain;
                }
            }
        }
        .popup_content{
            width: 100%;
            padding-top: 20px;
            ul{
                width: fit-content;
                margin: 0 auto;
                display: flex;
                justify-content: center;
                gap: 20px 40px;
                text-align: center;
                li{
                    a{
                        .img_wrap{
                            width: 60px;
                            margin: 0 auto 13px;
                            img{
                                width: 100%;
                                object-fit: contain;
                            }
                        }
                        p{
                            font-size: 14px;
                            font-weight: 400;
                        }
                    }
                }
                &:has(:nth-of-type(4)){
                    flex-wrap: wrap;
                    li{
                        width: calc(100% / 2 - 40px * 1 / 2);
                    }
                }
            }
        }
    }
}