/* ---------------------  sec 2 start --------------------- */
.sec_2 .container .wrapper .link_box {
  gap: 60px;
  width: 96%;
  margin-bottom: 40px;
}
.sec_2 .container .wrapper .link_box a {
  color: #bbb;
  font-size: 20px;
  padding: 10px 0;
  font-weight: 700;
  transition: 0.3s;
  border-bottom: 2px solid transparent;
}
.sec_2 .container .wrapper .link_box a:hover {
  color: #b18523;
}
.sec_2 .container .wrapper .link_box a.on {
  border-bottom: 2px solid #b18523;
  color: #b18523;
}
.sec_2 .container .wrapper .bg {
  position: relative;
}
.sec_2 .container .wrapper .bg::after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  background: #f8f8f8;
  top: 0;
  left: 0;
  animation: bg_animate 1.2s 0.3s forwards;
}
.sec_2 .container .wrapper .info_area {
  padding-top: 80px;
  width: 96%;
}
.sec_2 .container .wrapper .info_area.field3 .cont_area > .txt_area {
  border-top: 1px solid #ddd;
  margin-top: 40px;
  padding-top: 40px;
}
.sec_2 .container .wrapper .info_area .cont_area .tit_area.on .tit span::before {
  width: 100%;
}
.sec_2 .container .wrapper .info_area .cont_area .tit_area .tit span {
  color: #000;
  font-size: 30px;
  font-weight: 400;
  letter-spacing: -1px;
  position: relative;
  z-index: 2;
}
.sec_2 .container .wrapper .info_area .cont_area .tit_area .tit span::before {
  position: absolute;
  content: "";
  width: 0%;
  height: 50%;
  bottom: 0;
  left: 0;
  background: #f0eadc;
  z-index: -1;
  transition: width 1.4s;
}
.sec_2 .container .wrapper .info_area .cont_area .tit_area .tit span strong {
  font-weight: 600;
}
.sec_2 .container .wrapper .info_area .cont_area .tit_area .txt {
  margin-top: 20px;
  color: rgba(0, 0, 0, 0.9);
  font-size: 18px;
  font-weight: 500;
  line-height: 33px; /* 155.556% */
  letter-spacing: -1px;
  word-break: break-all;
}
.sec_2 .container .wrapper .info_area .cont_area > .txt_area {
  margin-top: 60px;
}
.sec_2 .container .wrapper .info_area .cont_area > .txt_area > .txt {
  color: rgba(0, 0, 0, 0.9);
  font-size: 17px;
  font-weight: 400;
  line-height: 33px; /* 164.706% */
  letter-spacing: -1px;
  word-break: break-all;
}
.sec_2 .container .wrapper .info_area .cont_area > .txt_area .inner {
  position: relative;
  border-radius: 10px;
  background: #f3f3f3;
  padding: 40px;
  margin-bottom: 40px;
}
.sec_2 .container .wrapper .info_area .cont_area > .txt_area .inner::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background: #b18523;
  top: 0;
  left: 0;
  border-radius: 10px;
}
.sec_2 .container .wrapper .info_area .cont_area > .txt_area .inner .tit {
  color: #b18523;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -1px;
  margin-bottom: 14px;
}
.sec_2 .container .wrapper .info_area .cont_area > .txt_area .inner .txt {
  color: #666;
  font-size: 17px;
  font-weight: 400;
  line-height: 28px; /* 164.706% */
  letter-spacing: -1px;
  word-break: break-all;
}
.sec_2 .container .wrapper .info_area .cont_area .list_area {
  margin-top: 40px;
}
.sec_2 .container .wrapper .info_area .cont_area .list_area .youtube_list {
  grid-template-columns: repeat(4, 1fr);
  gap: 36px;
}
.sec_2 .container .wrapper .info_area .cont_area .list_area .youtube_list .list_item .list_link .txt_area {
  padding: 10px;
  background: #fff;
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}
.sec_2 .container .wrapper .info_area .cont_area .list_area .youtube_list .list_item .list_link .txt_area .tit {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  font-size: var(--font-size-en-06);
  line-height: var(--font-lineheight-en-06);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-03);
  margin-bottom: 10px;
}
.sec_2 .container .wrapper .info_area .cont_area .list_area .youtube_list .list_item .list_link .txt_area .txt {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: var(--color-secondary);
  font-size: var(--font-size-ko-07);
  letter-spacing: var(--letter-spacing-01);
}

