@charset "utf-8";
/* 레이어 팝업 - 프론트 */

.lp_wrap{ position:fixed; left:0; top:0; right:0; bottom:0; z-index:99990; }
.lp_wrap .lp_dim{ position:fixed; left:0; top:0; right:0; bottom:0; z-index:1; background:rgba(0,0,0,.6); }
.lp_wrap .lp_inner{ z-index:2; }

/* 배경 우측 상단 전체 닫기 버튼 */
.lp_close_all{ position:fixed; top:18px; right:18px; z-index:5; width:44px; height:44px; padding:0; border:none; border-radius:50%; background:rgba(255,255,255,.18); color:#fff; font-size:20px; line-height:44px; text-align:center; cursor:pointer; transition:.2s; }
.lp_close_all:hover{ background:rgba(255,255,255,.35); }

/* 개별 팝업 (PC) */
.lp_item{ position:fixed; z-index:2; box-sizing:border-box; background:#fff; border-radius:8px; box-shadow:0 10px 40px rgba(0,0,0,.35); overflow:hidden; max-width:96vw; }
.lp_item.lp_pos_center{ left:50%; top:50%; transform:translate(-50%,-50%); }

.lp_item .lp_body{ overflow:auto; }
.lp_item .lp_body .lp_img,
.lp_item .lp_body .lp_img_link{ display:block; line-height:0; }
.lp_item .lp_body img{ display:block; width:100%; height:auto; }
.lp_item .lp_body .lp_content{ padding:18px 20px; font-size:15px; line-height:1.6; color:#333; word-break:keep-all; }
.lp_item .lp_body .lp_content img{ width:auto; max-width:100%; }

/* 하단 바: 오늘 안보기 / 닫기 */
.lp_item .lp_foot{ display:flex; align-items:center; justify-content:space-between; height:46px; padding:0 8px 0 14px; background:#2b3245; color:#fff; }
.lp_item .lp_foot .lp_today{ display:flex; align-items:center; gap:6px; font-size:13px; color:#dfe3ee; cursor:pointer; user-select:none; }
.lp_item .lp_foot .lp_today input{ width:15px; height:15px; margin:0; cursor:pointer; }
.lp_item .lp_foot .lp_close{ display:inline-flex; align-items:center; gap:6px; height:30px; padding:0 14px; border:none; border-radius:4px; background:#6d86ec; color:#fff; font-size:13px; font-weight:600; cursor:pointer; transition:.2s; }
.lp_item .lp_foot .lp_close i{ font-style:normal; font-size:12px; }
.lp_item .lp_foot .lp_close:hover{ background:#576fd6; }

/* 본문(body)에 팝업이 열려 있는 동안 배경 스크롤 잠금 */
body.lp_open{ overflow:hidden; }

/* ===== 모바일: 딤 위에 세로로 떨어져 쌓이고 스크롤 ===== */
@media (max-width:768px){
    .lp_wrap{ overflow-y:auto; -webkit-overflow-scrolling:touch; }
    .lp_close_all{ top:12px; right:12px; width:40px; height:40px; line-height:40px; font-size:18px; background:rgba(0,0,0,.45); }
    .lp_close_all:hover{ background:rgba(0,0,0,.6); }
    .lp_wrap .lp_inner{ position:relative; display:flex; flex-direction:column; align-items:center; min-height:100%; padding:24px 0 40px; box-sizing:border-box; }
    .lp_item,
    .lp_item.lp_pos_center{
        position:relative !important;
        left:auto !important; top:auto !important;
        transform:none !important;
        width:88% !important; max-width:380px;
        height:auto !important;
        margin:0 0 16px !important;
    }
    .lp_item .lp_body{ max-height:none; }
    .lp_item .lp_foot{ height:44px; }
}