@font-face {
	font-family: 'SBAggro';
	font-weight: 700;
	font-style: normal;
	src: url('../font/SBAggroBold.ttf') format('truetype');
}

/* 공통 */
#inner-contents .table-area .top-head { border-bottom:1px solid var(--lightgray-color); }
#inner-contents .table-area .bottom-head { border-bottom:1px solid var(--border-color); }
#inner-contents .table-area th,
#inner-contents .table-area td { vertical-align:middle; }
#inner-contents .table-area td { border-bottom:1px solid var(--lightgray-color); }
#inner-contents .table-area .content:last-child td { border-bottom:1px solid var(--border-color); }
#inner-contents .table-area .table-title { padding:0.875em 0; color:var(--font-color); font-size:1em; font-weight:700; }
#inner-contents .table-area .table-text { padding:0.875em 0; color:var(--font-color); font-size:1em; font-weight:400; text-align:center; }
@media screen and (max-width:1024px){
    #inner-contents .table-area { width:100%; overflow-x:auto; }
    #inner-contents .table-area table { width:1200px; }
}

/* greeting.html */
#inner-contents.greetingPage { position:relative; padding-bottom:60px; border-bottom:1px solid var(--main-color); }
#inner-contents.greetingPage::before { content:""; position:absolute; top:550px; left:0; display:block; width:100%; height:1px; background-color:var(--border-color); z-index:-1; }
#inner-contents.greetingPage::after { content:""; position:absolute; top:0; left:calc((100% - 1200px) / 2 - 60px); display:block; width:1px; height:100%; background-color:var(--border-color); z-index:-1; }

#inner-contents.greetingPage .typoWrap, #inner-contents.greetingPage .messageWrap,
#inner-contents.greetingPage .nameWrap { width:1200px; margin:0 auto; }

/* #inner-contents.greetingPage .typoWrap {font-size: 6.25rem; line-height: 1.15; font-weight: 700;font-family: "SBAggro";color: #eaecef; padding: 1.75rem 0;color: #eaecef;text-shadow: 5px 5px 0 rgba(0, 0, 0, 0.15);} */
#inner-contents.greetingPage .typoWrap {font-size: 6.25rem; line-height: 1.15; font-weight: 700;font-family: "SBAggro";color: #eaecef; padding: 1.75rem 0; color: #eaecef;text-shadow: 8px 3px 0 rgba(0, 0, 0, 0.1);}
#inner-contents.greetingPage .typoWrap span {display: inline-block; line-height: 1.15; color: var(--font-color); position: relative;text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.8);}
#inner-contents.greetingPage .typoWrap span:before {display: none;content:''; width: 100%; height: 10px; position: absolute; left: 0; bottom:1.5rem; background: rgba(255,255,255,0.3);}

#inner-contents.greetingPage .typoGraphic {margin-left:300px; margin-bottom:30px; padding-bottom:30px;}
#inner-contents.greetingPage .typoGraphic img {max-width:100%;}

#inner-contents.greetingPage .messageWrap {padding: 3.5rem 0;}
#inner-contents.greetingPage .messageWrap .title {font-size: 2rem; margin: 0 0 2.5rem; font-family: "국립박물관문화재단클래식L"; font-weight: bold;}
#inner-contents.greetingPage .messageWrap p { color:#222; font-size:1.125em; margin-bottom:25px; }
#inner-contents.greetingPage .messageWrap p:last-child { margin-bottom:40px; }

