@charset "utf-8";
@import url(/resource/css/reset-81bc4629d302708191479b1b12767645.css);

* {
	font-family: 'Pretendard', sans-serif;
}

body {
	background-color: #f7f7f7;
}
/*header*/
header {
  position: fixed;
  width: 100%;
  z-index: 100;
}
header .top {
  padding: 1.7rem;
  text-align: center;
}
header .top.main {
  padding: 1rem 1.7rem;
}
header .top.gray {
  background:#f6f6f6 !important;
}
header .top h1 {
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  font-size: 18px;
  color:#000;
  margin-left:-0.8rem;
}
header .top.main h1{
	height:3rem;
	margin-left:0;
}
header .top.main h1 img{
	height:3rem;
}
header .top a,
header .top button {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
header .top button {
	width:24px;height:24px;
}
header .top .btn-prev {
  background: url(/resource/images/ms/ico_24_arrowleft-0f700e699a5d0b20fb92cb49dc352ef5.png) no-repeat;
  background-size: 100%;
  float: left;
}
header .top .btn-prev-two-depth {
	background: url(/resource/images/ms/ico_24_arrowleft-0f700e699a5d0b20fb92cb49dc352ef5.png) no-repeat;
	background-size: 100%;
	float: left;
}
header .top .btn-menu {
  background: url(/resource/images/ms/ico_24_menu-dd82a08b807decf02bf58e5149a89141.png) no-repeat;
  background-size: 100%;
  float: left;
}
header .top.main .btn-prev {
  background: url(/resource/images/ms/ico_24_arrowleft-0f700e699a5d0b20fb92cb49dc352ef5.png) no-repeat;
  background-size: 100%;
  float: left;
}
header .top .btn-mseshop {
	background: url(/resource/images/ms/ico_24_arrowleft-0f700e699a5d0b20fb92cb49dc352ef5.png) no-repeat;
	background-size: 100%;
	float: left;
}
header .top.main .btn-menu {
  width: 2.2rem;
  height:3rem;
  line-height:3rem;
  background: url(/resource/images/ms/ico_24_menu-dd82a08b807decf02bf58e5149a89141.png) no-repeat;
  background-position:center center;
  background-size: 100%;
  float: left;
}
header .top.main .btn-right {
  width: 2.2rem;
  height:3rem;
  line-height:3rem;
  background: url(/resource/images/ms/map-pin-f5bcfbfeaa238fa1a10879da2c4c43ff.png) no-repeat;
  background-position:center center;
  background-size: 100%;
  float: right;
}
header .top .btn-right {
  width: 24px;
  height:24px;
  line-height:3rem;
  background: url(/resource/images/ms/btn_setting-e9b6eb18bc1e71a79ef477e23a05fe3c.png) no-repeat;
  background-position:center center;
  background-size: 100%;
  float: right;
}

.app_logo {width:64px;}
/*bottom*/
.wrap-bottom-menu {
	width: 100%;
	min-width: 320px;
	background: #fff;
	position: fixed;
	left: 0;
	bottom: 0;
	height: 5.5rem;
	z-index: 100;
	box-shadow: 1px 3px 20px rgba(0,0,0,0.2);
}
.wrap-bottom-menu ul {
	text-align: center;
	width: 100%;
}
.wrap-bottom-menu ul li {
	display: inline-block;
	width: 19%;
	vertical-align: top;
}
.wrap-bottom-menu ul li a {
	display: block;
	padding: 0.3rem 0 0.6rem;
}
.wrap-bottom-menu ul li a img {
	width: 25px;
	margin: 3px 0 2px;
}
.wrap-bottom-menu ul li a span {
	display: block;
	color: #000;
	font-size: 1.2rem;
	letter-spacing: -0.08rem;
	font-weight:200;
}



#contents {
    padding-top: 6.5rem;
	/*padding-bottom:5rem;*/
}
#contents-tab {
    padding-top: 9rem;
	padding-bottom:7.5rem;
}
#zoom-box {
    padding-top: 5rem;
}
.bg-gray{
	min-height: calc(100vh - 5rem);
	background:#f7f7f7;
}
.bg-grey{
	background:#f7f7f7;
}
.wrap {
	width: 100%;
}
.bx-wrap{
	padding:0 1.5rem;
	width:100%;
	background-color: #fff;

}
.bx-wrap-gray{
	padding:0 1.5rem;
	width:100%;
	background-color: #f7f7f7;

}

.bx-wrap.main-point{
	background-color: #f7f7f7;
}

.bx-wrap:after{
	display:block;
	content:'';
	clear:both;
}
.bx-wrap-gray{
	padding:0 1.5rem;
	width:100%;
	background-color: #fff;

}

/*main*/
.main-top{
	padding: 0 1.5rem 1.5rem;
}
.main-top h2{
	height:2rem;
	display: inline-block;
	vertical-align: middle;
}
.main-top h2 img{
	height:2rem;
}
.main-top button.btn-more{
	float:right;
	width:2rem;
	height:2rem;
	background:#fff;
}
.main-top button i{
	color:#468cff;
	vertical-align: text-top;
	line-height:2rem;
}

.btn-group {
	display: flex;
	justify-content: center;
	gap:3px;
}

.pay-info{
	position:relative;
	width:100%;
	height:auto;
	border-radius:10px;
	margin-bottom:20px;
	padding:2rem;
	background-color: #fff;
}

.pay-info h3{
	width:50%;
	font-size:1.4rem;
	font-style: normal;
	font-weight:700;
	color:#f26522;
	margin-bottom:1rem;
}
.pay-info .balance-btn{
	color:rgba(0, 0, 0, 1);
	display:block;
	line-height:normal;
	font-weight:700;
	text-align:left;
	font-size:24px;
	letter-spacing:0;
}

.pay-info .balance-btn i{
	padding-left:0.75rem;
}
.pay-info ul li .charge-point{
	float:right;
}
.pay-info ul li .etc-point{
	float:right;
}
.pay-info ul li{
	font-size:1.2rem;
	font-weight:200;
	line-height:1.2;
}
.pay-info ul li:last-child{
	padding-top:0.5rem;
}
.pay-info ul li strong{
	padding-left:0.5rem;
	font-weight:400;
}
.pay-info .charge-btn{
	float:right;
	margin-top:-20px;
	border-radius:10px;
	height:3rem;
	background-color:#fff;
	border:1px solid #f26522;
	color:#f26522;
	font-weight: 700;
	font-size: 16px;
	padding:0 1rem;
	box-shadow: #1e2125;
}
.pay-info .charge-btn:active{
	background:#fff;
	color:#468cff;
}

.white-info-box{
	position:relative;
	width:100%;
	border-radius:0.5rem;
	padding:1rem;
	background-color: #fff;
}

.white-info-box h3 {
	width: 100%;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 400;
	color: #f26522;
}
.white-info-box h3 span {
	float:right;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 700;
	color: #000;
	margin-bottom: 1rem;
}

.white-info-box h3 span:after {
	content:" C"
}

.white-info-box .n-point {
	width: 100%;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 400;
	color: #f26522;
}
.white-info-box .n-point span {
	float:right;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 700;
	color: #000;
	margin-bottom: 1rem;
}

.white-info-box .n-point span:after {
	content:" P"
}

.white-info-box div.tit {
	margin-bottom:10px;
}

.white-info-box div.tit span {
	width: 100%;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 700;
	color: #000;
}

.white-info-box div.event-txt {
	margin: 12px;
	padding-bottom: 12px;
}

.white-info-box div.event-txt span {
	float: left;
	font-size: 14px;
	margin-bottom: 12px;
	font-style: normal;
	font-weight: 700;
	color: #000;
}


.white-info-box div.event-dt span {
	float: right;
	font-size: 12px;
	font-style: normal;
	text-align: right;
	line-height: 1.2;
	font-weight: 700;
	color: #000;
}

.event-dt #event-period {
	display: inline;
	line-height: 1.5;
	font-size: 0.9em;
	margin-bottom: 4px;
	font-weight: 600;
}

.event-dt #event-period .time-part {
	display: inline;
	line-height: 1.5;
	font-size: 0.8em;
	margin-left: 6px;
}

.white-info-box div.tit p {
	font-size: 1.3rem;
	font-style: normal;
	font-weight: 400;
	color: #999999;
}

.gray-info-box{
	position:relative;
	width:100%;
	border-radius:0.5rem;
	margin-bottom:1.5rem;
	padding:2rem;
}
/*메인 카테고리 슬라이드*/
.bx-category-wrap{
	background:#f6f6f6;
	padding:0.2rem 1.5rem 2.0rem;
}
.main-swiper-slider {
  position: relative;
  width:100%;
  height: 100%;
}
.main-swiper-slider .swiper-pagination{
	position:relative;
}
.main-swiper-slider.swiper-container-horizontal>.swiper-pagination-bullets{
	bottom:-0.75rem;
}
.main-swiper-slider .swiper-pagination-bullet{
	width:0.9rem;
	height:0.9rem;
}
.main-swiper-slider .swiper-pagination-bullet {
  background: #000;
  opacity: .5;
}
.main-swiper-slider .swiper-pagination-bullet-active {
  opacity: 1;
  background: #468cff;
}
.main-swiper-slider .category {
  position: relative;
	background:#f6f6f6;
  bottom: -1px;
  width: 100%;
  overflow: hidden;
}
.main-swiper-slider .category:after{
	content:'';
	clear:both;
	display:block;
}
.main-swiper-slider .category li {
    float: none;
    width: 100%;
  font-size: 1.3rem;
	color: #333333;
	font-weight:700;
    text-align: left;
	line-height: 15.51px;
    letter-spacing:0.0rem;
	background: #fff;
  border-radius:8px;
   margin-right: 0;
   margin-bottom:1.5rem;
}
.main-swiper-slider .category li:nth-child(3n){
	margin-right:-1.0rem;
}
.main-swiper-slider .category li a {
  display: block;
  padding: 1.5rem 1.5rem 2rem;
  border-width: 0 1px 1px 0;
}

