@charset "utf-8";
/* layout */
.boardTitle {display:none !important;}
.uxcVisitorsBookWrap {display:flex; gap:20px;}
.uxcVisitorsBookWrap .vbWriteWrap.boardListWrap {width:380px; flex-shrink:0;}
.uxcVisitorsBookWrap .visitorsBook.boardViewWrap {flex:1; min-width:0;}

/* vbWrite */
.vbWriteWrap {position:sticky; top:20px; align-self:flex-start;}

.vbWriteBox {margin:0;}
.vbWriteBox .vbWrite {display:flex; flex-direction:column; gap:10px; padding:14px; border:1px solid var(--color-prime); border-radius:var(--board-radius-lg); background:var(--board-white);}
.vbWriteBox .vbWrite textarea {width:100%; height:120px; border:0; background-color:var(--board-gray-100); font-weight:500; padding:10px; box-sizing:border-box; border-radius:var(--board-radius); resize:vertical;}
.vbWriteBox .vbWrite button {width:100%; padding:10px;}
.vbWriteBox .descList {margin:8px 0;}
.vbWriteBox .descList ul {padding-left:18px; list-style:disc; line-height:1.4;}
.vbWriteBox .descList ul li {font-size:13px; margin:2px 0;}
.vbWriteBox .descList ul li strong {color:var(--color-prime); text-decoration:underline;}

/* list */
.visitorsBook {display:flex; flex-direction:column; max-height:calc(100vh - 100px);}
.visitorsBook form {flex:1; min-height:0; display:flex; flex-direction:column;}
.visitorsBook .vbHeader {flex-shrink:0; display:flex; justify-content:space-between; align-items:center; height:53px; padding:10px 20px; border-bottom:1px solid var(--board-gray-200); box-sizing:border-box;}
.visitorsBook .vbHeader .total {display:flex; align-items:center; font-size:14px; gap:4px;}
.visitorsBook .vbHeader .btnGroup {display:flex; align-items:center; gap:6px;}

.visitorsBook .cardItemWrap {flex:1; min-height:0; overflow-y:auto;}
.visitorsBook .cardItemWrap .cardItemBox {display:grid; margin:16px; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); gap:16px; scrollbar-width:none;}
.visitorsBook .cardItemWrap .cardItemBox .cardItem {display:flex; justify-content:space-between; padding:16px; box-sizing:border-box; border-radius:var(--board-radius-lg); background:var(--board-white); border:1px solid var(--board-gray-200); position:relative;}
.visitorsBook .cardItemWrap .cardItemBox .cardItem .pfImg {width:60px; flex-shrink:0;}
.visitorsBook .cardItemWrap .cardItemBox .cardItem .pfImg img {border-radius:50%; width:60px; height:60px; object-fit:cover;}
.visitorsBook .cardItemWrap .cardItemBox .cardItem .data {display:flex; justify-content:space-between; flex-direction:column; width:calc(100% - 76px);}
.visitorsBook .cardItemWrap .cardItemBox .cardItem .data .title {display:none;}
.visitorsBook .cardItemWrap .cardItemBox .cardItem .data .desc {line-height:1.4; font-size:13px; color:var(--board-gray-700);}
.visitorsBook .cardItemWrap .cardItemBox .cardItem .data .info {display:flex; flex-wrap:wrap; margin-top:auto; padding-top:12px; gap:6px;}
.visitorsBook .cardItemWrap .cardItemBox .cardItem .data .info .block {display:flex; align-items:center; padding:4px 6px; border-radius:4px; background:var(--board-gray-50); font-size:11px; line-height:1; border:1px solid var(--board-gray-200);}
.visitorsBook .cardItemWrap .cardItemBox .cardItem .checkBox {position:absolute; top:6px; left:6px;}

.visitorsBook .paging {flex-shrink:0; display:flex; justify-content:center; align-items:center; height:60px; border-top:1px solid var(--board-gray-200);}

#cmtModal {display:none;}
.vbWriteWrap.boardListWrap .admBtn {position:unset;}
.vbWriteWrap.boardListWrap .admBtn .levelWrap {width:calc(100% - 26px); display:flex; justify-content:center;}

@media (max-width:1024px) {
	.uxcVisitorsBookWrap {flex-direction:column;}
	.uxcVisitorsBookWrap .vbWriteWrap.boardListWrap {width:100%; min-width:100%; margin-bottom:20px; order:1; position: relative;}
	.uxcVisitorsBookWrap .visitorsBook.boardViewWrap {width:100%; max-height:unset; order:2;}
	.visitorsBook .vbHeader {flex-wrap:wrap; gap:10px; height:auto; overflow:auto; padding: 10px 0px;}
	.visitorsBook .cardItemWrap .cardItemBox {margin:16px 0;}
}