#inner-contents.greetingPage .nameWrap { text-align:right; }
#inner-contents.greetingPage .nameWrap p { display:inline-block; padding:40px 15px 15px 60px; background-color:var(--lightgray-color); }
#inner-contents.greetingPage .nameWrap p span,
#inner-contents.greetingPage .nameWrap p strong { display:block; color:#222; line-height:1; }
#inner-contents.greetingPage .nameWrap p span { font-size:1.125em; font-weight:400; margin-bottom:5px; }
#inner-contents.greetingPage .nameWrap p strong { font-size:2em; font-weight:700; }



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

	#inner-contents.greetingPage::before {top: 435px;}
	#inner-contents.greetingPage::before, #inner-contents.greetingPage::after { display:none; }

	#inner-contents.greetingPage .typoWrap {font-size: 5rem; padding: 1rem 0 2.5rem; position: relative; }
	#inner-contents.greetingPage .typoWrap::before { content:""; position:absolute; left:0; bottom:0; display:block; width:100%; height:1px; background-color:var(--border-color); z-index:-1; }

    #inner-contents.greetingPage .typoWrap {width: 100%;}
	#inner-contents.greetingPage .messageWrap,
    #inner-contents.greetingPage .nameWrap { width:calc(100% - 30px); }
	#inner-contents.greetingPage .messageWrap {padding: 2.5rem 0;}

}

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

    #inner-contents.greetingPage { padding-bottom:30px; }

	#inner-contents.greetingPage .typoWrap {font-size: 3.75rem; text-shadow:3px 3px 0 rgba(0, 0, 0, 0.15);}
	#inner-contents.greetingPage .typoWrap span {text-shadow:3px 3px 0 rgba(0, 0, 0, 0.1);}

  #inner-contents.greetingPage .typoGraphic {margin-left:0; text-align: center; padding-bottom:0; margin-bottom:10px;}
  #inner-contents.greetingPage .typoGraphic img {max-height:300px;}

	#inner-contents.greetingPage .messageWrap .title {font-size: 1.75rem;}
    #inner-contents.greetingPage .messageWrap p { font-size:1em; }
    #inner-contents.greetingPage .messageWrap p:last-child { margin-bottom:40px; }

    #inner-contents.greetingPage .nameWrap p { padding:25px 10px 10px 40px; }
    #inner-contents.greetingPage .nameWrap p span { font-size:1em; }
    #inner-contents.greetingPage .nameWrap p strong { font-size:1.25em; }
}

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

	#inner-contents.greetingPage .typoWrap {font-size: 2.75rem; line-height: 1.2; padding: 1rem 0 2rem;}
	#inner-contents.greetingPage .typoWrap span {line-height: 1.2;}

	#inner-contents.greetingPage .messageWrap {padding: 2rem 0 0;}
	#inner-contents.greetingPage .messageWrap .title {font-size: 1.5rem; letter-spacing: -0.5px; margin: 0 0 2rem;}

}

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

	#inner-contents.greetingPage {padding-bottom: 0; border-bottom: none;}

	#inner-contents.greetingPage .typoWrap {font-size: 1.5rem; line-height: 1.3; padding: 2rem 2.5rem 1.625rem; color: #fff; background: #eaecef; box-sizing: border-box; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15); letter-spacing: 0.5px;}
	#inner-contents.greetingPage .typoWrap span {line-height: 1.3; text-shadow:2px 2px 0 rgba(0, 0, 0, 0.1);}
	#inner-contents.greetingPage .typoWrap:before {display: none;}

	#inner-contents.greetingPage .messageWrap .title {text-align: center; font-size: 1.25rem;}
	#inner-contents.greetingPage .messageWrap .title .m_br {display: block;}

	#inner-contents.greetingPage .nameWrap p {padding: 20px 10px 10px 40px;}

}


/* history.html */
#inner-contents.historyPage .organization { width:100%; }
#inner-contents.historyPage .organization .topBox { width:175px; color:#fff; font-size:2em; font-weight:700; line-height:1.2; text-align:center; margin:0 auto 1.75rem; background-color:var(--main-color); }
#inner-contents.historyPage .organization ol { position:relative; justify-content:space-around; flex-flow:row wrap; width:100%; padding-top:1.75em; }
#inner-contents.historyPage .organization ol::before { content:""; position:absolute; top:0; left:50%; display:block; width:66.6%; height:1px; background-color:var(--border-color); transform:translateX(-50%); }
#inner-contents.historyPage .organization ol li { position:relative; width:28%; padding:5px 0; border:1px solid var(--border-color); border-radius:80px; box-sizing:border-box; }
#inner-contents.historyPage .organization ol li::before { content:""; position:absolute; top:calc(-1.75em - 1px); left:50%; width:1px; height:1.75em; background-color:var(--border-color); transform:translateX(-50%); }
#inner-contents.historyPage .organization ol li:nth-child(2)::before { top:calc(-3.5em - 1px); height:3.5em; }
#inner-contents.historyPage .organization ol li .org-title,
#inner-contents.historyPage .organization ol li .org-text { display:block; color:var(--font-color); text-align:center; }
#inner-contents.historyPage .organization ol li .org-title { font-size:1.125em; }
#inner-contents.historyPage .organization ol li .org-text { font-size:1em; }

#inner-contents.historyPage .btnWrap { justify-content:flex-start; width:100%; }
#inner-contents.historyPage .btnWrap a { position:relative; width:90%; max-width:250px; padding:0.25em; font-size:1em; text-align:center; border:1px solid var(--font-color); border-radius:50px; box-sizing:border-box; transition:0.15s; }
#inner-contents.historyPage .btnWrap a::after { content:""; position:absolute; top:50%; left:calc(100% - 3.5em); display:block; width:0; height:1em; background:url(..//img/common/icon_arrow_next.png) no-repeat center center / cover; transform:translateY(-50%); transition:0.15s; }
#inner-contents.historyPage .btnWrap a:hover { text-indent:-1.5em; }
#inner-contents.historyPage .btnWrap a:hover::after { width:1em; }

