@charset "UTF-8";
header {
  position: fixed;
  left: 5vw;
  right: 5vw;
  z-index: 9999;
}

.section-1-bg {
  background-image: url("../../images/png/section-1-bg.png");
  background-position: center;
  height: 840px;
}
.section-1-bg .text1 {
  transform: translateY(270px);
  font-size: 56px;
}
.section-1-bg .text2 {
  transform: translateY(290px);
  font-size: 20px;
}
.section-1-bg .btn-1 {
  transform: translateY(330px);
}
/* 영상 있는 섹션 */
.section-2-bg {
  /*background-color: #070638;*/
  background: linear-gradient(to bottom, #070638, #21216E);
  /*background-image: url("../../images/png/section-2-bg.png");*/
  /*background-position: center;*/
  /*height: 1270px;*/
  padding: 100px 0;
}
.section-2-bg .text1 {
  /*transform: translateY(120px);*/
  font-size: 40px;
}
.section-2-bg .btn-1 {
  /*transform: translateY(140px);*/
}
.section-2-bg .item-1 {
  margin-top: 150px;
  width: 75vw;
}

@media (max-width: 990px) {
  .section-2-bg {
    height: auto;
  }
  .section-2-bg .btn-1 {
    width: 35vw;
  }
  .section-2-bg .item-1 {
    width: 85vw;
  }
}
.section-2_5-bg {
  background: linear-gradient(to bottom, #45468b, #20206c);
  height: 1170px;
}

.section-3-bg {
  background-color: #efeff4;
  height: 700px;
}
.section-3-bg .box-container {
  margin-top: 120px;
}
.section-3-bg .box-container .box-1 {
  margin-top: 70px;
  width: 460px;
}
.section-3-bg .box-container .box-1 p {
  font-size: 48px;
}
.section-3-bg .box-container .box-1 .btn-1 {
  margin-top: 20px;
}
.section-3-bg .box-container .box-2 {
  position: relative;
  width: 780px;
}
.section-3-bg .box-container .box-2 .item-1 {
  left: 10px;
}
.section-3-bg .box-container .box-2 .item-2 {
  left: 10px;
  top: 320px;
}
.section-3-bg .box-container .box-2 .item-3 {
  right: 10px;
  bottom: -40px;
}

@media (max-width: 990px) {
  .section-3-bg {
    height: auto;
  }
  .section-3-bg .box-container .box-1 {
    width: auto;
  }
  .section-3-bg .box-container .box-1 p {
    font-size: 2rem;
  }
  .section-3-bg .box-container .box-1 .btn-1 {
    width: 50vw;
  }
  .section-3-bg .box-container .box-2 {
    display: flex;
    flex-direction: column;
  }
  .section-3-bg .box-container .box-2 .item-1 {
    width: 90vw;
  }
  .section-3-bg .box-container .box-2 .item-2 {
    width: 90vw;
  }
  .section-3-bg .box-container .box-2 .item-3 {
    width: 90vw;
  }
}
.section-4-bg {
  background-image: url("../../images/png/section-4-bg.png");
  background-position: center;
  height: 1378px;
  position: relative;
}
.section-4-bg .section-container {
  transform: translateY(200px);
}
.section-4-bg .section-container .text-1 {
  font-size: 48px;
}
.section-4-bg .section-container .box-1 {
  position: relative;
  margin-top: 100px;
}
.section-4-bg .section-container .box-1 .item-1 {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateX(-430px);
}
.section-4-bg .section-container .box-1 .item-2 {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 9;
  backdrop-filter: blur(1px); /* 블러 효과 */
  top: -27px;
}
.section-4-bg .section-container .box-1 .item-3 {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateX(430px);
}
.section-4-bg .section-container .box-2 {
  position: absolute;
  bottom: -800px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.section-4-bg .section-container .box-2 .text-2 {
  font-size: 40px;
}
@media (max-width: 990px) {
  .section-4-bg {
    height: auto;
  }
  .section-4-bg .section-container {
    transform: translateY(0);
    padding: 10rem 1rem;
  }
  .section-4-bg .section-container .text-1 {
    font-size: 2rem;
  }
  .section-4-bg .section-container .box-1 .item-1 {
    position: unset;
    width: 90vw;
    transform: translateX(0);
  }
  .section-4-bg .section-container .box-1 .item-2 {
    position: unset;
    width: 90vw;
  }
  .section-4-bg .section-container .box-1 .item-3 {
    position: unset;
    width: 90vw;
    transform: translateX(0);
  }
  .section-4-bg .section-container .box-2 {
    position: unset;
  }
  .section-4-bg .section-container .box-2 .text-2 {
    font-size: 2rem;
  }
}
footer {
  background-color: #cacad3;
  /*height: 400px;*/
}
footer .footer-box-container {
  /*padding: 70px 0;*/
}
footer .footer-box-container li > a {
  color: #111;
}
footer .footer-box-container .footer-link-bar::before {
  content: "";
  border-right: 1px solid #5a5a5a;
  margin-right: 1rem;
}

@media (max-width: 990px) {
  footer {
    height: auto;
  }
}
.util-btn {
  position: fixed;
  right: 4rem;
  bottom: 4rem;
}
.util-btn img {
  display: block;
  margin: 1.5rem 0;
}

/* 챗봇 버튼 가리기 */
#close-chatbot {
  position: absolute;
    top: 14px;
    right: 15px;
    width: 70px;
    height: 32px;
    background-color: red;
    border-radius: 5px;
    background-color: #ff6347;
    color: #fff;
    font-size: 12px;

    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}
#open-chatbot {
  border-radius: 50%;
  border: 3px solid #fff;
}

/* 영상 */
.kt-video {
  margin-top: 50px;
  width: 75vw;
  border-radius: 1rem;
}
@media (max-width: 990px) {
  .kt-video {
  width: 90vw;
}
}