html {
    font-size: 62.5%;
    min-height: -webkit-fill-available;
    /* height: 100vh; */
    height: 100%;
}

::-webkit-scrollbar {
    display: none;
}

body {
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    height: 100%;
    min-height: 100%;
}

img {
    max-width: 100%;
    display: block;
}

.desktop-layout {
    display: none;
}

.is-dog .section-program_age-block.adult .age-control {
    border-color: #017b30;
}

.is-dog .section-program_age-block.adult .age-control button.is-active {
    background-color: #017b30;
}

.is-dog .section-program_age-block.senior .age-control {
    border-color: #017b30;
}

.is-dog .section-program_age-block.senior .age-control button.is-active {
    background-color: #017b30;
}

[data-scroll-direction='horizontal'] [data-scroll-container] {
    height: 100%;
    vertical-align: bottom;
}

.has-scroll-smooth [data-scroll-container] {
    min-height: 100%;
}

.cta-wrapper {
    font-size: 0;
    text-align: center;
}

.cta-wrapper .cta-default {
    margin-right: 0.7rem;
}

.cta-wrapper .cta-default:last-child {
    margin-right: 0;
}

.cta-default {
    display: inline-block;
    text-align: center;
    background: #ec001a;
    color: #ffffff;
    font-weight: 700;
    font-size: 1.4rem;
    /* border: 1px solid #ffffff; */
    border-radius: 1.9rem;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
}

.to-top {
    margin-bottom: -6rem;
    opacity: 0.3;
}

#container {
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    /* display: flex;
    flex-wrap: nowrap; */
    height: 100%;
    /* width: 100vw; */
    /* overflow-x: hidden; */
    /* width: 600%; */
}

.wrapper {
    height: 100%;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    /* width: 100%; */
    width: 100vw;
    background-color: rgba(255, 255, 255, 0.9);
}

.header .header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header .logo {
    padding: 20px 30px;
    display: block;
    width: 78px;
    box-sizing: content-box;
}

.header .logo img {
    height: 24px;
}

.header .burger-wrap {
    position: relative;
}

.header .gnb-trigger {
    padding: 2rem 3rem;
}

.header .gnb-trigger .line {
    display: block;
    height: 2px;
    width: 20px;
    border-radius: 2px;
    margin-left: auto;
    margin-right: 0;
    background-color: #333333;
}

.header .gnb-trigger .line._02 {
    margin-top: 3px;
    margin-bottom: 3px;
    width: 18px;
}

.header .gnb-trigger .line._03 {
    width: 18px;
}

.pg-main .header {
    background-color: rgba(255, 255, 255, 0);
}

.pg-main img {
    -webkit-touch-callout: none;
    pointer-events: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    user-select: none;
    -webkit-user-select: none;
}

#menu-layer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    width: 100vw;
    transform: translateX(50%);
    overflow: hidden;
}

.menu-opened #menu-layer {
    background: rgba(0, 0, 0, 0.3);
    transition: background 0.1s ease;
}

#menu-layer .gnb-toggle.close {
    position: absolute;
    top: 2rem;
    right: 2rem;
    width: 2.4rem;
    height: 2.4rem;
    background: url(../assets/icon_x_black.png) center / 2.4rem auto no-repeat;
    z-index: 1;
}

#menu-layer .inner {
    position: absolute;
    right: 0;
    top: 0;
    /* width: 81.6%; */
    width: 72%;
    height: 100%;
    bottom: 0;
    /* padding: 8rem 3rem 11rem; */
    padding: 7rem 3.8rem 11rem;
    max-width: 33rem;
    background-color: #ffffff;
    border-top-left-radius: 3.7rem;
    overflow-y: scroll;
}

#menu-layer .inner ul {
    /* margin-bottom: 4rem; */
    margin-bottom: 2rem;
}

#menu-layer .inner ul li {
    position: relative;
    padding: 0 0.8rem;
    background-size: 2.4rem 2.4rem;
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding-left: 3.1rem;
}

#menu-layer .inner ul li:after {
    content: '';
    width: 2.4rem;
    height: 2.4rem;
    background: url(../assets/icon_arrow.svg) 50% / 2.4rem 2.4rem no-repeat;
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    transform: translateY(-50%);
}

#menu-layer .inner ul li:first-child {
    background-image: url(../assets/icon_menu_home.svg);
}

#menu-layer .inner ul li:nth-child(2) {
    background-image: url(../assets/icon_menu_feed.svg);
}

#menu-layer .inner ul li:nth-child(3) {
    background-image: url(../assets/icon_menu_arrow.svg);
}

#menu-layer .inner ul li:nth-child(4) {
    background-image: url(../assets/icon_menu_dog.svg);
}

.is-cat #menu-layer .inner ul li:nth-child(4) {
    background-image: url(../assets/icon_menu_cat.svg);
}

#menu-layer .inner ul li a {
    display: block;
    padding: 1rem 0;
    font-size: 1.4rem;
}

#menu-layer .inner .banner {
    margin-bottom: 1rem;
}

#menu-layer .inner .banner:last-child {
    /* margin-top: -1.7rem; */
    margin-bottom: 0;
}

#menu-layer #footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #333333;
    padding: 3rem 0;
    text-align: center;
    font-size: 1rem;
    font-weight: 500;
    color: #ffffff;
}

.section {
    min-width: 100vw;
    /* width: 200vw; */
    height: 100%;
}

.section-container {
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
}

.section-container .section-wrapper {
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    position: relative;
}

.section-hero {
    position: relative;
    width: 100vw;
    /* padding-top: 9.8rem; */
    z-index: 3;
    /* background: url(../assets/sample_hero_img.jpg) 50% / 100% 100% no-repeat; */
}

.section-hero .over-group {
    padding-top: 9.8rem;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.hero-mode-toggle {
    display: block;
    position: relative;
    /* width: 20rem;
    height: 3.6rem; */
    width: 13.2rem;
    height: 2.8rem;
    border-radius: 2.5rem;
    /* border: 2px solid #ec001a; */
    border: 1px solid #ec001a;
    background-color: #ffffff;
    overflow: hidden;
    /* margin: 0 auto 3.45rem; */
    margin: 0 auto 1.6rem;
}

.hero-mode-toggle .mode-toggle {
    position: absolute;
    z-index: 1;
    width: 54.5%;
    top: 0;
    height: 100%;
    text-align: center;
}

.hero-mode-toggle .mode-toggle span {
    color: #c4c4c4;
    /* font-size: 1.4rem; */
    font-size: 1rem;
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hero-mode-toggle .mode-toggle.is-active {
    z-index: 2;
    background-color: #ec001a;
    border-radius: 2.5rem;
    box-shadow: 3px 0px 4px rgba(0, 0, 0, 0.1);
}

.hero-mode-toggle .mode-toggle.is-active span {
    color: #ffffff;
}

.hero-mode-toggle .mode-toggle:first-child {
    left: -1px;
}

.hero-mode-toggle .mode-toggle:last-child {
    right: -1px;
}

.section-hero .hero-title {
    text-align: center;
    font-size: 3.4rem;
    font-weight: 700;
    line-height: 1.17;
}

.section-hero .video-background {
    z-index: -1;
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
    width: 100%;
    height: 100%;
}

.video-background>div {
    height: 100%;
}

/* .section-hero .video-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
} */
.section-hero .video-background video {
    display: block;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.section-hero .hero-title strong {
    color: #ec001a;
}

.section-hero .induce-area {
    position: absolute;
    bottom: 9rem;
    left: 50%;
    transform: translateX(-50%);
}

.section-hero .induce-area .icon-wrap {
    position: relative;
    font-size: 0;
    text-align: center;
}

.section-hero .induce-area .act {
    position: relative;
    display: inline-block;
    margin-left: 1.5rem;
}

.section-hero .induce-area .act .hand {
    width: 2rem;
}

.section-hero .induce-area .act .hand._02 {
    opacity: 0.4;
    /* animation-name: induceAnim1;
    animation-iteration-count: infinite;
    animation-duration: 1s; */
}

.section-hero .induce-area .act .hand:first-child {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation-name: induceAnim;
    animation-name: induceAnim;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.section-hero .induce-area .arrow {
    font-size: 0;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1.3rem;
}

@-webkit-keyframes induceAnim {
    from {
        transform: translateX(0rem);
    }

    to {
        transform: translateX(-1.8rem);
    }
}

@keyframes induceAnim {
    from {
        transform: translateX(0rem);
    }

    to {
        transform: translateX(-1.8rem);
    }
}

.section-hero .induce-area .arrow img {
    display: inline-block;
    width: 0.4rem;
    -webkit-animation-name: induceAnim;
    animation-name: induceAnim;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.section-hero .induce-area span {
    display: block;
    font-size: 1rem;
    color: #333333;
    margin-top: 0.6rem;
}

/* .age-control {
    position: fixed;
    left: calc(50vw - 10rem);
    top: 7.6rem;
    background-color: #ffffff;
    display: inline-block;
    font-size: 0;
    width: 20.5rem;
    border-radius: 1.6rem;
    border-width: 1px;
    border-style: solid;
    border-color: #1284bf;
    overflow: hidden;
    z-index: 2;
} */
.age-control {
    display: block;
    /* width: 20.5rem; */
    width: 17.5rem;
    border-radius: 1.6rem;
    border-width: 1px;
    border-style: solid;
    border-color: #1284bf;
    background-color: #ffffff;
    overflow: hidden;
    /* margin: 0 auto 3rem; */
    margin: 0 auto 3.5rem;
}

.age-control button.is-active {
    background-color: #1284bf;
    color: #ffffff;
}

.age-control button {
    display: inline-block;
    position: absolute;
    text-align: right;
    /* padding: 1rem 2rem; */
    padding: 1rem 1.8rem;
    color: rgba(51, 51, 51, 0.3);
    /* font-size: 1.1rem; */
    font-size: 1rem;
    font-weight: 700;
    border-radius: 1.6rem;
    background-color: #ffffff;
    box-shadow: 3px 0px 5px rgba(0, 0, 0, 0.1);
}

.age-control button:first-child {
    z-index: 3;
    /* width: 7.5rem; */
    text-align: center;
    width: 6.4rem;
    border-top-right-radius: 1.6rem;
    border-bottom-right-radius: 1.6rem;
}

.age-control button:nth-child(2) {
    width: 66%;
    /* width: 14rem; */
    width: 12rem;
    z-index: 2;
    border-top-right-radius: 1.6rem;
    border-bottom-right-radius: 1.6rem;
}

.age-control button:last-child {
    position: relative;
    width: 100%;
    border-radius: 0;
}

/* * 0609 */
.chatbot-block {
    position: absolute;
    bottom: -3.2em;
    /* left: 50%; */
    /* transform: translateX(-50%); */
    font-size: 10px;
    z-index: 20;
}

.is-cat .chatbot-block {
    bottom: -4em;
}

.chatbot-block .chatbot-block__chatbot-link {
    width: 10.4em;
    /* height: 3.6em; */
    background: linear-gradient(270deg, #ec5500 -1.41%, #ec001a 101.44%);
    border-radius: 0.6em;
    box-shadow: 0.2em 0.3em 0.5em rgba(0, 0, 0, 0.1);
    padding: 0.1em;
    display: flex;
}

.chatbot-block .text-block {
    text-align: center;
    padding: 0.4em 0;
    /* width: 6em; */
    flex-shrink: 0;
}

.chatbot-block .text-block p {
    font-weight: 700;
    font-size: 1.1em;
    line-height: 1.18;
    letter-spacing: -0.04em;
    color: #ffffff;
}

.chatbot-block .icon-block {
    background-color: #ffffff;
    width: 100%;
    border-radius: 0 0.5em 0.5em 0;
    background-image: url(../assets/icon_speech-bubble_gradient.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.4em auto;
}
/* * END 0609 */

/* 0623 메인 상담버튼 수정 */
.section-program__detail-area .chatbot-block {
    position: static;
    font-size: 1rem;
    text-align: center;   
    margin-top: 1.2rem;
}
.section-program__detail-area .chatbot-block .chatbot-block__chatbot-link {
    display: none;
    width: auto;
    justify-content: center;
    background: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}
.section-program__detail-area .chatbot-block .chatbot-block__chatbot-link .text-block {
    padding: 0;
}
.section-program__detail-area .chatbot-block .text-block p {
    font-size: 1rem;
    color: #ec001a;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.section-program__detail-area .chatbot-block .icon-block {
    margin-right: 0.3rem;
    border-radius: 0;
    width: 1.37rem;
    height: 1.45rem;
    background-size: 100%;
    background-color: transparent;
}
/* END 0623 */

#path-container {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 0;
    margin-left: 5.3rem;
    /* width: 100%; */
    width: 94%;
    transform: translateY(-28%);
}

#path-container .break-point {
    position: absolute;
    bottom: 0;
    left: 0;
}

#path-container .break-point.pt_0_0 {
    left: -1rem;
    bottom: 0.3rem;
}

#path-container .break-point.pt_0_1 {
    bottom: 1.2rem;
    left: 25.2rem;
}

#path-container .break-point.pt_0_2 {
    bottom: 4.8rem;
    left: 58rem;
}

#path-container .break-point.pt_0_3 {
    bottom: 5.4rem;
    left: 90rem;
}

#path-container .break-point.pt_1_0 {
    bottom: 10.6rem;
    left: 134rem;
}

#path-container .break-point.pt_1_1 {
    bottom: 8.7rem;
    left: 161rem;
}

#path-container .break-point.pt_2_0 {
    bottom: 7.2rem;
    left: 200rem;
}

#path-container .break-point span {
    position: absolute;
    top: -2.5rem;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 700;
    color: #ffffff;
    padding: 0.3rem 0.6rem;
    background-color: #ec001a;
    border-radius: 0.5rem;
    margin-bottom: 0.8rem;
}

#path-container .break-point span:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -0.6rem;
    left: 50%;
    transform: translateX(-50%);
    width: 0.8rem;
    height: 0.8rem;
    background: url(../assets/path_polygon.svg) 50% / 100% no-repeat;
}

#path-container .break-point .icon {
    width: 2rem;
}

#path-container svg {
    width: 100%;
}

.section-program {
    min-width: 100%;
    height: 100%;
    position: relative;
}

.section-program .section-program_container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background: url(../assets/main_program_bg.jpg) 0 50% / cover no-repeat #e1e1e1;
    height: 100%;
}

.section-program_age-block {
    position: relative;
    height: 100%;
    /* width: 100%; */
    width: 100vw;
    /* padding-bottom: 14.6rem; */
    display: flex;
    align-items: center;
    /* justify-content: flex-end; */
    justify-content: center;
    flex-direction: column;
    /* padding-bottom: 5rem; */
}

.section-program_age-block .section-program__title-area .tt-wrap {
    transform: translateY(1rem);
    opacity: 0;
}

/* .section-program_age-block .detail-area__product img {
    transition: transform 3s linear 0.3s;
}
.section-program_age-block.is-inview .detail-area__product img {
    transform: scale(1.05);
} */
.section-program__title-area {
    margin-bottom: 1.6rem;
    /* position: relative; */
}

.section-program_age-block.adult .section-program__detail-area .detail-area__wrapper .detail-area__product .chatbot-block,
.section-program_age-block.senior .section-program__detail-area .detail-area__wrapper .detail-area__product .chatbot-block  {
    margin-bottom: 2rem;
}

.floating-event-btn {
    display: none;
    position: absolute;
    left: 50%;
    /* right: 0; */
    /* left: 0; */
    top: 7rem;
    margin-left: 12rem;
    /* margin-left: 28.1rem; */
    /* z-index: 100; */
    opacity: 0;
    z-index: 100;
}
/* .section-program_age-block .floating-event-btn {
    display: none;
}
.floating-event-btn {
    left: 30rem;
    opacity: 1;
} */

.floating-event-btn .floating-hide {
    position: absolute;
    /* top: -6.3rem; */
    bottom: 10.8rem;
    right: 0.8rem;
    background: url(../assets/icon_x_black.png) 50% / 1.2rem no-repeat;
    width: 1.5rem;
    height: 1.5rem;
}
.is-cat .floating-event-btn .floating-hide {
    bottom: 12.5rem;
}
.floating-event-btn .go-event {
    display: block;
    background-color: #ec001a;
    padding: 2.8rem 1.6rem 0.7rem 1rem;
    border-radius: 1rem;
}
.floating-event-btn .go-event img {
    position: absolute;
    width: 4.2rem;
    /* top: -4.6rem; */
    bottom: 3.3rem;
    left: 50%;
    transform: translateX(-50%);
}
.floating-event-btn .go-event p {
    position: relative;
    font-size: 1rem;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2;
}
.floating-event-btn .go-event p:after {
    content: "";
    background: url(../assets/cta_arrow.svg) 50% / 100% no-repeat;
    display: block;
    width: 0.5rem;
    height: 0.8rem;
    position: absolute;
    right: -0.9rem;
    bottom: 0.2rem;
}


.section-program_break-block {
    height: 100%;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    padding-bottom: 4rem;
}

.animate__tada {
    -webkit-animation: tada;
    animation: tada;
    /* referring directly to the animation's @keyframe declaration */
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    /* don't forget to set a duration! */
}

.animate__pulse {
    -webkit-animation: pulse;
    animation: pulse;
    /* referring directly to the animation's @keyframe declaration */
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    /* don't forget to set a duration! */
}

.animate__flipInX {
    -webkit-animation: flipInX;
    animation: flipInX;
    /* referring directly to the animation's @keyframe declaration */
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    /* don't forget to set a duration! */
}

.section-program_break-block .live-banner {
    width: 29.2rem;
    margin: 0 auto;
    /* opacity: 0; */
    /* transform: translateZ(0px); */
    perspective: 1000;
    -webkit-perspective: 1000;
}

