@charset "UTF-8";
/* ---------------------------------------------------- Root(Setup) & Mixin ---------------------------------------------------- */
/* ---------------------------------------------------- Setup ---------------------------------------------------- */
/* 부드러운 스크롤 이동 */
html { scroll-behavior: smooth; }

body.nw-api { font-size: 1rem; letter-spacing: -.3px; overflow-y: auto; }
body.nw-api.modal-open { overflow: hidden !important; }
body.nw-api #wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; /* 브라우저 높이만큼 최소 높이 확보 */ /* 가로 스크롤을 위한 핵심 설정 */ min-width: 1000px; width: 100%; /* 1000px보다 클 때는 화면에 꽉 차게 */ }
body.nw-api #header { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; background-color: #fff; min-width: 1000px; /* wrap과 동일하게 설정 */ }
body.nw-api main.api { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; /* 이 설정이 푸터를 아래로 밀어냅니다 */ background-color: #fff; padding-bottom: 4rem; }
body.nw-api main.api.document, body.nw-api main.api.home { padding-bottom: 0; }
body.nw-api .container.max-w-450 { max-width: 450px !important; }
body.nw-api .container.max-w-500 { max-width: 500px !important; }
body.nw-api .container.max-w-600 { max-width: 600px !important; }
body.nw-api .container.max-w-700 { max-width: 700px !important; }
body.nw-api .container.max-w-900 { max-width: 900px !important; }

@media (min-width: 768px) { main.api .content-upper-space { padding-top: 1rem; } }
@media (min-width: 1200px) { body.nw-api .container { max-width: 1000px; padding-right: 0; padding-left: 0; } }
body.nw-api h3.h_title-api { font-weight: 700; }
body.nw-api.bg-white { background: #fff; }
body.nw-api .page-content { width: auto; }
body.nw-api .form-group { margin-bottom: .6rem; }
body.nw-api .form-control { padding-left: 0.65rem; padding-right: 0.65rem; border-color: #c2c2c2; }
body.nw-api .form-control::-webkit-input-placeholder { color: #999999; }
body.nw-api .form-control:-ms-input-placeholder { color: #999999; }
body.nw-api .form-control::-ms-input-placeholder { color: #999999; }
body.nw-api .form-control::placeholder { color: #999999; }
body.nw-api .form-control:disabled, body.nw-api .form-control[readonly] { background-color: #f7f7f7; }
body.nw-api .form-control:disabled.biz-readonly-white, body.nw-api .form-control[readonly].biz-readonly-white { background-color: #fff; }
body.nw-api .custom-select { border-color: #c2c2c2; height: inherit; padding-left: 0.65rem; padding-right: 0.65rem; padding-top: 0.467rem; padding-bottom: 0.467rem; }
body.nw-api .custom-select.custom-select-sm { padding: 0.367rem 0.65rem; font-size: 0.933rem; line-height: 1.4; }
body.nw-api .was-validated .form-control:invalid, body.nw-api .form-control.is-invalid, body.nw-api .was-validated .custom-select:invalid, body.nw-api .custom-select.is-invalid { border-color: #dc3545; }
body.nw-api textarea.form-control.edit { font-size: 1rem; line-height: inherit; background-color: #fafafa; text-align: left; white-space: pre-wrap; padding: .8rem; min-height: 200px; outline: 0; resize: vertical; overflow-y: hidden; }
body.nw-api textarea.form-control.edit:focus { -webkit-box-shadow: none; box-shadow: none; }
body.nw-api .form-control.edit { font-size: 1rem; line-height: inherit; background-color: #fafafa; text-align: left; padding: .6rem .8rem; outline: 0; }
body.nw-api .form-control.edit:focus { -webkit-box-shadow: none; box-shadow: none; }
body.nw-api .form_msg { display: block; padding-top: .3rem; color: #777777; }
body.nw-api .btn:disabled { pointer-events: none; opacity: .35; }
body.nw-api .btn-p-md { padding-left: 1.2rem; padding-right: 1.2rem; }
body.nw-api .btn-p-lg { padding-left: 1.8rem; padding-right: 1.8rem; }
body.nw-api .btn-p-xl { padding-left: 2.6rem; padding-right: 2.6rem; }
body.nw-api .btn-p-xxl { padding-left: 3.4rem; padding-right: 3.4rem; }
body.nw-api .btn-outline-primary:disabled, body.nw-api .btn-outline-secondary:disabled { color: inherit; background-color: #fafafa; }
body.nw-api label { margin-bottom: 0.2rem; }
body.nw-api .dropdown__select .form-control { background: #fff; text-align: left; }
body.nw-api .dropdown__select .dropdown-toggle { color: #999999; }
body.nw-api .dropdown__select .dropdown-toggle:active, body.nw-api .dropdown__select .dropdown-toggle:focus { color: #2b2b2b; }
body.nw-api .dropdown__select .dropdown-toggle::after { display: none !important; }
body.nw-api .dropdown__select .dropdown-toggle::before { position: absolute; display: block; clear: both; content: ""; background-size: 100% !important; width: 14px; height: 14px; position: absolute; right: 12px; top: calc(50% - 6px); opacity: .5; content: ''; }
body.nw-api .dropdown__select .dropdown-toggle[aria-expanded="false"]::before { background: url(/property/img/svg/icons8-collapse-down.svg?v=1) 50% 50% no-repeat; }
body.nw-api .dropdown__select .dropdown-toggle[aria-expanded="true"]::before { background: url(/property/img/svg/icons8-collapse-up.svg?v=1) 50% 50% no-repeat; }
body.nw-api .dropdown__select .dropdown-toggle.selected { color: #2b2b2b; }
body.nw-api .dropdown__select .dropdown-menu { width: 100%; }
body.nw-api .dropdown__input-select .form-control { padding-right: 36px; }
body.nw-api .dropdown__input-select .dropdown-menu { width: 100%; }
body.nw-api .dropdown-menu { padding: 3px 0; }
body.nw-api .dropdown-menu.rounded { border-radius: 5px; }
body.nw-api .dropdown-item.active { font-weight: 500; }
body.nw-api .dropdown-input__delete { background-color: transparent; border: 0; cursor: pointer; outline: 0; -moz-appearance: none; appearance: none; -webkit-appearance: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 32px; height: 32px; position: absolute; top: 0; right: 3px; opacity: .8; display: none; }
body.nw-api .dropdown-input__delete::after { display: block; clear: both; content: ""; background-size: 100% !important; text-indent: -99999rem; width: 16px; height: 16px; position: absolute; left: 8px; top: calc(50% - 8px); opacity: .4; content: ''; background: url(/property/img/svg/icons8-close.svg?v=1) 50% 50% no-repeat; }
body.nw-api .dropdown-input__delete:focus { outline: 0; }
body.nw-api .dropdown-input__delete span { text-indent: -99999px; display: none; }
body.nw-api .pagination-bar .dropdown { display: block; }
body.nw-api .pagination-bar .statistics { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
body.nw-api .renew-mobile-top { -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
body.nw-api .header-nav-main.ai .brand h1 a { color: #2b2b2b; text-decoration: none !important; }
body.nw-api .content-upper-space { padding-top: 1.8rem; }
body.nw-api .content-upper-space.padding-top-0 { padding-top: 0; }
body.nw-api .content-page-desc .title-wrap { padding-bottom: 1.5rem; }
body.nw-api .content-page-desc .title-wrap .title { margin-bottom: 0; }
body.nw-api .content-form-wrap { clear: both; padding-bottom: 1.4rem; }
body.nw-api .content-form-wrap.low { padding-bottom: 0; }
body.nw-api .content-form-wrap > .form-group.row > .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 11%; flex: 0 0 11%; max-width: 11%; }
body.nw-api .content-form-wrap > .form-group.row > .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 89%; flex: 0 0 89%; max-width: 89%; }
body.nw-api .btn-set-wrap { padding-top: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; }
body.nw-api .btn-set-wrap .align-left { position: absolute; left: 0; }
body.nw-api .btn-set-wrap .align-right { position: absolute; right: 0; }
body.nw-api .modal-body { padding: 1.4rem; }
body.nw-api .modal-body .btn-link { color: #2b2b2b; }
body.nw-api .box-content-wrap.login { padding-top: 80px; }
body.nw-api .table { border: none; }
body.nw-api .table th, body.nw-api .table td { padding: .4rem .5rem; }
body.nw-api .table thead th { text-align: left; background-color: #fafafa; font-weight: 500; border-bottom: 1px solid #bbbbbb; }
body.nw-api .table.table-borderless th, body.nw-api .table.table-borderless td { border: 0; }
body.nw-api .table.statistics th, body.nw-api .table.statistics td { border-left: 0; border-right: 0; }
body.nw-api .table.notice .title { padding-left: 0; }
body.nw-api .table.notice .title a { color: #2b2b2b; }
body.nw-api .table.notice .date { text-align: right; }
body.nw-api .question-mark { margin-left: .1rem; }

@media (min-width: 992px) { body.nw-api .content-form-wrap .btn { width: 116px; }
  body.nw-api .table-board-wrap .col-md-2, body.nw-api .table-th-filled-wrap .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
  body.nw-api .table-board-wrap .col-md-4, body.nw-api .table-th-filled-wrap .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
  body.nw-api .table-board-wrap .col-md-10, body.nw-api .table-th-filled-wrap .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } }
@media (max-width: 991.98px) { body.nw-api .content-upper-space { padding-top: 1rem; } }
@media (max-width: 767.98px) { body.nw-api .btn-set-wrap .align-left { position: inherit; left: inherit; }
  body.nw-api .btn-set-wrap .align-right { position: inherit; left: inherit; } }
/* ---------------------------------------------------- Footer ---------------------------------------------------- */
footer, #footer { min-width: 1000px; /* wrap과 동일하게 설정 */ }
footer.api, #footer.api { -ms-flex-negative: 0; flex-shrink: 0; /* 푸터는 자기 높이만큼만 유지 */ position: relative; background-color: #f5f6f7; }
footer .footer-api-wrap, #footer .footer-api-wrap { height: 118px; overflow: hidden; }
footer .footer-api-wrap .inner, #footer .footer-api-wrap .inner { padding: 2rem 0; }
footer .footer-api-wrap .inner .menu, #footer .footer-api-wrap .inner .menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
footer .footer-api-wrap .inner .menu li, #footer .footer-api-wrap .inner .menu li { margin: 0 1.4rem; }
footer .footer-api-wrap .inner .menu li a, #footer .footer-api-wrap .inner .menu li a { color: #2b2b2b; }
footer .footer-api-wrap .inner .menu li a.external-link, #footer .footer-api-wrap .inner .menu li a.external-link { position: relative; }
footer .footer-api-wrap .inner .menu li a.external-link::after, #footer .footer-api-wrap .inner .menu li a.external-link::after { display: block; clear: both; content: ""; background: url(/property/img/svg/external-link.svg?v=1) no-repeat; background-size: contain; width: 9px; height: 9px; display: inline-block; margin-left: .35rem; opacity: .7; vertical-align: middle; margin-top: -3px; }
footer .footer-api-wrap .inner .copyright, #footer .footer-api-wrap .inner .copyright { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 0.867rem; opacity: .60; }

.login-wrap-footer { padding: 2.5rem 0 1.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.login-wrap-footer .copyright { font-size: 0.933rem; }

/* ---------------------------------------------------- 서비스 신청 ---------------------------------------------------- */
.api-apply-flow-sm { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-bottom: .8rem; }
.api-apply-flow-sm .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.api-apply-flow-sm .inner .step { width: 84px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; }
.api-apply-flow-sm .inner .step .circle { -ms-flex-item-align: center; align-self: center; width: 1.1rem; height: 1.1rem; border-radius: 50%; border: 1px solid #cccccc; background-color: #cccccc; z-index: 10; }
.api-apply-flow-sm .inner .step .circle::before { color: #fff; font-size: 0.733rem; vertical-align: top; margin: -5px 0 0 4.5px; line-height: 1.4; }
.api-apply-flow-sm .inner .step .task { -ms-flex-item-align: center; align-self: center; color: #2b2b2b; letter-spacing: -.05rem; padding-top: .6\2rem; font-size: 0.933rem; margin-left: .3rem; }
.api-apply-flow-sm .inner .step .task a { color: #2b2b2b; }
.api-apply-flow-sm .inner .step::after { display: inline-block; clear: both; content: ""; height: 1px; width: 24px; background: #cccccc; position: absolute; left: 51px; top: 10px; }
.api-apply-flow-sm .inner .step:last-child { margin-right: -40px; }
.api-apply-flow-sm .inner .step:last-child::after { display: none; }
.api-apply-flow-sm .inner .step.active .circle { background-color: #0770c5; border-color: #0770c5; }
.api-apply-flow-sm .inner .step.active .task { font-weight: 500; }
.api-apply-flow-sm .inner .step.past .circle { border: 1px solid #dddddd; background-color: #dddddd; }
.api-apply-flow-sm .inner .step.past .circle::before { display: inline-block; clear: both; content: ""; font-family: "nw-font"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '' !important; margin: 0 0 0 4px; color: #2b2b2b; }
.api-apply-flow-sm .inner .step:not(.past) .circle::before { font-family: 'Roboto' !important; }
.api-apply-flow-sm .inner .step.s1 .circle::before { content: '1'; }
.api-apply-flow-sm .inner .step.s2 .circle::before { content: '2'; }
.api-apply-flow-sm .inner .step.s3 .circle::before { content: '3'; }

.certify-form-ui select:first-child { min-width: 115px; }
.certify-form-ui .prepend-group { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; }
.certify-form-ui .prepend-group .prepend-wrap { outline: 0; margin: 0; position: absolute; left: 8px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; color: #4f4f4f; }
.certify-form-ui .prepend-group .form-control { padding-left: 46px; border-radius: 0.266rem; }
.certify-form-ui .certification { position: relative; }
.certify-form-ui .certification .form-control { padding-right: 60px; }
.certify-form-ui .certification .time { position: absolute; right: 15px; top: 19px; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; color: #4f4f4f; line-height: 1; }
.certify-form-ui .certification input:disabled + .time { color: #bbbbbb; }

.apply-terms-wrap { padding-top: 1.2rem; padding-bottom: 1.2rem; }

.api_step1_modal { max-height: 600px; overflow-y: auto; padding-right: 10px; }

.form-divide-line { display: block; border-top: 1px solid #dddddd; margin: 2rem 0; }

.api-category-wrap { padding: 0 0 .8rem; }
.api-category-wrap .category-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #999999; }
.api-category-wrap .category-title .title { font-weight: 700; }
.api-category-wrap .category-title .more { display: block; text-align: center; }
.api-category-wrap .category-title .more a::before { display: inline-block; clear: both; content: ""; color: #444444; }
.api-category-wrap .category-title .more a::after { display: inline-block; clear: both; content: ""; font-family: "nw-font"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: .2rem; color: #4f4f4f; font-size: 1.067rem; text-decoration: none !important; }
.api-category-wrap .category-title .more a[aria-expanded="false"]::before { content: '펼치기'; }
.api-category-wrap .category-title .more a[aria-expanded="false"]::after { content: ''; }
.api-category-wrap .category-title .more a[aria-expanded="true"]::before { content: '접기'; }
.api-category-wrap .category-title .more a[aria-expanded="true"]::after { content: ''; }
.api-category-wrap .category-title .more a:hover::before { text-decoration: underline; }
.api-category-wrap .items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 30px; padding: .6rem 0; border-bottom: 1px solid #e5e5e5; }
.api-category-wrap .items .title { min-width: 80px; font-weight: 700; }
.api-category-wrap .items .form-group { margin-bottom: 0; }

/* ---------------------------------------------------- 인트로 ---------------------------------------------------- */
.api-top-banner { width: 100%; position: relative; background-color: #303030; padding: .6rem 0; margin-top: -.05rem; height: 42px; }
.api-top-banner .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; margin: 0 auto; }
.api-top-banner .container .banner_content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; /* 가용 공간 확보 */ font-size: 0.933rem; color: #fff; text-align: center; padding-left: 36px; padding-right: 36px; }
.api-top-banner .container .banner_content .txt_link { color: #fff; letter-spacing: .4px; }
.api-top-banner .container .banner_content .txt_link:hover { text-decoration: underline; }
.api-top-banner .banner_action { position: absolute; right: 15px; /* 컨테이너 안쪽 우측 여백 */ top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.api-top-banner .banner_action .btn-close { position: relative; width: .8rem; height: .8rem; border: 0; text-align: center; padding: .25rem; background: rgba(255, 255, 255, 0) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC50lEQVR4nO2c2ZLTMBQF9UnsMywF/P+3MCCW90O58B0gBLASe3Sl0/2cpBR1R3Fi2aUAAAAAAAAAAAAAAAAAAAAAbEDSjaQXvccx2XzelBGQ9FTSR0mVCHafz9syyGCDZdDPe49rVHR+Pm8zL1PLAE+5k/Sk9/hGQ3+fz5ru6+BMqad8YiXYdT7zrAQbBksEx8xnjgiW5X1d5rdABPvIz/VVIOmxpA9EYCj/5A1sXQmWN8qB4f8P+MaQH0h6xEpg9snfIQLbP4s0m/yACIzlB0RgLD8gAmP5AREYyw+IoPjKvzCCqU4ly12+cwRCvm8EQr5vBEK+bwRCvm8EQv6hp5JTRyDk+0Yg5PtGIOTvGsHdSBMp5PtGIOT7RiDk+0Yg5PtGIOT7RiDk+0Yg5PtGIOT7RiDk+0Yg5PtGIOTnpvGq5CZBQr5vBEK+bwRCvk0Ef9xZQ8j3jUDI941AyJ+LZadQ4902KvK9V4ItIN84gop83wgq8n0jqMj3jaAifyIaf+rluQ0rdJEfEIGx/IAIjOUHn4nAV35ABBPfeLk2PJYIMnPJiR21/URkJcjKNWf1RARjs8cpXf2IYOtrEEEW9jyfr7bXIoLeHLGZQ0QwBkfu5FHba3+T9PbYdwu/8RDbuEQEOXnIPXwiglz02MApIshBz927IoK+ZNi6LSLwlX9FBO/unwxjyw+IwFh+QATG8gMiMJYfSHq5/h1MBG7yAyIwlh8QgbH8gAiM5QdEYCz/igjeF0dmlB8QgbH8gAiM5QdEYCw/IAJj+YF9BM7yi3sEyP+JpFdWESDfOALkG0eAfOMIkN8cwZdpIkC+cQQX3JnDXn4g6XVDBF+Xx5dM8MnvshLkuO4A+d0iyHFpesPtVZC/bwR55nNDBHkGO0cENd18/uMgMN9gB0DSm/WAb5z5PLMS5B3smH8W1fTz+UsE+Qc7AJKerQfZ48zn+nUwxmAHgPkEAAAAAAAAAAAAAAAAAACA0sB3fwMeLBvjz0QAAAAASUVORK5CYII=") center/1.4em auto no-repeat; opacity: .8; }
.api-top-banner .banner_action .btn-close:hover { opacity: 1; cursor: pointer; }

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .api-top-banner { margin-top: -2px; } }
.api-notice-details { padding-top: .5rem; }
.api-notice-details h6 { margin-bottom: 1.5rem; }

/* ---------------------------------------------------- API 문서 ---------------------------------------------------- */
.api-document-wrap { position: relative; height: 100%; min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.api-document-wrap .sticky-heading { position: -webkit-sticky; position: sticky; top: 56px; height: 80px; z-index: 1020; background-color: #fff; width: 100%; padding-top: 27px; }
.api-document-wrap .sticky-heading .title-wrap { height: 53px; }
.api-document-wrap .documentation-main { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; }
.api-document-wrap .left-panel { position: -webkit-sticky; position: sticky; top: 136px; z-index: 1; width: 220px; max-height: calc(100vh - 136px); overflow-y: auto; border-right: 1px solid #e5e5e5; padding-bottom: 60px; }
.api-document-wrap .left-panel ul { padding: 0; }
.api-document-wrap .left-panel ul li { padding: 2px 16px 2px 0; }
.api-document-wrap .left-panel ul li .anchor { position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none !important; cursor: pointer; line-height: 24px; display: block; margin-left: 0; color: #444444; padding: 4px 8px; border-radius: 4px; }
.api-document-wrap .left-panel ul li .anchor:hover { background-color: #ededed; }
.api-document-wrap .left-panel ul li.active .anchor { color: #2b2b2b; font-weight: 700; background-color: #ededed; }
.api-document-wrap .content-panel { overflow: hidden; position: relative; min-height: 100%; width: 780px; padding: 1px 0 0 34px; }
.api-document-wrap .content-panel .doc-section { /* 56 + 80 + 20(여유) = 156px */ /* 이 값이 첫 번째 섹션의 위치를 결정합니다 */ scroll-margin-top: 156px !important; margin-bottom: 100px; }
.api-document-wrap .content-panel .doc-section h2 { margin-bottom: 1rem; }
.api-document-wrap .content-panel .doc-section h3 { font-size: 1.8rem; margin-bottom: 1rem; }
.api-document-wrap .content-panel .doc-section .doc-content { position: relative; }
.api-document-wrap .content-panel .doc-section .doc-content .content-block ~ .content-block { margin-top: 20px; padding-top: 20px; }
.api-document-wrap .content-panel .doc-section .doc-content .content-block .table-api-document th, .api-document-wrap .content-panel .doc-section .doc-content .content-block .table-api-document td { font-size: 0.933rem; }
.api-document-wrap .content-panel .doc-section .doc-content .content-block .table-api-document thead th { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }

.code-block-wrap pre { margin-top: 0 !important; margin-bottom: 0 !important; overflow: inherit; overflow-x: auto; }
.code-block-wrap pre code { border-radius: 6px; overflow: inherit; }
.code-block-wrap pre code.hljs { display: block; overflow-x: auto; padding: 1em; background-color: #1e1e1e; color: #dcdcdc; font-family: 'RobotoMono Regular', consolas, monospace; }

.hljs-keyword, .hljs-literal, .hljs-name, .hljs-symbol { color: #569cd6; }

.hljs-link { color: #569cd6; text-decoration: underline; }

.hljs-built_in, .hljs-type { color: #4ec9b0; }

.hljs-class, .hljs-number { color: #b8d7a3; }

.hljs-meta .hljs-string, .hljs-string { color: #d69d85; }

.hljs-regexp, .hljs-template-tag { color: #9a5334; }

.hljs-formula, .hljs-function, .hljs-params, .hljs-subst, .hljs-title { color: #dcdcdc; }

.hljs-comment, .hljs-quote { color: #57a64a; font-style: italic; }

.hljs-doctag { color: #608b4e; }

.hljs-meta, .hljs-meta .hljs-keyword, .hljs-tag { color: #9b9b9b; }

.hljs-template-variable, .hljs-variable { color: #bd63c5; }

.hljs-attr, .hljs-attribute { color: #9cdcfe; }

.hljs-section { color: gold; }

.hljs-emphasis { font-style: italic; }

code.language-md .hljs-emphasis { font-style: normal; }

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

.hljs-bullet, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-id, .hljs-selector-pseudo, .hljs-selector-tag { color: #d7ba7d; }

.hljs-addition { background-color: #144212; display: inline-block; width: 100%; }

.hljs-deletion { background-color: #600; display: inline-block; width: 100%; }

.api-flow-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 12px 0 24px; gap: 0; /* 화살표 구현 */ }
.api-flow-wrap .flow-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 160px; }
.api-flow-wrap .flow-box { width: 100%; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1.5px solid #1a2a44; background-color: #fff; font-weight: 500; color: #1a2a44; text-align: center; line-height: 1.3; z-index: 2; }
.api-flow-wrap .flow-arrow { margin: 0 16px; position: relative; width: 34px; height: 80px; }
.api-flow-wrap .flow-arrow::before { /* 화살표 직선 */ content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1.5px; background-color: #4a90e2; }
.api-flow-wrap .flow-arrow::after { /* 화살표 촉 (삼각형) */ content: ""; position: absolute; top: 50%; right: 5px; width: 12px; height: 12px; border-top: 1.5px solid #4a90e2; border-right: 1.5px solid #4a90e2; -webkit-transform: rotate(45deg) translateY(-57%); transform: rotate(45deg) translateY(-57%); }
.api-flow-wrap .flow-url { margin-top: 15px; font-family: "Consolas", monospace; font-size: 0.85rem; color: #333; white-space: nowrap; }

/* 모바일 대응: 화면이 작아지면 세로로 나열 */
/* ---------------------------------------------------- Markdown ---------------------------------------------------- */
.markdown { font-family: Helvetica, arial, sans-serif; font-size: 14px; line-height: 1.6; padding-top: 10px; padding-bottom: 10px; background-color: white; color: #333; }
.markdown *:first-child { margin-top: 0 !important; }
.markdown *:last-child { margin-bottom: 0 !important; }
.markdown a { color: #4183C4; text-decoration: none; }
.markdown a.absent { color: #cc0000; }
.markdown a.anchor { display: block; padding-left: 30px; margin-left: -30px; cursor: pointer; position: absolute; top: 0; left: 0; bottom: 0; }
.markdown h1, .markdown h2, .markdown h3, .markdown h4, .markdown h5, .markdown h6 { margin: 20px 0 10px; padding: 0; font-weight: bold; -webkit-font-smoothing: antialiased; cursor: text; position: relative; }
.markdown h2:first-child, .markdown h1:first-child, .markdown h1:first-child + h2, .markdown h3:first-child, .markdown h4:first-child, .markdown h5:first-child, .markdown h6:first-child { margin-top: 0; padding-top: 0; }
.markdown h1:hover a.anchor, .markdown h2:hover a.anchor, .markdown h3:hover a.anchor, .markdown h4:hover a.anchor, .markdown h5:hover a.anchor, .markdown h6:hover a.anchor { text-decoration: none; }
.markdown h1 tt, .markdown h1 code { font-size: inherit; }
.markdown h2 tt, .markdown h2 code { font-size: inherit; }
.markdown h3 tt, .markdown h3 code { font-size: inherit; }
.markdown h4 tt, .markdown h4 code { font-size: inherit; }
.markdown h5 tt, .markdown h5 code { font-size: inherit; }
.markdown h6 tt, .markdown h6 code { font-size: inherit; }
.markdown h1 { font-size: 28px; color: black; }
.markdown h2 { font-size: 24px; border-bottom: 1px solid #cccccc; color: black; }
.markdown h3 { font-size: 18px; }
.markdown h4 { font-size: 16px; }
.markdown h5 { font-size: 14px; }
.markdown h6 { color: #777777; font-size: 14px; }
.markdown p, .markdown blockquote, .markdown ul, .markdown ol, .markdown dl, .markdown li, .markdown table, .markdown pre { margin: 15px 0; }
.markdown hr { border: 0 none; color: #cccccc; height: 4px; padding: 0; }
.markdown h2:first-child { margin-top: 0; padding-top: 0; }
.markdown h1:first-child { margin-top: 0; padding-top: 0; }
.markdown h1:first-child + h2 { margin-top: 0; padding-top: 0; }
.markdown h3:first-child, .markdown h4:first-child, .markdown h5:first-child, .markdown h6:first-child { margin-top: 0; padding-top: 0; }
.markdown a:first-child h1, .markdown a:first-child h2, .markdown a:first-child h3, .markdown a:first-child h4, .markdown a:first-child h5, .markdown a:first-child h6 { margin-top: 0; padding-top: 0; }
.markdown h1 p, .markdown h2 p, .markdown h3 p, .markdown h4 p, .markdown h5 p, .markdown h6 p { margin-top: 0; }
.markdown li p.first { display: inline-block; }
.markdown ul, .markdown ol { padding-left: 30px; }
.markdown ul :first-child, .markdown ol :first-child { margin-top: 0; }
.markdown ul :last-child, .markdown ol :last-child { margin-bottom: 0; }
.markdown dl { padding: 0; }
.markdown dl dt { font-size: 14px; font-weight: bold; font-style: italic; padding: 0; margin: 15px 0 5px; }
.markdown dl dt:first-child { padding: 0; }
.markdown dl dt > :first-child { margin-top: 0; }
.markdown dl dt > :last-child { margin-bottom: 0; }
.markdown dl dd { margin: 0 0 15px; padding: 0 15px; }
.markdown dl dd > :first-child { margin-top: 0; }
.markdown dl dd > :last-child { margin-bottom: 0; }
.markdown blockquote { border-left: 4px solid #dddddd; padding: 0 15px; color: #777777; }
.markdown blockquote > :first-child { margin-top: 0; }
.markdown blockquote > :last-child { margin-bottom: 0; }
.markdown table { padding: 0; }
.markdown table tr { border-top: 1px solid #cccccc; background-color: white; margin: 0; padding: 0; }
.markdown table tr:nth-child(2n) { background-color: #f8f8f8; }
.markdown table tr th { font-weight: bold; border: 1px solid #cccccc; text-align: left; margin: 0; padding: 6px 13px; }
.markdown table tr td { border: 1px solid #cccccc; text-align: left; margin: 0; padding: 6px 13px; }
.markdown table tr th :first-child, .markdown table tr td :first-child { margin-top: 0; }
.markdown table tr th :last-child, .markdown table tr td :last-child { margin-bottom: 0; }
.markdown img { max-width: 100%; }
.markdown span.frame { display: block; overflow: hidden; }
.markdown span.frame > span { border: 1px solid #dddddd; display: block; float: left; overflow: hidden; margin: 13px 0 0; padding: 7px; width: auto; }
.markdown span.frame span img { display: block; float: left; }
.markdown span.frame span span { clear: both; color: #333333; display: block; padding: 5px 0 0; }
.markdown span.align-center { display: block; overflow: hidden; clear: both; }
.markdown span.align-center > span { display: block; overflow: hidden; margin: 13px auto 0; text-align: center; }
.markdown span.align-center span img { margin: 0 auto; text-align: center; }
.markdown span.align-right { display: block; overflow: hidden; clear: both; }
.markdown span.align-right > span { display: block; overflow: hidden; margin: 13px 0 0; text-align: right; }
.markdown span.align-right span img { margin: 0; text-align: right; }
.markdown span.float-left { display: block; margin-right: 13px; overflow: hidden; float: left; }
.markdown span.float-left span { margin: 13px 0 0; }
.markdown span.float-right { display: block; margin-left: 13px; overflow: hidden; float: right; }
.markdown span.float-right > span { display: block; overflow: hidden; margin: 13px auto 0; text-align: right; }
.markdown code, .markdown tt { margin: 0 2px; padding: 0 5px; white-space: nowrap; border: 1px solid #eaeaea; background-color: #f8f8f8; border-radius: 3px; }
.markdown pre code { margin: 0; padding: 0; white-space: pre; border: none; background: transparent; }
.markdown .highlight pre { background-color: #f8f8f8; border: 1px solid #cccccc; font-size: 13px; line-height: 19px; overflow: auto; padding: 6px 10px; border-radius: 3px; }
.markdown pre { background-color: #f8f8f8; border: 1px solid #cccccc; font-size: 13px; line-height: 19px; overflow: auto; padding: 6px 10px; border-radius: 3px; }
.markdown pre code, .markdown pre tt { background-color: transparent; border: none; }

/* ---------------------------------------------------- Home ---------------------------------------------------- */
h1.api_title1 { font-size: 42px; font-weight: 500; line-height: 140%; }

h2.api_title2 { text-align: center; font-size: 32px; font-weight: 500; line-height: 150%; margin-bottom: 1rem; }

h3.api_title3 { font-size: 25px; font-weight: 700; line-height: 150%; margin-bottom: .8rem; }

.api_content { font-size: 16px; }

.home-hero-section { background-color: #e6f3fc; overflow: hidden; position: relative; }
.home-hero-section .content-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px 0; }
.home-hero-section .content-wrap .text-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-bottom: 1rem; }
.home-hero-section .content-wrap .text-content h1 { margin-bottom: 1.2rem; }
.home-hero-section .content-wrap .text-content .text { font-size: 18px; margin-bottom: 35px; }
.home-hero-section .content-wrap .graphic-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.home-hero-section .content-wrap .graphic-content img { max-width: 480px; height: auto; -webkit-filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.05)); filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.05)); }
.home-hero-section::before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 25px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.012)), to(rgba(0, 0, 0, 0))); background: linear-gradient(to top, rgba(0, 0, 0, 0.012), rgba(0, 0, 0, 0)); pointer-events: none; }

.home-number-section { clear: both; padding: 68px 0 78px; }
.home-number-section .content-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.home-number-section .content-wrap .number-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 16px; padding-top: 20px; }
.home-number-section .content-wrap .number-wrap .items { display: -webkit-box; display: -ms-flexbox; display: flex; width: 238px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.home-number-section .content-wrap .number-wrap .items .number { font-size: 38px; font-weight: 500; line-height: 150%; letter-spacing: -0.8px; color: #0878d4; }
.home-number-section .content-wrap .number-wrap .items .title { font-size: 21px; line-height: 150%; }

.home-process-section { clear: both; padding: 30px 0 90px; }
.home-process-section .content-wrap { text-align: center; }
.home-process-section .content-wrap .process-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding-top: 24px; }
.home-process-section .content-wrap .process-wrap .items { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.home-process-section .content-wrap .process-wrap .items .number { background: #dbedfe; color: #2b2b2b; width: 32px; height: 32px; text-align: center; line-height: 32px; margin-right: 12px; border-radius: 4px; font-weight: 500; -ms-flex-negative: 0; flex-shrink: 0; }
.home-process-section .content-wrap .process-wrap .items .title { font-size: 21px; line-height: 1; font-weight: 500; white-space: nowrap; }
.home-process-section .content-wrap .process-wrap .items:not(:last-child)::after { content: "〉"; display: inline-block; margin: 0 30px 0 40px; font-size: 28px; color: #cccccc; font-weight: 200; line-height: 1; text-align: center; }
.home-process-section .banner-block-wrap { margin-top: 6.2rem; background: #e6f3fc; padding: 2rem 2.2rem; border-radius: 12px; }

.home-apporval-section { clear: both; padding: 54px 0 62px; background: #e6f3fc; }

.home-banner-section { background-color: #fff; overflow: hidden; position: relative; }
.home-banner-section .content-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px 0; }
.home-banner-section .content-wrap .text-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 500px; }
.home-banner-section .content-wrap .text-content h2 { text-align: left; margin-bottom: 2rem; }
.home-banner-section .content-wrap .graphic-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.home-banner-section .content-wrap .graphic-content img { max-width: 280px; height: auto; -webkit-filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.05)); filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.05)); }

/*# sourceMappingURL=api.css.map */