@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 {margin-bottom:20px;}
.board-search:after {content:""; display:block; clear:both;}
.board-search .total-page {float:left; color:#686868; font-size:15px; line-height:44px;}
.board-search .cate {float:left; margin-left:15px;}
.board-search .search {float:right;}
.board-search .search input.input {width:300px;}

/* 리스트 */
.board-list table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #868686;}
.board-list table thead th {height:53px; padding:9px 5px; color:#333; font-size:16px; font-weight:700; line-height:1.5em; background:#fafafa; border-bottom:1px solid #ddd;}
.board-list table tbody td {height:53px; padding:9px 5px; color:#505050; font-size:16px; font-weight:400; line-height:1.5em; text-align:center; border-bottom:1px solid #ddd;}
.board-list table tbody td.subject {text-align:left; padding-left:15px;}
.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 table tbody tr:hover td {background-color:#fafafa;}
.board-list .label {color:#fff; font-weight:500; display:inline-block; padding:0 12px; font-size:14px; background:var(--color-primary); border-radius:4px;}
.board-list .comment {color:var(--color-primary); 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 #868686;}
.board-list-m li {padding:14px 0; border-bottom:1px solid #ddd;}
.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 4px 0 0;padding:0 6px;color:#fff;background:var(--color-primary);font-weight:500;font-size:12px;line-height:22px;border-radius:4px;}
.board-list-m .tit {color:#333; font-size:15px; font-weight:700; line-height:1.4em; letter-spacing:-.03em;}
.board-list-m .info {color:#888; font-size:12px; font-weight:400; line-height:1.3em; margin-top:7px;}
.board-list-m .info span {margin-right:10px;}
.board-list-m .comment {color:var(--color-primary); 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;}

.gallery-list {padding:25px 0 0 0; border-bottom:1px solid #ddd; border-top:2px solid #868686;}
.gallery-list ul {display:flex; flex-wrap:wrap; margin:0 -15px;}
.gallery-list ul li {width:25%; padding:0 15px; margin-bottom:35px; text-align:center;}
.gallery-list ul li.none {width:100%; padding:70px 0; margin:0; text-align:center; color:#767676;}
.gallery-list ul li a {display:block;}
.gallery-list ul li .thumb {position:relative; padding-bottom:65%; margin-bottom:12px; overflow:hidden;}
.gallery-list ul li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.gallery-list ul li .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);}
.gallery-list ul li .tit {color:#333; font-size:16px; line-height:1.4em;}
.gallery-list ul li .date {color:#767676; font-size:14px; line-height:1.3em; margin-top:6px;}

.news-list {border-top:2px solid #868686;}
.news-list ul li {display:flex; padding:20px 0; border-bottom:1px solid #ddd;}
.news-list .thumb {width:220px; margin-right:20px;}
.news-list .thumb a {display:block; position:relative; padding-bottom:65%; overflow:hidden;}
.news-list .thumb a img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.news-list .thumb a:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);}
.news-list .info {flex:1 1 auto; min-width:0; width:1%;}
.news-list .tit {color:#333; font-size:18px; font-weight:700; line-height:1.4em; max-height:1.4em; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:nowrap;}
.news-list .txt {margin-top:10px; color:#767676; font-size:16px; line-height:1.5em; max-height:4.5em; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.news-list .date {margin-top:13px; color:#767676; font-size:14px; line-height:1.3em;}
.news-list ul li.none {display:block; width:100%; padding:70px 0; margin:0; text-align:center; color:#767676;}

.event-list {padding:40px 0 0; border-top:2px solid #868686; border-bottom:1px solid #ddd;}
.event-list ul {display:flex; flex-wrap:wrap; margin:0 -15px;}
.event-list ul li {width:33.33333333%; padding:0 15px; margin-bottom:45px; text-align:center;}
.event-list ul li a {display:block; position:relative; background:#fff;}
.event-list ul li .thumb {position:relative; height:0; padding-bottom:55%; margin-bottom:12px; overflow:hidden;}
.event-list ul li .thumb img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.event-list ul li .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);}
.event-list ul li .tit {color:#333; font-size:16px; font-weight:700; line-height:1.4em;}
.event-list ul li .date {color:#767676; font-size:14px; line-height:1.3em; margin-top:6px;}
.event-list ul li.none {width:100%; padding:70px 0; margin:0; text-align:center; color:#767676;}
.event-list ul li.ended .ended-txt {position:absolute; top:0; left:0; right:0; bottom:0; display:flex; align-items:center; color:#fff; background:rgba(0,0,0,.4);}
.event-list ul li.ended .ended-txt p {width:100%;}
.event-list ul li.ended .tit {color:#767676;}
.event-list ul li.ended .date {color:#767676;}

.faq {border-top:2px solid #868686;}
.faq ul li {border-bottom:1px solid #ddd;}
.faq ul li:last-child {margin-bottom:0;}
.faq .tit {color:#333; font-size:16px; font-weight:600; line-height:1.5em;}
.faq .tit a {position:relative; display:flex; align-items:center; padding:12px 60px 12px 12px; text-decoration:none !important; transition:none;}
.faq .tit a:after {content:""; position:absolute; right:20px; top:20px; display:inline-block; width:14px; height:14px; border-right:2px solid #aaa; border-bottom:2px solid #aaa; transform:rotate(45deg);}
.faq .cnt {display:none; position:relative; padding:23px 30px 23px 63px; color:#505050;}
.faq .cnt .buttons {margin-bottom:0;}
.faq .q {display:inline-block; margin-right:15px; flex:0 0 38px; width:38px; height:38px; text-align:center; color:#fff; font-size:18px; font-weight:600; line-height:38px; background:var(--color-primary); border-radius:100%;}
.faq li.active {position:relative;}
.faq li.active .tit {background:#f4f4f4;}
.faq li.active .tit a:after {transform:rotate(-135deg); margin-top:6px; border-color:#555;}
.faq .none {padding:70px 0; text-align:center; color:#999;}

.calendar-head {text-align:center; margin-bottom:20px;}
.calendar-head h3 {display:inline-block; vertical-align:middle; margin:0 40px; color:#333; font-size:33px; line-height:1.15em;}
.calendar-head .cal-btn {display:inline-block; vertical-align:middle; width:46px; height:46px; overflow:hidden; text-indent:-999em; background-color:var(--color-primary); background-position:50% 50%; background-repeat:no-repeat; border-radius:100%;}
.calendar-head .cal-prev {background-image:url("/images/bbs/cal_prev.png");}
.calendar-head .cal-next {background-image:url("/images/bbs/cal_next.png");}
.calendar table {width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0px;}
.calendar table th {padding:12px 4px; text-align:center; border:1px solid #ddd; background:#eee; color:#2d2c2c; font-size:16px; line-height:1.4em;}
.calendar table td {height:120px; padding:10px; vertical-align:top; border:1px solid #ddd; color:#454545; font-size:15px; line-height:1.4em; letter-spacing:-.03em;}
.calendar table tr th:first-child,
.calendar table tr td:first-child .cal-date {color:#ea4044;}
.calendar table tr th:last-child,
.calendar table tr td:last-child .cal-date {color:#3584e7;}
.calendar ul li {position:relative; padding-left:10px; margin-bottom:8px;}
.calendar ul li:last-child {margin-bottom:0;}
.calendar ul li:before {content:""; position:absolute; top:8px; left:0; width:4px; height:4px; background:#ddd; border-radius:100%;}
.calendar ul li a {display:block; line-height:1.4em; letter-spacing:-.03em; max-height:2.8em; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.calendar ul li a:hover {text-decoration:underline;}
.calendar .cal-date {line-height:1em; font-weight:500; color:#767676; margin-bottom:10px;}
.calendar .cal-blank {background:#fcfcfc;}
.calendar .cal-holiday .cal-date {color:#ea4044 !important;}

/* 글작성 */
.board-white table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #868686; border-bottom:1px solid #868686; font-size:16px; line-height:1.5em; letter-spacing:-.03em;}
.board-white table th {padding:12px 20px; border:1px solid #eee; background:#fafafa; font-weight:700; color:#333;}
.board-white table td {padding:12px 20px; border:1px solid #eee; color:#505050;}
.board-white tr th:first-child,
.board-white tr td:first-child {border-left:0;}
.board-white tr th:last-child,
.board-white tr td:last-child {border-right:0;}
.board-white tr:last-child th,
.board-white tr:last-child td {border-bottom:0;}
.board-white .item {display:inline-block; margin-right:16px;}
.board-white .item:last-child {margin-right:0;}
.board-white tr > td.editor[colspan] {border:0; padding:12px 0;}
.board-white .contentArea.editor iframe,
.board-white .contentArea.editor textarea,
.board-white tr > td.editor[colspan] iframe,
.board-white tr > td.editor[colspan] textarea {display:block; width:100%; vertical-align:middle;}
.board-white .board-attached-file-link {color:#2563eb; text-decoration:underline; word-break:break-all;}
.board-white .board-attached-file-link:hover {color:#1d4ed8;}

.board-form table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #868686; border-bottom:1px solid #868686; font-size:16px; line-height:1.5em; letter-spacing:-.03em;}
.board-form table th {height:80px; padding:12px 20px; border:1px solid #eee; background:#fafafa; font-weight:700; color:#333;}
.board-form table td {padding:12px 20px; border:1px solid #eee; color:#505050;}
.board-form tr th:first-child,
.board-form tr td:first-child {border-left:0;}
.board-form tr th:last-child,
.board-form tr td:last-child {border-right:0;}
.board-form tr:last-child th,
.board-form tr:last-child td {border-bottom:0;}
.board-form + .buttons {margin-top:50px;}
.board-form .item {margin-right:var(--space-25);}

.captcha-wrap {display:flex; gap:10px; height:44px;}
.captcha-wrap .input {width:160px; height:100%;}
#kcaptcha_image {height:100%; cursor:pointer;}

.files-upload {max-width:600px;}
.files-upload-group {padding:20px 0; border-top:1px dashed #ddd;}
.files-upload-group:first-child {padding-top:0; border-top:0;}
.files-upload-group:last-child {padding-bottom:0;}
.files-upload-input {display:flex;}
.files-upload-input .input {flex:1 1 auto; min-width:0; width:1%;}
.files-upload-input .files-upload-btns {display:flex;}
.files-upload-input .files-upload-btns a {margin-left:4px;}
.files-upload-text {display:flex; margin-top:7px;}
.files-upload-text .upfiles-alt {display:flex; align-items:center; background:#fafafa; padding:0 15px; font-size:15px; border:1px solid #ddd; border-right:0;}
.files-upload-text .input {flex:1 1 auto; min-width:0; width:1%;}

.form-agree {margin:35px 0 50px;}
.form-agree h3 {color:#333; font-size:18px; font-weight:700; letter-spacing:-.03em; line-height:1.3em; margin-bottom:10px;}
.form-agree dd {padding:12px 0 0 0; color:#686868; font-size:15px; line-height:1.5em; text-align:center;}
.form-agree .scroll-box {padding:10px; color:#767676; font-size:14px; font-weight:400; line-height:1.4em; background:#fafafa; border:1px solid #ddd;}
.form-agree .check {text-align:center; color:#505050; font-size:16px; line-height:1.5em; margin-top:18px;}
.form-agree .check a {display:inline-block; background:#fff; margin-left:6px; padding:0 10px; font-size:13px; line-height:26px; letter-spacing:-.03em; border:1px solid #ddd;}

/* 상세보기 */
.board-view {border-top:2px solid #868686;}
.board-view-tit {padding:16px 16px; border-bottom:1px solid #ddd;}
.board-view-tit h3 {color:#333; font-size:20px; font-weight:700; line-height:1.3em; letter-spacing:-.015em;}
.board-view-info {padding:13px 16px; color:#767676; font-size:15px; line-height:1.3em; border-bottom:1px solid #ddd; overflow:hidden;}
.board-view-info strong {color:#333; font-weight:700;}
.board-view-info .name {float:left; margin-right:15px;}
.board-view-info .date {float:left;}
.board-view-info .hit {float:right;}
.board-view-info .hit strong {margin-right:5px;}
.board-view-files {position:relative; text-align:right; margin-top:10px; font-size:14px; line-height:1.5em;}
.board-view-files > a {text-decoration:none;}
.board-view-files img {vertical-align:middle; margin-top:-.2em;}
.board-view-files .ico-down {vertical-align:middle; margin-left:4px;}
.board-view-files .num {color:#ff4e00;}
.board-view-files .fileLayer {display:none; position:absolute; margin-top:2px; right:0; text-align:left; font-size:12px; font-weight:400; line-height:24px; border:1px solid #f0f0f0; background:#f7f7f7; padding:9px 29px 9px 11px; z-index:5;}
.board-view-files .fileLayer a {display:block; text-decoration:none;}
.board-view-files .fileLayer .divClose {position:absolute; display:inline-block; top:5px; right:5px; line-height:0;}
.board-view-files .fileLayer .divClose img {margin-top:0;}
.board-view-cnt {padding:15px 16px 60px; border-bottom:1px solid #ddd;}
.board-view-cnt ul {list-style-type:disc; margin-left:1.25em;}
.board-view-cnt ol {list-style-type:decimal; margin-left:1em;}

/* 이전글,다음글 */
.board-prev-next {border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:16px; line-height:1.5em;}
.board-prev-next dl {display:flex; padding:12px 16px;}
.board-prev-next dt {width:90px; color:#333; font-weight:700;}
.board-prev-next dt:after {content:""; display:inline-block; vertical-align:middle; margin:-.2em 0 0 10px;}
.board-prev-next dd {color:#505050; flex:1 1 auto; min-width:0; width:1%;}
.board-prev-next dd a {display:inline-block; vertical-align:top; max-width:100%; height:1.5em; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:nowrap;}
.board-prev-next dd a:hover {text-decoration:underline;}
.board-prev-next .prev {border-bottom:1px solid #eee;}
.board-prev-next .prev dt:after {border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #aaa;}
.board-prev-next .next dt:after {border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #aaa;}

/* 버튼 */
.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-block;overflow:visible;position:relative;margin:0;padding:0 10px;background:#fafafa;color:#333;border:1px solid #ddd;text-align:center;text-decoration:none !important;vertical-align:top;white-space:nowrap;cursor:pointer;}
.btn-pack.dark:focus {outline-color:#f37736;}
.btn-pack.focus {background:var(--color-primary); border:1px solid var(--color-primary); color:#fff;}
.btn-pack.dark {background:#555; border:1px solid #555; color:#fff;}
.btn-pack.border {background:#fff; border:1px solid var(--color-primary); color:var(--color-primary);}
.btn-pack.small {height:30px;padding:0 15px;line-height:28px;font-size:13px;}
.btn-pack.medium {height:44px;padding:0 20px;line-height:43px;font-size:16px;}
.btn-pack.large {min-width:130px; height:50px;padding:0 30px;line-height:48px;font-size:18px;font-weight:500;}
.btn-pack.xlarge {min-width:180px; height:60px;padding:0 40px;line-height:58px;font-size:20px;font-weight:500;}
.btn-pack.comment {width:120px; height:90px;padding:0;font-size:20px;font-weight:500;background:#fff;color:var(--color-primary);border:1px solid var(--color-primary);}

.btn-map {display:inline-block; padding:0 15px; color:#505050; font-size:14px; font-weight:400; line-height:32px; letter-spacing:-.03em; border-radius:30px; background:#fff; border:1px solid #505050; text-align:center; text-decoration:none !important;}
.btn-map:hover {color:#fff; background:#333; border-color:#333;}

/* 페이지목록 */
.paginate {margin-top:40px;text-align:center;}
.paginate a,  
.paginate strong{display:inline-block;padding:0;margin:0 3px;width:38px;height:38px;font-size:15px;font-weight:500;line-height:38px;color:#555;border-radius:100%;text-decoration:none;text-align:center;vertical-align:middle;}  
.paginate strong{color:#fff;border-color:var(--color-primary);background-color:var(--color-primary);font-weight:700;}  
.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("/images/bbs/btn_first.png");}
.paginate a.direction.prev {background-image:url("/images/bbs/btn_prev.png"); margin-right:20px;}
.paginate a.direction.next {background-image:url("/images/bbs/btn_next.png"); margin-left:20px;}
.paginate a.direction.last {background-image:url("/images/bbs/btn_last.png");}
.paginate a.direction.disabled {display:none;}

/* 코멘트 */
.comment-area {margin-top:50px;}
.comment-total {margin-bottom:15px; color:#333; font-size:16px; font-weight:400; line-height:1.3em;}
.comment-total strong {font-size:1.5em;}
.comment-write {padding:20px; border:1px solid #ddd; background:#f4f4f4;}
.comment-write .byte {font-size:14px; line-height:1.3em; color:#505050; letter-spacing:0; margin-bottom:10px;}
.comment-write .write {display:flex;}
.comment-write .write textarea {flex:1 1 auto; min-width:0; width:1%; height:90px; resize:none; margin-right:15px;}
.comment-item {border-bottom:1px solid #e5e5e5; padding:20px 0;}
.comment-item.comment-reply {padding-left:40px; background:url("/images/bbs/icon_reply.png") 10px 18px no-repeat;}
.comment-box {position:relative;}
.comment-info {font-size:15px; font-weight:400; line-height:1.5em; margin-bottom:2px;}
.comment-info .name {font-weight:700; color:#333; margin-right:8px;}
.comment-info .date {color:#878787; font-family:"Arial",sans-serif; font-size:12px; letter-spacing:0;}
.comment-link {margin-top:10px; color:#878787; font-size:14px; font-weight:400; line-height:1.3em;}
.comment-link a:hover {text-decoration:underline;}
.comment-txt {color:#505050; font-size:15px; line-height:1.7em;}
.comment-ctr {position:absolute; top:0; right:0; color:#878787; font-size:14px; font-weight:400; line-height:1.5em;}
.comment-ctr a:hover {text-decoration:underline;}
.comment-ctr .bar {display:inline-block; width:1px; height:11px; background:#ddd; margin:0 5px;}
.comment-input {border:1px solid #ddd; padding:15px;}
.comment-input .byte {font-size:12px; line-height:1.3em; color:#878787; letter-spacing:0; margin-bottom:8px;}
.comment-input textarea {display:block; width:100%; height:54px; border:0; padding:0 !important; resize:none;}
.comment-input .btns {text-align:right; margin-top:5px;}
.comment-password {display:flex;}
.comment-password .input {flex:1 1 auto; min-width:0; width:1%; max-width:180px;}

/* 비밀번호 */
.board-password {max-width:480px; text-align:center; margin:30px auto; padding:50px 40px; border:1px solid #ddd; border-radius:10px;}
.board-password dt {color:#333; font-size:16px; font-weight:700; padding-bottom:27px;}
.board-password dd {display:flex; align-items:center;}
.board-password dd label {color:#505050; font-size:15px; font-weight:400; margin-right:13px;}
.board-password dd .input {flex:1 1 auto; min-width:0; width:1%; margin-right:4px;}

/* 제품 */
.product-list ul {display:flex; flex-wrap:wrap; margin:0 -13px;}
.product-list ul li {width:20%; padding:0 13px; margin-bottom:35px; text-align:center;}
.product-list ul li.none {width:100%; padding:70px 0; margin:0; text-align:center; color:#767676;}
.product-list ul li a {display:block;}
.product-list ul li .thumb {position:relative; padding-bottom:100%; margin-bottom:12px; overflow:hidden;}
.product-list ul li .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.product-list ul li .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);}
.product-list ul li .tit {color:#333; font-size:16px; line-height:1.4em;}
.product-list ul li .date {color:#767676; font-size:14px; line-height:1.3em; margin-top:6px;}

.product-summary {display:flex; margin-bottom:40px;}
.product-image {width:400px; margin-right:40px;}
.product-image .img {position:relative; padding-bottom:100%; overflow:hidden;}
.product-image .img img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.product-image .img:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);}
.product-info {flex:1 1 auto; min-width:0; width:1%;}
.product-info .tit {color:#333; font-size:28px; line-height:1.3em; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ddd;}
.product-info .txt {color:#505050;}
.product-detail {color:#505050; padding-bottom:50px; margin-bottom:40px; border-bottom:1px solid #ddd;}
.product-detail .tit {color:#333; font-size:22px; line-height:1.3em; padding-bottom:12px; margin-bottom:20px; border-bottom:1px solid #ddd;}

/* 검색결과 */
.result-top {margin-bottom:30px; color:#333; font-size:20px; font-weight:700; line-height:1.3em;}
.result-top .word {color:#d12a07;}
.result-top .num {color:#2e6bdb;}
.result-group {border-top:1px solid #ddd; padding:30px 0;}
.result-group h3 {margin:0 0 20px; color:#333; font-size:18px; font-weight:700; line-height:1.3em;}
.result-group h3 span {color:#7d7d7d; font-size:14px; font-weight:normal;}
.result-group dl {margin:0 0 20px;}
.result-group dl dt {font-size:16px; line-height:1.5em; letter-spacing:-.03em; color:#1861c3;}
.result-group dl dt a:hover {text-decoration:underline;}
.result-group dl dd {margin-top:5px; font-size:14px; line-height:1.5em; color:#505050; max-height:3em; overflow:hidden; text-overflow:ellipsis; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.result-group dl dd.date {color:#999; font-size:13px;}
.result-group .gall {display:flex; flex-wrap:wrap; margin:0 -10px;}
.result-group .gall li {width:200px; text-align:center; padding:0 10px; margin-bottom:30px;}
.result-group .gall li a {display:block; text-decoration:none!important;}
.result-group .gall li .thumb {position:relative; padding-bottom:100%; margin-bottom:10px; overflow:hidden;}
.result-group .gall li .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.result-group .gall li .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);}
.result-group .gall li .tit {color:#333; font-size:15px; line-height:1.4em;}
.result-group .gall li .price {color:#f03b3b; font-size:14px; font-weight:700; line-height:1.3em; margin-top:4px;}
.result-group .more {text-align:right;}
.result-group .more a {font-size:15px; color:#767676; text-decoration:underline;}

.certi-list ul {display:flex; flex-wrap:wrap; margin:0 calc(var(--space-20) * -1);}
.certi-list ul li {width:20%; padding:0 var(--space-20); margin-bottom:var(--space-60); text-align:center;}
.certi-list ul li.none {width:100%; padding:70px 0; margin:0; text-align:center; color:#767676;}
.certi-list ul li a {display:block;}
.certi-list ul li .thumb {margin-bottom:var(--space-30); position:relative; aspect-ratio:248 / 349; overflow:hidden;}
.certi-list ul li .thumb img {width:100%; height:100%; object-fit:contain;}
.certi-list ul li .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);}
.certi-list ul li .tit {margin-bottom:var(--space-5); font-size:var(--font-size-18); font-weight:600; line-height:1.556em; letter-spacing:-0.03em; color:#242424;}
.certi-list ul li .date {font-size:var(--font-size-14); font-weight:400; line-height:1.625em; letter-spacing:-0.03em; color:#868686;}
/* 글쓰기 폼 — SEO·AI 보조 */
.board-seo-ai-row .board-seo-ai-hint {margin:0;font-size:13px;color:#555;line-height:1.5em;}
.board-white .board-seo-ai-field.board-seo-title {width:100%;max-width:100%;}
.board-white .board-seo-ai-field.board-seo-kw {width:100%;max-width:100%;}
.board-seo-ai-row .board-seo-ai-field.board-seo-kw,
.board-seo-ai-row input.board-seo-kw.board-seo-ai-field,
.board-seo-ai-row textarea.board-seo-desc.board-seo-ai-field {width:100%;max-width:100%;box-sizing:border-box;}
.board-seo-ai-field.board-seo-desc {width:100%;min-height:92px;resize:vertical;}
.board-seo-jsonld-hint {margin:0 0 6px;font-size:13px;color:#555;line-height:1.5em;}
.board-seo-jsonld-details summary {cursor:pointer;font-weight:700;font-size:13px;color:#242424;line-height:1.5em;}
.board-seo-jsonld-preview {margin:8px 0 0;font-size:12px;line-height:1.45;background:#fafafa;border:1px solid #ddd;padding:12px;overflow:auto;max-height:280px;border-radius:2px;width:100%;max-width:100%;box-sizing:border-box;}
.board-seo-ai-actions .board-seo-ai-msg {display:inline-block;margin-left:10px;font-size:13px;color:#1a5fb4;vertical-align:middle;}
.board-seo-ai-actions .board-seo-ai-btn {vertical-align:middle;}
/* 게시판 모듈 — #contArea·.real-cont 중앙 정렬 셸 안 여백 (layout.css 와 동일 톤) */
#contArea .board-module-wrap .board-search {margin-top:0;}
#contArea .board-module-wrap .paginate {margin-top:var(--space-40); margin-bottom:0;}
#contArea .board-module-wrap .buttons {margin-top:var(--space-30);}

/* website 게시판 래퍼 */
.board-website-wrap .board-list,
.board-website-wrap .news-list ul {list-style:none;margin:0;padding:0;}
.board-website-wrap .board-search {margin-bottom:24px;}
.board-website-wrap .paginate {display:flex;gap:8px;justify-content:center;margin-top:32px;flex-wrap:wrap;align-items:center;}
.board-website-wrap .paginate a,
.board-website-wrap .paginate strong{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 6px;font-size:14px;font-weight:600;text-decoration:none;border-radius:var(--r-pill);}
.board-website-wrap .paginate a {color:var(--c-ink-70);}
.board-website-wrap .paginate a:hover {background:var(--c-pearl);color:var(--c-primary);}
.board-website-wrap .paginate a.on,
.board-website-wrap .paginate strong {background:var(--c-primary);color:#fff;}
.board-website-wrap .board-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:20px;}
.board-view-foot .board-actions{justify-content:center;margin-top:0;}
.board-website-wrap .board-write,
.board-website-wrap .buttons{margin-top:20px;}
.board-website-wrap .board-white,
.board-website-wrap .board-password{margin-top:4px;}
.board-website-wrap[data-sub-pattern="SPG-board-form"] .board-white th,
.board-website-wrap[data-sub-pattern="SPG-board-form"] .board-white th label,
.board-website-wrap[data-sub-pattern="SPG-board-form"] .board-password dt,
.board-website-wrap[data-sub-pattern="SPG-board-form"] .board-password dd label{color:var(--c-ink,#333);font-size:16px;font-weight:700;}
.board-website-wrap[data-sub-pattern="SPG-board-form"] input.btn-pack,
.board-website-wrap[data-sub-pattern="SPG-board-form"] .btn-pack[type="submit"]{-webkit-appearance:none;appearance:none;font-family:inherit;font-size:18px;line-height:48px;}
.board-website-wrap .real-cont form[name="form1"]{max-width:100%;}
.board-view-foot{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;margin-top:34px;}
.login-wrap {max-width:480px;margin:0 auto;padding:40px 0;}
.login-card {background:var(--c-pearl);border-radius:var(--r-lg);padding:36px 32px;}
.login-card h2 {margin:0 0 24px;font-size:24px;}
.login-form input {width:100%;margin-bottom:12px;padding:12px 16px;border:1px solid var(--c-hairline);border-radius:var(--r-sm);}
.login-links {margin-top:16px;text-align:center;font-size:14px;}
.ss-search-tabs .ss-tab-btn {background:none;border:none;padding:12px 18px;font-weight:600;cursor:pointer;}
.ss-search-tabs .ss-tab-btn.on {color:var(--c-accent);border-bottom:2px solid var(--c-accent);}
.ss-results-block {margin-bottom:36px;}


/* ========== website 이식 (board) ========== */
/* board / product / form shared */
.board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap;}
.board-count{font-size:14.5px;color:var(--c-ink-45);}
.board-count strong{color:var(--c-primary);}
.board-search{display:flex;gap:8px;}
.board-search select,.board-search input{border:1px solid var(--c-hairline);border-radius:var(--r-pill);padding:10px 16px;font-size:14px;background:#fff;}
.board-search input{width:230px;}
.board-search button{background:var(--c-ink);color:#fff;font-size:14px;font-weight:600;padding:10px 22px;border-radius:var(--r-pill);transition:background var(--motion-hover);}
.board-search button:hover{background:var(--c-primary);}
.board-table{border-top:2px solid var(--c-ink);}
.board-table th{padding:15px 12px;font-size:14px;font-weight:700;color:var(--c-ink-45);border-bottom:1px solid var(--c-hairline);}
.board-table td{padding:17px 12px;font-size:15px;border-bottom:1px solid var(--c-divider);color:var(--c-ink-70);text-align:center;}
.board-table td.ta-l{text-align:left;}
.board-table tbody tr{transition:background var(--motion-hover);}
.board-table tbody tr:hover{background:var(--c-pearl);}
.board-table .bt-title{font-weight:600;color:var(--c-ink);}
.board-table tbody tr:hover .bt-title{color:var(--c-primary);}
.badge-cat{display:inline-block;font-size:12px;font-weight:700;color:var(--c-primary);border:1px solid rgba(41,171,226,.35);border-radius:var(--r-pill);padding:3px 10px;}
.badge-new{display:inline-block;font-size:11px;font-weight:700;color:#fff;background:var(--c-primary);border-radius:var(--r-sm);padding:2px 6px;margin-left:6px;vertical-align:2px;}
.pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:38px;}
.pagination button{min-width:38px;height:38px;border-radius:var(--r-pill);font-size:14px;font-weight:600;color:var(--c-ink-45);border:1px solid transparent;transition:all var(--motion-hover);}
.pagination button:hover{background:var(--c-parchment);color:var(--c-ink);}
.pagination button.active{background:var(--c-primary);color:#fff;}

.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px;}
.filter-row button{padding:9px 20px;border:1px solid var(--c-hairline);border-radius:var(--r-pill);font-size:14.5px;font-weight:600;color:var(--c-ink-45);background:#fff;transition:all var(--motion-hover);}
.filter-row button:hover{border-color:var(--c-primary);color:var(--c-primary);}
.filter-row button.on{background:var(--c-ink);border-color:var(--c-ink);color:#fff;}
.prd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.prd-card{border:1px solid var(--c-hairline);border-radius:var(--r-lg);overflow:hidden;background:#fff;cursor:pointer;transition:all var(--motion-hover);}
.prd-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);border-color:var(--c-primary);}
.prd-thumb{height:210px;overflow:hidden;background:var(--c-parchment);}
.prd-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.16,1,.3,1);}
.prd-card:hover .prd-thumb img{transform:scale(1.07);}
.prd-body{padding:22px 24px 26px;}
.prd-body .pb-cat{font-size:12.5px;font-weight:700;color:var(--c-primary);}
.prd-body h3{font-size:18px;font-weight:700;margin:9px 0 8px;}
.prd-body p{font-size:14.5px;color:var(--c-ink-45);line-height:1.62;}
.prd-spec{display:flex;gap:6px;flex-wrap:wrap;margin-top:15px;}
.prd-spec span{font-size:12.5px;color:var(--c-ink-45);background:var(--c-parchment);border-radius:var(--r-sm);padding:4px 9px;}
.prd-card{box-shadow:var(--shadow-card);}
.prd-card > a{display:block;color:inherit;text-decoration:none;height:100%;}
.prd-card > a:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px;}
.prd-body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.prd-list-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;}
.prd-list-count{font-size:16px;color:var(--c-ink-70);}
.prd-list-count b{color:var(--c-primary);font-weight:700;}
.prd-grid + .paginate{display:flex;gap:8px;justify-content:center;margin-top:32px;flex-wrap:wrap;align-items:center;}
.prd-grid + .paginate a{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 6px;font-size:14px;font-weight:600;text-decoration:none;border-radius:var(--r-pill);color:var(--c-ink-70);}
.prd-grid + .paginate a:hover{background:var(--c-pearl);color:var(--c-primary);}
.prd-grid + .paginate a.on{background:var(--c-primary);color:#fff;}
.prd-grid + .paginate{gap:4px;}
.prd-grid + .paginate a{min-width:38px;width:38px;height:38px;padding:0;border-radius:50%;color:var(--c-ink);background:transparent;font-weight:500;}
.prd-grid + .paginate a:hover{background:var(--c-pearl);color:var(--c-ink);}
.prd-grid + .paginate strong{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;margin:0 3px;border-radius:50%;background:var(--c-primary);color:#fff;font-weight:700;}
.prd-grid + .paginate a.direction{background-color:transparent;background-repeat:no-repeat;background-position:50% 50%;color:transparent;font-size:0;min-width:38px;}
.prd-grid + .paginate a.direction:hover{background-color:transparent;}
.prd-grid + .paginate a.direction.first{background-image:url("/images/bbs/btn_first.png");}
.prd-grid + .paginate a.direction.prev{background-image:url("/images/bbs/btn_prev.png");margin-right:20px;}
.prd-grid + .paginate a.direction.next{background-image:url("/images/bbs/btn_next.png");margin-left:20px;}
.prd-grid + .paginate a.direction.last{background-image:url("/images/bbs/btn_last.png");}
.paginate strong,.paginate a.on{background-color:var(--c-primary);border-color:var(--c-primary);color:#fff;}
.paginate-website{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:40px;}
.paginate-website a,.paginate-website strong{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;padding:0;margin:0;font-size:15px;font-weight:700;line-height:1;border-radius:50%;text-decoration:none;}
.paginate-website a{color:var(--c-ink-70);background:transparent;}
.paginate-website a:hover{background:var(--c-pearl);color:var(--c-primary);}
.paginate-website strong{background:var(--c-primary);color:#fff;}
.paginate-website .direction{width:auto;min-width:24px;color:var(--c-ink-70);font-size:18px;font-weight:500;background:none;}
.paginate-website a.direction{background-image:none;margin:0;}
.paginate-website a.direction span{font-size:18px;line-height:1;text-indent:0;}
.paginate-website .direction.is-off{color:var(--c-ink-45);opacity:.45;}

.detail-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,52px);margin-bottom:clamp(48px,5vw,76px);}
.detail-gallery .dg-main{border:1px solid var(--c-hairline);border-radius:var(--r-lg);overflow:hidden;background:var(--c-parchment);}
.detail-gallery .dg-main img{width:100%;height:clamp(300px,32vw,400px);object-fit:cover;}
.detail-gallery .dg-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px;}
.detail-gallery .dg-thumbs img{height:78px;width:100%;object-fit:cover;border:1px solid var(--c-hairline);border-radius:var(--r-sm);cursor:pointer;transition:all var(--motion-hover);}
.detail-gallery .dg-thumbs img:hover{border-color:var(--c-primary);transform:translateY(-3px);}
.detail-info h2{font-size:clamp(24px,2.4vw,32px);font-weight:700;margin:10px 0 14px;}
.detail-info .di-desc{font-size:16px;color:var(--c-ink-70);line-height:1.8;margin-bottom:24px;}
.detail-info .di-btns{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap;}
.pd-detail-blocks{margin-top:clamp(40px,4vw,64px);padding-top:clamp(40px,4vw,64px);border-top:1px solid var(--c-divider);}
.pd-lead{font-size:clamp(16px,1.4vw,18px);line-height:1.85;color:var(--c-ink-70);max-width:900px;margin-bottom:clamp(36px,4vw,52px);}
.pd-block{margin-bottom:clamp(36px,4vw,52px);}
.pd-block:last-child{margin-bottom:0;}
.pd-block h3{font-size:clamp(19px,1.7vw,23px);font-weight:700;margin-bottom:16px;padding-left:14px;border-left:3px solid var(--c-primary);}
.pd-block .info-table{margin-top:0;}
.pd-block .info-table th{width:220px;}
@media (max-width:640px){.pd-block .info-table th{width:130px;padding:13px 14px;font-size:14px;}.pd-block .info-table td{padding:13px 14px;font-size:14px;}}
.pd-detail-blocks .pd-block h3{padding-bottom:12px;margin-bottom:0;border-bottom:1px solid var(--c-ink);}
.pd-detail-blocks .pd-block .info-table{border-top:none;margin-top:0;}
.pd-detail-blocks .pd-block .info-table th{width:220px;background:var(--c-pearl);font-weight:700;color:var(--c-ink);vertical-align:top;}
.pd-detail-blocks .pd-block .info-table td{color:var(--c-ink-70);line-height:1.7;}
.pd-detail-blocks .pd-lead{margin-bottom:clamp(28px,3vw,40px);}

/* ===== ?듯빀 寃€??(search-page) ===== */
.search-box{display:flex;align-items:center;gap:12px;max-width:720px;margin:0 auto;padding:6px 6px 6px 22px;border:1px solid var(--c-hairline);border-radius:var(--r-pill);background:#fff;box-shadow:0 6px 24px rgba(20,22,28,.06);transition:border-color .2s,box-shadow .2s;}
.search-box:focus-within{border-color:var(--c-primary);box-shadow:0 8px 30px rgba(0,73,148,.12);}
.search-box .ic{width:20px;height:20px;opacity:.5;flex:none;}
.search-box input{flex:1;border:none;background:transparent;font-size:16px;color:var(--c-ink);padding:14px 0;}
.search-box input:focus{outline:none;}
.search-box button{flex:none;background:var(--c-primary);color:#fff;font-size:15px;font-weight:700;padding:13px 30px;border-radius:var(--r-pill);transition:background var(--motion-hover);}
.search-box button:hover{background:var(--c-primary-deep);}
.search-hints{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px;margin-top:20px;}
.search-hints .sh-label{font-size:13px;font-weight:700;color:var(--c-ink-45);margin-right:2px;}
.search-hints button{font-size:13.5px;color:var(--c-ink-70);background:var(--c-parchment);border:1px solid var(--c-divider);padding:8px 15px;border-radius:var(--r-pill);transition:all var(--motion-hover);}
.search-hints button:hover{background:var(--c-primary);color:#fff;border-color:var(--c-primary);}
.prd-filter-panel{border:1px solid var(--c-hairline);border-radius:var(--r-lg);background:#fff;margin-bottom:32px;overflow:hidden;}
.prd-filter-head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--c-divider);background:var(--c-pearl);}
.prd-filter-head strong{font-size:15.5px;font-weight:700;}
.prd-filter-toggle{font-size:13.5px;font-weight:600;color:var(--c-ink-45);padding:6px 14px;border:1px solid var(--c-hairline);border-radius:var(--r-pill);background:#fff;transition:all var(--motion-hover);}
.prd-filter-toggle:hover{border-color:var(--c-primary);color:var(--c-primary);}
.prd-filter-body{display:flex;min-height:260px;}
.prd-filter-body.collapsed{display:none;}
.prd-filter-nav{flex:none;width:200px;padding:14px 10px;border-right:1px solid var(--c-divider);}
.pfn-group-label{font-size:12px;font-weight:700;color:var(--c-ink-45);text-transform:uppercase;padding:14px 12px 6px;}
.prd-filter-nav button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;font-size:14.5px;font-weight:600;color:var(--c-ink-70);padding:11px 12px;border-radius:var(--r-sm);transition:all var(--motion-hover);}
.prd-filter-nav button:hover{background:var(--c-pearl);color:var(--c-ink);}
.prd-filter-nav button.on{background:rgba(0,73,148,.08);color:var(--c-primary);}
.pfn-badge{font-size:11.5px;font-weight:700;color:#fff;background:var(--c-primary);border-radius:var(--r-pill);padding:1px 7px;}
.prd-filter-detail{flex:1;padding:20px 24px;min-width:0;}
.pfd-head strong{font-size:15px;font-weight:700;}
.pfd-list{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 18px;max-height:220px;overflow-y:auto;margin-top:12px;}
.pfd-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 6px;font-size:14px;color:var(--c-ink-70);border-radius:var(--r-sm);cursor:pointer;transition:background var(--motion-hover);}
.pfd-item:hover{background:var(--c-pearl);}
.pfd-check{display:flex;align-items:center;gap:9px;}
.pfd-check input{width:16px;height:16px;accent-color:var(--c-primary);}
.pfd-count{font-size:12.5px;color:var(--c-ink-45);}
.pfd-empty{font-size:13.5px;color:var(--c-ink-45);padding:20px 0;}
.pfd-pane{display:none;}
.pfd-pane.is-on{display:block;}
.prd-fn-label{font-size:12px;font-weight:700;color:var(--c-ink-45);text-transform:uppercase;padding:14px 12px 6px;}
.prd-filter-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;border-top:1px solid var(--c-divider);flex-wrap:wrap;}
.prd-filter-actions .prd-search{display:flex;gap:8px;flex:1;max-width:360px;}
.prd-filter-actions .prd-search input{flex:1;border:1px solid var(--c-hairline);border-radius:var(--r-pill);padding:10px 16px;font-size:14px;}
.prd-filter-actions .prd-search button{background:var(--c-ink);color:#fff;font-size:13.5px;font-weight:600;padding:10px 18px;border-radius:var(--r-pill);}
.prd-ai-badge{display:inline-block;margin-left:8px;padding:3px 10px;border-radius:var(--r-pill);font-size:11px;font-weight:700;color:var(--c-primary);background:rgba(0,73,148,.08);vertical-align:middle;}
.prd-filter-actions-right{display:flex;gap:10px;align-items:center;}
.btn-ghost{font-size:13.5px;font-weight:600;color:var(--c-ink-45);padding:9px 16px;border:1px solid var(--c-hairline);border-radius:var(--r-pill);background:#fff;transition:all var(--motion-hover);}
.btn-ghost:hover{border-color:var(--c-primary);color:var(--c-primary);}
@media (max-width:1080px){
  .prd-filter-body{flex-direction:column;}
  .prd-filter-nav{width:100%;border-right:none;border-bottom:1px solid var(--c-divider);display:flex;flex-wrap:wrap;gap:4px;padding:12px;}
  .pfn-group-label{width:100%;padding:6px 4px 2px;}
  .prd-filter-nav button{width:auto;flex:none;}
  .pfd-list{grid-template-columns:1fr;}
  .prd-filter-actions{flex-direction:column;align-items:stretch;}
  .prd-filter-actions .prd-search{max-width:none;}
}
.search-summary{margin:clamp(34px,4vw,48px) 0 18px;font-size:16px;color:var(--c-ink-70);}
.search-summary b{color:var(--c-primary);font-weight:700;}
.search-summary.page-hidden{display:none;}
.search-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--c-divider);padding-bottom:16px;margin-bottom:8px;}
.search-tabs.page-hidden{display:none;}
.search-tab{font-size:14px;font-weight:600;color:var(--c-ink-45);padding:8px 16px;border-radius:var(--r-pill);cursor:pointer;transition:all var(--motion-hover);}
.search-tab:hover{color:var(--c-ink);background:var(--c-parchment);}
.search-tab.active{background:var(--c-ink);color:#fff;}
.search-tab .cnt{opacity:.6;margin-left:4px;font-weight:500;}
.search-result-list{display:flex;flex-direction:column;}
.search-result-item{display:flex;gap:20px;padding:22px 4px;border-bottom:1px solid var(--c-divider);cursor:pointer;transition:background .2s;}
.search-result-item:hover{background:var(--c-parchment);}
.search-result-item .sr-thumb{flex:none;width:104px;height:78px;border-radius:var(--r-sm);overflow:hidden;background:var(--c-parchment);}
.search-result-item .sr-thumb img{width:100%;height:100%;object-fit:cover;}
.search-result-item .sr-body{flex:1;min-width:0;}
.search-result-item .sr-type{display:inline-block;font-size:11.5px;font-weight:700;color:var(--c-accent);background:rgba(0,139,210,.1);padding:3px 10px;border-radius:var(--r-pill);margin-bottom:8px;}
.search-result-item .sr-title{font-size:17px;font-weight:700;margin-bottom:6px;color:var(--c-ink);}
.search-result-item .sr-desc{font-size:14px;color:var(--c-ink-70);line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.search-result-item .sr-meta{font-size:12.5px;color:var(--c-ink-45);margin-top:8px;}
.search-empty{text-align:center;padding:clamp(56px,8vw,90px) 0;}
.search-empty .ic{width:44px;height:44px;opacity:.25;margin-bottom:16px;}
.search-empty strong{display:block;font-size:19px;font-weight:700;margin-bottom:8px;}
.search-empty p{font-size:15px;color:var(--c-ink-45);}
@media (max-width:640px){.search-box{padding:4px 4px 4px 16px;}.search-box button{padding:11px 18px;}.search-result-item .sr-thumb{width:76px;height:60px;}}

.faq-list{border-top:2px solid var(--c-ink);}
.faq-item{border-bottom:1px solid var(--c-divider);}
.faq-q{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:22px 14px;font-size:16.5px;font-weight:600;transition:all var(--motion-hover);border:none;background:transparent;cursor:pointer;font-family:inherit;color:inherit;}
.faq-q:hover{background:var(--c-pearl);color:var(--c-primary);}
.faq-q .qmark{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--c-primary);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.faq-q .qtxt{flex:1;}
.faq-q .faq-cat{display:inline-block;margin-right:10px;padding:3px 10px;border-radius:var(--r-pill);font-size:12px;font-weight:700;line-height:1.3;color:var(--c-primary);background:color-mix(in srgb, var(--c-primary) 12%, #fff);border:1px solid color-mix(in srgb, var(--c-primary) 28%, transparent);vertical-align:middle;}
.faq-q .qsign{flex-shrink:0;display:flex;align-items:center;opacity:.5;transition:transform var(--motion-hover),opacity var(--motion-hover);}
.faq-q .qsign .ic{width:18px;height:18px;display:block;}
.faq-item.open .qsign{transform:rotate(180deg);opacity:1;}
.faq-a{display:none;padding:6px 14px 26px 54px;font-size:15.5px;color:var(--c-ink-70);line-height:1.85;}
.faq-item.open .faq-a{display:block;}

.form-wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(28px,4vw,56px);align-items:start;}
.form-box{border:1px solid var(--c-hairline);border-radius:var(--r-lg);padding:clamp(26px,3vw,40px);background:#fff;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.form-group{margin-bottom:18px;}
.form-label{display:block;font-size:14px;font-weight:700;margin-bottom:8px;}
.form-label i{color:var(--c-primary);font-style:normal;}
.form-input,.form-textarea,.form-select{width:100%;border:1px solid var(--c-hairline);border-radius:var(--r-md);padding:13px 16px;font-size:15px;background:#fff;transition:border-color var(--motion-hover),box-shadow var(--motion-hover);}
.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(41,171,226,.14);}
.form-textarea{min-height:150px;resize:vertical;line-height:1.7;}
.form-agree{display:flex;align-items:flex-start;gap:9px;font-size:14px;color:var(--c-ink-70);background:var(--c-pearl);border-radius:var(--r-md);padding:15px 17px;margin-bottom:22px;line-height:1.6;}
.form-agree input{margin-top:3px;}
.form-side{background:var(--c-parchment);border-radius:var(--r-lg);padding:clamp(24px,2.6vw,34px);}
.form-side h3{font-size:19px;font-weight:700;margin-bottom:18px;}
.form-side .fs-row{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--c-hairline);}
.form-side .fs-row:last-child{border-bottom:none;}
.form-side .fs-row strong{flex-shrink:0;width:64px;font-size:13.5px;color:var(--c-ink-45);}
.form-side .fs-row span{font-size:14.5px;font-weight:600;}
.form-side .map-frame{margin-top:20px;}
.form-side .cms-map-view{height:200px;}

.login-wrap{max-width:440px;margin:0 auto;}
.login-wrap .form-box{padding:clamp(30px,3.4vw,44px);}
.login-head{text-align:center;margin-bottom:28px;}
.login-head img{height:30px;margin:0 auto 18px;}
.login-head h2{font-size:24px;font-weight:700;}
.login-head p{font-size:14.5px;color:var(--c-ink-45);margin-top:9px;}
.form-submit{width:100%;background:var(--c-primary);color:#fff;font-size:16px;font-weight:600;padding:15px;border-radius:var(--r-pill);transition:all var(--motion-hover);}
.form-submit:hover{background:var(--c-primary-deep);transform:scale(1.02);}
.login-alt{display:flex;justify-content:center;gap:14px;margin-top:20px;font-size:14px;color:var(--c-ink-45);}
.login-alt a{font-weight:600;transition:color .2s;}
.login-alt a:hover{color:var(--c-primary);}
.login-notice{font-size:13px;color:var(--c-ink-45);text-align:center;margin-top:24px;line-height:1.7;background:var(--c-pearl);border-radius:var(--r-md);padding:14px 16px;}

/* history timeline */
.history-timeline{position:relative;margin-top:clamp(40px,4vw,60px);padding-left:clamp(14px,2vw,30px);}
.history-timeline::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:1px;background:var(--c-hairline);}
.history-year{position:relative;display:grid;grid-template-columns:150px 1fr;gap:clamp(20px,3vw,44px);padding:clamp(24px,2.6vw,38px) 0;}
.history-year::before{content:"";position:absolute;left:calc(clamp(14px,2vw,30px) * -1);top:calc(clamp(24px,2.6vw,38px) + 12px);width:9px;height:9px;margin-left:-4px;border-radius:50%;background:var(--c-primary);box-shadow:0 0 0 4px #fff;}
.history-year + .history-year{border-top:1px solid var(--c-divider);}
.hy-num{font-family:var(--font-eng);font-size:clamp(28px,3vw,40px);font-weight:700;color:var(--c-primary);line-height:1;}
.history-item{display:flex;gap:16px;padding:9px 0;}
.history-item .hi-month{flex-shrink:0;width:44px;font-family:var(--font-eng);font-size:14px;font-weight:700;color:var(--c-ink-45);padding-top:2px;}
.history-item .hi-text{font-size:15.5px;color:var(--c-ink-70);line-height:1.7;}

/* archive (download) list */
.archive-gate{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:var(--c-pearl);border-radius:var(--r-md);padding:16px 22px;margin-bottom:24px;font-size:14.5px;color:var(--c-ink-70);}
.board-website-wrap[data-sub-pattern="SPG-archive"] .archive-gate{width:100%;max-width:none;}
.archive-gate .btn-outline{padding:9px 22px;font-size:14px;}
.archive-list{border-top:2px solid var(--c-ink);}
.archive-item{display:grid;grid-template-columns:1fr 110px 150px 110px 130px;align-items:center;gap:16px;padding:18px 12px;border-bottom:1px solid var(--c-divider);transition:background var(--motion-hover);}
.archive-item:hover{background:var(--c-pearl);}
.archive-item.is-head{padding:15px 12px;border-bottom:1px solid var(--c-hairline);font-size:14px;font-weight:700;color:var(--c-ink-45);}
.archive-item.is-head:hover{background:none;}
.ai-title{display:flex;align-items:center;gap:12px;min-width:0;}
.ai-title .ic{flex-shrink:0;width:22px;height:22px;}
.ai-title-link{display:block;min-width:0;color:inherit;text-decoration:none;}
.ai-title-link:hover{text-decoration:none;}
.ai-title strong{font-size:15.5px;font-weight:600;color:var(--c-ink);line-height:1.5;}
.archive-item:hover .ai-title strong{color:var(--c-primary);}
.archive-item:hover .ai-title-link strong{color:var(--c-primary);}
.ai-meta{font-size:14px;color:var(--c-ink-45);text-align:center;}
.ai-type{display:inline-block;font-family:var(--font-eng);font-size:11.5px;font-weight:700;color:var(--c-ink-45);border:1px solid var(--c-hairline);border-radius:var(--r-sm);padding:2px 7px;margin-right:6px;}
.ai-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:9px 14px;border:1.5px solid var(--c-hairline);border-radius:var(--r-pill);font-size:13.5px;font-weight:600;color:var(--c-ink);white-space:nowrap;transition:all var(--motion-hover);}
.ai-btn .ic{width:15px;height:15px;flex-shrink:0;}
.ai-btn:hover{border-color:var(--c-primary);color:var(--c-primary);}
.ai-btn.is-locked{border-style:dashed;color:var(--c-ink-45);}
.ai-btn.is-locked:hover{border-color:var(--c-primary);color:var(--c-primary);}

/* community 쨌 gallery (SPG-gallery) */
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.gallery-card{position:relative;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--c-hairline);cursor:pointer;transition:transform var(--motion-hover),box-shadow var(--motion-hover);}
.gallery-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);}
.gallery-card .gc-thumb{aspect-ratio:4/3;overflow:hidden;background:var(--c-parchment);}
.gallery-card .gc-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.16,1,.3,1);}
.gallery-card:hover .gc-thumb img{transform:scale(1.07);}
.gallery-card .gc-overlay{position:absolute;left:0;right:0;bottom:0;padding:34px 18px 15px;background:linear-gradient(180deg,transparent,rgba(23,41,75,.82));}
.gallery-card .gc-title{font-size:15px;font-weight:600;color:#fff;line-height:1.45;}
.gallery-card .gc-date{display:block;font-family:var(--font-eng);font-size:12px;font-weight:500;color:rgba(255,255,255,.75);margin-top:4px;}

/* community 쨌 events (SPG-board card) */
.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.event-card{display:flex;flex-direction:column;border:1px solid var(--c-hairline);border-radius:var(--r-lg);overflow:hidden;background:#fff;cursor:pointer;transition:transform var(--motion-hover),box-shadow var(--motion-hover),border-color var(--motion-hover);}
.event-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);border-color:var(--c-primary);}
.event-card .ec-thumb{position:relative;height:186px;overflow:hidden;background:var(--c-parchment);}
.event-card .ec-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.16,1,.3,1);}
.event-card:hover .ec-thumb img{transform:scale(1.07);}
.event-badge{position:absolute;top:14px;left:14px;font-size:12px;font-weight:700;color:#fff;border-radius:var(--r-pill);padding:5px 13px;}
.event-badge.on{background:var(--c-primary);}
.event-badge.upcoming{background:#0f9d58;}
.event-badge.end{background:#8a94a6;}
.event-card .ec-body{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1;}
.event-card .ec-title{font-size:18px;font-weight:700;line-height:1.4;}
.event-card .ec-meta{margin-top:15px;display:flex;flex-direction:column;gap:8px;}
.event-card .ec-meta span{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--c-ink-45);}
.event-card .ec-meta .ic{width:16px;height:16px;flex-shrink:0;}

/* community 쨌 promotion center (SPG-gallery, YouTube grid) */
.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.promo-card{border:1px solid var(--c-hairline);border-radius:var(--r-lg);overflow:hidden;background:#fff;transition:transform var(--motion-hover),box-shadow var(--motion-hover);}
.promo-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);}
.promo-embed{position:relative;height:0;padding-bottom:56.25%;overflow:hidden;background:var(--c-parchment);}
.promo-embed iframe{position:absolute;top:0;left:0;width:100% !important;height:100% !important;border:0;}
.promo-card .pc-body{padding:18px 20px 22px;}
.promo-card .pc-title{font-size:16px;font-weight:600;line-height:1.4;}
.promo-card .pc-meta{display:flex;align-items:center;gap:8px;margin-top:10px;}
.promo-card .pc-date{font-family:var(--font-eng);font-size:12.5px;font-weight:500;color:var(--c-ink-45);}
.promo-channel-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--r-pill);background:#ff0000;color:#fff;font-size:14.5px;font-weight:600;white-space:nowrap;transition:all var(--motion-hover);}
.promo-channel-btn:hover{background:#d90000;transform:translateY(-1px);}
.promo-channel-btn .ic{width:20px;height:20px;flex-shrink:0;}

/* community 쨌 schedule (SB) */
.sched-head{display:flex;align-items:center;justify-content:center;gap:22px;margin-bottom:30px;}
.sched-head button{width:40px;height:40px;border-radius:50%;border:1px solid var(--c-hairline);display:flex;align-items:center;justify-content:center;transition:all var(--motion-hover);}
.sched-head button:hover{border-color:var(--c-primary);background:var(--c-pearl);}
.sched-head button .ic{width:18px;height:18px;}
.sched-head .sched-ym{font-family:var(--font-eng);font-size:24px;font-weight:700;color:var(--c-ink);min-width:190px;text-align:center;}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);border-top:2px solid var(--c-ink);border-left:1px solid var(--c-divider);}
.cal-cell{min-height:96px;padding:9px 10px;border-right:1px solid var(--c-divider);border-bottom:1px solid var(--c-divider);font-size:13.5px;}
.cal-cell.head{min-height:0;text-align:center;padding:12px 0;font-weight:700;color:var(--c-ink-45);background:var(--c-pearl);}
.cal-cell.head.sun{color:#d94b4b;}
.cal-cell.empty{background:#fafbfc;}
.cal-cell .cal-num{font-family:var(--font-eng);font-weight:600;color:var(--c-ink-70);}
.cal-cell.today .cal-num{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 6px;border-radius:999px;background:var(--c-primary);color:#fff;}
.cal-cell.sun .cal-num{color:#d94b4b;}
.cal-cell .cal-ev{margin-top:6px;display:flex;flex-direction:column;gap:4px;}
.cal-cell .cal-tag{font-size:11.5px;font-weight:600;line-height:1.3;padding:3px 7px;border-radius:var(--r-sm);background:rgba(0,73,148,.09);color:var(--c-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cal-cell .cal-tag.holiday{background:rgba(217,75,75,.1);color:#d94b4b;}
.sched-list{margin-top:40px;border-top:2px solid var(--c-ink);}
.sched-item{display:flex;align-items:center;gap:20px;padding:18px 12px;border-bottom:1px solid var(--c-divider);transition:background var(--motion-hover);}
.sched-item:hover{background:var(--c-pearl);}
.sched-item .si-date{flex-shrink:0;width:96px;font-family:var(--font-eng);font-size:14px;font-weight:600;color:var(--c-primary);}
.sched-item .si-type{flex-shrink:0;font-size:12px;font-weight:700;color:var(--c-ink-45);border:1px solid var(--c-hairline);border-radius:var(--r-pill);padding:3px 11px;}
.sched-item .si-title{font-size:15.5px;font-weight:600;color:var(--c-ink);}
.sched-empty{padding:40px 12px;text-align:center;font-size:14.5px;color:var(--c-ink-45);}

/* schedule2 FullCalendar */
.schedule-fc{margin-bottom:8px;}
.schedule-fc .fc-toolbar-title{font-family:var(--font-eng);font-size:24px;font-weight:700;color:var(--c-ink);}
.schedule-fc .fc-button{background:#fff;border:1px solid var(--c-hairline);border-radius:50%;width:40px;height:40px;padding:0;box-shadow:none;}
.schedule-fc .fc-button:hover{background:var(--c-pearl);border-color:var(--c-primary);}
.schedule-fc .fc-button:focus{box-shadow:none;}
.schedule-fc .fc-col-header-cell{background:var(--c-pearl);border-color:var(--c-divider);}
.schedule-fc .fc-col-header-cell-cushion{font-weight:700;color:var(--c-ink-45);padding:12px 0;}
.schedule-fc .fc-daygrid-day-number{font-family:var(--font-eng);font-weight:600;color:var(--c-ink-70);}
.schedule-fc .fc-day-sun .fc-daygrid-day-number{color:#d94b4b;}
.schedule-fc .fc-day-today .fc-daygrid-day-number{background:var(--c-primary);color:#fff;border-radius:999px;min-width:36px;height:32px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1;}
.schedule-fc .fc-event{font-size:11.5px;font-weight:600;border:none;border-radius:var(--r-sm);padding:2px 6px;cursor:pointer;}
.schedule-fc .fc-event.fc-event-holiday{background:rgba(217,75,75,.12)!important;border-color:transparent!important;color:#d94b4b!important;--fc-event-bg-color:rgba(217,75,75,.12);--fc-event-border-color:transparent;--fc-event-text-color:#d94b4b;}
.schedule-fc .fc-event.fc-event-sched{background:rgba(0,73,148,.09)!important;border-color:transparent!important;color:var(--c-primary)!important;--fc-event-bg-color:rgba(0,73,148,.09);--fc-event-border-color:transparent;--fc-event-text-color:var(--c-primary);}
.schedule-fc .fc-event .fc-event-title,.schedule-fc .fc-event .fc-event-main,.schedule-fc .fc-daygrid-event{color:inherit!important;}
.schedule-fc .fc-event.fc-event-holiday .fc-event-title{color:#d94b4b!important;}
.schedule-fc .fc-event.fc-event-sched .fc-event-title{color:var(--c-primary)!important;}
.schedule-fc .fc-scrollgrid{border-top:2px solid var(--c-ink);}
.sched-list .sched-item{text-decoration:none;color:inherit;}
.promo-embed--empty{display:flex;align-items:center;justify-content:center;min-height:180px;background:var(--c-parchment);color:var(--c-ink-45);font-size:14px;text-decoration:none;}
.promo-embed--detail{position:relative;height:0;padding-bottom:56.25%;margin-bottom:28px;border-radius:var(--r-lg);overflow:hidden;}
.promo-embed--detail iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}
.promo-card .pc-title a{color:inherit;text-decoration:none;}
.promo-card .pc-title a:hover{color:var(--c-primary);}

/* empty state */
.board-view{border-top:2px solid var(--c-ink);}
.board-view-head{padding:26px 14px 20px;border-bottom:1px solid var(--c-hairline);}
.board-view-head h2{font-size:clamp(20px,2.1vw,27px);font-weight:700;line-height:1.45;margin-top:12px;}
.board-view-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;font-size:13.5px;color:var(--c-ink-45);}
.board-view-meta .bvm-sep{color:var(--c-hairline);}
.board-view-body{padding:clamp(28px,3vw,44px) 14px;font-size:16px;color:var(--c-ink-70);line-height:1.9;border-bottom:1px solid var(--c-divider);}
.board-view-body p{margin-bottom:20px;}
.board-view-body p:last-child{margin-bottom:0;}
.board-view-file{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 14px;border-bottom:1px solid var(--c-divider);font-size:14px;}
.board-view-file > strong{font-size:13.5px;font-weight:700;color:var(--c-ink-45);}
.bvf-item{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--c-ink);transition:color var(--motion-hover);}
.bvf-item .ic{width:16px;height:16px;}
.bvf-item:hover{color:var(--c-primary);}
.board-view-nav{border-bottom:1px solid var(--c-divider);}
.bvn-row{display:flex;align-items:center;gap:16px;width:100%;text-align:left;padding:15px 14px;border-bottom:1px solid var(--c-divider);transition:background var(--motion-hover);}
.bvn-row:last-child{border-bottom:none;}
.bvn-row:hover{background:var(--c-pearl);}
.bvn-row.is-off{cursor:default;color:var(--c-ink-45);}
.bvn-row.is-off:hover{background:none;}
.bvn-row .bvn-label{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;width:96px;font-size:13.5px;font-weight:700;color:var(--c-ink-45);}
.bvn-row .bvn-label .ic{width:15px;height:15px;}
.bvn-row .bvn-title{font-size:15px;color:var(--c-ink-70);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bvn-row:hover .bvn-title{color:var(--c-primary);}

/* empty state */
.empty-state{text-align:center;padding:clamp(56px,6vw,90px) 20px;border-bottom:1px solid var(--c-divider);}
.empty-state .ic{width:34px;height:34px;margin:0 auto 18px;opacity:.35;}
.empty-state strong{display:block;font-size:18px;font-weight:700;}
.empty-state p{font-size:14.5px;color:var(--c-ink-45);margin-top:9px;line-height:1.7;}
.empty-state .btn-outline{margin-top:22px;padding:10px 24px;font-size:14px;}



/* popup layer */
.admin-popup {border-radius:16px; box-shadow:0 0 15px rgba(0,0,0,.3); z-index:1001 !important;}
.admin-popup-inner {overflow:hidden; border-radius:16px;}

.admin-popup-close {display:flex; width:100%; height:70px; background:#f2f2f2; color:#242424; font-size:17px; font-weight:700; line-height:1.6em;}
.admin-popup-close-check {flex:1 1 auto; min-width:0; width:1%; position:relative; overflow:hidden;}
.admin-popup-close-check input {position:absolute; top:0; left:0; width:0; height:0; border:0; opacity:0; z-index:-1;}
.admin-popup-close-check label {display:flex; align-items:center; height:100%; padding:0 15px 0 30px;}
.admin-popup-close-check label svg {vertical-align:middle; margin:-.1em 8px 0 0;}
.admin-popup-close-check input:checked + label path {fill:#454545;}
.admin-popup-close-check input:focus + label {outline:2px solid highlight;}
.admin-popup-close-btn {position:relative; width:30%; max-width:130px; height:100%; display:flex; align-items:center; justify-content:center; text-align:center;}
.admin-popup-close-btn:before {content:""; position:absolute; top:50%; left:0; width:1px; height:24px; background:#ddd; margin-top:-12px;}

.admin-popup-video {position:relative; height:0; padding-bottom:56.25%; overflow:hidden;}
.admin-popup-video video,
.admin-popup-video iframe {position:absolute; top:0; left:0; width:100% !important; height:100% !important;}


.adm-pop-for {position:relative;}
.adm-pop-for img {width:100%;}
.adm-pop-for:hover .adm-slider-arrow {opacity:1;}

.adm-slider-arrow {position:absolute; top:50%; margin-top:-45px; width:60px; height:90px; background-color:rgba(0,0,0,.3); background-position:50% 50%; background-repeat:no-repeat; border-radius:10px; overflow:hidden; font-size:0; line-height:0; text-indent:-99999em; opacity:0; transition:opacity .2s; z-index:20;}
.adm-slider-arrow:hover {background-color:rgba(0,0,0,.5);}
.adm-slider-arrow.prev {left:6px; background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAlCAYAAACgc9J8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMi1jMDAwIDc5LjU2NmViYzViNCwgMjAyMi8wNS8wOS0wODoyNTo1NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIzNDlFNjJCRDc2NDExRURCMTU1QUQ3RTRFODY4MkEyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIzNDlFNjJDRDc2NDExRURCMTU1QUQ3RTRFODY4MkEyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjM0OUU2MjlENzY0MTFFREIxNTVBRDdFNEU4NjgyQTIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjM0OUU2MkFENzY0MTFFREIxNTVBRDdFNEU4NjgyQTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6hA64oAAAA2UlEQVR42qzW7QnCMBAG4Cb0l47hHoVu4BLihjqGA7iBbuCfeCcE0pqPu3sv8EJ7KU9Lmx4JKaXJYRwop9kJulMeAXyyDD0plwhAxxKipAhAtxLiYvSCLFgT0mJdSIMNISkmgiSYGBphKqiHqaEWZoJqmBnaYxBUYjCUMReIB/czbiMfyhmBfoOwhfKmrNwokeQDF7A8gcF9AQJrRTPYmmDwpQV7k2pwdIEKlNxRDErfhwjUfK0hqF1LXdCy0pug9T+sgkiX+AMnsO1sQBTbgMFpT7tQrl8BBgAE+R3wABoU1wAAAABJRU5ErkJggg==");}
.adm-slider-arrow.next {right:6px; background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAmCAYAAAAm56DSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMi1jMDAwIDc5LjU2NmViYzViNCwgMjAyMi8wNS8wOS0wODoyNTo1NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI2QTVBQkQ1RDc2NDExRURBNzc4OEUzMjFDNEIyMEZFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI2QTVBQkQ2RDc2NDExRURBNzc4OEUzMjFDNEIyMEZFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjZBNUFCRDNENzY0MTFFREE3Nzg4RTMyMUM0QjIwRkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjZBNUFCRDRENzY0MTFFREE3Nzg4RTMyMUM0QjIwRkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz56/twdAAABZ0lEQVR42qzUy0rDQBQG4OnRqlQRxIortfX2PGrrwp312iI+gQ/jFV34AK7c+BzibeULaC8I8T9yBkJIJzNzDPwJmSQfJ5nMKSVJsmiM+UQGRrkRcobcIWNarITKGLlHfpAdTYUkD28jZeRWUyHJkcEmMi5gWYNZsIFMxIKUOWdwC6kIOKrBLLgZA9KQcQtOCTiiwaJAKrjeF3DaBySP6hncEPDGBZLnt7UVzrhACpj5nlTI4HUeSIH/ZU8qnEWusiBFrJquVFhFLtMgRa7prlQ4h1xYkBTt61vAeeScQe5n2p7Iy+4BeSaj3xaQOvJkuDJF1pEPZPfvDZXQO9KyY7HQmlTUSo9roL3stVBodRgUijmhEGxFoH3XfSHQQdG9RdCyTP+hzxv4QEe+39UFvSHHIbOdN1gXqB36D+ZBr0gnZmWkT2oaKI1Z6ETTRXi3hLxoIYs9IqdaiMNtexJd8usfOq75FWAAzrURBGIvJQYAAAAASUVORK5CYII=");}

.adm-pop-pager {position:absolute; top:10px; right:10px; background:rgba(0,0,0,.8); color:#fff; font-size:14px; font-weight:400; line-height:1.2em; padding:6px 10px; border-radius:30px;}

.adm-pop-nav {text-align:center; border:1px solid #ddd;}
.adm-pop-nav a {display:flex !important; flex-direction:column; justify-content:center; align-items:center; padding:20px; height:100px; color:#999; font-size:20px; font-weight:400; line-height:1.4em; background:#eee; border-left:1px solid #ddd; transition:none;}
.adm-pop-nav .slick-slide:first-child a {border-left:0;}
.adm-pop-nav .slick-current a {color:#333; font-weight:500; background:#fff;}

@media (max-width: 640px) {
 .admin-popup {top:100px !important; left:50% !important; width:100%; max-width:90%; transform:translateX(-50%);}
 .admin-popup table {width:100% !important; height:auto !important;}

 .adm-slider-arrow {width:40px; height:60px; margin-top:-30px; background-size:12px auto;}

 .adm-pop-pager {font-size:12px; padding:5px 8px;}

 .adm-pop-nav a {height:76px; font-size:16px; padding:8px;}

 .admin-popup-close  {height:56px; font-size:16px;}
 .admin-popup-close-check label {padding:0 10px 0 16px;}
}

/* 페이지 빌더 — AI 제품 검색 (카테고리) 위젯 래퍼 */
.pb-widget-ai-product-cat {max-width:100%;margin:0 auto;}
.pb-widget-ai-product-cat .prd-filter-panel {margin-bottom:24px;}
.pb-widget-ai-product-cat .prd-list-bar {margin-bottom:16px;}