/*로그인*/
.login {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 60px 20px;
	box-sizing: border-box;
	background: #f2f2f2;
}

.login .img-logo {
	display: block;
	margin: 0 auto 60px;
}

.login .frm-group:not(:last-child) {
	margin-bottom: 16px;
}

.login .btn-group2 {
	margin-top: 30px;
}

.login .btn-find {
	display: block;
	margin-top: 20px;
	font-size: 14px;
	font-weight: 600;
	color: #999;
	text-align: center;
	letter-spacing: -0.24px;
}


/*회원가입*/
.sign {
	margin: 8px 0;
	padding: 20px;
	box-sizing: border-box;
	background: #fff;
}

.sign .frm-group:last-child {
	padding: 12px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
}

.sign .btn-re-code {
	margin-top: 8px;
	border: none;
	background: none;
	font-size: 14px;
	font-weight: 600;
	color: #666;
	letter-spacing: -0.24px;
	line-height: 21px;
	text-decoration: underline;
}

.agree-group {
	padding: 12px 0;
	box-sizing: border-box;
}

.agree-group .ck-group {
	display: flex;
	align-items: center;
	padding: 8px 0;
	box-sizing: border-box;
}

.agree-group .ck-group .ck-custom+label .custom {
	width: 24px;
	height: 24px;
	background-image: url('/resource/images/common/ico_check1_off2.svg');
}

.agree-group .ck-group .ck-custom+label .label {
	max-width: calc(100% - 30px);
	color: #333;
}

.agree-group .ck-group .ck-custom:checked+label .custom {
	background-image: url('/resource/images/common/ico_check1_on.svg');
}

.agree-group .ck-group .btn-view {
	margin-left: auto;
	border: none;
	background: none;
	font-size: 16px;
	font-weight: 600;
	color: #999;
	text-decoration: underline;
}

.agree-group .sign-policy {
	display: none;
	margin-top: 10px;
	padding: 20px;
	box-sizing: border-box;
	background: #f2f2f2;
}

.agree-group .sign-policy.active {
	display: block;
}

.agree-group .sign-policy .tit {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 700;
	color: #333;
}

.agree-group .sign-policy .txt {
	font-size: 14px;
	font-weight: 400;
	color: #333;
	line-height: 20px;
	word-break: break-all;
}


/*회원가입 완료*/
.sign-complete {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 20px !important;
	box-sizing: border-box;
	background: #f2f2f2;
}

.sign-complete .inner {
	margin-top: auto;
	margin-bottom: 60px;
}

.sign-complete .btn-group {
	margin-top: auto;
}

.sign-complete .top-page {
	margin-bottom: 60px;
	text-align: center;
}

.sign-complete .top-page .img-logo {
	display: block;
	height: 40px;
	margin: 0 auto 16px;
}

.sign-complete .top-page .tit {
	font-size: 24px;
	font-weight: 700;
	color: #333;
}

.section-title2 {
	font-size: 18px;
	font-weight: 600;
	color: #333;
	margin-bottom: 12px;
}

.section-title3 {
	font-size: 16px;
	font-weight: 700;
	color: #333;
	margin-bottom: 12px;
}

.section-title3 .required {
	font-weight: 400;
	color: #999;
	font-size: 12px;
}

.section-title3 .required>i {
	color: #C13528;
	font-size: 16px;
	font-weight: 400;
}

.card-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
}

.card-item {
	position: relative;
	outline: 2px solid transparent;
	height: 95px;
	border-radius: 12px;
	overflow: hidden;
	box-sizing: border-box;
}

.card-item::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 12px;
	border: 2px solid transparent;
	pointer-events: none;
	z-index: 999;
}

.card-item.active::before {
	border-color: #c2a162;
}

.card-check {
	display: none;
	position: absolute;
	top: 11px;
	right: 11px;
	width: 18px;
	height: 18px;
	background: #a88444;
	/* 체크 아이콘 배경색 */
	color: #f2e9d9;
	/* 체크 아이콘 색상 (카드 배경색과 동일) */
	border-radius: 50%;
	text-align: center;
	line-height: 19px;
	z-index: 3;
	font-size: 11px;
	font-weight: 900;
}

.card-item.active .card-check {
	display: block;
}