#inner-contents.historyPage .historyWrap { width:1000px; }
#inner-contents.historyPage .historyWrap .yearBox { margin-bottom:1.75em; }
#inner-contents.historyPage .historyWrap .yearBox:last-child { margin-bottom:0; }
#inner-contents.historyPage .historyWrap .yearBox .yearTitle { position:relative; display:inline-block; color:var(--main-color); font-size:1.125em; font-weight:700; line-height:1.25; margin-bottom:15px; background-color:var(--lightgray-color); }
#inner-contents.historyPage .historyWrap .yearBox .yearTitle::after { content:""; position:absolute; bottom:-2px; left:0; display:block; width:100%; height:2px; background-color:#101010; }
#inner-contents.historyPage .historyWrap .yearBox .eventWrap { width:100%; border-top:1px solid var(--border-color); border-bottom:1px solid var(--border-color); }
#inner-contents.historyPage .historyWrap .yearBox .eventWrap .dateBox { justify-content:space-between; flex-flow:row wrap; width:100%; padding:1em 0; border-bottom:1px solid var(--lightgray-color); }
#inner-contents.historyPage .historyWrap .yearBox .eventWrap .dateBox:last-child { border-bottom:0; }
#inner-contents.historyPage .historyWrap .yearBox .eventWrap .dateBox .dateText { width:150px; }
#inner-contents.historyPage .historyWrap .yearBox .eventWrap .dateBox .eventText { width:calc(100% - 160px); }

#inner-contents.historyPage .director .table-content { width:25%; }
/* #inner-contents.historyPage .director .table-content:nth-child(n+5) { width:33.3%; }  */

@media screen and (max-width:1024px){
    #inner-contents.historyPage .organization ol li { width:32%; }

    #inner-contents.historyPage .historyWrap { width:100%; }

    #inner-contents.historyPage .director .table-content { width:50%; }
    #inner-contents.historyPage .director .table-content:nth-child(n+5) { width:50%; }
    #inner-contents.historyPage .director .table-content:nth-child(7) { width:100%; }
}

@media screen and (max-width:768px){
    #inner-contents.historyPage .organization .topBox { font-size:1.5em; line-height:2; margin:0 auto; }
    #inner-contents.historyPage .organization ol { padding-top:0; }
    #inner-contents.historyPage .organization ol::before { display:none; }
    #inner-contents.historyPage .organization ol li { width:100%; margin-top:1.75em; }
    #inner-contents.historyPage .organization ol li:nth-child(2)::before { top:calc(-1.75em - 1px); height:1.75em; }

    #inner-contents.historyPage .btnWrap { justify-content:center; }
}

@media screen and (max-width:480px){
    #inner-contents.historyPage .historyWrap .yearBox .eventWrap .dateBox .dateText { width:100%; padding-bottom:0.75em; border-bottom:1px solid var(--lightgray-color); }
    #inner-contents.historyPage .historyWrap .yearBox .eventWrap .dateBox .eventText { width:100%; padding-top:0.75em; }

    #inner-contents.historyPage .director .table-content { width:100%; }
    #inner-contents.historyPage .director .table-content:nth-child(n+5) { width:100%; }
}

/* business.html */
#inner-contents.businessPage .explain .table-content { width:100%; }
#inner-contents.businessPage .businessImg { width:100%; padding:0.75em; margin-bottom:2em; border:1px solid var(--border-color); box-sizing:border-box; }
#inner-contents.businessPage .businessImg a { display:block; width:100%; }
#inner-contents.businessPage .businessImg a img { display:block; width:100%; }

#inner-contents.businessPage .btnWrap { justify-content:center; width:100%; }
#inner-contents.businessPage .btnWrap a { position:relative; width:90%; max-width:250px; padding:0.25em; font-size:1em; text-align:center; border:1px solid var(--font-color); border-radius:50px; box-sizing:border-box; transition:0.15s; }
#inner-contents.businessPage .btnWrap a::after { content:""; position:absolute; top:50%; left:calc(100% - 3.5em); display:block; width:0; height:1em; background:url(..//img/common/icon_arrow_next.png) no-repeat center center / cover; transform:translateY(-50%); transition:0.15s; }
#inner-contents.businessPage .btnWrap a:hover { text-indent:-1.5em; }
#inner-contents.businessPage .btnWrap a:hover::after { width:1em; }

