@charset "utf-8";

/* ===========================
   COMMON
   =========================== */
.section {padding: 10rem 0;}
.section__mtitle {margin-bottom: 6.0rem;font-family: var(--font-Isamanru);font-size: 5.0rem;font-weight: 500;}
.section__mtitle--center {text-align: center;}
.main__btn-wrap {margin-top: 5.0rem;text-align: center;}
.main__btn-wrap .btn-more {display: inline-block;padding: 10px max(3.6rem, 30px);border: 1px solid #ccc;box-sizing: border-box;border-radius: 2px;font-size: max(1.4rem, 14px);color: #555;transition: border-color 0.2s, color 0.2s;}
.main__btn-wrap .btn-more:hover {border-color: #CDB083;color: #CDB083;}

@media (max-width: 640px){
   .section__mtitle {margin-bottom: 30px;}
}



/* ===========================
   MAIN VISUAL
   =========================== */
#main-visual {max-height: calc(100vh - var(--header-h));width: 100%;height: 100vh;}
.main-visual__slide {width: 100%;height: 100%;}
.visual-slide {width: 100%;height: 100%;position: relative;}
.visual-slide__bg {width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;inset: 0;margin: auto;transform: scale(1.05);transition: transform 6s ease;}
.visual-slide__content {width: 100%;height: 100%;color: #fff;position: absolute;inset: 0;}
.visual-slide__content .cinner {display: flex;flex-direction: column;justify-content: center;height: 100%;}
.visual-slide__title {margin-bottom: 1.50rem;font-family: var(--font-Isamanru);font-size: 7.0rem;opacity: 0;transform: translateY(1.6rem);transition: opacity 0.8s 0.3s ease, transform 0.8s 0.3s ease;}
.visual-slide__sub {margin-bottom: 14.5rem;font-size: max(2.20rem, 17px);font-weight: 500;line-height: 1.7;opacity: 0;transform: translateY(1.6rem);transition: opacity 0.8s 0.55s ease, transform 0.8s 0.55s ease;}
.swiper-slide-active .visual-slide__bg {transform: scale(1);}
.swiper-slide-active .visual-slide__title,
.swiper-slide-active .visual-slide__sub {opacity: 1;transform: translateY(0);}

.main-visual__ctrls {}
.main-visual__ctrls .data-nav {position: relative;}
.main-visual__ctrls .data-nav button {color: #fff;font-size: max(1.4rem, 14px);opacity: .3;position: absolute;bottom: 20px;z-index: 10;transition: opacity .3s ease;}
.main-visual__ctrls .data-nav button:hover {opacity: .8;}
.main-visual__ctrls .data-nav .btn-prev {left: var(--inPd);}
.main-visual__ctrls .data-nav .btn-next {right: var(--inPd);}
.main-visual__ctrls .swiper-pagination {display: flex;align-items: flex-end;gap: 5px;width: auto !important;text-align: left;position: absolute;top: auto !important;left: calc(((100% - var(--maxWidth)) - var(--inPd)) / 2) !important;bottom: 26% !important;transform: translateX(100%);}
.main-visual__ctrls .swiper-pagination-bullet {width: 40px;height: 2px;margin: 0 !important;border-radius: 0;background: #fff;opacity: 1;transition: height .3s ease;}
.main-visual__ctrls .swiper-pagination-bullet-active {height: 5px;}

@media (max-width: 1500px){
  .main-visual__ctrls .swiper-pagination {left: var(--inPd) !important;transform: translateX(0);} 
}


/* ===========================
   진행 중 전시
   =========================== */
.exhi-section {overflow: hidden;}
.exhi__slide {}
.exhi__item {width: 500px;}
.exhi__card {display: block;width: 100%;transform: scale(0.8);transform-origin: center bottom;transition: transform 0.55s ease;}
.exhi__card--img {width: 100%;aspect-ratio: 360 / 245;margin-bottom: 1.80rem;transform-origin: center bottom;}
.exhi__card--img img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.exhi__card--img.no-img {width: 100%;height: 100%;background: #e0e0e0;}
.exhi__card--name {font-size: 2.0rem;font-weight: 600;text-align: center;opacity: .5;transition: opacity .35s ease;}

.exhi__item.swiper-slide-active .exhi__card {transform: scale(1);}
.exhi__item.swiper-slide-active .exhi__card--name  {font-size: 3.0rem;opacity: 1;}

@media (max-width: 1400px){
   .exhi__item {width: 450px;}
}
@media (max-width: 1200px){
   .exhi__item {width: 420px;}
   .exhi__item.swiper-slide-active .exhi__card--name  {font-size: 2.80rem;}
}
@media (max-width: 768px){
   .exhi__item {width: 400px;}
}
@media (max-width: 640px){
   .exhi__item {max-width: calc(100vw - (2 * var(--inPd)));width: 350px;}
}



/* ===========================
   작가 소개
   =========================== */
.artist-section {background: #F8F8F8;}
.artist__list {display: flex;gap: 66px;}
.artist__item {width: calc(25% - 49.5px);}
.artist__card {display: block;width: 100%;}
.artist__card--img {width: 100%;aspect-ratio: 1 / 1;margin-bottom: 2.0rem;overflow: hidden;position: relative;transition: border-radius .35s ease;}
.artist__card--img img {width: 100%;height: 100%;object-fit: cover;transition: filter 0.4s ease, transform .4s ease;}
.artist__card--img .no-img {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;background: #d9d9d9;color: #929191;font-size: max(1.4rem, 14px);}
.artist__card--img .artist__img--overlay {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;background: rgba(0,0,0, .5);position: absolute;inset: 0;opacity: 0;pointer-events: none;transition: opacity .35s ease;}
.artist__card--img .artist__img--overlay .artist__name {color: #fff;font-size: 3.0rem;font-weight: 700;text-align: center;}
.artist__card--name {font-size: max(2.0rem, 17px);font-weight: 600;text-align: center;transition: opacity .2s ease;}
.artist__card:hover .artist__card--img {border-radius: 50%;}
.artist__card:hover .artist__card--img .artist__img--overlay {opacity: 1;}
.artist__card:hover .artist__card--name {opacity: 0;}

@media (max-width: 1200px){
   .artist__list {gap: 40px;}
   .artist__item {width: calc(25% - 30px);}
}
@media (max-width: 1024px){
   .artist__list {gap: 25px;}
   .artist__item {width: calc(25% - 18.75px);}
}
@media (max-width: 768px){
   .artist__list {flex-wrap: wrap;}
   .artist__item {width: calc(50% - 12.5px);}
}
@media (max-width: 640px){
   .artist__list {gap: 25px 10px}
   .artist__item {width: calc(50% - 5px);}
}



/* ===========================
   INFO 이미지 패널
   =========================== */
.info-section {}
.info__panels {display: grid;grid-template-columns: repeat(2, 1fr);gap: 50px;}
.info__panel {display: block;position: relative;}
.info__panel .panel__img {width: 100%;aspect-ratio: 675 / 408;overflow: hidden;box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);}
.info__panel .panel__img img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.45s ease;}
.info__panel .panel__content {max-width: calc(100% - 20rem);width: 72%;margin: 0 auto;padding: 3.0rem 0;box-sizing: border-box;border-radius: 2.0rem 2.0rem 0 0;background: #fff;position: absolute;left: 50%;bottom: 0;transform: translate(-50%, 50%);}
.info__panel .panel__content .panel__label {margin-bottom: 3px;color: var(--brown);font-family: var(--font-Outfit);font-size: 2.0rem;font-weight: 600;text-align: center;}
.info__panel .panel__content .panel__title {font-family: var(--font-Isamanru);font-size: 3.0rem;font-weight: 500;text-align: center;}
.info__panel:hover .panel__img img {transform: scale(1.05);}

@media (max-width: 1400px){
   .info__panel .panel__content {max-width: none;}
}
@media (max-width: 1200px){
   .info__panels {gap: 30px;}
   .info__panel .panel__content {width: 80%;}
}
@media (max-width: 1024px){
   .info__panel .panel__content .panel__label {font-size: 16px;}
}
@media (max-width: 640px){
   .info__panels {grid-template-columns: repeat(1, 2fr);gap: 90px;}
}



/* ===========================
   공지사항
   =========================== */
.notice-section {padding-bottom: 15rem;}
.notice__list {border-top: 1px solid #E0E0E0;}
.notice__item {border-bottom: 1px solid #E0E0E0;}
.notice__item a {display: flex;justify-content: space-between;gap: 50px;padding: 2.80rem 6.50rem 2.80rem 4.50rem;box-sizing: border-box;position: relative;}
.notice__item a::before {content: '';width: 5px;height: 100%;background: var(--brown);position: absolute;top: 0;left: 0;bottom: 0;margin: auto;opacity: 0;transition: opacity .3s ease;}
.notice__item .item__title {font-size: max(2.0rem, 17px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: color .3s ease;}
.notice__item .item__date {font-size: max(2.0rem, 17px);}
.notice__item a:hover::before {opacity: 1;}
.notice__item a:hover .item__title {color: var(--brown);}
.notice__item--empty {padding: 60px 0;color: #ccc;font-size: max(1.80rem, 17px);text-align: center;}

@media (max-width: 640px){
   .notice__item a {padding: 2.80rem 40px 2.80rem 20px;}
}
@media (max-width: 480px){
   .notice__item a {flex-direction: column;gap: 5px;padding: 2.80rem 15px;}
   .notice__item .item__date {font-size: 14px;}
}