@font-face {
    font-family: 'GmarketSans';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'GmarketSans';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'GmarketSans';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

/* ###########################  karymas ############################## */
#snowy {
    width: 100%;
    height: 100%;
    position: fixed;
    /*left: 0;*/
    top: 0;
    max-width: 500px;
    /*z-index: 1;*/
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}
.snowflake {
    --size: 1vw;
    width: var(--size);
    height: var(--size);
    background: white;
    border-radius: 50%;
    position: absolute;
    top: -5vh;
}

@-webkit-keyframes snowfall {
    0% {
        -webkit-transform: translate3d(var(--left-ini), 0, 0);
        transform: translate3d(var(--left-ini), 0, 0);
    }

    100% {
        -webkit-transform: translate3d(var(--left-end), 110vh, 0);
        transform: translate3d(var(--left-end), 110vh, 0);
    }
}

@keyframes snowfall {
    0% {
        transform: translate3d(var(--left-ini), 0, 0);
    }

    100% {
        transform: translate3d(var(--left-end), 110vh, 0);
    }
}

.snowflake:nth-child(1) {
    --size: 1vw;
    --left-ini: -8vw;
    --left-end: 8vw;
    left: 21vw;
    animation: snowfall 17s linear infinite;
    animation-delay: -10s;
}
.snowflake:nth-child(2) {
    --size: 0.6vw;
    --left-ini: 2vw;
    --left-end: 15vw;
    left: 17vw;
    animation: snowfall 14s linear infinite;
    animation-delay: -9s;
}
.snowflake:nth-child(3) {
    --size: 0.8vw;
    --left-ini: -5vw;
    --left-end: -12vw;
    left: 78vw;
    animation: snowfall 17s linear infinite;
    animation-delay: -1s;
}
.snowflake:nth-child(4) {
    --size: 0.2vw;
    --left-ini: -1vw;
    --left-end: -14vw;
    left: 57vw;
    animation: snowfall 11s linear infinite;
    animation-delay: -9s;
}
.snowflake:nth-child(5) {
    --size: 0.2vw;
    --left-ini: 9vw;
    --left-end: -6vw;
    left: 39vw;
    animation: snowfall 15s linear infinite;
    animation-delay: -3s;
}
.snowflake:nth-child(6) {
    --size: 0.8vw;
    --left-ini: 3vw;
    --left-end: -11vw;
    left: 60vw;
    animation: snowfall 15s linear infinite;
    animation-delay: -1s;
}
.snowflake:nth-child(7) {
    --size: 1vw;
    --left-ini: -1vw;
    --left-end: -9vw;
    left: 89vw;
    animation: snowfall 11s linear infinite;
    animation-delay: -8s;
}
.snowflake:nth-child(8) {
    --size: 1vw;
    --left-ini: -4vw;
    --left-end: -12vw;
    left: 33vw;
    animation: snowfall 16s linear infinite;
    animation-delay: -2s;
}
.snowflake:nth-child(9) {
    --size: 1vw;
    --left-ini: -4vw;
    --left-end: -9vw;
    left: 78vw;
    animation: snowfall 15s linear infinite;
    animation-delay: -5s;
}
.snowflake:nth-child(10) {
    --size: 0.6vw;
    --left-ini: -3vw;
    --left-end: 6vw;
    left: 73vw;
    animation: snowfall 20s linear infinite;
    animation-delay: -7s;
}
.snowflake:nth-child(11) {
    --size: 0.4vw;
    --left-ini: 6vw;
    --left-end: -6vw;
    left: 62vw;
    animation: snowfall 13s linear infinite;
    animation-delay: -8s;
}
.snowflake:nth-child(12) {
    --size: 0.4vw;
    --left-ini: -1vw;
    --left-end: 6vw;
    left: 46vw;
    animation: snowfall 19s linear infinite;
    animation-delay: -10s;
}
.snowflake:nth-child(13) {
    --size: 0.8vw;
    --left-ini: 5vw;
    --left-end: -5vw;
    left: 28vw;
    animation: snowfall 14s linear infinite;
    animation-delay: -5s;
}
.snowflake:nth-child(14) {
    --size: 0.8vw;
    --left-ini: 0vw;
    --left-end: -13vw;
    left: 96vw;
    animation: snowfall 14s linear infinite;
    animation-delay: -5s;
}
.snowflake:nth-child(15) {
    --size: 1vw;
    --left-ini: 9vw;
    --left-end: -1vw;
    left: 48vw;
    animation: snowfall 13s linear infinite;
    animation-delay: -5s;
}
.snowflake:nth-child(16) {
    --size: 0.6vw;
    --left-ini: -2vw;
    --left-end: 11vw;
    left: 42vw;
    animation: snowfall 16s linear infinite;
    animation-delay: -3s;
}
.snowflake:nth-child(17) {
    --size: 0.8vw;
    --left-ini: -5vw;
    --left-end: -10vw;
    left: 11vw;
    animation: snowfall 20s linear infinite;
    animation-delay: -4s;
}
.snowflake:nth-child(18) {
    --size: 1vw;
    --left-ini: -5vw;
    --left-end: 7vw;
    left: 21vw;
    animation: snowfall 11s linear infinite;
    animation-delay: -5s;
}
.snowflake:nth-child(19) {
    --size: 0.6vw;
    --left-ini: -6vw;
    --left-end: 5vw;
    left: 66vw;
    animation: snowfall 19s linear infinite;
    animation-delay: -5s;
}
.snowflake:nth-child(20) {
    --size: 0.8vw;
    --left-ini: 7vw;
    --left-end: -10vw;
    left: 20vw;
    animation: snowfall 14s linear infinite;
    animation-delay: -4s;
}
.snowflake:nth-child(21) {
    --size: 1vw;
    --left-ini: 5vw;
    --left-end: -14vw;
    left: 50vw;
    animation: snowfall 17s linear infinite;
    animation-delay: -2s;
}
.snowflake:nth-child(22) {
    --size: 0.8vw;
    --left-ini: 3vw;
    --left-end: 10vw;
    left: 16vw;
    animation: snowfall 17s linear infinite;
    animation-delay: -8s;
}
.snowflake:nth-child(23) {
    --size: 0.2vw;
    --left-ini: -1vw;
    --left-end: 10vw;
    left: 89vw;
    animation: snowfall 20s linear infinite;
    animation-delay: -2s;
}
.snowflake:nth-child(24) {
    --size: 0.2vw;
    --left-ini: -8vw;
    --left-end: -14vw;
    left: 36vw;
    animation: snowfall 17s linear infinite;
    animation-delay: -9s;
}
.snowflake:nth-child(25) {
    --size: 0.2vw;
    --left-ini: -6vw;
    --left-end: 5vw;
    left: 100vw;
    animation: snowfall 13s linear infinite;
    animation-delay: -3s;
}
.snowflake:nth-child(26) {
    --size: 1vw;
    --left-ini: -4vw;
    --left-end: 8vw;
    left: 72vw;
    animation: snowfall 14s linear infinite;
    animation-delay: -3s;
}
.snowflake:nth-child(27) {
    --size: 0.8vw;
    --left-ini: -1vw;
    --left-end: 5vw;
    left: 23vw;
    animation: snowfall 19s linear infinite;
    animation-delay: -1s;
}
.snowflake:nth-child(28) {
    --size: 0.2vw;
    --left-ini: 8vw;
    --left-end: -10vw;
    left: 37vw;
    animation: snowfall 18s linear infinite;
    animation-delay: -5s;
}
.snowflake:nth-child(29) {
    --size: 1vw;
    --left-ini: 9vw;
    --left-end: 3vw;
    left: 61vw;
    animation: snowfall 17s linear infinite;
    animation-delay: -1s;
}
.snowflake:nth-child(30) {
    --size: 1vw;
    --left-ini: -4vw;
    --left-end: -6vw;
    left: 59vw;
    animation: snowfall 16s linear infinite;
    animation-delay: -10s;
}
.snowflake:nth-child(31) {
    --size: 1vw;
    --left-ini: 2vw;
    --left-end: -8vw;
    left: 54vw;
    animation: snowfall 20s linear infinite;
    animation-delay: -7s;
}
.snowflake:nth-child(32) {
    --size: 1vw;
    --left-ini: -4vw;
    --left-end: 3vw;
    left: 82vw;
    animation: snowfall 11s linear infinite;
    animation-delay: -6s;
}
.snowflake:nth-child(33) {
    --size: 0.8vw;
    --left-ini: 8vw;
    --left-end: -1vw;
    left: 16vw;
    animation: snowfall 12s linear infinite;
    animation-delay: -2s;
}
.snowflake:nth-child(34) {
    --size: 0.8vw;
    --left-ini: -8vw;
    --left-end: 1vw;
    left: 39vw;
    animation: snowfall 20s linear infinite;
    animation-delay: -10s;
}
.snowflake:nth-child(35) {
    --size: 1vw;
    --left-ini: -9vw;
    --left-end: 11vw;
    left: 40vw;
    animation: snowfall 18s linear infinite;
    animation-delay: -1s;
}
.snowflake:nth-child(36) {
    --size: 0.4vw;
    --left-ini: -6vw;
    --left-end: -1vw;
    left: 36vw;
    animation: snowfall 20s linear infinite;
    animation-delay: -7s;
}
.snowflake:nth-child(37) {
    --size: 0.4vw;
    --left-ini: -5vw;
    --left-end: -11vw;
    left: 90vw;
    animation: snowfall 12s linear infinite;
    animation-delay: -9s;
}
.snowflake:nth-child(38) {
    --size: 1vw;
    --left-ini: -8vw;
    --left-end: -13vw;
    left: 9vw;
    animation: snowfall 12s linear infinite;
    animation-delay: -6s;
}
.snowflake:nth-child(39) {
    --size: 0.6vw;
    --left-ini: 5vw;
    --left-end: -2vw;
    left: 83vw;
    animation: snowfall 12s linear infinite;
    animation-delay: -3s;
}
.snowflake:nth-child(40) {
    --size: 0.6vw;
    --left-ini: -2vw;
    --left-end: 6vw;
    left: 84vw;
    animation: snowfall 14s linear infinite;
    animation-delay: -3s;
}
.snowflake:nth-child(41) {
    --size: 0.6vw;
    --left-ini: -1vw;
    --left-end: -13vw;
    left: 73vw;
    animation: snowfall 18s linear infinite;
    animation-delay: -9s;
}
.snowflake:nth-child(42) {
    --size: 0.2vw;
    --left-ini: -4vw;
    --left-end: 8vw;
    left: 19vw;
    animation: snowfall 18s linear infinite;
    animation-delay: -10s;
}
.snowflake:nth-child(43) {
    --size: 0.4vw;
    --left-ini: -2vw;
    --left-end: 9vw;
    left: 80vw;
    animation: snowfall 18s linear infinite;
    animation-delay: -3s;
}
.snowflake:nth-child(44) {
    --size: 0.8vw;
    --left-ini: 6vw;
    --left-end: -8vw;
    left: 7vw;
    animation: snowfall 13s linear infinite;
    animation-delay: -9s;
}
.snowflake:nth-child(45) {
    --size: 0.6vw;
    --left-ini: -5vw;
    --left-end: -12vw;
    left: 60vw;
    animation: snowfall 13s linear infinite;
    animation-delay: -7s;
}
.snowflake:nth-child(46) {
    --size: 0.2vw;
    --left-ini: -4vw;
    --left-end: -14vw;
    left: 82vw;
    animation: snowfall 17s linear infinite;
    animation-delay: -7s;
}
.snowflake:nth-child(47) {
    --size: 0.2vw;
    --left-ini: -4vw;
    --left-end: 3vw;
    left: 56vw;
    animation: snowfall 20s linear infinite;
    animation-delay: -8s;
}
.snowflake:nth-child(48) {
    --size: 0.6vw;
    --left-ini: 8vw;
    --left-end: -13vw;
    left: 11vw;
    animation: snowfall 20s linear infinite;
    animation-delay: -10s;
}
.snowflake:nth-child(49) {
    --size: 1vw;
    --left-ini: 3vw;
    --left-end: 13vw;
    left: 24vw;
    animation: snowfall 17s linear infinite;
    animation-delay: -9s;
}
.snowflake:nth-child(50) {
    --size: 1vw;
    --left-ini: 7vw;
    --left-end: -13vw;
    left: 69vw;
    animation: snowfall 17s linear infinite;
    animation-delay: -3s;
}
/* added small blur every 6 snowflakes*/
.snowflake:nth-child(6n) {
    filter: blur(1px);
}

#karyMas ul.tab {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 500px;
}
#karyMas ul.tab.Fixed {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    max-width: 500px;
    bottom: unset;
    /*top: 101px;*/
    z-index: 9999999;
    top: 77px;
}
#karyMas ul.tab li {
    width: 50%;
}
#karyMas ul.tab li:nth-child(n+3):nth-child(-n+4) {
    margin-top: -1px;
}
#karyMas ul.tab li a img{
    width: 100%;
    display: block;
}
#karyMas ul.tab li a:hover {
    opacity: unset;
}


#karyMas #coupon {
    padding-top: 2%;
    background: #fff2f2
}
#karyMas #coupon img {
    width: 100%;
    display: block;
}
#karyMas #coupon h2 {
    width: 60.5%;
    margin: 0 auto;
    padding: 5% 0
}
#karyMas #coupon ul.cpList {
    width: 71.625%;
    margin: 3% auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#karyMas #coupon ul.cpList li {
    position: relative;
}
#karyMas #coupon ul.cpList li:first-child {
    margin-bottom: 8%;
}
#karyMas #coupon .guide {
    text-align: center;
    font-weight: 500;
    /*font-size: max(15px,4.3vw);*/
    margin: 7.5% 0;
    line-height: 1.5;
    font-size: min(18px,4.3vw);
}
#karyMas #coupon .guide li {
    margin-bottom: 6%;
}
#karyMas #coupon .guide p {
    font-weight: 900;
    /*font-size: max(15px,4.3vw);*/
    font-size: min(18px,4.3vw);
    line-height: 1.5;
}
#karyMas #coupon .guide span {
    color: #ff0004;
    font-weight: 800;
}
#karyMas #coupon .notice.on .noticeBtn:after {
    content: '-';
    top: 47%;
}
#karyMas #coupon .notice .noticeBtn {
    position: relative;
}
#karyMas #coupon .notice .noticeBtn:after {
    content: '+';
    position: absolute;
    top: 50%;
    right: 25.2%;
    transform: translateY(-50%);
    color: #776567;
    font-size: max(18px,2.8vw);
    font-weight: 600;
}
#karyMas #coupon .notice .noticeBtn:hover {
    cursor: pointer;
}
#karyMas #coupon .notice .noticeBox {
    display: none;
    padding: 2% 0 3%;
    color: #888;
}
#karyMas #coupon .notice .noticeBox.on {
    display: block;
    width: 95%;
    margin: 0 auto;
}
#karyMas #coupon .notice .noticeBox p {
    font-size: max(9px,2.8vw);
    font-weight: 400;
    line-height: 1.9;
}

#karyMas #card {
    background: #d9e7e7;
    padding: 9% 0;
}
#karyMas #card img{
    width: 100%;
}
#karyMas #card h2 {
    width: 43.125%;
    margin: 0 auto;
}
#karyMas #card p {
    width: 84.5%;
    margin: 0 auto;
}
#karyMas #card .cardSlideBox {
    width: 69.75%;
    margin: 3% auto;
}
#karyMas #card .swiper-wrapper {
    align-items: center;
}


#karyMas #sweetShop > div {
    position: relative;
}
#karyMas #sweetShop .gift01 img,
#karyMas #sweetShop .gift02 .top img {
    width: 100%;
    display: block;
}
#karyMas #sweetShop > div p.txt {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    /*font-size: max(15px,4.8vw);*/
    text-align: center;
    width: max-content;
    font-weight: 500;
    line-height: 1.3;
    font-size: min(20px,4.8vw);
}
#karyMas #sweetShop > div p.txt span {
    font-weight: 800;
}
#karyMas #sweetShop > div p.txt i {
    font-style: normal;
    /*font-size: max(9px,3vw);*/
    display: block;
    margin-top: 2%;
    border: 0;
    padding: 0;
    font-size: min(15px,3vw);
}
#karyMas #sweetShop > div.gift01 p.txt {
    top: 10.8%;
}
#karyMas #sweetShop > div.gift02 {
    margin-bottom: 5%;
}
#karyMas #sweetShop > div.gift02 .top {
    position: relative;
}
#karyMas #sweetShop > div.gift02 p.txt {
    /*top: max(52px,14.1vw);*/
    top: min(82px,14.1vw);
}
#karyMas #sweetShop .ec-base-product [class*="grid"] {
    margin-left: -1px;
    padding: 0;
}
#karyMas #sweetShop .ec-base-product .prdList .thumbnail {
    margin: 0 auto;
}
#karyMas #sweetShop .ec-base-product ul.grid2 > li {
    width: 49%;
    margin: 0 2% 20px 0;
}
#karyMas #sweetShop .ec-base-product ul.grid2 > li:nth-child(2n) {
    margin-right: 0;
}
#karyMas #sweetShop .prdList .description {
    margin-top: 15px;
}
#karyMas #sweetShop .guide {
    text-align: center;
    font-weight: 500;
    font-size: 25px;
    margin: 3.5% 0;
}
#karyMas #sweetShop .guide li {
    margin-bottom: 2%
}
#karyMas #sweetShop .guide p {
    font-weight: 900;
    font-size: 25px;
}
#karyMas #sweetShop .guide span {
    color: #ff0004;
    font-weight: 800
}
#karyMas #sweetShop .notice.on .noticeBtn02:after {
    content: '-';
    top: 47%;
}
#karyMas #sweetShop .notice {
    background: #fff2f2;
}
#karyMas #sweetShop .notice .noticeBtn02 {
    position: relative;
}
#karyMas #sweetShop .notice .noticeBtn02:after {
    content: '+';
    position: absolute;
    top: 50%;
    right: 18.4%;
    transform: translateY(-50%);
    color: #888;
    font-size: max(18px,2.8vw);
    font-weight: 600;
}
#karyMas #sweetShop .notice .noticeBtn02:hover {
    cursor: pointer;
}
#karyMas #sweetShop .notice .noticeBox {
    display: none;
    padding: 2% 0 3%;
    color: #888;
}
#karyMas #sweetShop .notice .noticeBox.on {
    display: block;
    width: 95%;
    margin: 0 auto;
}
#karyMas #sweetShop .notice .noticeBox p {
    font-size: max(9px,2.8vw);
    font-weight: 400;
    line-height: 1.9
}
#karyMas #sweetShop .notice img {
    width: 100%;
}


