/* popup_type_new */
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);z-index:10;word-break:break-all;overflow:auto;/*display:none;*/}
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:20px 0;font-size:1rem;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
-webkit-animation:popup_show 0.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:90%;margin:0 auto;padding:40px 0;}
.popup_default_button {text-align:center;color:#414141;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_p {color:#8A8C98;font-size:0.875rem;letter-spacing:-0.5px;line-height:1.5;}


/*scanning.html*/
.div_scanning_wrap {position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0d774b;background-image:url(../images/img_symbol_starbucks.png);background-size:130% auto;background-position:-40% 120%;background-repeat:no-repeat;font-size:0;text-align:center; z-index:100;}
.div_scanning_wrap:before {position:relative;width:0;height:100%;display:inline-block;vertical-align:middle;content:"";}
.div_scanning_inner {width:98%;display:inline-block;vertical-align:middle;font-size:16px;font-size:1rem;max-width:480px;}

.btn_close_scanning {width:19px;height:19px;position:absolute;top:10px;right:10px;padding:4px;display:none;}
.btn_close_scanning img {display:block;width:100%;}

.img_title_starbucks {width:54%;margin:0 auto;}
.p_scanning_notice {color:#35FB69;font-size:0.875rem;padding-top:30px;line-height:1.4;}
.p_scanning_notice.failed {display:none;}

.div_scanning_phone {width:32%;margin:0 auto;position:relative;margin-top:90px;}
.img_frame_phone {display:block;width:100%;}
.img_loading {position:absolute;top:50%;left:50%;width:24px;height:24px;margin-top:-12px;margin-left:-12px;}
.img_failed {position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;display:none;}

.btn_scanning_bottom {color:#fff;position:fixed;bottom:0;left:0;width:100%;padding:20px 0;border-top:1px solid #fff;font-size:0.938rem;display:none;}


#divIndexContent {margin-bottom:60px;}
#divIndexContent.failed .p_scanning_notice {display:none;}
#divIndexContent.failed .p_scanning_notice.failed {display:block;}
#divIndexContent.failed .img_loading {display:none;}
#divIndexContent.failed .img_failed {display:block;}
#divIndexContent.failed .btn_scanning_bottom {display:block;}
#divIndexContent.failed .btn_close_scanning {display:block;}



/* select_main.html */
.back_beige {background-color: #EFEFEF; height: 100%;}

.div_header_hybrid {width:100%;height:54px;position:relative;z-index:7;}
.hybrid_header_inner {position:fixed;top:0;left:0;width:100%;height:54px;background-color:#fff;}

.btn_header_menu {position:absolute;top:10px;left:7px;width:25px;padding:5px;}
.btn_header_menu img {display:block;width:100%;}
.hybrid_header_title {width:40%; margin:0 auto; height:56px;line-height:56px;text-align:center;color:#414141;font-size:17px;font-size:1.05rem;
                      background-image: url(../images/costa_img/costa_text.png); background-size: contain; background-repeat: no-repeat; background-position: center; }
.btn_header_delete {position:absolute;top:14px;right:12px;width:25px; }
.btn_header_delete img {display:block;width:100%;}
.btn_header_delete i { color: #B41223; font-size: 20px; text-align: center; line-height: 30px; }

.div_selectcard_wrap {width:100%;overflow:hidden;}
#divSelectCard {width:100%;overflow:visible;position:relative;z-index:1;margin:0 auto;}
.slide_select_card {width:100%;}
.select_card_inner {width:100%;position:relative;z-index:1;margin: 0 15px; margin-bottom: 30px;}

.img_picture_frame {width:100%;display:block;}
.img_picture_slide {position:absolute;top:0;left:0;width:100%;height:auto;}

#div_select_section_wrap {position: relative;}
.div_select_section {position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;text-align:center;}
.div_select_section:before{width:0;height:100%;position:relative;display:inline-block;vertical-align:middle;content:"";}
.div_select_sectionInner {width:96%;display:inline-block;vertical-align:middle;}
.div_select_sectionInner img {display:block;width:30px;margin:15px auto;}
.div_select_sectionInner p {text-align:center;font-size:0.875rem;line-height:1.4;}
.input_newImage {position:absolute;top:10%;left:10%;z-index:3;width:80%;height:80%;opacity:0;}

.p_slide_num {text-align:right;color:#B7B7B7;padding-bottom:5px;opacity:0;}
.p_slide_num span {padding:0 3px;}
.p_slide_num span:first-child {color:#414141;}
.select_card_no {text-align: center; color: #686868; padding-top: 8px; font-size: 13px;}
.select_card_no.sizeup {font-size: 15px;}

.div_selectcard_bottom {width:90%;margin:0 auto;overflow:auto;padding:10px 0;margin-top:30px;display:none;}
.div_selectcard_bottom p {width:50%;float:left;text-align:center;color:#B7B7B7;font-size:0.938rem;position:relative;}
.div_selectcard_bottom p:first-child:before{width:1px;height:100%;position:absolute;top:0;right:0;background-color:#B7B7B7;content:"";}
.div_selectcard_bottom p span {padding:0 3px;}
#crrStamp, #crrCoupon {color:#414141;}

/* select_info.html */
.back_gray {background-color:#43464D!important;}
.hybrid_header_title.info_title{color:#fff;text-align:left;width:auto;padding:0 42px;}
.btn_header_back {position:absolute;top:14px;left:7px;width:17px;padding:5px;}
.btn_header_back img {width:100%;display:block;}

.div_selectcard_wrap {width:100%;overflow:hidden;}
.div_info_wrap01 {background-color:#EDE6DF;width:100%;}
.div_info_wrap01 p {width:80%;margin:0 auto;padding:8px 0;}
.div_info_wrap01 p:first-child {color:#414141;font-size:1.125rem;line-height:1.3;padding-top:50px;}
.div_info_wrap01 p:nth-child(2) {color:#999;font-size:0.875rem;line-height:1.5;}
.div_info_wrap01 img {width:100%;display:block;}

.div_info_wrap02 {width:80%;margin:0 auto;padding:40px 0;color:#414141;}
.tit_info_wrap02 {font-size:0.938rem;}

.ul_list_usage {width:100%;padding:20px 0;}
.ul_list_usage li {padding:5px 0;display:table;}
.div_usage_left, .div_usage_right {display:table-cell;vertical-align:middle;}
.div_usage_left {width:25%;}
.div_usage_left img {width:100%;margin:0 auto;display:block;}
.div_usage_right {width:75%;}
.div_usage_right p {width:90%;margin:0 auto;padding:3px 0;font-size:0.875rem;}
.div_usage_right p:first-child{color:#F76163;}

.div_info_wrap03 {padding:30px 0;background-color:#B7B7B7;padding-top:45px;}
.div_info_wrap03_inner {width:80%;margin:0 auto;position:relative;font-size:0.875rem;color:#fff;}
.div_info_wrap03_inner span {position:absolute;top:0;left:0;}
.div_info_wrap03_inner p {padding-left:74px;padding-bottom:20px;}



/*추가*/
.div_selectcard_camera{width:100%;margin:0 auto;margin-top:15px;display:none;}
.btn_icon_camera{width:60px;display:block;margin:0 auto;}
.btn_icon_camera img {width:100%;display:block;}