@charset "UTF-8";

/* .o_section */
.o_page-wrapper {
  max-width: 132rem !important;
  width: 100% !important;
  padding: 0 !important;
}

.o_section {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
}
.o_section .o_wrapper {
  position: relative;
  width: 90%;
  margin: 0 auto;
}

.o_section .o_wrapper._1080 {
  max-width: 72rem;
}

/* text */
.o_section .o_h5 {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
}
.o_section .o_h5 + .o_h5 {
  padding-top: 0.5em;
}

/* o_btnBox */
.o_section .o_btn-box a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 21.2rem;
  height: 5.1rem;
  border-radius: 0.7rem;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4;
  color: #564229;
  background: linear-gradient(120deg, #f4941f, #fde29a);
  border: 1px solid #fff;
  transform-style: preserve-3d;
}
.o_section .o_btn-box a span {
  position: relative;
  padding-right: 1em;
}
.o_section .o_btn-box a span::after {
  content: "";
  background-image: url("../images/00.brand/btn-arrow.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 0.8em;
  height: 0.8em;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -55%);
}

.o_section .o_btn-box a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  border: 0.2rem solid #fff;
  border-radius: 0.7rem;
  opacity: 0;
  transform: translateZ(-1px);
}
.o_section .o_btn-box a:hover:after {
  -webkit-animation-name: o_ripple-out;
  animation-name: o_ripple-out;
  opacity: 1;
}

/* button hover */
@keyframes o_ripple-out {
  100% {
    top: -1rem;
    right: -1rem;
    bottom: -1rem;
    left: -1rem;
    opacity: 0;
  }
}

@media all and (max-width: 767px) {
  /* o_text */
  .o_section .o_h5 {
    font-size: 4.1vmin;
  }

  /* o_btn-box */
  .o_section .o_btn-box a {
    width: 72.8vmin;
    height: 16.2vmin;
    border-radius: 2.1vmin;
    font-size: 4.6vmin;
    margin: 0 auto;
  }
  .o_section .o_btn-box a::after {
    border: 0.3vmin solid #fff;
    border-radius: 2.1vmin;
  }
}

/* *************** */
/* 플로팅배너 영역 (s) */
.o_floating-btn {
  cursor: pointer;
  width: 10rem;
  border-radius: 0.7rem;
  overflow: hidden;
  line-height: 0;
  position: fixed;
  top: 15%;
  right: 1%;
  z-index: 99;
  opacity: 0;
  transform: translate(100%, 0);
  transition: all 1s ease-in-out !important;
}
.o_floating-btn a {
  display: block;
  line-height: 0;
}

.o_floating-btn.active {
  opacity: 1;
  transform: translate(0, 0);
}
.o_floating-btn:hover {
  transform: translate(0, -5%);
  transition: all 0.3s ease-in-out !important;
}

@media all and (max-width: 767px) {
  .o_floating-btn {
    border-radius: 0;
    position: fixed;
    top: auto;
    bottom: -1px;
    right: 0;
    width: 100%;
    transform: translate(0, 100%);
    border: none;
    border-radius: 0;
    box-shadow: none;
  }
  .o_floating-btn.active {
    opacity: 1;
    transform: translate(0, 0);
  }
  .o_floating-btn:hover {
    transform: translate(0, 0);
  }
}
/* 플로팅배너 영역 (e) */
/* *************** */
/* ********************************* */
/* o_section_main (s) */
.o_section_main {
  background-image: url("../images/00.main/pc/img_bg.jpg");
  min-height: 50rem;
  aspect-ratio: 1440 / 750;
}
.o_section_main .o_wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}

.o_section_main .o_logo-box {
  width: 12.5rem;
}

.o_section_main .o_title-box {
  width: 24.4rem;
  padding-top: 1.7rem;
  margin-left: -2.8rem;
}

.o_section_main .o_text-box {
  padding-top: 2rem;
}

.o_section_main .o_btn-box {
  margin-top: 2rem;
}

@media all and (max-width: 767px) {
  .o_section_main {
    background-image: url("../images/00.main/mo/img_bg.png");
    min-height: 100%;
    aspect-ratio: auto;
    padding: 9.7vmin 0 9vmin;
  }
  .o_section_main .o_wrapper {
    height: 100%;
    display: block;
  }

  .o_section_main .o_logo-box {
    width: 30.3vmin;
    margin: 0 8.5vmin;
  }

  .o_section_main .o_title-box {
    width: 100%;
    padding-top: 9.2vmin;
    margin-left: 0;
  }

  .o_section_main .o_text-box {
    padding-top: 5.1vmin;
    margin: 0 8.5vmin;
  }

  .o_section_main .o_btn-box {
    margin-top: 33.3vmin;
  }
}
/* o_section_main (e) */
/* ********************************* */

/* *************** */
/* o_section_1 (s) */
.o_section_1 {
  background-image: url("../images/01/pc/img_bg.jpg");
  padding: 8rem 0 9.3rem;
}
.o_section_1 .o_container {
  width: 50%;
  margin-left: auto;
}

.o_section_1 .o_title-box {
  width: 100%;
}
.o_section_1 .o_text-box {
  margin-top: 0.6rem;
}
.o_section_1 .o_text-box strong {
  color: #ff5825;
}

@media all and (max-width: 767px) {
  .o_section_1 {
    background-image: url("../images/01/mo/img_bg.png");
    padding: 71.8vmin 0 16.4vmin;
  }
  .o_section_1 .o_container {
    width: 100%;
    margin-left: 0;
  }

  .o_section_1 .o_title-box {
    width: 100%;
  }
  .o_section_1 .o_text-box {
    margin-top: 2.6vmin;
    text-align: center;
  }
}
/* o_section_1 (e) */
/* *************** */

