@charset "utf-8";

.popup__gallery .popup__prev {
  left: -75px;
}

.popup__gallery .popup__next {
  right: -75px;
}

.artist-view .album__view .view__top {
  display: block;
}

.artist-view .album__view .top__info {
  margin-left: 0;
  margin-top: 75px;
}

.artist-view .album__current {
  margin: auto;
}


/* 타블렛 세로 */
@media all and (max-width:1024px) {
  .artist-page .calendar__wrap .calendar__top {
    border: 1px solid #ddd;
  }

  .news-page .news__list>a {
    padding: 25px;
  }

  .notice__list>a {
    padding: 20px 80px 20px 0;
  }

  .notice__list>a::before {
    width: 45px;
    height: 45px;
    right: 19px;
  }

  .notice__list .list__date {
    width: 100px;
  }

  .notice__list .list__date p {
    font-size: 40px;
  }

  .notice__list .list__date span {
    font-size: 14px;
  }

  .popup__gallery {
    width: 560px;
  }


  .artist-view .profile__img {
    width: 300px;
  }

  .artist-view .profile__detail {
    margin-left: 350px;
  }

  .artist-view .album__list>a {
    width: 32%;
    margin-right: 2%;
  }

  .artist-view .album__list>a:nth-child(4n) {
    margin-right: 2%
  }

  .artist-view .album__list>a:nth-child(3n) {
    margin-right: 0;
  }
}


