.permanent-exhibition-list {
    display:flex;
    align-items:center;
    column-gap:7.5rem;
}

.permanent-exhibition-list .exhibition-map {
    width:70.5rem;
    padding:6rem 3.5rem;
    background-color:#eee;
    border-radius:3rem;
}

.permanent-exhibition-list .exhibition-map strong.floor {
    font-size:4rem;
    letter-spacing:-0.025em;
    color:#040404;
    font-weight:500;
    line-height:1;
}

.permanent-exhibition-list .exhibition-map strong.floor span { 
    font-weight:700;
    letter-spacing:-0.025em;
    color:#040404;
    font-size:5.4rem
}

.permanent-exhibition-list .exhibition-map .map-img {
    width:50.9rem;
    height:30.4rem;
    margin:3rem auto 0 auto;
    position:relative;
}

.permanent-exhibition-list .exhibition-map .map-img .exhibition-list {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}

.permanent-exhibition-list .exhibition-map .map-img .exhibition-list ul li {
    position:absolute;
}

.permanent-exhibition-list .exhibition-map .map-img .exhibition-list ul li a {
    display:inline-flex;
    align-items:center;
    position:relative;
}

.permanent-exhibition-list .exhibition-map .map-img .exhibition-list ul li a strong {
    display:flex;
    align-items:center;
    justify-content: center;
    width:5rem;
    height:5rem;
    border-radius:50%;
    font-size:2rem;
    letter-spacing:-0.025rem;
    color:#fff;
    font-weight:900;
}

.permanent-exhibition-list .exhibition-map .map-img .exhibition-list ul li a span {
    display:flex;
    align-items:center;
    justify-content:center;
    height:4rem;
    padding:0 2rem 0 3.5rem;
    background-color:#fff;
    border-radius:2rem;
    font-size:1.6rem;
    letter-spacing:-0.025em;
    font-weight:800;
    margin-left:-2.5rem;
}

.permanent-exhibition-list .exhibition-map .map-img .exhibition-list ul li:nth-child(1) {
    bottom:-6.5%;
    left:30%
}

.permanent-exhibition-list .exhibition-map .map-img .exhibition-list ul li:nth-child(1) a strong {
    background-color:#7e625e;
    position:relative;
}

.permanent-exhibition-list .exhibition-map .map-img .exhibition-list ul li:nth-child(1) a span {
    border:1px solid #7e625e;
    color:#7e625e;
}

.permanent-exhibition-list .exhibition-map .map-img .exhibition-list ul li:nth-child(2) {
    left:48%;
    top:38%;
}

.permanent-exhibition-list .exhibition-map .map-img .exhibition-list ul li:nth-child(2) a strong {
    background-color:#61503b;
    position:relative;
}

.permanent-exhibition-list .exhibition-map .map-img .exhibition-list ul li:nth-child(2) a span {
    border:1px solid #61503b;
    color:#61503b;
}

.permanent-exhibition-list .exhibition-map .map-img .exhibition-list ul li:nth-child(3) {
    right:-18%;
    top:7%;
}

.permanent-exhibition-list .exhibition-map .map-img .exhibition-list ul li:nth-child(3) a strong {
    background-color:#a9916b;
    position:relative;
}

.permanent-exhibition-list .exhibition-map .map-img .exhibition-list ul li:nth-child(3) a span {
    border:1px solid #a9916b;
    color:#a9916b;
}

.permanent-exhibition-list .exhibition-map .map-img .exhibition-list ul li:nth-child(4) {
    right:9%;
    top:-11%; 
}

.permanent-exhibition-list .exhibition-map .map-img .exhibition-list ul li:nth-child(4) a strong {
    background-color:#556151;
    position:relative;
}

.permanent-exhibition-list .exhibition-map .map-img .exhibition-list ul li:nth-child(4) a span {
    border:1px solid #556151;
    color:#556151;
}

.permanent-exhibition-list .exhibition-map .map-img .exhibition-list ul li:nth-child(5) {
    left:8%;
    top:-3%;
}

.permanent-exhibition-list .exhibition-map .map-img .exhibition-list ul li:nth-child(5) a strong {
    background-color:#45505c;
    position:relative;
}

.permanent-exhibition-list .exhibition-map .map-img .exhibition-list ul li:nth-child(5) a span {
    border:1px solid #45505c;
    color:#45505c;
}

.permanent-exhibition-list .exhibition-map .map-img .exhibition-list ul li:nth-child(6) {
    left:48%;
    bottom:16%;
}

