/* 공통 */
.cl--blue {color: var(--point-color);}

/* 전시 > 오프라인 전시 */
.offlineExhibition {margin-top: 1.5rem;}
.offlineExhibition_top {display: flex; justify-content: center; align-items: center; border-top: 1px solid #000; color: var(--font-color); }
.offlineExhibition .posterImg {position: relative; width: 35%; background: #434343; padding: 3rem 0; text-align: right; }
.offlineExhibition .posterImg img {max-width: 450px; margin-right: -5rem; box-shadow:0 0 40px rgb(0 0 0 / 25%); border: 1px solid #d1d2d5; border-radius:8px;}
.offlineExhibition .posterInfo {width: 65%; box-sizing:border-box; padding: 3rem 10rem;}
.offlineExhibition .posterInfo .posterTit {font-size: 2.25rem; font-weight: 700; line-height: 1.2; letter-spacing:-0.5px;}
.offlineExhibition .posterInfo .posterDesc {margin-top: 1rem;color: #999;width: 100%;/* height: calc(1.6em * 3); */line-height: 1.6em;text-overflow: ellipsis;overflow: hidden;/* display: -webkit-box; *//* -webkit-box-orient: vertical; *//* -webkit-line-clamp: 10; */word-break:keep-all;}
.offlineExhibition .posterInfo .posterData {margin: 2rem 0 3rem; font-weight: 500;}
.offlineExhibition .posterInfo .posterData p {font-size: 1.125rem; margin-bottom: 3px;}
.offlineExhibition .posterInfo .posterData b {display: inline-block; padding-right: 2rem; position: relative;}
.offlineExhibition .posterInfo .posterData b:after {content: ''; width: 2px; height: 1rem; background: var(--font-color); position: absolute; right: 1rem; top: 50%; transform: translateY(-50%);}
.offlineExhibition .posterInfo .posterData span {display: inline-block; margin-left: -4px;}
.offlineExhibition .posterInfo .posterLink {background: #1b1b1b; color: #fff; display: inline-block;padding: 0.25rem 1.5rem;}
.offlineExhibition_bot {}
.offlineExhibition .selPeriod {text-align: right;border: 1px solid #000; border-left: none; border-right: none; padding: 0.75rem 1rem;}
.offlineExhibition .selPeriod  p {display: inline-block;}
.offlineExhibition .selPeriod input {border: 1px solid var(--font-color); padding: 0.375rem 1rem; border-radius:2rem;}
.offlineExhibition .selPeriod input::placeholder {color: #b0b0b0; }
.offlineExhibition .selPeriod input[type="date"]::-webkit-calendar-picker-indicator { background: transparent; z-index: 1; } 
input[type="date"]::-webkit-datetime-edit-text,
input[type="date"]::-webkit-datetime-edit-month-field,
input[type="date"]::-webkit-datetime-edit-day-field,
input[type="date"]::-webkit-datetime-edit-year-field {color: #b0b0b0;}
.offlineExhibition .selPeriod input[type="date"] {background: url('../img/sub/icon_calendar.png') calc(100% - 1rem) center no-repeat;}
.offlineExhibition .selPeriod input[type="submit"] {text-indent:-9999px; width: 40px; height: 40px; background: #373737 url('../img/common/icon_search_wh.png') center no-repeat; background-size: 20px; margin-left: 4px;}
.offlineExhibitionList {max-width:1210px; margin:auto; padding: 3.25rem 0; box-sizing: border-box;}
.offlineExhibitionListItem {display: inline-block; vertical-align: top; width: 360px; margin-right: 3.75rem; border: 1px solid #d1d2d5; box-sizing:border-box; border-radius:8px; overflow: hidden; position: relative; }
.offlineExhibitionListItem:nth-child(3n) {margin-right: 0;}
.offlineExhibitionListItem:nth-child(3n-1) {margin-top: 3.75rem;}
.offlineExhibitionListItem .exhImg {width: 100%; height: 520px;}
.offlineExhibitionListItem .exhImg img {width: 100%; height: 100%; object-fit:cover;}
.offlineExhibitionListItem .exhInfo {text-align: left; box-sizing:border-box; padding: 1rem;}
.offlineExhibitionListItem .exhInfo p {width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.offlineExhibitionListItem .exhInfo .exhTit {font-weight: 700; font-size: 1.125rem; color: var(--font-color); margin-bottom: 0.75rem;}
.offlineExhibitionListItem .exhInfo .exhPeriod {font-size: 0.875rem;}
.offlineExhibitionListItem .exhInfo .exhLocation {font-size: 0.875rem;}
.offlineExhibitionListItem .exState {position: absolute; width: 60px; height: 60px; border-radius:50%; left: 1rem; top:1rem; color: #fff; line-height: 60px; box-shadow:0 0 5px rgb(0 0 0 / 30%); text-align: center;}
.offlineExhibitionListItem .exState.ing {background: var(--point-color);}
.offlineExhibitionListItem .exState.end {background: #868686; opacity:0.9;}


/* 전시 > 오프라인 전시 > 상세 */
.offlineExhibitionDetail {}
.offlineExhibitionDetail .offlineExhibition_top {position: relative; }
.offlineExhibitionDetail .offlineExhibition_top:before {content:''; width: 100%; height: 60%; background: #434343;  position: absolute; left: 0; top: 50%; transform:translateY(-50%); z-index: -1;}
.offlineExhibition.offlineExhibitionDetail .posterImg img {max-width:400px;}
.offlineExhibition.offlineExhibitionDetail .posterImg {width: 30%; background: none;}
.offlineExhibition.offlineExhibitionDetail .posterInfo {width: 70%; color: #fff;}
.offlineExhibition.offlineExhibitionDetail .posterInfo .posterTit {line-height: 1.4;}
.offlineExhibition.offlineExhibitionDetail .posterInfo .posterData {margin-bottom: 0;}
.offlineExhibition.offlineExhibitionDetail .posterInfo .posterData b:after {background: #fff;}

.offlineExhibitionDetail .offlineExhibition_mid {box-sizing:border-box; padding: 2.5em 2em;  background: var(--lightgray-color); border-bottom: 1px solid #000; margin-bottom: 4rem;text-align: center;}
.offlineExhibitionDetail .posterDesc {font-size: 1.125rem; line-height: 2; font-weight: 500;  }
.offlineExhibitionDetail .offlineExhibition_mid img {display: inline-block; margin: 1rem auto;}
.offlineExhibitionDetail .offlineExhibition_mid p + p {margin-top: 1rem;}
.offlineExhibitionDetail .offlineExhibition_bot {}
.exhibitionItemList {}
.exhibitionItemList .exhibitionItem {float: left; width: calc((100% - (2rem * 3)) / 4); margin-right: 2rem; box-sizing:border-box; margin-bottom: 2rem;}
.exhibitionItemList .exhibitionItem:nth-child(4n) {margin-right: 0;}
.exhibitionItemList .exhibitionItem .exhImg {width: 100%; height: 300px;}
.exhibitionItemList .exhibitionItem .exhImg img, .exhibitionItemList .exhibitionItem .exhImg iframe  {width: 100%; height: 100%; object-fit:cover;}
.exhibitionItemList .exhibitionItem .exhImg.imgPop {cursor: pointer;}
.exhibitionItemList .exhibitionItem .exhTit {text-align: center; word-break:keep-all; box-sizing:border-box; padding: 0 1rem; margin-top: 1rem; font-size: 17px; line-height: 1.4em; width: 100%; height: calc(1.4em * 2); text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }




/* 기록물검색 > 조직검색 */
.organizationSearch_result_list {}
.personSearch_result_list.organizationSearch_result_list .item .cont .detail {margin-top: 1rem;}
.personSearch_result_list .item .hashtag {margin-right: 10px;}
.personSearch_result_list.organizationSearch_result_list .item .thumb img {object-fit: contain;}




/* @@@@@@@@@@@@@@@@ 반응형 @@@@@@@@@@@@@@@@ */
@media(max-width:1799px){

	/* 전시 > 오프라인 전시 */
	.offlineExhibition .posterImg {width: 32%;}
	.offlineExhibition .posterInfo {width: 68%; padding: 3rem 3rem 3rem 9rem;}
	.offlineExhibitionList {padding: 3.25rem 0;}

	/* 전시 > 오프라인 전시 > 상세 */
	.exhibitionItemList .exhibitionItem .exhImg {height: 250px;}

}

@media(max-width:1400px){

	/* 전시 > 오프라인 전시 */
	.offlineExhibitionList {padding: 3.25rem 0; text-align: center;} 
	.offlineExhibitionListItem {width: 320px; margin-right: 3rem;}
	.offlineExhibitionListItem .exhImg {height: 480px;}

	/* 전시 > 오프라인 전시 > 상세 */
	.exhibitionItemList .exhibitionItem .exhImg {height: 220px;}

}

@media(max-width:1200px){
 
	/* 전시 > 오프라인 전시 */
	.offlineExhibition .posterImg img {max-width:400px;}
	.offlineExhibition .posterInfo {padding: 3rem 2rem 3rem 7rem;}
	.offlineExhibition .posterInfo .posterTit {font-size: 2rem;}
	.offlineExhibition .posterInfo .posterData p {font-size: 1rem;}
	.offlineExhibitionList {padding: 3.25rem 0;}
	.offlineExhibitionListItem {width: 280px;}
	.offlineExhibitionListItem .exhImg {height: 420px;}

	/* 전시 > 오프라인 전시 > 상세 */
	.offlineExhibition.offlineExhibitionDetail .posterImg img {max-width:350px;}
	.exhibitionItemList .exhibitionItem .exhImg {height: 180px;}


  
}

@media(max-width:1024px){
 
	/* 전시 > 오프라인 전시 */
	.offlineExhibition .posterImg img {max-width:350px;}
	.offlineExhibition .posterInfo .posterTit {font-size: 1.75rem;}
	.offlineExhibitionListItem { margin-right: 2rem;}
	.offlineExhibitionListItem:nth-child(3n-1) {margin-top: 2rem;}

	/* 전시 > 오프라인 전시 > 상세 */
	.offlineExhibition.offlineExhibitionDetail .posterImg img {max-width:300px;}
	.offlineExhibitionDetail .posterDesc {font-size: inherit; word-break:keep-all;}
	.exhibitionItemList .exhibitionItem {width: calc((100% - (1.5rem * 2)) / 3); margin-bottom: 1.5rem; margin-right: 1.5rem;}
	.exhibitionItemList .exhibitionItem:nth-child(4n) {margin-right: 1.5rem;}
	.exhibitionItemList .exhibitionItem:nth-child(3n) {margin-right: 0;}
}


@media(max-width:970px){
 
	/* 전시 > 오프라인 전시 */
	.offlineExhibition .posterImg img {max-width:300px;}
	.offlineExhibitionListItem {width: 240px;}
	.offlineExhibitionListItem .exhImg {height: 360px;}
	.offlineExhibitionListItem .exhInfo .exhTit {font-size: 1rem; margin-bottom: 0.5rem;}
	.offlineExhibitionListItem {margin-bottom: 2rem;}
	.offlineExhibitionListItem:nth-child(3n) {margin-right: 2rem;}
	.offlineExhibitionListItem:nth-child(3n-1) {margin-top: 0;}

	/* 전시 > 오프라인 전시 > 상세 */
	.offlineExhibition.offlineExhibitionDetail .posterImg {width: 200px;}
	.offlineExhibition.offlineExhibitionDetail .posterImg img {max-width:240px;}
	.offlineExhibition.offlineExhibitionDetail .posterInfo {width: calc(100% - 200px);}
	.offlineExhibition.offlineExhibitionDetail .posterInfo .posterTit {font-size: 1.5rem;}
	.exhibitionItemList .exhibitionItem .exhImg {height: 170px;}
	.exhibitionItemList .exhibitionItem .exhTit {font-size: inherit;}


  
}

@media(max-width:768px){
    
	/* 전시 > 오프라인 전시 */
	.offlineExhibition_top {display: block;}
	.offlineExhibition .posterImg {width: auto; background: none; text-align: center; padding-bottom: 0;}
	.offlineExhibition .posterImg img {margin-right: auto;}
	.offlineExhibition .posterInfo {padding: 10rem 2rem 3rem; background: #434343; width: 100%; margin-top: -7rem; color: #fff;}
	.offlineExhibition .posterInfo .posterDesc {color: #ddd;}
	.offlineExhibition .posterInfo .posterData {margin: 2rem 0;}
	.offlineExhibition .posterInfo .posterData b:after {background: #fff;}
	.offlineExhibition .posterInfo .posterLink {color: #1b1b1b; background: #fff; font-weight: 500;}
	.offlineExhibition .selPeriod {text-align: center;}
	.offlineExhibition .selPeriod input {padding: 0.25rem 0.75rem;}
	.offlineExhibition .selPeriod input[type="submit"] {width: 34px; height: 34px;}
	.offlineExhibition .selPeriod input[type="text"] {width: 150px;}
	.offlineExhibitionList {padding: 3.25rem 3rem 0;}
	.offlineExhibitionListItem {width: 200px; margin-right: 1.5rem; }
	.offlineExhibitionListItem .exhImg {height: 300px;}
	.offlineExhibitionListItem:nth-child(2n) {margin-right: 0;}

	/* 전시 > 오프라인 전시 > 상세 */
	.offlineExhibitionDetail .offlineExhibition_top:before {display: none;}
	.offlineExhibition.offlineExhibitionDetail .posterImg {margin: auto; width: 300px;}
	.offlineExhibition.offlineExhibitionDetail .posterImg img {max-width:100%;}
	.offlineExhibition.offlineExhibitionDetail .posterInfo {width: 100%;}
	.offlineExhibition.offlineExhibitionDetail .posterInfo .posterTit {font-size: 1.75rem;}
	.exhibitionItemList .exhibitionItem .exhImg {height: 150px;}


}

@media(max-width:640px){
    
	/* 전시 > 오프라인 전시 */
	.offlineExhibition .posterInfo .posterTit {font-size: 1.5rem;}
	.offlineExhibition .posterInfo .posterData p {font-size: inherit;}
	.offlineExhibition .selPeriod {padding: 1.5rem 1rem;}
	.offlineExhibition .selPeriod p {display: block;}
	.offlineExhibition .selPeriod p + p {margin-top: 0.625rem;}
	.offlineExhibition .selPeriod p b {display: none;}
	.offlineExhibition .selPeriod input[type="text"] {width: 250px;}
	.offlineExhibitionList {padding: 3.25rem 0 0;}

	/* 전시 > 오프라인 전시 > 상세 */
	.offlineExhibition.offlineExhibitionDetail .posterInfo .posterTit {font-size: 1.5rem;}
	.exhibitionItemList .exhibitionItem {width: calc((100% - 1rem) / 2); margin-right: 1rem; margin-bottom: 1.5rem;}
	.exhibitionItemList .exhibitionItem:nth-child(4n) {margin-right: 1rem;}
	.exhibitionItemList .exhibitionItem:nth-child(3n) {margin-right: 1rem;}
	.exhibitionItemList .exhibitionItem:nth-child(2n) {margin-right: 0;}
	.exhibitionItemList .exhibitionItem .exhImg {height: 160px;}


}


@media(max-width:480px){
    
	/* 전시 > 오프라인 전시 */
	.offlineExhibition .posterImg {padding-top: 2rem;}
	.offlineExhibition .posterImg img {width: 65%; max-width:250px;}
	.offlineExhibition .posterInfo {padding: 9rem 1.25rem 2rem; margin-top: -7rem;}
	.offlineExhibition .posterInfo .posterTit {font-size: 1.25rem; line-height: 1.6;}
	.offlineExhibition .posterInfo .posterData {margin: 1rem 0 1.25rem;}
	.offlineExhibition .posterInfo .posterData p {margin-bottom: 0;}
	.offlineExhibition .posterInfo .posterData b:after {height: 0.75rem;}
	.offlineExhibition .selPeriod input[type="date"] {width: 110px;}
	.offlineExhibition .selPeriod input[type="text"] {width: 220px;}
	.offlineExhibitionList {padding: 2.5rem 1rem 0;}
	.offlineExhibitionListItem {float: left; width: calc((100% - 1.5rem) / 2); margin-right: 1rem; margin-bottom: 1rem; }
	.offlineExhibitionListItem:nth-child(3n) {margin-right: 1rem;}
	.offlineExhibitionListItem:nth-child(2n) {margin-right: 0;}
	.offlineExhibitionListItem .exhImg {height: 225px;}
	.offlineExhibitionListItem .exState {width: 50px; height: 50px; line-height: 50px; left: 0.5rem; top: 0.5rem;}
	.offlineExhibitionListItem .exhInfo {padding: 0.75rem;}
	.offlineExhibitionListItem .exhInfo .exhTit {font-size: 15px; margin-bottom: 0.375rem;}
	.offlineExhibitionListItem .exhInfo .exhPeriod, .offlineExhibitionListItem .exhInfo .exhLocation {font-size: 0.75rem;}

	/* 전시 > 오프라인 전시 > 상세 */
	.offlineExhibition.offlineExhibitionDetail .posterInfo .posterTit {font-size: 1.25rem;}
	.offlineExhibition.offlineExhibitionDetail .posterImg {width: 65%; max-width:250px;}
	.offlineExhibition.offlineExhibitionDetail .posterImg img {width: 100%;}
	.offlineExhibitionDetail .offlineExhibition_mid {padding: 2rem 1.5rem;}
	.offlineExhibitionDetail .offlineExhibition_mid img {margin: 0.5rem auto;}
	.exhibitionItemList .exhibitionItem {margin-bottom: 1rem;}
	.exhibitionItemList .exhibitionItem .exhImg {height: 120px;}
	.exhibitionItemList .exhibitionItem .exhTit {margin-top: 0.75rem; padding: 0 0.375rem; line-height: 1.2em; height: calc(1.2em * 2); word-break:break-all;}

}




@media(max-width:380px){

	/* 전시 > 오프라인 전시 */
	.offlineExhibition .posterInfo .posterTit {font-size: 1rem;}
	.offlineExhibition .selPeriod {padding: 1.25rem 0.5rem;}
	.offlineExhibition .selPeriod p + p {margin-top: 0.5rem;}

	/* 전시 > 오프라인 전시 > 상세 */
	.offlineExhibition.offlineExhibitionDetail .posterInfo .posterTit {font-size: 1rem;}
	.offlineExhibitionListItem .exhImg {height: 200px;}
	.exhibitionItemList .exhibitionItem .exhImg {height: 110px;}

}