/* BASIC css start */
#coupon-zone .couponTopBanner { padding-top:45px }
#coupon-zone .couponTopBanner img { width:100% }

#content .tit-page-2 { padding-top:60px }
#content .tit-page-2 h2 span  { color:#999; font-size:11px; font-weight:normal; }

#coupon-zone .couponTopBox { position:relative; border-top:5px solid #2fb8bd; background:#f4f7fb }


#coupon-zone .coupon-memberbox { height:110px; margin-top:10px; padding:48px 20px 45px 47px; border:1px solid #000; }
#coupon-zone .coupon-memberbox:after { clear: both; content: ""; display: block; }
#coupon-zone .coupon-memberbox .m-level { float:left; width:427px; padding-top:5px; text-align:left; }
#coupon-zone .coupon-memberbox .m-level .ico { float:left; display:inline-block; margin-right:20px; font-family:"Malgun Gothic"; font-size:13px; font-weight:bold; text-align:center; }
#coupon-zone .coupon-memberbox .m-level strong { float:left; color:#000; font-size:18px; font-weight:bold; line-height:26px; margin-top: 7px; }
#coupon-zone .coupon-memberbox .m-level p { clear:both; padding-top:27px; color:#888; }
#coupon-zone .coupon-memberbox .m-info { float:right; }
#coupon-zone .coupon-memberbox .m-info:after { clear: both; content: ""; display: block; }
#coupon-zone .coupon-memberbox .m-info li { float:left; width:150px; border-left:1px solid #e2e2e2; text-align:center; }
#coupon-zone .coupon-memberbox .m-info li:first-child { border-left:0; }
#coupon-zone .coupon-memberbox .m-info li dl {}
#coupon-zone .coupon-memberbox .m-info li dl dt { padding-top:16px; color:#999; font-weight:bold; }
#coupon-zone .coupon-memberbox .m-info li dl dd { padding:25px 0 30px; color:#000; font-size:18px; font-weight:bold; }
#coupon-zone .coupon-memberbox .m-info li dl dd a { color:#000; font-size:18px; font-weight:bold; }

#coupon-zone .membershipBenfit { text-align:center }

#coupon-zone .coupon-memberbox-none { clear: both; padding:20px 0 100px; font-size:18px; color:#000; text-align:center; }
#coupon-zone .coupon-memberbox-none a { display:inline-block; margin:0 10px; width:180px; padding:12px 0; margin-top:25px; border:1px solid #000; text-align:center; color:#000; font-size:16px; }
#coupon-zone .coupon-memberbox-none a.login { color:#fff; border:1px solid #2fb8bd; background:#2fb8bd; }
#coupon-zone .all-down { padding:50px 0 0; text-align:center; }
#coupon-zone .all-down strong { color:#000; font-size:18px; font-weight:normal }
#coupon-zone .all-down .btn-coupon-all { display: inline-block; width: 500px; height: 67px; line-height: 67px; color: #fff; font-size: 18px; border-radius: 10px; background: #000; }
#coupon-zone .all-down .btn-coupon-all i { font-size:19px; line-height:67px; vertical-align:top }

#coupon-zone .coupon-codebox { clear: both; padding:35px 0 35px 300px; margin:20px 0; background:#f8f8f8; }
#coupon-zone .coupon-codebox .input-text { width:280px; height:22px; line-height:24px; padding:0 5px; margin-left:5px; }
#coupon-zone .coupon-codebox .sc-btn-insert { display:inline-block; height:23px; line-height:26px; padding:0 19px; color:#fff; background:#000; font-size:12px; }
#coupon-zone .coupon-codebox p { padding-top:13px; font-size:11px; color:#656565; }

#coupon-zone .couponWrap { position:relative; border-top:5px solid #2fb8bd; background:#f4f7fb }


