@charset "utf-8";

/* monokai-sublime 
pre code.hljs{display:block;overflow-x:auto;padding:1em 1em 1.5em 1em}code.hljs{padding:3px 5px}.hljs{background-color:#1f2428;color:#e1e4e8}.hljs-tag,.hljs-subst{color:#f8f8f2}.hljs-strong,.hljs-emphasis{color:#a8a8a2}.hljs-bullet,.hljs-quote,.hljs-number,.hljs-regexp,.hljs-literal,.hljs-link{color:#ae81ff}.hljs-code,.hljs-section,.hljs-selector-class{color:#a6e22e}.hljs-strong{font-weight:bold}.hljs-emphasis{font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-name,.hljs-attr{color:#f92672}.hljs-symbol,.hljs-attribute{color:#66d9ef}.hljs-params,.hljs-title.class_,.hljs-class .hljs-title{color:#f8f8f2}.hljs-string,.hljs-type,.hljs-built_in,.hljs-selector-id,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-addition,.hljs-variable,.hljs-template-variable{color:#e6db74}.hljs-comment,.hljs-deletion,.hljs-meta{color:#75715e}.hljs-title{color:#67d8ef}*/

.main-article table:not(.hljs-ln) {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}

.main-article table:not(.hljs-ln) td,
.main-article table:not(.hljs-ln) th {
  border: 1px solid rgb(210, 210, 210);
  padding: 10px;
  vertical-align: middle;
}

.main-article table.table-fixed:not(.hljs-ln) {
  table-layout: fixed;
}

/* 기본 hljs */
/* =========================================================
   Code Block UI
========================================================= */
.codeblock-wrap {
  margin: 1.25rem 0;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  overflow: hidden;
  background: #f3f4f6;
}

.codeblock-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 42px;
  padding: .5rem 1rem 0;
}

.codeblock-header-left,
.codeblock-header-right {
  display: flex;
  align-items: center;
}

.codeblock-header-left {
  gap: 0.55rem;
}

.codeblock-lang {
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1;
  color: #111827;
  letter-spacing: -0.01em;
}

.codeblock-icon {
  display: block;
  flex: 0 0 auto;
}

.codeblock-icon-code {
  color: #4b5563;
}

.codeblock-copy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #4b5563;
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease;
}

.codeblock-copy-btn:hover {
  background: rgba(0, 0, 0, 0.05);
  color: #111827;
}

.codeblock-copy-btn:active {
  transform: scale(0.96);
}

.codeblock-copy-btn.is-copied {
  color: #4b5563;
}

.codeblock-copy-btn.is-error {
  color: #b91c1c;
}

.codeblock-copy-btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* =========================================================
   pre / code base
========================================================= */
.codeblock-wrap pre,
pre[data-ke-type="codeblock"],
pre:has(> code.hljs),
pre:has(> code):not(.nocode) {   /* ← :not(.nocode) 추가 */
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.codeblock-wrap pre {
  max-height: 420px;
  overflow: auto;
  transition: max-height 0.28s ease;
}

.codeblock-wrap.is-expanded pre {
  max-height: none;
}

.codeblock-wrap pre code.hljs,
pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: .5rem 1.25rem .75rem 1.25rem;
  background: #f3f4f6;
  color: #1f2937;
  line-height: 1.7;
  font-size: 14px;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Monaco, monospace;
  tab-size: 2;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.nocode-wrap {
  margin: 1.25rem 0;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  overflow: hidden;
  background: #f3f4f6;
}

.nocode-wrap pre.nocode {
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: auto;
}

.nocode-wrap pre.nocode > code {
  display: block;
  padding: 1.25rem;
  background: #f3f4f6;
  color: #1f2937;
  line-height: 1.7;
  font-size: 14px;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Monaco, monospace;
  tab-size: 2;
  white-space: pre;
  overflow-x: auto;
}

/* hljs span 색상 전부 초기화 */
.nocode-wrap pre.nocode > code span {
  color: inherit !important;
  background: transparent !important;
  font-style: normal !important;
  font-weight: normal !important;
}

/* 줄번호 table 구조 */
.codeblock-wrap pre code.hljs:has(> table),
pre code.hljs:has(> table) {
  padding: 1rem 0.75rem 1rem 0.5rem;
}

pre code.hljs table {
  width: 100%;
  border-collapse: collapse;
  background: transparent;
}

pre code.hljs table td {
  padding: 0;
  vertical-align: top;
  background: transparent;
}

pre code.hljs table td.hljs-ln-numbers {
  width: 3rem;
  min-width: 3rem;
  padding-right: 0.75rem;
  color: #9ca3af;
  text-align: right;
  user-select: none;
  border-right: 1px solid #eceef2;
}

pre code.hljs table td.hljs-ln-code {
  padding-left: 0.9rem;
}

/* =========================================================
   Code Block Expand / Collapse
========================================================= */
.codeblock-footer {
  display: none;
  justify-content: center;
  padding: 0.75rem 1rem 0.5rem;
  background: #f3f4f6;
}

.codeblock-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 92px;
  height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: 999px;
  background: #e5e7eb;
  color: #374151;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease;
}