.card-inner {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 16px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

/* 카드 내부 */
.card-inner {
	position: relative;
	z-index: 2;
	height: 100%;
	padding: 12px 16px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.card-header {
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 700;
}

.card-header i {
	font-size: 12px;
	margin-right: 6px;
	font-weight: 700;
}

.card-header2 {
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 900;
	color: #279A47;
}

.card-header2 i {
	font-size: 12px;
	margin-right: 6px;
	font-weight: 700;
}

.card-header3 {
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 900;
	color: #3658A6;
}

.card-header3 i {
	font-size: 12px;
	margin-right: 6px;
	font-weight: 700;
}

.card-price {
	text-align: right;

	color: #fff;
}

.card-price span:first-child {
	font-size: 18px;
	font-weight: 700;
}

.card-price span {
	font-size: 14px;
	font-weight: 400;
	margin-left: 2px;
}


/* 카드 타입 색상 */
.card-type1 .card-inner {
	background: linear-gradient(to bottom, #f2e9d9 50%, #e4c68d 50%);
	color: #9c855a;
}

.card-type2 .card-inner {
	background: linear-gradient(to bottom, #68c290 50%, #44b86e 50%);
	color: #279A47;
}

.card-type3 .card-inner {
	background: linear-gradient(to bottom, #7493d7 50%, #324fa5 50%);
	color: #3658A6;
}

.button-wrapper {
	background: #fff;
	padding: 20px;
	margin-top: 24px;
}

.summary-box {
	background: #fff;
	font-size: 16px;
	font-weight: 600;
	color: #333;
}


.summary-item {
	display: flex;
	justify-content: space-between;

}

.summary-item:first-child {
	border-bottom: 2px solid #333;
	padding: 0px 0 20px;
}

.summary-item:last-child {
	font-size: 24px;
	font-weight: 600;
	color: #e74c3c;
	padding: 20px 0;
	display: flex;
	align-items: center;
}

#total-amount span {
	font-weight: 18px;
	color: #e74c3c;
}

.summary-item:last-child span:first-child {
	font-size: 16px;
	color: #444444;
	font-weight: 600;
}

#selected-count span {
	color: #C13528;
	font-size: 18px;
}

/* 충전 버튼: 항상 보여야 함 */
.btn-recharge {
	width: 100%;
	height: 50px;
	border: none;
	border-radius: 6px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background: #ccc;
	cursor: not-allowed;
	transition: background 0.3s;
	display: block !important;
	/* ✅ 항상 보여야 하므로 */
}

.btn-recharge.enabled {
	background: #e74c3c;
	cursor: pointer;
}


/* 처음엔 숨김 */
.summary-box,
.btn-recharge {
	display: none;
	transition: all 0.3s ease;
}

/* 보일 때 */
.summary-box.visible,
.btn-recharge.visible {
	display: block;
}

/* 흐림 효과용 오버레이 */
.card-item .overlay {
	content: "";
	position: absolute;
	inset: 0;
	background-color: rgba(255, 255, 255, 0.6);
	/* ✅ 반투명 흰 배경 */
	z-index: 5;
	display: none;
	pointer-events: none;
}

/* 선택되지 않은 카드에 오버레이 표시 */
.card-item.inactive .overlay {
	display: block;
}

.select-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 12px;
}

.select-left {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #333;
}

.select-right {
	color: #333;
}

.checkbox-icon {
	width: 18px;
	height: 18px;
	vertical-align: middle;
}


/* 쿠폰발급, 우수고객 202504 */

.coupon-item {
	position: relative;

	cursor: pointer;
}

.coupon-bg {
	display: flex;
	align-items: center;
	width: 302px;
	height: 126px;
	background-image: url('/resource/images/coupon_01bg.png');
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 16px;
	box-sizing: border-box;
}

.coupon-info {
	flex: 1;
}

.amount-title {
	font-size: 14px;
	color: #333;
	font-weight: 600;
	margin-bottom: 4px;
}

.amount1 {
	font-size: 32px;
	font-weight: 800;
	color: #6DB5E1;
}

.amount2 {
	font-size: 32px;
	font-weight: 800;
	color: #83A3DE;
}

.amount3 {
	font-size: 32px;
	font-weight: 800;
	color: #3658A6;
}


.note {
	font-size: 12px;
	color: #999;
	margin-top: 6px;
	font-weight: 500;
}

.dashed-line {
	width: 1px;
	height: 100%;
	border-left: 1px dashed #DCDCDC;
	margin: 0 20px;
}


.check-icon {
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
}




.coupon-section {
	display: flex;
	flex-direction: column;
	gap: 32px;
	background: #fff;
	border-radius: 4px;

	padding: 20px 16px;

}

.section-title {
	font-weight: 700;
	font-size: 16px;
	color: #333;
	margin-bottom: 6px;
}

.section-title .required {
	color: #FA514C;
	margin-left: 4px;
}

.coupon-container {
	display: flex;
	flex-direction: column;
	gap: 10px;

}

.coupon-item {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;

}



.coupon-icons {
	height: 72px;
	margin-left: 10px;
}

.check-icon {
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}

.check-icon img {
	width: 20px;
	height: 20px;
}


.target-section {
	margin: 20px 0 24px;
	background: #fff;
	border-radius: 4px;
	padding: 20px 16px;
}




.section-title .subtitle {
	font-weight: 400;
	font-size: 16px;
	color: #999;
}

.section-title .subtitle2 {
	font-weight: 400;
	font-size: 12px;
	color: #999;
}

.target-buttons {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 8px;
	padding-top: 10px;
}

.target-btn {

	padding: 12px 16px;
	border: 1px solid #DCDCDC;
	border-radius: 4px;
	background-color: #fff;
	color: #999;
	font-size: 16px;
	font-weight: 400;
	cursor: pointer;
	transition: background-color 0.3s;
}

.target-btn.active {
	background-color: #3658A6;
	color: #fff;
	border-color: #3658A6;
}




.issue-section {
	margin-bottom: 24px;

}

.coupon-box {
	background: #fff;
	padding: 16px;
	border-radius: 8px;
	text-align: center;
}

.coupon-box2 {
	background: #fff;
	padding: 20px;
	border-radius: 4px;
	margin-bottom: 24px;
}

.serch-box-content {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	gap: 8px;
}

.box-table2 {
	padding: 24px 12px;
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff;
}

.checkbox-img {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url('/resource/images/checkbox_off.svg');
	background-size: contain;
	background-repeat: no-repeat;
	cursor: pointer;
	vertical-align: middle;
	padding-right: 8px;
}

.checkbox-img[data-checked="true"] {
	background-image: url('/resource/images/checkbox_on.svg');
}

.member-table td:first-child {
	text-align: center;
	padding-left: 4px;
	padding-right: 4px;
	width: 32px;
}





.member-table-wrap {
	overflow-x: auto;
	/* 👈 가로 스크롤 활성화 */
	-webkit-overflow-scrolling: touch;
	/* 모바일에서 부드러운 스크롤 */
}

.member-table th {
	text-align: center !important;
}

.copun-excellent {
	margin-top: 12px;
}

.member-table th:first-child,
.member-table td:first-child {
	width: 32px;
	/* ✅ 폭 최소화 */
	padding-left: 4px;
	/* ✅ 왼쪽 여백 줄이기 */
	padding-right: 4px;
	text-align: left;
}

.teble_align th,
.teble_align td {
	text-align: left !important;
}



.member-table td,
.member-table th {
	white-space: nowrap;
	/* ✅ 줄바꿈 방지 */
	overflow: hidden;
	/* ✅ 넘친 내용 숨김 */
	text-overflow: ellipsis;
	/* ✅ 생략 부호 (...) */
	min-width: 80px;
	/* ✅ 내용 길이에 따라 조절 */
	max-width: 120px;
	/* ✅ 너무 넓어지지 않게 */
	padding: 20px 10px;

}

.member-table td {
	text-align: right;
}

.member-table th {
	text-align: left;
}

.member-table td:last-child {
	text-align: center;
}

.coupon-btn-custom {
	width: 100%;
	height: 56px;
	border: none;
	border-radius: 4px;
	box-sizing: border-box;
	background: #c13528;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	transition: .2s all ease-out;
}



.coupon-info3 {
	width: 288px;
	height: 146px;
	margin: 0 auto;
	padding: 20px;
	box-sizing: border-box;
	background: url('/resource/images/img_coupon1.svg') center center no-repeat;
}

.coupon-info3 .coupon-data .tit-group .tit {
	margin-bottom: 4px;
	font-size: 12px;
	font-weight: 400;
	color: #999;
}

.coupon-info3 .coupon-data .tit-group .txt {
	font-size: 24px;
	font-weight: 900;
	color: #333;
}

.coupon-info3 .coupon-data .txt-group {
	margin-top: 15px;
}

.coupon-info3 .coupon-data .txt-group .txt {
	position: relative;
	margin-bottom: 2px;
	padding-left: 7px;
	box-sizing: border-box;
	font-size: 12px;
	font-weight: 500;
	color: #999;
	line-height: 16px;
}

.coupon-info3 .coupon-data .txt-group .txt:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	width: 3px;
	height: 3px;
	background: #d9d9d9;
}


/*마이페이지*/
.mypage {
	margin: 8px 0;
}

.mypage .article-group .article {
	margin-bottom: 8px;
	padding: 24px 20px;
	box-sizing: border-box;
	background: #fff;
}

.mypage .article-group .article:last-child {
	margin-bottom: 0;
}

.mypage .frm-group:first-child {
	padding-bottom: 24px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
}


/*메인*/
.main {
	padding: 28px 20px;
	box-sizing: border-box;
}

.main .article-group .article:not(:last-child) {
	margin-bottom: 28px;
}

.main .article-group .article:last-child {
	margin-top: 56px;
}

.main .top-article {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.main .top-article .tit {
	font-weight: 700;
}

.main-banner {
	margin-bottom: 28px;
}

.main-banner img {
	display: block;
	width: 100%;
	border-radius: 12px;
	box-sizing: border-box;
}

.list-menu-main {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: -6px;
}

.list-menu-main li {
	width: calc(100% / 3);
	padding: 6px;
	box-sizing: border-box;
}

.list-menu-main .card {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 120px;
	border-radius: 12px;
	box-sizing: border-box;
	background: #fff;
}

.list-menu-main .ico {
	display: block;
	width: 48px;
	height: 48px;
	margin: 0 auto 14px;
}

.list-menu-main .tit {
	font-size: 16px;
	font-weight: 700;
	color: #666;
	text-align: center;
}

.main .list-notice {
	padding: 0;
	background: none;
}

.main .list-notice li {
	border-bottom: none;
}

.main .list-notice a {
	padding: 8px 0;
	background: none;
}

.main .list-notice .tit {
	font-weight: 500;
}

.main .list-notice .date {
	font-size: 14px;
	font-weight: 500;
	color: #999;
}

/*고객용*/
.customer .main {
	padding: 0;
}

.customer .main .section {
	background: #3658a6;
}

.customer .main .wrap {
	padding: 40px 20px;
	border-top: 6px solid #2b4685;
	box-sizing: border-box;
}

.customer .main .article-group .article:not(:last-child) {
	margin-bottom: 50px;
}

.customer .main .article-group .article:last-child {
	margin-top: 0;
}

.customer .main .list-menu-main .card {
	border: 2px solid #191919;
	box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
}

.customer .main .notice-group .top-article {
	margin-bottom: 16px;
}

.customer .main .notice-group .top-article .tit {
	font-family: 'GmarketSans';
	font-size: 20px;
	font-weight: 700;
	color: #fff;
}

.customer .main .notice-group .top-article .tit .ico {
	margin-right: 8px;
}

.slide-banner {
	border-bottom: 2px solid #000;
	box-sizing: border-box;
}

.slide-banner img {
	display: block;
	width: 100%;
}

.slide-item {
	margin: 0 -20px;
}

.slide-item .swiper {
	padding: 0 20px;
	box-sizing: border-box;
}

.slide-item .swiper-slide {
	width: 300px;
}

.slide-item .card {
	display: block;
	min-height: 185px;
	padding: 20px;
	border-radius: 12px;
	box-sizing: border-box;
	background: #fff;
}

.slide-item .tit-group {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
}

.slide-item .tit-group .num {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
	margin-right: 8px;
	border-radius: 4px;
	box-sizing: border-box;
	background: #ebf1ff;
	font-size: 12px;
	font-weight: 500;
	color: #666;
	text-align: center;
}

.slide-item .tit-group .tit {
	font-size: 16px;
	font-weight: 700;
	color: #333;
	line-height: 24px;
}

.slide-item .tit-group .ico {
	margin-left: auto;
}

.slide-item .store-data .txt-group {
	display: flex;
	margin-bottom: 8px;
	line-height: 20px;
}

.slide-item .store-data .txt-group:last-child {
	margin-bottom: 0;
}

.slide-item .store-data .txt-group .tit {
	width: 70px;
	font-size: 14px;
	font-weight: 500;
	color: #666;
}

.slide-item .store-data .txt-group .txt {
	width: calc(100% - 70px);
	font-size: 14px;
	font-weight: 500;
	color: #333;
}

.list-notice2 {
	padding: 0 20px;
	border-radius: 12px;
	box-sizing: border-box;
	background: #fff;
}

.list-notice2 li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
}

.list-notice2 a {
	display: block;
	padding: 20px 0;
	box-sizing: border-box;
}

.list-notice2 .category {
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: 500;
	color: #3658a6;
}

.list-notice2 .tit {
	margin-bottom: 4px;
	font-size: 16px;
	font-weight: 500;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.list-notice2 .date {
	font-size: 14px;
	font-weight: 500;
	color: #999;
}

.main .btn-group-link {
	display: flex;
	align-items: center;
	position: sticky;
	bottom: 0;
	z-index: 10;
	width: 100%;
	height: 80px;
	margin: 0 auto;
	background: #f8b62d;
}

.main .btn-group-link .btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	border-right: 2px dashed rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	font-family: 'GmarketSans';
	font-size: 18px;
	font-weight: 700;
	color: #333;
}

.main .btn-group-link .btn:last-child {
	border-right: none;
}


/*공지사항*/
.list-notice {
	padding: 0 20px;
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff;
}

.list-notice li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
}

