/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./app/[locale]/research/program/program.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.program_subNav__4_Inq {
  display: flex;
  align-items: center;
  justify-content: center;
}
.program_subNav__4_Inq ul {
  display: flex;
  flex-direction: row;
  gap: 0.2em;
}
.program_subNav__4_Inq li {
  list-style-type: none;
  color: var(--bg);
  background-color: var(--dimgray);
  padding: 3px 12px;
  cursor: pointer;
  transition: opacity ease 0.3s;
  display: inline-block;
}
.program_subNav__4_Inq li:hover {
  opacity: 0.3;
}
.program_subNav__4_Inq li.program_active__uZE5p {
  background-color: var(--fg);
}

.program_filter__mJxU0 {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-top: 10px;
}
.program_filter__mJxU0 ul {
  display: flex;
  flex-direction: row;
  gap: 0.2em;
}
.program_filter__mJxU0 li {
  list-style-type: none;
  color: var(--bg);
  background-color: var(--dimgray);
  padding: 3px 12px;
  cursor: pointer;
  transition: opacity ease 0.3s;
  display: inline-block;
}
.program_filter__mJxU0 li:hover {
  opacity: 0.3;
}
.program_filter__mJxU0 li.program_active__uZE5p {
  background-color: var(--fg);
}
.program_filter__mJxU0 li.program_active__uZE5p {
  background-color: var(--fg);
}

