article section p+div.accordion-box {margin-top : 30px;}
article section div.accordion-box > ol > li { padding: 0; }
article section div.accordion-box > ol > li .title { border: 1px solid rgb(0, 0, 0); padding: 15px 40px 14px 35px; margin: 0 0 30px; background-color: rgb(255, 255, 255); box-shadow: rgba(9, 0, 0, 0.05) 3px 7px 5px 0; border-radius: 2px; cursor: pointer; position: relative; line-height: 1.5;}
article section div.accordion-box > ol > li .title:before {position: absolute; top: 15px; left: 16px;}
article section div.accordion-box > ol > li .title::after {content: ""; display: block; width: 12px; height: 6px; background: url("/images/common/document/icon_accordion_arrow.png") center/contain no-repeat; position: absolute; top: 24px; right: 16px; transform: rotate(180deg);}
article section div.accordion-box > ol > li:nth-child(1) .title:before {content:'1. ';}
article section div.accordion-box > ol > li:nth-child(2) .title:before {content:'2. ';}
article section div.accordion-box > ol > li:nth-child(3) .title:before {content:'3. ';}
article section div.accordion-box > ol > li:nth-child(4) .title:before {content:'4. ';}
article section div.accordion-box > ol > li:nth-child(5) .title:before {content:'5. ';}
article section div.accordion-box > ol > li:nth-child(6) .title:before {content:'6. ';}
article section div.accordion-box > ol > li:nth-child(7) .title:before {content:'7. ';}
article section div.accordion-box > ol > li:nth-child(8) .title:before {content:'8. ';}
article section div.accordion-box > ol > li:nth-child(9) .title:before {content:'9. ';}
article section div.accordion-box > ol > li:nth-child(10) .title:before {content:'10. '; left: 10px;}
article section div.accordion-box > ol > li:nth-child(11) .title:before {content:'11. '; left: 10px;}
article section div.accordion-box > ol > li:nth-child(12) .title:before {content:'12. '; left: 10px;}
article section div.accordion-box > ol > li .content { padding: 0 0 0 19px; margin: 0 0 45px; display: none;}
article section div.accordion-box > ol > li:last-child .content {margin-bottom : 0;}
article section div.accordion-box > ol > li.active .title { margin-bottom: 23px; }
article section div.accordion-box > ol > li.active .title::after { transform: rotate(0deg); }
article section div.accordion-box > ol > li.active .content { display: block; }
article section div.accordion-box > ol > li.active .content > p { margin: 0 0 20px; word-spacing: -1px; }
article section div.accordion-box > ol > li.active .content > p + .image-box {margin-bottom : 30px;}
article section div.accordion-box > ol > li.active .content > p + ul { margin: 0 0 0 10px; }
article section div.accordion-box > ol > li.active .content > ol > li { margin-bottom: 13px; }
article section div.accordion-box > ol > li.active .content > ol > li > strong + ul { margin: 8px 0 0; }
article section div.accordion-box > ol > li.active .content > ol > li > strong + ul > li { margin-bottom: 4px; }
article section div.accordion-box > ol > li.active .content > ol > li > strong + ul > li::before { content: " - "; }
article section div.accordion-box > ol > li.active .content > ol > li > strong + ul > li::after { display: none; }

