@charset "utf-8";

.video-wrap {max-width:860px; margin:0 auto}
.video-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#000;}
.video-container iframe,
.video-container object,
.video-container embed,
.video-container video{position: absolute;top:0;left:0;width:100%;height:100%;}

/* 검색 */
.board-search {display:flex; align-items:center; justify-content:space-between; margin-bottom:var(--space-32);}
.board-search .total-page {color:#666; font-size:14px; font-weight:500; line-height:1.43em;}
.board-search .total-page strong {color:#4C2913; font-weight:700; margin:0 .5em;}
.board-search .search {position:relative; float:right; display:flex; align-items:center;}
.board-search .search input.input {width:300px; height:38px; padding:9px 48px 9px 17px; border-color:#E5E5E5; border-radius:4px; font-size:14px; line-height:normal;}
.board-search .search input.input::placeholder {color:#999;}
.board-search .search .search-btn {position:absolute; right:17px; display:flex; align-items:center; justify-content:center; width:20px; height:20px; padding:0; border:0; background:transparent; cursor:pointer;}

/* 리스트 */
.board-list table {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #4C2913;}
.board-list table thead th {height:53px; padding:16px 24px; color:#666; font-size:14px; font-weight:500; line-height:1.43em; background:#FAFAFA; border-bottom:1px solid #E5E5E5;}
.board-list table tbody td {height:auto; padding:20px 24px; color:#999; font-size:14px; font-weight:400; line-height:1.43em; text-align:center; border-bottom:1px solid #E5E5E5;}
.board-list table tbody tr.is-notice td {background:#FFFBF5;}
.board-list table tbody td:first-child {color:#666; font-size:13px; font-weight:500; line-height:1.38em;}
.board-list table tbody td.subject {color:#333; font-size:16px; font-weight:400; line-height:1.5em; text-align:left;}
.board-list table tbody td.subject a {color:#333; text-decoration:none;}
.board-list table tbody td img {vertical-align:middle; margin:-.2em 2px 0;}
.board-list table tbody td a:hover {text-decoration:underline;}
.board-list .label {display:inline-block; padding:4px 12px; color:#fff; font-size:13px; font-weight:500; line-height:1.38em; background:#4C2913; border-radius:4px;}
.board-list .comment {color:#ff6000; font-size:.85em; font-weight:700; line-height:1em;}
.board-list .goods-name {color:#242424; font-weight:700;}

.board-list-m {display:none; border-top:2px solid #4C2913;}
.board-list-m li {padding:16px 8px; border-bottom:1px solid #E5E5E5;}
.board-list-m li.is-notice {background:#FFFBF5;}
.board-list-m li img {vertical-align:middle; margin:-.2em 2px 0; height:16px;}
.board-list-m li.none {padding:40px 0; text-align:center; color:#999;}
.board-list-m .label {display:inline-block; vertical-align:middle; margin:-.2em 8px 0 0; padding:4px 12px; color:#fff; font-size:13px; font-weight:500; line-height:1.38em; background:#4C2913; border-radius:4px;}
.board-list-m .num {display:inline-block; vertical-align:middle; margin:-.2em 8px 0 0; color:#666; font-size:13px; font-weight:500; line-height:1.38em;}
.board-list-m .tit {font-size:16px; font-weight:400; line-height:1.5em; letter-spacing:0; color:#333;}
.board-list-m .tit a {color:#333; text-decoration:none;}
.board-list-m .info {margin-top:8px; color:#999; font-size:14px; font-weight:400; line-height:1.43em;}
.board-list-m .info span {margin-right:12px;}
.board-list-m .comment {color:#ff6000; font-size:.85em; font-weight:700; line-height:1em;}
.board-list-m .store-name {color:#333; font-size:17px; font-weight:700; line-height:1.4em; letter-spacing:-.03em;}
.board-list-m .store-addr {font-size:14px; font-weight:400; line-height:1.3em; color:#505050; margin-top:4px;}
.board-list-m .btns {margin-top:12px;}
.board-list-m .btns .btn-map {line-height:28px; margin-right:4px;}
.board-list-m .goods-name {color:#505050; font-size:15px; font-weight:700; line-height:1.3em; margin-bottom:4px;}

/* 상세 */
.board-view {display:flex; flex-direction:column; gap:var(--space-50); max-width:1000px; margin:0 auto;}
.board-view-head {padding:var(--space-32) 0 var(--space-32); border-top:2px solid #E5E5E5; border-bottom:1px solid #E5E5E5;}
.board-view-head .label {display:inline-block; padding:4px 12px; color:#fff; font-size:13px; font-weight:500; line-height:1.38em; background:#4C2913; border-radius:4px;}
.board-view-head .tit {margin:var(--space-16) 0 0; font-size:var(--font-size-28); font-weight:700; line-height:1.43em; color:#2A2A2A; word-break:keep-all;}
.board-view-head .info {display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin-top:var(--space-20);}
.board-view-head .info > span {display:inline-flex; align-items:center; gap:8px; color:#666; font-size:14px; font-weight:400; line-height:1.43em;}
.board-view-head .info time {font-style:normal;}
.board-view-icon {display:block; flex-shrink:0; width:16px; height:16px;}
.board-view-body {padding:var(--space-30) 0 var(--space-50); border-bottom:1px solid #E5E5E5; color:#2A2A2A; font-size:16px; font-weight:400; line-height:1.75em; word-break:keep-all;}
.board-view-body p {margin:0 0 0.5em;}
.board-view-body p:last-child {margin-bottom:0;}
.board-view-body strong {font-weight:700;}
.upload-files {display:flex; flex-direction:column; gap:16px; padding-bottom:30px; border-bottom:1px solid #E5E5E5;}
.upload-files > .tit {margin:0; font-size:16px; font-weight:700; line-height:1.5em; color:#1A1A1A;}
.upload-files-list {display:flex; flex-direction:column; gap:8px; margin:0; padding:0; list-style:none;}
.upload-files-list .file-link {display:flex; align-items:center; gap:12px; min-height:44px; padding:12px 16px; border-radius:4px; background:#FAFAFA; text-decoration:none;}
.upload-files-list .file-link:hover .file-name {text-decoration:underline;}
.upload-files-list .file-icon {display:flex; flex-shrink:0; align-items:center; justify-content:center; width:20px; height:20px;}
.upload-files-list .file-name {flex:1; min-width:0; overflow:hidden; color:#333; font-size:14px; font-weight:400; line-height:1.43em; text-overflow:ellipsis; white-space:nowrap;}
.upload-files-list .file-size {flex-shrink:0; color:#999; font-size:13px; font-weight:400; line-height:1.38em;}
.upload-files-list .file-down {display:flex; flex-shrink:0; align-items:center; justify-content:center; width:16px; height:16px;}

/* 페이지목록 */
.paginate {margin-top:var(--space-32); text-align:center; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:var(--space-8);}
.paginate a,  
.paginate strong{display:flex; justify-content:center; align-items:center; width:36px; height:36px; font-size:14px; font-weight:500; line-height:normal; color:#666;border-radius:4px; border:1px solid #E5E5E5;}  
.paginate strong{color:#fff;border-color:var(--color-secondary);background-color:var(--color-secondary);font-weight:500;}  
.paginate a:focus,
.paginate a:hover {background-color:#f4f4f4;}
.paginate a.direction{background-position:50% 50%;background-repeat:no-repeat;}
.paginate a.direction span {font-size:0;line-height:0;text-indent:-999px;}
.paginate a.direction.first {background-image:url("/html/front/images/bbs/page_first.svg");}
.paginate a.direction.prev {background-image:url("/html/front/images/bbs/page_prev.svg");}
.paginate a.direction.next {background-image:url("/html/front/images/bbs/page_next.svg");}
.paginate a.direction.last {background-image:url("/html/front/images/bbs/page_last.svg");}
.paginate a.direction.disabled {display:none;}

/* buttons */
.buttons {margin:20px 0;}
.buttons:after {content:" "; display:block; clear:both;}
.buttons .cen {text-align:center;}
.buttons .cen .btn-pack {margin:0 3px;}
.buttons .fr {float:right;}
.buttons .fl {float:left;}
.buttons a {text-decoration:none;}
.buttons a,.buttons input {vertical-align:top;}
.buttons + .paginate {margin-top:20px;}

.btn-pack {display:inline-flex; justify-content:center; align-items:center; gap:var(--space-10); text-align:center; border:0;}
.btn-pack.small {min-width:80px; min-height:32px; padding:var(--space-8) var(--space-16); border-radius:var(--radius-6); font-size:13px; font-weight:500; line-height:1.2em;}
.btn-pack.medium {min-width:130px; min-height:48px; padding:var(--space-12) var(--space-24); border-radius:var(--radius-10); font-size:15px; font-weight:700; line-height:1.2em;}
.btn-pack.large {min-width:180px; min-height:50px; padding:var(--space-16) var(--space-30); border-radius:var(--radius-10); font-size:15px; font-weight:700; line-height:1.2em;}
.btn-pack.focus {background:var(--color-primary); color:#fff;}
.btn-pack.outline {border:1px solid var(--color-primary); background:#fff; color:var(--color-primary);}