/* 승인된 홈페이지의 색과 글꼴을 상세 안내까지 이어갑니다. */
.detail-top{padding-top:31px}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:.76rem;color:#69755e;flex-wrap:wrap}.breadcrumb .icon{width:12px;height:12px;color:#8a957e}.breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}.breadcrumb [aria-current]{color:#3a503e;font-weight:600}.detail-hero{margin-top:26px;display:grid;grid-template-columns:1fr 285px;gap:30px;align-items:center;background:#edf0e6;border:1px solid #e1e5d8;border-radius:14px;padding:43px 48px;overflow:hidden;position:relative}.detail-hero-copy{z-index:1;min-width:0}.detail-hero h1{font-size:2.9rem;line-height:1.3;letter-spacing:-.055em;font-weight:650;max-width:750px;margin-top:20px}.detail-hero-copy>p{color:#596653;font-size:1.05rem;line-height:1.9;margin-top:20px;max-width:650px}.guide-meta{display:flex;align-items:center;gap:20px;margin-top:26px;flex-wrap:wrap;color:#5e6e53;font-size:.75rem}.guide-meta span{display:flex;align-items:center;gap:7px}.guide-meta .icon{width:15px;height:15px}.detail-hero-illustration{height:225px;position:relative;display:grid;place-items:center;isolation:isolate}.hero-art-orbit{width:290px;height:290px;border:1px solid #d0dac1;border-radius:50%;position:absolute;z-index:-1;left:10px;top:-18px}.hero-art-orbit.small{width:210px;height:210px;left:50px;top:22px}.detail-hero-illustration .device-drawing{width:108px;height:175px;border-width:3px;margin:0;transform:rotate(11deg);box-shadow:12px 15px 0 #d8dfce;position:relative;top:-6px}.detail-hero-illustration .iphone-drawing{transform:rotate(-10deg)}.hero-art-store{position:absolute;bottom:6px;left:30px;right:9px;display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-radius:7px;background:#fffef8;box-shadow:0 7px 18px #53633a0c;font-size:.78rem;font-weight:600;transform:rotate(-4deg)}.hero-art-store .icon{width:17px;height:17px;color:#84946f}.hero-symbol{width:135px;height:135px;display:grid;place-items:center;background:#fafbf3;border:1px solid #e2e7d6;border-radius:38px;transform:rotate(9deg);box-shadow:13px 15px 0 #d8dfce;position:relative;top:-7px}.hero-symbol>.icon{width:58px;height:58px;stroke-width:1.1;color:#5c7450}.page-iphone .detail-hero{background:#f0eee8;border-color:#e5e1d6}.page-safety .detail-hero{background:#294a3b;color:#f1f4e7;border-color:#294a3b}.page-safety .detail-hero .eyebrow,.page-safety .detail-hero-copy>p,.page-safety .guide-meta{color:#d2dfc8}.page-safety .hero-symbol{background:#365741;box-shadow:13px 15px 0 #203f30;border-color:#47634c}.page-safety .hero-symbol>.icon{color:#c7d9b4}.page-safety .hero-art-orbit{border-color:#41644a}.page-safety .hero-art-store{background:#dae3cd;color:#294a3b}.page-about .detail-hero{background:#f0eee4}
.guide-layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:68px;padding-top:55px;padding-bottom:67px;align-items:start}.aside-sticky{position:sticky;top:118px}.guide-toc{padding:3px 0 22px;border-bottom:1px solid #dce1d1}.guide-toc h2,.aside-other h2{font-size:.78rem;letter-spacing:.015em;font-weight:650;color:#5a6b4d;margin-bottom:15px}.guide-toc a{display:flex;align-items:flex-start;gap:11px;padding:10px 0;font-size:.88rem;line-height:1.6;color:#65745b;transition:color .2s}.guide-toc a:hover{color:#254b36}.guide-toc a>span{font-family:Georgia,serif;font-size:.8rem;color:#8b987c;min-width:20px;line-height:1.8}.guide-toc .icon{width:15px;height:15px}.aside-help{background:#eeefe5;border-radius:9px;padding:21px 20px;margin-top:25px}.aside-help-icon{display:block;margin-bottom:13px;color:#70845d}.aside-help-icon .icon{width:24px;height:24px}.aside-help strong{display:block;font-size:.87rem;font-weight:600;letter-spacing:-.03em}.aside-help p{font-size:.8rem;line-height:1.85;color:#626f58;margin-top:8px}.aside-help a{display:flex;gap:10px;align-items:center;font-size:.8rem;font-weight:600;margin-top:17px}.aside-help a .icon{width:17px;height:17px}.aside-other{margin-top:29px}.aside-other a{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.82rem;color:#637259;padding:9px 0}.aside-other a .icon{width:12px;height:12px;color:#8b987c}.guide-content{min-width:0}.guide-intro{display:flex;gap:18px;padding:24px 26px;background:#f1f1e9;border:1px solid #e3e6d9;border-radius:10px}.guide-intro>span{width:34px;height:34px;border-radius:50%;background:#e3e8d8;color:#6e805b;display:grid;place-items:center;flex-shrink:0}.guide-intro .icon{width:18px;height:18px}.guide-intro h2{font-size:1rem;letter-spacing:-.025em;font-weight:650}.guide-intro p{font-size:1rem;line-height:1.9;margin-top:8px;color:#5b6852}.guide-step{padding-top:45px;padding-bottom:42px;border-bottom:1px solid #dce1d2;scroll-margin-top:20px}.guide-step-title{display:flex;align-items:center;gap:17px}.guide-step-title>span{font-family:Georgia,serif;font-size:2rem;line-height:1;color:#8b9a79;width:45px}.guide-step-title small{display:block;font-size:.65rem;color:#647655;letter-spacing:.12em;margin-bottom:5px}.guide-step-title h2{font-size:1.5rem;font-weight:650;line-height:1.5;letter-spacing:-.04em}.guide-step-layout{display:grid;grid-template-columns:1fr 280px;gap:30px;margin-top:25px;align-items:center}.guide-step-copy>p{font-size:1.05rem;line-height:1.95;color:#506147}.guide-tip{display:flex;align-items:flex-start;gap:10px;margin-top:22px;color:#656e4d}.guide-tip>span{width:23px;height:23px;flex-shrink:0;margin-top:2px}.guide-tip .icon{width:18px;height:18px;color:#9a9d6a}.guide-tip p{font-size:.86rem;line-height:1.9}.guide-figure{margin:0;background:#eef0e6;border-radius:10px;padding:20px 20px 15px}.example-screen{background:#fffef8;border:1px solid #dee4d3;border-radius:12px;box-shadow:0 5px 15px #304b2510;overflow:hidden}.example-screen-top{padding:10px 12px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #eaeddf;color:#6b785c;font-size:.6rem}.example-logo{font-family:Georgia,serif;background:#405c36;border-radius:5px 5px 5px 1px;color:#fffef1;font-size:18px;width:20px;height:21px;display:grid;place-items:center;line-height:1}.example-screen-top>i{width:4px;height:4px;background:#b4bfa6;border-radius:50%;margin-left:auto}.example-screen-content{padding:20px 14px 14px}.example-app-icon{display:grid;place-items:center;width:40px;height:40px;background:#f0e2a5;border-radius:12px;margin:0 auto 10px;color:#7d7950}.example-app-icon .icon{width:23px;height:23px;stroke-width:1.4}.example-screen-content>strong{display:block;font-size:.8rem;font-weight:600;text-align:center;line-height:1.5;margin-bottom:15px;color:#46573e}.example-row{display:flex;align-items:center;gap:7px;font-size:.65rem;line-height:1.6;color:#6e785f;padding:7px 0;border-bottom:1px solid #edf0e5}.example-dot{width:17px;height:17px;display:grid;place-items:center;border:1px solid #d8e0cd;border-radius:50%;flex-shrink:0}.example-dot .icon{width:12px;height:12px;color:#8b9b74}.example-action{display:flex;justify-content:center;align-items:center;gap:8px;font-size:.7rem;padding:8px 10px;background:#e3ead5;color:#4f6540;border-radius:6px;margin-top:15px;line-height:1.5}.example-action .icon{width:14px;height:14px}.guide-figure figcaption{font-size:.61rem;line-height:1.65;color:#64705b;text-align:center;margin-top:11px}.guide-faq{padding-top:45px}.guide-faq>.eyebrow{display:flex;gap:8px}.guide-faq>.eyebrow .icon{width:17px;height:17px}.guide-faq>h2{font-size:1.65rem;font-weight:650;letter-spacing:-.04em;line-height:1.5;margin-top:14px}.guide-faq .faq-list{margin-top:24px}.guide-faq summary{font-size:1rem;line-height:1.6;min-height:72px}.guide-faq .faq-answer{font-size:1rem;line-height:1.9}.guide-sources{border-top:1px solid var(--border);margin-top:32px;padding-top:21px;font-size:.75rem;color:#637456;display:flex;align-items:center;gap:10px 20px;flex-wrap:wrap}.guide-sources>p{font-weight:650;width:100%;margin-bottom:1px}.guide-sources a{display:flex;align-items:center;gap:4px;text-decoration:underline;text-underline-offset:4px}.guide-sources .icon{width:12px;height:12px}.guide-next{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#294a3b;color:#f5f6ec;border-radius:10px;padding:28px 30px;margin-top:41px}.guide-next>div>span{font-size:.75rem;color:#c0d0b4;display:block;margin-bottom:8px}.guide-next h2{font-size:1.3rem;line-height:1.5;letter-spacing:-.03em;font-weight:550}.guide-next .button{font-size:.8rem;gap:16px;padding-inline:17px}.guide-bottom-nav{display:flex;justify-content:space-between;gap:20px;padding-top:25px;font-size:.8rem;color:#65765a}.guide-bottom-nav a:hover{text-decoration:underline;text-underline-offset:4px}
.reading-section{display:grid;grid-template-columns:45px 1fr;gap:18px;padding:35px 0;border-bottom:1px solid #dce1d2;scroll-margin-top:20px}.reading-number{font-family:Georgia,serif;font-size:1.65rem;line-height:1.5;color:#91a17e}.reading-section h2{font-size:1.4rem;font-weight:650;line-height:1.5;letter-spacing:-.035em}.reading-section p{font-size:1rem;line-height:1.95;color:#56684b;margin-top:12px}.reading-points{padding:0;margin:20px 0 0;list-style:none}.reading-points li{display:flex;align-items:flex-start;gap:10px;margin:11px 0;font-size:1rem;line-height:1.9;color:#4c6241}.reading-points .icon{width:17px;height:17px;margin-top:6px;color:#8b9d75;flex-shrink:0}.page-safety .reading-section{padding:34px 0}.page-safety .reading-number{width:41px;height:41px;border-radius:50%;background:#e8eddf;display:grid;place-items:center;font-size:1.05rem;color:#758764;margin-top:1px}.page-about .guide-intro{background:#f2f0e7}.page-about .reading-section{padding-block:36px}.page-faq .guide-intro{margin-bottom:0}.page-faq .guide-faq{padding-top:35px}.simple-device-links{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.simple-device-links>a{position:relative;display:flex;flex-direction:column;align-items:flex-start;border:1px solid #dce4d0;border-radius:10px;background:#eef1e5;padding:21px 22px;gap:8px}.simple-device-links>a:nth-child(2){background:#f1eee7;border-color:#e2ddd1}.simple-device-links>a>span{color:#82966f;margin-bottom:4px}.simple-device-links strong{font-size:1.1rem;font-weight:650;letter-spacing:-.03em}.simple-device-links small{font-size:.77rem;color:#68775d}.simple-device-links>a>.icon{position:absolute;right:20px;top:22px;width:20px;height:20px;color:#6c8059}.simple-layout .guide-content{font-size:1.15rem}.simple-layout .guide-intro p,.simple-layout .reading-section p,.simple-layout .reading-points li,.simple-layout .faq-answer{font-size:1.25rem;line-height:1.9}.simple-layout .reading-section h2{font-size:1.7rem}.simple-layout .reading-section{padding-block:39px}.simple-layout .reading-number{font-size:2.1rem}.simple-layout .guide-next h2{font-size:1.4rem}.detail-page #main:focus{outline:none}html[lang=en] .detail-hero h1{letter-spacing:-.045em;font-size:2.7rem;line-height:1.2}html[lang=en] .detail-hero-copy>p{line-height:1.75}html[lang=en] .brand>span:last-child{letter-spacing:-.04em;font-size:1.1rem}html[lang=en] .guide-step-title h2{letter-spacing:-.03em}html[lang=en] .guide-step-copy>p{line-height:1.85}html[lang=en] .example-screen-content>strong{font-size:.76rem}html[lang=en] .example-row{font-size:.67rem}
@media(max-width:1100px){.detail-hero{padding:35px 35px;grid-template-columns:1fr 225px;gap:20px}.detail-hero h1{font-size:2.5rem}.detail-hero-illustration{height:210px}.hero-art-orbit{left:-20px}.hero-art-orbit.small{left:20px}.hero-art-store{left:0;right:0;font-size:.75rem}.guide-layout{grid-template-columns:205px minmax(0,1fr);gap:35px}.guide-step-layout{grid-template-columns:1fr 230px;gap:22px}.guide-figure{padding:16px 14px 13px}.guide-step-copy>p{font-size:1rem}.guide-step-title h2{font-size:1.35rem}.guide-next{padding:25px 24px}.guide-next h2{font-size:1.15rem}.guide-next .button{font-size:.75rem;padding-inline:13px}.aside-help{padding:19px 17px}html[lang=en] .detail-hero h1{font-size:2.3rem}}
@media(max-width:900px){.detail-hero{grid-template-columns:1fr 190px;padding:31px 29px}.detail-hero h1{font-size:2.15rem}.detail-hero-copy>p{font-size:1rem}.guide-meta{gap:12px}.detail-hero-illustration{height:200px}.hero-art-orbit{width:240px;height:240px;left:-20px;top:-10px}.hero-art-orbit.small{width:180px;height:180px;left:10px;top:20px}.hero-art-store{font-size:.66rem;padding:12px 13px}.detail-hero-illustration .device-drawing{width:89px;height:148px;top:-6px}.hero-symbol{width:113px;height:113px;border-radius:32px}.hero-symbol .icon{width:49px;height:49px}.guide-layout{grid-template-columns:180px minmax(0,1fr);gap:28px;padding-top:35px}.guide-step-layout{grid-template-columns:1fr;gap:23px}.guide-figure{max-width:340px;justify-self:center;width:100%;padding:22px 28px 16px}.example-screen-content{padding:20px 19px}.example-screen-content>strong{font-size:.95rem}.example-row{font-size:.8rem}.example-action{font-size:.8rem}.example-screen-top{font-size:.7rem}.guide-figure figcaption{font-size:.7rem}.guide-toc a{font-size:.8rem;gap:8px}.guide-toc h2{font-size:.75rem}.aside-help{padding:16px 14px}.aside-help strong{font-size:.8rem}.aside-help p{font-size:.75rem}.aside-other h2{font-size:.74rem}.guide-intro{padding:21px 20px;gap:13px}.guide-next{display:block}.guide-next .button{margin-top:20px;min-height:44px}.guide-next h2{font-size:1.35rem}.simple-device-links{grid-template-columns:1fr}.guide-step{padding-block:32px}.reading-section{grid-template-columns:34px 1fr;gap:13px}.reading-section h2{font-size:1.25rem}html[lang=en] .example-screen-content>strong{font-size:.9rem}html[lang=en] .example-row{font-size:.8rem}}
@media(max-width:680px){.detail-top{padding-top:23px}.breadcrumb{font-size:.7rem;gap:7px;line-height:1.65}.breadcrumb .icon{width:10px;height:10px}.breadcrumb>span:last-child{max-width:220px}.detail-hero{display:block;margin-top:22px;padding:29px 24px 0;border-radius:11px}.detail-hero h1{font-size:2.05rem;line-height:1.35;letter-spacing:-.055em;margin-top:16px}.detail-hero-copy>p{font-size:1rem;line-height:1.85;margin-top:17px}.guide-meta{gap:10px;margin-top:19px;font-size:.68rem}.guide-meta .icon{width:13px;height:13px}.detail-hero-illustration{height:181px;width:230px;margin:16px auto 0}.hero-art-orbit{top:-2px;left:-4px;width:245px;height:245px}.hero-art-orbit.small{top:28px;left:26px;width:185px;height:185px}.detail-hero-illustration .device-drawing{width:82px;height:135px;top:-2px;box-shadow:8px 10px 0 #d8dfce}.hero-art-store{bottom:15px;left:10px;right:10px;font-size:.72rem;padding:11px 15px;transform:rotate(-3deg)}.symbol-hero{height:165px}.hero-symbol{width:95px;height:95px;border-radius:28px;box-shadow:9px 10px 0 #d8dfce}.hero-symbol>.icon{width:43px;height:43px}.detail-hero-illustration .device-home-line{width:28px}.guide-layout{display:block;padding-top:27px;padding-bottom:42px}.guide-aside{margin-bottom:24px}.aside-sticky{position:static}.guide-toc{border:1px solid #e0e5d6;border-radius:9px;padding:17px 19px;background:#f4f4ed}.guide-toc h2{font-size:.78rem;margin-bottom:9px}.guide-toc a{padding:8px 0;font-size:.88rem;gap:10px;line-height:1.6}.guide-toc a>span{font-size:.8rem}.aside-help,.aside-other{display:none}.guide-intro{padding:21px 19px;gap:12px}.guide-intro>span{width:29px;height:29px}.guide-intro .icon{width:17px;height:17px}.guide-intro h2{font-size:1rem}.guide-intro p{font-size:1rem;line-height:1.9;margin-top:8px}.guide-step{padding-block:32px;scroll-margin-top:12px}.guide-step-title{gap:11px;align-items:flex-start}.guide-step-title>span{font-size:1.8rem;min-width:34px;width:34px;padding-top:6px}.guide-step-title small{font-size:.65rem;margin-bottom:5px}.guide-step-title h2{font-size:1.3rem;line-height:1.6;letter-spacing:-.04em}.guide-step-layout{margin-top:19px;gap:22px}.guide-step-copy>p{font-size:1rem;line-height:1.95}.guide-tip{gap:9px;margin-top:18px}.guide-tip p{font-size:.9rem}.guide-tip .icon{width:17px;height:17px}.guide-figure{max-width:none;padding:23px 27px 15px}.example-screen-top{font-size:.7rem;padding:10px 13px}.example-screen-content{padding:20px 17px 16px}.example-screen-content>strong{font-size:.95rem}.example-row{font-size:.8rem;padding-block:8px}.example-action{font-size:.8rem;padding:10px}.guide-figure figcaption{font-size:.7rem;margin-top:12px}.guide-faq{padding-top:32px}.guide-faq>h2{font-size:1.4rem;margin-top:13px}.guide-faq .faq-list{margin-top:21px}.guide-faq summary{font-size:1rem;min-height:74px}.guide-faq .faq-answer{font-size:1rem;padding-right:8px}.guide-sources{font-size:.77rem;line-height:1.7;padding-top:18px;margin-top:24px;gap:13px}.guide-sources>p{margin-bottom:0}.guide-next{padding:25px 23px;margin-top:31px}.guide-next>div>span{font-size:.75rem}.guide-next h2{font-size:1.25rem}.guide-next .button{width:100%;font-size:.85rem;justify-content:space-between;margin-top:18px}.guide-bottom-nav{padding-top:23px;font-size:.78rem}.reading-section{grid-template-columns:31px 1fr;gap:12px;padding-block:28px;scroll-margin-top:12px}.reading-number{font-size:1.45rem;line-height:1.6}.reading-section h2{font-size:1.25rem;line-height:1.6}.reading-section p{font-size:1rem;line-height:1.95;margin-top:11px}.reading-points{margin-top:16px}.reading-points li{font-size:1rem;gap:9px;line-height:1.9;margin:11px 0}.reading-points .icon{width:15px;height:15px;flex-shrink:0;margin-top:8px}.page-safety .reading-number{width:30px;height:30px;font-size:.85rem;margin-top:5px}.page-safety .reading-section{padding-block:28px}.simple-layout .reading-section{padding-block:31px;display:block}.simple-layout .reading-number{font-size:2rem;margin-bottom:11px}.simple-layout .reading-section h2{font-size:1.5rem}.simple-layout .guide-intro p,.simple-layout .reading-section p,.simple-layout .reading-points li,.simple-layout .faq-answer{font-size:1.25rem}.simple-layout .guide-intro{gap:10px;padding-inline:17px}.simple-layout .guide-intro>span{display:none}.simple-device-links{margin-top:21px;gap:13px}.simple-device-links>a{padding:20px 22px}.simple-device-links strong{font-size:1.2rem}.simple-device-links small{font-size:.9rem}html[lang=en] .detail-hero h1{font-size:2.1rem;line-height:1.25;letter-spacing:-.04em}html[lang=en] .detail-hero-copy>p{font-size:1rem;line-height:1.8}html[lang=en] .guide-step-copy>p{font-size:1rem;line-height:1.9}html[lang=en] .brand>span:last-child{font-size:1.02rem}html[data-text=largest] .detail-hero h1{font-size:1.8rem}html[data-text=largest] .guide-meta{font-size:.65rem}html[data-text=largest] .detail-hero{padding-inline:21px}html[data-text=largest] .guide-intro{display:block}html[data-text=largest] .guide-intro>span{margin-bottom:11px}html[data-text=largest] .guide-step-title h2{font-size:1.2rem}html[data-text=largest] .guide-next{padding:23px 20px}html[data-text=largest] .reading-section{grid-template-columns:28px 1fr;gap:10px}}
@media(max-width:360px){.detail-hero{padding-inline:21px}.detail-hero h1{font-size:1.85rem}.guide-figure{padding-inline:18px}.guide-intro{padding-inline:16px}.breadcrumb{font-size:.66rem}.guide-step-title h2{font-size:1.2rem}.guide-bottom-nav{font-size:.73rem}.simple-device-links strong{font-size:1.1rem}}
@media print{.guide-aside,.detail-hero-illustration,.guide-bottom-nav,.guide-next{display:none}.guide-layout{display:block;padding-top:30px}.detail-hero{display:block;background:none;border:0;padding:10px 0}.guide-step,.reading-section{break-inside:avoid}.guide-step-layout{grid-template-columns:1fr 240px}.detail-top{display:none}}

.guide-aside{align-self:stretch}