.list_style02 li.alt{text-align:left !important;}

/*타임라인*/
strong.color_01{color:#c2dce5;}
strong.color_02{color:#efdfed;}
strong.color_03{color:#cde3b4;}
strong.color_04{color:#d8d8d8;}

.table_style td.color_01{background:#c2dce5}
.table_style td.color_02{background:#efdfed}
.table_style td.color_03{background:#cde3b4}
.table_style td.color_04{background:#d8d8d8}

.img_wrap img{max-width:100%;}

/*링크btn*/
.link_btn_wrap{text-align:center;}
a.link_btn{display:inline-block; padding:10px 20px; border-radius:5px; background:var(--main_theme_color); color:#fff; border:1px solid var(--main_theme_color); transition:0.3s; font-size:20px;}
a.link_btn:hover{background:#fff; color:var(--main_theme_color); font-weight:600;}

/* 상단 메뉴 위치 */
.page_title {padding-top: 100px;}
.page_title_wrap {background: url(/gcb2026/resources/assets/img/sub/sub-bg.png) no-repeat; width: 100%; height: 230px; display: flex; justify-content: center; align-items: center; flex-direction: column; background-size: cover;}
.page_title_wrap h2 {font-size: 50px; font-weight: 700; margin-bottom: 30px;}
.page_title_wrap ul {display: flex; align-items: center;}
.page_title_wrap ul li {display: flex; color: #666; font-size: 18px; margin-right: 6px;}
.page_title_wrap ul li:last-child {margin-right: 0;}
.page_title .current {border-bottom: 1px solid #eee;}
.page_title .current ul {display: flex; justify-content: center; padding: 14px 0;}
.page_title .current ul li {}
.page_title .current ul li a {display: flex; align-items: center; font-size: 18px; color: #666; padding: 12px 35px;}
.page_title .current ul li a.active {font-weight: 700; background: #000; color: #fff;}

.page_title .current ul li>ul{display:none;}

/* 서브 텍스트 스타일 */
.sub_txt {font-size: 20px; line-height: 36px;}

.index-page { display: none; }
.index-page:target { display: block; }

/* 서브 타이틀 */
.sub_title {margin-top: 70px;}
.sub_title .title_wrap {display: flex; flex-direction: column; align-items: center; margin-bottom: 60px;}
.sub_title .title_area {display: flex; flex-direction: column; align-items: center;}
.sub_title .title_area strong {font-size: 2.8em; font-weight: 800;}
.sub_title .bread_crumbs {display: none; margin-top: 15px;}
.sub_title .bread_crumbs ul {display: flex; align-items: center;}
.sub_title .bread_crumbs ul li {display: flex; align-items: center; font-size: 1.25em; color: #333;}
.sub_title .bread_crumbs ul li::after {content: ''; display: inline-block; width: 5px; height: 9px; margin: 0 10px; background: url(/gcb2026/resources/assets/img/bread_arrow.png);}
.sub_title .bread_crumbs ul li:last-child {text-decoration: underline; text-underline-position: under; color: #000;}
.sub_title .bread_crumbs ul li:last-child::after {display: none;}
.container{max-width: 1500px; margin: auto; padding:0 20px;}

.mt_0{margin-top:0 !important;}
.mgb_5{margin-bottom:5px !important;}
.mgb_10{margin-bottom:10px !important;}
.mgb_15{margin-bottom:15px !important;}
.mgb_20{margin-bottom:20px !important;}
.mgb_25{margin-bottom:25px !important;}
.mgb_30{margin-bottom:30px !important;}
.mgb_35{margin-bottom:35px !important;}
.mgb_40{margin-bottom:40px !important;}
.mgb_50{margin-bottom:50px !important;}
.mgb_60{margin-bottom:60px !important;}
.mgb_80{margin-bottom:80px !important;}
.mgb_100{margin-bottom:100px !important;}

.tal{text-align:left !important;}
/*공모전 참여작가*/

.artist-list {columns: 2; column-gap: 0;}
.artist-row {display: flex; align-items: center; padding: 10px 0; border-bottom: 1px solid #f0f0f0; break-inside: avoid;}
.artist-dot {width: 4px; height: 4px; border-radius: 50%; background: #bbb; margin-right: 10px; flex-shrink: 0;}
.artist-name {font-size: 1rem; color: #222;}
@media (max-width: 768px) {
    .artist-list {
        columns: 1;
    }
}
/*전시_style*/
.Ybg{position:relative;}
.Ybg:before{content:''; width:100%; height:3000px; display:inline-block; position:absolute; top:0; left:0; background: url(/gcb2026/resources/assets/img/sub/02/Ybg.png) no-repeat; background-size: contain; z-index:-1;}
.Ybg:after{content:''; width:100%; height:3000px; display:inline-block; position:absolute; bottom:0; left:0; background: url(/gcb2026/resources/assets/img/sub/02/Ybg.png) no-repeat; background-size: contain; z-index:-1; transform: rotate(-180deg);}
.content_wrap{padding:0 0 100px;}
.content_wrap .tit{font-size:38px; font-weight: 700; line-height: 1.2; padding-bottom:18px; border-bottom:2px solid #d9d9d9; margin-bottom:50px;}
.content_wrap .tit2{font-size:30px; font-weight: 800; line-height: 1.2; margin-bottom:18px;}

.content_wrap .img_wrap {display: flex; justify-content: center; margin-bottom:45px;}
.content_wrap .img_wrap.w50 {flex-wrap: wrap; justify-content: flex-start; gap: 30px;}
.content_wrap .img_wrap.w50 .item {width:calc(50% - 30px);}
.content_wrap .img_wrap.w50 .item:last-child {margin-right: 0;}
.content_wrap .img_wrap .left{width:calc(25% - 30px); margin-right:30px;}
.content_wrap .img_wrap .left .item {}
.content_wrap .img_wrap .item .exhibit_img {position: relative; height: 100%;}
.content_wrap .img_wrap .item .exhibit_img img {width: 100%; max-height: 500px; height: 100%;}
.content_wrap .img_wrap .right{display: flex;}
.content_wrap .img_wrap .right .item { width:calc(100% - (25% - 30px)); margin-right:30px;}
.content_wrap .img_wrap .right .item:last-child{margin-right: 0;}
.content_wrap .img_wrap .exhibit_img p {padding: 10px 0 0; line-height: 1.3;}

.content_wrap .img_wrap.location {}
.content_wrap .img_wrap.location .item {width: calc((100% - 40px)/3); margin-right: 20px; text-align: center;}
.content_wrap .img_wrap.location .item:last-child {margin-right: 0;}
.content_wrap .img_wrap.location .item img {width: 100%;}
.content_wrap .img_wrap.location .item strong {display: inline-block; font-size: 1.5em; font-weight: bold; margin-top: 10px; margin-bottom: 15px;}
.content_wrap .img_wrap.location .item p {font-size: 1.2em;}

.artist_info.column2 .item .img_wrap img {width: 350px;}
.column2 .item {display: flex; justify-content: center; margin-bottom: 50px;}
.column2 .item {display: flex; justify-content: center; margin-bottom: 50px;}
.column2 .item .left {align-items: flex-start;}
.column2 .item .left img {width: 100%;}
.column2 .item .right {width: calc(100% - 482px); padding-left: 50px;}

.content_wrap .img-wrap img {width: auto; max-width: 100%}

.content_wrap .left_img {}
.content_wrap .left_img ul {display: flex; flex-direction: column;}
.content_wrap .left_img ul li {padding: 28px; margin-bottom: 20px;}
.content_wrap .left_img ul li {display: flex; border-radius: 20px; border: 1px solid #dadada;}
.content_wrap .left_img ul li .img-wrap {min-width: 35%; display: flex; justify-content: center; align-items: center;}
.content_wrap .left_img ul li .img img {width: 100%; height: 100%; object-fit: contain;}
.content_wrap .left_img ul li .txt {width: 65%; display: flex; align-items: center;}
.content_wrap .left_img ul li .txt strong {font-size: 26px;}
.content_wrap .left_img ul li .txt p {font-size: 18px; word-break: keep-all;}
.content_wrap .left_img ul li .txt::before {content: ''; display: inline-block; width: 1px; height: 326px; background: #DADADA; margin: 0 30px;}

.content_wrap .sub_tit{font-size:25px; line-height: 1.4; font-weight: 800; margin-bottom:30px;}
.content_wrap .sub_tit2{font-size:20px; line-height: 1.4; font-weight: 600; margin-bottom:15px;}
.content_wrap .sub_tit3{display: flex; align-items: center; font-size:28px; line-height: 1em; font-weight: 600; margin-bottom:15px;}
.content_wrap .sub_tit3::before{content: ''; display: inline-block; width: 4px; height: 34px; background: #000; margin-right: 10px;}
.content_wrap .txt{font-size:20px; line-height: 1.75em;}
.content_wrap .txt .indent {text-indent: 10px;}
.content_wrap .txt .txt_style01{font-size: 1.4em;}
.content_wrap .btn_wrap{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.content_wrap .btn_wrap p{text-align: left;}
.content_wrap .btn_wrap a {display: inline-block; padding: 4px 20px; border-radius: 7px;
    background: #020202; color: #fff; font-size: 19px; text-decoration: none; font-weight: 500;
    transition: background-color 0.25s ease, transform 0.25s ease;}
.content_wrap .btn_wrap a:hover {background: #1a1a1a; /* 살짝 밝게 */ transform: translateY(-1px);}
.content_wrap .info_wrap{margin-top:80px; border-top:2px solid #000; border-bottom:2px solid #000; padding:80px 0;}
div.event_line{border-bottom:1px dotted #000;}
.content_wrap .info_wrap.noLine{border-top: 0;}
.content_wrap .info_wrap .info{display: flex; justify-content: space-between; font-size:20px;}
.content_wrap .info_wrap .info .left{width:calc(50% - 15px); margin-right:30px;}
.content_wrap .info_wrap .info .left.item {}
.content_wrap .info_wrap .info .left.item .exhibit_img {width: 560px; height: 500px;}
.content_wrap .exhibit_img.video {height: 600px;}
.content_wrap .exhibit_img.video video,.content_wrap .exhibit_img.video img {height: 100%;}
.content_wrap .info_wrap .info .left.item .exhibit_img img {width: 100%; height: 100%;}
.content_wrap .exhibit_img.video {}
.content_wrap .info_wrap .info .right{width:calc(50% - 15px);}
.content_wrap .info_wrap dl{ display:flex; margin:0; margin-bottom:35px;}
.content_wrap .info_wrap .info.v_info dl{margin-bottom:15px; line-height:1.3em;}
.content_wrap .info_wrap dl:last-child{margin-bottom:0;}
.content_wrap .info_wrap dl dt{display:inline-block; font-weight: 700; margin-right:15px; word-break: keep-all;}
.content_wrap .info_wrap .v_info dl dt{text-align:justify; min-width:75px; max-width:75px;}
.content_wrap .info_wrap .v_info dl dt:after{content: ''; display: inline-block; width: 100%;}

.content_wrap.eng .info_wrap .v_info dl dt{text-align:left; min-width:125px; max-width:125px;}
.content_wrap.eng .info_wrap .v_info dl dt:after{display:none;}

.content_wrap .info_wrap dl.bl_item{display:block;}
.content_wrap .info_wrap dl.bl_item dt{margin-right:0; margin-bottom:10px;}

.link_wrap{display:flex;}
table .link_wrap{justify-content:center;}
.link_wrap a{display: flex; align-items: center; min-width: 160px; justify-content: center; padding:10px 20px; background-color: #000; color: #fff;}

.artist_list {margin-bottom: 30px;}
.artist_list ul {display: flex; flex-wrap: wrap;}
.artist_list ul li {margin-right: 20px; margin-bottom: 20px;}
.artist_list ul li a {display: inline-block; font-size: 1.3em; border: 1px solid #ccc; padding: 10px;}
/*.artist_info {padding: 0 80px;}*/
.artist_list ul li .active {color: #3A57D0; border: 1px solid #3a57da;}
.artist_info .column2 .item {margin-bottom: 20px; justify-content: flex-start;}
.artist_info .column2 .item .img_wrap {max-width: 450px;}
.artist_info .column2 .item .right {width: calc(100% - 300px);}
.artist_cont {
  display: none;
}

.artist_cont.active {
  display: block;
}

.artist_list a.active {
  font-weight: 700;
  color: #AE842C;
}
/*.artist_work_wrap {position: relative; margin: 0 auto; padding: 0 80px;}
.artist_work_wrap .artist_work {}
.artist_work_wrap .artist_work .swiper-slide {}
.artist_work_wrap .artist_work .swiper-slide .slide-wrap {display: flex;}
.artist_work_wrap .artist_work .swiper-slide .slide-wrap {display: flex; gap: 35px;}
.artist_work_wrap .artist_work .swiper-slide .img_wrap {display: flex; flex-direction: column; width: 300px; flex-shrink:0; margin-bottom: 0;}
.artist_work_wrap .artist_work .swiper-slide .img_wrap img {width: 300px; max-width: 300px;}
.artist_work_wrap .artist_work .swiper-slide .img_wrap p {margin-top: 10px; line-height: 1.2;}
.artist_work_wrap .artist_work .swiper-slide .txt {flex: 1; min-width: 0;}
.artist_work_wrap .btn {position: absolute; z-index: 1;}
.artist_work_wrap .btn.prev {left: 0; top: 50%;}
.artist_work_wrap .btn.next {right: 0; top: 50%;}*/
.artist_work_wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 80px;
  position: relative;
}
.work_swiper {
  width: 100%;
  margin-bottom: 10px;
}

.work_swiper .swiper-slide img {
  width: 100%;
  display: block;
  border-radius: 10px;
}
.work_swiper .txt {margin-top: 10px; font-size: 15px; line-height: 1.3;}

.work_thumb {
  width: 100%;
  padding: 0 80px;
}

.work_thumb .swiper-wrapper {
  align-items: center;
}

.work_thumb .swiper-slide {
  width: 100px;
  height: 70px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 6px;
  box-sizing: border-box;
  opacity: 0.7;
}

.work_thumb .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.work_thumb .swiper-slide-thumb-active {
  opacity: 1;
}
.artist_work_wrap .btn {position: absolute; z-index: 1;}
.artist_work_wrap .btn.prev {left: 0; top: 50%;}
.artist_work_wrap .btn.next {right: 0; top: 50%;}
.artist_work_wrap .work_desc p {margin-top: 10px; font-size: 20px; line-height: 1.3;}

/*입장권 안내*/
.ticket-section {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

/* 타이틀 */
.ticket-title {
    font-size: 18px;
    font-weight: 600;
    color: #222;
}

/* 링크 그룹 */
.ticket-links {
    display: flex;
    gap: 10px;
}

/* 공통 버튼 */
.ticket-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    border: 1px solid #e0e0e0;
    background: #fff;
    color: #333;
    transition: all 0.2s ease;
}

/* hover */
.ticket-link:hover {
    border-color: #1e5dc4;
    color: #1e5dc4;
    background: #f6f9ff;
    transform: translateY(-1px);
}

/* 아이콘 기본 */
.ticket-link .icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    color:#3a57da;
    font-weight: 700;
}

/* 네이버 예약 */
.ticket-link.naver .icon {
    background-image: url("/icons/naver.svg");
}

/* 티켓링크 */
.ticket-link.ticketlink .icon {
    background-image: url("/icons/ticketlink.svg");
}
/*참여작가*/
.artist_cont {
  width: 100%;
}

.artist-gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto;
}

.artist-gallery img {
  width: 100%;
  height: 330px;
  display: block;
  object-fit: cover;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.artist-gallery img:hover {
  transform: scale(1.03);
}

/* 반응형 */
@media (max-width: 1024px) {
  .artist-gallery {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .artist-gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .artist-gallery {
    grid-template-columns: 1fr;
  }
  .content_wrap .btn_wrap{gap: 10px;}
}
/*작가인터뷰*/
.interview_modal{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.7);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:9999;
}

.interview_modal.active{
    display:flex;
}

.modal_inner{
    width:min(900px,90%);
    max-height:85vh;
    overflow:auto;
    background:#fff;
    border-radius:20px;
    padding:30px;
    position:relative;
}

.modal_close{
    position:absolute;
    right:20px;
    top:20px;
    border:0;
    background:none;
    font-size:34px;
    cursor:pointer;
}

.modal_inner h2{
    font-size:32px;
    margin-bottom:40px;
    border-bottom: 1px solid #a3a3a3;
    padding-bottom: 15px;
}

.qa{
    margin-bottom:40px;
}

.qa h3{
    font-size:20px;
    margin-bottom:15px;
    color:#111;
    line-height: 1.6rem;
    position: relative;
    z-index: 1;
}
.qa h3:before{
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #b6c4ff;
    position: absolute;
    top: -1px;
    left: -5px;
    z-index: -1;
}
.qa span{
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 13px;
    display: block;
    color: #444
}
.qa p{
    white-space:pre-line;
    line-height:1.9;
    color:#555;
}
/*아이덴티티*/
.symbol {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
}
.symbol h2{
  color:#444;
}
.symbol p{
  margin-bottom: 30px;
  color:#666;
}
.symbol .img {
    min-width: 300px !important;
}
.symbol .img:before,
.symbol .img:after{
  display: none;
}
/* 미래에게_28명 차세대 아티스트 */
.future_artist_cont {
  width: 100%;
}

.future_artist_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  padding: 0 100px 100px 100px;
}

.future_artist_item {
  display: block;
  width: 100%;
  border: 0;
  background: none;
  padding: 0;
  margin: 0;
  text-align: center;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

/* 이미지 박스 */
.future_img_box {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border: 1px solid #ddd;
  margin-bottom: 18px;
}

.future_default_img,
.future_hover_img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.future_default_img img,
.future_hover_img img {
  
  height: 100%;
  object-fit: cover;
  display: block;
  margin:0 auto;
}
.future_hover_img{display: none;}
/* 기본은 인물 이미지 보이기 */
.future_default_img {
  opacity: 1;
  transition: opacity 0.3s ease;
  z-index: 1;
}

/* hover 이미지는 처음엔 숨김 
.future_hover_img {
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
}*/

/* hover 시 작품 이미지 보이기
.future_artist_item:hover .future_hover_img {
  opacity: 1;
}

.future_artist_item:hover .future_default_img {
  opacity: 0;
}*/

/* 텍스트는 항상 아래 고정 */
.future_info {
  margin-top: 0;
  min-height: 90px; 
}

.future_info p {
  margin: 0;
  line-height: 1.5;
  font-size: 1.3rem;
}

/* 팝업 */
.future_popup {
  position: fixed;
  inset: 0;
  z-index: 99999;
}

.future_popup_dim {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
}

.future_popup_inner {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(900px, calc(100% - 40px));
  max-height: calc(100vh - 80px);
  padding: 30px;
  background: #fff;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  overflow-y: auto;
}

.future_popup_close {
  position: absolute;
  right: 20px;
  top: 20px;
  padding: 8px 14px;
  border: 0;
  background: #000;
  color: #fff;
  cursor: pointer;
  z-index: 2;
}

.future_popup_img_wrap {
  margin-bottom: 20px;
  text-align: center;
}

.future_popup_img {
  max-width: 100%;
  max-height: 70vh;
  object-fit: contain;
}

.future_popup_caption {
  font-size: 18px;
  line-height: 1.6;
  word-break: keep-all;
}

/* 반응형 */
@media (max-width: 1024px) {
  .future_artist_grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 20px;
    padding: 0;
  }

  .future_info .name_ko {
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  .future_artist_grid {
    grid-template-columns: repeat(2, 1fr);
    padding: 0;
  }
  .symbol {
    flex-direction: column;
    align-items: center;
 }
 .symbol .img{align-self: center;}
}

@media (max-width: 480px) {
  .future_artist_grid {
    grid-template-columns: 1fr;
    padding: 0;
  }

  .future_info .name_ko {
    font-size: 22px;
  }

  .future_popup_inner {
    padding: 24px 18px;
  }
}





/*sub_tab*/


/*본전시*/
#chapter_01,
#chapter_02,
#chapter_03 {
    scroll-margin-top: 200px; /* 헤더 + 탭 높이만큼 조정 */
}
/* 상단 타이틀 */
.chapter_title {
  font-size: 20px;
  font-weight: bold;
  background: #ddd;
  padding: 10px 15px;
  margin-bottom: 15px;
  display: inline-block;
}


/* 버튼 영역 */
.chapter_btns {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 25px;
}

.chapter_btns a {
  display: inline-block;
  padding: 10px 22px;
  border: 1px solid #999999;
  background: #fff;
  text-decoration: none;
  color: #000;
  font-size: 16px;
  transition: 0.2s;
}

.chapter_btns a:hover {
  background: #333;
  color: #fff;
}

/* 하단 박스 */
.chapter_box {
  border: 1px solid #ccc;
  padding: 15px;
  background: #fafafa;
}

.chapter_box title {
  font-weight: bold;
  margin-bottom: 10px;
}


/* 하단 링크 버튼 */
.chapter_box_link {
  display: inline-block;
  padding: 8px 12px;
  border: 1px solid #333;
  text-decoration: none;
  font-size: 13px;
  color: #000;
}

.chapter_box_link:hover {
  background: #333;
  color: #fff;
}


/*행사구성*/
.event-wrap {
    margin-bottom: 16px;
}

.event-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 30px;
}
.event-grid.en .event-item{
  flex-direction: column;
  height: auto !important;
}
.event-item {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    padding: 20px 24px;
    background: #fAFAFA;
    height: 180px;
}
.event-item.auto{
  height: auto;
}

.event-item .label {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    white-space: nowrap;
    min-width: 100px;
    line-height: 1.5;
    min-width: 210px;
    letter-spacing: -1px;
}

.event-item .info ul {
    list-style: none;
    padding: 0;
    margin: 0;
    
}
.event-item .info ul li{
    font-size: 17px;
    color: #000;
    line-height: 1.6;
}
.event-item .info ul li::before {
    content: '• ';
    color: #000;
}



@media (max-width: 1200px) {
    .event-grid {
        grid-template-columns: 1fr;
    }

    .event-item {
        flex-direction: column;
        gap: 12px;
        height: auto !important;
    }
}

.content_wrap .info_wrap dl dd{width:calc(100% - 85px); margin:0;}
.content_wrap .info_wrap.event{margin-top:0; padding:40px 0;}

.list_style{list-style: none; margin:0; padding:0; line-height: 1.75em; text-align:left !important; font-size:18px;}
.list_style li{display: flex;}
.list_style li span{margin-right:5px;}
.list_style li span.info_w{min-width:73px;}

.list_style02{list-style: none; margin:0; padding:0; font-size:20px; text-align:left !important;}
.list_style02 li{background: url(/gcb2026/resources/assets/img/sub/ico_bullet3.png) no-repeat 0 11.5px; padding-left:20px; line-height:1.6em;}

.info_list .list_style02{line-height:1.75em;}
.info_list .list_style02 li{background:url(/gcb2026/resources/assets/img/sub/ico_bullet.png) no-repeat 0 13px;}
.info_list .list_style02 li span{font-weight:500;}

.list_style02 .list_style03{margin-top:10px;}
.list_style03{line-height: 1.75em; text-align:left !important; font-size:20px;}
.list_style03 li{background: url(/gcb2026/resources/assets/img/sub/ico_bullet02.jpg) no-repeat 0 16.5px; padding-left:13px;}
.list_style02 li.nong,
.list_style03 li.nong{background: none !important;}
.list_style04{line-height: 1.75em; text-align:left !important;}
.list_style04 li span{font-weight: bold;}

.list_style05 {}
.list_style05 ul {display: flex;}
.list_style05 ul li {display: flex; align-items: center; margin-right: 15px; font-size: 1.2em; line-height: 1.3; word-break: keep-all;}
.list_style05.result ul li:last-child {margin-right: 0;}
.list_style05.result ul li::before {content: ''; display: inline-block; width: 20px; height: 30px; margin-right: 10px;}
.list_style05.result ul li:first-child::before {width: 24px; height: 24px; background: url(/gcb2026/resources/assets/img/sub/ico_country.png);}
.list_style05.result ul li:nth-child(2)::before {width: 23px; height: 23px; background: url(/gcb2026/resources/assets/img/sub/ico_people.png);}
.list_style05.result ul li:last-child::before {width: 25px; height: 27px; background: url(/gcb2026/resources/assets/img/sub/ico_receive.png);}

.list_style06 > li {position: relative; padding-left: 15px; font-size: 18px; line-height: 1.5; word-break: keep-all;
text-align: left;}
.list_style06 > li > ul {position: relative; margin-top: 10px;}
.list_style06 > li:last-child {margin-right: 0;}
.list_style06 > li::before {content: ''; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; background: #000; border-radius: 50%;}
.list_style06 > li > ul::before {content: ''; position: absolute; top: 0; left: -10px; width: 2px; height: 100%; background: #000;}
.list_style06 > li > ul > li {margin-bottom: 25px;}

/**/
.list_style07 > li {position: relative; padding-left: 15px; font-size: 18px; line-height: 1.5; word-break: keep-all;
text-align: left; display: flex; gap: 4px; flex-wrap: wrap;}
.list_style07 > li > ul {position: relative; }
.list_style07 > li:last-child {margin-right: 0;}
.list_style07 > li::before {content: ''; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; background: #000; border-radius: 50%;}

.list_style07 > li > ul > li {margin-bottom: 4px !important;}


.table_style{width:100%; font-size:20px; word-break:keep-all; line-height:1.6em; border-top:2px solid #000;}
.table_style thead th{background: #fff; color:#000; border-bottom:1px solid #000; border-bottom:2px solid #000; background: #f4F9FD;}
.table_style thead td{border-right:1px solid #000; border-bottom:1px solid #000; text-align:center;}
.table_style thead td:last-child{border-right:0;}
.table_style thead td.right{border-right:1px solid #000;}
.table_style th,.table_style td{padding:10px;}
.table_style th{font-weight: 700;}
.table_style tbody th{background: #f4F9FD;}
.table_style tbody .table_style thead th{background:#ececec; color:#000;}
.table_style tbody .table_style thead th:last-child{border-right:0;}
.table_style tbody th.no_bg{background: none;}
.table_style tbody th, .table_style tbody td {border-right:1px solid #000; border-bottom:1px solid #000; text-align:center;}
.table_style tbody th, .table_style tbody td.left {text-align: left;}
.table_style tbody th.center, .table_style tbody td.center{text-align: center;}
.table_style tbody th.bg, .table_style tbody td.bg {background: #fdffe3; color: #6c20d4;}
.table_style tbody td:last-child{border-right: 0;}
.table_style tbody td.border_right {border-right: 1px solid #000;}
.table_style img{max-width:100%; min-width:200px; width:200px;}

.table_style td .info{margin-top:10px;}
.table_style td .info .desc{height:3em;}

.table_style.come_info td{vertical-align:top;}

.table_style02{width:100%; font-size:20px; border-top:1px solid #000; border-bottom:1px solid #000;}
.table_style02 th{font-weight: 800; background: #F4F9FD; border-right: 1px solid #000;}
.table_style02 th, .table_style02 td{padding:15px 19px; text-align: left; border-bottom:1px solid #000; border-right: 1px solid #000;}
.table_style02 tr:first-child th:first-child,
.table_style02 tr:first-child td:first-child {
  border-left: 1px solid #000;
}
.table_style02 th:first-child,
.table_style02 td:first-child {
    border-left: 1px solid #000;
}
.table_style02 tr:last-child th ,.table_style02 tr:last-child td{border-bottom:0;}
.table_style02 .img_list {display: flex; gap: 10px;}
.table_style02 .img_list li {display: flex; align-items: center;}


/**/
.table_style03{width:100%; font-size:20px; border-top:1px solid #000; border-bottom:1px solid #ccc; text-align: center;}
.table_style03 th{font-weight: 800; text-align: center;}
.table_style03 td{text-align: left;}
.table_style03 th, .table_style03 td{padding:15px 19px; border-bottom:1px solid #ccc !important; line-height: 1.6rem;}
.table_style03 td.center{text-align: center;}
.table_style03 tr:last-child th ,.table_style03 tr:last-child td{border-bottom:0;}
.table_style03 .img_list {display: flex; gap: 13px;}
.table_style03 .img_list li {display: flex; align-items: center;}
.table_style03.center td{text-align: center;} 

.people_pic_wrap{text-align: center;}
.people_pic_wrap .inner{width:calc(100% - 95px); display: inline-block;}
.people_pic_wrap ul{display: flex; flex-wrap: wrap;}
.people_pic_wrap ul li{width:calc((100% / 8) - 31px); height:163px; background: #ddd; margin-right: 35px; margin-bottom:20px;}
.people_pic_wrap ul li:last-child{margin-right: 0;}

.spon_wrap ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
}

.spon_wrap ul li {
  width: calc((100% - 36px) / 4);
  min-width: 0;
  height: 101px;
  margin-right: 0;
  margin-bottom: 0;
  background: none;
  padding-left: 0;
  border: 1px solid #dedede;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
}

.spon_wrap ul li a {
  width: 100%;
  height: 100%;
  padding: 15px 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.spon_wrap ul li a img {
  /* max-width: 100%;
  max-height: 65px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block; */
}

.author_list {}
.author_list ul {display: flex; flex-wrap: wrap;}
.author_list ul li {font-size: 1.3em; border: 1px solid #ccc; padding: 10px; margin-right: 20px; margin-bottom: 20px;}

.border_line {border-top: 1px solid #D9D9D9; padding-top: 28px; margin-top: 25px; word-break: keep-all;}
.border_box {border: 1px solid #DADADA; padding: 34px 45px; font-size: 20px; border-radius: 20px; line-height: 1.5; word-break: keep-all;}

.edu_img {}
.edu_img ul {display: flex; flex-wrap: wrap; gap: 20px;}
.edu_img ul li {}
.edu_img ul li p {margin-top: 10px;}

/*전시_poster_wrap*/
.content_wrap .info_wrap .poster_wrap{display:flex;}
.content_wrap .info_wrap .poster_wrap .img_wrap{width:45%; max-height:580px; margin-right:80px; margin-bottom:0;}
.content_wrap .info_wrap .poster_wrap .img_wrap img{width:100%; height:100%; object-fit: contain}
.content_wrap .info_wrap .poster_wrap .info{display:block; width:55%; padding:60px 0 0 0;}
.content_wrap .display_wrap {display: flex; align-items: flex-end; margin-bottom: 45px;}
.exhibit_view {position: relative; padding: 0 40px;}
.exhibit_view .btn {color: #000;}
.sub_exhibit_wrap {position: relative; position: relative; padding: 0 50px;}
.sub_exhibit {max-width: 1300px; width: 100%;}
.sub_exhibit .swiper-wrapper {position: relative; max-width: 1350px;}
.sub_exhibit .swiper-slide {width: 25%;}
.sub_exhibit .swiper-slide img {width: 100%; height: 300px; object-fit: cover;}
.sub_exhibit .swiper-slide p {margin-top: 12px;}
.sub_exhibit .btn {position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; color: #000;}
.sub_exhibit_wrap .swiper-button-lock {display: block;}
.sub_exhibit_wrap .swiper-button-next:after, .sub_exhibit_wrap .swiper-button-prev:after {display: none;}
.sub_exhibit_wrap2 {position: relative; position: relative; padding: 0 50px;}
.sub_exhibit2 {max-width: 1300px; width: 100%;}
.sub_exhibit2 .swiper-wrapper {position: relative; max-width: 1350px;}
.sub_exhibit2 .swiper-slide {width: 25%;}
.sub_exhibit2 .swiper-slide img {width: 100%; height: 300px; object-fit: cover;}
.sub_exhibit2 .swiper-slide p {margin-top: 12px;}
.sub_exhibit2 .btn {position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; color: #000;}
.sub_exhibit_wrap .swiper-button-lock {display: block;}
.sub_exhibit_wrap .swiper-button-next:after, .sub_exhibit_wrap .swiper-button-prev:after {display: none;}
.view_swiper {height: 300px; margin-left: 30px !important;}
.view_swiper.m0 {margin-left: 0 !important;}
.view_swiper .swiper-slide {height: 100%;}
.view_swiper .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
.view_swiper.img3 {height: 300px; margin-left: 0 !important;}
.view_swiper.m0 {margin-left: 0 !important;}
.view_swiper .swiper-slide {height: 100%;}
.view_swiper .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}

/*소개*/
.content_wrap{}
.content_wrap .img{min-width: 482px; position: relative; text-align: center; opacity: 1 !important;}
.content_wrap .img img{max-width: 100%;}
.content_wrap .main_bg .img{background: url('/gcb2024/resources/assets/img/sub/info_bk.png') no-repeat center center / cover; padding:10% 0;}
.content_wrap .img::before,
.content_wrap .img::after{content: ""; width: calc(50% + 10px); height: calc(100% + 10px); background: #fff; position: absolute; top: -5px; z-index: 30; transform: scaleX(1);transition: transform 1.5s 0.5s;}
.content_wrap .img::before{left: -5px; transform-origin: left;}
.content_wrap .img::after{right: -5px; transform-origin: right;}
.content_wrap .img.aos-animate::before,
.content_wrap .img.aos-animate::after{transform: scaleX(0);}

.introduce ul li{display: flex;}
.content_wrap .introduce .aos-animate .img::before,
.content_wrap .introduce .aos-animate .img::after{transform: scaleX(0);}

.introduce ul li .text{padding-left:50px; width:calc(100% - 482px);}
.introduce ul li .text .title{font-size:30px; font-weight: 800; line-height: 1em; margin-bottom:15px;}
.introduce ul li .text p{font-size:20px; color:#3c3c3c; line-height: 1.5em; padding:0; margin:0;}
.introduce ul li .text dl{padding:0; margin:0; margin-bottom:20px;}
.introduce ul li .text dl dt{font-size:25px; font-weight: 700; margin-bottom:10px;}
.introduce ul li .text dl dt span{display: block; font-size:30px; color:#6c20d4; margin-bottom:5px;}
.introduce ul li .text dl dd{padding:0; margin:0; font-size:20px; color:#3c3c3c; line-height: 1.75em;}

.introduce ul li .text .title, .introduce ul li .text p, .introduce ul li .text dl, .introduce ul li .text dl dt, .introduce ul li .text dl dd{ transform: translateX(-100px); opacity: 0; transition: transform 1s, opacity 1s; }
.introduce ul li.aos-animate .text .title, .introduce ul li.aos-animate .text p , .introduce ul li.aos-animate .text dl dt, .introduce ul li.aos-animate .text dl, .introduce ul li.aos-animate .text dl dd{ opacity: 1; transform: translateX(0); }

.introduce ul li .text p{transition-delay: 0.3s;}
.introduce ul li .text dl.one{transition-delay: 0.5s;}
.introduce ul li .text dl.two{transition-delay: 0.7s;}
.introduce ul li .text dl.three{transition-delay:  1s;}

.content_wrap .outline{display: flex; justify-content: space-between;}
.content_wrap .outline .left{width:49%;}
.content_wrap .outline .right{width:49%;}
.content_wrap .outline img{max-width: 100%;}
.content_wrap .outline_wrap .text{font-size:20px; color:#3c3c3c; line-height: 1.75em; word-break: keep-all;}

.sub_tab {margin-bottom:40px; border-bottom:2px solid #d9d9d9; padding-bottom: 18px;}
.sub_tab ul{display:flex; gap:20px;}
.sub_tab ul li a{display:block; width:100%; height:100%; font-size:22px; 
  font-weight:600; text-align:center; color: #000; padding:17px 15px; background: #E5E5E5;}
.sub_tab ul li.active a{color:#fff; background:#888;}
.sub_tab ul li a:hover{background:#888; color:#fff;}
.page_tab {margin-bottom:80px;}
.page_tab ul{display:flex; gap: 20px; justify-content: center;}
.page_tab ul li{width:auto;}
.page_tab ul li a {display:block; width:100%; height:100%; font-size:22px; font-weight:600; text-align:center; padding: 10px 0; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.page_tab ul li.active a {border-top: 2px solid #3a57da;  border-bottom: 2px solid #3a57da; color: #3A57D0;}

.ing_wrap img{width:100%;}

/*갤러리 공통*/
.img-gallery {
    display: flex;
    gap: 20px;
}

.gallery-item {
    flex: 1;
    border: 1px solid #ddd;
}

.gallery-img img {
    max-width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    margin:0 auto;
}

.gallery-caption {
    padding: 10px 12px;
    font-size: 17px;
    line-height: 1.6;
    color: #333;
    text-align: center;
}

.caption-ko {
    margin: 0 0 8px;
    word-break: keep-all;
}

.caption-en {
    margin: 0;
    font-style: normal;
}

.caption-en em {
    font-style: italic;
    font-weight: bold;
}

@media (max-width: 768px) {
    .img-gallery {
        flex-direction: column;
    }
}
/* map */

.ko_map {position: relative;}
.ko_map .map_wrap{position:relative; background:#f7f7f7; border-radius:30px; padding:47px 53px; margin: 0 auto 30px; width: 100%; overflow-x:auto;}
.ko_map .map_wrap .map_util{max-width:303px; width:303px;}
.ko_map .map_wrap .map_util ul{display:flex; flex-wrap:wrap;}
.ko_map .map_wrap .map_util ul li{display:flex; align-items:center; margin-right:20px; margin-bottom:9px; word-break:keep-all;}
.ko_map .map_wrap .map_util ul li:nth-child(5){margin-bottom:0;}
.ko_map .map_wrap .map_util ul li:last-child{margin-bottom:0; margin-right:0;}
.ko_map .map_wrap .map_util ul li:nth-child(2n){width:calc(100% - 170px); margin-right:0;}
.ko_map .map_wrap .map_util ul li:nth-child(2n-1){width:150px;}
.ko_map .map_wrap .map_util ul li .img_wrap{display:flex; justify-content:center; min-width:27px; width:27px; margin-right:9px; margin-bottom: 0;}
.ko_map .map_wrap .map_util ul li .img_wrap img{max-width: 100%;}

.ko_map .map_wrap .map{width:1170px; height:1378px; background:url('/gcb2024/resources/assets/img/sub/img_map.png') center 0 no-repeat; background-size: contain; position: relative; margin:0 auto;}

.map_modal{display:none; position:absolute; top:20px; right:296px; z-index:999;}
.map_modal .inner{width:276px; border:1px solid #e6e6e6; background:#fff; border-radius:20px; padding:23px 22px 15px;}
.map_modal .inner .close_btn{position:absolute; top:11px; right:10px; width:30px;}
.map_modal .inner .close_btn input{width:100%;}
.map_modal .inner .tit{font-size:18px; font-weight:600; color:#444; line-height:1em; margin-bottom:5px; word-break: break-all; padding-right:10px;}
.map_modal .inner .desc{font-size:15px; margin-bottom:10px;}
.map_modal .inner .img{border:1px solid #dddddd; overflow:hidden; margin-bottom:13px; min-width: 100%; width: 230px; height: 135px;}
.map_modal .inner .img img {width: 100%; height: 100%; object-fit: contain;}
.map_modal .inner .img::after{display: none;}
.map_modal .inner .txt ul li{display:flex; font-size:15px; color:#666; line-height:1em; margin-bottom:12px;}
.map_modal .inner .txt ul li:last-child{margin-bottom:0;}
.map_modal .inner .txt ul li span{display:inline-block; min-width:53.2px; font-weight:700; text-align: justify; margin-right: 10px;}
.map_modal .inner .txt ul li span:after{content: ''; display: inline-block; width: 100%;}
.map_modal .inner .detail_btn{text-align:center; margin-top:17px;}
.map_modal .inner .detail_btn a{display:inline-block; min-width:158px; line-height:1em; padding:10px; font-size:15px; font-weight:500; background:#888; color:#fff; border-radius:5px;}
.map_modal .inner .detail_btn a span{display:inline-block; margin-left:7px;}

.ko_map .check_wrap{background:#f1f3f8; border-radius:30px; padding: 27px 46px; margin-bottom:22px; margin-top: 20px;}
.ko_map .check_wrap dl{display:flex; align-items:center; margin-bottom:14px;}
.ko_map .check_wrap dl:first-child{margin-bottom:9px;}
.ko_map .check_wrap dl:last-child{margin-bottom:0;}
.ko_map .check_wrap dl dt{min-width:81px; margin-right:37px; font-size:18px; font-weight:700;}
.ko_map .check_wrap dl dd ul{display:flex; flex-wrap:wrap;}
.ko_map .check_wrap dl dd ul li{margin-right:10px; margin-bottom:5px;}
.ko_map .check_wrap dl dd ul li:last-child{margin-right:0;}
.ko_map .check_wrap dl dd ul li input{-webkit-appearance: none;}
.ko_map .check_wrap dl dd ul li label{display:flex; align-items:center; height:54px; cursor:pointer; border:2px solid #e6e9f1; font-size:16px; color:#888; background:#fff; border-radius:10px; padding:0 18px; line-height:1em; margin-bottom:0; transition:0.3s;}
.ko_map .check_wrap dl dd ul li input:checked + label{font-weight:700; color:#41454d; border:2px solid #41454d;}
.ko_map .check_wrap dl dd ul li label img{margin-right:8px;}

.ko_map .txt{font-size: 1em; line-height: 1;}
.ko_map .list_wrap ul{display:flex; flex-wrap:wrap;}
.ko_map .list_wrap ul li{width:calc(50% - 10px); margin-right:20px; border:1px solid #dcdcdc; border-radius:20px; padding:28px 25px 20px; margin-bottom:20px;}
.ko_map .list_wrap ul li:nth-child(2n){margin-right:0;}
.ko_map .list_wrap ul li .tit{font-size:20px; font-weight:700; line-height:1em; margin-bottom:5px; color:#444; padding-bottom: 0; border-bottom: none;}
.ko_map .list_wrap ul li .desc{font-size:17px; margin-bottom:16px;}

.ko_map .list_wrap .txt ul li{display:flex; align-items: flex-start; border:0; padding:0; margin-bottom:0; color:#666;}
.ko_map .list_wrap .txt ul li span{min-width:54px; display:inline-block; font-weight:700; text-align: justify;}
.ko_map .list_wrap .txt ul li span:after{content: ''; display: inline-block; width: 100%;}
.txt_bar{margin:0 10px; color:#c6c6c6;}
.ko_map .list_wrap .txt ul li.homepage{width:100%;}
.ko_map .list_wrap .txt ul li.homepage a{display:flex; align-items:center; word-break:break-all;}
.ko_map .list_wrap .txt ul li.homepage a img{margin-left:7px;}

.ko_map .marker {width: 25px; height: 25px; transform: translate(-50%, -50%); cursor: pointer; }
.ko_map .marker img {max-width: 100%;}
.marker-cluster div {width: 25px !important; height: 25px !important;}
.leaflet-marker-icon {width: 25px !important; height: 25px !important;}
.ko_map .marker.active {filter:brightness(0);}
.marker-cluster-small div {background-color: #d4b8fa !important;}
.marker-cluster-small {width: 35px !important; height: 35px !important; background-color: #ebddff !important;}
.marker-cluster span {line-height: 28px !important;}

/*좌표이동하기*/
/*파주*/
.ko_map .marker.marker_7{transform: translate(-155%, -65%);}
.ko_map .marker.marker_42{transform: translate(-50%, -175%);}
.ko_map .marker.marker_45{transform: translate(70%, -50%);}
.ko_map .marker.marker_48{transform: translate(-100%, 65%);}
.ko_map .marker.marker_49{transform: translate(70%, -175%);}

/*고양*/
.ko_map .marker.marker_12{transform: translate(-25%, -190%);}
.ko_map .marker.marker_44{transform: translate(-80%, -50%);}
.ko_map .marker.marker_58{transform: translate(140%, -180%);}
.ko_map .marker.marker_75{transform: translate(-130%, 80%);}

/*양주*/
.ko_map .marker.marker_61{transform: translate(-50%, -185%);}

/*양평*/
.ko_map .marker.marker_72{transform: translate(-50%, -185%);}
.ko_map .marker.marker_74{transform: translate(-50%, 100%);}

/*화성*/
.ko_map .marker.marker_13{transform: translate(-30%, -130%);}

/*과천*/
.ko_map .marker.marker_22{transform: translate(-50%, -130%);}

/*성남*/
.ko_map .marker.marker_35{transform: translate(-50%, -130%);}
.ko_map .marker.marker_95{transform: translate(-110%, 40%);}

/*광주*/
.ko_map .marker.marker_21{transform: translate(-50%, -175%);}

/*용인*/
.ko_map .marker.marker_1{transform: translate(-110%, 30%);}
.ko_map .marker.marker_16{transform: translate(-180%, -50%);}

.ko_map .marker.marker_23{transform: translate(-180%, -50%);}
.ko_map .marker.marker_41{transform: translate(0%, -50%);}
.ko_map .marker.marker_81{transform: translate(-50%, -175%);}

/*이천*/
.ko_map .marker.marker_46{transform: translate(-50%, 195%);}
.ko_map .marker.marker_50{transform: translate(-170%, -50%);}
.ko_map .marker.marker_53{transform: translate(-50%, 80%);}
.ko_map .marker.marker_76{transform: translate(-180%, 80%);}
.ko_map .marker.marker_80{transform: translate(-50%, -165%);}
.ko_map .marker.marker_74{transform: translate(70%, 150%);}

.ko_map .marker.marker_86{transform: translate(10%, -94%);}
.ko_map .marker.marker_91{transform: translate(-50%, -180%);}

/*추가_*/
.ko_map .marker.marker_15{transform: translate(-50%, -140%);}
.ko_map .marker.marker_89{transform: translate(-50%, 20%);}
.ko_map .marker.marker_18{transform: translate(-15%, -20%);}
.ko_map .marker.marker_100{transform: translate(45%, -117%);}
.ko_map .marker.marker_102{transform: translate(-50%, -90%);}

.content_wrap .sub_t{font-size:22px; color:#6c20d4 !important; font-weight:bold;}

.zoom_wrap{display:inline-block; padding:7px 4px; border-radius:30px; border:1px solid #e1e1e1; margin-bottom:20px;}
.zoom_wrap .inner{display:flex; align-items:center; }
.zoom_wrap .inner button{line-height: 1em; padding:0 13px;}
.zoom_wrap .inner button:nth-child(2){border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; font-size:14px; color:#949494; font-weight:600;}

.right_img, .left_img{display: flex; align-items: flex-start;}
.right_img .image_wrap{padding-left:30px;}
.left_img .image_wrap{padding-right:30px;}

.program_wrap{display: flex; justify-content: space-between;}
.program_wrap .tit_wrap{font-size:22px; margin-bottom:10px;}
.program_wrap .tit_wrap strong{display: block; margin-bottom:5px;}
.program_wrap .left .image_wrap, .program_wrap .right .image_wrap{margin-bottom:30px;}
.program_wrap .left .image_wrap img, .program_wrap .right .image_wrap img{max-width:100%;}
.program_wrap .left,
.program_wrap .right{width:calc(50% - 10px);}

@media(max-width:1333px){
	.ko_map .map_wrap:before{content:'좌우로 스크롤이 가능합니다.'; display:block; margin-bottom:10px;}
}

@media(max-width:1024px){
	.ko_map .list_wrap .txt ul{display:block;}
	.ko_map .list_wrap .txt ul li{width:100%; margin-right:0;}
	.ko_map .list_wrap .txt ul li span{min-width:48px;}	
  
  .artist_info .column2 .item .right {width: 100%;}
}

@media(max-width:992px){
	.map_modal{right:320px;}
	
	.ko_map .list_wrap ul{display:block;}
	.ko_map .list_wrap ul li{width:100%; margin-right:0;}
	
	.ko_map .list_wrap .txt ul{display:flex;}
	.ko_map .list_wrap .txt ul li{width: calc(50% - 10px); margin-right: 20px;}
	.ko_map .list_wrap .txt ul li:nth-child(2n){margin-right:0;}
  .artist_list ul li {margin-right: 10px; margin-bottom: 10px; justify-content: center;}
  .artist_list ul li a {font-size: 15px; border: 1px solid #ccc; padding: 7px;}
}

@media(max-width:768px){
  .artist_info {padding: 0 10px;}
	.ko_map .check_wrap dl{display:block; margin-bottom:14px;}
	
	.ko_map .check_wrap dl dt{margin-right:0;}

  .right_img, .left_img{display: block;}
.right_img .image_wrap{padding-left:0;}
.left_img .image_wrap{padding-right:0;}
.right_img .image_wrap, .left_img .image_wrap{justify-content: center;}

.program_wrap{display: block;}
.program_wrap .left{width:100%; margin-bottom:30px;}
.program_wrap .right{width:100%;}
}

@media(max-width:500px){
	.ko_map .list_wrap .txt ul{display:block;}
	.ko_map .list_wrap .txt ul li{width:100%; margin-right:0;}
	
	.map_modal{right:auto; left:0px;}
}
	
.img_slide {max-width: 800px; width: 100%; margin: 70px auto 0;}
.img_slide .swiper-slide img {width: 100%; height: 100%;}
.img_slide .thumb_wrap {position: relative; padding: 0 50px;}
.img_slide .swiper.thumb {margin-bottom: 20px;}
.img_slide .swiper.gallery {margin: 0 50px; height: 150px;}
.img_slide .swiper-button-next, .swiper-button-prev {color: #333 !important;}

.event_txt {}
.event_txt p {font-size: 1.5em; font-weight: 600;}
strong.em_txt {color: var(--main_theme_color);}
.event_txt .em_txt {font-size: 1.5em; font-weight: 600;}

.btn_wrap {}
.btn_wrap.style01 {margin-bottom: 50px;}
.btn_wrap.style01.center ul {justify-content: center;}
.btn_wrap.style01 ul {display: flex;}
.btn_wrap.style01 ul li {margin-right: 20px;}
.btn_wrap.style01 ul li a {display: flex; align-items: center; min-width: 200px; justify-content: center; padding: 20px; background-color: #000; color: #fff; font-size: 1.1em;}
.btn_wrap.style01 ul li a.bg {background: var(--main_theme_color);}

.gray_box {background: #e5e5e5; padding: 35px; font-weight: 700; margin-bottom: 60px;}
.gray_box .flex_con .sub_tit{color:#000;}
.gray_box .item {display: flex;	margin-bottom: 10px; align-items: center;}

.gray_box .item:last-child {margin-bottom: 0;}

.gray_box .item span {display: flex;align-items: center; justify-content: center; min-width: 172px; height: 37px; background: #000; color: #fff; margin-right: 23px; margin-bottom: 0 !important;}

.gray_box .item p { margin-bottom: 0; color:#000;}
.gray_box .caption_txt {margin-top: 20px;font-size: 20px;	color: #6c20d4;}

/*이미지*/
.image_wrap{display:flex; flex-wrap:wrap;}
.image_wrap .item{position:relative; width:calc(50% - 10px); margin-right:20px;}
.image_wrap.col4 {}
.image_wrap.col4 .item {width: calc(25% - 15px);}
.image_wrap.col4 .item:last-child {margin-right: 0;}
.image_wrap .item img{width:100%;}
.image_wrap .item p{position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); padding: 5px 10px; line-height: 1.3; color: #fff;}
.image_wrap .item:last-child{margin-right:0;}
.image_wrap.img3 .item{width:calc((100% / 3) - 14px);}
.image_wrap.img4 .item{width:calc((100% / 4) - 15px);}

.image_wrap .item .caption_txt{margin-top:10px;}

.map_btn_wrap{display:flex; margin-top:20px; gap:10px; justify-content: center; flex-wrap: wrap;}
.map_btn_wrap a{display:flex; align-items:center; margin-right:10px; font-size:0.9em;}
.map_btn_wrap a:last-child{margin-right:0;}
.map_btn_wrap a img{width:30px; min-width:30px; margin-right:5px;}

/*FAQ*/
.faq_wrap{border-top:2px solid #000;}
.faq_wrap details{ font-size:20px; }
.faq_wrap summary {display:flex; align-items:center; justify-content:space-between; padding:23px 42px 26px 32px;  font-weight:700; border-bottom:1px solid #d9d9d9; cursor:pointer;}
.faq_wrap details summary::-webkit-details-marker{ display: none; }
.faq_wrap summary p{display:flex; align-items:center;}
.faq_wrap summary p:before{display:inline-block; min-width:17px; content:'Q'; font-size:25px; font-weight:800; margin-right:40px;}
.faq_wrap summary:after{display:inline-block; min-width:24px; width:24px; height:16px; content: ""; background:url('/gcb2024/resources/assets/img/sub/ico_faq_arrow.png') no-repeat; margin-left:40px;}
.faq_wrap details[open] summary {}
.faq_wrap details[open] summary:after{display:inline-block; width:24px; height:16px; content: ""; background:url('/gcb2024/resources/assets/img/sub/ico_faq_arrow.png') no-repeat; transform:rotate(180deg);}
.faq_wrap details[open] div{display:flex; color:#3c3c3c; background:#f7f7f7; border-bottom:1px solid #d9d9d9; padding:23px 42px 26px 32px; line-height:1.6em;}
.faq_wrap details[open] div:before{display:inline-block; min-width:17px; content:'A'; font-size:25px; font-weight:800; margin-right:40px; color:#6c20d4;}

/*공예워크숍*/
.logo_wrap ul{display:flex; flex-wrap:wrap;}
.logo_wrap ul li{margin-right:20px;}
.logo_wrap ul li:last-child{margin-right:0;}
.logo_wrap ul li img{max-width:100%;}

.content_wrap .info_wrap .date_schedule dl{align-items:flex-start;}
.content_wrap .info_wrap .date_schedule dl dt{min-width:285px; margin-right:30px; font-size:20px; font-weight:900; padding:15px 0; background:#6b20d3; color:#fff; text-align:center; border-radius:30px;}
.content_wrap .info_wrap .date_schedule dl dd{width:calc(100% - 285px);}
.content_wrap .info_wrap .date_schedule dl dd ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.content_wrap .info_wrap .date_schedule dl dd ul li{width:calc((100% - 70px) / 3); margin-bottom:50px;}
.content_wrap .info_wrap .date_schedule dl dd ul li.vertical_center{padding-top:42px;}
.content_wrap .info_wrap .date_schedule dl dd ul li:last-child{margin-right:0;}
.content_wrap .info_wrap .date_schedule dl dd ul li .class_btn{display:flex; align-items:center; font-size:22px; color:#0e365a; font-weight:700; word-break:keep-all; margin-bottom:20px;}
.content_wrap .info_wrap .date_schedule dl dd ul li .class_btn:after{content:''; display:block; width:100%; height:1px; background:#0e365a; margin-left:15px;}
.content_wrap .info_wrap .date_schedule dl dd ul li .image{margin-bottom:30px;}
.content_wrap .info_wrap .date_schedule dl dd ul li .image img{width:100%;}
.content_wrap .info_wrap .date_schedule dl dd ul li .info{display:block; font-size:25px; text-align:center; font-weight:700; }
.content_wrap .info_wrap .date_schedule dl dd ul li .info span{display:block; font-size:20px; margin-bottom:5px;}

@media(max-width:1200px){
  .people_pic_wrap ul li{width:calc((100% / 4) - 27px); justify-content:space-between;}
  .people_pic_wrap ul li:nth-child(4n){margin-right:0;}

  /*.spon_wrap ul li{width: calc((100% / 4) - 9px);}
  .spon_wrap ul li:nth-child(7n){margin-right: 12px;}
  .spon_wrap ul li:nth-child(4n){margin-right: 0;}*/
}

.list_box {display: flex; flex-wrap: wrap;}
.list_box .item {display: flex; flex-direction: column; margin-right: 20px; margin-bottom: 20px;}
.list_box .item .cover {height: 220px;}
.list_box.size1 .item .cover {height: 350px;}
.list_box.size2 .item .cover {height: 230px;}
.list_box.size3 .item .cover {height: 200px;}
.list_box.size4 .item .cover {height: 160px;}
.list_box.size5 .item .cover {height: 125px;}
.list_box .item img {width: 100%; height: 100%;}
.list_box .item p {flex: 1;}
.list_box .item:last-child {margin-right: 0;}

@media(max-width:1024px){
  .page_title {padding-top: 120px;}
  .page_title .current {display: none;}
  .content_wrap .img_wrap {flex-direction: column;}
  .content_wrap .img_wrap.location .item {width: 100%; margin-bottom: 20px;}
  .content_wrap .exhibit_img.video video, .content_wrap .exhibit_img.video img {width: 100%; height: 100%;}
  .column2 .item {flex-direction: column; align-items: center; margin-bottom: 50px;}
  .column2 .item .left {margin-bottom: 20px;}
  .column2 .item .right {width: auto; padding: 0; text-align: center;}
  .btn_wrap.style01 ul {flex-wrap: wrap;}
  .btn_wrap.style01 ul li {width: 100%; margin-bottom: 10px; margin-right: 0;}
  .content_wrap .display_wrap {flex-direction: column; align-items: center;}
  .view_swiper {margin-left: 0 !important; width: 100%; margin-top: 30px;}
  .content_wrap .outline .right {width: 100%;}
}

@media(max-width:992px){
  .sub_title .title_area::before {display: none;}
  .sub_title .title_wrap {margin-bottom: 50px;}
  .content_wrap .img_wrap{display: block;}
  .content_wrap .img_wrap.w50 {display: flex;}
  .content_wrap .img_wrap.w50 .item {width: 100%;}
  .content_wrap .img_wrap .left{width:auto; margin-right: 0; margin-bottom:30px;}
  .content_wrap .img_wrap .right{width:100%;}

  .image_wrap.col4 {}
  .image_wrap.col4 .item {width: calc(50% - 10px); margin-right: 10px; margin-bottom: 10px;}
  .image_wrap.col4 .item:last-child {margin-right: 0;}

  .content_wrap .info_wrap .info{display: block;}
  .content_wrap .info_wrap .info .left,
  .content_wrap .info_wrap .info .right{width:100%;}
  .content_wrap .info_wrap .info .left{margin-right:0; margin-bottom:35px;}

  .content_wrap .img{min-width:auto; margin-bottom:20px;}
  .introduce ul li{display: block;}
  .introduce ul li .text{padding-left:0; width:100%;}

  .content_wrap .outline{display: block;}
  .content_wrap .outline .left{width:100%;}
  .content_wrap .outline .image{text-align: center;}

  /*테이블 반응형*/
  .table_reponsive{overflow-x:auto;}
	.table_reponsive:before{content:'좌우로 스크롤해서 확인할 수 있습니다.'; display:block; margin-bottom:5px; font-size:18px; color:#666;}
	.table_reponsive .table_style{width:1000px;}
  .table_reponsive .table_style03{width:1000px;}
	.content_wrap .info_wrap dl dd .table_reponsive .table_style{width:500px;}
	
	.table_responsive{overflow-x:auto;}
	.table_responsive:before{content:'좌우로 스크롤해서 확인할 수 있습니다.'; display:block; margin-bottom:5px; font-size:18px; color:#666;}
	.table_responsive .table_style{width:1000px;}
	.content_wrap .info_wrap dl dd .table_responsive .table_style{width:500px;}

  .list_box {flex-direction: column;}
  .list_box .item {margin-right: 0; margin-bottom: 20px;}
  .list_box .item:last-child {margin-bottom: 0;}
  .list_box .item .cover {height: auto;}
  
  /*공예워크숍*/
  .content_wrap .info_wrap .date_schedule dl dd ul li{width:calc((100% - 50px) / 3);}
  .content_wrap .info_wrap .date_schedule dl{display:block;}
.content_wrap .info_wrap .date_schedule dl dt{margin-right:0; margin-bottom:30px;}
.content_wrap .info_wrap .date_schedule dl dd{width:100%;}
}

@media(max-width:768px){
  .edu_img ul {justify-content: center;}
  .sub_tab {}
  .sub_tab ul {flex-direction: column;}
  .sub_tab ul li {width: 100%;}
  .page_tab {}
  .page_tab ul {flex-direction: column;}
  .page_tab ul li {width: 100%;}
  .spon_wrap ul {flex-direction: column;}
  .spon_wrap ul li {margin-right: 0; width: 100%;}
  .spon_wrap ul li a img{max-width: 100%;}
  .border_box {padding: 22px 25px;}
  .content_wrap .left_img ul li {flex-direction: column; padding: 20px;}
  .content_wrap .left_img ul li .img-wrap {width: 100%; margin-bottom: 20px;}
  .content_wrap .left_img ul li .txt {width: 100%; text-align: center;}
  .content_wrap .left_img ul li .txt::before {display: none}

  .content_wrap .img_wrap .right{display: block; height:auto;}
  .content_wrap .img_wrap .right .item{width:100%; height: 500px;}
  .content_wrap .img_wrap .right .item {margin-right:0; margin-bottom:30px;}

  .content_wrap .info_wrap dl {flex-direction: column;}
  .content_wrap .info_wrap dl dt {text-align: left;}
  .content_wrap .info_wrap dl dd {width: auto;}

  .people_pic_wrap ul li{width:calc((100% / 3) - 24px);}
  .people_pic_wrap ul li:nth-child(4n){margin-right:35px;}
  .people_pic_wrap ul li:nth-child(3n){margin-right:0;}
  
  /*공예워크숍*/
  .content_wrap .info_wrap .date_schedule dl dt{font-size:18px;}
  .content_wrap .info_wrap .date_schedule dl dd ul li .class_btn{font-size:18px;}
  .content_wrap .info_wrap .date_schedule dl dd ul li .info{font-size:20px;}
  .content_wrap .info_wrap .date_schedule dl dd ul li{margin-bottom:20px;}
  
}
@media(max-width:580px){
  .artist_work_wrap {padding: 0 10px;}
  .artist_work_wrap .btn {display: none;}
  .people_pic_wrap .inner{width: calc(100% - 30px);}
  .people_pic_wrap ul li{width:calc((100% / 2) - 10px); margin-right:20px;}
  .people_pic_wrap ul li:nth-child(3n){margin-right:20px;}
  .people_pic_wrap ul li:nth-child(2n){margin-right:0;}
  .image_wrap.col4 {}
  .image_wrap.col4 .item {width: 100%;}
  .image_wrap.col4 .item:last-child {margin-right: 0;}
  /*.spon_wrap ul li{width: calc((100% / 3) - 8px);}
  .spon_wrap ul li:nth-child(4n){margin-right: 12px;}
  .spon_wrap ul li:nth-child(3n){margin-right: 0;}*/

  .gray_box .item {flex-direction: column; margin-bottom: 20px;}
  .gray_box .item span {width: 100%; margin-right: 0; margin-bottom: 15px !important;}
  
  /*이미지*/
  .image_wrap{display:block;}
  .image_wrap .item,
  .image_wrap.img3 .item,
  .image_wrap.img4 .item{width:100%; margin-right:0; margin-bottom:10px;}
  .image_wrap .item:last-child,
  .image_wrap.img3 .item:last-child,
  .image_wrap.img4 .item:last-child{margin-bottom:0;}
}

@media(max-width:420px){
  .people_pic_wrap ul li{width:calc((100% / 2) - 10px); margin-right:20px;}
  .people_pic_wrap ul li:nth-child(3n){margin-right:20px;}
  .people_pic_wrap ul li:nth-child(2n){margin-right:0;}

  /*.spon_wrap ul li{width: calc((100% / 2) - 6px);}
  .spon_wrap ul li:nth-child(3n){margin-right: 12px;}
  .spon_wrap ul li:nth-child(2n){margin-right: 0;}*/
  
  /*FAQ*/
  .faq_wrap details{font-size:16px;}
  .faq_wrap summary{padding:23px 10px 26px 12px}
.faq_wrap summary p:before,
.faq_wrap details[open] div:before{margin-right:10px;}
.faq_wrap summary:after{margin-left:10px;}
}


@media(max-width:992px){
	.content_wrap .info_wrap .poster_wrap{display:block;}
	.content_wrap .info_wrap .poster_wrap .img_wrap{width:100%; height:580px; margin-bottom:0; margin-right:0;}
	.content_wrap .info_wrap .poster_wrap .info{width:100%; padding:30px 0 0 0;}
}

@media(max-width:480px){
	.content_wrap .info_wrap .poster_wrap .img_wrap{height:auto;}
	
	 /*공예워크숍*/
	 .content_wrap .info_wrap .date_schedule dl dd ul li .image{margin-bottom:15px;}
  .content_wrap .info_wrap .date_schedule dl dt{font-size:16px;}
  .content_wrap .info_wrap .date_schedule dl dd ul li .class_btn{font-size:16px;}
  .content_wrap .info_wrap .date_schedule dl dd ul li .info{font-size:18px;}
  .content_wrap .info_wrap .date_schedule dl dd ul li{margin-bottom:18px;}
  .content_wrap .info_wrap .date_schedule dl dd ul li{width:calc((100% - 20px) / 3)}
}

@media(max-width:360px){
	.content_wrap .info_wrap .date_schedule dl dt{min-width:100%;}
}