@charset "UTF-8";

/*main*/

#container.main-c .cont {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

#container.main-c .mv-pc-wrap {
  width: 1440px;
  height: var(--w-450);
  margin: 0 auto;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}
#container.main-c .mv-pc-wrap .mv-news-wrap {
  width: calc(100% - var(--w-510));
  height: 100%;
}
#container.main-c .mv-pc-wrap .mv-news-wrap .swiper-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#container.main-c .mv-pc-wrap .mv-news-wrap .swiper-slide {
  width: 100%;
  height: 100%;
}
#container.main-c .mv-pc-wrap .mv-news-wrap .swiper-slide img {
  width: 100%;
  height: 100%;
}
#container.main-c .mv-pc-wrap .news-right {
  position: relative;
  width: 100%;
  height: 100%;
  background: var(--gray-333);
}
#container.main-c .mv-pc-wrap .news-right h2 {
  width: 100%;
  height: 6.563rem;
  text-align: left;
  padding-top: 2.188rem;
  font-size: var(--font-size-22);
  color: var(--gray-999);
  font-weight: var(--weight-bold);
  padding-left: var(--w-30);
}
#container.main-c .mv-pc-wrap .news-right a.news-more {
  width: 100%;
  height: 4rem;
  display: flex;
  position: absolute;
  bottom: var(--w-40);
  left: var(--w-340);
  font-size: var(--font-size-16);
  color: var(--gray-999);
  font-weight: var(--weight-medium);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#container.main-c .mv-pc-wrap .news-pagination {
  position: absolute;
  width: 100%;
}
#container.main-c .mv-pc-wrap .swiper-pagination-bullet {
  width: 100%;
  height: var(--w-60);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 0;
  background: transparent;
  opacity: 1;
  color: var(--white);
  padding: 0 0 0 var(--w-30);
  text-align: left;
  border-bottom: 1px solid var(--gray-555);
}
#container.main-c .mv-pc-wrap .swiper-pagination-bullet-active {
  background: var(--pink-ff5);
}

#container.main-c .mv-pc-wrap .txt-inner.type01 {
  width: 100%;
  background: rgba(0, 0, 0, 0.55);
  height: var(--w-150);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 15;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
#container.main-c .mv-pc-wrap .txt-inner.type01 * {
  color: var(--white);
}
#container.main-c .mv-pc-wrap .txt-inner.type01 h3 {
  font-size: var(--font-size-36);
  line-height: 1.5rem;
  font-weight: var(--weight-bold);
  padding: var(--w-10) var(--w-20) 0 var(--w-80);
  text-align: left;
}
#container.main-c .mv-pc-wrap .txt-inner.type01 p {
  font-size: var(--font-size-18);
  margin-top: var(--w-10);
  max-width: 53.75rem;
  text-align: left;
  font-weight: var(--weight-light);
  word-break: keep-all;
  padding: 0 var(--w-20) 0 var(--w-80);
}

#container.main-c .mv-pc-wrap .txt-inner.type02 {
  width: 100%;
  background: transparent;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 15;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#container.main-c .mv-pc-wrap .txt-inner.type02 * {
  color: var(--white);
  text-shadow: 4px 4px 2px #000000;
}
#container.main-c .mv-pc-wrap .txt-inner.type02 h3 {
  font-size: var(--font-size-50);
  line-height: 6.25rem;
  font-weight: bold;
  color: var(--pink-ffb);
  font-family: var(--font-family-eng);
}
#container.main-c .mv-pc-wrap .txt-inner.type02 p {
  font-size: var(--font-size-28);
  margin-top: 0;
  max-width: 50.875rem;
  text-align: left;
  font-weight: var(--weight-medium);
  word-break: keep-all;
  line-height: 2.5rem;
}
#container.main-c .mv-pc-wrap .txt-inner.type02 p strong {
  font-size: var(--font-size-40);
  font-weight: var(--weight-medium);
}

#container.main-c .mv-pc-wrap .img-inner {
  width: 100%;
  height: 100%;
  z-index: 14;
  overflow: hidden;
  position: relative;
  background: url("/images/main/slide_bg.png") no-repeat center;
  background-size: cover;
}
#container.main-c .mv-pc-wrap .img-inner img {
  width: 100%;
  height: 100%;
}

#container.main-c .mv-pc-wrap .swiper-button-next,
#container.main-c .mv-pc-wrap .swiper-button-prev {
  width: var(--w-25);
  height: var(--w-25);
  background: transparent url("../images/main/ic-slide-arrow.svg") no-repeat
    center center;
  z-index: 20;
}

#container.main-c .mv-pc-wrap .swiper-button-prev {
  left: var(--w-30);
  top: unset;
  bottom: var(--w-25);
  margin-top: 0;
}
#container.main-c .mv-pc-wrap .swiper-button-next {
  right: auto;
  left: calc(var(--w-30) + 1.25rem);
  top: unset;
  bottom: var(--w-25);
  margin-top: 0;
  transform: rotate(-180deg);
}

