.visual {width: 100%; height: auto; padding-bottom: 72px; padding-top: 150px; background: var(--pr2);}
.visual .container {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; margin-top: 50px;}
.visual .txt-box {margin-top: -230px;}
.visual .txt-box .tit {margin-bottom: 58px; font-size: 64px; font-weight: 500; line-height: 1.25; letter-spacing: -2.87px; color: var(--wt);}
.visual .txt-box .tit span{font-size: 0.7em;}
.visual .txt-box .tit b {font-size: 66px; font-weight: 700; letter-spacing: -1.65px;}
.visual .txt-box .date {margin-bottom: 62px; font-size: 31px; font-weight: 500; line-height: 1.25; letter-spacing: -0.78px; color: var(--wt);}
.visual .txt-box .date2 {display: flex; align-items: center; margin-bottom: 0; font-size: 34px; font-weight: bold; color: var(--wt);}
.visual .txt-box .date2 span {display: flex; align-items: center; justify-content: center; width: 28px; height: auto; aspect-ratio: 1/1; border-radius: 100%; font-size: 20px; font-weight: bold; color: var(--pr2); background: #A4D0FF;}
.visual .txt-box .date2 span:first-child {margin-left: 7.5px; margin-right: 13.5px;}
.visual .txt-box .date2 span:last-child {margin-left: 7.5px; margin-right: 7.5px;}
.visual .txt-box .txt {}
.visual .txt-box .txt .txt1 {margin-bottom: 10px; font-size: 37px; font-weight: 500; line-height: 1.53; letter-spacing: -0.92px; color: var(--wt);}
.visual .txt-box .txt .pr {color: var(--yellow); font-weight: 600;}
.visual .txt-box .txt2 {font-size: 23px; font-weight: 500; line-height: 1.53; letter-spacing: -0.59px; color: var(--wt);}

.visual .kv_img {position: relative; top: 50px; width: 510px; height: auto; margin-top: 0;}

.visual .kv_img img:nth-child(1) {width: 100%; height: auto;}
.visual .kv_img img:nth-child(2) {animation: air 5s linear both infinite; position: absolute; top: -100px; left: 50%; transform: translateX(-50%); width: 125px; height: auto;}
@keyframes air {
        0% {transform: translate(-50%, -50%); opacity: 1;}
        50% {transform: translate(-175%, 50%); opacity: 1;}
        100% {transform: translate(-300%, 150%); opacity: 0;}
}

.visual .kv_img img:nth-child(3) {animation: rocket 3s linear both infinite; position: absolute; top: -100px; right: 55px; width: 21px;}
@keyframes rocket {
        0% {transform: translateY(135%); opacity: 1;}
        30% {transform: translateY(140%); opacity: 1;}
        100% {transform: translateY(0%); opacity: 0;}
}

.visual .kv_img img:nth-child(4) {position: absolute; top: 0; left: 50%; transform: translateX(-50%);}

.visual .kv_img img:nth-child(1) {animation: bounce-top 1s linear alternate-reverse infinite; width: 100%; height: auto;}
.visual .kv_img img:nth-child(4) {animation: bounce-top_new 1s linear alternate-reverse infinite;}
@keyframes bounce-top_new {
        0% {top: -95px; left: 49%;}
        100% {top: -85px; left: 51%;}
}


@keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}

/* new_kv_item */
.new_kv_item {width: 100%; height: auto; margin-top: -198px;}
.new_kv_item ul {display: flex; align-items: center; gap: 30px;}
.new_kv_item ul li {width: 411px;}
.new_kv_item ul li .child-box {position: relative; width: 100%; height: 166px; padding: 19px 26px 17px; background: var(--wt); border-radius: 25px; box-sizing: border-box;}
.new_kv_item ul li .child-box .d-flex {display: flex; align-items: center; justify-content: space-between;}
.new_kv_item ul li:last-of-type .child-box .d-flex {margin-top: 4px;}
.new_kv_item ul li .child-box .d_day {width: 100%; height: auto; margin-left: 3px; box-sizing: border-box;}
.new_kv_item ul li .child-box .d_day .d-flex {display: flex; align-items: center; justify-content: space-between;}
.new_kv_item ul li .child-box .d_day .tit {width: 252px; font-family: "Tilt Warp", sans-serif; /*font-size: 60px; font-weight: 500; line-height: 1; color: var(--pr2);*/}
.new_kv_item ul li .child-box .d_day .tit_lb {display: flex; align-items: center; justify-content: center; width: 216px; height: 47px; border-radius: 24px; padding-bottom: 1px; background: var(--pr2); font-size: 28px; font-weight: bold; line-height: 1; color: var(--yellow);}

.new_kv_item ul li .child-box .time_num {display: flex; align-items: center; justify-content: space-between; margin-top: 11px; padding: 0 6px;}
.new_kv_item ul li .child-box .time_num p {position: relative; text-align: center; width: 57px; font-size: 16px; font-weight: 500; line-height: 1; color: var(--black);}
.new_kv_item ul li .child-box .time_num .dot {position: relative; top: -19px; display: block; width: 25px; text-align: center; font-family: "Oswald", sans-serif; font-size: 59px; font-weight: bold; line-height: 1; color: var(--black);}
.new_kv_item ul li .child-box .time_num p:last-of-type::before {display: none;}
.new_kv_item ul li .child-box .time_num p span {animation: blink-2 1s infinite; display: block; margin-bottom: 6px; letter-spacing: -2px; font-family: "Oswald", sans-serif; font-size: 55px; font-weight: bold; line-height: 1; color: var(--black);}
@keyframes blink-2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}

.new_kv_item ul li:last-of-type .child-box {padding: 25px 42px 40px 25px;}
.new_kv_item ul li .child-box .live_box {position: relative; width: 100%; height: auto; padding-top: 30px;}
.new_kv_item ul li .child-box .live_box .live {position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 170px; height: 40px; border-radius: 20px; background: var(--pr2); font-size: 25px; font-weight: bold; line-height: 1; color: var(--yellow);}
.new_kv_item ul li .child-box .live_box .txt {padding-left: 9px; padding-top: 5px; letter-spacing: -0.05em; font-size: 35px; font-weight: 600; line-height: 1.35; color: var(--black);}
.new_kv_item ul li .child-box .live_box .txt span {color: var(--pr2); font-weight: 700;}
.new_kv_item ul li .child-box .live_box .qrcode {width: 135px; height: auto;}

/* img_op */
.img_op {display: none; position: absolute; top: 0; left: 0; width: 100%; height: auto; opacity: 0.5; z-index: 5;}
.img_op img {width: 100%; height: auto;}

/* live_link */
.live_link {max-width: 570px; width: 100%; height: auto; margin-top: 35px;}
.live_link a {display: block; width: 100%; height: auto;}
.live_link a img {width: 100%; height: auto;}