#karyMas #special {
    padding: 14% 0 0;
}
#karyMas #special img {
    width: 100%;
}
#karyMas #special h2 {
    width: 51.25%;
    margin: 0 auto;
}
#karyMas #special p.txt {
    /*font-size: max(13px,3.9vw);*/
    text-align: center;
    font-weight: 400;
    margin: 6% 0 9%;
    line-height: 1.5;
    font-size: min(20px,3.9vw);
}
#karyMas #special ul {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
#karyMas #special ul li {
    position: relative;
    height: 39vw;
    overflow: hidden;
    margin-bottom: 4%;
}
#karyMas #special ul li img {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
#karyMas #special ul li:nth-child(2n) {
    margin-right: 0;
}
#karyMas #special ul li span {
    position: absolute;
    left: 50%;
    top: max(59px,18.8vw);
    transform: translateX(-50%);
    color: #ff0004;
    font-weight: 700;
    font-size: max(14px,4.5vw);
}
@media screen and (min-width: 1024px) {
    #karyMas #special ul li {
        height: 20vw;
    }
    #karyMas #special ul li span {
        /*top: min(102px,16.8vw);*/
        font-size: min(20px,4.5vw);
        top: 48%;
    }
}
@media screen and (min-width: 500.01px) and (max-width: 1023.99px) {
/*@media screen and (min-width: 500.01px) {*/
    #karyMas #special ul li {
        height: 15vw;
    }
    #karyMas #special ul li span {
        /*top: min(102px,16.8vw);*/
        font-size: min(20px,4.5vw);
        top: 47%;
    }
}


#best {
    padding-top: 10%
}
#best img {
    width: 100%;
}
#best h2 {
    width: 87.375%;
    margin: 0 auto 6%
}
#best .txt {
    /*font-size: max(13px,3.9vw);*/
    text-align: center;
    font-weight: 500;
    line-height: 1.5;
    font-size: min(20px,3.9vw);
}
#best .best_tab {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 5% 0;
}
#karyMas #best .best_cont {
    width: 90%;
    margin: 0 auto;
}
#karyMas #best .best_cont section {
    display: none;
    text-align: center;
}
#karyMas #best .best_cont section.on {
    display: block;
}
#karyMas #best .best_cont section .product_list1{
    padding: 0;
}


#mdPick h2 {
    width: 63.75%;
    margin: 5% auto 3%;
}
#mdPick img {
    width: 100%;
}
#mdPick .txt {
    /*font-size: max(13px,3.9vw);*/
    text-align: center;
    font-weight: 500;
    line-height: 1.5;
    font-size: min(20px,3.9vw);
}


/* ###########################  karyhouse ############################## */

/* 쿠폰 효과 */
.cp_link:hover {
    opacity: unset;
}
.cp_link img:hover {
    position: relative;
    top: 8px;
}

#KH_ep4 img {
    width: 100%;
    display: block;
}
#KH_ep4 .youTube iframe {
    display: block;
    width: 85.375%;
    height: 42.25vw;
    margin: 0 auto;
}
@media screen and (min-width: 500.011px) {
    #KH_ep4 .youTube iframe {
        height: 212px;
    }
}


#KH_ep4 .cpArea h2 {
    width: 90.5%;
    margin: 9% auto;
}
#KH_ep4 .cpArea .cp {
    width: 71.625%;
    margin: 0 auto;
}
#KH_ep4 .guide {
    text-align: center;
    font-weight: 500;
    font-size: max(14px,3vw);
    margin: 8% 0;
}
#KH_ep4 .guide li {
    margin-bottom: 5%;
    line-height: 1;
}
#KH_ep4 .guide p {
    font-weight: 900;
    font-size: max(14px,3vw);
    line-height: 2.3;
}

/* ─── 쿠폰 유의 사항 ───*/
#KH_ep4 .cpArea .notice.on .noticeBtn01:after {
    content: '-';
    top: 47%;
}
/* 버튼 */
#KH_ep4 .cpArea .notice .noticeBtn01 {
    position: relative;
}
#KH_ep4 .cpArea .notice .noticeBtn01:after {
    content: '+';
    position: absolute;
    top: 50%;
    right: 26%;
    transform: translateY(-50%);
    color: rgb(255 255 255 / 70%);
    font-size: 27px;
    font-weight: 600;
}
#KH_ep4 .cpArea .notice .noticeBtn01:hover {
    cursor: pointer;
}
#KH_ep4 .cpArea .notice .noticeBtn01:hover:after {
    top: 52%;
}

/* 내용 */
#KH_ep4 .cpArea .notice .noticeBox {
    display: none;
    padding: 2% 0 3%;
    color: #888;
}
#KH_ep4 .cpArea .notice .noticeBox.on {
    display: block;
    width: 92%;
    margin: 0 auto;
}
#KH_ep4 .cpArea .notice .noticeBox p {
    font-size: max(11px,2.5vw);
    font-weight: 400;
    line-height: 1.9;
}

@media screen and (min-width: 500.01px) {
    #KH_ep4 .guide,
    #KH_ep4 .guide p {
        font-size: min(20px,1.5vw);
    }
    #KH_ep4 .cpArea .notice .noticeBox p {
        font-size: min(20px, 1.5vw);
    }
}

#KH_ep4 .prdLinkBox {
    position: relative;
    line-height: 0;
}
#KH_ep4 .prdLink li {
    position: absolute;
    width: 9%;
}
#KH_ep4 .prdLinkBox {
    position: relative;
    line-height: 0
}

#KH_ep4 .prdLink li {
    position: absolute;
    width: 9%;
}

/* X-MAS DECORATION  */
#KH_ep4 .prdLink.x-mas li:nth-child(1) {
    right: 24%;
    top: 60%;
}
#KH_ep4 .prdLink.x-mas li:nth-child(2) {
    left: 15.5%;
    top: 13.2%;
}
#KH_ep4 .prdLink.x-mas li:nth-child(3) {
    right: 29.7%;
    bottom: 9%;
}
#KH_ep4 .prdLink.x-mas li:nth-child(4) {
    left: 41.5%;
    bottom: 27.5%;
}
#KH_ep4 .prdLink.x-mas li:nth-child(5) {
    right: 22%;
    top: 47.1%;
}

/* GIFTS FOR KIDS  */
#KH_ep4 .prdLink.gifts li:nth-child(1) {
    right: 36.4%;
    bottom: 14.7%;
}
#KH_ep4 .prdLink.gifts li:nth-child(2) {
    left: 35.5%;
    top: 32.2%;
}
#KH_ep4 .prdLink.gifts li:nth-child(3) {
    left: 41%;
    top: 69.3%;
}
#KH_ep4 .prdLink.gifts li:nth-child(4) {
    right: 18.5%;
    top: 55%;
}

/* SPECIAL HOMEWEAR  */
#KH_ep4 .prdLink.special li:nth-child(1) {
    left: 33.5%;
    top: 51.7%;
}
#KH_ep4 .prdLink.special li:nth-child(2) {
    right: 34.5%;
    top: 24.3%;
}
#KH_ep4 .prdLink.special li:nth-child(3) {
    left: 23.7%;
    bottom: 12.7%;
}

/* WINTER FASHION  */
#KH_ep4 .prdLink.winter li:nth-child(1) {
    right: 32.5%;
    bottom: 9.6%;
}
#KH_ep4 .prdLink.winter li:nth-child(2) {
    right: 35%;
    top: 20.7%;
}
#KH_ep4 .prdLink.winter li:nth-child(3) {
    right: 12.7%;
    bottom: 28.4%;
}
#KH_ep4 .prdLink.winter li:nth-child(4) {
    left: 21.3%;
    top: 58.7%;
}
#KH_ep4 .prdLink.winter li:nth-child(5) {
    right: 9.5%;
    top: 39.8%;
}



/* ########################### 23_pick ############################## */
#supporter {
    font-family: 'Pretendard-Regular', 'Noto Sans KR', 'Malgun Gothic', Verdana, Dotum, AppleGothic, sans-serif;
}
#supporter img {
    width: 100%;
}
#supporter a:hover {
    opacity: unset;
}
#supporter h1 {
    font-family: 'GmarketSans';
    letter-spacing: 0.5px;
    font-weight: 700;
    color: #555;
    font-size: 23px;
    padding-top: 50px;
    text-align: center;
}
#supporter .couponArea .couponBox {
    text-align: center;
}
#supporter .couponArea {
    position: relative;
    background: #f2f2f2;
    width: 100%;
    line-height: 1.7;
    font-size: 12px;
    color: #545554;
}
#supporter .couponArea p {
    text-align: left;
    margin: 0 auto;
    width: fit-content;
    line-height: 1.7;
    font-size: 12px;
    color: #545554;
}
#supporter .couponArea img {
    padding: 20px 0;
    width: auto;
    width: 70%;
    margin-left: 7px;
    max-width: fit-content;
}
#supporter .couponArea article {
    width: 90%;
    max-width: 500px;
    margin: 0 auto;
    padding: 30px 0 70px;
}
#supporter .couponArea article h4 {
    font-weight: 700;
    margin-bottom: 10px;
    color: #545554;
    letter-spacing: normal;
    font-family: inherit;
    font-size: 12px;
}
#supporter .couponArea article p {
    line-height: 1.8;
    font-size: 18px;
    color: #545554;
}
#supporter .bestReview {
    text-align: center;
}
#supporter .bestReview h2 {
    font-weight: 500;
    padding-top: 1.5rem;
    font-size: 15px;
    line-height: normal;
}
#supporter .bestReview .bestReviewArea {
    margin: 60px auto;
    width: 90%;
}
.bestReview .reviews_index {
    margin: 0 auto;
    font-size: 12px;
}
.bestReview .page {
    transition: opacity 0.3s ease-out;
}
.bestReview .reviews_index_gallery__reviews {
    padding: 0 7px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
/*.grid__col {*/
/*    float: left;*/
/*}*/
.grid__item {
    margin: 10px 6px 0 6px;
    visibility: hidden;
    padding-bottom: 14px;
}
.grid__item--visible {
    visibility: visible;
}
.grid__item:first-child {
    margin-top: 0;
}
.reviews_index_gallery_review__box_default {
    background: white;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 4px;
    overflow: hidden;
    margin-top: 10px;
}
.reviews_index_gallery_review__box_default:first-child {
    margin-top: 0;
}
.reviews_index_gallery_review__section {
    border-bottom: 1px solid rgba(0,0,0,0.08);
    overflow: hidden;
    cursor: pointer;
    position: relative;
}
.reviews_index_gallery_review__section:last-child {
    border-bottom: none;
}
.reviews_index_gallery_review__section--photo {
    font-size: 0;
}
.gallery_media_review_thumbnail__wrapper {
    position: relative;
    padding-top: 100%;
    overflow: hidden;
}
.gallery_media_review_thumbnail__image {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.gallery_media_review_thumbnail__image--portrait {
    width: 100%;
    height: auto;
}
.reviews_index_gallery_review__review_author_info {
    padding: 6px 2px;
    margin: 0 8px;
}
.reviews_index_gallery_review__review_title {
    padding-bottom: 5px;
    color: black;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
}
.reviews_index_gallery_review__date_name_container {
    font-size: 11px;
    color: #767676;
}
.reviews_index_gallery_review__date_name_container--show_created_at {
    padding-top: 2px;
}
.reviews_index_gallery_review__author_name {
    float: left;
    max-width: 55px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.reviews_index_gallery_review__created_at {
    float: right;
    padding-right: 1px;
    display: block;
    line-height: 13px;
    color: #767676;
}
.reviews_index_gallery_review__date_name_container:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.reviews_index_gallery_review__review_product {
    padding: 8px 4px;
    box-sizing: content-box;
}
.reviews_index_gallery_review__review_product_thumbnail {
    float: left;
}
.reviews_index_gallery_review__product_thumbnail {
    width: 33px;
    height: 33px;
}
.reviews_index_gallery_review__review_product_info {
    margin-left: 40px;
    font-size: 11px;
    line-height: 15px;
    padding-top: 2px;
}
.reviews_index_gallery_review__product_info_title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: black;
    padding-bottom: 4px;
}
.reviews_index_gallery_review__product_info_feedbacks {
    color: #767676;
}
.reviews_index_gallery_review__product_info_feedbacks_value {
    font-weight: bold;
    padding-right: 4px;
}
.reviews_index_gallery_review__display_score {
    float: right;
}
.reviews_index_gallery_review__product_info_feedbacks:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.reviews_index_gallery_review__review_product:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}





/* ########################### board_read ############################## */

.xans-board-read .label {
    font-weight: normal;
}
.xans-board-read .label.hide {
    display: none;
}
.xans-board-read .title {
    margin: 14px 14px 0;
}
.xans-board-read .title h3 {
    font-size: 15px;
    word-wrap: break-word;
}
.xans-board-read .info {
    overflow: hidden;
    margin: 7px 0 7px;
    padding: 0 14px;
}
.xans-board-read .info p {
    position: relative;
    display: inline-block;
    padding: 0 7px 0 8px;
    margin: 7px 0 0;
    color: #757575;
}
.xans-board-read .info p:first-child {
    padding-left: 0;
}
.xans-board-read .info p:before {
    display: block;
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 1px;
    height: 11px;
    background: #d6d6d6;
}
.xans-board-read .info p.vote:before {
    top: 8px;
}
.xans-board-read .info p:first-child:before {
    display: none;
}
.xans-board-read .info p.chk {
    width: 100%;
    margin: 0;
}
.xans-board-read .info p.vote a {
    margin: 0 0 0 7px;
}
.xans-board-read .info .writer a {
    color: #757575;
}
.xans-board-read .info .rating img {
    margin: -4px 0 0;
    width: auto;
    height: 11px;
}
.xans-board-read .info .btnIcon img {
    width: 12px;
    height: 12px;
}
.xans-board-read .content {
    margin: -1px 0 0;
    padding: 14px 14px 14px;
    word-wrap: break-word;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    text-align: center;
}
.xans-board-read .content p,
.xans-board-read .content div {
    text-align: left;
}
.xans-board-read .content p {
    margin: 0;
    line-height: 1.5;
    color: rgb(0, 0, 0);
    font-family: Malgun Gothic;
    /*font-size: 12px;*/
    font-style: normal;
    font-weight: 400;
    text-align: start;
    text-indent: 0;
    font-size: 1.25rem;
}
.xans-board-read .content img {
    margin: 0 auto 10px;
    max-width: 100%;
}
.xans-board-read .content ul li {
    list-style: disc;
}
.xans-board-read .attach {
    overflow: hidden;
    padding: 14px 10px 14px;
    border-bottom: 1px solid #d5d5d5;
    color: #757575;
}
.xans-board-read .attach:after {
    content: "";
    display: block;
    clear: both;
}
.xans-board-read .attach a {
    padding: 0 0 0 17px;
    text-decoration: underline;
    white-space: nowrap;
    background: url("http://img.echosting.cafe24.com/skin/mobile_ko_KR/board/ico_file.png") no-repeat 0 0;
    background-size: 13px 12px;
}
.xans-board-read .attach .label {
    float: left;
    width: 20%;
}
.xans-board-read .attach span {
    float: left;
    width: 80%;
}
.xans-board-read .attach span.file {
    color: #000000;
    text-decoration: underline;
}
.xans-board-read .password {
    overflow: hidden;
    padding: 7px 14px 14px;
    border-bottom: 1px solid #d5d5d5;
    color: #757575;
}
.xans-board-read .password .label {
    float: left;
    width: 20%;
    padding-top: 3px;
    line-height: 24px;
    font-size: 1.375rem;
}
.xans-board-read .password .form {
    float: left;
    position: relative;
    width: 80%;
}
.xans-board-read .password .passwordForm {
    display: block;
    padding: 0 107px 0 0;
}
.xans-board-read .password .gRight {
    position: absolute;
    right: 0;
    top: 0;
}
.xans-board-read .password p {
    margin: 14px 0 0;
    padding: 0 0 0 20px;
    background: url("../../images/ico_important.png") no-repeat 0 50%;
    background-size: 13px 13px;
    color: #757575;
    font-size: 1.25rem;
}
.xans-board-read #password {
    width: 100%;
    height: 29px;
    padding: 7px;
    font-weight: inherit;
    border: 1px solid #cccccc;
    border-radius: 2px;
    outline-style: none;
    line-height: 13px;
    color: #353535;
}
.xans-board-read .btnArea {
    overflow: hidden;
    margin: 0 3%;
    padding: 14px 0;
    max-width: 94%;
}
.xans-board-read table {
    border: none;
    border-collapse: collapse;
    empty-cells: show;
    max-width: 100%;
    display: table;
    border-spacing: 2px;
    color: rgb(0, 0, 0);
    font-family: Malgun Gothic;
    font-size: 12px;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-weight: 400;
    letter-spacing: normal;
    orphans: 2;
    text-align: start;
    text-transform: none;
    widows: 2;
    word-spacing: 0px;
    -webkit-text-stroke-width: 0px;
    white-space: normal;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    text-decoration-color: initial;
    width: 20%;
    margin-right: calc(80%);
}
.xans-board-read table tbody{
    vertical-align: middle;
}
.xans-board-read table tbody th{
    border: 0.5pt solid windowtext;
    color: black;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    background: rgb(219, 219, 219);
    /*height: 17.4pt;*/
    /*width: 82pt;*/
    padding: 0.75rem 1.875rem;
    white-space: nowrap;
}
.xans-board-read table tbody td{
    border-top: none;
    border-right: 0.5pt solid windowtext;
    border-bottom: 0.5pt solid windowtext;
    border-left: 0.5pt solid windowtext;
    border-image: initial;
    color: black;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    background: white;
    /*height: 17.4pt;*/
    padding: 0.75rem 1.875rem;
}


.fr-view table {
    border: none;
    border-collapse: collapse;
    empty-cells: show;
    max-width: 100%
}
.fr-view table td {
    min-width: 5px
}
.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th {
    border-style: dashed!important
}
.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
    background: #f5f5f5
}
.fr-view table td,.fr-view table th {
    border: 1px solid #ddd
}
.fr-view table td:empty,.fr-view table th:empty {
    height: 20px
}
.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted {
    border: 1px double red!important
}
.fr-view table td.fr-thick,.fr-view table th.fr-thick {
    border-width: 2px!important
}
.fr-view table th {
    background: #ececec
}



/* 4월 메인프로모션 */
#ap_pm .prd_link_box{
    position: relative;
}
#ap_pm .prd_link_box .product_list1{
    position: absolute;
    bottom: 20px;
    padding: 0 4.5rem;
    width: 100%;
}
#ap_pm .prd_link_box .product_list1 .product_list1_cont .product_list1_cont_line .product_list1_cont_box{
    width: calc( (100% - 2rem) / 2 );
}
#ap_pm .prd_link_box .cp_link{
    position: absolute;
    bottom: 49.5%;
    width: 60%;
    left: 50%;
    transform: translateX(-50%);
}
#ap_pm .prd_link_box .cp_link img:hover {
    top: unset;
}
#ap_pm .prd_link_box .cat_ul{
    position: absolute;
    bottom: 5.625rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    padding: 2rem;
    align-items: center;
    justify-content: center;
}
#ap_pm .prd_link_box .cat_ul li{
    width: 46%;
}


