/* ------------------------------------------------------------------------------- */
/* [키비주얼] */
.skv-area {
    /* height: 45rem;
    background: url('../img/sub-main.jpg') no-repeat center/cover; */
    /* background: radial-gradient(77.52% 50.99% at 36.69% 36.02%, #FFFFFF 0%, #E9F7FF 26%, #E3F4FF 33%, #D4EDFF 41%, #BBE2FF 50%, #98D2FF 59%, #6BBEFF 70%, #34A6FF 80%, #1598FF 85%); */
    background: linear-gradient(-130deg, #1497FF 0%, #FFFFFF 43%, #FFFFFF 71%, #79C4FF 100%);
    height: 100dvh;
    overflow: hidden;
}
.skv-wrap {
    gap: 5vw;
    height: 100%;
    justify-content: center;
}
.kv-box {
    height: 100dvh;
    width: 100%;
}
.skv-text-box {
    color: #005EB8;
}
.skv-text-box h1 {
    font-size: 8rem;
    letter-spacing: -0.03em;
}
.skv-text-box p {
    font-size: 5.5rem;
    letter-spacing: -0.03em;
}
.skv-text-box span {
    font-size: 4.4rem;
    letter-spacing: -0.03em;
    margin-top: 2rem;
}
.kv-1 {
    width: 608px;
}
.kv-2 {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100dvh;
}
.kv-2 span {
    background: url(../img/kv-item-02.svg)no-repeat center/cover;
    height: 100dvh;
    display: block;
}
.kv-3 {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100dvh;
}
.kv-3 span {
    background: url(../img/kv-item-03.svg)no-repeat center/cover;
    height: 100dvh;
    display: block;
}
.main-timer-area {
    width: 87%;
}
.main-timer-area .timer {
    gap: .6rem;
}
.main-timer-area p {
    font-size: 2.5rem;
    line-height: 125%;
    letter-spacing: -0.03em;
    margin-bottom: .8rem;
}
.main-timer-area .timer .box > div {
    width: 9.4rem;
}
.main-timer-area .timer .box > div,
.main-timer-area .timer .time-circle {
    font-size: 7.2rem;
}

@media(max-width:1279px) {
    .skv-wrap {
        gap: 9vw;
    }
    .kv-1 {
        width: 304px;
    }
    .skv-text-box h1 {
        font-size: 6vw;
    }
    .skv-text-box p {
        font-size: 4.5vw;
    }
    .main-timer-area p {
        font-size: 2rem;
    }
    .main-timer-area .timer {
        gap: .4rem;
    }
    .main-timer-area .timer .box > div, .main-timer-area .timer .time-circle {
        font-size: 6.2rem;
    }
    .main-timer-area .timer .box > div {
        width: 8.4rem;
    }
}

@media(max-width:799px) {
    .skv-wrap {
        gap: 4.2rem;
    }
    .skv-text-box h1 {
        font-size: 3.8rem;
    }
    .skv-text-box p {
        font-size: 2.8rem;
    }
    .skv-text-box span {
        font-size: 2.0rem;
        margin-top: .8rem;
    }
    .main-timer-area p {
        font-size: 1.5rem;
    }
    .main-timer-area .timer {
        gap: .2rem;
    }
    .main-timer-area .timer .box > div {
        width: 6.8rem;
    }
    .main-timer-area .timer .box > div, .main-timer-area .timer .time-circle {
        font-size: 4rem;
    }
    .time-desc {
        font-size: 1.4rem;
    }
    .main-timer-area .timer .box span {
        font-size: 1rem;
    }
}

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

    .ocean {
      height: 10%;
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
    }
    .wave {
      background: url(../img/wave_line.svg) repeat-x;
      position: absolute;
      width: 6400px;
      height: 198px;
      transform: translate3d(0, 0, 0);
    }
    .wave:nth-child(1) { 
      top: -198px; 
      animation: wave1 11s cubic-bezier(0.4, 0.2, 0.7, 0.8) infinite; 
      opacity: 0.9; 
    }
    .wave:nth-child(2) { 
      top: -180px; 
      animation: wave2 14.5s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.2s infinite, swell2 6.5s ease -1.0s infinite; 
      opacity: 0.85; 
    }
    .wave:nth-child(3) { 
      top: -162px; 
      animation: wave3 15.5s cubic-bezier(0.5, 0.3, 0.8, 0.7) -0.4s infinite; 
      opacity: 0.8; 
    }
    .wave:nth-child(4) { 
      top: -144px; 
      animation: wave4 18s cubic-bezier(0.3, 0.5, 0.7, 0.6) -0.6s infinite, swell4 7.2s ease -1.3s infinite; 
      opacity: 0.75; 
    }
    .wave:nth-child(5) { 
      top: -126px; 
      animation: wave5 6.8s cubic-bezier(0.45, 0.25, 0.65, 0.75) -0.8s infinite; 
      opacity: 0.7; 
    }
    .wave:nth-child(6) { 
      top: -108px; 
      animation: wave6 12.8s cubic-bezier(0.35, 0.4, 0.6, 0.55) -1.0s infinite, swell6 6.8s ease -1.5s infinite; 
      opacity: 0.65; 
    }
    .wave:nth-child(7) { 
      top: -90px; 
      animation: wave7 15.8s cubic-bezier(0.55, 0.35, 0.75, 0.65) -1.2s infinite; 
      opacity: 0.6; 
    }
    .wave:nth-child(8) { 
      top: -72px; 
      animation: wave8 8.5s cubic-bezier(0.3, 0.6, 0.7, 0.5) -1.4s infinite, swell8 7.5s ease -1.8s infinite; 
      opacity: 0.55; 
    }

    @keyframes wave1 {
      0% { margin-left: 0; }
      50% { margin-left: -1200px; }
      100% { margin-left: -1600px; }
    }
    @keyframes wave2 {
      0% { margin-left: 0; }
      40% { margin-left: -1000px; }
      100% { margin-left: -1700px; }
    }
    @keyframes wave3 {
      0% { margin-left: 0; }
      60% { margin-left: -1400px; }
      100% { margin-left: -1800px; }
    }
    @keyframes wave4 {
      0% { margin-left: 0; }
      45% { margin-left: -1100px; }
      100% { margin-left: -1650px; }
    }
    @keyframes swell4 {
      0%, 100% { transform: translate3d(0, -30px, 0); }
      50% { transform: translate3d(0, 10px, 0); }
    }
    @keyframes wave5 {
      0% { margin-left: 0; }
      55% { margin-left: -1300px; }
      100% { margin-left: -1750px; }
    }
    @keyframes wave6 {
      0% { margin-left: 0; }
      50% { margin-left: -1150px; }
      100% { margin-left: -1600px; }
    }
    @keyframes swell6 {
      0%, 100% { transform: translate3d(0, -20px, 0); }
      50% { transform: translate3d(0, 8px, 0); }
    }
    @keyframes wave7 {
      0% { margin-left: 0; }
      65% { margin-left: -1450px; }
      100% { margin-left: -1850px; }
    }
    @keyframes wave8 {
      0% { margin-left: 0; }
      48% { margin-left: -1050px; }
      100% { margin-left: -1700px; }
    }
    @keyframes swell8 {
      0%, 100% { transform: translate3d(0, -35px, 0); }
      50% { transform: translate3d(0, 12px, 0); }
    }



.lang-btn {
  gap: 1.6rem;
}
.lang-btn a{
  min-width: 16rem;
  max-width: 20rem;
}