/* 텍스트(에디터) 컴포넌트 — '문서 (약관·정책)' 스타일 (component-view 전용)
   terms.css 의 .terms .content .article 타이포 규칙을 .component_view .comp_text.doc .inner 스코프로 이식. 원본 미수정.
   - 기존 약관 HTML 클래스(.article / h3.inline / .txt / .alpha_list / .dot_list …)는 그대로 적용
   - 클래스 없는 일반 에디터 입력(h3, p, ul/ol)도 같은 스타일을 받도록 .article 없는 셀렉터와 p 폴백을 함께 생성 */
.component_view .comp_text.doc .inner .underline {
    text-decoration: underline;
    text-underline-offset: 2px;
}
.component_view .comp_text.doc .inner .txt a,
.component_view .comp_text.doc .inner p a {
    position: relative;
    color: #2A66FF;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.component_view .comp_text.doc .inner .article {
    position: relative;
    padding-top: 10rem;
}
.component_view .comp_text.doc .inner .article.no_pt {
    padding-top: 0;
}
.component_view .comp_text.doc .inner .article .sub_wrap,
.component_view .comp_text.doc .inner .sub_wrap {
    margin-top: 2.4rem;
}
.component_view .comp_text.doc .inner .article.first {
    padding-top: 3.6rem;
}
.component_view .comp_text.doc .inner .article:first-child {
    margin-top: 0;
    padding-top: 0;
}
.component_view .comp_text.doc .inner .article:first-child::before {
    display: none;
}
.component_view .comp_text.doc .inner .article h3,
.component_view .comp_text.doc .inner h3 {
    line-height: 1.45;
    font-size: 2.8rem;
}
.component_view .comp_text.doc .inner .article h3.subtitle,
.component_view .comp_text.doc .inner h3.subtitle {
    font-size: 1.8rem;
    line-height: 1.6;
}
.component_view .comp_text.doc .inner .article h3.subtitle + .txt,
.component_view .comp_text.doc .inner h3.subtitle + .txt,
.component_view .comp_text.doc .inner h3.subtitle + p {
    line-height: 1.6;
    margin-top: 0.6rem;
}
.component_view .comp_text.doc .inner .article h3.inline,
.component_view .comp_text.doc .inner h3.inline {
    font-size: 1.8rem;
    float: left;
    line-height: 1.6;
    margin-right: 8px;
}
.component_view .comp_text.doc .inner .article h3.inline + .txt,
.component_view .comp_text.doc .inner h3.inline + .txt,
.component_view .comp_text.doc .inner h3.inline + p {
    line-height: 1.6;
    margin-top: 0;
}
.component_view .comp_text.doc .inner .article h3.inline + .txt + .txt,
.component_view .comp_text.doc .inner h3.inline + .txt + .txt,
.component_view .comp_text.doc .inner h3.inline + p + p {
    clear: left;
}
.component_view .comp_text.doc .inner .article h4,
.component_view .comp_text.doc .inner h4 {
    position: relative;
    margin-top: 2.4rem;
    padding-left: 1.2rem;
    line-height: 1.25;
    font-size: 1.8rem;
}
.component_view .comp_text.doc .inner .article h4::before,
.component_view .comp_text.doc .inner h4::before {
    content: "";
    position: absolute;
    left: 0;
    top: .5rem;
    width: .4rem;
    height: 1.2rem;
    background: var(--point-color);
}
.component_view .comp_text.doc .inner .article h4 + .txt,
.component_view .comp_text.doc .inner h4 + .txt,
.component_view .comp_text.doc .inner h4 + p {
    margin-top: .6rem;
    font-size: 1.6rem;
}
.component_view .comp_text.doc .inner .article h4 + .txt + .default_list + .txt,
.component_view .comp_text.doc .inner h4 + .txt + .default_list + .txt,
.component_view .comp_text.doc .inner h4 + p + .default_list + p {
    margin-top: 1.2rem;
    font-size: 1.6rem;
}
.component_view .comp_text.doc .inner .article .txt,
.component_view .comp_text.doc .inner .txt,
.component_view .comp_text.doc .inner p {
    margin-top: 2.4rem;
    line-height: 1.6;
    color: #000;
    font-size: 1.8rem;
    font-weight: 400;
}
.component_view .comp_text.doc .inner .article .txt.no_mt,
.component_view .comp_text.doc .inner .txt.no_mt,
.component_view .comp_text.doc .inner p.no_mt {
    margin-top: 0;
}
.component_view .comp_text.doc .inner .article .txt b,
.component_view .comp_text.doc .inner .txt b,
.component_view .comp_text.doc .inner p b {
    font-weight: 700;
}
.component_view .comp_text.doc .inner .article .txt + .dot_list,
.component_view .comp_text.doc .inner .txt + .dot_list,
.component_view .comp_text.doc .inner p + .dot_list {
    margin-top: 2.4rem;
}
.component_view .comp_text.doc .inner .article .dot_list + .txt,
.component_view .comp_text.doc .inner .dot_list + .txt,
.component_view .comp_text.doc .inner .dot_list + p {
    margin-top: 2.4rem;
}
.component_view .comp_text.doc .inner .article .default_list,
.component_view .comp_text.doc .inner .default_list {
    margin-top: 2.4rem;
}
.component_view .comp_text.doc .inner .article .default_list li,
.component_view .comp_text.doc .inner .default_list li {
    line-height: 1.6;
    font-size: 1.6rem;
    font-weight: 400;
}
.component_view .comp_text.doc .inner .article .default_list li a,
.component_view .comp_text.doc .inner .default_list li a {
    color: #000;
}
.component_view .comp_text.doc .inner .article .default_list li a span,
.component_view .comp_text.doc .inner .default_list li a span {
    box-shadow: inset 0 -1px 0 #000;
}
.component_view .comp_text.doc .inner .article .btn_area,
.component_view .comp_text.doc .inner .btn_area {
    margin-top: 4rem;
}
.component_view .comp_text.doc .inner .article .btn_area + .txt,
.component_view .comp_text.doc .inner .btn_area + .txt,
.component_view .comp_text.doc .inner .btn_area + p {
    margin-top: 4rem;
}
.component_view .comp_text.doc .inner .article .download,
.component_view .comp_text.doc .inner .download {
    margin-top: 4rem;
    padding: 4rem;
    background: #F3F3F3;
}
.component_view .comp_text.doc .inner .article .download_list,
.component_view .comp_text.doc .inner .download_list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.2rem 8rem;
}
.component_view .comp_text.doc .inner .article .download_list li,
.component_view .comp_text.doc .inner .download_list li {
    position: relative;
    padding-left: 1rem;
    line-height: 1.6;
    font-size: 1.6rem;
    font-weight: 500;
}
.component_view .comp_text.doc .inner .article .download_list li::before,
.component_view .comp_text.doc .inner .download_list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1.1rem;
    width: .4rem;
    height: .4rem;
    border-radius: 99rem;
    background: #000;
}
.component_view .comp_text.doc .inner .article .download_list li a,
.component_view .comp_text.doc .inner .download_list li a {
    color: #000;
}
.component_view .comp_text.doc .inner .article .state,
.component_view .comp_text.doc .inner .state {
    margin-top: 4rem;
    padding: 4rem;
    background: #F3F3F3;
}
.component_view .comp_text.doc .inner .article .state h3,
.component_view .comp_text.doc .inner .state h3 {
    text-align: center;
    line-height: 1.45;
    font-size: 2.4rem;
}
.component_view .comp_text.doc .inner .article .state .txt,
.component_view .comp_text.doc .inner .state .txt,
.component_view .comp_text.doc .inner .state p {
    font-size: 1.6rem;
}
.component_view .comp_text.doc .inner .article .accessibility,
.component_view .comp_text.doc .inner .accessibility {
    margin-top: 4rem;
    text-align: center;
}
.component_view .comp_text.doc .inner .article .accessibility img,
.component_view .comp_text.doc .inner .accessibility img {
    width: 40.4rem;
}
.component_view .comp_text.doc .inner .article .accessibility .btn_area,
.component_view .comp_text.doc .inner .accessibility .btn_area {
    margin-top: 2.4rem;
}
.component_view .comp_text.doc .inner .article .accessibility .txt,
.component_view .comp_text.doc .inner .accessibility .txt,
.component_view .comp_text.doc .inner .accessibility p {
    text-align: left;
}
.component_view .comp_text.doc .inner .article .dot_list,
.component_view .comp_text.doc .inner .dot_list {
    margin-top: 2.4rem;
}
.component_view .comp_text.doc .inner .article .dot_list li,
.component_view .comp_text.doc .inner .dot_list li {
    position: relative;
    margin-top: .4rem;
    padding-left: 1rem;
    line-height: 1.6;
    font-size: 1.6rem;
    font-weight: 400;
}
.component_view .comp_text.doc .inner .article .dot_list li:first-child,
.component_view .comp_text.doc .inner .dot_list li:first-child {
    margin-top: 0;
}
.component_view .comp_text.doc .inner .article .dot_list li::before,
.component_view .comp_text.doc .inner .dot_list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1.1rem;
    width: .4rem;
    height: .4rem;
    border-radius: 99rem;
    background: #000;
}
.component_view .comp_text.doc .inner .article .dot_list.sub_list,
.component_view .comp_text.doc .inner .dot_list.sub_list {
    margin-top: 0.4rem;
    padding-left: 1.6rem;
}
.component_view .comp_text.doc .inner .article .dot_list.sub_list li::before,
.component_view .comp_text.doc .inner .dot_list.sub_list li::before {
    top: 1.2rem;
    width: .3rem;
    height: .3rem;
}
.component_view .comp_text.doc .inner .article .alpha_list,
.component_view .comp_text.doc .inner .alpha_list {
    list-style: none !important;
    padding-left: 0;
    margin-top: 2.4rem;
    counter-reset: alpha_list;
}
.component_view .comp_text.doc .inner .article .alpha_list li,
.component_view .comp_text.doc .inner .alpha_list li {
    display: flex;
    align-items: flex-start;
    margin-top: .4rem;
    line-height: 1.6;
    font-size: 1.6rem;
    font-weight: 400;
    gap: 0.5em;
}
.component_view .comp_text.doc .inner .article .alpha_list li:first-child,
.component_view .comp_text.doc .inner .alpha_list li:first-child {
    margin-top: 0;
}
.component_view .comp_text.doc .inner .article .alpha_list li::before,
.component_view .comp_text.doc .inner .alpha_list li::before {
    content: "(" counter(alpha_list, lower-alpha) ") ";
    counter-increment: alpha_list;
    flex-shrink: 0;
    min-width: 1.75em;
    text-align: right;
    font-size: 1.6rem;
    font-weight: 400;
    color: #000;
    line-height: 1.6;
    margin-right: 0.2em;
    display: flex;
    align-items: flex-start;
    height: 100%;
}
.component_view .comp_text.doc .inner .article .guide_list,
.component_view .comp_text.doc .inner .guide_list {
    display: flex;
    gap: 1.6rem;
}
.component_view .comp_text.doc .inner .article .guide_list > li,
.component_view .comp_text.doc .inner .guide_list > li {
    position: relative;
    width: calc(100% / 2);
    padding: 3rem;
    border: 1px solid #D9D9D9;
    border-radius: .4rem;
    background: #F3F3F3;
}
.component_view .comp_text.doc .inner .article .guide_list > li .title,
.component_view .comp_text.doc .inner .guide_list > li .title {
    text-transform: uppercase;
    line-height: 1.25;
    font-size: 2.4rem;
}
.component_view .comp_text.doc .inner .article .guide_list > li .txt,
.component_view .comp_text.doc .inner .guide_list > li .txt,
.component_view .comp_text.doc .inner .guide_list > li p {
    margin-top: 1.2rem;
    line-height: 1.25;
    font-size: 1.6rem;
}
.component_view .comp_text.doc .inner .article .guide_list .dot_list li,
.component_view .comp_text.doc .inner .guide_list .dot_list li {
    margin-top: 0;
    padding-left: 1.6rem;
}
.component_view .comp_text.doc .inner .article .guide_list .btn_area,
.component_view .comp_text.doc .inner .guide_list .btn_area {
    display: flex;
    gap: 1.2rem;
}
@media (max-width: 1919px) {
    .component_view .comp_text.doc .inner .underline {
        text-underline-offset: calc(100vw * (2 / 1919));
    }
    .component_view .comp_text.doc .inner .article {
        padding-top: calc(100vw * (100 / 1919));
    }
    .component_view .comp_text.doc .inner .article .sub_wrap,
.component_view .comp_text.doc .inner .sub_wrap {
        margin-top: calc(100vw * (24 / 1919));
    }
    .component_view .comp_text.doc .inner .article.first {
        padding-top: calc(100vw * (36 / 1919));
    }
    .component_view .comp_text.doc .inner .article h3,
.component_view .comp_text.doc .inner h3 {
        font-size: calc(100vw * (28 / 1919));
    }
    .component_view .comp_text.doc .inner .article h3.subtitle,
.component_view .comp_text.doc .inner h3.subtitle {
        font-size: calc(100vw * (18 / 1919));
    }
    .component_view .comp_text.doc .inner .article h3.subtitle + .txt,
.component_view .comp_text.doc .inner h3.subtitle + .txt,
.component_view .comp_text.doc .inner h3.subtitle + p {
        margin-top: calc(100vw * (6 / 1919));
    }
    .component_view .comp_text.doc .inner .article h3.inline,
.component_view .comp_text.doc .inner h3.inline {
        font-size: calc(100vw * (18 / 1919));
    }
    .component_view .comp_text.doc .inner .article h4,
.component_view .comp_text.doc .inner h4 {
        margin-top: calc(100vw * (24 / 1919));
        padding-left: calc(100vw * (12 / 1919));
        font-size: calc(100vw * (18 / 1919));
    }
    .component_view .comp_text.doc .inner .article h4::before,
.component_view .comp_text.doc .inner h4::before {
        top: calc(100vw * (5 / 1919));
        width: calc(100vw * (4 / 1919));
        height: calc(100vw * (12 / 1919));
    }
    .component_view .comp_text.doc .inner .article h4 + .txt,
.component_view .comp_text.doc .inner h4 + .txt,
.component_view .comp_text.doc .inner h4 + p {
        margin-top: calc(100vw * (6 / 1919));
        font-size: calc(100vw * (16 / 1919));
    }
    .component_view .comp_text.doc .inner .article h4 + .txt + .default_list + .txt,
.component_view .comp_text.doc .inner h4 + .txt + .default_list + .txt,
.component_view .comp_text.doc .inner h4 + p + .default_list + p {
        margin-top: calc(100vw * (12 / 1919));
        font-size: calc(100vw * (16 / 1919));
    }
    .component_view .comp_text.doc .inner .article .txt,
.component_view .comp_text.doc .inner .txt,
.component_view .comp_text.doc .inner p {
        margin-top: calc(100vw * (24 / 1919));
        font-size: calc(100vw * (18 / 1919));
    }
    .component_view .comp_text.doc .inner .article .txt + .dot_list,
.component_view .comp_text.doc .inner .txt + .dot_list,
.component_view .comp_text.doc .inner p + .dot_list {
        margin-top: calc(100vw * (24 / 1919));
    }
    .component_view .comp_text.doc .inner .article .dot_list + .txt,
.component_view .comp_text.doc .inner .dot_list + .txt,
.component_view .comp_text.doc .inner .dot_list + p {
        margin-top: calc(100vw * (24 / 1919));
    }
    .component_view .comp_text.doc .inner .article .default_list,
.component_view .comp_text.doc .inner .default_list {
        margin-top: calc(100vw * (24 / 1919));
    }
    .component_view .comp_text.doc .inner .article .default_list li,
.component_view .comp_text.doc .inner .default_list li {
        font-size: calc(100vw * (16 / 1919));
    }
    .component_view .comp_text.doc .inner .article .btn_area,
.component_view .comp_text.doc .inner .btn_area {
        margin-top: calc(100vw * (40 / 1919));
    }
    .component_view .comp_text.doc .inner .article .btn_area + .txt,
.component_view .comp_text.doc .inner .btn_area + .txt,
.component_view .comp_text.doc .inner .btn_area + p {
        margin-top: calc(100vw * (40 / 1919));
    }
    .component_view .comp_text.doc .inner .article .download,
.component_view .comp_text.doc .inner .download {
        margin-top: calc(100vw * (40 / 1919));
        padding: calc(100vw * (40 / 1919));
    }
    .component_view .comp_text.doc .inner .article .download_list,
.component_view .comp_text.doc .inner .download_list {
        gap:calc(100vw * (12 / 1919)) calc(100vw * (80 / 1919));
    }
    .component_view .comp_text.doc .inner .article .download_list li,
.component_view .comp_text.doc .inner .download_list li {
        padding-left: calc(100vw * (10 / 1919));
        font-size: calc(100vw * (16 / 1919));
    }
    .component_view .comp_text.doc .inner .article .download_list li::before,
.component_view .comp_text.doc .inner .download_list li::before {
        top: calc(100vw * (11 / 1919));
        width: 4px;
        height: 4px
    }
    .component_view .comp_text.doc .inner .article .state,
.component_view .comp_text.doc .inner .state {
        margin-top: calc(100vw * (40 / 1919));
        padding: calc(100vw * (40 / 1919));
    }
    .component_view .comp_text.doc .inner .article .state h3,
.component_view .comp_text.doc .inner .state h3 {
        font-size: calc(100vw * (24 / 1919));
    }
    .component_view .comp_text.doc .inner .article .state .txt,
.component_view .comp_text.doc .inner .state .txt,
.component_view .comp_text.doc .inner .state p {
        font-size: calc(100vw * (16 / 1919));
    }
    .component_view .comp_text.doc .inner .article .accessibility,
.component_view .comp_text.doc .inner .accessibility {
        margin-top: calc(100vw * (40 / 1919));
    }
    .component_view .comp_text.doc .inner .article .accessibility img,
.component_view .comp_text.doc .inner .accessibility img {
        width: calc(100vw * (404 / 1919));
    }
    .component_view .comp_text.doc .inner .article .accessibility .btn_area,
.component_view .comp_text.doc .inner .accessibility .btn_area {
        margin-top: calc(100vw * (24 / 1919));
    }
    .component_view .comp_text.doc .inner .article .dot_list,
.component_view .comp_text.doc .inner .dot_list {
        margin-top: calc(100vw * (24 / 1919));
    }
    .component_view .comp_text.doc .inner .article .dot_list li,
.component_view .comp_text.doc .inner .dot_list li {
        margin-top: calc(100vw * (4 / 1919));
        padding-left: calc(100vw * (10 / 1919));
        font-size: calc(100vw * (16 / 1919));
    }
    .component_view .comp_text.doc .inner .article .dot_list li::before,
.component_view .comp_text.doc .inner .dot_list li::before {
        top: calc(100vw * (11 / 1919));
        width: 4px;
        height: 4px
    }
    .component_view .comp_text.doc .inner .article .dot_list.sub_list,
.component_view .comp_text.doc .inner .dot_list.sub_list {
        margin-top: calc(100vw * (4 / 1919));
        padding-left: calc(100vw * (10 / 1919));
    }
    .component_view .comp_text.doc .inner .article .dot_list.sub_list li::before,
.component_view .comp_text.doc .inner .dot_list.sub_list li::before {
        top: calc(100vw * (12 / 1919));
        width: calc(100vw * (3 / 1919));
        height: calc(100vw * (3 / 1919));
    }
    .component_view .comp_text.doc .inner .article .alpha_list,
.component_view .comp_text.doc .inner .alpha_list {
        margin-top: calc(100vw * (24 / 1919));
    }
    .component_view .comp_text.doc .inner .article .alpha_list li,
.component_view .comp_text.doc .inner .alpha_list li {
        margin-top: calc(100vw * (4 / 1919));
        font-size: calc(100vw * (16 / 1919));
        gap: calc(100vw * (5 / 1919));
    }
    .component_view .comp_text.doc .inner .article .alpha_list li::before,
.component_view .comp_text.doc .inner .alpha_list li::before {
        min-width: calc(100vw * (17.5 / 1919));
        font-size: calc(100vw * (16 / 1919));
        margin-right: calc(100vw * (2 / 1919));
    }
    .component_view .comp_text.doc .inner .article .guide_list,
.component_view .comp_text.doc .inner .guide_list {
        gap: calc(100vw * (16 / 1919));
    }
    .component_view .comp_text.doc .inner .article .guide_list > li,
.component_view .comp_text.doc .inner .guide_list > li {
        padding: calc(100vw * (30 / 1919));
        border-radius: calc(100vw * (4 / 1919));
    }
    .component_view .comp_text.doc .inner .article .guide_list > li .title,
.component_view .comp_text.doc .inner .guide_list > li .title {
        font-size: calc(100vw * (24 / 1919));
    }
    .component_view .comp_text.doc .inner .article .guide_list > li .txt,
.component_view .comp_text.doc .inner .guide_list > li .txt,
.component_view .comp_text.doc .inner .guide_list > li p {
        margin-top: calc(100vw * (12 / 1919));
        font-size: calc(100vw * (16 / 1919));
    }
    .component_view .comp_text.doc .inner .article .guide_list .dot_list li,
.component_view .comp_text.doc .inner .guide_list .dot_list li {
        padding-left: calc(100vw * (16 / 1919));
    }
    .component_view .comp_text.doc .inner .article .guide_list .btn_area,
.component_view .comp_text.doc .inner .guide_list .btn_area {
        gap: calc(100vw * (12 / 1919));
    }
}
@media (max-width: 1600px) {
    .component_view .comp_text.doc .inner .article .download_list li::before,
.component_view .comp_text.doc .inner .download_list li::before {
        top: calc(100vw * (8 / 1600));
        width: 3px;
        height: 3px;
    }
    .component_view .comp_text.doc .inner .article .dot_list li::before,
.component_view .comp_text.doc .inner .dot_list li::before {
        top: calc(100vw * (8 / 1600));
        width: 3px;
        height: 3px;
    }
}
@media (max-width: 1180px) {
    .component_view .comp_text.doc .inner .article {
        padding-top: calc(100vw * (100 / 1180));
    }
    .component_view .comp_text.doc .inner .article .sub_wrap,
.component_view .comp_text.doc .inner .sub_wrap {
        margin-top: calc(100vw * (24 / 1180));
    }
    .component_view .comp_text.doc .inner .article.first {
        padding-top: calc(100vw * (36 / 1180));
    }
    .component_view .comp_text.doc .inner .article h3,
.component_view .comp_text.doc .inner h3 {
        font-size: calc(100vw * (28 / 1180));
    }
    .component_view .comp_text.doc .inner .article h3.subtitle,
.component_view .comp_text.doc .inner h3.subtitle {
        font-size: calc(100vw * (18 / 1180));
    }
    .component_view .comp_text.doc .inner .article h3.subtitle + .txt,
.component_view .comp_text.doc .inner h3.subtitle + .txt,
.component_view .comp_text.doc .inner h3.subtitle + p {
        margin-top: calc(100vw * (6 / 1180));
    }
    .component_view .comp_text.doc .inner .article h3.inline,
.component_view .comp_text.doc .inner h3.inline {
        font-size: calc(100vw * (18 / 1180));
    }
    .component_view .comp_text.doc .inner .article h4,
.component_view .comp_text.doc .inner h4 {
        margin-top: calc(100vw * (24 / 1180));
        padding-left: calc(100vw * (12 / 1180));
        font-size: calc(100vw * (20 / 1180));
    }
    .component_view .comp_text.doc .inner .article h4::before,
.component_view .comp_text.doc .inner h4::before {
        top: calc(100vw * (5 / 1180));
        width: calc(100vw * (4 / 1180));
        height: calc(100vw * (12 / 1180));
    }
    .component_view .comp_text.doc .inner .article h4 + .txt,
.component_view .comp_text.doc .inner h4 + .txt,
.component_view .comp_text.doc .inner h4 + p {
        margin-top: calc(100vw * (6 / 1180));
        font-size: calc(100vw * (16 / 1180));
    }
    .component_view .comp_text.doc .inner .article h4 + .txt + .default_list + .txt,
.component_view .comp_text.doc .inner h4 + .txt + .default_list + .txt,
.component_view .comp_text.doc .inner h4 + p + .default_list + p {
        margin-top: calc(100vw * (12 / 1180));
        font-size: calc(100vw * (16 / 1180));
    }
    .component_view .comp_text.doc .inner .article .txt,
.component_view .comp_text.doc .inner .txt,
.component_view .comp_text.doc .inner p {
        margin-top: calc(100vw * (24 / 1180));
        font-size: calc(100vw * (18 / 1180));
    }
    .component_view .comp_text.doc .inner .article .txt + .dot_list,
.component_view .comp_text.doc .inner .txt + .dot_list,
.component_view .comp_text.doc .inner p + .dot_list {
        margin-top: calc(100vw * (12 / 1180));
    }
    .component_view .comp_text.doc .inner .article .dot_list + .txt,
.component_view .comp_text.doc .inner .dot_list + .txt,
.component_view .comp_text.doc .inner .dot_list + p {
        margin-top: calc(100vw * (24 / 1180));
    }
    .component_view .comp_text.doc .inner .article .default_list,
.component_view .comp_text.doc .inner .default_list {
        margin-top: calc(100vw * (24 / 1180));
    }
    .component_view .comp_text.doc .inner .article .default_list li,
.component_view .comp_text.doc .inner .default_list li {
        font-size: calc(100vw * (18 / 1180));
    }
    .component_view .comp_text.doc .inner .article .btn_area,
.component_view .comp_text.doc .inner .btn_area {
        margin-top: calc(100vw * (40 / 1180));
    }
    .component_view .comp_text.doc .inner .article .btn_area + .txt,
.component_view .comp_text.doc .inner .btn_area + .txt,
.component_view .comp_text.doc .inner .btn_area + p {
        margin-top: calc(100vw * (40 / 1180));
    }
    .component_view .comp_text.doc .inner .article .download,
.component_view .comp_text.doc .inner .download {
        margin-top: calc(100vw * (40 / 1180));
        padding: calc(100vw * (40 / 1180));
    }
    .component_view .comp_text.doc .inner .article .download_list,
.component_view .comp_text.doc .inner .download_list {
        gap:calc(100vw * (12 / 1180)) calc(100vw * (80 / 1180));
    }
    .component_view .comp_text.doc .inner .article .download_list li,
.component_view .comp_text.doc .inner .download_list li {
        padding-left: calc(100vw * (10 / 1180));
        font-size: calc(100vw * (18 / 1180));
    }
    .component_view .comp_text.doc .inner .article .download_list li::before,
.component_view .comp_text.doc .inner .download_list li::before {
        top: calc(100vw * (11 / 1180));
        width: 4px;
        height: 4px
    }
    .component_view .comp_text.doc .inner .article .state,
.component_view .comp_text.doc .inner .state {
        margin-top: calc(100vw * (40 / 1180));
        padding: calc(100vw * (40 / 1180));
    }
    .component_view .comp_text.doc .inner .article .state h3,
.component_view .comp_text.doc .inner .state h3 {
        font-size: calc(100vw * (24 / 1180));
    }
    .component_view .comp_text.doc .inner .article .state .txt,
.component_view .comp_text.doc .inner .state .txt,
.component_view .comp_text.doc .inner .state p {
        font-size: calc(100vw * (18 / 1180));
    }
    .component_view .comp_text.doc .inner .article .accessibility,
.component_view .comp_text.doc .inner .accessibility {
        margin-top: calc(100vw * (40 / 1180));
    }
    .component_view .comp_text.doc .inner .article .accessibility img,
.component_view .comp_text.doc .inner .accessibility img {
        width: calc(100vw * (404 / 1180));
    }
    .component_view .comp_text.doc .inner .article .accessibility .btn_area,
.component_view .comp_text.doc .inner .accessibility .btn_area {
        margin-top: calc(100vw * (24 / 1180 ));
    }
    .component_view .comp_text.doc .inner .article .dot_list,
.component_view .comp_text.doc .inner .dot_list {
        margin-top: calc(100vw * (24 / 1180));
    }
    .component_view .comp_text.doc .inner .article .dot_list li,
.component_view .comp_text.doc .inner .dot_list li {
        margin-top: calc(100vw * (4 / 1180));
        padding-left: calc(100vw * (10 / 1180));
        font-size: calc(100vw * (18 / 1180));
    }
    .component_view .comp_text.doc .inner .article .dot_list li::before,
.component_view .comp_text.doc .inner .dot_list li::before {
        top: calc(100vw * (11 / 1180));
        width: 4px;
        height: 4px
    }
    .component_view .comp_text.doc .inner .article .dot_list.sub_list,
.component_view .comp_text.doc .inner .dot_list.sub_list {
        margin-top: calc(100vw * (4 / 1180));
        padding-left: calc(100vw * (10 / 1180));
    }
    .component_view .comp_text.doc .inner .article .dot_list.sub_list li::before,
.component_view .comp_text.doc .inner .dot_list.sub_list li::before {
        top: calc(100vw * (12 / 1180));
        width: calc(100vw * (3 / 1180));
        height: calc(100vw * (3 / 1180));
    }
    .component_view .comp_text.doc .inner .article .alpha_list,
.component_view .comp_text.doc .inner .alpha_list {
        margin-top: calc(100vw * (24 / 1180));
    }
    .component_view .comp_text.doc .inner .article .alpha_list li,
.component_view .comp_text.doc .inner .alpha_list li {
        margin-top: calc(100vw * (4 / 1180));
        font-size: calc(100vw * (16 / 1180));
        gap: calc(100vw * (5 / 1180));
    }
    .component_view .comp_text.doc .inner .article .alpha_list li::before,
.component_view .comp_text.doc .inner .alpha_list li::before {
        min-width: calc(100vw * (1.5 / 1180));
        font-size: calc(100vw * (16 / 1180));
        margin-right: calc(100vw * (0.2 / 1180));
    }
    .component_view .comp_text.doc .inner .article .guide_list,
.component_view .comp_text.doc .inner .guide_list {
        gap: calc(100vw * (16 / 1180));
    }
    .component_view .comp_text.doc .inner .article .guide_list > li,
.component_view .comp_text.doc .inner .guide_list > li {
        padding: calc(100vw * (30 / 1180));
        border-radius: calc(100vw * (4 / 1180));
    }
    .component_view .comp_text.doc .inner .article .guide_list > li .title,
.component_view .comp_text.doc .inner .guide_list > li .title {
        font-size: calc(100vw * (24 / 1180));
    }
    .component_view .comp_text.doc .inner .article .guide_list > li .txt,
.component_view .comp_text.doc .inner .guide_list > li .txt,
.component_view .comp_text.doc .inner .guide_list > li p {
        margin-top: calc(100vw * (12 / 1180));
        font-size: calc(100vw * (18 / 1180));
    }
    .component_view .comp_text.doc .inner .article .guide_list .dot_list li,
.component_view .comp_text.doc .inner .guide_list .dot_list li {
        padding-left: calc(100vw * (16 / 1180));
        font-size: calc(100vw * (16 / 1180));
    }
    .component_view .comp_text.doc .inner .article .guide_list .dot_list li::before,
.component_view .comp_text.doc .inner .guide_list .dot_list li::before {
        top: calc(100vw * (10 / 1180));
    }
    .component_view .comp_text.doc .inner .article .guide_list .btn_area,
.component_view .comp_text.doc .inner .guide_list .btn_area {
        gap: calc(100vw * (12 / 1180));
    }
}
@media (max-width: 1024px) {
    .component_view .comp_text.doc .inner .article .download_list li::before,
.component_view .comp_text.doc .inner .download_list li::before {
        top: calc(100vw * (11 / 1024));
        width: 3px;
        height: 3px;
    }
    .component_view .comp_text.doc .inner .article .dot_list li::before,
.component_view .comp_text.doc .inner .dot_list li::before {
        top: calc(100vw * (11 / 1024));
        width: 3px;
        height: 3px;
    }
    .component_view .comp_text.doc .inner .article .guide_list .dot_list li::before,
.component_view .comp_text.doc .inner .guide_list .dot_list li::before {
        top: calc(100vw * (8 / 1024));
    }
}
@media (max-width: 767px) {
    .component_view .comp_text.doc .inner .article {
        padding-top: calc(100vw * (100 / 767));
    }
    .component_view .comp_text.doc .inner .article .sub_wrap,
.component_view .comp_text.doc .inner .sub_wrap {
        margin-top: calc(100vw * (40 / 767));
    }
    .component_view .comp_text.doc .inner .article h3,
.component_view .comp_text.doc .inner h3 {
        font-size: calc(100vw * (40 / 767));
    }
    .component_view .comp_text.doc .inner .article h3.subtitle,
.component_view .comp_text.doc .inner h3.subtitle {
        font-size: calc(100vw * (32 / 767));
    }
    .component_view .comp_text.doc .inner .article h3.subtitle + .txt,
.component_view .comp_text.doc .inner h3.subtitle + .txt,
.component_view .comp_text.doc .inner h3.subtitle + p {
        margin-top: calc(100vw * (6 / 767));
    }
    .component_view .comp_text.doc .inner .article h3.inline,
.component_view .comp_text.doc .inner h3.inline {
        font-size: calc(100vw * (32 / 767));
    }
    .component_view .comp_text.doc .inner .article h4,
.component_view .comp_text.doc .inner h4 {
        margin-top: calc(100vw * (28 / 767));
        padding-left: calc(100vw * (20 / 767));
        font-size: calc(100vw * (32 / 767));
    }
    .component_view .comp_text.doc .inner .article h4::before,
.component_view .comp_text.doc .inner h4::before {
        top: calc(100vw * (8 / 767));
        width: calc(100vw * (8 / 767));
        height: calc(100vw * (24 / 767));
    }
    .component_view .comp_text.doc .inner .article h4 + .txt,
.component_view .comp_text.doc .inner h4 + .txt,
.component_view .comp_text.doc .inner h4 + p {
        margin-top: calc(100vw * (8 / 767));
        font-size: calc(100vw * (28 / 767));
    }
    .component_view .comp_text.doc .inner .article h4 + .txt + .default_list + .txt,
.component_view .comp_text.doc .inner h4 + .txt + .default_list + .txt,
.component_view .comp_text.doc .inner h4 + p + .default_list + p {
        margin-top: calc(100vw * (12 / 767));
        font-size: calc(100vw * (28 / 767));
    }
    .component_view .comp_text.doc .inner .article .txt,
.component_view .comp_text.doc .inner .txt,
.component_view .comp_text.doc .inner p {
        margin-top: calc(100vw * (28 / 767));
        font-size: calc(100vw * (32 / 767));
    }
    .component_view .comp_text.doc .inner .article .txt + .dot_list,
.component_view .comp_text.doc .inner .txt + .dot_list,
.component_view .comp_text.doc .inner p + .dot_list {
        margin-top: calc(100vw * (40 / 767));
    }
    .component_view .comp_text.doc .inner .article .dot_list + .txt,
.component_view .comp_text.doc .inner .dot_list + .txt,
.component_view .comp_text.doc .inner .dot_list + p {
        margin-top: calc(100vw * (40 / 767));
    }
    .component_view .comp_text.doc .inner .article .default_list,
.component_view .comp_text.doc .inner .default_list {
        margin-top: calc(100vw * (24 / 767));
    }
    .component_view .comp_text.doc .inner .article .default_list li,
.component_view .comp_text.doc .inner .default_list li {
        font-size: calc(100vw * (28 / 767));
    }
    .component_view .comp_text.doc .inner .article .default_list li a span,
.component_view .comp_text.doc .inner .default_list li a span {
        box-shadow: inset 0 calc(100vw * (-2 / 767)) 0 #000;
    }
    .component_view .comp_text.doc .inner .article .btn_area,
.component_view .comp_text.doc .inner .btn_area {
        margin-top: calc(100vw * (60 / 767));
    }
    .component_view .comp_text.doc .inner .article .btn_area a + a,
.component_view .comp_text.doc .inner .btn_area a + a {
        margin-top: calc(100vw * (20 / 767));
    }
    .component_view .comp_text.doc .inner .article .btn_area + .txt,
.component_view .comp_text.doc .inner .btn_area + .txt,
.component_view .comp_text.doc .inner .btn_area + p {
        margin-top: calc(100vw * (60 / 767));
    }
    .component_view .comp_text.doc .inner .article .download,
.component_view .comp_text.doc .inner .download {
        margin-top: calc(100vw * (40 / 767));
        padding: calc(100vw * (40 / 767));
    }
    .component_view .comp_text.doc .inner .article .download_list,
.component_view .comp_text.doc .inner .download_list {
        grid-template-columns: repeat(2, 1fr);
        gap:calc(100vw * (24 / 767)) calc(100vw * (80 / 767));
    }
    .component_view .comp_text.doc .inner .article .download_list li,
.component_view .comp_text.doc .inner .download_list li {
        padding-left: calc(100vw * (20 / 767));
        font-size: calc(100vw * (28 / 767));
    }
    .component_view .comp_text.doc .inner .article .download_list li::before,
.component_view .comp_text.doc .inner .download_list li::before {
        top: calc(100vw * (17 / 767));
        width: 8px;
        height: 8px
    }
    .component_view .comp_text.doc .inner .article .state,
.component_view .comp_text.doc .inner .state {
        margin-top: calc(100vw * (60 / 767));
        padding: calc(100vw * (40 / 767));
    }
    .component_view .comp_text.doc .inner .article .state h3,
.component_view .comp_text.doc .inner .state h3 {
        font-size: calc(100vw * (40 / 767));
    }
    .component_view .comp_text.doc .inner .article .state .txt,
.component_view .comp_text.doc .inner .state .txt,
.component_view .comp_text.doc .inner .state p {
        font-size: calc(100vw * (28 / 767));
    }
    .component_view .comp_text.doc .inner .article .accessibility,
.component_view .comp_text.doc .inner .accessibility {
        margin-top: calc(100vw * (60 / 767));
    }
    .component_view .comp_text.doc .inner .article .accessibility img,
.component_view .comp_text.doc .inner .accessibility img {
        width: calc(100vw * (560 / 767));
    }
    .component_view .comp_text.doc .inner .article .accessibility .btn_area,
.component_view .comp_text.doc .inner .accessibility .btn_area {
        margin-top: calc(100vw * (48 / 767));
    }
    .component_view .comp_text.doc .inner .article .dot_list,
.component_view .comp_text.doc .inner .dot_list {
        margin-top: calc(100vw * (24 / 767));
    }
    .component_view .comp_text.doc .inner .article .dot_list li,
.component_view .comp_text.doc .inner .dot_list li {
        margin-top: calc(100vw * (4 / 767));
        padding-left: calc(100vw * (20 / 767));
        font-size: calc(100vw * (28 / 767));
    }
    .component_view .comp_text.doc .inner .article .dot_list li::before,
.component_view .comp_text.doc .inner .dot_list li::before {
        top: calc(100vw * (17 / 767));
        width: 8px;
        height: 8px
    }
    .component_view .comp_text.doc .inner .article .dot_list.sub_list,
.component_view .comp_text.doc .inner .dot_list.sub_list {
        margin-top: calc(100vw * (4 / 767));
        padding-left: calc(100vw * (20 / 767));
    }
    .component_view .comp_text.doc .inner .article .dot_list.sub_list li::before,
.component_view .comp_text.doc .inner .dot_list.sub_list li::before {
        top: calc(100vw * (18 / 767));
        width: calc(100vw * (6 / 767));
        height: calc(100vw * (6 / 767));
    }
    .component_view .comp_text.doc .inner .article .alpha_list,
.component_view .comp_text.doc .inner .alpha_list {
        margin-top: calc(100vw * (24 / 767));
    }
    .component_view .comp_text.doc .inner .article .alpha_list li,
.component_view .comp_text.doc .inner .alpha_list li {
        margin-top: calc(100vw * (4 / 767));
        font-size: calc(100vw * (28 / 767));
        gap: calc(100vw * (5 / 767));
    }
    .component_view .comp_text.doc .inner .article .alpha_list li::before,
.component_view .comp_text.doc .inner .alpha_list li::before {
        min-width: calc(100vw * (25 / 767));
        font-size: calc(100vw * (28 / 767));
        margin-right: calc(100vw * (0.2 / 767));
    }
    .component_view .comp_text.doc .inner .article .guide_list,
.component_view .comp_text.doc .inner .guide_list {
        flex-direction: column;
        gap: calc(100vw * (16 / 767));
    }
    .component_view .comp_text.doc .inner .article .guide_list > li,
.component_view .comp_text.doc .inner .guide_list > li {
        width: 100%;
        padding: calc(100vw * (30 / 767));
        border-radius: calc(100vw * (4 / 767));
    }
    .component_view .comp_text.doc .inner .article .guide_list > li .title,
.component_view .comp_text.doc .inner .guide_list > li .title {
        font-size: calc(100vw * (36 / 767));
    }
    .component_view .comp_text.doc .inner .article .guide_list > li .txt,
.component_view .comp_text.doc .inner .guide_list > li .txt,
.component_view .comp_text.doc .inner .guide_list > li p {
        margin-top: calc(100vw * (12 / 767));
        font-size: calc(100vw * (28 / 767));
    }
    .component_view .comp_text.doc .inner .article .guide_list .dot_list,
.component_view .comp_text.doc .inner .guide_list .dot_list {
        margin-top: calc(100vw * (60 / 767));
    }
    .component_view .comp_text.doc .inner .article .guide_list .dot_list li,
.component_view .comp_text.doc .inner .guide_list .dot_list li {
        padding-left: calc(100vw * (20 / 767));
        font-size: calc(100vw * (28 / 767));
    }
    .component_view .comp_text.doc .inner .article .guide_list .dot_list li::before,
.component_view .comp_text.doc .inner .guide_list .dot_list li::before {
        top: calc(100vw * (17 / 767));
    }
    .component_view .comp_text.doc .inner .article .guide_list .btn_area,
.component_view .comp_text.doc .inner .guide_list .btn_area {
        display: block;
    }
}
@media (max-width: 650px) {
    .component_view .comp_text.doc .inner .article .download_list li::before,
.component_view .comp_text.doc .inner .download_list li::before {
        top: calc(100vw * (16 / 650));
        width: 6px;
        height: 6px;
    }
    .component_view .comp_text.doc .inner .article .dot_list li::before,
.component_view .comp_text.doc .inner .dot_list li::before {
        top: calc(100vw * (16 / 650));
        width: 6px;
        height: 6px;
    }
    .component_view .comp_text.doc .inner .article .guide_list .dot_list li::before,
.component_view .comp_text.doc .inner .guide_list .dot_list li::before {
        top: calc(100vw * (16 / 650));
    }
}
@media (max-width: 430px) {
    .component_view .comp_text.doc .inner .article .download_list li::before,
.component_view .comp_text.doc .inner .download_list li::before {
        top: calc(100vw * (11 / 430));
        width: 4px;
        height: 4px;
    }
    .component_view .comp_text.doc .inner .article .dot_list li::before,
.component_view .comp_text.doc .inner .dot_list li::before {
        top: calc(100vw * (11 / 430));
        width: 4px;
        height: 4px;
    }
    .component_view .comp_text.doc .inner .article .guide_list .dot_list li::before,
.component_view .comp_text.doc .inner .guide_list .dot_list li::before {
        top: calc(100vw * (11 / 430));
    }
}

/* ── component.css 의 .comp_text 기본 목록 스타일(disc/decimal, padding-left 2rem) 무효화 ──
   약관 목록은 ::before 로 (a)·점 을 직접 그린다. */
.component_view .comp_text.doc .inner .dot_list,
.component_view .comp_text.doc .inner .alpha_list,
.component_view .comp_text.doc .inner .default_list {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.component_view .comp_text.doc .inner .dot_list li,
.component_view .comp_text.doc .inner .alpha_list li,
.component_view .comp_text.doc .inner .default_list li {
    list-style: none;
}
/* 인라인 제목(h3.inline)이 float 이므로 다음 문단이 감싸도록 .article 이 float 을 정리 */
.component_view .comp_text.doc .inner .article::after {
    content: "";
    display: block;
    clear: both;
}