@charset "UTF-8";
/* =================================================================
   1. [SCSS Variables] Raw Data Definition
   * 이곳은 '순수 값'만 정의합니다. 실제 코드에서는 사용하지 않는 것을 권장합니다.
   * 브랜드 컬러 코드가 바뀌면 여기만 수정하세요.
   ================================================================= */
/* 드롭다운,멀티포함 */
/* Level 1: Fixed UI (헤더 영역) */
/* Level 2: Dropdowns (헤더 위에 뜨는 요소) */
/* Level 3: Overlays (전체 화면을 덮는 요소) */
/* Level 4: Controls (가장 최상위 컨트롤) */
/**
 * [A. 일반 속성용] width, height, padding, margin, gap 등
 * @param $property : CSS 속성명
 * @param $values : 값
 * @param $raw : (옵션) true일 경우 /3 계산 안함
 */
section.section-01 .section-inner {
  background: url("/static/images/main/bg_maintop@m.jpg") no-repeat center center;
  background-size: cover;
}
section.section-01 .section-inner {
  height: 187.5vw;
}
@media (min-width: 641px) {
  section.section-01 .section-inner {
    height: 50rem;
  }
}
@media (min-width: 1200px) {
  section.section-01 .section-inner {
    height: 800px;
  }
}
section.section-01 .section-inner h2 {
  display: block;
  width: 87.5%;
  height: 100%;
  color: #ffffff;
  font-weight: 700;
  margin: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
section.section-01 .section-inner h2 {
  font-size: 9.375vw;
}
@media (min-width: 641px) {
  section.section-01 .section-inner h2 {
    font-size: 2.5rem;
  }
}
@media (min-width: 1200px) {
  section.section-01 .section-inner h2 {
    font-size: 40px;
  }
}
@media screen and (min-width: 1200px) {
  section.section-01 .section-inner h2 {
    justify-content: center;
    font-size: 64px;
  }
}
@media screen and (min-width: 1200px) {
  section.section-01 .section-inner {
    background: url("/static/images/main/bg_maintop.jpg") no-repeat center center;
    background-size: cover;
    height: 796px;
  }
}
section.section-02 .section-inner .slide-row {
  width: 100%;
}
section.section-02 .section-inner .slide-row .swiper-slide {
  width: 100%;
  overflow: hidden;
  border: 1px solid #DEDEDE;
  transition: all 0.3s ease;
}
section.section-02 .section-inner .slide-row .swiper-slide {
  border-radius: 6.25vw;
}
@media (min-width: 641px) {
  section.section-02 .section-inner .slide-row .swiper-slide {
    border-radius: 1.6667rem;
  }
}
@media (min-width: 1200px) {
  section.section-02 .section-inner .slide-row .swiper-slide {
    border-radius: 27px;
  }
}
@media screen and (min-width: 1200px) {
  section.section-02 .section-inner .slide-row .swiper-slide {
    width: 32%;
  }
}
section.section-02 .section-inner .slide-row .swiper-slide .img-row {
  width: 100%;
}
section.section-02 .section-inner .slide-row .swiper-slide .img-row {
  height: 52.7344vw;
}
@media (min-width: 641px) {
  section.section-02 .section-inner .slide-row .swiper-slide .img-row {
    height: 14.0625rem;
  }
}
@media (min-width: 1200px) {
  section.section-02 .section-inner .slide-row .swiper-slide .img-row {
    height: 225px;
  }
}
@media screen and (min-width: 1200px) {
  section.section-02 .section-inner .slide-row .swiper-slide .img-row {
    height: 252px;
  }
}
section.section-02 .section-inner .slide-row .swiper-slide .txt-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
section.section-02 .section-inner .slide-row .swiper-slide .txt-row {
  padding: 8.2031vw 4.6875vw;
}
@media (min-width: 641px) {
  section.section-02 .section-inner .slide-row .swiper-slide .txt-row {
    padding: 2.1875rem 1.25rem;
  }
}
@media (min-width: 1200px) {
  section.section-02 .section-inner .slide-row .swiper-slide .txt-row {
    padding: 35px 20px;
  }
}
@media screen and (min-width: 1200px) {
  section.section-02 .section-inner .slide-row .swiper-slide .txt-row {
    padding: 37px 38px;
  }
}
section.section-02 .section-inner .slide-row .swiper-slide .txt-row strong {
  transition: all 0.3s ease;
  color: #616161;
  font-weight: 700;
}
section.section-02 .section-inner .slide-row .swiper-slide .txt-row strong {
  font-size: 5vw;
}
@media (min-width: 641px) {
  section.section-02 .section-inner .slide-row .swiper-slide .txt-row strong {
    font-size: 1.3333rem;
  }
}
@media (min-width: 1200px) {
  section.section-02 .section-inner .slide-row .swiper-slide .txt-row strong {
    font-size: 21px;
  }
}
@media screen and (min-width: 1200px) {
  section.section-02 .section-inner .slide-row .swiper-slide .txt-row strong {
    font-size: 32px;
  }
}
section.section-02 .section-inner .slide-row .swiper-slide .txt-row .icon-svg {
  transition: all 0.3s ease;
  border: 2px solid #C4C4C4;
}
section.section-02 .section-inner .slide-row .swiper-slide .txt-row .icon-svg {
  width: 8.5938vw;
}
@media (min-width: 641px) {
  section.section-02 .section-inner .slide-row .swiper-slide .txt-row .icon-svg {
    width: 2.2917rem;
  }
}
@media (min-width: 1200px) {
  section.section-02 .section-inner .slide-row .swiper-slide .txt-row .icon-svg {
    width: 37px;
  }
}
section.section-02 .section-inner .slide-row .swiper-slide .txt-row .icon-svg {
  height: 8.5938vw;
}
@media (min-width: 641px) {
  section.section-02 .section-inner .slide-row .swiper-slide .txt-row .icon-svg {
    height: 2.2917rem;
  }
}
@media (min-width: 1200px) {
  section.section-02 .section-inner .slide-row .swiper-slide .txt-row .icon-svg {
    height: 37px;
  }
}
section.section-02 .section-inner .slide-row .swiper-slide .txt-row .icon-svg {
  border-radius: 8.5938vw;
}
@media (min-width: 641px) {
  section.section-02 .section-inner .slide-row .swiper-slide .txt-row .icon-svg {
    border-radius: 2.2917rem;
  }
}
@media (min-width: 1200px) {
  section.section-02 .section-inner .slide-row .swiper-slide .txt-row .icon-svg {
    border-radius: 37px;
  }
}
@media screen and (min-width: 1200px) {
  section.section-02 .section-inner .slide-row .swiper-slide .txt-row .icon-svg {
    width: 48px;
    height: 48px;
    border-radius: 48px;
  }
}
section.section-02 .section-inner .slide-row .swiper-slide .txt-row .icon-svg svg {
  transition: all 0.3s ease;
  color: #C4C4C4;
  transform: rotate(90deg);
}
section.section-02 .section-inner .slide-row .swiper-slide .txt-row .icon-svg svg {
  width: 2.6563vw;
}
@media (min-width: 641px) {
  section.section-02 .section-inner .slide-row .swiper-slide .txt-row .icon-svg svg {
    width: 0.7083rem;
  }
}
@media (min-width: 1200px) {
  section.section-02 .section-inner .slide-row .swiper-slide .txt-row .icon-svg svg {
    width: 11px;
  }
}
section.section-02 .section-inner .slide-row .swiper-slide .txt-row .icon-svg svg {
  height: 3.4375vw;
}
@media (min-width: 641px) {
  section.section-02 .section-inner .slide-row .swiper-slide .txt-row .icon-svg svg {
    height: 0.9167rem;
  }
}
@media (min-width: 1200px) {
  section.section-02 .section-inner .slide-row .swiper-slide .txt-row .icon-svg svg {
    height: 15px;
  }
}
@media screen and (min-width: 1200px) {
  section.section-02 .section-inner .slide-row .swiper-slide .txt-row .icon-svg svg {
    width: 13px;
    height: 16px;
  }
}
section.section-02 .section-inner .slide-row .swiper-slide:hover {
  border-color: #0A1E5A;
}
section.section-02 .section-inner .slide-row .swiper-slide:hover .txt-row strong {
  color: #0A1E5A;
}
section.section-02 .section-inner .slide-row .swiper-slide:hover .txt-row .icon-svg {
  border-color: #0A1E5A;
}
section.section-02 .section-inner .slide-row .swiper-slide:hover .txt-row .icon-svg svg {
  color: #0A1E5A;
}
section.section-02 .section-inner .slide-row .swiper-pagination {
  top: unset;
}
section.section-02 .section-inner .slide-row .swiper-pagination {
  bottom: -7.0313vw;
}
@media (min-width: 641px) {
  section.section-02 .section-inner .slide-row .swiper-pagination {
    bottom: -1.875rem;
  }
}
@media (min-width: 1200px) {
  section.section-02 .section-inner .slide-row .swiper-pagination {
    bottom: -30px;
  }
}
section.section-02 .section-inner .slide-row .swiper-button {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.section-02 .section-inner .slide-row .swiper-button {
  gap: 3.75vw;
}
@media (min-width: 641px) {
  section.section-02 .section-inner .slide-row .swiper-button {
    gap: 1rem;
  }
}
@media (min-width: 1200px) {
  section.section-02 .section-inner .slide-row .swiper-button {
    gap: 16px;
  }
}
section.section-02 .section-inner .slide-row .swiper-button {
  top: -10.9375vw;
}
@media (min-width: 641px) {
  section.section-02 .section-inner .slide-row .swiper-button {
    top: -2.9167rem;
  }
}
@media (min-width: 1200px) {
  section.section-02 .section-inner .slide-row .swiper-button {
    top: -47px;
  }
}
section.section-02 .section-inner .slide-row .swiper-button .swiper-button-prev, section.section-02 .section-inner .slide-row .swiper-button .swiper-button-next {
  border: 2px solid #C4C4C4;
}
section.section-02 .section-inner .slide-row .swiper-button .swiper-button-prev, section.section-02 .section-inner .slide-row .swiper-button .swiper-button-next {
  width: 9.375vw;
}
@media (min-width: 641px) {
  section.section-02 .section-inner .slide-row .swiper-button .swiper-button-prev, section.section-02 .section-inner .slide-row .swiper-button .swiper-button-next {
    width: 2.5rem;
  }
}
@media (min-width: 1200px) {
  section.section-02 .section-inner .slide-row .swiper-button .swiper-button-prev, section.section-02 .section-inner .slide-row .swiper-button .swiper-button-next {
    width: 40px;
  }
}
section.section-02 .section-inner .slide-row .swiper-button .swiper-button-prev, section.section-02 .section-inner .slide-row .swiper-button .swiper-button-next {
  height: 9.375vw;
}
@media (min-width: 641px) {
  section.section-02 .section-inner .slide-row .swiper-button .swiper-button-prev, section.section-02 .section-inner .slide-row .swiper-button .swiper-button-next {
    height: 2.5rem;
  }
}
@media (min-width: 1200px) {
  section.section-02 .section-inner .slide-row .swiper-button .swiper-button-prev, section.section-02 .section-inner .slide-row .swiper-button .swiper-button-next {
    height: 40px;
  }
}
section.section-02 .section-inner .slide-row .swiper-button .swiper-button-prev, section.section-02 .section-inner .slide-row .swiper-button .swiper-button-next {
  border-radius: 2.5vw;
}
@media (min-width: 641px) {
  section.section-02 .section-inner .slide-row .swiper-button .swiper-button-prev, section.section-02 .section-inner .slide-row .swiper-button .swiper-button-next {
    border-radius: 0.6667rem;
  }
}
@media (min-width: 1200px) {
  section.section-02 .section-inner .slide-row .swiper-button .swiper-button-prev, section.section-02 .section-inner .slide-row .swiper-button .swiper-button-next {
    border-radius: 11px;
  }
}
section.section-02 .section-inner .slide-row .swiper-button .swiper-button-prev .icon-svg svg, section.section-02 .section-inner .slide-row .swiper-button .swiper-button-next .icon-svg svg {
  width: 70%;
}
section.section-02 .section-inner .slide-row .swiper-button .swiper-button-prev:hover, section.section-02 .section-inner .slide-row .swiper-button .swiper-button-next:hover {
  border-color: #0A1E5A;
  background: #0A1E5A;
}
section.section-02 .section-inner .slide-row .swiper-button .swiper-button-prev:hover .icon-svg svg, section.section-02 .section-inner .slide-row .swiper-button .swiper-button-next:hover .icon-svg svg {
  color: #ffffff;
}