/* 타블렛 가로 미만 ~ 모바일 */
@media all and (max-width:768px) {
  .news-page .news__list {
    display: flex;
    justify-content: space-between;
  }

  .news-page .news__list>a {
    margin-right: 0 !important;
    width: 48%;
    margin-bottom: 4%;
  }

  .page__top {
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .artist-view .page__top {
    flex-direction: row;
  }

  .page__top .tab--style02 {
    width: 100%;
  }

  .page__top>form {
    margin-left: auto;
  }

  .page__top .board__search {
    margin-top: 25px;
  }

  .artist-view .page__top .board__search {
    margin-top: 0;
  }


  .mv.artist .mv__slide .slide__nav .nav__inner {
    margin-left: 3.90625%;
    margin-right: 3.90625%;
  }

  .mv .mv__slide .slide__nav .nav__menu {
    padding: 15px 0;
  }

  .mv .mv__slide .slide__nav .nav__menu>a {
    margin: 0 13px;
  }

  .mv .mv__slide .slide__nav .nav__menu>a p {
    font-size: 16px;
  }

  .gallery__list>li {
    width: 32%;
    margin-right: 2%;
    padding-top: 32%;
  }


  .gallery__list>li:nth-child(4n) {
    margin-right: 2%;
  }

  .gallery__list>li:nth-child(3n) {
    margin-right: 0;
  }

  .popup__gallery {
    width: 70%;
  }

  .popup__gallery .popup__prev {
    left: -9%;
    width: 17px;
  }

  .popup__gallery .popup__next {
    right: -9%;
    width: 17px;
  }

  .artist-view .profile__detail .detail__list--style02 {
    justify-content: space-between;
  }

  .artist-view .profile__detail .detail__list--style02>li {
    margin-right: 0 !important;
    width: 48%;
    margin-bottom: 30px;
  }

  .artist-view .profile__img {
    width: 250px;
  }

  .artist-view .profile__detail {
    margin-left: 300px;
  }

  .media__list {
    justify-content: space-between;
  }

  .media__list>a {
    margin-right: 0 !important;
    width: 48%;
    margin-bottom: 25px;
  }

  .media__list>a .list__tit {
    font-size: 14px;
    margin-top: 7px;
    line-height: 1.4em;
  }


  .audition-page .audition__list>li {
    display: block;
    padding: 40px 0;
  }

  .audition-page .audition__list>li>div:first-child {
    width: 100%;
    padding-left: 0;
    margin-bottom: 25px;
  }

  .company-page .para01 {
    font-size: 24px;
  }

  .company-page .about__parallax {
    height: 200px;
  }

  .company-page .about__parallax p {
    font-size: 200px;
  }
}

/* 모바일 상세 */
@media all and (max-width:640px) {
  .sub-page {
    padding: 45px 0 45px 0;
  }

  .tab--style02 {
    margin-bottom: 25px;
  }

  .tab--style02>a {
    font-size: 6vw;
    margin-right: 30px;
  }

  .tab--style02>a.active {
    font-size: 7vw;
  }

  .tab--style02>a.active::before {
    width: 6px;
    height: 6px;
    right: -7px;
    top: -7px;
  }

  .company-page .root_daum_roughmap .wrap_map {
    height: 200px;
  }

  .company-page .contact__info {
    margin-top: 30px;
  }

  .company-page .contact__info>li {
    flex-wrap: wrap;
    margin-bottom: 30px;
  }


  .company-page .contact__info .info__tit {
    width: 100%;
    font-size: 5vw;
    padding-left: 23px;
    line-height: 25px;
  }

  .company-page .contact__info .info__data {
    font-size: 4vw;
    margin-top: 10px;
  }


  .page__top {
    margin-bottom: 25px;
  }

  .page__top .top__tit {
    font-size: 9vw;
  }

  .page__top .board__search input {
    line-height: 35px;
    height: 35px;
    width: 120px;
    padding-left: 16px;
  }

  .board__total {
    margin-bottom: 15px;
    font-size: 14px;
  }

  .artist-page .artist__list {
    justify-content: space-between;
  }

  .artist-page .artist__list>a {
    margin-right: 0;
    width: 48%;
    margin-bottom: 25px !important;
  }

  .artist-page .artist__list .list__name {
    margin-top: 15px;
    font-size: 18px;
  }

  .artist-page .artist__list .list__thumb::before {
    display: none;
  }


  /* ARTIST - VIEW PAGE*/
  .artist-view {
    padding: 60px 0 130px 0;
  }

  .artist-view__tit {
    font-size: 7vw;
    margin-bottom: 30px;
  }

  .tab--style03 {
    margin-bottom: 20px;
  }

  .tab--style03>a {
    font-size: 4vw;
    line-height: 45px;
    height: 45px;
  }

  .artist-view .page__top {
    margin-bottom: 20px;
  }

  .artist-view .profile__img {
    width: 100%;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    margin-bottom: 75px;
  }

  .artist-view .profile__detail {
    margin-left: 0;
  }

  .artist-view .profile__detail .detail__name {
    margin-bottom: 25px;
    font-size: 25px;
  }

  .artist-view .profile__detail .detail__name span {
    margin-left: 0;
    font-size: 14px;
  }

  .detail__list--style01 li p {
    font-size: 15px;
  }

  .detail__list--style01 li p:first-child {
    font-weight: 500;
  }

  .artist-view .profile__detail .detail__para01 {
    margin-top: 20px;
    font-size: 15px;
  }

  .artist-view .profile__detail .detail__sns {
    margin-top: 40px;
    padding-bottom: 45px;
  }

  .artist-view .profile__detail .detail__member,
  .artist-view .profile__detail .detail__disco,
  .artist-view .profile__detail .detail__achieve {
    margin-top: 100px;
  }

  .artist-view .profile__detail .detail__tit {
    margin-bottom: 20px;
  }

  .artist-view .profile__detail .detail__list--style02 .list__name {
    margin-top: 15px;
    font-size: 16px;
  }

  .artist-view .profile__detail .detail__list--style02 .list__birth {
    margin-top: 2px;
  }

  .artist-view .profile__detail .detail__list--style02>li {
    margin-bottom: 20px;
  }

  .artist-view .profile__detail .detail__tit span {
    margin-left: 3px;
  }

  .detail__list--style03 li p {
    font-size: 15px;
    width: 45px;
  }


  .artist-view .album__list {
    justify-content: space-between;
  }

  .artist-view .album__list>a {
    width: 48%;
    margin-right: 0 !important;
    margin-bottom: 20px;
  }

  .artist-view .album__list .list__tit {
    font-size: 14px;
    margin-top: 10px;
  }

  .artist-view .album__list .list__date {
    margin-top: 3px;
    font-size: 12px;
  }

  .artist-view .profile__detail .detail__btn {
    width: 130px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    margin-top: 40px;
  }

  .artist-view .profile__detail .detail__btn span {
    font-size: 22px;
    transform: translateY(0);
  }



  .artist-view .calendar__wrap .calendar__top {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 10px;
  }

  .artist-view .calendar__wrap .calendar__top p {
    margin: 0;
    font-size: 24px;
  }

  .artist-view .calendar__wrap .calendar__top button {
    width: 30px;
    padding: 0;
  }

  .artist-view .calendar__wrap .calendar--mo {
    margin-top: 20px;
  }

  .artist-view .calendar__wrap .calendar--mo>li {
    margin-bottom: 15px;
  }

  .artist-view .calendar__wrap .calendar--mo .calendar__date {
    padding: 15px 15px 15px 45px;
    font-size: 16px;
    background-size: 25px;
    background-position: 11px center;
  }

  .artist-view .calendar__wrap .calendar--mo .calendar__data {
    padding: 15px;
  }

  .artist-view .calendar__wrap .calendar--mo .calendar__data .data__top .top__artist {
    margin-right: 12px;
    font-size: 15px;
  }

  .artist-view .calendar__wrap .calendar--mo .calendar__data .data__top .top__event {
    font-size: 14px;
  }

  .artist-view .calendar__wrap .calendar--mo .calendar__data .data__time {
    font-size: 14px;
    margin-top: 4px;
  }

  .mv .mv__slide .slide__nav .nav__menu {
    flex-wrap: wrap;
    padding: 10px 0;
  }

  .mv .mv__slide .slide__nav .nav__menu a {
    width: 33.3%;
    margin: 2px 0;
  }

  .mv .mv__slide .slide__nav .nav__menu>a.active p::before {
    right: -7px;
    top: -2px;
  }

  .mv.artist .mv__slide .slide__pager {
    bottom: 90px;
  }

  .board__more {
    margin-top: 40px;
  }

  .board__more img {
    width: 35px;
  }

  .board__more p {
    margin-top: 12px;
  }

  .news-page .news__list>a::before {
    display: none;
  }

  .news-page .news__list>a {
    padding: 15px;
  }

  .news-page .news__list .list__cate {
    font-size: 11px;
    font-weight: 500;
    padding: 0 7px;
    height: 20px;
    line-height: 20px;
  }

  .news-page .news__list .list__tit {
    margin-top: 12px;
    font-size: 1.1rem;
  }

  .news-page .news__list .list__cont {
    font-size: 1rem;
    margin-top: 12px;
  }

  .news-page .news__list .list__date {
    margin-top: 15px;
    font-size: 12px;
  }

  .notice__list>a::before {
    display: none;
  }

  .notice__list>a {
    padding: 25px 0;
  }

  .notice__list .list__subject {
    padding-left: 7px;
  }

  .notice__list .list__subject .subject__tit {
    font-size: 1.1rem;
    line-height: 1.1em;
  }

  .notice__list .list__subject .subject__cont {
    font-size: 1rem;
    margin-top: 12px;
  }

  .notice__list .list__date {
    width: 60px;
  }

  .notice__list .list__date p {
    font-size: 25px;
  }

  .notice__list .list__date span {
    font-size: 12px;
  }

  .faq__list .list__q {
    padding: 25px 40px 25px 60px;
    font-size: 15px;
    background-size: 35px;
    background-position: 10px center;
  }

  .faq__list .list__a {
    padding: 15px 25px 15px 60px;
    background-size: 35px;
    background-position: 10px 15px;
    font-size: 15px;
  }

  .faq__list .list__q::before {
    right: 5px;
    width: 12px;
    height: 12px;
    background-size: cover;
  }

  .gallery__list {
    justify-content: space-between;
  }

  .gallery__list>li {
    width: 48%;
    margin-bottom: 4%;
    margin-right: 0 !important;
    padding-top: 44%;
  }

  .gallery__list>li span {
    width: 300px;
    height: 200px;
  }

  .popup__gallery {
    width: 80%;
  }

  .popup__gallery .popup__prev {
    left: -10%;
  }

  .popup__gallery .popup__next {
    right: -10%;
  }

  .artist-view .album__current {
    width: 260px;
  }

  .artist-view .album__current .current__album {
    width: 200px;
    height: 200px;
  }

  .artist-view .album__current .current__cd {
    width: 180px;
    height: 180px;
    top: 100px;
    left: 80px;
  }

  .artist-view .album__view .top__info {
    margin-top: 60px;
  }

  .artist-view .album__view .top__info .info__tit {
    font-size: 5vw;
    margin-bottom: 20px;
  }

  .artist-view .album__view .top__info .info__tit span {
    font-size: 4vw;
  }

  .artist-view .detail__list--style01 {
    /* padding-bottom: 60px; */
    margin-bottom: 60px;
  }

  .artist-view .album__view .view__top {
    margin-bottom: 60px;
  }

  .audition-page .para01 {
    font-size: 24px;
    margin-top: 30px;
  }

  .audition-page .audition__list {
    margin-top: 25px;
  }

  .audition-page .audition__list>li {
    padding: 30px 20px 30px 20px;
  }

  .audition-page .audition__list>li>div:first-child {
    font-size: 16px;
    margin-bottom: 15px;
  }

  .audition-page .audition__list .list--style01>li>p {
    font-size: 15px;
  }

  .audition-page .audition__list .list--style01>li {
    margin-bottom: 7px;
  }

  .audition-page .audition__list .list--style01>li>p:first-child {
    width: 90px;
  }

  .audition-page .audition__list>li>div:last-child {
    font-size: 15px;
    word-break: keep-all;
  }

  .audition-page .audition__list>li>div:last-child>a {
    margin-top: 20px;
  }

  .company-page .about__img {
    padding: 75px 0;
  }

  .company-page .about__img img {
    width: 200px;
  }

  .company-page .para01 {
    margin-top: 40px;
    font-size: 20px;
    word-break: keep-all;
    margin-bottom: 40px;
  }

  .company-page .para01 br {
    display: none;
  }

  .company-page .list--style01>li {
    display: block;
    padding: 25px 0;
  }

  .company-page .list--style01>li>div:first-child {
    text-align: left;
    width: 100%;
    margin-bottom: 7px;
    margin-left: 15px;
    font-size: 15px;
  }

  .company-page .list--style01>li>div:last-child {
    padding-left: 0;
    font-size: 15px;
    margin-left: 15px;
    word-break: keep-all;
  }

  .company-page .about__parallax {
    margin-top: 70px;
    height: 150px;
  }

  .company-page .about__parallax p {
    font-size: 150px;
  }

  .company-page .about__tit {
    font-size: 30px;
    margin-bottom: 45px;
    margin-top: 150px;
    text-align: center;
  }

  .company-page .about__tit span {
    font-size: 15px;
    display: block;
    padding-top: 15px;
  }

  .company-page .about__tit.first {
    margin-top: 45px;
  }

  .company-page .about__tit.hasStit {
    margin-bottom: 25px;
  }

  .company-page .about__stit {
    font-size: 16px;
    text-align: center;
  }

  .company-page .about__list {
    justify-content: space-between;
  }

  .company-page .about__list>li {
    width: 49%;
    margin-right: 0 !important;
    margin-bottom: 25px;
  }

  .company-page .about__list .list__name {
    margin-top: 20px;
    font-size: 18px;
  }
}

/* 모바일 가로 */
@media all and (max-width:568px) {}

@media all and (max-width:425px) {}

@media all and (max-width:375px) {}

@media all and (max-width:320px) {}