.section-program_break-block .live-banner a {
    display: block;
    position: relative;
    opacity: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.section-program_break-block .live-banner a.animated {
    opacity: 1;
}

.section-program_break-block .promotion-box {
    width: 29.2rem;
    border-radius: 1.5rem;
    position: relative;
    /* padding: 2.6rem 0 23.9rem; */
    padding: 2.6rem 0 0;
    background-color: #ffffff;
    text-align: center;
    /* margin: 2rem auto 0; */
    margin: 2.2rem auto 0;
    overflow: hidden;
}

.section-program_break-block .promotion-box .box-tt {
    font-size: 1.3rem;
    color: #ffffff;
    border-radius: 0.5rem;
    display: inline-block;
    padding: 0.5rem 0;
    width: 7.7rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.section-program_break-block.young .promotion-box .box-tt {
    background-color: #1284bf;
}

.section-program_break-block.adult .promotion-box .box-tt {
    background-color: #017b30;
}

.section-program_break-block .promotion-box .title {
    font-size: 1.7rem;
    line-height: 1.23;
    font-weight: 700;
    margin-bottom: 1rem;
}

.section-program_break-block.young .promotion-box .title strong {
    color: #1284bf;
}

.section-program_break-block.adult .promotion-box .title strong {
    color: #017b30;
}

.section-program_break-block .promotion-box>img {
    position: relative;
    z-index: 1;
}

.section-program_break-block .promotion-box .bg-box {
    display: none;
    width: 110%;
    position: absolute;
    bottom: -6rem;
    left: 0;
    margin-left: -5%;
    transform: rotate(-6.83deg);
    padding-bottom: 56%;
    z-index: 0;
}

.section-program_break-block.young .promotion-box .bg-box {
    background-color: #1284bf;
}

.section-program_break-block.adult .promotion-box .bg-box {
    background-color: #359d5d;
}

.section-program_break-block .promotion-box .cta-default {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 2.6rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.9rem 0;
    width: 16.2rem;
    border-radius: 1.9rem;
    font-size: 1.5rem;
    z-index: 2;
}

.section-program_break-block .promotion-box .cta-arrow:after {
    margin-left: 1rem;
}

.section-program_break-block .section-program_wrapper {
    position: static;
}

/* .section-program_break-block .live-banner {
    position: absolute;
    top: 0;
} */
.section-program_wrapper {
    position: relative;
    z-index: 1;
    /* height: 100%; */
    min-width: 100%;
    text-align: center;
    user-select: none;
    -webkit-user-select: none;
}

.section-program__title-area .emblem {
    display: none;
    width: 13.2rem;
}

.section-program__title-area h3 {
    margin: 0.3rem auto 0;
    text-align: center;
}

.section-program__title-area h3 span:last-child {
    font-size: 2.4rem;
    font-weight: 700;
}

.section-program_age-block.young .section-program__title-area h3 span:last-child {
    color: #1284bf;
}

.section-program_age-block.adult .section-program__title-area h3 span:last-child,
.section-program_age-block.senior .section-program__title-area h3 span:last-child {
    color: #017b30;
}

.section-program__title-area h3 span {
    display: block;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.34;
}

.section-program__detail-area {
    font-size: 0;
}

.section-program__detail-area .detail-area__wrapper {
    position: relative;
}

/* .section-program_age-block.puppy_01 .detail-area__product {
    width: 27.7rem;
}
.section-program_age-block.puppy_02 .detail-area__product {
    width: 25.3rem;
} */
.section-program__detail-area .detail-area__wrapper>div {
    position: absolute;
}

.section-program__detail-area .detail-area__wrapper .detail-area__number {
    z-index: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.section-program__detail-area .detail-area__wrapper .detail-area__number img {
    opacity: 0;
    transform: translateX(-10%);
}

.section-inview-trigger {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8rem;
    height: 8rem;
}

#ageBlock0 .section-program__detail-area .detail-area__wrapper .detail-area__number {
    width: 5.6rem;
    margin-left: -21%;
}

#ageBlock0_1 .section-program__detail-area .detail-area__wrapper .detail-area__number {
    width: 7.6rem;
    margin-left: -30%;
}

#ageBlock0_2 .section-program__detail-area .detail-area__wrapper .detail-area__number {
    width: 7.5rem;
    margin-left: -27%;
}

.section-program__detail-area .detail-area__wrapper .cta-wrapper {
    bottom: 2rem;
    z-index: 4;
}

.section-program__detail-area .detail-area__wrapper .cta-wrapper.left {
    left: 12%;
}

.section-program__detail-area .detail-area__wrapper .cta-wrapper.right {
    right: 12%;
}

.section-program__detail-area .detail-area__wrapper .cta-wrapper .cta-default {
    padding: 0.5rem;
    width: 9.4rem;
    border-radius: 1.9rem;
}

.section-program__detail-area .detail-area__wrapper .cta-wrapper .cta-default span {
    display: inline-block;
    font-size: 1.4rem;
    vertical-align: middle;
}

.section-program__detail-area .detail-area__wrapper .cta-wrapper .cta-default:before {
    content: '';
    width: 5.8rem;
    height: 1.9rem;
    position: absolute;
    top: -1.3rem;
    background: url(../assets/icon_program_balloon.png) 50% / cover no-repeat;
}

.section-program__detail-area .detail-area__wrapper .cta-wrapper.left .cta-default:before {
    left: -0.3rem;
}

.section-program__detail-area .detail-area__wrapper .cta-wrapper.right .cta-default:before {
    right: 1rem;
}

.section-program__detail-area .detail-area__wrapper .cta-wrapper .cta-arrow:after {
    vertical-align: middle;
    margin-left: 0.9rem;
}

.section-program__detail-area .detail-area__wrapper .detail-area__product {
    position: relative;
    margin: 0 auto;
    z-index: 3;
    cursor: pointer;
    opacity: 0;
    transform: translateX(5%);
}
.section-program__detail-area .detail-area__wrapper .detail-area__product .cta-prd {
    background-color: #333333;
    width: 8.7rem;
    margin: 0 auto;
    padding: 0.7rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-program__detail-area .detail-area__wrapper .detail-area__product .cta-prd span {
    font-size: 1.1rem;
}
.section-program__detail-area .detail-area__wrapper .detail-area__product .cta-prd:after {
    margin-left: 0.8rem;
    width: 0.6rem;
    height: 1.2rem;
}

/* * 0525 추가 */
.section-program_wrapper .scroll-anim {
    position: absolute;
    width: 2.8rem;
    /* border: 1px solid red; */
    right: 0;
    top: 55%;
    transform: translateY(20%);
}

#ageBlock0_1 .section-program_wrapper .scroll-anim {
    transform: translateY(-80%);
}

#ageBlock0_2 .section-program_wrapper .scroll-anim {
    transform: translateY(-100%);
}

#ecomBlock0 .section-program_wrapper .scroll-anim {
    right: -2rem;
    transform: translateY(-40%);
}

#ageBlock1 .section-program_wrapper .scroll-anim {
    transform: translateY(140%);
}

#ecomBlock1 .section-program_wrapper .scroll-anim {
    right: -2rem;
    transform: translateY(70%);
}

#ageBlock2 .section-program_wrapper .scroll-anim {
    transform: translateY(150%);
}

#ageBlock2 .section-program__title-area {
    margin-bottom: 2rem;
}

.section-program_wrapper .scroll-anim .arrows {
    position: relative;
    width: 100%;
    height: 1.4rem;
}

.section-program_wrapper .scroll-anim .arrows span {
    position: absolute;
    top: 0;
    left: 50%;
    /* margin-left: -3.5px; */
    display: block;
    width: 0.7rem;
    height: 1.4rem;
    background: url(../assets/icon_arrow_right_black.png) 50% / cover no-repeat;
    -webkit-animation-name: mainScrollAnim;
    animation-name: mainScrollAnim;
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}

.section-program_wrapper .scroll-anim .text {
    margin-top: 0.7rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: -0.04em;
    color: #636363;
}

@-webkit-keyframes mainScrollAnim {
    from {
        opacity: 0;
        transform: translateX(0);
    }

    50% {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translateX(50%);
    }
}

@keyframes mainScrollAnim {
    from {
        opacity: 0;
        transform: translateX(0);
    }

    50% {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translateX(50%);
    }
}

.section-program_wrapper .scroll-anim .arrows span:first-child {
    opacity: 0.3;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.section-program_wrapper .scroll-anim .arrows span:last-child {
    left: 0.6rem;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

/* * END 0525 추가 */

.section-bottom_quick-menu {
    display: none;
    /* height: 13.6rem; */
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
    background-color: #ec001a;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100vw;
    /* min-height: 6.7rem; */
    height: 6.7rem;
    z-index: 4;
}

.section .section-bottom_quick-menu {
    display: none;
}

/* .section-bottom_quick-menu.f-width .box-wrapper .box-prd {
    display: none;
} */

.section-bottom_quick-menu.f-width .box-wrapper .box .info-block {
    justify-content: center;
    /* justify-content: space-between; */
}

.section-bottom_quick-menu .box-wrapper {
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
}

.section-bottom_quick-menu .box-wrapper .box {
    width: 50%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.section-bottom_quick-menu .box-wrapper .box a {
    display: block;
}

.section-bottom_quick-menu .box-wrapper .box.box-prd {
    width: 42.1%;
    flex-shrink: 0;
}

.section-bottom_quick-menu .box-wrapper .box.box-event {
    width: 100%;
}

.section-bottom_quick-menu .box-wrapper .box .info-block {
    display: flex;
    flex-wrap: nowrap;
    /* position: relative; */
    align-items: center;
    /* justify-content: center; */
    justify-content: space-between;
    z-index: 1;
    padding: 0.8rem 1.6rem;
}

.section-bottom_quick-menu .circle-arrow {
    width: 2.1rem;
    margin-left: 1rem;
    align-self: flex-end;
}
.pg-main .section-bottom_quick-menu .box-wrapper .box-prd {
    width: 100%;
}
.pg-main .section-bottom_quick-menu .box-wrapper .box .info-block {
    padding-right: 0;
}
.pg-main .section-bottom_quick-menu .box-wrapper .box .info-block .desc p {
    font-size: 2rem;
}
.pg-main .section-bottom_quick-menu .box-wrapper .box-prd .img {
    width: 16rem;
    flex-shrink: 1;
}
.pg-main .section-bottom_quick-menu .box-wrapper .box-prd .img img {
    margin-top: -4.5rem;
}
.pg-main .section-bottom_quick-menu .box-wrapper .box .info-block .desc p {
    font-weight: 700;
    white-space: nowrap;
}

.section-bottom_quick-menu .box-wrapper .box .cta-block {
    background-color: #ffffff;
    padding: 1.3rem 0 1.3rem 1.4rem;
    position: relative;
}

.section-bottom_quick-menu .box-wrapper .box .cta-block a {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: #ec001a;
    width: 100%;
}

.section-bottom_quick-menu .box-wrapper .box .info-block .desc {
    /* width: 50%; */
    display: flex;
    align-items: center;
    text-align: left;
    font-size: 0;
    color: #ffffff;
    /* margin-right: 1.2rem; */
    /* padding: 1.7rem 0 1.2rem 1.4rem; */
}

.section-bottom_quick-menu .box-wrapper .box .info-block .img .percent {
    margin-bottom: -0.5rem;
}

.section-bottom_quick-menu .box-wrapper .box-event .info-block .img {
    width: 6.2rem;
    transform: translateY(0);
    flex-shrink: 0;
    /* animation-name: packageAnim;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    transition: all ease-in-out; */
}

/* @keyframes packageAnim {
    from {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-0.2rem);
    }
    100% {
        transform: translateY(0);
    }
} */

.section-bottom_quick-menu .box-wrapper .box-event .info-block .img img {
    /* position: absolute;
    top: 50%;
    right: 0; */
    margin-top: -4.4rem;
    /* bottom: -2rem; */
    /* transform: translate(-46%, 0); */
    /* transform: translate(-50%, -50%); */
    width: 6.2rem;
}

.section-bottom_quick-menu .box-wrapper .box .info-block .desc p {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.18;
    white-space: normal;
    word-break: keep-all;
}

/* .section-bottom_quick-menu .box-wrapper .box-prd .info-block::before {
    content: '';
    display: block;
    position: absolute;
    width: 5rem;
    height: 5rem;
    right: 1.1rem;
    top: -1.5rem;
    background: url(../assets/icon_hero_percent.svg) center / 100% auto;
} */

.section-bottom_quick-menu .box-wrapper .box-prd .info-block:after {
    content: '';
    display: block;
    width: 1px;
    height: 65%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #ffffff;
}

/* [data-current-age='0'][data-current-age-inner='0'] .section-bottom_quick-menu .box-wrapper .box.box-prd {
    display: none;
}
[data-current-age='0'][data-current-age-inner='0'] .section-bottom_quick-menu .box-wrapper .box-event .info-block .desc {
    margin-right: 4.2rem;
} */
.section-program_age-block .section-bottom_quick-menu.f-width .box-wrapper .box-event .info-block {
    /* padding-left: 3rem;
    padding-right: 2.5rem; */
}

/* .section-program_age-block .section-bottom_quick-menu.f-width .box-wrapper .box-event .info-block .desc {
    margin-right: 4.2rem;
} */
.section-bottom_quick-menu.f-width .box-wrapper .box-event .info-block .desc p {
    font-size: 2rem;
    margin-right: 2rem;
}
.section-bottom_quick-menu.f-width .box-wrapper .box-prd .info-block:after {
    content: none;
}

.section-bottom_quick-menu .circle-arrow {
    width: 2.1rem;
    margin-left: 1rem;
    align-self: flex-end;
}

.section-program_break-block .section-program__title-area {
    margin-bottom: 1.8rem;
    text-align: center;
}

.section-program_break-block .section-program__title-area h3 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.13;
    margin-bottom: 1.7rem;
}

.section-program_break-block .section-program__title-area h3 b {
    font-weight: 700;
    color: #ec001a;
}

.section-program_break-block .section-program__title-area p {
    font-size: 1.6rem;
    line-height: 1.18;
}

.section-program_break-block .landing-list {
    display: flex;
    flex-direction: column;
    padding: 0 4rem;
}

.section-program_break-block .landing-list li {
    border-radius: 1.5rem;
    background-color: #ffffff;
    padding: 1.6rem 1.3rem;
    margin-bottom: 1.5rem;
}

.section-program_break-block .landing-list li:last-child {
    margin-bottom: 0;
}

.section-program_break-block .landing-list .package p {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 1.4rem;
    text-align: center;
}

.section-program_break-block .landing-list .package img {
    width: 18.2rem;
}

.section-program_break-block.adult .landing-list .package img {
    width: 10.7rem;
}

.section-program_break-block .landing-list .cta-default {
    width: 11.1rem;
    padding: 0.8rem 0;
}

.section-program_break-block.young .landing-list .package p {
    color: #1284bf;
}

.section-program_break-block .landing-list .event {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.section-program_break-block .landing-list .event div:first-child {
    width: 13.9rem;
    min-width: 50%;
    flex-shrink: 0;
    margin-right: 0.4rem;
}

.section-program_break-block .landing-list .event span {
    font-size: 1.1rem;
    display: inline-block;
    padding: 3px 6px;
    border: 1px solid #333333;
    border-radius: 1rem;
    margin-bottom: 0.5rem;
}

.section-program_break-block .landing-list .event p {
    white-space: normal;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 1.2rem;
}

.section-dictionary {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100vw;
    height: 100%;
}

.section-dictionary_wrapper {
    /* padding-left: 4rem; */
}

.section-dictionary_wrapper .section-dictionary__title-area {
    margin-bottom: 2.3rem;
    text-align: center;
}

.section-dictionary_wrapper .section-dictionary__title-area h3 {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.3;
}

.section-dictionary_wrapper .section-dictionary__title-area h3 b {
    font-size: 2.5rem;
    line-height: 1.16;
}

.section-dictionary_wrapper .dictionary-tab-wrapper {
    padding: 0 4rem;
    margin-bottom: 1.1rem;
    display: flex;
    justify-content: center;
}

.section-dictionary_wrapper .dictionary-tab-wrapper .tab-trigger {
    padding: 0.7rem 0;
    /* width: 33.3%; */
    width: 7.8rem;
    border: 0.15rem solid #c4c4c4;
    border-radius: 2rem;
    font-size: 1.5rem;
    font-weight: 700;
    color: #c4c4c4;
    margin-right: 1rem;
}

.section-dictionary_wrapper .dictionary-tab-wrapper .tab-trigger:first-child.is-active {
    border-color: #1284bf;
    color: #1284bf;
}

.section-dictionary_wrapper .dictionary-tab-wrapper .tab-trigger.is-active {
    border-color: #017b30;
    color: #017b30;
}

.section-dictionary_wrapper .dictionary-tab-wrapper .tab-trigger:last-child {
    margin-right: 0;
}

.section-dictionary_wrapper .swiper {
    padding-left: 4rem;
    padding-right: 4rem;
}

.section-dictionary_wrapper .swiper .swiper-slide {
    width: calc(100vw - 8rem);
    margin-right: 1.7rem;
}

.section-dictionary_wrapper .swiper .swiper-slide:last-child {
    margin-right: 0;
}

.section-dictionary_wrapper .swiper .swiper-slide>div {
    position: relative;
    /* padding-bottom: 63.69%; */
    padding-bottom: 57.8%;
    border-radius: 1.55rem;
    overflow: hidden;
}

.section-dictionary_wrapper .swiper .swiper-slide>div .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* padding: 3rem 3.4rem; */
    padding: 0 3.4rem;
}

.section-dictionary_wrapper .swiper .swiper-slide .article-box {
    margin-bottom: 1.3rem;
    background-position: center;
    background-size: 108% auto;
    background-repeat: no-repeat;
}

.section-dictionary_wrapper .swiper .swiper-slide .article-box .article-title {
    white-space: normal;
    font-size: 2.1rem;
    line-height: 1.1;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 3.4rem;
}

.section-dictionary_wrapper .swiper .swiper-slide .article-box .article-link {
    display: flex;
    justify-content: center;
    border-radius: 2rem;
    width: 11.6rem;
    font-size: 1.3rem;
    font-weight: 700;
    padding: 0.8rem 0;
    text-align: center;
    color: #ffffff;
    align-items: center;
    border: 1px solid #ffffff;
}

.section-dictionary_wrapper .swiper .swiper-slide .article-box .article-link:after {
    content: '';
    width: 0.6rem;
    height: 1rem;
    display: block;
    margin-left: 1rem;
    background: url(../assets/cta_arrow.svg) 50% / cover no-repeat;
}

.section-dictionary_wrapper .swiper .swiper-slide .video-box .inner {
    padding: 0;
}

.section-dictionary_wrapper .swiper .swiper-slide .video-box .inner a {
    display: block;
    height: 100%;
}

/* * product layer */
#productLayer {
    font-size: 10px;
}

#productLayer header {
    display: none;
}

#productLayer>.inner {
    min-height: 100%;
}

#productLayer .inner .layer__ecom-banner {
    width: 100%;
    /* height: 0; */
    margin-top: -0.7rem;
    position: relative;
    z-index: 11;
    overflow: hidden;
}

#productLayer .inner .layer__ecom-banner .layer__banner-link {
    width: 100%;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* transform: translateY(-100%); */
}

#productLayer .inner._dog .layer__ecom-banner .layer__banner-link {
    /* height: 9.5em; */
    height: 9.7em;
    /* background-image: url(../assets/prd_dog_ecom-banner.png); */
    background-image: url(../assets/prd_dog_free-banner.png);
}

#productLayer .inner._cat .layer__ecom-banner .layer__banner-link {
    /* height: 9.2em; */
    height: 9.7em;
    /* background-image: url(../assets/prd_cat_ecom-banner.png); */
    background-image: url(../assets/prd_cat_free-banner.png);
}

#productLayer .inner .info-block {
    padding: 3.3em 3em 2.3em;
}

#productLayer .inner._dog#babyDogMilk .info-block,
#productLayer .inner._dog#miniStarter .info-block,
#productLayer .inner._dog#miniIndoorPuppy .info-block {
    background-color: #89aed7;
}

#productLayer .inner._dog#miniIndoorAdult .info-block {
    background-color: #62ab62;
}

#productLayer .inner._dog#miniIndoorSenior .info-block {
    background-color: #4b934b;
}

#productLayer .inner._cat .info-block {
    background-color: #ffa5b5;
}

#productLayer .inner._cat#indoor .info-block,
#productLayer .inner._cat#indoor7plus .info-block {
    background-color: #1e8cce;
}