.summerFesta-mdPick{
    position: relative;
}

.summerFesta-mdPick .mdPick-swiper-container{
    position: absolute;
    width: 75%;
    bottom: 5rem;
    left: 50%;
    transform: translateX(-50%);
}

.summerFesta-mdPick .swiper-button-next::after{
    font-size: 3.8rem;
    color:#9dd9fa;
}
.summerFesta-mdPick .swiper-button-prev::after{
    font-size: 3.8rem;
    color:#9dd9fa;
}

.summerFesta-karyOutlet{
    position: relative;
}
.summerFesta-karyOutlet .karyOutlet-box {
    position: absolute;
    bottom: 4rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    padding: 10px;
}
.summerFesta-karyOutlet .karyOutlet-box > div {
    width: calc(50% - 5px);
    box-sizing: border-box;
    overflow: hidden;
}
.summerFesta-karyOutlet .karyOutlet-box img {
    width: 100%;
    height: auto;
    display: block;
}

.summerFesta-winterSale{
    position: relative;
}
.summerFesta-winterSale div {
    position: absolute;
    width: 80%;
    bottom: 5rem;
    left: 50%;
    transform: translateX(-50%);
}

.animate_img_box{
    display: flex;
    align-items: center;
    gap: 1.5rem;
    justify-content: space-between;
    margin-bottom: 5rem;
}
.animate_img_box .animate_img{
    width: 55%;
}
.animate_img_box .animate_img.imgD-45{
    width: 45%;
}
.animate_img_box .animate_img.right img{
    padding: 0 0 0 3.5rem;
}
.animate_img_box .animate_text{
    font-family: Pretendard;
    font-weight: 600;
    line-height: 1.5;
    font-size: 2rem;
}
.animate_img_box .animate_text.right{
    padding: 0 3.5rem 0 0;
}
.animate_img_box .animate_img.left img{
    padding: 0 3.5rem 0 0;
}
.animate_img_box .animate_text.left{
    padding: 0 0 0 3.5rem;
}

.animate_image_slide_right{
    position: relative;
    animation: slide-in-right 3s ease-out infinite;
}
.animate_image_slide_left{
    position: relative;
    animation: slide-in-left 3s ease-out infinite;
}

.animate_wrap{
    position: relative;
}
.animate_wrap .image{
    position: absolute;
    width: 50%;
    top: 17rem;
    left: 50%;
    transform: translateX(-50%);
}
.animate_wrap .image-group{
    position: absolute;
    width: 90%;
    top: 17rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-around;
}
.animate_wrap .image-group span{
    width: calc(40% - 1rem);
}
.rotate-right-img{
    animation: slide-in-right-rotate 3s ease-out infinite;
}
.rotate-left-img{
    /*animation: slide-in-left-rotate 3s ease-out forwards;*/
    animation: slide-in-left-rotate 3s ease-out infinite;
}
.fade-in-image {
    opacity: 0;
    animation: fadeIn 3s ease-in infinite;
}

.fade-in-image-slow {
    opacity: 0;
    animation: fadeIn 4s ease-in infinite;
}

.animate_wrap .product{
    position: absolute;
    width: 80%;
    bottom: 11rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 1rem;
}
.animate_wrap .product > div{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.animate_wrap .product > div:not(:nth-child(1)){
    justify-content: space-between;
}
@keyframes fadeIn {
    to {
        opacity: 1;
    }
}
@keyframes slide-in-right {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slide-in-left {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slide-in-right-rotate {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }
    to {
        transform: translateX(0) rotate(-10deg);
        opacity: 1;
    }
}
@keyframes slide-in-left-rotate {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0) rotate(10deg);
        opacity: 1;
    }
}
.karyHouse_video{
    position: relative;
}
.karyHouse_video div.iframe-video-wrap {
    position: absolute;
    width: 100%;
    top: 2.5rem;
    left: 50%;
    transform: translateX(-50%);
}
.iframe-video-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0px;
    overflow: hidden;
}
.iframe-video-wrap iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 20%);
    height: calc(100% - 20%);
    transform: translate(-50%, -50%);
}
.iframe-video-btn{
    position: absolute;
    width: 80%;
    max-height: 6rem ;
    min-height: 4rem;
    bottom: 4rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.iframe-video-btn a{
    width: calc(50% - 1rem);
    text-align: center;
    /*background: #E7FAFF;*/
    /*padding: 1rem 0;*/
    /*color: #03CDFF;*/
}

.sf_prd_link_box {
    background-image: url('/static/images/event/sf2406/sf2_img2.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.summerFesta-coupon_wrap {
    position: relative;
}

.summerFesta-coupon_wrap .summerFesta_coupon_box {
    position: absolute;
    width: 80%;
    bottom: 10rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap:2rem;
}

.summerFesta-outlet {
    position: relative;
}

.summerFesta-outlet div {
    position: absolute;
    width: 90%;
    bottom: 5rem;
    /*top: 13rem;*/
    left: 50%;
    transform: translateX(-50%);
}
/*.summerFesta-outlet .outlet_wrap p{*/
/*    margin-bottom: 4rem;*/
/*    text-align: center;*/
/*    color: #FFFFFF;*/
/*}*/

/* ###########################  karyVacance ############################## */

.kv_prd_link_box {
    background-image: url('/static/images/event/kv2407/1.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.kv_coupon_box {
    position: absolute;
    bottom: 10rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 2rem;
}

.karyVacance_sale {
    position: relative;
}
.karyVacance_sale .kv_outlet_wrap {
    position: absolute;
    width: 100%;
    bottom: 6.5rem;
    /* top: 13rem; */
    left: 50%;
    transform: translateX(-50%);
}

.karyVacance_sale div {
    position: absolute;
    width: 80%;
    bottom: 5rem;
    left: 50%;
    transform: translateX(-50%);
}

.karyVacance_sale div.img_row {
    position: absolute;
    width: 98.5%;
    bottom: -5.5rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-wrap: wrap;
    row-gap: 3rem;
    padding-bottom: 3.5rem;
}

.karyVacance_sale .karyVacance_sale_item {
    display: flex;
    flex-direction: column;
    position: absolute;
    /*top: 17.63rem;*/
    width: 98.5%;
}

.karyVacance_sale .karyVacance_sale_item a {
    width: 25%;
    padding: 0.5rem;
    text-align: center;
}
.karyVacance_sale .karyVacance_sale_item img {
    width: 100%;
    height: auto;
    /*margin: 1rem 0;*/
}
.karyVacance_sale .karyVacance_sale_item p {
    margin: 1rem 0;
    font-weight: bold;
}
.karyVacance_sale .karyVacance_sale_item span {
    color: #80878d;
}
.img_row .today {
    font-weight: bold;
    color: #f8dd53;
}

.karyVacance_swiper .prd_slide_list_normal {
    position: absolute;
    top: 15rem;
    padding: 2.5rem 0;
}

.karyVacance_swiper .prd_slide_list_normal_wrap .prd_slide_list_normal:nth-child(2) {
    top: calc(50% - 12rem);
}

.karyVacance_swiper .prd_slide_list_normal_wrap .prd_slide_list_normal:nth-child(3) {
    top: calc(50% + 17.3rem);
}

.kary_sales_area .sales_div_box {
    position: relative;
}
.kary_sales_area .sales_div_box > div {
    position: absolute;
    width: 100%;
    left: 50%;
    top:0;
    transform: translateX(-50%);
    display: flex;
    flex-wrap: wrap;
}

.kary_sales_area .sales_div_box .img_row {
    display: flex;
    flex-wrap: wrap;
    padding: 1rem;

}

.kary_sales_area .sales_div_box .img_row a {
    width: calc(25% - 1rem);
    aspect-ratio: 1;
    margin: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;

}
.kary_sales_area .sales_div_box .img_row a img{
    width: unset;
    height: unset;
}
.kary_sales_area .sales_div_box .img_row a p{
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}
.karyVacance_coupon_item img.pack_img {
    width: 25rem !important;
}

.kary_sales_area .today_title {
    font-size: 1.7rem;
    font-weight: 700;
    height: 5.714rem;
    margin-top: 1.5rem;
}
.kary_sales_area .today_title .today {
    font-size: 2.3rem;
    color: #f8dd53;
}
.karyVacance_swiper .swiper-container .price {
    font-size: 2rem;
    font-weight: 600;
}
.karyVacance_swiper .swiper-container .swiper-wrapper {
    padding-top: 1rem;
}
.karyVacance_swiper .white-bg {
    height: 90rem;
}



/**/
.calendar-container {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    background-color: #EAEAEA;
}
h2.head2{
    letter-spacing: 0;
    font-size: 1.8rem;
    padding: 2.08rem;
    background: #FFFFFF;
    font-weight: 600;
}
.calendar-container .calendar-box{
    width: 100%;
    padding: 2.08rem;
    border-radius: 1rem;
    border: none;
    background: #FFFFFF;
}

.calendar-container .calendar{
    border-bottom: 1px solid #EAEAEA;
}
.calendar-container .calendar .ui-datepicker{
    width: 100%;
    border-radius: 1rem;
    border: none;
}
.calendar-container .calendar .ui-datepicker .ui-datepicker-header{
    border-radius: 20px;
    margin-bottom: 3.2rem;
}
.calendar-container .calendar .ui-widget-header{
    border: none;
    background: #FFFFFF;
}

.calendar-container .calendar .ui-datepicker table thead{
    border-bottom: 0;
}
.calendar-container .calendar .ui-datepicker table tbody tr{
    border: none;
}
.calendar-container .calendar .ui-datepicker table tbody tr:nth-child(2n + 1){
    background: #FFFFFF;
}
.calendar-container .calendar .ui-datepicker td{
    padding: .5rem;
    font-size: 1.56rem;
    text-align: center;
}
.calendar-container .calendar .ui-datepicker td.class-active-date a.ui-state-default{
    font-weight: bold;
    color: red;
}
/*.ui-state-default, .ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default, .ui-button
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active{
    border: none !important;
    background: #FFFFFF !important;
    font-family: Pretendard !important;
    text-align: center;
}*/
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
    border-radius: 50px;
    background: #000000 !important;
    color: #FFFFFF !important;
}
.ui-widget-header .ui-icon,
.ui-icon, .ui-widget-content .ui-icon{
    background-image: none !important;
}
.calendar-container .calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.calendar-container .calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next{
    font-weight: 400 !important;
}
.ui-widget-header .ui-state-hover{
    border: none !important;
    background:none !important;
    font-weight: 400;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    width: auto !important;
    height: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px !important;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 2px !important;
}
.ui-datepicker-prev::before {
    content: '<'; /* 이전 아이콘 */
    font-family: Pretendard !important;
}

.ui-datepicker-next::before {
    content: '>'; /* 다음 아이콘 */
    font-family: Pretendard !important;
}

.calendar-container .calendar .ui-datepicker td span, .calendar-container .calendar .ui-datepicker td a{
    padding: 1rem 0;
    font-family: Pretendard !important;
    text-align: center;
    border: none;
    background: #FFFFFF;
    display: inline-block;
    border-radius: 50%;
    /* 추가 */
    width: 3.5rem;
    height: 3.5rem;
}

.time-section {
    margin-top: 2.08rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.08rem;
}
.time-section .time-group{
    width: 100%;
}
.time-section ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.time-section li{
    width: calc(25% - 1rem);
    margin: 0.5rem;
}
.time-section li.cal-wd-30{
    width: calc(30% - 1rem);
    margin: 0.5rem;
}
.time-section button{
    width: 100%;
    font-family: Pretendard;
    font-size: 1.56rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.18;
    letter-spacing: 0;
    border: 1px solid #000000;
    border-radius: 2.9375rem;
    padding-top: 0.96rem;
    padding-bottom: 0.96rem;
    color: #000000;
    /* iOS의 경우 */
    @supports (-webkit-touch-callout: none) {
        color: #000000;
    }
}
.time-section{
    display: none;
}
.time-section.on{
    display: flex;
}
.calendar-check-box{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.calendar-check-box > div{
    width: 100%;
    text-align: center;
}
.calendar-check-box button{
    margin-top: 2.8rem;
    width: 19.5rem;
    font-size: 1.56rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.18;
    letter-spacing: 0;
    border: 1px solid #000000;
    border-radius: 2.9375rem;
    padding-top: 0.96rem;
    padding-bottom: 0.96rem;
}
div.btn{
    width: 100%;
    text-align: center;
}
.calendar-check-box button:hover{
    background: #000000;
    color: #FFFFFF;
}
.calendar-btn{
    margin-top: 2.8rem;
    width: 19.5rem;
    text-align: center;
    font-size: 1.56rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.18;
    letter-spacing: 0;
    border: 1px solid #000000;
    border-radius: 2.9375rem;
    padding-top: 0.96rem;
    padding-bottom: 0.96rem;
}
.calendar-btn:hover{
    background: #000000;
    color: #FFFFFF;
}


/* 8월 프로모션 */
/*첫 번째 프로모션 스와이프 */
.prd_slide_list_normal_first.first_slide {
    position: absolute;
    top: 23rem;
    padding: 2.5rem 0;
}
.prd_slide_list_normal_first.seconds_slide {
    top: calc(50% - 11rem);
    position: absolute;
    padding: 2.5rem 0;
}

.prd_slide_list_normal_first.third_slide {
    position: absolute;
    bottom: 14rem;
    padding: 2.5rem 0;
}
/*두 번째 프로모션 스와이프 */
.augustPromotion_swiper .prd_slide_list_normal.seconds {
    position: absolute;
    top: 15rem;
    padding: 2.5rem 0;
}
.augustPromotion_swiper .prd_slide_list_normal_wrap .prd_slide_list_normal.seconds:nth-child(2) {
    top: 48rem;
}

.augustPromotion_swiper .swiper-container .sale_type {
    font-size: 2.5rem;
    font-weight: bold;
}
.augustPromotion_swiper .swiper-container .swiper-wrapper {
    padding-top: 1rem;
}
.augustPromotion_swiper .swiper-container .swiper-wrapper .best_product_name{
    text-align: start;
    font-weight: 600;
}
.prd_link_box .augustPromotion_swiper .date_text{
    background-image: url('/images/event/august_2408/1-3.png');
    width: 100%;
    position: absolute;
    top: 17.5rem;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 600;
    height: 34px;
}

.chuseok_prd_area{
    width: 100%;
}
.chuseok_prd_area ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0 1rem;
}
.chuseok_prd_area li{
    width: calc(50% - 2rem);
    margin: 1rem;
}

.event_brand_item{
    position: relative;
}

.event_brand_item > div{
    position: absolute;
    width: 100%;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1rem;
}

/* 10월 프로모션 */
.october_sales .deal_img {
    position: absolute;
    width: 20.21rem !important;
    left: 50%;
    top:45%;
    transform: translate(-50%, -45%); /* X, Y축 모두 중앙으로 */
    /*transform: translateX(-50%);*/
    /*top: 25%;*/
}
.oct_sales_time_box{
    position: relative;
}
.oct_sales_deal_box{
    position: relative;
}
.october_sales .time_box{
    position: absolute;
    left: 50%;
    bottom: 10%;
    transform: translate(-50%, 10%);
    /*transform: translateX(-50%);*/
    font-weight: bold;
    color: red;
    font-size: 2.2rem;
}

/*.october_sales .deal_info{*/
/*    position: absolute;*/
/*    left: 42%;*/
/*    transform: translateX(-50%);*/
/*    bottom: 23%;*/
/*    font-size: 1.547rem;*/
/*}*/
.october_sales .today_outer{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 60%;
    font-size: 2.3rem;
    font-weight: bold;
    color: #878787;
}

.october_sales_swiper .swiper-container {
    width: 100%;
    /*height: 100%;*/
}
.october_sales_swiper .image-row {
    display: flex;
    justify-content: space-between;
}
.october_sales_swiper .image-row img {
    width: 100%;
    height: auto;
}

.october_sales_swiper .two_row_swiper{
    position: absolute;
    top: 4rem;
}
.october_sales_swiper .swiper-container.list_normal2 .swiper-slide .image-row {
    font-size: 1.56rem;
}
.october_sales_swiper .swiper-container.list_normal2 .swiper-slide  .image_box{
    line-height: 1.5;
    /*padding-right: 20px;*/
}
.october_sales_swiper .swiper-container.list_normal .swiper-slide{
    /*width : 55rem !important;*/
}

.october_sales_swiper .list_normal2 .swiper-slide .discount_percent{
    background-color: red;
    border-radius: 10px;
    padding: 2px 6px;
    color: white;
    font-size: 1.125rem;
}



.decoration_line_through {
    text-decoration: line-through;
}
.october_sales_swiper .swiper-container.list_normal2 .swiper-slide  .image_box img{
    width: 115px !important;
}
.karyHouse_6_swiper .swiper-container.list_normal2 .swiper-slide  .image_box img{
    width: 100% !important;
}
.october_sales .deal_img_container .deal_img{
    font-size: 1.78rem;
}
.flex-row{
    flex-direction: row !important;
}
.october_sales_swiper .swiper-slide {
    margin-bottom: 2.375rem;
}
.october_sales_prd_swiper_box{
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    margin: 2.375rem 0;
}

.october_sales_prd_swiper_box .image_box a p{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.karyHouse_6_swiper{
    position: relative !important;
}
.karyHouse_6_swiper .swiper-container{
    position: absolute !important;
    top: 11rem;
}
.karyHouse_6_swiper .list_normal .swiper-slide .discount_percent{
    background-color: red;
    border-radius: 10px;
    padding: 2px 6px;
    color: white;
    font-size: 1.125rem;
}

.youtube_video {
    position: absolute;
    bottom: 5.95rem;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 비율 */
    height: 0;
    overflow: hidden;
    display:  flex;
    justify-content: center;
}
.youtube_video iframe{
    position: absolute;
    top: 0;
    object-fit: cover;
    width: 93%;
    height: 100%;
    /*transform: scale(1.1); !* 영상 크기를 살짝 확대하여 검정 테두리 제거 *!*/
}
.youtube_video iframe #player .video-stream{
    transform: scale(1.1);
}
/*!* 홀수 container의 크기를 조정*!*/
/*.october_sales_swiper .swiper-container.list_normal2 .swiper-slide:nth-child(odd){*/
/*    width: 55rem !important;*/
/*}*/
/* 홀수 container의 백그라운드를 흐릿하게 조정*/
/*.october_sales_swiper .swiper-container.list_normal2 .swiper-slide:nth-child(odd) .image_box{*/
/*    background: rgba(0, 0, 0, 0.5);*/
/*}*/

/* */
.karyHouse_6_swiper .swiper.list_normal3 .swiper-slide.swiper-slide-prev,
.karyHouse_6_swiper .swiper.list_normal3 .swiper-slide.swiper-slide-next,
.karyHouse_6_swiper .swiper.list_normal4 .swiper-slide.swiper-slide-prev,
.karyHouse_6_swiper .swiper.list_normal4 .swiper-slide.swiper-slide-next,
.karyHouse_6_swiper .swiper.list_normal5 .swiper-slide.swiper-slide-prev,
.karyHouse_6_swiper .swiper.list_normal5 .swiper-slide.swiper-slide-next
{
    /*241016 삭제*/
    /*width: 11.9rem !important;*/
    width: 31.33rem;
    background-color: #ddd;

    /*width: 17% !important;*/
}
.karyHouse_6_swiper .swiper.list_normal3 .swiper-slide.swiper-slide-prev img,
.karyHouse_6_swiper .swiper.list_normal3 .swiper-slide.swiper-slide-next img,
.karyHouse_6_swiper .swiper.list_normal4 .swiper-slide.swiper-slide-prev img,
.karyHouse_6_swiper .swiper.list_normal4 .swiper-slide.swiper-slide-next img,
.karyHouse_6_swiper .swiper.list_normal5 .swiper-slide.swiper-slide-prev img,
.karyHouse_6_swiper .swiper.list_normal5 .swiper-slide.swiper-slide-next img,
.black_kary_day_wrap .swiper.list_normal3 .swiper-slide.swiper-slide-prev img,
.black_kary_day_wrap .swiper.list_normal3 .swiper-slide.swiper-slide-next img{
    opacity: 0.2; /* 70% 불투명, 30% 투명 */
}

.karyHouse_6_swiper .swiper.list_normal3 .swiper-slide.swiper-slide-active,
.karyHouse_6_swiper .swiper.list_normal4 .swiper-slide.swiper-slide-active,
.karyHouse_6_swiper .swiper.list_normal5 .swiper-slide.swiper-slide-active {
    width: 33.33rem !important;
    /*width: 280px !important;*/
    opacity: 1;
    /*transform: scale(1); !* 활성화된 슬라이드는 원래 크기로 *!*/
}

.karyHouse_6_swiper .swiper.list_normal3 .swiper-slide img,
.karyHouse_6_swiper .swiper.list_normal4 .swiper-slide img,
.karyHouse_6_swiper .swiper.list_normal5 .swiper-slide img {
    display: block;
    height: 50rem;
    object-fit: cover !important;
}
/* active, prev, next 가 아닌 경우 width: 265px 로 설정 */
.karyHouse_6_swiper .swiper.list_normal3 .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next),
.karyHouse_6_swiper .swiper.list_normal4 .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next),
.karyHouse_6_swiper .swiper.list_normal5 .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next){
    /*width: 265px !important;*/
    width: 31.54rem !important;
    opacity: 0.5;
    transform: scale(1); /* 슬라이드 크기를 살짝 줄임 */
    transition: transform 0.3s ease, opacity 0.3s ease; /* 전환 효과 추가 */
}
/* 첫 번째 슬라이드가 prev 일 경우 width: 265px 로 설정*/
.karyHouse_6_swiper .swiper.list_normal3 .swiper-slide.swiper-slide-prev:first-child,
.karyHouse_6_swiper .swiper.list_normal4 .swiper-slide.swiper-slide-prev:first-child,
.karyHouse_6_swiper .swiper.list_normal5 .swiper-slide.swiper-slide-prev:first-child {
    /*width: 265px !important;*/
    /*241016 삭제*/
    /*width: 190px !important;*/
    width: 31.33rem !important;
    opacity: 0.5;
    transform: scale(1); /* 슬라이드 크기를 살짝 줄임 */
    transition: transform 0.3s ease, opacity 0.3s ease; /* 전환 효과 추가 */
}

