body {font-family:'Pretendard',sans-serif;background:#fff9e6;margin:0;padding:0;text-align:center;color:#333;}
.wrap {max-width:420px;margin:0 auto;padding:0px 0px;}
h1 {font-size:1.8em; margin:10px auto;}
p.desc {color:#555;margin-bottom:25px;}
.event-img {max-width:calc(100% - 0px);height:auto;display:block;margin:0 auto;}
.box {max-width:430px;margin:0 auto;border-radius:16px;margin-top:20px;padding:0px;}
input[type=text]{width:100%;padding:14px;border:1px solid #ccc;border-radius:8px;font-size:1em;margin-bottom:15px;}
.btn-container{display:flex;flex-direction:column;gap:0px;margin:10px 20px;}
a.btn.kakao{display:block;width:100%;background:#FEE500;border:none;border-radius:8px;color:#3A1D1D;font-weight:bold;font-size:1.1em;padding:14px;cursor:pointer;transition:0.2s;text-decoration:none;box-sizing:border-box;}
a.btn.kakao:hover{background:#ffeb3b;}
button.share{width:100%;background:#fff;border:2px solid #FEE500;border-radius:8px;color:#3A1D1D;font-weight:bold;font-size:1em;padding:12px;cursor:pointer;transition:0.2s;box-sizing:border-box;}
button.share:hover{background:#fffef5;}
.coupon-box{margin-top:5px;display:none;animation:fadeIn 0.6s ease;}
.coupon{background:#ff4b4b;color:#fff;padding:18px;border-radius:10px;font-size:1.3em;font-weight:bold;}
.note{font-size:0.9em;color:#666;margin-top:20px;line-height:1.4;}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}

.sc_Footer{background:#ffe89d;padding:15px 20px 30px;margin-top:50px;color:#999;}
.sc_Footer .menu_box{margin-bottom:25px;border-bottom:1px solid #ffde75;padding-bottom:15px;}
.sc_Footer .menu_box ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:20px;}
.sc_Footer .menu_box li{font-size:0.8em;}
.sc_Footer .menu_box a{color:#4d4d4d;text-decoration:none;}
.sc_Footer .menu_box a:hover{color:#fff;}
.sc_Footer .company_box{max-width:420px;margin:0 auto;font-size:0.7em;color:#4d4d4d;line-height:1.0;text-align:left;}
.sc_Footer .site_name{font-weight:bold;font-size:1.1em;color:#fff;margin-bottom:12px;}
.sc_Footer .txt{margin:2px 0; display:inline-block;}
.sc_Footer .txt:not(:last-child)::after{content:' | ';margin:0 5px;color:#999;}
.sc_Footer .tel,.sc_Footer .btn_info{color:#4d4d4d;text-decoration:none;}
.sc_Footer .tel:hover,.sc_Footer .btn_info:hover{color:#fff;}
.sc_Footer .copyright{margin-top:12px;color:#666;font-size:0.9em;}
.sc_Footer .type_host{color:#777;}

.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.7);}
.modal-content{background-color:#fff;margin:5% auto;padding:0;width:90%;max-width:800px;border-radius:10px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;}
.modal-header{padding:20px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;}
.modal-header h2{margin:0;font-size:1.3em;color:#333;}
.modal-body{padding:20px;overflow-y:auto;flex:1;line-height:1.6;}
.modal-body p{color:#333;font-size:0.9em;}
.close{color:#aaa;font-size:28px;font-weight:bold;cursor:pointer;transition:0.3s;}
.close:hover,.close:focus{color:#000;}


.complete-box {background:#fff;border-radius:16px;padding:40px 25px;box-shadow:0 4px 12px rgba(0,0,0,0.08);margin-top:30px;}
.icon {font-size:4em;margin-bottom:20px;}
.title {font-size:1.5em;font-weight:bold;color:#333;margin-bottom:15px;}
.desc {color:#666;line-height:1.6;margin-bottom:25px;}
.coupon-info {background:#fff;padding:0px;border-radius:10px;margin-bottom:20px;}
.coupon-info .amount {font-size:2em;font-weight:bold;color:#3A1D1D;}
.note {font-size:0.85em;color:#999;line-height:1.5;}
.btn-home {display:inline-block;background:#3A1D1D;color:#fff;padding:14px 40px;border-radius:8px;text-decoration:none;font-weight:bold;margin-top:20px;transition:0.2s;}
.btn-home:hover {background:#2a1515;}


@media (min-width: 481px) {
  .event-img{border-radius:10px;}
  .wrap{padding:20px 0;}
}

@media (max-width: 480px) {
  h1 {display:none;}
  .btn-container{display:flex;flex-direction:column;gap:0px;margin:10px 20px;}
  .event-img{border-radius:0 0 10px 10px;}
}



