/* BASIC css start */
/* 쿠폰존 */
#coupon-zone .coupon-memberbox {margin-top:20px; padding:36px; border:1px solid var(--gray-10); display:flex; align-items: center; justify-content: space-between;}
#coupon-zone .coupon-memberbox .m-level {display:flex; align-items: center;}
#coupon-zone .coupon-memberbox .m-level b {font-size:28px; font-weight:700; padding: 0 20px 0 8px;}
#coupon-zone .coupon-memberbox .m-level p {font-size:13px; font-weight:500;}
#coupon-zone .coupon-memberbox .m-level p span {font-weight:700; color:var(--pri-brand);}
#coupon-zone .coupon-memberbox .m-level .ico img {width:48px;}
#coupon-zone .coupon-memberbox .m-info {display:flex; align-items: center; width:548px;}
#coupon-zone .coupon-memberbox .m-info li {text-align:center; flex:1; position: relative;}
#coupon-zone .coupon-memberbox .m-info li:after {content:''; display:inline-block; width:1px; height:40px; background:var(--gray-10); position: absolute; right: 0; top: 12px;}
#coupon-zone .coupon-memberbox .m-info li:last-child:after {display:none;}
#coupon-zone .coupon-memberbox .m-info li dl {}
#coupon-zone .coupon-memberbox .m-info li dl dt { color:var(--gray-35); font-size:16px; font-weight:600; margin-bottom:14px;}
#coupon-zone .coupon-memberbox .m-info li dl dd {}
#coupon-zone .coupon-memberbox .m-info li dl dd a { font-size:24px; font-weight:700; }
#coupon-zone .coupon-memberbox-none {display: flex; justify-content: space-between; align-items: center; padding: 36px; border: 1px solid var(--gray-10); border-radius: 8px; margin-top: 20px;}
#coupon-zone .coupon-memberbox-none p {font-size: 22px; font-weight: 700;}
#coupon-zone .coupon-memberbox-none .btn {display:flex;}
#coupon-zone .coupon-memberbox-none .btn a {width:144px;}
#coupon-zone .coupon-memberbox-none .btn a.grey-btn {border:1px solid var(--gray-15); line-height: 42px; margin-left:8px;}
#coupon-zone .coupon-memberbox-none .btn a:after {content: ""; display: inline-block; width: 7px; height: 7px; transform: rotate(45deg); border-top: 1px solid var(--pri-black); border-right: 1px solid var(--pri-black); margin:0 0 1px 5px;}
#coupon-zone .coupon-codebox { border-radius:8px; padding:35px 0; margin:16px 0 20px; background:var(--gray-05); text-align:center;}
#coupon-zone .coupon-codebox form {display: flex; align-items:center; justify-content: center; gap:44px;}
#coupon-zone .coupon-codebox form b {font-size:16px; font-weight:600;}
#coupon-zone .coupon-codebox .search-input {position:relative;}
#coupon-zone .coupon-codebox .search-input input {width:342px; text-align:left !important; font-size:13px;}
#coupon-zone .coupon-codebox .search-input input::placeholder {color:var(--gray-20); font-size:13px;}
#coupon-zone .coupon-codebox .search-input a {position:absolute; right:12px; top:10px; }
#coupon-zone .coupon-codebox .search-input a img {width:24px;}
#coupon-zone .couponWrap {}
#coupon-zone .couponWrap .all-down {text-align:right; margin-bottom:20px;}
#coupon-zone .couponWrap .all-down .btn-coupon-all {width:176px; display:inline-block;}
#coupon-zone .couponWrap .all-down .btn-coupon-all img {vertical-align:middle; margin-right:4px;}


/* 기본 쿠폰 공통 */
#coupon-zone .couponWrap .coupon-list {}
#coupon-zone .couponWrap .coupon-list ul {display:grid; grid-template-columns: repeat(2, 1fr); gap: 16px;}
#coupon-zone .couponWrap .coupon-list ul li {border:1px solid var(--gray-15); border-radius:8px; }
#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 {padding:28px 24px 16px;}
#coupon-zone .couponWrap .coupon-list ul li .c-data {position:relative;}
#coupon-zone .couponWrap .coupon-list ul li p.c-type {color:var(--gray-35); font-size:13px; font-weight:700;}
#coupon-zone .couponWrap .coupon-list ul li p.c-name {font-size:18px; font-weight:600; padding:10px 0 12px; word-break: keep-all; }
#coupon-zone .couponWrap .coupon-list ul li p.c-price {}
#coupon-zone .couponWrap .coupon-list ul li p.c-price b {color:var(--pri-brand); font-size:16px; font-weight:600;}
#coupon-zone .couponWrap .coupon-list ul li p.c-price b.blue-txt {color:#000c8c;}
#coupon-zone .couponWrap .coupon-list ul li p.c-txt {margin-bottom:6px; font-size:13px;}
#coupon-zone .couponWrap .coupon-list ul li p.c-item {position: absolute; right: 0; bottom: 0; font-weight:500; text-align: right; }
#coupon-zone .couponWrap .coupon-list ul li p.c-item a:after {content: ""; display: inline-block; width: 6px; height: 6px; transform: rotate(45deg); border-top: 1px solid var(--pri-black); border-right: 1px solid var(--pri-black); margin: 0 0 1px 1px;}
#coupon-zone .couponWrap .coupon-list ul li .btn-down {padding:16px 24px 28px; border-top:1px dashed var(--gray-15); position:relative;}
#coupon-zone .couponWrap .coupon-list ul li .btn-down span {font-size:13px; color:var(--pri-black);}
#coupon-zone .couponWrap .coupon-list ul li .btn-down .SC-down-ing {position:absolute; right:28px; top:16px;}
#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 {}
#coupon-zone .couponWrap .coupon-list ul li .btn-down span .num {display:inline-block;}
#coupon-zone .couponWrap .coupon-list ul li .btn-down span .num em {font-weight:bold;}
#coupon-zone .couponWrap .coupon-list ul li .btn-down a {}
/*
#coupon-zone .couponWrap .coupon-list ul li.sc-style1.sc-reserve p.c-price {color:#3b6ce9;}
#coupon-zone .couponWrap .coupon-list ul li.sc-style2 .c-info { background:#171940; border-color:#171940; }
#coupon-zone .couponWrap .coupon-list ul li.sc-style2 p { color:#fff; }
#coupon-zone .couponWrap .coupon-list ul li.sc-style2 p a { color:#999; }
#coupon-zone .couponWrap .coupon-list ul li.sc-style2 p.c-txt { color:#999; }
#coupon-zone .couponWrap .coupon-list ul li.sc-style2 .btn-down { background:#ff3a34; border:0; color:#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:#3b6ce9; 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.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 */