@charset "utf-8";

/* =========================================================
   COMMON
========================================================= */

/* section spacing */
.booking,
.news {padding:15rem 0;}

/* common section title */
.booking__tit,
.news__title,
.exhibi__tit {font-family:'Montserrat', sans-serif;font-size:4.8rem;font-weight:700;line-height:1.4;}

/* common swiper stretch */
.bookingSwiper .swiper-wrapper,
.exhibiSwiper .swiper-wrapper {align-items:stretch;}

.bookingSwiper .swiper-slide,
.exhibiSwiper .swiper-slide {height:auto;}

/* common icon button layout */
.hero__toggle,
.exhibi-tgl,
.booking-nav__btn,
.exhibition-nav {display:inline-flex;align-items:center;justify-content:center;}

/* common toggle icon base */
.hero__toggle-icon,
.exhibi-tgl__icon {position:relative;display:block;}

/* common pause icon structure */
.hero__toggle-icon--pause::before,
.hero__toggle-icon--pause::after,
.exhibi-tgl__icon--pause::before,
.exhibi-tgl__icon--pause::after {content:"";position:absolute;top:0;background:currentColor;border-radius:999px;}

/* common transition */
.booking-card,
.shortcut__item,
.partners__item,
.exhibiSwiper .swiper-slide,
.news__title-arrow {transition:all .25s ease;}

/* common focus visible */
.exhibi-tgl:focus-visible,
.shortcut__item:focus-visible {outline:2px solid #fff;outline-offset:2px;}

.shortcut__item:focus-visible {outline-color:var(--color-blue);border-radius:8px;}


/* =========================================================
   HERO
========================================================= */
.hero {position:relative;min-height:76rem;overflow:hidden;}
.hero .swiper,
.hero .swiper-wrapper,
.hero .swiper-slide {width:100%;height:100%;}
.hero .swiper-slide {position:relative;min-height:76rem;overflow:hidden;}

.hero__bg {position:absolute;inset:0;background-repeat:no-repeat;background-position:center;background-size:cover;transform:scale(1);}
.hero__bg::before {content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(0,0,0,.46) 0%, rgba(0,0,0,.24) 35%, rgba(0,0,0,.10) 100%), linear-gradient(180deg, rgba(0,0,0,.12) 0%, rgba(0,0,0,.08) 24%, rgba(0,0,0,.30) 100%);}