.list-notice a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 20px 20px 0;
	box-sizing: border-box;
	background: url('/resource/images/ico_arrow_right2.svg') right center no-repeat;
}

.list-notice .tit {
	max-width: calc(100% - 120px);
	font-size: 16px;
	font-weight: 400;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.list-notice .date {
	font-size: 16px;
	font-weight: 400;
	color: #666;
}


/*영업현황*/
.biz-state-wrap {
	margin-bottom: 24px;
}

.biz-state {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: -4px;
}

.biz-state>div {
	width: calc(100% / 2);
	padding: 4px;
	box-sizing: border-box;
}

.biz-state .card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	height: 90px;
	padding: 20px 16px;
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff;
}

.biz-state .tit {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 22px;
	padding: 0 8px;
	border: 1px solid #3658a6;
	border-radius: 11px;
	box-sizing: border-box;
	font-size: 12px;
	font-weight: 600;
	color: #3658a6;
}

.biz-state .txt {
	font-size: 18px;
	font-weight: 600;
	color: #333;
}

.biz-state .img {
	position: absolute;
	right: 16px;
	bottom: 20px;
}


/*기록확인*/
.customer .dashboard .article-group .article:not(:last-child) {
	margin-bottom: 24px;
}

.game-state {
	display: flex;
	align-items: center;
	padding: 20px 0;
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff;
}

.game-state .card {
	width: 100%;
}

.game-state .card:not(:last-child) {
	border-right: 1px solid rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
}

.game-state .tit {
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: 600;
	color: #999;
	text-align: center;
}

.game-state .txt {
	font-size: 18px;
	font-weight: 600;
	color: #333;
	text-align: center;
}

.list-game-detail {
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff;
}

.list-game-detail .fold {
	padding: 0 20px;
	box-sizing: border-box;
}

.list-game-detail .js-fold {
	cursor: pointer;
}

.list-game-detail .fold .inner {
	position: relative;
	padding: 20px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
}

.list-game-detail .fold .inner:after {
	content: '';
	display: block;
	position: absolute;
	top: calc(50% - 10px);
	right: 0;
	width: 20px;
	height: 20px;
	background: url('/resource/images/ico_arrow_bottom2.svg') center center no-repeat;
	transition: .2s all ease-out;
}

.list-game-detail .fold.active .inner {
	border-bottom: none;
}

.list-game-detail .fold.active .inner:after {
	transform: rotate(180deg);
}

.list-game-detail .fold .txt-group {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.list-game-detail .fold .txt-group .txt {
	width: calc(100% / 3);
	padding: 2px 0;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 400;
	color: #999;
}

.list-game-detail .fold .txt-group .txt strong {
	font-weight: 600;
	color: #666;
}

.list-game-detail .unfold {
	display: none;
	padding: 8px 0;
	box-sizing: border-box;
	background: #fafafa;
}

.list-game-detail .unfold .txt-group {
	display: flex;
	align-items: center;
	padding: 8px 20px;
	box-sizing: border-box;
}

.list-game-detail .unfold .txt-group .txt {
	width: calc(100% / 3);
	font-size: 12px;
	font-weight: 400;
	color: #666;
	line-height: 16px;
}


/*회원 검색*/
.user-info {
	margin-bottom: 24px;
	padding: 20px 16px;
	border-radius: 12px;
	box-sizing: border-box;
	background: #3658a6;
}

.user-info li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
}

.user-info li:last-child {
	margin-bottom: 0;
}

.user-info .tit {
	display: flex;
	align-items: center;
	min-width: 66px;
	height: 22px;
	padding: 0 8px;
	border-radius: 11px;
	box-sizing: border-box;
	background: #fff;
	font-size: 12px;
	font-weight: 700;
	color: #3658a6;
}

.user-info .tit img {
	margin-right: 4px;
}

.user-info .txt {
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	text-align: right;
}


/*동호회 만들기*/
.club-create {
	padding: 40px 20px 20px;
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff;
}

.club-create .top-page {
	margin-bottom: 16px;
}

.club-create .top-page .tit {
	font-size: 18px;
	font-weight: 600;
	color: #333;
	text-align: center;
}

.club-create .inp-group {
	position: relative;
}