.codeblock-toggle-btn:hover {
  background: #dbe0e6;
  color: #111827;
}

.codeblock-toggle-btn:active {
  transform: scale(0.97);
}

.codeblock-wrap:not(.is-expanded) .codeblock-toggle-btn::before {
  content: "더보기";
}

.codeblock-wrap.is-expanded .codeblock-toggle-btn::before {
  content: "접기";
}
/* =========================================================
   highlight.js theme
========================================================= */
.hljs {
  background: #f3f4f6;
  color: #1f2937;
}

/* 일반 문자 */
.hljs-subst,
.hljs-punctuation {
  color: #374151;
}

/* 주석 */
.hljs-comment,
.hljs-quote {
  color: #8b949e;
  font-style: italic;
}

/* 키워드 / 제어문 */
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal {
  color: #b45309;
  font-weight: 600;
}

/* 이름 / 내장 객체 */
.hljs-name,
.hljs-built_in {
  color: #9a3412;
  font-weight: 600;
}

/* 문자열 */
.hljs-string,
.hljs-doctag,
.hljs-regexp,
.hljs-addition,
.hljs-attribute {
  color: #0f766e;
}

/* 숫자 / 변수 */
.hljs-number,
.hljs-symbol,
.hljs-bullet,
.hljs-variable,
.hljs-template-variable {
  color: #2563eb;
}

/* 함수 / 클래스명 / 섹션 */
.hljs-title,
.hljs-title.function_,
.hljs-title.class_,
.hljs-function .hljs-title,
.hljs-section {
  color: #7c3aed;
  font-weight: 600;
}

/* 타입 / 파라미터 */
.hljs-type,
.hljs-params {
  color: #92400e;
}

/* 태그 / 선택자 */
.hljs-tag,
.hljs-selector-id,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo {
  color: #166534;
}

/* 링크 / 메타 */
.hljs-link,
.hljs-meta {
  color: #2563eb;
}

/* 강조 */
.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: 700;
}

/* 삭제 */
.hljs-deletion {
  color: #b91c1c;
  background: #fef2f2;
}

/* 선택 영역 */
.hljs::selection,
.hljs span::selection {
  background: #dbeafe;
  color: inherit;
}

/* =========================================================
   Optional refinements
========================================================= */

/* 인라인 코드와 섞일 때 block만 유지 */
pre code.hljs {
  white-space: pre;
}

/* 스크롤바가 보이는 환경에서 조금 부드럽게 */
pre code.hljs::-webkit-scrollbar {
  height: 10px;
}

pre code.hljs::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 999px;
}

pre code.hljs::-webkit-scrollbar-track {
  background: transparent;
}

