@charset "utf-8";


@font-face {
/*    font-family: 'Noto Sans Regular'; */
    font-family: 'Microsoft Yahei';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(font/NotoSansCJKkr-Regular.eot) ,
    url(font/NotoSansCJKkr-Regular.woff) format('woff'),
    url(font/NotoSansCJKkr-Regular.otf) format('opentype');
}


/* CSS RESET */
html {font-size:16px;height:100%;}
html, body {-webkit-text-size-adjust:none;}
html, body, div, form, input, select, button, textarea, legend, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, address, p, th, td, caption {margin:0; padding:0;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
ol, ul, li {list-style:none;} img, fieldset {border:0 none;}
input[type=text], input[type=password], input[type=submit], input[type=search], textarea {-webkit-appearance:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {/* WebKit browsers */color:#CDCFDC;}
input:-moz-placeholder,textarea:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color:#CDCFDC;}
input::-moz-placeholder,textarea::-moz-placeholder {/* Mozilla Firefox 19+ */color:#CDCFDC;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {/* Internet Explorer 10+ */color:#CDCFDC;}
.div_coupon_popupInner .p_coupon_subtitle textarea:-ms-input-placeholder { color: #cdcfdc; }
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;letter-spacing:0.4px;min-height:100%;height:100%;
    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);*/
}




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

/* [ 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 : #43464d
blue : #2a75e8
gray : #8a8c98
light gray : #b2b4b6
back_gray : #e2e3eb
border : #e2e3eb

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

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

/* [ common - color] */
.back_gray {background-color:#e2e3eb;}
.back_darkgray {background-color:#43464d;}
.font_red {color:#F76163!important;}
.font_blue {color:#2A75E8!important;}
.font_gray {color:#9BACC7!important;}
.font_darkgray{color:#43464D!important;}
.font_beige{color:#FFD5D5!important;}

/* [ common - header] */
.div_header {position:fixed;width:100%;top:0;left:0;background-color:#fff;z-index:5;}
/* .div_header_inner {width:100%;width:1080px;margin:0 auto;height:60px;} */
/* .h1_header_logo {float:left;margin-top:14px;margin-left:72px;}
.h1_header_logo img {display:block;width:124px;} */

.ul_gnb_list{display:inline-block;vertical-align:middle;margin-right:50px;}
.ul_gnb_list li {display:inline-block;vertical-align:middle;height:60px;line-height:60px;font-size:15px;letter-spacing:-0.7px;font-weight:bold;}
.ul_gnb_list li a {padding:0 20px;color:#43464d;cursor:pointer;}
.ul_gnb_list li.on a {color:#2a75e8;}
.ul_gnb_list li.selectStpCrdType{position:relative; width:133px;background:url(../images/icon_scType.png) no-repeat 105px center; color:#43464d;text-align: center;cursor: pointer;}
.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:#333333;font-size:12px;font-weight:lighter; margin:0 auto;border-bottom:1px solid #aaaaaa;}
.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;}


/* [ common - content_default ] */
.div_content_wrap {position:relative;width:100%;min-height:100%;margin:0 auto;/*background-color:#fff;*/overflow:auto;}
.div_content_wrap:before {width:100%;/*height:60px;*/height:0;background-color:#e2e3eb;display:block;content:"";}
#div_content_body {width:1080px;margin:0 auto;background-color:#fff;position:relative;height:800px;margin-bottom:100px;}
#div_content_body_stats {width:1080px;margin:0 auto;background-color:#fff;position:relative;margin-bottom:80px;}
#div_content_body_stats .div_content_inner {position:relative;min-height:780px;}

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

/* [ content :default ] */
.div_content_title {background-color:#e2e3eb;width:100%;padding:80px 0 20px;position:relative;z-index:3;max-width:1080px;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:90px;height:100%;overflow:auto;border-right:1px solid #e2e3eb;}
.div_snb_list > div {width:100%;text-align:center;height:90px;}

.div_snb_list > div a {position:relative; display:block;width:100%;padding-top:20px;height:70px;}
.div_snb_list > div a span {display:block;width:100%;color:#8a8c98;font-size:13px;}
.div_snb_list > div a span.hasMsg{position:absolute;right:25px;top:18px; width:10px;height:10px;background:#ff0000; border-radius: 50%;}
.div_snb_list > div a img {display:block;width:27px;height:27px;margin:0 auto;margin-bottom:10px;}

.div_snb_list > div.on {background-color:#43464d;}
.div_snb_list > div.on a span {color:#e3e3e4;}
.div_content_inner {position:absolute;top:0;left:90px;width:990px;height:100%;overflow:hidden;}

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

.div_tab_stpcard {position:absolute;top:0;right:590px;width:400px;border-right:1px solid #e2e3eb;height:100%;}
.div_tab_store {position:absolute;top:0;right:230px;width:360px;border-right:1px solid #e2e3eb;height:100%;}
.div_tab_stamp {position:absolute;top:0;right:0px;width:230px;height:100%;}
.div_tab_innerTop {height:90px;line-height:90px;width:100%;border-bottom:1px solid #e2e3eb;position:relative;z-index:3;}
.div_tab_innerTop p{width:auto;padding:0 27px;padding-right:22px;font-weight:bold;}
.div_tab_innerTop p span {color:#888b92;font-size:16px;font-weight:bold;}
.div_tab_innerTop p span:nth-child(2) {color:#f76163;padding-left:7px;}
.div_tab_innerTop p a {float:right;color:#ffffff;background:#6aa4ff;font-size:12px;padding:0 10px;height:22px;margin-top:34px;line-height:22px;letter-spacing: 3px;}

.div_tab_innerBody {position:relative;height:710px;}
.div_tab_innerScroll {position:relative;height:100%;}
/* .div_tab_innerScroll .mCSB_container { overflow: visible !important; } */

.mypage_stampcard_list {width:100%;}
.mypage_stampcard_list li {width:auto;padding:26px;margin:0 auto;position:relative;border-bottom:1px solid #e2e3eb;background-color:#fff;overflow:visible;}
.mypage_stampcard_list li.on{background-color:#f6f7f9;}

.mypage_stampcard_div {width:100%;display:table;}
.mypage_stampcard_div > div {display:table-cell;vertical-align:middle;}

.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) {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(1) span {position:absolute;width:100%;bottom:0;left:0;padding:7px 0;font-size:12px;text-align:center;display:block;font-weight:bold;}
.mypage_stampcard_div > div:nth-child(1) span.type_status01 {background-color:rgba(255,255,255,0.8);color:#3d7fe5;}
.mypage_stampcard_div > div:nth-child(1) span.type_status02 {background-color:rgba(42,109,210,0.8);color:#fff;}
.mypage_stampcard_div > div:nth-child(1) span.type_status03 {background-color:rgba(0,0,0,0.5);color:#fff;}
.mypage_stampcard_div > div:nth-child(1) span.type_status04{background-color:rgba(359,62,97,0.8);color:#fff;}

.mypage_stampcard_div > div:nth-child(2) {width:auto;}
.mypage_stampcard_div > div:nth-child(2) p {width:96%;margin-left:4%;font-size:14px;color:#cdcfdc;}
.mypage_stampcard_div > div:nth-child(2) p:first-child{padding-bottom:8px;font-size:16px;color:#43464d;font-weight:bold;}

.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:12px;right:100px;color:#2a75e8;font-size:14px;display:block;border:1px solid #2a75e8;border-radius:50px;height:24px;line-height:24px;width:100px;text-align:center;}
.a_btn_url {position:absolute;bottom:12px;right:22px;color:#2a75e8;font-size:14px;display:block;border:1px solid #2a75e8;border-radius:50px;height:24px;line-height:24px;width:51px;text-align:center;}
.a_btn_url span {display:inline-block;vertical-align:middle;padding-right:4px;line-height:1;padding-left:5px;}
span.point_border_blue {display:inline-block;vertical-align:middle;width:0;height:0;border:5px solid #2a75e8;border-bottom-color:transparent;border-right-color:transparent;border-top-color:transparent;padding:0;}

/* div_hover_url */
.div_hover_url {position:fixed;top:0;right:0;width:348px;background-color:#2A75E8;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%; height: 710px; overflow: auto;}
.mypage_store_list li {width:auto;padding:26px;margin:0 auto;position:relative;background-color:#fff;overflow:visible;}
.mypage_store_list li.on{background-color:#f6f7f9;}

.mypage_store_list li div p {position:relative; width:96%; line-height:1.5}
.mypage_store_list li div p:first-child{padding-bottom:8px;font-size:17px;color:#43464d;font-weight:bold;width:auto;}
.mypage_store_list li div p:nth-child(3){font-size:14px;color:#cdcfdc;}
.mypage_store_list li div p:nth-child(4), .mypage_store_list li div p:nth-child(5), .mypage_store_list li div p:nth-child(6){font-size:14px;color:#cdcfdc;}
.mypage_store_list li p:nth-child(3) a,.mypage_store_list li div p:nth-child(5) a, .mypage_store_list li div p:nth-child(6) a, .mypage_store_list li div p:nth-child(7) a,.mypage_store_list li div p:nth-child(8) a {font-size:14px;color:#6aa4ff;}
.div_store_info {padding:10px 0 5px;}

.div_store_info p:first-child {cursor:pointer;}
.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 #8A8C98;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:#d0d2de;font-size:15px;padding-top:140px;}
.p_excp_stamp {text-align:center;color:#d0d2de;font-size:15px;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:#8a8c98;padding:0;font-size:14px;}

.div_exception_box {width:590px;height:100%;background-color:#fff;position:absolute;top:90px;right:0;text-align:center;/*display:none;*/}
.div_exception_box:before{position:relative;display:inline-block;vertical-align:middle;width:0;height:100%;content:"";}
.div_exception_boxInner {display:inline-block;vertical-align:middle;width:90%;padding-bottom:170px;}

.p_excp_title {font-size:18px;color:#a2b1cb;}
.p_excp_subtit {font-size:13px;color:#9d9fa9;padding-top:20px;}
.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;}


/* [ 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:#43464d;}
.div_copyright_inner.type_light {color:#8A8C98;background-color:transparent;}

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


/* [ modal : regist Store ] */
.div_modal_wrap {width:780px;margin:0 auto;background-color:#fff;position:relative;}
.div_modal_top {padding:40px 50px;position:relative;width:auto;text-align:left;}
.a_close_modal {position:absolute;top:19px;right:19px;width:20px;display:block;}
.a_close_modal img {display:block;}
.p_modal_title {font-size:19px;color:#43464d;padding:10px 0 20px;font-weight: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;}
.div_input_box {width:100%;position:relative;}
.div_input_box input {display:block;width:100%;border:0;outline:0;border-bottom:3px solid #cdcfdc;text-indent:10px;padding:7px 0;font-size:14px;}
.div_input_box input:focus {border-color:#f76163;}
.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_regist_circle {width:auto;display:inline-block;vertical-align:middle;overflow:auto;float:right;margin-top:19px;}
.btn_regist_circle a {width:76px;height:76px;line-height:76px;border-radius:50%;border:1px solid #d0d2de;color:#f76163;display:block;text-align:center;float:right;font-size:14px;}
.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:#f76163;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;}
.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);
}

.div_upload_input {border:5px solid #f1f2f4;overflow:auto;padding:1px 0;}
.div_upload_input a {color:#8a8c98;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:#f76163;}
.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:#f1f2f4;content:"";}
.div_upload_fileTag:after {position:absolute;top:5px;right:0;height:40px;width:3px;background-color:#f1f2f4;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:#8a8c98;white-space:nowrap;}
.a_btn_upload input {display:block;width:100%;opacity:0;height:50px;color:#8a8c98;cursor:pointer;}
.a_btn_upload input * {cursor:pointer;}
#inputExcelFileName {width:72%;display:inline-block;outline:0;border:0;}

.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:#8A8C98;padding-top:36px;}


.div_modal_bottom {padding:40px 50px;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 #cdcfdc;border-radius:5px;background-color:#fff;color:#2a75e8;padding:12.5px 0;width:62%;margin:10px auto;font-size:13px;cursor:pointer;}

.img_stamp_serial {width:100%;display:block;padding-top:10px;}

.div_modal_listTitle{color:#f76163;padding:10px 0;font-size:13px;}
.div_modal_listTitle.type02{color:#2a75e8;}
.div_modal_listTitle.type02 a {float:right;color:#9495a0;font-size:12px;}
.div_modal_scrollarea {height:459px;border:1px solid #cdcfdc;background-color:#fff;margin-bottom:10px;}
.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:#2a75e8;}

.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:#43464D;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 #E2E3EB;border-right:1px solid #E2E3EB;}
.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:#8A8C98;width:100%;display:block;border:1px solid #CDCFDC;border-radius:5px;font-size:14px;}

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

/* [ mypage_myinfo ] */
.div_myinfo_wrap {width:auto;padding:0;}
.p_title_myinfo {height:90px; line-height:90px; color:#888b92;font-weight:bold;font-size:16px;padding:0 27px 0 55px;background:url(../images/icon_tab_stpcard.png) no-repeat 27px center;background-size:auto 25%; border-bottom:1px solid #E2E3EB;}
.p_title_myinfo a {color:#8A8C98;font-size:14px;float:right;}
.div_myinfo_form {padding:26px;}
.div_myinfo_form p {font-size:14px;color:#888b92;padding-bottom:24px;}
.div_myinfo_form p:last-child{padding-bottom:0;}
.div_myinfo_form p span {display:inline-block;vertical-align:top;}
.div_myinfo_form p span:first-child{width:23%;}
.div_myinfo_form p span:last-child{width:77%;color:#888b92;}

.p_title_notice {color:#8A8C98;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:#9BACC7;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 #CDCFDC;color:#8A8C98;}
.div_userInfo_form td:nth-child(2) input:focus {border-bottom-color:#8A8C98;}

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

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


/* stats : [ ul_stats_tab ] */
.ul_stats_tab {width:100%;overflow:hidden;}
.ul_stats_tab li {height:90px;width:33.3333%;float:left;text-align:center;cursor:pointer;position:relative;}
.ul_stats_tab li.customer_stats_tab_li {width: 50%;}
.ul_stats_tab li:not(:first-child):before {position:absolute;left:0;top:25%;height:50%;width:1px;background-color:#E2E3EB;content:"";}
.ul_stats_tab li.customer_stats_tab_li:not(:first-child):before {width:2px;}
.ul_stats_tab li p {height:90px;line-height:90px;width:96%;margin:0 auto;font-size:16px;position:relative;color:#8A8C98;}
.ul_stats_tab li.on p {font-weight:bold;color:#43464D;}
.ul_stats_tab li p:before {position:absolute;bottom:0%;left:20%;width:60%;height:0px;background-color:#43464D;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;padding:50px 80px 60px;background-color:#F6F7F9;}
.div_stats_chartInner {width:100%;overflow:auto;}
.div_stats_chartInner > .div_chart_parts {float:left;}
.div_stats_chartInner.type01 > .div_chart_parts:nth-child(1) {width:35%;margin-right:3%;}
.div_stats_chartInner.type01 > .div_chart_parts:nth-child(2) {width:62%;}
.div_stats_chartInner.type02 > .div_chart_parts:nth-child(2) {width:35%;}
.div_stats_chartInner.type02 > .div_chart_parts:nth-child(1) {width:62%;margin-right:3%;}
.div_chart_innerBox{padding:20px 24px;background-color:#fff;border:1px solid #E2E3EB;border-radius:8px;position:relative;}
.div_stats_chartInner.type01 > .div_chart_parts:nth-child(1) .div_chart_innerBox:first-child{margin-bottom:20px;}
.div_stats_chartInner.type02 > .div_chart_parts:nth-child(2) .div_chart_innerBox:first-child{margin-bottom:20px;}
.div_chart_innerBox > .innerbox_name {position:absolute;top:22px;left:24px;font-size:15px;color:#9BACC7;}
.div_chart_innerBox > .p_count_blue {text-align:right;font-size:30px;color:#2A75E8;}
.div_chart_innerBox > .p_count_gray {text-align:right;font-size:20px;color:#9BACC7;padding-top:15px;}


.p_chart_index {width:100%;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:#2A75E8;width:9px;height:9px;border-radius:50%;margin-right:4px;display:inline-block;vertical-align:middle;}
.p_chart_index a span {color:#2A75E8;font-size:14px;display:inline-block;vertical-align:middle;}
.p_chart_index a:last-child i {background-color:#9BACC7;}
.p_chart_index a:last-child span {color:#9BACC7;}

/* stats : [ div_bar_chart ] */
.div_bar_chart {width:90%;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:14.285714%;height:100%;float:left;position:relative;text-align:center;}
.ul_bar_inner li>.div_bar_wrap {position:absolute;bottom:0;left:0%;width:100%;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:first-child {position:absolute;top:-17px;left:0%;font-size:11px;width:100%;display:inline-block;color:#2A75E8;}
.ul_bar_inner li>.div_bar_wrap span:last-child {position:absolute;bottom:-17px;left:0%;font-size:11px;width:100%;display:inline-block;color:#9BACC7;}
.ul_bar_inner li .inner_bar {position:absolute;width:16%;left:42%;background-color:#D9E8FF;height:100%;bottom:0;}
.ul_bar_inner li:hover .inner_bar {background-color:#2A75E8;}
.ul_bar_inner li.on .inner_bar  {background-color:#2A75E8;}


.div_stats_search {background-color:#8A8C98;padding:38px 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;}
.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 #CDCFDC;}
.div_search_select .customSelect_wrap.select_on .customSelect_option_wrap {background-color:#8A8C98;max-height:none;}
.div_customer_contents .div_search_select .customSelect_wrap.select_on .customSelect_option_wrap {background-color:#8A8C98;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 #CDCFDC;}
.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 #CDCFDC;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%;}
.table_stats_list td {font-size:14px;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 thead {border-bottom:1px solid #E2E3EB;}
.table_stats_list thead td {text-align:center;}
.table_stats_list thead td p {color:#9BACC7;position:relative;}
.table_stats_list thead td p:before {position:absolute;right:0;top:20%;height:60%;width:1px;background-color:#E2E3EB;content:"";}
.table_stats_list thead td:last-child p:before{content:none;width:0;}
.table_stats_list tbody {border-bottom:1px solid #E2E3EB;}
.table_stats_list tbody td {text-align:center;color:#8A8C98;padding:10px 0;}
.table_stats_list.type01 tbody td:last-child p{color:#CDCFDC;}
.div_customer_contents .table_stats_list.type01 tbody td:last-child p{color:#8A8C98;}
.div_customer_contents .table_stats_list.type02 tbody td:last-child p{color:#8A8C98;}
.div_customer_contents .table_stats_list.type02 tbody td a.customer_download_button{color:#2A75E8; 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:#CDCFDC;}
.table_stats_list.type02 tbody td:last-child p{color:#CDCFDC;}
.div_btn_execelDown {display:inline-block;position:absolute;bottom:0;right:32px;width:auto;text-align: right;}
.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;font-size:14px;color:#8A8C98; 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 #E2E3EB;}
.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:#000;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:#E2E3EB;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:34px 0;overflow:auto;}
.div_stats_type03inner {float:left;text-align:center;padding:20px 0;}
.div_stats_type03inner:first-child{width:66.6666%;font-size:20px;padding:37px 0;}
.div_stats_type03inner:last-child{width:33.3333%;position:relative;}
.div_stats_type03inner:last-child:before {position:absolute;left:0;top:10%;height:80%;width:1px;background-color:#E2E3EB;content:"";}
.div_stats_type03inner:last-child > div {display:inline-block;vertical-align:middle;width:40%;}
.div_stats_type03inner:last-child > div p {font-size:14px;}
.div_stats_type03inner:last-child > div span {display:inline-block;padding-top:10px;font-size:28px;}

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


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

/* [ 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:#8A8C98;position:relative;cursor:pointer;}
.div_loginJoin_tab div:first-child:before {position:absolute;top:30%;right:0;height:40%;width:1px;background-color:#E2E3EB;content:"";}

.div_loginJoin_tab div span {height:32px;line-height:32px;}
.div_loginJoin_tab div.on {color:#F76163;}
.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:#8A8C98;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:#8A8C98;position:relative;cursor:pointer;}
.div_login_buJointton > div:first-child {background-color:#E2E3EB;color:#8A8C98;}
.div_login_buJointton > div:last-child {background-color:#F76163;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:#F76163;}


#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:1080px;text-align:center;padding-bottom:5px;}
.div_header_wizard > div {width:120px;display:inline-block;vertical-align:middle;float:left;margin-top:11px;}
.div_header_wizard > div:last-child{text-align:right;float:right;}
.div_header_wizard > ul {width:810px !important;display:inline-block;vertical-align:middle;text-align:center;letter-spacing: -0.5px;}

.div_header_wizard li {color:#CDCFDC;font-size:15px;display:inline-block;vertical-align:middle;width:200px;padding:15px 0;}
.div_header_wizard li span {display:inline-block;vertical-align:middle;text-align:left;}
.div_header_wizard li img {/*float:right;*/padding-top:2px;display:inline-block;vertical-align:middle;margin-left:15px;}

.div_header_wizard li.on {color:#2A75E8;font-weight:bold;font-size:19px;}

.div_btn_rectangle {width:auto;display:inline-block;vertical-align:middle;margin-top:4px;}
.div_btn_rectangle a{width:100px;height:40px;line-height:40px;color:#95989A;display:block;text-align:center;float:right;font-size:17px;border-radius:5px;}
.div_btn_rectangle.type_blue a{background-color:#2A75E8;color:#fff;}


/* Stampcard Request (wizard page)*/
.div_content_type02 {width:100%;padding-top:100px;padding-bottom:70px;min-width:1080px !imporant;opacity:0;
-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;
}
.div_type02_inner {width:100%;position:relative;margin:0 auto;max-width:1080px;}
.div_left_section {position:absolute;left:0px;top:0;width:340px;height:100%;}
.div_right_section {float:inherit !important; position:absolute;right:0px;top:0;width:340px !important;height:100%;overflow-y:auto;}

.div_preview_section {float:inherit !important; width:375px !important;margin:0 auto;overflow:hidden;border-radius:42px;}
.div_preview_section.intro {float:inherit; width:340px;border-radius:39px;}
.div_frame_preview {}
.div_frame_screen {width:100%;background:#fff !important;border-left:1px solid #cdcfdc;border-right:1px solid #cdcfdc; padding:0 !important;}
.div_screen_inner {width:90% !important;margin:0 auto;position:relative;background-color:#f6f7f9;border:1px solid #cdcfdc;overflow:hidden;z-index:1;}
.div_screen_inner.border_none{border:0;background-color:#fff;}
.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:18px !important;color:#CDCFDC !important;line-height:1.4;padding-bottom:20px; text-align: left !important;}

.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:#8A8C98;content:"";}
#divIntro02 img:last-child{display:none;}

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

.ul_wizard_intro {margin-left:60px;width:auto;overflow:visible;padding-top:60px;}
.ul_wizard_intro li {color:#8A8C98;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:#8A8C98;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;}
.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;border:none !important; vertical-align:top;width:40px;height:40px;background-image:url(../images/wizard/img_chk_off.png);background-size:40px 40px;background-position:center center;background-repeat:no-repeat;cursor:pointer;}
.input_radio_wizard:checked + .label_radio_wizard {background-image:url(../images/wizard/img_chk_on.png) !important;}

.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:#8A8C98;}
.div_right_section li:nth-child(2) .label_radio_wizardType i>i {background-color:#2A75E8;}
.div_right_section li:nth-child(3) .label_radio_wizardType i>i {background-color:#F76163;}
.div_right_section li:nth-child(4) .label_radio_wizardType i>i {background-color:#000000;}

.label_radio_wizardType > span {display:inline-block;vertical-align:middle;padding-left:8px;}
.input_radio_wizardType:checked + .label_radio_wizardType > i {background-color:#fff;}

.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 #8A8C98;}
.div_right_section .ul_wizard_typeList li:last-child {border-bottom:1px solid #8A8C98;}

/* ul_wizard_secondpage */
.p_title_leftsection02 {font-size:18px !important;color:#43464D !important;line-height:1.4;padding-bottom:70px !important;padding-left:0  !important; padding-top:70px;position:relative;}
.p_title_leftsection02:before {position:absolute;bottom:25px;left:0;width:56px;height:1px;background-color:#8A8C98;content:"";}
.ul_wizard_secondpage .font_20{color:#8A8C98;font-size:16px;}
.ul_wizard_secondpage li {margin:0 !important; padding:25px 0;width:230px !important;background:none !important;}
.ul_wizard_secondpage li.on .font_20 {color:#F76163;}
.ul_wizard_secondpage li.finish .font_20 {color:#23a500}
.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;}

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


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


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



/* [ div_stampcard_header ] */
.div_stampcard_header {width:100%;position:relative;z-index:1;background-color:#43464D !important;overflow:hidden;}
.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:#333333;font-size:1.125rem;margin:0 auto;}
.div_stampcard_title p {color:#fff;/*font-size:1.125rem;*/}
.img_bg_custom {position:absolute;width:100%;height:auto;z-index:0;top:0;left:0%;display:block;max-width:640px;}

.div_btn_imgUpload {display:block;width:34px !important;position:absolute;top:10px !important;right:12px !important;z-index:3;margin:5px;cursor:pointer;border:2px solid transparent;overflow:visible;}
.div_btn_imgUpload span {position:absolute;right:100% !important;display:none;width:150px;white-space:nowrap;font-size:13px;top:5px !important;}
.div_btn_imgUpload.on , .div_btn_imgUpload:hover {border-color:#F76163;cursor:pointer;background-color:#fff;border-radius: 0% !important;}
.div_btn_imgUpload.on  span, .div_btn_imgUpload:hover span {display:block;}
.div_btn_imgUpload input {position:absolute;top:0;right:0;width:40px;height:100%;cursor:pointer;opacity:0;}

/* [ div_stampcard_body ] */
.div_stampcard_body {width:100% !important;margin:0 auto;position:relative;z-index:2;padding:20px 0 !important;}
.txtarea_store_customtxt {text-align:center;color:#8a8c98;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:#F76163;}
.txtarea_store_customtxt:focus + .text_byte_meter, .txtarea_store_customtxt:hover + .text_byte_meter {opacity:1;color:#F76163;}

.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;}
.img_stamp_on {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;
/*-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:100%;height:auto;bottom:0;left:0; z-index:2;}


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

.div_couponlist_title {position:relative;width:100%;padding:12px 0;}
.div_couponlist_title:before {position:absolute;top:48%;left:0;width:30%;height:1px;background-color:#cdcfdc;content:"";}
.div_couponlist_title:after {position:absolute;top:48%;right:0;width:30%;height:1px;background-color:#cdcfdc;content:"";}
.div_couponlist_title img {width:26%;margin:0 auto;display:block;}

.ul_coupon_list {width:100%;padding:15px 0;}
.ul_coupon_list li {width:100%;margin-bottom:10px;border:1px solid transparent;}
.ul_coupon_list li.on {border-color:#F76163;}
.div_coupon_wrap {position:relative; display:table;width:100%;background-color:#fff;border:1px solid #D8D8D8;}
.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:80%;margin:10px auto;position:relative;overflow:hidden;}
.img_conpon_thumb {position:absolute;top:0;left:0;}
.div_coupon_info {width:70%;position:relative;}
.div_coupon_info p {width:94%;margin:0 auto;padding:2px 0;/* word-break:break-word; */word-break:break-all;}
.p_stamp_position {color:#D44E30;font-size:0.813rem;letter-spacing:0;font-weight:bold;
font-family:"Palatino Linotype", "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
}
.p_coupon_title {color:#3D3D3D;font-size:0.875rem;}
.p_coupon_subtitle  {color:#979797;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;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%;margin:0 auto;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:#979797;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;padding:36px 0;font-size:0.875rem;color:#979797;cursor:pointer;}

#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:0 auto;margin:5px auto 10px;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:#F76163;float:right;padding:2px;}
.div_coupon_popupInner .p_coupon_title input:focus {border-bottom-color:#F76163;}
.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:#8A8C98;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:#F76163;}
.div_coupon_popupInner .p_coupon_subtitle span {font-size:12px;opacity:0;color:#F76163;float:right;padding:2px;}
.div_coupon_popupInner .p_coupon_subtitle textarea:focus + span {opacity:1;}
.div_coupon_popupInner .p_coupon_limit {color:#8a8c98;font-size:0.813rem;}

.div_coupon_notice {width:100%;padding:10px 0;text-align:left;position:relative;margin-top:30px;}
.div_coupon_notice:before {position:absolute;top:0;left:0;width:17%;height:1px;background-color:#D8D8D8;content:"";}
.div_coupon_notice p {color:#D8D8D8;font-size:12px;width:76%;}
.img_stamp_hand {position:absolute;width:24%;bottom:0;right:0;}


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

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




#img_stampcard_topframe {opacity:0;}
.textarea_wizard_title {color:#333;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
.textarea_wizard_title:focus , .textarea_wizard_title:hover {border-bottom-color:#F76163;}
.text_byte_meter {text-align:right;color:#F76163;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:#F76163;}


.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:#8A8C98;line-height:1.4;}
.div_right_section .font_18 {color:#8A8C98 !important;margin-bottom:20px;line-height:1.4;font-size:14px;}
.div_right_section .div_right_inner {width:240px !important;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 #8A8C98;}
.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:17px 0 30px;}
.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 #8A8C98;}
.div_select_filterColor > div:nth-child(2) .label_radio_wizardType i>i {background-color:#8A8C98;}
.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:#F76163;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:#8A8C98 !important;}

.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:100%;position:relative;margin-bottom:10px;}
.div_stamp_imgUpload > div {width:42px;height:42px;position:relative;cursor:pointer;display:inline-block;vertical-align:middle;margin-right:15px;}
.div_stamp_imgUpload > p {display:inline-block;vertical-align:middle;}

.div_stpCount_wrap {width:100%;background-color:#fff;position:relative;overflow:visible;cursor:pointer;margin-bottom:30px;}
.div_stpCount_select {height:50px;line-height:50px;width:100%;font-size:11px;color:#8A8C98;border:1px solid #CDCFDC;text-align:center;}
.div_stpCount_select input {width:20px;outline:0;border:0;background-color:transparent;font-size:18px;color:#F76163;text-align:center;cursor:pointer;}
.div_stpCount_select span.font_18 {font-size:11px;}
.ul_stpCount_list {position:absolute;width:100%;overflow:hidden;top:49px;left:0;height:auto;background-color:#fff;border:1px solid #CDCFDC;border-top:0;z-index:1;}
.ul_stpCount_list li {width:100%;text-align:center;font-size:18px;color:#F76163;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_stpCount_list li.on , .ul_stpCount_list li:hover {background-color:#F6F7F9;}
.div_stpCount_wrap.on li {height:50px;}
.ul_stpNum_list {width:230px;margin-bottom:30px;overflow:auto;}
.ul_stpNum_list li {width:42px;margin-bottom:9px;margin-right:5px;float:left;height:42px;line-height:42px;background-color:#E2E3EB;color:#8A8C98;text-align:center;cursor:pointer;}
.ul_stpNum_list li:nth-child(5n){margin-right:0px;}
.ul_stpNum_list li.on {border:1px solid #CDCFDC;background-color:#fff;color:#F76163;}

.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:#E2E3EB;color:#8A8C98;cursor:pointer;}
.div_btn_mobileFrame div:last-child{background-color:#F76163;color:#fff;}


.div_couponReg_intro {margin-top:260px;}
.div_couponReg_intro .font_18 {color:#43464D;}
.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:#8A8C98;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:#43464D;}
.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:#43464D !important;margin-bottom:20px;padding-bottom:30px;position:relative;padding-top:40px; padding-left:0 !important;}
.p_title_leftsection.tab03:before {position:absolute;bottom:0;width:55px;height:1px;background-color:#8A8C98;content:"";}
.ul_chk_wizard {}
.ul_chk_wizard .label_radio_wizard {position:relative;overflow:visible;}
.ul_chk_wizard .label_radio_wizard span {position:absolute;width:200px;left:70px;white-space:nowrap;top:10%;}
.ul_chk_wizard .label_radio_wizard span.font_20 {font-size:17px;}
.ul_chk_wizard .input_radio_wizard:checked + .label_radio_wizard span {color:#2A75E8 !important;}
.ul_chk_wizard li {padding:17.5px 0;}
.ul_chk_wizard li >div {padding-left:70px;}

.div_mua_inner.tab03 * {color:#CDCFDC !important;}
.div_mua_inner.tab03 div.div_btn_onsize {background-color:#CDCFDC;color:#fff;}
.div_mua_inner.tab03 div.div_btn_onsize span {color:#fff;}

.div_mua_inner.tab03.active input::-webkit-input-placeholder {color: #8A8C98;}
.div_mua_inner.tab03.active input:-moz-placeholder {color: #8A8C98;}
.div_mua_inner.tab03.active input::-moz-placeholder {color: #8A8C98;}
.div_mua_inner.tab03.active input:-ms-input-placeholder {color: #8A8C98;}
.div_mua_inner.tab03.active .p_title_top { color: #43464D; }
.div_mua_inner.tab03.active .div_mua_form p { color: #2A75E8; }
.div_mua_inner.tab03.active div.div_btn_onsize {background:#2A75E8 !important;color:#fff;}
.div_mua_inner.tab03.active div.div_btn_onsize span {color:#fff;}
.div_mua_inner.tab03.active .div_view_terms a {color: #8A8C98;}

.div_right_inner_tab03 {width:240px !important;margin:0 auto !important;display:none; background:none !important;}
.div_couponReg_select {/* margin-top:220px; */margin-top: 100px;;}
.div_couponReg_select .div_stpCount_wrap {width:100%;margin-top:20px;}


/* [ 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_type02_inner.tab_result .div_right_section {margin-left:50px;}

.div_input_userInfoWrap {margin-top:100px;}

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


.div_input_userInfo{width:100%;margin:4px 0;margin-top:20px;}
.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 #CDCFDC;text-indent:10px;color:#8A8C98;}
.div_input_userInfo input:focus {border-bottom-color:#F76163;}

.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_page .div_header {background-color:#2A75E8;min-width:1400px;background-image:url(../images/img_bg_main.png);background-size:100% auto;background-repeat:no-repeat;background-position:left top;} */
.index_page .div_header * {color:#fff;}
.index_page .ul_gnb_list li a {font-weight:normal;height:60px;line-height:60px;display:block;}
.index_page .ul_gnb_list li.on a{font-weight:bold;color:#fff;}
.div_index_content {min-width:1400px;}
.div_index01 {background-color:#2A75E8;background-image:url(../images/img_bg_main.png);background-size:100% auto;background-repeat:no-repeat;background-position:left top;height:860px;width:100%;position:relative;text-align:center;}
.div_index01:before {position:relative;width:0;height:100%;display:inline-block;vertical-align:middle;content:"";}
.div_index01_inner {display:inline-block;vertical-align:middle;width:98%;text-align:center;width:1080px;margin:0 auto;}

.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:60px;}
.p_index_topBtn > a {display:inline-block;text-align:center;border-radius:8px;width:174px;height:50px;line-height:50px;font-size:16px;margin-right:10px;}
.p_index_topBtn > a:first-child{color:#2A75E8;background-color:#fff;border:1px solid transparent;}
.p_index_topBtn > a:last-child{color:#fff;background-color:transparent;border:1px solid #fff;}


.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 {width:100%;padding:70px 0 80px;}
.div_index02_inner {width:1080px;margin:0 auto;text-align:center;}
.p_index_innerTit {font-size:20px;color:#9BACC7;text-align:left;margin-bottom:40px;}

.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 #CDCFDC;line-height:50px;text-align:center;top:0;left:0;}
.ul_index02_list li.on .div_index02_num{color:#fff;background-color:#2A75E8;}
.div_index02_tabContent {}
.div_index02_tabContent p:nth-child(1){font-size:20px;color:#43464D;padding:14px 0;}
.div_index02_tabContent p:nth-child(2){font-size:15px;color:#8A8C98;letter-spacing:-0.3px;line-height:1.5;}
.div_index03 {width:100%;padding:70px 0 80px;background-color:#F6F7F9;height:850px;position:relative;overflow:hidden;}
.div_index03_inner {width:1080px;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:#2A75E8;padding-bottom:30px;line-height:1.4;}
.div_info_design>div {margin:25px 0;}
.div_info_design>div p:first-child{color:#43464D;font-size:20px;padding-bottom:10px;}
.div_info_design>div p:last-child{color:#8A8C98;font-size:16px;}

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

.img_index_phone {position:absolute;bottom:-24%;right:-50%;height:110%;}
.div_index04 {width:100%;padding:80px 0;}
.div_index04_inner {width:1080px;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 #CDCFDC;line-height:50px;text-align:center;}
.ul_index04_list li.on .div_index04_num{color:#fff;background-color:#2A75E8;}

.div_index04_tabContent p:nth-child(1){font-size:20px;color:#43464D;padding:24px 0 10px;}
.div_index04_tabContent p:nth-child(2){font-size:15px;color:#8A8C98;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:#2A75E8;border:1px solid #2A75E8;display:inline-block;line-height:50px;}

.div_address_bottom{background-color:#43464D;width:100%;padding:48px 0;}
/* .div_address_inner {width:1080px;margin:0 auto;}
.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:#8A8C98;font-size:14px;}
.div_address_inner p a{color:#8A8C98;line-height:20px;}
.div_address_inner p a img{width:20px; height:20px;padding-left:15px;padding-right:0;} */


/*FAQ*/
.back_f6f7f9 {background-color:#f6f7f9;}
.div_qna_content {width:100%;width:1080px;margin:0 auto;padding-top:200px;padding-bottom:90px;}
.div_qna_content > div{display:inline-block;vertical-align:top;}
.div_qna_content > div:first-child{width:450px;}
.div_qna_content > div:last-child{width:550px}
.div_70 {width:70%;margin:0 auto;}
.p_faq_title {font-size:20px;color:#9BACC7;margin-bottom:30px;}
.p_faq_subtit {font-size:13px;color:#8A8C98;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:#2A75E8;}
.ul_faq_list {width:100%;border-top:1px solid #E2E3EB;}
.ul_faq_list li {width:100%;}
.div_qna_question {width:100%;margin:0 auto;padding:14px 0;border-bottom:1px solid #E2E3EB;
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 #E2E3EB;}
.div_qna_question span{width:90%;display:block;margin:0 auto;font-size:15px;font-weight:bold;color:#43464D;}
.div_qna_answer p {width:90%;display:block;margin:0 auto;font-size:15px;color:#8A8C98;}


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

#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 {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;}
.paging a.first {background:url("../images/icon/arr_pagi_first.png") 10px 0 no-repeat;background-position:center center;}
.paging a.pre {background:url("../images/icon/arr_pagi_prev.png") 10px 0 no-repeat;background-position:center center;}
.paging a.next {background:url("../images/icon/arr_pagi_next.png") 10px 0 no-repeat;background-position:center center;}
.paging a.last {background:url("../images/icon/arr_pagi_last.png") 10px 0 no-repeat;background-position:center center;}
.paging .paging_num {display:inline-block;margin-top:-9px;}
.paging .paging_num a {display:inline-block;width:30px;height:30px;color:#8c8e9a;font-size:14px;text-align:center;line-height:30px;border-radius:50%;}
.paging .paging_num a:hover {color:#8c8e9a;background:rgba(255,255,255,1);}
.paging .paging_num a.on {color:#2A75E8;border:1px solid #CDCFDC;}

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

/* [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:#e2e3eb;
-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 {padding-top:80px;width:86%;margin:0 auto;}
.p_titile_type02 {font-size:1rem;color:#3D3D3D;}
.p_subtitile_type02 {font-size:0.813rem;color:#979797;padding:20px 0 0;}

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


.textarea_wizard_title.template02 {color:#43464D;text-align:left;font-family: 'Noto Sans Regular',Helvetica,AppleSDGothicNeo,Arial,sans-serif;font-weight:normal;font-size:16px;width:100%;}
.txtarea_store_customtxt.template02 {color:#8A8C98;padding:20px 0 0;font-family: 'Noto Sans Regular',Helvetica,AppleSDGothicNeo,Arial,sans-serif;text-align:left;}

.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: #CDCFDC;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #CDCFDC;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #CDCFDC;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #CDCFDC;
}
.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 #E2E3EB; }
.forget_id > span, .pw_set > span { padding: 0 10px; letter-spacing: -0.5px; font-size: 12px; color: #8A8C98; }
/* 아이디찾기 */
.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: #000; 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: #8A8C98; }

.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: #F76163; border-radius: 5px; cursor: pointer; }
.user_forget_confirm > span { display: block; color: #FFF; font-size: 14px; text-align: center; }
.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: #F76163; }
.forget_complete > span { display: block; padding-top: 7px; text-align: center; font-size: 12px; color: #CDCFDC; letter-spacing: -0.5px; }
.s_forget_confirm { padding: 15px 0; }
.complete_id { display: block; padding-top: 20px; text-align: center; font-size: 18px; color: #2A75E8; 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: #8a8c98; }
.w_template03 .input_userNum:-ms-input-placeholder { /* IE 10+ */ color: #8a8c98; }
.w_template03 .input_userNum::-ms-input-placeholder { /* Edge */ color: #8a8c98; }
.w_template03 .input_userNum::-moz-placeholder { /* Firefox 19+ */ color: #8a8c98; }
.w_template03 .input_userNum:-moz-placeholder { /* Firefox 4 - 18 */ color: #8a8c98; }

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

.w_template03 .t3_header_color { background-color: transparent; }
.w_template03 .input_file_stamp { width: 0; }
.w_template03 .textarea_wizard_title { max-height: 45px; }
.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: #CDCFDC; position: absolute; top: -15px; 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_86 { width: 100%; }
.w_template03 .div_title_inner { width: 86%; }
.w_template03 .div_couponlist_title:before, .w_template03 .div_couponlist_title:after { content: none; }
.w_template03 .div_couponlist_wrap { width: 100%; margin-top: 13%; }
.w_template03 #ulStampImgList.on, .w_template03 #ulStampImgList:hover { border-color:transparent; }
.w_template03 #ulStampImgList.on .div_stampnumber_wrap { background-color: #F76163; }
.w_template03 .couponRegistration > span { display: block; padding-top: 10px; color: #F76163; }
.w_template03 .div_inputNum_area { position: absolute; top: 35%; }
.w_template03 .input_userNum { padding: 15px 10px; border: 0; background-color: #FFF; font-size: 14px; color: #F76163; }
.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: #D8D8D8; content: ""; }
.w_template03 .div_coupon_popupInner .div_couponlist_title:after { position: absolute; top: 48%; right: 0; width: 30%; height: 1px; background-color: #D8D8D8; content: ""; }
.w_template03 p.p_coupon_stampNum { width: 35%; }
.w_template03 .counpon_stamp { display: none; width: 100%; text-align: center; margin: 0 auto;  color: #F76163; background-color: transparent; position: relative; z-index: 10; }
.w_template03 .stamp_placeholder { display: block; font-family: 'Arial',sans-serif; font-size: 13px; color: #CDCFDC; }
.w_template03 .stamp_placeholder.focus { display: none; }
.w_template03 .stamp_placeholder.focus + .counpon_stamp { display: block; }
.w_template03 .stamp_placeholder.focusout { color: #F76163; }

.w_template03 .div_coupon_popupInner .p_coupon_stampNum input { outline: none; border: 0; border-bottom: 2px solid transparent; }
.w_template03 .img_coupon_p_pattern { width: 100%; vertical-align: top; }
.w_template03 .div_coupon_popup { background-color: transparent; padding: 0; }
.w_template03 .div_coupon_popupInner { width: 100%; }
.w_template03 .div_coupon_popupInner_top { width: 100%; padding: 0 20px; background-color: #FFF; }
.w_template03 .div_coupon_notice { margin-top: 0; padding: 10px 20px 25px 20px; background-color: #FFF; }
.w_template03 .div_coupon_notice:before { content: none; }
.w_template03 .img_stamp_hand { bottom: 15px; right: 15px; }
.w_template03 .p_coupon_stampNum { position: relative; padding-bottom: 0; }

/* 스템프 갯수 인풋 포커스/포커스아웃 할경우 */
.w_template03 .couponPopup_info.on { background-image: none !important; }
.w_template03 .couponPopup_info.on .counpon_stamp { text-align: left; padding: 0; padding-left: 13px; 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 #F76163; }
.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; letter-spacing: -0.5px; }
.w_template03 .add_coupon { display: table-cell; vertical-align: middle; text-align: center; color: #8A8C98; }
.w_template03 .add_coupon > span { display: block; padding-top: 10px; color: #F76163; }
.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: #F76163; }
.w_template03 .p_couponName { padding: 10px 0; font-size: 16px; color: #000; }

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

.w_template03 .swiper_slide_inner { display: table; width: 85%; height: 220px; margin: 0 auto; position: relative; background-color: #FFF; cursor: pointer;
    background-image: url(/resources/homepage/images/wizard/img_bg_coupon_list.png);
    background-repeat: no-repeat; background-position: top center;
    background-size: cover; }
.w_template03 .none_coupon { display: block; }
.w_template03 #couponList_group { display: none; }
.w_template03 .swiper-container { display: none; }
.w_template03 .p_coupon_empty { display: table-cell; vertical-align: middle; border: 0; background: transparent; }
.w_template03 .p_coupon_empty > span { display: block; padding-top: 15px; color: #F76163; }
.w_template03 .div_coupon_info .couponPopup_info { position: relative; text-align: center; padding-top: 0; padding-bottom: 0;
    background-image: url(/resources/homepage/images/wizard/icon_popup_check.png);
    background-repeat: no-repeat;
    background-size: 12px; }
.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 { margin-bottom: 20px; }
/* .w_template03 .p_coupon_title input { font-family: "Arial",sans-serif !important; } */
.w_template03 .p_coupon_subtitle { margin-bottom: 15px; }
.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 .div_coupon_wrap  .div_coupon_info { text-align: center; }
.w_template03 .p_coupon_title .coupon_inputBox,
.w_template03 .p_coupon_limit .coupon_inputBox,
.w_template03 .div_coupon_popupInner .p_coupon_subtitle textarea { padding-left: 13px; font-size: 13.333px; }
.w_template03 .p_coupon_title .coupon_inputBox { color: #43464D; }
.w_template03 .div_coupon_popupInner .p_coupon_subtitle textarea,
.w_template03 .p_coupon_limit .coupon_inputBox { color: #8A8C98; }
.w_template03 p.stampnum_area { padding: 10px 0; font-size: 12px; color: #F76163; }
.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_popupInner .p_coupon_title span { top: 17px; }
.w_template03 .div_coupon_popupInner .p_coupon_subtitle span { top: 32px; }

/* 쿠폰 */
.w_template03 .div_coupon_wrap { border: 0; }
.w_template03 .div_coupon_product { cursor: pointer; }
.w_template03 .div_coupon_img, .div_coupon_info { display: block; width: 100%; }
.w_template03 .div_coupon_imgInner { height: 125px; margin: 0 auto; }
.w_template03 .div_coupon_img { margin-top: 40px }
.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 #F76163; }

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

/* 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:#8A8C98;border:1px solid #CDCFDC;text-align:center;}
.div_template_language_select input {outline:0;border:0;background-color:transparent;font-size:18px;color:#F76163;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 #CDCFDC;border-top:0;z-index:1; max-height: 330px;}
.ul_template_language_list li {width:100%;text-align:center;font-size:18px;color:#F76163;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: #8A8C98; }
#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 { margin-bottom: 20px; }
.checkbox_default_color, .no_rewards_list span { vertical-align: middle; }
.no_rewards_input { width: 0; height: 0; overflow: hidden; opacity: 0; }
.no_rewards_list span { padding-left: 10px; }
.checkbox_default_color { display: inline-block; width: 32px !important; height: 32px !important; background-color: #FFF; border-radius: 50%; position: relative; }
.checkbox_check_color { display: none; width: 16px; height: 16px; background-color: #8A8C98; 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: #CDCFDC; 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: #8A8C98; border-radius: 50%; }
.no_rewards_gender_checkbox:checked + label .gender_check_color { display: block; }
.etc_input_group { padding-left: 65px; margin-top:10px; }
.etc_input_group li { margin-bottom: 10px; background-color: transparent; letter-spacing: 0; font-size: 0; }
.etc_input_group li input { display: inline-block; width: 85%; height: 30px; padding: 10px 5px; border: 0; outline: 0; background-color: #FFF; vertical-align: middle; }
.etc_input_group li .etc_btn { display: inline-block; width: 15%; height: 30px; cursor: pointer; background-color: #8A8C98; vertical-align: middle; }
.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: #8A8C98;
}

.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 #000;
    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:#333333;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:#333333;font-weight:bold;font-size:24px;background:#f2f2f2;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 #cdcfdc;
}
.file_add > .file{
    background-color: #8A8C98;
    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:#dedede;padding:20px;}
.manageBox{display: inline-block;width:50%;text-align: left; float:left;}
.manageBox img{width:100px;display: inline-block; vertical-align: top;}
.managerInfo{display: inline-block;width:200px;margin-left:10px;}
.managerInfo p:nth-child(1){line-height:2;font-size:14px;}
.managerInfo p:nth-child(2){font-size:14px; line-height:1.5; margin:5px auto 15px;font-size:14px;}
.managerInfo p:nth-child(3) span{background:#6aa4ff;color:#ffffff;padding:6px 15px; font-size:12px;}
.manageImg{position: relative;width:400px;background:#ffffff;margin:0 auto; text-align: center;}
.codeImg{width:200px;height:200px;}

/* 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 #e2e3eb;}
.btn_managerBox.on{background:#f6f7f9;}
.btn_manager{color:#9bacc7;font-size:20px;padding:0 26px;line-height:70px;font-weight:bold;}
.manager_url{position:absolute;bottom:19px;right:20px;color:#2a75e8;font-size:14px;display:block;border:1px solid #2a75e8;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 #2a75e8;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 #e2e3eb;position:relative;z-index:3;}
.manager_title{color:#9bacc7;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{width:100%; text-align: center;margin:0 auto 40px;}
.video{width:100%;margin-top:20px;}
.downloadTxt{width:100%;text-align: left; line-height:2;}
.downloadTxt img{width:20px;vertical-align: middle;padding-right:5px;}
.downloadTxt a{color:#555555;font-size:14px;line-height:1.5;text-decoration: underline;}

/*Customer maintenance*/
.custMaintain_title{font-size:18px;color:#333333;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 #e2e3eb;}
.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{clear:both;width:100%;height:90px;background:#f7f7f7;padding:20px 5%;}
.content_top p:nth-child(1){color:#333333;font-size:20px;font-weight:bold;}
.content_top p:nth-child(2){width:60px;height:2px;background:#8c8c8c;margin-top:5px;}
.content_top p:nth-child(3){color:#8c8c8c;font-size:16px;padding-top:5px;}
.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{clear:both;width:70%;height:35px;line-height:35px;letter-spacing:3px; font-size:16px;color:#ffffff;background:#6aa4ff;font-weight:bold; text-align: center;margin:100px auto 0;}
.btn_revise a{color:#ffffff;}
.noStampCard_border{height:90px;border-bottom:1px solid #e2e3eb;}
.noStampCard_top{clear:both;position:absolute;right:590px;top:0; width:400px;border-right:1px solid #e2e3eb;}
.noStampCard_tips{clear:both;position:absolute;right:0;top:90px;width:990px;}
.noStampCard_tips p img{display:block;width:20%;margin:100px auto 60px;}
.noStampCard_tips p a{display:block; width:20%;background:#6aa4ff;color:#ffffff;font-size:16px;height:35px; line-height:35px; text-align: center; margin:0 auto; letter-spacing: 3px;}
.noStampCard_tips p.stampCard_tip_txt{color:#7b7b7b;font-size:30px;text-align: center;margin-bottom:40px;}
.waitChickBox{position:absolute;right:0;top:90px;width:590px;z-index:6;background:#ffffff;}
.z-index1{z-index:10;height:90px;}
.waitChick{position:absolute;right:0;top:180px;width:590px;background:#ffffff;}
.waitChick img{display:block;width:70%;margin:60px auto 0;}
.myInfoH{height:620px;}

/*login*/
.index_page .login_header{background-image:url(../images/login_bg.png);}
.login_page{background-color:#ffffff;background-image:url(../images/login_bg.png);background-size:100% 100%;background-repeat:no-repeat;background-position:left top;height:100%;;width:100%;font-family:'SimHei'; position:fixed;left:0;top:0;text-align:center;}
.login_page:before {position:relative; width:0;height:100%;display:inline-block;vertical-align:middle;content:"";}
.login_box{position: absolute;left:50%;top:50%;width:500px;height:660px;margin-left:-250px;margin-top:-330px; z-index:999;}
.login_title{position:relative; clear:both;width:100%;text-align: center;margin:110px auto 0; color:#ffffff;font-size:34px; letter-spacing: 8px;}
.login_Info{clear:both;width:100%;margin:80px auto 0;}
.login_Info table{width:100%;}
.login_Info table td:nth-child(1){width:15%; white-space:nowrap;font-size:22px;text-align:left;}
.login_Info table td:nth-child(2){width:65%;text-align:left;font-size:16px;}
.login_Info table td:nth-child(3){width:20%;position: relative;}
.input_div {width:100%;border:1px solid #bfbfbf;padding:10px 0;background:#f6f7f9;}
.input_div input {display:block;width:92%;margin:0 auto;outline:0;border:0;background-color:transparent;padding-bottom:1px;font-size:13px;}
.btn_login {width:100%;height:79px;line-height:79px;text-align:center;color:#fff;font-size:22px;background:#6aa4ff;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;font-size:12px;cursor:pointer;color:#333333;}
.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;font-size:16px; padding-left:5px; color:#333333;cursor: pointer;}
.check_wrap_right span:nth-child(1){padding-right:5px; border-right:1px solid #b1b1b1;}
.noAccount_txt{font-size:22px;color:#241c1d;text-align: center;margin:180px auto 30px;}
.btn_register{clear:both;width:220px;height:66px;line-height:66px;font-size:22px;color:#241c1d;margin:0 auto;text-align: center;border:1px solid #241c1d;border-radius: 10px;}
/*register*/
.register_page{background-color:#2A75E8;background-image:url(../images/img_bg_main.png);background-size:100% 100%;background-repeat:no-repeat;background-position:left top;height:100%;;width:100%;font-family:'SimHei'; position:fixed;left:0;top:0;text-align:center;}
.registerBox{clear:both;position:absolute;left:50%;top:50%; width:1000px;height:580px;background:#ffffff; margin-left:-500px;margin-top:-260px;text-align: center;overflow: hidden;}
.register_left{float:left;width:220px;height:100%;background:#f0f0f0;text-align: center;}
.register_left p:nth-child(1){margin:149px auto 100px;width:70%;}
.register_left p:nth-child(1) img{width:100%;}
.register_left p:nth-child(2){color:#333333;font-size:20px;}
.register_left p:nth-child(3){width:80%;margin:40px auto 0;background:#6aa4ff;color:#ffffff;font-size:20px;line-height:38px;cursor: pointer;}
.register_right{float:right;width:780px;text-align: left;}
.register_title{clear:both;width:740px;font-weight:bold;margin:40px auto 30px;padding-bottom:10px;border-bottom:1px solid #e5e5e5;font-size:24px;color:#333333;}
.btn_submit{clear:both;width:280px;height:38px;line-height:38px;color:#ffffff;background:#e66b68;font-size:20px;text-align: center;margin:25px auto 0;cursor: pointer;}
.register_wrap{clear:both;width:700px;margin:0 auto;}
.register_helf{width:340px;}
.register_helf_title{color:#333333;font-size:20px;font-weight:bold;margin-bottom:15px;}
.register_infolist{clear:both;width:100%;}
.register_infolist li{clear:both;position:relative; width:100%;height:35px;font-size:16px; line-height:35px; margin-bottom:20px;border-bottom:1px solid #d2d2d2;}
.register_infolist li input{border:none;font-size:15px; outline:none}
.register_infolist li span{display:inline-block;width:85px;height:34px; line-height:35px; margin-left:7px;font-size:14px; background:#6aa4ff;color:#ffffff;text-align: center;cursor: pointer;}
.register_infolist li input.wdt1{width:270px;}
.register_infolist li input.wdt2{width:255px;}
.register_infolist li input.wdt3{width:220px;}
.register_infolist li input.wdt4{width:180px;}
.register_infolist li input.jInvImgFile{position: absolute;left:75px;bottom:0;width:270px;z-index:999;filter: alpha(opacity:0);opacity: 0;}
.register_infolist li input.jLogoImgFile{position: absolute;left:75px;bottom:0;width:270px;z-index:999;filter: alpha(opacity:0);opacity: 0;}

/*modify account Info*/
.modalTab{position:relative; clear:both;width:100%;border-bottom:2px solid #e66b68; }
.modalTab li{ line-height:50px;font-size:12px;color:#333333;}
.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:#e66b68;font-size:22px;text-align: center;z-index:0;}
.modalTab li:nth-child(2).selected{position:absolute;right:0;top:0; width:100%; color:#e66b68;font-size:22px;text-align: center;z-index:0;}
.modalInfo_form{width:300px;margin:0 auto;}
.modalInfo_form p{font-size:20px; color:#333333; 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 #d2d2d2;font-size:12px; color:#333333;line-height:30px;margin-bottom:20px;}
.modalInfo_form ul li input{border:none; background:none;font-size:16px;color:#333333; 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::-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:75px;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:#6aa4ff;color:#ffffff;text-align: center;cursor: pointer;}
.btnModify{clear:both;width:200px;height:26px;line-height:26px;color:#ffffff;background:#e66b68;font-size:14px;text-align: center;margin:0 auto; 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:#333333;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/stamp_off.png) no-repeat center center !important;background-size:auto 100% !important;}
.c1_stamp_img.on{background:url(../../template/C0001/images/stamp_on.png) no-repeat center center !important;background-size:auto 100% !important;}
.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:3px !important; 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:#333333;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:#241c1d;}
.sc_header .ul_gnb_list li.on a{color:#241c1d;}
.sc_index01{background-color:#ffffff;background-image:url(../images/signCard_bg.png);background-size:100% auto;background-position:center bottom;}
.sc_txt_color{color:#241c1d;}
.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:#241c1d;color:#ffffff;}
.sc_index_topBtn a:last-child{border:1px solid #241c1d;color:#241c1d;}

/*signCard step*/
.c1_step02_signCard_bgtxt{color:#b0afaf;font-size:13px;}
.select_bg_text{font-size:16px;color:#43464d;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;font-size:16px; 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 #9f9f9f; color:#8A8C98;outline:0;}
.input_signCard_title::-webkit-input-placeholder{color:#9f9f9f;}
.input_signCard_title:focus , .input_signCard_title:hover {border-bottom-color:#F76163;}
.input_signCard_title:focus + .text_byte_meter, .input_signCard_title:hover + .text_byte_meter {opacity:1;color:#F76163;}
.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: #2A75E8 !important; border-radius: 50%; position: absolute; top: 0%; left: 0%;  }
.c1_img_height{height:100%;}

/*roulette*/
.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 #cdcfdc;border-right: 1px solid #cdcfdc;}
.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 #cdcfdc;overflow: hidden;z-index: 1;}
.rouletteWrap{width: 100%;padding:30px 10%;}
.rouletteNm{font-size:14px; font-weight:bold; color: #de1e37;}
.rouletteRuleTitle{font-size:14px;color:#53565d;margin:10px auto 5px;}
.rouletteRuleTxt{height:60px; font-size:12px; color: #a19fa0; 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:210px;height:210px;padding:15px; margin: 30px auto;background:url(/resources/homepage/images/wizard/plate_bg.png) no-repeat center center;background-size:100%;}
.btn_lucky{position:absolute;left:75px;top:75px; width:60px;}
.lucky_pin{position: absolute;left:95px; top:-15px; width:20px;pointer-events: none;}
.plateBox{position:relative; width:180px;height: 180px;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:90px;height: 90px;padding: 20px 10px 0 15px; text-align: center;transform-origin: 0% 100%;}
.plateBox li:nth-child(even){background:#ffffff;color: #54565a;}
.plateBox li:nth-child(odd){background:#faf6c7; 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:52px;font-size:12px;transform-origin: 0;transform: rotate(52deg) scale(0.84,0.84);overflow: hidden;}
.rouletteExpDt{width:100%; text-align: center;font-size:12px; color: #a19fa0;}
.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: #5a471a;}
.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:#666666;}
.rouletteTab li.selected{background:#db0032; color:#ffffff;}
.rouletteTabox{ clear:both; width:100%;}
.bottom_coupon_box_ul {width: 90%; margin:10px auto 0; padding:0px 0; height: 0; min-height:130px;overflow-y: scroll;}
.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:url(/resources/homepage/images/wizard/coupon_bg.png) no-repeat center top; background-size:100% auto; }
.list_left{float:left;width:70px;padding:5px 10px;margin:4px 5px;}
.list_left img{width:100%;}
.list_right{float:left;width:140px; text-align: left;color:#5a471a;line-height:1.4;padding-left:10px; 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:#919090; text-align:center;}
.rCouponImg{width:100%; text-align:center;padding:25px 0 30px; margin:0 auto;background:url(/resources/homepage/images/wizard/coupon_dbg.png) no-repeat top center;background-size:100%;}
.rCouponImg img{display:block; width:50%;margin:0 auto;}
.rCouponInfo{width:100%;padding:10px 10% 15px; background: #fcf1d1;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: #5a471a;line-height: 1.3;margin-bottom:10px; text-align: center;}

.leftTitle{width:100%;padding:0 26px; color:#43464d; line-height:79px; margin:0 auto; text-align: left; border-bottom:1px solid #e2e3eb;}
.leftTitle a{color:#43464d;}
.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 #e2e3eb;}
.rouletteSearch select, .div_search_select.rouletteSearch select *{color:#333333 !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; }
.exitPreview{width:50%; height:30px; line-height:30px; background: #6aa4ff; text-align: center;color:#ffffff; margin:10px auto;}
.rouletteTm{width:300px; margin:0 auto; text-align: left; color:#8A8C98; font-size: 12px;}
.rouletteInfoTitle{clear:both;width:94%; border-bottom:1px solid #e2e3eb; 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: #8A8C98;padding: 10px 0; font-size: 14px; vertical-align: top;}
.inputBox{width:60%;padding:3px 10px; border:1px solid #666666;background: transparent;}
.rouletteSubmit{display:inline-block;width:150px; height:30px; line-height:30px; background: #6aa4ff; 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:#666666; 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:200px;right:6%; width:120px !important; z-index:99;}
.sharePic li img{position:relative; width:100%;margin-bottom:12px;box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.5);}
.state{float:right; font-size:10px;line-height:22px;padding-right:10px;}
.stampLimit{clear:both;width:100%; margin:20px auto 0; font-size:14px; color:#8A8C98;}
.stampLimit p{margin-bottom:10px;}
.stampLimitCnt{border:1px solid #ccc;padding:2px;}
/* 消息通知 */
.msgNoticeList{clear:both;width:100%;height:610px;margin:30px auto 50px; overflow-y:scroll; padding:0 50px;}
.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:85%;border:2px solid #d9d9d9; background:#f2f2f2;border-radius: 5px;margin:0 10px;padding:10px; line-height:1.5;}
.msgNoticeList li .msgTitle{position:relative; font-weight:bold;}
.msgTime{width:100%; text-align: center;font-size:13px; color:#aaaaaa;margin-top:20px;}
.msgNoticeList li .msgState{display: inline-block;width:15%; text-align: left;color:#bfbfbf;vertical-align: top;padding-top:20px;}
.unread{color:#ff0000; font-size:16px;}
.readMore{width:100%; text-align: center;}
/*bug信息*/
.bugInfoList{clear:both;width:100%;max-height:300px;margin:30px auto; 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:#f2f2f2;border-radius: 5px;margin:0 auto;padding:10px; line-height:1.5;}
.bugInfoList li .msgState{width:100%; text-align: left;color:#bfbfbf;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;height: 80px;padding: 5px;background: #ffffff;border: 1px solid #dcdcdc;border-radius:5px; resize: none;outline: 0;}