.club-create .inp-frm {
	padding-right: 100px;
	box-sizing: border-box;
}

.club-create .inp-group .btn-ck {
	position: absolute;
	top: calc(50% - 15px);
	right: 16px;
	width: 73px;
	height: 29px;
	border: none;
	border-radius: 15px;
	box-sizing: border-box;
	background: #3658a6;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
}

.club-create .btn-group {
	margin-top: 40px;
}

.photo-upload {
	position: relative;
	width: 90px;
	height: 90px;
	margin: 0 auto 40px;
}

.photo-upload img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	box-sizing: border-box;
}

.photo-upload .btn-upload {
	position: absolute;
	right: 0;
	bottom: 0;
}


/*동호회 > 소개*/
.club-intro {
	margin-top: 24px;
	padding: 40px 20px 20px;
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff;
}

.club-intro .club-name {
	margin-bottom: 16px;
	font-size: 18px;
	font-weight: 600;
	color: #333;
	text-align: center;
}

.club-intro .club-photo {
	width: 90px;
	height: 90px;
	margin: 0 auto 40px;
	border: 1px solid #dcdcdc;
	border-radius: 50%;
	box-sizing: border-box;
	overflow: hidden;
}

.club-intro .btn-group {
	margin-top: 24px;
}

.list-club-info li {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 16px;
}

.list-club-info li:last-child {
	margin-bottom: 0;
}

.list-club-info .tit {
	width: 100px;
	font-size: 16px;
	font-weight: 600;
	color: #666;
}

.list-club-info .txt {
	width: calc(100% - 100px);
	font-size: 16px;
	font-weight: 600;
	color: #333;
}

.list-club-info .txt .ico-star {
	margin-left: 4px;
}

.list-club-info .txt2 {
	width: 100%;
	height: 106px;
	margin-top: 8px;
	padding: 16px;
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: 500;
	color: #333;
	line-height: 24px;
	overflow: auto;
}

.club-intro .list-club-info li.v1 {
	margin-top: 40px;
}

.club-intro .list-club-info li.v1 .tit {
	font-weight: 700;
	color: #333;
}


/*동호회 > 회원리스트*/
.club-member {
	margin-top: 24px;
}

.club-member .btn-group {
	margin-top: 24px;
}

.club-profile {
	display: flex;
	align-items: center;
	margin-bottom: 24px;
	padding: 20px;
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff;
}

.club-profile .club-photo {
	width: 80px;
	height: 80px;
	margin-right: 20px;
	border: 1px solid #dcdcdc;
	border-radius: 50%;
	box-sizing: border-box;
	overflow: hidden;
}

.club-profile .club-data {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: calc(100% - 100px);
}

.club-profile .club-data .club-name {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 600;
	color: #333;
}

.club-profile .club-data .club-num {
	display: flex;
	align-items: center;
	height: 25px;
	padding: 0 8px;
	border-radius: 13px;
	box-sizing: border-box;
	background: #f2f2f2;
	font-size: 14px;
	font-weight: 600;
	color: #999;
}

.club-profile .club-data .club-location {
	display: flex;
	align-items: center;
	margin-top: 12px;
	font-size: 14px;
	font-weight: 600;
	color: #999;
}

.club-profile .club-data .club-location img {
	margin-right: 6px;
}

.club-member .article-group {
	padding: 0 20px 24px;
	box-sizing: border-box;
	background: #fff;
}

.club-member .article-group .article {
	padding: 24px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
}

.club-member .top-article {
	margin-bottom: 24px;
}

.club-member .top-article .tit {
	font-size: 16px;
	font-weight: 700;
}


/*동호회 > 초대하기*/
.club-invite {
	margin-top: 24px;
}

.club-invite .article-group {
	padding: 20px;
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff;
}

.club-invite .article-group .article:not(:last-child) {
	margin-bottom: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
}

.list-member li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 24px;
}

.list-member li:last-child {
	margin-bottom: 0;
}

.list-member .member-data .member-name {
	font-size: 16px;
	font-weight: 600;
	color: #333;
}

.list-member .member-data .store-name {
	margin-top: 6px;
	font-size: 14px;
	font-weight: 400;
	color: #999;
}

.list-member .btn-custom {
	width: 99px;
}


/*동호회 > 게시판*/
.club-board {
	margin-top: 24px;
}

.club-board .box-table {
	padding: 10px 20px;
	box-sizing: border-box;
}


/*동호회 > 게시판 상세*/
.club-board-view {
	margin-top: 24px;
}

.club-board-view .article-group .article {
	margin-bottom: 8px;
	padding: 24px 20px;
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff;
}

.club-board-view .article-group .article:last-child {
	margin-bottom: 0;
}

.club-board-view .list-club-info li.v1 {
	margin-top: 24px;
}

.club-board-view .list-club-info li.v1 .txt2 {
	height: 176px;
}

.comment-group .tit {
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: 600;
	color: #666;
}

.comment-group .tit img {
	margin-right: 6px;
}

.list-comment li {
	padding: 24px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
}

.list-comment li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.list-comment .comment-writer {
	margin-bottom: 6px;
	font-size: 16px;
	font-weight: 600;
	color: #333;
}

.list-comment .comment-content {
	margin-bottom: 6px;
	font-size: 16px;
	font-weight: 400;
	color: #666;
}

.list-comment .comment-datetime {
	font-size: 14px;
	font-weight: 400;
	color: #999;
}


/*동호회 > 게시판 작성*/
.club-board-write {
	margin-top: 24px;
}

.club-board-write .btn-group {
	margin-top: 24px;
}

.club-board-write .article-group .article {
	margin-bottom: 8px;
	padding: 24px 20px;
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff;
}

.club-board-write .article-group .article:last-child {
	margin-bottom: 0;
}

.club-board-write .list-club-info li:last-child {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
}

.club-board-write textarea.inp-frm {
	height: 166px;
	margin-top: 8px;
}


/*내 매장 동호회*/
.store-state {
	display: flex;
	align-items: center;
	margin-bottom: 24px;
	padding: 20px;
	border-radius: 12px;
	box-sizing: border-box;
	background: #3658a6;
}

.store-state .box {
	width: 50%;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
	box-sizing: border-box;
}

.store-state .box:last-child {
	border-right: 0;
}

.store-state .tit {
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.5);
	text-align: center;
}

.store-state .txt {
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	text-align: center;
}

.store-state .txt img {
	margin-right: 8px;
}

.club-info {
	margin-bottom: 12px;
	padding: 0 20px;
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff;
}

.club-info:last-child {
	margin-bottom: 0;
}

.club-info .club-profile {
	margin-bottom: 0;
	padding: 20px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
}

.club-info .club-profile .club-photo {
	margin-right: 24px;
}

.club-info .club-profile .club-data {
	width: calc(100% - 104px);
}

.club-info .club-profile .club-data .club-name {
	margin-bottom: 6px;
}

.club-info .list-club-info {
	padding: 20px 0;
	box-sizing: border-box;
}

.club-info .list-club-info li {
	margin-bottom: 10px;
}

.club-info .list-club-info li:last-child {
	margin-bottom: 0;
}

.club-info .btn-group {
	padding-bottom: 20px;
	box-sizing: border-box;
}

/*고객용*/
.customer .my-club-tool {
	margin-bottom: 24px;
	padding: 30px 20px 20px;
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff;
}

.customer .my-club-tool .inner {
	display: flex;
	align-items: center;
}

.customer .my-club-tool .img-group {
	width: 90px;
	height: 90px;
	margin-right: 30px;
	border-radius: 50%;
	box-sizing: border-box;
	overflow: hidden;
}

