@charset "utf-8";

main.sub-page:has(.login-layout--figma) > .sub-hero,main.sub-page:has(.member-signup-flow) > .sub-hero,main.sub-page:has(#member-mypage-page) > .sub-hero{display:none}
main.sub-page:has(.login-layout--figma) .lnb-wrap,main.sub-page:has(.member-signup-flow) .lnb-wrap,main.sub-page:has(#member-mypage-page) .lnb-wrap{display:none}
/* sub — PB desktop. responsive rules are applied later. */
main.sub-page:has(#popup-list-page) > .sub-hero,main.sub-page:has(#popup-detail-page) > .sub-hero,main.sub-page:has(#artwork-artist-page) > .sub-hero,main.sub-page:has(#artwork-detail-page) > .sub-hero,main.sub-page:has(#artist-page) > .sub-hero,main.sub-page:has(#trend-list-page) > .sub-hero,main.sub-page:has(#trend-detail-page) > .sub-hero,main.sub-page:has(#interview-list-page) > .sub-hero,main.sub-page:has(#interview-detail-page) > .sub-hero,main.sub-page:has(#notice-list-page) > .sub-hero,main.sub-page:has(#notice-detail-page) > .sub-hero{display:none}
main.sub-page:has(#popup-list-page) .lnb-wrap,main.sub-page:has(#popup-detail-page) .lnb-wrap,main.sub-page:has(#artwork-artist-page) .lnb-wrap,main.sub-page:has(#artwork-detail-page) .lnb-wrap,main.sub-page:has(#artist-page) .lnb-wrap,main.sub-page:has(#trend-list-page) .lnb-wrap,main.sub-page:has(#trend-detail-page) .lnb-wrap,main.sub-page:has(#interview-list-page) .lnb-wrap,main.sub-page:has(#interview-detail-page) .lnb-wrap,main.sub-page:has(#notice-list-page) .lnb-wrap,main.sub-page:has(#notice-detail-page) .lnb-wrap{display:none}

/* Popup list — plan1 work-r1 #popup-list-page (Figma 15000:2215) */
#container:has(#popup-list-page){width:100%;max-width:none;margin:0;padding:0}
#contArea:has(#popup-list-page){width:100%;max-width:none;margin:0;padding:0}
#contArea:has(#popup-list-page) .real-cont{padding:0;border:0;min-height:0}
#popup-list-page{width:100%;max-width:none;margin:0}
.popup-path{display:flex;align-items:center;gap:10px}
.popup-path-home{display:flex;width:20px;height:20px;flex-shrink:0}
.popup-path-home img{width:20px;height:20px;display:block}
.popup-path-dot{width:3px;height:3px;flex-shrink:0}
.popup-path-section{font-size:clamp(16px,1.04vw,20px);font-weight:500;color:#aaa;line-height:1.7;letter-spacing:-0.02em;white-space:nowrap}
.popup-path-current{font-size:clamp(16px,1.04vw,20px);font-weight:500;color:#ff511f;line-height:1.7;letter-spacing:-0.02em;white-space:nowrap}
/* 목록 상단 — .page-hero / .board-bar. 페이지 아이디 없이 재사용 */
.page-hero{position:relative;height:auto;overflow:visible;background:#fff;padding-top:clamp(64px,6.25vw,120px);padding-bottom:clamp(48px,5.2vw,100px);padding-inline:max(56px,calc((100% - 1440px) / 2));border-bottom:0;box-sizing:border-box}
.page-hero .sub-hero-inner{display:flex;flex-direction:column;justify-content:flex-start;width:100%;max-width:none;margin:0}
.page-hero.sub-hero .popup-path{margin-bottom:20px}
.page-hero .page-hero-title{margin:0;font-size:clamp(36px,3.33vw,64px);font-weight:600;color:#2c2c2c;letter-spacing:-0.02em;line-height:1.22}
.page-hero.sub-hero .page-hero-title{margin:0 0 30px}
.page-hero .page-hero-desc,.page-hero .sub-hero-desc,#popup-list-page .popup-page-desc,#artwork-artist-page .artwork-page-desc{margin:0;font-size:clamp(16px,1.15vw,22px);font-weight:400;color:#676767;line-height:1.64;letter-spacing:-0.02em;max-width:none}
#artwork-artist-page .artwork-page-hero{padding-top:120px;padding-bottom:100px}
.board-bar{display:flex;flex-direction:column;align-items:flex-end;gap:40px;width:100%;margin:0;min-height:0}
.sub-content>.cw>.board-bar{margin:0 0 32px}
.board-bar [class$="-board-meta"]{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;flex-wrap:nowrap}
.board-bar [class$="-board-count"]{margin:0;font-size:20px;font-weight:500;line-height:30px;letter-spacing:-0.4px;white-space:nowrap;color:#505050}
.board-bar [class$="-count-lead"],.board-bar [class$="-count-tail"]{font-weight:500;color:#505050}
.board-bar [class$="-count-num"]{color:#ff511f;font-weight:500}
.board-bar [class$="-filter-select"]{position:relative;display:flex;align-items:center;flex-shrink:0}
.board-bar button[class$="-filter-btn"],.board-bar select[class$="-filter-btn"]{display:flex;align-items:center;justify-content:space-between;gap:4px;width:120px;min-width:120px;max-width:120px;box-sizing:border-box;border:1px solid #dfdfdf!important;border-radius:80px;background:#fff!important;padding:14px 16px 14px 20px;cursor:pointer;font-family:inherit;font-size:18px;font-weight:400;color:#505050;line-height:24px;letter-spacing:-0.36px;white-space:nowrap;flex-shrink:0;height:auto;min-height:52px}
.board-bar button[class$="-filter-btn"] [class$="-filter-label"],.board-bar select[class$="-filter-btn"] [class$="-filter-label"]{display:block;flex:0 1 auto;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis}
.board-bar button[class$="-filter-btn"] [class$="-filter-chevron"],.board-bar select[class$="-filter-btn"] [class$="-filter-chevron"]{width:24px!important;height:24px!important;min-width:24px;max-width:24px;flex:0 0 24px;object-fit:contain;display:block;transition:transform .2s}
.board-bar button[class$="-filter-btn"][aria-expanded="true"],.board-bar select[class$="-filter-btn"][aria-expanded="true"]{border-color:#2c2c2c!important}
.board-bar button[class$="-filter-btn"][aria-expanded="true"] [class$="-filter-chevron"],.board-bar select[class$="-filter-btn"][aria-expanded="true"] [class$="-filter-chevron"]{transform:rotate(180deg)}
.board-bar [class$="-filter-panel"]{position:absolute;top:calc(100% + 8px);right:0;z-index:300;background:#fff;border:1px solid #dfdfdf;border-radius:8px;padding:16px 20px;display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;min-width:100%;box-shadow:0 4px 20px rgba(0,0,0,.1)}
.board-bar [class$="-filter-panel"][hidden]{display:none}
.board-bar [class$="-filter-item"]{font-size:16px;font-weight:400;color:#505050;line-height:26px;letter-spacing:-0.32px;white-space:nowrap;cursor:pointer;transition:color .15s}
.board-bar [class$="-filter-item"]:hover{color:#ff511f}
.board-bar [class$="-filter-item"].is-selected{color:#ff511f;font-weight:600}
.board-bar [class$="-search-field"]{display:flex;align-items:center;justify-content:space-between;width:464px;max-width:100%;margin:0;box-sizing:border-box;border:0;border-bottom:1px solid #dfdfdf;border-radius:0;padding:10px 16px;flex-shrink:0;background:transparent;align-self:flex-end;min-height:0;height:auto}
.board-bar [class$="-search-input"]{flex:1 1 auto;min-width:0;width:100%;max-width:100%;border:0;border-radius:0;padding:0;margin:0;font-size:16px;font-weight:500;color:#2c2c2c;background:transparent;font-family:inherit;line-height:26px;letter-spacing:-0.32px;-webkit-appearance:none;appearance:none}
.board-bar [class$="-search-input"]::placeholder{color:#a8a8a8;font-weight:500;opacity:1}
.board-bar [class$="-search-input"]:focus{outline:none}
.board-bar [class$="-search-input"]::-webkit-search-cancel-button,.board-bar [class$="-search-input"]::-webkit-search-decoration{display:none;-webkit-appearance:none}
.board-bar button[class$="-search-icon-btn"]{flex:0 0 18px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;margin:0;border:0!important;padding:0;background:transparent!important;cursor:pointer;color:inherit;line-height:0}
.board-bar button[class$="-search-icon-btn"] img{width:18px!important;height:18px!important;max-width:18px;max-height:18px;object-fit:contain;display:block;pointer-events:none}
.board-bar select[class$="-filter-btn"]{appearance:none;-webkit-appearance:none;background-image:url(/images/sub/popup-filter-chevron.svg);background-repeat:no-repeat;background-position:right 12px center;background-size:24px 24px}
#popup-list-page .popup-page-body{padding-top:0;padding-bottom:140px;padding-inline:max(56px,calc((100% - 1440px) / 2));background:#fff;box-sizing:border-box}
#popup-list-page .popup-page-inner{width:100%;max-width:none;margin:0}
#popup-list-page .popup-page-body-box{display:flex;flex-direction:column;align-items:stretch;gap:32px;width:100%}
#popup-list-page .popup-list-block{display:flex;flex-direction:column;align-items:center;gap:70px;width:100%}
#popup-list-page .popup-hero-box{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;width:100%}
#popup-list-page .popup-hero-txt{display:flex;flex-direction:column;align-items:flex-start;gap:30px;flex:1 1 0;min-width:0}
#popup-list-page .popup-hero-head-block{display:flex;flex-direction:column;align-items:flex-start;gap:20px;width:100%}
#popup-list-page .popup-path{margin-bottom:0}
#popup-list-page .popup-hero-sub{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;flex:1 1 0;min-width:0}
#popup-list-page .popup-hero-tab{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:80px;border:1px solid transparent;background:#121212;color:#fff;font-size:20px;font-weight:500;line-height:34px;letter-spacing:-0.4px;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s,border-color .2s;font-family:inherit;cursor:pointer}
#popup-list-page .popup-hero-tab:not(.is-active){background:#fff;color:#505050;border-color:#dfdfdf}
#popup-list-page .popup-hero-tab:not(.is-active):hover{border-color:#2c2c2c;color:#2c2c2c}
#popup-list-page .popup-hero-tab.is-active{background:#121212;color:#fff;border-color:#121212}
/* Figma 15314:4369 — 3열 · gap 12 / row 50 · exhibit형 카드 */
#popup-list-page .popup-list-grid,#search-page .search-result-list--popup .popup-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:12px;row-gap:50px;width:100%;margin:0;align-items:start}
#popup-list-page .popup-card,#search-page .search-result-list--popup .popup-card{display:flex;flex-direction:column;align-items:stretch;min-width:0;height:auto;background:transparent;border:0;border-radius:0;overflow:visible;text-decoration:none;color:inherit;transition:color .25s ease}
#popup-list-page .popup-card[hidden],#search-page .search-result-list--popup .popup-card[hidden]{display:none!important}
#popup-list-page .popup-pagination[hidden]{display:none!important}
#popup-list-page .popup-board-empty{margin:80px 0;text-align:center;font-size:18px;font-weight:500;line-height:28px;letter-spacing:-0.36px;color:#676767}
#popup-list-page .popup-board-empty[hidden]{display:none!important}
#trend-list-page .board-list-empty,#notice-list-page .board-list-empty,#interview-list-page .board-list-empty{display:block;margin:80px 0;text-align:center;font-size:18px;font-weight:500;line-height:28px;letter-spacing:-0.36px;color:#676767}
#popup-list-page .popup-card:hover .popup-title,#popup-list-page .popup-card:focus-visible .popup-title,#search-page .search-result-list--popup .popup-card:hover .popup-title,#search-page .search-result-list--popup .popup-card:focus-visible .popup-title{color:#ff511f}
#popup-list-page .popup-card:hover .popup-thumb img,#popup-list-page .popup-card:focus-visible .popup-thumb img,#search-page .search-result-list--popup .popup-card:hover .popup-thumb img,#search-page .search-result-list--popup .popup-card:focus-visible .popup-thumb img{transform:scale(1.04)}
#popup-list-page .popup-thumb,#search-page .search-result-list--popup .popup-thumb{position:relative; aspect-ratio:4/3; overflow:hidden;background:#eee;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;padding:16px 0 0 16px;width:100%;box-sizing:border-box}
#popup-list-page .popup-thumb img,#search-page .search-result-list--popup .popup-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .5s ease}
#popup-list-page .popup-thumb .like-heart,#search-page .search-result-list--popup .popup-thumb .like-heart{position:absolute;top:12px;right:12px;z-index:2;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:8px;background:rgba(255,255,255,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;line-height:0;font-size:0;transition:color .2s,background .2s}
#popup-list-page .popup-thumb .like-heart svg,#search-page .search-result-list--popup .popup-thumb .like-heart svg{display:block;width:20px;height:20px;stroke:currentColor;fill:none;pointer-events:none}
#popup-list-page .popup-thumb .like-heart:hover,#popup-list-page .popup-thumb .like-heart.liked,#search-page .search-result-list--popup .popup-thumb .like-heart:hover,#search-page .search-result-list--popup .popup-thumb .like-heart.liked{color:#ff511f}
#popup-list-page .popup-thumb .like-heart:hover svg,#popup-list-page .popup-thumb .like-heart.liked svg,#search-page .search-result-list--popup .popup-thumb .like-heart:hover svg,#search-page .search-result-list--popup .popup-thumb .like-heart.liked svg{fill:#ff511f;stroke:#ff511f}
#popup-list-page .popup-thumb .like-heart:focus-visible,#search-page .search-result-list--popup .popup-thumb .like-heart:focus-visible{outline:3px solid #ff511f;outline-offset:2px}
#popup-list-page .popup-thumb-tag,#search-page .search-result-list--popup .popup-thumb-tag{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:0;background:rgba(0,0,0,.16);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);font-size:16px;font-weight:600;color:#fff;line-height:26px;letter-spacing:-0.32px;white-space:nowrap}
#popup-list-page .popup-body,#search-page .search-result-list--popup .popup-body{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;padding:20px 0 0;width:100%;flex:0 0 auto;box-sizing:border-box}
#popup-list-page .popup-head,#search-page .search-result-list--popup .popup-head{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;margin:0}
#popup-list-page .popup-category,#search-page .search-result-list--popup .popup-category{margin:0;font-size:16px;font-weight:500;line-height:26px;letter-spacing:-0.32px;color:#ff511f}
#popup-list-page .popup-title,#search-page .search-result-list--popup .popup-title{margin:0;font-size:26px;font-weight:600;line-height:40px;letter-spacing:-0.52px;color:#2c2c2c;transition:color .25s ease;word-break:keep-all}
#popup-list-page .popup-sub{display:none!important}
#popup-list-page .popup-meta,#search-page .search-result-list--popup .popup-meta{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:0;border:0;margin:0;width:100%}
#popup-list-page .popup-meta-row,#search-page .search-result-list--popup .popup-meta-row{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:400;line-height:30px;letter-spacing:-0.36px;color:#676767;width:100%}
#popup-list-page .popup-meta-row img,#search-page .search-result-list--popup .popup-meta-row img{width:20px;height:20px;flex-shrink:0;display:block;object-fit:contain}
#popup-list-page .popup-distance{font-size:14px;font-weight:600;color:#ff511f;margin-top:4px;display:none}
#popup-list-page.popup-list-nearby .popup-distance{display:block}
#popup-list-page .popup-pagination,#notice-list-page .popup-pagination{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap}
#popup-list-page .popup-pagination-side,#notice-list-page .popup-pagination-side{display:flex;align-items:center;gap:16px}
#popup-list-page .popup-page-arrow,#notice-list-page .popup-page-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;background:transparent;padding:0;cursor:pointer;opacity:.55;transition:opacity .2s;font-family:inherit;line-height:0}
#popup-list-page .popup-page-arrow:hover,#notice-list-page .popup-page-arrow:hover{opacity:1}
#popup-list-page .popup-page-arrow img,#notice-list-page .popup-page-arrow img{display:block;width:auto;height:14px;max-width:none}
#popup-list-page .popup-page-arrow--double img,#notice-list-page .popup-page-arrow--double img{height:14px;width:auto}
#popup-list-page .popup-pagination-nums,#notice-list-page .popup-pagination-nums{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}
#popup-list-page .popup-page-num,#notice-list-page .popup-page-num{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:80px;font-size:15px;font-weight:600;color:#878787;background:#f6f6f6;text-decoration:none;transition:background .2s,color .2s;letter-spacing:-0.45px}
#popup-list-page .popup-page-num.is-active,#popup-list-page .popup-page-num.active,#notice-list-page .popup-page-num.is-active,#notice-list-page .popup-page-num.active{background:#ff511f;color:#fff}
#popup-list-page .popup-page-num:hover:not(.is-active):not(.active),#notice-list-page .popup-page-num:hover:not(.is-active):not(.active){background:#ececec}

/* 공지 목록 히어로 — Figma 15313:3637 (팝업 목록 히어로와 동일 레이아웃) */
#notice-list-page .notice-page-body{padding-top:0;padding-bottom:clamp(80px,7.3vw,140px);padding-inline:max(56px,calc((100% - 1440px) / 2));background:#fff;box-sizing:border-box}
#notice-list-page .notice-hero-box{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;width:100%}
#notice-list-page .notice-hero-txt{display:flex;flex-direction:column;align-items:flex-start;gap:30px;flex:1 1 0;min-width:0;width:100%}
#notice-list-page .notice-hero-head-block{display:flex;flex-direction:column;align-items:flex-start;gap:20px;width:100%}
#notice-list-page .notice-page-hero .popup-path{margin-bottom:0}
#notice-list-page .notice-page-hero .popup-path-section{font-size:20px;line-height:34px;letter-spacing:-0.4px;font-weight:500;color:#ff511f;text-decoration:none}
#notice-list-page .notice-page-hero a.popup-path-section:hover,#notice-list-page .notice-page-hero a.popup-path-section:focus-visible{color:#ff511f}
#notice-list-page .notice-page-body-box{display:flex;flex-direction:column;align-items:stretch;gap:30px;width:100%}
#notice-list-page .notice-list-block{display:flex;flex-direction:column;align-items:center;gap:70px;width:100%}
#notice-list-page .notice-board-table-wrap,#search-page .search-result-list--notice .notice-board-table-wrap{width:100%;position:relative;flex:0 0 auto}
#notice-list-page .notice-board-table,#search-page .search-result-list--notice .notice-board-table{width:100%;border-top:2px solid #2c2c2c}
#notice-list-page .notice-board-row,#search-page .search-result-list--notice .notice-board-row{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,880px) minmax(88px,1fr) minmax(112px,1fr) minmax(64px,1fr);align-items:stretch;width:100%;text-decoration:none;color:inherit}
#notice-list-page .notice-board-row--head,#search-page .search-result-list--notice .notice-board-row--head{background:#fafafa}
#notice-list-page .notice-board-row--head .notice-board-cell,#search-page .search-result-list--notice .notice-board-row--head .notice-board-cell{padding:24px 16px;border-bottom:1px solid #dfdfdf;font-size:18px;font-weight:600;line-height:32px;letter-spacing:-0.36px;color:#2c2c2c;text-align:center}
#notice-list-page a.notice-board-row:hover .notice-board-title,#search-page .search-result-list--notice a.notice-board-row:hover .notice-board-title{text-decoration:underline;color:#ff511f}
#notice-list-page .notice-board-cell,#search-page .search-result-list--notice .notice-board-cell{display:flex;align-items:center;justify-content:center;padding:20px 16px;border-bottom:1px solid #dfdfdf;font-size:18px;font-weight:400;line-height:32px;letter-spacing:-0.36px;color:#505050;text-align:center;box-sizing:border-box;min-width:0}
#notice-list-page .notice-board-cell--cat,#search-page .search-result-list--notice .notice-board-cell--cat{flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}
#notice-list-page .notice-board-cell--title,#search-page .search-result-list--notice .notice-board-cell--title{justify-content:flex-start;padding-left:40px;padding-right:40px;text-align:left}
#notice-list-page .notice-board-row--head .notice-board-cell--title,#search-page .search-result-list--notice .notice-board-row--head .notice-board-cell--title{justify-content:center;text-align:center;padding-left:16px;padding-right:16px}
#notice-list-page .notice-board-title,#search-page .search-result-list--notice .notice-board-title{font-weight:500;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#notice-list-page .notice-cat-pill,#search-page .search-result-list--notice .notice-cat-pill{display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;font-size:18px;font-weight:600;line-height:32px;letter-spacing:-0.36px;color:#ff511f;white-space:nowrap}
#notice-list-page .notice-cat-text,#search-page .search-result-list--notice .notice-cat-text{font-size:18px;font-weight:500;line-height:32px;letter-spacing:-0.36px;color:#ff511f;white-space:nowrap}
/* 글쓰기 — 테이블 하단~페이지네이션 70px 구간 안에 배치(흐름 제외) */
#notice-list-page .notice-board-write-row{position:absolute;right:0;top:100%;margin-top:20px;display:flex;justify-content:flex-end;width:100%;padding:0;pointer-events:none;z-index:1}
#notice-list-page .notice-board-write-row .notice-write-btn{pointer-events:auto}
#notice-list-page .notice-write-btn{display:inline-flex;align-items:center;justify-content:center;min-width:86px;height:44px;padding:10px;background:#121212;color:#fff;font-size:16px;font-weight:600;line-height:1;letter-spacing:-0.03em;text-decoration:none;box-sizing:border-box;cursor:pointer}
#notice-list-page .notice-write-btn.is-unlinked{pointer-events:none;opacity:1}

/* 공지 상세 — Figma 15631 (게시 상세 헤드·에디터·이전/목록/다음) */
#container:has(#notice-list-page,#notice-detail-page){width:100%;max-width:none;margin:0;padding:0}
#contArea:has(#notice-list-page,#notice-detail-page){width:100%;max-width:none;margin:0;padding:0}
#contArea:has(#notice-list-page,#notice-detail-page) .real-cont{padding:0;border:0;min-height:0}
#notice-list-page,#notice-detail-page{width:100%;max-width:none;margin:0}
#notice-detail-page .sub-content{padding:clamp(64px,6.25vw,100px) max(56px,calc((100% - 1440px) / 2)) clamp(80px,7.3vw,140px);box-sizing:border-box}
#notice-detail-page .notice-detail-head-section{display:flex;flex-direction:column;align-items:flex-start;gap:20px;width:100%;padding-bottom:clamp(48px,5vw,80px);box-sizing:border-box}
#notice-detail-page .notice-detail-head-section .popup-path{margin-bottom:0}
#notice-detail-page a.popup-path-section{color:#aaa;text-decoration:none;transition:color .2s}
#notice-detail-page a.popup-path-section:hover,#notice-detail-page a.popup-path-section:focus-visible{color:#505050}
#notice-detail-page .popup-path-current{font-size:20px;line-height:34px;letter-spacing:-0.4px;font-weight:500;color:#ff511f}
#notice-detail-page .notice-detail-head-main{display:flex;flex-direction:column;align-items:flex-start;gap:30px;width:100%}
#notice-detail-page .notice-detail-head-txt{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%;padding-bottom:24px;border-bottom:1px solid #eee;box-sizing:border-box}
#notice-detail-page .notice-detail-title{margin:0;font-size:clamp(28px,5vw,52px);font-weight:600;line-height:1.26;letter-spacing:-0.02em;color:#2c2c2c;width:100%}
#notice-detail-page .notice-detail-head-meta{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px;font-size:20px;font-weight:500;line-height:34px;letter-spacing:-0.02em}
#notice-detail-page .notice-detail-cat{color:#ff511f;flex-shrink:0}
#notice-detail-page .notice-detail-date{font-size:20px;font-weight:400;line-height:34px;letter-spacing:-0.02em;color:#999;font-style:normal;flex-shrink:0;white-space:nowrap}
#notice-detail-page .notice-detail-editor-section{display:flex;flex-direction:column;align-items:center;gap:70px;width:100%;box-sizing:border-box}
#notice-detail-page .notice-detail-editor{width:100%;min-height:clamp(320px,62.5vw,1200px);background:#eee;border-radius:0;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box}
#notice-detail-page .notice-detail-editor-placeholder{margin:0;font-size:clamp(20px,1.67vw,32px);font-weight:600;line-height:1.44;letter-spacing:-0.03em;color:#999;text-align:center;white-space:pre-line}
#notice-detail-page .notice-detail-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;width:100%}
#notice-detail-page .notice-detail-nav-prev{justify-self:start}
#notice-detail-page .notice-detail-nav-list{justify-self:center}
#notice-detail-page .notice-detail-nav-next{justify-self:end}
#notice-detail-page .notice-detail-nav-link{display:inline-flex;align-items:center;gap:16px;padding:0 0 8px;border:0;border-bottom:1px solid #eee;background:transparent;font-family:inherit;font-size:18px;font-weight:600;line-height:32px;letter-spacing:-0.36px;color:#676767;text-decoration:none;cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s}
#notice-detail-page .notice-detail-nav-link img{display:block;width:6px;height:12px;flex-shrink:0;opacity:.85}
#notice-detail-page .notice-detail-nav-link:hover:not(.is-disabled),#notice-detail-page .notice-detail-nav-link:focus-visible:not(.is-disabled){color:#2c2c2c;border-bottom-color:#2c2c2c;outline:none}
#notice-detail-page .notice-detail-nav-link.is-disabled{opacity:.35;cursor:default;pointer-events:none}

/* Figma 15315:4540 — 팝업 전시 상세 */
#popup-detail-page{width:100%;max-width:none;margin:0;box-sizing:border-box;}
.popup-detail-box{display:flex;flex-direction:column;align-items:center;gap:80px;width:100%}
.popup-detail-hero{display:flex;align-items:flex-start;gap:80px;width:100%}
.popup-detail-cover{flex:1 1 0;min-width:0;position:relative;overflow:hidden;background:#eee}
.popup-detail-cover img{width:100%;display:block}
.popup-detail-info{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:60px;background:#fff}
.popup-detail-like-form{position:absolute;top:0;right:0;margin:0;z-index:1}
.popup-detail-info-top{display:flex;flex-direction:column;align-items:flex-start;gap:40px;width:100%}
.popup-detail-title-block{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%;padding-right:64px;box-sizing:border-box}
.popup-detail-meta-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}
.popup-detail-meta{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:500;line-height:28px;letter-spacing:-0.36px;color:#bbb;white-space:nowrap;flex:1 1 auto;min-width:0}
.popup-detail-meta-sep{width:1px;height:12px;background:#dfdfdf;flex-shrink:0}
.popup-detail-meta-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0}
.popup-detail-meta-btn{display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;border:0;background:transparent;cursor:pointer;line-height:0;color:#676767;flex-shrink:0}
.popup-detail-meta-btn .popup-detail-meta-icon{display:block;width:20px;height:20px;max-width:20px;max-height:20px;flex-shrink:0;pointer-events:none}
.popup-detail-meta-btn .popup-detail-meta-icon path{fill:none;transition:fill .2s ease,stroke .2s ease}
.popup-detail-meta-btn--like{width:56px;height:56px}
.popup-detail-meta-btn--like .popup-detail-meta-icon{width:40px;height:40px;max-width:40px;max-height:40px}
.popup-detail-meta-btn--like.is-active{color:#ff511f}
.popup-detail-meta-btn--like.is-active .popup-detail-meta-icon path{fill:#ff511f;stroke:#ff511f}
.popup-detail-meta-btn:focus-visible{outline:3px solid #ff511f;outline-offset:2px;border-radius:2px}
.popup-detail-title{margin:0;font-size:48px;font-weight:600;line-height:62px;letter-spacing:-0.96px;color:#2c2c2c;word-break:keep-all}
.popup-detail-lead{margin:0;font-size:20px;font-weight:400;line-height:34px;letter-spacing:-0.4px;color:#676767;word-break:keep-all}
.popup-detail-facts{margin:0;padding:0;width:100%;border-top:1px solid #2c2c2c;display:flex;flex-direction:column}
.popup-detail-fact{display:flex;align-items:center;padding:20px 0;margin:0;border-bottom:1px solid #eee;width:100%;box-sizing:border-box}
.popup-detail-fact dt{flex:0 0 100px;width:100px;margin:0;font-size:18px;font-weight:400;line-height:28px;letter-spacing:-0.36px;color:#878787}
.popup-detail-fact dd{flex:1 1 auto;margin:0;font-size:18px;font-weight:400;line-height:28px;letter-spacing:-0.36px;color:#505050}
.popup-detail-actions{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}
.popup-detail-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;border:0;font-family:inherit;font-size:18px;font-weight:600;line-height:28px;letter-spacing:-0.36px;cursor:pointer;text-decoration:none;white-space:nowrap;box-sizing:border-box}
.popup-detail-btn img{display:block;width:16px;height:16px;flex-shrink:0}
.popup-detail-btn--map{background:#121212;color:#fff}
.popup-detail-btn--copy{background:#fff;color:#676767;border:1px solid #eee;overflow:hidden}
.popup-detail-btn--copy .popup-detail-btn-label{display:inline-grid}
.popup-detail-btn--copy .popup-detail-btn-label>span{grid-area:1/1}
.popup-detail-btn--copy .popup-detail-btn-label>span:last-child{visibility:hidden}
.popup-detail-btn--copy.is-copied .popup-detail-btn-label>span:first-child{visibility:hidden}
.popup-detail-btn--copy.is-copied .popup-detail-btn-label>span:last-child{visibility:visible}
.popup-detail-intro{display:flex;align-items:stretch;width:100%;padding:40px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;box-sizing:border-box;gap:0}
.popup-detail-intro-aside{flex:0 0 480px;width:480px;max-width:40%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;align-self:stretch;min-height:100%;gap:24px;box-sizing:border-box}
.popup-detail-intro-title{margin:0;width:100%;font-size:32px;font-weight:600;line-height:46px;letter-spacing:-0.64px;color:#2c2c2c;flex-shrink:0}
.popup-detail-intro-editor{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0;width:100%;font-size:18px;font-weight:400;line-height:28px;letter-spacing:-0.36px;color:#676767;flex-shrink:0}
.popup-detail-intro-editor-name{white-space:nowrap}
.popup-detail-intro-editor-sep{width:1px;height:16px;background:#dfdfdf;flex-shrink:0}
.popup-detail-intro-editor-date{font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;white-space:nowrap}
.popup-detail-intro-body{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:40px;align-self:stretch}
.popup-detail-intro-copy{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%;font-size:20px;font-weight:400;line-height:34px;letter-spacing:-0.4px;color:#676767}
.popup-detail-intro-copy p{margin:0}
.popup-detail-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.popup-detail-tag{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:80px;background:#f1f1f1;font-size:15px;font-weight:500;line-height:24px;letter-spacing:-0.3px;color:#2c2c2c;white-space:nowrap}
.popup-detail-editor-wrap {width:100%; min-height:200px;}
/* Figma 15315:4765 — 제목·그리드 gap30 · 섹션·목록 gap70 · 카드 gap12 */
.popup-detail-related{display:flex;flex-direction:column;align-items:center;gap:70px;width:100%}
.popup-detail-related-block{display:flex;flex-direction:column;align-items:flex-start;gap:30px;width:100%}
.popup-detail-related-head{display:flex;flex-direction:column;align-items:flex-start;width:480px;max-width:100%;flex-shrink:0}
h2.popup-detail-related-title{margin:0;font-size:32px;font-weight:600;line-height:1.3em;letter-spacing:-.03em;color:#2c2c2c;}
.popup-detail-related-grid{display:flex;align-items:flex-start;gap:12px;width:100%}
#popup-detail-page .popup-detail-related-grid .popup-card{flex:1 1 0;min-width:0;overflow:hidden}
#popup-detail-page .popup-card{display:flex;flex-direction:column;align-items:stretch;min-width:0;height:auto;background:transparent;border:0;border-radius:0;overflow:visible;text-decoration:none;color:inherit;transition:color .25s ease}
#popup-detail-page .popup-card:hover .popup-title,#popup-detail-page .popup-card:focus-visible .popup-title{color:#ff511f}
#popup-detail-page .popup-card:hover .popup-thumb img,#popup-detail-page .popup-card:focus-visible .popup-thumb img{transform:scale(1.04)}
#popup-detail-page .popup-thumb{position:relative; aspect-ratio:4/3; overflow:hidden;background:#eee;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;padding:16px 0 0 16px;width:100%;box-sizing:border-box}
#popup-detail-page .popup-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .5s ease}
#popup-detail-page .popup-thumb-tag{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:0;background:rgba(0,0,0,.16);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);font-size:16px;font-weight:600;color:#fff;line-height:26px;letter-spacing:-0.32px;white-space:nowrap}
#popup-detail-page .popup-body{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;padding:20px 0 0;width:100%;flex:0 0 auto;box-sizing:border-box}
#popup-detail-page .popup-head{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;margin:0}
#popup-detail-page .popup-category{margin:0;font-size:16px;font-weight:500;line-height:26px;letter-spacing:-0.32px;color:#ff511f}
#popup-detail-page .popup-title{margin:0;font-size:26px;font-weight:600;line-height:40px;letter-spacing:-0.52px;color:#2c2c2c;transition:color .25s ease;word-break:keep-all}
#popup-detail-page .popup-meta{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:0;border:0;margin:0;width:100%}
#popup-detail-page .popup-meta-row{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:400;line-height:30px;letter-spacing:-0.36px;color:#676767;width:100%}
#popup-detail-page .popup-meta-row img{width:20px;height:20px;flex-shrink:0;display:block;object-fit:contain}
.popup-detail-back{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 0 8px;border:0;border-bottom:1px solid #2c2c2c;background:transparent;font-family:inherit;font-size:18px;font-weight:600;line-height:28px;letter-spacing:-0.36px;color:#2c2c2c;text-decoration:none;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:color .25s ease,border-color .25s ease}
.popup-detail-back span{white-space:nowrap}
.popup-detail-back img{display:block;width:16px;height:16px;flex-shrink:0;transition:filter .25s ease}
.popup-detail-back:hover,.popup-detail-back:focus-visible{color:#ff511f;border-bottom-color:#ff511f;outline:none}
.popup-detail-back:hover img,.popup-detail-back:focus-visible img{filter:brightness(0) saturate(100%) invert(36%) sepia(93%) saturate(4592%) hue-rotate(354deg) brightness(101%) contrast(101%)}
.popup-detail-back:not(.interview-detail-list-btn).fx-btn::before,.popup-detail-back:not(.interview-detail-list-btn).fx-btn::after{content:none !important}
.popup-detail-back:not(.interview-detail-list-btn).fx-btn:hover,.popup-detail-back:not(.interview-detail-list-btn).fx-btn:focus-visible{transform:none !important;box-shadow:none !important;background:transparent !important;color:#ff511f !important;border-color:#ff511f !important}
.popup-detail-back:not(.interview-detail-list-btn).fx-btn:hover *,.popup-detail-back:not(.interview-detail-list-btn).fx-btn:focus-visible *{color:#ff511f !important}
.popup-detail-back:not(.interview-detail-list-btn).fx-btn:hover img,.popup-detail-back:not(.interview-detail-list-btn).fx-btn:focus-visible img{filter:brightness(0) saturate(100%) invert(36%) sepia(93%) saturate(4592%) hue-rotate(354deg) brightness(101%) contrast(101%) !important}

/* —— 작품 둘러보기 · 상세 — plan1 work-r1 #artwork-artist-page / #artwork-detail-page —— */
#container:has(#artwork-artist-page){width:100%;max-width:none;margin:0;padding:0}
#contArea:has(#artwork-artist-page){width:100%;max-width:none;margin:0;padding:0}
#contArea:has(#artwork-artist-page) .real-cont{padding:0;border:0;min-height:0}
#artwork-artist-page{width:100%;max-width:none;margin:0;background:#fff}
#artwork-artist-page .artwork-page-hero-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;width:100%}
#artwork-artist-page .artwork-hero-txt{display:flex;flex-direction:column;align-items:flex-start;gap:30px;flex:1 1 0;min-width:0}
#artwork-artist-page .artwork-hero-head-block{display:flex;flex-direction:column;align-items:flex-start;gap:20px;width:100%}
#artwork-artist-page .artwork-hero-sub{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;flex:1 1 0;min-width:0}
#artwork-artist-page .artwork-hero-tab{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:80px;border:1px solid #dfdfdf;background:#fff;color:#505050;font-size:20px;font-weight:500;line-height:34px;letter-spacing:-0.4px;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s,border-color .2s;font-family:inherit}
#artwork-artist-page .artwork-hero-tab.is-active{background:#121212;color:#fff;border-color:#121212}
#artwork-artist-page .artwork-hero-tab:not(.is-active):hover{border-color:#2c2c2c;color:#2c2c2c}
#artwork-artist-page .sub-content.artwork-page-body{padding-top:0;padding-bottom:clamp(80px,7.3vw,140px);padding-inline:max(56px,calc((100% - 1440px) / 2));border-top:1px solid #2c2c2c;box-sizing:border-box}
#artwork-artist-page .artwork-page-inner{display:flex;align-items:stretch;width:100%;max-width:none;margin:0;box-sizing:border-box}
#artwork-artist-page .artwork-page-side{flex:0 0 400px;width:400px;max-width:100%;box-sizing:border-box;border-right:1px solid #eee;padding:60px 60px 0 0;margin:0;display:flex;flex-direction:column;align-self:stretch}
#artwork-artist-page .artwork-page-main{flex:1;min-width:0;padding:60px 0 0 60px;box-sizing:border-box;display:flex;flex-direction:column;gap:60px;align-self:stretch}
#artwork-artist-page .artwork-list-panel{display:flex;flex-direction:column;gap:70px;width:100%;min-width:0}
#artwork-artist-page .artwork-side-title{margin:0 0 40px;font-size:clamp(24px,1.67vw,32px);font-weight:600;color:#2c2c2c;line-height:46px;letter-spacing:-0.64px}
#artwork-artist-page .artwork-field-nav{display:flex;flex-direction:column;gap:8px;width:100%}
#artwork-artist-page .artwork-field-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px;border:1px solid #eee;border-radius:0;background:#fff;font-family:inherit;font-size:clamp(16px,1.04vw,18px);font-weight:500;color:#505050;line-height:1.56;letter-spacing:-0.36px;text-align:left;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
#artwork-artist-page .artwork-field-btn:hover{border-color:#ccc}
#artwork-artist-page .artwork-field-btn.is-active{background:#ff511f;border-color:#ff511f;color:#fff;font-weight:600}
#artwork-artist-page .artwork-field-btn-chevron{width:16px;height:16px;flex-shrink:0;display:none}
#artwork-artist-page .artwork-field-btn.is-active .artwork-field-btn-chevron{display:block;filter:brightness(0) invert(1)}
#artwork-artist-page .artwork-register-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 24px 24px 32px;margin:0;background:#f6f6f6;border-radius:0}
#artwork-artist-page .artwork-register-banner-text{margin:0;flex:1;min-width:0;font-size:clamp(18px,1.15vw,22px);font-weight:500;color:#2c2c2c;line-height:32px;letter-spacing:-0.44px}
#artwork-artist-page .artwork-register-banner-btn{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;padding:12px 16px;border:none;border-radius:0;background:#1c1c1c;color:#fff;font-size:clamp(16px,1.04vw,18px);font-weight:600;font-family:inherit;cursor:pointer;line-height:1.56;letter-spacing:-0.36px;transition:background .2s}
#artwork-artist-page .artwork-register-banner-btn:hover{background:#ff511f}
#artwork-artist-page .artwork-register-banner-btn img{width:16px;height:16px;display:block}
#artwork-artist-page .artwork-list-block{display:flex;flex-direction:column;gap:24px;width:100%}
#artwork-artist-page .artwork-board-stack{display:flex;flex-direction:column;gap:16px;width:100%}
#artwork-artist-page .artwork-board-search-row{display:flex;justify-content:flex-end;width:100%}
#artwork-artist-page .artwork-board-meta-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;flex-wrap:wrap}
#artwork-artist-page .artwork-board-count{display:flex;align-items:center;gap:10px;margin:0;font-size:clamp(16px,1.04vw,20px);font-weight:500;color:#505050;line-height:30px;letter-spacing:-0.4px}
#artwork-artist-page .artwork-board-count-divider{width:1px;height:12px;background:#dfdfdf;flex-shrink:0}
#artwork-artist-page .artwork-board-count strong{color:#ff511f;font-weight:500}
#artwork-artist-page .artwork-filter-select{position:relative;display:flex;align-items:center;flex-shrink:0;margin-left:auto}
#artwork-artist-page .artwork-filter-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:120px;max-width:100%;border:1px solid #dfdfdf;border-radius:80px;background:#fff;padding:14px 16px 14px 20px;cursor:pointer;font-family:inherit;font-size:clamp(15px,.94vw,18px);font-weight:400;color:#505050;line-height:24px;letter-spacing:-0.36px;white-space:nowrap;box-sizing:border-box}
#artwork-artist-page .artwork-filter-btn[aria-expanded="true"]{border-color:#2c2c2c}
#artwork-artist-page .artwork-filter-btn[aria-expanded="true"] .artwork-filter-chevron{transform:rotate(180deg)}
#artwork-artist-page .artwork-filter-chevron{width:24px;height:24px;display:block;flex-shrink:0;transition:transform .2s}
#artwork-artist-page .artwork-filter-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:300;background:#fff;border:1px solid #dfdfdf;border-radius:8px;padding:16px 20px;display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;min-width:100%;box-shadow:0 4px 20px rgba(0,0,0,.1)}
#artwork-artist-page .artwork-filter-panel[hidden]{display:none}
#artwork-artist-page .artwork-filter-item{font-size:16px;font-weight:400;color:#505050;line-height:26px;letter-spacing:-0.32px;white-space:nowrap;cursor:pointer;transition:color .15s}
#artwork-artist-page .artwork-filter-item:hover{color:#ff511f}
#artwork-artist-page .artwork-filter-item.is-selected{color:#ff511f;font-weight:600}
#artwork-artist-page .artwork-work-grid,#search-page .search-result-list--artwork .artwork-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 32px;margin:0;width:100%}
#artwork-artist-page .artwork-browse-card,#search-page .search-result-list--artwork .artwork-browse-card{display:flex;flex-direction:column;align-items:stretch;gap:20px;width:100%}
#artwork-artist-page .artwork-browse-card[hidden],#search-page .search-result-list--artwork .artwork-browse-card[hidden]{display:none!important}
#artwork-artist-page .artwork-browse-thumb,#search-page .search-result-list--artwork .artwork-browse-thumb{position:relative;display:block;width:100%;overflow:hidden;border-radius:0;background:#eee;text-decoration:none;color:inherit;isolation:isolate}
#artwork-artist-page .artwork-browse-thumb>img,#search-page .search-result-list--artwork .artwork-browse-thumb>img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
#artwork-artist-page .artwork-browse-thumb.artwork-thumb--169,#search-page .search-result-list--artwork .artwork-browse-thumb.artwork-thumb--169{aspect-ratio:16/10}
#artwork-artist-page .artwork-browse-thumb.artwork-thumb--45,#search-page .search-result-list--artwork .artwork-browse-thumb.artwork-thumb--45{aspect-ratio:4/5}
#artwork-artist-page .artwork-browse-thumb.artwork-thumb--11,#search-page .search-result-list--artwork .artwork-browse-thumb.artwork-thumb--11{aspect-ratio:1/1}
#artwork-artist-page .artwork-browse-thumb.artwork-thumb--34,#search-page .search-result-list--artwork .artwork-browse-thumb.artwork-thumb--34{aspect-ratio:3/4}
#artwork-artist-page #artworkArtistGrid .artwork-browse-thumb.artwork-thumb--artist{aspect-ratio:1/1;border-radius:0;background:#e8e8e8}
#artwork-artist-page #artworkArtistGrid .artwork-browse-thumb.artwork-thumb--artist>img{object-fit:cover;object-position:center center}
#artwork-artist-page .artwork-browse-card:hover .artwork-browse-thumb>img,#search-page .search-result-list--artwork .artwork-browse-card:hover .artwork-browse-thumb>img{transform:scale(1.03)}
#artwork-artist-page .artwork-browse-thumb .like-heart,#search-page .search-result-list--artwork .artwork-browse-thumb .like-heart{position:absolute;top:12px;right:12px;z-index:2;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin:0;border:0;border-radius:8px;background:rgba(255,255,255,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;line-height:0;font-size:0;flex-shrink:0;overflow:visible;transition:color .2s,transform .15s,background .2s}
#artwork-artist-page .artwork-browse-thumb .like-heart svg,#search-page .search-result-list--artwork .artwork-browse-thumb .like-heart svg{display:block;width:20px;height:20px;max-width:20px;max-height:20px;flex-shrink:0;stroke:currentColor;fill:none;pointer-events:none}
#artwork-artist-page .artwork-browse-thumb .like-heart:hover,#artwork-artist-page .artwork-browse-thumb .like-heart.liked,#search-page .search-result-list--artwork .artwork-browse-thumb .like-heart:hover,#search-page .search-result-list--artwork .artwork-browse-thumb .like-heart.liked{color:#ff511f}
#artwork-artist-page .artwork-browse-thumb .like-heart:hover svg,#artwork-artist-page .artwork-browse-thumb .like-heart.liked svg,#search-page .search-result-list--artwork .artwork-browse-thumb .like-heart:hover svg,#search-page .search-result-list--artwork .artwork-browse-thumb .like-heart.liked svg{fill:#ff511f;stroke:#ff511f}
#artwork-artist-page .artwork-browse-body,#search-page .search-result-list--artwork .artwork-browse-body{display:flex;flex-direction:column;gap:8px;padding:0;width:100%;box-sizing:border-box}
#artwork-artist-page .artwork-browse-title,#search-page .search-result-list--artwork .artwork-browse-title{margin:0;font-size:clamp(22px,1.46vw,28px);font-weight:600;color:#2c2c2c;line-height:42px;letter-spacing:-0.56px}
#artwork-artist-page .artwork-browse-title a,#search-page .search-result-list--artwork .artwork-browse-title a{color:inherit;text-decoration:none}
#artwork-artist-page .artwork-browse-title a:hover,#search-page .search-result-list--artwork .artwork-browse-title a:hover{color:#ff511f}
#artwork-artist-page .artwork-browse-meta,#search-page .search-result-list--artwork .artwork-browse-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}
#artwork-artist-page .artwork-browse-artist,#search-page .search-result-list--artwork .artwork-browse-artist{display:flex;align-items:center;gap:10px;margin:0;flex:1;min-width:0;font-size:clamp(16px,1.04vw,18px);font-weight:500;color:#676767;line-height:1.56}
#artwork-artist-page .artwork-browse-divider,#search-page .search-result-list--artwork .artwork-browse-divider{width:1px;height:12px;background:#dfdfdf;flex-shrink:0}
#artwork-artist-page .artwork-browse-meta .follow-btn,#search-page .search-result-list--artwork .artwork-browse-meta .follow-btn{font-size:15px;line-height:24px;font-weight:500;padding:6px 14px;border:1px solid #2c2c2c;border-radius:80px;background:#fff;color:#2c2c2c;cursor:pointer;flex-shrink:0;transition:background .2s,border-color .2s,color .2s;font-family:inherit}
#artwork-artist-page .artwork-browse-meta .follow-btn:hover,#artwork-artist-page .artwork-browse-meta .follow-btn.following,#search-page .search-result-list--artwork .artwork-browse-meta .follow-btn:hover,#search-page .search-result-list--artwork .artwork-browse-meta .follow-btn.following{background:#ff511f;border-color:#ff511f;color:#fff}
#artwork-artist-page #artworkWorkGrid[hidden],#artwork-artist-page #artworkArtistGrid[hidden]{display:none!important}
#artwork-artist-page .sub-pagination{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;padding:0;margin:0}
#artwork-artist-page .sub-pagination-side{display:flex;align-items:center;gap:16px;padding:0;margin:0}
#artwork-artist-page .sub-pagination-nums{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;padding:0;margin:0}
#artwork-artist-page button.sub-page-arrow,a.sub-page-arrow{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:32px;height:32px;min-width:32px;min-height:32px;max-height:32px;margin:0;padding:0!important;border:0;background:transparent;cursor:pointer;opacity:.55;line-height:0;font-size:0;transition:opacity .2s;font-family:inherit}
#artwork-artist-page .sub-page-arrow:hover{opacity:1}
#artwork-artist-page .sub-page-arrow img{display:block;width:auto;height:14px}
#artwork-artist-page .sub-page-num{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:80px;font-size:15px;font-weight:600;color:#878787;background:#f6f6f6;text-decoration:none;transition:background .2s,color .2s}
#artwork-artist-page .sub-page-num.is-active{background:#ff511f;color:#fff}
#artwork-artist-page .sub-page-num:hover:not(.is-active){background:#ececec}
.artwork-more-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;padding:12px 16px;border:1px solid #2c2c2c;border-radius:8px;background:#fff;font-size:18px;line-height:28px;font-weight:600;color:#505050;letter-spacing:-0.36px;text-decoration:none;transition:background .2s,border-color .2s,color .2s,transform .18s;font-family:inherit;cursor:pointer}
.artwork-more-btn:hover{background:#ff511f;border-color:#ff511f;color:#fff;transform:translateY(-2px)}
.artwork-more-btn svg{display:block;flex-shrink:0}
#contArea:has(#artwork-detail-page){width:100%;max-width:none;margin:0;padding-left:max(56px,calc((100% - 1440px) / 2));padding-right:max(56px,calc((100% - 1440px) / 2));box-sizing:border-box;padding-bottom:clamp(80px,7.3vw,140px)}
#contArea:has(#artwork-detail-page) .real-cont{padding:0;border:0;min-height:0}
#artwork-detail-page{width:100%;max-width:none;margin:0}
#artwork-detail-page .sub-content{padding-bottom:0;padding-inline:0;box-sizing:border-box}
#artwork-detail-page .artwork-detail-inner{width:100%;max-width:none;margin:0}
#artwork-detail-page .artwork-page-desc{margin:80px 0;text-align:center;font-size:18px;font-weight:500;line-height:28px;letter-spacing:-0.36px;color:#676767}
#artwork-detail-page .artwork-detail-inner > .artwork-page-desc + .popup-detail-back{display:flex;width:max-content;margin-left:auto;margin-right:auto}
#artwork-detail-page .artwork-detail-box{display:flex;flex-direction:column;align-items:center;gap:80px;width:100%}
#artwork-detail-page .artwork-detail-main{display:flex;align-items:center;gap:60px;width:100%}
#artwork-detail-page .artwork-detail-visual{flex:0 0 min(680px,39.5%);width:min(680px,39.5%);max-width:100%;border-radius:0;overflow:hidden;background:#f6f6f6}
#artwork-detail-page .artwork-detail-visual img{width:100%;aspect-ratio:680/847;object-fit:cover;display:block}
#artwork-detail-page .artwork-detail-intro{flex:1;min-width:0;display:flex;flex-direction:column;gap:60px}
#artwork-detail-page .artwork-detail-head{display:flex;flex-direction:column;gap:20px;width:100%}
#artwork-detail-page .artwork-detail-head-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%}
#artwork-detail-page .artwork-detail-head-bottom .like-heart{position:relative;flex-shrink:0;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:12px;margin:0;border:0;border-radius:8px;background:#f1f1f1;color:#505050;cursor:pointer;line-height:0;font-size:0;overflow:visible;transition:background .2s,color .2s,transform .15s}
#artwork-detail-page .artwork-detail-head-bottom .artwork-detail-like-icon{display:block;width:20px;height:20px;max-width:20px;max-height:20px;flex-shrink:0;pointer-events:none}
#artwork-detail-page .artwork-detail-head-bottom .artwork-detail-like-icon path{fill:none;transition:fill .2s ease,stroke .2s ease}
#artwork-detail-page .artwork-detail-head-bottom .like-heart:hover,#artwork-detail-page .artwork-detail-head-bottom .like-heart.liked{color:#ff511f}
#artwork-detail-page .artwork-detail-head-bottom .like-heart:hover .artwork-detail-like-icon path,#artwork-detail-page .artwork-detail-head-bottom .like-heart.liked .artwork-detail-like-icon path{fill:#ff511f;stroke:#ff511f}
#artwork-detail-page .artwork-detail-head-bottom .like-heart:focus-visible{outline:3px solid #ff511f;outline-offset:2px}
#artwork-detail-page .artwork-detail-head .popup-path{margin-bottom:0}
#artwork-detail-page a.popup-path-section{color:#aaa;text-decoration:none;transition:color .2s}
#artwork-detail-page a.popup-path-section:hover{color:#ff511f}
#artwork-detail-page .artwork-detail-title{margin:0;flex:1 1 auto;min-width:0;font-size:52px;font-weight:600;line-height:66px;letter-spacing:-0.02em;color:#2c2c2c}
#artwork-detail-page .artwork-detail-artist-panel{display:flex;flex-direction:column;align-items:flex-start;gap:0;width:100%;box-sizing:border-box}
#artwork-detail-page .artwork-detail-artist-block{display:flex;flex-direction:column;align-items:flex-start;gap:20px;width:100%;padding-bottom:40px;border-bottom:1px solid #eee;box-sizing:border-box}
#artwork-detail-page .artwork-detail-artist-panel .artwork-detail-hashtag-row{align-self:stretch;flex:0 0 auto;margin-top:20px}
#artwork-detail-page .artwork-detail-artist-row{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%}
#artwork-detail-page .artwork-detail-artist-link{display:flex;align-items:center;gap:20px;flex:1;min-width:0;text-decoration:none;color:inherit}
#artwork-detail-page .artwork-detail-artist-link img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}
#artwork-detail-page .artwork-detail-artist-meta{display:flex;align-items:center;gap:10px;flex:1;min-width:0;font-size:clamp(18px,1.25vw,24px);font-weight:500;line-height:1.58;letter-spacing:-0.02em;color:#505050}
#artwork-detail-page .artwork-detail-artist-divider{width:1px;height:16px;background:#dfdfdf;flex-shrink:0}
#artwork-detail-page .artwork-detail-artist-row .follow-btn{font-size:15px;line-height:24px;font-weight:500;padding:6px 14px;border:1px solid #2c2c2c;border-radius:80px;background:#fff;color:#2c2c2c;cursor:pointer;flex-shrink:0;transition:background .2s,border-color .2s,color .2s;font-family:inherit}
#artwork-detail-page .artwork-detail-artist-row .follow-btn:hover,#artwork-detail-page .artwork-detail-artist-row .follow-btn.following{background:#ff511f;border-color:#ff511f;color:#fff}
#artwork-detail-page .artwork-detail-desc{padding-left:68px;box-sizing:border-box}
#artwork-detail-page .artwork-detail-desc p{margin:0;font-size:clamp(16px,1.04vw,20px);font-weight:400;line-height:1.7;letter-spacing:-0.02em;color:#676767}
#artwork-detail-page .artwork-detail-hashtag-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;align-self:stretch}
#artwork-detail-page .artwork-detail-hashtag{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;min-height:36px;padding:6px 14px;border-radius:80px;background:#f1f1f1;font-family:inherit;font-size:15px;font-weight:500;line-height:24px;letter-spacing:-0.3px;color:#2c2c2c;text-align:center;white-space:nowrap}
#artwork-detail-page .artwork-detail-intro .popup-detail-back{align-self:flex-start;margin-bottom:0}
#artwork-detail-page .artwork-detail-editor-section{display:flex;flex-direction:column;align-items:center;gap:60px;width:100%;border-top:1px solid #eee;padding-top:80px;box-sizing:border-box}
#artwork-detail-page .artwork-detail-editor{width:100%;}
#artwork-detail-page .artwork-detail-video{position:relative;width:100%;max-width:100%;aspect-ratio:16/9;margin:24px 0 40px;background:#111;overflow:hidden}
#artwork-detail-page .artwork-detail-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
#artwork-detail-page .artwork-detail-list-btn{margin-bottom:0; margin-top:var(--space-50);}
#contArea:has(#artist-page){width:100%;max-width:none;margin:0;padding-left:max(56px,calc((100% - 1440px) / 2));padding-right:max(56px,calc((100% - 1440px) / 2));box-sizing:border-box;padding-bottom:clamp(80px,7.3vw,140px)}
#contArea:has(#artist-page) .real-cont{padding:0;border:0;min-height:0}
#artist-page{width:100%;max-width:none;margin:0}
#artist-page .sub-content{padding-top:clamp(64px,6.25vw,120px);padding-bottom:0;padding-inline:0;box-sizing:border-box}
#artist-page .artist-page-inner{width:100%;max-width:none;margin:0}
#artist-page .artist-page-box{display:flex;flex-direction:column;align-items:center;gap:80px;width:100%}
#artist-page .artist-page-main{display:flex;align-items:center;gap:60px;width:100%}
#artist-page .artist-page-visual{flex:0 0 480px;width:480px;height:598px;max-width:100%;border-radius:0;overflow:hidden;background:#f6f6f6;box-sizing:border-box}
#artist-page .artist-page-visual img{width:100%;height:100%;object-fit:cover;display:block}
#artist-page .artist-page-intro{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:50px;width:100%}
#artist-page .artist-page-profile-block{display:flex;flex-direction:column;gap:30px;width:100%;box-sizing:border-box}
#artist-page .artist-page-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;width:100%}
#artist-page .artist-page-name-row{display:flex;align-items:flex-end;gap:20px;flex:1;min-width:0;flex-wrap:wrap}
#artist-page .artist-page-name{margin:0;font-size:clamp(32px,2.5vw,48px);font-weight:600;line-height:62px;letter-spacing:-0.96px;color:#2c2c2c}
#artist-page .artist-page-field{font-size:clamp(20px,1.46vw,28px);font-weight:500;line-height:42px;letter-spacing:-0.56px;color:#ff511f}
#artist-page .artist-page-head-row .follow-btn{font-size:15px;line-height:24px;font-weight:500;padding:6px 14px;border:1px solid #2c2c2c;border-radius:80px;background:#fff;color:#2c2c2c;cursor:pointer;flex-shrink:0;transition:background .2s,border-color .2s,color .2s;font-family:inherit}
#artist-page .artist-page-head-row .follow-btn:hover,#artist-page .artist-page-head-row .follow-btn.following{background:#ff511f;border-color:#ff511f;color:#fff}
#artist-page .artist-page-bio{margin:0;font-size:clamp(16px,1.04vw,20px);font-weight:400;line-height:34px;letter-spacing:-0.4px;color:#676767}
#artist-page .artist-page-meta-table{display:flex;flex-direction:column;width:100%;border-top:1px solid #2c2c2c;box-sizing:border-box}
#artist-page .artist-page-meta-row{display:flex;align-items:center;width:100%;padding:20px 0;border-bottom:1px solid #eee;box-sizing:border-box}
#artist-page .artist-page-meta-label{flex:0 0 100px;width:100px;font-size:18px;font-weight:400;line-height:28px;letter-spacing:-0.36px;color:#878787}
#artist-page .artist-page-meta-value{flex:1;min-width:0;font-size:18px;font-weight:400;line-height:28px;letter-spacing:-0.36px;color:#505050}
#artist-page .artist-page-hashtag-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%}
#artist-page .artist-page-hashtag{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;min-height:36px;padding:6px 14px;border-radius:80px;background:#f1f1f1;font-family:inherit;font-size:15px;font-weight:500;line-height:24px;letter-spacing:-0.3px;color:#2c2c2c;text-align:center;white-space:nowrap}
#artist-page .artist-page-intro .popup-detail-back{align-self:flex-start;margin-bottom:0}
#artist-page .artist-page-works-section{display:flex;flex-direction:column;gap:40px;width:100%;border-top:1px solid #eee;padding-top:80px;box-sizing:border-box}
#artist-page .artist-page-works-head{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%}
#artist-page .artist-page-works-title{margin:0;font-size:clamp(28px,1.875vw,36px);font-weight:600;line-height:50px;letter-spacing:-0.72px;color:#2c2c2c}
#artist-page .artist-page-works-head .popup-detail-back.artist-page-works-more{margin:0}
#artist-page .artist-page-works-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;width:100%}
#artist-page .artist-work-card{display:flex;flex-direction:column;gap:20px;min-width:0}
#artist-page .artist-work-thumb{position:relative;width:100%;height:420px;overflow:hidden;border-radius:0;background:#eee}
#artist-page .artist-work-thumb-link{display:block;width:100%;height:100%}
#artist-page .artist-work-thumb-link img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
#artist-page .artist-work-card:hover .artist-work-thumb-link img{transform:scale(1.03)}
#artist-page .artist-work-thumb .like-heart{position:absolute;top:12px;right:12px;z-index:2;width:auto;height:auto;border-radius:8px;padding:12px;margin:0;background:rgba(255,255,255,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;border:0;cursor:pointer;transition:color .2s,transform .15s;line-height:0;font-size:0}
#artist-page .artist-work-thumb .like-heart svg{width:20px;height:20px;stroke:currentColor;fill:none;display:block}
#artist-page .artist-work-thumb .like-heart:hover,#artist-page .artist-work-thumb .like-heart.liked{color:#ff511f}
#artist-page .artist-work-thumb .like-heart:hover svg,#artist-page .artist-work-thumb .like-heart.liked svg{fill:#ff511f;stroke:#ff511f}
#artist-page .artist-work-body{display:flex;flex-direction:column;gap:8px;padding:0;width:100%}
#artist-page .artist-work-title{margin:0;font-size:clamp(22px,1.46vw,28px);font-weight:600;line-height:42px;letter-spacing:-0.56px;color:#2c2c2c}
#artist-page .artist-work-title a{color:inherit;text-decoration:none}
#artist-page .artist-work-title a:hover{color:#ff511f}
#artist-page .artist-work-field{margin:0;font-size:clamp(16px,1.04vw,18px);font-weight:500;line-height:28px;letter-spacing:-0.36px;color:#676767}
.toast.hidden{display:none}

/* —— 인터뷰·트렌드 목록·상세 — #interview-* / #trend-* (동일 레이아웃) —— */
#container:has(#interview-list-page,#trend-list-page),#container:has(#interview-detail-page,#trend-detail-page){width:100%;max-width:none;margin:0;padding:0}
#contArea:has(#interview-list-page,#trend-list-page),#contArea:has(#interview-detail-page,#trend-detail-page){width:100%;max-width:none;margin:0;padding:0}
#contArea:has(#interview-list-page,#trend-list-page) .real-cont,#contArea:has(#interview-detail-page,#trend-detail-page) .real-cont{padding:0;border:0;min-height:0}
#interview-list-page,#trend-list-page,#interview-detail-page,#trend-detail-page{width:100%;max-width:none;margin:0}
#interview-list-page .sub-content,#trend-list-page .sub-content{padding-top:0;padding-bottom:clamp(80px,7.3vw,140px);box-sizing:border-box}
#interview-list-page .sub-content>.cw,#trend-list-page .sub-content>.cw{width:100%;max-width:none;margin:0;padding-inline:max(56px,calc((100% - 1440px) / 2));padding-top:40px;box-sizing:border-box}
#interview-list-page .interview-list-grid,#trend-list-page .interview-list-grid,#search-page .search-result-list--interview .interview-list-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:20px;row-gap:60px;margin-bottom:60px}
#interview-list-page .interview-list-card,#trend-list-page .interview-list-card,#search-page .search-result-list--interview .interview-list-card{display:flex;flex-direction:column;gap:24px;text-decoration:none;color:inherit}
#interview-list-page .interview-list-thumb,#trend-list-page .interview-list-thumb,#search-page .search-result-list--interview .interview-list-thumb{position:relative;width:100%;aspect-ratio:560/428;border-radius:0;overflow:hidden;background:#eee}
#interview-list-page .interview-list-thumb img,#trend-list-page .interview-list-thumb img,#search-page .search-result-list--interview .interview-list-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
#interview-list-page .interview-list-card:hover .interview-list-thumb img,#trend-list-page .interview-list-card:hover .interview-list-thumb img,#search-page .search-result-list--interview .interview-list-card:hover .interview-list-thumb img{transform:scale(1.03)}
#interview-list-page .interview-list-body,#trend-list-page .interview-list-body,#search-page .search-result-list--interview .interview-list-body{display:flex;flex-direction:column;gap:8px}
#interview-list-page .interview-list-title,#trend-list-page .interview-list-title,#search-page .search-result-list--interview .interview-list-title{margin:0;max-width:100%;font-size:clamp(20px,1.35vw,26px);font-weight:500;line-height:1.54;letter-spacing:-0.02em;color:#2c2c2c;word-break:keep-all;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#interview-list-page .interview-list-card:hover .interview-list-title,#trend-list-page .interview-list-card:hover .interview-list-title,#search-page .search-result-list--interview .interview-list-card:hover .interview-list-title{color:#ff511f}
#interview-list-page .interview-list-date,#trend-list-page .interview-list-date,#search-page .search-result-list--interview .interview-list-date{font-size:16px;font-weight:400;line-height:26px;letter-spacing:-0.02em;color:#bbb}
#interview-list-page .sub-pagination,#trend-list-page .sub-pagination{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;padding:20px 0;margin:0}
#interview-list-page .sub-pagination-side,#trend-list-page .sub-pagination-side{display:flex;align-items:center;gap:16px}
#interview-list-page .sub-pagination-nums,#trend-list-page .sub-pagination-nums{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}
#interview-list-page button.sub-page-arrow,a.sub-page-arrow,#trend-list-page button.sub-page-arrow,a.sub-page-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;background:transparent;padding:0;cursor:pointer;opacity:.55;transition:opacity .2s;line-height:0;font-size:0;font-family:inherit}
#interview-list-page .sub-page-arrow:hover,#trend-list-page .sub-page-arrow:hover{opacity:1}
#interview-list-page .sub-page-arrow img,#trend-list-page .sub-page-arrow img{display:block;width:auto;height:14px}
#interview-list-page .sub-page-num,#trend-list-page .sub-page-num{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:80px;font-size:15px;font-weight:600;color:#878787;background:#f6f6f6;text-decoration:none;transition:background .2s,color .2s}
#interview-list-page .sub-page-num.is-active,#trend-list-page .sub-page-num.is-active{background:#ff511f;color:#fff}
#interview-list-page .sub-page-num:hover:not(.is-active),#trend-list-page .sub-page-num:hover:not(.is-active){background:#ececec}
#interview-detail-page .sub-content,#trend-detail-page .sub-content{padding-top:clamp(64px,6.25vw,120px);padding-bottom:clamp(80px,7.3vw,140px);padding-inline:max(56px,calc((100% - 1440px) / 2));box-sizing:border-box}
#interview-detail-page .interview-detail-inner,#trend-detail-page .interview-detail-inner{width:100%;max-width:none;margin:0}
#interview-detail-page .interview-detail-head-section,#trend-detail-page .interview-detail-head-section{display:flex;flex-direction:column;align-items:flex-start;gap:20px;width:100%;padding-bottom:0;box-sizing:border-box}
#interview-detail-page .interview-detail-head-section .popup-path,#trend-detail-page .interview-detail-head-section .popup-path{margin-bottom:0}
#interview-detail-page .popup-path-current,#trend-detail-page .popup-path-current{color:#ff511f}
#interview-detail-page .popup-path-current,#trend-detail-page .popup-path-current{font-size:20px;line-height:34px;letter-spacing:-0.4px;font-weight:500}
#interview-detail-page .interview-detail-head-main,#trend-detail-page .interview-detail-head-main{display:flex;flex-direction:column;align-items:flex-start;gap:30px;width:100%}
#interview-detail-page .interview-detail-head-txt,#trend-detail-page .interview-detail-head-txt{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%;padding-bottom:24px;border-bottom:1px solid #eee;box-sizing:border-box}
#interview-detail-page .interview-detail-title,#trend-detail-page .interview-detail-title{margin:0;max-width:100%;font-size:52px;font-weight:600;line-height:66px;letter-spacing:-0.02em;color:#2c2c2c;width:100%;word-break:keep-all;overflow-wrap:anywhere}
#interview-detail-page .interview-detail-head-meta,#trend-detail-page .interview-detail-head-meta{display:flex;align-items:flex-end;justify-content:space-between;width:100%;gap:16px;font-size:20px;font-weight:400;line-height:34px;letter-spacing:-0.02em;color:#676767}
#interview-detail-page .interview-detail-head-editor,#trend-detail-page .interview-detail-head-editor{margin:0;flex-shrink:0}
#interview-detail-page .interview-detail-date,#trend-detail-page .interview-detail-date{font-size:20px;font-weight:400;line-height:34px;letter-spacing:-0.02em;color:#676767;flex-shrink:0;white-space:nowrap}
#interview-detail-page .interview-detail-head-tags,#trend-detail-page .interview-detail-head-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%}
#interview-detail-page .interview-detail-tag,#trend-detail-page .interview-detail-tag{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;padding:6px 14px;border-radius:80px;background:#f1f1f1;font-size:15px;font-weight:500;line-height:24px;letter-spacing:-0.3px;color:#2c2c2c;white-space:nowrap;text-decoration:none;transition:background .2s,color .2s}
#interview-detail-page a.interview-detail-tag:hover,#interview-detail-page a.interview-detail-tag:focus-visible,#trend-detail-page a.interview-detail-tag:hover,#trend-detail-page a.interview-detail-tag:focus-visible{background:#ff511f;color:#fff}
.popup-detail-tag{text-decoration:none;transition:background .2s,color .2s;cursor:pointer}
a.popup-detail-tag:hover,a.popup-detail-tag:focus-visible{background:#ff511f;color:#fff}
a.artwork-detail-hashtag,a.artist-page-hashtag{text-decoration:none;transition:color .2s,background .2s}
a.artwork-detail-hashtag:hover,a.artwork-detail-hashtag:focus-visible,a.artist-page-hashtag:hover,a.artist-page-hashtag:focus-visible{color:#ff511f}
.tag-filter-empty{width:100%;margin:48px 0 0;padding:48px 24px;text-align:center;font-size:18px;line-height:1.6;color:#878787;box-sizing:border-box}
#interview-detail-page .interview-detail-actions,#trend-detail-page .interview-detail-actions{display:flex;align-items:flex-start;flex-wrap:wrap;gap:24px;align-self:center;margin-bottom:0}
#interview-detail-page .interview-detail-actions .popup-detail-back,#trend-detail-page .interview-detail-actions .popup-detail-back{margin-bottom:0}
#interview-detail-page .interview-detail-actions,#trend-detail-page .interview-detail-actions{align-items:center;gap:24px;padding-top:40px;border-top:1px solid #eee;width:100%;justify-content:center}
#interview-detail-page .interview-detail-actions .popup-detail-back,#trend-detail-page .interview-detail-actions .popup-detail-back{gap:10px;min-height:52px;padding:12px 24px;border:1px solid #dfdfdf;border-radius:80px;background:#fff;font-size:17px;line-height:26px;color:#2c2c2c;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease}
#interview-detail-page .interview-detail-actions .popup-detail-back:hover,#interview-detail-page .interview-detail-actions .popup-detail-back:focus-visible,#trend-detail-page .interview-detail-actions .popup-detail-back:hover,#trend-detail-page .interview-detail-actions .popup-detail-back:focus-visible{border-color:#2c2c2c;color:#2c2c2c;transform:translateY(-2px)}
#interview-detail-page .interview-detail-actions .popup-detail-back img,#trend-detail-page .interview-detail-actions .popup-detail-back img{transition:transform .25s ease,filter .25s ease}
#interview-detail-page .interview-detail-actions .popup-detail-back:hover img,#trend-detail-page .interview-detail-actions .popup-detail-back:hover img{filter:none;transform:translate(2px,-2px)}
#interview-detail-page .interview-detail-actions .popup-detail-back:not(.detail-admin-btn),#trend-detail-page .interview-detail-actions .popup-detail-back:not(.detail-admin-btn){gap:12px;min-height:0;padding:0 0 8px;border:0;border-bottom:1px solid #2c2c2c;border-radius:0;background:transparent;font-size:18px;font-weight:600;line-height:28px;letter-spacing:-0.36px;color:#2c2c2c;transform:none}
#interview-detail-page .interview-detail-actions .popup-detail-back:not(.detail-admin-btn):hover,#interview-detail-page .interview-detail-actions .popup-detail-back:not(.detail-admin-btn):focus-visible,#trend-detail-page .interview-detail-actions .popup-detail-back:not(.detail-admin-btn):hover,#trend-detail-page .interview-detail-actions .popup-detail-back:not(.detail-admin-btn):focus-visible{border-color:#ff511f;border-bottom-color:#ff511f;color:#ff511f;background:transparent;transform:none}
#interview-detail-page .interview-detail-actions .popup-detail-back:not(.detail-admin-btn):hover img,#interview-detail-page .interview-detail-actions .popup-detail-back:not(.detail-admin-btn):focus-visible img,#trend-detail-page .interview-detail-actions .popup-detail-back:not(.detail-admin-btn):hover img,#trend-detail-page .interview-detail-actions .popup-detail-back:not(.detail-admin-btn):focus-visible img{filter:brightness(0) saturate(100%) invert(36%) sepia(93%) saturate(4592%) hue-rotate(354deg) brightness(101%) contrast(101%);transform:none}
#interview-detail-page .popup-detail-back:not(.detail-admin-btn).fx-btn::before,#interview-detail-page .popup-detail-back:not(.detail-admin-btn).fx-btn::after,#trend-detail-page .popup-detail-back:not(.detail-admin-btn).fx-btn::before,#trend-detail-page .popup-detail-back:not(.detail-admin-btn).fx-btn::after{content:none !important}
#interview-detail-page .popup-detail-back:not(.detail-admin-btn).fx-btn:hover,#interview-detail-page .popup-detail-back:not(.detail-admin-btn).fx-btn:focus-visible,#trend-detail-page .popup-detail-back:not(.detail-admin-btn).fx-btn:hover,#trend-detail-page .popup-detail-back:not(.detail-admin-btn).fx-btn:focus-visible{transform:none !important;box-shadow:none !important;background:transparent !important;color:#ff511f !important;border-color:#ff511f !important}
#interview-detail-page .popup-detail-back:not(.detail-admin-btn).fx-btn:hover *,#interview-detail-page .popup-detail-back:not(.detail-admin-btn).fx-btn:focus-visible *,#trend-detail-page .popup-detail-back:not(.detail-admin-btn).fx-btn:hover *,#trend-detail-page .popup-detail-back:not(.detail-admin-btn).fx-btn:focus-visible *{color:#ff511f !important}
#interview-detail-page .popup-detail-back:not(.detail-admin-btn).fx-btn:hover img,#interview-detail-page .popup-detail-back:not(.detail-admin-btn).fx-btn:focus-visible img,#trend-detail-page .popup-detail-back:not(.detail-admin-btn).fx-btn:hover img,#trend-detail-page .popup-detail-back:not(.detail-admin-btn).fx-btn:focus-visible img{filter:brightness(0) saturate(100%) invert(36%) sepia(93%) saturate(4592%) hue-rotate(354deg) brightness(101%) contrast(101%) !important}
#interview-detail-page .interview-detail-actions .detail-admin-btn,#trend-detail-page .interview-detail-actions .detail-admin-btn{min-height:44px;padding:8px 18px;border:1px solid #eee;border-radius:80px;background:#fff;font-size:15px;font-weight:500;line-height:24px;color:#878787}
#interview-detail-page .interview-detail-actions .detail-admin-sep,#trend-detail-page .interview-detail-actions .detail-admin-sep{width:1px;height:20px;background:#dfdfdf;margin:0 8px}
#interview-detail-page .interview-detail-actions .detail-admin-btn--delete:hover,#trend-detail-page .interview-detail-actions .detail-admin-btn--delete:hover{border-color:#ea4044;color:#ea4044}
@media (max-width:767px){#interview-detail-page .interview-detail-actions,#trend-detail-page .interview-detail-actions{justify-content:center}
#interview-detail-page .interview-detail-actions .popup-detail-back,#trend-detail-page .interview-detail-actions .popup-detail-back{flex:0 1 auto}
#interview-detail-page .interview-detail-actions .detail-admin-sep,#trend-detail-page .interview-detail-actions .detail-admin-sep{display:none}}
#interview-detail-page .interview-detail-editor-section,#trend-detail-page .interview-detail-editor-section{display:flex;flex-direction:column;align-items:center;gap:60px;width:100%;border-top:0;padding-top:clamp(48px,5.2vw,80px);box-sizing:border-box}
#interview-detail-page .interview-detail-editor,#trend-detail-page .interview-detail-editor{width:100%;min-height:clamp(400px,53.125vw,1020px);background:#f1f1f1;border-radius:0;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box}
#interview-detail-page .interview-detail-editor-placeholder,#trend-detail-page .interview-detail-editor-placeholder{margin:0;font-size:clamp(20px,1.67vw,32px);font-weight:600;line-height:1.44;letter-spacing:-0.03em;color:#bbb;text-align:center;white-space:pre-line}

/* —— 트렌드 목록 리스트 — Figma 15339:5791 —— */
#trend-list-page .trend-list,#search-page .search-result-list--trend .trend-list{display:flex;flex-direction:column;width:100%;margin:0 0 60px;border-top:1px solid #2c2c2c;box-sizing:border-box}
#trend-list-page .trend-list-row,#search-page .search-result-list--trend .trend-list-row{display:flex;align-items:center;justify-content:space-between;gap:0;width:100%;padding:20px 0;border-bottom:1px solid #eee;text-decoration:none;color:inherit;box-sizing:border-box}
#trend-list-page .trend-list-thumb,#search-page .search-result-list--trend .trend-list-thumb{position:relative;flex:0 0 clamp(280px,38.89vw,560px);width:clamp(280px,38.89vw,560px);height:clamp(214px,29.72vw,428px);overflow:hidden;background:#eee;flex-shrink:0}
#trend-list-page .trend-list-thumb img,#search-page .search-result-list--trend .trend-list-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
#trend-list-page .trend-list-row:hover .trend-list-thumb img,#search-page .search-result-list--trend .trend-list-row:hover .trend-list-thumb img{transform:scale(1.03)}
#trend-list-page .trend-list-txt,#search-page .search-result-list--trend .trend-list-txt{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:60px;padding-left:clamp(24px,4.17vw,60px);box-sizing:border-box;align-self:stretch}
#trend-list-page .trend-list-txt-main,#search-page .search-result-list--trend .trend-list-txt-main{display:flex;flex-direction:column;align-items:flex-start;gap:30px;width:100%}
#trend-list-page .trend-list-head,#search-page .search-result-list--trend .trend-list-head{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%}
#trend-list-page .trend-list-category,#search-page .search-result-list--trend .trend-list-category{margin:0;font-size:18px;font-weight:500;line-height:28px;letter-spacing:-0.36px;color:#ff511f}
#trend-list-page .trend-list-title,#search-page .search-result-list--trend .trend-list-title{margin:0;max-width:100%;font-size:clamp(24px,2.5vw,36px);font-weight:600;line-height:1.39;letter-spacing:-0.72px;color:#2c2c2c;word-break:keep-all;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#trend-list-page .trend-list-row:hover .trend-list-title,#search-page .search-result-list--trend .trend-list-row:hover .trend-list-title{color:#ff511f}
#trend-list-page .trend-list-desc,#search-page .search-result-list--trend .trend-list-desc{margin:0;font-size:clamp(16px,1.39vw,20px);font-weight:400;line-height:1.7;letter-spacing:-0.4px;color:#676767;word-break:keep-all;overflow-wrap:break-word}
#trend-list-page .trend-list-date,#search-page .search-result-list--trend .trend-list-date{font-size:16px;font-weight:400;line-height:26px;letter-spacing:-0.32px;color:#bbb;flex-shrink:0}

#interview-detail-page .interview-detail-editor,#trend-detail-page .interview-detail-editor,#notice-detail-page .notice-detail-editor{display:block;height:auto;min-height:0;background:transparent;padding:40px 0;align-items:stretch;justify-content:flex-start;color:#505050;font-size:18px;line-height:32px;text-align:left}
#interview-detail-page .interview-detail-editor img,#trend-detail-page .interview-detail-editor img,#notice-detail-page .notice-detail-editor img,#popup-detail-page .popup-detail-editor img,#artwork-detail-page .artwork-detail-editor img{max-width:100%;height:auto}

#interview-list-page a.sub-page-arrow,#trend-list-page a.sub-page-arrow,#artwork-artist-page a.sub-page-arrow,#notice-list-page a.popup-page-arrow,#popup-list-page a.popup-page-arrow{text-decoration:none}
/* member — login, signup, mypage */

.login-layout.login-layout--figma{display:block;max-width:640px;min-height:0;margin:0 auto;padding:80px 24px 120px;background:#fff;box-sizing:border-box}
.login-layout--figma .login-visual.login-visual--figma{display:none}
.login-visual--figma{display:none}
.login-visual-frame{display:none}
.login-visual--figma img{display:none}
.login-panel.login-panel--figma{padding:0;box-sizing:border-box;background:#fff;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:0;width:100%;margin:0}
.login-panel--figma.login-panel>p{margin:0;color:inherit}
.login-panel--figma .login-title,.login-panel--figma.login-panel h2.login-title{margin:0;color:#2c2c2c}
.login-panel-box{display:flex;flex:1 1 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%;max-width:none;min-height:0;align-self:stretch}
.login-tt{margin:0;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%}
h2.login-title{margin:0;font-size:52px;font-weight:600;line-height:66px;letter-spacing:-1.04px;color:#2c2c2c;word-break:keep-all}
.login-lead{margin:0;font-size:20px;font-weight:400;line-height:34px;letter-spacing:-0.4px;color:#676767}
.login-credentials{flex-shrink:0;width:100%;margin:0}
.login-form.login-form--figma{display:flex;flex-direction:column;align-items:flex-start;gap:40px;width:100%;margin:0}
.login-form--figma label.login-field{display:block;margin:0;font-size:inherit;font-weight:inherit}
.login-form--figma label.login-save{display:inline-flex;align-items:center;margin:0;font-size:16px;font-weight:400;line-height:24px;flex-shrink:0;max-width:none;width:auto}
.login-form--figma .login-field input{margin-top:0}
.login-form--figma button.login-link{width:auto;margin:0;min-height:0;white-space:nowrap}
.login-form--figma button.login-submit{width:100%}
.login-credentials-top{display:flex;flex-direction:column;align-items:flex-start;gap:20px;width:100%}
.login-credentials-btn{display:flex;flex-direction:column;align-items:flex-start;width:100%}
.login-fields{display:flex;flex-direction:column;gap:16px;width:100%}
.login-field{display:block;margin:0}
.login-field input{display:block;width:100%;height:60px;box-sizing:border-box;margin:0;border:0;border-bottom:1px solid #dfdfdf;border-radius:0;padding:10px 16px;font-family:inherit;font-size:16px;font-weight:400;line-height:24px;letter-spacing:-0.32px;color:#2c2c2c;background:transparent;outline:none}
.login-field input::placeholder{color:#878787;opacity:1}
.login-field input:focus-visible{border-bottom-color:#2c2c2c}
.login-panel--figma .login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;flex-wrap:nowrap;width:100%;min-height:24px}
.login-panel--figma .login-save{position:relative;display:inline-flex;align-items:center;gap:10px;margin:0;font-size:16px;font-weight:400;line-height:24px;letter-spacing:-0.32px;color:#505050;cursor:pointer;user-select:none;flex-shrink:0;width:auto}
.login-save input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.login-save-box{display:block;width:18px;height:18px;box-sizing:border-box;border:1px solid #ddd;background:#fff;flex-shrink:0}
.login-save input:checked+.login-save-box{background:#ff511f;border-color:#ff511f;box-shadow:inset 0 0 0 2px #fff}
.login-save input:focus-visible+.login-save-box{outline:2px solid #ff511f;outline-offset:2px}
.login-panel--figma .login-links{display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:10px;flex:0 1 auto;margin-left:auto;min-width:0}
.login-link{padding:0;border:0;background:transparent;font-family:inherit;font-size:16px;font-weight:400;line-height:24px;letter-spacing:-0.32px;color:#505050;cursor:pointer;text-decoration:none}
.login-link:hover,.login-link:focus-visible{color:#2c2c2c;text-decoration:underline}
.login-link-sep{display:block;width:1px;height:10px;background:#eee;flex-shrink:0}
.login-submit{display:flex;align-items:center;justify-content:center;width:100%;margin:0;padding:18px 20px;border:0;border-radius:0;background:#ff511f;color:#fff;font-family:inherit;font-size:18px;font-weight:600;line-height:28px;letter-spacing:-0.36px;cursor:pointer;transition:background .2s}
.login-submit:hover,.login-submit:focus-visible{background:#e64818}
.login-another{flex-shrink:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}
.login-social-divider{display:flex;align-items:center;gap:10px;width:100%;margin:0}
.login-social-divider::before,.login-social-divider::after{content:'';flex:1 1 auto;height:1px;background:#eee}
.login-social-divider span{font-size:16px;font-weight:500;line-height:24px;letter-spacing:-0.32px;color:#bbb;white-space:nowrap}
.login-social-btns{display:flex;flex-direction:column;gap:8px;width:100%}
.login-social-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;margin:0;padding:18px 20px;border:0;border-radius:0;font-family:inherit;font-size:18px;font-weight:600;line-height:28px;letter-spacing:-0.36px;cursor:pointer;transition:filter .2s}
.login-social-btn img{display:block;width:20px;height:20px;flex-shrink:0;object-fit:contain}
.login-social-btn--naver{background:#03c75a;color:#fff}
.login-social-btn--naver:hover,.login-social-btn--naver:focus-visible{filter:brightness(.95)}
.login-social-btn--kakao{background:#fee500;color:#191600}
.login-social-btn--kakao:hover,.login-social-btn--kakao:focus-visible{filter:brightness(.97)}
/* 회원가입 — Figma sub00_02약관동의 · sub00_03회원가입 */
#contArea:has(.member-signup-flow){padding:0!important}
#container:has(#member-mypage-page){width:100%;max-width:none;margin:0;padding:0}
#contArea:has(#member-mypage-page){width:100%;max-width:none;margin:0;padding:0!important;box-sizing:border-box}
#contArea:has(#member-mypage-page) .real-cont{padding:0;border:0;min-height:0}
.member-mypage-page{width:100%;max-width:none;margin:0;background:#fff;box-sizing:border-box}
.member-mypage-body{padding-top:0;padding-bottom:clamp(80px,7.3vw,140px);padding-left:max(56px,calc((100% - 1440px) / 2));padding-right:max(56px,calc((100% - 1440px) / 2));box-sizing:border-box}
.member-mypage-inner{width:100%;max-width:1440px;margin:0;box-sizing:border-box}
.member-mypage-layout{display:flex;align-items:flex-start;gap:60px;width:100%;max-width:1440px}
.member-mypage-nav{flex:0 0 220px;width:220px;display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:30px;border:1px solid #eee;border-radius:0;background:#fff;box-sizing:border-box}
.member-mypage-nav-link{display:flex;align-items:center;width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;font-family:inherit;font-size:18px;font-weight:500;line-height:28px;letter-spacing:-0.36px;color:#afafaf;text-align:left;text-decoration:none;cursor:pointer;box-sizing:border-box;white-space:nowrap}
.member-mypage-nav-link.is-active{color:#ff511f}
.member-mypage-nav-link.is-unlinked{cursor:default;color:#afafaf}
.member-mypage-nav-logout{font-family:inherit;text-align:left}
.member-mypage-nav-link[hidden]{display:none}
/* 마이페이지 — 작가 회원 (작가 프로필 관리 · 작품 관리 · 작품 등록) */
.member-mypage-main--artist .member-mypage-form.member-signup-form{padding-top:20px}
#container:has(#member-artist-apply){width:100%;max-width:none;margin:0;padding-left:max(56px,calc((100% - 1440px) / 2));padding-right:max(56px,calc((100% - 1440px) / 2));box-sizing:border-box}
#contArea:has(#member-artist-apply){width:100%;max-width:none;margin:0;padding:0!important}
#contArea:has(#member-artist-apply) .real-cont{width:100%;max-width:none;padding:0}
.member-artist-apply .member-signup-inner{max-width:none;padding-left:0;padding-right:0}
.member-artist-apply .member-signup-box--form{max-width:none}
.member-artist-apply .member-signup-row{max-width:none}
.member-artist-apply .member-signup-field,.member-artist-apply .member-signup-field--stack{flex:1 1 0;max-width:none}
.member-artist-apply-row--intro{margin-bottom:30px}
.member-artist-apply-row--intro .member-signup-field--stack{position:relative}
.member-artist-apply-row--intro .member-form-count{position:absolute;top:calc(100% + 8px);right:0}
.member-artist-apply-row--intro .member-form-hint{position:absolute;top:calc(100% + 8px);left:0;right:0}
.member-artist-apply .member-upload-grid{grid-template-columns:repeat(5,160px)}
.member-form-note.member-artist-apply-lead{align-self:stretch;margin-top:20px;font-size:18px;line-height:28px;letter-spacing:-0.36px}
.member-artist-apply .member-signup-box--form{gap:40px}
.member-artist-apply .member-signup-actions--form{margin-top:30px}
.member-upload-box.member-artist-photo-preview{border-radius:50%}
.member-upload-box.member-artist-photo-preview .member-upload-empty{font-size:14px}
.member-artist-apply-agree{align-items:center;padding-top:16px}
.member-form-radio.member-artist-apply-agree span{white-space:normal;word-break:keep-all}
.member-artist-apply-agree input{margin:0!important}
.member-signup-field .member-form-radio input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:0 0 20px;width:20px;height:20px;border:1px solid #afafaf;border-radius:0;background:#fff no-repeat center/14px 14px;cursor:pointer;transition:background-color .2s,border-color .2s}
.member-signup-field .member-form-radio input[type=checkbox]:checked{border-color:#ff511f;background-color:#ff511f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E")}
.member-signup-field .member-form-radio input[type=checkbox]:focus-visible{outline:2px solid #2c2c2c;outline-offset:2px}
.member-artist-apply input.blind,.member-mypage-main--artist input.blind{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);opacity:0}
.member-artist-head-side{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.member-artist-head-link{font-size:16px;font-weight:500;line-height:26px;letter-spacing:-0.32px;color:#676767;text-decoration:underline;text-underline-offset:3px}
.member-artist-head-link:hover{color:#ff511f}
.member-artist-status{display:inline-flex;align-items:center;gap:8px;margin:0;padding:6px 14px;border-radius:80px;background:#f6f6f6;font-size:15px;font-weight:600;line-height:24px;color:#505050}
.member-artist-status-dot{width:8px;height:8px;border-radius:50%;background:#afafaf}
.member-artist-status.is-approved{background:#fff1ec;color:#ff511f}
.member-artist-status.is-approved .member-artist-status-dot{background:#ff511f}
.member-artist-photo{align-items:center;gap:30px}
.member-artist-photo-preview{flex-shrink:0;width:140px;height:140px;border-radius:50%;overflow:hidden;background:#f6f6f6}
.member-artist-photo-preview img{display:block;width:100%;height:100%;object-fit:cover}
.member-artist-photo-side{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.member-upload-btn{position:relative;display:inline-flex;align-items:center}
.member-artist-photo-side .member-signup-btn-dark.member-upload-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 16px;font-size:15px;font-weight:600;line-height:1;letter-spacing:-0.3px}
.member-form-hint{margin:0;font-size:15px;font-weight:400;line-height:24px;letter-spacing:-0.3px;color:#878787}
.member-form-note{margin:0;margin-top:40px;font-size:16px;font-weight:400;line-height:26px;letter-spacing:-0.32px;color:#676767;text-align:center}
.member-artist-chips{flex-wrap:wrap;gap:10px;padding-top:10px}
.member-artist-chip{cursor:pointer}
.member-artist-chip span{display:inline-flex;align-items:center;height:42px;padding:0 18px;border:1px solid #dfdfdf;border-radius:80px;font-size:16px;font-weight:500;line-height:1;letter-spacing:-0.32px;color:#676767;transition:border-color .2s,color .2s,background .2s}
.member-artist-chip:hover span{border-color:#afafaf}
.member-artist-chip input:checked+span{border-color:#ff511f;background:#fff1ec;color:#ff511f}
.member-artist-chip.fx-btn::before,.member-artist-chip.fx-btn::after{content:none !important}
.member-artist-chip.fx-btn:hover{transform:none !important;box-shadow:none !important;background:none !important;color:inherit !important;border-color:transparent !important}
.member-artist-chip.fx-btn:hover *{color:inherit !important}
.member-artist-chip > span.fx-btn{overflow:hidden}
.member-artist-chip input:focus-visible+span{outline:2px solid #2c2c2c;outline-offset:2px}
.member-form-textarea{display:block;width:100%;min-height:200px;margin:0;padding:16px;border:1px solid #dfdfdf;border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:16px;font-weight:400;line-height:26px;letter-spacing:-0.32px;color:#2c2c2c;background:#fff;resize:vertical;outline:none}
.member-form-textarea::placeholder{color:#a8a8a8}
.member-form-textarea:focus-visible{border-color:#2c2c2c}
.member-form-count{margin:0;text-align:right;font-size:14px;line-height:22px;color:#878787}
.member-form-select{display:block;width:100%;height:60px;margin:0;padding:10px 44px 10px 16px;border:0;border-bottom:1px solid #dfdfdf;border-radius:0;font-family:inherit;font-size:16px;line-height:24px;letter-spacing:-0.32px;color:#2c2c2c;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23676767' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center;-webkit-appearance:none;appearance:none;cursor:pointer;outline:none}
.member-form-select:focus-visible{border-bottom-color:#2c2c2c}
.member-artist-history{display:flex;flex-direction:column;gap:8px;width:100%}
.member-artist-history-item{display:flex;align-items:center;gap:12px}
.member-artist-history-item input{flex:1 1 auto;min-width:0}
.member-artist-history-item .member-artist-history-year{flex:0 0 110px;width:110px}
.member-artist-history-remove{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:#afafaf;cursor:pointer}
.member-artist-history-remove:hover{background:#f6f6f6;color:#2c2c2c}
.member-artist-history-add{display:inline-flex;align-items:center;justify-content:center;gap:6px;align-self:flex-start;margin-top:8px;padding:10px 18px;border:1px dashed #cfcfcf;border-radius:80px;background:#fff;font-family:inherit;font-size:15px;font-weight:600;line-height:24px;color:#505050;cursor:pointer}
.member-artist-history-add svg{width:18px;height:18px}
.member-artist-history-add:hover{border-color:#ff511f;color:#ff511f}
.member-upload-box{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px dashed #cfcfcf;border-radius:4px;background:#fafafa;cursor:pointer;transition:border-color .2s}
.member-upload-box:hover{border-color:#ff511f}
.member-upload-box:has(input:focus-visible){outline:2px solid #2c2c2c;outline-offset:2px}
.member-upload-box[hidden]{display:none}
.member-upload-box--thumb{width:200px;aspect-ratio:4/5}
.member-upload-empty{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:15px;font-weight:500;line-height:24px;color:#878787}
.member-upload-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.member-upload-preview[hidden]{display:none}
.member-upload-box.has-image .member-upload-empty{visibility:hidden}
.member-upload-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:100%}
.member-upload-grid>*{aspect-ratio:1/1}
.member-upload-item{position:relative;overflow:hidden;border-radius:4px;background:#f6f6f6}
.member-upload-item img{display:block;width:100%;height:100%;object-fit:cover}
.member-upload-remove{position:absolute;top:6px;right:6px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;cursor:pointer}
.member-form-radios{display:flex;flex-wrap:wrap;gap:12px 32px;padding-top:16px}
.member-form-radio{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:500;line-height:26px;color:#2c2c2c;cursor:pointer}
.member-signup-field .member-form-radio input{flex:0 0 20px;width:20px;height:20px;margin:0;padding:0;border:0;accent-color:#ff511f;cursor:pointer}
.member-form-radio span{white-space:nowrap}
.member-artist-actions{gap:10px}
.member-artist-cancel{min-width:140px;border-color:#dfdfdf;color:#676767;text-decoration:none;box-sizing:border-box}
.member-artist-cancel:hover,.member-artist-cancel:focus-visible{background:#f6f6f6;border-color:#dfdfdf;color:#2c2c2c}
.member-artwork-add{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:40px;padding:0 18px;border:1px solid #2c2c2c;border-radius:80px;background:#2c2c2c;font-size:15px;font-weight:600;line-height:1;letter-spacing:-0.3px;color:#fff;text-decoration:none;white-space:nowrap;transition:background .2s,border-color .2s}
.member-artwork-add svg{display:block;width:16px;height:16px;flex-shrink:0;margin-left:-2px}
.member-artwork-add:hover,.member-artwork-add:focus-visible{background:#ff511f;border-color:#ff511f;color:#fff}
.member-artwork-list{display:flex;flex-direction:column;margin:-16px 0 0;padding:0;list-style:none}
.member-artwork-item{display:flex;align-items:center;gap:30px;padding:24px 0;border-bottom:1px solid #eee}
.member-artwork-thumb{flex-shrink:0;width:120px;aspect-ratio:4/5;overflow:hidden;background:#f6f6f6}
.member-artwork-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.member-artwork-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.member-artwork-title{margin:0;font-size:clamp(20px,1.25vw,24px);font-weight:600;line-height:1.5;letter-spacing:-0.48px;color:#2c2c2c}
.member-artwork-info .member-interest-meta{flex-wrap:wrap}
.member-artwork-status{display:inline-flex;align-items:center;padding:3px 10px;border-radius:4px;font-size:14px;font-weight:600;line-height:22px;background:#f6f6f6;color:#676767}
.member-artwork-status.is-open{background:#fff1ec;color:#ff511f}
.member-artwork-status.is-reject{background:#2c2c2c;color:#fff}
.member-artwork-actions{flex-shrink:0;display:flex;gap:8px}
.member-artwork-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 18px;margin:0;border:1px solid #2c2c2c;border-radius:80px;background:#fff;font-family:inherit;font-size:15px;font-weight:600;line-height:1;color:#2c2c2c;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.member-artwork-btn:hover{background:#2c2c2c;color:#fff}
.member-artwork-btn--line{border-color:#dfdfdf;color:#676767}
.member-artwork-btn--line:hover{background:#f6f6f6;border-color:#dfdfdf;color:#2c2c2c}
/* Figma 15642:8706 — 폼 영역 w1160 (라벨 180 + 필드 980) */
.member-mypage-main{flex:1 1 0;width:auto;max-width:1160px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:50px;box-sizing:border-box}
.member-mypage-gate{width:100%;display:flex;justify-content:center;padding:24px 0 40px}
.member-mypage-gate-card{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:28px;padding:56px 32px;border:1px solid #eee;box-sizing:border-box;text-align:center;background:#fff}
.member-mypage-gate-title{margin:0;font-size:28px;font-weight:600;line-height:40px;letter-spacing:-0.02em;color:#2c2c2c}
.member-mypage-gate-desc{margin:0;font-size:16px;font-weight:400;line-height:26px;letter-spacing:-0.02em;color:#676767}
.member-mypage-gate-form{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:24px}
.member-mypage-gate-form input{width:100%;height:52px;margin:0;padding:0 16px;border:0;border-bottom:1px solid #dfdfdf;border-radius:0;background:transparent;font-family:inherit;font-size:16px;color:#2c2c2c;box-sizing:border-box}
.member-mypage-gate-form input:focus{outline:none;border-bottom-color:#2c2c2c}
.member-mypage-gate .member-signup-pill{min-width:120px}
.member-mypage-form-wrap{align-self:stretch;border-top:2px solid #2c2c2c;width:100%;box-sizing:border-box}
.member-mypage-form.member-signup-form{width:100%;max-width:none;padding:40px 0;border-bottom:1px solid #eee;gap:30px;box-sizing:border-box}
.member-mypage-main .member-signup-row{width:100%;max-width:none;justify-content:flex-start;gap:0}
.member-mypage-main .member-signup-field{flex:1 1 0;min-width:0;max-width:none;width:auto}
.member-mypage-main .member-signup-field--stack{align-items:stretch;width:100%;max-width:none}
.member-mypage-main .member-signup-field--address{width:100%;max-width:none;flex:1 1 auto}
.member-mypage-row--id{align-items:center;flex-wrap:nowrap;justify-content:space-between;gap:0}
.member-mypage-row--id .member-signup-field{display:none}
.member-mypage-row--id .member-mypage-value{flex:1 1 0;min-width:0;margin:0;padding:0;font-size:16px;font-weight:400;line-height:24px;letter-spacing:-0.32px;color:#505050}
.member-mypage-withdraw{flex-shrink:0;margin-left:auto;padding:0;border:0;background:transparent;font-family:inherit;font-size:16px;font-weight:500;line-height:24px;letter-spacing:-0.32px;color:#676767;text-decoration:underline;cursor:pointer}
.member-mypage-main:has(.member-leave-panel){align-items:center}
.member-leave-panel{width:100%;max-width:520px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:36px;padding:64px 40px 48px;border:1px solid #eee;box-sizing:border-box;text-align:center;background:#fff}
.member-leave-title{margin:0;font-size:28px;font-weight:600;line-height:36px;letter-spacing:-0.56px;color:#121212}
.member-leave-lead{margin:-16px 0 0;font-size:16px;font-weight:400;line-height:26px;letter-spacing:-0.32px;color:#676767}
.member-leave-notes{width:100%;display:flex;flex-direction:column;gap:22px;text-align:left}
.member-leave-block{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:10px}
.member-leave-block h3{margin:0;font-size:14px;font-weight:600;line-height:22px;letter-spacing:-0.28px;color:#2c2c2c;text-align:left}
.member-leave-block--warn h3{color:#d92d20}
.member-leave-block ul{width:100%;margin:0;padding:0;list-style:none;text-align:left;color:#505050;font-size:15px;line-height:24px}
.member-leave-block li{position:relative;margin:0;padding-left:16px;text-align:left}
.member-leave-block li+li{margin-top:8px}
.member-leave-block li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:#2c2c2c}
.member-leave-block--warn li::before{background:#d92d20}
.member-leave-form{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;padding-top:28px;border-top:1px solid #eee;text-align:center}
.member-leave-check-label{margin:0;font-size:15px;font-weight:600;line-height:22px;letter-spacing:-0.3px;color:#2c2c2c}
.member-leave-form input{width:100%;height:48px;padding:0;border:0;border-bottom:1px solid #dfdfdf;background:transparent;font:inherit;font-size:16px;color:#2c2c2c;text-align:center}
.member-leave-form input::placeholder{color:#bbb}
.member-leave-ready{margin:0;font-size:14px;line-height:22px;color:#676767}
.member-leave-social{display:inline-flex;align-items:center;justify-content:center;min-width:160px;height:48px;padding:0 24px;border-radius:999px;background:#121212;color:#fff;font-size:15px;font-weight:600;text-decoration:none}
.member-leave-actions{display:flex;justify-content:center;gap:10px;width:100%;margin-top:8px}
.member-leave-cancel,.member-leave-submit{display:inline-flex;align-items:center;justify-content:center;min-width:120px;height:48px;padding:0 22px;border-radius:999px;font:inherit;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer}
.member-leave-cancel{border:1px solid #dfdfdf;background:#fff;color:#2c2c2c}
.member-leave-submit{border:0;background:#121212;color:#fff}
.member-leave-submit:disabled{opacity:.4;cursor:default}
.member-left-done{display:flex;justify-content:center;padding:80px 16px}
.member-left-card{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:24px;padding:56px 32px;border:1px solid #eee;text-align:center}
.member-left-card h2{margin:0;font-size:28px;font-weight:600;line-height:38px;color:#2c2c2c}
.member-left-card p{margin:0;font-size:16px;line-height:26px;color:#505050}
.member-left-ok{display:inline-flex;align-items:center;justify-content:center;min-width:120px;height:48px;padding:0 24px;border-radius:999px;background:#121212;color:#fff;font-size:16px;font-weight:600;text-decoration:none}
.member-mypage-value{flex:1 1 auto;min-width:0;margin:0;padding:16px 0;font-size:16px;font-weight:400;line-height:24px;letter-spacing:-0.32px;color:#2c2c2c}
.member-mypage-row .member-signup-field input[readonly]{color:#505050;background:transparent}
.member-mypage-actions{display:flex;justify-content:center;width:100%;align-self:center;margin-top:40px}
.member-mypage-submit.member-signup-pill{min-width:140px}
.member-mypage-submit.member-signup-pill:hover,.member-mypage-submit.member-signup-pill:focus-visible{background:#ff511f;border-color:#ff511f;color:#fff}
/* 마이페이지 · 관심 작품 */
.member-mypage-main {gap:0;}
.member-mypage-main--list{align-items:stretch;}
.member-interest-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px;margin-bottom:40px;border-bottom:2px solid #2c2c2c}
h2.member-interest-title{margin:0;font-size:clamp(24px,1.67vw,32px);font-weight:600;line-height:46px;letter-spacing:-0.64px;color:#2c2c2c}
.member-interest-count{display:flex;align-items:center;gap:10px;margin:0;font-size:clamp(16px,1.04vw,20px);font-weight:500;line-height:30px;letter-spacing:-0.4px;color:#505050}
.member-interest-count-divider{width:1px;height:12px;background:#dfdfdf;flex-shrink:0}
.member-interest-count strong{font-weight:500;color:#ff511f}
.member-interest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px 32px;width:100%}
.member-interest-grid[hidden]{display:none}
.member-interest-card{position:relative;display:flex;flex-direction:column;gap:20px;min-width:0}
.member-interest-thumb{position:relative;display:block;width:100%;overflow:hidden;background:#eee}
.member-interest-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.member-interest-card:hover .member-interest-thumb img{transform:scale(1.03)}
.member-interest-heart{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:8px;background:rgba(255,255,255,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;line-height:0;transition:color .2s,background .2s}
.member-interest-heart svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;pointer-events:none}
.member-interest-heart.is-liked{color:#ff511f}
.member-interest-heart.is-liked svg{fill:#ff511f}
.member-interest-heart:hover{background:rgba(255,255,255,.7)}
.member-interest-heart:focus-visible{outline:3px solid #ff511f;outline-offset:2px}
.member-interest-body{display:flex;flex-direction:column;gap:8px}
.member-interest-card-title{margin:0;font-size:clamp(20px,1.25vw,24px);font-weight:600;line-height:1.5;letter-spacing:-0.48px;color:#2c2c2c}
.member-interest-card-title a{color:inherit;text-decoration:none}
.member-interest-card-title a:hover{color:#ff511f}
.member-interest-meta{display:flex;align-items:center;gap:10px;margin:0;font-size:clamp(15px,0.94vw,18px);font-weight:500;line-height:1.56;color:#676767}
.member-interest-meta-divider{width:1px;height:12px;background:#dfdfdf;flex-shrink:0}
.member-interest-empty{display:flex;flex-direction:column;align-items:center;gap:16px;padding:100px 20px;text-align:center}
.member-interest-empty[hidden]{display:none}
.member-interest-empty-title{margin:0;font-size:24px;font-weight:600;line-height:36px;letter-spacing:-0.48px;color:#2c2c2c}
.member-interest-empty-desc{margin:0;font-size:18px;font-weight:400;line-height:28px;letter-spacing:-0.36px;color:#676767}
.member-interest-empty-btn{margin-top:24px;text-decoration:none}
.member-interest-empty-btn:hover,.member-interest-empty-btn:focus-visible{background:#ff511f;border-color:#ff511f;color:#fff}
.member-interest-head{scroll-margin-top:140px}
.member-interest-pager{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;margin:20px 0 0;padding:0}
.member-interest-pager[hidden]{display:none}
.member-interest-pager .sub-pagination-side{display:flex;align-items:center;gap:16px}
.member-interest-pager .sub-pagination-nums{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}
.member-interest-pager button.sub-page-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;opacity:.55;line-height:0;font-size:0;font-family:inherit;transition:opacity .2s}
.member-interest-pager button.sub-page-arrow:hover:not(:disabled){opacity:1}
.member-interest-pager button.sub-page-arrow:disabled{opacity:.25;cursor:default}
.member-interest-pager .sub-page-arrow img{display:block;width:auto;height:14px}
.member-interest-pager .sub-page-num{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:80px;font-size:15px;font-weight:600;color:#878787;background:#f6f6f6;text-decoration:none;transition:background .2s,color .2s}
.member-interest-pager .sub-page-num.is-active{background:#ff511f;color:#fff}
.member-interest-pager .sub-page-num:hover:not(.is-active){background:#ececec}
.member-interest-card--popup .member-interest-thumb{aspect-ratio:4/3}
.member-interest-tag{position:absolute;top:16px;left:16px;z-index:1;display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:0;background:rgba(0,0,0,.16);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);font-size:16px;font-weight:600;color:#fff;line-height:26px;letter-spacing:-0.32px;white-space:nowrap}
.member-interest-rows{display:flex;flex-direction:column;gap:6px}
.member-interest-row{display:flex;align-items:center;gap:8px;margin:0;font-size:clamp(15px,0.94vw,18px);font-weight:500;line-height:1.56;color:#676767}
.member-interest-row img{flex-shrink:0;width:20px;height:20px;opacity:.6}
.member-interest-card--follow .member-interest-thumb{aspect-ratio:1/1}
.member-interest-follow-row{display:flex;align-items:center;justify-content:space-between;gap:16px}
.member-interest-follow-txt{display:flex;flex-direction:column;gap:4px;min-width:0}
.member-interest-follow-btn{flex-shrink:0;height:40px;padding:0 20px;margin:0;border:1px solid #ff511f;border-radius:80px;background:#ff511f;color:#fff;font-family:inherit;font-size:15px;font-weight:600;line-height:1;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.member-interest-follow-btn:hover{background:#e64818;border-color:#e64818;color:#fff}
.member-interest-follow-btn:focus-visible{outline:3px solid #ff511f;outline-offset:2px}
.member-signup-flow{display:flex;flex-direction:column;align-items:center;width:100%;max-width:none;margin:0;padding:0;background:#fff;box-sizing:border-box}
.member-signup-inner{width:100%;max-width:980px;margin:0 auto;padding:0 20px 140px;box-sizing:border-box}
.member-signup-hero{display:flex;flex-direction:column;align-items:center;width:100%;padding:120px 0 100px;box-sizing:border-box;text-align:center}
h2.member-signup-title{margin:0;width:100%;font-size:52px;font-weight:600;line-height:66px;letter-spacing:-1.04px;color:#2c2c2c;text-align:center}
.member-signup-box{display:flex;flex-direction:column;align-items:center;gap:70px;width:100%}
.member-signup-terms-list{display:flex;flex-direction:column;align-items:flex-start;gap:40px;width:100%;max-width:980px;align-self:stretch;flex-shrink:0}
.member-signup-terms-block{display:flex;flex-direction:column;align-items:flex-start;gap:20px;width:100%;max-width:980px;flex-shrink:0}
.member-signup-check--all{flex-shrink:0}
.member-signup-check{display:inline-flex;align-items:center;gap:10px;margin:0;cursor:pointer;user-select:none}
.member-signup-check-label{font-size:20px;font-weight:600;letter-spacing:-0.4px;color:#2c2c2c;line-height:normal;white-space:nowrap}
.member-signup-check-ui{display:block;width:24px;height:24px;flex-shrink:0;position:relative;line-height:0}
.member-signup-check-img{display:block;width:24px;height:24px;max-width:none}
.member-signup-check-img--on{display:none}
.member-signup-check-ui.is-checked .member-signup-check-img--off{display:none}
.member-signup-check-ui.is-checked .member-signup-check-img--on{display:block}
.member-signup-terms-box{display:flex;align-items:flex-start;width:100%;max-width:980px;height:230px;overflow:hidden;padding:20px 20px 0;border:1px solid #eee;border-radius:8px;background:#fff;box-sizing:border-box;flex-shrink:0}
.member-signup-terms-box:focus-visible{outline:2px solid #2c2c2c;outline-offset:2px}
.member-signup-terms-copy{flex:1 1 auto;min-width:0;width:100%;max-height:100%;overflow-y:auto;padding:0 0 20px;font-size:16px;font-weight:400;line-height:0;letter-spacing:-0.32px;color:#505050;word-break:break-word;box-sizing:border-box}
.member-signup-terms-p{display:block;margin:0;font-size:16px;font-weight:400;line-height:30px;letter-spacing:-0.32px;color:#505050;white-space:pre-wrap}
.member-signup-terms-p--head{line-height:normal;white-space:pre-wrap}
.member-signup-terms-p--spacer{line-height:normal;margin:0;font-size:16px;color:transparent;user-select:none;pointer-events:none;white-space:pre}
.member-signup-box--form{align-self:stretch;width:100%;max-width:980px}
.member-signup-form-wrap{border-top:2px solid #2c2c2c;width:100%;flex-shrink:0}
.member-signup-form{display:flex;flex-direction:column;align-items:flex-start;gap:20px;width:100%;padding:40px 0;border-bottom:1px solid #eee;box-sizing:border-box}
.member-signup-row{display:flex;align-items:center;justify-content:flex-start;gap:0;width:100%;max-width:980px;padding:0;border:0;box-sizing:border-box}
.member-signup-row--top{align-items:flex-start}
.member-signup-row--top .member-signup-label{padding-top:16px}
.member-signup-label{flex:0 0 180px;width:180px;font-size:18px;font-weight:600;line-height:28px;letter-spacing:-0.36px;color:#2c2c2c}
.member-signup-field{flex:1 1 auto;min-width:0;display:flex;align-items:center}
.member-signup-field--split{gap:8px;flex-wrap:nowrap;align-items:flex-start}
.member-signup-field--stack{flex-direction:column;align-items:stretch;gap:8px;}
.member-signup-field--address{}
.member-signup-field--zip{flex-direction:row;width:100%;max-width:none}
.member-signup-field--birth input{flex:0 0 240px;width:240px;max-width:240px}
.member-signup-field input{display:block;width:100%;height:60px;box-sizing:border-box;margin:0;padding:10px 16px;border:0;border-bottom:1px solid #dfdfdf;border-radius:0;font-family:inherit;font-size:16px;font-weight:400;line-height:24px;letter-spacing:-0.32px;color:#2c2c2c;background:transparent;outline:none}
.member-signup-field input::placeholder{color:#a8a8a8;opacity:1}
.member-signup-field input:focus-visible{border-bottom-color:#2c2c2c}
.member-signup-field--split input{flex:1 1 auto;min-width:0}
.member-signup-field--zip input{flex:0 0 180px;width:180px;max-width:180px}
.member-signup-btn-dark{flex-shrink:0;padding:17px 22px;border:0;border-radius:4px;background:#1c1c1c;color:#fff;font-family:inherit;font-size:16px;font-weight:600;line-height:26px;letter-spacing:-0.32px;cursor:pointer;white-space:nowrap}
.member-signup-btn-calendar{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:60px;height:60px;padding:0;border:0;border-radius:4px;background:#f6f6f6;cursor:pointer;line-height:0}
.member-signup-btn-calendar .member-signup-icon-calendar,.member-signup-btn-calendar svg{display:block;width:18px;height:20px;max-width:none;max-height:none;flex-shrink:0;pointer-events:none}
.member-signup-btn-calendar img{display:block;width:18px!important;height:20px!important;max-width:none;max-height:none;object-fit:contain;flex-shrink:0;pointer-events:none}
.member-signup-actions--form{margin-top:0;gap:0;width:auto;align-self:center}
.member-signup-actions{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}
.member-signup-inner>.member-signup-actions{margin-top:70px}
.member-signup-box>.member-signup-actions,.member-signup-actions.member-signup-actions--terms{margin-top:0;gap:0;width:auto;align-self:center}
.member-signup-actions.member-signup-actions--type,.member-signup-actions.member-signup-actions--form{margin-top:0;width:auto;align-self:center}
.member-signup-pill{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:14px 24px;border:1px solid #2c2c2c;border-radius:80px;background:#fff;color:#2c2c2c;font-family:inherit;font-size:20px;font-weight:600;line-height:34px;letter-spacing:-0.4px;cursor:pointer;transition:background .2s,color .2s}
.member-signup-pill:hover,.member-signup-pill:focus-visible{background:#2c2c2c;color:#fff}
.member-signup-back{padding:0;border:0;background:transparent;font-family:inherit;font-size:16px;font-weight:500;line-height:24px;letter-spacing:-0.32px;color:#676767;text-decoration:underline;cursor:pointer}
/* 회원 구분 — Figma sub00_02 (15672:9603) */
.member-signup-box--type{align-self:stretch;width:100%;max-width:980px;gap:0}
.member-signup-box--type>.member-signup-actions.member-signup-actions--type{position:relative;width:100%;margin-top:70px;flex-direction:row;justify-content:center;gap:8px}
.member-signup-type-cards{display:flex;align-items:stretch;gap:10px;width:100%}
.member-signup-type-card{position:relative;flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;margin:0;padding:70px 40px;border:1px solid #eee;border-radius:0;background:#fff;cursor:pointer;transition:border-color .2s,background .2s;box-sizing:border-box}
.member-signup-type-card:hover{border-color:#dfdfdf}
.member-signup-type-card:has(input:checked){border-color:#ff511f;background:#fff}
.member-signup-type-card:has(input:focus-visible){outline:2px solid #2c2c2c;outline-offset:4px}
.member-signup-type-card input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.member-signup-type-card-inner{display:flex;flex-direction:column;align-items:center;gap:40px;width:100%;max-width:403px}
.member-signup-type-icon{display:block;width:80px;height:80px;flex-shrink:0;object-fit:contain}
.member-signup-type-text{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;text-align:center}
.member-signup-type-name{margin:0;font-size:36px;font-weight:600;line-height:50px;letter-spacing:-0.72px;color:#2c2c2c}
.member-signup-type-copy{font-size:20px;font-weight:400;line-height:34px;letter-spacing:-0.4px;color:#676767}
.member-signup-type-note{position:absolute;left:0;right:0;bottom:calc(100% + 12px);display:block;margin:0;padding:12px 20px;box-sizing:border-box;text-align:center;font-size:18px;font-weight:600;line-height:26px;letter-spacing:-0.36px;color:#c23b0a;background:#fff4ef;border:1px solid #ffd0bf;opacity:0;visibility:hidden;pointer-events:none}
.member-signup-box--type:has(input[name="member_type"][value="artist"]:checked) .member-signup-type-note{opacity:1;visibility:visible}
.member-signup-form-kind{margin:12px 0 0;font-size:18px;font-weight:600;line-height:28px;letter-spacing:-0.36px;color:#ff511f}
.member-signup-actions.member-signup-actions--type{gap:0}
.member-signup-actions.member-signup-actions--form{flex-direction:row;justify-content:center;gap:4px}
/* 회원가입 완료 — Figma sub00_03 (15642:6168) */
.member-signup-complete-box{gap:70px;width:100%;max-width:980px}
.member-signup-complete-main{display:flex;flex-direction:column;align-items:center;gap:60px;width:100%}
.member-signup-complete-visual{width:240px;height:220px;flex-shrink:0;line-height:0}
.member-signup-complete-visual img{display:block;width:240px;height:220px;max-width:100%;object-fit:contain}
.member-signup-complete-txt{display:flex;flex-direction:column;align-items:center;gap:30px;width:100%;text-align:center}
.member-signup-complete-headline{margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0;font-size:36px;line-height:50px;letter-spacing:-0.72px;color:#2c2c2c}
.member-signup-complete-name{font-weight:600;color:#ff511f}
.member-signup-complete-headline-rest{font-weight:500;color:#2c2c2c}
.member-signup-complete-desc{margin:0;font-size:22px;font-weight:400;line-height:36px;letter-spacing:-0.44px;color:#505050}
.member-signup-complete-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;width:100%}
.member-signup-complete-actions .member-signup-pill{text-decoration:none;box-sizing:border-box}
.member-signup-complete-actions button.member-signup-pill:hover,.member-signup-complete-actions button.member-signup-pill:focus-visible{background:#ff511f;border-color:#ff511f;color:#fff}
/* 통합 검색 */
body[data-page=search] #contArea{padding-top:clamp(48px,8vw,96px);padding-bottom:clamp(64px,7vw,120px);box-sizing:border-box}
#page-content .search-list{width:100%;max-width:none;margin:0}
#page-content .big-search{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 20px}
#page-content .big-search input{font-size:clamp(18px,4.5vw,24px)}
#page-content .big-search button{flex-shrink:0;font-size:16px}
#page-content .search-item{display:grid;grid-template-columns:180px 1fr;gap:24px 30px;align-items:start}
#page-content .search-item img{width:100%;height:125px;object-fit:cover}
body[data-page=exhibition-detail] #contArea{padding-top:clamp(64px,8.3vw,120px);padding-bottom:clamp(80px,7.3vw,140px);padding-inline:max(56px,calc((100% - 1440px) / 2));box-sizing:border-box}
.member-mypage-nav form{width:100%;margin:0}
a.login-link{text-decoration:none}

/* search — PB desktop */
main.sub-page:has(#search-page) > .sub-hero{display:none}
main.sub-page:has(#search-page) .lnb-wrap{display:none}
#contArea:has(#search-page) .real-cont{padding:0;border:0;min-height:0}
#search-page { width: 100%; box-sizing: border-box; }
#container:has(#search-page), #contArea:has(#search-page) { width: 100%; max-width: none; margin: 0; padding: 0; }
#search-page .search-page-hero { padding: clamp(64px, 10vw, 120px) max(56px,calc((100% - 1440px) / 2)) clamp(48px, 8vw, 100px); background: #fff; box-sizing: border-box; }
#search-page .search-page-body { padding: 0 max(56px,calc((100% - 1440px) / 2)) 140px; background: #fff; box-sizing: border-box; }
#search-page .search-page-inner { width: 100%; max-width: none; margin: 0; }
#search-page .search-section { display: block; width: 100%; box-sizing: border-box; }
#search-page .search-section[hidden] { display: none; }
#search-page .search-section-box { width: 100%; max-width: 1440px; margin-inline: auto; box-sizing: border-box; }
#search-page .search-breadcrumb { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; font-size: clamp(16px, 1.04vw, 20px); font-weight: 500; line-height: 1.7; letter-spacing: -0.02em; }
#search-page .search-breadcrumb a { display: flex; }
#search-page .search-breadcrumb img { display: block; width: 20px; height: 20px; object-fit: contain; }
#search-page .search-breadcrumb img[width='3'] { width: 3px; height: 3px; }
#search-page .search-breadcrumb [aria-current='page'] { color: #ff511f; }
#search-page .hero-heading { margin: 0; }
#search-page .hero-heading h1 { margin: 0 0 30px; font-size: clamp(36px, 3.33vw, 64px); font-weight: 600; line-height: 1.22; letter-spacing: -0.02em; color: #2c2c2c; }
#search-page .hero-heading > p { margin: 0; padding: 0; max-width: none; font-size: clamp(16px, 1.15vw, 22px); line-height: 1.64; letter-spacing: -0.02em; color: #676767; }
#search-page .search-section--tools { padding-bottom: clamp(48px, 4.17vw, 80px); }
#search-page .search-section--tools .search-section-box { display: flex; flex-direction: column; gap: clamp(40px, 3.65vw, 70px); }
#search-page .search-bar { display: flex; align-items: center; gap: 16px; height: clamp(64px, 4.17vw, 80px); padding: 0 24px; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; transition: border-color 0.2s; }
#search-page .search-bar:focus-within { border-bottom-color: #2c2c2c; }
#search-page .search-bar-submit, #search-page .search-bar-clear { display: flex; flex: none; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; border: 0; background: none; cursor: pointer; }
#search-page .search-bar-clear[hidden] { display: none; }
#search-page .search-bar img { display: block; width: 24px; height: 24px; max-width: none; }
#search-page .search-bar input { flex: 1; min-width: 0; height: 100%; padding: 0; border: 0; outline: 0; background: transparent; font: inherit; font-size: clamp(17px, 1.04vw, 20px); font-weight: 500; line-height: 1.7; letter-spacing: -0.02em; color: #505050; appearance: none; }
#search-page .search-bar input::-webkit-search-cancel-button { display: none; }
#search-page .search-bar input::placeholder { color: #bbb; }
#search-page .search-summary { display: flex; flex-direction: column; gap: 40px; }
#search-page .search-tabs { display: flex; flex-wrap: wrap; gap: 8px; padding-bottom: 0; border-bottom: 0; scroll-margin-top: 120px; }
#search-page .search-tab { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 10px 22px; border: 1px solid #eee; border-radius: 80px; background: #fff; color: #505050; cursor: pointer; overflow: hidden; }
#search-page .search-tab-label, #search-page .search-tab-count { font-size: 18px; font-weight: 500; line-height: 28px; letter-spacing: -0.02em; color: inherit; }
#search-page .search-tab[aria-pressed='true'] { background: #121212; border-color: #121212; color: #fff; box-shadow: 0 6px 20px rgba(18,18,18,.12); }
#search-page .search-total { margin: 0; font-size: clamp(16px, 1.04vw, 20px); font-weight: 500; line-height: 1.7; letter-spacing: -0.02em; color: #676767; }
#search-page .search-total em { font-style: normal; color: #ff511f; }
#search-page .search-section--group { padding-bottom: 120px; }
#search-page .search-section--group:last-child { padding-bottom: 0; }
#search-page .search-group-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 30px; }
#search-page .search-group-head h3 { display: flex; align-items: flex-start; gap: 6px; margin: 0; font-size: clamp(24px, 1.67vw, 32px); font-weight: 600; line-height: 1.44; letter-spacing: -0.02em; color: #2c2c2c; }
#search-page .search-group-count { font-size: clamp(14px, 0.83vw, 16px); font-weight: 600; line-height: 1.5; letter-spacing: 0; color: #ff511f; }
#search-page .search-group-more { display: inline-flex; flex: none; align-items: center; gap: 12px; padding: 0 0 8px; border: 0; border-bottom: 1px solid #2c2c2c; background: none; font: inherit; font-size: clamp(15px, 0.94vw, 18px); font-weight: 600; line-height: 1.56; letter-spacing: -0.02em; color: #2c2c2c; text-decoration: none; cursor: pointer; transition: color 0.2s, border-color 0.2s; }
#search-page .search-group-more:hover, #search-page .search-group-more:focus-visible { color: #ff511f !important; border-bottom-color: #ff511f; background: none; transform: none !important; box-shadow: none; }
#search-page .search-group-more::before, #search-page .search-group-more::after { content: none; }
#search-page .search-group-more img { display: block; flex-shrink: 0; width: 16px; height: 16px; max-width: none; object-fit: contain; transition: filter 0.2s; }
#search-page .search-group-more:hover img, #search-page .search-group-more:focus-visible img { filter: brightness(0) saturate(100%) invert(36%) sepia(93%) saturate(4592%) hue-rotate(354deg) brightness(101%) contrast(101%); }
#search-page mark { background: none; color: #ff511f; }
#search-page .search-result-list--artwork .artwork-work-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#search-page .search-result-list > :last-child, #search-page .search-result-list--interview .interview-list-grid { margin-bottom: 0; }
#search-page .search-more-wrap { display: flex; justify-content: center; }
#search-page .search-more:not([hidden]) { margin-top: 60px; padding: 14px 40px; border: 1px solid #2c2c2c; background: #fff; font: inherit; font-size: 18px; font-weight: 600; line-height: 28px; color: #2c2c2c; cursor: pointer; transition: background 0.2s, color 0.2s; }
#search-page .search-more:hover { background: #2c2c2c; color: #fff; }
#search-page .search-empty { padding: 80px 0 40px; text-align: center; }
#search-page .search-empty h3 { margin: 0 0 12px; font-size: clamp(22px, 1.46vw, 28px); font-weight: 600; line-height: 1.43; color: #2c2c2c; }
#search-page .search-empty p { margin: 0; font-size: clamp(15px, 0.94vw, 18px); line-height: 1.67; color: #676767; }
#search-page .empty-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 28px; }
#search-page .empty-actions button { padding: 10px 18px; border: 1px solid #dfdfdf; background: #fff; font: inherit; font-size: 16px; line-height: 26px; color: #505050; cursor: pointer; transition: border-color 0.2s, color 0.2s; }
#search-page .empty-actions button:hover { border-color: #ff511f; color: #ff511f; }
#search-page .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
body[data-page='search'] #contArea { padding-top: 0; padding-bottom: 0; }
body[data-page='search'] #contArea .real-cont { padding: 0; border: 0; min-height: 0; }
body[data-page='search'] .lnb-wrap { display: none; }
#search-page a.search-tab{text-decoration:none}
#search-page a.search-more{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
#search-page .empty-actions a{padding:10px 18px;border:1px solid #dfdfdf;background:#fff;font:inherit;font-size:16px;line-height:26px;color:#505050;text-decoration:none}
#search-page .empty-actions a:hover{border-color:#ff511f;color:#ff511f}

/* 약관 문서 */
main.sub-page:has(#policy-page) > .sub-hero{display:none}
main.sub-page:has(#policy-page) .lnb-wrap{display:none}
#container:has(#policy-page){width:100%;max-width:none;margin:0;padding:0}
#contArea:has(#policy-page){width:100%;max-width:none;margin:0;padding:0}
#contArea:has(#policy-page) .real-cont{padding:0;border:0;min-height:0}
#policy-page{width:100%;max-width:none;margin:0}
.page-hero .page-hero-title a{color:inherit;text-decoration:none}
.policy-body{padding:0 max(56px,calc((100% - 1440px) / 2)) clamp(80px,7.3vw,140px);box-sizing:border-box}
.policy-doc{width:100%;max-width:1440px}
.policy-doc-title{margin:0 0 24px;font-size:clamp(28px,2.2vw,40px);font-weight:600;line-height:1.3;letter-spacing:-0.02em;color:#2c2c2c}
.policy-dates{display:flex;flex-wrap:wrap;gap:8px 32px;margin:0 0 40px}
.policy-dates div{display:flex;align-items:baseline;gap:12px;margin:0}
.policy-dates dt{margin:0;font-size:16px;font-weight:600;line-height:26px;letter-spacing:-0.32px;color:#2c2c2c}
.policy-dates dd{margin:0;font-size:16px;font-weight:400;line-height:26px;letter-spacing:-0.32px;color:#676767}
.policy-content{font-size:18px;font-weight:400;line-height:32px;letter-spacing:-0.36px;color:#2c2c2c}
.policy-content p{margin:0 0 16px}
.policy-empty{margin:0;font-size:18px;line-height:28px;letter-spacing:-0.36px;color:#676767}
.policy-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}
.policy-history{margin-top:40px;padding-top:24px;border-top:1px solid #eee}
.policy-history-title{margin:0 0 8px;font-size:20px;font-weight:600;line-height:30px;letter-spacing:-0.4px;color:#2c2c2c}
.policy-history-list{margin:0;padding:0;list-style:none}
.policy-history-list a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #eee;color:#2c2c2c;text-decoration:none;font-size:16px;line-height:26px;letter-spacing:-0.32px}
.policy-history-list time{flex-shrink:0;color:#676767}

/* ===== 2차피드백 20261030 ===== */
.login-panel-box{flex:0 0 auto;min-height:0;justify-content:flex-start} /* 2차피드백 20261030: 세로 늘림·space-between 여백 방지 (원래: flex 1 1 auto) */
.login-another{margin-top:40px} /* 2차피드백 20261030: PC·모바일 로그인~간편로그인 간격 통일 (원래: PC 0px·1280 이하 40px) */
.login-tt{margin-bottom:var(--space-40)}
.member-signup-complete-name,.member-signup-complete-headline{overflow-wrap:anywhere;max-width:100%}
.member-artist-apply .member-signup-row--help{margin-top:var(--space-20)}
.policy-version-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 var(--space-20);border:1px solid #2c2c2c;border-radius:999px;background:#fff;color:#2c2c2c;text-decoration:none}
#search-page .artwork-browse-thumb.artwork-thumb--artist{position:relative;display:block;aspect-ratio:1/1;overflow:hidden}
#search-page .artwork-browse-thumb.artwork-thumb--artist img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#artist-page .artist-page-name{min-width:0;overflow-wrap:anywhere}
#artist-page .artwork-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-30);min-height:240px;margin:var(--space-80) 0}
.member-artwork-info{min-width:0}
.member-artwork-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
#artwork-artist-page .artwork-browse-title,#artist-page .artist-work-title,#search-page .search-result-list--artwork .artwork-browse-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;word-break:break-all}
#artwork-artist-page .artwork-browse-artist>span:not(.artwork-browse-divider),#search-page .search-result-list--artwork .artwork-browse-artist>span:not(.artwork-browse-divider){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#search-page .search-result-list--artwork .artwork-browse-card,#search-page .search-result-list--artwork .artwork-browse-body,#search-page .search-result-list--artwork .artwork-browse-meta{min-width:0}
#search-page .search-result-list--artwork .artwork-browse-artist>span:first-child{flex:1 1 auto}
.artwork-detail-artist-row{flex-wrap:wrap}
.artwork-detail-artist-row .follow-btn{margin-left:auto}
.popup-detail-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-20)}
.popup-detail-related-grid .popup-card{width:auto;flex:none}
.popup-detail-title,.popup-detail-lead{overflow-wrap:anywhere;max-width:100%}
#explore .near-row-title{display:block;max-width:100%;min-width:0;overflow-wrap:anywhere}
#artworks .work-card-title-link{align-self:stretch;max-width:100%;min-width:0}
#artworks .work-card-title,#artworks .work-card-artist{max-width:100%;min-width:0;overflow-wrap:anywhere}
#artworks .work-card-field{flex-shrink:0}
.popup-title,.exhibit-card-title{overflow-wrap:anywhere}
.notice-detail-files{display:flex;flex-wrap:wrap;gap:var(--space-10);margin-top:var(--space-20)}
.notice-detail-files a{color:#2c2c2c;text-decoration:underline}
.member-upload-item{position:relative}
.member-upload-remove{position:absolute;right:8px;top:8px}
#popup-list-page .popup-board-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--space-12)}
#popup-list-page .popup-board-meta>.popup-filter-select:first-of-type{margin-left:auto}
#artwork-detail-page .artwork-detail-artist-meta>span:not(.artwork-detail-artist-divider){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#artwork-detail-page .artwork-detail-artist-meta>span:first-child{flex:1 1 auto}
#artwork-detail-page .artwork-detail-desc,#artwork-detail-page .artwork-detail-desc p,#artwork-detail-page .artwork-detail-title,.popup-detail-intro-copy,.popup-detail-fact dd,.artist-page-bio{max-width:100%;overflow-wrap:anywhere;word-break:break-all}

/* 3차피드백 20261109 */
#popup-list-page button.popup-page-num,#notice-list-page button.popup-page-num{border:0;padding:0;font-family:inherit;cursor:pointer;box-sizing:border-box} /* 3차피드백 20261109: 페이지 숫자 버튼 테두리 (원래: 브라우저 기본 테두리) */
#popup-list-page.popup-list-nearby .popup-distance:not(:empty){display:inline;margin:0 0 0 8px;font-size:16px;line-height:30px} /* 3차피드백 20261109: 장소 옆 거리 (원래: 빈 줄, display block) */
.geo-consent{position:fixed;inset:0;z-index:4000;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}
.geo-consent[hidden]{display:none}
.geo-consent-backdrop{position:absolute;inset:0;background:rgba(18,18,18,.45)}
.geo-consent-dialog{position:relative;z-index:1;width:min(420px,100%);display:flex;flex-direction:column;gap:16px;margin:0;padding:28px 24px 24px;border-radius:16px;background:#fff;box-shadow:0 16px 40px rgba(0,0,0,.18);box-sizing:border-box}
.geo-consent-dialog h3{margin:0;font-size:20px;line-height:30px;font-weight:600;color:#2c2c2c}
.geo-consent-dialog p{margin:0;font-size:15px;line-height:24px;font-weight:400;color:#676767}
.geo-consent-label{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;line-height:24px;font-weight:500;color:#2c2c2c;cursor:pointer}
.geo-consent-check{width:18px;height:18px;margin:0;flex-shrink:0}
.geo-consent-ok{align-self:center;min-width:120px;margin:0;padding:12px 24px;border:0;border-radius:80px;background:#121212;color:#fff;font-family:inherit;font-size:16px;font-weight:600;line-height:24px;cursor:pointer}
.geo-consent-ok:hover,.geo-consent-ok:focus-visible{background:#ff511f}