@charset "utf-8";

.renewal_wrap input {
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	background:transparent;
	border:0;
	-webkit-border-radius:0;
	border-radius:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	outline:none;
	caret-color: #888; color:#888;
}

.renewal_wrap input::placeholder {color:#d1d2d4 !important;}
.renewal_wrap input::-webkit-placeholder {color:#d1d2d4 !important;}
.renewal_wrap input::-moz-placeholder {color:#d1d2d4 !important;}
.renewal_wrap input::-ms-input-placeholder {color:#d1d2d4 !important;}

.renewal_wrap .plain {
	border:0;
	border-radius:0;
	outline:0;
	padding:0;
	cursor:pointer;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	background-color:transparent;
}
.renewal_wrap select {
	padding-left:5px;
	padding-right:25px;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	border:0;
	border-radius:0;
}
.renewal_wrap select::-ms-expand,
.renewal_wrap select::-ms-expand {
	display:none;
}

/* layout and align */
.renewal_wrap .align-c {text-align:center !important;}
.renewal_wrap .align-l {text-align:left !important;}
.renewal_wrap .align-r {text-align:right !important;}
.renewal_wrap .align-j {text-align:justify !important;}
.renewal_wrap .float-wrap {overflow:hidden;}
.renewal_wrap .float-r {float:right;}
.renewal_wrap .float-l {float:left;}

.renewal_wrap .tb_div {display:table; height:100%; width:100%;}
.renewal_wrap .tb_cell {display:table-cell; vertical-align:middle;}

/* btn */
a.btn_mma {font-weight:normal;}
a.btn_mma span {font-size:14px;}

/* common */
.nocts {padding:100px 0 180px !important;font-size:13px !important;text-align:center !important;}
.no-data {}
.no-data td{padding:100px 0 180px !important;background:none !important;font-size:13px !important;text-align:center !important;}

/* header */
.utilty-list-wrap { position:absolute; top:85px; left:0; right:0; border-top:1px solid #efefef;}
.utilty-list-mypage { text-align:center; font-size:0; line-height:0;}
.utilty-list-mypage li { display:inline-block; margin:0 20px;}
.utilty-list-mypage a { display:inline-block; height:53px; line-height:53px; box-sizing:border-box; font-size:13px; color:#a8a9ad;}
.utilty-list-mypage .on a {color:#231f20; border-bottom:1px solid #231f20}

/* renewal */
.renewal_wrap {padding-top:120px; padding-bottom:75px; background-color:#e1e3e4;}
.renewal_wrap * {font-family:'Spoqa Han Sans', 'Spoqa Han Sans JP','Frutiger Light', 'Sans-serif', 'Helvetica', 'Arial';}
.inner_cts {position:relative; width:990px; margin-left:auto; margin-right:auto;}
.inner_cts.full {width:100%;}
.inner_cts.full .sub_tab_wrap {width:990px;margin:50px auto 0 auto;}

.ico_title {font-size:40px; line-height:1.5em; color:#000000; font-weight:700; text-align:center; }
.ico_title.ic1 {padding-bottom:60px; background:url("../images/renewal/ico_title1.png") no-repeat center bottom;}
.ico_title.ic2 {padding-bottom:65px; background:url("../images/renewal/ico_title2.png") no-repeat center bottom;}
.ico_title.ic3 {padding-bottom:65px; background:url("../images/renewal/ico_title3.png") no-repeat center bottom;}
.ico_title.ic4 {padding-bottom:65px; background:url("../images/renewal/ico_title4.png") no-repeat center bottom;}

.renewal_wrap .sub_tab_wrap {display:block;width:990px;margin:50px auto 0;}
.renewal_wrap .sub_tab {overflow:hidden;}
.renewal_wrap .sub_tab li {float:left;}
.renewal_wrap .sub_tab.col2 li {width:50%;}
.renewal_wrap .sub_tab.col3 li {width:33.3%;}
.renewal_wrap .sub_tab.col3 li:first-child {width:33.4%;}
.renewal_wrap .sub_tab a {display:block; margin-left:3px; padding-top:1px; border-top:1px solid #b0b1b5; height:40px; line-height:40px; text-align:center; color:#a8a9ad; font-size:13px;}
.renewal_wrap .sub_tab li:first-child a {margin-left:0;}
.renewal_wrap .sub_tab .on a {color:#231f20; padding-top:0; border-top:2px solid #000000;}
.renewal_wrap .sub_cate {text-align:center; padding-top:15px; /*margin-bottom:45px;*/ border-top:1px solid #d3d3d3;}
.renewal_wrap .sub_cate li {display:inline-block; font-size:0; line-height:0; margin:0 20px; }
.renewal_wrap .sub_cate a {font-size:13px; line-height:1.5em; color:#808285; }
.renewal_wrap .sub_cate .on a {color:#231f20;}

.part_title {margin-top:40px; font-size:24px; line-height:1em; color:#000000; font-weight:700;}

.send_tab {overflow:hidden; margin-top:40px; padding-left:1px;}
.send_tab li {float:left; width:144px;}
.send_tab a {display:block; height:37px; line-height:37px; text-align:center; color:#231f20; font-size:13px; border:1px solid #e1e3e4; margin-left:-1px;}
.send_tab .on a {color:#fff; background-color:#231f20; border-color:#231f20;}
.send_inner {padding:35px 40px; background-color:#d1d2d4;}
.send_inner .tit {margin-top:15px; margin-bottom:5px; font-size:13px; line-height:1.5em; color:#231f20;}
.send_inner .tit:first-child {margin-top:0;}
.send_inner .user {background-color:#fff;}
.send_inner input[type="text"] {padding:0 25px; height:45px; background-color:transparent; width:100%;}
.send_inner textarea {width:100%; height:160px; border:0; background-color:transparent; padding:25px; box-sizing:border-box;}

/* 2019-06-03(s) */
.send_cts p.noti{margin-top:40px;font-size:13px;color:#a3171b;}
.send_cts .dot_list {margin-top:16px;}
/* 2019-06-03(e) */
.send_cts .dot_list li {margin-top:5px;text-indent:-10px;padding-left:10px;}
.send_cts .dot_list li:first-child {margin-top:0; /*font-size:13px; line-height:1.5em; color:#231f20;*/}
.send_cts .dot_list li:last-child {line-height:19px;}
.send_cts .dot_list li:before {content:'· ';}

.send_cts .btns_list {margin:90px 0 60px; text-align:center;}
.send_cts .btns_list li {margin:0 4px; display:inline-block; font-size:0; line-height:0;}
.send_cts .btns_list a {display:inline-block; width:240px; height:50px; line-height:50px; text-align:center; box-sizing:border-box; border:2px solid #231f20;
	-webkit-transition-duration: 0.2s, 0.2s;
	-moz-transition-duration: 0.2s, 0.2s;
	transition-duration: 0.2s, 0.2s;
}
.send_cts .btns_list .btn1 a {color:#231f20;}
.send_cts .btns_list .btn2 a {background-color:#231f20; color:#fff;}
.send_cts .btns_list .btn1 a:HOVER {background-color:#231f20;color:#fff;}
.send_cts .btns_list .btn2 a:HOVER {background-color:#ffffff;color:#231f20;}

/* 예약페이지 */
.reserve_cts {margin:0 auto; width:990px;}
.reserve_cts {margin-top:50px;}

.reserve_cts > li {border-top:1px solid #e1e3e4;}
.reserve_cts > li:first-child {border-top:0;}
.reserve_cts > li .tit_step {position:Relative; display:block; height:50px; line-height:50px; padding:0 25px; font-size:13px; color:#a8a9ad; background-color:#fff;}
.reserve_cts > li .tit_step:after {display:inline-block; content:''; position:absolute; top:50%; margin-top:-8.5px; right:25px; width:17px; height:17px; background:url("../images/renewal/reserve_tg.png") no-repeat; background-position:0 0;}
.reserve_cts > li .tit_step > .eng {margin-right:15px; font-family: 'Open Sans', sans-serif; color:#a8a9ad;}

.reserve_cts > li.opened .reserve_sort {display:block;}
.reserve_cts > li.opened .tit_step {background-color:#808285; color:#fff;}
.reserve_cts > li.opened .tit_step > .eng {color:#fff;}
.reserve_cts > li.opened .tit_step:after {background-position:-17px 0;}

.reserve_cts > li.complete .done {display:block;}
.reserve_cts > li.complete .tit_step {color:#231f20; cursor:pointer;}
.reserve_cts > li.complete .tit_step .eng {color:#231f20;}
.reserve_cts > li.complete.on .tit_step {background-color:#808285; color:#fff;}
.reserve_cts > li.complete.on .tit_step > .eng {color:#fff;}
.reserve_cts > li.complete.on .tit_step:after {background-position:-17px 0;}
.reserve_cts > li.complete.on .done {color:#fff;}

.reserve_tit {position:Relative;}
.reserve_tit .done {display:none; position:absolute; top:0; bottom:0; right:100px; height:50px; line-height:50px; color:#bc9b69; font-size:12px; }
.reserve_sort {display:none; background-color:#fff;}
.reserve_sel {padding:35px 0; margin:0 auto;}
.reserve_sel.sel1,
.reserve_sel.sel5 {width:845px;}
.person_sel {width:412px; margin:0 auto;}
.person_sel > li {position:Relative; margin-top:20px; padding-left:44px; overflow:hidden;}
.person_sel > li:first-child {margin-top:0;}
.person_sel .tit {position:Absolute; left:0; top:0; bottom:0; width:44px; font-size:13px; color:#231f20; line-height:32px;}
.person_num {overflow:hidden;}
.person_num > li {float:left; margin-left:16px;}
.person_num > li:first-child {margin-left:0;}
.person_num a {display:inline-block; width:32px; height:32px; line-height:32px; text-align:center; color:#231f20; font-size:13px;}
.person_num .on a {background-color:#a3171b; color:#fff;}
.person_num .disabled a {opacity:0.3; filter:alpha(opacity=30); -ms-filter:alpha("opacity=30"); cursor:default; pointer-events:none;}
.person_btm {overflow:hidden;  text-align:center;}
.person_btm .person_noti {color:#231f20; font-size:12px;margin-top:35px;line-height:22px;}
.person_btm .person_noti:before {content: '';background:url("../images/renewal/dot1.png")center no-repeat;padding-left:15px;}
.person_btm .person_noti span{font-size:inherit;color:#a97c50;}

.person_btm .person_border {background:#e1e3e4;width:100%;height:1px;margin:25px 0 20px;}
.person_btm .btn_next {}
.person_btm .btn_next a {display:inline-block; width:80px; height:32px; line-height:32px; text-align:center; color:#fff; font-size:11px; background-color:#a8a9ad;}
.person_btm .btn_next a.on {background-color:#a3171b; color:#fff;}

.reserve_sel.sel5 .input-field {width:343px;margin:0 auto;}
.reserve_sel.sel5 .input-field input{width:100%;height:46px;padding:0 12px;border:1px solid #e1e3e4;line-height:46px;}
.reserve_sel.sel5 .person_noti{margin-top:29px;}

.reserve_sel.sel2 {width:595px; margin:0 auto;}
.month_sel {position:Relative; padding:0 17px; margin:0 auto; width:150px; height:20px; box-sizing:border-box;}
.month_sel .month_t {text-align:center; font-size:13px; line-height:20px; color:#231f20;}
.month_sel .btn_prev, .month_sel .btn_next {display:inline-block; width:17px; height:20px; text-indent:-9999px;}
.month_sel .btn_prev {position:Absolute; left:0; top:0; background:url("../images/renewal/cal_arr1.png") no-repeat center center;}
.month_sel .btn_next {position:Absolute; right:0; top:0; background:url("../images/renewal/cal_arr2.png") no-repeat center center;}
.month_tbl {margin-top:25px; width:100%; text-align:center;}
.month_tbl thead th {padding-bottom:15px}
.month_tbl tbody td {padding:5px 0; vertical-align:top;}
.month_tbl tbody a {display:inline-block; margin:0 auto; width:32px; height:32px; line-height:32px; text-align:center; color:#231f20;}
.month_tbl tbody .disabled a {color:#a8a9ad !important; cursor:default; pointer-events:none;}
.month_tbl tbody .today a {background-color:#a8a9ad; color:#fff;}
.month_tbl tbody a.on {background-color:#a3171b; color:#fff;}
.month_tbl tbody .sun a {color:#a3171b;}
.month_tbl tbody .sat a {color:#bc9b69;}

.reserve_sel.sel3 {width:343px; margin:0 auto;}
.time_sel {overflow:hidden; padding-left:1px; padding-top:1px;}
.time_sel li {float:left; width:33.33%; border:1px solid #231f20; margin-left:-1px; margin-top:-1px; box-sizing:border-box;}
.time_sel a {display:table; width:100%; height:52px; line-height:52px; text-align:center; color:#231f20;}
.time_sel li.on {border-color:#a3171b; background-color:#a3171b;}
.time_sel li.on .tb_cell p {color:#fff;}

.time_btm {text-align:center;}
.time_btm .time_noti {color:#231f20;font-size:12px;margin-top:20px;}
.time_btm .time_noti:before {content: '';background:url("../images/renewal/dot1.png")center no-repeat;padding-left:15px;}
.time_btm .time_noti:nth-child(n+2){margin-top:5px}/*2020-06-09추가*/

.reserve_sel.sel4 {width:845px; margin:0 auto;}

.store_sort {position:Relative; width:275px; margin-left:auto; padding-left:90px; box-sizing:border-box;}
.store_sort .searchquick-box {position:absolute;top:0;left:0;width: 90px; height:46px; }
.store_sort .searchquick-box a span {display:inline-block;width:100%;color:inherit;font-family: inherit;text-align:left;font-weight:normal;font-size:12px;text-indent:13px;}
.store_sort .searchquick-box a.mm {position:relative;background-color:#a3171b;text-align:right;font-weight:normal;font-size:12px;}
.store_sort .searchquick-box a.mm img {position:absolute;right:-4px;top:20px;}
.store_sort .searchquick-box a.mm:hover,
.store_sort .searchquick-box a.mm:active {background-color:#721013;}
.store_sort .searchquick-box a.ms {background-color: #57585a;text-align:left;}
.store_sort .searchquick-box a.ms:hover,
.store_sort .searchquick-box a.ms:active {background-color:#3d3e3f;}
.store_sort .searchquick-box ul {display:none;}

.store_search {position:Relative; width:186px; border:1px solid #e1e3e4; border-left:0;}
.store_search .store_name {width:142px; height:44px;padding:10px 0 10px 10px;box-sizing: border-box;}
.store_search .store_name input[type="text"] {width:100%; height:100%;border-right:1px solid #e1e3e4;}
.store_search .store_name input::placeholder {color:#a8a9ad;}
.store_search .store_name .store_btn-search {width:15px;height:15px;position:absolute;right:14px;top:15px;background:url("../images/renewal/btn_search.png") center no-repeat;}
.store_search .store_btn {position:Absolute; right:0; top:0; bottom:0; width:43px; height:100%;}
.store_search .store_btn a {display:inline-block; width:100%; height:100%; background:url("../images/renewal/search1.png") no-repeat center center; text-indent:-9999px;}
.store_search .store_btn:before {display:inline-block; content:''; position:absolute; left:0; top:50%; margin-top:-10px; width:1px; height:20px; background-color:#d7d7d7; }

.store_list {margin-top:40px;}
.store_list > li {overflow:hidden; padding-top:20px; margin-top:20px; border-top:1px solid #e1e3e4;}
.store_list > li:first-child {padding-top:0; margin-top:0; border-top:0;}
.store_list .nocts {padding-top:100px !important; padding-bottom:180px; text-align:center;border-top:2px solid #e1e3e4 !important;}
.store_list .img {float:left; width:120px; height:80px; overflow:hidden;}
.store_list .img img {width:100%;height:100%;}
.store_list .cts {float:right; width:695px;}
.store_list .tit_box {font-size:0; line-height:0; margin-top:5px;}
.store_list .tit {position:Relative; padding-left:25px; color:#231f20; vertical-align:top; font-size:20px; line-height:1em; font-weight:600;}
.store_list .tit:before {display:inline-block; content:''; position:Absolute; left:0; top:1px; bottom:0; width:19px; height:18px; background:url("../images/renewal/star.png") no-repeat; background-position:0 0;}
.store_list .mys .tit:before {background-position:-19px 0;}
.store_list .call {margin-left:30px; padding-left:25px; display:inline-block; vertical-align:top; color:#231f20; font-size:13px; line-height:20px; background:url("../images/renewal/call.png") no-repeat center left;font-family:'Helvetica';font-weight: bold;letter-spacing: 1.5px;}
.store_list .time_sel2 {margin-top:5px; overflow:hidden;}
.store_list .time_sel2 li {float:left; margin-top:10px; margin-right:10px;}
.store_list .time_sel2 a {display:inline-block; width:70px; height:32px; line-height:32px; text-align:center; color:#231f20; border:1px solid #231f20; box-sizing:border-box;}
.store_list .time_sel2 .disabled a {color:#a8a9ad; border-color:#a8a9ad; cursor:default; pointer-events:none;}
.store_list .time_sel2 .on a {background-color:#a3171b; color:#fff; border-color:#a3171b;}

.store_list .store_memo {margin-top:30px;}
.store_list .store_memo p {position:relative;padding-left:23px;color:#231f20;font-size:13px;line-height:1;}
.store_list .store_memo p:before {display:inline-block;content:'';position:absolute;top:0;left:0;width:15px;height:13px;background:url('../images/renewal/bg_alarm.png') no-repeat center center;background-size:100%;}


.btn_more {margin-top:30px;}
.btn_more a {position:relative; display:block; height:47px; line-height:47px; background:url("../images/renewal/btn_more.png") no-repeat center center #a8a9ad; text-indent:-9999px;}

.nocts_time {float:left;padding:25px 0 17px;}
.nocts_time p {width:100%;font-size:13px;color:#231f20;line-height:1.4em;} /* 2018-10-18: 수정 */

.reserve_detail_wrap {margin-top:50px; padding:60px 0 80px; width:990px; background-color:#fff;}
.reserve_detail {width:495px; margin:0 auto;}
.reserve_detail .arr_tit {text-align:center;}
.reserve_detail .arr_tit a {display:inline-block; padding-right:15px; background:url("../images/renewal/arr2.png") no-repeat center right; font-size:20px; line-height:1em; color:#231f20; font-weight:600;}
.reserve_detail .date {margin-top:15px; text-align:center; font-size:15px; line-height:1em; color:#bc9b69;}
.reserve_detail .time {margin-top:10px;margin-bottom:40px;text-align:center; font-family: 'Open Sans', sans-serif; font-size:30px; line-height:1em; color:#bc9b69;}

.reserve_detail .reserve_banner {}
.reserve_detail .reserve_banner a {}
.reserve_detail .reserve_banner img {width:100%;height:100%;}

.reserve_info {margin-top:10px; border:1px solid #e1e3e4;}
.reserve_info li {overflow:hidden; /*min-height:50px;*/ border-top:1px solid #e1e3e4;}
.reserve_info li:first-child {border-top:0;}
.reserve_info .label {float:left; padding:18px 15px 16px 25px;width:125px; box-sizing:border-box; color:#231f20; font-size:13px;}
.reserve_info .txt {float:right; text-align:right; padding-right:25px; width:368px; box-sizing:border-box;}
.reserve_info .txt .status, .reserve_info .txt .num {display:block;padding:17px 0 15px;font-size:13px;}

.reserve_info .txt .status.end {color:#a3171b;}
.reserve_info .txt .status.cancel {color:#231f20;}

.reserve_info .txt .num {color:#231f20;}
.reserve_info .memo_wrap {position:Relative; height:90px; margin-right:-25px; text-align:left;}
.reserve_info .memo_wrap .dim {display:none; position:fixed; top:0; left:0; right:0; bottom:0;}
.reserve_info .memo_box {position:absolute; left:0; right:0; top:0; bottom:0; display:none; font-size:12px; line-height:1.5em; color:#888888; z-index:2;}
.reserve_info .memo_box .default {position:absolute; left:0; right:0; top:0; bottom:0; padding:18px; color:#888888;font-size:13px;line-height:1.5em;word-break:break-word;}
.reserve_info .memo_box.memo1 .default {cursor:pointer;}
.reserve_info .memo_box .user {display:none; position:absolute; left:0; right:0; top:0; bottom:0;}
.reserve_info .memo_box .user textarea {padding:15px; width:100%; height:90px; border:0; resize:none; box-sizing:border-box; overflow-y:scroll; outline:0; border:1px solid #a6c7fe;}
.reserve_info .btn_register {position:relative; height:36px; min-height:auto;}
.reserve_info .btn_register a {position:absolute; right:2px; top:2px; bottom:2px; width:120px; height:32px; line-height:32px; text-align:center; background-color:#d1d2d4; color:#231f20; font-size:12px; }
.reserve_info .btn_register .memo_num{position:absolute;top:12px;right:131px;color:#888888;font-size:12px;}
.reserve_noti {padding:25px 20px; background-color:#efefef;}
.reserve_noti li {margin-top:10px; padding-left:10px; background:url("../images/renewal/dot1.png") no-repeat center left; color:#808285; font-size:12px; line-height:1em;}
.reserve_noti li:first-child {margin-top:0;}
.reserve_detail .btm {margin-top:30px; overflow:hidden;}
.reserve_detail .float-l {width:110px;}
.reserve_detail .float-r {width:160px;}
.reserve_detail .tit_share a {display:inline-block; padding-right:10px; background:url("../images/renewal/arr3.png") no-repeat center right; font-size:12px; line-height:1em; color:#231f20;}
.reserve_detail .share_list {margin-top:12px;}
.reserve_detail .btn_cancel {margin-top:10px;}
.reserve_detail .btn_cancel a {display:inline-block; width:160px; height:45px; line-height:45px; text-align:center; color:#040000; font-size:12px; letter-spacing:0.15em; border:1px solid #040000; box-sizing:border-box;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.reserve_detail .btn_cancel a:HOVER {background:#040000;color:#ffffff;}

.reserve_expiration .memo3 {display:block;cursor:default;}
.reserve_expiration .btn_register {display:none;}
.reserve_expiration .btm {display:none;}

/* 마이예약 */
.myreserve_wrap {margin-top:45px; padding:35px 25px; background-color:#fff;}
.myreserve_wrap .noti {margin-bottom:25px; font-size:12px; line-height:1em; color:#231f20;}
table.myreserve_tbl {width:100%; border-left:1px solid #e3e5e6; border-right:1px solid #e3e5e6;}
.myreserve_tbl th, .myreserve_tbl td {padding:15px 0; text-align:center; border-bottom:1px solid #e3e5e6;}
.myreserve_tbl thead th {border-top:1px solid #e3e5e6; font-weight:400; font-size:13px; line-height:1em; color:#333333;}
.myreserve_tbl th:first-child, .myreserve_tbl td:first-child {text-align:left; padding-left:25px;}
.myreserve_tbl tbody th {font-weight:400; font-size:16px; line-height:1em; color:#000000;}
.myreserve_tbl tbody th a {font-weight:400; font-size:16px; line-height:1em; color:#000000;}
.myreserve_tbl .date {color:#808285;}
.myreserve_tbl .num {color:#808285;}
.myreserve_tbl .status.cancel {color:#231f20;}
.myreserve_tbl .status.end {color:#a3171b;}
.myreserve_tbl .btn_del {color:#a97c50; font-size:11px; line-height:1em;}

/*마이페이지*/
.mad_mypage_wrap {margin:50px auto 0;width:990px;}
.mad_mypage_info {background:#fff;padding:50px 25px 60px;position:relative}
.mad_mypage_info .mypage_dsc {width:100%;}
.mad_mypage_info .mypage_dsc p {display:block;color:#231f20;font-size:24px;}
.mad_mypage_info .mypage_dsc span {font-size:24px;}
.mad_mypage_info .mypage_dsc span.name {color:#a97c50;}
.mad_mypage_info .mypage_dsc span.membership {margin-right:5px;}

.mad_mypage_info .mypage_manage {width:125px;border:1px solid #231f20;font-size:12px;padding:14px 0;position:absolute;top:57px;right:26px;transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.mad_mypage_info .mypage_manage:hover {background:#231f20;color:#fff;}

.mypage_sel {width:100%;height:190px;margin-top:20px;display:inline-block;}
.mypage_sel li {width:33.3%;height:100%;float:left;padding:30px 30px 25px;box-sizing: border-box;border:2px solid #e1e3e4;margin-right:-2px;display:inline-block;position:relative;}
.mypage_sel li .mypage_title {font-weight:800;font-size:20px;color:#231f20;}
.mypage_sel li .mypage_title:after {display:inline-block; content:''; width:9px; height:20px; background:url("../images/renewal/mypage_arrow.png") no-repeat;vertical-align: top;margin-top:1px;margin-left:15px;}
.mypage_sel li .mypage_cell {text-align:right;position:absolute;right:30px;bottom:15px;}
.mypage_sel li .mypage_cell span.mypage_place {display:block;color:#231f20;font-size:26px;}
.mypage_sel li .mypage_num {color:#a97c50;font-size:32px;}
.mypage_sel li .span_gray {color:#888888;font-size:24px;}
.mypage_sel li .mypage_qna {margin-top:35px;}
.mypage_sel li .mypage_qna>div {width:49%;display:inline-block;box-sizing: border-box;margin-left:-1px;text-align:right;}
.mypage_sel li .mypage_qna>div .cell_title {display:block;text-align:left;margin-bottom:20px;color:#231f20;font-size:16px;font-weight:400;}
.mypage_sel li .mypage_qna .qna_left {border-right:1px solid #e1e3e4;padding-right:30px;}
.mypage_sel li .mypage_qna .qna_right {margin-left:-3px;}
.mypage_sel li .mypage_qna .qna_right .cell_title {text-align:center;}
.mypage_place-no-data {}
.mypage_place-no-data .shop-setting {display:block;margin-top:38px;margin-left:10px;width:220px;padding:15px 0;border:1px solid #231f20;transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.mypage_place-no-data .shop-setting:hover {background:#000;color:#fff;}

.mad_mypage_coupon {background:#fff;padding:40px;margin:20px 0 80px 0;display:inline-block;width:100%;box-sizing: border-box}
.mad_mypage_coupon .mypage_title {font-weight:800;font-size:20px;color:#231f20;line-height:1;}
/* .mad_mypage_coupon .mypage_title:after {display:inline-block; content:''; width:9px; height:20px; background:url("../images/renewal/mypage_arrow.png") no-repeat;vertical-align: top;margin-top:1px;margin-left:15px;}*/
.mypage_mad-rewards .coupon_title:after, .mypage_wine .coupon_title:after {display:inline-block; content:''; width:9px; height:20px; background:url("../images/renewal/mypage_arrow.png") no-repeat;vertical-align: top;margin-top:1px;margin-left:15px;}
.coupon_table {width:100%;margin-top:25px;}
.coupon_table tr td {border:2px solid #e1e3e4;padding:30px 30px 35px 30px;}
.coupon_table .coupon_title {display:inline-block;width:100%;font-size:20px;font-weight:800;margin-bottom:50px; color:#231f20;}

.coupon_table .coupon_first-tr td div {width:49.8%;display:inline-block;box-sizing: border-box;margin-left:-1px;text-align:right;color:#888888;font-size:24px;}
.coupon_table .coupon_first-tr td div.mypage_left {border-right:1px solid #e1e3e4;padding-right:30px;}
.coupon_table .coupon_first-tr td div .cell_title {display:block;text-align:left;margin-bottom:20px;color:#231f20;font-size:16px;font-weight:400;}
.coupon_table .coupon_first-tr td div.mypage_right {padding-left:30px;}
.coupon_table .coupon_first-tr td div .num {color:#a97c50;font-size:32px;}
.coupon_table .mypage_saving {padding-left:20px;padding-bottom:50px;}
.coupon_table .mypage_saving .coupon_title {margin-bottom:10px;}
.coupon_table .coupon_box {text-align:center;}
.coupon_table .coupon_box .coupon_inform {display:inline-block;vertical-align: middle;}
.coupon_table .coupon_box .coupon_inform .coupon_name_sub {font-size:20px;margin-top:10px;}
.coupon_table .coupon_box .coupon_inform .coupon_name  {font-size:28px;font-weight:800;}
.coupon_table .coupon_box .coupon_inform .coupon_name_no-data {font-size:20px;margin-top:40px;}
.coupon_table .coupon_box .coupon_img {width:240px;height:241px;display:inline-block;vertical-align: middle;margin-right:55px;}
.coupon_table .coupon_box .coupon_img.coupon02 {background:url('../images/renewal/mypage_coupon2.png') no-repeat;}
.coupon_table .coupon_box .coupon_img.coupon04 {background:url('../images/renewal/mypage_coupon4.png') no-repeat;}
.coupon_table .coupon_box .coupon_img.coupon20 {background:url('../images/renewal/mypage_coupon20.png') no-repeat;}
.coupon_table .coupon_box .coupon_img.coupon40 {background:url('../images/renewal/mypage_coupon40.png') no-repeat;}

.coupon-btn {display:block;margin-top:25px;width:220px;padding:16px 0 14px;border:1px solid #231f20;transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.coupon-btn:hover {background:#000;color:#fff;}

/* 받은혜택 없음 */
.coupon_nocts {margin-top:50px;}
.coupon_nocts p {text-align:center;color:#231f20;font-size:20px;font-weight:300;}
.coupon_nocts .coupon-btn {margin:40px auto;}

/* 마이리워즈 */
.rewards_list {overflow:hidden;background:#231f20;}
.rewards_list li {float:left;width:33.33%;text-align:center;}
.rewards_list a {position:relative;display:inline-block;padding:17px 0 14px;width:100%;font-size:15px;color:#7e7d7d;}
.rewards_list li.on a {color:#c49a6c;}
.rewards_list li.on a:after {display:block;content:'';position:absolute;left:0;bottom:0;width:100%;border-bottom:3px solid #a97c50;}

/* 매드리워즈 */
.renewal_rewards {padding:120px 0 0 0;}
.renewal_rewards .inner_cts {width:100%;}

.renewal_saving {padding:120px 0 0 0;}
.mad_rewards_wrap {position:relative;margin-top:50px;background:#292929;}
.mad_rewards_detail {width:990px;margin:0 auto;padding:60px 0 170px;}
.mad_rewards_detail:after {content:'';clear:both;display:block;}
.mad_info_area {display:inline-block;width:266px;background:#3b3b3c;}
.mad_info {overflow:hidden;position:relative;}
.mad_info li {border-top:1px solid #292929;}
.mad_info li:first-child {border-top:0;}
.mad_info li>dl {padding:25px;}
.mad_info li>dl>dt {margin:0 0 15px 0;font-size:16px;font-weight:300;color:#ffffff;}
.mad_info li>dl>dd {font-size:28px;color:#ffffff;}
.mad_info li>dl>dd>.num {display:inline-block;font-size:28px;font-weight:400;color:#c49a6c;line-height:1;}
.mad_info li>dl>dd {text-align:right;}
.mad_info li>dl>dd .date{font-size:16px}

.mad_info .benefit dl dt {}
.mad_info .benefit dl dt .bg_guide {float:right;width:26px;height:26px;background:url('../images/renewal/bg_guide.png') no-repeat top center;margin-top:-2px;cursor:pointer}
.mad_info .benefit dl dt .bg_guide:hover {background:url('../images/renewal/bg_guide_over.png') no-repeat top center;}
.mad_info .benefit dl:after {content:'';display:block;clear:both;}
.mad_info li>dl>dd {}
.mad_info li>dl>dd.before .dsc {padding:20px 0 35px;}
.mad_info li>dl>dd.before .dsc .tit {font-size:20px;font-weight:300;color:#9d9d9e;text-align:right;}
.mad_info li>dl>dd.after {}
.mad_info li>dl>dd.after .dsc {padding:26px 0 25px;}
.mad_info li>dl>dd.after .dsc {padding:18px 0 19px;}
.mad_info li>dl>dd.after .dsc .coupon {display:inline-block;font-size:28px;font-weight:400;color:#c49a6c;line-height:1;}
.mad_info li>dl>dd.after .dsc .etc {display:inline-block;margin:10px 0 0 0;font-weight:400;color:#ffffff;font-size:20px;line-height:1;}
.mad_info li>dl>dd.after .dsc .etc span {display:inline-block;font-weight:400;color:#ffffff;font-size:20px;line-height:1;}
.mad_info li>dl>dd .btn_mad {display:block;width:100%;margin:0 auto;padding:14px 0 12px;font-size:12px;color:#231f20;background:#fff;border:2px solid #231f20;text-align:center;transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;box-sizing:border-box;-webkit-box-sizing:border-box;}
.mad_info li>dl>dd .btn_mad:hover {background:#231f20;border:2px solid #231f20;color:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;}
.barcd {padding:12px 20px;background:#fff;text-align:left;}
.barcd .num {line-height:1em;color:#231f20}
.barcd .img {margin:5px 0 0 0;}

.mad_table_area {float:right;width:640px;/*overflow-y:scroll;height:400px;*/}
.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:35px;}
.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:15px 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:25%;}
.mad_table .row .col_3 {width:25%;}
.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:127px;height:101px;background:url('../images/renewal/bg_mad_start.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(1) .col_2 .img {width:103px;height:103px;background:url('../images/renewal/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:151px;height:133px;background:url('../images/renewal/bg_mad_rew20.png') no-repeat top center;background-size:100%;}

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

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

.mad_table .row:nth-child(4) .col_1 .img {width:103px;height:103px;background:url('../images/renewal/bg_mad_count6.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(4) .col_2 .img {width:103px;height:103px;background:url('../images/renewal/bg_mad_count7.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(4) .col_3 .img {width:103px;height:103px;background:url('../images/renewal/bg_mad_price40.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(4) .col_4 .img {width:151px;height:133px;background:url('../images/renewal/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:79px;right:-7px;width:10px;height:11px;background:url('../../../images/renewal/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:81px;right:0px;width:9px;height:6px;background:url('../../../images/renewal/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/renewal/mad_rew20_ing.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(2) .col_3.ing .img {background:url('../images/renewal/mad_price10_ing.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(2) .col_4.ing .img {background:url('../images/renewal/mad_rew40_ing.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(3) .col_3.ing .img {background:url('../images/renewal/mad_price20_ing.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(3) .col_4.ing .img {background:url('../images/renewal/mad_rew2_ing.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(4) .col_3.ing .img {background:url('../images/renewal/mad_price40_ing.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(4) .col_4.ing .img {background:url('../images/renewal/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/renewal/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/renewal/mad_rew20_end.png') no-repeat top center;background-size:100%;}

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

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

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

/* 사용만료 */
.mad_table .row:nth-child(1) .col_4.end2 .img {background:url('../images/renewal/mad_rew20_end2.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(2) .col_4.end2 .img {background:url('../images/renewal/mad_rew40_end2.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(3) .col_4.end2 .img {background:url('../images/renewal/mad_rew2_end2.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(4) .col_4.end2 .img {background:url('../images/renewal/mad_rew4_end2.png') no-repeat top center;background-size:100%;}

/* 기간만료 */
.mad_table .row:nth-child(1) .col_4.end3 .img {background:url('../images/renewal/mad_rew20_end3.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(2) .col_4.end3 .img {background:url('../images/renewal/mad_rew40_end3.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(3) .col_4.end3 .img {background:url('../images/renewal/mad_rew2_end3.png') no-repeat top center;background-size:100%;}
.mad_table .row:nth-child(4) .col_4.end3 .img {background:url('../images/renewal/mad_rew4_end3.png') no-repeat top center;background-size:100%;}


/* mad_rew_dsc */
.mad_table .row .mad_balloon {display:block;position:absolute;top:-27px;right:-135px;background:#231f20;word-break:keep-all;z-index:1;border-bottom:none;}
/*
.mad_table .row .mad_balloon:after {display:block;content:'';position:absolute;bottom:-20px;right:77px;z-index:10;width:40px;height:20px;background:url('../images/renewal/bg_mad_arr.png') no-repeat top center;background-size: 100%;}
.mad_table .row .mad_balloon_l {right:-90px;min-width:115px;background:#3f3f3f;line-height:1.2em;border:2px solid #393530;}
*/

.mad_table .row .mad_balloon_l {width:164px;height:98px;background:url('../images/renewal/mad_balloon_l.png') no-repeat top center; }

.mad_table .row .mad_balloon span,
.mad_table .row .mad_balloon strong {font-size:18px;color:#ffffff;}
.mad_table .row .mad_balloon_m {min-width:80px;}

.mad_table .row .mad_balloon p {display:table;width:100%;height:78px;text-align:center;color:#ffffff;font-size:13px;font-weight:300;line-height:20px;text-align:center;}
.mad_table .row .mad_balloon p .color_rg {display:table-cell;vertical-align:middle;padding-top:4px;color:#ffffff;}

/* 와인리워즈 */
.wine_badge {overflow:hidden;}
.wine_wrap {margin:40px 0 0 0;background:#292929;}
.wine_area {position:relative;min-height:575px;padding:0 0 245px 0;}

.wine_inr {position:absolute;z-index:100;width:100%;height:100%;}
.wine_inr .btn_guide_area {display:block;margin:0 20px;}
.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('../pc/images/renewal/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 .btn_guide {display:block;width:72px;padding-top:20px;font-size:13px;font-weight:300;color:#ffffff;}
.wine_inr .btn_guide:after {display:inline-block;content:'';width:25px;height:25px;background:url('../images/renewal/bg_guide.png') no-repeat top center;background-size:100%;vertical-align:top;margin-top:-2px;}
.wine_inr .bg_wine {position:relative;width:143px;height:431px;margin:-95px auto 0 auto;background:url('../images/renewal/bg_wine2.png') no-repeat top center;background-size:100%;}
.wine_inr .bg_wine .wine_num {padding-top:295px;margin-right:23px;font-size:40px;font-weight:400;letter-spacing:-1px;color:#ffffff;text-align:center;}
.wine_inr .bg_wine .wine_num span {margin-left:3px;font-size:20px;font-weight:300;color:#ffffff;}
.wine_inr .bg_wine_scale {position:absolute;top:117px;right:295px;width:68px;height:342px;margin:0 auto;background:url('../images/renewal/bg_wine_scale.png') no-repeat top center;background-size:100%;}

.wine_inr .badge_area {position:relative;padding-top:90px;width:990px;height:auto;margin:0 auto;}
.wine_inr .badge_area:after {content:'';clear:both;display:block;}
.wine_inr .badge_area .tit {float:left;width:255px;height:79px;font-size:16px;color:#ffffff;}
.wine_inr .badge_area .tit span {margin-left:5px;font-size:16px;color:#ffffff;}

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

.txt_info {width:990px;margin:90px auto 0 auto;}
.txt_info dt {font-size:16px;color:#fff;}
.txt_info dt strong {display:block;margin:5px 0 0 0;font-size:12px;color:#c49a6c;line-height: 1.6;font-weight: normal;}
.txt_info dd {margin:12px 0 0 0;font-size:12px;color:#888;line-height:1.6em;}
.txt_info dd p{margin-top:10px;font-size:12px;}
.txt_info dd ul,.txt_info dd ul li{font:inherit}
.txt_info dd ul li {margin-bottom:9px}

/* water 제어 */
.wine_box .water {position:absolute;bottom:0;left:0;width:100%;height:0%;background:currentColor;}
.wine_box .waves_area {position:absolute;top:475px;left:0;width:100%;height:120px;}
.wine_box .wine_dim {position:absolute;top:852px;left:0;width:100%;height:100%;background:#9c383c;}

.wine_box .waves {position:absolute;bottom:0;left:0;width:100%;height:100%;overflow:hidden;
	transition:5s transform ease;transform-origin:bottom center;transition-delay:0.5s;transform:scale(1,0);}
.wine_box.on .waves {transform:scale(1.1, 0.5);transition-delay:0s;}
.wine_box .wave {position:absolute;bottom:0;left:0;width:100%;height:100%;animation:wave 2.0s linear infinite;}
.wine_box .wave--front {z-index:2;color:#9a373a;}
.wine_box .wave--back {z-index:1;color:rgba(104,32,35,0.5);animation:wave 3.0s linear infinite;/*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(-99.9%, 0);}

@-webkit-keyframes wave{
	0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
	50%{-webkit-transform:translate3d(50%, 0.5em, 0);transform:translate3d(50%, 0.5em, 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.5em, 0);transform:translate3d(50%, 0.5em, 0);}
	100%{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
}
@-ms-keyframes wave{
	0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
	50%{-webkit-transform:translate3d(50%, 0.5em, 0);transform:translate3d(50%, 0.5em, 0);}
	100%{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
}


.wine_bnr_area {background:#e1e3e4;padding:55px 0 60px;}
.wine_bnr_area:after {content:'';clear:both;display:block;}
.wine_bnr_area li {width:990px;margin:0 auto;}
.wine_bnr_area li .tit {float:left;display:inline-block;width:255px;font-size:16px;color:#231f20;}
.wine_bnr_area .wine_bnr img {display:block;}

/* 적립내역 */
.saving_wrap {margin:40px 0 0 0;background:#292929;}
.saving_box {width:990px;margin:0 auto;padding:60px 0 80px 0;}
.saving_info {overflow:hidden;position:relative;}
.saving_info li {float:left;width:25%;}
.saving_info li>dl {background:#3b3b3c;padding:30px 18px;border-left:2px solid #292929;text-align:center;}
.saving_info li:first-child>dl {border-left:0;}
.saving_info li>dl>dt {font-size:16px;color:#ffffff;text-align:left;}
.saving_info li>dl>dd {font-size:28px;color:#ffffff;padding-top:25px;text-align:right;}
.saving_info li>dl>dd>.num {margin-right:1px;display:inline-block;vertical-align: middle;font-size:28px;color:#c49a6c;line-height:1;}

.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_list {position:relative;margin:40px 0 0 0;}
.saving_list .list .list_inr {width:50%;float:left;}

.saving_tbl {width:100%;margin:20px 0 0 0;}
.saving_tbl th,
.saving_tbl td {padding:15px 0; text-align:center; border-bottom:1px solid #292929;font-size:16px;color:#fff;line-height:1em;font-weight:400;}
.saving_tbl thead th {background:#231f20;border-top:1px solid #292929;font-size:13px;}
.saving_tbl th:first-child,
.saving_tbl td:first-child {text-align:left; padding-left:25px;}
.saving_tbl tbody th,
.saving_tbl tbody td {position:relative;background:#3b3b3c;}
.saving_tbl tbody th {}
.saving_tbl tbody th a {}
.saving_tbl td::before{content:'';position: absolute;top:18px;left:0;width:1px;height:15px;background-color: #292929;}

.saving_tbl .date {color:#b2b2b2;font-size:14px;}
.saving_tbl .num {color:#b2b2b2;font-size:14px;}
.saving_tbl .amount span {display:inline-block;font-size:17px;color:#fff;}
.saving_tbl .amount {font-size:13px;color:#fff;}


.saving_receipt {position:relative;}
.saving_receipt .num_write {float:left;width:360px;margin:0 10px 0 0;}
.saving_receipt .num_write .inr {width:100%;padding:9px 7px;background:#3b3b3c;box-sizing:border-box;-webkit-box-sizing:border-box;}
.saving_receipt .num_write .inr input {width:100%;border:0;font-size:13px;color:#ffffff;font-weight:300;}
.saving_receipt .num_write .inr input[type="text"] {width:100%;border:0;box-sizing:border-box;font-size:13px;color:#ffffff;}
.saving_receipt .num_write .inr input[type="text"]::placeholder {font-size:13px;color:#ffffff;}
.saving_receipt .num_write .inr input[type="text"]::-webkit-placeholder {font-size:13px;color:#ffffff;}
.saving_receipt .num_write .inr input[type="text"]::-moz-placeholder {font-size:13px;color:#ffffff;}
.saving_receipt .num_write .inr input[type="text"]:-ms-input-placeholder {font-size:13px;color:#ffffff;}

.saving_receipt .btn_saving {float:left;width:90px;margin:0 10px 0 0;padding:8px 0;background:#231f20;}

.saving_receipt .btn_saving p {font-size:13px;color:#ffffff;text-align:center;}

.receipt_dsc {margin-top:21px;font-size:13px;font-weight:300;line-height:1;color:#ffffff;}
.saving_list .list:after {content:'';clear:both;display:block;}
.saving_list .list .set_period {display:inline-block;width:350px;}
.saving_list .list .set_period .period_dsc {display:inline-block;margin:0 0 0 20px;color:#ffffff;line-height:2.3em;}
.saving_list .list .set_period .period_dsc span {display:inline-block;color:#ffffff;line-height:2.3em;}
.saving_list .list .saving_receipt {float:right;}
.saving_list .list .select_box {float:left;}
.select_box {display:inline-block;position:relative;padding:8px 5px;background:#fff;}
.select_box:before {content:'';display:inline-block;position:absolute;right:8px;top:50%;z-index:10;width:13px;height:7px;margin:-3px 0 0 0;background:url('../pc/images/renewal/arr_selectbox.png') no-repeat 0 0;background-size:13px 7px;}
.select_box select {color:#000;font-size:12px;}

.saving_noti_area {display:inline-block;position:relative;margin:3px 0 0 0;}
.saving_noti_area .btn_noti {display:inline-block;width:26px;height:26px;background: url(../images/renewal/ic_noti2.png) no-repeat top center;vertical-align:top;font-size:0;outline:0;}
.saving_noti_area.on .btn_noti {background: url(../images/renewal/ic_noti2_on.png) no-repeat top center;}

.saving_noti_area .saving_noti {display:none;position:absolute;right:0;top:38px;z-index:10;width:420px;padding:20px 25px;background:#fff;color:#000; font-size:12px; line-height:1.5em;}
.saving_noti_area .saving_noti .btn_noti {position:absolute; top:0; margin-left:5px; display:inline-block; width:26px; height:26px; vertical-align:middle; text-indent:-9999px; background:url("../images/renewal/ic_noti.png") no-repeat center center;}
.saving_noti_area .saving_noti.on .btn_noti {background:url("../images/renewal/ic_noti_on.png") no-repeat center center;}
.saving_noti:before {display:inline-block; content:''; position:Absolute; right:4px; top:0; margin-top:-8px; width:16px; height:8px; background:url("../pc/images/renewal/noti_arr_white.png") no-repeat center center; }
.saving_noti_area.on .saving_noti {display:inline-block;}
.txt_list li {padding:0 0 0 10px;font-size:12px;color:#000;line-height:1.5em;text-indent:-10px;}
.saving_noti_area .txt_list {margin:5px 0 0 0;}

/* 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%;height:100%;z-index:100;-webkit-overflow-scrolling:touch;}
.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 .pop_area {position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index:100;margin:0 35px;background:#ffffff;}
.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:#ffffff;}
.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;font-weight:300;color:#231f20;text-align:center;}
.layer_pop .pop_cont dl>dd {}
.layer_pop .pop_cont dl>dd .dot_list {padding:0 25px 0 35px;margin-top:20px;text-align:left;}
.layer_pop .pop_cont dl>dd .dot_list li {position:relative;font-size:15px;line-height:1.5em;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('../pc/images/sub/bg_pop_dot.png') no-repeat top center;background-size:100%;vertical-align:top;}

.layer_pop .pop_cont .scroll_area {overflow-y:scroll;max-height:466px;}
.layer_pop .pop_cont .scroll_area>img {display:block;max-width:100%;}


/* 팝업버튼 */
.layer_pop .btn {overflow:hidden;border-top:1px solid #e1e3e4;text-align:center;background:#ffffff;}
.layer_pop .btn>a {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>li:last-child:before {display:inline-block;content:'';position:absolute;left:0;top:15px;bottom:0;width:1px;height:20px; background:#f3f3f3;}
.btn_pop_close {display:inline-block;position:absolute;right:20px;top:17px;z-index:10;width:16px;height:16px;background:url('../images/renewal/btn_close4.png') no-repeat 0 0;}
.btn_pop_close a {display:inline-block;width:100%;height:100%;font-size:0;}

.rewards_pop {width:570px;}
/*
.rewards_pop .pop_cont .rewards_img {width:460px;height:1100px;background:url('../images/renewal/bg_pop_rewards.png') no-repeat top center;background-size:100%;}
*/
.pop_cont .btn_area {padding:20px 0;border-top:1px solid #e1e3e4;}
.btn_area.center {text-align:center;}
.btn_confirm {display:inline-block; padding:10px 50px;line-height:10px; color:#231f20; font-size:11px; border:1px solid #231f20; vertical-align:middle; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.btn_confirm:hover {background-color:#231f20; color:#fff;}

/* 단골매장 */
.mystore_list > li {position:Relative; margin-top:40px; padding:40px; background-color:#fff;}
.mystore_list .btn_star {position:relative;display:inline-block;vertical-align:top;margin-top:2px;margin-right:5px;}
.mystore_list .btn_star:before {display:inline-block; content:'';overflow:Hidden; width:24px; height:24px;  background:url("../images/renewal/star2.png") no-repeat 0 0;}
.mystore_list .btn_star.on:before {background-position:-24px 0;}
.mystore_list .tit {position:Relative; display:inline-block; margin-right:20px;height:24px; font-size:24px; line-height:1em; vertical-align:middle; color:#000000; font-weight:600;}

.mystore_list .btn_mys {display:inline-block; padding:0 15px; height:32px; line-height:32px; color:#231f20; font-size:11px; border:1px solid #231f20; vertical-align:middle; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.mystore_list .btn_mys:hover {background-color:#231f20; color:#fff;}
.mystore_list .address {margin-top:15px; font-size:16px; line-height:1em; color:#231f20;}
.mystore_list .mystore_info {padding-top:25px; margin-top:20px; border-top:1px solid #e1e3e4;}
.mystore_list .btn_reserve {position:absolute; top:53px; right:40px;}
.mystore_list .btn_reserve a {display:inline-block; padding-left:15px; width:100px; height:32px; line-height:32px; box-sizing:border-box; font-size:11px; color:#231f20; border:1px solid #231f20; background:url("../images/renewal/ico_mys.png") no-repeat center right; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.mystore_list .btn_reserve a:hover {background:#231f20 url("../images/renewal/ico_mys_on.png") no-repeat center right; color:#fff;}
.mystore_list .call {position:Absolute; right:168px; top:62px; padding-left:25px; font-size:13px; line-height:14px; letter-spacing:0.15em; color:#231f20; background:url("../images/renewal/call.png") no-repeat center left;}
.mystore_info li {position:Relative; margin-top:20px; padding-left:150px; min-height:16px;}
.mystore_info li:first-child {margin-top:0;}
.mystore_info .wide {letter-spacing:0.15em;}
.mystore_info .label {position:Absolute; left:7px; top:0; padding-left:30px; font-size:14px;}
.mystore_info .label:before {display:inline-block; content:''; position:absolute; left:0; top:0; width:16px; height:14px; background:url("../images/renewal/mys_spr.png") no-repeat;}
.mystore_info .ic1 .label:before {background-position:0 0;}
.mystore_info .ic2 .label:before {background-position:-16px 0;}
.mystore_info .ic3 .label:before {background-position:-32px 0;}
.mystore_info .ic4 .label:before {background-position:-48px 0;}
.mystore_info .ic5 .label:before {background-position:-64px 0;}
.mystore_info .ic6 .label:before {background-position:-80px 0;}

/* 단골매장 없음 */
.mys_nocts {text-align:center;margin-top:40px;padding:100px 0;background-color:#fff;}
.mys_nocts p {font-size:13px;line-height:1.5em;color:#231f20;}
.mys_nocts .btn_mys {display:inline-block;margin-top:35px;padding:0 19px;height:37px;line-height:37px;color:#231f20;font-size:11px;border:1px solid #231f20;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.mys_nocts .btn_mys:hover {background:#231f20;color:#fff;}

/* 쿠폰페이지 */
.coupon_guide {color:#231f20;font-weight:400;margin-bottom:-10px;margin-top:40px;font-size:12px;}

.coupon_register {overflow:hidden;margin-top:45px;padding:35px 40px; background-color:#d1d2d4;}
.coupon_register .float-l, .coupon_register .float-r {position:Relative; width:450px;}
.coupon_register .tit {display:inline-block; margin-bottom:10px; font-size:13px; line-height:26px; color:#231f20;}
.coupon_register .user {height:45px; background-color:#fff;}
.coupon_register .user input[type="text"] {border:0; height:45px; width:100%; padding:0 25px; box-sizing:border-box; color:#a8a9ad;}
.coupon_register .user input[type="text"]::placeholder,
.coupon_register .user input[type="text"]::-webkit-placeholder,
.coupon_register .user input[type="text"]::-moz-placeholder,
.coupon_register .user input[type="text"]:-ms-input-placeholder {color:#a8a9ad !important; }
.coupon_register .align-c {padding-top:30px; clear:both;}
.coupon_register .btn_register {width:240px; height:48px; line-height:44px; background-color:#231f20; color:#fff; font-size:13px; box-sizing:border-box; border:2px solid #231f20; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;margin: 0 4px;}
.coupon_register .btn_register:hover {border:2px solid #231f20; background-color:#fff; color:#231f20;}

.coupon_noti_wrap .btn_noti {position:absolute; top:0; left:150px;margin-left:5px; display:inline-block; width:26px; height:26px; vertical-align:middle; text-indent:-9999px; background:url("../images/renewal/ic_noti.png") no-repeat center center;}
.coupon_noti_wrap.on .btn_noti {background:url("../images/renewal/ic_noti_on.png") no-repeat center center;}
.coupon_noti_wrap .coupon_noti {display:none; position:absolute; top:36px; left:139px; padding:20px 30px; background-color:#231f20; color:#918f90; font-size:12px; line-height:1.5em;}
.coupon_noti_wrap.on .coupon_noti {display:inline-block;}
.coupon_noti:before {display:inline-block; content:''; position:Absolute; left:22px; top:0; margin-top:-8px; width:16px; height:8px; background:url("../images/renewal/noti_arr.png") no-repeat center center; }

.coupon_list {margin-top:40px;}
.coupon_list li {position:Relative; margin-top:20px; height:199px; padding:10px; background-color:#fff; box-sizing:Border-box;}
.coupon_list li:after,
.coupon_list li:before {display:inline-block; content:''; position:Absolute; top:0; right:165px; z-index:2; width:16px; height:19px; background:url("../images/renewal/coupon_bg1.png") no-repeat center center;transform: rotate(0);}
.coupon_list li:after {top:auto;bottom:0;background-image: url(../images/renewal/coupon_bg2.png);}
.coupon_list li:first-child {margin-top:0;}
.coupon_list .line_box {position:Relative; display:block; overflow:hidden; padding-left:327px; height:179px; box-sizing:Border-box; border:1px solid #c49a6c; z-index:1;}
.coupon_list .img {position:Absolute; left:0; top:0; width:298px; height:199px; overflow:hidden;}
.coupon_list .img img {max-width:100%; }
.coupon_list .cts {display:table; height:100%;}
.coupon_list .tit .label {display:inline-block; margin-right:10px; width:60px; height:18px; line-height:18px; text-align:center; color:#c49a6c; font-size:12px; font-weight:400; vertical-align:top; border:1px solid #c49a6c;}
.coupon_list .btn_area {position:Absolute; right:0; top:0; bottom:0; width:173px; height:199px;text-align: center;background:#efefef;}
.coupon_list .btn_area:before {content: '';display:inline-block;vertical-align: middle;height:100%;}
.coupon_list .btn_area .state {font-size:16px;display:inline-block;color:#57585a;font-weight:400;vertical-align: middle}
.coupon_list .btn_area .btn {position:Absolute; top:50%; left:50%; margin-left:-57px; margin-top:-19px; width:114px; height:38px; line-height:38px; font-size:12px; text-align:center; z-index:2; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.coupon_list .btn_area .btn.btn1 {color:#231f20; background-color:#fff;}
.coupon_list .btn_area .btn.btn1:hover {color:#fff; background-color:#231f20;}
.coupon_list .btn_area .btn.btn2 {color:#fff; background-color:#231f20;}

.btn_load {margin-top:40px;}
.btn_load a {display:block; overflow:Hidden; height:47px; line-height:47px; background-color:#a8a9ad; text-align:center; color:#fff; font-size:11px; letter-spacing:0.55em;}
.btn_load span {display:inline-block; margin-left:13px; width:11px; height:6px; background:url("../pc/images/renewal/arr1.png") no-repeat center center;}
.coupon_list .tit {font-size:19px;line-height:1;font-weight:600;}
.coupon_list .txt {margin-top:17px;width:420px;font-size:12px;line-height:20px;font-weight:400;word-break:break-all;}
.coupon_list .date {margin-top:25px;font-size:12px;line-height:1;font-weight:400;color:#a97c50;}
.coupon_list .date span{margin-left:10px;font:inherit}
.coupon_list .code {margin-top:6px;font-size:12px;line-height:1;font-weight:400;color:#a97c50;}
.coupon_list .flag {display:inline-block; margin-bottom:2px; margin-right:10px; width:60px; height:21px; line-height:19px; vertical-align:middle; box-sizing:border-box; text-align:center; color:#c49a6c; font-weight:400; font-size:12px; border:1px solid #c49a6c;}
.coupon_list .d-day {margin-bottom: 20px;
	font-size: 19px;
	line-height: 27px;
	font-weight: 700;color:#c50000;}
.coupon_list .label_type {
 	display: inline-block;
 	width: 67px;
 	margin-left: 8px;
	background-color: #231f20;
 	text-align: center;
 	font-size: 10px;
 	color: #fff;
 	line-height: 22px;
	vertical-align: 2px;
 }
.coupon_list.his .tb_cell {color:#a8a9ad;}
.coupon_list.his .date {width:135px;}
.coupon_list.his .status {float:left; display:table; width:135px; height:140px;}
.coupon_list.his .status .tb_cell {font-size:12px;}
.coupon_list .btn_cancel {position:absolute; right:20px; top:50%; margin-top:-16px; width:75px; height:32px; line-height:32px; text-align:center; color:#fff; font-size:12px; background-color:#231f20;}
.coupon_list .tb_cell_box {position:relative;margin-top:10px;}
.coupon_list .tb_cell_box p {color:#a97c50;font-size:12px;font-weight:400;margin-top:5px;}
.coupon_list .tb_cell_box .gift_cancel_btn {display:inline-block;width:60px;margin-left:6px;border:1px solid #000;text-align:center;font-size:10px;color:#000;line-height:20px;transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}

.coupon_detail_wrap {margin-top:50px; padding:0 40px 40px; background-color:#fff;}
.coupon_detail_close {position:Relative; margin:0 -40px; height:40px; border-bottom:1px solid #e1e3e4;}
.coupon_detail_close a {position:Absolute; right:0; top:0; width:40px; height:40px;}
.coupon_detail_top {position:Relative; padding:40px 0; margin:0 -40px; border-bottom:1px solid #e1e3e4; overflow:hidden;}
.coupon_detail_top.bb0 {border-bottom:0;}
.coupon_detail_top .img {float:left;overflow: hidden; margin-left:40px; width:289px; height:199px;}
.coupon_detail_top .img img{object-fit: cover;width: 100%;height: 100%;}
.coupon_detail_top .flag {display:inline-block; margin-bottom:10px; width:60px; height:22px; line-height:22px; color:#c49a6c; font-size:12px; text-align:center; border:1px solid #c49a6c; }
.coupon_detail_top .cts {position:Relative; display:table; margin-left:50px; width:580px; height:198px; float:left;}
.coupon_detail_top .d-day {
	margin-bottom: 20px;
	font-size: 24px;
	line-height: 27px;
	font-weight: 700;
	color: #c50000;
}
.coupon_detail_top .tit {font-size:24px; line-height:1.5em; color:#231f20; font-weight:700;}
.coupon_detail_top .txt {margin-top:10px; font-size:12px; line-height:1.5em; color:#57585a;}
.coupon_detail_top .desc {margin-top:5px; line-height:1.5em;}
.coupon_detail_top .date {margin-top:10px; font-size:12px; line-height:1.5em; color:#a97c50; }
.coupon_detail_top .code { font-size:12px; line-height:1.5em; color:#a97c50; }
.coupon_detail_top .btn {margin-top:20px;}
.coupon_detail_top .btn a {display:inline-block; width:113px; height:37px; line-height:35px; text-align:center; font-size:12px; color:#231f20; border:1px solid #231f20; box-sizing:border-box; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease;}
.coupon_detail_top .btn a:hover, .coupon_detail_top .btn a:focus {background-color:#231f20; color:#fff;}
.coupon_detail_top .coupon-btn {
	width:111px;height:35px;
	padding:0;
	font-size:12px;
}
.coupon_detail_top .coupon-btn.type2 {
	position: absolute;
	top: 0;
	right: 0;
	width: 111px;
	height: 35px;
	padding: 0;
	margin: 0;
	font-size: 12px;
}
.coupon_info {padding:35px 0;}
.coupon_info > li {position:relative; margin-top:35px; overflow:hidden;}
.coupon_info > li:first-child {margin-top:0;}
.coupon_info .cts_title {position:Absolute; left:0; top:0; font-size:15px; line-height:1.5em; color:#231f20; font-weight:600;}
.coupon_info .float-r {width:657px;}
.coupon_info .u-editor {font-size:13px; line-height:1.85em; color:#231f20;}
.coupon_info .coupon_message {padding:15px 25px; height:72px; box-sizing:Border-box; overflow-y:scroll; border:1px solid #e1e3e4;}

.coupon_sel {margin-top:35px;}
.coupon_sel > li {margin-top:12px;}
.coupon_sel > li:first-child {margin-top:0;}
.coupon_sel .sel_title {margin-bottom:5px; font-size:13px; line-height:1.5em; color:#231f20; font-weight:600;}
.coupon_sel .list {padding:20px;border:1px solid #c49a6c; overflow:Hidden;}
.coupon_sel .list li {position:relative;}

.coupon_sel .two .list li:nth-child(odd) {width:53%;}
.coupon_sel .two .list li:nth-child(odd) .tit_box .tb_cell {padding-right:52px;}
.coupon_sel .two .list li:nth-child(even) {width:44%;}
.coupon_sel .two .list li {/*overflow:hidden;*/float:left;height:90px;margin-top:10px;}
.coupon_sel .two .list li:nth-child(2n):after {display:inline-block;content:'';position:absolute;left:-35px;top:42px;overflow:hidden;width:14px;height:7px;background:url("../pc/images/renewal/bg_or.png") no-repeat 0 0;}
.coupon_sel .two .list li:nth-child(-n+2) {margin-top:0;}

.coupon_sel .list .img {position:absolute; left:0; top:0; width:90px; height:90px; overflow:Hidden;}
.coupon_sel .list .img img {width:100%;height:100%;}
.coupon_sel .list .tit_box {display:table; margin-left:110px; height:90px; }
.coupon_sel .list .tit_box .tb_cell {font-size:13px; line-height:1.5em; color:#231f20;word-break:break-all;}

/* 매장찾기 상세 */
.map_wrap {position:Relative; height:370px;}
.map_area {height:370px;}
.detail-store .top_renewal {position:Relative; padding-right: 240px;box-sizing: border-box;margin:45px auto 0; width:990px;}
.detail-store .top_renewal .tit {display:inline-block; font-size:24px; line-height:1em; vertical-align:middle; color:#000000;font-weight:600;word-break:break-all}
.detail-store .top_renewal .tit a {position:Relative; display:inline-block; padding-left:35px; height:24px; vertical-align: middle }
.detail-store .top_renewal .tit a:before {display:inline-block; content:''; position:Absolute; left:0; top:-3px; overflow:Hidden; width:24px; height:24px;  background:url("../images/renewal/star2.png") no-repeat 0 0;}

.detail-store .top_renewal .tit.on a:before {background-position:-24px 0;}
.detail-store .top_renewal .btn_mys {display:inline-block; padding:0 15px; height:32px; line-height:30px; color:#231f20; font-size:11px; border:1px solid #231f20; vertical-align:middle; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.detail-store .top_renewal .btn_mys:hover {background-color:#231f20; color:#fff;}
.detail-store .top_renewal .btn_reserve2 {display: inline-block;/*position:absolute; top:0; right:0;*/}
.detail-store .top_renewal .side-box {position:absolute; top:0; right:0;}
.detail-store .top_renewal .btn_reserve2 a {display:inline-block; padding-left:15px; width:100px; height:32px; line-height:32px; box-sizing:border-box; font-size:11px; color:#231f20; border:1px solid #231f20; background:url("../images/renewal/ico_mys.png") no-repeat center right; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.detail-store .top_renewal .btn_reserve2 a:hover {background:#231f20 url("../images/renewal/ico_mys_on.png") no-repeat center right; color:#fff;}
.detail-store .mystore_info {margin:40px 0;}

.detail-store .top_renewal .delivery-box{position:relative;display:inline-block;margin-left:15px;vertical-align:middle}
.detail-store .top_renewal .delivery-info{position:absolute;top:100%;left:-50%;z-index:-1;min-width:254px;padding:10px 28px;margin-left:10px;margin-top:5px;border:1px solid #626262;background:#eee;font-size:14px;font-weight:normal;opacity:0;transform:translateY(-50px);transition:.3s}
/*
.detail-store .top_renewal .delivery-info:before{content:'';position:absolute;bottom:100%;left:38px;width:16px;height:9px;background:url("../images/store/icon_arrow.png") no-repeat 0 0;}
*/
.detail-store .top_renewal .delivery-info.active{opacity:1;z-index:2;transform:translateY(0)}

/* 2018-10-18: 추가 */
.favorite_store .btn_area {display:inline-block;vertical-align:middle;}

.favorite_store .btn_area a {
	display:inline-block;
	height:20px;
	padding:5px 15px;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	text-align:center;
	border:1px solid #231f20;
	box-sizing: initial !important;
}
.favorite_store .btn_area a span {display:inline-block;position:relative;height:100%;padding:0 35px 0 0;font-size:11px;font-weight:normal;line-height:2em;vertical-align: top;}
.favorite_store .btn_area a.active span {
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.favorite_store .btn_favorite span {color:#231f20;}
.favorite_store .btn_favorite span:after {
	content:'';
	display:inline-block;
	position:absolute;right:0;top:0;z-index:0;
	width:20px;height:20px;
	background:url("../images/renewal/ico_favorite.png") no-repeat 0 0;
}
.favorite_store .btn_favorite.active span {color:#231f20;}
.favorite_store .btn_favorite.active span:after {
	content:'';
	display:inline-block;
	position:absolute;right:0;top:0;z-index:0;
	width:20px;height:20px;
	background:url("../images/renewal/ico_favorite_delete.png") no-repeat 0 0;
}
/* //2018-10-18: 추가 */


.detail-store .middle .right-area {width:auto !important;}

.detail_event {padding:40px 0; border-top:1px solid #e1e3e4; background-color:#efefef; overflow:hidden;}
.tit_slide {font-size:15px; line-height:1em; color:#231f20; font-weight:600; font-family: 'Open Sans', sans-serif; }
.detail_event .tit_slide {float:left; width:250px;}
.detail_event .ev_wrap {position:Relative; float:left; width:740px;}
.detail_event .ev_wrap .bx-wrapper img {margin:0 auto; width:699px;}
.detail_event .ev_wrap .bx-controls-slide  { position: absolute; top:0; width: 100%; height:169px;}
.detail_event .ev_wrap .bx-controls-slide .btn-prev { display: block;  width:24px; height: 57px; position: absolute; left: -50px; top: 50%; margin-top:-28.5px; font: 0/0 serif; background: url('../images/renewal/btn-arrow_24-57.png') no-repeat 0 0; z-index:5; }
.detail_event .ev_wrap .bx-controls-slide .btn-next { display: block;  width:24px;  height: 57px; position: absolute; right:-50px; top: 50%; margin-top:-28.5px; font: 0/0 serif; background: url('../images/renewal/btn-arrow_24-57.png') no-repeat -24px 0; z-index: 5; }
.detail_event .ev_wrap .bx-controls-slide .btn-prev:hover { background-position: 0 -57px }
.detail_event .ev_wrap .bx-controls-slide .btn-next:hover { background-position: -24px -57px }

.detail_notice{padding:40px 0; border-top:1px solid #e1e3e4; background-color:#fff; overflow:hidden;}
.detail_notice .tit_slide {float:left; width:250px;}
.detail_notice .noti_list {position:Relative; float:left; width:740px;}
.detail_notice .noti_list li{overflow:hidden}
.detail_notice .noti_list li span{display:block;float:left;font-size:13px;line-height:24px}
.detail_notice .noti_list li .noti_num{width:30px;font-size:12px;color:#231f20;letter-spacing:0.2em}
.detail_notice .noti_list li .noti_store{width:103px;font-size:12px;color:#a3171b}
.detail_notice .noti_list li .noti_subject{color:#3e3b3c}
.detail_notice .noti_list li .noti_date{float:right;font-size:11px;color:#231f20;letter-spacing:0.2em}

.store_info_wrap {position:absolute; display:none;}
.store_info {position:Relative; width:314px; height:140px;}
.store_info:after {display:inline-block; content:''; position:absolute; bottom:-10px; left:50%; width:18px; height:9px; background:url("../pc/images/renewal/store_arr.png") no-repeat center bottom;}
.store_info .tit {padding:0 15px; height:38px; line-height:38px; background-color:#57585a; font-size:14px; color:#fff; }
.store_info .cts {position:relative; padding:12px; padding-left:105px; min-height:78px; border:1px solid #57585a; background-color:#fff;}
.store_info .img {position:absolute; left:12px; top:12px; height:78px; overflow:hidden;}
.store_info .address {margin-top:5px; font-size:12px; line-height:1.5em; color:#231f20;}
.store_info .tel {margin-top:10px; font-size:12px; line-height:1.5em; color:#231f20; letter-spacing:0.15em;}
.store_info .btn_close {position:Absolute; right:0; top:0; width:40px; height:38px; text-indent:-9999px; border:0; border-radius:0; outline:0; padding:0; cursor:pointer; appearance:none; -webkit-appearance:none; -moz-appearance:none; background:url("../images/renewal/btn_close2.png") no-repeat center center;}



/* Store_Search */
.store.search .map {min-width:1504px;}
.map-inner .storemap-popup .con .con-inner .middle {padding:12px;}

.map-inner .con_box {position:absolute;top:70px;left:594px;border:1px solid #57585a;height:141px;}
.map-inner .con_box:after {display:block;content:'';position:absolute;left:149px;bottom:-9px;width:16px;height:9px;background:url('../pc/images/renewal/pop_point.png') no-repeat top center;z-index:9999;}
.map-inner .con_box .gm-style-iw {width:314px !important;height:auto;}
.map-inner .con_box .gm-style-iw > div {width:314px;height:auto;overflow:visible !important;}
.map-inner .con_box .gm-style-iw > div > div {width:314px;height:auto;overflow:visible !important;}
.map-inner .con_box .gm-style-iw #storemap {display:block;margin:0;position:relative;top:0;left:0;height:100%;}
.map-inner .con_box .gm-style-iw #storemap .con-inner {border:0;}
.map-inner .con_box .gm-style-iw #storemap .top {position:relative;border-bottom:1px solid #57585a;padding:0;}
.map-inner .con_box .gm-style-iw #storemap .top h2 {padding:11px 0 9px;color:#ffffff;text-indent:13px;background:#57585a;}
.map-inner .con_box .gm-style-iw #storemap .top .btn_close {position:absolute;top:13px;right:13px;width:12px;height:12px;background:url('../pc/images/renewal/pop_close.png') no-repeat top center;}

.map-inner .con_box .gm-style-iw .middle {}
.map-inner .con_box .gm-style-iw .thumb {display:block;width:78px;height:78px;}
.map-inner .con_box .gm-style-iw .thumb img {width:100%;height:100%;}
.map-inner .con_box .gm-style-iw .addr-box {height:auto !important;left:107px !important;}
.map-inner .con_box .gm-style-iw .addr-box .tel {font-family:'Frutiger Light' !important;color:#231f20 !important;font-weight:bold !important;letter-spacing:1.5px;line-height:1 !important;}

/* ==========================================================================
MAD REWARDS
========================================================================== */
.renewal_wrap.renewal_member {padding-top:0;padding-bottom:0;}

#contents {/*width:1504px;*/}
#contents>.inner {/*width:1504px;*/padding:0;;margin:0 auto;z-index:2}
#contents>.inner.w1360 {width:1360px;padding:0 72px;z-index:2;}
#contents>.inner.w992  {width:992px;padding:0 96px;z-index:2;}
#contents .inner .contents-inner {position:relative;}

.renewal_member .contents-inner .txt-area {width:540px;height:440px;position:absolute;top:50%;margin-top:-222px;left:50%;margin-left:-274px;  letter-spacing:3px;/* background-color: rgba(28,28,28,0.8);*/z-index:3;}
#contents .inner .membership-btn-list {position:absolute;top:50%;margin-top:-100px;left:72px;z-index:3;}
#contents .inner .membership-btn-list li a {display:block;margin-top:20px;color:#a8a9ad;/*font-family: 'Open Sans', 'sans-serif', 'Arial';font-weight:bold;*/font-family:'Spoqa Han Sans', '굴림', 'sans-serif', 'Arial';}
#contents .inner .membership-btn-list li:first-child a {margin:0;}
#contents .inner .membership-btn-list li.on a, #contents .inner .membership-btn-list li a:hover, #contents .inner .membership-btn-list li a:active, #contents .inner .membership-btn-list li a:focus {color:#bc9b69;}

/*상단 부분 공통 css */
.event_view_wrap .contents-area .txt-container-header{
	padding:50px 82px 41px;
	overflow: hidden;
	background-color:#fff;
	border-bottom:1px solid #e1e3e4;}

.event_view_wrap .contents-area .txt-box-area {margin-right:108px;}
.event_view_wrap .contents-area .txt-box{ float: left; width:100%; overflow: hidden;}
.event_view_wrap .txt-box .event{
	display:inline-block;
	margin-bottom:10px;
	font-size:15px; color:#231f20;  font-family: 'Open Sans', 'sans-serif', 'Arial'; font-weight:800;}
.event_view_wrap .txt-box .tit{
	width:100%;
	margin-bottom:5px;
	font-size:30px; color:#231f20; font-weight: normal;
	/*overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; 20161031*/}
.event_view_wrap .txt-box .ing{
	padding-right:10px;
	font-size:15px; color:#231f20;}
.event_view_wrap .txt-box .date{ font-size:15px; color:#231f20; font-family: 'Open Sans', 'sans-serif', 'Arial';}

.event_view_wrap .contents-area  .btn-box{ float: right; width:45%; text-align:right;}
.event_view_wrap .contents-area  .btn-box ul { display:inline-block; margin-top:21px;  text-align: right; }
.event_view_wrap .contents-area  .btn-box ul li{ display:inline-block;}
.event_view_wrap .contents-area  .btn-box ul li:first-child{ margin-right:10px;}


.event_view_wrap .contents-area  .page-list-container .page_list{ position: relative; height: 40px; overflow: hidden; border-bottom:1px solid #e1e3e4; background-color:#fff;}
.event_view_wrap .contents-area  .page-list-container .page_list.bottom{height: 40px;  overflow: hidden; border-top:1px solid #e1e3e4;}
.event_view_wrap .contents-area  .page-list-container .page_list .btn-prev{ float: left; border-right:1px solid #e1e3e4;}
.event_view_wrap .contents-area  .page-list-container .page_list .btn-next{ float: left;}
.event_view_wrap .contents-area  .page-list-container .page_list .btn-close{ float: right;}
.event_view_wrap .contents-area  .page-list-container .page_list .btn-close a.Bclose.icon-close {float:right;position: absolute; top: 0px; right: 0;}
.event_view_wrap .contents-area  .btn-box ul li a.btn_mma.typeWLB {
	width: 115px; height: 27px;
	padding: 14px 20px 0;
	color: #231f20;
	background-color: #fff;
	border: 2px solid #231f20;
}

.event_view_wrap .contents-area  .btn-box ul li a.btn_mma.typeBLW {
	width: 115px; height: 27px;
	padding: 14px 20px 0;
	color: #fff;
	background-color: #231f20;
	border: 2px solid #231f20;
}


/* EVENT */
.event_view_wrap .txt-container-header{
	overflow: hidden;
	padding: 50px 82px 30px 41px !important;
	background-color: #fff;
	border-bottom: 0 !important;
}
.event_view_wrap .txt-container-middle .coupon-tit{ font-size:20px; margin:70px 0 30px 0;}
.event_view_wrap .txt-container-middle{padding:20px 41px 20px; background-color:#fff;}
.event_view_wrap .contents-area .page_list{ position: relative; height: 40px; overflow: hidden; border-bottom:1px solid #e1e3e4; background-color:#fff;}
.event_view_wrap .contents-area .page_list.bottom{height: 40px;  overflow: hidden; border-top:1px solid #e1e3e4;}
.event_view_wrap .contents-area .page_list .btn-prev{ float: left; border-right:1px solid #e1e3e4;}
.event_view_wrap .contents-area .page_list .btn-next{ float: left;}
.event_view_wrap .contents-area .page_list .btn-close{ float: right;}
.event_view_wrap .contents-area .page_list .btn-close a.Bclose.icon-close {
	float: right;
	position: absolute; top: 0px; right: 0;}
.event_view_wrap .page-list-container {margin-top:40px;}
.event_view_wrap .footer-btn-box{ display:block; width:100%; margin:50px 0px; text-align: center;}
.event_view_wrap .footer-btn {display:inline-block;width:240px; height:48px; line-height:44px; background-color:#231f20; color:#fff; font-size:13px; box-sizing:border-box; border:2px solid #231f20; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;vertical-align:top}
.event_view_wrap .footer-btn:hover {border:2px solid #231f20; background-color:#fff; color:#231f20;}
.event_view_wrap .footer-btn2 {display:inline-block;width:240px; height:48px; line-height:48px; background-color:#a3171b; color:#fff; font-size:13px; box-sizing:border-box;vertical-align:top}
/* page btn */
.page_list { margin: 0; }
a.icon-page, span.icon-page{ display: inline-block; width: 56px; height: 40px; background: url(../images/renewal/btn_56-40_100.png) 0 0 no-repeat; }
.page_list span.btn-m { opacity: 0;  filter: alpha(opacity=0); }
.page_list a:hover span.icon-page,
.page_list a:active span.icon-page,
.page_list a:focus span.icon-page { opacity: 100;  filter: alpha(opacity=100); }
.btn-Eleft.icon-page { background-position: 0 0 }
.btn-Eright.icon-page { background-position: -100px 0 }
.btn-Eclose.icon-page { width: 40px; background-position: -200px 0 }
.btn-Eleft span.icon-page{ background-position: 0 -100px }
.btn-Eright span.icon-page{ background-position: -100px -100px }
.btn-Eclose span.icon-page{ width: 40px; background-position: -200px -100px }

/* close */
a.Bclose.icon-close, .Bclose.icon-close span.icon-close{ display: inline-block; width: 40px; height: 40px; background: url(../images/renewal/btn_56-40_100.png) -200px 0 no-repeat; }
.Bclose span.btn-m { opacity: 0;  filter: alpha(opacity=0); }
a.Bclose:hover span.icon-close,
a.Bclose:active span.icon-close,
a.Bclose:focus span.icon-close { opacity: 100;  filter: alpha(opacity=100); }
.Bclose.icon-close { background-position: 0 0 }
.Bclose.icon-close span.icon-close{ width: 40px; height: 40px; background-position: -200px -100px }

/* find pw view */
.join .pw_view .complete-inner {padding:0;height:310px;background:url('../images/renewal/garlic-icon_60.png') no-repeat top center;background-position:center 60px;}
.join .pw_view .complete-inner .msg_box {margin:0 auto;padding-top:135px;width:300px;}
.join .pw_view .complete-inner .msg_box .msg p {position:relative;font-size:14px;line-height:27px;color:#000000;margin-bottom:0;}
.join .pw_view .complete-inner .msg_box .msg .txt{font-size:14px;color:#bc9b69}
.join .pw_view .complete-inner .msg_box .msg .txt2{font-size:12px;color:#a8a9ad}

.join .pw_view .complete-inner .msg_box .msg:last-child {margin-top:20px;color:#231f20;}
.join .pw_view .complete-inner .msg_box .msg:last-child .underline:first-child:after {display:block;content:'';border-bottom:1px solid #231f20;width:251px;position:absolute;bottom:5px;left:26px;}
.join .pw_view .complete-inner .msg_box .msg:last-child .underline:last-child:after {display:block;content:'';border-bottom:1px solid #231f20;width:302px;position:absolute;bottom:5px;left:0;}

.footer_bottom ul.sns_list li a {display:block; width: 35px; min-height:30px;  background:url(../images/renewal/btn_sns.png) 0 0 no-repeat;}
.footer_bottom ul.other_list li {float:left;display:block;  font-size:0;line-height:0;background:url(../images/renewal/other_bar.png) 0% 50% no-repeat;}
.footer_bottom ul.app_list li a {display: block; width: 132px; height: 35px; background: url(../images/renewal/btn_app.png) 0 0 no-repeat; overflow: hidden;}

/* fine pw notice */
#mask {position:absolute;z-index:90;background-color:#000;opacity: 0.4;display:none;left:0;top:0;}
.modal-notice {display: none;position:absolute;left:50%;top:50%;z-index:1000;width:540px;height:218px;text-align:center;margin-left:-270px;margin-top:-109px;background:#fff;padding:35px 0 25px 0;box-sizing: border-box}
.modal-notice p {font-size:16px;color:#231f20;font-weight:400;line-height:24px;}
.modal-notice .modal-border {background:#e1e3e4;width:100%;height:1px;margin:32px 0 20px 0;}
.modal-notice a {width:194px;padding:8px 0;display:inline-block;font-size:12px;transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.modal-notice a.modal-cancle {border:1px solid #231f20;color:#231f20;margin-right:2px;}
.modal-notice a.modal-cancle:hover {border:1px solid #231f20;background:#231f20;color:#fff;}
.modal-notice a.modal-accept {border:1px solid #231f20;background:#231f20;color:#fff;}
.modal-notice a.modal-accept:hover {border:1px solid #231f20;color:#231f20;background:#fff;}

/* 회원정보 */
#footer {margin: 0 auto;}
.join .im.table-data-type1 tbody td .td-inner {/*overflow:hidden;*/}
.join form.formstyle .user-id {margin-right:0;}

.mypage.member-management .contents-inner.w495 {margin:0 auto 120px;}
.mypage.member-management .contents-inner .no-members tr td.gray {padding:15px 20px;height:inherit;}
.mypage.member-management .contents-inner .no-members tr td.gray .td-inner {padding:0 !important;}
.mypage.member-management .btn-box a.btn_mma.typeBLW .btn_mma-inner {height:48px;padding:0;font-weight:normal;box-sizing:border-box;}
.mypage.member-management .btn-box a.btn_mma.typeBLW .btn_mma-inner span.txt {position:inherit;top:0;line-height:48px;}
.im.table-data-type1 tbody td.error-on .error-msg {padding:15px 5px 10px;}

.join form.formstyle label.ulable {margin-top:9px;}
.join form.formstyle .sns-login .sns-label {vertical-align:top;}

/* 관련쿠폰 */
.event.progressview .coupon-container.bannerbox .coupon-banner-area {display:table;}
.event.progressview .coupon-container.bannerbox .coupon-banner-area .type.box {float:inherit;display:table-cell;vertical-align:middle;padding:0;}

.event.progressview .coupon-container.bannerbox .coupon-banner-area .txt-box {width:489px;}
.event.progressview .coupon-container.bannerbox .coupon-banner-area .txt-box .txt-inner {padding:25px 40px 29px 40px;}
.event.progressview .coupon-container.bannerbox .coupon-banner-area .txt-box .txt-inner .txt-top-area .date {width:auto;}
.event.progressview .coupon-container.bannerbox .coupon-banner-area .type.box span.color-gold {font-size:12px;line-height:1.4em;}
.event.progressview #contents .coupon-container.bannerbox .coupon-banner-area .txt-box .txt-inner .date .number {letter-spacing:2px;}
.event.progressview #contents .coupon-container.bannerbox .coupon-banner-area .txt-box .txt-inner .txt-top-area .check-box .checkboxvalue {padding:6px 0 0 8px;}
.event.progressview .coupon-container.bannerbox .coupon-banner-area .banner-img {width:262px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.event.progressview .coupon-container.bannerbox .coupon-banner-area .banner-img img {display:block;margin:0 auto;position:inherit;width:100%;height:100%;}


/*팝업공통*/
.pop-layer{display:none;overflow-y:auto;position:fixed;top:0;left:0;z-index:900;width:100%;height:100%}
.pop-layer .dim{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.6)}
.pop-layer .pop-header{height:51px;padding:0 22px;background-color: #231f20}
.pop-layer .pop-header .title{font-size: 16px;color: #fff;text-align: left;font-family: 'Spoqa Han Sans', '굴림', 'sans-serif', 'Arial';font-weight: bold;line-height:51px;}
.pop-layer .pop-wrap{position:absolute;top:50%;left:50%;z-index:999;width:540px;background:#FFF}
.pop-layer .notice-box{padding:35px 20px;text-align:center}
.pop-layer .notice-box p{margin-top:10px;line-height:1.6}
.pop-layer .notice-box p:first-child{margin-top:0}
.pop-layer .notice-box .txt{font-size:20px;font-weight:700}
.pop-layer .notice-box .txt2{font-size:16px}
.pop-layer .notice-box .user-info{display:inline-block;width:320px;padding:23px;margin:20px 0;border:2px solid #c49a6c;color:#a97c50;font-size:18px;line-height:1.6;box-sizing:border-box}
.pop-layer .btn-wrap{padding:20px 0;border-top:1px solid #e1e3e4;text-align:center}
.pop-layer .btn-wrap .btn_mma{width:196px;height:32px;padding:0;line-height:30px;font-size:12px}
.pop-layer .addinfo-box{padding:35px 20px;text-align:center}

/*탭공통*/
.js_tab_cont{display:none}
.js_tab_cont.on{display:block}

/*5인집합금지팝업*/
.warning_pop .warning_wrap{padding:40px 0; text-align:center}
.warning_pop .warning_wrap p{margin-top:20px;font-size:16px;}
.warning_pop .warning_wrap .btn{display:inline-block;width:196px;height:32px;margin-top:20px;background:#a3171b;line-height:32px;font-size:12px;color:#fff;}

/*멤버십개편*/
.category_wrap {
	border-top: 1px solid #d3d3d3;
}

.category_wrap ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	text-align: center;
}

.category_wrap ul li {
	width: 100%;
}

.category_wrap ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 40px;
	color: #a8a9ad;
}

.category_wrap ul li.on a {
	color: #000;
}

.category_type {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	border-top: 1px solid #d3d3d3;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.category_type .btn_all {
	position: relative;
	width: 70px;
	height: 40px;
	margin-left:100px;
	color: #000;
}

.category_type .btn_all:after {
	content: '';
	position: absolute;
	top: 11px;
	right: 0;
	width: 8px;
	height: 8px;
	border-style: solid;
	border-width: 1px 1px 0 0;
	border-color: #000;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.category_type a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	color: #a8a9ad;
}

.category_type ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 600px;
	padding-top: 6px;
	margin-left:100px;
	text-align: center;
}

.category_type ul li {
	width: 200px;
}

.category_type ul li:nth-child(n+4) {
	display: none;
}

.category_type ul li a {
	padding: 5px 0;
}

.category_type ul li.on a {
	color: #000;
}

.category_type.on .btn_all:after {
	top: 16px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.category_type.on ul li:nth-child(n+4) {
	display: block;
}


/*M Club*/
.mclub_box *{box-sizing: border-box;}
.mclub_box{margin-top:40px;padding:60px 0;background-color: #f5f5f5;}
.mclub_area .btn_guide_area{width:992px;margin:0 auto 36px;text-align: right;letter-spacing: -1px}
.mclub_area .btn_guide_area .btn_guide{display: inline-flex;align-items: center;justify-content: center;padding-top: 20px;font-size: 16px;	color: #ffffff;padding:0;color:#231f20;}
.mclub_area .btn_guide_area .btn_guide:after{content: '';width: 26px;height: 26px;margin-left:10px;background: url('../images/renewal/bg_guide2.png') 0 0 no-repeat;}
.mclub_area .btn_guide_area .btn_coupon {display: inline-flex;align-items: center;justify-content: center;height: 40px;margin-left:20px;padding:0 19px;background-color: #a97c50;font-size: 14px;color: #fff;}
.rewards_swiper{padding-bottom:70px;}
.rewards_swiper .swiper-slide{opacity:0;;width:482px;height:328px;}
.rewards_swiper .swiper-slide.swiper-slide-prev,
.rewards_swiper .swiper-slide.swiper-slide-next,
.rewards_swiper .swiper-slide.swiper-slide-active{opacity:1;}
.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: 40px 40px 50px;border-radius: 10px;background: url(../images/renewal/rewards_card_off.png) 0 0 no-repeat;}
.rewards_card .card_top{display: flex;justify-content: space-between;align-items: center;}
.rewards_card .card_top .title{width:148px;height:15px;background: url(../images/renewal/rewards_title2.png) 0 0 no-repeat;font-size:0;}
.rewards_card .card_top .state{display: flex;justify-content: space-between;align-items: center;height:36px;border-radius: 20px;background-color: #8e8e8e;padding:0 16px;color:#fff;font-size:16px;}
.rewards_card .card_title {display: block;padding:40px 0 25px;font-size:50px;font-weight: 600;text-align: right;line-height: 1;color:#fff;}
.rewards_card.on {background-image: url(../images/renewal/rewards_card_on.png);}
.rewards_card.on .card_top .title {background-image: url(../images/renewal/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: 86px;height:86px;margin-left:10px;background: url(../images/renewal/seal_off.png) 0 0 no-repeat;color:#fff;background-size: 100%}
.rewards_card .visit_box .seal_item.price {position: relative;margin-left:36px;background-image: url(../images/renewal/seal2_off.png);}
.rewards_card .visit_box .seal_item.price::before{content:'';position: absolute;top:32px;left:-26px;;width:17px;height:17px;background: url(../images/renewal/rewards_add.png) 0 0 no-repeat;}
.rewards_card .visit_box .seal_item.price.on {background-image: url(../images/renewal/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:11px;right:51px;font-size: 22px;text-align: right;color:#b7b7b7;}
.rewards_card .visit_box .seal_item.price .num{right:47px}
.rewards_card .visit_box .seal_item.on{background-image: url(../images/renewal/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% + 18px);left:-10px;}
.rewards_card .visit_box .seal_item .info-box img{filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.2));}
.rewards_scroll{margin-bottom: 60px;}
.rewards_scroll ol{position:relative;display:flex;justify-content: center;}
.rewards_scroll ol::before{content:'';position: absolute;bottom:0;left:cacl(50% - 300px);width:600px;height:2px;background-color: #231f20}
.rewards_scroll ol li{position: relative;width: 200px;padding-bottom:23px;text-align: center;color:#a8a9ad;font-size:16px;}
.rewards_scroll ol li::after{content:'';position: absolute;bottom:-5px;left:calc(50% - 5px);width:8px;height:8px;border-radius: 100%;background-color: #f5f5f5;border:2px solid #231f20;}
.rewards_scroll ol li.on{font-weight: 700;color:#231f20}
.rewards_scroll ol li.on::after{background-color: #231f20;}
.rewards_result{display: flex;text-align: center;width:992px;margin:0 auto;background-color: #fff}
.rewards_result dl{width:100%;height:163px;padding-top:30px;border-left:2px solid #f5f5f5;}
.rewards_result dl:first-child{border-left:0;}
.rewards_result dl dt{font-size:16px;}
.rewards_result dl dd{display:flex;align-items: center;justify-content: center;height:110px;font-size:26px;}
.rewards_result dl dd strong{font-size:32px;color:#a97c50;font-weight: 500;}

/* 와인리워즈 */
.wine_wrap .txt_info dt strong{letter-spacing: -0.2px;}
.wine_wrap .btn_box{margin-top: 80px;text-align: center;}
.wine_wrap .btn_box a{display: inline-block;}
.wine_wrap .btn_box .btn_black {width:299px; height:48px; line-height:44px; background-color:#231f20; color:#fff; font-size:15px; box-sizing:border-box; border:2px solid #231f20; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;margin: 0 4px;}
.wine_wrap .btn_box .btn_white {display:inline-block; width:299px; height:48px; line-height:44px; text-align:center; color:#a3171b; font-size:15px; letter-spacing:0.15em; background-color: #fff;border:2px solid #fff; box-sizing:border-box;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.layer_pop_rewards .pop_area{transform: translate(calc(-50% + 0.1px), calc(-50% + 0.5px));}
.layer_pop_rewards .pop_area,
.layer_pop_rewards .pop_cont{background: #2c2a2b;}
.layer_pop_rewards .pop_cont .scroll_area{width: 540px;}
.layer_pop_rewards .pop_cont .scroll_area>img{max-width:538px;width: 538px;}
.layer_pop_rewards .btn_area{background: #2c2a2b;border: none;}
.layer_pop_rewards .btn_area a{display: block;width:94px;margin: 0 auto;background-color: #2c2a2b;color: #fff;border: 1px solid #494949;font-size: 12px;}
/*와인리워즈:popup history*/
.layer_pop_history .pop_area{transform: translate(calc(-50% + 0.1px), calc(-50% + 0.5px));width: 540px;margin: 0;}
.wine-history{padding:50px 25px}
.wine-history .tit{font-size:20px;line-height:1.5}
.wine-history .tit strong{font-size:20px}
.wine-history table{table-layout:fixed;width:100%;margin-top:30px;}
.wine-history table th,
.wine-history table td{text-align:center;font-size:15px;line-height:15px;vertical-align:middle}
.wine-history table th{padding:15px 5px;background:#231f20;font-size: 16px;color:#fff;font-weight: normal;}
.wine-history table td{padding:10px 5px;background:#cfcfcf;color:#222222;line-height: 21px;}
.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:25px;font-size:15px;color:#777576;}
.wine-history-info {position: relative; margin-top: 35px;}
.wine-history-info .num {padding-left: 5px; font-size: 20px; font-weight: bold;}
.wine-history-info .period {margin-top: 5px; font-size: 18px;}
.wine-history-info .select-period {position: absolute; right: 0; bottom: 0; padding: 5px 20px; border: 2px solid #C49A6C; border-radius: 20px; font-size: 18px; text-align: center; color: #C49A6C; appearance: none; cursor: pointer;}
.wine-history-info .select-period:focus-visible {outline: none;}
.layer_pop_history .btn_area{border-color: #cfcfcf;}
.layer_pop_history .btn_area a{display: block;width:94px;margin: 0 auto;padding: 10px 50px;background-color: #fff;color: #222222;border: 1px solid #cfcfcf;font-size: 12px;line-height: 10px;}