.customer .my-club-tool .club-data {
	width: calc(100% - 110px);
}

.customer .my-club-tool .club-data .txt-group {
	display: flex;
	margin-bottom: 4px;
	line-height: 20px;
}

.customer .my-club-tool .club-data .txt-group:last-child {
	margin-bottom: 0;
}

.customer .my-club-tool .club-data .txt-group .tit {
	width: 90px;
	font-size: 14px;
	font-weight: 500;
	color: #666;
}

.customer .my-club-tool .club-data .txt-group .txt {
	width: calc(100% - 90px);
	font-size: 14px;
	font-weight: 500;
	color: #333;
}

.customer .my-club-tool .btn-custom {
	margin-top: 30px;
}

.customer .my-store-club .article-group .article:not(:last-child) {
	margin-bottom: 24px;
}


/*동호회 일정*/
.simple-calendar-group {
	margin-bottom: 24px;
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff;
}

.simple-calendar-group .ui-widget.ui-widget-content {
	width: 100%;
	max-width: 100%;
	padding: 0;
	border: none;
	box-shadow: none;
	transform: scaleY(1);
}

.timeline-group .schedule-timeline {
	padding: 20px;
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff;
}

.list-timeline li {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}

.list-timeline li:last-child {
	margin-bottom: 0;
}

.list-timeline .th {
	font-size: 16px;
	font-weight: 700;
	color: #333;
	text-align: left;
	line-height: 24px;
}

.list-timeline .td {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 56px;
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: 500;
	color: #333;
	text-align: center;
	line-height: 24px;
}

.list-timeline .th:first-child,
.list-timeline .td:first-child {
	width: 114px;
	margin-right: 8px;
}

.list-timeline .th:last-child,
.list-timeline .td:last-child {
	width: calc(100% - 122px);
}


/*초대된 동호회*/
.club-invite-list .article-group .article {
	margin-bottom: 24px;
	padding: 24px;
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff;
}


/*동호회 가입*/
.club-join .article-group .article {
	margin-bottom: 24px;
	padding: 24px;
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff;
}


/*매장 순위*/
.rank-guide {
	margin-bottom: 24px;
	padding: 30px 16px;
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff;
}

.rank-guide .tit-group {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
}

.rank-guide .tit-group .tit {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 12px;
	font-size: 20px;
	font-weight: 700;
	color: #333;
	text-align: center;
}

.rank-guide .tit-group .tit img {
	margin-right: 8px;
}

.rank-guide .tit-group .txt {
	font-size: 14px;
	font-weight: 700;
	color: #666;
	text-align: center;
}

.rank-guide .date {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-weight: 600;
	color: #999;
}

.rank-guide .date div:not(:last-child) {
	position: relative;
	margin-right: 25px;
}

.rank-guide .date div:not(:last-child):after {
	content: '';
	display: block;
	position: absolute;
	top: calc(50% - 6px);
	right: -12px;
	width: 1px;
	height: 12px;
	background: #d9d9d9;
}


/*회원 현황*/
.list-option li {
	border-radius: 4px;
	box-sizing: border-box;
	overflow: hidden;
}



.list-option .fold {
	display: flex;
	justify-content: space-between;
	position: relative;
	background: #fff;
	cursor: pointer;
}

.list-option .fold.arrow-none img {
	display: none !important;
}

.list-option .fold.arrow-none {
	justify-content: center;
}

.list-option .fold.arrow-none .ico-arrow {
	display: none;
}

.list-option .fold .tit {
	width: calc(100% - 20px);
	height: 62px;
	padding: 20px 16px;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: 600;
	color: #666;
}

.list-option .fold .tit2 {
	width: calc(100% - 20px);
	height: 62px;
	padding: 20px 16px;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: 600;
	color: #333;
	text-align: center;
}

.list-option .fold .ico-arrow {
	position: absolute;
	top: 20px;
	right: 16px;
	transition: .2s all ease-out;
}

.list-option .fold.active .ico-arrow {
	transform: rotate(180deg);
}

.list-option2 li {
	border: 1px solid #dcdcdc;
	border-radius: 4px !important;
}

.bottom-padding {
	padding: 24px 12px;
	min-height: auto !important;
	background: #f2f2f2;
}

.top-padding {
	padding: 0px 12px 24px !important;
}

.top-padding .list-option {
	padding-top: 24px;
}

.modal-message .board-tit2 {
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	color: #333;
}

.modal-message .board-tit2 p {
	font-size: 12px;
	font-weight: 500;
	color: #666;
	padding-top: 6px;
}

.modal-message .board-tit2 p span {
	color: #C13528;
}

.modal-message .board-tit2 {
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	color: #333;
}

.modal-message .board-tit2 p {
	font-size: 12px;
	font-weight: 500;
	color: #666;
	padding-top: 6px;
}

.modal-message .board-tit2 p span {
	color: #C13528;
}

.board-tit2.tit2-gap {
	padding-top: 10px;
	padding-bottom: 20px;
}


.board-content .board-tit2 {
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	color: #333;
}

.board-content .board-tit2 p {
	font-size: 12px;
	font-weight: 500;
	color: #666;
	padding-top: 6px;
}

.board-contente .board-tit2 p span {
	color: #C13528;
}

.board-content .board-tit2 {
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	color: #333;
}

.board-content .board-tit2 p {
	font-size: 12px;
	font-weight: 500;
	color: #666;
	padding-top: 6px;
}

.board-content .board-tit2 p span {
	color: #C13528;
}


.board-txt2 {
	width: 100%;
	padding: 16px;
	background: #f2f2f2;
	border-radius: 4px;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: 500;
	color: #333;
	line-height: 24px;
}

.board-content .board-txt2 p:before {
	content: '';
	display: none !important;
}

.board-content .board-txt2 .txt2-title {
	color: #333;
	font-weight: 700;
	padding-left: 0px !important;
}

.board-content .board-txt2 .txt2-content {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	padding: 0 0 20px;
	line-height: 130%;
	margin-bottom: 20px;
}

.board-content .board-txt2 p:last-child {
	border: none;
	padding: 0px;
}

.board-content .board-txt2 p {
	font-size: 15px !important;
}

.background {
	background: #eaeaea !important;
	color: #666 !important;
}

.inp-frm-modal {
	height: 56px !important;
	background: #eaeaea !important;
	color: #666 !important;
	margin-bottom: 40px;
}

.list-option .unfold {
	display: none;
	padding: 0 16px;
	box-sizing: border-box;
	background: #fff;
}

.list-option .unfold.active {
	display: block;
}

.list-option .unfold .inner {
	padding: 7px 0 13px;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
}

.list-option .arrow-inner .inner {
	text-align: center;
}

.list-option .unfold a {
	display: block;
	padding: 7px 0;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: 600;
	color: #666;
}

.user-state .list-option {
	margin-bottom: 24px;
}



