/* font */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
}

/* main-tab */
#main-tab {
    width: 100%;
    text-align: center;
    height: 50px;
    font-size: 0;
    border-bottom: 1px solid #303030;
}
#main-tab .tab {
    width: 33.3%;
    display: inline-block;
    font-size: 15px;
    height: 100%;
    line-height: 50px;
}
#main-tab .tab.active {
    border-bottom: 3px solid #303030;
}

/* table */
.terms-table
{
    border-collapse: collapse;
    font-family: 'Noto Sans KR';
    font-style: normal;
    white-space: pre-line;
    padding: 16px;
    font-size: 13px;
    color: #303030;
    width: 100%;
}
.terms-table th,
.terms-table td {
    border: 1px solid #303030;
}
.terms-table th.w15 {
    width: 15%;
}
.terms-table th.w35 {
    width: 35%;
}
pre {
    font-family: 'Noto Sans KR';
    font-style: normal;
    white-space: pre-line;
    padding: 16px;
    font-size: 13px;
    color: #303030;
}
.rr.tab {
    display: none;
}
.rr.tab.active {
    display: block;
}


.gray-box {
    background-color: #E8E7E7;
}

@media screen and (max-width: 425px) {
    #main-tab .tab {
        font-size: 10px;
    }
}