@charset "utf-8";

.terms{
    font-size: 14px;
    font-family:'NotoKr', 'Gmarket Sans', 'Nanum Gothic', Helvetica, Sans-serif, Dotum, Arial, Helvetica, Sans-serif;
}

.terms-header{
    text-align: center;
    border-bottom: 2px solid #868686;
    padding:40px 0;
}
.terms-header h1{
    font-size: 30px;
    margin: 0.25em auto 0.5em;
    font-weight: bold;
}
.terms-header h1 small{
    font-size: 0.5em;
    color: #ABABAB;
}
.terms-header h2{
    font-size: 14px;
    color: #ABABAB;
    margin: 0.25em auto 0.5em;
    font-weight: normal;
}

.terms-body{
    border:1px solid #EFEFEF;
    margin: 40px 0;
    padding:40px;
    line-height: 1.5em;
}

.terms-body h1{
    font-size: 24px;
    margin:  1.5em auto 0.5em;
    font-weight: bold;
}
.terms-body h1:first-child{
    margin-top:0.5em
}
.terms-body h1::before{
    content: "<";
}
.terms-body h1::after{
    content: ">";
}
.terms-body h2{
    font-size: 18px;
    margin:  1.5em auto 0.5em;
    font-weight: normal;
}
.terms-body h3{
    font-size: 14px;
    margin:  0.5em auto 0.5em;
    font-weight: normal;
}


.terms-body > p{
    font-size: 14px;
    white-space: pre-line;
    margin: 0.25em auto 0.25em;
}
.terms-body > p , .terms-body .indent{
    margin-top: -1em;
    white-space: pre-line;
}
.terms-body .indent{
    display: block;
    padding-left: 2em;
}
.terms-body p::first-line{
    line-height: 1em;
}

.terms-body dl{
    font-size: inherit;
    margin: 0.25em auto 1em;
    padding-left: 2em;
}
.terms-body dt{
    white-space: normal;
}
.terms-body dd{
    margin-top: -1em;
    white-space: pre-line;
    padding-left: 2em;
}

/* 20240523 추가 */
table.privacy_table {
    width: 100%;
    max-width: 1000px;
    overflow-x: auto;
}
table.privacy_table .col1{
    width:10%
}
table.privacy_table .col2{
    width:15%
}
table.privacy_table .col3{
    width:25%
}
table.privacy_table .col4{
    width:50%;
}
table.privacy_table th, table.privacy_table td {
    border: 1px solid #000;
    padding: 4px;
}

@media (max-width: 800px){
    .terms-header{
        margin: 15px;
    }
    .terms-body{
        margin: 15px;
        padding:15px;
    }
    .terms-body .indent{
        padding-left: 1em;
    }
    .terms-body dl{
        padding-left: 1em;
    }
    .terms-body dd{
        padding-left: 1em;
    }

    table.privacy_table .col1{
        width:10%
    }
    table.privacy_table .col2{
        width:15%
    }
    table.privacy_table .col3{
        width:25%
    }
    table.privacy_table .col4{
        width:50%;
    }
}