article section div.image-box {margin: 30px 0; background: #f7f7f8;}
article section div.image-box p {margin-top: -9px; padding-left: 3%; padding-bottom: 10px; font-size: 14px;}

article.guide-article section table thead tr td { font-weight: 500; }
article.guide-article section table tr th:first-child { width: 20%; }
article.guide-article section table.modify-table {position: relative;}
article.guide-article section table.modify-table tr th {width: 140px;}
article.guide-article section table.modify-table tr td {position: relative;}
article.guide-article section table.modify-table tr td .issue-count {position: absolute; top: 0; right: 0; width: 140px; height: 100%; display: flex; align-items: center; justify-content: center; background-color: rgb(241, 243, 244); font-weight: 500;}
article.guide-article section table.modify-table tr:first-child td {padding-right: 150px;}
article.guide-article section table.sdk-download-table tr td:nth-child(1) { width: 35%; }
article.guide-article section table.sdk-download-table tr td:nth-child(2) { width: 20%; }
article.guide-article section table.sdk-download-table tr td:nth-child(3) { width: 55%; }
article.guide-article section table.cashbill-duty-table tr td:nth-child(1){width : 20%;}
article.guide-article section table.cashbill-duty-table tr td:nth-child(2) i {text-decoration: underline;}
article.guide-article section table.about-mgt-key-table tr td:nth-child(1) {width : 16%;}
article.guide-article section table.about-mgt-key-table tr td:nth-child(2) {width : 16%;}
article.guide-article section table.about-mgt-key-table tr td:nth-child(4) {word-break : keep-all;}
article.guide-article section table.about-mgt-key-table tr td:nth-child(5) {word-break : keep-all;}
article.guide-article section table.about-mgt-key-table tr td:nth-last-child(2) {text-align: center; }
article.guide-article section table.about-mgt-key-table tr td:last-child {text-align: left; word-break : keep-all;}
article.guide-article section table.about-mgt-key-table tr td.bold {font-weight: 500;}
article.guide-article section table.comparison-messaing-table tr th:nth-child(1) {text-align: left; padding : 14px 17px; width : 20%;}
article.guide-article section table.taxinvoice-state-code-table thead tr td:nth-child(1){width : 40%;}
article.guide-article section table.taxinvoice-state-code-table thead tr td:nth-child(3){width : 40%;}
article.guide-article section table.taxinvoice-state-code-table tbody tr:first-child td:nth-child(1){width : 10%;}
article.guide-article section table.taxinvoice-state-code-table tbody tr:first-child td:nth-child(3){width : 20%;}
article.guide-article section table.taxinvoice-state-code-table tbody tr:first-child td:nth-child(4){width : 10%;}
article.guide-article section table.taxinvoice-type-state-code-table tr td:nth-child(1){width : 15%;}
article.guide-article section table.response-code-table tr td:nth-child(1){width : 15%;}
article.guide-article section table.response-code-table tr td:nth-child(2){width : 20%;}
article.guide-article section table.billing-code-table tr td:nth-child(1){width : 15%;}
article.guide-article section table.billing-code-table tr td:nth-child(3){width : 15%;}
article.guide-article section table.available-extension tbody tr td:nth-child(1) {font-weight : 500;}
article.guide-article section table.required-documents thead tr th:nth-child(1) {width: 10%;}
article.guide-article section table.required-documents thead tr th:nth-child(2) {width: 15%;}
article.guide-article section table.required-documents thead tr th:nth-child(3) {width: 25%;}
article.guide-article section table.required-documents tr td:nth-child(-n+3) {text-align: center;}
article.guide-article section table.required-documents tr td:last-child {text-align: left;}
article.guide-article section pre code.hljs {font-family :'JetBrainsMono'; letter-spacing: -0.04em;}
article.guide-article section .tab-box pre code.hljs { background-color: rgb(255, 255, 255); font-weight: 400; }
article.guide-article section .p-box {border: 1px solid #E2EAF0; background:#FAFAFA; padding : 10px 5px 10px 20px}

article.guide-article section div.partner-type-box{display: flex;align-items: flex-start;justify-content: space-between;margin : 30px 0;}
article.guide-article section div.partner-type-box img {width : 338px;}
article.guide-article section div.partner-type-box table {width : calc(100% - 356px ); margin : 0;}
article.guide-article section div.partner-type-box table td{padding: 17px 17px;}
article.guide-article section div.partner-type-box table td:nth-child(1){width : 20%; font-weight: 500;}
article.guide-article section div.bank-list-box{margin : 25px 0;}
article.guide-article section div.bank-list-box ul{display: flex; flex-wrap : wrap; border-top : 1px solid #dee2e2;}
article.guide-article section div.bank-list-box ul li{width : 25%;height: 56px;position: relative;border-right : 1px solid #dee2e2;border-bottom : 1px solid #dee2e2;margin : 0; padding : 0; background-color : #f9f9f9;}
article.guide-article section div.bank-list-box ul li:nth-child(4n){border-right : none;}
article.guide-article section div.bank-list-box ul li.non-hover.odd {display: none;}
article.guide-article section div.bank-list-box ul li:hover:not(.non-hover){background-color : #fff;}
article.guide-article section div.bank-list-box ul li a{display: block; padding-left: 75px; width : 100%; height: 100%; line-height: 54px; z-index: 2; position: relative;}
article.guide-article section div.bank-list-box ul li a span{font-size : 15px; color : #333;}
article.guide-article section div.bank-list-box ul li a i{position: absolute; top : 50%; right : 20px; transform : translateY(-50%); font-size : 15px;}
article.guide-article section div.bank-list-box ul li img {position: absolute; top : 12px; left : 20px; width: 32px; height: 32px;}
article.guide-article section div.bank-list-box ul li:after{display: none;}
article.guide-article section div.regist-bank-step-box{display: flex;flex-wrap : wrap; margin: 50px 0;}
article.guide-article section div.regist-bank-step-box:last-child{margin-bottom : 0;}
article.guide-article section div.regist-bank-step-box strong{display: flex; width : 100%; align-items: center; margin : 0 0 15px 0;}
article.guide-article section div.regist-bank-step-box strong img {margin-right : 10px; width: 32px; height: 32px;}
article.guide-article section div.regist-bank-step-box strong em{font-size : 15px; font-weight: 400; color : #404040; position: relative; margin : 0 0 0 10px; padding : 0 0 0 10px;}
article.guide-article section div.regist-bank-step-box strong em:after{content:''; display: block; width : 1px; height: 13px; position: absolute; top : 1px; left : 0; background-color : #404040;}
article.guide-article section div.regist-bank-step-box>div{width : 50%; position: relative; border-top : solid 1px #e1e1e1; padding : 20px 20px;}
article.guide-article section div.regist-bank-step-box>div>ol{padding: 10px 0 0 20px;}
article.guide-article section div.regist-bank-step-box>div>ol>li{padding : 0;font-size: 15px;line-height: normal; position: relative;}
article.guide-article section div.regist-bank-step-box>div>ol>li>i{position: absolute;top: 4px;left: -34px;width: 30px;text-align: right;}
article.guide-article section div.regist-bank-step-box>div>ol>li:last-child{margin : 0;}
article.guide-article section div.regist-bank-step-box>div:before{display : inline-block;padding: 6px 16px;border : solid 1px #e1e1e1; color : #fff; background-color : #2d3957; border-radius: 50px; font-size : 14px;}
article.guide-article section div.regist-bank-step-box>div.corp:after{content:'';display: block;width : 1px;height: 75%;position: absolute;top: 15%;right : 0;background-color : #e1e1e1;}
article.guide-article section div.regist-bank-step-box>div.corp:before{content:'법인';}
article.guide-article section div.regist-bank-step-box>div.person:before{content:'개인';}
article.guide-article section div.avaliable-telecom-box{padding : 31px; background-color : #f7f7f8;}
article.guide-article section div.avaliable-telecom-box p {font-size : 15px;margin : 20px 0 0 0;}
article.guide-article section div.process-explain {margin-top: 10px; background: #FAFAFA; border: 1px solid rgb(211,220, 228); border-radius: 0 5px 5px 5px; padding-top: 20px; padding-bottom: 20px}
article.guide-article section .comparisont-table {width: 100%; margin: 0 auto;}
article.guide-article section .comparisont-table thead{background: none;}
article.guide-article section .comparisont-table thead tr th {width: 22%; font-weight: 700;}
article.guide-article section .comparisont-table thead tr th:first-child,
article.guide-article section .comparisont-table thead tr th:last-child {width: 39%; }
article.guide-article section .comparisont-table thead tr th:first-child {}
article.guide-article section .comparisont-table thead tr th:nth-child(2) {font-size: 15.5px;}
article.guide-article section .comparisont-table thead tr th:nth-child(1),
article.guide-article section .comparisont-table tbody tr td:nth-child(1) { text-align: center;}
article.guide-article section .comparisont-table tbody tr td:nth-child(3) {border-left: none; text-align: center;}
article.guide-article section .comparisont-table thead tr th:nth-child(2),
article.guide-article section .comparisont-table tbody tr th { background: #fff; }
article.guide-article section .comparisont-table thead tr:nth-child(1) th:nth-child(2) {
	background: #4d64e4;
	color: #fff;
}

.accountcheck_features {margin-top: 60px; display: flex; justify-content: space-around}
.accountcheck_features > li {color: #000;font-weight: bold;font-size: 16px;display: inline-block;text-align: center;background: center top no-repeat;padding-top: 120px;padding-left: 0;margin: 0;}
.accountcheck_features > li:after {content:none}
.accountcheck_features > li:nth-child(1) {background-image: url(/images/guide/introduction/accountcheck/account_guide_content_01-1.png); }
.accountcheck_features > li:nth-child(2) {background-image: url(/images/guide/introduction/accountcheck/account_guide_content_01-2.png); }
.accountcheck_features > li:nth-child(3) {background-image: url(/images/guide/introduction/accountcheck/account_guide_content_01-3.png); }
.accountcheck_features > li> p {display: inline-block; position: relative}
.accountcheck_features > li> p:nth-child(1):after {content:''; position:absolute; top:15px; left: -5px; width: calc(100% + 10px); height: 11px; background-color: rgba(105, 158, 255, 0.3); z-index: -1 }
.accountcheck_features > li > p:nth-child(1) {margin-top: 20px; font-size: 17px; font-weight: 500;}
.accountcheck_features > li > p:nth-child(2) {margin-top: 7px;  font-size: 15px; font-weight: 400; color: #666;}

#account_bank_list h4, #depositor_bank_list h4 {margin-top: 50px;}
#account_bank_list, #depositor_bank_list {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
#account_bank_list > p, h4, #depositor_bank_list > p, h4 {display: block; width: 100%}
#account_bank_list > p, #depositor_bank_list > p {margin: 0;}
#account_bank_list > a {margin-top: 10px;}
.excel-accountcheck {display: inline-block; padding-top: 3px;}
a.excel-accountcheck {display: inline; text-align: right; align-self: flex-start; font-size: 15px; color: #080808; padding: 6px 20px 6px 28px; background: url(/images/common/document/excel.png) left 8px center / 16px 16px no-repeat, url(/images/common/document/download.png) right 8px center / 8px 10px no-repeat #fafafa; border-radius: 2px; border: solid 1px #ced2db}

.img-margin-top {margin-top: 27px;}

ul.guide_list {margin-top: 5px; margin-left: 8px;}
ul.guide_list > li {margin-bottom: 4px;}
p.guide_list {margin-bottom: 0}
.svc-grid{display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:12px;}
.svc-card{display:flex; gap:12px; align-items:flex-start; padding:14px 16px; border:1px solid #e5e7eb; border-radius:6px; background:#fff;}
.svc-card > img {margin: 10px 11px 0 11px ;}
.svc-card > div > p {margin: 0; font-size: 15px;}
.svc-ico{width:44px; height:44px; flex:0 0 auto; object-fit:contain;}
.svc-title{font-weight:700; line-height:1.2; margin:0 0 6px; font-size: 17px;}
.svc-desc{margin:0; color:#4b5563; font-size:14px; line-height:1.5;}

div.contents > ul > li > ul{margin-left: 0;}
div.contents > ul > li > ul > li {padding-left: 20px; margin-bottom: 5px;}
div.contents > ul > li > ul > li:after {content: ""; display: block; width: 6px; height: 6px; background-color: rgb(0, 0, 0); position: absolute; top: 9px; left: 3px; border-radius: 100%;}
.cert-wrap{display:flex; gap:28px; background:#fff; align-items:flex-start;}
.cert-wrap > div > ul{margin-left: 0;}
.cert-left{flex:1 1 auto; min-width:0;}
.cert-right{flex:0 0 260px; display:flex; flex-direction:column; align-items:center; gap:12px;}
.img_cert{width: 205px; height: 104px; margin-top: 68px;}
.certificate_view{display:inline-flex; align-items:center; justify-content:center; width:156px; height:35px; padding:0 16px; border:1px solid #cbd5e1; border-radius:10px; text-decoration:none; color:#111827; font-size:14px; font-weight:500; background:#fff; margin-top: 10px}
.certificate_view:hover{background:#f8fafc;}
.download-proposal{position: relative; align-items: center; padding: 5px 5px; border: 1px solid; border-radius: 2px; font-size: 14px; font-weight: 500; margin-top: 2px; margin-left: 10px; width: 126px; height: 25px;}
.download-proposal::after{content:''; display : block; width : 14px; height: 14px; position:absolute; top: 50%; right: 5px; transform: translateY(-58%); background-image: url("/images/common/document/download.svg");}
.kakao-badge{display:inline-flex; align-items: center; padding: 5px 6px; border-radius: 3px; font-size: 14px; font-weight: 500;  margin-left: 5px; width: 50px; height: 25px; background-color: #FFE53B;}
.popbill-badge{display:inline-flex; align-items: center; padding: 5px 8px; border-radius: 3px; font-size: 14px; font-weight: 500;  margin-left: 5px; width: 42px; height: 25px; background-color: #C6E0FF; color: #1157D9;}

.bank-box {border: 1px solid #dfdfdf; position: relative; padding: 0 0 30px 35px; background: #FAFAFA;}
.bank_list {display: flex; flex-wrap: wrap; width: 95%; margin: 20px 0 0 0; column-gap: 90px; row-gap: 15px}
.bank_list > li {width: calc(33.33% - 60px); display: flex; padding-left: 0; margin-bottom: 0; align-items: center;}
.bank_list > li:after {content: none}
.bank_list > li img {width: 20px; height: 20px; margin-right: 10px}
.bank_list > li strong {text-align: right;}
.bank_list > li span {flex-grow: 1; text-align: left;}

.req-data {background: #fff; margin-bottom: 15px;}
.req-data-header {border-bottom: 2px solid #444; padding-bottom: 8px; margin: 40px 0 20px;}
.req-data-title {font-weight: 500; color: #000; font-size : 15px; margin-top: 28px;}
.req-data-req {font-weight: 500; color: #e53e3e; margin-left: 10px; font-size : 14px;}
.req-data-desc {color: #000; margin-top: 5px; font-size : 14px; line-height: 1.4;}
.req-data-desc-gray {background: #e0e0e0; display: inline-block;}

.bms-target {margin: 0; display: flex; align-items: center;}
.need-kakao {background: #E3EDFF; padding: 0 7px 1px; border-radius: 10px; font-weight: 500; font-size: 12px; letter-spacing: -0.02em; line-height: 1.5; color: #1157D9; margin-left: 4px;}

@media (max-width: 1250px) {
    article.guide-article section div.partner-type-box{flex-wrap : wrap;}
    article.guide-article section div.partner-type-box table{width : 100%; max-width : 524px; margin : 20px 0;}
    article.guide-article section div.bank-list-box ul li {width: 33.333%;}
    article.guide-article section div.bank-list-box ul li:nth-child(4n) {border-right: 1px solid #dee2e2;}
    article.guide-article section div.bank-list-box ul li:nth-child(3n) {border-right: none;}
    article.guide-article section div.bank-list-box ul li.non-hover.odd {display: list-item;}
}

@media (max-width: 1000px) {
    article.guide-article section div.bank-list-box ul li {width: 50%;}
    article.guide-article section div.bank-list-box ul li:nth-child(3n) {border-right: 1px solid #dee2e2;}
    article.guide-article section div.bank-list-box ul li:nth-child(2n) {border-right: none;}
    article.guide-article section div.bank-list-box ul li.non-hover.odd {display: none;}
}

@media (max-width: 980px) {
    article.guide-article section div.bank-list-box ul li{width : 33.333%;}
    article.guide-article section div.bank-list-box ul li:nth-child(2n) {border-right: 1px solid #dee2e2;}
    article.guide-article section div.bank-list-box ul li:nth-child(3n) {border-right: none;}
    article.guide-article section div.bank-list-box ul li.non-hover.odd {display: list-item;}
}

@media (max-width: 710px) {
    article.guide-article section div.bank-list-box ul li {width: 50%;}
    article.guide-article section div.bank-list-box ul li:nth-child(3n) {border-right: 1px solid #dee2e2;}
    article.guide-article section div.bank-list-box ul li:nth-child(2n) {border-right: none;}
    article.guide-article section div.bank-list-box ul li.non-hover.odd {display: none;}
    article.guide-article section .comparisont-table {width: 85%;}

    .accountcheck_features {display: block;}
    .accountcheck_features > li {padding-top: 0;padding-left:110px;background-position: left center;background-size: 80px 80px; margin-bottom: 20px;}
    .accountcheck_features > li> p {display: block; text-align: left;}
    .accountcheck_features > li> p:nth-child(1) {margin-top: 5px; width: max-content;}

    .bank_list {display: flex; flex-wrap: wrap; margin: 20px 0 0 0; column-gap: 60px;}
    .bank_list > li {width: calc(50% - 30px); display: flex; padding-left: 0; margin-bottom: 0; align-items: center; z-index: -1;}
}

@media (max-width: 550px) {
    article.guide-article section .comparisont-table {width: 93%;}
}

@media (max-width: 500px) {
    article section div.accordion-box > ol > li .title{padding: 11px 40px 10px 30px; font-size: 15px;}
    article section div.accordion-box > ol > li .title::before{position: absolute; top: 11px; left: 15px;}
    article section div.accordion-box > ol > li .title::after{top: 50%; right: 13px; transform: rotate(180deg) translateY(50%);}
    article section div.accordion-box > ol > li .content{padding: 0 13px; margin: 0 0 30px;}
    article section div.accordion-box > ol > li.active .title {margin-bottom : 10px;}
    article section div.accordion-box > ol > li.active .title::after {transform: rotate(0deg) translateY(-50%);}
    article section div.accordion-box > ol > li.active .content > p{margin-bottom : 10px;}
    article section div.accordion-box > ol > li.active .content > ol > li{margin-bottom : 10px;}
    article section div.accordion-box > ol > li.active .content > ol > li > strong + ul{margin : 4px 0 0 0;}
    article section div.accordion-box > ol > li.active .content > ol > li > strong + ul > li{padding-left : 5px;}

    article section div.image-box {margin: 20px 0;}
    article section div.image-box p {font-size: 12px; margin-top: 0;}

    article.guide-article section div.list-wrap{border : none;}
    article.guide-article section div.list-wrap>div{margin : 0;}
    article.guide-article section div.list-wrap div.list-main-api{border-bottom : none;}
    article.guide-article section div.list-wrap ul > li{padding : 0;}
    article.guide-article section div.list-wrap ul > li:after{display: none;}
    article.guide-article section div.list-wrap ul > li a {line-height: 1.4; font-size : 0.9em; position: relative;}
    article.guide-article section div.list-wrap ul > li a>i{position: absolute; top : 3px; left : 0; display: none; }
    article.guide-article section div.bank-list-box ul li{width : 50%;}
    article.guide-article section div.bank-list-box ul li a{padding-left :50px;}
    article.guide-article section div.bank-list-box ul li img{left : 10px;}
    article.guide-article section div.regist-bank-step-box>div{width : 100%;}
    article.guide-article section div.regist-bank-step-box>div.corp:after{display: none;}
    article.guide-article section div.partner-type-box img {margin : 0 auto;}
    article.guide-article section div.partner-type-box table td:nth-child(1){width : 30%;}
    article.guide-article section div.partner-type-box table td:nth-child(2){width : 70%;}

    article.guide-article section div.partner-type-box table{min-width : auto;}
    article.guide-article section .tab-box pre {width : auto;}
    article.guide-article section .comparisont-table {width: auto; min-width: auto;}
    article.guide-article section .comparisont-table tfoot tr td {padding: 5px 0 0;}
}

@media (max-width: 410px) {
    article.guide-article section div.bank-list-box ul li img {width: 24px; height: 24px; top: 16px;}
    article.guide-article section div.bank-list-box ul li a {padding-left: 40px;}
    article.guide-article section div.bank-list-box ul li a i {right: 10px;}

    .bank_list {column-gap: 30px}
    .bank_list > li {width: calc(50% - 15px);}
    .bank_list > li img {margin-right: 5px;}
}