.karyHouse_6_swiper .swiper.list_normal3 .swiper-slide,
.karyHouse_6_swiper .swiper.list_normal4 .swiper-slide,
.karyHouse_6_swiper .swiper.list_normal5 .swiper-slide {
    opacity: 0.5;
    transform: scale(1); /* 슬라이드 크기를 살짝 줄임 */
    transition: transform 0.3s ease, opacity 0.3s ease; /* 전환 효과 추가 */
}

/* Swiper 버튼 CSS */
/*.karyHouse_6_swiper .swiper.list_normal3 .swiper-button-next,*/
/*.karyHouse_6_swiper .swiper.list_normal3 .swiper-button-prev,*/
.karyHouse_6_swiper .swiper.list_normal3 .swiper-button-next.next3,
.karyHouse_6_swiper .swiper.list_normal3 .swiper-button-prev.prev3,
.karyHouse_6_swiper .swiper.list_normal4 .swiper-button-next.next4,
.karyHouse_6_swiper .swiper.list_normal4 .swiper-button-prev.prev4,
.karyHouse_6_swiper .swiper.list_normal5 .swiper-button-next.next5,
.karyHouse_6_swiper .swiper.list_normal5 .swiper-button-prev.prev5{
    width: 50px;  /* 버튼 너비 */
    height: 50px;  /* 버튼 높이 */
    /*background-color: rgba(0, 0, 0, 0.5);  !* 반투명한 검정색 배경 *!*/
    color:  #888888;  /* 아이콘 색상 */
    border-radius: 50%;  /* 둥근 모서리로 버튼 스타일 */
    display: flex;
    justify-content: center;
    align-items: center;
}

.karyHouse_6_swiper .swiper.list_normal3 .swiper-button-next,
.karyHouse_6_swiper .swiper.list_normal3 .swiper-button-next.next3,
.karyHouse_6_swiper .swiper.list_normal4 .swiper-button-next.next4,
.karyHouse_6_swiper .swiper.list_normal5 .swiper-button-next.next5,
.black_kary_day_wrap .swiper.list_normal3 .swiper-button-next.next3{
    right: 10px;  /* 오른쪽 여백 */
}

.karyHouse_6_swiper .swiper.list_normal3 .swiper-button-prev,
.karyHouse_6_swiper .swiper.list_normal3 .swiper-button-prev.prev3,
.karyHouse_6_swiper .swiper.list_normal4 .swiper-button-prev.prev4,
.karyHouse_6_swiper .swiper.list_normal5 .swiper-button-prev.prev5,
.black_kary_day_wrap .swiper.list_normal3 .swiper-button-prev{
    left: 10px;  /* 왼쪽 여백 */
}

/* 중앙 배치 및 세로 가운데 정렬 */
.karyHouse_6_swiper .swiper.list_normal3 .swiper-button-next,
.karyHouse_6_swiper .swiper.list_normal3 .swiper-button-prev,
.karyHouse_6_swiper .swiper.list_normal3 .swiper-button-next.next3,
.karyHouse_6_swiper .swiper.list_normal3 .swiper-button-prev.prev3,
.karyHouse_6_swiper .swiper.list_normal4 .swiper-button-next.next4,
.karyHouse_6_swiper .swiper.list_normal4 .swiper-button-prev.prev4,
.karyHouse_6_swiper .swiper.list_normal5 .swiper-button-next.next5,
.karyHouse_6_swiper .swiper.list_normal5 .swiper-button-prev.prev5 {
    top: 50%;  /* 세로 가운데 정렬 */
    transform: translateY(-50%);  /* 정확한 가운데 정렬 */
}

/* 마우스를 올렸을 때 크기 변경 */
.karyHouse_6_swiper .swiper.list_normal3 .swiper-button-next:hover,
.karyHouse_6_swiper .swiper.list_normal3 .swiper-button-prev:hover,
.karyHouse_6_swiper .swiper.list_normal3 .swiper-button-next.next3:hover,
.karyHouse_6_swiper .swiper.list_normal3 .swiper-button-prev.prev3:hover,
.karyHouse_6_swiper .swiper.list_normal4 .swiper-button-next.next4:hover,
.karyHouse_6_swiper .swiper.list_normal4 .swiper-button-prev.prev4:hover,
.karyHouse_6_swiper .swiper.list_normal5 .swiper-button-next.next5:hover,
.karyHouse_6_swiper .swiper.list_normal5 .swiper-button-prev.prev5:hover{
    /*background-color: rgba(0, 0, 0, 0.8);  !* 호버 시 배경색 어둡게 *!*/
    /*transform: scale(1.2) translateY(-50%);  !* 버튼을 약간 키움 *!*/
}

/* 버튼 아이콘 크기 조정 */
.karyHouse_6_swiper .swiper.list_normal3 .swiper-button-next::after,
.karyHouse_6_swiper .swiper.list_normal3 .swiper-button-prev::after,
.karyHouse_6_swiper .swiper.list_normal3 .swiper-button-next.next3::after,
.karyHouse_6_swiper .swiper.list_normal3 .swiper-button-prev.prev3::after,
.karyHouse_6_swiper .swiper.list_normal4 .swiper-button-next.next4::after,
.karyHouse_6_swiper .swiper.list_normal4 .swiper-button-prev.prev4::after,
.karyHouse_6_swiper .swiper.list_normal5 .swiper-button-next.next5::after,
.karyHouse_6_swiper .swiper.list_normal5 .swiper-button-prev.prev5::after{
    font-size: 20px;  /* 아이콘 크기 */
}

/*-----------------------------
    캐리하우스 7
--------------------------------*/
.karyHouse_7 .kh_7_coupon_wrap {
    position: relative;
}
.karyHouse_7 .kh_7_coupon_wrap .coupon_img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 5rem 11rem;
}
/*.kh_7_swiper .swiper_container {*/
/*    position: absolute;*/
/*    top: 13rem;*/
/*}*/
.karyHouse_7 .kh_7_swiper .list_normal3 {
    padding: 0 2.375rem;
    position: relative;
    top: -47rem;
    overflow: visible !important;
}
.karyHouse_7 .kh_7_swiper .list_normal3 .swiper-slide {
    width: unset !important;
}
.karyHouse_7 .kh_7_swiper .list_normal3 .swiper-slide .pack_img {
    display: block;
    object-fit: cover !important;
    /*width: 100%;*/
    height: 100%;
    width: 35rem !important;
    border-radius: 2.5rem;
}

/* 버튼 커스텀 */
.karyHouse_7 .swiper-button-next {
    bottom: -7rem;
    right: 3rem;
    top: unset;
    cursor: pointer;
    z-index: 10000 !important;
    position: absolute;
    width: 4rem;
}
.karyHouse_7 .swiper-button-prev {
    top: unset;
    bottom: -7rem;
    right: calc(4rem + 4vh);
    left: unset;
    z-index: 10000 !important;
    position: absolute;
    width: 4rem;
}

/* 화살표 아이콘 숨기기 */
.karyHouse_7 .swiper-button-next::after,
.karyHouse_7 .swiper-button-prev::after {
    font-size: 0; /* 기본 화살표 아이콘 숨기기 */
}
/* 화살표 커스텀 (텍스트 화살표 사용) */
.karyHouse_7 .swiper-button-next::before {
    content: '>'; /* 오른쪽 화살표 */
    font-size: 24px;
    color: #ffffff00;
}
.karyHouse_7 .swiper-button-prev::before {
    content: '<'; /* 왼쪽 화살표 */
    font-size: 24px;
    color: #ffffff00;
}
.karyHouse_7 .october_sales {
    min-height: 56rem;
    max-height: 61rem;
}
.karyHouse_7_swiper.karyHouse_6_swiper .swiper-container{
    position: absolute !important;
    top: 14rem;
}
.resize_none {
    resize: none !important;
}

/*---------------------------
    블랙캐리데이
-----------------------------*/
.black_event_comment_box {
    padding: 2.375rem;
    background: #FBFAFA;
}
.comment_list_wrap {
    margin-top: 1.375rem;
    border-top: 1px solid #a9a9a9;
    border-bottom: 1px solid #a9a9a9;
}
.comment_list_wrap .comment_box {
    border-bottom: 1px solid #a9a9a9;
}
.comment_list_wrap .comment_box .comment_text{
    min-height: 40px;
}
.black_event_comment_box p {
    place-content: center;
}

/* 페이징 li 버튼 */
.pagination_ul_box {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px; /* 아이템 사이 간격 */
    padding: 0;
    margin-top: 2.375rem;
}
.pagination_ul_box li {
    padding: 10px 15px;
    border: 1px solid #ccc;
    cursor: pointer;
    font-size: 16px;
    color: #666;
    transition: background-color 0.3s, color 0.3s;
}
.pagination_ul_box li:hover {
    background-color: #f0f0f0;
}
.pagination_ul_box .active {
    font-weight: bold;
    color: #fff;
    border-bottom: 2px solid black; /* 밑줄 효과 */
}
.pagination_ul_box .prev,
.pagination_ul_box .next {
    color: #999;
}
.pagination_ul_box .prev:hover,
.pagination_ul_box .next:hover {
    color: black;
}


/*****************
    블랙 캐리데이
 ******************/

.black_kary_day.youtube_box .youtube_video {
    transform: translateX(-50%);
    left: 50%;
    top: 15rem;
}
.black_kary_day_wrap .black_kary_day_coupon_wrap,
.black_kary_day_wrap .black_kary_day_coupon_box,
.black_kary_day_wrap .sf_prd_link_box,
.black_kary_day_wrap .black_kary_event_wrap{
    background-color: #2b2b2b;
}
.black_kary_day_swiper_wrap,
.black_kary_day_swiper_box {
    background-color: #f9f9f9;
    max-height: calc(54.1rem + 3.4vh);
}
.black_kary_day_swiper_wrap .black_kary_day_swiper_box .swiper-slide {
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.black_kary_day_swiper_wrap  .black_kary_day_swiper_box .list_normal3 {
    top: -28rem;
}
.black_kary_day_swiper_wrap .pd_img{
    position: absolute;
    top: 28rem;
    max-width: 40rem;
    max-height: 28rem;
    left: 50%;
    transform: translateX(-50%);
}
/*.black_kary_day_coupon_wrap_1 {*/
/*    position: relative;*/
/*    top: -27rem;*/
/*}*/
.black_kary_day_swiper_wrap .black_kary_day_swiper_box .swiper-slide .pack_img{
    max-width: 36rem;
}
.black_kary_day_wrap .black_kary_event_wrap .img1,
.black_kary_day_wrap .black_kary_event_wrap .img2 {
    object-fit: cover;
    max-height: 38rem;
    padding: 3.375rem;
}
.black_kary_day_wrap .black_kary_event_wrap .img1 {
    top: 36rem;
}
.black_kary_day_wrap .black_kary_event_wrap .img2 {
    top: 81rem;
}
.black_kary_day_wrap .black_kary_event_85_per_box {
    position: absolute;
    top: 30rem;
    width: 100%;
    display: flex;
    padding: 2.375rem;
    align-items: center;
    flex-direction: column;
}
.black_kary_day_wrap .black_kary_event_85_per_box img {
    padding: .5rem;
    object-fit: cover;
}
.black_kary_day_wrap .swiper-button-next,
.black_kary_day_wrap .swiper-button-prev {
    color: #f9f9f900;
    width: 4rem;
}
.black_kary_event_special_event_wrap .img_wrap,
.black_kary_event_85_per_wrap .img_wrap {
    flex-wrap: wrap;
}
.black_kary_event_special_event_wrap .img_wrap a ,
.black_kary_event_85_per_wrap .img_wrap a{
    width: 49% !important;
}


/***********************
    블랙캐리데이 아우터패스타
 *************************/
.black_kary_event_special_event_wrap {
    position: relative;
    padding-bottom: 33.375rem;
}
.outerFesta_pd_wrap {
    position: absolute;
    top: 25rem;
}
.outerFesta_character_img1 {
    position: absolute;
    top: 1.5rem;
    left: 72%;
    transform: translateX(-50%);
    max-width: 7rem;
    max-height: 17rem;
    z-index: 10;
}
.outerFesta_character_img2 {
    position: absolute;
    top: 43rem;
    left: 89%;
    transform: translateX(-50%);
    max-width: 9rem;
    max-height: 28rem;
    z-index: 10;
}
.outerFesta_character_img3 {
    position: absolute;
    top: 43rem;
    left: 12%;
    transform: translateX(-50%);
    max-width: 15rem;
    max-height: 14rem;
    z-index: 10;
}
/* 이미지 가로로 흐르게 하는 효과 */
.img_flow_box {
    display: flex;
    overflow: hidden;
    width: 100%;
}
.outerFesta_text_img1 {
    position: absolute;
    top: 3rem;
    height: 1.2rem !important;
    width: unset !important;
    max-width: unset;
    z-index: 5;
}
.outerFesta_text_img2{
    position: absolute;
    top: 58rem;
    height: 1.2rem !important;
    width: unset !important;
    max-width: unset;
    z-index: 5;
}
.marquee {
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    animation: marquee 16s linear infinite;
}

@keyframes marquee {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}
/* 이미지 가로로 흐르게 하는 효과 end */
.product_list1 .outerFesta_pd_wrap {
    position: absolute;
}

.select_box_fixed {
    position: fixed;
    top: 7.7rem;
    max-width: 500px;
    width: 100%;
    z-index: 1000;
    background: #FFFFFF;
}

/**
MERRYKARY 202411
 */
#merrykary .youtube_box {
    width: 90%;
    height: 50%;
    position: absolute;
    top: 26rem;
    left: 50%;
    transform: translateX(-50%);
}

#merrykary .youtube_box2 {
    width: 90%;
    height: 81%;
    position: absolute;
    top: 14rem;
    left: 50%;
    transform: translateX(-50%);
}
#merrykary .merrykary-coupon_wrap {
/*    dsfd*/
}
#merrykary .noticeBox {
    z-index: 10000;
    position: relative;
}
#merrykary .noticeBox p {
    position: absolute;
    color: #F3F3F3;
    font-weight: 200;
}
#merrykary .noticeBox .notice_p1 {
    bottom: 27rem;
    left: 3rem;
}
#merrykary .noticeBox .notice_p2 {
    bottom: 5rem;
    left: 3rem;
}
#merrykary .santaBox img {
    max-width: 500px;
}
#merrykary .santaBox .product_list1 {
    position: absolute;
    top: 16rem;
}
#merrykary .santaBox .product_list1 .product_list1_brand {
    color: #019234;
    font-weight: 700;
    font-size: 1.75rem;
}
#merrykary .santaBox .product_list1 .product_list1_name {
    font-size: 1.5rem;
}
#merrykary .santaBox .product_list1 .product_list1_cont_box img {
    height: auto;
    aspect-ratio: 1 / 1;
}
#merrykary .santaBox .tmp_hg{
    height: 75rem;
}
#merrykary .special_offer_box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: absolute;
    top: 21rem;
    row-gap: 1rem;
}
#merrykary .special_offer_box .special_offer_wrap {
    width: calc((100% - 1rem) / 2);
}


#merrykary .merrykary_swiper_wrap .swiper-slide .pack_img{
    max-width: 100%;
}

#merrykary .merrykary_swiper_wrap  .swiper-wrapper {
    padding-bottom: 3rem;
}
#merrykary .swiper-pagination-bullet-active {
    background: #000000 !important;
}


