@charset "utf-8";

.wrap-contents.on{position: relative; overflow: hidden; cursor: wait;}
.wrap-contents.on::before{content: ''; position: absolute; z-index: 1; display: block; width: 100%; height: 100%; background: rgb(185, 185, 185); opacity: .7;}

/*소장품 검색*/
.collectible-category-inner{border-top: 3px solid #015152; padding-top: 15px;}
.collectible-category-inner::after{content:""; display: table; clear: both;}
.collectible-category-inner > div{width: 33.3333%; float: left; padding: 0 32px;}
.collectible-category-inner h2 {position: relative; display: block; font-family: "Noto Medium"; font-size: 22px; color: #2e2e2e; text-align: center;}
.collectible-category-inner h2::before{content:""; display: block; position: absolute; left: 0; top: 12px; width: 16px; height: 18px; background: url(../../images/guide/h2_logo.png);}
.collectible-category-box{border: 1px solid #c5c8cc; background-color: white; height: 220px; overflow-y: auto; margin-top: 15px;}
.collectible-category-box li{padding: 9.5px 20px; cursor: pointer;}
.collectible-category-box li.on{background-color: #e6f1f1;}
.collectible-category-box li p{color: #3a3a3a; font-size: 18px; padding-left: 27px; position: relative; font-family: "Noto Regular";}
.collectible-category-box li p::before{content:""; display: block; position: absolute; left: 0; top: 15px; width: 7px; height: 7px; border-radius: 50%; background-color: #858585;}
.collectible-category-box li.on p{color: #015152;}
.collectible-category-box li.on p::before{background-color: #015152;}
.collectible-search-form{text-align: center; padding-top: 60px;/*border-top: 1px solid rgba(0,0,0,0.1);*/}

.collectible-search-box{background-color: #f5f6f8; text-align: center; padding: 20px 0;}
.collectible-search-box::after{content:""; display:table; clear: both;}
.collectible-search-box .collectible-search-category{float: left; margin: 10.5px 60px 0 0;}
.collectible-search-box .collectible-search-category label{color: #3a3a3a; font-size: 18px; line-height: 25px; position: relative; top: -4px; position: relative;}
.collectible-search-box .collectible-search-category input{width: 25px; height: 25px; background-color: #efefef; border: 1px solid #c9c9c9;-webkit-appearance: none; -moz-appearance: none; border-radius: 50%; position: relative;}
.collectible-search-box .collectible-search-category input::before{content:""; display: block; position: absolute; width: 11px; height: 11px; border-radius: 50%; left: 50%; top: 50%; margin-top: -5.5px; margin-left: -5.5px;}
.collectible-search-box .collectible-search-category input:checked::before{background-color: #404355;}

.collectible-search-box .search-box{display: inline-block;}
.collectible-search-box .search-box::after{content:""; display: table; clear: both;}
.collectible-search-box .search-box .box-title{float: left; background: url('../images/ico-search-title.png') no-repeat  left center; font-family: 'Noto Regular'; font-size:18px; margin-right: 20px; padding: 2px 0 2px 55px; color: #004d5d; margin-top: 7.5px; line-height: 2;}
.collectible-search-box .search-box select{float: left; width: 160px; border: 1px solid #dfdfdf; padding: 0 15px; font-size: 18px; color: #3a3a3a; height: 55px; line-height: 55px; font-family: "Noto Regular"; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: white url(../images/search_arrow.png) no-repeat right 15px center; margin-right: 10px;}
.collectible-search-box .search-box .search-input-box{float: left; position: relative; margin-right: 30px;}
.search-box .search-input-box #srchWrd{border: 1px solid #dfdfdf; width: 430px; height: 55px; line-height: 55px; padding: 5px; font-family: "Noto Light"; font-size: 18px; color: #3a3a3a; text-indent: 10px;}
.search-box .search-input-box #srchWrd::placeholder {color: #878787;}
.search-box .search-input-box #searchBtn2{width: 25px; height: 25px; position: absolute; right: 15px; top: 50%; margin-top: -12.5px; background: url(../images/search_btn.png) no-repeat center center; display: block; text-indent: -9999px;}
.search-box  #normalSearch{background-color: #404355; color: white; font-family: "Noto Regular"; font-size: 14px; line-height: 35px; height: 35px; width: 95px; text-align: center; border-radius: 20px; margin-top: 10px;}

.collectible-list-wrap{overflow: hidden; padding: 0 25px; margin-top: 80px;}
.collectible-list-wrap ul{margin: 0 -18.5px;}
.collectible-list-wrap li{margin: 0 0 45px 0; width: 25%; padding: 0 18.5px;}
.collectible-list-wrap .grid-sizer{width: 25%; margin: 0;}
.collectible-list-wrap .collectible-image{width: 100%;}
.collectible-list-wrap .collectible-image img{width: 100%;}
.collectible-list-wrap .collectible-info{margin-top: 17px;}
.collectible-list-wrap .collectible-info h1{font-size: 20px; color: #030303; font-family: "Noto Medium"; line-height: 25px;}
.collectible-list-wrap .collectible-info span{color: #666666; font-size: 16px;}

@media all and (max-width: 1330px) {
    .collectible-category-inner{margin: 0 -20px;}
    .collectible-category-inner > div{padding: 0 20px;}
    .collectible-search-box .collectible-search-category{float: none; margin: 0 auto;}
    .collectible-search-box .search-box{float: none; margin-top: 20px;}
    .collectible-search-form{padding-top: 40px;}
}

@media all and (max-width: 1023px) {
    .collectible-search-box{display: block;}
    .collectible-wrap .collectible-search{padding: 20px;}
    .collectible-category-inner{padding-bottom: 30px;}
    .collectible-search-form{padding-top: 30px;}
    .collectible-search-box .search-box .search-input-box{width: calc(100% - 308px); margin-right: 0;}
    .search-box .search-input-box #srchWrd{width: 100%;}
    .collectible-category-box{height: 200px;}
    .collectible-category-box li p{font-size: 16px;}
    .collectible-list-wrap li{width: 50%; margin-bottom: 30px;}
    .collectible-list-wrap .collectible-info h1{font-size: 20px;}
    .collectible-list-wrap .collectible-info span{font-size: 14px;}
    .collectible-search-box .search-box{display: block; padding: 0 20px; margin-top: 0;}
}

@media all and (max-width: 768px) {
    .collectible-category-inner{margin: 0;}
    .collectible-category-inner > div{width: 100%; float: none; padding: 0; margin-bottom: 30px;}
    .collectible-category-inner > div:last-child{margin-bottom: 0;}
    .collectible-search-box .search-box select{float: none; margin-bottom: 10px; margin-right: 0;}
    .collectible-search-box .search-box .search-input-box{width: 100%; margin-right: 0px;}
    .search-box #normalSearch{float: right;}
    .collectible-search-box .search-box .box-title{display: none;}
}

@media all and (max-width: 470px) {
    .collectible-search-box .search-box select{width: 100%;}
    .collectible-search-box .search-box .search-input-box{width: 100%; float: none; margin-bottom: 10px;}
    .search-box #normalSearch{float: none; margin: 0 auto;}
    .collectible-list-wrap li{width: 100%; margin-bottom: 20px;}
}

/* 소장품검색 */
.collection-search{border-top: 2px solid #000; /*border-bottom: 1px solid #8b9099;*/ padding:40px 25px; margin-bottom:40px;}
.collection-search .collection-aside-bx::after {content:''; display:block; clear:both;} 

.collection-search .asideA {width:610px; float:left;} /* width:39.3%; */ 
.collection-image-list li{height: 374px; background-size:cover; background-position:center center;}
.collection-search .asideA .btn-enlarged {position:absolute; bottom:0px; right:0px;text-indent: -9999px;background: #013452 url(../../images/sub/more_btn.png) no-repeat center center;}
.collection-search .asideA .collection-img {position: relative;} 
.collection-search .asideA .collection-group {padding:0 45px; margin:40px 0; position: relative;} 
.collection-search .asideA .collection-group ul {padding:0 45px; margin:0 -10px;}
.collection-search .asideA .collection-group ul li {margin: 0 10px; height:130px; filter:brightness(0.5); position:relative; background-repeat: no-repeat; background-position: center center; background-size: cover;  cursor: pointer;}
.collection-search .asideA .collection-group ul li.slick-current {filter:brightness(1);}
.collection-search .asideA .collection-group ul li.slick-current::after {content:''; width:100%; height:100%; position:absolute; top:0; left:0; border:5px solid #2880E2;}
.collection-search .asideA .collection-group ul li a {display: block; width:100%; height:100%;}
.collection-search .asideA .collection-group-inner {position: relative;}  
.collection-search .asideA .slide-btn-bx button {display: block; width:20px; height:33px; text-indent: -9999px; position:absolute; top:50%; margin-top:-16.5px; opacity: 0.3;}
.collection-search .asideA .slide-btn-bx .prev-btn {background:url('../../images/sub/prev_btn.png') no-repeat center center; left:0;}
.collection-search .asideA .slide-btn-bx .next-btn {background:url('../../images/sub/next_btn.png') no-repeat center center; right:0;}
.collection-search .asideA .slide-btn-bx .prev-btn:hover {opacity: 1;}
.collection-search .asideA .slide-btn-bx .next-btn:hover {opacity: 1;}


   
/* .collection-search .collection-img-bx .collection-img {background:url('../../images/')} */
.collection-search .asideB {width:50%; float:right;}  
.collection-search .asideB .collection-title h1 {font-size:36px;  font-family:'Noto Medium'; line-height: 29.94px; letter-spacing: -.05em; margin-bottom: 30px;}
.collection-search .asideB table {text-align: left;} 
.collection-search .asideB table tr {border-bottom:1px solid #D9D9D9;}
.collection-search .asideB table th {font-size:18px; padding:0 0 0 20px; position:relative; text-align:left; letter-spacing: -.05em;}
.collection-search .asideB table td {padding:17.25px 0 17.25px 25px; color:#666;} 

.collection-search .copylight-bx {display:table; width:100%; padding:30px 50px; background:#F2F2F2;}
.collection-search .copylight-bx > div {display:table-cell; vertical-align: middle;}
.collection-search .copylight-bx .img-bx {width:213px;}
.collection-search .copylight-content {padding-left:38px;}
.collection-search .copylight-content p {color:#3A3A3A; font-size: 18px; font-family:'Noto Light'; line-height: 30px; letter-spacing: -.05em; }
.collection-search .copylight-content p a {color:#277FE2;} 

.collection-btn .button-wrap {text-align:right;} 

@media all and (max-width:1450px) {
    .collection-search .asideB {width:calc(100% - 630px);}
    .collection-search .asideA .collection-group {padding: 0px 15px;}
}
@media all and (max-width:1100px) {
    .collection-search .asideA {width:50%}
    .collection-search .asideB {width:calc(100% - 50% - 20px);}
    .collection-image-list li{height: 300px;}
}
@media all and (max-width:800px) {
    .collection-search .asideA {width:100%; float:none;}
    .collection-search .asideB {width:100%; float:none;}
    .collection-search .collection-contents {margin-bottom: 30px;}
}
@media all and (max-width:700px) {
    .collection-search .copylight-bx > div {display:block; text-align: center;}
    .collection-search .copylight-bx {padding:20px 20px;}
    .collection-search .copylight-bx .img-bx {margin: 0 auto; padding-bottom:15px;}
    .collection-search .copylight-content {padding: 0;}
    .collection-image-list li{height: 250px;}
}

/* 이미지 크게 보기 **/
.bigPictureWrapper {
	position: fixed;
	display: none;
	justify-content: center;
	align-items: center;
	top:0;
    left: 0;
	width:100%;
	height:100%;
	background-color: gray; 
	z-index: 100;
	background:rgba(0,0,0,0.5);
}
.bigPicture {
	position: relative;
	display:flex;
	justify-content: center;
	align-items: center;
    padding: 0 20px;
}

.bigPictureBox{position: relative;}
.bigPictureBox{padding-top: 40px;} /* 25.01.06 접근성 */

.bigPicture.longWidth img{max-width: 800px; width: 100%;}
.bigPicture.longHeight img{max-height: 800px; width: 100%;}

.bigPicClose{position: absolute; right: 20px; /*top: -40px;*/ top: 0; width: 32px; height: 32px; text-indent: -9999px; background: url(../images/white_close.png);} /* 25.01.06 접근성 */

/* Paging */
._paging {padding: 60px 0 0 0;}
._paging > ._inner > ul {margin: 0 13px;}
._paging > ._inner > ul li strong {width: 35px; height: 35px; line-height:32px; border-radius: 100%; background-color: #99a2b2; border-color: #99a2b2;}
._paging > ._inner > a {width: 35px; height: 35px; line-height:35px; background-image: url('../images/arrow-page.png') !important; background-repeat: no-repeat; background-color: transparent; border: 0;}
._paging > ._inner > a._first {background-position: 0 0;}
._paging > ._inner > a._last {background-position: 0 -175px;}
._paging > ._inner > a._listNext, ._paging ._inner a._listPrev {display: block;}
._paging > ._inner > a._listNext {background-position: 0 -140px;}
._paging > ._inner > a._next {background-position: 0 -105px;}
._paging > ._inner > a._listPrev {background-position: 0 -35px;}
._paging > ._inner > a._prev {background-position: 0 -70px;}
._paging ._inner a, ._paging ._inner strong {border: 0; line-height: 33px;}

@media all and (max-width: 900px) {
    ._paging {padding: 60px 0 30px 0;}
}
@media all and (max-width: 750px) {
    ._paging {padding:  40px 0 20px 0;}
    ._paging > ._inner > ul {display: none;}
    ._paging ._inner ._pageState {display: block;}
}


/* [S] 25.01.06 접근성 */
.collection-search .asideA .btn-enlarged:focus,
.collection-search .asideA .btn-enlarged:focus-visible {border: 2px solid #f00; outline: 2px solid #f00;}
.bigPictureBox:focus,
.bigPictureBox:focus-visible {border: 2px solid #f00; outline: 2px solid #f00;}
.bigPicClose:focus,
.bigPicClose:focus-visible {border: 2px solid #f00; outline: 2px solid #f00;}

.collection-search .altTxt {text-indent: -9999px; position: absolute; top: -9999px; left: -9999px;}
/* [E] 25.01.06 접근성 */