#productLayer .inner._cat#ageing12plus .info-block {
    background-color: #c59d77;
}

#productLayer .inner .info-block__top-wrapper {
    display: flex;
    justify-content: center;
    /* margin-bottom: 2em; */
    max-width: 37.5em;
    margin: 0 auto 2em;
}

#productLayer .inner#babyDogMilk .info-block__product-img {
    margin: 0 2.2em 0;
}

#productLayer .inner#miniStarter .info-block__product-img {
    margin-right: 1.4em;
}

#productLayer .inner#miniIndoorPuppy .info-block__product-img {
    margin-right: 1.1em;
}

#productLayer .inner#miniIndoorAdult .info-block__product-img {
    margin: 0 2em 0 0.4em;
}

#productLayer .inner#miniIndoorSenior .info-block__product-img {
    margin: 0 2em 0 0.4em;
}

#productLayer .inner#babyCatMilk .info-block__product-img {
    margin: 0 2.6em 0 1.5em;
}

#productLayer .inner#motherAndBabyCat .info-block__product-img {
    margin: 0 1.7em 0 1.1em;
}

#productLayer .inner#kitten .info-block__product-img {
    margin: 0 2.1em 0 0.5em;
}

#productLayer .inner#indoor .info-block__product-img {
    margin: 0 2.2em 0 0.5em;
}

#productLayer .inner#indoor7plus .info-block__product-img {
    margin: 0 2.2em 0 0.5em;
}

#productLayer .inner#ageing12plus .info-block__product-img {
    margin: 0 2.2em 0 0.5em;
}

#productLayer .inner#babyCatMilk .info-block__product-img {
    margin: 0 2.6em 0 1.6em;
}

#productLayer .inner .info-block__product-img>.inner {
    position: relative;
    width: 100%;
}

#productLayer .inner#babyDogMilk .info-block__product-img>.inner {
    margin: 1.4em auto 0;
}

#productLayer .inner#miniStarter .info-block__product-img>.inner {
    margin: 1.2em auto 0;
}

#productLayer .inner#miniIndoorAdult .info-block__product-img>.inner {
    margin: 0.5em auto 0;
}

#productLayer .inner#miniIndoorSenior .info-block__product-img>.inner {
    margin: 0.5em auto 0;
}

#productLayer .inner#babyCatMilk .info-block__product-img>.inner {
    margin: 1em auto 0;
}

#productLayer .inner .info-block__product-img .inner>img {
    width: 100%;
}

#productLayer .inner .info-block__product-img>.inner::after {
    content: '';
    display: block;
    width: 5.3em;
    height: 6.3em;
    position: absolute;
    z-index: 1;
}

#productLayer .inner#babyDogMilk .info-block__product-img>.inner::after {
    left: -0.5em;
    top: -1.8em;
    background: url(../assets/prd_dog_badge_1.png) center / 100% auto no-repeat;
}

#productLayer .inner#miniStarter .info-block__product-img>.inner::after {
    left: -1em;
    top: -1.4em;
    background: url(../assets/prd_dog_badge_2.png) center / 100% auto no-repeat;
}

#productLayer .inner#miniIndoorPuppy .info-block__product-img>.inner::after {
    left: -1em;
    top: -1.4em;
    background: url(../assets/prd_dog_badge_3.png) center / 100% auto no-repeat;
}

#productLayer .inner#babyCatMilk .info-block__product-img>.inner::after {
    left: -0.5em;
    top: -1.5em;
    background: url(../assets/prd_cat_badge_1.png) center / 100% auto no-repeat;
}

#productLayer .inner#motherAndBabyCat .info-block__product-img>.inner::after {
    left: -1.8em;
    top: -0.6em;
    background: url(../assets/prd_cat_badge_2.png) center / 100% auto no-repeat;
}

#productLayer .inner#kitten .info-block__product-img>.inner::after {
    left: -1.3em;
    top: -1.2em;
    background: url(../assets/prd_cat_badge_3.png) center / 100% auto no-repeat;
}

#productLayer .inner .info-block__product-info {
    width: 52.7%;
    min-width: 170px;
    flex-shrink: 0;
}

/* #productLayer .inner#babyDogMilk .info-block__product-info {
    margin-left: 1.8em;
}
#productLayer .inner#miniStarter .info-block__product-info {
    margin-left: 1.6em;
}

#productLayer .inner#miniIndoorPuppy .info-block__product-info {
    margin-left: 1.4em;
} */

#productLayer .inner .info-block__product-info .title-block__subtitle {
    font-weight: 700;
    font-size: 1.2em;
    line-height: 1.333333333333333;
    letter-spacing: -0.04em;
    color: #333333;
    margin-bottom: 0.55em;
}

#productLayer .inner .info-block__product-info .title-block__subtitle em {
    display: inline-block;
    padding: 0.1667em 0.8333em;
    border-radius: 2em;
    color: #ffffff;
    margin-right: 0.4167em;
}

#productLayer .inner._dog .info-block__product-info .title-block__subtitle em {
    background: #1284bf;
}

#productLayer .inner._dog#miniIndoorAdult .info-block__product-info .title-block__subtitle em {
    background: #017b30;
}

#productLayer .inner._dog#miniIndoorSenior .info-block__product-info .title-block__subtitle em {
    background: #0d6d32;
}

#productLayer .inner._cat .info-block__product-info .title-block__subtitle em {
    background: #ff708a;
}

#productLayer .inner._cat#indoor .info-block__product-info .title-block__subtitle em,
#productLayer .inner._cat#indoor7plus .info-block__product-info .title-block__subtitle em {
    background: #0063ab;
}

#productLayer .inner._cat#ageing12plus .info-block__product-info .title-block__subtitle em {
    background: #97602d;
}

#productLayer .inner .info-block__product-info .title-block {
    margin-bottom: 0.9em;
}

#productLayer .inner .info-block__product-info .title-block__title {
    font-weight: 400;
    font-size: 1.6em;
    line-height: 1.18;
    letter-spacing: -0.04em;
    color: #ffffff;
    margin-bottom: 0.2em;
}

#productLayer .inner .info-block__product-info .title-block__title strong {
    font-weight: 700;
    font-size: 1.5625em;
    line-height: 1.1;
    margin: 0.1em 0;
    display: inline-block;
}

#productLayer .inner .info-block__product-info .title-block__hashtag {
    font-weight: 400;
    font-size: 1em;
    line-height: 1.4em;
    letter-spacing: -0.04em;
    color: #ffffff;
}

#productLayer .inner .info-block__product-info .icon-block ul {
    display: flex;
    justify-content: space-between;
    max-width: 16.6em;
}

#productLayer .inner .info-block__product-info .icon-block ul li {
    text-align: center;
}

#productLayer .inner .info-block__product-info .icon-block ul li:last-child {
    margin-right: 0;
}

#productLayer .inner .info-block__product-info .icon-block__icon {
    width: 4.5em;
    height: 4.5em;
    border-radius: 50%;
    margin-bottom: 0.2em;
    display: inline-block;
}

#productLayer .inner .info-block__product-info .icon-block__icon {
    background-repeat: no-repeat;
    background-position: center;
}

#productLayer .inner._dog .info-block__product-info .icon-block__icon {
    background-color: #1284bf;
}

#productLayer .inner._dog#miniIndoorAdult .info-block__product-info .icon-block__icon {
    background-color: #017b30;
}

#productLayer .inner._dog#miniIndoorSenior .info-block__product-info .icon-block__icon {
    background-color: #0d6d32;
}

#productLayer .inner._cat .info-block__product-info .icon-block__icon {
    background-color: #ff708a;
}

#productLayer .inner._cat#indoor .info-block__product-info .icon-block__icon,
#productLayer .inner._cat#indoor7plus .info-block__product-info .icon-block__icon {
    background-color: #0063ab;
}

#productLayer .inner._cat#ageing12plus .info-block__product-info .icon-block__icon {
    background-color: #97602d;
}

#productLayer .inner .info-block__product-info .icon-block__icon-elem._balanced-growth .icon-block__icon {
    background-image: url(../assets/icon_balanced-growth_white.png);
    background-size: 2.7em auto;
}

#productLayer .inner .info-block__product-info .icon-block__icon-elem._digestive-health .icon-block__icon {
    background-image: url(../assets/icon_digestive-health_white.png);
    background-size: 2.5em auto;
}

#productLayer .inner .info-block__product-info .icon-block__icon-elem._dha-addition .icon-block__icon {
    background-image: url(../assets/icon_dha-addition_white.png);
    background-size: 2.5em auto;
}

#productLayer .inner .info-block__product-info .icon-block__icon-elem._dogs-health .icon-block__icon {
    background-image: url(../assets/icon_dogs-health_white.png);
    background-size: 2.6em auto;
}

#productLayer .inner .info-block__product-info .icon-block__icon-elem._immune-function .icon-block__icon {
    background-image: url(../assets/icon_immune-function_white.png);
    background-size: 1.9em auto;
}

#productLayer .inner .info-block__product-info .icon-block__icon-elem._brain-development .icon-block__icon {
    background-image: url(../assets/icon_brain-development_white.png);
    background-size: 2.5em auto;
}

#productLayer .inner .info-block__product-info .icon-block__icon-elem._indoor-life .icon-block__icon {
    background-image: url(../assets/icon_indoor-life_white.png);
    background-size: 2.2em auto;
}

#productLayer .inner .info-block__product-info .icon-block__icon-elem._skin-fur .icon-block__icon {
    background-image: url(../assets/icon_skin-fur_white.png);
    background-size: 2.5em auto;
}

#productLayer .inner .info-block__product-info .icon-block__icon-elem._poo-smell .icon-block__icon {
    background-image: url(../assets/icon_poo-smell_white.png);
    background-size: 2.5em auto;
}

#productLayer .inner .info-block__product-info .icon-block__icon-elem._scale-management .icon-block__icon {
    background-image: url(../assets/icon_scale-management_white.png);
    background-size: 2.6em auto;
}

#productLayer .inner .info-block__product-info .icon-block__icon-elem._aging-management .icon-block__icon {
    background-image: url(../assets/icon_aging-management_white.png);
    background-size: 2.7em auto;
}

#productLayer .inner .info-block__product-info .icon-block__icon-elem._high-enegy .icon-block__icon {
    background-image: url(../assets/icon_high-enegy_white.png);
    background-size: 1.6em auto;
}

#productLayer .inner .info-block__product-info .icon-block__icon-elem._soak-water .icon-block__icon {
    background-image: url(../assets/icon_soak-water_white.png);
    background-size: 2.6em auto;
}

#productLayer .inner .info-block__product-info .icon-block__icon-elem._weight-management .icon-block__icon {
    background-image: url(../assets/icon_weight-management_white.png);
    background-size: 3em auto;
}

#productLayer .inner .info-block__product-info .icon-block__icon-elem._hairball .icon-block__icon {
    background-image: url(../assets/icon_hairball_white.png);
    background-size: 2.5em auto;
}

#productLayer .inner .info-block__product-info .icon-block__icon-elem._phosphorus .icon-block__icon {
    background-image: url(../assets/icon_phosphorus_white.png);
    background-size: 2.4em auto;
}

#productLayer .inner .info-block__product-info .icon-block__icon-elem._palatability .icon-block__icon {
    background-image: url(../assets/icon_palatability_white.png);
    background-size: 2.1em auto;
}

#productLayer .inner .info-block__product-info .icon-block__desc {
    font-weight: 700;
    font-size: 1em;
    line-height: 1.2;
    letter-spacing: -0.04em;
    color: #333333;
}

#productLayer .inner._cat#indoor .info-block__product-info .icon-block__desc,
#productLayer .inner._cat#indoor7plus .info-block__product-info .icon-block__desc,
#productLayer .inner._cat#ageing12plus .info-block__product-info .icon-block__desc {
    color: #ffffff;
}

#productLayer .inner .info-block__bottom-wrapper .desc-block__desc {
    width: 100%;
    padding: 1em 0 0.833333333333333em;
    text-align: center;
    font-weight: 400;
    font-size: 1.2em;
    line-height: 1.25em;
    letter-spacing: -0.04em;
    color: #333333;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 0.833333333333333em;
    /* margin-bottom: 0.666666666666667em; */
    margin: 0 auto 0.666666666666667em;
    max-width: 375px;
}

#productLayer .inner .info-block__bottom-wrapper .desc-block__notice {
    text-align: center;
    font-weight: 400;
    font-size: 1.1em;
    line-height: 1.363636363636364;
    letter-spacing: -0.04em;
    color: #333333;
}

#productLayer .inner .fixed-bar {
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
    height: 7em;
    top: calc(100% - 7em);
    left: 0;
    right: 0;
    z-index: 100;
}

#productLayer .inner .fixed-bar .button-block {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

#productLayer .inner._dog .fixed-bar .button-block {
    background-color: #1284bf;
}

#productLayer .inner._dog#miniIndoorAdult .fixed-bar .button-block,
#productLayer .inner._dog#miniIndoorSenior .fixed-bar .button-block {
    background-color: #ec001a;
}

#productLayer .inner._cat .fixed-bar .button-block {
    background-color: #ec001a;
}

#productLayer .inner .fixed-bar .button-block__button {
    display: block;
    font-weight: 700;
    font-size: 1.9em;
    text-align: center;
    letter-spacing: -0.04em;
    color: #ffffff;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#productLayer .inner .fixed-bar .button-block__button p {
    position: relative;
}

#productLayer .inner .fixed-bar .button-block__sale-button p::after {
    content: '';
    position: absolute;
    z-index: 1;
    width: 2.4em;
    height: 2.4em;
    left: -1.4em;
    top: -2em;
    background: url(../assets/icon_hero_percent.svg) center / 100% auto no-repeat;
}

/* #productLayer .inner .fixed-bar .button-block__free-button p::after {
    content: '';
    position: absolute;
    z-index: 1;
    width: 5.106em;
    height: 1.8422em;
    left: -2.28em;
    top: -1.7em;
    background: url(../assets/icon_free-speech-bubble.png) center / 100% auto no-repeat;
} */

#productLayer .inner._cat .fixed-bar .button-block__free-button p::after {
    display: none;
}

#productLayer .inner#babyDogMilk .fixed-bar .button-block__sale-button p::after,
#productLayer .inner#miniStarter .fixed-bar .button-block__sale-button p::after,
#productLayer .inner#babyCatMilk .fixed-bar .button-block__sale-button p::after,
#productLayer .inner#motherAndBabyCat .fixed-bar .button-block__sale-button p::after,
#productLayer .inner#ageing12plus .fixed-bar .button-block__sale-button p::after {
    left: -2.8em;
    top: 50%;
    margin-top: -1.05em;
}

#productLayer .inner .fixed-bar .button-block>hr {
    width: 0.2em;
    height: 4.9em;
    background-color: #ffffff;
}

#productLayer .article-block {
    padding: 3em 0 7em;
}

#productLayer .article-block .post-block {
    padding: 0 5.3em;
    /* margin-bottom: 2.5em; */
    margin: 0 auto 2.5em;
}

#productLayer .article-block .post-block>ul {
    display: flex;
    flex-flow: column;
}

#productLayer .article-block .post-block__list {
    width: 100%;
    border: 0.1em solid #ec001a;
    border-radius: 2.1em;
    box-shadow: 0px 0.4em 0.4em rgba(0, 0, 0, 0.1);
    margin-bottom: 0.8em;
}

#productLayer .article-block .post-block__list:last-child {
    margin-bottom: 0;
}

#productLayer .article-block .post-block__list-link {
    display: block;
    width: 100%;
    padding: 0.7em 0;
}

#productLayer .article-block .post-block__list-link p {
    font-weight: 700;
    font-size: 1.1em;
    line-height: 1.54;
    letter-spacing: -0.04em;
    color: #ec001a;
    padding-left: 3.636363636363636em;
    position: relative;
}

#productLayer .article-block .post-block__list-link p::before {
    content: '';
    display: block;
    position: absolute;
    left: 1.090909090909091em;
    top: 50%;
    transform: translateY(-50%);
    width: 2.181818181818182em;
    height: 2.181818181818182em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

#productLayer .inner._dog .article-block .post-block__list:nth-child(1) .post-block__list-link p::before,
#productLayer .inner._cat .article-block .post-block__list:nth-child(1) .post-block__list-link p::before {
    background-image: url(../assets/icon_milk_red.png);
}

#productLayer .inner#miniIndoorAdult .article-block .post-block__list:nth-child(1) .post-block__list-link p::before,
#productLayer .inner#miniIndoorSenior .article-block .post-block__list:nth-child(1) .post-block__list-link p::before {
    background-image: url(../assets/icon_dog_red.png);
}

#productLayer .inner#indoor .article-block .post-block__list:nth-child(1) .post-block__list-link p::before,
#productLayer .inner#indoor7plus .article-block .post-block__list:nth-child(1) .post-block__list-link p::before,
#productLayer .inner#ageing12plus .article-block .post-block__list:nth-child(1) .post-block__list-link p::before {
    background-image: url(../assets/icon_cat_red.png);
}

#productLayer .inner._dog .article-block .post-block__list:nth-child(2) .post-block__list-link p::before,
#productLayer .inner._cat .article-block .post-block__list:nth-child(2) .post-block__list-link p::before {
    background-image: url(../assets/icon_feed_red.png);
}

#productLayer .inner#indoor .article-block .post-block__list:nth-child(2) .post-block__list-link p::before {
    background-image: url(../assets/icon_stomach_red.png);
}

#productLayer .inner#indoor7plus .article-block .post-block__list:nth-child(2) .post-block__list-link p::before,
#productLayer .inner#ageing12plus .article-block .post-block__list:nth-child(2) .post-block__list-link p::before {
    background-image: url(../assets/icon_ageing_red.png);
}

#productLayer .article-block .post-block__list-link p::after {
    content: '';
    display: block;
    position: absolute;
    right: 0.636363636363636em;
    top: 50%;
    transform: translateY(-50%);
    width: 2.181818181818182em;
    height: 2.181818181818182em;
    background: url(../assets/icon_arrow_right_red.png) center / 100% auto no-repeat;
}

#productLayer .article-block .video-block .swiper {
    padding: 0 5.3em 2.8em;
}

#productLayer .article-block .video-block .swiper-slide .video-box {
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
    border-radius: 1.5em;
    overflow: hidden;
}

#productLayer .article-block .video-block .swiper-slide .video-box .inner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#productLayer .article-block .video-block .swiper-slide .video-box .inner a {
    width: 100%;
    height: 100%;
    display: block;
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

#productArticleSwiper .swiper-pagination {
    bottom: 1.3em;
}

#productArticleSwiper .swiper-pagination-bullet {
    width: 0.4em;
    height: 0.4em;
    background-color: #c4c4c4;
    opacity: 1;
    margin: 0 0.2em;
}

#productArticleSwiper .swiper-pagination-bullet-active {
    width: 1.2em;
    background-color: #636363;
    border-radius: 0.35em;
}

#productLayer .chatbot-block {
    position: absolute;
    bottom: 9em;
    right: 2em;
}

