@charset "utf-8";
.eve_detail{width:37.5rem;max-width:37.5rem;margin:0 auto;}
.eve_detail .hide{width:0;height:0;font-size:0;line-height:0;letter-spacing:0;color:transparent;}
.eve_detail .con{position:relative;overflow:hidden;width:37.5rem;min-width: 37.5rem;}
.eve_detail .btnPC{display:none !important;}
.eve_detail .eventLink{position:absolute;left:50%;font-size:0;color:transparent;text-decoration:none;cursor:pointer;transform:translateX(-50%);}

/* 네비게이션 s */
.eve_detail .evtNavi {display:flex;z-index:3;}
.eve_detail .evtNavi.fixed {position:fixed;width:37.5rem;}
.eve_detail .evtNavi ul{display:flex;align-items:center;justify-content:space-between;gap:0.1rem;width:100%;background:#000;}
.eve_detail .evtNavi li{flex:1;}
.eve_detail .evtNavi li button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:6rem;font-weight:600;font-size:1.4rem;line-height:2rem;letter-spacing:-0.15rem;text-align:center;color:#fff;background-color:#000;}
.eve_detail .evtNavi li.on button{color:#000;background-color:#fff;}

.eventBanner{position:absolute;inset:0;font-size:0;color:transparent;text-decoration:none;}
[class^="con ban_"] {width:37.5rem;overflow:hidden;margin:0 auto;}
[class^="con banner_"] {width:37.5rem;overflow:hidden;margin:0 auto;}

.isf_1{height:20.25rem;background:url('./isf_1.png') no-repeat 0 0 / 100% 100%;}
.isf_2{height:20.25rem;background:url('./isf_2.png') no-repeat 0 0 / 100% 100%;}
.volcano_1{height:20.25rem;background:url('./volcano_1.png') no-repeat 0 0 / 100% 100%;}
.luckyDraw_1{height:20.25rem;background:url('./luckyDraw_1.png') no-repeat 0 0 / 100% 100%;}
.newMember_1{height:22.85rem;background:url('./newMember_1.png') no-repeat 0 0 / 100% 100%;}
.newMember_2{height:5.3rem;background:url('./newMember_2.png') no-repeat 0 0 / 100% 100%;}
.check_1{height:5.3rem;background:url('./check_1.png') no-repeat 0 0 / 100% 100%;}
.shinhan_1{height:40.7rem;background:url('./shinhan_1.png') no-repeat 0 0 / 100% 100%;}
.lotte_1{height:40.7rem;background:url('./lotte_1.png') no-repeat 0 0 / 100% 100%;}
.roulette_1{height:68.85rem;background:url('./roulette_1.png') no-repeat 0 0 / 100% 100%;}
.roulette_2{height:68.85rem;background:url('./roulette_2.png') no-repeat 0 0 / 100% 100%;}
.roulette_1 .eventBanner,
.roulette_2 .eventBanner{position:absolute;top:auto;left:50%;bottom:4.0rem;width:24.0rem;height:4.0rem;transform:translateX(-50%);}
.reply_1{height:68.45rem;background:url('./reply_1.png') no-repeat 0 0 / 100% 100%;}
.reply_1 .eventBanner{position:absolute;top:auto;left:50%;bottom:4.0rem;width:24.0rem;height:4.0rem;transform:translateX(-50%);}
.card_day8{height:62.5rem;background:url(card_day8.png) no-repeat 0 0 / 100% 100%;}
.card_day8 .eventBanner{inset:auto;left:50%;width:33.3rem;height:19.8rem;transform:translateX(-50%);}
.card_day8 .eventLink1{bottom:26.8rem;}
.card_day8 .eventLink2{bottom:5.0rem;}
.card_day10{height:84.3rem;background:url(card_day10.png) no-repeat 0 0 / 100% 100%;}
.card_day10 .eventBanner{inset:auto;left:50%;width:33.3rem;height:19.8rem;transform:translateX(-50%);}
.card_day10 .eventLink1{bottom:48.6rem;}
.card_day10 .eventLink2{bottom:26.8rem;}
.card_day10 .eventLink3{bottom:5.0rem;}
.card_day11{height:84.3rem;background:url(card_day11.png) no-repeat 0 0 / 100% 100%;}
.card_day11 .eventBanner{inset:auto;left:50%;width:33.3rem;height:19.8rem;transform:translateX(-50%);}
.card_day11 .eventLink1{bottom:48.6rem;}
.card_day11 .eventLink2{bottom:26.8rem;}
.card_day11 .eventLink3{bottom:5.0rem;}

.startleCoupon{height:20.25rem;background:url('./startleCoupon.png') no-repeat 0 0 / 100% 100%;}
.membership{height:20.25rem;background:url('./membership.png') no-repeat 0 0 / 100% 100%;}
.membershipMain{height:20.25rem;background:url('./membershipMain.png') no-repeat 0 0 / 100% 100%;}
.membershipBox{height:20.25rem;background:url('./membershipBox.png') no-repeat 0 0 / 100% 100%;}
.membershipWelcome{height:32.1rem;background:url('./membershipWelcome.png') no-repeat 0 0 / 100% 100%;}

.card_day17{height:84.3rem;background:url(card_day17.png) no-repeat 0 0 / 100% 100%;}
.card_day17 .eventBanner{inset:auto;left:50%;width:33.3rem;height:19.8rem;transform:translateX(-50%);}
.card_day17 .eventLink1{bottom:48.6rem;}
.card_day17 .eventLink2{bottom:26.8rem;}
.card_day17 .eventLink3{bottom:5.0rem;}
.card_day20{height:84.3rem;background:url(card_day20.png) no-repeat 0 0 / 100% 100%;}
.card_day20 .eventBanner{inset:auto;left:50%;width:33.3rem;height:19.8rem;transform:translateX(-50%);}
.card_day20 .eventLink1{bottom:48.6rem;}
.card_day20 .eventLink2{bottom:26.8rem;}
.card_day20 .eventLink3{bottom:5.0rem;}
.card_day23{height:62.5rem;background:url(card_day23.png) no-repeat 0 0 / 100% 100%;}
.card_day23 .eventBanner{inset:auto;left:50%;width:33.3rem;height:19.8rem;transform:translateX(-50%);}
.card_day23 .eventLink1{bottom:26.8rem;}
.card_day23 .eventLink2{bottom:5.0rem;}
.card_day24{height:40.7rem;background:url(card_day24.png) no-repeat 0 0 / 100% 100%;}
.card_day24 .eventBanner{inset:auto;left:50%;width:33.3rem;height:19.8rem;transform:translateX(-50%);}
.card_day24 .eventLink1{bottom:5.0rem;}
.card_day27>img{position:relative;z-index:1;display:block;}
.card_day27 .eventBanner{position:absolute;z-index:2;width:33.3rem;height:19.8rem;bottom:5.0rem;}

.banner_gel img{display:block;}
.banner_gel > *{position:absolute;z-index:2;}
.banner_gel > img{position:relative;z-index:1;}
.banner_gel .eventBanner{width:100%;height:100%;z-index:6;}
.banner_gel .obj1{position:absolute !important;left:2.0rem;bottom:0;width:8.55rem;z-index:5 !important;transform:translateY(100%);animation:slideGel1 infinite 5s linear;}
.banner_gel .obj2{position:absolute !important;left:7.3rem;bottom:0;width:8.55rem;z-index:4 !important;transform:translateY(100%);animation:slideGel2 infinite 5s linear;}
.banner_gel .obj3{position:absolute !important;left:13.05rem;bottom:0;width:8.55rem;z-index:3 !important;transform:translateY(100%);animation:slideGel3 infinite 5s linear;}
.banner_gel .objNew{position:absolute !important;left:2.0rem;bottom:10.0rem;width:4.3rem;z-index:6 !important;}

.gel0328 > *,
.gel0401 > *{position:absolute;z-index:2;}

@keyframes slideGel1 {
  10% {transform:translateY(0);}
  100% {transform:translateY(0);}
}
@keyframes slideGel2 {
  20% {transform:translateY(0);}
  100% {transform:translateY(0);}
}
@keyframes slideGel3 {
  30% {transform:translateY(0);}
  100% {transform:translateY(0);}
}

@media all and (min-device-width:771px) {
  .eve_detail {width:750px;max-width:750px;}
  .eve_detail .con{width:750px;max-width:750px;}
  .eve_detail .con .btnPC{display:block !important;}
  .eve_detail .con .btnMO,.evtNavi .btnMO{display:none !important;}

  /* 네비게이션 s */
  .eve_detail .evtNavi.fixed{width:750px;}
  .eve_detail .evtNavi ul{gap:1px;}
  .eve_detail .evtNavi li button{height:80px;font-size:20px;letter-spacing:-0.2px;}
  /* 네비게이션 e */

  .isf_1{height:405px;}
  .isf_2{height:405px;}
  .volcano_1{height:405px;}
  .luckyDraw_1{height:405px;}
  .newMember_1{height:457px;}
  .newMember_2{height:106px;}
  .check_1{height:106px;}
  .shinhan_1{height:814px;}
  .lotte_1{height:814px;}
  .roulette_1{height:1377px;}
  .roulette_2{height:1377px;}
  .roulette_1 .eventBanner,
  .roulette_2 .eventBanner{bottom:80px;width:480px;height:80px;}
  .reply_1{height:1369px;}
  .reply_1 .eventBanner{bottom:80px;width:480px;height:80px;}
  .card_day8{height:1250px;}
  .card_day8 .eventBanner{width:666px;height:396px;}
  .card_day8 .eventLink1{bottom:536px;}
  .card_day8 .eventLink2{bottom:100px;}
  .card_day10{height:1686px;}
  .card_day10 .eventBanner{width:666px;height:396px;}
  .card_day10 .eventLink1{bottom:972px;}
  .card_day10 .eventLink2{bottom:536px;}
  .card_day10 .eventLink3{bottom:100px;}
  .card_day11{height:1686px;}
  .card_day11 .eventBanner{width:666px;height:396px;}
  .card_day11 .eventLink1{bottom:972px;}
  .card_day11 .eventLink2{bottom:536px;}
  .card_day11 .eventLink3{bottom:100px;}

  .startleCoupon{height:405px;}
  .membership{height:405px;}
  .membershipMain{height:405px;}
  .membershipBox{height:405px;}
  .membershipWelcome{height:642px;}

  .card_day17{height:1686px;}
  .card_day17 .eventBanner{width:666px;height:396px;}
  .card_day17 .eventLink1{bottom:972px;}
  .card_day17 .eventLink2{bottom:536px;}
  .card_day17 .eventLink3{bottom:100px;}
  .card_day20{height:1686px;}
  .card_day20 .eventBanner{width:666px;height:396px;}
  .card_day20 .eventLink1{bottom:972px;}
  .card_day20 .eventLink2{bottom:536px;}
  .card_day20 .eventLink3{bottom:100px;}
  .card_day23{height:1250px;}
  .card_day23 .eventBanner{width:666px;height:396px;}
  .card_day23 .eventLink1{bottom:536px;}
  .card_day23 .eventLink2{bottom:100px;}
  .card_day24{height:814px;}
  .card_day24 .eventBanner{width:666px;height:396px;}
  .card_day24 .eventLink1{bottom:100px;}
  .card_day27>img{position:relative;z-index:1;display:block;}
  .card_day27 .eventBanner{position:absolute;z-index:2;width:666px;height:396px;bottom:100px;}

  .banner_gel .obj1{left:40px;bottom:0;width:171px;}
  .banner_gel .obj2{left:146px;bottom:0;width:171px;}
  .banner_gel .obj3{left:261px;bottom:0;width:171px;}
  .banner_gel .objNew{left:40px;bottom:200px;width:86px;}

}