/* BASIC css start */
.pageTitle { padding:6px 10px; font-size:12px; font-weight:700; border-bottom:1px solid #d4d4d4 }
.pageSubTitle { padding:13px 10px; font-size:18px; font-weight:700; line-height:18px; border-bottom:1px solid #bbb }
.pageSubTitle2 { padding-top:39px }

#coupon-zone .imgArea { position:relative }
#coupon-zone .imgArea img { width:100% }
#coupon-zone .coupon-memberbox { text-align:center; }
#coupon-zone .coupon-memberbox .m-level { padding:15px 0; font-size:14px; font-weight:bold; line-height:20px; }
#coupon-zone .coupon-memberbox .m-info:after { clear: both; content: ""; display: block; }
#coupon-zone .coupon-memberbox .m-info li { float:left; width:25%; list-style:none; }
#coupon-zone .coupon-memberbox .m-info li dl { padding:10px 0; border-left:1px solid #dfdfdf; }
#coupon-zone .coupon-memberbox .m-info li dl dd { padding-top:7px; font-weight:bold; }
#coupon-zone .coupon-memberbox .m-info li:first-child dl { border-left:none; }
#coupon-zone .coupon-memberbox-none { padding:0 0 40px; text-align:center; background:#f6f7f9 }
#coupon-zone .coupon-memberbox-none p { font-size:13px; color:#282716; font-weight:bold }
#coupon-zone .coupon-memberbox-none .btns { padding:13px 7px 0; font-size:0; text-align:center }
#coupon-zone .coupon-memberbox-none a { display:inline-block; width:50% }
#coupon-zone .coupon-memberbox-none a span { display:block; margin:0 5px; height:43px; font-size:14px; font-weight:bold; line-height:43px; border:1px solid #c2c2c2; background:#fff }
#coupon-zone .coupon-memberbox-none a.join span { color:#fff; border:1px solid #ff3a34; background:#ff3a34 }

/* ÄíÆù ¸®½ºÆ® */
#coupon-zone .couponList { padding:16px 0 25px; background:#f6f7f9 }
#coupon-zone .couponList .all-down { padding:25px 12px; text-align:center; }
#coupon-zone .couponList .all-down strong { display:block; padding-bottom:10px; color:#000; font-weight:bold; letter-spacing:-0.5px; }
#coupon-zone .couponList .all-down .btn-coupon-all { display:block; height:44px; font-size:14px; color:#fff; font-weight:bold; line-height:44px; background-color:#ff3a34 }

/* ±âº» ÄíÆùÀ̹ÌÁö °øÅë */
#coupon-zone .coupon-list li { position:relative; margin:15px 12px 0; overflow:hidden }
#coupon-zone .coupon-list li:first-child { margin-top:0 }
#coupon-zone .coupon-list li .c-info { width:100%; padding:15px 24% 15px 15px; box-sizing: border-box; position: relative; border:1px solid #cecece; border-radius:5px; background:#fff; }
#coupon-zone .coupon-list li .c-info:before { position:absolute; top:-1px; right:16%; width:10px; height:6px; border-radius:0 0 10px 10px; border:1px solid #cecece; border-top:0; background:#f3f3f3; content:''; z-index:10 }
#coupon-zone .coupon-list li .c-info:after { position:absolute; bottom:-1px; right:16%; width:10px; height:6px; border-radius:10px 10px 0 0; border:1px solid #cecece; border-bottom:0; background:#f3f3f3; content:''; z-index:10 }
#coupon-zone .coupon-list li.sc-img-style .c-info .c-data {margin-left: 35%;}
#coupon-zone .coupon-list li .c-info .c-data a {font-size: 13px;}
#coupon-zone .coupon-list li .c-info .c-img {width: 70px; height:70px; position: absolute; top: 50%; transform:translateY(-50%); left: 20px;}
#coupon-zone .coupon-list li .c-info .c-img img {width: 100%; height:100%; border-radius:100%;}
#coupon-zone .coupon-list li p { padding-top:6px; font-size:11px; color:#999; line-height:18px; word-break:break-all; }
#coupon-zone .coupon-list li p.c-name {  display:-webkit-box; font-size:13px; color:#282716; font-weight:bold; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden }
#coupon-zone .coupon-list li p.c-price { padding-top:3px; font-size:21px; color:#ff3a34; font-weight:900; line-height:21px; letter-spacing:-1px }
#coupon-zone .coupon-list li p.c-item { }
#coupon-zone .coupon-list li p.c-txt { padding-top:3px }
#coupon-zone .coupon-list li a {display:block; width:100%; height:100%; color: #999;}
#coupon-zone .coupon-list li .btn-down { position:absolute; top:0; right:0; width:18%; height:100%; background:#f8f8f8; text-align:center; box-sizing: border-box;} 
#coupon-zone .coupon-list li .btn-down span {position:absolute; right:0; top:50%; width:100%; margin-top:-22px; height:44px; font-size:12px; color:#fff; display:flex; word-break:break-all; flex-wrap:wrap; align-items:center; justify-content:center;  }
#coupon-zone .coupon-list li .btn-down span { color:#fff; font-weight:bold }
#coupon-zone .coupon-list li .btn-down span a { font-size:0; text-indent:-9999px; display:inline-block; width:20px; height:17px; background:url(http://seilglobal.img4.kr/renew/web/couponzone/ico_coupon_down.png) 0 0 no-repeat; background-size:20px auto }
#coupon-zone .coupon-list li.sc-style1.sc-reserve p.c-price {color:#3b6ce9;}
#coupon-zone .coupon-list li.sc-style1 .btn-down { background:#ff5d58 url(http://seilglobal.img4.kr/renew/web/couponzone/bg_coupon_down1.png) 0 0 repeat-y; background-size:1px auto }
#coupon-zone .coupon-list li.sc-style1 .btn-down i { color: #fff; }
#coupon-zone .coupon-list li.sc-style2 p.c-price { color:#2d77ff }
#coupon-zone .coupon-list li.sc-style2 .btn-down { background:#669cff url(http://seilglobal.img4.kr/renew/web/couponzone/bg_coupon_down2.png) 0 0 repeat-y; background-size:1px auto }
#coupon-zone .coupon-list li.sc-style2 .btn-down span { color:#fff; }
#coupon-zone .coupon-list li.sc-style2.sc-reserve .btn-down { background:#3b6ce9; color:#fff; }
#coupon-zone .coupon-list li.sc-style3 { border:0; border-radius:0;}
#coupon-zone .coupon-list li.sc-style3 .c-info { border:1px solid #000; border-right:2px dotted #272a4d; border-radius:10px; }
#coupon-zone .coupon-list li.sc-style3 p.c-price { color:#eb3697;}
#coupon-zone .coupon-list li.sc-style3 .btn-down { background:#fff2f9 ; border:1px solid #272a4d; border-left:0; border-radius:10px;}
#coupon-zone .coupon-list li.sc-style3 .btn-down a { background:url('/images/common/ico_h11_down_pink_l.png') no-repeat center right; }
#coupon-zone .coupon-list li.sc-style3.sc-reserve p.c-price {color:#18b776;}
#coupon-zone .coupon-list li.sc-style3.sc-reserve .btn-down { background:#eefff7; }
#coupon-zone .coupon-list li.sc-style3.sc-reserve .btn-down span a {color:#000;}
#coupon-zone .coupon-list li.sc-style3.sc-reserve .btn-down a { background:url('/images/common/ico_h11_down_green_l.png') no-repeat center right; }

.noticeArea { padding:0 12px 40px; position:relative; background:#f6f7f9 }
.noticeArea .innerBox { border-top:1px solid #bbb }
.noticeArea h5 { padding-top:25px; font-size:14px; font-weight:bold }
.noticeArea ul { padding-top:6px }
.noticeArea li { margin-left:9px; padding:2px 0; font-size:12px; text-indent:-9px }
.noticeArea li span { font-size:15px; color:#403f34 }
.noticeArea .btnCouponWay { margin-top:12px; height:44px; font-size:14px; color:#fff; font-weight:bold; text-align:center; line-height:44px; background:#333 }
/* BASIC css end */