#container.main-c #mv-wrap {
  width: 100%;
  min-width: var(--min-width);
  height: auto;
  overflow: hidden;
  position: relative;
  display: none;
}
#container.main-c #mv-wrap .swiper-slide {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
#container.main-c #mv-wrap .swiper-slide .pc {
  display: flex !important;
}
#container.main-c #mv-wrap .swiper-slide .txt-inner.type01 {
  width: 100%;
  background: rgba(0, 0, 0, 0.55);
  height: var(--w-150);
  position: absolute;
  left: 0;
  bottom: var(--w-65);
  z-index: 15;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#container.main-c #mv-wrap .swiper-slide .txt-inner.type01 * {
  color: var(--white);
}
#container.main-c #mv-wrap .swiper-slide .txt-inner.type01 h3 {
  font-size: var(--font-size-32);
  line-height: 1.5rem;
  font-weight: var(--weight-bold);
}
#container.main-c #mv-wrap .swiper-slide .txt-inner.type01 p {
  font-size: var(--font-size-18);
  margin-top: var(--w-10);
  max-width: 53.75rem;
  text-align: left;
  font-weight: var(--weight-light);
  word-break: keep-all;
}

#container.main-c #mv-wrap .swiper-slide .txt-inner.type02 {
  width: 100%;
  background: transparent;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 15;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#container.main-c #mv-wrap .swiper-slide .txt-inner.type02 * {
  color: var(--white);
  text-shadow: 4px 4px 2px #000000;
}
#container.main-c #mv-wrap .swiper-slide .txt-inner.type02 h3 {
  font-size: var(--font-size-50);
  line-height: 6.25rem;
  font-weight: bold;
  color: var(--pink-ffb);
  font-family: var(--font-family-eng);
}
#container.main-c #mv-wrap .swiper-slide .txt-inner.type02 p {
  font-size: var(--font-size-28);
  margin-top: 0;
  max-width: 50.875rem;
  text-align: left;
  font-weight: var(--weight-medium);
  word-break: keep-all;
  line-height: 2.5rem;
}
#container.main-c #mv-wrap .swiper-slide .txt-inner.type02 p strong {
  font-size: var(--font-size-40);
  font-weight: var(--weight-medium);
}

#container.main-c #mv-wrap .swiper-slide .img-inner {
  width: 100%;
  height: 100%;
  z-index: 14;
  overflow: hidden;
  position: relative;
  background: url("/images/main/slide_bg.png") no-repeat center;
  background-size: cover;
}
#container.main-c #mv-wrap .swiper-slide .img-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*#container.main-c #mv-wrap .swiper-slide .img-inner img {  position:absolute; width:auto; min-width:100%; height:auto; min-height:100%; left:50%; top:50%; transform: translate(-50%,-50%);}*/ /* 이미지 중간으로 정렬하여 좌우 자르기 */
#container.main-c #mv-wrap .swiper-pagination {
  text-align: left;
}
#container.main-c #mv-wrap .swiper-pagination {
  bottom: 4.688rem;
  left: 26px;
}
#container.main-c #mv-wrap .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  border-radius: 8px;
  border: 1px solid var(--gray-f3f);
  background: transparent;
  transition: width 0.5s ease;
}
#container.main-c #mv-wrap .swiper-pagination-bullet-active {
  width: 29px;
  height: 15px;
  background: var(--gray-f3f);
}

#container.main-c #mv-wrap .swiper-button-next,
#container.main-c #mv-wrap .swiper-button-prev {
  width: var(--w-25);
  height: var(--w-25);
  background: transparent url("../images/main/ic-slide-arrow.svg") no-repeat
    center center;
  z-index: 20;
}

#container.main-c #mv-wrap .swiper-button-prev {
  left: 7.5rem;
  top: calc(100% - 6.45rem);
  margin-top: 0;
}
#container.main-c #mv-wrap .swiper-button-next {
  right: auto;
  left: 9.375rem;
  top: calc(100% - 6.45rem);
  margin-top: 0;
  transform: rotate(-180deg);
}

@media all and (max-width: 1439px) {
  #container.main-c .mv-pc-wrap {
    width: 100%;
  }
}

@media all and (max-width: 1200px) {
  #container.main-c .mv-pc-wrap .mv-news-wrap {
    width: calc(100% - var(--w-450));
    height: 100%;
  }

  #container.main-c #mv-wrap {
  }
  #container.main-c #mv-wrap .swiper-slide .txt-inner.type01 {
    bottom: var(--w-30);
  }

  #container.main-c .mv-pc-wrap .txt-inner.type01 h3 {
    padding-left: var(--w-40);
    line-height: 1;
  }
  #container.main-c .mv-pc-wrap .txt-inner.type01 p {
    padding-left: var(--w-40);
    line-height: 1.2;
  }

  #container.main-c #mv-wrap .swiper-slide .txt-inner.type01 h3 {
    font-size: var(--font-size-28);
  }
  #container.main-c #mv-wrap .swiper-slide .txt-inner.type01 p {
    font-size: var(--font-size-16);
    padding: 0 var(--w-80);
  }

  #container.main-c #mv-wrap .swiper-slide .txt-inner.type02 h3 {
    font-size: var(--font-size-40);
  }
  #container.main-c #mv-wrap .swiper-slide .txt-inner.type02 p {
    font-size: var(--font-size-16);
    line-height: 1.5rem;
  }
  #container.main-c #mv-wrap .swiper-slide .txt-inner.type02 p strong {
    font-size: var(--font-size-28);
  }

  #container.main-c #mv-wrap .swiper-slide .img-inner img {
    width: auto;
    max-width: 100%; /*max-height:100%;*/
    height: 100%;
  }
  #container.main-c #mv-wrap .swiper-pagination {
    bottom: 2.688rem;
  }

  #container.main-c #mv-wrap .swiper-button-prev {
    left: 7.5rem;
    top: calc(100% - 4.57rem);
  }
  #container.main-c #mv-wrap .swiper-button-next {
    top: calc(100% - 4.57rem);
  }
}