.hero__inner {position:relative;z-index:2;min-height:76rem;display:flex;align-items:center;}
.hero__content {color:#fff;padding-top:15rem;}

.hero__title {font-family:'OnemobileT';font-size:4.8rem;line-height:1.3;font-weight:700;}
.hero__desc {margin-top:2rem;font-family:'Montserrat', sans-serif;font-size:2.4rem;line-height:1.4;color:rgba(255,255,255,.9);letter-spacing:-.02em;}

.hero__ui {position:absolute;left:0;right:0;top:0;bottom:0;z-index:5;pointer-events:none;}
.hero__ui-inner {position:relative;height:100%;}
.hero__control {position:absolute;left:2rem;bottom:13rem;display:flex;align-items:center;gap:1rem;pointer-events:auto;}

.hero__pagination {position:static !important;display:flex;align-items:center;gap:.8rem;}
.hero__pagination .swiper-pagination-bullet {margin:0 !important;width:1rem;height:1rem;border-radius:50%;background: transparent;opacity:1;border: 1px solid #fff;}
.hero__pagination .swiper-pagination-bullet-active {background:#fff;}

.hero__toggle {width:3.2rem;height:3.2rem;color:#fff;}
.hero__toggle-icon--pause {width:1.2rem;height:1.2rem;}
.hero__toggle-icon--pause::before,
.hero__toggle-icon--pause::after {width:.3rem;height:1.2rem;}
.hero__toggle-icon--pause::before {left:.1rem;}
.hero__toggle-icon--pause::after {right:.1rem;}
.hero__toggle-icon--play {width:0;height:0;border-top: .6rem solid transparent;border-bottom: .6rem solid transparent;border-left: 1rem solid currentColor;margin-left:.2rem;}

.hero .swiper-slide-active .hero__bg {animation:heroZoom 5.5s linear forwards;}

@keyframes heroZoom {
  0% {transform:scale(1);}
  100% {transform:scale(1.06);}
}


/* =========================================================
   PARTNERS
========================================================= */
.partners {position:relative;overflow:hidden;background:#FBFBFB;}
.partners__flow {position:relative;width:100%;overflow:hidden;padding:2.8rem 0;}
.partners__track {display:flex;align-items:center;width:max-content;animation:partnersMarquee 28s linear infinite;will-change:transform;}
.partners__flow:hover .partners__track {animation-play-state:paused;}

.partners__item {flex:0 0 auto;width:var(--partners-item-w);height:5.6rem;margin-right:var(--partners-gap);display:flex;align-items:center;justify-content:center;opacity:.95;}
.partners__item:hover {opacity:1;transform:translateY(-.2rem);}
.partners__item img {max-width:100%;max-height:100%;object-fit:contain;}

@keyframes partnersMarquee {
  0% {transform:translate3d(0,0,0);}
  100% {transform:translate3d(calc((var(--partners-item-w) + var(--partners-gap)) * -7),0,0);}
}


/* =========================================================
   BOOKING
========================================================= */
.booking{position:relative;}
.booking:before{content:'';display: block;position:absolute;top: 14rem;right: 20rem;width: 37rem;height: 29rem;background:url(../img/default/emblemLogo.svg) no-repeat center center / cover;opacity:.08;z-index:-1;}

.booking__tit .road-l{color:var(--color-mint);}
.booking__tit .road-o{color:var(--color-green);}
.booking__tit .road-a{color:var(--color-blue);}
.booking__tit .road-d{color:var(--color-orange);}

.booking__layout{margin-top:6.4rem;display:flex;align-items:flex-start;gap:8rem;}

/* booking side */
.booking-side{flex:0 0 30rem;border-right:2px solid #000;}
.booking-side__group + .booking-side__group{margin-top:4rem;}
.booking-side__label{font-size:1.7rem;color:#888;margin-bottom:2rem;font-weight:600;}

.booking-side__time{display:flex;gap:1.2rem;align-items:flex-start;}
.booking-side__time-icon{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;background:#000 url(../img/default/icon_clock.svg) no-repeat center center;border-radius:50%;position:relative;}
.booking-side__time-text{flex:1;}
.booking-side__time-text .tit{font-size:2.4rem;font-weight:700;line-height:1.5;margin-bottom:.5rem;}
.booking-side__time-text .desc{display:flex; flex-direction: column; }
.booking-side__time-text span{font-size:1.8rem;font-weight:400;line-height:1.5;}
.booking-side__time-text .m_n{display:none;}

.target-list{display:grid;gap:1.6rem;}
.target-item{display:flex;gap:1.2rem;align-items:flex-start;}
.target-item__icon{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:50%;position:relative;}
.target-item--kids .target-item__icon{background:#6FBA2C url(../img/default/icon_profile.svg) no-repeat center center;}
.target-item--master .target-item__icon{background:var(--color-blue) url(../img/default/icon_profile.svg) no-repeat center center;}
.target-item--kids{color:#6FBA2C;}
.target-item--master{color:var(--color-blue);}
.target-item__txt .tit{font-size:2.4rem;font-weight:700;line-height:1.5;margin-bottom:.5rem;}
.target-item__txt span{font-size:1.8rem;font-weight:400;line-height:1.5;}

.booking-side__note{color:#555;margin-top:5rem;}

/* booking main */
.booking-main{flex:1 1 0;min-width:0;width:0;position:relative;}
.booking-main__head{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:4.5rem;}
.booking-main__month{display:flex;align-items:center;gap:2rem;}

.booking-main__dropdown{position:relative;}
.booking-main__dropdown-btn{min-width:12rem;height:5.2rem;font-size:3.2rem;font-weight:700;color:#000; border:0;border-bottom:3px solid #000;background:transparent;cursor:pointer;padding-right:3rem;text-align:left;position:relative;}
.booking-main__dropdown-btn::after{content:"";position:absolute;right:1rem;top:40%;width:.8rem;height:.8rem;border-right:.2rem solid #111;border-bottom:.2rem solid #111;transform:translateY(-50%) rotate(45deg);}

.booking-main__dropdown-list{position:absolute;left:0;top:100%;width:100%;background:#fff;border:1px solid #ddd;box-shadow:0 1rem 2rem rgba(0,0,0,.1);max-height:24rem;overflow-y:auto;display:none;z-index:10;}
.booking-main__dropdown.is-open .booking-main__dropdown-list{display:block;}
.booking-main__dropdown-list li{padding:1.2rem 1.6rem;font-size:2rem;cursor:pointer;}
.booking-main__dropdown-list li:hover{background:#f5f5f5;}
.booking-main__dropdown-list li.is-selected{font-weight:700;}

.booking-main__month-text{font-size:3.2rem;font-weight:700;}

.booking-nav{display:flex;align-items:center;}
.booking-nav__btn{width:4.2rem;height:4.2rem;display:inline-flex;align-items:center;justify-content:center;background:url(../img/default/arrow_slide-prev.svg) no-repeat center center;}
.booking-nav__btn.booking-next{background:url(../img/default/arrow_slide-next.svg) no-repeat center center;}
.booking-nav__btn.swiper-button-disabled{opacity:.35;cursor:not-allowed;}

.booking-slider-mask{position:relative;overflow:hidden;min-width:0;width:100%;}
.bookingSwiper{overflow:hidden;min-width:0;width:100%;}
.bookingSwiper .swiper-wrapper{align-items:stretch;}
.bookingSwiper .swiper-slide{height:auto;}

.booking-card{height:100%;min-height:29.5rem;padding:4rem 3.2rem;border-radius:1.6rem;background:#fff;border:1px solid #DDDDDD;display:flex;flex-direction:column;transition:border-color .25s ease,box-shadow .25s ease;}
.booking-card:hover{border:1px solid #000;box-shadow:var(--shadow-sm);}

.booking-card__type{font-size:1.4rem;margin-bottom:1.8rem;}
.booking-card__date{display:flex;align-items:center;gap:.8rem;font-size:2.6rem;line-height:1.2;font-weight:700;}
.booking-card__date::before{content:"";width:2.8rem;height:2.8rem;background:url(../img/default/icon_calendar.svg) no-repeat center center;}

.booking-card__programs{margin-top:5rem;display:grid;gap:1.5rem;}

.booking-card__arrow{display:none;position:absolute;right:2.5rem;top:3.5rem;width:2.5rem;height:2.5rem;background:url(../img/default/arrow_top-right.svg) no-repeat center center / 1.2rem;}
.booking-card:hover .booking-card__arrow{display:block;transition:all .3s ease;}

.booking-tag{display:grid;gap:.8rem;}
.booking-tag__top{width:100%;max-width:4.5rem;background:#ddd;text-align:center;padding:.5rem;font-size:1.4rem;font-weight:600;}
.booking-tag.kids .booking-tag__top{background:#6FBA2C;color:#fff;}
.booking-tag.master .booking-tag__top{background:var(--color-blue);color:#fff;}
.booking-tag__badge{font-size:1.6rem;font-weight:700;line-height:1.3;}
.booking-tag.kids .booking-tag__badge{color:#6FBA2C;}
.booking-tag.master .booking-tag__badge{color:var(--color-blue);}
.booking-tag.closed .booking-tag__top{background:#ccc;color:#fff;}
.booking-tag.closed .booking-tag__badge{color:#ccc;}



/* =========================================================
   EXHIBITION
========================================================= */
.exhibi {position:relative;overflow:hidden;min-height:80rem;background:#1e2329;color:#fff;display:flex;}
.exhibi::after {content:"";display:block;position:absolute;bottom:0;right:10rem;width:57rem;height:14rem;background:url(../img/default/emblemRode.svg) no-repeat center center;z-index:1;}

.exhibi__bg {position:absolute;inset:0;z-index:0;}
.exhibi__bg-item {position:absolute;inset:0;background-repeat:no-repeat;background-position:center;background-size:cover;opacity:0;transform:scale(1.04);transition:opacity .7s ease, transform 1.2s ease;}
.exhibi__bg-item.is-active {opacity:1;transform:scale(1);}

.exhibi__dim {position:absolute;inset:0;z-index:1;background:rgba(18,18,18,.9);}

.exhibi__content {position:relative;z-index:2;display:flex;align-items:center;gap:10rem;max-width:var(--inner);margin:2rem auto 0;padding:0 var(--inner-pad);}
.exhibi__left {flex:0 0 52rem;min-width:0;position:relative;}
.exhibi__right {flex:1 1 auto;min-width:0;position:relative;margin-right:calc(50% - 50vw);}

.exhibi__tit {position:absolute;top:8rem;left:2rem;background:linear-gradient(90deg, #1CBECA 0%, #0066B3 35%, #A6CE39 65%, #F15A22 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}

.exhibiTextSwiper {overflow:hidden;}
.exhibi-copy {padding-left:10rem;min-height:32rem;margin-top:3rem;display:flex;flex-direction:column;justify-content:center;}
.exhibi-copy__logo {filter:grayscale(100%) contrast(0.5) brightness(0.9) opacity(0.6);margin-bottom:1rem;}
.exhibi-copy.kibo .exhibi-copy__logo {width:19.5rem;height:2.6rem;background:url(../img/main/icon_logo-kibo.svg) no-repeat center center / 19.5rem;}
.exhibi-copy.bnk  .exhibi-copy__logo {width:17rem;height:2.3rem;background:url(../img/main/icon_logo-bnk.svg) no-repeat center center / 17rem;}
.exhibi-copy.krx  .exhibi-copy__logo {width:17rem;height:3rem;background:url(../img/main/icon_logo-krx.svg) no-repeat center center / 17rem;}
.exhibi-copy.bok  .exhibi-copy__logo {width:19rem;height:2.9rem;background:url(../img/main/icon_logo-bok.svg) no-repeat center center / 19rem;}
.exhibi-copy.ksd  .exhibi-copy__logo {width:17rem;height:4.4rem;background:url(../img/main/icon_logo-ksd.svg) no-repeat center center / 17rem;}
.exhibi-copy__title {font-size:3.6rem;line-height:1.3;font-weight:700;color:#fff;}
.exhibi-copy__desc {margin-top:3rem;font-size:1.8rem;line-height:1.6;color:#fff;font-weight:400;}
.exhibi-copy__more {max-width:10.5rem;display:inline-flex;align-items:center;justify-content: space-between; gap:2.5rem;margin-top:6rem;padding:.5rem;border-bottom:2px solid rgba(255,255,255,.28);}
.exhibi-copy__more .txt {font-size:1.8rem;color:#888; transition: all .3s;}
.exhibi-copy__more .arrow {width:2.5rem;height:2.5rem;background:url(../img/default/arrow_top-right.svg) no-repeat center center / 1.2rem;filter:invert(.5);transition: all .3s;}

.exhibi__slider-mask {position:relative;overflow:hidden;padding-bottom:5.6rem;}
.exhibiSwiper {overflow:visible;}
.exhibiSwiper .swiper-slide {width:100%;max-width:84rem;opacity:.5;transition:opacity .35s ease, transform .35s ease;}
.exhibiSwiper .swiper-slide-active {opacity:1;}
.exhibiSwiper .swiper-slide-next {opacity:.5;}

.exhibi-card {display:block;}
.exhibi-card__image {width:100%;aspect-ratio:1.6 / 1;overflow:hidden;background:#222;}
.exhibi-card__image img {width:100%;height:100%;object-fit:cover;}

.exhibi-nav {position:absolute;top:50%;z-index:5;width:4.6rem;height:4.6rem;transform:translateY(-50%);transition:background .25s ease, border-color .25s ease;filter:brightness(0) invert(1);background:url(../img/default/arrow_slide-prev.svg) no-repeat center center / 3.8rem;}
.exhibi-prev {left:2rem;}
.exhibi-next {right:11rem;transform:translateY(-50%) rotate(180deg);}

.exhibi-bot {position:absolute;right:18rem;bottom:13rem;z-index:5;display:flex;align-items:center;gap:1.2rem;}
.exhibi-bot__paging {display:flex;align-items:center;gap:.6rem;font-size:1.5rem;font-weight:600;color:rgba(255,255,255,.82);}
.exhibi-bot__slash {opacity:.55;}

.exhibi-tgl {width:2.8rem;height:2.8rem;color:#fff;}
.exhibi-tgl__icon--pause {width:1rem;height:1.2rem;}
.exhibi-tgl__icon--pause::before,
.exhibi-tgl__icon--pause::after {width:.3rem;height:1.2rem;}
.exhibi-tgl__icon--pause::before {left:0;width:.3rem;}
.exhibi-tgl__icon--pause::after {right:0;}
.exhibi-tgl__icon--play {width:0;height:0;border-top:.6rem solid transparent;border-bottom:.6rem solid transparent;border-left:.9rem solid currentColor;margin-left:.2rem;}

/* =========================================================
   NEWS
========================================================= */
.news {background:#fff;}

.news__head {display:flex;gap:10rem;}
.news-title-wrap {min-width:32rem;}

.news__title {}
.news__title .n1 {color:var(--color-mint);}
.news__title .n2 {color:var(--color-green);}
.news__title .n3 {color:var(--color-blue);}
.news__title .n4 {color:var(--color-orange);}

.news__title-arrow {display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin-top:3rem;background:url(../img/default/arrow_top-right.svg) no-repeat center center;}
.news-list {display:flex;gap:8rem; flex:1;}
.news-list li {position:relative;width:calc((100% - 16rem) / 3);}
.news-list li:not(:last-child)::after {content:"";position:absolute;top:0;right:-4rem;width:1px;height:100%;background:#eee;}

.news-item {display:flex;flex-direction:column;gap:2.5rem;height:100%;}
.news-item__title {font-size:2rem;font-weight:600;max-height:5.6rem;flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;word-break:keep-all; transition: color .3s;}
.news-item__date {margin-left:auto;color:#666;}

.shortcut {margin-top:12rem;padding:5rem 4.5rem;border-radius:2.8rem;background:#f5f6f7;}
.shortcut__list {display:grid;grid-template-columns:repeat(6, 1fr);gap:2rem;}

.shortcut__item {display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.8rem;padding:1rem;color:#111;}
.shortcut__item:hover {transform:translateY(-.4rem);}

.shortcut__icon {width:6.6rem;height:6.6rem;background:no-repeat center center;position:relative;}
.shortcut__list li:nth-child(1) .shortcut__icon {background-image:url(../img/main/shortcutIcon01.svg);}
.shortcut__list li:nth-child(2) .shortcut__icon {background-image:url(../img/main/shortcutIcon02.svg);}
.shortcut__list li:nth-child(3) .shortcut__icon {background-image:url(../img/main/shortcutIcon03.svg);}
.shortcut__list li:nth-child(4) .shortcut__icon {background-image:url(../img/main/shortcutIcon04.svg);}
.shortcut__list li:nth-child(5) .shortcut__icon {background-image:url(../img/main/shortcutIcon05.svg);}
.shortcut__list li:nth-child(6) .shortcut__icon {background-image:url(../img/main/shortcutIcon06.svg);}

.shortcut__label {font-size:1.9rem;line-height:1.4;font-weight:700;}



/* =========================================================
   RESPONSIVE - HERO
========================================================= */
@media (max-width:1200px){
.hero,
.hero .swiper-slide,
.hero__inner {}
.hero__inner{justify-content: center;}
.hero__content{padding-top:0;}
.hero__title {font-size:4.4rem;text-align: center;}
.hero__desc {font-size:2rem; text-align:center;}
.hero__control{left: 50%; bottom: 0; top: 50%; transform: translateX(-50%);}
}

@media (max-width:980px){
.hero,
.hero .swiper-slide,
.hero__inner {}
}

@media (max-width:768px){
.hero,
.hero .swiper-slide,
.hero__inner {min-height:64rem;}
.hero__title {font-size:4rem;}
.hero__desc {margin-top:1.4rem;font-size:1.7rem;}
}

@media (max-width:480px){
.hero__title {font-size:3.4rem;}
.hero__desc {font-size:1.6rem;}
}


/* =========================================================
   RESPONSIVE - PARTNERS
========================================================= */
@media (max-width:1200px){
:root {--partners-item-w:19rem;--partners-gap:3.6rem;}
.partners__flow {padding:2.4rem 0;}
.partners__item {height:5rem;}
}

@media (max-width:768px){
:root {--partners-item-w:15rem;--partners-gap:2.8rem;}
.partners__flow {padding:1.8rem 0;}
.partners__item {height:4.4rem;}
}


/* =========================================================
   RESPONSIVE - BOOKING
========================================================= */
@media (max-width:1200px){
.booking:before{top: 7rem; right: 0; width: 30rem; height: 23rem;}
.booking__tit{font-size:4.4rem; line-height:1.3;}
.booking__layout{flex-direction:column;gap:4rem;}
.booking-side{flex:0 0 auto;width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:2.4rem;padding-top:0;border-right:0;}
.booking-side__group + .booking-side__group{margin-top:0;}
.target-list{grid-template-columns:1fr 1fr;}
.booking-side__note{margin-top:0;}
.booking-main{flex:none;width:100%;min-width:0;}
}

@media (max-width:980px){
.booking{padding:8rem 0 9rem;}
.booking__tit{font-size:3.8rem;}
.booking-side{grid-template-columns:1fr;}
.booking-side__time-text{display:flex; gap:0.5rem 1.5rem;align-items: center; flex-wrap:wrap;}
.booking-side__time-text .desc{flex-direction: row;}
.booking-side__time-text .m_n{display:block; padding: 0 0.5rem;}
.booking-side__time-text .tit, .target-item__txt .tit{ margin-bottom: 0;}

}

@media (max-width:768px){
.booking-side__time-text .tit, .target-item__txt .tit{font-size:2.2rem; margin-bottom: 0;}
.booking-side__time-icon{ width: 3rem; height: 3rem; background: #000 url(../img/default/icon_clock.svg) no-repeat center center / 2rem;}
.target-item__icon{ width: 3rem; height: 3rem;}
.target-item--kids .target-item__icon{background: #6FBA2C url(../img/default/icon_profile.svg) no-repeat center center / 2rem;}
.target-item--master .target-item__icon{background: var(--color-blue) url(../img/default/icon_profile.svg) no-repeat center center / 2rem;}
.booking__layout{margin-top:4rem;}
.booking-main__head{margin-bottom:1.8rem;align-items:flex-end;}
.booking-main__month{gap:.8rem;}
.booking-main__month-text{font-size:2.8rem;}
.booking-main__dropdown-btn{font-size: 2.8rem;  min-width: 10.5rem;}
.booking-card{min-height:auto;}
.booking-card__date{font-size:2.4rem;}
.booking-side__time-text .tit, .target-item__txt .tit{ margin-bottom: 0;font-size: 2rem;}
.booking-side__time-text span, .target-item__txt span{font-size:1.7rem;}
}

@media (max-width:480px){
.booking__tit{font-size: 3.2rem; line-height: 1;}
.booking-main__head{}
.booking-main__month-text{font-size:2.2rem;}
.booking-main__dropdown-btn{font-size:2.2rem;min-width:8.8rem;}
.target-list{grid-template-columns: 1fr;}
.target-item__txt{display: flex;  align-items: center; gap: 2rem; flex-wrap: wrap;}
}

/* =========================================================
   RESPONSIVE - EXHIBITION
========================================================= */
@media (min-width:1200px){   
   .exhibi-copy__more:hover .txt {color:#ddd;}
   .exhibi-copy__more:hover .arrow {filter:invert(.8);}
}

@media (max-width:1640px){
.exhibi__content{gap:6rem;}
.exhibiSwiper .swiper-slide{max-width:94rem;}
.exhibi-card__image{aspect-ratio: 1.8 / 1;}
.exhibi-next{right:2rem;}
.exhibi-bot{right:2rem; bottom: 0; top: calc(34vw - 5rem);}
}

@media (max-width:1200px){
.exhibi {min-height:auto;display:block;}
  .exhibi::after {right:2rem;bottom:0;width:32rem;height:8rem;background-size:contain;}
  .exhibi__content {display:flex; flex-direction:column; gap:3rem; padding:10rem var(--inner-pad); margin:0 auto; }
  .exhibi__tit {position:static;display:block;font-size:4.4rem;order:1;}
  .exhibi__right {order:2;width:100%;margin-right:0;flex:none;}
  .exhibi__left {order:3;width:100%;margin-bottom:0;flex:none;}
  .exhibiTextSwiper {overflow:visible;}
  .exhibi-copy {padding-left: 0; min-height: 0; margin-top: 0;}
  .exhibi-copy__title {font-size:3rem;}
  .exhibi-copy__desc {margin-top:2rem;font-size:1.6rem;}
  .exhibi-copy__more {margin-top:3.2rem;}
  .exhibi__slider-mask {overflow:visible;padding-bottom:0rem;}
  .exhibiSwiper {overflow:visible;}
  .exhibiSwiper .swiper-slide {max-width:none;}
  .exhibi-nav {top:auto;bottom:0;transform:none;width:4.4rem;height:4.4rem;background-size:3.2rem;}
  .exhibi-prev {top: 35%;}
  .exhibi-next {top: 35%; transform:rotate(180deg);}
  .exhibi-bot {order: 4; position: static;}
}

@media (max-width:768px){
.exhibi__tit {font-size:3.8rem;line-height:1.3;margin-bottom:2rem;}
.exhibi::after {width:24rem;height:6rem;right:1.6rem;}
.exhibi-copy__title {font-size:2.5rem;line-height:1.35;}
.exhibi-copy__desc {line-height:1.75;}
.exhibi-copy__more {gap:1.6rem;margin-top:2.8rem;}
.exhibi-copy__more .txt {font-size:1.6rem;}
}

@media (max-width:480px){
.exhibi::after {width:18rem;height:4.8rem;right:1.2rem;}
.exhibi__tit{ font-size: 3.2rem; line-height: 1;}
.exhibi-copy__logo {margin-bottom:1.2rem;font-size:1.3rem;}
.exhibi-copy__title {font-size:2.2rem;}
.exhibi-copy__desc {margin-top:1.6rem;}
.exhibi-copy__more {margin-top:2.4rem;}
.exhibi-copy__more .txt {font-size:1.5rem;}
}


/* =========================================================
   RESPONSIVE - NEWS
========================================================= */
@media (min-width:1200px){   
   .news-item:hover .news-item__title{color:var(--color-blue);}
}

@media (max-width:1440px){
.shortcut__list {grid-template-columns:repeat(3, 1fr);row-gap:3rem;}
}

@media (max-width:1200px){
.news {padding:12rem 0;}
.news__title {font-size:4.4rem;}
.news__head {flex-direction:column;gap:4rem;}
.news-title-wrap {min-width: 100%; display: flex; align-items: center; gap: 2rem;}
.news__title-arrow{margin-top:0;}
.news-list {gap:0;}
.news-list li {width:calc(100% / 3);padding:0 2rem;}
.news-list li:first-child {padding-left:0;}
.news-list li:last-child {padding-right:0;}
.news-list li:not(:last-child)::after {right:0;}
}

@media (max-width:980px){
.news {padding:9rem 0;}
.news-list {flex-direction:column;gap:2.4rem;}
.news-list li {width:100%;padding:0 0 2.4rem;}
.news-list li:not(:last-child)::after {top:auto;right:0;bottom:0;width:100%;height:1px;}
.news-item {gap:1.6rem;}
.news-item__title {max-height:none;font-size:1.9rem;}
.news-item__date {margin-left:0;}
.shortcut {margin-top:8rem;padding:3.2rem 2rem;}
.shortcut__list {grid-template-columns:repeat(3, 1fr);gap:2.4rem 1.6rem;}
}

@media (max-width:768px){
.news {padding:7rem 0 5rem;}
.news__title {font-size:3.8rem;}
.news__head {gap:3.2rem;}
.news-list li {padding-bottom:2rem;}
.news-item__title {font-size:1.8rem;line-height:1.5;}
.news-item__date {font-size:1.4rem;}
.shortcut {margin-top:6rem;padding:2.8rem 1.6rem;border-radius:2rem;}
.shortcut__list {grid-template-columns:repeat(2, 1fr);gap:2.4rem 1.2rem;}
.shortcut__icon {width:5.2rem;height:5.2rem;background-size:contain;}
.shortcut__label {font-size:1.7rem;}
}

@media (max-width:480px){
.news__title {font-size:3.2rem;}
.news-item__title {font-size:1.7rem;}
.shortcut {padding:2.4rem 1.2rem;}
.shortcut__list {gap:2rem 1rem;}
.shortcut__label {font-size:1.6rem;}
}


/* main popup */
.mainPopup a{display:block;}
.ly_pop_btm {display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1rem 1.5rem;background: #000;}
.ly_pop_cookie {display:flex;align-items:center;gap:.8rem;margin:0;font-size:1.4rem;line-height:1.4;color: #fff;}
.ly_pop_cookie input[type="checkbox"] { margin:0; }
.ly_pop_cookie label { display:inline-block; line-height:1.4; font-size: 1.3rem; cursor:pointer; }
.ly_pop_button {display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size: 1.3rem;cursor:pointer;flex-shrink:0;}

@media (max-width:768px) {
   .mainPopup{ position:fixed !important; top:50% !important; left:50% !important; transform:translate(-50%, -50%) !important; width:calc(100vw - 3.2rem) !important; max-width:100%; max-height:calc(100vh - 3.2rem); margin:0 !important; }
	.mainPopup img{ width:100%; height:auto; }
   .ly_pop_cn { max-height:calc(100vh - 18rem); overflow-y:auto; }
   .ly_pop_cn video{width:100%;}
}