/* BASIC css start */
#contentWrap {width: 100%; max-width: 1000px; text-align: center;}
#contentWrap > * { max-width: none !important;}


/*°øÅë| ÃÊ±â*/

.evt_wrap {width: 100%; margin: 0 auto;}
.evt_wrap .motion-box {position: relative; display: block; width: 100%; height: 100%; overflow: hidden;}
.action { position: absolute; display: inline-block;}
.scroll-animate-box {position: absolute;display: block;width: 100%;left: 0;}
.animate-common { opacity: 0; transform: translateY(25px); transition: all 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.ani-animate.animate-bottom {animation: order_vertical 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.bounce-in {animation: bounce-in 1.2s both;}

/* Swiper ÇÊ¼ö Å¬·¡½º ¿À·ù ¹æÁö */
.swiper-slide {display: flex;justify-content: center;align-items: center;}



/* Evt 01 */
@keyframes bounce-m {0% {transform: translateY(0);} 100% {transform: translateY(-3.7037vw);}}
@keyframes bounce-pc {0% {transform: translateY(0);} 100% {transform: translateY(-40px);}}
.updown {animation: bounce-m 1.8s alternate infinite;}
.updown {animation-name: bounce-pc;}
.ev01-obj1 {width: 10%;top: 10.6%;right: 9.6%;}
.ev01-obj2 {width: 10%;top: 37%;left: 3.5%;animation-delay: 0.6s;}
.ev01-obj3 {width: 16%;top: 49.75%;right: 4.3%;z-index: 3;animation-delay: 1.2s;}

.ev01-tit{animation: fadeSlideUpStrong-m 0.6s cubic-bezier(0.1, 0, 0.1, 2.1) both;z-index: 2;}
.ev01-tit{animation-name: fadeSlideUpStrong-pc;}
.ev01-tit1{width: 60%;top: 9%;left: 20%;transform: translateX(-50%);animation-delay: 0.7s;}

.ev01-title {animation-name: fadeSlideUpSoft-pc;}
.ev01-title {animation: fadeSlideUpSoft-m 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
.ev01-title1 {width: 60%;top: 17%;left: 20%;animation-delay: 1s;}
.ev01-title2 {width: 80%;top: 23.2%;left: 10.05%;animation-delay: 1.3s;}
.ev01-title3 {width: 40%;top: 37.2%;left: 30.05%;animation-delay: 1.5s;}
.ev01-title4 {bottom: 8%;;left: 0%;animation-delay: 1.5s;}


/* Evt 02 */
#ev02 .scroll-animate-box.ev02A-ani { height: 163vw; top: 6.292%;}
#ev02 .ev02-tit1 {top: 0; left: 0%;}
#ev02 .ev02-tit2 {top: 41%;left: 0%;}


/* Evt 03 */
#ev03 .scroll-animate-box.ev03A-ani {height: 163vw; top: 12.292%;}
#ev03 .ev03-tit1 {top: 0; left: 0%;}
#ev03 .ev03-tit2 {top: 40%;left: 0%;}
#ev03 .ev03-tit3 {top: 103%;left: 0%;}


/* Evt 04 */
#ev04 {top:-56px;}
#ev04 .scroll-animate-box.ev04A-ani {top: 41.2%;}
#ev04 .ev04-obj1 {width: 7%;top: 11%;left: 31%;}
#ev04 .ev04-obj2 {width: 7%;top: 10%;left: 43%;}
#ev04 .ev04-obj3 {width: 7%;top: 10%;left: 54%;}
#ev04 .ev04-obj4 {width: 7%;top: 11%;left: 66%;}
#ev04 .ev04-obj5 {width: 13%;top: 35%;right: 18%;animation: shake-style 0.8s infinite ease-in-out alternate;}
#ev04 a {display: block; width: 100%; height: 100%; cursor: pointer;}


/* Evt 06 */
#ev06 {background:#c7d96f;}
#ev06 .tab_buttons {display: flex;text-align: center;flex-direction: row;margin: 90px auto 0;justify-content: center;gap: 34px;}
#ev06 .tab_buttons button {width: 25%;height: 69px;font-size: 22px;font-weight: 500;border-radius: 6px;color: #c7d96f;background-color: #f4f4f4;}
#ev06 .tab_buttons button.active {font-weight: bold;color: #ffffff;background-color: #000;}
.thumbsSwiper {padding: 5%!important;}
.mainSwiper img,
.thumbsSwiper .swiper-slide {width: 100%; height: auto;}
.thumbsSwiper .swiper-slide {cursor: pointer;height: 60px;line-height: 60px;font-size: 1.2em;font-weight: 500;border-radius: 6px;color: #c7d96f;background-color: #f4f4f4;  }
.thumbsSwiper .swiper-slide-thumb-active { font-weight: bold;color: #ffffff;background-color: #000;  }

/* ¸ð¹ÙÀÏ ´ëÀÀ (320px ÀÌÇÏ) */
@media (max-width: 320px) {
  .thumbsSwiper .swiper-slide {
    font-size: 1em; /* 1em = ºÎ¸ð ±âÁØ, ¾à 16px */
  }
}

/* Evt 07 */
#ev07 .dailylikeBox { position: absolute; display: inline-block; text-indent: -9999px; font-size: 0; white-space: nowrap; overflow: hidden; width: 29.1%; height: 0; padding-top: 28.88%; }

#ev07 .dailylikeBox1 {top: 21.1%;left: 6%;}
#ev07 .dailylikeBox2 {top: 21.1%;left: 35.5%;}
#ev07 .dailylikeBox3 {top: 21.1%;left: 65.2%;}
#ev07 .dailylikeBox4 {top: 40.1%;left: 6%;}
#ev07 .dailylikeBox5 {top: 40.1%;left: 35.5%;}
#ev07 .dailylikeBox6 {top: 40.1%;left: 65.2%;}
#ev07 .dailylikeBox7 {top: 59.2%;left: 6%;}
#ev07 .dailylikeBox8 {top: 59.2%;left: 35.5%;}
#ev07 .dailylikeBox9 {top: 59.2%;left: 65.2%;}



#ev07 .dailylikePopupBox {position: absolute;opacity: 0;z-index: -1;left: 50%;width: 100%;transition: all ease-out .2s;-webkit-transition: all ease-out .2s;-ms-transition: all ease-out .2s;-moz-transition: all ease-out .2s;-o-transition: all ease-out .2s;transform: translate(-50%, 15%);-webkit-transform: translate(-50%, 15%);}
#ev07 .dailylikePopupBox.on { display: block; opacity: 1; z-index: 6; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);}
.evt_dim.on {display: block;}
.evt_dim { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.33; z-index: 4;}


#ev07 .dailylikePopupBox.dailylikePopup1 {top: 19%; width:80%;}
#ev07 .dailylikePopupBox.dailylikePopup2 {top: 19%; width:80%;}
#ev07 .dailylikePopupBox.dailylikePopup3 {top: 19%; width:80%;}
#ev07 .dailylikePopupBox.dailylikePopup4 {top: 19%; width:80%;}
#ev07 .dailylikePopupBox.dailylikePopup5 {top: 19%; width:80%;}
#ev07 .dailylikePopupBox.dailylikePopup6 {top: 19%; width:80%;}
#ev07 .dailylikePopupBox.dailylikePopup7 {top: 19%; width:80%;}
#ev07 .dailylikePopupBox.dailylikePopup8 {top: 19%; width:80%;}
#ev07 .dailylikePopupBox.dailylikePopup9 {top: 19%; width:80%;}
#ev07 .dailylikePopupBox img {width:100%;}

/* .section_08 »óÇ° °øÅë*/
.section_08 .cate_tit {padding: 0px 7px;border-bottom: 1px solid #ededed;height: 24px;scroll-margin-top: 100px;}
.section_08 .cate_tit h3 {font-size: 13px;line-height: 16px;font-weight: 600;color: #242729;text-align: left;}
.section_08 .items  {display: flex;gap: 10px;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;padding: 0 5px;}
.section_08 .items li {width: calc(50% - 5px);padding-bottom: 30px;}
/*.section_08 .items li .dc {color: #008cff;}*/
.section_08 .items li .prd-review a {color: #292b2b; font-size: 12px; line-height: 12px;}
.section_08 #tab-8 {padding-top: 12px;}
.section_08 .prd-review .review_btn:before {display:none;}

@keyframes fadeSlideUpStrong-m {
  0% { transform: translateY(6.6296vw); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}

@keyframes fadeSlideUpStrong-pc {
  0% { transform: translateY(71.59968px); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}


@keyframes fadeSlideUpSoft-m {
  0% { transform: translateY(4.6296vw); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}

@keyframes fadeSlideUpSoft-pc {
  0% { transform: translateY(50px); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}


@keyframes order_vertical {
  0% { transform: translateY(25px); opacity: 0; }
  100% { transform: translateY(0); opacity: 1;}
}

@keyframes shake-style {
0% {transform: rotate(-4.5deg)}
10% {transform: rotate(-4.5deg)}
20% {transform: rotate(-4.5deg)}
30% {transform: rotate(-4.5deg)}
40% {transform: rotate(-4.5deg)}
50% {transform: rotate(-4.5deg)}
54% {transform: rotate(-4.5deg)}
56% {transform: rotate(4.5deg)}
60% {transform: rotate(4.5deg)}
70% {transform: rotate(4.5deg)}
80% {transform: rotate(4.5deg)}
90% {transform: rotate(4.5deg)}
100% {transform: rotate(4.5deg)}
}

@keyframes bounce-in {
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;
}


/* footer */
#footer {margin:0!important;}





/* BASIC css end */