@media all and (max-width: 768px) {
  #container.main-c .mv-pc-wrap {
    display: none !important;
  }
  #container.main-c #mv-wrap {
    min-height: 20.75rem;
    display: flex;
    height: 20.75rem;
  }
  #container.main-c #mv-wrap .swiper-wrapper {
    width: 100%;
    height: 100%;
  }
  #container.main-c #mv-wrap .swiper-slide .pc {
    display: none !important;
  }
  #container.main-c #mv-wrap .swiper-slide .mobile {
    display: flex !important;
  }
  #container.main-c #mv-wrap .swiper-slide .txt-inner.type01 {
    background: rgba(0, 0, 0, 0.65);
    height: var(--w-135);
    bottom: 0;
  }
  #container.main-c #mv-wrap .swiper-slide .txt-inner.type01 h3 {
    font-size: var(--font-size-20);
    width: calc(100% - 2.5rem);
    text-align: left;
  }
  #container.main-c #mv-wrap .swiper-slide .txt-inner.type01 p {
    font-size: var(--font-size-14);
    line-height: 1.313rem;
    max-width: calc(100% - 2.5rem);
    text-align: left;
    word-break: break-all;
    padding: 0;
    width: 100%;
  } /*양쪽정렬 삭제*/

  #container.main-c #mv-wrap .swiper-slide .txt-inner.type02 h3 {
    font-size: var(--font-size-24);
    text-align: left;
    line-height: 2rem;
    max-width: calc(100% - 2.5rem);
  }
  #container.main-c #mv-wrap .swiper-slide .txt-inner.type02 * {
    text-shadow: 2px 2px 2px #000000;
  }
  #container.main-c #mv-wrap .swiper-slide .txt-inner.type02 p {
    font-size: var(--font-size-18);
    text-shadow: 1px 1px 2px #000000;
    margin-top: 1rem;
    max-width: calc(100% - 2.5rem);
  }
  #container.main-c #mv-wrap .swiper-slide .txt-inner.type02 p strong {
    font-size: var(--font-size-18);
  }
  #container.main-c #mv-wrap .swiper-slide .img-inner img {
    position: absolute;
    width: 100%;
    min-height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%; /*height: auto;*/
    object-fit: cover;
  }

  #container.main-c #mv-wrap .swiper-pagination {
    text-align: left;
  }
  #container.main-c #mv-wrap .swiper-pagination {
    bottom: auto;
    top: var(--w-20);
    left: var(--w-20);
  }
  #container.main-c #mv-wrap .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    border-radius: 8px;
    border: 1px solid var(--gray-f3f);
    background: transparent;
    transition: width 0.5s ease;
  }
  #container.main-c #mv-wrap .swiper-pagination-bullet-active {
    width: 29px;
    height: 15px;
    background: var(--gray-f3f);
  }

  #container.main-c #mv-wrap .swiper-button-next,
  #container.main-c #mv-wrap .swiper-button-prev {
    width: var(--w-25);
    height: var(--w-25);
    background: transparent url("../images/main/ic-slide-arrow.svg") no-repeat
      center center;
    z-index: 20;
  }

  #container.main-c #mv-wrap .swiper-button-prev {
    left: 6.875rem;
    top: 1.375rem;
    margin-top: 0;
  }
  #container.main-c #mv-wrap .swiper-button-next {
    right: auto;
    left: 8.375rem;
    top: 1.375rem;
  }
}

@media all and (max-width: 320px) {
  #container.main-c #mv-wrap .swiper-pagination {
    top: var(--w-10);
  }
  #container.main-c #mv-wrap .swiper-button-prev {
    top: 0.765rem;
  }
  #container.main-c #mv-wrap .swiper-button-next {
    top: 0.765rem;
  }
  #container.main-c #mv-wrap .swiper-slide .txt-inner.type01 h3 {
    font-size: var(--font-size-18);
  }
  #container.main-c #mv-wrap .swiper-slide .txt-inner.type01 p {
    font-size: var(--font-size-12);
  }
}

#container.main-c section {
  display: block;
}
#container.main-c section:nth-of-type(1),
#container.main-c section:nth-of-type(3) {
  background: var(--gray-f6f);
}

