/* 0002_통합검색 */
.total_search_box{background: url('../../images/sub/img_totalsearch_bg2.jpg') no-repeat left center / cover; padding: 4rem 0 4rem; margin-top: -4rem;}
.total_search_box p{font-size: 2.1rem; font-weight: 700; color: #fff; margin-bottom: 2rem; margin-top: 2rem; text-shadow: 0px 3px 6px rgba(0,0,0,0.15); text-align: center;}
.total_search_box .srch_form {position: relative; width: 45rem; margin: 0 auto; border: 1px solid #666; background: #fff;}
.total_search_box .srch_form select{width: 6rem; border: 0;}
.total_search_box .srch_form input{border: 0; height: 3.8rem; line-height: 3.8rem; background: transparent; width: calc(100% - 4rem); padding: 0 0 0 2rem;}
.total_search_box .srch_form .srch_btn{width: 4rem; height: 4rem; line-height: 3.8rem; text-align: center; position: absolute; top: 0; right: 0; font-size: 1.2rem; color: #000;}
.total_search_box label{display: block; width: 45rem; text-align: right; margin: 1rem auto 0;}
.search_detail{margin-top: 3.5rem;}
.search_detail > p{text-align: center; font-size: 1rem; font-weight: 300;}
.search_detail > p span{font-size: 1.2rem;}
.search_detail .tab_wrap{display: none;}
.search_detail .tab_wrap.open{display: block;}
.search_detail .tab{border-bottom: 2px solid var(--primary); margin-top: 2rem; margin-bottom: 0;}
.search_detail .tab ul li{flex-grow: 0; max-width: 50%;}
.search_detail .tab ul li a{display: block; width: 10rem; max-width: 100%; line-height: 3rem; text-align: center; background: #f2f6ff; color: var(--primary);}
.search_detail .tab ul li.on a{background: var(--primary); color: #fff; font-weight: 700;}
.search_detail .tab_change_con{background: #f8f8f8; padding: 2rem;}
.search_detail .tab_change_con .search_detail_table{width: 45rem; margin: 0 auto;}
.search_detail .tab_change_con .search_detail_table table{border-spacing: 1rem;}
.search_detail .tab_change_con .search_detail_table table input[type="text"],
.search_detail .tab_change_con .search_detail_table table select{background-color: #fff;}
.search_detail .tab_change_con .search_detail_table table th{font-weight: 700;}
.search_detail .search_detail_btn{display: inline-block; position: absolute; top: 0; right: 0; width: 8rem; height: 2.5rem; line-height: 2.5rem; text-align: center; font-size: 0.8rem; border: 1px solid var(--primary); color: var(--primary); background: #f2f6ff;}
.search_detail .search_detail_btn.on i{transform: rotate(180deg);}
.search_result{display: flex; flex-wrap: wrap; margin-top: 2.5rem;}
.search_result .result_tab{position: relative; width: 100%; overflow-x: auto;}
.search_result .result_tab ul{position: relative; display: flex; white-space: nowrap; width: 100%;}
.search_result .result_tab li a{display: block; line-height: 2.5rem; padding: 0 0.5rem;}
.search_result .result_tab li a em{color: var(--primary); font-weight: 700;}
.search_result .result_tab li.on a{border-bottom: 3px solid var(--primary);}
.search_result .search_left{position: relative; width: calc(100% - 12rem); padding-right: 2rem; border-right: 1px solid #666;}
.search_result .search_left::before{position: absolute; width: 250%; height: 1px; background: #666; top: 0; left: -50%; z-index: 1; content: '';}
.search_result .search_left section{position: relative; margin-top: 4rem;}
.search_result .search_left .con_tit{font-size: 1.4rem; font-weight: 700; margin-bottom: 1rem;}
.search_result .search_left .con_tit em{color: var(--primary);}
.search_result .search_left .search_left_list{border-top: 2px solid #000; border-bottom: 1px solid #666;}
.search_result .search_left .search_left_list li{position: relative; padding: 1.75rem 1rem;}
.search_result .search_left .search_left_list li + li{border-top: 1px solid #666;}
.search_result .search_left .search_left_list li > a{display: block;}
.search_result .search_left .view_btn{position: absolute; top: 2rem; right: 0; border: 1px solid #666; border-radius: 0.25rem; background: #f8f8f8; line-height: 0;}
.search_result .search_left .view_btn a{display: inline-block; padding: 0 1rem; color: #888; text-align: center; line-height: 1.75rem; font-size: 0.7rem;}
.search_result .search_left .view_btn a + a{border-left: 1px solid #666;}
.search_result .search_left .view_btn a img{margin-right: 0.25rem;}
.search_result .search_left .search_left_list li .cate{line-height: 1.75rem; color: var(--primary); font-weight: 600;}
.search_result .search_left .search_left_list li .cate span{font-size: 0.7rem; display: inline-block; border: 1px solid var(--primary); padding: 0 0.75rem; border-radius: 1.75rem; margin-right: 0.5rem;}
.search_result .search_left .search_left_list li .tit{display: block; width: 100%; font-size: 1rem; font-weight: 700; margin: 1rem 0 0.5rem;}
.search_result .search_left .search_left_list li .tit em{vertical-align: baseline;}
.search_result .search_left .search_left_list li .tit:hover{text-decoration: underline;}
.search_result .search_left .search_left_list li .txt{width: 100%; height: 3rem; overflow: hidden;}
.search_result .search_left .search_left_list li .txt.ellipsis{height: auto;}
/* 좌측 이미지 + 우측 텍스트 타입 */
.search_result .search_left .ty_img1 ul li{display: flex; justify-content: space-between;}
.search_result .search_left .ty_img1 .img{width: 11rem; height: 7.5rem;}
.search_result .search_left .ty_img1 .txt_wrap{width: calc(100% - 12.5rem); display: flex; flex-wrap: wrap;}
.search_result .search_left .ty_img1 .txt_wrap .info{display: inline-block; margin-bottom: 0.5rem; font-size: 0.7rem; color: #666;}
.search_result .search_left .ty_img1 .txt_wrap .info + .info{margin-left: 0.75rem; padding-left: 0.75rem; border-left: 1px solid #666;}
/* 이미지 5개 */
.search_result .search_left .ty_img2 ul{display: grid; grid-template-columns: repeat(5, 1fr); gap: 1.25rem;}
.search_result .search_left .ty_img2 ul li{padding-left: 0; padding-right: 0;}
.search_result .search_left .ty_img2.ty2 ul{ grid-template-columns: repeat(4, 1fr); gap: 1.5rem;}
.search_result .search_left .ty_img2 ul li .img{width: 100%; height: 7rem;}
.search_result .search_left .ty_img2.ty2 ul li .img{height: 8.5rem;}
.search_result .search_left .ty_img2 ul li .txt{color: #666; font-size: 0.7rem; height: auto;}
.search_result .search_left .btn_more{position: absolute; top: 0.75rem; right: 0; color: #666; font-size: 0.8rem;}
.search_result .search_right{width: 12rem; border-right: 1px solid #666;}
.search_result .search_right .box{margin-top: 0; background: transparent; padding: 1.25rem 1rem; border-bottom: 1px solid #666; font-size: 0.8rem;}
.search_result .search_right .box > a,
.search_result .search_right .box > p{position: relative; display: block; font-weight: 700; line-height: 2rem; font-size: 0.9rem;}
.search_result .search_right .box > a::before{content:"\f077"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 0.6rem; color: #999; position: absolute; top: 0; right: 0;}
.search_result .search_right .box > a.on::before{content: "\f078";}
.search_result .search_right .box label{display: block; margin:0.75rem 0;}
.search_result .search_right .search_list dl{ position: relative;}
.search_result .search_right .search_list dl dt{font-size: 0.9rem; font-weight: 700;}
.search_result .search_right .search_list dl dd .pop_tab{display: flex; margin: 1rem 0;}
.search_result .search_right .search_list dl dd .pop_tab a{display: block; line-height: 1.75rem; border: 1px solid #ddd; color: #999; width: 50%; text-align: center; padding: 0 1rem; font-size: 0.8rem;}
.search_result .search_right .search_list dl dd .pop_tab a.on{background: var(--primary); color: #fff; border: 0;}
.search_result .search_right .search_list dl:nth-of-type(1) dd ul{display: none;}
.search_result .search_right .search_list dl:nth-of-type(1) dd ul.on{display: block;}
.search_result .search_right .search_list dl dd ul li{margin: 0.5rem 0; font-size: 0.8rem; position: relative;}
.search_result .search_right .search_list dl dd ul li:nth-of-type(1) em,
.search_result .search_right .search_list dl dd ul li:nth-of-type(2) em,
.search_result .search_right .search_list dl dd ul li:nth-of-type(3) em{color: #a82020;}
.search_result .search_right .search_list dl dd ul li em{color: var(--primary); font-weight: 600; padding-right: 0.75rem;}
.search_result .search_right .search_list dl dd ul li .search_delete{position: absolute; top: 0; right: 0; color: #ccc;}
.search_result .search_right .con7 ul li{display: inline-block; margin: 0.25rem 0; display: inline-block; line-height: 1.5rem; border: 1px solid #666; font-size: 0.7rem; color: #666; border-radius: 1.5rem; padding: 0 0.5rem; background: #f8f8f8;}
.search_result .search_right .con7 ul li + li{margin-left: 0.5rem;}
.search_result .search_right .con7 ul li a{display: inline-block;}
/* .search_result .search_right .con7 ul li a::after{content:"\f00d"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #666; margin-left: 0.5rem;} */
.search_result .search_right .con8 ul li{display: inline-block; margin: 0.25rem 0;}
.search_result .search_right .con8 ul li + li{margin-left: 0.5rem;}
.search_result .search_right .con8 ul li a{display: inline-block; line-height: 1.5rem; border: 1px solid var(--primary); font-size: 0.7rem; color: var(--primary); border-radius: 1.5rem; padding: 0 0.5rem; background: #f2f6ff;}
.mob_pop_wrap{display: none;}

/* 0002_통합결과_상세 */
.search_result .search_detail_con{position: relative; border-top: 2px solid #000; border-bottom: 1px solid #000; padding: 6rem 0 0;}
.search_result .search_detail_con .search_detail_txt{margin: 3.5rem 0;}
.search_result .search_detail_con .search_detail_list{display: flex; flex-wrap: wrap; border-top: 1px solid #666; border-bottom: 1px solid #666; padding: 0.5rem 0;}
.search_result .search_detail_con .search_detail_list dl{position: relative; display: flex; width: 50%; padding:0.75rem 0 0.75rem 1rem;}
.search_result .search_detail_con .search_detail_list dl::before{width: 0.35rem; height: 0.35rem; border-radius: 50%; background: #000; position: absolute; top: 1.4rem; left: 0; content: '';}
.search_result .search_detail_con .search_detail_list dl dt{width: 7.5rem;}
.search_result .search_detail_con .search_detail_list dl dd{width: calc(100% - 7.5rem);}
.search_result .search_detail_con .search_detail_info{position: relative; padding: 2rem 0 2rem 17.5rem;}
.search_result .search_detail_con .search_detail_info img{position: absolute; top: 50%; left: 2rem; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.search_result .search_left .tab_change{margin-bottom: 0;}
.search_result .search_left .tab_change_con{margin-top: 0;}
.search_result .search_left .tab_change_con .search_left_list{border-top: 0;}
.search_result .search_left .detail_cate{font-size: 0.7rem; display: inline-block; line-height: 1.75rem; color: var(--primary); font-weight: 600; border: 1px solid var(--primary); padding: 0 0.75rem; border-radius: 1.75rem; margin-right: 0.5rem; margin-bottom: 0.25rem;}
.search_result .search_right .con1 ul li{margin-top: 0.75rem;}
.search_result .search_right .con1 ul li a{display: flex;}
.search_result .search_right .con1 ul li a:hover{text-decoration: underline;}
.search_result .search_right .con1 ul li .img{width: 2.5rem; height: 3.5rem;}
.search_result .search_right .con1 ul li .txt{width: calc(100% - 2.5rem); padding-left: 1rem; font-size: 0.7rem; margin-top: 0.5rem;}
.search_result .search_right .con1 ul li .txt .cate::before{content: '#';}

/* 0101_광주의함성 */
.cry_wrap .sub_visual{display: none;}
.cry_wrap .sub_con_wrap{padding: 0;}
.cry_wrap .sub_con_wrap .inner{width: 100%;}
.cry_wrap .snb{top: 4.1rem; width: 72rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 1;}
.cry_wrap .snb::before{width: 100vw; left: 0;}
.cry_wrap .bg{position: relative; width: 100%; height: calc(100vh - 3rem); background: #333;}
.cry_wrap .bg img{width: 100%; height: 100%; object-fit: cover;}
.cry_wrap .bg p{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 100%; color: #fff; font-size: 3rem; text-shadow: 3px 3px 0.75rem rgba(0,0,0,0.1); text-align: center; font-weight: 700;}
.cry_wrap .bg p em{font-size: 1.4rem; display: block;}
.cry_con{position: relative; z-index: 1; background: #fff;}
.cry_con dl{display: flex; justify-content: space-between; padding: 4rem 0;  width: 72rem; margin: 0 auto;}
.cry_con dl + dl{border-top: 1px dashed #666;}
.cry_con dl dt{width: 27rem; font-weight: 700; font-size: 1.6rem;}
.cry_con dl dt em{color: var(--s_primary); font-size: 1.4rem; display: block;}
.cry_con dl dd{width: 42rem; font-size: 1rem;}
.cry_slide_wrap{width: calc((100% - 72rem) / 2 + 72rem); float: right; overflow: hidden;}
.cry_slide{ width: 72rem;}
.cry_slide .slick-list{overflow: visible;}
.cry_slide .item{position: relative; margin-right: 1.5rem;}
.cry_slide .item .img{height: 14rem;}
.cry_slide .item .txt{opacity: 0; position: absolute; line-height: 2.5rem; background: rgba(0,0,0,0.8); color: #fff; text-align: center; z-index: 1; width: 100%; bottom: 0;}
.cry_slide .item:hover .txt,
.cry_slide .item:focus .txt{opacity: 1;}
.cry_link{display: flex;}
.cry_link a{position: relative; display: flex; align-items: flex-end; width: 50%; height: 17rem; background: url('../../images/sub/img_cry_link1.png') no-repeat center / cover; padding: 3rem 4rem;}
.cry_link a::before{width: 100%; height: 100%; background: rgba(0,0,0,0.45); position: absolute; top: 0; left: 0; transition: 0.3s; -webkit-transition: 0.3s; content: '';}
.cry_link a:hover::before{background: rgba(0,0,0,0.6);}
.cry_link a:nth-of-type(2){background-image: url('../../images/sub/img_cry_link2.png'); border-left: 1px solid #fff;}
.cry_link a span{position: relative; font-size: 1.6rem; color: #fff; font-weight: 600; padding-top: 1.5rem;}
.cry_link a span::before{width: 20rem; height: 2px; background: #fff; position: absolute; top: 0; left: 0; content: '';}

/* 0102_518영상 */
.oralist{position: relative; width: 100%; background: #333; margin-top: -4rem; margin-bottom: 6.5rem; padding: 0.8rem 0; font-weight: 300;}
.oralist .ora_more::after{content:"\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 0.5rem; font-size: 0.6rem; color: #666;}
.oralist .ora_slide { margin: 1.2rem 0; overflow: hidden;display: flex;}
.oralist .ora_slide.flow_remove{width: 72rem; max-width: 100%; margin: 1rem auto;}
.oralist .ora_slide.flow_remove .list{flex-wrap: wrap; animation: none !important; display: none;}
.oralist .ora_slide.flow_remove .list:first-child{display: flex; justify-content: center;}
.oralist .ora_slide.ty2.flow_remove{display: none;}
.oralist .ora_slide .list {display: flex;}
.oralist .ora_slide .list > li {white-space: nowrap; line-height: 2.25rem; border-radius: 2.25rem; border: 1px solid #666; width: 6rem; text-align: center; margin: 0 1rem;}
.oralist .ora_slide.flow_remove .list li{margin: 0.5rem 0.3rem;}
.oralist .ora_more{position: absolute; line-height: 2.5rem; bottom: -2.5rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); background: #333; padding: 0 1.5rem; border-radius: 0 0 0.75rem 0.75rem;}
.ora_content section{display: none;}
.ora_content section.active{display: block;}
.ora_content h3{font-size: 1.5rem; font-weight: 700; margin-bottom: 2rem;}
.ora_content .ora_list{position: relative; margin-bottom: 2.5rem;}
.ora_content .ora_list::before{width: 1px; height: calc(100% - 2rem); border-left: 1px dashed #fff; position: absolute; left: 0.45rem; top: 1rem; content: '';}
.ora_content .ora_list li{position: relative; padding-left: 1.75rem;}
.ora_content .ora_list li + li{margin-top: 1.75rem;}
.ora_content .ora_list li::before{width: 1rem; height: 1rem; border-radius: 50%; border: 1px solid #fff; position: absolute; left: 0; top: 0.25rem; background: #333; content: '';}
.ora_content .ora_list li::after{width: 0.4rem; height: 0.4rem; border-radius: 50%; background: #fff; position: absolute; left: 0.3rem; top: 0.55rem; content: '';}
.ora_content video{width: 100%; height: 40.5rem; background: #ccc;}
.ora_content .ora_tab{position: relative; text-align: right; padding-top: 6.5rem;}
.ora_content .ora_tab a{position: absolute; top: 0; right: 0; display: inline-block; line-height: 2.5rem; border: 1px solid #fff; font-size: 0.9rem; padding: 0 1.25rem; margin: 2rem 0;}
.ora_content .ora_tab a.subtitle{right: 7rem;}
.ora_content .ora_tab a.on{background: #fff; color: #000;}
.ora_content .ora_tab a::after{content:"\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 1rem; font-size: 0.8rem;}
.ora_content .ora_tab a.on::after{content: "\f077";}
.ora_content .ora_tab_con{ text-align: left; display: none; align-items: center; background: #333; border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 2rem 0;}#111135
.ora_content .ora_tab_con p{max-height: 11.5rem; overflow-y: auto; padding: 0 1rem;}
.ora_content .ora_tab_con p::-webkit-scrollbar {width: 0.3rem;}
.ora_content .ora_tab_con p::-webkit-scrollbar-thumb {background-color: #666; border-radius: 0.2rem; background-clip: padding-box;}
.ora_content .ora_tab_con p::-webkit-scrollbar-track {background-color: #ccc; border-radius: 0.2rem;}
.ora_content .ora_tab_con.active{display: block;}

@keyframes flowRolling {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

/* 0103_기록과함께보는사적지 */
.history_map_wrap{display: flex; justify-content: center; margin-bottom: -2rem; margin-top:2rem; position: relative;}
.history_map div{position: relative; width: 1240px; height: 1010px; background: url('../../images/sub/history_map/img_history_map.png') no-repeat center / cover; }
.history_map div > img{position: relative; right: 760px; max-width: none;}
@media(min-width:1921px){
    .history_map div{transform: none !important; right: auto !important; top: auto !important;}
}
.history_map ul li{position: absolute; text-align: center; display: inline-block;}
.history_map ul li a{display: block;}
.history_map ul li img.on{opacity: 0; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.history_map ul li.active img.on{opacity: 1;}
.history_map ul li span{position: absolute; bottom: -37px; left: calc(50% - 0.75rem); display: block; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; border-radius: 50%; background: #575757; color: #fff; font-size: 0.7rem;}
.history_map li.active span{background: var(--primary);}
.history_map ul li.mark1{top: 324px; left: 411px;}
.history_map ul li.mark2{top: 446px; left: 411px;}
.history_map ul li.mark3{top: 234px; left: 924px;}
.history_map ul li.mark4{top: 340px; left: 824px;}
.history_map ul li.mark5-1{top: 458px; left: 1138px;}
.history_map ul li.mark5-1 span{bottom: 35px; left: auto; right: 0;}
.history_map ul li.mark5-2{top: 525px; left: 1137px;}
.history_map ul li.mark5-2 span{bottom: 0; left: auto; right: -32px;}
.history_map ul li.mark5-3{top: 503px ; left: 1066px;}
.history_map ul li.mark5-4{top: 479px; left: 959px;}
.history_map ul li.mark5-4 span{ left: -33px; bottom: 0;}
.history_map ul li.mark6{top: 388px ; left: 986px;}
.history_map ul li.mark7{top: 368px ; left: 1043px;}
.history_map ul li.mark7 span{bottom: 25px; left: auto; right: -30px;}
.history_map ul li.mark8{top: 406px ; left: 1107px;}
.history_map ul li.mark9{top: 631px; left: 1127px;}
.history_map ul li.mark10{top: 684px; left: 861px;}
.history_map ul li.mark11{top: 535px; left: 963px;}
.history_map ul li.mark12{top: 560px; left: 1127px;}
.history_map ul li.mark13{top: 641px; left: 645px;}
.history_map ul li.mark14{top: 755px; left: 575px;}
.history_map ul li.mark15{top: 771px; left: 335px;}
.history_map ul li.mark16{top: 494px; left: 287px;}
.history_map ul li.mark17{top: 528px; left: 60px;}
.history_map ul li.mark18{top: 427px; left: 282px;}
.history_map ul li.mark18 span{bottom: auto; top: -37px;}
.history_map ul li.mark19{top: 542px; left: 360px;}
.history_map ul li.mark20{top: 436px; left: 799px;}
.history_map ul li.mark21{top: 498px; left: 579px;}
.history_map ul li.mark22{top: 246px; left: 559px;}
.history_map ul li.mark23{top: 598px; left: 249px;}
.history_map ul li.mark24{top: 72px ; left: 596px;}
.history_map ul li.mark25{top: 571px ; left: 1062px;}
.history_map ul li.mark26{top: 619px; left: 171px;}
.history_map ul li.mark27{top: 466px; left: 205px;}
.history_map ul li.mark28{top: 414px; left: 1029px;}
.history_map ul li.mark29{top: 332px; left: 1023px;}
.history_map ul li.mark29 span{bottom: auto; top: -33px;}


/* percent */
/* .history_map ul li.mark1{top: 32%;left: 33%;}
.history_map ul li.mark2{top: 43.5%;left: 32%;}
.history_map ul li.mark3{top: 23%;left: 74.5%;}
.history_map ul li.mark4{top: 33%;left: 66.5%;}
.history_map ul li.mark5-1{top: 45%;left: 92%;}
.history_map ul li.mark5-1 span{bottom: 35px; left: auto; right: 0;}
.history_map ul li.mark5-2{top: 525px; left: 1137px;}
.history_map ul li.mark5-2 span{bottom: 0; left: auto; right: -32px;}
.history_map ul li.mark5-3{top: 50%;left: 86%;}
.history_map ul li.mark5-4{top: 48%;left: 78%;}
.history_map ul li.mark5-4 span{ left: -33px; bottom: 0;}
.history_map ul li.mark6{top: 38%;left: 79%;}
.history_map ul li.mark7{top: 36.5%;left: 84%;}
.history_map ul li.mark7 span{bottom: 25px; left: auto; right: -30px;}
.history_map ul li.mark8{top: 39.5%;left: 89%;}
.history_map ul li.mark9{top: 62%;left: 91%;}
.history_map ul li.mark10{top: 67%;left: 70%;}
.history_map ul li.mark11{top: 53%;left: 78%;}
.history_map ul li.mark12{top: 56%;left: 91%;}
.history_map ul li.mark13{top: 63%;left: 52%;}
.history_map ul li.mark14{top: 74%;left: 46%;}
.history_map ul li.mark15{top: 76%;left: 27%;}
.history_map ul li.mark16{top: 48.5%;left: 23%;}
.history_map ul li.mark17{top: 51.5%;left: 5%;}
.history_map ul li.mark18{top: 41.5%;left: 23%;}
.history_map ul li.mark18 span{bottom: auto; top: -37px;}
.history_map ul li.mark19{top: 53%;left: 29%;}
.history_map ul li.mark20{top: 42.5%;left: 64.5%;}
.history_map ul li.mark21{top: 48.5%;left: 47%;}
.history_map ul li.mark22{top: 23.5%;left: 45%;}
.history_map ul li.mark23{top: 58%;left: 20%;}
.history_map ul li.mark24{top: 7%;left: 49%;}
.history_map ul li.mark25{top: 56.5%;left: 85%;}
.history_map ul li.mark26{top: 61%;left: 13.5%;}
.history_map ul li.mark27{top: 45.5%;left: 16.5%;}
.history_map ul li.mark28{top: 41%;left: 83%;}
.history_map ul li.mark29{top: 32.5%;left: 82.5%;}
.history_map ul li.mark29 span{bottom: auto; top: -33px;}
.history_map ul li.mark29 span{bottom: auto; top: -33px;} */

.history_wrap{position: relative; width: 32.25rem; padding-right: 1rem; z-index: 999;}
.history_wrap .history_map_btn{
	position: relative; 
	display: flex;
	align-items: center;
	margin: 1rem 0; 
	max-height: none; 
	overflow-x: auto !important; 
	overflow-y: hidden !important; 
	flex-wrap: nowrap; 
	scroll-behavior: auto;
	touch-action: pan-x;
	padding-bottom: 14px;
}
/* .history_wrap .history_map_btn .slick-list{padding-right: 3rem;} */
.history_wrap .history_map_btn .item{margin-right: 0.5rem;}
.history_wrap .history_map_btn .item a{display: inline-block; padding: 0.1rem 1rem; line-height: 2.5rem; border-radius: 2.5rem; text-align: center; background: #ccc;pointer-events: auto;}
/* .history_wrap .history_map_btn .item.slick-current a{background: var(--primary); color: #fff;} */
.history_wrap .history_map_slide{position: relative; z-index: 0; min-height:32rem; }
.history_wrap .history_map_slide .item{padding: 1rem; vertical-align: top;}
.history_wrap .history_map_slide .item .box{padding: 3rem 2rem; border-radius: 1.5rem; background: #fff; box-shadow: 3px 3px 1rem rgba(0,0,0,0.15); width: 27rem; margin: 0 auto;}
.history_wrap .history_map_slide .item .tit{font-size: 1.2rem; font-weight: 700;}
.history_wrap .history_map_slide .item .tit em{display: inline-block; font-weight: 400; vertical-align: middle; font-size: 0.9rem; padding-left: 1rem ;margin-left: 1rem; border-left: 1px solid #666;}
.history_wrap .history_map_slide .item .img{height: 14rem; margin:1rem 0 1.5rem;}
.history_wrap .history_map_slide .item .txt{font-size: 0.9rem; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;}
.history_wrap .control{top: 4rem; right: 1rem; position: absolute;}
.history_wrap .control a{display: inline-block; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center; border-radius: 50%; background: #000; color: #fff;}
/* .history_map div{transform: none !important; right: auto !important; top: auto !important;} */
.history_wrap .history_map_slide .slick-slide {
    opacity: 1 !important;
    visibility: visible !important;
}

.history_wrap .history_map_slide .slick-slide .box {
    opacity: 1 !important;
    visibility: visible !important;
}
.history_map_btn::-webkit-scrollbar {
    height: 12px;
    /* box-shadow: 0 0 0.2rem rgba(0,0,0,0.15); */
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.15);
}
.history_map_btn::-webkit-scrollbar-thumb {
    background-color: #16254d;
    border-radius: 0.5rem;
}
.history_map_btn::-webkit-scrollbar-track {
	background: #fff;
    border-radius: 0.5rem;
}
.history_map_btn .item {
    flex: 0 0 auto;
}
.history_map_btn .item a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}
.history_map_btn .item.active a {
    background: #16254d;
    color: #fff;
}

/* 0103_기록과함께보는사적지_상세 */
.history_map_detail_slide{position: relative; padding: 2.5rem 10rem 2.5rem 0; margin-top: -4rem;}
.history_map_detail_slide::before{width: 100%; height: 2px; border-top: 2px dashed #666; position: absolute; top: 7.4rem; left: 0; content: '';}
.history_map_detail_slide::after{width: 200%; height: 100%; background: #f8f8f8; border-bottom: 1px solid #666; position: absolute; left: -50%; top: 0; z-index: -1; content: '';}
.history_map_detail_slide .item{position: relative; color: #999; vertical-align: top;}
.history_map_detail_slide .item .img_wrap{position: relative; height: 5rem;}
.history_map_detail_slide .item .img_wrap::before{width: 1.5rem; height: 1.5rem; border-radius: 50%; background: var(--primary); position: absolute; bottom: -0.75rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 2; content: '';}
.history_map_detail_slide .item .img_wrap::after{width: 0.8rem; height: 0.8rem; border-radius: 50%; background: #fff; position: absolute; bottom: -0.4rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);  z-index: 2;content: '';}
.history_map_detail_slide .item .img_wrap img{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%) scale(1.1); -webkit-transform: translateX(-50%) scale(1.1);}
.history_map_detail_slide .item .img_wrap img.on{opacity: 0;}
.history_map_detail_slide .item.active{color: var(--primary);}
.history_map_detail_slide .item.active img.on{opacity: 1; z-index: 1;}
.history_map_detail_slide .item a{display: block; text-align: center;}
.history_map_detail_slide .item .num{font-size: 2.4rem; font-weight: 700; display: block;}
.history_map_detail_slide .item p{font-size: 1.2rem; font-weight: 700; line-height: 1.2;}
.history_map_detail_slide ~ .control{position: absolute; right: 0; top: 5.5rem;}
.history_map_detail_slide ~ .control a{display: inline-block; width: 3.5rem; height: 3.5rem; line-height: 3.5rem; text-align: center; border-radius: 50%; background: #000; color: #fff;}
.history_map_detail_box{display: flex; margin: 3.5rem 0 3rem;}
.history_map_detail_box div{width: 50%; height: 36rem;}
.history_map_detail_box .txt_box{background: #f8f8f8; border-bottom: 1px solid #000;}
.history_map_detail_box .txt_box h3{background: var(--primary) url('../../images/sub/img_map_bg.png') no-repeat right bottom; padding: 0 1rem; line-height: 5.5rem; font-size: 1.2rem; color: #fff;}
.history_map_detail_box .txt_box h3 em{padding-left: 0.75rem; margin-left: 0.75rem; border-left: 1px solid #666;}
.history_map_detail_box .txt_box p{ padding: 3rem 2rem; font-size: 1rem;}
.history_detail_con::after{display: block; content: ''; clear: both;}
.history_detail_con li{position: relative; width: 16.5rem; margin-right: 2rem; margin-bottom: 2rem; float: left;}
.history_detail_con li:nth-of-type(4n){margin-right: 0;}
.history_detail_con li .img{position: relative; width: 100%; height: 16.5rem;}
.history_detail_con li .img::before{position: absolute; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; content: '';
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.1) 50%,rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.1) 50%,rgba(0,0,0,0) 100%);
    background: -moz-linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.1) 50%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.1) 50%,rgba(0,0,0,0) 100%);
 }
.history_detail_con li .img img {transition: 0.3s; -webkit-transition: 0.3s;}
.history_detail_con li a:hover .img img{transform: translate(-50%, -50%) scale(1.2); -webkit-transform: translate(-50%, -50%) scale(1.2);}
.history_detail_con li .btn_wrap{position: absolute; z-index: 2; bottom: 0.75rem; left: 0.75rem;}
.history_detail_con li .btn_wrap span{color: #fff; border: 1px solid #fff; border-radius: 2px; font-size: 0.75rem; display: inline-block; padding: 0 0.5rem;}


/* 0104_연관사이트_유관기관 */
.related_list{position: relative;}
.related_list::before{width: 2px; height: calc(100% + 4rem); border-left: 1px solid #666; position: absolute; top: -4rem; left: calc(50% - 1px); content: '';}
.related_list .line{width: 2px; height: calc(100% + 4rem); background: var(--primary); position: absolute; left: calc(50% - 1px); top: -4rem;}
.related_list .line::before{width: 0.45rem; height: 0.45rem; border-radius: 50%; background: var(--primary); position: absolute; bottom: 0; left: calc(50% - 0.2rem); content: '';}
.related_list .line::after{width: 1.1rem; height: 1.1rem; border-radius: 50%; background: rgba(31,57,125,0.2); position: absolute; bottom: -0.35rem; left: calc(50% - 0.5rem); content: '';}
.related_list ul li{display: flex; justify-content: space-between;}
.related_list ul li + li{margin-top: 9rem;}
.related_list ul li:nth-of-type(even){flex-direction: row-reverse;}
.related_list ul li .img{width: 33rem; height: 22rem; box-shadow: 3px 3px 1rem rgba(0,0,0,0.2);}
.related_list ul li .wrap{width: 33rem; margin-top: 4rem;}
.related_list ul li .wrap .tit{font-size: 1.4rem; font-weight: 700; color: var(--primary);}
.related_list ul li .wrap .txt{margin: 1rem 0 2rem;}
.related_list ul li .wrap .link{margin-bottom: 2rem; color: #666;}
.related_list ul li .wrap .link em{display: inline-block; margin-right: 0.5rem; width: 1.25rem; height: 1.25rem; line-height: 1.25rem; border-radius: 50%; background: var(--primary); text-align: center; color: #fff; font-size: 0.6rem;}
.related_list ul li .wrap .btn:hover{background: var(--primary); color: #fff !important;}

/* 0104_연관사이트_관련사이트 */
.site_list dl{position: relative; padding: 3rem; background: #f8f8f8; transition: 0.3s; -webkit-transition: 0.3s;}
.site_list dl:hover{background: #f2f6ff;}
.site_list dl + dl{margin-top: 3rem;}
.site_list dl dt{font-size: 1.4rem; font-weight: 700; margin-bottom: 2rem; margin-right: 10rem;}
.site_list dl dd ul li{padding: 0.25rem 0; display: flex;}
.site_list dl dd ul li .ico{width: 5.5rem; margin-right: 1rem; font-weight: 600; vertical-align: middle;}
.site_list dl dd ul li .ico em{display: inline-block; width: 1.25rem; height: 1.25rem; text-align: center; line-height: 1.25rem; background: var(--primary); border-radius: 50%; color: #fff; margin-right: 0.5rem; font-size: 0.6rem;}
.site_list dl dd a{display: inline-block; line-height: 3rem; padding: 0 1rem; color: var(--primary); border: 1px solid var(--primary); position: absolute; top: 2.5rem; right: 3rem; transition: 0.3s; -webkit-transition: 0.3s;}
.site_list dl dd a:hover{background: var(--primary); color: #fff;}
.site_list dl dd a i{margin-right: 0.5rem;}

/* 0301_전시관층별안내 */
.floor_content{display: flex; justify-content: space-between;}
.floor_content .floor_cont{position: relative; width: calc(100% - 16rem)}
.floor_content .floor_cont .floor_tit{font-size: 1.6rem; font-weight: 600; margin-bottom: 2rem;}
.floor_content .floor_cont .floor_tit em{display: inline-block; border-left: 1px solid #666; padding-left: 1rem; margin-left: 1rem; font-size: 1rem; font-weight: 400;}
.floor_slide_wrap{position: relative; margin-top: 2rem; /* text-align: center; */}
.floor_slide_wrap .item{position: relative;}
.floor_slide_wrap .item .img{position: relative; height: 30rem;}
.floor_slide_wrap .item .txt{position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; line-height: 3.5rem; color: #fff; padding: 0 8rem; font-size: 0.9rem; background: rgba(0,0,0,0.8);}
.floor_slide_wrap .control{width: 100%; position: absolute; bottom: 0; right: 0; text-align: right;}
.floor_slide_wrap .control a{display: inline-block; width: 3.5rem; height: 3.5rem; line-height: 3.5rem; text-align: center; color: #fff; font-size: 1.2rem;}
.floor_slide_wrap .control .count{position: absolute; left: 2rem; line-height: 3.5rem; color: #fff; font-size: 0.9rem; font-weight: 300;}
.floor_slide_wrap .control .count .current{color: var(--s_primary); font-weight: 600;}
.floor_content .floor_info{margin-top: 4rem;}
.floor_content .floor_info img{width: 100%;}
.floor_content .floor_info img.mob{display: none;}
.floor_content .floor_info > div{position: absolute; width: 28rem; bottom: 0; right: 0; padding: 2.5rem 2rem; background: rgba(255,255,255,0.8);}
.floor_content .floor_info > div p{font-size: 1.4rem; font-weight: 700; margin-bottom: 0.5rem;}
.floor_content .floor_info > div a{position: absolute; top: 2.5rem; right: 2rem;}

/* 0302_온라인전시실_리스트 */
.online_archive{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start;}
.online_archive .online_tab {width: 12rem; background: #f8f8f8; padding: 1.25rem 1rem;}
.online_archive .online_tab p{font-size: 1.4rem; font-weight: 600; margin-bottom: 0.5rem;}
.online_archive .online_tab label{display: block; margin-left: 0; margin-top: 1.5rem;}
.online_archive .online_cont{width: calc(100% - 16rem);}
.online_archive .online_cont .online_list{display: flex; flex-wrap: wrap; justify-content: space-between;}
.online_archive .online_cont .online_list li{width: 48%; margin-bottom: 2rem;}
.online_archive .online_cont .online_list li a{position: relative; display: block; overflow: hidden;}
.online_archive .online_cont .online_list li .img{height: 17rem; position: relative; border: 1px solid #ccc;}
.online_archive .online_cont .online_list li .txt{position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.9); color: #fff; padding: 1rem; text-align: center; margin-bottom: -2.5rem; transition: 0.3s; -webkit-transition: 0.3s;}
.online_archive .online_cont .online_list li a:hover .txt,
.online_archive .online_cont .online_list li a:focus .txt{margin-bottom: 0;}
.online_archive .online_cont .online_list li .txt em{display: block; margin-top: 1rem; font-size: 0.8rem;}
.online_archive .online_cont .online_list li .tag{position: absolute; display: inline-block; top: 1.2rem; left: 1rem; display: inline-block; font-size: 0.8rem; width: 4.5rem; line-height: 1.75rem; text-align: center; background: var(--primary); color: #fff;}

/* 0302_온라인전시실_상세 */
.online_archive_view{position: relative; width: 100%; height: 0; padding-bottom: 55%;}
.online_archive_view iframe{width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.online_archive_view .bg{width: 100%; height: 100%;}
.online_archive_view .bg img{width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); object-fit: cover;}
.online_archive_view .mini{position: absolute; top: 0; left: 0; width: 19rem; height: 14rem; background: rgba(0,0,0,0.5);}
.online_archive_view .mini img{max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.online_archive_view .mini .mini_close{position: absolute; top: 0; left: 0;}
.online_archive_view .btn_wrap{position: absolute; top: 1.5rem; right: 1rem;}
.online_archive_view .mini .mini_close,
.online_archive_view .btn_wrap a{display: inline-block; width: 2.7rem; height: 2.7rem; border-radius: 0.25rem; text-align: center; line-height: 2.7rem; background: rgba(0,0,0,0.8); color: #999;}
.online_archive_view .control_wrap{position: absolute; bottom: 1.5rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.online_archive_view .control_wrap a{display: inline-block; width: 2.7rem; height: 2.7rem; border-radius: 0.25rem; text-align: center; line-height: 2.7rem; background: rgba(0,0,0,0.8); color: #999; margin: 0.1rem;}
.online_archive_view .control_wrap a.rot_left{transform: rotate(90deg);}
.online_archive_view .control_wrap a.rot_left i{transform: rotateY(180deg);}
.online_archive_view .control_wrap a.rot_right{transform: rotate(-90deg);}
.online_archive_view .list_wrap{display: none; position: absolute; height: 100%; width: 19rem; right: 0; top: 0; background: #000; padding: 5rem 2rem 2rem;}
.online_archive_view .list_wrap.on{display: block;}
.online_archive_view .list_wrap ul li a{display: block; color: #999; line-height: 4rem; font-size: 1rem;}
.online_archive_view .list_wrap ul li.on a{color: #fff;}
.online_archive_view .list_wrap ul li a i{margin-right: 0.5rem;}
.online_archive_view .list_wrap ul li + li a{border-top: 1px dashed #999;}
.online_archive_view .list_wrap .list_close{position: absolute; top: 1rem; right: 2rem; color: #fff; font-size: 1.2rem;}
.online_archive_view .list_detail_wrap{display: none;position: absolute; bottom: 0; left: 0; width: 29rem; height: 23rem; background: rgba(0,0,0,0.8); padding: 1rem 2rem;}
.online_archive_view .list_detail_wrap.on{display: block;}
.online_archive_view .list_detail_wrap section{display: none; color: #fff;}
.online_archive_view .list_detail_wrap section.on{display: block;}
.online_archive_view .list_detail_wrap section .tit{color: var(--s_primary); font-weight: 700; margin-bottom: 1rem;}
.online_archive_view .list_detail_wrap section .tit i{margin-right: 0.5rem;}
.online_archive_view .list_detail_wrap section .cont .cont_tit{font-size: 1.4rem; font-weight: 700; margin-bottom: 1rem;}
.online_archive_view .list_detail_wrap section .cont p{max-height: 15rem; overflow-y: auto;}
.online_archive_view .list_detail_wrap section .cont p::-webkit-scrollbar {width: 0.3rem;}
.online_archive_view .list_detail_wrap section .cont p::-webkit-scrollbar-thumb {background-color: #666; border-radius: 0.2rem; background-clip: padding-box;}
.online_archive_view .list_detail_wrap section .cont p::-webkit-scrollbar-track {background-color: #ccc; border-radius: 0.2rem;}
.online_archive_view .list_detail_wrap section .online_archive_view_list{height: 17rem; overflow-y: auto;}
.online_archive_view .list_detail_wrap section .online_archive_view_list::-webkit-scrollbar {width: 0.3rem;}
.online_archive_view .list_detail_wrap section .online_archive_view_list::-webkit-scrollbar-thumb {background-color: #666; border-radius: 0.2rem; background-clip: padding-box;}
.online_archive_view .list_detail_wrap section .online_archive_view_list::-webkit-scrollbar-track {background-color: #ccc; border-radius: 0.2rem;}
.online_archive_view .list_detail_wrap section .online_archive_view_list li{display: flex; padding: 1rem 0; border-bottom: 1px dashed #666;}
.online_archive_view .list_detail_wrap section .online_archive_view_list li .img{position: relative; width: 7rem; height: 5rem; margin-right: 1rem;}
.online_archive_view .list_detail_wrap section .online_archive_view_list li  div{width: calc(100% - 8rem);}
.online_archive_view .list_detail_wrap section .online_archive_view_list li > div .tit{font-size: 1rem; font-weight: 700; color: #fff;}
.online_archive_view .list_detail_wrap section .online_archive_view_list li > div span{display: block;}
.online_archive_view .list_detail_wrap .list_detail_wrap_close{position: absolute; top: 0.5rem; right: 1rem; color: #999; font-size: 1.2rem;}
.online_archive_view_txt {padding: 4rem 1.5rem; border-bottom: 1px solid #999;}
.online_archive_view_txt .tit{font-size: 1.4rem; font-weight: 700; margin-bottom: 1.5rem;}
.vr_ex_info_open{display: block; position: absolute; bottom: 1.8rem; right: 2rem; font-size: 1.5rem; color: var(--primary);}
.vr_ex_info_open p{display: none; position: relative; background: #fff; border-radius: 0.25rem; padding: 0.15rem 0.5rem; position: absolute; top: -1.6rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 4.5rem; font-size: 0.8rem; text-align: center; border: 1px solid var(--primary);}
.vr_ex_info_open:hover p{display: block;}
.vr_ex_info_open p::before{width: 0.5rem; height: 0.5rem; background: #fff; transform: translateX(-50%) rotate(45deg); -webkit-transform: translateX(-50%) rotate(45deg); position: absolute; bottom: -0.3rem; left: 50%; border-right: 1px solid var(--primary); border-bottom: 1px solid var(--primary); content: '';}
.online_archive_view .vr_ex_info{position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none;}
.online_archive_view .vr_ex_info img{width: 100%; height: 100%;}
.online_archive_view .vr_ex_info.open{display: block;}
.online_archive_view .vr_ex_info_open{bottom: auto; top: 1rem; right: auto; left: 1.5rem; color: #fff;}

/* 0502_행사일정_리스트 */
.event_wrap::after{display: block; content: ''; clear: both;}
.event_wrap .calendar_box{width: 30rem; float: left; position: sticky; top: 6rem;}
.event_list{width: calc(100% - 34rem); float: right;}
.event_list > ul > li{margin-top: 0.75rem;}
.event_list > ul > li{display: flex; border: 1px solid #ddd; border-left-width: 0.3rem; padding: 1.5rem 1rem; align-items: center; }
.event_list > ul > li.on{color: var(--primary); border-color: var(--primary); border-width: 2px; border-left-width: 0.3rem;}
.event_list > ul > li:hover{ border-color: var(--primary); border-width: 2px; border-left-width: 0.3rem;}
.event_list > ul > li span{width: 4rem; font-size: 2rem; font-weight: 700; text-align: center; line-height: 1.2;}
.event_list > ul > li span em{font-size: 1rem; display: block;}
.event_list > ul > li > ul{width: calc(100% - 4rem); margin-left: 2rem;}
.event_list > ul > li > ul > li a{transition: 0.3s; -webkit-transition: 0.3s;}
.event_list > ul > li > ul > li a:hover{color: var(--primary); text-decoration: underline;}


/* 0502_행사일정_리스트 */
.program_rv_detail{ padding: 4rem 0;}
.program_rv_detail .img_wrap{ text-align: center;}
.program_rv_detail .img_wrap img{max-width: 47rem;}
.program_rv_detail .txt_list{ width: 100%; margin: 2rem 0;}
.program_rv_detail .txt_list .txt_item{ position: relative;width: 100%; padding: 0.75rem 1rem 0.75rem 6.5rem; border-bottom: dashed 2px #ccc}
.program_rv_detail .txt_list .txt_item:last-child{ border-bottom: none}
.program_rv_detail .txt_list .txt_item .tit{ font-size: 1rem; font-weight: 900; position: absolute; top: 0.75rem; left: 1rem;}
.program_rv_detail .txt_list .txt_item .txt{ font-size: 1rem; color: #333;}
.program_rv_detail .txt_list .txt_item .txt .underline{ font-size: 0.9rem}
.detail_btn_wrap .btn{ box-shadow: 3px 3px 10px #00000029; border-radius: 5px; height: 3.5rem; line-height: 3.5rem; font-size: 0.9rem; background: #fff;}

/* 0507_자주묻는질문 */
.qna_wrap{border-top:1px solid #000; border-bottom: 1px solid #999;}
.qna_wrap dl + dl{border-top: 1px solid #666;}
.qna_wrap dl dt a{position: relative; display: block; font-size: 1rem; padding: 1.5rem 2.5rem 1.5rem 6rem;}
.qna_wrap dl.open dt a{color: var(--primary);}
.qna_wrap dl dt a::before{content: 'Q'; font-size: 2rem; color: #999; font-weight: 700; position: absolute; top: 0.75rem; left: 2rem;}
.qna_wrap dl.open dt a::before{color: var(--primary);}
.qna_wrap dl.open dt a::after{content: "\f077"; color: var(--primary);}
.qna_wrap dl dt a::after{content:"\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #999; position: absolute; top: 1.5rem; right: 1rem;}
.qna_wrap dl dd{display: none; position: relative; padding: 2rem 2rem 2rem 6rem; background: #f8f8f8; border-top: 1px solid #666;}
.qna_wrap dl.open dd{display: block;}
.qna_wrap dl dd::before{content: 'A'; font-size: 2rem; color: var(--red); font-weight: 700; position: absolute; top: 1.5rem; left: 2rem;}

/* 0601_인사말 */
.introduce_box{background: url('../../images/sub/bg_introduce.png') no-repeat left center / cover; padding: 2.5rem 2rem; border-radius: 0.5rem;}
.greeting_box{position: relative; display: flex; flex-wrap: wrap; flex-direction: row-reverse; margin-top: 2rem;}
/* .greeting_box::before{width: 100vw; position: absolute; bottom: -5rem; right: calc(-1 * (100vw - 72rem) / 2); height: 33.5rem; background: #f8f8f8 url('../img/sub/bg_greeting_box.png') no-repeat center / 100% auto; z-index: -1; content: ''; } */
.greeting_img{width: 50%;}
.greeting_txt{display: flex; flex-wrap: wrap; justify-content: space-between;}
.greeting_box dl{width: 47%;}
.greeting_box dl.last{padding-top: 9rem; margin-bottom: 2rem;}
.greeting_box dl dt{font-size: 1.6rem; font-weight: 700; word-break: keep-all;}
.greeting_box dl dt span{display: block; color: var(--primary); font-size: 1.2rem;}
.greeting_box dl dd{font-size: 1rem; margin-top: 2rem;}

/* 0602_연혁 */
.history_slide{position: relative; z-index: 10; margin-top: -2rem; margin-bottom: -6.5rem;}
.history_slide .item{position: relative; width: 100%; height: calc(100vh - 5rem);}
.history_slide .item .txt{position: absolute; width: 100%; text-align: center; top: 30%; color: #fff; font-size: 1.4rem; text-shadow: 3px 3px 0.75rem rgba(0,0,0,0.8); word-break: keep-all;}
.history_slide .item .txt .date{font-size: 3rem; display: block;}
.history_slide .item .bg{height: 100%; background: #333;}
.history_slide .item .bg img{width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); -webkit-transform: translate(-50%, -50%) scale(0.9); object-fit: cover; transition: 0.7s; -webkit-transition: 0.7s;}
.history_slide .item.item.slick-current .bg img{ transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1);}
.history_slide_list{width: 69rem; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: 10%; z-index: 11;}
.history_slide_list .item {color: #999; width: 15%; margin: 0 0.75rem; vertical-align: top;}
.history_slide_list .item.slick-current{color: #fff;}
.history_slide_list .item a{display: block;}
.history_slide_list .item a:hover{color: #999;}
.history_slide_list .item .date{display: block; font-size: 1.2rem; font-weight: 700; margin:1rem 0; word-break: keep-all;}
.history_slide_list .item span.progressBar{width: 100%; height: 2px; background-color: rgba(255, 255, 255, 0.7); display: block;}
.history_slide_list .item.slick-current span.progressBar{background-color: #fff;}
.history_slide_list .item span.progressBar .inProgress{background-color: var(--s_primary); width: 0%; height: 2px;}
.history_slide_list .slick-arrow{position: absolute; top: 2.5rem; left: -1.5rem;}
.history_slide_list .slick-arrow::before{content:"\f053"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #fff; font-size: 1.5rem;}
.history_slide_list .slick-arrow.slick-next{left: auto; right: -1.5rem;}
.history_slide_list .slick-arrow.slick-next::before{content:"\f054";}
.history_slide_list .slick-arrow .hid{color: transparent; position: absolute; width: 1px; height: 1px;}
.history_slide_list .progressBar {
    display: block;
    width: 100%;
    height: 2px;
    background: rgba(255, 255, 255, 0.35);
    overflow: hidden;
    position: relative;
}
.history_slide_list .inProgress {
    width: 0;
    height: 100%;
    background: #fff;
}
.history_slide_list .item {
    opacity: 0.55;
    transition: opacity 0.3s ease;
}
.history_slide_list .item.slick-current,
.history_slide_list .item.slick-active.current-item {
    opacity: 1;
}
/* 작가 저작권 안내 문구 */
.author-copyright-notice {
	margin-top: 3.5rem;
	/* margin-bottom: 1rem; */
	padding: 18px 22px;
	border: 1px solid #d8dce5;
	border-left: 4px solid #1f3d8a;
	background: rgba(255, 255, 255, 0.86);
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
	color: #333;
	line-height: 1.7;
}
.author-copyright-notice .notice-title {
	margin: 0 0 8px;
	font-size: 0.95rem;
	font-weight: 700;
	color: #1f3d8a;
}
.author-copyright-notice .notice-text {
	margin: 0;
	font-size: 0.8rem;
	color: #333;
}
 /* 0604_조직현황 */
.organization{position: relative; margin-top: 3rem;}
.organization::before{width: 53.1rem; height: 22.9rem; background: url('../../images/sub/bg_organization.png') no-repeat center / cover; position: absolute; left: calc(50% - 26.5rem); bottom: -13rem; z-index: -1; content: '';}
.organization dt{width: 28.5rem; margin: 0 auto; }
.organization dt a{position: relative; display: block; padding: 2rem 0;background: var(--primary); border-radius: 0.5rem; color: #fff; font-size: 1.4rem; text-align: center; font-weight: 700; margin-bottom: 3.75rem;}
.organization dt a.on{border-radius: 4rem;}
.organization dt a::before{position: absolute; width: calc(100% + 2rem); height: calc(100% + 2rem); top: -1rem; left: -1rem; background:#f2f6ff; border-radius: 4.5rem; z-index: -1; display: none; content: '';}
.organization dt a.on::before{display: block;}
.organization dd{position: relative; display: flex; justify-content: space-between;}
.organization dd::before{width: 100%; height: 1px; background: #666; position: absolute; bottom: 50%; left: 0; content: '';}
.organization dd::after{width: 1px; height: 7.6rem; background: #666; position: absolute; left: 50%; bottom: 3.9rem; content: '';}
.organization dd a{position: relative; display: block; border-radius: 0.5rem; width: 16rem; padding: 1.5rem 1rem; text-align: center; background: var(--s_primary); color: #fff; font-size: 1.5rem;}
.organization dd a.on{border-radius: 2.5rem;}
.organization dd a::before{position: absolute; width: calc(100% + 2rem); height: calc(100% + 2rem); top: -1rem; left: -1rem; background:#edece1; border-radius: 3rem; z-index: -1; display: none; content: '';}
.organization dd a.on::before{display: block;}
.organization_detail{display: none; flex-wrap: wrap; justify-content: space-between;}
.organization_detail.on{display: flex;}
.organization_detail h3{width: 100%;}
.organization_detail dl{display: flex; border: 1px solid #666; width: 48%; margin-bottom: 2rem;}
.organization_detail dl dt{display: flex; align-items: center; justify-content: center; width: 10rem; background: var(--primary); color: #fff; font-size: 1.3rem; font-weight: 700;}
.organization_detail dl dt a{display: block;}
.organization_detail dl dd{width: calc(100% - 10rem); padding: 1.5rem; background: #fff;}
.organization_detail dl dd p{font-size: 1.1rem; font-weight: 700;}
.organization_detail dl dd em{font-size: 1rem;}
.organization_detail dl ul li{padding: 0.6rem 0;}
.organization_detail dl ul li span{display: inline-block; width: 1.5rem; height: 1.5rem; text-align: center; line-height: 1.5rem; border-radius: 50%; background: #f2f6ff; color: var(--primary); margin-right: 0.75rem; font-size: 0.7rem;}

/* 0606_찾아오시는길 */
.map_wrap{position: relative; width: 100%;}
.map_wrap .map{height: 36rem; border: 1px solid #666; background: #ddd;}
.map_wrap .map_detail{width: 21rem; height: 21rem; position: absolute; top: 7.5rem; left: 2rem; background: var(--primary) url('../../images/sub/img_map_bg.png') no-repeat right bottom; color: #fff; padding: 3rem 1.5rem;}
.map_wrap .map_detail .tit{font-size: 1.4rem; font-weight: 700; padding-bottom: 1rem; border-bottom: 1px solid #ddd;}
.map_wrap .map_detail dl{display: flex; margin-top: 1.75rem;}
.map_wrap .map_detail dl dt{width: 5.5rem; font-size: 1rem; font-weight: 700;}
.map_wrap .map_detail dl dt .ico{display: inline-block; vertical-align: middle; font-size: 0.7rem; margin-right: 0.5rem; width: 1.25rem; height: 1.25rem; line-height: 1.25rem; text-align: center; background: #fff; border-radius: 50%; color: var(--primary);}
.map_wrap .map_detail dl dd{width: calc(100% - 5.5rem);}
.map_info_list{display: flex; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 2px solid #333; padding:2rem 0 4rem;}
.map_info_list dl{width: 33.33%; padding: 0 2rem;}
.map_info_list dl + dl{border-left: 1px dashed #666;}
.map_info_list dl dt{font-size: 1rem; font-weight: 700;}
.map_info_list dl dt .ico{display: inline-block; width: 1.5rem; height: 1.5rem; text-align: center; line-height: 1.5rem; border-radius: 50%; background: var(--primary); color: #fff; margin-right: 0.75rem; font-size: 0.7rem;}
.map_info_list dl dd ul li{padding: 0.6rem 0;}
.map_info_list dl dd ul li::before{content: '-';}
.traffic{display: flex; margin-top: 2rem; padding-top: 2rem;}
.traffic + .traffic{border-top: 1px solid #ccc;}
.traffic dt{width: 33.33%;}
.traffic dd{width: 66.66%;}
.traffic dd ul li{font-size: 1rem; padding: 1rem 0; word-break: auto-phrase;}
.traffic dd ul li:first-child{padding-top: 0;}
.traffic dd ul li + li{border-top: 1px dashed #666;}
.traffic dd ul li p{font-size: 1.2rem; font-weight: 700; margin-bottom: 1rem;}
.traffic dd ul li p .ico{display: inline-block; width: 1.5rem; height: 1.5rem; text-align: center; line-height: 1.5rem; border-radius: 50%; background: var(--primary); color: #fff; margin-right: 0.75rem; font-size: 0.7rem;}

/* 0701_사이트맵 */
.sitemap_1depth{display: flex; flex-wrap: wrap;}
.sitemap_1depth > li{width: 33.333%; font-weight: 700;}
.sitemap_1depth > li > button{display: block; width: 100%; line-height: 5rem; background: #f8f8f8; padding: 0 2rem; font-size: 1.4rem; text-align: left; font-weight: 700;}
.sitemap_1depth > li > button > span{width: 1px; height: 1px; position: absolute; color: transparent;}
.sitemap_1depth > li > ul{padding: 1rem 2rem;}
.sitemap_1depth > li > ul > li a{position: relative; padding:1rem 1.5rem; font-size: 1rem; display: block;}
.sitemap_1depth > li > ul > li a:hover{text-decoration: underline;}
.sitemap_1depth > li > ul > li a::before{width: 0.25rem; height: 0.25rem; border-radius: 50%; background: #000; position: absolute; left: 0; top: 1.6rem; content: '';}

/* 0702_개인정보처리방침 */
.privacy_box{background: url('../../images/sub/bg_privacy.png') no-repeat center / cover; color: #fff; padding: 4rem 0;}
.privacy_box p{width: 40rem; margin: 0 auto;}
.privacy_box select{color: #fff; background-color: transparent;  background-image: url('../../images/com/layout/ic_down_w.svg'); background-size: 0.7rem;}
.privacy_box select option{color: #333;}

/* 0704_이메일무단수집거부 */
.email_list{display: flex; padding: 1rem 0;}
.email_list + .email_list{border-top: 1px dashed #666;}
.email_list dt{width: 5rem; font-size: 1rem; font-weight: 700;}
.email_list dd{width: calc(100% - 5rem);}

/* 0802_기록물기증이용신청 */
.donation_list{display: flex; border-bottom: 1px solid #333; padding:2rem 0;}
.donation_list dl{width: 33.33%; padding: 0 2rem;}
.donation_list.li2 dl{width: 50%;}
.donation_list dl + dl{border-left: 1px dashed #666;}
.donation_list dl dt{font-size: 1rem; font-weight: 700;}
.donation_list dl dt .ico{display: inline-block; width: 1.5rem; height: 1.5rem; text-align: center; line-height: 1.5rem; border-radius: 50%; background: var(--primary); color: #fff; margin-right: 0.75rem; font-size: 0.7rem;}
.donation_list dl dd ul li{padding: 0.6rem 0;}
.donation_list dl dd ul li::before{content: '-';}
.donation_tbl.no_data{border-top: 1px solid #000; border-bottom: 1px solid #666; padding: 4rem 0; text-align: center; color: #999;}
.donation_tbl table {table-layout: fixed; line-height: 1.6rem; text-align: center; border-top: 2px solid #000;}
.donation_tbl table thead th {padding: 1rem 0.5rem;color: #222; font-weight: 600;border-bottom: 1px solid #666; background: #f8f8f8; vertical-align: middle;}
.donation_tbl table tbody td {padding: 1rem 0.5rem;border-bottom: 1px solid #666; vertical-align: middle;}
.donation_tbl table tbody td .mob_tit{display: none;}
.donation_tbl table tbody tr:hover {background: #f2f6ff;}
#cancle_popup p i{color: #666; margin-right: 0.5rem;}

.detail_table {
    width: 900px !important;
    position: relative !important;
    border-top: 2px solid #333 !important;
    border-bottom: 1px solid #999 !important;
    word-break: keep-all !important;
}
.detail_table th {
    padding: 1rem !important;
    vertical-align: middle !important;
    color: #222 !important;
    font-size: 0.85rem !important;
    font-weight: 400 !important;
    font-weight: normal !important;
    border-bottom: 1px solid #b9b9b9 !important;
    border-left: 1px solid #d2d2d2 !important;
    background: #e9e9e9 !important;
    text-align: center !important;
}
.detail_table tbody {
    text-align: center !important;
}
.detail_table tbody tr {
    background-color: #f8f8f8 !important;
}
.detail_table tbody tr:nth-child(1) {
    font-weight: bold !important;
}
.detail_table tbody tr:nth-child(1) td {
    background: #e9e9e9 !important;
}
.detail_table tbody tr td {
    background-color: #f8f8f8 !important;
    padding: 0.4rem !important;
    border-bottom: 1px solid #d2d2d2 !important;
    border-left: 1px solid #d2d2d2 !important;
    border-right: 1px solid #d2d2d2 !important;
    word-break: break-all !important;
    vertical-align: middle !important;
    color: #333 !important;
    line-height: 1.5 !important;
}
/* 책나래 서비스 */
.booknara_wrap {
	padding: 35px 0 60px;
	color: #222;
}

.booknara_top {
	display: flex;
    align-items: center;
    gap: 2rem;
    margin-bottom: 2rem;
    padding: 1.2rem 2rem;
    background: #F8F8F8;
    box-sizing: border-box;
}
.booknara_icon {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: #dfe9f7;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.booknara_icon i {
	font-size: 2rem;
	color: #16254d;
}
.booknara_intro strong {
	display: block;
	margin-bottom: 0.5rem;
	font-size: 1rem;
	font-weight: 700;
	color: #16254d;
}
.booknara_intro p {
	margin-bottom: 0.75rem;
	font-size: 0.9rem;
	line-height: 1.7;
	color: #222;
}
.booknara_btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem 0.75rem;
	background: #16254d;
	color: #fff;
	font-size: 0.8rem;
	text-decoration: none;
}
.booknara_btn:hover {
	color: #fff;
	background: #1f5fb4;
}
.booknara_tit {
	position: relative;
	margin: 2.5rem 0 1rem;
	padding-left: 15px;
	font-size: 1.1rem;
	font-weight: 700;
	color: #222;
}
.booknara_tit::before {
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	width: 4px;
	height: 20px;
	background: #16254d;
}
.booknara_tbl {
	margin-bottom: 2.5rem;
}
.booknara_tbl table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	border-top: 2px solid #333;
    border-bottom: 1px solid #999;
}
.booknara_tbl caption {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
}
.booknara_tbl th {
	padding: 0.75rem;
	background: #e9e9e9;
	font-size: 0.9rem;
	font-weight: 600;
	text-align: center;
	color: #222;
	border-left: 1px solid #d2d2d2;
}
.booknara_tbl th:nth-child(1) {
	border-left: none;	
}
.booknara_tbl td {
	padding: 0.75rem;
	font-size: 0.9rem;
	line-height: 1.6;
	text-align: center;
	color: #333;
	border-bottom: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
}
.booknara_tbl td:nth-child(1) {
	border-left: none;	
}
.booknara_tbl tr {
	background-color: #f8f8f8;
}
.booknara_tbl td:nth-child(2) {
	text-align: center;
}
.booknara_text_left td:nth-child(2) {
	text-align: left;
}
.booknara_tbl td:nth-child(3) {
	text-align: center;
}
.booknara_note {
	margin: 0.75rem 0 2.5rem;
}
.booknara_note p {
	margin: 0.5rem 0;
	font-size: 0.9rem;
	line-height: 1.6;
	color: #333;
}
.booknara_list {
	padding: 0;
	list-style: none;
}
.booknara_list li {
	position: relative;
	margin: 0.5rem 0;
	padding-left: 15px;
	font-size: 0.9rem;
	line-height: 1.6;
	color: #222;
}
.booknara_list li::before {
	content: "·";
	position: absolute;
	left: 0;
	top: 0;
}
.booknara_step_wrap {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
}
.booknara_step {
    width: 15%;
    min-height: 160px;
    border: 1px solid #d2d2d2;
    background: #f5f5f5;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.booknara_step .step_cont {
    flex: 1;
    padding: 1rem 0.75rem;
    font-size: 0.9rem;
    line-height: 1.25;
    color: #222;
    text-align: center;
    word-break: keep-all;
    display: flex;
    align-items: center;
    justify-content: center;
}
.step_cont_1 {
	text-align: left !important;
}
.booknara_step .step_user {
    height: 45px;
    line-height: 45px;
    border-top: 1px solid #d2d2d2;
    background: #fff;
    font-size: 0.9rem;
    color: #000;
    text-align: center;
}
.step_arrow {
    font-size: 2rem;
    color: #16254d;
    font-weight: 600;
    line-height: 1;
}
.booknara_step a {
    color: #333;
    text-decoration: underline;
    text-underline-offset: 2px;
}
@media screen and (max-width: 1200px) {
	.booknara_step {
    	min-height: 200px;
	}
}
@media screen and (max-width: 1024px) {
	.booknara_tit::before {
	    top: 5px;
	    width: 4px;
	    height: 18px;
	}
	.booknara_step .step_cont {
    	padding: 0.75rem;
	}
	.booknara_step_wrap {
	    flex-wrap: wrap;
	}
	.booknara_step {
    	width: 20%;
	}
    .booknara_step {
        min-height: 150px;
    }
}
@media screen and (max-width: 768px) {
	.booknara_icon i {
		font-size: 2rem;
	}
	.booknara_tbl {
		overflow-x: auto;
	}
	.booknara_tbl table {
		min-width: 650px;
	}
	.booknara_tit {
		font-size: 1rem;
	}
	.booknara_intro p,
	.booknara_tbl th,
	.booknara_tbl td,
	.booknara_note p,
	.booknara_list li {
		font-size: 0.85rem;
	}
	.booknara_step_wrap {
        overflow-x: auto;
        padding-bottom: 0.75rem 0.75rem;
    }
}
@media screen and (max-width: 720px) {
	.booknara_tbl table {
		min-width: 600px;
	}
}
@media screen and (max-width: 713px) {
    .booknara_step {
        width: 26%;
    }
}
@media screen and (max-width: 628px) {
    .booknara_step {
        width: 25%;
    }
    .booknara_step .step_cont {
	    font-size: 0.8rem;
    }
    .booknara_tbl table {
		min-width: 500px;
	}
}
@media screen and (max-width: 560px) {
	.booknara_icon {
		width: 60px;
		height: 60px;
	}
	.booknara_icon i {
		font-size: 1.4rem;
	}
	.booknara_top {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.5rem;
		padding: 1rem;
	}
    .booknara_step {
        width: 40%;
    }
    .booknara_tbl table {
		min-width: 450px;
	}
}
@media screen and (max-width: 460px) {
    .booknara_step {
        width: 38%;
    }
    .booknara_tbl table {
        min-width: 400px;
    }
}
@media screen and (max-width: 390px) {
    .booknara_step {
        width: 37%;
    }	
}

@media(max-width:1920px){
    .history_map{width: calc(100% - 28rem);}
    .history_map div{position: absolute; transition: 0.3s; -webkit-transition: 0.3s;}
    .history_wrap{width: 28rem; padding-left: 1rem;}
    .history_wrap > p{padding: 1rem; border-radius: 0.5rem; background: #fff; box-shadow: 0 0 0.5rem rgba(0,0,0,0.15); margin-top: 4rem;}
    .history_wrap .control{top: 3rem;}
    .history_wrap .history_map_slide .item .box{width: auto;}
}

@media(max-width:1440px){
    /* 0101_광주의함성 */
    .cry_wrap .snb{left: 1rem; transform: none; -webkit-transform: none;}
    .cry_wrap .sub_con_wrap .inner{padding: 0;}
    .cry_wrap .bg{height: 100vh;}
    .cry_wrap .bg p em{font-size: 1.2rem;}
    .cry_con dl{width: 100%; padding: 3rem 1rem;}
    .cry_slide_wrap{width: 100%; padding-left: 1rem;}

    /* 0102_518영상 */
    .ora_content video{height: 30rem;}

    /* 0103_기록과함께보는사적지_상세 */
    .history_detail_con li{width: 23.5%; margin-right: 2%;}

    /* 0104_연관사이트_유관기관 */
    .related_list::before{height: 100%; top:0;}
    .related_list .line{height: 100%; top: 0;}
    .related_list ul li .img{width: 45%; height: 19rem;}
    .related_list ul li .wrap{width: 45%; margin-top: 1rem;}
    .related_list ul li + li{margin-top: 5rem;}

    /* 0502_행사일정_리스트 */
    .event_wrap{flex-wrap: wrap;}
    .event_wrap .calendar_box{width: 100%; position: static;}
    .event_list{width: 100%; margin-top: 2rem;}
    .event_list > ul > li a > ul{margin-left: 1rem;}
    .program_rv_detail .img_wrap img{max-width: 100%;}

    /* 0601_인사말 */
    .greeting_box::before{width: calc(100% + 2rem); right: -1rem;}

    /* 0602_연혁 */
    .history_slide .item .txt{font-size: 1.2rem;}
    .history_slide .item .txt .date{font-size: 2rem;}
    .history_slide_list{width: calc(100% - 5rem); left: 2.5rem; transform: none; -webkit-transform: none;}
}

@media(max-width:1024px){
    /* 0002_검색결과 */
    .total_search_box{padding: 8rem 0 2rem;}
    .total_search_box p{font-size: 1.6rem;}
    .total_search_box .srch_form{width: calc(100% - 2rem); margin-left: 1rem; }
    .total_search_box label{width: calc(100% - 2rem); margin-left: 1rem; }
    .total_search_box .srch_form input{height: 2.8rem; line-height: 2.8rem;}
    .total_search_box .srch_form .srch_btn{width: 3rem; height: 3rem; line-height: 2.8rem;}
    .search_detail .tab{margin-top: 3rem;}
    .search_detail .search_detail_btn{top: 2.25rem;right: 1rem; border: 0; background: #fff; width: auto;}
    .search_detail .tab_change_con{padding: 1rem;}
    .search_detail .tab_change_con .search_detail_table{width: 100%;}
    .search_detail .tab_change_con .search_detail_table table,
    .search_detail .tab_change_con .search_detail_table tbody,
    .search_detail .tab_change_con .search_detail_table tbody tr,
    .search_detail .tab_change_con .search_detail_table tbody th,
    .search_detail .tab_change_con .search_detail_table tbody td{display: block; width: 100%;}
    .search_detail .tab_change_con .search_detail_table tbody th{text-align: left; margin: 1rem 0 0.5rem;}
    .search_detail .tab_change_con .search_detail_table table input.w_400{width: calc(100% - 12.5rem);}
    .search_detail .tab_change_con .search_detail_table table input.cal{width: calc(50% - 0.45rem);}
    .search_result .search_right{display: none;}
    .search_result .search_left{width: 100%; padding-right: 0; border-right: 0;}
    .search_result .search_left .con_tit{font-size: 1.2rem; margin-bottom: 0.5rem;}
    .search_result .search_left .btn_more{top: 0.25rem;}
    .search_result .search_left .search_left_list li{flex-wrap: wrap; padding: 1rem 0;}
    .search_result .search_left .search_left_list li .cate{margin-top: 1rem;}
    .search_result .search_left .search_left_list li .cate span{line-height: 1.5rem;}
    .search_result .search_left .search_left_list li .cate em{font-size: 0.8rem;}
    .search_result .search_left .search_left_list li .tit{margin-top: 0.5rem;}
    .search_result .search_left .search_left_list li .view_btn{display: inline-block; margin-top: 1rem; position: relative; top: auto; right: auto;}
    /* 텍스트 type1 */
    .search_result .search_left .ty_img1 .img{width: 100%; height: 11rem;}
    .search_result .search_left .ty_img1 .txt_wrap{width: 100%;}
    /* 이미지 type2 */
    .search_result .search_left .ty_img2 ul,
    .search_result .search_left .ty_img2.ty2 ul{grid-template-columns: repeat(2, 1fr);}
    .search_result .search_left .ty_img2 ul li:nth-of-type(n+3){display: none;}

    /* search_layer */
    .mob_pop_wrap{display: block;}
    .mob_pop_wrap .mob_search_txt > a{position: relative; width: 100%; display: block; line-height: 3rem; border: 1px solid var(--primary); color: var(--primary); margin-top: 3rem; padding: 0 1rem;}
    .mob_pop_wrap .mob_search_txt ul{display: none;}
    .mob_pop_wrap .search_list{position: relative; padding-top: 2.25rem;}
    .mob_pop_wrap .search_list dl dt{position: absolute; width: 33.33%; top: 0; background: #f2f6ff; text-align: center; color: var(--primary); line-height: 2.25rem; font-size: 0.8rem; border-bottom: 2px solid var(--primary); font-weight: 700;}
    .mob_pop_wrap .search_list dl:nth-of-type(2) dt{left: 33.33%;}
    .mob_pop_wrap .search_list dl:nth-of-type(3) dt{left: 66.66%;}
    .mob_pop_wrap .search_list dl.active dt{border: 2px solid var(--primary); border-bottom: 0; background: #fff;}
    .mob_pop_wrap .search_list dl dd{position: relative; width: 100%; display: none;}
    .mob_pop_wrap .search_list dl.active dd{display: block;}
    .mob_pop_wrap .search_list dl dd .pop_tab{display: flex; position: relative; margin: 1rem 0;}
    .mob_pop_wrap .search_list dl dd .pop_tab a{display: block; line-height: 2rem; border: 1px solid #ddd; color: #999; width: 50%; text-align: center; padding: 0 1rem;}
    .mob_pop_wrap .search_list dl dd .pop_tab a.on{background: var(--primary); color: #fff; border: 0;}
    .mob_pop_wrap .search_list dl dd .search_all_delete{position: absolute; top: 0; right: 1.25rem; color: #666; text-decoration: underline; font-size: 0.8rem;}
    .mob_pop_wrap .search_list dl dd .search_all_delete i{display: none;}
    .mob_pop_wrap .search_list dl:nth-of-type(1) dd ul{display: none;}
    .mob_pop_wrap .search_list dl:nth-of-type(1) dd ul.on{display: block;}
    .mob_pop_wrap .search_list dl dd ul li{margin: 0.75rem 0; font-size: 0.8rem; position: relative;}
    .mob_pop_wrap .search_list dl dd ul li:nth-of-type(1) em,
    .mob_pop_wrap .search_list dl dd ul li:nth-of-type(2) em,
    .mob_pop_wrap .search_list dl dd ul li:nth-of-type(3) em{color: #a82020;}
    .mob_pop_wrap .search_list dl dd ul li em{color: var(--primary); font-weight: 600; padding-right: 1.25rem;}
    .mob_pop_wrap .search_list dl dd ul li .search_delete{position: absolute; top: 0; right: 0; color: #ccc;}
    .mob_pop_wrap .search_list dl dd p{font-size: 0.9rem; color: #888; text-align: center;}
    .mob_pop_wrap .search_list dl dd ul.del_list{margin-top: 1.5rem; padding-bottom: 3rem;}
    .mob_pop_wrap .search_list dl dd ul.del_list li{line-height: 2.5rem; margin: 0;}
    .mob_pop_wrap .search_list dl dd ul.del_list li + li{border-top: 1px dashed #666;}
    .mob_pop_wrap .search_list dl dd .search_all_delete{top: auto; bottom: 0; line-height: 1.75rem; background: #eee; width: 5rem; text-decoration: none; text-align: center; right: 0;}
    .mob_pop_wrap .search_list dl dd .search_all_delete i{display: inline-block; margin-right: 0.25rem;}

    /* 0002_검색결과_상세 */
    .search_result .search_left .detail_cate{line-height: 1.25rem;}
    .search_result .search_detail_con .search_detail_txt{margin: 2rem 0;}
    .search_result .search_detail_con .search_detail_list dl{width: 100%;}
    .search_result .search_detail_con .search_detail_list dl dt{width: 6rem;}
    .search_result .search_detail_con .search_detail_list dl dd{width: calc(100% - 6rem);}
    .search_result .search_detail_con .search_detail_info{padding-left: 0;}
    .search_result .search_detail_con .search_detail_info img{position: relative; left: auto; top: auto; transform: none; -webkit-transform: none; margin-bottom: 1rem;}

    /* 0101_광주의함성 */
    .cry_wrap{margin-top: -3rem !important;}
    .cry_wrap .snb{display: block !important; position: relative; left: 0; width: 100%; top: calc(100vh + 3rem) !important; margin-top: 0; z-index: 2;}
    .cry_wrap .snb_util{top: calc(100vh + 3rem) !important;}
    .cry_wrap .sub_visual{display: block; height: 0; position: relative; z-index: 100;}
    .cry_wrap .snb::before{width: 100%; background: #000;}
    .cry_wrap .bg p{font-size: 2rem;}
    .cry_con{padding-top: 3rem;}
    .cry_con dl{flex-wrap: wrap;}
    .cry_con dl dt{width: 100%; font-size: 1.3rem;}
    .cry_con dl dt em{font-size: 1.2rem;}
    .cry_con dl dd{width: 100%; font-size: 0.9rem; margin-top: 1rem;}
    .cry_slide_wrap{margin-top: -2rem;}
    .cry_link a{height: 14rem; padding: 2rem;}
    .cry_link a span{font-size: 1.3rem; padding-top: 1rem;}
    .cry_link a span::before{width: 15rem;}

    /* 0103_기록과함께보는사적지 */
    .history_map{display: none;}
    .history_wrap{width: 100%;}
    .history_wrap > p{display: none;}
    .history_wrap .control{top: 2rem;}
    .history_wrap .history_map_btn{margin: 3.5rem 0 0.5rem;}
    .history_wrap .history_map_slide .slick-list{overflow: visible;}
    .history_wrap .history_map_slide .item{padding: 1rem 0; overflow: visible;}
    .history_wrap .history_map_slide .item .box{padding: 1.5rem; border-radius: 0.75rem;}
    .history_map_wrap{margin-bottom: 0;}

    /* 0103_기록과함께보는사적지_상세 */
    .history_map_detail_slide{width: calc(100% + 1rem); padding: 1.5rem 0;}
    .history_map_detail_slide::before{top: 6.5rem;}
    .history_map_detail_slide .item .num{font-size: 1.5rem; margin-top: 1rem;}
    .history_map_detail_slide .item p{font-size: 0.9rem;}
    .history_map_detail_slide .item .img_wrap::before{width: 1rem; height: 1rem; bottom: -0.5rem;}
    .history_map_detail_slide .item .img_wrap::after{width: 0.4rem; height: 0.4rem; bottom: -0.2rem;}
    .history_map_detail_slide .item .img_wrap img{max-width: 5.5rem; max-height: 4rem;}
    .history_map_detail_slide ~ .control{top: 12.5rem; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%);}
    .history_map_detail_slide ~ .control a{width: 2.5rem; height: 2.5rem; line-height: 2.5rem;}
    .history_map_detail_box{flex-wrap: wrap;}
    .history_map_detail_box .map{height: 20rem;}
    .history_map_detail_box div{width: 100%; height: auto;}
    .history_map_detail_box .txt_box{background: none; border-bottom: 0;}
    .history_map_detail_box .txt_box h3{line-height: 3.5rem; font-size: 1rem; margin: 1rem 0;}
    .history_map_detail_box .txt_box p{padding: 0; font-size: 0.9rem;}
    .history_detail_con{flex-wrap: wrap;}
    .history_detail_con li{width: 49%; margin-bottom: 1rem;}
    .history_detail_con li:nth-of-type(2n){margin-right: 0;}
    .history_detail_con li .img{height: 12rem;}

    /* 0104_연관사이트_관련사이트 */
    .site_list dl{padding: 2rem;}
    .site_list dl dd a{top: 2rem; right: 2rem; line-height: 2.5rem;}

    /* 0301_전시관층별안내 */
    .floor_content{flex-wrap: wrap;}
    .floor_content .floor_cont{width: 100%;}
    .floor_slide_wrap .item .txt{padding: 0 6rem 0 4rem; line-height: 3rem;}
    .floor_slide_wrap .item .img{height: 20rem;}
    .floor_slide_wrap .control a{width: 3rem; height: 3rem; line-height: 3rem; }
    .floor_slide_wrap .control .count{line-height: 3rem;}
    .floor_content .floor_info > div{padding: 1.5rem;}
    .floor_content .floor_info > div a{top: 1.25rem;}

    /* 0302_온라인전시실_리스트 */
    .online_archive{display: block; margin-top: -2rem;}
    .online_archive .online_tab{width: calc(100% + 2rem); margin-left: -1rem; margin-bottom: 1rem;}
    .online_archive .online_tab p{display: none;}
    .online_archive .online_tab label{display: inline-block; margin-top: 0;}
    .online_archive .online_tab label + label{margin-left: 1rem;}
    .online_archive .online_cont{width: 100%;}

    /* 0302_온라인전시실_상세 */
    .online_archive_view .mini{display: none;}

    /* 0601_인사말 */
    .introduce_box{padding: 1.5rem 1rem;}
    .greeting_box{flex-direction: column;}
    .greeting_box::before{display: none;}
    .greeting_box .greeting_img{width: 100%; text-align: center;}
    .greeting_box .greeting_img img{width: 25rem;}
    .greeting_box .greeting_txt{width: 100%; padding-right: 0;}
    .greeting_box dl.last{position: relative; padding-top: 4rem; margin-bottom: 0 ;}
    .greeting_box dl.last::before{width: calc(100% + 2rem); height: calc(100% + 5rem); background: #f8f8f8; left: -1rem; top: 1rem; position: absolute; z-index: -1; content: ''; }
    .greeting_box dl dd{margin-top: 1rem;}
    .greeting_box dl dt{font-size: 1.2rem;}
    .greeting_box dl dt span{font-size: 1rem;}

    /* 0602_연혁 */
    .history_slide .item .txt{top: auto; left: 1rem; bottom: 3rem; text-align: left; font-size: 1rem;}
    .history_slide .item .txt .date{font-size: 2rem;}
    .history_slide_list{bottom: auto; top: 0; left: 0; flex-wrap: wrap; background: rgba(0,0,0,0.6); padding: 0; width: 100%;}
    .history_slide_list .item{width: 33.33%; text-align: center; border-left: 1px solid #666; margin: 0;}
    .history_slide_list .item.current{background: var(--s_primary); color: #000;}
    .history_slide_list .item a{display: flex; height: 4rem; justify-content: center; flex-wrap: wrap;}
    .history_slide_list .item .date{font-weight: 400; margin: 0.5rem 0; font-size: 0.9rem;}
    .history_slide_list .item .txt{display: none;}
    .history_slide_list .item span.progressBar{background: #666;}
    .history_slide_list .slick-arrow{top: auto; bottom: -3rem; left: calc(50% - 2.75rem); width: 2.5rem; height: 2.5rem; line-height: 2.5rem; border-radius: 50%; background: rgba(0,0,0,0.5);}
    .history_slide_list .slick-arrow::before{font-size: 1.2rem;}
    .history_slide_list .slick-arrow.slick-next{right: calc(50% - 2.75rem);}

    /* 0604_조직현황 */
    .organization::before{width: 26.5rem; height: 11.4rem; left: calc(50% - 13rem); bottom: -6rem;}
    .organization dt {width: 100%;}
    .organization dt a{border-radius: 0.25rem; width: 100%; padding: 1rem 0; font-size: 1.2rem;}
    .organization dt a::before{width: calc(100% + 0.5rem); height: calc(100% + 0.5rem); left: -0.25rem; top: -0.25rem;}
    .organization dd::after{height: 6.8rem; bottom: 3.1rem;}
    .organization dd a{width: 9.5rem; font-size: 1rem; border-radius: 0.25rem; padding: 1.5rem 0.5rem;}
    .organization dd a::before{width: calc(100% + 0.5rem); height: calc(100% + 0.5rem); left: -0.25rem; top: -0.25rem;}
    .organization_detail dl{width: 100%; margin-bottom: 1.5rem;}

    /* 0606_찾아오시는길 */
    .map_wrap .map_detail{position: relative; top: auto; left: auto; height: auto; width: 100%;}
    .map_wrap .map{margin-top: -5rem; height: 30rem;}
    .map_info_list{flex-wrap: wrap; border-left: 0; border-right: 0; padding: 0;}
    .map_info_list dl{width: 100%; padding: 2rem 0;}
    .map_info_list dl + dl{border-left: 0; border-top: 1px dashed #666; padding: 1.5rem 0;}
    .traffic{margin-top: 0; padding-top: 2rem; flex-wrap: wrap;}
    .traffic dt{width: 100%;}
    .traffic dt br{display: none;}
    .traffic dd{width: 100%;}
    .traffic dd ul li{font-size: 0.9rem; padding: 1.5rem 0;}
    .traffic dd ul li p{font-size: 1rem;}

    /* 0701_사이트맵 */
    .sitemap_1depth > li > button{line-height: 4rem; padding: 0 1.5rem; font-size: 1.2rem;}
    .sitemap_1depth > li > ul > li a{padding: 0.75rem 1rem;}

    /* 0702_개인정보처리방침 */
    .privacy_box{padding: 4rem 1rem;}
    .privacy_box p{width: 100%;}

    /* 0802_기록물기증이용신청 */
    .donation_list{flex-wrap: wrap; padding: 0;}
    .donation_list.li2 dl{width: 100%;}
    .donation_list dl{width: 100%; padding: 1.5rem 0;}
    .donation_list dl + dl{border-left: 0; border-top: 1px dashed #666;}

    /* 0803_견학신청 */
    #change_popup .layer_cont{flex-direction:row-reverse; flex-wrap: wrap;}
    #change_popup .calendar_box {width: 100%; padding: 1rem 1rem 0; margin-bottom: 2rem;}
    #change_popup .reser_change_box{width: 100%; padding-left: 0; margin-left: 0; border-left: 0;}
    #change_popup .web_none{display: block; text-align: center; width: 100%; margin-bottom: 1rem;}
    #change_popup .web_none em{font-size: 1.2rem; font-weight: 700; display: block; margin-bottom: 0.5rem;}
    .reser_change_box .tbl table th, .reser_change_box .tbl table td{font-size: 0.8rem; padding: 0.25rem;}
    .reser_change_box .after{flex-wrap: wrap; height: auto; padding: 0.5rem;}
    .reser_change_box .after dl{width: 100%; margin: 0.5rem 0;}
    .reser_change_box .after dl + dl{margin-left: 0; padding-left: 0; border-left: 0;}


    #change_popup .layer_pop{height: auto;}
}

@media(max-width: 830px){
    .history_slide{margin-top: -2rem; margin-bottom: -3rem;}
    .history_map_detail_slide{margin-top: -2rem;}
    .history_wrap .history_map_btn .item{margin-right: 0.5rem;}
}

@media(max-width:800px){
    /* 0002_검색결과 */
    .search_detail .tab_change_con .search_detail_table table input.w_400{width: calc(100% - 9.5rem);}
    .search_result .search_left .view_btn a{padding: 0 0.75rem;}

    /* 0101_광주의함성 */
    .cry_link{flex-wrap: wrap;}
    .cry_link a{width: 100%; height: auto;}
    .cry_link a span{border-left: 2px solid #fff; padding:1rem 1.5rem;}
    .cry_link a span::before{display: none;}

    /* 0102_518영상 */
    .oralist{margin-top: -2rem; margin-bottom: 4rem;}
    .oralist .ora_slide{margin:0.8rem 0;}
    .ora_content h3{margin-bottom: 1rem; font-size: 1.3rem;}
    .ora_content .ora_list li + li{margin-top: 1.25rem;}
    .ora_content video{height: 15rem;}
    .ora_content .ora_tab{padding-top: 5.5rem;}
    .ora_content .ora_tab a{margin: 1.5rem 0;}

    /* 0104_연관사이트_유관기관 */
    .related_list{padding-left: 2rem;}
    .related_list::before{left: 0.5rem; height: 100%; top:0;}
    .related_list .line{left: 0.5rem; height: 100%; top: 0;}
    .related_list ul li{flex-wrap: wrap;}
    .related_list ul li + li{margin-top: 5rem;}
    .related_list ul li:nth-of-type(even){flex-direction: column;}
    .related_list ul li .img{width: 100%; height: 15rem;}
    .related_list ul li .wrap{width: 100%; margin-top: 1rem;}
    .related_list ul li .wrap .txt{margin-bottom: 1rem;}

    /* 0104_연관사이트_연관사이트 */
    .site_list dl{padding: 1.5rem;}
    .site_list dl dt{font-size: 1.2rem; margin-right: 0; margin-bottom: 0;}
    .site_list dl dd a{position: relative; right: auto; top: auto; display: block; width: 8.5rem; padding: 0; margin: 1.5rem auto 0; text-align: center;}
    .site_list dl dd ul li{flex-wrap: wrap; padding: 0.5rem 0 0 1.5rem;}
    .site_list dl dd ul li .ico{width: 100%; margin-left: -1.5rem;}

    /* 0301_전시관층별안내 */
    .floor_content .floor_info{position: relative; background:  no-repeat center;}
    .floor_content .floor_info img{display: none;}
    .floor_content .floor_info img.mob{display: block; width: calc(100% + 2rem); max-width: none; margin-left: -1rem;}
    .floor_content .floor_info > div{position: relative; margin-top: -7rem; background: #fff; border-radius: 0.25rem; box-shadow: 0 3px 6px rgba(0,0,0,0.15); width: 100%; padding: 1rem;}
    .floor_content .floor_info > div a{position: relative; top: auto; left: 50%; transform:translateX(-50%); -webkit-transform: translateX(-50%);}

    /* 0302_온라인전시실_리스트 */
    .online_archive .online_tab{margin-bottom: 0;}
    .online_archive .online_cont .online_list li .img{height: 14rem;}

    /* 0302_온라인전시실_상세 */
    .online_archive_view .control_wrap{left: auto; right: 1.5rem; transform: none; -webkit-transform: none;}
    .online_archive_view .list_wrap{padding: 3rem 1rem 1rem; width:13rem;}
    .online_archive_view .list_wrap ul li a{line-height: 3rem;}
    .online_archive_view .list_wrap .list_close{top: 0.5rem; right: 1rem;}
    .online_archive_view .list_detail_wrap{width: 100%;height: 100%; padding: 1rem;}
    .vr_ex_info_open{bottom: 1.3rem; right: 1.5rem; font-size: 1.2rem;}

    /* 0502_행사일정_리스트 */
    .program_rv_detail_wrap .tit_wrap{ display: block}
    .program_rv_detail_wrap .btn_area{ margin-left: 0}
    .program_rv_detail{ padding: 1.5rem 0; display: block}
    .program_rv_detail .img_wrap{ width: 100%; margin-right: 0; margin-bottom: 1rem}
    .program_rv_detail .txt_list{margin: 0;}
    .program_rv_detail .txt_list .txt_item{ padding: 1rem 0}
    .program_rv_detail .txt_list .txt_item .tit{position: static; margin-bottom: 0.25rem;}

    /* 0507_자주묻는질문 */
    .qna_wrap dl dt a{padding: 1rem 2.5rem 1rem 4rem;}
    .qna_wrap dl dt a::after{top: 1rem;}
    .qna_wrap dl dt a::before{top: 0.25rem; left: 1rem;}
    .qna_wrap dl dd{padding: 1rem;}
    .qna_wrap dl dd::before{display: none;}

    /* 0604_조직현황 */
    .organization_detail dl dt{width: 6rem; font-size: 0.9rem;}
    .organization_detail dl dd{width: calc(100% - 6rem); padding: 1rem;}
    .organization_detail dl dd p{font-size: 1rem;}

    /* 0606_찾아오시는길 */
    .map_wrap .map{margin-top: -5rem; height: 20rem;}

    /* 0701_사이트맵 */
    .sitemap_1depth > li{width: 50%;}
    .sitemap_1depth > li > ul{padding: 1rem;}

    /* 0801_인사말 */
    .greeting_box dl{width: 100%;}
    .greeting_box dl:last-child{margin-top: 2.5rem;}

    /* 0802_기록물기증이용신청 */
    .donation_tbl table colgroup {display: none;}
    .donation_tbl table thead {display: none;}
    .donation_tbl table tbody tr:after {content: "";display: block;clear: both;overflow: hidden;}
    .donation_tbl table {text-align: left;}
    .donation_tbl table tbody tr {position: relative;display: block;padding: 1rem 0;border-bottom: 1px solid #666;}
    .donation_tbl table tbody td {display: block; border: none; padding: 0; font-size: 0.8rem;}
    .donation_tbl table tbody td br{display: none;}
    .donation_tbl table tbody td.num{display: none;}
    .donation_tbl table tbody td.noti_tit{float: none; width: calc(100% - 1.75rem); color: #000; font-weight: 700; margin-bottom: 0.5rem; font-size: 1rem;}
    .donation_tbl table tbody td .mob_tit{display: inline-block; color: #999; font-weight: 700; margin-right: 0.5rem;}
    .donation_tbl table tbody td .mob_tit + a{text-decoration: underline;}
    .donation_tbl table tbody td .btn_wrap{margin-top: 1rem;}
    .donation_tbl table tbody td .btn_wrap a{width: 48%;}
    .cancle_wrap .btn{width: auto; top: 0; right: 0;}
    
    .detail_table {
    	width: 800px !important;
    }
}
@media(max-width:600px){
	.history_slide .item .txt {
    	width: 92%;
	}
}
@media(max-width:480px){
    /* 0101_광주의 함성 */
    .cry_slide_wrap{padding: 0 1rem;}
    .cry_slide{width: 100%;}
    .cry_slide .item .img{height: 11rem;}

    .history_detail_con li .img{height: 10rem;}

    /* 0104_연관사이트_유관기관 */
    .related_list ul li .img{height: 12rem;}

    /* 0104_연관사이트_관련사이트 */
    .site_list dl + dl{margin-top: 1.5rem;}
    .site_list dl dd ul li{flex-wrap: wrap;}
    .site_list dl dd ul li .ico{width: 100%;}

    /* 0301_전시관층별안내 */
    .floor_content .floor_cont .floor_tit{margin-bottom: 1rem;}
    .floor_content .floor_cont .floor_tit em{padding-left: 0; margin-left: 0; border-left: 0; display: block;}
    .floor_slide_wrap .item .img{height: 15rem;}

    /* 0302_온라인전시실_리스트 */
    .online_archive .online_cont .online_list li{width: 100%;}
    .online_archive .online_cont .online_list li .img{height: 12rem;}

    /* 0302_온라인전시실_상세 */
    .online_archive_view_txt .tit{font-size: 1.2rem; margin-bottom: 1rem;}
    .online_archive_view .btn_wrap{top: 1rem;}
    .online_archive_view .control_wrap{right: 1rem; bottom: 1rem;}
    .online_archive_view_txt{padding: 2.5rem 1rem;}

     /* 0701_사이트맵 */
     .sitemap_1depth > li{width: 100%;}
     .sitemap_1depth > li > button{font-size: 1.1rem; line-height: 3rem;}
     .sitemap_1depth > li > ul > li a{padding: 0.5rem 1rem; font-size: 0.9rem;}
     .sitemap_1depth > li > ul > li a::before {top: 1.1rem;}

     /* 0803_견학신청 */
     #change_popup .layer_cont{padding: 1rem;}
     #change_popup #datepicker .ui-datepicker-calendar tbody tr td a{width: 1.8rem; height: 1.8rem; line-height: 1.8rem;}
     #change_popup #datepicker .ui-datepicker-calendar tbody tr td a{margin: 0.15rem;}
}