/* ---------------------  sec 3 start --------------------- */
.sec_3 .container .wrapper {
  width: 96%;
}
.sec_3 .container .wrapper .cta_area.on .txt span {
  animation: main_visual_animate2 0.5s both;
}
.sec_3 .container .wrapper .cta_area .txt {
  font-size: var(--font-size-ko-03);
  line-height: var(--font-lineheight-ko-03);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-02);
  overflow: hidden;
}
.sec_3 .container .wrapper .cta_area .txt span {
  color: #b18523;
  transform: translateY(100%);
}
.sec_3 .container .wrapper .cta_area .more_area {
  margin-top: 60px;
}
.sec_3 .container .wrapper .cta_area .more_area.on .more_btn:first-child {
  animation: fadeIn 0.7s 0.5s both;
}
.sec_3 .container .wrapper .cta_area .more_area.on .more_btn:last-child {
  animation: fadeIn 0.7s 0.8s both;
}
.sec_3 .container .wrapper .cta_area .more_area .more_btn {
  opacity: 0;
}
.sec_3 .container .wrapper .cta_area .more_area .more_btn:last-child {
  margin-left: 16px;
}

/* ---------------------  pop start --------------------- */
.pop_area {
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
}
.pop_area.on {
  opacity: 1;
  visibility: visible;
}
.pop_area .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  max-width: 854px;
}
.pop_area .inner .video_area {
  padding-bottom: 56.25%;
  width: 100%;
}
.pop_area .inner .video_area iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.pop_area .inner .close_area {
  position: absolute;
  bottom: calc(100% + 10px);
  left: calc(100% + 10px);
  width: 50px;
  height: 50px;
}
.pop_area .inner .close_area .youtube_close_btn {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(/main/img/youtube_close_btn.svg);
  transition: 0.7s;
}
.pop_area .inner .close_area .youtube_close_btn:hover {
  transform: rotate(180deg);
}