.permanent-exhibition-list .exhibition-map .map-img .exhibition-list ul li:nth-child(6) a strong {
    background-color:#4d555d;
    background-image:url(../images/content/floor_ico.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:2.2rem;
    position:relative;
}

.permanent-exhibition-list .exhibition-map .map-img .exhibition-list ul li:nth-child(6) a span {
    border:1px solid #4d555d;
    color:#4d555d;
}

.permanent-exhibition-list .exhibition-map .map-img .exhibition-list ul li:nth-child(7) {
    top:47%;
    left:-5%;
}

.permanent-exhibition-list .exhibition-map .map-img .exhibition-list ul li:nth-child(7) a strong {
    background-color:#999088;
    background-image:url(../images/content/observatory_ico.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:3.1rem;
    position:relative;
}

.permanent-exhibition-list .exhibition-map .map-img .exhibition-list ul li:nth-child(7) a span {
    border:1px solid #999088;
    color:#999088;
}

.permanent-exhibition-list .exhibition-map .map-img .mobile-exhibition-mark {
    display:none;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:30.4rem;
}

.permanent-exhibition-list .exhibition-map .map-img .mobile-exhibition-mark ul li {
    position:absolute;
}

.permanent-exhibition-list .exhibition-map .map-img .mobile-exhibition-mark ul li strong {
    display:flex;
    align-items:center;
    justify-content: center;
    width:5rem;
    height:5rem;
    border-radius:50%;
    font-size:2rem;
    letter-spacing:-0.025rem;
    color:#fff;
    font-weight:900;
}

.permanent-exhibition-list .exhibition-map .map-img .mobile-exhibition-mark ul li:nth-child(1) {
    left:32%;
    bottom:10%;
}

.permanent-exhibition-list .exhibition-map .map-img .mobile-exhibition-mark ul li:nth-child(1) strong {
    background-color:#7e625e;
    position:relative;
}

.permanent-exhibition-list .exhibition-map .map-img .mobile-exhibition-mark ul li:nth-child(2) {
    left:39%;
    top:39%;
}

.permanent-exhibition-list .exhibition-map .map-img .mobile-exhibition-mark ul li:nth-child(2) strong {
    background-color:#61503b;
    position:relative;
}

.permanent-exhibition-list .exhibition-map .map-img .mobile-exhibition-mark ul li:nth-child(3) {
    right:8%;
    top:23%;
}

.permanent-exhibition-list .exhibition-map .map-img .mobile-exhibition-mark ul li:nth-child(3) strong {
    background-color:#a9916b;
    position:relative;
}

.permanent-exhibition-list .exhibition-map .map-img .mobile-exhibition-mark ul li:nth-child(4) {
    right:28%;
    top:0; 
}

.permanent-exhibition-list .exhibition-map .map-img .mobile-exhibition-mark ul li:nth-child(4) strong {
    background-color:#556151;
    position:relative;
}

.permanent-exhibition-list .exhibition-map .map-img .mobile-exhibition-mark ul li:nth-child(5) {
    left:40%;
    top:5%;
}

.permanent-exhibition-list .exhibition-map .map-img .mobile-exhibition-mark ul li:nth-child(5) strong {
    background-color:#45505c;
    position:relative;
}

.permanent-exhibition-list .exhibition-map .map-img .mobile-exhibition-mark ul li:nth-child(6) {
    left:55%;
    bottom:32%;
}

.permanent-exhibition-list .exhibition-map .map-img .mobile-exhibition-mark ul li:nth-child(6) strong {
    background-color:#4d555d;
    background-image:url(../images/content/floor_ico.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:2.2rem;
    position:relative;
}

.permanent-exhibition-list .exhibition-map .map-img .mobile-exhibition-mark ul li:nth-child(7) {
    top:45%;
    left:18%;
}

.permanent-exhibition-list .exhibition-map .map-img .mobile-exhibition-mark ul li:nth-child(7) strong {
    background-color:#999088;
    background-image:url(../images/content/observatory_ico.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:3.1rem;
    position:relative;
}

.permanent-exhibition-list .exhibition-con {
    width:100%;
    max-width:calc(100% - 78rem);
}

.permanent-exhibition-list .exhibition-con ul li {
    display:none;
}

.permanent-exhibition-list .exhibition-con ul li.is-active {
    display:block;
}

.permanent-exhibition-list .exhibition-con ul li dl dt {
    display:flex;
    align-items:center;
    column-gap:2rem;
    padding-bottom:3rem;
}

.permanent-exhibition-list .exhibition-con ul li dl dt span.num {
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    width:8rem;
    height:8rem;
    border-radius:50%;
    font-size:3.3rem;
    color:#fff;
    letter-spacing:-0.05em;
    font-weight:700;
    font-family:"Paperlogy","Pretendard", sans-serif;
}

.permanent-exhibition-list .exhibition-con ul li dl dt span.name {
    font-size:4.4rem;
    letter-spacing:-0.025em;
    font-weight:700;
    color:#333;
}

.permanent-exhibition-list .exhibition-con ul li dl dd {
    display:flex;
    column-gap:3.5rem;
    padding:2.5rem 0;
    border-bottom:1px solid #cccccc;
}

.permanent-exhibition-list .exhibition-con ul li dl dd .img {
    width:21rem;
}

.permanent-exhibition-list .exhibition-con ul li dl dd .txt {
    width:calc(100% - 24.5rem);
    font-size:2.2rem;
    letter-spacing:-0.01em;
    font-weight:500;
    color:#040404;
    line-height:1.4;
}

.permanent-exhibition-list .exhibition-con ul li.zone1 dl dt {
    border-bottom:0.3rem solid #7e625e;
}

.permanent-exhibition-list .exhibition-con ul li.zone1 dl dt span.num {
    background-color:#7e625e;
}

.permanent-exhibition-list .exhibition-con ul li.zone2 dl dt  {
    border-bottom:0.3rem solid #61503b;
}

.permanent-exhibition-list .exhibition-con ul li.zone2 dl dt span.num {
    background-color:#61503b;
}

.permanent-exhibition-list .exhibition-con ul li.zone3 dl dt {
    border-bottom:0.3rem solid #a9916b;
}

.permanent-exhibition-list .exhibition-con ul li.zone3 dl dt span.num {
    background-color:#a9916b;
}

.permanent-exhibition-list .exhibition-con ul li.zone4 dl dt {
    border-bottom:0.3rem solid #556151
}

.permanent-exhibition-list .exhibition-con ul li.zone4 dl dt span.num {
    background-color:#556151;
}

.permanent-exhibition-list .exhibition-con ul li.zone5 dl dt {
    border-bottom:0.3rem solid #44505c
}

.permanent-exhibition-list .exhibition-con ul li.zone5 dl dt span.num {
    background-color: #45505c;
}

.permanent-exhibition-list .exhibition-con ul li.floor dl dt {
    border-bottom:0.3rem solid #4d555d
}

.permanent-exhibition-list .exhibition-con ul li.floor dl dt span.num {
    background-image:url(../images/content/floor_ico_big.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:3.6rem;
    background-color:#4d555d;
}

.permanent-exhibition-list .exhibition-con ul li.observatory dl dt {
    border-bottom:0.3rem solid #999088
}

.permanent-exhibition-list .exhibition-con ul li.observatory dl dt span.num {
    background-image:url(../images/content/observatory_ico_big.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:4.9rem;
    background-color:#999088;
}

.exhibition-detail {
    display:none;
}

.exhibition-detail .exhibition-detail-slide {
    position:relative;
    /* border-radius:3rem 0 3rem 3rem;
    border:1px solid #b52b23;
    overflow:hidden; */
}

.exhibition-detail .exhibition-detail-slide .exhibition-detail-imgs {
    width:100%;
    max-width:102.5rem;
    overflow:hidden;
    border-radius: 3rem;
    border: 1px solid #b52b23;
    margin: 0 auto;
}

.exhibition-detail .exhibition-detail-slide .exhibition-info {
    /* position:absolute; */
    /* width:40rem; */
    width:100%;
    max-width:102.5rem;
    height:100%;
    /* background-color:#fbf3f2; */
    /* z-index:1;
    right:0;
    top:0; */
    display:flex;
    justify-content: flex-end;
    margin:20px auto 0 auto;
    /* flex-direction:column;
    justify-content:space-between; 
    padding:5.5rem;
    border-radius:3rem 0.3rem 3rem 0;
    box-shadow:0 0 1rem rgba(28,8,8,0.28);*/
}

.exhibition-detail .exhibition-detail-slide .exhibition-info .info-wrap {
    display:none;
}

.exhibition-detail .exhibition-detail-slide .exhibition-info .info-wrap dl {
    display:flex;
    column-gap:2.5rem;
    margin-bottom:1.5rem;
}

.exhibition-detail .exhibition-detail-slide .exhibition-info .info-wrap dl:last-child {
    margin-bottom:0;
}

.exhibition-detail .exhibition-detail-slide .exhibition-info .info-wrap dl dt {
    font-size:2.4rem;
    letter-spacing:-0.025em;
    color:#b52b23;
    font-weight:800;
    line-height:1.4;
    width:8.2rem;
}

.exhibition-detail .exhibition-detail-slide .exhibition-info .info-wrap dl dd {
    font-size:2.4rem;
    font-weight:500;
    letter-spacing:-0.025em;
    color:#444444;
    line-height:1.4;
    width:calc(100% - 10.7rem)
}

.exhibition-detail .exhibition-detail-slide .exhibition-info .slide-control {
    display:flex;
    position:relative;
    width:100%;
    max-width:30rem;
}

.exhibition-detail .exhibition-detail-slide .exhibition-info .slide-control:before {
    content:"";
    display:block;
    width:1px;
    height:100%;
    background-color:rgba(255,255,255,0.5);
    position:absolute;
    left:50%;
    top:0;
    transform:translateX(-50%);
}

.exhibition-detail .exhibition-detail-slide .exhibition-info .slide-control button {
    width:50%;
    height:8.2rem;
    background-color:#b52b23;
    background-position:center;
    background-repeat:no-repeat;
    font-size:0;
    text-indent:-999999999em;
    background-size:3.7rem;
}

.exhibition-detail .exhibition-detail-slide .exhibition-info .slide-control button.exhibition-detail-prev {
    border-radius:4.1rem 0 0 4.1rem;
    background-image:url(../images/content/exhibition_detail_prev.png)
}

.exhibition-detail .exhibition-detail-slide .exhibition-info .slide-control button.exhibition-detail-next {
    border-radius:0 4.1rem 4.1rem 0;
    background-image:url(../images/content/exhibition_detail_next.png)
}

.exhibition-detail .exhibition-detail-con {
    margin-top:5rem;
    border-bottom:1px solid #d3d3d3;
    padding-bottom:5rem;
}

.exhibition-detail .exhibition-detail-con .con-top {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    row-gap:2rem;
    justify-content: space-between;
}

.exhibition-detail .exhibition-detail-con .con-top .left {
    display:flex;
    align-items:center;
    gap:2rem;
}

.exhibition-detail .exhibition-detail-con .con-top .num {
    width:8.9rem;
    height:8.9rem;
    display:flex;
    align-items:center;
    text-align: center;
    justify-content: center;
    font-size:3.6rem;
    letter-spacing:-0.05em;
    font-family:"Paperlogy","Pretendard", sans-serif;
    color:#fff;
    font-weight:700;
    background-color:#b52b23;
    border-radius:3rem 3rem 0 3rem;
}

.exhibition-detail .exhibition-detail-con .con-top .subj {
    font-size:4.2rem;
    letter-spacing:-0.025em;
    color:#333;
    font-weight:600;
}

.exhibition-detail .exhibition-detail-con .con-top .view-vr {
    display:inline-flex;
    align-items:center;
    justify-content: center;
    gap:0.8rem;
    height:6.5rem;
    padding:0 2.5rem;
    border:1px solid #aeaeae;
    border-radius:0.9rem;
    font-size:2.2rem;
    font-weight:800;
    letter-spacing:-0.05em;
    color:#3a3a3a;
}

.exhibition-detail .exhibition-detail-con .con-top .view-vr:before {
    content:"";
    display:block;
    width:4.5rem;
    height:3.7rem;
    background-image:url(../images/content/vr_ico.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:4.5rem;
}

.exhibition-detail .exhibition-detail-con .con-top .view-vr:after {
    content:"";
    display:block;
    width:1.1rem;
    height:1.3rem;
    background-image:url(../images/content/vr_link.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:1.1rem;
}

.exhibition-detail .exhibition-detail-con .con-txt {
    padding-left:10.9rem;
    margin-top:2rem;
    line-height:1.8;
    font-size:2.2rem;
    color:#444;
    letter-spacing:-0.025em;
}

.online-exhibition {
    padding:4.4rem;
    background-image:url(../images/content/online_exhibition_bg.png);
    background-position:center;
    border-radius:5rem;
}

.online-exhibition .con {
    width:100%;
    height:100%;
    border:1px solid rgba(232,232,232,0.5);
    border-radius:5rem;
    position:relative;
    padding:8.5rem;
    display:flex;
    align-items:center;
    gap:4rem;
}

.online-exhibition .con .txt {
    width:100%;
    max-width:41.4rem;
}

.online-exhibition .con .txt strong {
    color:#fff;
    font-size:6rem;
    font-weight:500;
    letter-spacing:-0.025em;
    display:block;
    line-height:1;
}

.online-exhibition .con .txt strong span {
    font-weight:800;
}

.online-exhibition .con .txt p {
    font-size:2.4rem;
    letter-spacing:-0.025em;
    color:rgba(255,255,255,0.8);
    font-weight:500;
    margin-top:4.5rem;
}

.online-exhibition .con .vr-view {
    position:absolute;
    right:2.5rem;
    bottom:2.5rem;
    font-size:3.6rem;
    color:#fff;
    letter-spacing:-0.025em;
    display:flex;
    align-items:center;
    gap:3rem;
}

.online-exhibition .con .vr-view span {
    display:flex;
    align-items:center;
    width:8rem;
    height:8rem;
    border-radius:50%;
    background-repeat:no-repeat;
    background-image:url(../images/content/vr_link_cross.png);
    background-position:center;
    background-color:#b52b23;
    background-size:2.2rem;
}

.online-exhibition .con .img {
    width:63.4rem;
}

.geumcheon9-des {
    padding-bottom:3.5rem;
    margin-bottom:5rem;
    border-bottom:0.2rem solid #d2d2d2;
}

.geumcheon9-des strong {
    display:block;
    font-size:3.2rem;
    font-weight:800;
    color:#040404;
    letter-spacing:-0.025em;
    margin-bottom:1.5rem;
}

.geumcheon9-des p {
    font-size:2.2rem;
    letter-spacing:-0.025em;
    color:#444444;
    line-height:1.8;
}

.geumcheon9-des .geumcheon9-map {
    margin-top:5rem;
}

.geumcheon9-des .geumcheon9-smartmap {
    display:inline-flex;
    align-items: center;
    justify-content: center;
    gap:1.5rem;
    font-size:2.2rem;
    font-weight:700;
    letter-spacing:-0.05em;
    padding:0 4.5rem;
    background-color:#b52b23;
    height:7rem;
    border-radius:3.5rem 3.7rem 0 3.5rem;
    color:#fff;
}

.geumcheon9-des .geumcheon9-smartmap::after {
    content:"";
    display:block;
    width:2.5rem;
    height:2.2rem;
    background-image:url(../images/content/link_arrow.png);
    background-size:100%;
    background-repeat:no-repeat;
}

.geumcheon9-list ul {
    display:flex;
    flex-wrap:wrap;
    gap:6.4rem;
}

.geumcheon9-list ul li {
    width:calc((100% - 6.4rem) / 2);
}

.geumcheon9-list ul li .img {
    position:relative;
    border-radius:3.2rem 3rem 3rem 3rem;
    overflow:hidden;
}

.geumcheon9-list ul li .img span.scenic {
    display:flex;
    align-items:center;
    justify-content: center;
    width:10.4rem;
    height:8.1rem;
    background-color:#fcd600;
    position:absolute;
    left:0;
    top:0;
    border-radius:3rem 0 3rem 0;
    font-size:2.8rem;
    font-weight:700;
    letter-spacing:-0.05em;
    color:#000000;
}

.geumcheon9-list ul li span.scenic-name {
    display:block;
    text-align:center;
    font-size:2.8rem;
    font-weight:500;
    letter-spacing:-0.025em;
    color:#444444;
    margin-top:1.5rem;
}

.hoamsanseong-des {
    padding-bottom:3.5rem;
    margin-bottom:5rem;
}

.hoamsanseong-des strong {
    display:block;
    font-size:3.2rem;
    font-weight:800;
    color:#040404;
    letter-spacing:-0.025em;
    margin-bottom:1.5rem;
}

.hoamsanseong-des p {
    font-size:2.2rem;
    letter-spacing:-0.025em;
    color:#444444;
    line-height:1.8;
}

.hoamsanseong-his-wrap {
    display:flex;
    gap:5.3rem;
}

.hoamsanseong-his-wrap .hoamsanseong-imgs {
    max-width:66rem;
    width:100%;
}

.hoamsanseong-his-wrap .hoamsanseong-imgs ul li {
    border-radius:3rem;
    position:relative;
    overflow:hidden;
    border:1px solid #ccc;
    margin-bottom:5rem;
}

.hoamsanseong-his-wrap .hoamsanseong-imgs ul li img {
    width:100%;
}

.hoamsanseong-his-wrap .hoamsanseong-imgs ul li span {
    display:inline-flex;
    align-items:center;
    justify-content: center;
    text-align:center;
    position:absolute;
    left:0;
    bottom:0;
    border-radius:0 3rem 0 0;
    background-color:rgba(46,46,46,0.8);
    height:7rem;
    padding:0 4.5rem;
    font-size:2.4rem;
    font-weight:500;
    color:#fff;
    letter-spacing:-0.025em;
}

.hoamsanseong-his-wrap .hoamsanseong-imgs ul li:nth-child(3) span {
    width:100%;
    border-radius:0;
}

.hoamsanseong-his-wrap .hoamsanseong-imgs ul li:last-child {
    margin-bottom:0;
}

.hoamsanseong-his-wrap .hoamsanseong-his {
    max-width:calc(100% - 71.3rem);
    width:100%
}

.hoamsanseong-his-wrap .hoamsanseong-his .tit {
    font-size:3.2rem;
    letter-spacing:-0.025em;
    color:#b52b23;
    font-weight:700;
    line-height:1.4;
    margin-bottom:5rem;
}

.hoamsanseong-his-wrap .hoamsanseong-his .his {
    position:relative;
    padding:9rem 0;
}

.hoamsanseong-his-wrap .hoamsanseong-his .his::after {
    content:"";
    display:block;
    width:120rem;
    height:100%;
    border-radius:5rem 5rem 5rem 22rem;
    background-color:#f4f4f4;
    position:absolute;
    right:0;
    top:0;
    z-index:-1;
}

.hoamsanseong-his-wrap .hoamsanseong-his .his::before {
    content:"";
    display:block;
    width:55.8rem;
    height:17.1rem;
    background-image:url(../images/content/history_txt.png);
    background-repeat:no-repeat;
    background-size:100%;
    position:absolute;
    right:13rem;
    top:-12.5rem;
    z-index:-2;
}

.hoamsanseong-his-wrap .hoamsanseong-his .his dl {
    margin-bottom:5rem;
}
.hoamsanseong-his-wrap .hoamsanseong-his .his dl:last-child {
    margin-bottom:0;
}

.hoamsanseong-his-wrap .hoamsanseong-his .his dl dt {
    display:inline-flex;
    align-items:center;
    justify-content: center;
    height:6rem;
    background-color:#46484a;
    border-radius:0.3rem 2.95rem 2.95rem 2.95rem;
    color:#fff;
    font-size:2.8rem;
    font-weight:700;
    letter-spacing:-0.025em;
    padding:0 3.2rem;
}

.hoamsanseong-his-wrap .hoamsanseong-his .his dl dd {
    padding:2rem 2rem 0 3.2rem;
}

.hoamsanseong-his-wrap .hoamsanseong-his .his dl dd strong {
    font-size:2.2rem;
    font-weight:800;
    color:#444;
    letter-spacing:-0.025rem;
}

.hoamsanseong-his-wrap .hoamsanseong-his .his dl dd p {
    font-size:2.2rem;
    margin-top:1.2rem;
    color:#444;
    letter-spacing:-0.025rem;
    line-height:1.8;
    font-weight:400;
}

.geumcheon-link {
    display:inline-flex;
    align-items: center;
    justify-content: center;
    gap:1.5rem;
    font-size:2.8rem;
    font-weight:700;
    letter-spacing:-0.025em;
    padding:0 4.5rem;
    background-color:#b52b23;
    height:7rem;
    border-radius:3.5rem 3.7rem 0 3.5rem;
    color:#fff;
}

.geumcheon-link::after {
    content:"";
    display:block;
    width:2.5rem;
    height:2.2rem;
    background-image:url(../images/content/link_arrow.png);
    background-size:100%;
    background-repeat:no-repeat;
}

.legacy-info {
    font-size: 2rem;
    padding: 5rem;
    border: 1px solid #ddd;
    background-image: url(../images/content/info_bg.jpg);
    background-repeat: no-repeat;
    background-position:top center;
    background-size:cover;
    border-top: 0.2rem solid #000;
}

.legacy-info.info_group {
    background-image:url(../images/content/info_group_bg.png);
}

.legacy-info.info_explain {
    background-image:url(../images/content/info_explain_bg.png);
}

.legacy-info-txt {
    border-bottom: 1px solid #ddd;
    padding: 2.5rem 0;
    width: 64rem;
    display:flex;
    flex-wrap:wrap;
    gap:1rem;
}

.legacy-info-txt.full {
    display:block;
}

.legacy-info-txt:first-of-type {
    padding-top: 0;
}

.legacy-info-txt:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
}

.legacy-info-txt h4.con-stit {
    width: 16rem;
    margin-bottom:0;
    line-height:1;
}

.legacy-info-txt.full h4.con-stit {
    width:100%;
}

.legacy-info-txt .con-txt {
    width:calc(100% - 17rem);
    color: #040404;
}

.legacy-info-txt.full .con-txt {
    width:100%;
}

.legacy-info-txt p span {
    font-weight: 600;
    color: #000;
}

.legacy-info .con-txt.time ul li {
    display:flex;
    gap:0.8rem;
}

.legacy-info .con-txt ul li {
    margin-bottom:0.8rem;
}

.legacy-info .con-txt ul li:last-child {
    margin-bottom:0;
}

.legacy-info .con-txt.time ul li span {
    display: block;
    width: 6rem;
    font-weight:700;
}

.legacy-info-txt .con-txt .dis-flex {
    display:flex;
    align-items:center;
    gap:0.8rem;
}

.legacy-info-txt .con-txt .reserve-btn {
    display:inline-flex;
    align-items: center;
    justify-content: center;
    gap:1.5rem;
    font-size:1.8rem;
    font-weight:700;
    letter-spacing:-0.025em;
    padding:0 2rem;
    background-color:#0073b1;
    height:3rem;
    border-radius:1.5rem;
    line-height:1;
    color:#fff;
}

.facility-infoop {
    margin-bottom: 60px;
}

.facility-status {
    display:flex;
    gap:4rem;
    margin-bottom:6rem;
}

.facility-img {
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #ddd;
    width: 65rem;
    height: 40.5rem;
    overflow: hidden;
}

.facility-img img {
    width:100%;
}

.facility-info {
    width: calc(100% - 69rem);
}

.facility-info table {
    height: 40.5rem;
    text-align: center;
    font-size: 2.2rem;
    width: 100%;
    border-top: 2px solid #000;
}

.facility-info thead,
.facility-info tr {
    height: 25%;
    border-bottom: 1px solid #ddd;
    line-height: 1.3;
}

.facility-info tbody {
    height: 75%;
}

.facility-info thead th {
    background-color: #f4f4f4;
}

.facility-info thead th:last-of-type {
    border-right: none;
}

.facility-info th {
    font-weight: 600;
    vertical-align: middle;
    border-right: 1px solid #ddd;
    border-bottom: 1px;
    padding:0.8rem;
}

.facility-info td {
    vertical-align: middle;
}

.floor-info {
    position:relative;
}


.floor-info .det-info h5 {
    color: #000;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 20px;
}

.floor-info-tab {
    display: flex;
    align-items: center;
    gap:0.8rem;
    position: absolute;
    right:0;
    top:-7rem;
}

.floor-info-tab a {
    display: flex;
    align-items:center;
    justify-content: center;
    font-size: 2rem;
    width: 12rem;
    height:5rem;
    padding: 1rem 0;
    text-align: center;
    border-radius: 2.5rem;
    border: 1px solid #ddd;
}

.floor-info-tab a.active {
    background-color: #b52b23;
    color: #fff;
    border: none;
}

.floor-info .view-details .det-info {
    text-align: center;
    padding: 7rem 2.5rem;
    background-color: #f4f4f4;
    border-top:2px solid #000;
}

.floor-info .view-details .det-info h5 {
    font-size:2.2rem;
    font-weight:700;
}

.floor-info .view-details .det-info .det-info-txt b {
    font-weight: 600;
}

.map-tap {
    display: flex;
    justify-content: space-between;
}

.map-tap a {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f4f4f4;
    color: #444;
    width: 50%;
    font-size: 2.5rem;
    padding: 2rem 0;
}

.map-tap a.active {
    background-color: #b52b23;
    color: #fff;
}

.map-tap a i {
    width: 3rem;
    height: 2.1rem;
    margin-right: 1rem;
    background-size:cover;
}

.tab-car i {
    background-image: url(../images/content/tab-car.png);
}

.tab-bus i {
    background-image: url(../images/content/tab-bus.png);
}

.tab-car.active i {
    background-image: url(../images/content/tab-car-at.png);
}

.tab-bus.active i {
    background-image: url(../images/content/tab-bus-at.png);
}

.public-locinfo {
    display:none;
    width:100%;
}

.map-f {
    display:flex;
    width:100%;
    border-top: 2px solid #000;
}

.map-f-img {
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #ddd;
    overflow: hidden;
    background-color: #f4f4f4;
}

.map-f-t {
    width: calc(100% - 50.2rem);
}

.map-f-t table {
    text-align: center;
    font-size: 1.8rem;
    width: 100%;
    height: 100%;
    word-break: keep-all;
}

.map-f-t thead,
.map-f-t tr {
    border-bottom: 1px solid #ddd;
    line-height: 1.3;
}

.map-f-t thead th {
    background-color: #f4f4f4;
    padding: 1rem 0;
}

.map-f-t thead th:last-of-type {
    border-right: none;
}

.map-f-t th {
    font-weight: 600;
    vertical-align: middle;
    border-right: 1px solid #ddd;
    border-bottom: 1px;
}

.map-f-t tbody {
    color: #444;
}

.map-f-t tbody tr td {
    vertical-align: middle;
    padding:1rem 0;
}

.map-f-t tbody tr td:first-of-type {
    border-right: 1px solid #ddd
}

.map-way p {
    font-size: 2rem;
    font-weight: 600;
}

/* 지도API */
.con-map {
    display: flex;
    position: relative;
    margin-bottom: 3rem;
    border: 1px solid #ddd;
    border-top: 3px solid #b52b23;
}

.con-map .map_info {
    background-color: #ffffff;
    text-align: center;
    width: 43rem;
    padding-top: 7.5rem;
}

.con-map .map_info .map_wrap h4 {
    font-size: 3rem;
    margin-bottom: 3rem;
}

.con-map .map_info .map_wrap p {
    line-height: 1.5;
    font-size: 2rem;
    letter-spacing:-0.025em;
    margin-bottom: 3rem;
}

.con-map .map_info .map_wrap p span {
    display: inline-block;
    font-weight: 600;
    background: url(../images/content/ico_map.png) no-repeat left center;
    width: 6rem;
    text-align: right;
}

.con-map .map_view {
    display: flex;
    align-items:center;
    justify-content: center;
    background-color: #fff;
    border-radius: 3rem;
    border: 2px solid #ddd;
    height: 4.5rem;
    line-height: 4.5rem;
    width: 18rem;
    text-align: center;
    margin:0 auto;
    font-size:1.8rem;
    color:#040404;
    gap:0.8rem;
}

.con-map .map_view img {
    margin-left: 0.4rem;
}


.legacy-edu {
    border-top: 2px solid #000;
}

.legacy-edu span {
    font-weight: 600;
    color: #000;
}

.legacy-edu p {
    color: #444;
    line-height: 2;
    font-size:2.2rem;
}

.legacy-edu p.txt-center {
    text-align: center;
}

.legacy-edu p.pd-t40 {
    padding-top: 4rem;
}

.legacy-edu>div {
    padding: 4rem 0;
    border-top: 1px solid #ddd;
}

.legacy-edu>div.dis-flex {
    display: flex;
    align-items: flex-start;
}

.legacy-edu>div.dis-flex .con-stit {
    max-width: 21rem;
    width: 30%;
}

.legacy-edu>div.dis-flex>div {
    max-width: calc(100% - 21rem);
    width: 70%;
}

.legacy-edu>div.edu-people {
    border: none;
}

.legacy-edu .edu-ic ul {
    display: flex;
    flex-wrap:wrap;
    column-gap:4rem;
    row-gap:2rem;
}

.legacy-edu .edu-ic ul li {
    padding-bottom: 1rem;
}

.legacy-edu .edu-ic ul li .ic-box {
    width: 11rem;
    height: 11rem;
    border-radius: 50%;
}

.legacy-edu .edu-ic ul li:first-child .ic-box {
    background: url(../images/content/edu_ic_1.png) center no-repeat #f1f5f2;
}

.legacy-edu .edu-ic ul li:nth-child(2) .ic-box {
    background: url(../images/content/edu_ic_2.png) center no-repeat #f9f4eb;
}

.legacy-edu .edu-ic ul li:nth-child(3) .ic-box {
    background: url(../images/content/edu_ic_3.png) center no-repeat #fdf1f1;
}

.legacy-edu .edu-ic ul li:last-child .ic-box {
    background: url(../images/content/edu_ic_4.png) center no-repeat #f1f5f8;
}

.legacy-edu table {
    margin-bottom: 2rem;
    width: 100%;
    word-break: keep-all;
}

.legacy-edu table th {
    font-weight: 600;
    font-size: 2rem;
    padding: 2rem;
    border-top: 2px solid #000;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: #f4f4f4;
}

.legacy-edu table th.bdr-none {
    border-right: none;
}

.legacy-edu table td {
    font-size: 2rem;
    text-align: center;
    vertical-align: middle;
    padding: 2rem 1rem;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    line-height: 1.5em;
}

.legacy-edu table td.bdr-none {
    border-right: none;
}

.list-all {
    margin-bottom: 1rem;
    font-size:2rem;
}

.list-all span em {
    color: #b52b23;
    font-weight: 600;
}

.list-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.list-tap {
    padding-bottom: 0.5rem;
    display: flex;
}

.list-tap a {
    font-size: 2rem;
    width: 12.8rem;
    height: 3.6rem;
    display: inline-flex;
    align-items:center;
    justify-content: center;
    text-align: center;
    position: relative;
}

.list-tap a::after {
    content: "";
    display: block;
    width: 0.2rem;
    height: 2.4rem;
    background-color: #ddd;
    position: absolute;
    bottom: calc(50% - 1.2rem);
    right: 0;
}

.list-tap a.active {
    position: relative;
    right: 0.2rem;
    background-color: #b52b23;
    color: #fff;
}

.list-tap a.active::after {
    width: auto;
    height: auto;
    background: none;
    border-top: 0.5rem solid #b52b23;
    border-bottom: 0;
    border-left: 0.7rem solid transparent;
    border-right: 0.7rem solid transparent;
    position: absolute;
    bottom: -0.5rem;
    right: calc(50% - 0.7rem);
}

.list-search {
    position: relative;
    display: flex;
}

.list-search input {
    width: 34rem;
    height: 4.2rem;
    border: 1px solid #ddd;
    padding-left: 1.5rem;
    box-sizing: border-box;
    font-size:1.8rem;
}

.list-search input::placeholder {
    font-size: 1.8rem;
    color: #999;
    font-family: 'Noto Sans CJK KR', 'Malgun Gothic', '맑은 고딕', 'Dotum', '돋움', 'Gulim', '굴림', sans-serif;
}

.list-search button {
    width: 4.2rem;
    height: 4.2rem;
    text-indent: -9999px;
    cursor: pointer;
}

.list-search .search-btn1 {
    background: url(../images/content/search_btn1.png) no-repeat center center;
    border: none;
    position: absolute;
    right: 4.7rem;
    background-size:2rem;
}

.list-search .search-btn2 {
    border: 1px solid #ddd;
    background: url(../images/content/search_btn2.png) no-repeat center center;
    margin-left: 0.5rem;
    background-size:2.5rem;
}

.list-table {
    width: 100%;
    border-top: 2px solid #000;
    border-bottom: 1px solid #ddd;
    font-weight: 300;
}

.list-table li>a {
    display: inline-block;
    word-break: break-all;
    vertical-align: middle;
    width: 100%;
}

.list-table a:hover {
    text-decoration: underline;
}

.list-table th,
.list-table td {
    vertical-align: middle;
    text-align: center;
    padding: 1rem 1rem;
    font-size:1.8rem;
    letter-spacing:-0.025em;
}

.list-table thead th {
    padding: 1rem 0;
}

.list-table thead {
    background-color: #f4f4f4;
    font-weight: 500;
}

.list-table tbody p {
    line-height: 1.5;
    letter-spacing:-0.025em;
    margin: 0 auto;
}

.list-table tbody tr {
    border-top: 1px solid #ddd;
    text-align: center;
}

.list-table tbody th p a {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: keep-all;
    letter-spacing:-0.025em;
}

.list-table tbody .list-image p {
    overflow: hidden;
    border: 1px solid #ddd;
    width: 128px;
    height: 90px;
}

.list-table tbody .list-state p:first-of-type {
    margin-bottom: 1rem;
}

.list-table .list-tit {
    text-align: left;
    overflow: hidden;
}

.list-table .list-tit.list-tit-b {
    padding:2rem 1rem;
}

.list-table .list-tit .list-tit-wrap .list-tit-t {
    font-size:2.5rem;
    font-weight:700;
    color:#040404;
    margin-bottom:1rem;
}

.list-state p {
    color: #fff;
    width: 8rem;
    height: 2.6rem;
    text-align: center;
    line-height: 1.5;
    display:flex;
    align-items:center;
    justify-content:center;
}

.list-state .state-1-1 {
    background-color: #ffa200;
}

.list-state .state-1-2 {
    background-color: #1473b5;
}

.list-state .state-2-1 {
    background-color: #1cbbb4;
}

.list-state .state-2-2 {
    background-color: #ff7171;
}

.list-state .state-end {
    background-color: #bbbbbb;
}

.list-date p span {
    font-weight: 700;
    margin-right: 0.4rem;
}

.detail-page .detail-con {
    border: 1px solid #ddd;
    border-top: 2px solid #000;
}

.detail-page .detail-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.detail-page .detail-title h2 {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.3;
    width: 80%;
}

.detail-page .detail-title p {
    font-size: 1.8rem;
    font-weight: 300;
    margin-left: 2rem;
    width: 13rem;
}

.detail-page .det-info {
    border: 1px solid #ddd;
}

.detail-page .det-info .det-info-img {
    width: 100%;
    overflow: hidden;
}

.detail-page .attach-box {
    border: 1px solid #ddd;
    padding: 4rem;
    background-color: #f4f4f4;
}

.detail-page .attach-box .p-attch__item {
    margin-bottom:1.5rem;
}

.detail-page .attach-box .p-attch__item:last-child {
    margin-bottom:0;
}


.view-box {
    display: flex;
    align-items: center;
}

.view-box .view-img {
    box-sizing: border-box;
    margin-right: 4rem;
    border: 1px solid #ddd;
    width: 44.8rem;
    height: 37.4rem;
    overflow: hidden;
}

.view-box .view-img img {
    width: 100%;
    height: auto;
}

.view-box .view-info {
    width: calc(100% - 48.8rem);
    height: 100%;
}

.view-box .view-info .view-title {
    padding-bottom: 1.5rem;
    display: flex;
    align-items: center;
    border-bottom: 2px solid #000;
    gap:1rem;
    justify-content: space-between;
}

.view-box .view-info .view-title h2 {
    font-size: 2.8rem;
    font-weight: 800;
    max-width:100%;
    width:calc(100% - 17.4rem);
}

.view-box .view-info .view-title p {
    display: inline-block;
}

.view-box .view-info .view-title .list-state {
    display:flex;
    align-items:center;
    gap:0.4rem;
}

.view-box .view-info table {
    width: 100%;
    font-size:1.8rem;
}

.view-box .view-info table tr {
    border-bottom: 1px solid #ddd;
    width: 100%;
    line-height: 1.5;
}

.view-box .view-info table tr th {
    padding: 0.8rem 0;
    background-color: #f4f4f4;
    font-weight: 700;
}

.view-box .view-info table tr td {
    padding: 0.8rem 0 0.8rem 1.2rem;
    font-weight: 300;
    vertical-align: middle;
}

.con-view .in-btn {
    display:flex;
    justify-content:flex-end;
}


.view-details .detail-info-table {
    border-top:2px solid #000;
}

.view-details .detail-info-table table {
    width:100%;
}

.view-details .detail-info-table table tbody tr th {
    font-weight: 500;
    color: #333;
    border-style: solid;
    border-color: #333 transparent #757575;
    border-width: 0 1px 1px 0;
    background-color: #f8f8f8;
    text-align: center;
    padding: 1.5rem 1rem;
}

.view-details .detail-info-table table tbody tr td {
    padding: 1.5rem 4rem;
    color: #777;
}

.view-details .detail-info-table table tbody tr th,
.view-details .detail-info-table table tbody tr td {
    font-size: 1.8rem;
    height: 6rem;
    word-break: keep-all;
    border-width: 0 0 0.1rem;
    border-style: solid;
    border-color: #dedede;
    text-align: center;
}

.content-list-b {
    display:flex;
    align-items:center;
    justify-content: space-between;
    gap:1.5rem;
    flex-wrap:wrap;
}

.history .aim {
    padding: 3rem 0;
    border-top:2px solid #000;
}

.history .aim p {
    line-height: 1.5;
    font-weight: 500;
    font-size:2.2rem;
    color:#444444;
}

.history-box {
    border: 1px solid #ddd;
    padding: 7rem;
}

.history-con {
    background: url(../images/content/history_bg.png) no-repeat;
    position: relative;
    background-size: 100%;
}

.history-con::before {
    content: '';
    display: block;
    width: 2px;
    height: 100%;
    background-color: #b52b23;
    position: absolute;
    left: 2rem;
    top: 1rem;
}

.history-txt {
    position: relative;
    margin-bottom: 5rem;
}

.history-txt::before {
    content: '';
    display: block;
    background: url(../images/content/history_b_a.png) 0 0 no-repeat;
    background-size:100%;
    width: 2.6rem;
    height: 2.6rem;
    position: absolute;
    top: 0.4rem;
    left: 12rem;
}

.history-txt h5 {
    font-size: 3.5rem;
    font-weight: 700;
    color: #b52b23;
    margin-bottom: 3rem;
    position: relative;
    padding-left: 15rem;
    letter-spacing: -0.025em;
}

.history-txt h5::after {
    content: '';
    display: block;
    width: 10rem;
    height: 1px;
    background-color: #888;
    position: absolute;
    left: 2rem;
    top: 50%;
    z-index: -1;
}

.history-txt p {
    color: #444;
    font-size: 2rem;
    line-height: 1.5;
    word-break: keep-all;
    margin-bottom:0.8rem;
    letter-spacing: -0.025em;
}

.history-txt p:last-of-type {
    margin-bottom:0;
}

.history-txt p span {
    margin-right:0.8rem;
    font-weight: 600;
    display:block;
    width:2.6rem;
}

.history-left .history-txt {
    text-align: left;
    text-shadow: 0 0 1rem #fff;
}

.history-left .history-txt p {
    margin-left: 17rem;
    display:flex;
}

.history-left .history-txt h5 {
    padding-left: 17rem;
    line-height:1;
}

.logo-con {
    display: flex;
    justify-content: space-between;
    gap:5rem;
}

.logo-con>div {
    border: 1px solid #ddd;
    border-top: 0.3rem solid #b52b23;
    text-align: center;
    position: relative;
    padding: 9.2rem 5rem 5rem;
    width: calc(50% - 2.5rem);
    box-sizing: border-box;
}

.logo-con>div h5 {
    color: #fff;
    background-color: #b52b23;
    display: inline-block;
    position: absolute;
    font-size: 2.5rem;
    left: calc(50% - 10rem);
    top: 0;
    height: 4.2rem;
    line-height: 4rem;
    width: 20rem;
}

.logo-middle {
    margin: 8rem 0;
    display: block;
}

.logo-middle>div {
    width: 100%;
}

.s-signature-m {
    display: none;
}

.greeting-wrap {
    position:relative;
    background-image:url(../images/content/greeting_bg.png);
    background-position:right bottom;
    background-repeat:no-repeat;
    background-size:126.9rem;
    padding-bottom:15rem;
}

.greeting-con {
    padding:3.5rem 0;
}

.greeting-con strong {
    font-size:3.2rem;
    font-weight:800;
    letter-spacing:-0.025em;
    color:#040404;
}

.greeting-con p {
    font-size:2.6rem;
    letter-spacing:-0.025em;
    color:#444;
    line-height:1.8;
    margin:4rem 0;
}

.greeting-con span.mayor {
    display:block;
    font-size:2.8rem;
    letter-spacing:-0.025em;
    color:#040404;
    font-weight:700;
}

@media all and (max-width:1280px) {
    .permanent-exhibition-list {
        flex-wrap:wrap;
        row-gap:3.5rem;
    }

    .permanent-exhibition-list .exhibition-map {
        width:100%;
    }

    .permanent-exhibition-list .exhibition-con {
        max-width:100%;
    }   

    .online-exhibition .con {
        padding:5rem;
    }

    .hoamsanseong-his-wrap .hoamsanseong-imgs {
        max-width:55rem;
    }

    .hoamsanseong-his-wrap .hoamsanseong-his {
        max-width:calc(100% - 60.3rem);
    }

    .facility-status {
        flex-wrap:wrap; 
    }

    .facility-img {
        width:100%;
    }

    .facility-img img {
        width:auto;
        height:100%;
    }

    .facility-info {
        width:100%;
    }

    .facility-info table {
        height:auto;
    }

    .facility-info thead,
    .facility-info tr {
        height:auto;
    }

    .facility-info thead th {
        height:8rem;
    }

    .facility-info tbody {
        height:auto;
    }

    .facility-info tbody th,
    .facility-info tbody td {
        height:8rem;
    }

    .con-map {
        flex-wrap:wrap;
    }

    .con-map .root_daum_roughmap_landing {
        width:100% !important
    }

    .con-map .map_info {
        width:100%;
        padding:2.5rem;
        border-top:1px solid #ddd;
        position:relative;
    }

    .con-map .map_view {
        position: absolute;
        top: -60px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
    }

    .con-map .map_info .map_wrap h4 {
        margin-bottom:2.5rem;
    }

    .con-map .map_info .map_wrap p {
        margin-bottom:0;
    }

    .map-f {
        flex-wrap:wrap;
    }

    .map-f-img {
        width:100%;
    }

    .map-f-t {
        width:100%;
        margin-top:2.5rem;
    }

    .map-f-t table {
        border-top:1px solid #ddd;
    }

    .view-box {
        flex-wrap:wrap;
    }
    
    .view-box .view-img {
        margin:0 auto;
    }

    .view-box .view-info {
        width:100%;
        margin-top:3.5rem;
    }

    .logo-con {
        gap:2.5rem;
    }

    .logo-con>div {
        width: calc(50% - 1.25rem);
    }

    .logo-middle>div {
        width:100%;
    }

}
@media all and (max-width:960px) {
    .hoamsanseong-his-wrap .hoamsanseong-his .his::before {
        right:0;
    }

    .hoamsanseong-his-wrap .hoamsanseong-imgs {
        max-width:45rem;
    }

    .hoamsanseong-his-wrap .hoamsanseong-his {
        max-width:calc(100% - 50.3rem);
    }
}

@media all and (max-width:768px) { 

    .exhibition-detail .exhibition-detail-slide .exhibition-info {

    }

    .exhibition-detail .exhibition-detail-con .con-txt {
        padding-left:0;
    }

    .geumcheon9-list ul {
        gap:3.2rem;
    }

    .geumcheon9-list ul li {
        width:calc((100% - 3.2rem) / 2);
    }

    .geumcheon9-list ul li .img span.scenic {
        width:9.5rem;
        height:7.4rem;
        font-size:2.5rem;
    }

    .online-exhibition .con {
        flex-wrap:wrap;
    }

    .online-exhibition .con .txt {
        max-width:100%;
    }

    .hoamsanseong-his-wrap {
        flex-wrap:wrap;
        flex-direction:column-reverse
    }

    .hoamsanseong-his-wrap .hoamsanseong-imgs {
        max-width:100%;
    }

    .hoamsanseong-his-wrap .hoamsanseong-imgs ul {
        display:flex;
        flex-wrap:wrap;
        gap:2rem;
    }

    .hoamsanseong-his-wrap .hoamsanseong-imgs ul li {
        width:calc((100% - 2rem) / 2);
    }

    .hoamsanseong-his-wrap .hoamsanseong-imgs ul li span {
        width:100%;
        border-radius:0;
        line-height:1.4;
        font-size:2rem;
    }

    .hoamsanseong-his-wrap .hoamsanseong-his {
        max-width:100%;
    }
 
    .hoamsanseong-his-wrap .hoamsanseong-his .tit {
        margin-bottom:3rem;
    }

    .hoamsanseong-his-wrap .hoamsanseong-his .his {
        padding:5rem;
        background-color:#f4f4f4;
        border-radius:5rem;
    }
    
    .hoamsanseong-his-wrap .hoamsanseong-his .his::before {
        width:40rem;
        height:12rem;
        top:-9rem;
    }

    .hoamsanseong-his-wrap .hoamsanseong-his .his::after {
        display:none;
    }
    
    .legacy-info {
        background-image:none;
        padding:3.5rem;
    }

    .legacy-info.info_group {
        background-image:none;
    }

    .legacy-info.info_explain {
        background-image:none;
    }
    
    .legacy-info-txt {
        width:100%;
    }

    .legacy-edu>div.dis-flex {
        flex-wrap:wrap;
    }

    .legacy-edu>div.dis-flex .con-stit {
        width:100%;
        max-width:100%;
    }

    .legacy-edu>div.dis-flex>div {
        width:100%;
        max-width:100%;
    }

    .legacy-edu .edu-ic ul li {
        width:calc((100% - 4rem) / 2);
    }

    .legacy-edu .edu-ic ul li .ic-box {
        margin:0 auto;
    }
    
    .legacy-edu>div.dis-flex {
        flex-wrap: wrap;
    }

    .legacy-edu>div.dis-flex .con-stit {
        width: 100%;
        max-width: 100%;
    }

    .legacy-edu>div.dis-flex>div {
        width: 100%;
        max-width: 100%;
    }

    .legacy-edu .edu-ic ul {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .legacy-edu p {
        line-height: 1.5;
        font-size: 14px;
    }

    .legacy-edu .edu-tb {
        width: 100%;
        overflow-x: scroll;
    }

    .legacy-edu table {
        width:90rem;
    }

    .legacy-edu table th {
        font-size: 16px;
    }

    .legacy-edu table td {
        font-size: 14px;
        padding: 10px;
    }

    .detail-page .detail-title {
        display:block;
    }

    .detail-page .detail-title h2 {
        width:100%;
    }

    .detail-page .detail-title p {
        margin-top: 1rem;
        margin-left: 0;
    }

    .detail-page .det-info img {
        width: 100%;
    }

    .view-box .view-info .view-title {
        flex-wrap:wrap;
    }

    .view-box .view-info .view-title h2 {
        width:100%;
    }

    .view-box .view-info table colgroup {
        display:none;
    }

    .view-box .view-info table tbody tr  {
        display:block;
    }

    .view-box .view-info table tbody tr th {
        display:flex;
        align-items:center;
        padding: 0.8rem 0 0.8rem 1.2rem;
    }

    .view-box .view-info table tbody tr td {
        display:flex;
        align-items:center;
    }

    .history-con::before {
        left:0;
    }

    .history-box {
        padding:5rem 2.5rem;
    }

    .history-txt h5::after {
        width:4rem;
        left:0;
    }

    .history-left .history-txt h5 {
        padding-left:8rem;
    }

    .history-txt::before {
        left:4rem;
    }

    .history-left .history-txt p {
        margin-left:8rem;
    }

    .greeting-wrap {
        background-size:64rem;
    }

    .greeting-con p {
        font-size:2.2rem;
    }
}

@media all and (max-width:640px) { 

    .permanent-exhibition-list .exhibition-map .map-img {
        height:auto;
    }
    
    .permanent-exhibition-list .exhibition-map .map-img .exhibition-list {
        position:static;
        margin-top:2.5rem;
    }

    .permanent-exhibition-list .exhibition-map .map-img .exhibition-list ul {
        display:flex;
        flex-wrap:wrap;
        column-gap:1rem;
        row-gap:0.8rem;
    }

    .permanent-exhibition-list .exhibition-map .map-img .exhibition-list ul li {
        position:static;
    }

    .permanent-exhibition-list .exhibition-map .map-img .mobile-exhibition-mark {
        display:block;
    }

    .exhibition-detail .exhibition-detail-slide .exhibition-info {
        position:static;
        width:100%;
    }

    .exhibition-detail .exhibition-detail-slide .exhibition-info .slide-control {

    }

    .list-top {
        display: block;
    }

    .list-tap {
        margin-bottom: 10px;
    }

    .list-tap a {
        width: 25%;
    }

    .list-search input {
        width: 100%;
    }

    .list-table col {
        width: 100% !important;
    }

    .list-table thead {
        display: none;
    }

    .list-table tbody th,
    .list-table tbody td {
        display: block;
        text-align: left;
        padding: 0.5rem 0;
        position: relative;
    }

    .list-table tbody th p,
    .list-table tbody td p {
        display: inline-block;
        width: calc(100% - 11rem);
        position: relative;
        left: 11rem;
    }

    .list-table tbody td .list-notice {
        width: auto;
    }

    .list-table tbody .list-state p {
        margin-bottom: 0 !important;
        display: inline-block;
        left: 0;
        width: 6.2rem;
    }

    .list-table tbody th::before,
    .list-table tbody td::before {
        position: absolute;
        display: inline-block;
        line-height: 1.5;
        width: 10rem;
        font-weight: 500;
        background-color: #ddd;
        text-align: center;
        margin-right: 1rem;
    }

    .list-table tbody .list-tit-edu::before {
        content: "교육명";
    }

    .list-table tbody .list-state::before {
        display: none;
    }

    .list-table tbody .list-date::before {
        content: "기간";
    }

    .list-table tbody .list-day::before {
        content: "요일";
    }

    .list-table tbody .list-taget::before {
        content: "대상";
    }

    .list-table tbody .list-person::before {
        content: "모집인원";
    }

    .list-table tbody .list-way::before {
        content: "신청방법";
    }

    .list-table tbody .list-answer::before {
        content: "답변여부";
    }

    .list-table tbody .list-non::before {
        content: "비공개";
    }

    .list-table tbody .list-image::before {
        display:none;
    }

    .list-table tbody .list-image p {
        left:0;
    }

    .list-table tbody .list-num::before {
        content: "NO";
    }

    .list-table tbody .list-tit::before {
        content: "제목";
    }

    .list-table tbody .list-file::before {
        content: "첨부파일";
    }

    .list-table tbody .list-date::before {
        content: "등록일";
    }

    .list-table tbody .list-tit-b::before {
        display: none;
    }

    .list-table tbody .list-tit-b p {
        left: 0;
        margin-right: 0;
        width: 100%;
    }

    .list-table tbody .list-image-b {
        display: none;
    }

    .logo-con {
        flex-wrap:wrap;
    }

    .logo-con>div {
        width:100%;
    }

    .logo-con .s-mark img {
        max-width:32rem;
    }

    .logo-con .s-logo img {
        max-width:42rem;
    }

    .logo-con .s-lang-1 img {
        max-width:42rem;
    }

    .logo-con .s-lang-2 img {
        max-width:42rem;
    }

}

@media all and (max-width:480px) { 
    .geumcheon9-list ul li {
        width:100%;
    }
}