#container.main-c section h2 {
  margin-top: var(--w-70);
  margin-left: var(--w-20);
}
#container.main-c section:nth-of-type(1) .cont {
  position: relative;
}
#container.main-c section:nth-of-type(1) h2 {
  margin-bottom: 3.25rem;
}
#container.main-c section:nth-of-type(1) .statics-swiper {
  width: calc(100% - 7.5rem);
  margin: 0 auto;
  padding-bottom: var(--w-100);
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
#container.main-c section:nth-of-type(1) .statics-swiper .swiper-wrapper {
  /*max-width:calc(100% - 7.5rem);*/
  width: 100%;
}
#container.main-c section:nth-of-type(1) .statics-swiper .swiper-slide {
  width: calc(100% / 2);
}
#container.main-c section:nth-of-type(1) .statics-swiper .silde-inner {
  width: 100%;
  height: 28.375rem;
}
#container.main-c section:nth-of-type(1) .statics-swiper .silde-inner h3 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: var(--gray-333);
  font-size: var(--font-size-20);
  font-weight: var(--weight-bold);
}
#container.main-c section:nth-of-type(1) .statics-swiper .silde-inner h3 .ic {
  width: 2.625rem;
  height: 2.625rem;
  border: 1px solid var(--black);
  border-radius: 1.313rem;
  background: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.3rem;
}
#container.main-c
  section:nth-of-type(1)
  .statics-swiper
  .silde-inner
  .crt-inner {
  width: 100%;
  height: 24.375rem;
  margin-top: 1.375rem;
}

#container.main-c section:nth-of-type(1) .statics-swiper .swiper-button-next,
#container.main-c section:nth-of-type(1) .statics-swiper .swiper-button-prev {
  width: var(--w-60);
  height: var(--w-60);
  background: var(--gray-f6f) url("../images/main/ic-slide-arrow-b.svg")
    no-repeat center center;
}

#container.main-c section:nth-of-type(1) .statics-swiper .swiper-button-prev {
  left: 0;
  top: 50%;
  margin-top: 0;
}
#container.main-c section:nth-of-type(1) .statics-swiper .swiper-button-next {
  right: 0;
  top: 50%;
  margin-top: 0;
  transform: rotate(-180deg);
}

@media all and (max-width: 1200px) {
  #container.main-c {
    height: auto;
    min-height: 100%;
  }
  #container.main-c section:nth-of-type(1) .statics-swiper {
    padding-bottom: var(--w-50);
  }
  #container.main-c section:nth-of-type(1) .statics-swiper .swiper-slide {
    width: calc(100% / 2);
    max-width: 50vw;
  }
  #container.main-c section:nth-of-type(1) .statics-swiper .silde-inner {
    width: 100%;
    min-height: 22.375rem;
    height: auto;
  }
  #container.main-c
    section:nth-of-type(1)
    .statics-swiper
    .silde-inner
    .crt-inner {
    width: 100%;
    min-height: 24.375rem;
    height: auto;
    margin-top: 1.375rem;
  }
  #container.main-c
    section:nth-of-type(1)
    .statics-swiper
    .silde-inner
    .crt-inner
    img {
    width: 90%;
    vertical-align: middle;
  } /*차트영역으로 사이즈 맞춰주는 용도*/
}

@media all and (max-width: 768px) {
  #container.main-c section h2 {
    margin-top: var(--w-20);
  }
  #container.main-c section:nth-of-type(1) h2 {
    margin-bottom: 1rem;
  }

  #container.main-c section:nth-of-type(1) .statics-swiper {
    width: 100%;
    min-height: 20rem;
    padding-bottom: 0;
  }
  #container.main-c section:nth-of-type(1) .statics-swiper .swiper-wrapper {
    max-width: calc(100% - 2.5rem);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 auto;
  }
  #container.main-c section:nth-of-type(1) .statics-swiper .swiper-slide {
    width: 100%;
    max-width: 100%;
  }
  #container.main-c section:nth-of-type(1) .statics-swiper .silde-inner {
    width: 100%;
    height: auto;
    min-height: auto;
    padding-bottom: var(--w-30);
  }
  #container.main-c section:nth-of-type(1) .statics-swiper .silde-inner h3 {
    font-size: var(--font-size-14);
  }
  #container.main-c section:nth-of-type(1) .statics-swiper .silde-inner h3 .ic {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.375rem;
  }
  #container.main-c
    section:nth-of-type(1)
    .statics-swiper
    .silde-inner
    h3
    .ic
    img {
    width: 100%;
  }
  #container.main-c
    section:nth-of-type(1)
    .statics-swiper
    .silde-inner
    .crt-inner {
    width: 100%;
    min-height: auto;
    height: auto;
    margin-top: 1rem;
  }
  #container.main-c
    section:nth-of-type(1)
    .statics-swiper
    .silde-inner
    .crt-inner
    img {
    max-width: 100%;
    width: auto;
    max-height: 100%;
    vertical-align: middle;
  } /*차트영역으로 사이즈 맞춰주는 용도*/

  #container.main-c section:nth-of-type(1) .statics-swiper .swiper-button-next,
  #container.main-c section:nth-of-type(1) .statics-swiper .swiper-button-prev {
    display: none;
  }
}

/*업계뉴스.페스티벌 슬라이드*/

