/* 컬렉션 */
.clctn_list ul{ display: flex; flex-wrap: wrap; width:calc(100% + 1rem); margin-left:-0.5rem;}
.clctn_list li{ flex:1; margin:0.5rem;}
.clctn_list li a{ position:relative; display: flex; flex-wrap: wrap; height:16rem; align-content: center; justify-content: center; color:#fff; overflow:hidden; }
.clctn_list li a strong{ width:100%; text-align:center; font-weight:700; font-size:1.1rem;}
.clctn_list li a span{ margin-top:0.75rem; padding:0.35rem 1rem; border-radius:1rem; background:#000; border:2px solid transparent; }
.clctn_list li a span i{ padding-left:0.5rem;}
.clctn_list li.clc1 a{ background:url('/images/web/archives/sub/bg_clc1.png') no-repeat center/cover;}
.clctn_list li.clc2 a{ background:url('/images/web/archives/sub/bg_clc2.png') no-repeat center/cover;}
.clctn_list li.clc3 a{ background:url('/images/web/archives/sub/bg_clc3.png') no-repeat center/cover;}
.clctn_list li a:hover,
.clctn_list li a:focus{ box-shadow:0 0 10px rgba(0,0,0,0.3);}
.clctn_list li a:hover span,
.clctn_list li a:focus span{ background:#7a563c; border-color:#fff;}
.clctn_list li a,
.clctn_list li a span{ transition: all .2s; -webkit-transition: all .2s;}

/* 게시판 view */
.arch_data { display:flex; flex-wrap: wrap;  text-align:left; padding:1rem 0.5rem; border-bottom:1px solid #e5e5e5; background:#f8f9fc; }
.arch_data > li{ position:relative; width:calc(33.33% - 0.6rem); display:flex; margin:0.25rem 0.3rem; align-items:center; padding:0.35rem; border:1px solid #ddd; border-radius:0.25rem; background:#fff; }
.arch_data > li > strong{ position:relative; color:#fff; font-weight:600; text-align:center; min-width: 5rem; padding:0.35rem; margin-right:0.5rem; border-radius:0.25rem; background:#464d5d;}

/* 컬렉션 리스트 */
.exhbtPopup dl{ margin-top:2rem;}
.exhbtPopup dt{ padding:0.25rem 0.5rem; font-size:1rem; font-weight: 700;}
.exhbtPopup dd .lst{ display: flex; flex-wrap: wrap;}
.exhbtPopup dd .lst li{ width:25%; padding:0.25rem;}
.exhbtPopup dd .lst li a{ height:100%; display: flex; align-items: center; padding:1rem; border-radius:1rem; border:1px solid #dfd5c9; background:#f5f2ed;}
.exhbtPopup dd .lst li a p{ flex:1; margin-right:0.25rem; font-weight:600; font-size:0.85rem;}
.exhbtPopup dd .lst li a span{ min-width:2.5rem; text-align:right; color:#532f15; line-height:0.9rem; font-size: 0.7rem; border-left:2px solid #bcaa9c;}
.exhbtPopup dd .lst li a:hover,
.exhbtPopup dd .lst li a:focus{ border-color:#542f14;}
.exhbtPopup .btn_close{ position:absolute; right:1rem; top:0.15rem; padding:0.35rem 0.75rem; color:#fff; font-weight:600; border-radius:1rem; background:#403d36;}
.exhbtPopup .btn_close i{ padding-left:1rem; }

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

    /* 컬렉션 리스트 */
    .exhbtPopup dd .lst li{ width:20%;}

}

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

    /* 게시판 view */
	/* .bbs_ViewA > .arch_data > li{ width:31.33%;} */

}

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

    /* 게시판 view */
	.bbs_ViewA > .arch_data > li{ width:calc(50% - 0.6rem);}

    /* 컬렉션 리스트 */
    .exhbtPopup dd .lst li{ width:33.33%;}
}

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

    .clctn_list ul{ display: block; width:100%; margin-left:0;}
    .clctn_list li a{ height:auto; padding:1.5rem;}
}

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

    /* 게시판 view */
	.bbs_ViewA > .arch_data > li{ width:100%; margin:0.25rem 0; }
}

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

    /* 컬렉션 리스트 */
    .exhbtPopup dd .lst li{ width:50%;}
    .exhbtPopup dd .lst li a{ padding:0.75rem 1rem;}
}