*{box-sizing:border-box}body{margin:0;background:#faf9f6;color:#34342e;font:16px/1.6 "IBM Plex Sans KR",sans-serif;overflow-wrap:anywhere}a{color:inherit;text-decoration:none;touch-action:manipulation}a:hover{text-decoration:underline;text-underline-offset:3px}a:focus-visible{outline:3px solid currentColor;outline-offset:3px}h1,h2,h3,p,ol,ul{margin:0}ol,ul{list-style:none;padding:0}h1,h2,h3{font-family:"Noto Sans KR",sans-serif;font-weight:700;line-height:1.4}h1{font-size:23px}h2{font-size:18px}img,video{max-width:100%;height:auto}time,small{font-size:16px}.of-shell{width:calc(100% - 24px);max-width:1120px;margin:auto}.of-skip{position:absolute;top:-100px;left:10px;background:#34342e;color:#faf9f6;padding:12px;z-index:10}.of-skip:focus{top:5px}.of-mast{padding-top:16px}.of-identity{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-bottom:12px}.of-logo{font-size:28px;font-weight:700;letter-spacing:-.05em;min-height:44px;display:flex;align-items:center;color:var(--primary)}.of-today{font-size:16px}.of-nav{display:flex;flex-wrap:wrap;gap:2px;background:var(--primary);padding:2px}.of-nav a{color:white;padding:9px 12px;min-height:44px;display:flex;align-items:center;font-size:16px}.of-nav a[aria-current]{background:#fff;color:var(--primary);font-weight:bold}.of-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 0 12px;border-bottom:2px solid var(--primary)}.of-hero{padding:12px 0;color:#34342e;font-size:16px}.of-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;background:color-mix(in srgb,var(--primary) 8%,#faf9f6);border-block:1px solid #ccd3da}.of-bar h2{font-size:18px}.of-bar a{min-height:44px;display:flex;align-items:center}.of-rows li{border-bottom:1px solid #dce1e5}.of-rows li:nth-child(even){background:color-mix(in srgb,var(--primary) 3%,#faf9f6)}.of-rows a{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;padding:10px 8px;min-height:48px}.of-no{font-variant-numeric:tabular-nums;color:var(--primary);font-size:16px}.of-rows time{display:none;color:#69737c;white-space:nowrap}.of-subject{min-width:0;line-height:1.55}.of-new{display:inline-block;margin-right:6px;color:var(--primary);font-size:16px}.of-rows img{width:60px;height:46px;object-fit:contain;background:color-mix(in srgb,var(--primary) 5%,#faf9f6)}.of-rows a:has(img){grid-template-columns:25px 60px minmax(0,1fr)}.of-popular{margin:18px 0;border:1px solid #ccd3da}.of-popular>h2{background:color-mix(in srgb,var(--primary) 8%,#faf9f6);padding:10px 12px;border-bottom:1px solid #ccd3da}.of-popular .of-rows li:last-child{border:0}.of-groups{display:grid;gap:18px;margin:24px 0}.of-box{border:1px solid #ccd3da;background:#faf9f6;min-width:0}.of-box h2{background:color-mix(in srgb,var(--primary) 8%,#faf9f6);border-bottom:1px solid #ccd3da}.of-box h2 a{min-height:44px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.of-box h2 span{font-size:16px;font-weight:400}.of-box li a{display:block;padding:9px 12px;min-height:44px;border-bottom:1px dotted #dce1e5}.of-box li:last-child a{border:0}.of-side{border:1px solid #ccd3da;background:#faf9f6;margin:18px 0;align-self:start}.of-side h2{padding:12px;background:color-mix(in srgb,var(--primary) 8%,#faf9f6);border-bottom:1px solid #ccd3da}.of-side a{display:flex;align-items:center;padding:9px 14px;min-height:44px;border-bottom:1px solid #e1e4e7}.of-side p{padding:14px;font-size:16px}.of-empty{padding:24px 12px;color:#34342e}.of-foot{border-top:2px solid var(--primary);padding:22px 0;margin-top:36px;font-size:16px}.of-foot a{display:inline-flex;align-items:center;min-height:44px}.of-post{margin:22px 0;padding:0 4px}.of-post h1{font-size:27px;margin:14px 0}.of-crumb{display:inline-flex;align-items:center;min-height:44px;color:var(--primary)}.of-meta{display:flex;flex-wrap:wrap;gap:12px;color:#34342e;border-bottom:1px solid #ccd3da;padding-bottom:14px;font-size:16px}.of-text{padding:22px 0;line-height:1.85}.of-text p{margin:16px 0}.of-text img,.of-text video{display:block;max-width:100%;height:auto;margin:20px auto}.of-text a{text-decoration:underline}.of-text table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.of-text th,.of-text td{border:1px solid #ccd3da;padding:10px}.of-text blockquote{margin:20px 0;padding:14px 18px;border-left:3px solid var(--primary);background:color-mix(in srgb,var(--primary) 6%,#faf9f6)}.of-turn{border-block:1px solid #ccd3da;margin-top:22px}.of-turn a{display:block;padding:12px;min-height:44px}.of-related{margin:24px 0}.of-related h2{padding:10px 12px;background:color-mix(in srgb,var(--primary) 8%,#faf9f6)}.of-related li a{display:block;padding:10px 12px;border-bottom:1px solid #ccd3da;min-height:44px}.of-section{margin-top:24px}.of-lost{padding:50px 0}.of-lost b{font-size:60px;color:var(--primary)}.of-lost p{margin:16px 0}.of-lost a{min-height:44px;display:inline-flex;align-items:center;border:1px solid;padding:8px 16px}main{min-height:60vh}.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin:24px 0}.pagination a,.pagination strong,.pagination .gap{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #b9c3cd;padding:8px}.pagination strong{background:var(--primary);color:#faf9f6}.pagination .gap{border:0}.pl{margin:20px 0}.pl p{margin:6px 0}.pl a{text-decoration:underline;font-weight:bold}.pl-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:10px}.pl-g a{display:block}.pl.pl .pl-g img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:4/1;object-fit:contain;margin:0}.pl-q{padding:12px 16px;border-left:3px solid var(--primary);background:color-mix(in srgb,var(--primary) 7%,#faf9f6)}.pl-n{padding:14px;border:1px solid #b9c3cd}.gu{margin:20px 0;min-height:1px}img.img-broken{background:#dbe1e6}@media(min-width:700px){.of-rows a{grid-template-columns:38px minmax(0,1fr) 100px}.of-rows a:has(img){grid-template-columns:32px 60px minmax(0,1fr) 100px}.of-rows time{display:block;font-size:16px}.of-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.of-logo{font-size:32px}.of-mast{padding-top:24px}.of-post{max-width:860px;margin:28px auto}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}.of-nav{background:transparent;border-bottom:3px solid var(--primary);padding:0;gap:4px}.of-nav a{color:#503c30;background:#eee9df;border:1px solid #cec5b8;border-bottom:0;padding-inline:16px}.of-nav a[aria-current]{background:var(--primary);color:white;border-color:var(--primary)}.of-intro{border:0;padding-bottom:6px}.of-hero{padding-top:0}.of-groups{gap:12px;margin-top:14px}.of-box{border-color:#cfc8bc}.of-box h2{background:#eeeae2;border-color:#cfc8bc;border-top:3px solid var(--primary)}.of-box h2 a{color:#754521}.of-directory{padding:10px 12px;margin-top:20px;background:#eeeae2;border:1px solid #cfc8bc}.of-bar{background:#eeeae2;border-color:#cfc8bc}.of-rows li{border-color:#dfd9ce}.of-rows li:nth-child(even){background:#f3f0e9}@media(min-width:1000px){.of-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.of-groups .of-box ul{display:grid;grid-template-columns:1fr 1fr}.of-box li{min-width:0}}

/* QUALITY V4 */
h1,h2,h3,.of-subject{word-break:keep-all;overflow-wrap:anywhere}.of-copy h3,.of-lettercopy h3,.of-memo h3{letter-spacing:-.025em}
.of-pic{filter:none!important;mix-blend-mode:normal!important}.of-item,.of-copy,.of-subject,.of-flow,.of-box{min-width:0}
.of-hero{font-family:"IBM Plex Sans KR",sans-serif;font-size:17px;line-height:1.65;letter-spacing:-.015em}.of-meta{gap:6px 12px;font-variant-numeric:tabular-nums}
.of-post{max-width:820px;margin:20px auto}.of-post>header{border-bottom:1px solid color-mix(in srgb,currentColor 22%,transparent);padding-bottom:16px}.of-post>header h1{font-family:"IBM Plex Sans KR",sans-serif;font-weight:700;font-size:clamp(26px,3vw,40px);line-height:1.45;letter-spacing:-.035em;max-width:none;margin:8px 0 12px}.of-post>header .of-meta{border:0;padding:0;margin:0;font-family:"IBM Plex Sans KR",sans-serif;line-height:1.6}.of-crumb{font-family:"IBM Plex Sans KR",sans-serif;min-height:44px}.of-text{font-family:"IBM Plex Sans KR",sans-serif;font-size:17px;font-weight:400;line-height:1.9;padding:10px 0;letter-spacing:-.012em}.of-text p{margin:14px 0}.of-text img,.of-text video{height:auto;max-width:100%}.of-text h2{font-family:"IBM Plex Sans KR",sans-serif;font-size:25px;margin:28px 0 14px}.of-text h3{font-family:"IBM Plex Sans KR",sans-serif;font-size:21px;margin:24px 0 12px}
.of-turn,.of-related,.of-return,main>.of-section,main>.gu{max-width:820px;margin-left:auto;margin-right:auto}.of-turn{display:grid;gap:0}.of-turn a{min-height:52px;padding:12px 14px;line-height:1.6;font-family:"IBM Plex Sans KR",sans-serif;border-bottom:1px solid color-mix(in srgb,currentColor 14%,transparent)}.of-related h2{font-family:"IBM Plex Sans KR",sans-serif;font-size:22px}.of-related li a{font-family:"IBM Plex Sans KR",sans-serif;min-height:48px;line-height:1.6}.of-return{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:18px 0;border-bottom:1px solid color-mix(in srgb,currentColor 20%,transparent)}.of-return a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid currentColor;font:16px/1.5 "IBM Plex Sans KR",sans-serif}
.of-nav a{font-family:"IBM Plex Sans KR",sans-serif}a:focus-visible{outline:3px solid currentColor;outline-offset:3px}.of-post .pl{font-family:"IBM Plex Sans KR",sans-serif}.pagination a,.pagination strong{min-width:44px;min-height:44px}
@media(max-width:699px){.of-post{margin-top:16px;padding:16px 12px}.of-post>header h1{font-size:26px}.of-post .of-text{font-size:17px}.of-hero{margin-bottom:14px}.of-nav{row-gap:4px}.of-copy h3{line-height:1.5}.of-copy p{line-height:1.75}}
.of-nav{gap:3px}.of-nav a{padding:9px 10px;flex:0 1 auto}.of-box li a{word-break:keep-all;line-height:1.6}.of-groups .of-box ul{display:block}.of-directory{padding:10px 12px}.of-rows .of-subject{word-break:keep-all}@media(max-width:699px){.of-nav a{padding:9px 8px}.of-groups{gap:14px}.of-groups .of-box li:nth-child(n+4){display:none}.of-groups h2 a{padding:8px 10px}}.of-no,.of-new{color:color-mix(in srgb,var(--primary) 82%,#000000)}