#container.main-c section:nth-of-type(2) .festival-swiper {
  width: var(--min-width);
  min-width: var(--min-width);
  margin: 0 auto;
  padding-bottom: var(--w-150);
  overflow: hidden;
  position: relative;
}
#container.main-c section:nth-of-type(2) .festival-swiper h2 {
  text-align: left;
}
#container.main-c section:nth-of-type(2) .festival-swiper .silde-inner {
  width: calc(100% - 7.5rem);
  height: var(--w-350);
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
#container.main-c section:nth-of-type(2) .festival-swiper .silde-inner.news-c {
  flex-direction: row-reverse;
}
#container.main-c
  section:nth-of-type(2)
  .festival-swiper
  .silde-inner
  .news-img {
  width: 36.25rem;
  height: var(--w-350);
  border: 1px solid var(--gray-555);
  background: url("../images/main/thumb-noimg.png") no-repeat 0 0;
  background-size: cover;
}
#container.main-c
  section:nth-of-type(2)
  .festival-swiper
  .silde-inner
  .news-img
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#container.main-c
  section:nth-of-type(2)
  .festival-swiper
  .silde-inner
  .new-inner {
  width: 32.5rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
#container.main-c
  section:nth-of-type(2)
  .festival-swiper
  .silde-inner
  .new-inner
  h3 {
  font-size: var(--font-size-26);
  font-weight: var(--weight-bold);
  color: var(--black);
  margin: var(--w-20) 0 1.688rem 0;
  text-align: left;
}
#container.main-c
  section:nth-of-type(2)
  .festival-swiper
  .silde-inner
  .new-inner
  p {
  width: 32.188rem;
  margin-bottom: 2.375rem;
  font-size: var(--font-size-18);
  line-height: var(--font-size-27);
  color: var(--black);
  text-align: left;
  word-break: break-all;
}
#container.main-c
  section:nth-of-type(2)
  .festival-swiper
  .silde-inner
  .new-inner
  a.news-a {
  width: 216px;
  height: var(--w-60);
  border: 1px solid var(--gray-333);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--font-size-18);
  font-weight: var(--weight-medium);
  padding: 0 1.5rem 0 1.625rem;
}
#container.main-c
  section:nth-of-type(2)
  .festival-swiper
  .silde-inner
  .new-inner
  a.news-a
  i {
  width: 2.313rem;
  height: 1rem;
  font-size: 0;
  background: url("../images/main/ic-btn-arrow.svg") no-repeat 0 0;
  background-size: cover;
  transition: all 0.5s ease;
}
#container.main-c
  section:nth-of-type(2)
  .festival-swiper
  .silde-inner
  .new-inner
  a.news-a:hover {
  border-color: var(--red-9810);
}
#container.main-c
  section:nth-of-type(2)
  .festival-swiper
  .silde-inner
  .new-inner
  a.news-a:hover
  i {
  transform: translateX(0.313rem);
}

#container.main-c section:nth-of-type(2) .festival-swiper .swiper-button-next,
#container.main-c section:nth-of-type(2) .festival-swiper .swiper-button-prev {
  width: var(--w-60);
  height: var(--w-60);
  background: var(--white) url("../images/main/ic-slide-arrow-b.svg") no-repeat
    center center;
}

#container.main-c section:nth-of-type(2) .festival-swiper .swiper-button-prev {
  left: 0;
  top: 50%;
  margin-top: 0;
}
#container.main-c section:nth-of-type(2) .festival-swiper .swiper-button-next {
  right: 0;
  top: 50%;
  margin-top: 0;
  transform: rotate(-180deg);
}

@media all and (max-width: 1200px) {
  #container.main-c section:nth-of-type(2) .festival-swiper {
    padding-bottom: var(--w-100);
  }
  #container.main-c section:nth-of-type(2) .festival-swiper .silde-inner {
    height: auto;
    min-height: var(--w-300);
  }
  #container.main-c
    section:nth-of-type(2)
    .festival-swiper
    .silde-inner
    .news-img {
    width: 45%;
    height: auto;
  }

  #container.main-c
    section:nth-of-type(2)
    .festival-swiper
    .silde-inner
    .new-inner {
    width: calc(100% - 48%);
  }
  #container.main-c
    section:nth-of-type(2)
    .festival-swiper
    .silde-inner
    .new-inner
    h3 {
    font-size: var(--font-size-24);
  }
  #container.main-c
    section:nth-of-type(2)
    .festival-swiper
    .silde-inner
    .new-inner
    p {
    width: 100%;
    font-size: var(--font-size-16);
  }

  #container.main-c
    section:nth-of-type(2)
    .festival-swiper
    .silde-inner
    .new-inner
    a.news-a
    i {
    background-size: cover;
  }
}

