#wrap ::-webkit-scrollbar {width: 4px; height: 4px;}
#wrap ::-webkit-scrollbar-thumb {background-color: #aaa; border-radius: 10px;}
#wrap ::-webkit-scrollbar-track {background-color: #ddd; border-radius: 10px;}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff2);
    font-weight: 900;
    font-display: swap;
}

/* 2-4페이지 검색영역 위치 */
.fp-viewing-2rdPage #totalSearch, .fp-viewing-2rdPage #totalSearch2,
.fp-viewing-3rdPage #totalSearch, .fp-viewing-3rdPage #totalSearch2,
.fp-viewing-4rdPage #totalSearch, .fp-viewing-4rdPage #totalSearch2 {top:3.75rem;}

/* animation */
.mtBox [class*="mot"]{opacity:0;transition:all .5s ease-out;-webkit-transition:all .5s ease-out;}
.mtBox [class*="mot"][class$="-left"]{transform:translateX(-100%);-webkit-transform:translateX(-100%);}
.mtBox [class*="mot"][class$="-right"]{transform:translateX(100%);-webkit-transform:translateX(100%);}
.mtBox [class*="mot"][class$="-top"]{transform:translateY(-50px);-webkit-transform:translateY(-50px);}
.mtBox [class*="mot"][class$="-bottom"]{transform:translateY(50px);-webkit-transform:translateY(50px);}
.mtBox [class*="mot"][class$="-contShow"]{width:20%;}

.start .mtBox.active [class*="mot"]{opacity:1;}
.start .mtBox.active [class*="mot1"]{transition-delay:0s;-webkit-transition-delay:0s;}
.start .mtBox.active [class*="mot2"]{transition-delay:.2s;-webkit-transition-delay:.2s;}
.start .mtBox.active [class*="mot3"]{transition-delay:.3s;-webkit-transition-delay:.3s;}
.start .mtBox.active [class*="mot4"]{transition-delay:.4s;-webkit-transition-delay:.4s;}
.start .mtBox.active [class*="mot5"]{transition-delay:.5s;-webkit-transition-delay:.5s;}
.start .mtBox.active [class*="mot6"]{transition-delay:.6s;-webkit-transition-delay:.6s;}
.start .mtBox.active [class*="mot7"]{transition-delay:.7s;-webkit-transition-delay:.7s;}
.start .mtBox.active [class*="mot"][class$="-left"]{transform:translateX(0px);-webkit-transform:translateX(0px);}
.start .mtBox.active [class*="mot"][class$="-right"]{transform:translateX(0px);-webkit-transform:translateX(0px);}
.start .mtBox.active [class*="mot"][class$="-top"]{transform:translateY(0px);-webkit-transform:translateY(0px);}
.start .mtBox.active [class*="mot"][class$="-bottom"]{transform:translateY(0px);-webkit-transform:translateY(0px);}
.start .mtBox.active [class*="mot"][class$="-contShow"]{width:100%;transition:all 1s ease;-webkit-transition:all 1s ease;}

