article.api-article {counter-reset: objectTitle;}
article.api-article section ul > li {line-height: 1.5; font-size: 15px; margin-bottom: 5px;}
article.api-article section ul > li::after {width: 4px; height: 4px; top: 8px; left: 5px;}
article.api-article section > p {margin-bottom: 30px;}
article.api-article section ul > li p {font-size: 0.9em; margin: 0;}

article.api-article section .accordion-trigger { color: rgb(77, 100, 228); position: relative; cursor: pointer;}
article.api-article section .accordion-trigger:hover {text-decoration: underline;}
article.api-article section table .accordion-trigger::after {content: ''; background: url("/en/images/common/document/ic_open_arrow.svg") no-repeat; display: inline-block; width: 12px; height: 15px; transform: rotate(-90deg); transition: transform 0.2s ease;}
article.api-article section tr:has(+ tr.nested-wrapper) td:first-child {box-shadow: inset 0 0 0 #3A53DB; transition: box-shadow 0.2s ease;}
article.api-article section tr:has(+ tr.nested-wrapper.open) td:first-child {box-shadow: inset 4px 0 0 #3A53DB;}
article.api-article section tr:has(+ tr.nested-wrapper.open) td .accordion-trigger::after {transform: rotate(0);}

article.api-article section .accordion-wrapper {margin: 12px 0 20px; background: #fff; border: solid 1px #d3dce4; border-radius: 5px; overflow: hidden; transition: background-color 0.2s ease;}
article.api-article section .accordion-wrapper .accordion-header {display: flex; align-items: center; gap: 6px; padding: 16px; font-weight: 600; font-size: 16px; user-select: none; cursor: pointer; background-color: #fff; transition: background-color 0.2s ease;}
article.api-article section .accordion-wrapper .accordion-header:hover {background-color: #FAFAFA;}
article.api-article section .accordion-wrapper:has(.accordion-header:hover) {border-color: #D0D0D0;}
article.api-article section .accordion-wrapper .accordion-header::before {content: ''; background: url("/en/images/common/document/ic_accordion_arrow.svg") center/contain no-repeat; transform: rotate(-90deg); display: block; width: 16px; height: 16px; transition: transform 0.2s ease-in-out;}
article.api-article section .accordion-wrapper .accordion-content {display: grid; grid-template-rows: minmax(0, 0fr); transition: grid-template-rows 0.2s ease-in-out;}
article.api-article section .accordion-wrapper .accordion-content > * {overflow: hidden;}
article.api-article section .accordion-wrapper .accordion-content pre {margin: 0}
article.api-article section .accordion-wrapper .accordion-content pre code {border: 0; border-radius: unset;}
article.api-article section .accordion-wrapper .accordion-content table {margin-top: 0;}
article.api-article section .accordion-wrapper .accordion-content table{counter-reset:tr; font-size: 14px;}
article.api-article section .accordion-wrapper .accordion-content table tr:not(.nested-wrapper) td:first-child::before{counter-increment : tr;content : counter(tr);}
article.api-article section .accordion-wrapper .accordion-content table thead tr th {padding: 8px 10px;}
article.api-article section .accordion-wrapper .accordion-content table tbody tr td {padding: 10px; word-break: break-all;}
article.api-article section .accordion-wrapper .accordion-content table tbody tr td a {word-break: break-all;}
article.api-article section .accordion-wrapper .accordion-content table tr td:not([colspan]):nth-child(1),
article.api-article section .accordion-wrapper .accordion-content table tr td:not([colspan]):nth-child(4),
article.api-article section .accordion-wrapper .accordion-content table tr td:not([colspan]):nth-child(5) {text-align: center; padding: 10px 0;}
article.api-article section .accordion-wrapper .accordion-content table tr td:not([colspan]):nth-last-child(2) {text-align: center;}
article.api-article section .accordion-wrapper .accordion-content table tr td:not([colspan]):last-child {text-align: left; padding: 10px;}

article.api-article section .accordion-wrapper .accordion-content table.request-table thead tr th:nth-child(1) {width: 4%; padding: 0;}
article.api-article section .accordion-wrapper .accordion-content table.request-table thead tr th:nth-child(2) {}
article.api-article section .accordion-wrapper .accordion-content table.request-table thead tr th:nth-child(3) {width: 9%; padding: 0;}
article.api-article section .accordion-wrapper .accordion-content table.request-table thead tr th:nth-child(4) {width: 50%;}

article.api-article section .accordion-wrapper .accordion-content table.objects-table thead tr th:nth-child(1) {width: 4%; padding: 0;}
article.api-article section .accordion-wrapper .accordion-content table.objects-table thead tr th:nth-child(2) {}
article.api-article section .accordion-wrapper .accordion-content table.objects-table thead tr th:nth-child(3) {}
article.api-article section .accordion-wrapper .accordion-content table.objects-table thead tr th:nth-child(4) {width: 8%; padding: 0;}
article.api-article section .accordion-wrapper .accordion-content table.objects-table thead tr th:nth-child(5) {width: 50%;}

article.api-article section .accordion-wrapper .accordion-content table.parameters-table thead tr th:nth-child(1) {width: 4%; padding: 0;}
article.api-article section .accordion-wrapper .accordion-content table.parameters-table thead tr th:nth-child(2) {width: 19%;}
article.api-article section .accordion-wrapper .accordion-content table.parameters-table thead tr th:nth-child(3) {width: 15%;}
article.api-article section .accordion-wrapper .accordion-content table.parameters-table thead tr th:nth-child(4) {width: 8%; padding: 0;}
article.api-article section .accordion-wrapper .accordion-content table.parameters-table thead tr th:nth-child(5) {width: 9%; padding: 0;}
article.api-article section .accordion-wrapper .accordion-content table.parameters-table thead tr th:nth-child(6) {width: 45%;}

article.api-article section .accordion-wrapper .accordion-content table tr:hover {background: #F6F9FE;}
article.api-article section .accordion-wrapper .accordion-content table tr.nested-wrapper + tr td {border-top: 0;}
article.api-article section .accordion-wrapper .accordion-content table tr.nested-wrapper > td {border: 0;}
article.api-article section .accordion-wrapper .accordion-content table tr.nested-wrapper > td {padding: 0;}
article.api-article section .accordion-wrapper .accordion-content table tr.nested-wrapper > td > .nested-table-wrapper {padding: 0 15px; display: grid; grid-template-rows: minmax(0, 0fr); transition: all 0.2s ease-in-out;}
article.api-article section .accordion-wrapper .accordion-content table tr.nested-wrapper > td > .nested-table-wrapper > .nested-table-content {overflow: hidden;}
article.api-article section .accordion-wrapper .accordion-content table tr.nested-wrapper > td > .nested-table-wrapper > .nested-table-content.scroll-polyfill {overflow: visible;}
article.api-article section .accordion-wrapper .accordion-content table tr.nested-wrapper > td > .nested-table-wrapper > .nested-table-content > .header {margin-bottom: 13px; background: url("/en/images/common/document/ic_depth_arrow.svg") left center no-repeat; padding-left: 20px; font-weight: 500; font-size: 15px; color: #424a57;}
article.api-article section .accordion-wrapper .accordion-content table tr.nested-wrapper > td > .nested-table-wrapper > .nested-table-content > .body {border: 1px solid rgb(224,224,224); overflow: clip; border-radius: 3px;}
article.api-article section .accordion-wrapper .accordion-content table tr.nested-wrapper > td > .nested-table-wrapper {background: #FAFBFB; scroll-margin-top: var(--headerHeight) + var(--snbHeight, 0px);}
article.api-article section .accordion-wrapper .accordion-content table tr.nested-wrapper tr.nested-wrapper > td > .nested-table-wrapper {background: #F2F2F3;}
article.api-article section .accordion-wrapper .accordion-content table tr.nested-wrapper.open > td {border-bottom: 1px solid rgb(224, 224, 224);}
article.api-article section .accordion-wrapper .accordion-content table tr.nested-wrapper.open > td > .nested-table-wrapper {grid-template-rows: minmax(0, 1fr); padding: 15px;}
article.api-article section .accordion-wrapper .accordion-content table tr.nested-wrapper table thead tr th:nth-child(1) { width: 4%; max-width: 4%; min-width: 4%; padding: 0;}
article.api-article section .accordion-wrapper .accordion-content table tr.nested-wrapper table thead tr th {border-top: 0;}
article.api-article section .accordion-wrapper .accordion-content table tr.nested-wrapper table tbody tr:last-child td {border-bottom: 0;}
article.api-article section .accordion-wrapper .accordion-content table tr:has(+ tr.nested-wrapper:not(.open)):nth-last-child(2) td {border-bottom: 0;}
article.api-article section .accordion-wrapper .accordion-content > table > tbody > tr:last-child > td {border-bottom: 0;}
article.api-article section .accordion-wrapper.open .accordion-header::before {transform: rotate(0);}
article.api-article section .accordion-wrapper.open .accordion-content {grid-template-rows: minmax(0, 1fr);}

article.api-article .api-article a[href] {color: rgb(255, 0, 0);}
article.api-article a[data-function-name] {color: rgb(77, 100, 228);}
article.api-article a:hover {text-decoration: underline;}
article.api-article section div.caution-box {margin-top: 28px; padding: 18px 28px 19px 27px;}
article.api-article section h6.parameters {margin-top: 30px;}
/* 추후 api-reference 페이지에 있는 태그들은 정리해야함! */
article.api-article section div.panel-box > ul > li {padding-left: 0;}
article.api-article section div.panel-box > ul > li:after {display: none;}

article section div.blue-box {background-color: #f0f5fc; padding: 20px 20px;}
article section div.blue-box > p {margin: 0;}
article section div.blue-box span {font-weight: 500;}
article section div.blue-box span + p {margin-top: 0;}
article section div.blue-box ul>li:last-child {margin-bottom: 0;}
article section div.blue-box ul li ul li:after {content: none;}

article.api-article section > p.api-description { margin-bottom: 10px; }

article.api-article .route {font-weight: 700; font-size: 17px; position: relative; padding-left: 10px; display: block; margin: 20px 0;}
article.api-article .route:before {content: ''; position: absolute; left: 0; top: 55%;transform: translateY(-50%); width: 3px; height: 90%; background-color: #006cff;}
article.api-article .site-route {background-color: #f0f2f4; font-weight: 500; font-size: 90%; padding: 0 6px;}
article.api-article .test-site {color: #f71b42;}
article.api-article .prod-site {color: #006cff;}
article.api-article .panel-box.mt {margin-top: 10px;}

article section div.api-list div.list-title {padding : 30px 0 15px; font-size : 18px;}
article section div.api-list div.list-title:first-child {padding : 0 0 15px;}
article section div.api-list ul > li {padding-left : 0;}
article section div.api-list ul > li:after {display: none;}

article.api-article #webhook-process img + ol {margin-top: 30px;}
article.api-article #webhook-process img + ol > li {padding-left: 0;}
article.api-article #webhook-process img + ol > li ~ li {margin-top: 30px;}
article.api-article #webhook-process img + ol > li h6 {font-weight: 500; font-size: 18px;}
article.api-article #webhook-process img + ol > li p {margin: 0;}
article.api-article #webhook-process img + ol > li ul {margin-top: 5px;}

article.api-article #webhook-setting table tbody tr td:nth-child(1),
article.api-article #webhook-setting table tbody tr td:nth-child(3) {text-align: center;}

article.api-article #callback-url-regist figure {background-color: #f7f7f8; padding: 14px; display: flex; flex-direction: column;}
article.api-article #callback-url-regist figure figcaption {display: flex; flex-direction: column; flex-grow: 1;}
article.api-article #callback-url-regist figure figcaption p:last-child {margin-top: auto;}
article.api-article #callback-url-regist h4 {margin-top: 50px;}
article.api-article #callback-url-regist h6 {font-weight: 500; font-size: 17px; margin-top: 25px;}
article.api-article #callback-url-regist p {margin: 0;}
article.api-article #callback-url-regist table tbody tr td:nth-child(1),
article.api-article #callback-url-regist table tbody tr td:nth-child(2),
article.api-article #callback-url-regist table tbody tr td:nth-child(3),
article.api-article #callback-url-regist table tbody tr td:nth-child(4) {text-align: left;}

article.api-article #webhook-result h4 {margin-top: 50px;}
article.api-article #webhook-result table tbody tr td:nth-child(1),
article.api-article #webhook-result table tbody tr td:nth-child(2) {text-align: center;}
article.api-article #webhook-result table tbody tr td:nth-child(3) {text-align: left;}

article.api-article #webhook-header table tbody tr td:nth-child(1),
article.api-article #webhook-header table tbody tr td:nth-child(3),
article.api-article #webhook-header table tbody tr td:nth-child(4) { text-align: left;}
article.api-article #webhook-header table tbody tr td:nth-child(2) { text-align: center;}
article.api-article .docs-state h4 {margin: 30px 0 0 0;}
article.api-article .docs-state h4 + p {margin: 10px 0 0}
article.api-article .docs-state .accordion-wrapper {margin: 10px 0;}
article.api-article #webhook-body table tbody tr td:nth-child(2),
article.api-article #webhook-body table tbody tr td:nth-child(3),
article.api-article #webhook-body table tbody tr td:nth-child(4) {text-align: center;}
article.api-article .callback-type {display: flex; gap: 10px;}
article.api-article .callback-type figure {flex-basis: 50%; margin: 0;}
article.api-article .callback-type figure figcaption p ~ p {margin-bottom: 0;}

article.api-article .webhook-auth-table tbody tr td:nth-child(3) {text-align: center;}


@media (max-width: 980px) {
    article.api-article section .accordion-wrapper.open .accordion-content {overflow-x: auto}
    article.api-article section .accordion-wrapper.open .accordion-content::-webkit-scrollbar { width: 6px; height: 6px; }
    article.api-article section .accordion-wrapper.open .accordion-content::-webkit-scrollbar-thumb { background-color: #e0e0e0; border-radius: 3px; }
    article.api-article section .accordion-wrapper.open .accordion-content::-webkit-scrollbar-track {background-color: transparent;}
    article.api-article section .accordion-wrapper .accordion-content > table {min-width: 880px;}
}

@media (max-width: 500px) {
    article section div.blue-box {padding: 10px;}
}


@media print {
    article.api-article section:has(h3) {break-after: page}
    article.api-article section tr:has(+ tr.nested-wrapper) td:first-child {box-shadow: inset 4px 0 0 #3A53DB;}
    article.api-article section .accordion-wrapper .accordion-header::before {transform: rotate(0);}
    article.api-article section .accordion-wrapper .accordion-content {display: block; grid-template-rows: unset;}
    article.api-article section .accordion-wrapper .accordion-content > * {overflow: visible;}
    article.api-article section .accordion-wrapper .accordion-content > table {min-width: unset;}
    article.api-article section .accordion-wrapper .accordion-content > table tr td:nth-child(2) {word-break: break-all; padding: 5px;}
    article.api-article section .accordion-wrapper .accordion-content > table tr td:not([colspan]) {break-inside: avoid; page-break-inside: avoid;}
    article.api-article section table tr.nested-wrapper > td {border-bottom: 1px solid rgb(224, 224, 224);}
    article.api-article section table tr.nested-wrapper > td > .nested-table-wrapper {display: block; grid-template-rows: unset; padding: 15px;}
    article.api-article section table tr.nested-wrapper > td > .nested-table-wrapper .header {display: none;}
    article.api-article section table tr.nested-wrapper > td > .nested-table-wrapper table {border: 1px solid rgb(224, 224, 224);}
    article.api-article section table tr.nested-wrapper > td > .nested-table-wrapper table thead tr th {font-size: 9.5pt;}
}