:root{--text:#202124;--text-2:#5f6368;--line:#dadce0;--bg-soft:#f1f3f4;--link:#1a73e8;--max:900px;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);color:var(--text);-webkit-font-smoothing:antialiased;background:#fff;font-size:16px;line-height:1.6}button{color:inherit;font-family:inherit}a{color:var(--link)}.app{max-width:var(--max);margin:0 auto;padding:24px 20px 64px}.filters{border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:10px;padding-bottom:16px;display:flex}.filters__bar{flex-direction:column;gap:6px;width:100%;min-width:0;display:flex}.filters__row{grid-template-columns:36px 1fr;align-items:center;gap:10px;display:grid}.filters__label{color:var(--text-2);font-size:12px;font-weight:600}.filters__opts{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.chip{cursor:pointer;color:var(--text-2);background:0 0;border:none;border-radius:6px;padding:6px 10px;font-size:14px}.chip:hover{background:var(--bg-soft);color:var(--text)}.chip__n{color:#9aa0a6;margin-left:2px;font-size:12px}.chip--on{color:var(--text);font-weight:600}.chip--on .chip__n{color:var(--text-2)}.seg{flex-wrap:wrap;gap:2px;display:inline-flex}.seg__b{cursor:pointer;color:var(--text-2);background:0 0;border:none;border-radius:6px;padding:6px 10px;font-size:13px}.seg__b:hover{background:var(--bg-soft);color:var(--text)}.seg__b--on{color:var(--text);font-weight:600}.search{order:-1;align-self:flex-end;align-items:center;gap:6px;display:inline-flex}.search svg{color:var(--text-2)}.search input{border:1px solid var(--line);font:inherit;color:var(--text);border-radius:6px;width:200px;padding:7px 10px;font-size:14px}.search input:focus{border-color:var(--link);outline:none}.result{color:var(--text-2);justify-content:space-between;align-items:baseline;padding:16px 0;font-size:13px;display:flex}.result b{color:var(--text);font-weight:600}.sort{position:relative}.sort__btn{cursor:pointer;font:inherit;color:var(--text-2);background:0 0;border:none;align-items:center;gap:4px;padding:2px 0;font-size:13px;display:inline-flex}.sort__btn:hover{color:var(--text)}.sort__caret{opacity:.7}.sort__menu{border:1px solid var(--line);z-index:20;background:#fff;border-radius:8px;min-width:112px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 6px 20px #0000001a}.sort__opt{text-align:left;cursor:pointer;width:100%;font:inherit;color:var(--text-2);background:0 0;border:none;border-radius:6px;padding:7px 10px;font-size:13px;display:block}.sort__opt:hover{background:var(--bg-soft);color:var(--text)}.sort__opt--on{color:var(--text);font-weight:600}.ph{background:var(--bg-soft);border-radius:8px;justify-content:center;align-items:center;width:100%;padding:8px;display:flex}.ph__label{color:#9aa0a6;text-align:center;font-size:13px}.grid{grid-template-columns:repeat(3,1fr);gap:28px 24px;padding-top:12px;display:grid}@media (width<=760px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.grid{grid-template-columns:1fr}}.card{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:10px;padding:0;display:flex}.card__thumb{border-radius:8px;overflow:hidden}.card__img{aspect-ratio:4/3;object-fit:cover;background:var(--bg-soft);width:100%;display:block}.card__body{flex-direction:column;gap:4px;display:flex}.card__title{color:var(--text);margin:0;font-size:17px;font-weight:600;line-height:1.35}.card__title-ko,.card__title-en,.page__title-ko,.page__title-en{overflow-wrap:anywhere;display:block}.card__title-en{color:var(--text-2);margin-top:3px;font-size:13px;font-weight:400;line-height:1.35}.card:hover .card__title-ko{color:var(--link)}.card__meta{color:var(--text-2);margin:0;font-size:13px}.card__sum{color:var(--text-2);margin:2px 0 0;font-size:14px;line-height:1.5}.empty{text-align:center;color:var(--text-2);padding:56px 16px;font-size:15px}.page{max-width:720px;margin:0 auto}.page__top{padding:4px 0 16px}.page__back{font-size:14px;text-decoration:none}.page__back:hover{text-decoration:underline}.page__crumb{display:none}.page__hero{margin:8px 0 24px}.page__heroimg{aspect-ratio:16/9;object-fit:cover;background:var(--bg-soft);cursor:zoom-in;border-radius:8px;width:100%;display:block}.page__title{margin:0 0 8px;font-size:28px;font-weight:600;line-height:1.25}.page__title-en{color:var(--text-2);margin-top:5px;font-size:18px;font-weight:400;line-height:1.35}.page__sum{color:var(--text-2);margin:0 0 24px;font-size:16px}.meta{gap:10px;margin:0;padding:0;display:grid}.meta__row{grid-template-columns:96px 1fr;gap:12px;font-size:15px;display:grid}.meta__row dt{color:var(--text-2)}.meta__row dd{color:var(--text);margin:0}.meta__tags{flex-wrap:wrap;gap:6px;display:flex}.tag{color:var(--text-2);background:var(--bg-soft);border-radius:4px;padding:2px 8px;font-size:13px}.sec{margin-top:28px}.sec>h4{color:var(--text-2);margin:0 0 10px;font-size:14px;font-weight:600}.md{color:var(--text);font-size:15px;line-height:1.7}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p{margin:0 0 12px}.md ul,.md ol{margin:0 0 12px;padding-left:22px}.md li{margin:2px 0}.md li>p{margin:0}.md a{color:var(--link)}.md strong{font-weight:600}.md code{background:var(--bg-soft);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.md pre{background:var(--bg-soft);border-radius:8px;margin:0 0 12px;padding:12px 14px;overflow:auto}.md pre code{background:0 0;padding:0}.md h1,.md h2,.md h3,.md h4,.md h5{margin:18px 0 8px;font-weight:600;line-height:1.3}.md h1{font-size:20px}.md h2{font-size:18px}.md h3{font-size:16px}.md h4,.md h5{font-size:15px}.md blockquote{border-left:3px solid var(--line);color:var(--text-2);margin:0 0 12px;padding:2px 0 2px 14px}.md hr{border:none;border-top:1px solid var(--line);margin:18px 0}.md table{border-collapse:collapse;margin:0 0 12px;font-size:14px}.md th,.md td{border:1px solid var(--line);text-align:left;padding:6px 10px}.md th{background:var(--bg-soft)}.md img{border-radius:8px;max-width:100%}.photos{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.photos img{aspect-ratio:4/3;object-fit:cover;background:var(--bg-soft);cursor:zoom-in;border-radius:8px;width:100%;display:block}@media (width<=560px){.photos{grid-template-columns:1fr 1fr}}.embeds{flex-direction:column;gap:18px;display:flex}.embed{margin:0}.embed>iframe{background:var(--bg-soft);border:0;border-radius:8px;width:100%;display:block}.embed--video>iframe{aspect-ratio:16/9}.embed--doc>iframe{aspect-ratio:4/3}.embed>figcaption{color:var(--text-2);margin-bottom:8px;font-size:13px;font-weight:600}.embed__open{color:var(--link);margin-top:8px;font-size:13px;display:inline-block}.embed__open:hover{text-decoration:underline}.page__foot{flex-wrap:wrap;gap:20px;margin-top:28px;display:flex}.btn{color:var(--link);font-size:15px;text-decoration:none}.btn:hover{text-decoration:underline}.btn--ghost,.btn--solid{background:0 0;border:none;padding:0}.ghbtn{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;text-decoration:none;display:inline-flex}.ghbtn:hover{background:var(--bg-soft);border-color:#c6cacd}.ghbtn svg{flex:none}.ghbtn--yt svg{color:red}.ghbtn--yt:hover{border-color:red}.lb{z-index:100;background:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lb__img{object-fit:contain;cursor:default;border-radius:4px;max-width:92vw;max-height:88vh}.lb__close,.lb__nav{color:#fff;cursor:pointer;background:#ffffff24;border:none;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute}.lb__close:hover,.lb__nav:hover{background:#ffffff47}.lb__close{width:40px;height:40px;top:16px;right:16px}.lb__nav{width:48px;height:48px;padding-bottom:4px;font-size:30px;line-height:1;top:50%;transform:translateY(-50%)}.lb__nav--prev{left:16px}.lb__nav--next{right:16px}.lb__count{color:#fff;background:#00000073;border-radius:999px;padding:4px 12px;font-size:13px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@media (width<=560px){.lb__nav{width:40px;height:40px;font-size:24px}.lb__nav--prev{left:8px}.lb__nav--next{right:8px}}