.container {max-width:1046px;margin:0 auto;padding:0 50px}
.sub-page {padding-top:70px}
.sub-page.webview {padding-top:30px}

table {border-collapse:collapse;border-spacing:0;resize: vertical}

.font-bold {font-weight:bold}
.t-red {color:#ff2e4a!important}
.t-blue {color:#304cff !important}
.t-gray {color:#a5a5b4!important}

.f20 {font-size:20px}
.f16 {font-size:16px}
.f12 {font-size:12px}

.text-right {text-align:right}
.t-left {
    text-align: left!important;
}
.indent {padding-left: 18px!important;}
.underline {text-decoration: underline}

.p5 {padding:5px 0}
.mtop10 {margin-top:10px;}
.mtop20 {margin-top:20px;}
.mtop30 {margin-top:30px;}
.mtop50 {margin-top:50px;}

/* 개인정보 수집 및 이용 2021년 3월 23일 */

#terms4 ul > li {
    padding:20px 0;
}

#terms4 ul > li > ol > li {
    padding:0;
}
#terms4 ul > li > ol > li > p {
    padding:5px 0;
}

#terms4 ol ul > li {
    padding:5px 0;
}

#terms4 table {
    margin-top:20px;
    margin-bottom:20px;
    /*max-width:80%*/
}

#terms4 table th, #terms4 table td {
    font-size:14px;
    padding:15px 10px;
    border:1px solid #e6e6e6;
    line-height: 1.6
}

#terms4 table th {
    background-color:#f9f9f9
}

#terms4 b {
    font-size:20px;
    padding:10px 0;
}

#terms4 p {
    font-size:15px;
    padding:10px 0;
    line-height: 1.6;
}

#terms4 span {
    font-size:inherit;
}

#terms4 ul > li > ol > li > ol > li > p {
    padding:0;
}

.new-table th, .new-table td {
    text-align: center;
}


/* 수수료 정책 */
.fee-table {overflow: scroll}
.fee-table table {width: 100%;}
.fee-table table th {background-color:#f4f4f7}
.fee-table table th,
.fee-table table td {text-align:right;padding:13px 20px; border-top:1px solid #eaeaed;border-bottom:1px solid #eaeaed}
.fee-table table th:first-child,
.fee-table table td:first-child {text-align: left}
.fee-table .dw-status span {
    display: inline-block;
    padding:4px 8px;
    border-radius: 2px;
    vertical-align: middle;
    color:#fff;
    font-size:13px;
    font-weight: 500;
}
.fee-table .dw-status .active {
    background-color: #48caa6;
}

.fee-table .dw-status .stop {
    background-color: #ff2e4a;
}

/* 2023년 3월 30일 - 정부 24 개인정보 처리방침 양식 업데이트 대응 */
#indexing {
    display: flex;
    flex-wrap: wrap;
    padding: 17px 40px;
    border: 1px solid #c8c8cc;
}

#indexing > li {
    width:50%;
    padding: 17px;
}

.article {
    padding-top:70px!important;
    padding-bottom:0!important;
}

.article-title {
    display: flex;
    align-items: center;
}


.article-title img {
    width: 32px;
    margin-top:-2px;
}

.article-title a, .article-title b {
    margin-left:12px;
}

#labeling-box {
    display: flex;
    flex-wrap: wrap;
    margin-top:20px;
}

#labeling-box > div {
    width:33%;
    padding:25px;
    text-align: center;
    border:1px solid #cbcbcc;
}

#labeling-box .title {
    font-size: 15px;
    font-weight:700;
}

#labeling-box img {
    width:100px;
    padding:15px 0;
}

#labeling-box .content p {
    padding:0 0 15px;
    text-align: left;
}



@media screen and (max-width:992px) {
    #labeling-box > div {
        width:50%;
        padding:20px;
    }
}

@media screen and (max-width:768px) {

    .container {padding:0 15px;overflow-x:scroll}
    .sub-page {padding-top:70px}
    .sub-page.webview {padding-top:20px}

    .indent {padding-left: 14px!important;}

    #terms4 .container {
        overflow: auto;
    }

    #terms4 ul > li {
        padding:8px 0;
    }


    #terms4 table {
        max-width:100%
    }

    #terms4 table th, #terms4 table td {
        font-size:12px;
        padding:8px 6px;
        word-break: break-all;
    }

    #terms4 b {
        font-size:16px;
        padding:8px 0;
    }

    #terms4 p {
        padding:8px 0;
        line-height: 1.7;
        font-size:13px;
    }

    #terms4 ul > li > ol > li > ol > li > p {
        padding:2px 0;
    }


    /* 수수료 정책 */
    .fee-table table {width: auto;}
    .fee-table table th,
    .fee-table table td {padding:11px 16px;}

    #pre_private_terms li {font-size:13px;}

    /* 2023년 3월 30일 - 정부 24 개인정보 처리방침 양식 업데이트 대응 */
    #indexing {
        padding: 12px 10px;
    }

    #indexing > li {
        width:100%;
        padding: 12px;
        font-size:14px;
    }

    .article {
        padding-top: 40px !important;
    }

    .article-title a, .article-title b {
        margin-left: 8px;
    }

    .article-title img {
        width: 28px;
        flex-basis: 28px;
    }

    #indexing .article-title img {
        margin-top: 0;
    }


}


@media screen and (max-width:480px) {

    /*#labeling-box {*/
    /*    display: block;*/
    /*}*/

    #labeling-box > div {
        /*width:100%;*/
        padding:10px
    }

}