:root{font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;color:#1b312c;background:#f5f7f4;font-synthesis:none;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c08a22;outline-offset:3px}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}a{color:inherit}.top{height:92px;border-bottom:1px solid #dde4dd;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(6vw,24px)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:750;font-size:19px;line-height:1.3}.logo{display:grid;place-items:center;border-radius:12px;background:#153f35;color:white;width:42px;height:46px;font-size:29px}.brand-en{display:block;letter-spacing:1.6px;font-size:9px;margin-top:5px;color:#6e8078}.top-label{font-size:13px;color:#64766d}main{max-width:1090px;margin:auto;padding:0 32px}.hero{position:relative;padding:64px 0 53px;overflow:hidden}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1px;color:#547364}.dot{display:inline-block;width:7px;height:7px;background:#317b5c;border-radius:50%;margin-right:7px}h1{font-size:42px;letter-spacing:-1.8px;line-height:1.4;margin:17px 0;color:#193e32}p{color:#64766e;font-size:15px;margin:10px 0}.hero-mark{position:absolute;right:35px;top:46px;font-size:66px;font-weight:850;letter-spacing:-5px;color:#b9cebd;line-height:.95;transform:rotate(-7deg);border:2px solid #d3dfd2;padding:24px 38px;border-radius:24px}.hero-mark span{display:block}.hero-mark small{font-size:9px;letter-spacing:2px;display:block;margin-top:14px}.catalog{background:white;border:1px solid #dce4da;border-radius:20px;padding:28px 30px}.catalog-heading{display:flex;justify-content:space-between;align-items:center}h2{margin:0;font-size:21px;letter-spacing:-.6px}#count{font-size:13px;color:#66796c}.search{display:flex;align-items:center;gap:12px;border:1px solid #ced9ce;border-radius:12px;padding:5px 16px;margin:22px 0 16px;background:#fafcf9}.search>span{font-size:30px;color:#5a7664}.search input{width:100%;border:0;background:transparent;min-height:46px;font:inherit;font-size:16px;outline-offset:0}.search button{border:0;background:none;font-size:25px;color:#64766e;min-width:44px;min-height:44px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{background:white;border:1px solid #e0e6de;border-radius:30px;padding:8px 18px;min-height:44px;font-size:14px;color:#627568}.filters button[aria-pressed=true]{background:#194c3b;border-color:#194c3b;color:white}.sample-note{font-size:12px;color:#8a7450;margin:22px 0 8px}.product{display:flex;align-items:center;width:100%;text-align:left;padding:23px 8px;border:0;border-top:1px solid #e8ede6;background:white;gap:18px;transition:background .15s}.product:hover{background:#f3f7f1}.pdf-icon{border:1px solid #d4e1d2;border-radius:9px;display:grid;place-items:center;min-width:48px;height:58px;color:#41684d;background:#f1f7ee;font-size:12px;letter-spacing:1px;font-weight:700}.product-info{flex:1}.product h3{font-size:18px;margin:0;color:#223e31}.product p{margin:5px 0 0;font-size:13px}.category{display:inline-block;font-size:11px;color:#59765c;background:#edf3e9;padding:2px 7px;border-radius:4px;margin-bottom:5px}.product-tail{color:#527755;font-size:14px;white-space:nowrap}.product-tail span{margin-left:13px}.guide{display:flex;gap:13px;padding:26px 8px}.guide>span{color:#5d7b63;font-size:23px}.guide strong{font-size:13px}.guide p{font-size:12px;margin:3px 0}footer{padding:25px 0 35px;border-top:1px solid #dfe6da;display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#7a8a7b}footer a{margin-left:auto}.empty{text-align:center;padding:35px 0}.secondary{background:white;border:1px solid #d5dfd3;border-radius:8px;padding:9px 14px;min-height:44px;color:#254736}.reader-head{max-width:1050px;margin:auto;padding:24px;display:flex;align-items:center;gap:25px}.reader-head h1{font-size:22px;letter-spacing:-.6px;margin:2px 0}.toolbar{position:sticky;top:0;z-index:5;background:#fff;border-block:1px solid #dce3d8;padding:10px 18px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px}.toolbar input{width:62px;font:inherit;padding:9px 7px;border:1px solid #d3ddcf;border-radius:6px;min-height:44px}.toolbar button{min-height:44px}.zoom{display:flex;gap:4px;margin-left:18px}.zoom button{border:1px solid #d7dfd2;background:#f6f8f4;padding:8px 13px;border-radius:6px;color:#23452d}#reader-status{text-align:center;font-size:13px;min-height:22px;padding:0 15px}#pages{padding:0 12px 25px;overflow-x:auto;background:#e8ede5}.page{position:relative;background:white;box-shadow:0 2px 8px #20382617;margin:18px auto;overflow:hidden}.page canvas{display:block}.page-label{position:absolute;inset:15px auto auto 15px;font-size:12px;color:#7b8a77}.page .textLayer{position:absolute;inset:0;line-height:1;opacity:1;overflow:clip;text-align:initial;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0 0}.textLayer ::selection{background:#5a98e680}.textLayer span[role=img]{user-select:none;cursor:default}.reader-foot{text-align:center;font-size:12px;padding:0 16px 20px}.error{max-width:700px;background:#fff4e9;border:1px solid #dfcdb6;padding:22px;margin:20px auto;border-radius:10px}.error a{margin-left:18px;font-size:14px}.error p{color:#795b39}.diag{max-width:800px;margin:40px auto;padding:24px}.diag pre{white-space:pre-wrap;word-break:break-all;background:#fff;padding:20px;border:1px solid #ddd}.diag button{margin:8px}.diag h1{font-size:28px}@media(max-width:650px){.top{height:76px;padding:0 20px}.brand{font-size:16px}.top-label{display:none}main{padding:0 18px}.hero{padding:35px 0 30px}.hero h1{font-size:30px;letter-spacing:-1.3px}.hero p{font-size:13px;line-height:1.8}.hero-mark{display:none}.catalog{padding:22px 17px;border-radius:16px}.catalog h2{font-size:19px}.search{margin-top:18px;padding-inline:10px;gap:6px}.search input{font-size:16px;min-width:0}.filters{gap:6px}.filters button{padding:7px 15px}.product{gap:12px;padding:20px 0;align-items:center}.pdf-icon{min-width:39px;height:49px;font-size:10px}.product h3{font-size:16px;word-break:keep-all}.product-tail{font-size:0}.product-tail span{font-size:22px;margin-left:0}.product p{font-size:12px}.guide{padding:22px 2px;gap:9px}.guide strong{font-size:12px}.guide p{font-size:11px}footer{gap:7px}footer strong{width:100%}.reader-head{padding:16px 12px;gap:12px;align-items:flex-start}.reader-head h1{font-size:17px;line-height:1.45}.reader-head .secondary{white-space:nowrap;font-size:12px;padding:8px}.reader-head .eyebrow{font-size:10px}.toolbar{padding:8px;gap:5px;flex-wrap:wrap}.zoom{margin-left:6px}.zoom button{padding:7px 10px}.toolbar input{width:50px}.toolbar .secondary{padding:8px 11px}#pages{padding-inline:7px}.error{margin:15px 12px}.desktop{display:none}}

a.product{text-decoration:none;color:inherit}

/* Seseung company branding */
.top{height:auto;min-height:100px;gap:24px;padding-block:24px}.top .brand{font-size:23px;letter-spacing:-.7px}.company-logo{display:block;width:300px;max-width:42%;height:auto;object-fit:contain;flex-shrink:0}
@media(max-width:650px){.top{min-height:120px;flex-direction:column;align-items:flex-start;justify-content:center;gap:17px;padding:20px}.top .brand{font-size:19px;letter-spacing:-.6px}.company-logo{order:-1;width:230px;max-width:100%;height:auto}}

/* Keep the company logo secondary to the page title. */
.top .company-logo{width:170px;max-width:30%;height:auto}
@media(max-width:650px){.top .company-logo{width:145px;max-width:65%;height:auto}}