@charset "utf-8";

a.none::after {display: none !important;}
.tac{text-align: center;}
.contents{padding-bottom: 15px;}
.mt0{margin-top:0px !important;}
.pb0 {padding-bottom:0 !important;}
.c888 {color:#888 !important;}
.bt6 {border-top:6px solid #f5f5f5;}
.plr5 {padding:0 5px; box-sizing: border-box;}
.f5f5f5 {background:#f5f5f5!important;}
.fw300 {font-weight:300 !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
/* ==========================================================================
BTN
========================================================================== */
a.send_btn {margin-top:30px;display: block;height: 50px;background: #a3171b;font-size: 15px;line-height: 50px;text-align: center;color: #fff;margin-left: -20px;margin-right: -20px;}
a.more_btn:before {content: ''; position: absolute; top: 8px; left: 0; width: 1px; height: 29px; background-color: #e7e7e7;}
a.btn_confirm {display:inline-block;width:100%;height:50px;background:#a3171b;font-size:15px;line-height:50px;text-align:center;
	color:#fff;}
a.next_btn {display: block;height: 50px;background: #a3171b;font-size: 15px;line-height: 50px;text-align: center;color: #fff;margin-left: -20px;margin-right: -20px;}
a.revise {display: block;height: 50px;background: #a3171b;font-size: 15px;line-height: 50px;text-align: center;color: #fff;margin-left: -20px;margin-right: -20px;}
a.withdraw_btn {display: block;height: 50px;background: #a3171b;font-size: 15px;line-height: 50px;text-align: center;color: #fff;margin-left: -20px;margin-right: -20px;}
a.all_agree_btn {display:block; margin-top:20px;padding:15px 0 12px;background:url(../images/sub/bg_all_chk_off.png)no-repeat 13px 15px; background-size:auto 14px; border:2px solid #b2b2b2;color:#b2b2b2;font-size: 15px;text-align: center;}
a.all_agree_btn.on {border:2px solid #a3171b;background:url(../images/sub/bg_all_chk_on.png)no-repeat 13px center;background-size:16px; color:#a3171b;}
a.complete {position:absolute;display:block;width:63px;height:19px;top:50%;margin-top:-10px;right:0px;background:url(../images/sub/bg_complete.png)no-repeat; background-size: 63px;}
a.waiting {position:absolute;display:block;width:63px;height:19px;top:50%;margin-top:-10px;right:0px;background:url(../images/sub/bg_waiting.png)no-repeat; background-size: 63px;}

a.present {margin:20px 0;padding:12px 0 9px;display:inline-block;width:140px;background:#a3171b;font-size:15px;text-align:center;color: #fff;border-radius:20px;}
a.btn_inquiry_confirm {display:block;width:150px;padding:12px 0 9px;margin:50px auto 80px;background:#a3171b;text-align:center;font-size:15px;color:#fff;border-radius:20px;}
a.btn_go_main {display:block;width:150px;padding:12px 0 9px;margin:30px auto 80px;background:#a3171b;text-align:center;font-size:15px;color:#fff;border-radius:20px;}
a.login_btn {margin:60px auto 0;display:block;width:140px;background:#a3171b;font-size:15px;text-align:center;color:#fff;border-radius:20px;line-height:1;padding:15px 0 12px;}
a.btn_nocts {margin:50px auto 0;display:block;width:150px;background:#a3171b;font-size:15px;text-align:center;color:#fff;border-radius:20px;line-height:1;padding:15px 0 12px;}

/* ==========================================================================
my_coupon01
========================================================================== */
/*coupon_info_box */
.coupon_fix {position: fixed;top:0;left:0;width:100%;overflow-y:scroll;max-height:100%;}

.coupon_info_box {padding-top:20px;}
.coupon_info_box.coupon_list {padding-top:0;margin-bottom:20px;}
.coupon_list .coupon_info_wrap > a::after {display:none;}
.coupon_list .status {display:flex;align-items: center;justify-content: center;position:absolute; right:0; top:0; bottom:0; width:33px; text-align:center; line-height:100px;border:none;padding:0;line-height:1.5em; font-size:12px; color:#a97c50; font-weight:300;}
.coupon_list .status span::before {
	content: '';
	display: block;
	width: 15.5px;
	height: 6.5px;
	margin: 2px auto;
	background: url(../images/sub/coupon_arr.png) no-repeat;
	background-size: 100%;
}

.coupon_info_wrap {position: relative; height: 110px; padding: 4px;margin-top: 15px;box-sizing: border-box; background-color:#fff; border: 1px solid #e5e5e6;}
.coupon_info_wrap:first-of-type {margin-top:0 !important;}
.coupon_info_wrap:before {display:inline-block; content:''; position:absolute; right:34px; top:-1px; z-index:1; width:8px; height:11px; background:url("../images/main/cp_arr1.png") no-repeat center center; background-size:8px auto;}
.coupon_info_wrap:after {display:inline-block; content:''; position:absolute; right:34px; bottom:-1px; z-index:1; width:8px; height:11px; background:url("../images/main/cp_arr2.png") no-repeat center center; background-size:8px auto;}
.coupon_info_wrap a {display:block;}
.coupon_info_wrap .cts {position: relative; height:100px;}
.coupon_info_wrap .img {position:absolute; left:-5px; top:-5px; bottom:-5px; width:110px; height:110px; overflow:hidden; }
.coupon_info_wrap .img img {display:block; width:100%;}
.coupon_info_wrap .btn_cancel {font-size:10px;color:#fff;background-color:#888888;width:55px;height:16px;padding:1px 0 2px;border-radius:15px;border:1px solid #888888;margin-bottom:1px;}

.coupon_info .tb_div {height:100%;}
.coupon_info .tit2 {font-size:15px; line-height:1.5em; color:#888888;}
.coupon_info .date {width:100%;margin-top:4px;font-size:12px; line-height:1.2; color:#a97c50; font-weight:300;display:inline-block;margin-right:5px;}
.coupon_info .date.complete{margin-top:0;color:#a3171b}
.coupon_guide {font-size:13px;color:#3b3b3c;line-height:1;height:50px;line-height:50px;font-weight:300;}
.coupon_info_wrap>a::after {display: inline-block;position: absolute;content: '';width: 15px;height: 6px;top: 50%;margin-top: -3px;right: 13px;background:url(../images/main/bg_arr_next.png)no-repeat;background-size:15px;}
.coupon_info {display:flex;flex-direction:column;justify-content: space-around;position: relative;padding:6px 34px 6px 115px;height: 100%;box-sizing:border-box;border: 1px solid #cca880;letter-spacing:-0.5px;font-size:12px;}
.bg_arr01 {position: absolute; top: -1px; right: 41px;width: 6px;height: 4px;background:#fff url(../images/main/bg_arr02.png)no-repeat; background-size:7px;}
.bg_arr02 {position: absolute; top: -0.5px; right: 29px;width: 9px;height: 8px;background:#fff url(../images/main/bg_arr01.png)no-repeat; background-size:9px;}
.coupon_info::after {position: absolute;content: '';top: 0; bottom:0; right: 32.5px; width: 1px;background:url(../images/main/bg_dot.png) repeat-y;background-size:1px;}
.coupon_info p.tit {min-height:30px; overflow:hidden; text-overflow:ellipsis; line-height: 1.3;color: #231f20;font-weight: 700;text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical}
.coupon_info p.tit span {position: relative;bottom: 1px;display: inline-block;margin-right: 5px;width: 30px;height: 15px;border: 1px solid #a97c50;box-sizing:border-box;text-align: center;color: #a97c50;border-radius:20px;font-size: 10px;line-height: 15px;font-weight: 500;}
.coupon_info p.txt {margin-top:3px; overflow:hidden; color: #3b3b3c; font-weight:300; line-height: 1;}
.coupon_info p.day {margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; line-height: 1.5em; font-weight:300; color: #a3171b;}
.coupon_info p.d-day {font-size:15px;font-weight: 700; color: #c50000;line-height: 1.5}
.coupon_info p.d-day .btn_cancel{margin-left:4px;}
.coupon_info .label_type{display: inline-block;
	width: 39px;
	margin-left: 8px;
	background-color: #231f20;
	text-align: center;
	font-size: 8px;
	color: #fff;
	line-height: 13px;
	vertical-align: 2px;font-weight: 300;}
.coupon_info .barcode{position:absolute;top:38px;right:-18px;transform:rotate(90deg);width:66px;height:22px}
.register {position: relative; height:50px; border:1px solid #a97c50; box-sizing:border-box; margin-bottom: 20px; background-color:#fff;}
.register .user_area {position:absolute; left:0; right:40px; top:0; bottom:0; }

.register a.more_btn {position: absolute; top: 1px; right: 1px; bottom:1px; width: 40px; height: 45px; text-indent:-9999px; background:#fff url("../images/main/bg_more_btn.png") no-repeat center center; background-size:17px auto;}

.barcode-box{height:143px;margin-top:20px;padding-top:15px;background:#fff;border:1px solid #e5e5e6;text-align:center;box-sizing:border-box}
.barcode-box .img{overflow:hidden;max-height:65px;max-width:221px;margin:0 auto}
.barcode-box .img img{height:100%}
.barcode-box .num{margin-top:10px;font-size:13px;color:#3b3b3c;font-weight:500}
.barcode-box .info{margin-top:6px;font-size:11px;color:#3b3b3c;font-weight:300}

/* ==========================================================================
my_coupon01.detail
========================================================================== */
.coupon_together_wrap {margin-left: -20px;margin-right: -20px;background: #fff;padding-left: 20px;padding-right: 20px;box-sizing:border-box;}
.direction {padding-top:25px;}
.direction_info {padding-bottom:0;}
.direction h4,.coupon_together h4 {margin-bottom: 10px;font-size: 17px;line-height: 1;color: #231f20;}
.guide_list li {margin-top:5px;}
.guide_list li:first-child {margin-top:0;}

.guide_list .tit {display:inline-block; font-size:13px; line-height:1.5em; color:#231f20;}
.guide_list .tit.block {display:block;}
.guide_list .txt {font-size:12px; line-height:1.5em; font-weight:300;word-break: break-all;}
.num_list {padding-left:10px;}
.num_list li {margin-top:2px; text-indent:-13px; padding-left:13px;}

.btn_register {padding-bottom:20px;}
.btn_register a {display:block;padding:19px 0 16px;text-align:center;background:#a3171b;color:#ffffff;font-size:15px;line-height:1;}

.coupon_together {padding:20px 0 25px;}
.dot_list li {font-size: 12px; line-height:1.5em; font-weight:300; color: #231f20;}
.group01 {position: relative; margin-top: 30px; padding-bottom:15px; border: 1px solid #a97c50;text-align: center;}
.group01 h5 {margin-top:-10px; text-align:Center;}
.group01 h5 span {display:inline-block; padding:0 10px; background-color:#fff; font-size:15px; line-height:1.5em;}
.group01 .img {width:110px;height:110px;overflow:hidden;margin:15px auto 0;}
.group01 .tit {overflow:hidden;display:block;width:110px;margin:10px auto 0;line-height:17px;font-size:13px;color:#231f20;word-break:break-all;}
.group02 {position: relative; margin-top: 35px; padding: 20px 5px;border: 1px solid #a97c50;}
.group02 h5 {margin-top:-30px; text-align:center;}
.group02 h5 span {display:inline-block; padding:0 10px; background-color:#fff; font-size:15px; line-height:1.5em;}
.group02 ul {margin-top:15px;overflow:hidden;}
.group02 ul li {position:relative;float:left;width:50%;padding-left:0 !important;margin-top:10px;}
.group02 ul li:nth-child(2n):after {position:absolute;content: '';left:-6px;top:53px;width:12px;height:7px;background:url('../images/main/bg_or.png')no-repeat;background-size:12px;}
.group02 ul li:nth-child(-n+2) {margin-top:0;}

.group02 .tit {overflow:hidden;display:block;width:110px;margin:10px auto 0;line-height:17px;font-size:13px;color:#231f20;word-break:break-all;}
.group02 .img {width:110px;height:110px;margin:0 auto;background:url(../images/main/bg_product01.png)no-repeat;background-size:110px;}

/* ==========================================================================
my_coupon01.detail02
========================================================================== */
.message {margin-top: 25px;}
.message h4 {font-size: 17px;line-height: 1;}
.message_box {margin-top:10px;padding:17px 20px 14px;background:#fff;border-radius:10px;}
.message p {font-size: 15px;text-align: center;color: #a97c50;}

/* ==========================================================================
my_coupon01.gift
========================================================================== */
.gift_area {background:#f5f5f5;}
.box_gift, .box_gift2, .box_gift3 {padding-bottom:66px;}

.gift_area .tab_area {margin-top:35px;}
.gift_area .tab_area .tit {color:#231f20;}

/* 2019-06-03(s) */
.gift_area p.noti{padding:10px 0;margin-top:15px;background:#eaeaea;font-size:12px;font-weight:600;color:#a3171b;text-align:center;}
/* 2019-06-03(e) */

.send_list {overflow:hidden;margin-top:10px;}
.send_list li {float:left; width:33.3333%;}
.send_list li .ic {display:block;margin:0 auto;width:84px;height:84px;}
.send_list .li1 .ic {background:url('../images/sub/coupon_gift.png') no-repeat top center;background-size:100%;}
.send_list .li2 .ic {background:url('../images/sub/coupon_gift2.png') no-repeat top center;background-size:100%;}
.send_list .li3 .ic {background:url('../images/sub/coupon_gift3.png') no-repeat top center;background-size:100%;}

.send_list li.on .ic {box-shadow:inset 0 0 0 2px #a3171b;border-radius:10px;}
.send_list a {position:Relative; display:block;text-align:center; font-size:12px;}
.send_list .tit {margin-top:10px;}


@media all and (max-width:340px) {
	.send_list a {font-size:11px;}
}

.tab_box_area {height:100%;}
.tab_box_area .btn_guide_area {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	margin: 0 20px 5px;
}
.tab_box_area .btn_guide_area .btn_guide {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	padding-top: 20px;
	font-size: 13px;
	color: #ffffff;
}

.tab_box_area .btn_guide_area .btn_guide:after {
	display: inline-block;
	content: '';
	width: 25px;
	height: 25px;
	background: url('../images/sub/bg_guide.png') no-repeat center 2px;
	background-size: 100%;
	vertical-align: top;
	margin-top: -2px;
}
.tab_box_area .btn_guide_area .btn_coupon {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	padding:0 15px;
	background-color: #a97c50;
	border-radius: 20px;
	font-size: 13px;
	color: #ffffff;
}

.tab_box{display:none}
.tab_box.on {display:block;}

.send_tab {margin-top:30px;}
.send_tab .send {width: 100%;overflow: hidden;}
.send_tab .send li {display: table;float: left;width: 33.3%;height: 49px;border: 1px solid #a3171b;box-sizing:border-box;}
.send_tab .send li:nth-child(2) {border-left: 0 !important;}
.send_tab .send li:last-of-type {border-left: 0 !important;width: 33.4%;}
.send_tab .send li a {display: table-cell;vertical-align: middle; display:inline-block;width: 100%;font-size: 15px;text-align: center;color: #a3171b;background:#fff;}
.send_tab .send li a.on {background: #a3171b;color: #fff;}
.send_tab .send_info {margin-top: 32px;}
.send_tab .send_info .tit {color:#231f20;}
.send_tab .send_info .user {margin-top:5px;}
.send_tab .send_num {position:Relative; padding-right:55px; height:41px;}
.send_tab .send_num .btn {position:Absolute; right:0; top:0;}
.send_tab .send_num .btn a {display:inline-block; width:50px; padding:17px 0 13px; text-align:center; color:#fff; background-color:#231f20; font-size:15px; font-weight:300;}

.send_tab .send_info textarea {padding:15px; width:100%; box-sizing:border-box; min-height:100px; font-size:15px;}
.send_tab .send_info .txt {padding:10px 15px; background-color:#fff; font-weight:300; color:#231f20;}
.send_tab .notice {margin-top: 18px;}
.send_tab .notice li {padding-left:10px;margin-bottom:10px;background:url(../images/main/bg_dot02.png)no-repeat 3px 7px;background-size:6px;font-size:12px;color:#3b3b3c;line-height:20px;}
.send_tab .notice li:last-child {margin-bottom:0;}

/* qna01 */
.writer_box {padding:20px 0;}
.writer_box dl {margin-bottom:28px;}
.writer_box dl dt {font-size:13px;line-height:1;}
.writer_box dl.info dt{margin-bottom:14px;color:#231f20;}
.writer_box dl.info dd {position:relative;font-size:17px;line-height:1;}
.writer_box dl.info dd span {position:relative;margin-left:38px;}
.writer_box dl.info dd span::before {display:inline-block;position:absolute;content:'';top:1px; left:-20px;width:1px;height:16px;background:#888;}
.writer_box dl.email dt {margin-bottom:10px;}
.writer_box dl.cont {margin-bottom:20px !important;}
.writer_box dl.cont dt {margin-bottom:10px;}

.writer_box input[class="email"], .writer_box input[type="text"] {margin-bottom:10px;width:100%;}
.writer_box input[id="terms"] {display:none;}
.writer_box input[id="terms"]:checked + label {background:url(../images/sub/bg_chk01_on.png)no-repeat 0 center;background-size:20px;}
.writer_box .email label {padding-left:27px;padding-top:3px;background:url(../images/sub/bg_chk01_off.png)no-repeat 0 center; background-size:20px;font-size:15px;font-weight:300;}
.writer_box select {margin-bottom:10px;width:100%;color:#231f20; background:#f3f3f3 url(../images/sub/bg_arr_down02.png)no-repeat right center; background-size:9px;border-right: 10px solid transparent;}
.writer_box select option {color:#888888;font-weight:300;}

.writer_box textarea {width:100%;height:113px;background:#f3f3f3;padding:12px 15px;box-sizing:border-box;resize:none;font-size:15px; line-height:1.5em;}
.answer_box textarea {width:100%;height:110px; resize:none; outline:0; color:#231f20; line-height:1.5em; background:#f3f3f3;}

.file_attach {margin-bottom:50px;}
.file_attach li {position:relative; padding-right:75px; font-weight:300; color:#231f20; line-height: 24px;}
.file_attach li span {color:#231f20; margin-right:20px;}
.pic_file {position:absolute; right:0; top:0; width:70px; height:22px;}
.pic_file input[type="file"] {width:100%;  opacity:0; filter:alpha(opacity=0); -ms-filter:alpha("opacity=0");}
.pic_file input[type="file"] + label, .pic_file .btn_pic_attach { position:Absolute; left:0; right:0; top:0; bottom:0; cursor:pointer;  text-align:center; font-weight:300; color:#fff; border:1px solid #a3171b;background:#a3171b; border-radius:15px;line-height:1;padding:4px 0;}

/* qna01_result */
.bg_reset {position:relative;width:100%;height:223px;background:#231f20;}
.bg_reset::after {position:absolute;top:70px;left:50%;margin-left:-93px;content:'';width:186px;height:191px;display:inline-block;background:url(../images/main/bg_inquiry.png);background-size:auto 191px}
.bg_reset02 {position:relative;width:100%;height:223px;background:#231f20;}
.bg_reset02::after {position:absolute;top:97px;left:50%;margin-left:-108.5px;content:'';width:217px;height:163px;display:inline-block;background:url(../images/main/bg_reset02.png);background-size:auto 163px}
.receipt_box {position:relative;padding-top:94px;text-align:center;}
.receipt_box>p.tit {margin-bottom:13px;font-size:20px;line-height:1.3em;color:#231f20;font-weight:300;}
.receipt_box>p.txt {font-size:15px;line-height:1;color:#231f20;font-weight: 300;}
.complete_box {position:relative;padding-top:94px;text-align:center;}
.complete_box>p.tit {margin-bottom:13px;font-size:20px;line-height:24px;color:#231f20;font-weight:300;}
.complete_box>p.txt {font-size:15px;line-height:1;color:#231f20;font-weight: 300;}
.inquiry span.date {font-size:13px;font-weight:300;}

/* error */
.bg_error {position:relative;width:100%;height:222px;background:#231f20;}
.bg_error:after {position:absolute;top:78px;left:-20px;right:0;margin-left:auto;margin-right:auto;content:'';width:222px;height:220px;background:url('../images/main/bg_error.png');background-size:100%;}
.error_box {padding-top:70px;}
.error_box>p.tit {margin-bottom:30px;}
.error_box .dsc {margin-top:10px;}
.error_box .dsc li {font-size:13px;color:#231f20;font-weight:300;}
.error_box .dsc li:first-child {margin-top:0;}

/* construction */
/* upadate_box */

/* qna02 details */
.inquiry {margin-bottom:20px;background:#ffffff;}
.inquiry a {display:block; position:Relative; padding:15px 20px; border-bottom:1px solid #f5f5f5;}
.inquiry .table {display:table;width:100%;}
.inquiry .lft {display:table-cell;vertical-align:middle;}
.inquiry .rgt {display:table-cell;vertical-align:middle;width:80px;text-align:center;padding-left:8px;}

.inquiry .lft .tit {overflow:hidden;max-height:66px;font-size:15px;line-height:1.5em;color:#231f20;word-break:break-all;}
.inquiry .lft .date {margin-top:5px;font-weight:300;color:#231f20;}
.inquiry .rgt .status {display:inline-block;}

.qna_detail .list {padding:0 20px;}
.qna_detail .list ul {margin-bottom:18px;}
.qna_detail .list li {overflow:hidden;display:table;width:100%;padding:18px 0 16px;font-size:15px;color:#231f20;font-weight:300;border-bottom:1px solid #f5f5f5;}
.qna_detail .list li:last-child {border-bottom:none;}
.qna_detail .list li:last-child dl>dt {vertical-align:top;padding-top:2px;}
.qna_detail .list li>dl {display:table-row;}
.qna_detail .list li>dl>dt {display:table-cell;vertical-align:middle;width:100px;font-size:13px;line-height:19px;margin-right:13px;font-weight:400;}
.qna_detail .list li>dl>dd {display:table-cell;vertical-align:middle;line-height:1.4em;}
.qna_detail .list li p {width:100%;font-size:15px;word-break:break-all;}

.qna_detail .status {display:inline-block;}

.qna_detail .list.answer {margin-top:5px;}
.qna_detail .list.answer:first-child {margin-top:0;}

.qna_detail .list.answer {background:#f3f3f3;}
.qna_detail .list.answer li {border-bottom:1px solid #dfdfdf;}
.qna_detail .list.answer li.complete {padding:17px 0 13px;}
.qna_detail .list.answer li:last-child {border-bottom:none;}
.qna_detail .list.answer li:nth-child(2)>dl {float:left;width:50%;}
.qna_detail .list.answer li>dl>dt {width:50px;}
.qna_detail .list.answer li p {font-size:13px;}

.qna_detail .list.qna {margin-top:20px;}
.qna_detail .list.qna li:first-child {border-top:1px solid #f5f5f5;}

/* person_info */
.person_info select {background:#f3f3f3 url(../images/main/sel_arr1.png)no-repeat right center; background-size:20px auto;padding:13px 20px 10px 15px;color:#231f20;font-size:15px;}
.person_info select option {color:#888888;font-weight:300;}

.person_info .num_wrap {position:relative;display:table;width:100%;height:40px;}
.person_info select[class="num_first"] {display:table-cell;vertical-align:middle;table-layout: fixed;width:78px;margin-right:5px;padding:13px 0 10px 15px;}
.person_info .num_second_box {display:table-cell;vertical-align:middle;table-layout:fixed;width:100%;}

/*이메일*/
.person_info .email_wrap{display:flex;align-items:center}
.person_info .email_wrap .dot{padding:0 10px}
.person_info .email_wrap select,
.person_info .email_wrap input{width:50%;}

.person_info select[class="email"] {margin-top:10px; width:100%; height:40px; padding-left:9%;}
.person_info select[class="year"] {width:36%;}
.person_info select[class="month"], .person_info select[class="day"] {width:30%; margin-left:2%;}
.person_info select[class="marry_day"],.person_info select[class="marry_year"] {width:48%;margin-left:2%;}
.person_info select[class="marry_year"] {margin-left:0 !important;}
.addition_info input[type="radio"] {display:none;}
.addition_info input[type="radio"] + label {float:left;width:50%;height:40px;line-height:43px;padding-left:32px;box-sizing:border-box;background:url(../images/sub/bg_radio_chk_off.png)no-repeat 0 center;background-size:22px;font-size:15px;}
.addition_info input[type="radio"]:checked + label {background:url(../images/sub/bg_radio_chk_on.png)no-repeat 0 center;background-size:22px;}
.duty_info {padding:27px 0 39px;}
.person_info {font-size:13px;}
.person_info dl {overflow:hidden;margin-bottom:5px;}
.person_info dl:first-child {margin-bottom:10px;}
.person_info dl:last-of-type {/*margin:0 !important;*/}
.person_info dt.tit {display:block; width:100%; padding-bottom:10px;border-bottom:1px solid #f5f5f5;font-size:15px;line-height: 1.5em;font-weight:600;} /*2018-07-02*/
.person_info dt {float:left;line-height:41px;}
.person_info dd {padding-left:100px;line-height:40px;font-weight:300;font-size:15px;}
.person_info dl:last-of-type dd {font-size:0;}

.person_info {margin-bottom:40px;}
.person_info p.confirm {overflow:hidden;padding:10px 0 15px;font-size:15px;font-weight:300;color:#3b3b3c;line-height:1.5em;word-break:keep-all;}
.person_info p.confirm a {display:inline-block;float:right;width:69px;line-height:1;padding:4px 0 3px;text-align:center;border:1px solid #a3171b;color:#fff;background:#a3171b;text-align:center;border-radius: 15px;font-size:13px;}
.addition_info p.confirm {margin-top:10px;padding-top:0px;padding-left:10px;padding-bottom:0 !important;font-size:12px;color:#231f20;font-weight:300;background:url(../images/sub/bg_dot.png)no-repeat 2px 7px;background-size:3px;}
.addition_info {overflow:hidden;position:relative;/*padding-bottom:50px;*/}
a.withdraw {display:block;float:right;font-size:15px;font-weight:500;line-height:1;color:#231f20;width:58px;}
a.withdraw:after {display:block;content:'';border-bottom:1px solid #000000;}

.addition_info .tit_area {overflow:hidden;margin:25px 0 10px;}
.addition_info .tit {float:left;width:50%;}
.addition_info .agree_box_wrap {margin-top:0;padding-bottom:10px;}
.addition_info .term_txt {margin-left:0;margin-right:0;background:#f3f3f3;padding:15px 20px 15px 15px;word-break:break-all;}
.addition_info .term_txt p {padding-left:10px;text-indent:-8px;font-size:13px;color:#231f20;font-weight:300;line-height:20px;}

.addition_info dl:first-of-type + .agree_box_wrap .tit_area{margin-top:0;}


.cont_cert .person_info p.confirm.v2{position:relative;padding:0 0 0 8px;margin: 10px 0 15px 5px;}
.cont_cert .person_info p.confirm.v2:before{content:'';position:absolute;top:9px;left:0;width:2px;height:2px;background:#888;border-radius:50%}
.cont_cert .person_info p.confirm.confirm-error{color:#a3171b}
.cont_cert .person_info p.confirm.v2.confirm-error:before{background:#a3171b}


	/* welcome_member */
.welcome_member {margin-top:45px; padding-top:270px; background:url(../images/sub/bg_welcome.png) no-repeat center top; background-size:auto 229px; text-align:center; color:#231f20; font-weight:300;}
.welcome_member p.tit {font-size:20px; line-height:1.25em;}
.welcome_member p.txt {margin-top:7px;font-size:15px; line-height:1.5em;}

/* event_box */
.event_list a.more_btn {width:100%;height:45px;display:block;background:#888;font-size:15px;line-height:45px;text-align:center;color:#fff;}

.coupon_info_box_wrap a.download_btn {position:relative;width:100%;display:block;background:#888;font-size:15px;padding:14px 0 12px;text-align:center;color:#fff;}
.coupon_info_box_wrap a.download_btn.on {background:#a2171b;color:#fff;}
.coupon_info_box_wrap a.download_btn::after {display: inline-block; content: '';position:relative;top:2px; margin-left: 6px; width: 16px; height: 15px; background: url(../images/sub/bg_download.png) no-repeat center center; background-size: auto 15px;}

a.event_join_btn {display:block;background:#a3171b;font-size:15px;padding:14px 0 12px;margin:20px 0;text-align:center;color:#fff;}
.event_list p.tit {font-size:15px;line-height:21px;word-break: keep-all;}
.event_list span.date {display:block;margin-top:8px;font-size:13px;line-height:1;color:#3b3b3c;font-weight:300;}
.event_list a.more_btn span {display:inline-block;padding-right:17px;}
.event_list {}
.event_list li {margin-bottom:20px;}

.event_list li>a {display:block;}
.event_list li>a>div>img {display:block;width:100%;}
.event_list li>a>div>.info {padding:20px;background:#fff;}

/* evene_detail */
.event_box{padding:0;}
.event_box .txt_box {padding-top:25px;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #e5e5e6;}
.event_box .txt_box p.tit {font-size:15px;line-height:21px;word-break: keep-all;}
.event_box .txt_box  span.date {display:block;margin-top:8px;font-size:13px;line-height:1;color:#3b3b3c;font-weight:300;}
.event_box .img {margin-bottom:0}
.event_box .img a {display:block;}
.event_box .img img {width:100%;display:block;}



.guide_list {margin:20px 0;font-size:12px;}

.btn_mad {padding:20px;}
.btn_mad a {display:block; color:#ffffff; font-size:15px;padding:19px 0 16px;line-height:1;text-align:center; background-color:#a3171b;}

.event-btn-box{margin-bottom:15px;}
.event-btn-box a{display:block;width:100%; height:47px; line-height:47px; text-align:center; background-color:#a3171b;color:#fff;}

/* event_detail02 */
.coupon_info_box_wrap {margin-left:-20px;margin-right:-20px;background:#f5f5f5;padding:25px 20px;}
.coupon_info_box_wrap input {display:none;}
.coupon_info_box_wrap label{position: Absolute;left:50%;margin-left:-9px;top: 8px;bottom: 0;width: 18px;height:18px;background:url(../images/sub/bg_chk_btn_off.png)no-repeat;background-size:18px;}
.coupon_info_box_wrap input:checked + label {background:url(../images/sub/bg_chk_btn_on.png)no-repeat;background-size:18px;}

/* event_detail04 */
p.gratitude {font-size:13px;line-height:20px;font-weight:300;}
p.gratitude span {font-weight:400;}

/* event_menu */
.event_menu {overflow:hidden;width:100%;border-bottom:1px solid #e5e5e6;}
.event_menu li {display:table;float:left;width:33.3%;}
.event_menu li:last-of-type {width:33.4%;}
.event_menu li a {display:table-cell;vertical-align: middle;height:50px;font-size:17px;line-height:18px;text-align:center}
.event_menu li a span{position:relative;display:inline-block;padding:0 10%;}
.event_menu li.on a span::after {position:absolute;content:'';display:inline-block;left:0;bottom:-7px;width:100%;height:1px;color:#b08761; border-bottom:3px solid #b08761;box-sizing:border-box;}

/* .find_wrap */
.find_wrap .detail {margin-top:12px;}
.find_wrap .detail li {padding-left:10px;font-size:13px;line-height:20px;font-weight:300;color:#3b3b3c;background: url(../images/sub/bg_dot.png)no-repeat 2px 7px;background-size: 3px;}

p.annex {font-size:13px;line-height:24px;}

/* menber_info_box */
.menber_info_box .info_visual {position:relative;width:100%;padding-bottom:74.6%; height:0; background:url(../images/sub/bg_membership_main.png)no-repeat;background-position: center center; background-size:cover; overflow:hidden;}
.menber_info_box ul {background:#231f20;}
.menber_info_box ul li { height:65px; background-size: auto 65px !important;border-bottom:1px solid #464344;}
.menber_info_box ul li:last-child {border-bottom:none;}
.menber_info_box ul li.ic1 {background:url("../images/sub/bg_intro_list01.png") no-repeat 0 0;}
.menber_info_box ul li.ic2 {background:url("../images/sub/bg_intro_list02.png") no-repeat 0 0;}
.menber_info_box ul li.ic3 {background:url("../images/sub/bg_intro_list03.png") no-repeat 0 0;}
.menber_info_box ul li.ic4 {background:url("../images/sub/bg_intro_list04.png") no-repeat 0 0;}
.menber_info_box ul li.ic5 {background:url("../images/sub/bg_intro_list05.png") no-repeat 0 0;}
.menber_info_box ul li.ic6 {background:url("../images/sub/bg_intro_list06.png") no-repeat 0 0;}
.menber_info_box ul li.ic7 {background:url("../images/sub/bg_intro_list07.png") no-repeat 0 0;}
.menber_info_box ul li a {padding:24px 20px 21px 72px;display:block; font-size:17px;font-weight:300;color:#fff;box-sizing:border-box; background:url("../images/sub/bg_intro_arr.png") no-repeat right center; background-size:auto 21px;}

.menber_info_box .tit_wrap {display:block;margin:0 auto;width:240px;height:88px;background:url('../images/sub/bg_tit_wrap.png') no-repeat top center;background-size:100%;}
.menber_info_box .info_visual p.txt {margin-top:24px;font-size:15px;line-height:1.6em;color:#fff;font-weight:300;text-align:center;}
.menber_info_box .info_visual .cnt {position:absolute;top:50%;margin-top:-58px; left:0; right:0; height:176px; }

@media all and (max-width:374px) {
	.menber_info_box .info_visual {padding-bottom:84.6%;}
}


/* ==========================================================================
MY REWARDS_ina
========================================================================== */
.body_rewards {background:#2d2a2b;}
.body_rewards #wrap {background:#2d2a2b;}
.body_rewards .wrap_wine {height:100%;}
.body_rewards .sub_wrap {background:#2d2a2b;}

.rewards_list {display:flex;overflow:hidden;background:#231f20;}
.rewards_list li {width:100%;text-align:center;}
.rewards_list a {position:relative;display:block}
.rewards_list a p{display:inline-block;padding:17px 0 14px;font-size:15px;color:#7e7d7d}
.rewards_list li.on a p{color:#a97c50;border-bottom:2px solid #a97c50}

/* 매드리워즈 */
.mad_box {}
.mad_info_area {background:#282425;padding:17px 0 20px;}
.mad_info {overflow:hidden;position:relative;background:#282425;}
.mad_info li {float:left;width:40%;margin:0 5%;}
.mad_info li>dl>dt {font-size:13px;color:#ffffff;}
.mad_info li>dl>dt a {display:block;width:85px;font-size:13px;color:#ffffff;}
.mad_info li>dl>dd {font-size:17px;color:#ffffff;}
.mad_info li>dl>dd>.num {margin-right:1px;display:inline-block;font-weight:400;color:#c49a6c;line-height:1;}
.mad_info .info_lft {}
.mad_info .info_lft:after {display:block;content:'';position:absolute;top:0;left:0;border-right:1px solid #ffffff;opacity:0.1;width:50%;height:100%;}
.mad_info .info_lft>dl>dd {padding:15px 0;text-align:right;}

.mad_info .info_rgt {}
.mad_info .info_rgt>dl>dt a:after {display:inline-block;content:'';width:25px;height:25px;background:url('../images/sub/bg_guide.png') no-repeat top center;background-size:100%;vertical-align:top;margin-top:-2px;margin-left:1px;}
.mad_info .info_rgt>dl>dd {text-align:center;font-size:15px;}
.mad_info .info_rgt>dl>dd.before .dsc {padding:26px 0 25px;}
.mad_info .info_rgt>dl>dd.before .dsc .tit {font-weight:300;color:#888888;}
.mad_info .info_rgt>dl>dd.after .dsc {padding:26px 0 25px;}
.mad_info .info_rgt>dl>dd.after .dsc .tit {font-weight:400;color:#c49a6c;}
.mad_info .info_rgt>dl>dd.after_etc .dsc {padding:18px 0 19px;}
.mad_info .info_rgt>dl>dd.after_etc .dsc .tit {font-weight:400;color:#c49a6c;}
.mad_info .info_rgt>dl>dd.after_etc .dsc .etc {font-weight:400;color:#888888;font-size:13px;line-height:1;margin-top:1px;}

.mad_info .info_rgt>dl>dd .btn_mad {display:block;width:90%;margin:0 auto;padding:8px 0 5px;font-size:15px;color:#ffffff;background:#a97c50;border-radius:30px;}

.mad_table_area {}
.mad_table {display:table;width:100%;}
.mad_table .row {display:table-row;background:#2d2a2b;}
.mad_table .row:nth-child(1) {}
.mad_table .row:nth-child(1)>div {padding-top:16px;}
.mad_table .row:nth-child(2) {}
.mad_table .row:nth-child(3) {}
.mad_table .row:nth-child(4) {border-bottom:none;}
.mad_table .row:nth-child(4)>div {border-bottom:none;}

.mad_table .row>div {position:relative;display:table-cell;vertical-align:middle;border-bottom:1px solid #424041;padding:8px 0;}
.mad_table .row>div .img {position:relative;margin:0 auto;}

.mad_table .row .col_1 {width:20%;padding-left:10px;}
.mad_table .row .col_2 {width:20%;}
.mad_table .row .col_3 {width:30%;}
.mad_table .row .col_4 {width:30%;padding-right:10px;}

.mad_table .row:nth-child(1) .col_1 {padding-left:20px;}
.mad_table .row:nth-child(1) .col_1 .img {width:68px;height:55px;background:url('../images/sub/bg_mad_start.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(1) .col_2 .img {width:58px;height:59px;background:url('../images/sub/bg_mad_count.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(1) .col_3 .img {}
.mad_table .row:nth-child(1) .col_4 .img {width:84px;height:74px;background:url('../images/sub/bg_mad_rew20.png') no-repeat top center;background-size:100%;}

.mad_table .row:nth-child(2) .col_1 .img {width:58px;height:59px;background:url('../images/sub/bg_mad_count2.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(2) .col_2 .img {width:58px;height:59px;background:url('../images/sub/bg_mad_count3.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(2) .col_3 .img {width:58px;height:59px;background:url('../images/sub/bg_mad_price10.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(2) .col_4 .img {width:84px;height:74px;background:url('../images/sub/bg_mad_rew40.png') no-repeat top center;background-size:100%;}

.mad_table .row:nth-child(3) .col_1 .img {width:58px;height:59px;background:url('../images/sub/bg_mad_count4.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(3) .col_2 .img {width:58px;height:59px;background:url('../images/sub/bg_mad_count5.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(3) .col_3 .img {width:58px;height:59px;background:url('../images/sub/bg_mad_price20.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(3) .col_4 .img {width:84px;height:74px;background:url('../images/sub/bg_mad_rew2.png') no-repeat top center;background-size:100%;}

.mad_table .row:nth-child(4) .col_1 .img {width:58px;height:59px;background:url('../images/sub/bg_mad_count6.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(4) .col_2 .img {width:58px;height:59px;background:url('../images/sub/bg_mad_count7.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(4) .col_3 .img {width:58px;height:59px;background:url('../images/sub/bg_mad_price40.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(4) .col_4 .img {width:84px;height:74px;background:url('../images/sub/bg_mad_rew4.png') no-repeat top center;background-size:100%;}

.mad_table .row:nth-child(2) .col_2:after, .mad_table .row:nth-child(3) .col_2:after, .mad_table .row:nth-child(4) .col_2:after {display:inline-block;content:'';position:absolute;top:39px;right:-15px;width:10px;height:11px;background:url('../images/sub/bg_mad_plus.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(2) .col_3:after, .mad_table .row:nth-child(3) .col_3:after, .mad_table .row:nth-child(4) .col_3:after {display:inline-block;content:'';position:absolute;top:41px;right:3px;width:9px;height:6px;background:url('../images/sub/bg_mad_eq.png') no-repeat top center;background-size:100%;}

/* ing */
.mad_table .row:nth-child(1) .col_4.ing .img {background:url('../images/sub/mad_rew20_ing.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(2) .col_3.ing .img {background:url('../images/sub/mad_price10_ing.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(2) .col_4.ing .img {background:url('../images/sub/mad_rew40_ing.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(3) .col_3.ing .img {background:url('../images/sub/mad_price20_ing.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(3) .col_4.ing .img {background:url('../images/sub/mad_rew2_ing.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(4) .col_3.ing .img {background:url('../images/sub/mad_price40_ing.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(4) .col_4.ing .img {background:url('../images/sub/mad_rew4_ing.png') no-repeat top center;background-size:100%;}

/* end */
.mad_table .row:nth-child(1) .col_2.end .img {background:url('../images/sub/mad_count_end.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(1) .col_3.end .img {}
.mad_table .row:nth-child(1) .col_4.end .img {background:url('../images/sub/mad_rew20_end.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(1) .col_4.end2 .img {background:url('../images/sub/mad_rew20_end2.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(1) .col_4.end3 .img {background:url('../images/sub/mad_rew20_end3.png') no-repeat top center;background-size:100%;}

.mad_table .row:nth-child(2) .col_1.end .img {background:url('../images/sub/mad_count2_end.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(2) .col_2.end .img {background:url('../images/sub/mad_count3_end.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(2) .col_3.end .img {background:url('../images/sub/mad_price10_end.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(2) .col_4.end .img {background:url('../images/sub/mad_rew40_end.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(2) .col_4.end2 .img {background:url('../images/sub/mad_rew40_end2.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(2) .col_4.end3 .img {background:url('../images/sub/mad_rew40_end3.png') no-repeat top center;background-size:100%;}

.mad_table .row:nth-child(3) .col_1.end .img {background:url('../images/sub/mad_count4_end.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(3) .col_2.end .img {background:url('../images/sub/mad_count5_end.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(3) .col_3.end .img {background:url('../images/sub/mad_price20_end.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(3) .col_4.end .img {background:url('../images/sub/mad_rew2_end.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(3) .col_4.end2 .img {background:url('../images/sub/mad_rew2_end2.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(3) .col_4.end3 .img {background:url('../images/sub/mad_rew2_end3.png') no-repeat top center;background-size:100%;}

.mad_table .row:nth-child(4) .col_1.end .img {background:url('../images/sub/mad_count6_end.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(4) .col_2.end .img {background:url('../images/sub/mad_count7_end.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(4) .col_3.end .img {background:url('../images/sub/mad_price40_end.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(4) .col_4.end .img {background:url('../images/sub/mad_rew4_end.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(4) .col_4.end2 .img {background:url('../images/sub/mad_rew4_end2.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(4) .col_4.end3 .img {background:url('../images/sub/mad_rew4_end3.png') no-repeat top center;background-size:100%;}

/* mad_rew_dsc */
.mad_table .row .mad_balloon {display:block;position:absolute;top:-34px;right:64px;padding:10px 10px 7px;background:#231f20;word-break:keep-all;z-index:1;border-bottom:none;}
.mad_table .row .mad_balloon:after {display:block;content:'';position:absolute;bottom:-11px;right:15px;width:14px;height:11px;background:url('../images/sub/bg_mad_arr.png') no-repeat top center;   background-size: 100%;}

.mad_table .row .mad_balloon_l {min-width:115px;}
.mad_table .row .mad_balloon_m {min-width:80px;}

.mad_table .row .mad_balloon p {color:#ffffff;font-size:13px;font-weight:300;line-height:20px;text-align:center;}
.mad_table .row .mad_balloon p .color_rg {color:#ffffff;}


/* 와인리워즈 */
.wine_scroll {overflow-x:hidden;overflow-y:scroll;}

.wine_box {}
.wine_area {position:relative;min-height:343px;}

.wine_inr {position:absolute;width:100%;height:100%;z-index:100;}
.wine_inr .wine_balloon {position:absolute;top:50px;left:58px;min-width:253px;display:block;padding:10px 15px 7px;background:#231f20;word-break:keep-all;z-index:1;}
.wine_inr .wine_balloon:before {display:block;content:'';position:absolute;top:-8px;left:22px;width:8px;height:8px;background:url('../images/sub/bg_wine_arr.png') no-repeat top center;}
.wine_inr .wine_balloon p {color:#ffffff;font-size:13px;font-weight:300;line-height:20px;}
.wine_inr .wine_balloon p .color_rg {font-weight:400;color:#c49a6c;}
.wine_inr .wine_balloon p .rg {font-weight:400;}

.wine_inr .bg_wine {position:relative;width:100px;height:300px;margin:0 auto;background:url('../images/sub/bg_wine2.png') no-repeat top center;background-size:100%;}
.wine_inr .bg_wine .wine_num {padding-top:210px;font-size:30px;font-weight:200;letter-spacing:-1px;color:#ffffff;text-align:center;}
.wine_inr .bg_wine .wine_num span {margin-left:3px;font-size:15px;font-weight:300;color:#ffffff;}
.wine_inr .bg_wine_scale {position:absolute;top:83px;right:0;width:22px;height:217px;margin:0 auto;background:url('../images/sub/bg_wine_scale.png') no-repeat top center;background-size:100%;}

.wine_inr .badge_area {position:relative;padding-top:45px;width:336px;height:auto;margin:0 auto 33px;}
.wine_inr .badge_area .tit {margin-bottom:10px;text-indent:1px;font-size:15px;color:#ffffff;}
.wine_inr .badge_area .tit span {margin-left:5px;font-weight:300;font-size:15px;color:#ffffff;}

.wine_inr .badge_area .my_badge {overflow:hidden;}
.wine_inr .badge_area .my_badge li {float:left;width:31px;height:45px;background:url('../images/sub/bg_wine_badge.png') no-repeat top center;background-size:100%;margin-right:12px;}
.wine_inr .badge_area .my_badge li:last-child {margin-right:0;}
.wine_inr .badge_area .my_badge li.on {background:url('../images/sub/wine_badge_on.png') no-repeat top center;background-size:100%;}

@media all and (max-width:330px) {
	.wine_inr .badge_area {width:300px;padding-top:20px;}
	.wine_inr .badge_area .my_badge li {margin-right:7px;}
}

/* water 제어 */
.wine_box .water {position:absolute;bottom:0;left:0;width:100%;height:0;background:currentColor;}
.wine_box .waves_area {position:absolute;top:340px;left:0;width:100%;height:40px;}
.wine_box .waves_area:after {content:'';position:absolute;top:39px;left:0;width:100%;height:40px;background:#9c383c;}
.wine_box .wine_dim {position:absolute;top:432px;left:0;width:100%;height:100%;background:#9c383c;}

.wine_box .waves {position:absolute;bottom:0;left:0;width:100%;height:100%;overflow:hidden;transition:2s transform ease;transform-origin:bottom center;transition-delay:0.5s;transform:scale(1,0);}
.wine_box.on .waves {transform:scale(1.7, 1);transition-delay:0s;}
.wine_box .wave {position:absolute;bottom:0;left:0;width:100%;height:100%;animation:wave 1.5s linear infinite;}
.wine_box .wave--front {z-index:2;color:#9a373a;}
.wine_box .wave--back {z-index:1;color:#682023;animation-direction:reverse;}

.wine_box svg {fill:currentColor;}
.wine_box .water svg {position:absolute;width:100%;left:0;right:0;bottom:99.9%;}
.wine_box .water:first-of-type {transform:translate(-100%, 0);}

@-webkit-keyframes wave{
	0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
	50%{-webkit-transform:translate3d(50%, 0, 0);transform:translate3d(50%, 0, 0);}
	100%{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
}
@keyframes wave{
	0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
	50%{-webkit-transform:translate3d(50%, 0, 0);transform:translate3d(50%, 0, 0);}
	100%{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
}

.wine_box .wine_bnr {position:fixed;bottom:0;left:0;width:100%;height:auto;z-index:100;}
.wine_box .wine_bnr img {display:block;width:100%;height:auto;}

/* 적립내역 */
.saving_box {/*min-width:380px;*/}
.saving_info_area {background:#282425;padding:22px 0 24px;}
.saving_info {overflow:hidden;position:relative;background:#282425;}
.saving_info li {float:left;width:40%;margin:0 5%;}
.saving_info li>dl {text-align:center;}
.saving_info li>dl>dt {font-size:13px;color:#ffffff;text-align:left;}
.saving_info li>dl>dd {font-size:17px;color:#ffffff;padding-top:10px;text-align:right;}
.saving_info li>dl>dd>.num {margin-right:1px;display:inline-block;vertical-align: middle;font-size:25px;font-weight:300;color:#c49a6c;line-height:1;}

.saving_info .info_lft {}
.saving_info .info_lft:after {display:block;content:'';position:absolute;top:0;left:0;border-right:1px solid #ffffff;opacity:0.1;width:50%;height:100%;}
.saving_info .info_rgt {}

.saving_info_btm {display:flex;padding-top:14px;}
.saving_info_btm li {display:flex;justify-content:space-between;overflow:hidden;width:50%;padding:0 10px;font-size:11px;font-weight:300;color:#fff;text-align:center}
.saving_info_btm .date_txt {text-align:left}
.saving_info_btm .date_num {text-align:right}
@media screen and (min-width:320px) and (max-width:375px){
	.saving_info_btm li {font-size:10px;}
}
.mad_info_area .saving_info_btm li{color:#888}

.saving_list_top {padding:20px 20px 10px;border-bottom:1px solid #383536;}

.saving_list_btm {position:relative;}
.saving_list_btm .list {overflow:hidden;padding:18px 20px;border-bottom:1px solid #383536;}
.saving_list_btm .list:last-child {border-bottom:0;}
.saving_list_btm .list .list_inr {}
.list .list_lft {float:left;}
.list .list_lft>dl {}
.list .list_lft>dl>dt {font-size:15px;color:#ffffff;line-height:1;}
.list .list_lft>dl>dt span{position: relative;}
.list .list_lft>dl>dt span:nth-child(n+2):before{content:'';display:inline-block;width:1px;height:13px;margin:0 10px;background-color: rgba(255,255,255,0.2);vertical-align: middle;}
.list .list_lft>dl>dd {margin-top:8px;font-size:12px;font-weight:300;color:#b2b2b2;line-height:1;}
.list .list_rgt {float:right;width:165px;}
.list .list_rgt>div {overflow:hidden;}
.list .list_rgt .txt {float:left;font-size:10px;color:#b2b2b2;width:62px;height:15px;padding:0 0 2px;border-radius:15px;border:1px solid #b2b2b2;text-align:center;}
.list .list_rgt .num {float:right;font-size:15px;color:#ffffff;line-height:1;padding-top:4px;}
.list .list_rgt .receipt {margin-top:36px;}
.list .list_rgt .mad {margin-top:8px;}

.saving_receipt {position:relative;}
.saving_receipt .num_write {margin-right:130px;}
.saving_receipt .num_write .inr {width:100%;background:#424041;box-sizing:border-box;}

.saving_receipt .btn_saving {position:absolute;top:0;right:33px;width:90px;padding:17px 0 14px;box-sizing:border-box;background:#231f20;}
.saving_receipt .btn_saving p {font-size:15px;color:#ffffff;text-align:center;}

.saving_receipt .btn_saving_info {display:inline-block;content:'';position:absolute;top:14px;right:0;width:25px;height:25px;background:url('../images/sub/bg_guide.png') no-repeat center center;background-size:100%;background-position-y:1px;}

.saving_dsc_area {position: relative;display: table;width: 100%;margin-top: 13px;}
.saving_dsc_area .num_first {display:table-cell;vertical-align:middle;table-layout:fixed;width:85px;box-sizing:border-box;border:1px solid #969595;}
.saving_dsc_area select {background:#2d2a2b url('../images/sub/saving_arr.png')no-repeat right center;background-size:12px auto;background-position:60px 17px;}
.saving_dsc_area .saving_dsc {display:table-cell;vertical-align:middle;table-layout:fixed;width:100%;font-size:13px;font-weight:300;line-height:1;color:#ffffff;text-align:right;}

.saving_nocts {padding-top:115px;font-weight:300;text-align:center;font-size:15px;line-height:1.5em;color:#888888;}

/*M Club*/
.mclub_box *{box-sizing: border-box;}
.mclub_area .btn_guide_area{padding:25px 0;}
.mclub_area .btn_guide_area .btn_guide{padding:0;color:#231f20;}
.mclub_area .btn_guide_area .btn_guide:after{background-image: url(../images/sub/bg_guide2.png);}
.rewards_swiper{padding-bottom:36px;background-color: #f5f5f5;}
.rewards_swiper .swiper-slide{width:335px;height:231px;}
.rewards_swiper .swiper-slide .rewards_card{transform: scale(0.95);transition: .5s;}
.rewards_swiper .swiper-slide.swiper-slide-active .rewards_card{transform: scale(1);}
.rewards_card{height: 100%;padding: 25px 30px;border-radius: 10px;background: url(../images/sub/rewards_card_off.png) 0 0 no-repeat;background-size:100%;}
.rewards_card .card_top{display: flex;justify-content: space-between;align-items: center;padding-top:9px;}
.rewards_card .card_top .title{width:97px;height:10px;background: url(../images/sub/rewards_title2.png) 0 0 no-repeat;background-size: 97px auto;font-size:0;}
.rewards_card .card_top .state{display: flex;justify-content: space-between;align-items: center;height:25px;border-radius: 20px;background-color: #8e8e8e;padding:0 9px;color:#fff;font-size:12px;}
.rewards_card .card_title {display: block;padding:29px 0 20px;font-size:35px;font-weight: 600;text-align: right;line-height: 1;color:#fff;}
.rewards_card.on {background-image: url(../images/sub/rewards_card_on.png);}
.rewards_card.on .card_top .title {background-image: url(../images/sub/rewards_title.png);}
.rewards_card.on .card_title{background: #231f20;background: -webkit-linear-gradient(#fac98c, #ecb36a);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.rewards_card.on .card_top .state {background-color: #383536;}
.rewards_card .visit_box{display: flex;align-items: center;justify-content: flex-end;}
.rewards_card .visit_box .seal_item{position:relative;width: 61px;height:61px;margin-left:4px;background: url(../images/sub/seal_off.png) 0 0 no-repeat;background-size: 100%;color:#fff;}
.rewards_card .visit_box .seal_item.price {position: relative;margin-left:26px;background-image: url(../images/sub/seal2_off.png);}
.rewards_card .visit_box .seal_item.price::before{content:'';position: absolute;top:22px;left:-20px;;width:12px;height:12px;background: url(../images/sub/rewards_add.png) 0 0 no-repeat;background-size: 12px auto;}
.rewards_card .visit_box .seal_item.price.on {background-image: url(../images/sub/seal2_on.png);}
.rewards_card.on .visit_box .seal_item.price::before {background-position-y:100%;}
.rewards_card .visit_box .seal_item .num{position: absolute;top:9px;right:36px;font-size: 14px;text-align: right;color:#b7b7b7;}
.rewards_card .visit_box .seal_item.price .num{right:34px}
.rewards_card .visit_box .seal_item.on{background-image: url(../images/sub/seal_on.png);}
.rewards_card .visit_box .seal_item.on .num{color:#ffd483}
.rewards_card .visit_box .seal_item .info-box{position: absolute;top:calc(100% + 5px);left:-4px;width: 130px}
.rewards_card .visit_box .seal_item .info-box img{filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.2));}
.rewards_scroll{padding:0 20px;margin-bottom: 20px;transition: 0.3s;}
.rewards_scroll ol{white-space: nowrap;margin-left:calc(50% - 84px);}
.rewards_scroll ol li{position: relative;display: inline-block; width: 167px;padding-bottom:10px;text-align: center;}
.rewards_scroll ol li::before{content:'';position: absolute;bottom:0;left:0;width: 102%;height:2px;background-color: #231f20;}
.rewards_scroll ol li::after{content:'';position: absolute;bottom:-6px;left:calc(50% - 6px);width:10px;height:10px;border-radius: 100%;background-color: #fff;border:2px solid #231f20;}
.rewards_scroll ol li.on{font-weight: 700;}
.rewards_scroll ol li.on::after{background-color: #231f20;}
.rewards_scroll ol li:first-child::before,
.rewards_scroll ol li:last-child::before{width:50%;}
.rewards_scroll ol li:first-child::before{left:auto;right:-2px;}
.rewards_result{display: flex;flex-wrap: wrap;text-align: center;padding:30px 0 20px;}
.rewards_result dl{width:50%;border-left:1px solid #ddd;}
.rewards_result dl:first-child{border-left:0;}
.rewards_result dl dt{font-size:15px;}
.rewards_result dl dd{margin-top:10px;font-size:20px;}
.rewards_result dl dd strong{font-size:25px;color:#a97c50;font-weight: 500;}
.rewards_result > p{width:100%;margin-top:30px;font-size:12px;color:#a8a9ad}
.rewards_info{position:relative;width:100%;margin:20px 20px 0;padding:20px 0;border-top:1px solid #a8a9ad;font-size:11px;color:#888;text-align: left}
.rewards_info::before{content:'';position: absolute;top:22px;left:0;width:12px;height:12px;background: url(../images/sub/bg_guide3.png) 0 0 no-repeat;background-size: 100%}
.rewards_info p{padding-left:19px}

/************
****popup****
************/
/* Scroll */
.scroll_area::-webkit-scrollbar {-webkit-appearance:none;}
.scroll_area::-webkit-scrollbar:vertical {width:3px;}
.scroll_area::-webkit-scrollbar:horizontal {height:0;}
.scroll_area::-webkit-scrollbar-track {background:transparent;}
.scroll_area::-webkit-scrollbar-thumb {background:#e5e5e5;}

.layer_pop {display:none;position:fixed;top:0;left:0;width:100%;z-index:100;-webkit-overflow-scrolling:touch;min-width:360px;height:100%;text-align: center;}
.layer_pop:before {display:block;content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:90;}
.layer_pop:after {content:"";display:inline-block;width:0;height:100%;overflow:hidden;vertical-align:middle;font-size:0}
.layer_pop .pop_area {display:inline-block;position:relative;z-index:100;width:calc(100% - 35px);margin:0 auto;background:#ffffff;vertical-align:middle;text-align: initial;}
.layer_pop .pop_header {overflow:hidden;height:auto;padding:17px 0 16px;background:#a3171b;}
.layer_pop .pop_header .tit {text-indent:20px;line-height:1;color:#ffffff;font-size:17px;}
.layer_pop .pop_cont {background:#FFF;}
.layer_pop .pop_cont .scroll_area {overflow:hidden;overflow-y:auto;max-height:70vh}
.layer_pop .pop_cont .scroll_area::-webkit-scrollbar{display:none}
.layer_pop .pop_cont .scroll_area>img {display:block;}
.layer_pop .pop_cont dl {padding:36px 0 32px;word-break:keep-all;}
.layer_pop .pop_cont dl>dt {font-size:15px;line-height:1.4em;color:#231f20;text-align:center;}
.layer_pop .pop_cont dl>dd {margin:0 auto;width:228px;word-break:break-all;}
.layer_pop .pop_cont dl>dd p{margin-top:15px;font-size:14px;}
.layer_pop .pop_cont dl>dd .dot_list {margin-top:15px;text-align:left;}
.layer_pop .pop_cont dl>dd .dot_list li {position:relative;font-size:14px;line-height:1.4em;color:#231f20;font-weight:300;margin-top:3px;}
.layer_pop .pop_cont dl>dd .dot_list li:first-child {margin-top:0;}
.layer_pop .pop_cont dl>dd .dot_list li:before {display:inline-block;content:'';position:absolute;top:8px;left:-8px;width:2px;height:2px;background:url('../images/sub/bg_pop_dot.png') no-repeat top center;background-size:100%;vertical-align:top;}

/* 팝업버튼 */
.layer_pop .btn {display:flex;overflow:hidden;border-top:1px solid #f3f3f3;text-align:center;background:#ffffff;}
.layer_pop .btn>a {position:relative;width:100%;}
.layer_pop .btn a {display:block;padding:16px 0 15px;color:#3b3b3c;font-size:15px;}
.layer_pop .btn a.tint_color {color:#a3171b;}
.layer_pop .btn>li {position:relative;float:left;width:50%;}
.layer_pop .btn.btn-type3>li{width: 33.33%;}
.layer_pop .btn>li:before {display:inline-block;content:'';position:absolute;right:0;top:15px;bottom:0;width:1px;height:20px; background:#f3f3f3;}
.layer_pop .btn>li:last-child:before {display: none;}
.layer_pop .btn>a:last-child:before {display:inline-block;content:'';position:absolute;left:0;top:15px;bottom:0;width:1px;height:20px; background:#f3f3f3;}
.layer_pop .btn.type2 a:first-child{width:60%;}
.layer_pop .btn.type2 a:last-child{width:40%;}
.layer_pop .btn.type3{background-color: #000;}
.layer_pop .btn.type3 a{color: #fff;}
.layer_pop .btn.type3 a::before{display: none;}

/* full_pop */
.full_pop {z-index:10000 !important;height:100%;}
.full_pop .pop_area {margin:0;height:100%;}

.full_pop .pop_area .full_img {width:100%;}
.full_pop .pop_area .full_img img {width:100%;height:inherit;object-fit:cover;}
.full_pop .pop_area .pop_cont {position:fixed;bottom:0;width:100%;}

/* main_pop */
.main_pop .pop_cont dl>dt>span {font-size:18px;color:#a3171b;font-weight:400;}
.main_pop .pop_cont dl>dd {font-size:12px;line-height:1.4em;font-weight:300;color:#3b3b3c;margin-top:15px;text-align:center;}
/* rewards_pop */
.rewards_pop .pop_cont .scroll_area {}
/* rewards2_pop */
.rewards2_pop .pop_cont dl>dt {margin-bottom: 25px;color:#a97c50;font-weight:600;}
.rewards2_pop .pop_cont dl>dd{width: auto;margin: 0 28px;text-align: center;}
.rewards2_pop .pop_cont dl>dd img{width: 145px;}
.rewards2_pop .pop_cont dl dd ul.dot_list{margin-top: 18px;}
.rewards2_pop .pop_cont dl dd ul li strong{display: block;margin-bottom: 5px;font-size: 15px;}
.rewards2_pop .pop_cont dl dd ul li{font-size: 13px;}

/* rewards3_pop */
.rewards3_pop .pop_cont dl>dt {margin:0 auto;width:258px;text-align:left;}
.rewards3_pop .pop_cont dl>dd {width:247px;}
.rewards3_pop .pop_cont dl>dd .dot_list {margin-top:10px;}
/* coupon_pop */
.coupon_pop .coupon_area {padding:20px;}
.coupon_pop .coupon_area ul li:last-child {margin-top:20px;}
.coupon_pop .coupon_area .tit {font-size:13px;color:#231f20;}
.coupon_pop .coupon_area .user {margin-top:5px;}

.coupon_pop .coupon_area dl {padding:20px 0 0 0;font-family:'Spoqa Han Sans';}
.coupon_pop .coupon_area dl>dt {position:relative;padding-left:22px;text-align:left;font-size:12px;line-height:1.4em;color:#231f20;}
.coupon_pop .coupon_area dl>dt:before {display:inline-block;content:'';position:absolute;top:0;left:0;width:17px;height:17px; background:url('../images/sub/ic_point.png') no-repeat;background-size:100%;}
.coupon_pop .coupon_area dl>dd {margin:0;width:100%;}
.coupon_pop .coupon_area dl>dd .dot_list {margin-top:8px;padding:0 0 0 30px;}
.coupon_pop .coupon_area dl>dd .dot_list li {font-size:12px;margin-top:0;line-height:1.4em;}
.coupon_pop .coupon_area dl>dd .dot_list li:before {top:8px;left:-6px;}
/* store_pop */
/* login_pop */
.login_pop .login_area {padding:36px 0 32px;word-break:keep-all;}
.login_pop .login_area .tit {font-size:20px;line-height:1;font-weight:400;color:#231f20;text-align:center;}
.login_pop .login_area .btn_login {margin:25px 0 20px;padding:0 60px;}
.login_pop .login_area .btn_login>a {display:block;width:100%;border:1px solid #a97c50;padding:21px 0 20px;text-align:center;color:#a97c50;font-size:17px;line-height:1;}
.login_pop .login_area .login_dsc {font-size:13px;font-weight:300;line-height:1;text-align:center;}
/* login_re_pop */
.login_pop.login_re_pop .login_area .login_dsc {margin-top:20px;font-size:15px;line-height:1.4em;}


/*alert-pop*/
.alert-pop .txt-box{padding:40px 20px;line-height:1.5;font-size:15px;text-align:center}

/* ==========================================================================
Mad Surprise_kaylee
========================================================================== */

.mad_area {margin-top:50px;width:100%;background:#f5f5f5;}
.mad_area.ready {background:transparent;}

.mad_area .mad_top {position:relative;display:block;margin:0 auto;max-width:350px;min-height:470px;}
.mad_area .mad_top.end:after {display:inline-block;content:'';position:absolute;top:0;left:0;width:350px;height:453px;background:url('../images/sub/mad_end_deco.png') no-repeat top center;background-size:100%;vertical-align:top;}

.mad_top {position:relative;min-height:490px;}
.mad_top .mad_tit {position:absolute;top:45px;left:0;z-index:1;text-align:center;}
.mad_top .mad_tit img {width:72%;display:inline-block;}
.mad_top .mad_tit .dsc {margin-top:6px;}
.mad_top .mad_tit .dsc p {font-size:13px;color:#a97c50;line-height:1.4em;font-weight:300;}
.mad_top .mad_tit .dsc p span {font-weight:400;}

.mad_top .mad_box {position:absolute;bottom:25px;left:0;}
.mad_top .btn_surprise{display:block;position:absolute;bottom:40px;left:50%;width:58.9%;margin-left:-29.45%;background:#a3171b;border-radius:30px;color:#fff;font-size:1.1em;text-align:center;z-index:1;}
.mad_top .btn_surprise a{display:block;padding:13px 0 11px;color:#fff;font-size:1.1em;}
.mad_top .btn_surprise.btn_surprise_finish{padding:14px 0 10px;background:#3b3b3c;color:#888}
.mad_top .btn_surprise_ready{background:#3b3b3c;color:#fff;padding:14px 0 10px;}
.mad_top .btn_surprise .dday{display:inline-block;padding-left:1%;font-size:1.4em;font-weight:600;letter-spacing:0.1em;vertical-align:top}
.popup_wrap{display:none;}
.mad_top .mad_calendar {position:absolute;top:137px;left:0;right:0;z-index:1;text-align:center;}
.mad_top .mad_calendar > div {background:url('../images/sub/event_surprise_day.png') no-repeat;width:82px;height:42px;background-size:100%;position:relative;display:inline-block;box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);border-radius:5px;}
.mad_top .mad_calendar > div > p {display:table-cell;width:28px;color:#fff;font-size:2.5em;position:relative;vertical-align: middle;padding-top:2px;line-height:42px;}
.mad_top .mad_calendar > div > p:after {content: "";position:absolute;left:3px;top:20px;width:24px;height:2px;background: transparent;background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);}
.mad_top .month:after {content:'월';position:absolute;left:59px;bottom:6px;font-size:17.7px;color:#fff;}
.mad_top .day:after {content:'일';position:absolute;left:59px;bottom:6px;font-size:17.7px;color:#fff;}

.mad_btm {}
.mad_btm > img {display:block;width:100%;}

/* surprise_pop */
.surprise1_pop {display:block;visibility: hidden;-webkit-transform: translateY(60%) scale(0);transform: translateY(60%) scale(0);-webkit-transition: -webkit-transform 0.4s, visibility 0s 0.4s;transition: transform 0.4s, visibility 0s 0.4s;z-index:9999;height:100%;}
.surprise1_pop.pop_effect {visibility: visible;-webkit-transform: translateY(0%) scale(1);transform: translateY(0%) scale(1);-webkit-transition: -webkit-transform 0.4s;transition: transform 0.4s;width:100%;}
.surprise_effect{opacity:0;position:absolute;top:245px;left:50%;width:100px;height:100px;margin-left:-50px;background:#242021;border-radius:300px;text-align:center;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;}
.surprise_effect.effect_scale{-moz-transform:scale(10);-ms-transform:scale(10);-webkit-transform:scale(10);transform:scale(10);z-index:9999}
.surprise_effect.effect_full{position:fixed;top:0;left:0;width:100%;height:100%}

.full_pop .pop_area.surprise_area {background:#231f20;}
.full_pop .surprise_area .full_img {width:100%;position:relative;height:0 !important;overflow:hidden;padding-bottom:164%;}
.full_pop .surprise_area .full_img img {width:100%;height:auto;}
.full_pop .surprise_area .tit {display:table;position:absolute;top:53%;left:0;width:100%;text-align:center;z-index:3;}
.full_pop .surprise_area .tit p {display:table-cell;vertical-align:middle;height:40px;padding:0 25%;font-size:20px;line-height:1.3em;color:#ffffff;text-align:center;word-break:keep-all;}

/* tutorial_popup */
.tutorial_pop .swiper-container {margin:0;height:100%;width: 100%;margin-left: auto;margin-right: auto;background:#3b3b3c;}
.tutorial_pop .swiper-slide .slide-box {position:absolute;bottom:49px;top:10%}
.tutorial_pop .swiper-slide .slide-box:before {content: '';display:inline-block;vertical-align:bottom;height:100%;}
.tutorial_pop .swiper-slide .slide-box img {width:100%;height:auto;display:inline-block;vertical-align: bottom;}
.tutorial_pop .swiper-pagination {bottom:93%;}
.tutorial_pop .swiper-button-prev {background-image:url("../images/main/tutorial_arrow-l.png") }
.tutorial_pop .swiper-button-next {background-image:url("../images/main/tutorial_arrow-r.png")}
.tutorial_pop .swiper-pagination-bullet {background:url("../images/main/tutorial_dot-n.png")no-repeat ;opacity: 1;background-size:100%;}
.tutorial_pop .swiper-pagination-bullet-active {background:url("../images/main/tutorial_dot-y.png")no-repeat;background-size:100%;}
.tutorial_pop .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: 0;}
.tutorial_pop {display:block;visibility: hidden;z-index:9999;}
.tutorial-v {visibility: visible}
.tutorial_popup {position:relative;z-index:100;}
.tutorial_popup {width:100%;height:100%;position:fixed;left:0;top:0;}
.tutorial_popup .pop_con {position:fixed;bottom:0;background:#a3171b;z-index:999;text-align:center;width:100%;}
.tutorial_popup .btn_tint {color:#fff;display:block;padding:16px 0 14px;font-size:15px;}

/* ==========================================================================
SURVEY
========================================================================== */
.survey_wrap {}
.survey_wrap .survey_box:last-child {margin-bottom:70px;}

.survey_tit {padding-top:20px;font-size:17px;color:#231f20;}
.survey_box {margin-top:15px;padding:17px 15px;background:#ffffff;}
.survey_box .box_tit {font-size:15px;line-height:1.5em;color:#231f20;word-break:break-all;}
.survey_box .list {margin-top:10px;}
.survey_box .list li {overflow:hidden;margin-top:7px;}
.survey_box .list li:first-child {margin-top:0;}

.survey_box input[type="radio"] {display:none;}
.survey_box input[type="radio"] + label {float:left;width:100%;padding-left:32px;box-sizing:border-box;background:url('../images/sub/bg_radio_chk_off.png')no-repeat 0 0;background-size:22px;font-size:15px;}
.survey_box input[type="radio"]:checked + label {background:url('../images/sub/bg_radio_chk_on.png')no-repeat 0 0;background-size:22px;}
.survey_box .list li label {padding:0 0 0 30px;font-size:15px;line-height:1.750em;color:#231f20;font-weight:300;word-break:break-all;}

.survey_box input[type="checkbox"] {display:none;}
.survey_box input[type="checkbox"]:checked + label {background:url(../images/sub/bg_chk01_on.png)no-repeat 0 1px; background-size:20px auto;}
.survey_box label {display:block;background:url(../images/sub/bg_chk01_off.png)no-repeat 0 1px;background-size:20px auto;font-size:15px;padding:4px 0 2px 30px;}

.survey_box .text-area {margin-top:10px;}
.survey_box .text-area textarea {width:100%;height:113px;border:1px solid #eee;padding:12px 15px;box-sizing:border-box;resize:none;font-size:15px; line-height:1.5em;}

/* ==========================================================================
STAMP
========================================================================== */

/*STAMP:top*/
.stamp-desc{display:flex;justify-content: center;height:86px;padding:0 5px 0 15px;background:#b3997c;letter-spacing: -0.5px}
.stamp-desc .state-box{display:flex;align-items:center;text-align:center;padding-right:5px;}
.stamp-desc .state-box .count{display:inline-block;width:13px;height:13px;margin-left:4px;background:#2d3f35;border-radius:50%;color:#b3997c;text-align:center;line-height:14px;}
.stamp-desc .state-box [class^='state-item0']{display:block;position:relative;font-size:10px;color:#2d3f35;}
.stamp-desc .state-box [class^='state-item0'].active:after{background-position-y:100%}
.stamp-desc .state-box [class^='state-item0']:nth-child(n+2):before{content:'=';position:absolute;top:35px;left:-3px;font-size:20px}
.stamp-desc .state-box [class^='state-item0']:after{content:'';display:block;background-size:100%;background-repeat: no-repeat;}
.stamp-desc .state-box .state-item01:after{width:74px;height:54px;background-image:url(../images/sub/stamp/202211/stamp_menu.png)}
.stamp-desc .state-box .state-item02:after{width:68px;height:54px;background-image:url(../images/sub/stamp_menu_coupon.png)}
.stamp-desc .state-box .state-item01.active:after{   animation: heartbeat 1.5s ease-in-out infinite both;}
.stamp-desc .info-box{display:flex;flex-direction:column;justify-content:center;min-width: 190px;color:#161616;font-size:10px;line-height:1.5;}
.stamp-desc .info-box .date{font-size:11px;color:#2d3f35;}
.stamp-desc .info-box p{letter-spacing: -0.5px}
.stamp-desc .info-box p strong{color:#891d00;box-shadow: inset 0 -6px 0 #cab8a4;letter-spacing: -0.5px}

@keyframes heartbeat {
	from {
		transform: scale(1);
		transform-origin: center center;
		animation-timing-function: ease-out;
	}
	10% {
		transform: scale(0.91);
		animation-timing-function: ease-in;
	}
	17% {
		transform: scale(0.98);
		animation-timing-function: ease-out;
	}
	33% {
		transform: scale(0.87);
		animation-timing-function: ease-in;
	}
	45% {
		transform: scale(1);
		animation-timing-function: ease-out;
	}
}

/*STAMP:menu area*/
.stamp-map{overflow:hidden;position:relative;height:calc(100vh - 52px);background: #dad1c5;}
.stamp-map-inner{position:relative}
.stamp-map-inner .copy-box{display:flex;flex-direction:column;position:absolute;top:20px;left:20px;color:#2d3f35;line-height:1.25}
.stamp-map-inner .copy-box strong{font-size:30px}
.stamp-map-inner .copy-box p{position:relative;font-size:10px;letter-spacing: -1px}
.stamp-map-inner .copy-box p:before{content:'';display:block;width:25px;height:2px;margin-bottom:6px;background:#2d3f35}
.stamp-map-inner .stamp-box{max-width: 375px;height:calc(100vh - 238px);margin: 0 auto;position: relative;}

/*STAMP:menu icon*/
.stamp-map [class^='item-menu0']{display:block;overflow:hidden;position:absolute;top:50%;left:50%;width:174px;height:174px;animation:jello-horizontal 0.9s both;}
.stamp-map [class^='item-menu0'] img{width: 100%;height:100%;object-fit: cover;filter: grayscale(100%);}
.stamp-map [class^='item-menu0'].active img{filter: grayscale(0%);}
.stamp-map [class^='item-menu0'] .count{position:absolute;top:50%;left:50%;z-index:5;width:26px;height:0;padding-bottom:47%;background:url(../images/sub/stamp/202208/menu_count.png) 2px 0 no-repeat;background-size:26px auto;text-align:center;color:#ad2500;font-weight:700;font-size:12px;line-height:2;transform: translate(30%,-85%);}
/*STAMP:menu deco*/
.stamp-map [class^='img-deco']{position:absolute;top:50%;left:50%}
.stamp-map [class^='img-deco'] img{width: 50%;object-fit: cover}
/*position*/
.stamp-map .item-menu01{transform: translate(-47%,48%);}
.stamp-map .item-menu02{transform: translate(7%,-106%);}
.stamp-map .item-menu03{transform: translate(-106%,6%);}
.stamp-map .item-menu04{transform: translate(0%,-27%);}
.stamp-map .item-menu05{transform: translate(-101%,-69%);}
.stamp-map .img-deco01{transform: translate(33%,-277%);}
.stamp-map .img-deco02{transform: translate(-11%,-77%);}
.stamp-map .img-deco03{transform: translate(165%,-166%);}
.stamp-map .img-deco04{transform: translate(93%,221%);}
.stamp-map .img-deco05{transform: translate(-102%,175%);}


@media (max-height: 668px){
	.stamp-map [class^='item-menu0']{width: 150px;height: 150px;}
	.stamp-map .item-menu01{transform: translate(-50%,48%);}
	.stamp-map .item-menu02{transform: translate(12%,-78%);}
	.stamp-map .item-menu03{transform: translate(-122%,25%);}
	.stamp-map .item-menu04{transform: translate(20%,-2%);}
	.stamp-map .item-menu05{transform: translate(-86%,-48%);}

	.stamp-map .img-deco01{transform: translate(43%,-192%);}
	.stamp-map .img-deco02{transform: translate(-1%,20%);}
	.stamp-map .img-deco03{transform: translate(172%,80%);}
	.stamp-map .img-deco04{transform: translate(58%,226%);}
	.stamp-map .img-deco05{transform: translate(-101%,183%);}
}

/*STAMP:bottom button*/
.stamp-area .btn-wrap{display:flex;position:relative;padding:20px}
.stamp-area .btn-wrap [class^='btn-type']{display:flex;align-items:center;justify-content:center;width:100%;height:60px;background:#2d3f35;color:#d8b691;text-align:center;font-size:15px;font-weight:700;line-height:1.5;letter-spacing:-1px;}
.stamp-area .btn-wrap [class^='btn-type']:nth-child(n+2){margin-left:5px}

/*STAMP:popup history*/
.stamp-history2{padding:20px 15px}
.stamp-history2 table{table-layout:fixed;width:100%;margin-top:15px;}
.stamp-history2 table th,
.stamp-history2 table td{text-align:center;font-size:12px;line-height:1.3;vertical-align:middle}
.stamp-history2 table th{padding:10px 5px;background:#231f20;color:#fff}
.stamp-history2 table td{padding:6px 5px;background:#efe8df;color:#222222;letter-spacing:-1px}
.stamp-history2 table td:only-of-type{padding:14px 0;}
.stamp-history2 table td:last-of-type{text-align:left}
.stamp-history2 table tr:nth-child(even) td{background:#e0d9d1}
.stamp-history2 table tr td[colspan="3"]{background:#f3f3f3;color:#000;}
.stamp-history2 table td .state{display:block;color:#a3171b;}
.stamp-history2 table td .state.cancel{color:#666;}
.stamp-history2 .stamp-info{display:flex;align-items:center;justify-content:center;text-align:left;font-size:12px}
.stamp-history2 .stamp-info span{color:#a3171b}
.stamp-history2 .stamp-info p{margin-top:4px;font-size:10px;color:#231f20}
.stamp-history2 .ico-gift{display:inline-block;width:46px;height:46px;margin-right:8px;background-image:url(../images/sub/icon_stamp_coupon.png);background-size:100%}
.stamp-history2 .menu-item{position:relative;margin-top:-8px;text-align:center}
.stamp-history2 .menu-item [class^='ico-menu']{content:'';display:inline-block;width:75px;height:65px;background-image:url(../images/sub/stamp/202211/sp_stamp_menu_s.png);background-size:100%}
.stamp-history2 .menu-item .count{display:inline-block;position:absolute;top:10px;left:50%;width:12px;height:12px;margin-left:27px;border-radius:50%;background:#a3171b;color:#fff;font-size:10px;font-weight:700;text-align:center;line-height:12px;}
.stamp-history2 .menu-item .menu{margin-top:-6px;font-size:10px;font-weight:700;word-break:keep-all}
.stamp-history2 .menu-item .ico-menu01{background-position-y:0px}
.stamp-history2 .menu-item .ico-menu02{background-position-y:-65px}
.stamp-history2 .menu-item .ico-menu03{background-position-y:-130px}
.stamp-history2 .menu-item .ico-menu04{background-position-y:-195px}
.stamp-history2 .menu-item .ico-menu05{background-position-y:-260px}
.stamp-history2 .menu-item .ico-menu06{background-position-y:-325px}
.stamp-history2 .tit{font-size:15px;line-height:1.5}
.stamp-history2 .tit strong{color:#a97c50}
.stamp-history2 .txt{margin-top:15px;line-height:1.5;font-size:12px;color:#231f20}
.stamp-history2 .txt2{margin-top:2px;line-height:1.5;font-size:12px;color:#444}
.stamp-history2 .noti{position:relative;padding-left:14px;margin:8px 0 15px;line-height:1.5;font-size:12px;color:#231f20}
.stamp-history2 .noti:before{content:'※';position:absolute;top:0;left:0;}

/*STAMP:popup finish*/
[id^='menu_pop0'] .pop_cont{background: linear-gradient(#2b3932, #f5f1ed);}
#event_pop .pop_cont,
#coupon_pop .pop_cont{background: linear-gradient(#2b3932, #f5f1ed);}
#coupon_pop .pop_area{width:80%}
#coupon_pop .btn-rewards-exchange{position:absolute;top:70%;left:50%;transform:translate(-50%, -50%);width:70%;height:50px;font-size:0;}
.stamp-finish-inner{position:relative;z-index:2;}
.stamp-finish-inner a{display: block;}
.stamp-finish-inner a img{display: block;}
.stamp-finish2{position:relative;text-align:center;letter-spacing:-1px;line-height:1.5;color:#fff;}
.stamp-finish2 .tit{font-size:15px;color:#fff;letter-spacing:-1.5px;line-height:1.4}
.stamp-finish2 .tit >span{display:block;margin-top:4px;font-size:12px;font-weight: 500;letter-spacing:-1px;}
.stamp-finish2 .txt{margin-top:7px;font-size:11px;}
.stamp-finish2 .btn-coupon{display:block;width:182px;height:26px;margin:19px auto 0;line-height:26px;font-size:18px;color:#f33232;text-align:center;background:#fff;font-weight:700}
.stamp-finish2 .tit3{width:79px;height:17px;margin:10px auto 0;background:#fff;line-height:17px;font-size:10px;text-align:center;font-weight:bold;border-radius:10px;color:#f53736}
.stamp-finish2 .menu-info{margin-top:10px;font-size:10px;line-height:1.45}
.stamp-finish2 .ico-or{display:inline-block;width:10px;height:10px;margin:0 2px;background-image:url(../images/sub/stamp/icon_or.png);background-size:100%;vertical-align:middle}
.stamp-finish2 .state-box{display:flex;justify-content:center;margin-top:10px;text-align:center}
.stamp-finish2 .state-box .count{display:inline-block;width:13px;height:13px;margin-left:4px;background:#fff;border-radius:50%;font-size:10px;color:#f33232;line-height:13px;vertical-align:middle}
.stamp-finish2 .state-box [class^='state-item0']{display:block;position:relative;font-size:10px;font-weight:700;color:#fff}
.stamp-finish2 .state-box [class^='state-item0'].active:after{background-position-y:100%}
.stamp-finish2 .state-box [class^='state-item0']:nth-child(n+2){margin-left:35px}
.stamp-finish2 .state-box [class^='state-item0']:nth-child(n+2):before{content:'';position:absolute;top:45px;left:-26px;width:10px;height:8px;background:url(../images/sub/stamp/icon_dash.png) no-repeat;background-size:100%}
.stamp-finish2 .state-box [class^='state-item0']:after{content:'';display:block;background-size:100%;background-repeat:no-repeat}
.stamp-finish2 .state-box .state-item01:after{width:118px;height:76px;background-image:url(../images/sub/stamp/stamp_menu_l.png)}
.stamp-finish2 .state-box .state-item02:after{width:76px;height:64px;background-image:url(../images/sub/stamp/stamp_menu_r.png)}

/*STAMP:popup motion*/
.snowflakes{position:fixed;top:-30px;left:0;width:100%;height:40%;/*animation:fade-out 1s 15s both;*/}
.snowflake{position:absolute;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall, snowflakes-shake;-webkit-animation-duration:10s, 3s;-webkit-animation-timing-function:linear, ease-in-out;-webkit-animation-iteration-count:infinite, infinite;-webkit-animation-play-state:running, running;animation-name:snowflakes-fall, snowflakes-shake;animation-duration:5s, 3s;animation-timing-function:linear, ease-in-out;animation-iteration-count:infinite, infinite;animation-play-state:running, running}
.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s, 0s;animation-delay:0s, 0s}
.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s, 1s;animation-delay:1s, 1s}
.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s, .5s;animation-delay:6s, .5s}
.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s, 2s;animation-delay:4s, 2s}
.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s, 2s;animation-delay:2s, 2s}
.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s, 3s;animation-delay:8s, 3s}
.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s, 2s;animation-delay:6s, 2s}
.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s, 1s;animation-delay:2.5s, 1s}
.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s, 0s;animation-delay:1s, 0s}
.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s, 1.5s;animation-delay:3s, 1.5s}
.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s, 0s;animation-delay:2s, 0s}
.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s, 2.5s;animation-delay:4s, 2.5s}
@keyframes snowflakes-fall{
	0%{top:0;opacity:0}
	5%{opacity:1}
	85%{opacity:1}
	100%{top:100%;opacity:0}
}
@keyframes snowflakes-shake{
	0%, 100%{transform:translateX(0)}
	50%{transform:translateX(40px)}
}
@keyframes fade-out{
	0%{opacity:1;z-index:1}
	100%{opacity:0;z-index:-1}
}

/*STAMP:popup motion2*/
.winter-is-coming {position: fixed;top: 0;height: 40%;left:0;right:0;z-index:9;overflow:hidden }
.winter-is-coming .snow {z-index: 100;pointer-events: none;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.winter-is-coming .snow span{display:block;width:100%;height:100%;transform: translate3D(50px, -100%, 0);animation-duration:1s;background-repeat:no-repeat;background-size: contain;}
.winter-is-coming.active .snow{animation:poping 1s cubic-bezier(0.680, 0, 0.265, 1) both;}
.winter-is-coming.active .snow span{animation:falling linear  both;animation-delay:1s;}
.winter-is-coming.active .snow01 span{animation-duration:1.5s;background-image: url(../images/sub/stam_deco01.png)}
.winter-is-coming.active .snow06 span{animation-duration:1.5s;background-image: url(../images/sub/stam_deco06.png)}
.winter-is-coming.active .snow07 span{animation-duration:1s;background-image: url(../images/sub/stam_deco07.png)}
.winter-is-coming.active .snow08 span{animation-duration:1s;background-image: url(../images/sub/stam_deco08.png)}
.winter-is-coming.active .snow09 span{animation-duration:2s;background-image: url(../images/sub/stam_deco09.png)}
.winter-is-coming.active .snow10 span{animation-duration:1s;background-image: url(../images/sub/stam_deco10.png)}
.winter-is-coming.active .snow11 span{animation-duration:2s;background-image: url(../images/sub/stam_deco11.png)}
.winter-is-coming.active .snow02 span{animation-duration:1s;animation-name:falling2;background-image: url(../images/sub/stam_deco02.png)}
.winter-is-coming.active .snow03 span{animation-duration:2s;animation-name:falling2;background-image: url(../images/sub/stam_deco03.png)}
.winter-is-coming.active .snow04 span{animation-duration:1s;animation-name:falling2;background-image: url(../images/sub/stam_deco04.png)}
.winter-is-coming.active .snow05 span{animation-duration:1s;animation-name:falling2;background-image: url(../images/sub/stam_deco05.png)}
@keyframes falling {
	0% {
		transform: translate3D(10%, -10%, 0);
	}
	100% {
		transform: translate3D(-20%, 150%, 0);
		opacity:0;
	}
}
@keyframes falling2 {
	0% {
		transform: translate3D(10%, -10%, 0);
	}
	100% {
		transform: translate3D(20%, 150%, 0);
		opacity:0;
		z-index:-1;
	}
}
@keyframes poping{
	0% {
		transform:scale(0) translate3D(0, -10%, 0);
		opacity:0;
	}
	10% {
		opacity:1
	}
	100% {
		transform:scale(1) translate3D(10%, -10%, 0);
	}
}
@keyframes fadeIn {
	0% {
		opacity:0;
	}
	100% {
		opacity:1
	}
}

/*5인집합금지팝업*/
.warning_pop .warning_wrap{padding-top:40px;padding-bottom:30px;text-align:center}
.warning_pop .warning_wrap img{width:133.5px}
.warning_pop .warning_wrap p{margin-top:10px;font-size:15px;}
.warning_pop .warning_wrap .btn{display:inline-block;width:210px;height:45px;margin-top:25px;background:#a3171b;line-height:45px;font-size:15px;color:#fff;}
.warning_pop .warning_wrap + .btn li:first-child{width:75%}

/* 비밀번호 변경 확인 안내 */
.pw-info .pw-guide{margin:0 20px;padding:60px 0 0;text-align: center;}
.pw-info .pw-guide .txt-logo{width: 193px;margin: 0 auto;}
.pw-info .pw-guide .txt-logo img{width: 100%;}
.pw-info .pw-guide p{margin: 20px 0 22px;font-size: 1.08em;line-height: 22px;}
.pw-info .pw-guide p span{color: #a3171b;}
.pw-info .pw-guide .grey-box{padding:25px 0;background-color: #f4f4f4;color: #888;line-height: 19px;}
.pw-info .person_info{margin-bottom: 30px;}
.cont_cert .pw-info .person_info .duty_info{padding: 10px 0 0;}
.pw-info .person_info h2{margin-top: 49px;padding-bottom:7px;border-bottom:1px solid #e1e3e4;font-size: 1.15em;font-weight: bold;}
.pw-info .person_info dl{display:flex;margin-bottom: 10px;}
.pw-info .person_info dl dt{width:120px;}
.pw-info .person_info dl dd{width:calc(100% - 120px);padding-left: 0;}
.pw-info .person_info dl input{font-size: 14px;}
.pw-info .person_info dl input::placeholder{font-size: 14px;}
.pw-info .btn_box a{margin-bottom: 10px;}
/* 버튼 추가 */
.btn_box{display:flex;flex-wrap:wrap;margin: 0 20px;}
.btn_box.col{flex-wrap: inherit;}
.btn_box.col a{padding:11px 0 10px;line-height: 20px;}
.btn_box.col a:first-child{margin-right: 5px;}
.btn_box a{display:block;width:100%;padding:19px 0 16px;line-height:1;font-size: 1.15em;text-align: center;}
.btn_box .btn_red{background-color: #a3171b;color: #fff;}
.btn_box .btn_bd_red{background: #fff;border: 1px solid #a3171b;color: #a3171b;}
.btn_box .btn_black{background-color: #000;color: #fff;}
.btn_box .btn_white{background-color: #fff;color: #a3171b;}

/* 와인리워즈 */
#event_pop.layer_pop_rewards .pop_cont{background: #2c2a2b;}
.layer_pop_rewards .btn{background: #2c2a2b;border:none;}
.layer_pop_rewards .btn a{background-color: #2c2a2b;color: #fff;}
.layer_pop_rewards .btn>a:last-child:before{display: none;}
/* 와인리워즈:popup history */
.wine-history{padding:20px 15px}
.wine-history .tit{font-size:15px;line-height:1.5}
.wine-history table{table-layout:fixed;width:100%;margin-top:25px;}
.wine-history table th,
.wine-history table td{text-align:center;font-size:12px;line-height:18px;vertical-align:middle}
.wine-history table th{padding:10px 5px;background:#231f20;color:#fff}
.wine-history table td{padding:17px 5px;background:#cfcfcf;color:#222222;}
.wine-history table td:only-of-type{padding:14px 0;}
.wine-history table tr:nth-child(even) td{background:#e9e9e9}
.wine-history table tr td[colspan="3"]{background:#f3f3f3;color:#000;}
.wine-history table td .state{color:#a3171b;}
.wine-history .txt{margin-top:15px;line-height:1.5;font-size:12px;color:#777576;}
.wine-history .txt a{color: #777576;}
.wine-history-info {position: relative; margin-top: 25px;}
.wine-history-info .num {padding-left: 5px; font-size: 15px; font-weight: bold;}
.wine-history-info .period {font-size: 13px;}
.wine-history-info .select-period {position: absolute; right: 0; bottom: 0; max-width: 80px; padding: 2px 10px; border: 1px solid #C49A6C; border-radius: 20px; font-size: 13px; text-align: center; color: #C49A6C; background: unset;}
.wine-history-info .select-period:focus-visible {outline: none;}

/* vvip */
.body_vvip{background-color: #feeeda;}
.body_vvip .sub_wrap{padding:0 20px;background-color: #feeeda;}
.body_vvip .img_box{margin:0 -20px;}
.body_vvip .img_box img{vertical-align: middle;}
.body_vvip h1{margin: 34px 0 15px;font-size: 22px;text-align: center;font-weight: bold;}
.body_vvip h1 span{display: block;margin-top: 5px;font-size: 14px;font-weight: normal;}
.body_vvip .vvip_list{display: flex;justify-content:space-between;margin: 0 25px;text-align: center;}
.body_vvip .vvip_list li{width: 47%;}
.body_vvip .vvip_list li a{
	display: block;
	padding: 10px 0;
	font-size: 16px;
	color: #412d21;
	font-weight: bold;
	background: #fffaf3;
	box-shadow: 4px 4px 10px 1px rgba(245,218,176,1);
	border:1px solid #fffaf3;
	border-radius: 12px;	
}
.body_vvip .vvip_list li.on a{
	background: rgb(220,180,128);
	background: linear-gradient(180deg, rgba(220,180,128,1) 0%, rgba(247,221,182,1) 50%, rgba(251,236,211,1) 100%);
	box-shadow:none;
	border:1px solid #e1bb7a;
}
.body_vvip .tab_box_area{margin-top: 10px;}
.body_vvip .tab_box{padding: 12px;background: #fff;border: 1px solid #e1bb7a;}
.body_vvip .scroll_area{overflow: hidden;overflow-y: auto;max-height: 230px;}
.body_vvip .scroll_area table{width: 100%;}
.body_vvip .scroll_area table th{
	position:sticky;top:0;
	border: none;
}
.body_vvip .scroll_area table th span{display: block;margin:-1px 1px 0;padding: 10px 0;font-size: 13px;color: #f1cc93;font-weight: bold;background-color: #080404;}
.body_vvip .scroll_area table td{padding: 8px 0;border: none;text-align: center;font-size: 15px;}

.body_vvip .scroll_area table tr:nth-child(51) td{border-top: 1px solid #a69c94;color: #97908b;}
.body_vvip .scroll_area table tr:nth-child(n+51):nth-child(-n+100){color: #97908b;}
.body_vvip .txt_event{margin:15px 0 18px;padding:14px 0;font-size: 14px;color: #fdeede;background: #080404;line-height: 20px;text-align: center;}
.body_vvip .txt_event span,
.body_vvip .txt_event strong
{font-size: 15px;color: #ffc000;}
.body_vvip .btn_area{display: flex;justify-content: space-between;margin-bottom: 18px;text-align: center;}
.body_vvip .btn_area a{width: 100%;}
.body_vvip .btn_area a:nth-child(1){margin-right: 15px;}
.body_vvip .txt_update{padding-bottom: 30px;font-size: 11px;line-height: 16px;color: #221815;}
.vvip_pop .pop_area{width:calc(100% - 3px);background-color: #21201e;}
.vvip_pop .pop_header{background-color: #906d47;}
.vvip_pop .pop_header .tit{font-size: 18px;}
.vvip_pop .saving_dsc{display: flex;align-items: center;padding: 20px;background-color: #f2f3f2;font-size: 16px;font-weight: bold;line-height: 20px;}
.vvip_pop .saving_dsc img{width: 58px;margin-right: 8px;}
.vvip_pop .saving_dsc span{color: #9f754e;}
.vvip_pop .saving_list_btm {position:relative;background-color: #21201e;}
.vvip_pop .saving_nocts{padding: 60px 0; background-color: #21201e;}
.vvip_pop .saving_list_btm .list {overflow:hidden;padding:18px 20px;border-bottom:1px solid #383536;}
.vvip_pop .saving_list_btm .list:last-child {border-bottom:0;}
.vvip_pop .saving_list_btm .list .list_inr {}
.vvip_pop .list .list_lft {float:left;}
.vvip_pop .list .list_lft>dl {padding: 0;}
.vvip_pop .list .list_lft>dl>dt {font-size:15px;color:#ffffff;line-height:1;text-align: left;}
.vvip_pop .list .list_lft>dl>dt span{position: relative;}
.vvip_pop .list .list_lft>dl>dt span:nth-child(n+2):before{content:'';display:inline-block;width:1px;height:13px;margin:0 10px;background-color: rgba(255,255,255,0.2);vertical-align: middle;}
.vvip_pop .list .list_lft>dl>dd {width:auto;margin-top:8px;font-size:12px;font-weight:300;color:#b2b2b2;line-height:1;}
.vvip_pop .list .list_rgt {float:right;width:165px;}
.vvip_pop .list .list_rgt>div {overflow:hidden;}
.vvip_pop .list .list_rgt .txt {float:left;font-size:10px;color:#b2b2b2;width:62px;height:15px;padding:0 0 2px;border-radius:15px;border:1px solid #b2b2b2;text-align:center;}
.vvip_pop .list .list_rgt .num {float:right;font-size:15px;color:#ffffff;line-height:1;padding-top:4px;}
.vvip_pop .list .list_rgt .receipt {margin-top:36px;}
.vvip_pop .list .list_rgt .mad {margin-top:8px;}
.vvip_pop .btn{border-top: none;}
.vvip_pop .btn a{background-color: #906d47;color: #fff;}