html {
    background: #fff;
    height: auto;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    
}

body {
    max-width: 760px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 400;
    margin: 0 auto;
    padding: 0;
    
}


.popup {
    position:relative;
    font-size:13px;
    color:#555;
}

.popup h1 {
    margin:0;
    padding:10px 0 10px 15px;
    background:#333;
    color:#fff;
    font-size:18px !important;
    font-weight:bold;
}

.popup .pre {
    display:inline-block;
    width:100%;
    padding:0 2%;
    word-wrap:break-word;
    word-break:break-all;
    line-height:1.3;
    white-space:pre-wrap;
    text-align:left;
}

.popup .pre .poptxt {
    font-size:16px;
    font-weight:bold;
    color:#03c;
    padding:0;
    margin:0;
    display:inline-block;
}

.popup .pre .poptxtBox {
    border:1px solid #ccc;
    box-sizing:border-box;    
    padding:0 2%;
    margin:0;
}

.popup .term_in {
    width:90%;
    margin: 0 auto;
}

.popup .term_in strong {
    text-align: left;
    display: block;
    font-size:1.4em;
}


.popup .close-popup { position: absolute; top: 13px; right: 15px; }
.popup .close-popup a { display: inline-block; width:20px; height:20px; background: url(../../images/close_popup.png) no-repeat; text-indent: -99999px; overflow: hidden; }