@charset "utf-8";
/* 원본 CSS 뒤에는 G5 컨테이너와 교체한 슬라이더에 필요한 연결만 보완한다. */
body{min-width:1000px;background:#fff}
#container.museum-home{float:none;width:100%;min-width:0;min-height:0;margin:0;padding:0}
#container.museum-content{float:none;width:100%;min-width:0;margin:0;padding:0}
.museum-skip{position:fixed;left:10px;top:-70px;z-index:1000;padding:10px;background:#006276;color:white}
.museum-skip:focus{top:10px}
.main #visual .swiper-wrapper{height:100%}
.main #visual .swiper-slide[hidden],[role=tabpanel][hidden]{display:none!important}
.main #visual .swiper-slide{background-size:auto}
.swiper-container{position:relative;overflow:hidden}
.swiper-pagination{position:absolute;width:100%;text-align:center;z-index:2}
.swiper-pagination-bullet{border:0;padding:0;vertical-align:middle}
.swiper-button-prev,.swiper-button-next{position:absolute;z-index:3}
.museum-submenu-toggle{position:absolute;right:0;top:16px;opacity:0;background:transparent;border:0;color:#006276}
.museum-submenu-toggle:focus{opacity:1}
body.openmenu #header #menu #gnb .dep2{display:block}
body.menu-dismissed #header #menu #gnb .dep2{display:none}
.museum-autoplay-toggle{position:absolute;z-index:5;right:0;top:0;opacity:0;pointer-events:none;padding:3px 8px;border:1px solid #ddd;background:#fff;color:#555;font-size:12px}
.museum-autoplay-toggle:focus-visible{opacity:1;pointer-events:auto}
.museum-hero>.swiper-container>.museum-autoplay-toggle{right:15px;top:15px}
.museum-carousel{position:relative}
.museum-carousel [data-carousel-track]{display:flex;overflow:hidden;scrollbar-width:none;scroll-snap-type:x mandatory}
.museum-carousel [data-carousel-track]>.item{flex:0 0 100%;scroll-snap-align:start}
.main .section03 .image_area img{width:100%;height:100%;object-fit:cover}
#banner [data-carousel-track]>.item{flex:0 0 160px}
.museum-carousel-dots{text-align:center;margin-top:10px}
.museum-carousel-dots button{border:0;width:16px;height:16px;margin:5px 7px;border-radius:50%;background:#e5e5e5}
.museum-carousel-dots button[aria-pressed=true]{background:#006276}
.main .section03 .image_area{overflow:hidden}

/* 버퍼 훅 없이 기본 헤더/푸터가 출력되며 키보드 초점 표시만 추가한다. */
a:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:2px solid #006276;outline-offset:2px}

/* G5 초기화 CSS와 브라우저 기본값 차이만 원본의 글꼴·기준선·슬라이드 폭으로 맞춘다. */
#header h1{font-size:26px;line-height:39px}
.swiper-pagination-bullet{display:inline-block;margin:0 5px;font:inherit;vertical-align:baseline}
.museum-carousel [data-carousel-track]>.item{min-width:0}
.main .section01 .museum-carousel-dots{display:none}
.museum-carousel-dots button{display:inline-block;width:15px;height:15px;margin:0 7px;padding:0;vertical-align:baseline}
.main .section01 .item img{display:block}


/* G5 기본 문자 수 제한을 사용하면서 유물 요약은 원본처럼 최대 네 줄로 표시한다. */
.main .section03 .text_area p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;max-height:102px}

/* 같은 크기의 두 장을 겹쳐 원본의 1.5초 페이드를 유지하고 모션 감소는 즉시 적용한다. */
.main #visual .museum-hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.5s;pointer-events:none}
.main #visual .museum-hero-slide.is-active{opacity:1;z-index:1}
.main .section03 .museum-autoplay-toggle,#banner .museum-autoplay-toggle{top:-22px}
@media(prefers-reduced-motion:reduce){.main #visual .museum-hero-slide{transition:none}}

/* G5 공용 #gnb의 흰 배경만 해제해 원본 메뉴의 반투명 검정 배경을 드러낸다. */
#header #menu #gnb{background:transparent}

/* 기증안내 소개 상자는 원본처럼 본문 크기에 여백을 더해 780×240px로 표시한다. */
#cont .boxDonation{box-sizing:content-box}

/* 사이트맵의 원본 240px 열 너비를 유지하고 원본에도 없는 아이콘 요청을 제거한다. */
#sitemap ul{box-sizing:content-box}
#sitemap ul li{background-image:none}

/* 상단 유물 검색 아이콘은 밝은 강조 배경으로 호버와 키보드 초점을 알린다. */
#header .top .other_area .top_search .btn_top_search:hover,
#header .top .other_area .top_search .btn_top_search:focus-visible {
	background-color: #dceff2;
	cursor: pointer;
}