/**************
    PHUQUOC CSS
***************/
.position_bottom_10px {
    position: absolute;
    bottom: 10px;
}
#phuquoc .pack_img.bottom_text {
    width: 30.125rem !important;
    height: 2.125rem;
    left: 50%;
    transform: translate(-50%, -50%);
}
#phuquoc .family_1 {
    position: absolute;
    top: 55rem;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 41.40625rem !important;
    height: 35%;
}
#phuquoc .family_2 {
    position: absolute;
    top: 145rem;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 41.40625rem !important;
    height: 35%;
}
#phuquoc .phuquoc_swiper {
    max-width: 500px;
    margin: 0 auto;
    position: relative;
}
#phuquoc .phuquoc_swiper > img {
    width: 100%;
    height: auto;
}


#phuquoc .phuquoc_swiper .list_normal3 {
    padding: 5rem;
    position: absolute;
    top: 25rem;
}
#phuquoc .phuquoc_swiper .list_normal3.last{
    /*top: -79rem;*/
}
#phuquoc .phuquoc_swiper .list_normal3 .swiper-slide {
    opacity: 1;
}
#phuquoc .phuquoc_swiper .list_normal3 .swiper-slide.swiper-slide-prev img,
#phuquoc .phuquoc_swiper .list_normal3 .swiper-slide.swiper-slide-next img {
    opacity: 0.2; /* 70% 불투명, 30% 투명 */
}
#phuquoc .phuquoc_swiper .list_normal3 .swiper-slide img,
#phuquoc .phuquoc_swiper .list_normal4 .swiper-slide img,
#phuquoc .phuquoc_swiper .list_normal5 .swiper-slide img {
    display: block;
    height: 55rem;
    object-fit: cover !important;
}
/* active, prev, next 가 아닌 경우 width: 265px 로 설정 */
#phuquoc .phuquoc_swiper .list_normal3 .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next) {
    opacity: 0.5;
    transform: scale(1); /* 슬라이드 크기를 살짝 줄임 */
    transition: transform 0.3s ease, opacity 0.3s ease; /* 전환 효과 추가 */
}
/* 첫 번째 슬라이드가 prev 일 경우 width: 265px 로 설정*/
#phuquoc .phuquoc_swiper .list_normal3 .swiper-slide.swiper-slide-prev:first-child {
    opacity: 0.5;
    transform: scale(1); /* 슬라이드 크기를 살짝 줄임 */
    transition: transform 0.3s ease, opacity 0.3s ease; /* 전환 효과 추가 */
}

#phuquoc .phuquoc_swiper .list_normal3 .swiper-slide{
    opacity: 0.5;
    transform: scale(1); /* 슬라이드 크기를 살짝 줄임 */
    transition: transform 0.3s ease, opacity 0.3s ease; /* 전환 효과 추가 */
}
#phuquoc .resort_swiper .pack_img_wrap {
    position: absolute;
    top: 30rem;
}
#phuquoc .brand_list_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: center;
}
#phuquoc .brand_list_box a {
    width: 48%;
}
#phuquoc .phuquoc_brand .product_list1 {
    position: absolute;
    top: 10rem;
}
.tmp_hg{
    height: 20rem;
}
.tmp_hg_35{
    height: 35rem;
}

#phuquoc .prd_slide_list_normal_first.first_slide {
    top: 87rem;
}
#phuquoc .pack_img_box.phuquoc_coupon_box {
    background: #565044 !important;
}



/**************
Goodbye2024  CSS
***************/
#goodbye2024 .noticeBox {
    z-index: 1;
    position: relative;
}
#goodbye2024 .noticeBox p {
    z-index: 10;
    color: #888888;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 2.5rem;
    position: absolute;
    top: 5rem;
    left: 5rem;
}
#goodbye2024 .noticeBox .notice_p1 {
    bottom: 27rem;
    left: 3rem;
}
#goodbye2024 .noticeBox .notice_p2 {
    bottom: 5rem;
    left: 3rem;
}
#goodbye2024 .swiper.pack_img_wrap {
    position: absolute;
    top: 28%;
}
#goodbye2024 .swiper .swiper-slide  {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
#goodbye2024 .list_normal4 {
    padding: 0 2rem 0 4rem;
}
#goodbye2024 .product_list1_cont_line .pd_list_1,
#goodbye2024 .product_list1_cont_line .pd_list_2{
    width: calc((100% - 3rem) / 2) !important;
}
#goodbye2024 .product_list1_cont_line .pd_list_3 {
    width: calc((100% - 3rem) / 3) !important;
}
#goodbye2024 .tmp_hg_green {
    height: 26rem;
    background-color: #26563A;
}
#goodbye2024 .bg_green {
    background-color: #26563A;
}
#goodbye2024 .best_awards.product_list1 {
    position: absolute;
    width: 100%;
    top: 20rem;
}
#goodbye2024 .brand_list_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: center;
}
#goodbye2024 .brand_list_box a {
    width: calc((100% - 3rem )/ 3) ;
}
#goodbye2024 .gd_brand .product_list1 {
    position: absolute;
    top: 16rem;
}
#goodbye2024 .num_circle {
    z-index: 5;
    text-align: center;
    position: absolute;
    top: -2rem;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    font-size: 1.5rem;
    font-weight: 700;
}
#goodbye2024 .num_circle.bg {
    width: 3.5rem !important;
    height: 3.5rem;
    line-height: 3.4rem;
}
#goodbye2024 .num_circle.sm {
    width: 3rem !important;
    height: 3rem;
}


#goodbye2024 .best_awards .product_list1_cont_box .product_list1_text_box1 .product_list1_brand {
    color: #FFF;
    font-size: 1.4rem;
}

#goodbye2024 .best_awards .product_list1_cont_box .product_list1_name ,
#goodbye2024 .best_awards .product_list1_cont_box .product_list1_price {
    color: #FFF;
    font-size: 1.5rem;
}

#goodbye2024 .grid_box {
    display: grid;
}
#goodbye2024 .tmp_hg{
    height: 10rem;
}


/**********************
    Welcome2025  CSS
***********************/
/*#welcome2025 .main_coupon_img {
    position: absolute;
    bottom: 12rem;
    left: 25%;
    translate: translateX(-25%);
    width: 28.75rem !important;
    height: auto;
    cursor: pointer;
    opacity: 0; !* 초기 상태에서 투명 *!
    transition: all 0.5s ease-in-out; !* 애니메이션 전환 시 자연스럽게 변화 *!
}*/
#welcome2025 .main_coupon_img_box {
    position: absolute;
    bottom: 12rem;
    left: 25%;
    transform: translateX(-25%);
    width: 28.75rem !important;
    height: auto;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
}
#welcome2025 .main_coupon_img_box .fade_in_animation {
    animation: fadein 2s ease-in-out forwards;
}
#welcome2025 .main_coupon_img_box p {
    padding-left: 4rem;
}
#welcome2025 .main_title_box {
    position: absolute;
    top: 13rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    left: 0;
    transform: translateX(0%);
    width: 100%;
    animation: fadeAndUp 2s ease-in-out forwards;
}
#welcome2025 .main_title_box img {
    width: 33.125rem !important;
}
#welcome2025 .main_title_box p {
    color: #FFFFFF;
    text-align: center;
}
#welcome2025 .main_title_box .sm_title{
    font-size: 1rem;
    font-weight: 300;
}
#welcome2025 .main_title_box .bg_title{
    font-size: 3.5rem;
    font-weight: 800;
}
#welcome2025 .special_offer_box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: absolute;
    top: 21rem;
    row-gap: 1rem;
    padding: 10px 43px !important;
}
#welcome2025 .special_offer_box .special_offer_wrap {
    width: calc((100% - 1rem) / 2);
}
#welcome2025 .special_offer_box .special_offer_wrap p {
    padding-top: 5px;
    font-size: 1.3rem;
    font-weight: 500;
}
#welcome2025 .second_title_box {
    position: absolute;
    top: 5rem;
    left: 0;
    /*transform: translateX(-25%);*/
    width: 100%;
}
#welcome2025 .second_title_box .bg_title {
    font-size: 3.8rem;
    font-weight: 700;
    color: #2A2F57;
    width: 100%;
    text-align: center;
}
#welcome2025 .third_title_box {
    position: absolute;
    top: 5rem;
    left: 0;
    transform: translateX(0%);
    width: 100%;
}
#welcome2025 .third_title_box .bg_title {
    font-size: 4rem;
    font-weight: 600;
    color: #FFFFFF;
    width: 100%;
    text-align: center;
}
#welcome2025 .third_title_box .md_title {
    font-size: 1.5rem;
    font-weight: 400;
    color: #000000;
    text-align: center;
}
#welcome2025 .third_box .third_box_icon1 {
   position: absolute;
    top: 3rem;
    right: 2rem;
    width: 3rem !important;
    height: 4rem !important;
}
#welcome2025 .third_box .third_box_icon2 {
    position: absolute;
    top: 11rem;
    left: 3rem;
    width: 3rem !important;
    height: 4rem !important;
}
#welcome2025 .third_box .third_box_icon3 {
    position: absolute;
    top: 9.5rem;
    right: 1.9rem;
    width: 10rem !important;
    height: 9rem !important;
}
#welcome2025 .third_title_box .third_box_icon2 {
    font-size: 1.5rem;
    font-weight: 400;
    color: #000000;
    text-align: center;
}
#welcome2025 .karyPromotion{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: absolute;
    top: 19.4rem;
}

/* 쿠폰 애니메이션 */
@keyframes fadeAndMove {
    0% {
        transform: translateX(-100%); /* 맨 왼쪽 */
        opacity: 0; /* 완전 투명 */
    }
    50% {
        opacity: 0.5; /* 조금 더 선명해짐 */
    }
    100% {
        transform: translateX(0); /* 정가운데 */
        opacity: 1; /* 완전히 선명 */
    }
}
@keyframes fadeAndUp {
    0% {
        transform: translateY(100%); /* 화면 아래쪽 */
        opacity: 0; /* 완전 투명 */
    }
    50% {
        opacity: 0.5; /* 중간 정도 선명 */
    }
    100% {
        transform: translateY(0); /* 원래 위치 */
        opacity: 1; /* 완전 선명 */
    }
}
@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.fade_move_animation {
    /* 애니메이션 */
    animation: fadeAndMove 4s ease-in-out forwards;
}
/* 서서히 위로 올라오는 애니메이션 */
.fade_moveup_animation {
    animation: fadeAndUp 2s ease-in-out forwards;
}
.fade_moveup_fast_animation {
    animation: fadeAndUp 0.8s ease-in-out forwards;
}
/* 서서히 짙어지는 애니메이션 */
.fade_in_animation {
    animation: fadein 2s ease-in-out forwards;
}
.sparkle {
    animation: sparkleEffect 1.4s infinite ease-in-out;
}

@keyframes sparkleEffect {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
    50% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(1.2);
    }
}
/*
    첫구매 프로모션 202501
 */
.first_purchase_model_box {
    padding-bottom: 1.563rem;
}
.first_purchase_model_box.pack_img_wrap {
    position: unset !important;
}
.first_purchase_model_box .first_purchase_text_box {
    padding: 6rem 2.4rem 0 2.4rem;
}
.first_purchase_model_box .main_title {
    color: #FC5C16;
}
/**
    LuckyCoupon
 */
#luckyCoupon .main_text_box{
    position: absolute;
    top: 20rem;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    gap: 3rem;
    align-items: center;
}
#luckyCoupon .sm_text {
    font-size: 1.213rem;
}
#luckyCoupon .bg_text {
    font-size: 3.875rem;
}
#luckyCoupon .color_blue {
    color: #11295B;

}
#luckyCoupon .event_package_box {
    position: absolute;
    bottom: 19rem;
    display: flex;
    justify-content: center;
}
#luckyCoupon .event_package_box img:nth-of-type(1) {
    width: 9rem !important;
    height: auto;
    position: absolute;
    top: 3rem;
    left: 12rem;
}
#luckyCoupon .event_package_box img:nth-of-type(2) {
    width: 9rem !important;
    height: auto;
    position: absolute;
    top: 9rem;
    z-index: 10;
}
#luckyCoupon .event_package_box img:nth-of-type(3) {
    width: 5rem !important;
    height: auto;
    position: absolute;
    z-index: 0;
}
#luckyCoupon .event_package_box img:nth-of-type(4) {
    width: 6rem !important;
    position: absolute;
    height: auto;
    right: 15rem;
}
#luckyCoupon .coupon_img_wrap{
    background: #9cb5de;
}
#luckyCoupon .coupon_roulette_gif {
    position: absolute;
    top: calc(32rem + 15px);
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
#luckyCoupon .moon_img {
    position: absolute;

    width: auto;
    height: auto;
}
#luckyCoupon .moon_img_box.fade_moveup_animation {
    position: absolute;
    width: auto;
    height: auto;
}
#luckyCoupon .kary_relay_wrapper {
    position: absolute;
    top: 19rem;
    padding: 0 7rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.56rem;
}
#luckyCoupon .relay_img_wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 1.9rem;
}
#luckyCoupon .kary_relay_event_box .relay_img_box:not(:nth-of-type(7)) {
    width: calc((100% - 2rem) / 2);
}

/**
kakaoPlus
 */
#kakaoPlus .swiper-slide img {
    max-width: 500px;
    display: block;
    width: inherit;

}
#kakaoPlus .list_normal3 .swiper-button-next,
#kakaoPlus .list_normal3 .swiper-button-prev {
    color: #fffefe00 !important;
}

/**
kmSchool2025
 */

#kmSchool .scroll_tab_wrap.fixed {
    position: fixed;
    width: 100%;
    max-width: 500px;
    z-index: 100;
    top: 7.5rem;
}
#kmSchool .scroll_tab_ul {
    display: flex;
    align-items: self-end;
}
#kmSchool .scroll_tab_ul .scroll_tab_li {
    width: 25%;
    height: 7.6rem;
    background-color: #000000;
    position: relative;
}

#kmSchool .scroll_tab_ul .scroll_tab_li span {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.4rem;
    color: #FFFFFFD1;
    text-align: center;
    cursor: pointer;
    line-height: normal;
}
#kmSchool .scroll_tab_ul .scroll_tab_li.on {
    background-color: #FE0000;
}
#kmSchool .scroll_tab_ul .scroll_tab_li.on span {
    color: #FFFFFF;
}
#kmSchool .kmSchool_kids_item_wrap,
#kmSchool .kmSchool_kids_backpack_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: center;
    position: absolute;
    top: 17rem;
}
#kmSchool .kmSchool_kids_item .kmSchool_kids_item_box {
    width: 43%;
}

#kmSchool .kmSchool_kids_backpack .kmSchool_kids_backpack_box{
    width: 27%;
}
#kmSchool .recommend_brand_wrap {
    position: absolute !important;
    top: 17rem;
    cursor: pointer;
}

#kmSchool .select_box_fixed {
    position: fixed;
    top: 14.7rem;
    max-width: 500px;
    width: 100%;
    z-index: 1000;
    background: #FFFFFF;
}

/**
warm_setup
 */
.warm_setup_md_pick {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 500px;
    height: auto;
    margin: 0 auto;
}
.warm_setup_md_pick > img {
    max-width: 500px;
    width: 100%;
}

.warm_setup_md_pick .md_pick_img_box{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 25rem;
}

.position_top_13 {
    position: absolute !important;
    top: 13rem !important;
}
.position_top_16 {
    position: absolute !important;
    top: 16rem !important;
}
.position_top_18 {
    position: absolute !important;
    top: 18rem !important;
}

.top-7{top: 7.7rem !important;}

/************
newBrand2502
*************/
/**
 * ----------------------------------------
 * animation rotate-center
 * ----------------------------------------
 */
.rotate-center {
    -webkit-animation: rotate-center 0.6s ease-in-out both;
    animation: rotate-center 0.6s ease-in-out both;
}
@-webkit-keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#newBrand .top_animation_box {
    width: 100%;
}
#newBrand .top_animation_box img {
    position: absolute;
    height: auto;
}
/*#newBrand .top_animation_box img:not(:nth-child(1)) {
    -webkit-animation: rotate-center 2s infinite ease-in-out both;
    animation: rotate-center 2s infinite ease-in-out both;
}*/
#newBrand .top_animation_box .top_img_1 {
    width: 18rem !important;
    left: 34%;
    top: 6rem;
    /*transform: translateX(-34%;*/
}
#newBrand .top_animation_box .top_img_2 {
    width: 3rem !important;
    top: 2rem;
}
#newBrand .top_animation_box .top_img_3 {
    width: 9rem !important;
    top: 0;
    right: 4rem;
}

#newBrand .top_animation_box .top_img_4 {
    width: 9rem !important;
    top: 13rem;
    left: 5rem;
}

#newBrand .top_animation_box .top_img_5 {
    width: 9rem !important;
    right: 0;
    top: 17rem;
}
#newBrand .top_animation_box .top_img_6 {
    width: 6rem !important;
    bottom: 25rem;
}
#newBrand .top_animation_box .top_img_7 {
    width: 6rem !important;
    bottom: 12rem;
}
#newBrand .top_animation_box .top_img_8 {
    width: 5rem !important;
    bottom: 12rem;
    right: 0;
}

#newBrand .countdown_box {
    width: 100%;
    position: absolute;
    bottom: 7.5rem;
    display: flex ;
    justify-content: center;
}
#newBrand .countdown_box .countdown_wrap {
    /*width: 80%;
    display: flex;
    gap: 7rem;*/
    width: 70%;
    display: flex;
    justify-content: space-between;
    gap: 1.3rem;
}
#newBrand .countdown_box .countdown_wrap p {
    /*font-size: 2.54rem;
    color: #FF7ED8;
    font-weight: 500;*/
    font-size: 2.8rem;
    color: #00A5E8;
    font-weight: 500;
    width: calc(100% / 6);
    text-align: center;
}
#newBrand .newBrand_img_box {
    padding: 5rem 0;
    background-color: #E9E9E9;
}
#newBrand .newBrand_img_box .main_title {
    text-align: center;
    font-size: 2.74rem;
    font-weight: 500;
    padding-bottom: 1rem;
}
.hr_dashed_gray {
    border-style: dashed;
    color: #C9C9C9;
    border-width: thin;
    margin: 0;
    border-block-end: none;
}
#newBrand .newBrand_img_box .swiper-container .swiper-wrapper {
    padding-bottom: 1rem;
}
#newBrand .newBrand_img_box .swiper-container .swiper-wrapper .swiper-slide {
    padding: .8rem 1.5rem;
    border-radius: 2.2rem;
    border: 1px solid #C9C9C9;
    font-size: 1.26rem;
    font-weight: 500;
    color: #000;
    background-color: #fff;
    cursor: pointer;
    width: auto !important;
    margin-right: 1rem !important;
}
#newBrand .newBrand_img_box .swiper-container .swiper-wrapper .swiper-slide.on {
    color: #fff !important;
    background-color: #000 !important;
}
#newBrand .newBrand_img_box .swiper-container .swiper_sub_title {
    padding-left: 25px;
    padding-bottom: 1rem;
    padding-top: 1rem;
    font-size: 1.24rem;
    color: #b5b5b5;
    font-weight: 500;
}
#newBrand .newBrand_img_box .newBrand_img_wrap img{
    max-width: 500px;
    width: 100%;
}