.game-btn-group {
	display: flex;
	gap: 8px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.game-btn {
	flex: 1;
	padding: 16px 0;
	font-size: 16px;
	font-weight: 800;
	border-radius: 4px;
	border: 1px solid #ccc;
	background: #e2e1e1;
	/* 기본 비활성 배경 */
	color: #999;
	/* 기본 비활성 글씨 */
	cursor: pointer;
	transition: all 0.2s ease;
	height: 78px;
}

/* 활성화된 버튼 (클릭된 쪽) */
.game-btn.active {
	background: #fff;
	/* 흰색 배경 */
	color: #333;
	/* 진한 글씨 */
	border: 1px solid #222;
	/* 진한 테두리 */
}

/* 비활성 버튼 호버 시 */
.game-btn:not(.active):hover {
	background: #ebebeb;
}


/*상품 주문*/
.order {
	background: #f2f2f2;
}

.order .flex-bottom .total-price {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
}

.order .flex-bottom .total-price .tit {
	font-size: 16px;
	font-weight: 600;
	color: #444;
	letter-spacing: -0.27px;
}

.order .flex-bottom .total-price .tit span {
	color: #c13528;
}

.order .flex-bottom .total-price .txt {
	font-size: 18px;
	font-weight: 600;
	color: #c13528;
	letter-spacing: -0.31px;
}

.list-item-order {
	display: flex;
	flex-wrap: wrap;
	margin: -6px;
}

.list-item-order li {
	width: calc(100% / 2);
	padding: 6px;
	box-sizing: border-box;
}

.list-item-order .card {
	height: 305px;
	padding: 20px 14px 14px;
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff;
}

.list-item-order .item-info {
	display: flex;
	align-items: center;
	margin-bottom: 16px;
}

.list-item-order .item-info .item-data .item-name {
	margin-bottom: 6px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 38px;
	line-height: 19px;
	white-space: normal;
	overflow: hidden;
	font-size: 16px;
	font-weight: 600;
	color: #333;
}

.list-item-order .item-info .item-data .item-price {
	font-size: 14px;
	font-weight: 500;
	color: #999;
	line-height: 17px
}

.list-item-order .item-info .item-data .item-price>span:nth-child(1):after {
	display: inline-block;
	content: "";
	width: 1px;
	height: 17px;
	background-color: #D9D9D9;
	margin: 0 6px;
	vertical-align: text-top;
}

.list-item-order .item-info .item-picture {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	box-sizing: border-box;
	background: #f2f2f2;
}

.item-price_infobox {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 14px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.item-price_infobox>.row {
	display: flex;
	justify-content: space-between;

}

.item-price_infobox>.row>.label {
	color: #999;
	font-size: 14px;
	font-weight: 500;
}

.item-price_infobox>.row>.value {
	color: #333;
	font-size: 14px;
	font-weight: 600;
}





.list-item-order .item-count {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 14px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
}

.list-item-order .item-count .btn-count {
	width: 34px;
	height: 34px;
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	box-sizing: border-box;
	background: center center no-repeat #fff;
}

.list-item-order .item-count .btn-count-minus {
	background-image: url('/resource/images/ico_minus1.svg');
}

.list-item-order .item-count .btn-count-plus {
	background-image: url('/resource/images/ico_plus1.svg');
}

.list-item-order .item-count .num {
	width: calc(100% - 68px);
	font-size: 16px;
	font-weight: 600;
	color: #666;
	text-align: center;
}


/*장바구니*/
.cart {
	background: #f2f2f2;
}

.cart .all-ck {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
}

.cart .all-ck .ck-custom3+label {
	font-size: 18px;
	color: #333;
}

.cart .all-ck .btn-delete {
	border: none;
	background: none;
	font-size: 18px;
	font-weight: 600;
	color: #333;
}

.cart .flex-bottom .total-count {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 18px;
	border-bottom: 2px solid #333;
	box-sizing: border-box;
}

.cart .flex-bottom .total-count .tit {
	font-size: 16px;
	font-weight: 600;
	color: #444;
	letter-spacing: -0.27px;
}

.cart .flex-bottom .total-count .txt {
	font-size: 16px;
	font-weight: 600;
	color: #444;
	letter-spacing: -0.27px;
}

.cart .flex-bottom .total-count .txt span {
	color: #c13528;
}

.cart .flex-bottom .total-price {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0;
	box-sizing: border-box;
}

.cart .flex-bottom .total-price .tit {
	font-size: 16px;
	font-weight: 600;
	color: #444;
	letter-spacing: -0.27px;
}

.cart .flex-bottom .total-price .txt {
	font-size: 18px;
	font-weight: 600;
	color: #c13528;
	letter-spacing: -0.31px;
}

.cart .flex-bottom .total-price .txt span {
	font-size: 24px;
	letter-spacing: -0.41px;
}

.list-item-cart li:not(:last-child) {
	margin-bottom: 12px;
}

.list-item-cart .item {
	padding: 20px 16px;
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff;
}

.list-item-cart .box {
	display: flex;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
}

.list-item-cart .ck-group {
	width: 20px;
	margin-right: 12px;
}

.list-item-cart .item-basic {
	width: calc(100% - 32px);
}

.list-item-cart .item-info {
	display: flex;
	justify-content: space-between;
	position: relative;
}

.list-item-cart .item-info .item-data {
	display: flex;
	flex-direction: column;
	width: calc(100% - 116px);
}

.list-item-cart .item-info .item-data .item-name {
	margin-bottom: 6px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 38px;
	line-height: 19px;
	white-space: normal;
	overflow: hidden;
	font-size: 18px;
	font-weight: 600;
	color: #333;
}

.list-item-cart .item-info .item-data .item-price {
	font-size: 16px;
	font-weight: 500;
	color: #999;
	line-height: 17px
}

.list-item-cart .item-info .item-data .item-price>span:nth-child(1):after {
	display: inline-block;
	content: "";
	width: 1px;
	height: 17px;
	background-color: #D9D9D9;
	margin: 0 6px;
	vertical-align: text-top;
}

.item-price_infobox2 {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 14px 0;
}

.item-price_infobox2>.row {
	display: flex;
	justify-content: space-between;

}

.item-price_infobox2>.row>.label {
	color: #999;
	font-size: 16px;
	font-weight: 500;
}

.item-price_infobox2>.row>.value {
	color: #333;
	font-size: 16px;
	font-weight: 600;
}




.list-item-cart .item-info .item-count {
	display: flex;
	align-items: center;
	margin-top: auto;
}

.list-item-cart .item-info .item-count .btn-count {
	width: 34px;
	height: 34px;
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	box-sizing: border-box;
	background: center center no-repeat #fff;
}

.list-item-cart .item-info .item-count .btn-count-minus {
	background-image: url('/resource/images/ico_minus1.svg');
}

.list-item-cart .item-info .item-count .btn-count-plus {
	background-image: url('/resource/images/ico_plus1.svg');
}

.list-item-cart .item-info .item-count .num {
	width: 68px;
	font-size: 16px;
	font-weight: 600;
	color: #666;
	text-align: center;
}

.list-item-cart .item-info .item-picture {
	width: 96px;
	height: 96px;
	margin-top: 34px;
	border-radius: 6px;
	box-sizing: border-box;
	background: #f2f2f2;
}

.list-item-cart .item-info .btn-delete {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	background: none;
	font-size: 16px;
	font-weight: 400;
	color: #999;
}

.list-item-cart .item-total {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 16px;
	box-sizing: border-box;
}

.list-item-cart .item-total .tit {
	font-size: 18px;
	font-weight: 600;
	color: #333;
}

.list-item-cart .item-total .txt {
	margin-left: auto;
	font-size: 18px;
	font-weight: 600;
	color: #333;
}

.list-item-cart .item-total .btn-custom {
	width: 96px;
	margin-left: 20px;
}

/* 주문현황 */
.order-status-box {
	padding: 20px 16px;
	background-color: #fff;
	border-radius: 4px;
	margin-bottom: 12px;
}

.title-row {
	font-weight: 600;
	margin-bottom: 10px;
	font-size: 16px;
	color: #333;
}

.status-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 6px 0;
}

.status-item {
	display: flex;
	align-items: center;
}

.icon {
	margin-right: 6px;
	font-size: 14px;
	color: #666;
}

.label {
	color: #666;
	font-size: 14px;
}

.value {
	font-weight: bold;
	font-size: 15px;
	color: #333;
}

.value.red {
	color: #d13232;
}


.user-state2 {
	padding: 20px 16px;
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff;
}

.user-state2 .list-option {
	margin-bottom: 24px;
}

.user-state3 {
	padding: 20px 16px;
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff;
}


/*테이블/사랑방*/
/*테이블*/
.list-table-room {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: -4px;
}

.list-table-room li {
	width: calc(100% / 2);
	padding: 4px;
	box-sizing: border-box;
}

.list-table-room .card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 127px;
	padding: 16px 14px;
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff;
}

