@charset "utf-8";

/* css reset */
html,body{font-family:맑은고딕,'Malgun Gothic',Dotum,돋움,Helvetica,AppleSDGothicNeo,sans-serif;-webkit-tap-highlight-color: transparent;-webkit-user-select:none;-webkit-touch-callout:none;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video,input,textarea{margin:0;padding:0;border:0;outline:0;font-size:14px;line-height:1;}
abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration:none;}
th,td,input{vertical-align:middle;}
img{vertical-align:top;}
[type="submit"],button{cursor:pointer;}
/*:focus{outline:0;}*/

/* font */
@font-face{
font-family:BebasNeue;
src: url("BebasNeue Regular.otf") format("opentype");
}

@font-face{
font-family:BebasNeue;
font-weight:bold;
src: url("BebasNeue Bold.otf") format("opentype");
}

/* defualt */
.w_100p{width:100%;}
.ovh_l{overflow:hidden;}
.ovh_l > *{float:left;}
.ovh{overflow:hidden;}
.L{float:left;}
.R{float:right;}
.PL{position:relative;}

/* tab */
.bc_tab_a{text-align:center;overflow:hidden;}
.bc_tab_a a{float:left;display:block;}
.bc_tab_content article{display:none;}
.bc_tab_content article:first-child{display:block;}