.row{--tk-col-x:1.5rem;--tk-col-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--tk-col-y));margin-right:calc(-0.5 * var(--tk-col-x));margin-left:calc(-0.5 * var(--tk-col-x))}.row > *{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--tk-col-x) * 0.5);padding-left:calc(var(--tk-col-x) * 0.5);margin-top:var(--tk-col-y)}.col{flex:1 0 0%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}@media (min-width:576px){.col-sm{flex:1 0 0%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}}@media (min-width:768px){.col-md{flex:1 0 0%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}}@media (min-width:1024px){.col-lg{flex:1 0 0%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}}

/* ebody */
.section-h3{width:100%;-moz-column-break-inside:avoid;break-inside:avoid;padding-bottom:1rem;padding-top:0}
.section-h3>.h3{font-size:1.25rem;line-height:1.75rem;padding-top:1rem;font-weight:700;letter-spacing:-.02em;margin-top:0;margin-bottom:1rem;overflow:hidden;white-space:nowrap}
.ebody{background-color:var(--content-bg-color);--shadow:0 0 0 1px rgb(0 0 80 / .1),0 1px 1px rgb(0 0 80 / .1),0 1.5px 3px -2px rgb(0 0 80 / .3),0 4px 6px rgb(0 0 80 / .04),0 8px 12px -1px rgb(0 0 80 / .03);--ring-offset-shadow:0 0 #0000;--ring-shadow:0 0 #0000;box-shadow:var(--ring-offset-shadow,0 0 #0000),var(--ring-shadow,0 0 #0000),var(--shadow);overflow-x:auto;border-radius:.375rem;font-size:13px}
.section-h3>.ebody>*:first-child{border-top-left-radius:.375rem;border-top-right-radius:.375rem}
.section-h3>.ebody>*:last-child{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}
.section-h3>.ebody>.h4{font-size:13px;margin:0;padding:4px 16px;font-weight:400;background:#f3f5fc;color:#567}
.section-h3>.ebody>*:not(:first-child) {border-top: solid 1px rgba(85, 102, 119, .18)}
.section-h3>.ebody>.h4+* {border-top: solid 1px rgba(85, 102, 119, .18)}
.section-h3>.ebody>pre,
.section-h3>.ebody>.ex-view {margin:0;padding:1rem}
.section-h3>.ebody>.ex-view {background:#fff}
html.dark .section-h3>.ebody>.ex-view {background:var(--content-bg-color)}
.section-h3>.ebody>ul{margin:0;padding:0;list-style-type:none}
.section-h3>.ebody>ul>li{padding:8px 8px 8px 36px;position:relative}
.section-h3>.ebody>ul>li>p{margin:0;padding:0}
.section-h3>.ebody>ul>li:before{content:"";position:absolute;display:inline-block;width:4px;height:4px;background:#567;border-radius:50%;left:16px;top:18px}
.section-h3>.ebody>ul>li+li{border-top:solid 1px rgba(85,102,119,.18)}
.section-h3>.ebody>p{padding:8px 16px!important;margin:0}
.section-h3>.ebody>p,
.section-h3>.ebody:not(li)>p{background:#f3f5fc;color:#345}
.section-h3>.ebody>p a,
.section-h3>.ebody>p a:visited,
.section-h3>.ebody:not(li)>p a,
.section-h3>.ebody:not(li)>p a:visited{color:#345;text-decoration:none;border-bottom:solid 1px rgba(85,102,119,.18)}
.section-h3>.ebody>p a:hover,
.section-h3>.ebody:not(li)>p a:hover{color:#26648e}
.section-h3>.ebody>*:not(:first-child){border-top:solid 1px rgba(85,102,119,.18)}
.section-h3>.ebody>p+p,
.section-h3>.ebody>p+p:not(:first-child){margin-top:-1.5em;border-top:0}
.section-h3 pre{box-shadow:none;border-left:0;overflow:hidden;overflow-x:auto;background:#fff;font-size:.96em;line-height:1.5}

.section-h3>.ebody>pre code{background-color:#fff!important}
.section-h3>.ebody .hljs{color:var(--text-1st)!important;background-color:#fff!important}
.section-h3>.ebody>pre code.hljs{padding:initial!important;box-shadow:none!important}

.section-h3>.ebody>pre code .hljs{background:#fff;color:#000}.section-h3>.ebody>pre code .hljs-comment,.section-h3>.ebody>pre code .hljs-quote,.section-h3>.ebody>pre code .hljs-variable{color:green}.section-h3>.ebody>pre code .hljs-built_in,.section-h3>.ebody>pre code .hljs-keyword,.section-h3>.ebody>pre code .hljs-name,.section-h3>.ebody>pre code .hljs-selector-tag,.section-h3>.ebody>pre code .hljs-subst,.section-h3>.ebody>pre code .hljs-tag{color:#00f}.section-h3>.ebody>pre code .hljs-addition,.section-h3>.ebody>pre code .hljs-attribute,.section-h3>.ebody>pre code .hljs-literal,.section-h3>.ebody>pre code .hljs-section,.section-h3>.ebody>pre code .hljs-string,.section-h3>.ebody>pre code .hljs-template-tag,.section-h3>.ebody>pre code .hljs-template-variable,.section-h3>.ebody>pre code .hljs-title,.section-h3>.ebody>pre code .hljs-type{color:#a31515}.section-h3>.ebody>pre code .hljs-deletion,.section-h3>.ebody>pre code .hljs-meta,.section-h3>.ebody>pre code .hljs-selector-attr,.section-h3>.ebody>pre code .hljs-selector-pseudo{color:#2b91af}.section-h3>.ebody>pre code .hljs-doctag{color:grey}.section-h3>.ebody>pre code .hljs-attr{color:red}.section-h3>.ebody>pre code .hljs-bullet,.section-h3>.ebody>pre code .hljs-link,.section-h3>.ebody>pre code .hljs-symbol{color:#00b0e8}.section-h3>.ebody>pre code .hljs-emphasis{font-style:italic}.section-h3>.ebody>pre code .hljs-strong{font-weight:700}.section-h3>.ebody>pre code .hljs-ln-n:before{color:#000}

/* Ex */
.exbody{margin:1.5rem 0 1rem;position:relative}
.exbody+.exbody{margin-top:2rem}
.exbody.toggled{border:1px solid rgba(102,119,136,.12);background-color:var(--body-bg-color)}
.exbody .ex-html-view{margin:0;transition:padding 0.2s ease}
.exbody .ex-html-view::after{display:block;clear:both;content:''}
.exbody .ex-html-view .-w50{width:45%;float:left;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:2.5%;margin-left:2.5%}
.exbody .ex-html-code{display:none;margin:0;transition:all 3s ease}
.exbody.toggled .ex-html-view{padding:3rem 1rem 1rem}
.exbody.toggled .ex-html-view::before{content:'Example';position:absolute;top:0;left:0;user-select:none;background-color:var(--border-color);
    box-shadow: 0px 0px 0px 1px var(--border-color);width:100%;padding:5px 1.5em;font-size:13px}
.exbody.toggled .ex-html-code{display:block;padding:1rem;border-top:1px solid var(--border-color)}
@media(min-width:1094px){
    .exbody{border-radius:2px}
    .exbody>:first-child{border-top-left-radius:3px;border-top-right-radius:3px}
    .exbody>:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}
}
.exbody>button:first-child{border:none;background-color:transparent;padding:0;font-size:12px;line-height:16px;position:absolute;right:0;top:-26px;color:var(--text-1st)}
.exbody>button:focus{outline:none}
.exbody>button span{position:absolute;top:1px;left:-15px;color:var(--link-color)}

/*.exbody > *:not(:first-child){border-top:solid 1px rgba(102,119,136,.05)}*/
.exbody pre{margin-inline:0;margin-bottom:0;box-shadow:none;border-left:0;overflow:hidden;overflow-x:auto;line-height:1.5}
.exbody pre::before{display:none}
.ex-html-view p{margin-bottom:0}

/* hr */
.hr{display:flex;flex-basis:100%;align-items:center;color:var(--text-2st);font-size:.875rem;margin:3rem 0px 2rem;clear:both;text-indent:-9999px}
.hr::before,.hr::after{content:'';flex-grow:1;height:1px;font-size:0px;line-height:0px}
.hr::before{background:linear-gradient(to right,transparent 50%,rgba(116,95,181,0.2) 100%);margin-right:-2px}
.hr::after{background:linear-gradient(to right,rgba(116,95,181,0.2),transparent 50%);margin-left:-2px}

.table-exbody{position:relative;padding:1rem;margin:1rem -.75rem 0;border:solid var(--ak3-Seperator);border-width:1px 0 0}
.table-exbody::after{display:block;clear:both;content:'http://www.w3.org/2000/svg'}
@media (min-width:576px){
    .table-exbody{padding:1.5rem;margin-right:0;margin-left:0;border-width:1px;border-top-left-radius:.25rem;border-top-right-radius:.25rem}
}
.exbody-table{overflow-x:auto}
.table{--table-bg:transparent;--table-striped-color:var(--text-1st);--table-striped-bg:rgba(0,0,0,.05);--table-active-color:var(--text-1st);--table-active-bg:rgba(0,0,0,.1);--table-hover-color:var(--text-1st);--table-hover-bg:rgba(0,0,0,.075);width:100%;margin:2rem 0 3rem;color:var(--text-1st);vertical-align:top;border-color:var(--text-3rd)}
html.dark .table{--table-bg:transparent;--table-striped-bg:#2c3034;--table-striped-color:#fff;--table-active-bg:#373b3e;--table-active-color:#fff;--table-hover-bg:#323539;--table-hover-color:#fff;color:#fff;border-color:#373b3e}
.table>:not(caption)>*>*{padding:.3125rem .5rem;background-color:var(--table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--table-accent-bg)}
.table>tbody{vertical-align:inherit}
.table>thead{vertical-align:bottom}
.table>:not(:last-child)>:last-child>*{border-bottom-color:currentColor}
.caption-top{caption-side:top}
.table.no-border>:not(caption)>*>*{border-bottom-width:0}
.table.striped>tbody>tr:nth-of-type(odd),
.table.str>tbody>tr:nth-of-type(odd){--table-accent-bg:var(--table-striped-bg);color:var(--table-striped-color)}
.table.active{--table-accent-bg:var(--table-active-bg);color:var(--table-active-color)}
.table.hover>tbody>tr:hover{--table-accent-bg:var(--table-hover-bg);color:var(--table-hover-color)}
.table-striped>tbody>tr:nth-of-type(odd){--table-accent-bg:var(--table-striped-bg);color:var(--table-striped-color)}
.table-active{--table-accent-bg:var(--table-active-bg);color:var(--table-active-color)}
.table-hover>tbody>tr:hover{--table-accent-bg:var(--table-hover-bg);color:var(--table-hover-color)}


/* 벗꽃 */
@-webkit-keyframes fall{0%{opacity:0.9;top:0}100%{opacity:0.2;top:100%}}@keyframes fall{0%{opacity:0.9;top:0}100%{opacity:0.2;top:100%}}@-webkit-keyframes blow-soft-left{0%{margin-left:0}100%{margin-left:-50%}}@keyframes blow-soft-left{0%{margin-left:0}100%{margin-left:-50%}}@-webkit-keyframes blow-medium-left{0%{margin-left:0}100%{margin-left:-100%}}@keyframes blow-medium-left{0%{margin-left:0}100%{margin-left:-100%}}@-webkit-keyframes blow-soft-right{0%{margin-left:0}100%{margin-left:50%}}@keyframes blow-soft-right{0%{margin-left:0}100%{margin-left:50%}}@-webkit-keyframes blow-medium-right{0%{margin-left:0}100%{margin-left:100%}}@keyframes blow-medium-right{0%{margin-left:0}100%{margin-left:100%}}@-webkit-keyframes sway-0{0%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}40%{-webkit-transform:rotate(28deg);transform:rotate(28deg)}100%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}}@keyframes sway-0{0%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}40%{-webkit-transform:rotate(28deg);transform:rotate(28deg)}100%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}}@-webkit-keyframes sway-1{0%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}40%{-webkit-transform:rotate(43deg);transform:rotate(43deg)}100%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}}@keyframes sway-1{0%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}40%{-webkit-transform:rotate(43deg);transform:rotate(43deg)}100%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}}@-webkit-keyframes sway-2{0%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(56deg);transform:rotate(56deg)}100%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}}@keyframes sway-2{0%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(56deg);transform:rotate(56deg)}100%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}}@-webkit-keyframes sway-3{0%{-webkit-transform:rotate(25deg);transform:rotate(25deg)}40%{-webkit-transform:rotate(74deg);transform:rotate(74deg)}100%{-webkit-transform:rotate(37deg);transform:rotate(37deg)}}@keyframes sway-3{0%{-webkit-transform:rotate(25deg);transform:rotate(25deg)}40%{-webkit-transform:rotate(74deg);transform:rotate(74deg)}100%{-webkit-transform:rotate(37deg);transform:rotate(37deg)}}@-webkit-keyframes sway-4{0%{-webkit-transform:rotate(40deg);transform:rotate(40deg)}40%{-webkit-transform:rotate(68deg);transform:rotate(68deg)}100%{-webkit-transform:rotate(25deg);transform:rotate(25deg)}}@keyframes sway-4{0%{-webkit-transform:rotate(40deg);transform:rotate(40deg)}40%{-webkit-transform:rotate(68deg);transform:rotate(68deg)}100%{-webkit-transform:rotate(25deg);transform:rotate(25deg)}}@-webkit-keyframes sway-5{0%{-webkit-transform:rotate(50deg);transform:rotate(50deg)}40%{-webkit-transform:rotate(78deg);transform:rotate(78deg)}100%{-webkit-transform:rotate(40deg);transform:rotate(40deg)}}@keyframes sway-5{0%{-webkit-transform:rotate(50deg);transform:rotate(50deg)}40%{-webkit-transform:rotate(78deg);transform:rotate(78deg)}100%{-webkit-transform:rotate(40deg);transform:rotate(40deg)}}@-webkit-keyframes sway-6{0%{-webkit-transform:rotate(65deg);transform:rotate(65deg)}40%{-webkit-transform:rotate(92deg);transform:rotate(92deg)}100%{-webkit-transform:rotate(58deg);transform:rotate(58deg)}}@keyframes sway-6{0%{-webkit-transform:rotate(65deg);transform:rotate(65deg)}40%{-webkit-transform:rotate(92deg);transform:rotate(92deg)}100%{-webkit-transform:rotate(58deg);transform:rotate(58deg)}}@-webkit-keyframes sway-7{0%{-webkit-transform:rotate(72deg);transform:rotate(72deg)}40%{-webkit-transform:rotate(118deg);transform:rotate(118deg)}100%{-webkit-transform:rotate(68deg);transform:rotate(68deg)}}@keyframes sway-7{0%{-webkit-transform:rotate(72deg);transform:rotate(72deg)}40%{-webkit-transform:rotate(118deg);transform:rotate(118deg)}100%{-webkit-transform:rotate(68deg);transform:rotate(68deg)}}@-webkit-keyframes sway-8{0%{-webkit-transform:rotate(94deg);transform:rotate(94deg)}40%{-webkit-transform:rotate(136deg);transform:rotate(136deg)}100%{-webkit-transform:rotate(82deg);transform:rotate(82deg)}}@keyframes sway-8{0%{-webkit-transform:rotate(94deg);transform:rotate(94deg)}40%{-webkit-transform:rotate(136deg);transform:rotate(136deg)}100%{-webkit-transform:rotate(82deg);transform:rotate(82deg)}}.sakura{pointer-events:none;position:absolute}