.list-table-room2 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: -4px;
}

.list-table-room2 li {
	width: calc(100% / 2);
	padding: 4px;
	box-sizing: border-box;
}

.list-table-room2 .card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff;
	height: 78px;
	line-height: 78px;
}

.list-table-room3 .card {
	height: 80px;
	padding: 0 16px !important;
}

.list-table-room2 .table-info {
	text-align: center;
}

.list-table-room2 .table-info .num {
	font-size: 16px;
	font-weight: 500;
	color: #999;
}

.list-table-room2 .table-info .num span {
	padding: 0 10px 0 0;
}


.list-table-room .table-info {
	display: flex;
	justify-content: space-between;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	box-sizing: border-box;
}

.list-table-room .table-info .num {
	font-size: 11px;
	font-weight: 500;
	color: #999;
}

.list-table-room .table-info .num span {
	margin-right: 4px;
	font-size: 24px;
	vertical-align: -8px;
}

.list-table-room .table-info .state {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 22px;
	padding: 0 8px;
	border: 1px solid #dcdcdc;
	border-radius: 11px;
	box-sizing: border-box;
	background: #fff;
	font-size: 12px;
	font-weight: 600;
	color: #999;
}

.list-table-room .table-info .state:after {
	display: block;
	width: 8px;
	height: 8px;
	margin-left: 2px;
	border-radius: 50%;
	box-sizing: border-box;
}

.list-table-room .data-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 10px;
	box-sizing: border-box;
}

.list-table-room .data-info .txt-group .txt {
	display: flex;
	align-items: center;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: 500;
	color: #999;
	line-height: 18px;
}

.list-table-room .data-info .txt-group .txt:last-child {
	margin-bottom: 0;
}

.list-table-room .data-info .txt-group .txt img {
	margin-right: 4px;
}

.list-table-room .data-info .ico {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	box-sizing: border-box;
	background: #284a98;
}

.list-table-room li.active .card {
	background: #3658a6;
}

.list-table-room li.active .table-info .num {
	color: #fff;
}

.list-table-room2 li.active .table-info .num {
	color: #fff;
}

.list-table-room3 li.active .table-info .num {
	line-height: 80px;
	color: #999999;
}

.list-table-room3 li.active .card.on .table-info .num {
	color: #fff;
}

.list-table-room li.active .table-info .state {
	color: #3658a6;
}

.list-table-room li.active .table-info .state:after {
	content: '';
	background: #3658a6;
}

.list-table-room li.active .data-info .txt {
	color: #fff;
}

/*사랑방*/
.list-table-room-v1 .data-info .ico {
	background: #16682b;
}

.list-table-room-v1 li.active .card {
	background: #237c3a;
}

.list-table-room-v1 li.active .table-info .state {
	color: #237c3a;
}

.list-table-room-v1 li.active .table-info .state:after {
	background: #237c3a;
}

/*테이블*/


.list-table-room-v2 li.active .card {
	background: #237c3a;
}

.list-table-room-v2 li:nth-child(2).active .card {
	background: #3658a6;
}

.list-table-room3 li.active .card.on {
	background: #237c3a;
}

.list-table-room3 li:nth-child(2) .card.on {
	background: #355cb7;
}

.list-table-room3 li.active .card {
	background: #EEEEEE;
	border: none;
}

.list-table-room-v4 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: -4px;
}

.list-table-room-v4 li {
	width: calc(100% / 2);
	padding: 4px;
	box-sizing: border-box;
}

/* 기본 회색 (비활성) */
.list-table-room-v4 li .card {
	background: #e2e1e1;
	color: #999;
	border-radius: 10px;
	transition: background 0.2s ease, border-color 0.2s ease;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: space-between;
	height: 78px;
	line-height: 78px;
	border: 1px solid #ccc;
}

.list-table-room-v4 li .card:hover {
	background: #ebebeb;
}

.list-table-room-v4 li .card .table-info {
	text-align: center;
}

.list-table-room-v4 li .num {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 700;
	color: #666;
	font-size: 16px;
}

/* 활성 - 녹색 */
.list-table-room-v4 li.green-active .card {

	background: #237c3a;

}

.list-table-room-v4 li.green-active .num {
	color: #fff;
}

/* 활성 - 파랑 */
.list-table-room-v4 li.blue-active .card {

	background: #3658a6;

}

.list-table-room-v4 li.blue-active .num {
	color: #fff;
}

/* 클릭 가능 커서 */
.list-table-room-v4 li {
	cursor: pointer;
}

.js-unfold {
	display: none;
}

/* 하위 메뉴 hover 효과 */
.list-option2 .js-unfold .inner a {
	display: block;
	padding: 8px 12px;
	text-decoration: none;
	color: #333;
	transition: background 0.15s ease, color 0.15s ease;
}

.list-option2 .js-unfold .inner a:hover {
	background: #f0f0f0;
	/* 연한 회색 배경 */
	color: #000;
	/* 글씨 진하게 */
	border-radius: 4px;
}

/* 점주용 */


.search-group_margin {
	margin: 24px 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 20px 16px;
}

.search-group_margin .section-title {
	margin-bottom: 0
}

.message-top {
	margin: 0 0 20px !important;
}

.table-grid-box {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	margin-bottom: 20px;
}

.table-type-small {
	background-color: #EEEEEE;
	color: #999;
	border: 1px solid #DCDCDC;
}

.table-cell {
	border-radius: 4px;
	padding: 20px 14px;
	font-weight: 600;
	cursor: default;
	text-align: center;
	border: none;
	background-color: #fff;
	border: 1px solid #DCDCDC;
	display: flex;
	gap: 2px;
	flex-direction: row;
	align-content: center;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
}

.table-cell .num {
	font-size: 24px;
	font-weight: 600;
	color: #999;
	line-height: 1;
}

.table-cell .label {
	font-size: 11px;
	font-weight: 600;
	color: #999;
	line-height: 1.7;
}



/*고객용*/
.store-bookmark {
	margin-bottom: 24px;
	padding: 20px;
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff;
}

.store-bookmark .tit-group {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.store-bookmark .tit-group .tit {
	font-size: 16px;
	font-weight: 700;
	color: #666;
}

.store-bookmark .tit-group .txt {
	font-size: 16px;
	font-weight: 700;
	color: #3658a6;
}

.table-room-group .top-article {
	margin-bottom: 8px;
}


/*청구서*/
.bill-group {
	margin: 24px 0;
	padding: 20px;
	border-radius: 12px;
	box-sizing: border-box;
	background: #3658a6;
}

.bill-group .bill-info {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding-bottom: 20px;
	box-sizing: border-box;
}

.bill-group .bill-info .bill-date .bill-month {
	margin-bottom: 6px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
}

.bill-group .bill-info .bill-date .payment-date {
	font-size: 12px;
	font-weight: 400;
	color: #fff;
}

.bill-group .bill-info .bill-price {
	font-size: 22px;
	font-weight: 700;
	color: #fff;
}

.bill-group .account-info {
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	box-sizing: border-box;
}

.bill-group .account-info .txt-group {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 6px;
}

.bill-group .account-info .txt-group:last-child {
	margin-bottom: 0;
}

.bill-group .account-info .txt-group .tit {
	display: flex;
	align-items: center;
	position: relative;
	padding-left: 10px;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
}

.bill-group .account-info .txt-group .tit:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	box-sizing: border-box;
	background: #d9d9d9;
}