/* common style */
.tit_wrap {display: flex; justify-content: space-between; align-items: center;}
h2.heading {position: relative; font-size: 1.4rem; display: block; font-weight: 700; color:#222;}
h3.heading2 {position: relative; font-family: 'Jalnan'; font-size: 1.3rem; display: block; margin: 0 auto 1rem; font-weight: 700; color:#f75338;}
.btn_more{ position:absolute; top: 0; right: 0; display: flex; justify-content: center; align-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: #222; color: #fff; font-size: 1rem; }
.btn_more i,
.btn_more img {-webkit-transition:all 0.15s; -ms-transition:all 0.15s; transition:all 0.15s;}
.btn_more:hover i,
.btn_more:focus i,
.btn_more:hover img,
.btn_more:focus img { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }

.fp-nav {z-index: 9;position:absolute; top:50%; transform: translateY(-50%); left:1.5rem;}
.fp-nav > li {position:relative;}
.fp-nav > li ~ li {margin-top: 1rem;}
.fp-nav > li > a {position:relative; display:flex; align-items: center; width: 0.3rem; height: 0.3rem; border-radius: 50%; background: #fff;}
.fp-nav > li > a::before {content: ''; position: absolute; left:-0.35rem; top:-0.35rem; width: 1rem; height: 1rem; border-radius: 50%; background: transparent; border: 1px solid #fff; opacity: 0;}
.fp-nav > li.active:before{border-color:#00a190; background:#00a190;}
.fp-nav > li > a,
.fp-nav > li > a::before,
.fp-nav > li > a > span,
.fp-nav > li > a > i {transition: all 0.3s; -webkit-transition: all 0.3s;} 
.fp-nav > li.active > a:before {opacity: 1;}
.fp-viewing-2rdPage .fp-nav > li > a {background: #192436;}
.fp-viewing-2rdPage .fp-nav > li > a::before {border-color: #192436;}

/* 메인비주얼 */
.M_Visual { position: relative; height: 100%; }
.M_Visual .slider,
.M_Visual .slick-list,
.M_Visual .slick-track { position: relative; height: 100%; z-index: 1; }
.M_Visual .item {line-height: 0; overflow: hidden;}
.M_Visual .item img {position: relative; width: 100%; height: 100%; left: 50%; transform: translateX(-50%); object-fit: cover;}
.M_Visual .control {position: absolute; left: 50%; transform: translateX(-50%); bottom: 32%; display: flex; align-items: center; justify-content: center; width: 100%; height: 2.5rem; z-index: 2;}
.M_Visual .control .page {display: inline-block; font-size: 1.15rem; font-weight: 200; color: #fff; margin-right: 0.75rem; filter: drop-shadow(0 0 8px rgba(0,0,0,0.9));}
.M_Visual .control .page strong {position: relative; padding-right: 1.15rem; font-weight: 600; }
.M_Visual .control .page strong:after {position: absolute; right: 0.4rem; top: 50%; transform: translateY(-50%); color: #fff; content: '/'; font-weight: 200;}
.M_Visual .control > a { position: relative; display: inline-block; width: 1.5rem; text-align: center; vertical-align: top; font-size: 1.2rem; color: #fff; transition: all 0.15s; filter: drop-shadow(0 0 8px rgba(0,0,0,0.8));}
.M_Visual .control > a.stop, 
.M_Visual .control > a.play { margin-left: 1rem; color: #fff; width: 2.2rem; height: 2.2rem; line-height: 2.4rem; text-align: center; border-radius: 50%; background: #8F7332; filter: drop-shadow(0 0 4px rgba(0,0,0,0.37));}
.M_Visual .control > a.stop i, 
.M_Visual .control > a.play i { filter: drop-shadow(0 4px 4px rgba(0,0,0,0.45));}
.M_Visual .control > a.play {display: none;}
.M_Visual .control > a.prev {position: relative; margin-right: 0.5rem;}
.M_Visual .control > a.prev::after {content: ''; position: absolute; right: -0.35rem; top: calc(50% - 0.5rem); width: 1px; height: 0.85rem; background: #fff;}

/* 검색 */
.M_search {display: flex; justify-content: space-between; gap: 3rem; color: #fff;}
.M_search .search_field {flex: 1; display: flex; align-items: center; gap: 1rem; border-bottom: 1px solid #fff; padding: 0.3rem 0 0.7rem;}
.M_search .search_field i {font-size: 2rem;}
.M_search .search_field input {height: 2rem; width: 100%; font-size: 1.6rem; font-weight: 500;}
.M_search .search_field input::placeholder {color: #fff;}
.M_search .btn_search {display: flex; align-items: center; justify-content: center; width: 4rem; background: #8F7332; border: 2px solid transparent; font-size: 1.5rem; font-weight: 300; transition: all 0.15s;}
/* 검색 : active */
.M_search .btn_search:hover,
.M_search .btn_search:focus {background: transparent; border-color: #8F7332;}

/* 바로가기 */
.M_link { position:relative; display: flex; justify-content: space-between; gap: 1rem 3rem;}
.M_link .tit_wrap {flex-direction: column; justify-content: start; width: 10rem; color: #111;}
.M_link .tit_wrap h2.heading {font-size: 1.6rem; color: #111;}
.M_link .tit_wrap span {display: block; font-size: 0.9rem; margin-top: 0.5rem; line-height: 1.3;}
.M_link ul {flex:1; display: flex; gap: 2.75rem;}
.M_link li { position:relative; flex: 1;}
.M_link li a {position:relative; display: block; width:100%; text-align: center; background: #fff; border: 2px solid transparent; color: #111; padding: 1.5rem 0; transition: 0.15s; -webkit-transition: 0.15s;}
.M_link li a .img{margin: 0 auto; transition: 0.15s; -webkit-transition: 0.15s;}
.M_link li a .img img {transition: 0.15s; -webkit-transition: 0.15s;}
.M_link li a .txt { line-height:1.1rem; font-size: 1rem; font-weight: 600; overflow:hidden; margin-top: 0.65rem; transition: 0.15s; -webkit-transition: 0.15s; }
.M_link .control{position: absolute; top: 2rem; left: 0; right: 0;}
.M_link .control a{position: absolute; top: 0; left: 0; font-size: 1.2rem;}
.M_link .control a.next{left: auto; right: 0;}
/** 바로가기1 : active **/
.M_link li a:focus,
.M_link li a:hover{border-color: #192436;}
.M_link li a:focus .txt,
.M_link li a:hover .txt {color: #8F7332;}

/* 게시판 260320*/
.M_notice {position: relative; height: 100%; }
.M_notice .titTab {position: relative;}
.M_notice .titTab ul {position: relative; font-size: 0; margin-right: 2.5rem;}
.M_notice .titTab ul:after {clear: both; display: block; content: "";}
.M_notice .titTab li {position: relative;display: inline-block;max-width: calc(100% - 1.25rem);font-size: 1.4rem;font-weight: 500;vertical-align: top;}
.M_notice .titTab li + li{padding-left:1rem; margin-left:1rem;}
.M_notice .titTab li + li::before{width: 1px; height: 0.75rem; border-left: 1px solid #353535; position: absolute; left: 0; top: 0.8rem; content: '';}
.M_notice .titTab li a {position: relative; display: block; color: #777; font-weight: 700; line-height:1; background-position:bottom center; margin-top:0.5rem; }
.M_notice .titTab li a span {position: relative; display: block; white-space: nowrap; overflow: hidden; }
.M_notice .titTab li a span::before{position: absolute; bottom: 0; left: 0; content: ""; width:0; height:0.6rem; background:#c1eeeb; z-index:-1; transition: all 0.15s;}
.M_notice .list_box {display: none; width: 100%;}
.M_notice .list_box ul {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 1rem;width: 100%;margin-top:1.25rem;}
.M_notice .list_box li {width: 100%;}
.cont_left .M_notice .list_box li:nth-child(n + 3) { display: none; }
.M_notice .list_box li:nth-child(n + 6) { display: none; }
.M_notice .list_box li a {position: relative;display: flex;font-weight: 400;color: #222;border-bottom: 1px solid #D9D9D9;justify-content: space-between;align-items: center;}
.M_notice .list_box li a strong{position: relative;overflow: hidden;display: -webkit-box;max-width: calc(100% - 5.5rem);-webkit-box-orient: vertical;-webkit-line-clamp: 1;text-overflow: ellipsis;white-space: nowrap;font-size: 0.95rem;line-height: 1.5rem;font-weight: 600;}
.M_notice .list_box li a.new strong{text-indent: 1.65rem;}
.M_notice .list_box li a.new strong:before{content:"N"; display:inline-block; width:1.3rem; height:1.3rem; display: flex; align-items: center; justify-content: center; color:#fff; font-weight:600; font-size: 0.75rem; background:#CA2C35; border-radius:50%; vertical-align: middle; position: absolute; left: 0; top: 0.05rem; text-indent: 0;}
.M_notice .list_box li a span{position:relative;max-width: 5rem;display:flex;align-items: center;gap: 0.2rem;color: #666;justify-content: flex-end;}
.M_notice .list_box li.no_data {display:flex;width: 100%;line-height: 4rem;justify-content: center;align-items: center;font-size: 0.9rem;}
.M_notice .list_box .btn_more{top:-0.05rem;}


.M_notice.type02 .list_box ul {gap: 1rem;}



/* 게시판 : active */
.M_notice a,
.M_notice :before,
.M_notice :after,
.M_notice .list_box li a span i,
.M_notice { transition: all 0.15s;}
.M_notice .titTab li a:hover,
.M_notice .titTab li a:focus,
.M_notice .titTab li a.current {color: #222;}
.M_notice .list_box.on {display: block;}
.M_notice .list_box li a:hover,
.M_notice .list_box li a:focus{color:#8F7332; border-color: #8F7332; }

/* 카드뉴스 */
.M_card .card_img {position: relative;height: 12rem;background: #dbdbdb;overflow: hidden;margin-top: 1rem;box-shadow: 0 0 10px rgba(0,0,0,0.075);}
.M_card .card_img div,
.M_card .card_img .item {height: 100%;}
.M_card .card_img .item a {position: relative; display: block; height: 100%; line-height: 0; text-align: center; overflow: hidden; }
.M_card .card_img .item img {position: relative;width: 100%;max-width: 100%;height: 100%;left: 50%;transform: translateX(-50%);}
.M_card .control  {display: flex; align-items: center; }
.M_card .page {display: inline-block; margin-right: 0.5rem; vertical-align: top; line-height: 2rem; color: #666;}
.M_card .page strong {position: relative; display: inline-block; margin-right: 0.3rem; padding-right: 0.3rem; font-weight: 600; color: #222;}
.M_card .page strong:before {position: absolute; top: 0; right: -0.15rem; color: #666; content: "/"; }
.M_card .control a {position: relative; display: inline-block; color: #111; font-size: 1rem;}
.M_card .control .play,
.M_card .control .stop {display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 50%; background: #222; text-align: center; color: #fff; margin-left: 0.8rem;}
.M_card .control .play {display: none;}
.M_card .control a.prev {position: relative; margin-right: 1.5rem;}
.M_card .control a.prev::after {content: ''; position: absolute; right: -0.85rem; top: calc(50% - 0.45rem); width: 1px; height: 0.75rem; background: #353535;}

/* 팝업존 */
.M_pop {position: relative;}
.M_pop .pop_img {position: relative;height: 12rem;background: #dbdbdb;overflow: hidden;margin-top: 1rem;box-shadow: 0 0 10px rgba(0,0,0,0.075);}
.M_pop .pop_img div,
.M_pop .pop_img .item {height: 100%;}
.M_pop .pop_img .item a {position: relative; display: block; height: 100%; line-height: 0; text-align: center; overflow: hidden; }
.M_pop .pop_img .item img {position: relative;width: 100%;max-width: 100%;height: 100%;left: 50%;transform: translateX(-50%);}
.M_pop .control  {display: flex; align-items: center; }
.M_pop .page {display: inline-block; margin-right: 0.5rem; vertical-align: top; line-height: 2rem; color: #666;}
.M_pop .page strong {position: relative; display: inline-block; margin-right: 0.3rem; padding-right: 0.3rem; font-weight: 600; color: #222;}
.M_pop .page strong:before {position: absolute; top: 0; right: -0.15rem; color: #666; content: "/"; }
.M_pop .control a {position: relative; display: inline-block; color: #111; font-size: 1rem;}
.M_pop .control .play,
.M_pop .control .stop {display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 50%; background: #222; text-align: center; color: #fff; margin-left: 0.8rem;}
.M_pop .control .play {display: none;}
.M_pop .control a.prev {position: relative; margin-right: 1.5rem;}
.M_pop .control a.prev::after {content: ''; position: absolute; right: -0.85rem; top: calc(50% - 0.45rem); width: 1px; height: 0.75rem; background: #353535;}
/** 팝업존 :action **/ 
.M_pop a,
.M_pop :before { transition: all 0.15s;}
.M_pop .pop_img .item a:focus::after {opacity: 1;}

/* 전시 · 체험 */
.M_gallery { position:relative; height:100%; }
.M_gallery h2.heading {color: #fff;}
.M_gallery .inBox { width: 100%; margin-top: 1rem; }
.M_gallery .list_box .slick-list { width: calc(100% + 3rem); margin-left: -1.5rem; }
.M_gallery .list_box .item {padding: 0 1.5rem; vertical-align: top; transition: 0.5s;}
.M_gallery .list_box a {position: relative; display:block; padding-bottom: 0.85rem; border-bottom: 1px solid #D9D9D9;}
.M_gallery .list_box a .img {position: relative; height: 20rem; overflow:hidden; background: #eee;}
.M_gallery .list_box a .img img { position:absolute; top:50%; left:50%; width:100%; height:100%; object-fit: contain; transform:translate(-50%, -50%); }
.M_gallery .list_box a .contents {margin-top: 1.15rem;}
.M_gallery .list_box a .contents .index {display: flex;}
.M_gallery .list_box a .contents .index span {display: inline-block; line-height: 1.7rem; padding: 0 0.7rem; font-size: 0.75rem;}
.M_gallery .list_box a .contents .index span:nth-child(1) {background: rgba(255, 255, 255, 0.1); color: #fff;}
.M_gallery .list_box a .contents .index span:nth-child(2) {background: #fff; color: #222;}
.M_gallery .list_box a .contents .tit { height: 2.9rem; line-height: 1.5rem; font-size: 0.95rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; font-weight: 500; color:#fff; margin-top: 0.6rem;}
.M_gallery .list_box a .contents .date {display: flex; align-items: center; gap: 0.2rem; color: #ccc; font-weight: 300; margin-top: 0.75rem;}
.M_gallery .no_data {display: flex; align-items: center; justify-content: center; line-height: 29.2rem; padding: 0 1rem; width: 100%; font-size: 0.9rem; color: #fff; background: rgba(255,255,255,0.3);}
.M_gallery .control { display: flex; }
.M_gallery .control a { display: flex; justify-content: center; align-items: center; color: #fff; font-size: 1.05rem; }
.M_gallery .control a.prev {position: relative; margin-right: 1.5rem;}
.M_gallery .control a.prev::after {content: ''; position: absolute; right: -0.9rem; top: calc(50% - 0.4rem); width: 1px; height: 0.75rem; background: #fff;}
.M_gallery .btn_more { position: relative; top: auto; right: auto; background: #fff; color: #111 !important; margin-left: 0.8rem;}
/* 전시 · 체험 : active */
.M_gallery .list_box a:hover .img img,
.M_gallery .list_box a:focus .img img { transform: translate(-50%, -50%) scale(1.1) ; }
.M_gallery .list_box a,
.M_gallery .list_box a .img img { transition: all 0.15s; }
/** 전시 · 체험 : 비공개 **/
.prvt,
.prvt .ico{ display: flex; align-items: center; justify-content: center; flex-direction: column; color:#000; word-break: keep-all;}
.prvt .ico{ width:8rem; height:8rem; border-radius:50%; background:#feece9;}
.prvt .ico i{ font-size:1.75rem; }
.prvt .ico span{ display: block; font-size:1.2rem;  font-weight:600; margin-top:0.25rem;}
.prvt > p{ margin-top:1rem; text-align:center; font-size:0.95rem; font-weight:600; }
/** 전시 · 체험 : 전체 비공개 **/
.full_mber{ position:relative; width:100%; height:100%; padding:2rem 0; z-index: 1;}
.full_mber:before{ content:""; position:absolute; left: calc(50% - 50vw); top: -4rem; width:100vw; height:calc(100% + 7.2rem); background:url('/00_common/images/template/T0001/main/0001_wrap03_ptrn.png'); z-index: -1;}
/** 전시 · 체험 : 이미지 비공개 **/
.no_mber .img > img{ display: none !important;}
.no_mber .prvt{ width:100%; height:100%; padding-bottom:1rem; background:#f1f1f1; z-index:1;}
.no_mber .prvt .ico{ width:5rem; height:5rem; min-width:0px; min-height:0px; background:#fba093;}
.no_mber .prvt .ico span{ font-size:0.8rem;}
.no_mber .prvt > p{ font-size:0.75rem; margin:0.25rem 0.75rem;}

/* Digital Archive */
.M_archive {position: relative; width: 100%;}
.M_archive { display: flex; flex-direction: column; justify-content: end; width: 100%; height: 32.3rem; padding-left: 2rem; color: #fff; margin-bottom: -1.25rem;}
.M_archive .stit {font-size: 0.9rem; font-weight: 300; filter: drop-shadow(0 0 10px rgba(0,0,0,0.6));}
.M_archive .tit {font-size: 3rem; line-height: 1.3; font-family: 'NanumSquareNeo'; font-weight: 900; filter: drop-shadow(0 4px 4px rgba(0,0,0,0.15));}
.M_archive a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* 마우스커서 */
body.hide-cursor * {
  cursor: none !important
}
[id^="cursor"]{position:absolute;top:50%;left:50%;z-index:100; display:flex; align-items:center; justify-content: center; margin:-58px 0 0 -58px; border-radius:50%;width:116px;height:117px; background: url(/images/org/web/archives/main/archive_btn_01.png) no-repeat center;-webkit-pointer-events:none;-moz-pointer-events:none;-ms-pointer-events:none;-o-pointer-events:none;pointer-events:none;-moz-transition:opacity .1s,transform .4s;-ms-transition:opacity .1s,transform .4s;-o-transition:opacity .1s,transform .4s;-webkit-transition:opacity .1s,transform .4s;transition:opacity .1s,transform .4s;opacity:0;-webkit-transform:scale(0) translate3d(0, 0, 0);-moz-transform:scale(0) translate3d(0, 0, 0);-ms-transform:scale(0) translate3d(0, 0, 0);-o-transform:scale(0) translate3d(0, 0, 0);transform:scale(0) translate3d(0, 0, 0); overflow:hidden;isolation:isolate}
[id^="cursor"].act{opacity:1;-webkit-transform:scale(1) translate3d(0, 0, 0);-moz-transform:scale(1) translate3d(0, 0, 0);-ms-transform:scale(1) translate3d(0, 0, 0);-o-transform:scale(1) translate3d(0, 0, 0);transform:scale(1) translate3d(0, 0, 0)}
[id^="cursor"].act span{-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-ms-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s;opacity:1; color:#172031;}
[id^="cursor"] span{position: relative; display: flex; align-items: center; justify-content: center; width:5rem; height:5rem; font-size: 1.2rem; border-radius: 50%; color: #172031; opacity: 0;}
[id^="cursor"] span::before {content: ''; position: absolute; top: 50%; left: 50%; width:116px; height:117px; background: url(/images/org/web/archives/main/archive_btn_02.png); transform: translate(-50%, -50%); animation: rotate 5s linear infinite;}

@keyframes rotate {
	to {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

@media (max-height: 900px) {
    .fp-nav{display: none;}

}

@media (max-width: 1760px) {
    /* 카드뉴스 */
    .M_card .card_box .stit {font-size: 0.7rem;}
}

@media (max-width: 1540px) {
    /* animation */
    .mtBox [class*="mot"]{opacity:1;}
    .mtBox [class*="mot"][class$="-left"]{transform:translateX(0);-webkit-transform:translateX(0);}
    .mtBox [class*="mot"][class$="-right"]{transform:translateX(0);-webkit-transform:translateX(0);}
    .mtBox [class*="mot"][class$="-top"]{transform:translateY(0);-webkit-transform:translateY(0);}
    .mtBox [class*="mot"][class$="-bottom"]{transform:translateY(0);-webkit-transform:translateY(0);}
    .mtBox [class*="mot"][class$="-contShow"]{width:100%;}

    .fp-nav,
    .go_map,
    .scroll_txt {display: none;}
    .fp-tableCell{height: auto !important; vertical-align: unset !important;}

    /* 바로가기 */
    .M_link ul {gap: 1.75rem;}

    /* 전시 · 체험 */
    .M_gallery .list_box .slick-list { width: calc(100% + 1.5rem); margin-left: -0.75em; }
    .M_gallery .list_box .item {padding: 0 0.75rem;}
}

@media (max-width: 1350px) {
    /* 카드뉴스 */
    .M_card .card_box .stit {letter-spacing: -1px;}
}

@media (max-width: 1280px) {
    .fp-viewing-2rdPage #totalSearch, .fp-viewing-2rdPage #totalSearch2, 
    .fp-viewing-3rdPage #totalSearch, .fp-viewing-3rdPage #totalSearch2, 
    .fp-viewing-4rdPage #totalSearch, .fp-viewing-4rdPage #totalSearch2 {top:3.5rem;}

    /* 바로가기 */
    .M_link { gap: 1rem 1.5rem;}
    .M_link .tit_wrap {width: 9rem;}
    .M_link .tit_wrap h2.heading {font-size: 1.4rem;}
    .M_link .tit_wrap span {font-size: 0.85rem;}
    .M_link ul {gap: 1rem;}
    .M_link li a .txt { font-size: 0.95rem;}

    /* 게시판 */
    .M_notice .list_box li.no_data {line-height: 3.5rem;}

    /* 카드뉴스 */
    .M_card .card_img {height: 17rem;}

    /* 팝업존 */
    .M_pop .pop_img{ height: 17rem; }
}

@media (max-width: 1150px) {
    /* Digital Archive */
    .M_archive {padding-left: 1.5rem;}
    .M_archive .stit {font-size: 0.8rem;}
    .M_archive .tit {font-size: 2.75rem;}
}

@media (max-width: 1024px) {
    /* common style */
    h2.heading {font-size: 1.3rem;}

    /* 메인비주얼 */
    .M_Visual .control {bottom: 28%;}

    /* 검색 */
    .M_search {gap: 1.5rem;}
    .M_search .search_field {gap: 0.75rem; padding: 0.1rem 0 0.3rem;}
    .M_search .search_field i {font-size: 1.7rem;}
    .M_search .search_field input {height: 1.75rem; font-size: 1.3rem;}
    .M_search .btn_search {width: 3rem; font-size: 1.3rem;}

    /* 바로가기 */
    .M_link { flex-direction: column; gap: 0.75rem;}
    .M_link .tit_wrap {width: 100%; align-items: start;}
    .M_link .tit_wrap h2.heading {font-size: 1.3rem;}
    .M_link .tit_wrap span {display: none;}
    .M_link ul {gap: 1rem;}
    .M_link li a {padding: 1rem 0;}
    .M_link li a .img img {max-width: 35%;}
    .M_link li a .txt { font-size: 0.9rem; }
    .M_link .control{position: absolute; top: 2rem; left: 0; right: 0;}
    .M_link .control a{position: absolute; top: 0; left: 0; font-size: 1.2rem;}
    .M_link .control a.next{left: auto; right: 0;}

    /* 게시판 260320*/
    .M_notice .titTab li {font-size: 1.3rem;}
    .M_notice .list_box ul {margin-top: 1rem;gap: 1rem;}
    .M_notice .list_box li a strong {font-size: 0.9rem;line-height: 1.4rem;-webkit-line-clamp: 1;}
    .M_notice .list_box li.no_data {/* line-height: 5.45rem; */}

    /* 카드뉴스 */
    .M_card .card_img {margin-top: 0.75rem;}

    /* 팝업존 */
    .M_pop .pop_img {margin-top: 0.75rem;}

    /* 전시 · 체험 */
    .M_gallery .inBox {margin-top: 0.75rem;}
    .M_gallery .list_box a {padding-bottom: 0.75rem;}
    .M_gallery .list_box a .img {height: 13rem;}
    .M_gallery .list_box a .contents {margin-top: 1rem;}
    .M_gallery .list_box a .contents .index span {line-height: 1.5rem;}
    .M_gallery .list_box a .contents .tit {font-size: 0.9rem; line-height: 1.4rem; height: 1.5rem; -webkit-line-clamp: 1; margin-top: 0.5rem;}
    .M_gallery .list_box a .contents .date {margin-top: 0.5rem;}
    .M_gallery .no_data {line-height: 20rem;}

    /* Digital Archive */
    .M_archive {justify-content: center; height: 12.5rem; margin-bottom: 0;}
} 

@media (max-width: 768px) {	
    /* 바로가기 */
    .M_link ul {gap: 0.75rem;}

    /* 게시판 260320*/
    .M_notice .list_box ul {gap: 1rem 1.5rem;}
    .M_notice .list_box li.no_data {/* line-height: 4.95rem; */}

    /* 마우스커서 */
    [id^="cursor"].act{opacity:0;}
}

@media (max-width: 680px) {	
    /* 바로가기 */
    .M_link ul {flex-wrap: wrap;}
    .M_link li {flex: none; width: calc(33.3% - calc((0.75rem * 2) / 3));}
    .M_link li a {padding: 0.75rem 0;}
    .M_link li a .img img {max-width: 25%;}
}

@media (max-width: 580px) {
    /* common style */
    h2.heading {font-size: 1.1rem;}
    .btn_more {width: 1.75rem; height: 1.75rem; font-size: 0.9rem; top: 0.1rem;}

    /* 메인비주얼 */
    .M_Visual .control {bottom: 21%;}
    .M_Visual .control .page {font-size: 0.9rem; margin-right: 0.25rem;}
    .M_Visual .control > a {font-size: 0.9rem;}
    .M_Visual .control > a.stop, .M_Visual .control > a.play {width: 1.65rem; height: 1.65rem; line-height: 1.8rem; margin-left: 0.25rem;}

    /* 검색 */
    .M_search {gap: 1rem;}
    .M_search .search_field {padding: 0 0 0.2rem; gap: 0.5rem;}
    .M_search .search_field i {font-size: 1rem;}
    .M_search .search_field input {height: 1.5rem; font-size: 1rem;}
    .M_search .btn_search {width: 2.15rem;}

    /* 바로가기 */
    .M_link {gap: 0.5rem;}
    .M_link .tit_wrap h2.heading {font-size: 1.1rem;}
    .M_link ul {gap: 0.5rem;}
    .M_link li {width: calc(33.3% - calc((0.5rem * 2) / 3));}
    .M_link li a .txt {font-size: 0.85rem; margin-top: 0.3rem;}

    /* 게시판 260320*/
    .M_notice .titTab li {font-size: 1.1rem;}
    .M_notice .titTab li + li {padding-left: 0.75rem; margin-left: 0.75rem;}
    .M_notice .titTab li + li::before {top: 0.65rem;}
    .M_notice .list_box ul {margin-top: 0.75rem; gap: 1rem;}
    .M_notice .list_box li a {padding-bottom: 0.5rem;}
    .M_notice .list_box li a strong {font-size: 0.85rem;line-height: 1.3rem;}
    .M_notice .list_box li a.new strong {text-indent: 1.45rem;}
    .M_notice .list_box li a.new strong:before {width: 1.15rem; height: 1.15rem;}
    .M_notice .list_box li a span {font-size: 0.75rem; margin-top: 0.4rem;}
    .M_notice .list_box li.no_data {/* line-height: 4.5rem; */}
    .M_notice .list_box li:nth-child(n + 3) { display: none; }

    /* 카드뉴스 */
    .M_card .card_img {height: 12rem; margin-top: 0.5rem;}
    .M_card .control a {font-size: 0.9rem;}
    .M_card .control .play, .M_pop .control .stop {width: 1.75rem; height: 1.75rem; margin-left: 0.5rem;}

    /* 팝업존 */
    .M_pop .pop_img {height: 12rem; margin-top: 0.5rem;}
    .M_pop .control a {font-size: 0.9rem;}
    .M_pop .control .play, .M_pop .control .stop {width: 1.75rem; height: 1.75rem; margin-left: 0.5rem;}

    /* 전시 · 체험 */
    .M_gallery .inBox {margin-top: 0.5rem;}
    .M_gallery .list_box .slick-list {width: calc(100% + 1rem); margin-left: -0.5rem;}
    .M_gallery .list_box .item {padding: 0 0.5rem;}
    .M_gallery .list_box a {padding-bottom: 0.6rem;}
    .M_gallery .list_box a .img {height: 12rem;}
    .M_gallery .list_box a .contents {margin-top: 0.75rem;}
    .M_gallery .list_box a .contents .tit {font-size: 0.85rem; height: 1.25rem;}
    .M_gallery .list_box a .contents .date {font-size: 0.75rem; margin-top: 0.3rem;}
    .M_gallery .no_data {line-height: 18rem;}
    .M_gallery .control a {font-size: 0.9rem;}
    .M_gallery .btn_more {margin-left: 0.5rem;}

    /* Digital Archive */
    .M_archive {height: 11rem; padding-left: 1rem;}
    .M_archive .tit {font-size: 2.5rem; line-height: 1.15; margin-top: 0.25rem;}
}

@media (max-width: 480px) { 
    
    
}
@media (max-width: 380px) { 
    /* 바로가기 */
    .M_link li {width: calc(50% - 0.25rem);}

    .M_notice .list_box li {width: 100%; }
    .M_notice .list_box li:nth-child(n + 3) { display: none; }
 }

@media (max-width: 340px) { 
    /* 검색 */
    .M_search {gap: 0.75rem;}
    .M_search .search_field i {font-size: 1.4rem;}
    .M_search .search_field input {font-size: 1rem;}
}