/* BASIC css start */
#wrap { position:relative; width:100%; max-width:480px; margin:0 auto; background:url(//xexymix.jpg3.kr/xexymix/sub/category/2025/family_sale_m_bg.jpg?t=202505300942) no-repeat center top; background-size:cover; }

.section { position:relative; }

.secretCodeArea { width:240px; margin:0 auto; padding-top:100%; }
.secretCodeArea .secretCode input { width:100%; padding: 6% 0; height: 20px; text-align:center; border:1px solid #f1f1f1; border-radius: 0px; background:rgba(162, 9, 14, .66); color:#f1f1f1; font-size:14px; font-weight:500; }
.secretCodeArea .secretCode input::placeholder { color:#f1f1f1; font-weight:400; }
.secretCodeArea .secretBtn { margin-top:10px; width:100%; padding: 6% 0; height: 20px; background:#f1f1f1; border:1px solid #f1f1f1; color:#0b073c; text-align:center; cursor:pointer; }
.secretCodeArea .secretBtn span { position: relative; padding-right: 13px; font-size:14px; font-weight:600; }
.secretCodeArea .secretBtn span:after { content: ""; display: block; width: 6px; height: 6px; position: absolute; right: 0; top: 5px; transform: rotate(45deg); border-top: 1px solid #0b073c; border-right: 1px solid #0b073c; }

.secretNotice { margin:0 30px; padding-top: 21%; padding-bottom: 10%; color:#f0f0f0; letter-spacing: -.5px; }
.secretNotice p { padding-bottom: 18px; font-size: 16px; text-align:center; }
.secretNotice p span { position:relative; padding-right:16px; }
.secretNotice p span:after { content: ""; display: block; width: 7px; height: 7px; position: absolute; right: 0; top: 4px; transform: rotate(45deg); border-bottom: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; transition: 0.4s; }
.secretNotice li { list-style:disc; padding-bottom:6px; font-size:13px; line-height:20px; font-weight: 300; word-break: keep-all; }
.secretNotice li::marker { font-size: 8px; }

.txt_time { display:none !important }

@media screen and ( max-width: 360px ) {
    .secretCodeArea { padding-top: 120%; }
}

@media screen and ( min-width: 361px ) and ( max-width: 390px ) {
    .secretCodeArea { padding-top: 106%; }
    .secretNotice { padding-top: 24%; }
}

@media screen and ( min-width: 391px ) and ( max-width: 480px ) {
    .secretCodeArea { padding-top: 96%; }
    .secretNotice { padding-top: 23%; }
}
/* BASIC css end */