@charset "utf-8";

/* CSS RESET */
html {height:100%;}
html, body {-webkit-text-size-adjust:none;}
body{font-size:16px;}
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::-webkit-input-placeholder,textarea::-webkit-input-placeholder {/* WebKit browsers */color:#979797;}
input:-moz-placeholder,textarea:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color:#979797;}
input::-moz-placeholder,textarea::-moz-placeholder {/* Mozilla Firefox 19+ */color:#979797;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {/* Internet Explorer 10+ */color:#979797;}
.div_coupon_popupInner .p_coupon_subtitle textarea:-ms-input-placeholder { color: #979797; }
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;}
.block{display:block;}
body {
    background:transparent;line-height:1.2;
    font-family:Noto Sans Regular,Helvetica,AppleSDGothicNeo,Arial,sans-serif;color:#3D3D3D;
    -webkit-tap-highlight-color:transparent-webkit-touch-callout:none;word-break:break-word;
    /*text-shadow:0.8px 0.8px 0 rgba(0,0,0,0.08);*/
}

textarea::-webkit-scrollbar {width:5px;}


/* [ common - ETC ] */
.box_sh{-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.25);-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%;}

.img_full {width:100%;display:block;}
.hidden {display:none!important;}
.none{display:none;}
.float_left {float:left;}
.float_right {float:right;}

.padding_top_header {padding-top:100px;}

/* [ common - popup ] */
div.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:10000;}
div.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;
-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.24s linear 0s 1;
-moz-animation:popup_show 0.24s linear 0s 1;
-o-animation:popup_show 0.24s linear 0s 1;
animation:popup_show 0.24s linear 0s 1;
}
@-webkit-keyframes popup_show {
  0%{-webkit-transform:translate3d(0,-30px,0);opacity:0.3;}
  100%{-webkit-transform:translate3d(0,0,0);opacity:1;}
}
@-moz-keyframes popup_show {
  0%{-moz-transform:translate3d(0,-30px,0);opacity:0.3;}
  100%{-moz-transform:translate3d(0,0,0);opacity:1;}
}
@-o-keyframes popup_show {
  0%{-o-transform:translate3d(0,-30px,0);opacity:0.3;}
  100%{-o-transform:translate3d(0,0,0);opacity:1;}
}
@keyframes popup_show {
  0%{transform:translate3d(0,-30px,0);opacity:0.3;}
  100%{transform:translate3d(0,0,0);opacity:1;}
}
.popup_default {width:80%;max-width:520px;margin:0 auto;background-color:#fff;font-size:15px;}
.popup_default_inner {width:100%;margin:0 auto;line-height:1.4;}
.popup_default_T{width:100%; text-align: left;color:rgba(0, 0, 0, 0.85);font-weight:bold;padding:20px 5%;}
.popup_default_T img{width:20px;vertical-align: top;padding-right:5px;}
.popup_default_p{width:100%;text-align: left;padding:20px 5%;}
.popup_default_p span img{width:13px;}
.padleft{padding-left:10%;}
.hasBorder{border-top:1px solid rgba(0, 0, 0, 0.06);border-bottom:1px solid rgba(0, 0, 0, 0.06);}
.popup_default_button {width:100%; text-align:center;padding:10px 5%;}
.popup_default_button span {padding:7px 0;display:inline-block;}
.popup_default_button>div {float:right;width:20%;border-radius:2px; 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>div:nth-child(1){background:#22BA4F;border-radius:5px; color:#ffffff;border:1px solid #22BA4F;}
.popup_default_button>div:nth-child(2){border:1px solid rgba(0, 0, 0, 0.15);color:rgba(0, 0, 0, 0.65);margin-right:20px;}

.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;}

/* [ common - checkbox_default ]*/
.div_checkbox_wrap {display:inline-block;vertical-align:middle;margin:0 10px;}
.input_check_default {position:absolute;width:0;height:0;display:block;overflow:hidden;opacity:0;background-image:url(../images/icon/icon_check_off.png),url(../images/icon/icon_check_on.png);background-size:0;}
.label_check_default {display:block;height:24px;line-height:24px;padding-left:24px;background-image:url(../images/icon/icon_check_off.png);background-size:22px 22px;background-position:left top;background-repeat:no-repeat;margin:4px 0;cursor:pointer;border:0;outline:0;}
.label_check_default span {padding-left:5px;font-size:14px;}
.input_check_default:checked + .label_check_default {border-style:inset;background-image:url(../images/icon/icon_check_on.png);}

/*******************************************************************************************************************************

< CSS Section >
1. [ common ] : button /  popup / background-color / margin & padding & float (ETC)
2. [ admin ] : header_default / gnb / content_default / snb / searchBox / pageTitle
3. [ admin - wizardTab ] :  header_wizard / step_snb / content_wizard /
4. [ stampCard - frame ] : stampCard type01 / type02 / type03 / makeCoupon / ... ... ...
(각자의 모양만 존재, 위치나 개별 옵션은 각 html 별 해당 위치에서 부모 요소 같이 포함해서 선언 후 속성 추가)
5. [ custom ] : 각 html 페이지 별 속성 추가

< Color >
basic text : #3D3D3D
blue : #22BA4F
gray : #979797
light gray : #b2b4b6
back_gray : #979797
border : #979797

<Layout Size>
Header & Content : WIdth = 1270px;
Header : Height 60px;

*******************************************************************************************************************************/

/* [ common - color] */
.back_gray {background-color:#F2F1EE !important;}
.back_darkgray {background-color:#3D3D3D;}
.font_red {color:#FF3030 !important;}
.font_blue {color:#22BA4F !important;}
.font_gray {color:#000000 !important;}
.font_darkgray{color:#3D3D3D !important;}
.font_beige{color:#FFD5D5 !important;}
.font_green{color:#22BA4F !important;}
/* [ common - header] */
.div_header {position:fixed;width:100%;top:0;left:0;background-color:#fff;z-index:100;}
.div_header_inner {padding:0 45px; margin:0 auto;height:72px;}
.h1_header_logo {float:left;margin-top:18px;}
.h1_header_logo img {display:block;height:34px;}
.ul_gnb_list{display:inline-block;vertical-align:middle;margin-right:50px;}
.ul_gnb_list li {display:inline-block;vertical-align:middle;height:65px;line-height:65px;font-size:18px;letter-spacing:0px;}
.ul_gnb_list li a {padding:0 10px 0 30px;color:#000000; font-family:Noto Sans Medium; height:65px;line-height:65px;display:block;cursor:pointer;}
.ul_gnb_list li.on a {color:#22BA4F;border-bottom:7px solid #22BA4F;}
.ul_gnb_list li a:hover{color:#22BA4F;border-bottom:7px solid #22BA4F;}
.ul_gnb_list li:nth-last-child(5){background:url(../images/icon/icon_myPage_off.svg) no-repeat 10px center; background-size:auto 22%; }
.ul_gnb_list li:nth-last-child(5).on{background:url(../images/icon/icon_myPage_on.svg) no-repeat 10px center; background-size:auto 22%;}
.ul_gnb_list li:nth-last-child(4){background:url(../images/icon/icon_applyStampCard_off.svg) no-repeat 10px center; background-size:auto 22%; }
.ul_gnb_list li:nth-last-child(4).on{background:url(../images/icon/icon_applyStampCard_on.svg) no-repeat 10px center; background-size:auto 22%;}
.ul_gnb_list li:nth-last-child(3){background:url(../images/icon/icon_problem_off.svg) no-repeat 10px center; background-size:auto 22%; }
.ul_gnb_list li:nth-last-child(3).on{background:url(../images/icon/icon_problem_on.svg) no-repeat 10px center; background-size:auto 22%;}
.ul_gnb_list li:nth-last-child(2){background:url(../images/icon/icon_website_off.svg) no-repeat 10px center; background-size:auto 22%; }
.ul_gnb_list li:nth-last-child(1){background:url(../images/icon/icon_weibo_off.svg) no-repeat 10px center; background-size:auto 22%; }

.ul_gnb_list li.selectStpCrdType{position:relative; width:133px;background:url(../images/icon_scType.png) no-repeat 105px center; color:#3D3D3D;text-align: center;cursor: pointer;}
.ul_gnb_list li.selectStpCrdType:hover{background-color:#f6f6f6;}
.ul_gnb_list li.selectStpCrdType ul.selectStpCrdType_ul{position:absolute;left:0;top:45px; display:none;width:133px;height:120px;padding:16px 26px 14px; background:url(../images/selectStpCrdType_bg.png) no-repeat center top;}
.ul_gnb_list li.selectStpCrdType ul.selectStpCrdType_ul.on{display:block;}
.ul_gnb_list li.selectStpCrdType ul.selectStpCrdType_ul li{display:block; cursor:pointer;letter-spacing:0; clear:both;width:100%;height:30px;line-height:30px;color:#3D3D3D;font-size:12px;font-weight:lighter; margin:0 auto;border-bottom:1px solid #979797;}
.ul_gnb_list li.selectStpCrdType ul.selectStpCrdType_ul li:last-child{border:none;}
.div_login_box{display:inline-block;vertical-align:middle;height:60px;line-height:60px;font-size:14px;}
.div_login_box * {display:inline-block;color:#b2b4b6;padding:0 5px;}
.btnLogin{float:right;}
.btnLogin a{float:right;color:#000000; display: inline-block;height:65px;line-height:65px; background:url(../images/login.png) no-repeat left center; padding-left:30px;background-size:35%;font-family: Noto Sans Medium;}
.btnLogin a:hover{color:#22BA4F !important;background:url(../images/login_blue.png) no-repeat left center;background-size:35%;}
/* [ common - content_default ] */
.div_content_wrap {position:relative;width:100%;min-width:1270px; min-height:100%;margin:0 auto;/*background-color:#fff;*/}
.div_content_wrap:before {width:100%;/*height:60px;*/height:0;background-color:#979797;display:block;content:"";}
#div_content_body {width:1230px;padding:0 20px; margin:0 auto;position:relative;height:961px;margin-bottom:100px;}
#div_content_body_stats {width:1230px; margin:0 auto;position:relative;margin-bottom:80px; overflow: hidden;min-height:970px;}
#div_content_body_stats .div_content_inner {position:relative;min-height:790px;}

/*******************************************************************************************************************************/

/* [ content :default ] */
.div_content_title {width:100%;padding:52px 0 20px;position:relative;z-index:3;max-width:1230px;margin:0 auto;}
.div_content_title p {font-size:21px;font-weight:bold;line-height:1;}

.div_snb_list {position:absolute;top:0;left:0;width:175px;height:100%;overflow:auto;}
.div_snb_list > div {position:relative; width:100%;text-align:center;height:156px;margin-bottom:5px;background:rgba(255,255,255,0.5);}
.div_snb_list > div:last-child{margin-bottom:0;}
.div_snb_list > div a {position:relative; display:block;width:100%;padding-top:35px;height:119px;}
.div_snb_list > div a span {display:block;width:100%;color:rgba(35, 35, 35, 0.5);font-size:17px; font-family: Noto Sans Bold;}

.div_snb_list > div a span.hasMsg{position:absolute;right:65px;top:40px; width:10px;height:10px;background:#22BA4F; border-radius: 50%;}
.div_snb_list > div a img {display:block;width:54px;height:54px;margin:0 auto;}
.div_snb_list > div:hover{background:#ffffff;}
.div_snb_list > div.on {background:#ffffff;}
.div_snb_list > div.on .icon_arrow{position:absolute; right:5px;top:73px;width:14px;height:8px; clip-path: polygon(0 0, 50% 50%, 0 100%, 0 0); background:#232323;}
.div_snb_list > div.on a span {color:#232323;}
.contentTop {clear: both;width: 100%;background: #F3F3F3;padding: 20px 25px;}
.contentTop p:nth-child(1) {color: #3D3D3D;font-size: 20px;font-weight: bold;}
.div_content_inner {position:absolute;top:0;left:200px;width:1030px;height:100%;overflow:hidden;}
.div_content_inner_top{clear:both;width:100%;height:70px;}
.content{position: relative; width:100%; height:660px;}
.stampCardTab{clear:both;width:100%;height:55px; line-height:55px; }
.stampCardTab p{float:left; display: inline-block;width:512px; margin-right:6px;cursor:pointer; background:rgba(255,255,255,0.5);color:rgba(0,0,0,0.7);text-align: center;font-size:18px; font-family: Noto Sans Bold; }
.stampCardTab p:last-child{margin-right:0;}
.stampCardTab p.on{background:#ffffff; cursor: default;color:#000000;}
.stampCardTab p.unavailable{background:rgba(0,0,0,0.2);color:rgba(0,0,0,0.7); cursor: default;}
.activityTop{position:relative; clear:both;width:100%;height:75px;padding:0 25px;background:#FFFFFF; line-height:75px;text-align: left;margin:5px auto;}
.activityTop .cnt{display:inline-block;width:30px; text-align:center; color:#22BA4F; font-weight:bold;}
.activityTop a{position: absolute;right:25px;top:17px;min-width:95px;height:40px;padding:0 15px; font-family:Noto Sans Bold; line-height:40px;text-align:center;color:#ffffff; background: #22BA4F;box-shadow: inset -2px -2px 0px rgba(0, 0, 0, 0.16);border-radius: 5px; }
.activityTop a.firstBtn{right:170px;}
.activityTop a.firstBtn.hasClick{background:#979797;}
.activityTop a.secondBtn{background:#484848;color:#ffffff;box-shadow:inset -2px -2px 0px rgba(0, 0, 0, 0.16);}
.activityTop span.btn{position: absolute;right:25px;top:17px;padding:0 10px; height:40px;line-height:40px; background:#22BA4F;color:#FFFFFF;border-radius: 5px;box-shadow: inset -2px -2px 0px rgba(0, 0, 0, 0.16);}
.activityTop span.firstBtn{right:170px;}
.activityTop span.firstBtn.hasClick{background:#979797;}
.activityTop span.secondBtn{background:#FFFFFF;border:1px solid #22BA4F;color:#22BA4F;}
.tryoutDt{padding-left:10px;color:#D44E30;}
.applyTips{position: absolute;left:0; top:50px;width:100%;height:25px;line-height:25px; font-size:12px; text-align:left;padding:0 25px 0 50px; background:#ffffff; color:#D44E30; z-index:9;}
.applyTips span{width:80%;}
.applyTips img{position: absolute;right:26px; top:5px;width:15px;z-index:10;cursor: pointer;}
.mainApplyIcon{width:15px;padding-left:5px; vertical-align: middle;}
.iconA{background:url(../images/icon/icon_activity.svg) no-repeat center left; padding:10px 0 10px 30px;background-size:auto 40%;}
.iconM{background:url(../images/icon/icon_tab_store.svg) no-repeat center left; padding:10px 0 10px 30px;background-size:auto 40%;}
/*******************************************************************************************************************************/

.div_tab_stpcard {position:absolute;top:75px;left:0; width:512px;height:821px;}
.div_tab_stpcard.noborder{border-right:0;}
.div_tab_store {position:absolute;top:75px;right:0;width:512px;}
.div_tab_stamp {position:absolute;top:0;right:0px;width:230px;height:100%;}
.div_tab_innerTop {float:right; display:inline;width:575px; height:70px;line-height:70px;font-size:18px;color:#000000; position:relative;z-index:3;padding:0 25px 0 55px;background:#ffffff url(../images/icon/icon_tab_store.svg) no-repeat 25px center;background-size:auto 25%;}
.hasTop{top:0px !important;}
.div_tab_innerTop p{width:auto;padding-right:22px;}
.div_tab_innerTop p span {color:#22BA4F;}
.div_tab_innerTop p a {position:absolute;right:25px;top:18px;width:125px;height:40px;line-height:40px;font-family:Noto Sans Bold;text-align:center;color:#ffffff; background: #22BA4F;box-shadow: inset -2px -2px 0px rgba(0, 0, 0, 0.16);border-radius: 5px; }

.div_tab_innerBody {position:relative;height:821px;}
.hasTab{height:821px !important;}
.innerBodyRight{background:#ffffff;}
.div_tab_innerScroll {position:relative;height:100%;}
.noStore, .stroeListAdd{position: absolute;left:0;top:0;width:100%;height:65px;}
.relationStoreLine{position: absolute;left:25px;top:61px;background:#232323;height:4px;width:30px;}
.relationStore{position:relative;left:362px;top:25px;margin-bottom:25px; z-index:9; width:125px; height:40px; line-height:40px; text-align:center; background: #484848;font-size: 15px;color:#ffffff;box-shadow: inset -1.5px -1.5px 1px rgba(0, 0, 0, 0.16);border-radius: 5px;}
.relationStore a{display:block;color:#ffffff;font-family:Noto Sans Bold;}
/* .div_tab_innerScroll .mCSB_container { overflow: visible !important; } */

.mypage_stampcard_list {width:100%; background:rgba(255,255,255,0.5);}
.mypage_stampcard_list li {width:auto;padding:25px;margin:0 auto;background:#ffffff; position:relative;border-bottom:5px solid #F2F1EE;border-right:6px solid #F2F1EE;overflow:visible;}
.mypage_stampcard_list li.off{opacity: 0.5;}
.mypage_stampcard_list li.on{opacity:1; border-right:6px solid #ffffff;}
/* .mypage_stampcard_list.stampcardList li.on{background:#ffffff url(../images/icon_right.png) no-repeat center right;background-size:8%;} */
.mypage_stampcard_list li .delActivity{position: absolute;right:25px;top:25px;width:25px; cursor: pointer;}
.mypage_stampcard_list li:last-child{border-bottom:none;}
.mypage_stampcard_div {width:100%;}
.mypage_stampcard_div > div {display:table-cell;vertical-align:middle;}
.applyNewCard{height:100px; padding:30px 0; text-align:center;margin: 0 auto;border-right:6px solid #F2F1EE;}
.applyNewCard a{display:block;width:40%; text-align:center;height:40px;line-height:40px; background: #22BA4F;border-radius: 5px;box-shadow: inset -2px -2px 0px rgba(0, 0, 0, 0.16); margin:0 auto;color: #ffffff;}

.div_frame_img {width:90px;height:90px;position:relative;background-image:url(../images/icon/icon_echoss_gray.png);background-position:center center;background-size:36px auto;background-repeat:no-repeat;background-color:#fafafa;}
.img_stampcard_thumb {position:absolute;}

.mypage_stampcard_div > div:nth-child(1) {float:left; width:90px;height:90px;position:relative;overflow:hidden;}
.mypage_stampcard_div > div:nth-child(1) img {display:block;width:100%;}
.mypage_stampcard_div > div:nth-child(2) p.stpcrdStat{position:absolute;width:86px;height:34px; line-height:30px;margin-left:0; bottom:25px;border: 2px solid #707070; background:#ffffff; left:25px;text-align:center;display:block;color:#000000;font-family: Noto Sans Bold;}

.mypage_stampcard_div > div:nth-child(2) {float:left; width:255px;}
.mypage_stampcard_div > div:nth-child(2) p {width:96%;margin-left:4%;color:#000000;font-family: Noto Sans Light;}
.mypage_stampcard_div > div:nth-child(2) p.type{width:100px; text-align:center;line-height:1.3;margin-top:10px; background:#22BA4F;border-radius: 6px;padding:3px 10px 5px;color:#ffffff;}
.mypage_stampcard_div > div:nth-child(2) p:first-child{padding-bottom:8px;font-size:20px;color:#000000;font-family: Noto Sans Bold;}
.half_stpcard_left .mypage_stampcard_div > div:nth-child(2) {width:350px;}
.div_btn_edit {position:absolute;top:12px;right:22px;}
.div_btn_edit a {width:14px;display:inline-block;margin-left:10px;}
.div_btn_edit a img {display:block;}
.a_btn_upload_exl {position:absolute;bottom:20px;right:145px;color:#22BA4F;font-size:12px;display:block;border-radius:50px;height:24px;line-height:24px;width:100px;text-align:right;}
.btnBox{clear:both;width:76%;height:5px; margin-left:24%;margin-top:15px; padding-top:30px; border-top:1px solid #E6E6E6;padding-left: 5px;font-family: Noto Sans Bold;}
.a_btn_url {position:absolute;bottom:20px;right:25px;color:#22BA4F;font-size:12px;display:block;border-radius:50px;height:24px;line-height:21px;width:120px;text-align:right;}
.a_btn_url.globalA{width:180px;}
.a_btn_url span {display:inline-block;vertical-align:middle;padding-right:4px;line-height:1;padding-left:5px;font-family: Noto Sans Bold;}
span.point_border_blue {display:inline-block;vertical-align:middle;width:0;height:0;border:5px solid #22BA4F;border-bottom-color:transparent;border-right-color:transparent;border-top-color:transparent;padding:0;}
span.point_border_gray{display:inline-block;vertical-align:middle;width:0;height:0;border:5px solid #979797;border-bottom-color:transparent;border-right-color:transparent;border-top-color:transparent;padding:0;}
.btnBox .a_btn_url.rightSecondBtn{right:145px;width:100px;}
.btnBox .a_btn_url.rightThreeBtn{right:255px;width:100px;}
.btnBox .a_btn_upload_exl.rightThreeBtn{right:255px;}
.btnBox .a_btn_url.globalA.rightSecondBtn{right:205px;width:100px;}
.btnBox .a_btn_url.globalA.rightThreeBtn{right:305px;width:100px;}


/* div_hover_url */
.div_hover_url {position:fixed;top:0;right:0;width:348px;background-color:#22BA4F;display:none;z-index:7;overflow:auto;padding:30px;}
.img_close_wh {width:17px;display:block;position:absolute;top:15px;right:15px;cursor:pointer;}
.p_hover_urlTit {color:#fff;clear:both;font-size:18px;}
.p_hover_url {background-color:#fff;padding:50px 12px;text-align:center;font-size:14px;margin-top:20px;width:100%;}
.div_hover_url a:last-child{color:#fff;margin-top:10px;display:block;float:right;}


.mypage_store_list {width:100%; overflow: auto;}
.mypage_store_list li {width:auto;padding:25px;margin:0 auto;border-bottom:5px solid #F2F1EE; position:relative;background-color:#fff;overflow:visible;}
.mypage_store_list li.on{background-color:#f6f7f9;}
.mypage_store_list.addStore li{background-color:#fff;color:#000000;padding-bottom:0; border:none;}
.mypage_store_list.addStore li.on{background-color:#fff;}

.mypage_store_list li div.div_store_info p {position:relative; width:96%; line-height:1.5;font-family:Noto Sans Light;}
.mypage_store_list li div.div_store_info p:first-child{padding-bottom:10px;font-size:20px;color:#000000;font-family:Noto Sans Bold;width:auto;}
.mypage_store_list li div.div_store_info p:nth-child(3), .mypage_store_list li div.div_store_info p:nth-child(3) a, .mypage_store_list li div p:nth-child(4), .mypage_store_list li div p:nth-child(4) a{color:#000000;}
.mypage_store_list li div.div_store_info .store_bottom{position:relative; text-align:left; clear:both;width:100%;border-top:1px solid #E6E6E6;margin:15px auto 0; padding-top:20px;line-height:1.4;}
.mypage_store_list li div.div_store_info .store_bottom p{display: inline;}
.mypage_store_list li div.div_store_info .store_bottom p, .mypage_store_list li div.div_store_info .store_bottom p a{color:#000000; font-weight:normal;font-family:Noto Sans Bold;padding:0;font-size:16px;}
.mypage_store_list li div.div_store_info p img{width:15px; height:15px; padding-right:5px; vertical-align: middle;}
.mypage_store_list li div.div_store_info .store_bottom p:nth-child(1){float:left;margin-right:30px;}
.mypage_store_list li div.div_store_info .store_bottom p:nth-child(2){float:left;width:130px;margin-right:30px;font-family:Noto Sans Bold;}
.mypage_store_list li div.div_store_info .store_bottom p:last-child a{float:right; padding-left:20px;background:url(../images/icon/icon_store_setting.svg) no-repeat left center;background-size:auto 60%;}
.div_store_info {}
.relationLine{width:100%; margin-top:25px;height:1px; background:#D8D8D8;}

.div_store_info p:first-child {}
.div_store_info p:first-child span {display:inline-block;vertical-align:middle;}
.div_store_info p:first-child img {display:inline-block;vertical-align:middle;width:18px;height:19px;padding-left:4px;cursor:pointer;}

.div_store_hover {/* position:fixed; */position:absolute;z-index:7;width:222px;padding:40px;background-color:#fff;text-align:center;border:1px solid #D8D8D8;display:none;}
.div_store_hover img {position:absolute;top:15px;right:15px;cursor:pointer;}
.div_store_hover p:nth-child(2) {}
.div_store_hover p:nth-child(3) {padding-top:20px;}

.p_excp_store {text-align:center;color:#000000;padding-top:80px;}
.p_excp_stamp {text-align:center;color:#000000;padding-top:140px;}

.mypage_stamp_list {width:100%;}
.mypage_stamp_list li {width:auto;padding:36px;margin:0 auto;position:relative;background-color:#fff;}
.mypage_stamp_list li.on{background-color:#f6f7f9;}
.div_stamp_info {color:#979797;padding:0;font-size:14px;}

.div_exception_box {width:512px; position:absolute;top:140px;right:0;}
.div_exception_boxInner {position:absolute;left:25px;top:100px; text-align:left; width:90%;margin:0 auto}

.p_excp_title {font-size:20px;color:#000000;font-family: Noto Sans Bold;}
.guide{position: absolute;top:170px;right:150px;z-index:9; width:16%;}
.p_excp_subtit {color:#000000;padding-top:10px;font-family: Noto Sans Light; line-height:26px;font-size:14px;}
.p_excp_subtit span{display: block;float:left;}
.p_excp_subtit span.tipNum{width:20px;height:20px;background:#22BA4F;color:#ffffff;margin:4px 5px 2px 0; border-radius: 5px;line-height:20px; text-align: center;vertical-align: middle;}
.p_excp_subtit span.tipTxt{width:435px;}
.a_btn_rereq {display:inline-block;text-align:center;padding:12px 22px;color:#9d9fa9;border:1px solid #9d9fa9;border-radius:6px;font-size:13px;margin-top:36px;}
.half_stpcard_left{width:518px;right:512px;}
.waitReview{position:absolute;left:25px;top:100px; width:90%; text-align: left;margin:0 auto;}
.waitImg{display:block; width:70%;margin:50px auto; text-align: center;}
.waitReview p{line-height:1.5;}
/* [ common - div_bottom_copyright ]*/
.div_bottom_copyright {position:fixed;bottom:0;left:0;width:100%;text-align:center;color:#fff;font-size:14px;z-index:9;}
.div_copyright_inner {width:100%;height:48px;line-height:48px;background-color:#3D3D3D;}
.div_copyright_inner.type_light {color:#979797;background-color:transparent;}

/*******************************************************************************************************************************/


/* [ modal : regist Store ] */
.div_modal_wrap {width:780px;margin:0 auto;background-color:#fff;position:relative;}
.div_modal_top {padding:30px 50px;position:relative;width:auto;text-align:left;}
.a_close_modal {position:absolute;top:19px;right:19px;width:20px;display:block;z-index:999;}
.a_close_modal img {display:block;}
.p_modal_title {font-size:18px;color:#000000;padding:10px 0 15px;font-family: Noto Sans Bold;}
.div_modal_input {width:570px;display:inline-block;vertical-align:middle;margin-bottom:10px;}
.div_input_part {width:100%;padding:10px 0;overflow:auto;}
.manager_txt{clear:both;width:600px;color:#979797;font-size:14px;margin-bottom:20px;}
.manager_txt span{color:#D44E30;}
.manager_txt a{color:#22BA4F;}
.manager_txt .showVideo{color:#22BA4F;cursor: pointer;}
.manager_code{position: absolute;right:40px;top:365px;width:100px; text-align:center; font-size:12px;font-weight:bold;}
.manager_code img{width:100px;}
.div_input_box {width:100%;position:relative;}
.spanWidth1{font-size:14px;}
.div_input_box input {display:block;width:100%;border:0;outline:0;border-bottom:1px solid #D8D8D8;padding:5px;font-size:14px;}
.div_input_box input:focus {border-color:#D44E30;}
.div_input_part.type_doubble > div {float:left;}
.div_input_part.type_doubble .div_input_box:nth-child(1){width:30%;}
.div_input_part.type_doubble .div_input_box:nth-child(2){width:67%;margin-left:3%;}
.btn_modBrInfo{clear:both;padding:0 20px;font-size:14px; width:20%;margin:20px auto; height: 30px;line-height: 30px;font-family: Noto Sans Bold;text-align: center;color: #ffffff;background: #22BA4F;box-shadow: inset -2px -2px 0px rgba(0, 0, 0, 0.16);border-radius: 5px;} 
.resetBrPwd{position:absolute;right:0;top:0;color:#22BA4F;padding:3px 0;margin-top:-7px; font-size:12px;border-radius:3px; text-align: center;border:1px solid #22BA4F; cursor: pointer;}
.btn_regist_circle {width:auto;display:inline-block;vertical-align:middle;overflow:auto;float:right;}
.btn_regist_circle a {width:76px;height:76px;line-height:76px;border-radius:50%;border:1px solid #D8D8D8;color:#22BA4F;display:block;text-align:center;float:right;font-size:14px;font-family: Noto Sans Bold;}
.btn_regist_rectangle {width:auto;display:inline-block;vertical-align:middle;overflow:auto;float:right;margin-top:4px;}
.btn_regist_rectangle a{width:90px;height:40px;line-height:40px;border:1px solid #d0d2de;color:#D44E30;display:block;text-align:center;float:right;font-size:14px;border-radius:5px;}

.btn_span_question {width:20px;height:20px;display:block;text-align:center;line-height:20px;position:absolute;bottom:7px;right:0;border-radius:50%;border:1px solid #d0d2de;font-size:12px;color:#d0d2de;}

.div_upload_area {width:100%;padding:10px 0;}

.p_upload_tab {width:100%;padding:10px 0;cursor:pointer;line-height:20px;}
.p_upload_tab span {color:#9496a1;font-size:14px;display:inline-block;vertical-align:middle;}
.icon_excel {display:inline-block;vertical-align:middle;width:20px;}
.icon_snb_direction {display:inline-block;vertical-align:middle;width:14px;}
.icon_snb_direction.on {
  -webkit-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  transform:rotate(180deg);
}
.downExcel{position:relative;max-width:15%; text-decoration:underline; line-height:20px;color: #D44E30;font-size: 14px; display: inline-block; vertical-align: middle;}
.p_upload_tab a.downExcel span{color: #D44E30;text-decoration:underline;position: absolute; top: 0; left: 0; white-space: nowrap;}
.p_upload_tab a.downExcel input{display: block;width: 60%;height:20px;opacity: 0;color: #979797;cursor: pointer;}
.div_upload_input {border:5px solid #F3F3F3;overflow:auto;padding:1px 0;}
.div_upload_input a {color:#979797;font-size:13px;display:block;float:left;text-align:center;width:14%;height:50px;line-height:50px;}
.div_upload_input a:first-child {}
.div_upload_input a:last-child {color:#22BA4F;}
.div_upload_fileTag {display:block;vertical-align:middle;width:72%;float:left;height:50px;line-height:50px;position:relative;}
.div_upload_fileTag:before {position:absolute;top:5px;left:0;height:40px;width:3px;background-color:#F3F3F3;content:"";}
.div_upload_fileTag:after {position:absolute;top:5px;right:0;height:40px;width:3px;background-color:#F3F3F3;content:"";}
.a_btn_upload {width:20%;cursor:pointer;position:relative;display:inline-block;text-align:center;margin:0 19px;font-size:13px;cursor:pointer;}
.a_btn_upload span {height:50px;line-height:50px;position:absolute;top:0;left:0;color:#979797;white-space:nowrap;}
.a_btn_upload input {display:block;width:100%;opacity:0;height:50px;color:#979797;cursor:pointer;}
.a_btn_upload input * {cursor:pointer;}
#inputExcelFileName {width:40%;display:inline-block;outline:0;border:0;vertical-align: middle;}
.uploadExcel{clear:both;display: block;width:15%;height: 40px;margin: 10px auto 0; font-size: 14px; padding: 0 15px; font-family: Noto Sans Bold; line-height: 40px;text-align: center;color: #ffffff; background: #22BA4F; box-shadow: inset -2px -2px 0px rgba(0, 0, 0, 0.16); border-radius: 5px;}
.type_stamp .div_upload_fileTag {width:78%;}
.type_stamp .div_upload_fileTag:before {content:none;width:0;}
.type_stamp .div_upload_fileTag input {width:96%;margin:0 auto;display:block;outline:0;border:0;height:50px;line-height:50px;}
.type_stamp .div_upload_input a {width:22%;}

.margin_top20 {margin-top:20px;}
.p_type_stampRegist {font-size:14px;color:#979797;padding-top:36px;}


.div_modal_bottom {padding:20px 50px 30px;position:relative;width:auto;text-align:left;background-color:#f6f7f9;}
.div_modal_listwrap {width:100%;position:relative;overflow:auto;}
.div_modal_list {width:37%;float:left;position:relative;}
.div_modal_list.type_stampRegist {width:60%;margin-right:3%;}
.div_modal_buttonarea {width:26%;float:left;text-align:center;}
.div_modal_buttonarea:before{display:block;height:200px;content:"";}
.btn_button_modal {border:1px solid #D8D8D8;border-radius:5px;background-color:#fff;color:#22BA4F;padding:12.5px 0;width:62%;margin:10px auto;font-size:13px;cursor:pointer;}

.img_stamp_serial {width:100%;display:block;}

.div_modal_listTitle{color:#D44E30;padding:10px 0;font-size:13px;}
.div_modal_listTitle.type02{color:#22BA4F;}
.div_modal_listTitle.type02 a {float:right;color:#9495a0;font-size:12px;}
.div_modal_scrollarea {height:320px;border:1px solid #D8D8D8;background-color:#fff;margin-bottom:10px;}
@media only screen and (min-height: 750px) {
	.div_modal_scrollarea{height:459px;}
}
@media only screen and (max-height: 580px) {
	.div_modal_scrollarea{height:260px;}
}
.div_modal_scrollarea ul {}
.div_modal_scrollarea ul li {padding:16px 14px;font-size:13px;background-size:14px;cursor:pointer;}
.div_modal_scrollarea ul li.on {background-color:#f6f7f9;}
.div_modal_scrollarea ul li a {float:right;width:14px;display:block;}
.div_modal_scrollarea ul li a img {width:14px;display:block;}
.btn_fullsize {width:100%;border-radius:5px;text-align:center;padding:16px 0;font-size:13px;cursor:pointer;}
.btn_fullsize.type01 {color:#fff;background-color:#22BA4F;font-family: Noto Sans Bold;}

.div_upload_result {width:100%;padding:25px 0 15px;background-color:#F6F7F9;overflow:auto;}
.div_upload_result > div{float:left;text-align:center;}
.div_upload_result > div:nth-child(1){width:70%;}
.div_upload_result > div:nth-child(1) p{font-size:14px;color:#3D3D3D;width:300px;text-align:left;font-weight:bold;margin:0 auto;font-weight:bold;}
.div_upload_result > div:nth-child(1) ul{overflow:auto;width:300px;margin:0 auto;}
.div_upload_result > div:nth-child(1) ul li {float:left;width:33.3333%;margin:10px 0;text-align:center;}
.div_upload_result > div:nth-child(1) ul li:first-child {text-align:left;}
.div_upload_result > div:nth-child(1) ul li:nth-child(2) {border-left:1px solid #D8D8D8;border-right:1px solid #979797;}
.div_upload_result > div:nth-child(2){width:30%;text-align:left;}

.div_upload_result > div:nth-child(2) .btn_rectangle_gray {margin-left:30px;}
.btn_rectangle_gray {width:auto;display:inline-block;width:120px;}

.btn_rectangle_gray a:last-child{background-color:#fff;color:#979797;width:100%;display:block;border:1px solid #D8D8D8;border-radius:5px;font-size:14px;}

/*****************************************************************************************************************************************************/

/* [ mypage_myinfo ] */
.div_myinfo_wrap {width:auto;padding:0;background:#ffffff;height:886px;}
.p_title_myinfo {float:left;position:relative; width:512px; height:70px; line-height:70px; color:#000000;font-size:18px;padding:0 25px 0 55px;background:#ffffff url(../images/icon/icon_brand.svg) no-repeat 25px center;background-size:auto 25%;}
.p_title_myinfo a {color:#979797;font-size:14px;float:right;}
.div_myinfo_form {padding:25px;}
.div_myinfo_form p {font-size:16px;color:#000000;padding-bottom:15px;font-family:Noto Sans Light;}
.div_myinfo_form p:last-child{padding-bottom:0;}
.div_myinfo_form p span:first-child{width:8%;display:inline-block;font-size:20px; font-weight:bold;}
.p_title_myinfoW{width:430px;}
.p_title_notice {color:#979797;font-size:14px;padding-top:34px;line-height:1.3;}


.div_modal_wrap.user_info{width:560px;}
.div_userInfo_form {overflow:auto;width:100%;padding-top:10px;}
.div_userInfo_form table{width:100%;}
.div_userInfo_form td{padding:12px 0;font-size:14px;}
.div_userInfo_form td:nth-child(1) {color:#3D3D3D;width:30%;}
.div_userInfo_form td:nth-child(2) {width:70%;}
.div_userInfo_form td:nth-child(2) input{padding:10px 0;display:block;width:100%;border:0;outline:0;text-indent:10px;border-bottom:3px solid #D8D8D8;color:#979797;}
.div_userInfo_form td:nth-child(2) input:focus {border-bottom-color:#D8D8D8;}

.div_userInfo_form .btn_regist_rectangle {margin-top:20px;}

/*****************************************************************************************************************************************************/


/* stats : [ ul_stats_tab ] */
.ul_stats_tab {width:100%;background:#ffffff;margin:5px auto; overflow:hidden;}
.ul_stats_tab li {height:55px;width:25%;float:left;text-align:center;cursor:pointer;position:relative;}

.ul_stats_tab li p {height:55px;line-height:55px;width:96%;margin:0 auto;font-size:16px;position:relative;color:rgba(0,0,0,0.7);font-family: Noto Sans Light;}
.ul_stats_tab li.on p {color:#000000; font-family: Noto Sans Bold;}
.ul_stats_tab li p:before {position:absolute;bottom:0%;left:25%;width:50%;height:0px;background:#000000;content:"";opacity:0;
-webkit-transition:opacity 0.2s ease-out,height 0.15s ease-out;
-o-transition:opacity 0.2s ease-out,height 0.15s ease-out;
transition:opacity 0.2s ease-out,height 0.15s ease-out;}
.ul_stats_tab li.on p:before {content:"";opacity:1;height:4px;}
/* .ul_stats_tab li.customer_stats_tab_li.on p:before {height:0;} */


/* stats : [ div_stats_content ] */
.div_stats_content {}
.div_stats_chart {width:auto;}
.div_stats_chartInner {width:100%;overflow:auto;}
.div_stats_chartInner > .div_chart_parts {float:left;position: relative;}
.div_stats_chartInner.type01 > .div_chart_parts:nth-child(1) {width:340px;margin-right:5px;}
.div_stats_chartInner.type01 > .div_chart_parts:nth-child(2) {width:685px;}
.div_stats_chartInner.type02 > .div_chart_parts:nth-child(2) {width:100%;}
.div_stats_chartInner.type02 > .div_chart_parts:nth-child(1) {width:100%;}
.div_chart_innerBox{padding:33px 50px;background-color:#fff;position:relative;}
.div_stats_chartInner.type01 > .div_chart_parts:nth-child(1) .div_chart_innerBox:first-child{margin-bottom:5px;}
.div_stats_chartInner.type02 > .div_chart_parts:nth-child(2) .div_chart_innerBox:first-child{margin-bottom:5px;}
.div_chart_innerBox > .innerbox_name {position:absolute;top:40px;left:50px;color:#000000; font-family: Noto Sans Light;}
.div_chart_innerBox > .innerbox_name1 {position:absolute;top:90px;left:50px;color:#000000;font-family: Noto Sans Light;}
.div_chart_innerBox > .p_count_blue {text-align:right;font-size:28px;color:#22BA4F;font-family: Noto Sans Bold;}
.div_chart_innerBox > .p_count_gray {text-align:right;font-size:20px;color:#000000;padding-top:15px;font-family: Noto Sans Bold;}


.p_chart_index {position:absolute;right:25px;top:20px; width:40%;z-index:9; text-align:right;line-height:1;padding-bottom:14px;}
.p_chart_index a {margin-right:10px;cursor:default;}
.p_chart_index a i {background-color:#22BA4F;width:9px;height:9px;border-radius:50%;margin-right:4px;display:inline-block;vertical-align:middle;}
.p_chart_index a span {color:#22BA4F;font-size:14px;display:inline-block;vertical-align:middle;}
.p_chart_index a:last-child i {background-color:#3D3D3D;}
.p_chart_index a:last-child span {color:#3D3D3D;}

/* stats : [ div_bar_chart ] */
.div_bar_chart {width:100%;position:relative;height:140px;overflow:visible;margin:0 auto;margin-top:54px;margin-bottom:22px;}
.div_guideline_wrap {position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;border-bottom:1px solid #F1F2F4;}
.div_guideline_wrap span {width:100%;height:1px;background-color:#F1F2F4;position:absolute;top:0;left:0;}
.div_guideline_wrap span:nth-child(2) {top:25%;}
.div_guideline_wrap span:nth-child(3) {top:50%;}
.div_guideline_wrap span:nth-child(4) {top:75%;}

.ul_bar_inner {position:absolute;bottom:0;left:0;width:100%;height:100%;overflow:visible;}
.ul_bar_inner li {width:16.666667%;height:100%;float:left;position:relative;text-align:center;}
.ul_bar_inner li>.div_bar_wrap {position:absolute;bottom:0;left:20%;width:30%;height:0px;margin:0 auto;white-space:nowrap;
    -webkit-transition:height 0.34s ease-out;
    -o-transition:height 0.34s ease-out;
    transition:height 0.34s ease-out;
}
.ul_bar_inner li>.div_bar_wrap span {position:absolute;top:-15px;left:0%;font-size:11px;width:100%;display:inline-block;color:#22BA4F;}
.ul_bar_inner li .inner_bar {position:absolute;width:60%;left:20%;background-color:rgba(34, 186, 79, 0.5);height:100%;bottom:0;}
.ul_bar_inner li:hover .inner_bar {background-color:#22BA4F;}
.ul_bar_inner li.on .inner_bar  {background-color:#22BA4F;}
.barTime{position: absolute;left: 0;bottom: -15px;width: 100%; text-align: center;font-size: 11px;}
.ul_bar_inner li>.div_canBar_wrap {position:absolute;bottom:0;right:20%;width:30%;height:0px;margin:0 auto;white-space:nowrap;
    -webkit-transition:height 0.34s ease-out;
    -o-transition:height 0.34s ease-out;
    transition:height 0.34s ease-out;
}
.ul_bar_inner li>.div_canBar_wrap span {position:absolute;top:-15px;right:0%;font-size:11px;width:100%;display:inline-block;color:#3D3D3D;}
.ul_bar_inner li .cancel_bar {position:absolute;width:60%;right:20%;background-color:rgba(61, 61, 61, 0.5);height:100%;bottom:0;}
.ul_bar_inner li:hover .cancel_bar {background-color:#3D3D3D;}
.ul_bar_inner li.on .cancel_bar  {background-color:#3D3D3D;}


.div_stats_search {background-color:#9D9D9D;padding:20px 80px;text-align:center;}
.div_stats_search > div {display:inline-block;vertical-align:middle;margin-right:30px;}
.div_stats_search > div:last-child {margin-right:0;}
.reviewTitle{width:90%; margin: 0 auto; font-size: 16px; text-align:left; font-weight: bold;color:#ffffff; line-height:2}
.div_search_select {width:130px;}
.div_search_select.type_02 {width:190px;}
.div_search_select * {background-color:transparent;border:0 none;color:#fff;font-size:15px;}
.div_search_select .customSelect_title:before {border:0px;border-bottom:2px solid #D8D8D8;}
.div_search_select .customSelect_wrap.select_on .customSelect_option_wrap {background-color:#979797;max-height:none;}
.div_customer_contents .div_search_select .customSelect_wrap.select_on .customSelect_option_wrap {background-color:#979797;max-height:266px;}
.div_search_select .btn_customSelect_pointer {background-image:url(../images/icon/icon_select_btn.png); background-size:40% auto;background-position:center center;background-repeat:no-repeat;}
.div_search_select .btn_customSelect_pointer:before {content:none;}

.div_search_input {width:220px;border-bottom:2px solid #D8D8D8;}
.div_search_input input {display:block;height:39px;width:100%;text-indent:10px;background-color:transparent;border:0;outline:0;color:#fff;font-size:15px;}

.div_stats_search input::-webkit-input-placeholder {/* WebKit browsers */color:#fff;}
.div_stats_search input:-moz-placeholder  {/*Mozilla Firefox 4 to 18 */color:#fff;}
.div_stats_search input::-moz-placeholder  {/*Mozilla Firefox 19+ */color:#fff;}
.div_stats_search input:-ms-input-placeholder {/* Internet Explorer 10+ */color:#fff;}
.div_stats_search input:focus::-webkit-input-placeholder {/* WebKit browsers */color:transparent;}
.div_stats_search input:focus:-moz-placeholder  {/*Mozilla Firefox 4 to 18 */color:transparent;}
.div_stats_search input:focus::-moz-placeholder  {/*Mozilla Firefox 19+ */color:transparent;}
.div_stats_search input:focus:-ms-input-placeholder {/* Internet Explorer 10+ */color:transparent;}

.div_search_dateWrap {}
.div_search_dateWrap input {display:inline-block;width:120px;vertical-align:middle;height:40px;border:0;border-bottom:2px solid #D8D8D8;outline:0;background-color:transparent;text-indent:10px;color:#fff;font-size:15px;cursor:pointer;}
.div_search_dateWrap span {color:#fff;text-align:center;display:inline-block;vertical-align:middle;width:20px;}

.div_btn_search {width:105px;text-align:center;border:2px solid #fff;border-radius:7px;padding:10px 0;cursor:pointer;}
.div_btn_search img ,.div_btn_search span {color:#fff;display:inline-block;vertical-align:middle;font-size:15px;}
.div_btn_search img {width:16px;height:16px;}

.div_list_table {width:100%;position:relative;}
.table_stats_list {width:100%;background:#ffffff; font-size:14px;}
.table_stats_list td {padding:7px 0;min-width:50px;}
.table_stats_list td.type01 {padding:0 40px 0 40px;}
.table_stats_list td p, .table_stats_list td a {padding:10px 0;}
.table_stats_list td p span{display: inline-block;vertical-align: middle;}
.table_stats_list td p .iconBlack{width:25px;margin-left:5px;vertical-align: middle;}
.table_stats_list thead {border-bottom:1px solid #D8D8D8;}
.table_stats_list thead td {text-align:center;}
.table_stats_list thead td p {color:#000000; position:relative;}
.table_stats_list thead td p:before {position:absolute;right:0;top:20%;height:60%;width:1px;background-color:#979797;content:"";}
.table_stats_list thead td:last-child p:before{content:none;width:0;}
.table_stats_list tbody {}
.table_stats_list tbody td {text-align:center;color:rgba(0,0,0,0.7);padding:10px 0;}
.table_stats_list tbody td:nth-child(2){color:#000000;}
.blackListWrap {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:10000;}
.blackListWrap:before {width:0;height:100%;position:relative;vertical-align:middle;display:inline-block;overflow:hidden;content:"";font-size:0;}
.blackListCon {display:inline-block;vertical-align:middle;width:98%;padding:15px 0;
-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.24s linear 0s 1;
-moz-animation:popup_show 0.24s linear 0s 1;
-o-animation:popup_show 0.24s linear 0s 1;
animation:popup_show 0.24s linear 0s 1;
}
.blackListBox{position: relative;width:900px;margin:0 auto;background:#ffffff;padding:30px 50px; text-align: left;}
.closeBlackList{position: absolute;right:30px;top:20px;width:20px;cursor: pointer;}
.setBlacklist{clear:both;width:100%;}
.setBlacklist table{width:100%;background:#ffffff; font-size:14px;}
.setBlacklist table thead tr td{font-weight: bold;}
.setBlacklist table tr td{text-align: center;padding:6px 0;}
.setBlacklist table .isBlack{width:44px !important;height:24px;border-radius: 12px;background:#e1e1e1; padding:2px; text-align: left;cursor: pointer;margin:0 auto;}
.setBlacklist table .isBlack.on{background:#108ee9; text-align: right;}
.setBlacklist table .isBlack span{display:inline-block; width: 20px;height: 20px;border-radius: 50%;background:#ffffff;}
.paging a.returnPrev{width: auto; padding: 0 10px;line-height: 30px;background:#ffffff; color:#1890FF;}

/* .table_stats_list.type01 tbody td:last-child p{color:#979797;} */
.div_customer_contents .table_stats_list.type01 tbody td:last-child p{color:#979797;}
.div_customer_contents .table_stats_list.type02 tbody td:last-child p{color:#979797;}
.div_customer_contents .table_stats_list.type02 tbody td a.customer_download_button{color:#22BA4F; cursor: pointer}
.div_customer_contents .table_stats_list.type02 tbody td a.customer_download_button:hover{text-decoration: underline;}
/* .table_stats_list.type02 tbody td:nth-child(6) p{color:#979797;}
.table_stats_list.type02 tbody td:last-child p{color:#979797;} */
.div_btn_execelDown {display:inline-block;position:absolute;bottom:30px;right:0;width:auto;text-align: right;padding:0px 10px; background:#ffffff;}
.div_btn_execelDown a {display:inline-block;width:auto;}
.div_btn_execelDown a img , .div_btn_execelDown a span {display:inline-block;vertical-align:middle;color:#000000; line-height: 30px;}
.div_btn_execelDown a span.small_txt{font-size:10px;}
/*type02*/
.div_chart_parts:first-child .div_pie_index {position:absolute;top:20px;left:24px;}
.div_stats_chartInner.type02 .div_chart_parts:last-child .div_chart_innerBox {padding:40px 24px;}
.div_chart_parts:last-child .div_pie_index:last-child {margin-top:23px;padding-top:23px;border-top:1px solid #D8D8D8;}
.div_chart_parts:last-child .div_pie_index * {text-align:right;}

.div_pie_index .innerbox_name{display:block;position:static;padding-bottom:10px;}
.p_count_black {font-size:30px;color:#3D3D3D;text-align:left;}

.div_pie_wrap {position:relative;text-align:right;height:214px;width:70%;margin-left:30%;}
.div_pie_wrap:before {position:absolute;top:10%;height:80%;width:1px;background-color:#979797;content:"";left:0;}
.div_pie_chart {width:134px;margin:0 auto;padding-top:20px;}
.div_pie_wrap .div_pie_index:first-child {top:67%;left:12%;}
.div_pie_wrap .div_pie_index:first-child * {text-align:right;}
.div_pie_wrap .div_pie_index:last-child {top:67%;left:69%;}

/*type03*/
.div_stats_chart.type03 {width:100%;padding:20px 0;overflow:auto;}
.div_stats_type03inner {float:left;text-align:center;}
.div_stats_type03inner:first-child{width:50%;font-size:20px;line-height:30px;}
.div_stats_type03inner:last-child{width:50%;position:relative;}
.div_stats_type03inner:last-child:before {position:absolute;left:0;top:10%;height:80%;width:1px;background-color:#979797;content:"";}
.div_stats_type03inner:last-child > div {display:inline-block;vertical-align:middle;width:40%;}
.div_stats_type03inner:last-child > div span {font-size:16px; line-height:30px;}
.div_stats_type03inner:last-child > div span.cnt {display:inline-block;font-size:24px;}

/*type04*/
.div_stats_chart.type04 {width:100%;padding:10px 0;overflow:auto; border-bottom: 1px solid #D8D8D8;}
.div_stats_type04inner {width: 100%;float:left;text-align:center;font-size:20px;padding:40px 0;}

.mainTips{clear:both;width:100%; text-align: center;font-size:18px; margin:50px auto;}
.mainTips span{color:#22BA4F;}
.selectDashboardMonth{position: absolute;right:0;top:150px;width:150px;height:27px; border:1px solid #D8D8D8;background:transparent; padding:5px;}
.currentMonthDataBox{clear:both;width:100%; margin:0 auto;}
.currentMonthDataBox li{position:relative;float:left;width:341px;height:150px;background:#ffffff;margin-bottom:4px; margin-left:4px; padding:50px 0; text-align: center;}
.currentMonthDataBox li:nth-child(3n+1){width:340px;margin-left:0;}
.currentMonthDataBox li p{position:relative; font-family: Noto Sans Light;}
.currentMonthDataBox li p:nth-child(1){width:80%;text-align: left;margin:0 auto;padding-right:15%;}
.currentMonthDataBox li p:nth-child(1) span{position:absolute;right:0;top:-2px; font-size:20px;font-family: Noto Sans Bold;}
.currentMonthDataBox li p:nth-child(1) img{position: absolute;width:15px;padding-left:5px;z-index:1}
/* .currentMonthDataBox li p:nth-child(2){width:75%;text-align:right; color:#D44E30;font-size:14px;margin:6px auto;} */
.currentMonthDataBox li p:nth-child(2){width:80%;text-align: left;margin:30px auto 0;padding-right:15%;}
.currentMonthDataBox li p:nth-child(2) span{position:absolute;right:0;top:-2px; font-size:20px;font-family: Noto Sans Bold;}
.currentMonthDataBox li p:nth-child(3){position: absolute;left:10%; bottom:25px;width:80%;color:#22BA4F;font-size:14px; text-align: left;}
.currentMonthDataBox li .dataTips{position: absolute;left:55px;bottom:78px;width:252px; background:url(../images/icon_dialogue.png) no-repeat left top;background-size:100% 100%;; text-align: left;padding:26px 30px 38px 30px;z-index:0;}
.currentMonthDataBox li .dataTips p{width:100%;font-size:14px;color:#D44E30;}
.btn_lvRule{clear:both;width:100%; text-align: right;color:#ff3333;margin:15px auto 0;font-size:0.9em; cursor: pointer;}
.btn_lvRule span{display:inline-block; border-bottom:1px solid #ff3333;}
.btn_lvRule span:hover{color:#22BA4F;border-bottom:1px solid #22BA4F;}
.lvRuleWrap {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:10000;}
.lvRuleWrap:before {width:0;height:100%;position:relative;vertical-align:middle;display:inline-block;overflow:hidden;content:"";font-size:0;}
.lvRuleCon {display:inline-block;vertical-align:middle;width:98%;padding:15px 0;
-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.24s linear 0s 1;
-moz-animation:popup_show 0.24s linear 0s 1;
-o-animation:popup_show 0.24s linear 0s 1;
animation:popup_show 0.24s linear 0s 1;
}
.lvRuleBox{position: relative;width:600px;margin:0 auto;background:#ffffff;padding:30px 50px; text-align: left;}
.closeLVRule{position: absolute;right:30px;top:20px;width:20px;cursor: pointer;}
.lvRuleTitle{width:100%; text-align: center;color:#000000;font-size:16px;}
.lvRuleTxt{clear:both;width:100%; text-align: left;color:#333333; font-size:14px; line-height:1.5;margin-top:15px;}
.lvRuleTxt li{margin-bottom:10px;list-style-type: decimal;}
/*****************************************************************************************************************************************************/

/* [ modal : login&join ] */

.div_loginJoin_tab {width:100%;overflow:auto;padding:3px 0;}
.div_loginJoin_tab div {width:50%;float:left;text-align:center;padding:20px 0;color:#979797;position:relative;cursor:pointer;}
.div_loginJoin_tab div:first-child:before {position:absolute;top:30%;right:0;height:40%;width:1px;background-color:#979797;content:"";}

.div_loginJoin_tab div span {height:32px;line-height:32px;}
.div_loginJoin_tab div.on {color:#D44E30;}
.div_modal_wrap.modal_login {max-width:520px;}
.div_modal_wrap.modal_login .div_modal_top {padding-top:10px;}
.div_forgot_password{text-align:right;font-size:14px;margin-top:20px;}
.div_forgot_password a {color:#979797;font-weight:bold;}


.div_login_buJointton {width:100%;overflow:auto;}
.div_login_buJointton div {width:50%;float:left;text-align:center;padding:20px 0;color:#979797;position:relative;cursor:pointer;}
.div_login_buJointton > div:first-child {background-color:#979797;color:#979797;}
.div_login_buJointton > div:last-child {background-color:#D44E30;color:#fff;}

.table_join_form td p{padding-left:12px;position:relative;}
.table_join_form td p span {position:absolute;top:0;left:0;color:#D44E30;}


#divContentLogin {display:block;}
#divContentJoin {display:none;}




/*****************************************************************************************************************************************************/



/* wizard header*/
.img_arrow_right {display:inline-block;width:17px;height:17px;vertical-align:middle;}

.div_header_wizard {margin:0 auto;width:1230px;text-align:center;}
.div_header_wizard > div {width:120px;display:inline-block;vertical-align:middle;float:left;margin-top:11px;}
.div_header_wizard > div:last-child{width:270px; text-align:right;float:right;}
.div_header_wizard > ul {width:900px;display:inline-block;vertical-align:middle;text-align:left;}

.div_header_wizard li {color:rgba(0,0,0,0.5) !important;font-size:17px;display:inline-block;vertical-align:middle;padding:15px 0;font-family: Noto Sans Medium;}
.div_header_wizard li span {display:inline-block;vertical-align:middle;text-align:left;color:rgba(0,0,0,0.5) !important;font-size:17px;}
.div_header_wizard li img {/*float:right;*/padding-top:2px;display:inline-block;vertical-align:middle;margin:0 10px;}

.div_header_wizard li.on span{color:#232323 !important;}
.centerBtnBox{position: absolute;left: 0;top:45%; min-width:1230px;width:100%; display: block;}
.centerBtn{position: relative;width:100%;}
.btnPre{position: fixed;left:45px;}
.btnNext{position: fixed;right:45px;}
.div_btn_rectangle {width:auto;display:inline-block;vertical-align:middle;margin-top:10px;}
.div_btn_rectangle a{width:84px;height:40px;line-height:40px;font-family:Noto Sans Bold; color:#FFFFFF !important;background:#80E4A8; display:block;text-align:center;float:right;font-size:15px;border-radius:5px;box-shadow: inset -1.5px -1.5px 1px rgba(0, 0, 0, 0.16);}
.div_btn_rectangle.type_blue a{background-color:#22BA4F;color:#fff;}
.div_btn_rectangle.type_grey a{background:#484848;width:68px;color:#fff;}

.div_header_wizard li span.step_num{display:inline-block; width:26px; height:26px;margin-right:10px; text-align: center;line-height:26px;color:#232323;font-size:17px;background:#ffffff;border:2px solid rgba(0,0,0,0.5);border-radius: 50%;}
.div_header_wizard li span.step_num.on{background:#232323;border:2px solid #232323; color:#ffffff !important;}
/* Stampcard Request (wizard page)*/
.div_content_type02 {width:100%;padding:100px 20px 70px;min-width:1270px;opacity:0; margin:0 auto;
-webkit-transition:padding 0.35s ease-out,opacity 0.35s ease-out;
-o-transition:padding 0.35s ease-out,opacity 0.35s ease-out;
transition:padding 0.35s ease-out,opacity 0.35s ease-out;
}
#step_01 .div_content_type02, #step_02 .div_content_type02, #step_03 .div_content_type02, #step_04 .div_content_type02{padding-top:170px !important;}
.div_type02_inner {position:relative;margin:0 auto;width:1230px;}
.sectionList{clear:both;width:100%; text-align: left;}
.sectionList li{float:left;width:410px; padding:0 40px;cursor: pointer; }
.sectionList li p{width:330px;margin:0 auto;padding:26px 26px 30px 26px;background:url(../images/wizard/img_templatebg_off.png) no-repeat center center; background-size:100%;}
.sectionList li:hover p{background:url(../images/wizard/img_templatebg_hover.png) no-repeat center center; background-size:100%;}
.sectionList li p.on{background:url(../images/wizard/img_templatebg_on.png) no-repeat center center; background-size:100%;}
.sectionList li:nth-child(3n+4), .sectionList li:nth-child(3n+5), .sectionList li:nth-child(3n+6){margin-top:20px;}
.section_infor{width:100%;padding:0 9px; text-align: left;}
.section_infor p.on{color:#000000;}
.section_infor p:last-child{padding-left:50px;padding-top:10px;font-family: Noto Sans Light;min-height:70px;}

.div_right_section {float:right;width:830px;}

.div_preview_section {float:left; width:370px;margin:40px auto 0;overflow:hidden;}
.div_frame_preview {}
.div_frame_screen {width:100%;background:url(../images/wizard/stampCard_bg.png) no-repeat left top; background-size:100% 100%;padding:23px 23px 27px;}
.div_screen_inner {width:100%;margin:0 auto;position:relative;background-color:#F5F5F5;overflow:hidden;z-index:0;}
.div_screen_inner.border_none{border:0;background-color:#fff;}
.screen_mask{width:100%;height:600px; background:rgba(0,0,0,0.45);}
.div_screen_content {position:absolute;top:0;left:0;width:100%;height:100%;}
.div_screen_content .mCSB_container  {min-height:100%;}
.p_title_leftsection {font-size:20px;color:#000000;line-height:1.4;padding-bottom:20px;text-align: center;font-family: Noto Sans Bold;}

.font_20 {font-size:20px;}
.font_18 {font-size:18px;}
.font_14 {font-size:14px;}


/* ul_wizard_firstpage */

.div_preview_intro {display:none;}
.ul_wizard_intro {display:none;}

.margin_top50 {margin-top:50px;}
.margin_top80 {margin-top:80px;}
.ul_wizard_intro .li_wizard_introBottom {margin-top:140px;}
.li_wizard_introBottom .div_selection_bar {width:246px;}
.ul_wizard_intro .li_wizard_introBottom:after {position:absolute;left:-260px;height:104px;top:68px;width:1px;background-color:#979797;content:"";}

.ul_wizard_firstpage .font_20{color:#fff;font-size:17px;}
.ul_wizard_firstpage .font_18{color:#979797;}
.ul_wizard_firstpage .font_14{color:#979797;}

.ul_wizard_intro {margin-left:60px;width:auto;overflow:visible;padding-top:60px;}
.ul_wizard_intro li {color:#979797;padding:15px 0;overflow:visible;position:relative;}
/*.ul_wizard_intro li .font_18   {padding-bottom:10px;}*/
.div_selection_bar {position:absolute;top:24%;right:105%;width:120px;background-color:#979797;height:1px;}
.ul_wizard_intro li:nth-child(2) .div_selection_bar {top:55%;}


.ul_wizard_firstpage li {padding:20px 0;}
.ul_wizard_firstpage li p {padding-top:4px;padding-bottom:10px;line-height:1.6;}
.ul_wizard_firstpage li > div {display:inline-block;vertical-align:top;width:240px;margin-left:30px;}
.p_title_intro {cursor:pointer; display: inline-block;margin-left:10px; line-height:40px;color:rgba(0,0,0,0.5);font-family: Noto Sans Bold;}
.input_radio_wizard {position:absolute;width:0;height:0;display:block;overflow:hidden;opacity:0;background-image:url(../images/wizard/img_chk_on.png),url(../images/wizard/img_chk_off.png);}
.label_radio_wizard {display:inline-block; vertical-align:top;width:36px;height:36px;border:2px solid #ffffff; background-image:url(../images/wizard/img_chk_off.svg);background-size:36px 36px;background-position:center center;background-repeat:no-repeat;cursor:pointer;}
.input_radio_wizard:checked + .label_radio_wizard, .label_radio_wizard.on {border: 2px solid #000000; background-image:url(../images/wizard/img_chk_on.svg);}
.div_right_section .ul_wizard_firstpage {margin-top:70px;}
.div_right_section .ul_wizard_firstpage li {width:230px;margin:0 auto;margin-left:50px;}

.input_radio_wizardType {position:absolute;width:0;height:0;display:block;overflow:hidden;opacity:0;}
.label_radio_wizardType {display:inline-block;width:100%;cursor:pointer;}
.label_radio_wizardType > i {display:inline-block;vertical-align:middle;width:30px;height:30px;position:relative;border-radius:50%;background-color:transparent;}
.label_radio_wizardType i>i {display:inline-block;height:14px;width:14px;position:absolute;top:8px;left:8px;border-radius:50%;background-color:#979797;}
.div_right_section li:nth-child(2) .label_radio_wizardType i>i {background-color:#22BA4F;}
.div_right_section li:nth-child(3) .label_radio_wizardType i>i {background-color:#D44E30;}
.div_right_section li:nth-child(4) .label_radio_wizardType i>i {background-color:#3D3D3D;}

.label_radio_wizardType > span {display:inline-block;vertical-align:middle;padding-left:8px;}
.input_radio_wizardType:checked + .label_radio_wizardType > i {background-color:rgba(34, 186, 79, 0.5);}

.div_right_section .ul_wizard_typeList li {width:230px;margin:0 auto;margin-left:50px;font-size:17px;color:#fff;padding:15px;border-top:1px solid #D8D8D8;}
.div_right_section .ul_wizard_typeList li:last-child {border-bottom:1px solid #D8D8D8;}

/* ul_wizard_secondpage */
.p_title_leftsection02 {font-size:20px;color:#000000;line-height:1.4;padding-left:50px;padding-bottom:20px; font-family:Noto Sans Bold; position:relative;}
.ul_wizard_secondpage .font_20{color:#979797;font-size:18px;font-family: Noto Sans Medium;}
.ul_wizard_secondpage li {margin-bottom:20px; width:100%; background:url(../images/wizard/img_chk_off.svg) no-repeat left top;background-size:36px 36px; }
.ul_wizard_secondpage li.select{background:url(../images/wizard/img_chk_in.png) no-repeat left top;background-size:36px 36px;}
.ul_wizard_secondpage li.select .font_20 {color:#D44E30;}
.wizard_secondpage_con{position:relative; width:780px;margin-left:50px;background:#ffffff;text-align:left; padding:25px 30px;margin-bottom:5px;}
.ul_wizard_secondpage li.finish{background:url(../images/wizard/img_chk_on.svg) no-repeat left top;background-size:36px 36px;}
.ul_wizard_secondpage li.finish .font_20 {color:#52c41a;}
.ul_wizard_secondpage li > span {display:inline-block;vertical-align:middle;}
.img_arrow_right_dark {height:17px;width:auto;display:inline-block;float:right;padding-top:3px;}
.ul_wizard_secondpage li .small_txt{display:inline-block;width:780px;text-align:left; border:none; font-size:14px;color:rgba(0,0,0,0.5) !important;margin-left:50px;}
.ul_wizard_secondpage li .small_txt span{color:#D44E30;}
.stpcard_bgcon{clear:both;width:100%;margin:0 auto;}
.stpcard_bgcon span.style{width:100px; display: inline-block;border: 1px solid #979797;line-height:2; text-align: center; color:#979797;font-size:14px; font-family: Noto Sans Medium;margin-right:10px;margin-top:10px;}
.stpcard_bgcon span.style.on{border:1px solid #22BA4F;color:#22BA4F;}
.stpcard_bg_list{clear:both; width:100%;margin:20px auto;}
.stpcard_bg_list .stpcard_bg_list_li{position:relative; float:left;width:110px; margin-right:10px;margin-bottom:10px; background:#CCCCCC;}
.stpcard_bg_list .stpcard_bg_list_li:last-child{margin-right:0;}
.stpcard_bg_list .stpcard_bg_list_li img{width:100%;}
.stpcard_bg_list .stpcard_bg_list_li.type01{height:72px;}
.stpcard_bg_list .stpcard_bg_list_li.type02{height:160px;}
.stpcard_bg_list .stpcard_bg_list_li.type04{height:60px;overflow: hidden;}
.stpcard_bg_list .stpcard_bg_list_li.type06{height:55px;overflow: hidden;}
.li_btn_imgUpload{position: absolute;left:0;top:0;width:100%; height:100%;}
.stpcard_bg_list .stpcard_bg_list_li .li_btn_imgUpload img{width:55px;position: absolute;left: 25%;}
.stpcard_bg_list .stpcard_bg_list_li.type01 .li_btn_imgUpload img{top: 9px;}
.stpcard_bg_list .stpcard_bg_list_li.type02 .li_btn_imgUpload img{top: 52px;}
.stpcard_bg_list .stpcard_bg_list_li.type06 .li_btn_imgUpload img{width:45px;top:5px;left:32.5px;}
.li_btn_imgUpload input {position: absolute;left: 25%;top: 9px;width:55px;height:55px;cursor:pointer;opacity:0;}
.type01 .li_btn_imgUpload input{top: 9px;}
.type02 .li_btn_imgUpload input{top: 52px;}
.type06 .li_btn_imgUpload input{width:45px;height:45px; top: 5px;left:32.5px;}
.stampIcon_con{clear:both;width:100%;margin:15px auto;font-size:16px; color:#000000;font-family: Noto Sans Medium;}
.stampIcon_conLeft{float:left;width:150px;}
.stampIcon_conMiddle{float:left;width:300px;margin-left:50px;margin-bottom:5px;}
.stampIcon_conRight{float:right;position: relative;width:150px;margin-bottom:15px; text-align: center;}
div.selectStampIconBox {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:10000;}
div.selectStampIconBox:before {width:0;height:100%;position:relative;vertical-align:middle;display:inline-block;overflow:hidden;content:"";font-size:0;}

.selectStampIcon{display: block;margin:10px auto 0;width:52px;}
.selectStampWrap{width:780px;margin:0 auto;position:relative;padding-top:50px;background:#F5F5F5;}
.selectStampIconList{width:100%;color:#000000;}
.selectStampIconTitle{font-size:26px;font-family: Noto Sans Bold;}
.stampIconList{clear:both;width:100%;margin:30px auto 0;}
.stampIconList_div{float:left;width:390px;padding:0 20px 0 130px;margin-bottom:5px; text-align:left; background:url(../images/wizard/img_chk_off.svg) no-repeat 80px 10px; background-size:36px 36px;}
.stampIconList_div.selectIcon{background:url(../images/wizard/img_chk_on.svg) no-repeat 80px 10px; background-size:36px 36px;}
.stampIconList_div img{width:55px;height:55px;}
.stampIconList_div img:last-child, .stampIconList_div .div_stamp_imgUpload:last-child{margin-left:10px;}
.uploadImgTxt{display: block;text-align: center;font-size:10px;margin-top:3px;}
.btnSelectIcon{clear:both;width:100%; background:#ffffff;padding:25px 0;margin-top:50px;}
.btnSelectIcon span{display: inline-block;width:175px;height:50px;line-height:50px; background:#22BA4F;box-shadow: inset -1.5px -1.5px 1px rgba(0, 0, 0, 0.16);border-radius: 5px; font-size:15px;font-family: Noto Sans Bold;color:#FFFFFF;margin:0 20px;}
.div_screen_content .mCSB_inside>.mCSB_container{margin-right:0;}
.div_screen_content .mCSB_scrollTools {z-index:4;}
.div_screen_content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:rgba(190,190,190,0.25);}
.div_screen_content .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {background-color:rgba(190,190,190,0.5);}
.div_screen_content .mCSB_scrollTools .mCSB_draggerRail {background-color:transparent;}

.selectCouponImgWrap{width:770px;margin:0 auto;position:relative;padding-top:50px;background:#F5F5F5;}
div.selectCouponImgBox {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:10000;}
div.selectCouponImgBox:before {width:0;height:100%;position:relative;vertical-align:middle;display:inline-block;overflow:hidden;content:"";font-size:0;}
.couponImgList{clear:both;width:100%; padding:0 25px;margin:0 auto;}
.selectCouponImgList{position:relative; float:left;width:130px;height:112px; text-align:left; margin:25px;display: inline-block;}
.selectCouponImgList img{width:122px;height:104px; border:4px solid #F5F5F5; cursor: pointer;}
.selectCouponImgList:last-child{background:#E4EFF1; width:130px;height:112px; border:4px solid #F5F5F5; text-align: center;}
.selectCouponImgList:last-child img{position:absolute;left:40px;top:26px; width:50px;height:50px; border:none; z-index:2;}
.selectCouponImgList.selectIcon img{border:4px solid #232323;}
.selectCouponImgList:last-child.selectIcon{border:4px solid #232323;}
.selectCouponImgList:last-child.selectIcon img{border:none;}
.selectCouponImgList:last-child img.uploadCpnImg{position: absolute;left:0;top:0;width:100%;height:100%; opacity: 0;margin:0; z-index:1}
.btnSelectCouponImg{clear:both;width:100%; background:#ffffff;padding:25px 0;margin-top:50px;}
.btnSelectCouponImg span{display:inline-block;width:175px;height:50px;line-height:50px; background:#22BA4F;cursor:pointer; box-shadow: inset -1.5px -1.5px 1px rgba(0, 0, 0, 0.16);border-radius: 5px; font-size:15px;font-family: Noto Sans Bold;color:#FFFFFF;margin:0 20px;}

.coupon_bg_list{clear:both; width:100%;margin:0 auto 20px;}
.coupon_bg_list .coupon_bg_list_li{position:relative; float:left;width:68px;height:58px; cursor:pointer; margin-right:2px;margin-bottom:0; background:#CCCCCC;}
.coupon_bg_list .coupon_bg_list_li:last-child{margin-right:0;}
.coupon_bg_list .coupon_bg_list_li img{width:100%;}
.coupon_bg_list .coupon_bg_list_li:last-child img{display:block; width:40px; margin:9px auto;}

/*****************************************************************************************************************************************************/


/* custom */
.div_90 {width:90%;margin:0 auto;}
.div_86 {width:86%;margin:0 auto;}
.div_94 {width:94%;margin:0 auto;}
.back_f6f7f9 {background-color:#f6f7f9;}
.back_f5f5f5 {background-color:#F5F5F5;}
.tempBg02{background-color:#F2EFE4;}
.tempBg03{background-color:#f3f1e7;}

/* [ div_stampcard_header ] */
.div_stampcard_header {position:relative; width:100%;margin:0 auto; z-index:1;overflow:hidden;}
.div_stampcard_header.type06{ background:transparent;}
.div_stampcard_title {position:absolute;left:0;top:0; width:100%;height:100%;z-index:2;text-align:center;}
.div_stampcard_title:before {display:inline-block;vertical-align:middle;width:0;height:100%;position:relative;content:"";}
.div_title_inner {width:90%;display:inline-block;vertical-align:middle;color:#3D3D3D;font-size:1.125rem;margin:0 auto;}
.div_stampcard_title p {color:#fff;/*font-size:1.125rem;*/}
.img_bg_custom {width:100%;display:block;margin:0 auto;}
.div_btn_imgUpload {display:block;width:55px;position:absolute;top:30%;right:40%;z-index:3;margin:5px;cursor:pointer;overflow:visible;}
.div_btn_imgUpload span {position:absolute;right:35%;display:none;width:150px;white-space:nowrap;font-size:13px;top:60px;}
.div_btn_imgUpload.on , .div_btn_imgUpload:hover {cursor:pointer;background-color:#fff;border-radius: 50%;}
.div_btn_imgUpload.on  span, .div_btn_imgUpload:hover span {display:block;}
.div_btn_imgUpload input {position:absolute;top:0;right:0;width:100%;height:100%;cursor:pointer;opacity:0;}
.levelInfo{position:absolute;left:31%;bottom:5px; width:38%;padding:0 0 3px 0; text-align:center;  background:rgba(35,35,35,0.5);border-radius: 31px;}
.levelInfo.T2{bottom:65px;}
.levelInfo img{width:8px; padding:5px;background:rgba(35,35,35,0.7);vertical-align: middle; border-radius:50%;margin-right:5px;}
.levelInfo span{font-size:0.8rem;color:#FFFFFF;letter-spacing: -1.3px;vertical-align: middle;}
.levelInfo span.allStampCnt{margin-right:10px;}
.levelInfo.type06{position: relative;margin-bottom:10px;}
/* [ div_stampcard_body ] */
.div_stampcard_body {width:94%;margin:0 auto;position:relative;z-index:2;padding:20px 0 0;}
.div_stampcard_body.type06{padding:0;width:100%;}
.div_textarea_wrap{text-align: center;}
.div_textarea_wrap.type06{text-align: center;width:94%;margin:0 auto;}
.selectStampNum{clear:both;width:98%;margin:0 auto;}
.selectStampNum.template1{margin:0 auto 20px;}
.selectStampNum.template2{margin:0 auto 10px;}
.selectStampNum.template3{margin:10px auto 20px;}
.selectStampNum li{float:left; display: inline-block;width:29px;height:29px; line-height:29px;text-align:center;border-radius:50%; font-size:11px; color:#000000;background:#FFFFFF; margin:0 2px; }
.selectStampNum li:nth-child(1){color:#ffffff;background:#232323;}
.txtarea_store_customtxt {text-align:center;color:rgba(0,0,0,0.5);display:block;font-size:13px;margin:0 auto;width:100%;background-color:transparent;border:0;outline:0;resize:none;overflow:hidden;border-bottom:2px solid transparent}

.txtarea_store_customtxt:focus , .txtarea_store_customtxt:hover {border-bottom-color:#22BA4F;}
.txtarea_store_customtxt:focus + .text_byte_meter, .txtarea_store_customtxt:hover + .text_byte_meter {opacity:1;color:#D44E30;}

.txtarea_store_customtxt.hover_none:hover {border-bottom-color:transparent;}

/* [ stamp-img on / off List ] */
.ul_stamp_list {width:94%;margin:0 auto;padding:10px 0;overflow:auto;overflow-x:hidden;}
.ul_stamp_list li {float:left;width:16%;margin:2%;position:relative;cursor:pointer;}
.img_stamp_off {position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;border-radius: 50%;}
.img_stamp_on {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-radius: 50%;
/*-webkit-animation:onStampImg 0.55s linear 1;
-moz-animation:onStampImg 0.55s linear 1;
-o-animation:onStampImg 0.55s linear 1;
animation:onStampImg 0.55s linear 1;*/
}

/* 임시 - 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;bottom:10%;left:10%; z-index:2;}


/* [ coupon List ] */
.div_couponlist_wrap {width:100%;padding:20px 0;position:relative;}
.div_couponlist_wrap.type06{width:90%;margin:0 auto;}
.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;}
.couponlist_title{font-size:12px;color:#000000;background:url(../images/wizard/icon_coupon_tag.svg) no-repeat left center;background-size:8px 12px;padding-left:15px;width:28%; margin:0 auto; }
.ul_coupon_list {width:100%;padding:15px 0 0;}
.ul_coupon_list li {width:100%;margin-bottom:10px;border:1px solid transparent;}
.ul_coupon_list li.on {border-color:#22BA4F;}
.div_coupon_wrap {position:relative; display:table;width:100%;background-color:#fff;}
.div_coupon_img,.div_coupon_info{display:table-cell;vertical-align:middle;padding:2px 0;margin-top:10px;}
.div_coupon_img {width:30%;position:relative;}
.div_coupon_imgInner {width:73px;height:73px;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; */word-break:break-all;}
.p_stamp_position {color:#22BA4F;font-size:0.8rem;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 {position:relative; color:#000000;font-size:0.8rem;}
.p_coupon_subtitle  {position:relative;color:#A1B0B2;font-size:0.78rem;}


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

.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%;height:150px;background:rgba(0,0,0,0.5); margin:5px auto 10px;position:relative;}

.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:#979797;font-size:0.813rem;}

.p_coupon_empty {width:100%;background-color:#fff;border:1px solid #D8D8D8;text-align:center;height:98px;line-height:98px; font-size:0.875rem;color:#979797;cursor:pointer;}
.p_coupon_empty.noborder{border:none;}
#registCouponPopup,#registCouponPopupTab03 {display:none;}
/* [ 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:5px auto 10px;text-align: center;position:relative;overflow:hidden;}
/* #img_couponProduct , #img_couponProduct_tab03{position:absolute;top:0;left:0;width:100%;height:auto;} */
#img_couponProduct , #img_couponProduct_tab03{position:absolute;top:0;left:0;width:100%;height:100%;}
.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 15px;font-size:1rem;}
.div_coupon_popupInner .p_coupon_title input {outline:0;border:0;border-bottom:2px solid transparent;height:19px;display:block;padding:3px 0;width:100%; font-family: Arial,sans-serif !important; font-size: 13.3333px; }
.div_coupon_popupInner .p_coupon_title span {font-size:12px;opacity:0;color:#D44E30;float:right;padding:2px;}
.div_coupon_popupInner .p_coupon_title input:focus {border-bottom-color:#22BA4F;}
.div_coupon_popupInner .p_coupon_title input:focus + span {opacity:1;}
.div_coupon_popupInner .p_coupon_subtitle {color:#8f919d;font-size:0.813rem;padding-bottom:10px;}
.div_coupon_popupInner .p_coupon_subtitle textarea {font-size:12px;color:#979797;resize:none;display:block;width:100%; /*overflow:visible;*/ overflow: hidden; outline:0;border:0;border-bottom:2px solid transparent; font-family: Arial,sans-serif !important; font-size: 13.3333px;}
.div_coupon_popupInner .p_coupon_subtitle textarea:focus {border-bottom-color:#22BA4F;}
.div_coupon_popupInner .p_coupon_subtitle span {font-size:12px;opacity:0;color:#D44E30;float:right;padding:2px;}
.div_coupon_popupInner .p_coupon_subtitle textarea:focus + span {opacity:1;}
.div_coupon_popupInner .p_coupon_limit {color:#979797;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:10px;width:70%;margin-left:23%;}
.img_stamp_hand {position:absolute;width:13%;bottom:15%;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:99;}
.div_mua_inner {width:80%;margin:0 auto;padding:40px 0;}
.p_title_top {font-size:18px;font-family:Noto Sans Medium;color:#000000;}
.p_subtitle_top {font-size:0.813rem;color:#979797;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 #D8D8D8;background-color:transparent;margin-bottom:10px;font-size:0.813rem;text-indent:10px;}
.div_mua_form input:focus {border-bottom-color:#D8D8D8;}
.div_mua_form p {color:rgba(0,0,0,0.5) !important;font-size:14px;padding-top:10px;font-family:Noto Sans Light;}
.div_btn_onsize {width:100%;padding:12px 0;text-align:center;font-size:15px;border-radius:5px; box-shadow: inset -1.5px -1.5px 1px rgba(0, 0, 0, 0.16);}
.div_btn_onsize.type_blue {color:#fff;background-color:#22BA4F;}
.div_view_terms {width:100%;overflow:auto;margin-top:15px;padding:3px 0;text-align: center;}
.showPrivacy{color:rgba(0,0,0,0.5) !important;font-size:14px;cursor: pointer;}
.privacyBox{position:absolute;left:0;top:0; width:100%;height:100%;padding:20px 5%; overflow-y:auto;background:#F5F5F5; line-height:1.5;margin:0 auto; text-align: justify;text-justify: inter-ideograph;/*兼容ie*/}
.privacyBox p{width:100%; margin-bottom:15px;text-align: justify;font-size:14px;}
.privacyBox p span{font-weight:bold;}
.privacyBox p a{color:#22BA4F;}
.privacyBox p.closePrivacy{width:30%;background: #22BA4F;color:#ffffff; cursor:pointer; text-align:center; margin:0 auto; line-height:2; border-radius: 5px;box-shadow: inset -1.5px -1.5px 1px rgba(0, 0, 0, 0.16);}

/* [ type:template01 ] */
.div_mua_addBenefit {background:#DCF1E4;padding:20px 0;position:relative;display:none; font-size:18px;color:#000000;}
.img_top_addBenefit {position:absolute;width:15%;top:0;left:0;}
.p_tit_addBenefit {color:#000000;text-align:center;font-size:18px;line-height:1.4;padding-top:20px;font-family: Noto Sans Medium;}
.div_benefit_content .ul_coupon_list {width:86%;margin:0 auto;}
.div_benefit_content .ul_coupon_list .p_coupon_empty {color:#979797;}
.div_benefit_content .ul_stamp_list {text-align:center;width:86%;}
.div_benefit_content .ul_stamp_list li {float:none;display:inline-block;}

div.popup_wrap.inner_frame {position:absolute;z-index:4;}
div.popup_wrap.inner_frame:before{display:block;width:100%;height:15px;content:"";position:static;}



.div_stpcardNm{position: absolute;left:0;bottom:0;width:100%;padding:0 7%; height:60px;line-height:60px;color:#000000;font-size:15px; background:rgba(255,255,255,0.25);backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);}
.textarea_wizard_title {color:#000000;width:100%;text-align:center;background-color:transparent;border:0;outline:0;border-bottom:2px solid transparent;display:inline-block;/*height:auto;*/font-size:16px;padding:12px 0 4px;resize:none;overflow:hidden;max-height:90px;font-weight:bold;}
.textarea_wizard_title:focus , .textarea_wizard_title:hover {border-bottom-color:#22BA4F;}
.textarea_wizard_title.type05{padding-top: 18px;height:46px;line-height:22px; color:#ffffff; background:url(../images/wizard/T05_titleBg.png) no-repeat center top;background-size:100% auto;border:none;}
.textarea_wizard_title.type05::placeholder{opacity:1;}
.textarea_wizard_title.type06{background:#ffffff;color:#232323;border:1px solid #D5CDB2;padding: 0;line-height: 50px;height: 50px;margin: -30px auto 0; border-radius: 25px;}
.text_byte_meter {text-align:right;color:#D44E30;width:90%;margin:0 auto;font-size:12px;opacity:0;}
.textarea_wizard_title:focus + .text_byte_meter, .textarea_wizard_title:hover + .text_byte_meter {opacity:1;color:#D44E30;}


.input_file_stamp {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:3;display:block;overflow:hidden;}
.input_file_stamp input {cursor:pointer;}


.font_12 {font-size:12px;}
.div_right_section .font_12 {color:#979797;line-height:1.4;}
.div_right_section .font_18 {color:rgba(0,0,0,0.5);line-height:1.4;font-size:14px;}
.div_right_section .div_right_inner {width:100%;margin:0 auto;margin-top:60px;display:none;}
.div_right_section .div_right_inner #couponReg_txt02 { width: 270px; }
.div_sample_imgWrap {width:100%;overflow:hidden;position:relative;margin-top:20px;margin-bottom:30px;}
.div_sample_imgWrap .swiper-slide {border:1px solid #D8D8D8;}
.div_sample_imgWrap .swiper-button-prev,.div_sample_imgWrap .swiper-button-next {background-size:10px 19px;width:10px;height:19px;margin-top:-9px;}
.div_sample_imgWrap .swiper-button-prev {background-image:url(../images/wizard/img_slide_prev.png);}
.div_sample_imgWrap .swiper-button-next {background-image:url(../images/wizard/img_slide_next.png);}
.position_relative {position:relative;}
.input_file_slide {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;}

#wizardSelectOpt li {cursor:pointer;}


.div_select_filterColor {margin:15px 0;}
.div_select_filterColor > div {width:auto;display:inline-block;}
.div_select_filterColor .label_radio_wizardType {width:auto;}
.div_select_filterColor .label_radio_wizardType i>i {width:13px;height:13px;top:8px;left:8px;}
.div_select_filterColor > div:nth-child(1) .label_radio_wizardType i>i {background-color:transparent; border:1px solid #D8D8D8;}
.div_select_filterColor > div:nth-child(2) .label_radio_wizardType i>i {background-color:#979797;}
.div_select_filterColor > div:nth-child(3) .label_radio_wizardType i>i {background-color:#4AA795;}
.div_select_filterColor > div:nth-child(4) .label_radio_wizardType i>i {background-color:#53A6C5;}
.div_select_filterColor > div:nth-child(5) .label_radio_wizardType i>i {background-color:#BE6885;}
.div_select_filterColor > div:nth-child(6) .label_radio_wizardType i>i {background-color:#A16BC9;}
.div_select_filterColor > div:nth-child(7) .label_radio_wizardType i>i {background-color:#B59864;}

#divStampImgListWrap {border:2px solid transparent;}
#divStampImgListWrap.on , #divStampImgListWrap:hover {border-color:#22BA4F;cursor:pointer;}


#inputCpnDate,#inputCpnDate_tab03 {background-color:transparent;outline:0;border:0;font-size:12px;display:inline-block;width:100%;cursor:pointer; font-family: Arial,sans-serif !important; font-size: 13.3333px;}
#inputCpnDate { font-size: 13.3333px; }

.font_14 {font-size:14px;color:rgba(0,0,0,0.5);line-height: 1.4;margin-bottom:5px;}

.div_benefit_intro {margin-top:110px;margin-bottom:90px;}

.div_benefit_intro .font_18{}
.div_benefit_intro .font_12{margin-bottom:20px;padding-top:40px;}
.div_benefit_intro .font_14{margin-bottom:20px;}

.back_f1f2f4 {background-color:#f1f2f4;}

.div_stamp_imgUpload {width:52px;position:relative;display:inline-block;}
.div_stamp_imgUpload > p {vertical-align:middle;}

.div_stpCount_wrap {width:100%;background-color:#fff;position:relative;overflow:visible;cursor:pointer;margin-top:8px;}
.div_stpCount_select {height:35px;line-height:35px;width:100%;font-size:14px;color:rgba(0,0,0,0.5);margin-bottom:10px; border:1px solid #D1D1D1;text-align:center;}
.div_stpCount_select input {width:50px;outline:0;border:0;background-color:transparent;font-size:14px;color:#000000;text-align:center;cursor:pointer; text-align: center;}
.div_stpCount_select span.font_18 {font-size:14px;color:rgba(0,0,0,0.5);padding:0;}
.ul_stpCount_list {display:none; position:absolute;width:100%;overflow-y:auto;top:35px;left:0; height:auto;max-height:350px;background-color:#fff;border:1px solid #D1D1D1;border-top:0;z-index:1;}
.ul_stpCount_list li {width:100%;text-align:center;font-size:14px;color:#000000;background:#ffffff; height:0px;overflow:hidden;line-height:35px;margin-bottom:0 !important;
-webkit-transition:height 0.2s ease-out;
-o-transition:height 0.2s ease-out;
transition:height 0.2s ease-out;}
.ul_stpCount_list li.on, .ul_stpCount_list li:hover {background:#F6F7F9;}
.div_stpCount_wrap.on li {height:35px;}
.ul_stpNum_list {width:100%;margin-top:10px;overflow:auto;}
.ul_stpNum_list p {width:52px;margin-bottom:10px;margin-right:10px;float:left;height:52px;line-height:52px;border:1px solid #D1D1D1;border-radius:50%; background:#ffffff;color:#000000;text-align:center;cursor:pointer;}
.ul_stpNum_list p:nth-child(5n){margin-right:0px;}
.ul_stpNum_list p.on {border:1px solid #484848;background:#484848  url(../images/template/icon_stamp_cpn_point.svg) no-repeat center center; background-size:17px 28px;color:transparent;}

.div_btn_mobileFrame {position:absolute;bottom:0;left:0;width:100%;overflow:auto;}
.div_btn_mobileFrame div {font-size:18px;width:50%;float:left;text-align:center;padding:16px 0;display:block;background-color:rgba(0,0,0,0.5);color:#979797;cursor:pointer;}
.div_btn_mobileFrame div:last-child{background-color:#22BA4F;color:#fff;}


.div_couponReg_intro {width:90%; text-align: left;color:#000000;font-size:16px; margin:0 auto;}
.div_couponReg_text {padding-top:50px;display:none;}
.div_couponReg_text.view_init {display:block;}
.div_couponReg_text p.font_18:first-child{padding-bottom:30px;margin-bottom:30px;position:relative;}
.div_couponReg_text p.font_18:first-child:before{position:absolute;bottom:0;left:0;width:55px;height:1px;background-color:#979797;content:"";}
.div_right_section .div_couponReg_text .font_18 {margin:24px 0 10px;}
.div_couponReg_chk {margin-top:240px;display:none;}
.div_couponReg_chk .div_chk_box {margin-top:20px;}
.div_couponReg_chk .div_chk_box span {display:inline-block;vertical-align:middle;margin-left:12px;font-size:18px;color:#3D3D3D;}
.div_couponReg_chk .div_chk_box label {display:inline-block;vertical-align:middle;}

.div_couponReg_chk .input_radio_wizard:checked + label {background-image:url(../images/wizard/img_chk_on_red.png);}

/*****************************************************************************************************************************************************/

/* [ request_stampcard_03.html ] */
.p_title_leftsection.tab03 {color:#000000;position:relative;font-size:20px; text-align: left;padding-left:50px; font-weight:bold;}
.ul_chk_wizard {clear:both;width:100%; position: relative;height:100%;}
.ul_chk_wizard .label_radio_wizard {position:relative;overflow:visible;}
.ul_chk_wizard .input_radio_wizard:checked + .label_radio_wizard span {color:#000000;}
.ul_chk_wizard .input_radio_wizard:checked + .label_radio_wizard, .label_radio_wizard.on, .ul_chk_wizard .label_radio_wizard{border:none;}
.ul_chk_wizard li {margin-bottom:20px; cursor: pointer;}
.ul_chk_wizard .step03_con{display:inline-block;font-size:18px; width:774px;margin-bottom:5px;margin-left:14px;background:#ffffff; color:rgba(0,0,0,0.5);}
.ul_chk_wizard .step03_con.on{color:#000000;}
.ul_chk_wizard .step03_con span.step03_title{padding:0 30px;height:58px; line-height:58px;}
.ul_chk_wizard .small_txt{display:inline-block;width:780px;font-size:14px;color:rgba(0,0,0,0.5) !important;margin-left:50px;}

.div_mua_inner.tab03 * {color:#000000;}
.div_mua_inner.tab03 div.div_btn_onsize {background:#484848;color:#fff;font-family:Noto Sans Bold;}
.div_mua_inner.tab03 div.div_btn_onsize span {color:#fff;}

.div_mua_inner.tab03.active input::-webkit-input-placeholder {color: #979797;}
.div_mua_inner.tab03.active input:-moz-placeholder {color: #979797;}
.div_mua_inner.tab03.active input::-moz-placeholder {color: #979797;}
.div_mua_inner.tab03.active input:-ms-input-placeholder {color: #979797;}
.div_mua_inner.tab03.active .p_title_top { color: #3D3D3D; }
.div_mua_inner.tab03.active .div_mua_form p { color: #22BA4F; }
.div_mua_inner.tab03.active div.div_btn_onsize {background:#232323;color:#fff;}
.div_mua_inner.tab03.active div.div_btn_onsize span {color:#fff;}
.div_mua_inner.tab03.active .div_view_terms a {color: #979797;}

.div_right_inner_tab03 {width:100%;margin:0 auto 10px;background:#ffffff;}
.inviteType_tips{clear:both;width:80%;margin:0 auto 25px; font-size:14px; color:#2D2D2D;line-height:1.4;}
.div_couponReg_select .div_stpCount_wrap {width:100%;margin-top:20px;}
.step03_conLeft{float:left;width:300px;margin-left:30px;}

.step03_conRight{float:right;width:360px;margin-right:30px;}

/* [ request_stampcard_04.html ] */
.a_btn_option {display:block;width:22px;position:absolute;top:10px;right:12px;padding:10px 0;z-index:3;}
.div_type02_inner.tab_result {text-align:center;}
.div_type02_inner.tab_result .div_preview_section ,.div_type02_inner.tab_result .div_right_section {display:inline-block;position:relative;text-align:left;vertical-align:top;}

.div_input_userInfoWrap {margin-top:100px;}

.div_input_userInfoWrap input::-webkit-input-placeholder {color:#979797;}
.div_input_userInfoWrap input:-moz-placeholder {color:#979797;}
.div_input_userInfoWrap input::-moz-placeholder {color:#979797;}
.div_input_userInfoWrap input:-ms-input-placeholder {color:#979797;}


.div_input_userInfo{width:80%;margin:4px 0;margin-top:20px;display:inline-block;}
.div_input_userInfo input{padding:10px 0;font-size:14px;display:block;width:100%;background-color:transparent;border:0;outline:0;border-bottom:2px solid #979797;text-indent:10px;color:#979797;}
.div_input_userInfo input:focus {border-bottom-color:#D44E30;}

.div_date_userSelect {overflow:auto;padding:1px 0;margin-top:20px;}
.div_date_userSelect .div_input_userInfo{display:inline-block;vertical-align:middle;width:45%;margin-top:0px;}
.div_date_userSelect > span {display:inline-block;vertical-align:middle;width:6%;text-align:center;}

/*****************************************************************************************************************************************************/

/* [index.html] */
.index_pageBg{}
.index_page .div_header {background-size:100% auto;}
.index_page .div_header * {color:#000000;}
.div_index_content {min-width:1270px;}
.div_index01 {width:100%;position:relative;text-align:center;}
.index01_imgBox{width:100%;position:relative;overflow: hideen;margin:0 auto;background:#ffffff;}
.index01_bg{position:absolute;left:0; top:0;width:100%;height:100%; background:url(../images/bg.jpg) no-repeat center center;background-size:100% 100%; margin:0 auto;}
.index01_img{position:relative;width:100%;top:0; background:transparent;}
.scaleDown{-webkit-animation:scaleDown 0.5s linear 0s 1 forwards; animation:scaleDown 0.5s linear 0s 1 forwards;}
.scaleUp{-webkit-animation:scaleUp 0.5s linear 0s 1 forwards; animation:scaleUp 0.5s linear 0s 1 forwards;}

@-webkit-keyframes scaleDown {
	0%{width:100%;}
	100%{width:1270px;}
}
@keyframes scaleDown {
	0%{width:100%;}
	100%{width:1270px;}
}
@-webkit-keyframes scaleUp {
	0%{width:1270px;}
	100%{width:100%;}
}
@keyframes scaleUp {
	0%{width:1270px;}
	100%{width:100%;}
}

.hand_stamp{width:133px;vertical-align: top;margin:-20px 90px 0 130px;}

.div_index01_inner {display:inline-block;vertical-align:middle;width:98%;text-align:center;width:1230px;margin:0 auto;}
.home_index01{position: absolute;width:1270px;padding:0 20px; margin: 0 auto; top:200px; text-align: left;}
.home_index01 p:nth-child(1){font-weight:900; font-size:67px; font-family: Noto Sans bold;color:#ffffff;line-height:1.3;}
.home_index01 p:nth-child(2){ font-size:19px;line-height:25px; font-family: Noto Sans Regular; color:#ffffff; margin-top:15px;}
.div_index01_inner > div{width:45%;display:inline-block;text-align:left;vertical-align:middle;}
.div_index01_inner > div:nth-child(1){margin-right:40px;}
.div_index01_inner > div:nth-child(2){position:relative;margin-right:-140px;}

.div_index01_inner .img_with_facebook {width:143px;display:block;padding-bottom:10px;}
.p_index_38 {color:#fff;font-size:38px;padding:10px 0;line-height:1.3;}
.p_index_16 {color:#fff;font-size:16px;padding:10px 0;line-height:1.5;}

.p_index_topBtn {margin-top:50px;}
.p_index_topBtn > a {display:inline-block;color:#ffffff;text-align:center;min-width:118px;padding:0 20px; height:40px;line-height:40px;font-size:20px; font-family:Noto Sans Medium; margin-right:10px;border:1px solid #ffffff;border-radius: 20px;}
.iconList{clear:both;width:100%;text-align: left;margin:20px auto 0;}
.iconList li{position:relative; float:left;width:30px;height:30px;margin-right:5px;}
.iconList li img.icon_logo{border-radius: 10%;width:100%; height:100%; cursor: pointer;}
.iconList li .code{position: absolute;left:0;top:35px;}
.iconList li .code img{width:120px;}
.translateUp{-webkit-animation:translateUp 0.2s linear 0s 1 forwards; animation:translateUp 0.2s linear 0s 1 forwards;}
.translateDown{-webkit-animation:translateDown 0.2s linear 0s 1 forwards; animation:translateDown 0.2s linear 0s 1 forwards;}
@-webkit-keyframes translateUp {
	0%{-webkit-transform:translateY(0);opacity:1;}
    100%{-webkit-transform:translateY(-5px);opacity:0.7;}
}
@keyframes translateUp {
	0%{-webkit-transform:translateY(0);opacity:1;}
    100%{-webkit-transform:translateY(-5px);opacity:0.7;}
}
@-webkit-keyframes translateDown {
    0%{-webkit-transform:translateY(-5px);opacity:0.7;}
	100%{-webkit-transform:translateY(0);opacity:1;}
}
@keyframes translateDown {
    0%{-webkit-transform:translateY(-5px);opacity:0.7;}
	100%{-webkit-transform:translateY(0);opacity:1;}
}
.indexVideoBox{position: absolute;right:20px;top:20px;width:430px; text-align: right;}
.indexVideo{width:100%;min-height:250px;background:#000000;}
.indexVideoBox span{display:inline-block; width:120px; height:30px;line-height:30px; text-align:center;cursor:pointer; border: 1px solid #ffffff;border-radius: 23px;color:#ffffff;margin-top:10px;font-size:14px;}
.indexVideoBox span a{color:#ffffff;}
.img_index_stamp {width:100%;display:block;}
.a_btn_indexStamp {position:absolute;bottom:55px;right:10px;color:#fff;display:block;}
.a_btn_indexStamp span:first-child {display:inline-block;vertical-align:middle;font-size:20px;}
.a_btn_indexStamp img {display:inline-block;vertical-align:middle;}
.a_btn_indexStamp span:last-child {display:block;width:100%;font-size:13px;padding-top:7px;line-height:1.4;}
.div_index02 {position:relative; width:100%;padding:70px 0 80px;}
.div_index02_inner {width:1270px;padding:0 20px; margin:0 auto;text-align:center;}
.p_index_line{width:24px;height:4px; background:#232323;margin-top:70px;}
.p_index_innerTit {font: normal normal 900 40px/62px Noto Sans bold;color:#232323;text-align:left;margin-bottom:20px;}
.div_index02_infor{clear:both;width:100%; text-align: left;border-bottom:4px solid #232323;margin-bottom:30px; font-weight:900; font-family:Noto Sans bold}
.div_index02_infor p{float:left; font-size:23px;line-height:30px;color:#232323;}
.div_index02_infor p:nth-child(2){font-size:67px;line-height:100px ;margin: 30px 0 0 -150px;}
.div_index02_infor p:nth-child(5){font-size:132px;line-height:100px ;margin-left: 30px;}
.div_index02_infor p:nth-child(6){font-size:67px;line-height:150px;}
.div_index02_info_title{width:100%; text-align: left;font: normal normal 900 43px/56px Noto Sans bold;color:#22BA4F;}
.div_index02_info{width:100%; text-align: left;font: normal normal 300 20px/30px Noto Sans Light;color:#232323;}
.div_index02_info span{font: normal normal bold 24px/30px Noto Sans Bold;}
.div_index03_top{clear:both;width:100%;}
.div_index03_top img{float:left;width:79px;}
.div_index03_top span{float:left; width:90%;margin-left:30px; display: inline-block;font: normal normal 300 40px/120px Noto Sans Light;color: #22BA4F;}
.div_index03_top span.globalTxt{line-height:70px;}
.div_index03_txt{clear:both;width:100%;text-align: left;font: normal normal 300 20px/27px Noto Sans Light;color: #232323;margin:20px 0;}
.tryIt{clear:both;display:inline-block; height:45px;line-height:40px; font-size:18px;font-family:Noto Sans Regular; padding:0 30px 0 60px; border:2px solid #232323;border-radius: 23px;color:#232323;text-align: center;background:url(../images/icon/icon_tryit.svg) no-repeat 30px center;background-size:15px 15px;cursor: pointer;}
.p_index03_pic{position: relative;width:100%;text-align: right;}
.p_index03_img{width:735px;}
.phone_pic{position: absolute;right:-130px;top:-130px;heihgt:510px;}
.referenceList{clear:both;width:100%; margin:20px auto;background:#ffffff;padding:50px 33px 50px 33px;}
.referenceList ul{display: flex;justify-content:space-between;flex-direction:row; align-items: flex-start;}
.referenceList li{float:left;width:356px;margin:0 16px;}
.referenceList li .referenceImg{width:100%;}
.reference_title{width:100%; text-align: center;margin:10px auto 20px;}
.reference_point_border{display:inline-block; width:0;height:0; border:5px solid #000000;border-bottom-color:transparent;border-right-color:transparent;border-top-color:transparent;}
.reference_txt{width:100%;height:72px; text-align: left;color:#4b4a4a;font-size:14px;line-height:18px; overflow: hidden;text-overflow:ellipsis;display:-webkit-box; }
.moreReference{clear:both;width:60%; text-align:center; height:45px;line-height:42px;font-size:16px;color:#000000; padding:0 30px;margin:20px auto 0; border:1px solid #6d6d6c;border-radius:23px;cursor: pointer; }
.moreReference img{vertical-align: middle;width:15px;margin-left:10px;}
.referenceList li a{color:#000000;}
.customers_pic{clear:both;width:100%; text-align: center;padding:50px;background:#ffffff;margin:20px auto 0;}
.customers_pic img{width:100%;}
.div_index02_imgBox {width:430px;height:620px;overflow:visible;position:relative;display:inline-block;vertical-align:middle;margin-right:40px;}
.div_index02_imgBox img {position:absolute;top:0;left:0;height:100%;width:auto;opacity:0;
-webkit-transition:opacity 0.2s ease-out;
-o-transition:opacity 0.2s ease-out;
transition:opacity 0.2s ease-out;}
.div_index02_imgBox img:first-child{opacity:1;}

.ul_index02_list {display:inline-block;vertical-align:middle;width:500px;text-align:left;margin-right:-25px;}
.ul_index02_list li {width:auto;padding-left:70px;position:relative;margin-bottom:40px;cursor:pointer;}
.ul_signCard_index02_list li{cursor:auto;}
.div_index02_num {position:absolute;width:50px;height:50px;border-radius:50px;border:1px solid #D8D8D8;line-height:50px;text-align:center;top:0;left:0;}
.ul_index02_list li.on .div_index02_num{color:#fff;background-color:#22BA4F;}
.div_index02_tabContent {}
.div_index02_tabContent p:nth-child(1){font-size:20px;color:#3D3D3D;padding:14px 0;}
.div_index02_tabContent p:nth-child(2){font-size:15px;color:#979797;letter-spacing:-0.3px;line-height:1.5;}
.div_index03 {width:100%;padding:0 0 80px;background-color:#F2F1EE; position:relative;overflow:hidden;}
.div_index03_inner {width:1270px;padding:0 20px; margin:0 auto;position:relative;overflow:visible;}
.div_info_design {width:100%;margin-top:90px;padding-left:80px;}
.div_info_design>p:first-child {font-size:20px;color:#22BA4F;padding-bottom:30px;line-height:1.4;}
.div_info_design>div {margin:25px 0;}
.div_info_design>div p:first-child{color:#3D3D3D;font-size:20px;padding-bottom:10px;}
.div_info_design>div p:last-child{color:#979797;font-size:16px;}

.div_info_design a{display:inline-block;margin-top:40px;width:100px;height:40px;line-height:40px;border:1px solid #D8D8D8;border-radius:20px;text-align:center;color:#979797;}

.img_index_phone {position:absolute;bottom:-24%;right:-50%;height:110%;}
.div_index04 {width:100%;padding:80px 0;}
.div_index04_inner {width:1230px;margin:0 auto;}

.div_index04_imgBox {width:890px;position:relative;height:600px;margin:80px auto 60px;}
.div_index04_imgBox img {position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;display:block;
-webkit-transition:opacity 0.2s ease-out;
-o-transition:opacity 0.2s ease-out;
transition:opacity 0.2s ease-out;}
.div_index04_imgBox img:first-child{opacity:1;}

.ul_index04_list {width:100%;overflow:auto;padding:10px 0;}
.ul_index04_list li {width:25%;float:left;cursor:pointer;}

.div_index04_num {width:50px;height:50px;border-radius:50px;border:1px solid #D8D8D8;line-height:50px;text-align:center;}
.ul_index04_list li.on .div_index04_num{color:#fff;background-color:#22BA4F;}

.div_index04_tabContent p:nth-child(1){font-size:20px;color:#3D3D3D;padding:24px 0 10px;}
.div_index04_tabContent p:nth-child(2){font-size:15px;color:#979797;letter-spacing:-0.3px;line-height:1.5;}

.div_index04_bottom {margin:85px 0 100px;width:100%;text-align:center;}
.div_index04_bottom a {width:200px;height:50px;border-radius:50px;color:#22BA4F;border:1px solid #22BA4F;display:inline-block;line-height:50px;}

.div_address_bottom{ left:0;bottom:0; background-color:#ffffff;width:100%;min-width:1270px; padding:48px 45px 20px;z-index:98;border-top:1px solid #e2e2e2;}
.div_address_inner {position:relative; margin:0 auto;font-family:Noto Sans Light;color:#000000; }
/* .div_address_inner img {display:inline-block;vertical-align:middle;width:61px;height:53px;padding-right:50px;}
.div_address_inner p {display:inline-block;vertical-align:middle;width:auto;color:#979797;font-size:14px;}
.div_address_inner p a{color:#979797;line-height:20px;}
.div_address_inner p a img{width:20px; height:20px;padding-left:15px;padding-right:0;}
 */

.copyright{float:left;width:47%; text-align: left;font-size:16px; line-height:25px; font-weight: 300;}
.copyright a{color:#000000;}
.copyright img{vertical-align: middle;}
.downloadInfo{float:left;width:30%; text-align: left;}
.downloadInfo a{color:#000000;}
.downloadTip{float:left;width:40%; text-align: center;}
.downloadTip p{font-size:18px;line-height:25px; font-family:Noto Sans Regular;}
.downloadTip img{width:51%;margin-top:5px;}
.downloadInfoTxt{width:100%;text-align: left; line-height:1.4;margin-bottom:16px;}
.downloadInfoTxt img{font: normal normal 300 16px/18px Noto Sans Light;vertical-align: middle;padding-right:5px;}
.downloadInfoTxt a{color:#555555;font-size:16px;line-height:18px; font-weight:300;}
.customerServiceImg{position: absolute;right:160px;top:-25px;width:120px;text-align: center;font: normal normal 300 16px/18px Noto Sans Light;}
.customerServiceImg img{width:120px;}
.managerCodeImg{position: absolute;right:0;top:-25px;width:120px;text-align: center;}
.managerCodeImg img{width:120px;}

/*FAQ*/
.content_wrap{position: relative;width:100%;min-width:1270px;}
.back_f6f7f9 {background-color:#f6f7f9;}
.div_qna_content {position:relative; width:1270px; padding:0 20px; margin:107px auto 100px;}
.snb_list{position:absolute;top:0;left:0;width:175px;}
.snb_list > div {position:relative; width:100%;text-align:center;height:156px;background:#ffffff;}
.snb_list > div a {position:relative; display:block;width:100%;padding-top:56px;height:100px;}
.snb_list > div a span {display:block;width:100%;color:#232323;font-size:17px; font-family: Noto Sans Bold;}
.snb_list > div a img {display:block;width:24px;height:24px;margin:0 auto;}
.qna_content{width:1030px;background:#ffffff;margin-left:200px;}
.div_70 {width:70%;margin:0 auto;}
.qna_left{line-height:1.5;font-size:14px; color:#3D3D3D;}
.p_faq_title {font-size:20px;color:#3D3D3D;margin-bottom:30px;}
.p_faq_subtit {font-size:13px;color:#979797;margin-bottom:40px;letter-spacing:-0.5px;}
.a_btn_emilqna {display:inline-block;width:320px;height:95px;line-height:95px;text-align:center;background-color:#fff;}
.a_btn_emilqna img, .a_btn_emilqna span {display:inline-block;vertical-align:middle;color:#22BA4F;}
.ul_faq_list {width:100%;border-top:1px solid #D8D8D8;}
.ul_faq_list li {width:100%;}
.div_qna_question {width:100%;margin:0 auto;padding:14px 0; border-bottom:1px solid #D8D8D8;
background-size:16px auto;background-position:97% center;background-repeat:no-repeat;cursor:pointer;background-image:url(../images/icon/icon_snb_direction.png);}
.ul_faq_list li.on .div_qna_question{background-image:url(../images/icon/icon_snb_direction_rv.png);}
.div_qna_answer {width:100%;margin:0 auto;padding:14px 0;display:none;}
.ul_faq_list li.on .div_qna_answer{display:block;border-bottom:1px solid #D8D8D8;}
.div_qna_question span{width:90%;display:block;margin:0 auto;font-size:16px;line-height:1.5;font-family:Noto Sans Bold; color:#000000;}
.div_qna_answer p {width:90%;display:block;margin:0 auto;font-size:16px;color:rgba(0,0,0,0.7); font-weight:300; font-family:Noto Sans Light; line-height:1.5;}
.consultQ{width:100%;display:block;margin:0 auto;padding:14px 5%; font-size:20px;font-family:Noto Sans Bold; line-height:1.5;color:#000000;}
.consultA{width:100%;display:block;margin:0 auto;font-size:16px;font-family:Noto Sans Light; color:#000000; line-height:1.5;padding:0 5% 14px;}
.consultA a{color:#22BA4F;}
/*****************************************************************************************************************************************************/

#setDivStampcardBody #divStampImgListWrap:hover{border-color:transparent;}
.p_store_customtxt{text-align:center;color:#979797;font-size:0.938rem;display:block;font-size:14px;margin:0 auto;width:100%;background-color:transparent;border:0;outline:0;resize:none;overflow:hidden;border-bottom:2px solid transparent}

.select_moved {opacity:0.5;}

/* [ loading spinner ] */
#spinner_div_wrap{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:10001;top:0;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}}


.spinner_parts{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.0);z-index:10001;top:0;left:0;text-align:center;font-size:0}.spinner_parts .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_parts .spinner_div img {display:block;width:100%;}


/* [paging] */

/* paging */
.paging {position:relative; text-align:center;padding:30px 0;left:0;width:100%;}
.paging span {display:inline-block;vertical-align:bottom;}
.paging a {display:inline-block;width:30px;height:30px;vertical-align:bottom;border:1px solid #D1D1D1;margin:0 3px;}
.paging a.first {background:#ffffff url("../images/icon/arr_pagi_first.png") 10px 0 no-repeat;background-position:center center;}
.paging a.pre {background:#ffffff url("../images/icon/arr_pagi_prev.png") 10px 0 no-repeat;background-position:center center;}
.paging a.next {background:#ffffff url("../images/icon/arr_pagi_next.png") 10px 0 no-repeat;background-position:center center;}
.paging a.last {background:#ffffff url("../images/icon/arr_pagi_last.png") 10px 0 no-repeat;background-position:center center;}
.paging .paging_num {display:inline-block;margin-top:-9px;margin-left:10px;margin-right:10px;}
.paging .paging_num a {display:inline-block;width:30px;height:30px;background:#ffffff; color:#232323;font-size:14px;text-align:center;line-height:30px;margin:0 3px;}
.paging .paging_num a:hover {color:#232323;background:rgba(255,255,255,1);}
.paging .paging_num a.on {color:#22BA4F;border:1px solid #ffffff;}

/*****************************************************************************************************************************************************/

/* [template : type02] */
.div_intro_screen {position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:auto;}
.img_intro_bg {position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;}
.img_move_up {position:absolute;bottom:16px;left:50%;width:30px;margin-left:-15px;z-index:1;}

.div_type02_wrap {position:fixed;top:100%;left:0;width:100%;height:100%;z-index:2;background-color:#f6f7f9;overflow:auto;
-webkit-transition:top 0.28s ease-out;
-o-transition:top 0.28s ease-out;
transition:top 0.28s ease-out;
}

.div_t2_file {position:absolute;top:100%;left:0;width:100%;height:100%;z-index:10;background-color:#979797;
-webkit-transition:top 0.28s ease-out;
-o-transition:top 0.28s ease-out;
transition:top 0.28s ease-out;
}
.div_t2_file.on {top:0%;}
#divFrameType02.on .div_type02_wrap{top:0%;}
.img_move_down {position:absolute;top:16px;left:50%;width:30px;margin-left:-15px;z-index:3;}
.div_top_type02 {width:86%;margin:0 auto;}
.p_titile_type02 {font-size:1rem;color:#000000;}
.p_subtitile_type02 {font-size:0.813rem;color:rgba(0,0,0,0.5);padding:20px 0 0;}

.div_type02_wrap .ul_stamp_list li {width:14%;margin:3%;}


.textarea_wizard_title.template02 {color:#000000;text-align:center;font-family: Noto Sans Regular,Helvetica,AppleSDGothicNeo,Arial,sans-serif;font-weight:normal;font-size:16px;width:100%;}
.textarea_wizard_title.template02::placeholder{color:#000000;}
.txtarea_store_customtxt.template02 {color:#979797;text-align:center;font-family: Noto Sans Regular,Helvetica,AppleSDGothicNeo,Arial,sans-serif;}

.textarea_wizard_title.template03 {color:#000000;text-align:left;font-family: Noto Sans Regular,Helvetica,AppleSDGothicNeo,Arial,sans-serif;font-weight:normal;font-size:16px;width:100%;}
.textarea_wizard_title.template03::placeholder{color:#000000;}
.txtarea_store_customtxt.template03 {color:#979797;text-align:center;font-family: Noto Sans Regular,Helvetica,AppleSDGothicNeo,Arial,sans-serif;}

.margin_top20 {margin-top:20px;}

.div_t2_file #step02_backgrounFile {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;}

#setDivStampcardBody {position:relative;}
#setDivStampcardBody:after {position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;content:"";}


/******************************************************************************************/
/* 171115 추가 CSS */
/******************************************************************************************/
::-webkit-input-placeholder { /* Chrome */
  color: #979797;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #979797;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #979797;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #979797;
}
.forget { width: 100%; padding: 10px 0; font-size: 0; }
.forget_inner { text-align: right; }
.forget_id, .pw_set { display: inline-block; padding: 5px 0; text-align: right; cursor: pointer; }
.forget_id > span { border-right: 1px solid #D8D8D8; }
.forget_id > span, .pw_set > span { padding: 0 10px; letter-spacing: -0.5px; font-size: 12px; color: #979797; }
/* 아이디찾기 */
.icon_close { width: 20px; height: 20px; padding: 5px; position: absolute; top: 20px; right: 20px; cursor: pointer; }
.forget_title { display: block; padding-bottom: 30px; font-size: 18px; color: #3D3D3D; letter-spacing: -0.4px; }
.forget_wrap { width: 100%; font-size: 0; padding: 40px 0 10px 0; letter-spacing: 0; }
.forget_wrap > p { line-height: 20px; letter-spacing: -0.5px; font-size: 14px; color: #979797; }

.user_forget { display: inline-block; width: 75%; padding-right: 20px; }
.user_forget, .user_forget_confirm { vertical-align: bottom; }
.user_forget_confirm { display: inline-block; width: 25%; padding: 30px 0; background-color: #22BA4F; border-radius: 5px; cursor: pointer; }
.user_forget_confirm > span { display: block; color: #FFF; font-size: 14px; text-align: center;font-family: Noto Sans Bold; }
.user_forget > .div_userInfo_form td {  padding: 0; padding-top: 15px; }
.forget_complete { margin-top: 25px; padding: 25px 20px; border: 5px solid #F1F2F4; }
.forget_complete > p { text-align: center; line-height: 20px; letter-spacing: -0.5px; font-size: 14px; color: #D44E30; }
.forget_complete > span { display: block; padding-top: 7px; text-align: center; font-size: 12px; color: #979797; letter-spacing: -0.5px; }
.s_forget_confirm { padding: 15px 0; }
.complete_id { display: block; padding-top: 20px; text-align: center; font-size: 18px; color: #22BA4F; letter-spacing: -0.5px; }


#findPwdForm #forget_find_pwd_div { display: none; }
#findPwdForm.find_pwd_form_complete #forget_find_pwd_div { display: block; }
#findPwdForm.find_pwd_form_complete #user_forget_input_wrap { display: none; }
#findPwdForm.find_pwd_form_complete #user_forget_button_wrap { display: none; }


/* 20171129 T0003 CSS */
/* placeholder color */
.w_template03 .textarea_wizard_title.template02::-webkit-input-placeholder { /* Chrome */ color: rgba(67,70,77,0.7); }
.w_template03 .textarea_wizard_title.template02:-ms-input-placeholder { /* IE 10+ */ color: rgba(67,70,77,0.7); }
.w_template03 .textarea_wizard_title.template02::-ms-input-placeholder { /* Edge */ color: rgba(67,70,77,0.7); }
.w_template03 .textarea_wizard_title.template02::-moz-placeholder { /* Firefox 19+ */ color: rgba(67,70,77,0.7); }
.w_template03 .textarea_wizard_title.template02:-moz-placeholder { /* Firefox 4 - 18 */ color: rgba(67,70,77,0.7); }

.w_template03 .txtarea_store_customtxt::-webkit-input-placeholder { /* Chrome */ color: rgba(138,140,152,0.7); }
.w_template03 .txtarea_store_customtxt:-ms-input-placeholder { /* IE 10+ */ color: rgba(138,140,152,0.7); }
.w_template03 .txtarea_store_customtxt::-ms-input-placeholder { /* Edge */ color: rgba(138,140,152,0.7); }
.w_template03 .txtarea_store_customtxt::-moz-placeholder { /* Firefox 19+ */ color: rgba(138,140,152,0.7); }
.w_template03 .txtarea_store_customtxt:-moz-placeholder { /* Firefox 4 - 18 */ color: rgba(138,140,152,0.7); }

.w_template03 .input_userNum::-webkit-input-placeholder { /* Chrome */ color: #979797; }
.w_template03 .input_userNum:-ms-input-placeholder { /* IE 10+ */ color: #979797; }
.w_template03 .input_userNum::-ms-input-placeholder { /* Edge */ color: #979797; }
.w_template03 .input_userNum::-moz-placeholder { /* Firefox 19+ */ color: #979797; }
.w_template03 .input_userNum:-moz-placeholder { /* Firefox 4 - 18 */ color: #979797; }

.w_template03 .couponPopup_info .coupon_inputBox::-webkit-input-placeholder { /* Chrome */ color: #979797; }
.w_template03 .couponPopup_info .coupon_inputBox:-ms-input-placeholder { /* IE 10+ */ color: #979797; }
.w_template03 .couponPopup_info .coupon_inputBox::-ms-input-placeholder { /* Edge */ color: #979797; }
.w_template03 .couponPopup_info .coupon_inputBox::-moz-placeholder { /* Firefox 19+ */ color: #979797; }
.w_template03 .couponPopup_info .coupon_inputBox:-moz-placeholder { /* Firefox 4 - 18 */ color: #979797; }

.w_template03 .t3_header_color { background-color: transparent; }
.w_template03 .input_file_stamp { width: 0; }
.w_template03 .stampNumTxt{display:inline-block;min-width:18%; text-align:left; font-size:55px;font-weight:bold; color:#000000;}
.w_template03 .textarea_wizard_title { max-height: 30px;width:100%; text-align: left;padding:0;}
.step02_stpcardNmBox{clear:both;width:100%;}
.step02_stpcardNmBox span{display: inline-block;}
.step02_stpcardNmBox span:nth-child(2){width:76%;font-size:22px;}
.w_template03 .txtarea_store_customtxt { font-family: Noto Sans Regular,Helvetica,AppleSDGothicNeo,Arial,sans-serif; text-align: left; line-height: 1.3; }
.w_template03 .div_stampRegistration { width: 86%; margin: 0 auto; position: relative; }
.w_template03 .p_stamp_position_txt:before { content: ""; display: block; width: 35px; height: 1px; margin-bottom: 20px; background-color: #C0C2C9; }
.w_template03 .p_stamp_position_txt { width: 70%; font-size: 12px; color: rgba(138,140,152,0.7); }
.w_template03 .div_stampnumber_wrap { width: 90px; height: 90px; border-radius: 50%; background-color: #979797; position: absolute; top: 0px; right: 0; }
.w_template03 .div_stampnumber_inner { display: block; width: 80px; height: 80px; margin: 0 auto; text-align: center; background: transparent; border: 2px solid #FFF; border-radius: 50%; cursor: pointer; position: absolute; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px; color: #FFF; }
.w_template03 .stampnum_circle { display: table-cell; vertical-align: middle; width: 76px; height: 76px; }
.w_template03 .div_stampnumber { display: block; font-size: 25px; line-height:1; padding-bottom: 2px; }
.w_template03 .stamp_text { display: block; font-size: 10px; line-height:1; }
.w_template03 .div_title_inner {display:block; width: 100%;margin:20px auto 0; }
.w_template03 .div_couponlist_title:before, .w_template03 .div_couponlist_title:after { content: none; }
.w_template03 .div_couponlist_wrap { width: 100%; margin: 0 auto;border:2px solid transparent;}
.w_template03 .div_couponlist_wrap.on , .div_couponlist_wrap:hover {border-color:#22BA4F;cursor:pointer;}
.w_template03 #ulStampImgList.on, .w_template03 #ulStampImgList:hover { border-color:transparent; }
.w_template03 #ulStampImgList.on .div_stampnumber_wrap { background-color: #D44E30; }
.w_template03 #ulStampImgList{margin-bottom:30px;}
.w_template03 .couponRegistration > span { display: block; padding-top: 10px; color: #D44E30; }
.w_template03 .div_inputNum_area { position: absolute; top: 35%; }
.w_template03 .input_userNum {width:300px; padding: 10px;background-color: #FFF; font-size: 14px; color: #D44E30;border:1px solid #000000; }
.w_template03 .div_couponNum_area { padding-top: 320px; }
.w_template03 .div_coupon_popup_bg { background-image: url(/resources/homepage/images/wizard/coupon_popup_bgimg.png); background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: contain; }
.w_template03 .div_coupon_popupInner .div_couponlist_title:before { position: absolute; top: 48%; left: 0; width: 30%; height: 1px; background-color: #979797; content: ""; }
.w_template03 .div_coupon_popupInner .div_couponlist_title:after { position: absolute; top: 48%; right: 0; width: 30%; height: 1px; background-color: #979797; content: ""; }
.w_template03 p.p_coupon_stampNum { width: 35%; }
.w_template03 .counpon_stamp { display: none; width: 100%; text-align: center; margin: 0 auto;  color: #D44E30; background-color: transparent; position: relative; z-index: 10; }
.w_template03 .stamp_placeholder { display: block; font-family: 'Arial',sans-serif; font-size: 13px; color: #979797; }
.w_template03 .stamp_placeholder.focus { display: none; }
.w_template03 .stamp_placeholder.focus + .counpon_stamp { display: block; }
.w_template03 .stamp_placeholder.focusout { color: #D44E30; }
.stampNum{clear:both;width:100%; text-align: left;margin:0 auto 10px;}
.stampCpnInput{clear:both;width:100%; margin:15px auto;}
.w_template03 .div_coupon_popupInner .p_coupon_stampNum input { outline: none; border: 1px solid #000000; border-bottom: 2px solid transparent; }
.w_template03 .img_coupon_p_pattern { width: 100%; vertical-align: top; }
.w_template03 .div_coupon_popupInner { width: 100%; }
.w_template03 .div_coupon_popupInner_top { width: 100%; padding: 5px 20px 0; background-color: #FFF;border-radius: 15px; }
.w_template03 .div_coupon_notice:before { content: none; }
.w_template03 .p_coupon_stampNum { position: relative; padding-bottom: 0; }
.w_template03 .p_coupon_empty{display: table-cell;vertical-align: middle; line-height:20px;border:none;}
/* 스템프 갯수 인풋 포커스/포커스아웃 할경우 */
.w_template03 .couponPopup_info.on { background-image: none !important; }
.w_template03 .couponPopup_info.on .counpon_stamp { text-align: left; padding: 0; font-size: 13px; font-family: 'Arial',sans-serif; line-height: 1.2; border: 0; }

/* 스탬프등록 css */
.w_template03 .div_couponlist_wrap { padding: 0; }
.w_template03 .t3_couponBox_inner { display: table; }
.w_template03 .t3_couponBox_inner.on { border-top: 3px solid #D44E30; }
.w_template03 .div_couponlist_title { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.w_template03 .div_couponlist_title img { height: 22px; }
.w_template03 .div_coupon_popup .div_couponlist_title { position: relative; }
.w_template03 .p_t3_couponBox_text { display: table-cell; vertical-align: middle; text-align: center; font-size: 14px; color: #C0C2C9;border:1px solid #ffffff; letter-spacing: -0.5px; }
.w_template03 .add_coupon { display: table-cell; vertical-align: middle; text-align: center; color: #979797; }
.w_template03 .add_coupon > span { display: block; padding-top: 10px; color: #D44E30; }
.w_template03 #couponList_group { margin-top: 40px; text-align: center; }
.w_template03 .couponList_img_area { width: 75%; height: 124px; margin: 0 auto; overflow: hidden; }
.w_template03 .couponList_img_area > img { width: 100%; }
.w_template03 .p_couponNumber { padding-top: 10px; font-size: 12px; color: #D44E30; }
.w_template03 .p_couponName { padding: 10px 0; font-size: 16px; color: #3D3D3D; }

.w_template03 .swiper-button-next,
.w_template03 .swiper-button-prev { background-image: none; width: auto; height: 40px;margin-top:-20px; }
.w_template03 .swiper-button-next { right: 0; }
.w_template03 .swiper-button-prev { left: 0; }


.w_template03 .swiper_slide_inner { display: table; width: 100%; height: 98px; margin: 0 auto; position: relative; background-color: #FFF; cursor: pointer;}
.w_template03 .none_coupon { display: block; }
.w_template03 #couponList_group { display: none; }
.w_template03 .p_coupon_subtitle { font-size: 12px; color: #C0C2C9; background-position: left 7px; }
.w_template03 .p_coupon_subtitle textarea { height: 33px; overflow: hidden; /*font-family: "Arial",sans-serif !important;*/ }
/* .w_template03 .p_coupon_title input { font-family: "Arial",sans-serif !important; } */
.w_template03 .p_coupon_stampNum { margin-bottom: 10px; }
.w_template03 .p_coupon_title, .w_template03 .p_coupon_stampNum,
.w_template03 .p_coupon_limit  { background-position: left center; }
.w_template03 .div_coupon_popupInner .p_coupon_limit { margin-bottom: 0; }
.w_template03 .div_coupon_info p input, .w_template03 .div_coupon_info p textarea { background-color: transparent; }
.w_template03 .p_coupon_title .coupon_inputBox,
.w_template03 .p_coupon_limit .coupon_inputBox,
.w_template03 .div_coupon_popupInner .p_coupon_subtitle textarea { font-size: 13.333px; }
.w_template03 .p_coupon_title .coupon_inputBox { color: #3D3D3D; }
.w_template03 .div_coupon_popupInner .p_coupon_subtitle textarea,
.w_template03 .p_coupon_limit .coupon_inputBox { color: #979797; }
.w_template03 p.stampnum_area { padding: 10px 0; font-size: 12px; color: #D44E30; }
.w_template03 .div_coupon_popupInner .p_coupon_title span,
.w_template03 .div_coupon_popupInner .p_coupon_subtitle span { float: none; position: absolute; right: 0; }

/* 쿠폰 */
.w_template03 .div_coupon_product { cursor: pointer; }
.w_template03 .ul_coupon_list li { margin-bottom: 0; }
.w_template03 .ul_coupon_list li.on { border-color: transparent; }
.w_template03 .swiper-wrapper { padding: 0; }
.w_template03 #coupon_registration_box_wrap.on .none_coupon { display: none; }
.w_template03 #coupon_registration_box_wrap.on .swiper-container { display: block; }
.w_template03 .swiper-wrapper.onCoupon .add_coupon { display: none; }
.w_template03 .swiper-wrapper.onCoupon #couponList_group { display: block; }
.w_template03 .swiper-wrapper.onCoupon .swiper_slide_inner { border-top: 3px solid #D44E30; }

.w_template03 input::-webkit-outer-spin-button { -webkit-appearance: none; }
.w_template03 input::-moz-outer-spin-button { -webkit-appearance: none; }
.w_template03 input::-ms-outer-spin-button { -webkit-appearance: none; }
.w_template03 input::-o-outer-spin-button { -webkit-appearance: none; }
.w_template03 input::outer-spin-button { -webkit-appearance: none; }

.w_template03 input::-webkit-inner-spin-button { -webkit-appearance: none; }
.w_template03 input::-moz-inner-spin-button { -webkit-appearance: none; }
.w_template03 input::-ms-inner-spin-button { -webkit-appearance: none; }
.w_template03 input::-o-inner-spin-button { -webkit-appearance: none; }
.w_template03 input::inner-spin-button { -webkit-appearance: none; }

.w_template03 textarea::-webkit-outer-spin-button { -webkit-appearance: none; }
.w_template03 textarea::-moz-outer-spin-button { -webkit-appearance: none; }
.w_template03 textarea::-ms-outer-spin-button { -webkit-appearance: none; }
.w_template03 textarea::-o-outer-spin-button { -webkit-appearance: none; }
.w_template03 textarea::outer-spin-button { -webkit-appearance: none; }

.w_template03 textarea::-webkit-inner-spin-button { -webkit-appearance: none; }
.w_template03 textarea::-moz-inner-spin-button { -webkit-appearance: none; }
.w_template03 textarea::-ms-inner-spin-button { -webkit-appearance: none; }
.w_template03 textarea::-o-inner-spin-button { -webkit-appearance: none; }
.w_template03 textarea::inner-spin-button { -webkit-appearance: none; }
.T3StampIconList{width:96%;margin:0 auto;}
.T3StampIconList ul{width:999999px;overflow-x:auto;overflow-y:hidden;}
.T3StampIconList li{display:inline-block;width:40px;height:40px; margin:20px 5px 0 0;position: relative;}
.T3StampIconList li img{border-radius: 50%;}
.T3StampIconList li span{position:absolute;left:0;top:0;display:block; width:40px;height:40px; color:#ced0dc;text-align: center;line-height:40px;z-index:1;}
.w_template03 .inputFile{width:100%;}
.circularImg{border-radius: 50%;}

/* 20231103 T0004 CSS */
.stampNum.type04 .input_userNum{width: 130px;padding: 10px;margin-top:10px; background: #FFF; font-size: 14px; color: #333333; border: 1px solid #000000;}
.inputTips{font-size:12px;color:#333333; font-weight:lighter;}
.ul_stpNum_list.type04{width:276px;}
.ul_stpNum_list.type04 p{margin-right: 40px;}
.ul_stamp_list.type04{width:80%; padding:0; }
.ul_stamp_list.type04.type0401.T04_stpBg1{ background:url(../images/wizard/T04_type01_stpBg1.png) no-repeat center center;background-size:100% auto;}
.ul_stamp_list.type04.type0401.T04_stpBg2{ background:url(../images/wizard/T04_type01_stpBg2.png) no-repeat center center;background-size:100% 100%;}
.ul_stamp_list.type04.type0401.T04_stpBg3{ background:url(../images/wizard/T04_type01_stpBg3.png) no-repeat center center;background-size:100% 100%;}
.ul_stamp_list.type04.type0401.T04_stpBg4{ background:url(../images/wizard/T04_type01_stpBg4.png) no-repeat center center;background-size:100% 100%;}
.ul_stamp_list.type04.type0401.T04_stpBg5{ background:url(../images/wizard/T04_type01_stpBg5.png) no-repeat center center;background-size:100% 100%;}
.ul_stamp_list.type04.type0401.T04_stpBg6{ background:url(../images/wizard/T04_type01_stpBg6.png) no-repeat center center;background-size:100% 100%;}
.ul_stamp_list.type04.type0401.T04_stpBg7{ background:url(../images/wizard/T04_type01_stpBg7.png) no-repeat center center;background-size:100% 100%;}

.ul_stamp_list.type04.type0402.T04_stpBg1{ background:url(../images/wizard/T04_type02_stpBg1.png) no-repeat center center;background-size:100% auto;}
.ul_stamp_list.type04.type0402.T04_stpBg2{ background:url(../images/wizard/T04_type02_stpBg2.png) no-repeat center center;background-size:100% 100%;}
.ul_stamp_list.type04.type0402.T04_stpBg3{ background:url(../images/wizard/T04_type02_stpBg3.png) no-repeat center center;background-size:100% 100%;}
.ul_stamp_list.type04.type0402.T04_stpBg4{ background:url(../images/wizard/T04_type02_stpBg4.png) no-repeat center center;background-size:100% 100%;}
.ul_stamp_list.type04.type0402.T04_stpBg5{ background:url(../images/wizard/T04_type02_stpBg5.png) no-repeat center center;background-size:100% 100%;}
.ul_stamp_list.type04.type0402.T04_stpBg6{ background:url(../images/wizard/T04_type02_stpBg6.png) no-repeat center center;background-size:100% 100%;}
.ul_stamp_list.type04.type0402.T04_stpBg7{ background:url(../images/wizard/T04_type02_stpBg7.png) no-repeat center center;background-size:100% 100%;}

.ul_stamp_list.type04 li{width: 20%; margin:5%; text-align: center;}
.ul_stamp_list.type04 li .img_coupon_mask{height:80%;}
.ul_stamp_list.type04 li span{font-size:10px;}

/* 20231103 T0005 CSS */
.stampNum.type05 .input_userNum{width: 130px;padding: 10px;margin-top:10px; background: #FFF; font-size: 14px; color: #333333; border: 1px solid #000000;}
.ul_stpNum_list.type05{width:276px;}
.ul_stpNum_list.type05 p{margin-right: 40px;}
.ul_stamp_list.type05{padding:46px 0 0 0;}
.ul_stamp_list.type05.type0501.T05_stpBg1{background:url(../images/wizard/T05_type01_stpBg1.png) no-repeat center top;background-size:100% auto;}
.ul_stamp_list.type05.type0501.T05_stpBg2{background:url(../images/wizard/T05_type01_stpBg2.png) no-repeat center top;background-size:100% auto;}
.ul_stamp_list.type05.type0501.T05_stpBg3{background:url(../images/wizard/T05_type01_stpBg3.png) no-repeat center top;background-size:100% auto;}
.ul_stamp_list.type05.type0501.T05_stpBg4{background:url(../images/wizard/T05_type01_stpBg4.png) no-repeat center top;background-size:100% auto;}
.ul_stamp_list.type05.type0501.T05_stpBg5{background:url(../images/wizard/T05_type01_stpBg5.png) no-repeat center top;background-size:100% auto;}
.ul_stamp_list.type05.type0501.T05_stpBg6{background:url(../images/wizard/T05_type01_stpBg6.png) no-repeat center top;background-size:100% auto;}
.ul_stamp_list.type05.type0501.T05_stpBg7{background:url(../images/wizard/T05_type01_stpBg7.png) no-repeat center top;background-size:100% auto;}

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

.ul_stamp_list.type05 li{width: 17%; margin: 5% 7% 8.4% 6%; text-align: center;}
.ul_stamp_list.type05 li .img_coupon_mask{height:80%;}
.ul_stamp_list.type05 li span{font-size:10px;}

/* 20231103 T0006 CSS */
.stampNum.type06 .input_userNum{width: 130px;padding: 10px;margin-top:10px; background: #FFF; font-size: 14px; color: #333333; border: 1px solid #000000;}
.ul_stpNum_list.type06{width:276px;}
.ul_stpNum_list.type06 p{margin-right: 40px;}
.t06Car{position: absolute;right:60px;top:0; width:38px;}
.ul_stamp_list.type06{width:100%; padding: 0;}
.ul_stamp_list.type06.type0601{ background:url(../images/wizard/T06_type01_stpBg.png) repeat-y center top;background-size:100% auto;}
.ul_stamp_list.type06.type0602{background:url(../images/wizard/T06_type02_stpBg.png) repeat-y center top;background-size:100% auto;}
.ul_stamp_list.type06 li{position:absolute; width: 45px; text-align: center;}
.ul_stamp_list.type06 li:nth-child(1){left:50px;top:35px;}
.ul_stamp_list.type06 li:nth-child(2){left:160px;top:70px;}
.ul_stamp_list.type06 li:nth-child(3){left:250px;top:85px;}
.ul_stamp_list.type06 li:nth-child(4){left:30px;top:140px;}
.ul_stamp_list.type06 li:nth-child(5){left:140px;top:152px;}
.ul_stamp_list.type06 li:nth-child(6){left:250px;top:155px;}
.ul_stamp_list.type06 li:nth-child(7){left:30px;top:225px;}
.ul_stamp_list.type06 li:nth-child(8){left:120px;top:250px;}
.ul_stamp_list.type06 li:nth-child(9){left:240px;top:250px;}
.ul_stamp_list.type06 li:nth-child(10){left:50px;top:380px;}
.ul_stamp_list.type06 li:nth-child(11){left:160px;top:415px;}
.ul_stamp_list.type06 li:nth-child(12){left:250px;top:430px;}
.ul_stamp_list.type06 li:nth-child(13){left:30px;top:485px;}
.ul_stamp_list.type06 li:nth-child(14){left:140px;top:495px;}
.ul_stamp_list.type06 li:nth-child(15){left:250px;top:500px;}  
.ul_stamp_list.type06 li:nth-child(16){left:30px;top:570px;}
.ul_stamp_list.type06 li:nth-child(17){left:120px;top:593px;}
.ul_stamp_list.type06 li:nth-child(18){left:240px;top:593px;}
.ul_stamp_list.type06 li:nth-child(19){left:50px;top:725px;}
.ul_stamp_list.type06 li:nth-child(20){left:160px;top:758px;}
.ul_stamp_list.type06 li:nth-child(21){left:250px;top:775px;}
.ul_stamp_list.type06 li .img_coupon_mask{height:80%;}
.ul_stamp_list.type06 li span{font-size:10px;}

/* 20180403 추가 CSS */
.div_template_language_select_wrap {width:100%;background-color:#fff;position:relative;overflow:visible;cursor:pointer;margin-bottom:30px;}
.div_template_language_select_wrap.on li {height:50px;}
.div_couponReg_select .div_template_language_select_wrap {width:100%;margin-top:20px;}


.div_template_language_select {height:50px;line-height:50px;width:100%;font-size:11px;color:#979797;border:1px solid #D8D8D8;text-align:center;}
.div_template_language_select input {outline:0;border:0;background-color:transparent;font-size:18px;color:#D44E30;text-align:center;cursor:pointer;}
.div_template_language_select span.font_18 {font-size:11px;}

.ul_template_language_list {position:absolute;width:100%;overflow:auto;top:49px;left:0;height:auto;background-color:#fff;border:1px solid #D8D8D8;border-top:0;z-index:1; max-height: 330px;}
.ul_template_language_list li {width:100%;text-align:center;font-size:18px;color:#D44E30;height:0px;overflow:hidden;line-height:50px;
-webkit-transition:height 0.2s ease-out;
-o-transition:height 0.2s ease-out;
transition:height 0.2s ease-out;}
.ul_template_language_list li.on , .ul_template_language_list li:hover {background-color:#F6F7F9;}

input#langCd { width: auto; font-size: 14px; }
.ul_template_language_list li.font_14 { font-size: 14px; color: #979797; }
#right_innerTab00 .font_12 { display: block; padding-bottom: 15px; }

/* 20180508 추가 CSS */
#tab_option01 .div_couponReg_intro, #tab_option03 .div_couponReg_intro { margin-top: 90px; }
.no_rewards_list {width:100%;font-family: Noto Sans Medium; }
.no_rewards_list li{position:relative; float:left;width:150px;line-height:35px;font-size:15px; margin-bottom:5px; margin-right:12px; text-align: center;}
.no_rewards_input { width: 0; height: 0; overflow: hidden; opacity: 0; }
.no_rewards_list li .label_no_rewards {position:absolute;left:0;top:0; display:block; width:100%;height:35px; line-height:35px;border: 1px solid #D1D1D1; cursor: pointer;}
.no_rewards_list li .label_no_rewards.on{border:1px solid #000000;}
.checkbox_default_color { display: inline-block; width: 0; height: 0; background-color: #FFF; border-radius: 50%; position: relative; }
.checkbox_check_color { display: none; width: 16px; height: 16px; background-color: #979797; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; }
.no_rewards_input:checked + label .checkbox_check_color { display: block; }
input.mua_input, ul.mua_input { display: none; }
input.mua_input.on, ul.mua_input.on { display: block; } 
.label_no_rewards.on .checkbox_check_color { display: block; }
.input_gender { margin-bottom: 10px; font-size: 0; width: 100%; }
.input_gender:after { content: ""; display: block; clear: both; }
.input_gender > li { display: inline-block; width: 50%; float: left; }
.input_gender > li span { padding-left: 5px; font-size: 14px; color: #979797; vertical-align: middle; }
.input_gender input[type="radio"] { display: inline-block; width: 0; height: 0; opacity: 0; }
.gender_default_color { display: inline-block; width: 24px; height: 24px; background-color: #FFF; position: relative; vertical-align: middle; border-radius: 50%; }
.gender_check_color { display: none; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; margin-top: -6px; margin-left: -6px; background-color: #979797; border-radius: 50%; }
.no_rewards_gender_checkbox:checked + label .gender_check_color { display: block; }
.etc_input_group { margin-top:5px; }
.etc_input_group li {letter-spacing: 0; font-size: 0; margin-bottom:0;}
.etc_input_group li input { display: inline-block; width: 85%; height: 33px; padding: 10px 5px; border: 1px solid #D1D1D1; outline: 0; background-color: #FFF; vertical-align: top; }
.etc_input_group li .etc_btn { display: inline-block; width: 15%; height: 33px; cursor: pointer; background-color: #979797; vertical-align: top; }
.etc_input_group li .etc_btn span { display: block; height: 100%; margin: 0 auto; padding: 0; text-align: center; font-size: 20px; color: #FFF; }
input.etc_input_box { display: none; }



/**

    2018-07-16 khwoo

*/

.dashboardViewBody{
    padding:40px 65px;
}

.dashboardCustStats{

    display: flex;
    justify-content:space-between;
    align-items: center;
}

.dashboardCustCount{
    padding: 0 0 0 50px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: 50px;
    background-image: url('/resources/homepage/images/icon/1531706957727.jpg');
}

.dashboardCustCount > div:nth-child(1){
    font-size:40px;
    font-weight:bold;
    text-align: center;
}


.dashboardCustCount > div:nth-child(2){
    font-size:16px;
    color: #979797;
}

.dashboardCustgen{
    display: flex;
}

.dashboardCustgen > div{
    margin: 0 10px;
    height: 120px;
    width: 120px;
    border-radius: 50%;
    position: relative;
}

.dashboardCustgen > div > div {
    height: 75px;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 5px;
    display: flex;
    z-index: 2;
    position: relative;
    align-items: center;
}

.dashboardCustgen > div > div > div {
    width: 100%;
    text-align: center;
}

/**


background: linear-gradient(rgba(41,118,224,1) 20%, rgba(229,229,229,1) 20%);
*/

/** 남 */
.dashboardCustgen > div:nth-child(1) > div > div > div:nth-child(1){

    color: rgba(41,118,224,1);
    font-weight:bold;
    padding:0 0 2px 0;

}
.dashboardCustgen > div:nth-child(1) > div > div > div:nth-child(2){
    color: rgb(189, 189, 189);
    font-weight: bold;
    padding: 2px 0 0 0;
}

/** 여 */

.dashboardCustgen > div:nth-child(2) > div > div > div:nth-child(1){

    color: rgba(242,57,89,1);
    font-weight:bold;
    padding:0 0 2px 0;

}
.dashboardCustgen > div:nth-child(2) > div > div > div:nth-child(2){
    color: rgb(189, 189, 189);
    font-weight: bold;
    padding: 2px 0 0 0;
}


/** 미 */

.dashboardCustgen > div:nth-child(3) > div > div > div:nth-child(1){

    color: rgba(125,125,125,1);
    font-weight:bold;
    padding:0 0 2px 0;

}
.dashboardCustgen > div:nth-child(3) > div > div > div:nth-child(2){
    color: rgb(189, 189, 189);
    font-weight: bold;
    padding: 2px 0 0 0;
}


.dashboardCustAnls{
    margin:100px 0 0 0;
}

.dashboardCustAnls > div:nth-child(3){
    padding: 10px 0;
    font-size: 12px;
    color: #999999;
    font-weight: bold;
    width:81%;
    margin:0 auto;
}


.dashboardCustAnls > div:nth-child(1){
    padding:30px 0;
    font-weight: bold;
}

/* .dashboardCustAnls > div:nth-child(2){
    display: inline-block;
    width:100%;
} */

.dashboardCustAnls > div:nth-child(2) > div {
    float: left;
    width: 45%;
    text-align: center;
    border: 1px solid #3D3D3D;
    padding:35px 0 15px 0;
}

.dashboardCustAnls > div:nth-child(2) > div:nth-child(1){

    margin:0 5% 20px 0;

}
.dashboardCustAnls > div:nth-child(2) > div:nth-child(2){
    margin:0 0 20px 5%;
}
.dashboardCustAnls > div:nth-child(2) > div:nth-child(3){
    margin:20px 5% 0 0;
}
.dashboardCustAnls > div:nth-child(2) > div:nth-child(4){
    margin:20px 0 0 5%;
}

.dashboardCustAnls > div:nth-child(2) > div > div:nth-child(1){
    font-size:45px;
    font-weight:bold;
}
.dashboardCustAnls > div:nth-child(2) > div > div:nth-child(2){
    color: rgba(41,118,224,1);
    font-size: 14px;
    font-weight: bold;
}
.dashboardCustAnls > div:nth-child(2) > div > div:nth-child(3){

    color: #999999;
    font-size:14px;
}

.dashboardCustAnlsList{clear:both;width:82%;margin:0 auto; overflow: hidden;}
.dashboardCustAnlsList li{float:left;width:24%;margin:0 0.5%;}
.dashboardCustAnlsList_top{width:100%;padding:16px 10px;font-weight:bold; font-size:16px;color:#3D3D3D;background:#f4d764;text-align: center;}
.dashboardCustAnlsList_top span{color:#727272;font-size:12px;font-weight:lighter;}
.dashboardCustAnlsList_bottom{width:100%;height:70px; line-height:70px;color:#3D3D3D;font-weight:bold;font-size:24px;background:#F3F3F3;text-align: center;margin-top:2px;}

.file_add{
    position: relative;
    display: flex;
}
.file_add > input[type=file]{
    width: 100%;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    filter: alpha(opacity:0);
    opacity: 0;
    display: inline-block!important;
}

.file_add > input[type=text]{
    width: 70%;
    -webkit-box-flex: 1;
    padding: 10px 20px;
    border: none;
    border-bottom: 3px solid #D8D8D8;
}
.file_add > .file{
    background-color: #979797;
    color: #fff!important;
    border: 1px solid #eee;
    text-decoration: none;
    width: 30%;
    display: inline-block;
    -webkit-box-flex: 1;
    text-align: center;
    line-height: 40px;
}
.manageWrap{width:100%; background:#F3F3F3;padding:20px 15px;}
.manageBox{display: inline-block;width:50%;text-align: left; float:left;}
.manageBox img{width:60px;display: inline-block; vertical-align: top;}
.managerInfo{display: inline-block;width:235px;margin-left:10px;}
.managerInfo p:nth-child(1){line-height:1.6;font-size:14px;}
.managerInfo p:nth-child(2){margin-top:10px;}
.managerInfo p:nth-child(2) span{background:#22BA4F;color:#ffffff;padding:6px 25px;border-radius:5px; font-size:12px;cursor: pointer; }
.manageImg{position: relative;width:400px;background:#ffffff;margin:0 auto; text-align: center;}
.codeImg{width:200px;height:200px;}

.inputManagerInfo{position:relative; width:100%; text-align: left;font-size:14px;}
.inputManagerInfo input{display:inline-block;border:none;outline:0;padding:0 5px; border-bottom: 1px solid #D8D8D8;font-size: 14px;margin-left:5px;}
.inputManagerInfo input:focus {border-color:#D44E30;}


/* echoes Manager */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.btn_managerBox{position: relative;height:70px;border-bottom:1px solid #D8D8D8;}
.btn_managerBox.on{background:#f6f7f9;}
.btn_manager{color:#3D3D3D;font-size:20px;padding:0 26px;line-height:70px;font-weight:bold;}
.manager_url{position:absolute;bottom:19px;right:20px;color:#22BA4F;font-size:14px;display:block;border:1px solid #22BA4F;border-radius:50px;height:26px;line-height:26px;width:55px;text-align:center;cursor: pointer;}
.manager_url span {display:inline-block;line-height:1;padding-left:5px;}
.manager_url span.point_border_blue {display:inline-block;width:0;height:0;border:5px solid #22BA4F;border-bottom-color:transparent;border-right-color:transparent;border-top-color:transparent;padding:0;}
.managerBox{position: absolute;top:0;right:0;width:590px;height:100%;}
.manager_top{padding:34px 35px 35px;line-height:20px;border-bottom:1px solid #D8D8D8;position:relative;z-index:3;}
.manager_title{color:#3D3D3D;font-size:20px;font-weight:bold;border-left:10px solid #ff263a;padding-left:10px;}
.manager_bottom{height:710px;padding-left:35px;overflow: hidden;}
.manager_step{height:710px;padding:30px 80px 30px 0; overflow-y:auto;}
.manager_step::-webkit-scrollbar {width:10px;}
.manager_step::-webkit-scrollbar-track {background:#dededc;}
.manager_step::-webkit-scrollbar-thumb {background:#b5b5b5; border-radius:5px;}
.manager_step div{clear:both;width:100%;margin-bottom:40px;}
.step_pic{float:left;width:190px;}
.step_pic img{width:100%;}
.step_txt{float:right;width:240px;text-align: justify;font-size:14px;color:#555555;padding-top:55px;line-height:1.6;}
.manager_video{position:fixed;left:0; top:0;background:rgba(0,0,0,0.5);height:100%; width:100%;text-align: center;margin:0 auto;z-index:99999;overflow: hidden;}
.closeVideo{position: absolute;right:20px;top:20px; cursor: pointer;}
.video{display:block; height:85%;margin:5% auto;}
.downloadPPT{clear:both;width:86%;margin:0 auto 20px;border-top:2px solid #232323;border-bottom:2px solid #232323;}
.downloadImg{float:left;width:40%;margin-right:5%; margin-top:20px; text-align: center;}
.downloadImg img{width:65%;margin-top:10px;vertical-align: bottom;}
.downloadImg span{font-size:18px;}
.downloadTxt{width:100%;text-align: left; line-height:1.4;margin-top:16px;}
.downloadTxt img{width:16px;vertical-align: middle;padding-right:5px;}
.downloadTxt a{color:#555555;line-height:1.4; font-family: Noto Sans Light;}
.codeInfo{clear:both;width:100%;padding:0 25px;}
.codeInfo p{float:left;width:50%;text-align: center;font-size:16px; font-family: Noto Sans Light;}
.codeInfo p img{width:70%;display:block; margin:0 auto 5px;}
.managerImg{clear:both;width:100%; text-align: center;}
.managerImg img{width:35%;}
/*Customer maintenance*/
.custMaintain_title{font-size:18px;color:#3D3D3D;line-height:50px;}
.infoList{width:100%;;background: #f0f0f0; font-size:14px; }
.infoList_head{clear:both;width:100%;padding:4px 0 0;border-bottom:2px solid #dcdcdc;}
.infoList_head li{float:left;width:118px;text-align: center;line-height:30px; color:#2073e9;border-right:2px solid #D8D8D8;}
.infoList_head li:last-child{border-right:none;}
.infoList_list{clear:both;width:100%;height:270px;overflow-y: auto;}
.infoList_list::-webkit-scrollbar {width:5px;}
.infoList_list::-webkit-scrollbar-track {background:#b5b5b5;}
.infoList_list::-webkit-scrollbar-thumb {background:#ffffff; border-radius:5px;}
.infoList_list ul{width:100%;height:45px;}
.infoList_list ul li{float:left;width:20%;text-align: center;line-height:21px;padding:12px 0; color:#737373;word-break:keep-all; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.content_top{position:relative;min-width:1230px; clear:both;height:45px;background:#22BA4F;line-height:45px;padding:0 45px; margin:0 auto 35px;}
.content_top p:nth-child(1){ color:#ffffff;font-size:14px;}
.content_top p:nth-child(1) img{width:14px;}
.content_top p:nth-child(1) span{color:#92E5B3;}
.cannotStamp{position: absolute;right:45px;top:0;line-height:45px;cursor: pointer;color:#ffffff; background:url(../images/icon/icon_tips.svg) no-repeat left center;background-size:auto 30%;padding-left:30px; }
.topLine{padding-right:50px;}


.position_t{top:90px;height:710px;}
.myInfo_wrap{padding:0}
.div_tab_store .div_tab_innerTop p{padding:0 27px 0 55px;background:url(../images/icon_tab_store.png) no-repeat 27px center;background-size:auto 25%;}
.div_tab_store .div_tab_innerTop p.signCard_addr_icon{background:url(../images/icon_tab_addr.png) no-repeat 27px center;background-size:auto 30%;}
.div_tab_stamp .div_tab_innerTop p{padding:0 27px 0 55px;background:url(../images/icon_tab_stamp.png) no-repeat 27px center;background-size:auto 25%;}
.btn_revise{position:absolute;right:25px;top:15px;width:110px; height:40px;line-height:36px;cursor: pointer;font-family:Noto Sans Bold;color:#000000;border: 2px solid #232323;border-radius: 5px;background:#ffffff; text-align: center;}
.btn_revise a{color:#ffffff;}
.noStampCard_border{border-bottom:1px solid #D8D8D8;}
.noStampCard_top{clear:both;position:absolute;right:590px;top:0; width:400px;border-right:1px solid #D8D8D8;}
.noStampCard_tips{clear:both;position:absolute;right:0;top:140px;width:1030px;height:660px; background:#ffffff; z-index:99;}
.noStampCard_tips p img, .noCoupon_tipsBox p img{display:block;width:50%;margin:50px auto 0;}
.noStampCard_tips p a, .noCoupon_tipsBox p a{display:block; width:20%;background:#22BA4F;color:#ffffff; font-family:Noto Sans Bold; height:40px; line-height:40px; text-align: center; margin:0 auto; border-radius: 5px;box-shadow: inset -2px -2px 0px rgba(0, 0, 0, 0.16);}
.noStampCard_tips p.stampCard_tip_txt, .noCoupon_tipsBox p.stampCard_tip_txt{color:#3D3D3D;font-size:28px;line-height:1.4; text-align: center;margin:50px auto;font-family: Noto Sans Bold;}
.noStampCard_tips p.checkinTip{width:60%; color:#3D3D3D;font-size:20px;line-height:1.4; text-align: center;margin:30px auto 0;}
.waitChickBox{position:absolute;right:0;top:75px;width:575px;height:725px; z-index:6;background:#ffffff;}
.z-index1{z-index:10;height:90px;}
.waitChick{position:absolute;right:0;top:180px;width:100%;background:#ffffff;}
.waitChick img{display:block;width:70%;margin:60px auto 0;}
.tipsCreateStore{width:80%;top:50px;right:10%;font-size:14px;}
.tipsCreateStore p:first-child{font-size:16px;font-weight:bold;}
.tipsCreateStore p:nth-child(2){margin:10px 0;line-height:1.4;}
.tipsCreateStore p:nth-child(5){text-align: center;margin:5px auto;}
.tipsCreateStore p:nth-child(7){text-align: center;margin:5px auto;font-size:12px;}
.tipsCreateStore a{display:block; width:125px;height:40px;line-height:40px;font-family:Noto Sans Bold;text-align:center;color:#ffffff; background: #22BA4F;box-shadow: inset -2px -2px 0px rgba(0, 0, 0, 0.16);border-radius: 5px; margin:50px auto;}
.tipsCreateStore img{width:200px;display: block;margin:0 auto;}
.contactCustomer{position:absolute;top:307px;right:105px;width: 150px;border: 1px solid #D8D8D8;padding: 10px;background: #f6f6f6;font-size: 14px;text-align: center;}
.contactCustomer img{width: 90%;margin-top: 10px;}
.myInfoH{height:886px;}
.managerCode{position: fixed;top:400px; width:165px; border:1px solid #E2E3EB;padding:10px;background:#f6f6f6; font-size:14px;text-align: center;z-index:9;}
.managerCode img{width:90%;margin-top:10px;}
/*login*/
.login_pageBg{background-image:url(../images/wizard_login_bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center;}
.login_page{height:100%;;width:100%; position:fixed;left:0;top:0;text-align:center;background:rgba(0,0,0,0.2);z-index:99;}
.login_page:before {width:0;height:100%;position:relative;vertical-align:middle;display:inline-block;overflow:hidden;content:"";font-size:0;}
.login_box{display:inline-block;vertical-align:middle; width:555px; z-index:999; text-align: left;margin-top:72px;}
.login_top{position:relative; clear:both;width:100%;background:rgba(242, 241, 238, 0.25);backdrop-filter: blur(21px);-webkit-backdrop-filter: blur(21px); padding:35px 75px 5px;}
.login_btm{clear:both;width:100%; padding:35px 75px;background:#ffffff;}
.login_title{position:relative; clear:both;width:100%;text-align: center; color:#000000;font-size:26px;font-family:Noto Sans Bold; margin:0 auto 35px;}
.login_Info{clear:both;width:100%;}
.loginBox{clear:both;width:100%;}
.loginBox li{width:100%;margin-bottom:20px;}
.loginBox input{width:100%; height:45px;line-height:45px; border:none;padding:0 10px; background:#ffffff;outline: none; }
.saveIdAndLogin{width:100%;text-align: right;margin:30px auto; font-family: Noto Sans Medium;}
.login{ clear:both;width:100%; cursor:pointer;height:50px; line-height:50px; font-family:Noto Sans Bold; color:#ffffff;background:#22BA4F;box-shadow: inset -1.5px -1.5px 1px rgba(0, 0, 0, 0.16);border-radius: 5px;margin:0 auto 40px;text-align: center;}
.loginOtherInfo{clear:both;width:100%;margin:0 auto;}
.findInfo{float:right;width:60%; text-align:right; }
.findInfo span{cursor: pointer;color:#22BA4F;text-decoration: underline;}
.findInfo span:last-child{margin-left:20px;}
.btn_login {width:100%;height:79px;line-height:79px;text-align:center;color:#fff;font-size:22px;background:#22BA4F;cursor:pointer;}
.check_wrap_left{float:left; width:50%; padding:10px 0;}
.input_check {width:0;height:0;position:absolute;opacity:0;overflow:hidden;}
.label_check {display:block;width:100%;background-image:url(../images/img_check_off.png);background-size:18px 18px;background-position:left top;background-repeat:no-repeat;}
.label_check span {display:inline-block;vertical-align:middle;cursor:pointer;color:#3D3D3D;margin-top:-6px;}
.label_check .img_check {width:18px;height:18px;display:inline-block;vertical-align:top;opacity:0;visibility:hidden;}
.input_check:checked + .label_check .img_check {opacity:1;visibility:visible;}
.check_wrap_right{float:right;width:50%; text-align: right; font-size:12px;padding:10px 0;}
.check_wrap_right span{display:inline-block;height:18px; line-height: 18px;padding-left:5px; color:#3D3D3D;cursor: pointer;}
.check_wrap_right span:nth-child(1){padding-right:5px; border-right:1px solid #979797;}
.noAccount_txt{color:#000000;text-align: center;margin:30px auto; font-family: Noto Sans Medium;}
.btn_register{position:relative; clear:both;width:100%;height:50px;line-height:50px;font-family:Noto Sans Bold; cursor:pointer; color:#ffffff;background:#484848;border-radius: 5px;box-shadow: inset -1.5px -1.5px 1px rgba(0, 0, 0, 0.16);margin:0 auto;text-align: center;}
.btn_wechat{position:relative; clear:both;width:100%; cursor:pointer; color:#ffffff;background:#3D3D3D;border-radius: 16px;padding:10px 0;margin:0 auto 20px;text-align: center;}
.wechat{position: absolute; top:-215px;left:20%;width:60%;border:1px solid #cccccc;}
/*register*/
.register_page{height:100%;;width:100%; position:fixed;left:0;top:0;text-align:center;background:rgba(0,0,0,0.2);z-index:99;overflow-y:auto; }
.register_page:before {width:0;height:100%;position:relative;vertical-align:middle;display:inline-block;overflow:hidden;content:"";font-size:0;}
.registerBox{display:inline-block;vertical-align:middle; width:980px; text-align: center;overflow: hidden;margin-top:72px;}
.register_top{position:relative; clear:both;width:100%;background:rgba(242, 241, 238, 0.25);backdrop-filter: blur(21px);-webkit-backdrop-filter: blur(21px); padding:50px 75px 20px;}
.goBack{position: absolute;right:20px;top:20px;width:30px;cursor: pointer;}
.register_btm{clear:both;width:100%; padding:50px 75px;background:#ffffff;}
.register_title{position:relative; clear:both;width:100%;text-align: center; color:#000000;font-size:26px;font-family:Noto Sans Bold; margin:0 auto 50px;}
.register_wrap{clear:both;width:100%;margin:0 auto;}
.register_helf{width:400px; text-align: left;}
.register_helf_title{color:#000000;font-size:21px;font-weight:bold;margin-bottom:15px;font-family:Noto Sans Bold;}
.register_infolist{clear:both;width:100%;}
.codeTips{position:absolute;top:10px;right:10px; width:15px;}
.register_infolist li{clear:both;position:relative; width:100%;height:35px;line-height:35px;font-family:Noto Sans Medium; margin-bottom:15px;}
.register_infolist li input{width:100%; border:none; outline:none;}
.register_infolist li input.wdt{width:145px;}
.register_infolist li span.code{display:inline-block;width:100px;height:20px; line-height:20px; font-family:Noto Sans Bold; background:#ffffff; border: 2px solid #707070;color:#000000;text-align: center;cursor: pointer;}
.register_infolist li span.register_infolist_litxt{display:inline-block;width:110px; height:35px;line-height:35px; text-align: right;color:#000000;}
.register_infolist li p{position:relative; display: inline-block;width:270px; height:35px;line-height:35px;margin-left:10px;background:#ffffff;padding-left:10px;}

.register_infolist li input.jInvImgFile{position: absolute;left:0;bottom:0;height:35px; width:265px;z-index:999;filter: alpha(opacity:0);opacity: 0;}
.register_infolist li input.jLogoImgFile{position: absolute;left:0;bottom:0;height:35px;width:265px;z-index:999;filter: alpha(opacity:0);opacity: 0;}
.register_btmleft{float:left;width:48%; text-align: left;}
.register_btmleft p:nth-child(1){width:100%; color:#000000;font-size:14px;vertical-align: middle;margin-bottom:20px;}
.register_btmleft p:nth-child(2){width:100%;height:50px; text-align:center; background:#484848;color:#ffffff;font-size:15px;font-family:Noto Sans Bold; border-radius:5px;box-shadow: inset -1.5px -1.5px 1px rgba(0, 0, 0, 0.16); line-height:50px;cursor: pointer;}
.submitBox{float:right;width:48%;}
.privacyTips{clear:both;width:100%;font-size:14px; text-align: left;margin:0 auto 20px;color:#000000;}
.privacyTips span{color:#22BA4F;text-decoration: underline; cursor: pointer;}
.btn_submit{ width:100%;height:50px;line-height:50px;font-family:Noto Sans Bold;color:#ffffff;background:#22BA4F;border-radius:5px;box-shadow: inset -1.5px -1.5px 1px rgba(0, 0, 0, 0.16); font-size:15px;text-align: center;margin:0 auto;cursor: pointer;}

/*modify account Info*/
.modalTab{position:relative; clear:both;width:100%;border-bottom:2px solid #22BA4F; }
.modalTab li{ line-height:50px;font-size:12px;color:#3D3D3D;}
.modalTab li:nth-child(1){position: relative;z-index:999;width:110px;text-align: center;cursor: pointer;}
.modalTab li:nth-child(2){position: relative;z-index:999;width:110px;text-align: center;margin-left:570px;cursor: pointer;}
.modalTab li:nth-child(1).selected{position:absolute;left:0;top:0; width:100%; color:#22BA4F;font-size:22px;text-align: center;z-index:0;font-family: Noto Sans Bold;}
.modalTab li:nth-child(2).selected{position:absolute;right:0;top:0; width:100%; color:#22BA4F;font-size:22px;text-align: center;z-index:0;}
.modalInfo_form{width:310px;margin:0 auto;}
.modalInfo_form p{font-size:20px; color:#3D3D3D; line-height:30px;margin-bottom:10px;}
.modalWrap{min-height:350px;width:100%;margin:20px auto 0;}
.modalInfo_form ul{width:100%;}
.modalInfo_form ul li{position:relative; border-bottom:2px solid #D8D8D8;font-size:12px; color:#3D3D3D;line-height:30px;margin-bottom:20px;}
.modalInfo_form ul li input{border:none; background:none;color:#3D3D3D; line-height:20px;}
.modalInfo_form ul li input.wdt1{width:160px;}
.modalInfo_form ul li input.wdt2{width:215px;}
.modalInfo_form ul li input.wdt3{width:240px;}
.modalInfo_form ul li input.wdt4{width:265px;}
.modalInfo_form ul li input.wdt5{width:220px;}
.modalInfo_form ul li input::-webkit-input-placeholder{color:#969696;font-size:12px;}
.modalInfo_form ul li input::-moz-placeholder{color:#969696;font-size:12px;}
.modalInfo_form ul li input::-moz-placeholder{color:#969696;font-size:12px;}
.modalInfo_form ul li input::-ms-input-placeholder{color:#969696;font-size:12px;}
.modalInfo_form ul li input.mInvImgFile{position: absolute;left:50px;bottom:0;width:270px;z-index:999;filter: alpha(opacity:0);opacity: 0;}
.modalInfo_form ul li input:disabled{color:#969696;}
.modalInfo_form ul li span{display:inline-block;width:90px;height:30px; line-height:30px; margin-left:5px;font-size:12px; background:#22BA4F;color:#ffffff;text-align: center;cursor: pointer;border-radius: 5px;}
.btnModify{clear:both;width:200px;height:40px;line-height:40px;color:#ffffff;background:#22BA4F;box-shadow: inset -2px -2px 0px rgba(0, 0, 0, 0.16);border-radius: 5px;font-size: 16px;text-align: center;margin:0 auto;font-family:Noto Sans Bold; cursor: pointer;}
.btnModify a{color:#ffffff;}
.btnModify1{margin-top:50px;}
.btnModify2{margin-top:102px;}
.modalInfo_form_pdt{padding-top:60px;}

/*C0001模板*/
.c1_template_bg{background:#e8e8e8;}
.c1_coupon_wrap{width:90%; margin:0 auto; background:#fafafa;text-align:center; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);}
.c1_title{color:#3D3D3D;font-size:18px;margin:10px auto;}
.c1_time{color:#b4b3b3;font-size:14px;line-height:1.5;margin:0 auto;}
.c1_stampBox{width:100%;text-align: center;margin:0 auto;padding:20px 0;border-bottom:1px dotted #bcbcbc;}
.c1_stamp_img{width:150px;height:150px;margin:0 auto; background:url(../../template/C0001/images/type01/stamp_off.png) no-repeat center center;background-size:auto 100%;}
.c1_stamp_img.on{background:url(../../template/C0001/images/type01/stamp_on.png) no-repeat center center;background-size:auto 100%;}
.c1_inner_div {width: 90%; margin:0px auto; position: relative;}
.c1_stamp_notice {float:left;width:70%; padding:15px 0 0;text-align: left;}
.c1_stamp_notice img.stamp_gray {width: 25%;vertical-align: middle; margin-right:10px; pointer-events: none;}
.c1_stamp_notice p{color: #7d7d7d; font-size: 13px;line-height: 1.3; display: inline-block; vertical-align: middle;}
.c1_stamp_notice p span{color:#c80000;}
.c1_btn_rule{float:right;width:30%;color:#3D3D3D;text-align:right; text-decoration: underline;padding:30px 0 0;font-size: 13px;line-height: 1.3;}
.c1_rule_popup {width:90%; margin:0 auto;background:#fff;padding:30px;position:relative;}
.c1_rule_title{color:#9f9d9d;height:10px;border-bottom:1px solid #9f9d9d;margin-bottom:20px;}
.c1_rule_title span{background:#ffffff;padding:0 5px;}
.c1_rule_info{clear:both;width:100%;max-height:400px;overflow: auto;}
.c1_rule_info::-webkit-scrollbar {width: 5px;}
.c1_rule_info::-webkit-scrollbar-track {background: #e1dfdf;}
.c1_rule_info::-webkit-scrollbar-thumb {background: #b5b5b5; border-radius:5px;}
.c1_rule_txt{color:#7e7e7e;text-align: left; line-height:2; font-size:14px;text-align: justify;word-break:break-all;}
.c1_pad1{padding-top:5px;}

/*signCard*/
.index_page .sc_header{background-color:#ffffff;background-image:none;}
.index_page .sc_header *{color:#3D3D3D;}
.sc_header .ul_gnb_list li.on a{color:#3D3D3D;}
.sc_index01{background-color:#ffffff;background-image:url(../images/signCard_bg.png);background-size:100% auto;background-position:center bottom;}
.sc_txt_color{color:#3D3D3D;}
.sc_index01_inner > div:nth-child(1){margin-top:80px;}
.sc_index01_inner > div:nth-child(2){text-align: right;}
.sc_index_topBtn a:first-child{background-color:#3D3D3D;color:#ffffff;}
.sc_index_topBtn a:last-child{border:1px solid #3D3D3D;color:#3D3D3D;}

/*signCard step*/
.c1_step02_signCard_bgtxt{color:#b0afaf;font-size:13px;}
.select_bg_text{color:#3D3D3D;margin-bottom:15px;}
.c1_btn_imgUpload {position:relative; display:block;width:100%;cursor:pointer;overflow:visible;margin-bottom:30px;}
.c1_btn_imgUpload img{width:40px; vertical-align: middle;}
.c1_btn_imgUpload input {position:absolute;top:0;left:0;width:40px;height:40px;cursor:pointer;opacity:0;}
.c1_btn_imgUpload span{display:inline-block; color:#818792;line-height:40px; padding-left:10px;}
.c1_input_signCard_title{clear:both;margin:10px auto 100px;}
.input_signCard_title{width:100%;background:transparent;border:none;padding:5px 0; font-size:14px; border-bottom:1px solid #D8D8D8; color:#979797;outline:0;}
.input_signCard_title::-webkit-input-placeholder{color:#9f9f9f;}
.input_signCard_title:focus , .input_signCard_title:hover {border-bottom-color:#D44E30;}
.input_signCard_title:focus + .text_byte_meter, .input_signCard_title:hover + .text_byte_meter {opacity:1;color:#D44E30;}
.input_signCard_title.hover_none:hover {border-bottom-color:transparent;}
.activeDate{width:100%;margin:20px auto 100px;}
.cinputDate{width:30%;height:26px;border:none;background:#ffffff;text-align: center;}
.activeDate img{vertical-align: middle;}
.c1_popup_wrap{position: absolute;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:999;}
.c1_textarea_rule{width:100%;height:150px;padding:3px; background:#ffffff;border:1px solid #dcdcdc;margin:15px auto 50px; resize: none;outline:0; }
.c1_input_addr{width:80%;border:none; border-bottom:1px solid #dcdcdc;background:transparent;outline:0;}
.c1_mgb{margin-bottom:100px;}
.c1_ruleInfo{clear:both;width:100%;max-height:360px; overflow: auto;}
.c1_ruleInfo::-webkit-scrollbar {width: 5px;}
.c1_ruleInfo::-webkit-scrollbar-track {background: #e1dfdf;}
.c1_ruleInfo::-webkit-scrollbar-thumb {background: #b5b5b5; border-radius:5px;}
.checkbox_defult_color { width: 32px; height: 32px; background-color: #22BA4F; border-radius: 50%; position: absolute; top: 0%; left: 0%;  }
.c1_img_height{height:100%;}

/*roulette*/
.bottom_btn a{width:120px !important; font-family: Noto Sans Bold;}
.bottom_btn a:first-child{display: inline-block;width: 150px;height: 38px;line-height: 38px;font-size: 14px;margin: 0 10px;color: #22BA4F;border: 1px solid #22BA4F;background: #ffffff;border-radius: 3px;}
.preview_section{width:300px; margin: 100px auto;border-radius: 33px;overflow: hidden;}
.frame_screen{position:relative; width: 100%;padding:0 5%;margin:0 auto; background-color: #fff;border-left: 1px solid #D8D8D8;border-right: 1px solid #D8D8D8;}
.screen_inner{position: relative;width: 100%;padding-bottom:50px; margin: 0 auto;background:#fcf5db url(/resources/homepage/images/wizard/rouletteBg.png) no-repeat top center; background-size:100% auto;border: 1px solid #D8D8D8;overflow: hidden;z-index: 1;}
.rouletteWrap{width: 100%;padding:30px 10%;}
.rouletteNm{font-weight:bold; color: #D44E30;font-size:16px;}
.rouletteRuleTitle{font-size:14px;color:#3D3D3D;margin:10px auto 5px;}
.rouletteRuleTxt{height:60px; font-size:12px; color: #979797; line-height: 20px;overflow: auto;}
.rouletteRuleTxt::-webkit-scrollbar {width:6px;}
.rouletteRuleTxt::-webkit-scrollbar-track {background:#ebebeb;}
.rouletteRuleTxt::-webkit-scrollbar-thumb {background:#a19fa0; border-radius:2px;}
.rouletteBox{position:relative; width:220px;height:220px;padding:10px; margin: 30px auto;background:#db0632 url(/resources/homepage/images/wizard/plate_bg1.png) no-repeat center center;background-size:100%;border-radius: 50%;}
.btn_luckyBg{position:absolute;left:80px;top:80px; width:60px;height:60px;padding:3px 4px 4px 3px; text-align:center; background:url(/resources/homepage/images/wizard/btn_luckyBg.png) no-repeat center center;background-size:100%;}
.btn_lucky{width:100%; height:100%; text-align:center;background:#db0632;border-radius: 50%;}
.btn_lucky img{width:38px;padding-top:14px;}
.lucky_pin{position: absolute;left:95px; top:-15px; width:20px;pointer-events: none;}
.plateBox{position:relative; width:200px;height: 200px;background:#faf6c7;border-radius:50%;list-style: none;  animation: plateSlow 20s linear infinite;overflow: hidden;}
@keyframes plateSlow {
    0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}
.plateBox li{position: absolute;top: 0; right: 0;width:100px;height: 100px;padding: 0; text-align: center;transform-origin: 0% 100%;}
.plateBox li:nth-child(even){background:#ffffff;color: #54565a;}
.plateBox li:nth-child(odd){background:#fcf5db; color:#5a461a;}
.plateBox li:nth-child(1){
  transform: rotate(0deg) skewY(-30deg);
}
.plateBox li:nth-child(2){
  transform: rotate(60deg) skewY(-30deg);
}
.plateBox li:nth-child(3){
  transform: rotate(120deg) skewY(-30deg);
}
.plateBox li:nth-child(4){
  transform: rotate(180deg) skewY(-30deg);
}
.plateBox li:nth-child(5){
  transform: rotate(240deg) skewY(-30deg);
}
.plateBox li:nth-child(6){
  transform: rotate(300deg) skewY(-30deg);
}
.plateBox li span{display: block;width:92px;padding:0 12px 0 15px; font-size:10px;transform-origin: 0;transform: rotate(52deg); overflow: hidden;}
.rouletteExpDt{width:100%; text-align: center;font-size:12px; color: #979797;}
.rouletteBottom{position:absolute;left:0;bottom:0; clear:both;width:100%;background:#db0032;}
.rouletteBottomTxt{font-size:14px; color: #ffffff;text-align: center;height:50px;line-height:50px;}
.rouletteBottomTxt span{padding: 2px 10px;background: #fcf5db;border-radius: 6px;color: #3D3D3D;}
.bottom_coupon_box_ul_wrap{display:none; width: 100%;}
.bottom_coupon_box_ul_wrap.on{display: block;}
.rouletteTab{ clear:both; width:100%;height:30px; border-top:3px solid #ebebeb; margin:0; background:#ebebeb;}
.rouletteTab li{float:left; width:50%; font-size:14px;line-height:30px;  text-align:center;color:#3D3D3D;}
.rouletteTab li.selected{color:#ffffff;}
.rouletteTabox{ clear:both; width:100%;}
.bottom_coupon_box_ul {width: 90%; margin:10px auto 0; padding:0px; height: 0; min-height:130px;overflow-y: auto;}
.bottom_coupon_box_ul::-webkit-scrollbar {width:6px;}
.bottom_coupon_box_ul::-webkit-scrollbar-track {background:#db0032;}
.bottom_coupon_box_ul::-webkit-scrollbar-thumb {background:#ebebeb; border-radius:3px;}
.bottom_coupon_box_ul li {width:100%; height:55px; margin: 0 auto 10px; background:#fcf5db; }
.list_left{float:left;width:80px;padding:4px 15px;margin:6px 0;border-right:1px solid #db0032;}
.list_left img{width:100%;}
.list_right{float:left;width:150px; text-align: left;color:#3D3D3D;line-height:1.4;padding-left:15px; padding-top:12px;}
.couponCpnNm{width:100%; font-size:12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list_right p:nth-child(2){width:100%;text-align: left;font-size:12px;}
.couponNo{text-align:center;min-height:70px;}
.couponNo p{ position:absolute; left:50%; top:65%;width:100%;margin-left:-50%;font-size:14px;color:#ffffff; line-height:30px;font-weight: bold;}
.rCouponDetailWrap{position: absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5); display: flex;justify-content:center;flex-direction:column; align-items: center;}
.rCouponDetail{position:relative; width:80%;margin:0 auto;}
.popup_close{position: absolute;right:0;top:-20px; width:15px;}
.popup_close img{width: 100%;}
.rCouponBg{width:80%;margin:0 auto;font-size:11px; color:#979797; text-align:center;background:#fcf5db}
.rCouponImg{width:100%; text-align:center;padding:25px 0 15px; margin:0 auto;}
.rCouponImg img{display:block; width:50%;margin:0 auto;}
.rCouponInfo{width:100%;padding:0 10% 15px;text-align: left;}
.rline{display:block; width:80%; height:2px;margin:0 auto;padding:10px 0;}
.coupon_db{width:100%;vertical-align:top;}
.rCouponTitle{font-size:12px; color: #3D3D3D;line-height: 1.3;margin-bottom:10px; text-align: center;}
.couponTime{margin-top:10px; text-align: center;}
.leftTitle{width:100%;padding:0 26px; color:#3D3D3D; line-height:79px; margin:0 auto; text-align: left; border-bottom:1px solid #D8D8D8;}
.leftTitle a{color:#3D3D3D;}
.rightTop{position:relative;width:100%; padding:30px 3%; line-height:1.3; }
.rightTop .sentTitle{padding-left:10px;}
.rouletteSearch{position: absolute;right:10%; top:30px;line-height:1.3; border:1px solid #D8D8D8;}
.rouletteSearch select, .div_search_select.rouletteSearch select *{color:#3D3D3D !important; line-height:1.3;width:100%;}
.rouletteCouponInfo {width:94%; background-color: #bbbbbb;padding: 20px;text-align: center;margin:0 auto;} 
.rouletteCouponInfoList{clear: both;width:100%;}
.rouletteCouponInfoList li{width:50%;line-height:25px; padding:0 10px; font-size:14px;color:#ffffff; text-align: left;display: flex;justify-content:space-between;flex-direction:row; align-items: center;}
.rouletteCouponInfoList li.fl{float:left; }
.descTxt{height:auto !important; padding:0 !important; text-align:center; border:none !important;}
.exitPreview{width:50%; height:30px; line-height:30px; background: #22BA4F; text-align: center;color:#ffffff; margin:10px auto;}
.rouletteTm{width:300px; margin:0 auto; text-align: left; color:#979797; font-size: 12px;}
.rouletteInfoTitle{clear:both;width:94%; border-bottom:1px solid #D8D8D8; line-height: 1.5; margin:20px auto;padding:10px 0; font-weight: bold; font-size: 16px;}
.rouletteInfoTable{clear: both;width:94%; margin: 0 auto;}
.rouletteInfoTable td {text-align: left;color: #979797;padding: 10px 0; font-size: 14px; vertical-align: top;}
.inputBox{width:60%;padding:3px 10px; border:1px solid #3D3D3D;background: transparent;}
.rouletteSubmit{display:inline-block;width:150px; height:30px; line-height:30px; background: #22BA4F; text-align: center;color:#ffffff; margin:10px 50px;}
.smallInputBox{width:60px;}
.middleInputBox{width:200px;}
.rouletteExp{width:150px; padding:3px 10px;}
.rouletteInfoTable label {margin-right:10px;}
.rouletteInfoTable td.couponT{color:#3D3D3D; font-size:14px; font-weight: bold;}
.rouletteList{padding-bottom:10px;}
.rouletteList li:last-child{border:0;}
.textareastyle{resize:vertical;height:80px;}

.sharePic{position: fixed;top:300px;right:45px;  width:120px; z-index:99;}
.sharePic img{position:relative; width:120px;margin-bottom:12px;}
.state{float:right; font-size:10px;line-height:22px;padding-right:10px;}
.stampLimit{clear:both;width:100%; margin:0 auto; padding:20px 0 0; color:#000000;border-top:1px solid #D1D1D1;}
.stampLimit p{display:inline-block;margin-right:15px;}
.stampLimit p:first-child{width:185px;}
.iLabel{display:inline-block; width:150px; height:35px;text-align: center; line-height:35px;border:1px solid #D1D1D1; cursor: pointer;}
.iLabel.on{border:1px solid #000000;}
.stampLimitCnt{display:inline-block;border:1px solid #D1D1D1;padding:0 10px;width:80px; height:37px; line-height:37px; vertical-align: top;margin-left:15px;}

.snsList{margin-left:185px;margin-top:-25px; text-align: left;}
.snsList p{position:relative; float:left;width:45px;margin-right:13px; text-align: center;}
.snsList p input{visibility: hidden;}
.snsList p span{position: absolute;left: 50%;top: 0; cursor:pointer; transform: translateX(-50%);display: inline-block;width: 20px;height: 20px;background: #fff; border: 1px solid #CBCBCB;border-radius: 50%;}
.snsList p input[type='radio']:checked + span::before{content: '';display: inline-block;position: absolute;left: 50%;top: 0;transform: translateX(-50%);display: inline-block;background: transparent; width: 20px;height: 20px;border-radius: 50%;}
.snsList p input[type='radio']:checked + span{border: none;padding:1px; background:url(../images/icon/icon_sns_select.svg) no-repeat center center;background-size:100% 100%;}
.snsList p input[type='checkbox']:checked + span::before{content: '';display: inline-block;position: absolute;left: 50%;top: 0;transform: translateX(-50%);display: inline-block;background: transparent; width: 20px;height: 20px;border-radius: 50%;}
.snsList p input[type='checkbox']:checked + span{border: none;padding:1px; background:url(../images/icon/icon_sns_select.svg) no-repeat center center;background-size:100% 100%;}
.snsList p img{width:45px;margin-top:10px;}
.snsList p label{cursor: pointer;}
.colorSet{cursor: pointer;margin-right:48px !important;}
.colorSet .colorBlock{display: inline-block;width:35px;height:16px;vertical-align: middle;border:1px solid #D8D8D8;}
.btn_pointer{display: inline-block;width:20px;height:10px; background: url(../images/icon/icon_select_btn.png) no-repeat center center;background-size: 60% auto;}
.positionR{position: relative;}
.selectColor{position: absolute;top:45px;width:172px;padding:5px; background:#efefef;border:1px solid #bfbfbf; z-index:9;}
.selectColor li{float:left; cursor:pointer; width:70px !important;height:30px;line-height:30px; background:#ffffff !important;font-size:12px; text-align:center; margin:5px;border:1px solid #bfbfbf;}
.selectColor li.selected{border:1px solid #22BA4F;}
.selectColor li span{display: inline-block;width:10px;height:10px;border-radius: 50%;margin-right:3px;}
#mainColor.selectColor li:nth-child(1) span{background:#db0032;}
#bgColor.selectColor li:nth-child(1) span{background:#fcf5db;}
.selectColor li:nth-child(2) span{background:#323233;}
.selectColor li:nth-child(3) span{background:#fafafa;}
.selectColor li:nth-child(4) span{background:#e1e1e1;}
.selectColor li:nth-child(5) span{background:#707070;}
.selectColor li:nth-child(6) span{background:#d84d47;}
.selectColor li:nth-child(7) span{background:#e69e2a;}
.selectColor li:nth-child(8) span{background:#fc7c1e;}
.selectColor li:nth-child(9) span{background:#83cc7d;}
.selectColor li:nth-child(10) span{background:#72c1fd;}
.selectColor li:nth-child(11) span{background:#946713;}
.selectColor li:nth-child(12) span{background:#cc80eb;}
.selectColor li:nth-child(13) span{background:#e7d791;}
.selectColor li:nth-child(14) span{background:#f2d932;}

.couponDesc{width: 100%;border-top: none;border-bottom: 3px solid #D8D8D8;resize: none;border-left: none;border-right: none;height: 100px; outline:none;padding: 10px 15px;}
.couponDesc:focus{border-bottom: 3px solid rgba(248,96,99,1);}
.couponDesc::-webkit-input-placeholder{font-size:14px;color:#999999 !important;}
.couponDesc::-moz-placeholder{font-size:14px;color:#999999 !important;}
.couponDesc:-ms-input-placeholder{font-size:14px;color:#999999 !important;}
.couponSet_txt{font-size:14px;color:#323233;}
.couponSet_txtTips{color:#D44E30;font-size:12px;padding-top:5px; line-height:1.3;}
.couponSet_step{clear:both;width:100%;margin:0 auto 15px; color:#323233;}

.dateSet{clear:both;width:100%;margin:15px auto; color:#323233;}
.stepNo{font-size:16px;}
.couponNoList{clear:both;width:100%;margin:20px auto 0;}
.couponNoList li{float:left;width:15%;height:30px; background:#888888;font-size:14px; margin-right:10px;border-top-left-radius:3px;border-top-right-radius:3px; color:#eeeeee;border-bottom:0; text-align: center;line-height:30px; cursor: pointer;}
.couponNoList li.current{color:#000000;background:#e8e8e8;}
.couponDetailList{position:relative; background:#e8e8e8;padding:15px;}
/* 消息通知 */
.msgNoticeList{clear:both;width:100%;height:901px;margin:5px auto 0;background:#ffffff; overflow-y:scroll; padding:0 50px;}
.msgNoticeList ul{margin:0 auto 20px;}
.msgNoticeList li{clear:both;width:100%; margin-top:20px;font-size:13px;}
.msgNoticeList li img{display: inline-block;width:36px;vertical-align: top;}
.msgNoticeList li .msgBox{display: inline-block;width:92%;border:2px solid #D8D8D8; background:#F3F3F3;border-radius: 5px;margin:0 10px;padding:10px; line-height:1.5;}
.msgNoticeList li .msgTitle{position:relative; font-family:Noto Sans Bold;}
.msgTime{width:100%; text-align: center;font-size:13px; color:#979797;margin-top:25px;}
.msgNoticeList li .msgState{display: inline-block;width:15%; text-align: left;color:#bfbfbf;vertical-align: top;padding-top:20px;}
.unread{color:#D44E30; }
.readMore{width:100%; text-align: center;}
/*bug信息*/
.bugWrap{clear:both;width:100%;height:901px;margin:5px auto 0;padding:30px 0; background:#ffffff;}
.bugInfoList{clear:both;width:100%;max-height:300px;margin:0 auto 30px; overflow-y:auto; padding:0 50px;}
.bugInfoList li{clear:both;width:100%; margin-top:20px;font-size:13px;}
.bugInfoList li .msgBox{display: inline-block;width:100%;border:2px solid #d9d9d9; background:#F3F3F3;border-radius: 5px;margin:0 auto;padding:10px; line-height:1.5;}
.bugInfoList li .msgState{width:100%; text-align: left;color:#979797;margin-top:10px;margin-left:14px;}
.bugInfoList li .bugImg{margin-bottom:10px;}
.bugInfoList li .bugImg img{margin:0 5px;width:155px;height:155px;}
.newBugBox{clear:both;width:100%;margin:0 auto; padding:0 50px; text-align: center;}
.newBugBox .div_coupon_product{display: inline-block;width:163px;margin:0 5px;}
.bugTxt{width:98%;margin:10px auto 20px;height: 200px;padding: 5px;background: #ffffff;border: 1px solid #D8D8D8;border-radius:5px; resize: none;outline: 0;}

/*发券引流*/
.coupon_inner{clear:both;width:100%; background:#9c9c9c;padding:30px 0;}
.coupon_content{clear:both;width:82%;margin:0 auto;background: #fff;border-radius: 15px;}
.noCoupon_tipsBox{clear:both;position:absolute;right:0;top:60px;width:1030px;height:740px; background:#ffffff; text-align: center;padding:45px;z-index:99;}
.conponTips1{font-size:28px;color:#101010;font-weight:bold;margin-bottom:15px;}
.conponTips2{color:#252525; line-height:1.5;}
.noCoupon_btnBox{clear:both;width:40%;margin:30px auto;}
.noCoupon_btnBox p{width:45%;background:#22BA4F;text-align: center;padding:10px 0;color:#ffffff;border-radius: 5px;font-family:Noto Sans Bold; cursor: pointer;margin:0 auto;}
.noCoupon_btnBox p.hasClick{background:#bfbfbf; cursor: default;}
.tipsImg{clear:both;width:100%;margin:60px auto;}
.tipsImg li{float:left; display:inline-block;}
.tipsImg li:nth-child(1){width:45%;}
.tipsImg li:nth-child(2){width:35%; margin:0 3% 0 2%;}
.tipsImg li:nth-child(3){width:15%;}
.tipsImg li img{height:248px;}
.tipsImg li span{display:block;margin-top:20px;}
.tryout{top:0px !important;height:690px;}
.tryoutH{height:690px;}
.tryOutTipsBox{position: relative;margin: 0 auto;border-bottom: 1px solid #D8D8D8;background: #fff; text-align: center;}
.tryOutTip{font-size:14px;}
.tryOutTip span{color:#D44E30;}
.tryOutBtn{clear:both;width:92%;margin:15px auto 0; text-align: center;}
.tryOutBtn p{display:inline-block; width:28%;background:#22BA4F;margin:0 2%;font-size:14px; text-align: center;padding:8px 0;color:#ffffff;border-radius: 3px; cursor: pointer;}
.hasClick{background:#bfbfbf !important; cursor: default;}
.regist_circle {width:auto;display:inline-block;vertical-align:middle;overflow:auto;margin-top:30px; text-align: center;}
.regist_circle a {display:inline-block; width:150px;height:40px; line-height:40px;font-size:14px;margin:0 10px; color:#ffffff;border:none;background:#22BA4F;border-radius: 5px; box-shadow: inset -1.5px -1.5px 1px rgba(0, 0, 0, 0.16);}
#divTips{clear：both; width:100%; color:#D44E30;font-size:14px; text-align: center;margin:0 auto 30px;}
.storeTips{position: relative;clear: both;width: 100%;color:#000000; height: 60px;font-size:14px; padding: 0 26px;line-height: 60px;text-align: left;margin:5px auto;background:#f6f7f9;}
.storeTips span:nth-child(2){color:#3D3D3D;padding-left:30px;}
.stroe_list{clear:both;width:100%;max-height:580px;overflow: auto;}
.stroe_list li{padding:15px 15px 20px;margin-bottom:5px;background:#ffffff; height:110px; text-align: left;font-size:14px;color:#3D3D3D;}
.stroe_list li:last-child{margin-bottom:0;}
.storeList_left{position:relative; float:left;width:60%;cursor:pointer;}
.storeStatus{clear:both;padding-left:28px;line-height:30px;}
.storeStatus_default{background:url(../images/icon/icon_default.png) no-repeat left center;background-size:20px;}
.storeStatus_selected{background:url(../images/icon/icon_selected.png) no-repeat left center;background-size:20px;}
.storeStatus_waiting{background:url(../images/icon/icon_waiting.png) no-repeat left center;background-size:20px;}
.storeStatus_opened{background:url(../images/icon/icon_opened.png) no-repeat left center;background-size:20px;}
.storeStatue_txt{clear:both;padding-left:28px;color:#3D3D3D;}
.store_addr{ position: absolute;left:28px;top:50px;color:#979797;}
.storeList_right{position:relative; float:right;width:40%;}
.select_time{clear:both;margin-top:15px; padding-left:50px;background:url(../images/icon/icon_time.png) no-repeat left center; background-size:15px;}
.select_time span{padding:0 5px; color:#979797;}
.select_time span:nth-child(2){color:#3D3D3D;}
.surplus_time{position: absolute;left:50px;top:60px;color:#3D3D3D;}
.storeBtn{clear:both;width:100%; text-align: center;margin:0 auto;padding:30px 0;background:#ffffff;font-family: Noto Sans Bold;}
.storeBtn a{display: inline-block;width:150px;height:40px;line-height:40px;margin:0 20px;font-size:14px;box-shadow: inset -1.5px -1.5px 1px #00000029;border-radius: 5px;}
.storeBtn a:nth-child(1){color:#ffffff;background:#22BA4F;border:1px solid #22BA4F;}
.storeBtn a:nth-child(2){color:#22BA4F;background:#ffffff;border:1px solid #22BA4F;}
.limitBox{color:#979797;font-size:14px;padding:0;}
.limitBox label{margin-right:5px;}
.limitBox p{position:relative; display: inline-block;width:130px; margin-right:10px; vertical-align: middle;line-height:40px;color:#979797;}
.limitBox p img.conTips{position: absolute;width: 15px;padding-left: 5px;top:12px;}
.limitTxt{position:relative; display: inline-block;width:150px; margin-right:20px; vertical-align: middle;line-height:40px;color:#000000;}
.limitTxt.couponLimitTxt{width:70px;}
.limitTxt.rouletteLimitTxt1{width:120px;}
.limitTxt img.conTips{position: absolute;width: 15px;padding-left: 5px;top:12px;}
.limitCnt{border:1px solid #bfbfbf;padding:2px 5px; margin:0  2px;}
.issuLimitTips{position: absolute;width:330px;padding:27px 30px 44px 36px; background:url(../images/icon_dialogue1.png) no-repeat left top;background-size:100% 100%;; text-align: left;z-index:9;}
.issuLimitTips p{width:100%;font-size:14px; line-height:25px; color:#D44E30;}
.prizeRateTips {display:block !important;width:auto !important; margin-left:220px;margin-top:5px; text-align:left; font-size:12px;line-height:18px !important;;}
.prizeRateTips span{width:10px; color:#D44E30;}
.couponInfo_left{float:left;width:33%;}
.couponInfo_right{float:right;width:67%;}
.couponInfo_top{padding:20px 15px 0;}
.coupon_txt{width:100%;height:6px;border-bottom:1px solid #d2d2d2;text-align: center;margin-bottom:5px;}
.coupon_txt img{width:30%;background:#ffffff;padding:0 10px; vertical-align: top;}
.coupon_txt span{background:#ffffff;padding:0 3px;font-size:12px; color:#979797;vertical-align: top;}
.coupon_title{width:100%;display:block;font-size:14px; color:#3D3D3D; text-align:center; margin:0 auto;padding:0 0 10px;font-weight:bold;}
.coupon_img {position:relative; width:100%; margin:0 auto; text-align: center; overflow: hidden;}
.coupon_img img {height:100px;}
.validDate{width:100%; text-align: center;color:#979797;font-size:12px;margin-top:5px;}
.coupon_midbar{width:100%;}
.coupon_midbar img{width:100%;}
.couponInfo_bottom{clear:both;padding:0 15px 20px;}
.explain{clear:both;width:100%; text-align: left;color:#3D3D3D;font-size:12px; line-height:1.5}
.explain span{color:#979797;font-weight:bold;}
.target_append {width:100%;font-size:14px;color:#3D3D3D;text-align: left; margin:15px auto 0;}
.target_append p{position:relative; width:100%; padding:10px 0;border-top:1px solid #D8D8D8; }
.target_append p span{position: absolute;right:0;top:10px;height:16px;}
.target_append p span img{height:100%;}
.popDesc{width: 82%;margin: 0 auto;background: #fff;border-radius: 15px;position: relative;height: 405px;}
.coupon_desc,.shop_desc{width:100%;padding:35px 6%;}
.popDescTxt{margin-top:20px; font-size:12px;color:#3D3D3D;line-height:1.4;text-align:justify; overflow: auto;}
.close{position: absolute;left:46%;bottom:35px;width:8%;}
.close img{width:100%;}
.couponExplain{width: 82%;margin: 0 auto;border-radius: 15px;background: #EBF6E0;padding: 10px 15px;}
.img_stamp_symbol {width:15%;display:inline-block;vertical-align:middle;float:left;margin-right:10px;}
.coupon_bottom_txt {float:left;display:inline-block;font-size:12px; vertical-align:middle;text-align:left;color:#979797;line-height:1.5}	
.tip{clear:both;width:100%;text-align: center;color:#979797;font-size:10px;margin-top:10px;}
.ul_couponInfo li {margin-bottom:10px; width:100%; background:url(../images/wizard/img_chk_off.svg) no-repeat left top;background-size:36px 36px;font-family: Noto Sans Medium; }
.ul_couponInfo li.select{background:url(../images/wizard/img_chk_in.png) no-repeat left top;background-size:36px 36px;}
.ul_couponInfo li.select .font_20 {color:#D44E30;}
.ul_couponInfo li.finish{background:url(../images/wizard/img_chk_on.svg) no-repeat left top;background-size:36px 36px;}
.ul_couponInfo li.finish .font_20 {color:#52c41a;}
.ul_couponInfo li > span {display:inline-block;vertical-align:middle;}
.ul_couponInfo li .small_txt{display:inline-block;width:780px;font-size:14px;color:rgba(0,0,0,0.5) !important;margin-left:50px;}

.coupon_con{position:relative; width:92%;font-size:14px; margin-left:50px;background:#ffffff;text-align:left; padding:10px 20px;margin-bottom:5px;}
.coupon_con input[type=text]{width:86%; border:1px solid #D1D1D1;height:32px;line-height:32px; padding:0 5px;}
.coupon_con input[type=file]{width:86%;cursor: pointer;position: absolute;top: 0;left: 0;height: 100%;filter: alpha(opacity:0);opacity: 0;display: inline-block!important;}
.coupon_con textarea{width:86%;height:80px; border:1px solid #D1D1D1;padding: 7px;font-size:14px;}
.couponLabel{display:inline-block; width:100px; height:30px;text-align: center; vertical-align:middle; line-height:30px;border:1px solid #D1D1D1; cursor: pointer;}
.couponLabel.on{border:1px solid #000000;}
.cpnLimtLabel{width:90px;}
.coupon_conTips{clear:both;margin-left: 50px; color:rgba(0,0,0,0.5);font-size:14px;font-family:Noto Sans Regular;}
/* 联系我们 */
.contact_content{position:relative; clear:both;width:100%;min-width:1270px;padding:0 20px; height:200px;margin: 72px auto 60px; font-family:Noto Sans Bold;}
.contact_bg{position:absolute;left:0;top:0; width:100%; height:100%; background:url(../images/contact_bg.png) no-repeat center bottom;background-size:100% auto;opacity: 0.15;}
.contact_wrap{position:relative; clear:both;width:1270px;padding: 50px 20px;margin:0 auto;font-weight:bold; line-height:1.4;}
.contact_title{font-size:20px; color:#3D3D3D;margin-bottom:10px;}
.contactPic{position: absolute;right:230px;top:10px;width:180px;}
.contact_infor{clear:both;width:1270px; padding:0 20px; margin:0 auto 60px;font-weight:bold;}
.contact_form{clear:both;width:100%;margin-bottom:20px;}
.contact_form .contact_half{width:48%;margin-bottom:20px;}
.contact_form .requirement{clear:both; width:100%;margin-bottom:15px; }
.contact_form label{margin-bottom:20px;}
.contact_form label span{display:block;line-height:2;padding-left:5px;}
.contact_form label input{width:100%;height:50px;line-height:30px;font-family:Noto Sans Regular,Helvetica,AppleSDGothicNeo,Arial,sans-serif;font-size:16px !important; border:1px solid #D8D8D8;border-radius: 5px;padding:10px;}
.contact_form label textarea{width:100%;height:100px;font-family:Noto Sans Regular,Helvetica,AppleSDGothicNeo,Arial,sans-serif;font-size:16px !important; border:1px solid #D8D8D8;border-radius: 5px;padding:10px;}
.contact_submit{clear:both;width:100%; font-size:18px; height:60px;font-family:Noto Sans Bold; line-height:60px; background:#22BA4F;color:#ffffff;border-radius: 5px;}

.tipsMsgBox {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:100;}
.tipsMsgBox:before {width:0;height:100%;position:relative;vertical-align:middle;display:inline-block;overflow:hidden;content:"";font-size:0;}
.tipsMsgWrap {display:inline-block;vertical-align:middle;width:600px;padding:35px;
-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.24s linear 0s 1;
-moz-animation:popup_show 0.24s linear 0s 1;
-o-animation:popup_show 0.24s linear 0s 1;
animation:popup_show 0.24s linear 0s 1;
}
.tipsMsg{width:100%;padding:35px;background:rgba(242, 241, 238, 0.75);backdrop-filter: blur(21px);-webkit-backdrop-filter: blur(21px); text-align: left;}
.tipsMsg_titleTip{color:#000000;font-size:26px;text-align: center; font-family:Noto Sans Bold;}
.tipsMsg_title{color:#22BA4F;font-size:26px;text-align: left;margin:20px auto 10px;}
.tipsMsg_info{clear:both;width:100%; text-align: left;line-height:1.4;color:#000000;}
.tipsMsg_info p{margin-bottom:10px;}
.tipsMsg_btm{color:#22BA4F;font-size:18px; text-align: left;font-family:Noto Sans Medium;}
.tipsMsgBtn{width:100%;padding:20px 0; background:#ffffff;}
.tipsMsgBtn button{width:175px;height:50px;line-height:50px;background:#22BA4F;color:#ffffff;font-size:15px; border-radius: 5px;box-shadow: inset -1.5px -1.5px 1px rgba(0, 0, 0, 0.16);}


/* excel下载弹出层  */
.popupTitle{display:block; text-align: left;width: 100%;color: rgba(0, 0, 0, 0.85);font-size: 16px;font-weight: bold;padding: 20px 5%;}
.popupTitle img{width:20px;vertical-align: top;padding-right:5px;}
.popContent{width: 100%;text-align: left;padding: 20px 5%;}
.popBtn{padding:10px 5%;text-align: right;}
.popBtn a{display:inline-block; width: 20%;text-align:center; font-size: 14px;font-weight: bold; border-radius: 5px;padding: 7px 0; background: #22BA4F;color: #ffffff;border: 1px solid #22BA4F;}

/* terms/privacy */
.termsBox{clear:both;width:1200px;padding:0 20px;margin:130px auto 50px;}
.termsTxt{line-height:1.5;text-align: justify;text-justify: inter-ideograph;/*兼容ie*/}
.termsTxt p{margin-bottom:15px;text-align: justify;}
.termsTxt p span{font-weight:bold;}
.termsTxt p span.delUserInfo{font-weight: lighter;color:#22BA4F;cursor: pointer;}
.termsTxt p a{color:#22BA4F;}
.termsTxt table{width:80%;min-width:400px; border:1px solid #3D3D3D;margin-bottom:15px;}
.termsTxt table tr th{background:#909090; font-weight:bold;border:1px solid #3D3D3D;padding:5px 10px;}
.termsTxt table tr td{border:1px solid #3D3D3D;padding:5px 10px;}
/* order */
.instructionsBox{clear:both;width:1000px;padding:0 20px;margin:130px auto 0;}
.orderTitle{width:100%; text-align: center;font-weight:bold;margin:60px auto;font-size:16px}
.instructionsInfo{border:2px solid #22BA4F;background:#ffffff; padding:50px;text-align: justify;text-justify: inter-ideograph;/*兼容ie*/}
.instructionsInfo p{padding-left:15px;margin-bottom:20px;text-align: justify; background: url(../images/icon/icon_dot.png) no-repeat left 8px;background-size:6px 6px; line-height:1.5;}
.instructionsInfo p:last-child{text-align: right;background:none;margin-bottom:0;}
.servicesBox{clear:both;width:1000px;padding:0 20px;margin:60px auto ;}
.servicesBox.marTop{margin-top:160px;}
.servicesList{clear:both;width:100%;}
.servicesList ul{ display: flex;justify-content:space-between;flex-direction:row; align-items: center;}
.servicesList li{float:left;width:25%;background:#ffffff; font-size:14px; margin-right:20px;border:1px solid rgba(35, 35, 35, 0.5);border-radius: 8px;padding:30px 15px 20px; text-align: center;}
.servicesList li:last-child{margin-right:0;}
.servicesList li p:nth-child(1){font-weight:bold;margin-bottom:20px;line-height:1.6;}
.servicesList li p:nth-child(3){width:40%;cursor:pointer; text-align:center;background:#22BA4F;border-radius: 5px;box-shadow: inset -1.5px -1.5px 1px rgba(0, 0, 0, 0.16);color:#ffffff; line-height:2; margin:20px auto 0;}
.servicesList li p:nth-child(4){border-top:1px solid rgba(35, 35, 35, 0.5);color:rgba(35, 35, 35, 0.5); margin-top:30px;padding:15px 20px 0;font-size:12px; text-align: left;}
.servicesList ul li ul{flex-direction:column;color:rgba(35, 35, 35, 0.5);padding:15px 20px 0;}
.servicesList ul li ul li{border:none;width:100%;margin-right:0;padding:0;padding-left:15px;background:url(../images/icon/icon_checkmark.png) no-repeat left center;background-size:auto 6px; text-align: left;font-size:12px;line-height:2;}
.orderTips{width:90%;margin:20px auto 80px;padding-left:15px; text-align: left;background: url(../images/icon/icon_dot.png) no-repeat left 8px;background-size:6px 6px; }
.orderBtn{display: inline-block; width:30%; text-align:center; cursor:pointer; margin-left: 25px; background:#22BA4F;border-radius: 5px;box-shadow: inset -1.5px -1.5px 1px rgba(0, 0, 0, 0.16);color:#ffffff;line-height:2;font-size:16px;}
.btnRegister{display: inline-block;width: 30%;line-height: 2;text-align:center;cursor:pointer;font-size: 16px;color: #22BA4F;border: 1px solid #22BA4F;background: #ffffff;border-radius: 5px;}
.orderStepBox{clear:both;width:1000px;padding:0 20px;margin:160px auto 30px;}
.orderStep{padding:80px;background:#ffffff;border:1px solid rgba(35, 35, 35, 0.5);}
.stepTitle span.stepNum{display: inline-block;width:22px;height:22px;background:#22BA4F;border-radius: 50%;color:#ffffff; text-align: center;line-height:20px;font-size:12px; margin-right:3px; vertical-align: middle;}
.stepTitle span.stepTxt{display: inline-block;font-weight:bold;line-height:22px;font-size:16px; vertical-align: middle;}
.step01_tips{padding:0 25px;color:#ff0000;margin:15px auto 20px;}
.step01_userInfo{clear:both;padding:0 25px;margin:0 auto;}
.step_userInfo_part{clear:both;width:100%;margin:0 auto 30px;}
.step_partHalf{width:48%;}
.step_part_name{display:block; clear:both;width:100%; text-align: left;margin-bottom:5px;}
.step_userInfo_part input[type="text"]{width:100%;height:30px;line-height:30px;padding:5px 10px; border:1px solid rgba(35, 35, 35, 0.5); background:transparent;}
.step_userInfo_part input[type="text"].orderPhone{width:58%;}
.step01_flag{width:40%;height:30px;line-height:30px;padding:5px 10px;border:1px solid rgba(35, 35, 35, 0.5); background:transparent;}
.step01_country{width:100%;height:30px;line-height:30px;padding:5px 10px;border:1px solid rgba(35, 35, 35, 0.5); background:transparent;}
.step01_addrTips{display:block;padding: 3px 15px 0;color: #ff0000;}
.step01_lastPart{margin-bottom:0;}
.step01_lastPart label{display:inline-block; width:31%;}
.step01_lastPart label:nth-child(2){margin: 0 3%;}
.step01_lastPart label select{width:100%;height:30px;line-height:30px;padding:5px 10px;border:1px solid rgba(35, 35, 35, 0.5); background:transparent;}
.orderStep02{border-top:0;}
.step02_tips{padding:0 25px;margin:10px auto 20px;}
.step02_info{padding:0 25px;}
.btnNextBox{clear:both;width:100%;margin:80px auto 0; text-align: center;}
.btnReturnSelectOrder{display: inline-block;width: 20%;line-height: 2;text-align:center;cursor:pointer;font-size: 16px;color: #22BA4F;border: 1px solid #22BA4F;background: #ffffff;border-radius: 5px;}
.btnContinue{display: inline-block;width:20%; margin-left:25px;line-height:2;text-align:center;cursor:pointer; border: 1px solid #22BA4F;background:#22BA4F;border-radius: 5px;box-shadow: inset -1.5px -1.5px 1px rgba(0, 0, 0, 0.16);color:#ffffff;font-size:16px;}

.paymentBox{clear:both;width:1000px;padding:0 20px;margin:160px auto 30px;}
.payment{padding:80px;background:#ffffff;border:1px solid rgba(35, 35, 35, 0.5);}
.paymentTitle{clear:both;font-weight:bold;line-height:22px;font-size:16px;}
.methodList{clear:both;width:100%;margin:0 auto 30px;}
.methodDiv{width:100%;border:1px solid  rgba(35, 35, 35, 0.5);margin-top:15px;}
.methodDiv label.methodLi{position:relative; display:block; padding:10px;height:30px;line-height:30px;}
.methodImg{position: absolute;right:10px;top:10px;height:30px;}
.cardInfo{border-top:1px solid  rgba(35, 35, 35, 0.5);padding:10px;}
.cardInfo label{display: block;padding:10px;}
.cardInfo label input[type="text"]{width:100%;height:30px;line-height:30px;padding:5px 10px; border:1px solid rgba(35, 35, 35, 0.5); background:transparent;}
.cardTips{display:block;color:rgba(35, 35, 35, 0.5);margin-top:5px;}
.cardValidity{clear:both;padding:0 10px;}
.cardValidity label:nth-child(1){float:left;width:50%;padding:10px 0;}
.cardValidity label:nth-child(2){float:left;width:35%;margin-left:4%;padding:10px 0;}
.cardValidity .cardImg{float:right;width:10%;margin-top:10px;}
.checkingOutTxt p{padding-left:20px;background:url(../images/icon/icon_i.png) no-repeat left 3px;margin-top:10px; background-size:10px;font-size:12px;}
.checkingOutTxt p span{color:#22BA4F; cursor: pointer;}
.paymentAmountInfo{clear:both;margin:10px auto;}
.paymentSubtotal{position: relative;margin:0 20px;padding:10px 0; color:rgba(35, 35, 35, 0.5);border-bottom:1px solid rgba(35, 35, 35, 0.5);}
.paymentTotal{position: relative;margin:0 20px;padding:10px 0;}
.paymentAmount{position: absolute;right:0;top:10px;}
.btnReturnOrderInfo{display: inline-block;width: 20%;margin-right:25px;line-height: 2;text-align:center;cursor:pointer;font-size: 16px;color: #22BA4F;border: 1px solid #22BA4F;background: #ffffff;border-radius: 5px;}
.btnPayment{display: inline-block;width: 20%;line-height:2;text-align:center;cursor:pointer;border: 1px solid #22BA4F; background:#22BA4F;border-radius: 5px;box-shadow: inset -1.5px -1.5px 1px rgba(0, 0, 0, 0.16);color:#ffffff;font-size:16px;}
.orderList{border:1px solid rgba(35, 35, 35, 0.5);background:transparent;height:30px;line-height:30px;padding:5px 10px;}


/* 新增集章卡模板用到集店卡 */
.temType{clear:both;width:90%; margin:15px auto; font-size:16px;font-weight:bold;}
.temTypeMar{margin-top:30px;padding-top:30px;border-top:4px solid #FFFFFF;}


/* 签到卡（checkin）模板  */
.checkinTemTips{clear:both;width:100%; text-align: center;margin:0 auto 20px;}
.img_checkinbg_custom{position: absolute;left:0;top:0;width:100%;}
.checkin_header{position:relative; clear:both;width:100%;}
.checkin_banner{width:100%;vertical-align: middle;}
.checkin_banner_imgUpload{position: absolute;left:137px;top:115px;width:50px;box-shadow: 0 0 10px 2px #bfbfbf;border-radius: 50%;}
.delUpload{position: absolute;right:20px;top:20px;width:30px;height:30px; padding:8px;background:rgba(0,0,0,0.5);border-radius: 50%;cursor: pointer;z-index:99;}
.step02_bannerFile{position: absolute;left:0;top:0;width:50px;height:50px;opacity: 0; cursor: pointer;}
.checkin_btm{clear:both;position: relative;width:100%;min-height:320px;}
.checkin_btm.type09{background:#ffffff;}
.checkin_btm.type10{backdrop-filter: blur(11px);-webkit-backdrop-filter: blur(11px);}
.checkin_btm.type11 .checkinBtm{width:92%;margin:0 auto; box-shadow: 0px 0px 8px #00000029;background:#ffffff;min-height:305px;margin-bottom:15px;}
.checkin_btm.type12{background:#ffffff;}

.checkin_bgcon{clear:both;width:100%;margin:0 auto;}
.checkin_bgcon span.style{width:100px; display: inline-block;border: 1px solid #979797;line-height:2; text-align: center; color:#979797;font-size:14px; font-family: Noto Sans Medium;margin-right:10px;margin-top:10px;}
.checkin_bgcon span.style.on{border:1px solid #22BA4F;color:#22BA4F;}
.checkin_bg_list{clear:both; width:100%;margin:20px auto;}
.checkin_bg_list .checkin_bg_list_li{position:relative; float:left;width:80px;height:155px;overflow:hidden;  margin-right:10px;margin-bottom:10px; background:#CCCCCC;}
.checkin_bg_list .checkin_bg_list_li-child{margin-right:0;}
.checkin_bg_list .checkin_bg_list_li img{width:100%;}
.checkinSectionList{clear:both;width:100%; text-align: left;}
.checkinSectionList li{float:left;width:307.5px; padding:0 20px;cursor: pointer; }
.checkinSectionList li p{width:255px;margin:0 auto;padding:26px 25px 30px 25px;background:url(../images/wizard/img_checkinbg_off.png) no-repeat center center; background-size:100%;}
.checkinSectionList li:hover p{background:url(../images/wizard/img_checkinbg_hover.png) no-repeat center center; background-size:100%;}
.checkinSectionList li p.on{background:url(../images/wizard/img_checkinbg_on.png) no-repeat center center; background-size:100%;}
.checkinSectionList li:nth-child(4n+5), .checkinSectionList li:nth-child(4n+6), .checkinSectionList li:nth-child(4n+7), .checkinSectionList li:nth-child(4n+8){margin-top:20px;}
.checkinSectionList li span{display: block;width:255px;margin:0 auto; text-align: center;font-size:14px;color:#979797;}
.checkinSectionList li span.on{color:#323232}
.checkinSectionList li:hover span{color:#686868;}
.checkinBg{min-height:600px;}
.checkinBg01{min-height:600px;background:#ffffff url(../images/wizard/checkin_bg01.png) no-repeat center top;background-size:100% auto;}
.checkinBg02{min-height:600px;background:#f1f6f5 url(../images/wizard/checkin_bg02.png) no-repeat center top;background-size:100% auto;}
.checkinBg03{min-height:600px;background:url(../images/wizard/checkin_bg03.png) no-repeat center top; background-size:100% auto;}
.checkinBg04{min-height:600px;background:url(../images/wizard/checkin_bg04.png) no-repeat center top;background-size:100% auto;}
.checkinBg05{min-height:600px;background:url(../images/wizard/checkin_bg05.png) no-repeat center top;background-size:100% auto;}
.checkinBg06{min-height:600px;background:url(../images/wizard/checkin_bg06.png) no-repeat center top;background-size:100% auto;}
.checkinBg07{min-height:600px;background:url(../images/wizard/checkin_bg07.png) no-repeat center top;background-size:100% auto;}
.checkinBg08{min-height:600px;background:url(../images/wizard/checkin_bg08.png) no-repeat center top;background-size:cover;}
.checkinBg09{min-height:600px;}
.checkinBg10{min-height:600px;}
.checkinBg11{min-height:600px;}
.checkinBg12{min-height:600px;}
.checkinBg_step03{height:600px;}
.div_moblie_wrap{position: relative;}
.checkinTipsIcon{width: 15px; padding-left: 5px;}
.cheakinTypeTips{position: absolute;left:210px;top:-30px;width:500px;padding: 30px 40px 65px 50px;font-size:14px; line-height:25px; color:#666666; z-index:101; background: url(../images/icon_dialogue1.png) no-repeat left top; background-size:100% 100%;}
.cheakinTypeTips span{color:#D44E30;}
.vipOnly{width:100%; text-align: center;}
.vipOnly.type02 img{width:26%;margin:115px auto 0;}
.vipOnly.type03 img{width:26%;margin:80px auto 0;}
.vipOnly.type04 img{width:26%;margin:60px auto 0;}
.vipOnly.type05 img{width:23%;margin:0 auto;}
.vipOnly.type06{display: inline-block;width:11%;margin-left: 7%; margin-top: 30px;margin-right: 15px;}
.vipOnly.type06 img{width:100%; vertical-align: middle;}
.vipOnly.type07 img{width:11%;margin:30px auto 0;}
.vipOnly.type08 img{width:13%;margin:0 auto;}
.vipOnly.type09 img{width:22.3%;margin:15px auto 0;}
.vipOnly.type10{position:absolute;left:0;top:0;width:100%;text-align:center;}
.vipOnly.type10 img{width:18.2%;margin:0 auto;}
.vipOnly.type11{position:absolute;left:0;top:-30px;width:100%;text-align:center;}
.vipOnly.type11 img{width:25%;margin:0 auto;}
.vipOnly.type12 img{width:26.8%;margin:20px auto 0;}

.invitationTxt{width:100%;text-align: center;}
.invitationTxt.type01 img{width:22%;margin:25px auto 0;}
.invitationTxt.type02 img{width:30%;margin:10px auto 0;}
.invitationTxt.type03{position: absolute;left:7%;top:40px;width:7%;}
.invitationTxt.type03 img{width:100%;}
.invitationTxt.type04 img{width:30%;margin:10px auto 0;}
.invitationTxt.type05{position: absolute;right:7%;top:40px;width:7%;}
.invitationTxt.type05 img{width:100%;}
.invitationTxt.type06{display: inline-block;width:30%;}
.invitationTxt.type06 img{width:100%;vertical-align: middle;}
.invitationTxt.type07 img{width:30%;margin:10px auto 0;}
.invitationTxt.type08 img{width:30%;margin:30px auto 0;}
.invitationTxt.type09 {position: absolute;left:0;bottom:10px;width:100%; text-align: center;}
.invitationTxt.type09 img{width:83.5%;}
.invitationTxt.type10 {width:100%; text-align: center; margin:0 auto; padding-top:10px;}
.invitationTxt.type10 img{width:83.5%;}
.invitationTxt.type11 {position: absolute;left:0;top:0;width:100%; text-align: center;backdrop-filter: blur(11px);-webkit-backdrop-filter: blur(11px);padding:5px 0; }
.invitationTxt.type11 img{width:83.5%;}
.invitationTxt.type12 {position: absolute;left:0;bottom:0;width:100%; text-align: center;backdrop-filter: blur(11px);-webkit-backdrop-filter: blur(11px);padding:5px 0; }
.invitationTxt.type12 img{width:83.5%;}

.checkinTitle{width:100%; font-size:18px;color:#2D2D2D; line-height:29px; font-family: Noto Sans Regular; text-align: center;margin:20px auto 5px;}
.checkinTitle.type01{color:#2D2D2D;}
.checkinTitle.type02{color:#2D2D2D;}
.checkinTitle.type03{color:#7A674F;}
.checkinTitle.type04{color:#2D2D2D;}
.checkinTitle.type05{width:86%; color:#FFFFFF; text-align: left;margin:70px auto 5px;}
.checkinTitle.type06{width:86%; color:#FFFFFF;text-align: left;margin: 50px auto 5px;}
.checkinTitle.type07{width:86%; color:#2D2D2D; text-align: left;margin: 40px auto 5px;}
.checkinTitle.type08{width:86%; color:#2D2D2D;text-align: left;margin: 40px auto 5px;}
.checkinTitle.type09{width:86%; color:#A0896B;text-align: left;margin: 20px auto 5px;}
.checkinTitle.type10{width:86%; color:#000000;text-align: left;margin: 20px auto 5px;}
.checkinTitle.type11{width:86%; color:#A0896B;text-align: left;margin: 20px auto 5px;}
.checkinTitle.type12{width:86%; color:#A0896B;text-align: left;margin: 20px auto 5px;}

.checkinTimeBox{width:100%; font-size:13px;color:#2D2D2D;line-height:19px;font-family: Noto Sans Regular; text-align: center;margin:0 auto;}
.checkinTimeBox.type02{color:#7A674F;}
.checkinTimeBox.type05{width:86%;color:#ffffff;text-align: left;}
.checkinTimeBox.type06{width:86%;text-align: left;color:#ffffff;}
.checkinTimeBox.type07{width:86%;text-align: left;}
.checkinTimeBox.type08{width:86%;text-align: left;}
.checkinTimeBox.type09{width:86%;text-align: left;margin-bottom:10px;}
.checkinTimeBox.type10{width:86%;text-align: left;margin-bottom:10px;}
.checkinTimeBox.type11{width:86%;text-align: left;margin-bottom:10px;}
.checkinTimeBox.type12{width:86%;text-align: left;margin-bottom:10px;}

.checkinStampIcon{clear:both;width:40%; text-align: center;margin:0 auto;}
.checkinStampIcon img{width:100%;}
.checkinStampIcon.type01{margin-top:15px;}
.checkinStampIcon.type02{margin-top:30px;}
.checkinStampIcon.type03{margin:50px auto 40px;}
.checkinStampIcon.type04{margin:50px auto 40px;}
.checkinStampIcon.type05{margin:50px auto 50px;}
.checkinStampIcon.type06{margin:50px auto 50px;}
.checkinStampIcon.type07{margin:50px auto 50px;}
.checkinStampIcon.type08{margin:50px auto 50px;}
.checkinStampIcon span{color:#707070;letter-spacing: -0.65px;font-size:13px;line-height:19px;font-family: Noto Sans Regular;}
.checkinStampIcon.type01 span{color:#20A8B9;}
.checkinStampIcon.type05 span{color:#FFFFFF;}
.checkinStampIcon.type06 span{color:#FFFFFF;}
.checkinStampIcon.type07 span{color:#2D2D2D;}
.checkinStampIcon.type08 span{color:#2D2D2D;}
.checkinTxt{clear:both;width:86%; text-align: left;color:#2D2D2D;font-size:13px; line-height:19px;margin:0 auto; }
.checkinTxt.type01{margin:150px auto 30px;}
.checkinTxt.type02{margin:10px auto 20px;}
.checkinTxt.type03{margin:20px auto 20px; color:#7A674F;}
.checkinTxt.type04{margin:0 auto 20px;}
.checkinTxt.type05{margin:20px auto 0; color:#ffffff;}
.checkinTxt.type06{margin:20px auto 0; color:#ffffff;}
.checkinTxt.type07{margin:20px auto 0;}
.checkinTxt.type08{margin:20px auto 0;}
.checkinTxt.type09{margin:10px auto; color:#A0896B;}
.checkinTxt.type09 p:nth-child(1){color:#000000;}
.checkinTxt.type10{margin:10px auto;}
.checkinTxt.type11{margin:10px auto; color:#A0896B;}
.checkinTxt.type11 p:nth-child(1){color:#000000;}
.checkinTxt.type12{margin:10px auto; color:#A0896B;}
.checkinTxt.type12 p:nth-child(1){color:#000000;}

.checkinTxt p:nth-child(1){font-family: Noto Sans Bold;letter-spacing:-0.6px;margin-bottom:5px;}
.checkinTxt p:nth-child(2){font-size:12px; font-family: Noto Sans Regular;letter-spacing:-0.65px;}
.checkinTxt p:nth-child(3){font-size:12px; font-family: Noto Sans Regular;letter-spacing:-0.65px;margin-top:15px;}
.checkinTxt.type09 p:nth-child(3){margin-top:5px;}
.checkinTxt.type10 p:nth-child(3){margin-top:5px;}
.checkinTxt.type11 p:nth-child(3){margin-top:5px;}
.checkinTxt.type12 p:nth-child(3){margin-top:5px;}
.checkinMore{padding-bottom:10px; letter-spacing:-0.6px;font-family: Noto Sans Bold; font-size:12px;text-align: right;}
.checkinMore span{display:inline-block; padding:5px 20px;border-radius: 15px;margin-right:7%;}
.checkinMore.type01 span{background: #DDF2E8;color:#2D2D2D;}
.checkinMore.type02 span{background: #FFFFFF;color:#2D2D2D;}
.checkinMore.type03 span{background: #FFFFFF;color:#2D2D2D;}
.checkinMore.type04 span{background: #FFFFFF;color:#2D2D2D;}
.checkinMore.type05 span{background: #FFFFFF;color:#2D2D2D;}
.checkinMore.type06 span{background: #FFFFFF;color:#2D2D2D;}
.checkinMore.type07 span{background: #FFFFFF;color:#2D2D2D;}
.checkinMore.type08 span{background: #FFFFFF;color:#2D2D2D;}
.checkinMore.type09{text-align: left;margin-left:7%;}
.checkinMore.type09 span{border: 1px solid #707070;color:#2D2D2D;}
.checkinMore.type10{text-align: left;margin-left:7%;}
.checkinMore.type10 span{background:#FFFFFF; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);color:#2D2D2D;}
.checkinMore.type11{text-align: left;margin-left:7%;}
.checkinMore.type11 span{border: 1px solid #000000;background: #FFFFFF;color:#2D2D2D;}
.checkinMore.type12{text-align: left;margin-left:7%;}
.checkinMore.type12 span{border: 1px solid #000000;background: #FFFFFF;color:#2D2D2D;}

.checkinInputTitle{width:70%;border: 1px solid #D1D1D1;height: 32px; line-height:18px; padding:7px 5px;margin-left:10px; vertical-align: middle;}
.checkInputDate{width:20%;height:26px;border:1px solid #D1D1D1;background:#ffffff;text-align: center;vertical-align: middle;}
.marLeft10{margin-left:10px;}
.checkinTimeBox img{vertical-align: middle;}
.checkinLine{width:86%;margin:0 auto;text-align: left;}
.checkinLine span{display:block; width:15px;height:1px; background:#707070;}
.checkinPicLine{width:90%;margin:0 auto; text-align: center;}
.topLine{padding-top:20px;}
.btmLine{margin-bottom:10px;}
.checkinTxtarea{width:70%;border: 1px solid #D1D1D1;line-height: 1.5; padding: 5px;margin-left:10px;}
.verticalTop{vertical-align: top;}
.verticalCenter{vertical-align: middle;}
.checkinMoreTxtBox{position: absolute;left:0;top:0;width:100%;height:100%;background:rgb(250, 250, 250, 0.6);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px); }
.checkinMoreTxtCon{position: relative;width:100%;height:100%;overflow-y:auto; }
.checkinMoreTxt{width:90%; margin:0 auto;font-size:12px; line-height:1.5; font-family: Noto Sans Regular;letter-spacing:-0.65px;}
.checkinMoreTitle{font-size:16px;color:#2D2D2D; line-height:29px; font-family: Noto Sans Regular; text-align: center;margin:30px auto 10px;}
.hideMore{position:absolute;right:15px;top:15px;width:15px;}
.checkin_inner{width:100%; padding:0 0 20px;}
.checkin_inner .invitationTxt{margin:0 auto;}
.checkin_step03_con{clear:both;width:65%; text-align: left;margin:0 auto;}
.checkin_step03_title{width:86%; margin:60px auto 0;}
.checkin_step03_title.type01{color:#2D2D2D;}
.checkin_step03_title.type02{color:#2D2D2D;}
.checkin_step03_title.type03{color:#7A674F;}
.checkin_step03_title.type04{color:#2D2D2D;}
.checkin_step03_title.type05{color:#FFFFFF;}
.checkin_step03_title.type06{color:#FFFFFF;}
.checkin_step03_title.type07{color:#2D2D2D;}
.checkin_step03_title.type08{color:#2D2D2D;}
.div_mua_form.checkinMuaForm{width:86%; margin:0 auto 10px;}
.div_mua_form.checkinMuaForm.type01 p{color:rgba(45,45,45,0.8) !important;}
.div_mua_form.checkinMuaForm.type02 p{color:rgba(45,45,45,0.8) !important;}
.div_mua_form.checkinMuaForm.type03 p{color:rgba(122, 103, 79, 0.8) !important;}
.div_mua_form.checkinMuaForm.type04 p{color:rgba(45,45,45,0.8) !important;}
.div_mua_form.checkinMuaForm.type05 p{color:rgba(255,255,255,0.8) !important;}
.div_mua_form.checkinMuaForm.type06 p{color:rgba(255,255,255,0.8) !important;}
.div_mua_form.checkinMuaForm.type07 p{color:rgba(45,45,45,0.8) !important;}
.div_mua_form.checkinMuaForm.type08 p{color:rgba(45,45,45,0.8) !important;}

.div_mua_form input.checkinInput {border:none; background: rgba(45,45,45,0.15);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);margin-bottom:15px;font-size:0.813rem;text-indent:10px;}
.checkinInput{width:100%;padding:8px 0 3px;border:none; background: rgba(45,45,45,0.15); backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);margin-bottom:13px;font-size:0.813rem;text-indent:10px;}
.checkinInput .gender_default_color{width:15px;height:15px;}
.checkinInput.input_gender > li{width:30%;}
.checkinInput.input_gender > li span{color:#000000;}
.checkinBtn{position: absolute;left:0;bottom:0;width:100%;padding: 12px 0;background: #2D2D2D; text-align: center; font-size: 12px;font-family:Noto Sans Bold; letter-spacing: -0.6px;color: #FFFFFF;}
input.checkinInput::placeholder{color:#000000;opacity: 1;}
.checkin_inner .div_view_terms {width:86%;overflow:auto;margin:15px auto 0;padding:0 0 30px;text-align: left; font-size: 14px;  cursor: pointer;}
.checkin_inner .div_view_terms span{color:#22BA4F !important;}
.checkin_inner .div_view_terms.type01{color:#2D2D2D;}
.checkin_inner .div_view_terms.type02{color:#2D2D2D;}
.checkin_inner .div_view_terms.type03{color:#7A674F;}
.checkin_inner .div_view_terms.type04{color:#2D2D2D;}
.checkin_inner .div_view_terms.type05{color:#FFFFFF;}
.checkin_inner .div_view_terms.type06{color:#FFFFFF;}
.checkin_inner .div_view_terms.type07{color:#2D2D2D;}
.checkin_inner .div_view_terms.type08{color:#2D2D2D;}
.checkin_inner .div_view_terms.type01 span,.checkin_inner .div_view_terms.type02 span,.checkin_inner .div_view_terms.type03 span,.checkin_inner .div_view_terms.type04 span{color:#22BA4F !important;}
.checkin_inner .div_view_terms.type05 span,.checkin_inner .div_view_terms.type06 span,.checkin_inner .div_view_terms.type07 span,.checkin_inner .div_view_terms.type08 span{color:#1890FF !important;}


.termsCheckbox{margin-right:5px;vertical-align: middle;}
.checkinDate{border:1px solid #979797;padding: 5px 0;text-indent: 10px;}
.checkinTips{margin-top:5px;color:#979797;font-size:14px;}
.typeNum2 .no_rewards_list li{height:35px;margin-bottom:10px;}

body.globalEn{font-size:14px;}
.globalEn .register_infolist li, .globalEn .register_infolist li input{font-size:14px;}
.globalEn .register_infolist li span.code{width:50px;font-size:12px;}
.globalEn .register_infolist li span.register_infolist_litxt{width:117px; text-transform:uppercase;font-size:12px;}
.globalEn .register_infolist li p{width:265px;}
.globalEn .register_infolist li select{border:none;background:transparent;width:250px;}
.globalEn .register_infolist li span#prefix{cursor: default;margin-right:3px;}
.globalEn .register_infolist li input::placeholder{font-size:12px;}
.globalEn .register_infolist li input.wdt{width:192px;}
.globalEn .register_infolist li input.jInvImgFile{ width:265px;}
.globalEn .register_infolist li input.jLogoImgFile{width:265px;}
.globalEn .privacyBox p{text-align: left;}
.globalEn .privacyBox p.closePrivacy{text-align: center;}
.globalEn .mypage_store_list li div.div_store_info .store_bottom p a, .globalEn .relationStore, .globalEn .div_btn_rectangle a, .globalEn .no_rewards_list li, .globalEn .rouletteNm, .globalEn .stepNo, .globalEn .stampIcon_con{font-size:14px;}
.globalEn .ul_gnb_list li,.globalEn .div_snb_list > div a span, .globalEn .p_title_myinfo, .globalEn  .div_tab_innerTop, .globalEn .div_myinfo_form p, .globalEn .mypage_store_list li div.div_store_info p:first-child, .globalEn .downloadImg span, .globalEn .stampCardTab p, .globalEn .div_header_wizard li span, .globalEn .ul_wizard_secondpage .font_20, .globalEn .ul_chk_wizard .step03_con, .globalEn .p_title_top, .globalEn .mainTips{font-size:16px;}
.globalEn .mypage_stampcard_div > div:nth-child(2) p:first-child, .globalEn .p_title_leftsection, .globalEn .p_title_leftsection02, .globalEn .currentMonthDataBox li p:nth-child(1) span, .globalEn .div_stats_type03inner:first-child, .globalEn .p_excp_title{font-size:18px;}
.globalEn .p_stamp_position{font-weight:lighter;}
.globalEn .explain{letter-spacing: -0.3px;}
.globalEn .coupon_conTips{letter-spacing: -0.2px;}
.globalEn .coupon_con input[type=text], .globalEn .coupon_con input[type=file], .globalEn .coupon_con textarea{width:68%;}
.globalEn .limitTxt{width:160px;margin-right:0;letter-spacing: -0.4px; line-height:20px;}
.globalEn .limitTxt.couponLimitTxt{width:150px;}
.globalEn .limitTxt.rouletteLimitTxt1{width:150px;}
.globalEn .limitTxt.rouletteLimitTxt2{width:230px;}
.globalEn .prizeRateTips{margin-left:230px;}
.globalEn .cpnLimtLabel{width:70px;letter-spacing: -0.4px;}
.globalEn .cpnLimtLabel.cpnWid{width:35px;}
.globalEn .rouletteLimtLabel{width:62px;letter-spacing: -0.4px;}
.globalEn .issuLimitTips{width: 370px;}
.globalEn .modalInfo_form ul li input.wdt2{width:180px;}
.globalEn .modalInfo_form ul li input.wdt3{width:200px;}
.globalEn .modalInfo_form ul li input.wdt5{width:200px;}
.globalEn .etc_input_group li input{width:82%;}
.globalEn .couponlist_title{width:39%;}
.globalEn .stampLimit p:first-child{vertical-align: middle;}
.globalEn .stampIcon_con {font-family: 'Noto Sans Light';}
.globalEn .currentMonthDataBox li p:nth-child(3){font-size:12px;}
.globalEn .manager_txt{width:100%;margin:10px 0;}
.globalEn .div_index03_top span.globalTxt{line-height:50px;margin-top:10px;}
.globalEn .limitTxt img.enTips{top:3px;}
.globalEn .inputManagerInfo input.brWidth{width:50%;}
.globalEn .inputManagerInfo input.brWidth2{width:58%;}
.globalEn .manager_code{top:382px;}
.globalEn .spanWidth1{display:inline-block; width:95px; text-align: left; font-size:14px;}
.globalEn .inputManagerInfo span{display:inline-block; width:130px; text-align: left;}
.globalEn .inputManagerInfo span.resetBrPwd{width:100px; text-align: center;}
.globalEn .inputManagerInfo input{display:inline-block; width:435px;}
.globalEn .div_modal_input{margin-bottom:0;}
.globalEn .snsList{margin-top:-15px;}
.globalEn .levelInfo{padding:2px 0 3px 0;}
.globalEn .selectDashboardMonth{top:140px;}
.globalEn .ul_stamp_list.type04 li span{font-size:8px;}
.globalEn .ul_stamp_list.type05 li span{font-size:8px;}
.globalEn .ul_stamp_list.type06 li span{font-size:8px;}
.globalEn .textarea_wizard_title{font-size:14px;}
.globalEn .textarea_wizard_title.type05{font-size:12px;}
.globalEn .textarea_wizard_title.type06{font-size:12px;}
.globalEn  .div_index02_infor p:nth-child(2),.globalEn .div_index02_infor p:nth-child(5){font-size:132px;line-height:100px ;margin-left: 30px;}
.globalEn  .hand_stamp{width:133px;vertical-align: top;margin:-20px 135px 0 180px;}

body.langKo{font-size:14px;}
.langKo .register_infolist li, .langKo .register_infolist li input{font-size:14px;}
.langKo .register_infolist li span.code{font-size:12px;}
.langKo .register_infolist li span.register_infolist_litxt{width:115px; text-transform:uppercase;font-size:12px;}
.langKo .register_infolist li p{width:265px;}
.langKo .register_infolist li select{border:none;background:transparent;width:250px;}
.langKo .register_infolist li span#prefix{width:50px; cursor: default;margin-right:3px;}
.langKo .register_infolist li input::placeholder{font-size:12px;}
.langKo .register_infolist li input.jInvImgFile{ width:265px;}
.langKo .register_infolist li input.jLogoImgFile{width:265px;}
.langKo .privacyBox p{text-align: left;}
.langKo .privacyBox p.closePrivacy{text-align: center;}
.langKo .mypage_store_list li div.div_store_info .store_bottom p a, .langKo .relationStore, .langKo .div_btn_rectangle a, .langKo .no_rewards_list li, .langKo .rouletteNm, .langKo .stepNo, .langKo .stampIcon_con{font-size:14px;}
.langKo .ul_gnb_list li,.langKo .div_snb_list > div a span, .langKo .p_title_myinfo, .langKo  .div_tab_innerTop, .langKo .div_myinfo_form p, .langKo .mypage_store_list li div.div_store_info p:first-child, .langKo .downloadImg span, .langKo .stampCardTab p, .langKo .div_header_wizard li span, .langKo .ul_wizard_secondpage .font_20, .langKo .ul_chk_wizard .step03_con, .langKo .p_title_top, .langKo .mainTips{font-size:16px;}
.langKo .mypage_stampcard_div > div:nth-child(2) p:first-child, .langKo .p_title_leftsection, .langKo .p_title_leftsection02, .langKo .currentMonthDataBox li p:nth-child(1) span, .langKo .div_stats_type03inner:first-child, .langKo .p_excp_title{font-size:18px;}
.langKo .p_stamp_position{font-weight:lighter;}
.langKo .explain{letter-spacing: -0.3px;}
.langKo .coupon_conTips{letter-spacing: -0.2px;}
.langKo .coupon_con input[type=text], .langKo .coupon_con input[type=file], .langKo .coupon_con textarea{width:68%;}
.langKo .limitTxt{width:160px;margin-right:0;letter-spacing: -0.4px;}
.langKo .limitTxt.couponLimitTxt{width:160px;}
.langKo .limitTxt.rouletteLimitTxt1{width:150px;}
.langKo .prizeRateTips{margin-left:230px;}
.langKo .cpnLimtLabel{width:90px;letter-spacing: -0.4px;}
.langKo .rouletteLimtLabel{width:90px;letter-spacing: -0.4px;}
.langKo .issuLimitTips{width: 370px;}
.langKo .modalInfo_form ul li input.wdt2{width:180px;}
.langKo .modalInfo_form ul li input.wdt3{width:230px;}
.langKo .modalInfo_form ul li input.wdt5{width:200px;}
.langKo .etc_input_group li input{width:82%;}
.langKo .couponlist_title{width:39%;}
.langKo .stampLimit p:first-child{vertical-align: middle;}
.langKo .stampIcon_con {font-family: 'Noto Sans Light';}
.langKo .currentMonthDataBox li p:nth-child(3){font-size:12px;}
.langKo .manager_txt{width:100%; margin:10px 0;}
.langKo .div_index03_top span.globalTxt{line-height:50px;margin-top:10px;}
.langKo .div_modal_wrap{width:900px;}
.langKo .modalInfo_form{width:390px;}
.langKo .modalTab li:nth-child(2){margin-left:650px;}
.langKo .modalInfo_form ul li input.wdt3{width:260px;}
.langKo .couponInfo_top{padding:20px 5px 0;}
.langKo .spanWidth1{display:inline-block; width:60px; text-align: left; font-size:14px;}
.langKo .inputManagerInfo span{display:inline-block; width:80px; text-align: left;}
.langKo .inputManagerInfo span.resetBrPwd{width:100px; text-align: center;}
.langKo .inputManagerInfo input{display:inline-block; width:485px;}
.langKo .div_modal_input{margin-bottom:0;}
.langKo .bottom_btn a{width:150px !important;}
.langKo .levelInfo{padding:2px 0 3px 0;}
.langKo .selectDashboardMonth{top:140px;}
.langKo .ul_stamp_list.type04 li span{font-size:8px;}
.langKo .ul_stamp_list.type05 li span{font-size:8px;}
.langKo .ul_stamp_list.type06 li span{font-size:8px;}
.langKo .textarea_wizard_title{font-size:14px;}
.langKo .textarea_wizard_title.type05{font-size:12px;}
.langKo .textarea_wizard_title.type05{font-size:12px;}
.langKo  .div_index02_infor p:nth-child(2),.langKo .div_index02_infor p:nth-child(5){font-size:132px;line-height:100px ;margin-left: 30px;}
.langKo  .hand_stamp{width:133px;vertical-align: top;margin:-20px 135px 0 180px;}
body.langTh{font-size:14px;}
.langTh .btnLogin a{padding-left:45px;}
.langTh .register_infolist li, .langTh .register_infolist li input{font-size:14px;}
.langTh .register_infolist li span.code{width:90px;font-size:12px;}
.langTh .register_infolist li span.register_infolist_litxt{width:135px; text-transform:uppercase;font-size:12px;}
.langTh .register_infolist li p{width:247px;}
.langTh .register_infolist li select{border:none;background:transparent;width:250px;}
.langTh .register_infolist li span#prefix{cursor: default;margin-right:3px;}
.langTh .register_infolist li input::placeholder{font-size:12px;}
.langTh .register_infolist li input.wdt{width:140px;}
.langTh .register_infolist li input.jInvImgFile{ width:265px;}
.langTh .register_infolist li input.jLogoImgFile{width:265px;}
.langTh .privacyBox p{text-align: left;}
.langTh .privacyBox p.closePrivacy{text-align: center;}
.langTh .mypage_stampcard_div > div:nth-child(2) p.stpcrdStat{font-size:12px;}
.langTh .mypage_store_list li div.div_store_info .store_bottom p a, .langTh .relationStore, .langTh .div_btn_rectangle a, .langTh .no_rewards_list li, .langTh .rouletteNm, .langTh .stepNo, .langTh .stampIcon_con{font-size:14px;}
.langTh .ul_gnb_list li,.langTh .div_snb_list > div a span, .langTh .p_title_myinfo, .langTh  .div_tab_innerTop, .langTh .div_myinfo_form p, .langTh .mypage_store_list li div.div_store_info p:first-child, .langTh .downloadImg span, .langTh .stampCardTab p, .langTh .div_header_wizard li span, .langTh .ul_wizard_secondpage .font_20, .langTh .ul_chk_wizard .step03_con, .langTh .p_title_top, .langTh .mainTips{font-size:16px;}
.langTh .mypage_stampcard_div > div:nth-child(2) p:first-child, .langTh .p_title_leftsection, .langTh .p_title_leftsection02, .langTh .currentMonthDataBox li p:nth-child(1) span, .langTh .div_stats_type03inner:first-child, .langTh .p_excp_title{font-size:18px;}
.langTh .p_stamp_position{font-weight:lighter;}
.langTh .explain{letter-spacing: -0.3px;}
.langTh .coupon_conTips{letter-spacing: -0.2px;}
.langTh .coupon_con input[type=text], .langTh .coupon_con input[type=file], .langTh .coupon_con textarea{width:75%;}
.langTh .limitTxt{width:175px;margin-right:0;letter-spacing: -0.4px; line-height:20px;}
.langTh .limitTxt.couponLimitTxt{width:130px;}
.langTh .limitTxt.rouletteLimitTxt1{width:130px;}
.langTh .limitTxt.rouletteLimitTxt2{width:230px;}
.langTh .prizeRateTips{margin-left:205px;}
.langTh .cpnLimtLabel{width:70px;letter-spacing: -0.4px;}
.langTh .cpnLimtLabel.cpnWid{width:70px;}
.langTh .rouletteLimtLabel{width:62px;letter-spacing: -0.4px;}
.langTh .issuLimitTips{width: 370px;}
.langTh .modalInfo_form ul li input.wdt2{width:180px;}
.langTh .modalInfo_form ul li input.wdt3{width:170px;}
.langTh .modalInfo_form ul li input.wdt5{width:200px;}
.langTh .etc_input_group li input{width:82%;}
.langTh .couponlist_title{width:39%;}
.langTh .stampLimit p:first-child{vertical-align: middle;}
.langTh .stampIcon_con {font-family: 'Noto Sans Light';}
.langTh .currentMonthDataBox li p:nth-child(3){font-size:12px;}
.langTh .manager_txt{width:100%;margin:10px 0;}
.langTh .div_index03_top span.globalTxt{line-height:50px;margin-top:10px;}
.langTh .limitTxt img.enTips{top:3px;}
.langTh .inputManagerInfo input.brWidth{width:50%;}
.langTh .inputManagerInfo input.brWidth2{width:58%;}
.langTh .manager_code{top:345px;}
.langTh .spanWidth1{display:inline-block; width:95px; text-align: left; font-size:14px;}
.langTh .inputManagerInfo span{display:inline-block; width:140px; text-align: left;}
.langTh .inputManagerInfo span.resetBrPwd{width:100px; text-align: center;}
.langTh .inputManagerInfo input{display:inline-block; width:425px;}
.langTh .div_modal_input{margin-bottom:0;}
.langTh .bottom_btn a{width:150px !important;}
.langTh .limitTxt img.conTips{top:3px;}
.langTh .snsList{margin-top:-15px;}
.langTh .levelInfo{padding:2px 0 3px 0;}
.langTh .selectDashboardMonth{top:140px;}
.langTh .ul_stamp_list.type04 li span{font-size:8px;}
.langTh .ul_stamp_list.type05 li span{font-size:8px;}
.langTh .ul_stamp_list.type06 li span{font-size:8px;}
.langTh .textarea_wizard_title{font-size:14px;}
.langTh  .div_index02_infor p:nth-child(2),.langTh .div_index02_infor p:nth-child(5){font-size:132px;line-height:100px ;margin-left: 30px;}
.langTh  .hand_stamp{width:133px;vertical-align: top;margin:-20px 135px 0 180px;}
@media only screen and (max-width: 1280px){
	.login_pageBg{background-size:auto 100%;}
	.div_content_wrap, .content_wrap{min-width:100%;}
	 #div_content_body_stats,.div_header_wizard, .div_index01_inner,.div_address_bottom, .div_index04_inner,.contact_wrap,.contact_infor{width:1200px;}
	 #div_content_body{width:1200px;overflow: auto;}
	.div_content_title{max-width:1200px;}
	.div_index01,.div_index02,.div_index03,.content_top,.contact_content{min-width:1200px;}
	.div_content_type02{min-width:1200px;}
	.div_type02_inner{width:990px;}
	.div_content_inner, .noStampCard_tips, .noCoupon_tipsBox{width:1000px;}
	.div_address_bottom{min-width:100%;}
	.p_title_myinfoW{width:400px;}
	.stampCardTab p{width:497px;}
	.half_stpcard_left{width:503px;}
	.div_tab_store{width:497px;}
	.div_stats_chartInner.type01 > .div_chart_parts:nth-child(2){width:655px;}
	.currentMonthDataBox li{width:331px;}
	.currentMonthDataBox li:nth-child(3n+1){width:330px;}
	.div_qna_content{width:1160px;}
	.qna_content{width:960px; margin-left:180px;}
	.sectionList li{width:330px; padding:0 15px;}
	.sectionList li p{width:300px;padding:24px 24px 28px 24px;}
	.checkinSectionList  li{width:247.5px; padding:0 10px;}
	.checkinSectionList  li p{width:230px;padding:20px 20px 25px 20px;}
	.checkin_step03_con{width:80.5%;}
	.checkInputDate{width:25%;}
	.checkinInputTitle,.checkinTxtarea{width:65%;}
	.div_preview_section{width:350px;}
	.div_right_section{width:620px;}
	.wizard_secondpage_con{width:560px;margin-left:45px;}
	.ul_wizard_secondpage li .small_txt{width:560px;}
	.stpcard_bg_list .stpcard_bg_list_li{width:79px; margin-right:5px;}
	.stpcard_bg_list .stpcard_bg_list_li.type01{height:52px;}
	.stpcard_bg_list .stpcard_bg_list_li.type02{height:115px;}
	.stpcard_bg_list .stpcard_bg_list_li .li_btn_imgUpload img{width:40px;}
	.li_btn_imgUpload input{width:40px;height:40px;}
	.p_excp_subtit span.tipTxt{width:420px;}
	.type01 .li_btn_imgUpload input,.stpcard_bg_list .stpcard_bg_list_li.type01 .li_btn_imgUpload img{top:6px;}
	.type02 .li_btn_imgUpload input,.stpcard_bg_list .stpcard_bg_list_li.type02 .li_btn_imgUpload img{top:32.5px;}
	.stampIcon_conMiddle{margin-left:10px;width:260px;}
	.ul_stpNum_list p{width:40px;height:40px;line-height:36px; margin-right:6px;margin-bottom:6px;}
	.stampIcon_conRight{width:80px;}
	.selectStampIcon{width:40px;}
	.stampLimit p:first-child{width:145px;}
	.iLabel{width:100px;}
	.p_title_leftsection.tab03{padding-left:0px;}
	.ul_chk_wizard .step03_con{width:560px;margin-left:6px;}
	.ul_chk_wizard .small_txt{width:560px;}
	.step03_conLeft{width:160px;}
	.step03_conRight{width:300px;margin-right:40px;}
	.no_rewards_list li{width:140px;margin-right:10px;}
	.div_index_content{min-width:100%;}
	.div_header_inner{padding: 0 36px;}
	.ul_gnb_list{margin-right:40px;}
	.div_index02_inner, .div_index03_inner{width:1024px;}
	.home_index01{width:1024px;top:160px;left:10%;}
	.home_index01 p:nth-child(1){font-size:54px;}
	.home_index01 p:nth-child(2){font-size:15px;margin-top:12px;}
	.p_index_topBtn{margin-top:40px;}
	.p_index_topBtn > a{font-size:16px;min-width:95px;height:32px;line-height:32px;}
	.iconList{margin-top:16px;}
	.indexVideoBox{width:344px;}
	.indexVideo{min-height:200px;}
	.indexVideoBox span{width:96px;height:24px;line-height:24px;font-size:12px;}
	.div_index02{padding-top:56px;padding-bottom:64px;}
	.div_index02_infor{margin-bottom:24px;}
	.div_index02_infor p{font-size:18px;}
	.div_index02_infor p:nth-child(2){font-size:54px;margin:30px 0 0 -150px;line-height:80px;}
	.div_index02_infor p:nth-child(5){font-size:105px;margin-left:24px;line-height:80px;}
	.globalEn .div_index02_infor p:nth-child(2), .globalEn .div_index02_infor p:nth-child(5){font-size:105px;margin-left:24px;line-height:80px;}
	.globalEn .hand_stamp{margin-left:144px;margin-right:108px;width:106px;margin-top:-16px;}
	.langKo .div_index02_infor p:nth-child(2), .langKo .div_index02_infor p:nth-child(5){font-size:105px;margin-left:24px;line-height:80px;}
	.langKo .hand_stamp{margin-left:144px;margin-right:108px;width:106px;margin-top:-16px;}
	.langTh .div_index02_infor p:nth-child(2), .langTh .div_index02_infor p:nth-child(5){font-size:105px;margin-left:24px;line-height:80px;}
	.langTh .hand_stamp{margin-left:144px;margin-right:108px;width:106px;margin-top:-16px;}
	.hand_stamp{margin-left:114px;margin-right:88px;width:106px;margin-top:-16px;}
	.div_index02_infor p:nth-child(6){font-size:54px;line-height:120px;}
	.div_index02_info_title{font-size:34px;line-height:45px;}
	.div_index02_info{font-size:16px;line-height:24px;}
	.div_index02_info span{font-size:19px;}
	.p_index_innerTit{font-size:32px;line-height:50px;margin-bottom:16px;}
	.div_index03{padding-bottom:64px;}
	.p_index_line{margin-top:56px;}
	.div_index03_top span{font-size:32px;line-height:96px;margin-left:24px;}
	.div_index03_top span.globalTxt{line-height:56px;}
	.div_index03_top img{width:63px;}
	.p_index03_pic{width:100%;margin:10px auto;}
	.p_index03_img{width:588px;}
	.div_index03_txt{font-size:16px;line-height:22px;marign:16px auto;}
	.phone_pic{height:408px; top:-100px;right:-100px;}
	.tryIt{font-size:14px;line-height:32px;height:36px;}
	.referenceList{padding:40px 26px;}
	.referenceList li{width:284px;margin: 0 13px;}
	.reference_title{font-size: 13px;margin:8px auto 16px;}
	.reference_txt{font-size: 14px;}
	.moreReference{font-size:12px;padding: 0 24px;height:36px;line-height:34px;margin-top:16px;}
	.moreReference img{width:12px;margin-left:8px;}
	.customers_pic{padding:40px; margin:16px auto 0;}
	.div_address_bottom{min-width:100%; padding:38px 36px 16px;}
	.copyright{font-size:13px;}
	.downloadInfoTxt{margin-bottom:13px;}
	.downloadInfoTxt a{font-size:13px;line-height:16px;}
	.downloadTip p{font-size:14px;}
	.customerServiceImg{font-size:13px; width: 120px;right:160px;top:-20px;}
	.managerCodeImg{font-size:13px; width: 120px;top:-20px;}
	.customerServiceImg img: .managerCodeImg img{width:120px;}
	.centerBtnBox{min-width:1200px;}
	.globalEn .couponlist_title{width:41%;}
	.langKo .couponlist_title{width:41%;}
	.langTh .couponlist_title{width:41%;}
	@-webkit-keyframes scaleDown {
		0%{width:100%;}
		100%{width:1024px;}
	}
	@keyframes scaleDown {
		0%{width:100%;}
		100%{width:1024px;}
	}
	@-webkit-keyframes scaleUp {
		0%{width:1024px;}
		100%{width:100%;}
	}
	@keyframes scaleUp {
		0%{width:1024px;}
		100%{width:100%;}
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1540px){
.centerBtnBox{display: none;}
}
@media only screen and (max-width: 1230px){
.centerBtnBox{display: none;}
}
@media only screen and (max-width: 980px){
.centerBtnBox{display: block;}
.btnPre{left:20px;}
.btnNext{right:20px;}
}