@charset "utf-8";

h1.no-bd{border-bottom:none !important;}

/* ======================================================
   .coupon-wrap.list
=========================================================*/
.coupon-wrap.list h4{font-size:15px; font-weight:500; color:#333; letter-spacing:-0.03em; line-height:1.2em;}

.coupon-wrap.list .vcon.hide{display:none;}

.coupon-wrap.list .vtab{position:relative;}
.coupon-wrap.list .vtab:after{position:absolute; left:0; bottom:0; width:100%; border-bottom:1px solid #333; display:block; content:""; z-index:-1}
.coupon-wrap.list .vtab ul{list-style:none; margin:0; padding:0;}
.coupon-wrap.list .vtab ul:after{display:block; content:"";clear:both}
.coupon-wrap.list .vtab li{float:left; margin:0; padding:0;}
.coupon-wrap.list .vtab li:nth-child(n+2){}
.coupon-wrap.list .vtab li a{min-width:300px; line-height:55px; font-size:15px; font-weight:400; color:#aaa; letter-spacing:-0.04em;background:#333;box-sizing:border-box; text-align:center; margin-top:5px; border-radius:0;}
.coupon-wrap.list .vtab li a span{ font-family:"Montserrat"; letter-spacing:0}
.coupon-wrap.list .vtab li.active a{line-height:58px; font-weight:500;border:1px solid #111; border-bottom:none; color:#333; font-size:18px; background:#fff; margin:0; height:60px;}
.coupon-wrap.list .vtab li.active a span{font-size:18px;}

.coupon-wrap.list .filter{margin-top:50px; border:1px solid #111; padding:35px 30px; padding-left:145px; padding-right:192px;position:Relative;}
.coupon-wrap.list .filter h4{position:Absolute; left:30px; top:35px; line-height:40px;}
.coupon-wrap.list .filter .chk-input{width:100%}
.coupon-wrap.list .filter .chk-input input{width:100%; height:40px; padding:0 12px; }
.coupon-wrap.list .filter button{position:Absolute;right:30px; top:35px; width:155px;height:40px; line-height:36px;text-align:center; font-size:15px; font-weight:400;background:#111; color:#fff; letter-spacing:-0.03em; border:none; font-family:"Noto Sans KR"; cursor:pointer; padding:0; margin:0;}

.coupon-wrap.list .list{margin-top:30px;}
.coupon-wrap.list .list ul{list-style:none; margin:0; padding:0;}
.coupon-wrap.list .list li{border:1px solid #dde1e4; position:relative;}
.coupon-wrap.list .list li:nth-child(n+2){margin-top:7px;}
.coupon-wrap.list .list li .vcont{ position:relative;}
.coupon-wrap.list .list li .vcont .odr{width:102px; height:38px; line-height:38px;text-align:center; background:#000111; font-size:18px; font-weight:700; color:#fff;position:absolute;top:50%; left:30px;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
.coupon-wrap.list .list li .vcont .odr:before{width:10px;height:10px; background:#fff; position:Absolute; left:-5px; top:-5px; display:block; content:""; border-radius:100%;}
.coupon-wrap.list .list li .vcont .odr:after{width:10px;height:10px; background:#fff; position:Absolute; right:-5px; top:-5px; display:block; content:""; border-radius:100%;}
.coupon-wrap.list .list li .vcont .odr span:before{width:10px;height:10px; background:#fff; position:Absolute; left:-5px; bottom:-5px; display:block; content:""; border-radius:100%;}
.coupon-wrap.list .list li .vcont .odr span:after{width:10px;height:10px; background:#fff; position:Absolute; right:-5px; bottom:-5px; display:block; content:""; border-radius:100%;}
.coupon-wrap.list .list li .vcont .odr.other{font-size:12px; font-weight:400;}
.coupon-wrap.list .list li .vcont .odr.other i{font-size:18px; font-weight:700;font-family:"Montserrat";font-style:normal;margin:0 1px;}

.coupon-wrap.list .list.end li .vcont .odr{background:#e5e5e7 !important;; color:#707070 !important;}
.coupon-wrap.list .list.end .use-btn, .coupon-wrap.list .list.end .use-btn:hover{background:none !important;color:#777; border:none}

.coupon-wrap.list .list li .vcont .txt{padding:30px; padding-right:160px;padding-left:160px; box-sizing:border-box; min-height:50px}
.coupon-wrap.list .list li .vcont .btxt{display:inline-block;vertical-align:top; font-size:18px; font-weight:700; color:#111; letter-spacing:-0.03em; line-height:24px;position:Relative;  max-width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing:border-box;}
.coupon-wrap.list .list li .vcont .dday{/*position:absolute;right:0; top:0;*/display:inline-block;vertical-align:top; font-weight:600; color:#2a52be; text-transform:uppercase; font-size:13px;line-height:24px;}
.coupon-wrap.list .list li .vcont .stxt{margin-top:7px;font-size:15px; font-weight:400; color:#434343; letter-spacing:-0.03em; line-height:1.2em;}
.coupon-wrap.list .list li .vcont .ctxt{margin-top:3px;color:#777; font-size:13px; font-weight:400;letter-spacing:-0.03em; line-height:1.2em;}
.coupon-wrap.list .list li .vcont .ctxt span{color:#111;font-family:"Montserrat"; letter-spacing:-0.01em;}

.coupon-wrap.list .list li .use-btn{position:Absolute;right:30px; top:50%;  margin-top:-17px;line-height:32px; height:34px; border:1px solid #111111; border-radius:34px; text-align:Center; width:92px;  font-size:13px; font-weight:400; color:#111; letter-spacing:-0.03em;}
.coupon-wrap.list .list li .use-btn:hover{background:#111; color:#fff;}

.coupon-wrap.list .list li .more-btn{position:absolute;right:30px; bottom:15px; line-height:20px; padding-right:20px; font-size:12px; color:#777; letter-spacing:-0.03em;}
.coupon-wrap.list .list li .more-btn:after{width:16px;height:20px;background:url(../images/coupon/list-more.jpg) no-repeat right center; position:Absolute;right:0; top:0; display:block ;content:""}
.coupon-wrap.list .list li.active .more-btn:after{background-image:url(../images/coupon/list-moreo.jpg)}

.coupon-wrap.list .list li .no-data{padding:55px 0 ;text-align:center;}
.coupon-wrap.list .list li .no-data p{font-size:15px; font-weight:400; color:#555; letter-spacing:-0.03em; line-height:1.2em;}


.coupon-wrap.list .list li .vdetail{background:#f0f4f9; padding:30px; padding-left:160px; display:none;}
.coupon-wrap.list .list li .vdetail .btxt{font-size:15px; font-weight:700; color:#111; letter-spacing:-0.03em; line-height:1.2em;}
.coupon-wrap.list .list li .vdetail .stxt{margin-top:3px;font-size:14px; font-weight:500; color:#111; letter-spacing:-0.03em; line-height:1.2em;}

.coupon-wrap.list .list li .vdetail dl{padding-left:7px; margin-top:12px;}
.coupon-wrap.list .list li .vdetail dt{font-size:14px; font-weight:700; color:#111; letter-spacing:-0.03em; line-height:1.2em; margin-bottom:3px;}
.coupon-wrap.list .list li .vdetail dd{font-size:13px; font-weight:400; color:#111; letter-spacing:-0.03em; line-height:1.2em; position:relative; margin:0; padding:0; padding-left:8px;list-style:none;}
.coupon-wrap.list .list li .vdetail dd:nth-child(n+3){ margin-top:3px;}
.coupon-wrap.list .list li .vdetail dd:before{width:4px;height:1px; position:absolute; left:0; top:7px; display:block; content:"";border-bottom:1px solid #111; box-sizing:Border-box; border-radius:0;}

.coupon-wrap.list .ex{margin-top:95px;}
.coupon-wrap.list .ex h4{font-weight:700;}
.coupon-wrap.list .ex ul{list-style:none; margin:0; padding:0; margin-top:10px;}
.coupon-wrap.list .ex li{font-size:13px; font-weight:400; color:#777; letter-spacing:-0.03em; line-height:1.3em; position:relative; margin:0; padding:0; padding-left:8px;list-style:none;}
.coupon-wrap.list .ex li:nth-child(n+2){ margin-top:5px;}
.coupon-wrap.list .ex li:before{width:3px;height:3px; position:absolute; left:0; top:6px; display:block; content:"";background: #777; box-sizing:Border-box; border-radius:0;}
.coupon-wrap.list .ex li a{color:#111; text-decoration:underline}



/* ======================================================
   .layer-coupon
=========================================================*/
.layer-coupon{position:fixed; left:50%; top:50%;display:none; width:430px;background:#fff; box-sizing:border-box; padding:40px;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.layer-coupon.active{left:50%}
.layer-coupon .is-top{}
.layer-coupon .is-top .close{position:absolute;right:0; top:-50px; width:40px;height:40px;display:flex;align-items: center; justify-content: center;}
.layer-coupon .is-top .close img{width:27px}
.layer-coupon .is-con{text-align:center;}
.layer-coupon .is-con .txt{}
.layer-coupon .is-con .txt p{font-size:18px ; font-weight:500; color:#001111; letter-spacing:-0.035em; line-height:1.3em;}
.layer-coupon .is-con .btns{text-align:center; margin-top:25px;}
.layer-coupon .is-con .btns a{display:inline-block;vertical-align:top; width:120px;line-height:45px; font-size:15px; color:#fff; letter-spacing:-0.03em; background:#333;}

/* 결제정보 버튼스타일 */
.lineDark21.mTop-1 .tbList tr.saleActive {display: none;}
.lineDark21.mTop-1 .tbList tr.saleActive td {padding-right: 120px; text-align: right;}