.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: 123px;}
.page_title .current {background: #f4f4f4;}
.page_title .current ul {display: flex; justify-content: center; padding: 20px 0;}
.page_title .current ul li {}
.page_title .current ul li a {display: flex; align-items: center; font-size: 1.2em; color: #333;}
.page_title .current ul li a.active {font-weight: 700; color: #333;}
.page_title .current ul li a::after {content: ''; display: inline-block; width: 1px; height: 17px; margin: 0 20px; background: #c9c9c9;}
.page_title .current ul li:last-child a::after {display: none;}

.page_title .current ul li>ul{display:none;}

/* 서브 타이틀 */
.sub_title {margin-top: 70px;}
.sub_title .title_wrap {display: flex; flex-direction: column; align-items: center; margin-bottom: 90px;}
.sub_title .title_area {display: flex; flex-direction: column; align-items: center;}
.sub_title .title_area::before {content: ''; display: inline-block; width: 1px; height: 50px; background: #c9c9c9; margin-bottom: 30px;}
.sub_title .title_area strong {font-size: 2.8em; font-weight: 800;}
.sub_title .bread_crumbs {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(/gcb2024/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;}

/*전시_style*/
.Ybg{position:relative;}
.Ybg:before{content:''; width:100%; height:3000px; display:inline-block; position:absolute; top:0; left:0; background: url(/gcb2024/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(/gcb2024/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:30px; font-weight: 800; line-height: 1em; padding-bottom:18px; border-bottom:2px solid #000; margin-bottom:50px;}
.content_wrap .tit2{font-size:30px; font-weight: 800; line-height: 1em; margin-bottom:18px;}

.content_wrap .img_wrap {display: flex; justify-content: center; margin-bottom:45px;}
.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;}

.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 .sub_tit{font-size:25px; line-height: 1em; font-weight: 800; margin-bottom:30px;}
.content_wrap .sub_tit2{font-size:20px; line-height: 1em; font-weight: 600; margin-bottom:15px;}
.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 .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;}

.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(/gcb2024/resources/assets/img/sub/ico_bullet.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(/gcb2024/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(/gcb2024/resources/assets/img/sub/ico_bullet02.jpg) no-repeat 0 16.5px; padding-left:13px;}

.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(/gcb2024/resources/assets/img/sub/ico_country.png);}
.list_style05.result ul li:nth-child(2)::before {width: 23px; height: 23px; background: url(/gcb2024/resources/assets/img/sub/ico_people.png);}
.list_style05.result ul li:last-child::before {width: 25px; height: 27px; background: url(/gcb2024/resources/assets/img/sub/ico_receive.png);}

.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: #000; color:#fff;}
.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 th,.table_style td{padding:10px;}
.table_style th{font-weight: 700;}
.table_style tbody th{background: #ececec;}
.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.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:2px solid #000; border-bottom:2px solid #000;}
.table_style02 th{font-weight: 800;}
.table_style02 th, .table_style02 td{padding:15px 19px; text-align: left; border-bottom:1px solid #000;}
.table_style02 tr:last-child th ,.table_style02 tr:last-child td{border-bottom:0;}

.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;}
.spon_wrap ul li{height: auto; margin-right:12px; margin-bottom:10px; background: none; padding-left: 0;}
.spon_wrap ul li:last-child{margin-right:0;}
.spon_wrap ul li a{display: block; width:80%; height: 100%;}
.spon_wrap ul li a img{max-width:100%;}

.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;}

/*전시_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 {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; font-size: 1.1em; font-weight: 700;}
.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 img{max-width: 100%;}
.content_wrap .outline_wrap .text{font-size:20px; color:#3c3c3c; line-height: 1.75em;}

.sub_tab{margin-bottom:80px;}
.sub_tab ul{display:flex;}
.sub_tab ul li{width:50%;}
.sub_tab ul li a{display:block; width:100%; height:100%; font-size:20px; font-weight:700; text-align:center; border:1px solid #000; padding:17px 10px;}
.sub_tab ul li.active a{color:#fff; background:#000;}

.ing_wrap img{width:100%;}

/* 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;}	
}

@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;}
}

@media(max-width:768px){
	.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;}
.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;}
}

@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 .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;}
	.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){
  .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){
  .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%;}
}