` 로 싼다. 발행 페이지 20개가 loose 다(실측). */ .sfe-app .sfe-main .sfe-article.sfe-article ul:not(.sfe-li-plain)>li{list-style:none!important} .sfe-app .sfe-main .sfe-article.sfe-article ul:not(.sfe-li-plain)>li::before, .sfe-app .sfe-main .sfe-article.sfe-article ul:not(.sfe-li-plain)>li>p:first-child::before{ position:static!important;display:inline-block;content:""!important;box-sizing:border-box; width:5.5px;height:5.5px;margin-left:-1.5rem;margin-right:calc(1.35rem - 5.5px); border-right:1px solid rgba(var(--c-rgb),.62);border-top:1px solid rgba(var(--c-rgb),.62); line-height:1;vertical-align:baseline;transform:translateY(-3.1px) rotate(45deg)} .sfe-app .sfe-main .sfe-article.sfe-article ul:not(.sfe-li-plain)>li:has(>p)::before{display:none!important} /* SFE_LI_MARKER_INLINE_V1 END */ /* SFE_RAW_TOC_TITLE_V1 START */ /*SFE_WRAPPED_FRAC_CSS_V2*/ .sfe-app .katex.sfe-wrapped-frac, .sfe-app .katex .base.sfe-wrapped-frac{ margin-top:.6em!important }.sfe-brand-card{background:var(--c-surf-lite)!important;border-radius:0!important;margin-top:8px!important;box-shadow:0 1px 2px rgba(0,0,0,.04),0 6px 20px rgba(0,0,0,.05);overflow:hidden}.sfe-brand-card__inner{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 16px}.sfe-brand-card__icon{width:32px;height:32px;flex:0 0 32px;object-fit:contain;display:block}.sfe-brand-card__text{color:#fff;font-weight:700;font-size:16px;letter-spacing:-.02em;line-height:1.2;font-family:var(--ff-ui)} header a.sfe-fbtn[href="/t"]{display:none!important} /*SFE_TOC_TITLE_V10*/ #sfe-root .sfe-app .sfe-toc-card .sfe-toc-h{ color: var(--c-dark) !important; font-weight: 700 !important; font-size: 15px !important; letter-spacing: -0.02em !important; line-height: 1.2 !important; font-family:var(--ff-ui) !important; text-transform: none !important; } /*SFE_TOC_TITLE_V10 SFE_TOC_INNER_SCROLL_V1*/ /* SFE_RAW_TOC_TITLE_V1 END */ /* SFE_LIGHTBOX_V1 START */ .sfe-clickable{position:relative;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto} .sfe-clickable img{-webkit-user-drag:none;user-drag:none;user-select:none;cursor:zoom-in} #sfe-lightbox{position:fixed;inset:0;margin:auto;padding:0;border:none;background:transparent;width:fit-content;height:fit-content;max-width:95vw;max-height:95vh;overflow:visible;cursor:pointer;opacity:0;transform:scale(.94);transition:opacity .22s ease,transform .26s cubic-bezier(.16,1,.3,1),overlay .26s ease allow-discrete,display .26s ease allow-discrete} #sfe-lightbox[open]{opacity:1;transform:scale(1)} @starting-style{#sfe-lightbox[open]{opacity:0;transform:scale(.94)}} #sfe-lightbox::backdrop{background:rgba(0,0,0,0);cursor:pointer;transition:background .26s ease,overlay .26s ease allow-discrete,display .26s ease allow-discrete} #sfe-lightbox[open]::backdrop{background:rgba(0,0,0,.88)} @starting-style{#sfe-lightbox[open]::backdrop{background:rgba(0,0,0,0)}} #sfe-lightbox img{max-width:95vw;max-height:95vh;display:block;object-fit:contain} @media (prefers-reduced-motion:reduce){#sfe-lightbox{transition-duration:.01ms;transform:none}#sfe-lightbox::backdrop{transition-duration:.01ms}@starting-style{#sfe-lightbox[open]{transform:none}}} /* SFE_LIGHTBOX_V1 END */ /* SFE_PROGRESS_V1 START */ #sfe-progress-fab{position:fixed;bottom:142px;right:16px;z-index:9998;width:48px;height:48px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--glow-lift);transition:background .2s,transform .15s, scale .1s cubic-bezier(.4,0,.2,1)} #sfe-progress-fab:hover{transform:scale(1.08)} #sfe-progress-fab.done{} #sfe-progress-fab svg{width:28px;height:28px;fill:currentColor} #sfe-progress-streak{position:fixed;bottom:194px;right:40px;transform:translateX(50%);z-index:9999;background:#ff6b35;color:#fff;font-size:12px;font-weight:700;padding:3px 10px;border-radius:0;box-shadow:0 1px 4px rgba(0,0,0,.2);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;line-height:1.2;white-space:nowrap;min-width:36px;text-align:center;box-sizing:border-box} #sfe-progress-streak.show{opacity:1;visibility:visible} #sfe-progress-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10100;background:rgba(0,0,0,.85);color:#fff;padding:10px 16px;border-radius:0;font-size:14px;display:none;align-items:center;gap:12px;box-shadow:var(--glow-lift)} #sfe-progress-toast.show{display:flex} #sfe-progress-toast .sfe-icn{width:16px;height:16px;vertical-align:-3px} #sfe-progress-toast button{background:transparent;color:#4fc3f7;border:none;font-size:14px;font-weight:700;cursor:pointer;padding:0;text-decoration:underline} #sfe-progress-popover{position:fixed;bottom:200px;right:16px;width:280px;background:#fff;border-radius:0;box-shadow:var(--glow-lift);z-index:10001;padding:14px 16px 12px;display:none;border:1px solid var(--line);font-family:inherit;font-size:14px;line-height:1.5;color:#222} #sfe-progress-popover.open{display:block;animation:sfeChatOvIn .22s cubic-bezier(.21,1.02,.73,1);transform-origin:bottom right} #sfe-progress-popover::after{content:'';position:absolute;bottom:-8px;right:28px;width:14px;height:14px;background:#fff;transform:rotate(45deg);border-right:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)} #sfe-progress-popover h3{margin:0 0 8px;font-size:15.5px;font-weight:700;color:var(--c-dark);display:flex;align-items:center;gap:6px; letter-spacing:-0.01em;} #sfe-progress-popover .sfe-progress-pop-msg{font-size:12.8px} .sfe-progress-pop-close{position:absolute;top:6px;right:8px;background:transparent;border:none;font-size:16px;color:#888;cursor:pointer;line-height:1;padding:4px} .sfe-progress-pop-close:hover{color:#222} .sfe-progress-pop-msg{margin:0 0 12px;color:#333} .sfe-progress-pop-cta{display:inline-block;padding:8px 14px;border-radius:0;text-decoration:none!important;font-weight:700;font-size:13px;margin-bottom:8px} .sfe-progress-pop-cta:hover{} .sfe-progress-pop-aux{margin:0;font-size:12px;color:#888} .sfe-progress-pop-aux a{color:var(--c);font-weight:400;text-decoration:underline} .sfe-tree-check{fill:#fff;paint-order:stroke;stroke:rgba(0,0,0,.55);stroke-width:3.333px;stroke-linejoin:round;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}/*SFE_SITEFONT_V1*/ #sfe-tree-progress{text-align:center;margin:12px auto 24px;font-size:14px;color:var(--c-dark);font-weight:700} #sfe-tree-progress .pct{color:var(--c);font-weight:700} .sfe-table:not(.sfe-subject-card) a:has(>img), .accordion--tree a:has(>img){position:relative;display:block;width:fit-content;margin:0 auto;font-size:0;line-height:0}.sfe-table.sfe-subject-card a:has(>img){font-size:1em!important;line-height:1.2!important}.sfe-table.sfe-subject-card a:has(>img) > img{margin-bottom:10px!important} .sfe-table a:has(>img) > img, .accordion--tree a:has(>img) > img{display:block;margin:0!important} .sfe-icon-check{position:absolute;top:5px;left:5px;width:18px;height:18px;border-radius:50%;background:#fff;color:var(--c-dark);font-size:12px;font-weight:700;line-height:18px;text-align:center;pointer-events:none;box-shadow:0 0 0 1.5px var(--c-dark),0 1px 3px rgba(0,0,0,.35);z-index:2;box-sizing:border-box} .sfe-svg-check{pointer-events:none;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.35))} .sfe-svg-check circle{fill:#fff;stroke:var(--c-dark)} .sfe-svg-check path{fill:var(--c-dark)}/*SFE_SITEFONT_V1*/ @media (prefers-reduced-motion:no-preference){ .sfe-icon-check.sfe-anim{animation:sfeProgPop .35s cubic-bezier(.34,1.56,.64,1) both} .sfe-svg-check.sfe-anim,.sfe-tree-check.sfe-anim{transform-box:fill-box;transform-origin:center;animation:sfeProgPop .35s cubic-bezier(.34,1.56,.64,1) both} } @keyframes sfeProgPop{0%{transform:scale(0)}65%{transform:scale(1.22)}100%{transform:scale(1)}} /*SFE_KG_GRID*/ table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) a:has(>img):not(:has(.sfe-icon-check)),.accordion--tree a:has(>img):not(:has(.sfe-icon-check)){position:relative;overflow:hidden} table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) a:has(>img):not(:has(.sfe-icon-check))::after,.accordion--tree a:has(>img):not(:has(.sfe-icon-check))::after{content:"";position:absolute;top:0;bottom:0;left:-45%;width:195%;pointer-events:none;background:linear-gradient(105deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.16) 50%,rgba(255,255,255,0) 100%) 0 0/calc(100% * 32 / 195) 100% no-repeat;transform:skewX(-14deg);z-index:1} @media (prefers-reduced-motion:no-preference){ table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) a:has(>img):not(:has(.sfe-icon-check))::after,.accordion--tree a:has(>img):not(:has(.sfe-icon-check))::after{animation:sfeProgShine 5.6s ease-in-out infinite} } @keyframes sfeProgShine{0%{background-position:0 0}27.5%{background-position:100% 0}100%{background-position:100% 0}} /*SFE_PROGRESS_DIM_V1*/ table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) a:has(>img):has(.sfe-icon-check)>img,.accordion--tree a:has(>img):has(.sfe-icon-check)>img{filter:brightness(.7) saturate(.87)}/*SFE_PROGRESS_DIM_V2*/ table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) a:has(>img):has(.sfe-icon-check):hover>img,.accordion--tree a:has(>img):has(.sfe-icon-check):hover>img{filter:brightness(1.08)} html.sfe-prog-anim table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) a:has(>img):has(.sfe-icon-check)>img,html.sfe-prog-anim .accordion--tree a:has(>img):has(.sfe-icon-check)>img{transition:filter .28s cubic-bezier(.4,0,.2,1)!important}/*SFE_PROGRESS_DIM_V1*/ /*SFE_PROGRESS_DIM_V1 SFE_V2_MAIN_CSS*/ .sfe-icon-check{top:0;left:0;width:34px;height:34px;border-radius:0;background:var(--c-dark);color:#fff;box-shadow:none;clip-path:polygon(0 0,100% 0,0 100%);display:flex;align-items:center;justify-content:center;padding:0 11.333px 11.333px 0;font-size:12px;line-height:1;font-weight:700;text-shadow:0 0 5px rgba(255,255,255,.9),0 0 9px rgba(255,255,255,.5)}/*SFE_PROGRESS_DIM_V2*//*SFE_PROGRESS_DIM_V2*/ .sfe-icon-check .sfe-icn{width:13px;height:13px}/*SFE_SITEFONT_V1*/ .sfe-icon-check>.g{display:flex;filter:drop-shadow(0 0 5px rgba(255,255,255,.9)) drop-shadow(0 0 9px rgba(255,255,255,.5))} html .sfe-v2-units .sfe-icon-check{top:0;left:0} /*SFE_XL_DONE*/ .sfe-main .sfe-article a.sfe-xl-chip.sfe-xl-done{position:relative;overflow:hidden} .sfe-xl-check{position:absolute;top:0;left:0;width:22px;height:22px;background:var(--c-dark);color:#fff;clip-path:polygon(0 0,100% 0,0 100%);display:flex;align-items:center;justify-content:center;padding:0 9px 9px 0;box-sizing:border-box;pointer-events:none} .sfe-xl-check .sfe-icn{width:8px;height:8px} /* SFE_PROGRESS_V1 END */ /* SFE_RAW_HDG_SEARCH_V1 START */ .sfe-main .sfe-article h1{margin-top:40px!important;margin-bottom:0!important} .sfe-main .sfe-article section.sfe-section>h1:first-child{margin-top:40px!important;margin-bottom:0!important} .sfe-main .sfe-article section.sfe-section>h2:first-child,.sfe-main .sfe-article section.sfe-section>h3:first-child,.sfe-main .sfe-article section.sfe-section>h4:first-child,.sfe-main .sfe-article section.sfe-section>h5:first-child,.sfe-main .sfe-article section.sfe-section>h6:first-child{margin-top:30px!important;margin-bottom:0!important} header[class*=sfe-top] input,header[class*=sfe-top] input::placeholder{font-weight:400!important}header[class*=sfe-top] input{font-family:var(--ff-ui)!important} .sfe-main .sfe-article section.sfe-section:first-of-type>h1:first-child{margin-top:5px!important}header[class*=sfe-top] input:focus::placeholder{color:transparent!important}html[data-sfe-search-ready] .sfe-app header[class*=sfe-top] .sfe-q input:focus::placeholder{color:transparent!important} .sfe-sr .sfe-li-c .sfe-sub.sfe-sr-path{display:none!important} .sfe-sr .sfe-li-c.sfe-li-c>*:has(+.sfe-sr-path:last-child){margin-bottom:0!important} /* SFE_RAW_HDG_SEARCH_V1 END */ /* SFE_V2_MAIN_CSS START */.sfe-v2-hero{margin:4px 0 22px;border-radius:0;overflow:hidden;line-height:0;border:1px solid rgba(var(--c-rgb),.16)}.sfe-v2-hero iframe{display:block;width:100%;border:none;height:260px}.sfe-v2-subjects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 12px}/*SFE_HOME_V3_CSS SFE_HOME_V3_CSS*/@container sfe-home (max-width:760px){.sfe-v2-subjects{grid-template-columns:repeat(3,minmax(0,1fr))}}@container sfe-home (max-width:588px){.sfe-v2-subjects{grid-template-columns:repeat(2,minmax(0,1fr))}}@supports not ((container-type:inline-size) and selector(:has(> *))){@media(max-width:1100px){.sfe-v2-subjects{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.sfe-v2-subjects{grid-template-columns:repeat(2,minmax(0,1fr))}}}a.sfe-v2-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:73px 12px 59px;border-radius:0;color:#fff!important;text-decoration:none!important;position:relative;overflow:hidden;transition:filter .45s ease}a.sfe-v2-card>img,a.sfe-v2-card>span{position:relative;z-index:2}a.sfe-v2-card::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(30% 115% at 22% -7%,rgba(255,255,255,.5),rgba(255,255,255,0) 64%),radial-gradient(30% 120% at 50% -7%,rgba(255,255,255,.54),rgba(255,255,255,0) 66%),radial-gradient(30% 115% at 78% -7%,rgba(255,255,255,.5),rgba(255,255,255,0) 64%);opacity:.16;transition:opacity .5s ease}a.sfe-v2-card::after{content:"";position:absolute;left:0;right:0;top:0;height:10px;z-index:1;pointer-events:none;background:radial-gradient(11px 6px at 22% 0%,rgba(255,255,255,.95),rgba(255,255,255,0) 72%),radial-gradient(11px 6px at 50% 0%,rgba(255,255,255,.95),rgba(255,255,255,0) 72%),radial-gradient(11px 6px at 78% 0%,rgba(255,255,255,.95),rgba(255,255,255,0) 72%);opacity:0;transition:opacity .45s ease}a.sfe-v2-card img{height:80px;width:auto;max-width:86%;display:block;object-fit:contain;transition:filter .45s ease}a.sfe-v2-card:hover img{filter:drop-shadow(0 0 7px rgba(255,255,255,.95)) drop-shadow(0 0 15px rgba(255,255,255,.6))!important}a.sfe-v2-card .sfe-v2-nm{font-size:18px;font-weight:700;line-height:1.2}a.sfe-v2-card .sfe-v2-ct{font-size:12px;opacity:.85;line-height:1.2;font-weight:400;margin-top:-5px}a.sfe-v2-card:hover{filter:brightness(1.04)}a.sfe-v2-card:hover::before{opacity:.67}a.sfe-v2-card:hover::after{opacity:.67}@media(prefers-reduced-motion:no-preference){html.sfe-reveal-armed .sfe-v2-subjects a.sfe-v2-card,html.sfe-reveal-armed .sfe-v2-units a,html.sfe-reveal-armed .sfe-article .sfe-clickable,html.sfe-reveal-armed .sfe-article .sfe-scrollable,html.sfe-reveal-armed .sfe-article iframe{opacity:0;transform:translateY(22px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1),filter .45s ease}html.sfe-reveal-armed .sfe-v2-subjects a.sfe-v2-card.sfe-v2-in,html.sfe-reveal-armed .sfe-v2-units a.sfe-v2-in,html.sfe-reveal-armed .sfe-article .sfe-clickable.sfe-v2-in,html.sfe-reveal-armed .sfe-article .sfe-scrollable.sfe-v2-in,html.sfe-reveal-armed .sfe-article iframe.sfe-v2-in{opacity:1;transform:none}html.sfe-reveal-armed .sfe-article .sfe-v2-hero iframe{opacity:1!important;transform:none!important;transition:none!important}html.sfe-reveal-armed .sfe-v2-subjects a.sfe-v2-card:nth-child(1){transition-delay:.03s}html.sfe-reveal-armed .sfe-v2-subjects a.sfe-v2-card:nth-child(2){transition-delay:.1s}html.sfe-reveal-armed .sfe-v2-subjects a.sfe-v2-card:nth-child(3){transition-delay:.17s}html.sfe-reveal-armed .sfe-v2-subjects a.sfe-v2-card:nth-child(4){transition-delay:.24s}html.sfe-reveal-armed .sfe-v2-subjects a.sfe-v2-card:nth-child(5){transition-delay:.31s}html.sfe-reveal-armed .sfe-v2-subjects a.sfe-v2-card:nth-child(6){transition-delay:.38s}html.sfe-reveal-armed .sfe-v2-units a{transition-delay:.05s}html.sfe-reveal-armed .sfe-table.sfe-v2-units a:has(>img){transition:opacity .65s cubic-bezier(.16,1,.3,1) .05s,transform .65s cubic-bezier(.16,1,.3,1) .05s,filter .2s ease,box-shadow .2s ease}}.sfe-table.sfe-v2-units{display:block;text-align:center;margin:8px 0 4px;border:0}.sfe-table.sfe-v2-units a:has(>img){display:inline-block;width:180px;max-width:calc(50% - 11px);margin:3px;vertical-align:top;background:#fff;border:1px solid var(--c);border-radius:0;box-sizing:border-box;padding:0;font-size:0;line-height:0;position:relative;z-index:0;transition:filter .2s ease,box-shadow .2s ease}.sfe-table.sfe-v2-units a:has(>img)>img{display:block;width:100%!important;height:auto;margin:0!important;border-radius:0;max-width:none}.sfe-table.sfe-v2-units a:has(>img):hover{filter:brightness(1.06);box-shadow:0 0 0 1px var(--c);z-index:2}.sfe-v2-units .sfe-icon-check{top:7px;left:7px}img[data-scale].sfe-img-ready{opacity:1!important;transition:none!important}/* SFE_V2_MAIN_CSS END */ /* SFE_ADSFIX_V1 START */ .sfe-article .google-auto-placed{grid-column:1/-1;flex:1 1 100%;min-width:0} /* SFE_ADSFIX_V1 END */ /* SFE_V2_IFSIGHT_CSS START *//**/.sfe-ifs-sfe{--ifs-a:#39B54A;--ifs-ad:#2c9242;--ifs-rgb:57,181,74}.sfe-ifs-lk{--ifs-a:#F0A41F;--ifs-ad:#b97a10;--ifs-rgb:240,164,31}.sfe-ifs-proj{border:1px solid rgba(var(--ifs-rgb),.36);background:#fff;margin:12px 0 0}.sfe-ifs-ph{position:relative;display:flex;align-items:center;justify-content:center;gap:15px;padding:14px 18px;background:var(--c-surf);overflow:hidden}.sfe-ifs-ph img{height:46px;width:auto;max-width:30%;object-fit:contain;display:block;position:relative;z-index:2;margin:0}.sfe-ifs-pt{font-size:17px;font-weight:400;color:#fff;position:relative;z-index:2}.sfe-ifs-ph::after{content:"";position:absolute;top:0;bottom:0;left:-45%;width:195%;z-index:1;background:linear-gradient(105deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.1) 50%,rgba(255,255,255,0) 100%) 0 0/calc(100% * 32 / 195) 100% no-repeat;transform:skewX(-14deg)}.sfe-ifs-pd{padding:15px 18px;line-height:1.78;color:#3f3c35;border-top:1px solid rgba(var(--ifs-rgb),.22)}.sfe-ifs-tl{position:relative;margin:10px 0 6px;padding:2px 3px 6px 0;overflow:visible;display:grid;grid-template-columns:0 minmax(0,1fr)}.sfe-ifs-tl.sfe-ifs-sfe{grid-template-rows:repeat(5,auto)}.sfe-ifs-tl.sfe-ifs-lk{grid-template-rows:repeat(6,auto)}.sfe-ifs-tlcap{font-size:15px;font-weight:700;color:var(--ifs-ad);letter-spacing:.05em;margin:6px 0 12px 96px;padding:5px 13px;border:1px solid rgba(var(--ifs-rgb),.42);background:rgba(var(--ifs-rgb),.07);width:fit-content;grid-column:2}.sfe-ifs-lk .sfe-ifs-tlcap{color:#d8930e;border-color:rgba(216,147,14,.55);background:rgba(240,164,31,.07)}.sfe-ifs-it{position:relative;padding:0 0 20px 96px;min-height:38px;grid-column:2}.sfe-ifs-it:nth-last-child(2){padding-bottom:4px}.sfe-ifs-yr{position:absolute;left:0;top:7px;width:58px;text-align:right;font-size:17px;font-weight:700;color:var(--ifs-ad);line-height:1.2}.sfe-ifs-it::before{content:"";position:absolute;left:71px;top:0;bottom:0;width:2px;background:rgba(var(--ifs-rgb),.26)}.sfe-ifs-it:nth-child(2)::before{top:14px}.sfe-ifs-it:nth-last-child(2)::before{bottom:auto;height:14px}.sfe-ifs-it:nth-child(2):nth-last-child(2)::before{height:0}.sfe-ifs-rail{grid-column:1;grid-row:2/-2;position:relative;width:0;justify-self:start;pointer-events:none}.sfe-ifs-rail::after{content:"";position:absolute;left:71px;top:-12px;bottom:-15px;width:2px;border-radius:2px;background:linear-gradient(180deg,rgba(var(--ifs-rgb),0),rgba(var(--ifs-rgb),.9) 50%,rgba(var(--ifs-rgb),0)) 0 0/2px 90px no-repeat;opacity:0}.sfe-ifs-it::after{content:"";position:absolute;left:67px;top:10px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--ifs-a);box-sizing:border-box;z-index:1}.sfe-ifs-bd{background:#fff;border:1px solid rgba(var(--ifs-rgb),.32);padding:11px 15px;line-height:1.8;color:#3f3c35;transition:filter .2s ease,box-shadow .2s ease,border-color .2s ease}.sfe-ifs-bd:hover{filter:brightness(1.03);border-color:var(--ifs-ad);box-shadow:0 0 0 1px var(--ifs-ad)}@media(max-width:540px){.sfe-ifs-tlcap{margin-left:84px}.sfe-ifs-it{padding-left:84px}.sfe-ifs-yr{width:50px;font-size:15.5px;top:9px}.sfe-ifs-it::before{left:61px}.sfe-ifs-it::after{left:57px}.sfe-ifs-rail::after{left:61px}.sfe-ifs-ph img{height:38px}.sfe-ifs-pt{font-size:15.5px}}.sfe-v2-hero{border:1px solid var(--c)}table[class*="sfe-table"]{border-radius:0!important}.accordion--tree>.accordion__button{position:relative;overflow:hidden}.accordion--tree>.accordion__button::after{content:"";position:absolute;top:0;bottom:0;left:-45%;width:195%;pointer-events:none;background:linear-gradient(105deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.1) 50%,rgba(255,255,255,0) 100%) 0 0/calc(100% * 32 / 195) 100% no-repeat;transform:skewX(-14deg)}@media(prefers-reduced-motion:no-preference){.sfe-ifs-ph::after{animation:sfeIfsShine 5.6s ease-in-out infinite}.accordion--tree>.accordion__button::after{animation:sfeIfsShine 5.6s ease-in-out infinite}.sfe-ifs-rail::after{animation:sfeIfsFlow 5.5s linear infinite}html.sfe-reveal-armed .sfe-article .sfe-ifs-tl:not(.sfe-v2-in) .sfe-ifs-rail::after{animation:none;opacity:0}.sfe-ifs-it::after{animation:sfeIfsPulse 4.5s ease-out infinite;animation-delay:.1s}.sfe-ifs-it:nth-child(3)::after{animation-delay:.6s}.sfe-ifs-it:nth-child(4)::after{animation-delay:1.1s}.sfe-ifs-it:nth-child(5)::after{animation-delay:1.6s}.sfe-ifs-it:nth-child(6)::after{animation-delay:2.1s}html.sfe-reveal-armed .sfe-article .sfe-scrollable.sfe-ifs-tl{opacity:1!important;transform:none!important}html.sfe-reveal-armed .sfe-article .sfe-ifs-tl .sfe-ifs-it{opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}html.sfe-reveal-armed .sfe-article .sfe-ifs-tl.sfe-v2-in .sfe-ifs-it{opacity:1;transform:none}html.sfe-reveal-armed .sfe-article .sfe-ifs-tl.sfe-v2-in .sfe-ifs-it:nth-child(2){transition-delay:.05s}html.sfe-reveal-armed .sfe-article .sfe-ifs-tl.sfe-v2-in .sfe-ifs-it:nth-child(3){transition-delay:.14s}html.sfe-reveal-armed .sfe-article .sfe-ifs-tl.sfe-v2-in .sfe-ifs-it:nth-child(4){transition-delay:.23s}html.sfe-reveal-armed .sfe-article .sfe-ifs-tl.sfe-v2-in .sfe-ifs-it:nth-child(5){transition-delay:.32s}html.sfe-reveal-armed .sfe-article .sfe-ifs-tl.sfe-v2-in .sfe-ifs-it:nth-child(6){transition-delay:.41s}}@keyframes sfeIfsShine{0%{background-position:0 0}55%{background-position:100% 0}100%{background-position:100% 0}}@keyframes sfeIfsPulse{0%{box-shadow:0 0 0 0 rgba(var(--ifs-rgb),.38)}40%{box-shadow:0 0 0 9px rgba(var(--ifs-rgb),0)}100%{box-shadow:0 0 0 0 rgba(var(--ifs-rgb),0)}}@keyframes sfeIfsFlow{0%{background-position:0 0;opacity:0}6%{opacity:1}84%{background-position:0 100%;opacity:1}100%{background-position:0 100%;opacity:0}}/* SFE_V2_IFSIGHT_CSS END */ /* SFE_KG_GRID START — 지식 정보 표 = 지식 보기 타일 (전 페이지, :has 식별자). 컬럼폭 동적·오버플로 불가·가운데 정렬·빈셀 대시 보존(셀 정중앙 flex) */ .sfe-app table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) td,.sfe-app table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) th{border:0!important} body .sfe-app table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img){border:1px solid var(--c)!important} table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img){display:block;width:100%!important;max-width:100%!important;box-sizing:border-box} table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) thead,table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) thead tr{display:block} table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) thead th{display:block;text-align:center;font-weight:700;padding:8px} .sfe-app table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) thead th{border-bottom:1px solid var(--c)!important} table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) tbody{display:grid;grid-template-columns:auto auto;width:100%} table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) tbody tr{display:contents} table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) td[colspan="2"]{grid-column:1/-1;text-align:center;padding:10px;white-space:normal!important} .sfe-app table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) td[colspan="2"]{border-bottom:1px solid var(--c)!important} table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) tbody th{text-align:center;font-weight:700;color:var(--c-dark);padding:6px} .sfe-app table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) tbody th{border-bottom:1px solid var(--c)!important} .sfe-app table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) tbody th+th{border-left:1px solid var(--c)!important} table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) td:not([colspan]){text-align:center;vertical-align:top;padding:8px 6px;white-space:normal!important;min-width:0} table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) td:not([colspan]):has(a img){font-size:0;line-height:0} table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) td:not([colspan]):not(:has(a img)){font-size:0;line-height:1.4;color:var(--c-dark);display:flex;align-items:center;justify-content:center} table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) td:not([colspan]):not(:has(a img))::before{content:"";width:14px;height:1.2px;background:currentColor} .sfe-app table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) td:not([colspan])+td:not([colspan]){border-left:1px solid var(--c)!important} table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) a:has(>img){display:inline-block!important;width:180px!important;max-width:calc(100% - 6px);margin:3px!important;vertical-align:top;background:#fff;box-sizing:border-box;font-size:0;line-height:0;border-radius:0;transition:filter .2s ease,box-shadow .2s ease} .sfe-app table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) a:has(>img){border:1px solid var(--c)!important} table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) a:has(>img)>img{display:block!important;width:100%!important;height:auto!important;margin:0!important;border-radius:0;max-width:none!important} table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) a:has(>img):hover{filter:brightness(1.06)!important;box-shadow:0 0 0 1px var(--c);z-index:2;position:relative} table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) td[colspan="2"] a:has(>img){max-width:calc(50% - 8px)} @media (max-width:480px){table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) tbody{grid-template-columns:1fr 1fr}} table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) td:not([colspan])+td:not([colspan]){padding-right:5px} /* SFE_KG_GRID END */ /* SFE_KG_SUBJCOLOR START — 지식 아이콘 타일 테두리 = 아이콘 대상 지식의 과목색 (현재 페이지 무관, href 첫 세그먼트 기준). §42 식별자 + a[href^] override */ .sfe-app table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) a[href^="/ko/%ED%86%B5%ED%95%A9%EA%B3%BC%ED%95%99/"]:has(>img){border-color:var(--s-integ)!important} .sfe-app table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) a[href^="/ko/%EC%88%98%ED%95%99/"]:has(>img){border-color:var(--s-math)!important} .sfe-app table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) a[href^="/ko/%EB%AC%BC%EB%A6%AC%ED%95%99/"]:has(>img){border-color:var(--s-phys)!important} .sfe-app table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) a[href^="/ko/%ED%99%94%ED%95%99/"]:has(>img){border-color:var(--s-chem)!important} .sfe-app table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) a[href^="/ko/%EC%83%9D%EB%AA%85%EA%B3%BC%ED%95%99/"]:has(>img){border-color:var(--s-life)!important} .sfe-app table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) a[href^="/ko/%EC%A7%80%EA%B5%AC%EA%B3%BC%ED%95%99/"]:has(>img){border-color:var(--s-earth)!important} .sfe-app table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) a[href^="/ko/%EC%88%98%ED%95%99/"]:has(>img):hover{box-shadow:0 0 0 1px var(--s-math)!important} .sfe-app table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) a[href^="/ko/%EB%AC%BC%EB%A6%AC%ED%95%99/"]:has(>img):hover{box-shadow:0 0 0 1px var(--s-phys)!important} .sfe-app table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) a[href^="/ko/%ED%99%94%ED%95%99/"]:has(>img):hover{box-shadow:0 0 0 1px var(--s-chem)!important} .sfe-app table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) a[href^="/ko/%EC%83%9D%EB%AA%85%EA%B3%BC%ED%95%99/"]:has(>img):hover{box-shadow:0 0 0 1px var(--s-life)!important} .sfe-app table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) a[href^="/ko/%EC%A7%80%EA%B5%AC%EA%B3%BC%ED%95%99/"]:has(>img):hover{box-shadow:0 0 0 1px var(--s-earth)!important} .sfe-app table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) a[href^="/ko/%ED%86%B5%ED%95%A9%EA%B3%BC%ED%95%99/"]:has(>img):hover{box-shadow:0 0 0 1px var(--s-integ)!important} /* SFE_KG_SUBJCOLOR END */ /* SFE_LEARN_IFRAME_MINH START — 학습 로드맵 iframe 최소 높이. 로드 전 collapse 방지용 floor일 뿐(실제 높이는 핸드셰이크가 콘텐츠로 결정) — 검색 전 빈 화면 콘텐츠보다 낮아야 한다(높으면 아래 빈칸). 옛 430px 은 빈 화면서 거대 공백 유발해 220 으로 하향(2026-06-12) · 2026-10-26 안내문을 iframe 밖 본문으로 옮겨 빈 화면 콘텐츠가 ~245 → ~207(PC) · ~214(폰)px 이 되어 200 으로 하향 */ iframe[src*="/simulations/learn/"]{min-height:200px} /* SFE_LEARN_IFRAME_MINH END */ /* SFE_COMMENTS_V1 START */ /*SFE_COMMENTS_V1 SFE_PALETTE_V1*/ .sfe-cmt-ov .sfe-cmt-box{ position:absolute; pointer-events:none; border-radius:0; mix-blend-mode:multiply; } .sfe-cmt-ov .sfe-cmt-box.img{ background:transparent; border:2.5px solid; border-radius:0; box-shadow:0 0 0 2px rgba(255,255,255,.5); mix-blend-mode:normal; } .sfe-cmt-ov .sfe-cmt-box.sim{ background:transparent; border:3px solid; border-radius:0; box-shadow:0 0 0 2px rgba(255,255,255,.55); mix-blend-mode:normal; } body.sfe-cmt-on .sfe-article ::selection{ background:var(--c); color:#fff; } body.sfe-cmt-on .sfe-article ::-moz-selection{ background:var(--c); color:#fff; } .sfe-cmt-ui, .sfe-cmt-ui :where(*:not(.katex, .katex *)){ box-sizing:border-box; font-family:var(--ff-ui); } .sfe-cmt-addbtn{ align-items:center; gap:5px; padding:7px 13px; border:0; border-radius:18px; font-size:13px; font-weight:700; cursor:pointer; box-shadow:0 3px 12px rgba(0,0,0,.28); line-height:1; white-space:nowrap; } .sfe-cmt-addbtn:hover{ } .sfe-cmt-addbtn span{ font-size:14px; } .sfe-cmt-imgbadge{ position:absolute; z-index:1001; align-items:center; justify-content:center; width:30px; height:30px; border:none; border-radius:50%; background:var(--c-surf); color:#fff; font-size:15px; cursor:pointer; box-shadow:0 2px 8px rgba(0,0,0,.3); } .sfe-cmt-imgbadge:hover{ transform:scale(1.08); } #sfe-cmt-pop .sfe-cmt-sheet{ width:330px; max-width:calc(100vw - 24px); background:#fff; border:1px solid #e2e6e3; border-radius:0; box-shadow:var(--glow-lift); padding:14px; max-height:70vh; overflow:auto; } #sfe-cmt-pop{ border:0; box-shadow:none; } .sfe-cmt-text{ width:100%; min-height:200px; resize:vertical; border:1px solid #cfd8d2; border-radius:0; padding:9px 10px; font-size:13.5px; line-height:1.5; outline:none; color:#1f2a25; } .sfe-cmt-text:focus{ border-color:var(--c-dark); box-shadow:0 0 0 2px rgba(0,0,0,.06); } .sfe-cmt-row{ display:flex; align-items:center; gap:7px; margin-top:11px; } .sfe-cmt-err{ flex:1; color:#d23; font-size:11.5px; } .sfe-cmt-btn{ border-width:1px; border-style:solid; border-radius:0; padding:7px 15px; font-size:13px; font-weight:700; cursor:pointer; } .sfe-cmt-btn.primary{ } .sfe-cmt-btn.primary:hover{ } .sfe-cmt-btn.ghost{ } .sfe-cmt-btn.ghost:hover{ } .sfe-cmt-colors{ display:flex; gap:7px; margin:10px 0 2px; } .sfe-cmt-cdot{ width:20px; height:20px; border-radius:50%; border:2px solid transparent; cursor:pointer; padding:0; } .sfe-cmt-cdot.on{ border-color:#222; box-shadow:0 0 0 2px #fff inset; } .sfe-cmt-addmore-row{ margin-top:11px; padding-top:11px; border-top:1px solid #eceeed; } .sfe-cmt-addmore{ width:100%; padding:8px; border-width:1px; border-style:solid; border-radius:0; font-size:12.5px; font-weight:700; cursor:pointer; } .sfe-cmt-addmore:hover{ } .sfe-cmt-item{ font-size:13px; } .sfe-cmt-div{ height:1px; background:#eceeed; margin:11px 0; } .sfe-cmt-meta{ display:flex; align-items:center; gap:6px; margin-bottom:5px; color:#5a6a62; font-size:12px; } .sfe-cmt-meta b{ color:#1f2a25; font-size:12.5px; } .sfe-cmt-tier{ color:#fff; font-size:10px; padding:1px 7px; border-radius:0; font-weight:700; line-height:1.6; } .sfe-cmt-tier.admin{ background:var(--s-earth-surf); } .sfe-cmt-tier.checker{ background:var(--s-chem-surf); } .sfe-cmt-mine{ background:#444; color:#fff; font-size:10px; padding:1px 6px; border-radius:0; font-weight:700; } .sfe-cmt-date{ margin-left:auto; color:#9aa8a0; font-size:11px; } .sfe-cmt-body{ color:#1f2a25; line-height:1.55; white-space:pre-wrap; word-break:break-word; } .sfe-cmt-actions{ display:flex; gap:12px; margin-top:8px; } .sfe-cmt-link{ background:none; border:none; color:var(--s-earth); font-size:12px; font-weight:700; cursor:pointer; padding:2px 0; } .sfe-cmt-item.checker .sfe-cmt-link:not(.danger){ color:var(--s-chem); } .sfe-cmt-link.danger{ color:#c0392b; } .sfe-cmt-link:hover{ text-decoration:underline; } .sfe-cmt-fab{ position:fixed; right:16px; bottom:142px; z-index:9998; width:48px; height:48px; border:none; border-radius:50%; font-size:20px; line-height:1; padding:0; align-items:center; justify-content:center; cursor:pointer; box-shadow:var(--glow-lift); transition:bottom .25s ease, transform .15s ease, scale .1s cubic-bezier(.4,0,.2,1); } .sfe-cmt-fab:hover{ transform:scale(1.08); } .sfe-cmt-fab-n{ position:absolute; top:-3px; right:-3px; min-width:17px; height:17px; padding:0 4px; border-radius:9px; background:#fff; color:var(--c-dark); font-size:10.5px; font-weight:700; align-items:center; justify-content:center; display:none; border:1.5px solid #fff; box-sizing:border-box; box-shadow:0 1px 3px rgba(0,0,0,.3); } #sfe-cmt-listpanel{ position:fixed; z-index:10940; background:#fff; border:1px solid var(--line); border-radius:0; box-shadow:var(--glow-lift); padding:12px; max-height:min(62vh,540px); display:flex; flex-direction:column; font-size:12.8px; } .sfe-cmt-lp-grid{ display:flex; flex-wrap:wrap; align-content:flex-start; gap:6px; width:204px; max-width:62vw; overflow-y:auto; min-height:0; } .sfe-cmt-numbtn{ flex:0 0 auto; min-width:22px; height:22px; border:1.5px solid var(--nc); border-radius:0; background:#fff; color:var(--nc); font-size:12px; font-weight:700; cursor:pointer; padding:0 5px; line-height:1; } .sfe-cmt-numbtn:hover{ background:var(--nc); color:#fff; } .sfe-cmt-numbtn.lost{ background:#c0392b!important; border-color:#c0392b!important; color:#fff!important; } .sfe-cmt-numbtn.lost:hover{ background:#c0392b!important; color:#fff!important; filter:brightness(.92); } .sfe-cmt-lp-foot{ flex:0 0 auto; margin-top:10px; padding-top:10px; border-top:1px solid #eceeed; display:flex; gap:6px; } .sfe-cmt-delall{ flex:1; min-width:0; padding:8px 4px; border:none; border-radius:0; background:var(--c-surf); color:#fff; font-size:12.5px; font-weight:700; cursor:pointer; white-space:nowrap; } .sfe-cmt-delall:hover{ filter:brightness(.92); } .sfe-cmt-delmine{ flex:1; min-width:0; padding:8px 4px; border-width:1px; border-style:solid; border-radius:0; font-size:12.5px; font-weight:700; cursor:pointer; white-space:nowrap; } .sfe-cmt-delmine:hover{ } .sfe-cmt-lp-empty{ font-size:12px; color:#8a978f; padding:6px 8px; } /* SFE_COMMENTS_V1 END */ /* SFE_HEADER_ICON_SIZE_V1 START */ /*SFE_HEADER_ICON_SIZE_V1*/ header[class*=sfe-top] .sfe-icn--ui:is(.sfe-icn-file-document-edit-outline,.sfe-icn-text-box-plus-outline,.sfe-icn-cog,.sfe-icn-account-circle){font-size:clamp(24px, calc(22px + 0.333vw), 26px)!important;width:clamp(24px, calc(22px + 0.333vw), 26px)!important;height:clamp(24px, calc(22px + 0.333vw), 26px)!important} /* SFE_HEADER_ICON_SIZE_V1 END */ /* SFE_KG_GRID_BOTTOMFIX START */ .accordion.accordion--tree .accordion__panel-inner br{display:none} .accordion.accordion--tree .sfe-table.sfe-v2-units{margin-bottom:0} /* SFE_KG_GRID_BOTTOMFIX END */ /* SFE_FABLAUNCHER_V1_CSS START */ #sfe-fab-launcher{position:fixed;bottom:142px;right:16px;z-index:9998;width:48px;height:48px} #sfe-fab-main{position:absolute;bottom:0;right:0;width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:var(--glow-lift)} #sfe-fab-main svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;transition:transform .25s ease} #sfe-fab-launcher.open #sfe-fab-main svg{transform:rotate(45deg)} #sfe-fab-pop{position:absolute;bottom:0;right:58px;width:228px;background:#fff;border:1px solid var(--line);border-radius:0;box-shadow:var(--glow-lift);padding:12px 14px;opacity:0;transform:translateX(10px) scale(.96);transform-origin:bottom right;pointer-events:none;transition:opacity .2s ease,transform .2s ease; font-size:12.8px;} #sfe-fab-launcher.open #sfe-fab-pop{opacity:1;transform:none;pointer-events:auto} .sfe-pop-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px} .sfe-pop-title{font-size:13px;font-weight:700;color:var(--c-dark)} .sfe-pop-streak{font-size:12px;font-weight:700;color:#ff6b35} .sfe-pop-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;font-size:13px;color:#333} .sfe-pop-div{height:1px;background:rgba(0,0,0,.08);margin:5px 0} .sfe-pop-sec{font-size:13px;font-weight:700;color:var(--c);margin:10px 0 4px} .sfe-sw{position:relative;width:38px;height:22px;border-radius:999px;background:#ccc;cursor:pointer;transition:background .22s ease;flex:none} .sfe-sw.on{background:var(--c-surf)} .sfe-sw::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .22s ease} .sfe-sw.on::after{transform:translateX(16px)} body.sfe-fl-on #sfe-progress-fab{display:none!important} body.lvl-kind-off .sfe-mstep[data-lvl="kind"],body.lvl-unit-off .sfe-mstep[data-lvl="unit"],body.lvl-prefix-off .sfe-mstep[data-lvl="prefix"],body.lvl-kind-off.lvl-unit-off .sfe-mstep[data-lvl="kind unit"],body.lvl-kind-off.lvl-prefix-off .sfe-mstep[data-lvl="kind prefix"],body.lvl-unit-off.lvl-prefix-off .sfe-mstep[data-lvl="unit prefix"],body.lvl-kind-off.lvl-unit-off.lvl-prefix-off .sfe-mstep[data-lvl="kind unit prefix"]{display:none;font-size:0;opacity:0} body.lvl-kind-off .sfe-mstep[data-lvl="kind"] + br,body.lvl-unit-off .sfe-mstep[data-lvl="unit"] + br,body.lvl-prefix-off .sfe-mstep[data-lvl="prefix"] + br,body.lvl-kind-off.lvl-unit-off .sfe-mstep[data-lvl="kind unit"] + br,body.lvl-kind-off.lvl-prefix-off .sfe-mstep[data-lvl="kind prefix"] + br,body.lvl-unit-off.lvl-prefix-off .sfe-mstep[data-lvl="unit prefix"] + br,body.lvl-kind-off.lvl-unit-off.lvl-prefix-off .sfe-mstep[data-lvl="kind unit prefix"] + br{display:none} body.sfe-mlv-anim .sfe-mstep:not(.sfe-mline){transition:font-size .28s ease,opacity .18s ease,display .28s allow-discrete} body.sfe-mlv-anim .sfe-mstep:not(.sfe-mline) + br{transition:display .28s allow-discrete} @starting-style{body.sfe-mlv-anim .sfe-mstep:not(.sfe-mline){font-size:0;opacity:0}} /*SFE_FABLAUNCHER_V1*/ body.sfe-mlv-anim .sfe-mstep.sfe-mline{transition:height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease} @media (prefers-reduced-motion:reduce){body.sfe-mlv-anim .sfe-mstep.sfe-mline{transition:none}} /*SFE_UNITLESS_V1*/ .sfe-pop-row{transition:opacity .22s ease} .sfe-pop-row.sfe-off,.sfe-pop-row.sfe-lock{opacity:.6} .sfe-pop-row.sfe-lock .sfe-sw{cursor:not-allowed} .sfe-sw.sfe-wait{opacity:.5;cursor:progress} .sfe-pop-set.sfe-line-soft{--set-line:rgba(var(--c-rgb),.35)} .sfe-pop-set[data-set="s1"]:not(.sfe-set-bare) .sfe-pop-child{position:relative;padding-left:18px} .sfe-pop-set[data-set="s1"]:not(.sfe-set-bare) .sfe-pop-child::before{content:"";position:absolute;left:5px;top:-8px;width:8px;height:calc(50% + 8px);border-left:1px solid var(--set-line,var(--line));border-bottom:1px solid var(--set-line,var(--line));pointer-events:none} @keyframes sfeLockShake{0%,100%{transform:none}20%{transform:translateX(-3px)}40%{transform:translateX(3px)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}} .sfe-pop-row.sfe-shake{animation:sfeLockShake .32s ease} body.sfe-mlv-anim .sfe-ualt.sfe-mline{transition:height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease} @media (prefers-reduced-motion:reduce){.sfe-pop-row.sfe-shake{animation:none}body.sfe-mlv-anim .sfe-ualt.sfe-mline{transition:none}} .sfe-pop-progsec{display:flex;align-items:center;justify-content:space-between;background:var(--c-surf);margin:-12px -14px 0;padding:10px 14px;border-radius:0} .sfe-pop-progsec .sfe-pop-title{color:#fff;font-size:14px;font-weight:700} .sfe-pop-check{background:transparent;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center} .sfe-pop-check svg{width:26px;height:26px;fill:#fff;display:block} .sfe-pop-check .ic-done{display:none}.sfe-pop-check.done .ic-empty{display:none}.sfe-pop-check.done .ic-done{display:block} /*SFE_FAB_TRIM SFE_BTNLAB_V1*/ #sfe-fab-launcher{font-family:var(--ff-ui)} @supports (text-box:trim-both cap alphabetic){ .sfe-pop-progsec{--B:calc(2 * round(nearest,2px,var(--dp,1px)) + round(nearest,26px,var(--dp,1px)));align-items:flex-end; padding-top:round(nearest,10px,var(--dp,1px));padding-bottom:round(nearest,10px,var(--dp,1px))} .sfe-pop-progsec .sfe-pop-title{--ik:-.025em;display:block;text-box:trim-both cap alphabetic;margin-bottom:round(nearest,calc(var(--B) / 2 - var(--sfe-z,calc(.5cap - var(--ik)))),var(--dp,1px))} .sfe-pop-check{padding:round(nearest,2px,var(--dp,1px))} .sfe-pop-check svg{width:round(nearest,26px,var(--dp,1px));height:round(nearest,26px,var(--dp,1px))} } /* SFE_FABLAUNCHER_V1_CSS END */ /* SFE_FABBAR_V1_CSS START */ body{--sfe-fab-lift:0px} body.sfe-learn-nav-on{--sfe-fab-lift:var(--sfe-nav-lift,0px)} .sfe-fab-item,.sfe-fab-sat{transition:bottom .25s ease, opacity .22s ease, transform .22s cubic-bezier(.21,1.02,.73,1), visibility .22s, scale .1s cubic-bezier(.4,0,.2,1) !important}.sfe-fab-item{animation:sfeFabIn .22s cubic-bezier(.21,1.02,.73,1)}@keyframes sfeFabIn{from{opacity:0;transform:scale(.6) translateY(8px)}} body:not(.sfe-fabs-ready) .sfe-fab-item{opacity:0 !important} /*SFE_FABBAR_V1*/ body:not(.sfe-fabs-ready) #sfe-pen-fab,body:not(.sfe-fabs-ready) #sfe-chat-fab,body:not(.sfe-fabs-ready) #sfe-fab-launcher,body:not(.sfe-fabs-ready) #sfe-progress-fab,body:not(.sfe-fabs-ready) #sfe-subscribe-fab,body:not(.sfe-fabs-ready) .sfe-cmt-fab{opacity:0 !important} /*SFE_PAGE_MARKS_V1*/ :not(:is(.sfe-app-on, #sfe-never)) > body .sfe-fab-item,:not(:is(.sfe-app-on, #sfe-never)) > body #sfe-pen-fab,:not(:is(.sfe-app-on, #sfe-never)) > body #sfe-chat-fab,:not(:is(.sfe-app-on, #sfe-never)) > body #sfe-fab-launcher,:not(:is(.sfe-app-on, #sfe-never)) > body #sfe-progress-fab,:not(:is(.sfe-app-on, #sfe-never)) > body #sfe-subscribe-fab,:not(:is(.sfe-app-on, #sfe-never)) > body .sfe-cmt-fab{opacity:0 !important} #sfe-pen-fab:hover{transform:scale(1.08)} .sfe-fab-sat{transition:bottom .25s ease, opacity .25s ease, visibility .25s ease !important} body:not(.sfe-fabs-ready) .sfe-fab-item{transition:opacity .22s ease, transform .22s cubic-bezier(.21,1.02,.73,1), visibility .22s, scale .1s cubic-bezier(.4,0,.2,1) !important} body:not(.sfe-fabs-ready) .sfe-fab-sat{transition:opacity .25s ease, visibility .25s ease !important} :not(:is(.sfe-app-on, #sfe-never)) > body .sfe-fab-item{transition:opacity .22s ease, transform .22s cubic-bezier(.21,1.02,.73,1), visibility .22s, scale .1s cubic-bezier(.4,0,.2,1) !important} :not(:is(.sfe-app-on, #sfe-never)) > body .sfe-fab-sat{transition:opacity .25s ease, visibility .25s ease !important} body.sfe-pad-open .sfe-fab-item, body.sfe-pad-open .sfe-fab-sat{opacity:0 !important;transform:scale(.6) !important;visibility:hidden !important;pointer-events:none !important} /* SFE_FABBAR_V1_CSS END */ /* SFE_TOUR_V1_CSS START */ /*SFE_HOME_V3_CSS*/ #sfe-tour-ov{position:fixed;inset:0;z-index:12000;display:none} #sfe-tour-ov.on{display:block} #sfe-tour-cap{position:absolute;inset:0} #sfe-tour-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none} #sfe-tour-bub{position:absolute;width:min(280px,calc(100vw - 28px));background:#fff;border-radius:0;box-shadow:var(--glow-lift);padding:14px 16px;display:none;color:#2c2824;opacity:0; border:1px solid var(--line); font-size:12.8px;} #sfe-tour-bub.sfe-show{opacity:1;transition:opacity .25s ease,left .38s cubic-bezier(.22,.8,.3,1),top .38s cubic-bezier(.22,.8,.3,1)} .sfe-tour-x{position:absolute;top:6px;right:8px;border:0;background:none;color:#a39a8e;font-size:15px;line-height:1;padding:6px;cursor:pointer;appearance:none;-webkit-appearance:none;font-family:inherit} .sfe-tour-x:hover{color:#3d3a36} .sfe-tour-nar{font-size:11px;color:#996d1f;margin-bottom:4px} .sfe-tour-t{font-size:15px;font-weight:700;color:#2c2824;margin-bottom:4px} #sfe-tour-card h3,#sfe-tour-card .sfe-tour-t{font-size:15.5px;font-weight:700;letter-spacing:-0.01em} .sfe-tour-d{font-size:13px;line-height:1.6;color:#6b6258;margin-bottom:12px;word-break:keep-all} .sfe-tour-dots{display:flex;gap:4px;justify-content:center;margin-bottom:10px} .sfe-tour-dot{width:6px;height:6px;border-radius:50%;background:#d8d2c8} .sfe-tour-dot.on{background:var(--c-surf)} .sfe-tour-btns{display:flex;gap:8px;width:100%} .sfe-tour-skip,.sfe-tour-next,.sfe-tour-close{font-size:13px;padding:9px 0;border-radius:0;cursor:pointer;appearance:none;-webkit-appearance:none;font-family:inherit;flex:1;text-align:center} .sfe-tour-skip{border-width:1px;border-style:solid} .sfe-tour-skip.dis{opacity:.38;cursor:default} .sfe-tour-next,.sfe-tour-close{border-width:1px;border-style:solid} .sfe-tour-close{flex:none;padding:9px 26px} #sfe-tour-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(452px,calc(100vw - 32px));background:#fff;border-radius:0;box-shadow:var(--glow-lift);padding:20px;text-align:center;display:none;color:#2c2824; border:1px solid var(--line);} .sfe-tour-teas{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:0 0 14px} .sfe-tour-teas>span{font-size:11px;color:#4a3f38;background:#f3ede3;border-radius:0;padding:5px 10px;display:inline-flex;align-items:center;gap:4px} .sfe-tour-teas .sfe-icn{width:14px;height:14px} .sfe-tour-subj{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 16px} .sfe-tour-subj a{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#fff;border-radius:0;width:72px;height:72px;padding:0;font-size:12px;text-decoration:none;font-weight:700} .sfe-tour-subj a:hover{filter:brightness(1.1)} .sfe-tour-subj-ic{display:block;width:30px;height:30px;background-size:contain;background-position:center;background-repeat:no-repeat} @media (prefers-reduced-motion:reduce){#sfe-tour-bub.sfe-show{transition:none}} /* SFE_TOUR_V1_CSS END */ /* SFE_RAW_SIM_IFRAME_V1 START */ /*SFE_SIM_IFRAME_ANIM SFE_LEARN_IFRAME_ANIM SFE_SIM_SCROLLBAR_HIDE*/ iframe[src*="/simulations/"]{transition:height .55s ease} /*SFE_V2_MAIN_CSS*/ @media(prefers-reduced-motion:no-preference){ html.sfe-reveal-armed .sfe-article iframe[src*="/simulations/"]{transition:height .55s ease,opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1),filter .45s ease} } @media (prefers-reduced-motion: reduce){iframe[src*="/simulations/"]{transition:none}} /* SFE_RAW_SIM_IFRAME_V1 END */ /* SFE_TOC_INNER_SCROLL_V1 START */ /*SFE_TOC_TITLE_V10 SFE_TOC_TITLE_V10 SFE_TOC_MIRROR_V1 SFE_SCROLL_CANCEL_V1*/ #__SFE_TOC_STACK__ .sfe-toc-card .sfe-list{ max-height:calc(100vh - 232px); overflow-y:auto; overscroll-behavior:contain; padding:8px 8px 10px!important; -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%); mask-image:linear-gradient(to bottom,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%); } #__SFE_TOC_STACK__ .sfe-toc-card{ border:1px solid rgba(0,0,0,.06)!important; box-shadow:0 1px 2px rgba(0,0,0,.04),0 6px 20px rgba(0,0,0,.05)!important; } #__SFE_TOC_STACK__ .sfe-toc-card .sfe-toc-h{ padding:18px 18px 12px!important; border-bottom:1px solid rgba(0,0,0,.06)!important; } #__SFE_TOC_STACK__ .sfe-toc-card .sfe-list .sfe-li{ min-height:32px!important; margin-bottom:1px!important; padding:0 10px!important; border-radius:0!important; transition:background-color .12s ease; } #__SFE_TOC_STACK__ .sfe-toc-card .sfe-list .sfe-li:hover{ background-color:color-mix(in srgb, var(--c) 8%, #fff); } #__SFE_TOC_STACK__ .sfe-toc-card .sfe-list .sfe-li .sfe-icn--ui{display:none!important} #__SFE_TOC_STACK__ .sfe-toc-card .sfe-list .sfe-li:has(.sfe-li-t.sfe-sub){ margin-left:12px; border-left:1px solid rgba(0,0,0,.07); } #__SFE_TOC_STACK__ .sfe-toc-card .sfe-list .sfe-li-t{ font-family:var(--ff-ui)!important; padding:0!important; letter-spacing:-.01em!important; } #__SFE_TOC_STACK__ .sfe-toc-card .sfe-list .sfe-li-t:not(.sfe-sub){ font-size:13px!important; font-weight:400!important; color:#1f2328!important; } #__SFE_TOC_STACK__ .sfe-toc-card .sfe-list .sfe-li-t.sfe-sub{ font-size:12.5px!important; color:#5f6a75!important; padding-left:12px!important; } #__SFE_TOC_STACK__ .sfe-toc-card .sfe-list .sfe-li-t:not(.sfe-sub){ position:relative; padding-left:14px!important; } #__SFE_TOC_STACK__ .sfe-toc-card .sfe-list .sfe-li-t:not(.sfe-sub)::before{ content:""; position:absolute; left:0; top:50%; width:5px; height:5px; margin-top:-2.5px; border-radius:50%; background:rgba(var(--c-rgb),.55); background:color-mix(in srgb, var(--c) 55%, #fff); } /* SFE_TOC_INNER_SCROLL_V1 END */ /* SFE_HSCROLL_V1 START */ /*SFE_HSCROLL_DRAG_V1*/ .sfe-scrollable img{-webkit-user-drag:none;user-drag:none} /* SFE_HSCROLL_V1 END */ /* SFE_HDRICONS_V1 START */ /*SFE_FULLSCREEN_V1*/ @media (max-width:479.98px){ .sfe-top .sfe-top-cell.sfe-top-end .sfe-fbtn:has(.sfe-icn--ui.sfe-icn-file-document-edit-outline), .sfe-top .sfe-top-cell.sfe-top-end .sfe-fbtn:has(.sfe-icn--ui.sfe-icn-text-box-plus-outline), .sfe-top .sfe-top-cell.sfe-top-end .sfe-fbtn:has(.sfe-icn--ui.sfe-icn-cog){display:none!important} } @media (min-width:480px) and (max-width:719.98px){ .sfe-top .sfe-top-cell.sfe-top-end .sfe-fbtn:has(.sfe-icn--ui.sfe-icn-text-box-plus-outline), .sfe-top .sfe-top-cell.sfe-top-end .sfe-fbtn:has(.sfe-icn--ui.sfe-icn-cog){display:none!important} } @media (min-width:720px) and (max-width:959.98px){ .sfe-top .sfe-top-cell.sfe-top-end .sfe-fbtn:has(.sfe-icn--ui.sfe-icn-cog){display:none!important} } @media (max-width:959.98px){ .sfe-top .sfe-top-cell.sfe-top-end .sfe-line--v{display:none!important} .sfe-top .sfe-top-cell.sfe-top-end{padding-right:4px!important} .sfe-top .sfe-top-cell.sfe-top-end .sfe-fbtn{margin-left:0!important;margin-right:0!important} } .sfe-top .sfe-top-cell.sfe-top-end .sfe-fbtn--tile.sfe-fbtn--tile{width:48px!important;min-width:48px!important;height:48px!important;border-radius:50%!important} /*SFE_FULLSCREEN_V1*/ :root{--sfe-hdr-gap:4px} .sfe-top .sfe-top-cell.sfe-top-end .sfe-bar-in{gap:var(--sfe-hdr-gap)!important} .sfe-top .sfe-top-cell.sfe-top-end .sfe-line--v{display:none!important} @media (max-width:359.98px){ .sfe-top .sfe-top-name{display:none!important} } /* SFE_HDRICONS_V1 END */ /* SFE_TAPHL_V1 (2026-08-10) — 모바일 탭 하이라이트 기준선. UA 기본값은 링크 rgba(51,181,229,.4)(파랑) / 그 외 rgba(0,0,0,.18) 이라 탭할 때마다 색이 달랐다. 사이트 관행(.accordion__button 의 rgba(0,0,0,.08))을 전역으로 올려 통일 — 누름 피드백은 남긴다. ⚠ 상속 속성이라 html 한 줄로 문서 전체 커버. iframe 앱(지식트리·히어로·시뮬)은 별도 문서라 각자 자기 문서에 선언해야 한다(지식트리·히어로 = transparent: 하이라이트 기하가 시각 대상과 어긋나는 경우 — SVG 앵커의 장식 자식 / 캔버스 좌표 히트테스트). SFE_TAPHL_V1_END */ html { -webkit-tap-highlight-color: rgba(0,0,0,.08); } /* SFE_SECTION_CARD_V1 START — 본문 섹션을 '탭 카드' 로 (2026-08-16 사용자 확정 시안 S3). 스코프 = **전역**(2026-08-16 사용자 지시로 지식 단원 한정에서 전환 — home·과목 메인·미발행 포함). 대상 = 최상위 h1 섹션만 — 렌더러가 헤딩마다 section 을 만들고 중첩시키므로 h2 섹션까지 카드화하면 카드 안 카드가 된다. 탭은 absolute — AdSense 자동 광고가 섹션 맨 앞에 삽입되는 페이지가 있어(실측) 흐름 배치면 탭이 카드 중앙에 뜬다. !important 는 기존 .toc-header 배경/마진 !important 규칙을 이기기 위한 것(실측 근거). */ body .sfe-app .sfe-main .sfe-article section.sfe-section:has(> h1.sfe-hx){ position:relative;border:1.5px solid rgba(var(--c-rgb),.26);border-radius:0;background:#fff; padding:26px 20px 12px;margin:40px 0 32px;box-shadow:0 1px 3px rgba(60,40,20,.05)} body .sfe-app .sfe-main .sfe-article section.sfe-section:has(> h1.sfe-hx) > h1.sfe-hx{ position:absolute!important;top:-17px!important;left:18px!important;right:auto!important; display:inline-block!important;margin:0!important;padding:9px 18px!important; max-width:calc(100% - 36px);border-radius:0!important; background:var(--c-surf)!important;color:#fff!important; font-size:20px!important;line-height:1.3!important; box-shadow:0 3px 10px rgba(var(--c-rgb),.32)!important} body .sfe-app .sfe-main .sfe-article section.sfe-section:has(> h1.sfe-hx) > h1.sfe-hx::after{display:none!important} body .sfe-app .sfe-main .sfe-article h2.sfe-hx{ padding:0 0 0 12px!important;border-left:4px solid var(--c); font-size:20px!important;font-weight:700!important;color:var(--c)!important} body .sfe-app .sfe-main .sfe-article section.sfe-section:has(> h3.sfe-hx){ padding-left:16px;border-left:1.5px solid rgba(var(--c-rgb),.22)} body .sfe-app .sfe-main .sfe-article h3.sfe-hx{ padding:0!important;border-left:0; font-size:17px!important;font-weight:700!important;color:var(--c-dark)!important} body .sfe-app .sfe-main .sfe-article h4.sfe-hx{ position:relative;padding:0 0 0 13px!important; font-size:15.5px!important;font-weight:700!important;color:#4a515a!important} body .sfe-app .sfe-main .sfe-article h4.sfe-hx::before{ content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%; background:rgba(var(--c-rgb),.55)} body .sfe-app .sfe-main .sfe-article h5.sfe-hx{ position:relative;padding:0 0 0 13px!important; font-size:15px!important;font-weight:700!important;color:#6b727b!important} body .sfe-app .sfe-main .sfe-article h5.sfe-hx::before{ content:"";position:absolute;left:1px;top:.62em;width:5px;height:5px;border-radius:50%; border:1.5px solid rgba(var(--c-rgb),.5);background:transparent} body .sfe-app .sfe-main .sfe-article h6.sfe-hx{ position:relative;padding:0 0 0 13px!important; font-size:14px!important;font-weight:700!important;color:#7c838c!important} body .sfe-app .sfe-main .sfe-article h6.sfe-hx::before{ content:"";position:absolute;left:2px;top:.68em;width:4px;height:4px;border-radius:50%; background:rgba(var(--c-rgb),.4)} body .sfe-app .sfe-main .sfe-article :is(h2,h3,h4,h5,h6).sfe-hx::after{display:none!important} body .sfe-app .sfe-main .sfe-article section.sfe-section:has(> h3.sfe-hx):not(:has(> :nth-child(2))){ padding-left:0;border-left:0} body .sfe-app .sfe-main .sfe-article section.sfe-section > h3.sfe-hx{margin-top:24px!important} body .sfe-app .sfe-main .sfe-article section.sfe-section > h4.sfe-hx{margin-top:18px!important} body .sfe-app .sfe-main .sfe-article section.sfe-section > h5.sfe-hx{margin-top:15px!important} body .sfe-app .sfe-main .sfe-article section.sfe-section > h6.sfe-hx{margin-top:13px!important} @media (max-width:680px){ body .sfe-app .sfe-main .sfe-article section.sfe-section:has(> h3.sfe-hx){padding-left:12px} } @media (max-width:640px){ body .sfe-app .sfe-main .sfe-article section.sfe-section:has(> h1.sfe-hx){padding:22px 12px 10px;margin:32px 0 26px;border-radius:0} body .sfe-app .sfe-main .sfe-article section.sfe-section:has(> h1.sfe-hx) > h1.sfe-hx{ font-size:17.5px!important;padding:8px 14px!important;top:-15px!important;left:12px!important; max-width:calc(100% - 24px)} body .sfe-app .sfe-main .sfe-article h2.sfe-hx{font-size:17px!important} body .sfe-app .sfe-main .sfe-article h3.sfe-hx{font-size:15.8px!important} body .sfe-app .sfe-main .sfe-article h4.sfe-hx{font-size:15px!important;padding-left:11px!important} body .sfe-app .sfe-main .sfe-article h5.sfe-hx{font-size:14.5px!important;padding-left:11px!important} body .sfe-app .sfe-main .sfe-article h6.sfe-hx{font-size:13.5px!important;padding-left:11px!important} body .sfe-app .sfe-main .sfe-article section.sfe-section:has(> h3.sfe-hx){padding-left:12px} } /*SFE_HEAD_TRIM SFE_BTNLAB_V1*/ @supports (text-box:trim-both cap alphabetic){ body .sfe-app .sfe-main .sfe-article section.sfe-section:has(> h1.sfe-hx) > h1.sfe-hx{ --ik:-.025em;--T:round(nearest,calc(1.3em + 18px),var(--dp,1px)); text-box:trim-both cap alphabetic;min-height:var(--T);align-content:end; padding-top:calc(var(--T) - round(nearest,calc(var(--T) / 2 - var(--sfe-z,calc(.5cap - var(--ik)))),var(--dp,1px)) - round(up,1cap,var(--dp,1px)))!important; padding-bottom:round(nearest,calc(var(--T) / 2 - var(--sfe-z,calc(.5cap - var(--ik)))),var(--dp,1px))!important} body .sfe-app .sfe-main .sfe-article h2.sfe-hx{ --ik:-.025em;--T:round(nearest,1lh,var(--dp,1px)); text-box:trim-both cap alphabetic;min-height:var(--T);align-content:end; padding-top:calc(var(--T) - round(nearest,calc(var(--T) / 2 - var(--sfe-z,calc(.5cap - var(--ik)))),var(--dp,1px)) - round(up,1cap,var(--dp,1px)))!important; padding-bottom:round(nearest,calc(var(--T) / 2 - var(--sfe-z,calc(.5cap - var(--ik)))),var(--dp,1px))!important} } @media (max-width:640px){ @supports (text-box:trim-both cap alphabetic){ body .sfe-app .sfe-main .sfe-article section.sfe-section:has(> h1.sfe-hx) > h1.sfe-hx{--T:round(nearest,calc(1.3em + 16px),var(--dp,1px))} } } /* SFE_SECTION_CARD_V1 END */ /* SFE_TOCANCHOR_HIDE_V1 START — 헤딩 hover 시 뜨는 ¶ 앵커 아이콘 숨김 (2026-08-16 사용자 요청). 제목 hover 앵커 표시를 무력화한다. 마크업·헤딩 id 는 그대로 — 목차/딥링크/챗봇 앵커는 id 를 쓰므로 영향 0. */ .sfe-main .sfe-article :is(h1,h2,h3,h4,h5,h6) .sfe-hx-a, .sfe-main .sfe-article :is(h1,h2,h3,h4,h5,h6):hover .sfe-hx-a{display:none!important} /* SFE_TOCANCHOR_HIDE_V1 END */ /* SFE_KG_LEAD_V1 START — 지식 정보 표: 요약줄(아이콘+설명) + 학습 경로 카드 (2026-08-16 사용자 확정). 표 디자인은 발행·미발행 공통(요약줄 유무 무관), 요약 배치만 :has(.sfe-page-lead) 조건부. '해당 지식' thead 와 '하위/상위 지식' th 문자열은 DOM 에 그대로 둔다 — build_learn_graph.js 파서와 SFE_KG_GRID 식별자가 그 문자열/구조를 읽는다. 표시만 CSS 로 바꾼다. */ body .sfe-app .sfe-article table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img){border:0!important} body .sfe-app .sfe-article table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) td, body .sfe-app .sfe-article table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) th{border:0!important;background:transparent!important} body .sfe-app .sfe-article table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) thead{display:none!important} body .sfe-app .sfe-article table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) td[colspan="2"]{ display:flex!important;align-items:center;justify-content:center;gap:18px; border:1.5px solid rgba(var(--c-rgb),.3)!important;border-radius:0!important; background:linear-gradient(120deg,rgba(var(--c-rgb),.07),#fff 68%)!important; padding:16px!important;text-align:left!important} body .sfe-app .sfe-article table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) td[colspan="2"] a:has(> img){flex:0 0 auto;max-width:none!important;margin:0!important} body .sfe-app .sfe-article table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img):has(.sfe-page-lead) td[colspan="2"] .sfe-kg-lead-wrap{flex:0 1 auto;max-width:640px} body .sfe-app .sfe-article table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img):has(.sfe-page-lead) td[colspan="2"] .sfe-page-lead{ margin:0!important;padding:0!important;flex:0 1 auto;max-width:640px; font-size:14.5px;line-height:1.72;color:#3a3f46;text-align:left} body .sfe-app .sfe-article table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img):has(.sfe-page-lead) td[colspan="2"] .sfe-kg-lead-wrap .sfe-page-lead{max-width:none} body .sfe-app .sfe-article table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) tbody th{ display:flex!important;align-items:center;gap:9px; text-align:left!important;font-size:0!important;padding:16px 0 8px!important} body .sfe-app .sfe-article table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) tbody th::before{ font-size:12.5px;font-weight:700;color:var(--c-dark);letter-spacing:.01em;white-space:nowrap} body .sfe-app .sfe-article table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) tbody tr th:first-child::before{content:"먼저 배우면 좋아요"} body .sfe-app .sfe-article table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) tbody tr th + th::before{content:"다음에 이어져요"} /*SFE_KG_GRID*/ body .sfe-app .sfe-article table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) tbody{align-items:stretch;column-gap:18px} body .sfe-app .sfe-article table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) td:not([colspan]){ vertical-align:top!important;padding:12px!important;background:transparent!important; border:1.5px solid rgba(var(--c-rgb),.22)!important;border-radius:0!important} /*SFE_KG_CHIPS_V1*/ .sfe-kg-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px} .sfe-kg-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700; border-width:1.5px;border-style:solid; padding:calc(5px - .0625em) 9px calc(5px + .0625em);border-radius:0;line-height:1;cursor:pointer; /*SFE_COMMUNITY_HOME_V1*/ font-family:var(--ff-ui); transition:background .15s,border-color .15s,transform .12s, scale .1s cubic-bezier(.4,0,.2,1)} /*SFE_KG_CHIP_TRIM SFE_KG_CHIPS_V1*/ .sfe-kg-chip-t{display:block;text-box:trim-both cap alphabetic;white-space:nowrap} @supports (text-box:trim-both cap alphabetic){ /*SFE_BTNLAB_V1*/ .sfe-kg-chip{--h:24px;--H:round(nearest,var(--h),var(--dp,1px));height:var(--H);position:relative;border-width:0;align-items:flex-end;--ik:-.3px; padding-top:0;padding-bottom:round(nearest,calc(var(--H) / 2 - var(--sfe-z,calc(.5cap - var(--ik)))),var(--dp,1px)); padding-left:10.5px;padding-right:10.5px} .sfe-kg-chip::before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border:1.5px solid;border-color:inherit;pointer-events:none} } /*SFE_SITEFONT_V1 SFE_KG_CHIPS_V1*/ .sfe-kg-chip--ic{position:relative;padding-left:29px} .sfe-kg-chip>.sfe-icn{position:absolute;left:9px;top:50%;width:16px;height:16px;margin-top:-8px} @supports (text-box:trim-both cap alphabetic){ .sfe-kg-chip--ic{padding-left:30.5px} .sfe-kg-chip>.sfe-icn{left:10.5px} } .sfe-kg-chip:hover{transform:translateY(-1px)} /*SFE_KG_DONECHIP_V1*/ /*SFE_KG_DONECHIP_V1*/ .sfe-kg-chip--done{cursor:default} .sfe-kg-chip--done:hover{transform:none} /*SFE_KG_COURSE_V1 SFE_KG_CHIPS_V1*/ .sfe-kg-chip--course{text-decoration:none!important} .sfe-main .sfe-article a.sfe-kg-chip--course{} .sfe-kg-lead-wrap--nolead .sfe-kg-chips{margin-top:0} /*SFE_PAGE_MARKS_V1*/ :root.sfe-kg-lead-on body .sfe-title-in .sfe-sub{display:none!important} @media (max-width:640px){ body .sfe-app .sfe-article table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) td[colspan="2"]{flex-direction:column;align-items:center;gap:10px;padding:12px!important} body .sfe-app .sfe-article table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) tbody{gap:9px 10px} body .sfe-app .sfe-article table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img) td:not([colspan]){padding:10px!important} body .sfe-app .sfe-article table[class*="sfe-table"]:not(.sfe-v2-units):not(.sfe-subject-card):has(thead th[colspan="2"]):has(a img):has(.sfe-page-lead) td[colspan="2"] .sfe-page-lead{font-size:13.5px;max-width:none} } /* SFE_KG_LEAD_V1 END */ /* SFE_SCROLLBAR_V1 START */ body,html{-ms-overflow-style:none} body::-webkit-scrollbar,html::-webkit-scrollbar{width:0;height:0} html{scrollbar-width:none} *::-webkit-scrollbar{width:8px;height:8px} *::-webkit-scrollbar-button{display:none;width:0;height:0} *::-webkit-scrollbar-corner{background:transparent} *::-webkit-scrollbar-track{background:transparent} *::-webkit-scrollbar-thumb{ background:rgba(var(--c-rgb),.30); background:color-mix(in srgb, var(--c) 30%, #fff); border-radius:999px; border:2px solid transparent; background-clip:padding-box} *::-webkit-scrollbar-thumb:hover{ background:color-mix(in srgb, var(--c) 52%, #fff); background-clip:padding-box} @supports not selector(::-webkit-scrollbar){ *{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--c) 30%, #fff) transparent} } /* SFE_SCROLLBAR_V1 END */ /* SFE_RECENT_SEARCH_CSS_V1 START */ /*SFE_RECENT_SEARCH_V1 SFE_SEARCH_PANEL_V1*/ #sfe-recent { display: none; } html.sfe-recent-open .sfe-sr-help { display: none !important; } html.sfe-recent-open #sfe-recent { display: block; position: fixed; top: var(--sp-top, 76px); left: 50%; transform: translateX(-50%); width: var(--sp-w, min(960px, calc(100vw - 48px))); max-height: var(--sp-maxh, calc(100vh - 96px)); overflow-y: auto; overscroll-behavior: contain; z-index: 11001; box-sizing: border-box; background: #fff; border: 1px solid var(--line); border-radius: 0; box-shadow: var(--glow-lift); font-family: var(--ff-ui); color: var(--ink); animation: sfeRecentIn .16s ease both; } @keyframes sfeRecentIn { from { opacity: 0; transform: translate(-50%, 6px); } to { opacity: 1; transform: translate(-50%, 0); } } @media (prefers-reduced-motion: reduce) { html.sfe-recent-open #sfe-recent { animation: none; } } #sfe-recent .sfe-recent-card { padding: 0; } /*SFE_SEARCH_PANEL_V1*/ #sfe-recent .sfe-recent-head { display: flex; align-items: center; justify-content: space-between; height: 48px; box-sizing: border-box; padding: 0 56px 0 18px; border-bottom: 1px solid var(--line); } #sfe-recent .sfe-recent-lab { font-size: 15.5px; font-weight: 700; letter-spacing: -.01em; color: var(--c-dark); } #sfe-recent .sfe-recent-clear { font-size: 12.8px; color: var(--ink3); background: none; border: 0; padding: 4px 6px; cursor: pointer; font-family: inherit; } #sfe-recent .sfe-recent-clear:hover { color: var(--c-dark); } #sfe-recent .sfe-recent-chips { display: flex; flex-wrap: wrap; gap: 8px; padding: 16px 18px 2px; } #sfe-recent .sfe-recent-chip { display: inline-flex; align-items: center; max-width: 100%; height: 34px; box-sizing: border-box; border-radius: 0; background: #fff; border: 1px solid var(--line); transition: background .12s ease, border-color .12s ease; } #sfe-recent .sfe-recent-chip:hover, #sfe-recent .sfe-recent-chip.is-active { background: rgba(var(--c-rgb), .06); border-color: var(--c-surf-lite); } #sfe-recent .sfe-recent-go { display: inline-flex; align-items: center; gap: 6px; overflow: hidden; max-width: 260px; height: 32px; padding: 0 2px 0 10px; background: none; border: 0; color: var(--ink); font-size: 13.5px; font-family: inherit; cursor: pointer; } #sfe-recent .sfe-recent-chip:hover .sfe-recent-go, #sfe-recent .sfe-recent-chip.is-active .sfe-recent-go { color: var(--c-dark); } #sfe-recent .sfe-recent-ic { font-size: 15px; line-height: 1; color: var(--ink3); } #sfe-recent .sfe-recent-q { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #sfe-recent .sfe-recent-x { height: 32px; width: 26px; padding: 0 8px 0 2px; background: none; border: 0; color: var(--ink3); font-size: 12px; line-height: 1; cursor: pointer; opacity: 0; transition: opacity .12s ease; display: inline-flex; align-items: center; justify-content: center; /*SFE_SITEFONT_V1*/ } #sfe-recent .sfe-recent-chip:hover .sfe-recent-x, #sfe-recent .sfe-recent-chip.is-active .sfe-recent-x { opacity: 1; } #sfe-recent .sfe-recent-x:hover { color: var(--ink); } #sfe-recent .sfe-recent-cont { display: flex; align-items: center; gap: 14px; margin: 14px 18px 0; padding: 14px 0; border-top: 1px solid var(--line); text-decoration: none; } #sfe-recent .sfe-recent-thumb { flex: 0 0 120px; width: 120px; height: 60px; overflow: hidden; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 1px rgba(0, 0, 0, .06); } #sfe-recent .sfe-recent-thumb img { display: block; max-width: 100%; max-height: 60px; object-fit: contain; } #sfe-recent .sfe-recent-thumb-na { background: var(--paper); } #sfe-recent .sfe-recent-contmeta { display: flex; flex-direction: column; min-width: 0; } #sfe-recent .sfe-recent-contti { font-size: 14.5px; font-weight: 700; color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #sfe-recent .sfe-recent-contsub { font-size: 12.8px; color: var(--ink3); margin-top: 3px; } #sfe-recent .sfe-recent-cont:hover .sfe-recent-contti { color: var(--c-dark); } #sfe-recent .sfe-recent-hint { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 0; padding: 10px 18px; border-top: 1px solid var(--line); background: var(--paper); font-size: 12.8px; color: var(--ink3); } #sfe-recent .sfe-recent-kbd { font-size: 12px; color: var(--ink3); white-space: nowrap; } #sfe-recent .sfe-recent-kbd kbd { display: inline-block; min-width: 26px; padding: 1px 5px; margin-right: 5px; box-sizing: border-box; border: 1px solid var(--line); border-bottom-width: 2px; border-radius: 0; background: #fff; box-shadow: none; font: 700 11px/1.45 var(--ff-ui); color: var(--ink2); text-align: center; } @media (max-width: 959.98px) { #sfe-recent .sfe-recent-head { padding-left: 14px; } #sfe-recent .sfe-recent-chips { padding: 14px 14px 2px; } #sfe-recent .sfe-recent-cont { margin: 12px 14px 0; } #sfe-recent .sfe-recent-hint { padding: 10px 14px; } #sfe-recent .sfe-recent-kbd { display: none; } #sfe-recent .sfe-recent-x { opacity: .6; } } /* SFE_RECENT_SEARCH_CSS_V1 END */ /* SFE_EM_COLOR_V1 START */ /*SFE_EM_COLOR_V1*/ .sfe-red{color:#c0392b!important;font-weight:700!important} .sfe-blue{color:#1f5fa8!important;font-weight:700!important} .sfe-green{color:#2e7d4f!important;font-weight:700!important} .sfe-orange{color:#e08e0b!important;font-weight:700!important} /* SFE_EM_COLOR_V1 END */ /* SFE_MOBILE_GUTTER_V1 START *//**/@media(max-width:1263.98px){.sfe-app .sfe-main .sfe-body.sfe-body.sfe-body{padding-left:16px!important;padding-right:16px!important}.sfe-app .sfe-title .sfe-col-main.sfe-title-col{padding-right:16px!important}}/* SFE_MOBILE_GUTTER_V1 END */ /* SFE_IMGINLINE_V1 START */ /*SFE_IMGSCALE_V1*/ img.sfe-img-inline{display:inline-block!important;vertical-align:middle!important;margin:0 6px!important} /* SFE_IMGINLINE_V1 END */ /* SFE_V2_UNITS_SPLIT_V1 START */ /*SFE_V2_UNITS_SPLIT_V1 SFE_V2_MAIN_CSS*/ .sfe-units-split{margin:0;padding:32px 0 32px} .sfe-units-split .sfe-table.sfe-v2-units{margin:0;text-align:center} .sfe-units-split .sfe-units-course+.sfe-units-course{margin-top:32px} .sfe-units-split .sfe-units-course__hd{display:flex;align-items:center;gap:14px;margin:0 0 14px} .sfe-units-split .sfe-units-course__hd::before,.sfe-units-split .sfe-units-course__hd::after{content:"";flex:1;height:1px;background:rgba(var(--c-rgb),.35)} .sfe-units-split .sfe-units-course__chip{display:inline-block;background:var(--c-surf);color:#fff;font-size:16px;font-weight:700;letter-spacing:.03em;padding:5px 16px;line-height:1.4;border-radius:0} .sfe-units-split .sfe-units-unit{margin:0 0 18px} .sfe-units-split .sfe-units-unit:last-child{margin-bottom:0} .sfe-units-split .sfe-units-unit__cap{display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px;font-weight:700;color:var(--c-dark);line-height:1.4;margin:0 6px 8px;text-align:center} .sfe-units-split .sfe-units-unit__cap::before,.sfe-units-split .sfe-units-unit__cap::after{content:"";flex:0 1 56px;height:1px;background:rgba(var(--c-rgb),.35)} /* SFE_V2_UNITS_SPLIT_V1 END */ /* SFE_SURFACE_V1 START */ /*SFE_VTIP_FROST_V1*/ .sfe-popmenu{ border-radius: 0 !important; box-shadow: var(--glow-lift) !important; } .sfe-sheet.sfe-box, .sfe-sheet.sfe-note, .sfe-list--nav .sfe-li, .sfe-list--nav .sfe-li::before, .sfe-app .sfe-sr-list { border-radius: 0 !important; } /* SFE_SURFACE_V1 END */ /* SFE_CONTENT_SQUARE_V1 START */ /*SFE_SURFACE_V1*/ .sfe-main .sfe-article table, .sfe-main .sfe-article details, .sfe-main .sfe-article details > summary, .sfe-main .sfe-article h1::after, .sfe-main .sfe-article blockquote, /*SFE_INFOBOX_V1*/ .sfe-app code, .sfe-app kbd{ border-radius: 0 !important; } .sfe-app .sfe-fbtn.sfe-fbtn.sfe-fbtn.sfe-fbtn:is(.sfe-fbtn--text,.sfe-fbtn--depressed,.sfe-fbtn--solid,.sfe-fbtn--line) { border-radius: 0 !important; } /* SFE_CONTENT_SQUARE_V1 END */ /* SFE_NAVCHIP_V1 START */ /*SFE_NAVCM_BROWSE_V1*/ .sfe-drawer .sfe-list--dense.sfe-list > .sfe-list-h{font-size:13px!important;font-weight:400!important;color:#fff!important} .sfe-drawer .sfe-list--dense.sfe-list{padding-bottom:calc(8px + var(--sfe-navcm-h,0px))!important} /* SFE_NAVCHIP_V1 END */ /* SFE_EXAM_V1 START — 기출 문항: 개념 페이지 «더 많은 문제» 카드 · ①~⑤ 채점 · 실전 모드 (2026-09-27, 설계·시안 2판 = 사용자 확정) 데이터는 렌더 시점 주입(html-autolinks/sfe-exam.js), 동작은 injectBody SFE_EXAM_V1. 모서리는 사이트 직각 표준(선언 안 함 = 직각). 구조 클래스(sfe-xq·sfe-ox·sfe-mock·sfe-mx-*)는 스크립트·검사(harness/browser_test.py)와 짝이다 — 이름을 바꾸면 셋 다 바꾼다. ⚠ 새 클래스에 border-radius 를 쓰지 않는다(사이트 직각 표준 — 표면 층이 새 클래스는 못 덮는다). 예외 하나: 실전 모드 답안지 칸(.sfe-mx-o) 원형 — 사용자 결정 2026-09-27(«실전을 위해 동그라미로, 예외로 진행»). */ .sfe-ex-t{display:block;text-box:trim-both cap alphabetic} .sfe-xq{position:relative;background:#fff;border:1px solid rgba(var(--c-rgb),.26);padding:0;margin:36px 0 26px;box-shadow:0 1px 3px rgba(60,40,20,.05);clear:both} .sfe-xq .sfe-xq-acc{margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important} .sfe-xq .sfe-xq-btn{position:relative;overflow:hidden;display:flex!important;align-items:center;gap:14px;width:100%;padding:18px 20px!important;border:0!important;text-align:left;cursor:pointer;font:inherit;transition:background .15s, scale .1s cubic-bezier(.4,0,.2,1)} /*SFE_BTN_V1*/ .sfe-xq .sfe-xq-btn::after,.sfe-mock-go::after{content:"";position:absolute;top:0;bottom:0;left:-45%;width:195%;pointer-events:none; background:linear-gradient(105deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.1) 50%,rgba(255,255,255,0) 100%) 0 0/calc(100% * 32 / 195) 100% no-repeat;transform:skewX(-14deg);animation:sfeExShine 5.6s ease-in-out infinite} @keyframes sfeExShine{0%{background-position:0 0}55%{background-position:100% 0}100%{background-position:100% 0}} .sfe-xq-head{display:flex;flex-direction:column;gap:12px;min-width:0} .sfe-xq-title{font-family:var(--ff-ui);font-size:18px;font-weight:700;line-height:1.3} .sfe-xq .sfe-xq-lead{display:block;font-size:13.5px;line-height:1.45;opacity:.9;text-box:trim-both cap alphabetic} .sfe-xq .sfe-xq-lead b{font-weight:700} .sfe-xq .sfe-xq-btn > .accordion__icon{flex:0 0 14px;margin-left:auto} .sfe-xq-acc > .accordion__panel{border-top:0} .sfe-xq-acc > .accordion__panel > .accordion__panel-inner{padding:0 0 12px} .sfe-xq-item{border-top:1px solid #f1ece8;padding:18px 20px 8px} .sfe-xq-item:first-child{border-top:0} /*SFE_KG_LEAD_V1*/ .sfe-xq-src{display:flex;justify-content:center;flex-wrap:wrap;margin:0 0 10px;font-size:13.5px;text-align:center} .sfe-xq-src a{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 8px;font-weight:700;color:var(--ink)!important;text-decoration:none!important} .sfe-xq-src a:hover{color:var(--c-dark)!important} .sfe-xq-src a:hover .sfe-xq-st{text-decoration:underline} .sfe-xq-g{display:inline-flex;align-items:center;flex:none;font-family:var(--ff-ui);font-size:12px;font-weight:700;line-height:1;color:var(--c-dark);background:#fff; border:1.5px solid rgba(var(--c-rgb),.3);padding:calc(5px - .0625em) 9px calc(5px + .0625em);transition:background .15s,border-color .15s} .sfe-xq-g-t{display:block;text-box:trim-both cap alphabetic;white-space:nowrap} @supports (text-box:trim-both cap alphabetic){ .sfe-xq-g{--h:24px;--H:round(nearest,var(--h),var(--dp,1px));height:var(--H);position:relative;border-width:0;align-items:flex-end;--ik:-.3px; padding-top:0;padding-bottom:round(nearest,calc(var(--H) / 2 - var(--sfe-z,calc(.5cap - var(--ik)))),var(--dp,1px));padding-left:10.5px;padding-right:10.5px} .sfe-xq-g::before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border:1.5px solid;border-color:inherit;pointer-events:none} } .sfe-xq-src a:hover .sfe-xq-g{background:rgba(var(--c-rgb),.09);border-color:var(--c)} .sfe-xq .sfe-xq-expl{margin-top:4px} @media (max-width:640px){.sfe-xq .sfe-xq-btn{padding:15px 14px!important}.sfe-xq-title{font-size:16.5px}.sfe-xq-item{padding:18px 14px 8px}.sfe-xq-acc > .accordion__panel > .accordion__panel-inner{padding-bottom:10px}} .sfe-clickable:has(+ .sfe-ox){max-width:600px;margin:0 auto;padding:16px 16px 12px;border:1px solid var(--line);border-bottom:0;background:#fff;box-sizing:border-box} .sfe-clickable:has(+ .sfe-ox) img{max-width:100%;height:auto} .sfe-ox{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px 5px;width:100%;max-width:600px;margin:0 auto 14px;padding:12px 16px;border:1px solid var(--line);border-top-color:rgba(var(--c-rgb),.25);background:rgba(var(--c-rgb),.06);box-sizing:border-box;container-type:inline-size} .sfe-ox:empty{display:none} .sfe-ox-lab{flex:none;width:30px;margin-right:1px;font-family:var(--ff-ui);font-size:14px;font-weight:700;color:var(--c-dark);white-space:nowrap} .sfe-ox-hint,.sfe-ox-msg{margin-left:auto;font-family:var(--ff-ui);line-height:1.4;text-align:right;text-box:trim-both cap alphabetic} .sfe-ox-hint{flex:none;font-size:12.5px;color:var(--ink3);white-space:nowrap} .sfe-ox-msg{flex:1 1 100%;min-width:0;margin:5px 0 0;font-size:13px;color:var(--ink2);text-align:center} .sfe-ox-msg:empty,.sfe-ox.is-graded > .sfe-ox-hint{display:none} .sfe-ox-b{position:relative;overflow:visible;flex:1 1 0;min-width:0;max-width:44px;aspect-ratio:1;display:inline-grid;place-items:center;border-width:1.5px;border-style:solid;font-weight:700;font-size:15px;line-height:1;font-family:var(--ff-ui);cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .1s, scale .1s cubic-bezier(.4,0,.2,1);padding:0} .sfe-ox-n{position:relative;display:grid;place-items:center;width:23px;height:23px} .sfe-ox-n svg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible} @supports (text-box:trim-both cap alphabetic){ .sfe-ox-n{width:24px;height:24px;top:1.5px;left:.5px} .sfe-ox-n circle{cx:11.5px;cy:10.5px;r:10.6375px;stroke-width:1.4375px} .sfe-ox-n .sfe-ex-t{position:absolute;left:-1px;right:0;bottom:8px;text-align:center} } .sfe-ox-b.is-o{background:#e7f6ec;border-color:#1f9d55;color:rgba(31,35,40,.28)} .sfe-ox-b.is-x{background:#fdecec;border-color:#d64545;color:rgba(31,35,40,.28)} .sfe-ox-x{position:relative;flex:1 1 0;min-width:0;max-width:44px;aspect-ratio:1;margin-left:4px;display:inline-grid;place-items:center;padding:0;border-width:1.5px;border-style:solid;font-family:var(--ff-ui);font-size:12.5px;font-weight:700;letter-spacing:-.2px;line-height:1;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s,transform .1s, scale .1s cubic-bezier(.4,0,.2,1)} .sfe-ox:has(> .sfe-ox-x) + [data-accordion] > .accordion__button{display:none} .sfe-ox:has(> .sfe-ox-x) + [data-accordion]:not([data-open="true"]){margin:0;border:0} .sfe-ox-pen{position:absolute;left:8.5%;top:8.5%;width:83%;height:83%;pointer-events:none} .sfe-ox-pen svg,.sfe-ox-mk svg{display:block;width:100%;height:100%;overflow:visible} .sfe-ox-pen path,.sfe-ox-mk path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round} .sfe-ox-pen path{stroke-width:9;stroke-dasharray:1;stroke-dashoffset:1;animation:sfeInk .42s cubic-bezier(.45,.05,.3,1) forwards} @keyframes sfeInk{to{stroke-dashoffset:0}} /*SFE_OX_MARK*/ .sfe-ox-pen.still path{animation:none;stroke-dashoffset:0} .sfe-ox-pen.o,.sfe-ox-mk.o,.sfe-ox-msg b.o{color:#18794a} .sfe-ox-pen.x,.sfe-ox-mk.x,.sfe-ox-msg b.x{color:#b83232} .sfe-ox-mk{display:inline-block;width:15px;height:15px;margin-right:6px;vertical-align:-2px} .sfe-ox-mk path{stroke-width:11} @media (max-width:480px){.sfe-ox{gap:6px 5px;padding:10px 12px}.sfe-ox-b,.sfe-ox-x{max-width:40px}.sfe-ox-b{font-size:14.5px}.sfe-ox-n{width:22px;height:22px} .sfe-clickable:has(+ .sfe-ox){padding:12px 10px 8px}} @media (max-width:360px){.sfe-ox-b{font-size:14px}.sfe-ox-n{width:21px;height:21px}} @container (max-width:448px){.sfe-ox-hint{display:none}} @container (max-width:264px){.sfe-ox-lab{display:none}} @container (max-width:208px){.sfe-ox-x{flex:1 1 100%;max-width:none;aspect-ratio:auto;height:34px;margin-left:0}} @supports (text-box:trim-both cap alphabetic){ @media (max-width:480px){.sfe-ox-n{width:24px;height:24px;top:1px;left:0}.sfe-ox-n circle{cx:12px;cy:11px;r:10.175px;stroke-width:1.375px}.sfe-ox-n .sfe-ex-t{left:0}} @media (max-width:360px){.sfe-ox-n{top:.977px;left:.5px}.sfe-ox-n circle{cx:11.5px;cy:11.023px;r:9.7125px;stroke-width:1.3125px}.sfe-ox-n .sfe-ex-t{left:-1px}} } .sfe-ox-msg.sfe-in{animation:sfeDrop .3s cubic-bezier(.2,.8,.2,1) both} @keyframes sfeDrop{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}} @media (prefers-reduced-motion:reduce){ .sfe-ox-pen path{animation:none;stroke-dashoffset:0} .sfe-ox-msg.sfe-in{animation:none} } .sfe-mock{margin:12px 0 18px} .sfe-section + .sfe-mock{margin-top:-8px} .sfe-mock:not([data-inited]) > .sfe-mock-lead{display:none} .sfe-mock-go{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;width:100%;padding:18px 20px;border:0;text-align:left;font:inherit;font-family:var(--ff-ui);cursor:pointer;transition:background .15s, scale .1s cubic-bezier(.4,0,.2,1)} .sfe-mock-head{display:flex;flex-direction:column;gap:12px;min-width:0} .sfe-mock-head > b{font-size:18px;font-weight:700;line-height:1.3} .sfe-mock-head .sfe-mock-lead{display:block;font-size:14.5px;line-height:1.45;text-box:trim-both cap alphabetic} .sfe-mock-head small{display:block;font-size:13.5px;line-height:1.5;opacity:.9;text-box:trim-both cap alphabetic} .sfe-mock-head small b{font-weight:700} .sfe-mock-play{flex:none;margin-left:auto;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid currentColor} @media (max-width:640px){.sfe-mock-go{padding:15px 14px}.sfe-mock-head > b{font-size:16.5px}} .sfe-mock-resume{margin-top:8px;font-size:13px;color:#b36b00} .sfe-mx{position:fixed;left:0;top:0;right:0;bottom:0;z-index:2147000100;background:#e9ecf0;font-family:var(--ff-ui);color:#1f2328;overflow:hidden} .sfe-mx-tools,.sfe-mx-zoom,.sfe-mx-float,.sfe-mx-tab{touch-action:none} .sfe-mx-paper{position:absolute;left:0;top:0;right:0;bottom:0;overflow:auto;overscroll-behavior:contain;touch-action:none;-webkit-user-select:none;user-select:none;transition:right .28s ease,bottom .28s ease} .sfe-mx-pages{position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:16px;width:max-content;min-width:100%;padding:20px 12px 72px 68px} .sfe-mx-pg{position:relative;flex:none;overflow:hidden;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.16)} .sfe-mx-pg > canvas,.sfe-mx-pg > svg{position:absolute;left:0;top:0;width:100%;height:100%;display:block} /*SFE_PEN_CORE_V1*/ .sfe-mx-pg > .sfe-mx-hl,.sfe-mv-ink > .sfe-mx-hl{mix-blend-mode:multiply} .sfe-mx-pg path,.sfe-mv-ink path{fill:none;stroke-linecap:round;stroke-linejoin:round} .sfe-mx-load{padding:40px 16px 0 68px;text-align:center;color:var(--ink2);font-size:14px} .sfe-mx-tools,.sfe-mx-zoom{position:absolute;left:10px;z-index:3;display:flex;gap:2px;padding:4px;background:#fff;border:1px solid var(--line);box-shadow:var(--glow-lift)} .sfe-mx-tools{top:10px;flex-direction:column;align-items:center} .sfe-mx-t,.sfe-mx-c{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border:0;background:none;color:var(--c-dark);cursor:pointer;-webkit-tap-highlight-color:transparent} .sfe-mx-c{height:34px} .sfe-mx-t svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .sfe-mx-c svg{width:24px;height:24px} .sfe-mx-cr{fill:none;stroke:transparent;stroke-width:1.6} .sfe-mx-cf{stroke:rgba(0,0,0,.14);stroke-width:1} .sfe-mx-c.on .sfe-mx-cr{stroke:var(--c-dark)} .sfe-mx-t:hover,.sfe-mx-c:hover{background:rgba(var(--c-rgb),.08)} .sfe-mx-t.on{background:var(--c-dark);color:#fff} .sfe-mx-t[disabled]{opacity:.35;cursor:default;background:none} .sfe-mx-tsep{flex:none;width:24px;height:1px;margin:4px 0;background:var(--line)} .sfe-mx-size{position:absolute;z-index:5;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;width:196px;padding:10px 12px 12px;background:#fff;border:1px solid var(--line);box-shadow:var(--glow-lift);font-size:12.5px;color:var(--ink2)} .sfe-mx-size b{font-weight:700;color:var(--c-dark)} .sfe-mx-sp{display:block;width:100%;height:40px;background:var(--paper)} .sfe-mx-sp path{fill:none;stroke-linecap:round} .sfe-mx-sp.hl path{mix-blend-mode:multiply} .sfe-mx-sp circle{fill:#fff;stroke:var(--ink3);stroke-width:1} .sfe-mx-size input{width:100%;margin:0;accent-color:var(--c-surf)} .sfe-mx-size{pointer-events:auto} /*SFE_PEN_V10*/ .sfe-mx-hue{position:relative;height:24px;border:1px solid rgba(0,0,0,.12);cursor:pointer;touch-action:none} .sfe-mx-hue i{position:absolute;top:-4px;bottom:-4px;width:8px;margin-left:-5px;background:#fff;border:1px solid var(--ink2);pointer-events:none} .sfe-mx-hue:focus-visible,.sfe-mx-lt button:focus-visible{outline:2px solid var(--c-dark);outline-offset:2px} .sfe-mx-lt{display:grid;grid-template-columns:repeat(5,1fr);gap:4px} .sfe-mx-lt button{height:24px;padding:0;border:1px solid rgba(0,0,0,.12);cursor:pointer;-webkit-tap-highlight-color:transparent} .sfe-mx-lt button.on{outline:2px solid var(--c-dark);outline-offset:1px} .sfe-mx-cph{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--ink3)} .sfe-mx-rs{font:inherit;font-weight:700;border:0;background:none;padding:0;color:var(--c-dark);text-decoration:underline;cursor:pointer} .sfe-mx-rs[disabled]{opacity:.4;cursor:default;text-decoration:none} .sfe-mx-rc{display:flex;gap:4px;min-height:28px} .sfe-mx-rc .sfe-mx-c{width:28px;height:28px} /*SFE_PEN_V10*/ .sfe-pen-bar{position:absolute;left:50%;bottom:14px;z-index:5;display:flex;flex-direction:column;align-items:center;gap:2px;box-sizing:border-box;padding:4px;background:#fff;border:1px solid var(--line);box-shadow:var(--glow-lift);pointer-events:auto} .sfe-pen-row{display:flex;align-items:center;gap:2px} .sfe-pen-bar .sfe-mx-c{width:34px;height:40px} .sfe-pen-bar .sfe-mx-tsep{width:1px;height:24px;margin:0 4px} .sfe-pen-bar .sfe-pen-x{color:var(--ink2)} .sfe-mp{position:absolute;left:0;top:0;right:0;bottom:0} .sfe-mp > .sfe-mv-bar{position:absolute;left:0;right:0;top:0;z-index:4} .sfe-mp > .sfe-mx-paper{top:56px} .sfe-mp .sfe-mx-pages{padding:16px 12px 72px} .sfe-mp .sfe-mx-load{padding-left:16px} .sfe-mq{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;flex-direction:column} .sfe-mq > .sfe-mv-bar{position:relative} .sfe-mq > .sfe-mv-bar,.sfe-mq > .sfe-mv-chips{flex:none} .sfe-mq-area{position:relative;flex:1;min-height:0} .sfe-mx-pg > .sfe-mx-qimg{position:absolute;left:0;top:0;width:100%;height:auto;display:block;pointer-events:none;-webkit-user-drag:none} .sfe-mx-qpad{position:absolute;left:0;right:0;bottom:0;border-top:1px dashed var(--line);text-align:left;pointer-events:none} .sfe-mx-qpad > span{display:block;padding:7px 10px;font-size:12.5px;line-height:1;color:var(--ink3)} .sfe-mv-pen{margin-left:auto;gap:5px} .sfe-mv-pen svg{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} @media (max-width:349px){.sfe-mv-pl{display:none}} .sfe-mv-ink{position:relative;box-sizing:content-box;width:600px;max-width:calc(100% - 2px);margin:0 auto;border:1px solid #eef0f2;background:#fff} .sfe-mv-img .sfe-mv-ink > img{display:block;width:100%;max-width:none;height:auto;border:0} .sfe-mv-ink > svg{position:absolute;left:0;top:0;width:100%;height:100%;display:block;pointer-events:none} .sfe-mx-pages{transform-origin:0 0} .sfe-mx-pages.is-live{will-change:transform} .sfe-mx-spacer{position:absolute;left:0;top:0;width:1px;height:1px;display:none;visibility:hidden;pointer-events:none} .sfe-mx-zoom{bottom:14px;align-items:center} .sfe-mx-zoom button{display:grid;place-items:center;width:40px;height:40px;border:0;background:none;color:var(--c-dark);font-weight:700;font-size:18px;line-height:1;font-family:inherit;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent} .sfe-mx-zoom .sfe-mx-zv{width:58px;font-size:13px;color:#1f2328;font-variant-numeric:tabular-nums} .sfe-mx-zoom button:hover{background:rgba(var(--c-rgb),.08)} .sfe-mx-zoom button[disabled]{opacity:.35;cursor:default;background:none} .sfe-mx-timer{font-weight:700;font-size:17px;line-height:1;font-family:var(--ff-ui);font-variant-numeric:tabular-nums;letter-spacing:.3px;color:#1f2328} .sfe-mx-timer.warn{color:#b36b00} .sfe-mx-timer.danger{color:#b83232} .sfe-mx-float{position:absolute;right:58px;top:10px;padding:8px 10px;background:rgba(233,236,240,.9);z-index:3;text-box:trim-both cap alphabetic} .sfe-mx.open .sfe-mx-float{display:none} .sfe-mx-tab{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;padding:16px 9px;border:0;font-family:inherit;font-size:13px;font-weight:700;line-height:1;letter-spacing:2px;cursor:pointer;z-index:3;transition:right .28s ease,background .15s, scale .1s cubic-bezier(.4,0,.2,1)} .sfe-mx-tab .sfe-ex-t{text-box:none} .sfe-mx.open .sfe-mx-tab{right:380px} .sfe-mx-omr{position:absolute;top:0;right:0;bottom:0;width:380px;display:flex;flex-direction:column;background:#fff;border-left:1px solid var(--line);box-shadow:var(--glow-lift);z-index:4;transform:translateX(100%);visibility:hidden;transition:transform .28s ease,visibility 0s linear .28s} .sfe-mx.open .sfe-mx-omr{transform:none;visibility:visible;transition:transform .28s ease} .sfe-mx.open .sfe-mx-paper{right:380px} .sfe-mx-oh{flex:none;display:flex;align-items:center;gap:10px;padding:12px 14px;background:rgba(var(--c-rgb),.07);border-bottom:1px solid rgba(var(--c-rgb),.18)} .sfe-mx-oh > b{font-size:15.5px;font-weight:700;color:var(--c-dark)} .sfe-mx-oh .sfe-mx-timer{font-size:16px} .sfe-mx-left{font-size:12.8px;color:var(--ink2);margin-right:auto} .sfe-mx-oh > b,.sfe-mx-oh .sfe-mx-timer,.sfe-mx-left{text-box:trim-both cap alphabetic} .sfe-mx-close{display:flex;align-items:center;justify-content:center;height:32px;padding:0 10px;border-width:1px;border-style:solid;font-family:inherit;font-size:12.8px;font-weight:700;line-height:1;cursor:pointer} .sfe-mx-ob{flex:1;min-height:0;overflow:auto;padding:10px 14px} .sfe-mx-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:column;column-gap:14px} .sfe-mx-row{display:flex;align-items:center;gap:4px;height:31px;border-bottom:1px dashed rgba(var(--c-rgb),.16)} .sfe-mx-q{width:22px;margin-right:4px;text-align:right;font-family:var(--ff-ui);font-size:12.5px;font-weight:700;line-height:1;color:var(--c-dark);text-box:trim-both cap alphabetic} .sfe-mx-o{position:relative;display:inline-grid;place-items:center;width:24px;height:24px;border:0;border-radius:50%;background:none;color:rgba(var(--c-rgb),.9);font-family:var(--ff-ui);font-size:12px;font-weight:700;line-height:1;cursor:pointer;padding:0;transition:color .12s} .sfe-mx-o::before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border:1.5px solid rgba(var(--c-rgb),.5);border-radius:50%;background:#fff;transition:background .12s,border-color .12s} .sfe-mx-o .sfe-ex-t{position:relative} @supports (text-box:trim-both cap alphabetic){.sfe-mx-o .sfe-ex-t{position:absolute;left:0;right:0;bottom:8px;text-align:center}} .sfe-mx-o:hover::before{border-color:rgba(var(--c-rgb),.8);background:rgba(var(--c-rgb),.07)} .sfe-mx-o.on{color:#fff} .sfe-mx-o.on::before{background:#1f2328;border-color:#1f2328} .sfe-mx-of{flex:none;display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-top:1px solid rgba(var(--c-rgb),.18)} .sfe-mx-submit,.sfe-mx-quit{display:flex;align-items:center;justify-content:center;height:42px;font-family:inherit;font-size:14px;line-height:1;cursor:pointer} .sfe-mx-submit{border:0;font-weight:700} .sfe-mx-quit{border-width:1px;border-style:solid;font-weight:700;text-decoration:none} @media (max-width:760px){ .sfe-mx-pages{padding:12px 12px 72px 64px} .sfe-mx-tools,.sfe-mx-zoom{left:8px} .sfe-mx-omr{top:auto;left:0;right:0;bottom:0;width:auto;height:58%;border-left:0;border-top:1px solid var(--line);transform:translateY(100%)} .sfe-mx.open .sfe-mx-paper{right:0;bottom:58%} .sfe-mx.open .sfe-mx-tools{display:none} .sfe-mx.open .sfe-mx-zoom{bottom:calc(58% + 10px)} .sfe-mx-tab{top:auto;bottom:14px;right:12px;transform:none;writing-mode:horizontal-tb;padding:13px 14px;letter-spacing:0} .sfe-mx-tab .sfe-ex-t{text-box:trim-both cap alphabetic} .sfe-mx.open .sfe-mx-tab{display:none} .sfe-mx-float{right:10px} } @media (max-height:560px){ .sfe-mx-tools{flex-direction:row} .sfe-mx-tsep{width:1px;height:24px;margin:0 4px} .sfe-mx-c{width:34px;height:40px} .sfe-mx-pages{padding-top:64px;padding-left:12px} .sfe-mx-load{padding-left:16px} } .sfe-cn{position:relative;display:inline-grid;place-items:center;width:1.5em;height:1.5em;vertical-align:middle;font-family:var(--ff-ui);font-weight:700} .sfe-cn svg{position:absolute;left:0;top:0;width:100%;height:100%} .sfe-cn .sfe-ex-t{font-size:.78em} @supports (text-box:trim-both cap alphabetic){ .sfe-cn{width:24px;height:24px;margin:-2.47px -2.25px -2.03px} .sfe-cn circle{cy:12.22px;r:9.0188px;stroke-width:1.3px} .sfe-cn .sfe-ex-t{position:absolute;left:0;right:0;bottom:8px;text-align:center} } .sfe-mr,.sfe-mv{position:absolute;left:0;top:0;right:0;bottom:0;overflow:auto;font-family:var(--ff-ui);color:var(--ink)} .sfe-mr-btn{display:flex;align-items:center;justify-content:center;height:42px;padding:0 14px;font-family:var(--ff-ui);font-size:14px;line-height:1;cursor:pointer;white-space:nowrap} .sfe-mr-btn.pri,.sfe-mr-btn.sec{border-width:1px;border-style:solid;font-weight:700} /*SFE_BTN_V1*/ .sfe-mr-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px} .sfe-mr-close{flex:none;display:flex;align-items:center;justify-content:center;height:34px;padding:0 12px;border-width:1px;border-style:solid;font-family:var(--ff-ui);font-size:13px;font-weight:700;line-height:1;cursor:pointer} .sfe-mr{background:#eef0f3} .sfe-mr-card{max-width:560px;margin:28px auto 40px;padding:18px 22px 20px;background:#fff;border:1px solid var(--line);box-shadow:var(--glow-lift)} .sfe-mr-top{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:0 0 14px;border-bottom:1px solid #f1ece8} .sfe-mr-ttl{min-width:0;flex:1} .sfe-mr-ttl > span{display:block;font-size:12.5px;font-weight:700;color:var(--c-dark);margin:0 0 5px} .sfe-mr-ttl b{display:block;font-size:15.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sfe-mr-score{display:flex;align-items:baseline;justify-content:center;gap:6px} .sfe-mr-score b{font-family:var(--ff-ui);font-size:64px;font-weight:700;line-height:1;color:var(--c-dark)} .sfe-mr-score > span{font-family:var(--ff-ui);font-size:20px;font-weight:700;color:var(--ink3)} @supports not (text-box:trim-both cap alphabetic){ .sfe-mr-score b{line-height:0;padding-bottom:.147em} .sfe-mr-score b::before{content:"";display:inline-block;height:.853em} .sfe-mr-score > span{line-height:0} } .sfe-mr-sub{margin:10px 0 0;text-align:center;font-size:13.5px;color:var(--ink2)} .sfe-mr-auto{display:block;margin:6px 0 0;color:#b83232;font-weight:700} .sfe-mr-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);margin:18px 0 16px} .sfe-mr-st{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0 11px} .sfe-mr-st + .sfe-mr-st{border-left:1px solid var(--line)} .sfe-mr-st b{font-family:var(--ff-ui);font-size:24px;font-weight:700;line-height:1;text-box:trim-both cap alphabetic} .sfe-mr-st > span{font-size:12.5px;color:var(--ink2);text-box:trim-both cap alphabetic} .sfe-mr-st.o b{color:#18794a} .sfe-mr-st.x b{color:#b83232} .sfe-mr-st.n b{color:var(--ink3)} .sfe-mr-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px} .sfe-mr-c{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:56px;padding:0;border:1px solid #e3e6ea;background:#fff;font-family:var(--ff-ui);color:var(--ink);cursor:default} .sfe-mr-c b{font-size:15px;font-weight:700;line-height:1;text-box:trim-both cap alphabetic;font-variant-numeric:proportional-nums} .sfe-mr-c i{display:flex;align-items:center;justify-content:center;height:calc(.6833em * 1.21);font-style:normal;font-size:15px;line-height:0} .sfe-mr-c i .katex{display:block;line-height:0} .sfe-mr-c i.t{line-height:1;font-family:var(--ff-ui);font-weight:700;text-box:trim-both cap alphabetic} .sfe-mr-c.o{background:#eef8f1;border-color:#b7dfc4;color:#18794a;cursor:pointer} .sfe-mr-c.x{background:#fdecec;border-color:#efb1b1;color:#b83232;cursor:pointer} .sfe-mr-c.n{cursor:pointer} .sfe-mr-c.o:hover,.sfe-mr-c.x:hover,.sfe-mr-c.n:hover{box-shadow:inset 0 0 0 1px currentColor} .sfe-mr-leg{margin:8px 0 0;font-size:12.5px;color:var(--ink3);text-align:center} .sfe-mr-card .sfe-mr-btns{margin-top:18px} .sfe-mr-btn.sfe-mr-wide{grid-column:1 / -1} .sfe-mr-note{margin:12px 0 0;text-align:center;font-size:12.5px;color:var(--ink3)} .sfe-mv{background:#fff} .sfe-mv-bar{position:sticky;top:0;z-index:2;height:56px;background:#fff;border-bottom:1px solid var(--line)} .sfe-mv-in{max-width:720px;height:100%;margin:0 auto;padding:0 18px;display:flex;align-items:center;gap:12px} .sfe-mv-in > b{font-size:15.5px;font-weight:700;white-space:nowrap;text-box:trim-both cap alphabetic} .sfe-mv-in > b > span{font-family:var(--ff-ui);color:var(--c-dark)} .sfe-mv-chips{border-bottom:1px solid #f1ece8;background:#fafbfc} .sfe-mv-chips .sfe-mv-in{height:auto;gap:6px;overflow-x:auto;padding:10px 18px} .sfe-mv-chip{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:36px;border:1px solid #efb1b1;background:#fff;color:#b83232;font-family:var(--ff-ui);font-size:14.5px;font-weight:700;cursor:pointer;font-variant-numeric:proportional-nums} .sfe-mv-chip.o{border-color:#b7dfc4;color:#18794a} .sfe-mv-body{max-width:720px;margin:0 auto;padding:18px 18px 28px} .sfe-mv-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px} .sfe-mv-q{font-family:var(--ff-ui);font-size:24px;font-weight:700;line-height:1;margin-right:6px;text-box:trim-both cap alphabetic} .sfe-mv-tag{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border:1px solid var(--line);background:#fff;font-size:13px;font-weight:700;color:var(--ink2);line-height:1} .sfe-mv-tag.x{border-color:#efb1b1;background:#fdecec;color:#b83232} .sfe-mv-tag.o{border-color:#b7dfc4;background:#eef8f1;color:#18794a} .sfe-mv-img{margin:16px 0 0;text-align:center} .sfe-mv-img img{width:600px;max-width:100%;height:auto;border:1px solid #eef0f2;background:#fff} .sfe-mv-expl{margin:20px 0 0;padding:14px 0 0;border-top:1px solid var(--line)} .sfe-mv-expl h4{margin:0 0 10px;font-size:14px;font-weight:700;color:var(--c-dark)} .sfe-mv-ex p{margin:0 0 10px;font-size:15px;line-height:1.85;color:var(--ink)} .sfe-mv-ex img{max-width:100%;height:auto} /*SFE_AUTOLINK_PEEK_V1*/ .sfe-mv-ex > .sfe-app,.sfe-mv-ex > .sfe-app > .sfe-main{display:contents;font-family:inherit} .sfe-mv .sfe-mv-ex .sfe-main .sfe-article{padding:0} .sfe-mv .sfe-mv-ex .sfe-article > div > :first-child{margin-top:0} .sfe-mv .sfe-mv-ex .sfe-article > div > p:first-child,.sfe-mv .sfe-mv-ex .sfe-article > div > ul:first-child{padding-top:0} .sfe-mv .sfe-mv-ex .sfe-article > div > :last-child{margin-bottom:0} .sfe-mv-nav{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--line)} .sfe-mv-nav .sfe-mr-btns{max-width:720px;margin:0 auto;padding:12px 18px} .sfe-mv{display:flex;flex-direction:column;overflow:hidden} .sfe-mv-bar,.sfe-mv-chips,.sfe-mv-nav{flex:none} .sfe-mv-body{flex:1;min-height:0;max-width:none;margin:0;padding:0;display:flex} .sfe-mv-item{flex:1;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(380px,38vw,560px)} .sfe-mv-fig{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:18px 24px 28px} .sfe-mv-fig .sfe-mv-head{max-width:600px;margin:0 auto} .sfe-mv-item > .sfe-mv-expl{min-height:0;margin:0;padding:18px 22px 28px;border-top:0;border-left:1px solid var(--line);overflow:auto;overscroll-behavior:contain} .sfe-mv-grip{display:none} @media (max-width:899px){ .sfe-mv-item{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--sfe-mv-top,50%) minmax(0,1fr)} .sfe-mv-fig{padding:12px 14px 16px} .sfe-mv-item > .sfe-mv-expl{border-left:0;border-top:1px solid var(--line);padding:0 14px 16px} .sfe-mv-grip{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:center;width:calc(100% + 28px);height:22px;margin:0 -14px 8px;padding:0;border:0;background:#fff;cursor:ns-resize;touch-action:none} .sfe-mv-grip::before{content:"";width:40px;height:4px;background:var(--ink3)} } @media (max-width:760px){ .sfe-mr{background:#fff} .sfe-mr-card{margin:0;border:0;box-shadow:none;min-height:100%;padding:14px 16px 20px} .sfe-mr-score b{font-size:56px} .sfe-mr-c{height:52px} .sfe-mv-in{padding:0 12px;gap:10px} .sfe-mv-chips .sfe-mv-in{padding:8px 12px} .sfe-mv-body{padding:16px 14px 24px} } /*SFE_CONFIRM_V1 SFE_BTN_V1*/ body.sfe-mx-lock #sfe-dlg-scrim{z-index:2147000200} body.sfe-mx-lock #sfe-toast{z-index:2147000300} .sfe-mx-dlg{position:fixed;left:0;top:0;right:0;bottom:0;z-index:2147000200;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(43,43,43,.42)} .sfe-mx-dlg > div{width:360px;max-width:min(92vw,360px);background:#fff;border:1px solid var(--line);box-shadow:var(--glow-lift);text-align:center;color:var(--ink);line-height:1.6;font-family:var(--ff-ui);word-break:keep-all} .sfe-mx-dlg-b{padding:20px 18px 15px} .sfe-mx-dlg h5{margin:0 0 7px;font-size:15.5px;font-weight:700;line-height:1.42} .sfe-mx-dlg p{margin:0;font-size:12.8px;color:var(--ink2)} .sfe-mx-dlg-a{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-top:1px solid var(--line)} .sfe-mx-dlg-a button{height:44px;padding:0 10px;border:0;background:#fff;color:var(--ink2);font-family:inherit;font-size:13px;font-weight:700;line-height:1;cursor:pointer} .sfe-mx-dlg-a button + button{border-left:1px solid var(--line)} .sfe-mx-dlg-a button:hover{background:var(--paper)} .sfe-mx-dlg-a button.warn{color:var(--sfe-danger)} body.sfe-mx-lock{overflow:hidden!important} /*SFE_PEN_V10*/ body.sfe-mx-review.sfe-mx-qfab #sfe-pen-fab,body.sfe-mx-review.sfe-mx-qfab #sfe-chat-fab{z-index:2147000150!important} body.sfe-mx-review.sfe-mx-qfab #sfe-chat-overlay{z-index:2147000160!important} body.sfe-mx-review>img.sfe-pen-archive{z-index:2147000140!important} body.sfe-mx-review:is(.sfe-mx-qfab,.sfe-pad-open) .sfe-pen-hl{z-index:2147000165!important} body.sfe-mx-review:is(.sfe-mx-qfab,.sfe-pad-open) .sfe-pen-pad{z-index:2147000170!important} body.sfe-mx-review.sfe-mx-qfab .sfe-chat-sim-backdrop{z-index:2147000180!important} body.sfe-mx-review.sfe-mx-qfab .sfe-chat-sim-big{z-index:2147000181!important} .sfe-mv-figin{position:relative} /*SFE_FAB*/ .sfe-mv-fig::after,.sfe-mv-expl::after{content:"";display:block;height:var(--sfe-fabroom,0px)} /*SFE_V2_MAIN_CSS SFE_SECTION_WRAP_V1 SFE_PROGRESS_V1 SFE_V2_UNITS_SPLIT_V1*/ .sfe-xk{font-family:var(--ff-ui)} .sfe-xk-t{display:block;text-box:trim-both cap alphabetic;white-space:nowrap} /*SFE_PROGRESS_V1*/ .sfe-xk a.sfe-xk-card{display:block;flex:none;width:180px;margin:0;box-sizing:border-box;border-width:1px;border-style:solid;font-size:0;line-height:0;position:relative;z-index:0;text-decoration:none;transition:filter .2s ease,box-shadow .2s ease, scale .1s cubic-bezier(.4,0,.2,1)} .sfe-main .sfe-article a.sfe-xk-card{text-decoration:none} .sfe-main .sfe-article a.sfe-xk-card img,a.sfe-xk-card img{display:block;width:100%!important;height:auto;margin:0!important;border:0;border-radius:0;max-width:none} a.sfe-xk-card:hover{z-index:2} a.sfe-xk-qn,.sfe-main .sfe-article a.sfe-xk-qn{text-decoration:none} /*SFE_SECTION_CARD_V1*/ .sfe-xk--c{display:none} body .sfe-app .sfe-main .sfe-article section.sfe-section:has(> h1.sfe-hx) > .sfe-xk--c{position:absolute;top:-12px;right:18px;z-index:6;display:flex} .sfe-xk-btn{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 11px;box-sizing:border-box;border-width:1.5px;border-style:solid;font-family:var(--ff-ui);font-size:12.5px;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer;transition:border-color .15s, scale .1s cubic-bezier(.4,0,.2,1)} .sfe-xk-caret{flex:none;width:0;height:0;border-left:4.5px solid transparent;border-right:4.5px solid transparent;border-top:5px solid currentColor} .sfe-xk-pop{position:absolute;right:0;top:calc(100% + 6px);display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px;box-sizing:border-box;background:#fff;border:1px solid var(--line);box-shadow:var(--glow-lift)} .sfe-xk-pop[hidden]{display:none} .sfe-xk-ph{display:block;padding:2px 2px 0;font-size:12.5px;font-weight:700;color:var(--ink2);white-space:nowrap} @media (max-width:640px){body .sfe-app .sfe-main .sfe-article section.sfe-section:has(> h1.sfe-hx) > .sfe-xk--c{top:-11.5px;right:12px}.sfe-xk-btn{height:32px}} @media print{.sfe-xk--c{display:none!important}} /*SFE_V2_UNITS_SPLIT_V1*/ .sfe-xk--e{margin:16px 0 6px} .sfe-xk-units{padding:32px 0} .sfe-xk-course + .sfe-xk-course{margin-top:32px} .sfe-xk-course-hd{display:flex;align-items:center;gap:14px;margin:0 0 14px} .sfe-xk-course-hd::before,.sfe-xk-course-hd::after{content:"";flex:1;height:1px;background:rgba(var(--c-rgb),.35)} .sfe-xk-chip{display:inline-flex;align-items:center;flex:none;height:32px;padding:0 16px;box-sizing:border-box;background:var(--c-surf);color:#fff;font-family:var(--ff-ui);font-size:16px;font-weight:700;letter-spacing:.03em;line-height:1;white-space:nowrap} .sfe-xk-grp{margin:0 0 18px} .sfe-xk-grp:last-child{margin-bottom:0} .sfe-xk-cap{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 6px 8px;font-size:16px;font-weight:700;line-height:1.4;color:var(--c-dark);text-align:center} .sfe-xk-cap::before,.sfe-xk-cap::after{content:"";flex:0 1 56px;height:1px;background:rgba(var(--c-rgb),.35)} .sfe-xk-wall{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 10.5px;padding-top:3px} .sfe-xk-unit{display:flex;flex-direction:column;align-items:flex-start;flex:none;width:180px} /*SFE_KG_LEAD_V1 SFE_KG_LEAD_V1*/ .sfe-xk-qs{display:flex;align-self:stretch;align-items:baseline;gap:8px;box-sizing:border-box;padding:8px;border:1px solid var(--c);border-top:0;background:#fff} .sfe-xk-ql{flex:none;font-family:var(--ff-ui);font-size:12.5px;font-weight:700;letter-spacing:.01em;line-height:1;white-space:nowrap;color:var(--c-dark)} .sfe-xk-qq{display:flex;flex-wrap:wrap;gap:6px;min-width:0} .sfe-xk-qn{display:inline-flex;align-items:center;justify-content:center;flex:none;height:24px;padding:0 9px;box-sizing:border-box;border-width:1.5px;border-style:solid;font-family:var(--ff-ui);font-size:12px;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,transform .12s, scale .1s cubic-bezier(.4,0,.2,1)} .sfe-xk-qn:hover{transform:translateY(-1px)} @media (max-width:620px){.sfe-xk-wall .sfe-xk-unit{width:calc(50% - 5.25px)}.sfe-xk-wall .sfe-xk-unit a.sfe-xk-card{width:100%}} /*SFE_BTNLAB_V1*/ @supports (text-box:trim-both cap alphabetic){ .sfe-xk-qn{--h:24px} .sfe-xk-btn{--h:34px} .sfe-xk-chip{--h:32px} .sfe-xk-btn,.sfe-xk-qn,.sfe-xk-chip{--H:round(nearest,var(--h),var(--dp,1px));--ik:-.3px;height:var(--H);position:relative;border-width:0;align-items:flex-end; padding-top:0;padding-bottom:round(nearest,calc(var(--H) / 2 - var(--sfe-z,calc(.5cap - var(--ik)))),var(--dp,1px))} .sfe-xk-btn::before,.sfe-xk-qn::before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border:1.5px solid;border-color:inherit;pointer-events:none} .sfe-xk-btn{padding-left:12.5px;padding-right:12.5px} .sfe-xk-qn{padding-left:10.5px;padding-right:10.5px} .sfe-xk-caret{align-self:flex-start;margin-top:round(nearest,calc((var(--H) - 5px) / 2),var(--dp,1px))} .sfe-xk-pop{padding:0 round(nearest,10px,var(--dp,1px)) round(nearest,10px,var(--dp,1px));row-gap:0} .sfe-xk-pop > a.sfe-xk-card + a.sfe-xk-card{margin-top:round(nearest,8px,var(--dp,1px))} .sfe-xk-ph{box-sizing:border-box;text-box:trim-both cap alphabetic;height:round(nearest,calc(20px + 1cap),var(--dp,1px));align-content:end;padding-top:0;padding-bottom:round(nearest,8px,var(--dp,1px))} .sfe-xk-cap{--T:round(nearest,22px,var(--dp,1px));--ik:-.3px;height:var(--T);align-items:flex-start} .sfe-xk-cap > span{display:block;text-box:trim-both cap alphabetic;white-space:nowrap;align-self:flex-end;margin-bottom:round(nearest,calc(var(--T) / 2 - (.5cap - var(--ik))),var(--dp,1px))} .sfe-xk-cap::before,.sfe-xk-cap::after{--lw:max(var(--dp,1px),round(down,1px,var(--dp,1px)));height:var(--lw);margin-top:round(nearest,calc((var(--T) - var(--lw)) / 2),var(--dp,1px))} body .sfe-app .sfe-main .sfe-article section.sfe-section:has(> h1.sfe-hx) > .sfe-xk--c{top:round(nearest,calc(-17px + (round(nearest,44px,var(--dp,1px)) - round(nearest,34px,var(--dp,1px))) / 2),var(--dp,1px))} @media (max-width:640px){ .sfe-xk-btn{--h:32px} body .sfe-app .sfe-main .sfe-article section.sfe-section:has(> h1.sfe-hx) > .sfe-xk--c{top:round(nearest,calc(-15px + (round(nearest,38.75px,var(--dp,1px)) - round(nearest,32px,var(--dp,1px))) / 2),var(--dp,1px))} } } .sfe-main .sfe-article .sfe-gc{margin:16px 0 8px;font-family:var(--ff-ui)} .sfe-gc-hd{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin:0 0 10px} .sfe-gc-hd > b{font-size:14.5px;font-weight:700;color:var(--c-dark);line-height:1.3} .sfe-gc-hd > span{font-size:12.5px;font-weight:400;color:var(--ink3);line-height:1.5} .sfe-gc-band{position:relative;--h:10px;--pt:20px;padding:var(--pt) 0 22px} .sfe-gc-bar{position:relative;display:flex;height:var(--h)} .sfe-gc-seg{position:relative;flex:1 1 0;min-width:0;box-sizing:border-box;border:1px solid var(--ink)} .sfe-gc-seg + .sfe-gc-seg{margin-left:-1px} .sfe-gc-seg > b{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);font-size:12px;font-weight:700;line-height:1;color:var(--ink2);white-space:nowrap} .sfe-gc-seg.g1 > b{color:var(--c-dark)} .sfe-gc-seg > i,.sfe-gc-end{position:absolute;font-style:normal;font-size:11.5px;font-weight:400;line-height:1;color:var(--ink2);white-space:nowrap} .sfe-gc-seg > i{left:0;top:calc(100% + 6px);transform:translateX(calc(-50% - .5px))} .sfe-gc-end{top:calc(var(--pt) + var(--h) + 5px)} .sfe-gc-end.l{left:0} .sfe-gc-end.r{right:0} .sfe-gc-seg.g1{background:#fff7c5}.sfe-gc-seg.g2{background:#cbe69d}.sfe-gc-seg.g3{background:#87d498} .sfe-gc-seg.g4{background:#40bd9d}.sfe-gc-seg.g5{background:#06a19d}.sfe-gc-seg.g6{background:#018295} .sfe-gc-seg.g7{background:#02648c}.sfe-gc-seg.g8{background:#014682}.sfe-gc-seg.g9{background:#092a6c} .sfe-gc-empty{display:block;min-height:34px;box-sizing:border-box;padding:8px 12px;border-width:1px;border-style:dashed; font-size:13px;font-weight:400;text-align:center;line-height:1.5} .sfe-main .sfe-article .sfe-gc table.sfe-gc-t{width:100%;table-layout:fixed;margin:0;font-size:15px;line-height:1.5} .sfe-main .sfe-article .sfe-gc table.sfe-gc-t tr > :is(th,td){padding:7px 4px;vertical-align:middle;white-space:nowrap} .sfe-main .sfe-article .sfe-gc table.sfe-gc-t tr > td{background:transparent;font-weight:400} .sfe-main .sfe-article .sfe-gc table.sfe-gc-t th.sfe-gc-lb{width:84px} @media (max-width:480px){.sfe-main .sfe-article .sfe-gc table.sfe-gc-t{font-size:10.5px}.sfe-main .sfe-article .sfe-gc table.sfe-gc-t tr > :is(th,td){padding:6px 0}.sfe-main .sfe-article .sfe-gc table.sfe-gc-t th.sfe-gc-lb{width:44px}} .sfe-gc--res{margin:20px 0 4px;font-family:var(--ff-ui)} .sfe-gc--res .sfe-gc-band{--pt:50px} .sfe-gc-tag{--w:52px;position:absolute;top:0;left:clamp(0px,calc(var(--x) - var(--w) / 2),calc(100% - var(--w)));width:var(--w);display:flex;align-items:center;justify-content:center;height:20px;box-sizing:border-box;padding:0;background:var(--ink);color:#fff;font-size:12px;font-weight:700;line-height:1;white-space:nowrap;pointer-events:none} .sfe-gc-stem{position:absolute;top:20px;left:var(--x);margin-left:-.5px;width:0;height:calc(var(--pt) - 20px + var(--h) / 2);border-left:1px solid var(--ink);pointer-events:none} .sfe-gc-knob{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;box-sizing:border-box;background:#fff;border:2px solid var(--ink);pointer-events:none;z-index:1} /*SFE_KX_V1*/ /*SFE_KX_V1*/ :is(.sfe-ex-t,.sfe-mx-timer,.sfe-mx-left,.sfe-mx-q,.sfe-mr-st b,.sfe-mr-c b,.sfe-mv-q,.sfe-mr-score,.sfe-mv-bar b,.sfe-xq-g-t,.sfe-xk-t,.sfe-xk-ph,.sfe-mv-chip,.sfe-mr-ttl b) .katex{font-size:1.103em;font-weight:normal} :is(.sfe-ex-t,.sfe-mx-timer,.sfe-mx-left,.sfe-mx-q,.sfe-mr-st b,.sfe-mr-c b,.sfe-mv-q,.sfe-mr-score,.sfe-mv-bar b,.sfe-xq-g-t,.sfe-xk-t,.sfe-xk-ph,.sfe-xq-lead,.sfe-mr-ttl b) .katex .base{display:inline} .sfe-gc-foot{margin:2px 0 0;font-size:12px;font-weight:400;line-height:1.5;color:var(--ink3);text-align:center} @supports (text-box:trim-both cap alphabetic){ :root{--dp:1px} .sfe-mx-submit,.sfe-mx-quit,.sfe-mr-btn{--h:42px} .sfe-mx-close{--h:32px} .sfe-mx-zoom button{--h:40px} .sfe-mr-close{--h:34px} .sfe-mv-chip{--h:36px} .sfe-mv-tag{--h:30px} .sfe-mx-submit,.sfe-mx-quit,.sfe-mr-btn,.sfe-mx-close,.sfe-mr-close,.sfe-mx-zoom button,.sfe-mv-chip,.sfe-mv-tag{--H:round(nearest,var(--h),var(--dp));height:var(--H);position:relative;border-width:0;align-items:flex-end;--ik:0px;padding-bottom:round(nearest,calc((var(--H) - 1cap) / 2 + var(--ik)),var(--dp))} .sfe-mx-submit,.sfe-mx-quit,.sfe-mx-close{--ik:-.12px} .sfe-mr-btn.pri{--ik:-.17px} .sfe-mr-btn.sec{--ik:-.11px} .sfe-mx-zoom button,.sfe-mv-chip{--ik:-.1px} .sfe-mx-zoom .sfe-mx-zv{--ik:0px} .sfe-mr-btn.pri,.sfe-mr-btn.sec{border-width:0} .sfe-mx-zoom button{place-items:end center} .sfe-mx-tools,.sfe-mx-zoom{padding:round(nearest,4px,var(--dp));gap:round(nearest,2px,var(--dp))} .sfe-mx-t,.sfe-mx-zoom button{width:round(nearest,40px,var(--dp))} .sfe-mx-t{height:round(nearest,40px,var(--dp))} .sfe-mx-c{width:round(nearest,40px,var(--dp));height:round(nearest,34px,var(--dp))} .sfe-mx-zoom .sfe-mx-zv{width:round(nearest,58px,var(--dp))} .sfe-mx-tsep{margin:round(nearest,4px,var(--dp)) 0} @media (max-height:560px){.sfe-mx-c{width:round(nearest,34px,var(--dp));height:round(nearest,40px,var(--dp))}.sfe-mx-tsep{margin:0 round(nearest,4px,var(--dp))}} .sfe-pen-bar,.sfe-pen-row{gap:round(nearest,2px,var(--dp))} .sfe-pen-bar{padding:round(nearest,4px,var(--dp))} .sfe-pen-bar .sfe-mx-c{width:round(nearest,34px,var(--dp));height:round(nearest,40px,var(--dp))} .sfe-pen-bar .sfe-mx-tsep{margin:0 round(nearest,4px,var(--dp))} .sfe-mx-quit::before,.sfe-mr-btn.pri::before,.sfe-mr-btn.sec::before,.sfe-mx-close::before,.sfe-mr-close::before,.sfe-mv-chip::before,.sfe-mv-tag::before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid;border-color:inherit;border-style:inherit;pointer-events:none} .sfe-mx-close{padding-left:11px;padding-right:11px} .sfe-mr-close{padding-left:13px;padding-right:13px} .sfe-mv-tag{padding-left:11px;padding-right:11px} .sfe-mv-tag .sfe-cn{align-self:flex-start;margin-top:round(nearest,calc(var(--H) / 2 - var(--F) + var(--b) + 3.78px),var(--dp));margin-bottom:0} .sfe-mv-pen svg{align-self:flex-start;margin-top:round(nearest,calc((var(--H) - 16px) / 2),var(--dp))} } @supports (text-box:trim-both cap alphabetic){ .sfe-mr-grid{--H:round(nearest,56px,var(--dp));row-gap:calc(round(nearest,calc(var(--H) + 6px),var(--dp)) - var(--H))} .sfe-mr-c{--h:56px;font-size:15px;--H:round(nearest,var(--h),var(--dp));--g:round(nearest,5px,var(--dp));--hi:round(nearest,calc(.6833em * 1.21),var(--dp));height:var(--H);position:relative;border-width:0;justify-content:flex-end;gap:var(--g);padding-bottom:round(nearest,calc((var(--H) - 1cap - var(--g) - var(--hi)) / 2 + .1px + var(--mk,0px)),var(--dp))} .sfe-mr-c::before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid;border-color:inherit;border-style:inherit;pointer-events:none} .sfe-mr-c i{height:var(--hi);align-items:flex-end} .sfe-mr-c i .base{display:inline} .sfe-mr-c i.t{display:block;align-content:end} @media (max-width:760px){.sfe-mr-c{--h:52px}.sfe-mr-grid{--H:round(nearest,52px,var(--dp))}} .sfe-xq .sfe-xq-btn,.sfe-mock-go{--bp:18px;--bx:20px} .sfe-xq .sfe-xq-btn{--bb:.785px} .sfe-mock-go{--bb:.265px} .sfe-xq .sfe-xq-btn{padding:round(nearest,var(--bp),var(--dp)) calc(var(--bx) + 28px) round(nearest,calc(var(--bp) - var(--bb)),var(--dp)) var(--bx)!important} .sfe-mock-go{padding:round(nearest,var(--bp),var(--dp)) calc(var(--bx) + 25px) round(nearest,calc(var(--bp) - var(--bb)),var(--dp)) var(--bx)} .sfe-xq-head,.sfe-mock-head{gap:0} .sfe-xq-title,.sfe-mock-head > b{margin-top:round(nearest,calc(1cap - round(up,1cap,var(--dp))),var(--dp));min-height:round(up,1cap,var(--dp));align-content:end;line-height:round(nearest,1.3em,var(--dp))} .sfe-xq .sfe-xq-lead,.sfe-mock-head .sfe-mock-lead,.sfe-mock-head small{margin-top:round(nearest,calc(12px + 1cap - round(up,1cap,var(--dp))),var(--dp));min-height:round(up,1cap,var(--dp));align-content:end} .sfe-xq .sfe-xq-lead,.sfe-mock-head .sfe-mock-lead{line-height:round(nearest,1.45em,var(--dp))} .sfe-mock-head small{line-height:round(nearest,1.5em,var(--dp))} .sfe-mock-head .katex .base{display:inline} .sfe-xq .sfe-xq-btn > .accordion__icon{--ih:round(nearest,2px,var(--dp));--I:calc(var(--ih) + 2 * round(nearest,calc((14px - var(--ih)) / 2),var(--dp)));position:absolute;right:round(nearest,var(--bx),var(--dp));top:round(nearest,calc(50% - var(--I) / 2),var(--dp));width:var(--I);height:var(--I);margin:0} .sfe-xq .sfe-xq-btn > .accordion__icon::before,.sfe-xq .sfe-xq-btn > .accordion__icon::after{top:calc((var(--I) - var(--ih)) / 2);width:var(--I);height:var(--ih)} .sfe-mock-play{--pv:round(down,7.001px,var(--dp));position:absolute;right:round(nearest,var(--bx),var(--dp));top:round(nearest,calc(50% - var(--pv)),var(--dp));margin:0;border-top-width:var(--pv);border-bottom-width:var(--pv);border-left-width:round(down,11.001px,var(--dp))} @media (max-width:640px){.sfe-xq .sfe-xq-btn,.sfe-mock-go{--bp:15px;--bx:14px}.sfe-xq .sfe-xq-btn{--bb:.735px}.sfe-mock-go{--bb:.585px}} .sfe-ox{--Tx:44px;--F:65px;--N:6;--op:12px;padding-top:round(nearest,var(--op),var(--dp));padding-bottom:round(nearest,var(--op),var(--dp))} .sfe-ox > *{--T:min(round(nearest,var(--Tx),var(--dp)),round(down,calc((100cqw - var(--F)) / var(--N)),var(--dp)))} .sfe-ox-b,.sfe-ox-x{flex:none;width:var(--T);height:var(--T);max-width:none;aspect-ratio:auto} .sfe-ox-lab,.sfe-ox-hint{align-self:flex-end;--ik:0px;margin-bottom:round(nearest,calc((var(--T) - round(down,1cap,calc(var(--dp) / 64))) / 2 + var(--ik)),var(--dp))} .sfe-ox-lab{--ik:-.14px} .sfe-ox-x{--H:var(--T);--bw:max(var(--dp),round(down,1.5px,var(--dp)));--ik:0px;height:var(--H);display:inline-flex;align-items:flex-end;justify-content:center;padding:0 0 round(nearest,calc((var(--H) - round(down,1cap,calc(var(--dp) / 64))) / 2 - var(--bw) + var(--ik)),var(--dp))} @media (max-width:480px){.sfe-ox{--Tx:40px;--op:10px}} @container (max-width:264px){.sfe-ox > *{--F:29px}} @container (max-width:208px){.sfe-ox > *{--F:20px;--N:5}.sfe-ox-x{--H:round(nearest,34px,var(--dp));width:100%}} .sfe-ox-n,.sfe-cn,.sfe-mx-o{--F:round(nearest,24px,var(--dp));--b:round(nearest,8px,var(--dp));width:var(--F);height:var(--F)} .sfe-ox-n .sfe-ex-t,.sfe-cn .sfe-ex-t{bottom:var(--b)} .sfe-ox-n{--hk:5.5px;--cxr:.479167;--cy:calc(var(--F) - var(--b) - var(--hk));position:absolute;top:round(nearest,calc(50% - var(--cy)),var(--dp));left:round(nearest,calc(50% - var(--cxr) * var(--F)),var(--dp))} .sfe-ox-n circle{cx:calc(var(--cxr) * 24px);cy:var(--cy)} .sfe-ox-n .sfe-ex-t{left:calc(var(--F) * (2 * var(--cxr) - 1))} @media (max-width:480px){.sfe-ox-n{--hk:5.36px;--cxr:.5}} @media (max-width:360px){.sfe-ox-n{--hk:5.18px;--cxr:.479167}} .sfe-cn circle{cy:calc(var(--F) - var(--b) - 3.78px)} .sfe-mx-o .sfe-ex-t{bottom:calc(var(--F) - round(nearest,calc(var(--F) / 2 + 4.45px),var(--dp)))} .sfe-mr-st{padding-top:0;padding-bottom:round(nearest,11.6px,var(--dp));gap:0} .sfe-mr-st b{margin-top:round(nearest,calc(11.4px + 1cap - round(up,1cap,var(--dp))),var(--dp));height:round(up,1cap,var(--dp));align-content:end} .sfe-mr-st > span{margin-top:round(nearest,calc(8px + 1cap - round(up,1cap,var(--dp))),var(--dp));height:round(up,1cap,var(--dp));align-content:end} .sfe-mx-float{--H:round(nearest,28px,var(--dp));box-sizing:border-box;top:round(nearest,10px,var(--dp));height:var(--H);display:flex;align-items:flex-end;padding:0 10px round(nearest,calc((var(--H) - round(down,1cap,calc(var(--dp) / 64))) / 2 - .085px),var(--dp));font-family:var(--ff-ui);font-size:17px} .sfe-mx-float .sfe-mx-timer{text-box:trim-both cap alphabetic} .sfe-mx-oh{--R:round(nearest,32px,var(--dp));padding-top:round(nearest,12px,var(--dp));padding-bottom:round(nearest,12px,var(--dp))} .sfe-mx-oh > b,.sfe-mx-oh .sfe-mx-timer,.sfe-mx-left{align-self:flex-end;--ik:0px;margin-bottom:round(nearest,calc((var(--R) - round(down,1cap,calc(var(--dp) / 64))) / 2 + var(--ik)),var(--dp))} .sfe-mx-oh > b{--ik:-.11px} .sfe-mx-left{--ik:-.12px} .sfe-mx-oh .sfe-mx-timer{--ik:-.095px} .sfe-mv-bar{--R:round(nearest,56px,var(--dp));height:var(--R)} .sfe-mv-bar .sfe-mv-in > b{align-self:flex-end;margin-bottom:round(nearest,calc((var(--R) - max(var(--dp),round(down,1.001px,var(--dp))) - round(down,1cap,calc(var(--dp) / 64))) / 2 + .1px),var(--dp))} .sfe-mv-bar .sfe-mr-close{align-self:flex-start;margin-top:round(nearest,calc((var(--R) - max(var(--dp),round(down,1.001px,var(--dp)))) / 2 - var(--H) + round(nearest,calc((var(--H) - 1cap) / 2 + var(--ik)),var(--dp)) + 1cap / 2),var(--dp))} .sfe-mx-row{--R:round(nearest,31px,var(--dp));--C:calc(var(--R) - max(var(--dp),round(down,1.001px,var(--dp))));height:var(--R)} .sfe-mx-row .sfe-mx-o{align-self:flex-start;margin-top:round(nearest,calc((var(--C) - var(--F)) / 2),var(--dp))} .sfe-mx-q{align-self:flex-end;margin-bottom:round(nearest,calc((var(--C) - round(down,1cap,calc(var(--dp) / 64))) / 2),var(--dp))} .sfe-mx-tab{top:round(nearest,50%,var(--dp));transform:translateY(calc(-1 * round(nearest,50%,var(--dp))));justify-content:flex-start;padding-top:round(nearest,16.47px,var(--dp));padding-bottom:round(nearest,15.53px,var(--dp));height:calc-size(auto,round(up,size,var(--dp)))} .sfe-xq-head,.sfe-mock-head,.sfe-mr-st{height:calc-size(auto,round(nearest,size,var(--dp)))} .sfe-mr-top{--R:calc(round(nearest,15px,var(--dp)) + round(nearest,27px,var(--dp)) + round(nearest,4px,var(--dp)));padding-bottom:round(nearest,14px,var(--dp));margin-bottom:round(nearest,18px,var(--dp))} .sfe-mr-ttl > span{text-box:trim-both cap alphabetic;margin:round(nearest,calc(15px - round(up,1cap,var(--dp))),var(--dp)) 0 0;min-height:round(up,1cap,var(--dp));align-content:end} .sfe-mr-ttl b{--pt:round(nearest,5px,var(--dp));box-sizing:content-box;text-box:trim-both cap alphabetic;margin-top:round(nearest,calc(27px - var(--pt) - round(up,1cap,var(--dp))),var(--dp));padding:var(--pt) 0 round(nearest,4px,var(--dp));min-height:round(up,1cap,var(--dp));align-content:end} .sfe-mr-top .sfe-mr-close{align-self:flex-start;margin-top:round(nearest,calc((var(--R) - var(--H)) / 2),var(--dp))} .sfe-mr-score b,.sfe-mr-score > span{text-box:trim-both cap alphabetic} .sfe-mr-score b{margin:.12em 0 .147em} .sfe-gc-tag{--H:round(nearest,20px,var(--dp));height:var(--H);align-items:flex-end;padding-bottom:round(nearest,calc((var(--H) - 1cap) / 2),var(--dp))} .sfe-gc-tag .katex .base{display:inline} @media (max-width:760px){ .sfe-mx-tab{--H:round(nearest,calc(26px + 1cap),var(--dp));height:var(--H);top:auto;bottom:round(nearest,14px,var(--dp));transform:none;height:var(--H);align-items:flex-end;padding-top:0;padding-bottom:round(nearest,calc((var(--H) - round(down,1cap,calc(var(--dp) / 64))) / 2),var(--dp))} } } /* SFE_EXAM_V1 END */ /* SFE_TEXT_BALANCE_V1 START */ /*SFE_TEXT_BALANCE_V1*/ .sfe-title-in .sfe-sub{text-wrap:balance} /* SFE_TEXT_BALANCE_V1 END */ /* SFE_UNITLESS_V1_CSS START */ /*SFE_UNITLESS_V1*/ html:not(.sfe-ul-on) .sfe-ualt[data-ul="0"]{display:none} html.sfe-ul-on .sfe-ualt[data-ul="1"],html.sfe-ul-on .sfe-ualt[data-ul="1"] + br{display:none} html:not(.sfe-ul-on) body.lvl-prefix-off .sfe-mstep.sfe-ualt[data-ul="1"][data-lvl="prefix"] + .sfe-ualt[data-ul="0"] + br, html:not(.sfe-ul-on) body.lvl-kind-off .sfe-mstep.sfe-ualt[data-ul="1"][data-lvl="kind"] + .sfe-ualt[data-ul="0"] + br{display:none} html.sfe-ul-on .sfe-mstep[data-lvl="unit"],html.sfe-ul-on .sfe-mstep[data-lvl="unit"] + br{display:none} html:not(.sfe-ul-on) .sfe-uf{display:none;font-size:0;opacity:0} html.sfe-ul-on body:not(.lvl-prefix-off):not(.lvl-kind-off) .sfe-h0, html.sfe-ul-on body.lvl-prefix-off:not(.lvl-kind-off) .sfe-h1, html.sfe-ul-on body.lvl-kind-off:not(.lvl-prefix-off) .sfe-h2, html.sfe-ul-on body.lvl-prefix-off.lvl-kind-off .sfe-h3{display:none;font-size:0;opacity:0} html.sfe-ul-on body:not(.lvl-prefix-off):not(.lvl-kind-off) .sfe-uf:not(.sfe-s0), html.sfe-ul-on body.lvl-prefix-off:not(.lvl-kind-off) .sfe-uf:not(.sfe-s1), html.sfe-ul-on body.lvl-kind-off:not(.lvl-prefix-off) .sfe-uf:not(.sfe-s2), html.sfe-ul-on body.lvl-prefix-off.lvl-kind-off .sfe-uf:not(.sfe-s3){display:none;font-size:0;opacity:0} body.sfe-mlv-anim .sfe-u,body.sfe-mlv-anim .sfe-uf,body.sfe-mlv-anim .sfe-ud{transition:font-size .28s ease,opacity .18s ease,display .28s allow-discrete} @starting-style{body.sfe-mlv-anim .sfe-u,body.sfe-mlv-anim .sfe-uf,body.sfe-mlv-anim .sfe-ud{font-size:0;opacity:0}} @media (prefers-reduced-motion:reduce){body.sfe-mlv-anim .sfe-u,body.sfe-mlv-anim .sfe-uf,body.sfe-mlv-anim .sfe-ud{transition:none}} /* SFE_UNITLESS_V1_CSS END */ /* SFE_SEARCH_HOVER_V1 START */ .sfe-sr .sfe-li { --sfe-hl: var(--s-base-rgb); } .sfe-sr .sfe-li[data-sfe-subj="phys"] { --sfe-hl: var(--s-phys-rgb); } .sfe-sr .sfe-li[data-sfe-subj="chem"] { --sfe-hl: var(--s-chem-rgb); } .sfe-sr .sfe-li[data-sfe-subj="life"] { --sfe-hl: var(--s-life-rgb); } .sfe-sr .sfe-li[data-sfe-subj="earth"] { --sfe-hl: var(--s-earth-rgb); } .sfe-sr .sfe-li[data-sfe-subj="math"] { --sfe-hl: var(--s-math-rgb); } .sfe-sr .sfe-li[data-sfe-subj="integ"] { --sfe-hl: var(--s-integ-rgb); } .sfe-sr .sfe-sr-list .sfe-sr-on { background: none; } .sfe-sr .sfe-sr-list .sfe-li.sfe-li::before { background: linear-gradient(90deg, rgba(var(--sfe-hl), .2) 0, rgba(var(--sfe-hl), .09) 42%, rgba(var(--sfe-hl), 0) 88%); opacity: 0; transition: opacity .32s cubic-bezier(.16, 1, .3, 1); } .sfe-sr .sfe-sr-list .sfe-li.sfe-li:focus::before { opacity: 0; } .sfe-sr .sfe-sr-list .sfe-li.sfe-li:focus-visible::before { opacity: 1; } @media (hover: hover) { .sfe-sr .sfe-sr-list .sfe-li.sfe-li:hover::before { opacity: 1; } } .sfe-sr[data-sfe-kbd] .sfe-sr-list .sfe-li.sfe-sr-on.sfe-sr-on::before { opacity: 1; } /* SFE_SEARCH_HOVER_V1 END */ /* SFE_SEARCH_PANEL_V1 START */ /*SFE_SEARCH_PANEL_V1 SFE_RECENT_SEARCH_CSS_V1*/ :root{--sp-top:76px;--sp-w:min(960px,calc(100vw - 48px));--sp-maxh:calc(100vh - 96px);--sp-head:48px} @supports (height:100dvh){:root{--sp-maxh:calc(100dvh - 96px)}} @media (max-width:959.98px){ :root{--sp-top:112px;--sp-w:calc(100vw - 24px);--sp-maxh:calc(100vh - 124px)} @supports (height:100dvh){:root{--sp-maxh:calc(100dvh - 124px)}} } /*SFE_CONFIRM_V1*/ .sfe-app .sfe-sr{background-color:rgba(43,43,43,.42)!important;overflow:hidden!important;animation:sfeSpDim .16s ease both} @keyframes sfeSpDim{from{opacity:0}} .sfe-app .sfe-sr .sfe-sr-box{position:fixed!important;top:var(--sp-top);left:50%;transform:translateX(-50%); width:var(--sp-w);max-width:none!important;max-height:var(--sp-maxh);min-height:0!important;margin:0!important;padding:0!important;box-sizing:border-box; display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important; background:#fff;border:1px solid var(--line);border-radius:0;box-shadow:var(--glow-lift);overflow:hidden;font-family:var(--ff-ui);color:var(--ink); animation:sfeSpIn .16s ease both} @keyframes sfeSpIn{from{opacity:0;transform:translateX(-50%) translateY(6px)}} html.sfe-recent-open .sfe-app .sfe-sr .sfe-sr-box{display:none!important} .sfe-app .sfe-sr .sfe-sr-box>.sfe-list-h{flex:none;height:var(--sp-head);padding:0 56px 0 18px;margin:0;justify-content:flex-start; border-bottom:1px solid var(--line);font-family:var(--ff-ui);font-size:15.5px;font-weight:700;letter-spacing:-.01em;color:var(--c-dark)!important;background:#fff} html.sfe-sr-res .sfe-app .sfe-sr .sfe-sr-box>.sfe-list-h:first-child{color:transparent!important} .sfe-app .sfe-sr .sfe-sr-box>.sfe-sr-list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain; width:auto!important;max-width:none!important;margin:0!important;border-radius:0!important;box-shadow:none!important;background:#fff} .sfe-app .sfe-sr .sfe-sr-list .sfe-li-s{white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} @media (max-width:768px){.sfe-app .sfe-sr .sfe-sr-list .sfe-li-s{display:block;-webkit-line-clamp:unset}} .sfe-app .sfe-sr .sfe-sr-list .sfe-li-a{display:none!important} .sfe-app .sfe-sr .sfe-sr-box>nav{flex:none;margin:0!important;padding:9px 0;border-top:1px solid var(--line);background:var(--paper);display:flex;justify-content:center} .sfe-app .sfe-sr .sfe-sr-box .sfe-pg{margin:0} .sfe-app .sfe-sr .sfe-sr-box .sfe-pg li{margin:0} .sfe-app .sfe-sr .sfe-sr-box .sfe-pg .sfe-pg-n, .sfe-app .sfe-sr .sfe-sr-box .sfe-pg .sfe-pg-nav{border-radius:0!important;box-shadow:none!important;background:#fff!important; border:1px solid var(--line)!important;color:var(--ink2)!important;min-width:32px!important;width:auto!important;height:32px!important;margin:0 3px!important; padding:0 8px!important;font:700 13px/1 var(--ff-ui)!important} .sfe-app .sfe-sr .sfe-sr-box .sfe-pg .sfe-pg-n--on{background:var(--c-surf)!important;border-color:var(--c-surf)!important;color:#fff!important} .sfe-app .sfe-sr .sfe-sr-box .sfe-pg .sfe-pg-nav .sfe-icn--ui{color:var(--ink2)!important;font-size:20px} .sfe-app .sfe-sr .sfe-sr-box .sfe-pg .sfe-pg-nav--off{opacity:.45} html.sfe-sr-open .sfe-app .sfe-sr .sfe-sr-box>.sfe-sr-close{display:none!important} .sfe-app .sfe-sr .sfe-sr-help,.sfe-app .sfe-sr .sfe-sr-none,.sfe-app .sfe-sr .sfe-sr-wait{ display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px;margin:0!important; padding:0 56px 0 18px!important;min-height:var(--sp-head);text-align:left;color:var(--ink2)!important;font-family:var(--ff-ui)} .sfe-app .sfe-sr .sfe-sr-help i,.sfe-app .sfe-sr .sfe-sr-none i{font-size:20px;width:20px!important;height:20px!important;flex:none;filter:brightness(0) opacity(.34)} .sfe-app .sfe-sr .sfe-sr-help .sfe-sr-help-t,.sfe-app .sfe-sr .sfe-sr-none .sfe-top-name-t,.sfe-app .sfe-sr .sfe-sr-wait .sfe-title-h{ margin:0!important;font:400 13.5px/1.5 var(--ff-ui)!important;letter-spacing:0!important;color:var(--ink2)!important} .sfe-app .sfe-sr .sfe-sr-wait .sfe-title-h{color:var(--ink3)!important} .sfe-app .sfe-sr .sfe-sr-box:has(>.sfe-sr-wait)::before{content:"";position:absolute;left:0;right:0;top:0;height:2px; background:linear-gradient(90deg,rgba(var(--c-rgb),0),rgb(var(--c-rgb)),rgba(var(--c-rgb),0)) no-repeat;background-size:40% 100%;animation:sfeSpBar 1.1s linear infinite} @keyframes sfeSpBar{from{background-position:-60% 0}to{background-position:160% 0}} #sfe-sx{position:fixed;z-index:11002;top:calc(var(--sp-top) + 9px);left:calc(50% + var(--sp-w)/2 - 44px);width:32px;height:32px;display:none;align-items:center;justify-content:center; padding:0;border:0;border-radius:0;background:transparent;color:var(--ink2);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .14s,color .14s} html.sfe-sr-open #sfe-sx{display:flex} #sfe-sx:hover{background:var(--paper);color:var(--ink)} #sfe-sx:focus-visible{outline:2px solid var(--c-dark);outline-offset:-2px} #sfe-sx svg{width:20px;height:20px;display:block;fill:currentColor} #sfe-sr-head{position:fixed;z-index:11002;top:calc(var(--sp-top) + 1px);left:calc(50% - var(--sp-w)/2 + 1px);height:var(--sp-head);padding:0 18px; display:none;align-items:center;gap:7px;pointer-events:none;font-family:var(--ff-ui);white-space:nowrap} html.sfe-sr-open.sfe-sr-res #sfe-sr-head{display:flex} #sfe-sr-head b{font-size:15.5px;font-weight:700;letter-spacing:-.01em;color:var(--c-dark)} #sfe-sr-head > span{font-size:12.8px;font-weight:700;color:var(--ink3)} @media (max-width:959.98px){ .sfe-app .sfe-sr .sfe-sr-box>.sfe-list-h{padding-left:14px} #sfe-sr-head{padding:0 14px} } .sfe-app header[class*=sfe-top] .sfe-q.sfe-q-box{border-radius:0!important} .sfe-app header[class*=sfe-top] .sfe-q.sfe-q-box .sfe-q-ctl{min-height:40px!important;border-radius:0!important} .sfe-app header[class*=sfe-top] .sfe-q.sfe-q-box .sfe-q-slot{border-radius:0!important;min-height:40px!important;padding:0 14px!important; background:rgba(255,255,255,.14)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)!important;transition:background-color .18s ease,box-shadow .18s ease} .sfe-app header[class*=sfe-top] .sfe-q.sfe-q-box.sfe-q--on .sfe-q-slot{background:#fff!important;box-shadow:0 4px 14px rgba(0,0,0,.16)!important} .sfe-app header[class*=sfe-top] .sfe-q.sfe-q-box.sfe-q--on input{color:var(--ink)!important;caret-color:var(--c-dark)} .sfe-app header[class*=sfe-top] .sfe-q.sfe-q-box.sfe-q--on .sfe-q-ico-in .sfe-icn--ui{color:var(--c-dark)!important} .sfe-app header[class*=sfe-top] .sfe-top-row2 .sfe-bar-in{padding:0 10px!important} @media (max-width:600px){ .sfe-app .sfe-sr .sfe-sr-list .sfe-li{display:grid!important;grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:6px; align-items:center!important;padding:12px 14px!important;min-height:0!important} .sfe-app .sfe-sr .sfe-sr-list .sfe-li::after{display:none!important} .sfe-app .sfe-sr .sfe-sr-list .sfe-li-c{display:contents!important} .sfe-app .sfe-sr .sfe-sr-list .sfe-li-i{grid-area:1/1;margin:0!important;align-self:center!important;min-width:0!important;max-height:40px!important;max-width:90px!important} .sfe-app .sfe-sr .sfe-sr-list .sfe-li-i img{height:40px!important;width:auto!important} .sfe-app .sfe-sr .sfe-sr-list .sfe-li-t{grid-area:1/2;align-self:center;margin:0!important; font:700 14.5px/1.4 var(--ff-ui)!important;letter-spacing:0!important;color:var(--ink)!important;white-space:normal!important} .sfe-app .sfe-sr .sfe-sr-list .sfe-li-s{grid-area:2/1/3/3;font:400 12.8px/1.55 var(--ff-ui)!important;letter-spacing:0!important;color:var(--ink2)!important} } @media (prefers-reduced-motion:reduce){.sfe-app .sfe-sr,.sfe-app .sfe-sr .sfe-sr-box{animation:none}} /* SFE_SEARCH_PANEL_V1 END */ /* SFE_TRIM_V1 START — 기본·사이트 부품 글자 가운데 모음(2026-09-29 사용자 «전부다 고쳐줘»). 상자 가운데 두는 것은 글자 모양이 아니라 «첫 글꼴» 상자다 — 기본 부품은 첫 글꼴이 Roboto(영문 전용)라 모든 기기에서 한글이 위로 뜨고, 사이트 스택(--ff-ui) 부품은 안드로이드에서 Roboto 가 첫 글꼴이 되어 뜬다(메모리 hangul-vcenter-strut 15). 글이 든 블록을 대문자 높이~기준선으로 트림(text-box)하면 어느 글꼴이 첫 글꼴이든 글자 상자가 가운데 온다. 여기 모은 것은 글이 이미 블록 요소 안에 있어 CSS 만으로 되는 부품이다(맨 글자면 스크립트가 감싸야 한다 — 칩·사이드바 카드는 각자 블록). 트림을 모르는 브라우저는 예전 그대로. 칸 높이 T 를 «트림 + 위아래 패딩으로 채움»: 아래 P = round((T − 1cap)/2 + ik) · 위 = T − P − round(up, 1cap) — 전부 화면 화소(--dp) 정수배 (트림만 하면 대문자 상자가 칸 가운데 소수 자리에 서서 자리 따라 1 기기px 튀었다 — 서랍 «탐색» 실측 · 헤더 제목도 같은 까닭으로 v2 에서 이 식으로). ik(−.025em) = 한글 잉크 가운데가 대문자 가운데보다 그만큼 위라서 되민다. 측정 = 기출 harness/box_text_probe.py(이 PC · 안드로이드 흉내 × 배율 × 위상 16) · 게이트 = 세로중앙정렬_20260918/vcenter_gate.py(--emulate android). */ /*SFE_BTNLAB_V1*/ body{font-family:var(--ff-ui)} @supports (text-box:trim-both cap alphabetic){ .sfe-top-cell .sfe-top-name{--T:round(nearest,1lh,var(--dp,1px))} /*SFE_BTNLAB_V1*/ .sfe-brand-card__text{--T:round(nearest,32px,var(--dp,1px))} .sfe-top-cell .sfe-top-name,.sfe-brand-card__text{ --ik:-.025em;text-box:trim-both cap alphabetic;min-height:var(--T);align-content:end;box-sizing:border-box; padding-top:calc(var(--T) - round(nearest,calc(var(--T) / 2 - var(--sfe-z,calc(.5cap - var(--ik)))),var(--dp,1px)) - round(up,1cap,var(--dp,1px))); padding-bottom:round(nearest,calc(var(--T) / 2 - var(--sfe-z,calc(.5cap - var(--ik)))),var(--dp,1px))} #__SFE_TOC_STACK__ .sfe-toc-card .sfe-list .sfe-li .sfe-li-t{ --T:round(nearest,1lh,var(--dp,1px));--ik:-.025em;text-box:trim-both cap alphabetic;min-height:var(--T);align-content:end;box-sizing:border-box; padding-top:calc(var(--T) - round(nearest,calc(var(--T) / 2 - var(--sfe-z,calc(.5cap - var(--ik)))),var(--dp,1px)) - round(up,1cap,var(--dp,1px)))!important; padding-bottom:round(nearest,calc(var(--T) / 2 - var(--sfe-z,calc(.5cap - var(--ik)))),var(--dp,1px))!important} } /* SFE_TRIM_V1 END */ /* SFE_INFOBOX_V1 START */ /*SFE_CONTENT_SQUARE_V1*/ .sfe-main .sfe-article blockquote { border-left-width: 4px !important; padding-left: 3.1rem !important; } .sfe-main .sfe-article blockquote::before { left: 1rem !important; font-size: 20px !important; margin-top: -10px !important; color: #607d8b !important; } .sfe-main .sfe-article blockquote.is-info::before { color: #64b5f6 !important; } .sfe-main .sfe-article blockquote.is-success::before { color: #81c784 !important; } .sfe-main .sfe-article blockquote.is-warning::before { color: #ffb74d !important; } .sfe-main .sfe-article blockquote.is-danger::before { color: #e57373 !important; } /* SFE_INFOBOX_V1 END */ /* SFE_HOME_V3_CSS START */ /*SFE_HOME_V3_JS SFE_SHOWCASE_V1 SFE_PAGE_MARKS_V1*/ .sfe-home-showcase #sfe-app .sfe-main-in > .sfe-title-box.sfe-title-box.sfe-title-box:has(.sfe-title), .sfe-home-showcase #sfe-app .sfe-main-in > .sfe-title-box:has(.sfe-title) + hr.sfe-line.sfe-line.sfe-line, .sfe-home-showcase #sfe-app .sfe-brand-card { display: none !important; } .sfe-home-showcase #sfe-app .sfe-main .sfe-article .sfe-v2-hero { margin-bottom: 0; } .sfe-ic { display: inline-block; flex: none; width: 22px; height: 22px; background-color: currentColor; -webkit-mask: no-repeat center / contain; mask: no-repeat center / contain; } .sfe-ic.i-sim { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='square'%3E%3Cpath d='M2.5 11c2-5.2 4.2-5.2 6.2 0s4.2 5.2 6.2 0 4.2-5.2 6.6 0'/%3E%3Cpath d='M3 20.5h18'/%3E%3Crect x='7.2' y='18.7' width='3.6' height='3.6' fill='%23000'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='square'%3E%3Cpath d='M2.5 11c2-5.2 4.2-5.2 6.2 0s4.2 5.2 6.2 0 4.2-5.2 6.6 0'/%3E%3Cpath d='M3 20.5h18'/%3E%3Crect x='7.2' y='18.7' width='3.6' height='3.6' fill='%23000'/%3E%3C/svg%3E"); } .sfe-ic.i-tree { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='square'%3E%3Crect x='9.7' y='2.7' width='4.6' height='4.6'/%3E%3Crect x='2.7' y='16.7' width='4.6' height='4.6'/%3E%3Crect x='9.7' y='16.7' width='4.6' height='4.6'/%3E%3Crect x='16.7' y='16.7' width='4.6' height='4.6'/%3E%3Cpath d='M12 7.3v9.4M12 11.5H5v5.2M12 11.5h7v5.2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='square'%3E%3Crect x='9.7' y='2.7' width='4.6' height='4.6'/%3E%3Crect x='2.7' y='16.7' width='4.6' height='4.6'/%3E%3Crect x='9.7' y='16.7' width='4.6' height='4.6'/%3E%3Crect x='16.7' y='16.7' width='4.6' height='4.6'/%3E%3Cpath d='M12 7.3v9.4M12 11.5H5v5.2M12 11.5h7v5.2'/%3E%3C/svg%3E"); } .sfe-ic.i-exam { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='square'%3E%3Cpath d='M17.5 11V3.5h-13v17h7'/%3E%3Cpath d='M7.5 8h7M7.5 11.5h7M7.5 15h3.5'/%3E%3Cpath d='M14 17.5l2.5 2.5 5-5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='square'%3E%3Cpath d='M17.5 11V3.5h-13v17h7'/%3E%3Cpath d='M7.5 8h7M7.5 11.5h7M7.5 15h3.5'/%3E%3Cpath d='M14 17.5l2.5 2.5 5-5'/%3E%3C/svg%3E"); } .sfe-ic.i-cal { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='square'%3E%3Crect x='3.5' y='5' width='17' height='15.5'/%3E%3Cpath d='M3.5 10h17M8 2.8v4.4M16 2.8v4.4'/%3E%3Cpath d='M8 14h2M11 14h2M14 14h2M8 17h2M11 17h2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='square'%3E%3Crect x='3.5' y='5' width='17' height='15.5'/%3E%3Cpath d='M3.5 10h17M8 2.8v4.4M16 2.8v4.4'/%3E%3Cpath d='M8 14h2M11 14h2M14 14h2M8 17h2M11 17h2'/%3E%3C/svg%3E"); } .sfe-ic.i-compass { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M15.6 8.4l-2 5.2-5.2 2 2-5.2z' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M15.6 8.4l-2 5.2-5.2 2 2-5.2z' stroke-linejoin='round'/%3E%3C/svg%3E"); } .sfe-ic.i-chat { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='square'%3E%3Cpath d='M3.5 4.5h17v11.5h-10l-4.5 4v-4h-2.5z'/%3E%3Cpath d='M8 10.3h.01M12 10.3h.01M16 10.3h.01' stroke-width='2.6'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='square'%3E%3Cpath d='M3.5 4.5h17v11.5h-10l-4.5 4v-4h-2.5z'/%3E%3Cpath d='M8 10.3h.01M12 10.3h.01M16 10.3h.01' stroke-width='2.6'/%3E%3C/svg%3E"); } .sfe-ic.i-mail { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='square'%3E%3Crect x='3' y='5' width='18' height='14'/%3E%3Cpath d='M3.5 6l8.5 7 8.5-7'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='square'%3E%3Crect x='3' y='5' width='18' height='14'/%3E%3Cpath d='M3.5 6l8.5 7 8.5-7'/%3E%3C/svg%3E"); } .sfe-ic.i-ext { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='square'%3E%3Cpath d='M14 4h6v6M20 4l-9 9'/%3E%3Cpath d='M18 14v6H4V6h6'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='square'%3E%3Cpath d='M14 4h6v6M20 4l-9 9'/%3E%3Cpath d='M18 14v6H4V6h6'/%3E%3C/svg%3E"); } .sfe-ic.i-grid { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M4 4h7v7H4z M13 4h7v7h-7z M4 13h7v7H4z M13 13h7v7h-7z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M4 4h7v7H4z M13 4h7v7h-7z M4 13h7v7H4z M13 13h7v7h-7z'/%3E%3C/svg%3E"); } .sfe-ic.i-map { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M9 4 3 6.5v13.5l6-2.5 6 2.5 6-2.5V4l-6 2.5z M9 4v13.5 M15 6.5V20'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M9 4 3 6.5v13.5l6-2.5 6 2.5 6-2.5V4l-6 2.5z M9 4v13.5 M15 6.5V20'/%3E%3C/svg%3E"); } /*SFE_PAGE_MARKS_V1 SFE_V2_MAIN_CSS*/ .sfe-main .sfe-article > div:has(> #sfe-showcase) { container: sfe-home / inline-size; } .sfe-hero-cap { display: grid; grid-template-columns: minmax(0,1fr); grid-template-areas: "h" "s" "a" "t"; row-gap: 4px; padding: 18px 22px 16px; border: 1px solid var(--c); border-top: 0; background: #fff; } .sfe-hero-cap .cap-copy { display: contents; } .sfe-main .sfe-article .sfe-hero-cap p { margin: 0; } .sfe-hero-cap .cap-h { grid-area: h; font-size: 23px; font-weight: 700; color: #45331d; letter-spacing: -.02em; line-height: 1.35; text-wrap: balance; } .sfe-hero-cap .cap-h em { font-style: normal; color: var(--c); background: linear-gradient(transparent 64%, rgba(var(--c-rgb), .16) 64%); } .sfe-hero-cap .cap-s { grid-area: s; font-size: 14px; color: #6f625a; line-height: 1.6; text-wrap: balance; } .sfe-main .sfe-article .sfe-hero-cap .cap-tour { grid-area: t; justify-self: center; display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; padding: 6px 11px; border-width: 1px; border-style: solid; font: 700 12.8px/1.4 var(--ff-ui); cursor: pointer; transition: background .2s, scale .1s cubic-bezier(.4,0,.2,1); } .sfe-hero-cap .cap-tour .sfe-ic { width: 16px; height: 16px; color: inherit; } .sfe-hero-cap .cap-tour .lab::after { content: "→"; margin-left: 6px; } .sfe-main .sfe-article .sfe-hero-cap .cap-tour:hover { } .cap-cards { grid-area: a; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; } .sfe-main .sfe-article a.cap-card { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-width: 1px; border-style: solid; text-decoration: none !important; transition: background .15s, color .15s, scale .1s cubic-bezier(.4,0,.2,1); } .sfe-main .sfe-article a.cap-card:hover { } .sfe-main .sfe-article a.cap-card.pri { } .cap-card > .sfe-ic { width: 26px; height: 26px; color: inherit; } .cap-card .tx { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .cap-card .tx b { font-size: 15px; font-weight: 700; } .cap-card .tx > span { font-size: 12.8px; font-weight: 400; color: inherit; opacity: .8; text-wrap: balance; } .cap-card .ar { margin-left: auto; font-weight: 700; } .cap-card .tx b, .cap-card .tx > span { display: block; text-box: trim-both cap alphabetic; } @supports (text-box: trim-both cap alphabetic) { .cap-card .tx { gap: 8px; } .sfe-main .sfe-article a.cap-card { padding-top: 23px; padding-bottom: 21px; } } @container sfe-home (max-width: 568px) { .cap-cards { grid-template-columns: 1fr; } } @container sfe-home (max-width: 728px) { .sfe-hero-cap { row-gap: 6px; padding: 16px 16px 14px; } .sfe-hero-cap .cap-h { font-size: 20px; } } @supports not ((container-type: inline-size) and selector(:has(> *))) { @media (max-width: 600px) { .cap-cards { grid-template-columns: 1fr; } } @media (max-width: 760px) { .sfe-hero-cap { row-gap: 6px; padding: 16px 16px 14px; } .sfe-hero-cap .cap-h { font-size: 20px; } } } /*SFE_EXAM_V1 SFE_BTNLAB_V1*/ .sfe-hero-cap .cap-tour .lab { display: block; text-box: trim-both cap alphabetic; } @supports (text-box: trim-both cap alphabetic) { .sfe-main .sfe-article .sfe-hero-cap .cap-tour { --ik: -.01em; --H: round(nearest, 32px, var(--dp, 1px)); height: var(--H); position: relative; border-width: 0; align-items: flex-end; padding-top: 0; padding-bottom: round(nearest, calc(var(--H) / 2 - var(--sfe-z,calc(.5cap - var(--ik)))), var(--dp, 1px)); padding-left: 12px; padding-right: 12px; } .sfe-main .sfe-article .sfe-hero-cap .cap-tour::before { content: ""; position: absolute; inset: 0; border: 1px solid; border-color: inherit; pointer-events: none; } .sfe-hero-cap .cap-tour .sfe-ic { align-self: flex-start; margin-top: round(nearest, calc((var(--H) - 16px) / 2), var(--dp, 1px)); } } .sfe-showcase { margin: 16px 0 6px; position: relative; padding: 16px 16px 14px; background: #f7f3ee; border: 1px solid var(--line); container: sfe-sc / inline-size; } .sfe-home-strengths { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 0; margin: 0; } .sfe-main .sfe-article a.sfe-hs { position: relative; display: flex; flex-direction: column; gap: 8px; padding: 15px 16px 14px; background: transparent; border: 0; border-left: 1px solid var(--line); color: #45331d !important; text-decoration: none !important; transition: background .2s; } .sfe-main .sfe-article a.sfe-hs:first-child { border-left: 0; } .sfe-main .sfe-article a.sfe-hs:hover { background: rgba(var(--c-rgb), .05); } .sfe-hs .hd { display: flex; align-items: center; gap: 7px; } .sfe-hs .sfe-ic { color: var(--c); } .sfe-hs .lb { font-size: 12.8px; font-weight: 700; color: #6f625a; letter-spacing: .02em; } .sfe-hs .bdg, .sfe-newsims .bdg { font-size: 11px; font-weight: 700; line-height: 1; padding: 4px 7px; color: #fff; background: #45331d; } .sfe-hs .bdg { margin-left: auto; } .sfe-hs .bdg.sfe-nw, .sfe-newsims .bdg { background: var(--c-surf); } .sfe-hs .bdg.sfe-nw { visibility: hidden; white-space: nowrap; } .sfe-hs .bdg.sfe-nw.in { visibility: visible; animation: sfeNwRise .52s cubic-bezier(.16, 1, .3, 1) both; } @keyframes sfeNwRise { from { opacity: 0; transform: translateY(.5em); } to { opacity: 1; transform: none; } } @media (prefers-reduced-motion: reduce) { .sfe-hs .bdg.sfe-nw.in { animation: none; } } .sfe-hs .num { display: flex; align-items: baseline; gap: 4px; line-height: 1; margin-top: 2px; } .sfe-hs .num b { font-size: 36px; font-weight: 700; letter-spacing: -.03em; font-variant-numeric: tabular-nums; background: linear-gradient(90deg, var(--g1, var(--s-math)), var(--g2, var(--s-earth))); -webkit-background-clip: text; background-clip: text; color: transparent; } .sfe-hs .num small { font-size: 13px; font-weight: 700; color: #6f625a; } .sfe-hs .d { font-size: 13.5px; font-weight: 400; color: #45331d; line-height: 1.5; text-wrap: balance; } .sfe-hs .go { margin-top: auto; font-size: 12.8px; font-weight: 700; color: var(--c-dark); } /*SFE_HOME_V3_JS*/ /*SFE_HOME_V3_JS*/ .sfe-hs .num b { font-family: KaTeX_Main, "Times New Roman", serif; font-weight: 400; font-size: calc(36px * 1.103); letter-spacing: 0; } .sfe-hs .num b .odn { position: relative; display: inline-block; line-height: 1; } .sfe-hs .num b .odp { visibility: hidden; } .sfe-hs .num b .odr { position: absolute; inset: 0; display: flex; overflow: hidden; } .sfe-hs .num b .odc { display: block; transition: transform 1.5s cubic-bezier(.16, 1, .3, 1); will-change: transform; } .sfe-hs .num b .odd { display: block; height: 1em; line-height: 1; text-align: center; -webkit-text-fill-color: currentColor; } @container sfe-sc (max-width: 766px) { .sfe-home-strengths { grid-template-columns: repeat(2, minmax(0,1fr)); } .sfe-main .sfe-article a.sfe-hs:nth-child(3) { border-left: 0; } .sfe-main .sfe-article a.sfe-hs:nth-child(n+3) { border-top: 1px solid var(--line); } } @container sfe-sc (max-width: 534px) { .sfe-main .sfe-article a.sfe-hs { padding: 12px 12px 11px; gap: 6px; } .sfe-hs .sfe-ic { width: 20px; height: 20px; } .sfe-hs .num b { font-size: calc(28px * 1.103); } .sfe-hs .d { font-size: 12.5px; } .sfe-hs .bdg { font-size: 10.5px; padding: 3px 5px; } } @supports not (container-type: inline-size) { @media (max-width: 1000px) { .sfe-home-strengths { grid-template-columns: repeat(2, minmax(0,1fr)); } .sfe-main .sfe-article a.sfe-hs:nth-child(3) { border-left: 0; } .sfe-main .sfe-article a.sfe-hs:nth-child(n+3) { border-top: 1px solid var(--line); } } @media (max-width: 600px) { .sfe-main .sfe-article a.sfe-hs { padding: 12px 12px 11px; gap: 6px; } .sfe-hs .sfe-ic { width: 20px; height: 20px; } .sfe-hs .num b { font-size: calc(28px * 1.103); } .sfe-hs .d { font-size: 12.5px; } .sfe-hs .bdg { font-size: 10.5px; padding: 3px 5px; } } } @supports (text-box: trim-both cap alphabetic) { .sfe-hs .bdg, .sfe-newsims .bdg { --ik: -.0375em; --H: round(nearest, 20px, var(--dp, 1px)); --P: round(nearest, calc(var(--H) / 2 - var(--sfe-z,calc(.5cap - var(--ik)))), var(--dp, 1px)); text-box: trim-both cap alphabetic; line-height: 1; height: var(--H); box-sizing: border-box; align-content: end; padding-top: calc(var(--H) - var(--P) - round(up, 1cap, var(--dp, 1px))); padding-bottom: var(--P); } .sfe-hs .bdg.sfe-nw, .sfe-newsims .bdg { --ik: 0em; } } .sfe-simhead { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin: 14px 2px 8px; font-size: 12.8px; color: #8a7b70; } .sfe-simhead b { display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 700; color: #45331d; } .sfe-simhead b::before { content: ""; width: 7px; height: 7px; background: #e0443a; box-shadow: 0 0 0 3px rgba(224,68,58,.2); animation: sfeLive 1.6s ease-in-out infinite; } @keyframes sfeLive { 50% { opacity: .3; } } @media (prefers-reduced-motion: reduce) { .sfe-simhead b::before { animation: none; } } .sfe-simrow { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; } .sfe-simstrip { display: contents; } .sfe-newsims { margin: 12px 2px 0; } .sfe-newsims .h { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; } .sfe-newsims .h b { font-size: 13.5px; font-weight: 700; color: #45331d; } .sfe-newsims .h small { font-size: 12.8px; font-weight: 400; color: #8a7b70; } .sfe-newsims .chips { display: flex; flex-wrap: wrap; gap: 6px; } .sfe-main .sfe-article .sfe-newsims a.chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-width: 1px; border-style: solid; font-size: 12.8px; font-weight: 700; line-height: 1.2; text-decoration: none !important; white-space: nowrap; } .sfe-main .sfe-article .sfe-newsims a.chip.ci { padding: 4px 10px 4px 5px; } .sfe-main .sfe-article .sfe-newsims a.chip:hover { } @container sfe-sc (max-width: 694px) { .sfe-newsims .chips { flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 4px; } .sfe-main .sfe-article .sfe-newsims a.chip { scroll-snap-align: start; } } @supports not (container-type: inline-size) { @media (max-width: 760px) { .sfe-newsims .chips { flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 4px; } .sfe-main .sfe-article .sfe-newsims a.chip { scroll-snap-align: start; } } } .sfe-main .sfe-article a.sfe-st { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; background: #0c0d12; border: 1px solid var(--sc, rgba(255,255,255,.14)); text-decoration: none !important; color: #fff !important; isolation: isolate; transition: box-shadow .2s; } .sfe-main .sfe-article a.sfe-st.big { grid-column: span 2; grid-row: span 2; aspect-ratio: auto; } .sfe-main .sfe-article a.sfe-st:hover { box-shadow: var(--glow-lift); } .sfe-st iframe { position: absolute; left: 0; top: 0; width: 660px !important; height: 700px !important; border: 0; transform-origin: 0 0; pointer-events: none; background: transparent; } .sfe-main .sfe-article a.sfe-st[data-bg="light"] { background: #fff; } html.sfe-reveal-armed .sfe-article .sfe-st iframe { opacity: 1 !important; transition: none !important; } .sfe-st .lab { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; display: flex; align-items: center; gap: 8px; padding: 28px 10px 8px; background: linear-gradient(transparent, rgba(10,8,6,.72)); } .sfe-st .si, .sfe-simmodal .hd .si { flex: none; position: relative; width: 40px; height: 40px; } .sfe-st .si::before, .sfe-simmodal .hd .si::before { content: ""; position: absolute; inset: 0; background-color: var(--sc, var(--c)); } .sfe-st .si::after, .sfe-simmodal .hd .si::after { content: ""; position: absolute; left: 50%; top: 50%; width: var(--iw); height: var(--iw); transform: translate(calc(-50% + var(--ix, 0px)), calc(-50% + var(--iy, 0px))); background-repeat: no-repeat; background-position: center; background-size: contain; } .sfe-st[data-subj="수학"] .si, .sfe-simmodal .si[data-subj="수학"] { --iw: 18.40px; --ix: 1.32px; --iy: 0.00px; } .sfe-st[data-subj="수학"] .si::before, .sfe-simmodal .si[data-subj="수학"]::before { clip-path: polygon(4.38px 6.14px, 35.62px 6.14px, 35.62px 33.86px, 4.38px 33.86px, 10.39px 20.00px); } .sfe-st[data-subj="수학"] .si::after, .sfe-simmodal .si[data-subj="수학"]::after { background-image: url("/디자인/아이콘/수학.png"); clip-path: polygon(-7.74px -4.66px, 23.50px -4.66px, 23.50px 23.06px, -7.74px 23.06px, -1.73px 9.20px); } .sfe-st[data-subj="물리학"] .si, .sfe-simmodal .si[data-subj="물리학"] { --iw: 18.82px; --ix: 0.00px; --iy: 0.00px; } .sfe-st[data-subj="물리학"] .si::before, .sfe-simmodal .si[data-subj="물리학"]::before { clip-path: polygon(6.02px 6.02px, 33.98px 6.02px, 33.98px 33.98px, 6.02px 33.98px); } .sfe-st[data-subj="물리학"] .si::after, .sfe-simmodal .si[data-subj="물리학"]::after { background-image: url("/디자인/아이콘/물리학.png"); clip-path: polygon(-4.58px -4.58px, 23.39px -4.58px, 23.39px 23.39px, -4.58px 23.39px); } .sfe-st[data-subj="화학"] .si, .sfe-simmodal .si[data-subj="화학"] { --iw: 22.72px; --ix: -0.00px; --iy: 0.00px; } .sfe-st[data-subj="화학"] .si::before, .sfe-simmodal .si[data-subj="화학"]::before { clip-path: polygon(20.00px 3.04px, 34.69px 11.52px, 34.69px 28.48px, 20.00px 36.96px, 5.31px 28.48px, 5.31px 11.52px); } .sfe-st[data-subj="화학"] .si::after, .sfe-simmodal .si[data-subj="화학"]::after { background-image: url("/디자인/아이콘/화학.png"); clip-path: polygon(11.36px -5.60px, 26.05px 2.88px, 26.05px 19.84px, 11.36px 28.32px, -3.33px 19.84px, -3.33px 2.88px); } .sfe-st[data-subj="생명과학"] .si, .sfe-simmodal .si[data-subj="생명과학"] { --iw: 22.72px; --ix: 0.00px; --iy: 0.00px; } .sfe-st[data-subj="생명과학"] .si::before, .sfe-simmodal .si[data-subj="생명과학"]::before { clip-path: circle(16.00px at 50% 50%); } .sfe-st[data-subj="생명과학"] .si::after, .sfe-simmodal .si[data-subj="생명과학"]::after { background-image: url("/디자인/아이콘/생명과학.png"); clip-path: circle(16.00px at 11.36px 11.36px); } .sfe-st[data-subj="지구과학"] .si, .sfe-simmodal .si[data-subj="지구과학"] { --iw: 25.28px; --ix: 0.00px; --iy: 2.36px; } .sfe-st[data-subj="지구과학"] .si::before, .sfe-simmodal .si[data-subj="지구과학"]::before { clip-path: polygon(20.00px 3.31px, 39.27px 36.69px, 0.73px 36.69px); } .sfe-st[data-subj="지구과학"] .si::after, .sfe-simmodal .si[data-subj="지구과학"]::after { background-image: url("/디자인/아이콘/지구과학.png"); clip-path: polygon(12.64px -6.41px, 31.91px 26.97px, -6.63px 26.97px); } .sfe-st .si { filter: drop-shadow(0 0 2px var(--sc)) drop-shadow(0 0 5px var(--sc)); animation: sfeSiBreath 2.4s ease-in-out infinite; } @keyframes sfeSiBreath { 50% { filter: drop-shadow(0 0 5px var(--sc)) drop-shadow(0 0 14px var(--sc)); } } @media (prefers-reduced-motion: reduce) { .sfe-st .si { animation: none; } } .sfe-st .tx { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; } .sfe-st .tx b { font-size: 13px; font-weight: 700; line-height: 1.25; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.5); } .sfe-st .tx i { font-style: normal; font-size: 11px; font-weight: 700; line-height: 1.2; color: rgba(255,255,255,.82); text-shadow: 0 1px 2px rgba(0,0,0,.5); } .sfe-st.big .lab { padding: 36px 14px 12px; } .sfe-st.big .tx b { font-size: 16.5px; } .sfe-st.big .tx i { font-size: 12.3px; } .sfe-st .try { position: absolute; top: 10px; right: 10px; z-index: 2; font-size: 11.5px; font-weight: 700; color: #fff; background: rgba(10,8,6,.6); padding: 4px 8px; opacity: 0; transition: opacity .2s; } .sfe-st:hover .try { opacity: 1; } @container sfe-sc (max-width: 694px) { .sfe-simrow { display: block; } .sfe-main .sfe-article a.sfe-st.big { aspect-ratio: 16 / 10; } .sfe-simstrip { display: flex; gap: 8px; margin-top: 8px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 4px; } .sfe-main .sfe-article .sfe-simstrip a.sfe-st { flex: 0 0 46%; scroll-snap-align: start; } .sfe-simhead span { display: none; } } @supports not (container-type: inline-size) { @media (max-width: 760px) { .sfe-simrow { display: block; } .sfe-main .sfe-article a.sfe-st.big { aspect-ratio: 16 / 10; } .sfe-simstrip { display: flex; gap: 8px; margin-top: 8px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 4px; } .sfe-main .sfe-article .sfe-simstrip a.sfe-st { flex: 0 0 46%; scroll-snap-align: start; } .sfe-simhead span { display: none; } } } .sfe-simmodal { position: fixed; inset: 0; z-index: 10500; display: flex; align-items: center; justify-content: center; } .sfe-simmodal[hidden] { display: none; } .sfe-simmodal .bk { animation: sfeSimBkIn .22s ease-out; } .sfe-simmodal .pn { animation: sfeSimPnIn .22s cubic-bezier(.21,1,.73,1); } .sfe-simmodal.out .bk { opacity: 0; transition: opacity .14s ease-in; } .sfe-simmodal.out .pn { opacity: 0; transform: translateY(8px) scale(.98); transition: opacity .14s ease-in, transform .14s ease-in; } @keyframes sfeSimBkIn { from { opacity: 0; } } @keyframes sfeSimPnIn { from { opacity: 0; transform: translateY(12px) scale(.95); } } @media (prefers-reduced-motion: reduce) { .sfe-simmodal .bk, .sfe-simmodal .pn { animation: none; } .sfe-simmodal.out .bk, .sfe-simmodal.out .pn { transition: none; } } .sfe-simmodal .bk { position: absolute; inset: 0; background: rgba(30,22,16,.5); } .sfe-simmodal .pn { position: relative; width: min(820px, 94vw); max-height: 90vh; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line); box-shadow: var(--glow-lift); } .sfe-simmodal .hd { display: flex; align-items: center; gap: 10px; padding: 10px 10px 10px 16px; border-bottom: 1px solid var(--line); } .sfe-simmodal .hd .t { font-size: 15.5px; font-weight: 700; color: #45331d; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sfe-simmodal .hd .sj { font-style: normal; font-size: 12.8px; font-weight: 700; color: #fff; background: var(--sd, var(--c)); padding: 2px 7px; } .sfe-simmodal .hd .go { margin-left: auto; flex: none; white-space: nowrap; font-size: 12.8px; font-weight: 700; color: var(--c-dark); text-decoration: none; } .sfe-simmodal .hd .x { width: 34px; height: 34px; border: 1px solid var(--line); background: #fff; font-size: 15px; color: #6f625a; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; padding: 0; } /*SFE_SITEFONT_V1*/ .sfe-simmodal .bd { overflow: auto; } .sfe-simmodal .bd iframe { display: block; width: 100%; height: 70vh; border: 0; } @media (max-width: 600px) { .sfe-simmodal .hd .sj { display: none; } .sfe-simmodal .pn { width: 100vw; max-height: 100vh; } } a.sfe-v2-card .sfe-v2-cnt { font-size: 11.5px; font-weight: 700; line-height: 1.3; opacity: .95; margin-top: 2px; padding-top: 8px; border-top: 1px solid rgba(255,255,255,.35); } a.sfe-v2-card .sfe-v2-cnt i { font-style: normal; } a.sfe-v2-card .sfe-v2-cnt i + i::before { content: " · "; } .sfe-main .sfe-article a.sfe-v2-card:has(.sfe-v2-cnt) { padding: 62px 12px 44px; } a.sfe-v2-card > .sfe-nwtab { position: absolute; z-index: 3; top: 0; right: 0; font-style: normal; font-size: 10.5px; font-weight: 700; line-height: 1; letter-spacing: .02em; padding: 4px 5px; color: var(--sd, var(--c-dark)); background: rgba(255,255,255,.85); white-space: nowrap; } @supports (text-box: trim-both cap alphabetic) { a.sfe-v2-card > .sfe-nwtab { --ik: 0em; --H: round(nearest, 18px, var(--dp, 1px)); --P: round(nearest, calc(var(--H) / 2 - var(--sfe-z,calc(.5cap - var(--ik)))), var(--dp, 1px)); text-box: trim-both cap alphabetic; height: var(--H); box-sizing: border-box; align-content: end; padding-top: calc(var(--H) - var(--P) - round(up, 1cap, var(--dp, 1px))); padding-bottom: var(--P); } } @container sfe-home (max-width: 588px) { .sfe-main .sfe-article .sfe-v2-subjects { grid-template-columns: 1fr; gap: 8px; } .sfe-main .sfe-article a.sfe-v2-card { display: grid; grid-template-columns: 46px minmax(0,1fr) auto; grid-template-rows: auto auto; column-gap: 14px; row-gap: 3px; align-items: center; justify-items: start; padding: 14px 16px 14px 14px !important; } a.sfe-v2-card img { grid-row: 1 / 3; grid-column: 1; height: 46px !important; width: 46px; max-width: none; } a.sfe-v2-card .sfe-v2-nm { grid-column: 2; grid-row: 1; font-size: 16.5px; align-self: end; } a.sfe-v2-card .sfe-v2-ct { grid-column: 2; grid-row: 2; margin-top: 0 !important; align-self: start; } a.sfe-v2-card .sfe-v2-cnt { grid-column: 3; grid-row: 1 / 3; margin: 0; padding: 0 0 0 12px; border-top: 0; border-left: 1px solid rgba(255,255,255,.35); text-align: right; justify-self: end; } a.sfe-v2-card .sfe-v2-cnt i { display: block; } a.sfe-v2-card .sfe-v2-cnt i + i::before { content: none; } } @supports not ((container-type: inline-size) and selector(:has(> *))) { @media (max-width: 620px) { .sfe-main .sfe-article .sfe-v2-subjects { grid-template-columns: 1fr; gap: 8px; } .sfe-main .sfe-article a.sfe-v2-card { display: grid; grid-template-columns: 46px minmax(0,1fr) auto; grid-template-rows: auto auto; column-gap: 14px; row-gap: 3px; align-items: center; justify-items: start; padding: 14px 16px 14px 14px !important; } a.sfe-v2-card img { grid-row: 1 / 3; grid-column: 1; height: 46px !important; width: 46px; max-width: none; } a.sfe-v2-card .sfe-v2-nm { grid-column: 2; grid-row: 1; font-size: 16.5px; align-self: end; } a.sfe-v2-card .sfe-v2-ct { grid-column: 2; grid-row: 2; margin-top: 0 !important; align-self: start; } a.sfe-v2-card .sfe-v2-cnt { grid-column: 3; grid-row: 1 / 3; margin: 0; padding: 0 0 0 12px; border-top: 0; border-left: 1px solid rgba(255,255,255,.35); text-align: right; justify-self: end; } a.sfe-v2-card .sfe-v2-cnt i { display: block; } a.sfe-v2-card .sfe-v2-cnt i + i::before { content: none; } } } .sfe-welcome { display: grid; grid-template-columns: minmax(0, 40%) minmax(0, 1fr); gap: 4px 26px; align-items: center; margin-top: 14px; } .sfe-welcome > .sfe-scrollable { margin: 0 !important; width: 100%; } .sfe-wtext { grid-column: 2; } .sfe-welcome > .sfe-scrollable img { width: 100% !important; height: auto !important; } .sfe-main .sfe-article .sfe-wtext > p { margin: 0 !important; } .sfe-main .sfe-article .sfe-wtext > p:first-child { padding-top: 0 !important; } @container sfe-home (max-width: 812px) { .sfe-welcome { grid-template-columns: 1fr; } .sfe-welcome > .sfe-scrollable { width: 100%; max-width: 600px; margin: 0 auto 12px !important; } .sfe-wtext { grid-column: auto; } } @supports not ((container-type: inline-size) and selector(:has(> *))) { @media (max-width: 1100px) { .sfe-welcome { grid-template-columns: 1fr; } .sfe-welcome > .sfe-scrollable { width: 100%; max-width: 600px; margin: 0 auto 12px !important; } .sfe-wtext { grid-column: auto; } } } .sfe-contact { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 16px 0 4px; } .sfe-main .sfe-article a.sfe-ct { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-width: 1px; border-style: solid; text-decoration: none !important; font-weight: 400; transition: background .15s, color .15s, scale .1s cubic-bezier(.4,0,.2,1); } .sfe-main .sfe-article a.sfe-ct:hover { } .sfe-ct > .sfe-ic { width: 26px; height: 26px; color: inherit; } .sfe-ct .tx { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .sfe-ct .tx b { font-size: 12.8px; font-weight: 700; } .sfe-ct .tx span { font-size: 15px; font-weight: 700; overflow-wrap: anywhere; } .sfe-ct .sfe-ic.i-ext { width: 15px; height: 15px; margin-left: auto; color: #a39388; } .sfe-main .sfe-article a.sfe-ct.sfe-ln-out { padding-right: 16px; } .sfe-main .sfe-article a.sfe-ct.sfe-ln-out::after { display: none; } @container sfe-home (max-width: 568px) { .sfe-contact { grid-template-columns: 1fr; } } @supports not ((container-type: inline-size) and selector(:has(> *))) { @media (max-width: 600px) { .sfe-contact { grid-template-columns: 1fr; } } } /*SFE_PALETTE_V1*/ .sfe-showcase--subj { background: var(--section-bg); --g1: var(--c); --g2: var(--c-dark); } .sfe-showcase--subj .sfe-hs .lb { color: var(--c-dark); text-wrap: balance; } .sfe-showcase--subj .sfe-hs .bdg { background: var(--c-surf); white-space: nowrap; } .sfe-showcase--subj .sfe-simhead b::before { background: var(--c-surf); box-shadow: 0 0 0 3px rgba(var(--c-rgb), .2); } @supports (grid-template-rows: subgrid) { .sfe-main .sfe-article .sfe-showcase--subj a.sfe-hs { display: grid; grid-row: span 4; grid-template-rows: subgrid; row-gap: 8px; align-content: start; } .sfe-showcase--subj .sfe-hs .go { align-self: end; } @container sfe-sc (max-width: 534px) { .sfe-main .sfe-article .sfe-showcase--subj a.sfe-hs { row-gap: 6px; } } @supports not (container-type: inline-size) { @media (max-width: 600px) { .sfe-main .sfe-article .sfe-showcase--subj a.sfe-hs { row-gap: 6px; } } } } .sfe-showcase--subj .sfe-st .tx i { display: none; } .sfe-showcase--subj .sfe-st .tx b { text-wrap: balance; } .sfe-main .sfe-article a.sfe-st.empty { cursor: default; } .sfe-main .sfe-article a.sfe-st.empty:hover { box-shadow: none; } /* SFE_HOME_V3_CSS END */ /* SFE_NAV_SUBJICON_V1 START */ /*SFE_NAVCHIP_V1*/ .sfe-drawer .sfe-list--dense.sfe-list a.sfe-li:is([href="/ko/수학"],[href^="/ko/수학/"]) .sfe-icn--ui::before{-webkit-mask:none;mask:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.66 2.75C16.68 2.6 16.93 2.04 16.81 1.84C16.69 1.65 16.22 1.56 15.93 1.58C15.63 1.61 15.28 1.78 15.04 2C14.8 2.22 14.64 2.61 14.5 2.91C14.35 3.21 14.26 3.52 14.16 3.82C14.05 4.12 13.96 4.43 13.87 4.73C13.78 5.03 13.69 5.34 13.61 5.64C13.53 5.94 13.45 6.25 13.38 6.55C13.31 6.85 13.26 7.16 13.2 7.46C13.13 7.76 13.05 8.07 12.99 8.37C12.92 8.68 12.87 8.98 12.81 9.28C12.75 9.59 12.69 9.89 12.62 10.19C12.56 10.5 12.48 10.8 12.42 11.1C12.35 11.41 12.29 11.71 12.23 12.01C12.17 12.32 12.11 12.62 12.05 12.92C12 13.23 11.96 13.53 11.9 13.83C11.84 14.14 11.75 14.44 11.69 14.74C11.62 15.05 11.57 15.35 11.51 15.65C11.45 15.96 11.39 16.26 11.32 16.56C11.25 16.87 11.17 17.17 11.09 17.48C11.01 17.78 10.94 18.08 10.86 18.39C10.77 18.69 10.7 18.99 10.6 19.3C10.5 19.6 10.38 19.9 10.26 20.21C10.13 20.51 10.02 20.82 9.84 21.12C9.66 21.42 9.45 21.79 9.19 22C8.93 22.21 8.58 22.36 8.28 22.39C7.98 22.43 7.57 22.38 7.37 22.21C7.17 22.04 7.1 21.55 7.08 21.38C7.07 21.2 7.26 21.18 7.29 21.14'/%3E%3Ccircle cx='16.68' cy='2.73' r='1.17' fill='%23fff' stroke='none'/%3E%3Ccircle cx='7.27' cy='21.12' r='1.17' fill='%23fff' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat} .sfe-drawer .sfe-list--dense.sfe-list a.sfe-li:is([href="/ko/물리학"],[href^="/ko/물리학/"]) .sfe-icn--ui::before{-webkit-mask:none;mask:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='fl' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='fr' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='6.56' y='21.32' width='3.32' height='2.07' fill='url(%23fl)' stroke='none'/%3E%3Crect x='12.91' y='13.61' width='4.53' height='2.06' fill='url(%23fr)' stroke='none'/%3E%3Cpath d='M8.29 8.89L8.29 18.02'/%3E%3Cpath d='M15.07 8.89L15.07 15.66'/%3E%3Ccircle cx='11.68' cy='8.89' r='3.39'/%3E%3Cpath d='M11.68 1.52L11.68 8.89'/%3E%3Ccircle cx='11.68' cy='8.89' r='1.27' fill='%23fff' stroke='none'/%3E%3Crect x='6.56' y='18.02' width='3.32' height='3.3' fill='%23fff' stroke='none'/%3E%3Crect x='12.91' y='15.66' width='4.53' height='4.53' fill='%23fff' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat} .sfe-drawer .sfe-list--dense.sfe-list a.sfe-li:is([href="/ko/화학"],[href^="/ko/화학/"]) .sfe-icn--ui::before{-webkit-mask:none;mask:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.41 12.9L14.77 20.52'/%3E%3Cpath d='M12.41 12.9L12.4 3.08'/%3E%3Cpath d='M12.41 12.9L3.48 16.19'/%3E%3Cpath d='M12.41 12.9L20.52 15.31'/%3E%3Ccircle cx='14.77' cy='20.52' r='2.48' fill='%23fff' stroke='none'/%3E%3Ccircle cx='12.4' cy='3.08' r='2.08' fill='%23fff' stroke='none'/%3E%3Ccircle cx='3.48' cy='16.19' r='2' fill='%23fff' stroke='none'/%3E%3Ccircle cx='20.52' cy='15.31' r='2' fill='%23fff' stroke='none'/%3E%3Ccircle cx='12.41' cy='12.9' r='3.61' fill='%23fff' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat} .sfe-drawer .sfe-list--dense.sfe-list a.sfe-li:is([href="/ko/생명과학"],[href^="/ko/생명과학/"]) .sfe-icn--ui::before{-webkit-mask:none;mask:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.51 20.28C1.56 20.04 1.69 19.34 1.82 18.89C1.95 18.43 2.09 17.98 2.27 17.55C2.45 17.12 2.65 16.69 2.88 16.29C3.12 15.88 3.39 15.49 3.7 15.13C4 14.77 4.34 14.43 4.71 14.14C5.07 13.84 5.47 13.59 5.88 13.36C6.29 13.14 6.74 12.96 7.18 12.8C7.62 12.64 8.08 12.51 8.53 12.41C8.99 12.3 9.46 12.23 9.92 12.15C10.39 12.08 11.03 12.22 11.33 11.97C11.64 11.73 11.62 11.13 11.75 10.69C11.87 10.25 11.95 9.77 12.07 9.32C12.2 8.87 12.33 8.4 12.51 7.97C12.68 7.53 12.88 7.11 13.12 6.7C13.36 6.3 13.63 5.91 13.93 5.55C14.24 5.19 14.58 4.85 14.94 4.55C15.31 4.26 15.72 4.02 16.13 3.8C16.55 3.57 16.98 3.38 17.41 3.22C17.85 3.06 18.31 2.95 18.77 2.84C19.23 2.73 19.74 2.61 20.16 2.57C20.58 2.52 21.09 2.57 21.28 2.57'/%3E%3Cpath d='M2.7 21.43C2.94 21.4 3.63 21.33 4.09 21.25C4.56 21.17 5.03 21.09 5.48 20.96C5.94 20.84 6.39 20.7 6.82 20.51C7.25 20.32 7.68 20.11 8.07 19.84C8.45 19.58 8.81 19.26 9.13 18.92C9.45 18.58 9.74 18.19 9.98 17.78C10.22 17.38 10.41 16.94 10.57 16.5C10.74 16.06 10.86 15.61 10.97 15.15C11.08 14.69 11.16 14.29 11.22 13.76C11.28 13.23 11.08 12.29 11.33 11.97C11.58 11.65 12.26 11.88 12.72 11.83C13.19 11.78 13.66 11.74 14.13 11.68C14.6 11.63 15.07 11.58 15.54 11.5C16 11.43 16.46 11.34 16.91 11.21C17.36 11.09 17.82 10.93 18.25 10.75C18.68 10.56 19.1 10.36 19.49 10.1C19.88 9.83 20.25 9.52 20.57 9.18C20.89 8.83 21.17 8.44 21.4 8.04C21.64 7.63 21.83 7.2 22 6.76C22.17 6.32 22.54 6.1 22.41 5.4C22.29 4.7 21.47 3.04 21.28 2.57'/%3E%3Cpath d='M1.51 20.28L2.7 21.43'/%3E%3Cpath d='M2.27 17.55L5.48 20.96'/%3E%3Cpath d='M3.7 15.13L8.07 19.84'/%3E%3Cpath d='M5.88 13.36L9.98 17.78'/%3E%3Cpath d='M8.53 12.41L10.97 15.15'/%3E%3Cpath d='M11.75 10.69L12.72 11.83'/%3E%3Cpath d='M12.51 7.97L15.54 11.5'/%3E%3Cpath d='M13.93 5.55L18.25 10.75'/%3E%3Cpath d='M16.13 3.8L20.57 9.18'/%3E%3Cpath d='M18.77 2.84L22 6.76'/%3E%3Cpath d='M20.16 2.57L22.41 5.4'/%3E%3C/svg%3E") center/contain no-repeat} .sfe-drawer .sfe-list--dense.sfe-list a.sfe-li:is([href="/ko/지구과학"],[href^="/ko/지구과학/"]) .sfe-icn--ui::before{-webkit-mask:none;mask:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M7 17.25L6.25 18.5L7.88 19.62L9 20.12L9.75 20.25L10 19.88L10.75 16.88L10.62 16.75L10.12 17L9.25 16.38L9 16.38L8.5 16.75L8.12 16.75ZM10.38 10.12L10.12 10.25L10 10.88L9.25 11.38L9.25 11.62L10.12 12.75L10.5 12.62L10.38 12.25L10.5 10.25ZM15.75 4.25L15.62 4.88L15.25 5.25L15.38 5.38L16.12 5.25L16.88 5.38L17.25 5.75L17.38 6.62L17.75 7L17.12 8.88L17.25 11.12L17.75 12.12L17.75 12.75L18.5 13.62L18.62 14.25L19.12 15L19 15.75L17.75 17.12L17.12 18.62L17.25 18.75L18.62 17.5L19.62 16L20 15.12L19.38 14.62L19.5 14.25L19.38 13.5L19.88 13.12L20 13.25L20.38 13.12L20.12 12.88L19.88 13L19.5 12.75L19.12 13L18.62 12.62L18.88 11.75L19.5 11.25L19.88 11.38L20.25 12L20.5 11.5L20.5 10.5L19.75 8.12L18.62 6.38L17 4.88ZM14 3.5L11.5 3.25L9 3.75L7.88 4.25L6.38 5.25L4.62 7.25L4.62 7.75L4.25 8.5L4.12 9.75L4.38 9.88L5.88 8.12L6.12 8L6.62 8.38L6.62 9.12L7.12 9.75L7.12 10.25L6.75 11L6.25 11.5L6.38 13.62L7.12 14.62L8.38 15.38L8.75 15.88L9 15.62L8.38 15.12L8.38 14.88L9.12 14.12L9.5 14L10 14.38L9.88 14.88L10.5 15.38L11 16.5L11.38 16L11.12 15L10.12 14.12L10.25 13.75L10.12 13.5L10 13.62L9.38 13.5L8.62 13.75L7.75 14.62L7.12 14.12L6.88 13.75L6.88 12.75L7.25 12.25L7.25 11.75L8.62 10.75L8.75 10.5L8.62 10L9.5 9.12L10.38 8.75L10.75 7.62L11.25 7.25L11.5 7.38L11.75 7.88L12 8L13 7.12L12.88 6.75L12.5 7.25L12.25 7.38L11.75 7L11.75 6.25L12.25 5.88L12.88 6.38L13.25 6L13 5.38L13.5 5L13.88 5.25L14 5.12L13.88 4.12L14.38 3.75Z' fill='%23fff' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat} .sfe-drawer .sfe-list--dense.sfe-list a.sfe-li:is([href="/ko/통합과학"],[href^="/ko/통합과학/"]) .sfe-icn--ui::before{-webkit-mask:none;mask:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11.93' cy='13.25' r='8.43'/%3E%3Cpath d='M12.14 13.02L12.14 4.82'/%3E%3Cpath d='M12.14 13.02L19.49 16.98'/%3E%3Cpath d='M12.14 13.02L4.51 17.26'/%3E%3Ccircle cx='12.14' cy='4.82' r='3.26' fill='%23fff' stroke='none'/%3E%3Ccircle cx='19.49' cy='16.98' r='3.26' fill='%23fff' stroke='none'/%3E%3Ccircle cx='4.51' cy='17.26' r='3.26' fill='%23fff' stroke='none'/%3E%3Ccircle cx='12.14' cy='13.02' r='3.26' fill='%23fff' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat} .sfe-drawer .sfe-list--dense.sfe-list .sfe-li[data-sfe-subj]>.sfe-li-i{overflow:visible} .sfe-drawer .sfe-list--dense.sfe-list .sfe-li[data-sfe-subj]>.sfe-li-i>.sfe-icn--ui{-webkit-mask:radial-gradient(circle at 19px 5.5px,transparent 7.4px,#000 7.9px);mask:radial-gradient(circle at 19px 5.5px,transparent 7.4px,#000 7.9px)} .sfe-drawer .sfe-list--dense.sfe-list .sfe-li[data-sfe-subj]>.sfe-li-i::after{content:"";position:absolute;left:12.5px;top:-1px;width:13px;height:13px;background:center/contain no-repeat} .sfe-drawer .sfe-list--dense.sfe-list .sfe-li[data-sfe-subj="수학"]>.sfe-li-i::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.66 2.75C16.68 2.6 16.93 2.04 16.81 1.84C16.69 1.65 16.22 1.56 15.93 1.58C15.63 1.61 15.28 1.78 15.04 2C14.8 2.22 14.64 2.61 14.5 2.91C14.35 3.21 14.26 3.52 14.16 3.82C14.05 4.12 13.96 4.43 13.87 4.73C13.78 5.03 13.69 5.34 13.61 5.64C13.53 5.94 13.45 6.25 13.38 6.55C13.31 6.85 13.26 7.16 13.2 7.46C13.13 7.76 13.05 8.07 12.99 8.37C12.92 8.68 12.87 8.98 12.81 9.28C12.75 9.59 12.69 9.89 12.62 10.19C12.56 10.5 12.48 10.8 12.42 11.1C12.35 11.41 12.29 11.71 12.23 12.01C12.17 12.32 12.11 12.62 12.05 12.92C12 13.23 11.96 13.53 11.9 13.83C11.84 14.14 11.75 14.44 11.69 14.74C11.62 15.05 11.57 15.35 11.51 15.65C11.45 15.96 11.39 16.26 11.32 16.56C11.25 16.87 11.17 17.17 11.09 17.48C11.01 17.78 10.94 18.08 10.86 18.39C10.77 18.69 10.7 18.99 10.6 19.3C10.5 19.6 10.38 19.9 10.26 20.21C10.13 20.51 10.02 20.82 9.84 21.12C9.66 21.42 9.45 21.79 9.19 22C8.93 22.21 8.58 22.36 8.28 22.39C7.98 22.43 7.57 22.38 7.37 22.21C7.17 22.04 7.1 21.55 7.08 21.38C7.07 21.2 7.26 21.18 7.29 21.14'/%3E%3Ccircle cx='16.68' cy='2.73' r='1.17' fill='%23fff' stroke='none'/%3E%3Ccircle cx='7.27' cy='21.12' r='1.17' fill='%23fff' stroke='none'/%3E%3C/svg%3E")} .sfe-drawer .sfe-list--dense.sfe-list .sfe-li[data-sfe-subj="물리학"]>.sfe-li-i::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='fl' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='fr' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='6.56' y='21.32' width='3.32' height='2.07' fill='url(%23fl)' stroke='none'/%3E%3Crect x='12.91' y='13.61' width='4.53' height='2.06' fill='url(%23fr)' stroke='none'/%3E%3Cpath d='M8.29 8.89L8.29 18.02'/%3E%3Cpath d='M15.07 8.89L15.07 15.66'/%3E%3Ccircle cx='11.68' cy='8.89' r='3.39'/%3E%3Cpath d='M11.68 1.52L11.68 8.89'/%3E%3Ccircle cx='11.68' cy='8.89' r='1.27' fill='%23fff' stroke='none'/%3E%3Crect x='6.56' y='18.02' width='3.32' height='3.3' fill='%23fff' stroke='none'/%3E%3Crect x='12.91' y='15.66' width='4.53' height='4.53' fill='%23fff' stroke='none'/%3E%3C/svg%3E")} .sfe-drawer .sfe-list--dense.sfe-list .sfe-li[data-sfe-subj="화학"]>.sfe-li-i::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.41 12.9L14.77 20.52'/%3E%3Cpath d='M12.41 12.9L12.4 3.08'/%3E%3Cpath d='M12.41 12.9L3.48 16.19'/%3E%3Cpath d='M12.41 12.9L20.52 15.31'/%3E%3Ccircle cx='14.77' cy='20.52' r='2.48' fill='%23fff' stroke='none'/%3E%3Ccircle cx='12.4' cy='3.08' r='2.08' fill='%23fff' stroke='none'/%3E%3Ccircle cx='3.48' cy='16.19' r='2' fill='%23fff' stroke='none'/%3E%3Ccircle cx='20.52' cy='15.31' r='2' fill='%23fff' stroke='none'/%3E%3Ccircle cx='12.41' cy='12.9' r='3.61' fill='%23fff' stroke='none'/%3E%3C/svg%3E")} .sfe-drawer .sfe-list--dense.sfe-list .sfe-li[data-sfe-subj="생명과학"]>.sfe-li-i::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.51 20.28C1.56 20.04 1.69 19.34 1.82 18.89C1.95 18.43 2.09 17.98 2.27 17.55C2.45 17.12 2.65 16.69 2.88 16.29C3.12 15.88 3.39 15.49 3.7 15.13C4 14.77 4.34 14.43 4.71 14.14C5.07 13.84 5.47 13.59 5.88 13.36C6.29 13.14 6.74 12.96 7.18 12.8C7.62 12.64 8.08 12.51 8.53 12.41C8.99 12.3 9.46 12.23 9.92 12.15C10.39 12.08 11.03 12.22 11.33 11.97C11.64 11.73 11.62 11.13 11.75 10.69C11.87 10.25 11.95 9.77 12.07 9.32C12.2 8.87 12.33 8.4 12.51 7.97C12.68 7.53 12.88 7.11 13.12 6.7C13.36 6.3 13.63 5.91 13.93 5.55C14.24 5.19 14.58 4.85 14.94 4.55C15.31 4.26 15.72 4.02 16.13 3.8C16.55 3.57 16.98 3.38 17.41 3.22C17.85 3.06 18.31 2.95 18.77 2.84C19.23 2.73 19.74 2.61 20.16 2.57C20.58 2.52 21.09 2.57 21.28 2.57'/%3E%3Cpath d='M2.7 21.43C2.94 21.4 3.63 21.33 4.09 21.25C4.56 21.17 5.03 21.09 5.48 20.96C5.94 20.84 6.39 20.7 6.82 20.51C7.25 20.32 7.68 20.11 8.07 19.84C8.45 19.58 8.81 19.26 9.13 18.92C9.45 18.58 9.74 18.19 9.98 17.78C10.22 17.38 10.41 16.94 10.57 16.5C10.74 16.06 10.86 15.61 10.97 15.15C11.08 14.69 11.16 14.29 11.22 13.76C11.28 13.23 11.08 12.29 11.33 11.97C11.58 11.65 12.26 11.88 12.72 11.83C13.19 11.78 13.66 11.74 14.13 11.68C14.6 11.63 15.07 11.58 15.54 11.5C16 11.43 16.46 11.34 16.91 11.21C17.36 11.09 17.82 10.93 18.25 10.75C18.68 10.56 19.1 10.36 19.49 10.1C19.88 9.83 20.25 9.52 20.57 9.18C20.89 8.83 21.17 8.44 21.4 8.04C21.64 7.63 21.83 7.2 22 6.76C22.17 6.32 22.54 6.1 22.41 5.4C22.29 4.7 21.47 3.04 21.28 2.57'/%3E%3Cpath d='M1.51 20.28L2.7 21.43'/%3E%3Cpath d='M2.27 17.55L5.48 20.96'/%3E%3Cpath d='M3.7 15.13L8.07 19.84'/%3E%3Cpath d='M5.88 13.36L9.98 17.78'/%3E%3Cpath d='M8.53 12.41L10.97 15.15'/%3E%3Cpath d='M11.75 10.69L12.72 11.83'/%3E%3Cpath d='M12.51 7.97L15.54 11.5'/%3E%3Cpath d='M13.93 5.55L18.25 10.75'/%3E%3Cpath d='M16.13 3.8L20.57 9.18'/%3E%3Cpath d='M18.77 2.84L22 6.76'/%3E%3Cpath d='M20.16 2.57L22.41 5.4'/%3E%3C/svg%3E");background-size:10.5px} .sfe-drawer .sfe-list--dense.sfe-list .sfe-li[data-sfe-subj="지구과학"]>.sfe-li-i::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M7 17.25L6.25 18.5L7.88 19.62L9 20.12L9.75 20.25L10 19.88L10.75 16.88L10.62 16.75L10.12 17L9.25 16.38L9 16.38L8.5 16.75L8.12 16.75ZM10.38 10.12L10.12 10.25L10 10.88L9.25 11.38L9.25 11.62L10.12 12.75L10.5 12.62L10.38 12.25L10.5 10.25ZM15.75 4.25L15.62 4.88L15.25 5.25L15.38 5.38L16.12 5.25L16.88 5.38L17.25 5.75L17.38 6.62L17.75 7L17.12 8.88L17.25 11.12L17.75 12.12L17.75 12.75L18.5 13.62L18.62 14.25L19.12 15L19 15.75L17.75 17.12L17.12 18.62L17.25 18.75L18.62 17.5L19.62 16L20 15.12L19.38 14.62L19.5 14.25L19.38 13.5L19.88 13.12L20 13.25L20.38 13.12L20.12 12.88L19.88 13L19.5 12.75L19.12 13L18.62 12.62L18.88 11.75L19.5 11.25L19.88 11.38L20.25 12L20.5 11.5L20.5 10.5L19.75 8.12L18.62 6.38L17 4.88ZM14 3.5L11.5 3.25L9 3.75L7.88 4.25L6.38 5.25L4.62 7.25L4.62 7.75L4.25 8.5L4.12 9.75L4.38 9.88L5.88 8.12L6.12 8L6.62 8.38L6.62 9.12L7.12 9.75L7.12 10.25L6.75 11L6.25 11.5L6.38 13.62L7.12 14.62L8.38 15.38L8.75 15.88L9 15.62L8.38 15.12L8.38 14.88L9.12 14.12L9.5 14L10 14.38L9.88 14.88L10.5 15.38L11 16.5L11.38 16L11.12 15L10.12 14.12L10.25 13.75L10.12 13.5L10 13.62L9.38 13.5L8.62 13.75L7.75 14.62L7.12 14.12L6.88 13.75L6.88 12.75L7.25 12.25L7.25 11.75L8.62 10.75L8.75 10.5L8.62 10L9.5 9.12L10.38 8.75L10.75 7.62L11.25 7.25L11.5 7.38L11.75 7.88L12 8L13 7.12L12.88 6.75L12.5 7.25L12.25 7.38L11.75 7L11.75 6.25L12.25 5.88L12.88 6.38L13.25 6L13 5.38L13.5 5L13.88 5.25L14 5.12L13.88 4.12L14.38 3.75Z' fill='%23fff' stroke='none'/%3E%3C/svg%3E")} .sfe-drawer .sfe-list--dense.sfe-list .sfe-li[data-sfe-subj="통합과학"]>.sfe-li-i::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11.93' cy='13.25' r='8.43'/%3E%3Cpath d='M12.14 13.02L12.14 4.82'/%3E%3Cpath d='M12.14 13.02L19.49 16.98'/%3E%3Cpath d='M12.14 13.02L4.51 17.26'/%3E%3Ccircle cx='12.14' cy='4.82' r='3.26' fill='%23fff' stroke='none'/%3E%3Ccircle cx='19.49' cy='16.98' r='3.26' fill='%23fff' stroke='none'/%3E%3Ccircle cx='4.51' cy='17.26' r='3.26' fill='%23fff' stroke='none'/%3E%3Ccircle cx='12.14' cy='13.02' r='3.26' fill='%23fff' stroke='none'/%3E%3C/svg%3E")} .sfe-drawer .sfe-list--dense.sfe-list a.sfe-li[href="/ko/home"] .sfe-icn--ui.sfe-icn-text-box{--sfe-i:var(--sfe-icn-home)} .sfe-drawer .sfe-list--dense.sfe-list a.sfe-li:is([href="/ko/IFSIGHT"],[href^="/ko/IFSIGHT/"]) .sfe-icn--ui.sfe-icn-text-box{--sfe-i:var(--sfe-icn-office-building)} /* SFE_NAV_SUBJICON_V1 END */ /* SFE_WEIGHT_V1 START */ .sfe-app .sfe-list--dense .sfe-li .sfe-li-t, .sfe-app .sfe-list--dense .sfe-li .sfe-li-s, .sfe-app .sfe-crumbs .sfe-fbtn{font-weight:400} b,strong{font-weight:700} .sfe-app [style*="font-weight:800"],.sfe-app [style*="font-weight: 800"],.sfe-app [style*="font-weight:900"],.sfe-app [style*="font-weight: 900"]{font-weight:700!important} /* SFE_WEIGHT_V1 END */ /* SFE_SEARCH_THUMB_V1 START */ /*SFE_SEARCH_PANEL_V1*/ .sfe-sr .sfe-li:not([data-sfe-patched-icon]){visibility:hidden;animation:sfeSrShow 0s linear .3s forwards} @keyframes sfeSrShow{to{visibility:visible}} .sfe-sr .sfe-logo-box img.sfe-patched{aspect-ratio:1365/630} /* SFE_SEARCH_THUMB_V1 END */ /* SFE_EXPL_DOCK_V1 START */ /*SFE_KG_LEAD_V1*/ .sfe-xd{--xd-hd:52px;position:fixed;z-index:7;display:flex;flex-direction:column;background:linear-gradient(120deg,rgba(var(--c-rgb),.07),#fff 68%) 0 0/100% var(--xd-hd) no-repeat,#fff;font-family:var(--ff-ui);color:var(--ink);visibility:hidden} .sfe-xd[data-st~="sheet"]{--xd-hd:68px} .sfe-xd[data-st~="side"]{right:0;bottom:0;border-left:1px solid var(--line);box-shadow:var(--glow-lift);transform:translateX(100%)} .sfe-xd[data-st~="sheet"]{right:0;bottom:0;border-top:1px solid var(--line);box-shadow:var(--glow-lift);transform:translateY(100%);transition:left .2s cubic-bezier(.4,0,.2,1)} .sfe-xd[data-st~="open"],.sfe-xd[data-st~="closing"]{visibility:visible;transform:none} .sfe-xd:focus{outline:0} .sfe-xd-grip{display:none} .sfe-xd[data-st~="sheet"] .sfe-xd-grip{flex:none;display:flex;align-items:center;justify-content:center;width:100%;height:22px;padding:0;border:0;background:transparent;cursor:ns-resize;touch-action:none} .sfe-xd[data-st~="sheet"] .sfe-xd-grip::before{content:"";width:40px;height:4px;background:var(--ink3)} /*SFE_BTNLAB_V1*/ .sfe-xd-bar{flex:none;display:flex;align-items:center;gap:6px;height:52px;padding:0 12px 0 18px;border-bottom:1px solid var(--line)} .sfe-xd[data-st~="sheet"] .sfe-xd-bar{height:46px;padding-left:16px} .sfe-xd-ttl{flex:1;min-width:0;font-size:15.5px;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sfe-xd-ttl b{color:var(--c-dark);font-weight:700} .sfe-xd-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 10px;border-width:1px;border-style:solid;font-family:var(--ff-ui);font-size:13px;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer} .sfe-xd-btn:hover{} .sfe-xd-btn[disabled]{cursor:default} .sfe-xd-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px 20px 28px} .sfe-xd[data-st~="sheet"] .sfe-xd-body{padding:12px 16px 20px} .sfe-xd-src{margin:0 0 12px;font-size:12.5px;line-height:1.5;color:var(--ink2)} .sfe-xd-stage{position:relative} /*SFE_PEN_V10 SFE_IMGSCALE_V1*/ .sfe-xd-pg{position:relative} .sfe-xd-pg>img.sfe-pen-archive{max-width:none!important} .sfe-xd-pg[data-pre]{position:absolute;left:0;right:0;top:0;height:0;overflow:hidden;visibility:hidden;pointer-events:none} .sfe-xd-ex > .sfe-app,.sfe-xd-ex > .sfe-app > .sfe-main{display:contents;font-family:inherit} .sfe-xd .sfe-xd-ex .sfe-main .sfe-article{padding:0} .sfe-xd .sfe-xd-ex .sfe-article > div > :first-child{margin-top:0} .sfe-xd .sfe-xd-ex .sfe-article > div > p:first-child,.sfe-xd .sfe-xd-ex .sfe-article > div > ul:first-child{padding-top:0} .sfe-xd .sfe-xd-ex .sfe-article > div > :last-child{margin-bottom:0} .sfe-xd-ex p{margin:0 0 10px;font-size:15px;line-height:1.85;color:var(--ink)} .sfe-xd-ex img{max-width:100%;height:auto} .sfe-xd-ex .sfe-xd-wrap{display:block;max-width:100%} .sfe-xd-ex section.sfe-eq{overflow-x:visible;margin:1rem 0 0} .accordion.sfe-xd-on>.accordion__button{border-color:var(--c);border-width:1.5px} .accordion.sfe-xd-on>.accordion__button .accordion__icon::after{transform:rotate(0)} html[data-sfe-xd~="side"][data-sfe-xd~="open"][data-sfe-xd~="navout"] nav.sfe-drawer{transform:translateX(-100%)!important;visibility:hidden!important} html[data-sfe-xd~="side"][data-sfe-xd~="open"] .sfe-main{padding-left:0!important} html[data-sfe-xd~="side"][data-sfe-xd~="open"] .sfe-col-main{flex:0 0 100%!important;max-width:100%!important} html[data-sfe-xd~="side"][data-sfe-xd~="anim"] .sfe-main{transition:padding-left .2s cubic-bezier(.4,0,.2,1),padding-right .2s cubic-bezier(.4,0,.2,1)!important} html[data-sfe-xd~="side"][data-sfe-xd~="anim"] .sfe-col-main{transition:max-width .2s cubic-bezier(.4,0,.2,1),flex-basis .2s cubic-bezier(.4,0,.2,1)!important} html[data-sfe-xd~="sheet"][data-sfe-xd~="anim"] .sfe-main,html[data-sfe-xd~="sheet"][data-sfe-xd~="anim"] .sfe-col-main{transition:none!important} html[data-sfe-xd~="side"][data-sfe-xd~="anim"]:not([data-sfe-xd~="open"]) .sfe-body-row.sfe-body-row:has(> .sfe-col-side){position:relative} html[data-sfe-xd~="side"][data-sfe-xd~="anim"]:not([data-sfe-xd~="open"]) .sfe-col-side{position:absolute!important;top:0;bottom:0;max-width:none!important;flex:none!important} @media (prefers-reduced-motion:reduce){html[data-sfe-xd~="anim"] .sfe-main,html[data-sfe-xd~="anim"] .sfe-col-main{transition:none!important}} /*SFE_TOC_STACK_V1*/ html[data-sfe-xd~="side"][data-sfe-xd~="open"] .sfe-body-row.sfe-body-row:has(> .sfe-col-side){position:relative} html[data-sfe-xd~="side"][data-sfe-xd~="open"] .sfe-col-side{position:absolute!important;top:0;bottom:0;max-width:none!important;flex:none!important;transform:translateX(calc(100% + 24px))!important;visibility:hidden;transition:transform .2s cubic-bezier(.4,0,.2,1),visibility 0s linear .2s} html[data-sfe-xd~="anim"] .sfe-col-side{transition:transform .2s cubic-bezier(.4,0,.2,1)} html[data-sfe-xd~="side"][data-sfe-xd~="open"][data-sfe-xd~="navout"] #sfe-navcm{transform:translateX(-100%)!important;visibility:hidden!important;transition:transform .2s cubic-bezier(.4,0,.2,1),visibility 0s linear .2s} html[data-sfe-xd~="side"][data-sfe-xd~="open"][data-sfe-xd~="navout"] #__SFE_NAV_GRIP__{transform:translateX(-6px);visibility:hidden!important;transition:transform .2s cubic-bezier(.4,0,.2,1),visibility 0s linear .2s} html[data-sfe-xd~="side"][data-sfe-xd~="open"][data-sfe-xd~="navout"] #__SFE_TOC_EDGE__,html[data-sfe-xd~="side"][data-sfe-xd~="open"][data-sfe-xd~="navout"] #__SFE_TOC_POP__>#__SFE_TOC_GRIP__{visibility:hidden!important;transition:visibility 0s linear .2s} html[data-sfe-xd~="side"][data-sfe-xd~="open"][data-sfe-xd~="navout"] #__SFE_TOC_EDGE__,html[data-sfe-xd~="side"][data-sfe-xd~="anim"] #__SFE_TOC_EDGE__,html[data-sfe-xd~="side"][data-sfe-xd~="open"][data-sfe-xd~="navout"] #__SFE_TOC_POP__,html[data-sfe-xd~="side"][data-sfe-xd~="anim"] #__SFE_TOC_POP__{z-index:6!important} html[data-sfe-xd~="side"][data-sfe-xd~="open"][data-sfe-xd~="navout"] #__SFE_TOC_POP__,html[data-sfe-xd~="side"][data-sfe-xd~="anim"] #__SFE_TOC_POP__{transition-delay:0s!important} html[data-sfe-xd~="sheet"][data-sfe-xd~="open"] #__SFE_NAV_GRIP__,html[data-sfe-xd~="sheet"][data-sfe-xd~="open"] #__SFE_TOC_GRIP__,html[data-sfe-xd~="sheet"][data-sfe-xd~="open"] #__SFE_TOC_EDGE__{opacity:0!important;visibility:hidden!important;transition:opacity .2s cubic-bezier(.4,0,.2,1),visibility 0s linear .2s} html[data-sfe-xd~="sheet"][data-sfe-xd~="anim"]:not([data-sfe-xd~="open"]) #__SFE_NAV_GRIP__,html[data-sfe-xd~="sheet"][data-sfe-xd~="anim"]:not([data-sfe-xd~="open"]) #__SFE_TOC_GRIP__,html[data-sfe-xd~="sheet"][data-sfe-xd~="anim"]:not([data-sfe-xd~="open"]) #__SFE_TOC_EDGE__{transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1)} html[data-sfe-xd~="open"] body>img.sfe-pen-archive{z-index:6!important} html[data-sfe-xd~="tog"] .sfe-xd,html[data-sfe-xd~="tog"] .sfe-main,html[data-sfe-xd~="tog"] nav.sfe-drawer,html[data-sfe-xd~="tog"] .sfe-col-main,html[data-sfe-xd~="tog"] .sfe-col-side, html[data-sfe-xd~="tog"] #sfe-navcm,html[data-sfe-xd~="tog"] #__SFE_NAV_GRIP__,html[data-sfe-xd~="tog"] #__SFE_TOC_GRIP__,html[data-sfe-xd~="tog"] #__SFE_TOC_EDGE__{transition:none!important} @media print{.sfe-xd{display:none!important}} /* SFE_EXPL_DOCK_V1 END */ /* SFE_EXAM_INDEX_V1 START — 과목 메인 «기출» 목록(학년 탭) 모양 · 2026-10-26 마크업 = 렌더 모듈 html-autolinks/sfe-exam.js ④(본문 표지 div.sfe-xl[data-subject] 를 렌더 때 DB 로 채운다) · 탭 전환 = 같은 이름 injectBody 블록. 사용자 2026-10-26: «메인에서 기출 바로 가기 — 한 눈에 · 원하는 기출로 빠르게 · 새 기출 자동 동기화» → 시안 B «학년별 줄»(연도 = «2026년 시행») → 구분 = B8 «학년 탭» (시안 · 비교 = 작업 스크립트\통합과학_기출바로가기_시안_20261026). 색 = 그 쪽 컨셉 색(--c · --c-dark — 통합과학 = 회색 · 홈 과목 카드와 같은 165° 그라데이션) · 직각 · 굵기 400/700(사이트 표준). 고른 탭 = 그라데이션 칠 + 흰 글자 · 아래 2px 선이 탭 줄과 회차 칸을 잇는다. 안내 글(p.sfe-xl-lead)의 위 여백 = 사이트 본문 문단 표준(.contents p 의 padding-top 1rem)을 그대로 받는다 — 덮어쓰면 다른 절보다 제목에 붙어 보인다 (판 1 은 0 으로 덮어 12px 가까웠다 · 사용자 2026-10-26 «통합과학 기출 쪽이 훨씬 가까워 보임»). 안내 글의 꼴 = 사이트 본문 문단 그대로(글꼴 · 크기 · 색을 덮지 않는다) — 바로 아래 절 «나만의 학습 로드맵» 설명도 2026-10-26 부터 iframe 밖 본문 문단이라 두 절 설명이 같은 꼴이다(사용자 «로드맵 설명을 iframe 에서 빼고 본문 설명글로 · 홈페이지 · 통합과학 모두 일관되게»). 아래 여백 16px = 로드맵 iframe 안 body 위 여백(16px)과 같아 «설명 → 첫 단추» 간격이 두 절에서 같다(그쪽 값을 바꾸면 여기도). 옛: 같은 날 잠시 iframe 안 .sub 꼴(14px · #777)을 따랐다. 평가원 · 교육청 칩 = 같은 기본 칩 — 기관은 칩 안 글자(«평가원» · «교육청»)로만 가른다(사용자 2026-10-30 «고3 부분은 기출 버튼이 고2랑 다르게 살짝 회색인데 고2처럼 통일» → 안 가 «완전 통일»). 옛: 10-26 시안 K1 은 평가원 칩만 갈색(--s-base) 테두리 + 옅은 바탕 + 갈색 글자였다. 렌더 모듈이 칩에 다는 data-org 는 표지로 남는다(이 블록은 그 표지로 색을 칠하지 않는다). 칩 아랫줄 = 등급컷(2026-10-30 · 아래 «칩 두 줄»). */ .sfe-main .sfe-article .sfe-xl{margin:0 0 6px} .sfe-main .sfe-article .sfe-xl > p.sfe-xl-lead{margin:0 0 16px !important} .sfe-main .sfe-article .sfe-xl a{text-decoration:none !important} .sfe-xl-g{font-size:15px;font-weight:700;color:var(--c-dark);white-space:nowrap} .sfe-xl-new{font-style:normal;font-size:11px;font-weight:700;line-height:1;color:#fff;background:var(--c-dark);padding:3px 5px;white-space:nowrap} .sfe-main .sfe-article .sfe-xl > p.sfe-xl-foot{margin:10px 0 0 !important;padding:0 !important;font-size:12.5px;color:var(--ink3)} .sfe-xl-tabs{display:flex;border-bottom:2px solid var(--c)} .sfe-main .sfe-article .sfe-xl button.sfe-xl-tab{display:inline-flex;align-items:center;gap:8px;margin:0 -1px 0 0;padding:10px 18px;border-width:1px;border-style:solid;border-bottom-width:0;border-radius:0; font:inherit;line-height:1.4;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease, scale .1s cubic-bezier(.4,0,.2,1)} .sfe-xl-tab small{font-size:12px;font-weight:400;color:var(--ink3)} .sfe-xl-tab.is-on .sfe-xl-g{color:#fff} .sfe-xl-tab.is-on small{color:rgba(255,255,255,.82)} .sfe-main .sfe-article .sfe-xl button.sfe-xl-tab:focus{outline:none} .sfe-main .sfe-article .sfe-xl button.sfe-xl-tab:focus-visible{outline:2px solid var(--c);outline-offset:-3px} .sfe-xl-panel{padding:14px 2px;border-bottom:1px solid var(--line)} .sfe-xl-panel[hidden]{display:none} .sfe-xl-yrs{display:flex;flex-direction:column;gap:10px} .sfe-xl-yr{display:flex;align-items:center;gap:12px} .sfe-xl-y{flex:none;width:84px;font-size:13px;font-weight:700;color:var(--ink2);white-space:nowrap} .sfe-xl-chips{display:flex;flex-wrap:wrap;gap:6px} .sfe-main .sfe-article a.sfe-xl-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-width:1px;border-style:solid; transition:border-color .15s ease,background .15s ease, scale .1s cubic-bezier(.4,0,.2,1)} .sfe-xl-chip b{font-size:14.5px;font-weight:700;color:var(--c-dark)} .sfe-xl-chip i{font-style:normal;font-size:12px;font-weight:400;color:var(--ink2)} .sfe-xl-chip small{font-size:11.5px;font-weight:400;color:var(--ink3)} .sfe-main .sfe-article a.sfe-xl-chip.sfe-xl-chip--gc{flex-direction:column;align-items:flex-start;gap:6px;padding:9px 12px 8px} .sfe-xl-top{display:inline-flex;align-items:center;gap:6px} .sfe-xl-cuts{display:flex;gap:8px;font-size:11.5px;font-weight:400;color:var(--ink3);white-space:nowrap;line-height:1} .sfe-xl-cuts strong{margin-left:2px;font-weight:700;color:var(--ink2)} /*SFE_EXAM_V1*/ :is(.sfe-xl-g,.sfe-xl-tab small,.sfe-xl-chip b,.sfe-xl-chip small,.sfe-xl-y,.sfe-xl-foot,.sfe-xl-cuts) .katex{font-size:1.103em;font-weight:normal} @media (max-width:620px){ .sfe-xl-yr{flex-direction:column;align-items:flex-start;gap:6px} .sfe-xl-y{width:auto} .sfe-main .sfe-article .sfe-xl button.sfe-xl-tab{flex:1 1 0;justify-content:center;padding:9px 12px} } /* SFE_EXAM_INDEX_V1 END */ /* SFE_EXAM_ICON_V1 START — 기출 쪽 «모의고사 정보» 아이콘 표(2026-11-03 사용자 Ⅰ-1 다 두 칸 · Ⅰ-2 «실전 모드 기록» · Ⅰ-3 칩 줄 · 빈 상태 = 점선 + 글만). 마크업 = 생성기 exam_sync.info_table(본문 — 개념 쪽 «지식 정보» 와 같은 꼴: 위 «해당 모의고사» 자기 링크 아이콘 / 아래 «출제 기관 | 실전 모드 기록»). 개념 쪽 표 CSS(SFE_KG_GRID · SFE_KG_LEAD_V1 · SFE_PROGRESS_V1)는 표 꼴(thead th[colspan=2] + 그림 링크)만 보고 걸린다 — 기출 표에서 어긋나는 넷을 여기서만 덮는다 (선택자 = 기록 칸 td.sfe-xrec 이 든 표 — 개념 쪽 표엔 안 걸린다 · 공용 블록은 고치지 않는다): ① 둘째 줄 머리 칸 = 칸 글(data-label) — SFE_KG_LEAD_V1 은 «먼저 배우면 좋아요 / 다음에 이어져요»(학습 경로 문구)를 그린다 ② 기록 칸 = SFE_KG_GRID «빈 칸 대시»(그림 없는 칸 = 글자 0 + 대시) 예외 · 기록 = 지식 칩과 같은 칩(.sfe-kg-chip) · 빈 상태 = 점선(.sfe-gc-empty · «내 공부» 점선 칸과 같은 #c9c4bf 1px) + 안내 글 ③ 출제 기관 아이콘(a.sfe-noprog — 누르면 과목 메인 기출 목록) = 미학습 반짝임 · 완료 표시(어둡게 · 리본)를 받지 않는다(그 쪽은 «완료» 될 쪽이 아니다) ④ «적용 문항 N» 칩(«N번 문항» 제목 수)을 숨긴다 — 기출 쪽은 문항 자체라 뜻이 맞지 않는다 칸을 채우는 것 = 블록 SFE_EXAM_REC_V1(injectBody — 회원 · 실전 기록 → 칩 줄 .sfe-xrec-chips + is-full / 비회원 · 기록 없음 → 안내 글 .sfe-xrec-em). (같은 마커 이름으로 두 필드를 두지 않은 까닭 = 배포 도구가 등록된 마커의 새 필드를 «필드 착오» 로 막는다 — 2026-09-27 구멍 막음.) 시안 · 단언 = 작업 스크립트\기출아이콘_20261103. */ body .sfe-app .sfe-article table.sfe-table:has(td.sfe-xrec) tbody tr th[data-label]::before{content:attr(data-label)!important} body .sfe-app .sfe-article table.sfe-table:has(td.sfe-xrec) td.sfe-xrec{font-size:14.5px!important;line-height:1.6!important;color:var(--ink2)!important;flex-direction:column;gap:6px} body .sfe-app .sfe-article table.sfe-table:has(td.sfe-xrec) td.sfe-xrec::before{content:none!important} /*SFE_KG_LEAD_V1*/ body .sfe-app .sfe-article table.sfe-table.sfe-table:has(td.sfe-xrec) tbody tr td.sfe-xrec.sfe-xrec:not(.is-full){border:1px dashed var(--sfe-none-ln)!important;background:var(--sfe-none-bg)!important;color:var(--sfe-none-fg)!important} body .sfe-app .sfe-article table.sfe-table:has(td.sfe-xrec) td.sfe-xrec .sfe-xrec-em{font-size:13.5px;line-height:1.6;color:var(--ink2);text-align:center} body .sfe-app .sfe-article table.sfe-table:has(td.sfe-xrec) td.sfe-xrec .sfe-xrec-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px} body .sfe-app .sfe-article table.sfe-table:has(td.sfe-xrec) td.sfe-xrec .sfe-kg-chip{cursor:default!important} /*SFE_EXAM_REC_V1 SFE_KG_GRID*/ body .sfe-app .sfe-article table.sfe-table.sfe-xrec-wait:has(td.sfe-xrec) tbody>tr:not(:first-child)>*{visibility:hidden!important} body .sfe-app .sfe-article table.sfe-table:has(td.sfe-xrec) a.sfe-noprog::after{content:none!important;animation:none!important} body .sfe-app .sfe-article table.sfe-table:has(td.sfe-xrec) a.sfe-noprog>img{filter:none!important} body .sfe-app .sfe-article table.sfe-table:has(td.sfe-xrec) a.sfe-noprog .sfe-icon-check{display:none!important} body .sfe-app .sfe-article table.sfe-table:has(td.sfe-xrec) .sfe-kg-chip:has(.sfe-icn-apply){display:none!important} /* SFE_EXAM_ICON_V1 END */ /* SFE_BTN_V1 START — 사이트 단추 SSOT(세 벌 + 위험) */ :root{--sfe-danger:#c0392b;--sfe-danger-ln:#e6b3ad;--sfe-danger-bg:#fdecec;--sfe-none-ln:#c9c4bf;--sfe-none-bg:#fafafa;--sfe-none-fg:var(--ink2);--sfe-kakao:#FEE500;--sfe-kakao-fg:#191919} .sfe-b1,#sfe-navcm .btn,#sfe-cmhome .btn.fill,#sfe-fab-main,#sfe-pen-fab,#sfe-chat-fab,#sfe-subscribe-fab,#sfe-progress-fab,.sfe-cmt-fab,.sfe-cmt-addbtn,.sfe-cmt-btn.primary,.sfe-progress-pop-cta,.sfe-tour-next,.sfe-tour-close,.sfe-chat-msg-bubble a.sfe-chat-cta:not(.sfe-kakao),.sfe-mock-go,.sfe-mx-submit,.sfe-mx-tab,.sfe-mr-btn[data-act="view"],.sfe-mv-chip.on{background:var(--c-surf);border-color:var(--c-surf);--sfe-bd:var(--c-surf);color:#fff} .sfe-b2,.sfe-main .sfe-article .sfe-hero-cap .cap-tour,.sfe-main .sfe-article a.cap-card.pri,.sfe-mr-btn[data-act="again"]{background:var(--section-bg);border-color:var(--c);--sfe-bd:var(--c);color:var(--ink)} .sfe-b3,#sfe-cmhome .btn.ghost,.sfe-main .sfe-article a.cap-card,.sfe-main .sfe-article a.sfe-ct,.sfe-main .sfe-article .sfe-newsims a.chip,.sfe-kg-chip,.sfe-cmt-btn.ghost,.sfe-cmt-addmore,.sfe-xd-btn,.sfe-chat-suggest button,.sfe-tour-skip,.sfe-ox-b,.sfe-mr-btn[data-act="paper"],.sfe-mr-btn[data-go],.sfe-mr-close,.sfe-mx-close,.sfe-mx-quit,.sfe-xk a.sfe-xk-card,.sfe-xk-qn,.sfe-main .sfe-article a.sfe-xk-qn{background:#fff;border-color:var(--c);--sfe-bd:var(--c);color:var(--ink)} .sfe-bx,.sfe-cmt-delmine{background:#fff;border-color:var(--sfe-danger-ln);--sfe-bd:var(--sfe-danger-ln);color:var(--sfe-danger)} .sfe-bt,.sfe-ox-x,.sfe-xk-btn,.sfe-main .sfe-article .sfe-xl button.sfe-xl-tab{background:#fff;border-color:var(--c);--sfe-bd:var(--c);color:var(--ink)} .sfe-bt:is(.on,.sel,.is-on,[aria-pressed="true"],[aria-selected="true"],[aria-expanded="true"],[aria-current="page"],[aria-current="true"]),.sfe-ox-x:is(.on,.sel,.is-on,[aria-pressed="true"],[aria-selected="true"],[aria-expanded="true"],[aria-current="page"],[aria-current="true"]),.sfe-xk-btn:is(.on,.sel,.is-on,[aria-pressed="true"],[aria-selected="true"],[aria-expanded="true"],[aria-current="page"],[aria-current="true"]),.sfe-main .sfe-article .sfe-xl button.sfe-xl-tab:is(.on,.sel,.is-on,[aria-pressed="true"],[aria-selected="true"],[aria-expanded="true"],[aria-current="page"],[aria-current="true"]){background:var(--c-surf);border-color:var(--c-surf);--sfe-bd:var(--c-surf);color:#fff} .sfe-xq .sfe-xq-btn{background:var(--c-surf)!important;border-color:var(--c-surf)!important;--sfe-bd:var(--c-surf)!important;color:#fff!important} .sfe-main .sfe-article a.sfe-xl-chip{background:#fff!important;border-color:var(--c)!important;--sfe-bd:var(--c)!important;color:var(--ink)!important} @media (hover:hover){ .sfe-b1:not(:disabled):not([aria-disabled="true"]):hover,#sfe-navcm .btn:not(:disabled):not([aria-disabled="true"]):hover,#sfe-cmhome .btn.fill:not(:disabled):not([aria-disabled="true"]):hover,#sfe-fab-main:not(:disabled):not([aria-disabled="true"]):hover,#sfe-pen-fab:not(:disabled):not([aria-disabled="true"]):hover,#sfe-chat-fab:not(:disabled):not([aria-disabled="true"]):hover,#sfe-subscribe-fab:not(:disabled):not([aria-disabled="true"]):hover,#sfe-progress-fab:not(:disabled):not([aria-disabled="true"]):hover,.sfe-cmt-fab:not(:disabled):not([aria-disabled="true"]):hover,.sfe-cmt-addbtn:not(:disabled):not([aria-disabled="true"]):hover,.sfe-cmt-btn.primary:not(:disabled):not([aria-disabled="true"]):hover,.sfe-progress-pop-cta:not(:disabled):not([aria-disabled="true"]):hover,.sfe-tour-next:not(:disabled):not([aria-disabled="true"]):hover,.sfe-tour-close:not(:disabled):not([aria-disabled="true"]):hover,.sfe-chat-msg-bubble a.sfe-chat-cta:not(.sfe-kakao):not(:disabled):not([aria-disabled="true"]):hover,.sfe-mock-go:not(:disabled):not([aria-disabled="true"]):hover,.sfe-mx-submit:not(:disabled):not([aria-disabled="true"]):hover,.sfe-mx-tab:not(:disabled):not([aria-disabled="true"]):hover,.sfe-mr-btn[data-act="view"]:not(:disabled):not([aria-disabled="true"]):hover,.sfe-mv-chip.on:not(:disabled):not([aria-disabled="true"]):hover,.sfe-hh:hover .sfe-b1{background:var(--c-dark);border-color:var(--c-dark);--sfe-bd:var(--c-dark);color:#fff} .sfe-b2:not(:disabled):not([aria-disabled="true"]):hover,.sfe-main .sfe-article .sfe-hero-cap .cap-tour:not(:disabled):not([aria-disabled="true"]):hover,.sfe-main .sfe-article a.cap-card.pri:not(:disabled):not([aria-disabled="true"]):hover,.sfe-mr-btn[data-act="again"]:not(:disabled):not([aria-disabled="true"]):hover,.sfe-hh:hover .sfe-b2{background:var(--c-surf);border-color:var(--c-surf);--sfe-bd:var(--c-surf);color:#fff} .sfe-b3:not(:disabled):not([aria-disabled="true"]):hover,#sfe-cmhome .btn.ghost:not(:disabled):not([aria-disabled="true"]):hover,.sfe-main .sfe-article a.cap-card:not(:disabled):not([aria-disabled="true"]):hover,.sfe-main .sfe-article a.sfe-ct:not(:disabled):not([aria-disabled="true"]):hover,.sfe-main .sfe-article .sfe-newsims a.chip:not(:disabled):not([aria-disabled="true"]):hover,.sfe-kg-chip:not(:disabled):not([aria-disabled="true"]):not(.sfe-kg-chip--done):not(span):hover,.sfe-cmt-btn.ghost:not(:disabled):not([aria-disabled="true"]):hover,.sfe-cmt-addmore:not(:disabled):not([aria-disabled="true"]):hover,.sfe-xd-btn:not(:disabled):not([aria-disabled="true"]):hover,.sfe-chat-suggest button:not(:disabled):not([aria-disabled="true"]):hover,.sfe-tour-skip:not(:disabled):not([aria-disabled="true"]):hover,.sfe-ox-b:not(:disabled):not([aria-disabled="true"]):not(.is-o):not(.is-x):hover,.sfe-mr-btn[data-act="paper"]:not(:disabled):not([aria-disabled="true"]):hover,.sfe-mr-btn[data-go]:not(:disabled):not([aria-disabled="true"]):hover,.sfe-mr-close:not(:disabled):not([aria-disabled="true"]):hover,.sfe-mx-close:not(:disabled):not([aria-disabled="true"]):hover,.sfe-mx-quit:not(:disabled):not([aria-disabled="true"]):hover,.sfe-xk a.sfe-xk-card:not(:disabled):not([aria-disabled="true"]):hover,.sfe-xk-qn:not(:disabled):not([aria-disabled="true"]):hover,.sfe-main .sfe-article a.sfe-xk-qn:not(:disabled):not([aria-disabled="true"]):hover,.sfe-hh:hover .sfe-b3{background:var(--section-bg);color:var(--ink)} .sfe-bx:not(:disabled):not([aria-disabled="true"]):hover,.sfe-cmt-delmine:not(:disabled):not([aria-disabled="true"]):hover,.sfe-hh:hover .sfe-bx{background:var(--sfe-danger-bg);color:var(--sfe-danger)} .sfe-bt:not(:disabled):not([aria-disabled="true"]):hover,.sfe-ox-x:not(:disabled):not([aria-disabled="true"]):hover,.sfe-xk-btn:not(:disabled):not([aria-disabled="true"]):hover,.sfe-main .sfe-article .sfe-xl button.sfe-xl-tab:not(:disabled):not([aria-disabled="true"]):hover{background:var(--section-bg);color:var(--ink)} .sfe-bt:is(.on,.sel,.is-on,[aria-pressed="true"],[aria-selected="true"],[aria-expanded="true"],[aria-current="page"],[aria-current="true"]):not(:disabled):not([aria-disabled="true"]):hover,.sfe-ox-x:is(.on,.sel,.is-on,[aria-pressed="true"],[aria-selected="true"],[aria-expanded="true"],[aria-current="page"],[aria-current="true"]):not(:disabled):not([aria-disabled="true"]):hover,.sfe-xk-btn:is(.on,.sel,.is-on,[aria-pressed="true"],[aria-selected="true"],[aria-expanded="true"],[aria-current="page"],[aria-current="true"]):not(:disabled):not([aria-disabled="true"]):hover,.sfe-main .sfe-article .sfe-xl button.sfe-xl-tab:is(.on,.sel,.is-on,[aria-pressed="true"],[aria-selected="true"],[aria-expanded="true"],[aria-current="page"],[aria-current="true"]):not(:disabled):not([aria-disabled="true"]):hover{background:var(--c-dark);border-color:var(--c-dark);--sfe-bd:var(--c-dark);color:#fff} .sfe-xq .sfe-xq-btn:not(:disabled):not([aria-disabled="true"]):hover{background:var(--c-dark)!important;border-color:var(--c-dark)!important;--sfe-bd:var(--c-dark)!important;color:#fff!important} .sfe-main .sfe-article a.sfe-xl-chip:not(:disabled):not([aria-disabled="true"]):hover{background:var(--section-bg)!important;color:var(--ink)!important} } :where(.sfe-b1,#sfe-navcm .btn,#sfe-cmhome .btn.fill,#sfe-fab-main,#sfe-pen-fab,#sfe-chat-fab,#sfe-subscribe-fab,#sfe-progress-fab,.sfe-cmt-fab,.sfe-cmt-addbtn,.sfe-cmt-btn.primary,.sfe-progress-pop-cta,.sfe-tour-next,.sfe-tour-close,.sfe-chat-msg-bubble a.sfe-chat-cta:not(.sfe-kakao),.sfe-xq .sfe-xq-btn,.sfe-mock-go,.sfe-mx-submit,.sfe-mx-tab,.sfe-mr-btn[data-act="view"],.sfe-mv-chip.on,.sfe-b2,.sfe-main .sfe-article .sfe-hero-cap .cap-tour,.sfe-main .sfe-article a.cap-card.pri,.sfe-mr-btn[data-act="again"],.sfe-b3,#sfe-cmhome .btn.ghost,.sfe-main .sfe-article a.cap-card,.sfe-main .sfe-article a.sfe-ct,.sfe-main .sfe-article .sfe-newsims a.chip,.sfe-kg-chip,.sfe-cmt-btn.ghost,.sfe-cmt-addmore,.sfe-xd-btn,.sfe-chat-suggest button,.sfe-tour-skip,.sfe-ox-b,.sfe-mr-btn[data-act="paper"],.sfe-mr-btn[data-go],.sfe-mr-close,.sfe-mx-close,.sfe-mx-quit,.sfe-xk a.sfe-xk-card,.sfe-xk-qn,.sfe-main .sfe-article a.sfe-xk-qn,.sfe-main .sfe-article a.sfe-xl-chip,.sfe-bx,.sfe-cmt-delmine,.sfe-bt,.sfe-ox-x,.sfe-xk-btn,.sfe-main .sfe-article .sfe-xl button.sfe-xl-tab,.sfe-pr,.sfe-kakao,#sfe-dlg .sfe-dlg-a,#sfe-toast button,.ix-kpi>a:not(.btn),.ix-rail>a,.ix-nx,.ix-cg,.mk-fold-t,.mk-sw){transition:scale .1s cubic-bezier(.4,0,.2,1)} .sfe-b1:not(:disabled):not([aria-disabled="true"]):active,#sfe-navcm .btn:not(:disabled):not([aria-disabled="true"]):active,#sfe-cmhome .btn.fill:not(:disabled):not([aria-disabled="true"]):active,#sfe-fab-main:not(:disabled):not([aria-disabled="true"]):active,#sfe-pen-fab:not(:disabled):not([aria-disabled="true"]):active,#sfe-chat-fab:not(:disabled):not([aria-disabled="true"]):active,#sfe-subscribe-fab:not(:disabled):not([aria-disabled="true"]):active,#sfe-progress-fab:not(:disabled):not([aria-disabled="true"]):active,.sfe-cmt-fab:not(:disabled):not([aria-disabled="true"]):active,.sfe-cmt-addbtn:not(:disabled):not([aria-disabled="true"]):active,.sfe-cmt-btn.primary:not(:disabled):not([aria-disabled="true"]):active,.sfe-progress-pop-cta:not(:disabled):not([aria-disabled="true"]):active,.sfe-tour-next:not(:disabled):not([aria-disabled="true"]):active,.sfe-tour-close:not(:disabled):not([aria-disabled="true"]):active,.sfe-chat-msg-bubble a.sfe-chat-cta:not(.sfe-kakao):not(:disabled):not([aria-disabled="true"]):active,.sfe-xq .sfe-xq-btn:not(:disabled):not([aria-disabled="true"]):active,.sfe-mock-go:not(:disabled):not([aria-disabled="true"]):active,.sfe-mx-submit:not(:disabled):not([aria-disabled="true"]):active,.sfe-mx-tab:not(:disabled):not([aria-disabled="true"]):active,.sfe-mr-btn[data-act="view"]:not(:disabled):not([aria-disabled="true"]):active,.sfe-mv-chip.on:not(:disabled):not([aria-disabled="true"]):active,.sfe-b2:not(:disabled):not([aria-disabled="true"]):active,.sfe-main .sfe-article .sfe-hero-cap .cap-tour:not(:disabled):not([aria-disabled="true"]):active,.sfe-main .sfe-article a.cap-card.pri:not(:disabled):not([aria-disabled="true"]):active,.sfe-mr-btn[data-act="again"]:not(:disabled):not([aria-disabled="true"]):active,.sfe-b3:not(:disabled):not([aria-disabled="true"]):active,#sfe-cmhome .btn.ghost:not(:disabled):not([aria-disabled="true"]):active,.sfe-main .sfe-article a.cap-card:not(:disabled):not([aria-disabled="true"]):active,.sfe-main .sfe-article a.sfe-ct:not(:disabled):not([aria-disabled="true"]):active,.sfe-main .sfe-article .sfe-newsims a.chip:not(:disabled):not([aria-disabled="true"]):active,.sfe-kg-chip:not(:disabled):not([aria-disabled="true"]):active,.sfe-cmt-btn.ghost:not(:disabled):not([aria-disabled="true"]):active,.sfe-cmt-addmore:not(:disabled):not([aria-disabled="true"]):active,.sfe-xd-btn:not(:disabled):not([aria-disabled="true"]):active,.sfe-chat-suggest button:not(:disabled):not([aria-disabled="true"]):active,.sfe-tour-skip:not(:disabled):not([aria-disabled="true"]):active,.sfe-ox-b:not(:disabled):not([aria-disabled="true"]):active,.sfe-mr-btn[data-act="paper"]:not(:disabled):not([aria-disabled="true"]):active,.sfe-mr-btn[data-go]:not(:disabled):not([aria-disabled="true"]):active,.sfe-mr-close:not(:disabled):not([aria-disabled="true"]):active,.sfe-mx-close:not(:disabled):not([aria-disabled="true"]):active,.sfe-mx-quit:not(:disabled):not([aria-disabled="true"]):active,.sfe-xk a.sfe-xk-card:not(:disabled):not([aria-disabled="true"]):active,.sfe-xk-qn:not(:disabled):not([aria-disabled="true"]):active,.sfe-main .sfe-article a.sfe-xk-qn:not(:disabled):not([aria-disabled="true"]):active,.sfe-main .sfe-article a.sfe-xl-chip:not(:disabled):not([aria-disabled="true"]):active,.sfe-bx:not(:disabled):not([aria-disabled="true"]):active,.sfe-cmt-delmine:not(:disabled):not([aria-disabled="true"]):active,.sfe-bt:not(:disabled):not([aria-disabled="true"]):active,.sfe-ox-x:not(:disabled):not([aria-disabled="true"]):active,.sfe-xk-btn:not(:disabled):not([aria-disabled="true"]):active,.sfe-main .sfe-article .sfe-xl button.sfe-xl-tab:not(:disabled):not([aria-disabled="true"]):active,.sfe-pr:not(:disabled):not([aria-disabled="true"]):active,.sfe-kakao:not(:disabled):not([aria-disabled="true"]):active,#sfe-dlg .sfe-dlg-a:not(:disabled):not([aria-disabled="true"]):active,#sfe-toast button:not(:disabled):not([aria-disabled="true"]):active,.ix-kpi>a:not(.btn):not(:disabled):not([aria-disabled="true"]):active,.ix-rail>a:not(:disabled):not([aria-disabled="true"]):active,.ix-nx:not(:disabled):not([aria-disabled="true"]):active,.ix-cg:not(:disabled):not([aria-disabled="true"]):active,.mk-fold-t:not(:disabled):not([aria-disabled="true"]):active,.mk-sw:not(:disabled):not([aria-disabled="true"]):active,.sfe-b1:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,#sfe-navcm .btn:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,#sfe-cmhome .btn.fill:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,#sfe-fab-main:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,#sfe-pen-fab:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,#sfe-chat-fab:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,#sfe-subscribe-fab:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,#sfe-progress-fab:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-cmt-fab:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-cmt-addbtn:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-cmt-btn.primary:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-progress-pop-cta:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-tour-next:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-tour-close:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-chat-msg-bubble a.sfe-chat-cta:not(.sfe-kakao):not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-xq .sfe-xq-btn:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-mock-go:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-mx-submit:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-mx-tab:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-mr-btn[data-act="view"]:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-mv-chip.on:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-b2:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-main .sfe-article .sfe-hero-cap .cap-tour:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-main .sfe-article a.cap-card.pri:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-mr-btn[data-act="again"]:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-b3:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,#sfe-cmhome .btn.ghost:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-main .sfe-article a.cap-card:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-main .sfe-article a.sfe-ct:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-main .sfe-article .sfe-newsims a.chip:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-kg-chip:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-cmt-btn.ghost:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-cmt-addmore:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-xd-btn:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-chat-suggest button:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-tour-skip:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-ox-b:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-mr-btn[data-act="paper"]:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-mr-btn[data-go]:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-mr-close:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-mx-close:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-mx-quit:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-xk a.sfe-xk-card:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-xk-qn:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-main .sfe-article a.sfe-xk-qn:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-main .sfe-article a.sfe-xl-chip:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-bx:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-cmt-delmine:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-bt:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-ox-x:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-xk-btn:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-main .sfe-article .sfe-xl button.sfe-xl-tab:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-pr:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-kakao:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,#sfe-dlg .sfe-dlg-a:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,#sfe-toast button:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.ix-kpi>a:not(.btn):not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.ix-rail>a:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.ix-nx:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.ix-cg:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.mk-fold-t:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.mk-sw:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-hh:active .sfe-b1,.sfe-hh:active .sfe-b2,.sfe-hh:active .sfe-b3,.sfe-hh:active .sfe-bx,.sfe-hh:active .sfe-bt,.sfe-hh.sfe-pen-press .sfe-b1,.sfe-hh.sfe-pen-press .sfe-b2,.sfe-hh.sfe-pen-press .sfe-b3,.sfe-hh.sfe-pen-press .sfe-bx,.sfe-hh.sfe-pen-press .sfe-bt{scale:.985} @media (prefers-reduced-motion:reduce){.sfe-b1:not(:disabled):not([aria-disabled="true"]):active,#sfe-navcm .btn:not(:disabled):not([aria-disabled="true"]):active,#sfe-cmhome .btn.fill:not(:disabled):not([aria-disabled="true"]):active,#sfe-fab-main:not(:disabled):not([aria-disabled="true"]):active,#sfe-pen-fab:not(:disabled):not([aria-disabled="true"]):active,#sfe-chat-fab:not(:disabled):not([aria-disabled="true"]):active,#sfe-subscribe-fab:not(:disabled):not([aria-disabled="true"]):active,#sfe-progress-fab:not(:disabled):not([aria-disabled="true"]):active,.sfe-cmt-fab:not(:disabled):not([aria-disabled="true"]):active,.sfe-cmt-addbtn:not(:disabled):not([aria-disabled="true"]):active,.sfe-cmt-btn.primary:not(:disabled):not([aria-disabled="true"]):active,.sfe-progress-pop-cta:not(:disabled):not([aria-disabled="true"]):active,.sfe-tour-next:not(:disabled):not([aria-disabled="true"]):active,.sfe-tour-close:not(:disabled):not([aria-disabled="true"]):active,.sfe-chat-msg-bubble a.sfe-chat-cta:not(.sfe-kakao):not(:disabled):not([aria-disabled="true"]):active,.sfe-xq .sfe-xq-btn:not(:disabled):not([aria-disabled="true"]):active,.sfe-mock-go:not(:disabled):not([aria-disabled="true"]):active,.sfe-mx-submit:not(:disabled):not([aria-disabled="true"]):active,.sfe-mx-tab:not(:disabled):not([aria-disabled="true"]):active,.sfe-mr-btn[data-act="view"]:not(:disabled):not([aria-disabled="true"]):active,.sfe-mv-chip.on:not(:disabled):not([aria-disabled="true"]):active,.sfe-b2:not(:disabled):not([aria-disabled="true"]):active,.sfe-main .sfe-article .sfe-hero-cap .cap-tour:not(:disabled):not([aria-disabled="true"]):active,.sfe-main .sfe-article a.cap-card.pri:not(:disabled):not([aria-disabled="true"]):active,.sfe-mr-btn[data-act="again"]:not(:disabled):not([aria-disabled="true"]):active,.sfe-b3:not(:disabled):not([aria-disabled="true"]):active,#sfe-cmhome .btn.ghost:not(:disabled):not([aria-disabled="true"]):active,.sfe-main .sfe-article a.cap-card:not(:disabled):not([aria-disabled="true"]):active,.sfe-main .sfe-article a.sfe-ct:not(:disabled):not([aria-disabled="true"]):active,.sfe-main .sfe-article .sfe-newsims a.chip:not(:disabled):not([aria-disabled="true"]):active,.sfe-kg-chip:not(:disabled):not([aria-disabled="true"]):active,.sfe-cmt-btn.ghost:not(:disabled):not([aria-disabled="true"]):active,.sfe-cmt-addmore:not(:disabled):not([aria-disabled="true"]):active,.sfe-xd-btn:not(:disabled):not([aria-disabled="true"]):active,.sfe-chat-suggest button:not(:disabled):not([aria-disabled="true"]):active,.sfe-tour-skip:not(:disabled):not([aria-disabled="true"]):active,.sfe-ox-b:not(:disabled):not([aria-disabled="true"]):active,.sfe-mr-btn[data-act="paper"]:not(:disabled):not([aria-disabled="true"]):active,.sfe-mr-btn[data-go]:not(:disabled):not([aria-disabled="true"]):active,.sfe-mr-close:not(:disabled):not([aria-disabled="true"]):active,.sfe-mx-close:not(:disabled):not([aria-disabled="true"]):active,.sfe-mx-quit:not(:disabled):not([aria-disabled="true"]):active,.sfe-xk a.sfe-xk-card:not(:disabled):not([aria-disabled="true"]):active,.sfe-xk-qn:not(:disabled):not([aria-disabled="true"]):active,.sfe-main .sfe-article a.sfe-xk-qn:not(:disabled):not([aria-disabled="true"]):active,.sfe-main .sfe-article a.sfe-xl-chip:not(:disabled):not([aria-disabled="true"]):active,.sfe-bx:not(:disabled):not([aria-disabled="true"]):active,.sfe-cmt-delmine:not(:disabled):not([aria-disabled="true"]):active,.sfe-bt:not(:disabled):not([aria-disabled="true"]):active,.sfe-ox-x:not(:disabled):not([aria-disabled="true"]):active,.sfe-xk-btn:not(:disabled):not([aria-disabled="true"]):active,.sfe-main .sfe-article .sfe-xl button.sfe-xl-tab:not(:disabled):not([aria-disabled="true"]):active,.sfe-pr:not(:disabled):not([aria-disabled="true"]):active,.sfe-kakao:not(:disabled):not([aria-disabled="true"]):active,#sfe-dlg .sfe-dlg-a:not(:disabled):not([aria-disabled="true"]):active,#sfe-toast button:not(:disabled):not([aria-disabled="true"]):active,.ix-kpi>a:not(.btn):not(:disabled):not([aria-disabled="true"]):active,.ix-rail>a:not(:disabled):not([aria-disabled="true"]):active,.ix-nx:not(:disabled):not([aria-disabled="true"]):active,.ix-cg:not(:disabled):not([aria-disabled="true"]):active,.mk-fold-t:not(:disabled):not([aria-disabled="true"]):active,.mk-sw:not(:disabled):not([aria-disabled="true"]):active,.sfe-b1:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,#sfe-navcm .btn:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,#sfe-cmhome .btn.fill:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,#sfe-fab-main:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,#sfe-pen-fab:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,#sfe-chat-fab:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,#sfe-subscribe-fab:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,#sfe-progress-fab:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-cmt-fab:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-cmt-addbtn:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-cmt-btn.primary:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-progress-pop-cta:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-tour-next:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-tour-close:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-chat-msg-bubble a.sfe-chat-cta:not(.sfe-kakao):not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-xq .sfe-xq-btn:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-mock-go:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-mx-submit:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-mx-tab:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-mr-btn[data-act="view"]:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-mv-chip.on:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-b2:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-main .sfe-article .sfe-hero-cap .cap-tour:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-main .sfe-article a.cap-card.pri:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-mr-btn[data-act="again"]:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-b3:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,#sfe-cmhome .btn.ghost:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-main .sfe-article a.cap-card:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-main .sfe-article a.sfe-ct:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-main .sfe-article .sfe-newsims a.chip:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-kg-chip:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-cmt-btn.ghost:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-cmt-addmore:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-xd-btn:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-chat-suggest button:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-tour-skip:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-ox-b:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-mr-btn[data-act="paper"]:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-mr-btn[data-go]:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-mr-close:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-mx-close:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-mx-quit:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-xk a.sfe-xk-card:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-xk-qn:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-main .sfe-article a.sfe-xk-qn:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-main .sfe-article a.sfe-xl-chip:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-bx:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-cmt-delmine:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-bt:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-ox-x:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-xk-btn:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-main .sfe-article .sfe-xl button.sfe-xl-tab:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-pr:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-kakao:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,#sfe-dlg .sfe-dlg-a:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,#sfe-toast button:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.ix-kpi>a:not(.btn):not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.ix-rail>a:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.ix-nx:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.ix-cg:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.mk-fold-t:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.mk-sw:not(:disabled):not([aria-disabled="true"]).sfe-pen-press,.sfe-hh:active .sfe-b1,.sfe-hh:active .sfe-b2,.sfe-hh:active .sfe-b3,.sfe-hh:active .sfe-bx,.sfe-hh:active .sfe-bt,.sfe-hh.sfe-pen-press .sfe-b1,.sfe-hh.sfe-pen-press .sfe-b2,.sfe-hh.sfe-pen-press .sfe-b3,.sfe-hh.sfe-pen-press .sfe-bx,.sfe-hh.sfe-pen-press .sfe-bt{scale:none}} .sfe-b1:focus-visible,#sfe-navcm .btn:focus-visible,#sfe-cmhome .btn.fill:focus-visible,#sfe-fab-main:focus-visible,#sfe-pen-fab:focus-visible,#sfe-chat-fab:focus-visible,#sfe-subscribe-fab:focus-visible,#sfe-progress-fab:focus-visible,.sfe-cmt-fab:focus-visible,.sfe-cmt-addbtn:focus-visible,.sfe-cmt-btn.primary:focus-visible,.sfe-progress-pop-cta:focus-visible,.sfe-tour-next:focus-visible,.sfe-tour-close:focus-visible,.sfe-chat-msg-bubble a.sfe-chat-cta:not(.sfe-kakao):focus-visible,.sfe-xq .sfe-xq-btn:focus-visible,.sfe-mock-go:focus-visible,.sfe-mx-submit:focus-visible,.sfe-mx-tab:focus-visible,.sfe-mr-btn[data-act="view"]:focus-visible,.sfe-mv-chip.on:focus-visible,.sfe-b2:focus-visible,.sfe-main .sfe-article .sfe-hero-cap .cap-tour:focus-visible,.sfe-main .sfe-article a.cap-card.pri:focus-visible,.sfe-mr-btn[data-act="again"]:focus-visible,.sfe-b3:focus-visible,#sfe-cmhome .btn.ghost:focus-visible,.sfe-main .sfe-article a.cap-card:focus-visible,.sfe-main .sfe-article a.sfe-ct:focus-visible,.sfe-main .sfe-article .sfe-newsims a.chip:focus-visible,.sfe-kg-chip:focus-visible,.sfe-cmt-btn.ghost:focus-visible,.sfe-cmt-addmore:focus-visible,.sfe-xd-btn:focus-visible,.sfe-chat-suggest button:focus-visible,.sfe-tour-skip:focus-visible,.sfe-ox-b:focus-visible,.sfe-mr-btn[data-act="paper"]:focus-visible,.sfe-mr-btn[data-go]:focus-visible,.sfe-mr-close:focus-visible,.sfe-mx-close:focus-visible,.sfe-mx-quit:focus-visible,.sfe-xk a.sfe-xk-card:focus-visible,.sfe-xk-qn:focus-visible,.sfe-main .sfe-article a.sfe-xk-qn:focus-visible,.sfe-main .sfe-article a.sfe-xl-chip:focus-visible,.sfe-bt:focus-visible,.sfe-ox-x:focus-visible,.sfe-xk-btn:focus-visible,.sfe-main .sfe-article .sfe-xl button.sfe-xl-tab:focus-visible{outline:2px solid var(--c);outline-offset:2px} .sfe-bx:focus-visible,.sfe-cmt-delmine:focus-visible{outline:2px solid var(--sfe-danger);outline-offset:2px} .sfe-b1:disabled,.sfe-b1[aria-disabled="true"],#sfe-navcm .btn:disabled,#sfe-navcm .btn[aria-disabled="true"],#sfe-cmhome .btn.fill:disabled,#sfe-cmhome .btn.fill[aria-disabled="true"],#sfe-fab-main:disabled,#sfe-fab-main[aria-disabled="true"],#sfe-pen-fab:disabled,#sfe-pen-fab[aria-disabled="true"],#sfe-chat-fab:disabled,#sfe-chat-fab[aria-disabled="true"],#sfe-subscribe-fab:disabled,#sfe-subscribe-fab[aria-disabled="true"],#sfe-progress-fab:disabled,#sfe-progress-fab[aria-disabled="true"],.sfe-cmt-fab:disabled,.sfe-cmt-fab[aria-disabled="true"],.sfe-cmt-addbtn:disabled,.sfe-cmt-addbtn[aria-disabled="true"],.sfe-cmt-btn.primary:disabled,.sfe-cmt-btn.primary[aria-disabled="true"],.sfe-progress-pop-cta:disabled,.sfe-progress-pop-cta[aria-disabled="true"],.sfe-tour-next:disabled,.sfe-tour-next[aria-disabled="true"],.sfe-tour-close:disabled,.sfe-tour-close[aria-disabled="true"],.sfe-chat-msg-bubble a.sfe-chat-cta:not(.sfe-kakao):disabled,.sfe-chat-msg-bubble a.sfe-chat-cta:not(.sfe-kakao)[aria-disabled="true"],.sfe-xq .sfe-xq-btn:disabled,.sfe-xq .sfe-xq-btn[aria-disabled="true"],.sfe-mock-go:disabled,.sfe-mock-go[aria-disabled="true"],.sfe-mx-submit:disabled,.sfe-mx-submit[aria-disabled="true"],.sfe-mx-tab:disabled,.sfe-mx-tab[aria-disabled="true"],.sfe-mr-btn[data-act="view"]:disabled,.sfe-mr-btn[data-act="view"][aria-disabled="true"],.sfe-mv-chip.on:disabled,.sfe-mv-chip.on[aria-disabled="true"],.sfe-b2:disabled,.sfe-b2[aria-disabled="true"],.sfe-main .sfe-article .sfe-hero-cap .cap-tour:disabled,.sfe-main .sfe-article .sfe-hero-cap .cap-tour[aria-disabled="true"],.sfe-main .sfe-article a.cap-card.pri:disabled,.sfe-main .sfe-article a.cap-card.pri[aria-disabled="true"],.sfe-mr-btn[data-act="again"]:disabled,.sfe-mr-btn[data-act="again"][aria-disabled="true"],.sfe-b3:disabled,.sfe-b3[aria-disabled="true"],#sfe-cmhome .btn.ghost:disabled,#sfe-cmhome .btn.ghost[aria-disabled="true"],.sfe-main .sfe-article a.cap-card:disabled,.sfe-main .sfe-article a.cap-card[aria-disabled="true"],.sfe-main .sfe-article a.sfe-ct:disabled,.sfe-main .sfe-article a.sfe-ct[aria-disabled="true"],.sfe-main .sfe-article .sfe-newsims a.chip:disabled,.sfe-main .sfe-article .sfe-newsims a.chip[aria-disabled="true"],.sfe-kg-chip:disabled,.sfe-kg-chip[aria-disabled="true"],.sfe-cmt-btn.ghost:disabled,.sfe-cmt-btn.ghost[aria-disabled="true"],.sfe-cmt-addmore:disabled,.sfe-cmt-addmore[aria-disabled="true"],.sfe-xd-btn:disabled,.sfe-xd-btn[aria-disabled="true"],.sfe-chat-suggest button:disabled,.sfe-chat-suggest button[aria-disabled="true"],.sfe-tour-skip:disabled,.sfe-tour-skip[aria-disabled="true"],.sfe-ox-b:disabled,.sfe-ox-b[aria-disabled="true"],.sfe-mr-btn[data-act="paper"]:disabled,.sfe-mr-btn[data-act="paper"][aria-disabled="true"],.sfe-mr-btn[data-go]:disabled,.sfe-mr-btn[data-go][aria-disabled="true"],.sfe-mr-close:disabled,.sfe-mr-close[aria-disabled="true"],.sfe-mx-close:disabled,.sfe-mx-close[aria-disabled="true"],.sfe-mx-quit:disabled,.sfe-mx-quit[aria-disabled="true"],.sfe-xk a.sfe-xk-card:disabled,.sfe-xk a.sfe-xk-card[aria-disabled="true"],.sfe-xk-qn:disabled,.sfe-xk-qn[aria-disabled="true"],.sfe-main .sfe-article a.sfe-xk-qn:disabled,.sfe-main .sfe-article a.sfe-xk-qn[aria-disabled="true"],.sfe-main .sfe-article a.sfe-xl-chip:disabled,.sfe-main .sfe-article a.sfe-xl-chip[aria-disabled="true"],.sfe-bx:disabled,.sfe-bx[aria-disabled="true"],.sfe-cmt-delmine:disabled,.sfe-cmt-delmine[aria-disabled="true"],.sfe-bt:disabled,.sfe-bt[aria-disabled="true"],.sfe-ox-x:disabled,.sfe-ox-x[aria-disabled="true"],.sfe-xk-btn:disabled,.sfe-xk-btn[aria-disabled="true"],.sfe-main .sfe-article .sfe-xl button.sfe-xl-tab:disabled,.sfe-main .sfe-article .sfe-xl button.sfe-xl-tab[aria-disabled="true"]{border-style:dashed;border-color:var(--sfe-none-ln);--sfe-bd:var(--sfe-none-ln);background:var(--sfe-none-bg);color:var(--sfe-none-fg);cursor:not-allowed} .sfe-bn,.sfe-mr-c.n,.sfe-mv-chip.n:not(.on),.sfe-mv-tag.n,.sfe-gc-empty{border-style:dashed;border-color:var(--sfe-none-ln);--sfe-bd:var(--sfe-none-ln);background:var(--sfe-none-bg);color:var(--sfe-none-fg)} .sfe-kakao.sfe-kakao{background:var(--sfe-kakao);border-color:var(--sfe-kakao);--sfe-bd:var(--sfe-kakao);color:var(--sfe-kakao-fg)} .sfe-kakao:focus-visible{outline:2px solid var(--sfe-kakao-fg);outline-offset:2px} /* SFE_BTN_V1 END */ /* SFE_SIDEBAR_DRAG_V1_CSS START */ /*SFE_SIDEBAR_DRAG_V1 SFE_FABBAR_V1_CSS*/ /*SFE_TOC_FOLD_V1*/ .sfe-grip { width: 24px; height: 72px; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; outline: none; -webkit-appearance: none; appearance: none; cursor: pointer; -webkit-tap-highlight-color: transparent; } .sfe-grip::before { content: ''; position: absolute; left: 0; top: 4px; width: 6px; height: 64px; background: var(--c-surf-lite, var(--s-base-surf-lite)); transition: background-color .2s; } .sfe-grip--r::before { left: auto; right: 0; } .sfe-grip:focus-visible::before { background: var(--c-surf, var(--s-base-surf)); } @media (hover: hover) { .sfe-grip:hover::before { background: var(--c-surf, var(--s-base-surf)); } } @media print { .sfe-grip { display: none !important; } } #__SFE_NAV_GRIP__ { position: fixed; left: 0; top: calc(50% - 4px); z-index: 4999; display: none; touch-action: manipulation; transform: translateX(var(--sfe-ng-x, 0px)); transition: transform .2s cubic-bezier(.4,0,.2,1); } #__SFE_NAV_GRIP__.sfe-ng-on { display: block; } #__SFE_NAV_GRIP__.sfe-ng-top { z-index: 8001; } #__SFE_NAV_GRIP__.sfe-ng-init { transition: none; } @media (max-width: 959px) { #__SFE_NAV_GRIP__ { top: calc(50% - 8px); } } /* SFE_SIDEBAR_DRAG_V1_CSS END */ /* SFE_COMMUNITY_LINK_V1_CSS START */ /*SFE_COMMUNITY_LINK_V1 SFE_SIDEBAR_DRAG_V1_CSS SFE_FULLSCREEN_V1_CSS*/ .sfe-cmlink{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;margin:0;position:relative; background:transparent;border:0;border-radius:50%;flex:none;text-decoration:none!important;-webkit-tap-highlight-color:transparent} .sfe-cmlink::before{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff;transition:background .12s ease} .sfe-cmlink:hover::before{background:var(--s-base-bg)} /*SFE_HEADER_ICON_SIZE_V1*/ .sfe-cmlink svg{width:clamp(24px,calc(22px + 0.333vw),26px);height:clamp(24px,calc(22px + 0.333vw),26px);display:block;position:relative;z-index:1; fill:var(--c-surf,var(--s-base-surf))} .sfe-cmlink .sfe-cmlink-n{position:absolute;top:3px;right:3px;min-width:16px;height:16px;padding:0 4px;background:#be2243;color:#fff;font-family:var(--ff-ui);font-size:10px;font-weight:700;line-height:16px;text-align:center;border-radius:8px;z-index:2;box-shadow:0 0 0 2px #fff} @media print{.sfe-cmlink{display:none!important}} /* SFE_COMMUNITY_LINK_V1_CSS END */ /* SFE_FULLSCREEN_V1_CSS START */ /*SFE_FULLSCREEN_V1 SFE_SIDEBAR_DRAG_V1_CSS SFE_FABBAR_V1_CSS*/ #sfe-fsbtn{position:fixed;display:none;align-items:center;justify-content:center;width:48px;height:48px;padding:0;margin:0;border:0;border-radius:50%;background:transparent;cursor:pointer;z-index:7001;-webkit-tap-highlight-color:transparent;opacity:0;transition:opacity .18s ease} #sfe-fsbtn.sfe-on{opacity:1} #sfe-fsbtn .sfe-icn--ui{font-size:30px;color:#fff} #sfe-fsbtn:hover{background:rgba(255,255,255,.08)} /* SFE_FULLSCREEN_V1_CSS END */ /* SFE_TOC_FOLD_V1_CSS START */ /*SFE_TOC_FOLD_V1 SFE_SIDEBAR_DRAG_V1_CSS*/ html[data-sfe-tocf] .sfe-col-side { display: none !important; } html[data-sfe-tocf] .sfe-col-main { max-width: 100% !important; flex-basis: 100% !important; } /*SFE_SIDEBAR_DRAG_V1_CSS*/ #__SFE_TOC_GRIP__ { position: absolute; left: -24px; top: 0; z-index: 2; touch-action: none; } #__SFE_TOC_EDGE__ { position: fixed; right: 0; top: 0; z-index: 4999; touch-action: none; display: none; } #__SFE_TOC_EDGE__.sfe-tfe-on { display: block; } #__SFE_TOC_SCRIM__ { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 7990; background: rgba(33,33,33,.46); opacity: 0; pointer-events: none; transition: opacity .2s cubic-bezier(.4,0,.2,1); } #__SFE_TOC_SCRIM__.sfe-tp-open { opacity: 1; pointer-events: auto; } #__SFE_TOC_POP__ { position: fixed; right: 12px; top: 75px; width: 270px; z-index: 4999; display: block; background: transparent !important; transform: translateX(calc(100% + 12px)); visibility: hidden; transition: transform .2s cubic-bezier(.4,0,.2,1), z-index 0s linear .2s, visibility 0s linear .2s; touch-action: pan-y; /*SFE_TOC_MIRROR_V1*/ font-family: var(--ff-ui); } @media (max-width: 959px) { #__SFE_TOC_POP__ { top: 67px; } } #__SFE_TOC_POP__.sfe-tp-open { transform: none; z-index: 7991; visibility: visible; transition: transform .2s cubic-bezier(.4,0,.2,1), z-index 0s, visibility 0s; } #__SFE_TOC_POP__.sfe-tp-off { display: none !important; } #__SFE_TOC_POP__ > #__SFE_TOC_GRIP__ { visibility: visible; } @media (prefers-reduced-motion: reduce) { #__SFE_TOC_POP__, #__SFE_TOC_POP__.sfe-tp-open, #__SFE_TOC_SCRIM__ { transition: none; } } @media print { #__SFE_TOC_POP__, #__SFE_TOC_SCRIM__ { display: none !important; } } /* SFE_TOC_FOLD_V1_CSS END */ /* SFE_TOC_MIRROR_V1 START */ /*SFE_TOC_FOLD_V1 SFE_TRIM_V1 SFE_TOC_FOLD_V1_CSS SFE_EXPL_DOCK_V1*/ #__SFE_TOC_POP__>.sfe-box{width:100%!important;margin-left:0!important;margin-right:0!important} #__SFE_TOC_POP__ .sfe-toc-card .sfe-toc-h{color: var(--c-dark) !important;font-weight: 700 !important;font-size: 15px !important;letter-spacing: -0.02em !important;line-height: 1.2 !important;font-family:var(--ff-ui) !important;text-transform: none !important} #__SFE_TOC_POP__ .sfe-toc-card .sfe-list{max-height:calc(100vh - 232px);overflow-y:auto;overscroll-behavior:contain;padding:8px 8px 10px!important;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%)} #__SFE_TOC_POP__ .sfe-toc-card{border:1px solid rgba(0,0,0,.06)!important;box-shadow:0 1px 2px rgba(0,0,0,.04),0 6px 20px rgba(0,0,0,.05)!important} #__SFE_TOC_POP__ .sfe-toc-card .sfe-toc-h{padding:18px 18px 12px!important;border-bottom:1px solid rgba(0,0,0,.06)!important} #__SFE_TOC_POP__ .sfe-toc-card .sfe-list .sfe-li{min-height:32px!important;margin-bottom:1px!important;padding:0 10px!important;border-radius:0!important;transition:background-color .12s ease} #__SFE_TOC_POP__ .sfe-toc-card .sfe-list .sfe-li:hover{background-color:color-mix(in srgb, var(--c) 8%, #fff)} #__SFE_TOC_POP__ .sfe-toc-card .sfe-list .sfe-li .sfe-icn--ui{display:none!important} #__SFE_TOC_POP__ .sfe-toc-card .sfe-list .sfe-li:has(.sfe-li-t.sfe-sub){margin-left:12px;border-left:1px solid rgba(0,0,0,.07)} #__SFE_TOC_POP__ .sfe-toc-card .sfe-list .sfe-li-t{font-family:var(--ff-ui)!important;padding:0!important;letter-spacing:-.01em!important} #__SFE_TOC_POP__ .sfe-toc-card .sfe-list .sfe-li-t:not(.sfe-sub){font-size:13px!important;font-weight:400!important;color:#1f2328!important} #__SFE_TOC_POP__ .sfe-toc-card .sfe-list .sfe-li-t.sfe-sub{font-size:12.5px!important;color:#5f6a75!important;padding-left:12px!important} #__SFE_TOC_POP__ .sfe-toc-card .sfe-list .sfe-li-t:not(.sfe-sub){position:relative;padding-left:14px!important} #__SFE_TOC_POP__ .sfe-toc-card .sfe-list .sfe-li-t:not(.sfe-sub)::before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:rgba(var(--c-rgb),.55);background:color-mix(in srgb, var(--c) 55%, #fff)} @supports (text-box:trim-both cap alphabetic){ #__SFE_TOC_POP__ .sfe-toc-card .sfe-list .sfe-li .sfe-li-t{--T:round(nearest,1lh,var(--dp,1px));--ik:-.025em;text-box:trim-both cap alphabetic;min-height:var(--T);align-content:end;box-sizing:border-box;padding-top:calc(var(--T) - round(nearest,calc(var(--T) / 2 - var(--sfe-z,calc(.5cap - var(--ik)))),var(--dp,1px)) - round(up,1cap,var(--dp,1px)))!important;padding-bottom:round(nearest,calc(var(--T) / 2 - var(--sfe-z,calc(.5cap - var(--ik)))),var(--dp,1px))!important} } @media (max-width:959px){ #__SFE_TOC_POP__ .sfe-toc-card .sfe-list{max-height:calc(100vh - 224px)} } @supports (height:100dvh){ #__SFE_TOC_POP__ .sfe-toc-card .sfe-list{max-height:calc(100dvh - 232px)} @media (max-width:959px){ #__SFE_TOC_POP__ .sfe-toc-card .sfe-list{max-height:calc(100dvh - 224px)} } } /* SFE_TOC_MIRROR_V1 END */ /* SFE_NAVCM_BROWSE_V1_CSS START — 사이드바 커뮤니티 카드 모양(2026-11-06 몸 블록 SFE_NAVCM_BROWSE_V1