/**/
.main .main-swiper-slider .menus {
	position: relative;
	background:#f6f6f6;
	bottom: -1px;
	width: 100%;
	overflow: hidden;
}
.main .main-swiper-slider .menus:after{
	content:'';
	clear:both;
	display:block;
}
.main .main-swiper-slider .menus li {
	float: none;
	width: 100%;
	font-size: 1.3rem;
	color: #333333;
	font-weight:700;
	text-align: left;
	line-height: 15.51px;
	letter-spacing:0.0rem;
	background: #fff;
	border-radius:8px;
	margin-right: 0;
	margin-bottom:1.5rem;
}
.main .main-swiper-slider .menus li a {
	display: block;
	padding: 1.5rem 1.5rem 2rem;
	border-width: 0 1px 1px 0;
}
.main .main-swiper-slider .menus li a span{
	display:block;
}
.main .main-swiper-slider .menus li:nth-child(3n) a {
  border-right:none;
}
.main .main-swiper-slider .menus li img {
	float: right;
	display: block;
	width: 30px;
	margin: 1rem auto 0.5rem;
}
.main-notice{
	position:relative;
	border-radius:1rem;
	background:#f6f6f6;
	padding:1rem;
	width:100%;
	margin:1.5rem 0;
	display:block;
	cursor:pointer;
}
.main-notice .notice-title{
	display:inline-block;
	color:#000;
	font-weight:300;
}
.main-notice .notice-content{
	display:inline-block;
	max-width:calc(100vw - 10rem);
	font-weight:200;
	padding-left:10px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main-notice .notice-more{
	position:absolute;
	top:50%;
	right:1rem;
	margin-top:-7px;
}
.recent-title{
	padding-top:3rem;
	font-size:13px;
	color:#999;
	font-weight:400;
	padding-bottom:0.5rem;
}
.recent-title i{
	padding-left:0.5rem;
	color: #AAAAAA;
}

.usage-text {
	font-weight:700;
	color:#F26521;
}
.earnings-text {
	font-weight:700;
	color:#2C8AD1;
}
.pay-list > li + li{
	margin-top:3rem;
}
.pay-list .date-wrap{
	position: relative;
    margin-top: 1.5rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #e4e8eb;
}
.pay-list .date-wrap h3{
	position:absolute;
	top:50%;
	padding-right:1rem;
	left:0;
	display:inline-block;
	background:#fff;
	margin-top:-0.9rem;
	font-weight:300;
}
.pay-list .date-list-used > li + li{
	margin-top:1rem;
}
.pay-list .date-list-used li a{
	display:block;
}
.pay-list .date-list-used .category-img{
	display:inline-block;
	width:5rem;
	height:5rem;
	background:#f6f6f6;
	border-radius:100%;
}
.pay-list .date-list-used .category-img img{
	width:100%;
}
.pay-list .date-list-used .shortly-pay{
	width:calc(100vw - 9.3rem);
	margin:0.5rem 0 0 1rem;
	display:inline-block;
	vertical-align:top;
}
.pay-list .date-list-used .shortly-pay li + li{
	padding-top:0.75rem;
}
.pay-list .date-list-used .shortly-pay li .detail{
	display: inline-block;
	width:calc(100vw - 19rem);
	font-size:1.4rem;
	color:#000;
	font-weight:300;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pay-list .date-list-used .shortly-pay li .date{
	font-size:1.3rem;
	color:#000;
	font-weight:200;
}
.pay-list .date-list-used .shortly-pay li .point{
	float:right;
	font-size:1.4rem;
	color:#000;
	font-weight:400;
}
.pay-list .date-list-used .shortly-pay li .state{
	float:right;
	font-size:1.3rem;
	color:#000;
	font-weight:200;
}
.pay-list .date-list-used .shortly-pay li .state.back{
	color:#999;
}

/*상단 공통 탭*/
ul.normal-tabs{
	width:100%;
	overflow:hidden;
	z-index:100;
}
ul.normal-tabs li{
	background: none;
	color: #999999;
	float: left;
	padding: 1.2rem 1rem;
	cursor: pointer;
    text-align: center;
	background:#fff;
	font-size:1.4rem;
	border-bottom:1px solid #eee;
	font-weight:700;
}
ul.normal-tabs li.current{
	color: #000;
	border-bottom:1px solid #468cff;
}
.normal-tab-content{
	display: none;
	padding: 1.5rem 0 0 0;
}
.normal-tab-content.current{
	display: inherit;
}
ul.normal-tabs.col2 li{
	width:50%;
	float: left;
}
ul.normal-tabs.col3 li{
	width:33.3333%;
	float: left;
}
.normal-tab-content.text-tab-content{
	padding: 3rem 0 0 0;
}
ul.normal-tabs.text-tabs li{
	border: none;
    background: none;
	position:relative;
	padding: 0px 4px 8px 4px;
}
ul.normal-tabs.text-tabs li.current{
    border-bottom: 2px solid #65288c;
}
ul.normal-tabs.text-tabs li + li{
	border: none;
    background: none;
    padding: 0px 4px 8px 4px;
	margin-left:20px;
}

/*탭 버전2*/
ul.normal-tabs.ver2{
	width:100%;
	overflow:hidden;
	z-index:100;
}
ul.normal-tabs.ver2 li{
	background: none;
	color: #999999;
	float: left;
	padding: 1.5rem 1rem;
	cursor: pointer;
    text-align: center;
	background:#fff;
	font-size:1.5rem;
	border-top:1px solid #eee;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
	font-weight:700;
}
ul.normal-tabs.ver2 li:last-child{
	border-right:0;
}
ul.normal-tabs.ver2 li span{
	font-size:1.3rem;
	padding-left:3px;
}
ul.normal-tabs.ver2 li.current{
	color: #468cff;
	border-bottom:1px solid #468cff;
	background:#fff;
}

/*간편 회원 가입*/
.join-guide{
	margin-bottom: 3rem;
}
ul.guide-list li {
	position: relative;
	padding-left: 1rem;
	line-height:1.4;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
}
ul.guide-list li:before {
	content: '';
	position: absolute;
	top: 7px;
	left: 0;
	width:3px;
	height:3px;
	border-radius:100%;
	background:#999;
	display: block;
}
ul.guide-list li + li{
	margin-top:1rem;
}
.join-btn{
	margin-top:2rem;
	height:4.5rem;
	line-height:4rem;
	width: 100%;
	background: #468cff;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 400;
	border-radius:4px;
}
table.join-info{
	width:100%;
	font-size:1.3rem;
	border-top:1px solid #000;
	margin:2rem 0;
}
table.join-info thead tr th,
table.join-info thead tr td{
	padding-top:1.5rem;
	padding-bottom:1rem;
}
table.join-info th{
	text-align:left;
	font-weight:300;
	color:999;
	height:3rem;
}
.join-info td{
	text-align:right;
}
.border-content{
	border-radius:4px;
	padding:1.5rem;
	border:1px solid #e8e8e8;
}
.confirm-box{
	border-radius:1rem;
	min-height:10rem;
	box-shadow: 0 0px 10px 0 rgb(0 0 0 / 9%);
	background:#fff;
}
.confirm-box a{
	display:block;
	padding:13rem 2rem 4rem 2rem;
	background:url(/resource/images/phone-con-10a4816e596d5de39acb32fb3035a49f.png) center 5rem no-repeat;
	background-size:75px;
}
.confirm-box h3{
	margin:0 auto;
	text-align:center;
	font-size:1.6rem;
	font-weight:400;
	line-height:2;
	color:#000;
}
.confirm-box h3 span{
	margin-left:-10px;
}
.confirm-box h3 span.arrow {
    position: relative;
}
.confirm-box h3 span.arrow::after {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
    margin-right: -15px;
    content: '';
    width: 6px;
    height: 6px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
}
.confirm-box  p{
	line-height:1.5;
	padding-top:0.5rem;
	text-align:center;
	font-size:1.3rem;
}
.confirm-box  p span{
	display:block;
}

/*ALL 체크박스*/
.all-check{
	border-bottom:1px solid #e8e8e8;
	margin-bottom:1.5rem;
	padding-bottom:1.5rem;
}
.all-check:not(:first-child) {
	margin-left: 13px;
}
.all-check input[type=checkbox] {
	display: none;
}
.all-check input[type=checkbox] + label {
	line-height: 22px;
	margin-bottom: 0;
	font-size: 13px;
	font-weight:400;
	text-align: left;
	display: inline-block;
	cursor: pointer;
	padding: 0 0 0 32px;
	background: url(/resource/images/all-check-off-edad31a50778e889db18204235cfa6ac.png) left/22px no-repeat;
	color:#999;
}
.all-check input[type=checkbox]:checked + label {
	background-image: url(/resource/images/all-check-on-33c66f8709982d6f225c4a4a96de8ab9.png);
	color:#000;
}

/*작은 체크박스*/
.check-list li {
	display:block;
	height:48px;
	margin-bottom:0.4rem;
}

.check-list li button{
	float:right;
	line-height:1.5;
	background:#fff;
	margin-top:10px;
}

.check-list li button i{
	color:#999;
}

.terms-check {
	padding:0 10px 0 10px;
	float:left;
}
.terms-check label {
	display: block;
	width:100%;
	height:48px;
	color: #666;
	margin-bottom: 0;
	vertical-align:middle;
	line-height:48px;
}
.check-list li .terms-check label div.goodsName {
	display: flex;
	width:100%;
	height:48px;
	float:left;
	font-size:13px;
	font-weight:400;
	line-height:48px;
	align-items: center;
	flex-wrap: nowrap;
}
.check-list li .terms-check label div.goodsName>span {
	width:80%;
	font-size:13px;
	font-weight:400;
	line-height:1.2;
}
.check-list li .terms-check label div.goodsPrice {
	display: inline-block;
	vertical-align:middle;
	float:right;
	font-size:13px;
	text-align: right;
	padding-right:20px;
	width:40%;
	height:48px;
	font-weight:400;
	line-height:48px;
}

.terms-check:not(:first-child) {
	margin-left: 13px;
}

.terms-check input[type=checkbox] {
	display: none;
}
.terms-check input[type=checkbox] + label {
	font-size: 12px;
	font-weight:400;
	color:#999;
	text-align: left;
	display: inline-block;
	cursor: pointer;
	padding: 0 0 0 30px;
	background: url(/resource/images/ms/check-off-16c5a6363afafd5518bbbcef0121eec8.png) left/20px no-repeat;
}
.terms-check input[type=checkbox]:checked + label {
	background-image: url(/resource/images/ms/check-on-954f6ca1f4d00047cbab8e9fc6ea2377.png);
	color:#F26522;
}


.small-check {
	padding:0 10px 0 10px;
}
.small-check label {
	display: block;
	width:100%;
	height:48px;
	color: #666;
	margin-bottom: 0;
	vertical-align:middle;
	line-height:48px;
}

.check-list li .small-check label div.goodsName {
	display: flex;
	width:100%;
	height:48px;
	float:left;
	font-size:13px;
	font-weight:400;
	line-height:48px;
	align-items: center;
	flex-wrap: nowrap;
}
.check-list li .small-check label div.goodsName>span {
	width:80%;
	font-size:13px;
	font-weight:400;
	line-height:1.2;
}
.check-list li .small-check label div.goodsPrice {
	display: inline-block;
	vertical-align:middle;
	float:right;
	font-size:13px;
	text-align: right;
	padding-right:20px;
	width:40%;
	height:48px;
	font-weight:400;
	line-height:48px;
}
.check_info {
	font-size: 1.3rem;
	text-align: left;
	word-break: keep-all;
}

.small-check-item{
	width:100%;
	display:block;
	height:48px;
	border:1px solid #EFEFEF;
	border-radius: 3px;
}


.small-check:not(:first-child) {
	margin-left: 13px;
}

.small-check input[type=checkbox] {
	display: none;
}
.small-check input[type=checkbox] + label {
	font-size: 12px;
	font-weight:400;
	color:#999;
	text-align: left;
	display: inline-block;
	cursor: pointer;
	padding: 0 0 0 30px;
	background: url(/resource/images/ms/check-off-16c5a6363afafd5518bbbcef0121eec8.png) left/20px no-repeat;
}
.small-check input[type=checkbox]:checked + label {
	background-image: url(/resource/images/ms/check-on-954f6ca1f4d00047cbab8e9fc6ea2377.png);
	color:#F26522;
}

li .small-check-item:has(input[type=checkbox]:checked)  {
	border:1px solid #F26522;
	color:#F26522;
}
li .small-check-item:has(input[type=checkbox]:checked) div.goodsPrice {
	color:#F26522;
}

.refund-agree .small-check label {
	font-size: 14px !important;
	font-weight: 700 !important;
	color:#000 !important;
}

	/*정보 및 설정*/
h2.page-text{
	font-size:1.3rem;
	line-height:1.5;
	font-weight:300;
	color:#999;
}
h2.page-text .red{
	color:#ff4646;
}
h3.setting-title{
	font-size:1.5rem;
	padding:2rem 0 1rem;
	font-weight:400;
	color:#999;
}
table.user-info{
	background:#fff;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	width:100%;
	font-size:1.3rem;
}
table.user-info th{
	padding-left:1.5rem;
	text-align:left;
	height:3rem;
	font-weight:300;
}
table.user-info td{
	padding-right:1.5rem;
	text-align:right;
	height:3.5rem;
}
.setting-title{
	padding:0 1.5rem;
	width:100%;
	font-weight:300;
}
.setting-menu{
	width:100%;
	background:#fff;
}
.setting-menu li + li{
	border-top:1px solid #eee;
}
.setting-menu li a{
	font-size:1.5rem;
	font-weight:300;
	cursor: pointer;
	color:#000;
	display:block;
	padding:2rem 1.5rem;
}
.setting-menu li a span{
	float:right;
	color:#999;
}

/*이용내역 없을 때*/
.listNone {
	text-align: center;
	line-height: 46px;
	color: #a7a8aa;
}
.listNone .noneMark {
	display: block;
	margin: 0 auto;
	padding-top: 20px;
	max-width: 80px;
	width: 100px;
}
.listNone span {
	font-size: 14px;
}

/*현장 결제*/
.bx-payment {
	position:relative;
	width: 100%;
	margin:1rem 0 2rem;
	background:#fff;
	padding:2rem;
	border-radius: 1.5rem;
	box-shadow: 1px 3px 3px 0 rgb(0 0 0 / 9%);
	-webkit-box-shadow: 1px 3px 3px 0 rgb(0 0 0 / 9%);
}
.bx-payment h2 {
	font-size: 1.5rem;
	font-weight: 400;
	text-align:center;
	color:#000;
}
.bx-payment .barcode-img {
	display: block;
	/*width: 200px;*/
	max-width: 90%;
	margin: 20px auto;
	clear: both;
}
.bx-payment .barcode-img img {
	width: 100%;
}
.bx-payment .bx-qr{
	margin:3rem 0 2rem;
}
.bx-payment .reset-btn .countdown{
	font-size:1.2rem;
	color:#999;
	padding-right:0.5rem;
}
.bx-payment .reset-btn{
	position:absolute;
	bottom:2rem;
	right:1.5rem;
	background:#fff;
	cursor:pointer;
}
.bx-payment .reset-btn i{
	color:#999;
}
.bx-barcode {
	height:50px;
}
.bx-barcode p{
	font-size:1.4rem;
	letter-spacing:0;
	text-align:center;
	font-weight:400;
}
.bx-barcode p span + span{
	padding-left:1rem;
}
.bx-qr .qr-img {
	display: block;
	width: 35%;
	max-width: 160px;
	max-height:160px;
	margin:0 auto;
	clear: both;
}
.bx-qr .qr-img img {
	width: 100%;
}
#qrcode {
	width: 100%;
	max-width: 161px;
	height: auto;
	margin: 0 auto;
}
.balance-btn .hidden-btn {
	height: 25px;
	float:right;
}
.pay-info .balance-btn .hidden-btn {
	height: 25px;
	float:right;
	margin-right:35% !important;
}
.balance-btn .hidden-btn span.tt {
	line-height: 40px;
}
.pay-info .cashr-btn .app-btn {
	height: 25px;
	float:right;
}
.go-set-cashr {background-color: #4a74fe;color:#fff;border-radius: 3px}

.balance-btn .hidden-btn input[type=checkbox] {
	display: none;
}
.balance-btn .hidden-btn input[type=checkbox] + label {
	margin-bottom: 0;
	display: inline-block;
	cursor: pointer;
	width: 48px;
	min-height: 24px;
	background: url('/resource/images/ms/switch_off-b0cda722bbc2281766ec12ce9884c14d.png') left center/48px no-repeat;
}
.balance-btn .hidden-btn input[type=checkbox]:checked + label {
	background-image: url('/resource/images/ms/switch_on-24ea039ed16eef2351429bf82e6d01f6.png');
}

/*더보기 zoom*/
.bx-barcode-vertical{
	position:relative;
	width:100%;
	height: calc(100vh - 40vh);
	border-bottom: 1px solid #eee
}
.bx-barcode-vertical p {
	position: absolute;
    top: 100px;
    right: 130px;
    font-size: 1.4rem;
    letter-spacing: 0;
    text-align: center;
    width: 10px;
    padding-top: 0px;
    transform: rotate(90deg);
}
.bx-barcode-vertical .barcode-img img{
	width:100%;
	height:100%;
}
.bx-barcode-vertical .bx-barcode{
	position: absolute;
	width:100px;
	top: 50%;
	left: 55%;
	transform: translate(-50%, -50%);
	z-index:110;
}
.bx-qr-vertical{
	position:relative;
	width:100%;
	min-height: calc(100vh - 70vh);
	display: block;
	float:left;
}
.bx-qr-vertical .bx-qr{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 150px;
	transform: translate(-50%, -50%);
	z-index:110;
}
.bx-qr-vertical .qr-img img{
	width:100%;
}
.bx-qr-vertical .reset-btn{
	position:absolute;
	bottom:30px;
	left:30px;
	    transform: rotate(90deg);
		background:#fff;
	cursor:pointer;
}
.bx-qr-vertical .reset-btn .countdown{
	font-size:1.2rem;
	color:#999;
	padding-right:0.5rem;
}
.bx-qr-vertical .reset-btn i{
	color:#999;
}

/*결제비밀번호설정*/
.pass-dot{
	display: inline-block;
    vertical-align: top;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #e5e5e5;
	}
.pass-dot + .pass-dot{
	margin-left:1.5rem;
}
.pass-dot.pass-on{
	background:#343a48;
}
.passwordForm {
	height:450px;
	text-align: center;
	background-color: #F26522;
	padding-top: 15vh;
}
.passwordForm h2 {
	margin: 3rem 0 3rem;
	font-size: 1.4rem;
	font-weight: 400;
	color: #fff;
}
.passwordForm h3{
	display:none;
	font-size:1.3rem;
	margin-top:3rem;
	color:#000;
	font-weight:300;
	line-height:1.5;
}
.passwordForm .repass{
	margin:2rem 0 3rem;
	display:block;
	text-decoration:underline;
}
.passwordForm input {
	height: 40px;
	width: 40px;
	margin: 10px 2px;
	text-align: center;
	border-radius: 0;
	color: #222;
	font-size: 12px;
	background: none;
	border: none;
	border-bottom: 3px solid #222;
}
.fixed-bottom {
	position: absolute;
	bottom: 0;
	width: 100%;
	background:#f7f7f7;
	padding: 16px calc(18px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(18px + env(safe-area-inset-left));
	min-height: 252px;
}
.fixed-bottom p {
	font-size: 11px;
	color: #888;
	line-height: 1.2;
	text-align: center;
	padding: 20px 10px;
}
.fixedBottom .bottomBtn button {
	width: 100%;
	letter-spacing: 1px;
	background: #cf405d;
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	border: none;
	line-height: 52px;
}
.tenkey{
	width: 100%;
    margin: 0 auto;
    max-width: 390px;
    table-layout: fixed;
}
.tenkey button{
	position: relative;
    display: block;
    width: 100%;
    font-weight: 500;
	height: 6rem;
	border-radius:4px;
    color: #fff;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.tenkey button.key-number{
	color:#000;
	background:#f7f7f7;
    font-size: 1.6rem;
}
.tenkey button.key-number:active{
	background:#F26522;
    font-size: 1.6rem;
	border-radius:4px;
}
.tenkey button.test{
	font-size:1.8rem;
	background:#F26522;
	color:#fff;
	margin:2.5%;
	width:95%;
}
.tenkey button.delete{
	font-size:1.8rem;
	background:#ddd;
	margin:2.5%;
	width:95%;
	color:#000;
}

/*가맹점 보기*/
.filter-check input[type=checkbox],
.filter-check input[type=radio] {
	display: none;
}
.filter-check input[type=checkbox] + label,
.filter-check input[type=radio] + label {
	display: inline-block;
	text-align: center;
	cursor: pointer;
	color: #999;
	border-radius: 4px;
	font-size: 1.2rem;
	vertical-align:middle;
	display: inline-block;
	background: #efefef;
	border: 1px solid #efefef;
	padding:1rem 0;
	width:100%;
		overflow: hidden;
	 text-overflow: ellipsis;
	white-space: nowrap;
}
.filter-check input[type=checkbox]:checked + label,
.filter-check input[type=radio]:checked + label {
	background: #fff;
	color: #F26522;
	border: 1px solid #F26522;

}

/*shop 슬라이드*/
.shop-swiper-slider {
  position: relative;
  width:100%;
  height: 100%;
  overflow:hidden;
  margin:1.5rem 0 3rem;
}
.swiper-container-horizontal>.swiper-pagination-bullets{
	bottom:0rem;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after{
	display:block;
	content:'';
	clear:both;
}
.shop-swiper-slider .swiper-wrapper{
	margin-bottom:1rem;
}
.shop-swiper-slider .swiper-pagination{
	position:relative;
}
.shop-swiper-slider .swiper-pagination-bullet{
	width:0.9rem;
	height:0.9rem;
}
.shop-swiper-slider .swiper-pagination-bullet {
  background: #000;
  opacity: .5;
}
.shop-swiper-slider .swiper-pagination-bullet-active {
  opacity: 1;
  background: #F26522;
}

/*메인 카테고리*/
.bx-wrap .bx-condition{
		width:100%;
	}
.bx-wrap .bx-condition > * {
    display: inline-block;
    text-align: left;
    vertical-align: top;
}
.bx-wrap .bx-condition > input {
    width: -moz-calc(100% - 98px);
    width: -webkit-calc(100% - 98px);
    width: -o-calc(100% - 98px);
    width: calc(100% - 98px);
	border: 1px solid #ddd;
}
.bx-wrap .bx-condition button{
	height: 4rem;
    width: 90px;
    text-align: center;
    margin-left: 8px;
	border-radius: 4px;
    background: #F26522;
    outline: none;
	float:right;
	color:#fff;
}
.form_guest {
    margin: 0 -4px;
}
.box_inp {
    float: left;
    width: 100%;
    margin-bottom: 8px;
}
.box_inp:nth-child(-n+2) {
    width: 50%;
}
.box_inp .inner_inp {
    margin: 0 4px;
    border: 1px solid #ddd;
    box-sizing: border-box;
	border-radius:4px;
}
.box_inp .inner_inp select{
	border:none;
}
.form_guest:after {
    content: '';
    display: block;
    clear: both;
}
.main .shop-swiper-slider .category {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.main .shop-swiper-slider .category li {
  float: left;
  width: 19.2%;
  font-size: 1.4rem;
  text-align: center;
  letter-spacing:-0.08rem;
  margin-right:1%;
  margin-bottom:0.5rem;
}
.main .shop-swiper-slider .category li a {
  display: block;
  padding: 1em 0;
  border-width: 0 1px 1px 0;
}
.main .shop-swiper-slider .category li a span{
	display:block;
}
.main .shop-swiper-slider .category li:nth-child(5n){
  margin-right:0;
}

.bx-shop-con{
	background:#f6f6f6;
	padding:2rem 1.5rem;
	min-height: calc(100vh - 393px);
}
.shop-list {
	width: 100%;
}
.shop-list li {
	width: 100%;
	position: relative;
	border-radius: 1rem;
	overflow: hidden;
	background: #fff;
	border: 1px solid rgba(0,0,0,.03);
	box-shadow: 0 2px 3px 0 rgba(0,0,0,.09);
	margin-bottom:1.5rem;
	padding:1.5rem;
}
.shop-list li .kind{
	border-radius:4px;
	border:1px solid #F26522;
	color:#F26522;
	margin-bottom:1rem;
	padding:1px 5px;
	display:inline-block;
	font-size:1.2rem;
	font-weight:400;
}
.shop-list li .map-btn{
	position:absolute;
	right:1.5rem;
	top:1.5rem;
	color:#999;
	font-size:1.1rem;
	background:#fff;
	padding:0;
}
.shop-list li .map-btn i{
	padding-right:3px;
	color:#b6bdc8;
}
.shop-list li .shop-name {
	font-size:1.8rem;
	margin-bottom:0.5rem;
	font-weight: 700;
	color:#000;
}
.shop-list li .copy-btn{
	color:#999;
	margin-left:1rem;
	background:#fff;
	padding:0;
}
.shop-list li .shop-location{
	color:#999;
	font-weight: 400;
	font-size: 1.2rem;
}
.shop-list li .copy-btn i{
	vertical-align:middle;
	color:#b6bdc8;
}

.online-shop li{
	width:25%;
	float:left;
	margin-bottom:1.5rem;
}
.online-shop li a{
	display:block;
}
.shop-logo{
	border:1px solid #eee;
	width:60px;
	height:60px;
	background:#fff;
	border-radius:100%;
	margin:0 auto;
	overflow:hidden;
}
.shop-logo img{
	width:100%;
	height:100%;
}
.online-shop li h4{
	padding-top:0.75rem;
	text-align:center;
	font-weight:200;
}

/*가맹점 상세 정보*/
.shop-wrap{
	position:relative;
	padding:1.5rem 0;
}
.shop-wrap button.map-btn{
	position:absolute;
	top:50%;
	right:0;
	font-size:1.2rem;
	border-radius:2rem;
	background:#F26522;
	height:3rem;
	line-height:3rem;
	color:#fff;
	padding:0 1rem;
	margin-top:-1.5rem;
	font-weight:200;
}
.shop-wrap button.map-btn:active{
	background:#F26522;
}
.shop-wrap button.map-btn i{
	padding-right:0.5rem;
}
.shop-wrap .category-img{
	display:inline-block;
	width:5rem;
	height:5rem;
	background:#f6f6f6;
	border-radius:100%;
}
.shop-wrap .category-img img{
	width:100%;
}

.shop-wrap .shop-title-wrap{
	width:calc(100vw - 9.3rem);
	margin:0 0 0 1rem;
	display:inline-block;
	vertical-align:top;
}

.shop-title-wrap h3{
	font-size:1.4rem;
	font-weight:400;
	color:#999;
	line-height:1.5;
}
.shop-title-wrap h2{
	font-weight:700;
	font-size:1.8rem;
	line-height:1.5;
	color: #000000;
}

.shop-info-table{
	width:100%;
	text-align:left;
	font-size:1.4rem;
	font-weight:400;
}
.shop-info-table th{
	width:7rem;
	height:3rem;
	font-weight:400;
	color:#999999;
	border:none !important;
}
.shop-info-table td{
	border:none !important;
}

.shop-info-table td .copy-btn{
	color:#999;
	margin-left:1rem;
	background:none;
	padding:0;
}
.shop-info-table td .copy-btn i{
	vertical-align:middle;
	color:#b6bdc8;
}

.shop-con-title{
	font-size:1.6rem;
	font-weight:700;
	color:#000;
	margin-top:0.5rem;
	margin-bottom:1rem;
}
.shop-con-p{
	font-size:1.3rem;
	line-height:1.4;
	min-height:10rem;
	font-weight:400;
}

.shop-con-p.none{
	background:url(/resource/images/no-text-308ff2e9e021183b8717960ccccd1cef.png) top center no-repeat;
	background-size:6rem;
	padding-top:7rem;
	min-height:15rem;
	text-align:center;
}

/*사용내역*/
table.order-table {
	width: 100%;
	border-spacing: 0;
	border-top: 1px solid #f0f0f0;
	font-size:1.3rem;
}
.order-table + table{
	margin-top:1.5rem;
}
.con-title{
	text-align:center;
	font-size:1.8rem;
	font-weight:400;
	padding:1rem 0 2rem;
	color:#000;
}
.order-title{
	font-size:1.5rem;
	font-weight:400;
	padding-bottom: 1rem;
	border-bottom: 1px solid #000;
}
table.order-table th{
	text-align:left;
}
table.order-table td{
	text-align:right;
}
table.order-table thead th,
table.order-table thead td{
	background: #f6f6f6;
	padding: 13px 10px ;
	border-bottom: 1px solid #eee;
	font-weight:400;
	color:#000;
}
table.order-table tbody td,
table.order-table tbody th{
	padding: 13px 10px;
	word-break: break-all;
}
table.order-table tbody td {
	font-weight:400;
	color:#000;
}
table.order-table tbody th{
	font-weight:400;
}
.order-wrap:after{
	display:block;
	content:'';
	clear:both;
}
.order-wrap button.cancel{
	float:right;
	padding:0.75rem 1.5rem;
	margin-top:1rem;
	border:1px solid #ddd;
	border-radius:4px;
	background:#fff;
}
button.cancel i{
	padding-right:0.75rem;
}

/*사용내역 상세 가맹점 정보 아코디언*/
.acc-tit-box {
     position: relative;
	 cursor:pointer;
}
.acc-tit-box .acc-tit{
	color: #5d5d5d;
    font-size: 1.4rem;
    font-weight: 350;
    padding: 1.5rem 0;
	line-height: 1;
	display: table;
	table-layout: fixed;
    width: 100%;
}
.acc-tit-box .acc-tit > *{
	display: table-cell;
    vertical-align: middle;
}
.acc-tit-box .acc-tit .txt{
	padding-right: 40px;
}
.acc-tit-box .acc-tit .txt span{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.acc-tit-box .acc-tit em{
	font-size: 1.8rem;
    color: #65288c;
    font-weight: 700;
    padding-left: 3rem;
	width: 50px;
}
.acc-tit-box .acc-tit strong{
	font-size:1.5rem;
	font-weight:400;
	color:#000;
	width: 250px;
	padding: 0.5rem 0 0.5rem;
	 overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.acc-hidden-box {
	  color: #333333;
	  background-color: #f6f6f6;
	  display: none;
	  font-size: 1.4rem;
	  line-height: 1.5;
	  text-align: left;
	  padding:0 1.5rem;
	  margin-bottom: 1.5rem;
	  border-radius:1.5rem;
}
.acc-hidden-box em{
	font-size:1.8rem;
	color:#4ab957;
	font-weight:700;
	padding-left: 3rem;
	width: 85px;
}
.acc-expanded {
	transition: all .3s ease-in-out;
}
.acc-toggle {
	background: transparent;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	height: 8px;
	width: 8px;
	transition: all .3s ease-in-out;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 50%;
	right: 2px;
	margin-top: -4px;
}
.acc-toggle_open {
	-moz-transform: rotate(-224deg);
	-ms-transform: rotate(-224deg);
	-webkit-transform: rotate(-224deg);
	transform: rotate(-224deg);
}
.acc-hidden-box .shop-wrap button.map-btn {
    position: absolute;
	top:100%;
    right: 0;
    font-size: 1.2rem;
    border-radius: 2rem;
    background: #F26522;
    height: 3rem;
    line-height: 3rem;
    color: #fff;
    padding: 0 1rem;
    margin-top: -4.5rem;
    font-weight: 200;
}
select.pay-state{
	position:absolute;
	border:none;
	width:80px;
	height:5rem;
	padding-left:0;
	right:1.5rem;
	top:0;
}
.monthly-wrap{
	position:relative;
	width:100%;
	line-height:4.5rem;
	border-radius:4px;
	margin-bottom:1rem;
}
.monthly-wrap button{
	height:4.5rem;
	position:absolute;
	width:4rem;
	color: #a8acb5;
	background:none;
}
.monthly-wrap button.left{
	top:0;
	left:0;
}
.monthly-wrap button.right{
	right:0;
	top:0;
}
.monthly-wrap a{
	width:120px;
	display:block;
	margin:0 auto;
	text-align:center;
	font-size:16px;
	font-weight: 700;
}
.monthly-wrap a span{
	padding-right:10px;
}
.monthly-wrap a i{
	color: #000000;
}
.input-line {
	display: block;
	height: 30px;
	margin-bottom: 4px;
}
.simple-day{

}
.bx-wrap .bx-condition > p {
    width: -moz-calc(100% - 98px);
    width: -webkit-calc(100% - 98px);
    width: -o-calc(100% - 98px);
    width: calc(100% - 98px);
	line-height:3rem;
	font-size:1.4rem;
}
.bx-wrap .bx-condition > p span.long{
	padding-right:5px;
	padding-left:5px;
}
.bx-wrap .bx-condition > p span i{
	color:#a8acb5;
	padding-right:10px;
}
.bx-wrap .bx-condition > p span em{
	
}
.bx-wrap .bx-condition > button.pay-search-btn{
	height: 3rem;
    width: 60px;
    text-align: center;
    margin-left: 8px;
    border-radius: 4px;
    background: #F26522;
    outline: none;
    float: right;
    color: #fff;
}
.simple-day:after{
	clear:both;
	content:'';
	display:block;
}
.simple-day li{
	float:left;
	width:24%;
	margin-right:1%;
}
.simple-day li button{
	font-weight:400;
	border-radius:4px;
	width:100%;
	height: 40px;
	background:#f7f7f7;
	border:1px solid #efefef;
	color:#999;
	padding:0.5rem;
}
.simple-day li button:active{
	background:#f6f6f6;
	color:#000;
}
.pay-account-box{
	background:#fff;
	border:1px solid #ddd;
	border-radius:1rem;
	padding:1rem 1.5rem;
	margin:1rem 0;
}
.pay-account-box li{
	line-height:2;
	font-size:1.3rem;
	padding-bottom:0.5rem;
	font-weight: 400;
}
.pay-account-box li + li{
	border-top:1px solid #eee;
	padding-top:0.5rem;
	padding-bottom:0;
}
.pay-account-box li span.right{
	float:right;
}
.pay-account-box .point {
	color:#000;
	font-weight:400;
}
.pay-account-box li .plus{
	color:#2C8AD1;
	font-weight:700;

	display: flex;
}
.pay-account-box li .minus{
	color:#F26522;
	font-weight:700;
}
.pay-account-box li span em{
	padding-right:0.5rem;
}	

.pay-info-text {
    padding-top: 1rem;
    font-size: 1.3rem;
    color: #999;
    font-weight: 400;
    padding-bottom: 1rem;
}
.monthly-table{
	border:none;
	text-align:center;
	font-size:1.3rem;
	width:100%;
	font-weight: 400;
}
.monthly-table td{
	padding:5px;
	height:50px;
}
.monthly-table td div{
	margin:0 auto;
	line-height:4rem;;
	text-align:center;
	width:4rem;
	height:4rem;
	border-radius:100%;
	cursor:pointer;
}
.monthly-table td div.active{
	margin:0 auto;
	line-height:4rem;;
	text-align:center;
	width:4rem;
	height:4rem;
	border-radius:100%;
	background:#F26522;
	color:#fff;
}
.calendar-wrap{
	height:400px;
	width:100%;
	overflow:auto;
	display: flex;
	flex-direction:column-reverse;
	margin-top:1.5rem;
}
.calendar-table{
	width:100%;
	margin:0 auto;
	border:none;
	text-align:center;
}
.calendar-table thead{
	box-shadow: 1px 3px 20px rgba(0,0,0,0.1);
	z-index:999999;
	position:sticky;
	top: 0;
}
.calendar-table thead th{
	background:#fff;
	color:#000;
	font-weight:300;
	z-index:999999;
	height:4.5rem;
	font-size:1.4rem;
	width:14.285%;
}
.calendar-table tr td{
	height:4.5rem;
	cursor:pointer;
}
.calendar-table tr td.mon-title{
	height:3rem;
	font-size:1.4rem;
	cursor:initial;
}
.calendar-table td div.start{
	width:100%;
	padding:0;
	height:4.5rem;
	padding-top:0.75rem;
	padding-bottom:0.75rem;
    line-height: 1.5rem;
    font-weight: 600 !important;
    background:#F26522;
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
    color: #fff;
}
.calendar-table td div span{
	font-weight:200;
}
.calendar-table td.during{
	background:#f1f3f9;
	margin-top:3px;
	margin-bottom:3px;
	color:#F26522;
}
.calendar-table td div.end{
	width:100%;
	padding:0;
	margin: 0 auto;
    height:4.5rem;
	padding-top:0.75rem;
	padding-bottom:0.75rem;
    line-height: 1.5rem;
    font-weight: 600 !important;
    background:#F26522;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
    color: #fff;
}

/*계좌관리*/
.pay-radio {
	display:block;
}
.pay-radio input[type=radio] {
	display: none;
}
.pay-radio input[type=radio] + label {
	font-size: 1.5rem;
	border-radius:4px;
	border:1px solid #eee;
	width:100%;
	color:#adb2ba;
	text-align: left;
	display: inline-block;
	cursor: pointer;
	padding: 1.5rem 0 1.5rem 4.5rem;
	background: url(/resource/images/pay-check-off-dae119d28dda65cdc51852617d828ac3.png) 1rem/25px no-repeat;
}
.pay-radio input[type=radio]:checked + label {
	background-image: url(/resource/images/pay-check-on-9e37dcc811fe80f077bb9e5f00cfc7ef.png);
	color:#000;
	border:1px solid #F26522;
}
.pay-radio label i{
	font-size:1.6rem;
	padding-right:1rem;
}
.pay-radio input[type=radio]:checked + label i{
	color:#F26522;
}
.pay-radio + .pay-method-tit{
	margin-top: 1.5rem;
}
.guide-txt{
	margin:2rem 0;
	font-size:1.3rem;
	font-weight:200;
}
.guide-txt p + p{
	margin-top:1rem;
}
.guide-txt span.red{
	color:#ff4646;
}
.pay-method-tit{
	position:relative;
	margin-bottom:1.5rem;
}
.pay-method-tit h3{
	font-weight:700;
	font-size:16px;
	color:#000;
}
.pay-method-tit select.right{
	width:90px;
	border:none;
	position:absolute;
	right:0;
	top:0;
	height:20px;
}
.pay-method-tit h3 span.point{
	color:#F26522;
}
.bx-wrap .account {
	position:relative;
}
.account .tit-btn{
	position:absolute;
	right:0;
	top:0;
}
.account .tit-btn button{
	height: 2.5rem;
    border-radius: 4px;
    background: #F26522;
    color: #fff;
    padding: 0 1.5rem;
	font-weight:300;
	line-height: 1.5;
}
.account-add{
	font-size: 1.4rem;
	border-radius:1rem;
	background:#f6f6f6;
	width:100%;
	display: inline-block;
	padding: 1.5rem;
	position:relative;
}
.account-add strong{
	font-weight:400;
}
.account-add i{
	font-size:1.6rem;
	padding-right:1rem;
	text-align:left;
}

.account-add span{
	text-align:center;
	display:inline-block;
	padding-left:1rem;
}
.account-add i{
	color:#ced2db;
}

.account-box{
	position:relative;
	border-radius:1rem;
	background:url(/resource/images/account-ico-cd4302fa2d779213259ff845586f8ae6.png) 1.5rem center no-repeat;
	background-size:40px;
	background-color:#f6f6f6;
	padding:1.5rem 1rem;
}
.account-box .account-info{
	width: calc(100% - 7rem);
	margin:0.5rem 0 0 6rem;
	display:inline-block;
	vertical-align:top;
}
.account-info li + li{
	padding-top:0.75rem;
}
.account-info li .right{
	float:right;
	color:#000;
}
.account-button{
	position:absolute;
	right:1.5rem;
	top:50%;
	margin-top:-1.5rem;
}
.account-button button{
	height:3rem;
	border-radius:4px;
	background:#F26522;
	color:#fff;
	padding:0 1.5rem;
}	
.account-button button.left{
	border:1px solid #F26522;
	color:#F26522;
	background:none;
}
.account-button button.left + button{
	margin-left:0.25rem;
}
.account-list .account-box span{
	padding: 1rem 0 1rem 6rem;
    font-size: 1.4rem;
    display: inline-block;
}
.account-list li + li{
	margin-top:1rem;
}
.full-btn{
	margin-top:2rem;
	height:4.5rem;
	line-height:4rem;
	width: 100%;
	background: #F26522;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 700;
	border-radius:4px;
}
.full-btn2{
	display: inline-block;
	text-align: center;
	margin-top:1rem;
	height:4.5rem;
	line-height:4rem;
	width: 100%;
	background: #fff;
	color: #F26522;
	border: 1px solid #F26522;
	font-size: 1.5rem;
	font-weight: 700;
	border-radius:4px;
}
.full-outline-btn{
	margin-top:2rem;
	height:4.5rem;
	line-height:4rem;
	width: 100%;
	background: #DDDDDD;
	border:1px solid #DDDDDD;
	color: #000;
	font-size: 1.5rem;
	font-weight: 400;
	border-radius:4px;
}
.full-btn + .full-outline-btn{
	margin-top:1rem;
}

.half-btn{
	float:right;
	margin-top:2rem;
	height:4.5rem;
	line-height:4rem;
	width: 49%;
	background: #F26522;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 400;
	border-radius:4px;
}
.half-btn.gray{
	background: #eee;
	color: #000;
	float:left;

}

.half-btn-left{
	float:left;
	margin-top:20px;
	height:40px;
	line-height:40px;
	width: 48%;
	background: #F26522;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	border-radius:4px;
	text-align:center;
}

a.half-btn-left:not([href]):not([tabindex]) {
	color:#fff !important;
}

.half-btn-right{
	float:right;
	margin-top:20px;
	height:40px;
	line-height:40px;
	width: 48%;
	background: #F26522;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	border-radius:4px;
	text-align:center;
}


a.half-btn-right:not([href]):not([tabindex]) {
	color:#fff !important;
}

.input-box.ver2.evt-inp {
	padding-top: 16px;
}

table.event-list{
	width:100%;
	text-align:center;
}
table.event-list {
	width: 100%;
	border-spacing: 0;
	border-top: 1px solid #eee;
	border:none;

}
table.event-list thead{
	border-left:1px solid #eee;
	border-right:1px solid #eee;
}

table.event-list thead th,
table.event-list thead td{
	background: #f7f7f7;
	padding: 10px;
	font-weight:700;
	font-size: 12px;
}

table.event-list tbody td {
	padding: 10px 2px;
	word-break: break-all;
	line-height:1.4;
	font-weight:400;
	font-size: 13px;
}
table.event-list tbody th{
	padding: 10px 2px;
	word-break: break-all;
	line-height:1.4;
}

table.event-list tbody th{
	font-weight:400;
}

/*자동 충전*/
.bx-wrap .auto-charge-txt{
	display: flex;
	width: 100%;
	align-items: center;
}

.bx-wrap .auto-charge-txt .btn-register{
	float: right;
	background:#666;
	color:#fff;
	border-radius:4px;
	padding:4px 10px;
	border:1px solid #666;
	font-weight:400;
	margin-bottom: 5px;
}

.label-text {
	font-weight: 700;
	color: #666666;
}
.status-on {
	color: #F26522;
	font-weight: bold;
}
.status-off {
	color: #666666;
	font-weight: bold;
}

.account-info li {
	display: flex;
	align-items: center;
	width: 100%;
	font-size: 1.3rem;
	letter-spacing:-0.08rem;
	font-weight: 700;
	border-radius:1.0rem;
	padding: 4px;
	margin-right:1.25%;
	margin-bottom:1.5rem;
	border:1px solid #F26522;
}

.account-info li .auto-account{
 	margin-left: 5rem;
	color: #999;
}

.account-info li .auto-account2{
	margin-left: 5rem;
	color: #000000;
}

.account-info li img{
	width: 32px;
	height: auto;
}

.input-box3 {
	border-radius: 4px;
	font-size: 1.4rem;
	color: #000;
	display: flex;
	font-weight: 400;
	justify-content: left;
	padding: 16px;
	gap: 4rem;
}

.info-txt {
	font-size: 12px;
	color: #000;
	font-weight: 400;
}

.info-txt2 {
	font-size: 12px;
	color: #000;
	font-weight: 400;
	margin: 16px;
}

.input-box3 input{
	display:inline-block;
	width:16px;
	height:2rem;
	border:0;
	text-align:right;
	color:#000;
	font-size:1.6rem;
	padding:0 0 4px 5px;
	font-weight:400;
}

.input-box3 label {
	display: flex;
	align-items: center;

}

.auto-charge-setting .setting-btn {
	margin-top: 50px;
	border-radius: 10px;
	height: 3rem;
	background-color: #fff;
	border: 1px solid #f26522;
	color: #f26522;
	font-weight: 700;
	font-size: 16px;
	padding: 0 1rem;
}

.auto-charge-setting {
	display: flex;
	justify-content: center;
}

.end-charge-setting {
	display: flex;
	justify-content: center;
}
.auto-charge-setting .end-btn {
	margin-top: 20px;
	border-radius: 10px;
	height: 3rem;
	background-color: #efefef;
	border: 1px solid #efefef;
	color: black;
	font-weight: 700;
	font-size: 14px;
	padding: 0 1rem;
}

.usage-auto-charge li .auto-account-txt{
	color: #000000;
}
.usage-auto-charge {
	display: flex;
	justify-content: center;
}

.usage-auto-charge li {
	display: flex;
	justify-content: center;
	width: 100%;
	font-size: 1.3rem;
	/* letter-spacing: -0.08rem; */
	font-weight: 700;
	border-radius: 0.5rem;
	margin-top: 50px;
	padding: 12px;
	margin-right: 1.25%;
	margin-bottom: 1.5rem;
	background: #EFEFEF;
}

.usage-auto-charge2 li {
	display: flex;
	justify-content: center;
	width: 100%;
	font-size: 1.3rem;
	/* letter-spacing: -0.08rem; */
	font-weight: 700;
	border-radius: 0.5rem;
	margin-top: 50px;
	padding: 12px;
	margin-right: 1.25%;
	margin-bottom: 1.5rem;
	background: #6D92F3;
}

.input-box.ver3 input{
	display:inline-block;
	width:calc(100% - 70px);
	height:3rem;
	border:0;
	text-align:right;
	 margin: 12px 5px 15px 15px;
	color:#F26522;
	font-size:1.6rem;
	padding:0 0 4px 0;
	font-weight:400;
	border:1px solid #eee;
}
.input-box.ver3 input.readonly{
	background-color: #eee;
}
.input-box.ver3 span.title{
	display:inline-block;
	width:110px;
}

.settingCharge-btn{
	margin-top:2rem;
	height:4.5rem;
	line-height:4rem;
	width: 100%;
	background: #666;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 700;
	border-radius:4px;
}

.settingCharge-btn2{
	margin-top:2rem;
	height:4.5rem;
	line-height:4rem;
	width: 100%;
	background: #F26522;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 700;
	border-radius:4px;
}

.auto-setting-update {
	text-align: right;
	margin-top: 2rem;
	margin-right: 1rem;
	color: #000000;
}

/*홈 화면 자동 충전 정보*/
.bx-wrap .auto-charge-info {
	text-align: left;
	font-weight: 400;
	font-size: 12px;
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 16px;
	gap: 4px;
}


/*충전하기*/
.input-box{
	border-radius:4px;
	font-size:1.4rem;
	color:#000;

}
.input-box span.title{
	display:inline-block;
	width:120px;
	font-weight: 400;
	font-size: 14px;
}
.input-box span.title2{
	display:inline-block;
	width:124px;
	font-weight: 400;
	font-size: 14px;
}
.input-box input{
	display:inline-block;
	width:calc(100% - 130px);
	height:3rem;
	border:0;
	text-align:right;
	color:#000;
	font-size:1.6rem;
	padding:0 0 4px 5px;
	font-weight:400;
}
.input-box.ver2 input{
	display:inline-block;
	width:calc(100% - 200px);
	height:3rem;
	border:0;
	text-align:right;
	color:#F26522;
	font-size:1.6rem;
	padding:0 0 4px 0;
	font-weight:400;
	border:1px solid #eee;
}
.input-box.ver2 input.readonly{
	background-color: #eee;
}
.input-box.ver2 span.title{
	display:inline-block;
	width:110px;
}
.input-box span.unit{
	display:inline-block;
	width:10px;
	text-align:center;
	color:#F26522;
	font-weight:400;
}
.bx-wrap dl.unit {
	float: none;
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 4px;
	overflow: hidden;
	text-align: center;
}
.input-box.ver2 button {
	height: 3rem;
    border-radius: 4px;
    background: #666;
    color: #fff;
}

.input-box .inps input {
	display:inline-block;
	width:calc(100% - 140px);
	height:3rem;
	border:0;
	text-align:right;
	color:#F26522;
	font-size:1.6rem;
	padding:0 0 4px 0;
	font-weight:400;
	border:1px solid #eee;
}
.bx-wrap dl.unit dd {
	border: none;
	border-right: 1px solid #ddd;
	padding: 0.8rem 0;
	display: inline-block;
	width: 20%;
	float: left;
	font-size: 1.2rem;
	border-radius: 0px;
}
.bx-wrap dl.unit dd:active {
	background-color:#fff;
	border-color:#F26522;
}
.bx-wrap dl.unit dd:last-child {
	border-right: none;
}
.bx-wrap dl.unit:after {
	content: "";
	display: block;
	clear: both;
}

.bx-wrap2 dl.unit {
	float: none;
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 4px;
	overflow: hidden;
	text-align: center;
}
.bx-wrap2 dl.unit dd {
	border: none;
	border-right: 1px solid #ddd;
	padding: 0.8rem 0;
	display: inline-block;
	width: 20%;
	float: left;
	font-size: 1.2rem;
	border-radius: 0px;
}
.bx-wrap2 dl.unit dd:active {
	background-color:#fff;
	border-color:#F26522;
}
.bx-wrap2 dl.unit dd:last-child {
	border-right: none;
}
.bx-wrap2 dl.unit:after {
	content: "";
	display: block;
	clear: both;
}


.point-guide{
	color:#999;
	line-height:2.5;
	text-align:right;
}
.point-guide span{
	padding-left:5px;
}
.point-guide span.point{
	color:#000;
}
.result-box{
	border-radius:4px;
	font-size:1.4rem;
	font-weight:400;
	color:#000;
	background:#fff;
	margin-bottom:2rem;
	border-color:#F26522;
	height:40px;
	line-height:40px
}
.result-box span.title{
	display:inline-block;
	width:80px;
}
.result-box input {
	width:calc(100% - 80px);
}
.result-box span{display: inline-block}
.result-box span.col1 {padding-left:10px;width:30%;float:left}
.result-box span.col2 {width:68%;float:right;text-align: right}
.result-box span.col3 {width:2%;float:right;text-align: left}

.result-box span.col2 input.ins-point {width:68%;height:40px;text-align:right;border:none}
.result-box .unit{
	color:#000;
}

.charge-ready-box{
	font-size:1.6rem;
	font-weight:400;
	color:#000;
	background:#fff;
	margin-bottom:0.8rem
}
.charge-ready-box .unit {
	float: right;
	color: #F26522;
	font-weight: 700;
	font-size: 18px;
}

.charge-ready-box2{
	font-size:1.4rem;
	font-weight:400;
	color:#999;
	background:#fff;
	margin-bottom:2rem;
}
.charge-ready-box2 .unit {
	float: right;
	color: #999;
	font-weight: 400;
	font-size: 14px;
}


.tit-bold{
	margin-bottom:1.5rem;
}
.tit-bold h2{
	font-weight:700;
	font-size:16px;
	color:#000;
}
.tit-bold h2 span.point{
	color:#F26522;
	font-weight:500;
}
.tit-bold h2 span.fee{
	float:right;
	font-size:1.2rem;
	line-height:2;
	color:#999;
}
.tit-bold h2 span.fee em{
	color:#000;
	padding-left:0.5rem;
}
.payment-guide{
	color:#999;
	margin:2rem 0;
}
.payment-guide h3{
	color:#000;
	font-weight:400;
	font-size:1.5rem;
	line-height:2;
	margin-bottom:0.5rem;
}
.payment-guide ul.guide-list li{
	color:#999;
	font-size:1.2rem;
}
.payment-guide ul.guide-list li + li{
	margin-top:0.5rem;
}

.input-box + .result-box{
	margin-top:1rem;
	margin-bottom:0;
}
.cancel-menu {
  position: relative;
  bottom: -1px;
  width: 100%;
  overflow: hidden;
}
.cancel-menu:after{
	content:'';
	clear:both;
	display:block;
}
.cancel-menu li {
  float: left;
  width: 32%;
  font-size: 1.3rem;
  text-align: center;
  letter-spacing:-0.08rem;
  background:#f6f6f6;
  border-radius:1.25rem;
  margin-right:1.25%;
  margin-bottom:0.5rem;
}

.cancel-menu li:hover {
	border:1px solid #F26522;
	background-color: #fff;
}

.cancel-menu li:nth-child(3n){
	margin-right:0;
}
.cancel-menu li a {
  display: block;
  padding: 1.5rem 0 1.75rem;
  border-width: 0 1px 1px 0;
}
.cancel-menu li a span{
	display:block;
	font-weight: 700;
	font-size: 14px;
	line-height: 16.71px;
}
.cancel-menu li:nth-child(3n) a {
  border-right:none;
}
.cancel-menu li img {
  display: block;
  width: 35px;
  margin: 0 auto .5rem;
}

.charge-menu {
	position: relative;
	bottom: -1px;
	width: 100%;
	overflow: hidden;
}
.charge-menu:after{
	content:'';
	clear:both;
	display:block;
}
.charge-menu li {
	float: left;
	width: 100%;
	font-size: 1.3rem;
	text-align: center;
	letter-spacing:-0.08rem;
	font-weight: 700;
	border-radius:1.25rem;
	margin-right:1.25%;
	margin-bottom:1.5rem;
	border:1px solid #F26522;
}
.charge-menu li:hover {
	border:1px solid #F26522;
	background-color: #fff;
}


.charge-menu li:last-child{
	float:right;
	margin-right:0;
}
.charge-menu li a {
	display: block;
	padding: 1.5rem 0 1.75rem;
	border-width: 0 1px 1px 0;
}
.charge-menu li a span{
	display:block;
	color:#F26522;
}
.charge-menu li:hover a span {
	color:#F26522;
}
.charge-menu li:nth-child(3n) a {
	border-right:none;
}
.charge-menu li img {
	display: block;
	width: 35px;
	margin: 0 auto .5rem;
}


.small-guide{
	line-height:1.5;
	background:#f1f3f9;
	color:#6c93d3;
	text-align:center;
	margin:1.5rem 0;
	padding:1rem;
	border-radius:4px;
	font-size:1.3rem;
}

/*취소내역*/
table.cancel-list{
	width:100%;
	text-align:center;
}
table.cancel-list {
	width: 100%;
	border-spacing: 0;
	border-top: 1px solid #eee;
	border:none;

}
table.cancel-list thead{
	border-left:1px solid #eee;
	border-right:1px solid #eee;
}
table.cancel-list thead th,
table.cancel-list thead td{
	background: #f7f7f7;
	padding: 10px;
	font-weight:700;
	font-size: 12px;
}

table.cancel-list tbody td {
	padding: 10px 2px;
	word-break: break-all;
	line-height:1.4;
	font-weight:400;
	font-size: 13px;
}
table.cancel-list tbody th{
	padding: 10px 2px;
	word-break: break-all;
	line-height:1.4;
}
table.cancel-list tbody td span.small{
	font-size:1.2rem;
}
table.cancel-list tbody th{
	font-weight:400;
}

table.cancel-list button.cancel{
	background:#F26522;
	color:#fff;
	border-radius:4px;
	padding:4px 8px;
	border:1px solid #F26522;
	font-weight:200;
}
table.cancel-list button.agree{
	background:#fff;
	color:#468cff;
	border-radius:4px;
	padding:4px 8px;
	margin-top:0;
	border:1px solid #468cff;
	font-weight:200;
}
table.cancel-list button + button{
	margin:5px 0 0 0;
}

/*선물관리*/
.bx-search{
	width:100%;
}
.bx-search .search-input{
	width: -moz-calc(100% - 78px);
    width: -webkit-calc(100% - 78px);
    width: -o-calc(100% - 78px);
    width: calc(100% - 78px);
    border-radius:4px;
	background:#f6f6f6;
	display: inline-block;
    text-align: left;
    vertical-align: top;
	position:relative;
	margin-bottom:0;
}
.bx-search .search-input.ver2{
	background:#fff;
	border:1px solid #ddd;
}
.bx-search .search-input.ver2 input{
	height:3.8rem;
}
.bx-search button.search{
	height: 4rem;
    width: 70px;
    text-align: center;
    margin-left: 8px;
    border-radius: 4px;
    background: #666;
    border: 1px solid #666;
    float: right;
    color: #fff;
    font-size: 1.3rem;
	font-weight: 700;
}
.search-input{
	width: 100%;
    border-radius:4px;
	background:#f6f6f6;
	display: inline-block;
    text-align: left;
    vertical-align: top;
	position:relative;
	margin-bottom:1rem;
}
.search-input input{
	 width: calc(100% - 50px);
	background:none;
	border:none;
}
.search-input button.search-btn{
	position:absolute;
	right:0;
	top:0;
	width:40px;
	height:40px;
	background:url(/resource/images/search_btn-6b9e99919aa3bdb7e62b020390ae6729.png) center center no-repeat;
	background-size:16px;
	border-radius:4px;
}
.search-input button.close{
	position: absolute;
    right: 10px;
    top: 8px;
	background:url(/resource/images/close-btn-8dd0c8bff54f606d55dded25d8c83e0d.png) center center no-repeat;
    background-color: #e7e7e7;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    background-size: 16px;
}
.search-input button.close i{
	color:#fff;
}
.bx-search button.address {
    height: 4rem;
    width: 70px;
    text-align: center;
    margin-left: 8px;
    border-radius: 4px;
    background: #fff;
	border:1px solid #468cff;
    float: right;
    color: #468cff;
	font-size:1.4rem;
}
button.btn.btn-del-addr {
	width: 40px;
	height: 27px;
	float: right;
	border: 0;
	border-radius:4px;
	font-weight:200;
}
ul.list-addr {
	width: 100%;
	margin: 1rem 0;
}
ul.list-addr:after{
	display:block;
	content:'';
	clear:both;
}
ul.list-addr li {
	width:100%;
	border-bottom: 1px solid #eee;
	padding: 1rem 0;
	font-size:1.4rem;
	float: left;
}
ul.list-addr li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}
ul.list-addr strong {
	float: left;
	margin-right: 10px;
	line-height: 25px;
	font-weight:300;
}
ul.list-addr span {
	line-height: 25px;
	margin-right: 10px;
}
ul.bottom-addr{
	width:100%;
	max-height:300px;
	overflow-y:scroll;
}
ul.bottom-addr:after{
	display:block;
	content:'';
	clear:both;
}
ul.bottom-addr li {
	width:100%;
	border-bottom: 1px solid #eee;
	font-size:1.4rem;
	float: left;
}
ul.bottom-addr li:last-child{
	border-bottom:none;
}
.list-radio input[type=radio] {
	display:none;
}
.list-radio input[type=radio] + label{ 
	font-size:1.4rem;
	text-align:left;
	font-weight:300;
	display: block; 
	cursor: pointer; 
	padding:1.5rem; 
	color:#666;
	background:#fff;
	border:none;
}
.list-radio label em{
	padding-right:10px;
}
.list-radio input[type=radio]:checked + label { 
	background:#e2edff; 
	color:#000;
}

/*half radio*/
.group-radio{
	margin:2rem 0;
	display: table;
    table-layout: fixed;
    width: 100%;
}
.half-radio {
	display: table-cell;
    position: relative;
}
.half-radio input[type=radio] {
	display: none;
}
.half-radio input[type=radio] + label {
	display: block;
    padding-left: 2.8rem;
    font-size: 1.5rem;
    line-height: 20px;
}
.half-radio .label-circle:before {
    width: 20px;
    height: 20px;
    border: 5px solid #ced2db;
    background-color: #fff;
	box-sizing:border-box;
}
.group-radio input[type=radio]:checked + .label-circle:after {
    width: 20px;
    height: 20px;
	box-sizing:border-box;
    border: 5px solid #468cff;
}
.half-radio .label-circle:before, .half-radio .label-circle:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
}
.text-btn {
    height: 4rem;
    width: 100%;
	border:1px solid #ddd;
    background: #fff;
    color: #000;
    font-size: 1.5rem;
    font-weight: 300;
    border-radius: 4px;
}
.text-btn + .text-btn{
	margin-top: 1rem;
}

/*영수증*/

.receipt-info-box{
	position:relative;
	width:100%;
	max-width: 90%;
	padding: 2.0rem 1.5rem;
	background-color: #fff;
	border: 1px solid #ccc;
	margin: 16px auto;
}

.receipt-info-text {
	padding-bottom: 1rem;
	font-weight: 700;
}

.receipt-info-text h1{
	font-size: 18px;
	color: #797878;
}

.receipt-info-text h2{
	font-size: 14px;
	color: #999;
}

table.receipt-list {
	width: 100%;
	border-spacing: 0;
	word-break: break-all;
	border-collapse: collapse;
	text-align:left;
	padding: 10px;
}

table.receipt-list th:first-child,
table.receipt-list td:first-child {
	border-left: none;
}

 .store-address tr:first-child th{
	border-top: none;
}

table.receipt-list td {
	padding: 10px;
	word-break: break-all;
	line-height:1.4;
	font-weight:700;
	font-size: 12px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}
table.receipt-list th{
	padding: 10px 2px;
	word-break: break-word;
	line-height:1.4;
	font-weight:400;
}
/* receipt thead */
table.receipt-list thead{
	word-break: break-word;
}
table.receipt-list thead th,
table.receipt-list thead td{
	background: #f7f7f7;
	color: #667788;
	padding: 10px;
	font-weight:700;
	font-size: 12px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}
/* dark header thead */
.dark-header {
	background-color: #989696;
	color: #fff;
	font-weight: 700;
	padding: 10px;
	font-size: 12px;
	text-align: center;
}

 .receipt-list .dark-header{
	font-weight: 700;
}

/* receipt-list-fee */
table.receipt-list-fee {
	 width: 100%;
	 border-left: 2px solid #ffffff;
	 margin-bottom: 12px;
	 border-collapse: collapse;
	 border-bottom: 1px solid #999;
 }
table.receipt-list-fee th {
	background: #f7f7f7;
	color: #667788;
	padding: 10px;
	width: 30%;
	font-weight:700;
	font-size: 12px;
	text-align: left;
	border-top: 1px solid #999;
}
table.receipt-list-fee td {
	padding: 10px;
	font-weight:700;
	font-size: 12px;
	text-align: right;
	border-top: 1px solid #999;
}

table.receipt-list-fee #total_amount{
	color: #2C8AD1;
	font-size: 14px;
}

/* 테이블 비율 */
.receipt-list .t-col3 {
	width: 30%;
}
.receipt-list .t-col4 {
	width: 40%;
}
.receipt-list .half-col {
	width: 50%;
}
.receipt-list .t-col6 {
	width: 60%;
}

/* receipt-guide */
.receipt-info-box .receipt-guide{
	border: 1px solid #999;
	background: #e5ebf3;
	border-radius: 6px;
	padding: 1rem 2.0rem;
	margin: 2.0rem auto;
	text-align:center;
}
.receipt-info-box .receipt-guide p{
	color: #999999;
	font-size: 12px;
}

.receipt-btn-group {
	display: flex;
	justify-content: center;
	gap:3px;
	margin-bottom: 2.0rem;
}
.receipt-btn-group button {
	width:85px;
	height:35px;
	color:#fff;
	border-radius:5px;
	font-size:14px;
	font-weight: 700
}
.receipt-btn-group .save-btn {
	background-color: #6D92F3;
	margin-right: 8px;
	border: solid #6D92F3;
	display: flex;
	align-items: center;
	justify-content: center
}
.receipt-btn-group .cancel-btn {
	background-color: #989696;
	border: solid #989696;
	display: flex;
	align-items: center;
	justify-content: center
}

ul.disc {list-style-type: disc !important;}


.color-use {color:#ff4646 !important;}
.color-charge {color:#468cff !important;}
.color-cancel {color:#526d99 !important;}

.height-10px {height:10px;}
.height-15px {height:15px;}
.height-30px {height:30px;}

.btm-30px {margin-bottom: 30px}
.bgc-white {background-color: #fff}
.bgc-gray {background-color: #f7f7f7}
.w100tac {width:100%;text-align:center; font-weight: 400; font-size: 16px}
.auto-charge {width:100%; font-weight: 400; font-size: 16px}
.blnk-10 {width:100%;height:10px;}
.blnk-20 {width:100%;height:20px;}
.blnk-30 {width:100%;height:30px;}
/*media*/
.
@media screen and (max-width: 1024px) { /*iPad Pro , web*/

}
@media screen and (min-width: 768px) {

}
@media screen and (max-width: 768px) { /*iPad*/
	
}

@media screen and (max-width: 717px) {

}

@media screen and (max-width: 414px) { /*iPhone 6/7/8 plus*/
	
}

@media screen and (max-width: 375px) { /*iPhone 6/7/8*/
	
}

@media screen and (min-height: 812px) { /*Pixel 2 XL , iPhone X*/
	
}

@media all and (max-width:360px) { /*galaxy S5*/
	.main .main-swiper-slider .category li a span{
		font-size:1.2rem;
		letter-spacing:-0.05rem;
	}
}

@media screen and (max-width: 320px) { /*iPhone 5/SE*/
	
}

@media screen and (max-width: 280px) {/*galaxy fold */
	.main .main-swiper-slider .category li a span{
		height:2.4rem;
	}
}

/*media query*/

/*main*/
@media (max-width: 322px) {
	.line01 {
		margin-bottom: 40px;
	}

}

@media (max-width: 278px) {
	.line01 {
		margin-bottom: 50px;
	}

}

@media (max-width: 350px) {
	.main .main-swiper-slider .menus {
		display: flex;
		justify-content: center;
		gap:3px;
		background:#f6f6f6;
		bottom: -1px;
		width: 100%;
		overflow: hidden;
	}
}