/* *************** */
/* o_section_2 (s) */
.o_section_2 {
  background-image: url("../images/02/pc/img_bg.jpg");
  padding: 8.7rem 0;
}

.o_section_2 .o_title-box {
  width: 21.7rem;
}
.o_section_2 .o_text-box {
  margin-top: 2rem;
}

.o_section_2 .o_text-box .o_hl::after {
  background-color: #244572;
}

@media all and (max-width: 767px) {
  .o_section_2 {
    background-image: url("../images/02/mo/img_bg.png");
    padding: 49.5vmin 0 15.4vmin;
  }

  .o_section_2 .o_title-box {
    width: 100%;
  }
  .o_section_2 .o_text-box {
    margin-top: 5.1vmin;
  }
}
/* o_section_2 (e) */
/* *************** */

/* ******************** */
/* o_section_3 (s) */
.o_section_3 {
  background-image: url("../images/03/pc/img_bg.jpg");
  padding: 8rem 0 9.3rem;
}

.o_section_3 .o_container {
  width: 45%;
  margin-left: auto;
}

.o_section_3 .o_title-box {
  width: 30.7rem;
  margin-left: -2rem;
}
.o_section_3 .o_text-box {
  margin-top: 2rem;
}

.o_section_3 .o_text-box .o_hl::after {
  background-color: #564229;
}

@media all and (max-width: 767px) {
  .o_section_3 {
    background-image: url("../images/03/mo/img_bg.png");
    padding: 54.1vmin 0 15.4vmin;
  }

  .o_section_3 .o_container {
    width: 100%;
    margin-left: 0;
  }

  .o_section_3 .o_title-box {
    width: 100%;
    margin-left: 0;
  }
  .o_section_3 .o_text-box {
    margin-top: 3.8vmin;
    text-align: center;
  }
}
/* o_section_3 (e) */
/* ******************** */

/* *************** */
/* o_section_4 (s) */
.o_section_4 {
  background-image: url("../images/04/pc/img_bg.jpg");
  padding: 11.3rem 0;
}

.o_section_4 .o_container {
  width: 30.3rem;
  margin: 0 auto;
  text-align: center;
}

.o_section_4 .o_title-box {
  width: 100%;
}
.o_section_4 .o_text-box {
  margin-top: 2rem;
}

.o_section_4 .o_text-box .o_hl::after {
  background-color: #ff5825;
  height: 100%;
}

@media all and (max-width: 767px) {
  .o_section_4 {
    background-image: url("../images/04/mo/img_bg.png");
    padding: 30.8vmin 0 37.4vmin;
  }

  .o_section_4 .o_container {
    width: 100%;
    margin: 0;
    text-align: left;
  }

  .o_section_4 .o_title-box {
    width: 100%;
  }
  .o_section_4 .o_text-box {
    margin-top: 5.1vmin;
  }
}
/* o_section_4 (e) */
/* *************** */

/* ******************* */
/* o_section_5 (s) */
.o_section_5 {
  background-image: url("../images/05/pc/img_bg.jpg");
  padding: 6rem 0 6.7rem;
}

.o_section_5 .o_container {
  width: 55.9rem;
  margin: 0 auto;
  text-align: center;
}

.o_section_5 .o_title-box {
  width: 32.1rem;
  margin: 0 auto;
}

.o_section_5 .o_content-box {
  display: flex;
  justify-content: space-between;
  margin-top: 1.4rem;
}
.o_section_5 .o_content-box .o_content {
  width: 30%;
}
.o_section_5 .o_content-box .o_content._2 {
  transition-delay: 0.15s;
}
.o_section_5 .o_content-box .o_content._3 {
  transition-delay: 0.3s;
}

.o_section_5 .o_text-box {
  margin-top: 2rem;
}

.o_section_5 .o_text-box strong {
  color: #f38100;
}

@media all and (max-width: 767px) {
  .o_section_5 {
    background-image: url("../images/05/mo/img_bg.png");
    padding: 17.9vmin 0;
  }

  .o_section_5 .o_container {
    width: 100%;
    margin: 0;
  }

  .o_section_5 .o_title-box {
    width: 100%;
    margin: 0;
  }

  .o_section_5 .o_content-box {
    display: block;
    width: 51.3vmin;
    margin: 8.2vmin auto 0 auto;
  }
  .o_section_5 .o_content-box .o_content {
    width: 100%;
  }
  .o_section_5 .o_content-box .o_content._2 {
    transition-delay: 0;
  }
  .o_section_5 .o_content-box .o_content._3 {
    transition-delay: 0;
  }

  .o_section_5 .o_text-box {
    margin-top: 10.8vmin;
  }
}
/* o_section_5 (e) */
/* ******************* */

/* *************** */
/* o_section_6 (s) */
.o_section_6 {
  background-image: url("../images/06/pc/img_bg.jpg");
  padding: 6.7rem 0;
}

.o_section_6 .o_title-box {
  width: 32.7rem;
}

.o_section_6 .o_text-box {
  margin-top: 2rem;
}

.o_section_6 .o_btn-box {
  margin-top: 2.8rem;
}

@media all and (max-width: 767px) {
  .o_section_6 {
    background-image: url("../images/06/mo/img_bg.png");
    padding: 15.4vmin 0 75.6vmin;
  }

  .o_section_6 .o_title-box {
    width: 100%;
  }

  .o_section_6 .o_text-box {
    margin-top: 7.7vmin;
  }

  .o_section_6 .o_btn-box {
    margin-top: 44.1vmin;
  }
}
/* o_section_6 (e) */
/* *************** */