/* keyframe */
@keyframes typo_animate {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes bg_animate {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}
/* RWD */
@media (max-width: 1080px) {
  .sec_1 .container .wrapper {
    width: 100%;
  }
  .sec_1 .container .wrapper .tit_area {
    padding-bottom: 7.4074vw;
  }
  .sec_2 .container .wrapper .link_box {
    width: 100%;
    padding: 0 5vw;
    margin-bottom: 4vw;
    gap: 7vw;
  }
  .sec_2 .container .wrapper .link_box a {
    font-size: 3vw;
    padding: 1.6vw 0;
  }
  .sec_2 .container .wrapper .bg .pc_img {
    display: none;
  }
  .sec_2 .container .wrapper .bg .mo_img {
    display: block;
  }
  .sec_2 .container .wrapper .info_area {
    padding: 7.4074vw 5vw 0;
    width: 100%;
	max-width : unset;
  }
  .sec_2 .container .wrapper .info_area.field3 .cont_area > .txt_area {
    margin-top: 9.2593vw;
    padding-top: 9.2593vw;
  }
  .sec_2 .container .wrapper .info_area .cont_area .tit_area .tit span {
    font-size: 4.6296vw;
    line-height: 6.2963vw;
  }
  .sec_2 .container .wrapper .info_area .cont_area .tit_area .txt {
    margin-top: 2.7778vw;
    font-size: 3.7037vw;
    line-height: 5.3704vw;
    color: #000;
  }
  .sec_2 .container .wrapper .info_area .cont_area > .txt_area {
    margin-top: 9.2593vw;
  }
  .sec_2 .container .wrapper .info_area .cont_area > .txt_area > .txt {
    font-size: 3.7037vw;
    line-height: 5.3704vw;
    color: #000;
  }
  .sec_2 .container .wrapper .info_area .cont_area > .txt_area .mo_br {
    display: block;
  }
  .sec_2 .container .wrapper .info_area .cont_area > .txt_area .inner {
    padding: 5.5556vw;
    margin-bottom: 9.2593vw;
  }
  .sec_2 .container .wrapper .info_area .cont_area > .txt_area .inner .tit {
    font-size: 4.0741vw;
    line-height: 6.2963vw;
  }
  .sec_2 .container .wrapper .info_area .cont_area > .txt_area .inner .txt {
    font-size: 3.7037vw;
    line-height: 5.3704vw;
  }
  .sec_2 .container .wrapper .info_area .cont_area .list_area {
    margin-top: 5.5556vw;
  }
  .sec_2 .container .wrapper .info_area .cont_area .list_area .youtube_list {
    grid-template-columns: repeat(1, 1fr);
    gap: 3.7037vw;
  }
  .sec_2 .container .wrapper .info_area .cont_area .list_area .youtube_list .list_item .list_link {
    display: flex;
    border-radius: 0.5556vw;
    overflow: hidden;
  }
  .sec_2 .container .wrapper .info_area .cont_area .list_area .youtube_list .list_item .list_link .img_area {
    position: relative;
    width: 37.037vw;
    padding-top: 0;
    border-radius: 0;
  }
  .sec_2 .container .wrapper .info_area .cont_area .list_area .youtube_list .list_item .list_link .img_area img {
    position: inherit;
    width: 100%;
    height: 100%;
  }
  .sec_2 .container .wrapper .info_area .cont_area .list_area .youtube_list .list_item .list_link .img_area::after {
    width: 5.5556vw;
    height: 5.5556vw;
    right: 1.8519vw;
    bottom: 1.8519vw;
    background-size: 1.8vw 1.4vw;
  }
  .sec_2 .container .wrapper .info_area .cont_area .list_area .youtube_list .list_item .list_link .txt_area {
    width: calc(100% - 37.037vw);
    border-radius: 0;
    padding: 5.0926vw 3.7037vw;
  }
  .sec_2 .container .wrapper .info_area .cont_area .list_area .youtube_list .list_item .list_link .txt_area .tit {
    font-size: 3.7037vw;
    line-height: 5.3704vw;
    -webkit-line-clamp: 2;
  }
  .sec_2 .container .wrapper .info_area .cont_area .list_area .youtube_list .list_item .list_link .txt_area .txt {
    display: none;
  }
  .sec_3 .container .wrapper {
    width: 100%;
    max-width: unset;
    padding-top: 3.7037vw;
    padding-bottom: 18.5185vw;
  }
  .sec_3 .container .wrapper .cta_area .txt {
    font-size: 6.4815vw;
    line-height: 8.3333vw;
    letter-spacing: -1px;
  }
  .sec_3 .container .wrapper .cta_area .more_area {
    margin-top: 9.2593vw;
  }
  .sec_3 .container .wrapper .cta_area .more_area .mo_br {
    display: block;
  }
  .sec_3 .container .wrapper .cta_area .more_area .more_btn {
    width: 38.4259vw;
    border-radius: 0.7407vw;
    background: #b18523;
    color: #fff;
    line-height: 12.7778vw;
    font-size: 3.7037vw;
    border: none;
    padding: 0;
  }
  .sec_3 .container .wrapper .cta_area .more_area .more_btn:last-child {
    margin-left: 0;
    margin-top: 3.7037vw;
  }
  .pop_area .inner {
    max-width: unset;
    width: calc(100% - 10vw);
  }
  .pop_area .inner .close_area {
    width: 5.5556vw;
    height: 5.5556vw;
    left: auto;
    right: 0;
    bottom: calc(100% + 2.7778vw);
  }
}