@charset "UTF-8";
/* pagination */
.pagination {padding: 60px 0; }
.pagination ul {display: flex; justify-content: center; align-items: center; text-align: center;}
.pagination ul li{}
.pagination ul li a{padding: 0 12px; }
.pagination ul li a.page_first,
.pagination ul li a.page_prev,
.pagination ul li a.page_next,
.pagination ul li a.page_last {font-size: 0; background: url('../img/common/icon_pagination_double.png') no-repeat 50% 50%/contain;}
.pagination ul li a.page_first,
.pagination ul li a.page_last {width:16px; height: 9px; background-image:url('../img/common/icon_pagination_double.png')}
.pagination ul li a.page_prev,
.pagination ul li a.page_next {width:9px; height: 9px; background-image:url('../img/common/icon_pagination_single.png')}
.pagination ul li a.page_next,
.pagination ul li a.page_last{transform: rotateY(180deg);}
.pagination ul li.active a{position:relative; color:#fff; }
.pagination ul li.active a:before {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);width:30px; height: 30px; background: #101010; border-radius: 100%; content: ''; z-index: -1;}
.pagination ul li a img {vertical-align:middle; transform: translateY(-1px);}

/* search box */
.search_box {display:flex; justify-content:flex-end; align-items:center; margin-bottom:3.75rem; float: right;  margin-top: -2.375rem;}
.search_box select {position:relative; border:1px solid #373737; padding: 0.25rem 30px 0.25rem 1rem; border-radius:2rem; width: 120px; box-sizing: border-box; background:url('..//img/common/icon_select_arrow.png') no-repeat 90% 50%/auto;}
.search_box select+select {margin-left:10px;}
.search_box select option{position:absolute;}
.search_box .serch_input {border:1px solid #373737; padding: 0.25rem 1rem; box-sizing: border-box; border-radius:2rem;}
.search_box .serch_btn {}

/* 기록물 검색 > 통합검색 */
.intergrated_search {display: flex; border-top:1px solid var(--border-color); border-bottom:1px solid var(--border-color); }

.search_filter {position:relative; width:310px; padding-right:1.25rem; padding-top:5.625rem; box-sizing: border-box; border-right: 1px solid var(--border-color); transition:0.5s all cubic-bezier(0.075, 0.82, 0.165, 1)}
.search_filter.close {width: 0; overflow: hidden; padding-right:0; padding-left:4rem;;}
.search_filter .btn_close{position:absolute; top:1.25rem; right:1.25rem; width:32px; height:31px; background:url('../img/common/icon_close.png') no-repeat 0 0/auto; font-size:0;}
.search_filter .btn_open{display:none; position:absolute; top:1.25rem; right:1.25rem; width:32px; height:31px; background:url('../img/sub/icon_searchfilter_open.png') no-repeat 0 0/auto; font-size:0; }
.search_filter .tit {font-size: var(--font-size-h3); font-weight: var(--font-weight-h3); margin-bottom:4.75rem; }
.search_filter .search_index {}
.search_filter .search_index .depth1{}
.search_filter .search_index .depth1 > li{}

.search_filter .search_index .depth1 > li > p{position:relative; display:inline-block; margin-bottom:1rem; font-size:1.5rem; font-weight: 600; line-height: 1; cursor:pointer}
.search_filter .search_index .depth1 > li > p:before{position: absolute; top:0; right:-2rem; content:'+'; line-height:1; transform: translateY(-2px);}

.search_filter .search_index .depth2{display:none; position: relative; margin-bottom:3rem;}
.search_filter .search_index .depth2 > li{position:relative; padding-left:1.25rem; margin-left: 1rem;box-sizing:border-box; color:#999; line-height:2; *overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:1; white-space: nowrap;}
.search_filter .search_index .depth2 > li:before{position:absolute; top:0; left:0; width:1px; height:100%; content: ''; background:#999; }
.search_filter .search_index .depth2 > li:first-child:before{top:0; height:100%; }
.search_filter .search_index .depth2 > li:last-child:before{top:-17px; }
.search_filter .search_index .depth2 > li:after{position:absolute; top:14px; left:0; width:12px; height:1px; content: ''; background:#999; }

.search_filter .search_index .depth3{position: relative; }
.search_filter .search_index .depth3 > li{position:relative; padding-left:1.25rem; margin-left: 1rem;box-sizing:border-box; color:#999; line-height:2; width:100%; *overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:1; white-space: nowrap;;}
.search_filter .search_index .depth3 > li:before{position:absolute; top:-17px; left:0; width:1px; height:100%; content: ''; background:#999; }
.search_filter .search_index .depth3 > li:first-child:before{top:0; height:100%; }
.search_filter .search_index .depth3 > li.only:before{top:0; height:15%; }
.search_filter .search_index .depth3 > li:after{position:absolute; top:14px; left:0; width:12px; height:1px; content: ''; background:#999; }

.search_filter .search_index .depth4{position: relative;}
.search_filter .search_index .depth4 > li{position:relative; padding-left:1.25rem; margin-left: 1rem;box-sizing:border-box; color:#999; line-height:2; *overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:1; white-space: nowrap;}
.search_filter .search_index .depth4 > li:before{position:absolute; top:-17px; left:0; width:1px; height:100%; content: ''; background:#999; }
.search_filter .search_index .depth4 > li:first-child:before{top:0; height:100%; }
/* bugfix */
/* .search_filter .search_index .depth4 > li:last-child:before{top:-2px; height:50%; } */
.search_filter .search_index .depth4 > li:after{position:absolute; top:14px; left:0; width:12px; height:1px; content: ''; background:#999; }


.search_filter .search_index .depth1 > li.on{}
.search_filter .search_index .depth1 > li.on > p:before{content:'-'}
.search_filter .search_index .depth2 > li.on{color:var(--font-color)}

.search_result {width:calc(100% - 310px); padding-left: 3.75rem; padding-top:5.625rem; box-sizing: border-box; }
.search_result .search_insert {text-align: center; margin-bottom: 5.375rem;}
.search_result .search_insert form{position:relative;  display:inline-block;}
.search_result .search_insert input[type=text]{width:600px; border-bottom:3px solid var(--border-color); font-size: 1.875rem; padding:0 0.5em 0.25em 0; box-sizing: border-box; font-weight: 700;}
.search_result .search_insert .btn_search {position:absolute; top:0; right:0; font-size:0; overflow:hidden; width:33px; height:32px; background: url('../img/common/icon_search_bk.png') no-repeat 0 0/contain;}
.search_result h3.tit {font-size: var(--font-size-h3); font-weight: var(--font-weight-h3);}

.search_result_list {margin-top:4.375rem;}
.search_result_list .item{display:flex;justify-content: space-between; margin-bottom:1rem;  border-top:1px solid var(--border-color); border-bottom:1px solid var(--border-color); transition:0.3s all linear;}
.search_result_list .item .num {position: relative; width:75px; padding: 1rem 0; box-sizing: border-box; transform: translateY(7px);}
.search_result_list .item .num:before {position: absolute; top:15px; left:0; content:'→'; font-size:1.5rem; font-weight: 600; transform: translateY(0); opacity:0; transition: 0.3s all linear; }
.search_result_list .item .tit {width:calc(100% - 470px);padding: 1rem 0.5rem 1rem 0; box-sizing: border-box; font-size:1.625rem; font-weight: 600;}
.search_result_list .item .tit a{display: inline-block;max-width:560px;    overflow: hidden;
  text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.search_result_list .item .detail {width:320px; margin-top:4.375rem}
.search_result_list .item .detail dl{display: flex; column-gap: 1.5rem; }
.search_result_list .item .detail dl dt{width:60px;font-weight: 600; line-height: 1.8;}
.search_result_list .item .detail dl dd{}
.search_result_list .item .thumb {width:320px; height:180px; background:transparent; }
.search_result_list .item .thumb img {width:100%; height:100%; object-fit: contain; object-position: center;}
.search_result_list .item.on {background:#101010; color:#fff;}
.search_result_list .item.on .num {font-size:0; }
.search_result_list .item.on .num:before { top:28px; left:10px;opacity: 1; }


/* 기록물 검색 > 통합검색 > 상세 */
.intergratedSearchDetail {}
.intergratedSearchDetail .tit_wrap {position: relative;}
.intergratedSearchDetail h3.tit{font-size:var(--font-size-h3); font-weight: var(--font-weight-h3); margin-bottom:1em;}
.intergratedSearchDetail .btn_download {position:absolute; top:0; right:0; border: 1px solid #373737;padding: 0.25rem 2rem 0.25rem 3.5rem;border-radius: 2rem; box-sizing: border-box; text-align: center; font-size:1.25rem;}
.intergratedSearchDetail .btn_download:before {position: absolute;top: 50%; left:1.8rem; transform:translateY(-50%); content:''; background:url('../img/common/icon_file.png') no-repeat center/auto; width: 21px; height:24px; ;}
.intergratedSearchDetail .img_wrap {display: flex; align-items:stretch; column-gap: 2%; height:710px;}
.intergratedSearchDetail .img_wrap img{}
.intergratedSearchDetail .img_wrap .slider-for{width:70%; max-width:1260px; }
.intergratedSearchDetail .img_wrap .slider-nav{position:relative; width:30%; height:inherit; overflow:hidden;}
.intergratedSearchDetail .img_wrap .slider-nav:before,
.intergratedSearchDetail .img_wrap .slider-nav:after {position:absolute; width:100%; height: 80px; left:0; content:''; background:linear-gradient(to top,rgba(0,0,0,0), rgba(0,0,0,0.5))}
.intergratedSearchDetail .img_wrap .slider-nav:before {top:0;}
.intergratedSearchDetail .img_wrap .slider-nav:after {bottom:0; background:linear-gradient(to bottom,rgba(0,0,0,0), rgba(0,0,0,0.5))}
.intergratedSearchDetail .img_wrap .slider-nav .slick-prev,
.intergratedSearchDetail .img_wrap .slider-nav .slick-next {top:0; left:50%; right:auto; width:45px; height:45px; z-index:1; transform: translateX(-50%);}
.intergratedSearchDetail .img_wrap .slider-nav .slick-prev{top:25px;}
.intergratedSearchDetail .img_wrap .slider-nav .slick-next{top:auto; bottom:25px;}
.intergratedSearchDetail .img_wrap .slider-nav .slick-prev:before,
.intergratedSearchDetail .img_wrap .slider-nav .slick-next:before {display:block; width:45px; height:45px; background:url('../img/common/icon_slider_arrow.png') no-repeat 0 0/auto; content:''; }
.intergratedSearchDetail .img_wrap .slider-nav .slick-prev:before{transform:rotate(180deg)}
.intergratedSearchDetail .img_wrap .slider-nav .slick-list {transform: translateY(-65px);}
.intergratedSearchDetail .img_wrap .slider-nav .slick-list img{object-fit: cover; object-position: center;}
.intergratedSearchDetail .img_wrap .slider-nav .slick-center{width:30%; *height:260px;}
.intergratedSearchDetail .img_wrap .slider-nav .slick-slide:not(.slick-center){opacity:0.2;}
.intergratedSearchDetail .items_wrap {margin-top:5rem;}
.intergratedSearchDetail .item {}
.intergratedSearchDetail .item h4{font-size:1.5rem; font-weight: 700; margin-bottom: 0.5em;}
.intergratedSearchDetail .item+.item {margin-top:5rem;}
.intergratedSearchDetail .item .detail {display: flex; flex-wrap: wrap;border-top :2px solid var(--border-color)}
.intergratedSearchDetail .item .detail dl{display: flex;width: 50%; padding:1rem 0; box-sizing: border-box; border-bottom :1px solid var(--border-color)}
.intergratedSearchDetail .item .detail dl dt{font-weight: 700; width:130px;}
.intergratedSearchDetail .item .detail dl dd{width:calc(100% - 130px)}

.btn_wrap {margin-top: 5rem; text-align:center;}
.btn_wrap.center {display: flex; justify-content: center;}
.btn_wrap .btn {border: 1px solid #373737;padding: 0.25rem ;border-radius: 2rem;width:90%; max-width: 200px;box-sizing: border-box; text-align: center;}

/* 기록물 검색 > 인물검색 */
.wordcloud {}
.wordcloud .wordcloud_filter{display: flex; justify-content: flex-end; align-items: center; column-gap: 4px;margin-bottom: 1rem;}
.wordcloud .wordcloud_filter ol{display: flex; column-gap: 4px;}
.wordcloud .wordcloud_filter ol li {}
.wordcloud .wordcloud_filter ol li button{width:40px; height:40px; border:1px solid #373737; border-radius:100%; background:#fff;}
.wordcloud .wordcloud_filter ol li.on button {background:#373737; color:#fff; }
.wordcloud .wordcloud_cont{width:100%; height:400px; background:url("../img/sub/wordcloud_cont.png") no-repeat center/cover;}


.personSearch_result_list {margin-top:6.25rem}
.personSearch_result_list .item{display: flex; column-gap: 1.875rem;border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); margin-bottom:1rem;}
.personSearch_result_list .item .hashtag{position:relative; padding-right:1rem; display:inline-block;}
.personSearch_result_list .item .hashtag:before{position:absolute; top:0; right:0; content:'↗';color:var(--point-color); font-weight: 700;}
.personSearch_result_list .item .hashtag:hover{color:var(--point-color); text-decoration: underline; text-underline-offset: 4px;}

.personSearch_result_list .item .thumb {width:200px; height:270px;}
.personSearch_result_list .item .thumb img {width:100%; height:100%; object-fit: contain; object-position: 0 0;}

.personSearch_result_list .item .cont {width:calc(100% - 320px);padding:1rem 0; box-sizing: border-box;}
.personSearch_result_list .item .cont .tit {}
.personSearch_result_list .item .cont .tit a{display: inline-block; font-size:1.625rem;font-weight: 600; margin-right:0.5em;}
.personSearch_result_list .item .cont .tit a:hover{text-decoration: underline; text-underline-offset: 4px;}
.personSearch_result_list .item .cont .tit span{}

.personSearch_result_list .item .cont .brief{display: flex; padding:0.5rem 0;}
.personSearch_result_list .item .cont .brief .nation{padding-left:32px; margin-left:6px; position:relative; }
.personSearch_result_list .item .cont .brief .nation:before{position:absolute; top:2px; left:-6px; content:''; width:32px; height: 20px; background:#dfd; border:1px solid #dfdfdf; }
.personSearch_result_list .item .cont .brief .nation.korea:before{background:url('../img/sub/nationflag_korea.png') no-repeat center/contain;}

.personSearch_result_list .item .cont .detail {display: flex; flex-wrap: wrap;}
.personSearch_result_list .item .cont .detail dl {display: flex; width: 50%;}
.personSearch_result_list .item .cont .detail dl dt{width:80px; min-width:80px; font-weight: 600;}
.personSearch_result_list .item .cont .detail dl dd{}
.personSearch_result_list .item .cont .history {margin-top:1rem;}
.personSearch_result_list .item .cont .history p {background:#f1f2f3; height:40px; padding: 0.4rem 1rem; box-sizing: border-box; font-weight: 500; cursor:pointer; transition:0.2s all linear;}
.personSearch_result_list .item .cont .history p span{position:relative; }
.personSearch_result_list .item .cont .history p span:after {position:absolute; top:50%; right:-1rem; transform:translateY(-50%);content:'+'; }
.personSearch_result_list .item .cont .history ul {padding: 1rem; box-sizing: border-box; border:1px solid var(--border-color); transition:0.2s all linear; opacity:0; height:0; overflow:hidden;}
.personSearch_result_list .item .cont .history ul li {}

.personSearch_result_list .item.on .cont .history {}
.personSearch_result_list .item.on .cont .history p {background:#373737; color:#fff;}
.personSearch_result_list .item.on .cont .history p span:after {content:'-'; }
.personSearch_result_list .item.on .cont .history ul {opacity:1; height:auto;}

/* 인물검색 > 상세 */
#inner-contents.personSearchDetail h3.tit{font-size:var(--font-size-h3); font-weight: var(--font-weight-h3); margin-bottom:1em;}
#inner-contents.personSearchDetail .contentWrap { width:100%; margin-bottom:4em; }
#inner-contents.personSearchDetail .conTitle2 { color:#222; font-size:2em; font-weight:700; letter-spacing:-0.025em; }
#inner-contents.personSearchDetail .visual { float:left; width:400px; }
#inner-contents.personSearchDetail .visual .imgWrap { width:100%; max-width:400px; margin:auto; margin-bottom:1em; }
#inner-contents.personSearchDetail .visual .imgWrap img { display:block; width:100%; }
#inner-contents.personSearchDetail .visual .conTitle2 { text-align:center; }
#inner-contents.personSearchDetail .table-wrap.information { float:right; width:calc(100% - 430px); }
#inner-contents.personSearchDetail .table-wrap.information .table-content { width:100%; }
#inner-contents.personSearchDetail .table-wrap.information .table-content .table-text .source { display:inline-block; margin-right:10px; }
#inner-contents.personSearchDetail .table-wrap.information .table-content .table-text .source::after { content:"↗"; display:inline-block; color:var(--point-color); padding-left:3px; }
#inner-contents.personSearchDetail .table-wrap.information .table-content .table-text .source:hover { color:var(--point-color); text-decoration:underline; }

#inner-contents.personSearchDetail .relationWrap { padding:3em 0 1em; background-color:var(--lightgray-color); }
#inner-contents.personSearchDetail .relationWrap .searchWrap { padding-top:2em; margin-bottom:2em; }
#inner-contents.personSearchDetail .relationWrap .searchWrap form { position:relative; display:inline-block; margin-bottom:1em; }
#inner-contents.personSearchDetail .relationWrap .searchWrap input[type=text] { width:600px; border-bottom:3px solid var(--border-color); font-size:1.875em; padding:0 0.5em 0.25em 0; box-sizing:border-box; font-weight:700; background-color:transparent; }
#inner-contents.personSearchDetail .relationWrap .searchWrap .btn_search { position:absolute; top:0; right:0; font-size:0; overflow:hidden; width:33px; height:32px; background:url(..//img/common/icon_search_bk.png) no-repeat 0 0 / contain; }
#inner-contents.personSearchDetail .relationWrap .searchWrap .result_stats .num { color:var(--point-color); font-weight:700; }
#inner-contents.personSearchDetail .relationWrap .searchWrap .search_box { float:none; margin:0; }

#inner-contents.personSearchDetail .relationWrap .resultList {display:flex; justify-content:space-between; flex-flow:row wrap; column-gap: 2%; row-gap:1rem;}
#inner-contents.personSearchDetail .relationWrap .resultList li {  width:49%; *height:440px; border-top:1px solid var(--border-color); border-bottom:1px solid var(--border-color); box-sizing:border-box; }
#inner-contents.personSearchDetail .relationWrap .resultList li a { position:relative; display:flex; justify-content: space-between; width:100%; height:100%;}
#inner-contents.personSearchDetail .relationWrap .resultList li a .textWrap { width:calc(100% - 320px); padding: 1rem 1rem 1rem 0; box-sizing: border-box; display: flex; justify-content: space-between;}
#inner-contents.personSearchDetail .relationWrap .resultList li a .textWrap .title {font-size:1.5em; font-weight:700; margin-bottom:5px; width:50%;}
#inner-contents.personSearchDetail .relationWrap .resultList li a .textWrap .small-title {align-self: flex-end;}
#inner-contents.personSearchDetail .relationWrap .resultList li a .imgWrap { width:320px; height:180px; overflow:hidden; }
#inner-contents.personSearchDetail .relationWrap .resultList li a .imgWrap img {width:100%; height:100%; object-fit: cover; object-position: center 37%;}

/* #inner-contents.personSearchDetail .relationWrap .resultList li:hover a { padding:0; border:10px solid var(--border-color); }
#inner-contents.personSearchDetail .relationWrap .resultList li:hover a .imgWrap::after { background-color:#fff; opacity:0.25; }
#inner-contents.personSearchDetail .relationWrap .resultList li:hover a .textWrap { bottom:20px; left:0; width:100%; }
#inner-contents.personSearchDetail .relationWrap .resultList li:hover a .textWrap::after { opacity:1; } */


#inner-contents.personSearchDetail .relationWrap .pagination ul li.active a { z-index:1; }

#inner-contents.personSearchDetail .btnWrap { justify-content:center; margin-top:5em; }
#inner-contents.personSearchDetail .btnWrap .backbtn { border:1px solid var(--font-color); padding:0.25em; border-radius:60px; width:90%; max-width:200px; box-sizing:border-box; text-align:center; }


/* 온라인전시 */
.onlineExhibition { background-color:#edeff2;padding:100px 0; margin-bottom:-5rem;}
.onlineExhibition .onlineExhibition_list {max-width:1700px; margin:auto;}

/* normal */
.onlineExhibition .slick-list {padding: 60px 0 !important; height:430px; }
.onlineExhibition .slick-slide {position:relative; transition:0.2s all linear;}
.onlineExhibition .slick-track {left:110px;}
.onlineExhibition .slick-slide .img_wrap {position:relative; border-radius:6px; overflow:hidden;transition:0.2s all linear;}
.onlineExhibition .slick-slide .img_wrap:after {position:absolute; bottom:0; left:0; width:100%; height:100%; background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));content:'';}
.onlineExhibition .slick-slide .txt_wrap{position:relative; left:0; bottom:86px; color:#fff; padding: 0 1em; box-sizing: border-box; width:100%; height:auto; padding-bottom:1em; transform-origin: left;}
.onlineExhibition .slick-slide .txt_wrap .tit {font-size:1.375rem}
.onlineExhibition .slick-slide .txt_wrap .desc {font-size:0.875rem}

.onlineExhibition .slick-slide:not(.slick-center){ z-index: 0;}
/* .onlineExhibition .slick-slide:not(.slick-center) .txt_wrap {color:#d4d4d4} */
.onlineExhibition .slick-slide.slick-active .img_wrap{box-shadow: 0 0 10px rgba(0,0,0,0.2);}

/* center */
.onlineExhibition .slick-slide.slick-center {z-index: 1000;top: -42px; }
.onlineExhibition .slick-slide.slick-center .img_wrap{width: 430px; height: 430px; box-shadow: 0 0 20px rgba(0,0,0,0.8); left:-45px;}
.onlineExhibition .slick-slide.slick-center .txt_wrap {width:430px;  left:-45px;}

/* side */
.onlineExhibition .slick-slide.side{top: -25px; }
.onlineExhibition .slick-slide.side .img_wrap{width:400px; box-shadow: 0 0 10px rgba(0,0,0,0.5); left:-30px}
.onlineExhibition .slick-slide.side .txt_wrap{width:400px; z-index:2; left:-30px}

/* edge */
.onlineExhibition .slick-slide.edge {top:0;}
.onlineExhibition .slick-slide.edge .img_wrap {width:350px; }
.onlineExhibition .slick-slide.edge .txt_wrap {width:350px; }
/* .onlineExhibition .slick-slide.last .img_wrap,
.onlineExhibition .slick-slide.last .txt_wrap {left:-10px} */

/* arrow */
.onlineExhibition .slick-prev,
.onlineExhibition .slick-next {top:auto; bottom:20px;z-index:1;}
.onlineExhibition .slick-prev {margin-right: 36px;left: 50%;
  transform: translateX(-68px);}
.onlineExhibition .slick-next {margin-left: 36px;left: 50%;
  transform: translateX(-10px);}
.onlineExhibition .slick-prev:before,
.onlineExhibition .slick-next:before {font-family:"pretendard"; font-size:36px; font-weight: 700; color:#373737; }

/* 온라인전시 > 상세(레이어팝업) */
body.onlineActive {*height:100%;overflow:hidden;}
.onlineExhibition_layerpopup {display: none; position:fixed;  width:100vw; height:100vh; background:rgba(25,254,255,0.8); top:0; left:0; z-index:9999; overflow:hidden;}
.onlineExhibition_layerpopup.on {display: block;}

.onlineExhibition_layerpopup .btn_close {position:absolute; top:0; right:0; z-index:10; background:rgba(255,255,255,0.4); color:#fff; width:60px; height: 60px; font-size: 1.625rem; }

.onlineExhibition_layerpopup .container {position:absolute; top:0; left:0; width: inherit; height:inherit;}
.onlineExhibition_layerpopup .background {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  will-change: transform;
  backface-visibility: hidden;
  height: 130vh;
  position: fixed;
  width: 100%;
  transform: translateY(30vh);
  transition: all 1.2s cubic-bezier(0.22, 0.44, 0, 1);
}
.onlineExhibition_layerpopup .background:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .5);
}
.onlineExhibition_layerpopup .background:first-child {
  transform: translateY(-15vh);
}
.onlineExhibition_layerpopup .background:first-child .cont_wrap {
  transform: translateY(15vh);
}

.onlineExhibition_layerpopup .cont_wrap {
  height: 50vh;
  display: flex;
  justify-content: flex-end;
  flex-flow:column;
  color: #fff;
  transform: translateY(40vh);
  will-change: transform;
  backface-visibility: hidden;
  transition: all 1.7s cubic-bezier(0.22, 0.44, 0, 1);

  margin-top:50vh;
  padding: 0 0 3em 5em;
  box-sizing: border-box;
}
.onlineExhibition_layerpopup .cont_wrap .tit {
 font-size: 1.625rem;
 font-weight: 700;
}
.onlineExhibition_layerpopup .background.up-scroll {
  transform: translate3d(0, -15vh, 0);
}
.onlineExhibition_layerpopup .background.up-scroll .cont_wrap {
  transform: translateY(15vh);
}
.onlineExhibition_layerpopup .background.up-scroll + .background {
  transform: translate3d(0, 30vh, 0);
}
.onlineExhibition_layerpopup .background.up-scroll + .background .cont_wrap {
  transform: translateY(30vh);
}
.onlineExhibition_layerpopup .background.down-scroll {
  transform: translate3d(0, -130vh, 0);
}
.onlineExhibition_layerpopup .background.down-scroll .cont_wrap {
  transform: translateY(40vh);
}
.onlineExhibition_layerpopup .background.down-scroll + .background:not(.down-scroll) {
  transform: translate3d(0, -15vh, 0);
}
.onlineExhibition_layerpopup .background.down-scroll + .background:not(.down-scroll) .cont_wrap {
  transform: translateY(15vh);
}


/* 캠퍼스기록 */
.campusRecords .tabarea {padding: 1rem 0; margin-bottom: 1.5rem;}
.campusRecords .tab_menu {display: flex; justify-content: flex-start;}
.campusRecords .tab_menu li {border: 1px solid var(--border-color); background-color: #fff; width: 16.6667%; text-align: center; border-right: none; box-sizing: border-box;}
.campusRecords .tab_menu li:last-child {border-right: 1px solid var(--border-color);}
.campusRecords .tab_menu li a{width: 100%; font-size: 1.3rem;padding:10px 0;}
.campusRecords .tab_menu li.active {border: none; background-color: var(--border-color);}
.campusRecords .tab_menu li.active a{color: #fff;}
.campusRecords .tab_con {display: none;}
.campusRecords .tab_con.active {display: block;}
.campusRecords .map_wrap {margin-bottom:2.5rem; border:1px solid #dfdfdf; box-sizing: border-box;}
.campusRecords .map_wrap img{width:100%; background:#dfdfdf;}

.campusRecords .building_list {counter-reset: item; display: flex; flex-wrap: wrap; align-items: center; row-gap: 1.5rem; padding:2.75rem 3.5rem; box-sizing: border-box; border:1px solid var(--border-color); margin-bottom:4em; }
.campusRecords .building_list li { padding-left: 40px; padding-top:4px;position: relative; width:calc(100% / 6); box-sizing: border-box; font-size:1rem;font-weight:500}
.campusRecords .building_list li:before{content: counter(item); counter-increment: item; position: absolute; top: 0;left: 0;  color: #fff; background:#000; width:36px; height:36px; text-align: center; border-radius: 100%; display: flex; align-items: center; justify-content: center; font-size: 1rem;letter-spacing: -1px;}
.campusRecords .building_list li button {background:transparent; font-size:inherit; font-family: inherit; text-align: left;}
.campusRecords .building_list.gajwa li:before {content: "A" counter(item);}
.campusRecords .building_list.chilam li:before {content: "B" counter(item);}
.campusRecords .building_list.tongyeong li:before {content: "C" counter(item);}

.layerPopupWrap.campusRecords {}
.layerPopupWrap.campusRecords .layerPopupInner {position:absolute; top:50%; left:50%; transform :translate(-50%,-50%); height:80vh; width:60vw;overflow:hidden auto;}
.layerPopupWrap.campusRecords .layerPopup {position:unset; transform: none; width:100%;}
.layerPopupWrap.campusRecords .popBody{}
.layerPopupWrap.campusRecords .popBody .desc{color:#fff;  }
.layerPopupWrap.campusRecords .popBody .desc .name {font-size:1.5em; font-weight:600; padding:0.5em 0 0.5em 0; margin-bottom:1em; border-bottom: 1px solid #626262;}
.layerPopupWrap.campusRecords .popBody .desc dl {display: flex; margin-bottom:0.5em;text-align: left;}
.layerPopupWrap.campusRecords .popBody .desc dl dt{width:120px; font-weight:600}
.layerPopupWrap.campusRecords .popBody .desc dl dd{width:calc(100% - 120px); }

#inner-contents.campusRecords .conTitle2 { color:#222; font-size:2em; font-weight:700; letter-spacing:-0.025em; }
#inner-contents.campusRecords .relationWrap { padding:3em 0 1em; background-color:var(--lightgray-color); }
#inner-contents.campusRecords .relationWrap .searchWrap { padding-top:2em; margin-bottom:2em; }
#inner-contents.campusRecords .relationWrap .searchWrap form { position:relative; display:inline-block; margin-bottom:1em; }
#inner-contents.campusRecords .relationWrap .searchWrap input[type=text] { width:600px; border-bottom:3px solid var(--border-color); font-size:1.875em; padding:0 0.5em 0.25em 0; box-sizing:border-box; font-weight:700; background-color:transparent; }
#inner-contents.campusRecords .relationWrap .searchWrap .btn_search { position:absolute; top:0; right:0; font-size:0; overflow:hidden; width:33px; height:32px; background:url(..//img/common/icon_search_bk.png) no-repeat 0 0 / contain; }
#inner-contents.campusRecords .relationWrap .searchWrap .result_stats .num { color:var(--point-color); font-weight:700; }
#inner-contents.campusRecords .relationWrap .searchWrap .search_box { float:none; margin:0; }
#inner-contents.campusRecords .relationWrap .resultList {display:flex; justify-content:space-between; flex-flow:row wrap; column-gap: 2%; row-gap:1rem;}
#inner-contents.campusRecords .relationWrap .resultList li {  width:49%; *height:440px; border-top:1px solid var(--border-color); border-bottom:1px solid var(--border-color); box-sizing:border-box; }
#inner-contents.campusRecords .relationWrap .resultList li a { position:relative; display:flex; justify-content: space-between; width:100%; height:100%;}
#inner-contents.campusRecords .relationWrap .resultList li a .textWrap { width:calc(100% - 320px); padding: 1rem 1rem 1rem 0; box-sizing: border-box; display: flex; justify-content: space-between;}
#inner-contents.campusRecords .relationWrap .resultList li a .textWrap .title {font-size:1.5em; font-weight:700; margin-bottom:5px; width:50%;}
#inner-contents.campusRecords .relationWrap .resultList li a .textWrap .small-title {align-self: flex-end;}
#inner-contents.campusRecords .relationWrap .resultList li a .imgWrap { width:320px; height:180px; overflow:hidden; }
#inner-contents.campusRecords .relationWrap .resultList li a .imgWrap img {width:100%; height:100%; object-fit: cover; object-position: center 37%;}
#inner-contents.campusRecords .relationWrap .pagination ul li.active a { z-index:1; }
#inner-contents.campusRecords .btnWrap { justify-content:center; margin-top:5em; }
#inner-contents.campusRecords .btnWrap .backbtn { border:1px solid var(--font-color); padding:0.25em; border-radius:60px; width:90%; max-width:200px; box-sizing:border-box; text-align:center; }





/* @@@@@@@@@@@@@@@@ 반응형 @@@@@@@@@@@@@@@@ */
@media(max-width:1919px){

  /* 기록물 검색 > 통합검색 > 상세 */
  .intergratedSearchDetail .img_wrap {height:auto;}
  .intergratedSearchDetail .img_wrap .slider-nav .slick-list {transform: translateY(0);}

}

@media(max-width:1799px){
 /* 기록물 검색 > 통합검색 */
 .search_filter{}
 .search_result{ padding-left: 1.75rem; padding-top: 3.625rem;}
 .search_filter .search_index .depth1 > li > p {font-size:1.125em;}

 /* 기록물 검색 > 인물검색 상세 */
 #inner-contents.personSearchDetail .relationWrap .resultList li a .textWrap {width:calc(100% - 260px); flex-wrap:wrap;}
 #inner-contents.personSearchDetail .relationWrap .resultList li a .textWrap .title {width: 100%;overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-break: keep-all; -webkit-line-clamp: 1;}
 #inner-contents.personSearchDetail .relationWrap .resultList li a .imgWrap {width: 260px; height:180px;}

  /* 캠퍼스 기록 */
  #inner-contents.campusRecords .relationWrap .resultList li a .textWrap {width:calc(100% - 260px); flex-wrap:wrap;}
  #inner-contents.campusRecords .relationWrap .resultList li a .textWrap .title {width: 100%;overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-break: keep-all; -webkit-line-clamp: 1;}
  #inner-contents.campusRecords .relationWrap .resultList li a .imgWrap {width: 260px; height:180px;}
}

@media(max-width:1024px){
  /* 기록물 검색 > 통합검색 */
  .intergrated_search {flex-wrap: wrap;}
  .search_filter{width: 100%; height:auto; border-right:none; border-bottom: 1px solid var(--border-color); background:#f3f3f3; padding:1rem; box-sizing: border-box;}
  .search_filter.close {width: 100%; height:0; padding:2rem 1rem;}
  .search_filter.close .tit {font-size:1.25rem; margin-top:-1rem;}
  .search_filter .btn_open {transform: rotate(90deg); width:31px;}
  .search_filter .tit {margin-bottom:1em; }
  .search_filter .search_index .depth1 {display: flex; column-gap: 4.375rem;}

  .search_box {float:unset; margin-top:1rem;}
  .search_result{ width: 100%; padding-left: 0; padding-top: 3.625rem;}
  .search_result .search_insert input[type=text] {width: 100%; max-width:600px;}
  .search_result_list .item {flex-wrap: wrap;}
  .search_result_list .item .num {height:25px; padding:0;}
  .search_result_list .item .tit {width:100%; padding: 1rem 0;font-size: 1.25em;}
  .search_result_list .item .detail {margin-top:0;}

  .search_result_list .item.on .num:before {top:15px;}

  /* 기록물 검색 > 통합검색 > 상세 */
  .intergratedSearchDetail h3.tit {font-size:1.25em;}
  .intergratedSearchDetail .img_wrap {flex-wrap: wrap; row-gap:0.5rem; height:auto;}
  .intergratedSearchDetail .img_wrap .slider-for{width:100%; }
  .intergratedSearchDetail .img_wrap .slider-nav{width:100%;}
  .intergratedSearchDetail .img_wrap .slider-nav:before,
  .intergratedSearchDetail .img_wrap .slider-nav:after {width:60px; height:100%; }
  .intergratedSearchDetail .img_wrap .slider-nav:before {top:0; left:0; background:linear-gradient(to left,rgba(0,0,0,0), rgba(0,0,0,0.5))}
  .intergratedSearchDetail .img_wrap .slider-nav:after {top: 0; bottom:auto; left:auto; right:0; background:linear-gradient(to right,rgba(0,0,0,0), rgba(0,0,0,0.5))}
  .intergratedSearchDetail .img_wrap .slider-nav .slick-prev,
  .intergratedSearchDetail .img_wrap .slider-nav .slick-next {top:50%; bottom:auto; transform: translate(0,-50%);}
  .intergratedSearchDetail .img_wrap .slider-nav .slick-prev {left:0;}
  .intergratedSearchDetail .img_wrap .slider-nav .slick-next {left:auto; right:0;}

  .intergratedSearchDetail .img_wrap .slider-nav .slick-prev,
  .intergratedSearchDetail .img_wrap .slider-nav .slick-next {width: 30px;height:16px;}
  .intergratedSearchDetail .img_wrap .slider-nav .slick-next:before,
  .intergratedSearchDetail .img_wrap .slider-nav .slick-prev:before {width: 30px;  height:16px; background-size: contain;}

  .intergratedSearchDetail .img_wrap .slider-nav .slick-next:before {transform: rotate(-90deg); }
  .intergratedSearchDetail .img_wrap .slider-nav .slick-prev:before {transform: rotate(90deg);}

  /* 기록물 검색 > 인물검색 상세 */
  #inner-contents.personSearchDetail .visual { float:none; width:100%; margin-bottom:1em; }
  #inner-contents.personSearchDetail .table-wrap.information { float:none; width:100%; }

  #inner-contents.personSearchDetail .relationWrap .searchWrap input[type=text] { width:100%; max-width:768px; }


  #inner-contents.personSearchDetail .relationWrap .resultList li a .textWrap {width: 70%;}
  #inner-contents.personSearchDetail .relationWrap .resultList li a .textWrap .title { font-size:1.125em; }
  #inner-contents.personSearchDetail .relationWrap .resultList li a .textWrap .small-title { font-size:0.875em; }
  #inner-contents.personSearchDetail .relationWrap .resultList li a .imgWrap {width:30%}


  /* 캠퍼스 기록 */
  #inner-contents.campusRecords .relationWrap .searchWrap input[type=text] { width:100%; max-width:768px; }
  #inner-contents.campusRecords .relationWrap .resultList li a .textWrap {width: 70%;}
  #inner-contents.campusRecords .relationWrap .resultList li a .textWrap .title { font-size:1.125em; }
  #inner-contents.campusRecords .relationWrap .resultList li a .textWrap .small-title { font-size:0.875em; }
  #inner-contents.campusRecords .relationWrap .resultList li a .imgWrap {width:30%}


}

@media(max-width:768px){

  /* pagination */
  .pagination {padding: 2rem 0;}
  .pagination ul li a {padding: 0 6px;}
  .pagination ul li.active a:before {width: 24px;height: 24px;}


  /* 기록물 검색 > 통합검색 */
  .search_result .search_insert form {width: 100%;}
  .search_result .search_insert input[type=text] {font-size:1em;}
  .search_result .search_insert .btn_search {width:16px; height:16px; background-size:contain;top:5px;}
  .search_filter .search_index .depth1 {flex-wrap: wrap;}
  .search_filter .search_index .depth1 > li {width: 100%;}
  .search_filter .search_index .depth2 > li:before,
  .search_filter .search_index .depth3 > li:before,
  .search_filter .search_index .depth4 > li:before {top:-15px}
  /* .search_filter .search_index .depth2 > li:first-child:before {height: 55%;} */
  .search_result_list .item {border-bottom:0;}



  /* 기록물 검색 > 통합검색 > 상세 */
  .intergratedSearchDetail h3.tit {padding-right: 2rem; box-sizing: border-box; font-size:1.25em;}
  .intergratedSearchDetail .btn_download {position:absolute; top:0.8rem; right: 1.1rem; padding:0; width: 2rem; font-size:0; border:none;}
  .intergratedSearchDetail .item .detail {}
  .intergratedSearchDetail .item .detail dl {width: 100%; padding:0.5rem 0;}

  /* 기록물 검색 > 인물검색 */
  .wordcloud .wordcloud_filter ol {flex-wrap: wrap;}
  .personSearch_result_list {margin-top:6.25rem}
  .personSearch_result_list .item{flex-wrap:wrap; margin-bottom:1rem;}
  .personSearch_result_list .item .thumb {width: 100%; height:auto; max-height:260px; overflow:hidden;}
  .personSearch_result_list .item .cont {width: 100%;}
  .personSearch_result_list .item .cont .tit a {font-size:1.125em; display: inline;}

  /* 기록물 검색 > 인물검색 상세 */
  #inner-contents.personSearchDetail .table-wrap.information .table-content:nth-last-child(1),
  #inner-contents.personSearchDetail .table-wrap.information .table-content:nth-last-child(2) { width:100%; }

  #inner-contents.personSearchDetail .relationWrap .searchWrap form { width:100%; }
  #inner-contents.personSearchDetail .relationWrap .searchWrap input[type=text] { font-size:1em; }
  #inner-contents.personSearchDetail .relationWrap .searchWrap .btn_search { width:16px; height:16px; top:5px; }

  #inner-contents.personSearchDetail .relationWrap .resultList {align-items: stretch;}
  #inner-contents.personSearchDetail .relationWrap .resultList li {padding: 0.5em 0 0 0;}
  #inner-contents.personSearchDetail .relationWrap .resultList li a { flex-wrap:wrap; }
  #inner-contents.personSearchDetail .relationWrap .resultList li a .textWrap { width:100%; padding:0;}
  #inner-contents.personSearchDetail .relationWrap .resultList li a .imgWrap {width: 100%; height: 80px; }


  /* 온라인전시 */
  .onlineExhibition { padding:50px 0; }
  .onlineExhibition .onlineExhibition_list {max-width:1700px; margin:auto;}

  /* normal */
  .onlineExhibition .slick-list {padding: 60px 0 30px 0 !important; height:60vw; }
  .onlineExhibition .slick-slide .txt_wrap .tit {font-size:1.125em}
  .onlineExhibition .slick-slide .txt_wrap .desc {font-size:0.8em}

  /* center */
  .onlineExhibition .slick-slide.slick-center {top: -42px; }
  .onlineExhibition .slick-slide.slick-center .img_wrap{width: 60vw; height: 60vw; left:-14vw;}
  .onlineExhibition .slick-slide.slick-center .txt_wrap {width:60vw; left:-14vw;}

  /* side */
  .onlineExhibition .slick-slide.side{top: -2.75vw }
  .onlineExhibition .slick-slide.side .img_wrap{width:45vw; left:-30px}
  .onlineExhibition .slick-slide.side .txt_wrap{width:45vw; z-index:2; left:-30px}

  /* edge */
  .onlineExhibition .slick-slide.edge {top:0;}
  .onlineExhibition .slick-slide.edge .img_wrap {width:40vw; }
  .onlineExhibition .slick-slide.edge .txt_wrap {width:40vw; }
  .onlineExhibition .slick-slide.last .img_wrap,
  .onlineExhibition .slick-slide.lat .txt_wrap {left:-10px}


  /* 온라인전시 > 상세(레이어팝업) */
  .onlineExhibition_layerpopup {overflow-y:scroll;}
  .onlineExhibition_layerpopup .btn_close {position: fixed}
  .onlineExhibition_layerpopup .container {position:unset; width: inherit; height:auto;}
  .onlineExhibition_layerpopup .background {width: 100%;height: 100vh;position: unset;transform: none;}
  .onlineExhibition_layerpopup .background:first-child {transform:none}
  .onlineExhibition_layerpopup .background:first-child .cont_wrap {transform: none;}

  .onlineExhibition_layerpopup .cont_wrap {height: 100%;transform: none;margin-top:0;padding: 0 2em 2em 2em;  }
  .onlineExhibition_layerpopup .cont_wrap .tit {font-size: 1.25em;}


  /* 캠퍼스기록 */
  .campusRecords .tab_menu {flex-wrap: wrap;}
  .campusRecords .tab_menu li {flex-grow: 1;}
  .campusRecords .tab_menu li a{font-size: 1rem;padding: 20px 0;}
  .campusRecords .map_wrap {margin-bottom:1rem;}
  .campusRecords .building_list {padding: 2rem 1rem;}
  .campusRecords .building_list li {width:calc(100% / 3); font-size:1em; padding-left:34px;}
  .layerPopupWrap.campusRecords .popBody .desc dl {flex-wrap:wrap; margin-bottom:1em;}
  .layerPopupWrap.campusRecords .popBody .desc dl dt{width:100%}
  .layerPopupWrap.campusRecords .popBody .desc dl dd{width:100%}

  #inner-contents.campusRecords .relationWrap .searchWrap form { width:100%; }
  #inner-contents.campusRecords .relationWrap .searchWrap input[type=text] { font-size:1em; }
  #inner-contents.campusRecords .relationWrap .searchWrap .btn_search { width:16px; height:16px; top:5px; }
  #inner-contents.campusRecords .relationWrap .resultList {align-items: stretch;}
  #inner-contents.campusRecords .relationWrap .resultList li {padding: 0.5em 0 0 0;}
  #inner-contents.campusRecords .relationWrap .resultList li a { flex-wrap:wrap; }
  #inner-contents.campusRecords .relationWrap .resultList li a .textWrap { width:100%; padding:0;}
  #inner-contents.campusRecords .relationWrap .resultList li a .imgWrap {width: 100%; height: 80px; }

  .layerPopupWrap.campusRecords .layerPopupInner {width:90vw;}
}



@media(max-width:360px){



  /* search box */
  .search_box select+select {margin-left:4px;}

  /* 기록물 검색 > 통합검색 */
  .search_filter .btn_close {width:16px;height:16px; background-size:contain;}
  .search_filter .search_index .depth1 > li > p{font-size: 1em; margin-bottom:1em;}


  .search_result {padding-left:0}
  .search_result_list .item .tit {padding:0.5rem 0;}
  .search_result_list .item .tit a {line-height: 1.2;}
  .search_result_list .item .thumb {width: 100%;}

  /* 기록물 검색 > 인물검색 */
  #inner-contents.personSearchDetail .conTitle2 {font-size: 1.5em;}
  .personSearch_result_list .item .cont .detail dl {width: 100%;}

  /* 캠퍼스기록 */
  .campusRecords .building_list li {width:calc(100% / 2);}
  #inner-contents.campusRecords .conTitle2 {font-size: 1.5em;}

}