@charset "utf-8";
@import "morpheus-common.css";
@import "morpheus-style02.css";

.slotwrapper-border {
	height:100%;
}
.slotwrapper-border .slotwrapper {
	height:100%;
}

/*=== TBX_MOB_000_1000 ===*/
.intro-box{display:block !important;position:relative;width:100%;height:100%;padding:8.9rem 2.5rem;background:url('../img/img-loading-bg.png') no-repeat center center;background-size: cover;}
.intro-box .logo{display:block;width:100%;height:2rem;margin-bottom:2.7rem;background:url('../img/logo-main-tbxmembership.png') no-repeat 0 0;background-size:auto 100%;}
.intro-box > p{margin-bottom:6.1rem;color:white;font-size:3.4rem;}
.intro-box > p > strong{color:white;font-family:'NS-B';font-size:3.4rem;vertical-align:bottom;}
.intro-box .progress-box > p{margin-top:1rem;color:#666;font-family:'NS-B';font-size:1.5rem;text-align:right;}
.intro-box .progress-bg{position:relative;width:100%;height:2px;background-color:#f0f0f0;}
.intro-box .progress-bg .progress-bar{position:absolute;left:0;top:0;height:2px;background-color:#ed6d00;}
.intro-box .intro-foot{position:absolute;width:100%;bottom:2.5rem;left:0;}
.intro-box .intro-foot *{margin-top:.9rem;color:#fff;font-size:1.4rem;text-align:center;}

/*=== TBX_MOB_000_1010 ===*/
.auth-top{padding:4rem 2rem 0;}
.auth-top > p{font-size:1.5rem;}
.auth-top > p.title{padding:1.5rem 0 1rem;font-size:2.8rem;font-family:'NS-L';}
.auth-top > p:last-child{padding-bottom:2.5rem;border-bottom:1px solid #e1e1e1;}
.auth-btm{padding:2.5rem 2rem;}
.auth-btm > p{margin-bottom:2.8rem;color:#666;font-size:1.5rem;}
.auth-detail + .auth-detail{margin-top:4rem;}
.auth-detail .title{position:relative;display:inline-block;margin-bottom:1.1rem;padding-bottom:.4rem;font-size:1.7rem;color:black;}
.auth-detail .title:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#d03333;}
.auth-detail .sub{margin-bottom:1.4rem;color:#666;font-size:1.5rem;}
.auth-btm dt{position:relative;padding-left:2.5rem;font-size:1.7rem;font-family:'NS-B';}
.auth-btm dt:before{content:'';position:absolute;left:1rem;top:.6rem;width:.6rem;height:.6rem;border-radius:.3rem;background-color:#000;}
.auth-btm dd{padding:.6rem 0 0 2.7rem;color:#666;font-size:1.6rem;}
.auth-btm dd +dt {margin-top: 2.3rem}

/* === TBX_MOB_000_1500 === */
.main-top{padding:.6rem 2rem 3rem;}
.main-top p{margin-bottom:.8rem;color:#000;font-size:1.7rem;vertical-align:text-bottom;}
.main-top p > strong{margin-right:.5rem;font-size:2rem;font-family:'NS-B';vertical-align:text-bottom;}
.main-top-sub .swiper-container{margin:0 -2rem;}
.main-top .btn-mtop{width:100%;padding:0 2rem 1.5rem;color:#000;font-size:2.5rem;font-family:'NS-L';text-align:left;}
.main-top .btn-mtop:after{content:'';display:inline-block;width:1.5rem;height:2.3rem;margin:0 0 -.4rem .9rem;background:url('../img/btn-main-promotion-arrow.png') no-repeat center center;background-size:auto 2rem;}
.main-top .btn-mtop.img{padding:0;}
.main-top .btn-mtop.img img{width:100%;height:auto;}
.main-top .btn-mtop.img:after{content:none;}
/*로그인전*/
.box.main-box{padding:2.4rem 2rem 0;}
.main-box .card{box-shadow: 0 .3rem .8rem 0 rgba(0, 0, 0, 0.14);}
.card.mship-nologin, .card.mship-login{min-height: 19.3rem;}
.card.mship-nologin{padding:1.5rem 2rem 0;}
.mship-nologin .logo{}
.mship-nologin img{width:100%;height:auto;margin:1.7rem auto 1.8rem;}
.mship-nologin .btn-txt{height:4rem;font-size:1.9rem;border-radius:1rem;}
/*.mship-nologin .btn-wrap + .btn-wrap{margin-top:1.5rem;}*/
/*로그인후*/
.card.mship-login{padding:1.5rem 2rem 0;}
.mship-login .mypoint{display:block;overflow:hidden;margin:.9rem 0 1.5rem;font-size:0;}
.mship-login .mypoint span{display:inline-block;width:25%;font-size:1.5rem;}
.mship-login .mypoint strong{display:inline-block;width:75%;font-size:2.5rem;font-family:'NS-B';}
.mship-login .barcode-box{height:5rem;}
.mship-login .btn-txt{padding:0 2.3rem;height:3.5rem;border-radius:.9rem;margin: .8rem auto 1.8rem;}
/*버튼영역*/
.main-center{padding:1.8rem 0;}
.main-center .btn-txt.shadow{position:relative;display:block;-webkit-box-flex:1;-moz-box-flex:1;flex:1;width:100%;height:6.5rem;margin:0 .5rem;}
.main-center .btn-txt.shadow:first-child{margin-left:0;}
.main-center .btn-txt.shadow:last-child{margin-right:0;}
.main-center .btn-txt.shadow .badge{position:absolute;top:-.5rem;right:-.5rem;width:2.3rem;height:2.3rem;color:#fff;font-size:1.3rem;font-family:'NS-B';line-height:2.3rem;text-align:center;border-radius:1.15rem;background-color:#ed6d00;}
/*메인하단*/
.main-btm{}
.btn-btm{position:relative;width:100%;height:4rem;font-size:0;text-indent:-999rem;box-shadow: 0 .3rem .8rem 0 rgba(0, 0, 0, 0.14);background:transparent;border-top-left-radius:1.7rem;border-top-right-radius:1.7rem;}
.btn-btm + .btn-btm{margin-top:.5rem;}
.btn-btm:before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;}
.btn-btm.michelin:before{background:#fff url('../img/logo-main-michelin.png') no-repeat 1.5rem center;background-size:auto 1.5rem;border-top-left-radius:1.7rem;border-top-right-radius:1.7rem;}
.btn-btm.bridgestone:before{background:#fff url('../img/logo-main-bridgestone.png') no-repeat 1.5rem center;background-size:auto 1.5rem;border-top-left-radius:1.7rem;border-top-right-radius:1.7rem;}
.btn-btm:after{content:'';position:absolute;width:4rem;height:1.5rem;top:50%;right:2rem;margin-top:-1rem;background:url('../img/img-main-barcode-small.png') no-repeat center center;background-size:100% auto;}
.btn-btm.off:before{opacity:.5;}
.btn-btm.off:after{width:2.5rem;height:2.5rem;margin-top:-1.25rem;background:url('../img/btn-card-add.png') no-repeat center center;background-size:100% auto;opacity:1;}

/*=== TBX_MOB_000_1100 ===*/
.login-wrap{min-height:100%;padding:4.7rem 2rem 2rem;background-color:#fff;}
.login-wrap h1{width:100%;height:3rem;margin-bottom:4.2rem;background: url(../img/logo-loading.png) no-repeat center center;background-size: auto 100%;}
.login-wrap .ipt-wrap + .ipt-wrap{margin-top: 3rem;}
.login-auto{margin:2rem 0;}
.login-wrap .btn-bar{width:auto;padding:0 !important;}
.login-wrap .btn-bar:nth-child(1){padding-left:0;text-align:left;}
.login-wrap .btn-bar:nth-child(2){-webkit-box-flex:1.5;-moz-box-flex:1.5;flex:1.5;}
.login-wrap .btn-bar:nth-child(3){padding-right:0;text-align:right;}
.btn-txt.sns{padding-left:8.6rem;text-align:left;border-radius:1rem;}
.btn-txt.sns.kakao{color:#381e1f;background:#fde000 url('../img/img-logo-kakao.png') no-repeat 2.1rem center;background-size:3.9rem auto;}
.btn-txt.sns.naver{color:#fff;background:#0bcc63 url('../img/img-logo-naver.png') no-repeat 2.1rem center;background-size:3.9rem auto;}
.login-wrap .btn-wrap.bar-btns{margin:1.5rem 0;}

/*=== TBX_MOB_000_1200 ===*/
.join-txt{margin:-.6rem 0 2.5rem;font-size:1.9rem;text-align:center;}
.join-btn-txt{margin-bottom:1.3rem;padding: 1.3rem 0 1.3rem;color:#999;font-size:1.6rem;line-height:1;text-align:center;border-bottom:1px solid #e1e1e1;}

/*=== TBX_MOB_000_1210 ===*/
.btm-box .info-ipt{padding-bottom:2rem;}
.btm-box .open-box{margin:0 -2rem 0;}
.btm-box .open-box:last-child{margin-bottom:-3rem;}
.list-all{margin-bottom:2.5rem;padding:3.5rem 0 2.5rem;border-bottom:1px solid #e1e1e1}
.list-terms li{margin-bottom:2.5rem;}
.list-terms li label{text-decoration:underline;}

/*=== TBX_MOB_000_1230 ===*/
.result-title{margin-bottom:2rem;color:#666;font-size:1.5rem;font-family:'NS-B';}
.example .result-title{margin-bottom:0;}
.example .list-dot{padding:1rem 0;}
.example .list-dot li + li{margin-top: 1rem;}
.example .list-dot li:before{top:.4rem;}

/*=== TBX_MOB_000_1310 ===*/
.result-box .logo{width:100%;height:3rem;margin-top:2.5rem;background: url(../img/logo-loading.png) no-repeat center center;background-size: auto 100%;}
.result-box .logo + p{margin-top:5rem;padding-top:4rem;border-top:1px solid #e1e1e1;}
.result-box .logo ~ p{font-size:1.9rem;}
.result-box p strong{margin-right:.5rem;color:#d03333;font-size:2.3rem;font-family:'NS-B';vertical-align:bottom;}
.result-box .logo + p + p{margin-top:1.9rem;}

/*=== TBX_MOB_000_1500_2 ===*/
.gift-msg {padding-bottom:14.1rem;font-size:2.1rem !important;background:url('../img/img-pop-coupon.png') no-repeat bottom center;background-size:auto 13.5rem ;}
.gift-msg .bold{font-size:2.1rem;vertical-align:bottom;}

/*=== TBX_MOB_000_1510 ===*/
.content.scrollBox > .h100p:only-child{padding:0;text-align:center;overflow-x:hidden;}
.rotate-box{-webkit-box-flex:1;-moz-box-flex:1;flex:1;position:relative;margin:0 auto;}
.barcode-box.rotate{overflow-x:hidden;
  position:absolute;left:50%;top:50%;
  transform: translate(-50%,-50%) rotate(90deg);
  -ms-transform: translate(-50%,-50%) rotate(90deg);
  -moz-transform: translate(-50%,-50%) rotate(90deg);
  -webkit-transform: translate(-50%,-50%) rotate(90deg);
  -o-transform: translate(-50%,-50%) rotate(90deg);
}
.barcode-logo{width:100%;height:3rem;margin:4.5rem 0;font-size:0;text-indent:-999rem;}
.barcode-logo.michelin{background:url('../img/logo-barcode-michelin.png') no-repeat center center;background-size:auto 100%;}
.barcode-logo.bridgestone{background:url('../img/logo-barcode-bridgestone.png') no-repeat center center;background-size:auto 100%;}

/*=== TBX_MOB_200_1110 ===*/
.store-box{padding:3rem 2rem;background-color:#fff;}
.store-box .title{margin-bottom:1.8rem;font-size:2.1rem;}
.store-box .address{font-size:1.7rem;}
.store-box .badge{margin:.8rem 0 2rem;font-size:0;}
.store-box .badge + .badge{margin-top:-2rem;}
.store-box .badge + .fc-red{margin-bottom: 2.3rem;}
.store-box .badge + .fc-red:before{content:'';display:inline-block;width:1rem;height:1rem;margin-right:.3rem;background:url('../img/img-red-star.png') no-repeat center center;background-size:1rem auto;}
.store-box .badge .line{height:2.5rem;margin-top:1rem;color:#d03333;font-size:1.4rem;font-family:'NS-B';border-radius:.25rem;border:1px solid #d03333;}
.store-box .badge.gray .line{color:#999;border-color:#999;}
.store-box .reservation-date{margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid #e1e1e1}
.store-box .reservation-date .title{margin-bottom:.8rem;font-size:1.7rem;}
.store-box .reservation-date .date{font-size:2.5rem;font-family:'NS-B';}

.store-box .badge .line + .line{margin-left: .7rem;}
.star-box > * {display:inline-block;}
.star-point {margin-right:1rem;}
.star-point *{display:inline-block;width:2.2rem;height:2.2rem;background:url('../img/img-star-gray.png') no-repeat center center;background-size:100% auto;}
.star-point *.on{background:url('../img/img-star-yellow.png') no-repeat center center;background-size:100% auto;}
.star-point *.half{background:url('../img/img-star-half.png') no-repeat center center;background-size:100% auto;}
.star-point * + *{margin-left:.6rem;}
.star-txt {font-size:0;}
.star-txt > *{font-size:1.7rem;}
.star-txt > * + *{position:relative;padding-left:2rem;}
.star-txt > * + *:before{content:'|';position:absolute;left:.8rem;top:0;}
.reservation-box{margin-top:.8rem;background-color:#fff;}
.reservation-box > .title{margin-bottom:2rem;font-size:1.7rem;}
.date-wrap{position:relative;width:100%;height:4rem;padding-right:4rem;border-radius:.3rem;border:1px  solid #ccc;}
.date-box{display:-webkit-box;-webkit-box-orient:horizontal;display:-moz-box;-moz-box-orient:horizontal;display:box;box-orient:horizontal;display:-ms-flexbox;-ms-flex-direction:row;-webkit-box-pack:justify;-webkit-box-align:center;-moz-box-pack:justify;-moz-box-align:center;box-pack:justify;box-align:center;-ms-flex-pack:justify;-ms-flex-align:center;width:100%;height:100%;padding:0 2.7rem;}
.date-box .btn-date{width:2.5rem;height:2.5rem;font-size:0;text-indent:-999rem;}
.date-box .btn-date.prev{background:url('../img/btn-reserve-arrow-l.png') no-repeat center center;background-size:100% auto;}
.date-box .btn-date.next{background:url('../img/btn-reserve-arrow-r.png') no-repeat center center;background-size:100% auto;}
.date-box p{font-size:1.7rem;}
.date-wrap .btn-calendar{position:absolute;right:0;top:0;width:3.9rem;height:3.8rem;font-size:0;text-indent:-999rem;border-radius:.3rem;background:#323232 url('../img/btn-date-white.png') no-repeat center center;background-size:2.4rem auto;}
.reservation-sub{margin-top:2.5rem;}
.reservation-sub > .title{margin-bottom: 1rem;color:#666;font-size:1.5rem;}
.reservation-sub .hbox + .hbox{margin-top:1.2rem;}
.reservation-type{margin-top: 4.5rem;}
.reservation-type > .title{margin-bottom:2rem;font-style:1.7rem;}
.reservation-type .hbox + .hbox{margin-top:1.2rem;}
.reservation-type .ipt-wrap{margin-top:2.5rem;}
.reservation-tire{margin-top:4.5rem;}
.reservation-tire .card{margin-top:2rem;border-radius:1rem;background:#f6f6f6;border:none;}
.card .btn-deletecard{position:absolute;right:0;top:0;width:4.5rem;height:4.5rem;color:#fff;font-size:1.5rem;font-family:'NS-B';background:rgba(0, 0, 0, 0.7);border-top-right-radius:1rem;}
.card.nodata{display:-webkit-box;-webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:vertical;display:box;box-orient:vertical;display:-ms-flexbox;-ms-flex-direction:column;-webkit-box-pack:center;-webkit-box-align:center;-moz-box-pack:center;-moz-box-align:center;box-pack:center;box-align:center;-ms-flex-pack:center;-ms-flex-align:center;height:13.1rem;padding:0;}
.card.nodata p{display:block;color:#999;font-size: 1.7rem;}
/*popup*/
.select-map-box{font-size:0;}
.select-map-box > *{display:inline-block;width:50%;margin-bottom:4rem;text-align:center;}
.select-map-box input[type="radio"]{width:9.4rem;height:9.4rem;border-radius:3rem;}
.select-map-box input[type="radio"].tmap{background:url('../img/img-tmap.png') no-repeat center center;background-size:5rem auto;border:1.5px solid #e1e1e1;}
.select-map-box input[type="radio"].kakaomap{background:#fae300 url('../img/img-kakaomap.png') no-repeat center center;background-size:5rem auto;}
.select-map-box input[type="radio"]:checked{position:relative;border:4px solid #d03333;}
.select-map-box input[type="radio"]:checked:after{content:'';position:absolute;right:-.8rem;top:-.8rem;width:2.8rem;height:2.8rem;background:url('../img/img-map-check.png') no-repeat center center;background-size:100% auto;}
.select-map-box input[type="radio"] + label{display:block;margin:1.2rem 0 0;}

/*=== TBX_MOB_200_1120 ===*/
.box.store-btns{padding:2rem;}
.store-btns .btn-txt.shadow{height:10rem;padding-top:4.9rem;font-family:'NS-R'}
.store-btns .btn-txt.shadow.call{background:#fff url('../img/img-store-call.png') no-repeat center 1.5rem;background-size:4.2rem;}
.store-btns .btn-txt.shadow.location{background:#fff url('../img/img-store-navi.png') no-repeat center 1.5rem;background-size:4.2rem;}
.store-btns .btn-txt.shadow.favorite{background:#fff url('../img/img-store-favorite.png') no-repeat center 1.5rem;background-size:4.2rem;}
.store-btns .btn-txt.shadow.favorite.off{background:#fff url('../img/img-store-favorite-gary.png') no-repeat center 1.5rem;background-size:4.2rem;}
.box.store-detail{padding:3rem 2rem;background-color:#fff;}
.store-detail .title{margin-bottom:.9rem;font-size:1.7rem;}
.title .tit-badge{display:inline-block;height:2.3rem;margin:-.2rem 0 0 1rem;padding:0 1rem;color:#fff;font-size:1.4rem;font-family:'NS-B';line-height:2.3rem;border-radius:.2rem;background-color:#ed6d00;}
.store-detail .list-dot{padding:0 0 3rem;}
.store-detail .list-dot li {font-size:1.7rem;}
.store-detail .list-dot li + li{margin-top:0;}
.store-detail .map-area{min-height:18rem;border:1px solid #ccc;}

/*=== TBX_MOB_300_1110 ===*/
.product-detail .detail-sub-data{display:-webkit-box;-webkit-box-orient:horizontal;display:-moz-box;-moz-box-orient:horizontal;display:box;box-orient:horizontal;display:-ms-flexbox;-ms-flex-direction:row;-webkit-box-pack:justify;-webkit-box-align:center;-moz-box-pack:justify;-moz-box-align:center;box-pack:justify;box-align:center;-ms-flex-pack:justify;-ms-flex-align:center;}
.detail-sub-data.road{padding:1.5rem 2rem;}
.detail-sub-data.road .type{margin-right:1rem;font-size:4rem;font-family:'NS-B'}
.detail-sub-data.road .name{-webkit-box-flex:1;-moz-box-flex:1;flex:1;font-size:1.9rem;}
.detail-sub-data.tire{padding:1.5rem 1rem 1.5rem 2rem;}
.detail-sub-data.tire .title{margin-right:3.3rem;font-size:1.7rem;}
.detail-sub-data.tire .title .tire-icon{display:block;height:1.9rem;margin-top:1rem;padding-left:2.55rem;font-size:1.7rem;background:url('../img/img-tire-orange-big.png') no-repeat left center;background-size:1.9rem auto;}
.detail-sub-data.tire .tire-image{-webkit-box-flex:1;-moz-box-flex:1;flex:1;}
.detail-sub-data.tire .tire-image img{width:100%;height:auto;}
.pattern-txt .tire-detail{padding:5.5rem 0 5rem;}
.tire-detail dl dt{margin:2.5rem 0 1rem;font-size:1.7rem;}
.tire-detail dl dd{position:relative;padding-left:1.4rem;color:#666;font-size:1.5rem;}
.tire-detail dl dd:before{content:'';position:absolute;left:0;top:.5rem;width:.6rem;height:.6rem;border-radius:.3rem;background-color:#666;}

/*=== TBX_MOB_400_1110 ===*/
.box.event-top{padding:2.5rem 2rem;background-color:#fff;}
.event-top .category{margin-bottom:.7rem;color:#ed6d00;font-family:'NS-B';font-size:1.5rem;}
.event-top .sub{margin-top:2.2rem;color:#999;font-size:1.5rem;}
.event-top .sub-date{margin-top:.9rem;font-size:1.5rem;font-family:'NS-B';}
.box.event-detail{padding:2.4rem 2rem;}
.event-detail pre, .notice-detail pre{font-size:1.9rem;color:#000;line-height:2.7rem}
.event-detail pre strong{font-family:'NS-B';}
.box.event-sub{padding:2rem;background-color:#fff;}
.event-sub .btn-wrap .btn-txt{height:4rem;}
.event-sub .paging-wrap{margin-top:2rem;padding-top:2rem;border-top:1px solid #e1e1e1}
.btn-list{height:3.4rem;padding:0 2.1rem 0 4.3rem;font-size:1.5rem;border-radius:.4rem;border:1px solid #323232;background:url('../img/img-event-list.png') no-repeat 1rem center;background-size:1.8rem auto;}
.btn-page{width:100%;height:6rem;margin-top:2rem;padding:0 1.5rem;font-size:1.7rem;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-radius:1rem;border:1px solid #e1e1e1;}
.btn-page + .btn-page{margin-top:1rem;}
.btn-page em{margin-right:1rem;font-size:1.7rem;font-family:'NS-B';}
.btn-page.next em{padding-right:1.6rem;background:url('../img/img-event-arrow-next.png') no-repeat right center;background-size:1.1rem auto;}
.btn-page.prev em{padding-left:1.6rem;background:url('../img/img-event-arrow-back.png') no-repeat left center;background-size:1.1rem auto;}

/*=== TBX_MOB_500_1110 ===*/
.box.notice-top{padding:2.5rem 2rem;background-color:#fff;}
.notice-top .category{margin-bottom:.7rem;color:#ed6d00;font-family:'NS-B';font-size:1.5rem;}
.notice-top .sub{overflow:hidden;margin-top:2.2rem;}
.notice-top .sub > *{color:#999;font-size:1.5rem;}
.notice-top .sub > *:first-child{float:left;}
.notice-top .sub > *:last-child{float:right;}
.box.notice-detail{padding:2.4rem 2rem;}
pre strong{font-family:'NS-B';}
pre img{width:100%;}
.box.notice-sub{padding:2rem;background-color:#fff;}
.notice-sub .btn-wrap .btn-txt{height:4rem;}
.notice-file{display:-webkit-box;-webkit-box-orient:horizontal;display:-moz-box;-moz-box-orient:horizontal;display:box;box-orient:horizontal;display:-ms-flexbox;-ms-flex-direction:row;-webkit-box-pack:justify;-webkit-box-align:center;-moz-box-pack:justify;-moz-box-align:center;box-pack:justify;box-align:center;-ms-flex-pack:justify;-ms-flex-align:center;height:7.5rem;margin:0 -2rem ;padding:0 2rem;border-top:8px solid #fff;}
.notice-file:last-child{margin-bottom:-2rem;}
.notice-file .filetitle{font-size:1.7rem;}
.notice-file .filetitle:after{content:'|';margin:0 .8rem;color:#999;}
.notice-file .filename{-webkit-box-flex:1;-moz-box-flex:1;flex:1;}
.filename .btn-link{width:100%;font-size:1.7rem;font-family:'NS-B';text-align:left;text-decoration:underline;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background-color:transparent;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

/*=== TBX_MOB_700_1000 ===*/
.mypage-top{padding-bottom:2.5rem;background-color:#fff;}
.mypage-top .mypage-title{margin-bottom:2rem;font-size:2.8rem;font-family:'NS-L';line-height:3.6rem;}
.mypage-top .mypage-title > *{font-size:2.8rem;line-height:3.6rem;vertical-align:bottom;}
.mypage-top .mypage-title + *{font-size:0;}
.mypage-top .btn-txt{height:3rem;padding:0 1rem;font-size:1.5rem;}
.mypage-top .btn-txt + .btn-txt{margin-left:1rem;}
.mypage-top .btn-txt.user{padding-left:3.2rem;background-image:url('../img/img-my-info.png');background-repeat:no-repeat;background-position:0 center;background-size:3.2rem auto;}
.mypage-top .btn-txt.barcode{padding-left:4.2rem;background-image:url('../img/img-my-card.png');background-repeat:no-repeat;background-position:0 center;background-size:3.2rem auto;}
.mypage-body{padding:2rem 2rem 2.5rem;}
.mypage-body > * + *{margin-top:1.5rem;}
.mypage-body .mypoint{margin:2rem 0 0;}
.mypage-body .mypoint *{font-size:1.5rem;}
.mypage-body .mypoint strong{font-size:2.5rem;font-family:'NS-B';}
.mypage-center .btn-txt{display:block;-webkit-box-flex:1;-moz-box-flex:1;flex:1;width:100%;height:7.3rem;margin:0 .5rem;font-family:'NS-R';font-size:1.5rem;}
.mypage-center .btn-txt:first-child{margin-left:0;}
.mypage-center .btn-txt:last-child{margin-right:0;}
.mypage-center .btn-txt .count{display:block;margin-bottom:.4rem;color:#ed6d00;font-size:2.5rem;font-family:'NS-B'}
.mypage-body .card.next{position:relative;height:13.6rem;padding-top:3.3rem;}
.mypage-body .card.next:after{content:'';position:absolute;top:1.5rem;right:1.5rem;width:1.5rem;height:2.3rem;background:url('../img/btn-main-promotion-arrow.png') no-repeat center center;background-size:100% auto;}
.mypage-body .card.next .next-title{position:absolute;top:1.6rem;left:1.5rem;font-size:1.7rem;font-family:'NS-B';text-align:left;}
.mypage-body .card.next .next-title em{color:#ed6d00;font-size:1.7rem;font-family:'NS-B';vertical-align:bottom;}
.mypage-body .card.next .nodata{padding:1rem 0 0;color:#999;font-size:1.5rem;}
.mypage-body .card.next .date{display:block;margin-bottom:.7rem;color:#000;font-size:1.9rem;font-family:'NS-B';text-align:left;}
.mypage-body .card.next .store, .mypage-body .card.next .detail{color:#666;font-size:1.7rem;text-align:left;}

/*=== TBX_MOB_700_1200 ===*/
.point-top{padding: 2rem;text-align:center;background-color:#fff;}
.point-wrap .point-top{margin:-2.5rem -2rem 2rem ;}
.point-top > *{min-height:10.7rem;padding:2.5rem 0;}
.point-top > *:first-child{padding-top:0;}
.point-top > *:last-child{padding-bottom:0;}
.point-top > * + *{border-top:1px solid #e1e1e1}
.point-top p{margin-bottom:1rem;font-size:1.7rem}
.point-top p.sub{margin:2.2rem  0 0;color:#666;font-size:1.6rem;}
.point-top strong{display:block;font-size:3rem;font-family:'NS-B'}
.point-top strong.fc-red{font-size:2rem;}

.point-list-top{padding-bottom:0;}
.point-list-top > *:last-child{padding-bottom:2rem;border-bottom:1px solid #e1e1e1;}
.point-list-top .title{font-size:1.7rem;}
.point-list-top .title + .hbox{margin:1.5rem 0 2rem;}
.point-list-top .title + .hbox:last-child{margin-bottom:0;}
.point-list-top .ta-r * + input{margin-left: 1.3rem;}
.point-list-top .ta-r label{font-family:'NS-R'}

/*=== TBX_MOB_700_1310 ===*/
.coupon-detail-top{padding:2.5rem 2rem;background-color:#fff;}
.coupon-detail-top .title{font-size:2.5rem;}
.coupon-detail-top .product-img-box{max-width: 14.7rem;padding-top:2rem;margin:0 auto;}
.coupon-detail-top .product-img-box img{width: 100%;}
.coupon-detail-top .barcode-box{padding:1.5rem 0 4rem;}
.coupon-detail-top .barcode-box img{width:100%;height:auto;}
.coupon-detail-top .sub{font-size:1.7rem;line-height:2.4rem;}
.coupon-detail-btm{padding:2.5rem 2rem 3rem;background-color:#fff;border-top:8px solid #f6f6f6;}
.coupon-detail-btm dt{font-size:1.7rem;font-family:'NS-B'}
.coupon-detail-btm dt + dd{margin-top: 1.2rem;}
.coupon-detail-btm dd{color:#666;font-size:1.7rem;}
.coupon-detail-btm dd + dt{margin-top:3rem;}

/*=== TBX_MOB_700_1311 ===*/
.gift-box > .title{margin-bottom:1rem;font-size:1.7rem;}
.gift-box > .title + .sub{margin-bottom:1.5rem;color:#000;font-size:1.5rem;}
.gift-ipt{margin-bottom:5rem;}
.gift-ipt .title{margin-bottom:1rem;color:#ed6d00;font-size:1.5rem;}
.gift-ipt .logo{width:12.5rem;background:url('../img/logo-widget-tbxmembership.png') no-repeat center center;background-size:12.5rem auto;}
.gift-ipt .title + .sub{margin-bottom:3rem;}
.gift-ipt .title + .sub *{vertical-align:bottom;font-size:inherit;}
.gift-ipt + .gift-ipt{margin:7.7rem 0 4.4rem;}
.gift-ipt label + input{margin-left: 3rem;}
.gift-box .list-dot.gray{padding:.5rem 0 3rem;}
.gift-box .list-dot.gray li + li{margin-top: 1.5rem;}

/*=== TBX_MOB_700_1300_pop ===*/
.receipt-box{padding:3rem 2.1rem;}
.receipt-top{padding-bottom:2.5rem;border-bottom:1px solid #e1e1e1}
.receipt-top .sub-title{font-size:1.5rem;}
.receipt-top .sub{margin-top:1rem !important;color:#999;font-size:1.5rem;}
.receipt-top .sub > .block + .block{margin-top:.5rem;}
.receipt-btm .title{font-size:1.7rem;}
.receipt-item{padding:2.5rem 0;}
.receipt-item .hbox.jc{-webkit-box-pack:justify;-webkit-box-align:start;-moz-box-pack:justify;-moz-box-align:start;box-pack:justify;box-align:start;-ms-flex-pack:justify;-ms-flex-align:start;}
.receipt-item + .receipt-item{background:url('../img/img-dot-line.png') no-repeat top left;background-size:100% auto;}
.receipt-item .receipt-title{color:#666;font-size:1.5rem;}
.receipt-item > .receipt-title{margin-bottom:1.5rem;}
.receipt-item > .hbox + .hbox{margin-top: .5rem;}
.receipt-item > .hbox.point-sub + .hbox{margin-top: 2rem;}
.receipt-item .receipt-data{font-family:'NS-B';text-align:center;}
.receipt-item .receipt-data:first-child{text-align:left;padding-right:.5rem;}
.receipt-item .receipt-data:last-child{text-align:right;}
.receipt-item .point-sub .receipt-data{color:#d03333 !important;font-family:'NS-R'}
.receipt-item.type-total{padding-right:1.5rem;padding-left:1.5rem;}
.receipt-item.type-total .receipt-title{font-size:1.7rem;font-family:'NS-B';}
.receipt-item.type-total .receipt-data{font-size: 1.7rem;}
.receipt-item .title{position:relative;}
.receipt-item .title > .lb-txt{position:absolute;top:50%;right:0;transform:translateY(-50%);}
.receipt-item .inbox{margin-top:2rem;padding:0 .5rem;}
.receipt-item .inbox .receipt-data{font-family:'NS-R';}
.receipt-item .inbox > .hbox + .hbox{margin-top:1rem;}

/*=== TBX_MOB_700_1500 ===*/
.reservation-wrap{background-color:transparent;}
.reservation-wrap + .reservation-wrap:before{display:block;content:'';width:100%;height:1px;margin-bottom:2rem;background-color:#e1e1e1;}
.reservation-wrap + .reservation-wrap{padding-top:0;}
.reservation-title{margin-bottom:1.5rem;padding-left:2.5rem;font-size:1.7rem;font-family:'NS-B';background:url('../img/img-reserve-check.png') no-repeat left center;background-size:1.7rem auto;}
.reservation-title.now{color:#d03333;background:url('../img/img-reserve-time.png') no-repeat left center;background-size:1.7rem auto;}
.reservation-wrap .card.nodata{height:11.4rem;border: 1px solid #e1e1e1; background: #ffffff;}

.reservation-box.store-detail .reservation-tire{margin-top:0;}
.store-detail .btn-toggle input:disabled+label{color:#000;border:1px solid #ccc;background-color:#f6f6f6}

/*=== TBX_MOB_700_1510 ===*/
.reservation-tire .card.cdadd{margin-top:0.5rem;}
.reservation-tire .card.cdadd .btn-txt.black.add{width:auto;height: 3.5rem;margin:auto;padding:0 2.1rem;line-height:1.5rem;}
.reservation-tire .card.cdadd .card-gtxt{margin-top:1.3rem;color:#666;font-size:1.7rem;line-height:2.2rem;text-align: center}

/*===  TBX_MOB_700_1600 === */
.warranty-txt{padding:1.4rem 0 3rem 4.8rem;color:#666;font-size:1.5rem;background:url('../img/img-warranty.png') no-repeat left 1.4rem;background-size:3.6rem auto;}

/*=== TBX_MOB_700_1610 ===*/
.warranty-detail-wrap{height:100%;padding:1rem;display:-webkit-box;-webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:vertical;display:box;box-orient:vertical;display:-ms-flexbox;-ms-flex-direction:column;-webkit-box-pack:center;-webkit-box-align:center;-moz-box-pack:center;-moz-box-align:center;box-pack:center;box-align:center;-ms-flex-pack:center;-ms-flex-align:center;}
.warranty-detail-wrap img{display:block;width:100%;}
.warranty-data-warp{padding-bottom:3rem;background:url('../img/warranty-bg.png') no-repeat center center;background-size:20rem auto;}
.warranty-data{padding:3.3rem 0 0;}
.warranty-data .title{width:20rem;margin:0 auto 1.4rem;font-size:1.8rem;font-family:'NS-B';text-align:center;line-height:3rem;border-bottom:1px solid #000;}
.warranty-data .list-dot.gray{padding:0 0 0 .5rem;}
.warranty-data .list-dot li{font-size:1.7rem;text-align:left;}
.warranty-data .list-dot li + li{margin-top: 1rem;}

/*=== TBX_MOB_700_1700 ===*/
.membership-card .card{padding:2rem;}
.membership-card .card .logo{height: 2rem;margin-bottom: 2.5rem;}
.membership-card .card .logo.michelin{background:url('../img/logo-main-michelin-big.png') no-repeat left center;background-size:auto 100%;}
.membership-card .card .logo.bridgestone{background:url('../img/logo-main-bridgestone-big.png') no-repeat left center;background-size:auto 100%;}
.membership-card .card .barcode-box{min-height:10rem;}
.membership-card .card .btn-right{margin-top:1.5rem;text-align:right;font-size:0;}
.membership-card .card .btn-txt{width:6.5rem;height:3.5rem;}
.membership-card .card .btn-txt + .btn-txt{margin-left:1rem;}


/*=== TBX_MOB_800_1100 ===*/
.btm-box.setting-detail{padding-top:3.5rem}
.setting-detail .card{position: relative;width: 100%;padding: 2rem 1.5rem;background-color: #fff;border-radius: 1rem;border: 1px solid #e1e1e1;}
.setting-detail .card.gray{background-color:#ededed;}
.setting-detail .card + .card{margin-top:1rem;}
.setting-detail .card label, .setting-detail .card .btn-next{font-size:1.8rem;font-family:'NS-B';}
.setting-detail .card .sub-title{display:block;margin-bottom:.5rem;color:#666;font-size:1.5rem;}
.setting-detail .card input[type="checkbox"].switch{position:absolute;right:1.5rem;top:50%;margin-top:-1.25rem;}
.setting-detail .card .btn-next{height:auto !important;}
.setting-detail .setting-rd{margin:1.5rem 0;}
.setting-detail .setting-rd > *:first-child{font-style:1.5rem;font-family:'NS-B'}
.setting-detail .setting-rd label{font-size:1.5rem;font-family:'NS-R';}
.setting-detail .setting-rd label + input{margin-left: 2.5rem;}
.setting-detail .setting-sub{margin-top:3.5rem;}
.setting-detail .card.gray li + li{margin-top:1rem;}
.setting-detail .card.gray li *{color:#666;font-size:1.5rem;}
.setting-detail .card.gray li strong:after{content:':';margin:0 .3rem;}
.setting-detail .card.gray li span + span{display:block;}
.setting-detail .sub-titletext{margin-bottom:.5rem;color:#666;font-style:1.5rem;font-family:'NS-B'}
.setting-detail .sub-text{margin-bottom:1.5rem;color:#666;font-style:1.5rem;}

.certi-detail{margin-top:3rem;}
.certi-detail + .certi-detail{margin-top:4.5rem;}
.certi-detail .title{margin-bottom:2.3rem;}
.certi-detail .list-certi li+ li{margin-top: 2.5rem;}
.certi-detail .list-certi li{display:-webkit-box;-webkit-box-orient:horizontal;display:-moz-box;-moz-box-orient:horizontal;display:box;box-orient:horizontal;display:-ms-flexbox;-ms-flex-direction:row;-webkit-box-pack:justify;-webkit-box-align:center;-moz-box-pack:justify;-moz-box-align:center;box-pack:justify;box-align:center;-ms-flex-pack:justify;-ms-flex-align:center;}
.certi-detail .list-certi li > *{display:block;}
.certi-detail .list-certi li .btn-link{-webkit-box-flex:1;-moz-box-flex:1;flex:1;margin-left:1rem;font-size:1.7rem;text-align:left;text-decoration:underline;}

.version-detail{margin-top: 12rem;text-align:center;}
.version-detail .version{margin-top:2.8rem;font-size:2.1rem;}


.increase-box {display: -webkit-box;-webkit-box-orient: horizontal;display: -moz-box;-moz-box-orient: horizontal;display: box;box-orient: horizontal;display: -ms-flexbox;-ms-flex-direction: row;-webkit-box-pack: justify;-webkit-box-align: center;-moz-box-pack: justify;-moz-box-align: center;box-pack: justify;box-align: center;-ms-flex-pack: justify;-ms-flex-align: center;position:relative;width: 100%;height: 4rem;margin-top:1rem;padding:0 0.9rem;border-radius: .3rem;background-color:#fff;border: 1px solid #ccc;}
.increase-box > *{display:block;vertical-align:middle}
.increase-box button{width: 2.5rem;height: 2.5rem;font-size: 0;text-indent: -999rem;}
.increase-box .btn-icrs-m{background:url(../img/btn-product-minus.png) 50% 50% no-repeat;background-size:100%;}
.increase-box .btn-icrs-p{background:url(../img/btn-product-plus.png) 50% 50% no-repeat;background-size:100%;}
.increase-box input{width:100%;-webkit-box-flex:1;-moz-box-flex:1;flex:1;text-align: center}



/*2020-09-10*/
.tbx-banner {padding: 2rem 1rem;text-align: center; background: #ed6d00 url(../img/main-oil-bg.png) right center no-repeat;background-size:80%;}
.tbx-banner .banner-title {
	display: inline-block; padding: .7rem 1.5rem; color:#fff;font-size:1.5rem;font-weight: bold;background: #323232;border-radius: 1.5rem;line-height: 1;
}
.tbx-banner .banner-title em {color:#fb8017;font-size:1.5rem;font-weight: bold;vertical-align: top;line-height: 1;}
.tbx-banner .title {padding-left: 1rem; color:#fff;font-size:2rem;font-weight: bold;}
.tbx-banner .title {margin: 1.7rem 0 2rem; height: 4.7rem;background: url(../img/oil-logo.png) center center no-repeat;background-size:26.3rem;}
.tbx-banner .txt {position: relative;padding: 0.5rem 0 0 1rem; color:#bdbaff;font-size:1.5rem;}
.tbx-banner .txt:after {content: '';display: inline-block;width: 6.2rem;margin-left: 0.5rem; border-bottom: 1px solid #bdbaff;}
.tbx-banner .btn-tbx {padding: 0;-webkit-box-pack: center;}
.tbx-banner .btn-tbx button {
	width: 100%;max-width: 15.5rem;margin: 0 .5rem;padding: 6rem 0 1.3rem 0; -webkit-box-flex: 1;-moz-box-flex: 1;flex: 1;border-radius: 1.5rem;box-shadow: 0 .6rem 1.6rem 0 rgba(0, 0, 0, 0.14);color:#000;font-size:1.5rem;font-weight: bold;
}
.tbx-banner .btn-tbx .btn-price {background:#fff url(../img/ic-main-price.png) center 1.4rem no-repeat;background-size:3.8rem;}
.tbx-banner .btn-tbx .btn-history {background:#fff url(../img/ic-main-list.png) center 1.4rem no-repeat;background-size:3.8rem;}

.tab.money button {background: #ed6d00;color:#f9d3b3;font-size:1.7rem;}
.tab.money button span {position: relative;padding-left: 2.5rem}
.tab.money .on button {color: #fff;border-bottom: 4px solid #ffc18c;font-weight: 600;}
.tab.money button span:before {content: '';display: inline-block;width: 2rem;height: 2rem;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.tab.money button.price span:before {background: url(../img/ico-tab-price-dis.png) left center no-repeat;background-size:2rem;}
.tab.money button.history span:before {background: url(../img/ico-tab-oillist-dis.png) left center no-repeat;background-size:2rem;}
.tab.money .on button.price span:before {background: url(../img/ico-tab-price-sel.png) left center no-repeat;background-size:2rem;}
.tab.money .on button.history span:before {background: url(../img/ico-tab-oillist-sel.png) left center no-repeat;background-size:2rem;}

.box.map {position: relative;min-height: 24rem; margin: -2.5rem -2rem 0;background: #fff;}
.box.map .map-area {min-height: 24rem;overflow: auto;}
.box.map .address {position: absolute;left: 0;right: 0;top: 0;height: 4.5rem;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);z-index: 2;}
.box.map .address:before {content: '';display: block;position: absolute;left: 0;right: 0;top: 0;height: 4.5rem;background: #fff;opacity: .84;}
.box.map .address .position-address {position: relative;height: 100%;padding-left: 7rem;}
.box.map .address .position-address span {position: absolute;left: 1.5rem;top:50%;transform: translateY(-50%);color:#666;font-size:1.4rem;}
.box.map .address .position-address em {display: block;color:#000;font-size:1.6rem;line-height: 4.5rem;}
.box.map .address .btn-map-refresh {position: absolute;right: 1.2rem;top:50%;width: 3rem;height: 3rem; transform: translateY(-50%);background: url(../img/btn-map-refresh.png) center center no-repeat;background-size:3rem;}
.box.map .map-area {}
.point-list-top > .btn-right-map {padding: 0;text-align: right;font-size: 0;border-bottom:0;}
.btn-right-map .btn-toggle {width: auto;height: 3.5rem;margin: 0 .4rem;overflow: hidden;-webkit-box-flex: none;-moz-box-flex: 1;flex: none;display: inline-block;}
.btn-right-map .btn-toggle input+label {padding: 0 1rem;line-height: 3.5rem;font-size: 1.4rem;}
.btn-right-map .btn-toggle:last-of-type {margin-right: 0;}
.list-gas-station {padding-top:1.2rem;}
.map-station-wrap {position: relative; margin: 0 -2rem;padding: 2rem;box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.2);z-index: 2;}
.list-gas-station li {position: relative;}
.list-gas-station .gas-station.active p:before {content: '';display: block;position: absolute;top: 0;right: 0;bottom:0;left: 0;border: 2px solid #ed6d00;border-radius: 1rem;}
.list-gas-station > li > p {width: 100%; padding:1rem 1rem 1rem 1.5rem; border-radius: 1rem;text-align: left;border: solid 1px #e1e1e1;background: #fff;overflow: hidden;}
.list-gas-station > li + li {margin-top: 1rem;}
.list-gas-station > li > p .gs:before {
	content: '';display: inline-block;position: absolute;left: 0;top:50%;width: 3.4rem;height: 3.4rem; transform: translateY(-50%);
	background: url(../img/icon-map-gs.png) center center no-repeat;background-size:3.4rem;
}
.list-gas-station > li > p .hyundai:before {
	content: '';display: inline-block;position: absolute;left: 0;top:50%;width: 3.4rem;height: 3.4rem; transform: translateY(-50%);
	background: url(../img/icon-map-hyundai.png) center center no-repeat;background-size:3.4rem;
}
.list-gas-station > li > p .sk:before {
	content: '';display: inline-block;position: absolute;left: 0;top:50%;width: 3.4rem;height: 3.4rem; transform: translateY(-50%);
	background: url(../img/icon-map-sk.png) center center no-repeat;background-size:3.4rem;
}
.list-gas-station > li > p .s-oil:before {
	content: '';display: inline-block;position: absolute;left: 0;top:50%;width: 3.4rem;height: 3.4rem; transform: translateY(-50%);
	background: url(../img/icon-map-s-oil.png) center center no-repeat;background-size:3.4rem;
}
.list-gas-station > li > p .etc:before {
	content: '';display: inline-block;position: absolute;left: 0;top:50%;width: 3.4rem;height: 3.4rem; transform: translateY(-50%);
	background: url(../img/icon-map-etc.png) center center no-repeat;background-size:3.4rem;
}
.list-gas-station > li > p .low {position: relative; display: block;margin-left: -.5rem; padding-left: 4rem; color:#d03333;font-size:1.4rem;line-height: 3.4rem;font-weight: bold;}
.list-gas-station > li > p .range {position: relative;display: block;min-height: 3.4rem;margin-left: -.5rem;padding-left: 4rem;color:#ed6d00;font-size:1.4rem;line-height: 3.4rem;font-weight: bold;}
.list-gas-station .price-data {display: block;vertical-align: top;}
.list-gas-station .price-data .c-title {
	padding-left: 2.5rem;color:#666;font-size:1.7rem;vertical-align: top;background: url(../img/oil-water2.png) left .6rem no-repeat;background-size:2rem;
	vertical-align: top;
}
.list-gas-station .price-data .c-title strong {color:#000;font-size:1.5rem;font-weight: bold;}
.list-gas-station .price-data .c-title + .c-title {padding-left: 1.5rem;}
.list-gas-station .btn-path {
	position: absolute;right: 1.5rem;top: 50%;transform: translateY(-50%);padding: 1rem 1.5rem;color: #fff;font-size:1.6rem;font-weight: bold;line-height: 1; border-radius: .5rem;
	background-color: #323232;
}
.list-gas-station .active .btn-path {background-color: #ed6d00;}
.list-gas-station .range-data {display: block;padding-top: 1.2rem;vertical-align: top;}
.list-gas-station .range-data .c-range {color: #999;font-size:1.5rem;line-height: 1;vertical-align: top;}
.list-gas-station .range-data .t-range::before {content: '';display: inline-block;margin-right: 1rem; padding: 0.7rem .5rem; border-right: 1px solid #e1e1e1;vertical-align: top;}
.list-gas-station .range-data .t-range { vertical-align: top;}
.map .map-area {position: relative;}
.map .map-area button {position: absolute;min-width: 3.4rem;min-height: 3.4rem;border-radius: 1rem; background: #fff;box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3);}
.map .map-area button span.range {padding: 0 1rem 0 3.5rem;color: #ed6d00;font-size:1.3rem;line-height: 3.4rem;font-weight: bold;white-space: nowrap;}
.map .map-area button span.low {padding: 0 1rem 0 3.5rem;color: #d03333;font-size:1.3rem;line-height: 3.4rem;font-weight: bold;white-space: nowrap;}
.map .map-area button span + span {padding-left: 0 !important;}
.map .map-area button span + span:before {content: '';display: inline-block;margin: 1.1rem 1rem 0 0; padding: .6rem 0; border-right: 1px solid #999;vertical-align: top;}
.map .map-area button:before {z-index: 2;}

.map .map-area button span:after {
	content: "";position: absolute;width: 1rem;height: 1rem;margin-left: -.7rem;bottom: -.9rem;left: 50%;box-sizing: border-box;border: .5rem solid #fff;border-color: transparent transparent #fff #fff;
    transform-origin: 0 0;transform: rotate(-45deg);box-shadow: -2px 1px 1px 0 rgba(0, 0, 0, 0.1);background: #fff;
}
.map .map-area button.on span:after {border: 2px solid #3639d3;border-top: 0;border-right: 0;border-radius: 0.2rem;z-index: 3;}


.map .map-area button.gs:before {
	content: '';display: inline-block;position: absolute;left: 0;top:50%;width: 3.4rem;height: 3.4rem; transform: translateY(-50%);
	background: url(../img/icon-map-gs.png) center center no-repeat;background-size:3.4rem;
}
.map .map-area button.hyundai:before {
	content: '';display: inline-block;position: absolute;left: 0;top:50%;width: 3.4rem;height: 3.4rem; transform: translateY(-50%);
	background: url(../img/icon-map-hyundai.png) center center no-repeat;background-size:3.4rem;
}
.map .map-area button.sk:before {
	content: '';display: inline-block;position: absolute;left: 0;top:50%;width: 3.4rem;height: 3.4rem; transform: translateY(-50%);
	background: url(../img/icon-map-sk.png) center center no-repeat;background-size:3.4rem;
}
.map .map-area button.s-oil:before {
	content: '';display: inline-block;position: absolute;left: 0;top:50%;width: 3.4rem;height: 3.4rem; transform: translateY(-50%);
	background: url(../img/icon-map-s-oil.png) center center no-repeat;background-size:3.4rem;
}
.map .map-area button.etc:before {
	content: '';display: inline-block;position: absolute;left: 0;top:50%;width: 3.4rem;height: 3.4rem; transform: translateY(-50%);
	background: url(../img/icon-map-etc.png) center center no-repeat;background-size:3.4rem;
}
.map .map-area button.on::after {content: '';display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;border: 2px solid #3639d3;border-radius: 1rem;}
.position-pin {width: 3rem;height: 3rem;position: absolute;}
.position-pin:after {content: '';display: inline-block;position: absolute;width: 1.2rem;height: 1.2rem;margin:-.8rem 0 0 -.8rem;background: #d03333;border-radius: 50%;border:2px solid #fff;text-align: center;}
.position-pin:before {content: '';display: inline-block;position: absolute;width: 3rem;height: 3rem;margin:-1.5rem 0 0 -1.5rem; background: #d03333;opacity: 0.2;border-radius: 50%;}


/*2020-09-01*/
.price-sale {display: block;text-align: left;overflow: hidden;border-top: 1px solid #e1e1e1;margin-top: 1rem;padding-top: .5rem;font-size: 1.4rem;color: #666;}
.price-sale em {float: right;}
.price-sale em strong {padding-right: .5rem; font-weight: bold;vertical-align: top;color: #d03333 !important;}
.price-point {display: block;text-align: left;overflow: hidden;border-bottom: 1px solid #e1e1e1; margin: .5rem 0 1rem;font-size: 1.4rem;color: #666;}
.price-point em {float: right;}
.price-point em strong {padding-right: .5rem;font-weight: bold;vertical-align: top;color: #000;}
.sale-info {margin-top: 2rem;padding: 1.5rem 0; border-radius: 1rem;background: #f6f6f6;}
.sale-info ul::after {content: '';display: block;clear: both;}
.sale-info .left {float: left;width: 50%;border-right: 1px solid #ddd;}
.sale-info .right {overflow: hidden;text-align: left !important;border-left: 1px solid #fff;}
.sale-info .txt {padding-bottom: 1rem; font-size: 1.8rem;color: #666;text-align: center;}
.sale-info .s-price {font-size: 1.8rem;color: #666;text-align: center;}
.sale-info .s-point {font-size: 1.8rem;color: #666;text-align: center;}
.sale-info .s-price strong {padding-right: .5rem; font-weight: bold;vertical-align: top;color: #d03333;font-size: 2rem;}
.sale-info .s-point strong {padding-right: .5rem;font-weight: bold;vertical-align: top;color: #000;font-size: 2rem;}
.sale-info .right .s-point {padding-top: 2.8rem}
.amount-choice {margin-top: 3rem;padding:0;}
.amount-choice::after {content: '';display: block;clear: both;}
.amount-choice .title {float: left;padding-right:3rem; line-height: 4rem;}
.amount-choice .increase-box {overflow: hidden;width: auto;margin-top: 0;}


/* 2020-09-10 */
.oil-care {padding-top: 2rem; background-color:#fff;}
.oil-care > .title {margin-bottom:2rem;font-size:1.7rem;line-height: 1;}
.month-wrap {position: relative;width: 100%;height: 4rem;padding-bottom: 2rem; border-bottom: 1px solid #e1e1e1;}
.month-box{display:-webkit-box;-webkit-box-orient:horizontal;display:-moz-box;-moz-box-orient:horizontal;display:box;box-orient:horizontal;display:-ms-flexbox;-ms-flex-direction:row;-webkit-box-pack:justify;-webkit-box-align:center;-moz-box-pack:justify;-moz-box-align:center;box-pack:justify;box-align:center;-ms-flex-pack:justify;-ms-flex-align:center;width:100%;height:100%;}
.month-box .month-date{width:2.5rem;height:2.5rem;font-size:0;text-indent:-999rem;}
.month-box .month-date.prev{background:url('../img/btn-reserve-arrow-l.png') no-repeat center center;background-size:100% auto;}
.month-box .month-date.next{background:url('../img/btn-reserve-arrow-r.png') no-repeat center center;background-size:100% auto;}
.month-box p{font-size:2.1rem;font-weight: 600;}

.oil-price {padding: 0 2rem; background-color:#fff;}
.oil-price dl::after {content: '';display: block;clear: both;}
.oil-price dt {float: left;color: #000; font-size:1.9rem;font-weight: 600;line-height: 1;}
.oil-price dd {float: right;color: #000; font-size:1.9rem;font-weight: 600;line-height: 1;}
.oil-price dl.compare {padding: 1.2rem 0 2rem;}
.oil-price dl.compare dt {color: #999;font-size:1.7rem;font-weight: 400;line-height: 1;}
.oil-price dl.compare dd {position: relative; color: #999;font-size:1.7rem;font-weight: 400;line-height: 1;}
.oil-price dl.compare dd.red {color: #d03333;}
.oil-price dl.compare dd.red.down {color: #2196F3;}
.oil-price dd.red.down:before {border-top: 1.1rem solid #2196F3;}
.oil-price dd.up:before {
	content: '';display: inline-block;margin-right: .5rem; border-left: .6rem solid transparent;border-right: .6rem solid transparent;border-bottom: 1.1rem solid #d03333;
	
}
.oil-price dd.down:before {
	content: '';display: inline-block;margin-right: .5rem; border-left: .6rem solid transparent;border-right: .6rem solid transparent;border-top: 1.1rem solid #d03333;

}

.btn-select2 {
	width:100%;height:4rem;color:#000;font-size:1.5rem;text-align:center;background:#fff url('../img/img-dropdown-arrow.png') no-repeat 97% center;background-size:1.4rem auto;border:1px solid #ccc;border-radius: .5rem;
}
.payment-list ul {padding-top: 2rem;}
.payment-list li + li {padding-top: 1rem;}
.payment-history {padding: 2rem 1.5rem; border-radius: 1rem;border: solid 1px #e1e1e1;background-color: #fff;}
.payment-history dl::after {content: '';display: block;clear: both;}
.payment-history dt {float: left;color: #999; font-size:1.5rem;font-weight: 400;line-height: 1;}
.payment-history dd {float: right;color: #000; font-size:1.5rem;font-weight: 400;line-height: 1;}
.payment-history dl + dl {padding-top: 1.2rem;}
.payment-history dl:first-of-type dt {color: #000; font-size:1.5rem;font-weight: 600;}
.payment-history dl:first-of-type dd {position: relative;padding-left: 3.4rem;}

/*2020-09-11*/
.content .tab-content {padding: 0;background: #fff;}
.content .tab-content > div {padding: 0 2rem 2rem;}
.content .tab-content .oil-care {padding-top: 2rem;}
.content .tab-content .payment-list {padding-top: 2.5rem; background: #f6f6f6;}
.content .tab-content .oil-price {padding-bottom: 0;}

/*2020-09-14*/
.ipt-wrap.wp70 {width: 70%;}
.btn-rgt.search {position: absolute;right: 2rem;width: 22%;top: 5rem}
.btn-rgt.search button {height: 10rem;padding-top: 4rem;background:#323232 url('../img/img-search-nor.png') no-repeat center 1.5rem;background-size:3.5rem auto;}


.card .btn-box {display: block;padding-top: 1rem;font-size: 0;}
.card * > .btn-txt {min-width: 23.5%;height: 3.5rem;padding: 0 1.3rem;}
.card * > .btn-txt + .btn-txt {margin-left: 2%;}

.card-txt {padding: 1rem 0; color: #999;font-size: 1.5rem;font-weight: 300;line-height: 1.3;border-bottom: 1px solid #e8e8e8;}
.distance-txt {padding: 1rem 0;margin:-2rem 0 2rem; color: #222;font-size: 1.4rem;font-weight: 300;line-height: 1.3;text-align: right;}
.distance-txt em {color: #ed6d00;font-size: 1.4rem;font-weight: 600;line-height: 1.3;vertical-align: top;}

.payment-history.no-date {text-align: center;color: #999;font-size: 1.5rem;font-weight: 300;}
.payment-history dt.black {color: #000;font-size: 1.5rem;font-weight: 400;line-height: 1;}
.payment-history dd.gray {color: #999;}


.ipt-box .won {display: inline-block;position: absolute;right: 0;top: .6rem;color: #000;font-size: 1.9rem;font-weight: 400;margin: 0;}
.won-box {padding-top: .5rem; text-align: right;}
.won-box .ten-thousand {padding: .8rem 1rem;color: #fff;font-size: 1.6rem;font-weight: 600;line-height: 1; background-color: #b5b5b5;border-radius: .3rem;}
.won-box .thousand {padding: .8rem 1rem;color: #fff;font-size: 1.6rem;font-weight: 600;line-height: 1; background-color: #b5b5b5;border-radius: .3rem;}
.won-box button + button {margin-left: .5rem;}

.list-gas-station > li > p .range .low {position: relative; display: inline-block;margin-left: 0; padding-left: 2rem;color: #d03333;font-size: 1.4rem;line-height: 3.4rem;font-weight: bold;vertical-align: top;}
.list-gas-station > li > p .range .low::before {content: '';display: inline-block;border-left: 2px solid #7d7d7d;position: absolute;top: 1.2rem;left: 1rem;width: 2px;height: 1rem;}

.list-gas-station > li > p .low .range {position: relative; display: inline-block;margin-left: 0; padding-left: 2rem;color: #ed6d00;font-size: 1.4rem;line-height: 3.4rem;font-weight: bold;vertical-align: top;}
.list-gas-station > li > p .low .range::before {content: '';display: inline-block;border-left: 2px solid #7d7d7d;position: absolute;top: 1.2rem;left: 1rem;width: 2px;height: 1rem;}


/* 2020-10-20 */
.btn-select3 {
	display: inline-block;padding: .5rem 2rem .5rem 1rem;color: #ed6d00;font-size:1.3rem;text-align:center;background:#fff url('../img/btn-input-open.png') no-repeat 92% center;background-size:1.2rem auto;border:1px solid #eee;border-radius: .5rem;font-weight: 600;vertical-align: baseline;line-height: 1;
}

.card-list {padding: 1rem 0 .5rem;display: -webkit-box;-webkit-box-orient: horizontal;white-space: nowrap;}
.card-list button {
	display: block;-webkit-box-flex: 1;-moz-box-flex: 1;flex: 1;
    width: 100%;padding: .5rem 1rem;color: #000;font-size: 1.4rem;text-align: center;line-height: 1;border-radius: .3rem;background-color: #fff;border: 1px solid #ccc;
}
.card-list button + button {margin-left: .5rem;}
.card-list button.active {color: #fff;background-color: #d03333;border: 1px solid #d03333;}
.ipt-box.won > input.right {text-align: right;padding-right: 2.5rem;}
.ipt-box.won > input.right::placeholder {text-align: left;}

.won-box .thousand, .won-box .ten-thousand {background-color: #000;}

.card-time .card .btn-box {white-space: nowrap;}
.card-time .card .btn-txt + .btn-txt {margin-left: 1%;}
.card-time .card .btn-txt {min-width: 10%;padding: 0 .8rem;font-size: 1.6rem;}
.reser-txt {
	margin-top: 1rem;padding: .5rem 1rem .6rem;color: #000;font-size: 1.5rem;text-align: center;line-height: 1;border-radius: .5rem;background: #eee;border: 1px solid #e2e2e2;
}
.badge > .bg-pink {background: #d03333;}
.buy-point {display: block;text-align: left;overflow: hidden;border-top: 1px solid #e1e1e1;margin-top: 1rem;padding-top: .5rem;font-size: 1.4rem;color: #666;}
.buy-point em strong {padding-right: .5rem;font-weight: bold;vertical-align: top;color: #000 !important;}
.point-use {display: block;text-align: left;overflow: hidden;padding-top: .5rem;font-size: 1.4rem;color: #666;}
.point-use em strong {padding-right: .5rem;font-weight: bold;vertical-align: top;color: #ed6d00 !important;}
.point-coupon {display: block;text-align: left;overflow: hidden;border-bottom: 1px solid #e1e1e1;padding: .5rem 0;font-size: 1.4rem;color: #666;}
.point-coupon em strong {padding-right: .5rem;font-weight: bold;vertical-align: top;color:#d03333 !important;}
.buy-point em, .point-use em, .point-coupon em {float: right;}

.list-card li {position: relative;}
.point-box {padding-bottom: 6rem;}
.list-card .increase-box {position: absolute;left:1.5rem;right: 12.5rem; bottom: 1rem; width: auto;}
.sale-txt {position: relative; padding: 2.5rem 1rem 1.5rem;color: #000;font-size: 1.6rem;text-align: center;line-height: 1;}
.sale-txt::before {content: '';position: absolute;left: 2rem;right: 2rem;bottom: 1px;border-bottom: 1px solid #ddd;}
.sale-txt::after {content: '';position: absolute;left: 2rem;right: 2rem;bottom: 0; border-top: 1px solid #fff;}
.point-box-list {position: relative; padding: .5rem 2rem;overflow: hidden;}
.point-box-list + .point-box-list {padding: 0 2rem;} 
.point-box-list .txt {float: left;padding:.5rem 0 0;font-size: 1.6rem;}
.point-box-list .txt em {font-size: 1.6rem;color: #f00;text-align: center;vertical-align: top;}
.point-box-list .s-point {float: right;}
.point-box-list .s-point.red strong {padding-right: .5rem;font-weight: bold;vertical-align: top;color: #d03333;font-size: 2rem;}
.point-box-list .s-point.pink strong {padding-right: .5rem;font-weight: bold;vertical-align: top;color: #d03333;font-size: 2rem;}
.point-box-list .sale-info .txt {padding:.5rem 0 0;}
.sale-info button {width: auto;padding: .8rem 1rem 1rem; font-size: 1.7rem;text-align: center;color: #fff; border-radius: .5rem;line-height: 1;background: #777;}
.sale-info button:disabled {opacity: .5}
.btn-coupon {padding: 1.5rem 2rem;text-align: right;}

.header h1.f20 {font-size: 2rem;}

.coupon-img-list {background: #fff;}
.coupon-img-list button {width: 100%;}
.coupon-img-list button + button {margin-top: 1rem;}
.coupon-img-list button img {max-width: 100%;}


/*2020-10-26*/
.btn-zoomin-map {position: absolute;right: 1rem;bottom: 1rem;width: 3rem;height: 3rem;border: 1px solid #eee;z-index: 99;}
.btn-zoomin-map::before {content: '';display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: #fff;opacity: .6;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);}
.btn-zoomin-map::after {content: '';display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: url(../img/zoom-in-map.png) center center no-repeat;background-size: 3.2rem;opacity: .8;}
.btn-zoomin-map.out::after {content: '';display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: url(../img/zoom-out-map.png) center center no-repeat;background-size: 3.2rem;opacity: .8;}

/*2020-10-29*/
.reser-txt2 {margin-top: 1rem;padding: 1rem 1rem .6rem;color: #000;font-size: 1.5rem;text-align: center;line-height: 1;border-radius: .5rem;border-top: 1px solid #e2e2e2;}
.reser-txt2.gray {color: #999;}
.btn-txt.line {color: #333;font-size: 1.7rem;font-family: 'NS-B';border-radius: .5rem;border: 1px solid #ccc;}



/*2020-11-02*/
.switch-rgt {float: right;}
.switch-rgt em {font-size: 1.4rem;color: #666;}
.switch-rgt input[type="checkbox"] {margin-left: .5rem}
.oil-care > .title {margin-bottom: 2rem;font-size: 1.7rem;line-height: 1.4;}

/*2020-11-12*/
.card.useimg.point-box {padding-bottom: 4rem;}
.amount-choice.title {margin-top: 0;font-size: 1.5rem;font-family: 'NS-M';position: absolute;left: 1.5rem;right: 12.5rem;bottom: 1.5rem;width: auto;}
.amount-choice.title.center {text-align: center;}
.privacy-txt h3 {font-size: 1.9rem;text-align: left;font-family: 'NS-B';}
.privacy-txt h4 {padding: 1rem 0 0; font-size: 1.7rem;text-align: left;font-family: 'NS-M';}
.privacy-txt li {margin-top: 1rem;}
.privacy-txt h5:before {content: '';position: absolute;left: 0;top: .8rem;width: .6rem;height: .6rem;border-radius: .3rem;background-color: #666;}
.privacy-txt h5 {position: relative;margin-bottom: .5rem; padding-left: 1.4rem;color: #000;font-size: 1.5rem;}
.privacy-txt li p {position: relative;padding-left: 1.4rem;color: #666;font-size: 1.5rem;}
.privacy-txt input[type="checkbox"]+ label, .privacy-txt input[type="radio"]+ label {margin-left: 1rem;color: #000;font-size: 1.6rem;}

.card-list button {padding: .8rem 1rem;}
.point-list-top .distance-txt {display: inline-block;margin: .5rem 0 0 0;padding: 0;vertical-align: top;letter-spacing: -.5px;}
.point-list-top > .btn-right-map {display: inline-block;vertical-align: top;float: right;}
.box.point-list-top {overflow: hidden;}

/*2020-11-19*/
.color-blue,
.buy-point em strong.color-blue {color: #006acc !important;}
.content.scrollBox.overhdden {overflow: hidden;}
.content.scrollBox.overhdden .map-station-wrap {overflow-y: auto;}

.box-btn {padding: .5rem 1rem !important;border-radius: .3rem !important;border: 1px solid #ccc !important;}
.card.useimg img {right: -.5rem;width: 14.3rem;}

/*2020-11-23*/
.card.useimg img {right: .1rem;width: 14.3rem;}
.card .point-coupon,
.card .point-use,
.card .buy-point,
.card .sub,
.card .title,
.card.useimg span {z-index: 2;position: relative;}

/*2020-11-26*/
.detail-sub pre em.orange {color: #ed4200;font-size: 1.7rem;line-height: 2.7rem;vertical-align: top;}


/*2020-12-21*/
.tbx-banner .btn-tbx {padding: 0;-webkit-box-pack: center;}
.tbx-banner .btn-tbx button {
	width: 100%;max-width: 150rem;margin: 0 .5rem;padding: 0; -webkit-box-flex: 1;-moz-box-flex: 1;flex: 1;border-radius: 1.5rem;box-shadow: 0 .6rem 1.6rem 0 rgba(0, 0, 0, 0.14);color:#000;font-size:1.5rem;font-weight: bold;
}
.tbx-banner .btn-tbx .btn-price {background:#fff;}
.tbx-banner .btn-tbx .btn-history {background:#fff url(../img/ic-main-list.png) 1rem center no-repeat;background-size:3.8rem;}
.tbx-banner .btn-tbx .btn-price span {display: inline-block;padding: 2rem 0 2rem 4.5rem; background: url(../img/ic-main-price.png) left center no-repeat;background-size:3.8rem;}

/*2021-02-15*/
.main-center + .main-center{padding-top:0;}
.main-center.col-3{padding-bottom:2.5rem;}
.main-center.col-3 .btn-txt.shadow{-webkit-box-flex:0;-ms-flex:none;flex:none;width:calc(33.333% - .66rem);}
.main-center .lb-new{position:absolute;top:-.5rem;left:-.5rem;width:2.3rem;height:2.3rem;font-size:0;text-indent:-999rem;background: url('../img/img-noti-new.png') no-repeat center center;background-size:100% auto;}

.nodata.news p{position:relative;padding-top:6.9rem;}
.nodata.news p::before{content:'';position:absolute;top:0;left:50%;margin-left:-3.3rem;width:6.6rem;height:4.9rem;background:url(../img/img-nodata-news.png) no-repeat;background-size:100% auto;}
.search-info-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid #e1e1e1;}
.search-info-area .btn-wrap button{min-width:4rem;height:3.7rem;font-size:1.4rem;border-radius:.3rem;padding:0 1.5rem;margin-right:0;}
.search-info-area .btn-line{border:1px solid #ccc;}
.search-info-area .count-txt{font-size:1.4rem;}
.search-info-area .count-txt .bold{display:inline-block;font-size:inherit;vertical-align:baseline;}

.list-card.news{padding-top:2rem;}
.list-card.news .card{padding:0;}
.list-card.news .badge.new{margin:0;position:absolute;top:.5rem;left:-.5rem;z-index:1;}
.list-card.news .thumb-box{position:relative;top:-.1rem;left:-.1rem;width:calc(100% + .2rem);height:15rem;overflow:hidden;border-radius:1.7rem 1.7rem 0 0;}
.thumb-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:0}
.list-card.news .info-box{display:block;padding:1.5rem;}
.list-card.news .info-box .title{display:block;padding-bottom:1rem;text-align:left;font-size:1.6rem;line-height:1.38;}
.list-card.news .info-box .date{margin-top:0;font-size:1.4rem;}
.list-card.news .info-box .kind{font-size:1.4rem;color:#999;}

.pop-search{display:-webkit-box;-webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:vertical;display:box;box-orient:vertical;display:-ms-flexbox;-ms-flex-direction:column;width:100%;height:100%;padding:0 2rem;}
.pop-search .scroll{overflow:auto;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;-ms-flex:1;margin-top:2.4rem;padding-bottom:2rem;}
.search-area{position:relative;width:100%;padding-top:1rem;padding-right:5rem;}
.search-area .hbtn-close{position:absolute;z-index:2;top:0;right:-2rem;width:6rem;height:6rem;font-size:0;text-indent:-999rem;background:url(../img/btn-title-close.png) no-repeat center center;background-size:100% auto;}
.search-area .ipt-box.del input[type="text"]{padding-right:4rem;}
.ipt-box.del .btn-del{position:absolute;top:0;right:0;min-width:4rem;width:4rem;height:4rem;background:url(../img/btn-input-del.png) no-repeat 85% center;background-size:2.2rem 2.2rem;font-size:0;text-indent:-999rem;}

.kwd-box .title{font-size:1.7rem;color:#666;}
.kwd-list{font-size:0;margin-top:2rem;}
.kwd-list li{display:inline-block;margin-right:1rem;margin-bottom:1rem;}
.kwd-list li button{height:3.7rem;padding:0 1.5rem;border:1px solid #ed6d00;border-radius:.5rem;}
.kwd-list li button:focus, .kwd-list li button:active, .kwd-list li.on button{background-color:#ed6d00;color:#fff;font-family:'NS-B';}
.kwd-box ~ .btn-wrap{margin-top:1rem;}
.notice-sub .title{display:block;padding-top:1rem;font-size:1.7rem;font-family:'NS-B';color:#666;}
.notice-sub .round-list{margin-top:1.5rem;}
.round-list li + li{margin-top:1rem;}
.round-list button{width:100%;text-align:left;padding:1.5rem;border-radius:1rem;border:1px solid #e1e1e1;}
.round-list button > span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.38;font-size:1.6rem;font-family:'NS-B';}





/*2021-01-14*/
.btn-txt.sns.apple {
	border: 1px solid #181b25;color:#fff;background:#1e42a7 url('../img/sbtn-apple-dis.png') no-repeat 2.1rem center;
	background-size:3.5rem auto;
}
.w100p .btn-txt.sns.apple {text-align: center; padding-left: 0;}

input:disabled {opacity: 1;-webkit-text-fill-color: inherit;}
.open-detail .ipt-wrap .ipt-box > input:disabled {color: #000;opacity: 1;}
.coupon .coupon-card.img-coupon.type-money .coupon-data .c-data {transform: translate(0%, -20%);}
.box.list-sort .flex input[type="checkbox"]+ label, input[type="radio"]+ label {margin-left: .5rem;}
.box.list-sort .hbox .btn-toggle {margin: 0 .25rem;}
.list-card .card .badge > * {position: relative;}
.star-txt span {display: inline-block;}
.btn-toggle input+label {margin: 0;}

/* 당첨확인 */
.event-result-wrap{padding:1rem 0;}
.event-result-wrap .top-line{border-top:1px dashed #fff;}
.event-result-wrap .bold-ttl{padding:1.4rem 0 1rem;line-height:1.3;font-size: 1.8rem;color:#fff;font-weight:500;}
.event-result-wrap .bold-ttl > strong{font-size:inherit;font-weight:900;vertical-align:baseline;}
.event-result-box{padding:1.3rem 1.2rem 1rem;border-radius:.9rem;background-color:#fff;text-align:center;}
.event-result-box > *{display:block;font-size:1.4rem;word-break:keep-all;}
.event-result-box .name{line-height:1.5;color:#898989;}
.event-result-box .lg-txt{padding:1rem 0 .8rem;font-size:1.8rem;font-weight:500;}
.pt-color{color:#EC6C00 !important;}
.event-result-box .sub-info-txt{margin-top:1rem;padding-top:1rem;border-top:1px solid #E4E4E4;text-align:left;line-height:1.5;color:#656565;}

/* 스피너 */
#my-spinner {
	width: 100%; height: 100%;
	top: 0; left: 0;
	display: none;
	opacity: .6;
	background: silver;
	position: fixed;
}
#my-spinner div {
	width: 100%; height: 100%;
	display: table;
}
#my-spinner span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#my-spinner img {
	background: white;
	padding: 1em;
	border-radius: .7em;
}