.bill-group .account-info .txt-group .txt {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	text-align: right;
}

.bill-group .account-info .txt-group .txt .btn-copy {
	margin-left: 8px;
	border: none;
	background: none;
}

.bill .price-info {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 95px;
	margin-bottom: 24px;
	padding: 20px;
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff;
}

.bill .price-info .tit {
	font-size: 16px;
	font-weight: 400;
	color: #666;
}

.bill .price-info .txt {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	text-align: right;
}

.list-bill-detail {
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff;
}

.list-bill-detail .fold {
	padding: 0 20px;
	box-sizing: border-box;
}

.list-bill-detail .js-fold {
	cursor: pointer;
}

.list-bill-detail .inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
}

.list-bill-detail .tit-group .date {
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: 400;
	color: #999;
}

.list-bill-detail .tit-group .tit {
	font-size: 16px;
	font-weight: 600;
	color: #666;
}

.list-bill-detail .txt-group .tit {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: 400;
	color: #999;
	text-align: right;
}

.list-bill-detail .txt-group .tit:after {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: url('/resource/images/ico_arrow_bottom2.svg') center center no-repeat;
	transition: .2s all ease-out;
}

.list-bill-detail .fold.active .txt-group .tit:after {
	transform: rotate(180deg);
}

.list-bill-detail .txt-group .price {
	font-size: 16px;
	font-weight: 600;
	color: #666;
}

.list-bill-detail .unfold {
	display: none;
}

.tbl-bill {
	width: 100%;
	border-collapse: collapse;
}

.tbl-bill thead {
	border-top: 1px solid #c5cbdb;
	box-sizing: border-box;
	background: #ebeef6;
}

.tbl-bill tbody {
	background: #fafafa;
}

.tbl-bill th {
	padding: 8px 0;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 400;
	color: #666;
	text-align: center;
}

.tbl-bill td {
	padding: 10px 0;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 400;
	color: #666;
	text-align: center;
}

.datepicker-group .inp-group-date .unit_2 {
	display: flex;
	justify-content: center;
	align-items: center;

	margin: 0 14px;
	font-size: 18px;
	font-weight: 600;
	color: #3658A6
}


/*할인쿠폰*/
.list-coupon li:not(:last-child) {
	margin-bottom: 12px;
}

.coupon-info {
	border-radius: 4px;
	box-sizing: border-box;
	overflow: hidden;
}

.coupon-info .coupon-data {
	position: relative;
	padding: 20px;
	box-sizing: border-box;
	background: #fff;
}

.coupon-info .coupon-data .tit-group .tit {
	margin-bottom: 4px;
	font-size: 12px;
	font-weight: 400;
	color: #999;
}

.coupon-info .coupon-data .tit-group .txt {
	font-size: 24px;
	font-weight: 900;
	color: #333;
}

.coupon-info .coupon-data .txt-group {
	margin-top: 18px;
}

.coupon-info .coupon-data .txt-group .txt {
	position: relative;
	margin-bottom: 2px;
	padding-left: 7px;
	box-sizing: border-box;
	font-size: 12px;
	font-weight: 500;
	color: #999;
	line-height: 16px;
}

.coupon-info .coupon-data .txt-group .txt:last-child {
	margin-bottom: 0;
}

.coupon-info .coupon-data .txt-group .txt:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	width: 3px;
	height: 3px;
	background: #d9d9d9;
}

.coupon-info .coupon-data .ico {
	position: absolute;
	top: 20px;
	right: 30px;
}

.coupon-info .line {
	display: block;
	width: 100%;
}

.coupon-info .btn-use {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	background: #fff;
	font-size: 14px;
	font-weight: 600;
	color: #3658a6;
}


/*쿠폰 사용하기*/
.coupon-view {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 30px;
	box-sizing: border-box;
	background: #f2f2f2;
}

.coupon-info2 {
	border-radius: 4px;
	box-sizing: border-box;
	overflow: hidden;
}

.coupon-info2 .coupon-data {
	padding: 30px 20px 20px;
	box-sizing: border-box;
	background: #fff;
}

.coupon-info2 .coupon-data .ico {
	display: block;
	margin: 0 auto 15px;
}

.coupon-info2 .coupon-data .tit-group {
	text-align: center;
	;
}

.coupon-info2 .coupon-data .tit-group .txt {
	margin-bottom: 4px;
	font-size: 32px;
	font-weight: 900;
	color: #333;
}

.coupon-info2 .coupon-data .tit-group .tit {
	font-size: 12px;
	font-weight: 400;
	color: #999;
}

.coupon-info2 .line {
	display: block;
	width: 100%;
}

.coupon-info2 .barcode-group {
	padding: 24px;
	box-sizing: border-box;
	background: #fff;
}

.coupon-info2 .barcode-group .img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	zoom: .5;
}

.coupon-info2 .barcode-group .txt {
	margin-top: 10px;
	font-size: 12px;
	font-weight: 700;
	color: #333;
	text-align: center;
}


/*스탬프 관리*/
.stamp .article-group .article:not(:last-child) {
	margin-bottom: 24px;
}

.stamp-group {
	padding: 16px;
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff;
}

.stamp-group .inner {
	display: flex;
	flex-wrap: wrap;
	margin: -3px;
}

.stamp-group .inner>div {
	width: 20%;
	padding: 3px;
	box-sizing: border-box;
}

.stamp-group .stamp {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	border: 1px solid #ccc;
	border-radius: 50%;
	box-sizing: border-box;
	font-size: 24px;
	font-weight: 600;
	color: #ccc;
	text-align: center;
}

.stamp-group .stamp.active {
	border-width: 15px;
}

.stamp-group .stamp.active:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border: 15px solid transparent;
	border-radius: 50%;
	box-sizing: border-box;
}

.stamp-group .stamp .num {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
}

.stamp-group .stamp-v1.active {
	border-color: #3658a6;
	color: #3658a6;
}

.stamp-group .stamp-v2.active {
	border-color: #f8b62d;
	color: #f8b62d;
}

.stamp-group .stamp-v3.active {
	border-color: #237c3a;
	color: #237c3a;
}

.stamp-guide {
	padding: 20px;
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff;
}

.stamp-guide .tit-group {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
}

.stamp-guide .tit-group .tit {
	font-size: 18px;
	font-weight: 700;
	color: #666;
}

.stamp-guide .tit-group .txt {
	font-size: 24px;
	font-weight: 700;
	color: #3658a6;
}

.stamp-guide .txt-group .txt {
	position: relative;
	margin-bottom: 8px;
	padding-left: 9px;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 500;
	color: #999;
	letter-spacing: -0.28px;
	line-height: 19.6px;
}

.stamp-guide .txt-group .txt:last-child {
	margin-bottom: 0;
}

.stamp-guide .txt-group .txt:before {
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	width: 3px;
	height: 3px;
	background: #d9d9d9;
}


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

	/*스탬프 관리*/
	.stamp-group .stamp {
		font-size: 20px;
	}

	.stamp-group .stamp.active {
		border-width: 12px;
	}
}