@media all and (max-width: 768px) {
  #container.main-c section:nth-of-type(2) .festival-swiper {
    padding-bottom: 1.75rem;
  }
  #container.main-c section:nth-of-type(2) .festival-swiper .silde-inner {
    width: calc(100% - 2.5rem);
    height: 25.625rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #container.main-c
    section:nth-of-type(2)
    .festival-swiper
    .silde-inner.news-c {
    flex-direction: column;
  }
  #container.main-c
    section:nth-of-type(2)
    .festival-swiper
    .silde-inner
    .news-img {
    width: 100%;
    height: var(--w-200);
  }
  #container.main-c
    section:nth-of-type(2)
    .festival-swiper
    .silde-inner
    .new-inner {
    width: 100%;
    min-height: 100%;
    height: 8.125rem;
  }
  #container.main-c
    section:nth-of-type(2)
    .festival-swiper
    .silde-inner
    .new-inner
    h3 {
    font-size: var(--font-size-14);
    margin: 1.5rem 0 var(--w-15) 0;
  }
  #container.main-c
    section:nth-of-type(2)
    .festival-swiper
    .silde-inner
    .new-inner
    p {
    width: 1005;
    margin-bottom: var(--w-20);
    font-size: var(--font-size-12);
    line-height: var(--font-size-18);
  }
  #container.main-c
    section:nth-of-type(2)
    .festival-swiper
    .silde-inner
    .new-inner
    a.news-a {
    width: 120px;
    height: var(--w-40);
    font-size: var(--font-size-12);
    padding: 0 0.875rem 0 0.875rem;
  }
  #container.main-c
    section:nth-of-type(2)
    .festival-swiper
    .silde-inner
    .new-inner
    a.news-a
    i {
    width: var(--w-20);
    height: 0.938rem;
    background: url("../images/main/ic-sbtn-arrow.svg") no-repeat center center;
    background-size: cover;
  }

  #container.main-c section:nth-of-type(2) .festival-swiper .swiper-button-next,
  #container.main-c
    section:nth-of-type(2)
    .festival-swiper
    .swiper-button-prev {
    display: none;
  }
}

/* //////////////////////////// 업계뉴스.페스티벌 슬라이드*/

/*업계뉴스.페스티벌 일반*/

#container.main-c section:nth-of-type(2) .board-con {
  width: var(--min-width);
  min-width: var(--min-width);
  height: 500px;
  margin: 0 auto var(--w-30) auto;
  overflow: hidden;
  position: relative;
  padding: 0 var(--w-20);
}
#container.main-c section:nth-of-type(2) .board-con.news-bg {
  background: url("../images/main/news-bg.png") no-repeat left top;
}
#container.main-c section:nth-of-type(2) .board-con .board-hd {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  height: 9.625rem;
}
#container.main-c section:nth-of-type(2) .board-con .board-hd h2 {
  text-align: left;
  margin: var(--w-70) 0 0 0;
}
#container.main-c section:nth-of-type(2) .board-con .board-hd a.news-a {
  width: var(--w-150);
  height: var(--w-45);
  border: 1px solid var(--gray-333);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--font-size-16);
  font-weight: var(--weight-medium);
  padding: 0 1.375rem 0 1.063rem;
  margin-top: 5.375rem;
}
#container.main-c section:nth-of-type(2) .board-con .board-hd a.news-a i {
  width: 1.438rem;
  height: 1rem;
  font-size: 0;
  background: url("../images/main/ic-btn-arrow01.svg") no-repeat 0 0;
  background-size: cover;
  transition: all 0.5s ease;
}
#container.main-c section:nth-of-type(2) .board-con .board-hd a.news-a:hover {
  border-color: var(--red-9810);
}
#container.main-c section:nth-of-type(2) .board-con .board-hd a.news-a:hover i {
  transform: translateX(0.313rem);
}
#container.main-c section:nth-of-type(2) .board-con .board-ul {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
#container.main-c section:nth-of-type(2) .board-con .board-ul li {
  width: calc((100% - 81px) / 4);
  height: var(--w-300);
  margin-right: 27px;
}
#container.main-c section:nth-of-type(2) .board-con .board-ul li .img {
  width: 100%;
  height: 100%;
  max-height: var(--w-190);
  display: block;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
} /* 이미지 크기 이슈 수정*/
#container.main-c section:nth-of-type(2) .board-con .board-ul li .img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: var(--w-190);
  object-fit: cover;
}
#container.main-c section:nth-of-type(2) .board-con .board-ul li .script {
  height: var(--w-110);
  padding: var(--w-20) var(--w-15) 0 var(--w-15);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
#container.main-c section:nth-of-type(2) .board-con .board-ul li .script h3 {
  color: var(--gray-222);
  font-size: var(--font-size-18);
  font-weight: var(--weight-medium);
  line-height: 1.5;
  text-align: left;
  word-break: break-all;
}
#container.main-c
  section:nth-of-type(2)
  .board-con
  .board-ul
  li
  .script
  h3
  .pc {
  display: inline !important;
}
#container.main-c
  section:nth-of-type(2)
  .board-con
  .board-ul
  li
  .script
  p.b-date {
  color: var(--gray-777);
  font-size: var(--font-size-14);
  font-weight: var(--weight-medium);
  line-height: 1.2;
  text-align: left;
}
#container.main-c section:nth-of-type(2) .board-con .board-ul li:nth-child(4n) {
  margin-right: 0;
}

