/* BASIC css start */
/* =========================================================
   FALLING LAND - MOBILE PRIVACY POLICY POPUP
   ========================================================= */

.product-popup,
.product-popup * {
    box-sizing: border-box;
}

.product-popup {
    width: 100%;
    min-height: 100vh;

    margin: 0;
    padding: 0;

    background: #fff;
    color: #333;
}


/* =========================================================
   POPUP
   ========================================================= */

.product-popup .popup {
    width: 100%;

    margin: 0;
    padding: 0;
}

.product-popup .pop {
    position: relative;

    width: 100%;

    margin: 0;
    padding: 22px 14px 40px;

    background: #fff;
}


/* =========================================================
   TITLE
   ========================================================= */

.product-popup .pop h3 {
    margin: 0;
    padding: 0 40px 15px 0;

    border-bottom: 1px solid #333;

    color: #222;

    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.3px;
}


/* =========================================================
   CLOSE
   ========================================================= */

.product-popup .pop .close {
    position: absolute;
    top: 17px;
    right: 14px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;

    margin: 0;
    padding: 0;

    color: #333;

    text-decoration: none;
}

.product-popup .pop .close .fa {
    font-size: 18px;
    font-weight: 400;
}


/* =========================================================
   DATE
   ========================================================= */

.product-popup .date,
.product-popup #date_end,
#date_end {
    margin: 0;
    padding: 13px 0 0;

    color: #888 !important;

    font-size: 9px;
    font-weight: 400;
    line-height: 1.5;

    text-align: right;
}


/* =========================================================
   POLICY CONTENT
   ========================================================= */

.product-popup .txt {
    width: 100%;

    margin: 18px 0 0;
    padding: 0;

    color: #555;

    font-size: 10px;
    font-weight: 400;
    line-height: 1.8;

    word-break: break-word;
    overflow-wrap: break-word;
}

.product-popup .txt p {
    margin: 0 0 12px;
}

.product-popup .txt strong,
.product-popup .txt b {
    color: #333;

    font-weight: 500;
}

.product-popup .txt h1,
.product-popup .txt h2,
.product-popup .txt h3,
.product-popup .txt h4,
.product-popup .txt h5 {
    margin: 22px 0 10px;
    padding: 0;

    color: #333;

    font-size: 11px;
    font-weight: 500;
    line-height: 1.6;
}

.product-popup .txt ul,
.product-popup .txt ol {
    margin: 10px 0;
    padding-left: 18px;
}

.product-popup .txt li {
    margin: 4px 0;

    line-height: 1.8;
}


/* 개인정보 내용 안의 표 */

.product-popup .txt table {
    width: 100% !important;

    margin: 12px 0;

    border-collapse: collapse;
    border-spacing: 0;

    table-layout: fixed;
}

.product-popup .txt th,
.product-popup .txt td {
    padding: 8px 6px !important;

    border: 1px solid #ddd !important;

    color: #555;

    font-size: 9px !important;
    font-weight: 400;
    line-height: 1.6;

    text-align: left;

    word-break: break-word;
}

.product-popup .txt th {
    background: #fafafa;

    color: #333;

    font-weight: 500;
}


/* =========================================================
   OLD PRIVACY / HISTORY
   ========================================================= */

.old_privacy {
    width: 100%;

    margin: 20px 0 0;
    padding: 14px !important;

    border-top: 1px solid #eee;

    background: #fafafa;

    color: #666;

    font-size: 10px !important;
    line-height: 1.6;
}

.old_privacy strong {
    display: block;

    margin: 0 0 8px !important;

    color: #333 !important;

    font-size: 10px;
    font-weight: 500;
}

.old_privacy select {
    height: 34px !important;

    margin: 0;
    padding: 0 8px;

    border: 1px solid #ccc;
    border-radius: 0;

    background: #fff;

    color: #555;

    font-size: 9px;

    vertical-align: middle;
}

.old_privacy a.btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    height: 34px !important;

    margin: 0;
    padding: 0 12px !important;

    border: 1px solid #333 !important;
    border-radius: 0 !important;

    background: #333 !important;

    color: #fff !important;

    font-size: 9px;
    font-weight: 400 !important;
    line-height: normal !important;

    vertical-align: middle;
}


/* =========================================================
   FIXED FOOTER
   ========================================================= */

/* 상단 영역이 없는 팝업이므로 TOP 버튼 숨김 */
.section_fixedFooter .btn_toggle_area .btn_up {
    display: none !important;
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

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

    .product-popup .pop {
        padding-right: 12px;
        padding-left: 12px;
    }

    .product-popup .pop .close {
        right: 12px;
    }

}
/* BASIC css end */