@font-face {
    font-family: 'Pretendard';
    src: url('https://wdr.ubion.co.kr/common/fonts/Pretendard-1.3.3/woff2/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://wdr.ubion.co.kr/common/fonts/Pretendard-1.3.3/woff2/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://wdr.ubion.co.kr/common/fonts/Pretendard-1.3.3/woff2/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

html {
    margin: 0;
    overflow-x: hidden;
}

body {
    margin: 0;
    font-family:'Pretendard', '맑은고딕', 'Malgun Gothic',  sans-serif, '돋음', 'dotum';
    word-break: keep-all;
    color: #000;
    overflow-x: hidden; /* 가로 스크롤로 높이 계산 어긋남 방지 */
}

.sub_wrap {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 80px 24px;
    box-sizing: border-box;
}
.sub_wrap h1{
    display: block;
    text-align: center;
    font-size: 30px;
    margin: 0 0 10px 0;
    box-sizing: border-box;
}

.privacy_wrap {
    margin-top: 40px;
    box-sizing: border-box;
}

.privacy_wrap .pri_box {
    padding:20px 30px;
    color:#666666;
    line-height:21px;
    background:#f7f7f7;
    box-sizing: border-box;
}

.privacy_wrap .pri_box em {
    font-size:15px;
    color:#000000;
}

.privacy_wrap .pri_article h4 {
    margin-top:50px;
    font-size:18px;
    font-weight: 700;
}

.privacy_wrap .pri_article .pri_p1 ,
.privacy_wrap .pri_article .ol_depth1 > li{
    margin-top:20px;
    color:#666666;
    line-height:21px;
}

.privacy_wrap .pri_article h5 {
    margin-bottom:7px;
    font-size:14px;
    color:#000000;
}

.privacy_wrap .pri_article .bullet {
    padding-left:20px;
}

.privacy_wrap .pri_article .bullet > li {
    position: relative;
    padding-left: 6px;
}

.privacy_wrap .pri_article .bullet > li:before {
    content:"";
    position: absolute;
    top: 9px;
    left: 0;
    width: 2px;
    height: 2px;
    background-color: #666;
}

.privacy_wrap .table_wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.privacy_wrap .table_wrap table{
    width: 100%;
    max-width: 900px;
}

.privacy_wrap table {
    width: 100%;
    margin-top: 10px;
    border: 1px solid #868686;
    text-align: center;
}

.privacy_wrap thead tr th {
    padding: 10px;
    border: 1px solid #868686;
    color: #666;
    border-bottom: none;
    background: #f5f5f5;
}

.privacy_wrap tbody tr td {
    padding: 10px;
    border: 1px solid #868686;
}

.btn_go {
    display: inline-block;
    margin-top:50px;
    padding: 6px 30px;
    font-size: 13px;
    border-radius: 6px; line-height: 24px;
    border: 1px solid #A8A8A8;
    color: #666;
    background: #FFF;
    letter-spacing: -1.2px;
}

@media (max-width: 860px){
    .sub_wrap{
        padding: 60px 24px 40px;
    }
    .sub_wrap h1 {
        font-size: 24px;
    }
}
@media (max-width: 420px){
    .sub_wrap{
        padding: 40px 16px 20px;
    }
    .sub_wrap h1 {
        font-size: 20px;
    }
    .privacy_wrap .pri_box em {
        font-size:14px;
    }
    .privacy_wrap .pri_article h4 {
        margin-top:30px;
        font-size:16px;
    }
    .privacy_wrap .pri_article .pri_p1 ,
    .privacy_wrap .pri_article .ol_depth1 > li{
        margin-top:15px;
        line-height:18px;
    }
    .privacy_wrap .pri_article .bullet {
        padding-left:15px;
    }

    .privacy_wrap .pri_article .bullet > li {
        padding-left: 6px;
    }
    .privacy_wrap .pri_article .bullet > li:before {
        top: 8px;
    }
    .privacy_wrap thead tr th,
    .privacy_wrap tbody tr td {
        padding: 8px;
        font-size: 12px;
        line-height: 120%;
    }
}