@charset "utf-8";

/* css reset */
html {font-size:16px;}
html, body {-webkit-text-size-adjust:none;}
html, body, div, form, input, select, button, textarea, legend, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, address, p, th, td, caption {margin:0; padding:0;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
ol, ul, li {list-style:none;} img, fieldset {border:0 none;}
input[type=text], input[type=password], input[type=submit], input[type=search], textarea {-webkit-appearance:none;}
input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder {/* WebKit browsers */color:transparent;}
input:focus:-moz-placeholder,textarea:focus:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color:transparent;}
input:focus::-moz-placeholder,textarea:focus::-moz-placeholder {/* Mozilla Firefox 19+ */color:transparent;}
input:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder {/* Internet Explorer 10+ */color:transparent;}
button {border:0 none; background:transparent; cursor:pointer;}
table caption {width:0; height:0; visibility:hidden; font-size:0; line-height:0;}
table {border-collapse:collapse; border-spacing:0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block;}
a {text-decoration:none;}
body {
	background:transparent;line-height:1.3;letter-spacing:-0.3px;
	font-family:Helvetica,AppleSDGothicNeo,Arial,sans-serif;background:#f3f1e7;
	-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;word-break:break-all;/*-webkit-user-select:none;*/
}
.none{display:none !important;}
/* common */
.position_relative{position: relative;}
.box_sh{-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.17);-mox-box-shadow:1px 1px 2px rgba(0,0,0,0.25);box-shadow:1px 1px 2px rgba(0,0,0,0.25);}
.txt_sh{text-shadow:1px 1px 0 #d5d5d5;}
.rd_full {border-bottom-right-radius:100%;border-bottom-left-radius:100%;border-top-right-radius:100%;border-top-left-radius:100%;}

.title_header {width:90%;height:52px;line-height:52px;margin:0 auto;text-align:center;font-size:1rem;letter-spacing:-1px;font-weight:bold;}
.padding_top_header {padding-top:52px;}
.img_full {width:100%;display:block;}
.hidden {display:none!important;}


/* popup_type_new */
div.popup_wrap, .share_popup_wrap {position:fixed;width:100%;height:100%;top:0;left:0;font-size:0;text-align:center;background-color:rgba(0,0,0,0.6);overflow:auto;z-index:10001;}
div.popup_wrap:before, .share_popup_wrap:before  {width:0;height:100%;position:relative;vertical-align:middle;display:inline-block;overflow:hidden;content:"";font-size:0;}
div.popup_content {display:inline-block;vertical-align:middle;width:98%;padding:15px 0;font-size:16px;font-size:1rem;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
-webkit-animation:popup_show 0.3s linear 0s 1;
-moz-animation:popup_show 0.3s linear 0s 1;
-o-animation:popup_show 0.3s linear 0s 1;
animation:popup_show 0.3s linear 0s 1;
}

#coupon_popup_wrap {z-index:10 !important;}
#accu_popup_wrap {z-index:10 !important;}
#cancel_popup_wrap {z-index:11 !important;}

@-webkit-keyframes popup_show {
	0%{-webkit-transform:translate3d(0,-40px,0);opacity:0.3;}
	100%{-webkit-transform:translate3d(0,0,0);opacity:1;}
}
@-moz-keyframes popup_show {
	0%{-moz-transform:translate3d(0,-40px,0);opacity:0.3;}
	100%{-moz-transform:translate3d(0,0,0);opacity:1;}
}
@-o-keyframes popup_show {
	0%{-o-transform:translate3d(0,-40px,0);opacity:0.3;}
	100%{-o-transform:translate3d(0,0,0);opacity:1;}
}
@keyframes popup_show {
	0%{transform:translate3d(0,-40px,0);opacity:0.3;}
	100%{transform:translate3d(0,0,0);opacity:1;}
}

.popup_default {width:80%;max-width:320px;margin:0 auto;background-color:#fff;font-size:15px;border:1px solid #e1e1e1;}
.popup_default_inner {width:80%;margin:0 auto;padding:10px 0;}
.popup_default_button {text-align:center;color:#108ee9;border-top:1px solid #e1e1e1;}
.popup_default_button span {padding:14px 0;display:inline-block;}
.popup_default_button.type01 {cursor: pointer;}
.popup_default_button.type02 {overflow:auto;}
.popup_default_button.type02>div {float:left;width:50%;cursor: pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;font-size:14px;font-weight:bold;}
.popup_default_button.type02>div:nth-child(1){border-right:1px solid #e1e1e1;color:#999}

.box_vertical {position:fixed;width:100%;height:100%;top:0;left:0;font-size:0;text-align:center;overflow:auto;}
.box_vertical:before {width:0;height:100%;position:relative;vertical-align:middle;display:inline-block;overflow:hidden;content:"";font-size:0;}
.box_vertical_inner {display:inline-block;vertical-align:middle;width:98%;padding:15px 0;font-size:16px;font-size:1rem;}


/* custom */
.div_90 {width:90%;margin:0 auto;}
.div_86 {width:86%;margin:0 auto;}
.back_f6f7f9 {background-color:#f6f7f9;}


/* [ div_content_wrap ] */
.div_content_wrap {position:relative; width:100%;margin:0 auto;position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;}


/* [ div_stampcard_header ] */
.div_stampcard_header {width:100%;position:relative;z-index:1;}
.div_stampcard_title {position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;text-align:center;pointer-events: none;}
.div_stampcard_title:before {display:inline-block;vertical-align:middle;width:0;height:100%;position:relative;content:"";}
.div_title_inner {display:block; width:90%;margin:0 auto;padding:15px 25px 5px; text-align:center; background:url(../images/common/T05_titleBg.png) no-repeat center top;background-size:100% auto; color:#fff;font-size:1.125rem;}
.div_stampcard_title p {color:#fff;font-size:1.125rem;}
.img_bg_custom {position:fixed;width:100%;height:auto;z-index:0;top:0;left:0%;display:block;max-width:inherit !important;}

.a_btn_option {display:block;width:22px;position:absolute;top:0px;right:8px;padding:8px 0;z-index:3;}

.levelInfo{display:none; width:45%;padding:3px 0; text-align:center;margin:0 auto 15px;  background:rgba(35,35,35,0.5);border-radius: 31px;}
.levelInfo.lvAnimation{display:block;animation: lvBg 0.5s linear 3 forwards;}
.levelInfo img{width:10px; padding:5px;background:rgba(35,35,35,0.7);vertical-align: middle; border-radius:50%;margin-right:5px;}
.levelInfo img#iconGo{width:10px;padding:0;background:transparent;border-radius: 0;margin-right:0;margin-left:10px;}
.levelInfo span{font-size:0.8rem;color:#FFFFFF;letter-spacing: -1.3px;vertical-align: middle;}
.levelInfo span.allStampCnt{margin-right:10px;}
.badgePage{position:fixed;left:0;top:0; clear:both;width:100%;height:100%;background:#1d1d1d;z-index:2;overflow:hidden;}
.badgeTop{position: fixed;left:0;top:0;width:100%;}
.returnStampPage{width:100%;height:60px;line-height:60px; padding:0 4%; color:#ffffff;font-size:0.8rem;border-bottom:1px solid #474747; margin:0 auto;}
.returnStampPage img{width:10px; margin-right:10px;vertical-align: middle;}
.lvInfo{clear:both;width:100%;margin:20px auto;font-size:0.95rem; text-align: center;color:#ffffff; font-weight:bold;}
.lvColor1{color:#ffffff;}
.lvColor2{color:#a48933;}
.lvColor3{color:#ccac46;}
.lvColor4{color:#ebe5ef;}
.lvInfo img{width:25px;margin-right:10px; vertical-align: bottom;}
#stampImg.stampCntA{animation: imgA 1.5s linear 1 forwards;}
#crownImg.cpnCntA{animation: imgA 1.5s linear 1 forwards;}
#iconGo.iconA{animation: iconA 1.5s linear 1 forwards;}
.lvInfo span.levelNo{margin-right:10px;}
.lvInfo img.crownA{animation: crownImgA 1s linear 1 forwards; animation-delay: 1s;}
.getInfo{clear:both;width:90%;margin:0 auto;}
.getInfo p{margin-bottom:15px; color:#ffffff;font-size:0.8rem;}
.getInfo p img{width:20px;vertical-align: bottom;margin-right:10px;}
.getInfo p span{color:#ccac46;}
.badgeBox{clear:both;width:100%; background:#484848;padding:20px 0 0;margin:200px auto 0;}
.badgeTitle{width:100%; text-align: center;margin:0 auto 15px; color:#ffffff;font-size:1.125rem;font-weight:bold; }
.badgeList{clear:both;width:90%; margin:0 auto; overflow-x: hidden;overflow-y: auto;}
.badgeList ul{display: flex;justify-content:space-between;flex-direction:row; align-items: center; flex-wrap: wrap;}
.badgeList ul li{width:48%;background: rgba(203, 203, 203, 0.1);}
.badgeList ul li img{width:100%;opacity: 0.2;}
.badgeList ul li.hasGetBadge img{opacity: 1;}
.badgeList ul li.hasGetBadge img.badgeA{animation:badgeImgA 1s linear 1 forwards; animation-delay: 1s;transform-style: preserve-3d;}
.badgeList ul li span{display: block;width:100%; height:30px; line-height:30px; color:#a2a2a2;background:#484848; font-size:0.8rem; text-align: center;transform-style: preserve-3d;}

@Keyframes lvBg {
	0%{background:rgba(35,35,35,0.5);}
	25%{background:rgba(35,35,35,0.3);}
	50%{background:rgba(35,35,35,0.5);}
	75%{background:rgba(35,35,35,0.3);}
	100%{background:rgba(35,35,35,0.5);}
}
@Keyframes stampIcon {
	0%{transform:scale(1.3,1.3);}
	100%{transform:scale(1,1);}
}
@Keyframes newCpn {
	0%{opacity: 0; transform:scale(0,0);}
	100%{opacity: 1;transform:scale(1,1);}
}
@Keyframes imgA {
	0%{transform:translateZ(1000px) rotateY(0deg);background:rgba(35,35,35,0.7);}
	10%{transform:translateZ(1000px) rotateY(90deg);background:rgba(35,35,35,0.7);}
	20%{transform:translateZ(1000px) rotateY(0deg);background:rgba(35,35,35,0.7);}
	30%{transform:translateZ(1000px) rotateY(90deg);background:rgba(35,35,35,0.7);}
	40%{transform:translateZ(1000px) rotateY(0deg);background:rgba(35,35,35,0.7);}
	50%{transform:translateZ(1000px) rotateY(90deg);background:rgba(35,35,35,0.7);}
	60%{transform:translateZ(1000px) rotateY(0deg);background:rgba(35,35,35,0.7);}
	70%{transform:translateZ(1000px) rotateY(90deg);background:rgba(35,35,35,0.7);}
	80%{transform:translateZ(1000px) rotateY(0deg);background:rgba(35,35,35,0.7);}
	90%{transform:translateZ(1000px) rotateY(0deg);background:rgba(245,245,245,0.7);}
	100%{transform:translateZ(1000px) rotateY(0deg);background:rgba(35,35,35,0.7);}
}
@Keyframes iconA {
	0%{opacity: 1;}
	5%{opacity: 0.3;}
	10%{opacity: 1;}
	15%{opacity: 0.3;}
	20%{opacity: 1;}
	25%{opacity: 0.3;}
	30%{opacity: 1;}
	35%{opacity: 0.3;}
	40%{opacity: 1;}
	45%{opacity: 0.3;}
	50%{opacity: 1;}
	55%{opacity: 0.3;}
	60%{opacity: 1;}
	65%{opacity: 0.3;}
	70%{opacity: 1;}
	75%{opacity: 0.3;}
	80%{opacity: 1;}
	85%{opacity: 0.3;}
	90%{opacity: 1;}
	95%{opacity: 0.3;}
	100%{opacity: 1;}
}
@Keyframes crownImgA {
	0%{transform:translateZ(1000px) rotateY(0deg);}
	100%{transform:translateZ(1000px) rotateY(180deg);}
}
@Keyframes badgeImgA {
	0%{transform:translateZ(1000px) rotateY(0deg);}
	100%{transform:translateZ(1000px) rotateY(720deg);}
} 
/* [ div_stampcard_body ] */
.div_stampcard_body {width:100%;margin:0 auto;position:relative;z-index:2;padding:30px 0 20px;}
/* .p_store_customtxt {text-align:center;padding:20px 0;color:#8a8c98;font-size:0.938rem;} */

.p_store_customtxt {text-align:center;padding:20px 0;color:#8a8c98;font-size:0.875rem;}

/* [ stamp-img on / off List ] */
.ul_stamp_list {width:94%;margin:0 auto;padding:46px 0 0 0;overflow:auto;}
.ul_stamp_list li {float:left;width: 17%; margin: 4.8% 7% 3% 6%; position:relative;text-align: center;}
.ul_stamp_list li span{display:block;margin-top:5px;height:14px; font-size:12px; text-align: center;overflow:hidden;}
.ul_stamp_list.type01.T05_stpBg1{background:url(../images/common/T05_type01_stpBg1.png) no-repeat center top;background-size:100% auto;}
.ul_stamp_list.type01.T05_stpBg2{background:url(../images/common/T05_type01_stpBg2.png) no-repeat center top;background-size:100% auto;}
.ul_stamp_list.type01.T05_stpBg3{background:url(../images/common/T05_type01_stpBg3.png) no-repeat center top;background-size:100% auto;}
.ul_stamp_list.type01.T05_stpBg4{background:url(../images/common/T05_type01_stpBg4.png) no-repeat center top;background-size:100% auto;}
.ul_stamp_list.type01.T05_stpBg5{background:url(../images/common/T05_type01_stpBg5.png) no-repeat center top;background-size:100% auto;}
.ul_stamp_list.type01.T05_stpBg6{background:url(../images/common/T05_type01_stpBg6.png) no-repeat center top;background-size:100% auto;}
.ul_stamp_list.type01.T05_stpBg7{background:url(../images/common/T05_type01_stpBg7.png) no-repeat center top;background-size:100% auto;}

.ul_stamp_list.type02.T05_stpBg1{background:url(../images/common/T05_type02_stpBg1.png) no-repeat center top;background-size:100% auto;}
.ul_stamp_list.type02.T05_stpBg2{background:url(../images/common/T05_type02_stpBg2.png) no-repeat center top;background-size:100% auto;}
.ul_stamp_list.type02.T05_stpBg3{background:url(../images/common/T05_type02_stpBg3.png) no-repeat center top;background-size:100% auto;}
.ul_stamp_list.type02.T05_stpBg4{background:url(../images/common/T05_type02_stpBg4.png) no-repeat center top;background-size:100% auto;}
.ul_stamp_list.type02.T05_stpBg5{background:url(../images/common/T05_type02_stpBg5.png) no-repeat center top;background-size:100% auto;}
.ul_stamp_list.type02.T05_stpBg6{background:url(../images/common/T05_type02_stpBg6.png) no-repeat center top;background-size:100% auto;}
.ul_stamp_list.type02.T05_stpBg7{background:url(../images/common/T05_type02_stpBg7.png) no-repeat center top;background-size:100% auto;}


.img_stamp_off {position:absolute;top:0;left:0;width:100%;height:auto !important;z-index:0;pointer-events: none;}
.img_stamp_on {position:absolute;top:0;left:0;width:100%;height:auto !important;z-index:1;pointer-events: none;}
.img_accu_stamp_on {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.iconAnimation{animation: stampIcon 0.2s linear 1 forwards;}

/* 임시 - coupon on 애니메이션 */
@-webkit-Keyframes onStampImg {
	0%{-webkit-transform:translateY(0px) rotate(0deg);opacity:0;}
	40%{-webkit-transform:translateY(-10px) rotate(360deg);opacity:1;}
	100%{-webkit-transform:translateY(0px) rotate(720deg);}
}
@-moz-Keyframes onStampImg {
	0%{-moz-transform:translateY(0px) rotate(0deg);opacity:0;}
	40%{-moz-transform:translateY(-10px) rotate(360deg);opacity:1;}
	100%{-moz-transform:translateY(0px) rotate(720deg);}
}
@-o-Keyframes onStampImg {
	0%{-o-transform:translateY(0px) rotate(0deg);opacity:0;}
	40%{-o-transform:translateY(-10px) rotate(360deg);opacity:1;}
	100%{-o-transform:translateY(0px) rotate(720deg);}
}
@Keyframes onStampImg {
	0%{transform:translateY(0px) rotate(0deg);opacity:0;}
	40%{transform:translateY(-10px) rotate(360deg);opacity:1;}
	100%{transform:translateY(0px) rotate(720deg);}
}

.img_coupon_mask {position:absolute;width:80%;height:auto;top:10%;left:10%; z-index:2;opacity: 0.6;}


/* [ coupon List ] */
.div_couponlist_wrap {width:100%;padding:20px 0 50px !important;position:relative;}

.div_couponlist_title {position:relative;width:80%;padding:5px 0;margin:0 auto; font: italic normal normal 20px/29px Sitka Banner;text-align:center; letter-spacing: 1px;color: #000000;}
.div_couponlist_title:before {position:absolute;top:48%;left:0;width:30%;height:1px;background-color:#979797;content:"";}
.div_couponlist_title:after {position:absolute;top:48%;right:0;width:30%;height:1px;background-color:#979797;content:"";}
.div_couponlist_title img {width:26%;margin:0 auto;display:block;}
.couponlistTitle{font-size:12px;color:#000000;width:50%; text-align:center; margin:0 auto; }
.couponlistTitle img{width:8px;vertical-align: top;margin-right: 5px;}
.ul_coupon_list {width:100%;padding:15px 0;}
.ul_coupon_list li {width:100%;padding-bottom:10px;}
.ul_coupon_list li.getNewCpn{animation: newCpn 0.5s linear 1 forwards;}
.div_coupon_wrap {display:table;width:100%;background-color:#fff;border:1px solid #cdcfdc;}
.div_coupon_img,.div_coupon_info{display:table-cell;vertical-align:middle;}
.div_coupon_img {width:30%;position:relative;}
.div_coupon_imgInner {width:80%;margin:10px auto;position:relative;overflow:hidden;}
.img_conpon_thumb {position:absolute;top:0;left:0;}
.div_coupon_info {width:70%;position:relative;}
.div_coupon_info p {width:94%;margin:0 auto;padding:2px 0;word-break:break-word;}
.p_stamp_position {color:#f76163;font-size:0.813rem;letter-spacing:0;font-weight:bold;
font-family:"Palatino Linotype", "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
}
.p_coupon_title {color:#43464d;font-size:0.875rem;}
.p_coupon_subtitle  {color:#cdcfdc;font-size:0.78rem;}


.icon_close_coupon {display:block;width:10%;margin:0 auto;margin-bottom:12px;}
.div_coupon_popup {width:80%;margin:0 auto;background-color:#fff;padding:15px 0;position:relative;border-radius: 15px;}

.img_used {position:absolute;width:56%;top:40%;right:10%;z-index:5;}
.div_coupon_popupInner {width:84%;margin:0 auto;}
.div_coupon_product {width:100%;margin:0 auto;padding:5px 0 10px;}

.div_coupon_popupInner .div_coupon_info{display:block;text-align:left;width:100%;}

.div_coupon_popupInner .p_stamp_position {}
.div_coupon_popupInner .p_coupon_title {padding:5px 0;font-size:1rem;}
.div_coupon_popupInner .p_coupon_subtitle {color:#8f919d;font-size:0.813rem;padding-bottom:10px;}
.div_coupon_popupInner .p_coupon_limit {color:#8a8c98;font-size:0.813rem;}

.p_coupon_empty {width:100%;background-color:#fff;border:1px solid #cdcfdc;text-align:center;padding:36px 0;font-size:0.875rem;}


/* [ coupon popup ] */
.icon_close_coupon {display:block;width:10%;margin:0 auto;margin-bottom:12px;}
.div_coupon_popup {width:84%;margin:0 auto;background-color:#fff;padding:20px 0;max-width:340px;}
.div_coupon_popupInner {width:84%;margin:0 auto;}
.div_coupon_product {width:100%;margin:0 auto;padding:5px 0 10px;}

.div_coupon_popupInner .div_coupon_info{display:block;text-align:left;width:100%;}

.div_coupon_popupInner .div_coupon_info p{width:100%;}
.div_coupon_popupInner .p_stamp_position {}
.div_coupon_popupInner .p_coupon_title {padding:5px 0;font-size:1rem;}
.div_coupon_popupInner .p_coupon_subtitle {color:#8f919d;font-size:0.813rem;padding-bottom:10px;}
.div_coupon_popupInner .p_coupon_limit {color:#8a8c98;font-size:0.813rem;}

.div_coupon_notice {width:84%;padding:15px 0;text-align:left;position:relative;margin:0 auto;border-radius: 15px;background:#EBF6E0;}
.div_coupon_notice p {color:#587377;font-size:12px;width:70%;margin-left:23%;}
.img_stamp_hand {position:absolute;width:12%;top:10%;left:8%;border:1px solid #587377;border-radius: 50%;}


/* [ 공통 : marketing_usage_agreement.html ] */
.div_mua_wrap {position:fixed;top:0;left:0;width:100%;height:100%;background-color:#F6F7F9;overflow:auto; z-index:10000;}
.div_mua_inner {width:80%;margin:0 auto;padding:40px 0;}
.p_title_top {font-size:15px;font-weight:bold;color:#43464D;}
.p_subtitle_top {font-size:0.813rem;color:#8A8C98;padding:10px 0;}
.div_mua_form {width:100%;padding:10px 0;margin-bottom:10px;}
.div_mua_form input {width:100%;display:block;padding:10px 0;outline:0;border:0;border-bottom:2px solid #CDCFDC;background-color:transparent;margin-bottom:10px;font-size:0.813rem;text-indent:10px;}
.div_mua_form input:focus {border-bottom-color:#8A8C98;}
.div_mua_form p {color:#2A75E8;font-size:0.78rem;padding-top:10px;}
.div_btn_onsize {width:100%;padding:12px 0;text-align:center;font-size:0.875rem;border-radius:5px;}
.div_btn_onsize.type_blue {color:#fff;background-color:#2A75E8;}
.div_view_terms {width:100%;overflow:auto;margin-top:15px;}
.div_view_terms a {color:#8A8C98;font-size:0.813rem;float:left;}
.div_view_terms a:last-child{float:right;}

/* [ type:template01 ] */
.div_mua_addBenefit {background-color:#fff;border:2px solid #F76163;padding:0;position:relative;}
.img_top_addBenefit {position:absolute;width:15%;top:0;left:0;}
.p_tit_addBenefit {color:#F76163;text-align:center;font-size:1rem;font-weight:bold;line-height:1.4;padding-top:20px;}
.div_benefit_content .ul_coupon_list {width:86%;margin:0 auto;}
.div_benefit_content .ul_coupon_list .p_coupon_empty {color:#8A8C98;}
.div_benefit_content .ul_stamp_list {text-align:center;width:86%;padding-top:0;}
.div_benefit_content .ul_stamp_list li {float:none;display:inline-block;}

/* div_stamp_saveList : 적립내역 */
.div_stamp_saveList {position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;background-color:#fff;z-index:3;}
.div_saveList_top {width:100%;padding:20px 0;background-color:#3D3D3D;position:relative;}
.img_saveList_close {position:absolute;top:0;right:0;margin:5px;margin-top:15px;padding:5px;width:17px;}
.p_saveList_tit {height:20px; line-height:20px; color:#dedede;font-size:0.938rem;}
.div_saveList_cpnCount { background-color:#fff;border:1px solid #95989A;padding:15px 0;text-align:center;margin:30px 0 0;}
.div_saveList_cpnCount > div {width:42px;height:42px;position:relative;display:inline-block;vertical-align:middle;}
.div_saveList_cpnCount > span {display:inline-block;vertical-align:middle;font-size:1.125rem;color:#CDCFDC;padding-right:30px;padding-left:5px;}
.div_saveList_cpnCount > span:last-child{color:#D44E30;padding-right:0;}
.p_saveList_batchStamp{float:left;width:50%;text-align:left;padding-top:10px;}
.p_saveList_batchStamp a{color:#dedede;font-size:0.813rem;}
.p_saveList_batchStamp a img {display:inline-block;vertical-align:middle;width:17px;}
.p_saveList_batchStamp a span {display:inline-block;vertical-align:middle;}
.p_saveList_cancel {float:right; width:50%; height:30px; text-align:right;padding-top:10px;}
.p_saveList_cancel a{color:#dedede;font-size:0.813rem;}
.p_saveList_cancel a img {display:inline-block;vertical-align:middle;width:17px;}
.p_saveList_cancel a span {display:inline-block;vertical-align:middle;}

.selectBatchStamp{clear:both;position:fixed;left:0;top:0; width:100%;height:100%;background:rgba(56,56,56,0.6); display: flex;justify-content:center;flex-direction:column; align-items: center;z-index:10;}
.batchStampBox{clear:both;width:80%;margin:0 auto; }
.selectBatchStampCnt{clear:both;width:100%; color:#ffffff;font-size:0.8rem;text-align: center;}
.selectStampNum{clear:both;width:100%;margin:20px auto 40px; text-align: center;display: flex;justify-content:space-between;flex-direction:row; align-items: center;flex-wrap: wrap;}
.selectStampNum span{display:block;width:80px;height:80px;line-height:80px; text-align:center;border-radius:50%; font-size:18px; color:#000000;background:#cccccc; margin:10px;cursor: pointer; }
.selectStampNum span.current{color:#ffffff;background: #2A82E4;;}
.btn_batchBox{clear:both;width:100%;display: flex;justify-content:space-between;flex-direction:row; align-items: center;}
.btn_batchBox p{width:46%; height:35px;line-height:35px;border-radius:6px; background: #2A82E4;color:#ffffff;font-size:0.85rem;margin:0 10px; text-align: center;}
.batchCntBox{clear:both;width:220px;height:220px;margin:0 auto;border-radius:50%; background: #F2F1EE;border:3px solid #383838; text-align: center;display: flex;justify-content:center;flex-direction:column; align-items: center;}
.confirmBatchTxt{width:46%;margin:0 auto; color:#000000;font-size:12px;}
.batchCnt{color:#FF2E2E;font-size:120px;font-weight:bold;}
.confirmTip{clear:both;width:100%;text-align: center;color:#F2F1EE;font-size:14px;margin:20px auto 40px;}
.confirmTip span{color:#FF3D3D;}

.ul_stamp_saveList {width:100%;overflow: auto;}
.ul_stamp_saveList li {width:100%;background-color:#F6F7F9;padding:16px 0;}
.ul_stamp_saveList li:nth-child(2n) {background-color:#fff;}
.ul_stamp_saveList li > div {width:90%;margin:0 auto;font-size:0.875rem;}
.ul_stamp_saveList li > div span:last-child {float:right;color:#D8D8D8;}

/* 적립취소 팝업 */
.div_coupon_popup.save_cancel  {background-color:#F6F7F9;padding:46px 0;}
.p_saveCancel_title {color:#D44E30;text-align:center;line-height:1.5;font-size:1rem;padding-bottom:10px;}
.p_saveCancel_subtit {padding-bottom:20px;font-size:0.938rem;color:#979797;}
.img_stamp_handCancel {display:block;width:40%;margin:40px auto;}

/* [ div_terms_content : 약관 ] */
.div_terms_content {position:fixed;top:0;left:0;width:100%;height:100%;background-color:#F6F7F9;z-index:10007;overflow:auto;}
.div_terms_top {position:fixed;top:0;left:0;width:100%;height:48px;line-height:48px;background-color:#fff;}
.div_terms_top p{width:auto;padding:0 15px;}
.div_terms_top img {position:absolute;top:15px;right:12px;width:18px;height:18px;}
.div_terms_inner {width:100%;margin-top:50px;padding:20px 0;margin-bottom:20px;}
.div_terms_inner {color:#8A8C98;font-size:0.875rem;}
.font_blue {color:#006ae2 !important;}
.font_bold{font-weight:bold;}
.p_terms_tit{padding-bottom:8px;}

/* 优惠券分享 */
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size:0;}
.clearfix{ *zoom:1;} 
.shareBtn{clear:both; width:100%;text-align: center; color:#587377;padding:15px 0 0;font-size:0.95rem;font-weight:bold;margin-top:15px; border-top:1px solid #D8D8D8;}
.share_tips{position: fixed;left:0; top:0;width:100%;height:100%; z-index:99999;background-color: rgba(0,0,0,0.4);}
.share_tips img{position: fixed;top:15px;right:30px;width:50%;}
.getMyselfCouponBox{position: fixed;left:0; top:0;width:100%;height:100%; z-index:99999;background-color: rgba(0,0,0,0.4);}
.getMyselfCouponTxt{width:80%;margin:40% auto 0;padding:50px 0 40px;border-bottom:1px solid #556078; text-align: center;font-size:16px; color:#556078;background:#eaeaea;}
.getMyselfCouponBtn{width:80%;margin:0 auto;padding:10px 0; line-height:2;font-size:14px; color:#556078;background:#eaeaea; text-align: center;}
.errorTips{position: fixed;left:0; top:0;width:100%;height:100%; z-index:9999;background: #ffffff;}
.error_logo{position: fixed;left:35%; top:5%;width:30%;}
.error_logo img{width:100%;}
.errorTip{position: fixed;width:100%;left:0;top:30%;text-align: center;}
.errorTip img{width:36%;margin-bottom:30px;}
.error_txt1{color:#000000;font-size:18px;line-height:2;}
.error_txt2{color:#7b7b7b;font-size:18px;line-height:2;}
.tab{ clear:both; width:100%;height:50px; margin:0; background:#ffffff;}
.tab li{float:left; width:50%; font-size:16px;line-height:50px;  text-align:center;color:#3D3D3D;}
.tab li.selected{background:#3D3D3D; color:#ffffff;}
.tabox{ clear:both; width:100%;}
.loadmore{height:50px; line-height:50px;text-align:center;color:#CDCFDC;font-size:13px;}
.iconShare{position: absolute;right:10px;bottom:10px; width:20px;pointer-events: none;}

.support{color:#bfbfbf;text-align: center;font-size: 12px;}
.terms{color:#bfbfbf;text-align: center;font-size: 12px;margin-top:10px;}
.couponTab{clear:both;width:100%;line-height:40px;margin-top:10px; display: flex;justify-content:space-around;flex-direction:row; align-items: center;}
.couponTab p{width:100%; text-align: center;font-size:0.8rem;color:#979797;background:#ffffff;border-bottom:1px solid #ffffff}
.couponTab p.on{font-size:0.95rem;color:#22BA4F; border-bottom:1px solid #22BA4F;}
/* 关注公众号 */
.wechatTip{position: fixed;left:0; bottom:0; width:100%;padding:0 10%; height:50px;line-height:50px;font-size:0.8rem;color:#ffe79b;font-weight:bold; text-align:center; background:#333333; z-index:9;}
.wechatWrap{position: fixed;left:0;top:0;width:100%;height:100%; background:rgba(0,0,0,0.4); z-index:10000;display: flex;justify-content:center;flex-direction:column; align-items: center;}
.wechatBox{position:relative;width:100%; text-align: center;}
.wechatCon{width: 84%;margin: 12px auto 0;background: #fff;padding: 30px 0;max-width: 340px;}
.wechatTitle{clear:both;width:84%;border-bottom:1px solid #cccccc;height:8px;margin:0 auto 25px; color:#43464d;font-size:0.9rem; text-align: center;}
.wechatTitle span{display:inline-block; background:#ffffff;padding:0 10px;}
.closeWechat{display:block; width:10%; margin:0 auto;}
.wechatPic{clear:both;display:block; width:84%;margin:0 auto;}
.getWechatInfo{clear:both;width:84%; text-align: center; font-size:0.9rem;color:#43464d;margin:20px auto 0; line-height:1.4;}
.rolldate-container{position: relative;z-index:10001;}

/* 加入黑名单 */
.blackTip{position: fixed;left:0; bottom:0; width:100%;height:100%; display: flex;justify-content:center;flex-direction:column; align-items: center; padding:0 10%; font-size:1.3rem;color:#ffe79b;line-height:1.5; text-align:center; background:#333333; z-index:9;}
@keyframes rotate {
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
} 
/* media query */
@media only screen and (max-width:359px) {
	html{font-size:15px;}
}
@media only screen and (min-width:360px) and (max-width:374px) {
	html {font-size:16px;}
}
@media only screen and (min-width:375px) and (max-width:413px) {
	html{font-size:17px;}
}
@media only screen and (min-width:414px) and (max-width:767px) {
	html{font-size:18px;}
	
}
@media only screen and (min-width:768px){
	html{font-size:19px;}
}

/* opview3 */
@media only screen and (min-width:480px) and (max-width:480px) and (min-height:615px) and (max-height:615px) {

}

/* [ loading spinner ] */
#spinner_div_wrap{position:fixed;width:100%;height:200%;background-color:rgba(0,0,0,.7);z-index:10000;top:-50%;left:0;text-align:center;font-size:0}#spinner_div_wrap .spinner_div{width:50px;height:50px;display:inline-block;vertical-align:middle;position:absolute;top:50%;left:50%;margin-left:-25px;margin-top:-25px}#spinner_div_wrap div.spinner_div div{width:10%;height:25%;background:#fff;position:absolute;left:44.5%;top:37%;opacity:0;-webkit-animation:fade 1s linear infinite;-moz-animation:fade 1s linear infinite;-o-animation:fade 1s linear infinite;animation:fade 1s linear infinite;-webkit-border-radius:70px;-moz-border-radius:70px;-o-border-radius:70px;border-radius:70px;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-o-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2)}#spinner_div_wrap div.spinner_div div.spin_bar1{-webkit-transform:rotate(0) translate(0,-142%);-moz-transform:rotate(0) translate(0,-142%);-o-transform:rotate(0) translate(0,-142%);transform:rotate(0) translate(0,-142%);-webkit-animation-delay:0s;-moz-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s}#spinner_div_wrap div.spinner_div div.spin_bar2{-webkit-transform:rotate(30deg) translate(0,-142%);-moz-transform:rotate(30deg) translate(0,-142%);-o-transform:rotate(30deg) translate(0,-142%);transform:rotate(30deg) translate(0,-142%);-webkit-animation-delay:-.9167s;-moz-animation-delay:-.9167s;-o-animation-delay:-.9167s;animation-delay:-.9167s}#spinner_div_wrap div.spinner_div div.spin_bar3{-webkit-transform:rotate(60deg) translate(0,-142%);-moz-transform:rotate(60deg) translate(0,-142%);-o-transform:rotate(60deg) translate(0,-142%);transform:rotate(60deg) translate(0,-142%);-webkit-animation-delay:-833ms;-moz-animation-delay:-833ms;-o-animation-delay:-833ms;animation-delay:-833ms}#spinner_div_wrap div.spinner_div div.spin_bar4{-webkit-transform:rotate(90deg) translate(0,-142%);-moz-transform:rotate(90deg) translate(0,-142%);-o-transform:rotate(90deg) translate(0,-142%);transform:rotate(90deg) translate(0,-142%);-webkit-animation-delay:-.75s;-moz-animation-delay:-.75s;-o-animation-delay:-.75s;animation-delay:-.75s}#spinner_div_wrap div.spinner_div div.spin_bar5{-webkit-transform:rotate(120deg) translate(0,-142%);-moz-transform:rotate(120deg) translate(0,-142%);-o-transform:rotate(120deg) translate(0,-142%);transform:rotate(120deg) translate(0,-142%);-webkit-animation-delay:-667ms;-moz-animation-delay:-667ms;-o-animation-delay:-667ms;animation-delay:-667ms}#spinner_div_wrap div.spinner_div div.spin_bar6{-webkit-transform:rotate(150deg) translate(0,-142%);-moz-transform:rotate(150deg) translate(0,-142%);-o-transform:rotate(150deg) translate(0,-142%);transform:rotate(150deg) translate(0,-142%);-webkit-animation-delay:-.5833s;-moz-animation-delay:-.5833s;-o-animation-delay:-.5833s;animation-delay:-.5833s}#spinner_div_wrap div.spinner_div div.spin_bar7{-webkit-transform:rotate(180deg) translate(0,-142%);-moz-transform:rotate(180deg) translate(0,-142%);-o-transform:rotate(180deg) translate(0,-142%);transform:rotate(180deg) translate(0,-142%);-webkit-animation-delay:-.5s;-moz-animation-delay:-.5s;-o-animation-delay:-.5s;animation-delay:-.5s}#spinner_div_wrap div.spinner_div div.spin_bar8{-webkit-transform:rotate(210deg) translate(0,-142%);-moz-transform:rotate(210deg) translate(0,-142%);-o-transform:rotate(210deg) translate(0,-142%);transform:rotate(210deg) translate(0,-142%);-webkit-animation-delay:-.41667s;-moz-animation-delay:-.41667s;-o-animation-delay:-.41667s;animation-delay:-.41667s}#spinner_div_wrap div.spinner_div div.spin_bar9{-webkit-transform:rotate(240deg) translate(0,-142%);-moz-transform:rotate(240deg) translate(0,-142%);-o-transform:rotate(240deg) translate(0,-142%);transform:rotate(240deg) translate(0,-142%);-webkit-animation-delay:-333ms;-moz-animation-delay:-333ms;-o-animation-delay:-333ms;animation-delay:-333ms}#spinner_div_wrap div.spinner_div div.spin_bar10{-webkit-transform:rotate(270deg) translate(0,-142%);-moz-transform:rotate(270deg) translate(0,-142%);-o-transform:rotate(270deg) translate(0,-142%);transform:rotate(270deg) translate(0,-142%);-webkit-animation-delay:-.25s;-moz-animation-delay:-.25s;-o-animation-delay:-.25s;animation-delay:-.25s}#spinner_div_wrap div.spinner_div div.spin_bar11{-webkit-transform:rotate(300deg) translate(0,-142%);-moz-transform:rotate(300deg) translate(0,-142%);-o-transform:rotate(300deg) translate(0,-142%);transform:rotate(300deg) translate(0,-142%);-webkit-animation-delay:-.1667s;-moz-animation-delay:-.1667s;-o-animation-delay:-.1667s;animation-delay:-.1667s}#spinner_div_wrap div.spinner_div div.spin_bar12{-webkit-transform:rotate(330deg) translate(0,-142%);-moz-transform:rotate(330deg) translate(0,-142%);-o-transform:rotate(330deg) translate(0,-142%);transform:rotate(330deg) translate(0,-142%);-webkit-animation-delay:-83.3ms;-moz-animation-delay:-83.3ms;-o-animation-delay:-83.3ms;animation-delay:-83.3ms}@-webkit-keyframes fade{from{opacity:1}to{opacity:.25}}@-moz-keyframes fade{from{opacity:1}to{opacity:.25}}@-o-keyframes fade{from{opacity:1}to{opacity:.25}}@keyframes fade{from{opacity:1}to{opacity:.25}}