/* BASIC css start */
.couponTopBanner img { width:100% }

#coupon-zone .sub-title { padding:30px 10px 10px }
#coupon-zone .sub-title h4 { font-size:18px; font-weight:700 }
#coupon-zone .couponTopBox { position:relative; border-top:3px solid #2fb8bd; background:#f4f7fb }
#coupon-zone .membershipBenfit { text-align:center }
#coupon-zone .membershipBenfit 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:15px 0; text-align:center; }
#coupon-zone .coupon-memberbox-none strong { display:block; padding-bottom:15px; font-size:14px; font-weight:bold; line-height:20px; }
#coupon-zone .coupon-memberbox-none a { display:inline-block; width:43%; height:38px; line-height:36px; border:1px solid #000; text-align:center; font-weight:bold; color:#000; }
#coupon-zone .coupon-memberbox-none a.login { color:#fff; border:1px solid #2fb8bd; background:#2fb8bd; }

/* ÄíÆù ¸®½ºÆ® */
#coupon-zone .couponList { position:relative; border-top:3px solid #2fb8bd; background:#f4f7fb }
#coupon-zone .couponList .all-down { padding:25px 15px 11px; text-align:center; background:#f4f7fb;  }
#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 .fa { vertical-align:middle; }
#coupon-zone .couponList .all-down .btn_Grey { border-radius: 5px; width:100%; height:45px; line-height:45px; font-size: 14px; background-color:#000; color:#fff; text-align:center; display:block; border:1px solid #000; box-sizing: border-box; vertical-align: middle; }
#coupon-zone .couponList .all-down .btn_Grey > span { position: relative; margin-left: 3px; width: 13px; display: inline-block; top: 13px; }
#coupon-zone .couponList .all-down .btn_Grey > span > img { width: 100%; } 
#coupon-zone .couponList .notice img { width:100% }

/* ±âº» ÄíÆùÀ̹ÌÁö °øÅë */
#coupon-zone .coupon-list li {position:relative; margin:14px; letter-spacing:-1px; overflow:hidden;}
#coupon-zone .coupon-list li .c-info { width: 82%; padding: 20px; border: 1px solid #cecece; border-right: none; box-sizing: border-box; position: relative; background: #fff; }
#coupon-zone .coupon-list li .c-info:before { position:absolute; top:-1px; right:0; width:10px; height:10px; border-radius:0 0 10px 10px; border:1px solid #cecece; border-top:0; background:#f4f7fb; content:'' }
#coupon-zone .coupon-list li .c-info:after { position:absolute; bottom:-1px; right:0; width:10px; height:10px; border-radius:10px 10px 0 0; border:1px solid #cecece; border-bottom:0; background:#f4f7fb; content:'' }
#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 .btn-down a { font-size:0; text-indent:-9999px; display:inline-block; width:22px; height:22px; background:url('/images/common/ico_h11_down_white_l.png') no-repeat center right; }

#coupon-zone .coupon-list li p { padding-bottom:10px; line-height:18px; font-size:13px; color:#999; word-break:break-all; font-family:"Malgun Gothic"; }
#coupon-zone .coupon-list li p:last-child {padding-bottom:0;}
#coupon-zone .coupon-list li p.c-name { font-size:14px; color:#000; font-weight:bold; word-break: break-all; }
#coupon-zone .coupon-list li p.c-price {font-size:22px; color:#2fbdbb; font-weight:bold;}
#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:#2fbdbb; 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; 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;}
/* #coupon-zone .coupon-list li .btn-down span a { font-size:0; text-indent:-9999px; display:inline-block; width:22px; height:22px; background:url('/images/common/ico_h11_down_black_l.png') no-repeat center center; } */
#coupon-zone .coupon-list li.sc-style1.sc-reserve p.c-price {color:#3b6ce9;}
#coupon-zone .coupon-list li.sc-style1 { border-left: #2fbdbb; }
#coupon-zone .coupon-list li.sc-style2 {border:1px solid #fff;}
#coupon-zone .coupon-list li.sc-style2 p > span { color: #FE5F57; }
#coupon-zone .coupon-list li.sc-style2 .btn-down { border-left: 1px solid #fff; background: #FE5F57; }
#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; }
/* BASIC css end */