#loader { position:fixed; top:0; left:0; width:100vw; height:100vh; background-color:rgba(255, 255, 255, 0.8); z-index:9999; display:flex; justify-content:center; align-items:center; }
.spinner { width:60px; height:60px; border:8px solid rgba(0, 0, 0, 0.1); border-top-color:#3498db; border-radius:50%; animation:spin 1s infinite linear; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.error_wrap { color:red; border:1px solid red; padding:20px; font-size:12px; border-radius:12px; }

#custom_menu { display:flex; margin: 0 0 20px 0; }
#custom_menu a { box-sizing: border-box; font-size:12px; border: 1px solid #d4d4d4; padding:10px 15px 10px 15px; margin:0 10px 0 0; border-radius:20px; }
#custom_menu a.over { background-color:#222; border:1px solid #222; color:#fff; font-weight:bold; }

#title h2 { width:100%; display:block; font-size:18px; margin:15px 0 0 0; font-weight:1000; }
#title h2 i { margin:0 10px 0 0; color:#FF9900; }
#title em { width:100%; font-size:12px; display:block; color:#999; font-style:normal; margin:10px 0 30px 0; }

#coupon_my_list { font-size:0; display:flex; flex-wrap:wrap; justify-content: flex-start; }
#coupon_my_list input[value='쿠폰 사용하기'] { margin:20px 0 0 0; width:100%; padding:10px 0 10px 0; border:0; font-weight:bold; border-radius:12px; font-size:12px; }
#coupon_my_list div.cont { width:calc(25% - 15px); margin:0 20px 20px 0; padding:10px 20px 20px 20px; background-color:#fff; border-radius:12px; border:1px solid #dde7e9; box-sizing:border-box; position:relative; }
#coupon_my_list div.color1 { border:1px solid #0070C0; }
#coupon_my_list div.color2 { border:1px solid #DC4E4D; }
#coupon_my_list div.color3 { border:1px solid #0A905D; }
#coupon_my_list div.cont .premium { position:absolute; z-index:5; top:93px; right:20px; transform: translate(0, -50%); }
#coupon_my_list div.cont:nth-child(4n+0) { margin:0 0 20px 0; }
#coupon_my_list div.cont:hover { border:1px solid red; }
#coupon_my_list div.cont .image { position:relative; }
#coupon_my_list div.cont .image img { border-radius:12px; max-width:270px; max-height:197px; }
#coupon_my_list div.cont .image img.theme { filter: brightness(40%); }
#coupon_my_list div.cont .image span { position:absolute; bottom:20px; right:20px; z-index:999; }
#coupon_my_list div.cont .image span em { font-size:12px; color:#fff; display:block; text-align:right; font-style:normal; }
#coupon_my_list div.cont .image span em { display:block; }
#coupon_my_list div.cont .image span em:nth-child(1) { background: linear-gradient(to right, #CEDADC, #94D2E4); -webkit-background-clip:text; background-clip:text; color:transparent; font-size:20px; font-weight:bold; letter-spacing:-1px; margin:0 0 0 0; }
#coupon_my_list div.cont .image span em:nth-child(2) { font-size:14px; font-family:'Arial', sans-serif; display:inline-block; float:right; }
#coupon_my_list div.cont div.type { font-size:13px; margin:10px 0 0 0; display:flex; justify-content:space-between; align-items:center; width:100%; color:#333; }
#coupon_my_list div.cont div.type span:nth-child(2) { font-size:11px; }
#coupon_my_list div.cont div.type span {  border:1px solid #dde7e9; padding:6px 7px 6px 5px; border-radius:12px; }
#coupon_my_list div.cont div.type i { background-color:#333; color:#fff; padding:3px; border-radius:12px; margin:0 5px 0 0; }
#coupon_my_list div.cont div.type span.on i { background:green; }
#coupon_my_list div.cont div.type span.off i { background:red; }
#coupon_my_list div.cont h2 { font-size:18px; font-weight:normal; color:#666; margin:20px 0 0 0; letter-spacing:-1px; }
#coupon_my_list div.cont h2.bold { font-weight:bold; }
#coupon_my_list div.cont h2.color1 { color:#0070C0; }
#coupon_my_list div.cont h2.color2 { color:#DC4E4D; }
#coupon_my_list div.cont h2.color3 { color:#0A905D; }
#coupon_my_list div.cont span.addr { display:block; font-size:12px; margin:5px 0 0 0; color:#999; }
#coupon_my_list div.cont div.info { margin:20px 0 0 0; }
#coupon_my_list div.cont div.info li { margin:5px 0 0 0; color:#666; display:block; list-style-type:none; font-size:12px; }
#coupon_my_list div.cont div.info li em { margin:0 5px 0 0; display:inline-block; font-style:normal; border:1px solid #dde7e9; padding:3px 5px 3px 5px; border-radius:2px; color:#666; }
#coupon_my_list div.cont div.info li a { color:#333; text-decoration:underline;  }
#coupon_my_list div.cont div.info li:nth-child(3) em { background:red; border:1px solid red; color:#fff; }
#coupon_my_list div.cont div.info li:nth-child(4) em { background:red; border:1px solid red; color:#fff; }
#coupon_my_list div.cont section.hero-section { margin:10px 0 0 0; font-size:12px; position:relative; overflow:hidden; }
#coupon_my_list div.cont section.hero-section .loop-container { display:flex; white-space:nowrap; position:relative; }
#coupon_my_list div.cont section.hero-section .loop-container .item { display: inline-block; animation: scroll 10s linear infinite; }
@keyframes scroll { 0% { transform: translateX(30%); } 100% { transform: translateX(-100%); } }
#coupon_my_list div.cont div.buttom { margin:20px 0 0 0; display:flex; justify-content:space-between; gap:10px; width:100%; }
#coupon_my_list div.cont div.buttom a { flex-grow:1; font-size:12px; cursor:pointer; background-color:#fff; border:1px solid #dde7e9; font-weight:bold; padding:6px 0 6px 0; text-align:center; border-radius:4px; display:inline-flex; justify-content:center; align-items:center; }
#coupon_my_list div.cont div.buttom a em { font-style:normal; font-weight:normal; margin:0 0 0 5px; background:red; color:#fff; font-size:9px; padding:1px 3px 1px 3px; border-radius:4px; }