#productLayer .chatbot-block .chatbot-block__chatbot-link {
    display: block;
    width: 6.8em;
    background: linear-gradient(270deg, #ec5500 -1.41%, #ec001a 101.44%);
    border-radius: 1.2em;
    box-shadow: 0.2em 0.3em 0.5em rgba(0, 0, 0, 0.1);
    padding: 0.2em;
}

#productLayer .chatbot-block .text-block {
    text-align: center;
    padding: 0.7em 0;
}

#productLayer .chatbot-block .text-block p {
    font-weight: 700;
    font-size: 1.1em;
    line-height: 1.18;
    letter-spacing: -0.04em;
    color: #ffffff;
}

#productLayer .chatbot-block .icon-block {
    background-color: #ffffff;
    width: 100%;
    height: 5.3em;
    border-radius: 0 0 1em 1em;
    background-image: url(../assets/icon_chatbot_gradient.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 4.8em auto;
}

/* * END product layer */
/* * article popup */
#articlePopup {
    margin: 0;
    width: 100%;
    height: 100%;
    font-size: 10px;
}

#articlePopup>.inner {
    min-height: 100%;
    border-radius: 0;
    padding-top: 6.3em;
}

#articlePopup>.inner .popup-close {
    position: absolute;
    top: 0.909090909090909rem;
    right: 1.818181818181818rem;
    width: 4rem;
    height: 4rem;
    background: url(../assets/icon_x_black.png) center / 2.181818181818182rem auto no-repeat;
}

#articlePopup .inner .popup__ecom-banner {
    width: 100%;
    display: none;
}

#articlePopup .inner .popup__ecom-banner .popup__banner-link {
    width: 100%;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-image: url(../assets/prd_dog_ecom-banner.png);
    height: 9.5em; */
    /* height: 9.2em;
    background-image: url(../assets/prd_cat_ecom-banner.png); */
}

#articlePopup>.inner._dog .popup__ecom-banner .popup__banner-link {
    height: 9.5em;
    background-image: url(../assets/prd_dog_ecom-banner.png);
}

#articlePopup>.inner._cat .popup__ecom-banner .popup__banner-link {
    height: 9.2em;
    background-image: url(../assets/prd_cat_ecom-banner.png);
}

#articlePopup .title-block {
    padding-top: 2.9em;
    text-align: center;
}

#articlePopup .title-block .title-block__title {
    font-weight: 700;
    font-size: 2.1em;
    letter-spacing: -0.04em;
    color: #333333;
    position: relative;
    display: inline-block;
    padding: 0 0.095238095238095em;
    margin-bottom: 0.476190476190476em;
}

#articlePopup .title-block .title-block__title::before {
    content: '';
    display: block;
    width: 100%;
    height: 0.428571428571429em;
    background: rgba(236, 0, 26, 0.2);
    border-radius: 0.095238095238095em;
    position: absolute;
    left: 0;
    bottom: 0.095238095238095em;
}

#articlePopup .title-block .title-block__desc {
    font-weight: 400;
    font-size: 1.4em;
    line-height: 1.285714285714286;
    letter-spacing: -0.04em;
    color: #333333;
}

#articlePopup #articlePopupSwiper {
    margin-top: 1.2em;
    margin-bottom: 0.2em;
}

#articlePopup #articlePopupSwiper .swiper-slide {
    width: 191.1em;
}

#articlePopup .content-block {
    padding-bottom: 9em;
}

#articlePopup .guide-block {
    width: 100%;
    text-align: center;
}

#articlePopup .guide-block__desc {
    font-weight: 400;
    font-size: 1.3em;
    line-height: 1.384615384615385;
    letter-spacing: -0.04em;
    color: #333333;
}

#articlePopup .guide-block__desc span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.1em;
}

#articlePopup .guide-block__desc::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1.846153846153846em;
    height: 1.846153846153846em;
    background: url(../assets/icon_double-arrow_right_black.png) center / 100% auto no-repeat;
}

#articlePopup .content-block>.content-block__article-img {
    /* margin-top: 3.3em; */
    max-width: 400px;
    margin: 3.3em auto 0;
    width: 100%;
}

/* * END article popup */

/* event page */
.pg-event .header {
    display: none;
}

.pg-event .step-container {
    text-align: center;
    padding: 5rem 0;
}

.pg-event .step-container .step {
    padding: 0 4.4rem;
}

.pg-event .step-container .step-title {
    margin-bottom: 2.9rem;
    font-size: 0;
}

.pg-event .step-container .step-title .step-num {
    position: relative;
    overflow: hidden;
    display: inline-block;
    height: 2rem;
}

.pg-event .step-container .step-title .step-num-wrap li {
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 2px;
}

.pg-event .step-container .step-title .step-num:after {
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #333333;
}

.pg-event .step-container .step {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.pg-event .step-container .step .step-inner-title {
    margin-bottom: 2rem;
}

.pg-event .step-container .step[data-step='2'] .step-inner-title p {
    display: none;
}

.pg-event .step-container .step[data-step='4'] .step-inner-title p {
    font-weight: 400;
}

.pg-event .step-container .step .step-inner-title p {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.35;
}

.pg-event .step-container .step .step-inner-title p strong {
    color: #ec001a;
}

.pg-event .step-container .step .step-inner-title p b {
    font-weight: 700;
}

.pg-event .step-container .step[data-step='1'] .step-inner-title p {
    font-weight: 400;
}

.pg-event .step-container .input-group {
    margin-bottom: 0.9rem;
}

.pg-event .step-container .input-group #pet-age-detail-input {
    display: none;
}

.pg-event .step-container .cta-default {
    margin-top: 2rem;
    width: 17rem;
    padding: 1.8rem 0;
    border-radius: 2.7rem;
    font-size: 1.8rem;
    font-weight: 700;
}

.pg-event .step2-container .actions {
    font-size: 0;
    /* display: none; */
}

.pg-event .step2-container .actions button {
    pointer-events: none;
    display: inline-block;
    width: 50%;
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
    background-color: #c4c4c4;
    padding: 1.4rem 0;
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: 700;
}

.pg-event .step2-container .actions button.is-active {
    background-color: #ec001a;
}

.pg-event .step2-container .outer-canvas-container {
    position: relative;
    /* border: 2px solid #ec001a; */
    background-color: rgba(51, 51, 51, 0.7);
    padding-bottom: 100%;
    /* width: 278px;
    height: 278px; */
}

.pg-event .step2-container .outer-canvas-container .upload-layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
}

.pg-event .step2-container .outer-canvas-container .upload-layer .inner {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.pg-event .step2-container .outer-canvas-container .upload-layer img {
    width: 7rem;
    margin-bottom: 1.6rem;
}

.pg-event .step2-container .outer-canvas-container .upload-layer p {
    font-size: 1.2rem;
    line-height: 1.2;
    color: #ffffff;
}

.pg-event .step2-container .outer-canvas-container .upload-layer label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}

.file-tag {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

#loading-layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    font-size: 36px;
    font-weight: 700;
    background-color: rgba(255, 255, 255, 0.7);
    display: none;
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #ec001a;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}

canvas {
    display: block;
    width: 100%;
    aspect-ratio: 1;
    font-family: 'Noto Sans Korean', dotum, '돋움', sans-serif;
    /* background-color: rgba(51, 51, 51, 0.7); */
}

.pg-event .step2-container .inner-canvas-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(51, 51, 51, 0.7); */
    overflow: hidden;
    border: 2px solid #ec001a;
    /* outline: 2px solid #ec001a; */
    /* padding-bottom: 100%; */
    /* width: 278px;
    height: 278px; */
}

.pg-event .step2-container .outer-canvas-container .canvas-container {
    /* max-width: 100%; */
    /* height: auto; */
    /* overflow: hidden; */
    /* margin-top: -1px; */
}

.pg-event .step2-container .btn-reset-group {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
}

.pg-event .step2-container .btn-reset-group button img {
    display: inline-block;
    vertical-align: top;
    width: 1.7rem;
    margin-right: 0.5rem;
}

.pg-event .step2-container .btn-reset-group button span {
    display: inline-block;
    vertical-align: top;
    font-size: 1.2rem;
    text-decoration: underline;
    text-underline-offset: 3px;
    color: #333333;
}

.pg-event .step2-container .btn-reset-group .btn-reset {
    position: relative;
    font-size: 0;
}

.pg-event .step2-container .btn-reset-group .btn-reset label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* .pg-event .step2-container .bottom-group .group {
    display: none;
} */
.pg-event .step2-container [data-vtoggle-name] {
    display: none;
}

.pg-event .step2-container .bottom-group [data-vtoggle-name='preview'] {
    margin-top: 2.2rem;
}

.pg-event .step2-container .bottom-group [data-vtoggle-name='preview'] p {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.3;
    color: #686868;
}

/* .pg-event .step2-container .bottom-group .group.is-active {
    display: block;
} */
#composite-frame,
#save-frame {
    background-color: #c4c4c4;
}

#composite-frame.is-active,
#save-frame.is-active {
    background-color: #ec001a;
}

.pg-event .step2-container .frame-list {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

.pg-event .step2-container .frame-list li {
    margin-right: 1.6rem;
}

.pg-event .step2-container .frame-list li:last-child {
    margin-right: 0;
}

.pg-event .step2-container .frame-list li button {
    display: flex;
}

.pg-event .step2-container .frame-list li button .img img {
    width: 6rem;
}

.pg-event .step2-container .frame-list li .img {
    flex-shrink: 0;
    border-radius: 0.5rem;
}

.pg-event .step2-container .frame-list li.is-active .img {
    /* border: 2px solid #ec001a; */
    outline: 2px solid #ec001a;
}

.pg-event .step2-container .frame-list li .desc {
    margin-left: 0.8rem;
    text-align: left;
    align-self: flex-end;
    padding-bottom: 0.5rem;
}

.pg-event .step2-container .frame-list li .desc .checkbox-shape {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 100%;
    background-color: #c4c4c4;
    background-image: url(../assets/check_shape.svg);
    background-position: 50%;
    background-size: 10px 7px;
    background-repeat: no-repeat;
}

.pg-event .step2-container .frame-list li.is-active .desc .checkbox-shape {
    background-color: #ec001a;
}

.pg-event .step2-container .frame-list li .desc span {
    color: #686868;
    display: block;
    margin-top: 0.6rem;
    font-size: 1rem;
    line-height: 1.3;
}

.pg-event .step2-container .frame-list li.is-active .desc span {
    color: #ec001a;
    font-weight: 700;
}

.pg-event .step2-container .picture-guide {}

.pg-event .step2-container .picture-guide .guide-wrap {
    display: inline-block;
    text-align: left;
}

.pg-event .step2-container .picture-guide .guide-wrap>p {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.16;
    color: #686868;
    margin-bottom: 0.6rem;
}

.pg-event .step2-container .picture-guide .guide-wrap .inner-wrap {
    display: flex;
    justify-content: center;
}

.pg-event .step2-container .picture-guide .guide-wrap .imgs {
    flex-shrink: 0;
    display: flex;
}

.pg-event .step2-container .picture-guide .guide-wrap .imgs div {
    margin-right: 0.6rem;
    width: 6.7rem;
}

.pg-event .step2-container .picture-guide .guide-wrap .imgs img {
    width: 100%;
}

.pg-event .step2-container .picture-guide .guide-wrap .imgs div:last-child {
    margin-right: 0;
}

.pg-event .step2-container .picture-guide .guide-wrap .desc {
    margin-left: 1rem;
}

.pg-event .step2-container .picture-guide .guide-wrap .desc li {
    position: relative;
    font-size: 1rem;
    font-weight: 500;
    color: #686868;
    line-height: 1.3;
    margin-bottom: 0.1rem;
    padding-left: 0.8rem;
}

.pg-event .step2-container .picture-guide .guide-wrap .desc li:before {
    content: '';
    position: absolute;
    top: 0.5rem;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    display: block;
    background-color: #686868;
}

.pg-event .step2-container .picture-guide .guide-wrap .desc li:last-child {
    margin-bottom: 0;
}

.pg-event .step[data-step='3'] .step-inner-title strong {
    color: #333333;
}

.pg-event .step3-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 7rem;
}

.pg-event .step3-container .image-frame {
    padding: 0.8rem;
    background: url(../assets/frame_tl.svg) 0 0 / 2.2rem 2.2rem no-repeat, url(../assets/frame_tr.svg) 100% 0 / 2.2rem 2.2rem no-repeat, url(../assets/frame_bl.svg) 0 100% / 2.2rem 2.2rem no-repeat,
        url(../assets/frame_br.svg) 100% 100% / 2.2rem 2.2rem no-repeat;
}

.pg-event .step3-container .guide {
    margin-top: 0.7rem;
    font-size: 0;
    text-align: center;
}

.pg-event .step3-container .guide img {
    display: inline-block;
    width: 3rem;
    margin-right: 0.8rem;
    vertical-align: middle;
}

.pg-event .step3-container .guide p {
    display: inline-block;
    text-align: left;
    font-size: 1rem;
    line-height: 1.2;
    vertical-align: middle;
}

.pg-event .step3-container .guide p b {
    font-weight: 700;
}

.pg-event .step3-container .share-block {
    font-size: 0;
    text-align: center;
    margin-top: 1.6rem;
    margin-bottom: 1.4rem;
}

.pg-event .step3-container .share-block a {
    display: inline-block;
    width: 4rem;
    margin-right: 0.7rem;
}

.pg-event .step3-container .share-block a img {
    width: 100%;
}

.pg-event .step3-container .share-block a:last-child {
    margin-right: 0;
}

.pg-event .step3-container .share-block+p {
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 1rem;
}

.pg-event .step3-container .hashtag-list {
    font-size: 0;
}

.pg-event .step3-container .hashtag-list span {
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 700;
    color: #ec001a;
    padding: 1rem;
    border-radius: 3rem;
    border: 1px solid #ec001a;
    margin-right: 0.5rem;
    margin-bottom: 1rem;
}

.pg-event .step3-container .hashtag-list span:last-child {
    margin-right: 0;
}

.pg-event .step3-container .hashtag-copy {
    font-size: 0;
}

.pg-event .step3-container .hashtag-copy button img {
    width: 100%;
}

.pg-event .step3-container .hashtag-copy button,
.pg-event .step3-container .hashtag-copy span {
    display: inline-block;
    vertical-align: middle;
}

.pg-event .step3-container .hashtag-copy span {
    font-size: 1rem;
    color: #636363;
    margin-left: 0.7rem;
}

.pg-event .step-container[data-cur-step='4'] {
    background: url(../assets/step4_bg.png) 50% 5.6rem / 78% auto no-repeat;
    padding-top: 6.3rem;
}

.pg-event .step-container[data-cur-step='4'] .step-title {
    display: none;
}

.pg-event .step4-container .gift-block {
    margin-bottom: 1.6rem;
}

.pg-event .step4-container .input-wrapper {
    padding: 0 0.7rem;
}

.pg-event .step4-container .input-wrapper .input-group {
    margin-bottom: 0.6rem;
    display: flex;
    position: relative;
}

.pg-event .step4-container .input-wrapper p.noti {
    margin-bottom: 1.3rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.2;
    color: #686868;
}

.pg-event .step4-container .input-wrapper .input-group:last-child {
    margin-bottom: 0;
}

.pg-event .step4-container .input-wrapper .input-group input[type='text'],
.pg-event .step4-container .input-wrapper .input-group input[type='tel'] {
    border-radius: 1rem;
}

.pg-event .step4-container .input-wrapper .input-group input[type='tel'] {
    margin-right: 0.5rem;
}

.pg-event .step4-container .input-wrapper .input-group input[type='tel']:last-child {
    margin-right: 0;
}

.pg-event .step4-container .input-wrapper .input-group #find-addr {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 7.2rem;
}

.pg-event .step4-container .input-wrapper .input-group #find-addr span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.2rem;
    text-decoration: underline;
    text-underline-offset: 2px;
    color: #636363;
}

.pg-event .step4-container .input-wrapper .checkbox-group {
    justify-content: center;
    align-items: center;
}

.pg-event .step4-container .input-wrapper .checkbox-group .checkbox-wrapper>label {
    font-size: 1.2rem;
}

.pg-event .step4-container #go-insert {
    margin-top: 1rem;
}

.pg-event .step-container .step[data-step='5'] {
    padding: 0 3.4rem;
}

.pg-event .step-container .step[data-step='5'] .step-inner-title {
    margin-top: 2.5rem;
    margin-bottom: 0.7rem;
}

.pg-event .step-container .step[data-step='5'] .step-inner-title p {
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 2.8rem;
    text-align: center;
    letter-spacing: -0.04em;
}

.pg-event .step-container .step[data-step='5'] .step-inner-title .sub-title {
    padding: 0.4rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1.8rem;
    text-align: center;
    letter-spacing: -0.04em;
    display: inline-block;
    color: #FFFFFF;
    margin-bottom: 1rem;
}

.pg-event .step-container .step[data-step='5'][data-mode='dog'] .step-inner-title .sub-title {
    background-color: #1284BF;
}
.pg-event .step-container .step[data-step='5'][data-mode='dog'][data-age='adult'] .step-inner-title .sub-title {
    background-color: #017B30;
}
.pg-event .step-container .step[data-step='5'][data-mode='dog'][data-age='senior'] .step-inner-title .sub-title {
    background-color: #0D6D32;
}
.pg-event .step-container .step[data-step='5'][data-mode='cat'] .step-inner-title .sub-title {
    background-color: #FF708A;
}
.pg-event .step-container .step[data-step='5'][data-mode='cat'][data-age='adult'] .step-inner-title .sub-title {
    background-color: #1E8CCE;
}
.pg-event .step-container .step[data-step='5'][data-mode='cat'][data-age='senior'] .step-inner-title .sub-title {
    background-color: #0063AB;
}


.pg-event .step-container .step[data-step='5'] .step5-container .sale-block {
    margin: 0 auto 3.5rem;
    max-width: 300px;
}

.pg-event .step-container .step[data-step='5'][data-mode='dog'] .step5-container .sale-block .product-img {
    margin-left: 0.5rem;
    margin-right: -0.7rem;
}

.pg-event .step-container .step[data-step='5'][data-mode='cat'] .step5-container .sale-block .product-img {
    margin-left: 1.3rem;
    margin-right: -1.5rem;
}

.pg-event .step-container .step[data-step='5'][data-mode='dog'][data-age='adult'] .step5-container .sale-block .product-img,
.pg-event .step-container .step[data-step='5'][data-mode='dog'] .step5-container .sale-block .product-img {
    margin-right: -1.5rem;
    margin-left: 1.3rem;
}

.pg-event .step-container .step5-container .sale-block .btn-block .cta-default {
    width: 20rem;
    margin-top: 0;
    padding: 0.8rem 0;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.7rem;
    text-align: center;
    letter-spacing: -0.04em;
}

.pg-event .step-container .step5-container .sale-block .btn-block .cta-default span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.6rem;
}

.pg-event .step-container .step5-container .sale-block .btn-block .cta-default::after {
    content: '';
    display: inline-block;
    margin-bottom: -0.3rem;
    vertical-align: middle;
    width: 3rem;
    height: 3rem;
    background: url(../assets/icon_hero_percent.svg) center / 100% auto no-repeat;
}

