.btn_more{transition: all 0.15s;}
/* 버튼 : active */
.btn_more:hover,
.btn_more:focus { transform: rotate(180deg); }

/* 메인비주얼 */
.MVisual { position: relative; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);}
.MVisual .visualBox { position: relative; width: 100%; height: 100%; }
.MVisual .item { position: relative; height: 30.5rem; font-size: 0; line-height: 0; overflow: hidden;}
.MVisual .item .slogan { position: absolute; top: 15%; left: 7%; color: #fff; word-break: keep-all; text-align: left; line-height: 1; }
.MVisual .item .slogan p { font-size: 1.1rem;  font-weight: 900; opacity: 0.3; letter-spacing: 0.55px;}
.MVisual .item .slogan span { display: block; font-size: 3rem; font-weight: 700; margin-top: 1.3rem; letter-spacing: -1px; }
.MVisual .item .slogan em { display: block; font-size: 1rem; font-weight: 400; margin-top: 1.75rem; line-height: 1.8; width: 24rem; }


.MVisual .control {display: flex; justify-content: space-between; align-items: center; width: 13.75em; height: 3.75em; background: rgba(0,0,0,0.8); padding-left: 1.25em; padding-right: 2em; color: #fff; position: absolute; left: 0; bottom: 0;}
.MVisual .control .btnWr {display: flex; align-items: center;}
.MVisual .control .btnWr a {font-size: 1.5em;}
.MVisual .control .btnWr a.play {display: none;}
.MVisual .control .btnWr a + a {margin-left: 0.25rem;}
.MVisual .control .pgWr {display: flex; align-items: center;}
.MVisual .control .pgWr strong {font-weight: 700;}
.MVisual .control .pgWr span {display: block; padding-left: 1.5em; font-weight: 300; position: relative;}
.MVisual .control .pgWr span::before {content: ""; display: block; width: 1px; height: 0.75em; background: rgba(255,255,255,0.75); position: absolute; left: 0.75em; top: calc(50% - 0.375em); transform: rotate(45deg);}

/* 유물찾기 */
.M_search {width: 100%; height: 100%; background-color: #621612; color: #fff; box-shadow: 0 0 30px rgba(98, 22, 18, 0.3);}
.M_search .srch_linkWrap {padding: 2rem;height: calc(100% - 6rem);}
.M_search .srch_linkWrap .titBox {margin-bottom: 1.5rem;}
.M_search .srch_linkWrap .titBox h2 {font-size: 1.2rem; margin-bottom: 1rem; font-weight: 600; white-space: nowrap; overflow: hidden;}
.M_search .srch_linkWrap .titBox p{font-size: 0.85rem; word-break: keep-all; font-weight: 200;}
.M_search .srch_linkWrap ul{display: flex; flex-wrap: wrap; gap: 0.5rem;}
.M_search .srch_linkWrap ul li{ width: calc((100% - 0.5rem) / 2 ); border: 1px solid rgba(255, 255, 255, 0.2);}
.M_search .srch_linkWrap ul li a {display: flex; align-items: center; height: 100%; padding: 0.775rem 0.5rem; text-align: center;}
.M_search .srch_linkWrap ul li a span {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; width: 100%; overflow: hidden; text-overflow: ellipsis;}
.M_search .searchBox { width: 100%; height: 6rem; background-color: #390604; display: flex; align-items: center; justify-content: center; padding: 1rem 2rem;}
.M_search .searchBox form { width: 100%; height: 2rem; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid rgba(255, 255, 255, 0.4); position: relative;}
.M_search .searchBox form > input { width: 100%; background-color: transparent; border: none; outline: none; appearance: none; font-size: 0.9rem; height: 100%; padding-right: 1.5rem;}
.M_search .searchBox form > input::placeholder{color: #fff;}
.M_search .searchBox form > button {font-size: 1.3rem; position: absolute; right: 0;}
/* 유물찾기 : active */
.M_search .srch_linkWrap ul li a {transition: 0.4s;}
.M_search .srch_linkWrap ul li a:hover,
.M_search .srch_linkWrap ul li a:focus {background: rgba(255, 255, 255, 0.2);}

/* 관람안내 */
.M_viewInfo {width: 100%; }
.M_viewInfo .topBox {width: 100%; height: 8.5rem; display: flex; align-items: center; justify-content: flex-start; position: relative; padding: 1.5rem 0;}
.M_viewInfo .topBox::before{content: "SUNCHON NATIONAL UNIVERSITY MUSEUM"; font-size: 8rem; font-weight: 900; color: #888; opacity: 0.06; position: absolute; left: 16.5rem; line-height: 100%; white-space: nowrap; z-index: -1;}
.M_viewInfo .topBox .info { width: 74.375%; height: 100%; display: flex; align-items: center;}
.M_viewInfo .topBox .info h2 {flex-shrink: 0; width: 7.1rem; display: flex; align-items: center; color: #621612; font-size: 1.2rem; font-weight: 700; white-space: nowrap; overflow: hidden; margin-right: 2.5rem;}
.M_viewInfo .topBox .info h2 i {flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; font-size: 1.3rem; font-weight: 400; margin-right: 0.5rem; color: #fff; background-color: #621612; }
.M_viewInfo .topBox .info ul{display: flex; align-items: center;}
.M_viewInfo .topBox .info ul li{display: flex; align-items: flex-start; font-size: 0.9rem; color: #555555;}
.M_viewInfo .topBox .info ul li:first-of-type{margin-right: 1.75rem;}
.M_viewInfo .topBox .info ul li i{font-size: 1.1rem; margin-right: 0.5rem; font-weight: 400}
.M_viewInfo .topBox .info ul li strong{font-weight: 600; color: #000; display: flex; align-items: center;}
.M_viewInfo .topBox .link{width: 23.125%; height: 100%; margin-left: auto; display: flex; align-items: center;}
.M_viewInfo .topBox .link li{width: 50%;}
.M_viewInfo .topBox .link li:first-of-type{padding-right: 1rem; border-right: 1px solid #b2b2b2;}
.M_viewInfo .topBox .link li:nth-child(2){padding-left: 1rem;}
.M_viewInfo .topBox .link li a{display: flex; font-size: 0.9rem; color: #000; white-space: nowrap;}
.M_viewInfo .topBox .link li a i {font-size: 1.1rem;}
.M_viewInfo .topBox .link li a i:first-of-type{margin-right: 0.5rem;}
.M_viewInfo .topBox .link li a i:nth-child(2){margin-left: auto;}
.M_viewInfo .botBox {display: table; table-layout: fixed; width: calc(100% + 2rem); margin: 0 -1rem;}
.M_viewInfo .botBox li {display: table-cell; height: 5rem; padding: 0 1rem; font-size: 0.9rem;}
.M_viewInfo .botBox li:not(.lst_more) a{ width: 100%; height: 100%; display: flex; align-items: center; padding: 0 1.75rem 0 1rem; border-top: 3px solid #000; border-bottom: 1px solid #000; position: relative; white-space: nowrap; word-break: keep-all;}
.M_viewInfo .botBox li:not(.lst_more) a::after{ content: "\f2e5"; font-family: 'remixicon'; font-weight: 400; position: absolute; right: 0.75rem; }
.M_viewInfo .botBox li.lst_more a {width: 100%; height: 100%; display: flex; align-items: center; padding: 0 2rem; color: #fff;  background-color: #621612; overflow: hidden;}
.M_viewInfo .botBox li.lst_more a span {margin-left: auto; font-size: 0.7rem; font-weight: 400; display : flex; align-items: center; position: relative; z-index: 1; padding-right: 0.5rem;}
.M_viewInfo .botBox li.lst_more a span::before {content: ""; width: 3rem; height: 3rem; border-radius: 50%; background-color: #310b09; position: absolute; right: 0; z-index: -1;}
.M_viewInfo .botBox li.lst_more a span i{font-size: 1.1rem;}
/* 관람안내 : active */
.M_viewInfo .topBox .link li a,
.M_viewInfo .botBox li:not(.lst_more) a,
.M_viewInfo .botBox li.lst_more a,
.M_viewInfo .botBox li.lst_more a span::before {transition: 0.4s;}
.M_viewInfo .topBox .link li a:hover,
.M_viewInfo .topBox .link li a:focus {color: #621612;}
.M_viewInfo .botBox li:not(.lst_more) a:hover,
.M_viewInfo .botBox li:not(.lst_more) a:focus {border-color: #621612; color: #621612; font-weight: 700;}
.M_viewInfo .botBox li:not(.lst_more) a:hover::after,
.M_viewInfo .botBox li:not(.lst_more) a:focus::after {animation: botBoxArr 1s infinite;}
.M_viewInfo .botBox li.lst_more a:hover,
.M_viewInfo .botBox li.lst_more a:focus {font-weight: 700;}
.M_viewInfo .botBox li.lst_more a:hover span::before,
.M_viewInfo .botBox li.lst_more a:focus span::before {transform: scale(1.25);}
/* 관람안내 : animation */
@keyframes botBoxArr {
    0% {transform: translateX(0%);}
    50% {transform: translateX(50%);}
    100% {transform: translateX(0%);}
}

/* 포토갤러리 */
.gallery { position: relative; }
.gallery h2.tit1 { max-width: calc(100% - 5.5rem); font-size: 1.5rem; line-height: 2rem; font-weight: 700;}
.gallery h2.tit1 span {display: block; white-space: nowrap; overflow: hidden;}
.gallery .btn_more { background: #fff; }
.gallery .gallLst { margin-top: 1rem; position: relative; }
.gallery .gallLst ul { display: flex; margin: 0 -1rem;}
.gallery .gallLst .slick-list { width: 100%; }
.gallery .gallLst ul li {padding: 0 1rem; box-sizing: border-box; max-width: 410px !important;}
.gallery .gallLst ul li > a { position: relative; display: flex; flex-direction: column; overflow: hidden; width: 100%; }
.gallery .gallLst ul li > a .img { display: flex; width: 100%; height: 15rem; margin-bottom: 0.75rem; align-items: center; justify-content: center; overflow: hidden; background-color: #cdcdcd;}
.gallery .gallLst ul li > a .txtWrap .txt { font-size: 1rem; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; width: 100%; line-height: 2rem; margin-bottom: 0.25rem; overflow: hidden;}
.gallery .gallLst ul li > a .txtWrap .info {width: 100%; position: relative; display: flex; padding-right: 3rem;}
.gallery .gallLst ul li > a .txtWrap .info .type {min-width: 3.5rem; line-height: 1.5rem; color: #fff; background-color: #000; text-align: center;}
.gallery .gallLst ul li > a .txtWrap .info .date { font-size: 0.75rem; line-height: 1.5rem; color: #666; font-weight: 300; position: absolute; right: 0;}
.gallery .control {position: absolute; top: 0; right: 0; height: 2rem; display: flex; align-items: center;}
.gallery .control a{width: 2rem; font-size: 1.3rem; position: relative;}
.gallery .control a.prev::after{content: ""; width: 1px; height: 0.8rem; background-color: #cccccc; position: absolute; right: -0.5px; top: 0.4rem;}
.gallery .control a.next{text-align: right;}
/* 포토갤러리 : no_data */
.gallery .gallLst > .no_data { display: flex; align-items: center; justify-content: center; font-size: 1rem; height: 19.5rem; border-radius: 1em; background: #f1f1f1; width: 100%; }
/* 포토갤러리 : active */
.gallery .gallLst ul li > a .img,
.gallery .gallLst ul li > a .img img,
.gallery .gallLst ul li > a .txt{transition: all 0.2s;}
.gallery .gallLst ul li > a:focus .img,
.gallery .gallLst ul li > a:hover .img{background-color: #621612;}
.gallery .gallLst ul li > a:focus .img img,
.gallery .gallLst ul li > a:hover .img img{opacity: 0.6;}
.gallery .gallLst ul li > a:focus .txt,
.gallery .gallLst ul li > a:hover .txt {color: #621612;}

/* 뉴스 */
.M_news { position: relative; height: 14rem;}
.M_news .tit1 {width: 100%; height: 2.75rem; color: #000; padding-right: 2.5rem; font-size: 1.5rem; line-height: 1; font-weight: 700; padding-bottom: 1.25rem; border-bottom: 1px solid #000;}
.M_news .tit1 span {display: block; white-space: nowrap; overflow: hidden;}
.M_news ul{ height: 10rem; margin-top: 1.25rem; display: flex;}
.M_news ul li {width: 31%; height: 100%;}
.M_news ul li:not(:first-of-type){margin-left: auto;}
.M_news ul li a{ width: 100%; height: 100%; display: flex; flex-direction: column; position: relative;}
.M_news ul li a .tit{font-size: 1rem;line-height: 1.5rem; height: 3rem; color: #000; font-weight: 700; margin-bottom: 2rem;text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
.M_news ul li a .txt{font-size: 0.8rem; line-height: 1.2rem; height: 2.4rem; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
.M_news ul li a .date {position: absolute; bottom: 0; left: 0; font-size: 0.75rem;}
.M_news .btn_more {position: absolute; top: 0; right: 0; font-size: 1.3rem;}
/* 뉴스 : no_data */
.M_news .no_data { width: 100%; height: 10rem; display: flex; align-items: center; justify-content: center; font-size: 1rem;}
/* 뉴스 : active */
.M_news ul li:nth-child(n + 4) { display: none;}
.M_news ul li a,
.M_news ul li a .tit { transition: 0.2s; } 
.M_news ul li a:hover .tit,
.M_news ul li a:focus .tit{ color: #621612; text-decoration: underline;}

/* 바로가기 */
.M_link {position: relative; width: 100%; height: 14rem;}
.M_link ul{ width: 100%; display: flex; flex-direction: column; gap: 1rem;}
.M_link ul li { width: 100%; height: 6.5rem;}
.M_link ul li a{ width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; background-color: #f1f1f1; padding: 1rem 2rem;}
.M_link ul li a .tit {width: 100%; font-size: 1rem; font-weight: 700; color: #000; position: relative; padding-right: 1rem; margin-bottom: 0.5rem;}
.M_link ul li a .tit i {position: absolute; right: 0; font-weight: 400;}
.M_link ul li a .txt {width: 100%; font-size: 0.85rem; color: #555555; font-weight: 300; }
/* 바로가기:active */
.M_link ul li a,
.M_link ul li a .tit,
.M_link ul li a .txt {transition: all 0.15s;}
.M_link ul li a:focus,
.M_link ul li a:hover{background-color: #621612;}
.M_link ul li a:focus .tit,
.M_link ul li a:hover .tit {color: #fff;}
.M_link ul li a:focus .txt,
.M_link ul li a:hover .txt {color: #fff;}


/* 반응형 */
@media screen and (max-width: 1540px) {

    /* 메인비주얼 */
    .MVisual .item {position: relative; background-color: rgba(0, 0, 0, 0.25);}
    .MVisual .item img{ height: 100%; position: absolute; left: 50%; transform: translateX(-50%);}
    .MVisual .item .slogan { left: calc(((100vw) - 1280px) / 2 + 3.25rem ); }

    /* 유물찾기 */
    .M_search {display: flex;}
    .M_search .srch_linkWrap { width: 70%; height: 100%; display: flex; align-items: center; padding: 1.25rem 1.5rem;}
    .M_search .srch_linkWrap .titBox { margin-bottom: 0; margin-right: 1rem; width: 4.5rem;}
    .M_search .srch_linkWrap .titBox h2 {margin-bottom: 0;}
    .M_search .srch_linkWrap .titBox p {display: none;}
    .M_search .srch_linkWrap ul {width: calc(100% - 5.5rem);}
    .M_search .srch_linkWrap ul li{ width: calc((100% - 1.5rem) / 4);}
    .M_search .searchBox { width: 30%; height: auto;}

    /* 관람안내 */
    .M_viewInfo .topBox .info ul { flex-wrap: wrap; gap: 1rem;}
    .M_viewInfo .topBox .info ul li{width: 100%;}
    .M_viewInfo .topBox .info ul li:first-of-type {margin-right: 0;}
    .M_viewInfo .topBox .link {flex-wrap: wrap;}
    .M_viewInfo .topBox .link li {width: 100%; height: calc(100% / 2);}
    .M_viewInfo .topBox .link li:first-of-type{padding-right: 0; border-right: 0; border-bottom: 1px solid #b2b2b2;}
    .M_viewInfo .topBox .link li:nth-child(2) {padding-left: 0;}
    .M_viewInfo .topBox .link li a{height: 100%; align-items: center; }
}



@media screen and (max-width: 1240px) {

    /* 메인비주얼 */
    .MVisual .item { height: auto;}
    .MVisual .item img{ width: 100%; height: auto; position: relative;}
    .MVisual .item .slogan {  left: calc(((100vw - 2rem) / 100 ) * 6.8 ); }
    .MVisual .item .slogan p { font-size: calc(((100vw - 2rem) / 100 ) * 1.75 ); letter-spacing: 0;}
    .MVisual .item .slogan span { font-size: calc(((100vw - 2rem) / 100 ) * 4.7 ); margin-top: 0.4em; letter-spacing: -0.5px;}
    .MVisual .item .slogan em { font-size:  calc(((100vw - 2rem) / 100 ) * 1.575 ); margin-top: 1.7em; width: 23rem; }


    /* 관람안내 */
    .M_viewInfo .topBox .info { width: 70%;}
    .M_viewInfo .topBox .link { width: 30%;}
    .M_viewInfo .botBox li { height: 4rem; }
    .M_viewInfo .botBox li:not(.lst_more) {width: calc(70% / 3);}
    .M_viewInfo .botBox li.lst_more {width: 30%;}
    .M_viewInfo .botBox li.lst_more a { padding: 0 1.5rem 0 2rem;}
    .M_viewInfo .botBox li.lst_more a span {font-size: 0; color: transparent;}
    .M_viewInfo .botBox li.lst_more a span::before {content: ""; width: 2rem; height: 2rem; right: 0; z-index: -1;}
    .M_viewInfo .botBox li.lst_more a span i{font-size: 1.1rem; color: #fff;}
}



@media screen and (max-width: 1024px) {
    /* 메인 비주얼 */
    .MVisual .item .slogan em { width: 19.5rem; }

    /* 관람안내 */
    .M_viewInfo .topBox::before {left: 1.25rem;}
    .M_viewInfo .topBox .info h2 {margin-right: 1.75rem;}

    /* 갤러리 */
    .gallery h2.tit1 { font-size: 1.35rem;}
    .gallery .gallLst {margin-top: 0.5rem;}
    .gallery .gallLst ul li > a .img { height: 12.75rem;}
    /* 갤러리 : no_data */
    .gallery .gallLst > .no_data {height: 17.25rem;}

    /* 뉴스 */
    .M_news { height: auto;}
    .M_news .tit1 {font-size: 1.35rem;}
    .M_news ul { height: 9rem;}
    .M_news ul li a .tit { margin-bottom: 1.5rem;}
    /* 뉴스 : no_data */
    .M_news .no_data {height: 9rem;}

    /* 바로가기 */
    .M_link {height: auto;}
    .M_link ul {flex-direction: row;}
    .M_link ul li { height: 4.5rem;}
    .M_link ul li a {flex-direction: row; align-items: center; justify-content: flex-start; position: relative; padding: 1rem 2rem 1rem 1.5rem;}
    .M_link ul li a .tit { margin-bottom: 0; position: static; width: auto;}
    .M_link ul li a .txt { width: auto;}
    .M_link ul li a .tit i { right: 1rem; top: 1.75rem;}
}


@media screen and (max-width: 940px) {

    /* 메인 비주얼 */
    .MVisual .item .slogan p { font-size: calc(((100vw - 2rem) / 100 ) * 1.95 ); ;}
    .MVisual .item .slogan span { font-size: calc(((100vw - 2rem) / 100 ) * 4.9 );}
    .MVisual .item .slogan em { font-size:  calc(((100vw - 2rem) / 100 ) * 1.675 ); margin-top: 1em; }

    /* 유물찾기 */
    .M_search {flex-wrap: wrap;}
    .M_search .srch_linkWrap {width: 100%; padding: 1rem 1.5rem; flex-wrap: wrap;}
    .M_search .srch_linkWrap .titBox { width: 100%; margin-bottom: 0.75rem;}
    .M_search .srch_linkWrap ul {width: 100%;}
    .M_search .srch_linkWrap ul li a {padding: 0.527rem 0.5rem;}
    .M_search .searchBox {width: 100%;}

    /* 관람안내 */    
    .M_viewInfo .topBox {flex-wrap: wrap; height: auto;}
    .M_viewInfo .topBox .info { width: 100%; flex-wrap: wrap;}
    .M_viewInfo .topBox .info h2 {flex: 1; margin-right: 15.25rem; margin-bottom: 1rem;}
    .M_viewInfo .topBox .info ul {width: 100%;}
    .M_viewInfo .topBox .link { position: absolute; top: 2rem; right: 0; height: auto; flex-direction: row; width: auto;}
    .M_viewInfo .topBox .link li { height: auto; width: auto;}
    .M_viewInfo .topBox .link li:first-of-type { padding-right: 1rem; border-right: 1px solid #b2b2b2; border-bottom: none; }
    .M_viewInfo .topBox .link li:nth-child(2) { padding-left: 1rem;}
    .M_viewInfo .topBox .link li a i:first-of-type {display: none;}
    .M_viewInfo .topBox .link li a i:nth-child(2) { margin-left: 0.5rem;}
    .M_viewInfo .botBox {display: flex; flex-wrap: wrap; table-layout: unset;}
    .M_viewInfo .botBox li {display: list-item;}
    .M_viewInfo .botBox li:not(.lst_more) {width: calc(100% / 3);}
    .M_viewInfo .botBox li:not(.lst_more) a {border-top-width: 2px; border-bottom: 0; padding-left: 0; padding-right: 1rem;}
    .M_viewInfo .botBox li:not(.lst_more) a::after {right: 0; animation: unset !important;}
    .M_viewInfo .botBox li.lst_more { width: 100%;}

    /* 바로가기 */
    .M_link ul { flex-direction: column; }
}



@media screen and (max-width: 768px) {
    
    /* 메인 비주얼 */
    .MVisual .item.type2 img { width: 120%;}
    .MVisual .item .slogan p { font-size: calc(((100vw - 2rem) / 100 ) * 2.05 ); ;}
    .MVisual .item .slogan span { font-size: calc(((100vw - 2rem) / 100 ) * 5.4 );}
    .MVisual .item .slogan em { font-size:  calc(((100vw - 2rem) / 100 ) * 2.25 ); width: 22rem; }

    /* 관람안내 */
    .M_viewInfo .topBox::before {left: 3rem;}
    .M_viewInfo .botBox {width: calc(100% + 1rem); margin: 0 -0.5rem;}
    .M_viewInfo .botBox li {padding: 0 0.5rem;}

    /* 갤러리 */
    .gallery .gallLst ul { margin: 0 -0.5rem; }
    .gallery .gallLst ul li { padding: 0 0.5rem;}
    .gallery .gallLst ul li > a .img { height: 10rem; }
    /* 갤러리 : no_data */
    .gallery .gallLst > .no_data {height: 14.5rem;}

    /* 뉴스 */
    .M_news ul li { width: 48%; }
    .M_news ul li:nth-child(n + 3) { display: none; }
}

@media screen and (max-width: 680px) {
    /* 메인 비주얼 */
    .MVisual .item .slogan em { width: 18.9rem; }
}

@media screen and (max-width: 580px) {

    /* 메인 비주얼 */
    .MVisual .item.type2 img { width: 135%;}
    .MVisual .item .slogan p { font-size: calc(((100vw - 2rem) / 100 ) * 2.25 ); ;}
    .MVisual .item .slogan span { font-size: calc(((100vw - 2rem) / 100 ) * 6.1 );}
    .MVisual .item .slogan em { font-size:  calc(((100vw - 2rem) / 100 ) * 2.75 ); width: 19.5rem; }

    /* 메인비주얼 */
    .MVisual .control {width: 11.25em; height: 2.5em; padding-left: 0.5em; padding-right: 1em; font-size: 0.75rem;}
}



@media screen and (max-width: 480px) {

    /* 메인비주얼 */
    .MVisual .item .slogan em { width: 76%; }

    /* 유물찾기 */
    .M_search .srch_linkWrap { padding: 1rem ;}
    .M_search .srch_linkWrap .titBox h2 { font-size: 1rem;}

    /* 관람안내 */
    .M_viewInfo .topBox { padding: 1.1rem 0; }
    .M_viewInfo .topBox .info h2 {font-size: 1.15rem; margin-right: 11.75rem;}
    .M_viewInfo .topBox .info h2 i { width: 2rem; height: 2rem; font-size: 1rem; margin-right: 0.5rem;}
    .M_viewInfo .topBox .info ul { gap: 0.5rem; }
    .M_viewInfo .topBox .info ul li { font-size: 0.8rem;}
    .M_viewInfo .topBox .info ul li strong span {display: none;}
    .M_viewInfo .topBox .info ul li i {margin-right: 0.25rem;}
    .M_viewInfo .topBox .link { top: 1.5rem;}
    .M_viewInfo .topBox .link li a { font-size: 0.8rem;}
    .M_viewInfo .topBox .link li:first-of-type { padding-right: 0.5rem;}
    .M_viewInfo .topBox .link li:nth-child(2) { padding-left: 0.5rem; }
    .M_viewInfo .topBox .link li a i:nth-child(2) { margin-left: 0.25rem; }
    .M_viewInfo .botBox li { height: 3rem; font-size: 0.8rem;}
    .M_viewInfo .botBox li:not(.lst_more) a {white-space: wrap; word-break: break-all;}
    .M_viewInfo .botBox li.lst_more a { padding: 0 1.5rem; }

    /* 갤러리 */
    .gallery h2.tit1 { font-size: 1.15rem; }
    .gallery .gallLst ul li > a .img { height: 7.75rem; margin-bottom: 0.25rem;}
    .gallery .gallLst ul li > a .txtWrap .txt { font-size: 0.9rem; }
    /* 갤러리 : no_data */
    .gallery .gallLst > .no_data {height: 11.75rem; font-size: 0.9rem;}

    /* 뉴스 */
    .M_news .tit1 {height: auto; padding-bottom: 1rem; font-size: 1.15rem;}
    .M_news ul {flex-wrap: wrap; height: auto; margin-top: 0.75rem;}
    .M_news ul li{width: 100%; }
    .M_news ul li:nth-of-type(2){margin-top: 0.75rem; border-top: 1px solid #e5e5e5; padding-top: 0.75rem;}
    .M_news ul li a{padding-bottom: 1.5rem;}
    .M_news ul li a .tit { font-size: 0.95rem; line-height: 1.5rem; height: 1.5rem; margin-bottom: 0.5rem; -webkit-line-clamp: 1; }
    /* 뉴스 : no_data */
    .M_news .no_data {height: 13.859rem; font-size: 0.95rem;}

    /* 바로가기 */
    .M_link ul { flex-direction: row; }
    .M_link ul li { height: 3rem; }
    .M_link ul li a { padding: 0.5rem 1rem; }
    .M_link ul li a .txt {display: none;}
    .M_link ul li a .tit i { right: 1rem; top: 0.95rem; }
}



@media screen and (max-width: 370px) {

    /* 메인 비주얼 */
    .MVisual .item.type2 img { width: 135%;}
    .MVisual .item .slogan p { font-size: calc(((100vw - 2rem) / 100 ) * 2.55 ); ;}
    .MVisual .item .slogan span { font-size: calc(((100vw - 2rem) / 100 ) * 6.4 );}
    .MVisual .item .slogan em { font-size:  calc(((100vw - 2rem) / 100 ) * 2.95 ); width: 76%;}

    /* 유물찾기 */
    .M_search .srch_linkWrap ul li {width: calc(50% - 0.25rem);}

    /* 관람안내 */
    .M_viewInfo .topBox .info h2 {flex: unset; width: 100%; margin-right: 0;}
    .M_viewInfo .topBox .link {position: static; margin-top: 0.5rem;}
    .M_viewInfo .botBox li:not(.lst_more) { width: 100%;}
    .M_viewInfo .botBox li:not(.lst_more) a {border-top-width: 1px;}
    .M_viewInfo .botBox li.lst_more a {padding: 0 1rem;}
}