@media all and (max-width: 1200px) {
  #container.main-c section:nth-of-type(2) .board-con {
    height: auto;
    padding-bottom: var(--w-30);
    margin-bottom: 0;
  }
  #container.main-c section:nth-of-type(2) .board-con .board-hd {
    height: 8.625rem;
  }
  #container.main-c section:nth-of-type(2) .board-con.news-bg {
    background: url("../images/main/news-bg-m.png") no-repeat left top;
  }
  #container.main-c section:nth-of-type(2) .board-con .board-hd h2 {
    margin: var(--w-50) 0 0 0;
  }
  #container.main-c section:nth-of-type(2) .board-con .board-hd a.news-a {
    width: var(--w-130);
    height: var(--w-40);
    font-size: var(--font-size-14);
    padding: 0 0.625rem 0 0.625rem;
    margin-top: 4.375rem;
  }
  #container.main-c section:nth-of-type(2) .board-con .board-ul li {
    width: calc((100% - 60px) / 4);
    max-height: var(--w-300);
    margin-right: 20px;
  }
  #container.main-c section:nth-of-type(2) .board-con .board-ul li .script h3 {
    font-size: var(--font-size-16);
  }
  #container.main-c
    section:nth-of-type(2)
    .board-con
    .board-ul
    li
    .script
    h3
    .pc {
    display: none !important;
  }
  #container.main-c
    section:nth-of-type(2)
    .board-con
    .board-ul
    li
    .script
    p.b-date {
    font-size: var(--font-size-14);
  }
}

@media all and (max-width: 768px) {
  #container.main-c section:nth-of-type(2) .board-con {
    max-height: 100%;
    padding-bottom: 0;
  }
  #container.main-c section:nth-of-type(2) .board-con .board-hd {
    height: 4rem;
    align-items: center;
  }
  #container.main-c section:nth-of-type(2) .board-con .board-hd h2 {
    margin: 0;
  }
  #container.main-c section:nth-of-type(2) .board-con .board-hd a.news-a {
    width: var(--w-100);
    height: var(--w-30);
    font-size: var(--font-size-12);
    padding: 0 0.625rem 0 0.625rem;
    margin-top: 0;
  }
  #container.main-c section:nth-of-type(2) .board-con .board-hd a.news-a i {
    width: 0.875rem;
    height: 0.438rem;
    background: url("../images/main/ic-btn-arrow01-m.svg") no-repeat 0 0;
  }
  #container.main-c section:nth-of-type(2) .board-con .board-ul {
    flex-wrap: wrap;
  }
  #container.main-c section:nth-of-type(2) .board-con .board-ul li {
    width: calc((100% - 15px) / 2);
    max-height: var(--w-200);
    margin-right: 15px;
  }
  #container.main-c section:nth-of-type(2) .board-con .board-ul li .img {
    width: 100%;
    max-height: var(--w-100);
    display: block;
  }
  #container.main-c section:nth-of-type(2) .board-con .board-ul li .img img {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: var(--w-100);
    object-fit: cover;
  }
  #container.main-c
    section:nth-of-type(2)
    .board-con
    .board-ul
    li:nth-child(2n) {
    margin-right: 0;
  }
  #container.main-c section:nth-of-type(2) .board-con .board-ul li .script {
    min-height: var(--w-70);
    max-height: var(--w-70);
    padding: 0.5rem 0.25rem 0 0.25rem;
  }
  #container.main-c section:nth-of-type(2) .board-con .board-ul li .script h3 {
    font-size: var(--font-size-14);
    line-height: 1.2;
  }
  #container.main-c
    section:nth-of-type(2)
    .board-con
    .board-ul
    li
    .script
    p.b-date {
    font-size: var(--font-size-12);
  }
}

/* ///////////////////////////업계뉴스.페스티벌 일반*/

#container.main-c section:nth-of-type(2) h2 {
  margin-bottom: var(--w-85);
}
#container.main-c section:nth-of-type(3) h2 {
  margin-bottom: var(--w-55);
}
#container.main-c section:nth-of-type(3) h2 a {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
#container.main-c section:nth-of-type(3) .mbs-inner {
  width: 77.5rem;
  height: 29.375rem;
  border: 1px solid var(--gray-dfd);
  background: var(--white);
  margin: 0 var(--w-20) var(--w-80) var(--w-20);
  padding: 14px 48px 2px 50px;
  overflow: hidden;
}
#container.main-c section:nth-of-type(3) .mbs-inner .swiper-slide {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

#container.main-c section:nth-of-type(3) .mbs-inner .swiper-slide .mbs-ul {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
#container.main-c section:nth-of-type(3) .mbs-inner .swiper-slide .mbs-ul li {
  width: calc((100% - 12rem) / 5);
  height: var(--w-80);
  margin: var(--w-10) 3rem var(--w-10) 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#container.main-c section:nth-of-type(3) .mbs-inner .swiper-slide .mbs-ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
}
#container.main-c
  section:nth-of-type(3)
  .mbs-inner
  .swiper-slide
  .mbs-ul
  li
  img {
  width: 100%;
  height: auto;
}

#container.main-c
  section:nth-of-type(3)
  .mbs-inner
  .swiper-slide
  .mbs-ul
  li:nth-child(5n) {
  margin-right: 0;
}