.pg-event .step-container .step5-container .free-block {
    border-radius: 1.8rem;
    padding: 2.8rem 5.3rem 1.4rem 1.8rem;
    position: relative;
    max-width: 300px;
    margin: 0 auto;
}

.pg-event .step-container .step[data-step='5'][data-mode='dog'] .step5-container .free-block {
    border: 2px solid #1284BF;
}
.pg-event .step-container .step[data-step='5'][data-mode='dog'][data-age='adult'] .step5-container .free-block {
    border: 2px solid #017B30;
}
.pg-event .step-container .step[data-step='5'][data-mode='dog'][data-age='senior'] .step5-container .free-block {
    border: 2px solid #0D6D32;
}
.pg-event .step-container .step[data-step='5'][data-mode='cat'] .step5-container .free-block {
    border: 2px solid #FF708A;
}
.pg-event .step-container .step[data-step='5'][data-mode='cat'][data-age='adult'] .step5-container .free-block {
    border: 2px solid #1E8CCE;
}
.pg-event .step-container .step[data-step='5'][data-mode='cat'][data-age='senior'] .step5-container .free-block {
    border: 2px solid #0063AB;
}

.pg-event .step-container .step5-container .free-block::after {
    content: '';
    display: block;
    width: 100%;
    z-index: 1;
    height: 3.2rem;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 0 0 1.6rem 1.6rem;
}

.pg-event .step-container .step[data-step='5'][data-mode='dog'] .step5-container .free-block::after {
    background-color: #1284BF;
}
.pg-event .step-container .step[data-step='5'][data-mode='dog'][data-age='adult'] .step5-container .free-block::after {
    background-color: #017B30;
}
.pg-event .step-container .step[data-step='5'][data-mode='dog'][data-age='senior'] .step5-container .free-block::after {
    background-color: #0D6D32;
}
.pg-event .step-container .step[data-step='5'][data-mode='cat'] .step5-container .free-block::after {
    background-color: #FF708A;
}
.pg-event .step-container .step[data-step='5'][data-mode='cat'][data-age='adult'] .step5-container .free-block::after {
    background-color: #1E8CCE;
}
.pg-event .step-container .step[data-step='5'][data-mode='cat'][data-age='senior'] .step5-container .free-block::after {
    background-color: #0063AB;
}

.pg-event .step-container .step5-container .free-block .txt-block {
    text-align: left;
    position: relative;
    z-index: 2;
}

.pg-event .step-container .step5-container .free-block .txt-block > p {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.5rem;
    letter-spacing: -0.04em;
}

.pg-event .step-container .step5-container .free-block .txt-block > p:first-child {
    margin-bottom: 0.8rem;
}

.pg-event .step-container .step5-container .free-block .txt-block > p strong {
    font-weight: 700;
    font-size: 1.65rem;
    letter-spacing: -0.04em;
}

.pg-event .step-container .step5-container .free-block .txt-block .cta-default {
    width: 11.2rem;
    padding: 0.9rem 0;
    font-size: 1.3rem;
    margin-top: 1.3rem;
    line-height: 1.7rem;
    text-align: center;
    letter-spacing: -0.04em;
}

.pg-event .step-container .step5-container .free-block .free-prd-img {
    position: absolute;
    z-index: 2;
    right: 2.6rem;
    top: 50%;
    width: 6rem;
    transform: translateY(-50%);
}

.pg-event .step-container .step[data-step='5'][data-mode='cat'] .step5-container .free-block .free-prd-img {
    width: 5.3rem;
}


.pg-event #event-stop {
    position: absolute;
    top: 1rem;
    right: 2rem;
    width: 40px;
    height: 40px;
    background: url(../assets/icon_x_black.png) 50% / 24px 24px no-repeat;
}

.pg-event #go-prev {
    position: absolute;
    top: 1rem;
    left: 2rem;
    width: 40px;
    height: 40px;
    background: url(../assets/icon_arrow_back.svg) 50% / 18px 18px no-repeat;
}

.pg-event #go-home {
    position: absolute;
    top: 1rem;
    left: 2rem;
    width: 40px;
    height: 40px;
    background: url(../assets/icon_home.svg) 50% / 24px 24px no-repeat;
    display: none;
}

.pg-event .section-bottom_quick-menu {
    position: fixed;
    height: 5.5rem;
}
.pg-event .section-bottom_quick-menu .box-wrapper .box .info-block {
    justify-content: center;
    padding: 0.8rem 0;
}
.pg-event .section-bottom_quick-menu .box-wrapper .box.box-prd {
    width: 56%;
}
.pg-event .section-bottom_quick-menu .box-wrapper .box .info-block .img {
    margin-left: 0.7rem;
}
.pg-event .section-bottom_quick-menu .box-wrapper .box .info-block .img .percent {
    width: 4rem;
}

.pg-event .section-bottom_quick-menu .box-wrapper .box .info-block .desc p {
    font-size: 1.7rem;
}
.pg-event .section-bottom_quick-menu .box-wrapper .box-event .info-block .img {
    width: auto;
}
.pg-event .section-bottom_quick-menu .box-wrapper .box-event .info-block .img img {
    width: 4.5rem;
    margin-top: -2.8rem;
    margin-left: 0;
}
.pg-event.is-cat .section-bottom_quick-menu .box-wrapper .box-event .info-block .img img {
    margin-top: -7.3rem;
}
/* end event page */

/* event popup */
#gift-info-popup {
    margin: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
}

#gift-info-popup .inner {
    height: 100%;
    background: url(../assets/gift_popup_bg.png) 47% 5.6rem / 23rem auto no-repeat #ffffff;
    padding-top: 6.3rem;
    border-radius: 0;
}

#gift-info-popup .popup-title {
    margin-bottom: 4rem;
    text-align: center;
}

#gift-info-popup .popup-title p {
    font-size: 2rem;
    line-height: 1.35;
    font-weight: 400;
}

#gift-info-popup .popup-close {
    top: 1rem;
    right: 2rem;
}

/* * 개인정보 팝업 */
#agreePopup {
    margin: 0;
    width: 100%;
    height: 100%;
    font-size: 10px;
}

#agreePopup>.inner {
    min-height: 100%;
    border-radius: 0;
    /* padding: 6.3em 3em 0; */
    padding: 6.3em 3em;
}

#agreePopup>.inner .popup-close {
    position: absolute;
    top: 0.909090909090909rem;
    right: 1.818181818181818rem;
    width: 4rem;
    height: 4rem;
    background: url(../assets/icon_x_black.png) center / 2.181818181818182rem auto no-repeat;
}

#agreePopup .inner .agree-wrap h6 {
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1.388888888888889;
    margin-bottom: 1.2em;
    text-align: center;
}

#agreePopup .inner .agree-wrap .text-block {
    margin-bottom: 1.6em;
    text-align: left;
}

#agreePopup .inner .agree-wrap .text-block:last-child {
    margin-bottom: 0;
}

#agreePopup .inner .agree-wrap .text-block .sub-tt {
    font-size: 1.1em;
    font-weight: 700;
    margin-bottom: 0.1em;
}

#agreePopup .inner .agree-wrap .text-block p {
    font-size: 1.1em;
    font-weight: 400;
    line-height: 1.454545454545455;
    letter-spacing: -0.04em;
}

#agreePopup .inner .agree-wrap .text-block .list-wrap {
    margin: 1.6em 0;
}

#agreePopup .inner .agree-wrap .text-block .list-wrap li {
    position: relative;
    padding-left: 1em;
    font-size: 1.1em;
    font-weight: 400;
    color: #333333;
    line-height: 1.6;
    letter-spacing: -0.05em;
}

#agreePopup .inner .agree-wrap .text-block .list-wrap li:before {
    display: block;
    content: '';
    width: 0.272727272727273em;
    height: 0.272727272727273em;
    background-color: #333333;
    border-radius: 50%;
    position: absolute;
    font-size: inherit;
    color: inherit;
    left: 0.2em;
    top: 0.7em;
}

#agreePopup .inner .agree-wrap .button-block {
    text-align: center;
    margin-top: 3.6em;
}

#agreePopup .inner .agree-wrap .button-block button {
    padding: 0.78125em 0;
    font-size: 1.6em;
    width: 8.375em;
    border-radius: 1.71875em;
    margin: 0;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
}

/* * end 개인정보 팝업 */

/* end event popup */
#live_popup {
    margin: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
}

#live_popup .inner {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #ffffff;
    border-radius: 0;
    padding: 0 6rem;
    text-align: center;
}

#live_popup .popup-title {
    position: relative;
    margin-bottom: 3.6rem;
    text-align: center;
}

#live_popup .popup-title::before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: -4.2rem;
    width: 5.6rem;
    height: 3.7rem;
    background: url(../assets/icon_live.png) 50% / cover no-repeat;
}

#live_popup .is-dog .popup-title::before {
    display: none;
}

#live_popup .popup-title h3 {
    font-size: 2.4rem;
    line-height: 1.2;
    margin-bottom: 1.7rem;
}

#live_popup .popup-title p {
    font-size: 1.6rem;
    line-height: 1.25;
    font-weight: 400;
}

#live_popup .popup-title p.date {
    font-weight: 700;
    font-size: 1.7rem;
    margin-top: 4rem;
    color: #ec001a;
}

#live_popup .popup-close {
    top: 1rem;
    right: 2rem;
}

#live_popup .input-wrapper {
    width: 100%;
}

#live_popup .input-wrapper .input-group {
    margin-bottom: 0.7rem;
    display: flex;
}

#live_popup .input-wrapper .input-group input[type='tel'] {
    margin-right: 0.5rem;
}

#live_popup .input-wrapper .input-group input[type='tel']:last-child {
    margin-right: 0;
}

#live_popup .input-wrapper .checkbox-group {
    justify-content: center;
    align-items: center;
    margin: 1.58rem auto 1.78rem;
}

#live_popup .input-wrapper .checkbox-group .checkbox-wrapper>label {
    font-size: 1.2rem;
}

#live_popup #live-request {
    width: 16.8rem;
    padding: 1.8rem 0;
    border-radius: 2.75rem;
    font-size: 1.8rem;
    margin: 0 auto;
}

/* gate page */
.pg-gate #go-hub {
    visibility: hidden;
}

.pg-gate #go-index {
    padding: 2rem 3rem;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
}

.pg-gate #go-index img {
    width: 2.4rem;
}

.pg-gate .gate-container {
    padding: 8.8rem 4rem;
    background: url(../assets/gate_bg.png) 32% 11.5rem / 30rem auto no-repeat;
}

.pg-gate .gate-wrapper {
    text-align: center;
    /* padding-top: 2rem; */
}

.pg-gate .gate-title {
    margin-bottom: 1.5rem;
}

.pg-gate .gate-title h1 {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.17;
}

.pg-gate .gate-title h1 strong {
    position: relative;
    color: #ec001a;
    display: inline-block;
}

.pg-gate .gate-title h1 strong:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    height: 0.9rem;
    border-radius: 0.2rem;
    background-color: rgba(236, 0, 26, 0.2);
}

.pg-gate .gate-title p {
    margin-top: 1rem;
    font-size: 1.2rem;
    line-height: 1.25;
}

.pg-gate .gate-title p b {
    font-weight: 700;
    color: #ec001a;
}

#photozone-swiper .swiper-slide {
    width: 11.8rem;
    perspective: 6rem;
    /* padding: 2.5rem 0; */
    padding: 2.8rem 0;
    opacity: 0.25;
    z-index: 1;
}

#photozone-swiper .swiper-slide .img-cont {
    border: 1px solid #ffffff;
    transition: all 0.25s ease;
}

#photozone-swiper .swiper-slide-active {
    opacity: 1;
}

#photozone-swiper .swiper-slide-active.is-on {
    z-index: 3;
}

#photozone-swiper .swiper-slide-active.is-on .img-cont {
    transform: translateZ(1.4rem);
    /* transform: scale(1.2) translateZ(1rem); */
    /* transform: scale(1.41) translateZ(1rem); */
    -webkit-filter: drop-shadow(1px 0px 3px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(1px 0px 3px rgba(0, 0, 0, 0.1));
    border-color: #F3F3F3;
}

.pg-gate #go-event {
    padding: 1.8rem 0;
    font-size: 1.8rem;
    width: 18.9rem;
    border-radius: 2.75rem;
    margin-top: 1.3rem;
}

.cta-arrow {
    position: relative;
}

.cta-arrow:after {
    content: '';
    display: inline-block;
    width: 0.75rem;
    height: 1.5rem;
    margin-left: 1.9rem;
    background: url(../assets/cta_arrow.svg) 50% / 100% no-repeat;
}

.pg-gate .gift-area {
    margin-top: 3.6rem;
}

.pg-gate .gift-area>h2 {
    font-size: 2.3rem;
    font-weight: 700;
    /* margin-bottom: 2.4rem; */
}

.module-gift-container .gift-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 3.1rem;
    text-align: center;
}

.module-gift-container .gift-wrap:last-child {
    margin-bottom: 0;
}

.module-gift-container .gift-wrap .img {
    margin-top: -1rem;
    margin-bottom: 1.3rem;
}

.module-gift-container .gift-wrap .img img {
    width: 25rem;
}

.module-gift-container .gift-wrap .desc-list {
    display: flex;
    align-items: center;
    justify-content: center;
}

.module-gift-container .gift-wrap .desc-list li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 7.8rem;
    height: 7.8rem;
    margin-right: 1.1rem;
    border-radius: 100%;
    background-color: #f5f5f5;
}

.module-gift-container .gift-wrap .desc-list li:last-child {
    margin-right: 0;
}

.module-gift-container .gift-wrap .desc-list li span {
    display: block;
}

.module-gift-container .gift-wrap .desc-list li span:first-child {
    font-size: 1rem;
    color: #ffffff;
    background-color: #ec001a;
    border-radius: 1rem;
    padding: 0.4rem 0;
    width: 3rem;
    margin: 0 auto;
}

.module-gift-container .gift-wrap .desc-list li span:nth-child(2) {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.1;
    margin: 0.5rem auto;
}

.module-gift-container .gift-wrap .desc-list li span:last-child {
    font-size: 1.1rem;
    color: #636363;
}

.module-gift-container .gift-wrap.rank4 .desc-list li {
    width: 9.8rem;
    height: 9.8rem;
}

.module-gift-container .gift-wrap.rank4 .img {
    margin-bottom: 0;
    margin-right: 1.1rem;
}

.module-gift-container .gift-wrap.rank4 .img img {
    width: 15rem;
}

.pg-gate .event-info {
    margin-top: 3.5rem;
    font-size: 0;
}

.pg-gate .event-info .info-list {
    display: inline-block;
}

.pg-gate .event-info .info-list dl {
    margin-bottom: 0.7rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.pg-gate .event-info .info-list dl:last-child {
    margin-bottom: 0;
}

.pg-gate .event-info .info-list dl dt {
    color: #ffffff;
    border-radius: 1.3rem;
    background-color: #ec001a;
    padding: 0.6rem 1rem;
    font-size: 1.1rem;
    font-weight: 700;
}

.pg-gate .event-info .info-list dl dd {
    font-size: 1.2rem;
    color: #000000;
    line-height: 1.25;
    margin-left: 1.2rem;
}

.pg-gate .event-info .info-list dl:last-child {
    margin-top: 1.1rem;
}

.pg-gate .event-info .info-list dl:last-child dt {
    background-color: #e0e0e0;
    color: #000000;
    font-weight: 400;
    cursor: pointer;
}

/* * 유의사항 팝업 */
#noticePopup {
    margin: 0;
    width: 100%;
    height: 100%;
    font-size: 10px;
}

#noticePopup>.inner {
    min-height: 100%;
    border-radius: 0;
    padding: 6.3em 3em 0;
}

#noticePopup>.inner .popup-close {
    position: absolute;
    top: 0.909090909090909rem;
    right: 1.818181818181818rem;
    width: 4rem;
    height: 4rem;
    background: url(../assets/icon_x_black.png) center / 2.181818181818182rem auto no-repeat;
}

#noticePopup .inner .notice-wrap h6 {
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1.388888888888889;
    margin-bottom: 1.2em;
    text-align: center;
}

#noticePopup .inner .notice-wrap .text-block {
    margin-bottom: 4.4em;
    text-align: left;
}

#noticePopup .inner .notice-wrap .text-block:last-child {
    margin-bottom: 0;
}

#noticePopup .inner .notice-wrap .text-block .list-wrap {
    margin: 0.5em 0;
}

#noticePopup .inner .notice-wrap .text-block .list-wrap li {
    position: relative;
    padding-left: 1em;
    font-size: 1.1em;
    font-weight: 400;
    color: #333333;
    line-height: 1.6;
    letter-spacing: -0.05em;
}

#noticePopup .inner .notice-wrap .text-block .list-wrap li span {
    color: #636363;
}

#noticePopup .inner .notice-wrap .text-block .list-wrap li:before {
    display: block;
    content: '';
    width: 0.272727272727273em;
    height: 0.272727272727273em;
    background-color: #333333;
    border-radius: 50%;
    position: absolute;
    font-size: inherit;
    color: inherit;
    left: 0;
    top: 0.7em;
}

#noticePopup .inner .notice-wrap .button-block {
    text-align: center;
}

#noticePopup .inner .notice-wrap .button-block button {
    padding: 0.78125em 0;
    font-size: 1.6em;
    width: 8.375em;
    border-radius: 1.71875em;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
}

/* * end 개인정보 팝업 */
/* end gate page */
#final-landing-popup {
    padding: 0 4.5rem;
}
#final-landing-popup > .inner {
    border-radius: 1.5rem;
    padding-top: 11rem;
    padding-bottom: 2.3rem;
    background-image: url(../assets/final_popup_bg.png);
    background-position: 50% 3.8rem;
    background-size: 20.2rem auto;
    background-repeat: no-repeat;
}
#final-landing-popup .popup-close {
    top: 0.8rem;
    right: 0.8rem;
}
#final-landing-popup .product-img {
    position: absolute;
    top: -4rem;
    left: 50%;
    transform: translateX(-50%);
}
.is-cat #final-landing-popup .product-img {
    top: -6.2rem;
}
.is-cat #final-landing-popup .popup-prd-img {
    width: 13rem;
}
#final-landing-popup .popup-prd-img {
    width: 15.4rem;
}
#final-landing-popup .popup-title {
    margin-bottom: 1.4rem;
}
#final-landing-popup .popup-title p {
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.18;
    font-weight: 400;
}
#final-landing-popup .popup-title p b,
#final-landing-popup .popup-title p strong {
    font-weight: 700;
}
#final-landing-popup .popup-title p:last-child {
    color: #ec001a;
    font-size: 1.7rem;
    font-weight: 700;
    margin-top: 1rem;
}
#final-landing-popup .btn-wrap {
    text-align: center;
    display: flex;
    justify-content: center;
}
#final-landing-popup .btn-wrap .cta-default {
    /* padding: 1rem 0; */
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
#final-landing-popup .btn-wrap .cta-default p {
    font-size: 1.3rem;
}
#final-landing-popup .btn-wrap .cta-default:first-child {
    width: 8.5rem;
    margin-right: 0.7rem;
}
#final-landing-popup .btn-wrap .cta-default:last-child {
    width: 14.3rem;
}
#final-landing-popup .btn-wrap .cta-default:last-child p:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 2.3rem;
    height: 2.3rem;
    margin-left: 0.3rem;
    background: url(../assets/icon_hero_percent.svg) 50% / cover no-repeat;
}
/* mode별 css */
.is-cat .section-bottom_quick-menu .box-wrapper .box .info-block {
    /* padding-bottom: 0; */
}