/* ±âº» ÄíÆù °øÅë */
#coupon-zone .couponWrap .coupon-list { width:1000px; margin:0 auto; padding:45px 0 0; position: relative; }
#coupon-zone .couponWrap .coupon-list ul { display:flex; flex-wrap:nowrap }
#coupon-zone .couponWrap .coupon-list ul li { margin:10px; padding:10px; box-sizing: border-box; width:48%; background:#fff }
#coupon-zone .couponWrap .coupon-list ul li .c-image { display:block; border:1px solid #cecece; border-radius:10px; width: 266px; height: 180px; }
#coupon-zone .couponWrap .coupon-list ul li .c-image img { width: 100%;  height: 100%; border-radius: 10px; }
#coupon-zone .couponWrap .coupon-list ul li .c-info { position:relative; width:100%; min-height:190px; padding:10px 90px 0 0; border:1px solid #cecece; box-sizing:border-box; background:#fff }
#coupon-zone .couponWrap .coupon-list ul li .c-info:before { position:absolute; top:-1px; right:90px; width:10px; height:10px; border-radius:0 0 10px 10px; border:1px solid #cecece; border-top:0; background:#fff; content:'' }
#coupon-zone .couponWrap .coupon-list ul li .c-info:after { position:absolute; bottom:-1px; right:90px; width:10px; height:10px; border-radius:10px 10px 0 0; border:1px solid #cecece; border-bottom:0; background:#fff; content:'' }
#coupon-zone .couponWrap .coupon-list ul li .c-data { padding-left:10px }
#coupon-zone .couponWrap .coupon-list ul li p { padding:7px 10px 0; font-size:13px; color:#999; word-break:break-all; }
#coupon-zone .couponWrap .coupon-list ul li p a { color:#999;; }
#coupon-zone .couponWrap .coupon-list ul li p.c-name { padding:0 10px 10px; font-size:20px; color:#000; font-weight:600; line-height:22px; }
#coupon-zone .couponWrap .coupon-list ul li p.c-explain { padding:0 10px 10px; line-height:22px; }
#coupon-zone .couponWrap .coupon-list ul li p.c-price { padding-top:0; font-size:32px; color:#ff3a34; font-weight:600; }
#coupon-zone .couponWrap .coupon-list ul li p.c-price .fc-blue {color:#3b6ce9;}
#coupon-zone .couponWrap .coupon-list ul li p.c-txt { padding-top:0; line-height:18px; }

#coupon-zone .couponWrap .coupon-list ul li .couponRight { position:absolute; top:0; bottom:0; right:0; width:90px; height:100%; text-align:center; background:#2fb8bd }
#coupon-zone .couponWrap .coupon-list ul li .couponRight .couponLogo { padding-top:35px }
#coupon-zone .couponWrap .coupon-list ul li .couponRight .couponLogo img { width:30px }
#coupon-zone .couponWrap .coupon-list ul li .couponRight .couponTxt { margin-top:30px; padding:0; font-size:16px; color:#fff; transform:rotate(-90deg) }

#coupon-zone .couponWrap .coupon-list ul li .btn-down { position:absolute; top:0; bottom:0; right:0; width:90px; height:100%; text-align:center; background:#fff }
#coupon-zone .couponWrap .coupon-list ul li .btn-down a,
#coupon-zone .couponWrap .coupon-list ul li .btn-down span { display:block; height:100%; font-size:26px; color:#fff; line-height:7; vertical-align:top }
#coupon-zone .couponWrap .coupon-list ul li .btn-down span { font-size:16px; line-height:11 }
/*
#coupon-zone .couponWrap .coupon-list ul li .btn-down span a i { line-height:23px; vertical-align:top }
#coupon-zone .couponWrap .coupon-list ul li .btn-down span.bg-none {background-image:none !important;}
#coupon-zone .couponWrap .coupon-list ul li .btn-down.btn-auto span { font-size:16px; color:#fff; }
#coupon-zone .couponWrap .coupon-list ul li .btn-down span .num {display:inline-block; margin-left:3px; font-weight:normal; letter-spacing:0;}
#coupon-zone .couponWrap .coupon-list ul li .btn-down span .num em {font-weight:bold;}
*/

