@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 계산 안함
 */
/**
 * [B. 폰트 전용] font-size + line-height + Text Crop
 */
/* Mixins */
section.section img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
section {
  /* TK스토리*/
}
section.intro.section-01 .section-inner {
  padding: 0;
}
section.intro.section-01 .section-inner .visual-row {
  position: relative;
  width: 100%;
}
section.intro.section-01 .section-inner .visual-row {
  height: 182.8125vw;
}
@media (min-width: 641px) {
  section.intro.section-01 .section-inner .visual-row {
    height: 48.75rem;
  }
}
@media (min-width: 1200px) {
  section.intro.section-01 .section-inner .visual-row {
    height: 780px;
  }
}
@media screen and (min-width: 768px) {
  section.intro.section-01 .section-inner .visual-row {
    height: 35rem;
  }
}
@media screen and (min-width: 992px) {
  section.intro.section-01 .section-inner .visual-row {
    height: 40rem;
  }
}
@media screen and (min-width: 1200px) {
  section.intro.section-01 .section-inner .visual-row {
    height: 800px;
  }
}
section.intro.section-01 .section-inner .visual-row .item {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.intro.section-01 .section-inner .visual-row .item .img-row {
  width: 100%;
  opacity: 0;
  transition: none;
}
section.intro.section-01 .section-inner .visual-row .item .img-row {
  height: 182.8125vw;
}
@media (min-width: 641px) {
  section.intro.section-01 .section-inner .visual-row .item .img-row {
    height: 48.75rem;
  }
}
@media (min-width: 1200px) {
  section.intro.section-01 .section-inner .visual-row .item .img-row {
    height: 780px;
  }
}
@media screen and (min-width: 640px) {
  section.intro.section-01 .section-inner .visual-row .item .img-row {
    height: 60rem;
  }
}
@media screen and (min-width: 1200px) {
  section.intro.section-01 .section-inner .visual-row .item .img-row {
    height: 800px;
  }
}
section.intro.section-01 .section-inner .visual-row .item .txt-row {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  flex-flow: wrap;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
section.intro.section-01 .section-inner .visual-row .item .txt-row {
  gap: 7.8125vw;
}
@media (min-width: 641px) {
  section.intro.section-01 .section-inner .visual-row .item .txt-row {
    gap: 2.0833rem;
  }
}
@media (min-width: 1200px) {
  section.intro.section-01 .section-inner .visual-row .item .txt-row {
    gap: 33px;
  }
}
section.intro.section-01 .section-inner .visual-row .item .txt-row .icon-svg {
  color: #ffffff;
}
section.intro.section-01 .section-inner .visual-row .item .txt-row .icon-svg {
  width: 20.3906vw;
}
@media (min-width: 641px) {
  section.intro.section-01 .section-inner .visual-row .item .txt-row .icon-svg {
    width: 5.4375rem;
  }
}
@media (min-width: 1200px) {
  section.intro.section-01 .section-inner .visual-row .item .txt-row .icon-svg {
    width: 87px;
  }
}
section.intro.section-01 .section-inner .visual-row .item .txt-row .icon-svg {
  height: 20.1563vw;
}
@media (min-width: 641px) {
  section.intro.section-01 .section-inner .visual-row .item .txt-row .icon-svg {
    height: 5.375rem;
  }
}
@media (min-width: 1200px) {
  section.intro.section-01 .section-inner .visual-row .item .txt-row .icon-svg {
    height: 86px;
  }
}
section.intro.section-01 .section-inner .visual-row .item .txt-row p {
  width: 100%;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  font-family: "Noto Serif KR";
  font-weight: 400;
}
section.intro.section-01 .section-inner .visual-row .item .txt-row p {
  font-size: 6.4063vw;
}
@media (min-width: 641px) {
  section.intro.section-01 .section-inner .visual-row .item .txt-row p {
    font-size: 1.7083rem;
  }
}
@media (min-width: 1200px) {
  section.intro.section-01 .section-inner .visual-row .item .txt-row p {
    font-size: 27px;
  }
}
@media screen and (min-width: 1200px) {
  section.intro.section-01 .section-inner .visual-row .item .txt-row p {
    font-size: 40px;
  }
}
section.intro.section-01 .section-inner .visual-row .item:nth-child(1) .img-row {
  background: url("/static/images/sub/art_top_img1@m.jpg") no-repeat center 0;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  section.intro.section-01 .section-inner .visual-row .item:nth-child(1) .img-row {
    background: url("/static/images/sub/art_top_img1.jpg") no-repeat center 0;
    background-size: cover;
  }
}
@media screen and (min-width: 1921px) {
  section.intro.section-01 .section-inner .visual-row .item:nth-child(1) .img-row {
    background: url("/static/images/sub/art_top_img1@2x.jpg") no-repeat center 0;
    background-size: cover;
  }
}
section.intro.section-01 .section-inner .visual-row .item:nth-child(2) .img-row {
  background: url("/static/images/sub/art_top_img2@m.jpg") no-repeat center 0;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  section.intro.section-01 .section-inner .visual-row .item:nth-child(2) .img-row {
    background: url("/static/images/sub/art_top_img2.jpg") no-repeat center 0;
    background-size: cover;
  }
}
@media screen and (min-width: 1921px) {
  section.intro.section-01 .section-inner .visual-row .item:nth-child(2) .img-row {
    background: url("/static/images/sub/art_top_img2@2x.jpg") no-repeat center 0;
    background-size: cover;
  }
}
section.intro.section-01 .section-inner .visual-row .item:nth-child(3) .img-row {
  background: url("/static/images/sub/art_top_img3@m.jpg") no-repeat center 0;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  section.intro.section-01 .section-inner .visual-row .item:nth-child(3) .img-row {
    background: url("/static/images/sub/art_top_img3.jpg") no-repeat center 0;
    background-size: cover;
  }
}
@media screen and (min-width: 1921px) {
  section.intro.section-01 .section-inner .visual-row .item:nth-child(3) .img-row {
    background: url("/static/images/sub/art_top_img3@2x.jpg") no-repeat center 0;
    background-size: cover;
  }
}
section.intro.section-01 .section-inner .visual-row .item:nth-child(4) .img-row {
  background: url("/static/images/sub/art_top_img4@m.jpg") no-repeat center 0;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  section.intro.section-01 .section-inner .visual-row .item:nth-child(4) .img-row {
    background: url("/static/images/sub/art_top_img4.jpg") no-repeat center 0;
    background-size: cover;
  }
}
@media screen and (min-width: 1921px) {
  section.intro.section-01 .section-inner .visual-row .item:nth-child(4) .img-row {
    background: url("/static/images/sub/art_top_img4@2x.jpg") no-repeat center 0;
    background-size: cover;
  }
}
section.intro.section-01 .section-inner .visual-row .item:nth-child(5) .img-row {
  background: url("/static/images/sub/art_top_img5@m.jpg") no-repeat center 0;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  section.intro.section-01 .section-inner .visual-row .item:nth-child(5) .img-row {
    background: url("/static/images/sub/art_top_img5.jpg") no-repeat center 0;
    background-size: cover;
  }
}
@media screen and (min-width: 1921px) {
  section.intro.section-01 .section-inner .visual-row .item:nth-child(5) .img-row {
    background: url("/static/images/sub/art_top_img5@2x.jpg") no-repeat center 0;
    background-size: cover;
  }
}
section.intro.section-02 .section-inner {
  padding: 0;
}
@media screen and (min-width: 1200px) {
  section.intro.section-02 .section-inner {
    max-width: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
  }
}
@media screen and (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row {
    position: relative;
    width: 100%;
    height: auto; /* 뷰포트 꽉 채우기 */
    overflow: hidden;
  }
}
section.intro.section-02 .section-inner .slide-row .item {
  position: relative;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item {
    margin-bottom: 0;
    display: flex; /* 내부 좌우 배치 */
    will-change: transform; /* 성능 최적화 */
    height: 880px;
    /*box-shadow: 0px -5px 30px 0px rgba(0,0,0,0.05);
    -webkit-box-shadow: 0px -5px 30px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px -5px 30px 0px rgba(0,0,0,0.05);*/
  }
}
section.intro.section-02 .section-inner .slide-row .item .left {
  background: url("/static/images/sub/art_section_bg@m.jpg") no-repeat center 0;
  background-size: cover;
}
section.intro.section-02 .section-inner .slide-row .item .left {
  padding: 15.625vw 0;
}
@media (min-width: 641px) {
  section.intro.section-02 .section-inner .slide-row .item .left {
    padding: 4.1667rem 0;
  }
}
@media (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left {
    padding: 67px 0;
  }
}
section.intro.section-02 .section-inner .slide-row .item .left {
  height: 162.3438vw;
}
@media (min-width: 641px) {
  section.intro.section-02 .section-inner .slide-row .item .left {
    height: 43.2917rem;
  }
}
@media (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left {
    height: 693px;
  }
}
@media screen and (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left {
    background: url("/static/images/sub/art_section_bg.jpg") no-repeat center 0;
    background-size: cover;
    padding: 100px 0;
    height: 100%;
    width: 50%;
  }
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row {
  width: 87.5%;
  margin: auto;
}
@media screen and (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row {
    width: 100%;
    max-width: 600px;
    margin-right: 0;
    height: 100%;
  }
}
@media screen and (min-width: 1440px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row {
    max-width: 720px;
  }
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row .info {
  flex-flow: wrap;
  align-content: space-between;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row .info {
  min-height: 130.8594vw;
}
@media (min-width: 641px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info {
    min-height: 34.8958rem;
  }
}
@media (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info {
    min-height: 558px;
  }
}
@media screen and (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info {
    height: 100%;
  }
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top {
  width: 100%;
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top h2:before, section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top h2:after, section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top h3:before, section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top h3:after {
  display: none;
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top h2, section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top h3 {
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
  line-height: 1.5;
  padding: 0.1em 0;
  font-family: "Noto Serif KR";
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top h2 {
  color: #AE8766;
  font-weight: 600;
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top h2 {
  font-size: 4.6875vw;
}
@media (min-width: 641px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top h2 {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top h2 {
    font-size: 20px;
  }
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top h2 {
  margin-bottom: 2.8125vw;
}
@media (min-width: 641px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top h2 {
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top h2 {
    margin-bottom: 12px;
  }
}
@media screen and (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top h2 {
    font-size: 24px;
    margin-bottom: 24px;
  }
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top h3 {
  color: #2B2B2B;
  font-weight: 500;
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top h3 {
  font-size: 6.875vw;
}
@media (min-width: 641px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top h3 {
    font-size: 1.8333rem;
  }
}
@media (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top h3 {
    font-size: 29px;
  }
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top h3 {
  margin-bottom: 6.25vw;
}
@media (min-width: 641px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top h3 {
    margin-bottom: 1.6667rem;
  }
}
@media (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top h3 {
    margin-bottom: 27px;
  }
}
@media screen and (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top h3 {
    font-size: 44px;
    margin-bottom: 56px;
  }
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top .img-row {
  position: relative;
  overflow: hidden;
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top .img-row {
  width: 43.75vw;
}
@media (min-width: 641px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top .img-row {
    width: 11.6667rem;
  }
}
@media (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top .img-row {
    width: 187px;
  }
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top .img-row {
  height: 28.125vw;
}
@media (min-width: 641px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top .img-row {
    height: 7.5rem;
  }
}
@media (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top .img-row {
    height: 120px;
  }
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top .img-row {
  margin-bottom: 6.25vw;
}
@media (min-width: 641px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top .img-row {
    margin-bottom: 1.6667rem;
  }
}
@media (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top .img-row {
    margin-bottom: 27px;
  }
}
@media screen and (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top .img-row {
    width: 280px;
    height: 180px;
    margin-bottom: 40px;
  }
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top .img-row img {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top p {
  width: 78%;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
  line-height: 1.5;
  padding: 0.1em 0;
  color: #616161;
  font-weight: 500;
  letter-spacing: -0.52px;
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top p {
  font-size: 3.9063vw;
}
@media (min-width: 641px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top p {
    font-size: 1.0417rem;
  }
}
@media (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top p {
    font-size: 17px;
  }
}
@media screen and (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .top p {
    font-size: 20px;
    width: 70%;
  }
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom {
  width: 100%;
  max-width: 60%;
}
@media screen and (min-width: 640px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom {
    width: 70%;
  }
}
@media screen and (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom {
    max-width: 50%;
  }
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul {
  flex-flow: wrap;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul {
  gap: 1.25vw 3.125vw;
}
@media (min-width: 641px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul {
    gap: 0.3333rem 0.8333rem;
  }
}
@media (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul {
    gap: 5px 13px;
  }
}
@media screen and (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul {
    gap: 14px 20px;
  }
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul li {
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
  line-height: 1.5;
  padding: 0.1em 0;
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul li:nth-child(odd) {
  position: relative;
  color: #AE8766;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.48px;
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul li:nth-child(odd) {
  font-size: 3.75vw;
}
@media (min-width: 641px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul li:nth-child(odd) {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul li:nth-child(odd) {
    font-size: 16px;
  }
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul li:nth-child(odd) {
  width: 6.6406vw;
}
@media (min-width: 641px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul li:nth-child(odd) {
    width: 1.7708rem;
  }
}
@media (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul li:nth-child(odd) {
    width: 28px;
  }
}
@media screen and (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul li:nth-child(odd) {
    font-size: 18px;
    width: 35px;
  }
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul li:nth-child(odd):before {
  content: "";
  position: absolute;
  width: 1px;
  top: 50%;
  background: #AE8766;
  transform: translateY(-50%);
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul li:nth-child(odd):before {
  height: 3.125vw;
}
@media (min-width: 641px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul li:nth-child(odd):before {
    height: 0.8333rem;
  }
}
@media (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul li:nth-child(odd):before {
    height: 13px;
  }
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul li:nth-child(odd):before {
  right: -1.5625vw;
}
@media (min-width: 641px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul li:nth-child(odd):before {
    right: -0.4167rem;
  }
}
@media (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul li:nth-child(odd):before {
    right: -7px;
  }
}
@media screen and (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul li:nth-child(odd):before {
    height: 20px;
    right: -10px;
  }
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul li:nth-child(even) {
  color: #616161;
  font-weight: 500;
  letter-spacing: -0.48px;
  width: calc(100% - 9.7656vw);
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul li:nth-child(even) {
  font-size: 3.75vw;
}
@media (min-width: 641px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul li:nth-child(even) {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul li:nth-child(even) {
    font-size: 16px;
  }
}
@media screen and (min-width: 640px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul li:nth-child(even) {
    width: calc(100% - 55px);
  }
}
@media screen and (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul li:nth-child(even) {
    font-size: 18px;
    width: calc(100% - 55px);
  }
}
section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul li:nth-child(1), section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul li:nth-child(2) {
  margin-bottom: 1.5625vw;
}
@media (min-width: 641px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul li:nth-child(1), section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul li:nth-child(2) {
    margin-bottom: 0.4167rem;
  }
}
@media (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul li:nth-child(1), section.intro.section-02 .section-inner .slide-row .item .left .info-row .info .bottom ul li:nth-child(2) {
    margin-bottom: 7px;
  }
}
section.intro.section-02 .section-inner .slide-row .item .left .controller-row {
  justify-self: end;
}
section.intro.section-02 .section-inner .slide-row .item .left .controller-row {
  margin-top: -9.375vw;
}
@media (min-width: 641px) {
  section.intro.section-02 .section-inner .slide-row .item .left .controller-row {
    margin-top: -2.5rem;
  }
}
@media (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .controller-row {
    margin-top: -40px;
  }
}
section.intro.section-02 .section-inner .slide-row .item .left .controller-row {
  padding-right: 6.25vw;
}
@media (min-width: 641px) {
  section.intro.section-02 .section-inner .slide-row .item .left .controller-row {
    padding-right: 1.6667rem;
  }
}
@media (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .controller-row {
    padding-right: 27px;
  }
}
@media screen and (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .controller-row {
    margin-top: -56px;
    margin-right: 0;
  }
}
@media screen and (min-width: 1440px) {
  section.intro.section-02 .section-inner .slide-row .item .left .controller-row {
    margin-right: 20px;
  }
}
section.intro.section-02 .section-inner .slide-row .item .left .controller-row .swiper-buttons {
  flex-direction: row-reverse;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
section.intro.section-02 .section-inner .slide-row .item .left .controller-row .swiper-buttons {
  gap: 2.5vw;
}
@media (min-width: 641px) {
  section.intro.section-02 .section-inner .slide-row .item .left .controller-row .swiper-buttons {
    gap: 0.6667rem;
  }
}
@media (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .controller-row .swiper-buttons {
    gap: 11px;
  }
}
section.intro.section-02 .section-inner .slide-row .item .left .controller-row .swiper-buttons {
  margin-left: 2.3438vw;
}
@media (min-width: 641px) {
  section.intro.section-02 .section-inner .slide-row .item .left .controller-row .swiper-buttons {
    margin-left: 0.625rem;
  }
}
@media (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .controller-row .swiper-buttons {
    margin-left: 10px;
  }
}
@media screen and (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .controller-row .swiper-buttons {
    gap: 16px;
    margin-left: 30px;
  }
}
section.intro.section-02 .section-inner .slide-row .item .left .controller-row .custom-fraction {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
section.intro.section-02 .section-inner .slide-row .item .left .controller-row .custom-fraction {
  width: 10.9375vw;
}
@media (min-width: 641px) {
  section.intro.section-02 .section-inner .slide-row .item .left .controller-row .custom-fraction {
    width: 2.9167rem;
  }
}
@media (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .controller-row .custom-fraction {
    width: 47px;
  }
}
section.intro.section-02 .section-inner .slide-row .item .left .controller-row .custom-fraction span {
  color: #9F9F9F;
  font-weight: 400;
}
section.intro.section-02 .section-inner .slide-row .item .left .controller-row .custom-fraction span {
  font-size: 3.5938vw;
}
@media (min-width: 641px) {
  section.intro.section-02 .section-inner .slide-row .item .left .controller-row .custom-fraction span {
    font-size: 0.9583rem;
  }
}
@media (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .controller-row .custom-fraction span {
    font-size: 15px;
  }
}
@media screen and (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .controller-row .custom-fraction span {
    font-size: 16px;
  }
}
section.intro.section-02 .section-inner .slide-row .item .left .controller-row .custom-fraction .current {
  font-weight: 700;
  color: #000000;
}
@media screen and (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .left .controller-row .custom-fraction {
    width: 60px;
  }
}
section.intro.section-02 .section-inner .slide-row .item .right {
  height: 89.8438vw;
}
@media (min-width: 641px) {
  section.intro.section-02 .section-inner .slide-row .item .right {
    height: 23.9583rem;
  }
}
@media (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .right {
    height: 383px;
  }
}
@media screen and (min-width: 640px) {
  section.intro.section-02 .section-inner .slide-row .item .right {
    height: 35rem;
  }
}
@media screen and (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .right {
    position: absolute;
    width: 50%;
    left: 50%;
    top: 0;
    height: 100%;
  }
}
section.intro.section-02 .section-inner .slide-row .item .right .swiper {
  height: 100%;
}
section.intro.section-02 .section-inner .slide-row .item .right .swiper .swiper-slide {
  height: 100%;
}
section.intro.section-02 .section-inner .slide-row .item .right .swiper .swiper-slide .img-row {
  position: relative;
  height: 100%;
  display: flex;
}
section.intro.section-02 .section-inner .slide-row .item .right .swiper .swiper-slide .img-row img {
  display: block;
  position: absolute;
  width: 100%;
  height: auto;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 1200px) {
  section.intro.section-02 .section-inner .slide-row .item .right .swiper .swiper-slide .img-row img {
    position: relative;
    height: 100%;
    top: unset;
    transform: unset;
  }
}
section.intro.section-02 .total-progress-container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px; /* 바 두께 */
  background: #888888;
  z-index: 100; /* 카드보다 위에 위치 */
}
section.intro.section-02 .total-progress-bar {
  width: 0%; /* 초기값 */
  height: 100%;
  background: #AE8766;
  transition: width 0.1s ease-out;
}

@keyframes marqueeMove {
  0% {
    transform: translateX(100vw);
  }
  100% {
    transform: translateX(-100%);
  }
}