.is-cat .section-bottom_quick-menu .box-wrapper .box-event .info-block .img img {
    width: 5.4rem;
    margin-top: -6.3rem;
}

.is-cat .age-control {
    border-color: #ff708a;
}

.is-cat .section-program_age-block.adult .age-control,
.is-cat .section-program_age-block.senior .age-control {
    border-color: #1284bf;
}

.is-cat .age-control button.is-active {
    background-color: #ff708a;
}

.is-cat .section-program_age-block.adult .age-control button.is-active,
.is-cat .section-program_age-block.senior .age-control button.is-active {
    background-color: #0063ab;
}

.is-cat .section-program_age-block#ageBlock2_0 .age-control {
    border-color: #97602d;
}

.is-cat .section-program_age-block#ageBlock2_0 .age-control button.is-active {
    background-color: #97602d;
}

.is-cat .section-program_age-block.young .section-program__title-area h3 span:last-child {
    color: #ff708a;
}

.is-cat .section-program_age-block.adult .section-program__title-area h3 span:last-child,
.is-cat .section-program_age-block.senior .section-program__title-area h3 span:last-child {
    color: #0063ab;
}

.is-cat #ageBlock2_0 h3 span:last-child {
    color: #97602d;
}

.is-cat #path-container {
    margin-left: 4.8rem;
    width: 83%;
}

.is-cat #ageBlock0_1 .section-program__detail-area .detail-area__wrapper .detail-area__number {
    margin-left: -22%;
}

.is-cat #ageBlock0_2 .section-program__detail-area .detail-area__wrapper .detail-area__number {
    margin-left: -22%;
    transform: translate(-50%, -135%);
}

.is-cat .section-program__detail-area .detail-area__wrapper .cta-wrapper {
    bottom: 0;
}

.is-cat .adult .section-program__detail-area .detail-area__wrapper .cta-wrapper.right,
.is-cat .senior .section-program__detail-area .detail-area__wrapper .cta-wrapper.right {
    bottom: 2.3rem;
}

.is-cat .section-program_break-block.young .promotion-box .bg-box {
    background-color: #ff90a4;
}

.is-cat .section-program_break-block.young .promotion-box .box-tt {
    background-color: #ff90a4;
}

.is-cat .section-program_break-block.adult .promotion-box .bg-box {
    background-color: #1e8cce;
}

.is-cat .section-program_break-block.adult .promotion-box .box-tt {
    background-color: #0063ab;
}

.is-cat .section-program_break-block.young .promotion-box .title strong {
    color: #ff708a;
}

.is-cat .section-program_break-block.adult .promotion-box .title strong {
    color: #0063ab;
}

.is-cat .section-dictionary_wrapper .dictionary-tab-wrapper .tab-trigger:first-child.is-active {
    border-color: #ff708a;
    color: #ff708a;
}

.is-cat .section-dictionary_wrapper .dictionary-tab-wrapper .tab-trigger.is-active {
    border-color: #0063ab;
    color: #0063ab;
}

/* end mode별 css */

@media all and (max-height: 690px) {
    html.main {
        /* font-size: 50%; */
    }
}

@media all and (max-height: 600px) {
    html.main {
        /* font-size: 45%; */
    }
}

@media all and (min-height: 750px) {
    html {
        font-size: 68.75%;
    }

    .section-program_age-block {
        /* padding-bottom: 0;
        justify-content: center; */
    }

    #path-container {
        /* bottom: 50%;
        transform: translateY(60%); */
    }
}

/* * tablet css */
@media (max-width: 599px) {
    #productLayer .inner._dog .layer__ecom-banner .layer__banner-link {
        background-image: url(../assets/prd_dog_free-banner.png);
    }

    #productLayer .inner._cat .layer__ecom-banner .layer__banner-link {
        background-image: url(../assets/prd_cat_free-banner.png);
    }

    /* #productLayer .article-block .post-block > ul {
        flex-flow: row;
    }

    #productLayer .article-block .post-block__list {
        margin-bottom: 0;
        margin-right: 17px;
    }

    #productLayer .article-block .post-block__list:last-child {
        margin-right: 0;
    } */

    /* #productLayer .article-block .video-block .swiper {
        padding: ;
    } */
}

@media (min-width: 600px) {
    #productLayer .inner._dog .layer__ecom-banner .layer__banner-link {
        /* background-image: url(../assets/prd_dog_ecom-banner_desktop.png); */
        background-image: url(../assets/prd_dog_free-banner_desktop.png);
    }

    #articlePopup>.inner._dog .popup__ecom-banner .popup__banner-link {
        background-image: url(../assets/prd_dog_ecom-banner_desktop.png);
    }

    #productLayer .inner._cat .layer__ecom-banner .layer__banner-link {
        /* background-image: url(../assets/prd_cat_ecom-banner_desktop.png); */
        background-image: url(../assets/prd_cat_free-banner_desktop.png);
    }

    #articlePopup>.inner._cat .popup__ecom-banner .popup__banner-link {
        background-image: url(../assets/prd_cat_ecom-banner_desktop.png);
    }

    #productLayer .article-block>.inner {
        width: 600px;
        margin: 0 auto;
    }

    #productLayer .article-block .post-block>ul {
        flex-flow: row;
    }

    #productLayer .article-block .post-block__list {
        margin-bottom: 0;
        margin-right: 17px;
    }

    #productLayer .article-block .post-block__list:last-child {
        margin-right: 0;
    }

    #articlePopup #articlePopupSwiper .swiper-slide {
        width: 221.1em;
    }

    .chatbot-block {
        font-size: 12px;
    }
}