@media all and (max-width: 1200px) {
  #container.main-c section:nth-of-type(3) .mbs-inner {
    width: calc(100% - 2.5rem);
    height: 27.375rem;
    padding: 14px 38px 2px 40px;
  }
  #container.main-c section:nth-of-type(3) .mbs-inner .swiper-slide .mbs-ul li {
    width: calc((100% - 5rem) / 5);
    margin: var(--w-10) 1rem var(--w-10) 0;
  }
  #container.main-c
    section:nth-of-type(3)
    .mbs-inner
    .swiper-slide
    .mbs-ul
    li
    img {
    width: 100%;
  }
}

@media all and (max-width: 760px) {
  #container.main-c section:nth-of-type(2) h2 {
    margin-bottom: 1.125rem;
  }
  #container.main-c section:nth-of-type(3) h2 {
    margin-bottom: var(--w-15);
  }

  #container.main-c section:nth-of-type(3) .mbs-inner {
    width: calc(100% - 2.188rem);
    height: 10.625rem;
    margin: 0 auto var(--w-25) auto;
    padding: 11px 0 0 20px;
  }
  #container.main-c section:nth-of-type(3) .mbs-inner .swiper-slide .mbs-ul li {
    width: calc((100% - 4.063rem) / 5);
    height: 1.75rem;
    margin: 0 0.625rem 0.375rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #container.main-c
    section:nth-of-type(3)
    .mbs-inner
    .swiper-slide
    .mbs-ul
    li
    img {
    width: 100%;
  }
}

/*팝업*/
.pop-wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.6);
  display: none;
}
.pop-wrap .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 460px;
  background: var(--white);
}
.pop-wrap .inner .btn-p-close {
  position: absolute;
  top: -1.75rem;
  right: 0.5rem;
  width: 1.25rem;
  height: 1.25rem;
}
.pop-wrap .inner .pop-wr {
  width: 460px;
  height: 650px;
  position: relative;
  background: url(../images/main/popup-24.jpg);
}
.pop-wrap .inner .pop-wr > a > img {
  object-fit: cover;
  position: absolute;
}

.pop-wrap .inner .pop-wr > a:first-child > img {
  left: 31px;
  bottom: 41px;
}
.pop-wrap .inner .pop-wr > a:last-child > img {
  bottom: 41px;
  right: 28px;
}
/* .pop-wrap .inner .pop-wr a {position: absolute; bottom: 8%; left: 35.5%;} */
.pop-wrap .inner .close form {
  width: 100%;
  height: 2.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pop-wrap .inner #check {
  width: 50%;
  height: 100%;
  cursor: pointer;
  background: #eeeeee;
  font-size: var(--font-size-16);
  color: var(--gray-555);
  display: flex;
  justify-content: center;
  align-items: center;
}
.pop-wrap .inner #check input[type="checkbox"] {
  display: none;
}
.pop-wrap .inner #check label {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.pop-wrap .inner #close {
  width: 50%;
  height: 100%;
  cursor: pointer;
  background: #8f9116;
  font-size: var(--font-size-16);
  color: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
}

@media all and (max-width: 1200px) {
  /* .pop-wrap .inner{width:50%} */
  .pop-wrap .inner .btn-p-close {
    position: absolute;
    top: -1.75rem;
    right: 0.5rem;
    width: 1.25rem;
    height: 1.25rem;
  }
  /* .pop-wrap .inner .pop-wr {
    width: 500px;
    height: 500px;
  } */
  .pop-wrap .inner .pop-wr img {
    /* width: 100%; */
    background-repeat: no-repeat;
  }
  .pop-wrap .inner .close form {
    width: 100%;
    height: 2.5rem;
  }
  .pop-wrap .inner #check {
    font-size: var(--font-size-14);
  }
  .pop-wrap .inner #close {
    font-size: var(--font-size-14);
  }
}

@media all and (max-width: 768px) {
  /* .pop-wrap .inner{width:calc(100% - 2rem); } */
  .pop-wrap .inner .btn-p-close {
    position: absolute;
    top: -1.75rem;
    right: 0.5rem;
    width: 1.25rem;
    height: 1.25rem;
  }
  /* .pop-wrap .inner .pop-wr {
    width: 500px;
    height: 500px;
  } */
  .pop-wrap .inner .pop-wr img {
    /* width: 100%; */
    background-repeat: no-repeat;
  }
  .pop-wrap .inner .close form {
    width: 100%;
    height: 2.5rem;
  }
  .pop-wrap .inner #check {
    font-size: var(--font-size-14);
  }
  .pop-wrap .inner #close {
    font-size: var(--font-size-14);
  }
}

@media all and (max-width: 570px) {
  .pop-wrap .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* width: 350px; */
    background: var(--white);
  }
  .pop-wrap .inner .btn-p-close {
    position: absolute;
    top: -1.75rem;
    right: 0.5rem;
    width: 1.25rem;
    height: 1.25rem;
  }
  .pop-wrap .inner .pop-wr {
    /* width: 350px;
    height: 350px; */
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .pop-wrap .inner .pop-wr > a > img {
    object-fit: cover;
    position: absolute;
  }
  /* .pop-wrap .inner .pop-wr > a:first-child > img {
    left: 0;
    top: 69px;
  }
  .pop-wrap .inner .pop-wr > a:last-child > img {
    bottom: 65px;
    left: 0;
  } */
}
