/* YG-ASSETS 무료 에셋 칸 (2026-10-18) — portal.css 위에 덧입힘 */
.ac.pix img, .as-main.pix img, .as-ths.pix img { image-rendering: pixelated; image-rendering: crisp-edges; }
.ac .gc-img img { object-fit: contain; background: #f5f5f4; }
.mc.ac .mc-img img { object-fit: contain; background: #f5f5f4; }
.alic { display: inline-block; font-size: 11.5px; font-weight: 700; padding: 1px 7px; border-radius: 999px;
  border: 1px solid #d6d3d1; color: #44403c; background: #fafaf9; margin-right: 6px; white-space: nowrap; }
.alic.lic-cc0 { background: #ecfdf5; border-color: #6ee7b7; color: #065f46; }
.alic.lic-free { background: #eff6ff; border-color: #93c5fd; color: #1e40af; }
.alic.lic-attr { background: #fefce8; border-color: #fde047; color: #854d0e; }
.alic.lic-nc { background: #fef2f2; border-color: #fca5a5; color: #991b1b; }
.anum { font-size: 12.5px; color: #78716c; margin-right: 8px; }
.as-q { margin: 0 0 12px; }
.as-q input { width: 100%; max-width: 360px; padding: 7px 10px; border: 1px solid #d6d3d1; border-radius: 8px; }
.as-main { margin: 14px 0 8px; background: #f5f5f4; border-radius: 12px; text-align: center; padding: 12px; }
.as-main img { max-width: 100%; max-height: 460px; min-height: 160px; object-fit: contain; }
.as-ths { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.as-th { border: 2px solid #e7e5e4; background: #fafaf9; border-radius: 8px; padding: 2px; cursor: pointer; }
.as-th.on, .as-th:hover { border-color: var(--ga, #c2410c); }
.as-th img { width: 84px; height: 64px; object-fit: contain; display: block; }
.as-lic p { margin: 6px 0; line-height: 1.6; }
.as-about { white-space: normal; }
.as-files td, .as-files th { vertical-align: middle; }
.as-admin { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 8px 12px; margin: 8px 0;
  background: #fff7ed; border: 1px solid #fdba74; border-radius: 10px; font-size: 14px; }
.alike.on { background: #fff7ed; border-color: var(--ga, #c2410c); }
.rep textarea { width: 100%; box-sizing: border-box; margin: 6px 0; }
.as-get .as-go { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0; }
.as-fl { list-style: none; padding: 0; }
.as-fl li { margin: 0 0 10px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.as-form label { display: block; margin: 0 0 12px; font-weight: 600; }
.as-form input[type=text], .as-form input:not([type]), .as-form select, .as-form textarea {
  display: block; width: 100%; box-sizing: border-box; margin-top: 4px; padding: 8px 10px;
  border: 1px solid #d6d3d1; border-radius: 8px; font: inherit; font-weight: 400; }
.as-form .row2 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.as-form fieldset { border: 1px solid #e7e5e4; border-radius: 10px; margin: 0 0 12px; padding: 8px 12px; }
.as-form legend { font-weight: 700; padding: 0 4px; }
.as-form .as-r { display: inline-block; font-weight: 400; margin: 4px 14px 4px 0; }
.as-quick { display: flex; gap: 6px; margin: -6px 0 12px; }
.as-olds { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0; }
.as-old { display: inline-flex !important; flex-direction: column; align-items: center; font-weight: 400 !important; font-size: 13px; }
.as-old img { width: 84px; height: 64px; object-fit: contain; background: #f5f5f4; border-radius: 6px; }
.as-oldf { font-weight: 400 !important; }
.as-del { margin-top: 26px; }
.as-adm td, .as-adm th { font-size: 13.5px; }
.as-adm form { display: flex; gap: 4px; flex-wrap: wrap; }
.narrow.wide2 { max-width: 1100px; }
@media (max-width: 860px) { .as-form .row2 { grid-template-columns: 1fr; } }

/* YG-ASSETS2 링크 소개 카드 · 필터 · 조건 3줄 */
.amode { display: inline-block; font-size: 11px; font-weight: 700; padding: 1px 6px; border-radius: 4px; margin-right: 5px; }
.amode.up { background: #fff7ed; color: #9a3412; border: 1px solid #fdba74; }
.amode.link { background: #f0f9ff; color: #075985; border: 1px solid #7dd3fc; }
.aprice { display: inline-block; font-size: 11px; font-weight: 700; padding: 1px 6px; border-radius: 4px; margin-right: 5px; background: #f0fdf4; color: #166534; border: 1px solid #86efac; }
.aprice.paid { background: #faf5ff; color: #6b21a8; border-color: #d8b4fe; }
.ac .gc-img { position: relative; }
.as-ncb { position: absolute; left: 0; right: 0; bottom: 0; background: #b91c1c; color: #fff; font-size: 12.5px; text-align: center; padding: 3px 0; letter-spacing: .02em; }
.as-nc { background: #fef2f2; color: #991b1b; border: 2px solid #ef4444; border-radius: 8px; padding: 8px 12px; font-weight: 800; font-size: 16px; margin: 8px 0; }
.as-price { color: #6b21a8; font-weight: 700; margin: 6px 0; }
.as-ph { display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 4px; width: 100%; height: 100%; min-height: 120px; background: linear-gradient(135deg, #f5f5f4, #e7e5e4); color: #44403c; }
.as-ph b { font-size: 34px; line-height: 1; }
.as-ph small { font-size: 12px; color: #78716c; }
.as-mainph { min-height: 180px; display: flex; }
.as-t3 { list-style: none; padding: 0; margin: 8px 0; }
.as-t3 li { margin: 6px 0; font-size: 15px; line-height: 1.5; }
.as-t3 b { display: inline-block; width: 1.4em; text-align: center; }
.as-aff { display: inline-block; font-size: 11.5px; color: #92400e; background: #fffbeb; border: 1px solid #fcd34d; border-radius: 4px; padding: 1px 6px; margin-left: 4px; align-self: center; }
.as-emb { margin: 10px 0 14px; }
.as-emb iframe { width: 100%; max-width: 520px; height: 90px; border: 0; display: block; }
.as-emb small { color: #78716c; font-size: 12px; }
.as-q2 { margin: 10px 0; padding: 8px 12px; border-left: 3px solid #d6d3d1; color: #57534e; font-size: 13.5px; }
.as-q2 small { display: block; margin-top: 4px; color: #a8a29e; }
.as-claimp { margin: 22px 0 6px; }
.as-claim { font-size: 13px; }
.as-why { margin: 0 0 12px; font-size: 14px; }
.as-why summary { cursor: pointer; color: #9a3412; font-weight: 700; }
.as-why ul { margin: 6px 0 0 18px; padding: 0; }
.as-vm { color: #78716c; font-size: 13px; margin-left: 8px; white-space: nowrap; }
.as-note { margin-top: 14px; }
.as-bulk { margin: 8px 0; display: flex; gap: 6px; align-items: center; flex-wrap: wrap; font-size: 14px; }
.as-my td, .as-my th { font-size: 13.5px; }