/* modal */
.mask{position:fixed;left:0;top:0;bottom:0;right:0;background:#000;opacity:.7;z-index:100;display:none;width:100% !important;}
.mask.on{display:block;}
.otp_message_mask{position:fixed;left:0;top:0;bottom:0;right:0;background:#000;opacity:.8;z-index:100;display:none;width:100% !important;}
.otp_message_mask.on{display:block;}

[data-bc-modal-target]{background:#fff;z-index:110;position:fixed;left:50%;top:-500%;box-sizing:border-box;}
[data-bc-modal-target].on{top:35%;width: 86% !important;left: 7% !important;margin-left: 0!important;}

[data-button-group] a{display:block;text-align:center;float:left;width:100%;}
[data-button-group='2'] a{width:50%;}
[data-button-group='3'] a{width:33.3%;}
[data-button-group='4'] a{width:25%;}

[data-bc-modal-type='1']{text-align:center;}
[data-bc-modal-type='1'] .wrap{padding:30px;}
[data-bc-modal-type='1'] h1{color:#ec68af;font-size:14px;margin-bottom:10px;}
[data-bc-modal-type='1'] h1:only-child{margin-bottom:0;font-weight: normal;}
[data-bc-modal-type='1'].case h1{color:#556078;line-height:1.6;}
[data-bc-modal-type='1'] p{color:#8e9197;line-height:1.6;}
[data-bc-modal-type='1'] [data-button-group]{border-top:1px solid #dbdbdb;}
[data-bc-modal-type='1'] [data-button-group] a{font-size:12.5px;font-weight:normal;height:45px;line-height:45px;color:#323232;box-sizing:border-box;border-left:1px solid #dbdbdb;}
[data-bc-modal-type='1'] [data-button-group] a:first-child{border-left:0;}

[data-bc-modal-target^='otp_'] h1{color:#556078;line-height:1.6; font-size: 14.5px;}
[data-bc-modal-target^='otp_'] h1 span{color:#ec68af; line-height:1.6;font-weight: normal; font-size: 14.5px; letter-spacing: -0.5px;}
[data-bc-modal-target^='otp_'] [type='number']{background:#fff;border:2px solid #aaafbb;padding:10px;width:100%;box-sizing:border-box;}

[data-bc-modal-target^='otp_'] input{width: 100%; font-size: 13.5px; color:rgba(0,0,0,0.5); border: 1px solid #ccc; text-indent: 10px; padding:12px 0; margin-top:5px;font-family:맑은고딕,'Malgun Gothic',Dotum,돋움,Helvetica,AppleSDGothicNeo,sans-serif;}

/* data-padding-type */
[data-padding-type='1']{padding:80px 0 50px;}
[data-padding-type='2']{padding-top:80px;}
[data-padding-type='3']{padding-top:47px;}
[data-padding-type='4']{padding-bottom:50px;}

/* intro */
[data-type='intro']{background:#e1e3e7;}
[data-type='intro'] h1,[data-type='intro'] p{position:fixed;left:0;right:0;}
[data-type='intro'] h1{top:40px;}
[data-type='intro'] p{bottom:40px;}

/* header */
#header{width:100%;position:fixed;left:0;top:0;background:#fff;z-index:80;border-bottom:1px solid rgba(142,145,151,0.1);}
#header,#header h1,#header a,#header img{height:46px;}
#header h1 a{padding-left: 12px;color:#323232;line-height:50px;font-size:16px;font-weight: normal;}
#header h1 a img:nth-child(2){display:inline-block;margin-right:8px;}
#header span{padding:16px 7px; font-weight: normal;}
#header.case{border-bottom:2px solid #aeb4c0;}
#header [data-service-icon]{position:absolute;right:10px;top:8px;width:30px;height:30px;}
[data-service-icon='1']{background:url(../img/service-icon-1.png) 0 0 no-repeat;background-size:100%;}
[data-service-icon='2']{background:url(../img/service-icon-2.png) 0 0 no-repeat;background-size:100%;}
[data-service-icon='3']{background:url(../img/service-icon-3.png) 0 0 no-repeat;background-size:100%;}
[data-service-icon='4']{background:url(../img/service-icon-4.png) 0 0 no-repeat;background-size:100%;}
[data-service-icon='5']{background:url(../img/service-icon-5.png) 0 0 no-repeat;background-size:100%;}
[data-service-icon='6']{background:url(../img/service-icon-6.png) 0 0 no-repeat;background-size:100%;}

/* nav */
#nav{height:35px;background:#b3bdd1;position:fixed;left:0;top:45px;width:100%;z-index:80;}
#nav a{width:33.333%;color:#323232;text-align:center;height:35px;line-height:37px;font-size: 13.5px;;}
#nav a.on{background:#000;color:#fff;}


/* list */
[data-type='list'] > *{width:75%;margin-left:auto;margin-right:auto;}

.list_1_p{margin:40px auto 20px;font-size:12.5px;color:#8e9197;line-height:1.4; letter-spacing: -1px;}
.list_1_ul{margin:0 auto 20px;}
.list_1_ul img{width:100%;}
.list_1_ul a{display:block;}
.list_1_ul li:nth-child(1) a img{border-top:1.6px solid #e1e2e5;}

.list_2_icon{margin:50px auto 20px;text-align:center;}
.list_2_h2,.list_2_p{text-align:center;}
.list_2_h2{font-size:16px;color:#556078;margin-bottom:8px;}
.list_2_p{color:#8e9197;margin-bottom:20px;line-height:1.6;}
.list_2_ul{margin-bottom:40px;}
.list_2_ul li{margin-bottom:10px;position:relative;overflow:hidden;}
.list_2_ul input{box-sizing:border-box;height:40px;line-height:18px;border:1px solid #aaafbb;padding:10px;color:#556078;width:100%;}
.list_2_ul li:nth-child(2) a{position:absolute;right:0;top:0;height:40px;line-height:40px;color:#7fb5e5;text-decoration:underline;padding:0 10px;}
/*.list_2_ul a{background:#7fb5e5;color:#fff;text-align:center;display:inline-block;border:1px solid #7fb5e5;}*/
.list_2_ul li:nth-child(4) a{box-sizing:border-box;height:40px;line-height:40px;width:48%;color:#fff;font-weight:bold;text-align:center;}
.list_2_ul li:nth-child(4) a:nth-child(1){float:left;background:#bdc4d3;}
.list_2_ul li:nth-child(4) a:nth-child(2){float:right;background:#7fb5e5;}

[data-type='list'] .list_2_foot{width:100%;background:#e8e9ec;color:#8e9197;}
.list_2_foot p{padding:20px 0;width:75%;margin:0 auto;line-height:1.6;}

/* otp */
[data-type='otp']{padding-bottom:50px;}
[data-otp-color='1'] {background:#8848e9;}
[data-otp-color='2']{background:#5e6785;}
[data-otp-color='3']{background:#5fb4ef;}
[data-otp-color='4']{background:#6fd98f;}
[data-otp-color='5']{background:#c4b50a;}
[data-otp-color='6']{background:#b78d52;}
[data-otp-color='7']{background:#f24c4c;}
[data-otp-color='8']{background:#a3a3a3;}
[data-otp-color='9']{background:#434343;}
[data-otp-color='10']{background:#efa8f0;}
[data-otp-color='1'] span:nth-of-type(1){background:#8848e9;}
[data-otp-color='2'] span:nth-of-type(1){background:#5e6785;}
[data-otp-color='3'] span:nth-of-type(1){background:#5fb4ef;}
[data-otp-color='4'] span:nth-of-type(1){background:#6fd98f;}
[data-otp-color='5'] span:nth-of-type(1){background:#c4b50a;}
[data-otp-color='6'] span:nth-of-type(1){background:#b78d52;}
[data-otp-color='7'] span:nth-of-type(1){background:#f24c4c;}
[data-otp-color='8'] span:nth-of-type(1){background:#a3a3a3;}
[data-otp-color='9'] span:nth-of-type(1){background:#434343;}
[data-otp-color='10'] span:nth-of-type(1){background:#efa8f0;}

.otp_mask{background:-webkit-linear-gradient(top,#f5f5f5 0%,#d1d5e1 100%);background: linear-gradient(to bottom,#f5f5f5 0%,#d1d5e1 100%);width:100%;box-sizing:border-box;padding-bottom:50px;position:fixed;left:0;top:0;z-index:90;/*display:none;*/}
.otp_mask *{position:absolute;}

.otp_bar{height:46px;width:100%;position:fixed;left:0;bottom:0;z-index:95;}
.otp_bar a {height:46px;line-height:46px;padding-left:15px;color:#fff;font-size:16px; letter-spacing: -0.3px;}
.otp_bar a span{font-size:30px;}
.otp_bar > *{position:absolute;}
img.otp_bar_text{height: 100%; left:20px;}

/* index_ul */
.index_ul{width:75%;position:fixed;left:12.5%;top:20%;}
.index_ul li{overflow:hidden;padding:10px 0 8px;border-bottom:1px solid #e1e2e5;}
.index_ul li:nth-child(2){padding-bottom:10px;}
.index_ul li:nth-child(2) h3{margin-bottom:25px;}
.index_ul li:nth-child(4) h3{margin-bottom:25px;}
.index_ul li:nth-child(4) div div{margin-left:0px;}
.index_ul li:last-child{border-bottom:0;padding-bottom:0;}
.index_ul > li > :nth-child(1){width:68%;float:left;}
.index_ul > :nth-child(1) > :nth-child(1){width:85%;}
.index_ul > li > :nth-child(2){text-align:right;float:right;}
.index_ul li:nth-child(1){color:#8e9197;}
.index_ul p{line-height:1.4;font-size:12px;float:left;font-size:11px;font-family:맑은고딕,'Malgun Gothic',Dotum,돋움,Helvetica,AppleSDGothicNeo,sans-serif;}
.index_ul li:nth-child(1) :nth-child(2) div:nth-of-type(1){font-weight:bold;font-size:14px;margin-bottom:5px;font-family:맑은고딕,'Malgun Gothic',Dotum,돋움,Helvetica,AppleSDGothicNeo,sans-serif;}
.index_ul li:nth-child(1) :nth-child(2) div:nth-of-type(2){font-weight:bold;font-size:11px;font-family:맑은고딕,'Malgun Gothic',Dotum,돋움,Helvetica,AppleSDGothicNeo,sans-serif;}

.index_ul h3{font-size:16px;margin-bottom:25px;font-weight:normal;line-height:1.4;}
.index_ul li:nth-child(2) h3{color:#7fb5e5;}
.index_ul li:nth-child(3) h3{color:#eb61ab;}
.index_ul li:nth-child(4) h3{color:#a17ef0;}

.index_ul li :nth-child(2) div:nth-of-type(1) a{font-size:55px;}
.index_ul li :nth-child(2) div:nth-of-type(2){font-size:30px;line-height:.7;}
.index_ul li:nth-child(2) :nth-child(2) div:nth-of-type(1) a{color:#7fb5e5;}
.index_ul li:nth-child(3) :nth-child(2) div:nth-of-type(1) a{color:#eb61ab;}
.index_ul li:nth-child(4) :nth-child(2) div:nth-of-type(1) a{color:#a17ef0;}

/*.index_ul li:nth-child(3) :nth-child(1) div{color:#b3bdd1;font-size:50px;}*/
div.yesterDay_num{font-size: 30px; color: #B3BDD1;  }
span.yesterDay{font-size:11px;display:inline-block;margin-right:6px;vertical-align:middle;line-height:1.3;color:#b3bdd1; width:25px; border-right: 1px solid #b3bdd1;}

/*.index_ul li:nth-child(3) :nth-child(1) div span:nth-of-type(1){font-size:14px;display:inline-block;margin-right:6px;vertical-align:top;line-height:1.8;}*/

/* data-statistics */
.index_ul,[data-statistics]{font-family:BebasNeue;}
[data-statistics]{padding:30px 12.5%;margin-bottom:50px;}
[data-statistics].case_1{padding-bottom:0;}
[data-statistics='1']{background:#87b9e7;}
[data-statistics='2']{background:#eb61ab;}
[data-statistics='3']{background:#a584f1;}

[data-statistics] dt{font-size:16px;margin-bottom:3px;}

[data-statistics-bottom],[data-statistics-top]{overflow:hidden;}

[data-statistics] > div:nth-child(odd){border-bottom:1px solid rgba(0, 0, 0, .2);padding-bottom:8px;}
[data-statistics] > div:nth-child(even){margin-top:20px;}

[data-statistics-bottom] > *{box-sizing:border-box;float:left;text-align:right;}

[data-statistics-bottom='1'] dl{width:50%;}
[data-statistics-bottom='1'] dl:nth-child(odd){border-right:1px solid rgba(0, 0, 0, .2);text-align:left;}

[data-statistics-bottom='2'] dl{width:30%;}
[data-statistics-bottom='2'] dl:nth-child(even){border-right:1px solid rgba(0, 0, 0, .2);border-left:1px solid rgba(0, 0, 0, .2);text-align:center;width:40%;}
[data-statistics-bottom='2'] dl:nth-child(1){text-align:left;}

[data-statistics-bottom^='3-'] dl{text-align:center;width:33.3%;}
[data-statistics-bottom='3-1'] dl{margin:0 auto;float:none;}
[data-statistics-bottom='3-2'] dl{display:inline-block;}
[data-statistics-bottom='3-2'] dl:nth-child(1){margin-left:16.7%;}
[data-statistics-bottom='3-3'] dl{width:33.3%;}

[data-statistics-top] > *{float:left;width:47%;}

[data-statistics-top='1'] > :nth-child(even){float:right;text-align:right;}

[data-statistics-top='2'] dl{width:33.3%;text-align:left;}
[data-statistics-top='2'] dl:nth-child(even){text-align:center;}
[data-statistics-top='2'] dl:nth-child(3){float:right;text-align:right;}

/* chart */
.chart,.coupon_button{width:90%;margin:0 auto 50px;border-top:1px solid #b2b2b2;text-align:center;}
.chart h1{margin-top:-6px;font-weight:normal;text-align:center;color:#323232;margin-bottom:25px;}
.chart h1 div{background:#fff;padding:0 10px;display:inline-block;}
.chart h1 span{display:inline-block;width:10px;height:10px;margin:0 5px 0 15px;background:#b3bdd1;}
.chart h1 span:nth-child(1){margin-left:0;}

[data-split]{width:45%;}
[data-split='left']{margin-left:5%;float:left;clear:left;padding-right:5%;box-sizing:border-box;}
[data-split='right']{margin-right:5%;float:right;}

[data-table]{margin-bottom:20px;text-align:center;width:100%;color:#b3bdd1;}
[data-table] td{font-size:20px;}
[data-table='6'] td{width:16.666%;}
[data-table='7'] td{width:14.285%;}

[data-statistics-top] .case_1 span{float:right;}
[data-statistics-top] .case_1 span:nth-child(odd){line-height:.8;padding-top:2px;}
[data-statistics-top] .case_1 span:nth-child(even){margin-right:6px;}

/* coupon_button */
.coupon_button{border-top:0;height:43px;margin:-30px auto 20px;position:relative;}
.coupon_button a{width:43px;height:43px;position:absolute;left:0;top:0;background:url(../img/coupon_button_1.gif);background-size:43px;}
.coupon_button a:nth-child(3){right:0;left:inherit;background:url(../img/coupon_button_2.gif);background-size:43px;}
.coupon_button h2{height:43px;line-height:43px;color:#a584f1;font-size:20px;font-weight:normal;}

/* canvas */
[id^='canvas-holder-']{margin:4px 0 10px;position:relative;}
[id^='canvas-holder-10']{width:40%;position:absolute;left:50%;top:50px;margin-left:-20%;}
[id^='canvas-holder-11']{width:40%;}
[id^='canvas-holder-12']{width:140px;margin:0 auto 20px;}
[id^='canvas-holder-2']{margin:0;}
[id='canvas-holder-20']{width:35%;}
[id='canvas-holder-21']{width:53%;}

/* about */
.about_1{margin:20px 0 30px;}
.about_2 img{width:100%;}

/* illegal_use */
[data-type='illegal_use']{background-color:#e1e3e7;padding:47px 5.5% 0;text-align:center;}
[data-type='illegal_use'] > p{margin-top:40px;margin-bottom:20px;}
[data-type='illegal_use'] h1{color:#556078;font-size:22px;line-height:1.2;margin-bottom:10px;}
[data-type='illegal_use'] h2{color:#8e9197;font-size:16px;line-height:1.4;margin-bottom:30px;}
[data-type='illegal_use'] > a{display:block;height:40px;line-height:40px;color:#fff;border-radius:20px;width:70%;margin:0 auto 40px;font-size:16px;background:#7fb5e5;}
[data-type='illegal_use'] > div,.illegal_use_tab_1 article > div,.my_place_1{background:#fff;padding:20px 20px 30px;color:#556078;font-size:16px;position:relative;margin-bottom:40px;}
[data-type='illegal_use'] div p,.illegal_use_tab_1 article div p,.my_place_1 p{margin-bottom:10px;line-height:1.4;}
[data-type='illegal_use'] div a,.illegal_use_tab_1 article div a,.my_place_1 a{text-decoration:underline;color:#556078;font-size:26px;margin-bottom:20px;display:block;}
[data-type='illegal_use'] div div,.illegal_use_tab_1 article div div,.my_place_1 div{position:absolute;left:0;right:0;bottom:0;height:30px;line-height:30px;color:#fff;font-size:16px;background:#aeb4c0;}
.illegal_use_tab h2,.illegal_use_tab ul,.illegal_use_tab_1 ul,.illegal_use_tab h2,.button_group,.illegal_use_tab_1 article > div,.illegal_use_tab_1 .block,.my_place_1,.box_0409{width:90%;margin:0 auto;}

/* illegal_use_tab */

.button_group{overflow:hidden;}
.button_group a{height:50px;line-height:50px;text-align:center;color:#fff;float:left;width:48%;background:#bdc4d3;font-size:16px;}
.button_group a:last-child{background:#7fb5e5;float:right;margin-bottom:50px;}


/* stamp management */
.button_group_1{padding:10px 10%;overflow:hidden;border-bottom:1px solid #eff0f1;}
.button_group_1 a{background-color:#e1e2e5;color:#556078;height:50px;line-height:50px;text-align:center;float:left;font-size:16px;width:50%;}
.button_group_1 a:first-child{border-radius:25px 0 0 25px;}
.button_group_1 a:last-child{border-radius:0 25px 25px 0;}

.stamp_list{width:100%;}
.stamp_list tr{border-bottom:1px solid #eff0f1;height:60px;}
.stamp_list th,.stamp_list td{font-size:14px;}
.stamp_list th{width:50%;color:#323232;}
.stamp_list td{color:#aeb4c0;width:26%;}
.stamp_list td:nth-child(2){width:24%;color:#7fb5e5;}

/* set_stamp */
.set_stamp_1{margin-bottom:40px;}
.set_stamp_1 img{width:100%;}
.set_stamp_4,.set_stamp_2,.set_stamp_3{text-align:center;width:90%;margin:0 auto;}
.set_stamp_2{color:#556078;font-size:20px;margin-bottom:10px;}
.set_stamp_3{color:#8e9197;font-size:16px;margin-bottom:30px;}
.set_stamp_4{border:2px solid #aaafbb;background:#fff;color:#aeb4c0;font-size:16px;padding:10px;margin-bottom:20px;text-align:left;box-sizing:border-box;display:block;}

.stamp_1{position:fixed;left:0;top:45px;right:0;bottom:0;background:url(../img/stamp_bg.gif) center top no-repeat;background-size:100% 100%;text-align:center;}
.stamp_1 h1{color:#323232;padding:0 5%;font-size:20px;margin-top:70px;margin-bottom:30px;}
.stamp_1 p{width:25%;background:#fff;height:40px;line-height:44px;color:#7fb5e5;border-radius:20px;margin:0 auto 30px;font-size:16px;}
.stamp_1 img{width:100%;}

/* stop_use */
.stop_use{}
.stop_use a{display:block;height:60px;padding:15px 10px;border-bottom:1px solid #e1e2e5;box-sizing:border-box;}
.stop_use a > *{line-height:30px;display:inline-block;vertical-align:top;}
.stop_use i{height:30px;width:30px;margin-right:5px;background:url(../img/checkbox.gif) 0 0 no-repeat;background-size:100% 100%;}
.stop_use i.on{background:url(../img/checkbox_on.gif) 0 0 no-repeat;background-size:100% 100%;}
.stop_use strong{color:#323232;font-size:18px;}
.stop_use span{color:#aeb4c0;font-size:14px;float:right;}

.stop_use_1{margin:50px 15px;color:#8e9197;line-height:1.6;text-align:center;}

/* my_place */
.my_place{overflow:hidden;width:90%;margin:75px auto 40px;}
.my_place tr{padding:20px 0;border-bottom:2px solid #e1e2e5;}
.my_place th,.my_place td{padding:10px 0;font-size:16px;vertical-align:top;line-height:1.3;}
.my_place th{width:30%;color:#a17ef0;text-align:left;}
.my_place td{width:70%;color:#8e9197;}
.my_place_1{margin-bottom:40px;}




/* 추가 */

/* voucher_status */
div.status_text{padding:3px 0 20px; width: 100%; background-color:#67b6f9; color:#fff; text-align: center; position: relative; }

div.status_text p{width: 50%; display: inline-block; font-size: 34px;font-family: BebasNeue;}
div.status_text p span{font-size: 11px;letter-spacing: -0.8px;}
.bar_height{position: absolute; top:20px; left:50%; width: 1px; height: 40px; border-left: 1px solid #fff; box-sizing:border-box;opacity: 0.6;}

.status_tit{width: 90%; margin: 0 auto; margin-top: 30px; position: relative; padding: 10px 0; text-align: center;}
.status_tit span{height: 100%; background: #fff; padding:0 5px; font-weight: normal; font-size: 12px;}
.status_tit hr{position: absolute; left: 0; top:30%; width: 100%; z-index: -2; opacity: 0.3; }




/* voucher_detail */
p.detail_text{padding:25px 0; width: 100%; text-align: center; font-size: 13.5px; line-height: 1.4; color:#b3bdd1; letter-spacing: -0.4px;}

/**/
div.writeBox{background: #e8e9ec; color:#8e9197; padding: 20px 0; width: 100%;}
div.writeBox span{width: 20%; display:inline-block; padding: 7px 0px; float: left; margin-left:3%;margin-right: 2%; font-size: 11px!important;  }
div.writeBox input{width: 70%; padding:7px 0; color: #8e9197; font-size: 11px!important;  text-indent: 5px; border: 1px solid #aeb4c0; box-sizing:border-box;}

div.writeBox > div{}

div.writeDate{position: relative;}
div.writeDate span.wave{position: absolute; width: 20px; left:55.5%}
a.dateAnk{display: inline-block;width: 32%; cursor: pointer;}
a.dateAnk input{width: 100%!important;cursor: pointer;background:#fff url("../img/select_dn.png") no-repeat scroll right center / 20px 15px;}
a.dateAnk2{margin-left: 3%;}
a.dateAnk1{margin-right: 3%;}
div.writePhone{clear: both; margin-top: 10px;}

div.writeNum{margin-top: 10px}

p.btn_search{margin-left:25%; margin-top:10px; width: 70%; text-align: center; padding:12px 0; background-color:#67b6f9; color:#fff; font-size: 12px; cursor: pointer;}

/**/
div.list_cancel{width: 100%; padding: 20px 0; border-bottom: 1px solid #eee; }
div.list_cancel>*{display: inline-block; vertical-align:middle;}

div.list_cancel>div{width: 55%;}

div.list_cancel p.list_number{color:#8e9197;vertical-align:top; width: 18.5%; margin-left: 5%}
div.list_cancel p.list_content span{display: block;}
div.list_cancel p.list_content span.list_tel{color:#323232; font-size: 16px!important; font-weight: bold; } 
div.list_cancel p.list_content span.list_date{color:#8e9197; font-size: 13px!important; margin-top: 10px; padding:2px 0 2px 22px; background: transparent url("../img/list_time.png") no-repeat scroll left center / contain;}
div.list_cancel p.list_content span.list_time{color:#8e9197; font-size: 13px!important; margin-top: 4px; padding:2px 0 2px 22px; background: transparent url("../img/list_date.png") no-repeat scroll left center / contain;}

div.list_cancel a{width: 40px;}
div.list_cancel a img{width: 100%;}



/* echoss_manager */

/* nav_m */
#nav_m{height:35px;background:#000;/*position:relative;left:0;top:45px;*/width:100%;z-index:80;}
#nav_m a{width:33.333%;color:#fff;text-align:center;height:35px;line-height:37px;}
#nav_m a.on1{background:#88bae7;}
#nav_m a.on2{background:#eb61ab;}
#nav_m a.on3{background:#a27ff0;}

div.coupon_slide{background-color: #b3bdd1; padding:20px 0 10px;}
div.coupon_slide div.coupon_box_wrap{background-color: #fff; width: 86%; height: 140px; margin:0 auto; /*padding:20px 15px 10px 15px;*/ position: relative;}
div.coupon_slide div.coupon_box{width: 100%; height: 140px;text-align: right;}

span.coupon_tit{position:absolute;left: 25px;top:25px; font-size: 13.5px; font-weight: bold; color:#ec3d47;}
span.coupon_date{position:absolute;left:25px;bottom:25px; font-size: 11px; color: #8e9197; }
span.coupon_date hr{width: 43px;position: absolute; left: 0; top:-14px; font-weight: lighter; color:#fff; opacity: 0.3;}

div.coupon_slide>div p{color: #8e9197; font-size: 11px; margin-right: 25px;}
div.coupon_slide>div p:nth-child(2){padding-top: 25px;}
div.coupon_slide>div p:nth-child(3){margin-top: 10px;}
div.coupon_slide>div p>span{display: block; color: #000; font-size: 28px;font-family: BebasNeue; margin-top: 3px;}

div.owl-buttons div.owl-prev{position: absolute; left: -21px; top:46%;background:url(../img/prev.png) center center no-repeat;background-size:10px;}
div.owl-buttons div.owl-next{position: absolute; right: -21px; top:46%;background:url(../img/next.png) center center no-repeat;background-size:10px;}


div.pageNum{width: 30px; margin: 0 auto; margin-top: 10px; font-size: 20px;color:#5d5d5d;font-family: BebasNeue;}
span.presnt{font-size: 18px; color: #fff;}
span.total{font-size: 18px; color:#5d5d5d;}


/* access */

div.data_manager_1{width: 86%; margin: 30px auto 20px; letter-spacing: -0.5px;position: relative;}
div.data_manager_1 p:nth-child(1){font-weight: bold; font-size: 14px;}
div.data_manager_1 p:nth-child(1) span{font-size: 10px; font-weight: normal; color:#999;}
div.data_manager_1 p:nth-child(2){float: right; font-size: 36px;font-family: BebasNeue;  position: absolute; top:-5px; right:0;}

div.data_manager_1-1{width: 86%; margin: 30px auto 0px; letter-spacing: -0.5px;position: relative;}
div.data_manager_1-1 p:nth-child(1){font-weight: bold; font-size: 14px;}
div.data_manager_1-1 p:nth-child(1) span{font-size: 10px; font-weight: normal; color:#999;display:block; margin-top: 5px; line-height: 1.4}
div.data_manager_1-1 p:nth-child(2){text-align:right;position:absolute;top:0;right:70px; color:#999;font-size: 10px;margin-top: 2px;}
div.data_manager_1-1 p:nth-child(2) span{display:block;font-size: 32px;font-family: BebasNeue; color:#000; margin-top: 5px;}
div.data_manager_1-1 p:nth-child(3){text-align:right;position:absolute;top:0;right:0px; color:#999;font-size: 10px;margin-top: 2px;}
div.data_manager_1-1 p:nth-child(3) span{display:block;font-size: 32px;font-family: BebasNeue;  color:#000; margin-top: 5px;}

div.data_manager_2{width: 86%; margin: 20px auto; letter-spacing: -0.5px;}
div.data_manager_2 p:nth-child(1){width:32%; display: inline-block; text-align: left;color:#2f6ba0;font-size: 10px;}
div.data_manager_2 p:nth-child(2){width:32%; display: inline-block; text-align: center;color:#88bae7;font-size: 10px;}
div.data_manager_2 p:nth-child(3){width:32%; display: inline-block; text-align: right;color:#cdddec;font-size: 10px;}
div.data_manager_2 p span{font-size: 38px; font-family: BebasNeue; }

div.data_manager_3{width: 86%; margin: 20px auto 20px; letter-spacing: -0.5px;position: relative; }
div.data_manager_3 p{display: inline-block; text-align: left;color:#2f6ba0;font-size: 10px;}
div.data_manager_3 p:nth-child(1){position: absolute;top:0; left: 0;color:#fbbedf;}
div.data_manager_3 p:nth-child(2){position: absolute;top:0; right: 0;color:#e690bf;text-align: right;}
div.data_manager_3 p:nth-child(3){position: absolute;bottom:0; left:0;color:#eb61ab;}
div.data_manager_3 p:nth-child(4){position: absolute;bottom:0; right:0;color:#c13c83;text-align: right;}
div.data_manager_3 p span{ font-size: 38px; font-family: BebasNeue;  }

div.data_manager_3 div{padding:20px 0;}

div.hr{padding-bottom:30px; border-bottom: 1px solid #dfdfdf;}
.margin-top{margin-top: 30px!important; padding-bottom: 20px;}


.table{width: 86%; margin:0 auto; margin-top:20px; padding-bottom:20px; border-bottom: 1px solid #ddd;}
.table2{width: 86%; margin:0 auto; margin-top:12px; padding-bottom:20px;}
.table_list_1,.table_list_3{width: 100%;}
.table_list_1 span,.table_list_3 span{display: inline-block; width: 14.28%; text-align: center;}
.table_list_1 span{color:#a27ff0;font-size: 20px;font-family: BebasNeue;}
.table_list_3 span{font-weight:bold; color:#999; letter-spacing: -0.5px; font-size: 11px;}
.table_list_2{width: 100%;}
.table_list_2>div{display: inline-block; width: 14.28%; height: 150px; margin: 10px 0;}
.bar_bg{width: 20%; margin:0 auto; background:#e8ebef; height: 150px; position: relative; overflow: hidden;}
 
.bar_gr{width: 100%; position: absolute; bottom:0; left:0; background:#a27ff0; }

.table_line{width: 90%; margin: 0 auto; }
#line_chart{width: 92%!important; margin: 0 auto; height: 195px!important; }

.table_line_list{width: 100%; height: 19px; margin-top:12px;}
.table_line_list span{display: inline-block; font-size: 21px; width: 16.66%; text-align: center; color:#67b6f9;font-family: BebasNeue;}



/* echossmanager 3.0 (150611~) */

/* 1_login.html */
.login_wrap{width: 76%; margin:0 auto; margin-top:20%; text-align: center; letter-spacing: -0.7px}
.login_wrap p{font-size: 18px;margin-bottom: 5px; color: #556078}
.login_wrap span{font-size: 11px; color:#8e9197}
.login_wrap input{width: 100%; padding:14px 0; text-indent:5px; border: 1px solid rgba(0,0,0,0.3); box-sizing:border-box; margin-top: 20px}
.login_wrap .btn_next{width: 100%; color:#fff; background-color: #7fb5e5; padding:14px 0; margin-top: 10px}

/* 2_login.html */
.login_wrap_stamp{width: 76%; margin:0 auto; margin-top:30%; text-align: center; letter-spacing: -0.7px}
.login_wrap_stamp p{font-size: 18px;margin-bottom: 15px; color: #fff}
.login_wrap_stamp span{font-size: 11px; color:#556078;line-height: 1.4;}	
.login_wrap_stamp div{margin-top: 30px;}
.login_wrap_stamp div img{width: 58%; margin:0 auto; }

.btn_logout{position: absolute; top:0; height: 12px!important; right: 0; display: inline-block; vertical-align: middle;padding: 17px 10px; color:#8e9197; font-size: 11px; }

/* 4_home.html */

.home_wrap{width: 76%;text-align: center;}

.home_icon{width: 100%; padding:36px 0; margin-top: 10px; border-bottom: 1px solid rgba(225,226,229,0.7); letter-spacing: -0.5px;}
.home_icon img{width: 26%;}
.home_icon p:nth-child(2){font-size: 22px;margin-top:10px;}
.home_icon p:nth-child(3){font-size: 11px;margin-top:5px;color:#8e9197;}


.home_menu{width: 100%; line-height: 0; font-size: 0;padding-bottom:60px;}
.home_menu a{display:block; border-bottom: 1px solid rgba(225,226,229,0.7);}
/* .home_menu a img{width: 100%;} */

.menu_use {text-align: left;background-image: url(../img/arrow_right.png); background-size: 10px auto; background-repeat: no-repeat; background-position: 97% center; background-color: #fff;} 
.icon_img_main {width: 19%; padding:4% 5%; vertical-align: middle;}
.icon_txt_main {font-size: 18px; color: #556078; vertical-align: middle; line-height: 1;width: 64%; display: inline-block; margin-top:-2px; letter-spacing: -0.7px;}

.bottom_index{height: 60px;width: 100%;position: fixed;left: 0px;bottom: 0px;z-index: 95;background-color: #e8e9ec;}
.bottom_index *{vertical-align: middle; line-height: 1}
.bottom_index p{font-size: 28px; padding: 16px 0; font-family:BebasNeue;}
.bottom_index p:nth-child(1){float:left; margin-left: 12.5%;}
.bottom_index p:nth-child(2){float:right; margin-right: 12.5%;}
.bottom_index p span{font-family:맑은고딕,'Malgun Gothic',sans-serif;display: inline-block; margin-right: 5px; padding-right: 5px; color:#8e9197; font-size: 10px; text-align: right; position: relative; top:0px; border-right: 1px solid #8e9197;}


@media (min-width: 320px) and (max-width: 359px) {

}
@media (min-width: 360px){
.home_icon p:nth-child(2){font-size: 24px;margin-top:12px;}
.home_icon p:nth-child(3){font-size: 12px;margin-top:8px;}
[data-bc-modal-target].on{width: 82% !important;left: 9% !important;}
}

[data-type='list'] > .otp_q{position: fixed;	bottom:7px!important;right: 10px!important;z-index: 9999;width: 29px;vertical-align: middle;}
.otp_q span {height: 29px; line-height: 27px; width: 29px; background-color: rgba(0,0,0,0.5); border-radius:30px; display: block; text-align: center; color: #fff; font-size: 18px; font-weight: bold;}

p.otp_title_top {color: #8848e9; font-size: 1.125em;position: static; width: 86%; margin-left:7%;  margin-top:55px; line-height: 1.3;letter-spacing: -0.5px;}
p.otp_title_txt {color: #8e9197; font-size: 0.875em;  position: static; width: 80%; margin-left:7%;line-height: 1.2; margin-top:15px; letter-spacing: -0.5px;}
p.otp_title_txt span {position: static;font-size: 1em;}
.font_pink {color: #eb61ab!important}

/* 추가 160107 */
/*#header h1 a{padding-left: 12px;}*/

.manager_form {width: 100%;}
.back_gray {background-color:#e8e9ec;}
.new_login_wrap {width: 90%; margin:0 auto; margin-top:10%; text-align: center;}
.new_login_wrap .login_input {width: 100%;padding: 14px 0;text-indent: 5px;border: 1px solid rgba(0,0,0,0.3);box-sizing: border-box;-webkit-box-sizing: border-box;margin-top: 10px; display: inline-block;ime-mode:disabled;font-weight: bold;}
.new_login_wrap .btn_next {width: 100%;color: #fff;background-color: #7fb5e5;padding: 14px 0;margin-top: 10px;}
.login_guide {text-align: left; position: relative; margin-top:20px; line-height: 1.4; color: #8e9197;}
.btn_resetting {position: absolute; bottom: 0px; right: 0; padding:2px 0; border-bottom:1px solid #7fb5e5; color: #7fb5e5;}
.back_header_icon {background: url(../img/icon_3.png) no-repeat left center; background-size: auto 46px;}
.half {width: 48%!important; display: inline-block;}
.btn_cancel {color: #fff;background-color: #bdc4d3;padding: 14px 0; margin-right: 3%;}
.login_guide {font-size: 0.9em; letter-spacing: -0.6px;}


.account_management {width: 100%;}
.account_management li {width: 100%; padding:20px 0; border-bottom:1px solid rgba(142,145,151,0.2);}
.account_management li > * {vertical-align: middle; display: inline-block;}
.account_management i {height: 27px;width: 27px;background: url(../img/checkbox.gif) 0 0 no-repeat;background-size: 100% 100%; display: inline-block;margin-left: 8px;}
.account_management i.on {background: url(../img/checkbox_on.gif) 0 0 no-repeat;background-size: 100% 100%;}
.account_management strong {margin-left: 7px; width:140px; word-break: break-word;}
.icon_manface {width: 11%;margin-left: 10px; padding:0 2px;}
.color_blue {color: #7fb5e5;}
.account_date {float: right; margin-right: 10px; margin-top:17px;}
.back_wine {background-color: #eb61ab!important;}

/* 추가 20160322 */
div.popup_wrap_new {position: fixed; width: 100%; height: 100%; top:0; left: 0; display: table; background-color: rgba(0,0,0,0.6); z-index:120;}
div.popup_box_new {display: table-cell; vertical-align: middle; text-align: center;}
.popup_box_new_inner {width: 80%; margin:0 auto; background-color: #fff; max-width: 360px;}

.popup_txt {width: 100%; padding:25px 0; line-height: 1.4}
.popup_list_ul {width: 100%; border-top:1px solid #e1e1e1; overflow: auto; max-height: 103px;}
.popup_list_ul li {width: 100%; border-bottom:1px solid #e1e1e1; height: 40px; line-height: 40px; text-align: center;}
.btn_new_popup {width: 100%; padding:15px 0; text-align: center; font-weight: bold; border-top: 1px solid #e1e1e1}