#coupon-zone .couponWrap .coupon-list ul li.sc-style1.sc-reserve p.c-price {color:#3b6ce9;}
#coupon-zone .couponWrap .coupon-list ul li.sc-style1 .btn-down { background: #669cff; }
#coupon-zone .couponWrap .coupon-list ul li.sc-style1 .btn-down i { color: #fff; }
#coupon-zone .couponWrap .coupon-list ul li.sc-style1 p.c-price { color :#2fbdbb }
#coupon-zone .couponWrap .coupon-list ul li.sc-style2 p > span { color: #FE5F57; }
#coupon-zone .couponWrap .coupon-list ul li.sc-style2 p a { color:#999; }
#coupon-zone .couponWrap .coupon-list ul li.sc-style2 .btn-down { background:#FE5F57; border:0; color:#fff; border-left: 1px solid #fff; }
#coupon-zone .couponWrap .coupon-list ul li.sc-style2 .btn-down span a { color:#fff; }
/* #coupon-zone .couponWrap .coupon-list ul li.sc-style2 .btn-down a { background:url('/images/common/ico_h11_down_white.png') no-repeat center right; } */
#coupon-zone .couponWrap .coupon-list ul li.sc-style2.sc-reserve .btn-down { background:#ff5d58; color:#fff; }
#coupon-zone .couponWrap .coupon-list ul li.sc-style3 .c-info {border-color:#000; border-radius:10px;}
#coupon-zone .couponWrap .coupon-list ul li.sc-style3 p.c-price {color:#eb3697;}
#coupon-zone .couponWrap .coupon-list ul li.sc-style3 .btn-down { background:#fff2f9; border-color:#000; border-radius:10px; border-top:2px dotted #000; }
#coupon-zone .couponWrap .coupon-list ul li.sc-style3 .btn-down span a { color:#eb3697; }
#coupon-zone .couponWrap .coupon-list ul li.sc-style3 .btn-down a { background:url('/images/common/ico_h11_down_pink.png') no-repeat center right; }
#coupon-zone .couponWrap .coupon-list ul li.sc-style3.sc-reserve p.c-price {color:#18b776;}
#coupon-zone .couponWrap .coupon-list ul li.sc-style3.sc-reserve .btn-down { background:#eefff7; }
#coupon-zone .couponWrap .coupon-list ul li.sc-style3.sc-reserve .btn-down span a {color:#000;}
#coupon-zone .couponWrap .coupon-list ul li.sc-style3.sc-reserve .btn-down a { background:url('/images/common/ico_h11_down_green.png') no-repeat center right; }
#coupon-zone .couponWrap .coupon-list ul li.sc-style2 .btn-auto span { color:#fff; }
#coupon-zone .couponWrap .coupon-list ul li p.c-item { padding-top:0; }
#coupon-zone .couponWrap .coupon-list ul li.sc-img-style .c-info {position: relative;}
#coupon-zone .couponWrap .coupon-list ul li.sc-img-style .c-info .c-img {width: 70px; height: 70px; position: absolute; top: 15px; left: 15px; border-radius:100%; overflow: hidden;}
#coupon-zone .couponWrap .coupon-list ul li.sc-img-style .c-info .c-img img {width: 100%; height: 100%;}
#coupon-zone .couponWrap .coupon-list ul li.sc-img-style .c-info .c-data {text-align: right; padding:0 15px;}
#coupon-zone .couponWrap .coupon-list ul li.sc-img-style .c-info .c-data p.c-name {width: auto; margin: 0; padding-right: 0; padding-left: 70px;}
#coupon-zone .couponWrap .coupon-list ul li.sc-img-style .c-info .c-data p.c-price {padding-right: 0; padding-left: 70px;}
#coupon-zone .couponWrap .coupon-list ul li.sc-img-style .c-info .c-data .c-txt {margin-top: 15px; padding: 0; width: auto;  }
/* BASIC css end */