.rotate-scale-up {
    -webkit-animation: rotate-scale-up 1.65s linear both;
    animation: rotate-scale-up 1.65s linear both;
}
/**
 * ----------------------------------------
 * animation rotate-scale-up
 * ----------------------------------------
 */
@-webkit-keyframes rotate-scale-up {
    0% {
        -webkit-transform: scale(1) rotateZ(0);
        transform: scale(1) rotateZ(0);
    }
    50% {
        -webkit-transform: scale(2) rotateZ(180deg);
        transform: scale(2) rotateZ(180deg);
    }
    100% {
        -webkit-transform: scale(1) rotateZ(360deg);
        transform: scale(1) rotateZ(360deg);
    }
}
@keyframes rotate-scale-up {
    0% {
        -webkit-transform: scale(1) rotateZ(0);
        transform: scale(1) rotateZ(0);
    }
    50% {
        -webkit-transform: scale(2) rotateZ(180deg);
        transform: scale(2) rotateZ(180deg);
    }
    100% {
        -webkit-transform: scale(1) rotateZ(360deg);
        transform: scale(1) rotateZ(360deg);
    }
}


/**
 * ----------------------------------------
 * helloSpring
 * ----------------------------------------
 */

.helloSpring .hello_spring_animation_wrap {
    position: absolute;
    top: 1px;
    width: 100%;
    height: 100%;
}
.helloSpring .hello_spring_animation_wrap img {
    top: 10rem;
    position: absolute;
    height: auto;
}
.helloSpring .hello_spring_animation_wrap .flower_img1 {
    width: 11rem !important;
    height: auto;
    top: 0;
    right: 1rem;
}
.helloSpring .hello_spring_animation_wrap .flower_img2 {
    width: 5rem !important;
    top: 3rem;
    left: 44%;
}
.helloSpring .hello_spring_animation_wrap .flower_img3 {
    width: 11rem !important;
    top: 4rem;
    left: 5rem;
}
.helloSpring .hello_spring_animation_wrap .flower_img4 {
    width: 11rem !important;
    right: 11rem;
    top: 9rem;
}
.helloSpring .hello_spring_animation_wrap .flower_img5 {
    width: 9rem !important;
    top: 34rem;
}
.helloSpring .hello_spring_animation_wrap .flower_img6 {
    width: 11rem !important;
    top: 35rem;
    right: 0;
}
.helloSpring .hello_spring_animation_wrap .flower_img7 {
    width: 5rem !important;
    top: 44rem;
    left: 15rem;
}
.helloSpring .hello_spring_animation_wrap .hello_spring_title {
    width: 100%;
    font-weight: 600;
    font-size: 4.5rem;
    color: #FF95B9;
    position: absolute;
    top: 33%;
    text-align: center;
}

.text-shadow-drop-center {
    -webkit-animation: text-shadow-drop-center 0.6s both;
    animation: text-shadow-drop-center 0.6s both;
}
/**
 * ----------------------------------------
 * @animation text-shadow-drop-center
 * ----------------------------------------
 */
@-webkit-keyframes text-shadow-drop-center {
    0% {
        text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }
    100% {
        text-shadow: 0 0 18px rgba(0, 0, 0, 0.35);
    }
}
@keyframes text-shadow-drop-center {
    0% {
        text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }
    100% {
        text-shadow: 0 0 18px rgba(0, 0, 0, 0.35);
    }
}


.helloSpring .section_outer_box {
    position: relative;
}
.helloSpring .section_outer_box .section_outer_wrap {
    position: absolute;
    top: 28rem;
    gap: 1.5rem;
    overflow: hidden;
    width: 100%;
    max-width: 500px;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.helloSpring .section_outer_box > img {
    max-width: 500px;
    width: 100%;
}
.helloSpring .section_outer_box .section_outer_wrap .section_outer_images{
    display: flex;
    gap: 1.5rem;
    align-items: center;
    justify-content: center;
}

.helloSpring .section_outer_box .section_outer_wrap a {
    width: 45%;
}
.helloSpring .section_outer_box .section_outer_wrap a img {
    width: 100%;
}
.helloSpring .section_sweatshirt_box .section_sweatshirt_wrap{
    top: 7rem !important;
}
.helloSpring .section_pants_box {
    position: relative;
}
.helloSpring .section_pants_box .section_pants_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
     gap: 1.5rem;
    position: absolute;
    top: 6rem;
    /* width: 100%; */
    padding: 1.5rem;

}
.helloSpring .section_pants_box > img{
    width: 100%;
    max-width: 500px;
}
.helloSpring .section_pants_box .section_pants_wrap a {
    width: 33%;
}
.helloSpring .section_pants_box .section_pants_wrap img {
    width: 100%;
}
.helloSpring .section_shoes .section_outer_wrap {
    top: 7rem !important;
}
.helloSpring .event_search_box {
    position: relative;
}
.helloSpring .event_search_box > img{
    width: 100%;
    max-width: 500px;
}
.helloSpring .event_search_box .event_search_wrap {
    width: 70%;
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -65%);
}

.helloSpring .event_search_box .event_search_wrap .event_search_input{
    position: relative;
    width: 100%;
    border: 2px solid #000;
    border-radius: 10rem;
    height: 4rem;
    padding-left: 1.5rem;
    /* line-height: normal; */
    display: flex;
    align-items: center;
}
.helloSpring .event_search_box .event_search_wrap .event_search_icon {
    position: absolute;
    right: 2rem;
    width: 7% !important;
}


.text-focus-in {
    -webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
.helloSpring #eventDrawerDiv {
    top: 7.7rem !important;
}
.helloSpring .product_list1_cont .product_list1_cont_line .is_square {
    /*padding-bottom: 0 !important;*/
}
/**
 * ----------------------------------------
 * animation text-focus-in
 * ----------------------------------------
 */
@-webkit-keyframes text-focus-in {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }
    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}
@keyframes text-focus-in {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }
    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}

.text-focus-in-out {
    -webkit-animation: text-focus-in-out 4.5s infinite cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    animation: text-focus-in-out 4.5s infinite cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

/* 웹킷 브라우저용 keyframes */
@-webkit-keyframes text-focus-in-out {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }
    50% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
    100% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }
}

/* 표준 브라우저용 keyframes */
@keyframes text-focus-in-out {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }
    50% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
    100% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }
}


/**
bloomingHome
 */
#bloomingHome .main_flower_img {
    width: 24rem !important;
    position: absolute;
    top: 19rem;
    height: 31rem;
    left: 50%;
    transform: translateX(-50%);
}
#bloomingHome .warm_setup_md_pick .md_pick_img_box {
    flex-wrap: wrap;
    padding: 0 2.56rem;
    gap: 1.5rem;
    top: 8rem;
}
#bloomingHome .warm_setup_md_pick.first .md_pick_img_box {
    top: 14rem !important;
}
#bloomingHome .warm_setup_md_pick .more_btn {
    font-size: 1.5rem;
    color: #fff;
    position: absolute;
    left: 50%;
    bottom: 6rem;
    transform: translateX(-50%);
    border: 1px solid #0142A0;
    width: 90%;
    border-radius: 1rem;
    height: 4.5rem;
    background-color: #0142A0;
    text-align: center;
    line-height: 3;
}
/*#bloomingHome .warm_setup_md_pick.first .more_btn {
    top: 8.5rem !important;
}*/
#bloomingHome .warm_setup_md_pick .furniture_img_wrap {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
#bloomingHome .warm_setup_md_pick .furniture_img_wrap:last-of-type a:first-child {
    flex: 6;
}
#bloomingHome .warm_setup_md_pick .furniture_img_wrap:last-of-type a:last-child {
    flex: 4;
}

#bloomingHome .main_text_wrap {
    position: absolute;
    top: 5rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    gap: 1.5rem;
    width: 100%;
}
#bloomingHome .main_text_wrap p:first-of-type {
    font-size: 5rem;
    color: #0142A0;
    font-weight: 600;
    width: 100%;
}
#bloomingHome .main_text_wrap p:last-of-type {
    font-size: 2rem;
    color: #0142A0;
    font-weight: 500;
}

/******************
PREMIUM OUTLET
 *******************/
#premiumOutlet .main_text_wrap {
    position: absolute;
    /*top: 7rem;*/
    top: 11rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
#premiumOutlet .main_text_wrap .main_text_p {
    font-size: 4.4rem;
    text-align: center;
    /*color: #288598;*/
    color: #fff;
    font-weight: 600;
    width: 100%;
}


.focus-in-expand-fwd {
    -webkit-animation: focus-in-expand-fwd 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: focus-in-expand-fwd 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/**
 * ----------------------------------------
 * animation focus-in-expand-fwd
 * ----------------------------------------
 */
@-webkit-keyframes focus-in-expand-fwd {
    0% {
        letter-spacing: -0.5em;
        -webkit-transform: translateZ(-800px);
        transform: translateZ(-800px);
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}
@keyframes focus-in-expand-fwd {
    0% {
        letter-spacing: -0.5em;
        -webkit-transform: translateZ(-800px);
        transform: translateZ(-800px);
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}

.rotate-vert-center {
    animation: rotate-vert-center .5s ease-in-out infinite;
    -webkit-animation: rotate-vert-center .5s ease-in-out infinite;
    animation-duration: 1s;
    /*-webkit-animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both infinite ;
    animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both infinite;*/
    /*animation-delay: 3s;*/
}
/**
 * ----------------------------------------
 * animation rotate-vert-center
 * ----------------------------------------
 */
@-webkit-keyframes rotate-vert-center {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }
    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}
@keyframes rotate-vert-center {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }
    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

#premiumOutlet .pd_img_box {
    position: absolute;
    display: flex;
    align-items: center;
    top: 25rem;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    gap: 2.5rem;
}
#premiumOutlet .pd_img_box .pd_img_wrap {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
}

#premiumOutlet .pd_img_wrap:last-of-type {
    top: 20rem !important;
}
#premiumOutlet .pd_img_wrap .pd_img1 {
    width: 14.5rem !important;
}
#premiumOutlet .pd_img_wrap .pd_img2 {
    width: 15.5rem !important;
}
#premiumOutlet .pd_img_wrap .pd_img3 {
    width: 11.5rem !important;
}
#premiumOutlet .special_price_box {
    position: relative;
}
#premiumOutlet .special_price_box .special_price_bg{
    width: 100%;
    max-width: 500px;

}

#premiumOutlet .special_price_box .special_price_wrap {
    position: absolute;
    top: 17rem;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: center;
    padding: 1.5rem;
}

/************************

 *************************/

#ap_8 .heart_img {
    width: 3rem !important;
    height: auto;
    position: absolute;
}
#ap_8 .heart_img:nth-of-type(2) {
    top: 10rem;
    left: 13rem;
    width: 2.5rem !important;
}
#ap_8 .heart_img:nth-of-type(3) {
    top: 12rem;
    right: 9rem;
}
#ap_8 .heart_img:nth-of-type(4) {
    top: 13rem;
    left: 10rem;
}
#ap_8 .karyhouse_title {
    position: absolute;
    top: 20rem;
    width: 16rem !important;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
}
#ap_8 .iframe-video-wrap {
    position: absolute;
    top: 42rem !important;
    width: 100%;
}

#ap_8 .ap_cleaning_photo {
    position: absolute;
    top: 33rem;
    left: 50%;
    transform: translateX(-50%);
    width: 58% !important;
    height: auto;
}
/*#ap_8 .living_photo_box .living_photo_wrap {
    padding: 0 1.56rem;
    position: absolute;
    top: 1px;
}*/
#ap_8 .living_photo_box .ap_living_photo:nth-of-type(2) {
    width: 55% !important;
    height: auto;
    position: absolute;
    right: 5rem;
    top: 10rem;
}
#ap_8 .living_photo_box .ap_living_photo:nth-of-type(3) {
    position: absolute;
    top: 47%;
    width: 32% !important;
    left: 6rem;
    height: auto;
}
#ap_8 .living_photo_box .ap_living_photo:nth-of-type(4) {
    position: absolute;
    top: 83rem;
    height: auto;
    left: 5rem;
    width: 24rem !important;
}
#ap_8 .living_photo_box .ap_living_photo_a:nth-of-type(1) {
    position: absolute;
    top: 25rem;
    width: 28% !important;
    height: auto;
    left: 5rem;
}
#ap_8 .living_photo_box .ap_living_photo_a:nth-of-type(2) {
    position: absolute;
    top: 63rem;
    width: 25% !important;
    height: auto;
    right: 8rem;
}
#ap_8 .living_photo_box .ap_living_photo_a:nth-of-type(3) {
    position: absolute;
    bottom: 14rem;
    width: 23% !important;
    height: auto;
    right: 5rem;
}
#ap_8 .kids_bed_photo_box .ap_kids_bed_photo:nth-of-type(2) {
    position: absolute;
    top: 18rem;
    width: 14rem !important;
    height: auto;
    left: 4rem;
}
#ap_8 .kids_bed_photo_box .ap_kids_bed_photo:nth-of-type(3) {
    position: absolute;
    top: 44.7rem;
    width: 43% !important;
    height: auto;
    right: 3rem;
}
#ap_8 .kids_bed_photo_box .ap_kids_bed_photo:nth-of-type(4) {
    position: absolute;
    bottom: 5%;
    width: 46% !important;
    height: auto;
    right: 3rem;
}
#ap_8 .kids_bed_photo_box .ap_kids_bed_photo_a:nth-of-type(1) {
    position: absolute;
    top: 25rem;
    width: 18rem !important;
    height: auto;
    right: 3rem;
}
#ap_8 .kids_bed_photo_box .ap_kids_bed_photo_a:nth-of-type(2) {
    top: 38.5rem;
    position: absolute;
    left: 4rem;
    width: 41% !important;
    height: auto;
}
#ap_8 .kids_bed_photo_box .ap_kids_bed_photo_a:nth-of-type(3) {
    position: absolute;
    bottom: 22%;
    width: 35% !important;
    height: auto;
    left: 5rem;
}
/*dress room*/
#ap_8 .dress_photo_box .ap_dress_photo:nth-of-type(2) {
    position: absolute;
    top: 17rem;
    width: 60% !important;
    height: auto;
    right: 2rem;
}
#ap_8 .dress_photo_box .ap_dress_photo:nth-of-type(3) {
    position: absolute;
    top: 29rem;
    height: auto;
    width: 45% !important;
    left: 50%;
    transform: translateX(-50%);
}
#ap_8 .dress_photo_box .ap_dress_photo_a:nth-of-type(1) {
    top: 20rem;
    position: absolute;
    width: 13rem !important;
    left: 2rem;
}
#ap_8 .dress_photo_box .ap_dress_photo_a:nth-of-type(2) {
    position: absolute;
    top: 30rem;
    width: 11%;
    right: 5rem;
    height: auto;
}
/*laundry room*/
#ap_8 .laundry_photo_box .ap_laundry_photo:nth-of-type(2) {
    position: absolute;
    top: 11rem;
    width: 40% !important;
    height: auto;
    left: 4rem;
}
#ap_8 .laundry_photo_box .ap_laundry_photo:nth-of-type(3) {
    position: absolute;
    top: 28rem;
    width: 40% !important;
    height: auto;
    right: 5rem;
}
#ap_8 .laundry_photo_box .ap_laundry_photo_a:nth-of-type(1) {
    top: 12rem;
    position: absolute;
    width: 25%;
    height: auto;
    right: 8rem;
}


/*bath room*/
#ap_8 .bath_photo_box .bath_photo_2 {
    position: absolute;
    top: 12rem;
    height: auto;
    width: 45% !important;
    left: 3rem;
}
#ap_8 .bath_photo_box .bath_photo_3 {
    position: absolute;
    top: 12rem;
    right: 27%;
    width: 17%;
    height: auto;
}
#ap_8 .bath_photo_box .bath_photo_4 {
    top: 12rem;
    position: absolute;
    right: 10%;
    width: 17% !important;
    height: auto;
}
#ap_8 .bath_photo_box .bath_photo_5 {
    position: absolute;
    top: 28rem;
    width: 27.7% !important;
    height: auto;
    left: 3rem;
}
#ap_8 .bath_photo_box .bath_photo_6 {
    position: absolute;
    top: 28rem;
    height: auto;
    width: 46% !important;
    right: 19%;
}
#ap_8 .bath_photo_box .bath_photo_7 {
    position: absolute;
    top: 42rem;
    height: auto;
    width: 50% !important;
    left: 3rem;
}

#ap_8 .bath_photo_box .bath_photo_8 {
    position: absolute;
    top: 45rem;
    height: auto;
    width: 14% !important;
    right: 27%;
}
#ap_8 .bath_photo_box .bath_photo_9 {
    position: absolute;
    top: 42rem;
    width: 20% !important;
    height: auto;
    right: 2rem;
}
#ap_8 .bath_photo_box .bath_photo_10 {
    position: absolute;
    top: 75rem;
    width: 17% !important;
    height: auto;
    left: 8rem;
}
#ap_8 .bath_photo_box .bath_photo_11 {
    position: absolute;
    height: auto;
    width: 45% !important;
    right: 7rem;
    top: 77rem;
}
#ap_8 .bath_photo_box .bath_photo_12 {
    position: absolute;
    top: 94rem;
    height: auto;
    width: 75% !important;
    right: 7rem;
}
#ap_8 .bath_photo_box .bath_photo_13 {
    position: absolute;
    top: 110rem;
    height: auto;
    width: 20% !important;
    right: 3rem;
}
#ap_8 .work_room_photo_box .work_room_photo_1 {
    position: absolute;
    top: 13rem;
    left: 12rem;
    height: auto;
    width: 40% !important;
}
#ap_8 .work_room_photo_box .work_room_photo_2 {
    position: absolute;
    width: 40% !important;
    height: auto;
    top: 28rem;
    left: 12rem;
}
#ap_8 .work_room_photo_box .work_room_photo_3 {
    position: absolute;
    width: 30% !important;
    height: auto;
    top: 17rem;
    right: 1.5rem;
}
#ap_8 .work_room_photo_box .work_room_photo_4 {
    position: absolute;
    bottom: 0;
    height: auto;
    width: 15% !important;
    left: 2rem;

}
#ap_8 .study_room_photo_box .study_room_photo_1 {
    width: 25% !important;
    height: auto;
    position: absolute;
    top: 15rem;
    left: 3rem;
}
#ap_8 .study_room_photo_box .study_room_photo_2 {
    width: 25% !important;
    height: auto;
    position: absolute;
    top: 15rem;
    left: 17rem;
}
#ap_8 .study_room_photo_box .study_room_photo_3 {
    position: absolute;
    top: 33rem;
    width: 25% !important;
    height: auto;
    left: 3rem;
}

