@charset "utf-8";

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


.start_anim {
	opacity:0;
	-webkit-transform:translateY(20px);
	-moz-transform:translateY(20px);
	-o-transform:translateY(20px);
	transform:translateY(20px);
	-webkit-transition:transform 0.25s ease-out, opacity 0.25s linear;
	-moz-transition:transform 0.25s ease-out, opacity 0.25s linear;
	-o-transition:transform 0.25s ease-out, opacity 0.25s linear;
	transition:transform 0.25s ease-out, opacity 0.25s linear;
}

.start_anim.on {
	opacity:1;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-o-transform:translateY(0px);
	transform:translateY(0px);
}


/* common */
.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:0.8px 0.8px 1px rgba(0,0,0,0.15)}
.radius_full {border-bottom-right-radius:100%;border-bottom-left-radius:100%;border-top-right-radius:100%;border-top-left-radius:100%}

.div_header {position:fixed;width:100%;top:0;left:0;z-index:5;overflow:visible;}
.div_header_inner{height:85px;max-width:480px;margin:0 auto;position:relative;background-color:transparent;}/*border-left:1px solid rgba(255,255,255,0.5);border-right:1px solid rgba(255,255,255,0.5);*/overflow:visible;}
.div_content {width:100%;max-width:480px;margin:0 auto;position:relative;/*border-left:1px solid rgba(255,255,255,0.5);border-right:1px solid rgba(255,255,255,0.5);*/height:100%;}
.btn_back {display:inline-block;width:12%;vertical-align:middle;}