/* possession.html */


/* guide.html */
#inner-contents.guidePage { justify-content:space-between; flex-flow:row wrap; }

#inner-contents.guidePage .contentWrap.info { width:33%; margin-bottom:0; }
#inner-contents.guidePage .contentWrap.info .information { width:100%; }
#inner-contents.guidePage .contentWrap.info .information li { margin-bottom:35px; }
#inner-contents.guidePage .contentWrap.info .information li:last-child { margin-bottom:0; }
#inner-contents.guidePage .contentWrap.info .information li strong,
#inner-contents.guidePage .contentWrap.info .information li span { display:block; color:var(--font-color); font-size:1.125em; }
#inner-contents.guidePage .contentWrap.info .information li strong { font-weight:700; }
#inner-contents.guidePage .contentWrap.info .information li span { font-weight:400; }

#inner-contents.guidePage .contentWrap.map { width:66%; margin-bottom:0; }
#inner-contents.guidePage .contentWrap.map #map-area { width:100%; height:450px; border:1px solid #d3d4d5; box-sizing:border-box; }
#inner-contents.guidePage .contentWrap.map #map-area #daumRoughmapContainer1684396360375 { width:100%; height:100%; }
#inner-contents.guidePage .contentWrap.map #map-area #daumRoughmapContainer1684396360375 .wrap_map { height:100%; }
#inner-contents.guidePage .contentWrap.map #map-area #daumRoughmapContainer1684396360375 .map_border { display:none; }

@media screen and (max-width:1024px){
    #inner-contents.guidePage .contentWrap.info { width:100%; order:2; }
    #inner-contents.guidePage .contentWrap.info .information { padding:15px; border:1px solid var(--font-color); box-sizing:border-box; }
    #inner-contents.guidePage .contentWrap.info .information li { margin-bottom:20px; }
    #inner-contents.guidePage .contentWrap.info .information li strong,
    #inner-contents.guidePage .contentWrap.info .information li span { font-size:1em; }

    #inner-contents.guidePage .contentWrap.map { width:100%; order:1; margin-bottom:2.5em; }
    #inner-contents.guidePage .contentWrap.map #map-area { height:300px; }
}

/* doantionInfo.html */
#inner-contents.donationInfoPage .introWrap { width:100%; margin-bottom:4em; }
#inner-contents.donationInfoPage .introWrap .imgWrap { width:100%; height:400px; background:url(..//img/main/mainvisual02.jpg) no-repeat center center / cover; }
#inner-contents.donationInfoPage .introWrap .textWrap { width:100%; padding:2.5em 2em; background-color:var(--lightgray-color); box-sizing:border-box; }
#inner-contents.donationInfoPage .introWrap .textWrap strong,
#inner-contents.donationInfoPage .introWrap .textWrap span { display:block; color:var(--main-color); }
#inner-contents.donationInfoPage .introWrap .textWrap strong { font-size:1.75em; font-weight:800; margin-bottom:20px; }
#inner-contents.donationInfoPage .introWrap .textWrap span { font-size:1.375em; font-weight:400; line-height:1.5em; letter-spacing:-0.025em; }

#inner-contents.donationInfoPage .table-wrap.target .table-content { width:100%; }
#inner-contents.donationInfoPage .table-wrap.process .table-content,
#inner-contents.donationInfoPage .table-wrap.contact .table-content { justify-content:flex-start; flex-flow:column wrap; width:25%; padding:1em 0.5em; }

#inner-contents.donationInfoPage .btnWrap { justify-content:center; width:100%; margin-top:2em; }
#inner-contents.donationInfoPage .btnWrap a { position:relative; width:90%; max-width:250px; padding:0.25em; font-size:1em; text-align:center; border:1px solid var(--font-color); border-radius:50px; box-sizing:border-box; transition:0.15s; }
#inner-contents.donationInfoPage .btnWrap a::after { content:""; position:absolute; top:50%; left:calc(100% - 3.5em); display:block; width:0; height:1em; background:url(..//img/common/icon_arrow_next.png) no-repeat center center / cover; transform:translateY(-50%); transition:0.15s; }
#inner-contents.donationInfoPage .btnWrap a:hover { text-indent:-1.5em; }
#inner-contents.donationInfoPage .btnWrap a:hover::after { width:1em; }

