.d_day {display: flex; justify-content: center; background: url(/gcb2024/resources/assets/img/bg_top.jpg) no-repeat 100% / cover; padding: 20px 10px;}
.d_day .inner {display: flex; justify-content: center; align-items: center; width: 100%; max-width: 1500px;}
.d_day .title {margin-right: 50px;}
.d_day .title strong {font-size: 2em; font-weight: 800; color: #fff;}
.d_day .count {display: flex;}
.d_day .count .item {display: flex; justify-content: center; align-items: center; margin-right: 5px;}
.d_day .count .item.box {width: 50px; height: 57px; background: #fff; border-radius: 5px;}
.d_day .count .item span {font-size: 2em; font-weight: 800; color: var(--default);}
.d_day .count .item span.dash {color: #fff;}

.hd_bg {background: #fff; display: block; width: 100%; top: 123px; left: 0; right: 0; z-index: 1; position: absolute; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}
header {position: fixed; z-index: 1001; width: 100%; top: 0; background: #fff; transition: .2s; /*height: auto; overflow: hidden;*/}
header::after {content: ''; display: inline-block; width: 100%; height: 0; position: absolute; top:0; left: 0; right: 0; background: #fff; z-index: -1; border-bottom: 1px solid var(--border_color);}
header.open {overflow: unset;}
/* header.open::after {height: 453px;}
header.has::after {height: 550px;} */
header .m_hd {display: none;}
header .header_wrap.pc_hd {position: relative; display: flex; justify-content: center; border-bottom: 1px solid var(--border_color);}
header .header_wrap.pc_hd .inner {display: flex; align-items: center; justify-content: space-between; max-width: 1500px; width: 100%; height: 100%; padding: 0 10px;}
header .header_wrap.pc_hd .logo {}
header .header_wrap.pc_hd .logo h1 {}
.logo a {display: inline-block; width: 205px; height: 66px; background: url(/gcb2024/resources/assets/img/logo.png) no-repeat; background-size: 100%;}
header .header_wrap.pc_hd nav {width: 100%; max-width: 1070px;}
header .header_wrap.pc_hd nav ul.depth1 {display: flex; justify-content: space-between;}
header .header_wrap.pc_hd nav ul.depth1 > li {position: relative; width: calc(100% / 6); text-align: center; transition: .1s;}
header .header_wrap.pc_hd nav ul.depth1 > li:hover {color: var(--main_theme_color);}
header .header_wrap.pc_hd nav ul.depth1 > li:hover > .depth2 {background: var(--main_theme_color);}
header .header_wrap.pc_hd nav ul.depth1 > li:hover > .depth2 > li > a {color: #fff;}
header .header_wrap.pc_hd nav ul.depth1 > li:hover .depth2 li .depth2 li a{color:#fff;}
header .header_wrap.pc_hd nav ul.depth1 > li:hover .depth2 li .depth2 li a:hover{text-decoration:underline;}
header .header_wrap.pc_hd nav ul.depth1 > li > a {display: block; padding: 50px 0;font-size: 1.4em; font-weight: 500;}
header .header_wrap.pc_hd nav ul.depth1 > li:first-child > ul.depth2 {border-left: 1px solid var(--border_color);}
header .header_wrap.pc_hd nav ul.depth1 > li > ul.depth2 {display: none; position: absolute; width: 100%; top: 123px; padding: 15px 0; border-right: 1px solid var(--border_color); transition: .2s; background: #fff; z-index: 10; height: 300px;}
header .header_wrap.pc_hd nav ul.depth1 > li > ul.depth2 > li {}
header .header_wrap.pc_hd nav ul.depth1 > li > ul.depth2 > li > a {display: block; padding: 10px 5px; font-size: 1.12em; color: #252525;}
header .header_wrap.pc_hd nav ul.depth1 > li > ul.depth2 > li > a:hover {text-decoration: underline; text-underline-position: under;}
header .header_wrap.pc_hd .util {display: flex; align-items: center;}
header .header_wrap.pc_hd .side_btn a {display: block; width: 27px; height: 17px; background: url(/gcb2024/resources/assets/img/ico_menu.png) no-repeat;}
header .header_wrap.pc_hd .side_btn.m_btn {display: none;}
header .header_wrap.pc_hd .language {position: relative; margin-right: 50px;}
header .header_wrap.pc_hd .language .current {display: flex; align-items: center; padding-bottom: 8px; border-bottom: 2px solid #000;}
header .language .current::after {content: ''; display: inline-block; width: 10px; height: 7px; margin-left: 20px; background: url(/gcb2024/resources/assets/img/ico_dropdown.png);}
header .pc_hd .language .drop {position: absolute; top: 26px; width: 60px; z-index: 10;
  background: #f3f3f3; overflow: hidden; transition: 0.2s; height: 0;}
header .pc_hd .language .drop a {display: flex; justify-content: center; align-items: center; padding: 5px; border-bottom: 2px solid #000;}
header .pc_hd .language .drop.open {height: 30px;}
header .header_wrap.m_hd .language .drop {height: 0;}
header .header_wrap.m_hd .language .drop.open {height: 50px;}
header .language .drop a {}


/* 모바일 */

header .m_hd.active {display: block;}
.m_container {position: fixed; top: 0; right: 0; width: 290px; height: 100%; background-color: #fff;}
header .m_hd nav a {display: inline-block; width: 100%; padding: 20px; color: #444; font-weight: 500;}
header .m_hd nav ul.depth1 > li > a {background: #000 url(/gcb2024/resources/assets/img/icon_m_arrow.png) no-repeat right 20px center; transition: .2s; color: #fff;}
header .m_hd nav ul.depth1 > li > a.open {background: var(--main_theme_color) url(/gcb2024/resources/assets/img/icon_open.png) no-repeat right 20px center;}
header .m_hd nav ul.depth2  {display: none; padding: 5px 0; background: #fff;}
header .m_hd nav ul.depth2 > li {}
header .m_hd nav ul.depth2 > li > a {padding: 8px 20px;}
header .m_hd nav ul.depth2 > li > a::before {content: '';  display: inline-block; width: 3px; height: 3px; vertical-align: 3px; margin-right: 7px; background: #444;}
header .m_hd span.bg {display: inline-block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5);}
header .m_hd .m_container .m_close {position: absolute; left: -40px; top: 15px; background: url(/gcb2024/resources/assets/img/btn_side_close.png) no-repeat; width: 24px; height: 24px;}
header .header_wrap.m_hd.active {display: block;}
header .header_wrap.m_hd .language {background-color: #f3f3f3;}
header .header_wrap.m_hd .language a {padding: 20px; display: flex; justify-content: center; align-items: center;}
header .header_wrap.m_hd .language .drop {height: 0; transition: .2s;}
header .header_wrap.m_hd .language .drop.open {height: 50px;}
header .header_wrap.m_hd .language .drop a {border-top: 1px solid #e2e2e2;}

/* section */
section {margin-bottom: 140px;}
section.mainvis {margin-bottom: 120px; padding-top: 123px;}
/* common inner */
.inner.common {max-width: 1500px; width: 100%; margin: 0 auto;}
/* main_vis */
.main_vis {position: relative;}
.main_vis .main_swiper {/*max-height: 830px;*/}
.main_vis .main_swiper .swiper-slide img {width: 100%; height: 100%;}
.main_vis .main_swiper .controls {display: flex; justify-content: center; max-width: 1500px; z-index: 10; position: absolute; bottom: 65px; left: 40px;}
.main_vis .main_swiper .controls .btn {}
.main_vis .main_swiper .controls .btn.prev {width: 40px; height: 40px; margin-right: 10px; background: url(/gcb2024/resources/assets/img/ico_vis_arrow.png) no-repeat;}
.main_vis .main_swiper .controls .btn.next {width: 40px; height: 40px; background: url(/gcb2024/resources/assets/img/ico_vis_arrow.png) no-repeat; rotate: 180deg;}

/* quick_menu */
.quick_menu {padding: 0 10px;}
.quick_menu .quick_list {}
.quick_menu .quick_list ul {display: flex;}
.quick_menu .quick_list ul li {width: calc((100% - 60px)/6); height: 280px; margin-right: 12px; border-radius: 10px; overflow: hidden; position: relative; transition: .2s;}
.quick_menu .quick_list ul li a {position: relative; display: flex; justify-content: center; align-items: center; height: 100%; transition: .2s;}
.quick_menu .quick_list ul li:last-child {margin-right: 0;}
.quick_menu .quick_list ul li:hover::before {background: rgba(0, 0, 0, 0.4);}
.quick_menu .quick_list ul li:hover {transform: translateY(-2px);}
.quick_menu .quick_list ul li a strong {font-size: 1.25em; color: #fff; text-align: center;}
.quick_menu .quick_list ul li::before {content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); transition: .2s;}
.quick_menu .quick_list ul li:first-child {background: url(/gcb2024/resources/assets/img/quick_img_01.jpg) no-repeat; background-size: cover;}
.quick_menu .quick_list ul li:nth-child(2) {background: url(/gcb2024/resources/assets/img/quick_img_02.jpg) no-repeat; background-size: cover;}
.quick_menu .quick_list ul li:nth-child(3) {background: url(/gcb2024/resources/assets/img/quick_img_03.jpg) no-repeat; background-size: cover;}
.quick_menu .quick_list ul li:nth-child(4) {background: url(/gcb2024/resources/assets/img/quick_img_04.jpg) no-repeat; background-size: cover;}
.quick_menu .quick_list ul li:nth-child(5) {background: url(/gcb2024/resources/assets/img/quick_img_05.jpg) no-repeat; background-size: cover;}
.quick_menu .quick_list ul li:last-child {background: url(/gcb2024/resources/assets/img/quick_img_06.jpg) no-repeat; background-size: cover;}

/* swiper_type1 */
.swiper_type1 {position: relative; max-width: 1650px; margin: 0 auto; padding: 0 35px;}
.swiper_type1 .swiper {max-width: 1500px;}
.swiper_type1 .btn {width: 21px; height: 40px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1;}
.swiper_type1 .btn.prev {background: url(/gcb2024/resources/assets/img/ico_slide_arrow.png) no-repeat; left: 0;}
.swiper_type1 .btn.next {background: url(/gcb2024/resources/assets/img/ico_slide_arrow.png) no-repeat; transform: translateY(-50%) rotate(180deg); right: 0;}
.pagination.type1 {display: flex; justify-content: center; margin-top: 30px;}
.pagination.type1 .swiper-pagination-bullet {width: 16px; height: 16px; background: var(--gray_color);}
.pagination.type1 .swiper-pagination-bullet-active {background: var(--main_theme_color);}

/* 공용 타이틀 */
.section_title {margin-bottom: 45px; text-align: center;}
.section_title p {margin-top: 16px; font-size: 1.5em;}
h2 {font-size: 3.4em; font-weight: 800;}

.title_area.col  {width: 100%; max-width: 330px; margin-right: 22px;}
.title_area.col .title {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 30px;}
.title_area.col .title .more {font-size: 1.2em; font-weight: 600;}
.title_area.col .title .more::after {content: ''; display: inline-block; width: 28px; height: 12px; margin-left: 10px; background: url(/gcb2024/resources/assets/img/ico_more.png) no-repeat;}

/* 전시 */
.exhibit {padding: 0 10px;}
.exhibit_swiper {height: 530px;}
.exhibit_swiper .swiper-slide {display: flex;}
.exhibit_swiper .swiper-slide a {width: 25%;}
.exhibit_swiper .swiper-slide a img, .exhibit_swiper .swiper-slide a video {width: 100%; height: 100%; object-fit: fill;}
.exhibit_swiper .swiper-slide .img_wrap {display: flex;}
.exhibit_swiper .swiper-slide .img_wrap img {width: 100%; object-fit: cover;}
.exhibit_swiper .swiper-slide .info_area {display: flex; flex-direction: column; justify-content: space-between; width: 75%; padding: 60px 50px; background: #000;}
.exhibit_swiper .swiper-slide .info_area .title {display: flex; flex-direction: column; margin-bottom: 100px;}
.exhibit_swiper .swiper-slide .info_area .title span {font-size: 1.25em; color: #fff; font-weight: 600; margin-bottom: 18px;}
.exhibit_swiper .swiper-slide .info_area .title strong {font-size: 2.5em; font-weight: 700; color: #fff;}
.exhibit_swiper .swiper-slide .info_area .dl_wrap {display: flex; flex-direction: column; font-size: 1.2em;}
.exhibit_swiper .swiper-slide .info_area .dl_wrap .item {display: flex; flex-wrap: wrap; position: relative; padding-left: 12px; margin-bottom: 20px;}
.exhibit_swiper .swiper-slide .info_area .dl_wrap .item::before {content: ''; display: inline-block; width: 6px; height: 6px; position: absolute; top: 7px; left: 0; background: #fff;}
.exhibit_swiper .swiper-slide .info_area .dl_wrap .item dt {font-weight: 700; color: #fff;}
.exhibit_swiper .swiper-slide .info_area .dl_wrap .item dd {flex-basis: 0; flex-grow: 1; color: #fff;}

/* 학술/워크샵 */
.academic {padding: 0 10px;}
.academic_swiper .swiper-slide {}
.academic_swiper .swiper-slide .main_board_list {}
.academic_swiper .swiper-slide ul {display: flex;}
.academic_swiper .swiper-slide ul li {width: 25%; padding: 35px 0; border-top: 2px solid #000; border-bottom: 2px solid #000;}
.academic_swiper .swiper-slide ul li a {display: flex; flex-direction: column; justify-content: space-between; height: 240px; padding: 0 20px; border-left: 2px solid #000;}
.academic_swiper .swiper-slide ul li a .title {display: flex; flex-direction: column;}
.academic_swiper .swiper-slide ul li a .title .label {position: relative; display: inline-block; margin-bottom: 14px; padding-left: 20px; font-size: 1.3em;}
.academic_swiper .swiper-slide ul li a .title .label::before {content: ''; position: absolute; top: 3px; left: 0; display: inline-block; width: 12px; height: 12px; margin-right: 10px; border-radius: 50%; background: var(--main_theme_color);}
.academic_swiper .swiper-slide ul li a .title strong {font-size: 1.7em; font-weight: 700;}
.academic_swiper .swiper-slide ul li:last-child a {border-right: 2px solid #000;}
.academic_swiper .swiper-slide ul li a .info {font-size: 1.25em; font-weight: 700; color: #030303;}

/* 행사 */
.event {padding: 0 10px;}
.event .inner {display: flex;}
.event .title_area.col .title h2 {padding-left: 8px;}
.event .event_tab a {display: inline-block;text-align: center; font-size: 1.25em; font-weight: 600; position: relative; padding: 0 8px; margin-right: 25px; color: var(--gray_color);}
.event .event_tab a:last-child {margin-right: 0;}
.event .event_tab a.active {color: #030303;}
.event .event_tab a.active::after {width: 100%;}
.event .event_tab a::after { content: ''; display: block; width: 0; height: 15px; position: absolute; left: 0; bottom: -5px; background: #dfbdf8; z-index: -1;}
.event .event_tab a:hover::after {width: 100%; transition: width .3s;}
.event .map {margin-top: 20px;}
.event .event_list {display: flex; width:calc(100% - 352px);}
.event .event_list .in{width:100%;}
.event .event_list ul {display: flex;}
.event .event_list ul li {flex: 1; margin-right: 15px;}
.event .event_list ul li:last-child {margin-right: 0;}
.event .event_list ul li a {}
.event .event_list ul li a .img_wrap {height: 285px; margin-bottom: 20px; box-shadow:0 0 3px rgba(0,0,0,0.3); overflow:hidden;}
.event .event_list ul li a .img_wrap img {width: 100%; height: 100%;}
.event .event_list ul li a .txt_wrap .title {display: flex; flex-direction: column; align-items: flex-start;}
.event .event_list ul li a .txt_wrap .label {margin-bottom: 20px; padding: 10px 30px; font-size: 1.2em; font-weight: 700; background: var(--main_theme_color); color: #fff;}
.event .event_list ul li a .txt_wrap strong {margin-bottom: 22px; font-size: 1.4em; height:2em; /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/}
.event .event_list ul li a .txt_wrap .date {padding-top: 22px; border-top: 2px solid #000; font-size: 1.1em; color: var(--gray_color);}

/* 관람요금 안내 */
.guide {padding: 0 10px;}
.guide .row {display: flex; margin-bottom: 40px;}
.guide .row .media {width: 50%; margin-right: 20px;}
.guide .row .media iframe {width: 100%; height: 100%;}
.guide .row .guide_area {width: 50%;}
.guide .row .guide_area .item {padding: 30px 45px; margin-bottom: 20px;}
.guide .row .guide_area .item .txt {color: #fff;}
.guide .row .guide_area .item .txt::after {content: ''; display: inline-block; width: 48px; height: 48px; margin-top: 25px; background: url(/gcb2024/resources/assets/img/ico_link.png) no-repeat;}
.guide .row .guide_area .item .txt .title {display: block; margin-bottom: 10px; font-size: 1.9em; color: #fff;}
.guide .row .guide_area .item .txt p {}
.guide .row .guide_area .item:first-child {background: #000 url(/gcb2024/resources/assets/img/ico_charge.png) no-repeat right 45px bottom 30px;}
.guide .row .guide_area .item:last-child {background: var(--main_theme_color) url(/gcb2024/resources/assets/img/ico_ask.png) no-repeat right 45px bottom 30px; margin-bottom: 0;}
.event_hall {}
.event_hall ul {display: flex;}
.event_hall ul li {width: calc((100% - 60px)/4); margin-right: 20px;}
.event_hall ul li:hover .img_wrap {border: 5px solid #000}
.event_hall ul li:hover .area {font-weight: 700;}
.event_hall ul li:last-child {margin-right: 0;}
.event_hall ul li a .img_wrap {height: 240px; margin-bottom: 20px; transition: .1s;}
.event_hall ul li a .img_wrap img {width: 100%; height: 100%;}
.event_hall ul li .area {text-align: center; font-size: 1.55em;}

/* 비엔날레 소식 */
.notice {padding: 0 10px;}
.notice .title_area.col {max-width: 440px; margin-right: 55px;}
.notice .inner {display: flex; align-items: flex-end;}
.calendar {padding: 30px 25px 20px; border: 1px solid #000;}
.calendar .calendar_tit {display: flex; justify-content: space-between; padding-bottom: 15px; margin-bottom: 10px; border-bottom: 1px solid #000;}
.calendar .calendar_tit strong {font-size: 1.55em;}
.calendar .calendar_tit .controls {display: flex; align-items: center;}
.calendar .calendar_tit .controls .btn {width: 12px; height: 18px; background: url(/gcb2024/resources/assets/img/btn_calendar.png) no-repeat;}
.calendar .calendar_tit .controls .btn.next {transform: rotate(-180deg);}
.calendar .calendar_tit .controls .current {margin: 0 20px; font-size: 1.5em; font-weight: 700;}
.calendar .calendar_tit .controls .current .month {color: var(--main_theme_color);}
.calendar .monthly {}
.calendar .monthly table {width: 100%;}
.calendar .monthly table thead {}
.calendar .monthly table thead tr {width: 40px; height: 40px;}
.calendar .monthly table thead tr th {font-size: 1.25em;}
.calendar .monthly table tbody {}
.calendar .monthly table tbody tr {}
.calendar .monthly table tbody tr td {font-size: 1.25em; text-align: center;}
.calendar .monthly table tbody tr td a {display: flex; width: 40px; height: 40px; margin: 0 auto; justify-content: center; align-items: center; font-weight: 700;}
.calendar .monthly table tbody tr td a.check {background: var(--main_theme_color); color: #fff; border-radius: 50%;}
.notice_prev {width: calc(100% - 500px);}
.notice_prev .list_title {margin-bottom: 30px;}
.notice_prev .list_title strong {position: relative; font-size: 1.55em;}
.notice_prev .list_title strong::before {content: ''; display: inline-block; position: absolute; top: -15px; left: 50%; transform: translateX(-50%);  width: 11px; height: 11px; border-radius: 50%; background: var(--main_theme_color);}
.notice_prev .list_prev {}
.notice_prev .list_prev ul {border-top: 2px solid #000;}
.notice_prev .list_prev ul li {display: flex; align-items: center; padding: 15px; border-bottom: 1px solid #000;}
.notice_prev .list_prev ul li .date {display: flex; flex-direction: column; justify-content: center; margin-right: 30px;}
.notice_prev .list_prev ul li .date .day {font-size: 3em; font-weight: 700;}
.notice_prev .list_prev ul li .date .month {font-weight: 700;}
.notice_prev .list_prev ul li a {overflow: hidden;}
.notice_prev .list_prev ul li a .title {font-size: 1.4em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.sitemap {}
.sitemap ul.depth1 {display: flex; flex-direction: column;}
.sitemap ul.depth1 > li {display: flex; justify-content: space-between; align-items: center; padding: 20px 0; font-size: 20px; font-weight: 700; border-bottom: 1px solid #c9c9c9;}
.sitemap ul.depth1 > li > a{display: inline-block; max-width: 200px; width: 100%;}
.sitemap ul.depth2 {display: flex; flex-wrap: wrap; width: 100%;}
.sitemap ul.depth2 > li {width: 25%; padding: 10px; font-size: 18px; color: #333; font-weight: 400;}
.sitemap ul.depth1 > ul.depth2 li {}

footer {background: #000;}
footer .info {}
footer .info_area {display: flex;}
footer .link_area {margin-bottom: 30px;}
footer .link_area a {font-size: 1.25em; color: #fff;}
footer .link_area a::after {content: ''; display: inline-block; width: 2px; height: 15px; margin: 0 12px; background: #8f8f8f;}
footer .link_area a:last-child::after {display: none;}
footer .info .copy p {font-size: 1.12em; color: #fff; line-height: 1.5;}
footer .inner.common {display: flex; justify-content: space-between; align-items: flex-start; padding: 50px 10px;}
footer .inner.common .logo {margin-right: 60px; filter: invert(1);}
footer .inner.common .relate {display: flex; align-items: center;}
footer .inner.common .relate a {display: inline-block; margin-right: 15px;}
footer .inner.common .relate a.link {color: #464646; font-size: 1.3em; font-weight: 700;}
footer .inner.common .relate a:last-child {margin-right: 0;}
.relate img {width: 100%; filter: grayscale(1);}

@media screen and (max-width: 1024px) {
  /* layout */
  body {font-size: 0.9em;}
  .d_day .title {margin-right: 20px;}
  header .header_wrap.pc_hd nav {display: none;}
  header .header_wrap.pc_hd .inner {padding: 5px 10px;}
  header .header_wrap.pc_hd .language {display: none;}
  header .header_wrap.pc_hd .side_btn.sitemap {display: none;}
  header .header_wrap.pc_hd .side_btn.m_btn {display: block}
  header .header_wrap.pc_hd .language .current{display: none;}
  .logo a {width: 130px; height: 40px;}
  footer .inner.common {flex-direction: column; padding: 30px 10px;}
  footer .info_area {flex-direction: column; margin-bottom: 15px;}
  footer .link_area {margin-bottom: 15px;}
  footer .inner.common .logo {margin-bottom: 20px;}
  footer .inner.common .relate a {width: 80%;}
  /* main */
  section {margin-bottom: 90px;}
  section.mainvis {padding-top: 52px; margin-bottom: 80px;}
  .main_vis .main_swiper .controls {display: none;}
  .exhibit_swiper .swiper-slide .info_area {padding: 35px 25px; width: 50%;}
  .exhibit_swiper .swiper-slide a {width: 50%;}
  .exhibit_swiper .swiper-slide .info_area .dl_wrap .item::before {content: ''; display: inline-block; width: 4px;   height: 4px; position: absolute; top: 5px; left: 0; background: #fff;}
  .quick_menu .quick_list ul {flex-wrap: wrap;}
  .quick_menu .quick_list ul li {width: calc((100% - 12px)/2); margin-bottom: 12px;}  
  .quick_menu .quick_list ul li:nth-child(2n) {margin-right: 0;}
  .event_list {}
  .event .inner {flex-direction: column; padding: 0 10px;}
  .event .map {display: none;}
  .event .event_list ul li {width: 50%;}
  .event .title_area.col {margin-bottom: 20px;}
  .guide .row {padding: 0 10px;}
  .notice .title_area.col {padding: 10px;}
  .notice .inner {flex-direction: column; align-items: center;}
  .notice_prev {width: 100%; padding: 0 10px;}
  .notice .title_area.col {margin-right: 0; margin-bottom: 40px;}
  .event_hall {padding: 0 10px;}
  .event_hall ul {flex-wrap: wrap;}
  .event_hall ul li {width: calc((100% - 20px)/2); margin-bottom: 20px;}
  .event_hall ul li:nth-child(2n) {margin-right: 0;}
  
  .event .event_list{width:100%;}
}

@media screen and (max-width: 768px){
  h2 {font-size: 2.5em; margin-right: 20px;}
  section {margin-bottom: 60px;}
  .section_title {margin-bottom: 25px;}
  .section_title p {font-size: 1.2em;}
  .title_area.col .title {justify-content: flex-start;}
  .pagination.type1 {margin-bottom: 20px;}
  .pagination.type1 .swiper-pagination-bullet {width: 13px; height: 13px;}
  .guide .row {flex-direction: column; margin-bottom: 20px;}
  .guide .row .media {width: 100%; margin-bottom: 20px;}
  .guide .row .media iframe {height: 300px;}
  .guide .row .guide_area {width: 100%;}
  .guide .row .guide_area .item {padding: 20px 30px;}
  .event_hall ul li {width: 100%; margin-right: 0;}

  /* 전시 */
  .swiper_type1 {padding: 0;}
  .swiper_type1 .swiper {max-height: none;}
  .swiper_type1 .btn {display: none;}
  .exhibit_swiper .swiper-slide {display: flex;}
  .exhibit_swiper .swiper-slide .info_area .title {margin-bottom: 30px;}
  .exhibit_swiper .swiper-slide .info_area .title strong {font-size: 1.8em;}
  .exhibit_swiper .swiper-slide .info_area .dl_wrap {font-size: 1em;}

  /* 학술/워크샵 */
  .main_board_list ul li:not(:first-child) {display: none;}
  .academic_swiper .swiper-slide ul li {width: 100%;}
  .academic_swiper .swiper-slide ul li a {width: 100%; border-right: 2px solid #000;}
  
  /* 행사 */
  .event .event_list ul li {margin-right: 0;}
  .event .event_list ul li:not(:first-child) {display: none;}
  .event .event_list ul li a .txt_wrap .label{font-size:1em; padding:10px 5px; width:100%; text-align:center;}
  .event .event_list ul li a .txt_wrap strong{font-size:1.1em; height:auto; word-break:break-all; margin-bottom:10px;}
  .event .event_list ul li a .txt_wrap .date{font-size:0.9em;}
}

@media screen and (max-width: 640px){
  .exhibit_swiper {height: auto;}
  .exhibit_swiper .swiper-slide {flex-direction: column;}
  .exhibit_swiper .swiper-slide a,
  .exhibit_swiper .swiper-slide .info_area {width: 100%;}
}

@media screen and (max-width: 480px){
  .d_day .inner {font-size: 0.8em;}
  section.mainvis {padding-top: 130px;}
  .quick_menu .quick_list ul li {width: 100%; margin-right: 0;}
  .d_day .count .item.box {width: 38px; height: 40px;}
  .calendar {padding: 20px 10px 8px;}
  .calendar .calendar_tit strong {font-size: 1.2em;}
  .calendar .calendar_tit .controls .current {margin: 0 10px; font-size: 1.2em; }
  .calendar .calendar_tit .controls .btn {width: 9px; height: 13px;}
}