#ap_8 .study_room_photo_box .study_room_photo_4 {
    width: 25% !important;
    height: auto;
    position: absolute;
    top: 33rem;
    left: 17rem;
}
#ap_8 .study_room_photo_box .study_room_photo_5 {
    width: 21% !important;
    height: auto;
    position: absolute;
    top: 12.5rem;
    right: 4.5rem;
}
#ap_8 .study_room_photo_box .study_room_photo_6 {
    width: 21% !important;
    height: auto;
    position: absolute;
    top: 23rem;
    right: 4.5rem;
}
#ap_8 .study_room_photo_box .study_room_photo_7 {
    width: 15% !important;
    height: auto;
    position: absolute;
    top: 33rem;
    right: 5.5rem;

}
#ap_8 .study_room_photo_box .study_room_photo_8 {
    width: 20% !important;
    height: auto;
    position: absolute;
    top: 44rem;
    right: 4.5rem;
}
#ap_8 .study_room_photo_box .study_room_photo_9 {
    width: 20% !important;
    height: auto;
    position: absolute;
    top: 55.3rem;
    right: 4.5rem;
}

.scale-in-center-infinite {
    -webkit-animation: scale-in-center 3.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both infinite;
    animation: scale-in-center 3.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both infinite;
}
.scale-in-center {
    -webkit-animation: scale-in-center 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-in-center 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2025-3-13 15:32:48
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-in-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-center {
    0% {
        transform: scale(0) translateX(-50%);
        opacity: 1;
    }
    100% {
        transform: scale(1) translateX(-50%);
        opacity: 1;
    }
}


.bounce-in-top {
    -webkit-animation: bounce-in-top 1.1s both;
    animation: bounce-in-top 1.1s both;
}

/**
 * ----------------------------------------
 * animation bounce-in-top
 * ----------------------------------------
 */
@-webkit-keyframes bounce-in-top {
    0% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    38% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1;
    }
    55% {
        -webkit-transform: translateY(-65px);
        transform: translateY(-65px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    72% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    81% {
        -webkit-transform: translateY(-28px);
        transform: translateY(-28px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    95% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}
@keyframes bounce-in-top {
    0% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    38% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1;
    }
    55% {
        -webkit-transform: translateY(-65px);
        transform: translateY(-65px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    72% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    81% {
        -webkit-transform: translateY(-28px);
        transform: translateY(-28px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    95% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}


.slide-fwd-center {
    -webkit-animation: slide-fwd-center 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-fwd-center 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/**
 * ----------------------------------------
 * animation slide-fwd-center
 * ----------------------------------------
 */
@-webkit-keyframes slide-fwd-center {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    100% {
        -webkit-transform: scale(1) translateX(-50%);
        transform: scale(1) translateX(-50%);
    }
}
@keyframes slide-fwd-center {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    100% {
        -webkit-transform: scale(1) translateX(-50%);
        transform: scale(1) translateX(-50%);
    }
}


.slide-right {
    -webkit-animation: slide-right 3.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both infinite;
    animation: slide-right 3.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both infinite;
}
.slide-right-slow {
    -webkit-animation: slide-right 4.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both infinite;
    animation: slide-right 4.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both infinite;
}

/**
 * ----------------------------------------
 * animation slide-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-right {
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    70% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
     0%{
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
         opacity: 0;
     }
}
@keyframes slide-right {
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    70% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
}

.slide-left {
    -webkit-animation: slide-left 3.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both infinite;
    animation: slide-left 3.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both infinite;
}
.slide-left-slow {
    -webkit-animation: slide-left 4.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both infinite;
    animation: slide-left 4.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both infinite;
}

/**
 * ----------------------------------------
 * animation slide-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-left {
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    70% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
}
@keyframes slide-left {
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;

    }
    70% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
}

/**
new Brand 3
 */
#newBrand .march.top_animation_box .top_img_1 {
    /*width: 27rem !important;*/
    /*left: 26%;
    top: 6rem;*/
    /*transform: translateX(-34%;*/
    width: 30rem !important;
    left: 21%;
    top: 2rem;
}
#newBrand .march.top_animation_box .top_img_2 {
    /*width: 12rem !important;
    top: 0;
    right: 3rem;*/
    width: 13rem !important;
    top: 0;
    right: 2rem;
}
#newBrand .march.top_animation_box .top_img_3 {
    /*width: 9rem !important;
    top: 5px;
    right: 4rem;
    left: -2rem;*/
    width: 6rem !important;
    top: 4rem;
    left: 4rem;
}

#newBrand .march.top_animation_box .top_img_4 {
    width: 10rem !important;
    top: 13rem;
    left: 5rem;
}

#newBrand .march.top_animation_box .top_img_5 {
    width: 13rem !important;
    right: 0;
    top: 17rem;
}
#newBrand .march.top_animation_box .top_img_6 {
    /*width: 12rem !important;
    bottom: 27rem;
    left: -5rem;*/
    width: 18.5rem !important;
    bottom: 24rem;
    left: -5rem;
}
#newBrand .march.top_animation_box .top_img_7 {
    width: 8rem !important;
    bottom: 13rem;
    left: -3rem;
}
#newBrand .march.top_animation_box .top_img_8 {
    width: 10rem !important;
    bottom: 10rem;
    right: -4rem;
}

#newBrand .march.countdown_box .countdown_wrap p {
    color: #00A5E8;
}
.march.top_animation_box .animate__animated.animate__bounce {
    /*animation: bounce; !* referring directly to the animation's @keyframe declaration *!*/
    animation: bounce 2s infinite; /* don't forget to set a duration! */
}

/******************
 * livingFair 2504
 ******************/

#livingFair .living_fair_top_text_box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 10rem;
    gap: 1rem;
    left: 50%;
    transform: translate(-50%);
}
#livingFair .living .living_fair_top_text_box {
    left: 0 !important;
    transform: none !important;
}
#livingFair .living_fair_top_text_box [class^="living_fair_top_text_"] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}
#livingFair .living_fair_top_text_box .living_fair_top_text_third_wrap {
    justify-content: end !important;
    width: 100%;
}

#livingFair .living_fair_top_text_box img {
    width: 6rem !important;
    height: auto;
}
#livingFair .coupon_pack_wrap{
    position: relative;
}
#livingFair .coupon_pack_box {
    position: absolute;
    top: 16rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    flex-direction: column;
}
#livingFair .coupon_pack_box .coupon_pack_download_btn {
    width: 7rem !important;
    position: absolute;
    bottom: 13rem;
    height: auto;
    right: -3rem;
}
#livingFair .menu_list {
    width: 100%;
    background-color: #000000;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0 1rem 1rem 1rem;
}
#livingFair .menu_list img {
    width: 32% !important;
    cursor: pointer;
}

#livingFair .section_tab_box {
    display: flex;
    background-color: #000;
    gap: .5rem;
    padding: 1.3rem 1rem 0 1rem;
}
#livingFair .section_description_wrap {
    padding: 0 1rem;
    background-color: #000;
}
#livingFair .section_tab_wrap {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: .5rem;
}
#livingFair .section_tab_box > img {
    width: 35% !important;
    height: auto;
}
/*4개 짜리 Start */
 .section_pd_box .section_pd_wrap_1,
 .section_pd_box .section_pd_wrap_2,
 .section_pd_box .section_pd_wrap_4,
 #section_2F .section_pd_box .section_pd_wrap_3,
 #section_3F .section_pd_box .section_pd_wrap_3{
    position: relative;
}
 #section_1F .section_pd_box .section_pd_wrap_1 .section_pd_list ,
 #section_1F .section_pd_box .section_pd_wrap_2 .section_pd_list,
 #section_1F .section_pd_box .section_pd_wrap_4 .section_pd_list ,
 #section_2F .section_pd_box .section_pd_wrap_3 .section_pd_list ,
 #section_3F .section_pd_box .section_pd_wrap_3 .section_pd_list {
    position: absolute;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    padding: 1rem;
    gap: 1rem;
    top: 38rem;
}
 #section_2F .section_pd_box .section_pd_wrap_3 .section_pd_list ,
 #section_3F .section_pd_box .section_pd_wrap_3 .section_pd_list {
    top: 46rem;
    gap: 2rem;
}
 #section_1F .section_pd_box .section_pd_wrap_1 .section_pd_list img ,
 #section_1F .section_pd_box .section_pd_wrap_2 .section_pd_list img ,
 #section_1F .section_pd_box .section_pd_wrap_4 .section_pd_list img {
    width: 47% !important;
    height: auto;
}
 #section_2F .section_pd_box .section_pd_wrap_3 .section_pd_list img ,
 #section_3F .section_pd_box .section_pd_wrap_3 .section_pd_list img {
    width: 45% !important;
    height: auto;
}
/*4개 짜리 End*/

 #section_1F .section_pd_wrap_3 {
    position: relative;
}
 #section_1F .section_pd_wrap_3 .section_pd_list {
    position: absolute;
    top: 34rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    margin: 2rem;
}
 #section_1F .section_pd_wrap_3 .d-flex img {
    width: 40% !important;
}
 #section_1F .section_pd_wrap_3 .section_pd_list > img {
    padding: 0 4rem;
}
 #section_2F .section_pd_wrap_1 .section_pd_list {
    position: absolute;
    top: 30rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 11rem;
}
 #section_2F .section_pd_wrap_1 .section_pd_list > img {
    width: 90% !important;
}
 #section_2F .section_pd_wrap_1 .section_pd_list .d-flex img {
    width: 45% !important;
}
/*2개짜리 Start*/
 #section_2F .section_pd_wrap_2 .section_pd_list ,
 #section_2F .section_pd_wrap_4 .section_pd_list {
    display: flex;
    position: absolute;
    justify-content: center;
    top: 68rem;
    padding: 2rem;
    gap: 1.5rem;
}
 #section_2F .section_pd_wrap_2 .section_pd_list img,
 #section_2F .section_pd_wrap_4 .section_pd_list img{
    width: 49% !important;
    height: auto;
}
/*2개짜리 End*/
 #section_3F .section_pd_wrap_1 .section_pd_list {
    padding: 3rem;
    position: absolute;
    top: 23rem;
    display: flex;
    gap: 11rem;
    flex-direction: column;
}


 #section_3F .section_pd_wrap_1 .section_pd_list .d-flex img:nth-of-type(1) {
    width: 55% !important;
    height: auto;
}
 #section_3F .section_pd_wrap_1 .section_pd_list .d-flex img:nth-of-type(2) {
    width: 35% !important;
    height: auto;
}
 #section_3F .section_pd_wrap_2 .section_pd_list {
    display: flex;
    align-items: center;
    position: absolute;
    top: 27rem;
    padding: 4rem;
    flex-direction: column;
    gap: 4rem;
}

 #section_3F .section_pd_wrap_4 .section_pd_list {
    position: absolute;
    top: 52rem;
    padding: 4rem;
}
 #section_3F .section_pd_wrap_4 .section_pd_list .d-flex img {
    width: 51% !important;
    height: auto;
}


/**
babyFair 2504
 */
.babyFair .living_fair_top_text_box {
    width: 84%;
}
.babyFair .living_fair_top_text_first_wrap {
    width: 100%;
    justify-content: start;
}
.babyFair #section_1F .section_pd_box .section_pd_wrap_1 .section_pd_list {
    top: 28rem !important;
    display: flex;
    gap: 10rem;
    padding: 2rem;
}
.babyFair #section_1F .section_pd_box .section_pd_wrap_1 .section_pd_list > img ,
.babyFair #section_1F .section_pd_box .section_pd_wrap_2 .section_pd_list > img,
.babyFair #section_1F .section_pd_box .section_pd_wrap_3 .section_pd_list > img{
    width: 100% !important;
}
.babyFair #section_1F .section_pd_box .section_pd_wrap_2 .section_pd_list ,
.babyFair #section_1F .section_pd_box .section_pd_wrap_3 .section_pd_list {
    top: 25rem !important;
    display: flex;
    gap: 10rem;
    padding: 2rem;
}
.babyFair #section_1F .section_pd_box .section_pd_wrap_3 .section_pd_list {
    top: 28rem !important;
    gap: 15rem;
}
.babyFair #section_1F .section_pd_box .section_pd_wrap_3 .section_pd_list .d-flex img{
    width: 46% !important;
}
.babyFair #section_1F .section_pd_wrap_3 .section_pd_list > img {
    padding: 0 !important;
}
.babyFair #section_1F .section_pd_wrap_4 .section_pd_list {
    flex-direction: column;
    padding: 6rem;
    top: 20rem;
}
.babyFair #section_1F .section_pd_wrap_4 .section_pd_list img {
    width: 100% !important;
}
.babyFair #section_1F .section_pd_wrap_5 .section_pd_list {
    position: absolute;
    top: 33rem;
    padding: 4rem;
}
.babyFair #section_1F .section_pd_wrap_5 .section_pd_list .d-flex img{
    width: 47% !important;
    margin-bottom: 3rem;
}
.babyFair #section_1F .section_pd_wrap_6 .section_pd_list {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 13rem;
    padding: 2rem;
    top: 25rem;
}
.babyFair #section_1F .section_pd_wrap_7 .section_pd_list {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 7rem;
    padding: 4rem;
    top: 31rem;
}
.babyFair #section_1F .section_pd_wrap_6 .section_pd_list .d-flex img ,
.babyFair #section_1F .section_pd_wrap_7 .section_pd_list .d-flex img {
    width: 47% !important;
}

.babyFair #section_2F .section_pd_wrap_1 .section_pd_list {
    top: 33rem;
    gap: 2rem;
}
.babyFair #section_2F .section_pd_wrap_2 .section_pd_list {
    top: 25rem;
    gap: 2rem;
}
.babyFair #section_2F .section_pd_wrap_2 img {
    width: 100% !important;
}

.babyFair #section_2F .section_pd_wrap_3 .section_pd_list {
    top: 25rem;
    padding: 5rem;
    gap: 14rem;
}
.babyFair #section_2F .section_pd_wrap_3 .section_pd_list .d-flex img:nth-of-type(1) {
    width: 41% !important;
    height: auto;
}
.babyFair #section_2F .section_pd_wrap_3 .section_pd_list .d-flex img:nth-of-type(2) ,
.babyFair #section_3F .section_pd_wrap_2 .section_pd_list img {
    width: 47% !important;
}
.babyFair #section_2F .section_pd_wrap_3 .section_pd_list > img {
    width: 100% !important;
}

.babyFair #section_2F .section_pd_wrap_4 .section_pd_list {
    flex-direction: column;
    padding: 4rem;
    top: 40rem;
    gap: 4rem;
}
.babyFair #section_2F .section_pd_wrap_4 .section_pd_list img{
    width: 100% !important;
}

.babyFair #section_2F .section_pd_wrap_5 .section_pd_list {
    position: absolute;
    display: flex;
    top: 20rem;
    padding: 4rem;
    gap: 2rem;
    flex-direction: column;
}

.babyFair #section_3F .section_pd_wrap_1 .section_pd_list {
    top: 27rem;
    gap: 13rem;
    display: flex;
    align-items: center;
}
.babyFair #section_3F .section_pd_wrap_1 .section_pd_list .d-flex img {
    width: 30% !important;
}

.babyFair #section_3F .section_pd_wrap_1 .section_pd_list > img {
    width: 67% !important;
}

.babyFair #section_3F .section_pd_wrap_2 .section_pd_list {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 2rem;
    gap: 2rem;
    justify-content: center;
    align-items: center;
    row-gap: 15rem;
    top: 30rem;
}
.babyFair #section_3F .section_pd_wrap_3 .section_pd_list {
    top: 38rem;
}

.babyFair #section_3F .section_pd_wrap_4 .section_pd_list {
    display: flex;
    flex-direction: column;
    top: 35.7rem;
    gap: 4rem;
}
.babyFair #section_3F .section_pd_wrap_5 .section_pd_list {
    top: 30rem;
    position: absolute;
    padding: 2rem;
    gap: 18rem;
    display: flex;
    flex-direction: column;
}

/**
flip card 시작
 */
.flip-container {
    perspective: 1000px;
    /*width: 300px;   !* 원하는 크기로 조정 *!
    height: 200px;  !* 원하는 크기로 조정 *!*/
    /*margin: 50px auto;*/
    /*cursor: pointer;*/
}
.flipper {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease;
    transform-style: preserve-3d;
}
/* flip 클래스가 추가되면 180도 회전 */
.flip-container.flip .flipper {
    transform: rotateY(180deg);
}
/* 앞면과 뒷면 설정 */
.front, .back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}
/* 앞면은 기본으로 보임 */
.front {
    z-index: 2;
}
/* 뒷면은 기본 상태에서 180도 회전되어 있음 */
.back {
    /*transform: rotateY(180deg);*/
    transform: rotateX(180deg);
}
/**
flip card 끝
 */


.flip-horizontal-bottom {
    -webkit-animation: flip-horizontal-bottom 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    animation: flip-horizontal-bottom 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2025-3-31 17:16:38
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation flip-horizontal-bottom
 * ----------------------------------------
 */
@-webkit-keyframes flip-horizontal-bottom {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
    }
    100% {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
    }
}
@keyframes flip-horizontal-bottom {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
    }
    100% {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
    }
}

/*카드 위치 잡아주기 START */
.living_fair_top_text_first_wrap .flipper:nth-of-type(1) {
    -webkit-animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
.living_fair_top_text_first_wrap .flipper:nth-of-type(2) {
    left: 7rem;
    -webkit-animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955).2s both;
    animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955).2s both;
}
.living_fair_top_text_first_wrap .flipper:nth-of-type(3) {
    left: 14rem;
    -webkit-animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) .4s both;
    animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) .4s both;
}
.living_fair_top_text_first_wrap .flipper:nth-of-type(4) {
    left: 21rem;
    -webkit-animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) .6s both;
    animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) .6s both;
}

/*seconds 영역*/
.living_fair_top_text_second_wrap .flipper:nth-of-type(1) {
    left: 7rem;
    top: 10rem;
    -webkit-animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) .8s both;
    animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) .8s both;
}

.living_fair_top_text_second_wrap .flipper:nth-of-type(2) {
    left: 14rem;
    top: 10rem;
    -webkit-animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 1s both;
    animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 1s both;
}
.living_fair_top_text_second_wrap .flipper:nth-of-type(3) {
    left: 21rem;
    top: 10rem;
    -webkit-animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 1.2s both;
    animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 1.2s both;
}
.living_fair_top_text_second_wrap .flipper:nth-of-type(4) {
    left: 28rem;
    top: 10rem;
    -webkit-animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 1.4s both;
    animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 1.4s both;
}

