/* color */
.bD1EDFC {background: #D1EDFC;}
.bBBE2EF {background: #BBE2EF}
.bECF3DE {background: #ECF3DE;}
.b7DCCE5 {background: #7DCCE5;}
.bC1D6AA-30 {background: rgb(193, 214, 170, 0.3);}

.cD6E9AA { color: #D6E9AA}
.c24A33A {color: #24A33A}
.c0D883D {color: #0D883D}

.section-space {
    padding: 120px 44px 140px 44px;
}

@media (max-width: 1200px) {
    .section-space {
        padding: 80px 44px 80px 44px;
    }
      .font-s22 {
        font-size: 18px;
      }
      .font-s24 {
        font-size: 20px;
      }
      .font-s26 {
        font-size: 22px;
      }
      .font-s28 {
        font-size: 23px;
      }
      .font-s30 {
        font-size: 26px;
      }
      .font-s32 {
        font-size: 28px;
      }
      .font-s48 {
        font-size: 42px;
      }
      .font-s52 {
        font-size: 46px;
      }
      .mb40 {
        margin-bottom: 32px;
      }
      
}

@media (max-width: 768px) {
  .title-box {
    gap: 24px;
  }
    .section-space {
        padding: 60px 40px 60px 40px;
    }
    .font-s22 {
        font-size: 14px;
      }
      .font-s24 {
        font-size: 16px;
      }
      .font-s26 {
        font-size: 18px;
      }
      .font-s28 {
        font-size: 20px;
      }
      .font-s30 {
        font-size: 22px;
      }
      .font-s32 {
        font-size: 24px;
      }
      .font-s48 {
        font-size: 36px;
      }
      .font-s52 {
        font-size: 40px;
      }
      .mb40 {
        margin-bottom: 28px;
      }
}
@media (max-width: 580px) {
  .title-box {
    gap: 18px;
  }
  .section-space {
    padding: 50px 20px 50px 20px;
  }
  .font-s32 {
    font-size: 22px;
  }
  .font-s28 {
    font-size: 18px;
  }
    .font-s48 {
        font-size: 27px;
    }
    .font-s52 {
      font-size: 30px;
    }
    .title-box p {
      font-size: 20px;
    }
    .title-box h2 {
      letter-spacing: -1px;
    }
}


/* zone area */
.zone-area {}
.zone-wrap {
    gap: 28px;
}
.zone-down {
    width: 40px;
    height: 40px;
}
.zone-box {
    /* width: 740px;
    box-sizing: border-box;
    border: 3px solid #6CBA48;
    border-radius: 40px;
    max-width: 880px;
    padding: 48px; */
    gap: 40px
}
.zone-box h5 {
    width: auto;
    padding: 12px 20px;
    border-radius: 999px;
    text-align: center;
    box-sizing: border-box;
}
.zone-text-box {
    gap: 8px
}
@media (max-width: 768px) {
    .zone-box {
        gap: 20px
    }
}


.kv-top-wrap {
  position: absolute;
    top: 0;
    right: 0;
    width: 24.3125vw;
    height: 13.90625vw;
    background-image: url("../images/heading_leap.png");
    background-repeat: no-repeat;
    background-size: auto 13.90625vw;
  }

/* sub title */
.sub-title-box {
    display: flex;
    width: 100%;
    max-width: 1200px;
    padding: 36px;
    align-items: flex-start;
    gap: 100px;
    border-radius: 28px;
    border: 3px solid #E30613;
    margin: 80px 0 48px 0;
}
.sub-title-box .title-box {

}
.sub-title-box p{
    width: 300px;
    padding: 8px 20px;
    background: #FFECF1;
    border-radius: 999px;
    text-align: center;
}
.sub-title-box span {
    position: relative;
}
.sub-title-box span.desc-text {
    font-size: 24px;
}
.sub-title-box .desc-box {
    gap: 20px;
}
.sub-title-box span.desc-inbox{
  border-radius: 12px;
  box-sizing: border-box;
  padding: 16px;
  background: #fbf0ec;
  font-size: 20px;
}

.desc-box-2 li {
  padding: 20px 48px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='16' ry='16' stroke='%23333' stroke-width='3' stroke-dasharray='5%2c10' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  border-radius: 16px;
  margin-bottom: 12px;
}
.desc-box-2 li:last-child {
  margin-bottom: 0;
}
.desc-box-2 li .text-1 {
  padding-right: 40px;
}
.desc-box-2.text-2 {
  padding-left: 16px;
}

@media (max-width: 1200px) {
    .sub-title-box {
        max-width: 800px;
    }
    .sub-title-box span.desc-text {
      font-size: 20px;
  }
}
@media (max-width: 768px) {
    .sub-title-box span.font-s20{
      font-size: 16px;
    }
    .sub-title-box {
        width: 100%;
        padding: 20px;
        flex-direction: column;
        align-items: center;
        gap:24px;
        margin-top: 32px;
        margin-bottom: 20px;
    }
    .sub-title-box span.desc-text {
        font-size: 17px;
        text-align: center;
    }
    .sub-title-box span.desc-inbox {
      font-size: 15px;
      text-align: center;
    }
    .desc-box-2 {
        text-align: left!important;
        /* text-align: center; */
        font-size: 15px
      }
     
    .desc-box-2 ul{
      display: block;
      text-align: left;
    }
    .desc-box-2 li{
      padding: 14px 20px
    }
    .desc-box-2 li .text-1 {
      padding-right: 10px;
    }
    .kv-top-wrap {
      width: 44.3125vw;
      height: 24vw;
      background-size: auto 24.90625vw;
    }
  }


 

/* 이벤트 박스 */
.n-event-box {
    margin-top: 28px;
}
.n-event-box ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 28px;
    padding-bottom: 40px;
}
.n-event-box li {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.n-event-box .event-img {
    padding: 32px;
    width: 240px;
    height: 240px;
    background: #f9f9f9;
    border-radius: 20px;
    box-sizing: border-box;
    position: relative;
}
.n-event-box .event-img .event-stiker {
  top: -40px;
  right: -20px;
}
.n-event-box p{
  font-size: 22px;
}

@media (max-width: 1200px) {
    .n-event-box ul {
        gap: 20px;
        grid-template-columns: 1fr 1fr;
    }
    .n-event-box .event-img .event-stiker {
      top: -20px;
      right: -20px;
      width: 60px;
  }
}
@media (max-width: 768px) {
    .n-event-box p{
      font-size: 20px;
    }
    .n-event-box .event-img {
      padding: 20px;
      width: 200px;
      height: 200px;
    }
}
@media (max-width: 540px) {
  .n-event-box ul {
      grid-template-columns: 1fr;
      gap: 28px
  }
  .n-event-box li {
    gap: 12px
  }
  .n-event-box p{
    font-size: 18px;
  }
}



/* 세션 연사 발표 */
.session-group .item-04 {
  top: 78px;
  left: -180px;
}
.session-group .item-05 {
  top: 40%;
  right: -180px;
}
.session-group .item-5 {
  top: 59px;
  right: -278px;
  width: 211px;
}
.session-group .item-7 {
  bottom: -20px;
  left: -146px;
  width: 161px;
}
.session-group span.img-box img {
  animation-name: moving_1;
  animation-duration: 2.5s;
  animation-delay: 1.5s;
  animation-iteration-count: infinite;
}
.session-group ul {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px
}
.session-group li {
  width: 880px;
  display: flex;
}
.session-box-1 {
  padding: 28px;
  width: 30%;
  background: #FF647D;
  box-sizing: border-box;
  border-radius: 30px 0px 0px 30px;
}
.session-box-2 {
  padding: 40px;
  background: #F9F9F9;
  width: 100%;
  gap: 20px;
  box-sizing: border-box;
  border-radius: 0 30px 30px 0;
}
.ss-text-box-2 {
  padding-top: 20px;
}
.session-group .ss-pic {
  width: 140px;
}
.add-line {
  border-top: 1px solid #999;
}
@media (max-width: 1200px) {
  .session-group li{
    width: 740px;
  }
  .session-group .item-5 {
    right: -178px;
    width: 161px;
  }
  .session-group .item-04 {
    left: -120px;
    width: 80px;
  }
  .session-group .item-05 {
    right: -120px;
    width: 80px;
  }
  .session-group .item-7 {
    left: -80px;
    width: 101px;
  }
}

@media (max-width: 768px) {
  .session-group {
    width: 100%;
  }
  .ss-text-group {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    gap: 20px;
  }

  .session-group li{
    width: 100%;
    flex-direction: column;
  }
  .session-box-1 {
    width: 100%;
    border-radius: 20px 20px 0 0;
  }
  .session-box-2 {
    padding: 28px;
    border-radius:  0 0 20px 20px;
  }
  .ss-text-box-1,
  .ss-text-box-2 { text-align: center;
  }
  .session-group .item-5,
  .session-group .item-04,
  .session-group .item-05 {
    display: none;
  }
  .session-group .item-7 {
    left: 0;
    width: 61px;
  }
}


/* 캐리어 타임 */
.careerTime-area {
  /* margin-bottom: 150px; */
}
.careerTime-area .wrap > div {
  z-index: 2;
}
.careerTime-area .sub-title-box span.item-01 {
  position: absolute;
  right: -136px;
  top: 222px;
}
.careerTime-area .item-02 {
  bottom: 105px;
  left: -180px;
  z-index: 1;
}
.careerTime-area .item-04 {
  top: 50px;
  left: -100px;
}
.careerTime-area .item-04 img {
    animation-name: moving_1;
    animation-duration: 2.5s;
    animation-delay: 1.5s;
    animation-iteration-count: infinite;
}
.careertime-wrap ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.careertime-wrap ul.row{
  flex-direction: row;
}
.careertime-wrap ul.set-w {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
}
.careertime-wrap li {
  /* gap: 20px; */
}
.careertime-wrap li.career-list-box {
  display: flex;
  /* flex-direction: column; */
  /* gap: 8px; */
}
.careertime-wrap li.career-list-box.type-1 {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  margin: 20px 0;
} 
 .career-title {
  width: 100%;
  border-radius: 12px;
  padding: 20px;
  box-sizing: border-box;
  background-color: #FFECF1;
}
.career-list {
  width: 100%;
  border-radius: 12px;
  background: #f9f9f9;
  padding: 20px;
  box-sizing: border-box;
}
.career-list.normal {
  /* border: 1px solid #FCA3BB; */
}
.career-list.foriner {
  background: #FF647D;
  color: #fff;
}
.career-list p,
.career-list span{
  width: 100%;
  text-align: center;
}
.job-tag-area {
  padding: 0px 44px
}

@media (max-width: 1200px) {
  .careerTime-area {
    /* margin-bottom: 120px; */
  }
  .careertime-wrap ul {
    gap: 30px;
  }
  .careerTime-area .sub-title-box span.item-01 {
    position: absolute;
    right: 0;
    top: 222px;
    width: 100px;
  }
  .careerTime-area .item-04 {
    top: 100px;
    left: 0;
    width: 80px;
  }
  .careerTime-area .item-02 {
    display: none;
  }
  .career-list {
    padding: 16px;
  }

}

@media (max-width: 1023px) {
  .careerTime-area .sub-title-box span.item-01 {
    display: none;
  }
}

@media (max-width: 768px) {
  .careertime-wrap li.career-list-box.type-1  {
    gap: 8px;
  }
  .job-tag-area {
    padding: 0px 40px
  }
   .career-title { 
    padding: 12px;
   }
  .careerTime-area {
    margin-bottom: 0px;
  }
  .careertime-wrap ul {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
@media (max-width: 580px) {
  .job-tag-area {
    padding: 0px 20px
  }
  .career-list p,
.career-list span{
 font-size: 15px;
}

}


/* section4 add*/
.section-4 .cont-4 {
  display: flex;
  width: 980px;
  padding: 36px;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  border-radius: 28px;
  border: 3px dotted #000;
  background: #fff;
  margin-bottom: 40px;
}
@media (max-width: 1080px) {
  .section-4 .cont-4 {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .section-4 .cont-4 {
    margin-bottom: 28px;
  }
}
@media (max-width: 580px) {
  .section-4 .cont-4 {
    margin-bottom: 20px;
  }
}




/* Change_Today_Zone item  */
.n-event-area .item-01 {
  top: 40%;
  right: -80px;
}
.n-event-area .item-02 {
  top: 78px;
  left: -80px;
}
.n-event-area .item-03 {
  top: 678px;
  left: -100px;
}


/* item add*/
.item-star-01 {
    top: 340px;
    right: 150px;
}
.item-star-02 {
    top: 80px;
    left: 100px;
}
.n-event-area .item-01 img,
.n-event-area .item-03 img,
.item-star-01 img {
    animation-name: moving_1;
    animation-duration: 2.5s;
    animation-delay: 1.5s;
    animation-iteration-count: infinite;
}
.n-event-area .item-02 img,
.item-star-02 img {
    animation-name: action_1;
    animation-duration: 2.5s;
    animation-delay: 1.5s;
    animation-iteration-count: infinite;
}
@media (max-width:1200px) {
  .item-star-01{
    top: 250px;
    right: 100px;
    width: 40px;
  }
  .item-star-02{
    top: 50px;
    left: 30px;
    width: 80px;
  }
}
@media (max-width:1024px) {
    .item-star-01 {
        right: 60px;
    }
  }
@media (max-width: 580px) {
  .item-star-02{
    width: 40px;
  }
}


.hilight {
    position: relative;      /* ::before가 기준 삼을 부모 필요 */
  display: inline-block;   /* inline 요소는 ::before height 적용 어려움 */
  z-index: 0; 
}
.hilight::before{
      position: absolute;
    content: '';
    width: 100%;
    background-color: #fad7e6;
    height: 8px;
    bottom: 1px;
    left: 0;
    z-index: -1;
}