SPECIAL PROMOTION

지금 만나볼 수 있는 다양한 시술 혜택과
특별한 프로모션을 확인해 보세요.

이벤트를 불러오는 중입니다.

#ge-event3-overlay *:focus, #ge-event3-detail-overlay *:focus, .ge-event3-toolbar *:focus { outline:none; } .ge-event3-toolbar { position:sticky; top:0; z-index:9999; background:#fff; border-bottom:2px solid #902052; padding:10px 20px; display:flex; align-items:center; gap:10px; box-shadow:0 2px 12px rgba(144,32,82,.12); margin-bottom:24px; } .ge-lbl { font-size:12px; color:#902052; font-weight:700; letter-spacing:.04em; margin-right:4px; } .ge-tbtn { padding:7px 18px; border:1.5px solid #902052; border-radius:20px; cursor:pointer; font-size:13px; font-weight:600; color:#902052; background:#fff; transition:all .15s; } .ge-tbtn:hover { background:#1b1b1b; border-color:#1b1b1b; color:#fff; transform:translateY(-1px); box-shadow:0 3px 10px rgba(27,27,27,.3); } .ge-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:32px; } @media(max-width:768px){ .ge-grid{ grid-template-columns:repeat(2,1fr); } } @media(max-width:480px){ .ge-grid{ grid-template-columns:1fr; } } .ge-card { border:1.5px solid #ebebeb; border-radius:14px; overflow:hidden; background:#fff; transition:box-shadow .2s,transform .2s; } .ge-card:hover { box-shadow:0 8px 28px rgba(144,32,82,.18); transform:translateY(-3px); } .ge-card-thumb-wrap { display:block; position:relative; width:100%; padding-top:100%; overflow:hidden; background:#f7f7f7; text-decoration:none; } .ge-card-thumb { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .3s; } .ge-card:hover .ge-card-thumb { transform:scale(1.04); } .ge-card-no-thumb { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#ccc; font-size:13px; } .ge-card .ge-status-badge { position:absolute; top:10px; left:10px; font-size:11px; font-weight:700; padding:3px 10px; border-radius:20px; pointer-events:none; } .ge-status-inline { position:static !important; font-size:13px !important; padding:5px 14px !important; border-radius:20px !important; display:inline-block; } .ge-status-active { background:#902052; color:#fff; } .ge-status-ended { background:rgba(0,0,0,.45); color:#fff; } .ge-status-scheduled { background:#f5e9ee; color:#902052; border:1px solid #e8c7d4; } .ge-card-body { padding:14px 16px; } .ge-card-title { display:block; font-size:14px; font-weight:700; color:#333; margin-bottom:6px; text-decoration:none; line-height:1.4; } .ge-card-title:hover { color:#902052; } .ge-card-date { font-size:12px; color:#bbb; } .ge-pagination { display:flex; justify-content:center; align-items:center; gap:6px; margin:8px 0 32px; flex-wrap:wrap; } .ge-page-btn { display:inline-flex; align-items:center; justify-content:center; min-width:36px; height:36px; padding:0 10px; border:1.5px solid #ebebeb; border-radius:8px; font-size:13px; font-weight:600; color:#666; text-decoration:none; transition:all .15s; background:#fff; } .ge-page-btn:hover { border-color:#902052; color:#902052; } .ge-page-active { background:#902052 !important; border-color:#902052 !important; color:#fff !important; } .ge-page-ellipsis { color:#bbb; font-size:14px; padding:0 4px; line-height:36px; } .ge-card-pagination { display:flex; justify-content:center; gap:4px; flex-wrap:wrap; } .ge-cp-btn { display:inline-flex; align-items:center; justify-content:center; min-width:30px; height:30px; padding:0 8px; border:1.5px solid #ebebeb; border-radius:6px; font-size:12px; font-weight:600; color:#666; cursor:pointer; background:#fff; transition:all .15s; } .ge-cp-btn:hover { border-color:#902052; color:#902052; } .ge-cp-active { background:#902052 !important; border-color:#902052 !important; color:#fff !important; } .ge-cp-ellipsis { color:#bbb; font-size:13px; line-height:30px; padding:0 2px; } .ge-detail-wrap { width: 100%; max-width: 900px; margin: 0 auto; padding: 0 0 60px; box-sizing: border-box; } .ge-detail-topbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:24px; flex-wrap:wrap; } .ge-detail-topbar-left { display:flex; align-items:center; gap:12px; flex-wrap:wrap; } .ge-detail-topbar-right { flex-shrink:0; } .ge-back-btn { display:inline-flex; align-items:center; gap:6px; font-size:13px; color:#902052; text-decoration:none; font-weight:600; padding:7px 16px; border:1.5px solid #e8c7d4; border-radius:20px; transition:all .15s; background:#fff; white-space:nowrap; flex-shrink:0; } .ge-back-btn:hover { background:#1b1b1b; color:#fff; border-color:#1b1b1b; } .ge-detail-edit-btn { padding:7px 18px; border:1.5px solid #902052; border-radius:20px; cursor:pointer; font-size:13px; font-weight:600; color:#902052; background:#fff; transition:all .15s; white-space:nowrap; } .ge-detail-edit-btn:hover { background:#1b1b1b; border-color:#1b1b1b; color:#fff; } .ge-detail-head { margin-bottom:28px; } .ge-detail-title { font-size:24px; font-weight:700; color:#222; margin:0 0 10px; line-height:1.4; } .ge-detail-date { font-size:13px; color:#902052; font-weight:600; } .ge-detail-body { width:100%; text-align:center; } .ge-detail-body img { width:100%; max-width:100%; height:auto; display:block; margin:0 auto 24px; border-radius:10px; } .ge-overlay { display:none; position:fixed; inset:0; z-index:99999; background:rgba(0,0,0,.55); backdrop-filter:blur(3px); overflow-y:auto; padding:32px 16px; } .ge-modal-box { max-width:620px; margin:0 auto; background:#f7f7f7; border:1.5px solid #e8e8e8; border-radius:16px; box-shadow:0 12px 48px rgba(0,0,0,.18); overflow:hidden; } .ge-modal-head { background:#fff; border-bottom:1.5px solid #e8e8e8; padding:18px 24px; display:flex; justify-content:space-between; align-items:center; } .ge-modal-head h3 { margin:0; color:#902052; font-size:16px; font-weight:700; } .ge-close-btn { width:30px; height:30px; border-radius:50%; background:#902052; border:1.5px solid #902052; color:#fff; font-size:14px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all .15s; } .ge-close-btn:hover { background:#fff; color:#902052; } .ge-close-btn:active { background:#f5e9ee; color:#902052; } .ge-modal-body { background:#fff; padding:24px; } .ge-label { display:block; font-size:12px; font-weight:700; color:#999; letter-spacing:.06em; text-transform:uppercase; margin-bottom:6px; } .ge-input { width:100%; padding:10px 14px; border:1.5px solid #ebebeb; border-radius:10px; font-size:14px; box-sizing:border-box; outline:none; color:#333; background:#fff; transition:border-color .15s; } .ge-input:focus { border-color:#902052; box-shadow:0 0 0 3px rgba(144,32,82,.1); } .ge-date-row { display:flex; gap:10px; align-items:center; } .ge-date-row .ge-input { flex:1; } .ge-date-sep { color:#ccc; font-size:16px; flex-shrink:0; } .ge-schedule-badge { background:#f5e9ee; border:1.5px solid #e8c7d4; color:#902052; font-size:12px; font-weight:600; padding:8px 14px; border-radius:8px; } .ge-divider { height:1px; background:#f0f0f0; margin:20px 0; } .ge-event-cards { display:flex; flex-direction:column; gap:8px; margin-bottom:4px; } .ge-event-card { border:1.5px solid #ebebeb; border-radius:10px; padding:12px 16px; cursor:pointer; background:#fff; display:flex; align-items:center; gap:14px; transition:all .15s; } .ge-event-card:hover { border-color:#902052; background:#f5e9ee; } .ge-event-card.selected { border-color:#902052; background:#f5e9ee; } .ge-event-card-thumb { width:52px; height:52px; object-fit:cover; border-radius:6px; flex-shrink:0; background:#f5f5f5; } .ge-event-card-info { flex:1; min-width:0; } .ge-event-card-title { font-size:13px; font-weight:600; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .ge-event-card-date { font-size:11px; color:#bbb; margin-top:2px; } .ge-ec-status { font-size:11px; padding:2px 8px; border-radius:10px; font-weight:700; flex-shrink:0; } .ge-ec-active { background:#f5e9ee; color:#902052; } .ge-ec-scheduled { background:#e8f4ff; color:#3b82f6; } .ge-ec-ended { background:#f5f5f5; color:#bbb; } .ge-visual-editor { min-height:90px; padding:12px; border:2px dashed #e8c7d4; border-radius:12px; background:#fdfafa; position:relative; display:flex; flex-wrap:wrap; gap:10px; align-content:flex-start; } .ge-visual-editor.empty::after { content:'이미지를 추가하면 여기에 표시됩니다.'; color:#ccc; font-size:12px; pointer-events:none; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); white-space:nowrap; } .ge-img-block { position:relative; cursor:grab; border-radius:8px; border:2px solid transparent; transition:border-color .15s; user-select:none; } .ge-img-block:hover { border-color:#902052; } .ge-img-block.dragging { opacity:.35; cursor:grabbing; } .ge-img-block img { display:block; width:100px; height:100px; object-fit:cover; border-radius:6px; pointer-events:none; } .ge-img-num { position:absolute; top:4px; left:4px; background:#902052; color:#fff; font-size:11px; font-weight:700; width:20px; height:20px; border-radius:50%; display:flex; align-items:center; justify-content:center; pointer-events:none; } .ge-img-del { position:absolute; top:-7px; right:-7px; width:20px; height:20px; background:#fff; border:1.5px solid #902052; color:#902052; border-radius:50%; cursor:pointer; font-size:11px; display:flex; align-items:center; justify-content:center; transition:all .15s; } .ge-img-del:hover { background:#1b1b1b; border-color:#1b1b1b; color:#fff; } .ge-add-img-btn { display:inline-flex; align-items:center; gap:6px; padding:8px 16px; margin-top:10px; background:#f5e9ee; border:1.5px solid #e8c7d4; color:#902052; border-radius:20px; cursor:pointer; font-size:13px; font-weight:600; transition:all .15s; } .ge-add-img-btn:hover { background:#1b1b1b; color:#fff; border-color:#1b1b1b; } .ge-btn-row { display:flex; gap:10px; } .ge-btn-row .ge-submit-btn { flex:1; } .ge-submit-btn { width:100%; padding:13px; background:#902052; color:#fff; border:none; border-radius:12px; font-size:15px; font-weight:700; cursor:pointer; transition:opacity .15s,transform .1s; } .ge-submit-btn:hover { opacity:.88; transform:translateY(-1px); } .ge-submit-btn:active { transform:scale(.99); } .ge-submit-btn:disabled { opacity:.55; cursor:not-allowed; transform:none; } .ge-submit-btn.danger { background:#fff; color:#e85555; border:1.5px solid #e85555; } .ge-submit-btn.danger:hover { background:#e85555; color:#fff; } .ge-msg { display:none; text-align:center; font-size:13px; padding:10px; border-radius:8px; margin-top:12px; } .ge-msg.ok { background:#f0fff4; color:#2d8a50; } .ge-msg.err { background:#fff0f0; color:#d63638; }