:root{
  --background:210 40% 98%;
  --foreground:222 47% 11%;
  --primary:217 91% 60%;
  --primary-foreground:0 0% 100%;
  --primary-dark:221 83% 53%;
  --secondary:222 47% 11%;
  --secondary-foreground:210 40% 98%;
  --accent:16 86% 64%;
  --accent-foreground:222 47% 11%;
  --muted:210 40% 96%;
  --muted-foreground:215 20% 42%;
  --card:0 0% 100%;
  --card-foreground:222 47% 11%;
  --popover:0 0% 100%;
  --popover-foreground:222 47% 11%;
  --border:214 30% 90%;
  --input:214 30% 90%;
  --ring:221 83% 53%;
  --radius:.9rem;
}
html{scroll-behavior:smooth}
body.v11-atelier{
  background:
    radial-gradient(900px 540px at 4% -10%,rgba(191,219,254,.55),transparent 66%),
    radial-gradient(760px 480px at 98% 0%,rgba(254,215,170,.4),transparent 64%),
    #f8fafc;
  color:#0f172a;
  font-family:"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Segoe UI",Roboto,sans-serif;
}
body.v11-atelier h1,body.v11-atelier h2,body.v11-atelier h3,body.v11-atelier h4,body.v11-atelier h5,body.v11-atelier h6{
  font-family:"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Segoe UI",Roboto,sans-serif;
  letter-spacing:-.055em;
  color:#0f172a;
}
body.v11-atelier .bg-white{background-color:#fff!important}
body.v11-atelier .rounded-3xl{border-radius:22px!important}
body.v11-atelier .rounded-2xl{border-radius:16px!important}
body.v11-atelier .rounded-xl{border-radius:12px!important}
body.v11-atelier [class*="shadow-["]{box-shadow:0 18px 50px -34px rgba(15,23,42,.22),0 0 0 1px rgba(15,23,42,.035) inset!important}
body.v11-atelier ::selection{background:#bfdbfe;color:#0f172a}
body.v11-atelier a:focus-visible,body.v11-atelier button:focus-visible,body.v11-atelier summary:focus-visible{outline:3px solid #2563eb;outline-offset:3px}

body.v11-atelier header{
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid #e6edf5!important;
  box-shadow:0 12px 32px -30px rgba(15,23,42,.28);
  backdrop-filter:blur(18px);
}
body.v11-atelier header>div{height:5.2rem}
body.v11-atelier header>div>a[href="/"]>span:first-child{
  background:linear-gradient(135deg,#7dd3fc 0%,#3b82f6 56%,#2563eb 100%)!important;
  border-radius:13px!important;
  box-shadow:0 8px 22px -12px rgba(37,99,235,.55),0 0 0 1px rgba(37,99,235,.08) inset!important;
  color:#fff!important;
}
body.v11-atelier header>div>a[href="/"]>span:last-child{
  color:#0f172a!important;
  font-family:"Noto Sans KR",sans-serif;
  font-weight:900!important;
  letter-spacing:-.06em;
}
body.v11-atelier header>div>a[href="/"]::after{
  content:"LINK INDEX";
  margin-left:.55rem;
  padding:.2rem .44rem .17rem;
  border:1px solid #bfdbfe;
  border-radius:999px;
  color:#1d4ed8;
  background:#eff6ff;
  font:800 8px/1.2 "Noto Sans KR",sans-serif;
  letter-spacing:.14em;
  white-space:nowrap;
}
body.v11-atelier header nav a,body.v11-atelier header nav button{color:#334155!important;letter-spacing:-.015em}
body.v11-atelier header nav a:hover,body.v11-atelier header nav button:hover{color:#2563eb!important}
body.v11-atelier header nav .bg-white{background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 24px 60px -32px rgba(15,23,42,.28)!important}
body.v11-atelier header nav .bg-white a{color:#334155!important}
body.v11-atelier header nav .bg-white a:hover{background:#eff6ff!important;color:#1d4ed8!important}
body.v11-atelier header button[aria-label="메뉴 열기"]{color:#0f172a!important}
body.v11-atelier header nav.bg-white{
  background:
    radial-gradient(520px 260px at 8% 0%,rgba(219,234,254,.7),transparent 68%),
    radial-gradient(520px 300px at 100% 100%,rgba(255,237,213,.7),transparent 66%),
    #fff!important;
  border-color:#e2e8f0!important;
}
body.v11-atelier header nav.bg-white a{color:#334155!important}
body.v11-atelier header nav.bg-white a:hover{background:#eff6ff!important;color:#1d4ed8!important}
body.v11-atelier header nav.bg-white p{color:#2563eb!important}
body.v11-atelier header nav.bg-white .border-border{border-color:#e2e8f0!important}
body.v11-atelier a.bg-brand-600,body.v11-atelier button.bg-brand-600,body.v11-atelier a.bg-brand-500,body.v11-atelier button.bg-brand-500{
  background:#2563eb!important;
  color:#fff!important;
  border-radius:999px!important;
  box-shadow:0 12px 26px -16px rgba(37,99,235,.65),0 0 0 1px rgba(37,99,235,.08) inset;
  letter-spacing:-.015em;
}
body.v11-atelier a.bg-brand-600:hover,body.v11-atelier button.bg-brand-600:hover,body.v11-atelier a.bg-brand-500:hover,body.v11-atelier button.bg-brand-500:hover{background:#1d4ed8!important;transform:translateY(-1px)}
body.v11-atelier select,body.v11-atelier input{border-color:#cbd5e1!important;background:#fff!important;color:#0f172a!important}

body.v11-atelier main>div.bg-brand-950{
  background:linear-gradient(90deg,#eff6ff 0%,#f8fbff 48%,#fff7ed 100%)!important;
  border-bottom:1px solid #e2e8f0;
}
body.v11-atelier main>div.bg-brand-950 a.border-white\/20{
  border-color:#bfdbfe!important;
  background:#fff!important;
  color:#1d4ed8!important;
}
body.v11-atelier main>div.bg-brand-950 a.border-white\/20:hover{background:#eff6ff!important}
body.v11-atelier main>div.bg-brand-950 svg{color:currentColor!important}

body.v11-atelier main>section:nth-of-type(1){
  background:
    radial-gradient(ellipse 56% 76% at 7% 8%,rgba(219,234,254,.9),transparent 62%),
    radial-gradient(ellipse 48% 64% at 96% 0%,rgba(255,237,213,.78),transparent 62%),
    radial-gradient(ellipse 44% 58% at 74% 108%,rgba(224,242,254,.58),transparent 66%),
    linear-gradient(180deg,#f8fbff 0%,#ffffff 100%)!important;
  border-bottom:1px solid #e7eef7;
  box-shadow:none;
}
body.v11-atelier main>section:nth-of-type(1) h1{
  color:#0f172a!important;
  background:none!important;
  -webkit-text-fill-color:currentColor!important;
  font-weight:800;
  letter-spacing:-.065em;
}
body.v11-atelier main>section:nth-of-type(1) p{color:#475569}
body.v11-atelier main>section:nth-of-type(1) .text-muted-foreground{color:#64748b!important}
body.v11-atelier main>section:nth-of-type(1) strong{color:#1d4ed8!important}
body.v11-atelier main>section:nth-of-type(1) .text-gradient{background-image:linear-gradient(100deg,#1d4ed8 0%,#0284c7 58%,#f97362 112%)!important}
body.v11-atelier main>section:nth-of-type(1) .text-brand-500{color:#2563eb!important}
body.v11-atelier main>section:nth-of-type(1) .inline-flex.text-brand-700{color:#1d4ed8!important}
body.v11-atelier main>section:nth-of-type(1) .bg-brand-100{
  background:#eff6ff!important;
  border:1px solid #bfdbfe;
  color:#1d4ed8!important;
}
body.v11-atelier main>section:nth-of-type(1) .bg-brand-100 .bg-brand-500{background:#2563eb!important}
body.v11-atelier main>section:nth-of-type(1) a[href="#types"]{
  background:#fff!important;
  border-color:#dbeafe!important;
  color:#1d4ed8!important;
  border-radius:999px;
}
body.v11-atelier main>section:nth-of-type(1) a[href="#types"]:hover{background:#eff6ff!important;border-color:#93c5fd!important}
body.v11-atelier main>section:nth-of-type(1)[class*="from-brand"]{background:linear-gradient(180deg,#f8fbff,#fff)!important}
body.v11-atelier main>section:nth-of-type(1)>div[class*="bg-gradient-to-"][class*="inset-0"]{
  background:linear-gradient(128deg,rgba(219,234,254,.55) 0%,rgba(255,255,255,.7) 48%,rgba(255,237,213,.45) 100%)!important;
  opacity:1!important;
}
body.v11-atelier main>section:nth-of-type(1) div.bg-white{
  background:#fff!important;
  border-color:#dbeafe!important;
  box-shadow:0 26px 60px -38px rgba(37,99,235,.3),0 0 0 1px rgba(37,99,235,.05) inset!important;
  color:#0f172a;
}
body.v11-atelier main>section:nth-of-type(1) .bg-white h1,body.v11-atelier main>section:nth-of-type(1) .bg-white h2,body.v11-atelier main>section:nth-of-type(1) .bg-white h3,body.v11-atelier main>section:nth-of-type(1) .bg-white .text-brand-950{
  color:#0f172a!important;
  background:none!important;
  -webkit-text-fill-color:currentColor!important;
}
body.v11-atelier main>section:nth-of-type(1) .bg-white p,body.v11-atelier main>section:nth-of-type(1) .bg-white .text-muted-foreground{color:#64748b!important}
body.v11-atelier main>section:nth-of-type(1) .bg-white .text-brand-700{color:#1d4ed8!important}
body.v11-atelier main>section:nth-of-type(1) .bg-white .text-brand-600{color:#2563eb!important}
body.v11-atelier main>section:nth-of-type(1) .bg-white a.text-brand-950,body.v11-atelier main>section:nth-of-type(1) .bg-white button.text-brand-950{color:#0f172a!important}
body.v11-atelier main>section:nth-of-type(1) .bg-white .bg-brand-50{background:#f0f7ff!important}
body.v11-atelier main>section:nth-of-type(1) .bg-white .border-border{border-color:#e2e8f0!important}
body.v11-atelier main>section:nth-of-type(1):has(>img)>img{opacity:.95!important;filter:saturate(.95)}
body.v11-atelier main>section:nth-of-type(1):has(>img)>div[class*="bg-gradient-to-br"][class*="inset-0"]{
  background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.95) 34%,rgba(255,255,255,.42) 58%,rgba(255,255,255,.04) 86%,rgba(255,255,255,0) 100%)!important;
  opacity:1!important;
}
body.v11-atelier main>section:nth-of-type(1):has(>img) .text-white,
body.v11-atelier main>section:nth-of-type(1):has(>img) .text-white\/85,
body.v11-atelier main>section:nth-of-type(1):has(>img) .text-white\/80{color:#0f172a!important}
body.v11-atelier main>section:nth-of-type(1):has(>img) p,
body.v11-atelier main>section:nth-of-type(1):has(>img) .text-white\/85{color:#475569!important}
body.v11-atelier main>section:nth-of-type(1):has(>img) a.text-white\/80{color:#475569!important}
body.v11-atelier main>section:nth-of-type(1):has(>img) a.text-white\/80:hover{color:#1d4ed8!important}
body.v11-atelier main>section:nth-of-type(1):has(>img) span.bg-white\/15{
  background:#eff6ff!important;
  border:1px solid #bfdbfe;
  color:#1d4ed8!important;
}
body.v11-atelier main>section:nth-of-type(1):has(>img) a.bg-white{
  background:#2563eb!important;
  color:#fff!important;
  box-shadow:0 12px 26px -16px rgba(37,99,235,.65);
}
body.v11-atelier main>section:nth-of-type(1):has(>img) span[class*="bg-brand-600/90"]{color:#fff!important}

body.v11-atelier main>section{padding-top:4.8rem;padding-bottom:4.8rem}
body.v11-atelier main>section[class*="bg-gradient-to-br"][class*="from-brand"] h2,
body.v11-atelier main>section[class*="bg-gradient-to-br"][class*="from-brand"] h3,
body.v11-atelier main>section[class*="bg-gradient-to-br"][class*="from-brand"] .text-white,
body.v11-atelier main>section[class*="bg-gradient-to-br"][class*="from-brand"] .text-brand-950{color:#0f172a!important}
body.v11-atelier main>section[class*="bg-gradient-to-br"][class*="from-brand"] p,
body.v11-atelier main>section[class*="bg-gradient-to-br"][class*="from-brand"] .text-white\/80,
body.v11-atelier main>section[class*="bg-gradient-to-br"][class*="from-brand"] .text-white\/90{color:#475569!important}
body.v11-atelier main>section[class*="bg-gradient-to-br"][class*="from-brand"]{
  background:
    radial-gradient(700px 400px at 4% 8%,rgba(219,234,254,.72),transparent 64%),
    radial-gradient(660px 400px at 98% 96%,rgba(255,237,213,.6),transparent 64%),
    linear-gradient(135deg,#f8fbff 0%,#ffffff 56%,#fff8f2 100%)!important;
  color:#0f172a!important;
  border-top:1px solid #e7eef7;
  border-bottom:1px solid #e7eef7;
}
body.v11-atelier main>section[class*="bg-gradient-to-br"][class*="from-brand"] .bg-white\/15{
  background:#fff!important;
  border:1px solid #bfdbfe!important;
  color:#1d4ed8!important;
}
body.v11-atelier main>section[class*="bg-gradient-to-br"][class*="from-brand"] .bg-white\/15 .bg-white{background:#2563eb!important}
body.v11-atelier main>section[class*="bg-gradient-to-br"][class*="from-brand"] a.bg-white{
  background:#2563eb!important;
  color:#fff!important;
  box-shadow:0 12px 26px -16px rgba(37,99,235,.65);
}
body.v11-atelier main>section[class*="bg-gradient-to-br"][class*="from-brand"] a.border-white\/40{
  background:#fff!important;
  border-color:#93c5fd!important;
  color:#1d4ed8!important;
}
body.v11-atelier main>section[class*="bg-gradient-to-br"][class*="from-brand"] a.border-white\/40:hover{background:#eff6ff!important}
body.v11-atelier main>section[class*="bg-gradient-to-br"][class*="from-brand"] .bg-white{
  background:#fff!important;
  border:1px solid #e2e8f0;
  box-shadow:0 22px 54px -38px rgba(15,23,42,.26)!important;
}
body.v11-atelier main>section[class*="bg-gradient-to-br"][class*="from-brand"] .bg-brand-100{background:#eff6ff!important;color:#1d4ed8!important}
body.v11-atelier main>section[class*="bg-gradient-to-br"][class*="from-brand"] .text-brand-700{color:#1d4ed8!important}

body.v11-atelier main a[href^="/category/"][class*="bg-gradient-to-br"]{
  background:linear-gradient(135deg,#eaf5ff 0%,#ffffff 58%,#fff8f2 100%)!important;
  color:#0f172a!important;
  border:1px solid #dbeafe;
  box-shadow:0 18px 42px -34px rgba(37,99,235,.38),0 0 0 1px rgba(255,255,255,.7) inset!important;
}
body.v11-atelier main a[href^="/category/"][class*="bg-gradient-to-br"]>img{opacity:.13!important;filter:saturate(.7);}
body.v11-atelier main a[href^="/category/"][class*="bg-gradient-to-br"]>div[class*="bg-gradient-to-br"][class*="inset-0"]{
  background:linear-gradient(135deg,rgba(255,255,255,.7) 0%,rgba(255,255,255,.94) 60%,rgba(255,247,237,.9) 100%)!important;
  opacity:1!important;
}
body.v11-atelier main a[href^="/category/"][class*="bg-gradient-to-br"] h3,
body.v11-atelier main a[href^="/category/"][class*="bg-gradient-to-br"] h3.text-white,
body.v11-atelier main a[href^="/category/"][class*="bg-gradient-to-br"] p,
body.v11-atelier main a[href^="/category/"][class*="bg-gradient-to-br"] p[class*="text-white"],
body.v11-atelier main a[href^="/category/"][class*="bg-gradient-to-br"] span[class*="text-white"]{color:#0f172a!important}
body.v11-atelier main a[href^="/category/"][class*="bg-gradient-to-br"] p[class*="text-white\/8"],
body.v11-atelier main a[href^="/category/"][class*="bg-gradient-to-br"] p[class*="text-white\/9"]{color:#64748b!important}
body.v11-atelier main a[href^="/category/"][class*="bg-gradient-to-br"] span.bg-white\/15{
  background:rgba(255,255,255,.88)!important;
  border:1px solid #bfdbfe;
  color:#1d4ed8!important;
  backdrop-filter:blur(6px);
}
body.v11-atelier main a[href^="/category/"][class*="bg-gradient-to-br"] span[class*="bg-brand-600\/90"]{
  background:#2563eb!important;
  color:#fff!important;
}
body.v11-atelier main a[href^="/category/"][class*="bg-gradient-to-br"] span[class*="opacity-0"]{
  opacity:1!important;
  color:#2563eb!important;
}

body.v11-atelier footer{
  background:#f1f5f9!important;
  color:#334155!important;
  border-top:1px solid #e2e8f0;
}
body.v11-atelier footer h2,body.v11-atelier footer h3,body.v11-atelier footer .text-white{color:#0f172a!important}
body.v11-atelier footer p,body.v11-atelier footer .text-brand-100\/70,body.v11-atelier footer .text-brand-100\/60,body.v11-atelier footer .text-brand-100\/80{color:#64748b!important}
body.v11-atelier footer a{color:#334155!important}
body.v11-atelier footer a:hover{color:#1d4ed8!important}
body.v11-atelier footer a.bg-brand-600{background:#2563eb!important;color:#fff!important}
body.v11-atelier footer a.border-white\/20{border-color:#cbd5e1!important;background:#fff!important;color:#1d4ed8!important}
body.v11-atelier footer a.border-white\/20:hover{background:#eff6ff!important}
body.v11-atelier footer .border-t{border-color:#e2e8f0!important}
body.v11-atelier footer .border-white\/10,body.v11-atelier footer .border-white\/20{border-color:#cbd5e1!important}
body.v11-atelier footer .bg-white\/5,body.v11-atelier footer .bg-white\/10{background:#fff!important}
body.v11-atelier footer .text-brand-200,body.v11-atelier footer .text-brand-300{color:#475569!important}
body.v11-atelier footer svg{color:inherit}
body.v11-atelier footer>div>div:last-child{border-color:#e2e8f0!important}
body.v11-atelier footer .bg-brand-600\/90{background:#2563eb!important}

body.v11-atelier .text-gradient{background-image:linear-gradient(100deg,#1d4ed8 0%,#0284c7 58%,#f97362 112%)!important}

.v11-atelier .v8-appendix{
  background:
    radial-gradient(700px 300px at 8% 0%,rgba(219,234,254,.45),transparent 68%),
    radial-gradient(700px 340px at 96% 100%,rgba(255,237,213,.4),transparent 66%),
    #f8fafc;
  color:#334155;
  border-top:1px solid #bfdbfe;
  padding:3.8rem 1.5rem 4.2rem;
}
.v11-atelier .v8-appendix__inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:3.5rem}
.v11-atelier .v8-kicker{font-size:10px;line-height:1.4;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#2563eb;margin:0 0 .9rem}
.v11-atelier .v8-appendix h2{font-size:clamp(1.45rem,2.4vw,2.15rem);line-height:1.35;color:#0f172a;margin:0 0 1rem;letter-spacing:-.045em}
.v11-atelier .v8-appendix h3{font-size:1.02rem;line-height:1.5;color:#1e40af;margin:1.8rem 0 .55rem;letter-spacing:-.025em}
.v11-atelier .v8-appendix p{font-size:13.5px;line-height:1.85;color:#475569;margin:.55rem 0}
.v11-atelier .v8-appendix a{color:#1d4ed8;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.v11-atelier .v8-appendix a:hover{color:#2563eb}
.v11-atelier .v8-appendix__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.4rem 0 1.8rem}
.v11-atelier .v8-appendix__grid>div{border:1px solid #e2e8f0;border-radius:14px;padding:1rem;background:#fff}
.v11-atelier .v8-appendix__grid h3{margin:.15rem 0 .35rem;font-size:.94rem}
.v11-atelier .v8-appendix__grid p{font-size:12.5px;line-height:1.7;margin:0}
.v11-atelier .v8-appendix details{border-top:1px solid #e2e8f0;padding:.9rem 0}
.v11-atelier .v8-appendix details:last-of-type{border-bottom:1px solid #e2e8f0}
.v11-atelier .v8-appendix summary{cursor:pointer;font-weight:800;color:#0f172a;font-size:13.5px;line-height:1.6}
.v11-atelier .v8-appendix details p{padding-left:1.1rem;border-left:1px solid #60a5fa;margin:.7rem 0 .2rem}
.v11-atelier .v8-appendix__side{border-left:1px solid #e2e8f0;padding-left:2rem}
.v11-atelier .v8-breadcrumb{display:flex;flex-wrap:wrap;gap:.35rem;font-size:12px;line-height:1.8;color:#64748b}
.v11-atelier .v8-breadcrumb a{color:#334155;text-decoration:none}
.v11-atelier .v8-breadcrumb span{color:#94a3b8}
.v11-atelier .v8-appendix__meta{font-size:11.5px;line-height:1.9;color:#64748b;margin-top:1.6rem}
.v11-atelier .v8-skip{position:fixed;left:1rem;top:-4rem;z-index:100;background:#2563eb;color:#fff;padding:.7rem 1rem;border-radius:999px;font-size:13px;font-weight:800;transition:top .2s}
.v11-atelier .v8-skip:focus{top:1rem}
@media(max-width:900px){
  body.v11-atelier main>section{padding-top:3.4rem;padding-bottom:3.4rem}
  .v11-atelier .v8-appendix__inner{grid-template-columns:1fr;gap:2.2rem}
  .v11-atelier .v8-appendix__side{border-left:0;border-top:1px solid #e2e8f0;padding-left:0;padding-top:1.4rem}
  .v11-atelier .v8-appendix__grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  body.v11-atelier header>div{height:4.5rem}
  body.v11-atelier header>div>a[href="/"]::after{display:none}
  body.v11-atelier main>section:nth-of-type(1) h1{font-size:2.15rem}
  body.v11-atelier main>section:nth-of-type(1):has(>img)>img{opacity:.42!important}
  body.v11-atelier main>section:nth-of-type(1):has(>img)>div[class*="bg-gradient-to-br"][class*="inset-0"]{
    background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 58%,rgba(255,255,255,.87) 100%)!important;
  }
  .v11-atelier .v8-appendix{padding:2.6rem 1rem 3rem}
}

/* v11 Atelier: warm paper, ink type, tighter editorial rhythm */
:root{
  --paper:#f5f4ef;
  --paper-2:#fbfaf7;
  --ink:#17181c;
  --muted:#6b675f;
  --line:#e4e0d8;
  --cobalt:#1d4ed8;
  --coral:#f26a4f;
}
body.v11-atelier{
  background:
    radial-gradient(900px 520px at 4% -10%,rgba(214,228,255,.55),transparent 65%),
    radial-gradient(760px 460px at 101% 0%,rgba(255,232,210,.48),transparent 64%),
    var(--paper);
  color:var(--ink);
}
body.v11-atelier main>section:nth-of-type(1){
  padding-top:0!important;
  padding-bottom:0!important;
  border-bottom:1px solid var(--line);
  box-shadow:none;
}
body.v11-atelier main>section:nth-of-type(1)>div.relative{
  padding-top:3.4rem!important;
  padding-bottom:3.4rem!important;
}
body.v11-atelier main>section:nth-of-type(1) .grid{gap:3rem!important;align-items:center!important}
body.v11-atelier main>section:nth-of-type(1) h1{
  font-size:clamp(2.5rem,4.4vw,3.7rem)!important;
  line-height:1.11!important;
  letter-spacing:-.075em!important;
  max-width:42rem;
  margin-top:1.2rem!important;
}
body.v11-atelier main>section:nth-of-type(1) .text-gradient{
  background-image:linear-gradient(100deg,#1d4ed8 0%,#2563eb 54%,#0284c7 100%)!important;
}
body.v11-atelier main>section:nth-of-type(1) p{
  color:#5d5952!important;
  font-size:14.5px!important;
  line-height:1.85!important;
  max-width:33rem;
}
body.v11-atelier main>section:nth-of-type(1) .bg-brand-100{
  background:transparent!important;
  border:0!important;
  padding:0!important;
  color:#6b675f!important;
  font-size:10px!important;
  letter-spacing:.14em!important;
  font-weight:700!important;
}
body.v11-atelier main>section:nth-of-type(1) .bg-brand-100 .bg-brand-500{
  width:6px!important;
  height:6px!important;
  background:#1d4ed8!important;
}
body.v11-atelier main>section:nth-of-type(1) div.bg-white{
  padding:1.35rem!important;
  border-radius:16px!important;
  border-color:var(--line)!important;
  box-shadow:0 8px 0 -7px rgba(23,24,28,.04)!important;
}
body.v11-atelier main>section:nth-of-type(1) div.bg-white h2{font-size:1.18rem!important;letter-spacing:-.05em!important}
body.v11-atelier main>section:nth-of-type(1) select,
body.v11-atelier main>section:nth-of-type(1) input{height:2.55rem!important;font-size:13px!important;border-radius:8px!important}
body.v11-atelier main>section:nth-of-type(1) .bg-white .bg-brand-50\/70{
  background:#f7f6f2!important;
  border:1px solid #ebe7df;
}
body.v11-atelier main>section:nth-of-type(1) .bg-white .text-2xl{font-size:1.45rem!important}
body.v11-atelier main>section:nth-of-type(1) a.bg-brand-600,
body.v11-atelier main>section:nth-of-type(1) button.bg-brand-600{
  min-height:2.75rem;
  border-radius:8px!important;
  box-shadow:0 9px 22px -18px rgba(37,99,235,.75)!important;
}
body.v11-atelier main>section:nth-of-type(1) a[href="#types"]{
  border-radius:8px!important;
  padding:.72rem 1.05rem!important;
}

body.v11-atelier header{
  background:rgba(251,250,247,.94)!important;
  border-bottom:1px solid var(--line)!important;
  box-shadow:none!important;
}
body.v11-atelier header>div{height:4.5rem}
body.v11-atelier header>div>a[href="/"]>span:first-child{
  width:2.25rem!important;
  height:2.25rem!important;
  border-radius:9px!important;
  background:#17181c!important;
  box-shadow:none!important;
}
body.v11-atelier header>div>a[href="/"]>span:first-child svg{width:1.15rem!important;height:1.15rem!important}
body.v11-atelier header>div>a[href="/"]>span:last-child{
  color:var(--ink)!important;
  font-size:1.28rem!important;
  font-weight:800!important;
  letter-spacing:-.06em!important;
}
body.v11-atelier header>div>a[href="/"]::after{
  content:"INDEX";
  margin-left:.48rem;
  padding:0;
  border:0;
  border-radius:0;
  color:#9a948a;
  background:none;
  font:700 7px/1.2 "Noto Sans KR",sans-serif;
  letter-spacing:.18em;
}
body.v11-atelier header nav{gap:1.15rem!important}
body.v11-atelier header nav a,body.v11-atelier header nav button{
  color:#4f4c46!important;
  font-size:13px!important;
  font-weight:600!important;
}
body.v11-atelier header nav a:hover,body.v11-atelier header nav button:hover{color:var(--cobalt)!important}
body.v11-atelier header a.bg-brand-600,
body.v11-atelier header button.bg-brand-600{
  background:#17181c!important;
  border-radius:8px!important;
  padding:.62rem 1rem!important;
  font-size:12.5px!important;
  box-shadow:none!important;
}
body.v11-atelier header a.bg-brand-600:hover,
body.v11-atelier header button.bg-brand-600:hover{background:#2a2d35!important}
body.v11-atelier header button[aria-label="메뉴 열기"]{color:var(--ink)!important}

body.v11-atelier main>div.bg-brand-950{
  background:rgba(255,255,255,.52)!important;
  border-bottom:1px solid var(--line);
}
body.v11-atelier main>div.bg-brand-950>div{
  max-width:82rem!important;
  justify-content:space-between!important;
  padding:.5rem 1.5rem!important;
}
body.v11-atelier main>div.bg-brand-950 a.bg-brand-600{
  background:transparent!important;
  color:var(--ink)!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:.2rem 0!important;
  font-size:11.5px!important;
  font-weight:600!important;
}
body.v11-atelier main>div.bg-brand-950 a.bg-brand-600 svg{width:12px!important;height:12px!important;color:#8a857b!important}
body.v11-atelier main>div.bg-brand-950 a.bg-brand-600 .animate-ping{display:none!important}
body.v11-atelier main>div.bg-brand-950 a.bg-brand-600 span.relative.flex{width:6px!important;height:6px!important}
body.v11-atelier main>div.bg-brand-950 a.border-white\/20{
  border:0!important;
  border-left:1px solid var(--line)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#6b675f!important;
  padding:.2rem 0 .2rem 1rem!important;
  font-size:11.5px!important;
  font-weight:500!important;
}

body.v11-atelier main>section{padding-top:4.15rem!important;padding-bottom:4.15rem!important}
body.v11-atelier main>section h2{letter-spacing:-.06em}
body.v11-atelier main>section .bg-brand-100{
  background:transparent!important;
  border:0!important;
  padding:0!important;
  color:#6b675f!important;
  font-size:10px!important;
  letter-spacing:.13em!important;
  font-weight:700!important;
}
body.v11-atelier main>section .bg-brand-100 .bg-brand-500{width:6px!important;height:6px!important;background:var(--cobalt)!important}

body.v11-atelier main a[href^="/category/"][class*="bg-gradient-to-br"]{
  height:14.5rem!important;
  padding:1.35rem!important;
  border:1px solid var(--line)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.v11-atelier main a[href^="/category/"][class*="bg-gradient-to-br"]>img,
body.v11-atelier main a[href^="/category/"][class*="bg-gradient-to-br"]>div[class*="bg-gradient-to-br"],
body.v11-atelier main a[href^="/category/"][class*="bg-gradient-to-br"] span[class*="bg-brand-600/90"]{display:none!important}
body.v11-atelier main a[href^="/category/"][class*="bg-gradient-to-br"] span.bg-white\/15{
  background:#f7f6f2!important;
  border:1px solid #e9e5dd!important;
  color:#6b675f!important;
  font-size:10px!important;
  font-weight:600!important;
}
body.v11-atelier main a[href^="/category/"][class*="bg-gradient-to-br"] h3{font-size:1.45rem!important;letter-spacing:-.06em!important}
body.v11-atelier main a[href^="/category/"][class*="bg-gradient-to-br"] p{font-size:12.5px!important;line-height:1.7!important;color:#625e57!important}
body.v11-atelier main a[href^="/category/"][class*="bg-gradient-to-br"] span[class*="opacity-0"]{opacity:1!important;color:var(--cobalt)!important;font-size:12px!important}
body.v11-atelier main a[href^="/category/"][class*="bg-gradient-to-br"]:hover{
  border-color:#b9c7f7!important;
  transform:translateY(-2px)!important;
  box-shadow:0 18px 30px -30px rgba(23,24,28,.35)!important;
}
body.v11-atelier #regions .mt-10{gap:1rem!important}

body.v11-atelier main>section[class*="bg-brand-50"]{background:#f7f6f2!important}
body.v11-atelier #steps h2{font-size:clamp(2rem,3.4vw,2.9rem)!important;line-height:1.18!important}
body.v11-atelier #steps>div>div>div:last-child{padding:1.5rem!important}
body.v11-atelier #steps .bg-white{border:1px solid var(--line)!important;box-shadow:none!important}
body.v11-atelier #steps .divide-y>div{padding-top:1rem!important;padding-bottom:1rem!important}
body.v11-atelier #steps a.bg-white{border-radius:8px!important;box-shadow:none!important}
body.v11-atelier #steps a.border-white\/40{border-radius:8px!important}

body.v11-atelier footer{
  background:#f0efe9!important;
  border-top:1px solid var(--line);
}
body.v11-atelier footer>div{padding-top:3rem!important;padding-bottom:3rem!important}
body.v11-atelier footer a[href="/"]>span:first-child{background:#17181c!important;box-shadow:none!important}
body.v11-atelier footer a[href="/"]>span:last-child{font-size:1.25rem!important;letter-spacing:-.06em!important}
body.v11-atelier footer h3{font-size:10px!important;letter-spacing:.14em;color:#8a857b!important}
body.v11-atelier footer p{font-size:12.5px!important;line-height:1.8!important;color:#6b675f!important}
body.v11-atelier footer a{font-size:12.5px!important;color:#5a5650!important}
body.v11-atelier footer a.bg-brand-600{border-radius:7px!important;background:#17181c!important;color:#fff!important;box-shadow:none!important}
body.v11-atelier footer a.border-white\/20{border-radius:7px!important;border-color:#d8d3ca!important;color:#2f3035!important;background:transparent!important}
body.v11-atelier footer a.border-white\/20:hover{background:#fff!important}
body.v11-atelier footer .border-t{border-color:#ddd8cf!important}

.v11-atelier .v8-appendix{
  background:#f5f4ef;
  border-top:1px solid var(--line);
  padding:3.1rem 1.5rem 3.5rem;
}
.v11-atelier .v8-kicker{color:#8a857b;font-size:9px;letter-spacing:.2em}
.v11-atelier .v8-appendix h2{color:var(--ink)}
.v11-atelier .v8-appendix h3{color:#3f3b35}
.v11-atelier .v8-appendix p{color:#625e57}
.v11-atelier .v8-appendix__grid>div{background:#fff;border-color:var(--line);border-radius:10px}
.v11-atelier .v8-appendix__meta,.v11-atelier .v8-breadcrumb{color:#8a857b}
.v11-atelier .v8-appendix details p{border-left-color:#c7d2fe}
.v11-atelier .v8-appendix a{color:var(--cobalt)}

body.v11-atelier a.bg-brand-600,body.v11-atelier button.bg-brand-600{
  border-radius:8px!important;
}

@media(max-width:900px){
  body.v11-atelier main>section:nth-of-type(1)>div.relative{padding-top:2.7rem!important;padding-bottom:2.7rem!important}
  body.v11-atelier main>section{padding-top:3.3rem!important;padding-bottom:3.3rem!important}
  body.v11-atelier main>section:nth-of-type(1) .grid{gap:2rem!important}
}
@media(max-width:640px){
  body.v11-atelier header>div{height:4.25rem}
  body.v11-atelier main>section:nth-of-type(1)>div.relative{padding-top:2.3rem!important;padding-bottom:2.3rem!important}
  body.v11-atelier main>section:nth-of-type(1) h1{font-size:2.35rem!important}
  body.v11-atelier main>section{padding-top:2.9rem!important;padding-bottom:2.9rem!important}
  body.v11-atelier main a[href^="/category/"][class*="bg-gradient-to-br"]{height:13.5rem!important}
  body.v11-atelier main>div.bg-brand-950>div{justify-content:center!important;gap:.85rem!important}
}

body.v11-atelier h1,body.v11-atelier h2,body.v11-atelier h3,body.v11-atelier h4{word-break:keep-all;overflow-wrap:break-word}
body.v11-atelier main>section:nth-of-type(1) select{height:auto!important;min-height:2.6rem!important;padding:.66rem 2.5rem .66rem 1rem!important;line-height:1.4!important}
body.v11-atelier main>section:nth-of-type(1) input{height:auto!important;min-height:2.6rem!important;padding:.66rem 1rem!important;line-height:1.4!important}

body.v11-atelier main a[href^="/category/"][class*="bg-gradient-to-br"]{height:13rem!important}
@media(min-width:1200px){body.v11-atelier main .grid:has(>a[href^="/category/"][class*="bg-gradient-to-br"]),body.v11-atelier main .grid:has(a[href^="/category/"][class*="bg-gradient-to-br"]){grid-template-columns:repeat(4,minmax(0,1fr))!important}}

body.v11-atelier main>section.bg-brand-950{background:#f7f6f2!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body.v11-atelier main>section.bg-brand-950 h2,body.v11-atelier main>section.bg-brand-950 h3,body.v11-atelier main>section.bg-brand-950 .text-white{color:#17181c!important}
body.v11-atelier main>section.bg-brand-950 p{color:#625e57!important}
body.v11-atelier main>section.bg-brand-950 .text-brand-100\/85,body.v11-atelier main>section.bg-brand-950 .text-brand-100\/70{color:#625e57!important}

body.v11-atelier footer a[href="/"]>span:first-child svg{color:#fff!important;width:1.15rem!important;height:1.15rem!important}
body.v11-atelier main>section:nth-of-type(1):has(>img) a{border-radius:8px!important}

body.v11-atelier main a[href^="/category/"][class*="bg-gradient-to-br"]>span.bg-white\/15{background:none!important;border:0!important;padding:0!important;color:#6b675f!important;font-size:10px!important;letter-spacing:.08em!important;font-weight:600!important}
body.v11-atelier main a[href^="/category/"][class*="bg-gradient-to-br"]>span.bg-white\/15 svg{display:none!important}

body.v11-atelier .text-muted-foreground{color:#6b675f!important}
body.v11-atelier header>div>a[href="/"]::after{color:#7c766d}
body.v11-atelier footer h3{color:#6b675f!important}
.v11-atelier .v8-kicker{color:#6b675f}
.v11-atelier .v8-appendix__meta,.v11-atelier .v8-breadcrumb{color:#6b675f}