.program_content__hdd7M {
  margin-top: 20px;
}
.program_exhibitionList__DkoYm {
  list-style-type: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
  gap: 20px;
}
.program_exhibitionList__DkoYm li {
  width: 100%;
  transition: opacity ease 0.3s;
}
h4.program_breadcrum__ZBbHK {
  text-align: center;
  margin-top: 50px;
  font-weight: 600;
  color: var(--dimgray);
}
h2.program_hasbreadcrum__KLp0_ {
  margin-top: 10px;
}
.program_exhibitionList__DkoYm li:hover {
  opacity: 0.3;
}
.program_eventCol__Tbet3 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2em;
  gap: 2em;
  margin: 30px 0px 60px;
  border-top: solid 1px black;
  padding-top: 20px;
}
.program_eventCol__Tbet3 div h2 {
  text-align: left;
  margin-top: 10px;
}
.program_detail__BgGbv {
  color: var(--dimgray);
  line-height: 1.5;
  font-size: var(--font-size-small);
}
.program_description__SrUTm {
  max-width: 550px;
  margin-top: 2em;
}
.program_relatedWrap__SkDSw {
  display: block;
  max-width: 750px;
  width: 25%;
  gap: 20px;
  margin: 0 auto;
}
.program_relatedWrap__SkDSw li {
  list-style-type: none;
}
.program_relatedWrap__SkDSw img {
  width: 100%;
}
.program_ReltileDetail__8xdz4 {
  display: flex;
  margin: 10px 0px;
  flex-direction: column;
  gap: 0.5em;
}
.program_midBanner__XZZdK h2,
.program_noticeList__DF2AE h2,
.program_ReltileDetail__8xdz4 h2 {
  font-weight: 500;
  font-size: var(--font-size-large);
  white-space: no-wrap;
  word-break: keep-all;
  line-height: 1.45;
  margin: 0;
  text-align: left;
}
.program_ReltileDetail__8xdz4 p,
.program_ReltileDetail__8xdz4 p span {
  color: var(--dimgray);
  font-size: var(--font-size-small);
  line-height: 1.55;
}
.program_tags__pL6iN {
  padding: 5px 12px;
  background-color: var(--keyCol);
  color: white;
  font-size: 12px;
  width: -moz-fit-content;
  width: fit-content;
}
.program_tags__pL6iN.program_status__n_C2j {
  background-color: var(--dimgray);
}
h2.program_related__dFbgN {
  margin-bottom: 60px;
}
.program_relatedStoryWrap__dBNad > div {
  max-width: 50%;
  margin: 0 auto;
}
.program_relatedStoryWrap__dBNad div img {
  max-width: 100%;
}
.program_relatedStoryWrap__dBNad .program_ReltileDetail__8xdz4 {
  font-weight: 600;
  text-align: left;
  margin: 0;
}
.program_relatedStoryWrap__dBNad .program_ReltileDetail__8xdz4 h3 {
  font-weight: 500;
  text-align: left;
  margin: 0;
  font-size: 15px;
  margin-top: 1em;
}
.program_metaGrid__QHWqt {
  display: grid;
  grid-template-columns: 120px 1fr;
  margin-top: 2em;
}
.program_metaField__sW26X {
  font-weight: 700;
}
.program_galleryGrid__eFaaR {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 20px;
  gap: 20px;
}
.program_galleryImg__bXRnR {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.program_relatedWrap__SkDSw li {
  list-style-type: none;
  transition: opacity ease 0.3s;
}
.program_relatedWrap__SkDSw li:hover {
  opacity: 0.3;
}
.program_eventCol__Tbet3 > div > img {
  max-width: 80%;
}
@media (max-width: 768px) {
  .program_exhibitionList__DkoYm {
    list-style-type: none;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    gap: 20px;
  }
  .program_content__hdd7M {
    margin-top: 20px;
    margin-bottom: 60px;
  }
  .program_filter__mJxU0 {
    justify-content: center;
    margin-top: 0.25em;
  }
  .program_exhibitionList__DkoYm {
    list-style-type: none;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    gap: 20px;
  }

  .program_eventCol__Tbet3 {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 2em;
    gap: 2em;
    margin: 10px 0px 60px;
    border-top: solid 1px black;
    padding-top: 20px;
  }
  .program_eventCol__Tbet3 > div > img {
    max-width: 100%;
  }
  .program_relatedStoryWrap__dBNad div {
    max-width: 80%;
    margin: 0 auto;
  }
  .program_relatedWrap__SkDSw {
    display: block;
    max-width: 750px;
    width: 80%;
    gap: 20px;
    margin: 0 auto;
  }
  .program_galleryGrid__eFaaR {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    gap: 20px;
  }
  h4.program_breadcrum__ZBbHK {
    margin-top: 30px;
  }
  h2.program_hasbreadcrum__KLp0_ {
    margin-top: 5px;
  }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./component/sections.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.sections_tags__z8guF {
  padding: 5px 12px;
  background-color: var(--keyCol);
  color: white;
  font-size: 12px;
  width: -moz-fit-content;
  width: fit-content;
}
.sections_status__9QPdt {
  background-color: var(--dimgray);
}
.sections_tags__z8guF.sections_ghost__MqI9Q {
  padding: 2px 5px;
  border: solid 1px black;
  color: black;
  background-color: transparent;
}
.sections_exhibitionSwiper__1sGya {
  position: relative;
  width: 100%;
}
.sections_slideItem__K9QWk {
  overflow: hidden;
  border-radius: 8px;
}
.sections_sliderImgWide__ye_YM {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.sections_sliderImg__tVPoi {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.sections_exhibitionSwiper__1sGya h3 {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 500;
}
.sections_sectionTitleHead__7XBGj {
  display: flex;
  justify-content: space-between;
  border-top: solid 1px black;
  margin-top: 60px;
  align-items: center;
  margin-bottom: 30px;
}
.sections_btnWrap__Aq82j {
  display: flex;
  gap: 10px;
}
.sections_sectionTitle__EE2Ns {
  padding: 20px 0px;
  font-size: 20px;
}
.sections_prevBtn__UHLPA,
.sections_nextBtn__t9CS4 {
  width: 35px;
  height: 35px;
  padding: 0;
  background-color: #d9d9d9;
  border-radius: 100%;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: opacity ease 0.3s;
}
.sections_prevBtn__UHLPA:hover,
.sections_nextBtn__t9CS4:hover {
  opacity: 0.3;
}
.sections_sectionNotice__HqCvB {
  display: flex;
  justify-content: space-between;
  align-items: start;
  border-top: solid 1px black;
  margin-top: 60px;
  align-items: flex-start;
  margin-bottom: 30px;
}
.sections_noticeList__gpM5D {
  padding: 20px 0;
  border-bottom: solid 1px black;
  display: flex;
  gap: 0.5em;
  flex-direction: column;
}
.sections_noticeListWrap__h7s12 {
  width: 70%;
}
.sections_midBanner__C0xcw {
  aspect-ratio: 3/1;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  margin: 30px 0;
}

.sections_tileDetail__TIM5R {
  display: flex;
  margin: 10px 0px;
  flex-direction: column;
  gap: 0.5em;
}
.sections_tileDetail__TIM5R h2 {
  margin: 0;
  text-align: left;
}
.sections_midBanner__C0xcw h2,
.sections_noticeList__gpM5D h2,
.sections_tileDetail__TIM5R h2 {
  font-weight: 500;
  font-size: var(--font-size-large);
  white-space: no-wrap;
  word-break: keep-all;
  line-height: 1.45;
}
.sections_tileDetail__TIM5R p,
.sections_tileDetail__TIM5R p span {
  color: var(--dimgray);
  font-size: var(--font-size-small);
  line-height: 1.55;
}

.sections_midBanner__C0xcw .sections_tags__z8guF.sections_ghost__MqI9Q {
  padding: 2px 5px;
  border: solid 1px white;
  color: white;
  background-color: transparent;
}
.sections_midBanner__C0xcw:hover .sections_bannerInner__M7nGy {
  background-color: rgba(0, 0, 0, 0.3);
}
.sections_bannerInner__M7nGy {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1em;
  transition: background ease 0.3s;
}
.sections_multiTags__B3XYz {
  display: flex;
  flex-direction: row;
  gap: 0.2em;
}
.sections_LinkHover__PlvjF {
  transition: opacity ease 0.3s !important;
}
.sections_LinkHover__PlvjF:hover {
  opacity: 0.3;
}
.sections_ExslideWidth__yU6gZ {
  width: 40vw !important;
}
.sections_eventSlideImg__eKM7E {
  width: 25vw !important;
}

@media (max-width: 768px) {
  .sections_ExslideWidth__yU6gZ {
    width: 80vw !important;
  }
  .sections_eventSlideImg__eKM7E {
    width: 50vw !important;
  }
  .sections_sectionNotice__HqCvB {
    display: flex;
    flex-direction: column;
  }
  .sections_noticeListWrap__h7s12 {
    width: 100%;
  }
  .sections_midBanner__C0xcw {
    aspect-ratio: 1/1;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    margin: 30px 0;
  }
  .sections_sectionTitleHead__7XBGj {
    margin-top: 30px;
    margin-bottom: 10px;
  }
  .sections_sectionTitle__EE2Ns {
    padding: 10px 0px;
    font-size: 18px;
  }
  .sections_prevBtn__UHLPA,
  .sections_nextBtn__t9CS4 {
    scale: 0.8;
  }
  .sections_btnWrap__Aq82j {
    gap: 0;
  }
}