/* * desktop css */
@media (min-width: 1200px) {
    html {
        font-size: 62.5%;
    }

    .mobile-layout {
        display: none;
    }

    .desktop-layout {
        display: block;
    }

    /* .section-bottom_quick-menu {
        width: 79rem;
        left: calc(50vw - 39.5rem);
        height: 8.7rem;
    } */
    .section-bottom_quick-menu {
        display: none;
        width: 79rem;
        left: 50%;
        margin-left: -39.5rem;
        height: 8.7rem;
    }

    .section-bottom_quick-menu {
        position: fixed;
        bottom: 0;
        left: 50vw;
    }

    .pg-main .header {
        position: absolute;
    }

    .header .nav-wrap {
        /* margin-left: 48.6rem; */
        align-self: flex-end;
    }

    .header .nav-wrap ul {
        display: flex;
        align-items: center;
    }

    .header .nav-wrap ul li {
        margin-right: 5.4rem;
    }

    .header .nav-wrap ul li.is-active a {
        font-weight: 700;
        color: #ec001a;
    }

    .header .nav-wrap ul li a {
        display: block;
        padding: 2rem 1.35rem;
        font-size: 1.5rem;
        font-weight: 500;
    }

    .section-bottom_quick-menu .box-wrapper {
        height: 100%;
    }

    .section-bottom_quick-menu .box-wrapper .box .info-block {
        /* padding: 0 2.8rem; */
        padding: 0;
        justify-content: center;
    }

    .section-hero {
        /* padding-top: 23rem; */
        min-height: 100%;
    }

    .section-hero .over-group {
        padding-top: 23rem;
    }

    .hero-mode-toggle {
        width: 20rem;
        height: 3.6rem;
        border: 2px solid #ec001a;
        margin: 0 auto 3.45rem;
    }

    .hero-mode-toggle .mode-toggle span {
        font-size: 1.4rem;
    }

    .section-hero .hero-title {
        font-size: 6.3rem;
    }

    .section-hero .induce-area {
        bottom: 14.7rem;
    }

    .section-hero .induce-area .act {
        margin: 0;
    }

    .section-hero .induce-area .mouse {
        width: 2.3rem;
        margin-bottom: 0.6rem;
    }

    .section-hero .induce-area .arrow {
        width: 1.8rem;
        position: static;
        margin: 0 auto;
        -webkit-animation-name: induceAnim2;
        animation-name: induceAnim2;
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .section-hero .induce-area .arrow._02 {
        margin-bottom: 1rem;
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

    .section-hero .induce-area span {
        font-size: 1.8rem;
        margin-top: 1rem;
        font-weight: 700;
    }

    @-webkit-keyframes induceAnim2 {
        from {
            transform: translateY(-0.2rem);
            opacity: 1;
        }

        to {
            transform: translateY(0.5rem);
            opacity: 0;
        }
    }

    @keyframes induceAnim2 {
        from {
            transform: translateY(-0.2rem);
            opacity: 1;
        }

        to {
            transform: translateY(0.5rem);
            opacity: 0;
        }
    }

    .section-program_wrapper .scroll-anim {
        width: 3.6rem;
    }

    #ageBlock0_1 .section-program_wrapper .scroll-anim {
        transform: translateY(-50%);
    }

    #ageBlock0_2 .section-program_wrapper .scroll-anim {
        transform: translateY(-50%);
    }

    #ecomBlock0 .section-program_wrapper .scroll-anim {
        right: -12rem;
        transform: translateY(-160%);
    }

    #ageBlock1 .section-program_wrapper .scroll-anim {
        transform: translateY(-50%);
    }

    #ecomBlock1 .section-program_wrapper .scroll-anim {
        right: -12rem;
        transform: translateY(-50%);
    }

    #ageBlock2 .section-program_wrapper .scroll-anim {
        transform: translateY(-50%);
    }

    .section-program_wrapper .scroll-anim .arrows {
        position: relative;
        width: 100%;
        height: 2rem;
    }

    .section-program_wrapper .scroll-anim .arrows span {
        position: absolute;
        top: 0;
        left: 50%;
        /* margin-left: -3.5px; */
        display: block;
        width: 1rem;
        height: 2rem;
        background: url(../assets/icon_arrow_right_black.png) 50% / cover no-repeat;
        -webkit-animation-name: mainScrollAnim;
        animation-name: mainScrollAnim;
        -webkit-animation-duration: 1000ms;
        animation-duration: 1000ms;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-play-state: running;
        animation-play-state: running;
    }

    .section-program_wrapper .scroll-anim .text {
        margin-top: 1rem;
        font-weight: 400;
        font-size: 1.4rem;
        line-height: 1.5;
        letter-spacing: -0.04em;
        color: #636363;
    }
    .section-program__detail-area .detail-area__wrapper .detail-area__product .cta-prd {
        width: 13.9rem;
        padding: 1.3rem 0;
    }
    .section-program__detail-area .detail-area__wrapper .detail-area__product .cta-prd span {
        font-size: 1.7rem;
    }
    .section-program__detail-area .detail-area__wrapper .detail-area__product .cta-prd:after {
        width: 1rem;
        height: 1.7rem;
    }
    .section-bottom_quick-menu .box-wrapper .box.box-prd {
        width: 45%;
    }
    .pg-main .section-bottom_quick-menu .box-wrapper .box.box-prd {
        width: 100%;
    }
    .pg-main .section-bottom_quick-menu .box-wrapper .box .info-block .desc p {
        font-size: 2.6rem;
    }
    .pg-main .section-bottom_quick-menu .box-wrapper .box-prd .img {
        width: 20rem;
    }
    .pg-main .section-bottom_quick-menu .box-wrapper .box-prd .img img {
        margin-top: -6rem;
    }
    .pg-main .section-bottom_quick-menu .box-wrapper .box .info-block .desc {
        margin-right: 0;
    }
    .floating-event-btn {
        top: 17rem;
        margin-left: 24rem;
    }
    .floating-event-btn .floating-hide {
        position: absolute;
        /* top: -6.3rem; */
        bottom: 22.4rem;
        right: 1.2rem;
        background: url(../assets/icon_x_black.png) 50% / 3.2rem no-repeat;
        width: 3.2rem;
        height: 3.2rem;
    }
    .is-cat .floating-event-btn .floating-hide {
        bottom: 12.5rem;
    }
    .floating-event-btn .go-event {
        display: block;
        background-color: #ec001a;
        padding: 5.2rem 3rem 1.2rem 1.8rem;
        border-radius: 1.7rem;
    }
    .floating-event-btn .go-event img {
        position: absolute;
        width: 9rem;
        /* top: -4.6rem; */
        bottom: 6rem;
        left: 50%;
        transform: translateX(-50%);
    }
    .floating-event-btn .go-event p {
        font-size: 2.1rem;
        font-weight: 700;
        color: #ffffff;
        line-height: 1.2;
    }
    .floating-event-btn .go-event p:after {
        width: 1rem;
        height: 1.6rem;
        right: -1.5rem;
        bottom: 0.4rem;
    }

    /* 0623 메인 상담버튼 수정 */
    .section-program__detail-area .chatbot-block {
        font-size: 1.6rem;
        margin-top: 1rem;
    }
    .section-program__detail-area .chatbot-block .chatbot-block__chatbot-link {
        /* width: auto;
        justify-content: center;
        background: none;
        border-radius: 0;
        box-shadow: none;
        padding: 0; */
    }
    .section-program__detail-area .chatbot-block .chatbot-block__chatbot-link .text-block {
        padding: 0;
    }
    .section-program__detail-area .chatbot-block .text-block p {
        font-size: 1.6rem;
        color: #ec001a;
        text-decoration: underline;
        text-underline-offset: 4px;
    }
    .section-program__detail-area .chatbot-block .icon-block {
        margin-right: 0.6rem;
        border-radius: 0;
        width: 2.3rem;
        height: 2.4rem;
        background-size: 100%;
        background-color: transparent;
    }
    /* END 0623 */

    .section-hero .section-bottom_quick-menu .box-wrapper .box .info-block .desc p {
        font-size: 2.6rem;
    }

    .section-bottom_quick-menu .box-wrapper .box .info-block .desc p {
        font-size: 2.4rem;
    }

    .section-program_age-block .section-bottom_quick-menu.f-width .box-wrapper .box-event .info-block .desc p {
        font-size: 2.4rem;
    }

    .section-bottom_quick-menu .box-wrapper .box .info-block .desc p br {
        display: none;
    }

    .section-bottom_quick-menu .box-wrapper .box-event .info-block .img {
        width: 7.3rem;
    }

    .section-bottom_quick-menu .box-wrapper .box-event .info-block .img img {
        /* width: 7.3rem; */
        width: 100%;
        margin-top: -5rem;
    }

    .section-bottom_quick-menu .circle-arrow {
        width: 2.7rem;
    }

    .section-bottom_quick-menu .box-wrapper .box .info-block .img .percent {
        width: 6.5rem;
    }

    .section-bottom_quick-menu .box-wrapper .box .info-block .desc {
        margin-right: 2rem;
    }

    .section-bottom_quick-menu .box-wrapper .box-prd .info-block:after {
        width: 2px;
    }

    .section-bottom_quick-menu.f-width {
        width: 48.6rem;
        margin-left: -24.3rem;
    }

    .section-program .section-program_container {
        background: url(../assets/main_program_bg_pc.jpg) 0 50% / cover no-repeat #e1e1e1;
    }

    .section-program_age-block {
        width: auto;
        width: 79rem;
        /* outline: 1px solid red; */
        margin-right: 7.8rem;
        /* padding-top: 31.8rem; */
        /* justify-content: flex-start; */
        justify-content: center;
    }

    .section-program_break-block {
        width: 60rem;
        margin-right: 26.3rem;
    }

    .section-program_break-block .live-banner {
        width: 53rem;
        margin: 0 auto;
    }

    .section-program_break-block.adult {
        margin-right: 29.3rem;
    }

    .section-program .section-program_container {
        padding-left: 24.6rem;
    }

    #path-container {
        margin-left: 32.6rem;
    }

    .age-control {
        width: 29.1rem;
        border-width: 2px;
        border-radius: 3rem;
    }

    .age-control button {
        padding: 1rem 3.2rem;
        font-size: 1.4rem;
    }

    .age-control button:first-child {
        width: 10.6rem;
    }

    .age-control button:nth-child(2) {
        width: 19.8rem;
    }

    /* * 0609 */
    .chatbot-block {
        bottom: -3em;
    }

    .is-cat .chatbot-block {
        bottom: -2.6em;
    }
    /* * END 0609 */

    .section-program__title-area .emblem {
        width: 20.5rem;
    }

    .section-program__title-area h3 {
        margin: 1rem auto 0;
    }

    .section-program__title-area h3 span {
        font-size: 2.7rem;
    }

    .section-program__title-area h3 span:last-child {
        font-size: 4.2rem;
    }

    .section-program__title-area {
        margin-bottom: 1rem;
    }

    #path-container {
        width: 690rem;
        transform: translateY(6%);
    }

    #ageBlock0 .section-program__detail-area .detail-area__wrapper .detail-area__number {
        width: 15rem;
        margin-top: 4rem;
    }

    #ageBlock0_1 .section-program__detail-area .detail-area__wrapper .detail-area__number {
        width: 17.6rem;
        margin-top: -1rem;
    }

    #ageBlock0_2 .section-program__detail-area .detail-area__wrapper .detail-area__number {
        width: 17rem;
        margin-left: -25%;
        margin-top: -2rem;
    }

    .is-cat #ageBlock0_2 .section-program__detail-area .detail-area__wrapper .detail-area__number {
        margin-left: -29%;
        transform: translate(-50%, -61%);
    }

    #ageBlock0_1 .section-program__detail-area .detail-area__wrapper .cta-wrapper {
        right: initial;
        left: 16rem;
    }

    .section-program__detail-area .detail-area__wrapper .cta-wrapper .cta-default:before {
        top: -2.3rem;
    }

    #ageBlock0_1 .section-program__detail-area .detail-area__wrapper .cta-wrapper .cta-default:before {
        right: initial;
        left: -2rem;
    }

    .section-program__detail-area .detail-area__wrapper .cta-wrapper.left {
        left: 16rem;
    }

    .section-program__detail-area .detail-area__wrapper .cta-wrapper.left .cta-default:before {
        left: -2rem;
    }

    .section-program__detail-area .detail-area__wrapper .cta-wrapper .cta-default {
        padding: 1.6rem 0;
        width: 15.8rem;
        border-radius: 2.6rem;
    }

    .section-program__detail-area .detail-area__wrapper .cta-wrapper .cta-default span {
        font-size: 2.2rem;
    }

    .section-program__detail-area .detail-area__wrapper .cta-wrapper .cta-arrow:after {
        width: 1.1rem;
        height: 1.9rem;
    }

    .section-program__detail-area .detail-area__wrapper .cta-wrapper .cta-default:before {
        width: 10.6rem;
        height: 3.25rem;
    }

    .section-program_break-block .promotion-box {
        margin: 3.6rem auto 0;
        width: 53rem;
        /* padding: 5.7rem 0 42.8rem; */
        padding: 5.7rem 0 0;
        border-radius: 3rem;
    }

    .section-program_break-block .promotion-box .box-tt {
        padding: 0.7rem;
        width: 11.8rem;
        font-size: 2rem;
        border-radius: 0.5rem;
    }

    .section-program_break-block .promotion-box .title {
        font-size: 2.9rem;
    }

    .section-program_break-block .promotion-box .bg-box {
        width: 120%;
        margin-left: -10%;
        padding-bottom: 54.75%;
    }

    .section-program_break-block .promotion-box .cta-default {
        width: 28.1rem;
        padding: 1.6rem;
        border-radius: 3rem;
    }

    .section-program_break-block .promotion-box .cta-default span {
        font-size: 2.6rem;
    }

    .section-program_break-block .promotion-box .cta-arrow:after {
        width: 1.3rem;
        height: 2.2rem;
        margin-left: 1.7rem;
    }

    .section-dictionary {
        width: auto;
        /* padding: 0 4.1rem; */
        /* padding: 0 12rem 0 4.1rem; */
        padding: 0 38.8rem 0 4.1rem;
    }

    .section-dictionary_wrapper {
        width: 88.1rem;
    }

    .section-dictionary_wrapper .swiper {
        padding: 0;
    }

    .section-dictionary_wrapper .swiper .swiper-slide {
        width: 43rem;
        /* margin-right: 2.1rem; */
    }

    .section-dictionary_wrapper .swiper .swiper-slide>div {
        padding-bottom: 55%;
    }

    .section-dictionary_wrapper .section-dictionary__title-area {
        margin-bottom: 2.9rem;
    }

    .section-dictionary_wrapper .section-dictionary__title-area h3 {
        font-size: 3.9rem;
        line-height: 1.2;
    }

    .section-dictionary_wrapper .section-dictionary__title-area h3 b {
        font-size: 4.2rem;
        line-height: 1.1;
    }

    .section-dictionary_wrapper .dictionary-tab-wrapper {
        margin-bottom: 1.8rem;
        padding: 0;
    }

    .section-dictionary_wrapper .dictionary-tab-wrapper .tab-trigger {
        font-size: 1.7rem;
        padding: 0.9rem 0;
        width: 12.3rem;
        border-width: 2px;
        border-radius: 2rem;
        margin-right: 1.6rem;
    }

    .section-dictionary_wrapper .swiper .swiper-slide .article-box .article-title {
        font-size: 2.7rem;
        line-height: 1.14;
        margin-bottom: 5.36rem;
        width: 18rem;
    }

    .section-dictionary_wrapper .swiper .swiper-slide .article-box .article-link {
        border-radius: 2.5rem;
        border: 2px solid #ffffff;
        font-size: 1.5rem;
        padding: 1.4rem 0;
        width: 17rem;
    }

    .section-dictionary_wrapper .swiper .swiper-slide .article-box .article-link:after {
        width: 0.8rem;
        height: 1.23rem;
    }

    /* mode별 css */
    .is-cat .section-program .section-program_container {
        /* padding-left: 21.6rem; */
        padding-left: 24rem;
    }

    .is-cat .section-bottom_quick-menu .box-wrapper .box-event .info-block .img img {
        width: 6.6rem;
    }

    .is-cat #path-container {
        margin-left: 33rem;
        width: 790rem;
        transform: translateY(14%);
    }

    /* .is-cat .age-control {
        margin-top: -40rem;
    } */
    .is-cat .section-program_break-block {
        width: 74rem;
    }

    .is-cat #ageBlock1 {
        margin-right: 15.2rem;
    }

    .is-cat .section-program_break-block.adult {
        margin-right: 12.5rem;
    }

    .is-cat #ageBlock0_2 {
        margin-right: 12rem;
    }

    .is-cat .section-program_break-block {
        margin-right: 15.6rem;
    }

    .is-cat #ageBlock2 {
        margin-right: 13.6rem;
    }

    /* end mode별 css */

    /* * product layer */
    #productLayer {
        font-size: 8px;
    }

    #productLayer .inner._dog .layer__ecom-banner {
        margin-top: -0.5rem;
    }

    #productLayer .inner._cat .layer__ecom-banner {
        margin-top: -2.3em;
    }

    #productLayer .inner._dog .layer__ecom-banner .layer__banner-link {
        height: 10.5em;
        /* background-image: url(../assets/prd_dog_ecom-banner_desktop.png); */
        background-image: url(../assets/prd_dog_free-banner_desktop.png);
    }

    #productLayer .inner._cat .layer__ecom-banner .layer__banner-link {
        height: 10.7em;
        /* background-image: url(../assets/prd_cat_ecom-banner_desktop.png); */
        background-image: url(../assets/prd_cat_free-banner_desktop.png);
    }

    #productLayer .inner .info-block {
        padding: 6em 0 3.3em;
    }

    #productLayer .inner .info-block>.inner {
        width: 1200px;
        margin: 0 auto;
        padding: 0 307.5px;
    }

    #productLayer .inner .info-block__top-wrapper {
        display: flex;
        justify-content: center;
        margin-bottom: 4em;
        max-width: inherit;
    }

    #productLayer .inner#babyDogMilk .info-block__top-wrapper,
    #productLayer .inner#miniIndoorPuppy .info-block__top-wrapper,
    #productLayer .inner#miniIndoorSenior .info-block__top-wrapper {
        margin-bottom: 2em;
    }

    #productLayer .inner#babyDogMilk .info-block__product-img>.inner {
        margin: 3.6em auto 0;
    }

    #productLayer .inner#miniStarter .info-block__product-img>.inner {
        margin: 1.8em auto 0;
    }

    #productLayer .inner#miniIndoorPuppy .info-block__product-img>.inner {
        margin: 1.8em auto 0;
    }

    #productLayer .inner#miniIndoorAdult .info-block__product-img>.inner {
        margin: 1.4em auto 0;
    }

    #productLayer .inner#miniIndoorSenior .info-block__product-img>.inner {
        margin: 1.2em auto 0;
    }

    #productLayer .inner#babyCatMilk .info-block__product-img>.inner {
        margin: 3.2em auto 0;
    }

    #productLayer .inner#motherAndBabyCat .info-block__product-img>.inner {
        margin: 1.4em auto 0;
    }

    #productLayer .inner#kitten .info-block__product-img>.inner {
        margin: 1.4em auto 0;
    }

    #productLayer .inner#indoor .info-block__product-img>.inner {
        margin: 1.2em auto 0;
    }

    #productLayer .inner#indoor7plus .info-block__product-img>.inner {
        margin: 1.2em auto 0;
    }

    #productLayer .inner#ageing12plus .info-block__product-img>.inner {
        margin: 1.2em auto 0;
    }

    #productLayer .inner#babyDogMilk .info-block__product-img>.inner::after {
        left: -1.2em;
        top: -4.8em;
    }

    #productLayer .inner#miniStarter .info-block__product-img>.inner::after {
        left: -2.5em;
        top: -2.8em;
    }

    #productLayer .inner#miniIndoorPuppy .info-block__product-img>.inner::after {
        left: -3em;
        top: -2.8em;
    }

    #productLayer .inner#babyCatMilk .info-block__product-img>.inner::after {
        left: -1.2em;
        top: -4.8em;
    }

    #productLayer .inner#motherAndBabyCat .info-block__product-img>.inner::after {
        left: -3em;
        top: -2em;
    }

    #productLayer .inner#kitten .info-block__product-img>.inner::after {
        left: -3em;
        top: -2em;
    }

    #productLayer .inner .info-block__product-img>.inner::after {
        width: 10.3em;
        height: 12.6em;
    }

    #productLayer .inner#babyDogMilk .info-block__product-img {
        margin: 0px 4.236em 0;
    }

    #productLayer .inner#miniStarter .info-block__product-img {
        margin-right: 4.1em;
    }

    #productLayer .inner#miniIndoorPuppy .info-block__product-img {
        margin: 0 3.1em 0 1em;
    }

    #productLayer .inner#miniIndoorAdult .info-block__product-img {
        margin: 0 4.2em 0 2.8em;
    }

    #productLayer .inner#miniIndoorSenior .info-block__product-img {
        margin: 0 4em 0 2.6em;
    }

    #productLayer .inner#babyCatMilk .info-block__product-img {
        margin: 0 4.6em 0 3.4em;
    }

    #productLayer .inner#motherAndBabyCat .info-block__product-img {
        margin: 0 2.6em 0 3.3em;
    }

    #productLayer .inner#kitten .info-block__product-img {
        margin: 0 3.1em 0 2.2em;
    }

    #productLayer .inner#indoor .info-block__product-img {
        margin: 0 3.6em 0 2.2em;
    }

    #productLayer .inner#indoor7plus .info-block__product-img {
        margin: 0 3.6em 0 2.2em;
    }

    #productLayer .inner#ageing12plus .info-block__product-img {
        margin: 0 3.6em 0 2.2em;
    }

    #productLayer .inner .info-block__product-info .title-block {
        margin-bottom: 2.5em;
    }

    #productLayer .inner .info-block__product-info .title-block__subtitle {
        font-size: 2.2em;
    }

    #productLayer .inner .info-block__product-info .title-block__subtitle em {
        padding: 0.198em 0.8161em;
        border-radius: 4em;
        margin-right: 0.54544em;
    }

    #productLayer .inner .info-block__product-info .title-block__title {
        font-size: 2.8em;
        margin-bottom: 0.607142857142857em;
    }

    #productLayer .inner#miniIndoorSenior .info-block__product-info .title-block__title {
        margin-bottom: 0.25em;
    }

    #productLayer .inner .info-block__product-info .title-block__title strong {
        font-size: 1.428571428571429em;
    }

    #productLayer .inner .info-block__product-info .title-block__hashtag {
        font-size: 2em;
    }

    #productLayer .inner .info-block__product-info .icon-block ul {
        max-width: 28.5em;
    }

    #productLayer .inner .info-block__product-info .icon-block__icon {
        width: 8.3em;
        height: 8.3em;
        margin-bottom: 0.7em;
    }

    #productLayer .inner .info-block__product-info .icon-block__icon-elem._balanced-growth .icon-block__icon {
        background-size: 4.7em auto;
    }

    #productLayer .inner .info-block__product-info .icon-block__icon-elem._digestive-health .icon-block__icon {
        background-size: 4.6em auto;
    }

    #productLayer .inner .info-block__product-info .icon-block__icon-elem._dha-addition .icon-block__icon {
        background-size: 4.6em auto;
    }

    #productLayer .inner .info-block__product-info .icon-block__icon-elem._dogs-health .icon-block__icon {
        background-size: 4.7em auto;
    }

    #productLayer .inner .info-block__product-info .icon-block__icon-elem._immune-function .icon-block__icon {
        background-size: 3.5em auto;
    }

    #productLayer .inner .info-block__product-info .icon-block__icon-elem._brain-development .icon-block__icon {
        background-size: 4em auto;
    }

    #productLayer .inner .info-block__product-info .icon-block__icon-elem._indoor-life .icon-block__icon {
        background-size: 4em auto;
    }

    #productLayer .inner .info-block__product-info .icon-block__icon-elem._skin-fur .icon-block__icon {
        background-size: 4.2em auto;
    }

    #productLayer .inner .info-block__product-info .icon-block__icon-elem._poo-smell .icon-block__icon {
        background-size: 4.5em auto;
    }

    #productLayer .inner .info-block__product-info .icon-block__icon-elem._scale-management .icon-block__icon {
        background-size: 4.3em auto;
    }

    #productLayer .inner .info-block__product-info .icon-block__icon-elem._aging-management .icon-block__icon {
        background-size: 4.4em auto;
    }

    #productLayer .inner .info-block__product-info .icon-block__icon-elem._high-enegy .icon-block__icon {
        background-size: 2.8em auto;
    }

    #productLayer .inner .info-block__product-info .icon-block__icon-elem._soak-water .icon-block__icon {
        background-size: 4.3em auto;
    }

    #productLayer .inner .info-block__product-info .icon-block__icon-elem._weight-management .icon-block__icon {
        background-size: 5.3em auto;
    }

    #productLayer .inner .info-block__product-info .icon-block__icon-elem._hairball .icon-block__icon {
        background-size: 4.1em auto;
    }

    #productLayer .inner .info-block__product-info .icon-block__icon-elem._phosphorus .icon-block__icon {
        background-size: 4.2em auto;
    }

    #productLayer .inner .info-block__product-info .icon-block__icon-elem._palatability .icon-block__icon {
        background-size: 3.8em auto;
    }

    #productLayer .layer-close {
        width: 4rem;
        height: 4rem;
        background-size: cover;
        top: 1.8rem;
        right: 50%;
        transform: translateX(565.5px);
    }

    #productLayer .inner .info-block__product-info .icon-block__desc {
        font-size: 1.6em;
    }

    #productLayer .inner .info-block__bottom-wrapper .desc-block__desc {
        font-size: 1.6em;
        padding: 0.9375em 0 0.6875em;
        margin-bottom: 0.625em;
        max-width: inherit;
    }

    #productLayer .inner .info-block__bottom-wrapper .desc-block__notice {
        font-size: 1.4em;
    }

    #productLayer .inner .fixed-bar {
        height: 10em;
        top: calc(100vh - 10em);
    }

    #productLayer .inner .fixed-bar .button-block__button {
        font-size: 3.3em;
    }

    #productLayer .inner .fixed-bar .button-block__sale-button p::after {
        width: 2em;
        height: 2em;
        margin-top: -0.8em;
        top: 50%;
        left: -2.2em;
    }

    #productLayer .chatbot-block {
        font-size: 10px;
        bottom: 11.8em;
        right: 50%;
        transform: translateX(557px);
    }

    #productLayer .chatbot-block .chatbot-block__chatbot-link {
        width: 11.2em;
    }

    #productLayer .chatbot-block .text-block {
        padding: 1em 0;
    }

    #productLayer .chatbot-block .text-block p {
        font-size: 2em;
    }

    #productLayer .chatbot-block .icon-block {
        height: 9em;
        background-size: 7.9em auto;
    }

    #productLayer .inner#babyDogMilk .fixed-bar .button-block__sale-button p::after {
        left: -2.2em;
        margin-top: -0.8em;
    }

    #productLayer .article-block {
        padding: 7em 0 10em;
    }

    #productLayer .article-block .inner {
        width: 1200px;
        margin: 0 auto;
    }

    #productLayer .article-block .post-block {
        padding: 0 231px;
        margin: 0 auto 3.5em;
    }

    #productLayer .article-block .post-block>ul {
        flex-flow: row;
    }

    #productLayer .article-block .post-block__list {
        margin-bottom: 0;
        margin-right: 20px;
        border: 0.2em solid #ec001a;
        border-radius: 2.2em;
    }

    #productLayer .article-block .post-block__list:last-child {
        margin-right: 0;
    }

    #productLayer .article-block .post-block__list-link {
        padding: 1em 0;
    }

    #productLayer .article-block .post-block__list-link p {
        font-size: 1.5em;
        padding-left: 3.533333333333333em;
    }

    #productLayer .article-block .post-block__list-link p::before {
        width: 2em;
        height: 2em;
        left: 1.133333333333333em;
    }

    #productLayer .article-block .post-block__list-link p::after {
        width: 2em;
        height: 2em;
        right: 0.666666666666667em;
    }

    #productLayer .article-block .video-block .swiper {
        padding: 0 231px 4.2em;
    }

    /* * END product layer */
    /* * article popup */
    #articlePopup {
        height: auto;
    }

    #articlePopup>.inner {
        border-radius: 3rem;
        width: 723px;
        min-height: inherit;
        margin: 0 auto;
        padding-top: 5.2em;
    }

    #articlePopup>.inner._dog .popup__ecom-banner .popup__banner-link {
        height: 10.8em;
        background-image: url(../assets/prd_dog_ecom-banner_desktop.png);
    }

    #articlePopup .title-block {
        padding-top: 4.1em;
    }

    #articlePopup .title-block .title-block__title {
        font-size: 2.5em;
        margin-bottom: 0.4em;
        padding: 0 0.2em;
    }

    #articlePopup .title-block .title-block__title::before {
        bottom: 0.04em;
    }

    #articlePopup .title-block .title-block__desc {
        font-size: 1.8em;
    }

    #articlePopup #articlePopupSwiper {
        margin-top: 2.8em;
        margin-bottom: 2.1em;
    }

    #articlePopup .guide-block__desc span {
        margin-right: 0.230769230769231em;
    }

    #articlePopup>.inner .popup-close {
        width: 4.4rem;
        height: 4.4rem;
        background-size: 2.4rem auto;
        top: 1rem;
        right: 1.4rem;
    }

    #articlePopup .content-block {
        padding-bottom: 6em;
    }

    #articlePopup .content-block>.content-block__article-img {
        max-width: inherit;
    }

    #articlePopup #articlePopupSwiper .swiper-slide {
        width: 191.1em;
    }

    /* * END article popup */

    .pg-event .step-container .cta-default {
        margin-top: 4.3rem;
        width: 27.7rem;
        padding: 2.5rem 0;
        border-radius: 5rem;
        font-size: 2.6rem;
    }

    .header {
        width: 100%;
        border-bottom: 1px solid #ec001a;
        background-color: #ffffff;
    }

    .header .header-wrapper {
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
    }

    .header .logo {
        width: 135px;
        height: auto;
        padding: 1.8rem 0;
        box-sizing: border-box;
    }

    .header .logo img {
        height: auto;
    }

    .pg-event .header {
        display: block;
    }

    .pg-event #container {
        max-width: 1200px;
        margin: 0 auto;
    }

    .pg-event #go-prev {
        position: absolute;
        top: 13.4rem;
        left: 50%;
        margin-left: -42.5rem;
        width: 50px;
        height: 50px;
        background: url(../assets/icon_arrow_back.svg) 50% / 15px 28px no-repeat;
    }
    .pg-event #go-home {
        position: absolute;
        top: 13.4rem;
        right: 50%;
        margin-right: -42.5rem;
        left: inherit;
        width: 50px;
        height: 50px;
        background: url(../assets/icon_home.svg) 50% / 35px 35px no-repeat;
        display: block;
    }

    .pg-event .step-container {
        /* padding: 146px 0 0; */
        padding: 146px 0;
    }

    .pg-event .step-container .step-title {
        margin-bottom: 2rem;
    }

    .pg-event .step-container .step-title .step-num {
        height: 2.7rem;
    }

    .pg-event .step-container .step-title .step-num-wrap li {
        font-size: 2rem;
        font-weight: 500;
        margin-bottom: 4px;
    }

    .pg-event .step-container .step .step-inner-title {
        margin-bottom: 4rem;
    }

    .pg-event .step-container .step .step-inner-title p {
        font-size: 3.2rem;
    }

    .pg-event .step-container .input-group {
        margin-bottom: 1rem;
    }

    input[type='text'],
    input[type='tel'],
    select {
        width: 423px;
        height: 59px;
        margin: 0 auto;
        border-radius: 1.5rem;
        font-size: 1.7rem;
        padding-left: 2.8rem;
    }

    select {
        background: url(../assets/select_arrow.svg) 94% 50% / 18px 9px no-repeat #ebebeb;
    }

    .pg-event .step2-container {
        /* max-width: 427px; */
        max-width: 800px;
        margin: 0 auto;
    }

    .pg-event .step2-container .actions {
        max-width: 427px;
        margin: 0 auto;
    }

    .pg-event .step2-container .canvas-area {
        max-width: 427px;
        margin: 0 auto;
    }

    .pg-event .step2-container .btn-reset-group {
        max-width: 427px;
        margin: 1.3rem auto 0;
        margin-top: 1.3rem;
        padding-right: 2rem;
    }

    .pg-event .step2-container .actions button {
        padding: 1.9rem 0;
        font-size: 1.9rem;
    }

    .pg-event .step2-container .inner-canvas-container {
        border: 4px solid #ec001a;
    }

    .pg-event .step2-container .frame-list li {
        margin-right: 2.3rem;
    }

    .pg-event .step2-container .frame-list li button .img img {
        width: 8.7rem;
    }

    .pg-event .step2-container .frame-list li .desc {
        padding-bottom: 1rem;
        margin-left: 1.1rem;
    }

    .pg-event .step2-container .frame-list li .desc .checkbox-shape {
        width: 2.3rem;
        height: 2.3rem;
        background-size: 12px 8px;
    }

    .pg-event .step2-container .frame-list li .desc span {
        font-size: 1.5rem;
        margin-top: 0.8rem;
    }

    .pg-event .step2-container .outer-canvas-container .upload-layer img {
        width: 10.4rem;
    }

    .pg-event .step2-container .outer-canvas-container .upload-layer p {
        font-size: 1.8rem;
    }

    .pg-event .step2-container .btn-reset-group button img {
        width: 2.2rem;
    }

    .pg-event .step2-container .btn-reset-group button span {
        font-size: 1.6rem;
    }

    .pg-event .step2-container .picture-guide .guide-wrap>p {
        font-size: 1.8rem;
        margin-bottom: 1rem;
    }

    .pg-event .step2-container .picture-guide .guide-wrap .imgs div {
        width: 10rem;
        margin-right: 0.9rem;
    }

    .pg-event .step2-container .picture-guide .guide-wrap .desc {
        margin-left: 1.6rem;
    }

    .pg-event .step2-container .picture-guide .guide-wrap .desc li {
        font-size: 1.5rem;
        line-height: 1.26;
        margin-bottom: 0.3rem;
        padding-left: 1.2rem;
    }

    .pg-event .step2-container .picture-guide .guide-wrap .desc li:before {
        width: 5px;
        height: 5px;
        top: 0.7rem;
    }

    .pg-event .step2-container .bottom-group [data-vtoggle-name='preview'] p {
        font-size: 1.6rem;
    }

    .pg-event .step2-container .bottom-group [data-vtoggle-name='preview'] {
        margin-top: 3rem;
    }

    .pg-event .step3-container {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin-top: 5rem;
    }

    .pg-event .step3-container .frame-wrapper {
        /* width: 50%; */
        /* display: inline-block; */
        /* vertical-align: middle; */
        width: 40rem;
    }

    .pg-event .step3-container .frame-wrapper .image-frame {
        margin-right: 0;
        padding: 1.8rem;
        background: url(../assets/frame_tl.svg) 0 0 / 3.5rem 3.5rem no-repeat, url(../assets/frame_tr.svg) 100% 0 / 3.5rem 3.5rem no-repeat,
            url(../assets/frame_bl.svg) 0 100% / 3.5rem 3.5rem no-repeat, url(../assets/frame_br.svg) 100% 100% / 3.5rem 3.5rem no-repeat;
    }

    .pg-event .step3-container .action-wrapper {
        /* width: 50%; */
        /* display: inline-block; */
        /* vertical-align: middle; */
        /* width: ; */
        margin-left: 6rem;
    }

    .pg-event .step3-container .cta-wrapper {
        order: 3;
        width: 100%;
    }

    .pg-event .step3-container .guide {
        margin-top: 2.3rem;
    }

    .pg-event .step3-container .guide img {
        width: 4.8rem;
        margin-right: 1.2rem;
    }

    .pg-event .step3-container .guide p {
        font-size: 1.9rem;
        display: none;
    }

    .pg-event .step3-container #btn-download {
        display: inline-block;
        font-size: 2.3rem;
        font-weight: 700;
        text-decoration: underline;
        text-underline-offset: 2px;
        vertical-align: middle;
    }

    .pg-event .step3-container .share-block {
        margin-top: 0;
        margin-bottom: 2rem;
    }

    .pg-event .step3-container .share-block a {
        width: 7rem;
        margin-right: 1.5rem;
    }

    .pg-event .step3-container .share-block+p {
        font-size: 2.1rem;
        margin-bottom: 1.5rem;
    }

    .pg-event .step3-container .hashtag-list span {
        font-size: 1.9rem;
        padding: 1.3rem 1.8rem;
        border-radius: 3rem;
        border-width: 2px;
        margin-bottom: 0.9rem;
    }

    .pg-event .step3-container .hashtag-list {
        margin-bottom: 3.8rem;
        max-width: 31rem;
        text-align: center;
    }

    .pg-event .step3-container .hashtag-copy button {
        display: block;
        width: 15.5rem;
        margin: 0 auto 1rem;
    }

    .pg-event .step3-container .hashtag-copy span {
        display: block;
        font-size: 1.8rem;
        line-height: 1.16;
    }

    .pg-event .section-bottom_quick-menu {
        width: 100vw;
        left: 0;
        height: 8.7rem;
        margin-left: 0;
        border-radius: 0;
    }
    .pg-event .section-bottom_quick-menu .box-wrapper {
        justify-content: center;
    }
    .pg-event .section-bottom_quick-menu .box-wrapper .box {
        width: auto !important;
        padding: 0 4.4rem;
    }
    .pg-event .section-bottom_quick-menu .box-wrapper .box .info-block .desc p {
        font-size: 2.9rem;
    }
    .pg-event .section-bottom_quick-menu .box-wrapper .box .info-block .img .percent {
        width: 6.2rem;
    }
    .pg-event .section-bottom_quick-menu .box-wrapper .box .info-block .img {
        margin-left: 1.6rem;
    }
    .pg-event .section-bottom_quick-menu .box-wrapper .box-event .info-block .img img {
        width: 7.7rem;
        margin-top: -5.3rem;
    }
    .pg-event .section-bottom_quick-menu .box-wrapper .box .info-block .desc {
        margin-right: 0;
    }

    /* * 개인정보 팝업 */
    #agreePopup {
        height: auto;
    }

    #agreePopup>.inner {
        border-radius: 3rem;
        width: 375px;
        min-height: inherit;
        margin: 0 auto;
        padding-top: 8.2em;
        padding-bottom: 5.5em;
    }

    /* * END 개인정보 팝업 */

    /* gate */
    .pg-gate #go-hub {
        visibility: visible;
    }

    .pg-gate .gate-container {
        /* max-width: 1200px;
        margin: 0 auto; */
        padding: 18rem 0 0;
        background: url(../assets/gate_bg_pc.png) 50% 24.5rem / 58.5rem auto no-repeat;
    }

    .pg-gate .gate-title {
        /* margin-bottom: 2.2rem; */
        margin-bottom: 0;
    }

    .pg-gate .gate-title h1 {
        font-size: 4rem;
    }

    .pg-gate .gate-title h1 strong:after {
        height: 1.87rem;
        border-radius: 0.2rem;
    }

    .pg-gate .gate-title p {
        margin-top: 2.6rem;
        font-size: 2rem;
    }

    .gate-photozone {
        position: relative;
        /* width: 50rem; */
        width: 64rem;
        margin: 0 auto;
    }

    #photozone-swiper .swiper-slide {
        width: 21rem;
        /* width: 10rem; */
        perspective: 6rem;
        padding: 4.4rem 0;
        opacity: 0.25;
    }

    #photozone-swiper .swiper-slide-active {
        opacity: 1;
    }

    #photozone-swiper .swiper-slide .img-cont {
        transition: all 0.15s ease;
    }

    #photozone-swiper .swiper-slide-active.is-on .img-cont {
        /* transform: scale(1.4) translateZ(1rem); */
        transform: translateZ(1.7rem);
        -webkit-filter: drop-shadow(1px 0px 3px rgba(0, 0, 0, 0.1));
        filter: drop-shadow(1px 0px 3px rgba(0, 0, 0, 0.1));
    }

    .pg-gate #go-event {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 31.3rem;
        font-size: 2.8rem;
        padding: 2.7rem 0;
        /* margin-top: 2.2rem; */
        border-radius: 5rem;
    }

    #go-event:after {
        width: 1.5rem;
        height: 2.6rem;
        vertical-align: bottom;
        margin-left: 2.3rem;
    }

    .pg-gate .gift-area {
        margin-top: 11rem;
        padding: 11rem 0 12rem;
        background-color: #F5F5F5;
    }

    .pg-gate .gift-area>h2 {
        font-size: 3rem;
        margin-bottom: 3rem;
    }

    .module-gift-container {
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }

    .module-gift-container .gift-wrap {
        flex-direction: column;
        margin-bottom: 0;
    }

    .module-gift-container .gift-wrap .img {
        margin-bottom: 1.7rem;
    }

    .module-gift-container .gift-wrap .img img {
        width: 40.3rem;
        margin-top: 0;
    }

    .module-gift-container .gift-wrap .desc-list li {
        width: 12rem;
        height: 12rem;
        margin-right: 1.8rem;
    }

    .module-gift-container .gift-wrap.rank4 .desc-list li {
        width: 13.7rem;
        height: 13.7rem;
    }

    .module-gift-container .gift-wrap.rank4 {
        margin-left: 4.5rem;
    }

    .module-gift-container .gift-wrap.rank4 .img {
        margin-bottom: 2rem;
    }

    .module-gift-container .gift-wrap.rank4 .img img {
        width: 30rem;
    }

    .module-gift-container .gift-wrap .desc-list li span:nth-child(2) {
        font-size: 1.6rem;
        margin: 0.6rem auto;
        line-height: 1.2;
    }

    .module-gift-container .gift-wrap .desc-list li span:last-child {
        font-size: 1.6rem;
    }

    .module-gift-container .gift-wrap .desc-list li span:first-child {
        width: 4.7rem;
        border-radius: 2rem;
        font-size: 1.5rem;
    }

    .module-gift-container .gift-wrap.rank4 .desc-list li:last-child span {
        font-size: 1.3rem;
    }

    .pg-gate .event-info {
        margin-top: 6.8rem;
    }

    .pg-gate .event-info .info-list dl {
        margin-bottom: 1.1rem;
    }

    .pg-gate .event-info .info-list dl:last-child {
        margin-top: 2.7rem;
    }

    .pg-gate .event-info .info-list dl dt {
        font-size: 2rem;
        padding: 1rem 1.5rem;
        border-radius: 2.5rem;
    }

    .pg-gate .event-info .info-list dl dd {
        font-size: 2.2rem;
    }

    .pg-event #event-stop {
        display: none;
    }

    .pg-event .step-container[data-cur-step='4'] {
        padding-top: 16.3rem;
        background: none;
    }

    .pg-event .step4-container .gift-block {
        margin-bottom: 2.23rem;
    }

    .pg-event .step4-container .show-gift-detail img {
        width: 47rem;
    }

    .pg-event .step4-container .input-wrapper {
        padding: 0;
        width: 34.6rem;
        margin: 0 auto;
    }

    .pg-event .step4-container .input-wrapper .input-group input[type='text'],
    .pg-event .step4-container .input-wrapper .input-group input[type='tel'] {
        width: 100%;
        font-size: 1.6rem;
        height: 4.5rem;
        padding-left: 2rem;
    }

    .pg-event .step4-container .input-wrapper .input-group {
        margin-bottom: 1rem;
    }

    .pg-event .step4-container .input-wrapper .input-group:last-child {
        margin-bottom: 0;
    }

    .pg-event .step4-container .input-wrapper p.noti {
        margin: 1.5rem auto 2rem;
        font-size: 1.2rem;
    }

    .pg-event .step4-container .input-wrapper .input-group #find-addr {
        width: 8rem;
    }

    .pg-event .step4-container .input-wrapper .input-group #find-addr span {
        font-size: 1.4rem;
    }

    .pg-event .step4-container .input-wrapper .checkbox-group .checkbox-wrapper>label {
        font-size: 1.6rem;
    }

    .pg-event .step-container .step[data-step='5'] .step-inner-title {
        margin-top: 3.5rem;
        margin-bottom: 0;
    }

    .pg-event .step-container .step[data-step='5'] .step-inner-title .sub-title {
        padding: 0.4rem 2.45rem;
        border-radius: 0.5rem;
        font-weight: 700;
        font-size: 2.2rem;
        line-height: 3rem;
        margin-bottom: 1.6rem;
    } 

    .pg-event .step-container .step[data-step='5'] .step-inner-title p {
        font-size: 3.9rem;
        line-height: 4.3rem;
    }

    .pg-event .step-container .step[data-step='5'] .step5-container .sale-block {
        max-width: 480px;
        margin-bottom: 6.4rem;
    }

    .pg-event .step-container .step5-container .sale-block .btn-block .cta-default {
        width: 31.8rem;
        padding: 1.2rem 0;
        font-size: 2.5rem;
        line-height: 1.7rem;
    }

    .pg-event .step-container .step5-container .sale-block .btn-block .cta-default span {
        margin-right: 1rem;
    }

    .pg-event .step-container .step5-container .sale-block .btn-block .cta-default::after {
        width: 4.7rem;
        height: 4.7rem;
        margin-bottom: -0.6rem;
    }

    .pg-event .step-container .step[data-step='5'] .step5-container .free-block {
        max-width: 494px;
        padding: 4rem 17rem 2rem 3rem;
    }

    .pg-event .step-container .step5-container .free-block .txt-block > p {
        font-size: 2.2rem;
    }

    .pg-event .step-container .step5-container .free-block .txt-block > p:first-child {
        margin-bottom: 1.6rem;
    }

    .pg-event .step-container .step5-container .free-block .txt-block > p strong {
        font-size: 2.9rem;
    }

    .pg-event .step-container .step5-container .free-block .txt-block .cta-default {
        margin-top: 2rem;
        width: 16.2rem;
        padding: 1.5rem 0;
        font-size: 1.9rem;
        line-height: 1.7rem;
    }

    .pg-event .step-container .step5-container .free-block::after {
        height: 4.8rem;
    }

    .pg-event .step-container .step5-container .free-block .free-prd-img {
        width: 13.2rem;
        top: inherit;
        bottom: 4%;
        transform: none;
        right: 3rem;
    }

    .pg-event .step-container .step[data-step='5'][data-mode='cat'] .step5-container .free-block .free-prd-img {
        width: 9.8rem;
        bottom: 6%;
    }
    .checkbox-group .checkbox-wrapper .checkbox label {
        width: 2.3rem;
        height: 2.3rem;
    }

    #gift-info-popup {
        /* width: 37.5rem; */
        width: 52.5rem;
        height: auto;
    }

    #gift-info-popup .module-gift-container .gift-wrap:last-child {
        margin-bottom: 0;
    }

    #gift-info-popup .inner {
        padding-bottom: 6.3rem;
        border-radius: 2rem;
    }

    #gift-info-popup .module-gift-container .gift-wrap {
        flex-direction: row;
        margin-bottom: 3.6rem;
    }

    #gift-info-popup .module-gift-container .gift-wrap .img img {
        width: 25.5rem;
    }

    #gift-info-popup .module-gift-container .gift-wrap.rank4 {
        margin-left: 0;
        margin: 0 auto;
    }

    #gift-info-popup .module-gift-container {
        flex-direction: column;
    }

    /* * 유의사항 팝업 */
    #noticePopup {
        min-height: 667px;
        height: auto;
    }

    #noticePopup>.inner {
        border-radius: 3rem;
        width: 375px;
        min-height: inherit;
        margin: 0 auto;
        padding-top: 8.2em;
        padding-bottom: 5.5em;
    }

    /* * END 유의사항 팝업 */
    #live_popup {
        height: auto;
        width: auto;
    }

    #live_popup .inner {
        width: 37.5rem;
        height: auto;
        padding: 13.5rem 6rem;
        border-radius: 3rem;
        display: inline-block;
    }

    #live_popup .input-wrapper .input-group input[type='tel'] {
        width: 8.1rem;
        margin-right: 0.54rem;
    }

    #live_popup .input-wrapper .input-group input[type='text'],
    #live_popup .input-wrapper .input-group input[type='tel'] {
        padding-left: 1.6rem;
        height: 4.5rem;
        border-radius: 1rem;
    }

    /* end gate */

    #final-landing-popup {
        padding: 0;
        width: 32.8rem;
    }
    #final-landing-popup > .inner {
        padding-top: 13.7rem;
        padding-bottom: 2.4rem;
        background-position: 50% 4.4rem;
        background-size: 22.8rem auto;
    }
    #final-landing-popup .popup-close {
        top: 1rem;
        right: 1rem;
    }
    #final-landing-popup .product-img {
        position: absolute;
        top: -4rem;
        left: 50%;
        transform: translateX(-50%);
    }
    .is-cat #final-landing-popup .product-img {
        top: -5.3rem;
    }
    .is-cat #final-landing-popup .popup-prd-img {
        width: 15rem;
    }
    #final-landing-popup .popup-prd-img {
        width: 17.4rem;
    }
    #final-landing-popup .popup-title {
        margin-bottom: 1.5rem;
    }
    #final-landing-popup .popup-title p {
        font-size: 1.9rem;
        line-height: 1.15;
    }
    #final-landing-popup .popup-title p:last-child {
        font-size: 2rem;
        font-weight: 700;
    }
    #final-landing-popup .btn-wrap .cta-default {
        height: 4rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #final-landing-popup .btn-wrap .cta-default p {
        font-size: 1.5rem;
    }
    #final-landing-popup .btn-wrap .cta-default:first-child {
        width: 9.8rem;
        margin-right: 0.8rem;
    }
    #final-landing-popup .btn-wrap .cta-default:last-child {
        width: 16.5rem;
    }
    #final-landing-popup .btn-wrap .cta-default:last-child p:after {
        width: 2.8rem;
        height: 2.8rem;
        margin-left: 0.3rem;
    }
}

@media (min-width: 1600px) {
    #productLayer {
        font-size: 10px;
    }

    /* #productLayer .inner._cat .layer__ecom-banner {
        margin-top: -4.1em;
    } */

    /* * 0609 */
    .chatbot-block {
        bottom: -3em;
        font-size: 13px;
    }

    .is-cat .chatbot-block {
        bottom: -3.2em;
    }
    /* * END 0609 */
}

@media all and (min-width: 1200px) and (max-height: 1001px) {

    html.main,
    html.gate {
        /* font-size: 50%; */
        font-size: 58.5%;
    }
}

@media all and (min-width: 1200px) and (max-height: 900px) {

    html.main,
    html.gate {
        /* font-size: 50%; */
        font-size: 52.5%;
    }
    .section-program_age-block {
        padding-bottom: 0;
    }
}
@media all and (min-width: 1200px) and (max-height: 850px) {
    html.main,
    html.gate {
        /* font-size: 50%; */
        font-size: 45.5%;
        
    }
    .section-program_age-block {
        padding-bottom: 0;
    }
}