/** third 영역*/
.babyFair .living_fair_top_text_third_wrap .flipper:nth-of-type(1) {
    left: 14rem;
    top: 20rem;
    -webkit-animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 1.6s both;
    animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 1.6s both;
}
.babyFair .living_fair_top_text_third_wrap .flipper:nth-of-type(2) {
    left: 21rem;
    top: 20rem;
    -webkit-animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 1.8s both;
    animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 1.8s both;
}
.babyFair .living_fair_top_text_third_wrap .flipper:nth-of-type(3) {
    left: 28rem;
    top: 20rem;
    -webkit-animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 2s both;
    animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 2s both;
}
.babyFair .living_fair_top_text_third_wrap .flipper:nth-of-type(4) {
    left: 35rem;
    top: 20rem;
    -webkit-animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 2.2s both;
    animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 2.2s both;
}


/**
livingFair 부분적으로 잡아주기
 */
.living .living_fair_top_text_first_wrap .flipper:nth-of-type(1) {
    left: 10rem;
    -webkit-animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
.living .living_fair_top_text_first_wrap .flipper:nth-of-type(2) {
    left: 17rem;
    -webkit-animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955).2s both;
    animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955).2s both;
}
.living .living_fair_top_text_first_wrap .flipper:nth-of-type(3) {
    left: 24rem;
    -webkit-animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) .4s both;
    animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) .4s both;
}
.living .living_fair_top_text_first_wrap .flipper:nth-of-type(4) {
    left: 31rem;
    -webkit-animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) .6s both;
    animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) .6s both;
}

/*living seconds section */
.living .living_fair_top_text_second_wrap .flipper:nth-of-type(1) {
    left: 3rem;
    top: 10rem;
    -webkit-animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) .8s both;
    animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) .8s both;
}

.living .living_fair_top_text_second_wrap .flipper:nth-of-type(2) {
    left: 10rem;
    top: 10rem;
    -webkit-animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 1s both;
    animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 1s both;
}
.living .living_fair_top_text_second_wrap .flipper:nth-of-type(3) {
    left: 17rem;
    top: 10rem;
    -webkit-animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 1.2s both;
    animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 1.2s both;
}
.living .living_fair_top_text_second_wrap .flipper:nth-of-type(4) {
    left: 24rem;
    top: 10rem;
    -webkit-animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 1.4s both;
    animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 1.4s both;
}
.living .living_fair_top_text_second_wrap .flipper:nth-of-type(5) {
    left: 31rem;
    top: 10rem;
    -webkit-animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 1.6s both;
    animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 1.6s both;
}
.living .living_fair_top_text_second_wrap .flipper:nth-of-type(6) {
    left: 38rem;
    top: 10rem;
    -webkit-animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 1.8s both;
    animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 1.8s both;
}

/*living third section */
.living .living_fair_top_text_third_wrap .flipper:nth-of-type(1) {
    left: 17rem;
    top: 20rem;
    -webkit-animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 2s both;
    animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 2s both;
}
.living .living_fair_top_text_third_wrap .flipper:nth-of-type(2) {
    left: 24rem;
    top: 20rem;
    -webkit-animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 2.2s both;
    animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 2.2s both;
}
.living .living_fair_top_text_third_wrap .flipper:nth-of-type(3) {
    left: 31rem;
    top: 20rem;
    -webkit-animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 2.4s both;
    animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 2.4s both;
}
.living .living_fair_top_text_third_wrap .flipper:nth-of-type(4) {
    left: 38rem;
    top: 20rem;
    -webkit-animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 2.6s both;
    animation: flip-horizontal-bottom .5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 2.6s both;
}

/*카드 위치 잡아주기 END */

/**
karyblossom2504
 */
#karyblossom .main_bg_box .main_bg_text {
    /*position: absolute;
    top: 2rem;
    height: auto;
    left: 50%;
    transform: translate(-53%);
    --animate-repeat: infinite;*/
    position: absolute;
    top: 2rem;
    height: auto;
    left: -3%;
    /* transform: translate(-53%); */
    --animate-repeat: infinite;
}
#karyblossom .youTube {
    position: absolute;
    top: 3rem;
    left: 50%;
    transform: translate(-50%);
    width: 86%;
}
#karyblossom .youTube #player{
    width: 100%;
    height: 55rem;
}
#karyblossom .kary_event_wrap {
    position: absolute;
    top: 12rem;
    left: 50%;
    transform: translate(-50%);
    display: flex ;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 2.5rem;
    gap: 1rem;
}
#karyblossom .kary_event_wrap > img {
    width: 100%;
    height: auto;
}
#karyblossom .kary_event_box .icon1 {
    height: auto;
    position: absolute;
    width: 10rem !important;
    bottom: 21rem;
    right: 0;
    z-index: 10;
}
#karyblossom .kary_event_box .icon2 {
    height: auto;
    position: absolute;
    bottom: 3rem;
    width: 16rem !important;
    left: 0;
    z-index: 10;
}
#karyblossom .section1_wrap,
#karyblossom .section2_wrap,
#karyblossom .section3_wrap{
    display: flex;
    position: absolute;
    top: 19rem;
    align-items: center;
    flex-direction: column;
    gap: 1rem;
    margin: 1.572rem;
}
#karyblossom .top-20 {
    top: 20rem;
}
#karyblossom .top-21 {
    top: 21rem;
}
#karyblossom .section3_wrap{
    top: 29.5rem;
}
#karyblossom .section2_wrap .d-flex {
    padding: 0 1.5rem;
}
#karyblossom .section1_wrap .d-flex img,
#karyblossom .section3_wrap .d-flex img{
    width: 45% !important;
    height: auto;
}
#karyblossom .section2_wrap .d-flex img {
    width: 32% !important;
    height: auto;
}
#karyblossom .section1_wrap > a,
#karyblossom .section3_wrap > a {
    width: 92% !important;
}
#karyblossom .section2_wrap > a {
    width: 94% !important;
}

#karyblossom .section1 .icon3 {
    width: 15rem !important;
    position: absolute;
    bottom: 0;
    right: 0;
    height: auto;
    z-index: 10;
}
#karyblossom .section1 .icon7 {
    width: 15rem !important;
    position: absolute;
    bottom: -2rem;
    right: -2rem;
    height: auto;
    z-index: 10;
}
#karyblossom .section2 .icon4 {
    width: 13rem !important;
    position: absolute;
    bottom: 0;
    left: 0;
    height: auto;
    z-index: 10 !important;
}
#karyblossom .section2 .bl_minus_1 {
    bottom: -1rem;
    left: -1rem;
}
#karyblossom .section2 .icon5 {
    width: 15rem !important;
    position: absolute;
    bottom: -1rem;
    right: 0;
    height: auto;
    z-index: 10 !important;
}

#karyblossom .section3 .icon6 {
    width: 15rem !important;
    position: absolute;
    bottom: -1.7rem;
    left: 0;
    height: auto;
    z-index: 10 !important;
}
#karyblossom [class*="icon"]{
    -webkit-animation: pulsate-bck 0.8s ease-in-out infinite both;
    animation: pulsate-bck 0.8s ease-in-out infinite both;
}

.animate__animated.animate__bounce {
    animation: bounce; /* referring directly to the animation's @keyframe declaration */
    animation-duration: 2s; /* don't forget to set a duration! */
}

.pulsate-bck {
    -webkit-animation: pulsate-bck 0.5s ease-in-out infinite both;
    animation: pulsate-bck 0.5s ease-in-out infinite both;
}
#karyblossom video {
    width: 100% !important;
    height: auto !important;
    left: unset !important;
}

/**
 * ----------------------------------------
 * animation pulsate-bck
 * ----------------------------------------
 */
@-webkit-keyframes pulsate-bck {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes pulsate-bck {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}


/**
childrenDay2504
 */

#childrenDay .main_text {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 68% !important;
    height: auto;
}

.square_img_flex_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
}

.square_img_flex_wrap .square_img {
    width: 45% !important;
    height: auto;
}

.absolute_top_17{
    position: absolute;
    top: 17rem;
}
.absolute_top_25 {
    position: absolute;
    top: 25rem;
}
.absolute_top_16 {
    position: absolute;
    top: 16rem;
}
#childrenDay .absolute_top_15 {
    position: absolute;
    top: 15rem;
}
#childrenDay .countdown_box {
    width: 100%;
    position: absolute;
    bottom: 8rem;
    display: flex ;
    justify-content: center;
}
#childrenDay .countdown_box .countdown_wrap {
    /*width: 80%;
    display: flex;
    gap: 7rem;*/
    width: 70%;
    display: flex;
    justify-content: space-between;
    gap: 1.3rem;
}
#childrenDay .countdown_box .countdown_wrap p {
    /*font-size: 2.54rem;
    color: #FF7ED8;
    font-weight: 500;*/
    font-size: 2.6rem;
    color: #035DAC;
    font-weight: 500;
    width: calc(100% / 6);
    text-align: center;
}
#childrenDay .main_section_text_wrap {
    position: absolute;
    top: 27%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
#childrenDay .main_section_text_wrap p {
    font-size: 6rem;
    font-weight: 600;
    color: #F1E287;
}
.absolute_bottom_0 {
    position: absolute;
    bottom: 0;
    z-index: 1;
}
#helloSummer .main_section_text_wrap {
    position: absolute;
    top: 5rem;
}
#helloSummer .main_section_text_wrap .text_wrap img:nth-of-type(1) {
    width: 40% !important;
}
#helloSummer .main_section_text_wrap .text_wrap img:nth-of-type(2) {
    width: 70% !important;
    height: auto;
}
#helloSummer .resort_swiper .swiper-slide,
#summerHoliday .resort_swiper .swiper-slide {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    padding: 2rem;
    justify-content: center;
    width: 100%;
}
.bg_yellow {
    background: #FCDD59;
}
#helloSummer .prd_slide_list_normal_first.top {
    position: absolute;
    top: 27rem;
}
.tmp_hg_70{
    height: 70rem;
}

#helloSummer .pack_img_wrap.newBrand {
    display: flex;
    flex-direction: column;
    gap: 5rem;
    justify-content: center;
    align-items: center;
}

/**
SUMMER CAMP
 */
#summerCamp .best_brand_area .list_normal4 .swiper-slide {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.25rem;
}
#summerCamp .main-title {
    color: #9DFF25;
    font-size: 5.2rem;
    font-weight: 500;
    text-align: center;
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

/**
rainyDay2506
 */

#rainyDay2506 .main_text_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
@keyframes slideInDownFade {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate__slideInDownFade {
    animation-name: slideInDownFade;
    animation-duration: 1s;
    animation-fill-mode: both;
}
.main_text1 {
    width: 80% !important;
}
.main_text2 {
    width: 90% !important;
}

.delay-1s {
    animation-delay: 1s;
}


/**
karyGuide2504
 */
#karyGuide .tab_box {
    display: flex;
}
#karyGuide .tab_box img {
    width: 50% !important;
    height: auto;
    cursor: pointer;
}
.black_half_button2.custom {
    border-radius: 4px !important;
    height: 5rem;
    font-size: 1.5rem;
    width: 35%;
    line-height: .9;
}
#karyGuide .thekarypoint_join_box .black_half_button2 {
    position: absolute;
    bottom: 37%;
    left: 50%;
    transform: translate(-50%);
}
#karyGuide .tab_box.position_fixed {
    max-width: 500px;
    z-index: 10;
    top: 7rem;
}

/**
summerHoliday 2506
 */
#summerHoliday .text_wrap {
    position: absolute;
    width: 80% !important;
    height: auto;
    top: 16rem;
    left: 50%;
    transform: translateX(-50%);
}
#summerHoliday .square_img_flex_wrap .square_img {
    width: 41% !important;
    height: auto;
}
#summerHoliday .pack_img_box .img1 {
    position: absolute;
    bottom: 31rem;
    width: 20rem !important;
    height: auto;
    left: -6rem;
}
#summerHoliday .pack_img_box .img2 {
    position: absolute;
    bottom: 35rem;
    width: 11rem !important;
    height: auto;
    right: 0;
}
#summerHoliday .pack_img_box .img3 {
    position: absolute;
    top: -1rem;
    left: -5rem;
    width: 36rem !important;
    height: auto;
}
#summerHoliday .pack_img_box .img3 {
    position: absolute;
    top: -1rem;
    left: -5rem;
    width: 36rem !important;
    height: auto;
}
#summerHoliday .pack_img_box .img4 {
    position: absolute;
    top: 2rem;
    right: 3rem;
    width: 7rem !important;
    height: auto;
}


#happySummer .text_img1 {
    position: absolute;
    width: 80% !important;
    height: auto;
    top: 38%;
    left: 11%;
}
/*********************
    karyhouse Ep09
**********************/
#karyhouseEp09 .insta_btn_group {
    position: absolute;
    top: 25rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 1.25rem;
}
.flex_direction_column_align_center_gap_1 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
}

#karyhouseEp09 .youTube {
    /*width: 400px;
    height: 320px;*/
    position: absolute;
    top: 47rem;
    display: flex;
    justify-content: center;
    width: 100%;
}

#karyhouseEp09 .youTube iframe {
    height: 27rem;
    width: 90%;
}
#karyhouseEp09 .youTube_wrap {
    position: absolute;
    top: 75rem;
    padding: 0 1rem;
}
#karyhouseEp09 .youTube_wrap a {
    width: 30% !important;
}

#karyhouseEp09 .mountain_story .list_normal4,
#karyhouseEp09 .house_story .list_normal4,
#karyhouseEp09 .sea_story .list_normal4{
    position: absolute !important;
    top: 26rem;
}
#karyhouseEp09 .swiper_wrap {
    position: absolute;
    top: 75rem;
}


.evt-summerVacation .coupon_img_wrap [data-img="coupon-bg"],
.evt-summerVacation [data-img="bestBrand-bg"],
.evt-summerVacation [data-img="vacationSale-bg"],
.evt-summerVacation [data-img="newBrand-bg"],
.evt-summerVacation [data-img="seasonOffEarlyBird-bg"],
.evt-summerVacation [data-img="summerVacation-bg"]{
    position: relative;
}
.evt-summerVacation .coupon-download-box{
    position: absolute;
    bottom: 6rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}
.evt-summerVacation .coupon-download-box img{
    width:32rem !important;
}
.evt-summerVacation .coupon-download-box div span img{
    width: 8rem !important;
}
.evt-summerVacation .coupon-download-box [data-coupon="coupon1"], .evt-summerVacation .coupon-download-box [data-coupon="coupon2"]{
    position: relative;
}
.evt-summerVacation .coupon-download-box [data-coupon="coupon1"] span, .evt-summerVacation .coupon-download-box [data-coupon="coupon2"] span{
    position: absolute;
    top: 0;
    right: -3%;
    transform: translateY(-15%);
}

.evt-summerVacation .bestBrand-img-box {
    position: absolute;
    bottom: 8.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    display: flex;
    flex-wrap: wrap; /* 여러 줄 허용 */
    justify-content: center; /* 가운데 정렬 */
    cursor: pointer;
    gap: 3rem; /* 필요시 간격 */
}

.evt-summerVacation .bestBrand-img-box > span {
    width: 18%; /* 4개씩 들어가도록 설정 (gap 고려) */
    box-sizing: border-box;
}

.evt-summerVacation .vacationSale-img-box {
    position: absolute;
    bottom: 8.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 85%;
    display: flex;
    cursor: pointer;
    gap: 3rem;
}
.evt-summerVacation .new-brand-box{
    position: absolute;
    bottom: 6rem;
    left: 50%;
    transform: translateX(-50%);
    width: 88%;
    display: flex;
    flex-wrap: wrap; /* 여러 줄 허용 */
    justify-content: center; /* 가운데 정렬 */
    cursor: pointer;
    gap: 3rem; /* 필요시 간격 */
}

.evt-summerVacation .new-brand-banner_box{
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.evt-summerVacation .season-off-early-bird-box{
    position: absolute;
    bottom: 7rem;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
}

.evt-summerVacation .season-off-early-bird-banner-box{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3rem;
}

.evt-summerVacation .season-off-early-bird-banner-box > a {
    width: 45%; /* 4개씩 들어가도록 설정 (gap 고려) */
    box-sizing: border-box;
}

.evt-summerVacation .summerVacation-icon-box [data-icon="motion1"]{
    height: auto;
    position: absolute;
    bottom: 0rem;
    left: 0rem;
    z-index: 10;
    width: 10rem !important;
    transform: rotate(45deg);
}
.evt-summerVacation .summerVacation-icon-box [data-icon="motion2"]{
    height: auto;
    position: absolute;
    top: 16rem;
    right: 0rem;
    z-index: 10;
    width: 13rem !important;
}
.evt-summerVacation .summerVacation-icon-box [data-icon="motion3"]{
    height: auto;
    position: absolute;
    bottom: 0em;
    right: 0rem;
    z-index: 10;
    width: 21rem !important;
}
.evt-summerVacation .summerVacation-icon-box [data-icon="motion4"]{
    height: auto;
    position: absolute;
    top: 2.5em;
    right: 7rem;
    z-index: 10;
    width: 20rem !important;
}
.evt-summerVacation .summerVacation-icon-box [data-icon="motion5"]{
    height: auto;
    position: absolute;
    bottom: 0rem;
    right: 6rem;
    z-index: 10;
    width: 21rem !important;
}

.summerVacation-icon-box [class*="icon"]{
    -webkit-animation: pulsate-bck 0.8s ease-in-out infinite both;
    animation: pulsate-bck 0.8s ease-in-out infinite both;
}

.evt-summerVacation .mustHaveItem-prd-box{
    width: 100%;
    height: 100%;
}
.evt-summerVacation .mustHaveItem-prd-box .sv-prd{
}

.evt-summerVacation .mustHaveItem-prd-box .sv-prd .sv-prd-title{
 /*   width: 15rem !important;*/
}

.evt-summerVacation .mustHaveItem-prd-box [data-prd="prd1"]{
    width: 100%;
    display: flex;
    flex-wrap: wrap; /* 여러 줄 허용 */
    justify-content: center; /* 가운데 정렬 */
    cursor: pointer;
    gap: 3rem; /* 필요시 간격 */
}


.evt-summerVacation .mustHaveItem-prd-box [data-prd="prd"]{
    margin-top: 4rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap; /* 여러 줄 허용 */
    justify-content: center; /* 가운데 정렬 */
    cursor: pointer;
    gap: 3rem; /* 필요시 간격 */
}


/*.swiper-container.sv-mustHaveItem-container.list_normal .swiper-slide{
    width: unset !important;
}*/

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(50px);
    }
    50% {
        opacity: 1;
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        transform: translateX(-10px); /* 살짝 왼쪽으로 빠지도록 */
    }
}

.fade-in-right {
    animation: fadeInRight 2s ease-in-out infinite;
}

#giftEvent2507 .main_text_wrap {
    position: absolute;
    top: 28rem;
    width: 90% !important;
    left: 50%;
    transform: translate(-50%);
}


#giftEvent2507 .kary_pick_best_brand .kary_pick_img_wrap {
    position: absolute;
    top: 11rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
}
#giftEvent2507 .kary_pick_best_brand .pick_img {
    width: 43% !important;
}