#inner-contents.donationInfoPage .usesWrap { justify-content:space-between; flex-flow:row wrap; width:100%; }
#inner-contents.donationInfoPage .usesWrap .step-box { justify-content:space-between; flex-flow:row wrap; width:48.5%; margin-bottom:1em; border-top:1px solid var(--border-color); border-bottom:1px solid var(--border-color); }
#inner-contents.donationInfoPage .usesWrap .step-box:nth-child(n+3) { margin-bottom:0; }
#inner-contents.donationInfoPage .usesWrap .step-box .num { display:block; width:80px; font-size:1em; padding:1em 0; box-sizing:border-box; }
#inner-contents.donationInfoPage .usesWrap .step-box .text { width:calc(100% - 420px); padding:1em 0.5em; box-sizing:border-box; }
#inner-contents.donationInfoPage .usesWrap .step-box .text .title { font-size:1.625em; font-weight:600; margin-bottom:10px; }
#inner-contents.donationInfoPage .usesWrap .step-box .text .detail { display:block; font-size:1em; word-break:keep-all; }
#inner-contents.donationInfoPage .usesWrap .step-box .img { width:320px; }
#inner-contents.donationInfoPage .usesWrap .step-box .img img { display:block; width:100%; }

@media screen and (max-width:1200px){
    #inner-contents.donationInfoPage .usesWrap .step-box { width:100%; }
    #inner-contents.donationInfoPage .usesWrap .step-box:nth-child(n+3) { margin-bottom:1em; }
    #inner-contents.donationInfoPage .usesWrap .step-box:nth-child(n+4) { margin-bottom:0; }
}

@media screen and (max-width:1024px){
    #inner-contents.donationInfoPage .introWrap .imgWrap { height:250px; }
    #inner-contents.donationInfoPage .introWrap .textWrap { padding:1.75em 1.5em; }
    #inner-contents.donationInfoPage .introWrap .textWrap strong { font-size:1.5em; }
    #inner-contents.donationInfoPage .introWrap .textWrap span { font-size:1em; }

    #inner-contents.donationInfoPage .table-wrap.process .table-content,
    #inner-contents.donationInfoPage .table-wrap.contact .table-content { width:50%; }
}

@media screen and (max-width:768px){
    #inner-contents.donationInfoPage .introWrap .textWrap strong { margin-bottom:10px; }

    #inner-contents.donationInfoPage .table-wrap.process .table-content,
    #inner-contents.donationInfoPage .table-wrap.contact .table-content { width:100%; }

    #inner-contents.donationInfoPage .usesWrap .step-box { justify-content:flex-end; }
    #inner-contents.donationInfoPage .usesWrap .step-box .text { width:calc(100% - 80px); padding:1em 0.5em; box-sizing:border-box; }
    #inner-contents.donationInfoPage .usesWrap .step-box .text .title { font-size:1.25em; margin-bottom:0; }
    #inner-contents.donationInfoPage .usesWrap .step-box .img { width:calc(100% - 80px); }
}

/* donationCollection.html */
#inner-contents.donationCollectionPage { position:relative; }

#inner-contents.donationCollectionPage .tabMenu { position:absolute; top:-4rem; right:0; justify-content:flex-end; flex-flow:row wrap; width:100%; }
#inner-contents.donationCollectionPage .tabMenu li { margin-left:30px; }
#inner-contents.donationCollectionPage .tabMenu li a { position:relative; display:block; color:#8b8b8b; font-size:1.375em; font-weight:700; letter-spacing:-0.025em; }
#inner-contents.donationCollectionPage .tabMenu li.on a { color:var(--font-color); }
#inner-contents.donationCollectionPage .tabMenu li.on a::after { content:""; position:absolute; bottom:2px; left:-1px; display:block; width:calc(100% + 2px); height:2px; background-color:var(--font-color); }

#inner-contents.donationCollectionPage .itemWrap { width:100%; }
#inner-contents.donationCollectionPage .itemList { margin:0 auto; }
#inner-contents.donationCollectionPage .itemList .grid-item { width:calc(25% - 6px); box-sizing:border-box; margin-bottom:10px; }
#inner-contents.donationCollectionPage .itemList .grid-gutter { width:8px; }
#inner-contents.donationCollectionPage .itemList .grid-item a { display:block; width:100%; padding:8px; border:2px solid var(--main-color); box-sizing:border-box; transition:0.15s; }
#inner-contents.donationCollectionPage .itemList .grid-item a .imgWrap { position:relative; width:100%; }
#inner-contents.donationCollectionPage .itemList .grid-item a .imgWrap::after { content:""; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background-color:#000; opacity:0.2; transition:0.15s; }
#inner-contents.donationCollectionPage .itemList .grid-item a .imgWrap img { display:block; width:100%; }
#inner-contents.donationCollectionPage .itemList .grid-item a .textWrap { position:absolute; bottom:40px; left:10px; width:145px; padding:0 1em 0 2em; background-color:var(--main-color); box-sizing:border-box; transition:0.15s; }
#inner-contents.donationCollectionPage .itemList .grid-item a .textWrap::after { content:"→"; position:absolute; top:50%; left:calc(100% - 40px); display:block; width:22px; color:#fff; font-size:1.5em; font-weight:700; opacity:0; transform:translateY(-50%); transition:0.15s; }
#inner-contents.donationCollectionPage .itemList .grid-item a .textWrap .title { color:#fff; font-size:1.675em; font-weight:700; }

