.d_day {display: flex; justify-content: center; background: url(/gcb2026/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; height: 100px;}
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(/gcb2026/resources/assets/img/logo.png) no-repeat; background-size: 100%;}
header .header_wrap.pc_hd nav {width: 100%;background: #fff; position: absolute; top: 100px; left: 0; right: 0;}
header .header_wrap.pc_hd nav ul.depth1 {display: flex; flex-direction: column; justify-content: space-between; max-width: 1500px; margin: 0 auto; padding: 0 10px;}
header .header_wrap.pc_hd nav ul.depth1 > li {position: relative; text-align: center; transition: .1s; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #eee;}
header .header_wrap.pc_hd nav ul.depth1 > li a span {position: relative; display: flex; align-items: center;}
header .header_wrap.pc_hd nav ul.depth1 > li ul.depth2 > li a span::after {content: "";
  display: inline-block; width: 1px; height: 14px; background-color: #bbb; margin: 0 12px;}
header .header_wrap.pc_hd nav ul.depth1 > li ul.depth2 > li:last-child a span::after {content: none;}
header .header_wrap.pc_hd nav ul.depth1 > li a span:hover > a {font-weight: bold;}
/*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: 33px 0;font-size: 44px; font-weight: 500;}
header .header_wrap.pc_hd nav ul.depth1 > li > a span {position: relative; display: inline-block; font-family: 'tdc'; font-weight: normal !important; letter-spacing: -1px;}
header .header_wrap.pc_hd nav ul.depth1 > li > a span::after {content: ""; position: absolute; left: 0; bottom: -4px; width: 0; height: 3px; background: #000; transition: width 0.3s ease;}

/* hover 시 밑줄 생성 */
header .header_wrap.pc_hd nav ul.depth1 > li > a:hover span::after {
  width: 100%;
}
header .header_wrap.pc_hd nav ul.depth1 > li > ul.depth2 {background: #fff; z-index: 10; display: flex;}
header .header_wrap.pc_hd nav ul.depth1 > li > ul.depth2 > li > a {display: block;font-size: 24px; color: #252525; transition: .2s;}
header .header_wrap.pc_hd nav ul.depth1 > li > ul.depth2 > li > a:hover {font-weight: bold;}
header .header_wrap.pc_hd .util {display: flex; align-items: center;}
header .header_wrap.pc_hd .gnb_menu a {
  display: block;
  width: 111px;
  height: 33px;
  background: url(/gcb2026/resources/assets/img/btn_menu_open.png) no-repeat;
}
header .header_wrap.pc_hd nav ul.depth1 > li > ul.depth2 > li > ul.depth2 {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 6px;
    padding: 0;
    list-style: none;
    padding-left: 12px;
}

header .header_wrap.pc_hd nav ul.depth1 > li > ul.depth2 > li > ul.depth2 > li {
    margin: 0;
    padding: 0;
}

header .header_wrap.pc_hd nav ul.depth1 > li > ul.depth2 > li > ul.depth2 > li > a {
    display: block;
    position: relative;
    padding: 1px 0 1px 10px;
    color: #222;
    font-size: 16px;
    line-height: 1em;
    text-decoration: none;
    padding-left: 10px;
}

header .header_wrap.pc_hd nav ul.depth1 > li > ul.depth2 > li > ul.depth2 > li > a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 1px;
    background: #222;
    transform: translateY(-50%);
}

header .header_wrap.pc_hd nav ul.depth1 > li > ul.depth2 > li > ul.depth2 > li > a:hover {
    color: #888;
}
/* 열렸을 때 (닫기 버튼) */
header .header_wrap.pc_hd.open .gnb_menu a {
  background: url(/gcb2026/resources/assets/img/btn_menu_close.png) no-repeat;
}

/* gnb 열림 상태 (예시) */
header .header_wrap.pc_hd.open nav {
  display: block;
}

/* 기본은 숨김 (예시) */
header .header_wrap.pc_hd nav {
  display: none;
}
header .header_wrap.pc_hd .side_btn.m_btn {display: none;}
header .header_wrap.pc_hd .side_btn.m_btn a {display: block; width: 111px; height: 33px; background: url(/gcb2026/resources/assets/img/btn_menu_open.png) no-repeat;}
header .header_wrap.pc_hd .language {position: relative; margin-right: 50px;}
header .header_wrap.pc_hd .language .current {display: flex; align-items: center; padding: 10px 20px; border: 2px solid #000;}
header .language .current::after {content: ''; display: inline-block; width: 10px; height: 7px; margin-left: 25px; background: url(/gcb2026/resources/assets/img/ico_dropdown.png);}
header .pc_hd .language .drop {position: absolute; top: 38px; width: 111px; z-index: 10;
  background: #fff; overflow: hidden; transition: 0.2s; height: 0;}
header .pc_hd .language .drop a {display: flex; justify-content: flex-start; align-items: center; padding: 10px 20px; border: 2px solid #000;}
header .pc_hd .language .drop.open {height: 40px;}
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(/gcb2026/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(/gcb2026/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(/gcb2026/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;}

/*screensaver*/
.screensaver {position: absolute;top: 38%; left: 50%; transform: translate(-50%, -20%);
  font-size: 120px; text-align: center; display: none; z-index:9999; font-family: 'tdc', sans-serif;}
.screensaver .shape {position: absolute; width: 60%;}
.screensaver .shape.s1 {width: 19px; top: -32%; left: 43%;}
.screensaver .shape.s2 {top: 52%;left: 77%; width: 220px;}
.screensaver .shape.s3 {top: 89%; left: 58%; width: 35%;}
.main_vis.video-hidden{
    opacity:0;
    pointer-events:none;
}
/*메인비주얼*/
.mainvis {
  width: 100%;
  overflow: hidden;
}

.mainvis .main_vis {
  width: 100%;
}

.mainvis .inner {
  display: flex;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
}

/* ── 왼쪽: 영상 ── */
.mainvis .vis_left {
  flex: 0 0 50%;
  overflow: hidden;
}

.mainvis .vis_left video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ── 오른쪽: 이미지 ── */
.mainvis .vis_right {
  flex: 0 0 50%;
  overflow: hidden;
  margin-top: -2px;
}

.mainvis .vis_right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 모바일 영상 분기 */
.mainvis .vis_left .mo { display: none; }
@media (max-width: 990px) {
  .screensaver .dday, .screensaver .clock {font-size: 80px;}
  .clock {margin-top: -45px;}
  .screensaver .shape.s1 {width: 7px; top: -40%; left: 50%;}
  .screensaver .shape.s2 {top: 49%; left: 77%; width: 90px;}
  .screensaver .shape.s3 {top: 97%; left: 58%; width: 28%;}
  .screensaver .shape.s4 {}
}
/* ============================================================
   모바일 (768px 이하)
============================================================ */
@media (max-width: 768px) {
   .screensaver {top: 50%;}
  .screensaver .dday, .screensaver .clock {font-size: 110px;}
  .screensaver .shape.s1 {width: 12px; top: -23%; left: 44%;}
  .screensaver .shape.s2 {top: 54%; left: 77%; width: 145px;}
  .screensaver .shape.s3 {top: 92%; left: 61%; width: 31%;}
  .mainvis .inner {
    flex-direction: column;
  }

  .mainvis .vis_left,
  .mainvis .vis_right {
    flex: none;
    width: 100%;
  }

  .mainvis .vis_left .pc { display: none; }
  .mainvis .vis_left .mo { display: block; }
}
@media (max-width: 520px) {
  .screensaver .dday, .screensaver .clock {
        font-size: 68px;}
.screensaver .shape.s2 {
        width: 84px;
    }
}

/* section */
section {margin-bottom: 140px;}
section.mainvis {margin-bottom: 120px; padding-top: 100px; position: relative;}
/* 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(/gcb2026/resources/assets/img/ico_vis_arrow.png) no-repeat;}
.main_vis .main_swiper .controls .btn.next {width: 40px; height: 40px; background: url(/gcb2026/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; justify-content: space-between;}
.quick_menu .quick_list ul li {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(/gcb2026/resources/assets/img/quick_img_01.jpg) no-repeat; background-size: cover;}
.quick_menu .quick_list ul li:nth-child(2) {background: url(/gcb2026/resources/assets/img/quick_img_02.jpg) no-repeat; background-size: cover;}
.quick_menu .quick_list ul li:nth-child(3) {background: url(/gcb2026/resources/assets/img/quick_img_03.jpg) no-repeat; background-size: cover;}
.quick_menu .quick_list ul li:nth-child(4) {background: url(/gcb2026/resources/assets/img/quick_img_04.jpg) no-repeat; background-size: cover;}
.quick_menu .quick_list ul li:nth-child(5) {background: url(/gcb2026/resources/assets/img/quick_img_05.jpg) no-repeat; background-size: cover;}
.quick_menu .quick_list ul li:last-child {background: url(/gcb2026/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(/gcb2026/resources/assets/img/ico_slide_arrow.png) no-repeat; left: 0;}
.swiper_type1 .btn.next {background: url(/gcb2026/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: 44px; font-weight: 700;}
h2.font_sub {font-weight: normal;}

.title_area.col  {width: 100%; max-width: 330px; margin-right: 22px;}
.title_area.col .title {display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}
.title_area.sns {display: flex; margin-bottom: 35px;}
.title_area.sns .title {display: flex; justify-content: space-between; align-items: center; width: 100%;}
.title_area.sns .title .title-wrap .sub-tit {display: block; margin-bottom: 10px;}
.title_area.sns img {}

/* 행사 */
.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(/gcb2026/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(/gcb2026/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(/gcb2026/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 .notice_tab {display: flex;  margin-bottom: 18px; align-items: center;
justify-content: space-between;}
.notice .notice_tab div{display: flex; gap:50px;}
.notice .notice_tab .sub-tit {display: inline-block; margin-bottom: 15px; font-size: 16px; font-weight: bold;}
.notice .notice_tab a {position: relative; color: #bbb;}
.notice .notice_tab a.active {color: #000;}
.notice .notice_tab div a::after { content: ''; position: absolute; right: -23px; top: 70%;  transform: translateY(-50%); width: 1px; height: 27px; background: #bbb;}
.notice .notice_tab a:last-child::after {display: none;}
.notice .inner {display: flex; align-items: flex-start; height: 460px;}
.calendar {padding: 30px 25px 20px; border: 1px solid #000;}
.calendar .calendar_tit {display: flex; justify-content: space-between; padding-bottom: 15px; margin-bottom: 10px;}
.calendar .calendar_tit strong {font-size: 1.55em;}
.calendar .calendar_tit .controls {display: flex; align-items: center;}
.calendar .calendar_tit .controls .btn {width: 40px; height: 40px; background: url(/gcb2026/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 {}
.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 {border-bottom: 1px solid #000; 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: 500;}
.calendar .monthly table tbody tr td a.check {background: black; color: #fff;}
.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_prev {display: none;}
.notice_prev .list_prev.active {display: block;}
.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; min-width: 90px;}
.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;}

section.sns {background: url(/gcb2026/resources/assets/img/bg-sns.png) no-repeat center center; background-size: cover; padding: 60px 10px 150px; position: relative;}
section.sns .sns_swiper .insta_swiper .swiper-wrapper {}
section.sns .sns_swiper .swiper-slide {}
section.sns .sns_swiper .swiper-slide a {display: block;}
section.sns .sns_swiper .swiper-slide a img {width: 100%; height: 100%;}
section.sns .controls {position: absolute; bottom: 50px; left: 0; right: 0; display: flex; justify-content: center; align-items: center;}
section.sns .controls .btn {width: 55px; height: 55px;}
section.sns .controls .btn img {width: 100%; height: 100%;}
section.sns .swiper-pagination-bullets {background: #fff; width: auto; padding: 14px 20px; height: 40px; border-radius:20px; margin: 0 16px;}
section.sns .swiper-pagination-bullet {width: 12px !important; height: 12px !important; background: #DBDBDB !important;}
section.sns .swiper-pagination-bullet-active {background: #3843C4 !important;}

.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: #9A9A9A;}
footer .footer_top {border-bottom: 1px solid rgba(255, 255, 255, 0.30);}
footer .footer_top .inner {display: flex; align-items: center; max-width: 1500px; margin: 0 auto; padding: 25px 10px;}
footer .footer_top .host_item {display: flex; align-items: center;}
footer .footer_top .host_item img {max-width: 90%; margin-right: 40px;}
footer .info {}
footer .info_area {display: flex; flex-direction: column;}
footer .info_area .logo_area {display: flex; align-items: center; margin-bottom: 24px;}
footer .copy p {font-size: 18px; color: #fff; line-height: 1.5;}
footer .copy p.bold {font-size: 20px; font-weight: 500;}
footer .family_area {display: flex; flex-direction: column; align-items: center;}
footer .family_area a:first-child {margin-bottom: 35px;}
footer .link_area a {font-size: 24px; font-weight: 500; color: #fff;}
footer .link_area a::after {content: ''; display: inline-block; width: 2px; height: 15px; margin: 0 12px; background: #D9D9D9;}
footer .link_area a:last-child::after {display: none;}
footer .inner.common {display: flex; justify-content: space-between; align-items: flex-end; padding: 50px 10px;}
footer .inner.common .logo {margin-right: 60px; filter: invert(1);}
.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 .gnb_menu {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: 35px;}
  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.sns .controls .btn {width: 40px; height: 40px;}
  section.sns .title_area.sns img {width: 35px;}
  section.sns h2 {font-size: 1.5em;}
  section.mainvis {padding-top: 100px; 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 .inner {height: auto;}
  .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%;}

  footer .family_area {width: 100%; justify-content: center;}
  footer .footer_top .host_item img {margin-right: 20px;}
}

@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;}

  footer .footer_top .inner {flex-direction: column;}
  footer .info_area .logo_area {flex-direction: column; align-items: flex-start;}
  footer .link_area a {font-size: 20px;}
  footer .copy p.bold {font-size: 18px;}

}

@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%;}
  .notice_prev .list_prev ul li .date{margin-right: 20px; min-width: 80px;}
}

@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;}
}