.title_header {display:inline-block;width:75%;height:85px;margin:auto;line-height:85px;text-align:center;vertical-align: middle;font-size:1.25rem;letter-spacing:-0.5px;color:#F3E4B2;}
.padding_top_header {padding-top:25%}
.img_full {width:100%;display:block}
.hidden {display:none!important}
.img_headerLogo {width:100%;}
/* custom */
.div_content_wrap {position:fixed;top:0;left:0;z-index:1;width:100%;height:100%;overflow:auto;}
.img_point_right_header {position:absolute;top:44px;height:14px;right:-0.5px;}
.div_content_inner {width:80%;margin:0 auto;position:relative;}
.back_pattern00 {background-image:url(../images/bg_main_back03.png);background-size:10px 100%;background-position:top left;background-repeat:repeat-x;}
.back_header_type00 {background-image:url(../images/bg_main_back03.png);background-size:10px auto;background-position:top left;background-repeat:repeat-x;}
.back_pattern00.add_shape {background-image:url(../images/bg_full_shape.png),url(../images/bg_main_back02.png);background-size:100% auto,100% 100%;background-position:top left,center;background-repeat:no-repeat,repeat-x;}
.back_header_type00.add_shape {background-image:url(../images/bg_full_shape.png),url(../images/bg_main_back02.png);background-size:100% auto,10px auto;background-position:top left;background-repeat:no-repeat,repeat-x;}
.back_pattern01.add_shape {background-color:#faf1d8;background-image:url(../images/Shape_1001.png);background-size:100% auto,100% 100%;background-position:top left;background-repeat:no-repeat}.back_header_type01.add_shape {background-color:#0d4732;}
.back_pattern_vertical.add_shape {background-image:url(../images/bg_full_shape.png),url(../images/bg_main_back03.png);background-size:100% auto,100% 100%;background-position:top left,center;background-repeat:no-repeat,repeat-x;}
.back_header_vertical.add_shape {background-image:url(../images/bg_full_shape.png),url(../images/bg_main_back03.png);background-size:100% auto,100% auto;background-position:top left;background-repeat:no-repeat,repeat-y;}
.div_logo_bottom {width:100%;position:relative;bottom:0;text-align:center;z-index:2;margin:20px 0;}
.div_logo_bottom img {width:42%;display:block;margin:0 auto;max-width:170px;padding:12px 0;}
.div_logo_bottom.static {position:static;}
.div_logo_bottom_inner {position:relative;width:100%;}
.div_logo_bottom.point_line{border-top:1px solid rgba(255,255,255,0.5);}
.div_logo_bottom.point_line img {padding:16px 0;}
.div_logo_bottom img.img_point_bottom {position:absolute;top:-7px;height:14px;right:0;width:auto;padding:0;}

/* PointTimer.html */
.div_point_notice {text-align:center;color:#0d4732;margin-top:36px;}
.div_point_notice img {display:inline-block;vertical-align:middle;width:15%;padding-right:25px;}
.div_point_notice span {display:inline-block;vertical-align:middle;font-size:0.85rem;text-align:left;padding-left:14px;padding-bottom:10px;border-left:1px solid rgba(013,071,050,0.5);line-height:1.4;}

.div_timer_wrap {width:64%;margin:17% auto;position:relative;}
.div_timer_wrap img {display:block;width:100%;}
.div_timer_inner {position:absolute;width:100%;top:30%;left:0;text-align:center;color:#b9835c;}
.div_timer_inner >span {display:block;margin-bottom:10px;font-size:1rem;color:#13452D;}
.div_timer_inner p {font-size:2rem;color:#13452D;}

.div_notice_wrap {width:100%;position:relative;overflow:visible;padding-bottom:10px;border-top:1px solid rgba(013,071,050,0.5)}
.div_notice_wrap.top_bottom {border-bottom:1px solid rgba(255,255,255,0.5);margin-top:30px;}
.div_notice_inner {width:100%;text-align:center;margin-top:10%;}
.div_notice_inner .img_stamphand {display:inline-block;vertical-align:middle;width:24%;}
.div_notice_inner .p_notice_inner {display:inline-block;vertical-align:middle;width:auto;text-align:left;color:#0d4732;font-size:0.85rem;}
.img_point_right_notice {position:absolute;top:0;right:0;height:14px;}
.img_point_right_notice.position_bottom {top:inherit;bottom:-7px;}


/* PointCard.html */
.none_btn_title {width:100%;}
.div_card_wrap {max-width:440px;width:85%;margin:auto;margin-top:43%;background-color:#B9814B;border-radius:15px;}
.div_barcode {width:100%;background-color:#fff;border-radius:0  0 10px 10px;}
.p_barcode_num {height:70px;line-height:70px;text-align:center;letter-spacing:1.5px;font-size:1.2rem;}
.div_contentBox_wrap {width:85%;margin:auto;margin-top:7%;font-size:0;}
.div_contentBox {display:inline-block;width:45%;padding:5% 0;border:2px solid #727170;border-radius:15px;box-sizing:border-box;}
.div_contentBox > p {padding-bottom:10%;text-align:center;font-size:1rem;color:#5B5653;}
.div_contentBox > img {display:block;width:40%;margin:auto;}
.member_rating {display:block;width:90%;margin:auto;padding-top:3%;color:#F3E4B2;font-size:1.2rem;}
.member_rating:before, .member_rating:after {display:inline-block;content:"";width:36.5%;height:1px;vertical-align:middle;background-color:#F3E4B2;}
.member_rating:before {margin-right:5%;}
.member_rating:after {margin-left:5%;}
.point_area {display:block;width:90%;padding:15px 0;text-align:right;font-size:1rem;color:#F3E4B2;}
.point_area > span {padding-right:5%;font-size:2rem;}
.img_barcode {display:block;width:60%;margin:auto;padding:10px 0;}
.verification {margin-right:10%;}

/* Point_Use.html */
.div_pointContent {margin-top:35%;}
.div_point_bg {margin:0 auto;width:200px;height:200px;border-radius:50%;border:2px solid #B9814B;background-color:rgba(185, 129, 75, 0.45);line-height:2;} /* 170703 수정 */
.div_point_bg > span {display:block;width:70%;margin:auto;text-align:right;color:#454140;font-size:1.7rem;border-bottom:2px solid #454140;}
.div_point_content {position:relative;padding:7%;line-height:1.5;font-size:0;border-bottom:1px solid #13452D;}
.img_titleBar {display:block;width:80%;margin:0 auto;margin-top:-9%;text-align:center;}
.img_line_top, .img_line_bottom{width:3%;position:absolute;right:0;}
.img_line_top {top:0;}
.img_line_bottom {bottom:0;}
.p_title {width:100%;padding-bottom:5%;text-align:center;font-size:1.3rem;font-weight:bold;color:#13452D;}
.p_text_point {padding-top:25%;padding-right:25%;text-align:right;font-size:1.25rem;color:#454140;}
.p_storeName {width:40%;margin:auto;margin-top:-12%;line-height:3;text-align:center;color:#F3E4B2;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.btn_confirm {display:block;margin:10% auto;width:50%;height:30px;line-height:30px;font-size:1rem;text-align:center;border-radius:20px;border:2px solid #727170;color:#13452D;}
.list_name, .pointArea {display:inline-block;}
.list_name {width:28%;font-size:1rem;color:#5B5653;}
.pointArea {width:72%;font-size:2rem;text-align:right;color:#454140;}
.remaining {border-top:1px solid #13452D;}
/* Point_history.html */
.div_SearchDate {margin-top:0;padding:5% 3%;background-color:#E9ECDC;border-top:1px solid #13452D;border-bottom:1px solid #13452D;}
.div_SearchDate > p {display:inline-block;width:30%;text-align:center;vertical-align:middle;color:#5B5653;font-size:1rem;}
.div_right_content {display:inline-block;width:70%;padding-left:5%;vertical-align:middle;border-left:1px solid #13452D;}
.div_right_content > p {display:inline-block;width:26%;margin-left:5%;padding:3% 5%;line-height:1;text-align:center;font-size:0.80rem;color:#13452D;border-radius:15px;background-color:#FF6B00;}
.div_right_content > p:first-child {margin-left:0;}
.div_date_area {color:#13452D;}
.div_header_height {width:100%;height:0;padding-top:30%;} /* 170710 추가 */
.start_date, .end_date {display:inline-block;width:34%;margin-top:5%;height:15px;padding:3%;text-align:center;border:1px solid #FF6B00;border-radius:15px;font-size:0.875rem;}
.div_leftContent, .div_rightContent {display:inline-block;vertical-align:middle;font-size:0.875rem;color:#5B5653;}
.div_leftContent {width:65%;}
.div_rightContent {width:35%;line-height:1.7;}
.div_leftContent > p {display:inline-block;margin-right:3%;}
.p_store {margin-right:0;font-size:1rem;}
.p_point {text-align:right;font-size:1rem}
.p_text {text-align:right;font-size:0.750rem;}
.p_no_history {margin-top:30%;text-align:center;font-size:1rem;color:#13452D;} /* 170710수정 */

/* media Query */
@media only screen and (min-width:360px) {
	html {font-size:1rem;}
}