#inner-contents.donationCollectionPage .itemList .grid-item:hover a { padding:0; border:10px solid var(--main-color); }
#inner-contents.donationCollectionPage .itemList .grid-item:hover a .imgWrap::after { background-color:#fff; opacity:0.25; }
#inner-contents.donationCollectionPage .itemList .grid-item:hover a .textWrap { width:calc(100% - 3em); }
#inner-contents.donationCollectionPage .itemList .grid-item:hover a .textWrap::after { opacity:1; }

/* 새로운 기록컬렉션 */
.colletion_con .donationColletion_list { width: 80%; margin: auto; margin-top: 2vh; margin-bottom: 2vh;}
.colletion_con .donationColletion_list ul {display: flex; flex-wrap: wrap; column-gap: 2%; row-gap:3vh;}
/* .colletion_con .donationColletion_list ul li {width: calc(94% / 4); height:15vw;} */
.colletion_con .donationColletion_list ul li {width: calc(94% / 6); height:15vw;}
.colletion_con .donationColletion_list ul li > div {position: relative; width:100%; height:100%;}
.colletion_con .donationColletion_list ul li > div a {position:relative; width:100%; height:100%;}
.colletion_con .donationColletion_list ul li > div a .img_box{background-color: #fff;}
.colletion_con .donationColletion_list ul li > div a .img_box img {object-fit:cover; object-position:center; width:100%; height:100%;}
.colletion_con .donationColletion_list ul li > div a .text_box {position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.3); display: flex; justify-content: center; align-items: center;}
.colletion_con .donationColletion_list ul li > div a .text_box .title {color:#fff; font-size:40px; opacity:0.8; }

@media screen and (max-width:1024px){
    #inner-contents.donationCollectionPage .itemList .grid-item { width:calc(33.3% - 5.25px); }
    #inner-contents.donationCollectionPage .itemList .grid-item a .textWrap { width:120px; padding:0 10px 0 15px; }
    #inner-contents.donationCollectionPage .itemList .grid-item a .textWrap .title { font-size:1.25em; }
    #inner-contents.donationCollectionPage .itemList .grid-item a .textWrap::after { font-size:1em; left:calc(100% - 30px); }

    #inner-contents.donationCollectionPage .itemList .grid-item:hover a .textWrap { width:calc(100% - 60px); }

     /* 새로운 기록컬렉션 */
    .colletion_con .donationColletion_list ul {column-gap: 1%; row-gap:2vh;}
    .colletion_con .donationColletion_list ul li {width: calc(94% / 4); height:15vw;}
    .colletion_con .donationColletion_list ul li > div a .text_box .title {font-size: 30px;}
}

@media screen and (max-width:768px){
    #inner-contents.donationCollectionPage .tabMenu { position:static; justify-content:flex-start; margin-bottom:20px; }
    #inner-contents.donationCollectionPage .tabMenu li { margin-left:0; margin-right:15px; }
    #inner-contents.donationCollectionPage .tabMenu li a { font-size:1.25em; }

    #inner-contents.donationCollectionPage .itemList .grid-item { width:calc(50% - 4px); margin-bottom:8px; }
    /* 새로운 기록컬렉션 */
    .colletion_con .donationColletion_list ul {column-gap: 1%; row-gap:2vh;}
    .colletion_con .donationColletion_list ul li {width: calc(94% / 3); height:15vw;}
    .colletion_con .donationColletion_list ul li > div a .text_box .title {font-size: 20px;}


}

@media screen and (max-width:480px){
    #inner-contents.donationCollectionPage .tabMenu { margin-bottom:10px; }

    #inner-contents.donationCollectionPage .itemList .grid-item a { padding:4px; }
    #inner-contents.donationCollectionPage .itemList .grid-item a .textWrap { bottom:15px; left:6px; width:calc(100% - 12px); padding:0 5px; }
    #inner-contents.donationCollectionPage .itemList .grid-item a .textWrap::after { left:calc(100% - 20px); }

    #inner-contents.donationCollectionPage .itemList .grid-item:hover a { border:6px solid var(--main-color); }
    #inner-contents.donationCollectionPage .itemList .grid-item:hover a .textWrap { width:calc(100% - 12px); }


    /* 새로운 기록컬렉션 */
    .colletion_con .donationColletion_list ul {column-gap: 1%; row-gap:1vh;}
    .colletion_con .donationColletion_list ul li {width: calc(94% / 2); height:15vw;}
    .colletion_con .donationColletion_list ul li > div a .text_box .title {font-size: 20px;}

}

/* donationCollectionDetail.html */
#inner-contents.donationCollectionDetailPage .contentWrap { width:100%; margin-bottom:4em; }
#inner-contents.donationCollectionDetailPage .conTitle2 { color:#222; font-size:2em; font-weight:700; letter-spacing:-0.025em; }
#inner-contents.donationCollectionDetailPage .visual { float:left; width:400px; }
#inner-contents.donationCollectionDetailPage .visual .imgWrap { width:100%; margin:auto; margin-bottom:1em; max-width:400px;}
#inner-contents.donationCollectionDetailPage .visual .imgWrap img { display:block; width:100%; }
#inner-contents.donationCollectionDetailPage .visual .conTitle2 { text-align:center; }
#inner-contents.donationCollectionDetailPage .table-wrap.information { float:right; width:calc(100% - 430px); }
#inner-contents.donationCollectionDetailPage .table-wrap.information .table-content { width:100%; }
#inner-contents.donationCollectionDetailPage .table-wrap.information .table-content:nth-last-child(1),
#inner-contents.donationCollectionDetailPage .table-wrap.information .table-content:nth-last-child(2) { width:50%; }
#inner-contents.donationCollectionDetailPage .table-wrap.information .table-content .table-text .source { display:inline-block; margin-right:10px; }
#inner-contents.donationCollectionDetailPage .table-wrap.information .table-content .table-text .source::after { content:"↗"; display:inline-block; color:var(--point-color); padding-left:3px; }
#inner-contents.donationCollectionDetailPage .table-wrap.information .table-content .table-text .source:hover { color:var(--point-color); text-decoration:underline; }

#inner-contents.donationCollectionDetailPage .relationWrap { padding:3em 0 1em; background-color:var(--lightgray-color); }
#inner-contents.donationCollectionDetailPage .relationWrap .searchWrap { padding-top:2em; margin-bottom:2em; }
#inner-contents.donationCollectionDetailPage .relationWrap .searchWrap form { position:relative; display:inline-block; margin-bottom:1em; }
#inner-contents.donationCollectionDetailPage .relationWrap .searchWrap input[type=text] { width:600px; border-bottom:3px solid var(--border-color); font-size:1.875em; padding:0 0.5em 0.25em 0; box-sizing:border-box; font-weight:700; background-color:transparent; }
#inner-contents.donationCollectionDetailPage .relationWrap .searchWrap .btn_search {position:absolute; top:0; right:0; font-size:0; overflow:hidden; width:33px; height:32px; background:url(../img/common/icon_search_bk.png) no-repeat 0 0 / contain; }
#inner-contents.donationCollectionDetailPage .relationWrap .searchWrap .result_stats .num { color:var(--point-color); font-weight:700; }
#inner-contents.donationCollectionDetailPage .relationWrap .searchWrap .search_box { float:none; margin:0; }

#inner-contents.donationCollectionDetailPage .relationWrap .resultList { /* justify-content:space-between; */ flex-flow:row wrap; width:100%; }
#inner-contents.donationCollectionDetailPage .relationWrap .resultList li { width:440px; height:440px; padding-right:10px; padding-bottom: 10px; }
#inner-contents.donationCollectionDetailPage .relationWrap .resultList li a { position:relative; display:block; width:100%; height:100%; padding:9px; border:1px solid var(--border-color); box-sizing:border-box; transition:0.15s; }
#inner-contents.donationCollectionDetailPage .relationWrap .resultList li a .imgWrap { position:relative; width:100%; height:100%; overflow:hidden; }
#inner-contents.donationCollectionDetailPage .relationWrap .resultList li a .imgWrap::after { content:""; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background-color:#000; opacity:0.2; transition:0.15s; }
#inner-contents.donationCollectionDetailPage .relationWrap .resultList li a .imgWrap img { position:relative; left:50%; top:50%; display:block; max-width:none; transform:translate(-50%,-50%); }
#inner-contents.donationCollectionDetailPage .relationWrap .resultList li a .textWrap { position:absolute; bottom:30px; left:10px; width:calc(100% - 20px); padding:3px 1em; background-color:var(--main-color); box-sizing:border-box; transition:0.15s; }
#inner-contents.donationCollectionDetailPage .relationWrap .resultList li a .textWrap::after { content:"→"; position:absolute; top:50%; left:calc(100% - 2em); display:block; width:22px; color:#fff; font-size:1.375em; font-weight:700; opacity:0; transform:translateY(-50%); transition:0.15s; }
#inner-contents.donationCollectionDetailPage .relationWrap .resultList li a .textWrap .title { color:#fff; font-size:1.5em; font-weight:700; line-height:1; margin-bottom:5px; }
#inner-contents.donationCollectionDetailPage .relationWrap .resultList li a .textWrap .small-title { color:#fff; font-size:1em; font-weight:400; line-height:1; }

#inner-contents.donationCollectionDetailPage .relationWrap .resultList li:hover a { padding:0; border:10px solid var(--border-color); }
#inner-contents.donationCollectionDetailPage .relationWrap .resultList li:hover a .imgWrap::after { background-color:#fff; opacity:0.25; }
#inner-contents.donationCollectionDetailPage .relationWrap .resultList li:hover a .textWrap { bottom:20px; left:0; width:100%; }
#inner-contents.donationCollectionDetailPage .relationWrap .resultList li:hover a .textWrap::after { opacity:1; }


#inner-contents.donationCollectionDetailPage .relationWrap .pagination ul li.active a { z-index:1; }

#inner-contents.donationCollectionDetailPage .btnWrap { justify-content:center; margin-top:5em; }
#inner-contents.donationCollectionDetailPage .btnWrap .backbtn { border:1px solid var(--font-color); padding:0.25em; border-radius:60px; width:90%; max-width:200px; box-sizing:border-box; text-align:center; }

@media screen and (max-width:1800px){
    #inner-contents.donationCollectionDetailPage .relationWrap .resultList {justify-content: flex-start; column-gap: 0.6vw; row-gap:2vh;}
    #inner-contents.donationCollectionDetailPage .relationWrap .resultList li { width:23.5vw; height:23.5vw; }
}

@media screen and (max-width:1024px){
    #inner-contents.donationCollectionDetailPage .conTitle2 { font-size:1.5em; }
    #inner-contents.donationCollectionDetailPage .visual { float:none; width:100%; margin-bottom:1em; }
    #inner-contents.donationCollectionDetailPage .table-wrap.information { float:none; width:100%; }

    #inner-contents.donationCollectionDetailPage .relationWrap .searchWrap input[type=text] { width:100%; max-width:768px; }

    #inner-contents.donationCollectionDetailPage .relationWrap .resultList li a .textWrap::after { font-size:1em; }
    #inner-contents.donationCollectionDetailPage .relationWrap .resultList li a .textWrap .title { font-size:1.125em; }
    #inner-contents.donationCollectionDetailPage .relationWrap .resultList li a .textWrap .small-title { font-size:0.875em; }

    #inner-contents.donationCollectionDetailPage .relationWrap .resultList li:hover a .textWrap { width:100%; }
}

@media screen and (max-width:768px){
    #inner-contents.donationCollectionDetailPage .table-wrap.information .table-content:nth-last-child(1),
    #inner-contents.donationCollectionDetailPage .table-wrap.information .table-content:nth-last-child(2) { width:100%; }

    #inner-contents.donationCollectionDetailPage .relationWrap .searchWrap form { width:100%; }
    #inner-contents.donationCollectionDetailPage .relationWrap .searchWrap input[type=text] { font-size:1em; }
    #inner-contents.donationCollectionDetailPage .relationWrap .searchWrap .btn_search { width:16px; height:16px; top:5px; }

    #inner-contents.donationCollectionDetailPage .relationWrap .resultList li { width:calc((98.5vw - 3rem) / 2); height:calc((98.5vw - 3rem) / 2); margin-bottom:0.875em; }
    #inner-contents.donationCollectionDetailPage .relationWrap .resultList li:nth-last-child(1),
    #inner-contents.donationCollectionDetailPage .relationWrap .resultList li:nth-last-child(2) { margin-bottom:0; }
    #inner-contents.donationCollectionDetailPage .relationWrap .resultList li a { padding:5px; }
    #inner-contents.donationCollectionDetailPage .relationWrap .resultList li a .textWrap { width:calc(100% - 12px); left:6px; bottom:10px; }
    #inner-contents.donationCollectionDetailPage .relationWrap .resultList li:hover a .textWrap { bottom:4px; }

    #inner-contents.donationCollectionDetailPage .relationWrap .resultList li:hover a { padding:0; border:6px solid var(--border-color); }
}