/* BASIC css start */
/*1001 css추가*/
.membership_container{
    width:1200px; margin:0 auto;
    font-size:60px;
    text-align:center; 
    padding:48px 0 150px;
}    
.benefit{line-height: 1;}
.benefit .tit{margin-bottom:25px; font-size:24px !important; color:#000000; font-weight:500;}
.benefit .msg{margin-bottom:49px; font-size:15px; color:#666666;}
    
    
    
    
    
#coupon-zone .page-body { padding: 25px 20px; }
#coupon-zone .coupon-memberbox { padding:30px 0 24px; border:1px solid #000; }
#coupon-zone .coupon-memberbox .m-level { position:relative; padding-left:170px; text-align:left; }
#coupon-zone .coupon-memberbox .m-level .ico { position:absolute; top:15px; left:98px; display:inline-block; width:52px; height:52px; line-height:52px; font-size:13px; font-weight:bold; text-align:center; }
#coupon-zone .coupon-memberbox .m-level .ico > img { width: 60px; height: auto; }
#coupon-zone .coupon-memberbox .m-level strong { display:block; width:100%; padding-top:4px; color:#000; font-size:14px; font-weight:bold; line-height:26px; }
#coupon-zone .coupon-memberbox .m-level p { padding-top:3px; color:#888; }
#coupon-zone .coupon-memberbox .m-info { width:603px; margin:0 auto; }
#coupon-zone .coupon-memberbox .m-info:after { clear: both; content: ""; display: block; }
#coupon-zone .coupon-memberbox .m-info { margin-top:20px; }
#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 { padding:16px 0; }
#coupon-zone .coupon-memberbox .m-info li dl dt { color:#999; font-weight:bold; }
#coupon-zone .coupon-memberbox .m-info li dl dd { padding:5px 0 0; color:#000; font-weight:bold; }
#coupon-zone .coupon-memberbox .m-info li dl dd a { color:#000; font-weight:bold; }
#coupon-zone .coupon-memberbox-none { clear: both; padding:40px 0 35px; border:1px solid #000; text-align:center; color:#000; font-size:14px; font-weight:bold; }
#coupon-zone .coupon-memberbox-none a { display:inline-block; margin-top:20px; }
#coupon-zone .coupon-codebox { padding:35px 0 35px 78px; margin:30px 0; border:5px solid #ededed; color:#000; }
#coupon-zone .coupon-codebox .input-text { width:280px; height:21px; line-height:22px; padding:0 5px; margin-left:5px; font-size:11px; }
#coupon-zone .coupon-codebox a { display:inline-block; height:23px; line-height:25px; padding:0 10px; color:#fff; border:1px solid #b5b5b5; background:#646464; }
#coupon-zone .coupon-codebox p { padding-top:13px; font-size:11px; color:#656565; }

#coupon-zone .couponWrap { }
#coupon-zone .couponWrap .all-down {
    display: block;
    text-align: right;
    height: 44px;}
    
#coupon-zone .couponWrap .all-down strong { display:block; margin-bottom:15px; color:#000; font-size:16px; font-weight:bold; }
#coupon-zone .couponWrap .all-down a {
    display: inline-block;
    width: 148px;
    height: 42px;
    line-height: 42px;
    color: #ff0022;
    border: 1px solid #ff0022;
    border-radius: 5px;
    font-size: 16px;
    letter-spacing: -.35px;
    font-weight: 500;
    vertical-align: top;
    text-align: center; }

#coupon-zone .couponWrap .all-down a.all{background:#ff0022;; color:#fff !important;}

/* 기본 쿠폰 공통 */
#coupon-zone .couponWrap .coupon-list {padding-top: 32px; position: relative; }
#coupon-zone .couponWrap .coupon-list ul{ margin-bottom: 24px;display:flex; justify-content: space-between;}
#coupon-zone .couponWrap .coupon-list ul li {width: 384px;}
#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: 31px 23px 20px;
    border: 1px solid #e7e7e7;
    border-radius: 10px 10px 0 0;
    border-bottom: 0;
    min-height: 110px;
    letter-spacing: -1px;}
#coupon-zone .couponWrap .coupon-list ul li .c-info .c-data{position:relative}
#coupon-zone .couponWrap .coupon-list ul li p { font-size:12px; color:#999; word-break:break-all; text-align: left;}
#coupon-zone .couponWrap .coupon-list ul li p a { color:#999;}
#coupon-zone .couponWrap .coupon-list ul li.sc-style2 p a { color:#999; }
#coupon-zone .couponWrap .coupon-list ul li p.c-name {
    color: #000;
    font-weight: 400;
    line-height: 18px;
    font-size: 16px;
    padding: 15px 0 25px 0;
    font-family: 'Noto Sans KR';}
    
#coupon-zone .couponWrap .coupon-list ul li p.c-price {
    font-size: 24px;
    color: #ff3a34;
    font-family: 'Lato';
    font-weight: 300;
}
#coupon-zone .couponWrap .coupon-list ul li p.c-price  strong{font-weight:600}
#coupon-zone .couponWrap .coupon-list ul li p.c-txt { 
    color: #666666;
    width: 220px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    white-space: normal;}
    
#coupon-zone .couponWrap .coupon-list ul li .btn-down {
    font-weight: 500;
    display: block;
    padding: 18px 0;
    border-radius: 0 0 10px 10px;
    border: 1px solid #e7e7e7;
    border-top: 1px dashed #e7e7e7;
    background: #fafafa;
    text-align: center;
    font-size: 14px;}
#coupon-zone .couponWrap .coupon-list ul li .btn-down span.complete{color:#000; letter-spacing: -.35px;}
#coupon-zone .couponWrap .coupon-list ul li .btn-down span a {font-size: 14px; color: #ff0022;}
#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 {color:#000;}
#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 {}
#coupon-zone .couponWrap .coupon-list ul li .btn-down a {
    font-weight: 500;
    letter-spacing: -.35px;}
#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.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 p.c-item {
    color:#000;
    position: absolute;
    right: 0;
    bottom: 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 */