/* override - f7 */
:root {
	--f7-panel-left-width: 380px;
	--f7-panel-right-width: 500px;
	--f7-panel-transition-duration: 100ms;
	--f7-panel-backdrop-bg-color: rgba(0, 0, 0, 0.1);

	--f7-treeview-toggle-size: 14px;
	--f7-treeview-item-height: 26px;
	--f7-treeview-item-padding-left: 0px;
	--f7-treeview-children-offset: 12px;

    --f7-list-font-size: 15px;
    --f7-list-inset-border-radius: 12px;
    --f7-list-inset-side-margin: 15px;
    --f7-list-margin-vertical: 15px;
	--f7-list-item-border-color: #E4E4E4;

    --f7-card-header-font-size: 16px;
    --f7-card-font-size: 15px;
    --f7-card-footer-font-size: 14px;
	--f7-card-footer-text-color: #333;
	--f7-card-border-radius: 12px;
	--f7-card-box-shadow: 0px;
    --f7-card-margin-horizontal: 15px;
    --f7-card-margin-vertical: 15px;

	--f7-toggle-width: 36px;
	--f7-toggle-height: 22px;

	--f7-popover-bg-color: #f7f7f7;
	--f7-popover-border-radius: 6px;
	--f7-popover-box-shadow: var(--f7-elevation-8);

	--f7-picker-inline-height: 120px;
	--f7-picker-item-height: 34px;
	--f7-picker-column-font-size: 17px;
	--f7-picker-item-selected-border-color: #E4E4E4;
	--f7-picker-item-selected-text-color: #fff;

	--f7-calendar-height: 330px;
	--f7-calendar-week-header-height: auto;
 	--f7-calendar-row-border-color: transparent;

	--f7-tooltip-bg-color: rgba(0, 0, 0, 0.8);

	--f7-sheet-border-color: transparent;

	--f7-elevation-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.1), 0px 3px 4px 0px rgba(0, 0, 0, 0.07), 0px 1px 8px 0px rgba(0, 0, 0, 0.06);
}

/* moon */
:root {
	/* layout */
	--mobile-width: 600px;
	--desktop-width: 1004px;

	--top-banner-height: 60px;
}
*,
*:focus {
     outline: 0;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
	-webkit-font-smoothing: auto;
	line-height: 1.4;
	letter-spacing: -0.008em;
}

body.blue {
	background-color: #007aff;
}

body.black {
	background-color: #000;
}

body.white {
	background-color: #fff;
}

ul {
	margin: 0px;
	padding: 0px;
}

ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div#app {
	width: 100%;
	margin: auto;
}

a.link {
	color: #7d7d7d;
	justify-content: left;
}

a.link-circle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 100% !important;
}

a.link-circle i {
	margin: 0px !important;
}

a.link-circle:hover {
	background-color: #eee;
}

img {
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
}

svg {
	pointer-events: none;
}

i.f7-icons {
	font-size: 12px;
	font-weight: 800;
	margin: 0px !important;
	padding: 0px !important;
}

/* button.button-* */

button.button-text {
	display: inline-flex;
	align-items: center;
	border: 0px;
	background-color: transparent;
	color: #1A0DAB;
	font-size: 12px;
	width: auto;
}

button.button-text:hover {
	text-decoration: underline;
}

button.button-plain {
	display: inline-flex;
	align-items: center;
	width: auto;
	height: 32px;
	border: 1px solid #d8d8d8;
	border-radius: 4px;
	background-color: #fff;
	color: #333;
	cursor: pointer;
	padding: 0px 10px;
	font-size: 13px;
	/*background-color: yellow;*/
}

button.button-plain:hover {
	background: #efefef;
	animation: fade-in-button-plain 0.1s linear;
}

button.button-plain.red:hover {
	background: #fdeeee;
	animation: fade-in-button-plain-red 0.3s linear;
}

button.button-icon {
	display: inline-flex;
	align-items: center;
	width: 28px;
	height: 28px;
	border: 1px solid #eee;
	border-radius: 8px;
	background-color: #fff;
	color: #555;
	cursor: pointer;
	padding: 0px 4px;
	font-size: 16px;
	/*background-color: yellow;*/
}

button.button-icon:hover {
	background: #efefef;
	animation: fade-in-button-icon 0.1s linear;
}

button.button-icon-text {
	display: inline-flex;
	align-items: center;
	border: 0px;
	background-color: transparent;
	color: #1A0DAB;
	font-size: 12px;
	width: auto;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	margin-left: 8px;
}

button.button-icon-text:hover {
	background: #efefef;
	animation: fade-in-button-icon 0.1s linear;
}

button.button-icon i,
button.button-icon-text i {
	margin: 0px !important;
	padding: 0px !important;
}

button.button-plain.no-filled {
	background-color: transparent;
}

button.button-plain.red {
	color: #E95555;
	border: 1px solid #F3A6A6;
}

button.button-plain.blue-filled {
	color: #fff;
	background-color: #157efb;
	border: 1px solid #157efb;
}

button.button-plain.black-filled {
	color: #fff;
	background-color: #333;
	border: 1px solid #333;
}

button.button-plain.blue-filled:hover,
button.button-plain.black-filled:hover {
	animation: none;
}

button.button-plain.no-outlines {
	border: 0px;
	border-radius: 4px;
}

button.button-plain-filled {
	display: flex;
	align-items: center;
	height: 32px;
	border: 0px;
	border-radius: 4px;
	background-color: #F3F3F3;
	color: #888;
	cursor: pointer;
	padding: 0px 10px;
	font-size: 13px;
	width: auto;
}

button.button-plain-filled:hover {
	color: #333;
}

/* .link i +, link span + i */

.link i + span,
.link i + i,
.link span + i {
	margin-left: 0px;
}

/* .custom-scrollbar */

.custom-scrollbar::-webkit-scrollbar {
	width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
	background-color: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
	background-color: #b8b8b8;
	border-radius: 48px;
}

/* *-backdrop */
.custom-modal-backdrop,
.actions-backdrop,
.dialog-backdrop,
.popover-backdrop,
.popup-backdrop,
.preloader-backdrop,
.sheet-backdrop,
.fab-backdrop {
	transition-duration: 50ms;
}

.dialog-backdrop {
	z-index: 20021;
}

.dialog {
	z-index: 20022;
}

.popover-backdrop.backdrop-in {
    opacity: 0;
}

/* .list */
.list {
	border: 1px solid #E4E4E4;
}

/* .card */
.card {
	border: 1px solid #E4E4E4;
}

/* .popup */
.popup.modal-in,
.popup.modal-out {
	transition-duration: 100ms;
}

/* .popover */
.popover {
	border: 1px solid #ddd;
}

.popover .popover-angle.on-top:after {
    width: 12px;
    height: 12px;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
	top: 20px;
	left: 4px;
}

.popover .popover-angle.on-bottom:after {
    width: 12px;
    height: 12px;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
	top: -8px;
	left: 4px;
}

.popover .popover-angle.on-left:after {
    width: 12px;
    height: 12px;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    top: 4px;
    left: 20px;
}

.popover .popover-angle.on-right:after {
    width: 12px;
    height: 12px;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    top: 4px;
    left: -8px;
}

/* .modal */

.modal {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	position: relative;
	width: 400px;
	background: #fff;
	padding: 0px;
	border-radius: 0px;
}

.modal[animation="popping"] {
	-webkit-animation: popping 0.15s cubic-bezier(0.1,0,0.6,1);
	animation: popping 0.15s cubic-bezier(0.1,0,0.6,1);
}

/* .modal-blocker */

.modal-blocker {
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: auto;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.6);
	text-align: center;
	z-index: 100000;
}

.modal-blocker:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.05em;
}

/* .tooltip */

.tooltip {
	z-index: 100001;
	line-height: 140%;
}

.tooltip.tooltip-in,
.tooltip.tooltip-out {
	margin-top: 3px;
}

/* .toast-alert */

.toast-alert {
	top: 40px !important;
	font-size: 13px;
}

.toast-alert i {
	padding-right: 8px;
}

/* text-color-* */

.text-color-black {
	color: #000 !important;
}

.text-color-blue {
	color: #007aff !important;
}

.text-color-green {
	color: #035257 !important;
}

.txt-red {
	color: #C8222C !important;
}

.txt-blue {
	color: #006FFF !important;
}
@keyframes popping {
	from {
		opacity: 0;
		-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes popping-delay {
	from {
		opacity: 0;
		-webkit-transform: scale(0.4);
		-ms-transform: scale(0.4);
		transform: scale(0.4);
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes popping-up {
	0%, 50% {
		opacity: 0;
		-webkit-transform: translateY(10px);
		-ms-transform: translateY(10px);
		transform: translateY(10px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes popping-down {
	0%, 50% {
		opacity: 0;
		-webkit-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes popping-left {
	0%, 50% {
		opacity: 0;
		-webkit-transform: translateX(50px);
		-ms-transform: translateX(50px);
		transform: translateX(50px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes popping-right {
	0%, 50% {
		opacity: 0;
		-webkit-transform: translateX(-50px);
		-ms-transform: translateX(-50px);
		transform: translateX(-50px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes zoon-in {
	from {
		opacity: 0;
		-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
	}
	to {
		opacity: 0.8;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes blinking {
  50% {
    opacity: 0;
  }
}

/* custom */
@keyframes popping-pin-heart {
	from {
		opacity: 0;
		-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
	}
	to {
		opacity: 0.8;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes effect-glow {
	0% {
		background-position: 0% 0%;
	}
	100% {
		background-position: 800% 800%;
	}
}

@keyframes effect-glow-2 {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@keyframes effect-glow-metalic {
	0% {
		background-position: 800% 800%;
	}
	100% {
		background-position: 0% 0%;
	}
}

@keyframes float-updown {
	0%, 100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(-3px);
		-ms-transform: translateY(-3px);
		transform: translateY(-3px);
	}
}
@font-face {
    font-family: 'HGGGothicssi';
    src: url('../fonts/HGGGothicssi/HGGGothicssi 00g.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HGGGothicssi';
    src: url('../fonts/HGGGothicssi/HGGGothicssi 20g.otf') format('opentype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HGGGothicssi';
    src: url('../fonts/HGGGothicssi/HGGGothicssi 40g.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HGGGothicssi';
    src: url('../fonts/HGGGothicssi/HGGGothicssi 60g.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HGGGothicssi';
    src: url('../fonts/HGGGothicssi/HGGGothicssi 80g.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HGGGothicssi';
    src: url('../fonts/HGGGothicssi/HGGGothicssi 99g.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HGSoftGGothicssi';
    src: url('../fonts/HGGGothicssi/HGSoftGGothicssi 00g.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HGSoftGGothicssi';
    src: url('../fonts/HGGGothicssi/HGSoftGGothicssi 20g.otf') format('opentype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HGSoftGGothicssi';
    src: url('../fonts/HGGGothicssi/HGSoftGGothicssi 40g.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HGSoftGGothicssi';
    src: url('../fonts/HGGGothicssi/HGSoftGGothicssi 60g.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HGSoftGGothicssi';
    src: url('../fonts/HGGGothicssi/HGSoftGGothicssi 80g.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HGSoftGGothicssi';
    src: url('../fonts/HGGGothicssi/HGSoftGGothicssi 99g.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* .page : Mobile First */

.view-main .page {
	display: flex;
	flex-direction: column;
	width: 100%;
	background-color: #e4e4e4;
	touch-action: none;
}

.view-main .page .page-header {
	display: flex;
	justify-content: center;
	width: 100%;
	height: 60px;
}

.view-main .page .page-header .header-inner {
	display: flex;
	justify-content: space-between;
	width: var(--mobile-width);
	max-width: var(--mobile-width);
	background-color: #fff;
}

.view-main .page .page-console {
	display: flex;
	width: 100%;
	max-width: 100%;
	height: auto;
	justify-content: center;
}

.view-main .page .page-console .console-inner {
	flex-direction: column;
	width: 100%;
	max-width: 100%;
}

.view-main .page .page-content {
	display: flex;
	flex-direction: column;
	width: var(--mobile-width);
	max-width: var(--mobile-width);
	height: auto;
	left: calc(50% - (var(--mobile-width) / 2));
	background-color: #EDF2F6;
	overflow: auto;
	overflow-x: hidden;
	touch-action: pan-y;
}

.view-main .page .page-footer {
	display: flex;
	width: 100%;
	max-width: 100%;
	height: auto;
	justify-content: center;
	text-align: center;
	background-color: #e4e4e4;
}

@media (max-width: 600px) {
	.view-main .page .page-header .header-inner,
	.view-main .page .page-content {
		width: 100%;
		max-width: 100%;
		left: 0;
	}
}

@media (max-width: 1004px) {
	.view-main .page {
		background-color: #EDF2F6;
	}
}

/* .page-desktop */

.view-main .page.desktop-view {
	background-color: #EDF2F6;
	overflow: auto;
	overflow-x: hidden;
}

.view-main .page .page-header.desktop-view {
	background-color: #007aff;
	color: #fff;
	height: auto;
}

.view-main .page .page-console.desktop-view {
	background-color: #DBE7FF;
	height: auto;
}

.view-main .page .page-content.desktop-view {
	display: flex;
	flex-direction: row;
	width: 100%;
	max-width: 100%;
	left: auto;
	justify-content: center;
	overflow: visible !important;
}

.view-main .page .page-footer.desktop-view {
	margin-top: 80px;
	padding-top: 25px;
	/* padding-bottom: 25px; */
	background-color: #e4e4e4;
}

.view-main .page .page-header.desktop-view .header-inner,
.view-main .page .page-console.desktop-view .console-inner,
.view-main .page .page-content.desktop-view .content-inner,
.view-main .page .page-footer.desktop-view .footer-top,
.view-main .page .page-footer.desktop-view .footer-inner {
	position: relative;
	width: var(--desktop-width);
	max-width: var(--desktop-width);
	background-color: transparent;
}

.view-main .page .page-console.desktop-view .console-inner {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*핀 하트 관련 공통 스타일*/
.view-main .page .card .heart-wrap {
	z-index: 1;
}

.view-main .page .card .heart-wrap .pin-heart {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background-color: #fff;
	opacity: 0.8;
	border-color: rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 0px 1px transparent, 0px 0px 0px 4px transparent, 0px 2px 4px rgba(0, 0, 0, 0.18);
    cursor: pointer;
    display: none;
}

.view-main .page .card .heart-wrap .pin-heart.selected {
	display: flex;
	box-shadow: none;
	background-color: transparent;
	opacity: 0.8;
	color: #fd5c63;
}

.view-main .page .card .heart-wrap .pin-heart .fa-heart {
	font-size: 16px;
}

.view-main .page .card .heart-wrap .pin-heart .fa-solid.fa-heart {
	font-size: 20px;
}

.view-main .page .card .heart-wrap .pin-heart.selected .fa-regular.fa-heart {
	display: none;
}

.view-main .page .card .heart-wrap .pin-heart:not(.selected) {
	color: #aaa;
}

.view-main .page .card:hover .heart-wrap .pin-heart:not(.selected) {
	display: flex;
	-webkit-animation: popping-pin-heart 0.3s cubic-bezier(0.1,0,0.6,1);
	animation: popping-pin-heart 0.3s cubic-bezier(0.1,0,0.6,1);
}

.view-main .page .card .heart-wrap .pin-heart:not(.selected) .fa-solid.fa-heart {
	display: none;
}

.view-main .page .card .heart-wrap .pin-heart:hover {
	opacity: 1;
}

@media (max-width: 1004px) {
	.view-main .page .page-header.desktop-view {
		display: none;
	}

	.view-main .page .card .heart-wrap .pin-heart {
		display: flex;
	}
}

.dialog-pickup-extra-notice {
	--f7-dialog-width: 400px;
}

.dialog-pickup-extra-notice .dialog-inner .extra-deal-info-wrap {
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	overflow-y: auto;
	max-height: 300px;
}

.dialog-pickup-extra-notice .dialog-inner .extra-deal-info-wrap > .extra-deal-info:not(:last-child) {
	border-bottom: 1px dashed #ccc;
}

.dialog-pickup-extra-notice .dialog-inner .extra-deal-info-wrap > .extra-deal-info {
	padding: 10px 16px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0;
}

.dialog-pickup-extra-notice .dialog-inner .extra-deal-info-wrap > .extra-deal-info > .extra-deal-list {
	gap: 4px 8px;
	flex-wrap: wrap;
}

.dialog-cancel-reservation {
	--f7-dialog-width: 400px;
}

.dialog-cancel-reservation .dialog-inner .dialog-title {
	font-size: 16px;
}

.dialog-cancel-reservation .dialog-inner .dialog-text {
	display: flex;
	padding-top: 14px;
	justify-content: center;
}

@media (max-width: 400px) {
	.dialog-pickup-extra-notice,
	.dialog-cancel-reservation {
		--f7-dialog-width: 100%;
	}
}

.dialog-coupon {
	position: relative;
	background-color: #007AFF;
	padding: 12px 20px;
	font-size: 20px;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.dialog-coupon::after {
	content: '';
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	background-color: #fff;
	border-radius: 50%;
	top: 50%;
	right: 0%;
	transform: translate(50%, -50%);
}

.dialog-coupon::before {
	content: '';
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	background-color: #fff;
	border-radius: 50%;
	top: 50%;
	left: 0%;
	transform: translate(-50%, -50%);
}

.dialog-coupon .coupon-text {
	color: #fff;
	font-weight: 700;
	text-align: center;
}

.dialog-coupon .coupon-notice {
	color: #fff;
	font-size: 14px;
	text-align: center;
	margin-top: 8px;
}

.review-stars-wrap {
	display: inline-block;
	position: relative;
	height: 20px;
}

.review-stars-wrap .review-stars {
	padding: 0;
	margin: 0;
}

.review-stars-wrap .stars-active {
	display: inline-block;
	color: #FFAD33;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	width: calc(var(--_review-score,0) * 20%);
	z-index: 10;
}

.review-stars-wrap .stars-inactive {
	color: #FFAD33;
	position: absolute;
	top: 0;
	left: 0;
}

.popover-notice-foreigner.popover {
	background-color: #fff;
}

.popover-notice-foreigner .block {
	margin: 20px 4px;
}

.popover-notice-foreigner .block .popover-title {
	font-weight: 700;
	font-size: 16px;
	color:#fd5c63;
}

/* 효과 관련 공통 스타일 */
.glow-color-pink {
	--effect-glow-color-1: #ff4d6d;
	--effect-glow-color-2: #ffb3c1;
}

.glow-color-blue {
	--effect-glow-color-1: #2196f3;
	--effect-glow-color-2: #c7e6ff;
}

.glow-color-yellow {
	--effect-glow-color-1: #FFEA00;
	--effect-glow-color-2: #ffd900;
}

.glow-color-orange {
	--effect-glow-color-1: #ff7300;
	--effect-glow-color-2: #ffd37a;
}

.glow-color-toss-blue {
	--effect-glow-color-1: #004CE6;
	--effect-glow-color-2: #5eacff;
}

.effect-glow {
	background: linear-gradient(45deg, var(--effect-glow-color-1), var(--effect-glow-color-2), var(--effect-glow-color-1));
	background-size: 800%;
	animation: effect-glow 20s linear infinite;
}

.effect-glow-metalic {
	background: linear-gradient(80deg,
		var(--effect-glow-color-1) 0%, 
		var(--effect-glow-color-1) 45%, 
		var(--effect-glow-color-2) 50%,
		var(--effect-glow-color-1) 55%,
		var(--effect-glow-color-1) 100%
	);

	background-size: 800%;
	animation: effect-glow-metalic 20s linear infinite;
}
/* .page-content */

[namespace=view-cars-step1-A].page .page-content {
}

[namespace=view-cars-step1-A].page .page-content .card.before-result .card-content {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 120px;
	padding-bottom: 120px;	
}

[namespace=view-cars-step1-A].page .page-content .trip-deals-board .card[data-product-count="0"] {display: none;}

[namespace=view-cars-step1-A].page .page-content .trip-deals-board:not(.insur-0) .card ul.comparison-list li [data-insur-cd="0"],
[namespace=view-cars-step1-A].page .page-content .trip-deals-board:not(.insur-1) .card ul.comparison-list li [data-insur-cd="1"],
[namespace=view-cars-step1-A].page .page-content .trip-deals-board:not(.insur-2) .card ul.comparison-list li [data-insur-cd="2"],
[namespace=view-cars-step1-A].page .page-content .trip-deals-board:not(.insur-3) .card ul.comparison-list li [data-insur-cd="3"],
[namespace=view-cars-step1-A].page .page-content .trip-deals-board:not(.insur-4) .card ul.comparison-list li [data-insur-cd="4"] {display: none;}

[namespace=view-cars-step1-A].page .page-content .trip-deals-board:not(.insur-0) .card ul.comparison-list li.insur-0,
[namespace=view-cars-step1-A].page .page-content .trip-deals-board:not(.insur-1) .card ul.comparison-list li.insur-1,
[namespace=view-cars-step1-A].page .page-content .trip-deals-board:not(.insur-2) .card ul.comparison-list li.insur-2,
[namespace=view-cars-step1-A].page .page-content .trip-deals-board:not(.insur-3) .card ul.comparison-list li.insur-3,
[namespace=view-cars-step1-A].page .page-content .trip-deals-board:not(.insur-4) .card ul.comparison-list li.insur-4 {display: none;}

[namespace=view-cars-step1-A].page .page-content .trip-deals-board.insur-0 .card ul.comparison-list li.insur-0:not(.overflow),
[namespace=view-cars-step1-A].page .page-content .trip-deals-board.insur-1 .card ul.comparison-list li.insur-1:not(.overflow),
[namespace=view-cars-step1-A].page .page-content .trip-deals-board.insur-2 .card ul.comparison-list li.insur-2:not(.overflow),
[namespace=view-cars-step1-A].page .page-content .trip-deals-board.insur-3 .card ul.comparison-list li.insur-3:not(.overflow),
[namespace=view-cars-step1-A].page .page-content .trip-deals-board.insur-4 .card ul.comparison-list li.insur-4:not(.overflow) {display: flex;}

[namespace=view-cars-step1-A].page .page-content .trip-deals-board [namespace="deal-list-banner"].swiper-container {
	border-radius: 12px;
	margin: 16px;
	line-height: 1.1;
	position: relative;
}

[namespace=view-cars-step1-A].page .page-content .trip-deals-board [namespace="deal-list-banner"].swiper-container .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
}

[namespace=view-cars-step1-A].page .page-content .trip-deals-board [namespace="deal-list-banner"].swiper-container .swiper-slide img {
	width: 100%;
}

[namespace=view-cars-step1-A].page .page-content .trip-deals-board [namespace="deal-list-banner"].swiper-container [data-btn-close-list-banner] {
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
	font-size: 24px;
	color: #fff;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.45);
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px;
	z-index: 3;
}
/* .page-content */

[namespace=view-cars-step1-B].page .page-content .preloader-list {
	margin: 30% auto;
	justify-content: center;
}

[namespace=view-cars-step1-B].page .page-content .content-inner .float-tooltip {
	position: fixed;
	text-align: end;
	margin-top: 5px;
	right: 5px;
	background-color: #000;
	color: #fff;
	font-size: 13px;
	padding: 8px 12px;
	border-radius: 8px;
	opacity: 0.9;
	z-index: 10;
	display:none;
}

[namespace=view-cars-step1-B].page .page-content .content-inner .float-tooltip.fade-out {
	opacity: 0;
	transition: var(--_transition-time, 300ms) ease-in-out;
}

[namespace=view-cars-step1-B].page .page-content .content-inner .float-tooltip.on-show {
	display: block;
}  

[namespace=view-cars-step1-B].page .page-content .trip-deals-board .card[data-deal-count="0"] {display: none;}

[namespace=view-cars-step1-B].page .page-content .trip-deals-board:not(.insur-0) .card ul.comparison-list li[data-insur-type-cd="0"],
[namespace=view-cars-step1-B].page .page-content .trip-deals-board:not(.insur-1) .card ul.comparison-list li[data-insur-type-cd="1"],
[namespace=view-cars-step1-B].page .page-content .trip-deals-board:not(.insur-2) .card ul.comparison-list li[data-insur-type-cd="2"],
[namespace=view-cars-step1-B].page .page-content .trip-deals-board:not(.insur-3) .card ul.comparison-list li[data-insur-type-cd="3"],
[namespace=view-cars-step1-B].page .page-content .trip-deals-board:not(.insur-4) .card ul.comparison-list li[data-insur-type-cd="4"] {display: none;}

[namespace=view-cars-step1-B].page .page-content .trip-deals-board:not(.insur-0) .card ul.comparison-list li.insur-0,
[namespace=view-cars-step1-B].page .page-content .trip-deals-board:not(.insur-1) .card ul.comparison-list li.insur-1,
[namespace=view-cars-step1-B].page .page-content .trip-deals-board:not(.insur-2) .card ul.comparison-list li.insur-2,
[namespace=view-cars-step1-B].page .page-content .trip-deals-board:not(.insur-3) .card ul.comparison-list li.insur-3,
[namespace=view-cars-step1-B].page .page-content .trip-deals-board:not(.insur-4) .card ul.comparison-list li.insur-4 {display: none;}
/* .page-content */

[namespace=view-cars-step1-desktop].page .page-content {
}

[namespace=view-cars-step1-desktop].page .page-content .before-result {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	padding-top: 150px;
	padding-bottom: 150px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius: 12px;
	font-size: 15px;
}

[namespace=view-cars-step1-desktop].page .page-content .recommended-board {
	margin-top: 25px;
}

[namespace=view-cars-step1-desktop].page .page-content .trip-deals-board {
	margin-top: 25px;
}

[namespace=view-cars-step1-desktop].page .page-content .trip-deals-board .card[data-product-count="0"] {display: none;}

[namespace=view-cars-step1-desktop].page .page-content .trip-deals-board:not(.insur-0) .card ul.comparison-list li.insur-0,
[namespace=view-cars-step1-desktop].page .page-content .trip-deals-board:not(.insur-1) .card ul.comparison-list li.insur-1,
[namespace=view-cars-step1-desktop].page .page-content .trip-deals-board:not(.insur-2) .card ul.comparison-list li.insur-2,
[namespace=view-cars-step1-desktop].page .page-content .trip-deals-board:not(.insur-3) .card ul.comparison-list li.insur-3,
[namespace=view-cars-step1-desktop].page .page-content .trip-deals-board:not(.insur-4) .card ul.comparison-list li.insur-4 {display: none;}

[namespace=view-cars-step1-desktop].page .page-content .trip-deals-board.insur-0 .card ul.comparison-list li.insur-0:not(.overflow),
[namespace=view-cars-step1-desktop].page .page-content .trip-deals-board.insur-1 .card ul.comparison-list li.insur-1:not(.overflow),
[namespace=view-cars-step1-desktop].page .page-content .trip-deals-board.insur-2 .card ul.comparison-list li.insur-2:not(.overflow),
[namespace=view-cars-step1-desktop].page .page-content .trip-deals-board.insur-3 .card ul.comparison-list li.insur-3:not(.overflow),
[namespace=view-cars-step1-desktop].page .page-content .trip-deals-board.insur-4 .card ul.comparison-list li.insur-4:not(.overflow) {display: flex;}
/* .page-content */

[namespace=view-cars-step2-check].page .page-content {
	padding-bottom: 220px;
}

[namespace=view-cars-step2-check].page .page-content .card {
	padding: 16px;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 0px;
}

[namespace=view-cars-step2-check].page .page-content .card .card-header {
	padding: 10px;
	padding-top: 0;
	border-bottom: 1px solid #E4E4E4;
	font-size: 16px;
	font-weight: 600;
}

[namespace=view-cars-step2-check].page .page-content .card .card-footer {
	padding-top: 17px;
	padding-bottom: 1px;
	border-top: 1px solid #E4E4E4;
}

[namespace=view-cars-step2-check].page .page-content .card .card-footer i {
	margin:  0 8px;
}

[namespace=view-cars-step2-check].page .page-content .card .card-footer .notice {
	font-weight: 600;
	font-size: 16px;
	color: #C8222C;
}

[namespace=view-cars-step2-check].page .page-content .card .card-footer .notice-foreigner {
	font-weight: 600;
	font-size: 16px;
	color: #C8222C;
}

[namespace=view-cars-step2-check].page .page-content .card .card-footer .notice-foreigner a {
	color: #006FFF;
	text-underline-offset: 4px;
	text-decoration: underline;
}

[namespace=view-cars-step2-check].page .page-content .card i.fa-square-check,
[namespace=view-cars-step2-check].page .page-content .card i.fa-square {
	margin-right: 8px;
}

/*.page .page-content .block.basic-info */

[namespace=view-cars-step2-check].page .page-content .block.basic-info {
	padding: 0px 25px;
	margin: 10px;
}

[namespace=view-cars-step2-check].page .page-content .block.basic-info .block-content {
	display: flex;
	margin-bottom: 15px;
	letter-spacing: -1px;
	font-size: 15px;
	justify-content: center;
}

[namespace=view-cars-step2-check].page .page-content .block.basic-info .block-content .right {

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

[namespace=view-cars-step2-check].page .page-content .block.basic-info .block-content .right img {
	width: 100%;
	max-width: 130px;
}

[namespace=view-cars-step2-check].page .page-content .block.basic-info .block-content .left {

	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 25px;
	padding-right: 15px;
}

[namespace=view-cars-step2-check].page .page-content .block.basic-info .block-content .name {
	font-weight: bold;
	font-size: 22px;
	letter-spacing: -1.5px;
	margin-bottom: 4px;
}

[namespace=view-cars-step2-check].page .page-content .block.basic-info .block-content .point {
	display: flex;
	align-items: center;
	gap: 0 4px;
	flex-wrap: wrap;
}

[namespace=view-cars-step2-check].page .page-content .block.basic-info .block-content .point div {
	text-wrap: nowrap;
}

[namespace=view-cars-step2-check].page .page-content .block.basic-info .block-content .point div::after {
	content: "|";
	font-weight: 100;
	margin-left: 3px;
}

[namespace=view-cars-step2-check].page .page-content .block.basic-info .block-content .point span {
	font-size: 13px;
	color: #333;
	line-height: 1.7;
	letter-spacing: -2px;
	text-wrap: nowrap;
}

[namespace=view-cars-step2-check].page .page-content .block.basic-info .block-footer.schedule {
	font-weight: 600;
	font-size: 16px;
	align-self: center;
	margin: 0;
	margin-top: 15px;
	background-color: #d6e6f6;
	padding: 10px;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-wrap: nowrap;
}

[namespace=view-cars-step2-check].page .page-content .block.basic-info .block-footer.schedule [data-start-date],
[namespace=view-cars-step2-check].page .page-content .block.basic-info .block-footer.schedule [data-end-date] {
	color: #006FFF;
}

[namespace=view-cars-step2-check].page .page-content .block.basic-info .block-footer.schedule [data-start-time],
[namespace=view-cars-step2-check].page .page-content .block.basic-info .block-footer.schedule [data-end-time] {
	color: #000;
}

[namespace=view-cars-step2-check].page .page-content .block.basic-info .block-footer.schedule i {
	margin: 0 15px;
}

/*.page .page-content .card.driver-requires*/

[namespace=view-cars-step2-check].page .page-content .card.driver-requires .card-header {
	flex-direction: column;
	padding: 0;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-requires .card-header .row {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-size: 13px;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-requires .card-header .row.info {
	padding-bottom: 12px;
	border-bottom: 1px solid #E4E4E4;
	justify-content: space-between;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-requires .info-basic {
	font-weight: 600;
	font-size: 15px;
	padding: 5px 0;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-requires .card-header [data-btn-provider-detail] {
	border: 1px solid #097CF9;
	color: #097CF9;
	border-radius: 4px;
	padding: 2px 16px;
	text-wrap: nowrap;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-requires .card-header [data-btn-provider-detail] i {
	margin-left: 6px;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-requires .card-header .row.charge {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	align-content: center;
	padding: 20px;
	padding-top: 22px;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-requires.coupon-apply .card-header,
[namespace=view-cars-step2-check].page .page-content .card.driver-requires.coupon-apply .card-header .row.info {
	border-bottom: 1px solid #E72264;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-requires .card-header .row .info-charge {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 4px 32px;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-requires .card-header .row .info-charge > .coupon-sale {
	color: #E72264;
	font-weight: 400;
	font-size: 16px;
	display: flex;
	align-self: center;
	gap: 4px;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-requires .card-header .row .info-charge > .coupon-sale i {
	font-size: 20px;
	align-self: center;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-requires .card-header .row .info-charge > .charge-total {
	font-size: 15px;
	color: #888888;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-requires .card-header .row .info-charge-additional {
	font-size: 15px;
	color: #888888;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-requires .card-header .row .info-charge-additional .deposit {
	color: #006FFF;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-requires .card-header .row .info-charge-additional .custfee {
	color: #000000;
}


[namespace=view-cars-step2-check].page .page-content .card.driver-requires .info-charge [data-car-charge] {
	margin: 0 3px;
	font-weight: 600;
	font-size: 18px;
	color: #006FFF;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-requires [data-insur-type] {
	color: #006FFF;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-requires .card-content .col,
[namespace=view-cars-step2-check].page .page-content .card.product-option .card-content .row {
	font-size: 14px;
	margin: 7px 0;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-requires .card-content {
	padding: 16px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-requires .card-content .center {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	flex-wrap: wrap;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-requires .card-content .center .col {
	flex-basis: 42%;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-left: 8%;
	text-wrap: nowrap;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-requires .card-content .col i {
	padding-left: 3px;
	padding-right: 5px;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-requires .card-content .col img {
	display: none;
}

/*.page .page-content .card.product-option*/
[namespace=view-cars-step2-check].page .page-content .card.driver-requires .card-content,
[namespace=view-cars-step2-check].page .page-content .card.product-option .card-content {
	padding: 8px;
}

[namespace=view-cars-step2-check].page .page-content .card.product-option .card-content .row .col i {
	padding-left: 3px;
	padding-right: 8px;
}

[namespace=view-cars-step2-check].page .page-content .card.product-option .card-content .row [data-checked="false"] {
	color: #DDDDDD;
}

[namespace=view-cars-step2-check].page .page-content .card.product-option .card-content .row [data-checked="true"] i.fa-square,
[namespace=view-cars-step2-check].page .page-content .card.product-option .card-content .row [data-checked="false"] i.fa-check { display: none; }

[namespace=view-cars-step2-check].page .page-content .card.product-option .card-content .row [data-checked="true"] i.fa-check,
[namespace=view-cars-step2-check].page .page-content .card.product-option .card-content .row [data-checked="false"] i.fa-square { display: inline; }

/*.page .page-content .card.driver-info*/
[namespace=view-cars-step2-check].page .page-content .card.driver-info .card-content {
	padding-left: 10px;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-info .list {
	padding-top: 8px;
	padding-bottom: 8px;
	border: none;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-info .item-content {
	padding-left: 0;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-info .item-inner {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	padding-right:  0;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-info .item-title {
	width: 22%;
	font-weight: 600;
	font-size: 16px;
	align-self: center;
}


[namespace=view-cars-step2-check].page .page-content .card.driver-info .item-inner .item-input {
	width: 70%;
	font-size: 15px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-info .user-name .last-name {
	width: 28%;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-info .user-name .first-name {
	width: 70%;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-info .user-phone {
	width: 100%;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-info input {
	font-size: 15px;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-info .item-inner .item-after {
	width: 42px;
	height: 100%;
	padding-right: 0;
	margin-left: 0;
	justify-content: flex-end;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-info .item-inner .item-after button {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	border: 1px solid #DDDDDD;
	font-size: 18px;
	color: #000;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-info .check-driver i {
	color: #006FFF;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-info .check-driver[data-check-user-and-driver="false"] .fa-square,
[namespace=view-cars-step2-check].page .page-content .card.driver-info .check-driver[data-check-user-and-driver="true"] .fa-square-check { display: inline; }

[namespace=view-cars-step2-check].page .page-content .card.driver-info .check-driver[data-check-user-and-driver="true"] .fa-square,
[namespace=view-cars-step2-check].page .page-content .card.driver-info .check-driver[data-check-user-and-driver="false"] .fa-square-check { display: none; }

[namespace=view-cars-step2-check].page .page-content .card.driver-info .check-foreigner i {
	color: #006FFF;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-info .check-foreigner[data-check-foreign-nationality="false"] .fa-square,
[namespace=view-cars-step2-check].page .page-content .card.driver-info .check-foreigner[data-check-foreign-nationality="true"] .fa-square-check { display: inline; }

[namespace=view-cars-step2-check].page .page-content .card.driver-info .check-foreigner[data-check-foreign-nationality="true"] .fa-square,
[namespace=view-cars-step2-check].page .page-content .card.driver-info .check-foreigner[data-check-foreign-nationality="false"] .fa-square-check { display: none; }

/*.page .page-content .card.driver-insur-info*/

[namespace=view-cars-step2-check].page .page-content .card.driver-insur-info .card-header {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-insur-info .card-header .sub-title {
	margin-top: 5px;
	width:100%;
	font-size: 13px;
	display: flex;
	justify-content: space-between;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-insur-info .card-header .sub-title .subject {
	color: #888888;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-insur-info .card-header .sub-title .view-detail {
	color: #006FFF;
	cursor: pointer;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-insur-info .card-header .sub-title .view-detail img {
	width: 18px;
	margin-right: 5px;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-insur-info .card-content {
	padding-left: 10px;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-insur-info .list {
	padding-top: 8px;
	padding-bottom: 8px;
	border: none;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-insur-info .item-content {
	padding-left: 0;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-insur-info .item-inner {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	padding-right:  0;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-insur-info .item-title {
	width: 22%;
	font-weight: 600;
	font-size: 16px;
	align-self: center;
}


[namespace=view-cars-step2-check].page .page-content .card.driver-insur-info .item-inner .item-input {
	width: 70%;
	font-size: 15px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-insur-info .user-name .last-name {
	width: 28%;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-insur-info .user-name .first-name {
	width: 70%;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-insur-info .user-phone {
	width: 100%;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-insur-info input {
	font-size: 15px;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-insur-info .item-inner .item-after {
	width: 42px;
	height: 100%;
	padding-right: 0;
	margin-left: 0;
	justify-content: flex-end;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-insur-info .item-inner .item-after button {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	border: 1px solid #DDDDDD;
	font-size: 18px;
	color: #000;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-insur-info .check-driver-insur i {
	color: #006FFF;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-insur-info[data-check-driver-and-driver-insur="false"] .check-driver-insur .fa-square,
[namespace=view-cars-step2-check].page .page-content .card.driver-insur-info[data-check-driver-and-driver-insur="true"] .check-driver-insur .fa-square-check { display: inline; }

[namespace=view-cars-step2-check].page .page-content .card.driver-insur-info[data-check-driver-and-driver-insur="true"] .check-driver-insur .fa-square,
[namespace=view-cars-step2-check].page .page-content .card.driver-insur-info[data-check-driver-and-driver-insur="false"] .check-driver-insur .fa-square-check { display: none; }

[namespace=view-cars-step2-check].page .page-content .card.driver-insur-info .card-footer {
	padding-right: 0;
	padding-left: 0;
	font-size: 12px;
}

[namespace=view-cars-step2-check].page .page-content .card.driver-insur-info[data-driver-insur-accepted="false"] {
	display: none;
}
/*.page .page-content .card.extra-info*/

[namespace=view-cars-step2-check].page .page-content .card.extra-info .card-header {
	padding-right: 0;
}

[namespace=view-cars-step2-check].page .page-content .card.extra-info .card-header button {
	width: 42px;
	height: 40px;
	font-size: 18px;
	color: #000;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border: 1px solid #DDDDDD;
}

[namespace=view-cars-step2-check].page .page-content .card.extra-info .list-title {
	font-size: 15px;
	margin-bottom: 26px;
	font-weight: 600;
	cursor: pointer;
}

[namespace=view-cars-step2-check].page .page-content .card.extra-info .list-title i.fa-square-check {
	color: #006FFF;
}

[namespace=view-cars-step2-check].page .page-content .card.extra-info > .card-conent,
[namespace=view-cars-step2-check].page .page-content .card.extra-info > .card-content {
	padding: 8px 14px;
}

[namespace=view-cars-step2-check].page .page-content .card.extra-info .extra-buggy,
[namespace=view-cars-step2-check].page .page-content .card.extra-info .extra-convenience-items,
[namespace=view-cars-step2-check].page .page-content .card.extra-info .extra-car-delivery,
[namespace=view-cars-step2-check].page .page-content .card.extra-info .extra-tickets,
[namespace=view-cars-step2-check].page .page-content .card.extra-info .extra-items {
	padding-top: 8px;
	padding-bottom: 8px;
}

[namespace=view-cars-step2-check].page .page-content .card.extra-info .card-content .add-product button {
	font-size: 15px;
	height: 32px;
	width: 160px;
	margin: 32px 0;
	border: 1px solid #DDDDDD;
	border-radius: 4px;
	color: #000;
}

[namespace=view-cars-step2-check].page .page-content .card.extra-info .card-content .add-product button i {
	font-size: 16px;
	font-weight: bold;
}


[namespace=view-cars-step2-check].page .page-content .card.extra-info [data-add-deals="true"] .list-content,
[namespace=view-cars-step2-check].page .page-content .card.extra-info [data-add-deals="true"] .add-product {
	display: block;
}


[namespace=view-cars-step2-check].page .page-content .card.extra-info [data-add-deals="false"] .list-title .fa-square,
[namespace=view-cars-step2-check].page .page-content .card.extra-info [data-add-deals="true"] .list-title .fa-square-check {
	display: inline;
}


[namespace=view-cars-step2-check].page .page-content .card.extra-info [data-add-deals="true"] .list-title .fa-square,
[namespace=view-cars-step2-check].page .page-content .card.extra-info [data-add-deals="false"] .list-title .fa-square-check,
[namespace=view-cars-step2-check].page .page-content .card.extra-info [data-add-deals="false"] .list-content,
[namespace=view-cars-step2-check].page .page-content .card.extra-info [data-add-deals="false"] .add-product {
	display: none;
}

[namespace=view-cars-step2-check].page .page-content .card.extra-info .card-content .extra-card {
    padding: 12px 16px;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 0px;
    position: relative;
    background-color: #FAFAFA;
    min-height: 40px;
    margin: 0;
    display: flex;
    align-items: center;
    border: 1px solid #E4E4E4;
}

[namespace=view-cars-step2-check].page .page-content .card.extra-info .card-content .extra-card .card-content {
    display: flex;
    flex-direction: row;
    height: 100%;
    padding: 0;
}

[namespace=view-cars-step2-check].page .page-content .card.extra-info .card-content .extra-card .card-content .extra-card-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 40px;
    padding-left: 30px;
}

[namespace=view-cars-step2-check].page .page-content .extra-car-delivery .extra-card .card-content .extra-card-img {
	padding-left: 10px !important;
	padding-right: 0px !important;
    width: 60px !important;
}

[namespace=view-cars-step2-check].page .page-content .card.extra-info .card-content .extra-card .card-content .extra-card-desc {
    padding: 12px;
    align-self: center;
    width: 100%;
    padding-left: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

[namespace=view-cars-step2-check].page .page-content .card.extra-info .card-content .extra-card .card-content .extra-card-desc .text {
    display: inline-block;
    font-size: 16px;
    color: #888888;
}

@media (max-width: 629px) {
	[namespace=view-cars-step2-check].page .page-content .card.extra-info .card-content .extra-card .card-content .extra-card-desc {
	    display: block;
	}

	[namespace=view-cars-step2-check].page .page-content .card.extra-info .card-content .extra-card .card-content .extra-card-desc .text {
		font-size: 12px;
	}

	[namespace=view-cars-step2-check].page .page-content .card.driver-requires .card-header .row.info {
		justify-content: space-around;
	}
}

[namespace=view-cars-step2-check].page .page-content .card.extra-info .card-content .extra-card .card-content .extra-card-desc .title {
	font-size: 20px;
	font-weight: 600;
	width: 90px;
}

[namespace=view-cars-step2-check].page .page-content .card.extra-info .extra-car-delivery .extra-deal {
    justify-content: center;
}

/* .page-content */

[namespace=view-cars-global-step1-A].page .page-content {
}

[namespace=view-cars-global-step1-A].page .page-content .card.before-result .card-content {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 120px;
	padding-bottom: 120px;	
}

[namespace=view-cars-global-step1-A].page .page-content .trip-deals-board [namespace="deal-list-banner"].swiper-container {
	border-radius: 12px;
	margin: 16px;
	line-height: 1.1;
	position: relative;
}

[namespace=view-cars-global-step1-A].page .page-content .trip-deals-board [namespace="deal-list-banner"].swiper-container .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
}

[namespace=view-cars-global-step1-A].page .page-content .trip-deals-board [namespace="deal-list-banner"].swiper-container .swiper-slide img {
	width: 100%;
}

[namespace=view-cars-global-step1-A].page .page-content .trip-deals-board [namespace="deal-list-banner"].swiper-container [data-btn-close-list-banner] {
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
	font-size: 24px;
	color: #fff;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.45);
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px;
	z-index: 3;
}
/* .page-content */

[namespace=view-cars-global-step1-desktop].page .page-content {
}

[namespace=view-cars-global-step1-desktop].page .page-content .before-result {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	padding-top: 150px;
	padding-bottom: 150px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius: 12px;
	font-size: 15px;
}

[namespace=view-cars-global-step1-desktop].page .page-content .recommended-board {
	margin-top: 25px;
}

[namespace=view-cars-global-step1-desktop].page .page-content .trip-deals-board {
	margin-top: 25px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 24px;
	align-items: stretch;
}

/* .page-content */

[namespace=view-cars-global-step2-check].page .page-content {
	padding-bottom: 220px;
    --f7-input-outline-border-color: #D9D9D9;
    gap: 16px;
}

[namespace=view-cars-global-step2-check].page .page-content .card .info button {
    border: 1px solid #007aff;
    border-radius: 6px;
    color: #007aff;
    font-weight: 500;
    font-size: 14px;
    height: auto;
}

[namespace=view-cars-global-step2-check].page .page-content .card:not(.summary) {
	padding: 24px;
	font-size: 16px;
    margin: 0 24px;
}

[namespace=view-cars-global-step2-check].page .page-content .card .card-header {
    padding: 10px;
	padding: 0;
	font-size: 16px;
	font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

[namespace=view-cars-global-step2-check].page .page-content .card .card-header .row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

[namespace=view-cars-global-step2-check].page .page-content .card.booking-user-info .card-header,
[namespace=view-cars-global-step2-check].page .page-content .card .card-header .row > .title {
    font-size: 17px;
    font-weight: 700;
}

[namespace=view-cars-global-step2-check].page .page-content .card .card-header .row > .notice {
    text-align: center;
    margin-top: 16px;
    border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
    padding: 12px 0;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
}

[namespace=view-cars-global-step2-check].page .page-content .card .card-header .row > .description {
    font-size: 14px;
    font-weight: 400;
    color: #808080;
}

[namespace=view-cars-global-step2-check].page .page-content .card .card-footer {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

[namespace=view-cars-global-step2-check].page .page-content .card .card-footer i {
	margin:  0 4px;
}

[namespace=view-cars-global-step2-check].page .page-content .card .row ul > li,
[namespace=view-cars-global-step2-check].page .page-content .card .block-footer ul > li,
[namespace=view-cars-global-step2-check].page .page-content .card .card-footer ul > li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 6px;
    color: #333;
    font-size: 15px;
    margin-bottom: 4px;
}

[namespace=view-cars-global-step2-check].page .page-content .card .warning {
    background-color: #ffecec;
    border-radius: 12px;
}

[namespace=view-cars-global-step2-check].page .page-content .card .warning h3 {
    gap: 6px;
}

[namespace=view-cars-global-step2-check].page .page-content .card .warning h3 img {
    width: 18px;
}

[namespace=view-cars-global-step2-check].page .page-content .card .row ul > li {
    align-items: flex-start;
}

[namespace=view-cars-global-step2-check].page .page-content .card .row ul > li::before {
    content: '•';
    color: #C8222C;
}

[namespace=view-cars-global-step2-check].page .page-content .card .block-footer ul > li::before,
[namespace=view-cars-global-step2-check].page .page-content .card .card-footer ul > li::before {
    content: '•';
    color: #007aff;
}

[namespace=view-cars-global-step2-check].page .page-content .card .card-footer .row {
    width: 100%;
    justify-content: center;
}

[namespace=view-cars-global-step2-check].page .page-content .card .card-footer .row .notice {
    text-align: center;
    padding: 16px 0;
    color: #333;
}

[namespace=view-cars-global-step2-check].page .page-content .card .card-footer .row.hairline {
    border-top: 1px solid #E4E4E4;
}

[namespace=view-cars-global-step2-check].page .page-content .card .card-footer .row:last-child .notice {
    padding-bottom: 0;
}

/*.page .page-content .block.basic-info */

[namespace=view-cars-global-step2-check].page .page-content .block.basic-info {
    padding: 0;
    margin: 24px;
    margin-bottom: 0;
}

[namespace=view-cars-global-step2-check].page .page-content .block.basic-info .block-content {
	display: flex;
	margin-bottom: 15px;
	letter-spacing: -1px;
	font-size: 15px;
	justify-content: center;
    flex-direction: column;
    padding: 16px;
}

[namespace=view-cars-global-step2-check].page .page-content .block.basic-info .block-content .row {
    width: 100%;
    flex-wrap: nowrap;
    gap: 24px;
}

[namespace=view-cars-global-step2-check].page .page-content .block.basic-info .block-content .row .right {
	display: flex;
	justify-content: center;
	align-items: center;
}

[namespace=view-cars-global-step2-check].page .page-content .block.basic-info .block-content .row .right img {
	width: 100%;
    max-height: 180px;
}

[namespace=view-cars-global-step2-check].page .page-content .block.basic-info .block-content .name {
	font-weight: bold;
	font-size: 26px;
	letter-spacing: -1.5px;
	margin-bottom: 4px;
}

[namespace=view-cars-global-step2-check].page .page-content .block.basic-info .block-content .point {
	display: flex;
	align-items: center;
	gap: 0 6px;
	flex-wrap: nowrap;
}

[namespace=view-cars-global-step2-check].page .page-content .block.basic-info .block-content .point span:not(:last-child)::after {
	content: "|";
	font-weight: 100;
	margin-left: 6px;
}

[namespace=view-cars-global-step2-check].page .page-content .block.basic-info .block-content .point span {
	font-size: 16px;
	color: #888;
	line-height: 1.7;
	letter-spacing: -2px;
	text-wrap: nowrap;
}

[namespace=view-cars-global-step2-check].page .page-content .block.basic-info .block-footer.schedule {
	font-weight: 600;
	font-size: 16px;
	align-self: center;
	margin: 0;
	margin-top: 15px;
	background-color: #d6e6f6;
	padding: 12px;
	border-radius: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-wrap: nowrap;
    flex-wrap: wrap;
    gap: 4px 20px;
}

[namespace=view-cars-global-step2-check].page .page-content .block.basic-info .block-footer.schedule .using-time {
    color: #333;
}

[namespace=view-cars-global-step2-check].page .page-content .block.basic-info .block-footer.schedule .divider::after {
    content: "";
    border-right: 2px solid #A1C9F9;
}

[namespace=view-cars-global-step2-check].page .page-content .block.basic-info .block-footer.schedule [data-start-date],
[namespace=view-cars-global-step2-check].page .page-content .block.basic-info .block-footer.schedule [data-end-date] {
	color: #006FFF;
}

[namespace=view-cars-global-step2-check].page .page-content .block.basic-info .block-footer.schedule [data-start-time],
[namespace=view-cars-global-step2-check].page .page-content .block.basic-info .block-footer.schedule [data-end-time] {
	color: #333;
}

[namespace=view-cars-global-step2-check].page .page-content .block.basic-info .block-footer.schedule i {
	margin: 0 15px;
}

/* [namespace=view-cars-global-step2-check].page .page-content .card.driver-requires */
[namespace=view-cars-global-step2-check].page .page-content .card.driver-requires .card-header .row {
    justify-content: flex-start;
    gap: 24px;
    padding: 16px;
    padding-top: 12px;
}

[namespace=view-cars-global-step2-check].page .page-content .card.driver-requires .card-header .row .right {
    color: #007aff;
}

[namespace=view-cars-global-step2-check].page .page-content .card.driver-requires .card-header .row .right i {
    margin-left: 8px;
}

[namespace=view-cars-global-step2-check].page .page-content .card.driver-requires .card-content {
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 8px;
}

[namespace=view-cars-global-step2-check].page .page-content .card.driver-requires .card-content .col {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
}

[namespace=view-cars-global-step2-check].page .page-content .card.driver-requires .card-content .col::before {
    content: '•';
    color: #007aff;
}

[namespace=view-cars-global-step2-check].page .page-content .card.driver-requires .card-footer {
    padding-top: 24px;
}

[namespace=view-cars-global-step2-check].page .page-content .card.driver-requires .card-footer .row {
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

[namespace=view-cars-global-step2-check].page .page-content .card.driver-requires .card-footer .insur {
    padding: 4px 12px;
    color: #007aff;
    border: 1px solid #007aff;
    border-radius: 32px;
}

[namespace=view-cars-global-step2-check].page .page-content .card.driver-requires .card-footer .price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 0;
    padding-right: 12px;
    font-size: 16px;
    font-weight: 700;
    margin-left: auto;
}

[namespace=view-cars-global-step2-check].page .page-content .card.driver-requires .card-footer .price .coupon {
    display: flex;
    gap: 8px;
}

[namespace=view-cars-global-step2-check].page .page-content .card.driver-requires .card-footer .price .apply-coupon {
    padding: 4px 8px;
    background-color: #ff2d6515;
    border-radius: 16px;
    font-size: 12px;
    color: #ff2d65;
    border: 1px solid #ff2d65;
}

[namespace=view-cars-global-step2-check].page .page-content .card.driver-requires .card-footer .price .strike-through {
    font-size: 16px;
    align-self: center;
    font-weight: 400;
    text-decoration: line-through;
    color: #aaaaaa;
    padding-right: 4px;
}

[namespace=view-cars-global-step2-check].page .page-content .card.driver-requires .card-footer .price .amount {
    font-size: 24px;
    margin-left: 8px;
    margin-right: 4px;
    font-weight: 700;
    color: #007aff;
}

/* [namespace=view-cars-global-step2-check].page .page-content .card.options */
[namespace=view-cars-global-step2-check].page .page-content .card.options .card-content {
    padding: 16px;
}

[namespace=view-cars-global-step2-check].page .page-content .card.options .card-content .row {
    gap: 8px 0;
}

[namespace=view-cars-global-step2-check].page .page-content .card.options .card-content .col {
    flex-basis: 33%;
    font-size: 14px;
    display: flex;
    align-items: center;
    align-self: center;
    gap: 4px;
}

[namespace=view-cars-global-step2-check].page .page-content .card.options .card-content .col[data-checked="false"] {
    color: #A4A4A4;
}

[namespace=view-cars-global-step2-check].page .page-content .card.options .card-content .col[data-checked="false"] i {
    display: none;
}

[namespace=view-cars-global-step2-check].page .page-content .card.options .card-content .col[data-checked="true"] .fa-check { display: block; }
[namespace=view-cars-global-step2-check].page .page-content .card.options .card-content .col[data-checked="true"] .fa-square { display: none; }
[namespace=view-cars-global-step2-check].page .page-content .card.options .card-content .col[data-checked="false"] .fa-check { display: none; }
[namespace=view-cars-global-step2-check].page .page-content .card.options .card-content .col[data-checked="false"] .fa-square { display: block; }

[namespace=view-cars-global-step2-check].page .page-content .card.options .card-footer .notice {
    color: #CD0000;
}

/*.page .page-content .card.driver-info*/
[namespace=view-cars-global-step2-check].page .page-content .card.traffic-info .card-content,
[namespace=view-cars-global-step2-check].page .page-content .card.driver-info .card-content {
	padding-left: 10px;
}

[namespace=view-cars-global-step2-check].page .page-content .card.traffic-info .list,
[namespace=view-cars-global-step2-check].page .page-content .card.driver-info .list {
	padding-top: 8px;
	padding-bottom: 8px;
	border: none;
}

[namespace=view-cars-global-step2-check].page .page-content .card.traffic-info .item-content {
    padding-left: 0;
}

[namespace=view-cars-global-step2-check].page .page-content .card.driver-info .item-content {
	padding-left: 0;
}

[namespace=view-cars-global-step2-check].page .page-content .card.traffic-info .item-inner,
[namespace=view-cars-global-step2-check].page .page-content .card.driver-info .item-inner {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
    align-items: center;
	padding-right:  0;
}

[namespace=view-cars-global-step2-check].page .page-content .card.traffic-info .item-title,
[namespace=view-cars-global-step2-check].page .page-content .booking-user-info .item-title,
[namespace=view-cars-global-step2-check].page .page-content .card.driver-info .item-title {
	width: 22%;
	font-weight: 600;
	font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    text-overflow: unset;
    align-items: flex-end;
}

[namespace=view-cars-global-step2-check].page .page-content .card.traffic-info .item-inner .item-input,
[namespace=view-cars-global-step2-check].page .page-content .card.driver-info .item-inner .item-input {
    width: 78%;
	font-size: 15px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

[namespace=view-cars-global-step2-check].page .page-content .card.driver-info .user-name .last-name {
    width: 28%;
}

[namespace=view-cars-global-step2-check].page .page-content .card.driver-info .user-name .first-name {
    width: 70%;
}

[namespace=view-cars-global-step2-check].page .page-content .card.driver-info .user-phone {
    width: 100%;
}

[namespace=view-cars-global-step2-check].page .page-content .card.driver-info .user-name span {
    font-size: 13px;
    font-weight: 400;
}

[namespace=view-cars-global-step2-check].page .page-content .card.traffic-info input,
[namespace=view-cars-global-step2-check].page .page-content .card.driver-info input {
	font-size: 15px;
}

[namespace=view-cars-global-step2-check].page .page-content .card.driver-info .item-inner .item-after {
	width: 42px;
	height: 100%;
	padding-right: 0;
	margin-left: 0;
	justify-content: flex-end;
}

[namespace=view-cars-global-step2-check].page .page-content .card.driver-info .item-inner .item-after button {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	border: 1px solid #DDDDDD;
	font-size: 18px;
	color: #000;
}

[namespace=view-cars-global-step2-check].page .page-content .card.driver-info .check-driver i {
	color: #006FFF;
    margin-right: 6px;
}

[namespace=view-cars-global-step2-check].page .page-content .card.driver-info .check-driver[data-check-user-and-driver="false"] .fa-square,
[namespace=view-cars-global-step2-check].page .page-content .card.driver-info .check-driver[data-check-user-and-driver="true"] .fa-square-check { display: inline; }

[namespace=view-cars-global-step2-check].page .page-content .card.driver-info .check-driver[data-check-user-and-driver="true"] .fa-square,
[namespace=view-cars-global-step2-check].page .page-content .card.driver-info .check-driver[data-check-user-and-driver="false"] .fa-square-check { display: none; }

[namespace=view-cars-global-step2-check].page .page-content .select-wrap {
    position: relative;
    width: 100%;
    height: 40px;
    border: 1px solid var(--f7-input-outline-border-color);
    border-radius: 4px;
    z-index: 1;
    display: flex;
    align-items: center;
}

[namespace=view-cars-global-step2-check].page .page-content .select-wrap select {
    width: 100%;
    height: 100%;
    padding: 0 12px;
    z-index: 2;
    cursor: pointer;
}

[namespace=view-cars-global-step2-check].page .page-content .select-wrap i {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #333;
}

[namespace=view-cars-global-step2-check].page .page-content .stepper {
    --f7-stepper-button-bg-color: #fff;
    align-items: center;
    gap: 4px;
}

[namespace=view-cars-global-step2-check].page .page-content .stepper > .stepper-input-wrap,
[namespace=view-cars-global-step2-check].page .page-content .stepper > .stepper-button-minus,
[namespace=view-cars-global-step2-check].page .page-content .stepper > .stepper-button-plus {
    border: unset;
    height: 32px;
    width: 32px;
}

[namespace=view-cars-global-step2-check].page .page-content .stepper > .stepper-input-wrap {
    font-weight: 700;
    width: 100%;
}

[namespace=view-cars-global-step2-check].page .page-content .stepper > .stepper-input-wrap input {
    font-size: 20px;
    width: 32px;
}

[namespace=view-cars-global-step2-check].page .page-content .stepper > .stepper-button-minus,
[namespace=view-cars-global-step2-check].page .page-content .stepper > .stepper-button-plus {
    color: #333;
    border-radius: 5px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
}

[namespace=view-cars-global-step2-check].page .page-content .stepper > .stepper-button-plus::after,
[namespace=view-cars-global-step2-check].page .page-content .stepper > .stepper-button-plus::before,
[namespace=view-cars-global-step2-check].page .page-content .stepper > .stepper-button-minus::after,
[namespace=view-cars-global-step2-check].page .page-content .stepper > .stepper-button-minus::before {
    background-color: #333;
}

[namespace=view-cars-global-step2-check].page .page-content .stepper > .stepper-button-plus::after,
[namespace=view-cars-global-step2-check].page .page-content .stepper > .stepper-button-minus::after {
    width: 12px;
}

[namespace=view-cars-global-step2-check].page .page-content .stepper > .stepper-button-plus::before {
    height: 12px;
}

/* [namespace=view-cars-global-step2-check].page .page-content .card.shuttle .card-header .row > .description  */
[namespace=view-cars-global-step2-check].page .page-content .card.shuttle .card-header .row > .description {
    font-size: 16px;
} 

/* [namespace=view-cars-global-step2-check].page .page-content .card.extra-info */
[namespace=view-cars-global-step2-check].page .page-content .card.extra-info .block.car-seat {
    background-color: #f4f7fa;
    padding: 16px;
    border-radius: 12px;
}

[namespace=view-cars-global-step2-check].page .page-content .card.extra-info .block.car-seat .block-header {
    margin-bottom: 16px;
}

[namespace=view-cars-global-step2-check].page .page-content .card.extra-info .block.car-seat .block-header .row {
    align-items: center;
}

[namespace=view-cars-global-step2-check].page .page-content .card.extra-info .block.car-seat .block-header .title {
    font-size: 18px;
    font-weight: 700;
    color: #333;
}

[namespace=view-cars-global-step2-check].page .page-content .card.extra-info .block.car-seat .block-content {
    padding: 32px 0;
    border-top: 1px solid #cfd2d5;
    border-bottom: 1px solid #cfd2d5;
}

[namespace=view-cars-global-step2-check].page .page-content .card.extra-info .block.car-seat .block-content ul {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 16px;
}

[namespace=view-cars-global-step2-check].page .page-content .card.extra-info .block.car-seat .block-content ul > li {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

[namespace=view-cars-global-step2-check].page .page-content .card.extra-info .block.car-seat .block-content ul > li .item-title {
    font-size: 16px;
    font-weight: 700;
}

[namespace=view-cars-global-step2-check].page .page-content .card.extra-info .block.car-seat .block-footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin-top: 16px;
    gap: 8px
}

[namespace=view-cars-global-step2-check].page .page-content .card.extra-info .block.car-seat .block-footer .notice {
    padding: 0 16px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

[namespace=view-cars-global-step2-check].page .page-content .card.extra-info .block.car-seat .block-footer .price {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #333;
}

[namespace=view-cars-global-step2-check].page .page-content .card.extra-info .block.car-seat .block-footer .price .amount {
    font-size: 22px;
    font-weight: 700;
    color: #007aff;
}

[namespace=view-cars-global-step2-check].page .page-content .card.extra-info .block.etc-card,
[namespace=view-cars-global-step2-check].page .page-content .card.extra-info .block.hep-card {
    padding: 0px;
    margin-top: 24px;
}

[namespace=view-cars-global-step2-check].page .page-content .card.extra-info .block.etc-card .block-header .row,
[namespace=view-cars-global-step2-check].page .page-content .card.extra-info .block.hep-card .block-header .row {
    align-items: center;
}

[namespace=view-cars-global-step2-check].page .page-content .card.extra-info .block.etc-card .block-header .title a,
[namespace=view-cars-global-step2-check].page .page-content .card.extra-info .block.hep-card .block-header .title a {
    font-size: 17px;
    font-weight: 700;
    color: #333;
    align-items: center;
    gap: 8px;
}

[namespace=view-cars-global-step2-check].page .page-content .card.extra-info .block.etc-card .block-header .title i,
[namespace=view-cars-global-step2-check].page .page-content .card.extra-info .block.hep-card .block-header .title i {
    font-size: 16px;
    color: #888;
    align-self: center;
}

[namespace=view-cars-global-step2-check].page .page-content .card.extra-info .block.etc-card .block-header .price,
[namespace=view-cars-global-step2-check].page .page-content .card.extra-info .block.hep-card .block-header .price {
    font-size: 17px;
    font-weight: 700;
    color: #333;
}

[namespace=view-cars-global-step2-check].page .page-content .card.extra-info .block.etc-card .block-header .price .amount,
[namespace=view-cars-global-step2-check].page .page-content .card.extra-info .block.hep-card .block-header .price .amount {
    margin-right: 4px;
    font-size: 22px;
    font-weight: 700;
    color: #007aff;
}

[namespace=view-cars-global-step2-check].page .page-content .card.extra-info .block.etc-card .block-content .guide-notice,
[namespace=view-cars-global-step2-check].page .page-content .card.extra-info .block.hep-card .block-content .guide-notice {
    padding: 16px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    text-align: center;
}

[namespace=view-cars-global-step2-check].page .page-content .card.extra-info .block.etc-card .block-footer,
[namespace=view-cars-global-step2-check].page .page-content .card.extra-info .block.hep-card .block-footer {
    padding-top: 16px;
    margin-top: 0;
    border-top: #e7e7e7 1px solid;
}

/* [namespace=view-cars-global-step2-check].page .page-content .card.notice */

[namespace=view-cars-global-step2-check].page .page-content .card.notice .block {
    padding: 16px;
}

[namespace=view-cars-global-step2-check].page .page-content .card.notice .block.requires {
    border-bottom: 1px solid #E4E4E4;
}

[namespace=view-cars-global-step2-check].page .page-content .card.notice .row.notice {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding: 16px;
    text-align: center;
    font-size: 20px;
    line-height: 1.5;
}

[namespace=view-cars-global-step2-check].page .page-content .card.notice .images.row {
    gap: 32px;
    justify-content: center;
    align-items: center;
}

[namespace=view-cars-global-step2-check].page .page-content .card.notice .images.row > * {
    width: calc(40% - 32px);
}

[namespace=view-cars-global-step2-check].page .page-content .card.notice .images.row > * > img {
    width: 100%;
    height: auto;
}

[namespace=view-cars-global-step2-check].page .page-content .card.notice .block.not-allowed {
    margin-top: 16px;
    padding-bottom: 0;
}


/* [namespace=view-cars-global-step2-check].page .page-content .card.insur-info .card-content */

[namespace=view-cars-global-step2-check].page .page-content .card.insur-info .card-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

[namespace=view-cars-global-step2-check].page .page-content .card.insur-info table {
    margin-top: 16px;
    width: 100%;
    border: 0;
    border-spacing: 0;
    border-top: 2px solid #007aff;
    border-bottom: 1px solid #808080;
    text-align: center;
}

[namespace=view-cars-global-step2-check].page .page-content .card.insur-info table thead th {
    border-bottom: 1px solid #888888;
}

[namespace=view-cars-global-step2-check].page .page-content .card.insur-info table tbody td {
    border-bottom: 1px solid #D9D9D9;
}

[namespace=view-cars-global-step2-check].page .page-content .card.insur-info table col.accent {
    background-color: #F2F8FF;
}

[namespace=view-cars-global-step2-check].page .page-content .card.insur-info table th,
[namespace=view-cars-global-step2-check].page .page-content .card.insur-info table td {
    border-collapse: collapse;
    padding: 8px;
}

[namespace=view-cars-global-step2-check].page .page-content .card.insur-info .notice-warning {
    text-align: center;
    padding: 24px 0;
    font-weight: 700;
    font-size: 16px;
}

[namespace=view-cars-global-step2-check].page .page-content .card.insur-info .card-footer {
    padding: 24px 12px;
    padding-bottom: 0;
    align-items: flex-start;
}

[namespace=view-cars-global-step2-check].page .page-content .card.insur-info .card-footer::before {
    background-color: #e7e7e7;
}

@media (max-width: 629px) {
    [namespace=view-cars-global-step2-check].page .page-content {
        padding-bottom: 240px;
    }

    [namespace=view-cars-global-step2-check].page .page-content .card {
        padding: 16px;
    }

    [namespace=view-cars-global-step2-check].page .page-content .block.basic-info .block-footer.schedule .divider {
        display: none;
    }

    [namespace=view-cars-global-step2-check].page .page-content .card.options .card-content .row {
        flex-wrap: wrap;
    }

    [namespace=view-cars-global-step2-check].page .page-content .card.options .card-content .row .col {
        flex-basis: calc(50% - 8px);
    }
}
/* .page-content */

[namespace=view-all-step3-done].page .page-content {
	height: 100%;
}

[namespace=view-all-step3-done].page .page-content.failed {
	background-color: #FFEEF0;
}

[namespace=view-all-step3-done].page .page-content .block {
	margin: 13px 0px;
}

[namespace=view-all-step3-done].page .page-content .block .block-content {
	font-size: 80px;
	text-align: center;
}

/* [namespace=view-all-step3-done].page .page-content .block.guidance */
[namespace=view-all-step3-done].page .page-content .block.guidance > .block-content {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin: 12px 0;
}
[namespace=view-all-step3-done].page .page-content .block.guidance > .block-content > .left .img-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
}

[namespace=view-all-step3-done].page .page-content .block.guidance > .block-content > .left img {
	width: 80px;
}

[namespace=view-all-step3-done].page .page-content .block.guidance > .block-content > .right {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: start;
	letter-spacing: -0.5px;
}

[namespace=view-all-step3-done].page .page-content .block.guidance > .block-content > .right .title {
	font-weight: 700;
	font-size: 20px;
}

[namespace=view-all-step3-done].page .page-content .block.guidance > .block-content > .right .sub-title {
	font-size: 14px;
}

[namespace=view-all-step3-done].page .page-content .card.recommend-trip {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* .page-content.success */
[namespace=view-all-step3-done].page .page-content.success .card.recommend-trip .card-header {
	flex-direction: column;
	justify-content: center;
	margin: 10px 17px;
	margin-bottom: 0;
}

[namespace=view-all-step3-done].page .page-content.success .card.recommend-trip .card-content {
	padding: 10px 20px;
	text-align: center;
}

[namespace=view-all-step3-done].page .page-content.success .card.recommend-trip .card-footer {
	padding: 16px 10px;
	margin: 0 17px;
}

[namespace=view-all-step3-done].page .page-content.success .card.recommend-trip .card-footer .list {
	border: none;
	width: 100%;
}

[namespace=view-all-step3-done].page .page-content.success .card.recommend-trip .card-footer .list .item-content {
	padding: 0;
}

[namespace=view-all-step3-done].page .page-content.success .card.recommend-trip .card-footer .list .item-content .item-inner {
	padding: 0;
	flex-direction: row;
	justify-content: space-between;
}

[namespace=view-all-step3-done].page .page-content.success .card.recommend-trip .card-footer .list .item-content .item-inner .item-title {
	margin-right: 10px;
	width: 80px;
	font-weight: 600;
	font-size: 15px;
	align-self: center;
}

[namespace=view-all-step3-done].page .page-content.success .card.recommend-trip .card-footer .list .item-content .item-inner .item-input-wrap {
	align-self: center;
}

[namespace=view-all-step3-done].page .page-content.success .card.recommend-trip .card-footer .list .item-content .item-inner .item-input-wrap input {
	font-size: 14px;
}

[namespace=view-all-step3-done].page .page-content.success .card.recommend-trip .card-footer .list .item-content .item-inner .item-after {
	align-self: center;
	padding-left: 10px;
}

[namespace=view-all-step3-done].page .page-content.success .card.recommend-trip .card-footer .list .item-content .item-inner .item-after button {
	height: 40px;
	padding: 0 15px;
}

[namespace=view-all-step3-done].page .page-content.success .card.recommend-trip.recommend-trip .card-header .notice {
	font-size: 14px;
	margin-bottom: 10px;
}

[namespace=view-all-step3-done].page .page-content.success .card.recommend-trip.recommend-trip .card-header .schedule {
	width: 100%;
	display: flex;
	justify-content: center;
	font-size: 14px;
	color: #888888;
}

[namespace=view-all-step3-done].page .page-content.success .card.recommend-trip.recommend-trip .card-header .schedule i {
	margin: 0 15px;
	align-self: center;
}

[namespace=view-all-step3-done].page .page-content.success .card.recommend-trip.recommend-trip .card-content.others {
	padding: 5px 20px;
}

[namespace=view-all-step3-done].page .page-content.success .card.recommend-trip .card-content.others button,
[namespace=view-all-step3-done].page .page-content.failed .card.guidance .card-content button {
	color: #333333;
	height: 100%;
	border: 1px solid #E4E4E4;
	padding: 5px;
	margin: 10px 0;
	font-weight: 700;
	font-size: 14px;
}

/*.page-content.failed*/

[namespace=view-all-step3-done].page .page-content.failed .card.guidance .card-header {
	flex-direction: column;
	justify-content: center;
	margin: 10px 17px;
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

[namespace=view-all-step3-done].page .page-content.failed .card.guidance .card-header b {
	margin-bottom: 10px;
}

[namespace=view-all-step3-done].page .page-content.failed .card.guidance .card-header .fail-cause {
	width: 100%;
	font-size: 15px;
	color: #888888;
	margin-bottom: 10px;
	letter-spacing: -1px;
	text-align: center;
}

[namespace=view-all-step3-done].page .page-content.failed .card.guidance .card-content {
	padding-top: 15px;
	font-weight: 600;
	font-size: 16px;
	line-height: 200%;
	padding: 10px 20px;
	text-align: center;
}

[namespace=view-all-step3-done].page .page-content.failed .card.guidance .card-content button[data-btn-compare-again] {
	margin-top: 20px;
}

[namespace=view-all-step3-done].page .page-content.failed .card.consult {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 15px;
}

[namespace=view-all-step3-done].page .page-content.failed .card.consult .card-content {
	position: relative;
	width: 100%;
	padding: 0;
}

[namespace=view-all-step3-done].page .page-content.failed .card.consult .card-content .title {
	font-weight: 700;
	font-size: 17px;
	color: #000;
	text-align: left;
}

[namespace=view-all-step3-done].page .page-content.failed .card.consult .card-content .sub-title {
	font-size: 12px;
	margin-bottom: 6px;
	color: #888888;
	text-align: left;
}

[namespace=view-all-step3-done].page .page-content.failed .card.consult .card-content .after i {
	position: absolute;
	top: 0;
	right: 4px;
	color: #000;
	font-size: 15px;
}

[namespace=view-all-step3-done].page .page-content.failed .card.consult .card-content .footer {
	width: 100%;
	height: 30px;
	display: flex;
	font-size: 22px;
	flex-direction: row;
	justify-content: flex-end;
	margin: 0;
	padding: 0;
}

[namespace=view-all-step3-done].page .page-content.failed .card.consult .footer i {
	color: #000;
	align-self: flex-end;
}

/* [namespace=view-all-step3-done].page .banner-box */

[namespace=view-all-step3-done].page .banner-box .swiper-container.swiper-banner {
	border-radius: 12px;
	overflow: hidden;
}

[namespace=view-all-step3-done].page .banner-box .swiper-container.swiper-banner .swiper-slide img {
	width: 100%;
}
/* .page-content */

[namespace=view-home].page .page-content {
	padding-bottom: 150px;
}

/* .logo-menu-wrap  */

[namespace=view-home].page .page-content .logo-menu-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #007aff;
	padding-top: 25px;
	padding-bottom: 25px;
}

[namespace=view-home].page .page-content .logo-menu-wrap a {
	color: #fff;
}

[namespace=view-home].page .page-content .logo-menu-wrap .logo {
	margin-bottom: 5px;
}

[namespace=view-home].page .page-content .logo-menu-wrap .menu {
	width: 80%;
}

[namespace=view-home].page .page-content .logo-menu-wrap .menu ul.main-menu {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

[namespace=view-home].page .page-content .logo-menu-wrap .menu ul.main-menu li {
	width: 80px;
}

[namespace=view-home].page .page-content .logo-menu-wrap .menu ul.main-menu li a {
	display: flex;
	flex-direction: column;
}

[namespace=view-home].page .page-content .logo-menu-wrap .menu ul.main-menu li a > i {
	font-size: 24px;
}

[namespace=view-home].page .page-content .logo-menu-wrap .menu ul.main-menu li a > .text {
	margin-top: 8px;
	font-size: 15px;
}

[namespace=view-home].page .page-content .logo-menu-wrap .menu ul.main-menu li a[href="/pluspass/"] span.icon {
	font-family: 'HGSoftGGothicssi';
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: 800;
	text-align: center;
	letter-spacing: 1.8px;
}

[namespace=view-home].page .page-content .logo-menu-wrap .menu ul.main-menu .balloon.balloon-color-blue {
	--balloon-bg-color: #e7f2ff;
	--balloon-text-color: #007BFF;
	--balloon-delay: 0.4s;
}

[namespace=view-home].page .page-content .logo-menu-wrap .menu ul.main-menu .balloon.balloon-color-pink {
	--balloon-bg-color: #ffecf2;
	--balloon-text-color: #FF4081;
	--balloon-delay: 0.7s;
}

[namespace=view-home].page .page-content .logo-menu-wrap .menu ul.main-menu .balloon {
	position: absolute;
	font-size: 12px;
	text-wrap: nowrap;
	padding: 4px 6px;
	border-radius: 20px;
	letter-spacing: -1px;
	border: 1px solid var(--balloon-text-color,#3f5070);
	color: var(--balloon-text-color,#3f5070);
	background-color: var(--balloon-bg-color,#FFEA00);
	animation: float-updown 2s ease-in-out infinite;
	animation-delay: var(--balloon-delay, 0.2s);
}

[namespace=view-home].page .page-content .logo-menu-wrap .menu ul.main-menu:nth-child(1) .balloon {
	bottom: calc(100% + 6px);
}
[namespace=view-home].page .page-content .logo-menu-wrap .menu ul.main-menu:nth-child(2) .balloon {
	top: calc(100% + 6px);	
}

[namespace=view-home].page .page-content .logo-menu-wrap .menu ul.main-menu .balloon::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 4px solid transparent;
	border-top-color: var(--balloon-bg-color,#FFEA00);
}

[namespace=view-home].page .page-content .logo-menu-wrap .menu ul.main-menu .balloon::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	border: 5px solid transparent;
	border-top-color: var(--balloon-bg-color,#FFEA00);
}

[namespace=view-home].page .page-content .logo-menu-wrap .menu ul.main-menu:nth-child(1) .balloon::after {
	top: 100%;
}

[namespace=view-home].page .page-content .logo-menu-wrap .menu ul.main-menu:nth-child(2) .balloon::after {
	transform: translateX(-50%) rotate(-45deg);
	top: -4px;
	width: 3px;
	height: 3px;
	background-color: var(--balloon-bg-color);
	border-top: 1px solid var(--balloon-text-color);
	border-right: 1px solid var(--balloon-text-color);
}

[namespace=view-home].page .page-content .card.card-banner {
	border: 0px;
}

[namespace=view-home].page .page-content .card.card-banner .banner-box .swiper-container {
	position: relative;
	border-radius: 0px 0px 12px 12px;
}

[namespace=view-home].page .page-content .card.card-banner .banner-box .swiper-container .swiper-wrapper .swiper-slide {
	line-height: 0px;
}

[namespace=view-home].page .page-content .block {
	background-color: #fff;
	margin: 0px;
	padding: 25px 15px;
	margin-bottom: 10px;
}

[namespace=view-home].page .page-content .block .title-wrap {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

[namespace=view-home].page .page-content .block .title-wrap .left .title {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -1px;
	color: #383838;
}

[namespace=view-home].page .page-content .block .title-wrap .left .description {
	font-size: 13px;
	padding-top: 5px;
	letter-spacing: -1px;
	color: #888;
}

[namespace=view-home].page .page-content .block .title-wrap .left .description b {
	color: #007aff;
}


/* .block-my-bookings */

[namespace=view-home].page .page-content .block-my-bookings {
	border-radius: 24px 24px 0px 0px;
}

/* .block-my-bookings > .if-no-bookings  */

[namespace=view-home].page .page-content .block-my-bookings > .card-wrap.if-no-bookings {
	display: flex;
	flex-direction: column;
	align-items: center;
}

[namespace=view-home].page .page-content .block-my-bookings > .card-wrap.if-no-bookings a,
[namespace=view-home].page .page-content .block-my-bookings > .card-wrap.if-no-bookings .card {
	justify-content: center;
	width: 100%;
	color: #333;
	margin: 5px;
}

[namespace=view-home].page .page-content .block-my-bookings > .card-wrap.if-no-bookings .card .card-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 20px;
	border-radius: 12px;
	background-color: #f4f4f4;
	letter-spacing: -1px;
}

[namespace=view-home].page .page-content .block-my-bookings > .card-wrap.if-no-bookings .card .card-content b {
	color: #007aff;
}

[namespace=view-home].page .page-content .block-my-bookings > .card-wrap.if-no-bookings .card .card-content .fa-bounce {
	font-size: 22px;
	margin-right: 10px;
}

[namespace=view-home].page .page-content .block-my-bookings > .card-wrap.if-no-bookings .card .card-content .fa-chevron-right {
	color: #aaa;
}

/* .block-my-bookings > ,upcoming-bookings  */

[namespace=view-home].page .page-content .block-my-bookings > .list.upcoming-bookings {
	margin: 5px;
	margin-top: 20px;
}

[namespace=view-home].page .page-content .block-my-bookings > .list.upcoming-bookings a .item-media {
	display: flex;
	margin-top: 12px;
	margin-left: 2px;
	margin-right: 3px;
	font-size: 18px;
	height: 100%;
}

[namespace=view-home].page .page-content .block-my-bookings > .list.upcoming-bookings a .item-title {
	font-size: 16px;
}

[namespace=view-home].page .page-content .block-my-bookings > .list.upcoming-bookings a .item-after {
	color: #007aff;
	letter-spacing: -1px;
}

[namespace=view-home].page .page-content .block-my-bookings > .list.upcoming-bookings a .item-subtitle {
	font-size: 14px;
	margin-top: 5px;
	letter-spacing: -1px;
	color: #555;
}

[namespace=view-home].page .page-content .block-my-bookings > .msg.upcoming-bookings {
	display: flex;
	justify-content: center;
	text-align: center;
	width: 100%;
	letter-spacing: -1px;
	margin-top: 15px;
}

/* .block-whole-bookings */

[namespace=view-home].page .page-content .block-whole-bookings .inner-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 20px;
	padding-bottom: 10px;
}

[namespace=view-home].page .page-content .block-whole-bookings .inner-block .title {
	letter-spacing: -1px;
	color: #333;
}

[namespace=view-home].page .page-content .block-whole-bookings .inner-block .user-counter {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 15px;
	color: #484848;
}

[namespace=view-home].page .page-content .block-whole-bookings .inner-block .user-counter .number {
	font-size: 26px;
	color: #007aff;
	margin-left: 15px;
	margin-right: 5px;
	margin-bottom: 5px;
}

[namespace=view-home].page .page-content .block-whole-bookings .inner-block .user-counter .icon i {
	font-size: 20px;
	color: #007aff;
}

[namespace=view-home].page .page-content .block-whole-bookings .inner-block ul li {
	letter-spacing: -1px;
	font-size: 13px;
}

[namespace=view-home].page .page-content .block-whole-bookings .inner-block ul li:first-child {
	color: #007aff;
}

/* .block-my-search-history */

[namespace=view-home].page .page-content .block-my-search-history .inner-block {
	margin-top: 15px;
	background-color: #f4f4f4;
	border: 1px solid #E4E4E4;
	border-radius: 12px;
}

[namespace=view-home].page .page-content .block-my-search-history .inner-block .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 13px;
	font-size: 15px;
	padding-bottom: 10px;
	font-weight: 600;
	letter-spacing: -1px;
}

[namespace=view-home].page .page-content .block-my-search-history .inner-block .title .right button.active-state {
	color: #007aff;
	opacity: 1;
}

[namespace=view-home].page .page-content .block-my-search-history .inner-block .card-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

[namespace=view-home].page .page-content .block-my-search-history .inner-block .card-wrap a {
	width: calc(50% - 15px);
	min-width: calc(50% - 15px);
	max-width: calc(50% - 15px);
	height: 140px;
	margin-bottom: 15px;
}

[namespace=view-home].page .page-content .block-my-search-history .inner-block .card-wrap a:nth-child(odd) {
	margin-left: 10px;
	margin-right: 10px;
}

[namespace=view-home].page .page-content .block-my-search-history .inner-block .card-wrap a[card-type="tag"] {
	min-height: 70px;
	height: auto;
}

[namespace=view-home].page .page-content .block-my-search-history .inner-block .card-wrap a .card {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
}

[namespace=view-home].page .page-content .block-my-search-history .inner-block .card-wrap a .card .card-icon {
	position: absolute;
	font-size: 20px;
	top: -9px;
	left: -2px;
	color: #007aff;
}

[namespace=view-home].page .page-content .block-my-search-history .inner-block.lounge .card-wrap a .card .card-icon {
	font-family: 'HgSoftGGothicssi';
	font-size: 18px;
	font-weight: 800;
	letter-spacing: 2px;
}

[namespace=view-home].page .page-content .block-my-search-history .inner-block .card-wrap a .card .card-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
/*	width: 100%;*/
	height: 100%;
	padding: 10px;
}

[namespace=view-home].page .page-content .block-my-search-history .inner-block .card-wrap a .card .card-content .type {
	position: absolute;
	top: 8px;
	right: 10px;
	font-size: 13px;
}

[namespace=view-home].page .page-content .block-my-search-history .inner-block .card-wrap a .card .card-content .schedule {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	max-width: 140px;
	height: 70px;
	font-size: 16px;
}

[namespace=view-home].page .page-content .block-my-search-history .inner-block .card-wrap a[card-type="flights-one-way"] .card .card-content .schedule {
	align-items: center;
}

[namespace=view-home].page .page-content .block-my-search-history .inner-block .card-wrap a .card .card-content .schedule .row {
	padding: 2px 15px;
	align-items: center;
	justify-content: space-between;
	font-size: 15px;
	letter-spacing: -1px;
}

[namespace=view-home].page .page-content .block-my-search-history .inner-block .card-wrap a[card-type="tag"] .card .card-content .tag {
	display: flex;
	justify-content: center;
	word-break: break-all;
	width: calc(100% - 30px);
	padding: 10px 15px;
}

[namespace=view-home].page .page-content .block-my-search-history .inner-block .card-wrap a .card .card-content .options {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 40px;
	border-top: 1px dashed #ddd;
	font-size: 14px;
	color: #007aff;
}
/* .page */

[namespace=view-landing].page {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #fffefc;
	overflow-x: auto;
}

[namespace=view-landing].page .page-header,
[namespace=view-landing].page .page-content,
[namespace=view-landing].page .page-footer {
	width: 1300px;
}

[namespace=view-landing].page .page-header .right.for-web-mobile {
	display: none;
}

/* Mobile All */
@media (max-width: 1300px) {
	[namespace=view-landing].page .page-header,
	[namespace=view-landing].page .page-content,
	[namespace=view-landing].page .page-footer {
		width: calc(100% - 20px);
	}
}

/* Mobile All */
@media (max-width: 700px) {
	[namespace=view-landing].page .page-header,
	[namespace=view-landing].page .page-content,
	[namespace=view-landing].page .page-footer {
		width: calc(100%);
	}

	[namespace=view-landing].page .page-header .right.for-web {
		display: none;
	}

	[namespace=view-landing].page .page-header .right.for-web-mobile {
		display: block;
	}	

	[namespace=view-landing].page .page-header .right.for-web-mobile 	a {	
		font-size: 24px;
	}
}

/* .page-content */

[namespace=view-landing].page .page-content {
	padding: 15px;
	font-size: 16px;
	height: auto;
	overflow: hidden;
}

[namespace=view-landing].page .page-content img {
	width: 100%;
	height: 100%;
}

/* .page-footer */

[namespace=view-landing].page .page-footer {
	position: relative;
	border-top: 1px solid #e5e4e2;
	padding-top: 45px;
	margin-top: 45px;
}

/* .page-content */

[namespace=view-pay].page .page-content {
	padding: 14px;
	height: 100%;
}

[namespace=view-pay].page .page-content .card {
	margin: 5px;
	font-weight: 600;
	font-size: 15px;
}

[namespace=view-pay].page .page-content .card .card-content {
	padding: 20px;
	padding-right: 5px;
	width: 100%;
	justify-content: space-between;
}

[namespace=view-pay].page .page-content .card .card-content .title {
	display: flex;
	justify-content: flex-start;
	align-items: center;

}

[namespace=view-pay].page .page-content .card .card-content .title .title-wrap {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
}

[namespace=view-pay].page .page-content .card .card-content .title .title-wrap > div {
	display: block;
}

[namespace=view-pay].page .page-content .card .card-content .title .title-wrap > div:first-child {
	margin-right: 6px;
}

[namespace=view-pay].page .page-content .card:not([data-payment-method="CARD"]) .card-content .title {
	width: 100%;
}

[namespace=view-pay].page .page-content .card .card-content .description {
	color: #888888;
	font-weight: 400;
	font-size: 12px;
}

[namespace=view-pay].page .page-content .card .card-content i {
	margin-right: 14px ;
}

[namespace=view-pay].page .page-content .card[data-payment-selected="true"] .title > i.fa-circle,
[namespace=view-pay].page .page-content .card[data-payment-selected="false"] .title > i.fa-circle-dot { display: none; }

[namespace=view-pay].page .page-content .card[data-payment-selected="false"] .title > i.fa-circle,
[namespace=view-pay].page .page-content .card[data-payment-selected="true"] .title > i.fa-circle-dot { display: inline; }

[namespace=view-pay].page .page-content .card .card-content img {
	height: 22px;
	margin-right: 14px;
}


[namespace=view-pay].page .page-content .card[data-payment-method="VBANK"][data-payment-selected="false"] .card-footer { display:none; }

[namespace=view-pay].page .page-content .card[data-payment-method="CARD"][data-payment-selected="false"] .swiper-container,
[namespace=view-pay].page .page-content .card[data-payment-method="CARD"][data-payment-selected="false"] .card-content .card-quota-wrap {
	display: none;
}


/*[namespace=view-pay].page .page-content .card .card-content .card-quota-wrap {*/

[namespace=view-pay].page .page-content .card .card-content .card-quota-wrap {
	position: relative;
	display: flex;
	width: 100px;
	height: 35px;
	border: 1px solid #aaa;
	cursor: pointer;
	border-radius: 4px;
	margin-right: 15px;
}

[namespace=view-pay].page .page-content .card .card-content .card-quota-wrap select {
	font-weight: 500;
	font-size: 14px;
	width: 100%;
	padding-left: 13px;
	cursor: pointer;
	z-index: 1;
}

[namespace=view-pay].page .page-content .card .card-content .card-quota-wrap i {
	position: absolute;
	margin: 0;
	font-size: 18px;
	right: 10px;
	top: 8px;
}

/*[namespace=view-pay].page .page-content .card[data-payment-method="CARD"]*/

[namespace=view-pay].page .page-content .card[data-payment-method="CARD"] .swiper-container {
	padding: 16px;
	padding-top: 0;
}

[namespace=view-pay].page .page-content .card[data-payment-method="CARD"] .swiper-container .swiper-slide.card {
	cursor: pointer;
	position: relative;
	background-color: #fff;
	width: 260px;
	height: 150px;
}

[namespace=view-pay].page .page-content .card[data-payment-method="CARD"] .swiper-container .swiper-slide.card .card-content {
	display: flex;
	flex-direction: column;
	align-items: center;
}

[namespace=view-pay].page .page-content .card[data-payment-method="CARD"] .swiper-container .swiper-slide.card.selected {
	background-color: #F1F8FF;
}

[namespace=view-pay].page .page-content .card[data-payment-method="CARD"] .swiper-container .swiper-slide.card.blocked {
	background-color: #E4E4E4;
}

[namespace=view-pay].page .page-content .card[data-payment-method="CARD"] .swiper-container .swiper-slide.card.blocked .title {
	color: #888888;
}

[namespace=view-pay].page .page-content .card[data-payment-method="CARD"] .swiper-container .swiper-slide.card.selected .card-content .title {
	color: #006FFF;
}

[namespace=view-pay].page .page-content .card[data-payment-method="CARD"] .swiper-container .swiper-slide.card.selected.blocked .card-content .title {
	color: #C8222C;
}

[namespace=view-pay].page .page-content .card[data-payment-method="CARD"] .swiper-container .swiper-slide .icon-card-remove {
	position: absolute;
	font-size: 22px;
	top: -6px;
	right: -6px;
}

[namespace=view-pay].page .page-content .card[data-payment-method="CARD"] .swiper-container .swiper-slide .icon-card-remove i {
	color: #C8222C;
}

[namespace=view-pay].page .page-content .card[data-payment-method="CARD"] .swiper-container .swiper-slide .card-content .title {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
}

[namespace=view-pay].page .page-content .card[data-payment-method="CARD"] .swiper-container .swiper-slide .card-content .title img {
	margin-right: 8px;
}

[namespace=view-pay].page .page-content .card[data-payment-method="CARD"] .swiper-container .swiper-slide .card-content .card-description {
	font-size: 14px;
	text-align: center;
	margin-top: 12px;
	color: #888888;
}
/* [namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] */

[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 16px 0;
	margin: 0;
}

[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-content .title {
	margin-left: 20px;
	width: auto;
	cursor: pointer;
}

[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-content .card-quota-wrap {
	margin-right: 20px;
}

[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer {
	display: flex;
	flex-direction: column;
	margin: 0 20px;
	margin-right: 15px;
	padding: 16px 0;
}

[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer .row {
	padding: 8px 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
}

[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer .row .left {
	font-weight: 600;
	color: #888888;
	align-self: center;
}

[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer .row .right {
	width: 77%;
	display: flex;
}

[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer .row .right .input {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer .row .right span {
	display: flex;
	align-self: center;
	margin-left: 10px;
	font-weight: 600;
}

[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer .row input {
	width: 4.6em;
	height: 35px;
	border: 1px solid #ddd;
	border-radius: 4px;
	text-align: left;
	padding: 0 8px;
	margin-right: 5px;
}

[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer .row .right .input.card-name {
	width: 100%;
}

[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer .row .right .input.card-name > input[name="lastName"] {
	width: 30%;
}

[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer .row .right .input.card-name > input[name="firstName"] {
	width: 70%;
}

[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer .row .right .input.card-name > input[name="corporateName"] {
	width: 100%;
}

[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer .row .right .input.card-number {
	width: 100%;
}

[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer .row .right .input.card-number input {
	width: 25%;
}

[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer .row .right .input.card-expired-date {
	width: 50%;
}

[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer .row .right .input.card-expired-date input {
	width: 50%;
}

[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer .row .right .input.birth {
	width: 50%;
}

[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer .row .right .input.birth input {
	width: 100%
}

[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer .row .right .input.business-number {
	width: 50%;
}

[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer .row .right .input.business-number input {
	width: 100%
}

[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer .row .right .input.email {
	width: 100%;
}

[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer .row .right .input.email input {
	width: 100%
}

[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer .row .right .input.card-pwd {
	width: 25%;
}

[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer .row .right .input.card-pwd input {
	width: 100%
}

[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer .row .right .item-radio:active {
	background-color: rgba(0, 0, 0, 0);
	opacity: 0.5;
}

[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer .radio input ~ .item-inner .fa-circle-dot,
[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer .radio input:checked ~ .item-inner .fa-circle { display: none; }
[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer .radio input:checked ~ .item-inner .fa-circle-dot { display: inline-block; }


[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer .row.card-bn input,
[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer .row.card-ssn input {
	width: calc(9.2em + 0.4em);
}

[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer .row .card-type-wrap {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	border-radius: 4px;
	border: 1px solid #ddd;
	height: 35px;
	width: 100%;
	cursor: pointer;
	margin-right:5px;
}

[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer .row .card-type-wrap select {
	font-weight: 500;
	font-size: 14px;
	width: 100%;
	height: 100%;
	padding-left: 13px;
	cursor: pointer;
	z-index: 1;
}

[namespace=view-pay].page .page-content .card[data-payment-method="FLIGHTS-CARD"] .card-footer .row .card-type-wrap i {
	position: absolute;
	margin: 0;
	font-size: 18px;
	right: 13px;
	top: 50%;
	transform: translateY(-50%);
}

/*[namespace=view-pay].page .page-content .card[data-payment-method="VBANK"] */
[namespace=view-pay].page .page-content .card[data-payment-method="VBANK"] .card-footer {
	display: flex;
	flex-direction: column;
	margin: 0 20px;
	margin-right: 13px;
	padding: 12px 0;
	padding-top: 6px;
}

[namespace=view-pay].page .page-content .card[data-payment-method="VBANK"] .card-footer .row {
	padding: 3px 0;
	display: flex;
	flex-direction: row;
	height: 30px;
	justify-content: space-between;
	width: 100%;
}

[namespace=view-pay].page .page-content .card[data-payment-method="VBANK"] .card-footer .row .left {
	font-weight: 600;
	color: #888888;
	align-items: flex-start;
	align-self: center;
}

[namespace=view-pay].page .page-content .card[data-payment-method="VBANK"] .card-footer .left .title {
	font-weight: 600;
	font-size: 14px;
	color: #888888;
}

[namespace=view-pay].page .page-content .card[data-payment-method="VBANK"] .card-footer .row .right {
	width: 65%;
	color: #000000;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	margin-right: 5px;
}

[namespace=view-pay].page .page-content .card[data-payment-method="VBANK"] .card-footer .row.receipt-info .right {
	display: flex;
	flex-direction: row;
}

[namespace=view-pay].page .page-content .card[data-payment-method="VBANK"] .card-footer .row.receipt-info .left .title {
	margin-bottom: 5px;
}

[namespace=view-pay].page .page-content .card[data-payment-method="VBANK"] .card-footer .row.receipt-info .right .title {
	margin-bottom: 5px;
	font-weight: 600;
	color: #888888;
}

[namespace=view-pay].page .page-content .card[data-payment-method="VBANK"] .card-footer .row .right .item-radio {
	font-size: 13px;
	color: #000000;
	width: 50%;
}

[namespace=view-pay].page .page-content .card[data-payment-method="VBANK"] .card-footer .row .right .item-radio:active {
	background-color: rgba(0, 0, 0, 0);
	opacity: 0.5;
}

[namespace=view-pay].page .page-content .card[data-payment-method="VBANK"] .card-footer .row .right .item-radio .item-inner {
	padding: 12px 0px;
}

[namespace=view-pay].page .page-content .card[data-payment-method="VBANK"] .card-footer .row .right .item-radio .item-inner .item-title {
	text-align: center;
	font-size: 12px;
	line-height: 0.5;
}

[namespace=view-pay].page .page-content .card[data-payment-method="VBANK"] .card-footer .row.receipts-reg-number-type .item-inner {
	padding: 0;
}

[namespace=view-pay].page .page-content .card[data-payment-method="VBANK"] .card-footer .row .input.receipts-reg-number {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

[namespace=view-pay].page .page-content .card[data-payment-method="VBANK"] .card-footer .row input {
	width: 100%;
	height: 30px;
	border: 1px solid #ddd;
	border-radius: 4px;
	text-align: center;
	padding: 0 8px;
	font-size: 12px;
}

[namespace=view-pay].page .page-content .card[data-payment-method="VBANK"] .card-footer .row.terms {
	justify-content: space-between;
}

[namespace=view-pay].page .page-content .card[data-payment-method="VBANK"] .card-footer .row.terms .right {
	width: 50%;
}

[namespace=view-pay].page .page-content .card[data-payment-method="VBANK"] .card-footer .radio input ~ .item-inner .fa-circle-dot,
[namespace=view-pay].page .page-content .card[data-payment-method="VBANK"] .card-footer .radio input:checked ~ .item-inner .fa-circle { display: none; }
[namespace=view-pay].page .page-content .card[data-payment-method="VBANK"] .card-footer .radio input:checked ~ .item-inner .fa-circle-dot { display: inline-block; }

[namespace=view-pay].page .page-content .card[data-payment-method="VBANK"] .card-footer .radio :first-child input ~ .item-inner {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

[namespace=view-pay].page .page-content .card[data-payment-method="VBANK"] .card-footer .radio :last-child input ~ .item-inner {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

[namespace=view-pay].page .page-content .card[data-payment-method="VBANK"] .card-footer .radio input ~ .item-inner {
	color: #555;
	background-color: #e4e4e4;
}

[namespace=view-pay].page .page-content .card[data-payment-method="VBANK"] .card-footer .radio input:checked ~ .item-inner {
	color: #e4e4e4;
	background-color: #555;
}

[namespace=view-pay].page .page-content .card[data-payment-method="VBANK"] .card-footer .row .vbank-select-wrap {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	border-radius: 4px;
	border: 1px solid #ddd;
	height: 28px;
	width: 100%;
	cursor: pointer;
}

[namespace=view-pay].page .page-content .card[data-payment-method="VBANK"] .card-footer .row .right button {
	width: 55px;
	font-size: 15px;
	border-radius: 4px;
	height: 100%;
	border: 1px solid #DDDDDD;
	border-radius: 4px;
	color: #000;
}

[namespace=view-pay].page .page-content .card[data-payment-method="VBANK"] .card-footer .row .vbank-select-wrap select {
	font-weight: 500;
	font-size: 14px;
	width: 100%;
	height: 100%;
	padding-left: 13px;
	cursor: pointer;
	z-index: 1;
}

[namespace=view-pay].page .page-content .card[data-payment-method="VBANK"] .card-footer .row .vbank-select-wrap select:first-child {
	color: #000;
}

[namespace=view-pay].page .page-content .card[data-payment-method="VBANK"] .card-footer .row .vbank-select-wrap i {
	position: absolute;
	margin: 0;
	font-size: 16px;
	right: 13px;
	top: 50%;
	transform: translateY(-50%);
}

/* [namespace=view-pay].page .page-content .card[data-payment-method="TOSSPAY"] */
[namespace=view-pay].page .page-content .card[data-payment-method="TOSSPAY"][data-payment-selected="true"] {
	border: 2px solid #A4C4FF;
}
[namespace=view-pay].page .page-content .card[data-payment-method="TOSSPAY"] .card-content {
	padding-right: 16px;
}

[namespace=view-pay].page .page-content .card[data-payment-method="TOSSPAY"] .tag-promotion {
	position: relative;
	font-size: 13px;
	text-wrap: nowrap;
	padding: 4px 12px;
	border-radius: 6px;
	color: #fff;
}

[namespace=view-pay].page .page-content .card[data-payment-method="TOSSPAY"] .tag-promotion.clicked .balloon {
	display: none;;
}

[namespace=view-pay].page .page-content .card[data-payment-method="TOSSPAY"] .tag-promotion .balloon {
	position: absolute;
	bottom: calc(100% + 8px);
	font-size: 10px;
	padding: 4px 6px;
	border-radius: 6px;
	color: #FFEA00;
	background-color: #3f5070;
	animation: popping-up 0.5s ease-in-out;
}

[namespace=view-pay].page .page-content .card[data-payment-method="TOSSPAY"] .tag-promotion .balloon::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 4px solid transparent;
	border-top-color: #3f5070;
}
/*[namespace=view-pay].page .page-content .block.pay-info*/

[namespace=view-pay].page .page-content .block.pay-info {
	margin: 0px;
	padding: 0 12px;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header {
	padding: 8px 0;
	display: flex;
	flex-direction: column;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header > .block {
	padding: 5px 0;
	border: none;
	margin: 0;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header > .block {
	border-bottom: 1px solid #E4E4E4;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header .row {
	padding: 2px 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header .row .left {
	color: #000;
	width: 35%;
	padding: 3px 0;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header .row .left button {
	background-color: #fff;
	color: #333;
	border: 1px solid #B7B7B7;
	/* width: 60px; */
	width: fit-content;
	height: 100%;
	padding: 0 6px;
	font-size: 13px;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header .row .left .float-tooltip {
	position: absolute;
	background-color: #000;
	color: #fff;
	padding: 6px 12px;
	border-radius: 5px;
	top: 100%;
	left: 0;
	opacity: 0.8;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header .row .left .float-tooltip.fade-out {
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header .row .left .title {
	color: #888888;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header .row .left .fa-key {
	margin-right: 10px;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header .row .left .fa-circle-question {
	font-size: 18px;
	color: #B7B7B7;
	margin-left: 10px;
	margin-right: 15px;
	cursor: pointer;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header .row .right {
	width: 65%;
	padding: 3px 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	font-weight: 600;
	color: #000;
	align-items: center;
	align-self: center;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header .row .right input {
	border: 1px solid #B7B7B7;
	border-radius: 5px;
	background-color: #fff;
	padding: 4px 6px;
	color: #333;
	width: 100px;
	height: 100%;
	text-align: right;
	margin-left: 12px;
	margin-right: 0;
	font-weight: 600;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header .row .right input:focus {
	border: 1px solid #006FFF;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header .pay-title {
	display: flex;
	color: #333333;
	justify-content: space-between;
	font-size: 15px;
	margin-bottom: 10px;
	padding-bottom: 15px;
	flex-direction: column;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header .pay-title .right span {
	font-weight: 600;
	align-self: flex-end;
	text-align: left;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header .pay-title .right span:not(:last-child) {
	margin-bottom: 4px;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header .pay-title .right {
	display: flex;
	flex-direction: column;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header .pay-title {
	display: flex;
	color: #333333;
	justify-content: space-between;
	font-size: 15px;
	margin-bottom: 10px;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header .pay-title .right span {
	font-weight: 600;
	align-self: flex-end;
	text-align: left;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header .pay-title .right span:not(:last-child) {
	margin-bottom: 4px;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header .pay-title .right {
	display: flex;
	flex-direction: column;
}
[namespace=view-pay].page .page-content .block.pay-info .block-header .pay-title .row.detail {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	gap: 8px;
	font-size: 16px;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header .pay-title .row.detail .name,
[namespace=view-pay].page .page-content .block.pay-info .block-header .pay-title .row.detail .point {
	color: #888888;
	
}

[namespace=view-pay].page .page-content .block.pay-info .block-header .pay-title .row.detail .price:before {
	content: '-';
	margin-right: 8px;
	color: #888888;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header .pay-title .row.detail .price {
	font-weight: 500;
	color: #333;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header .pay-coin .right .coin-amount {
	width: 100px;
	margin-left: 12px;
	margin-right: 0;
	font-weight: 600;
	text-align: right;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header .use-coupon .row .right {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: flex-end;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header .use-coupon .row .right span {
	margin: 0 6px;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header .use-coupon .row .right .coupon-usable,
[namespace=view-pay].page .page-content .block.pay-info .block-header .use-coupon .row .right .coupon-use,
[namespace=view-pay].page .page-content .block.pay-info .block-header .use-coupon .row .right .coupon-count{
	font-weight: 800;
	color: #333;
	flex-wrap: wrap;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header .use-coupon .row .right .coupon-usable > div,
[namespace=view-pay].page .page-content .block.pay-info .block-header .use-coupon .row .right .coupon-use > div,
[namespace=view-pay].page .page-content .block.pay-info .block-header .use-coupon .row .right .coupon-count > div {
	margin-left: auto;
	font-weight: 400;
}


[namespace=view-pay].page .page-content .block.pay-info .block-header .use-coupon .row .right .discounted-amount {
	color: #C8222C;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header .use-coupon .row .right .discounted-amount[data-discounted-amount="0"] {
	color: #333;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header .use-coupon .row .right [data-btn-view-my-coupon] {
	margin-top: 5px;
	color: #006FFF;
	cursor: pointer;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header .use-coupon .row .right .coupon-applied {
	margin-top: 5px;
	color: #C8222C;
	cursor: pointer;
}

[namespace=view-pay].page .page-content .block.pay-info .block-header .use-coupon .row .right [data-btn-view-my-coupon]:active {
	opacity: 0.5;
}


[namespace=view-pay].page .page-content .block.pay-info .block-header .use-coupon .row.stays-sale-festa .left {
	width: unset;
}
[namespace=view-pay].page .page-content .block.pay-info .block-header .use-coupon .row.stays-sale-festa .right {
	width: unset;
	margin-left: auto;
}

[namespace=view-pay].page .page-content .block.pay-info .block-content .row {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	font-weight: 500;
	color: #888888;
}

[namespace=view-pay].page .page-content .block.pay-info .block-content .row .right {
	text-align: right;
	width: 25%;
	margin-left: 5px;
}


[namespace=view-pay].page .page-content .block.pay-info .block-content .row.flights-notice {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
	margin: 25px 0;
}

[namespace=view-pay].page .page-content .block.pay-info .block-content .row.flights-notice .left {
	font-size: 22px;
	text-align: center;
}

[namespace=view-pay].page .page-content .block.pay-info .block-content .row.flights-notice .right {
	width: 85%;
	text-align: left;
	margin: 0;
}

[namespace=view-pay].page .page-content .block.pay-info .block-footer {
	margin-bottom: 8px;
}

[namespace=view-pay].page .page-content .block.pay-info .block-footer .pay-amount {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

[namespace=view-pay].page .page-content .block.pay-info .block-footer .pay-amount .left {
	color: #888888;
	align-self: center;
}

[namespace=view-pay].page .page-content .block.pay-info .block-footer .pay-amount .right {
	text-align: right;
	margin-left: 40px;
}

[namespace=view-pay].page .page-content .block.pay-info .block-footer .pay-amount span,
[namespace=view-pay].page .page-content .block.pay-info .block-footer .pay-amount .amount {
	color: #006FFF;
	font-size: 22px;
}

[namespace=view-pay].page .page-content .btn-area {
	margin: 20px 16px;
}

[namespace=view-pay].page .page-content .btn-area button {
	border-radius: 26px;
	height: 64px;
	font-size: 20px;
}
/* .page-content */

[namespace=view-resign-done].page .page-content {
	height: 100%;
}

[namespace=view-resign-done].page .page-content .block {
	margin: 13px 0px;
}

[namespace=view-resign-done].page .page-content .block .block-content {
	font-size: 80px;
	text-align: center;
}

[namespace=view-resign-done].page .page-content .card {
	margin-top: 5px;
	margin-bottom: 5px;
}

[namespace=view-resign-done].page .page-content .card.farewell .card-header {
	margin-top: 10px;
	justify-content: center;
}

[namespace=view-resign-done].page .page-content .card.farewell .card-header .title {
	font-weight: 700;
	font-size: 16px;
}

[namespace=view-resign-done].page .page-content .card.farewell .card-content {
	padding: 10px 20px;
	text-align: center;
	font-weight: 600;
}

[namespace=view-resign-done].page .page-content .card.farewell .card-footer {
	justify-content: center;
	padding: 25px;
	padding-top: 10px;
}

[namespace=view-resign-done].page .page-content .card.farewell .card-footer a.button {
	width: 100%;
	height: 100%;
	border: 1px solid #E4E4E4;
	color:black;
	font-weight: 500;
	font-size:16px;
	padding: 6px;
}

[namespace=view-resign-done].page .page-content .card.route {
	padding: 25px;
}

[namespace=view-resign-done].page .page-content .card.route a.button {
	width: 100%;
	height: 100%;
	border: 1px solid #E4E4E4;
	color:black;
	font-weight: 500;
	font-size:16px;
	padding: 6px;
}

[namespace=view-resign-done].page .page-content .card.route a.button:not(:last-child) {
	margin-bottom: 10px;
}

/* .page-content */
[namespace=view-whole].page .page-content {
	padding-bottom: 98px;
}

[namespace=view-whole].page .page-content .page-title {
	color: #888888;
	font-size: 20px;
}

[namespace=view-whole].page .page-content .page-title .title {
	padding: 0px 10px;
	display: inline;
}

[namespace=view-whole].page .page-content .page-title .left img {
	vertical-align: middle;
}

[namespace=view-whole].page .page-content .page-title .left .title {
	vertical-align: middle;
}

[namespace=view-whole].page .page-content .page-title .right a {
	position: relative;
	vertical-align: middle;
	font-size: 18px;
	height: 1em;
}

[namespace=view-whole].page .page-content .page-title .right a .badge[data-count-consult="0"] { display:none }
[namespace=view-whole].page .page-content .page-title .right a .badge[data-count-alram="0"] { display:none }

[namespace=view-whole].page .page-content .page-title .right a i {
	margin-left: 15px;
	margin-right: 5px;
}

[namespace=view-whole].page .page-content .page-title .right a .badge {
	position: absolute;
	--f7-badge-size: 8px;
	right: -3px;
	top: -5px;
}

[namespace=view-whole].page .page-content .block {
	margin: 0px 0px;
	padding: 0px 20px;
	align-items: center;
}

[namespace=view-whole].page .page-content .block .row {
	margin-top:  20px;
}

[namespace=view-whole].page .page-content .block i {
	display: flex;
	align-content: center;
	justify-content: center;
	flex-direction: row;
}

[namespace=view-whole].page .page-content .card.card-banner .banner-box .swiper-container {
	border-radius: calc(var(--f7-card-border-radius) - 1px);
}

[namespace=view-whole].page .page-content .card.card-banner .banner-box .swiper-container .swiper-wrapper .swiper-slide {
	line-height: 0px;
}

[namespace=view-whole].page .page-content .block.slide-link {
	padding: 0px 15px;
}

[namespace=view-whole].page .page-content .block.slide-link .swiper-container {
	padding: 0px;
}

[namespace=view-whole].page .page-content .list {
	color: #888888;
	border: none;
}

[namespace=view-whole].page .page-content .list a {
	margin: 0px 15px;
}

[namespace=view-whole].page .page-content .list .item-media {
	display: flex;
	justify-content: center;
	width: 20px;
}

[namespace=view-whole].page .page-content .list .item-media img {
	width: 20px;
	height: 20px;
}

[namespace=view-whole].page .page-content .list li[data-product-page="onepple-pass"] .item-media {
	width: 20px;
	font-family: 'HGSoftGGothicssi';
	font-weight: 800;
	text-align: center;
}

[namespace=view-whole].page .page-content .list .item-content {
	padding: 3px 5px;
}

[namespace=view-whole].page .page-content .list :not(:last-child) .item-content {
	border-bottom: 1px solid #e5e5e5;
} 

[namespace=view-whole].page .page-content .list .link .item-inner {
	padding-right: 0px;
}

[namespace=view-whole].page .page-content .list .link .item-inner .item-title {
	color: #000;
	display: flex;
	align-items: center;
	gap: 8px;
}

[namespace=view-whole].page .page-content .list .link .item-inner .item-after i {
	padding: 5px 0px;
	color: #B7B7B7;
}

[namespace=view-whole].page .page-content .list .link .item-inner .item-after .reserve-count {
	margin-right: 10px;
	padding: 2px 4px;
	background: #F1F8FF;
	border-radius: 4px;
}

/* badge-override */
[namespace=view-whole].page .page-content .list .link .item-inner .badge {
	font-size: 10px;
	padding: 3px 8px;
}
/* .page-content */

[namespace=view-communities].page .page-content {
}
/* .page-content */

[namespace=view-community-comments].page .page-content {
}
/* .page-content */

[namespace=view-community-opinions].page .page-content {
}
/* .page-content */

[namespace=view-community-write-comment].page .page-content {
}
/* .page-content */

[namespace=view-community-write-opinion].page .page-content {
}
/* .page-content */

[namespace=view-cs-alerts].page .page-content {
}

[namespace=view-cs-events].page {
	overflow-y: auto;
}

/* .page-content */

[namespace=view-cs-events].page .page-content {
	height: 100%;
	padding-bottom: 98px;
}

/* .category */

[namespace=view-cs-events].page .page-content .filter {
	margin-bottom: -10px;
}

[namespace=view-cs-events].page .page-content .filter .category {
	display: flex;
	position: relative;
	background-color: #fff;
	flex-direction: column;
	width: 150px;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	cursor: pointer;
	margin: 17px 20px;
}

[namespace=view-cs-events].page .page-content .filter .category select {
	font-size: 18px;
	height: 100%;
	padding: 10px 14px;
	cursor: pointer;
	z-index: 1;
}

[namespace=view-cs-events].page .page-content .filter .category i {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 16px;
}

[namespace=view-cs-faq].page {
	overflow-y: auto;
}

/* .page-content */

[namespace=view-cs-faq].page .page-content {
	height: 100%;
	padding-bottom: 98px;
}

[namespace=view-cs-faq].page .page-content .filter {
	margin-bottom: -10px;
}

[namespace=view-cs-faq].page .page-content .filter .category {
	display: flex;
	position: relative;
	background-color: #fff;
	flex-direction: column;
	width: 150px;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	cursor: pointer;
	margin: 17px 20px;
}

[namespace=view-cs-faq].page .page-content .filter .category select {
	font-size: 18px;
	height: 100%;
	padding: 10px 14px;
	cursor: pointer;
	z-index: 1;
}

[namespace=view-cs-faq].page .page-content .filter .category i {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 16px;
}

/* .list  */

[namespace=view-cs-faq].page .page-content .list {
	border: none;
}

/* [namespace="view-cs-guide"].page*/
[namespace="view-cs-guide"].page  .page-content {
    height: 100%;
    overflow-y: auto;
}

[namespace="view-cs-guide"].page .area {
    gap: 24px;
}

[namespace="view-cs-guide"].page .area-title {
    position: relative;
    color: #fff;
    width: 100%;
    text-align: center;
    border-radius: 12px;
    overflow: hidden;
}

[namespace="view-cs-guide"].page .area-title h2 {
    z-index: 1;
}
    
[namespace="view-cs-guide"].page .area-title img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: transform 0.5s ease-in-out;
}

[namespace="view-cs-guide"].page .area:has(.card-guide:hover) .area-title img {
    transform: scale(1.1);
}

[namespace="view-cs-guide"].page .area-content {
    gap: 16px;
}

[namespace="view-cs-guide"].page .card-guide {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    place-self: stretch;
}

[namespace="view-cs-guide"].page .card-guide.link {
    border-radius: 12px;
    color: #333;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
}

[namespace="view-cs-guide"].page .card-guide .badge-shuttle {
    background-color: #eef8ff;
    color: #007AFF;
    border-radius: 100px;
    padding: 4px 8px;
    display: flex;
    gap: 8px;
    align-items: center;
}

[namespace="view-cs-guide"].page .message {
    font-size: 18px;
    margin-top: 40px;
    margin-bottom: 120px;
}
[namespace=view-cs-news].page {
	overflow-y: auto;
}

/* .page-content */

[namespace=view-cs-news].page .page-content {
	height: 100%;
	padding-bottom: 98px;
}

[namespace=view-cs-news].page .page-content .filter {
	margin-bottom: -10px;
}

[namespace=view-cs-news].page .page-content .filter .category {
	display: flex;
	position: relative;
	background-color: #fff;
	flex-direction: column;
	width: 150px;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	cursor: pointer;
	margin: 17px 20px;
}

[namespace=view-cs-news].page .page-content .filter .category select {
	font-size: 18px;
	height: 100%;
	padding: 10px 14px;
	cursor: pointer;
	z-index: 1;
}

[namespace=view-cs-news].page .page-content .filter .category i {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 16px;
}

/* .list */

[namespace=view-cs-news].page .page-content .list {
	border: none;
}
/* .page-content */

[namespace=view-flights-step1-A].page .page-content {
}

[namespace=view-flights-step1-A].page .page-content .card.before-result .card-content {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 120px;
	padding-bottom: 120px;
}

/*[namespace=view-flights-step1-A].page .page-content .return-step2 */

[namespace=view-flights-step1-A].page .page-content .return-step2 {
	position: fixed;
	bottom: 15%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 100;
}

[namespace=view-flights-step1-A].page .page-content .return-step2 button {
	padding: 5px 15px;
	height: 100%;
	border: 1px solid #E4E4E4;
	background-color: #FFFFFF;
	color: #000;
	font-size: 16px;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

[namespace=view-flights-step1-A].page .page-content .return-step2 button i {
	margin-left: 10px;
}

/*[namespace=view-flights-step1-A].page .page-content .block.selected-deal-block */

[namespace=view-flights-step1-A].page .page-content .block.selected-deal-block {
	margin: 0;
}

[namespace=view-flights-step1-A].page .page-content .block.selected-deal-block .deal-schedule {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	font-weight: 600;
	font-size: 16px;
	color: #000;
	padding: 0 20px;
	margin-bottom: 20px;
}

[namespace=view-flights-step1-A].page .page-content .block.selected-deal-block .deal-schedule span {
	margin-left: 4px;
	margin-right: 4px;
}

[namespace=view-flights-step1-A].page .page-content .block.selected-deal-block .deal-schedule .way-tag {
	font-size: 14px;
	padding: 2px 8px;
	border-radius: 4px;
}

[namespace=view-flights-step1-A].page .page-content .block.selected-deal-block .deal-schedule .way-tag.departure {
	background-color: #C1EEEA;
	color: #000;
}

[namespace=view-flights-step1-A].page .page-content .block.selected-deal-block .deal-schedule .way-tag.arrival {
	background-color: #00AE93;
	color: #fff;
}

[namespace=view-flights-step1-A].page .page-content .block.selected-deal-block .deal-schedule.departure .way-tag.arrival {
	display: none;
}

[namespace=view-flights-step1-A].page .page-content .block.selected-deal-block .deal-schedule.arrival .way-tag.departure {
	display: none;
}

/*[namespace=view-flights-step1-A].page .page-content .block.selected-deal-block .card.selected-deal */

[namespace=view-flights-step1-A].page .page-content .block.selected-deal-block .card.selected-deal {
	margin: 0;
	margin-bottom: 20px;
}

[namespace=view-flights-step1-A].page .page-content .block.selected-deal-block .card.selected-deal .card-content {
	display: flex;
	justify-content: space-between;
	padding: 15px 25px;
}

[namespace=view-flights-step1-A].page .page-content .block.selected-deal-block .card.selected-deal .card-content > .left {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

[namespace=view-flights-step1-A].page .page-content .block.selected-deal-block .card.selected-deal .card-content > .left .title {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	font-weight: 700;
	margin-bottom: 5px;
}

[namespace=view-flights-step1-A].page .page-content .block.selected-deal-block .card.selected-deal .card-content > .left .title span {
	margin-left: 4px;
	margin-right: 4px;
}

[namespace=view-flights-step1-A].page .page-content .block.selected-deal-block .card.selected-deal .card-content > .left .sub-title {
	font-size: 14px;
	color: #888888;
}

[namespace=view-flights-step1-A].page .page-content .block.selected-deal-block .card.selected-deal .card-content > .right {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	color: #888888;
}

[namespace=view-flights-step1-A].page .page-content .block.selected-deal-block .card.selected-deal .card-content > .right .way-tag {
	font-weight: 600;
	font-size: 14px;
	padding: 2px 8px;
	margin-bottom: 10px;
	border-radius: 4px;
}

[namespace=view-flights-step1-A].page .page-content .block.selected-deal-block .card.selected-deal .card-content > .right .way-tag.departure {
	background-color: #C1EEEA;
	color: #000;
}

[namespace=view-flights-step1-A].page .page-content .block.selected-deal-block .card.selected-deal .card-content > .right .way-tag.arrival {
	background-color: #00AE93;
	color: #fff;
}

[namespace=view-flights-step1-A].page .page-content .block.selected-deal-block .card.selected-deal.departure .card-content > .right .way-tag.arrival {
	display: none;
}

[namespace=view-flights-step1-A].page .page-content .block.selected-deal-block .card.selected-deal.arrival .card-content > .right .way-tag.departure {
	display: none;
}

[namespace=view-flights-step1-A].page .page-content .block.selected-deal-block .card.selected-deal .card-content > .right span {
	font-size: 14px;
	margin-left: 4px;
	margin-right: 4px;
}

[namespace=view-flights-step1-A].page .page-content .block.selected-deal-block .card.selected-deal .card-content > .right .price {
	font-size: 16px;
	font-weight: 700;
	color: #006FFF;
}

[namespace=view-flights-step1-A].page .page-content .block.selected-deal-block .card.selected-deal .card-footer {
	padding: 15px 25px;
	padding-top: 0;
}

[namespace=view-flights-step1-A].page .page-content .block.selected-deal-block .card.selected-deal .card-footer button {
	border: 1px solid #E4E4E4;
	background-color: #fff;
	color: #000;
	padding: 5px;
	height: 100%;
	width: 100%;
	font-weight: 500;
	font-size: 16px;
}

[namespace=view-flights-step1-A].page .page-content .trip-deals-board [namespace="deal-list-banner"].swiper-container {
	border-radius: 12px;
	margin: 16px;
	line-height: 1.1;
	position: relative;
}

[namespace=view-flights-step1-A].page .page-content .trip-deals-board [namespace="deal-list-banner"].swiper-container .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
}

[namespace=view-flights-step1-A].page .page-content .trip-deals-board [namespace="deal-list-banner"].swiper-container .swiper-slide img {
	width: 100%;
}

[namespace=view-flights-step1-A].page .page-content .trip-deals-board [namespace="deal-list-banner"].swiper-container [data-btn-close-list-banner] {
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
	font-size: 24px;
	color: #fff;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.45);
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px;
	z-index: 3;
}

[namespace=view-flights-step1-A].page .page-content .content-inner .list-sort {
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
	display: flex;
	width: 100%;
	justify-content: center;
}

[namespace=view-flights-step1-A].page .page-content .content-inner .list-sort .hashtag {
	padding: 4px 8px;
	background-color: #fff;
	border: 1px solid #bbb;
	width: 24%;
	text-wrap: nowrap;
}

[namespace=view-flights-step1-A].page .page-content .content-inner .list-sort .hashtag:not(:nth-last-child(2)) {
	border-right: 0px;
}

[namespace=view-flights-step1-A].page .page-content .content-inner .list-sort .hashtag.selected + .hashtag {
	border-left: 0px;
}

[namespace=view-flights-step1-A].page .page-content .content-inner .list-sort .hashtag.selected {
	color: #006FFF;
	background-color: #F1F8FF;
	border: 1px solid #006FFF;
}

[namespace=view-flights-step1-A].page .page-content .content-inner .list-sort .hashtag:first-child {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
} 

[namespace=view-flights-step1-A].page .page-content .content-inner .list-sort .hashtag:nth-last-child(2) {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

[namespace=view-flights-step1-A].page .page-content .content-inner .list-sort > .new-message {
	background-color: #000;
	color: #fff;
	border-radius: 6px;
	padding: 12px 16px;
	position: absolute;
	left: 50%;
	bottom: -50px;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	z-index: 2;
	text-wrap: nowrap;
}

[namespace=view-flights-step1-A].page .page-content .content-inner .list-sort > .new-message i {
	margin-right: 10px;	
}
/* .page-content */

[namespace=view-flights-step1-B].page .page-content {
}

/*[namespace=view-flights-step1-B].page .page-content .return-step2 */

[namespace=view-flights-step1-B].page .page-content .return-step2 {
	position: fixed;
	bottom: 15%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 100;
}

[namespace=view-flights-step1-B].page .page-content .return-step2 button {
	padding: 5px 15px;
	height: 100%;
	border: 1px solid #E4E4E4;
	background-color: #FFFFFF;
	color: #000;
	font-size: 16px;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

[namespace=view-flights-step1-B].page .page-content .return-step2 button i {
	margin-left: 10px;
}
/* .page-content */

[namespace=view-flights-step1-desktop].page .page-content {
}

[namespace=view-flights-step1-desktop].page .page-content .before-result {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	padding-top: 150px;
	padding-bottom: 150px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius: 12px;
	font-size: 15px;
}

[namespace=view-flights-step1-desktop].page .page-content .recommended-board {
	margin-top: 25px;
}

[namespace=view-flights-step1-desktop].page .page-content .arrival-tab-calendar {
	display: flex;
}

[namespace=view-flights-step1-desktop].page .page-content .trip-deals-board {
	margin-top: 18px;
}

[namespace=view-flights-step1-desktop].page .page-content .return-step2 {
	position: fixed;
	bottom: 15%;
	z-index: 100;
}

[namespace=view-flights-step1-desktop].page .page-content .return-step2 button {
	padding: 5px 15px;
	height: 100%;
	border: 1px solid #E4E4E4;
	background-color: #FFFFFF;
	color: #000;
	font-size: 16px;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

[namespace=view-flights-step1-desktop].page .page-content .return-step2 button i {
	margin-left: 10px;
}

[namespace=view-flights-step1-desktop].page .page-content .selected-deal-block {
	padding: 0;
	margin-top: 25px;
	margin-bottom: 0px;
}

[namespace=view-flights-step1-desktop].page .page-content .selected-deal-block .deal-schedule {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	font-weight: 700;
	font-size: 16px;
	color: #000;
	padding-left: 14px;
	margin-bottom: 20px;
}

[namespace=view-flights-step1-desktop].page .page-content .selected-deal-block .deal-schedule span {
	margin-left: 6px;
	margin-right: 6px;
}

[namespace=view-flights-step1-desktop].page .page-content .selected-deal-block .deal-schedule .way-tag {
	margin: 0 20px;
	padding: 2px 8px;
	border-radius: 3px;
	font-size: 14px;
}

[namespace=view-flights-step1-desktop].page .page-content .selected-deal-block .deal-schedule .way-tag.departure {
	background-color: #C1EEEA;
	color: #333333;
}

[namespace=view-flights-step1-desktop].page .page-content .selected-deal-block .deal-schedule .way-tag.arrival {
	background-color: #00AE93;
	color: #FFFFFF;
}

[namespace=view-flights-step1-desktop].page .page-content .selected-deal-block .deal-schedule.departure .way-tag.arrival {
	display: none;
}

[namespace=view-flights-step1-desktop].page .page-content .selected-deal-block .deal-schedule.arrival .way-tag.departure {
	display: none;
}

[namespace=view-flights-step1-desktop].page .page-content .selected-deal-block .deal-schedule.selected {
	margin-bottom: 20px;
}

[namespace=view-flights-step1-desktop].page .page-content .selected-deal-block .dea-scheduel.remains {
	margin-top: 40px;
}


/*[namespace=view-flights-step1-desktop].page .page-content .selected-deal-block .card.selected-deal */

[namespace=view-flights-step1-desktop].page .page-content .selected-deal-block .card.selected-deal {
	width: 100%;
	margin: 0px;
	margin-bottom: 20px;
	border-radius: 8px;
}

[namespace=view-flights-step1-desktop].page .page-content .selected-deal-block .card.selected-deal .card-content {
	display: flex;
	justify-content: space-between;
}

[namespace=view-flights-step1-desktop].page .page-content .selected-deal-block .card.selected-deal .card-content > .left {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 220px;
}

[namespace=view-flights-step1-desktop].page .page-content .selected-deal-block .card.selected-deal .card-content > .left img {
	width: 130px;
}

[namespace=view-flights-step1-desktop].page .page-content .selected-deal-block .card.selected-deal .card-content > .left .deal {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
}

[namespace=view-flights-step1-desktop].page .page-content .selected-deal-block .card.selected-deal .card-content > .left .deal .name .fa-arrow-right {
	margin-left: 4px;
	margin-right: 4px;
}

[namespace=view-flights-step1-desktop].page .page-content .selected-deal-block .card.selected-deal .card-content > .left .deal .point {
	background-color: #888888;
	color: #FFFFFF;
	padding: 2px 6px;
	border-radius: 4px;
	margin-top: 10px;
}


[namespace=view-flights-step1-desktop].page .page-content .selected-deal-block .card.selected-deal .card-content > .center {
	width: 524px;
	padding: 15px;
	border-left : 1px solid #E4E4E4;
}

[namespace=view-flights-step1-desktop].page .page-content .selected-deal-block .card.selected-deal .card-content > .center .top .row {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding: 3px 10px;
}

[namespace=view-flights-step1-desktop].page .page-content .selected-deal-block .card.selected-deal .card-content > .center .top .row .title {
	color: #333333;
	margin-right: 15px;
}

[namespace=view-flights-step1-desktop].page .page-content .selected-deal-block .card.selected-deal .card-content > .center .bottom {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
	margin-top: 35px;
	padding: 0 10px;
}

[namespace=view-flights-step1-desktop].page .page-content .selected-deal-block .card.selected-deal .card-content > .center .bottom .price-detail {
	color: #333333;
	margin-bottom: 10px;
}

[namespace=view-flights-step1-desktop].page .page-content .selected-deal-block .card.selected-deal .card-content > .center .bottom .price-total span {
	font-size: 20px;
	font-weight: 700;
	margin: 5px;
}

[namespace=view-flights-step1-desktop].page .page-content .selected-deal-block .card.selected-deal .card-content > .right {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 260px;
	background-color: #F4F4F4;
	border-radius: 0px 8px 8px 0px;
}

[namespace=view-flights-step1-desktop].page .page-content .selected-deal-block .card.selected-deal .card-content > .right .company {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 10px;
}
[namespace=view-flights-step1-desktop].page .page-content .selected-deal-block .card.selected-deal .card-content > .right .company .name {
	font-weight: 600;
	font-size: 20px;
	color: #006FFF;
}

[namespace=view-flights-step1-desktop].page .page-content .selected-deal-block .card.selected-deal .card-content > .right .company .logo {
	margin-left: 5px;
}

[namespace=view-flights-step1-desktop].page .page-content .selected-deal-block .card.selected-deal .card-content > .right .schedule {
	margin-bottom: 24px;
	font-size: 13px;
	color: #333333;
}

[namespace=view-flights-step1-desktop].page .page-content .selected-deal-block .card.selected-deal .card-content > .right button {
	border: 1px solid #E4E4E4;
	border-radius: 4px;
	color: #333333;
	background-color: #FFFFFF;
	padding: 2px 24px;
	height: 100%;
}

[namespace=view-flights-step1-desktop].page .page-content .selected-deal-block .card.selected-deal .card-content > .right button i {
	margin-right: 4px;
}

[namespace=view-flights-step1-desktop].page .page-content .content-inner .list-sort {
	position: relative;
	margin-top: 20px;
	display: flex;
	width: fit-content;
}

[namespace=view-flights-step1-desktop].page .page-content .content-inner .list-sort .hashtag {
	padding: 4px 18px;
	background-color: #fff;
	border: 1px solid #bbb;
}

[namespace=view-flights-step1-desktop].page .page-content .content-inner .list-sort .hashtag:not(:nth-last-child(2)) {
	border-right: 0px;
}

[namespace=view-flights-step1-desktop].page .page-content .content-inner .list-sort .hashtag.selected + .hashtag {
	border-left: 0px;
}

[namespace=view-flights-step1-desktop].page .page-content .content-inner .list-sort .hashtag.selected {
	color: #006FFF;
	background-color: #F1F8FF;
	border: 1px solid #006FFF;
}

[namespace=view-flights-step1-desktop].page .page-content .content-inner .list-sort .hashtag:first-child {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
} 

[namespace=view-flights-step1-desktop].page .page-content .content-inner .list-sort .hashtag:nth-last-child(2) {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

[namespace=view-flights-step1-desktop].page .page-content .content-inner .list-sort > .new-message {
	background-color: #000;
	color: #fff;
	border-radius: 5px;
	padding: 8px 14px;
	position: absolute;
	top: 50%;
	right: calc(-100% - 16px);
	transform: translateY(-50%);
	display: flex;
	align-items: center;
}

[namespace=view-flights-step1-desktop].page .page-content .content-inner .list-sort > .new-message i {
	margin-right: 6px;	
}
/* .page-content */

[namespace=view-flights-step2-check].page .page-content {
	padding-bottom: 220px;
}

[namespace=view-flights-step2-check].page .page-content .card {
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 0;
}

/*[namespace=view-flights-step2-check].page .page-content .block.basic-info*/

[namespace=view-flights-step2-check].page .page-content .block.basic-info {
	padding: 0px 25px;
	margin: 10px;
	margin-top: 25px;
}

[namespace=view-flights-step2-check].page .page-content .block.basic-info .block-content {
	display: flex;
	margin-bottom: 15px;
	letter-spacing: -1px;
	font-size: 15px;
}

[namespace=view-flights-step2-check].page .page-content .block.basic-info .block-content .left {
	width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

[namespace=view-flights-step2-check].page .page-content .block.basic-info .block-content .left img {
	width: 100%;
	max-width: 130px;
}

[namespace=view-flights-step2-check].page .page-content .block.basic-info .block-content .right {
	width: 60%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 25px;
	padding-right: 15px;
}

[namespace=view-flights-step2-check].page .page-content .block.basic-info .block-content .right .name {
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 0px;
	margin-bottom: 4px;
}

[namespace=view-flights-step2-check].page .page-content .block.basic-info .block-content .right .point {
	font-size: 13px;
	color: #333;
	letter-spacing: -2px;
}

[namespace=view-flights-step2-check].page .page-content .block.basic-info .block-content .right .point i {
	margin-right: 4px;
	margin-left: 4px;
}

[namespace=view-flights-step2-check].page .page-content .block.basic-info .block-footer.schedule {
	font-weight: 600;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
	margin-bottom: 20px;
	color: #000;
}

[namespace=view-flights-step2-check].page .page-content .block.basic-info .block-content .point.round-trip i.fa-arrow-right,
[namespace=view-flights-step2-check].page .page-content .block.basic-info .block-footer.schedule.round-trip i.fa-arrow-right {
	display: none;
}

[namespace=view-flights-step2-check].page .page-content .block.basic-info .block-content .point.one-way-trip i.fa-arrow-right-arrow-left,
[namespace=view-flights-step2-check].page .page-content .block.basic-info .block-footer.schedule.one-way-trip i.fa-arrow-right-arrow-left {
	display: none;
}

[namespace=view-flights-step2-check].page .page-content .block.basic-info .block-footer.schedule [data-dep-date],
[namespace=view-flights-step2-check].page .page-content .block.basic-info .block-footer.schedule [data-arr-date] {
	margin-right: 4px;
	color: #006FFF;
}

[namespace=view-flights-step2-check].page .page-content .block.basic-info .block-footer.schedule i {
	margin: 0 10px;
}

/*[namespace=view-flights-step2-check].page .page-content .block.deal-list */

[namespace=view-flights-step2-check].page .page-content .block.deal-list {
	margin: 0;
}

/*[namespace=view-flights-step2-check].page .page-content .card.passenger-info */

[namespace=view-flights-step2-check].page .page-content .card.passenger-info {
	padding: 16px;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-info .card-header {
	padding: 10px;
	padding-top: 0;
	border-bottom: 1px solid #E4E4E4;
	font-size: 16px;
	font-weight: 600;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-info .card-header i {
	color: #006FFF;
	margin-right: 8px;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-info .card-content {
	
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-info .card-content .block-passenger:not(:last-child) {
	border-bottom: 1px dashed #E4E4E4;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-info .card-content .block-passenger {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-info .card-content .block-passenger .left {
	width: 100%;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-info .card-content .block-passenger .left .list {
	border: none;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-info .card-content .block-passenger .left .item-content {
	padding: 0;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-info .card-content .block-passenger .left .item-inner {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 8px 0;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-info .card-content .block-passenger .left .item-title {
	width: 25%;
	font-weight: 600;
	font-size: 16px;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-info .card-content .block-passenger .left .input-wrap {
	width: 75%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-info .card-content .block-passenger .left .item-input-wrap input {
	font-size: 15px;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-info .card-content .block-passenger .left .input-wrap .passenger-last-name {
	width: 28%;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-info .card-content .block-passenger .left .input-wrap .passenger-first-name {
	width: 70%;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-info .card-content .block-passenger .left .passenger-info-wrap {
	width: 75%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	display: flex;
	flex-direction: row;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-info .card-content .block-passenger .left .child-info-wrap {
	width: 75%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-info .card-content .block-passenger .left .child-info-wrap .notice {
	width: 48%;
	font-weight: 500;
	font-size: 14px;
	color: #888888;
	text-align: center;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-info .card-content .block-passenger .select-wrap {
	position: relative;
	width: 48%;
	height: 36px;
	border: 1px solid var(--f7-input-outline-border-color);
	border-radius: 4px;
	cursor: pointer;
	z-index: 1;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-info .card-content .block-passenger .select-wrap select {
	width: 100%;
	height: 100%;
	padding: 0 10px;
	cursor: pointer;
	font-size: 15px;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-info .card-content .block-passenger .select-wrap i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	font-size: 16px;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-info .card-content .block-passenger .right {
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-info .card-content .block-passenger .right button {
	width: 42px;
	height: 36px;
	top: 20%;
	right: 0;
	color: #000;
	border-radius: 4px;
	border: 1px solid #E4E4E4;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-left: 10px;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-info .card-content .block-passenger .right button i {
	font-size: 18px;
}

/*.card-passenger-info .card-footer*/

[namespace=view-flights-step2-check].page .page-content .card.passenger-info .card-footer {
	padding-top: 17px;
	padding-bottom: 1px;
	border-top: 1px solid #E4E4E4;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-info .card-footer i {
	margin: 0 8px;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-info .card-footer .notice {
	font-weight: 600;
	font-size: 16px;
	color: #C8222C;
}
[namespace=view-flights-step2-check].page .page-content .card.passenger-info[data-check-booking-user="false"] .check-booking-user .fa-square,
[namespace=view-flights-step2-check].page .page-content .card.passenger-info[data-check-booking-user="true"] .check-booking-user .fa-square-check { display: inline; }

[namespace=view-flights-step2-check].page .page-content .card.passenger-info[data-check-booking-user="true"] .check-booking-user .fa-square,
[namespace=view-flights-step2-check].page .page-content .card.passenger-info[data-check-booking-user="false"] .check-booking-user .fa-square-check { display: none; }

/*[namespace=view-flights-step2-check].page .page-content .card.passenger-discount*/

[namespace=view-flights-step2-check].page .page-content .card.passenger-discount {
	padding: 16px;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-discount .card-header {
	padding: 10px;
	padding-top: 0;
	border-bottom: 1px solid #E4E4E4;
	font-size: 16px;
	font-weight: 600;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-discount .card-content .block-passenger-discount:not(:last-child) {
	border-bottom: 1px dashed #E4E4E4;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-discount .card-content .block-passenger-discount {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-discount .card-content .block-passenger-discount .list {
	border: none;
	width: 100%;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-discount .card-content .block-passenger-discount .list .item-content {
	padding: 0;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-discount .card-content .block-passenger-discount .list .item-inner {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 8px 0;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-discount .card-content .block-passenger-discount .list .item-title {
	width: 22%;
	font-weight: 600;
	font-size: 16px;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-discount .card-content .block-passenger-discount .list .item-sub-title {
	width: 78%;
	padding-left: 10px;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-discount .card-content .block-passenger-discount .list .item-sub-title.none:after {
	content: '탑승자 정보를 입력해 주세요.';
	color: #888888;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-discount .card-content .block-passenger-discount .select-wrap {
	position: relative;
	width: 78%;
	height: 36px;
	border: 1px solid var(--f7-input-outline-border-color);
	border-radius: 4px;
	cursor: pointer;
	z-index: 1;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-discount .card-content .block-passenger-discount .select-wrap select {
	width: 100%;
	height: 100%;
	padding: 0 10px;
	cursor: pointer;
	font-size: 13px;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-discount .card-content .block-passenger-discount .select-wrap i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	font-size: 16px;
}



[namespace=view-flights-step2-check].page .page-content .card.passenger-discount .card-footer {
	padding-top: 17px;
	padding-bottom: 1px;
	border-top: 1px solid #E4E4E4;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-discount .card-footer i {
	margin: 0 8px;
}

[namespace=view-flights-step2-check].page .page-content .card.passenger-discount .card-footer .notice {
	font-weight: 600;
	font-size: 16px;
	color: #C8222C;
}

@media (max-width: 629px) {
	[namespace=view-flights-step2-check].page .page-content .card.passenger-info .card-content .block-passenger .left .child-info-wrap .notice {
		font-size: 10px;
	}
	
	[namespace=view-flights-step2-check].page .page-content .card.passenger-discount .card-content .block-passenger-discount .select-wrap select {
		font-size: 8px;
	}
}
/* .page-content */

[namespace=view-info-contacts].page .page-content {
}
/* .page-content */

[namespace=view-info-maps].page .page-content {
}
/* .page-content */

[namespace=view-items-step1-A].page .page-content {
}

[namespace=view-items-step1-A].page .page-content .card.before-result .card-content {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 120px;
	padding-bottom: 120px;
}

[namespace=view-items-step1-A].page .page-content .return-step2 {
	position: fixed;
	bottom: 15%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 100;
}

[namespace=view-items-step1-A].page .page-content .return-step2 button {
	padding: 5px 15px;
	height: 100%;
	border: 1px solid #E4E4E4;
	background-color: #FFFFFF;
	color: #000;
	font-size: 16px;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

[namespace=view-items-step1-A].page .page-content .return-step2 button i {
	margin-left: 10px;
}

[namespace=view-items-step1-A].page .page-content .trip-deals-board [namespace="deal-list-banner"].swiper-container {
	border-radius: 12px;
	width: 100%;
	margin: 0px;
	margin-bottom: 15px;
	margin-right: 12px;
	line-height: 1.1;
	position: relative;
}

[namespace=view-items-step1-A].page .page-content .trip-deals-board [namespace="deal-list-banner"].swiper-container .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
}

[namespace=view-items-step1-A].page .page-content .trip-deals-board [namespace="deal-list-banner"].swiper-container .swiper-slide img {
	width: 100%;
}

[namespace=view-items-step1-A].page .page-content .trip-deals-board [namespace="deal-list-banner"].swiper-container [data-btn-close-list-banner] {
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
	font-size: 24px;
	color: #fff;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.45);
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px;
	z-index: 3;
}
/* .page-content */

[namespace=view-items-step1-B].page .page-content {
}
/* .page-content */

[namespace=view-items-step1-desktop].page .page-content {
}

[namespace=view-items-step1-desktop].page .page-content .before-result {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	padding-top: 150px;
	padding-bottom: 150px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius: 12px;
	font-size: 15px;
}

[namespace=view-items-step1-desktop].page .page-content .recommended-board {
	margin-top: 25px;
}

[namespace=view-items-step1-desktop].page .page-content .trip-deals-board {
	margin-top: 25px;
}

[namespace=view-items-step1-desktop].page .page-content .return-step2 {
	position: fixed;
	bottom: 15%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 100;
}
[namespace=view-items-step1-desktop].page .page-content .return-step2 button {
	padding: 5px 15px;
	height: 100%;
	border: 1px solid #E4E4E4;
	background-color: #FFFFFF;
	color: #000;
	font-size: 16px;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

[namespace=view-items-step1-desktop].page .page-content .return-step2 button i {
	margin-left: 10px;
}
/* .page-content */

[namespace=view-items-step2-check].page .page-content {
	padding-top: 30px;
	padding-bottom: 220px;
}

[namespace=view-items-step2-check].page .page-content .card {
	padding: 16px;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 0;
}

/*.page .page-content .block.basic-info*/
[namespace=view-items-step2-check].page .page-content .block.basic-info {
	padding: 0px 25px;
	margin-top: 10px;
	margin-bottom: 0;
}

[namespace=view-items-step2-check].page .page-content .block.basic-info .block-content {
	display: flex;
	margin-bottom: 15px;
	letter-spacing: -1px;
	font-size: 15px;
}

[namespace=view-items-step2-check].page .page-content .block.basic-info .block-content .left {
	width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}

[namespace=view-items-step2-check].page .page-content .block.basic-info .block-content .left .logo {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 64px;
	height: 64px;
	background-color: #fff;
	border-radius: 100%;
	font-size: 24px;
}

[namespace=view-items-step2-check].page .page-content .block.basic-info .block-content .right {
	width: 60%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 25px;
	padding-right: 15px;
}

[namespace=view-items-step2-check].page .page-content .block.basic-info .block-content .right .company {
	font-weight: bold;
	font-size: 19px;
	letter-spacing: 0px;
	margin-bottom: 3px;
}

[namespace=view-items-step2-check].page .page-content .block.basic-info .block-content .right .tel {
	font-weight: 500;
	color: #555555;
	letter-spacing: -1px;
}

[namespace=view-items-step2-check].page .page-content .block.basic-info [company-comment] {
	font-weight: bold;
	font-size: 15px;
	display: flex;
	justify-content: center;
}

[namespace=view-items-step2-check].page .page-content .block.basic-info .block-footer.schedule {
	font-weight: 600;
	font-size: 16px;
	align-self: center;
	margin-top: 30px;
	margin-bottom: 20px;
}

[namespace=view-items-step2-check].page .page-content .block.basic-info .block-footer.schedule [data-start-date],
[namespace=view-items-step2-check].page .page-content .block.basic-info .block-footer.schedule [data-end-date] {
	color: #006FFF;
}

[namespace=view-items-step2-check].page .page-content .block.basic-info .block-footer.schedule [data-start-time],
[namespace=view-items-step2-check].page .page-content .block.basic-info .block-footer.schedule [data-end-time] {
	color: #000;
}

[namespace=view-items-step2-check].page .page-content .block.basic-info .block-footer.schedule i {
	margin: 0 10px;
}

/*.page .page-content .block.deal-list*/

[namespace=view-items-step2-check].page .page-content .block.deal-list {
	padding: 0;
	margin: 5px 0;
	font-size: 16px;
}

[namespace=view-items-step2-check].page .page-content .block.deal-list .block-footer {
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding: 20px;
}

[namespace=view-items-step2-check].page .page-content .block.deal-list .block-footer button {
	height: 32PX;
	width: 200px;
	font-size: 14px;
	border-radius: 4px;
	border: 1px solid #DDDDDD;
	color: #000;
	background-color: #FFFFFF;
}

/*[namespace=view-items-step2-check].page .page-content .card.notice-delivery */
/*[namespace=view-items-step2-check].page .page-content .card.notice-delivery:not([data-take-type="DLV"]) {*/
/*DLV가 아니면 노출 안해*/
[namespace=view-items-step2-check].page .page-content .card.notice-delivery {
	display: none;
	font-size: 14px;
}

[namespace=view-items-step2-check].page .page-content .card.notice-delivery[data-take-type="DLV"]{
	display: block;
}

[namespace=view-items-step2-check].page .page-content .card.notice-delivery .card-header {	
	font-size: 14px;
	border-bottom: 1px dashed #E4E4E4;
	font-weight: 600;
	display: inline-block;
	text-align: center;
}

[namespace=view-items-step2-check].page .page-content .card.notice-delivery .card-header span {
	color: #C8222C;
}

[namespace=view-items-step2-check].page .page-content .card.notice-delivery .card-content {
	color: #C8222C;
	padding-top: 12px;
	text-align: center;
}

/*.page .page-content .card.take-user-info*/

[namespace=view-items-step2-check].page .page-content .card.take-user-info .card-header {
	padding: 10px;
	padding-top: 0;
	border-bottom: 1px solid #E4E4E4;
	font-weight: 600;
}

[namespace=view-items-step2-check].page .page-content .card.take-user-info .card-header i {
	margin-right: 8px;
	color: #006FFF;
}

[namespace=view-items-step2-check].page .page-content .card.take-user-info .card-content {
	padding-left: 10px;
}

[namespace=view-items-step2-check].page .page-content .card.take-user-info .list {
	padding-top: 8px;
	padding-bottom: 8px;
	border: none;	
}

[namespace=view-items-step2-check].page .page-content .card.take-user-info .item-content {
	padding-left: 0;
}

[namespace=view-items-step2-check].page .page-content .card.take-user-info .item-inner {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	padding-right:  0;
}

[namespace=view-items-step2-check].page .page-content .card.take-user-info .item-title {
	width: 22%;
	font-weight: 600;
	font-size: 16px;
	align-self: center;
}

[namespace=view-items-step2-check].page .page-content .card.take-user-info .item-inner .item-input {
	width: 70%;
	font-size: 15px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

[namespace=view-items-step2-check].page .page-content .card.take-user-info .user-name .last-name {
	width: 28%;
}

[namespace=view-items-step2-check].page .page-content .card.take-user-info .user-name .first-name {
	width: 70%;
}

[namespace=view-items-step2-check].page .page-content .card.take-user-info .user-phone {
	width: 100%;
}

[namespace=view-items-step2-check].page .page-content .card.take-user-info input {
	font-size: 15px;
}

[namespace=view-items-step2-check].page .page-content .card.take-user-info .item-inner .item-after {
	width: 42px;
	height: 100%;
	padding-left: 5px;
	padding-right: 0;
	margin-left: 0;
	justify-content: flex-end;
}

[namespace=view-items-step2-check].page .page-content .card.take-user-info .item-inner .item-after button {
	height: 100%;
	border: 1px solid #DDDDDD;
	border-radius: 8px;
	color: #000;
	font-size: 16px;
}

[namespace=view-items-step2-check].page .page-content .card.take-user-info[data-check-take-user="false"] .check-take-user .fa-square,
[namespace=view-items-step2-check].page .page-content .card.take-user-info[data-check-take-user="true"] .check-take-user .fa-square-check { display: inline; }

[namespace=view-items-step2-check].page .page-content .card.take-user-info[data-check-take-user="true"] .check-take-user .fa-square,
[namespace=view-items-step2-check].page .page-content .card.take-user-info[data-check-take-user="false"] .check-take-user .fa-square-check { display: none; }

[namespace=view-items-step2-check].page .page-content .card.take-user-info .card-footer i {
	margin:  0 8px;
}

[namespace=view-items-step2-check].page .page-content .card.take-user-info .card-footer {
	border-top: 1px solid #E4E4E4;
}

[namespace=view-items-step2-check].page .page-content .card.take-user-info .card-footer .notice {
	font-weight: 600;
	font-size: 16px;
	color: #C8222C;
}

/* .card.pickup-notice */

[namespace=view-items-step2-check].page .page-content .card.pickup-notice .card-header {
	padding: 10px;
	padding-top: 0;
	border-bottom: 1px solid #E4E4E4;
	font-weight: 600;
}

[namespace=view-items-step2-check].page .page-content .card.pickup-notice .card-content {
	padding: 16px 10px;
}

[namespace=view-items-step2-check].page .page-content .card.pickup-notice .card-content img {
	width: 100%;
}

[namespace=view-items-step2-check].page .page-content .card.pickup-notice .card-footer {
	border-top: 1px solid #E4E4E4;
}

[namespace=view-items-step2-check].page .page-content .card.pickup-notice .card-footer i {
	margin:  0 8px;
}

[namespace=view-items-step2-check].page .page-content .card.pickup-notice .card-footer .notice {
	font-weight: 600;
	font-size: 16px;
	color: #C8222C;
}

/* .card.pickup-notice-jeje */

[namespace=view-items-step2-check].page .page-content .card.pickup-notice-jeje .card-header {
	padding: 10px;
	padding-top: 0;
	border-bottom: 1px solid #E4E4E4;
	font-weight: 600;
}

[namespace=view-items-step2-check].page .page-content .card.pickup-notice-jeje .card-content {
	padding: 16px 10px;
}

[namespace=view-items-step2-check].page .page-content .card.pickup-notice-jeje .card-content img {
	width: 100%;
}

[namespace=view-items-step2-check].page .page-content .card.pickup-notice-jeje .card-footer {
	border-top: 1px solid #E4E4E4;
}

[namespace=view-items-step2-check].page .page-content .card.pickup-notice-jeje .card-footer i {
	margin:  0 8px;
}

[namespace=view-items-step2-check].page .page-content .card.pickup-notice-jeje .card-footer .notice {
	font-weight: 600;
	font-size: 16px;
	color: #C8222C;
}
/* .page-content */

[namespace=view-my-account-password].page .page-content {
	height: 100%;
	padding-top: 10px;
	padding-bottom: 80px;
}

[namespace=view-my-account-password].page .page-content .block {
	margin: 15px;
	padding: 0;
	padding-bottom: 10px;
}

[namespace=view-my-account-password].page .page-content .block:not(:last-child) {
	border-bottom: 1px solid #E4E4E4;
}

[namespace=view-my-account-password].page .page-content .block .block-header {
	padding: 5px;
	padding-left: 16px;
}

[namespace=view-my-account-password].page .page-content .block .block-header .title {
	font-weight: 600;
	font-size: 16px;
	color: #000;
}

[namespace=view-my-account-password].page .page-content .block .block-content {
	padding-left: 16px;
}

[namespace=view-my-account-password].page .page-content .block .block-content .description {
	font-size: 13px;
	color: #888888;
	line-height: 1.5;
}

[namespace=view-my-account-password].page .page-content .block .block-footer .card {
	margin: 25px 0;
	cursor: pointer;
}

[namespace=view-my-account-password].page .page-content .block .block-footer .card:active {
	opacity: 0.5;
}

[namespace=view-my-account-password].page .page-content .block .block-footer .card .card-content {
	padding: 24px;
	color: #000;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-weight: 600;
	font-size:16px;
}
/* .page-content */

[namespace=view-my-account].page .page-content {
	padding-top: 10px;
	padding-bottom: 80px;
}

[namespace=view-my-account].page .page-content .title,
[namespace=view-my-account].page .page-content .item-title {
	font-weight: 600;
}

[namespace=view-my-account].page .page-content .card {
	margin:  5px 15px;
}

[namespace=view-my-account].page .page-content .card .card-header {
	position: relative;
	padding: 20px;
}

[namespace=view-my-account].page .page-content .list {
	border: none;
}

[namespace=view-my-account].page .page-content .btn {
	position: absolute;
	top: -8px;
	right: -6px;
	width: 28px;
	height: 22px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 7px 8px;
	color: #000;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
}

[namespace=view-my-account].page .page-content .btn-question {
	font-size: 22px;
	color: #B7B7B7;
	padding: 2px;
}

[namespace=view-my-account].page .page-content .card.membership {
	padding: 15px 20px;
}

[namespace=view-my-account].page .page-content .card.membership .card-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

[namespace=view-my-account].page .page-content .card.membership .card-content .item {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	cursor: pointer;
}

[namespace=view-my-account].page .page-content .card.membership .card-content .item .grade {
	display: none;
}

[namespace=view-my-account].page .page-content .card.membership .card-content .item [data-member-grade="blue"] .grade.blue,
[namespace=view-my-account].page .page-content .card.membership .card-content .item [data-member-grade="silver"] .grade.silver,
[namespace=view-my-account].page .page-content .card.membership .card-content .item [data-member-grade="gold"] .grade.gold,
[namespace=view-my-account].page .page-content .card.membership .card-content .item [data-member-grade="black"] .grade.black {
	display: block;
}

[namespace=view-my-account].page .page-content .card.membership .card-content .item .grade {
	font-weight: 500;
	padding: 3px 18px ;
	border-radius: 4px;
}

[namespace=view-my-account].page .page-content .card.membership .card-content .item .grade.blue {
	background-color: #006FFF;
	color: #fff;
}

[namespace=view-my-account].page .page-content .card.membership .card-content .item .grade.silver {
	background-color: #E0E0E0;
	color: #000;
}

[namespace=view-my-account].page .page-content .card.membership .card-content .item .grade.gold {
	background-color: #DBAC34;
	color: #fff;
}

[namespace=view-my-account].page .page-content .card.membership .card-content .item .grade.black {
	background-color: #000;
	color: #fff;
}

[namespace=view-my-account].page .page-content .card.membership .card-content .item:active {
	opacity: 0.5;
}

[namespace=view-my-account].page .page-content .card.membership .card-content .item:not(:last-child){
	border-right: 1px solid #e4e4e4;
}

[namespace=view-my-account].page .page-content .card.membership .card-content .item .title {
	text-align: center;
	margin-bottom: 10px;
	color: #000;
}

[namespace=view-my-account].page .page-content .card.membership .card-content .item .content {
	color: #006FFF;
}
/*[namespace=view-my-account].page .page-content .card.faq-benefit */

[namespace=view-my-account].page .page-content .card.faq-benefit {
	padding: 20px;
	font-weight: 700;
	color: #000;
	cursor: pointer;
}

[namespace=view-my-account].page .page-content .card.faq-benefit .card-content {
	font-size: 14px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

[namespace=view-my-account].page .page-content .card.faq-benefit .card-content i {
	font-weight: 800;
}

[namespace=view-my-account].page .page-content .card.faq-benefit:active .card-content {
	opacity: 0.5;
}
/* .form-info-member */

[namespace=view-my-account].page .page-content .form-info-member.card .card-content {
	padding: 20px;
}

[namespace=view-my-account].page .page-content .form-info-member .item-content {
	padding: 0px;
}

[namespace=view-my-account].page .page-content .form-info-member .item-label {
	width: 64px;
	padding: 13px 3px;
}

[namespace=view-my-account].page .page-content .form-info-member .list .item-content .item-inner {
	padding: 0px;
}

[namespace=view-my-account].page .page-content .form-info-member .list .item-content .item-inner  .input-member-name {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
}

[namespace=view-my-account].page .page-content .form-info-member .input-member-name .item-input-wrap.first-name,
[namespace=view-my-account].page .page-content .form-info-member .input-member-name input.input-first-name {
	margin-left: 0px;
}

[namespace=view-my-account].page .page-content .form-info-member .input-member-name .item-input-wrap.last-name,
[namespace=view-my-account].page .page-content .form-info-member .input-member-name input.input-last-name {
	width: 80px;
}

[namespace=view-my-account].page .page-content .form-info-member .list .item-content .item-inner .item-input-wrap {
	margin: 5px;
}

[namespace=view-my-account].page .page-content .form-info-member .list .item-content .item-inner .item-input-wrap input:read-only{
	background-color: #F8F8F8;
}

[namespace=view-my-account].page .page-content .form-info-member .list.member-basic {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #e5e5e5;
}

/*.billing-card-wrap , .family-card-wrap swipper*/

[namespace=view-my-account].page .page-content .family-card-wrap .item-content,
[namespace=view-my-account].page .page-content .billing-card-wrap .item-content {
	padding: 0px 20px 15px 20px;
}

[namespace=view-my-account].page .page-content .family-card-wrap .swiper-container,
[namespace=view-my-account].page .page-content .billing-card-wrap .swiper-container {
	width: 100%;
}

[namespace=view-my-account].page .page-content .family-card-wrap .swiper-container .swiper-slide.card,
[namespace=view-my-account].page .page-content .billing-card-wrap .swiper-container .swiper-slide.card {
	cursor: pointer;
	position: relative;
	display: block;
	background-color: #fff;
	width: 240px;
	height: 134px;
	margin-top: 10px;
	border-radius: 12px;
}

[namespace=view-my-account].page .page-content .family-card-wrap .swiper-container .swiper-slide.card .icon-family-member,
[namespace=view-my-account].page .page-content .billing-card-wrap .swiper-container .swiper-slide.card .icon-card-remove {
	position: absolute;
	font-size: 18px;
	top: -6px;
	right: -6px;
}

/* .billing-card-wrap */

[namespace=view-my-account].page .page-content .billing-card-wrap .swiper-container .swiper-slide.card .icon-card-remove i {
	color: #C8222C;
}

[namespace=view-my-account].page .page-content .billing-card-wrap .swiper-container .swiper-slide.card {
	display: flex;
	justify-content: center;
	align-items: center;
}

[namespace=view-my-account].page .page-content .billing-card-wrap .swiper-container .swiper-slide.add-card {
	color: #000;
}

[namespace=view-my-account].page .page-content .billing-card-wrap .swiper-container .swiper-slide.add-card i {
	padding-right: 10px;
}

[namespace=view-my-account].page .page-content .billing-card-wrap .swiper-container .swiper-slide.active-card{
	color: #006FFF;
	border-color: #DBEDFF;
	background-color: #F1F8FF;
}

/* .billing-card-wrap */

[namespace=view-my-account].page .page-content .billing-card-wrap .swiper-container .swiper-slide .card-content .title {
	font-size: 19px;
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center;
}

[namespace=view-my-account].page .page-content .billing-card-wrap .swiper-container .swiper-slide .card-content .title img {
	width: 32px;
	padding-right: 8px;
}

[namespace=view-my-account].page .page-content .billing-card-wrap .swiper-container .swiper-slide .card-content .card-description {
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	padding-top: 15px;
	color: #888;
}

/* .family-card-wrap */

[namespace=view-my-account].page .page-content .family-card-wrap .swiper-container .swiper-slide .card-content {
	font-weight: 500;
	padding: 20px 30px;
}

[namespace=view-my-account].page .page-content .family-card-wrap .swiper-container .swiper-slide .card-content .none {
	color: #AAAAAA;
}

[namespace=view-my-account].page .page-content .family-card-wrap .swiper-container .swiper-slide .card-content .family-member-name {
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 5px;
}

[namespace=view-my-account].page .page-content .family-card-wrap .swiper-container .swiper-slide .card-content .family-member-tel.none:after {
	content: '휴대폰 없음';
}

[namespace=view-my-account].page .page-content .family-card-wrap .swiper-container .swiper-slide .card-content .family-member-name-eng.none:after {
	content: '영문명 없음';
}

[namespace=view-my-account].page .page-content .card.areeatioin .card-header .detail {
	font-size: 14px;
	color: #888888;
	text-decoration: underline;
	text-underline-offset: 4px;
}

[namespace=view-my-account].page .page-content .card.areeatioin .card-content {
	padding: 20px;
	padding-top: 0;
}

[namespace=view-my-account].page .page-content .card.areeatioin .card-content .list .item-content {
	padding: 0px;
}

[namespace=view-my-account].page .page-content .card.areeatioin .card-content .list .item-content .agree-toggle {
	display: flex;
	align-self: center;
}

[namespace=view-my-account].page .page-content .card.areeatioin .card-content .list .item-content .agree-info {
	color: #888888;
	font-size: 13px;
}

[namespace=view-my-account].page .page-content .card.areeatioin .card-content .list .item-content .agree-info span {
	margin-left: 8px;
	margin-right: 8px;
}

[namespace=view-my-account].page .page-content .card.areeatioin .card-content .list .item-content .agree-toggle[data-agree-check="true"] .agree-info {
	display: block;
}

[namespace=view-my-account].page .page-content .card.areeatioin .card-content .list .item-content .agree-toggle[data-agree-check="false"] .agree-info {
	display: none;
}
/* .modify-info */

[namespace=view-my-account].page .page-content .modify-info .card-content {
	justify-content: space-around;
}

[namespace=view-my-account].page .page-content .modify-info .card-content .col-50 {
	padding: 5px;
}

[namespace=view-my-account].page .page-content .modify-info a,
[namespace=view-my-account].page .page-content .modify-info button {
	height: 60px;
	border-radius: 15px;
	font-size: 16px;
	font-weight: bold;
	display: flex;
	justify-content: center;
}

[namespace=view-my-account].page .page-content .modify-info a.mod-password {
	border: 1px solid #E4E4E4;
	color: #000;
}

[namespace=view-my-account].page .page-content .modify-info button.mod-phone {
	border: 2.5px solid #C8222C;
	color: #C8222C;
	background-color: #FFEEF0;
}

/* .block.resign-and-logout  */
[namespace=view-my-account].page .page-content .block.resign-and-logout {
	font-weight: 600;
	font-size: 16px;
	display: flex;
	justify-content: space-between;
	padding: 0px 30px;

}

[namespace=view-my-account].page .page-content .block.resign-and-logout a[data-btn-service-resign] {
	color: #888888;
}

[namespace=view-my-account].page .page-content .block.resign-and-logout a[data-btn-service-logout] {
	color: #006FFF;
}


@media (max-width: 629px) {
	[namespace=view-my-account].page .page-content .member-card {
		font-size: 2.2vw;
	}

	[namespace=view-my-account].page .page-content .coin-wrap,
	[namespace=view-my-account].page .page-content .nickname-wrap {
		--f7-list-font-size: 2.8vw;
	}
}

/* .page-content */

[namespace=view-my-benefit-coin].page .page-content {
	padding-bottom: 150px;
}


[namespace=view-my-benefit-coin].page .page-content .filter {
	display: flex;
	margin-bottom: -15px;
}

[namespace=view-my-benefit-coin].page .page-content .filter div:first-child {
	margin-left: 20px;
}

/* .category */

[namespace=view-my-benefit-coin].page .page-content .filter .category {
	display: flex;
	position: relative;
	background-color: #fff;
	flex-direction: column;
	width: 150px;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	cursor: pointer;
	margin: 17px 5px;
	margin-left: 20px;
}

[namespace=view-my-benefit-coin].page .page-content .filter .category select {
	font-size: 16px;
	height: 100%;
	padding: 10px 14px;
	cursor: pointer;
	z-index: 1;
}

[namespace=view-my-benefit-coin].page .page-content .filter .category i {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 16px;
}

[namespace=view-my-benefit-coin].page .page-content  .filter .date-range {
	display: flex;
	position: relative;
	background-color: #fff;
	flex-direction: column;
	width: 150px;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	cursor: pointer;
	margin: 17px 5px;
}

[namespace=view-my-benefit-coin].page .page-content .block {
	margin-top: 8px;
	margin-bottom: 0px;
}

[namespace=view-my-benefit-coin].page .page-content .filter .date-range select {
	font-size: 16px;
	height: 100%;
	padding: 10px 14px;
	cursor: pointer;
	z-index: 1;
}

[namespace=view-my-benefit-coin].page .page-content .filter .date-range i {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 16px;
}


[namespace=view-my-benefit-coin].page .page-content .block .row.status-coin {
	display: block;
	padding: 14px;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
}


[namespace=view-my-benefit-coin].page .page-content .card.coin-list .card-content {
	padding: 16px;
	padding-top: 0;
}

[namespace=view-my-benefit-coin].page .page-content .card.coin-list .card-content {
	display: flex;
	flex-direction: column;
}

/* .page-content */

[namespace=view-my-benefit-coupon].page .page-content {
	padding-bottom: 150px;
	height: 100%;
}

[namespace=view-my-benefit-coupon].page .page-content .block {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 0;
}

[namespace=view-my-benefit-coupon].page .page-content .block .row {
	width: 66%;
	margin-bottom: 14px;
}

[namespace=view-my-benefit-coupon].page .page-content .block .row .input {
	width: 100%;
}

[namespace=view-my-benefit-coupon].page .page-content .block .row input {
	padding: 10px;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	font-size: 16px;
	background-color: #fff;
	text-align: center;
}

[namespace=view-my-benefit-coupon].page .page-content .block .row button {
	width: 100%;
	padding: 10px;
	border-radius: 4px;
	border: none;
	font-size: 16px;
	background-color: #006FFF;
	color: #fff;
	position: relative;
	cursor: pointer;
}

[namespace=view-my-benefit-coupon].page .page-content .block .row button:active {
	opacity: 0.5;
}

[namespace=view-my-benefit-coupon].page .page-content .block .row button i {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}

[namespace=view-my-benefit-coupon].page .page-content .block .row.status-coupon {
	display: block;
	padding: 14px;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	margin-bottom: 0;
}

[namespace=view-my-benefit-coupon].page .page-content .card-wrap.coupon-list {

}

/* .page-content */

[namespace=view-my-benefit-usage].page .page-content {
	padding-bottom: 150px;
}


[namespace=view-my-benefit-usage].page .page-content .filter {
	display: flex;
	margin-bottom: -15px;
}

/* .category */

[namespace=view-my-benefit-usage].page .page-content .filter .category {
	display: flex;
	position: relative;
	background-color: #fff;
	flex-direction: column;
	width: 150px;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	cursor: pointer;
	margin: 17px 5px;
	margin-left: 20px;
}

[namespace=view-my-benefit-usage].page .page-content .filter .category select {
	font-size: 16px;
	height: 100%;
	padding: 10px 14px;
	cursor: pointer;
	z-index: 1;
}

[namespace=view-my-benefit-usage].page .page-content .filter .category i {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 16px;
}

[namespace=view-my-benefit-usage].page .page-content  .filter .date-range {
	display: flex;
	position: relative;
	background-color: #fff;
	flex-direction: column;
	width: 150px;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	cursor: pointer;
	margin: 17px 5px;
}

[namespace=view-my-benefit-usage].page .page-content .filter .date-range select {
	font-size: 16px;
	height: 100%;
	padding: 6px 14px;
	cursor: pointer;
	z-index: 1;
}

[namespace=view-my-benefit-usage].page .page-content .filter .date-range i {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 16px;
}

[namespace=view-my-benefit-usage].page .page-content .block {
	margin-top: 8px;
	margin-bottom: 0px;
}

[namespace=view-my-benefit-usage].page .page-content .block .row.status-usage {
	display: block;
	padding: 14px;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
}

[namespace=view-my-benefit-usage].page .page-content .card.usage-list .card-content {
	padding: 16px;
/*	padding-top: 0;*/
	display: flex;
	flex-direction: column;
}

/* .grade style */
[namespace=view-my-benefit].page .page-content .grade {
	border-radius: 4px;
	padding: 3px 15px;	
}

[namespace=view-my-benefit].page .page-content .grade.blue {
	background-color: #006FFF;
	color: #fff;
}

[namespace=view-my-benefit].page .page-content .grade.silver {
	background-color: #E0E0E0;
	color: #555555;
}

[namespace=view-my-benefit].page .page-content .grade.gold {
	background-color: #DBAC34;
	color: #fff;
}

[namespace=view-my-benefit].page .page-content .grade.black {
	background-color: #000;
	color: #fff;
}


/* .page-content */

[namespace=view-my-benefit].page .page-content {
	padding-top: 10px;
	padding-bottom: 80px;
}

[namespace=view-my-benefit].page .page-content .card {
	margin-top: 0;
	margin-bottom: 10px;
}

[namespace=view-my-benefit].page .page-content .card.description-membership {
	padding: 8px 16px;
}

[namespace=view-my-benefit].page .page-content .card.description-membership .row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
}

[namespace=view-my-benefit].page .page-content .card.description-membership .row .left {
	width: 25%;
}

[namespace=view-my-benefit].page .page-content .card.description-membership .row .right {
	width: 67%;
}

[namespace=view-my-benefit].page .page-content .card.description-membership .card-header {
	font-size: 16px;
	font-weight: 600;
	padding: 0;
	border: none;
}

[namespace=view-my-benefit].page .page-content .card.description-membership .card-header .row .left,
[namespace=view-my-benefit].page .page-content .card.description-membership .card-header .row .right {
	display: flex;
	justify-content: center;
}

[namespace=view-my-benefit].page .page-content .card.description-membership .card-content .row {
	padding: 10px 0;
}

[namespace=view-my-benefit].page .page-content .card.description-membership .card-content .row .left {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	color:#888888;
}

[namespace=view-my-benefit].page .page-content[data-member-grade=blue] .card.description-membership .card-content .row.blue,
[namespace=view-my-benefit].page .page-content[data-member-grade=silver] .card.description-membership .card-content .row.silver,
[namespace=view-my-benefit].page .page-content[data-member-grade=gold] .card.description-membership .card-content .row.gold,
[namespace=view-my-benefit].page .page-content[data-member-grade=black] .card.description-membership .card-content .row.black {
	border-radius: 6px;
	border: 1px solid #888888;;
}

[namespace=view-my-benefit].page .page-content .card.description-membership .card-content .row .left .top {
	font-size: 16px;
}

[namespace=view-my-benefit].page .page-content .card.description-membership .card-content .row .left .top .grade {
	margin-bottom: 8px;
}

[namespace=view-my-benefit].page .page-content .card.description-membership .card-content .row .left .bottom {
	font-size: 11px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

[namespace=view-my-benefit].page .page-content .card.description-membership .card-content .row .right {
	color: #888888;
	letter-spacing: -0.5px;
	font-size: 11px;
}

[namespace=view-my-benefit].page .page-content .card.description-membership .card-content .row .right ul {
	padding: 0;
}

[namespace=view-my-benefit].page .page-content .card.description-membership .card-content .row .right ul > li {
	list-style-type: disc;
}

[namespace=view-my-benefit].page .page-content .card.description-membership .card-content .row .right ul > li::marker {
	color: #888888;
	font-size: 6px;
}

[namespace=view-my-benefit].page .page-content .card.description-membership .card-content .row .right b {
	color: #000;
}

[namespace=view-my-benefit].page .page-content .card.description-membership .card-footer {
	font-size: 11px;
	padding: 0;
	display: flex;
	justify-content: center;
}

[namespace=view-my-benefit].page .page-content .card.info-grade,
[namespace=view-my-benefit].page .page-content .card.info-coupon,
[namespace=view-my-benefit].page .page-content .card.info-coin {
	padding: 16px;
	cursor: pointer;
}

[namespace=view-my-benefit].page .page-content .card.info-grade:active .card-content,
[namespace=view-my-benefit].page .page-content .card.info-coupon:active .card-content,
[namespace=view-my-benefit].page .page-content .card.info-coin:active .card-content {
	opacity: 0.5;
}

[namespace=view-my-benefit].page .page-content .card.info-grade .card-content,
[namespace=view-my-benefit].page .page-content .card.info-coupon .card-content,
[namespace=view-my-benefit].page .page-content .card.info-coin .card-content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	font-weight: 700;
}

[namespace=view-my-benefit].page .page-content .card.info-grade .card-content .left,
[namespace=view-my-benefit].page .page-content .card.info-coupon .card-content .left,
[namespace=view-my-benefit].page .page-content .card.info-coin .card-content .left {
	font-size: 14px;
	color: #000;
}

[namespace=view-my-benefit].page .page-content .card.info-grade .card-content .right,
[namespace=view-my-benefit].page .page-content .card.info-coupon .card-content .right,
[namespace=view-my-benefit].page .page-content .card.info-coin .card-content .right {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}
[namespace=view-my-benefit].page .page-content .card.info-coupon .card-content .right,
[namespace=view-my-benefit].page .page-content .card.info-coin .card-content .right {
	color: #006FFF;
}

[namespace=view-my-benefit].page .page-content .card .card-content .right i {
	font-weight: 800;
	color: #000;
	margin-left: 16px;
}

[namespace=view-my-benefit].page .page-content .card.info-grade .card-content .grade.blue,
[namespace=view-my-benefit].page .page-content .card.info-grade .card-content .grade.silver,
[namespace=view-my-benefit].page .page-content .card.info-grade .card-content .grade.gold,
[namespace=view-my-benefit].page .page-content .card.info-grade .card-content .grade.black {
	display: none;
}

[namespace=view-my-benefit].page .page-content[data-member-grade=blue] .card.info-grade .card-content .grade.blue,
[namespace=view-my-benefit].page .page-content[data-member-grade=silver] .card.info-grade .card-content .grade.silver,
[namespace=view-my-benefit].page .page-content[data-member-grade=gold] .card.info-grade .card-content .grade.gold,
[namespace=view-my-benefit].page .page-content[data-member-grade=black] .card.info-grade .card-content .grade.black {
	display: flex;
}





















/* .page-content */

[namespace=view-my-bookings].page .page-content {
	padding-bottom: 150px;
	height: 100%;
}


[namespace=view-my-bookings].page .page-content .filter {
	display: flex;
	margin-bottom: -15px;
}

/* .category */

[namespace=view-my-bookings].page .page-content .filter .category {
	display: flex;
	position: relative;
	background-color: #fff;
	flex-direction: column;
	width: 150px;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	cursor: pointer;
	margin: 17px 5px;
	margin-left: 20px;
}

[namespace=view-my-bookings].page .page-content .filter .category select {
	font-size: 16px;
	height: 100%;
	padding: 10px 14px;
	cursor: pointer;
	z-index: 1;
}

[namespace=view-my-bookings].page .page-content .filter .category i {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 16px;
}

[namespace=view-my-bookings].page .page-content  .filter .date-range {
	display: flex;
	position: relative;
	background-color: #fff;
	flex-direction: column;
	width: 150px;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	cursor: pointer;
	margin: 17px 5px;
}

[namespace=view-my-bookings].page .page-content .filter .date-range select {
	font-size: 16px;
	height: 100%;
	padding: 10px 14px;
	cursor: pointer;
	z-index: 1;
}

[namespace=view-my-bookings].page .page-content .filter .date-range i {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 16px;
}

/* .logo-island-lounge-* */

.logo-island-lounge {
	font-size: 10px;
	font-weight: 500;
	letter-spacing: -1px;
	color: #888;
}

.logo-island-lounge.text-bottom {
	display: block;
	text-align: center;
}

.logo-island-lounge.text-right {
	display: flex;
	align-items: center;
}

.logo-island-lounge.text-right .text {
	line-height: 110%;
	margin-left: 5px;
}

[namespace=view-island-lounge].page {
	height: 110%;
}

[namespace=view-island-lounge].page [data-visible] {
	display: none;
}

[namespace=view-island-lounge].page.on-member [data-visible="member"] {
	display: block;
}

[namespace=view-island-lounge].page:not(.on-member) [data-visible="nonmember"] {
	display: block;
}

/* .page-console */

[namespace=view-island-lounge].page .page-console {
	position: absolute;
/*	top: 184px;*/
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: var(--mobile-width);
	height: auto;
	max-width: var(--mobile-width);
	left: calc(50% - (var(--mobile-width) / 2));
	background-color: #EDF2F6;
	overflow: auto;
	overflow-x: hidden;
}

[namespace=view-island-lounge].page .page-console .console-inner {
	background-color: #fff;
}

[namespace=view-island-lounge].page .page-console .console-inner .logo-island-lounge.text-bottom {
	position: absolute;
	top: 20px;
	right: 20px;
}

[namespace=view-island-lounge].page .page-console .console-inner .say-hello {
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -1px;
}

[namespace=view-island-lounge].page .page-console .console-inner .say-slogan {
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 14px;
	letter-spacing: -1px;
}

[namespace=view-island-lounge].page .page-console .console-inner .due-date {
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

[namespace=view-island-lounge].page .page-console .console-inner .due-date .progressbar-text {
	font-size: 11px;
	margin-bottom: -5px;
}

[namespace=view-island-lounge].page .page-console .console-inner .due-date.member .progressbar-text {
	color: #007AFF;
}

[namespace=view-island-lounge].page .page-console .console-inner .due-date.nonmember .progressbar-text {
	color: #215156;
}

[namespace=view-island-lounge].page .page-console .console-inner .due-date .progressbar-wrap {
	display: flex;
	align-items: center;
}

[namespace=view-island-lounge].page .page-console .console-inner .due-date .progressbar-wrap .left {
	width: calc(100% - 80px);
}

[namespace=view-island-lounge].page .page-console .console-inner .due-date .progressbar-wrap .right {
	width: 80px;
	text-align: right;
}

[namespace=view-island-lounge].page .page-console .console-inner .due-date.member .progressbar-wrap .right a.link {
	color: #007AFF;
}

[namespace=view-island-lounge].page .page-console .console-inner .due-date.nonmember .progressbar-wrap .right a.link {
	color: #215156;
}

[namespace=view-island-lounge].page .page-console .console-inner .toolbar.tabbar {
	margin-top: 10px;
	background-color: #fff;
}

[namespace=view-island-lounge].page .page-console .console-inner .toolbar.tabbar a.tab-link {
	display: flex;
	flex-direction: row;
	align-items: center;
	color: #585858;
}

[namespace=view-island-lounge].page .page-console .console-inner .toolbar.tabbar a.tab-link.tab-link-active {
	color: #007AFF;
}

[namespace=view-island-lounge].page .page-console .console-inner .toolbar.tabbar a.tab-link i {
	margin-right: 8px;
	margin-top: -2px;
	font-size: 17px;
}

[namespace=view-island-lounge].page .page-console .console-inner .toolbar.tabbar a.tab-link i.fa-brands {
	font-size: 19px;
}

@media (max-width: 1004px) {
	[namespace=view-island-lounge].page .page-console {
		width: var(--mobile-width);
		max-width: var(--mobile-width);
		left: calc(50% - (var(--mobile-width) / 2));
		top: 0px;
	}
}

@media (max-width: 600px) {
	[namespace=view-island-lounge].page .page-console {
		width: 100%;
		max-width: 100%;
		top: 0px;
		left: 0px;
	}
}

/* .page-content */

[namespace=view-island-lounge].page .page-content {
	top: 180px;
	padding-top: 40px;
	background-color: #000;
	color: #888;
	height: -webkit-fill-available;
}

[namespace=view-island-lounge].page .page-content .tabs .content-inner {
	padding-bottom: 180px;
}

[namespace=view-island-lounge].page .page-content .tabs .content-inner .card {
	border: 1px solid #000;
}

[namespace=view-island-lounge].page .page-content .tabs .content-inner .card.card-banner .swiper-container {
	position: relative;
	border-radius: calc(var(--f7-card-border-radius) - 1px);
}

[namespace=view-island-lounge].page .page-content .tabs .content-inner .card.card-banner .swiper-container .swiper-wrapper .swiper-slide {
	line-height: 0px;
}

[namespace=view-island-lounge].page .page-content .tabs .content-inner .card.card-banner .swiper-container .swiper-pagination {
	position: absolute;
	top: 8px;
	left: 8px;
	padding-top: 2px;
	width: 40px;
	height: 19px;
	border-radius: 8px;
	background-color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	color: #ddd;
}

[namespace=view-island-lounge].page .page-content .tabs .content-inner .card.card-banner .swiper-container .swiper-pagination .swiper-pagination-current {
	margin-right: -1px;
}

[namespace=view-island-lounge].page .page-content .tabs .content-inner .card.card-banner .swiper-container .swiper-pagination .swiper-pagination-total {
	margin-left: -1px;
}

/* #loungeList */

[namespace=view-island-lounge].page .page-content .tabs #loungeList.content-inner {
	 text-align: center;
}

[namespace=view-island-lounge].page .page-content .tabs #loungeList.content-inner .lounges-wrap .title {
	text-align: left;
	color: #a8a8a8;
	margin-left: 10px;
	margin-top: 35px;
}

[namespace=view-island-lounge].page .page-content .tabs #loungeList.content-inner .lounges-wrap .list {
	border: 0px;
}

[namespace=view-island-lounge].page .page-content .tabs #loungeList.content-inner .lounges-wrap .list .bottom {
	position: relative;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 2.4rem; /* 설명 줄 바꾸려면 이 부분 수정 */
	overflow: hidden;
}

[namespace=view-island-lounge].page .page-content .tabs #loungeList.content-inner .lounges-wrap .list .show-more {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: white;
  color: blue;
  cursor: pointer;
  padding: 5px;
}

[namespace=view-island-lounge].page .page-content .tabs #loungeList.content-inner .lounges-wrap .list .bottom .has-more {
	width: 90%;
}

[namespace=view-island-lounge].page .page-content .tabs #loungeList.content-inner .lounges-wrap .list .bottom .btn-show-more {
	display: block;
	position: absolute;
	cursor: pointer;
	opacity: 0.6;
	margin-left: 89%;
	margin-top: 20px;
    font-size: 14px;
}

@media (max-width: 629px) {
	[namespace=view-island-lounge].page .page-content .tabs #loungeList.content-inner .lounges-wrap .list .bottom .has-more {
		width: calc(100% - 13%);
	}
	
	[namespace=view-island-lounge].page .page-content .tabs #loungeList.content-inner .lounges-wrap .list .bottom .btn-show-more {
	    position: absolute;
	    left: -3.3%;
	    top: 0;
	}
}

[namespace=view-island-lounge].page .page-content .tabs #loungeList.content-inner [namespace=whole-menu-highlight] ul li.selected {
	color: #E7BF79 !important;
}

/* #loungeSearch */

[namespace=view-island-lounge].page .page-content .tabs #loungeSearch.content-inner .input {
	display: flex;
	align-items: center;
	border: 1px solid #555;
	border-radius: 12px;
	width: calc(100% - 40px);
	height: 34px;
	margin-left: 20px;
	background-color: #333;
	font-size: 16px;
}

[namespace=view-island-lounge].page .page-content .tabs #loungeSearch.content-inner .input i {
	margin-left: 10px;
}

[namespace=view-island-lounge].page .page-content .tabs #loungeSearch.content-inner .input input {
	margin-left: 10px;
	margin-right: 35px;
	color: #fff;
}

[namespace=view-island-lounge].page .page-content .tabs #loungeSearch.content-inner .input .input-clear-button {
	margin-right: 10px;
	color: #c8c8c8;
}

[namespace=view-island-lounge].page .page-content .tabs #loungeSearch.content-inner .result-wrap span.highlight {
	color: #0097f8;
}

/* #loungeManual */

[namespace=view-island-lounge].page .page-content .tabs #loungeManual.content-inner {
	margin-top: -10px;
}

[namespace=view-island-lounge].page .page-content .tabs #loungeManual.content-inner .step {
	display: flex;
	padding: 25px;
	font-size: 16px;
}

[namespace=view-island-lounge].page .page-content .tabs #loungeManual.content-inner .step .title {
	width: 20%;
	color: #E7BF79;
	margin-right: 15px;
}

[namespace=view-island-lounge].page .page-content .tabs #loungeManual.content-inner .step .content {
	width: 70%;
	color: #fff;
	line-height: 170%;
}

[namespace=view-island-lounge].page .page-content .tabs #loungeManual.content-inner .step.step-1 .content .visualize {
	margin-top: 25px;
	color: #E7BF79;
	font-size: 50px;
}

[namespace=view-island-lounge].page .page-content .tabs #loungeManual.content-inner .step.step-2 .content .visualize {
	margin-top: 25px;
	color: #E7BF79;
	font-size: 36px;
}

[namespace=view-island-lounge].page .page-content .tabs #loungeManual.content-inner .step.step-2 .content > span {
	border-bottom: 1px solid #fff;
	padding-bottom: 2px;
}

[namespace=view-island-lounge].page .page-content .tabs #loungeManual.content-inner .step.step-2 .content .visualize > span {
	border: 1px solid #333;
	padding: 2px 8px;
	border-radius: 12px;
}

[namespace=view-island-lounge].page .page-content .tabs #loungeManual.content-inner .step.step-2 .content .notice {
	margin-top: 25px;
	color: #aaa;
	font-size: 14px;
	line-height: 120%;
}

[namespace=view-island-lounge].page .page-content .tabs #loungeManual.content-inner .step.step-2 .content .notice .logo-island-lounge {
	margin-top: 10px;
}

[namespace=view-island-lounge].page .page-content .tabs #loungeManual.content-inner .step.step-3 .title {
	display: flex;
	align-items: center;
}

[namespace=view-island-lounge].page .page-content .tabs #loungeManual.content-inner .step.step-3 .content {
	font-size: 40px;
}
/* .logo-onepple-pass-* */

.logo-onepple-pass {
	font-size: 10px;
	font-weight: 500;
	letter-spacing: -1px;
	color: #888;
}

.logo-onepple-pass.text-bottom {
	display: block;
	text-align: center;
}

.logo-onepple-pass.text-right {
	display: flex;
	align-items: center;
}

.logo-onepple-pass.text-right .text {
	line-height: 110%;
	margin-left: 5px;
}

[namespace=view-onepple-pass].page {
	height: 110%;
    --f7-toolbar-height: 60px;
}

[namespace=view-onepple-pass].page [data-visible] {
	display: none;
}


/* .page-console */

[namespace=view-onepple-pass].page .page-console {
	position: absolute;
/*	top: 184px;*/
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: var(--mobile-width);
	height: auto;
	max-width: var(--mobile-width);
	left: calc(50% - (var(--mobile-width) / 2));
	background-color: #EDF2F6;
	overflow: auto;
	overflow-x: hidden;
}

[namespace=view-onepple-pass].page .page-console .console-inner {
    background-color: #007AFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

[namespace=view-onepple-pass].page .page-console .console-inner .logo.jejupay {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 48px;
    margin-bottom: 20px;
}

[namespace=view-onepple-pass].page .page-console .console-inner .logo.jejupay img {
    width: 111px;
}

[namespace=view-onepple-pass].page .page-console .console-inner .logo.onepple-pass {
    font-family: 'HGsoftGGothicssi';
    font-weight: 800;
    color: #fff;
    font-size: 58px;
    line-height: 1.2;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: center;

}

[namespace=view-onepple-pass].page .page-console .console-inner .say-slogan {
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 16px;
    font-weight: 600;
	letter-spacing: -1px;
    color: #FCF376;
}

[namespace=view-onepple-pass].page .page-console .console-inner .toolbar.tabbar {
	margin-top: 10px;
	background-color: #007AFF;
}

[namespace=view-onepple-pass].page .page-console .console-inner .toolbar.tabbar a.tab-link {
	display: flex;
	flex-direction: row;
	align-items: center;
	color: #fff;
    font-weight: 600;
    opacity: 0.8;
}

[namespace=view-onepple-pass].page .page-console .console-inner .toolbar.tabbar a.tab-link.tab-link-active {
    opacity: 1;
}

[namespace=view-onepple-pass].page .page-console .console-inner .toolbar.tabbar a.tab-link.tab-link-active span {
    position: relative;
}

[namespace=view-onepple-pass].page .page-console .console-inner .toolbar.tabbar a.tab-link.tab-link-active span::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
}

[namespace=view-onepple-pass].page .page-console .console-inner .toolbar.tabbar a.tab-link i {
	margin-right: 8px;
	margin-top: -2px;
	font-size: 17px;
}

[namespace=view-onepple-pass].page .page-console .console-inner .toolbar.tabbar a.tab-link img {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    margin-top: -2px;
}

[namespace=view-onepple-pass].page .page-console .console-inner .toolbar.tabbar a.tab-link i.fa-brands {
	font-size: 19px;
}

@media (max-width: 1004px) {
	[namespace=view-onepple-pass].page .page-console {
		width: var(--mobile-width);
		max-width: var(--mobile-width);
		left: calc(50% - (var(--mobile-width) / 2));
		top: 0px;
	}
}

@media (max-width: 600px) {
	[namespace=view-onepple-pass].page .page-console {
		width: 100%;
		max-width: 100%;
		top: 0px;
		left: 0px;
	}
}

/* .page-content */

[namespace=view-onepple-pass].page .page-content {
	top: 308px;
	background-color: #000;
	color: #888;
	height: -webkit-fill-available;
}

[namespace=view-onepple-pass].page .page-content .tabs .content-inner {
	padding-bottom: 180px;
}

[namespace=view-onepple-pass].page .page-content .tabs .content-inner .card {
	border: 1px solid #000;
}

/* #pass List */

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassList.content-inner {
	 text-align: center;
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassList.content-inner .onepple-pass-filter {
    padding-top: 24px;
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassList.content-inner .onepple-pass-filter .filter-row {
    flex-wrap: wrap;
    gap: 8px;
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassList.content-inner .onepple-pass-filter .filter-row:not(:last-child) {
    margin-bottom: 12px;
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassList.content-inner .onepple-pass-filter .filter-tag {
    padding: 8px 12px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 10px;
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassList.content-inner .onepple-pass-filter .filter-tag.selected {
    background-color: #007AFF;
    color: #fff;
    border-color: #007AFF;
} 

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassList.content-inner .onepple-pass-wrap .title {
	text-align: left;
	color: #fff;
	margin-left: 10px;
	margin-top: 35px;
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassList.content-inner .onepple-pass-wrap .list {
	border: 0px;
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassList.content-inner .onepple-pass-wrap .list .bottom {
	position: relative;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 2.4rem; /* 설명 줄 바꾸려면 이 부분 수정 */
	overflow: hidden;
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassList.content-inner .onepple-pass-wrap .list .show-more {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: white;
  color: blue;
  cursor: pointer;
  padding: 5px;
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassList.content-inner .onepple-pass-wrap .list .bottom .has-more {
	width: 90%;
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassList.content-inner .onepple-pass-wrap .list .bottom .btn-show-more {
	display: block;
	position: absolute;
	cursor: pointer;
	opacity: 0.6;
	margin-left: 89%;
	margin-top: 20px;
    font-size: 14px;
}

@media (max-width: 629px) {
	[namespace=view-onepple-pass].page .page-content .tabs #onepplePassList.content-inner .onepple-pass-wrap .list .bottom .has-more {
		width: calc(100% - 13%);
	}
	
	[namespace=view-onepple-pass].page .page-content .tabs #onepplePassList.content-inner .onepple-pass-wrap .list .bottom .btn-show-more {
	    position: absolute;
	    left: -3.3%;
	    top: 0;
	}
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassList.content-inner [namespace=whole-menu-highlight] ul li.selected {
	color: #FCF376 !important;
}

/* #onepplePassSearch */

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassSearch.content-inner .input {
	display: flex;
	align-items: center;
	border: 1px solid #555;
	border-radius: 12px;
	width: calc(100% - 40px);
	height: 34px;
    margin-top: 24px;
	margin-left: 20px;
	background-color: #333;
	font-size: 16px;
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassSearch.content-inner .input i {
	margin-left: 10px;
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassSearch.content-inner .input input {
	margin-left: 10px;
	margin-right: 35px;
	color: #fff;
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassSearch.content-inner .input .input-clear-button {
	margin-right: 10px;
	color: #c8c8c8;
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassSearch.content-inner .result-wrap span.highlight {
	color: #0097f8;
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassManual {
    font-family: 'HGsoftGGothicssi';
    background-color: #333;
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassManual .manual-image {
    display: flex;
    justify-content: center;
    padding: 48px;
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassManual .manual-image img {
    border-radius: 8px;
    display: block;
    width: 100%;
}


[namespace=view-onepple-pass].page .page-content .tabs #onepplePassManual.content-inner {
    padding-bottom: 0;
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassManual .timeline {
    padding: 0;
    padding-top: 32px;
    padding-bottom: 24px;
    margin-top: 0;
    width: fit-content;
    justify-self: center;
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassManual .timeline-item .timeline-item-content {
    padding: 0;
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassManual .timeline-item .timeline-item-title {
    font-size: 18px;
    font-weight: 900;
    color: #007AFF;
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassManual .timeline-item .timeline-item-text {
    margin-top: 4px;
    font-size: 16px;
    font-weight: 800;
    color: #fff;
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassManual .timeline-item .timeline-item-sub-text {
    margin-top: 4px;
    color: #fff;
    font-size: 8px;
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassManual .timeline-item .timeline-item-divider {
    margin: 12px 16px;
    background-color: #007AFF;
    width: 6px;
    height: 6px;
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassManual .timeline-item .timeline-item-divider::after,
[namespace=view-onepple-pass].page .page-content .tabs #onepplePassManual .timeline-item .timeline-item-divider::before {
    background-color: #007AFF80;
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassManual .timeline-item .timeline-item-divider .timeline-item-divider-outline {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border: 2px solid #007AFF90;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassManual .timeline-item img {
    width: 120px;
    border-radius: 8px;
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassManual .video-area {
    background-color: #242424;
    padding-top: 64px;
    padding-bottom: 300px;
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassManual .video-area .video-title {
    font-size: 22px;
    font-weight: 800;
    color: #fff;
    text-align: center;
    margin-top: 24px;
    margin-bottom: 24px;
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassManual .video-area .icons i {
    color: #fff;
    line-height: 0.5;
    font-size: 18px;
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassManual .video-area .icons i:first-child {
    color: #ffffff90;
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassManual .video-area .video-title span {
    color: #007AFF;
}

[namespace=view-onepple-pass].page .page-content .tabs #onepplePassManual .video-area iframe {
    width: 300px;
    height: 533px;
    touch-action: auto;
}
/* .page-content */

[namespace=view-stays-step1-A].page .page-content {
}

[namespace=view-stays-step1-A].page .page-content .card.before-result .card-content {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 120px;
	padding-bottom: 120px;
}

[namespace=view-stays-step1-A].page .page-content .trip-deals-board [namespace="deal-list-banner"].swiper-container {
	border-radius: 12px;
	margin: 16px;
	line-height: 1.1;
	position: relative;
}

[namespace=view-stays-step1-A].page .page-content .trip-deals-board [namespace="deal-list-banner"].swiper-container .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
}

[namespace=view-stays-step1-A].page .page-content .trip-deals-board [namespace="deal-list-banner"].swiper-container .swiper-slide img {
	width: 100%;
}

[namespace=view-stays-step1-A].page .page-content .trip-deals-board [namespace="deal-list-banner"].swiper-container [data-btn-close-list-banner] {
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
	font-size: 24px;
	color: #fff;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.45);
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px;
	z-index: 3;
}

[namespace=view-stays-step1-A].page .page-content .filter-wrap {
	display: flex;
	margin-top: 20px;
	position: relative;
	gap: 14px;
	margin-top: 20px;
	margin-bottom: 20px;
}

[namespace=view-stays-step1-A].page .page-content .list-filter,
[namespace=view-stays-step1-A].page .page-content .list-sort {
	display: flex;
	width: 100%;
	justify-content: center;
}

[namespace=view-stays-step1-A].page .page-content .list-filter {
	gap: 8px;
}

[namespace=view-stays-step1-A].page .page-content .list-sort .hashtag {
	padding: 4px 8px;
	background-color: #fff;
	border: 1px solid #bbb;
	width: 24%;
	text-wrap: nowrap;
}

[namespace=view-stays-step1-A].page .page-content .list-filter .hashtag {
	padding: 4px 18px;
	border-radius: 4px;
	border: unset;
}

[namespace=view-stays-step1-A].page .page-content .list-filter [data-tag-code="SSF_AVAILABLE"].hashtag.selected {
	--_tag-select-bg-color1: #c738ff;
	--_tag-select-bg-color2: hsl(283, 100%, 86%);
}

[namespace=view-stays-step1-A].page .page-content .list-filter .hashtag.selected::after {
	content: '';
	position: absolute;
	top: -2px;
	left: -2px;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	border-radius: 8px;
	background-image: linear-gradient(to right, var(--_tag-select-bg-color1,#133a5e) 0%, var(--_tag-select-bg-color2,#71adb2)  51%, var(--_tag-select-bg-color1,#133a5e)  100%);
	background-size: 200% auto;
	z-index: -1;
	opacity: 0.6;
	animation: effect-glow-2 5s linear infinite;
}

[namespace=view-stays-step1-A].page .page-content .list-sort .hashtag:not(:nth-last-child(2)) {
	border-right: 0px;
}

[namespace=view-stays-step1-A].page .page-content .list-sort .hashtag.selected + .hashtag {
	border-left: 0px;
}

[namespace=view-stays-step1-A].page .page-content .list-sort .hashtag.selected {
	color: #006FFF;
	background-color: #F1F8FF;
	border: 1px solid #006FFF;
}

[namespace=view-stays-step1-A].page .page-content .list-sort .hashtag:first-child {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
} 

[namespace=view-stays-step1-A].page .page-content .list-sort .hashtag:nth-last-child(2) {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

[namespace=view-stays-step1-A].page .page-content .list-sort > .new-message {
	background-color: #000;
	color: #fff;
	border-radius: 6px;
	padding: 12px 16px;
	position: absolute;
	left: 50%;
	bottom: -50px;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	z-index: 2;
	text-wrap:nowrap;
}

[namespace=view-stays-step1-A].page .page-content .list-sort > .new-message i {
	margin-right: 10px;	
}
/* .page-content */

[namespace=view-stays-step1-B].page .page-content {
}
/* .page-content */

[namespace=view-stays-step1-desktop].page .page-content {
}

[namespace=view-stays-step1-desktop].page .page-content .before-result {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	padding-top: 150px;
	padding-bottom: 150px;
	margin-top: 12px;
	margin-bottom: 15px;
	border-radius: 12px;
	font-size: 15px;
}

[namespace=view-stays-step1-desktop].page .page-content .recommended-board {
	margin-top: 25px;
}

[namespace=view-stays-step1-desktop].page .page-content .init-message,
[namespace=view-stays-step1-desktop].page .page-content .before-result,
[namespace=view-stays-step1-desktop].page .page-content .empty-message,
[namespace=view-stays-step1-desktop].page .page-content .trip-deals-board {
	margin-top: 12px;
}


[namespace=view-stays-step1-desktop].page .page-content .filter-wrap {
	margin-top: 20px;
	position: relative;
	gap: 14px;
	width: fit-content;;
}

[namespace=view-stays-step1-desktop].page .page-content .list-filter,
[namespace=view-stays-step1-desktop].page .page-content .list-sort {
	display: flex;
	width: fit-content;
}

[namespace=view-stays-step1-desktop].page .page-content .list-filter {
	gap: 8px;
}

[namespace=view-stays-step1-desktop].page .page-content .list-sort .hashtag {
	padding: 4px 18px;
	background-color: #fff;
	border: 1px solid #bbb;
}

[namespace=view-stays-step1-desktop].page .page-content .list-filter .hashtag {
	padding: 4px 18px;
	border-radius: 4px;
	border: unset;
}


[namespace=view-stays-step1-desktop].page .page-content .list-filter [data-tag-code="SSF_AVAILABLE"].hashtag.selected {
	--_tag-select-bg-color1: #c738ff;
	--_tag-select-bg-color2: hsl(283, 100%, 86%);
}

[namespace=view-stays-step1-desktop].page .page-content .list-filter .hashtag.selected::after {
	content: '';
	position: absolute;
	top: -2px;
	left: -2px;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	border-radius: 8px;
	background-image: linear-gradient(to right, var(--_tag-select-bg-color1,#133a5e) 0%, var(--_tag-select-bg-color2,#71adb2)  51%, var(--_tag-select-bg-color1,#133a5e)  100%);
	background-size: 200% auto;
	z-index: -1;
	opacity: 0.6;
	animation: effect-glow-2 5s linear infinite;
}

[namespace=view-stays-step1-desktop].page .page-content .list-sort .hashtag:not(:nth-last-child(1)) {
	border-right: 0px;
}

[namespace=view-stays-step1-desktop].page .page-content .list-sort .hashtag.selected + .hashtag {
	border-left: 0px;
}

[namespace=view-stays-step1-desktop].page .page-content .list-sort .hashtag.selected {
	color: #006FFF;
	background-color: #F1F8FF;
	border: 1px solid #006FFF;
}

[namespace=view-stays-step1-desktop].page .page-content .list-sort .hashtag:first-child {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
} 

[namespace=view-stays-step1-desktop].page .page-content .list-sort .hashtag:nth-last-child(1) {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

[namespace=view-stays-step1-desktop].page .page-content .filter-wrap .new-message {
	position: absolute;
	background-color: #000;
	color: #fff;
	border-radius: 5px;
	padding: 8px 14px;
	top: 50%;
	right: -16px;
	transform: translateX(100%) translateY(-50%);
	display: flex;
	align-items: center;
	z-index: 1;
}

[namespace=view-stays-step1-desktop].page .page-content .list-sort > .new-message i {
	margin-right: 6px;	
}
/* .page-content */

[namespace=view-stays-step2-check].page .page-content {
	padding-top: 30px;
	padding-bottom: 220px;
}

[namespace=view-stays-step2-check].page .page-content .card {
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 0;
}

/*.page .page-content .block.basic-info*/
[namespace=view-stays-step2-check].page .page-content .block.basic-info {
	padding: 0px 25px;
	margin-top: 10px;
	margin-bottom: 0;
}

[namespace=view-stays-step2-check].page .page-content .block.basic-info .block-content {
	display: flex;
	margin-bottom: 15px;
	letter-spacing: -1px;
	font-size: 15px;
}

[namespace=view-stays-step2-check].page .page-content .block.basic-info .block-content .left {
	width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}

[namespace=view-stays-step2-check].page .page-content .block.basic-info .block-content .left .logo {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 64px;
	height: 64px;
	background-color: #fff;
	border-radius: 100%;
	font-size: 24px;
}

[namespace=view-stays-step2-check].page .page-content .block.basic-info .block-content .right {
	width: 60%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 25px;
	padding-right: 15px;
}

[namespace=view-stays-step2-check].page .page-content .block.basic-info .block-content .right .company {
	font-weight: bold;
	font-size: 19px;
	letter-spacing: 0px;
	margin-bottom: 3px;
}

[namespace=view-stays-step2-check].page .page-content .block.basic-info .block-content .right .tel {
	font-weight: 500;
	color: #555555;
	letter-spacing: -1px;
}

[namespace=view-stays-step2-check].page .page-content .block.basic-info .block-footer.schedule {
	font-weight: 600;
	font-size: 16px;
	align-self: center;
	margin-top: 30px;
	margin-bottom: 20px;
	color: #000;
}

[namespace=view-stays-step2-check].page .page-content .block.basic-info .block-footer.schedule [data-start-date],
[namespace=view-stays-step2-check].page .page-content .block.basic-info .block-footer.schedule [data-end-date] {
	color: #006FFF;
	margin-right: 5px;
}

[namespace=view-stays-step2-check].page .page-content .block.basic-info .block-footer.schedule i {
	margin: 0 10px;
}

[namespace=view-stays-step2-check].page .page-content .refund-notice {
	font-weight: 700;
	letter-spacing: 0px;
	font-size: 15px;
	color: #C8222C;
	margin: 10px 0;
	text-align: center;
}

[namespace=view-stays-step2-check].page .page-content .refund-notice i {
	margin-right: 5px;

}

/*[namespace=view-stays-step2-check].page .page-content .block.deal-list*/
[namespace=view-stays-step2-check].page .page-content .block.deal-list {
	margin: 0;
}


[namespace=view-stays-step2-check].page .page-content .capacity-notice {
	font-weight: 600;
	font-size: 16px;
	letter-spacing: -1px;
	color: #333;
	margin-top: 20px;
	margin-bottom: 10px;
	width: calc(100% - 54px);
	border-radius: 14px;
	align-self: center;
	background-color: #C9DEF7;
	padding: 8px 12px;
	text-align: center;
}

[namespace=view-stays-step2-check].page .page-content .capacity-notice .warning {
	color: #C8222C;
}

[namespace=view-stays-step2-check].page .page-content .question-tel {
	display: flex;
	flex-direction: row;
	gap: 8px;
	justify-content: center;
	font-size: 16px;
	margin-bottom: 12px;
}

[namespace=view-stays-step2-check].page .page-content .question-tel > .title {
	font-weight: 600;
	color:#006FFF;
}

[namespace=view-stays-step2-check].page .page-content .question-tel i {
	margin-right: 5px;
}

/*[namespace=view-stays-step2-check].page .page-content .card.guest-info */

[namespace=view-stays-step2-check].page .page-content .block.room-guest-list {
	margin: 0;
	padding: 0;
}

[namespace=view-stays-step2-check].page .page-content .card.guest-info {
	padding: 16px;
}

[namespace=view-stays-step2-check].page .page-content .card.guest-info .card-header {
	padding: 10px;
	padding-top: 0;
	display: flex;
	flex-wrap:wrap;
	gap: 8px;
}

[namespace=view-stays-step2-check].page .page-content .card.festa-info .card-header .title,
[namespace=view-stays-step2-check].page .page-content .card.guest-info .card-header .title {
	font-size: 16px;
	font-weight: 600;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

[namespace=view-stays-step2-check].page .page-content .card.guest-info .card-header .sub-title {
	font-weight: 600;
}

[namespace=view-stays-step2-check].page .page-content .card.guest-info:not([data-room-no="1"]) .card-header .sub-title {
	display:none;
}

[namespace=view-stays-step2-check].page .page-content .card.guest-info .card-header .sub-title[data-check-booker-and-guest=true] .fa-square {
	display: none;
}

[namespace=view-stays-step2-check].page .page-content .card.guest-info .card-header .sub-title[data-check-booker-and-guest=false] .fa-square-check {
	display: none;
}

[namespace=view-stays-step2-check].page .page-content .card.guest-info .card-header .sub-title i {
	margin-right: 5px;
	color:#006FFF;
}

[namespace=view-stays-step2-check].page .page-content .card.festa-info .card-content,
[namespace=view-stays-step2-check].page .page-content .card.guest-info .card-content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

[namespace=view-stays-step2-check].page .page-content .card.festa-info .card-content {
	padding-right: 10px;
}

[namespace=view-stays-step2-check].page .page-content .card.festa-info .card-header .title h4 > span {
	font-weight: 400;
}

[namespace=view-stays-step2-check].page .page-content .card.guest-info .card-content .list {
	border: none;
}

[namespace=view-stays-step2-check].page .page-content .card.guest-info .card-content .left {
	width: 100%;
}

[namespace=view-stays-step2-check].page .page-content .card.festa-info .card-content .list,
[namespace=view-stays-step2-check].page .page-content .card.guest-info .card-content .left .list {
	border: none;
}

[namespace=view-stays-step2-check].page .page-content .card.festa-info .card-content .item-content,
[namespace=view-stays-step2-check].page .page-content .card.guest-info .card-content .left .item-content {
	padding: 0;
}

[namespace=view-stays-step2-check].page .page-content .card.festa-info .card-content .item-inner,
[namespace=view-stays-step2-check].page .page-content .card.guest-info .card-content .left .item-inner {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 8px 0;
}

[namespace=view-stays-step2-check].page .page-content .card.festa-info .card-content .item-title,
[namespace=view-stays-step2-check].page .page-content .card.guest-info .card-content .left .item-title {
	width: 22%;
	font-weight: 600;
	font-size: 16px;
}

[namespace=view-stays-step2-check].page .page-content .card.festa-info .card-content .input-wrap,
[namespace=view-stays-step2-check].page .page-content .card.guest-info .card-content .left .input-wrap {
	width: 78%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

[namespace=view-stays-step2-check].page .page-content .card.guest-info .card-content .guest-last-name {
	width: 28%;
}

[namespace=view-stays-step2-check].page .page-content .card.guest-info .card-content .guest-first-name {
	width: 70%;
}

[namespace=view-stays-step2-check].page .page-content .card.guest-info .card-content .left .item-input-wrap input {
	font-size: 15px;
}

[namespace=view-stays-step2-check].page .page-content .card.guest-info .card-content .right button {
	width: 42px;
	height: 36px;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	color:  #000;
	border-radius: 4px;
	border: 1px solid #E4E4E4;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-left: 10px;
}

[namespace=view-stays-step2-check].page .page-content .card.guest-info .card-content .right button i {
	font-size: 18px;
}

[namespace=view-stays-step2-check].page .page-content .card.festa-info .card-content .select-wrap {
	position: relative;
	height: 36px;
	border: 1px solid var(--f7-input-outline-border-color);
	border-radius: 4px;
	cursor: pointer;
	z-index: 1;
}

[namespace=view-stays-step2-check].page .page-content .card.guest-info .card-content .select-wrap {
	position: relative;
	width: 100%;
	height: 36px;
	border: 1px solid var(--f7-input-outline-border-color);
	border-radius: 4px;
	cursor: pointer;
	z-index: 1;
}

[namespace=view-stays-step2-check].page .page-content .card.festa-info .card-content .select-wrap select,
[namespace=view-stays-step2-check].page .page-content .card.guest-info .card-content .select-wrap select {
	width: 100%;
	height: 100%;
	padding: 0 10px;
	cursor: pointer;
	font-size: 15px;
}
[namespace=view-stays-step2-check].page .page-content .card.festa-info .card-content .select-wrap i,
[namespace=view-stays-step2-check].page .page-content .card.guest-info .card-content .select-wrap i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	font-size: 16px;
}
/*.card-guest-info .card-footer*/

[namespace=view-stays-step2-check].page .page-content .card.guest-info .card-footer {
	padding-top: 17px;
	padding-bottom: 1px;
	border-top: 1px solid #E4E4E4;
}

[namespace=view-stays-step2-check].page .page-content .card.guest-info .card-footer i {
	margin: 0 8px;
}

[namespace=view-stays-step2-check].page .page-content .card.guest-info .card-footer .notice {
	font-weight: 600;
	font-size: 16px;
	color: #C8222C;
}

[namespace=view-stays-step2-check].page .page-content .card.festa-info .card-footer {
	font-size: 12px;
}

/* [namespace=view-stays-step2-check].page .page-content .card.festa-info .card-content .privacy-agree */

[namespace=view-stays-step2-check].page .page-content .card.festa-info .card-content .privacy-agree {
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
}

[namespace=view-stays-step2-check].page .page-content .card.festa-info .card-content .privacy-agree .item-inner {
	display: flex;
	gap: 20px;
	justify-content: space-between;
}

[namespace=view-stays-step2-check].page .page-content .card.festa-info .card-content .privacy-agree .item-inner .item-title {
	text-wrap: wrap;
	width: fit-content;
	text-overflow: unset;
}

[namespace=view-stays-step2-check].page .page-content .card.festa-info .privacy-agree .item-inner > .agree-container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px 36px;
}

[namespace=view-stays-step2-check].page .page-content .card.festa-info .privacy-agree .item-inner > .agree-container > .agree-wrap {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 24px;
	margin-left: auto;
}

[namespace=view-stays-step2-check].page .page-content .card.festa-info .privacy-agree .item-inner > .agree-container > .agree-wrap > .title {
	font-weight: unset;
	text-wrap: nowrap;
}

[namespace=view-stays-step2-check].page .page-content .card.festa-info .condition-notice {
	gap: 8px;
}

[namespace=view-stays-step2-check].page .page-content .card.festa-info .condition-notice img {
	width: 16px;
}

[namespace=view-stays-step2-check].page .page-content .block.coupon-dow .block-content {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

[namespace=view-stays-step2-check].page .page-content .block.coupon-down .image-wrap {
	position: relative;
	border-radius: 8px;
	overflow: hidden;
}

[namespace=view-stays-step2-check].page .page-content .block.coupon-down .image-wrap .button-download {
	position: absolute;
	bottom: 10px;
	right: 16px;
	z-index: 1;
	padding: 8px 16px;
	font-size: 16px;
	font-weight: 900;
	background-color: #FFEA00;
	color: #007AFF;
	border-radius: 20px;
}

[namespace=view-stays-step2-check].page .page-content .block.coupon-down .coupon-wrap {
	background-color: #ffffff;
	border-radius: 12px;
	border: 1px solid #E4E4E4;
	padding: 24px;
}

[namespace=view-stays-step2-check].page .page-content .block.coupon-down .coupon-wrap .content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

[namespace=view-stays-step2-check].page .page-content .block.coupon-down .coupon-wrap .button-download {
	background-color: #007AFF;
	padding: 12px 20px;
	border-radius: 4px;
	font-weight: 700;
	color: #FFF600;
}

@media (max-width: 768px) {
	[namespace=view-stays-step2-check].page .page-content .block.coupon-down .image-wrap .button-download {
		right: 10px;
		bottom: 10px;
		font-size: 14px;
		padding: 4px 8px;
	}

	/* 쿠폰 다운 버튼 화면 비율로 내부 컨텐츠 사이즈 조정 */
	[namespace=view-stays-step2-check].page .page-content .block.coupon-down .coupon-wrap {
		aspect-ratio: 5.35;
		container-type: inline-size;
		font-size: clamp(10px, 2.5vw, 16px);
		padding: clamp(16px, 4vw, 24px);
	}

	[namespace=view-stays-step2-check].page .page-content .block.coupon-down .coupon-wrap .content {
		gap: clamp(4px , 2vw, 8px);
	}

	[namespace=view-stays-step2-check].page .page-content .block.coupon-down .coupon-wrap .button-download {
		padding: clamp(8px, 2vw, 12px) clamp(8px, 2vw, 20px);
	}
}
/* .page-content */

[namespace=view-tickets-step1-A].page .page-content {
}

[namespace=view-tickets-step1-A].page .page-content .card.before-result .card-content {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 120px;
	padding-bottom: 120px;
}

[namespace=view-tickets-step1-A].page .page-content .return-step2 {
	position: fixed;
	bottom: 15%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 100;
}

[namespace=view-tickets-step1-A].page .page-content .return-step2 button {
	padding: 5px 15px;
	height: 100%;
	border: 1px solid #E4E4E4;
	background-color: #FFFFFF;
	color: #000;
	font-size: 16px;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

[namespace=view-tickets-step1-A].page .page-content .return-step2 button i {
	margin-left: 10px;
}

[namespace=view-tickets-step1-A].page .page-content .trip-deals-board {
	width: calc(100% - 30px);
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
}

[namespace=view-tickets-step1-A].page .page-content .trip-deals-board [namespace="deal-list-banner"].swiper-container {
	border-radius: 12px;
	width: 100%;
	margin: 0px;
	margin-bottom: 15px;
	margin-right: 12px;
	line-height: 1.1;
	position: relative;
}

[namespace=view-tickets-step1-A].page .page-content .trip-deals-board [namespace="deal-list-banner"].swiper-container .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
}

[namespace=view-tickets-step1-A].page .page-content .trip-deals-board [namespace="deal-list-banner"].swiper-container .swiper-slide img {
	width: 100%;
}

[namespace=view-tickets-step1-A].page .page-content .trip-deals-board [namespace="deal-list-banner"].swiper-container [data-btn-close-list-banner] {
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
	font-size: 24px;
	color: #fff;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.45);
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px;
	z-index: 3;
}
/* .page-content */

[namespace=view-tickets-step1-B].page .page-content {
}
/* .page-content */

[namespace=view-tickets-step1-desktop].page .page-content {
}

[namespace=view-tickets-step1-desktop].page .page-content .before-result {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	padding-top: 150px;
	padding-bottom: 150px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius: 12px;
	font-size: 15px;
}

[namespace=view-tickets-step1-desktop].page .page-content .recommended-board {
	margin-top: 25px;
}

[namespace=view-tickets-step1-desktop].page .page-content .trip-deals-board {
	margin-top: 25px;
	/* display: flex;
	flex-wrap: wrap; */
	display: grid;
	grid-template-columns: repeat(4, minmax(0px, 1fr));
	justify-content: flex-start;
	gap: 12px;
}

[namespace=view-tickets-step1-desktop].page .page-content .return-step2 {
	position: fixed;
	bottom: 15%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 100;
}

[namespace=view-tickets-step1-desktop].page .page-content .return-step2 button {
	padding: 5px 15px;
	height: 100%;
	border: 1px solid #E4E4E4;
	background-color: #FFFFFF;
	color: #000;
	font-size: 16px;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

[namespace=view-tickets-step1-desktop].page .page-content .return-step2 button i {
	margin-left: 10px;
}
/* .page-content */

[namespace=view-tickets-step2-check].page .page-content {
	padding-bottom: 240px;
}

[namespace=view-tickets-step2-check].page .page-content .card {
	margin-top: 10px;
	margin-bottom: 0;
}

[namespace=view-tickets-step2-check].page .page-content .block.deal-list {
	margin-bottom: 20px;
}

[namespace=view-tickets-step2-check].page .page-content .block.deal-list > .block-footer {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 0;
}

[namespace=view-tickets-step2-check].page .page-content .block.deal-list > .block-footer button[data-btn-add-tickets] {
	height: 32PX;
	width: 200px;
	font-size: 14px;
	border-radius: 4px;
	border: 1px solid #DDDDDD;
	color: #000;
	background-color: #FFFFFF;
}
.popup.information-notice[namespace="popup-service-information-notice"] {
	--f7-popup-tablet-width: 700px;
	--f7-popup-tablet-height: calc(100% - 100px);
	top: 0px;
	margin-top: 50px;
	border-radius: 24px;
}

@media (max-width: 629px) {
	.popup.information-notice[namespace="popup-service-information-notice"] {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		margin-top: 0px;
		border-radius: 0px;
	}
}

/* .navbar */

.popup.information-notice[namespace="popup-service-information-notice"] .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.information-notice[namespace="popup-service-information-notice"] .navbar .navbar-bg {
	background-color: #fff;
}

.popup.information-notice[namespace="popup-service-information-notice"] .navbar .navbar-inner {
	padding: 0px;
}

.popup.information-notice[namespace="popup-service-information-notice"] .navbar .navbar-inner .left .popup-close {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.information-notice[namespace="popup-service-information-notice"] .navbar .navbar-inner .title {
	/*left: 0px !important;*/
	font-size: 16px;
	font-weight: bold;
}

.popup.information-notice[namespace="popup-service-information-notice"] .page .popup-close {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 38px;
	color: #888;
	z-index: 2;
	cursor: pointer;
}

/* .page */

.popup.information-notice[namespace="popup-service-information-notice"] .page {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	background-color: #F7F6F3;
	overflow-x: hidden;
	overflow-y: auto;
}

.popup.information-notice[namespace="popup-service-information-notice"] .page .page-content {
	width: 100%;
}

.popup.information-notice[namespace="popup-service-information-notice"] .page .page-content img {
	width: 100%;
}
/* .modal */

.modal.calc-age {
	width: 300px;
	height: 300px;
	border-radius: 4px;
	background-color: #fff;	
}

/* .modal-header */

.modal.calc-age .modal-header {
}

/* .modal-content */

.modal.calc-age .modal-content {
}

/* .modal-foolter */

.modal.calc-age .modal-foolter {
}

.panel.easy-filter {
	margin-top: 80px;
	height: calc(100% - 160px);
	border-radius: 0px 25px 0px 0px;
	z-index: 10000;
}

.panel.easy-filter .page {
	position: relative;
	border-radius: 0px 25px 0px 0px;
	background-color: #F7F6F3;
}

@media (max-height: 800px) {
	.panel.easy-filter {
		margin-top: 0px;
		height: 100%;
		border-radius: 0px;
	}
}

@media (max-width: 600px) {
	.panel.easy-filter {
		margin-top: 0px;
		--f7-panel-left-width: 100%;
		height: 100%;
		border-radius: 0px;
	}

	.panel.easy-filter .page {
		border-radius: 0px;
	}
}

/* .page-header */

.panel.easy-filter .page .page-header {
	border-bottom: 1px solid #E4E4E4;
}

.panel.easy-filter .page .page-header,
.panel.easy-filter .page .page-header .left,
.panel.easy-filter .page .page-header .center,
.panel.easy-filter .page .page-header .right {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #fff;
	height: 50px;
}

.panel.easy-filter .page .page-header,
.panel.easy-filter .page .page-header .right {
	border-radius: 0px 25px 0px 0px;
}

@media (max-width: 600px) {
	.panel.easy-filter .page .page-header,
	.panel.easy-filter .page .page-header .right {
		border-radius: 0px;
	}
}

.panel.easy-filter .page .page-header .left a {
	padding: 4px 8px;
	margin-left: 8px;
	border-radius: 4px;
	color: #555;
	border: 1px solid #F3A6A6;
	color: #C8222C;
	font-weight: bold;
	font-size: 12px;
}

.panel.easy-filter .page .page-header .left a i.fa-delete-left {
	margin-right: 4px;
}

.panel.easy-filter .page .page-header .center {
	font-size: 16px;
	font-weight: bold;
	margin-right: 15px;
}

.panel.easy-filter .page .page-header .right a {
	padding: 8px;
	margin-right: 8px;
	color: #888;
	font-size: 22px;
}
/* .page-content */

.panel.easy-filter .page .page-content {
	padding: 10px;
}

.panel.easy-filter[data-selecting="false"] .page .page-content {
	padding-bottom: 60px;
}

.panel.easy-filter[data-selecting="true"] .page .page-content {
	padding-bottom: 150px;
}

.panel.easy-filter[data-selecting="false"] .page .page-content .selecting-condition-tags {
	display: none;
}

.panel.easy-filter[data-selecting="true"] .page .page-content .selecting-condition-tags {
	display: flex;
}

.panel.easy-filter .page .page-content .selecting-condition-tags {
	position: fixed;
	width: calc(100% - 55px);
	bottom: 80px;
	left: 20px;
	display: flex;
	justify-content: center;
	border-radius: 6px;
	padding: 4px 6px;
	margin-bottom: 5px;
	font-size: 13px;
	letter-spacing: -1px;
	background-color: #E7FFED;
	border: 1px solid #ddd;
	color: #007aff;
	z-index: 10000;
}

.panel.easy-filter .page .page-content .selecting-condition-tags .tags-wrap .hashtag.favorite-tag {
	color: #E72364;
}

.panel.easy-filter .page .page-content .selecting-condition-tags .tags-wrap .hashtag:not(.favorite-tag):before {
	content: "#";
	margin-right: 1px;
	font-size: 12px;
	color: #555;
}

.panel.easy-filter .page .page-content .selecting-condition-tags .tags-wrap .hashtag:not(:last-child):after {
	content: " ";
}

.panel.easy-filter .page .page-content .filter-section {
	background-color: #fff;
	margin-bottom: 10px;
	padding: 15px;
	border-radius: 8px;
	border: 1px solid #E4E4E4;
}

.panel.easy-filter .page .page-content .filter-section .filter-group .group-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.panel.easy-filter .page .page-content .filter-section .filter-group .group-header .title {
	font-weight: bold;
	letter-spacing: -1px;
}

.panel.easy-filter .page .page-content .filter-section .filter-group .group-header .hashtag.reset {
	color: #888;
}

.panel.easy-filter .page .page-content .filter-section .filter-group .group-content {
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}

.panel.easy-filter .page .page-content .filter-section .filter-group:not(:last-child) {
	margin-bottom: 15px;
}

.panel.easy-filter .page .page-content .filter-section .filter-group .hashtag.chip {
	margin-right: 4px;
	margin-bottom: 4px;
	letter-spacing: -0.5px;
	font-weight: normal;
}

.panel.easy-filter .page .page-content .filter-section .filter-group .hashtag:not(.title):before {
	content: "#";
	color: #888;
	margin-right: 2px;
	font-size: 12px;
}

.panel.easy-filter .page .page-content .filter-section .filter-group .hashtag.hidden {
	display: none;
}

.panel.easy-filter .page .page-content .filter-section .filter-group .hashtag.chip-outline.selected {
	background-color: #E7FFED;
	border: 1px solid #CEFFD8;
}

.panel.easy-filter .page .page-content .filter-section.auto-ai .filter-group .hashtag.chip-outline.selected {
	background-color: #F1F8FF;
	border: 1px solid #DBEDFF;
	color: #007aff;
}

.panel.easy-filter .page .page-content .filter-section.auto-ai .filter-group .group-header .title i.fa-robot-astromech {
	margin-left: 5px;
}

.panel.easy-filter .page .page-content .filter-section .filter-group .group-header .hashtag.reset.selected,
.panel.easy-filter .page .page-content .filter-section .filter-group .group-header .hashtag.reset.selected:before {
	color: #007aff;
	font-weight: bold;
}


/* data-filter-type=toggle  */

.panel.easy-filter .page .page-content .filter-section[data-filter-type=toggle] .filter-group .group-header .title i.fa-circle-heart {
	color: #E72364;
	margin-right: 4px;
}

/* data-filter-type=input  */

.panel.easy-filter .page .page-content .filter-section[data-filter-type=input] .filter-group .group-header .input {
	width: calc(100% - 100px);
}

.panel.easy-filter .page .page-content .filter-section[data-filter-type=input] .filter-group .group-header .input input {
	border: 1px solid #E4E4E4;
	border-radius: 4px;
	padding: 4px 6px;
	padding-right: 25px;
}

.panel.easy-filter .page .page-content .filter-section[data-filter-type=input] .filter-group .group-header .input input::placeholder {
	font-size: 13px;
	letter-spacing: -1px;
}

.panel.easy-filter .page .page-content .filter-section[data-filter-type=input] .filter-group .group-header .input span.input-clear-button {
	margin-right: 6px;
}

/* data-filter-type=or  */

.panel.easy-filter .page .page-content .filter-section[data-filter-type=or] .filter-group .group-content {

}

.panel.easy-filter .page .page-content .filter-section[data-filter-type=or] .filter-group .group-content .hashtag {
	border: 1px solid #ddd;
	padding: 4px 8px;
	background-color: #fff;
	font-size: 13px;
}

.panel.easy-filter .page .page-content .filter-section[data-filter-type=or] .filter-group:not(.age-filter) .group-content .hashtag:first-child {
	border-radius: 8px 0px 0px 8px;
}

.panel.easy-filter .page .page-content .filter-section[data-filter-type=or] .filter-group:not(.age-filter) .group-content .hashtag:last-child {
	border-radius: 0px 8px 8px 0px;
}

.panel.easy-filter .page .page-content .filter-section[data-filter-type=or] .filter-group:not(.age-filter) .group-content .hashtag:not(:last-child) {
	border-right: 0px;
}

.panel.easy-filter .page .page-content .filter-section[data-filter-type=or] .filter-group:not(.age-filter) .group-content .hashtag.selected + .hashtag {
	border-left: 0px;
}

.panel.easy-filter .page .page-content .filter-section[data-filter-type=or] .filter-group .group-content .hashtag.selected {
	background-color: #E7FFED;
	border: 1px solid #CEFFD8;
}

/* data-filter-type=and  */

.panel.easy-filter .page .page-content .filter-section[data-filter-type=and] .filter-group .group-content {

}

/* data-filter-type=range  */

.panel.easy-filter .page .page-content .filter-section[data-filter-type=range] .filter-group .group-header .title {
	display: flex;
	align-items: center;
	height: 24px;
}

.panel.easy-filter .page .page-content .filter-section[data-filter-type=range] .filter-group .group-header .title .hashtag {
	display: none;
}

.panel.easy-filter .page .page-content .filter-section[data-filter-type=range] .filter-group .group-header .title .hashtag.selected {
	display: inline-block;
	margin-left: 10px;
}

.panel.easy-filter .page .page-content .filter-section[data-filter-type=range] .filter-group .group-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.panel.easy-filter .page .page-content .filter-section[data-filter-type=range] .filter-group .group-content .text-lowest,
.panel.easy-filter .page .page-content .filter-section[data-filter-type=range] .filter-group .group-content .text-highest {

}

.panel.easy-filter .page .page-content .filter-section[data-filter-type=range] .filter-group .group-header .hashtag {
	margin-left: 5px;
}

.panel.easy-filter .page .page-content .filter-section[data-filter-type=range] .filter-group .group-content .range-slider.range-slider-horizontal {
	width: calc(100% - 110px);
}


/* .page-footer */

.panel.easy-filter[data-selecting="false"][data-applied-filter="off"] .page .page-footer-backdrop,
.panel.easy-filter[data-selecting="false"][data-applied-filter="off"] .page .page-footer {
	display: none;
}

.panel.easy-filter[data-selecting="true"] .page .page-footer-backdrop,
.panel.easy-filter[data-selecting="true"] .page .page-footer {
	display: flex;
}

.panel.easy-filter .page .page-footer-backdrop,
.panel.easy-filter .page .page-footer {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 10;
	width: 100%;
	height: 80px;
}

.panel.easy-filter .page .page-footer-backdrop {
	background-color: #fff;
	opacity: 0.8;
}

.panel.easy-filter .page .page-footer button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% - 20px);
	height: 60px;
	border-radius: 24px;
	font-size: 16px;
}

.panel.easy-filter .page .page-footer button img {
	margin-right: 10px;
}


.panel.easy-filter .page .page-content .hashtag.chip.effect-glow.glow-green {
	position: relative;
	background-image: linear-gradient(to right, #134E5E 0%, #71B280  51%, #134E5E  100%);
	transition: 0.5s;
	background-size: 200% auto;
	color: white;
	z-index: 10;
}

.panel.easy-filter .page .page-content .hashtag.chip.effect-glow.glow-green.selected {
	color: #ffffff !important;
}

.panel.easy-filter .page .page-content .hashtag.chip.effect-glow.glow-green::before {
	color: #ffffff !important;
}

.panel.easy-filter .page .page-content .hashtag.chip.effect-glow.glow-green.selected::after {
	content: "";
	position: absolute;
	top: -3px;
	left: -3px;
	width: calc(100% + 6px);
	height: calc(100% + 6px);
	border-radius: 20px;
	background-image: linear-gradient(to right, #133a5e 0%, #71adb2  51%, #133a5e  100%);
	background-size: 200% auto;
	z-index: -1;
	opacity: 0.6;
	animation: effect-glow-2 5s linear infinite;
}
.popover-global-etc-guide {
    background-color: #fff;
    border: 1px solid #d7e4ff;

    min-width: 300px;
}
.popover-global-etc-guide .popover-inner {
    margin: 0;
    padding: 16px;
}


.popover-global-etc-guide .popover-inner .tooltip-title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 6px;
    color: #007aff;
}

.popover-global-etc-guide .popover-inner .tooltip-body {
    font-size: 13px;
    color: #333;
}

.popover-global-etc-guide .popover-inner .tooltip-list {
    margin: 10px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.popover-global-etc-guide .popover-inner .tooltip-list li {
    list-style: none;
    font-size: 12px;
}


.popover-global-etc-guide .popover-close {
    position: absolute;
    color: #333;
    font-size: 20px;
    top: 16px;
    right: 16px;
}

.popover-global-etc-guide .popover-angle.on-top::after,
.popover-global-etc-guide .popover-angle.on-bottom::after {
    background-color: #fff;
    border: 1px solid #d7e4ff;
}

.popover-global-insurance-guide {
    background-color: #000;
    border: 1px solid #000;
    opacity: 0.85 !important;
    min-width: 300px;
}

.popover-global-insurance-guide .popover-close {
    position: absolute;
    color: #fff;
    font-size: 20px;
    top: 20px;
    right: 20px;
}

.popover-global-insurance-guide .popover-angle.on-top::after,
.popover-global-insurance-guide .popover-angle.on-bottom::after {
    background-color: #000;
    border: 1px solid #000;
}

.popover-global-insurance-guide > .popover-inner > .block {
    margin: 0;
    padding: 20px 24px;
}

.popover-global-insurance-guide > .popover-inner > .block .block-header {
    font-size: 20px;
    font-weight: 600;
    color: #f95050;
}

.popover-global-insurance-guide > .popover-inner > .block .block-content {
    color: #fff;
}

.popover-global-insurance-guide > .popover-inner > .block .block-content b {
    color: #FFEA00;
    line-height: 2;
}

.popover-toss-promotion {
    background-color: #EFF4FA;
    border: 1px solid #A4C4FF;
    box-shadow: 8px 6px 10px 1px #758cb635, -8px 6px 10px 1px #758cb635, 0px 6px 10px 1px #758cb635;
    min-width: 300px;
}

.popover-toss-promotion .popover-close {
    position: absolute;
    color: #183364;
    font-size: 20px;
    top: 20px;
    right: 20px;
}

.popover-toss-promotion .popover-angle.on-top::after,
.popover-toss-promotion .popover-angle.on-bottom::after {
    background-color: #EFF4FA;
    border: 1px solid #A4C4FF;
}

.popover-toss-promotion > .popover-inner > .block {
    margin: 0;
    padding: 20px 24px;
}

.popover-toss-promotion > .popover-inner > .block .block-header {
    font-size: 20px;
    font-weight: 800;
    color: #007AFF;
    border-bottom: 1px solid #A4C4FF80;
    padding-bottom: 14px;
    margin-bottom: 16px;
}

.popover-toss-promotion > .popover-inner > .block .block-content {
    color: #183364;
    gap: 14px;
    line-height: 1.2;
}

.popover-toss-promotion > .popover-inner > .block .block-content span.color-blue {
    color: #007AFF;
    font-size: 14px;
}

.popover-toss-promotion > .popover-inner > .block .block-content b {
    color: #333;
    line-height: 1.2;
    margin-left: 2px;
    font-size: 16px;
}

.popover-toss-promotion > .popover-inner > .block .block-content ul {
    padding-top: 4px;
}

.popover-toss-promotion > .popover-inner > .block .block-content ul > li {
    list-style-type: '· ';
    margin-left: 8px;
    color: #183364;
    font-size: 12px;
}

.popover-toss-promotion > .popover-inner > .block .block-content ul > li::marker {
    vertical-align: middle;
}
.popover-onepple-pass-details {
    background-color: #161A23;
    min-width: 300px;
    font-family: 'HGGGothicssi';
    border: 1px solid #FFFBB2;
}

.popover-onepple-pass-details .popover-close {
    position: absolute;
    color: #FEF35D;
    font-size: 14px;
    bottom: 20px;
    right: 20px;
}

.popover-onepple-pass-details .popover-angle.on-top::after,
.popover-onepple-pass-details .popover-angle.on-bottom::after {
    background-color: #161A23;
    border: 1px solid #FFFBB2;
}

.popover-onepple-pass-details > .popover-inner > .block {
    margin: 0;
    padding: 20px 24px;
}

.popover-onepple-pass-details > .popover-inner > .block .block-header {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}

.popover-onepple-pass-details > .popover-inner > .block .block-content {
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.popover-onepple-pass-details > .popover-inner > .block .block-content .sub-title {
    font-weight: 800;
}

.popover-onepple-pass-details > .popover-inner > .block .block-content .sub-title-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.popover-onepple-pass-details > .popover-inner > .block .block-content .sub-title-wrap .hr {
    width: auto;
    flex-grow: 1;
    border-bottom: 1px dashed #fff;
    margin-left: 12px;
    margin-right: 12px;
}

.popover-onepple-pass-details > .popover-inner > .block .block-content .pass-benefit .sub-title-wrap {
    color: #FFFBB2;
    line-height: 2;
}

.popover-onepple-pass-details > .popover-inner > .block .block-content .pass-notice .sub-title-wrap {
    color: #ff7676;
    line-height: 2;
}

.popover-onepple-pass-details > .popover-inner > .block .block-content ul > li {
    list-style-type: '· ';
    margin-left: 8px;
    font-size: 12px;
}
.popup.calendar {
	--f7-popup-tablet-width: 340px;
	--f7-popup-tablet-height: 690px;
	border-radius: 24px;
}

.popup.calendar[data-type=flights],
.popup.calendar[data-type=cars],
.popup.calendar[data-type=items],
.popup.calendar[data-type=healings] {
	--f7-popup-tablet-height: 690px;
}

.popup.calendar[data-type=stays] {
	--f7-popup-tablet-height: 500px;
}

.popup.calendar[data-type=default] {
	--f7-popup-tablet-height: 500px;
}

@media (max-width: 629px) {
	.popup.calendar {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

/* .navbar */

.popup.calendar .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.calendar .navbar .navbar-bg {
	background-color: #fff;
}

.popup.calendar .navbar .navbar-inner {
	padding: 0px;
}

.popup.calendar .navbar .navbar-inner .left .back {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.calendar .navbar .navbar-inner .title {
	/*left: 0px !important;*/
	font-size: 16px;
	font-weight: bold;
}

/* .page */

.popup.calendar .page {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #F7F6F3;
}

/* .page-header */

.popup.calendar .page .page-header {
}

/* .page-content */

.popup.calendar .page .page-content {
	height: 100%;
	margin-bottom: 15px;
	padding-bottom: 80px;
	max-width: 400px;
	width:  100%;
	overflow-x: hidden;
	overflow-y: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

@media (max-height: 680px) {
	.popup.calendar .page .page-content {
		margin-bottom: auto;
	}
}

/* .toggle-wrap */
.popup.calendar .page .page-content .toggle-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	gap: 16px;
	padding: 8px 0;
	padding-top: 0;
	color: #aaa;
	user-select: none;
}

.popup.calendar .page .page-content .toggle-wrap > * {
	cursor: pointer;
}

.popup.calendar .page .page-content .toggle-wrap[data-ticket-type=round-trip] .text-round-trip { color: #333; }
.popup.calendar .page .page-content .toggle-wrap[data-ticket-type=one-way] .text-one-way { color: #333; }
/* .schedule */

.popup.calendar .page .page-content .schedule {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.popup.calendar .page .page-content .schedule .start-text,
.popup.calendar .page .page-content .schedule .end-text {
	font-weight: 700;
	color: #888;
}

.popup.calendar .page .page-content .schedule .start-date,
.popup.calendar .page .page-content .schedule .end-date {
	display: flex;
	flex-direction: column;
	width: calc(50% - 10px);
}

.popup.calendar .page .page-content .schedule .start-date .row,
.popup.calendar .page .page-content .schedule .end-date .row {
	display: flex;
	justify-content: center;
}

.popup.calendar .page .page-content .schedule .start-date .row > .day-of-the-week,
.popup.calendar .page .page-content .schedule .end-date .row > .day-of-the-week {
	width: calc(50% - 8px);
	text-align: right;
}

.popup.calendar[data-type=flights] .page .page-content .schedule .start-date .row > .day-of-the-week,
.popup.calendar[data-type=flights] .page .page-content .schedule .end-date .row > .day-of-the-week {
	width: calc(50% - 0px);
}

.popup.calendar[data-type=stays] .page .page-content .schedule .start-date .row > .day-of-the-week {
	width: calc(50% - 6px);
}

.popup.calendar[data-type=stays] .page .page-content .schedule .end-date .row > .day-of-the-week {
	width: calc(50% - 18px);
}

.popup.calendar .page .page-content .schedule .start-date .row > .detail,
.popup.calendar .page .page-content .schedule .end-date .row > .detail {
	width: 50%;
}

.popup.calendar .page .page-content .schedule .start-date .row > .detail input,
.popup.calendar .page .page-content .schedule .end-date .row > .detail input {
	padding-left: 5px;
	margin-top: 1px;
	color: #888;
	font-weight: bold;
}

.popup.calendar .page .page-content .schedule .direction > .fa-arrow-right-arrow-left { display: none; }
.popup.calendar .page .page-content .schedule .end-date .row > .text-arrival { display: none; }

.popup.calendar[data-type="flights"] .page .page-content .schedule .direction > .fa-arrow-right { display: none; }
.popup.calendar[data-type="flights"] .page .page-content .schedule .direction > .fa-arrow-right-arrow-left {	display: flex; }
.popup.calendar[data-type="flights"] .page .page-content .schedule.one-way .direction > .fa-arrow-right { display: flex; }
.popup.calendar[data-type="flights"] .page .page-content .schedule.one-way .direction > .fa-arrow-right-arrow-left { display: none; }

.popup.calendar[data-type="flights"] .page .page-content .schedule .end-date .row > .yyyy-mm-dd { display: flex; }
.popup.calendar[data-type="flights"] .page .page-content .schedule .end-date .row > .text-arrival { display: none; }
.popup.calendar[data-type="flights"] .page .page-content .schedule.one-way .end-date .row > .yyyy-mm-dd { display: none; }
.popup.calendar[data-type="flights"] .page .page-content .schedule.one-way .end-date .row > .text-arrival { display: flex; }

.popup.calendar[data-type="flights"] .page .page-content .schedule.one-way .end-date .row > .day-of-the-week { display: none; }
.popup.calendar[data-type="flights"] .page .page-content .schedule.one-way .end-date .row > .detail { width: calc(100% + 20px); }
.popup.calendar[data-type="flights"] .page .page-content .schedule.one-way .end-date .row > .detail input {
	text-align: center;
	padding: 0px;
}

.popup.calendar[data-status="ing"] .page .page-content .schedule .start-date .row > .detail input {
	color: #007aff;
}

.popup.calendar[data-status="done"] .page .page-content .schedule .start-date .row > .detail input,
.popup.calendar[data-status="done"] .page .page-content .schedule .end-date .row > .detail input {
	color: #007aff;
}

/* .calendar-wrap */

.popup.calendar .page .page-content .calendar-wrap {
	display: flex;
	align-items: center;
	width: calc(100% - 32px);
	margin: 7px 15px;
	/* margin-top: 25px; */
	background-color: #fff;
	border-radius: 12px;
	border: 1px solid #E4E4E4;
}

.popup.calendar .page .page-content .calendar-wrap #calendar {
	width: 100%;
}

.popup.calendar .page .page-content .calendar-wrap #calendar .toolbar-custom {
	background-color: #fff;
	border-radius: 12px 12px 0px 0px;
}

.popup.calendar .page .page-content .calendar-wrap #calendar .calendar-week-header {
	background-color: #fff;
	border-bottom: 1px solid #f2f2f2;
	padding-bottom: 4px;
	padding-top: 4px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

.popup.calendar .page .page-content .calendar-wrap #calendar .calendar-months {
	overflow-y: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.popup.calendar .page .page-content .calendar-wrap #calendar .calendar-months::-webkit-scrollbar {
	display: none;
}

.popup.calendar .page .page-content .calendar-wrap #calendar .calendar-months .calendar-month-custom {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.popup.calendar .page .page-content .calendar-wrap #calendar .calendar-months .calendar-row-title {
	padding: 6px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.popup.calendar .page .page-content .calendar-wrap #calendar .calendar-months .calendar-row {
	height: 36px !important;
}

.popup.calendar .page .page-content .calendar-wrap #calendar .calendar-months .calendar-day:first-child .calendar-day-number {
	color: #ff3b30;
}

.popup.calendar .page .page-content .calendar-wrap #calendar .calendar-months .calendar-day-none {
	flex-shrink: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	width: calc(100% / 7);
	text-align: center;
	z-index: 20;
	color: var(--f7-calendar-day-text-color);
	height: 100%;
	font-size: var(--f7-calendar-day-font-size);
}
/* 이용 가능 한 날짜인 경우 동일하게 표시 */
.popup.calendar .page .page-content .calendar-wrap #calendar .calendar-months .calendar-day-prev .calendar-day-number,
.popup.calendar .page .page-content .calendar-wrap #calendar .calendar-months .calendar-day-next .calendar-day-number {
	color: #000;
}

.popup.calendar .page .page-content .calendar-wrap #calendar .calendar-months .calendar-day-disabled .calendar-day-number {
	color: #aaa;
	cursor: not-allowed;
	opacity: 0.5;
}

.popup.calendar .page .page-content .calendar-wrap #calendar .calendar-months .calendar-day-selected .calendar-day-number {
	color: #888;
    background-color: transparent;
}

.popup.calendar .page .page-content .calendar-wrap #calendar .calendar-months .calendar-day-selected.trip-ready .calendar-day-number,
.popup.calendar .page .page-content .calendar-wrap #calendar .calendar-months .calendar-day-selected.trip-start .calendar-day-number,
.popup.calendar .page .page-content .calendar-wrap #calendar .calendar-months .calendar-day-selected.trip-end .calendar-day-number {
    display: inline-block !important;
    border-radius: 50% !important;
    position: relative !important;
    width: var(--f7-calendar-day-size) !important;
    height: var(--f7-calendar-day-size) !important;
    line-height: var(--f7-calendar-day-size) !important;
	color: #fff !important;
    background-color: #007aff !important;
/*    margin-top: 6px;*/
}

.device-desktop
.popup.calendar .page .page-content .calendar-wrap #calendar .calendar-months .calendar-day:not(.calendar-day-selected):not(.calendar-day-disabled) .calendar-day-number:hover {
	background-color: #FEF35D;
}

.popup.calendar .page .page-content .calendar-wrap #calendar .calendar-months .calendar-day-selected {
	position: relative;
}

.popup.calendar .page .page-content .calendar-wrap #calendar .calendar-months .calendar-day-selected:before {
	width: 100%;
	height: var(--f7-calendar-day-size);
	content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
	background-color: var(--f7-calendar-selected-bg-color, var(--f7-theme-color));
    opacity: .2;
}

.popup.calendar .page .page-content .calendar-wrap #calendar .calendar-months .calendar-day-selected.trip-start:before,
.popup.calendar .page .page-content .calendar-wrap #calendar .calendar-months .calendar-day-selected:first-child:before {
	left: auto;
	right: 0;
	width: calc(50% + var(--f7-calendar-day-size)/ 2);
    border-radius: var(--f7-calendar-day-size) 0 0 var(--f7-calendar-day-size);
}

.popup.calendar .page .page-content .calendar-wrap #calendar .calendar-months .calendar-day-selected.trip-end:before,
.popup.calendar .page .page-content .calendar-wrap #calendar .calendar-months .calendar-day-selected:last-child:before {
	left: 0;
	right: auto;
	width: calc(50% + var(--f7-calendar-day-size)/ 2);
    border-radius: 0 var(--f7-calendar-day-size) var(--f7-calendar-day-size) 0;
}

.popup.calendar .page .page-content .calendar-wrap #calendar .calendar-months .calendar-day-selected.trip-ready:before,
.popup.calendar .page .page-content .calendar-wrap #calendar .calendar-months .calendar-day-selected.trip-start:last-child:before {
	background-color: transparent;
}

/* .smart-select-wrap */
.popup.calendar .page .page-content .smart-select-wrap {
	display: flex;
	flex-direction: row;
	width: calc(100% - 32px);
    margin: 7px 15px;
	justify-content: space-between;
	align-items: center;
}

.popup.calendar .page .page-content .smart-select-wrap .divider {
	border: 1px solid #ccc;
	height: 48px;
}

.popup.calendar .page .page-content .smart-select-wrap .smart-select {
	flex-direction: column;
	width: 45%;
}

.popup.calendar .page .page-content .smart-select-wrap .item-subtitle {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-bottom: 4px;
	align-items: center;
}

.popup.calendar .page .page-content .smart-select-wrap .item-content {
	padding: 4px 0px;
	border : 1px solid #bbb;
	background-color: #fff;
	border-radius: 10px;
	justify-content: center;
	width: 100%;
	text-align: center;
}

.popup.calendar .page .page-content .smart-select-wrap .item-content .item-title {
	color: #333;
	font-size: 20px;
	font-weight: 500;
}

/*.popup.calendar .page .page-content .message-box*/
.popup.calendar .page .page-content .message-box {
	padding: 0 20px;
	color: #333;
	display: flex;
	flex-direction: column;
}

.popup.calendar .page .page-content .message-box .title {
	font-weight: 700;
	margin-bottom: 5px;
}

.popup.calendar .page .page-content .message-box .title:before {
	content: '-';
}

.popup.calendar .page .page-content .message-box .message-content {
	margin-top: 0px;
	width: 100% !important;
}

/* .page-footer */

.popup.calendar .page .page-footer {
	position: absolute;
	bottom: 0px;
	display: flex;
	justify-content: center;
	width: 100%;
	background-color: #FDFDFD;
	border: 1px solid #E4E4E4;
	border-radius: 24px 24px 0px 0px;
	z-index: 10;
}

.popup.calendar .page .page-footer .apply {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: calc(100% - 30px);
	height: 100%;
}

.popup.calendar .page .page-footer .apply button {
	width: calc(50% - 5px);
	height: 50px;
	margin-top: 10px;
	margin-bottom: 25px;
	border-radius: 24px;
	font-size: 18px;
}

.popup.calendar .page .page-footer .apply button[data-btn-apply] {
	background-color: #e8e8e8;
	color: #aaa;
}

.popup.calendar[data-status="done"] .page .page-footer .apply button[data-btn-apply] {
	background-color: #007aff;
	color: #fff;
}

.popup.calendar .page .page-footer .apply button[data-btn-apply]:disabled {
	background-color: #e8e8e8;
	color: #aaa;
}

.popup.calendar .page .page-footer .apply button.button-outline {
	color: #484848;
	border: 1px solid #E4E4E4;
}
.popup.cancel-product-v2 {
	--f7-popup-tablet-width: 400px;	
	--f7-popup-tablet-height: 650px;
	border-radius: 24px;
}

@media (max-width: 629px) {
	.popup.cancel-product-v2 {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

/* .navbar */

.popup.cancel-product-v2 .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.cancel-product-v2 .navbar .navbar-bg {
	background-color: #fff;
}

.popup.cancel-product-v2 .navbar .navbar-inner {
	padding: 0px;
}

.popup.cancel-product-v2 .navbar .navbar-inner .left .popup-close {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.cancel-product-v2 .navbar .navbar-inner .title {
	font-weight: bold;
}

.popup.cancel-product-v2 .navbar .navbar-inner .title i {
	margin-right: 5px;
}
/* .page */

.popup.cancel-product-v2 .page {
	padding-top: 64px;
	padding-bottom: 32px;
	background-color: #F7F6F3;
	overflow-y: scroll;
}

.popup.cancel-product-v2 .page .page-content {
	padding: 0;
}

.popup.cancel-product-v2 .page .card.product {
	position: relative;
}

.popup.cancel-product-v2 .page .card.product [data-status="cancel"] {
	position: relative;
	background-color: #8e8e93;
}

.popup.cancel-product-v2 .page .card.product .card-content {
	padding: 16px 0;
	margin: 0 16px;
}

.popup.cancel-product-v2 .page .card.product .list {
	border: none;
	margin: 0;
	width: 100%;
}

.popup.cancel-product-v2 .page .card.product .list .item-content {
	padding: 2px;
}

.popup.cancel-product-v2 .page .card.product .item-inner {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0;
}

.popup.cancel-product-v2 .page .card.product .item-inner .item-title {
	font-weight: 600;
	font-size: 16px;
	width: auto;
}

.popup.cancel-product-v2 .page .card.product .button-area {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.popup.cancel-product-v2 .page .card.product .button-area button {
    height: auto;
	width: auto;
	font-size: 15px;
}

.popup.cancel-product-v2 .page .card.product .button-area button[data-btn-cancel-product] {
    padding: 7px 22px;
}

.popup.cancel-product-v2 .page .card.product .button-area button[data-btn-cancel-product] i {
	font-size: 20px;
}

.popup.cancel-product-v2 .page .cancel-all-product {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.popup.cancel-product-v2 .page .cancel-all-product button {
	width: auto;
	height: auto;
	border: 1px solid #E4E4E4;
	background-color: #FF3B30;
	color: #FFF;
	font-size: 1.1em;
	padding: 0.3em 1em;
}

.popup.cancel-product {
	--f7-popup-tablet-width: 400px;	
	--f7-popup-tablet-height: 650px;
	border-radius: 24px;
}

@media (max-width: 629px) {
	.popup.cancel-product {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

/* .navbar */

.popup.cancel-product .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.cancel-product .navbar .navbar-bg {
	background-color: #fff;
}

.popup.cancel-product .navbar .navbar-inner {
	padding: 0px;
}

.popup.cancel-product .navbar .navbar-inner .left .popup-close {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.cancel-product .navbar .navbar-inner .title {
	font-weight: bold;
}

.popup.cancel-product .navbar .navbar-inner .title i {
	margin-right: 5px;
}
/* .page */

.popup.cancel-product .page {
	padding-top: 64px;
	padding-bottom: 32px;
	background-color: #F7F6F3;
	overflow-y: scroll;
}

.popup.cancel-product .page .page-content {
	padding: 0;
}

.popup.cancel-product .page .card.product {
	position: relative;
}

.popup.cancel-product .page .card.product [data-status="cancel"] {
	position: relative;
	background-color: #8e8e93;
}

.popup.cancel-product .page .card.product .card-content {
	padding: 16px 0;
	margin: 0 16px;
}

.popup.cancel-product .page .card.product .list {
	border: none;
	margin: 0;
	width: 100%;
}

.popup.cancel-product .page .card.product .list .item-content {
	padding: 2px;
}

.popup.cancel-product .page .card.product .item-inner {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0;
}

.popup.cancel-product .page .card.product .item-inner .item-title {
	font-weight: 600;
	font-size: 16px;
	width: auto;
}

.popup.cancel-product .page .card.product .button-area {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.popup.cancel-product .page .card.product .button-area button {
    height: auto;
	width: auto;
	font-size: 15px;
}

.popup.cancel-product .page .card.product .button-area button[data-btn-cancel-product] {
    padding: 7px 22px;
}

.popup.cancel-product .page .card.product .button-area button[data-btn-cancel-product] i {
	font-size: 20px;
}

.popup.cancel-product .page .cancel-all-product {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.popup.cancel-product .page .cancel-all-product button {
	width: auto;
	height: auto;
	border: 1px solid #E4E4E4;
	background-color: #FF3B30;
	color: #FFF;
	font-size: 1.1em;
	padding: 0.3em 1em;
}

.popup.car-delivery-deals {
	--f7-popup-tablet-width: 400px;
	--f7-popup-tablet-height: 720px;
	border-radius: 24px;

	--f7-list-link-pressed-bg-color: rgba(0,0,0,0);
}

@media (max-width: 629px) {
	.popup.car-delivery-deals {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

/* .navbar  */
.popup.car-delivery-deals .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.car-delivery-deals .navbar .navbar-bg {
	background-color: #fff;
}

.popup.car-delivery-deals .navbar .navbar-inner {
	padding: 0px;
}

.popup.car-delivery-deals .navbar .navbar-inner .left .popup-close {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.car-delivery-deals .navbar .navbar-inner .title {
	font-weight: bold;
}


/* .page */

.popup.car-delivery-deals .page {
	padding-top: 50px;
	padding-bottom: 100px;
	overflow-y: scroll;
}

.popup.car-delivery-deals .page .page-content {
	padding: 0;
}

.popup.car-delivery-deals .page .page-content .image-wrap img {
	margin-top: 0;
	width: 100%;
}

.popup.car-delivery-deals .page .radio {
	border: none;
	display: flex;
	flex-direction: row;
	justify-content: center;
	font-weight: 600;
	font-size: 1.1em;
	padding: 14px 0;

}

.popup.car-delivery-deals .page .radio .item-radio {
	margin: 0 1em;
}

.popup.car-delivery-deals .page .radio .item-radio .item-inner {
	padding: 0;
}

.popup.car-delivery-deals .page .radio i {
	margin-right: 0.3em;
}

.popup.car-delivery-deals .page .notice {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.popup.car-delivery-deals .page .notice u {
	color: #C8222C;
	font-weight: 500;
	font-size: 16px;

}

.popup.car-delivery-deals .page .notice span {
	font-weight: 500;
	font-size: 16px;
}

.popup.car-delivery-deals .page .notice p {
	line-height: 1em;
}

.popup.car-delivery-deals .page .notice div.notice-block-pickup p {
	font-weight: 700;
	padding: 0 20px;
	line-height: 2;
	color: #C8222C;
}

.popup.car-delivery-deals .page .info {
    text-align: center;
}

.popup.car-delivery-deals .page .info-car-delivery {
    font-weight: 700;
    color: #006FFF;
    font-size: 14px;
    margin-bottom: 20px;
}

.popup.car-delivery-deals .page .notice div:not(.active) { display: none; }

.popup.car-delivery-deals .page .radio label.item-radio input[name="take-type"]:not(checked) ~ .item-inner .fa-circle,
.popup.car-delivery-deals .page .radio label.item-radio input[name="take-type"]:checked ~ .item-inner .fa-dot-circle {
	display: inline;
}

.popup.car-delivery-deals .page .radio label.item-radio input[name="take-type"]:checked ~ .item-inner .fa-circle,
.popup.car-delivery-deals .page .radio label.item-radio input[name="take-type"]:not(checked) ~ .item-inner .fa-dot-circle {
	display: none;
}

.popup.car-delivery-deals .page .radio label.item-radio input[name="take-type"]:checked ~ .item-inner {
	color: #006FFF;
}

.popup.car-delivery-deals .page .radio label.item-radio input[name="take-type"]:not(checked) ~ .item-inner {
	color: black;
}

.popup.car-delivery-deals .page .radio label.item-radio input[name="take-type"]:disabled ~ .item-inner {
	color: #888888;
}

.popup.car-delivery-deals .page [data-add-deal-inner-text] {
	display: inline-block;
}

.popup.car-delivery-deals .page .page-footer {
	position: fixed;
	bottom: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
	background-color: #FDFDFD;
	border: 1px solid #E4E4E4;
	border-radius: 1.5em 1.5em 0 0;
	z-index: 100;
}

.popup.car-delivery-deals .page .card-footer .desc {
    margin-left: 5px;
    margin-bottom: 5px;
	font-size: 15px;
}

.popup.car-delivery-deals .page .page-footer .add-deal {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(100% - 3em);
	height: 100%;
	padding: 18px 0;
}

.popup.car-delivery-deals .page .page-footer .add-deal button {
	height: 4em;
	border-radius: 1.5em;
	padding: 1em;;
	font-size: 1.2em;
}

.popup.car-delivery-deals .page .page-footer .add-deal button:disabled {
	background-color: #E8E8E8;
}


.popup.car-delivery-deals .page .page-footer .add-deal button i {
	font-weight: bold;
	font-size: 1.2em;
	margin-right: 1em;
}

.popup.car-delivery-deals .page .tenant-not p {
	color: #C8222C;
	font-size: 14px;
	margin-left: 20px;
}
.popup.cars-global-carseat-detail {
	--f7-popup-tablet-width: 450px;
	--f7-popup-tablet-height: 760px;
	border-radius: 12px;
	z-index: 20300;
}

@media (max-width: 629px) {
	.popup.cars-global-carseat-detail {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		margin-top: 0px;
		border-radius: 0px;
	}
}

/* .navbar */

.popup.cars-global-carseat-detail .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.cars-global-carseat-detail .navbar .navbar-bg {
	background-color: #fff;
}

.popup.cars-global-carseat-detail .navbar .navbar-inner {
	padding: 0px;
}

.popup.cars-global-carseat-detail .navbar .navbar-inner .left .back {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.cars-global-carseat-detail .navbar .navbar-inner .title {
	font-size: 16px;
	font-weight: bold;
}

.popup.cars-global-carseat-detail .page {
    background-color: #EDF2F6;
}

.popup.cars-global-carseat-detail .page .page-content {
    padding-bottom: 100px;
}

.popup.cars-global-carseat-detail .page > button.popup-close {
    position: absolute;
    bottom: 48px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
    background-color: #fff;
    color: #007aff;
    padding: 8px 12px;
    height: auto;
    width: calc(100% - 32px);
    border-radius: 8px;
    border: 2px solid #007aff;
}

.popup.cars-global-carseat-detail .page .block .block-header {
    padding: 12px 24px;
    color: #333;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
}

.popup.cars-global-carseat-detail .page .card {
    margin: 0;
    padding: 24px;
}

.popup.cars-global-carseat-detail .page .card > .card-header {
    padding-bottom: 24px;
    justify-content: center;
}

.popup.cars-global-carseat-detail .page .card > .card-header .title {
    font-size: 16px;
    font-weight: 700;
    color: #333;

}

.popup.cars-global-carseat-detail .page .card > .card-content {
    padding: 0;
    padding-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.popup.cars-global-carseat-detail .page .card > .card-content .carseat-model.row {
    gap: 0 24px;
    justify-content: flex-start;
    align-items: center;
}

.popup.cars-global-carseat-detail .page .card > .card-content .carseat-model.row .image-wrap {
    width: 40%;
    aspect-ratio: 1;
    border-radius: 8px;
    background-color: #EDF2F6;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup.cars-global-carseat-detail .page .card > .card-content .carseat-model.row .image-wrap img {
    width: 80%;
}

.popup.cars-global-carseat-detail .page .card > .card-content .carseat-model.row .right {
    flex: 1;
    gap: 6px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.popup.cars-global-carseat-detail .page .card > .card-content .carseat-model.row .title {
    font-size: 20px;
    font-weight: 700;
    color: #333;
}
.popup.cars-global-carseat-detail .page .card > .card-content .carseat-model.row .right > .row {
    width: auto;
    flex: 1;
    display: flex;
    justify-content: flex-start;
    gap: 8px;
}

.popup.cars-global-carseat-detail .page .card > .card-content .carseat-model.row .label {
    font-size: 16px;
    font-weight: 600;

}
.popup.cars-global-insurance-detail {
	--f7-popup-tablet-width: 700px;
	--f7-popup-tablet-height: calc(100% - 100px);
    top: 0;
    margin-top: 50px;
	border-radius: 12px;
}

@media (max-width: 629px) {
	.popup.cars-global-insurance-detail {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		margin-top: 0px;
		border-radius: 0px;
	}
}

/* .navbar */

.popup.cars-global-insurance-detail .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.cars-global-insurance-detail .navbar .navbar-bg {
	background-color: #fff;
}

.popup.cars-global-insurance-detail .navbar .navbar-inner {
	padding: 0px;
}

.popup.cars-global-insurance-detail .navbar .navbar-inner .left .back {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.cars-global-insurance-detail .navbar .navbar-inner .title {
	font-size: 16px;
	font-weight: bold;
}

.popup.cars-global-insurance-detail .page .page-content {
    padding-bottom: 80px;
}

.popup.cars-global-insurance-detail .page > button.popup-close {
    position: absolute;
    bottom: 48px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
    background-color: #fff;
    color: #007aff;
    padding: 8px 12px;
    height: auto;
    width: calc(100% - 32px);
    border-radius: 8px;
    border: 2px solid #007aff;
}

.popup.cars-global-insurance-detail .page .card {
    margin: 0;
    padding: 24px;
}

.popup.cars-global-insurance-detail .page .card > .card-content {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.popup.cars-global-insurance-detail .page .tab > .block {
    margin-top: 24px;
}


.popup.cars-global-insurance-detail .page .card .row > .title {
    font-weight: 700;
    font-size: 18px;
}

.popup.cars-global-insurance-detail .page .card .row > .content {
    font-size: 16px;
    padding-bottom: 16px;
}

.popup.cars-global-insurance-detail .page .card .row > .content span.label {
    font-weight: 700;
    width: 130px;
}

.popup.cars-global-insurance-detail .page .block > .block-header {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    text-align: center;
    margin-bottom: 24px;
}

.popup.cars-global-insurance-detail .page .block .block-content .row:not(:last-child)::after {
    content: "";
    height: 2px;
    width: 100%;
    background-color: #E4E4E4;
}

.popup.cars-global-insurance-detail .page .block .block-content .row {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.popup.cars-global-insurance-detail .page .block .block-content .row .title span.additional {
    font-weight: 500;
    font-size: 16px;
}

.popup.cars-global-insurance-detail .page .block .block-content .row ol {
    padding-left: 16px;
    margin-block-start: 0;
}

.popup.cars-global-insurance-detail .page .block .block-content .row ol li {
    flex-wrap: wrap;
}

.popup.cars-global-insurance-detail .page .block .block-content .row ul {
    padding-left: 4px;
}

.popup.cars-global-insurance-detail .page .block .block-content .row ul > li::marker {
    color: #007aff;
    margin-left: 20px;
}

.popup.cars-global-insurance-detail .page .block .block-content .row ul > li {
    list-style-type: "•";
    padding-left: 8px;
}
.popup.cars-global-provider-detail {
	--f7-popup-tablet-width: 450px;
	--f7-popup-tablet-height: 760px;
	border-radius: 12px;
}

@media (max-width: 629px) {
	.popup.cars-global-provider-detail {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

/* .navbar */

.popup.cars-global-provider-detail .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.cars-global-provider-detail .navbar .navbar-bg {
	background-color: #fff;
}

.popup.cars-global-provider-detail .navbar .navbar-inner {
	padding: 0px;
}

.popup.cars-global-provider-detail .navbar .navbar-inner .left .back {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.cars-global-provider-detail .navbar .navbar-inner .title {
	font-size: 16px;
	font-weight: bold;
}

.popup.cars-global-provider-detail .page {
    background-color: #EDF2F6;
}

.popup.cars-global-provider-detail .page .page-content {
    padding-bottom: 100px;
}

.popup.cars-global-provider-detail .page > button.popup-close {
    position: absolute;
    bottom: 48px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
    background-color: #fff;
    color: #007aff;
    padding: 8px 12px;
    height: auto;
    width: calc(100% - 32px);
    border-radius: 8px;
    border: 2px solid #007aff;
}

.popup.cars-global-provider-detail .page .page-content .card {
    margin: 0;
    padding: 24px;
}

.popup.cars-global-provider-detail .page .page-content .card.provider-info .card-header {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 0;
}

.popup.cars-global-provider-detail .page .page-content .card.provider-info .card-header .video-wrap {
    width: 100%;
}

.popup.cars-global-provider-detail .page .page-content .card.provider-info .card-header .video-wrap .video {
    aspect-ratio: 16/9;
    width: 100%;
    border: 0;
    border-radius: 8px;

}

.popup.cars-global-provider-detail .page .page-content .card.provider-info .card-header .title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 12px;
    text-align: center;
}

.popup.cars-global-provider-detail .page .page-content .card.provider-info .card-content {
    padding: 24px 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.popup.cars-global-provider-detail .page .page-content .card.provider-info .card-content .row {
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.popup.cars-global-provider-detail .page .page-content .card.provider-info .card-footer::before {
    height: 0;
}

.popup.cars-global-provider-detail .page .page-content .card.provider-info .card-content .row .label,
.popup.cars-global-provider-detail .page .page-content .card.provider-info .card-footer .row .label {
    font-weight: 700;
    font-size: 16px;
    color: #007aff;
    width: 90px;
}

.popup.cars-global-provider-detail .page .page-content .card.provider-info .card-content .row .content {
    text-wrap: wrap;
}

.popup.cars-global-provider-detail .page .page-content .card.provider-info .card-content .row .content span {
    text-wrap: nowrap;
}

.popup.cars-global-provider-detail .page .page-content .card.provider-info .card-footer {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.popup.cars-global-provider-detail .page .page-content .card.provider-info .card-footer .location-wrap {
    width: 100%;
    margin-top: 12px;
    margin-bottom: 12px;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

.popup.cars-global-provider-detail .page .page-content .card.provider-info .card-footer .location-wrap .top {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.popup.cars-global-provider-detail .page .page-content .card.provider-info .card-footer .location-wrap .bottom {
    width: 100%;
}

.popup.cars-global-provider-detail .page .page-content .card.provider-info .card-footer .location-wrap .bottom .map {
    width: 100%;
    aspect-ratio: 16/10;
    border: 0;
    border-radius: 8px;
}
.popup.cars-global-request-shuttle {
	--f7-popup-tablet-width: 340px;
	--f7-popup-tablet-height: 690px;
	border-radius: 24px;
}

@media (max-width: 629px) {
	.popup.cars-global-request-shuttle {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

/* .navbar */

.popup.cars-global-request-shuttle .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.cars-global-request-shuttle .navbar .navbar-bg {
	background-color: #fff;
}

.popup.cars-global-request-shuttle .navbar .navbar-inner {
	padding: 0px;
}

.popup.cars-global-request-shuttle .navbar .navbar-inner .left .back {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.cars-global-request-shuttle .navbar .navbar-inner .title {
	font-size: 16px;
	font-weight: bold;
}

/* .page */

.popup.cars-global-request-shuttle .page {
	display: flex;
    flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #F7F6F3;
}


/* .page-content */

.popup.cars-global-request-shuttle .page .page-content {
    height: 100%;
    max-width: 400px;
	width:  100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.popup.cars-global-request-shuttle .page .page-content .block {
    width: 100%;
    margin-bottom: 20px;
}

.popup.cars-global-request-shuttle .page .page-content .block .block-header {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
    color: #333;
}

.popup.cars-global-request-shuttle .page .page-content .block .block-content {
    text-align: center;
    color: #333;
}

.popup.cars-global-request-shuttle .page .page-content .block .block-content .card {
    margin: 0;
    padding: 24px;
    border-radius: 8px;
}

.popup.cars-global-request-shuttle .page .page-content .block .block-content .card .row {
    gap: 0 12px;
    align-items: center;
}

.popup.cars-global-request-shuttle .page .page-content .block .block-content .card .row > .label {
    font-weight: 700;
    font-size: 16px;
    color: #333;
}

.popup.cars-global-request-shuttle .page .page-content .block .block-content .card .row.requested-info .top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.popup.cars-global-request-shuttle .page .page-content .block .block-content .card .row.requested-info .top b {
    color: #007aff;
}

.popup.cars-global-request-shuttle .page .page-content .block .block-content .card .row.requested-info .bottom {
    padding-top: 8px;
    font-weight: 700;
    font-size: 18px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup.cars-global-request-shuttle .page .page-content .block .block-content .card .card-header {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding-bottom: 24px;
}

.popup.cars-global-request-shuttle .page .page-content .block .block-content .card .card-content {
    padding: 24px 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.popup.cars-global-request-shuttle .page .page-content .block .block-content .card .card-content .row:last-child {
    border-top: 1px solid #E4E4E4;
    padding-top: 24px;
}

.popup.cars-global-request-shuttle .page .page-content .block .block-content .card .card-footer {
    padding: 0;
    padding-top: 24px;
}

.popup.cars-global-request-shuttle .page .page-content .block .block-content .card .card-footer .row.btn-area {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.popup.cars-global-request-shuttle .page .page-content .block .block-content .card .card-footer .row.btn-area button {
    height: auto;
    width: calc(50% - 6px);
    padding: 3px 10px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}

.popup.cars-global-request-shuttle .page .page-content > button {
    width: calc(100% - 32px);
    align-self: center;
    height: auto;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 700;
    color: #007aff;
    background-color: #fff;
    border: 2px solid #007aff;
}

.popup.cars-global-request-shuttle .page .page-content .block .block-content .card .card-footer .row.btn-area button.cancel {
    background-color: #FEEEEF;
    color: #BB2730;
    border: 2px solid #BB2730;
}

.popup.cars-global-request-shuttle .page .page-content .stepper {
    --f7-stepper-button-bg-color: #fff;
    align-items: center;
    gap: 4px;
}

.popup.cars-global-request-shuttle .page .page-content .stepper > .stepper-input-wrap,
.popup.cars-global-request-shuttle .page .page-content .stepper > .stepper-button-minus,
.popup.cars-global-request-shuttle .page .page-content .stepper > .stepper-button-plus {
    border: unset;
    height: 32px;
    width: 32px;
}

.popup.cars-global-request-shuttle .page .page-content .stepper > .stepper-input-wrap {
    font-weight: 700;
    width: 100%;
}

.popup.cars-global-request-shuttle .page .page-content .stepper > .stepper-input-wrap input {
    font-size: 20px;
    width: 32px;
}

.popup.cars-global-request-shuttle .page .page-content .stepper > .stepper-button-minus,
.popup.cars-global-request-shuttle .page .page-content .stepper > .stepper-button-plus {
    color: #333;
    border-radius: 5px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
}

.popup.cars-global-request-shuttle .page .page-content .stepper > .stepper-button-plus::after,
.popup.cars-global-request-shuttle .page .page-content .stepper > .stepper-button-plus::before,
.popup.cars-global-request-shuttle .page .page-content .stepper > .stepper-button-minus::after,
.popup.cars-global-request-shuttle .page .page-content .stepper > .stepper-button-minus::before {
    background-color: #333;
}

.popup.cars-global-request-shuttle .page .page-content .stepper > .stepper-button-plus::after,
.popup.cars-global-request-shuttle .page .page-content .stepper > .stepper-button-minus::after {
    width: 12px;
}

.popup.cars-global-request-shuttle .page .page-content .stepper > .stepper-button-plus::before {
    height: 12px;
}
.popup.coupon-detail {
	--f7-popup-tablet-width: 400px;
	--f7-popup-tablet-height: 600px;
	border-radius: 24px;
}

@media (max-width: 629px) {
	.popup.coupon-detail {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

/* .navbar */

.popup.coupon-detail .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.coupon-detail .navbar .navbar-bg {
	background-color: #fff;
}

.popup.coupon-detail .navbar .navbar-inner {
	padding: 0px;
}

.popup.coupon-detail .navbar .navbar-inner .left .popup-close {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.coupon-detail .navbar .navbar-inner .title {
	left: 0px !important;
	font-size: 16px;
	font-weight: bold;
}

.popup.coupon-detail .navbar .navbar-inner .right {
	width: 50px;
}
.popup.cs-banner-list {
	--f7-popup-tablet-width: 700px;
	--f7-popup-tablet-height: calc(100% - 100px);
	top: 0px;
	margin-top: 50px;
	border-radius: 24px;
}

@media (max-width: 629px) {
	.popup.cs-banner-list {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		margin-top: 0px;
		border-radius: 0px;
	}
}

/* .navbar */

.popup.cs-banner-list .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.cs-banner-list .navbar .navbar-bg {
	background-color: #fff;
}

.popup.cs-banner-list .navbar .navbar-inner {
	padding: 0px;
}

.popup.cs-banner-list .navbar .navbar-inner .left .back {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.cs-banner-list .navbar .navbar-inner .title {
	/*left: 0px !important;*/
	font-size: 16px;
	font-weight: bold;
}

.popup.cs-banner-list .navbar .navbar-inner .right {
	width: 50px;
}

.popup.cs-banner-list .banner-list {
	padding: 10px;
}

.popup.cs-banner-list .banner-item {
	display: inline-block;
	margin: 20px;
	margin-top: 10px;
	margin-bottom: 0px;
	border-radius: 16px;
	overflow: hidden;
}

.popup.cs-banner-list .banner-item img {
	width: 100% !important;
	height: 100% !important;
}
.popup.cs-detail {
	--f7-popup-tablet-width: 700px;
	--f7-popup-tablet-height: calc(100% - 100px);
	top: 0px;
	margin-top: 50px;
	border-radius: 24px;
	z-index: 20300;
}

@media (max-width: 629px) {
	.popup.cs-detail {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		margin-top: 0px;
		border-radius: 0px;
	}
}

/* .navbar */

.popup.cs-detail .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.cs-detail .navbar .navbar-bg {
	background-color: #fff;
}

.popup.cs-detail .navbar .navbar-inner {
	padding: 0px;
}

.popup.cs-detail .navbar .navbar-inner .left .back {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.cs-detail .navbar .navbar-inner .title {
	/*left: 0px !important;*/
	font-size: 16px;
	font-weight: bold;
}

/* .page */

.popup.cs-detail .page {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	background-color: #F7F6F3;
	overflow-x: hidden;
	overflow-y: auto;
}

.popup.cs-detail .page .page-content {
	width: 100%;
}

.popup.cs-detail .page .page-content .card .card-content {
	margin-top: 0px !important;
	margin-bottom: -5px !important;
}

.popup.cs-detail .page .page-content .card .card-content p {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.popup.cs-detail .page .page-content img {
	display: block !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	width: 100%;
}
.popup.cs-driver-insurance {
	--f7-popup-tablet-width: 400px;	
	--f7-popup-tablet-height: 600px;
	border-radius: 12px;
}

@media (max-width: 629px) {
	.popup.cs-driver-insurance {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

.popup.cs-driver-insurance .page {
	background-color: #fff;
}

.popup.cs-driver-insurance .page #tab-acception .block {
	width: 100%;
	margin: 0px;
}

.popup.cs-driver-insurance .page #tab-acception .block .row {
	display: flex;
	margin-top: 5px;
	margin-bottom: 5px;
	justify-content: center;
}

.popup.cs-driver-insurance .page #tab-acception .block .row.basic-info {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

.popup.cs-driver-insurance .page #tab-acception .block .row.basic-info .top {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.popup.cs-driver-insurance .page #tab-acception .block .row.basic-info .top .left img {
	width: 120px;
}

.popup.cs-driver-insurance .page #tab-acception .block .row.basic-info .top .right {
	margin: 0 15px;
	display: flex;
	flex-direction: column;
	text-align: left;
	justify-content: center;
	align-items: center;
	line-height: 20px;
}

.popup.cs-driver-insurance .page #tab-acception .block .row.basic-info .top .right .name {
	width: 100%;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
}

.popup.cs-driver-insurance .page #tab-acception .block .row.basic-info .top .right .point {
	width: 100%;
	text-align: left;
	font-size: 14px;
	color: #888888;
}

.popup.cs-driver-insurance .page #tab-acception .block .row.basic-info .bottom .schedule {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	line-height: 16px;
	font-weight: 600;
	padding: 0.6em 0;
}

.popup.cs-driver-insurance .page #tab-acception .block .row.basic-info .schedule i {
	margin: 0px 8px;
}

.popup.cs-driver-insurance .page #tab-acception .block .row.information {
	flex-direction: column;
	align-items: center;
}

.popup.cs-driver-insurance .page #tab-acception .block .row.information .notice {
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: 700;
}

.popup.cs-driver-insurance .page #tab-acception .block .row.information .notice p {
	margin: 0;
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	margin: 3px;
}

.popup.cs-driver-insurance .page #tab-acception .block .row.information .notice span {
	color: #006FFF;
	text-decoration: underline;
}

.popup.cs-driver-insurance .page #tab-acception .block .row.information .info-driver-ins {
	font-weight: 700;
	color: #006FFF;
	text-align: center;
	font-size: 14px;
	margin-bottom: 20px
}

.popup.cs-driver-insurance .page #tab-acception .block .row.selection-area {
	display: flex;
	flex-direction: column;
}

.popup.cs-driver-insurance .page #tab-acception .block .row.selection-area .select-insur {
	position: relative;
	width: 100%;
	display: flex;
	height: 120px;
	padding: 10px;
	padding-bottom: 0px;
	border: 1px solid #ddd;
	border-radius: 13px;
	margin-bottom: 15px;
	justify-content: space-between;
	overflow-y: hidden;
	cursor: pointer;
}

.popup.cs-driver-insurance .page #tab-acception .block .row.selection-area .select-insur .left img {
	position: absolute;
	bottom: -12px;
}

.popup.cs-driver-insurance .page #tab-acception .block .row.selection-area .select-insur .left .dialogue {
	position: absolute;
	top: 14px;
	left: 92px;
}

.popup.cs-driver-insurance .page #tab-acception .block .row.selection-area .select-insur .left p {
	font-weight: 600;
	line-height: 16px;
	font-size: 12px;
	margin: 5px;
}

.popup.cs-driver-insurance .page #tab-acception .block .row.selection-area .select-insur.insur-decline img {
	left: 30px;
	width: 56px;
}

.popup.cs-driver-insurance .page #tab-acception .block .row.selection-area .select-insur.insur-accept img {
	width: 108px;
}

.popup.cs-driver-insurance .page #tab-acception .block .row.selection-area .select-insur .coupon {
	position: absolute;
	font-size: 12px;
	background-color: #E72364;
	color: #fff;
	top: 4px;
	right: 16px;
	padding: 2px 0;
}

.popup.cs-driver-insurance .page #tab-acception .block .row.selection-area .select-insur .coupon .amount {
	color: #fff500;
}

.popup.cs-driver-insurance .page #tab-acception .block .row.selection-area .select-insur .coupon::before,
.popup.cs-driver-insurance .page #tab-acception .block .row.selection-area .select-insur .coupon::after {
    position: absolute;
    content: "";
    width: 8px;
    height: 100%;
    top: 0;
}

.popup.cs-driver-insurance .page #tab-acception .block .row.selection-area .select-insur .coupon::after {
    left: 100%;
    border-radius: 0px 4px 4px 0px;
    background-image: radial-gradient(ellipse at 100% 50%, transparent 0%, transparent 25%, #E72364 0%);
}

.popup.cs-driver-insurance .page #tab-acception .block .row.selection-area .select-insur .coupon::before {
    right: 100%;
    border-radius: 4px 0px 0px 4px;
    background-image: radial-gradient(ellipse at 0% 50%, transparent 0%, transparent 25%, #E72364 0%);
}

.popup.cs-driver-insurance .page #tab-acception .block .row.selection-area .select-insur .right {
	position: absolute;
	right: 8px;
	bottom: 8px;
}

.popup.cs-driver-insurance .page #tab-acception .block .row.selection-area .select-insur .right .schedule-info {
	font-size: 12px;
	text-align: right;
	font-weight: 600;
	line-height: 17px;
}

.popup.cs-driver-insurance .page #tab-acception .block .row.selection-area .select-insur .right .schedule-info span {
	color: #006FFF;
}

.popup.cs-driver-insurance .page #tab-acception .block .row.selection-area .select-insur .right .info-charge {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.popup.cs-driver-insurance .page #tab-acception .block .row.selection-area .select-insur .right .info-charge .charge-total {
	margin: 0;
	font-size: 20px;
	margin: 0 5px;
	font-weight: 700;
}

.popup.cs-driver-insurance .page #tab-acception .block .row.selection-area .select-insur .right .info-charge i.fa-arrow-right {
	color: #888888;
}

/*.popup.cs-driver-insurance .page .block .top */

.popup.cs-driver-insurance .page #tab-detail .block .top {
	margin-left: 20px;
	margin-right: 20px;
}

.popup.cs-driver-insurance .page #tab-detail .block .top .title {
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: 700;
}

.popup.cs-driver-insurance .page #tab-detail .block .top .title img {
	width: 20px;
	margin-right: 5px;
}

.popup.cs-driver-insurance .page #tab-detail .block .top .msg {
	border-bottom: 1px dotted #E4E4E4;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #1059FF;
	font-weight: bold;
	line-height: 160%;
	letter-spacing: -1px;
	font-size: 15px;
}

.popup.cs-driver-insurance .page #tab-detail .block .middle {
	padding-right: 15px;
	padding-bottom: 20px;
}

.popup.cs-driver-insurance .page #tab-detail .block .middle .msg {
	width: 99%;
	line-height: 200%;
	letter-spacing: -1px;
	margin-left: 20px;
	margin-right: 20px;
}

.popup.cs-driver-insurance .page #tab-detail .block .middle .msg-title {
	padding-top: 20px;
	width: 100%;
	font-size: 17px;
	color: #1059FF;
	font-weight: bold;
	line-height: 200%;
	letter-spacing: -1px;
}

.popup.cs-driver-insurance .page #tab-detail .block .middle .msg .comment {
	line-height: 160%;
	font-size: 14px;
	padding-top: 10px;
	width: 97%;
}

.popup.cs-driver-insurance .page #tab-detail .block .middle .msg .contents {
	border-collapse: collapse;
	margin: 0 auto;
	width: 90%
}

/*.popup.cs-driver-insurance .page .popup-close*/

.popup.cs-driver-insurance .page .popup-close {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 34px;
	color: #888;
	z-index: 2;
	cursor: pointer;
}


.popup.provider-detail
 {
	/* --f7-popup-tablet-width: 500px; */
	--f7-popup-tablet-height: 88svh;
	border-radius: 24px;

	--f7-list-link-pressed-bg-color: rgba(0,0,0,0);
}

@media (max-width: 629px) {
	.popup.provider-detail
     {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

/* .navbar  */
.popup.provider-detail
 .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.provider-detail
 .navbar .navbar-bg {
	background-color: #fff;
}

.popup.provider-detail
 .navbar .navbar-inner {
	padding: 0px;
}

.popup.provider-detail
 .navbar .navbar-inner .left .popup-close {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.provider-detail
 .navbar .navbar-inner .title {
	font-weight: bold;
}

.popup.provider-detail
 .navbar .navbar-inner .right {
    width: 50px;
}

.popup.provider-detail
 .page {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 50px;
 }

 .popup.provider-detail .page .button[data-btn-back] {
     position: absolute;
     width: calc(100% - 48px);
     bottom: 50px;
     padding: 28px 24px;
     font-size: 18px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 12px;
	 color: #006fff;
	 background-color: #edf2f6;
     border: 2px solid #006fff;
}

.popup.provider-detail .page .button[data-btn-back] i {
    margin-right: 8px;
}

.popup.provider-detail
 .page .page-content {
    width: 100%;
	background-color: #edf2f6;
	padding: 24px 16px;
    padding-bottom: 70px;
}


@media (max-width: 629px) {
	.popup.provider-detail
     .page .page-content {
		padding-left: 0px;
		padding-right: 0px;
	}
}
/*.popup.cs-terms */

.popup.cs-terms {
	--f7-popup-tablet-width: 700px;
	--f7-popup-tablet-height: calc(100% - 100px);
	top: 0px;
	margin-top: 50px;
	border-radius: 24px;
}

@media (max-width: 629px) {
	.popup.cs-terms {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		top: 0;
		left: 0;
		margin-top: 0px;
		border-radius: 0px;
	}
}

.popup.cs-terms .page {
	position: relative;
}

.popup.cs-terms .page .page-content {
	padding: 0 16px;
	padding-bottom: 124px;
	background-color: #fff;
}

.popup.cs-terms .page .page-content .terms-title {
	font-size: 22px;
	font-weight: bold;
	margin: 16px 0;
}

.popup.cs-terms .page .page-content .terms-sub-title {
	font-size: 20px;
	font-weight: bold;
	margin: 14px 0;
	color: #323232;
}

.popup.cs-terms .page .popup-close {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 38px;
	color: #888;
	z-index: 2;
	cursor: pointer;
}

.popup.cs-terms .page .btn-area {
	position: absolute;
	bottom: 18px;
	width: 100%;
}

.popup.cs-terms .page .btn-area button {
	width: 90%;
	height: 54px;
	font-size: 16px;
	font-weight: bold;
	border-radius: 24px;
	margin: 0 auto;
	z-index: 1;
}
.popup.exclusive-tickets-deals {
	--f7-popup-tablet-width: 400px;
	--f7-popup-tablet-height: 720px;
	border-radius: 24px;

	--f7-list-link-pressed-bg-color: rgba(0,0,0,0);
}

@media (max-width: 629px) {
	.popup.exclusive-tickets-deals {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

/* .navbar  */
.popup.exclusive-tickets-deals .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.exclusive-tickets-deals .navbar .navbar-bg {
	background-color: #fff;
}

.popup.exclusive-tickets-deals .navbar .navbar-inner {
	padding: 0px;
}

.popup.exclusive-tickets-deals .navbar .navbar-inner .left .popup-close {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.exclusive-tickets-deals .navbar .navbar-inner .title {
	font-weight: bold;
}


/* .page */

.popup.exclusive-tickets-deals .page {
	padding-top: 50px;
	padding-bottom: 100px;
	overflow-y: scroll;
}

.popup.exclusive-tickets-deals .page .page-content {
	padding: 0;
}

.popup.exclusive-tickets-deals .page .page-content .image-wrap img {
	margin-top: 0;
	width: 100%;
}

.popup.exclusive-tickets-deals .page .radio {
	border: none;
	display: flex;
	flex-direction: row;
	justify-content: center;
	font-weight: 600;
	font-size: 1.1em;
	padding: 14px 0;

}

.popup.exclusive-tickets-deals .page .radio .item-radio {
	margin: 0 1em;
}

.popup.exclusive-tickets-deals .page .radio .item-radio .item-inner {
	padding: 0;
}

.popup.exclusive-tickets-deals .page .radio i {
	margin-right: 0.3em;
}

.popup.exclusive-tickets-deals .page .notice {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.popup.exclusive-tickets-deals .page .notice u {
	color: #C8222C;
	font-weight: 500;
	font-size: 16px;

}

.popup.exclusive-tickets-deals .page .notice span {
	font-weight: 500;
	font-size: 16px;
}

.popup.exclusive-tickets-deals .page .notice p {
	line-height: 1em;
}

.popup.exclusive-tickets-deals .page .notice div.notice-block-pickup p {
	font-weight: 700;
	padding: 0 20px;
	line-height: 2;
	color: #C8222C;
}

.popup.exclusive-tickets-deals .page .info {
    text-align: center;
}

.popup.exclusive-tickets-deals .page .info-car-delivery {
    font-weight: 700;
    color: #006FFF;
    font-size: 14px;
    margin-bottom: 20px;
}

.popup.exclusive-tickets-deals .page .notice div:not(.active) { display: none; }

.popup.exclusive-tickets-deals .page .radio label.item-radio input[name="take-type"]:not(checked) ~ .item-inner .fa-circle,
.popup.exclusive-tickets-deals .page .radio label.item-radio input[name="take-type"]:checked ~ .item-inner .fa-dot-circle {
	display: inline;
}

.popup.exclusive-tickets-deals .page .radio label.item-radio input[name="take-type"]:checked ~ .item-inner .fa-circle,
.popup.exclusive-tickets-deals .page .radio label.item-radio input[name="take-type"]:not(checked) ~ .item-inner .fa-dot-circle {
	display: none;
}

.popup.exclusive-tickets-deals .page .radio label.item-radio input[name="take-type"]:checked ~ .item-inner {
	color: #006FFF;
}

.popup.exclusive-tickets-deals .page .radio label.item-radio input[name="take-type"]:not(checked) ~ .item-inner {
	color: black;
}

.popup.exclusive-tickets-deals .page .radio label.item-radio input[name="take-type"]:disabled ~ .item-inner {
	color: #888888;
}

.popup.exclusive-tickets-deals .page [data-add-deal-inner-text] {
	display: inline-block;
}

.popup.exclusive-tickets-deals .page .page-footer {
	position: fixed;
	bottom: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
	background-color: #FDFDFD;
	border: 1px solid #E4E4E4;
	border-radius: 1.5em 1.5em 0 0;
	z-index: 100;
}

.popup.exclusive-tickets-deals .page .card-footer .desc {
    margin-left: 5px;
    margin-bottom: 5px;
	font-size: 15px;
}

.popup.exclusive-tickets-deals .page .page-footer .add-deal {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(100% - 3em);
	height: 100%;
	padding: 18px 0;
}

.popup.exclusive-tickets-deals .page .page-footer .add-deal button {
	height: 4em;
	border-radius: 1.5em;
	padding: 1em;;
	font-size: 1.2em;
}

.popup.exclusive-tickets-deals .page .page-footer .add-deal button:disabled {
	background-color: #E8E8E8;
}


.popup.exclusive-tickets-deals .page .page-footer .add-deal button i {
	font-weight: bold;
	font-size: 1.2em;
	margin-right: 1em;
}

.popup.exclusive-tickets-deals .page .tenant-not p {
	color: #C8222C;
	font-size: 14px;
	margin-left: 20px;
}

/* exclusive-tickets swiper-container */
.popup.exclusive-tickets-deals .page .ticket-provider-swiper .swiper-pagination .swiper-pagination-bullet {
	background-color: #fff;
	opacity: 0.5;
}

.popup.exclusive-tickets-deals .page .ticket-provider-swiper .swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1;
}

.popup.exclusive-tickets-deals .page .ticket-provider-swiper .swiper-button-prev,
.popup.exclusive-tickets-deals .page .ticket-provider-swiper .swiper-button-next {
	color: #fff;
	background-color: rgba(0,0,0,0.5);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}

.popup.exclusive-tickets-deals .page .ticket-provider-swiper:hover .swiper-button-prev,
.popup.exclusive-tickets-deals .page .ticket-provider-swiper:hover .swiper-button-next {
	opacity: 1;
}

.popup.exclusive-tickets-deals .page .ticket-provider-swiper .swiper-button-prev:after,
.popup.exclusive-tickets-deals .page .ticket-provider-swiper .swiper-button-next:after {
	font-size: 20px;
}

/* mobile - swiper nav button */
@media (max-width: 629px) {
	.popup.exclusive-tickets-deals .page .ticket-provider-swiper .swiper-button-prev,
	.popup.exclusive-tickets-deals .page .ticket-provider-swiper .swiper-button-next {
		width: 50px;
		height: 50px;
	}

	.popup.exclusive-tickets-deals .page .ticket-provider-swiper .swiper-button-prev,
	.popup.exclusive-tickets-deals .page .ticket-provider-swiper .swiper-button-next {
		display: flex;
		opacity: 1;
		font-size: 24px;
	}
}
.popup.extra-deals {
	--f7-popup-tablet-width: 400px;
	--f7-popup-tablet-height: 720px;
	border-radius: 24px;

	--f7-list-link-pressed-bg-color: rgba(0,0,0,0);
}

@media (max-width: 629px) {
	.popup.extra-deals {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

/* .navbar  */
.popup.extra-deals .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.extra-deals .navbar .navbar-bg {
	background-color: #fff;
}

.popup.extra-deals .navbar .navbar-inner {
	padding: 0px;
}

.popup.extra-deals .navbar .navbar-inner .left .popup-close {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.extra-deals .navbar .navbar-inner .title {
	font-weight: bold;
}


/* .page */

.popup.extra-deals .page {
	padding-top: 50px;
	padding-bottom: 100px;
	overflow-y: scroll;
}

.popup.extra-deals .page .page-content {
	padding: 0;
}

.popup.extra-deals .page .page-content .image-wrap img {
	margin-top: 0;
	width: 100%;
}

.popup.extra-deals .page .radio {
	border: none;
	display: flex;
	flex-direction: row;
	justify-content: center;
	font-weight: 600;
	font-size: 1.1em;
	padding: 14px 0;

}

.popup.extra-deals .page .radio .item-radio {
	margin: 0 1em;
}

.popup.extra-deals .page .radio .item-radio .item-inner {
	padding: 0;
}

.popup.extra-deals .page .radio i {
	margin-right: 0.3em;
}

.popup.extra-deals .page .notice {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.popup.extra-deals .page .notice u {
	color: #C8222C;
	font-weight: 500;
	font-size: 16px;

}

.popup.extra-deals .page .notice span {
	font-weight: 500;
	font-size: 16px;
}

.popup.extra-deals .page .notice p {
	line-height: 1em;
}

.popup.extra-deals .page .notice div.notice-block-pickup p {
	font-weight: 700;
	padding: 0 20px;
	line-height: 2;
	color: #C8222C;
}

.popup.extra-deals .page .notice div:not(.active) { display: none; }

.popup.extra-deals .page .radio label.item-radio input[name="take-type"]:not(checked) ~ .item-inner .fa-circle,
.popup.extra-deals .page .radio label.item-radio input[name="take-type"]:checked ~ .item-inner .fa-dot-circle {
	display: inline;
}

.popup.extra-deals .page .radio label.item-radio input[name="take-type"]:checked ~ .item-inner .fa-circle,
.popup.extra-deals .page .radio label.item-radio input[name="take-type"]:not(checked) ~ .item-inner .fa-dot-circle {
	display: none;
}

.popup.extra-deals .page .radio label.item-radio input[name="take-type"]:checked ~ .item-inner {
	color: #006FFF;
}

.popup.extra-deals .page .radio label.item-radio input[name="take-type"]:not(checked) ~ .item-inner {
	color: black;
}

.popup.extra-deals .page .radio label.item-radio input[name="take-type"]:disabled ~ .item-inner {
	color: #888888;
}

.popup.extra-deals .page .page-footer {
	position: fixed;
	bottom: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
	background-color: #FDFDFD;
	border: 1px solid #E4E4E4;
	border-radius: 1.5em 1.5em 0 0;
	z-index: 100;
}

.popup.extra-deals .page .page-footer .add-deal {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(100% - 3em);
	height: 100%;
	padding: 18px 0;
}

.popup.extra-deals .page .page-footer .add-deal button {
	height: 4em;
	border-radius: 1.5em;
	padding: 1em;;
	font-size: 1.2em;
}

.popup.extra-deals .page .page-footer .add-deal button:disabled {
	background-color: #E8E8E8;
}


.popup.extra-deals .page .page-footer .add-deal button i {
	font-weight: bold;
	font-size: 1.2em;
	margin-right: 1em;
}

.popup.extra-deals .page .tenant-not p {
	color: #C8222C;
	font-size: 14px;
	margin-left: 20px;
}

.popup.family-card {
	--f7-popup-tablet-width: 400px;	
	--f7-popup-tablet-height: 650px;
	border-radius: 24px;
}

@media (max-width: 629px) {
	.popup.family-card {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

/* .navbar */

.popup.family-card .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.family-card .navbar .navbar-bg {
	background-color: #fff;
}

.popup.family-card .navbar .navbar-inner {
	padding: 0px;
}

.popup.family-card .navbar .navbar-inner .left .popup-close {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.family-card .navbar .navbar-inner .title {
	font-weight: bold;
}

.popup.family-card .navbar .navbar-inner .title i {
	margin-right: 5px;
}
/* .page */

.popup.family-card .page {
	padding-top: 64px;
	padding-bottom: 32px;
	background-color: #F7F6F3;
	overflow-y: scroll;
}

.popup.family-card .page .page-content {
	padding: 0;
}

.popup.family-card .page .notice {
	text-align: center;
	padding: 16px;
}

.popup.family-card .page .notice p {
	margin: 5px 0;
}

.popup.family-card .page .card.member {
	position: relative;
}

.popup.family-card .page .card.member .card-content {
	padding: 16px 0;
	margin: 0 16px;
}

.popup.family-card .page .card.member .list {
	border: none;
	margin: 0;
	width: 100%;
}

.popup.family-card .page .card.member .list .item-content {
	padding: 2px;
}

.popup.family-card .page .card.member .item-inner {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0;
}

.popup.family-card .page .card.member .item-inner .item-title {
	font-weight: 600;
	font-size: 16px;
	width: 23%;
}

.popup.family-card .page .card.member .item-inner .input-wrap {
	width: 77%;
	display: flex;
	flex-direction: row;
}

.popup.family-card .page .card.member .item-inner .input-wrap .user-last-name {
	width: 28%;
	margin-right: 10px;
}

.popup.family-card .page .card.member .item-inner .input-wrap .user-first-name {
	width: 70%;
}

.popup.family-card .page .card.member .item-inner .item-input-wrap {
	position: relative;
}

.popup.family-card .page .card.member .item-inner .item-input-wrap input {
	height: 36px;
	font-size: 16px;
}

.popup.family-card .page .card.member .item-inner .item-input-wrap.user-birth span.age {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	font-weight: 600;
	color: #006FFF;
}

.popup.family-card .page .card.member .button-area {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-top: 16px;
}

.popup.family-card .page .card.member .button-area button {
	height: auto;
	width: auto;
	font-size: 16px;
}

.popup.family-card .page .card.member .button-area button[data-btn-additional-info] {
	padding: 2px 14px;
	padding-left: 12px;
}

.popup.family-card .page .card.member .button-area button[data-btn-additional-info] i {
	margin-left: 14px;
}

.popup.family-card .page .card.member .button-area button[data-btn-apply] {
	padding: 7px 22px;
}

.popup.family-card .page .card.member .button-area button[data-btn-apply] i {
	margin-left: 14px;
	font-size: 20px;
}

.popup.family-card .page .card.member[data-additional-info="true"] .button-area button[data-btn-additional-info] {
	border: 1px solid #555555;
	color: #555555;
	background-color: #FFFFFF;
}

.popup.family-card .page .card.member .card-footer {
	padding: 16px 0;
	margin: 0 16px;
}

.popup.family-card .page .card.member .remove-family {
	position: absolute;
	top: -6px;
	right: -2px;
	color: #C8222C;
	font-size: 22px;
}

.popup.family-card .page .card.member[data-additional-info="true"] .button-area button[data-btn-additional-info] .fa-chevron-up {
	transform: rotate(0deg);
	transition:  ease 0.2s;
}

.popup.family-card .page .card.member[data-additional-info="false"] .button-area button[data-btn-additional-info] .fa-chevron-up {
	transform: rotate(180deg);
	transition:  ease 0.2s;	
}

.popup.family-card .page .card.member[data-additional-info="true"] .card-footer {
	display: flex;
}

.popup.family-card .page .card.member[data-additional-info="false"] .card-footer {
	display: none; 
}

.popup.family-card .page .card.member .card-footer .list .select-wrap {
	width: 77%;
	height: 36px;
	position: relative;
	border: 1px solid var(--f7-input-outline-border-color);
	border-radius: 4px;
	display: flex;
	flex-direction: row;
}

.popup.family-card .page .card.member .card-footer .list .select-wrap i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 8px;
	font-size: 20px;
}

.popup.family-card .page .card.member .card-footer .list .item-content .select-wrap select {
	width: 100%;
	height: 100%;
	margin-left: 10px;
	font-weight: 500;
	font-size: 16px;
	color: #888888;
	align-self: center;
	cursor: pointer;
	z-index: 1;
}

.popup.family-card .page .card.member .card-footer .list .item-content .select-wrap select.selected {
	color: #000;
}

.popup.family-card .page .add-family {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.popup.family-card .page .add-family button {
	width: auto;
	height: auto;
	border: 1px solid #E4E4E4;
	background-color: #FFFFFF;
	color: #000;
	font-size: 1.1em;
	padding: 0.3em 1em;
}

.popup.headcount {
	--f7-popup-tablet-width: 340px;	
	--f7-popup-tablet-height: 650px;
	border-radius: 24px;
}

@media (max-width: 629px) {
	.popup.headcount {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

/* .page */

.popup.headcount .page {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	background-color: #F7F6F3;
	overflow-x: hidden;
	overflow-y: auto;
}

/* .page-header */

.popup.headcount .page .page-header {
}

/* .page-content */

.popup.headcount .page .page-content {
	height: auto;
	margin-bottom: 15px;
	max-width: 400px;
	width:  100%;
	overflow-x: hidden;
}

@media (max-height: 680px) {
	.popup.headcount .page .page-content {
		margin-bottom: auto;
	}
}

/* .schedule */
.popup.headcount .page .page-content .schedule {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 20px;
}

.popup.headcount .page .page-content .schedule .info {
	color: #007aff;
}
.popup.headcount .page .page-content .schedule[data-ticket-type=round-trip] .text-arrival:before { content: '왕복일정'; }
.popup.headcount .page .page-content .schedule[data-ticket-type=round-trip] .fa-tickets-airline { display: inline; }
.popup.headcount .page .page-content .schedule[data-ticket-type=round-trip] .fa-ticket-airline { display: none; }

.popup.headcount .page .page-content .schedule[data-ticket-type=one-way] .text-arrival:before { content: '편도일정'; }
.popup.headcount .page .page-content .schedule[data-ticket-type=one-way] .fa-tickets-airline { display: none; }
.popup.headcount .page .page-content .schedule[data-ticket-type=one-way] .fa-ticket-airline { display: inline; }


.popup.headcount .page .page-content .schedule .row {
	display: flex;
	width: calc(50% - 10px);
	justify-content: space-around;
}


.popup.headcount .page .page-content .card-header {
	padding-left:  5px;
	padding-right:  5px;
	margin-right: 15px;
	margin-left: 15px;
}

.popup.headcount .page .page-content .card {
	padding-bottom: 8px;
}

.popup.headcount .page .page-content .list {
	border: none;
}

.popup.headcount .page .page-content .btn-remove-room {
	position: absolute;
	color: #C8222C;
	top: -10px;
	right: -23px;
	cursor: pointer;
}

.popup.headcount .page .page-content .card[data-room-no="1"] [data-btn-remove-room]{
	display: none;
}

.popup.headcount .page .page-content .card .item-title {
	color: #888888;
}

.popup.headcount .page .page-content .card .counter {
	font-weight: bold;
	color: #000000;
}

.popup.headcount .page .page-content .card .counter.selected {
	color: #007aff;
}

.popup.headcount .page .page-content .card .counter.people {
	font-weight: 400;
	font-size: 14px;
	color: #888888;
}

.popup.headcount .page .page-content .stepper-button-minus,
.popup.headcount .page .page-content .stepper-button-plus {
	padding: 3px;
	color: #000;
}

.popup.headcount .page .page-content .card .card-extra-info {
	display:  flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding-left:  10px;
	padding-right:  10px;
}

.popup.headcount .page .page-content .card .card-extra-info .child-age-wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	width: calc(50% - 12px);
	height: 50px;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: pointer;
	margin: 5px;
}

.popup.headcount .page .page-content .card .card-extra-info .child-age-wrap label {
	position: absolute;
	top: 4px;
	left: 10px;
	font-size: 12px;
	color: #666;
}

.popup.headcount .page .page-content .card .card-extra-info .child-age-wrap select {
	font-size: 15px;
	height: 100%;
	padding-top: 15px;
	padding-left: 10px;
	cursor: pointer;
	z-index: 1;
}

.popup.headcount .page .page-content .card .card-extra-info .child-age-wrap i {
	position: absolute;
	right: 8px;
	top: 18px;
}

.popup.headcount .page .page-content .add-room-wrap {
	margin-top: 20px;
	margin-bottom: 20px;
}

.popup.headcount .page .page-content .add-room-wrap button.add-room {
	border: 1px solid #E4E4E4;
	width: 40%;
}

.popup.headcount .page .page-content .divider {
	border-bottom: 1px solid #DDDDDD;
	margin:  30px 20px;
}

.popup.headcount .page .page-content .info-age {
	color: #888888;
	margin-top: 15px;
	margin-bottom: 100px;
}

.popup.headcount .page .page-content .info-age button {
	width: 80%;
	margin-top: 15px;
	padding: 0px;
}

.popup.headcount .page .page-content .info-age i.fa-plane-circle-check,
.popup.headcount .page .page-content .info-age i.fa-building-circle-check{
	font-size: 20px;
}

/* .page-footer */

.popup.headcount .page .page-footer {
	position: fixed;
	bottom: 0px;
	display: flex;
	justify-content: center;
	width: 100%;
	background-color: #FDFDFD;
	border: 1px solid #E4E4E4;
	border-radius: 24px 24px 0px 0px;	
	z-index: 10;
}

.popup.headcount .page .page-footer .apply {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: calc(100% - 30px);
	height: 100%;
}

.popup.headcount .page .page-footer .apply button {
	width: calc(50% - 5px);
	height: 50px;
	margin-top: 10px;
	margin-bottom: 25px;
	border-radius: 24px;
	font-size: 18px;
}

.popup.headcount .page .page-footer .apply button[data-btn-apply] {
	background-color: #e8e8e8;
	color: #aaa;
}

.popup.headcount[data-status="done"] .page .page-footer .apply button[data-btn-apply] {
	background-color: #007aff;
	color: #fff;
}

.popup.headcount .page .page-footer .apply button.button-outline {
	color: #484848;
	border: 1px solid #E4E4E4;
}
.popup.image-viewer
 {
	/* --f7-popup-tablet-width: 500px; */
	--f7-popup-tablet-height: 88svh;
	border-radius: 24px;

	--f7-list-link-pressed-bg-color: rgba(0,0,0,0);
}

@media (max-width: 629px) {
	.popup.image-viewer
     {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

/* .navbar  */
.popup.image-viewer
 .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.image-viewer
 .navbar .navbar-bg {
	background-color: #fff;
}

.popup.image-viewer
 .navbar .navbar-inner {
	padding: 0px;
}

.popup.image-viewer
 .navbar .navbar-inner .left .popup-close {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.image-viewer
 .navbar .navbar-inner .title {
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.image-viewer
 .navbar .navbar-inner .right {
    width: 50px;
}

.popup.image-viewer
 .page {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 50px;
 }

.popup.image-viewer .page .button[data-btn-back] i {
    margin-right: 8px;
}

.popup.image-viewer
 .page .page-content {
    width: 100%;
	background-color: #fff;
	padding: 0;
}

@media (max-width: 629px) {
	.popup.image-viewer
     .page .page-content {
		padding-left: 0px;
		padding-right: 0px;
	}
}

/* 이미지 갤러리 스타일 */
.popup.image-viewer .image-gallery {
	padding: 20px;
}

.popup.image-viewer .image-list {
 display: flex;
 flex-direction: column;
}

.popup.image-viewer .image-item img {
	width: 100%;
	object-fit: cover;
	display: block;
}



.popup.image-viewer .no-images {
	text-align: center;
	padding: 40px 20px;
	color: #666;
	font-size: 16px;
}

@media (max-width: 629px) {
	.popup.image-viewer .image-gallery {
		padding: 15px;
	}
}
.popup.lounges-auth {
	--f7-popup-tablet-width: 450px;	
	--f7-popup-tablet-height: 650px;
	border-radius: 24px;
	border: 4px solid #E7BF79;
}

@media (max-width: 629px) {
	.popup.lounges-auth {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

/* .navbar */

.popup.lounges-auth .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.lounges-auth .navbar .navbar-bg {
	background-color: #fff;
}

.popup.lounges-auth .navbar .navbar-inner {
	padding: 0px;
}

.popup.lounges-auth .navbar .navbar-inner .left .button-plain {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.lounges-auth .navbar .navbar-inner .title {
	left: 0px !important;
	font-size: 16px;
	font-weight: bold;
}

/* .page */

.popup.lounges-auth .page {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	background-color: #000;
	color: #fff;
	overflow-x: hidden;
	overflow-y: auto;
}

/* #authIng  */

.popup.lounges-auth .page .page-content .tab {
	overflow-y: auto;
	overflow-x: hidden;
	padding-bottom: 100px;
}

.popup.lounges-auth .page .page-content .tab#authIng .title-wrap {
	margin-top: 35px;
	text-align: center;
}

.popup.lounges-auth .page .page-content .tab#authIng .title-wrap .company {
	font-size: 20px;
}

.popup.lounges-auth .page .page-content .tab#authIng .title-wrap .direction {
	font-size: 16px;
	margin-top: 10px;
	color: #a8a8a8;
}

.popup.lounges-auth .page .page-content .tab#authIng .benefit-wrap,
.popup.lounges-auth .page .page-content .tab#authIng .restriction-wrap {
	margin-top: 25px;
	margin-left: 50px;
	margin-right: 50px;
}

.popup.lounges-auth .page .page-content .tab#authIng .benefit-wrap .benefit,
.popup.lounges-auth .page .page-content .tab#authIng .restriction-wrap .restriction {
	display: flex;
}

.popup.lounges-auth .page .page-content .tab#authIng .benefit-wrap .benefit .no,
.popup.lounges-auth .page .page-content .tab#authIng .restriction-wrap .restriction .no {
	width: 40px;
}

.popup.lounges-auth .page .page-content .tab#authIng .benefit-wrap .benefit .content,
.popup.lounges-auth .page .page-content .tab#authIng .restriction-wrap .restriction .content {
	width: calc(100% - 40px);
	margin-left: 10px;
	color: #E7BF79;
}

.popup.lounges-auth .page .page-content .tab#authIng .benefit-wrap .benefit:not(:first-child) {
	margin-top: 15px;
}

.popup.lounges-auth .page .page-content .tab#authIng .benefit-wrap .watermark .only-one {
	/* position: fixed; */
	opacity: 0.9;
	width: 60px;
    margin-left: -5.5px;
    margin-top: -31px;
    background-color: #fff;
    color: #333;
    font-weight: bold;
    font-size: 14px;
    padding-top: 1px;
    border-radius: 8px;
    text-align: center;
}

.popup.lounges-auth .page .page-content .tab#authIng .auth-wrap {
	margin-top: 25px;
	margin-left: 50px;
	margin-right: 50px;
}

.popup.lounges-auth .page .page-content .tab#authIng .auth-wrap .caution {
	text-align: center;
	color: #C8222C;
	padding-left: 20px;
	padding-right: 20px;
}

.popup.lounges-auth .page .page-content .tab#authIng .auth-wrap .slideToUnlock {
	position:relative;
	text-align: center;
	height: 52px;
	line-height: 50px;
	border-radius: 25px;
	margin-top: 25px;
}

.popup.lounges-auth .page .page-content .tab#authIng .auth-wrap .slideToUnlock.locked {
	color: #fff;
	font-size: 18px;
	background-color: #08484d;
}

.popup.lounges-auth .page .page-content .tab#authIng .auth-wrap .slideToUnlock .unlocked {
	background-color: #006fff;
}

.popup.lounges-auth .page .page-content .tab#authIng .auth-wrap .slideToUnlock .progressBar {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	border-radius: 25px;
}

.popup.lounges-auth .page .page-content .tab#authIng .auth-wrap .slideToUnlock .text {
	position: absolute;
	left: 0;
	top: 0;
	padding-left: 10px;
	width: 100%;
	height: 100%;
	border-radius: 25px;
	background-color: transparent;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.popup.lounges-auth .page .page-content .tab#authIng .auth-wrap .slideToUnlock .drag {
	position: absolute;
	width: 46px;
	height: 46px;
	left: 0%;
	display: inline-block;
	line-height: 50px;
	border-radius: 100%;
	cursor: pointer;
	border: 4px solid #f8f8f8;
	background: #E7BF79;
	color: #692003;
	text-align: center;
}

/* #authDone  */

.popup.lounges-auth .page .page-content .tab#authDone .title-wrap {
	margin-top: 35px;
	text-align: center;
}

.popup.lounges-auth .page .page-content .tab#authDone .title-wrap .company {
	font-size: 20px;
}

.popup.lounges-auth .page .page-content .tab#authDone .title-wrap .direction {
	font-size: 16px;
	margin-top: 10px;
	color: #a8a8a8;
}

.popup.lounges-auth .page .page-content .tab#authDone .icon-done {
	margin-top: 25px;
	font-size: 100px;
	color: #E7BF79;
	text-align: center;
}

.popup.lounges-auth .page .page-content .tab#authDone .survey-wrap {
	text-align: center;
	margin-top: 15px;
	margin-left: 50px;
	margin-right: 50px;
}

.popup.lounges-auth .page .page-content .tab#authDone .survey-wrap .question {
	color: #e8e8e8;
	font-size: 16px;
	line-height: 160%;
}

.popup.lounges-auth .page .page-content .tab#authDone .survey-wrap .grade {
	margin-top: 10px;
	display: flex;
	justify-content: center;
}

.popup.lounges-auth .page .page-content .tab#authDone .survey-wrap .grade button {
	width: 120px;
	height: 40px;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 16px;
	border-radius: 18px;
	border: 1px solid #888;
	color: #333;
	background-color: #fff;
	cursor: pointer;
}

.popup.lounges-auth .page .page-content .tab#authDone .survey-wrap .grade button.button-good.selected {
	color: #007AFF;
	border: 1px solid #007AFF;
	background-color: #D0E7FF;
}

.popup.lounges-auth .page .page-content .tab#authDone .survey-wrap .grade button.button-bad.selected {
	color: #C8222C;
	border: 1px solid #C8222C;
	background-color: #fceff0;
}

.popup.lounges-auth .page .page-content .tab#authDone .survey-wrap .grade button i {
	margin-right: 5px;
}

.popup.lounges-auth .page .page-content .tab#authDone .survey-wrap .opinion {
	margin-top: 25px;
	height: 100px;
	padding: 15px;
	border-radius: 12px;
	border: 1px solid #555;
	background-color: #333;
}

.popup.lounges-auth .page .page-content .tab#authDone .survey-wrap .opinion textarea {
	width: 100%;
	height: 100%;
}

/* .button.popup-close  */

.popup.lounges-auth .page .page-content button.button-plain {
	position: absolute;
	width: 100%;
	height: 50px;
	bottom: 10px;
	background-color: rgba(0,0,0,0.8);
	border: 0px;
	color: #888;
	font-size: 18px;
}

.popup.lounges-auth .page .page-content button.button-plain i {
	margin-right: 5px;
}

.popup.lounges-auth .page .page-content button.button-plain span.text-send {
	color: #fff;
}

.popup.lounges-join {
	--f7-popup-tablet-width: 450px;	
	--f7-popup-tablet-height: 650px;
	border-radius: 24px;
}

@media (max-width: 629px) {
	.popup.lounges-join {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

/* .navbar */

.popup.lounges-join .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.lounges-join .navbar .navbar-bg {
	background-color: #fff;
}

.popup.lounges-join .navbar .navbar-inner {
	display: flex;
	align-items: center;
	padding: 0px;
}

.popup.lounges-join .navbar .navbar-inner .left {
	display: flex;
	justify-content: center;
	width: 50px;
}

.popup.lounges-join .navbar .navbar-inner .left .popup-close {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	border-radius: 100%;
	color: #333;
}

.popup.lounges-join .navbar .navbar-inner .right {
	display: flex;
	justify-content: center;
	width: 50px;
	font-size: 20px;
	color: #888;
}

.popup.lounges-join .navbar .navbar-inner .title {
	font-size: 16px;
	font-weight: bold;
	left: 0px !important;
}

@media (max-width: 629px) {
	.popup.lounges-join .navbar .navbar-inner .left .popup-close {
		border-radius: 4px;
	}
}

/* .page */

.popup.lounges-join .page {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	background-color: #000;
	overflow-x: hidden;
	overflow-y: auto;
}

.popup.lounges-join .page .page-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	padding-top: 70px;
	padding-bottom: 250px;
	overflow-y: auto;
	overflow-x: hidden;
}

.popup.lounges-join .page .page-content a {
	display: flex;
	border: 1px solid #ddd;
	padding: 8px 16px;
	border: 3px solid #555;
	border-radius: 12px;
	background-color: #fff;
	width: calc(100% - 40px);
	height: 70px;
	margin-bottom: 20px;
	color: #000;
}

.popup.lounges-join .page .page-content a.selected {
	border: 3px solid #E7BF79;
	background-color: #f4e2c5;
}

.popup.lounges-join .page .page-content a .icon {
	font-size: 24px;
}

.popup.lounges-join .page .page-content a .title {
	font-size: 18px;
	margin-left: 15px;
}

.popup.lounges-join .page .page-content a .logo-island-lounge {
	margin-left: 10px;
}

.popup.lounges-join .page .page-content a .price {
	position: absolute;
	right: 10px;
	font-size: 18px;
}

.popup.lounges-join .page .page-footer .card {
	position: fixed;
	left: 0px;
	width: 100%;
	margin: 0;
	bottom: 0;
	border-radius: 36px 36px 0px 0px;
	padding-top: 20px;
	padding-bottom: 15px;
	z-index: 100;
}

.popup.lounges-join .page .page-footer .card .card-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

.popup.lounges-join .page .page-footer .card .card-content ul {
	width: calc(100% - 40px);
}

.popup.lounges-join .page .page-footer .card .card-content ul li i {
	margin-right: 8px;
	color: #006FFF;
}

.popup.lounges-join .page .page-footer .card .card-content ul li[data-term-agree="true"] .fa-square-check,
.popup.lounges-join .page .page-footer .card .card-content ul li[data-term-agree="false"] .fa-square {
	display: inline;
}

.popup.lounges-join .page .page-footer .card .card-content ul li[data-term-agree="false"] .fa-square-check,
.popup.lounges-join .page .page-footer .card .card-content ul li[data-term-agree="true"] .fa-square {
	display: none;
}

.popup.lounges-join .page .page-footer .card .card-content ul li.item {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	height: 35px;
	width: 100%;
	margin-bottom: 10px;
}

.popup.lounges-join .page .page-footer .card .card-content ul li.item .item-content {
	align-self: center;
	font-size: 16px;
}

.popup.lounges-join .page .page-footer .card .card-content ul li.item[name="termsPenalty"] .item-content :not(i) {
	color: #C8222C;
}

.popup.lounges-join .page .page-footer .card .card-content ul li.item .item-after button {
	width: 60px;
	height: 100%;
	font-size: 15px;
	border-radius: 4px;
	border: 1px solid #DDDDDD;
	border-radius: 8px;
	color: #000;
}

.popup.lounges-join .page .page-footer .card .card-content > button {
	display: inline;
	width: calc(100% - 20px);
	height: 100%;
	padding: 14px;
	border-radius: 12px;
	font-size: 19px;
	color: #FFFFFF;
	margin-top: 10px;
}

.popup.lounges-join .page .page-footer .card .card-content > button i {
	margin-right: 10px;
}
.popup.my-booking-confirm {
	--f7-popup-tablet-width: 450px;	
	--f7-popup-tablet-height: 650px;
	border-radius: 24px;
}

@media (max-width: 629px) {
	.popup.my-booking-confirm {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

/* .navbar */

.popup.my-booking-confirm .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.my-booking-confirm .navbar .navbar-bg {
	background-color: #fff;
}

.popup.my-booking-confirm .navbar .navbar-inner {
	padding: 0px;
}

.popup.my-booking-confirm .navbar .navbar-inner .left .popup-close {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.my-booking-confirm .navbar .navbar-inner .title {
	left: 0px !important;
	font-size: 16px;
	font-weight: bold;
}

.popup.my-coupon {
	--f7-popup-tablet-width: 450px;
	--f7-popup-tablet-height: 650px;
	border-radius: 24px;
}

@media (max-width: 629px) {
	.popup.my-coupon {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

/* .navbar */

.popup.my-coupon .page {
	padding-bottom: 80px;
}

.popup.my-coupon .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.my-coupon .navbar .navbar-bg {
	background-color: #fff;
}

.popup.my-coupon .navbar .navbar-inner {
	padding: 0px;
}

.popup.my-coupon .navbar .navbar-inner .left .popup-close {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.my-coupon .navbar .navbar-inner .title {
	left: 0px !important;
	font-size: 16px;
	font-weight: bold;
}

.popup.my-coupon .page .page-content.coupon-list .card.coupon {
	cursor: pointer;
}

.popup.my-coupon .page .page-content.coupon-list .card.coupon:active {
	opacity: 0.5;
}

/* .page-footer */

.popup.my-coupon .page .page-footer {
	position: absolute;
	bottom: 0px;
	display: flex;
	justify-content: center;
	width: 100%;
	background-color: #FDFDFD;
	border: 1px solid #E4E4E4;
	border-radius: 24px 24px 0px 0px;
	z-index: 10;
}

.popup.my-coupon .page .page-footer .apply {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: calc(100% - 30px);
	height: 100%;
}

.popup.my-coupon .page .page-footer .apply button {
	width: calc(50% - 5px);
	height: 50px;
	margin-top: 10px;
	margin-bottom: 25px;
	border-radius: 24px;
	font-size: 18px;
}

.popup.my-coupon .page .page-footer .apply button[data-btn-apply] {
	background-color: #e8e8e8;
	color: #aaa;
}

.popup.my-coupon .page .page-footer .apply button[data-btn-apply] {
	background-color: #007aff;
	color: #fff;
}

.popup.my-coupon .page .page-footer .apply button[data-btn-apply]:disabled {
	background-color: #e8e8e8;
	color: #aaa;
}

.popup.my-coupon .page .page-footer .apply button.button-outline {
	color: #484848;
	border: 1px solid #E4E4E4;
}
.popup.onepple-pass-auth {
    --f7-popup-tablet-width: 380px;
    --f7-popup-tablet-height: 596px;
    top: calc(50% + 20px);
    border-radius: 16px;
    font-family: 'HGSoftGGothicssi';
    color: #fff;
    font-weight: 200;
    font-size: 24px;
}

@media (max-width: 629px) {
    .popup.onepple-pass-auth {
        --f7-popup-tablet-width: calc(100% - 32px) !important;
        --f7-popup-tablet-height: calc(100% - 82px) !important;
        width: var(--f7-popup-tablet-width);
        height: var(--f7-popup-tablet-height);
        left: 16px;
        top: 66px;
    }
}

.popup.onepple-pass-auth .view {
    height: 100%;
}

.popup.onepple-pass-auth .view .page {
    position: relative;
}

.popup.onepple-pass-auth .view .page .btn-area {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 36px;
    z-index: 1;
}

.popup.onepple-pass-auth .view .page-content {
    height: 100%;
    background-color: #006FFF;
    overflow: hidden;
}

.popup.onepple-pass-auth .view .page-content .title,
.popup.onepple-pass-auth .view .page-content .message {
    color: #fff;
    text-align: center;
}

.popup.onepple-pass-auth .view .page-content .title {
    padding-top: 24px;
    font-size: 26px;
    font-weight: 600;
}

.popup.onepple-pass-auth .view .page-content .block {
    margin: 0;
    padding: 0;
}

.popup.onepple-pass-auth .view .page-content .block .block-header {
    border-bottom: 1px dashed #fff;
}

.popup.onepple-pass-auth .view .page-content .message {
    font-size: 12px;
    color: #CCE2FF;
    gap: 4px;
}

.popup.onepple-pass-auth .view .page-content .message .fail {
    color: #ffd3d6;
}

.popup.onepple-pass-auth .view .page-content .pwd-code-wrap {
    gap: 12px;
}

.popup.onepple-pass-auth .view .page-content .pwd-code-wrap .code {
    border: 1px solid #fff;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup.onepple-pass-auth .view .page-content .pwd-code-wrap .code i {
    display: none;
}

.popup.onepple-pass-auth .view .page-content .pwd-code-wrap .code.done i {
    display: block;
}

.popup.onepple-pass-auth .view .page-content .pwd-code-wrap .code.done {
	border: 1px solid #fff;
	background-color: #fff;
	color: #006FFF;
}

.popup.onepple-pass-auth .view .page-content .pwd-code-wrap.fail .code {
    color: #C8222C;
}

.popup.onepple-pass-auth .view .page-content .keypad-wrap {
	font-size: 0px;
	border: 1px solid #fff;
	background-color: #006FFF;
	border-radius: 14px;
}

.popup.onepple-pass-auth .view .page-content .keypad-wrap .num-keys,
.popup.onepple-pass-auth .view .page-content .keypad-wrap .func-keys {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
}

.popup.onepple-pass-auth .view .page-content .keypad-wrap button.keypad {
	height: 50px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-size: 20px;
	color: #fff;
	font-weight: 400;
	border-radius: 0px;
}


.popup.onepple-pass-auth .view .page-content .keypad-wrap .num-keys button.keypad:nth-child(4n) {
	border-right: 0px;
}

.popup.onepple-pass-auth .view .page-content .keypad-wrap .num-keys button.keypad {
	width: 25%;
}

.popup.onepple-pass-auth .view .page-content .keypad-wrap .func-keys button.keypad {
	border-bottom: 0px;
	width: 50%;
}

.popup.onepple-pass-auth .view .page-content .keypad-wrap .num-keys button.keypad:first-child {
	border-top-left-radius: 12px;
}

.popup.onepple-pass-auth .view .page-content .keypad-wrap .num-keys button.keypad:nth-child(4) {
	border-top-right-radius: 12px;
}

.popup.onepple-pass-auth .view .page-content .keypad-wrap .func-keys button.keypad:first-child {
	border-bottom-left-radius: 12px;
}

.popup.onepple-pass-auth .view .page-content .keypad-wrap .func-keys button.keypad:last-child {
	border-right: 0px;
	border-bottom-right-radius: 12px;
}

.popup.onepple-pass-auth .view .page-content .keypad-wrap button.keypad:active {
	background-color: #fff;
	color: #006FFF;
}

.popup.onepple-pass-auth .view .page-content .block-footer [data-btn-reset-password] {
    border-radius: 12px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}


.popup.onepple-pass-auth .view .page-content .card.auth-phone {
    background-color: #006FFF;
}
.popup.onepple-pass-auth .view .page-content .card.auth-phone .notice {
    font-size: 12px;
    color: #CCE2FF;
    gap: 4px;
    text-align: center;
    margin-bottom: 16px;
}

.popup.onepple-pass-auth .view .page-content .card.auth-phone .reset-password-notice {
    font-size: 12px;
    color: #CCE2FF;
}

.popup.onepple-pass-auth .view .page-content .card.auth-phone button[data-btn-request-auth] {
    background-color: #fff;
    color: #006FFF;
    font-size: 16px;
}

.popup.onepple-pass-auth .view .page-content .card.auth-phone .auth-wrap {
    margin-top: 12px;
    border: none;
}

.popup.onepple-pass-auth .view .page-content .card.auth-phone .auth-wrap .item-content > .item-inner {
    gap: 8px;
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.popup.onepple-pass-auth .view .page-content .card.auth-phone .auth-wrap .item-content > .item-inner input {
    background-color: #fff;
    color: #006FFF;
}

.popup.onepple-pass-auth .view .page-content .card.auth-phone .auth-wrap .item-content > .item-inner button {
    font-size: 12px;
    background-color: #fff;
    color: #006FFF !important;
}

.popup.onepple-pass-auth .view .page-content .card.auth-phone .auth-wrap .item-content > .item-inner .timer-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
}



.popup.onepple-pass-use {
    --f7-popup-tablet-width: 380px;
    --f7-popup-tablet-height: 596px;
    top: calc(50% + 20px);
    border-radius: 16px;
    font-family: 'HGGGothicssi';
    color: #fff;
    font-weight: 200;
    font-size: 24px;
}

@media (max-width: 629px) {
    .popup.onepple-pass-use {
        --f7-popup-tablet-width: calc(100% - 32px) !important;
        --f7-popup-tablet-height: calc(100% - 82px) !important;
        width: var(--f7-popup-tablet-width);
        height: var(--f7-popup-tablet-height);
        left: 16px;
        top: 66px;
    }
}

.popup.onepple-pass-use .view {
    height: 100%;
}

.popup.onepple-pass-use .view .page-content {
    height: 100%;
    background-color: #006FFF;
    overflow: hidden;
}

.popup.onepple-pass-use .view .page-content .list {
    border: none;
}

.popup.onepple-pass-use .view .page-content .block {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}

.popup.onepple-pass-use .view .page-content .block .block-header {
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-top: 24px;
    padding-bottom: 24px;
    border-bottom: 1px dashed #fff;
    position: relative;
}

.popup.onepple-pass-use .view .page-content .block .block-header .title {
    padding: 0 32px;
    font-size: 26px;
    font-weight: 600;
}
.popup.onepple-pass-use .view .page-content .block .block-header .btn-area {
    position: absolute;
    right: 16px;
    top: 16px;
    font-size: 36px;
}

.popup.onepple-pass-use .view .page-content .block .block-content {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow-y: hidden;
    position: relative;
}

.popup.onepple-pass-use .view .page-content .block .block-content .onepple-pass-list {
    width: calc(100% - 64px);
    padding: 0 32px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    overflow-y: auto;
    flex-grow: 1;
    min-height: 0;
}

.popup.onepple-pass-use .view .page-content .block .block-content .onepple-pass-list .onepple-pass-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 28px;
}

.popup.onepple-pass-use .view .page-content .block .block-content .onepple-pass-list .onepple-pass-item:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

.popup.onepple-pass-use .view .page-content .block .block-content .onepple-pass-list .onepple-pass-item .title {
    width: 100%;
    font-size: 26px;
    font-weight: 600;
    margin-top: 32px;
    margin-bottom: 12px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.popup.onepple-pass-use .view .page-content .block .block-content .onepple-pass-list .onepple-pass-item .title .count {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.popup.onepple-pass-use .view .page-content .block .block-content .onepple-pass-list .onepple-pass-item ul.list {
    padding: 0;
    margin: 0;
    padding-left: 24px;
    font-size: 24px;
    font-weight: 200;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 6px;
    overflow-y: auto;
}

.popup.onepple-pass-use .view .page-content .block .block-content .onepple-pass-list .onepple-pass-item ul.list li {
    list-style: disc;
}

.popup.onepple-pass-use .view .page-content .block .block-content .message {
    width: 100%;
    max-width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0;
    margin-bottom: 16px;
    gap: 4px;
    font-size: clamp(16px, 6vw, 24px);
}

.popup.onepple-pass-use .view .page-content .block .block-content .message .scroll-message,
.popup.onepple-pass-use .view .page-content .block .block-content .message .sub-message {
    font-size: 16px;
    font-weight: 200;
    color: #fff;
}

.popup.onepple-pass-use .view .page-content .block .block-content .message::before {
    content: '';
    position: absolute;
    top: -32px;
    left: 0;
    width: 100%;
    height: 36px;
    background-color: #006FFF;
    -webkit-mask: linear-gradient(to top, black 0%, black 50%, transparent 100%);
    mask: linear-gradient(to top, black 0%, black 50%, transparent 100%);
}

.popup.onepple-pass-use .view .page-content .block .block-content .notice-scroll-down {
    width: fit-content;
    position: absolute;
    bottom: calc(100% + 16px);
    right: 0;
    margin-right: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    border-radius: 50%;
    background-color: rgba(0, 111, 255, 0.7);
    padding: 8px;
    color: #FEF35D;
}

.popup.onepple-pass-use .view .page-content .block .block-content .notice-scroll-down[disabled] {
    opacity: 0;
}

.popup.onepple-pass-use .view .page-content .block .block-content .notice-scroll-down > i {
    font-size: 12px;
    animation: blinking 2s infinite;
}

.popup.onepple-pass-use .view .page-content .block .block-content .notice-scroll-down > i:nth-child(1) {
    animation-delay: 0s;
}

.popup.onepple-pass-use .view .page-content .block .block-content .notice-scroll-down > i:nth-child(2) {
    animation-delay: 0.2s;
}

.popup.onepple-pass-use .view .page-content .block .block-content .notice-scroll-down > i:nth-child(3) {
    animation-delay: 0.4s;
}

.popup.onepple-pass-use .view .page-content .block .block-content .notice-scroll-down > span {
    font-size: 12px;
    font-weight: 200;
    margin-top: 8px;
}

.popup.onepple-pass-use .view .page-content .block .block-footer {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-top: 1px solid #fff;
    font-size: 24px;
    font-weight: 200;
    color: #fff;
}

.popup.onepple-pass-use .view .page-content .block .block-footer > .button {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    transition: all 0.3s ease;
    color: #fff;
    font-size: 24px;
    font-weight: 200;
    border-radius: 0;
}

.popup.onepple-pass-use .view .page-content .block .block-footer > .button[disabled] {
    color: rgba(255, 255, 255, 0.6);
}

.popup.onepple-pass-use .view .page-content .block .block-footer > .button:not([disabled]):active {
    background-color: #7bb4ff;
}

.popup.onepple-pass-use .view .page-content .block .block-footer > .button:first-child::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #fff;
}
.popup.onepple-pass {
	--f7-popup-tablet-width: 450px;
	--f7-popup-tablet-height: 750px;

	border-radius: 24px;
}

@media (max-width: 629px) {
	.popup.onepple-pass {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

.popup.onepple-pass .tabs {
    height: 100%;
}

.popup.onepple-pass .navbar {
    height: 50px;
}

.popup.onepple-pass .navbar > .navbar-bg {
    background-color: #fff;
}

.popup.onepple-pass .navbar > .navbar-inner  {
    padding: 0 15px;
}

.popup.onepple-pass .navbar > .navbar-inner > .left > .link.back {
	font-size: 16px;
	border: 1px solid #E4E4E4;
	padding: 8px 10px;
	border-radius: 4px;
	color: #333;
}

.popup.onepple-pass .navbar > .navbar-inner .text-color-blue {
    color: #006AFF;
}

.popup.onepple-pass .navbar > .navbar-inner .text-color-red {
    color: #CF0000;
}

.popup.onepple-pass .navbar > .navbar-inner > .right {
    min-width: 46px;
}

.popup.onepple-pass .navbar > .navbar-inner > .right i {
    font-size: 18px;
}

.popup.onepple-pass .tabs #tab-init-pass .page-content {
    background-color: #027AFF;
}

.popup.onepple-pass .tabs #tab-init-pass .page-content .block {
    height: 100%;
    margin: 0;
}

.popup.onepple-pass .tabs #tab-init-pass .page-content .block .block-header .logo {
    width: 111px;
}

.popup.onepple-pass .tabs #tab-init-pass .page-content .block .block-header .logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.popup.onepple-pass .tabs #tab-init-pass .page-content .block .block-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    width: 100%;
}

.popup.onepple-pass .tabs #tab-init-pass .page-content .block .block-content .onepple-pass-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.popup.onepple-pass .tabs #tab-init-pass .page-content .block .block-content .onepple-pass-title span {
    font-family: 'HGSoftGGothicssi';
    color: #fff;
    font-size: 58px;
    font-weight: 600;
    letter-spacing: 1.5px;
}

.popup.onepple-pass .tabs #tab-init-pass .page-content .block .block-content .icon img {
    width: 58px;
}

.popup.onepple-pass .tabs #tab-init-pass .page-content .block .block-content .provider-title {
    width: 90%;
    height: 80px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup.onepple-pass .tabs #tab-init-pass .page-content .block .block-content .provider-title span {
    font-family: 'HGSoftGGothicssi';
    font-size: 50px;
    font-weight: 600;
    color: #fff;
}

.popup.onepple-pass .tabs #tab-init-pass .page-content .block .block-content .btn-area {
    margin-top: 48px;
}

.popup.onepple-pass .tabs #tab-init-pass button[data-btn-start-auth] {
    background-color: #00439B;
    width: fit-content;
    height: auto;
    padding: 18px 32px;
    border-radius: 80px;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
}

.popup.onepple-pass .tabs #tab-init-pass .page-content .block-footer {
    margin-top: 96px;
    font-family: 'HGSoftGGothicssi';
    font-size: 35px;
    font-weight: 600;
    color: #fff;
}

.popup.onepple-pass .tabs #tab-init-pass .page-content .block-footer .logo {
    gap: 12px;
}

.popup.onepple-pass .tabs #tab-init-pass .page-content .block-footer .logo img {
    width: 47px;
    height: 51px;
}

.popup.onepple-pass .tabs #tab-pass-auth .page-content {
    background-color: #F7F6F3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.popup.onepple-pass .tabs #tab-pass-auth .page-content .block.top {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 5px;
    margin-top: 20px;
}

.popup.onepple-pass .tabs #tab-pass-auth .page-content .block.top .title-area {
    font-weight: 700;
	font-size: 16px;
	width: 100%;
	text-align: center;
}

.popup.onepple-pass .tabs #tab-pass-auth .page-content .block.top .title-area .title-full {
    color: #CF0000;
}

.popup.onepple-pass .tabs #tab-pass-auth .page-content .block.top .phone-number-display {
	margin-top: 20px;
	margin-bottom: 8px;
	font-weight: 600;
	font-size: 24px;
	color: #000;
	height: 24px;
}

.popup.onepple-pass .tabs #tab-pass-auth .page-content .block.top .message {
	font-size: 13px;
	color: #888888;
	letter-spacing: -1px;
	max-width: 100%;
}

.popup.onepple-pass .tabs #tab-pass-auth .page-content .block.input-num-key {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 20px;
    margin-bottom: 50px;
}

.popup.onepple-pass .tabs #tab-pass-auth .page-content .block.input-num-key .row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 27px;
}

.popup.onepple-pass .tabs #tab-pass-auth .page-content .block .row .num {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0px;
	width: 70px;
	height: 70px;
	border: 1px solid #707070;
	border-radius: 50%;
	background-color: #FFFFFF;
	font-weight: 500;
	font-size: 20px;
	color: #333333;
	cursor: pointer;
}

.popup.onepple-pass .tabs #tab-pass-auth .page-content .block.confirm-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 0px;
}

.popup.onepple-pass .tabs #tab-pass-auth .page-content .block.confirm-area [data-btn-confirm] {
    background-color: #006AFF;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    padding: 23px 46px;
    border: none;
    border-radius: 80px;
    width: fit-content;
    height: auto;
}

.popup.onepple-pass .tabs #tab-init-pass-failed,
.popup.onepple-pass .tabs #tab-result-auth {
    font-family: 'HGSoftGGothicssi';
    font-size: 54px;
    font-weight: 200;
}

.popup.onepple-pass .tabs #tab-init-pass-failed .page-content .block,
.popup.onepple-pass .tabs #tab-result-auth .page-content .block {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    line-height: 1.2;
}

.popup.onepple-pass .tabs #tab-init-pass-failed .page-content  .block .block-header,
.popup.onepple-pass .tabs #tab-result-auth .page-content .block .block-header {
    padding-bottom: 12px;
}

.popup.onepple-pass .tabs #tab-init-pass-failed .page-content  .block .block-content,
.popup.onepple-pass .tabs #tab-result-auth .page-content .block .block-content {
    padding-bottom: 24px;
}

.popup.onepple-pass .tabs #tab-init-pass-failed .page-content .block .block-footer,
.popup.onepple-pass .tabs #tab-result-auth .page-content .block .block-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.popup.onepple-pass .tabs #tab-init-pass-failed strong,
.popup.onepple-pass .tabs #tab-result-auth strong {
    font-weight: 800;
    font-size: 68px;
    line-height: 1.4;
}

.popup.onepple-pass .tabs #tab-result-auth .page-content.success {
    background-color: #000000;
    color: #fff;
}

.popup.onepple-pass .tabs #tab-result-auth .page-content.success .auth-message {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 48px;
    gap: 12px;
}

.popup.onepple-pass .tabs #tab-result-auth .page-content.success .auth-message .message-complete {
    position: relative;
}

.popup.onepple-pass .tabs #tab-result-auth .page-content.success .auth-message .message-complete img.logo-jejupay-circle {
    width: 64px;
    height: 64px;
    position: absolute;
    opacity: 0.8;
    right: -32px;
    top: 50%;
    transform: translateY(-50%) rotate(-15deg);
}

.popup.onepple-pass .tabs #tab-init-pass-failed .page-content a ,
.popup.onepple-pass .tabs #tab-result-auth .page-content a ,
.popup.onepple-pass .tabs #tab-result-auth .page-content button {
    background-color: #333;
    font-size: 28px;
    height: auto;
    border-radius: 12px;
}

.popup.onepple-pass .tabs #tab-result-auth .page-content.success button {
    font-weight: 600;
    padding: 18px 48px;
    color: #FFFBB2;
}

.popup.onepple-pass .tabs #tab-init-pass-failed .page-content a ,
.popup.onepple-pass .tabs #tab-result-auth .page-content.fail a {
    font-weight: 200;
    font-size: 24px;
    padding: 18px 36px;
    color: #ffffff;
}

.popup.onepple-pass .tabs #tab-init-pass-failed .page-content,
.popup.onepple-pass .tabs #tab-result-auth .page-content.fail {
    background-color: #E8E8E8;
    color: #000;
}

.popup.onepple-pass .tabs #tab-init-pass-failed .page-content .message-fail {
    font-size: 44px;
}

.popup.onepple-pass .tabs #tab-init-pass-failed .page-content .message-expired {
    font-size: 36px;
}

.popup.onepple-pass .tabs #tab-init-pass-failed .page-content .block .block-footer span,
.popup.onepple-pass .tabs #tab-result-auth .page-content.fail .block-footer span {
    font-size: 18px;
    font-weight: 200;
    color: #333;
    margin-bottom: 12px;
}

.popup.onepple-pass .tabs #tab-pass-content .page-content {
    position: relative;
    background-color: #000;
    font-family: 'HGSoftGGothicssi';
    padding-bottom: 120px;
}

.popup.onepple-pass .tabs #tab-pass-content .page-content .block-header {
    padding-bottom: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 4px;
    font-size: 14px;
    font-weight: 200;
    color: #fff;
}

.popup.onepple-pass .tabs #tab-pass-content .page-content .block-header .row {
    gap: 8px;
}

.popup.onepple-pass .tabs #tab-pass-content .page-content .block-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.popup.onepple-pass .tabs #tab-pass-content .page-content .block-content .usable-pass-list,
.popup.onepple-pass .tabs #tab-pass-content .page-content .block-content .used-done-pass-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.popup.onepple-pass .tabs #tab-pass-content .page-content .block-content .pass-item {
    width: 100%;
    height: 124px;
    border-radius: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.popup.onepple-pass .tabs #tab-pass-content .page-content .block-content .pass-item .left {
    border-right: 1px dashed #fff;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
}

.popup.onepple-pass .tabs #tab-pass-content .page-content .block-content .pass-item .left .left-inner {
    width: 100%;
    padding: 22px;
    height: auto;
    font-size: 24px;
    font-weight: 200;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    overflow: hidden;
    font-size: clamp(20px, 5vw, 24px);
}

.popup.onepple-pass .tabs #tab-pass-content .page-content .block-content .pass-item .left .left-inner .title {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
}

.popup.onepple-pass .tabs #tab-pass-content .page-content .block-content .pass-item .left .left-inner .title-text {
    width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.popup.onepple-pass .tabs #tab-pass-content .page-content .block-content .pass-item .left .left-inner .count {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin: 0;
}

.popup.onepple-pass .tabs #tab-pass-content .page-content .block-content .pass-item .left .left-inner > .desc {
    width: 100%;
}

.popup.onepple-pass .tabs #tab-pass-content .page-content .block-content .pass-item .left .left-inner > .desc > span:first-child {
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.popup.onepple-pass .tabs #tab-pass-content .page-content .block-content .pass-item .left .left-inner > .desc > span.link {
    font-weight: 800;
    font-size: 14px;
    text-wrap: nowrap;
    color: #FEF35D;
}
.popup.onepple-pass .tabs #tab-pass-content .page-content .block-content .pass-item .right {
    width: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 22px;
    padding-bottom: 22px;
}

.popup.onepple-pass .tabs #tab-pass-content .page-content .block-content .pass-item .right .right-inner i {
    font-size: 50px;
}

.popup.onepple-pass .tabs #tab-pass-content .page-content .block-content .usable-pass-list .pass-item {
    background-color: #006AFF;
}

.popup.onepple-pass .tabs #tab-pass-content .page-content .block-content .used-done-pass-list:not(:empty) {
    margin-top: 12px;
    border-top: 1px solid #fff;
}

.popup.onepple-pass .tabs #tab-pass-content .page-content .block-content .used-done-pass-list .pass-item {
    background-color: #333;
}

.popup.onepple-pass .tabs #tab-pass-content .page-content .block-content .used-done-pass-list .pass-item .left .left-inner {
    gap: 2px;
}

.popup.onepple-pass .tabs #tab-pass-content .page-content .block-content .used-done-pass-list .pass-item .left .title-text,
.popup.onepple-pass .tabs #tab-pass-content .page-content .block-content .used-done-pass-list .pass-item .left .desc {
    text-decoration: line-through;
}

.popup.onepple-pass .tabs #tab-pass-content .page-content .block-content .used-done-pass-list .pass-item .left .date {
    font-size: 14px;
}

.popup.onepple-pass .tabs #tab-pass-content .page-content .block-content .used-done-pass-list .pass-item .right .right-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.popup.onepple-pass .tabs #tab-pass-content .page-content .block-content .usable-pass-list .pass-item.selected .right .right-inner i.fa-thin {
    display: none;
}

.popup.onepple-pass .tabs #tab-pass-content .page-content .block-content .usable-pass-list .pass-item.selected .right .right-inner i.fa-solid {
    display: block !important;
}

.popup.onepple-pass .tabs #tab-pass-content .page-content .block-content .usable-pass-list .pass-item .right .right-inner i {
    opacity: 0.5;
}

.popup.onepple-pass .tabs #tab-pass-content .page-content .block-content .usable-pass-list .pass-item.selected .right .right-inner i {
    opacity: 1;
}

.popup.onepple-pass .tabs #tab-pass-content .page-content .block-content .used-done-pass-list .pass-item .right .right-inner span {
    font-size: 16px;
}
.popup.onepple-pass .tabs #tab-pass-content .page-content .block-content .used-done-pass-list {
    padding-top: 24px;
}

.popup.onepple-pass .tabs #tab-pass-content .page-content .btn-area {
    position: fixed;
    bottom: 64px;
    width: 100%;
    z-index: 10;
}

.popup.onepple-pass .tabs #tab-pass-content .page-content .btn-area button {
    margin: 0 16px;
    background-color: #006AFF;
    font-size: 20px;
    font-weight: 200;
    color: #fff;
    padding: 12px 24px;
    border-radius: 12px;
    height: auto;
    width: calc(100% - 32px);
    border: 4px solid #006AFF;
    position: relative;
    box-shadow: inset 0 0 12px 0 rgba(0, 0, 0, 0.25);
}

/* .popup.onepple-pass .tabs #tab-pass-content-used-detail .page-content .card.pass-result .message */
.popup.onepple-pass .tabs #tab-pass-content-used-detail .color-green {
    color: #22C55E;
}

.popup.onepple-pass .tabs #tab-pass-content-used-detail .color-yellow {
    color: #FFFBB2;
}

.popup.onepple-pass .tabs #tab-pass-content-used-detail .color-red {
    color: #ff2929;
}

.popup.onepple-pass .tabs #tab-pass-content-used-detail .page {
    position: relative;
}

.popup.onepple-pass .tabs #tab-pass-content-used-detail .page-content {
    background-color: #000;
    color: #fff;
    font-family: 'HGSoftGGothicssi';
    padding-bottom: 120px;
    padding-top: 50px;
}

.popup.onepple-pass .tabs #tab-pass-content-used-detail .btn-area {
    position: absolute;
    bottom: 60px;
    width: 80%;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 auto;
    z-index: 10;
}

.popup.onepple-pass .tabs #tab-pass-content-used-detail .btn-area button {
    background-color: #006AFF;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    padding: 12px 24px;
    border-radius: 12px;
    height: auto;
    letter-spacing: 2px;
}

.popup.onepple-pass .tabs #tab-pass-content-used-detail .page-content .title {
    font-size: 20px;
    font-weight: 600;
}

.popup.onepple-pass .tabs #tab-pass-content-used-detail .page-content .card {
    background-color: #1c1c1e;
    border: none;
}

.popup.onepple-pass .tabs #tab-pass-content-used-detail .page-content .card.pass-result .icon img {
    width: 60px;
}

.popup.onepple-pass .tabs #tab-pass-content-used-detail .page-content .card.pass-result .title {
    font-size: 24px;
    font-weight: 600;
}

.popup.onepple-pass .tabs #tab-pass-content-used-detail .page-content .card.pass-result .message {
    position: relative;
    font-size: 26px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 6px;
    margin-bottom: 6px;
}

.popup.onepple-pass .tabs #tab-pass-content-used-detail .page-content .card.pass-result .message img {
    width: 50px;
    height: 50px;
    position: absolute;
    opacity: 0.8;
    right: -42px;
    top: 50%;
    transform: translateY(-50%) rotate(-15deg);
}

.popup.onepple-pass .tabs #tab-pass-content-used-detail .page-content .card.pass-item .card-header::after {
    background-color: #374151;
}

.popup.onepple-pass .tabs #tab-pass-content-used-detail .page-content .card.pass-item .card-header > div {
    gap: 8px;
}

.popup.onepple-pass .tabs #tab-pass-content-used-detail .page-content .card.pass-item .card-header .icon i {
    font-size: 40px;
}

.popup.onepple-pass .tabs #tab-pass-content-used-detail .page-content .card.pass-item .card-header .icon {
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
}

.popup.onepple-pass .tabs #tab-pass-content-used-detail .page-content .card.pass-item .card-header .date {
    font-size: 12px;
    color: #8E8E8E;
}

.popup.onepple-pass .tabs #tab-pass-content-used-detail .page-content .card .benefit,
.popup.onepple-pass .tabs #tab-pass-content-used-detail .page-content .card .pass-notice {
    background-color: #161A23;
    border: 1px solid #374151;
    border-radius: 12px;
}

.popup.onepple-pass .tabs #tab-pass-content-used-detail .page-content .card .benefit {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
}

.popup.onepple-pass .tabs #tab-pass-content-used-detail .page-content .card .pass-notice .notice-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
}

.popup.onepple-pass .tabs #tab-pass-content-used-detail .page-content .card .pass-notice .notice-item {
    font-size: 14px;
    font-weight: 400;
}

.popup.partial-cancel-air-reservation {
	--f7-popup-tablet-width: 450px;
	--f7-popup-tablet-height: 550px;
	border-radius: 24px;
}

@media (max-width: 629px) {
	.popup.partial-cancel-air-reservation {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

/* .navbar */

.popup.partial-cancel-air-reservation .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.partial-cancel-air-reservation .navbar .navbar-bg {
	background-color: #fff;
}

.popup.partial-cancel-air-reservation .navbar .navbar-inner {
	padding: 0px;
}

.popup.partial-cancel-air-reservation .navbar .navbar-inner .left .popup-close {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.partial-cancel-air-reservation .navbar .navbar-inner .title {
	font-weight: bold;
}

.popup.partial-cancel-air-reservation .navbar .navbar-inner .title i {
	margin-right: 5px;
}

.popup.partial-cancel-air-reservation .navbar .navbar-inner .right {
	padding: 10px;
	margin-left: 0;
	margin-right: 15px;
	font-size: 20px;
	color: #B7B7B7;
}

/*.popup.partial-cancel-air-reservation .page .page-content .card.billing-info .card-content .card-quota-wrap {*/

.popup.partial-cancel-air-reservation .page {
	background-color: #F7F6F3;
	overflow-y: scroll;
}

/* .popup.partial-cancel-air-reservation .page .page-content .card.billing-info */

.popup.partial-cancel-air-reservation .page .page-content .card.reservation {
	margin-top: 15px;
	margin-bottom: 15px;
}

.popup.partial-cancel-air-reservation .page .page-content .card.reservation .block-header {
	font-weight: bold;
	color: #000000;
	font-size: 16px;
	padding: 0;
	padding-left: 10px;
}

.popup.partial-cancel-air-reservation .page .page-content .card.reservation .card-content {
	margin: 0;
	padding: 5px 10px;
	padding-bottom: 10px;
}

.popup.partial-cancel-air-reservation .page .page-content .card.reservation .card-content:not(:last-child){
	margin-bottom: 8px;
}

.popup.partial-cancel-air-reservation .page .page-content .card.reservation .card-content .card-header {
	padding: 5px;
}

.popup.partial-cancel-air-reservation .page .page-content .card.reservation .card-content .card-header span.trip-type {
	font-weight: bold;
	font-size: 14px;
	color: #C8222C;
	margin-right: 5px;
}

.popup.partial-cancel-air-reservation .page .page-content .card.reservation .card-content .card-content {
	padding: 5px;
}

.popup.partial-cancel-air-reservation .page .page-content .card.reservation .card-content table {
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
}

.popup.partial-cancel-air-reservation .page .page-content .card.reservation .card-content table thead {
	background-color: #E4E4E4;
}

.popup.partial-cancel-air-reservation .page .page-content .card.reservation .card-content table .price-total .right {
	font-weight: 700;
}

.popup.partial-cancel-air-reservation .page .page-content .card.reservation .card-content table td {
	padding: 3px;
	border: 1px solid #D8D8D8;
	text-align: center;
}

.popup.partial-cancel-air-reservation .page .page-content .card.reservation .card-content .pay-expiry {
	color: #C8222C;
}

.popup.partial-cancel-air-reservation .page .page-content .card.reservation .card-content .status .right {
	color: #C8222C;
}


.popup.partial-cancel-air-reservation .page .page-content .card.reservation .block-footer {
	padding: 10px;
	font-size: 16px;
}

.popup.partial-cancel-air-reservation .page .page-content .card.reservation .block-footer .row {
	color: #000000;
}

.popup.partial-cancel-air-reservation .page .page-content .card.reservation .block-footer .row .right span {
	font-weight: bold;
	margin-right: 5px;
	color: #006FFF;
}

.popup.partial-cancel-air-reservation .passenger-list .passenger .left [data-cancel-check=true] .fa-square,
.popup.partial-cancel-air-reservation .passenger-list .passenger .left [data-cancel-check=false] .fa-square-check {
	display: none;
}

.popup.partial-cancel-air-reservation .passenger-list .passenger .left [data-cancel-check=true] .fa-square-check,
.popup.partial-cancel-air-reservation .passenger-list .passenger .left [data-cancel-check=false] .fa-square {
	display: inline;
}

.popup.partial-cancel-air-reservation .page .page-content .card.reservation .card-footer i {
	margin:  0 4px;
}

.popup.partial-cancel-air-reservation .page .page-content .card.reservation .card-footer {
	border-top: 1px solid #E4E4E4;
}

.popup.partial-cancel-air-reservation .page .page-content .card.reservation .card-footer .notice {
	font-weight: 600;
	font-size: 16px;
	color: #C8222C;
}

.popup.partial-cancel-air-reservation .page .page-content .btn-area {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 24px 0;
}

.popup.partial-cancel-air-reservation .page .page-content .btn-area button {
	margin: 0 8px;
	height: 100%;
	padding: 8px 16px;
	font-size: 17px;
	border-radius: 10px;
}

.popup.partial-cancel-air-reservation .page .page-content .btn-area button.btn-cancel {
	color: #C8222C;
	border-color: #C8222C;
	background-color: #FFEEF0;
}
.popup.pay-cancel-reservation {
	--f7-popup-tablet-width: 450px;
	--f7-popup-tablet-height: 650px;
	border-radius: 24px;
}

@media (max-width: 629px) {
	.popup.pay-cancel-reservation {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

/* .navbar */

.popup.pay-cancel-reservation .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.pay-cancel-reservation .navbar .navbar-bg {
	background-color: #fff;
}

.popup.pay-cancel-reservation .navbar .navbar-inner {
	padding: 0px;
}

.popup.pay-cancel-reservation .navbar .navbar-inner .left .popup-close {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.pay-cancel-reservation .navbar .navbar-inner .title {
	left: 0px !important;
	font-size: 16px;
	font-weight: bold;
}

.popup.pay-cancel-reservation .navbar .navbar-inner .right {
	width: 50px;
}

/* .popup.pay-cancel-reservation .page */

/* .popup.pay-cancel-reservation .page > .tabs */
 .popup.pay-cancel-reservation .page > .tabs  #tab-confirm-refund.page-content .card.reservation-info {
 	padding: 16px;
 	margin-bottom: 0px;
 }

 .popup.pay-cancel-reservation .page > .tabs  #tab-confirm-refund.page-content .card.reservation-info .card-header {
 	padding: 0;
 	display: flex;
 	flex-direction: column;
 	align-items: flex-start;
 }

 .popup.pay-cancel-reservation .page > .tabs  #tab-confirm-refund.page-content .card.reservation-info .card-header .title {
 	font-weight: 700;
 	color: #333333;
 	margin-bottom: 5px;
 }

 .popup.pay-cancel-reservation .page > .tabs  #tab-confirm-refund.page-content .card.reservation-info .card-header .subtitle {
 	width: 100%;
	padding-bottom: 10px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	color: #888888;
}

  .popup.pay-cancel-reservation .page > .tabs  #tab-confirm-refund.page-content .card.reservation-info .card-content {
	padding: 0;
	padding-top: 10px;
}

.popup.pay-cancel-reservation .page > .tabs  #tab-confirm-refund.page-content .card.reservation-info .card-content .row {
   	margin-bottom: 10px;
}

.popup.pay-cancel-reservation .page > .tabs  #tab-confirm-refund.page-content .card.reservation-info .card-content .row .left {
	color: #888888;
}


.popup.pay-cancel-reservation .page > .tabs  #tab-confirm-refund.page-content .card.reservation-info .rules {
	/*padding: 0;*/
	position: relative;

}

.popup.pay-cancel-reservation .page > .tabs  #tab-confirm-refund.page-content .card.reservation-info .rules .toolbar {
	border: 1px solid #E4E4E4;
	border-radius: 4px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom: none;
	top: 0;
}


.popup.pay-cancel-reservation .page > .tabs  #tab-confirm-refund.page-content .card.reservation-info .rules .tab {
	padding: 15px;
	height: 160px;
	margin-bottom: 10px;
	border-radius: 4px;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border: 1px solid #E4E4E4;
	border-top: none;
	overflow-y: scroll;
}

.popup.pay-cancel-reservation .page > .tabs  #tab-confirm-refund.page-content .card.reservation-info .rules .terms.list {
	border: none;
	display: flex;
	justify-content: flex-start;
}

.popup.pay-cancel-reservation .page > .tabs  #tab-confirm-refund.page-content .card.reservation-info .rules .terms.list .item-content {
	padding: 0;
	justify-content: flex-start;
	cursor: pointer;
}

.popup.pay-cancel-reservation .page > .tabs  #tab-confirm-refund.page-content .card.reservation-info .rules .terms.list [data-term-agree] i {
	color: #006FFF;
	margin-right: 15px;
}

.popup.pay-cancel-reservation .page > .tabs  #tab-confirm-refund.page-content .card.reservation-info .rules .terms.list [data-term-agree="true"] i.fa-square-check,
.popup.pay-cancel-reservation .page > .tabs  #tab-confirm-refund.page-content .card.reservation-info .rules .terms.list [data-term-agree="false"] i.fa-square{
	display: inline;
}

.popup.pay-cancel-reservation .page > .tabs  #tab-confirm-refund.page-content .card.reservation-info .rules .terms.list [data-term-agree="false"] i.fa-square-check,
.popup.pay-cancel-reservation .page > .tabs  #tab-confirm-refund.page-content .card.reservation-info .rules .terms.list [data-term-agree="true"] i.fa-square {
	display: none;
}

/*.popup.pay-cancel-reservation .page > .tabs  #tab-confirm-refund.page-content .card.button-area*/

.popup.pay-cancel-reservation .page > .tabs  #tab-confirm-refund.page-content .card.button-area {
	padding: 16px;
	margin-top: 5px;
}

.popup.pay-cancel-reservation .page > .tabs  #tab-confirm-refund.page-content .card.button-area .card-content {
	padding: 0;
	display: flex;
	flex-direction: row;
}

.popup.pay-cancel-reservation .page > .tabs  #tab-confirm-refund.page-content .card.button-area .card-content button {
	border-radius: 4px;
	border: 1px solid #E4E4E4;
	padding: 5px;
	height: 100%;
	margin: 0 5px;
}

/*.popup.pay-cancel-reservation .page > .tabs  #tab-refund-vbank*/

.popup.pay-cancel-reservation .page > .tabs  #tab-refund-vbank.page-content .card.bank-information {
 	padding: 16px;
 	margin-bottom: 0px;
}

.popup.pay-cancel-reservation .page > .tabs  #tab-refund-vbank.page-content .card.bank-information .card-header {
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.popup.pay-cancel-reservation .page > .tabs  #tab-refund-vbank.page-content .card.bank-information .card-header .title {
	font-weight: 700;
	color: #333333;
	margin-bottom: 5px;
}

.popup.pay-cancel-reservation .page > .tabs  #tab-refund-vbank.page-content .card.bank-information .card-header .subtitle {
	padding-bottom: 10px;
	color: #888888;
}

.popup.pay-cancel-reservation .page > .tabs  #tab-refund-vbank.page-content .card.bank-information .card-content {
	padding: 0;
	padding-top: 10px;
}

.popup.pay-cancel-reservation .page > .tabs  #tab-refund-vbank.page-content .card.bank-information .card-content .row {
	margin-bottom: 10px;
	align-items: center;
}

.popup.pay-cancel-reservation .page > .tabs  #tab-refund-vbank.page-content .card.bank-information .card-content .row .left {
	color: #888888;
}

.popup.pay-cancel-reservation .page > .tabs  #tab-refund-vbank.page-content .card.bank-information .card-content .row .right {
	color: #333333;
}

.popup.pay-cancel-reservation .page > .tabs  #tab-refund-vbank.page-content .card.bank-information .card-content .row.charge .right {
	padding-top: 15px;
	padding-bottom: 15px;
}

.popup.pay-cancel-reservation .page > .tabs  #tab-refund-vbank.page-content .card.bank-information .card-content .row.bank .right {
	padding-top: 9px;
	padding-bottom: 8px;
}

.popup.pay-cancel-reservation .page > .tabs  #tab-refund-vbank.page-content .card.bank-information .card-content .row .right .bank-select-wrap {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	border: 1px solid #AAAAAA;
	border-radius: 4px;
	cursor: pointer;
	width: 155px;
}

.popup.pay-cancel-reservation .page > .tabs  #tab-refund-vbank.page-content .card.bank-information .card-content .row .right .bank-select-wrap select {
	font-size: 14px;
	padding: 8px 13px;
	width: 100%;
	cursor: pointer;
	z-index: 1;
}

.popup.pay-cancel-reservation .page > .tabs  #tab-refund-vbank.page-content .card.bank-information .card-content .row .right .bank-select-wrap i {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.popup.pay-cancel-reservation .page > .tabs  #tab-refund-vbank.page-content .card.bank-information .card-content .row .right .list {
	border: none;
}

.popup.pay-cancel-reservation .page > .tabs  #tab-refund-vbank.page-content .card.bank-information .card-content .row .right .list .item-content {
	padding: 0;
}

.popup.pay-cancel-reservation .page > .tabs  #tab-refund-vbank.page-content .card.bank-information .card-content .row .right .list .item-inner {
	padding-right: 0;
}

.popup.pay-cancel-reservation .page > .tabs  #tab-refund-vbank.page-content .card.bank-information .card-content .row .right .list .item-inner input {
	border: none;
	padding: 10px 10px;
}

.popup.pay-cancel-reservation .page > .tabs  #tab-refund-vbank.page-content .card.notice {
	padding: 16px;
	font-weight: 600;
	color: #C8222C;
	margin-top: 8px;
	margin-bottom: 8px;
}

.popup.pay-cancel-reservation .page > .tabs  #tab-refund-vbank.page-content .button-area {
	padding: 0 16px;
}
.popup.pay-cancel-reservation .page > .tabs  #tab-refund-vbank.page-content .button-area button[data-btn-confirm] {
	padding: 15px;
	border-radius: 14px;
	height: 100%;
	font-size: 16px;
}
.popup.pay-card-register {
	--f7-popup-tablet-width: 450px;	
	--f7-popup-tablet-height: 570px;
	border-radius: 24px;
	z-index: 10999;
}

@media (max-width: 629px) {
	.popup.pay-card-register {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}

	.popup.pay-card-register .page .page-content .card.regist-info {
		font-size: 3.3vw;
	}
}

/* .navbar */
.popup.pay-card-register .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.pay-card-register .navbar .navbar-bg {
	background-color: #fff;
}

.popup.pay-card-register .navbar .navbar-inner {
	padding: 0px;
}

.popup.pay-card-register .navbar .navbar-inner .left .popup-close {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.pay-card-register .navbar .navbar-inner .title {
	font-weight: bold;
}

.popup.pay-card-register .navbar .navbar-inner .title i {
	margin-right: 0.3em;
}

/* .page */
.popup.pay-card-register .page {
	background-color: #F7F6F3;
}
.popup.pay-card-register .page .page-content {
	overflow-x: hidden;
}

.popup.pay-card-register .page .page-content .card.regist-info {
	padding-bottom: 24px;
}

.popup.pay-card-register .page .page-content .card.regist-info .card-header {
	justify-content: space-between;
	margin: 0 16px;
	padding: 16px 0;
}

.popup.pay-card-register .page .page-content .card.regist-info .card-header .title {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.popup.pay-card-register .page .page-content .card.regist-info .card-header .title i {
	margin-right: 0.5em;
}

.popup.pay-card-register .page .page-content .card.regist-info .card-header .title img {
	width: 5.5em;
	margin-right: 0.5em;
}

/*.card-quota-wrap */

.popup.pay-card-register .page .page-content .card.regist-info .card-header .card-quota-wrap {
	position: relative;	
	display: flex;
	justify-content: column;
	width: 100px;
	height: 35px;
	border: 1px solid #aaa;
	cursor: pointer;
	border-radius: 4px;
}

.popup.pay-card-register .page .page-content .card.regist-info .card-header .card-quota-wrap select {
	font-weight: 500;
	font-size: 14px;
	width: 100%;
	padding-left: 13px;
	cursor: pointer;
	z-index: 1;
}

.popup.pay-card-register .page .page-content .card.regist-info .card-header .card-quota-wrap i {
	position: absolute;
	margin: 0;
	font-size: 18px;
	right: 10px;
	top: 8px;
}

.popup.pay-card-register .page .page-content .card.regist-info .card-content .row {
	padding: 0.5em 1.5em;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.popup.pay-card-register .page .page-content .card.regist-info .card-content .row .left {
	font-weight: 600;
	color: #888888;
	align-self: center;
}

.popup.pay-card-register .page .page-content .card.regist-info .card-content .row .right {
	width: 80%;
	display: flex;
}

.popup.pay-card-register .page .page-content .card.regist-info .card-content .row .right .input {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

.popup.pay-card-register .page .page-content .card.regist-info .card-content .row .right .input span {
	display: flex;
	align-self: center;
}

.popup.pay-card-register .page .page-content .card.regist-info .card-content .row input {
	width: 4.6em;
	height: 2em;
	border: 1px solid #ddd;
	border-radius: 0.3em;
	text-align: center;
	margin-right: 0.4em;
}

.popup.pay-card-register .page .page-content .card.regist-info .card-content .radio .item-radio:active {
	background-color: rgba(0, 0, 0, 0);
	opacity: 0.5;
}


.popup.pay-card-register .page .page-content .card.regist-info .card-content .row input:last-child {
	margin: 0;
}

.popup.pay-card-register .page .page-content .card.regist-info .card-content .radio input ~ .item-inner .fa-circle-dot,
.popup.pay-card-register .page .page-content .card.regist-info .card-content .radio input:checked ~ .item-inner .fa-circle { display: none; }
.popup.pay-card-register .page .page-content .card.regist-info .card-content .radio input:checked ~ .item-inner .fa-circle-dot { display: inline-block; }


.popup.pay-card-register .page .page-content .card.regist-info .card-content .row.card-bn input,
.popup.pay-card-register .page .page-content .card.regist-info .card-content .row.card-ssn input {
	width: calc(9.2em + 0.4em);
}


/*.popup.pay-card-register #tab-regist-card-pwd .block.top*/

.popup.pay-card-register #tab-regist-card-pwd .block.top {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 25px;
}

.popup.pay-card-register #tab-regist-card-pwd .block.top .title {
	font-weight: 700;
	font-size: 16px;
	width: 100%;
	text-align: center;
}

.popup.pay-card-register #tab-regist-card-pwd .block.top .message {
	font-size: 13px;
	color: #888888;
	letter-spacing: -1px;
	max-width: 100%;
}

.popup.pay-card-register #tab-regist-card-pwd .block.top .message .again,
.popup.pay-card-register #tab-regist-card-pwd .block.top .message .fail {
	color: #006FFF;
}

.popup.pay-card-register #tab-regist-card-pwd .block.top .pwd-code-wrap {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 20px 0;
}

.popup.pay-card-register #tab-regist-card-pwd .block.top .pwd-code-wrap .code {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	border: 1px solid #707070;
	border-radius: 50%;
	background-color: #FFFFFF;
	color: #333333;
	margin: 0 4px;
}

.popup.pay-card-register #tab-regist-card-pwd .block.top .pwd-code-wrap .code .fa-asterisk {
	display: none;
}

.popup.pay-card-register #tab-regist-card-pwd .block.top .pwd-code-wrap .code.done {
	border: 1px solid #006FFF;
	background-color: #F1F8FF;
	color: #006FFF;
}

.popup.pay-card-register #tab-regist-card-pwd .block.top .pwd-code-wrap .code.done .fa-asterisk {
	display: block;
}

.popup.pay-card-register #tab-regist-card-pwd .block.top .pwd-code-wrap.fail .code.done {
	border: 1px solid #C8222C;
	background-color: #FFEEF0;
	color: #C8222C;
}

.popup.pay-card-register #tab-regist-card-pwd .block.top .pwd-code-wrap .code i {
	font-weight: 700;
	font-size: 16px;
}

.popup.pay-card-register #tab-regist-card-pwd .block.top .description {
	color: #C8222C;
}

.popup.pay-card-register #tab-regist-card-pwd .block.top .description i {
	margin-right: 5px;
}

@keyframes shake {
	0% {
		transform: translate(0, 0) rotate(0);
	}
	20% {
		transform: translate(-10px, 0) rotate(-20deg);
	}
	40% {
		transform: translate(10px, 0) rotate(20deg);
	}
	60% {
		transform: translate(-10px, 0) rotate(-20deg);
	}
	80% {
		transform: translate(10px, 0) rotate(20deg);
	}
	100% {
		transform: translate(0, 0) rotate(0);
	}
}

.popup.pay-card-register .page-content .pwd-code-wrap .code.shake {
  animation: shake 0.5s infinite;
}
/*.popup.pay-card-register #tab-regist-card-pwd .block.block-keypad */

.popup.pay-card-register #tab-regist-card-pwd .block.block-keypad .keypad-wrap {
	font-size: 0px;
	border: 1px solid #ddd;
	background-color: #fff;	
	border-radius: 14px;

}

.popup.pay-card-register #tab-regist-card-pwd .block.block-keypad .num-keys,
.popup.pay-card-register #tab-regist-card-pwd .block.block-keypad .func-keys {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
}

.popup.pay-card-register #tab-regist-card-pwd .block.block-keypad button.keypad {
	height: 50px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 20px;
	color: #000;
	font-weight: 400;
	border-radius: 0px;
}

.popup.pay-card-register #tab-regist-card-pwd .block.block-keypad .num-keys button.keypad:nth-child(4n) {
	border-right: 0px;
}

.popup.pay-card-register #tab-regist-card-pwd .block.block-keypad .num-keys button.keypad {
	width: 25%;
}

.popup.pay-card-register #tab-regist-card-pwd .block.block-keypad .func-keys button.keypad {
	border-bottom: 0px;
	width: 50%;
}

.popup.pay-card-register #tab-regist-card-pwd .block.block-keypad .num-keys button.keypad:first-child {
	border-top-left-radius: 12px;
}

.popup.pay-card-register #tab-regist-card-pwd .block.block-keypad .num-keys button.keypad:nth-child(4) {
	border-top-right-radius: 12px;
}

.popup.pay-card-register #tab-regist-card-pwd .block.block-keypad .func-keys button.keypad:first-child {
	border-bottom-left-radius: 12px;
}

.popup.pay-card-register #tab-regist-card-pwd .block.block-keypad .func-keys button.keypad:last-child {
	border-right: 0px;
	border-bottom-right-radius: 12px;
}

/*.popup.pay-card-register #tab-regist-card-pwd .card.card-regist-again */

.popup.pay-card-register #tab-regist-card-pwd .card.card-regist-again .card-content .notice {
	font-weight: 600;
	font-size: 14px;
	text-align: center;
	margin: 10px;
	margin-bottom: 20px;
}

.popup.pay-card-register #tab-regist-card-pwd .card.card-regist-again .card-content .button-wrap > button {
	width: 100%;
	height: 32px;
	margin: 10px 0;
	border-radius: 4px;
	border: 1px solid #E4E4E4;
	color: #000;
}

.popup.pay-confirmation {
	--f7-popup-tablet-width: 450px;
	--f7-popup-tablet-height: 650px;
	border-radius: 24px;
}

@media (max-width: 629px) {
	.popup.pay-confirmation {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

/* .navbar */

.popup.pay-confirmation .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.pay-confirmation .navbar .navbar-bg {
	background-color: #fff;
}

.popup.pay-confirmation .navbar .navbar-inner {
	padding: 0px;
}

.popup.pay-confirmation .navbar .navbar-inner .left .popup-close {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.pay-confirmation .navbar .navbar-inner .title {
	left: 0px !important;
	font-size: 16px;
	font-weight: bold;
}

.popup.pay-confirmation .navbar .navbar-inner .right {
	width: 50px;
}

/*.popup.pay-confirmation .page*/


/*.popup.pay-confirmation .page #tab-payment-list*/

.popup.pay-confirmation .page #tab-payment-list.page-content .card.receipts-list .card-header {
	padding: 10px;
	font-weight: 700;
	display: flex;
	justify-content: center;
}

.popup.pay-confirmation .page #tab-payment-list.page-content .card.receipts-list  {
	padding: 10px;
}

.popup.pay-confirmation .page #tab-payment-list.page-content .card.receipts-list > .card-content {
	padding: 5px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}


.popup.pay-confirmation .page #tab-payment-list.page-content .card.receipts-list > .card-content > .card.receipts-item {
	margin: 5px;
	padding: 3px;
	color: #006FFF;
	font-weight: 600;
}

.popup.pay-confirmation .page #tab-payment-list.page-content .card.receipts-list > .card-content > .card.receipts-item:before {
	content: '•';
}

/*.popup.pay-confirmation .page #tab-vbank-info.page-content*/

.popup.pay-confirmation .page #tab-vbank-info.page-content .card.vbank-information {
	padding: 16px;
}

.popup.pay-confirmation .page #tab-vbank-info.page-content .card.vbank-information .card-header {
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.popup.pay-confirmation .page #tab-vbank-info.page-content .card.vbank-information .card-header .title {
	font-weight: 700;
 	color: #333333;
 	margin-bottom: 5px;
}

.popup.pay-confirmation .page #tab-vbank-info.page-content .card.vbank-information .card-header .subtitle {
	padding-top: 5px;
	padding-bottom: 5px;
	color: #888888;
	align-self:  flex;
}

.popup.pay-confirmation .page #tab-vbank-info.page-content .card.vbank-information .card-content {
	padding: 0;
	padding-top: 10px;
}

.popup.pay-confirmation .page #tab-vbank-info.page-content .card.vbank-information .card-content .row {
	margin-bottom: 10px;
}

.popup.pay-confirmation .page #tab-vbank-info.page-content .card.vbank-information .card-content .row .left {
	color: #888888;
}

.popup.pay-confirmation .page #tab-vbank-info.page-content .card.notice {
	padding: 16px;
	font-weight: 600;
	color: #C8222C;
}

.popup.pay-confirmation .page #tab-vbank-info.page-content .card.notice .card-content:before {
	content: '※';
}
.popup.pay-flights {
	--f7-popup-tablet-width: 450px;
	--f7-popup-tablet-height: 650px;
	border-radius: 24px;
}

@media (max-width: 629px) {
	.popup.pay-flights {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

/* .navbar */

.popup.pay-flights .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.pay-flights .navbar .navbar-bg {
	background-color: #fff;
}

.popup.pay-flights .navbar .navbar-inner {
	padding: 0px;
}

.popup.pay-flights .navbar .navbar-inner .left .popup-close {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.pay-flights .navbar .navbar-inner .title {
	font-weight: bold;
}

.popup.pay-flights .navbar .navbar-inner .title i {
	margin-right: 5px;
}

.popup.pay-flights .navbar .navbar-inner .right {
	padding: 10px;
	margin-left: 0;
	margin-right: 15px;
	font-size: 20px;
	color: #B7B7B7;
}

/*.popup.pay-flights .page .page-content .card.billing-info .card-content .card-quota-wrap {*/

.popup.pay-flights .page {
	background-color: #F7F6F3;
	overflow-y: scroll;
}

/* .popup.pay-flights .page .page-content .card.billing-info */

.popup.pay-flights .page .page-content .block.flights-info {
	margin-top: 15px;
	margin-bottom: 15px;
}

.popup.pay-flights .page .page-content .block.flights-info .block-header {
	font-weight: bold;
	color: #000000;
	font-size: 16px;
	padding: 0;
	padding-left: 10px;
}

.popup.pay-flights .page .page-content .block.flights-info .block-content {

}

.popup.pay-flights .page .page-content .block.flights-info .block-content>.card {
	margin: 0;
	padding: 5px 10px;
	padding-bottom: 10px;
}

.popup.pay-flights .page .page-content .block.flights-info .block-content>.card:not(:last-child){
	margin-bottom: 8px;
}

.popup.pay-flights .page .page-content .block.flights-info .block-content>.card .card-header {
	padding: 5px;
}

.popup.pay-flights .page .page-content .block.flights-info .block-content>.card .card-header span.trip-type {
	font-weight: bold;
	font-size: 14px;
	color: #C8222C;
	margin-right: 5px;
}

.popup.pay-flights .page .page-content .block.flights-info .block-content>.card .card-content {
	padding: 5px;
}

.popup.pay-flights .page .page-content .block.flights-info .block-content>.card table {
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
}

.popup.pay-flights .page .page-content .block.flights-info .block-content>.card table thead {
	background-color: #E4E4E4;
}

.popup.pay-flights .page .page-content .block.flights-info .block-content>.card table .price-total .right {
	font-weight: 700;
}

.popup.pay-flights .page .page-content .block.flights-info .block-content>.card table td {
	padding: 3px;
	border: 1px solid #D8D8D8;
	text-align: center;
}

.popup.pay-flights .page .page-content .block.flights-info .block-content>.card .pay-expiry {
	color: #C8222C;
}

.popup.pay-flights .page .page-content .block.flights-info .block-content>.card .status .right {
	color: #C8222C;
}


.popup.pay-flights .page .page-content .block.flights-info .block-footer {
	padding: 10px;
	font-size: 16px;
}

.popup.pay-flights .page .page-content .block.flights-info .block-footer .row {
	color: #000000;
}

.popup.pay-flights .page .page-content .block.flights-info .block-footer .row .right span {
	font-weight: bold;
	margin-right: 5px;
	color: #006FFF;
}

/*.popup.pay-flights .page .page-content .card.notice */

.popup.pay-flights .page .page-content .block.notice {
	margin-top: 15px;
	margin-bottom: 15px;
}

.popup.pay-flights .page .page-content .block.notice .block-header {
	font-weight: bold;
	color: #000000;
	font-size: 16px;
	padding: 0;
	padding-left: 10px;
}

.popup.pay-flights .page .page-content .block.notice .card {
	margin: 0;
	padding: 16px;
}

.popup.pay-flights .page .page-content .block.notice .card .card-content ul>li:before {
	content: '-';
}

.popup.pay-flights .page .page-content .block.notice .card .card-content ul>li:not(:last-child) {
	margin-bottom: 5px;
}

/* .popup.pay-flights .page .page-content .card.billing-info */

.popup.pay-flights .page .page-content .card.billing-info .card-content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 16px 0;
	margin: 0;
}

.popup.pay-flights .page .page-content .card.billing-info .card-content .title {
	margin-left: 20px;
	width: auto;
	cursor: pointer;
}

.popup.pay-flights .page .page-content .card.billing-info .card-content .card-quota-wrap {
	position: relative;
	display: flex;
	width: 100px;
	height: 35px;
	border: 1px solid #aaa;
	cursor: pointer;
	border-radius: 4px;
	margin-right: 20px;
}

.popup.pay-flights .page .page-content .card.billing-info .card-content .card-quota-wrap select {
	font-weight: 500;
	font-size: 14px;
	width: 100%;
	padding-left: 13px;
	cursor: pointer;
	z-index: 1;
}

.popup.pay-flights .page .page-content .card.billing-info .card-content .card-quota-wrap i {
	position: absolute;
	margin: 0;
	font-size: 18px;
	right: 10px;
	top: 8px;
}

.popup.pay-flights .page .page-content .card.billing-info .card-footer {
	display: flex;
	flex-direction: column;
	margin: 0 20px;
	margin-right: 15px;
	padding: 16px 0;
}

.popup.pay-flights .page .page-content .card.billing-info .card-footer .row {
	padding: 8px 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
}

.popup.pay-flights .page .page-content .card.billing-info .card-footer .row .left {
	font-weight: 600;
	color: #888888;
	align-self: center;
}

.popup.pay-flights .page .page-content .card.billing-info .card-footer .row .right {
	width: 77%;
	display: flex;
}

.popup.pay-flights .page .page-content .card.billing-info .card-footer .row .right .input {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

.popup.pay-flights .page .page-content .card.billing-info .card-footer .row .right span {
	display: flex;
	align-self: center;
	margin-left: 10px;
	font-weight: 600;
}

.popup.pay-flights .page .page-content .card.billing-info .card-footer .row input {
	width: 4.6em;
	height: 35px;
	border: 1px solid #ddd;
	border-radius: 4px;
	text-align: left;
	padding: 0 8px;
	margin-right: 5px;
}

.popup.pay-flights .page .page-content .card.billing-info .card-footer .row .right .input.card-name {
	width: 100%;
}

.popup.pay-flights .page .page-content .card.billing-info .card-footer .row .right .input.card-name > input[name="lastName"] {
	width: 30%;
}

.popup.pay-flights .page .page-content .card.billing-info .card-footer .row .right .input.card-name > input[name="firstName"] {
	width: 70%;
}

.popup.pay-flights .page .page-content .card.billing-info .card-footer .row .right .input.card-name > input[name="corporateName"] {
	width: 100%;
}

.popup.pay-flights .page .page-content .card.billing-info .card-footer .row .right .input.card-number {
	width: 100%;
}

.popup.pay-flights .page .page-content .card.billing-info .card-footer .row .right .input.card-number input {
	width: 25%;
}

.popup.pay-flights .page .page-content .card.billing-info .card-footer .row .right .input.card-expired-date {
	width: 50%;
}

.popup.pay-flights .page .page-content .card.billing-info .card-footer .row .right .input.card-expired-date input {
	width: 50%;
}

.popup.pay-flights .page .page-content .card.billing-info .card-footer .row .right .input.birth {
	width: 50%;
}

.popup.pay-flights .page .page-content .card.billing-info .card-footer .row .right .input.birth input {
	width: 100%
}

.popup.pay-flights .page .page-content .card.billing-info .card-footer .row .right .input.business-number {
	width: 50%;
}

.popup.pay-flights .page .page-content .card.billing-info .card-footer .row .right .input.business-number input {
	width: 100%
}

.popup.pay-flights .page .page-content .card.billing-info .card-footer .row .right .input.email {
	width: 100%;
}

.popup.pay-flights .page .page-content .card.billing-info .card-footer .row .right .input.email input {
	width: 100%
}

.popup.pay-flights .page .page-content .card.billing-info .card-footer .row .right .input.card-pwd {
	width: 25%;
}

.popup.pay-flights .page .page-content .card.billing-info .card-footer .row .right .input.card-pwd input {
	width: 100%
}

.popup.pay-flights .page .page-content .card.billing-info .card-footer .row .right .item-radio:active {
	background-color: rgba(0, 0, 0, 0);
	opacity: 0.5;
}

.popup.pay-flights .page .page-content .card.billing-info .card-footer .radio input ~ .item-inner .fa-circle-dot,
.popup.pay-flights .page .page-content .card.billing-info .card-footer .radio input:checked ~ .item-inner .fa-circle { display: none; }
.popup.pay-flights .page .page-content .card.billing-info .card-footer .radio input:checked ~ .item-inner .fa-circle-dot { display: inline-block; }


.popup.pay-flights .page .page-content .card.billing-info .card-footer .row.card-bn input,
.popup.pay-flights .page .page-content .card.billing-info .card-footer .row.card-ssn input {
	width: calc(9.2em + 0.4em);
}

.popup.pay-flights .page .page-content .card.billing-info .card-footer .row .card-type-wrap {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	border-radius: 4px;
	border: 1px solid #ddd;
	height: 35px;
	width: 100%;
	cursor: pointer;
	margin-right:5px;
}

.popup.pay-flights .page .page-content .card.billing-info .card-footer .row .card-type-wrap select {
	font-weight: 500;
	font-size: 14px;
	width: 100%;
	height: 100%;
	padding-left: 13px;
	cursor: pointer;
	z-index: 1;
}

.popup.pay-flights .page .page-content .card.billing-info .card-footer .row .card-type-wrap i {
	position: absolute;
	margin: 0;
	font-size: 18px;
	right: 13px;
	top: 50%;
	transform: translateY(-50%);
}

.popup.pay-flights .page .page-content .block.btn-area {
	margin: 20px;
	margin-top: 10px;
}

.popup.pay-flights .page .page-content button {
	font-size: 16px;
	border-radius: 8px;
	height: 100%;
	padding: 6px 0;

}
.popup.pay-receipt-list {
	--f7-popup-tablet-width: 400px;
	--f7-popup-tablet-height: 550px;
	border-radius: 24px;
}

@media (max-width: 629px) {
	.popup.pay-receipt-list {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		margin-top: 0px;
		border-radius: 0px;
	}
}

/* .navbar */

.popup.pay-receipt-list .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.pay-receipt-list .navbar .navbar-bg {
	background-color: #fff;
}

.popup.pay-receipt-list .navbar .navbar-inner {
	padding: 0px;
}

.popup.pay-receipt-list .navbar .navbar-inner .left .back {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.pay-receipt-list .navbar .navbar-inner .title {
	/*left: 0px !important;*/
	font-size: 16px;
	font-weight: bold;
}

.popup.pay-receipt-list .navbar .navbar-inner .right {
	width: 50px;
}

.popup.pay-receipt-list .receipt-list {
	padding: 20px;
}

.popup.pay-receipt-list .receipt-list .receipt-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px;
	margin-bottom: 8px;
	border: 1px solid #E4E4E4;
	border-radius: 16px;
	background-color: #ffffff;
	cursor: pointer;
	font-weight: 500;
	font-size: 16px;
}

.popup.pay-receipt-list .receipt-list .receipt-item .receipt-date:before {
	content: '·';
	margin-right: 8px;
	font-weight: 800;
	font-size: 20px;
}

.popup.provider-intro-img {
	--f7-popup-tablet-width: 700px;
	--f7-popup-tablet-height: calc(100% - 100px);
	top: 0px;
	margin-top: 50px;
	border-radius: 24px;
}

@media (max-width: 629px) {
	.popup.provider-intro-img {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		margin-top: 0px;
		border-radius: 0px;
	}
}

/* .navbar */

.popup.provider-intro-img .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.provider-intro-img .navbar .navbar-bg {
	background-color: #fff;
}

.popup.provider-intro-img .navbar .navbar-inner {
	padding: 0px;
}

.popup.provider-intro-img .navbar .navbar-inner .left .back {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.provider-intro-img .navbar .navbar-inner .title {
	/*left: 0px !important;*/
	font-size: 16px;
	font-weight: bold;
}

.popup.provider-intro-img .navbar .navbar-inner .right {
	width: 50px;
}

.popup.provider-intro-img .img-list {
	padding: 10px;
}

.popup.provider-intro-img .intro-img {
	display: block;
	margin: 0;
	padding: 0;
}

.popup.provider-intro-img .intro-img:first-child img{
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
}

.popup.provider-intro-img .intro-img:last-child img {
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
}

.popup.provider-intro-img .intro-img img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	margin: 0;
	padding: 0;
}
.popup.select-region {
	--f7-popup-tablet-width: 340px;
	--f7-popup-tablet-height: 690px;
	border-radius: 24px;
}

.popup.select-region[data-type=flights],
.popup.select-region[data-type=cars],
.popup.select-region[data-type=items],
.popup.select-region[data-type=healings] {
	--f7-popup-tablet-height: 690px;
}

.popup.select-region[data-type=stays] {
	--f7-popup-tablet-height: 500px;
}

.popup.select-region[data-type=default] {
	--f7-popup-tablet-height: 500px;
}

@media (max-width: 629px) {
	.popup.select-region {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

/* .navbar */

.popup.select-region .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.select-region .navbar .navbar-bg {
	background-color: #fff;
}

.popup.select-region .navbar .navbar-inner {
	padding: 0px;
}

.popup.select-region .navbar .navbar-inner .left .back {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.select-region .navbar .navbar-inner .title {
	font-size: 16px;
	font-weight: bold;
}

/* .page */

.popup.select-region .page {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #F7F6F3;

}

.popup.select-region .page .page-content {
	height: 100%;
	margin-bottom: 15px;
	padding-bottom: 80px;
	max-width: 400px;
	width:  100%;
	overflow-x: hidden;
	overflow-y: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.popup.select-region .page .page-content .block .block-header {
    display: flex;
	margin-bottom: 12px;
}

.popup.select-region .page .page-content .block .block-header > * {
	width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    font-size: 18px;
    font-weight: 700;
    color: #333;
}

.popup.select-region .page .page-content .block .block-header > .right.selected-items {
    display: flex;
    gap: 8px;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.popup.select-region .page .page-content .block .block-header > .right .selected-city {
    color: #007aff;
}

.popup.select-region .page .page-content .block .block-content {
    background-color: #fff;
	display: flex;
	align-items: flex-start;
    height: 330px;
    border: 1px solid #E4E4E4;
    border-radius: 12px;
    padding: 12px 0;
    padding-left: 8px;
    position: relative;
}

.popup.select-region .page .page-content .block .block-content > *:last-child {
    padding-left: 16px;
}

.popup.select-region .page .page-content .block .block-content::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    border-right: 1px solid #E4E4E4;
}

.popup.select-region .page .page-content .block .block-content > * {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 16px;
    overflow-y: auto;
}

.popup.select-region .page .page-content .block .block-content .country,
.popup.select-region .page .page-content .block .block-content .city {
    cursor: pointer;
    padding: 4px 12px;
    border-radius: 12px;
    width: fit-content;
}

.popup.select-region .page .page-content .block .block-content .country:not(.in-preparation):active,
.popup.select-region .page .page-content .block .block-content .city:not(.in-preparation):active {
    opacity: 0.5;
}


.popup.select-region .page .page-content .block .block-content .selected {
    font-weight: 700;
    color: #007aff;
}

.popup.select-region .page .page-content .block .block-content .city.selected {
    background-color: #dbedff;
}

.popup.select-region .page .page-content .block .block-content .in-preparation {
    color: #888;
    user-select: none;
    cursor: default;
}

.popup.select-region .page .page-content .block .block-content .in-preparation::after {
	content: '(준비중)';
	margin-left: 4px;
}

/* .page-footer */

.popup.select-region .page .page-footer {
	position: absolute;
	bottom: 0px;
	display: flex;
	justify-content: center;
	width: 100%;
	background-color: #FDFDFD;
	border: 1px solid #E4E4E4;
	border-radius: 24px 24px 0px 0px;
	z-index: 10;
}

.popup.select-region .page .page-footer .apply {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: calc(100% - 30px);
	height: 100%;
}

.popup.select-region .page .page-footer .apply button {
	width: calc(50% - 5px);
	height: 50px;
	margin-top: 10px;
	margin-bottom: 25px;
	border-radius: 24px;
	font-size: 18px;
}

.popup.select-region .page .page-footer .apply button[data-btn-apply] {
	background-color: #007aff;
	color: #fff;
}

.popup.select-region .page .page-footer .apply button[data-btn-apply]:disabled {
	background-color: #e8e8e8;
	color: #aaa;
}

.popup.select-region .page .page-footer .apply button.button-outline {
	color: #484848;
	border: 1px solid #E4E4E4;
}
.popup.service-naver-sign-up {
	--f7-popup-tablet-width: 340px;
	--f7-popup-tablet-height: 420px;
	border-radius: 24px;
}

@media (max-width: 629px) {
	.popup.service-naver-sign-up {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

.popup.service-naver-sign-up .page {
	background-color: #F7F6F3;
}

/*.popup.service-naver-sign-up .page .page-content */
.popup.service-naver-sign-up .page .page-content {

}
.popup.service-naver-sign-up .page .popup-close {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 38px;
	color: #888;
	z-index: 2;
	cursor: pointer;
}

.popup.service-naver-sign-up .page .page-content .block {
	margin-top: 20px;
}

.popup.service-naver-sign-up .page .page-content .block .block-header {

}

.popup.service-naver-sign-up .page .page-content .block .block-header .title {
	font-weight: 700;
	font-size: 18px;
	color: #333;
}

.popup.service-naver-sign-up .page .page-content .block .block-content {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.popup.service-naver-sign-up .page .page-content .block .block-content .form-input {
	border: none;
	margin: 0;
}

.popup.service-naver-sign-up .page .page-content .block .block-content .form-input .item-input-wrap {
	background-color: white;
}

.popup.service-naver-sign-up .page .page-content .block .block-content .message {
	margin: 0;
	height: 30px;
	align-items: center;
	color: #006FFF;
}

.popup.service-naver-sign-up .page .page-content .block .block-content .button-wrap {
	height: 120px;
}

.popup.service-naver-sign-up .page .page-content .block .block-content .auth-wrap .item-input {
	padding: 0;
}

.popup.service-naver-sign-up .page .page-content .block .block-content .auth-wrap .item-inner {
	display: flex;
	justify-content: space-around;
	flex-direction: row;
	align-items: center;
	padding: 10px;
}

.popup.service-naver-sign-up .page .page-content .block .block-content .auth-wrap .item-inner .item-input-wrap {
	margin-right: 10px;
	width: 50%;
}

.popup.service-naver-sign-up .page .page-content .block .block-content .auth-wrap .item-inner button {
	margin-right: 10px;
	width: 70px;
}

.popup.service-naver-sign-up .page .page-content .block .block-content .auth-wrap .item-inner .timer-wrap {
	width: 70px;
}

.popup.service-naver-sign-up .page .page-content .block .block-content .auth-wrap .item-inner .timer-wrap .time-remains {
	color: #C8222C;
}

.popup.service-naver-sign-up .page .page-content .block .block-footer button {
	font-size: 16px;
	font-weight: 600;
	border-radius: 8px;
	background-color: #006FFF;
	border: none;
	color: #FFFFFF;
	padding: 10px 0px;
}

.popup.service-partner-sign-in {
	--f7-popup-tablet-width: 340px;	
	--f7-popup-tablet-height: 650px;
	border-radius: 24px;
}

@media (max-width: 629px) {
	.popup.service-partner-sign-in {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

/* .navbar */

.popup.service-partner-sign-in .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.service-partner-sign-in .navbar .navbar-bg {
	background-color: #fff;
}

.popup.service-partner-sign-in .navbar .navbar-inner {
	padding: 0px;
}

.popup.service-partner-sign-in .navbar .navbar-inner .left .popup-close {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.service-partner-sign-in .navbar .navbar-inner .title {
	left: 0px !important;
	font-size: 16px;
	font-weight: bold;
}

.popup.service-partner-sign-in .navbar .navbar-inner .right {
	padding: 10px;
	margin-left: 0;
	margin-right: 15px;
	font-size: 20px;
	color: #B7B7B7;
}

/* .page */

.popup.service-partner-sign-in .page {
	background-color: #F7F6F3;
}

.popup.service-partner-sign-in .page .block {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.popup.service-partner-sign-in .page .block.sign-info .block-header {
	font-weight: 700;
	font-size: 16px;
	color: black;
}


.popup.service-partner-sign-in .page .page-content .block.sign-info .block-content ul {
	border: none;
	margin: 5px 0;
}

.popup.service-partner-sign-in .page .page-content .block.sign-info .block-content ul>li {
	padding: 0;
}

.popup.service-partner-sign-in .page .page-content .block.sign-info .block-content ul>li .item-inner {
	padding: 8px 0;
}

.popup.service-partner-sign-in .page .page-content .block.sign-info .block-content ul>li .item-inner input {
	background-color: #fff;
	height: 33px;
	padding: 5px 20px;
}

.popup.service-partner-sign-in .page .page-content .block.sign-info .block-content ul>li .item-inner span {
	top: 50%;
}

.popup.service-partner-sign-in .page .page-content .block.sign-info .block-footer .fail {
	color: #C8222C;
}

.popup.service-partner-sign-in .page .page-content .block.button-area button {
	height: 100%;
	width: 180px;
	padding: 2px 20px;
	position: relative;
}

.popup.service-resign {
	--f7-popup-tablet-width: 340px;	
	--f7-popup-tablet-height: 650px;
	border-radius: 24px;
}

@media (max-width: 629px) {
	.popup.service-resign {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

/* .navbar */

.popup.service-resign .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.service-resign .navbar .navbar-bg {
	background-color: #fff;
}

.popup.service-resign .navbar .navbar-inner {
	padding: 0px;
}

.popup.service-resign .navbar .navbar-inner .left .popup-close {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.service-resign .navbar .navbar-inner .title {
	color: #C8222C;
	font-size: 16px;
	font-weight: bold;
}

.popup.service-resign .navbar .navbar-inner .right {
	padding: 10px;
	margin-left: 0;
	margin-right: 15px;
	color: #888888;
}


/* .popup.service-resign .page */
 .popup.service-resign .page {
 	background-color: #F7F6F3;
 }

 .popup.service-resign .page .page-content .block .block-header .title {
 	padding: 0 8px;
 	color: #000;
 	font-size: 15px;
 	font-weight: bold;
 }

 .popup.service-resign .page .page-content .block.notice-vanish {
 	margin-top: 25px;
 	margin-bottom: 15px;
 }

 .popup.service-resign .page .page-content .block.notice-vanish .card {
 	margin: 0;
 }

 .popup.service-resign .page .page-content .block.notice-vanish .card .card-content {
 	padding: 20px;
 	margin: 0 8px;
 }

 .popup.service-resign .page .page-content .block.notice-vanish .card .card-content .row {
 	display: flex;
 	flex-direction: row;
 	justify-content: space-between;
 	margin-bottom: 10px;
 }

 .popup.service-resign .page .page-content .block.notice-vanish .card .card-content .row .left {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
 }

 .popup.service-resign .page .page-content .block.notice-vanish .card .card-content .row .left .fa-key {
 	margin-right: 10px;
 }

 .popup.service-resign .page .page-content .block.notice-vanish .card .card-content .row .left .fa-circle-question {
 	margin-left: 6px;
 	font-size: 18px;
 	color: #B7B7B7;
 }

.popup.service-resign .page .page-content .block.notice-vanish .card .card-content .row .right {
	width: 50%;
 	text-align: right;
}

.popup.service-resign .page .page-content .block.notice-vanish .card .card-content .row .right span {
	color: #006FFF;
	margin-right: 10px;
}


.popup.service-resign .page .page-content .block.notice-vanish .card .card-footer ul {
	width: 100%;
}

.popup.service-resign .page .page-content .block.notice-vanish .card .card-footer .item {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 8px;
	height: 35px;
	font-weight: 600;
}

.popup.service-resign .page .page-content .block.notice-vanish .item .item-content i {
	color: #006FFF;
	margin-right: 10px;
}

.popup.service-resign .page .page-content .block.notice-vanish .card .card-footer .item[data-term-agree="true"] .fa-square-check,
.popup.service-resign .page .page-content .block.notice-vanish .card .card-footer .item[data-term-agree="false"] .fa-square {
	display: inline;
}

.popup.service-resign .page .page-content .block.notice-vanish .card .card-footer .item[data-term-agree="false"] .fa-square-check,
.popup.service-resign .page .page-content .block.notice-vanish .card .card-footer .item[data-term-agree="true"] .fa-square {
	display: none;
}

.popup.service-resign .page .page-content .block.notice-vanish .card .card-footer .item .item-after {
	display: flex;
	align-self: center;
	height: 100%;
}

.popup.service-resign .page .page-content .block.notice-vanish .card .card-footer .item .item-after button {
	border-radius: 4px;
	width: 55px;
	height: 100%;
	color: #000;
	border: 1px solid #DDDDDD;
	font-size: 15px;
}

/*.popup.service-resign .page .page-content .block.resign-reasons*/
.popup.service-resign .page .page-content .block.resign-reasons {
	margin-top: 20px;
}

.popup.service-resign .page .page-content .block.resign-reasons .block-content .card[data-btn-resign-reason] {
	margin: 0;
	padding: 10px 20px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	cursor: pointer;
}

.popup.service-resign .page .page-content .block.resign-reasons .block-content .card[data-btn-resign-reason] i {
	color: #B7B7B7;
}

.popup.service-resign .page .page-content .block.resign-reasons .block-content .card[data-btn-resign-reason]:not(:last-child) {
	margin-bottom: 6px;
}


/*.popup.service-resign .page #tab-pwd-confirm.page-content */

.popup.service-resign .page #tab-pwd-confirm.page-content .block {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.popup.service-resign .page #tab-pwd-confirm.page-content .block .block-header .title {
	font-size: 16px;
	font-weight: 700;
}

.popup.service-resign .page #tab-pwd-confirm.page-content .block .block-content {
	width: 80%;
}

.popup.service-resign .page #tab-pwd-confirm.page-content .block .block-content .description {
	font-size: 13px;
	color: #888888;
	text-align: center;
}

.popup.service-resign .page #tab-pwd-confirm.page-content .block .block-content ul {
	border: none;
	margin: 15px 0;
}

.popup.service-resign .page #tab-pwd-confirm.page-content .block .block-content ul>li {
	padding: 0;
}

.popup.service-resign .page #tab-pwd-confirm.page-content .block .block-content ul>li .item-inner {
	padding: 8px 0;
}

.popup.service-resign .page #tab-pwd-confirm.page-content .block .block-content ul>li .item-inner input {
	background-color: #ffffff;
	height: 33px;
	padding: 5px 20px;
}
.popup.service-resign .page #tab-pwd-confirm.page-content .block .block-content ul>li .item-inner span {
	top:50%;
}

.popup.service-resign .page #tab-pwd-confirm.page-content .block .block-footer {
	width: 80%;
	margin-top: 0;
}

.popup.service-resign .page #tab-pwd-confirm.page-content .block .block-footer button {
	height: 100%;
	padding: 3px;
}
.popup.service-sign-up {
	--f7-popup-tablet-width: 340px;
	--f7-popup-tablet-height: 650px;
	border-radius: 24px;
}

@media (max-width: 629px) {
	.popup.service-sign-up {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}

	.popup.service-sign-up #tab-sign-in .block.input-num-key .row {
		width: 255px !important;
	}
}

/* .navbar */

.popup.service-sign-up .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.service-sign-up .navbar .navbar-bg {
	background-color: #fff;
}

.popup.service-sign-up .navbar .navbar-inner {
	padding: 0px;
}

.popup.service-sign-up .navbar .navbar-inner .left .popup-close {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.service-sign-up .navbar .navbar-inner .title {
	left: 0px !important;
	font-size: 16px;
	font-weight: bold;
}

.popup.service-sign-up .navbar .navbar-inner .right {
	padding: 10px;
	margin-left: 0;
	margin-right: 15px;
	font-size: 20px;
	color: #B7B7B7;
}

/* .page */

.popup.service-sign-up .page {
	background-color: #F7F6F3;
}

/* .popup.service-sign-up #tab-sign-in */

.popup.service-sign-up #tab-sign-in .block.top {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 5px;
}

.popup.service-sign-up #tab-sign-in .block.top .greeting {
	font-weight: 700;
	font-size: 16px;
	width: 100%;
	text-align: center;
}

.popup.service-sign-up #tab-sign-in .block.top .message {
	font-size: 13px;
	color: #888888;
	letter-spacing: -1px;
	max-width: 100%;
}

.popup.service-sign-up #tab-sign-in .block.top .phone-number-display {
	margin-top: 20px;
	margin-bottom: 8px;
	font-weight: 600;
	font-size: 24px;
	color: #000;
	height: 24px;
}

.popup.service-sign-up #tab-sign-in .block.top .phone-number-display.desktop[data-input-val=""]:after {
	content: '키보드 입력도 가능합니다.';
	color: #888888;
}

/*.popup.service-sign-up #tab-sign-in .block.top .sign-up-area.list*/

.popup.service-sign-up #tab-sign-in .block.top .sign-up-area.list {
	margin: 4px;
	border: none;
}

.popup.service-sign-up #tab-sign-in .block.top .sign-up-area.list .item-content {
	background-color: #F7F6F3;
	padding: 0;
}

.popup.service-sign-up #tab-sign-in .block.top .sign-up-area.list .item-content input {
	background-color: #FFFFFF;
	padding: 10px;
}

.popup.service-sign-up #tab-sign-in .block.top .sign-up-area.list .item-content[data-request-auth] {
	justify-content: space-between;
}

.popup.service-sign-up #tab-sign-in .block.top .sign-up-area.list .item-content[data-request-auth] .btn-area {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}

.popup.service-sign-up #tab-sign-in .block.top .sign-up-area.list .item-content[data-request-auth] button[data-btn-init-tab] {
	background-color: #8e8e8e;
	margin-right: 10px;
}

.popup.service-sign-up #tab-sign-in .block.top .sign-up-area.list .item-content[data-request-auth] button {
	width: auto;
	flex: 1;
}

.popup.service-sign-up #tab-sign-in .block.top .sign-up-area.list .item-content[data-input-user-name] .item-inner {
	padding: 8px 0;
}

.popup.service-sign-up #tab-sign-in .block.top .sign-up-area.list .item-content[data-input-user-name] .item-title {
	top: -5px;
	left: 10px;
}

.popup.service-sign-up #tab-sign-in .block.top .sign-up-area.list .item-content[data-input-user-name] span.input-clear-button {
	top: 36px;
	right: 8px;
}

.popup.service-sign-up #tab-sign-in .block.top .sign-up-area.list .item-content[data-confirm-auth] {

}

.popup.service-sign-up #tab-sign-in .block.top .sign-up-area.list .item-content[data-confirm-auth] .item-inner {
	flex-direction: row;
	align-items: center;
	padding: 0;
	padding-top: 14px;
}

.popup.service-sign-up #tab-sign-in .block.top .sign-up-area.list .item-content[data-confirm-auth] .item-inner .item-input-wrap {
	width: 100px;
}

.popup.service-sign-up #tab-sign-in .block.top .sign-up-area.list .item-content[data-confirm-auth] .item-inner .item-input-wrap input {
	height: 30px;
	color: #006FFF;
}

.popup.service-sign-up #tab-sign-in .block.top .sign-up-area.list .item-content[data-confirm-auth] .item-inner .item-input-wrap span {
	top: 16px;
}

.popup.service-sign-up #tab-sign-in .block.top .sign-up-area.list .item-content[data-confirm-auth] .item-inner button {
	width: auto;
	height: 30px;
	margin: 0 10px;
}

.popup.service-sign-up #tab-sign-in .block.top .sign-up-area.list .item-content[data-confirm-auth] .item-inner .timer-wrap {
	font-size: 13px;
}

.popup.service-sign-up #tab-sign-in .block.top .sign-up-area.list .item-content[data-confirm-auth] .item-inner .timer-wrap i {
	margin-right: 5px;
}

.popup.service-sign-up #tab-sign-in .block.top .sign-up-area.list .item-content[data-confirm-auth] .item-inner .timer-wrap .time-remains {
	color: #C8222C;
}

/*.popup.service-sign-up .block.input-num-key */

.popup.service-sign-up #tab-sign-in .block.input-num-key {
	display: flex;
	flex-direction: column;
	padding: 0;
	margin: 0;
	align-items: center;
}

.popup.service-sign-up #tab-sign-in .block.input-num-key .row {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 6px;
	margin-bottom: 6px;
	width: 75%;
	justify-content: space-between;
}

.popup.service-sign-up #tab-sign-in .block.input-num-key .row.confirm-area {
	margin-top: 16px;
}

.popup.service-sign-up #tab-sign-in .block.input-num-key .row button {
	display: flex;
	justify-content: center;
	align-items: center;
/*	margin: 0 15px;*/
	margin: 0px;
	width: 70px;
	height: 70px;
	border: 1px solid #707070;
	border-radius: 50%;
	background-color: #FFFFFF;
	font-weight: 500;
	font-size: 20px;
	color: #333333;
	cursor: pointer;
}

.popup.service-sign-up #tab-sign-in .block.input-num-key .row button:active {
	opacity: 0.3;
}

.popup.service-sign-up #tab-sign-in .block.input-num-key .row button.enter {
	width: 162.5px;
	border: 1px solid #006FFF;
	border-radius: 100px;
	background-color: #006FFF;
	font-size: 20px;
	color: #FFFFFF;
}

.popup.service-sign-up #tab-sign-in .block.input-num-key .row button.enter i {
	margin-left: 10px;
}

.popup.service-sign-up #tab-sign-in .block.input-num-key .row button.enter-naver {
	border: 1px solid #00C73C;
	border-radius: 50%;
	background-color: #00C73C;
	font-size: 20px;
	color: #FFFFFF;
}

/*.popup.service-sign-up #tab-sign-pwd-regist .block.top*/

.popup.service-sign-up #tab-sign-pwd-regist .block {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 25px;
}

.popup.service-sign-up #tab-sign-pwd-regist .block .block-header {
	font-weight: 700;
	font-size: 16px;
	color: #000;
}

.popup.service-sign-up #tab-sign-pwd-regist .block .block-content {
	width: 80%;
}

.popup.service-sign-up #tab-sign-pwd-regist .block .block-content .description {
	font-size: 13px;
	color: #888888;
	text-align: center;
}

.popup.service-sign-up #tab-sign-pwd-regist .block .block-content ul {
	border: none;
	margin: 5px 0;
}

.popup.service-sign-up #tab-sign-pwd-regist .block .block-content ul>li {
	padding: 0;
}

.popup.service-sign-up #tab-sign-pwd-regist .block .block-content ul>li .item-inner {
	padding: 8px 0;
}

.popup.service-sign-up #tab-sign-pwd-regist .block .block-content ul>li .item-inner input {
	background-color: #fff;
	height: 33px;
	padding: 5px 20px;
}

.popup.service-sign-up #tab-sign-pwd-regist .block .block-content ul>li .item-inner span {
	top: 50%;
}

.popup.service-sign-up #tab-sign-pwd-regist .block .block-footer.message {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #006FFF;
	font-weight: 600;
	font-size: 13px;
	margin:0;
}


.popup.service-sign-up #tab-sign-pwd-regist button {
	height: 100%;
	padding: 2px 20px;
	position: relative;
}

.popup.service-sign-up #tab-sign-pwd-regist button i {
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
}

.popup.service-sign-up #tab-sign-pwd-regist .reset-password {
	font-size: 15px;
	color: #888888;
	letter-spacing: -1px;
	max-width: 100%;
	justify-content: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

/*.popup.service-sign-up #tab-sign-pwd-simple .block.top*/

.popup.service-sign-up #tab-sign-pwd-simple .block.top {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 25px;
}

.popup.service-sign-up #tab-sign-pwd-simple .block.top .title {
	font-weight: 700;
	font-size: 16px;
	width: 100%;
	text-align: center;
}

.popup.service-sign-up #tab-sign-pwd-simple .block.top .message {
	font-size: 13px;
	color: #888888;
	letter-spacing: -1px;
	max-width: 100%;
}

.popup.service-sign-up #tab-sign-pwd-simple .block.top .message .again,
.popup.service-sign-up #tab-sign-pwd-simple .block.top .message .fail {
	color: #006FFF;
}

.popup.service-sign-up #tab-sign-pwd-simple .block.top .pwd-code-wrap {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 20px 0;
}

.popup.service-sign-up #tab-sign-pwd-simple .block.top .pwd-code-wrap .code {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	border: 1px solid #707070;
	border-radius: 50%;
	background-color: #FFFFFF;
	color: #333333;
	margin: 0 4px;
}

.popup.service-sign-up #tab-sign-pwd-simple .block.top .pwd-code-wrap .code .fa-asterisk {
	display: none;
}

.popup.service-sign-up #tab-sign-pwd-simple .block.top .pwd-code-wrap .code.done {
	border: 1px solid #006FFF;
	background-color: #F1F8FF;
	color: #006FFF;
}

.popup.service-sign-up #tab-sign-pwd-simple .block.top .pwd-code-wrap .code.done .fa-asterisk {
	display: block;
}

.popup.service-sign-up #tab-sign-pwd-simple .block.top .pwd-code-wrap.fail .code.done {
	border: 1px solid #C8222C;
	background-color: #FFEEF0;
	color: #C8222C;
}

.popup.service-sign-up #tab-sign-pwd-simple .block.top .pwd-code-wrap .code i {
	font-weight: 700;
	font-size: 16px;
}

.popup.service-sign-up #tab-sign-pwd-simple .block.top .description {
	color: #C8222C;
}

.popup.service-sign-up #tab-sign-pwd-simple .block.top .description i {
	margin-right: 5px;
}

.popup.service-sign-up #tab-sign-pwd-simple .reset-simple-password {
	font-size: 18px;
	color: #888888;
	letter-spacing: -1px;
	max-width: 100%;
	justify-content: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

/*.popup.service-sign-up #tab-sign-pwd-simple .block.block-keypad */

.popup.service-sign-up #tab-sign-pwd-simple .block.block-keypad .keypad-wrap {
	font-size: 0px;
	border: 1px solid #ddd;
	background-color: #fff;
	border-radius: 14px;

}

.popup.service-sign-up #tab-sign-pwd-simple .block.block-keypad .num-keys,
.popup.service-sign-up #tab-sign-pwd-simple .block.block-keypad .func-keys {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
}

.popup.service-sign-up #tab-sign-pwd-simple .block.block-keypad button.keypad {
	height: 50px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 20px;
	color: #000;
	font-weight: 400;
	border-radius: 0px;
}

.popup.service-sign-up #tab-sign-pwd-simple .block.block-keypad .num-keys button.keypad:nth-child(4n) {
	border-right: 0px;
}

.popup.service-sign-up #tab-sign-pwd-simple .block.block-keypad .num-keys button.keypad {
	width: 25%;
}

.popup.service-sign-up #tab-sign-pwd-simple .block.block-keypad .func-keys button.keypad {
	border-bottom: 0px;
	width: 50%;
}

.popup.service-sign-up #tab-sign-pwd-simple .block.block-keypad .num-keys button.keypad:first-child {
	border-top-left-radius: 12px;
}

.popup.service-sign-up #tab-sign-pwd-simple .block.block-keypad .num-keys button.keypad:nth-child(4) {
	border-top-right-radius: 12px;
}

.popup.service-sign-up #tab-sign-pwd-simple .block.block-keypad .func-keys button.keypad:first-child {
	border-bottom-left-radius: 12px;
}

.popup.service-sign-up #tab-sign-pwd-simple .block.block-keypad .func-keys button.keypad:last-child {
	border-right: 0px;
	border-bottom-right-radius: 12px;
}

/*.popup.service-sign-up #tab-sign-pwd-simple .card.card-auth-again */

.popup.service-sign-up #tab-sign-pwd-simple .card.card-auth-again .card-content .notice {
	font-weight: 600;
	font-size: 14px;
	text-align: center;
	margin: 10px;
	margin-bottom: 20px;
}

.popup.service-sign-up #tab-sign-pwd-simple .card.card-auth-again .card-content .button-wrap > button {
	width: 100%;
	height: 32px;
	margin: 10px 0;
	border-radius: 4px;
	border: 1px solid #E4E4E4;
	color: #000;
}

.popup.service-sign-up #tab-sign-pwd-simple .card.card-auth-again .card-content .auth-wrap {
	border: none;
}

.popup.service-sign-up #tab-sign-pwd-simple .card.card-auth-again .card-content .auth-wrap .item-content {
	padding: 0;
}

.popup.service-sign-up #tab-sign-pwd-simple .card.card-auth-again .card-content .auth-wrap .item-content .item-inner {
	width: 100%;
	background-color: #F7F6F3;
	border-radius: 4px;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	width: 100%;
	padding: 10px 15px;
}

.popup.service-sign-up #tab-sign-pwd-simple .card.card-auth-again .card-content .auth-wrap .item-content .item-inner .item-input-wrap {
	width: 100px;
}

.popup.service-sign-up #tab-sign-pwd-simple .card.card-auth-again .card-content .auth-wrap .item-content .item-inner .item-input-wrap input {
	background-color: #FFFFFF;
	color: #006FFF;
	height: 30px;
}

.popup.service-sign-up #tab-sign-pwd-simple .card.card-auth-again .card-content .auth-wrap .item-content .item-inner .item-input-wrap span {
	top: 15px;
}

.popup.service-sign-up #tab-sign-pwd-simple .card.card-auth-again .card-content .auth-wrap .item-content .item-inner button {
	width: auto;
}

.popup.service-sign-up #tab-sign-pwd-simple .card.card-auth-again .card-content .auth-wrap .item-content .item-inner .timer-wrap {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	font-size: 13px;
}

.popup.service-sign-up #tab-sign-pwd-simple .card.card-auth-again .card-content .auth-wrap .item-content .item-inner .timer-wrap i {
	margin-left: 10px;
	margin-right: 5px;
}

.popup.service-sign-up #tab-sign-pwd-simple .card.card-auth-again .card-content .auth-wrap .item-content .timer-wrap .time-remains {
	color: #C8222C;
}
.popup.service-sign-update {
	--f7-popup-tablet-width: 340px;
	--f7-popup-tablet-height: 450px;
	border-radius: 24px;
}

@media (max-width: 629px) {
	.popup.service-sign-update {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

.popup.service-sign-update .page {
	background-color: #F7F6F3;
}

/*.popup.service-sign-update .page .page-content */
.popup.service-sign-update .page .page-content {

}
.popup.service-sign-update .page .popup-close {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 38px;
	color: #888;
	z-index: 2;
	cursor: pointer;
}

.popup.service-sign-update .page .page-content .block {
	margin-top: 20px;
}

.popup.service-sign-update .page .page-content .block .block-header {

}

.popup.service-sign-update .page .page-content .block .block-header .title {
	font-weight: 700;
	font-size: 18px;
	color: #333;
}

.popup.service-sign-update .page .page-content .block .block-content {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.popup.service-sign-update .page .page-content .block .block-content .form-input {
	border: none;
	margin: 0;
}

.popup.service-sign-update .page .page-content .block .block-content .form-input .item-input-wrap {
	background-color: white;
}

.popup.service-sign-update .page .page-content .block .block-content .form-input .item-input-wrap input::placeholder {
	font-size: 8px;
}

.popup.service-sign-update .page .page-content .block .block-content .message {
	margin: 0;
	height: 5px;
	align-items: center;
	color: #006FFF;
}

.popup.service-sign-update .page .page-content .block .block-content .button-wrap {
	height: 30px;
}

.popup.service-sign-update .page .page-content .block .block-content .auth-wrap .item-input {
	padding: 0;
}

.popup.service-sign-update .page .page-content .block .block-content .auth-wrap .item-inner {
	display: flex;
	justify-content: space-around;
	flex-direction: row;
	align-items: center;
	padding: 10px;
}

.popup.service-sign-update .page .page-content .block .block-content .auth-wrap .item-inner .item-input-wrap {
	margin-right: 10px;
	width: 50%;
}

.popup.service-sign-update .page .page-content .block .block-content .auth-wrap .item-inner button {
	margin-right: 10px;
	width: 70px;
}

.popup.service-sign-update .page .page-content .block .block-content .auth-wrap .item-inner .timer-wrap {
	width: 70px;
}

.popup.service-sign-update .page .page-content .block .block-content .auth-wrap .item-inner .timer-wrap .time-remains {
	color: #C8222C;
}

.popup.service-sign-update .page .page-content .block .block-footer button {
	font-size: 16px;
	font-weight: 600;
	border-radius: 8px;
	background-color: #006FFF;
	border: none;
	color: #FFFFFF;
	padding: 10px 0px;
}

.popup.stays-detail
 {
	/* --f7-popup-tablet-width: 500px; */
	--f7-popup-tablet-height: 88svh;
	border-radius: 24px;

	--f7-list-link-pressed-bg-color: rgba(0,0,0,0);
}

@media (max-width: 629px) {
	.popup.stays-detail
     {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

/* .navbar  */
.popup.stays-detail
 .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.stays-detail
 .navbar .navbar-bg {
	background-color: #fff;
}

.popup.stays-detail
 .navbar .navbar-inner {
	padding: 0px;
}

.popup.stays-detail
 .navbar .navbar-inner .left .popup-close {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.stays-detail
 .navbar .navbar-inner .title {
	font-weight: bold;
}

.popup.stays-detail
 .navbar .navbar-inner .right {
    width: 50px;
}

.popup.stays-detail
 .page {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 50px;
 }

 .popup.stays-detail .page .button[data-btn-back] {
     position: absolute;
     width: calc(100% - 64px);
     bottom: 50px;
     padding: 24px;
     font-size: 18px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 12px;
	 background-color: #006fff;
	 color: #fff;
}

.popup.stays-detail .page .button[data-btn-back] i {
    margin-right: 8px;
}

.popup.stays-detail
 .page .page-content {
    width: 100%;
	background-color: #eff2f6;
	padding: 16px;
    padding-bottom: 100px;
}


@media (max-width: 629px) {
	.popup.stays-detail
     .page .page-content {
		padding-left: 0px;
		padding-right: 0px;
	}
}
.popup.stays-room-list {
	/* --f7-popup-tablet-width: 500px; */
	--f7-popup-tablet-height: 88svh;
	border-radius: 24px;

	--f7-list-link-pressed-bg-color: rgba(0,0,0,0);
}

@media (max-width: 629px) {
	.popup.stays-room-list {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

/* .navbar  */
.popup.stays-room-list .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.stays-room-list .navbar .navbar-bg {
	background-color: #fff;
}

.popup.stays-room-list .navbar .navbar-inner {
	padding: 0px;
}

.popup.stays-room-list .navbar .navbar-inner .left .popup-close {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.stays-room-list .navbar .navbar-inner .title {
	font-weight: bold;
}

.popup.stays-room-list .navbar .navbar-inner .right {
    width: 50px;
}

.popup.stays-room-list .page .page-content {
	background-color: #eff2f6;
	padding: 16px;
	padding-top: 32px;
}


@media (max-width: 629px) {
	.popup.stays-room-list .page .page-content {
		padding-left: 0px;
		padding-right: 0px;
	}
}
.popup.tickets-list
 {
	/* --f7-popup-tablet-width: 500px; */
	--f7-popup-tablet-height: 88svh;
	border-radius: 24px;

	--f7-list-link-pressed-bg-color: rgba(0,0,0,0);
}

@media (max-width: 629px) {
	.popup.tickets-list
     {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

/* .navbar  */
.popup.tickets-list
 .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.tickets-list
 .navbar .navbar-bg {
	background-color: #fff;
}

.popup.tickets-list
 .navbar .navbar-inner {
	padding: 0px;
}

.popup.tickets-list
 .navbar .navbar-inner .left .popup-close {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.tickets-list
 .navbar .navbar-inner .title {
	font-weight: bold;
}

.popup.tickets-list
 .navbar .navbar-inner .right {
    width: 50px;
}

.popup.tickets-list
 .page {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 50px;
 }

.popup.tickets-list .page .button[data-btn-back] i {
    margin-right: 8px;
}

.popup.tickets-list
 .page .page-content {
    width: 100%;
	background-color: #fff;
	padding: 0;
    padding-bottom: 110px;
}

@media (max-width: 629px) {
	.popup.tickets-list
     .page .page-content {
		padding-left: 0px;
		padding-right: 0px;
	}
}
/* .page */

.sheet-modal.menu-more {
	height: 300px;
	border-radius: 50px 50px 0px 0px;
	width: var(--mobile-width);
	left: calc(50% - (var(--mobile-width) / 2));
	z-index: 10000001;
}

.sheet-modal.menu-more .page {
	border-radius: 50px 50px 0px 0px;
}

/* .page-header */

.sheet-modal.menu-more .sheet-modal-inner {
	display: flex;
	justify-content: center;
	padding-top: 32px;
	border-top: 0px;
}

/* .page-header */

.sheet-modal.menu-more .sheet-modal-inner .page-header div.horizontal-bar {
	position: absolute;
	top: 5px;
	width: 44px;
	left: calc(50% - 22px);
	height: 4px;
	border-radius: 100px;
	background-color: #aaa;
}

/* .page-content */

.sheet-modal.menu-more .sheet-modal-inner .page-content {
	font-size: 17px;
}

.sheet-modal.menu-more .sheet-modal-inner .page-content ul li a.link {
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 4px;
}

.sheet-modal.menu-more .sheet-modal-inner .page-content ul li a.link i {
	min-width: 22px;
	margin-right: 15px;
	color: #484848;
}

.sheet-modal.menu-more .sheet-modal-inner .page-content ul li a.link div.text {
	letter-spacing: -1px;
	color: #484848;
}

.sheet-modal.menu-more .sheet-modal-inner .page-content ul li a.link i.fa-solid { display: none; }
.sheet-modal.menu-more .sheet-modal-inner .page-content ul li a.link i.fa-regular { display: block; }
.sheet-modal.menu-more .sheet-modal-inner .page-content ul li a.link.selected i.fa-solid { display: block; }
.sheet-modal.menu-more .sheet-modal-inner .page-content ul li a.link.selected i.fa-regular { display: none; }

.sheet-modal.menu-more .sheet-modal-inner .page-content ul li a.link.selected i,
.sheet-modal.menu-more .sheet-modal-inner .page-content ul li a.link.selected div.text {
	color: #007aff;
}


/* .page-footer */

.sheet-modal.menu-more .sheet-modal-inner .page-footer {
}


.sheet-modal.menu-more .sheet-modal-inner .page-content ul li[data-product-page="onepple-pass"] a.selected span.icon {
	font-weight: 800;
	color: #007aff;
}

.sheet-modal.menu-more .sheet-modal-inner .page-content ul li[data-product-page="onepple-pass"] span.icon {
	font-family: 'HGsoftGGothicssi';
	letter-spacing: 2px;
	font-size: 18px;
	width: 22px;
	margin-right: 15px;
}

.sheet-modal.menu-more .sheet-modal-inner .page-content ul li[data-product-page="onepple-pass"] a.link div.text {
	font-family: 'HGsoftGGothicssi';
	margin-top: 0px;
}

[namespace=banner-desktop].banner-box {
	width: 550px;
	height: 300px;
}

[namespace=banner-desktop].banner-box .swiper-container {
	position: relative;
	width: 550px;
	height: 300px;
	background-color: #EDF2F6;
	border-radius: 12px;
}

[namespace=banner-desktop].banner-box .swiper-container .swiper-wrapper img {
	width: 550px;
	height: 250px;
}

[namespace=banner-desktop].banner-box .swiper-container .swiper-pagination {
	width: 380px;
	left: calc(50% - 190px);
	margin-bottom: 5px;
}

[namespace=banner-desktop].banner-box .swiper-container .swiper-all {
	position: absolute;
	bottom: 15px;
	left: 25px;
	z-index: 1;
	color: #888888;
}

[namespace=banner-desktop].banner-box .swiper-container .swiper-prev {
	position: absolute;
	bottom: 15px;
	right: 60px;
	z-index: 1;
	color: #888888;
}

[namespace=banner-desktop].banner-box .swiper-container .swiper-next {
	position: absolute;
	bottom: 15px;
	right: 25px;
	z-index: 10;
	color: #888888;
}

[namespace=banner-desktop].banner-box .swiper-container .swiper-all:hover,
[namespace=banner-desktop].banner-box .swiper-container .swiper-prev:hover,
[namespace=banner-desktop].banner-box .swiper-container .swiper-next:hover {
	cursor: pointer;
	color: #007aff;
}

[namespace=banner].banner-box .swiper-container {
	position: relative;
	height: auto;
}

[namespace=banner].banner-box .swiper-container .swiper-wrapper img {
	width: 100%;
}
[namespace=cs-message-desktop].cs-message {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 34px;
	margin-bottom: 34px;
}

[namespace=cs-message-desktop].cs-message .row {
	padding-top: 2px;
	padding-bottom: 2px;
}

[namespace=cs-message-desktop].cs-message .row span.text-mom-heart {
	color: #E72364;
	margin-left: 5px;
	margin-right: 5px;
}

[namespace=cs-message-desktop].cs-message .row span.text-mom-heart i.fa-heart {
	font-size: 12px;
	margin-bottom: 2px;
}

[namespace=cs-message-desktop].cs-message .row span.btn-cs-talk {
	color: #007aff;	
	margin-left: 5px;
	margin-right: 5px;
}

[namespace=cs-message-desktop].cs-message .row span.btn-cs-talk i.fa-comment {
	margin-right: 4px;
}

[namespace=cs-message-desktop].cs-message img {
	position: absolute;
	right: 0px;
	top: -17px;
}
[namespace=empty-message-desktop].empty-message {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	padding-top: 100px;
	padding-bottom: 100px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius: 12px;
	font-size: 15px;
}

[namespace=empty-message-desktop].empty-message .row {
	display: block;
	text-align: center;	
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

[namespace=empty-message-desktop].empty-message .row i.fa-circle-1,
[namespace=empty-message-desktop].empty-message .row i.fa-circle-2 {
	color: #007aff;
}

[namespace=empty-message-desktop].empty-message img.character {
	position: absolute;
	right: 45px;
	bottom: 45px;
}

[namespace=empty-message-desktop].empty-message img.character.superman {
	right: 25px;
	bottom: 35px;
}

/* [namespace=empty-message-desktop-flights].empty-message */

[namespace=empty-message-desktop-flights].empty-message {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	padding: 100px 32px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius: 12px;
	gap: 8px;
}

[namespace=empty-message-desktop-flights].empty-message .row {
	--_-gap: 24px;
	gap: var(--_-gap);
	max-width: 380px;
	width: 100%;
	height: 100%;
	align-items: center;
}

[namespace=empty-message-desktop-flights].empty-message .row > .message-bubble {
	position: relative;
	color: #007aff;
	background-color: #E5F2FF;
	padding: 16px 8px;
	width: 100%;
	border-radius: 8px;
	margin-bottom: 8px;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
}

[namespace=empty-message-desktop-flights].empty-message .row > .message-bubble > .bubble-tail {
	position: absolute;
	top: 100%;
	right: 30%;
	width: 24px;
}

[namespace=empty-message-desktop-flights].empty-message .row > .left {
	width: calc(65% - (var(--_-gap) / 2));
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
}

[namespace=empty-message-desktop-flights].empty-message .row > .left > .button {
	border-radius: 6px;
	padding: 6px;
	font-size: 15px;
	height: auto;
}

[namespace=empty-message-desktop-flights].empty-message .row > .left > .button > i {
	margin-right: 8px;
}

[namespace=empty-message-desktop-flights].empty-message .row > .left > .button-outline {
	color: #333;
	border: 1px solid #e4e4e4;
}

[namespace=empty-message-desktop-flights].empty-message .row > .right {
	width: calc(35% - (var(--_-gap) / 2));
	height: fit-content;
	display: flex;
	justify-content: center;
	align-items: center;
}

[namespace=empty-message-desktop-flights].empty-message .row > .right img {
	width: 100%;
}
[namespace=fixed-layer-desktop].fixed-layer .leftmost {
	position: fixed;
	left: 0px;
	z-index: 1000;	
}

[namespace=fixed-layer-desktop].fixed-layer .leftmost.link {
	margin-top: -300px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 88px;
	font-size: 15px;
	font-weight: 600;
	background-color: #F7F6F3;
	line-height: 130%;
	border-radius: 0px 12px 12px 0px;
}

[namespace=fixed-layer-desktop].fixed-layer .leftmost.text {
	margin-top: -190px;	
	margin-left: 20px;
	font-size: 13px;
	color: #888;
	letter-spacing: -1px;
	line-height: 150%;
}

[namespace=fixed-layer-desktop].fixed-layer .rightmost {
	position: fixed;
	right: 0px;
	margin-top: -300px;
	background-color: #fff;
	border-radius: 12px 0px 0px 12px;	
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 1000;
}

[namespace=fixed-layer-desktop].fixed-layer .rightmost.mini {
	width: 50px;
	height: 80px;
}

[namespace=fixed-layer-desktop].fixed-layer .rightmost.mini .link {
	padding: 4px;
	width: 34px;
	height: 30px;
	border: 1px solid #E4E4E4;
	border-radius: 4px;
}

[namespace=fixed-layer-desktop].fixed-layer .rightmost.mini .link:first-child {
	margin-bottom: 5px;
}

[namespace=fixed-layer-desktop].fixed-layer .rightmost.max {
	width: 340px;
	height: auto;
	opacity: 0.9;
	/*margin-right: -180px;	*/
}

[namespace=fixed-layer-desktop].fixed-layer .rightmost.max [data-btn-minimize-this] {
	position: absolute;
	top: -25px;
	right: 10px;
	color: #888;
}

[namespace=fixed-layer-desktop].fixed-layer [data-btn-scroll-top] {
	position: fixed;
/*	margin-left: 1040px;*/
	right: 98px;
	bottom: 165px;
	font-size: 0px;
	background-color: #fff;
	border-radius: 50%;
	width: 26px;
	height: 26px;
	z-index: 10;
	opacity: 0;
}

[namespace=fixed-layer-desktop].fixed-layer [data-btn-scroll-top] i {
	font-size: 26px;
}


/* .search-conditions */

[namespace=fixed-layer-desktop].fixed-layer [namespace=search-conditions].search-conditions {
	position: relative;
	visibility: visible !important;
	border-radius: 12px 0px 0px 12px;
}

[namespace=fixed-layer-desktop].fixed-layer [namespace=search-conditions].search-conditions .row-expand-1,
[namespace=fixed-layer-desktop].fixed-layer [namespace=search-conditions].search-conditions .row-expand-2 {
	visibility: visible;
	letter-spacing: -1.5px;
}

HTML.device-windows [namespace=fixed-layer-desktop].fixed-layer [namespace=search-conditions].search-conditions .row-expand-1 .main-conditions ul li {
	padding: 4px 3px;
}

[namespace=fixed-layer-desktop].fixed-layer [namespace=search-conditions].search-conditions .row-expand-1 .chk-btn.checked i.fa-square-check,
[namespace=fixed-layer-desktop].fixed-layer [namespace=search-conditions].search-conditions .row-expand-1 .chk-btn:not(.checked) i.fa-square {
	display: block;
}

[namespace=fixed-layer-desktop].fixed-layer [namespace=search-conditions].search-conditions .row-expand-1 .chk-btn:not(.checked) i.fa-square-check,
[namespace=fixed-layer-desktop].fixed-layer [namespace=search-conditions].search-conditions .row-expand-1 .chk-btn.checked i.fa-square {
	display: none;
}

[namespace=fixed-layer-desktop].fixed-layer [namespace=search-conditions].search-conditions [data-btn-show-popup-calendar="stays"].schedule {
	padding: 5px;
	font-size: 12px;
}
[namespace=fixed-layer].fixed-layer {
	position: relative;
}

[namespace=fixed-layer].fixed-layer [data-btn-scroll-top] {
	position: fixed;
/*	margin-left: 625px;*/
/*	right: 250px;*/
/*	bottom: 40px;*/
	right: 98px;
	bottom: 165px;
	font-size: 0px;
	background-color: #fff;
	border-radius: 50%;
	border: 1px solid #000000;
	width: 26px;
	height: 26px;
	z-index: 10;
	opacity: 0;
}

[namespace=fixed-layer].fixed-layer [data-btn-scroll-top] i {
	color: #000000;
	font-size: 26px;
}

[namespace=fixed-layer].fixed-layer .sub-menu {
	position: fixed;
	right: 50%;
	bottom: 165px;
	transform: translateX(50%);
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
}

[namespace=fixed-layer].fixed-layer .sub-menu > .item {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4px 12px;
	border: 1px solid #bbb;
	background-color: #fff;
	position: relative;
}

[namespace=fixed-layer].fixed-layer .sub-menu > .item.selected + .item {
	border-left: 0;
}

[namespace=fixed-layer].fixed-layer .sub-menu > .item:not(:last-child) {
	border-right: 0;
}

[namespace=fixed-layer].fixed-layer .sub-menu > .item:first-child {
	border-radius: 12px 0px 0px 12px;
}

[namespace=fixed-layer].fixed-layer .sub-menu > .item:last-child {
	border-radius: 0px 12px 12px 0px;
}

[namespace=fixed-layer].fixed-layer .sub-menu > .item.selected {
	background-color: #F1F8FF;
	color:#007aff;
	border: 1px solid #007aff;
}

[namespace=fixed-layer].fixed-layer .sub-menu > .item.badge-new::after {
	content: "";
	position: absolute;
	top: 4px;
	right: 4px;
	width: 5px;
	height: 5px;
	background-color: #FF0000;
	border-radius: 50%;
}

[namespace=fixed-layer].fixed-layer .sub-menu > .item.accent:not(.selected) {
	color: #E72364;
	border-color: #E72364;
}

[namespace=fixed-layer].fixed-layer .sub-menu > .item.accent-blue.selected {
	color: #fff;
	border-color: #007aff;
	background: linear-gradient(45deg, #007aff, #94c8ff, #007aff);
	background-size: 800%;
	animation: glow-effect 18s linear infinite;
}

[namespace=fixed-layer].fixed-layer .sub-menu > .item.accent-pink.selected {
	color: #fff;
	border-color: #E72364;
	background: linear-gradient(45deg, #E72364, #7f65ff, #E72364);
	background-size: 800%;
	animation: glow-effect 18s linear infinite;
}

[namespace=fixed-layer].fixed-layer .sub-menu > .item.accent.selected::after {
	display: none;
}

[namespace=fixed-layer].fixed-layer .region-selected {
	position: fixed;
	right: 10%;
	bottom: 64px;
	z-index: 10;
	color: #007aff;
	font-size: 16px;
	display: flex;
	gap: 8px;
	border-radius: 24px;
	background-color: #fff;
	padding: 4px 12px;
	transition: bottom 0.3s;
	align-items: center;
}

[namespace=fixed-layer].fixed-layer .region-selected > .image-wrap {
	width: 24px;
	display: flex;
	align-items: center;
}

[namespace=fixed-layer].fixed-layer .region-selected > .image-wrap img {
	width: 100%;
}

@keyframes glow-effect {
	0% {
	  background-position: 0% 0%;
	}
	100% {
	  background-position: 800% 800%;
	}
}

@media (max-width: 1004px) {
	[namespace=fixed-layer].fixed-layer [data-btn-scroll-top] {
		margin-left: 0;
		bottom: 125px;
/*		right: 23px;*/
		left: 24px;
	}

	[namespace=fixed-layer].fixed-layer .sub-menu {
		bottom: 125px;
	}
}

[namespace=footer-desktop].page-footer {
	display: flex;
	flex-direction: column;
}

[namespace=footer-desktop].page-footer .footer-top {
	align-self: center;
	border-bottom: 1px solid #bbb;
	margin-bottom: 16px;
	padding-bottom: 12px;
	align-items: center;
}

[namespace=footer-desktop].page-footer .footer-top .row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-weight: 600;
	font-size: 17px;
	padding: 0 8px;
	margin-left: 4px;
	margin-right: 4px;
}

[namespace=footer-desktop].page-footer .footer-top .row .left span.title {
	letter-spacing: -1px;
	margin-right: 16px;
}

[namespace=footer-desktop].page-footer .footer-top .row .right .phone {
	color: #006FFF;
}

[namespace=footer-desktop].page-footer .footer-top .row .right .phone i {
	font-size: 18px;
	margin-right: 5px;
}

[namespace=footer-desktop].page-footer .footer-inner {
	align-self: center;
}

[namespace=footer-desktop].page-footer .footer-inner .row {
	color: #484848;
	padding: 0 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	align-items: center;
}

[namespace=footer-desktop].page-footer .footer-inner .row:first-child {
	margin-bottom: 6px;
}

[namespace=footer-desktop].page-footer .footer-inner .row span {
	margin-left: 2px;
	margin-right: 2px;
}

[namespace=footer-desktop].page-footer .footer-inner .row span.link {
	font-weight: 600;
	letter-spacing: -1px;
}

[namespace=footer-desktop].page-footer .footer-inner .row span.link:hover {
	color: #007aff;	
}

[namespace=footer-desktop].page-footer .footer-inner .row .left {
	display: flex;
	flex-direction: row;
	align-self: center;
	font-weight: 600;
}

[namespace=footer-desktop].page-footer .footer-inner .row .left .comment {
	color: #006FFF;
}

[namespace=footer-desktop].page-footer .footer-inner .row .right {
	display: flex;
	flex-direction: row;
	align-items: center;
}

[namespace=footer-desktop].page-footer .footer-inner .row .right .button {
	padding: 0px 12px;
	height: auto;
	color: #333;
	background-color: #fff;
	border: 1px solid #bbb;
	border-radius: 4px;
	font-weight: 500;
	font-size: 11px;
}


[namespace=footer-desktop].page-footer .footer-inner .row-company-container {
	width: 65%;
	display: flex;
	flex-direction: column;
}

[namespace=footer-desktop].page-footer .footer-inner .row-company-container .company {
	display: flex;
	justify-content: flex-start;
}

[namespace=footer-desktop].page-footer .footer-inner .row-certifications-container {
	width: 35%;
	display: flex;
	justify-content: flex-end;
}

[namespace=footer-desktop].page-footer .footer-inner .row-certifications-container img {
	max-height: 35px;
	margin: 10px 5px;
}

[namespace=footer-desktop].page-footer .footer-bottom {
	background-color: #dedede;
	font-size: 12px;
	letter-spacing: -0.5px;
	margin-top: 16px;
	padding-top: 16px;
	padding-bottom: 16px;
}
[namespace=footer].page-footer {
	margin-top: 50px;
	padding-top: 15px;
	/* padding-bottom: 30px; */
	display: flex;
	flex-direction: column;
}

[namespace=footer].page-footer .footer-top {
	width: calc(100% - 50px);
	align-self: center;
	border-bottom: 1px solid #bbb;
	margin-bottom: 16px;
	padding-bottom: 12px;
	align-items: center;
}

[namespace=footer].page-footer .footer-top .row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-weight: 600;
	font-size: 17px;
	padding: 0 8px;
	margin-left: 4px;
	margin-right: 4px;
}

[namespace=footer].page-footer .footer-top .row .left span.title {
	letter-spacing: -1px;
	margin-right: 16px;
}

[namespace=footer].page-footer .footer-top .row .right .phone {
	color: #006FFF;
}

[namespace=footer].page-footer .footer-top .row .right .phone i {
	font-size: 18px;
	margin-right: 5px;
}

[namespace=footer].page-footer .footer-inner {
	align-self: center;
	display: flex;
	flex-direction: column;
	width: calc(100% - 50px);
}

[namespace=footer].page-footer .footer-inner .row {
	color: #484848;
	padding: 0 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}

[namespace=footer].page-footer .footer-inner .row:first-child {
	margin-bottom: 6px;
}

[namespace=footer].page-footer .footer-inner .row > span {
	flex-basis: calc(50% - 20px);
	align-self: center;
	margin-left: 4px;
	margin-right: 4px;
}

[namespace=footer].page-footer .footer-inner .row > span:nth-child(odd) {
	margin-left: 0;
	text-align: left;
}

[namespace=footer].page-footer .footer-inner .row > span:nth-child(even) {
	margin-right: 0;
	text-align: right;
}

[namespace=footer].page-footer .footer-inner .row span.link {
	font-weight: 600;
	letter-spacing: -1px;
}

[namespace=footer].page-footer .footer-inner .row span.link:hover {
	color: #007aff;	
}

[namespace=footer].page-footer .footer-inner .row.guide {
	margin-top: 16px;
	margin-bottom: 16px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	flex-wrap: nowrap;
}

[namespace=footer].page-footer .footer-inner .row.guide span.comment {
	color: #006FFF;
	text-align: center !important;
}

[namespace=footer].page-footer .footer-inner .row.buttons {
	padding: 0 60px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

[namespace=footer].page-footer .footer-inner .row.buttons .button {
	padding: 0px 12px;
	height: auto;
	color: #333;
	background-color: #fff;
	border: 1px solid #bbb;
	border-radius: 4px;
	font-weight: 500;
	font-size: 11px;
}

[namespace=footer].page-footer .footer-inner .row.company > span {
	justify-content: center;
	align-items: center;
}

[namespace=footer].page-footer .footer-inner .row.certifications {
	margin-top: 16px;
	padding: 0 60px;
}

[namespace=footer].page-footer .footer-inner .row.certifications img {
	max-height: 50px;
	min-height: 40px;
	height: 6vw;
	margin: 10px 5px;
}


[namespace=footer].page-footer .footer-bottom {
	background-color: #dedede;
	font-size: 12px;
	letter-spacing: -0.5px;
	margin-top: 16px;
	padding: 16px 32px;
}

@media (max-width:700px) {
	[namespace=footer].page-footer .footer-inner .row > span {
		flex-basis: 100%;
		margin: 0;
		text-align: left !important;
	}
}

@media (max-width: 500px) {
	[namespace=footer].page-footer .footer-inner .row.certifications {
		padding: 0;
	}

	[namespace=footer].page-footer .footer-inner .row.buttons {
		padding: 0;
	}

	[namespace=footer].page-footer .footer-inner .row.buttons .button {
		font-size: 2.5vw;
	}
}

[namespace=header-desktop].page-header {
	z-index: 1001;
}

[namespace=header-desktop].page-header .header-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

[namespace=header-desktop].page-header .header-inner .logo {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 30px;
}

[namespace=header-desktop].page-header .header-inner .logo .left img {
	width: 18px;
}

[namespace=header-desktop].page-header .header-inner .logo .center {
	margin-top: 10px;
	margin-left: 88px;
}

[namespace=header-desktop].page-header .header-inner .menu {
	margin-bottom: 20px;
}

[namespace=header-desktop].page-header .header-inner .menu ul {
	display: flex;
}

[namespace=header-desktop].page-header .header-inner .menu ul li a.link {
	display: flex;
	flex-direction: column;
	text-align: center;
	margin-left: 20px;
	min-width: 50px;
	color: #fff;
}

[namespace=header-desktop].page-header .header-inner .menu ul li a.link i {
	font-size: 20px;
}

[namespace=header-desktop].page-header .header-inner .menu ul li a.link div.text {
	margin-top: 6px;
	font-size: 16px;
	letter-spacing: -1px;
}

[namespace=header-desktop].page-header .header-inner .menu ul li a.link div.text i {
	font-size: 16px;
}

[namespace=header-desktop].page-header .header-inner .menu ul li a.link img {
	height: 20px;
}

[namespace=header-desktop].page-header .header-inner .menu ul li a.link i.fa-solid { display: none; }
[namespace=header-desktop].page-header .header-inner .menu ul li a.link i.fa-light { display: block; }
[namespace=header-desktop].page-header .header-inner .menu ul li a.link.selected i.fa-solid { display: block; }
[namespace=header-desktop].page-header .header-inner .menu ul li a.link.selected i.fa-light { display: none; }

[namespace=header-desktop].page-header .header-inner .menu ul li a.link.selected i,
[namespace=header-desktop].page-header .header-inner .menu ul li a.link.selected div.text {
	color: #FEF35D;
}

[namespace=header-desktop].page-header .header-inner .menu ul li[data-product-page="onepple-pass"].selected span.icon {
	font-weight: 800;
}

[namespace=header-desktop].page-header .header-inner .menu ul li[data-product-page="onepple-pass"] span.icon {
	font-family: 'HGsoftGGothicssi';
	letter-spacing: 2px;
	font-size: 18px;
	line-height: 1.48;
}

[namespace=header-desktop].page-header .header-inner .menu ul li[data-product-page="onepple-pass"] a.link div.text {
	font-family: 'HGsoftGGothicssi';
	margin-top: 0px;
}

/* badge-override */
[namespace=header-desktop].page-header .header-inner .badge {
	position: absolute;
	top: -8px;
	right: -8px;
	font-size: 8px;
	height: fit-content;
	padding: 2px 6px;
	padding-top: 3px;
}

[namespace=header-desktop].page-header .header-inner .balloon.balloon-color-blue {
	--balloon-bg-color: #e7f2ff;
	--balloon-text-color: #007BFF;
	--balloon-delay: 0.4s;
}

[namespace=header-desktop].page-header .header-inner .balloon.balloon-color-pink {
	--balloon-bg-color: #ffecf2;
	--balloon-text-color: #FF4081;
	--balloon-delay: 0.7s;
}

[namespace=header-desktop].page-header .header-inner .balloon {
	position: absolute;
	bottom: calc(100% + 5px);
	font-size: 12px;
	text-wrap: nowrap;
	padding: 4px 6px;
	border-radius: 20px;
	letter-spacing: -1px;
	color: var(--balloon-text-color,#3f5070);
	background-color: var(--balloon-bg-color,#FFEA00);
	animation: float-updown 2s ease-in-out infinite;
	animation-delay: var(--balloon-delay, 0.2s);
}

[namespace=header-desktop].page-header .header-inner .balloon::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 4px solid transparent;
	border-top-color: var(--balloon-bg-color,#FFEA00);
}
/* .step1-B */

[namespace=header].page-header.step1-B:not(.desktop-view),
[namespace=header].page-header.step1-B:not(.desktop-view) .left,
[namespace=header].page-header.step1-B:not(.desktop-view) .center,
[namespace=header].page-header.step1-B:not(.desktop-view) .right {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	height: 50px;
}

[namespace=header].page-header.step1-B:not(.desktop-view) .left a {
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

[namespace=header].page-header.step1-B:not(.desktop-view) .center {
	font-size: 16px;
	font-weight: bold;
}

[namespace=header].page-header.step1-B:not(.desktop-view) .right a {
	padding: 8px;
	margin-right: 8px;
	color: #888;
	font-size: 22.5px;
	position: relative;
}

[namespace=header].page-header.step1-B:not(.desktop-view) .right a.share img {
	height: 1rem;
}

[namespace=header].page-header.step1-B:not(.desktop-view) .right a > .float-tooltip {
	position: absolute;
	background-color: #000;
	color: #fff;
	font-size: 13px;
	padding: 8px 12px;
	border-radius: 8px;
	opacity: 0.9;
	z-index: 10;
}

/* .step2-check  */

[namespace=header].page-header.step2-check:not(.desktop-view),
[namespace=header].page-header.step2-check:not(.desktop-view) .left,
[namespace=header].page-header.step2-check:not(.desktop-view) .center,
[namespace=header].page-header.step2-check:not(.desktop-view) .right {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	height: 50px;
}

[namespace=header].page-header.step2-check:not(.desktop-view) .left a {
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

[namespace=header].page-header.step2-check:not(.desktop-view) .center {
	font-size: 16px;
	font-weight: bold;
}

[namespace=header].page-header.step2-check:not(.desktop-view) .right a {
	padding: 8px;
	margin-right: 8px;
	color: #888;
	font-size: 22.5px;
}

/* .cs  */

[namespace=header].page-header.cs:not(.desktop-view),
[namespace=header].page-header.cs:not(.desktop-view) .left,
[namespace=header].page-header.cs:not(.desktop-view) .center,
[namespace=header].page-header.cs:not(.desktop-view) .right {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	height: 50px;
}

[namespace=header].page-header.cs:not(.desktop-view) .left a {
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

[namespace=header].page-header.cs:not(.desktop-view) .center {
	font-size: 16px;
	font-weight: bold;
}

[namespace=header].page-header.cs:not(.desktop-view) .right a {
	padding: 8px;
	padding-top: 4px;
	margin-right: 8px;
	border-radius: 4px;
	color: #888;
	font-size: 22.5px;
}

/* .my-account  */

[namespace=header].page-header.my-account:not(.desktop-view),
[namespace=header].page-header.my-account:not(.desktop-view) .left,
[namespace=header].page-header.my-account:not(.desktop-view) .center,
[namespace=header].page-header.my-account:not(.desktop-view) .right {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	height: 50px;
}

[namespace=header].page-header.my-account:not(.desktop-view) .left a {
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

[namespace=header].page-header.my-account:not(.desktop-view) .center {
	font-size: 16px;
	font-weight: bold;
}

[namespace=header].page-header.my-account:not(.desktop-view) .right a {
	padding: 8px;
	padding-top: 4px;
	margin-right: 8px;
	border-radius: 4px;
	color: #888;
	font-size: 22.5px;
}

/* .my-booking */

[namespace=header].page-header.my-booking:not(.desktop-view),
[namespace=header].page-header.my-booking:not(.desktop-view) .left,
[namespace=header].page-header.my-booking:not(.desktop-view) .center,
[namespace=header].page-header.my-booking:not(.desktop-view) .right {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	height: 50px;
}

[namespace=header].page-header.my-booking:not(.desktop-view) .left a {
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

[namespace=header].page-header.my-booking:not(.desktop-view) .center {
	font-size: 16px;
	font-weight: bold;
}

[namespace=header].page-header.my-booking:not(.desktop-view) .right a {
	padding: 8px;
	padding-top: 4px;
	margin-right: 8px;
	border-radius: 4px;
	color: #888;
	font-size: 22.5px;
	height: 100%;
}

[namespace=header].page-header.my-booking .right a {
	position: relative;
}

[namespace=header].page-header.my-booking .right a .badge {
	position: absolute;
	--f7-badge-size: 8px;
	right: -4px;
	top: 10px;
}

[namespace=header].page-header.my-booking .right a .badge[data-count-consult="0"] { display: none; }

/* .my-benefit */

[namespace=header].page-header.my-benefit:not(.desktop-view),
[namespace=header].page-header.my-benefit:not(.desktop-view) .left,
[namespace=header].page-header.my-benefit:not(.desktop-view) .center,
[namespace=header].page-header.my-benefit:not(.desktop-view) .right {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	height: 50px;
}

[namespace=header].page-header.my-benefit:not(.desktop-view) .left a {
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

[namespace=header].page-header.my-benefit:not(.desktop-view) .center {
	font-size: 16px;
	font-weight: bold;
}

[namespace=header].page-header.my-benefit:not(.desktop-view) .right a {
	padding: 8px;
	padding-top: 4px;
	margin-right: 8px;
	border-radius: 4px;
	color: #888;
	font-size: 22.5px;
	height: 100%;
}

[namespace=header].page-header.my-benefit .right a {
	position: relative;
}

/* .my-benefit-usage */

[namespace=header].page-header.my-benefit-usage:not(.desktop-view),
[namespace=header].page-header.my-benefit-usage:not(.desktop-view) .left,
[namespace=header].page-header.my-benefit-usage:not(.desktop-view) .center,
[namespace=header].page-header.my-benefit-usage:not(.desktop-view) .right {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	height: 50px;
}

[namespace=header].page-header.my-benefit-usage:not(.desktop-view) .left a {
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

[namespace=header].page-header.my-benefit-usage:not(.desktop-view) .center {
	font-size: 16px;
	font-weight: bold;
}

[namespace=header].page-header.my-benefit-usage:not(.desktop-view) .right a {
	padding: 8px;
	padding-top: 4px;
	margin-right: 8px;
	border-radius: 4px;
	color: #888;
	font-size: 22.5px;
	height: 100%;
}

[namespace=header].page-header.my-benefit-usage .right a {
	position: relative;
}

/* .my-benefit-coin */

[namespace=header].page-header.my-benefit-coin:not(.desktop-view),
[namespace=header].page-header.my-benefit-coin:not(.desktop-view) .left,
[namespace=header].page-header.my-benefit-coin:not(.desktop-view) .center,
[namespace=header].page-header.my-benefit-coin:not(.desktop-view) .right {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	height: 50px;
}

[namespace=header].page-header.my-benefit-coin:not(.desktop-view) .left a {
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

[namespace=header].page-header.my-benefit-coin:not(.desktop-view) .center {
	font-size: 16px;
	font-weight: bold;
}

[namespace=header].page-header.my-benefit-coin:not(.desktop-view) .right a {
	padding: 8px;
	padding-top: 4px;
	margin-right: 8px;
	border-radius: 4px;
	color: #888;
	font-size: 22.5px;
	height: 100%;
}

[namespace=header].page-header.my-benefit-coin .right a {
	position: relative;
}

/* .my-benefit-coupon */

[namespace=header].page-header.my-benefit-coupon:not(.desktop-view),
[namespace=header].page-header.my-benefit-coupon:not(.desktop-view) .left,
[namespace=header].page-header.my-benefit-coupon:not(.desktop-view) .center,
[namespace=header].page-header.my-benefit-coupon:not(.desktop-view) .right {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	height: 50px;
}

[namespace=header].page-header.my-benefit-coupon:not(.desktop-view) .left a {
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

[namespace=header].page-header.my-benefit-coupon:not(.desktop-view) .center {
	font-size: 16px;
	font-weight: bold;
}

[namespace=header].page-header.my-benefit-coupon:not(.desktop-view) .right a {
	padding: 8px;
	padding-top: 4px;
	margin-right: 8px;
	border-radius: 4px;
	color: #888;
	font-size: 22.5px;
	height: 100%;
}

[namespace=header].page-header.my-benefit-coupon .right a {
	position: relative;
}

/* .pay */

[namespace=header].page-header.pay:not(.desktop-view),
[namespace=header].page-header.pay:not(.desktop-view) .left,
[namespace=header].page-header.pay:not(.desktop-view) .center,
[namespace=header].page-header.pay:not(.desktop-view) .right {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	height: 50px;
}

[namespace=header].page-header.pay:not(.desktop-view) .left a {
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

[namespace=header].page-header.pay:not(.desktop-view) .center {
	font-size: 16px;
	font-weight: bold;
}

[namespace=header].page-header.pay:not(.desktop-view) .right a {
	position: relative;
	padding: 8px;
	padding-top: 4px;
	margin-right: 8px;
	color: #888;
	font-size: 22.5px;
	height: 100%;
}

[namespace=header].page-header.pay .right a .badge {
	position: absolute;
	--f7-badge-size: 8px;
	right: -4px;
	top: 10px;
}

[namespace=header].page-header.pay .right a .badge[data-count-consult="0"] { display: none; }

/* .step3-done */

[namespace=header].page-header.step3-done:not(.desktop-view),
[namespace=header].page-header.step3-done:not(.desktop-view) .left,
[namespace=header].page-header.step3-done:not(.desktop-view) .center,
[namespace=header].page-header.step3-done:not(.desktop-view) .right {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	height: 50px;
}

[namespace=header].page-header.step3-done:not(.desktop-view) .right,
[namespace=header].page-header.step3-done:not(.desktop-view) .left {
	width: 50px;
}

[namespace=header].page-header.step3-done:not(.desktop-view) .left a {
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

[namespace=header].page-header.step3-done:not(.desktop-view) .center {
	font-size: 16px;
	font-weight: bold;
}

[namespace=header].page-header.step3-done:not(.desktop-view) .right a {
	border: 1px solid #E4E4E4;
	font-size: 16px;
	padding: 9px 7.13px;
	margin-right: 15px;
	border-radius: 4px;
	color: #333;
}

/* resign-done */

[namespace=header].page-header.resign-done:not(.desktop-view),
[namespace=header].page-header.resign-done:not(.desktop-view) .left,
[namespace=header].page-header.resign-done:not(.desktop-view) .center,
[namespace=header].page-header.resign-done:not(.desktop-view) .right {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	height: 50px;
}

[namespace=header].page-header.resign-done:not(.desktop-view) .center {
	font-size: 16px;
	font-weight: bold;
	color: #C8222C;
}

/* .cs  */

[namespace=horizontal-card-wrap].swiper-container.cs {
	padding-left: 15px;
	padding-right: 50px;
}

[namespace=horizontal-card-wrap].swiper-container.cs .swiper-wrapper .swiper-slide {
	display: block;
	background-color: #fff;
	width: 120px;
	height: 120px;
	border-radius: 12px;
}

[namespace=horizontal-card-wrap].swiper-container.cs .swiper-wrapper .swiper-slide .horizontal-card {
	padding-top: 15px;
	padding-left: 15px; 	
}

[namespace=horizontal-card-wrap].swiper-container.cs .swiper-wrapper .swiper-slide .horizontal-card .sub-title {
	font-size: 12px;
	color: #888;
	letter-spacing: -1px;
	margin-bottom: 5px;
}

[namespace=horizontal-card-wrap].swiper-container.cs .swiper-wrapper .swiper-slide .horizontal-card .title {
	font-weight: 600;
}

[namespace=horizontal-card-wrap].swiper-container.cs .swiper-wrapper .swiper-slide .horizontal-card i {
	position: absolute;
	right: 15px;
	bottom: 15px;
	font-size: 24px;
	color: #484848;
}

/* .island-lounge  */

[namespace=horizontal-card-wrap].swiper-container.island-lounge {
	padding-left: 15px;
	padding-right: 0px;
	padding-bottom: 40px;
}

[namespace=horizontal-card-wrap].swiper-container.island-lounge .swiper-wrapper .swiper-slide {
	position: relative;
	display: block;
	background-color: #035257;
	color: #fff;
	width: 102px;
	height: 102px;
	border-radius: 100%;
}

[namespace=horizontal-card-wrap].swiper-container.island-lounge .swiper-wrapper .swiper-slide .horizontal-card {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

[namespace=horizontal-card-wrap].swiper-container.island-lounge .swiper-wrapper .swiper-slide .horizontal-card i {
	color: #fff;
	font-size: 45px;
}

[namespace=horizontal-card-wrap].swiper-container.island-lounge .swiper-wrapper .swiper-slide .text {
	position: absolute;
	bottom: -30px;
	color: #888;
}

[namespace=horizontal-card-wrap].swiper-container.island-lounge .swiper-wrapper .swiper-slide.selected {
	background-color: #007AFF;
}

[namespace=horizontal-card-wrap].swiper-container.island-lounge .swiper-wrapper .swiper-slide.selected .text {
	color: #fff;
}

@media (max-width: 600px) {
	[namespace=horizontal-card-wrap].swiper-container.island-lounge {
		padding-right: 50px;
	}

	[namespace=horizontal-card-wrap].swiper-container.island-lounge .swiper-wrapper .swiper-slide {
		width: 88px;
		height: 88px;
	}

	[namespace=horizontal-card-wrap].swiper-container.island-lounge .swiper-wrapper .swiper-slide .horizontal-card i {
		font-size: 40px;
	}
}

[namespace=important-news].list ul li {
	letter-spacing: -1px;
}

[namespace=important-news].list .best-agency .item-media i {
	--fa-primary-color: gold;
	--fa-secondary-color: red;
	--fa-secondary-opacity: 1.0;
	margin-top: 4px;
}

[namespace=important-news].list .low-price-guarantee .item-media i {
	color: #46DE57;
}
[namespace=init-message-desktop].init-message {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	padding-top: 100px;
	padding-bottom: 100px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius: 12px;
	font-size: 15px;
}

[namespace=init-message-desktop].init-message .row {
	display: block;
	text-align: center;	
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

[namespace=init-message-desktop].init-message .row i.fa-circle-1,
[namespace=init-message-desktop].init-message .row i.fa-circle-2 {
	color: #007aff;
}

[namespace=init-message-desktop].init-message img.character {
	position: absolute;
	right: 45px;
	bottom: 45px;
}

[namespace=init-message-desktop].init-message img.character.superman {
	right: 25px;
	bottom: 35px;
}
[namespace=init-message].card .card-content {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 25px;
	padding-bottom: 25px;
}

[namespace=init-message].card .card-footer {
	letter-spacing: -1px;
}
[namespace=partial-landing].page-header {
	height: 80px;
	min-height: 80px;
}

[namespace=partial-landing].page-header .left .logo {
	font-size: 22px;
}

[namespace=partial-landing].page-header .left .logo div.icon {
	transform: translateY(2px);
	color: #111;
}

[namespace=partial-landing].page-header .left .logo div.icon .fa-rocket {
	transform: rotate(315deg);
}

[namespace=partial-landing].page-header .left .logo div.text {
	font-size: 16px;
	margin-left: 4px;
	margin-bottom: 2px;
}

[namespace=partial-landing].page-header .right a {
	margin-left: 16px;
	font-size: 16px;
}

[namespace=partial-landing].page-header .right a.bar {
	border-left: 1px solid #ddd;
	margin-left: 16px;
	padding-left: 2px;
}

/* .page-footer */

[namespace=partial-landing].page-footer {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: auto;
	padding-bottom: 18px;
}

[namespace=partial-landing].page-footer .block {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
}

[namespace=partial-landing].page-footer .block a {
	margin-right: 8px;
}

[namespace=partial-landing].page-footer .block span {
	color: #888;
}
[namespace=navbar-desktop].navbar-desktop {
	position: fixed;
	top: 0px;
	width: 100%;	
	height: 94px;
	background-color: #007aff;
	z-index: 10000;
	display: none;
	transition: top 0.3s, height 0.3s; /* Transition effect when sliding down (and up) */
	overflow: hidden;
}

[namespace=navbar-desktop].navbar-desktop .navbar-inner {
	width: var(--desktop-width);
	left: calc(50% - (var(--desktop-width) / 2));
	color: #fff;		
}

[namespace=navbar-desktop].navbar-desktop .navbar-inner .left {
	margin-top: 10px;
}

[namespace=navbar-desktop].navbar-desktop .navbar-inner .right ul {
	display: flex;
}

[namespace=navbar-desktop].navbar-desktop .navbar-inner .right ul li a.link {
	display: flex;
	flex-direction: column;
	text-align: center;
	margin-left: 20px;
	min-width: 50px;
	color: #fff;
}

[namespace=navbar-desktop].navbar-desktop .navbar-inner .right ul li a.link i {
	font-size: 20px;
}

[namespace=navbar-desktop].navbar-desktop .navbar-inner .right ul li a.link div.text {
	margin-top: 6px;
	font-size: 16px;
	letter-spacing: -1px;
	text-wrap: nowrap;
}

[namespace=navbar-desktop].navbar-desktop .navbar-inner .right ul li a.link div.text i {
	font-size: 16px;
}

[namespace=navbar-desktop].navbar-desktop .navbar-inner .right ul li a.link img {
	height: 20px;
}

[namespace=navbar-desktop].navbar-desktop .navbar-inner .right ul li a.link i.fa-solid { display: none; }
[namespace=navbar-desktop].navbar-desktop .navbar-inner .right ul li a.link i.fa-light { display: block; }
[namespace=navbar-desktop].navbar-desktop .navbar-inner .right ul li a.link.selected i.fa-solid { display: block; }
[namespace=navbar-desktop].navbar-desktop .navbar-inner .right ul li a.link.selected i.fa-light { display: none; }

[namespace=navbar-desktop].navbar-desktop .navbar-inner .right ul li a.link.selected i,
[namespace=navbar-desktop].navbar-desktop .navbar-inner .right ul li a.link.selected div.text {
	color: #FEF35D;
}


[namespace=navbar-desktop].navbar-desktop.on-lounge {
	background-color: #111111;
}

[namespace=navbar-desktop].navbar-desktop.on-lounge .navbar-inner .right ul li a.link.selected i,
[namespace=navbar-desktop].navbar-desktop.on-lounge .navbar-inner .right ul li a.link.selected span.icon,
[namespace=navbar-desktop].navbar-desktop.on-lounge .navbar-inner .right ul li a.link.selected div.text {
	color: #FCF376;
	font-weight: 800;
}

[namespace=navbar-desktop].navbar-desktop .navbar-inner li[data-product-page="onepple-pass"] span.icon {
	font-family: 'HGsoftGGothicssi';
	letter-spacing: 2px;
	font-size: 18px;
	line-height: 1.48;
}

[namespace=navbar-desktop].navbar-desktop .navbar-inner .right ul li[data-product-page="onepple-pass"] a.link div.text {
	font-family: 'HGsoftGGothicssi';
	margin-top: 0px;
}

@media (max-width: 1004px) {
	[namespace=navbar-desktop].navbar-desktop {
		display: none !important;
	}
}

/* badge-override */
[namespace=navbar-desktop].navbar-desktop .navbar-inner .badge {
	position: absolute;
	top: -8px;
	right: -8px;
	font-size: 8px;
	height: fit-content;
	padding: 2px 6px;
	padding-top: 3px;
}
[namespace=navbar].navbar-mobile {
	position: fixed;
	bottom: 0px;
	width: 100%;	
	height: 94px;
	z-index: 10000;
	/*display: none;*/
	transition: bottom 0.3s; /* Transition effect when sliding down (and up) */
}

[namespace=navbar].navbar-mobile .navbar-inner {
	width: var(--mobile-width);
	left: calc(50% - (var(--mobile-width) / 2));
	color: #888;
	padding-left: 40px;
	padding-right: 40px;
	background-color: #fff;
	opacity: 0.95;
	border-radius: 24px 24px 0px 0px;
}

[namespace=navbar].navbar-mobile .navbar-inner ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

[namespace=navbar].navbar-mobile .navbar-inner ul li a.link {
	display: flex;
	flex-direction: column;
	text-align: center;
}

[namespace=navbar].navbar-mobile .navbar-inner ul li a.link i {
	font-size: 20px;
}

[namespace=navbar].navbar-mobile .navbar-inner ul li a.link div.text {
	margin-top: 6px;
	font-size: 14px;
	letter-spacing: -1px;
}

[namespace=navbar].navbar-mobile .navbar-inner ul li a.link div.text i {
	font-size: 16px;
}

[namespace=navbar].navbar-mobile .navbar-inner ul li a.link i.fa-solid { display: none; }
[namespace=navbar].navbar-mobile .navbar-inner ul li a.link i.fa-regular {	display: block; }
[namespace=navbar].navbar-mobile .navbar-inner ul li a.link.selected i.fa-solid { display: block; }
[namespace=navbar].navbar-mobile .navbar-inner ul li a.link.selected i.fa-regular { display: none; }

[namespace=navbar].navbar-mobile .navbar-inner ul li a.link.selected i,
[namespace=navbar].navbar-mobile .navbar-inner ul li a.link.selected div.text {
	color: #007aff;
}

@media (min-width: 600px) {
	[namespace=navbar].navbar-mobile {
		width: var(--mobile-width);
		left: calc(50% - (var(--mobile-width) / 2));
	}
}

@media (min-width: 1004px) {
	[namespace=navbar].navbar-mobile {
		display: none !important;
	}
}

@media (max-width: 1004px) {
	[namespace=navbar].navbar-mobile .navbar-inner {
		width: 100%;
		left: 0px;
		padding-left: 25px;
		padding-right: 25px;
	}
}

/* badge-override */
[namespace=navbar].navbar-mobile .navbar-inner .badge {
	position: absolute;
	top: -5px;
	right: 0px;
	height: 8px;
	min-width: 8px;
}

[namespace=navbar].navbar-mobile .navbar-inner .balloon.balloon-color-pink {
	--balloon-bg-color: #ffecf2;
	--balloon-text-color: #FF4081;
}

[namespace=navbar].navbar-mobile .navbar-inner .balloon.balloon-color-blue {
	--balloon-bg-color: #e6f0ff;
	--balloon-text-color: #007AFF;
	animation-delay: 0.4s;
}

[namespace=navbar].navbar-mobile .navbar-inner .balloon {
	position: absolute;
	bottom: calc(100% + 8px);
	font-size: 12px;
	text-wrap: nowrap;
	padding: 4px 6px;
	border-radius: 20px;
	letter-spacing: -1px;
	color: var(--balloon-text-color,#3f5070);
	background-color: var(--balloon-bg-color,#FFEA00);
	animation: float-updown 2s ease-in-out infinite;
	animation-delay: var(--balloon-delay, 0.2s);
	border: 1px solid var(--balloon-text-color);
	z-index: 10;
}

[namespace=navbar].navbar-mobile .navbar-inner .balloon:before {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
	width: 6px;
	height: 6px;
	background-color: var(--balloon-bg-color,#FFEA00);
	border-bottom: 1px solid var(--balloon-text-color);
	border-right: 1px solid var(--balloon-text-color);
	z-index: 0;
}
.popup.pay-refund-account-info {
	--f7-popup-tablet-width: 450px;
	--f7-popup-tablet-height: 650px;
	border-radius: 24px;
}

@media (max-width: 629px) {
	.popup.pay-refund-account-info {
		--f7-popup-tablet-width: 100% !important;
		--f7-popup-tablet-height: 100% !important;
		width: var(--f7-popup-tablet-width);
		height: var(--f7-popup-tablet-height);
		left: 0;
		top: 0;
		border-radius: 0px;
	}
}

/* .navbar */

.popup.pay-refund-account-info .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.pay-refund-account-info .navbar .navbar-bg {
	background-color: #fff;
}

.popup.pay-refund-account-info .navbar .navbar-inner {
	padding: 0px;
}

.popup.pay-refund-account-info .navbar .navbar-inner .left .popup-close {
	font-size: 14px;
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.pay-refund-account-info .navbar .navbar-inner .title {
	left: 0px !important;
	font-size: 16px;
	font-weight: bold;
}

.popup.pay-refund-account-info .navbar .navbar-inner .right {
	width: 50px;
}

/* .popup.pay-refund-account-info .page */
.popup.pay-refund-account-info .page {
    padding-top: 50px;
}

/* .popup.pay-refund-account-info .page > .tabs */
 .popup.pay-refund-account-info .page .card.reservation-info {
 	padding: 16px;
 	margin-bottom: 0px;
 }

 .popup.pay-refund-account-info .page .card.reservation-info .card-header {
 	padding: 0;
 	display: flex;
 	flex-direction: column;
 	align-items: flex-start;
 }

 .popup.pay-refund-account-info .page .card.reservation-info .card-header .title {
 	font-weight: 700;
 	color: #333333;
 	margin-bottom: 5px;
 }

 .popup.pay-refund-account-info .page .card.reservation-info .card-header .subtitle {
 	width: 100%;
	padding-bottom: 10px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	color: #888888;
}

  .popup.pay-refund-account-info .page .card.reservation-info .card-content {
	padding: 0;
	padding-top: 10px;
}

.popup.pay-refund-account-info .page .card.reservation-info .card-content .row {
   	margin-bottom: 10px;
}

.popup.pay-refund-account-info .page .card.reservation-info .card-content .row .left {
	color: #888888;
}

/*.popup.pay-refund-account-info .page .card.button-area*/

.popup.pay-refund-account-info .page .card.button-area {
	padding: 16px;
	margin-top: 5px;
}

.popup.pay-refund-account-info .page .card.button-area .card-content {
	padding: 0;
	display: flex;
	flex-direction: row;
}

.popup.pay-refund-account-info .page .card.button-area .card-content button {
	border-radius: 4px;
	border: 1px solid #E4E4E4;
	padding: 5px;
	height: 100%;
	margin: 0 5px;
}

/*.popup.pay-refund-account-info .page > .tabs  #tab-refund-vbank*/

.popup.pay-refund-account-info .page .card.bank-information {
 	padding: 16px;
 	margin-bottom: 0px;
}

.popup.pay-refund-account-info .page .card.bank-information .card-header {
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.popup.pay-refund-account-info .page .card.bank-information .card-header .title {
	font-weight: 700;
	color: #333333;
	margin-bottom: 5px;
}

.popup.pay-refund-account-info .page .card.bank-information .card-header .subtitle {
	padding-bottom: 10px;
	color: #888888;
}

.popup.pay-refund-account-info .page .card.bank-information .card-content {
	padding: 0;
	padding-top: 10px;
}

.popup.pay-refund-account-info .page .card.bank-information .card-content .row {
	margin-bottom: 10px;
	align-items: center;
}

.popup.pay-refund-account-info .page .card.bank-information .card-content .row .left {
	color: #888888;
}

.popup.pay-refund-account-info .page .card.bank-information .card-content .row .right {
	color: #333333;
}

.popup.pay-refund-account-info .page .card.bank-information .card-content .row.charge .right {
	padding-top: 15px;
	padding-bottom: 15px;
}

.popup.pay-refund-account-info .page .card.bank-information .card-content .row.bank .right {
	padding-top: 9px;
	padding-bottom: 8px;
}

.popup.pay-refund-account-info .page .card.bank-information .card-content .row .right .bank-select-wrap {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	border: 1px solid #AAAAAA;
	border-radius: 4px;
	cursor: pointer;
	width: 155px;
}

.popup.pay-refund-account-info .page .card.bank-information .card-content .row .right .bank-select-wrap select {
	font-size: 14px;
	padding: 8px 13px;
	width: 100%;
	cursor: pointer;
	z-index: 1;
}

.popup.pay-refund-account-info .page .card.bank-information .card-content .row .right .bank-select-wrap i {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.popup.pay-refund-account-info .page .card.bank-information .card-content .row .right .list {
	border: none;
}

.popup.pay-refund-account-info .page .card.bank-information .card-content .row .right .list .item-content {
	padding: 0;
}

.popup.pay-refund-account-info .page .card.bank-information .card-content .row .right .list .item-inner {
	padding-right: 0;
}

.popup.pay-refund-account-info .page .card.bank-information .card-content .row .right .list .item-inner input {
	border: none;
	padding: 10px 10px;
}

.popup.pay-refund-account-info .page .card.notice {
	padding: 16px;
	font-weight: 600;
	color: #C8222C;
	margin-top: 8px;
	margin-bottom: 8px;
}

.popup.pay-refund-account-info .page .button-area {
	padding: 0 16px;
}
.popup.pay-refund-account-info .page .button-area button[data-btn-confirm] {
	padding: 15px;
	border-radius: 14px;
	height: 100%;
	font-size: 16px;
}
/* .preloader-page-*  */

[namespace=preloader].preloader-page-backdrop.whole {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #007aff;
	opacity: 0.05;
	z-index: 20000;	
}

[namespace=preloader].preloader-page-backdrop.circle {
	position: fixed;
	width: 280px;
	height: 280px;
	top: calc(50% - 140px);
	left: calc(50% - 140px);
	background-color: #fff;
	opacity: 0.95;
	z-index: 20000;
	border-radius: 100%;
}

[namespace=preloader].preloader-page,
[namespace=preloader].preloader-page-flights {
	/* position: fixed; */
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	margin-top: -10px;
	z-index: 20000;
	position: absolute;
	top: 0;
}

[namespace=preloader].preloader-page img.loader-rainbow-circle,
[namespace=preloader].preloader-page-flights img.loader-rainbow-circle {
	width: 200px;
	height: 150px;
}

[namespace=preloader].preloader-page div.text,
[namespace=preloader].preloader-page-flights div.text {
	color: #333;
	letter-spacing: -1px;
	background-color: #fff;
}


/* .preloader-list-*  */

[namespace=preloader].preloader-list {
	display: flex;
	flex-direction: column;
	justify-items: center;
	align-items: center;
}

[namespace=preloader].preloader-list .loader-rectangle {
	width: 50px;
	height: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
}

[namespace=preloader].preloader-list .loader-rectangle > div {
	background-color: #007aff;
	height: 100%;
	width: 3px;
	float: left;
	margin-right: 3px;
	animation: preloader-list-animation 1.2s infinite ease-in-out;
}

[namespace=preloader].preloader-list .loader-rectangle .rect2 {
	animation-delay: -1.1s;
}

[namespace=preloader].preloader-list .loader-rectangle .rect3 {
	animation-delay: -1s;
}

[namespace=preloader].preloader-list .loader-rectangle .rect4 {
	animation-delay: -0.9s;
}

[namespace=preloader].preloader-list .loader-rectangle .rect5 {
	animation-delay: -0.8s;
}

@keyframes preloader-list-animation {
	0%, 40%, 100% {
		transform: scaleY(0.4);
		opacity: 1;
	}
	20% {
		transform: scaleY(1);
		opacity: 0.4;
	}
}

[namespace=preloader].preloader-list .text {
	text-align: center;
}
[namespace=recent-search].card {
}
/* card.recommend-stays */
[namespace=done-recommend-stays].card.recommend-stays .img-wrap img {
	border-radius: 12px;;
	overflow: hidden;
	display: block;
	width: 100%;
}
[namespace=step2-booking-user].card.booking-user-info {
	padding: 16px;
	font-size: 16px;
	margin-top: 8px;
	margin-bottom: 8px;
}

[namespace=step2-booking-user].card.booking-user-info .card-header {
	padding: 10px;
	padding-top: 0;
	padding-right: 0;
	border-bottom: 1px solid #E4E4E4;
	font-weight: 600;
}

[namespace=step2-booking-user].card.booking-user-info .card-content {
	padding-left: 10px ;
}

[namespace=step2-booking-user].card.booking-user-info .list {
	padding-top: 8px;
	padding-bottom: 8px;
	border: none;	
}

[namespace=step2-booking-user].card.booking-user-info .item-content {
	padding-left: 0;
}

[namespace=step2-booking-user].card.booking-user-info .item-inner {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	padding-right:  0;
}

[namespace=step2-booking-user].card.booking-user-info .item-title {
	width: 22%;
	font-weight: 600;
	font-size: 16px;
	align-self: center;
}

[namespace=step2-booking-user].card.booking-user-info .item-inner .item-input {
	width: 78%;
	font-size: 15px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

[namespace=step2-booking-user].card.booking-user-info .user-name .last-name {
	width: 28%;
}

[namespace=step2-booking-user].card.booking-user-info .user-name .first-name {
	width: 70%;
}

[namespace=step2-booking-user].card.booking-user-info .user-phone {
	width: 100%;
}

[namespace=step2-booking-user].card.booking-user-info .user-name span {
	font-size: 13px;
    font-weight: 400;
}

[namespace=step2-booking-user].card.booking-user-info input {
	font-size: 15px;
}

[namespace=step2-booking-user].card.booking-user-info .card-footer {
	padding: 0;
	padding-left: 10px ;
	border-top: 1px dashed #E4E4E4;
}

[namespace=step2-booking-user].card.booking-user-info .card-footer .list {
	padding: 0;
	padding-top: 10px;
	width: 100%;
}

[namespace=step2-booking-user].card.booking-user-info .select-wrap.booking-user-nationality {
	position: relative;
	width: 100%;
	height: 36px;
	border: 1px solid var(--f7-input-outline-border-color);
	border-radius: 4px;
	cursor: pointer;
	z-index: 1;
}

[namespace=step2-booking-user].card.booking-user-info .select-wrap.booking-user-nationality select {
	width: 100%;
	height: 100%;
	padding: 0 10px;
	cursor: pointer;
	font-size: 15px;
}

[namespace=step2-booking-user].card.booking-user-info .select-wrap.booking-user-nationality i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	font-size: 16px;
}

/*[namespace=step2-events].card.monthly-events*/

[namespace=step2-events].card.monthly-events {
	padding: 16px;
	font-size: 16px;
	margin-top: 8px;
	margin-bottom: 8px;
}

[namespace=step2-events].card.monthly-events .card-header {
	padding: 10px;
	padding-top: 0;
	padding-right: 0;
	border-bottom: 1px solid #E4E4E4;
	font-weight: 600;
}

[namespace=step2-events].card.monthly-events .card-header .anniversary {
	font-size: 11px;
	color: #888888;
} 

[namespace=step2-events].card.monthly-events .card-content .notice-event {
	padding: 20px 0;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
}

[namespace=step2-events].card.monthly-events .card-content .list-event {
	height: 300px;
	overflow-y: scroll;
	padding: 0 20px;
}

[namespace=step2-events].card.monthly-events .card-content .event-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 16px;
}

[namespace=step2-events].card.monthly-events .card-content .event-img img {
	width: 280px;
}

[namespace=step2-events].card.monthly-events .card-content .event-info {
	text-align: center;
	font-weight: 600;
	font-size: 15px;
	padding: 1em 0;
	color: #555555;
}

/* .page .page-content .card.summary */

[namespace=step2-summary].card.summary {
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	width: 570px;
	margin: 0;
	bottom: 0;
	border-radius: 36px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	z-index: 100;
	padding: 16px;
	padding-top: 12px;
	transition: bottom 0.15s ease-in-out;
}

[namespace=step2-summary].card.summary .card-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

[namespace=step2-summary].card.summary .charge-info {
	display: flex;
	flex-direction: row;
	padding: 5px;
	font-weight: 600;
	font-size: 16px;
	align-items: center;
}

[namespace=step2-summary].card.summary .charge-info .apply-coupon {
	margin-left: 0;
	margin-right: 8px;
    padding: 4px 8px;
    background-color: #ff2d6515;
    border-radius: 16px;
    font-size: 12px;
    color: #ff2d65;
	border: 1px solid #ff2d65;
}

[namespace=step2-summary].card.summary .charge-info div {
	margin-left: 12px;
	font-size: 22px;
	color: #006FFF;
}

[namespace=step2-summary].card.summary .charge-info span {
	/* margin-right: 4px; */
}

[namespace=step2-summary].card.summary .charge-info-detail {
	display: flex;
	flex-direction: row;
	padding: 5px;
	font-size: 14px;
	color: #AAAAAA;
	flex-wrap: wrap;
	justify-content: center;
}

[namespace=step2-summary].card.summary .charge-info-detail .charge-car [data-driver-insur=false] {
	display: none;
}

[namespace=step2-summary].card.summary .deal-additional {
	margin-top: 8px;
	margin-bottom: 15px;
	border-radius: 4px;
	padding: 5px 9px;
	background: #FEEF5C;
	font-weight: 700;
	font-size: 13px;
	text-align: center;
}

[namespace=step2-summary].card.summary .charge-extra[data-extra-charge="0"],
[namespace=step2-summary].card.summary .charge-extra-car-seat[data-extra-car-seat-charge="0"],
[namespace=step2-summary].card.summary .charge-extra-etc[data-extra-etc-charge="0"],
[namespace=step2-summary].card.summary .charge-extra-hep[data-extra-hep-charge="0"] {
	display: none;
}

[namespace=step2-summary].card.summary .charge-extra:not([data-extra-charge="0"]),
[namespace=step2-summary].card.summary .charge-extra-car-seat:not[data-extra-car-seat-charge="0"],
[namespace=step2-summary].card.summary .charge-extra-etc:not[data-extra-etc-charge="0"],
[namespace=step2-summary].card.summary .charge-extra-hep:not[data-extra-hep-charge="0"] {
	display: block;
}

[namespace=step2-summary].card.summary .charge-info-detail .charge-items span:not(:first-child):before {
	content: ' + ';
}

[namespace=step2-summary].card.summary .charge-info-detail .charge-items span:nth-child(3n):after {
	content: ' \A ';
	white-space: pre;
}

[namespace=step2-summary].card.summary .charge-info-detail .charge-items span:last-child:after {
	content: '원';
}

[namespace=step2-summary].card.summary button {
	display: inline;
	width: 100%;
	height: 100%;
	padding: 14px;
	border-radius: 20px;
	font-size: 19px;
	color: #FFFFFF;
}

[namespace=step2-summary].card.summary button i {
	margin-right: 10px;
}

@media (max-width: 600px) {
	[namespace=step2-summary].card.summary {
		width: calc(100% - 32px);
	}
}
/*[namespace=step2-terms].card.term-reserve*/
[namespace=step2-terms].card.term-reserve {
	padding: 16px;
	font-size: 16px;
}

[namespace=step2-terms].card.term-reserve .card-content {

}

[namespace=step2-terms].card.term-reserve .card-content ul {
	padding-bottom: 16px;
}

[namespace=step2-terms].card.term-reserve .item {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 8px;
	min-height: 35px;
}

[namespace=step2-terms].card.term-reserve .item .item-content {
	align-self: center;
	font-size: 16px;
}

[namespace=step2-terms].card.term-reserve .item .item-content span {
	display: inline-block;
}

[namespace=step2-terms].card.term-reserve .item[name="termsPenalty"] .item-content :not(i),
[namespace=step2-terms].card.term-reserve .item[name="termsRefund"] .item-content :not(i),
[namespace=step2-terms].card.term-reserve .item[name="termsCaution"] .item-content :not(i) {
	color: #C8222C;
}

[namespace=step2-terms].card.term-reserve .item .item-after button {
	width: 55px;
	font-size: 15px;
	border-radius: 4px;
	height: 100%;
	border: 1px solid #DDDDDD;
	border-radius: 0.5em;
	color: #000;
	height: 35px;
}

[namespace=step2-terms].card.term-reserve .card-footer {
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding-top: 17px;
	border-top: 1px solid #E4E4E4;
}

[namespace=step2-terms].card.term-reserve .card-footer button {
	width: 100%;
	height: 40px;
	font-size: 16px;
	border: 1px solid #DDDDDD;
	border-radius: 0.5em;
	color: #000;
}

[namespace=step2-terms].card.term-reserve .item .item-content i {
	margin-right: 8px;
	color: #006FFF;
}

[namespace=step2-terms].card.term-reserve [data-term-agree="true"] .fa-square-check,
[namespace=step2-terms].card.term-reserve [data-term-agree="false"] .fa-square {
	display: inline;
}

[namespace=step2-terms].card.term-reserve [data-term-agree="false"] .fa-square-check,
[namespace=step2-terms].card.term-reserve [data-term-agree="true"] .fa-square {
	display: none;
}

/* [namespace=step2-terms].card.term-reserve.cars-global  */

[namespace=step2-terms].card.term-reserve.cars-global {
	padding: 24px;
}

[namespace=step2-terms].card.term-reserve.cars-global .item {
	margin: 0;
	margin-bottom: 4px;
}

[namespace=step2-terms].card.term-reserve.cars-global .card-footer{
	border: 0;
	padding: 0;
}

[namespace=step2-terms].card.term-reserve.cars-global .card-content ul {
	padding-bottom: 12px;
}

[namespace=step2-terms].card.term-reserve.cars-global .card-footer button {
	border: 1px solid #007AFF;
	color: #007AFF;
	background-color: #F1F7FF;
	height: auto;
	padding: 8px 16px;
}

@media (max-width: 629px) {
	[namespace=step2-terms].card.term-reserve .item .item-content {
		align-self: center;
		font-size: 14px;
	}
}
/*[namespace=card-regist].card.term-payment*/

[namespace=card-regist].card.term-payment .card-content {
	font-size: 15px;
	padding: 12px;
	padding-bottom: 15px;
}

[namespace=card-regist].card.term-payment .card-content i {
	margin-right: 8px;
}

[namespace=card-regist].card.term-payment .item {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 8px;
	height: 35px;
}

[namespace=card-regist].card.term-payment .item .item-after {
	display: flex;
	align-self: center;
	height: 100%;
}

[namespace=card-regist].card.term-payment .item .item-after button {
	border-radius: 4px;
	width: 55px;
	color: #000;
	border: 1px solid #DDDDDD;
	font-size: 15px;
	height: 100%;
}

[namespace=card-regist].card.term-payment .card-footer {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 0 20px;
	padding: 20px 0;
}

[namespace=card-regist].card.term-payment .card-footer button {
	width: 100%;
	height: 36px;
	font-size: 1em;
}


[namespace=card-regist].card.term-payment .item .item-content i {
	color: #006FFF;
}

[namespace=card-regist].card.term-payment [data-term-agree="true"] .fa-square-check,
[namespace=card-regist].card.term-payment [data-term-agree="false"] .fa-square {
	display: inline;
}

[namespace=card-regist].card.term-payment [data-term-agree="false"] .fa-square-check,
[namespace=card-regist].card.term-payment [data-term-agree="true"] .fa-square {
	display: none;
}

/*[namespace=term-sign-up].block.term-sign-up*/

[namespace=term-sign-up].block.term-sign-up {
	padding: 0;
	margin: 12px 0;
}

[namespace=term-sign-up].block.term-sign-up .block-content {
	font-size: 15px;
	padding: 8px 0;
}

[namespace=term-sign-up].block.term-sign-up .block-content ul {
	background-color: rgba(0,0,0,0);
	padding: 0;
}

[namespace=term-sign-up].block.term-sign-up .block-content i {
	margin-right: 12px;
}

[namespace=term-sign-up].block.term-sign-up .item {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin: 3px 0;
	height: 32px;
	font-size: 14px;
}

[namespace=term-sign-up].block.term-sign-up .item .item-after {
	height: 100%;
	display: flex;
	align-items: center;
}

[namespace=term-sign-up].block.term-sign-up .item .item-after button {
	border-radius: 4px;
	width: 55px;
	color: #000;
	background-color: #ffffff;
	border: 1px solid #DDDDDD;
	font-size: 14px;
	height: 80%;
}

[namespace=term-sign-up].block.term-sign-up .item .item-content i {
	color: #006FFF;
	background-color: #ffffff;
	font-size: 18px;
}

[namespace=term-sign-up].block.term-sign-up .block-footer {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

[namespace=term-sign-up].block.term-sign-up .block-footer button {
	width: 100%;
	height: 36px;
	font-size: 16px;
	padding-left: 60px;
	padding-right: 60px;
	border: 1px solid #DDDDDD;
	border-radius: 0.5em;
	background-color: #ffffff;
	color: #333333;
}

[namespace=term-sign-up].block.term-sign-up [data-term-agree="true"] .fa-square-check,
[namespace=term-sign-up].block.term-sign-up [data-term-agree="false"] .fa-square {
	display: inline;
}

[namespace=term-sign-up].block.term-sign-up [data-term-agree="false"] .fa-square-check,
[namespace=term-sign-up].block.term-sign-up [data-term-agree="true"] .fa-square {
	display: none;
}

[namespace=search-conditions].search-conditions {
	position: fixed;
	top: 0px;
	padding-top: 8px;
	z-index: 1000;
	background-color: #fff;
	width: 100%;
	border-bottom: 1px solid #E4E4E4;
	transition: top 0.3s; /* Transition effect when sliding down (and up) */
}

/* .row */

[namespace=search-conditions].search-conditions .row {
	display: flex;
	justify-content: space-between;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 8px;
}

[namespace=search-conditions].search-conditions .row [data-btn-expand-this],
[namespace=search-conditions].search-conditions .row [data-btn-show-panel-easy-filter] {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	max-width: 32px;
	height: 32px;
	max-height: 32px;
	border: 1px solid #E4E4E4;
	border-radius: 4px;
}

[namespace=search-conditions].search-conditions .row [data-btn-expand-this] {
	width: 30px;
	max-width: 30px;
	height: 30px;
	max-height: 30px;
	cursor: pointer;
}

[namespace=search-conditions].search-conditions .row [data-btn-expand-this="on"] {
	background-color: #E7FFED;
	border: 1px solid #CEFFD8;
	transition: ease 0.3s;
}

[namespace=search-conditions].search-conditions .row [data-btn-expand-this="off"] .fa-caret-right {
	transform: rotate(0deg);
	transition: ease 0.3s;
}

[namespace=search-conditions].search-conditions .row [data-btn-expand-this="on"] .fa-caret-right {
	transform: rotate(90deg);
	transition: ease 0.3s;
}

[namespace=search-conditions].search-conditions[data-applied-filter=on] .row [data-btn-show-panel-easy-filter] {
	background-color: #feec51;
	border: 1px solid #e63a2e;
	color: #000;
}

[namespace=search-conditions].search-conditions[data-applied-filter=on] .row [data-btn-show-panel-easy-filter] .fa-flip {
    animation-iteration-count: var(--fa-animation-iteration-count, 0)
}

[namespace=search-conditions].search-conditions .row .link.schedule {
	width: calc(100% - 114px);
	padding: 5px 10px;
	background-color: #F1F8FF;
	border: 1px solid #DBEDFF;
	color: #007aff;
	border-radius: 8px;
	font-size: 13px;
	letter-spacing: -1px;
}

[namespace=search-conditions].search-conditions .row .link.schedule i.fa-arrow-right {
	margin-left: 5px;
	margin-right: 5px;
}

[namespace=search-conditions].search-conditions .row .input {
	width: calc(100% - 114px);
	height: 32px;
	padding: 0px;
	margin: 0px;
	background-color: #fff;
	border: 1px solid #e4e4e4;
	color: #333;
	border-radius: 8px;
	font-size: 13px;
	letter-spacing: -1px;
}

[namespace=search-conditions].search-conditions .row .input input {
	margin-top: 8px;
	padding-left: 8px;
	padding-right: 30px;
}

[namespace=search-conditions].search-conditions .row .input.selected {
	background-color: #F1F8FF;
	border: 1px solid #DBEDFF;
	color: #007aff;
}

[namespace=search-conditions].search-conditions .row .input span.input-clear-button {
	margin-right: 10px;
}

[namespace=search-conditions].search-conditions .row a.link {
	color: #888;
	font-size: 18px;
	padding-top: 6px;
	padding-left: 6px;
	padding-right: 6px;
}

/* .row-tooltip */

[namespace=search-conditions].search-conditions .row-tooltip {
	position: absolute;
	background-color: #000;
	color: #fff;
	margin-left: 50px;
	margin-top: 5px;
	padding: 8px 12px;
	border-radius: 8px;
	opacity: 0.9;
	z-index: 10;
}

[namespace=search-conditions].search-conditions[data-applied-filter=on] .row-tooltip {
	display: none !important;
}

/* .row-expand-1 */

[namespace=search-conditions].search-conditions .row-expand-1 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 10px;
}

[namespace=search-conditions].search-conditions .row-expand-1 .main-conditions,
[namespace=search-conditions].search-conditions .row-expand-1 .main-conditions .chk-btn,
[namespace=search-conditions].search-conditions .row-expand-1 .main-conditions ul {
	display: flex;
	flex-direction: row;
	align-items: center;
}

[namespace=search-conditions].search-conditions .row-expand-1 .main-conditions .chk-btn {
	width: 50px;
	margin-right: 10px;
}

[namespace=search-conditions].search-conditions .row-expand-1 .main-conditions .chk-btn i {
	margin-right: 4px;
}

[namespace=search-conditions].search-conditions .row-expand-1 .main-conditions ul li {
	border: 1px solid #ddd;
	padding: 4px 6px;
	background-color: #fff;
}

[namespace=search-conditions].search-conditions .row-expand-1 .main-conditions ul li:first-child {
	border-radius: 8px 0px 0px 8px;
}

[namespace=search-conditions].search-conditions .row-expand-1 .main-conditions ul li:last-child {
	border-radius: 0px 8px 8px 0px;
}

[namespace=search-conditions].search-conditions .row-expand-1 .main-conditions ul li:not(:last-child) {
	border-right: 0px;
}

[namespace=search-conditions].search-conditions .row-expand-1 .main-conditions ul li.selected + li {
	border-left: 0px;
}

[namespace=search-conditions].search-conditions .row-expand-1 .main-conditions ul li.selected {
	background-color: #F1F8FF;
	border: 1px solid #DBEDFF;
	color: #007aff;
}

[namespace=search-conditions].search-conditions .row-expand-1 .main-conditions ul li i {
	margin-left: 4px;
}

[namespace=search-conditions].search-conditions .row-expand-1 .main-conditions-info {
	width: calc(100% - 20px);
	font-size: 13px;
	background-color: #F4F4F4;
	color: #555;
	border-radius: 6px;
	padding: 4px 6px;
	margin-top: 10px;
	letter-spacing: -1px;
	text-align: center;
}

[namespace=search-conditions].search-conditions .row-expand-1 .main-conditions .chk-btn.checked i.fa-square-check,
[namespace=search-conditions].search-conditions .row-expand-1 .main-conditions .chk-btn:not(.checked) i.fa-square {
	display: block;
}

[namespace=search-conditions].search-conditions .row-expand-1 .main-conditions .chk-btn:not(.checked) i.fa-square-check,
[namespace=search-conditions].search-conditions .row-expand-1 .main-conditions .chk-btn.checked i.fa-square {
	display: none;
}

/* .row-expand-2  */

[namespace=search-conditions].search-conditions[data-applied-filter=on] .row-expand-2 {
	display: block;
}

[namespace=search-conditions].search-conditions[data-applied-filter=off] .row-expand-2 {
	display: none !important;
}

[namespace=search-conditions].search-conditions .row-expand-2 {
	padding: 10px;
	padding-bottom: 5px;
	border-top: 1px dashed #E4E4E4;
}

[namespace=search-conditions].search-conditions .row-expand-2 .condition-tags {
	display: flex;
	border-radius: 6px;
	padding: 4px 6px;
	margin-bottom: 5px;
	font-size: 13px;
	letter-spacing: -1px;
	background-color: #feec51;
	border: 1px solid #e63a2e;
	color: #333;
	font-weight: bold;
}

[namespace=search-conditions].search-conditions .row-expand-2 .condition-tags .tags-wrap .favorite-tag {
	color: #E72364;
}

[namespace=search-conditions].search-conditions .row-expand-2 .condition-tags .tags-wrap .hashtag:not(.favorite-tag):before {
	content: "#";
	margin-right: 1px;
	font-size: 12px;
	color: #555;
}

[namespace=search-conditions].search-conditions .row-expand-2 .condition-tags .tags-wrap .hashtag:not(:last-child):after {
	content: " ";
}

[namespace=search-conditions].search-conditions .row-expand-1 .main-conditions.region {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 12px;
	padding: 4px 0px;
	width: 100%;
	border-radius: 8px;
	background-color: #f8f8f8;
	border: 1px solid #e4e4e4;
}

[namespace=search-conditions].search-conditions .row-expand-1 .main-conditions.region .city {
	font-weight: 700;
	color: #007aff;
}
[namespace=search-desktop].search-box {
	font-size: 15px;
	width: 444px;
	border-radius: 12px;
	background-color: #fff;
	padding-top: 26px;
	margin-left: 10px;
}

[namespace=search-desktop].search-box .set {
	display: flex;
	justify-content: space-between;
	padding-left: 20px;
	padding-right: 20px;
}

[namespace=search-desktop].search-box .set > .row {
	display: flex;
	margin-bottom: 15px;
}

[namespace=search-desktop].search-box .set > .row > i {
	font-size: 16px;
	margin-top: 6px;
	color: #007aff;
}

[namespace=search-desktop].search-box .set > .row > .text {
	margin-top: 4px;
	margin-left: 10px;
}

[namespace=search-desktop].search-box .set > .row > .text .chk-btn {
	margin-top: 10px;
}

[namespace=search-desktop].search-box .set > .row > .text .chk-btn i {
	margin-right: 4px;
}

[namespace=search-desktop].search-box .set > .row > .region, 
[namespace=search-desktop].search-box .set > .row > .schedule {
	display: flex;
	justify-content: space-between;
	width: 300px;
	background-color: #F4F4F4;
	border-radius: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}

[namespace=search-desktop].search-box .set > .row > .schedule .start-date,
[namespace=search-desktop].search-box .set > .row > .schedule .end-date {
	display: flex;
	flex-direction: column;
	width: 140px;
}

[namespace=search-desktop].search-box .set > .row > .schedule .start-date .row,
[namespace=search-desktop].search-box .set > .row > .schedule .end-date .row {
	display: flex;
	justify-content: center;
}

[namespace=search-desktop].search-box .set > .row > .schedule .start-date .row > .detail,
[namespace=search-desktop].search-box .set > .row > .schedule .end-date .row > .detail {
	color: #007aff;
	font-weight: 600;
}

[namespace=search-desktop].search-box .set > .row > .options {
	width: 300px;
}

[namespace=search-desktop].search-box .set > .row > .options .opt-btn {
	display: inline-flex;
	height: 44px;
	border: 1px solid #E4E4E4;
	border-radius: 12px;
}

[namespace=search-desktop].search-box .set > .row > .options .opt-btn.selected {
	background-color: #F1F8FF;
	border: 1px solid #DBEDFF;
	color: #007aff;
}

[namespace=search-desktop].search-box .run {
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 10px;
}

[namespace=search-desktop].search-box .run button {
	height: 48px;
	border-radius: 24px;
	font-size: 16px;
}

/* flights */

[namespace=search-desktop].search-box.flights .set.ticket-type {
	position: relative;
	display: flex;
	justify-content: center;
	margin-top: 7px;
	margin-bottom: 8px;
	margin-left: 100px;
	color: #aaa;
	font-size: 16px;
}

[namespace=search-desktop].search-box.flights .set.ticket-type img.dolpang-captain {
	position: absolute;
	left: -50px;
	top: -35px;
}

[namespace=search-desktop].search-box.flights .set.ticket-type > .row > .toggle {
	margin-left: 15px;	
	margin-right: 18px;	
}

[namespace=search-desktop].search-box.flights[data-ticket-type=round-trip] .set.ticket-type > .row > .text-round-trip { color: #333; }
[namespace=search-desktop].search-box.flights[data-ticket-type=round-trip] .set > .row > .schedule .direction > .fa-arrow-right { display: none; }
[namespace=search-desktop].search-box.flights[data-ticket-type=round-trip] .set > .row > .schedule .direction > .fa-arrow-right-arrow-left {	display: flex; }
[namespace=search-desktop].search-box.flights[data-ticket-type=round-trip] .set > .row > .schedule .end-date .row > .yyyy-mm-dd { display: flex; }
[namespace=search-desktop].search-box.flights[data-ticket-type=round-trip] .set > .row > .schedule .end-date .row > .text-arrival { display: none; }

[namespace=search-desktop].search-box.flights[data-ticket-type=one-way] .set.ticket-type > .row > .text-one-way { color: #333; }
[namespace=search-desktop].search-box.flights[data-ticket-type=one-way] .set > .row > .schedule .direction > .fa-arrow-right {	display: flex; }
[namespace=search-desktop].search-box.flights[data-ticket-type=one-way] .set > .row > .schedule .direction > .fa-arrow-right-arrow-left {	display: none; }
[namespace=search-desktop].search-box.flights[data-ticket-type=one-way] .set > .row > .schedule .end-date .row > .yyyy-mm-dd { display: none; }
[namespace=search-desktop].search-box.flights[data-ticket-type=one-way] .set > .row > .schedule .end-date .row > .text-arrival { display: flex; }
[namespace=search-desktop].search-box.flights[data-ticket-type=one-way] .set > .row > .schedule .end-date .row > .day-of-the-week { display: none; }
[namespace=search-desktop].search-box.flights[data-ticket-type=one-way] .set > .row > .schedule .end-date .row > .detail {	text-align: center; }

[namespace=search-desktop].search-box.flights .set.headcount > .row > i {
	margin-top: 10px;
}

[namespace=search-desktop].search-box.flights .set.headcount > .row > .text {
	margin-top: 8px;
}

[namespace=search-desktop].search-box.flights .set > .row > .options .opt-btn {
	width: 94px;
	margin-left: 4px;
}

[namespace=search-desktop].search-box.flights .set > .row > .options .opt-btn:first-child {
	margin-left: 0px;
}

/* cars */

[namespace=search-desktop].search-box.cars .set > .row > .options .opt-btn {
	width: 146px;
}

[namespace=search-desktop].search-box.cars .set > .row > .options .opt-btn:nth-child(even) {
	margin-left: 4px;
}

[namespace=search-desktop].search-box.cars .set > .row > .options .opt-btn:nth-child(3),
[namespace=search-desktop].search-box.cars .set > .row > .options .opt-btn:nth-child(4) {
	margin-top: 8px;
}

[namespace=search-desktop].search-box.cars .set > .row > .options .opt-btn i.fa-bolt {
	margin-left: 5px;
	color: #E72364;
}

[namespace=search-desktop].search-box.cars .set > .row > .text > .chk-btn.checked i.fa-square-check,
[namespace=search-desktop].search-box.cars .set > .row > .text > .chk-btn:not(.checked) i.fa-square {
	display: block;
}

[namespace=search-desktop].search-box.cars .set > .row > .text > .chk-btn:not(.checked) i.fa-square-check,
[namespace=search-desktop].search-box.cars .set > .row > .text > .chk-btn.checked i.fa-square {
	display: none;
}

/* cars-global */
[namespace=search-desktop].search-box .set > .row > .region .country,
[namespace=search-desktop].search-box .set > .row > .region .city {
	display: flex;
	font-weight: 600;
	font-size: 17px;
	width: 140px;
	height: 40px;
	align-items: center;
	justify-content: center;
}

[namespace=search-desktop].search-box .set > .row > .region .country {
	color: #007aff
}

[namespace=search-desktop].search-box.cars-global .set > .row {
	margin-bottom: 12px;
}

[namespace=search-desktop].search-box.cars-global .set.insur-type .options > .opt-btn {
	width: 100%;
}

[namespace=search-desktop].search-box.cars-global .set.insur-type > .row {
	margin-bottom: 8px;
}

[namespace=search-desktop].search-box .set.insur-message > .row {
	gap: 8px;
	padding-right: 12px;
	align-items: center;
	color: #888;
	margin-top: 5px;
	margin-bottom: 10px;
}

[namespace=search-desktop].search-box .set.insur-message > .row i {
	color: #888;
	margin-top: 0;
}

/* items */

[namespace=search-desktop].search-box.items .set > .row > .options .opt-btn {
	width: 300px;
}

[namespace=search-desktop].search-box.items .set > .row > .options .opt-btn:first-child {
	margin-bottom: 8px;
}

[namespace=search-desktop].search-box.items .set > .row > .options .opt-btn i.fa-hand {
	margin-left: 5px;
	color: #007aff;
}

[namespace=search-desktop].search-box.items .set > .row > .options .opt-btn i.fa-truck-bolt {
	margin-left: 5px;
	color: #E72364;
}

[namespace=search-desktop].search-box.items .set > .row > .text > .chk-btn.checked i.fa-square-check,
[namespace=search-desktop].search-box.items .set > .row > .text > .chk-btn:not(.checked) i.fa-square {
	display: block;
}

[namespace=search-desktop].search-box.items .set > .row > .text > .chk-btn:not(.checked) i.fa-square-check,
[namespace=search-desktop].search-box.items .set > .row > .text > .chk-btn.checked i.fa-square {
	display: none;
}

/* stays */

[namespace=search-desktop].search-box.stays .set > .row > .options .opt-btn {
	width: 146px;
}

[namespace=search-desktop].search-box.stays .set > .row > .options .opt-btn:first-child {
	margin-right: 4px;
}

[namespace=search-desktop].search-box.stays .set > .row > .options .opt-btn:nth-child(3) {
	width: 300px;
	margin-top: 8px;
	color: #888;
	letter-spacing: -1px;
	align-items: flex-start;
	overflow-y: auto;
	padding: 10px 10px;
}

/* tickets */

[namespace=search-desktop].search-box.tickets {
	padding-top: 35px;
}

[namespace=search-desktop].search-box.tickets .set.input {
	padding-bottom: 8px;
}

[namespace=search-desktop].search-box.tickets .set.input > .row {
	position: relative;
}

[namespace=search-desktop].search-box.tickets .set.input > .row > input {
	border: 1px solid #E4E4E4;
	border-radius: 12px;
	width: 300px;
	height: 40px;
	padding-left: 15px;
	padding-right: 35px;
	font-size: 15px;
}

[namespace=search-desktop].search-box.tickets .set.input > .row > span.input-clear-button {
	margin-right: 10px;
}

[namespace=search-desktop].search-box.tickets .set.input > .row {
	margin-bottom: 14px;
}

[namespace=search-desktop].search-box.tickets .set > .row > .options .opt-btn {
	width: 146px;
}

[namespace=search-desktop].search-box.tickets .set > .row > .options .opt-btn:nth-child(even) {
	margin-left: 4px;
}

[namespace=search-desktop].search-box.tickets .set > .row > .options .opt-btn:nth-child(3),
[namespace=search-desktop].search-box.tickets .set > .row > .options .opt-btn:nth-child(4) {
	margin-top: 8px;
}

[namespace=search-desktop].search-box.tickets .set > .row > .options .opt-btn i.fa-bolt {
	margin-left: 5px;
	color: #E72364;
}

[namespace=search-desktop].search-box.tickets .set > .row > .text > .chk-btn.checked i.fa-square-check,
[namespace=search-desktop].search-box.tickets .set > .row > .text > .chk-btn:not(.checked) i.fa-square {
	display: block;
}

[namespace=search-desktop].search-box.tickets .set > .row > .text > .chk-btn:not(.checked) i.fa-square-check,
[namespace=search-desktop].search-box.tickets .set > .row > .text > .chk-btn.checked i.fa-square {
	display: none;
}
[namespace=search].search-box {
	font-size: 15px;
	width: 100%;
	border-radius: 0px 0px 36px 36px;
	background-color: #fff;
	margin-top: 2px;
	padding-top: 26px;
}

[namespace=search].search-box .set {
	display: flex;
	flex-direction: column;
	padding-left: 20px;
	padding-right: 20px;
}

[namespace=search].search-box .set > .row {
	display: flex;
	margin-bottom: 15px;
}

[namespace=search].search-box .set > .row > .text > i {
	font-size: 16px;
	margin-top: 6px;
	margin-right: 4px;
	color: #007aff;
}

[namespace=search].search-box .set > .row > .text {
	margin-top: 4px;
}

[namespace=search].search-box .set > .row > .chk-btn {
	margin-top: 10px;
	margin-right: 4px;
	width: 50px;
}

[namespace=search].search-box .set > .row > .chk-btn i {
	margin-right: 4px;
}

[namespace=search].search-box .set > .row > .region, 
[namespace=search].search-box .set > .row > .schedule {
	display: flex;
	justify-content: space-between;
	width: 100%;
	background-color: #F4F4F4;
	border-radius: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}

[namespace=search].search-box .set > .row > .schedule .start-date,
[namespace=search].search-box .set > .row > .schedule .end-date {
	display: flex;
	flex-direction: column;
	width: calc(50% - 10px);
}

[namespace=search].search-box .set > .row > .schedule .start-date .row,
[namespace=search].search-box .set > .row > .schedule .end-date .row {
	display: flex;
	justify-content: center;
}

[namespace=search].search-box .set > .row > .schedule .start-date .row > .detail,
[namespace=search].search-box .set > .row > .schedule .end-date .row > .detail {
	color: #007aff;
	font-weight: 600;
}

[namespace=search].search-box .set > .row > .options {
	width: 100%;
}

[namespace=search].search-box .set > .row > .options .opt-btn {
	display: inline-flex;
	height: 44px;
	border: 1px solid #E4E4E4;
	border-radius: 12px;
}

[namespace=search].search-box .set > .row > .options .opt-btn.selected {
	background-color: #F1F8FF;
	border: 1px solid #DBEDFF;
	color: #007aff;
}

[namespace=search].search-box .run {
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 10px;
	padding-bottom: 20px;
}

[namespace=search].search-box .run button {
	height: 48px;
	border-radius: 24px;
	font-size: 16px;
}

/* flights */

[namespace=search].search-box.flights .set.ticket-type {
	position: relative;
	display: flex;
	justify-content: center;
	margin-top: 7px;
	margin-bottom: 6px;
	/*margin-left: 100px;*/
	color: #aaa;
	font-size: 16px;
}

[namespace=search].search-box.flights .set.ticket-type img.dolpang-captain {
	position: absolute;
	right: 40px;
	top: -8px;
}

[namespace=search].search-box.flights .set.ticket-type > .row > .toggle-wrap {
	display: flex;
}

[namespace=search].search-box.flights .set.ticket-type > .row > .toggle-wrap .toggle {
	margin-left: 15px;	
	margin-right: 18px;	
}

[namespace=search].search-box.flights[data-ticket-type=round-trip] .set.ticket-type > .row > .toggle-wrap > .text-round-trip { color: #333; }
[namespace=search].search-box.flights[data-ticket-type=round-trip] .set > .row > .schedule .direction > .fa-arrow-right { display: none; }
[namespace=search].search-box.flights[data-ticket-type=round-trip] .set > .row > .schedule .direction > .fa-arrow-right-arrow-left {	display: flex; }
[namespace=search].search-box.flights[data-ticket-type=round-trip] .set > .row > .schedule .end-date .row > .yyyy-mm-dd { display: flex; }
[namespace=search].search-box.flights[data-ticket-type=round-trip] .set > .row > .schedule .end-date .row > .text-arrival { display: none; }

[namespace=search].search-box.flights[data-ticket-type=one-way] .set.ticket-type > .row > .toggle-wrap > .text-one-way { color: #333; }
[namespace=search].search-box.flights[data-ticket-type=one-way] .set > .row > .schedule .direction > .fa-arrow-right {	display: flex; }
[namespace=search].search-box.flights[data-ticket-type=one-way] .set > .row > .schedule .direction > .fa-arrow-right-arrow-left {	display: none; }
[namespace=search].search-box.flights[data-ticket-type=one-way] .set > .row > .schedule .end-date .row > .yyyy-mm-dd { display: none; }
[namespace=search].search-box.flights[data-ticket-type=one-way] .set > .row > .schedule .end-date .row > .text-arrival { display: flex; }
[namespace=search].search-box.flights[data-ticket-type=one-way] .set > .row > .schedule .end-date .row > .day-of-the-week { display: none; }
[namespace=search].search-box.flights[data-ticket-type=one-way] .set > .row > .schedule .end-date .row > .detail { text-align: center; }

[namespace=search].search-box.flights .set.headcount > .row > i {
	margin-top: 10px;
}

[namespace=search].search-box.flights .set.headcount > .row > .text {
	margin-top: 8px;
}

[namespace=search].search-box.flights .set > .row > .options .opt-btn {
	width: calc(33.33% - 6px);
	margin-left: 4px;
}

[namespace=search].search-box.flights .set > .row > .options .opt-btn:first-child {
	margin-left: 0px;
}

/* cars */
[namespace=search].search-box.cars .set > .row span.info-detail {
	color: #888888;
}

[namespace=search].search-box.cars .set > .row span.info-detail i {
	margin-left: 6px;
	margin-right: 4px;
}

[namespace=search].search-box.cars .set > .row > .options .opt-btn {
	width: calc(50% - 4px);
}

[namespace=search].search-box.cars .set > .row > .options .opt-btn:nth-child(even) {
	margin-left: 4px;
}

[namespace=search].search-box.cars .set > .row > .options .opt-btn:nth-child(3),
[namespace=search].search-box.cars .set > .row > .options .opt-btn:nth-child(4) {
	margin-top: 8px;
}

[namespace=search].search-box.cars .set > .row > .options .opt-btn i.fa-bolt {
	margin-left: 5px;
	color: #E72364;
}

[namespace=search].search-box.cars .set > .row > .chk-btn.checked i.fa-square-check,
[namespace=search].search-box.cars .set > .row > .chk-btn:not(.checked) i.fa-square {
	display: block;
}

[namespace=search].search-box.cars .set > .row > .chk-btn:not(.checked) i.fa-square-check,
[namespace=search].search-box.cars .set > .row > .chk-btn.checked i.fa-square {
	display: none;
}

/* cars-global */
[namespace=search].search-box .set > .row > .region .country,
[namespace=search].search-box .set > .row > .region .city {
	display: flex;
	font-weight: 600;
	font-size: 17px;
	width: calc(50% - 10px);
	height: 40px;
	align-items: center;
	justify-content: center;
}

[namespace=search].search-box .set > .row > .region .country {
	color: #007aff
}

[namespace=search].search-box.cars-global .set.insur-type .options > .opt-btn {
	width: 100%;
}

[namespace=search].search-box .set.insur-message {
	justify-content: flex-end;
}

[namespace=search].search-box .set.insur-message > .row {
	gap: 8px;
	padding-right: 12px;
	align-items: center;
	justify-content: center;
	color: #888;
	margin-top: 5px;
	margin-bottom: 10px;
}

[namespace=search].search-box .set.insur-message > .row i {
	color: #888;
	margin-top: 0;
}

/* items */

[namespace=search].search-box.items .set > .row > .options .opt-btn {
	width: calc(50% - 5px);
}

[namespace=search].search-box.items .set > .row > .options .opt-btn:first-child {
	margin-right: 4px;
}

[namespace=search].search-box.items .set > .row > .options .opt-btn i.fa-hand {
	margin-left: 5px;
	color: #007aff;
}

[namespace=search].search-box.items .set > .row > .options .opt-btn i.fa-truck-bolt {
	margin-left: 5px;
	color: #E72364;
}

[namespace=search].search-box.items .set > .row > .chk-btn.checked i.fa-square-check,
[namespace=search].search-box.items .set > .row > .chk-btn:not(.checked) i.fa-square {
	display: block;
}

[namespace=search].search-box.items .set > .row > .chk-btn:not(.checked) i.fa-square-check,
[namespace=search].search-box.items .set > .row > .chk-btn.checked i.fa-square {
	display: none;
}

/* stays */

[namespace=search].search-box.stays .set > .row > .options .opt-btn {
	width: calc(50% - 4px);
}

[namespace=search].search-box.stays .set > .row > .options .opt-btn:first-child {
	margin-top: 2px;
	margin-right: 4px;
}

[namespace=search].search-box.stays .set > .row > .options .opt-btn:nth-child(3) {
	width: 100%;
	margin-top: 8px;
	color: #888;
	letter-spacing: -1px;
}

/* tickets */

[namespace=search].search-box.tickets .set.input > .row {
	position: relative;
}

[namespace=search].search-box.tickets .set.input > .row > input {
	border: 1px solid #E4E4E4;
	border-radius: 12px;
	height: 40px;
	padding-left: 15px;
	padding-right: 35px;
	font-size: 15px;
}

[namespace=search].search-box.tickets .set.input > .row > span.input-clear-button {
	margin-right: 10px;
}

[namespace=search].search-box.tickets .set.input > .row {
	margin-bottom: 14px;
}

[namespace=search].search-box.tickets .set > .row > .options .opt-btn {
	width: calc(50% - 4px);
}

[namespace=search].search-box.tickets .set > .row > .options .opt-btn:nth-child(even) {
	margin-left: 4px;
}

[namespace=search].search-box.tickets .set > .row > .options .opt-btn:nth-child(3),
[namespace=search].search-box.tickets .set > .row > .options .opt-btn:nth-child(4) {
	margin-top: 8px;
}

[namespace=search].search-box.tickets .set > .row > .options .opt-btn i.fa-bolt {
	margin-left: 5px;
	color: #E72364;
}

[namespace=search].search-box.tickets .set > .row > .chk-btn.checked i.fa-square-check,
[namespace=search].search-box.tickets .set > .row > .chk-btn:not(.checked) i.fa-square {
	display: block;
}

[namespace=search].search-box.tickets .set > .row > .chk-btn:not(.checked) i.fa-square-check,
[namespace=search].search-box.tickets .set > .row > .chk-btn.checked i.fa-square {
	display: none;
}
[namespace=status-monitor-desktop].status-monitor {
	display: flex;
	justify-content: space-between;
	background-color: #fff;
	align-items: center;
	margin-top: 10px;
	border-radius: 12px;
}

[namespace=status-monitor-desktop].status-monitor .left {
	width: 550px;
	text-align: center;
}

[namespace=status-monitor-desktop].status-monitor .left .user-counter {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 20px;
	padding-bottom: 15px;
	color: #484848;
}

[namespace=status-monitor-desktop].status-monitor .left .user-counter .title {
	letter-spacing: -1px;
}

[namespace=status-monitor-desktop].status-monitor .left .user-counter .number {
	font-size: 26px;
	color: #007aff;
	margin-left: 15px;
	margin-right: 5px;
	margin-bottom: 5px;
}

[namespace=status-monitor-desktop].status-monitor .left .user-counter .icon i {
	font-size: 20px;
	color: #007aff;
}

[namespace=status-monitor-desktop].status-monitor .left .faith-message {
	border-top: 1px solid #E4E4E4;
	margin-left: 25px;
	margin-right: 25px;
	padding-top: 15px;
	padding-bottom: 20px;
	color: #484848;
}

[namespace=status-monitor-desktop].status-monitor .left .faith-message b {
	letter-spacing: -1px;
}

[namespace=status-monitor-desktop].status-monitor .right {
	width: 440px;
	text-align: center;
}

[namespace=status-monitor-desktop].status-monitor .right ul {
	width: 100%;
}

[namespace=status-monitor-desktop].status-monitor .right ul li {
	letter-spacing: -1px;
	font-size: 13px;
}

[namespace=status-monitor-desktop].status-monitor .right ul li:first-child {
	color: #007aff;	
}
[namespace=tab-calendar-desktop].tab-calendar {
	display: flex;
	border-bottom: 1px solid #007aff;
}

[namespace=tab-calendar-desktop].tab-calendar div.btn-prev,
[namespace=tab-calendar-desktop].tab-calendar div.btn-next {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 48px;
	height: 48px;
	font-size: 18px;
	color: #888;
}

[namespace=tab-calendar-desktop].tab-calendar ul {
	display: flex;
}

[namespace=tab-calendar-desktop].tab-calendar ul li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 130px;
	height: 48px;
	background-color: #fff;
	border-top: 1px solid #E4E4E4;
	border-right: 1px solid #E4E4E4;
}

[namespace=tab-calendar-desktop].tab-calendar ul li:first-child {
	border-left: 1px solid #E4E4E4;	
	border-radius: 12px 0px 0px 0px;
}

[namespace=tab-calendar-desktop].tab-calendar ul li:last-child {
	border-radius: 0px 12px 0px 0px;	
}

[namespace=tab-calendar-desktop].tab-calendar ul li[data-status="closed"] {
	color: #888;
	background-color: #F2F2F2	
}

[namespace=tab-calendar-desktop].tab-calendar ul li.selected {
	color: #007aff;;
	border: 1px solid #007aff;
	border-bottom: 0px;
	background-color: #F1F8FF;
}
[namespace="top-banner"].top-banner-container {
    width: 100%;
    transition: height 0.3s ease;
    height: var(--top-banner-height, 60px);
    overflow: hidden;
    position: relative;
    z-index: 10010;
}

[namespace="top-banner"].top-banner-container[data-banner-show="true"] {
    --top-banner-height: 60px;
    overflow: visible;
}

[namespace="top-banner"].top-banner-container[data-banner-show="false"] {
    --top-banner-height: 0px;
    overflow: hidden;
}

[namespace="top-banner"].top-banner-container[data-banner-show="false"] .banner-close {
    display: none;
}

[namespace="top-banner"].top-banner-container > .banner-item {
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: #9bdaff;
}

[namespace="top-banner"].top-banner-container > .banner-item > .image-wrap {
    position: relative;
    width: 1004px;
    height: 60px;
}

[namespace="top-banner"].top-banner-container > .banner-item > .image-wrap > .banner-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

[namespace="top-banner"].top-banner-container > .banner-item > .image-wrap > .banner-close {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

@media (max-width: 1004px) {
    [namespace="top-banner"].top-banner-container {
        display: none !important;
    }
}
[namespace=whole-menu-highlight] {
	margin-top: 80px;
	margin-bottom: 45px;	
}

[namespace=whole-menu-highlight] ul {
	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
}

[namespace=whole-menu-highlight] ul li {
	font-size: 15px;
	letter-spacing: -1px;
	color: #888;
	margin-bottom: 8px;
}

[namespace=whole-menu-highlight] ul li.selected {
	color: #007aff;
	font-size: 16px;
	font-weight: 600;
}

[namespace=whole-menu-highlight] ul li.selected i {
	margin-left: 5px;
}

[namespace=whole-menu-highlight] ul li.onepple-pass {
	font-family: 'HGSoftGGothicssi';
}

[namespace=whole-menu-highlight] ul li.onepple-pass span {
	font-weight: 800;
	letter-spacing: 1.8px;
	margin-left: 4px;
}
[namespace=wing-desktop].wing .left {
	position: absolute;
	left: -88px;
	display: flex;
	flex-direction: column;
}

[namespace=wing-desktop].wing .left img.wing-left-best-ageny {
	margin-bottom: 10px;	
}

[namespace=wing-desktop].wing .right {
	position: absolute;
	right: -114px;
	display: flex;
	flex-direction: column;
	width: 100px;
	color: #888;
	letter-spacing: -1px;
}

/* .wing-page-console */

[namespace=wing-desktop].wing-page-console .right .helper-1 span {
	margin: 0px;
}

[namespace=wing-desktop].wing-page-console .right .helper-1,
[namespace=wing-desktop].wing-page-console .right .helper-2 {
	display: block;
}

[namespace=wing-desktop].wing-page-console .right .helper-1:hover,
[namespace=wing-desktop].wing-page-console .right .helper-2:hover {
	color: #007aff;
}

[namespace=wing-desktop].wing-page-console .right .helper-2 i {
	position: absolute;
	font-size: 15px;
}

/* .wing-page-console.flights */

[namespace=wing-desktop].wing-page-console.flights .right .helper-1 {
	margin-top: 98px;
}

[namespace=wing-desktop].wing-page-console.flights[data-ticket-type=round-trip] .right .helper-1 .text-one-way { display: none; }
[namespace=wing-desktop].wing-page-console.flights[data-ticket-type=round-trip] .right .helper-1 .nights-days { display: flex; }
[namespace=wing-desktop].wing-page-console.flights[data-ticket-type=one-way] .right .helper-1 .text-one-way { display: flex; }
[namespace=wing-desktop].wing-page-console.flights[data-ticket-type=one-way] .right .helper-1 .nights-days { display: none; }

[namespace=wing-desktop].wing-page-console.flights .right .helper-2 {
	margin-top: 48px;
}

[namespace=wing-desktop].wing-page-console.flights .right .helper-2 i {
	margin-left: 8px;
	margin-top: 3px;
}

/* .wing-page-console.cars */

[namespace=wing-desktop].wing-page-console.cars .right .helper-1 {
	margin-top: 38px;
}

[namespace=wing-desktop].wing-page-console.cars .right .helper-2 {
	margin-top: 48px;
}

[namespace=wing-desktop].wing-page-console.cars .right .helper-2 i {
	margin-left: 8px;
	margin-top: -6px;
}

/* .wing-page-console.items */

[namespace=wing-desktop].wing-page-console.items .right .helper-1 {
	margin-top: 38px;
}

[namespace=wing-desktop].wing-page-console.items .right .helper-2 {
	margin-top: 48px;
}

[namespace=wing-desktop].wing-page-console.items .right .helper-2 i {
	margin-left: 8px;
	margin-top: -6px;
}

/* .wing-page-console.stays */

[namespace=wing-desktop].wing-page-console.stays .right .helper-1 {
	margin-top: 48px;
}

[namespace=wing-desktop].wing-page-console.stays .right .helper-2 {
	margin-top: 58px;
}

[namespace=wing-desktop].wing-page-console.stays .right .helper-2 i {
	margin-left: 10px;
	margin-top: -6px;
}

/* .wing-page-content */

[namespace=wing-desktop].wing-page-content {
	margin-top: 10px;
}

[namespace=wing-desktop].wing-page-content .left,
[namespace=wing-desktop].wing-page-content .right {
	position: absolute;
	margin-top: 8px;
}

[namespace=wing-desktop].wing .left img.wing-left-low-price-guarantee {
	margin-bottom: 10px;	
}

[namespace=wing-desktop].wing-page-content .right .helper-app-links .title {
	margin-bottom: 10px;
}

[namespace=wing-desktop].wing-page-content .right .helper-app-links a {
	margin-bottom: 10px;
}

[namespace=wing-desktop].wing-page-content .right .helper-app-links a:hover {
	color: #007aff;
}

[namespace=wing-desktop].wing-page-content .right .helper-app-links a i {
	margin-right: 6px;
}

[namespace=wing-desktop].wing-page-content .right .helper-app-links a i.fa-apple {
	font-size: 16px;
}

[namespace=wing-desktop].wing-page-content .right .helper-app-links img {
	margin-top: 0;
	margin-bottom: 5px;
	width: 60%;
}

[namespace=wing-desktop].wing-page-content .left a.desktop-notice-npay {
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 150px;
	left: 0px;
	background-color: #fff;
	text-align: center;
	width: 76px;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 120%;
	border-radius: 8px;
	font-weight: 700;
	font-size: 15px;
}

[namespace=wing-desktop].wing-page-content .left a.desktop-notice-npay img {
	width: 50px;
	padding: 0px;
	padding-bottom: 7px;
}

[namespace=wing-desktop].wing-page-content .left a.desktop-notice-npay .small {
	padding-top: 10px;
	padding-bottom: 2px;
	margin: 0;
	margin-left: 10px;
	margin-right: 10px;
	color: #59C351;
	font-size: 11px;
	border-top: 1px solid #e3e3e3;
}

[namespace=wing-desktop].wing-page-content .left a.desktop-notice-npay .middle {
	color: #000000;
}

/*[namespace=common-benefits-usage].row.usage */
[namespace=common-benefits-usage].usage-none {
	height: 100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size:16px;
	color: #888888;
}

[namespace=common-benefits-usage].row.usage {
	padding: 16px;
	padding-right: 0;
	font-weight: 600;
	font-weight: 600;
	font-size: 16px;
	cursor: pointer;
	border-bottom: 1px solid #C7C7C7;
}

[namespace=common-benefits-usage].row.usage:first-child {
	padding-top: 0;
}

[namespace=common-benefits-usage].row.usage:active {
	opacity: 0.5;
}

[namespace=common-benefits-usage].row.usage .left {
	width: 60%;
	display: flex;
	flex-direction: column;
}

[namespace=common-benefits-usage].row.usage .left .top {
	font-weight: 400;
	color: #C7C7C7;
	margin-bottom: 10px;
}

[namespace=common-benefits-usage].row.usage .left .bottom {
/*	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;*/
}

[namespace=common-benefits-usage].row.usage .right {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

[namespace=common-benefits-usage].row.usage .right .after {
	padding-left: 8px;
}

[namespace=common-benefits-usage].row.usage .right .top {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 10px;
}

[namespace=common-benefits-usage].row.usage .right .bottom {
	display: flex;
	justify-content: flex-end;
}

[namespace=common-benefits-usage].row.usage[data-status=used] .right .bottom {
	color: #006FFF;
}

[namespace=common-benefits-usage].row.usage[data-status=used] .right .bottom:before {
	content: '완료';
}

[namespace=common-benefits-usage].row.usage[data-status=paid] .right .bottom {
	color: #888888;
}

[namespace=common-benefits-usage].row.usage[data-status=paid] .right .bottom:before {
	content: '이용전';
}

[namespace=common-benefits-usage].row.usage[data-type=flights] .right .bottom .after i.fa-car-side,
[namespace=common-benefits-usage].row.usage[data-type=cars] .right .bottom .after i.fa-plane {
	display: none;
}

/*[namespace=common-benefits-coin].row.coin */
[namespace=common-benefits-coin].coin-none {
	height: 100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size:16px;
	color: #888888;
}

[namespace=common-benefits-coin].row.coin {
	padding: 16px;
	padding-right: 0;
	font-weight: 600;
	font-size: 16px;
	border-bottom: 1px solid #C7C7C7;
}

[namespace=common-benefits-coin].row.coin .left {
	width: 60%;
	display: flex;
	flex-direction: column;
}

[namespace=common-benefits-coin].row.coin .left .top {
	font-weight: 400;
	color: #C7C7C7;
	margin-bottom: 10px;
}

[namespace=common-benefits-coin].row.coin .left .bottom {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

[namespace=common-benefits-coin].row.coin .right {
	display: flex;
	flex-direction: column;
}


[namespace=common-benefits-coin].row.coin .right .top {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 10px;
}

[namespace=common-benefits-coin].row.coin .right .bottom {
	display: flex;
	justify-content: flex-end;
}

[namespace=common-benefits-coin].row.coin .right .bottom .after {
	padding-left: 8px;
}

[namespace=common-benefits-coin].row.coin[data-status=save] .right .bottom .after,
[namespace=common-benefits-coin].row.coin[data-status=cancel] .right .bottom .after {
	color: #006FFF;
}

[namespace=common-benefits-coin].row.coin[data-status=save] .right .bottom .after i.fa-circle-minus,
[namespace=common-benefits-coin].row.coin[data-status=cancel] .right .bottom .after i.fa-circle-minus {
	display: none;
}


[namespace=common-benefits-coin].row.coin[data-status=save] .right .bottom:before {
	content: '적립';
	color: #006FFF;
}

[namespace=common-benefits-coin].row.coin[data-status=cancel] .right .bottom:before {
	content: '사용취소';
	color: #006FFF;
}

[namespace=common-benefits-coin].row.coin[data-status=use] .right .bottom .after,
[namespace=common-benefits-coin].row.coin[data-status=cancel-save] .right .bottom .after,
[namespace=common-benefits-coin].row.coin[data-status=expire] .right .bottom .after {
	color: #C8222C;
}

[namespace=common-benefits-coin].row.coin[data-status=cancel-save] .right .bottom .after i.fa-circle-plus,
[namespace=common-benefits-coin].row.coin[data-status=use] .right .bottom .after i.fa-circle-plus,
[namespace=common-benefits-coin].row.coin[data-status=expire] .right .bottom .after i.fa-circle-plus {
	display: none;
}

[namespace=common-benefits-coin].row.coin[data-status=use] .right .bottom:before {
	content: '사용';
	color: #C8222C;
}

[namespace=common-benefits-coin].row.coin[data-status=cancel-save] .right .bottom:before {
	content: '적립취소';
	color: #C8222C;
}

[namespace=common-benefits-coin].row.coin[data-status=expire] .right .bottom:before {
	content: '만료처리';
	color: #C8222C;
}


/*[namespace=common-benefits-coupon].card.coupon */
[namespace=common-benefits-coupon].coupon-none {
	height: 100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size:16px;
	color: #888888;
}

[namespace=common-benefits-coupon].card.coupon {
	padding: 16px 20px;
}

[namespace=common-benefits-coupon].card.coupon.selected {
	background-color: #F1F8FF;
	position: relative;
	z-index: 1;
}

[namespace=common-benefits-coupon].card.coupon.selected::before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	border-radius: 12px;
	border: 2px solid #007aff;
}

[namespace=common-benefits-coupon].card.coupon.selected::after {
	content: '선택됨';
	position: absolute;
	bottom: 0;
	right: 0px;
	padding: 4px 16px;
	width: 55px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background-color: #007aff;
	border-bottom-right-radius: 8px;
	border-top-left-radius: 8px;
}

[namespace=common-benefits-coupon].card.coupon .card-content .top .left .title {
	font-weight: 600;
	font-size: 24px;
	overflow-wrap: anywhere;
}

[namespace=common-benefits-coupon].card.coupon .card-content .top .right {
	position: relative;
	width: 20%;
	padding-left: 12px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
}

[namespace=common-benefits-coupon].card.coupon .card-content .top .right .coupon-detail {
	color:#006FFF;
	font-weight: 600;
	font-size: 16px;
	display: flex;
	align-items: center;
	gap: 4px;
	text-wrap: nowrap;
	margin-top: 5px;
}

[namespace=common-benefits-coupon].card.coupon .card-content .top .right .coupon-detail i {
	padding-bottom: 1px;
}

[namespace=common-benefits-coupon].card.coupon .card-content .top {
	margin-bottom: 14px;
	align-items: start;
}

[namespace=common-benefits-coupon].card.coupon .card-content .bottom {
	min-height: 70px;
}

[namespace=common-benefits-coupon].card.coupon .card-content .top,
[namespace=common-benefits-coupon].card.coupon .card-content .bottom {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

[namespace=common-benefits-coupon].card.coupon .card-content .bottom .left .sub-title {
	font-weight: 600;
	font-size: 15px;
	margin-bottom: 12px;
}

[namespace=common-benefits-coupon].card.coupon .card-content .bottom .left .expire-date,
[namespace=common-benefits-coupon].card.coupon .card-content .bottom .left .use-condition {
	font-size: 11px;
}

[namespace=common-benefits-coupon].card.coupon .card-content .bottom .right {
	position: relative;
	width: 20%;
	padding-left: 12px;
}

[namespace=common-benefits-coupon].card.coupon .card-content .bottom .right img {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 45px;
}

[namespace=common-benefits-coupon].card.coupon .card-content .bottom .right .apply-lounge-button-wrap {
	position: absolute;
    bottom: 0;
    right: 0;
}

[namespace=common-benefits-coupon].card.coupon .card-content .bottom .right .apply-lounge-button-wrap [data-btn-apply-coupon] {
	background-color: #006FFF;
	width: 100px;
	margin-bottom: 20px;
}

[namespace=common-benefits-coupon].card.coupon .card-content .bottom .right .apply-lounge-button-wrap [data-btn-cancel-coupon] {
    background-color: #C8222C;
    width: 100px;
    margin-bottom: 10px;
}

/* [namespace=common-benefits-coupon-detail].card  */
[namespace=common-benefits-coupon-detail].card {

}

[namespace=common-benefits-coupon-detail].card .card-header {
	padding: 24px;
	flex-direction: column;
	gap: 12px;
}

[namespace=common-benefits-coupon-detail].card .card-header .sub-title-wrap {
	position: relative;
	font-weight: 600;
	font-size: 15px;
	display: flex;
	justify-content: center;
	width: 100%;
}

[namespace=common-benefits-coupon-detail].card .card-header .sub-title-wrap .sub-title {
	background-color: #fff;
	padding: 6px 8px;
	z-index: 10;
	text-align: center;
}

[namespace=common-benefits-coupon-detail].card .card-header .sub-title-wrap .hr {
	position: absolute;
	border-bottom: 1px solid #ddd;
	width: 100%;
	top: 50%;
}

[namespace=common-benefits-coupon-detail].card .card-header .title-wrap {
	position: relative;
	background-color: #EEF3FE;
	text-align: center;
	padding: 20px 32px;
	border-radius: 10px;
}

[namespace=common-benefits-coupon-detail].card .card-header .title-wrap::before {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateX(-50%) translateY(-50%);
	border-radius: 50%;
	content: '';
	width: 25px;
	height: 25px;
	background-color: #fff;
}

[namespace=common-benefits-coupon-detail].card .card-header .title-wrap::after {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateX(50%) translateY(-50%);
	border-radius: 50%;
	content: '';
	width: 25px;
	height: 25px;
	background-color: #fff;
}

[namespace=common-benefits-coupon-detail].card .card-header .title {
	color: #007aff;
	font-weight: 700;
	font-size: 32px;
}

[namespace=common-benefits-coupon-detail].card .card-content {
	padding: 24px;
	padding-top: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

[namespace=common-benefits-coupon-detail].card .card-content .row {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	gap: 8px;
}

[namespace=common-benefits-coupon-detail].card .card-content .row .label {
	color: #333;
	font-weight: 600;
	font-size: 18px;
	min-width: 75px;
}

[namespace=common-benefits-coupon-detail].card .card-content .row .content {
	display: flex;
	flex-wrap: wrap;
	font-size: 16px;
	color: #333;
	gap: 4px 8px;
	align-self: center;
}

[namespace=common-benefits-coupon-detail].card .card-content .row.apply-cond {
	flex-wrap: nowrap;
}

[namespace=common-benefits-coupon-detail].card .card-content .row.apply-cond .content,
[namespace=common-benefits-coupon-detail].card .card-content .row.apply-range .content {
	gap: 4px 12px;
	flex-direction: column;
	flex-wrap: wrap;
}

[namespace=common-benefits-coupon-detail].card .card-content .row.apply-target {
	flex-wrap: nowrap;
}

[namespace=common-benefits-coupon-detail].card .card-content .row.apply-target .content {
	display: inline;
}

[namespace=common-benefits-coupon-detail].card .card-content .row.apply-target .content .item.apply-main:not(:last-child)::after {
	/* content: '/'; */
	margin-left: 4px;
	margin-right: 4px;
}

[namespace=common-benefits-coupon-detail].card .card-content .row .content span.date {
	color: #c8222c;
}

[namespace=common-benefits-coupon-detail].card .card-content .row .content span.sub-title {
	color: #888888;
	font-weight: 700;
}

/* [namespace=cs-news].card */

[namespace=cs-news].card {
	margin-top: 8px;
	margin-bottom: 8px;
}

[namespace=cs-news].card .card-content .list a,
[namespace=cs-news].card .card-content .list a ul {
	width: 100%;
}

[namespace=cs-news].card .card-content .list .item-content {
	padding: 8px 20px;
}

[namespace=cs-news].card .card-content .list .item-content .item-inner {
	display: block;
	color: #000;
}

[namespace=cs-news].card .card-content .list .item-content .item-inner .item-title {
	white-space: normal;
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 8px;
}

[namespace=cs-news].card .card-content .list .item-content .item-media {
	color: #B7B7B7;
}

/* [namespace=cs-news-detail].card */

[namespace=cs-news-detail].cs-news-content .block {
	margin: 15px;
	padding: 0px 8px;
}

[namespace=cs-news-detail].cs-news-content .block .title {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}

[namespace=cs-news-detail].cs-news-content .block .subtitle {
	font-weight: 500;
}


[namespace=cs-news-detail].cs-news-content .card {
	margin: 10px;
	overflow: hidden;
}

[namespace=cs-news-detail].cs-news-content .card .card-content {
	margin: 20px;
}

[namespace=cs-news-detail].cs-news-content .card .card-content div {
	margin: 5px;
}

[namespace=cs-news-detail].cs-news-content .card .card-content p {
	display: inline-block;
	margin: 5px;
	padding-left: 10px;
	line-height: 1.7;
}

[namespace=cs-news-detail].cs-news-content .card .card-content p:first-child {
	margin-top: -10px;
}

[namespace=cs-news-detail].cs-news-content .card .card-content p:last-child {
	margin-bottom: -35px;
}

[namespace=cs-news-detail].cs-news-content .card .card-content p span {
	display: inline-block;
	margin: 5px;
	padding-left: 10px;
	line-height: 1.7;
}

[namespace=cs-news-detail].cs-news-content .card .card-content p img {
	margin-left: -35px;
	margin-top: -10px;
	width: calc(100% + 60px) !important;
	height: 100% !important;
}

[namespace=cs-news-detail].cs-news-content .card .card-content table {
	margin: 15px;
}

[namespace=cs-news-detail].cs-news-content .card .card-content ul {
	padding: 3px;
}

[namespace=cs-news-detail].cs-news-content .card .card-content li {
	padding: 3px;
}
/*[namespace=cs-faq].card */

[namespace=cs-faq].card {
	margin-top: 8px;
	margin-bottom: 8px;
}

[namespace=cs-faq].card .card-content .list a,
[namespace=cs-faq].card .card-content .list a ul {
	width: 100%;
}

[namespace=cs-faq].card .card-content .list .item-content {
	padding: 8px 20px;
}

[namespace=cs-faq].card .card-content .list .item-content .item-inner {
	display: block;
	color: #000;
}

[namespace=cs-faq].card .card-content .list .item-content .item-inner .item-title {
	white-space: normal;
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 8px;
}

[namespace=cs-faq].card .card-content .list .item-content .item-media {
	color: #B7B7B7;
}

/*[namespace=cs-faq-detail].card */
[namespace=cs-faq-detail].cs-faq-content .block {
	margin: 15px;
	padding: 0px 8px;
}

[namespace=cs-faq-detail].cs-faq-content .block .title {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}

[namespace=cs-faq-detail].cs-faq-content .block .subtitle {
	font-weight: 500;
}

[namespace=cs-faq-detail].cs-faq-content .card {
	margin: 10px;
	overflow: hidden;
}

[namespace=cs-faq-detail].cs-faq-content .card .card-content p {
	margin: 15px;
}

[namespace=cs-faq-detail].cs-faq-content .card .card-content p img {
	margin-top: -15px;
	margin-left: -15px;
	width: calc(100% + 30px)!important;
	height: calc(100% + 30px) !important;
}

/*a[namespace=cs-events]*/

a[namespace=cs-events].link{
	width: 100%;
}

a[namespace=cs-events] .card {
	margin: 5px 20px;
	width: 100%;
	padding-top: 42.6%;
	background-size: 100% 100%;
}

/*[namespace=cs-events-detail].card*/

[namespace=cs-events-detail].cs-events-content .block {
	margin: 15px;
	padding: 0px 8px;
}

[namespace=cs-events-detail].cs-events-content .block .title {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}

[namespace=cs-events-detail].cs-events-content .block .subtitle {
	font-weight: 500;
}

[namespace=cs-events-detail] .card {
	margin: 10px;
	overflow: hidden;
}

[namespace=cs-events-detail] .card .card-content p {
	margin: 0px;
	line-height: 1.7;
}

[namespace=cs-events-detail] .card .card-content p span {
	display: inline-block;
	margin: 5px;
	padding-left: 10px;
	line-height: 1.7;
}

[namespace=cs-events-detail] .card .card-content p img {
	width: 100% !important;
	height: 100% !important;
}

/* [namespace=cs-popup-notice].popup-notice */
[namespace=cs-popup-notice].popup-notice {
/*	display: none;*/
	position: fixed;
	left: 20px;
	bottom: 20px;
	width: 300px;
	height: 500px;
	background-color: #fff;
	border-radius: 12px;
	z-index: 20200;
	box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
[namespace=cs-popup-notice].popup-notice img {
	border-radius: 12px;
	width: 100%;
	height: 100%;
}

@media (max-width: 630px) {
	[namespace=cs-popup-notice].popup-notice {
		position: fixed;
		left: calc(50% - 150px);
		bottom: calc(50% - 250px);
		width: 300px;
		height: 500px;
		background-color: #fff;
		z-index: 20200;
		margin-left: 0 !important;
	}
}
[namespace=cs-popup-notice].popup-notice .page .page-content a.popup-close {
	position: fixed;
	top: 18px;
	right: 18px;
	z-index: 1;
	opacity: 0.6;
}

[namespace=cs-popup-notice].popup-notice .page .page-content a.popup-close button {
	font-size: 18px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
}

[namespace=cs-popup-notice].popup-notice .page .page-content div.img-wrap a.popup-close {
	position: relative;
	width: 100%;
	opacity: 1;
	right: 0px;
	margin-top: 5px;
	margin-bottom: 35px;
}

[namespace=cs-popup-notice].popup-notice .page .page-content div.img-wrap a.popup-close button {
	width: calc(100% - 20px);
	height: 45px;
	border-radius: 8px;	
	text-transform: none;
}

/*[namespace=block-terms].terms*/

[namespace=block-terms].terms .title {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0.5em 0.2em;
}

[namespace=block-terms].terms .subtitle {
	font-size: 1em;
	font-weight: bold;
	margin: 14px;
	margin-bottom: 6px;
}

[namespace=block-terms].terms ul li {
	margin: 6px 18px;
}

[namespace=block-terms].terms span.bullet {
	margin-right: 5px;
}

[namespace=block-terms].terms table.contents {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

[namespace=block-terms].terms table.contents thead td {
	text-align: center;
	background-color: #ddd;
	width: 33.3333%;
}

[namespace=block-terms].terms .term-content {
	padding: 15px 0;
}

[namespace=block-terms].terms .term-content:not(:last-child) {
	border-bottom: 1px dashed #DDDDDD;
}

[namespace=block-terms].terms .term-content-tenant {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 15px 0;
}

[namespace=block-terms].terms .contents td {
	padding: 13px 15px;
}

[namespace=block-terms].terms .contents thead td {
	font-weight: bolder;
}

[namespace=block-terms].terms span.term-detail {
	margin-top: 20px;
	font-weight: 700;
	font-size: 20px;
}

[namespace=block-terms].terms #termsPrivacy tr :first-child {
	border-left: 0px;
}

[namespace=block-terms].terms #termsPrivacy tr :last-child {
	border-right: 0px;
}

[namespace=block-terms].terms #termsPrivacy td {
	border: 1px solid #CCC;
	font-size: 13px;
}

[namespace=block-terms].terms.stays ul>li:before {
	content: '- ';
}

[namespace=block-terms].terms.stays .title {
	margin-bottom: 8px;
}

[namespace=block-terms].terms.stays .notice {
	margin-bottom: 10px;
}

[namespace=block-terms].terms.stays .content {
	white-space: pre-wrap;
}

[namespace=block-terms].terms.stays .cs-info {
	margin: 24px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

[namespace=block-terms].block.introduce img:first-child {
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
}

[namespace=block-terms].block.introduce img:last-child {
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;

}

[namespace=block-terms].block.introduce img {
	width: 100%;
	margin-top: -5px;
}


/* .card.booked-deal */

[namespace=trip-deals-booked].card.booked-deal {
	font-size: 16px;
}

[namespace=trip-deals-booked].card.booked-deal[data-reservation-status="terminated"] {
	background-color: #e5e5e5;
}

[namespace=trip-deals-booked].card.booked-deal .card-content-padding {
	padding: 28px 12px;
	padding-bottom: 18px;
}

[namespace=trip-deals-booked].card.booked-deal .card-content .booked-deal-image-wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-self: center;
}

[namespace=trip-deals-booked].card.booked-deal .card-content .booked-deal-image-wrap .booked-deal-image {
	display: flex;
	justify-content: center;
}

[namespace=trip-deals-booked].card.booked-deal .card-content .booked-deal-image img {
	width: 60%;
}

[namespace=trip-deals-booked].card.booked-deal[data-reservation-status="terminated"] img {
	filter: grayscale(100%);
}

[namespace=trip-deals-booked].card.booked-deal .card-content .booked-deal-image.rounded img {
	width: 50%;
	aspect-ratio: 1/1;
	border-radius: 50%;
}

[namespace=trip-deals-booked].card.booked-deal .card-content .booked-deal-image-wrap .flag {
	position: absolute;
	top: -20px;
	left: 12px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	gap: 4px;
}
[namespace=trip-deals-booked].card.booked-deal .card-content .booked-deal-image-wrap .flag img {
	width: 30px;
}

[namespace=trip-deals-booked].card.booked-deal .card-content .booked-deal-title {
	font-size: 16px;
	padding-bottom: 5px;
	font-weight: 600;
}

[namespace=trip-deals-booked].card.booked-deal .card-content .booked-deal-info {
	font-size: 14px;
	color: #888888;
	line-height: 1.3;
	font-weight: 500;
}

[namespace=trip-deals-booked].card.booked-deal .card-footer {
	padding: 18px 0;
	padding-bottom: 32px;
	margin: 0 18px ;
	display: flex;
	justify-content: center;
}

[namespace=trip-deals-booked].card.booked-deal .card-footer .btn-area {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

[namespace=trip-deals-booked].card.booked-deal .card-footer .completed {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

[namespace=trip-deals-booked].card.booked-deal[data-reservation-status="terminated"] .card-footer .btn-area { display: none; }
[namespace=trip-deals-booked].card.booked-deal[data-reservation-status="terminated"] .card-footer .completed { display: none; }
[namespace=trip-deals-booked].card.booked-deal:not([data-reservation-status="terminated"]) .card-footer .terminated { display: none; }
[namespace=trip-deals-booked].card.booked-deal:not([data-reservation-status="completed"]) .card-footer .completed { display: none; }

[namespace=trip-deals-booked].card.booked-deal[data-reservation-status="terminated"] .card-footer {
	border-top: 1px dashed #b4b4b4;
}

[namespace=trip-deals-booked].card.booked-deal[data-reservation-status="completed"] .card-footer .btn-area { display: none; }

[namespace=trip-deals-booked].card.booked-deal[data-reservation-status="completed"] .card-footer {
	border-top: 1px dashed #b4b4b4;
}

[namespace=trip-deals-booked].card.booked-deal[data-reservation-status="consult"] .card-footer .btn-area button[data-btn-cancel-reservation] {
	display: none;
}

[namespace=trip-deals-booked].card.booked-deal .card-footer .btn-area button {
	font-size: 14px;
	height: 34px;
	margin: 0 4px;
}

[namespace=trip-deals-booked].card.booked-deal .card-footer .btn-area button i {
	padding-right: 3px;
}

[namespace=trip-deals-booked].card.booked-deal .card-footer .btn-area button.btn-receipt {
	color: #888888;
	border: 1px solid #E4E4E4;
}

[namespace=trip-deals-booked].card.booked-deal .card-footer  .btn-area button.btn-receipt i {
	color: #000;
}

[namespace=trip-deals-booked].card.booked-deal .card-footer .btn-area button.btn-cancel {
	color: #C8222C;
	border-color: #C8222C;
	background-color: #FFEEF0;
}

[namespace=trip-deals-booked].card.booked-deal .card-footer .btn-area button.btn-cancel:active {
	opacity: 0.5;
}

[namespace=trip-deals-booked].card.booked-deal .card-footer .completed button {
	font-size: 14px;
	height: 34px;
	margin: 0 4px;
}

[namespace=trip-deals-booked].card.booked-deal .card-footer .completed button i {
	padding-right: 3px;
}

[namespace=trip-deals-booked].card.booked-deal .card-footer .completed button.btn-receipt {
	color: #888888;
	border: 1px solid #E4E4E4;
}

[namespace=trip-deals-booked].card.booked-deal .card-footer  .completed button.btn-receipt i {
	color: #000;
}

[namespace=trip-deals-booked].card.booked-deal .card-footer .completed button.btn-completed {
	color: #C8222C;
	font-size: 18px;
	pointer-events: none;
	/* border: 1px solid #E4E4E4; */
}

[namespace=trip-deals-booked].card.booked-deal .card-footer .completed button.btn-cancel {
	color: #C8222C;
	border-color: #C8222C;
	background-color: #FFEEF0;
}

[namespace=trip-deals-booked].card.booked-deal .card-footer .completed button.btn-cancel:active {
	opacity: 0.5;
}

[namespace=trip-deals-booked].card.booked-deal .card-footer .terminated {
	font-size: 16px;
	color: #888888;
}

@media (max-width: 467px) {
	[namespace=trip-deals-booked].card.booked-deal .card-footer .btn-area button i {
		display: none;
	}
}

/*[namespace=trip-deals-booked-result].booked-deal-result*/
[namespace=trip-deals-booked-result].card.booked-deal-result {
	padding: 8px;
}

[namespace=trip-deals-booked-result].card.booked-deal-result .card-content-padding {
	padding: 12px 6px !important;
}

[namespace=trip-deals-booked-result].card.booked-deal-result .card-content .booked-deal-image-wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-self: center;
}

[namespace=trip-deals-booked-result].card.booked-deal-result .card-content .booked-deal-image-wrap .booked-deal-image {
	display: flex;
	justify-content: center;
}

[namespace=trip-deals-booked-result].card.booked-deal-result .card-content .booked-deal-image img {
	width: 60%;
}

[namespace=trip-deals-booked-result].card.booked-deal-result .card-content .booked-deal-image.rounded img {
	width: 50%;
	aspect-ratio: 1/1;
	border-radius: 50%;
}

[namespace=trip-deals-booked-result].card.booked-deal-result .card-content .booked-deal-title {
	text-align: left;
	font-size: 15px;
	padding-bottom: 5px;
	font-weight: 600;
}

[namespace=trip-deals-booked-result].card.booked-deal-result .card-content .booked-deal-info {
	font-size: 13px;
	color: #888888;
	line-height: 1.3;
	font-weight: 500;
	padding-left: 10px;
}

[namespace=trip-deals-booked-result].card.booked-deal-result .card-content .booked-deal-info div {
	text-align: left;
	padding: 2px 5px;
}

[namespace=trip-deals-booked-result].card.booked-deal-result .card-footer {
	padding: 6px !important;
	font-size: 16px;
	justify-content: center;
	flex-direction: column;
}

[namespace=trip-deals-booked-result].card.booked-deal-result .card-footer .row {
	width: 100%;
}

[namespace=trip-deals-booked-result].card.booked-deal-result .card-footer span {
	font-weight: 600;
	color: #006FFF;
	margin-left: 10px;
}

[namespace=trip-deals-booked-result].card.booked-deal-result .card-footer .row.price-total {
	justify-content: center;
	align-items: flex-end;
	font-weight: 700;
	padding-bottom: 12px;
}

[namespace=trip-deals-booked-result].card.booked-deal-result .card-footer .row.price-total span {
	margin-right: 10px;
	font-size: 20px;
}

/* [namespace=trip-deals-booked-result] [namespace=trip-deals-booked-result-cars] */
[namespace=trip-deals-booked-result].card.booked-deal-result
[namespace=trip-deals-booked-result-cars].result-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 12px;
	padding-bottom: 0;
}

[namespace=trip-deals-booked-result].card.booked-deal-result
[namespace=trip-deals-booked-result-cars].result-wrap .row.header {
	gap: 16px;
	align-items: center;
}

[namespace=trip-deals-booked-result].card.booked-deal-result
[namespace=trip-deals-booked-result-cars].result-wrap .image-wrap {
	display: flex;
	justify-content: center;
	padding: 8px;
}

[namespace=trip-deals-booked-result].card.booked-deal-result
[namespace=trip-deals-booked-result-cars].result-wrap .image-wrap img {
	width: 100%;
	min-width: 80px;
}

[namespace=trip-deals-booked-result].card.booked-deal-result
[namespace=trip-deals-booked-result-cars].result-wrap .title-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

[namespace=trip-deals-booked-result].card.booked-deal-result
[namespace=trip-deals-booked-result-cars].result-wrap .title {
	text-align: left;
	font-size: 20px;
	padding-bottom: 5px;
	font-weight: 600;
	text-wrap: wrap;
}

[namespace=trip-deals-booked-result].card.booked-deal-result
[namespace=trip-deals-booked-result-cars].result-wrap .booked-deal-info {
	display: flex;
	justify-content: flex-start;
	gap: 0 48px;
	border-top: 1px solid #E4E4E4;
	border-bottom: 1px solid #E4E4E4;
	margin-top: 16px;
	padding: 12px 0;
	width: 100%;
}

[namespace=trip-deals-booked-result].card.booked-deal-result
[namespace=trip-deals-booked-result-cars].result-wrap .booked-deal-info .row {
	justify-content: flex-start;
	font-size: 16px;
	color: #333;
}

[namespace=trip-deals-booked-result].card.booked-deal-result
[namespace=trip-deals-booked-result-cars].result-wrap .booked-deal-info .row .label {
	font-weight: 600;
	min-width: 50px;
}

[namespace=trip-deals-booked-result].card.booked-deal-result
[namespace=trip-deals-booked-result-cars].result-wrap .booked-deal-info .row .content {
	font-weight: 400;
}

/*[namespace=trip-deals-booked-result].booked-deal-result*/
[namespace=trip-deals-booked-result-vbank].card.booked-deal-result-vbank {
	padding: 10px;
}

[namespace=trip-deals-booked-result-vbank].card.booked-deal-result-vbank .row .right {
	color: #006FFF;
}

[namespace=trip-deals-booked-result-vbank].card.booked-deal-result-vbank .row.expire .right {
	color: #C8222C;
}

[namespace=trip-deals-booked-result-vbank].card.booked-deal-result-vbank .row.charge .right {
	color: #888888;
}

[namespace=trip-deals-booked-result-vbank].card.booked-deal-result-vbank .row.charge .right span {
	font-weight: 600;
	font-size: 15px;
	color: #006FFF;
}

/*[namespace=trip-deals-booked-detail].booked-deal-detail-wrap  .card.booked-deal-info */

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-info {
	padding: 18px 0;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-info .card-header {
	justify-content: center;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-info .card-header-align-left {
	justify-content: left;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-info .card-header .booked-deal-comment {
	margin-left: 24px;
	font-weight: 600;
	font-size: 17px;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-info .card-content .barcode-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 24px;
	border-bottom: 1px dashed #E4E4E4;
	padding-bottom: 12px;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-info .card-content .barcode-block .barcode-description {
	font-size: 17px;
	color: #888888;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-info .card-content .barcode-block .corp-provider {
	color: #006fff;
	font-weight: 700;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-info .card-content .barcode-block [data-barcode-text] {
	color: #888888;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-info .card-content .barcode-block .qr-block {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-info .card-content .user-info {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 14px;
	padding: 14px;
	font-size: 22px;
	font-weight: 500;
	color: #006FFF;
	border-bottom: 1px dashed #E4E4E4;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-info .card-content .booked-deal-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 16px 0;
	margin-top: 16px;
}
[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-info .card-content .booked-deal-block .title {
	padding-bottom: 1em;
	font-size: 18px;
	font-weight: 600;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-info .card-content .booked-deal-block .info {
	color: #888888;
	font-weight: 500;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-info .card-content .booked-deal-block .charge-info {
	color: #888888;
	font-weight: 500;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-info .card-content .booked-deal-block .info div {
	display: flex;
	justify-content: space-between;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-info .card-content .booked-deal-block .info span {
	color: #006FFF;
	margin-right: 8px;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-info .card-content .booked-deal-block .issueDate {
	color: #C8222C;
	margin-top: 16px;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-info .card-content .booked-deal-block.driver-ins-info,
[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-info .card-content .booked-deal-block.car-delivery-info {
	border-top: 1px dashed #E4E4E4;
	margin: 0 14px
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-info .card-content .booked-deal-block.driver-ins-info [data-btn-driver-insurance-edit-type],
[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-info .card-content .booked-deal-block.car-delivery-info [data-btn-driver-insurance-edit-type] {
	margin-top: 15px;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-info .card-content .booked-deal-block.driver-ins-info input,
[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-info .card-content .booked-deal-block.car-delivery-info input {
	/* display: inline-block; */
	display: none;
	width: 4.6em;
	height: 2em;
	border: 1px solid #ddd;
	border-radius: 0.3em;
	text-align: center;
	width: 130px;
	margin: 1px;
	color: black;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-info .card-content .booked-deal-block [data-btn-cancel-car-delivery] {
	background-color: #C8222C;
	margin-top: 15px;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-info .card-content .booked-deal-block .passenger-info {
	width: calc(100% - 32px);
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-info .card-content .booked-deal-block table.passenger-list {
	border-collapse: collapse;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-info .card-content .booked-deal-block table.passenger-list thead {
	background-color: #E4E4E4;
	font-weight: 600;
	color: #333;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-info .card-content .booked-deal-block table.passenger-list th,
[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-info .card-content .booked-deal-block table.passenger-list td {
	padding: 2px 12px;
	border: 1px solid #e1e1e1;
}

/*[namespace=trip-deals-booked-detail].booked-deal-detail-wrap  .card.guest-confirm */

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.guest-confirm {
	padding: 20px;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.guest-confirm .card-header {
	justify-content: center;
	padding-bottom: 24px;
	font-weight: 600;
	font-size: 17px;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.guest-confirm .card-content .list {
	border: none;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.guest-confirm .card-content .list .item-content {
	width: 100%;
	padding: 0;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.guest-confirm .card-content .list .item-content .item-inner {
	flex-direction: column;
	font-weight: 500;
	padding: 0;
	padding-bottom: 8px;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.guest-confirm .card-content .list .item-content .item-inner div {
	width: 100%;
	overflow-wrap: anywhere;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.guest-confirm .card-content .list .item-content .item-inner .item-title {
	font-size: 17px;
	margin-bottom: 12px;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.guest-confirm .card-content .list .item-content .item-inner .item-title i {
	margin-right: 5px;
	color: #006FFF;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.guest-confirm .card-content .list .item-content .item-inner .btn-area {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 24px 0;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.guest-confirm .card-content .list .item-content .item-inner .btn-area button {
	margin: 0 8px;
	height: 100%;
	padding: 8px 16px;
	font-size: 17px;
	border-radius: 10px;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.guest-confirm .card-content .list .item-content .item-inner .btn-area button[data-btn-copy-address] {
	border: 1px solid #E4E4E4;
	color: #000;
}

/* [namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-extra */
[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-extra .list {
	border: none;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-extra .list li {
	border-bottom: 1px solid #E4E4E4;
	margin: 0 16px;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-extra .list li:last-child {
	border-bottom: none;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-extra .item-content {
	padding: 0;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-extra .item-media {
	justify-content: center;
	font: var(--fa-font-solid);
	font-size: 18px;
	width: 24px;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap[data-reservation-type="flights"] .booked-deal-extra .item-media.icon-reservation > .fa-ticket-airline {display: flex;}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap[data-reservation-type="flights"] .booked-deal-extra .item-media.icon-reservation > .fa-car-side,
[namespace=trip-deals-booked-detail].booked-deal-detail-wrap[data-reservation-type="flights"] .booked-deal-extra .item-media.icon-reservation > .fa-hands,
[namespace=trip-deals-booked-detail].booked-deal-detail-wrap[data-reservation-type="flights"] .booked-deal-extra .item-media.icon-reservation > .fa-bed,
[namespace=trip-deals-booked-detail].booked-deal-detail-wrap[data-reservation-type="flights"] .booked-deal-extra .item-media.icon-reservation > .fa-ticket-simple
 {display: none;}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap[data-reservation-type="cars"] .booked-deal-extra .item-media.icon-reservation > .fa-car-side {display: flex;}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap[data-reservation-type="cars"] .booked-deal-extra .item-media.icon-reservation > .fa-ticket-airline,
[namespace=trip-deals-booked-detail].booked-deal-detail-wrap[data-reservation-type="cars"] .booked-deal-extra .item-media.icon-reservation > .fa-hands,
[namespace=trip-deals-booked-detail].booked-deal-detail-wrap[data-reservation-type="cars"] .booked-deal-extra .item-media.icon-reservation > .fa-bed,
[namespace=trip-deals-booked-detail].booked-deal-detail-wrap[data-reservation-type="cars"] .booked-deal-extra .item-media.icon-reservation > .fa-ticket-simple
 {display: none;}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap[data-reservation-type="items"] .booked-deal-extra .item-media.icon-reservation > .fa-hands {display: flex;}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap[data-reservation-type="items"] .booked-deal-extra .item-media.icon-reservation > .fa-ticket-airline,
[namespace=trip-deals-booked-detail].booked-deal-detail-wrap[data-reservation-type="items"] .booked-deal-extra .item-media.icon-reservation > .fa-car-side,
[namespace=trip-deals-booked-detail].booked-deal-detail-wrap[data-reservation-type="items"] .booked-deal-extra .item-media.icon-reservation > .fa-bed,
[namespace=trip-deals-booked-detail].booked-deal-detail-wrap[data-reservation-type="items"] .booked-deal-extra .item-media.icon-reservation > .fa-ticket-simple
 {display: none;}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap[data-reservation-type="stays"] .booked-deal-extra .item-media.icon-reservation > .fa-bed {display: flex;}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap[data-reservation-type="stays"] .booked-deal-extra .item-media.icon-reservation > .fa-ticket-airline,
[namespace=trip-deals-booked-detail].booked-deal-detail-wrap[data-reservation-type="stays"] .booked-deal-extra .item-media.icon-reservation > .fa-car-side,
[namespace=trip-deals-booked-detail].booked-deal-detail-wrap[data-reservation-type="stays"] .booked-deal-extra .item-media.icon-reservation > .fa-hands,
[namespace=trip-deals-booked-detail].booked-deal-detail-wrap[data-reservation-type="stays"] .booked-deal-extra .item-media.icon-reservation > .fa-ticket-simple
 {display: none;}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap[data-reservation-type="tickets"] .booked-deal-extra .item-media.icon-reservation > .fa-ticket-simple {display: flex;}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap[data-reservation-type="tickets"] .booked-deal-extra .item-media.icon-reservation > .fa-ticket-airline,
[namespace=trip-deals-booked-detail].booked-deal-detail-wrap[data-reservation-type="tickets"] .booked-deal-extra .item-media.icon-reservation > .fa-car-side,
[namespace=trip-deals-booked-detail].booked-deal-detail-wrap[data-reservation-type="tickets"] .booked-deal-extra .item-media.icon-reservation > .fa-hands,
[namespace=trip-deals-booked-detail].booked-deal-detail-wrap[data-reservation-type="tickets"] .booked-deal-extra .item-media.icon-reservation > .fa-bed
 {display: none;}


[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-extra .item-inner {
	padding-right: 0;
}

[namespace=trip-deals-booked-detail].booked-deal-detail-wrap .card.booked-deal-extra .item-inner .item-title {
	color: #000;
	font-weight: 600;
}

/* [namespace=trip-deals-booked-done-stays] */
[namespace=trip-deals-booked-done-stays].deal-wrapper {
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .deal-list {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .deal-list > .reserved-deal {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding-bottom: 32px;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .deal-list > .reserved-deal:not(:last-child){
	border-bottom: 1px dashed #888888;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper >  .reservation-no-block {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 16px;
	font-size: 18px;
	background-color: #e8f1fd;
	padding: 8px 6px;
	border-radius: 8px;;
	font-weight: 600;
	margin-bottom: 16px;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper >  .reservation-no-block .label {
	color: #006FFF;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .deal-list > .reserved-deal .deal-content {
	display: flex;
	justify-content: flex-start;
	gap: 24px;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .deal-list > .reserved-deal .deal-content .left {
	max-width: 40%;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .deal-list > .reserved-deal .deal-content .img-wrapper {
	border-radius: 12px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .deal-list > .reserved-deal .deal-content img {
	object-fit: scale-down;
	max-height: 200px;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .deal-list > .reserved-deal .deal-content > .right {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 16px;
	width: 100%;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .deal-list > .reserved-deal .deal-content > .right .title-area {
	padding-bottom: 16px;
	border-bottom: 1px solid #e4e4e4;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .deal-list > .reserved-deal .deal-content > .right .title {
	font-size: 18px;
	font-weight: 600;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .deal-list > .reserved-deal .deal-content > .right .sub-title {
	font-size: 24px;
	font-weight: 400;
	color:#888888;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .deal-list > .reserved-deal .deal-content > .right > .reserved-info {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .deal-list > .reserved-deal .deal-content > .right > .reserved-info .row {
	display: flex;
	justify-content: flex-start;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .deal-list > .reserved-deal .deal-content > .right > .reserved-info .row > .label {
	font-size: 16px;
	font-weight: 700;
	min-width: 80px;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .capacity-notice {
	text-align: center;
	padding: 8px;
	font-size: 13px;
	border-top:#888888 1px dashed;
	border-bottom:#888888 1px dashed;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .capacity-notice .warning {
	font-weight: 700;
	color: #C8222C;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .capacity-notice .warning > span {
	text-wrap: nowrap;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .question-tel {
	display: flex;
	gap: 8px;
	justify-content: center;
	font-size: 16px;
	margin-top: 12px;
	flex-wrap: wrap;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .question-tel > .title {
	font-weight: 600;
	color:#006FFF;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .question-tel i {
	margin-right: 5px;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .price-summary {
	color: #333;
	padding: 8px;
	padding-bottom: 16px;
	text-align: center;
	border-bottom: 1px dashed #888888;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .price-summary .coupon-sale {
	gap: 8px;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .price-summary .coupon-sale > .coupon {
	margin-top: 8px;
	color: #fff;
	background-color: #E72364;
	width: fit-content;
	padding: 6px 16px;
	position: relative;
	border-radius: 4px;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .price-summary .coupon-sale > .coupon::after,
[namespace=trip-deals-booked-done-stays].deal-wrapper > .price-summary .coupon-sale > .coupon::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #fff;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .price-summary .coupon-sale > .coupon::before {
	right: -5px;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .price-summary .coupon-sale > .coupon::after {
	left: -5px;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .price-summary .coupon-sale > .coupon > .amount {
	color: #FFEA00;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .price-summary .room-price {
	flex-wrap: wrap;
	gap: 4px;
	font-size: 16px;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .price-summary .room-price:not(:first-child)::before {
	content: '+';
	margin: 0 4px;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .price-summary .coupon-charge::before {
	content: '-';
	margin: 0 4px;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .reservation-price {
	gap: 8px;
	font-size: 16px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
}

[namespace=trip-deals-booked-done-stays].deal-wrapper > .reservation-price span {
	color: #006FFF;
	font-size: 32px;
}

@media (max-width:629px) {
	[namespace=trip-deals-booked-done-stays].deal-wrapper > .deal-list > .reserved-deal .deal-content {
		flex-direction: column;
		align-items: center;
	}

	[namespace=trip-deals-booked-done-stays].deal-wrapper > .deal-list > .reserved-deal .deal-content > .left {
		max-width: 100%;
	}

	[namespace=trip-deals-booked-done-stays].deal-wrapper > .deal-list > .reserved-deal .deal-content > .right {
		align-items: center;
	}

	[namespace=trip-deals-booked-done-stays].deal-wrapper > .deal-list > .reserved-deal .deal-content > .right .title-area {
		text-align: center;
	}
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper {

}


/* [namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .block.guidance */
[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .block.guidance > .block-content {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin: 24px 0;
}
[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .block.guidance > .block-content > .left .img-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .block.guidance > .block-content > .left img {
	width: 80px;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .block.guidance > .block-content > .right {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: start;
	letter-spacing: -0.5px;
	font-size: 20px;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .block.guidance > .block-content > .right .title {
	font-weight: 700;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .user-info-block {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 8px;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .user-info-block > .row {
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	font-size: 20px;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .user-info-block > .row > .label {
	font-weight: 700;
	min-width: 85px;
	color:#006FFF;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .capacity-notice {
	text-align: center;
	padding: 8px;
	margin-top: 8px;
	border-top:#888888 1px dashed;
	border-bottom:#888888 1px dashed;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .capacity-notice .warning {
	font-weight: 700;
	color: #C8222C;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .capacity-notice .warning > span {
	text-wrap: nowrap;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper > .card {
	padding: 24px;
}
[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper > .card > .card-content {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper > .card > .card-content .reservation-no-block {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 16px;
	font-size: 18px;
	background-color: #e8f1fd;
	padding: 8px 6px;
	border-radius: 8px;;
	font-weight: 600;
	margin-bottom: 8px;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper > .card > .card-content .reservation-no-block .label {
	color: #006FFF;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper > .card hr.divider {
	border-top: 1px dashed #888888;
	margin: 0;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .booked-deal-block,
[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .property-block {
	margin-top: 8px;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .booked-deal-block > .title,
[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .property-block > .title  {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 16px;
	padding: 0 8px;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .info {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 0px 8px;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .info .row {
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	font-size: 16px;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .info .row > .label {
	font-weight: 700;
	min-width: 85px;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .info .row > .content {
	text-wrap: wrap;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .reserved-room-list > .info {
	margin: 16px 0;
	padding: 16px 8px;
	border-bottom: 1px dotted #888;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .reserved-room-list > .info:first-child {
	border-top: 1px dotted #888;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .reserved-room-list > .info .title {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 8px;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .price-summary {
	gap: 8px;
	padding-top: 8px;
	font-size: 18px;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .price-summary .coupon-sale {
	gap: 8px;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .price-summary .coupon-sale > .coupon {
	color: #fff;
	background-color: #E72364;
	width: fit-content;
	padding: 4px 14px;
	position: relative;
	border-radius: 4px;
	font-size: 16px;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .price-summary .coupon-sale > .coupon::after,
[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .price-summary .coupon-sale > .coupon::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #fff;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .price-summary .coupon-sale > .coupon::before {
	right: -5px;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .price-summary .coupon-sale > .coupon::after {
	left: -5px;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .price-summary .coupon-sale > .coupon > .amount {
	color: #FFEA00;
	margin-left: 4px;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .price-summary .room-price {
	flex-wrap: wrap;
	gap: 4px;
	font-size: 16px;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .price-summary .charge-total {
	font-weight: 600;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .price-summary .charge-total span {
	color: #006FFF;
	font-size: 24px;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .btn-area {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 6px;
	font-size: 16px;
	margin-top: 16px;
	margin-bottom: 16px;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .btn-area button {
	padding: 6px;
	height: auto;
	border: #e4e4e4 1px solid;
	border-radius: 8px;
	font-size: 16px;
}

[namespace=trip-deals-booked-detail-stays].booked-deal-wrapper .btn-area button i {
	padding-right: 5px;
}

/* [namespace=trip-deals-booked-done-cars-global].booked-deal-wrapper .card */
[namespace=trip-deals-booked-done-cars-global].booked-deal-wrapper .card {
	padding: 24px;
}

[namespace=trip-deals-booked-done-cars-global].booked-deal-wrapper .card > .card-header {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	flex-wrap: wrap;
}

[namespace=trip-deals-booked-done-cars-global].booked-deal-wrapper .card > .card-header::after {
	height: 2px;
}

[namespace=trip-deals-booked-done-cars-global].booked-deal-wrapper .card > .card-header .name {
	font-size: 20px;
	font-weight: 600;
	overflow-wrap: anywhere;
}

[namespace=trip-deals-booked-done-cars-global].booked-deal-wrapper .card > .card-header .point {
	font-size: 16px;
	font-weight: 400;
	color: #848484;
}

[namespace=trip-deals-booked-done-cars-global].booked-deal-wrapper .card > .card-header .point span:not(:last-child)::after {
	content: "|";
	font-weight: 100;
	margin-left: 6px;
}

[namespace=trip-deals-booked-done-cars-global].booked-deal-wrapper .card > .card-header .image-wrap {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	max-width: 60%;
	margin-left: auto;
}

[namespace=trip-deals-booked-done-cars-global].booked-deal-wrapper .card > .card-header .image-wrap img {
	width: 100%;
}

[namespace=trip-deals-booked-done-cars-global].booked-deal-wrapper .card > .card-content .title {
	font-size: 17px;
	font-weight: 700;
	color: #333;
	text-wrap: nowrap;
}

[namespace=trip-deals-booked-done-cars-global].booked-deal-wrapper .card > .card-content .content,
[namespace=trip-deals-booked-done-cars-global].booked-deal-wrapper .card > .card-content .price {
	font-size: 16px;
	font-weight: 400;
	color: #333;
}

[namespace=trip-deals-booked-done-cars-global].booked-deal-wrapper .card > .card-content .content {
	text-wrap: wrap;
}

[namespace=trip-deals-booked-done-cars-global].booked-deal-wrapper .card > .card-content .price {
	margin-left: auto;
}

[namespace=trip-deals-booked-done-cars-global].booked-deal-wrapper .card > .card-content .block-header,
[namespace=trip-deals-booked-done-cars-global].booked-deal-wrapper .card > .card-content .block-content,
[namespace=trip-deals-booked-done-cars-global].booked-deal-wrapper .card > .card-content .block-footer {
	padding: 12px;
}

[namespace=trip-deals-booked-done-cars-global].booked-deal-wrapper .card > .card-content .block-content {
	border-top: 1px solid #E4E4E4;
	padding-top: 24px;
}

[namespace=trip-deals-booked-done-cars-global].booked-deal-wrapper .card > .card-content .block-footer {
	border-top: 1px dashed #E4E4E4;
	margin: 12px 0;
	padding-top: 24px;
}

[namespace=trip-deals-booked-done-cars-global].booked-deal-wrapper .card > .card-content .block-header .row {
	justify-content: flex-start;
	gap: 0 12px;
	margin-bottom: 4px;
	flex-wrap: nowrap;
}

[namespace=trip-deals-booked-done-cars-global].booked-deal-wrapper .card > .card-footer {
	margin: 0;
	padding: 0;
	padding-top: 24px;
}

[namespace=trip-deals-booked-done-cars-global].booked-deal-wrapper .card > .card-footer::before {
	background-color: #E4E4E4;
	height: 2px;
}

[namespace=trip-deals-booked-done-cars-global].booked-deal-wrapper .card > .card-footer .row {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
}

[namespace=trip-deals-booked-done-cars-global].booked-deal-wrapper .card > .card-footer .insur {
	border-radius: 32px;
	border: 1px solid #007AFF;
	color: #007AFF;
	padding: 3px 16px;
}

[namespace=trip-deals-booked-done-cars-global].booked-deal-wrapper .card > .card-footer .price {
	font-size: 16px;
	font-weight: 600;
	margin-left: auto;
}

[namespace=trip-deals-booked-done-cars-global].booked-deal-wrapper .card > .card-footer .price .amount {
	color: #007AFF;
	font-size: 22px;
	margin-left: 12px;
	margin-right: 8px;
}

/* [namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .block.guidance */
[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .block.guidance > .block-content {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin: 24px 0;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .block.guidance > .block-content > .left .img-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
}


[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .block.guidance > .block-content > .left img {
	width: 80px;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .block.guidance > .block-content > .right {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: start;
	letter-spacing: -0.5px;
	font-size: 20px;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .block.guidance > .block-content > .right .title {
	font-weight: 700;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .block.guidance > .block-content > .right .sub-title {
	font-size: 14px;
	font-weight: 400;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card {
	padding: 24px;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card .card-header {
	padding: 0;
	font-weight: 700;
	font-size: 20px;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card .card-content .row .title {
	font-size: 16px;
	font-weight: 600;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card .card-content .row .content.link {
	color: #007AFF;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card .card-content .row .content {
	font-size: 16px;
	font-weight: 400;
	overflow-wrap: anywhere;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card.info .card-header {
	display: flex;
	flex-direction: column;
	padding-bottom: 16px;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card.info .card-header .title {
	font-size: 20px;
	font-weight: 600;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card.info .card-header .point {
	font-size: 16px;
	font-weight: 400;
	color: #848484;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card.info .card-header .point span:last-child {
	margin-left: 8px;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card.info .card-header .point span:not(:last-child):after {
	content: "|";
	font-weight: 100;
	margin-left: 6px;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card .card-content {
	padding: 16px 0;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card.info .card-content .reservation-info,
[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card.info .card-content > .price-info {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 12px 16px;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card .card-content .reservation-info .row {
	justify-content: flex-start;
	gap: 8px;
	flex-wrap: nowrap;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card .card-content .reservation-info .row .title {
	width: 80px;
	flex-shrink: 0;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card.info .card-content > .price-info {
	border-top: 1px dashed #E4E4E4;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card .card-content .reservation-info .button.guide {
	margin: 12px 32px;
	padding: 0px 8px;
	border: 1px solid #007AFF;
	height: auto;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card.info .card-footer.price-total .insur {
	border-radius: 32px;
	border: 1px solid #007AFF;
	color: #007AFF;
	padding: 3px 16px;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card.info .card-footer.price-total {
	padding: 0;
	border-top: 1px dashed #E4E4E4;
	padding-top: 16px;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card.info .card-footer.price-total .row {
	width: 100%;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card.info .card-footer.price-total .price {
	font-size: 16px;
	font-weight: 600;
	margin-left: auto;
	padding-right: 12px;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card.info .card-footer.price-total .price > .amount {
	color: #007AFF;
	font-size: 22px;
	margin-left: 12px;
	margin-right: 8px;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card.place,
[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card.booker-info,
[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card.driver-info {
	padding: 16px 24px;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card.booker-info .card-content,
[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card.driver-info .card-content {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-bottom: 8px;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card.booker-info .card-content .row,
[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card.driver-info .card-content .row {
	display: flex;
	justify-content: flex-start;
	gap: 8px;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card.booker-info .card-content .row .title,
[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card.driver-info .card-content .row .title {
	font-weight: 700;
	min-width: 85px;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card.place .card-header {
	padding-bottom: 8px;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card.place .card-footer,
[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card.place .card-content {
	display: flex;
	flex-direction: column;
	padding: 0;
	gap: 8px;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card.place .card-content .map {
	width: 100%;
	height: 200px;
	border: 0;
	border-radius: 8px;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card.place .card-footer {
	padding: 0;
	padding-top: 24px;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card.place .card-footer .row {
	gap: 8px;
	align-items: center;
	width: 100%;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card.place .card-footer .row .title {
	font-size: 16px;
	font-weight: 700;
	color: #007aff;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card.place .card-footer .row .address {
	font-size: 16px;
	font-weight: 400;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	flex: 1;
	overflow-wrap: anywhere;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .card.place .card-footer .row .address button {
	padding: 0px 12px;
	border: 1px solid #007AFF;
	background-color: #007AFF;
	color: #fff;
	border-radius: 8px;
	font-size: 13px;
	height: 100%;
	width: auto;
	text-overflow: unset;
	margin-left: auto;
	flex-shrink: 0;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .btn-area {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 6px;
	font-size: 16px;
	margin-top: 16px;
	margin-bottom: 16px;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .btn-area .request-shuttle {
	background-color: #007AFF;
	color: #fff;
	padding: 12px;
	height: 100%;
	font-size: 18px;
	border-radius: 12px;
}

[namespace=trip-deals-booked-detail-cars-global].booked-deal-wrapper .btn-area .request-shuttle i {
	margin-right: 5px;
	color: #FFEA00;
}

[namespace=trip-deals-booked-detail] .card.guest-confirm {
	padding: 20px;
}

[namespace=trip-deals-booked-detail] .card.guest-confirm .card-header {
	justify-content: center;
	padding-bottom: 12px;
	font-weight: 600;
	font-size: 17px;
}

[namespace=trip-deals-booked-detail] .card.guest-confirm .card-content .list {
	border: none;
}

[namespace=trip-deals-booked-detail] .card.guest-confirm .card-content .list .item-content {
	width: 100%;
	padding: 0;
}

[namespace=trip-deals-booked-detail] .card.guest-confirm .card-content .list .item-content .item-inner {
	flex-direction: column;
	font-weight: 500;
	padding: 0;
	padding-bottom: 16px;
	align-items: flex-start;
}

[namespace=trip-deals-booked-detail] .card.guest-confirm .card-content .list .item-content .item-inner div {
	width: 100%;
}

[namespace=trip-deals-booked-detail] .card.guest-confirm .card-content .list .item-content .item-inner ul {
	padding-left: 12px;
}

[namespace=trip-deals-booked-detail] .card.guest-confirm .card-content .list .item-content .item-inner ul > li {
	padding-left: 8px;
}

[namespace=trip-deals-booked-detail] .card.guest-confirm .card-content .list .item-content .item-inner ul > li::marker {
	content: "•";
	color:#006FFF;
}

[namespace=trip-deals-booked-detail] .card.guest-confirm .card-content .list .item-content.warning {
	background-color: #ffecec;
	border-radius: 12px;
	padding: 16px;
}

[namespace=trip-deals-booked-detail] .card.guest-confirm .card-content .list .item-content.warning .item-inner {
	padding-bottom: 0;
}

[namespace=trip-deals-booked-detail] .card.guest-confirm .card-content .list .item-content.warning .item-inner ul > li::marker {
	color: #C8222C;
}

[namespace=trip-deals-booked-detail] .card.guest-confirm .card-content .list .item-content .item-inner .item-title {
	font-size: 17px;
	margin-bottom: 12px;
}

[namespace=trip-deals-booked-detail] .card.guest-confirm .card-content .list .item-content .item-inner .item-title i {
	margin-right: 5px;
	color: #006FFF;
}

[namespace=trip-deals-booked-detail] .card.guest-confirm .card-content .list .item-content .item-inner .item-title img {
	width: 24px;
	margin-right: 5px;
}

[namespace=trip-deals-booked-detail] .card.guest-confirm .card-content .list .item-content .item-inner .btn-area {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 24px 0;
}

[namespace=trip-deals-booked-detail] .card.guest-confirm .card-content .list .item-content .item-inner .btn-area button {
	margin: 0 8px;
	height: 100%;
	padding: 8px 16px;
	font-size: 17px;
	border-radius: 10px;
}

[namespace=trip-deals-booked-detail] .card.guest-confirm .card-content .list .item-content .item-inner .btn-area button[data-btn-copy-address] {
	border: 1px solid #E4E4E4;
	color: #000;
}
/*popup*/

[namespace=trip-deals-car-delivery-popup].card-wrap .divider-company {
	padding: 0 16px;
	margin: 0 16px;
}

[namespace=trip-deals-car-delivery-popup].card-wrap .divider-company .name {
	font-weight: 600;
	font-size: 18px;
	margin: 8px 0;
}

[namespace=trip-deals-car-delivery-popup].card-wrap .divider-company .additional {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	font-size: 14px;
}

[namespace=trip-deals-car-delivery-popup].card-wrap .divider-company .additional button {
	width: auto;
	font-weight: 500;
	font-size: 16px;
}

[namespace=trip-deals-car-delivery-popup].card-wrap .divider-company .additional button i {
	margin-left: 4px;
}

[namespace=trip-deals-car-delivery-popup].card-wrap .divider-company .additional .additional-message {
	margin-left: 16px;
	padding: 3px 10px;
	border-radius: 3px;
	background: #FEEF5C;
	font-weight: 600;
}

[namespace=trip-deals-car-delivery-popup].card-wrap .card.card-deal {
	position: relative;
}

[namespace=trip-deals-car-delivery-popup].card-wrap .card.card-deal.selected {
	background-color: #DBEDFF;
}

[namespace=trip-deals-car-delivery-popup].card-wrap .card.card-deal.selected .select-qty {
	color: #006FFF;
}

[namespace=trip-deals-car-delivery-popup].card-wrap .card.card-deal .icon-selected {
	position: absolute;
	color: #006FFF;
	font-size: 1.5em;
	top: -7px;
	right: -4px;
}

[namespace=trip-deals-car-delivery-popup].card-wrap .card.card-deal:not(.selected) .icon-selected {
	display: none;
}

[namespace=trip-deals-car-delivery-popup].card-wrap .card.card-deal .card-content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-size: 20px;
	margin: 11px 15px;
	align-items: center;
	cursor: pointer;
}

[namespace=trip-deals-car-delivery-popup].card-wrap .card.card-deal .card-content:active,
[namespace=trip-deals-car-delivery-popup].card-wrap .card.card-deal .card-content:focus {
    font-weight: bold;
}

[namespace=trip-deals-car-delivery-popup].card-wrap .card.card-deal .card-content .right img {
	width: 105px;
}

[namespace=trip-deals-car-delivery-popup].card-wrap .card.card-deal .card-content .left {
	padding: 11px 0;
}

[namespace=trip-deals-car-delivery-popup].card-wrap .card.card-deal .card-content .left .name,
[namespace=trip-deals-car-delivery-popup].card-wrap .card.card-deal .card-content .right .price {
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 8px;
}

[namespace=trip-deals-car-delivery-popup].card-wrap .card.card-deal .card-content .list-title {
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 8px;
}

[namespace=trip-deals-car-delivery-popup].card-wrap .card.card-deal .card-content .list-title i.fa-square-check {
	color: #006FFF;
}

[namespace=trip-deals-car-delivery-popup].card-wrap .card.card-deal .card-content .list-title i.fa-square-check {
	color: #006FFF;
}

[namespace=trip-deals-car-delivery-popup].card-wrap .card.card-deal .name,
[namespace=trip-deals-car-delivery-popup].card-wrap .card.card-deal .price {
	margin: 10px 15px;
}

[namespace=trip-deals-car-delivery-popup].card-wrap .card.card-deal .card-footer .left {
	display: flex;
	flex-direction: row;
	align-items: space-between;
	font-size: 17px;
	align-items: center;
}

[namespace=trip-deals-car-delivery-popup].card-wrap .card.card-deal .card-footer .left .select-qty {
	font-weight: 600;
	margin: 0 6px;
}

[namespace=trip-deals-car-delivery-popup].card-wrap .card.card-deal .card-footer .right {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

[namespace=trip-deals-car-delivery-popup].card-wrap .card.card-deal .card-footer .right .avaliable-qty {
	font-size: 15px;
	background-color: #FFEAEE;
	color: #555;
	padding: 1px 5px;
	border-radius: 7px;
	margin-right: 15px;
}

[namespace=trip-deals-car-delivery-popup].card-wrap .card.card-deal .card-content .right .bottom .price span.text {
	font-size: 14px;
	color: #555;
}

[namespace=trip-deals-car-delivery-popup].card-wrap .card.card-deal .card-content .right .bottom .price span.sale {
	font-weight: bold;
	color: #007aff;
}
[namespace=trip-deals-cars-desktop].card {
	width: 100%;
	min-height: 250px;
	margin: 0px;
	margin-bottom: 20px;
	border-radius: 8px;
}

[namespace=trip-deals-cars-desktop].card[data-expand-mode=keep],
[namespace=trip-deals-cars-desktop].card:not(.sold-out):hover {
	border: 0px;
	-webkit-box-shadow: 0px 11px 15px -7px rgba(0,0,0,.2), 0px 24px 38px 3px rgba(0,0,0,.14), 0px 9px 46px 8px rgba(0,0,0,.12);
	box-shadow: 0px 11px 15px -7px rgba(0,0,0,.2), 0px 24px 38px 3px rgba(0,0,0,.14), 0px 9px 46px 8px rgba(0,0,0,.12);
}

[namespace=trip-deals-cars-desktop].card .card-content {
	display: flex;
	justify-content: space-between;
	min-height: 250px;
	color: #333;
	letter-spacing: -1px;
}

[namespace=trip-deals-cars-desktop].card .card-content > .left {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 220px;
}

[namespace=trip-deals-cars-desktop].card .card-content > .left [data-btn-view-detail] {
	position: absolute;
	top: 10px;
	left: 15px;
}

[namespace=trip-deals-cars-desktop].card .card-content > .left [data-btn-view-detail] .fa-toggle-on {
	color: #3BD957;
	margin-right: 5px;
}

[namespace=trip-deals-cars-desktop].card .card-content > .left [data-btn-view-detail] .fa-toggle-off {
	color: #888;
	margin-right: 5px;
}

[namespace=trip-deals-cars-desktop].card .card-content > .left [data-btn-view-detail=on] .fa-toggle-on { display: flex; }
[namespace=trip-deals-cars-desktop].card .card-content > .left [data-btn-view-detail=on] .fa-toggle-off { display: none; }
[namespace=trip-deals-cars-desktop].card .card-content > .left [data-btn-view-detail=off] .fa-toggle-on { display: none; }
[namespace=trip-deals-cars-desktop].card .card-content > .left [data-btn-view-detail=off] .fa-toggle-off { display: flex; }

[namespace=trip-deals-cars-desktop].card .card-content > .left img {
	width: 130px;
	transition: transform 0.5s ease;
}

[namespace=trip-deals-cars-desktop].card[data-expand-mode=keep] .card-content > .left img,
[namespace=trip-deals-cars-desktop].card:hover .card-content > .left img {
	transform: scale(1.10);
}

[namespace=trip-deals-cars-desktop].card .card-content > .left .deal {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 10px;
	padding-left: 25px;
	padding-right: 25px;
}

[namespace=trip-deals-cars-desktop].card .card-content > .left .deal .name {
	margin-bottom: 10px;
	text-align: center;
}

[namespace=trip-deals-cars-desktop].card .card-content > .left .deal .point {
	color: #888;
	font-size: 13px;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center {
	width: 524px;
	padding-top: 15px;
	padding-right: 10px;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center .selected-deal-detail {
	border: 1px solid #ddd;
	background-color: #f8f8f8;
	padding: 10px;
	margin-bottom: 15px;
	border-radius: 4px;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center .selected-deal-detail .row {
	margin-bottom: 2px;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center .selected-deal-detail .row .col {
	display: inline-flex;
	align-items: center;
	width: 25%;
	font-size: 13px;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center .selected-deal-detail .row .col[data-checked=false] {
	color: #c8c8c8;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center .selected-deal-detail .row .col .fa-check,
[namespace=trip-deals-cars-desktop].card .card-content > .center .selected-deal-detail .row .col .fa-square {
	margin-right: 5px;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center .selected-deal-detail .row .col[data-checked=true] .fa-check { display: block; }
[namespace=trip-deals-cars-desktop].card .card-content > .center .selected-deal-detail .row .col[data-checked=true] .fa-square { display: none; }
[namespace=trip-deals-cars-desktop].card .card-content > .center .selected-deal-detail .row .col[data-checked=false] .fa-check { display: none; }
[namespace=trip-deals-cars-desktop].card .card-content > .center .selected-deal-detail .row .col[data-checked=false] .fa-square { display: black; }

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	padding: 3px 6px;
	/* margin-top: 8px; */
	cursor: pointer;
	/* background-color: yellow; */
	position: relative;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li:hover {
	background-color: #edf3ff;
	border-radius: 8px;;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li.coupon-apply:hover {
	background-color: #fef3f7;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li > .link-tooltip {
	display: inline-block;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li > .text-tooltip.insur {
	display: none;
	position: absolute;
	border: 1px solid;
	border-radius: 5px;
	padding: 5px 8px;
	font-size: 14px;
	color: white;
	background-color: #000;
	margin-top: 80px;
	margin-left: 40px;
	z-index: 100;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li > .company.link .text-tooltip.provider-detail {
	display: none;
	position: absolute;
	border: 1px solid;
	border-radius: 5px;
	padding: 5px 8px;
	font-size: 14px;
	color: white;
	background-color: #006fff;
	margin-top: 60px;
	margin-left: 0px;
	z-index: 100;
	white-space: nowrap;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li > .text-tooltip .underline {
	border-bottom: 1px solid #fff;
	font-weight: bold;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li > .text-tooltip .brackets,
[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li > .company.link .text-tooltip.provider-detail .accent {
	color: #feef5c;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li > .link-tooltip:hover ~ .text-tooltip.insur,
[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li > .company.link > .info:hover ~ .text-tooltip.provider-detail {
	display: block;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li[data-insur-type-cd="1"] .avaliable-age .insur-type {
	color: #333;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li[data-insur-type-cd="1"] > .text-tooltip.insur {
	background-color: #000;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li[data-insur-type-cd="2"] .avaliable-age .insur-type {
	color: #0000ff;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li[data-insur-type-cd="2"] > .text-tooltip.insur {
	background-color: #0d6ffc;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li[data-insur-type-cd="2"] > .text-tooltip.insur:before {
	content: "가입순위 1순위 : ";
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li[data-insur-type-cd="3"] .avaliable-age .insur-type {
	color: #333;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li[data-insur-type-cd="3"] > .text-tooltip.insur {
	background-color: #333;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li[data-insur-type-cd="4"] .avaliable-age .insur-type {
	color: #E72364;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li[data-insur-type-cd="4"] > .text-tooltip.insur {
	background-color: #E72364;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li[data-insur-type-cd="4"] > .text-tooltip.insur:before {
	content: "대기업과 동일한 최대보장 : ";
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li[data-insur-type-cd="4"] .avaliable-age span.insur-type:after {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f0e7";
	color: #E72364;
	padding-left: 2px;
	padding-right: 2px;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li.overflow {
	display: none;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li.selected {
	color: #007aff;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li .check-or-not .fa-circle { display: block; }
[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li .check-or-not .fa-circle-check { display: none; }
[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li.selected .check-or-not .fa-circle { display: none; }
[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li.selected .check-or-not .fa-circle-check { display: block; }

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li .check-or-not {
	width: 20px;
	/*background-color: red;*/
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li .avaliable-age {
	width: 155px;
	letter-spacing: -1.5px;
	/*background-color: green;*/
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li .company {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 150px;
	padding-right: 10px;
	z-index: unset;
	/*background-color: blue;*/
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li .company .name {
	/* margin-right: 6px; */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 130px;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li > .company .info {
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #097CF9;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li > .company .info i {
	padding-top: 1px;
	font-size: 14px;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li .company .link {
	margin-right: 5px;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li .price {
	display: flex;
	align-items: center;
	width: 150px;
	justify-content: flex-end;
	/*background-color: #ffffff;*/
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li.coupon-apply {
	border-radius: 5px;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li.coupon-apply .price .coupon-sale {
	display: flex !important;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li .price .coupon-sale {
	font-size: 12px;
	text-wrap: nowrap;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	color: #E72364;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li .price .coupon-sale > .coupon {
	font-size: 10px;
	background-color: #E72364;
	color: #fff;
	padding: 1px 0;
	margin-left: 6px;
	margin-right: 8px;
	position: relative;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li .price .coupon-sale > .coupon::before,
[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li .price .coupon-sale > .coupon::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 100%;
    top: 0;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li .price .coupon-sale > .coupon::before {
    right: 100%;
    border-radius: 4px 0px 0px 4px;
    background-image: radial-gradient(ellipse at 0% 50%, transparent 0%, transparent 25%, #E72364 0%);
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li .price .coupon-sale > .coupon::after {
    left: 100%;
    border-radius: 0px 4px 4px 0px;
    background-image: radial-gradient(ellipse at 100% 50%, transparent 0%, transparent 25%, #E72364 0%);
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li .price .origin {
	color: #888;
	text-decoration: line-through;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li .price span.event.new,
[namespace=trip-deals-cars-step1-A].card .card-content > .middle ul.comparison-list li span.event.new,
[namespace=trip-deals-cars-step1-B].card .card-content > .middle ul.comparison-list li span.event.new {
	color: #888;
	display: block !important;
	font-size: 12px;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li .price span.event.member,
[namespace=trip-deals-cars-step1-A].card .card-content > .middle ul.comparison-list li span.event.member,
[namespace=trip-deals-cars-step1-B].card .card-content > .middle ul.comparison-list li span.event.member {
	color: #1c1ca8;
	display: block !important;
	font-size: 12px;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li .price span.event.iqos,
[namespace=trip-deals-cars-step1-A].card .card-content > .middle ul.comparison-list li span.event.iqos,
[namespace=trip-deals-cars-step1-B].card .card-content > .middle ul.comparison-list li span.event.iqos {
	display: flex !important;
	font-size: 12px;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li .price .fa-arrow-right {
	margin-left: 4px;
	margin-right: 4px;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center ul.comparison-list li .avaliable-qty {
	/*background-color: #000;*/
	margin-left: 10px;
	text-wrap: nowrap;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center [data-btn-view-more] {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 25px;
	margin-bottom: 15px;
}

[namespace=trip-deals-cars-desktop].card .card-content > .center [data-btn-view-more=on] .view-more-on { display: none; }
[namespace=trip-deals-cars-desktop].card .card-content > .center [data-btn-view-more=on] .view-more-off { display: black; }
[namespace=trip-deals-cars-desktop].card .card-content > .center [data-btn-view-more=off] .view-more-on { display: block; }
[namespace=trip-deals-cars-desktop].card .card-content > .center [data-btn-view-more=off] .view-more-off { display: none; }

[namespace=trip-deals-cars-desktop].card .card-content > .right {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 260px;
	padding-bottom: 50px;
	background-color: #E7EAED;
	border-radius: 0px 4px 8px 0px;
}

[namespace=trip-deals-cars-desktop].card .card-content > .right .selected-deal-message {
	display: flex;
	flex-direction: column;
	align-items: center;
}

[namespace=trip-deals-cars-desktop].card .card-content > .right .selected-deal-message .text-big {
	font-size: 24px;
	color: #007aff;
}

[namespace=trip-deals-cars-desktop].card .card-content > .right .selected-deal-message .text-big .fa-circle-question {
	color: #aaa;
	font-size: 18px;
	margin-left: 2px;
	margin-bottom: 2px;
}

[namespace=trip-deals-cars-desktop].card .card-content > .right .selected-deal-message .text-small {
	font-size: 16px;
	margin-top: 5px;
	color: #C8222C;
}

[namespace=trip-deals-cars-desktop].card .card-content > .right .coupon-sale-message {
	border-top: #b8b8b8b8 solid 1px;
	border-bottom: #b8b8b8b8 solid 1px;
	display: flex;
	margin-top: 10px;
	padding: 7px 16px;
	font-size: 16px;
	color: #E72364;
	align-items: center;
}

[namespace=trip-deals-cars-desktop].card .card-content > .right .coupon-sale-message > .coupon {
	font-size: 11px;
	background-color: #E72364;
	color: #fff;
	padding: 1px 0;
	margin-right: 12px;
	position: relative;
}

[namespace=trip-deals-cars-desktop].card .card-content > .right .coupon-sale-message > .coupon::before,
[namespace=trip-deals-cars-desktop].card .card-content > .right .coupon-sale-message > .coupon::after {
    position: absolute;
    content: "";
    width: 8px;
    height: 100%;
    top: 0;
}

[namespace=trip-deals-cars-desktop].card .card-content > .right .coupon-sale-message > .coupon::before {
    right: 100%;
    border-radius: 4px 0px 0px 4px;
    background-image: radial-gradient(ellipse at 0% 50%, transparent 0%, transparent 25%, #E72364 0%);
}

[namespace=trip-deals-cars-desktop].card .card-content > .right .coupon-sale-message > .coupon::after {
    left: 100%;
    border-radius: 0px 4px 4px 0px;
    background-image: radial-gradient(ellipse at 100% 50%, transparent 0%, transparent 25%, #E72364 0%);
}

[namespace=trip-deals-cars-desktop].card .card-content > .right .selected-deal-additional-message {
	display: flex;
	flex-direction: column;
	align-items: center;
	letter-spacing: -1.5px;
	font-size: 14px;
	margin-top: 20px;
}

[namespace=trip-deals-cars-desktop].card .card-content > .right .selected-deal-additional-message .text-1 {
	background-color: #F2F2F2;
	padding: 2px 6px;
	border-radius: 8px;
}

[namespace=trip-deals-cars-desktop].card[data-expand-mode=keep] .card-content > .right .selected-deal-additional-message .text-1,
[namespace=trip-deals-cars-desktop].card:hover .card-content > .right .selected-deal-additional-message .text-1 {
	background-color: #FEEF5C;
}

[namespace=trip-deals-cars-desktop].card .card-content > .right .selected-deal-additional-message .text-2 {
	background-color: #177166;
	color: #fff;
	padding: 2px 6px;
	border-radius: 8px;
	margin-bottom: 5px;
}

[namespace=trip-deals-cars-desktop].card .card-content > .right .selected-deal-price {
	position: absolute;
	display: flex;
	justify-content: space-between;
	bottom: 0px;
	width: 100%;
	background-color: #007aff;
	border-radius: 0px 0px 8px 0px;
}

[namespace=trip-deals-cars-desktop].card .card-content > .right .selected-deal-price .left {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 150px;
	color: #fff;
	font-size: 18px;
	margin-left: 10px;
}

[namespace=trip-deals-cars-desktop].card .card-content > .right .selected-deal-price .left .total-price {
	margin-left: 5px;
	font-size: 20px;
}

[namespace=trip-deals-cars-desktop].card .card-content > .right .selected-deal-price .right {
	width: 100px;
	padding: 10px;
}

[namespace=trip-deals-cars-desktop].card .card-content > .right .selected-deal-price .right button {
	background-color: #f2f2f2;
	color: #555;
	width: 96px;
	height: 38px;
	font-size: 15px;
	letter-spacing: -1px;
}

[namespace=trip-deals-cars-desktop].card[data-expand-mode=keep] .card-content > .right .selected-deal-price .right button,
[namespace=trip-deals-cars-desktop].card:hover .card-content > .right .selected-deal-price .right button {
	background-color: #FEEF5C;
	color: #333;
}

[namespace=trip-deals-cars-desktop].card .card-content > .right .pin-heart {
	top: 10px;
	right: 10px;
}

/* [namespace=trip-deals-cars-desktop].card.sold-out  */
[namespace=trip-deals-cars-desktop].card.sold-out {
	position: relative;
}

[namespace=trip-deals-cars-desktop].card.sold-out::after {
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 8px;
	z-index: 1;
}

[namespace=trip-deals-cars-desktop].card.sold-out .card-content > .left img {
	filter: grayscale(100%);
	opacity: 0.8;
}

[namespace=trip-deals-cars-desktop].card.sold-out:hover .card-content > .left img {
	transform: unset;
}

[namespace=trip-deals-cars-desktop].card.sold-out .card-content > .center ul.comparison-list li .avaliable-qty {
	text-wrap: nowrap;
}


[namespace=trip-deals-cars-desktop].card.sold-out .card-content > .right .selected-deal-message .text-big {
	color: #c8222c;
}

[namespace=trip-deals-cars-desktop].card.sold-out .card-content > .right .selected-deal-price .left .total-price {
	width: 60px;
	text-align: center;
}

[namespace=trip-deals-cars-desktop].card.sold-out .card-content > .right .selected-deal-price {
	background-color: #888;
}

[namespace=trip-deals-cars-desktop].card.sold-out:hover .card-content > .right .selected-deal-additional-message .text-1 {
	background-color: #F2F2F2;
}

[namespace=trip-deals-cars-desktop].card.sold-out:hover .card-content > .right .selected-deal-price .right button {
	background-color: #f2f2f2;
}

[namespace=trip-deals-cars-desktop].card.sold-out .card-content > .left [data-btn-view-detail=on] .fa-toggle-off { display: flex; }
[namespace=trip-deals-cars-desktop].card.sold-out .card-content > .left [data-btn-view-detail=on] .fa-toggle-on { display: none; }
[namespace=trip-deals-cars-desktop].card.sold-out .card-content > .left [data-btn-view-detail=off] .fa-toggle-on { display: none; }
[namespace=trip-deals-cars-desktop].card.sold-out .card-content > .left [data-btn-view-detail=off] .fa-toggle-off { display: flex; }

[namespace=trip-deals-cars-desktop].card.sold-out > .sold-out-message {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 18px;
	color: #fff;
	background-color: #222;
	padding: 6px 28px;
	border-radius: 6px;
	z-index: 2;
}
[namespace=trip-deals-cars-global-step1-desktop].card {
    padding: 0;
    margin: 0;
    width: calc(50% - 14px);
    display: flex;
    flex-direction: column;
    border: 0;
    position: relative;
}

[namespace=trip-deals-cars-global-step1-desktop].card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border-radius: 10px;
    border: 1px solid #e5e5e5;
}

[namespace=trip-deals-cars-global-step1-desktop].card .pin-heart {
	top: 20px;
	right: 20px;
    z-index: 1;
}

[namespace=trip-deals-cars-global-step1-desktop].card:hover::before {
    border: 0;
}

[namespace=trip-deals-cars-global-step1-desktop].card:hover {
	-webkit-box-shadow: 0px 11px 15px -7px rgba(0,0,0,.2), 0px 24px 38px 3px rgba(0,0,0,.14), 0px 9px 46px 8px rgba(0,0,0,.12);
	box-shadow: 0px 11px 15px -7px rgba(0,0,0,.2), 0px 24px 38px 3px rgba(0,0,0,.14), 0px 9px 46px 8px rgba(0,0,0,.12);
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-header {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 20px 32px;
    padding-bottom: 0;
    width: 100%;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-header > .title-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-bottom: 12px;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-header > .title-area > .left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    height: 100%;
    width: 50%;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-header > .title-area > .left .top {
    width: 100%;;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-header > .title-area > .left .name {
    font-size: 22px;
    font-weight: 700;
    word-wrap: break-word;
    white-space: normal;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-header > .title-area > .left .point > span {
    font-size: 14px;
    font-weight: 400;
    color: #848484;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-header > .title-area > .left .point > span:not(:last-child)::after {
    content: '';
    margin: 8px;
    margin-right: 5px;
    border-right: 1px solid #848484;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-header > .title-area > .left .bottom {
    margin-bottom: 8px;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-header > .title-area > .left .insur {
    font-size: 13px;
    font-weight: 400;
    color: #007aff;
    border: 1px solid #007aff;
    padding: 4px 12px;
    border-radius: 24px;
    gap: 4px;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-header > .title-area > .right.image-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-header > .title-area > .right.image-wrap .insur-badge {
    position: absolute;
    top: 4px;
    right: 22px;
    background-color: #ff7300;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    padding: 2px 8px;
    padding-right: 6px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    z-index: 10;
    transform: skew(-20deg);
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-header > .title-area > .right.image-wrap > img {
    width: 230px;
    transition: transform 0.3s ease;
    padding-top: 16px;
}

[namespace=trip-deals-cars-global-step1-desktop].card:hover .card-header > .title-area > .right.image-wrap > img {
	transform: scale(1.10);
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-header > .option-area {
    background-color: #f5f5f5;
    padding: 12px 12px;
    font-size: 12.5px;
    /* display: flex; */
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px !important;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 8px 12px;
    border-radius: 10px;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-header > .option-area i {
    margin-right: 3px;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-header > .option-area [data-checked=true] {
    color: #333;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-header > .option-area [data-checked=false] {
    color: #9B9B9B;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-header > .option-area [data-checked=true] .fa-check { display: inline-block; }
[namespace=trip-deals-cars-global-step1-desktop].card .card-header > .option-area [data-checked=true] .fa-square { display: none; }
[namespace=trip-deals-cars-global-step1-desktop].card .card-header > .option-area [data-checked=false] .fa-check { display: none; }
[namespace=trip-deals-cars-global-step1-desktop].card .card-header > .option-area [data-checked=false] .fa-square { display: inline-block; }

[namespace=trip-deals-cars-global-step1-desktop].card .card-header > .option-area [data-option="497"] {
    display: none;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-header > .option-area [namespace=trip-deals-cars-global-cs-guide-etc] {
    grid-column: 1 / -1;
    justify-self: stretch;
    border-top: 1px solid #e5e5e5;
    padding-top: 8px;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-content {
	font-size: 15px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-content > ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
    gap: 2px;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-content > ul > li {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 8px;
    gap: 8px;
    flex-wrap: wrap;
    z-index: unset;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-content > ul > li.overflow {
    /* display: none; */
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-content > ul > li:hover {
    background-color: #edf3ff;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-content > ul > li.coupon-apply:hover {
    background-color: #fef3f7;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-content > ul > li > .left {
    display: flex;
    align-items: center;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-content > ul > li > .left .check-or-not i {
    display: none;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-content > ul > li > .right .name {
    text-wrap: nowrap;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-content > ul > li > .right .name i {
    margin-left: 4px;
    color: #007aff;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-content > ul > li:not(.selected) > .left .check-or-not i.fa-circle {
    display: block;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-content > ul > li.selected > .left .check-or-not i.fa-check-circle {
    display: block;
    color: #007aff;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-content > ul > li > .right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1;
    flex-wrap: nowrap;
    gap: 0 10px;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-content > ul > li > .right .price-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0 12px;
    flex-wrap: wrap-reverse;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-content > ul > li > .right .coupon-sale {
    font-size: 13px;
    display: flex;
    align-items: center;
    color: #E72364;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-content > ul > li > .right .coupon-sale > .coupon {
    font-size: 11px;
    margin-right: 9px;
    color: #fff;
    background-color: #E72364;
    padding: 2px 0;
    position: relative;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-content > ul > li > .right .coupon-sale > .coupon::before,
[namespace=trip-deals-cars-global-step1-desktop].card .card-content > ul > li > .right .coupon-sale > .coupon::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 100%;
    top: 0;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-content > ul > li > .right .coupon-sale > .coupon::before {
    right: 100%;
    border-radius: 4px 0px 0px 4px;
    background-image: radial-gradient(ellipse at 0% 50%, transparent 0%, transparent 25%, #E72364 0%);
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-content > ul > li > .right .coupon-sale > .coupon::after {
    left: 100%;
    border-radius: 0px 4px 4px 0px;
    background-image: radial-gradient(ellipse at 100% 50%, transparent 0%, transparent 25%, #E72364 0%);
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-content > ul > li.selected > .right .price {
    color: #007aff;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-content > ul > li > .right i:hover + .text-tooltip {
    display: block;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-content > ul > li > .right .text-tooltip.provider-detail {
    display: none;
	position: absolute;
	border: 1px solid;
	border-radius: 5px;
	padding: 5px 8px;
	font-size: 14px;
	color: white;
	background-color: #006fff;
	margin-top: 0px;
	margin-left: 0px;
	z-index: 100;
	white-space: nowrap;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-content > ul > li > .right .text-tooltip.provider-detail .accent {
    color: #FEF35D;
}


[namespace=trip-deals-cars-global-step1-desktop].card .card-content [data-btn-view-more] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    padding: 8px 0;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-content .view-more-on,
[namespace=trip-deals-cars-global-step1-desktop].card .card-content .view-more-off {
    justify-self: center;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-content [data-btn-view-more=on] .view-more-on,
[namespace=trip-deals-cars-global-step1-desktop].card .card-content [data-btn-view-more=off] .view-more-off {
    display: none;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-footer {
    background-color: #007aff;
    color: #fff;
    padding: 20px 32px;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-footer .left > .price {
    font-size: 24px;
    font-weight: 700;
}

[namespace=trip-deals-cars-global-step1-desktop].card .card-footer .right > button {
    background-color: #fff;
    color: #333;
    padding: 6px 18px;
    border-radius: 8px;
    height: auto;
    font-size: 17px;
    font-weight: 500;
}

[namespace=trip-deals-cars-global-step1-desktop].card:hover .card-footer .right > button {
	background-color: #FEEF5C;
	color: #333;
}
[namespace=trip-deals-cars-global-step1].card {

    display: flex;
    flex-direction: column;
    position: relative;
}

[namespace=trip-deals-cars-global-step1].card .heart-wrap .pin-heart {
	display: flex !important;
	top: 25px;
	right: 25px;
}

[namespace=trip-deals-cars-global-step1].card .card-header {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 20px;
    padding-bottom: 0;
    width: 100%;
    gap: 12px;
}

[namespace=trip-deals-cars-global-step1].card .card-header > .title-area {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

[namespace=trip-deals-cars-global-step1].card .card-header > .title-area > .top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    max-width: calc(100% - 40px);
}

[namespace=trip-deals-cars-global-step1].card .card-header > .title-area > .top .name {
    font-size: 23px;
    font-weight: 700;
    word-wrap: anywhere;
    white-space: normal;
}


[namespace=trip-deals-cars-global-step1].card .card-header > .title-area > .top .point > span {
    font-size: 16px;
    font-weight: 400;
    color: #848484;
}

[namespace=trip-deals-cars-global-step1].card .card-header > .title-area > .top .point > span:not(:last-child)::after {
    content: '';
    margin: 8px;
    margin-right: 5px;
    border-right: 1px solid #848484;
}

[namespace=trip-deals-cars-global-step1].card .card-header > .title-area > .middle.image-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

[namespace=trip-deals-cars-global-step1].card .card-header > .title-area > .middle.image-wrap .insur-badge {
    position: absolute;
    top: 12px;
    right: 0%;
    background-color: #ff7300;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    padding: 3px 8px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transform: skew(-20deg);
    z-index: 10;
}


[namespace=trip-deals-cars-global-step1].card .card-header > .title-area > .middle.image-wrap > img {
    max-height: 200px;
    max-width: 80%;
}

[namespace=trip-deals-cars-global-step1].card .card-header > .title-area > .bottom {
    width: 100%;
    margin-top: 16px;
    margin-bottom: 16px;
}

[namespace=trip-deals-cars-global-step1].card .card-header > .title-area > .bottom  .insur {
    font-size: 16px;
    font-weight: 400;
    color: #007aff;
    border: 1px solid #007aff;
    padding: 6px 24px;
    border-radius: 24px;
    gap: 4px;
}

[namespace=trip-deals-cars-global-step1].card .card-header > .option-area {
    background-color: #f5f5f5;
    padding: 20px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 12px;
    border-radius: 10px;
}

[namespace=trip-deals-cars-global-step1].card .card-header > .option-area .about-etc {
    padding-top: 12px;
    margin-top: 8px;
    border-top: 1px solid #e8e8e8;
    width: 100%;
}

[namespace=trip-deals-cars-global-step1].card .card-header > .option-area > * {
    min-width: 75px;
    width: fit-content;
}

[namespace=trip-deals-cars-global-step1].card .card-header > .option-area i {
    margin-right: 3px;
}

[namespace=trip-deals-cars-global-step1].card .card-header > .option-area [data-checked=true] {
    color: #333;
}

[namespace=trip-deals-cars-global-step1].card .card-header > .option-area [data-checked=false] {
    color: #9B9B9B;
}

[namespace=trip-deals-cars-global-step1].card .card-header > .option-area [data-checked=true] .fa-check { display: inline-block; }
[namespace=trip-deals-cars-global-step1].card .card-header > .option-area [data-checked=true] .fa-square { display: none; }
[namespace=trip-deals-cars-global-step1].card .card-header > .option-area [data-checked=false] .fa-check { display: none; }
[namespace=trip-deals-cars-global-step1].card .card-header > .option-area [data-checked=false] .fa-square { 
    display: inline-block; 
    opacity: 0;
}

[namespace=trip-deals-cars-global-step1].card .card-header > .option-area [data-option="497"] {
    display: none;
}

[namespace=trip-deals-cars-global-step1].card .card-content {
	font-size: 15px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

[namespace=trip-deals-cars-global-step1].card .card-content > ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
    gap: 4px;
}

[namespace=trip-deals-cars-global-step1].card .card-content > ul > li {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 8px;
    gap: 8px;
    flex-wrap: wrap;
}

[namespace=trip-deals-cars-global-step1].card .card-content > ul > li.coupon-apply {
    background-color: #fef3f7;
}

[namespace=trip-deals-cars-global-step1].card .card-content > ul > li > .left {
    display: flex;
    align-items: center;
}

[namespace=trip-deals-cars-global-step1].card .card-content > ul > li > .left .check-or-not i {
    display: none;
}

[namespace=trip-deals-cars-global-step1].card .card-content > ul > li:not(.selected) > .left .check-or-not i.fa-circle {
    display: block;
}

[namespace=trip-deals-cars-global-step1].card .card-content > ul > li.selected > .left .check-or-not i.fa-check-circle {
    display: block;
    color: #007aff;
}

[namespace=trip-deals-cars-global-step1].card .card-content > ul > li > .right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    flex-wrap: wrap;
    gap: 0 10px;
}

[namespace=trip-deals-cars-global-step1].card .card-content > ul > li > .right i {
    color: #007aff;
    margin-left: 4px;
}

[namespace=trip-deals-cars-global-step1].card .card-content > ul > li > .right .price-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
}

[namespace=trip-deals-cars-global-step1].card .card-content > ul > li > .right .coupon-sale {
    font-size: 12px;
    display: flex;
    align-items: center;
    color: #E72364;
}

[namespace=trip-deals-cars-global-step1].card .card-content > ul > li > .right .coupon-sale > .coupon {
    font-size: 11px;
    color: #fff;
    background-color: #E72364;
    padding: 2px 0;
    position: relative;
    margin-right: 10px;
}

[namespace=trip-deals-cars-global-step1].card .card-content > ul > li > .right .coupon-sale > .coupon::before,
[namespace=trip-deals-cars-global-step1].card .card-content > ul > li > .right .coupon-sale > .coupon::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 100%;
    top: 0;
}

[namespace=trip-deals-cars-global-step1].card .card-content > ul > li > .right .coupon-sale > .coupon::before {
    right: 100%;
    border-radius: 4px 0px 0px 4px;
    background-image: radial-gradient(ellipse at 0% 50%, transparent 0%, transparent 25%, #E72364 0%);
}

[namespace=trip-deals-cars-global-step1].card .card-content > ul > li > .right .coupon-sale > .coupon::after {
    left: 100%;
    border-radius: 0px 4px 4px 0px;
    background-image: radial-gradient(ellipse at 100% 50%, transparent 0%, transparent 25%, #E72364 0%);
}

[namespace=trip-deals-cars-global-step1].card .card-content > ul > li > .right > .price {
    text-wrap: nowrap;
}

[namespace=trip-deals-cars-global-step1].card .card-content > ul > li.selected > .right .price {
    color: #007aff;
}

[namespace=trip-deals-cars-global-step1].card .card-content [data-btn-view-more] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    padding: 8px 0;
}

[namespace=trip-deals-cars-global-step1].card .card-content .view-more-on,
[namespace=trip-deals-cars-global-step1].card .card-content .view-more-off {
    justify-self: center;
}

[namespace=trip-deals-cars-global-step1].card .card-content [data-btn-view-more=on] .view-more-on,
[namespace=trip-deals-cars-global-step1].card .card-content [data-btn-view-more=off] .view-more-off {
    display: none;
}

[namespace=trip-deals-cars-global-step1].card .card-footer {
    background-color: #007aff;
    color: #fff;
    padding: 20px;
}

[namespace=trip-deals-cars-global-step1].card .card-footer .left > .price {
    font-size: 20px;
    font-weight: 700;
}

[namespace=trip-deals-cars-global-step1].card .card-footer .right > button {
    background-color: #fff;
    color: #333;
    padding: 6px 18px;
    border-radius: 8px;
    height: auto;
    font-size: 16px;
    font-weight: 500;
}

/* [namespace=trip-deals-cars-global-cs-guide-etc] */
[namespace=trip-deals-cars-global-cs-guide-etc] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #007aff;
    cursor: pointer;
    text-align: center;
}

[namespace=trip-deals-cars-global-cs-guide-etc] .about-etc-label {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

[namespace=trip-deals-cars-global-cs-guide-etc] .about-hep,
[namespace=trip-deals-cars-global-cs-guide-etc] .about-kep {
    display: none;
}

[namespace=trip-deals-cars-global-cs-guide-etc] .about-etc-tooltip {
    position: absolute;
    top: calc(100% + 12px);
    left: 50%;
    transform: translateX(-50%);
    min-width: 260px;
    max-width: 340px;
    padding: 14px 18px;
    background-color: #fff;
    border: 1px solid #d7e4ff;
    border-radius: 10px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
    color: #333;
    text-align: left;
    line-height: 1.5;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.18s ease-out, visibility 0.18s ease-out;
    z-index: 20;
}

[namespace=trip-deals-cars-global-cs-guide-etc] .about-etc-tooltip::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #d7e4ff;
}

[namespace=trip-deals-cars-global-cs-guide-etc] .about-etc-tooltip::after {
    content: '';
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
}

[namespace=trip-deals-cars-global-cs-guide-etc] .tooltip-title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 6px;
}

[namespace=trip-deals-cars-global-cs-guide-etc] .tooltip-body {
    font-size: 13px;
    color: #555;
}

[namespace=trip-deals-cars-global-cs-guide-etc] .tooltip-list {
    margin: 10px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

[namespace=trip-deals-cars-global-cs-guide-etc] .tooltip-list li {
    list-style: none;
    font-size: 12px;
    color: #666;
}

[namespace=trip-deals-cars-global-cs-guide-etc]:hover .about-etc-tooltip,
[namespace=trip-deals-cars-global-cs-guide-etc]:focus-within .about-etc-tooltip {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
/* trip-deals-cars-step1-A */

[namespace=trip-deals-cars-step1-A].card {
	padding: 15px 25px;
}

[namespace=trip-deals-cars-step1-A].card .card-content {
	letter-spacing: -1px;
	font-size: 15px;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .top {
	display: flex;
	margin-bottom: 15px;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .top .right {
	width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .top .right img {
	width: 100%;
	max-width: 130px;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .top .left {
	width: 60%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-right: 15px;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .top .left .coupon {
	position: relative;
	color: #fff;
	background-color: #E72364;
	width: fit-content;
	padding: 2px 0px;
	font-size: 11px;
	margin-left: 8px;
	margin-bottom: 4px;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .top .left .coupon::before,
[namespace=trip-deals-cars-step1-A].card .card-content > .top .left .coupon::after {
	position: absolute;
    content: "";
    width: 8px;
    height: 100%;
    top: 0;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .top .left .coupon::after {
	left: 100%;
    border-radius: 0px 4px 4px 0px;
    background-image: radial-gradient(ellipse at 100% 50%, transparent 0%, transparent 25%, #E72364 0%);
}

[namespace=trip-deals-cars-step1-A].card .card-content > .top .left .coupon::before {
    right: 100%;
    border-radius: 4px 0px 0px 4px;
    background-image: radial-gradient(ellipse at 0% 50%, transparent 0%, transparent 25%, #E72364 0%);
}

[namespace=trip-deals-cars-step1-A].card .card-content > .middle .comparison-list > li .coupon-sale {
	display: flex;
	align-items: center;
	gap: 4px;
	color: #E72364;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .top .left .name {
	font-size: 16px;
	letter-spacing: -1.5px;
	font-weight: bold;
	margin-bottom: 4px;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .top .left .point {
	font-size: 13px;
	color: #888;
	letter-spacing: -2px;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .middle ul.comparison-list li.overflow {
	display: none;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .middle ul.comparison-list li {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .middle ul.comparison-list li:not(.text-more) {
	gap: 6px;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .middle ul.comparison-list li .dash-line {
	flex: 1;
	border-top: #c0c0c0 dashed 1px;
	z-index: 2;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .middle ul.comparison-list li[data-deal-count="0"] {
	display: none;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .middle ul.comparison-list li .company {
	/* width: calc(100% - 100px); */
	display: flex;
	z-index: 2;
	flex-direction: column;
	align-items: flex-start;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .middle ul.comparison-list li .company i {
	margin-left: 6px;
	color:#097CF9;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .middle ul.comparison-list li .company i:not(:first-child) {
	margin-left: 2px;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .middle ul.comparison-list li .company .name {
	font-weight: 600;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .middle ul.comparison-list li .company .insur-avaliable-age {
	font-weight: 500;
	font-size: 13px;
	gap: 3px;
	color: #333;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .middle ul.comparison-list li .company .insur-avaliable-age .insur-type {
	font-weight: bold;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .middle ul.comparison-list li[data-insur-type-cd="1"] .company .insur-avaliable-age .insur-type {
	color: #333;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .middle ul.comparison-list li[data-insur-type-cd="2"] .company .insur-avaliable-age .insur-type {
	color: #0000ff;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .middle ul.comparison-list li[data-insur-type-cd="3"] .company .insur-avaliable-age .insur-type {
	color: #333;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .middle ul.comparison-list li[data-insur-type-cd="4"] .company .insur-avaliable-age .insur-type {
	color: #E72364;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .middle ul.comparison-list li[data-insur-type-cd="4"] .company .insur-avaliable-age span.insur-type:after {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f0e7";
	color: #E72364;
	padding-left: 2px;
	padding-right: 2px;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .middle ul.comparison-list li .price {
	position: relative;
	padding-left: 4px;
	text-align: right;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .middle ul.comparison-list li:first-child .price {
	color: #007aff;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .middle ul.comparison-list li .price i.fa-won-sign {
	font-size: 13px;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .middle ul.comparison-list li .price .origin {
	text-decoration: line-through;
	font-size: 13px;
	color: #888;
	text-align: right;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .middle ul.comparison-list li.text-more {
	justify-content: center;
	align-items: center;
	font-size: 16px;
	margin-top: 16px;
	margin-bottom: 0;
	color: #949494;
	letter-spacing: 0.1px;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .middle ul.comparison-list li.text-more div {
	margin-left: 4px;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .middle .btn-detail {
	border: 1px solid #E4E4E4;
	width: calc(100% - 26px);
	margin: 13px;
	padding: 10px;
	border: 1px solid #007aff;
	border-radius: 8px;
	color: #007aff;
	letter-spacing: -1.5px;
	font-weight: 700;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .middle .btn-detail i.fa-arrow-right {
	margin-left: 5px;
}

[namespace=trip-deals-cars-step1-A].card .card-content > .bottom {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	/* border-top: 1px solid #E4E4E4; */
	padding-top: 2px;
	padding-bottom: 6px;
}

[namespace=trip-deals-cars-step1-A].card .card-content .heart-wrap .pin-heart {
	display: flex !important;
	top: 0px;
	right: -5px;
}


/* [namespace=trip-deals-cars-step1-A].card.sold-out */
[namespace=trip-deals-cars-step1-A].card.sold-out {
	position: relative;
	color: #888;
}

[namespace=trip-deals-cars-step1-A].card.sold-out::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 8px;
	z-index: 3;
}

[namespace=trip-deals-cars-step1-A].card.sold-out .card-content > .top > .right img {
	filter: grayscale(100%);
	opacity: 0.8;
}

[namespace=trip-deals-cars-step1-A].card.sold-out .card-content > .middle ul.comparison-list li .company i {
	display: none;
}

[namespace=trip-deals-cars-step1-A].card.sold-out .card-content > .middle ul.comparison-list li[data-insur-type-cd] .company .insur-avaliable-age .insur-type {
	color: #333;
}

[namespace=trip-deals-cars-step1-A].card.sold-out .card-content > .middle ul.comparison-list li:first-child .price {
	color: #333;
}

[namespace=trip-deals-cars-step1-A].card.sold-out .card-content > .middle .btn-detail {
	border: 1px solid #d2d2d2;
	color: #888;
}

/* trip-deals-cars-step1-B */

/* .block  */

[namespace=trip-deals-cars-step1-B].block {
	padding: 0px 25px;
	margin: 10px;
}

[namespace=trip-deals-cars-step1-B].block .block-content {
	display: flex;
	margin-bottom: 15px;
	letter-spacing: -1px;
	font-size: 15px;
	justify-content: center;
}

[namespace=trip-deals-cars-step1-B].block .block-content .right {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

[namespace=trip-deals-cars-step1-B].block .block-content .right img {
	width: 100%;
	max-width: 130px;
}

[namespace=trip-deals-cars-step1-B].block .block-content .left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-right: 15px;
}

[namespace=trip-deals-cars-step1-B].block .block-content .left .name {
	font-size: 16px;
	color: #007aff;;
	letter-spacing: -1.5px;
	font-weight: bold;
	margin-bottom: 4px;
}

[namespace=trip-deals-cars-step1-B].block .block-content .left .point {
	font-size: 13px;
	color: #333;
	letter-spacing: -2px;
}

[namespace=trip-deals-cars-step1-B].block .block-footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

[namespace=trip-deals-cars-step1-B].block .block-footer .schedule {
	padding: 5px 10px;
	background-color: #fff;
	border: 1px solid #007aff;
	color: #333;
	border-radius: 8px;
	font-size: 13px;
	letter-spacing: -1px;
}

[namespace=trip-deals-cars-step1-B].block .block-footer .schedule i.fa-arrow-right {
	margin-left: 5px;
	margin-right: 5px;
}

[namespace=trip-deals-cars-step1-B].block .block-footer .radio-sort {
	margin-top: 25px;
}

[namespace=trip-deals-cars-step1-B].block .block-footer .radio-sort .link {
	color: #333;
	margin-left: 5px;
	margin-right: 5px;
}

[namespace=trip-deals-cars-step1-B].block .block-footer .radio-sort .link i {
	margin-right: 5px;
	margin-bottom: 2px;
}

[namespace=trip-deals-cars-step1-B].block .block-footer .radio-sort .link.selected {
	color: #007aff;
	font-weight: bold;
}

[namespace=trip-deals-cars-step1-B].block .block-footer .radio-sort .link .fa-circle { display: flex; }
[namespace=trip-deals-cars-step1-B].block .block-footer .radio-sort .link .fa-circle-dot { display: none; }
[namespace=trip-deals-cars-step1-B].block .block-footer .radio-sort .link.selected .fa-circle { display: none; }
[namespace=trip-deals-cars-step1-B].block .block-footer .radio-sort .link.selected .fa-circle-dot { display: flex; }

/* .card  */

[namespace=trip-deals-cars-step1-B].card {
	padding: 10px 20px;
}

[namespace=trip-deals-cars-step1-B].card .card-content {
	letter-spacing: -1px;
	font-size: 15px;
}

[namespace=trip-deals-cars-step1-B].card .card-content > .top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #E4E4E4;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

[namespace=trip-deals-cars-step1-B].card .card-content > .top .left {
	font-size: 16px;
	font-weight: bold;
}

[namespace=trip-deals-cars-step1-B].card .card-content > .top .left i {
	color: #097CF9;
	margin-left: 4px;
}

[namespace=trip-deals-cars-step1-B].card .card-content > .top .left i:nth-child(2) {
	margin-left: 8px;
}

[namespace=trip-deals-cars-step1-B].card .card-content > .top .right div.link {
	padding: 5px 6px;
	border: 1px solid #E4E4E4;
	border-radius: 8px;
	margin-left: 4px;
}

[namespace=trip-deals-cars-step1-B].card .card-content > .middle ul.comparison-list li {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}

[namespace=trip-deals-cars-step1-B].card .card-content > .middle ul.comparison-list li:after {
	padding-top: 10px;
	border-top: 1px solid #f2f2f2;
}

[namespace=trip-deals-cars-step1-B].card .card-content > .middle ul.comparison-list li .left {
	width: calc(100% - 100px);
}

[namespace=trip-deals-cars-step1-B].card .card-content > .middle ul.comparison-list li .left .insur-avaliable-age .insur-type {
	font-weight: bold;
}

[namespace=trip-deals-cars-step1-B].card .card-content > .middle ul.comparison-list li[data-insur-type-cd="1"] .left .insur-avaliable-age .insur-type {
	color: #333;
}

[namespace=trip-deals-cars-step1-B].card .card-content > .middle ul.comparison-list li[data-insur-type-cd="2"] .left .insur-avaliable-age .insur-type {
	color: #0000ff;
}

[namespace=trip-deals-cars-step1-B].card .card-content > .middle ul.comparison-list li[data-insur-type-cd="3"] .left .insur-avaliable-age .insur-type {
	color: #333;
}

[namespace=trip-deals-cars-step1-B].card .card-content > .middle ul.comparison-list li[data-insur-type-cd="4"] .left .insur-avaliable-age .insur-type {
	color: #E72364;
}

[namespace=trip-deals-cars-step1-B].card .card-content > .middle ul.comparison-list li[data-insur-type-cd="4"] .left .insur-avaliable-age span.insur-type:after {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f0e7";
	color: #E72364;
	padding-left: 2px;
	padding-right: 2px;
}

[namespace=trip-deals-cars-step1-B].card .card-content > .middle ul.comparison-list li .left .reward-limited {
	font-size: 13px;
	color: #888;
}

[namespace=trip-deals-cars-step1-B].card .card-content > .middle ul.comparison-list li .right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	margin-right: 25px;
}

[namespace=trip-deals-cars-step1-B].card .card-content > .middle ul.comparison-list li .right .price {
	width: 90px;
	text-align: right;
	margin-bottom: 4px;
}

[namespace=trip-deals-cars-step1-B].card .card-content > .middle ul.comparison-list li .right .avaliable-qty {
	font-size: 13px;
	background-color: #FFEAEE;
	color: #555;
	padding: 1px 5px;
	border-radius: 8px;
}

[namespace=trip-deals-cars-step1-B].card .card-content > .middle ul.comparison-list li:first-child .right .price {
	color: #007aff;
}

[namespace=trip-deals-cars-step1-B].card .card-content > .middle ul.comparison-list li:first-child .right .price i.fa-chevron-right {
	margin-left: 5px;
	color: #333;
}

[namespace=trip-deals-cars-step1-B].card .card-content > .middle ul.comparison-list li .right > .coupon {
	color: #fff;
	background-color: #E72364;
	padding: 2px 0;
	font-size: 11px;
	position: relative;
	margin-right: 8px;
	text-wrap: nowrap;
}

[namespace=trip-deals-cars-step1-B].card .card-content > .middle ul.comparison-list li .right > .coupon::before,
[namespace=trip-deals-cars-step1-B].card .card-content > .middle ul.comparison-list li .right > .coupon::after {
    position: absolute;
    content: "";
    width: 8px;
    height: 100%;
    top: 0;
}

[namespace=trip-deals-cars-step1-B].card .card-content > .middle ul.comparison-list li .right > .coupon::after {
    left: 100%;
    border-radius: 0px 4px 4px 0px;
    background-image: radial-gradient(ellipse at 100% 50%, transparent 0%, transparent 25%, #E72364 0%);
}

[namespace=trip-deals-cars-step1-B].card .card-content > .middle ul.comparison-list li .right > .coupon::before {
    right: 100%;
    border-radius: 4px 0px 0px 4px;
    background-image: radial-gradient(ellipse at 0% 50%, transparent 0%, transparent 25%, #E72364 0%);
}

[namespace=trip-deals-cars-step1-B].card .card-content > .middle ul.comparison-list li i.fa-chevron-right {
	position: absolute;
	right: 0px;
	color: #888;
}

[namespace=trip-deals-cars-step1-B].card .card-content > .middle .options {
	font-size: 14px;
	color: #555;
	border-top: 1px dashed #E4E4E4;
	padding-top: 10px;
}

[namespace=trip-deals-cars-step1-B].card .card-content > .middle .options span:after {
	content: "|";
	color: #888;
	padding-left: 4px;
	padding-right: 4px;
}

[namespace=trip-deals-cars-step1-B].card .card-content > .middle .options span:last-child:after {
	content: '';
}

[namespace=trip-deals-cars-step1-B].card .card-content > .bottom {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	border-top: 1px solid #E4E4E4;
	padding-top: 10px;
	margin-top: 10px;
}

/* [namespace=trip-deals-cars-provider-detail].provider-detail */
[namespace=trip-deals-cars-provider-detail].provider-detail {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .company-info.row .block-content,
[namespace=trip-deals-cars-provider-detail].provider-detail .company-info.row .block-footer {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 12px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .company-info.row .title {
	font-weight: 700;
	font-size: 32px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .company-info.row .block {
	width: 100%;
	margin: 8px 0;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .company-info.row .block-content {
	padding: 6px 12px;
	gap: 4px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .company-info.row .block-footer {
}

[namespace=trip-deals-cars-provider-detail].provider-detail .company-info.row .block-footer .wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 8px 20px;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	gap: 16px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .company-info.row .block-footer .wrapper > div {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .company-info.row .block-footer .wrapper span {
	color: #333;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .company-info.row .block-footer .wrapper .review-stars.stars-active i {
	color: #ffad33;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .company-info.row .block-footer .wrapper .review-stars.stars-inactive i {
	color: #888888;
}


[namespace=trip-deals-cars-provider-detail].provider-detail .button-wrap {
	width: calc(100% - 48px);
}

[namespace=trip-deals-cars-provider-detail].provider-detail button[data-btn-booking] {
	padding: 16px;
	height: auto;
	font-size: 20px;
	border-radius: 16px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab {
	padding: 12px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab:last-child {
	margin-bottom: 32px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-header {
	display: flex;
	justify-content: space-between;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-header > div.nav-item {
	padding: 10px 24px;
	/* padding-bottom: 10px; */
	width: 100%;
	font-size: 16px;
	background-color: #f1f7ff;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	border: #e4e4e4 solid 1px;
	color: #333;
	justify-content: center;
	text-align: center;
	flex-wrap:wrap;
	gap: 0 4px;
}


[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-header > div.nav-item span {
	text-wrap: nowrap;
	margin: 0;
	line-height: 1.1;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-header > div.nav-item.active {
	background-color: #ffffff;
	border-bottom: 0px;
	font-size: 20px;
	font-weight: 700;
	color: #007aff;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content {
	padding: 12px;
	border: #e4e4e4 solid 1px;
	border-top: 0px;
	background-color: #ffffff;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab-content .comment-wrap {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 16px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab-content .comment-title {
	font-size: 18px;
	font-weight: 700;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content > .map-wrap {
	padding: 18px 20px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content #map {
	width: 100%;
	border-radius: 12px;
	border: 1px solid #e4e4e4;
	aspect-ratio: 16/9;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content #providerVideo {
	width: 100%;
	border-radius: 12px;
	border: 1px solid #e4e4e4;
	aspect-ratio: 16/9;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content > .row {
	font-weight: 400;
	font-size: 18px;
	/* align-items: center; */
	align-items: flex-start;
	padding: 0 20px;
	margin-bottom: 4px;
	flex-wrap: nowrap;
	gap: 4px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content > .row:last-child {
	margin-bottom: 16px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content > .row .left {
	display: flex;
	gap:8px;
	align-items: center;
	text-wrap: wrap;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content > .row .title {
	color: #007aff;
	min-width: 50px;
	font-weight: 700;
	margin-right: 12px;
	align-self: flex-start;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content > .row [data-btn-copy-address] {
	border-radius: 64px;
	padding: 0px 16px;
	height: auto;
	width: auto;
	color: #006fff;
	font-size: 14px;
	background-color: #e5f1ff;
	margin-left: auto;
}


[namespace=trip-deals-cars-provider-detail].provider-detail .tab.guidance-info-tab > .tab-content {
	display: flex;
	flex-direction: column;
	padding: 32px 30px;
	gap: 8px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab.guidance-info-tab > .tab-content > .provider-desc {
	font-size: 16px;
	padding-top: 12px;
	text-align: center;
	color: #888;
	/* wrap */
	white-space: pre-wrap;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab.guidance-info-tab > .tab-content .inner-title {
	font-size: 20px;
	font-weight: 700;
	color: #007aff;
	padding-top: 12px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab.guidance-info-tab > .tab-content .inner-content {
	font-size: 17px;
	line-height: 1.5;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab.guidance-info-tab > .tab-content .inner-content i {
	margin-right: 8px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab.guidance-info-tab > .tab-content .inner-content i.fa-chevron-right {
	margin-left: 8px;
	margin-right: 8px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content[data-view-all="on"] [data-btn-view-all] {
	position: sticky;
	bottom: 56px;
	margin-left: calc(50%);
	transform: translateX(-50%);
	z-index: 12;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content > .review-sort {
	display: flex;
	justify-content: flex-end;
	padding: 12px 16px;
	padding-bottom: 0;
	color: #007aff;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content > .review-sort .select-wrap {
	display: flex;
	align-items: center;
	gap: 8px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content > .review-list.page-content {
	background-color: unset;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content > .review-list {
	padding: 12px;
	display: flex;
	flex-direction: column;
	/* gap: 16px; */
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content > .review-list > *:has(*) {
	margin-bottom: 16px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content[data-view-all=off] .overflow {
	display: none;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content[data-view-all=on] .overflow {
	display: block;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content[data-view-all=off] [data-btn-view-all] .view-more-on,
[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content[data-view-all=on] [data-btn-view-all] .view-more-off {
	display: block;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content[data-view-all=on] [data-btn-view-all] .view-more-on,
[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content[data-view-all=off] [data-btn-view-all] .view-more-off {
	display: none;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content [data-btn-view-all] {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 6px 24px;
	border: 1px solid #e4e4e4;
	background-color: #fff;
	border-radius: 8px;
	margin-bottom: 8px;
	font-weight: 700;
	letter-spacing: -1px;
	margin-left: 12px;
	width: calc(100% - 24px);
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content [data-btn-view-all] i {
	margin-left: 5px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content > .review-list .review-card {
	background-color: #f6f6f6;
	padding: 8px 24px;
	border-radius: 12px;
	position: relative;
	margin-bottom: 32px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content > .review-list .review-card.manager {
	background-color: #ECF3FA;
	padding-top: 24px;
	margin-bottom: 16px;
	position: relative;
	width: calc(100% - 86px);
	/* justify-self: flex-end; */
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content > .review-list .review-card.manager::before {
	content: "";
	position: absolute;
	top: 32px;
	transform: translateY(-50%);
	left: -28px;
	width: 18px;
	height: 18px;
	background-image: url("/img/sign/down-right-arrow.svg");
	background-size: cover;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content > .review-list > .manager-comment-list {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content > .review-list > .manager-comment-list:has(*) + .review-card {
	margin-top: 32px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content > .review-list > .manager-comment-list:has(*) + .review-card::before {
	content: "";
	position: absolute;
	top: -42px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 1px;
	border-bottom: 2px dotted #d8d8d8;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content > .review-list .review-card .header {
	display: flex;
	justify-content: space-between;
	padding: 14px 12px;
	font-size: 16px;
	padding-bottom: 0;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content > .review-list .review-card .quote {
	height: 16px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content > .review-list .review-card .header i.fa-star {
	color: #ffad33;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content > .review-list .review-card .content-wrap {
	padding: 16px 12px;
	padding-top: 8px;
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content > .review-list .review-card .content-wrap .content {
	white-space: pre-wrap;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content > .review-list .review-card .content-wrap .reg-date {
	margin-left: auto;
	color: #888;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content > .review-list .review-card .footer {
	display: flex;
	border-top: 1px solid #d8d8d8;
	margin: 0 12px;
	padding: 16px 0;
	justify-content: space-between;
	font-size: 16px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content > .review-list .review-card .footer .name {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 18px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content > .review-list .review-card .footer .name img {
	height: 18px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content > .review-list .review-card .footer .reg-date {
	color: #888;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content > .review-list .review-card .review-tail {
	position: absolute;
	top:100%;
	height: 20px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content > .review-list .review-card:not(.manager) .review-tail {
	/* left: 24px; */
	/* transform: scaleX(-1); */
	right: 24px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .tab > .tab-content > .review-list .review-card.manager .review-tail {
	right: 24px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .swiper-container {
	border-radius: 12px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .swiper-container .swiper-wrapper .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .swiper-container .swiper-wrapper .swiper-slide img {
	object-fit: cover;
	width: 100%;
	/* height: 300px; */
	/* object-fit: scale-down; */
	aspect-ratio: 16/9;
	border-radius: 12px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .swiper-container .swiper-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	margin: 0 4px;
}

[namespace=trip-deals-cars-provider-detail].provider-detail .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
	background: #fff;
}

@media (max-width: 629px) {
	[namespace=trip-deals-cars-provider-detail].provider-detail .tab.guidance-info-tab > .tab-content > .provider-desc {
		font-size: 14px;
	}
}

/* [namespace="trip-deals-exclusive-tickets-popup"].card-wrap */

[namespace="trip-deals-exclusive-tickets-popup"].card-wrap .divider-company {
	padding: 0 16px;
	margin: 0 16px;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

[namespace="trip-deals-exclusive-tickets-popup"].card-wrap .divider-company .name {
	font-weight: 600;
	font-size: 18px;
	margin: 8px 0;
}

[namespace="trip-deals-exclusive-tickets-popup"].card-wrap .divider-company .additional {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	font-size: 14px;
}

[namespace="trip-deals-exclusive-tickets-popup"].card-wrap .divider-company .additional .additional-message {
	padding: 3px 10px;
	border-radius: 3px;
	background: #FEEF5C;
	font-weight: 600;
}

[namespace="trip-deals-exclusive-tickets-popup"].card-wrap .company-info {
	padding: 0 16px;
	margin: 0 16px;
	color: #C8222C;
}

[namespace="trip-deals-exclusive-tickets-popup"].card-wrap .card-deal {
	position: relative;
	cursor: pointer;
}

[namespace="trip-deals-exclusive-tickets-popup"].card-wrap .card-deal .card-header {
	overflow: hidden;
}

[namespace="trip-deals-exclusive-tickets-popup"].card-wrap .card-deal.selected {
	background-color: #DBEDFF;
	border: 1px solid #006FFF;
}

[namespace="trip-deals-exclusive-tickets-popup"].card-wrap .card-deal.selected .product-name {
	color: #006FFF;
}

[namespace="trip-deals-exclusive-tickets-popup"].card-wrap .card-deal.selected::before {
	content: '';
	position: absolute;
	top: -2px;
	left: -2px;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	background-color: #006FFF;
	border-radius: 12px;
	z-index: -1;
}

[namespace="trip-deals-exclusive-tickets-popup"].card-wrap .card-deal.selected::after {
	content: '선택중';
	position: absolute;
	top: 0;
	right: 50%;
	padding: 4px 10px;
	transform: translate(50%, -50%);
	width: fit-content;
	height: fit-content;
	color: #fff;
	background-color: #006FFF;
	border-radius: 12px;
}



/*[namespace=trip-deals-exclusive-tickets-cars-step2].card.card-deal*/
[namespace=trip-deals-exclusive-tickets-cars-step2].card.extra-deal {
	position: relative;
	border: 2px solid #007aff;
	background-color: #DBEDFF;
	min-height: 90px;
	margin: 0;
	display: flex;
	align-items: center;
}

[namespace=trip-deals-exclusive-tickets-cars-step2].card.extra-deal .card-content.card-car-delivery {
	flex-direction: column;
}

[namespace=trip-deals-exclusive-tickets-cars-step2].card.extra-deal .card-content {
	display: flex;
	flex-direction: row;
	height: 100%;
    width: 100%;
	padding: 0;
    gap: 12px;
}

[namespace=trip-deals-exclusive-tickets-cars-step2].card.extra-deal .deal-img {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 120px;
}

[namespace=trip-deals-exclusive-tickets-cars-step2].card.extra-deal .card-content .deal-info {
	padding: 12px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    flex-grow: 1;
    min-width: 0;
}
/*
[namespace=trip-deals-exclusive-tickets-cars-step2].card.extra-deal .card-content .deal-info {
	flex-wrap: wrap;
	gap: 4px;
}
 */
[namespace=trip-deals-exclusive-tickets-cars-step2].card.extra-deal .card-content .deal-price {
	font-size: 16px;
	font-weight: 600;
}

[namespace=trip-deals-exclusive-tickets-cars-step2].card.extra-deal .card-content .deal-name {
	font-weight: 600;
	font-size: 14px;
}

[namespace=trip-deals-exclusive-tickets-cars-step2].card.extra-deal .card-content .deal-desc {
	font-weight: 540;
	font-size: 13px;
}

[namespace=trip-deals-exclusive-tickets-cars-step2].card.extra-deal .card-content .stepper {
    margin-left: auto;
}

[namespace=trip-deals-exclusive-tickets-cars-step2].card.extra-deal .btn-remove-deal {
	position: absolute;
	font-size: 22px;
	color: #C8222C;
	top: -3px;
	right: -3px;
}

@media (max-width: 629px) {
	[namespace=trip-deals-exclusive-tickets-cars-step2].card.extra-deal .card-content .deal-info {
		padding: 4px;
	}

	[namespace=trip-deals-exclusive-tickets-cars-step2].card.extra-deal .card-content .option-wrap,
	[namespace=trip-deals-exclusive-tickets-cars-step2].card.extra-deal .card-content .option-wrap .child-age-wrap select,
	[namespace=trip-deals-exclusive-tickets-cars-step2].card.extra-deal .card-content .option-wrap .option-check-wrap {
		font-size: 12px;
	}

	[namespace=trip-deals-exclusive-tickets-cars-step2].card.extra-deal .deal-img{
		width: 65px;
	}
}


[namespace=trip-deals-exclusive-tickets-cars-step2].card.extra-deal .card-content .stepper {
    --f7-stepper-button-bg-color: #fff;
    align-items: center;
    gap: 4px;
}

[namespace=trip-deals-exclusive-tickets-cars-step2].card.extra-deal .card-content .stepper > .stepper-input-wrap,
[namespace=trip-deals-exclusive-tickets-cars-step2].card.extra-deal .card-content .stepper > .stepper-button-minus,
[namespace=trip-deals-exclusive-tickets-cars-step2].card.extra-deal .card-content .stepper > .stepper-button-plus {
    border: unset;
    height: 32px;
    width: 32px;
}

[namespace=trip-deals-exclusive-tickets-cars-step2].card.extra-deal .card-content .stepper > .stepper-input-wrap {
    font-weight: 700;
    width: 100%;
}

[namespace=trip-deals-exclusive-tickets-cars-step2].card.extra-deal .card-content .stepper > .stepper-input-wrap input {
    font-size: 20px;
    width: 32px;
}

[namespace=trip-deals-exclusive-tickets-cars-step2].card.extra-deal .card-content .stepper > .stepper-button-minus,
[namespace=trip-deals-exclusive-tickets-cars-step2].card.extra-deal .card-content .stepper > .stepper-button-plus {
    color: #333;
    border-radius: 5px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
}

[namespace=trip-deals-exclusive-tickets-cars-step2].card.extra-deal .card-content .stepper > .stepper-button-plus::after,
[namespace=trip-deals-exclusive-tickets-cars-step2].card.extra-deal .card-content .stepper > .stepper-button-plus::before,
[namespace=trip-deals-exclusive-tickets-cars-step2].card.extra-deal .card-content .stepper > .stepper-button-minus::after,
[namespace=trip-deals-exclusive-tickets-cars-step2].card.extra-deal .card-content .stepper > .stepper-button-minus::before {
    background-color: #333;
}

[namespace=trip-deals-exclusive-tickets-cars-step2].card.extra-deal .card-content .stepper > .stepper-button-plus::after,
[namespace=trip-deals-exclusive-tickets-cars-step2].card.extra-deal .card-content .stepper > .stepper-button-minus::after {
    width: 12px;
}

[namespace=trip-deals-exclusive-tickets-cars-step2].card.extra-deal .card-content .stepper > .stepper-button-plus::before {
    height: 12px;
}
[namespace=trip-deals-flights-desktop].card {
	width: 100%;
	min-height: 250px;
	margin: 0px;
	margin-bottom: 20px;
	border-radius: 8px;
}

[namespace=trip-deals-flights-desktop].card:hover {
	border: 0px;
	-webkit-box-shadow: 0px 11px 15px -7px rgba(0,0,0,.2), 0px 24px 38px 3px rgba(0,0,0,.14), 0px 9px 46px 8px rgba(0,0,0,.12);
	box-shadow: 0px 11px 15px -7px rgba(0,0,0,.2), 0px 24px 38px 3px rgba(0,0,0,.14), 0px 9px 46px 8px rgba(0,0,0,.12);
}

[namespace=trip-deals-flights-desktop].card .card-content {
	display: flex;
	justify-content: space-between;
	min-height: 250px;
	color: #333;
	letter-spacing: -1px;
}

[namespace=trip-deals-flights-desktop].card .card-content > .left {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 220px;
}

[namespace=trip-deals-flights-desktop].card .card-content > .left [data-btn-view-detail] {
	position: absolute;
	top: 10px;
	left: 15px;
}

[namespace=trip-deals-flights-desktop].card .card-content > .left [data-btn-view-detail] .fa-toggle-on {
	color: #3BD957;
	margin-right: 5px;
}

[namespace=trip-deals-flights-desktop].card .card-content > .left [data-btn-view-detail] .fa-toggle-off {
	color: #888;
	margin-right: 5px;
}

[namespace=trip-deals-flights-desktop].card .card-content > .left [data-btn-view-detail=on] .fa-toggle-on { display: flex; }
[namespace=trip-deals-flights-desktop].card .card-content > .left [data-btn-view-detail=on] .fa-toggle-off { display: none; }
[namespace=trip-deals-flights-desktop].card .card-content > .left [data-btn-view-detail=off] .fa-toggle-on { display: none; }
[namespace=trip-deals-flights-desktop].card .card-content > .left [data-btn-view-detail=off] .fa-toggle-off { display: flex; }

[namespace=trip-deals-flights-desktop].card .card-content > .left img {
	width: 130px;
	transition: transform 0.5s ease;
}

[namespace=trip-deals-flights-desktop].card:hover .card-content > .left img {
	transform: scale(1.10);
}

[namespace=trip-deals-flights-desktop].card .card-content > .left .deal {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
}

[namespace=trip-deals-flights-desktop].card .card-content > .left .deal .name {
	text-align: center;
}

[namespace=trip-deals-flights-desktop].card .card-content > .left .deal .name .fa-arrow-right {
	margin-left: 4px;
	margin-right: 4px;
}

[namespace=trip-deals-flights-desktop].card .card-content > .left .deal .point {
	background-color: #f2f2f2;
	color: #333;
	padding: 2px 6px;
	border-radius: 4px;
	margin-top: 10px;
	display: flex;
	align-items: center;
	gap: 4px;
}

[namespace=trip-deals-flights-desktop].card .card-content > .left .deal .point img {
	width: 16px;
	height: 16px;
}

[namespace=trip-deals-flights-desktop].card .card-content > .left .deal .point i {
	color: #888;
}

[namespace=trip-deals-flights-desktop].card:hover .card-content > .left .deal .point {
	background-color: #007aff;
	color: #fff;
}

[namespace=trip-deals-flights-desktop].card:hover .card-content > .left .deal .point i {
	color: #fff;
}

[namespace=trip-deals-flights-desktop].card .card-content > .center {
	width: 524px;
	padding-top: 15px;
	padding-right: 15px;
}

[namespace=trip-deals-flights-desktop].card .card-content > .center .selected-deal-detail {
	border: 1px solid #ddd;
	background-color: #f8f8f8;
	padding: 10px;
	margin-bottom: 15px;
	border-radius: 4px;
}

[namespace=trip-deals-flights-desktop].card .card-content > .center .selected-deal-detail .row {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 13px;
}

[namespace=trip-deals-flights-desktop].card .card-content > .center .selected-deal-detail .row .fa-arrow-right {
	margin-left: 8px;
	margin-right: 8px;
}

[namespace=trip-deals-flights-desktop].card .card-content > .center .selected-deal-detail .row .time-taken {
	margin-left: 10px;
}

[namespace=trip-deals-flights-desktop].card .card-content > .center ul.comparison-list li.overflow[data-available="false"] {
	pointer-events: none;
	color: #aaa;
}

[namespace=trip-deals-flights-desktop].card .card-content > .center ul.comparison-list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	padding-left: 5px;
	padding-right: 10px;
	margin-top: 8px;
	cursor: pointer;
	/*background-color: yellow;*/
}

[namespace=trip-deals-flights-desktop].card .card-content > .center ul.comparison-list li.overflow {
	display: none;
}

[namespace=trip-deals-flights-desktop].card .card-content > .center ul.comparison-list li.selected {
	color: #007aff;
}

[namespace=trip-deals-flights-desktop].card .card-content > .center ul.comparison-list li .check-or-not .fa-circle { display: block; }
[namespace=trip-deals-flights-desktop].card .card-content > .center ul.comparison-list li .check-or-not .fa-circle-check { display: none; }
[namespace=trip-deals-flights-desktop].card .card-content > .center ul.comparison-list li.selected .check-or-not .fa-circle { display: none; }
[namespace=trip-deals-flights-desktop].card .card-content > .center ul.comparison-list li.selected .check-or-not .fa-circle-check { display: block; }

[namespace=trip-deals-flights-desktop].card .card-content > .center ul.comparison-list li .check-or-not {
	width: 20px;
	/*background-color: red;*/
}

[namespace=trip-deals-flights-desktop].card .card-content > .center ul.comparison-list li .departure-time {
	width: 80px;
	/*background-color: green;*/
}

[namespace=trip-deals-flights-desktop].card .card-content > .center ul.comparison-list li .company {
	display: flex;
	align-items: center;
	width: 235px;
	padding-right: 15px;
	/*background-color: blue;*/
}

[namespace=trip-deals-flights-desktop].card .card-content > .center ul.comparison-list li .company .name {
	margin-left: 5px;
	margin-right: 5px;
}

[namespace=trip-deals-flights-desktop].card .card-content > .center ul.comparison-list li .company .logo {
	display: flex;
	align-items: center;
	margin-right: 10px;
}

[namespace=trip-deals-flights-desktop].card .card-content > .center ul.comparison-list li .company .link {
	margin-right: 5px;
}

[namespace=trip-deals-flights-desktop].card .card-content > .center ul.comparison-list li .price {
	display: flex;
	align-items: center;
	width: 120px;
	/*background-color: #ffffff;*/
}

[namespace=trip-deals-flights-desktop].card .card-content > .center ul.comparison-list li .price .type {
	color: #888;
	margin-right: 8px;
	font-size: 13px;
}

[namespace=trip-deals-flights-desktop].card .card-content > .center ul.comparison-list li .price .fa-arrow-right {
	margin-left: 4px;
	margin-right: 4px;
}

[namespace=trip-deals-flights-desktop].card .card-content > .center ul.comparison-list li .avaliable-qty {
	/*background-color: #000;*/
}

[namespace=trip-deals-flights-desktop].card .card-content > .center [data-btn-view-more] {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 25px;
	margin-bottom: 15px;
}

[namespace=trip-deals-flights-desktop].card .card-content > .center [data-btn-view-more=on] .view-more-on { display: none; }
[namespace=trip-deals-flights-desktop].card .card-content > .center [data-btn-view-more=on] .view-more-off { display: black; }
[namespace=trip-deals-flights-desktop].card .card-content > .center [data-btn-view-more=off] .view-more-on { display: block; }
[namespace=trip-deals-flights-desktop].card .card-content > .center [data-btn-view-more=off] .view-more-off { display: none; }

[namespace=trip-deals-flights-desktop].card .card-content > .right.flights-available{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 260px;
	padding-bottom: 50px;
	background-color: #E7EAED;
	border-radius: 0px 4px 8px 0px;
}

[namespace=trip-deals-flights-desktop].card .card-content > .right .selected-deal-message {
	display: flex;
	flex-direction: column;
	align-items: center;
}

[namespace=trip-deals-flights-desktop].card .card-content > .right .selected-deal-message .text-big {
	font-size: 24px;
	color: #007aff;
}

[namespace=trip-deals-flights-desktop].card .card-content > .right .selected-deal-message .text-big .fa-circle-question {
	color: #aaa;
	font-size: 18px;
	margin-left: 2px;
	margin-bottom: 2px;
}

[namespace=trip-deals-flights-desktop].card .card-content > .right .selected-deal-message .text-small {
	font-size: 16px;
	margin-top: 5px;
	color: #C8222C;
	display: flex;
	align-items: center;
	gap: 8px;

}

[namespace=trip-deals-flights-desktop].card .card-content > .right .selected-deal-additional-message {
	display: flex;
	flex-direction: column;
	align-items: center;
	letter-spacing: -1.5px;
	font-size: 14px;
	margin-top: 20px;
}

[namespace=trip-deals-flights-desktop].card .card-content > .right .selected-deal-additional-message .text-1 {
	background-color: #F2F2F2;
	padding: 2px 6px;
	border-radius: 8px;
}

[namespace=trip-deals-flights-desktop].card:hover .card-content > .right .selected-deal-additional-message .text-1 {
	background-color: #FEEF5C;
}

[namespace=trip-deals-flights-desktop].card .card-content > .right .selected-deal-additional-message .text-2 {
	background-color: #177166;
	color: #fff;
	padding: 2px 6px;
	border-radius: 8px;
	margin-bottom: 5px;
}

[namespace=trip-deals-flights-desktop].card .card-content > .right .selected-deal-price {
	position: absolute;
	display: flex;
	justify-content: space-between;
	bottom: 0px;
	width: 100%;
	background-color: #007aff;
	border-radius: 0px 0px 8px 0px;
}

[namespace=trip-deals-flights-desktop].card .card-content > .right .selected-deal-price .left {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 150px;
	color: #fff;
	font-size: 18px;
	margin-left: 10px;
}

[namespace=trip-deals-flights-desktop].card .card-content > .right .selected-deal-price .left .total-price {
	margin-left: 5px;
	font-size: 20px;
}

[namespace=trip-deals-flights-desktop].card .card-content > .right .selected-deal-price .right {
	width: 100px;
	padding: 10px;
}

[namespace=trip-deals-flights-desktop].card .card-content > .right .selected-deal-price .right button {
	background-color: #f2f2f2;
	color: #555;
	width: 96px;
	height: 38px;
	font-size: 15px;
	letter-spacing: -1px;
}

[namespace=trip-deals-flights-desktop].card:hover .card-content > .right .selected-deal-price .right button {
	background-color: #FEEF5C;
	color: #333;
}

[namespace=trip-deals-flights-desktop].card .card-content > .right.flights-unavailable{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 260px;
	background-color: #E7EAED;
	border-radius: 0px 4px 8px 0px;
}

[namespace=trip-deals-flights-desktop].card .card-content > .right .reservation-finish {
	text-align : center;
	width: 100%;
	font-size: 18px;
	color: #333;
}

/* .card.sold-out */
[namespace=trip-deals-flights-desktop].card.sold-out {
	opacity: 1 !important;
	position: relative;
}

[namespace=trip-deals-flights-desktop].card.sold-out::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 8px;
	z-index: 1;
}

[namespace=trip-deals-flights-desktop].card.sold-out .card-content > .left img {
	opacity: 0.8;
}
[namespace=trip-deals-flights-desktop].card.sold-out .card-content > .center ul.comparison-list li {
	color: #888888;
}

[namespace=trip-deals-flights-desktop].card.sold-out .card-content > .center ul.comparison-list li .check-or-not .fa-circle { display: block; }

[namespace=trip-deals-flights-desktop].card.sold-out .card-content > .center ul.comparison-list li .logo img {
	filter: grayscale(80%);
}

[namespace=trip-deals-flights-desktop].card.sold-out .card-content > .right .selected-deal-message .text-big {
	color: #C8222C;
}

[namespace=trip-deals-flights-desktop].card.sold-out .card-content > .right .selected-deal-additional-message {
	margin-bottom: 32px;
}

[namespace=trip-deals-flights-desktop].card.sold-out .card-content > .right .selected-deal-price {
	background-color: #888888;
}

[namespace=trip-deals-flights-desktop].card.sold-out > .sold-out-message {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 18px;
	transform: translate(-50%, -50%);
	background-color: #222;
	color: #fff;
	padding: 6px 16px;
	border-radius: 6px;
	z-index: 2;
}
/* trip-deals-flights-step1-A */

[namespace=trip-deals-flights-step1-A].card {
	padding: 15px 25px;
}

[namespace=trip-deals-flights-step1-A].card .card-content {
	letter-spacing: -1px;
	font-size: 15px;
}

[namespace=trip-deals-flights-step1-A].card .card-content > .top {
	display: flex;
	margin-bottom: 15px;
}

[namespace=trip-deals-flights-step1-A].card .card-content > .top .left {
	width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

[namespace=trip-deals-flights-step1-A].card .card-content > .top .left img {
	width: 100%;
	max-width: 130px;
}

[namespace=trip-deals-flights-step1-A].card .card-content > .top .right {
	width: 60%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 25px;
	padding-right: 15px;
}

[namespace=trip-deals-flights-step1-A].card .card-content > .top .right .name {
	font-size: 16px;
	letter-spacing: -1.5px;
	font-weight: bold;
	margin-bottom: 4px;
	display: flex;
	align-items: center;
	gap: 8px;
}

[namespace=trip-deals-flights-step1-A].card .card-content > .top .right .name img {
	width: 20px;
	height: 20px;
	border-radius: 4px;
}

[namespace=trip-deals-flights-step1-A].card .card-content > .top .right .point {
	font-size: 13px;
	color: #888;
	letter-spacing: -2px;
}

[namespace=trip-deals-flights-step1-A].card .card-content > .middle ul.comparison-list li.overflow {
	display: none;
}

[namespace=trip-deals-flights-step1-A].card .card-content > .middle ul.comparison-list li {
	display: flex;
	justify-content: space-between;
	margin-bottom: 2px;
}

[namespace=trip-deals-flights-step1-A].card .card-content > .middle ul.comparison-list li .company {
	width: calc(100% - 150px);
}

[namespace=trip-deals-flights-step1-A].card .card-content > .middle ul.comparison-list li .company .name {
	display: flex;
	align-items: center;
}

[namespace=trip-deals-flights-step1-A].card .card-content > .middle ul.comparison-list li .company .name img.logo {
	margin-left: 5px;
}

[namespace=trip-deals-flights-step1-A].card .card-content > .middle ul.comparison-list li .company .departure-time {
	font-size: 13px;
	color: #888;
}

[namespace=trip-deals-flights-step1-A].card .card-content > .middle ul.comparison-list li .price {
	width: 140px;
	text-align: right;
}

[namespace=trip-deals-flights-step1-A].card .card-content > .middle ul.comparison-list li:first-child .price {
	color: #007aff;
}

[namespace=trip-deals-flights-step1-A].card .card-content > .middle ul.comparison-list li .price .type {
	color: #888;
	margin-right: 2px;
	font-size: 13px;
}

[namespace=trip-deals-flights-step1-A].card .card-content > .middle ul.comparison-list li .price i.fa-won-sign {
	font-size: 13px;
}

[namespace=trip-deals-flights-step1-A].card .card-content > .middle ul.comparison-list li .price .origin {
	text-decoration: line-through;
	font-size: 13px;
	color: #888;
	text-align: right;
}

[namespace=trip-deals-flights-step1-A].card .card-content > .middle ul.comparison-list li.text-more {
	font-size: 14px;
	margin-top: 5px;
	letter-spacing: -1.5px;
}

[namespace=trip-deals-flights-step1-A].card .card-content > .middle [data-btn-view-detail-more]:not(.price) {
	border: 1px solid #E4E4E4;
	width:  100%;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 10px;
	border: 1px solid #007aff;
	border-radius: 8px;
	color: #007aff;
	letter-spacing: -1.5px;
	font-weight: 500;
}

[namespace=trip-deals-flights-step1-A].card .card-content > .middle [data-btn-view-detail-more] i.fa-arrow-right {
	margin-left: 5px;
}

[namespace=trip-deals-flights-step1-A].card .card-content > .bottom {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	border-top: 1px solid #E4E4E4;
	padding-top: 10px;
}

/* [namespace=trip-deals-flights-step1-A].card.sold-out  */

[namespace=trip-deals-flights-step1-A].card.sold-out {
	position: relative;
	opacity: 1 !important;
	color: #888;
}

[namespace=trip-deals-flights-step1-A].card.sold-out::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 8px;
}
[namespace=trip-deals-flights-step1-A].card.sold-out .card-content > .middle.notice {
	margin: 46px 0;
	display: flex;
	justify-content: center;
	font-size: 17px;
	color: #333;
}

[namespace=trip-deals-flights-step1-A].card.sold-out .card-content > .bottom {
}
/* trip-deals-flights-step1-B */

/* .block  */

[namespace=trip-deals-flights-step1-B].block {
	padding: 0px 25px;
	margin: 10px;
	margin-top: 25px;
}

[namespace=trip-deals-flights-step1-B].block .block-content {
	display: flex;
	margin-bottom: 15px;
	letter-spacing: -1px;
	font-size: 15px;
}

[namespace=trip-deals-flights-step1-B].block .block-content .left {
	width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

[namespace=trip-deals-flights-step1-B].block .block-content .left img {
	width: 100%;
	max-width: 130px;
}

[namespace=trip-deals-flights-step1-B].block .block-content .right {
	width: 60%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 25px;
	padding-right: 15px;
}

[namespace=trip-deals-flights-step1-B].block .block-content .right .name {
	font-size: 16px;
	color: #007aff;;
	letter-spacing: -1.5px;
	font-weight: bold;
	margin-bottom: 4px;
	display: flex;
	align-items: center;
	gap: 8px;
}

[namespace=trip-deals-flights-step1-B].block .block-content .right .name img {
	width: 20px;
	height: 20px;
	border-radius: 4px;
}

[namespace=trip-deals-flights-step1-B].block .block-content .right .point {
	font-size: 13px;
	color: #333;
	letter-spacing: -2px;
}

[namespace=trip-deals-flights-step1-B].block .block-content .right .point i.fa-arrow-right {
	margin-left: 4px;
	margin-right: 4px;
}

[namespace=trip-deals-flights-step1-B].block .block-footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

[namespace=trip-deals-flights-step1-B].block .block-footer .schedule {
	padding: 5px 10px;
	background-color: #fff;
	border: 1px solid #007aff;
	color: #333;
	border-radius: 8px;
	font-size: 13px;
	letter-spacing: -1px;
}

[namespace=trip-deals-flights-step1-B].block .block-footer .schedule i.fa-arrow-right {
	margin-left: 5px;
	margin-right: 5px;
}

[namespace=trip-deals-flights-step1-B].block .block-footer .radio-sort {
	margin-top: 25px;
}

[namespace=trip-deals-flights-step1-B].block .block-footer .radio-sort .link {
	color: #333;
	margin-left: 5px;
	margin-right: 5px;
}

[namespace=trip-deals-flights-step1-B].block .block-footer .radio-sort .link i {
	margin-right: 5px;
	margin-bottom: 2px;
}

[namespace=trip-deals-flights-step1-B].block .block-footer .radio-sort .link.selected {
	color: #007aff;
	font-weight: bold;
}

[namespace=trip-deals-flights-step1-B].block .block-footer .radio-sort .link .fa-circle { display: flex; }
[namespace=trip-deals-flights-step1-B].block .block-footer .radio-sort .link .fa-circle-dot { display: none; }
[namespace=trip-deals-flights-step1-B].block .block-footer .radio-sort .link.selected .fa-circle { display: none; }
[namespace=trip-deals-flights-step1-B].block .block-footer .radio-sort .link.selected .fa-circle-dot { display: flex; }

/* .card  */

[namespace=trip-deals-flights-step1-B].card {
	padding: 10px 20px;
}

[namespace=trip-deals-flights-step1-B].card .card-content {
	letter-spacing: -1px;
	font-size: 15px;
}

[namespace=trip-deals-flights-step1-B].card .card-content > .top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #E4E4E4;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

[namespace=trip-deals-flights-step1-B].card .card-content > .top .left {
	font-size: 16px;
	font-weight: bold;
}

[namespace=trip-deals-flights-step1-B].card .card-content > .top .left .name {
	display: flex;
	align-items: center;
}

[namespace=trip-deals-flights-step1-B].card .card-content > .top .left .name img.logo {
	margin-left: 5px;
}

[namespace=trip-deals-flights-step1-B].card .card-content > .top .right div.link {
	padding: 5px 6px;
	border: 1px solid #E4E4E4;
	border-radius: 8px;
	margin-left: 4px;
}

[namespace=trip-deals-flights-step1-B].card .card-content > .middle ul.comparison-list li {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}

[namespace=trip-deals-flights-step1-B].card .card-content > .middle ul.comparison-list li:after {
	padding-top: 10px;
	border-top: 1px solid #f2f2f2;
}

[namespace=trip-deals-flights-step1-B].card .card-content > .middle ul.comparison-list li .left {
	width: calc(100% - 150px);
}

[namespace=trip-deals-flights-step1-B].card .card-content > .middle ul.comparison-list li .left .arrival-time {
	font-size: 13px;
	color: #888;
}

[namespace=trip-deals-flights-step1-B].card .card-content > .middle ul.comparison-list li .right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	margin-right: 25px;
}

[namespace=trip-deals-flights-step1-B].card .card-content > .middle ul.comparison-list li .right .price {
	width: 140px;
	text-align: right;
	margin-bottom: 4px;
}

[namespace=trip-deals-flights-step1-B].card .card-content > .middle ul.comparison-list li .right .price .type {
	color: #888;
	margin-right: 2px;
	font-size: 13px;
}

[namespace=trip-deals-flights-step1-B].card .card-content > .middle ul.comparison-list li .right .avaliable-qty {
	font-size: 13px;
	background-color: #FFEAEE;
	color: #555;
	padding: 1px 5px;
	border-radius: 8px;
}

[namespace=trip-deals-flights-step1-B].card .card-content > .middle ul.comparison-list li:first-child .right .price {
	color: #007aff;
}

[namespace=trip-deals-flights-step1-B].card .card-content > .middle ul.comparison-list li:first-child .right .price i.fa-chevron-right {
	margin-left: 5px;
	color: #333;
}

[namespace=trip-deals-flights-step1-B].card .card-content > .middle ul.comparison-list li i.fa-chevron-right {
	position: absolute;
	right: 0px;
	color: #888;
}

[namespace=trip-deals-flights-step1-B].card .card-content > .middle .options {
	font-size: 14px;
	color: #555;
	border-top: 1px dashed #E4E4E4;
	padding-top: 10px;
}

[namespace=trip-deals-flights-step1-B].card .card-content > .middle .options span:after {
	content: "|";
	color: #888;
	padding-left: 4px;
	padding-right: 4px;
}

[namespace=trip-deals-flights-step1-B].card .card-content > .middle .options span:last-child:after {
	content: '';
}

[namespace=trip-deals-flights-step1-B].card .card-content > .flights-unavailable {
	align-items: center;
	justify-content: center;
	text-align : center;
	width: 100%;
	font-size: 18px;
	border-top: 1px solid #E4E4E4;
	padding-top: 10px;
	margin-top: 10px;
	color: #333;
}

[namespace=trip-deals-flights-step1-B].card .card-content > .bottom {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	border-top: 1px solid #E4E4E4;
	padding-top: 10px;
	margin-top: 10px;
}

/*[namespace="trip-deals-flights-step2"].card-deal*/

[namespace="trip-deals-flights-step2"].card-deal {
	margin: 10px 0;
	padding: 0;
}

[namespace="trip-deals-flights-step2"].card-deal .card-header {
	margin: 16px;
	padding: 10px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #E4E4E4;
}

[namespace="trip-deals-flights-step2"].card-deal .card-header .left .title {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 10px;
}

[namespace="trip-deals-flights-step2"].card-deal .card-header .left .title i {
	margin-right: 4px;
	margin-left: 4px;
}

[namespace="trip-deals-flights-step2"].card-deal .card-header .left .title .arrival {
	color: #006FFF;
}

[namespace="trip-deals-flights-step2"].card-deal .card-header .left .sub-title {
	font-size: 14px;
	color: #555555;
}

[namespace="trip-deals-flights-step2"].card-deal .card-header .left .charge-info {
	font-size: 14px;
	color: #555555;
}

[namespace="trip-deals-flights-step2"].card-deal .card-header .right .way-tag {
	font-weight: 600;
	font-size: 14px;
	padding: 2px 6px;
	border-radius: 4px;
	margin-bottom: 8px;
}

[namespace="trip-deals-flights-step2"].card-deal .card-header .right .way-tag.departure {
	background-color: #C1EEEA;
}

[namespace="trip-deals-flights-step2"].card-deal .card-header .right .way-tag.arrival {
	background-color: #00AE93;
	color: #fff;
}

[namespace="trip-deals-flights-step2"].card-deal .card-header .right button {
	height: 42px;
	border: 1px solid #E4E4E4;
	color: #555555;
}

[namespace="trip-deals-flights-step2"].card-deal .card-content {
	margin: 16px;
	padding: 0 10px;
}

[namespace="trip-deals-flights-step2"].card-deal .card-content .count {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

[namespace="trip-deals-flights-step2"].card-deal .card-content .count > .select-wrap {
	width: 30%;
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 35px;
	cursor: pointer;
	align-items: center;
}

[namespace="trip-deals-flights-step2"].card-deal .card-content .count > .select-wrap select {
	padding-left: 10px;
	width: 100%;
	height: 100%;
	font-weight: 700;
	font-size: 14px;
	border: 1px solid #888888;
	border-radius: 4px;
	color: #000;
	background-color: #fff;
	cursor: pointer;
	z-index: 1;
}

[namespace="trip-deals-flights-step2"].card-deal .card-content .count > .select-wrap select.selected {
	border: 1px solid #DBEDFF;
	background-color: #F1F8FF;
	color: #006FFF;
}

[namespace="trip-deals-flights-step2"].card-deal .card-content .count > .select-wrap i {
	position: absolute;
	right: 10px;
	z-index: 1;
}

[namespace="trip-deals-flights-step2"].card-deal .card-content .info {
	font-size: 14px;
	color: #888888;
	margin: 20px 0;
}

[namespace="trip-deals-flights-step2"].card-deal .card-content .info button[data-btn-view-detail] {
	height: 100%;
}

[namespace="trip-deals-flights-step2"].card-deal .card-content .info button[data-btn-view-detail] i {
	margin-left: 5px;
}

[namespace="trip-deals-flights-step2"].card-deal[data-view-detail=true] .card-content .info button[data-btn-view-detail] {
	border: 1px solid #888888;
	color: #fff;
	background-color: #888888;
}

[namespace="trip-deals-flights-step2"].card-deal[data-view-detail=false] .card-content .info button[data-btn-view-detail] {
	border: 1px solid #555555;
	color: #555555;
	background-color: #FFFFFF;
}


[namespace="trip-deals-flights-step2"].card-deal[data-view-detail=true] .card-content .info button[data-btn-view-detail] .fa-chevron-up {
	transform: rotate(0deg);
	transition: ease 0.2s;
}

[namespace="trip-deals-flights-step2"].card-deal[data-view-detail=false] .card-content .info button[data-btn-view-detail] .fa-chevron-up {
	transform: rotate(180deg);
	transition: ease 0.2s;
}

[namespace="trip-deals-flights-step2"].card-deal .card-content .info .charge {
	font-weight: 700;
	font-size: 18px;
	color: #006FFF;
	margin: 5px;
}

[namespace="trip-deals-flights-step2"].card-deal[data-view-detail=false] .card-content .detail { display: none; }

[namespace="trip-deals-flights-step2"].card-deal[data-view-detail=true] .card-content .detail { display: flex; }

[namespace="trip-deals-flights-step2"].card-deal .card-content .detail {
	display: flex;
	flex-direction: column;
	margin-top: 10px;
}

[namespace="trip-deals-flights-step2"].card-deal .card-content .detail > .row {
	font-size: 14px;
	flex-direction: row;
	justify-content: flex-start;
	width: 100%;
	margin-top: 5px;
}

[namespace="trip-deals-flights-step2"].card-deal .card-content .detail > .row .title {
	width: 15%;
	color: #555555;
}

[namespace="trip-deals-flights-step2"].card-deal .card-content .detail .row .description {
	width: 85%;
	color: #888888;
}

[namespace=trip-deals-items-desktop].card-wrap {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% + 12px);
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #a8a8a8;
}

[namespace=trip-deals-items-desktop].card-wrap:last-child {
	border-bottom: 0px;
}

[namespace=trip-deals-items-desktop].card-wrap .card {
	width: calc(33.3% - 14px);
	margin: 0px;
	margin-bottom: 15px;
	margin-right: 12px;
	border-radius: 8px;
}

[namespace=trip-deals-items-desktop].card-wrap .card .card-content {
	display: flex;
	letter-spacing: -1px;
	height: 100%;
}

[namespace=trip-deals-items-desktop].card-wrap .card .card-content .left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-width: 120px;
	max-width: 120px;
	border-radius: 8px 0px 0px 8px;
}

[namespace=trip-deals-items-desktop].card-wrap .card.card-deal .card-content .left {
	justify-content: center;
}

[namespace=trip-deals-items-desktop].card-wrap .card .card-content .right {
	position: relative;
	width: calc(100% - 120px);
	border-radius: 0px 8px 8px 0px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

[namespace=trip-deals-items-desktop].card-wrap .card .card-content .right .top {
	padding: 10px;
	padding-bottom: 0px;
}

[namespace=trip-deals-items-desktop].card-wrap .card .card-content .right .bottom {
	text-align: right;
	padding-right: 12px;
	padding-bottom: 12px;
}

/* .card-company */

[namespace=trip-deals-items-desktop].card-wrap .card.card-company .card-content .left {
	background-color: #E7EAED;
	border-right: 1px solid #E4E4E4;
}

[namespace=trip-deals-items-desktop].card-wrap:hover .card.card-company .card-content .left {
	background-color: #F1F8FF;
	border-right: 1px solid #DBEDFF;
}

[namespace=trip-deals-items-desktop].card-wrap .card.card-company .card-content .left .logo {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	background-color: #fff;
	border-radius: 100%;
	font-size: 24px;
}

[namespace=trip-deals-items-desktop].card-wrap .card.card-company .card-content .right {
	position: relative;
	background-color: #E7EAED;
}

[namespace=trip-deals-items-desktop].card-wrap:hover .card.card-company .card-content .right {
	background-color: #F1F8FF;
}

[namespace=trip-deals-items-desktop].card-wrap .card.card-company .card-content .right .top .name {
	font-weight: bold;
	margin-bottom: 5px;
}

[namespace=trip-deals-items-desktop].card-wrap:hover .card.card-company .card-content .right .top .name {
	color: #007aff;
}

[namespace=trip-deals-items-desktop].card-wrap .card.card-company .card-content .right .top .address {
	color: #888;
	font-size: 14px;
}

[namespace=trip-deals-items-desktop].card-wrap .card.card-company .card-content .right .bottom .link {
	width: 24px;
	height: 24px;
	background-color: #f2f2f2;
	border-radius: 100%;
}

[namespace=trip-deals-items-desktop].card-wrap:hover .card.card-company .card-content .right .bottom .link {
	background-color: #fafafa;
}

/* .card-deal */

[namespace=trip-deals-items-desktop].card-wrap .card.card-deal:hover {
	cursor: pointer;
	/*border: 0px;*/
	-webkit-box-shadow: 0px 11px 15px -7px rgba(0,0,0,.2), 0px 24px 38px 3px rgba(0,0,0,.14), 0px 9px 46px 8px rgba(0,0,0,.12);
	box-shadow: 0px 11px 15px -7px rgba(0,0,0,.2), 0px 24px 38px 3px rgba(0,0,0,.14), 0px 9px 46px 8px rgba(0,0,0,.12);
}

[namespace=trip-deals-items-desktop].card-wrap .card.card-deal .card-content .left {
	background-color: #f8f8f8;
	border-right: 1px solid #E4E4E4;
}

[namespace=trip-deals-items-desktop].card-wrap .card.card-deal .card-content .left img {
	width: 80px;
	margin-bottom: 10px;
	transition: transform 0.5s ease;
}

[namespace=trip-deals-items-desktop].card-wrap .card.card-deal:hover .card-content .left img {
	transform: scale(1.15);
}

[namespace=trip-deals-items-desktop].card-wrap .card.card-deal .card-content .left .additional-message {
	background-color: #F2F2F2;
	color: #333;
	padding: 2px 6px;
	border-radius: 8px;
	margin-bottom: 5px;
}

[namespace=trip-deals-items-desktop].card-wrap .card.card-deal:hover .card-content .left .additional-message {
	background-color: #FEEF5C;
}

[namespace=trip-deals-items-desktop].card-wrap .card.card-deal .card-content .right .top .name {
	font-weight: bold;
	margin-bottom: 5px;
}

[namespace=trip-deals-items-desktop].card-wrap .card.card-deal .card-content .right .top .point,
[namespace=trip-deals-items-desktop].card-wrap .card.card-deal .card-content .right .top .type {
	color: #888;
	font-size: 14px;
}

[namespace=trip-deals-items-desktop].card-wrap .card.card-deal .card-content .right .bottom {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

[namespace=trip-deals-items-desktop].card-wrap .card.card-deal .card-content .right .bottom .avaliable-qty {
	font-size: 13px;
	background-color: #FFEAEE;
	color: #555;
	padding: 1px 5px;
	border-radius: 8px;
	margin-bottom: 4px;
}

[namespace=trip-deals-items-desktop].card-wrap .card.card-deal .card-content .right .bottom .price span.text {
	font-size: 14px;
	color: #555;
	margin-right: 2px;
}

[namespace=trip-deals-items-desktop].card-wrap .card.card-deal .card-content .right .bottom .price span.sale {
	font-weight: bold;
	color: #007aff;
}
[namespace=trip-deals-items-step1-A].card-wrap {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: calc(100% - 30px);
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
}

/* .divider-company */

[namespace=trip-deals-items-step1-A].card-wrap .divider-company {
	position: relative;
	border-bottom: 1px dashed #a8a8a8;
	margin-right: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
}

[namespace=trip-deals-items-step1-A].card-wrap .divider-company .name {
	position: absolute;
	background-color: #EDF2F6;
	padding-right: 8px;
	margin-top: -8px;
	font-size: 14px;
	color: #555;
	letter-spacing: -1px;
}

[namespace=trip-deals-items-step1-A].card-wrap .divider-company .link-wrap {
	position: absolute;
	background-color: #EDF2F6;
	padding-left: 5px;
	right: 0px;
	margin-top: -14px;
}

[namespace=trip-deals-items-step1-A].card-wrap .divider-company .link-wrap .link {
	padding: 5px 6px;
	border: 1px solid #E4E4E4;
	border-radius: 8px;
	background-color: #fff;
}

/* .card.link */

[namespace=trip-deals-items-step1-A].card-wrap .card.link {
	display: block;
	width: 100%;
	margin: 0px;
	margin-bottom: 15px;
	margin-right: 12px;
	border-radius: 8px;
}

[namespace=trip-deals-items-step1-A].card-wrap .card.link .card-content {
	display: flex;
	letter-spacing: -1px;
	height: 100%;
}

[namespace=trip-deals-items-step1-A].card-wrap .card.link .card-content .left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-width: 120px;
	max-width: 120px;
	border-radius: 8px 0px 0px 8px;
}

[namespace=trip-deals-items-step1-A].card-wrap .card.card-deal.link .card-content .left {
	justify-content: center;
}

[namespace=trip-deals-items-step1-A].card-wrap .card.link .card-content .right {
	position: relative;
	width: calc(100% - 120px);
	border-radius: 0px 8px 8px 0px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

[namespace=trip-deals-items-step1-A].card-wrap .card.link .card-content .right .top {
	padding: 10px;
	padding-bottom: 0px;
}

[namespace=trip-deals-items-step1-A].card-wrap .card.link .card-content .right .bottom {
	text-align: right;
	padding-right: 12px;
	padding-bottom: 12px;
}

/* .card-deal.link */

[namespace=trip-deals-items-step1-A].card-wrap .card.card-deal.link .card-content .left {
	background-color: #f8f8f8;
	border-right: 1px solid #E4E4E4;
}

[namespace=trip-deals-items-step1-A].card-wrap .card.card-deal.link .card-content .left img {
	width: 80px;
	margin-bottom: 10px;
}

[namespace=trip-deals-items-step1-A].card-wrap .card.card-deal.link .card-content .left .additional-message {
	background-color: #fff;
	color: #333;
	padding: 2px 6px;
	border-radius: 8px;
	margin-bottom: 5px;
}

[namespace=trip-deals-items-step1-A].card-wrap .card.card-deal.link .card-content .right .top .name {
	font-weight: bold;
	margin-bottom: 5px;
}

[namespace=trip-deals-items-step1-A].card-wrap .card.card-deal.link .card-content .right .top .point,
[namespace=trip-deals-items-step1-A].card-wrap .card.card-deal.link .card-content .right .top .type {
	color: #888;
	font-size: 14px;
}

[namespace=trip-deals-items-step1-A].card-wrap .card.card-deal.link .card-content .right .bottom {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

[namespace=trip-deals-items-step1-A].card-wrap .card.card-deal.link .card-content .right .bottom .avaliable-qty {
	font-size: 13px;
	background-color: #FFEAEE;
	color: #555;
	padding: 1px 5px;
	border-radius: 8px;
	margin-bottom: 4px;
}

[namespace=trip-deals-items-step1-A].card-wrap .card.card-deal.link .card-content .right .bottom .price span.text {
	font-size: 14px;
	color: #555;
}

[namespace=trip-deals-items-step1-A].card-wrap .card.card-deal.link .card-content .right .bottom .price span.sale {
	font-weight: bold;
	color: #007aff;
}

/*popup*/

[namespace=trip-deals-items-popup].card-wrap .divider-company {
	padding: 0 16px;
	margin: 0 16px;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

[namespace=trip-deals-items-popup].card-wrap .divider-company .name {
	font-weight: 600;
	font-size: 18px;
	margin: 8px 0;
}

[namespace=trip-deals-items-popup].card-wrap .divider-company .additional {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	font-size: 14px;
}

[namespace=trip-deals-items-popup].card-wrap .divider-company .additional button {
	width: auto;
	font-weight: 500;
	font-size: 16px;
}

[namespace=trip-deals-items-popup].card-wrap .divider-company .additional button i {
	margin-left: 4px;
}

[namespace=trip-deals-items-popup].card-wrap .divider-company .additional .additional-message {
	padding: 3px 10px;
	border-radius: 3px;
	background: #FEEF5C;
	font-weight: 600;
}

[namespace=trip-deals-items-popup].card-wrap .divider-company .additional .promotion-message {
	padding: 3px 12px;
	border-radius: 6px;
	background: #E72364;
	color: #fff;
	font-weight: 600;
}

[namespace=trip-deals-items-popup].card-wrap .divider-company .additional .promotion-message i {
	margin-left: 4px;
}

[namespace=trip-deals-items-popup].card-wrap .company-info {
	padding: 0 16px;
	margin: 0 16px;
	color: #C8222C;
}

[namespace=trip-deals-items-popup].card-wrap .company-comment {
	padding: 0 16px;
	margin: 0 16px;
	font-weight: bold;
}

[namespace=trip-deals-items-popup].card-wrap .card.card-deal {
	position: relative;
}

[namespace=trip-deals-items-popup].card-wrap .card.card-deal.on-promotion.selected::before {
	content: '';
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	border: 1px solid #E72364;
	border-radius: 14px;
	position: absolute;
	top: -3px;
	left: -3px;
	background-color:tomato;
	animation: animation-gradient 12s linear infinite;
	background: linear-gradient(45deg, #E72364, #b600fe, #E72364);
	z-index: -1;
}

[namespace=trip-deals-items-popup].card-wrap .card.card-deal.on-promotion::after {
	content: 'EVENT';
	position: absolute;
	top: -10px;
	left: 16px;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	z-index: 1;
	padding: 2px 8px;
	border-radius: 5px;
	background-color: #E72364;
	animation: animation-gradient 12s linear infinite;
	background: linear-gradient(45deg, #E72364, #b600fe, #E72364);
	background-size: 800%;
}

@keyframes animation-gradient {
	0% {
		background-position: 0% 0%;
	}

	100% {
		background-position: 800% 800%;
	}
}

[namespace=trip-deals-items-popup].card-wrap .card.card-deal.selected {
	background-color: #DBEDFF;
}

[namespace=trip-deals-items-popup].card-wrap .card.card-deal.selected .select-qty {
	color: #006FFF;
}

[namespace=trip-deals-items-popup].card-wrap .card.card-deal .icon-selected {
	position: absolute;
	color: #006FFF;
	font-size: 1.5em;
	top: -10px;
	right: -6px;
}

[namespace=trip-deals-items-popup].card-wrap .card.card-deal.on-promotion.selected {
	background-color: #FFEAEE;
	border: 1px solid #E72364

}

[namespace=trip-deals-items-popup].card-wrap .card.card-deal.on-promotion .icon-selected,
[namespace=trip-deals-items-popup].card-wrap .card.card-deal.on-promotion.selected .select-qty {
	color: #E72364;
}

[namespace=trip-deals-items-popup].card-wrap .card.card-deal:not(.selected) .icon-selected {
	display: none;
}

[namespace=trip-deals-items-popup].card-wrap .card.card-deal .card-content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-size: 15px;
	margin: 11px 15px;
	align-items: center;
}

[namespace=trip-deals-items-popup].card-wrap .card.card-deal .card-content .right img {
	width: 105px;
}

[namespace=trip-deals-items-popup].card-wrap .card.card-deal .card-content .left {
	padding: 11px 0;
}

[namespace=trip-deals-items-popup].card-wrap .card.card-deal .card-content .left .name {
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 8px;
}

[namespace=trip-deals-items-popup].card-wrap .card.card-deal .card-footer {
	margin: 0 15px;
	padding: 15px 0;
	border-top: 1px dashed #E4E4E4;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

[namespace=trip-deals-items-popup].card-wrap .card.card-deal .card-footer .left {
	display: flex;
	flex-direction: row;
	align-items: space-between;
	font-size: 17px;
	align-items: center;
}

[namespace=trip-deals-items-popup].card-wrap .card.card-deal .card-footer .left .select-qty {
	font-weight: 600;
	margin: 0 6px;
}

[namespace=trip-deals-items-popup].card-wrap .card.card-deal .card-footer .right {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

[namespace=trip-deals-items-popup].card-wrap .card.card-deal .card-footer .right .avaliable-qty {
	font-size: 15px;
	background-color: #FFEAEE;
	color: #555;
	padding: 1px 5px;
	border-radius: 7px;
	margin-right: 15px;
}

[namespace=trip-deals-items-popup].card-wrap .card.card-deal .card-content .right .bottom .price span.text {
	font-size: 14px;
	color: #555;
}

[namespace=trip-deals-items-popup].card-wrap .card.card-deal .card-content .right .bottom .price span.sale {
	font-weight: bold;
	color: #007aff;
}


/* [namespace=trip-deals-items-cars-step2].card.extra-deal */
[namespace=trip-deals-items-cars-step2].card.extra-deal {
	position: relative;
	border: 2px solid #007aff;
	background-color: #DBEDFF;
	min-height: 90px;
	margin: 0;
	display: flex;
	align-items: center;
}

[namespace=trip-deals-items-cars-step2].card.extra-deal .card-content.card-car-delivery {
	flex-direction: column;
}

[namespace=trip-deals-items-cars-step2].card.extra-deal .card-content {
	display: flex;
	flex-direction: row;
	height: 100%;
	padding: 0;
}

[namespace=trip-deals-items-cars-step2].card.extra-deal .deal-img {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 120px;
}

[namespace=trip-deals-items-cars-step2].card.extra-deal .card-content .deal-info {
	padding: 12px;
	align-self: center;
	width: 100%;
}

[namespace=trip-deals-items-cars-step2].card.extra-deal .card-content.card-car-delivery .deal-info {
	text-align: center;
}

[namespace=trip-deals-items-cars-step2].card.extra-deal .card-content .deal-name {
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 15px;
}

[namespace=trip-deals-items-cars-step2].card.extra-deal .card-content .deal-desc {
	font-weight: 540;
	font-size: 13px;
    align-self: center;
}

[namespace=trip-deals-items-cars-step2].card.extra-deal .card-content .option-wrap {
	display: flex;
	align-items: center;
}

[namespace=trip-deals-items-cars-step2].card.extra-deal .card-content .option-wrap:not(:last-child) {
	margin-bottom: 5px;
}

[namespace=trip-deals-items-cars-step2].card.extra-deal .card-content .option-wrap .index {
	font-weight: 600;
	color: #888888;
	align-self: center;
	width: 15%;
}

[namespace=trip-deals-items-cars-step2].card.extra-deal .card-content .option-wrap .child-age-wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border: 1px solid #E4E4E4;
	border-radius: 6px;
	width: 120px;
	height: 38px;
	cursor: pointer;
	background-color: #fff;
}

[namespace=trip-deals-items-cars-step2].card.extra-deal .card-content .option-wrap select {
	font-weight: 600;
	font-size: 14px;
	padding: 8px 10px;
	cursor: pointer;
	z-index: 1;
}

[namespace=trip-deals-items-cars-step2].card.extra-deal .card-content .option-wrap .child-age-wrap i {
	position: absolute;
	font-size: 18px;
	right: 8px;
}

[namespace=trip-deals-items-cars-step2].card.extra-deal .card-content .option-wrap .option-check-wrap {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-self: center;
	cursor: pointer;
	font-size: 13px;
	width: 50%;
}

[namespace=trip-deals-items-cars-step2].card.extra-deal .card-content .option-wrap .option-check-wrap i {
	margin-left: 10px;
}

[namespace=trip-deals-items-cars-step2].card.extra-deal .card-content .none-option {
	font-weight: 600;
	color: #888888;
}

[namespace=trip-deals-items-cars-step2].card.extra-deal .btn-remove-deal {
	position: absolute;
	font-size: 22px;
	color: #C8222C;
	top: -3px;
	right: -3px;
}

[namespace=trip-deals-items-cars-step2].card.extra-deal .card-content [data-extra-option=true] .none-option {
	display: none;
}

[namespace=trip-deals-items-cars-step2].card.extra-deal .card-content [data-extra-option=false] .option-info {
	display: none;
}


[namespace=trip-deals-items-cars-step2].card.extra-deal .card-content .option-wrap [data-option-check=true] .fa-square,
[namespace=trip-deals-items-cars-step2].card.extra-deal .card-content .option-wrap [data-option-check=false] .fa-square-check {
	display: none;
}

[namespace=trip-deals-items-cars-step2].card.extra-deal .card-content .option-wrap [data-option-check=true] .fa-square-check,
[namespace=trip-deals-items-cars-step2].card.extra-deal .card-content .option-wrap [data-option-check=false] .fa-square {
	display: inline;
}

@media (max-width: 629px) {
	[namespace=trip-deals-items-cars-step2].card.extra-deal .card-content .deal-info {
		padding: 4px;
	}

	[namespace=trip-deals-items-cars-step2].card.extra-deal .card-content .option-wrap,
	[namespace=trip-deals-items-cars-step2].card.extra-deal .card-content .option-wrap .child-age-wrap select,
	[namespace=trip-deals-items-cars-step2].card.extra-deal .card-content .option-wrap .option-check-wrap {
		font-size: 12px;
	}

	[namespace=trip-deals-items-cars-step2].card.extra-deal .deal-img{
		width: 65px;
	}
}

/*[namespace=trip-deals-items-step2].card.card-deal*/
[namespace=trip-deals-items-step2].card.card-deal {
	position: relative;
	padding: 17px;
}

[namespace=trip-deals-items-step2].card.card-deal [data-btn-remove-deal] {
	position: absolute;
	top: -3px;
	right: -3px;
	cursor: pointer;
}

[namespace=trip-deals-items-step2].card.card-deal [data-btn-remove-deal] i {
	color: #C8222C;
	font-size: 20px;
}

[namespace=trip-deals-items-step2].card.card-deal .card-header {
	padding: 0;
	padding-bottom: 13px;
	display: flex;
	flex-direction: column;
	border-bottom: 1px dashed #E4E4E4;
}

[namespace=trip-deals-items-step2].card.card-deal .card-header .title {
	align-self: flex-start;
	margin-bottom: 8px;
	font-weight: 700;
	font-size: 17px;
}

[namespace=trip-deals-items-step2].card.card-deal .card-header .title .name {
	color: #006FFF;
}

[namespace=trip-deals-items-step2].card.card-deal .card-header .sub-title {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

[namespace=trip-deals-items-step2].card.card-deal .card-header .sub-title .left {
	font-weight: 500;
	font-size: 15px;
	color: #555555;
}

[namespace=trip-deals-items-step2].card.card-deal .card-header .options {
	width: 100%;
}

[namespace=trip-deals-items-step2].card.card-deal .card-header .option-wrap .index {
	font-weight: 600;
	color: #888888;
	align-self: center;
	margin-right: 8px;
}

[namespace=trip-deals-items-step2].card.card-deal .card-header .option-wrap {
	margin-top: 10px;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

[namespace=trip-deals-items-step2].card.card-deal .card-header .options .child-age-wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border: 1px solid #E4E4E4;
	border-radius: 6px;
	width: 110px;
	height: 38px;
	cursor: pointer;
	background-color: #fff;
}

[namespace=trip-deals-items-step2].card.card-deal .card-header .options .child-age-wrap select {
	font-weight: 600;
	font-size: 14px;
	padding: 8px 10px;
	cursor: pointer;
	z-index: 1;
}

[namespace=trip-deals-items-step2].card.card-deal .card-header .options .child-age-wrap i {
	position: absolute;
	font-size: 18px;
	right: 8px;
}

[namespace=trip-deals-items-step2].card.card-deal .card-header .options .option-check-wrap {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

[namespace=trip-deals-items-step2].card.card-deal .card-header .options .option-check-wrap i {
	margin: 10px;
}

[namespace=trip-deals-items-step2].card.card-deal .card-header .options .option-check-wrap[data-option-check=true] .fa-square-check,
[namespace=trip-deals-items-step2].card.card-deal .card-header .options .option-check-wrap[data-option-check=false] .fa-square {
	display: block;
}

[namespace=trip-deals-items-step2].card.card-deal .card-header .options .option-check-wrap[data-option-check=false] .fa-square-check,
[namespace=trip-deals-items-step2].card.card-deal .card-header .options .option-check-wrap[data-option-check=true] .fa-square {
	display: none;
}

[namespace=trip-deals-items-step2].card.card-deal .card-content {
	padding: 0;
}

[namespace=trip-deals-items-step2].card.card-deal .card-content .top {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-self: center;
	align-items: center;
	padding-top: 16px;
	padding-bottom: 20px;
}

[namespace=trip-deals-items-step2].card.card-deal .card-content .top .left {
	font-weight: 700;
	color: #888888;
}

[namespace=trip-deals-items-step2].card.card-deal .card-content .top .left span {
	margin: 0 8px;
	color: #006FFF;
}

[namespace=trip-deals-items-step2].card.card-deal .card-content .top .right {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

[namespace=trip-deals-items-step2].card.card-deal .card-content .top .right .avaliable-qty {
	color: #555555;
	background-color: #FFEAEE;
	padding: 2px 3px;
	font-weight: 700;
	font-size: 14px;
	border-radius: 4px;
	align-self: center;
}

[namespace=trip-deals-items-step2].card.card-deal .card-content .top .right .stepper {
	margin-left: 14px;
	height: 40px;
}

[namespace=trip-deals-items-step2].card.card-deal .card-content .bottom {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

[namespace=trip-deals-items-step2].card.card-deal .card-content .bottom .left button {
	font-size: 15px;
	height: 100%;
	border: 1px solid #333333;
	color: #000;
	background-color: #FFFFFF;
}

[namespace=trip-deals-items-step2].card.card-deal .card-content .bottom .left button i {
	margin-left: 5px;
}

[namespace=trip-deals-items-step2].card.card-deal[data-view-detail="false"] .card-content .bottom .left button .fa-chevron-down {
	transform: rotate(0deg);
	transition: ease 0.2s;
}

[namespace=trip-deals-items-step2].card.card-deal[data-view-detail="false"] .card-footer {
	display: none;
}

[namespace=trip-deals-items-step2].card.card-deal[data-view-detail="true"] .card-content .bottom .left button {
	border: none;
	color: #FFFFFF;
	background-color: #888888;
}

[namespace=trip-deals-items-step2].card.card-deal[data-view-detail="true"] .card-content .bottom .left button .fa-chevron-down {
	transform: rotate(180deg);
	transition: ease 0.2s;
}

[namespace=trip-deals-items-step2].card.card-deal .card-content .bottom .right {
	margin-right: 5px;
	font-weight: 600;
	font-size: 15px;
	color: #888888;
}

[namespace=trip-deals-items-step2].card.card-deal .card-content .bottom .right span {
	margin: 0 4px;
	font-size: 18px;
	color: #006FFF;
}

[namespace=trip-deals-items-step2].card.card-deal .card-footer {
	flex-direction: column;
	align-items: flex-start;
	padding: 10px 0;
}

[namespace=trip-deals-items-step2].card.card-deal .card-footer .row {
	width: 100%;
	justify-content: flex-start;
	margin-top: 10px;
}

[namespace=trip-deals-items-step2].card.card-deal .card-footer .row .left {
	width: 20%;
	font-weight: 700;
	color: #555555;
}

[namespace=trip-deals-items-step2].card.card-deal .card-footer .row .right {
	font-weight: 600;
	color: #888888;
}
/* trip-deals-lounges-list */

[namespace=trip-deals-lounges-list].card {
	border: 0px !important;
	margin: 0px;
	border-radius: 0px;
	background-color: #000;
}

[namespace=trip-deals-lounges-list].card .card-content {
	margin-bottom: 50px;
	color: #f2f2f2;
}

[namespace=trip-deals-lounges-list].card .card-content a {
	color: #f2f2f2;
}

[namespace=trip-deals-lounges-list].card .card-content .top {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
}

[namespace=trip-deals-lounges-list].card .card-content .top .left {
	font-size: 18px;
}

[namespace=trip-deals-lounges-list].card .card-content .top .right a {
	font-size: 16px;
	color: #E7BF79;
}

[namespace=trip-deals-lounges-list].card .card-content .top .right a i {
	margin-left: 4px;
	font-size: 17px;
}

[namespace=trip-deals-lounges-list].card .card-content .middle .lounge-images .swiper-container .watermark {
	display: flex;
	position: absolute;
	z-index: 100;
	right: 10px;
	bottom: 45px;
	opacity: 0.8;
}

[namespace=trip-deals-lounges-list].card .card-content .middle .lounge-images .swiper-container .watermark .only-one {
	background-color: #fff;
	color: #333;
	font-weight: bold;
	margin-left: 10px;
	font-size: 14px;
	padding-top: 1px;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 8px;
	display: none;
}

[namespace=trip-deals-lounges-list].card[data-only-one="true"] .card-content .middle .lounge-images .swiper-container .watermark .only-one {
	display: block;
}

[namespace=trip-deals-lounges-list].card .card-content .middle .lounge-images .swiper-container .swiper-wrapper img {
	width: 600px;
	aspect-ratio: 1/1;
	object-fit: cover;
/*	max-height: 500px;*/
}

@media (max-width: 600px) {
	[namespace=trip-deals-lounges-list].card .card-content .middle .lounge-images .swiper-container .swiper-wrapper img {
		width: 100%;
	}
}

[namespace=trip-deals-lounges-list].card .card-content .middle .lounge-images .swiper-container .swiper-pagination-bullet {
	background-color: #a8a8a8;
	opacity: 0.8;
	margin-left: 1px;
	margin-right: 2px;
	width: 8px;
	height: 8px;
}

[namespace=trip-deals-lounges-list].card .card-content .middle .lounge-images .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity: 1.0;
	transform: scale(0.8);
	background-color: #007AFF;
}

[namespace=trip-deals-lounges-list].card .card-content .middle .lounge-images .swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,
[namespace=trip-deals-lounges-list].card .card-content .middle .lounge-images .swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(0.6);
}

[namespace=trip-deals-lounges-list].card .card-content .middle .lounge-images .swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev,
[namespace=trip-deals-lounges-list].card .card-content .middle .lounge-images .swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(0.5);
}

[namespace=trip-deals-lounges-list].card .card-content .middle .lounge-images .swiper-container .lounge-links {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 16px;
}

[namespace=trip-deals-lounges-list].card .card-content .middle .lounge-images .swiper-container .lounge-links i {
	display: flex;
	margin-right: 8px;
	font-size: 17px;
}

[namespace=trip-deals-lounges-list].card .card-content .middle .lounge-images .swiper-container .lounge-links i.fa-instagram {
	font-size: 20px;
}

[namespace=trip-deals-lounges-list].card .card-content .middle .lounge-images .swiper-container .lounge-links .left {
	display: flex;
}

[namespace=trip-deals-lounges-list].card .card-content .middle .lounge-images .swiper-container .lounge-links .left a.link-pin,
[namespace=trip-deals-lounges-list].card .card-content .middle .lounge-images .swiper-container .lounge-links .left a.link-unpin {
	display: none;
	margin-right: 20px;
}

[namespace=trip-deals-lounges-list].card[data-pinned="false"] .card-content .middle .lounge-images .swiper-container .lounge-links .left a.link-pin {
	display: flex;
}

[namespace=trip-deals-lounges-list].card[data-pinned="true"] .card-content .middle .lounge-images .swiper-container .lounge-links .left a.link-unpin {
	display: flex;
	color: #E7BF79;
}

[namespace=trip-deals-lounges-list].card .card-content .bottom {
	text-align: left;
	margin-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
}

[namespace=trip-deals-lounges-list].card .card-content .bottom a.link-tag {
	color: #0097f8;
}

[namespace=trip-deals-lounges-list].card .card-content .bottom a.link-more {
	color: #888;
}

/* trip-deals-lounges-search */

[namespace=trip-deals-lounges-search].result {
	margin-top: 40px;
}

[namespace=trip-deals-lounges-search].result .title {
	font-size: 16px;
	margin-left: 10px;
	color: #fff;
}

[namespace=trip-deals-lounges-search].result .tags {
	font-size: 14px;
	margin-left: 10px;
	margin-top: 5px;
	color: #a8a8a8;
}

[namespace=trip-deals-lounges-search].result .tags .selected {
	color: #0097f8;
}

[namespace=trip-deals-lounges-search].result .img-spreaded {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	margin-top: 10px;
	letter-spacing: 0px;
	font-size: 0px;
}

[namespace=trip-deals-lounges-search].result .img-spreaded img {
	width: 33.3%;
	aspect-ratio: 1/1;
	object-fit: cover;
}

/* trip-deals-onepple-pass-list */

[namespace=trip-deals-onepple-pass-list].card {
	border: 0px !important;
	margin: 0px;
	border-radius: 0px;
	background-color: #000;
}

[namespace=trip-deals-onepple-pass-list].card .card-content {
	margin-bottom: 50px;
	color: #f2f2f2;
}

[namespace=trip-deals-onepple-pass-list].card .card-content a {
	color: #f2f2f2;
}

[namespace=trip-deals-onepple-pass-list].card .card-content .top {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
}

[namespace=trip-deals-onepple-pass-list].card .card-content .top .left {
	font-size: 18px;
}

[namespace=trip-deals-onepple-pass-list].card .card-content .top .right a {
	font-size: 16px;
	color: #FABD05;
}

[namespace=trip-deals-onepple-pass-list].card .card-content .top .right a i {
	margin-left: 4px;
	font-size: 17px;
}

[namespace=trip-deals-onepple-pass-list].card .card-content .middle .onepple-pass-images .swiper-container {
    width: calc(100% - 20px);
    border-radius: 12px;
}

[namespace=trip-deals-onepple-pass-list].card .card-content .middle .onepple-pass-images .swiper-container .bookmark-flag {
    position: absolute;
    top: -6px;
    left: 18px;
    z-index: 100;
    font-size: 29px;
    color:#FABD05;
}

[namespace=trip-deals-onepple-pass-list].card[data-pinned="true"] .card-content .middle .onepple-pass-images .swiper-container .bookmark-flag {
    display: block !important;
}

[namespace=trip-deals-onepple-pass-list].card .card-content .middle .onepple-pass-images .swiper-container .tags {
	display: flex;
    flex-direction: column;
	position: absolute;
	z-index: 100;
	right: 10px;
	top: 16px;
    gap: 8px;
}

[namespace=trip-deals-onepple-pass-list].card .card-content .middle .onepple-pass-images .swiper-container .tags .tag {
	background-color: #EB4E3C;
    color: #fff;
	font-weight: bold;
	margin-left: 10px;
	font-size: 12px;
    padding: 5px 10px;
	border-radius: 100px;
}

[namespace=trip-deals-onepple-pass-list].card .card-content .middle .onepple-pass-images .swiper-container .swiper-wrapper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    border-radius: 12px;
    overflow: hidden;
}

[namespace=trip-deals-onepple-pass-list].card .card-content .middle .onepple-pass-images .swiper-container .swiper-wrapper img {
    display: block;
    width: 100%;
    aspect-ratio: 35/25;
	object-fit: cover;
}

[namespace=trip-deals-onepple-pass-list].card .card-content .middle .onepple-pass-images .swiper-container .swiper-pagination-bullet {
	background-color: #a8a8a8;
	opacity: 0.8;
	margin-left: 1px;
	margin-right: 2px;
	width: 8px;
	height: 8px;
}

[namespace=trip-deals-onepple-pass-list].card .card-content .middle .onepple-pass-images .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity: 1.0;
	transform: scale(0.8);
	background-color: #007AFF;
}

[namespace=trip-deals-onepple-pass-list].card .card-content .middle .onepple-pass-images .swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,
[namespace=trip-deals-onepple-pass-list].card .card-content .middle .onepple-pass-images .swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(0.6);
}

[namespace=trip-deals-onepple-pass-list].card .card-content .middle .onepple-pass-images .swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev,
[namespace=trip-deals-onepple-pass-list].card .card-content .middle .onepple-pass-images .swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(0.5);
}

[namespace=trip-deals-onepple-pass-list].card .card-content .middle .onepple-pass-images .swiper-container .onepple-pass-links {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
}

[namespace=trip-deals-onepple-pass-list].card .card-content .middle .onepple-pass-images .swiper-container .onepple-pass-links i {
	display: flex;
	margin-right: 8px;
	font-size: 17px;
}

[namespace=trip-deals-onepple-pass-list].card .card-content .middle .onepple-pass-images .swiper-container .onepple-pass-links i.fa-instagram {
	font-size: 20px;
}

[namespace=trip-deals-onepple-pass-list].card .card-content .middle .onepple-pass-images .swiper-container .onepple-pass-links .left {
	display: flex;
}

[namespace=trip-deals-onepple-pass-list].card .card-content .middle .onepple-pass-images .swiper-container .onepple-pass-links .left a.link-pin,
[namespace=trip-deals-onepple-pass-list].card .card-content .middle .onepple-pass-images .swiper-container .onepple-pass-links .left a.link-unpin {
	display: none;
	margin-right: 11px;
}

[namespace=trip-deals-onepple-pass-list].card[data-pinned="false"] .card-content .middle .onepple-pass-images .swiper-container .onepple-pass-links .left a.link-pin {
	display: flex;
}

[namespace=trip-deals-onepple-pass-list].card[data-pinned="true"] .card-content .middle .onepple-pass-images .swiper-container .onepple-pass-links .left a.link-unpin {
    display: flex;
}

[namespace=trip-deals-onepple-pass-list].card[data-pinned="true"] .card-content .middle .onepple-pass-images .swiper-container .onepple-pass-links .left a.link-unpin i {
	color: #FABD05;;
}

[namespace=trip-deals-onepple-pass-list].card .card-content .bottom {
	text-align: left;
	margin-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
}

[namespace=trip-deals-onepple-pass-list].card .card-content .bottom a.link-tag {
	color: #0097f8;
}

[namespace=trip-deals-onepple-pass-list].card .card-content .bottom a.link-more {
	color: #888;
}

/* trip-deals-onepple-pass-search */

[namespace=trip-deals-onepple-pass-search].result {
	margin-top: 40px;
}

[namespace=trip-deals-onepple-pass-search].result .title {
	font-size: 16px;
	margin-left: 10px;
	color: #fff;
}

[namespace=trip-deals-onepple-pass-search].result .tags {
	font-size: 14px;
	margin-left: 10px;
	margin-top: 5px;
	color: #a8a8a8;
}

[namespace=trip-deals-onepple-pass-search].result .tags .selected {
	color: #0097f8;
}

[namespace=trip-deals-onepple-pass-search].result .img-spreaded {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	margin-top: 10px;
	letter-spacing: 0px;
	font-size: 0px;
}

[namespace=trip-deals-onepple-pass-search].result .img-spreaded img {
	width: 33.3%;
	aspect-ratio: 1/1;
	object-fit: cover;
}

[namespace=trip-deals-stays-desktop-v2].card {
	width: 100%;
	min-height: 250px;
	margin: 0px;
	margin-bottom: 20px;
	border-radius: 15px;
    overflow: hidden;
}

[namespace=trip-deals-stays-desktop-v2].card:not(.sold-out):hover {
	border: 0px;
	-webkit-box-shadow: 0px 11px 15px -7px rgba(0,0,0,.2), 0px 24px 38px 3px rgba(0,0,0,.14), 0px 9px 46px 8px rgba(0,0,0,.12);
	box-shadow: 0px 11px 15px -7px rgba(0,0,0,.2), 0px 24px 38px 3px rgba(0,0,0,.14), 0px 9px 46px 8px rgba(0,0,0,.12);
}

[namespace=trip-deals-stays-desktop-v2].card .card-content {
    position: relative;
	display: flex;
    flex-direction: column;
	justify-content: space-between;
	min-height: 250px;
	color: #333;
	letter-spacing: -1px;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    padding: 32px;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .left {

}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .left > .deal-img {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .left > .deal-img .swiper-container {
    border-radius: 12px;
    position: relative;
    width: 380px;
    height: 200px;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .left > .deal-img .swiper-container .swiper-wrapper {
    align-items: center;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .left > .deal-img .swiper-container .swiper-wrapper .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .left > .deal-img .swiper-container .swiper-wrapper .swiper-slide img {
    transition: transform 0.5s ease;
    object-fit: contain;
    width: 100%;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .left > .deal-img .swiper-container .swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	margin: 0 6px;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .left > .deal-img .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
	background: #fff;
    border: 1px solid #e4e4e4;
}

[namespace=trip-deals-stays-desktop-v2].card:hover .card-content > .top > .left > .deal-img .swiper-container .swiper-prev,
[namespace=trip-deals-stays-desktop-v2].card:hover .card-content > .top > .left > .deal-img .swiper-container .swiper-next {
	transition: all 0.3s;
	opacity: 1;
}

[namespace=trip-deals-stays-desktop-v2].card:not(:hover) .card-content > .top > .left > .deal-img .swiper-container .swiper-prev,
[namespace=trip-deals-stays-desktop-v2].card:not(:hover) .card-content > .top > .left > .deal-img .swiper-container .swiper-next {
	transition:all 0.3s;
	opacity: 0;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .left > .deal-img .swiper-container .swiper-prev,
[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .left > .deal-img .swiper-container .swiper-next{
	position: absolute;
	color: #fff;
	top: 50%;
	transform: translateY(-50%);
	font-size: 24px;
	z-index: 1;
	padding: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: rgba(0,0,0,0.35);
	margin: 0 18px;
	cursor: pointer;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .left > .deal-img .swiper-container[data-swiper-no-swiping="true"] .swiper-prev,
[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .left > .deal-img .swiper-container[data-swiper-no-swiping="true"] .swiper-next {
	display: none;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .left > .deal-img .swiper-container .swiper-prev:hover,
[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .left > .deal-img .swiper-container .swiper-next:hover {
	background-color: rgba(0,0,0,0.5);
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .left > .deal-img .swiper-container .swiper-prev {
	left: 0;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .left > .deal-img .swiper-container .swiper-next {
	right: 0;
}

[namespace=trip-deals-stays-desktop-v2].card:hover .card-content > .top > .left > .deal-img .swiper-slide.swiper-slide-active img {
    transform: scale(1.05);
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .left > .deal-img > .btn-title {
    position: absolute;
    bottom: 0;
    padding: 8px 0;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.75);
    width: 100%;
    text-align: center;
    font-size: 14px;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .left > .deal-img > .btn-title i {
    font-size: 12px;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .right {
    display: flex;
    flex-direction: column;
    width: 100%;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .right .deal {
    padding: 0px 6px;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .right .deal > .name {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -1px;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .right .deal > .point {
    color: #8D8D8D;
    font-size: 15px;
    padding: 12px 2px;
    padding-top: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .right .deal > .point > .row {
    display: flex;
    align-items: center;
    gap: 8px;
    text-wrap: nowrap;
    flex-wrap: nowrap;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .right .deal > .point > .row.address {
    text-wrap: wrap;
} 

[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .right .selected-deal-detail {
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 0px;
    padding: 12px 6px;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .right .selected-deal-detail .tag {
    display: inline-flex;
	align-items: center;
	font-size: 13px;
    flex: 0 0 25%;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .right .selected-deal-detail .tag span {
    /* padding-right: 50px; */
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .right .selected-deal-detail .tag[data-checked=false] span {
	color: #c8c8c8;
    padding-left: 15px;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .right .selected-deal-detail .tag[data-accent=true] {
    color: #006FFF;
    font-weight: 500;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .right .selected-deal-detail .tag .fa-check,
[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .right .selected-deal-detail .tag .fa-square {
	margin-right: 5px;
}

/* [namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .right .selected-deal-detail .tag.overflow {display: none} */
/* [namespace=trip-deals-stays-desktop-v2].card:hover .card-content > .top > .right .selected-deal-detail .tag.overflow {display: inline-flex} */

[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .right .selected-deal-detail .tag[data-checked=true] .fa-check { display: block; }
[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .right .selected-deal-detail .tag[data-checked=false] .fa-check { display: none; }

[namespace=trip-deals-stays-desktop-v2].card .card-content > .top > .right .capacity-notice {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f3f3f3;
    color: #5c5c5c;
    font-size: 12px;
    border-radius: 8px;
    padding: 12px 16px;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content ul.comparison-list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	padding-left: 5px;
	padding-right: 10px;
	margin-top: 8px;
	cursor: pointer;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content ul.comparison-list li.overflow {
	display: none;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content ul.comparison-list li.selected {
	color: #007aff;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content ul.comparison-list li .check-or-not .fa-circle { display: block; }
[namespace=trip-deals-stays-desktop-v2].card .card-content ul.comparison-list li .check-or-not .fa-circle-check { display: none; }
[namespace=trip-deals-stays-desktop-v2].card .card-content ul.comparison-list li.selected .check-or-not .fa-circle { display: none; }
[namespace=trip-deals-stays-desktop-v2].card .card-content ul.comparison-list li.selected .check-or-not .fa-circle-check { display: block; }

[namespace=trip-deals-stays-desktop-v2].card .card-content ul.comparison-list li .check-or-not {
	width: 20px;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content ul.comparison-list li .room {
	display: flex;
	align-items: center;
	width: 250px;
	padding-right: 15px;
	/*background-color: blue;*/
}

[namespace=trip-deals-stays-desktop-v2].card .card-content ul.comparison-list li .room .link {
	margin-left: 5px;
	margin-right: 5px;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content ul.comparison-list li .available-qty {
    text-wrap: nowrap;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content [data-btn-view-more] .view-more-on,
[namespace=trip-deals-stays-desktop-v2].card .card-content [data-btn-view-more] .view-more-off {
    width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
    text-align: center;
    font-size: 14px;
	margin-top: 25px;
	margin-bottom: 15px;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    padding: 8px 0;
    margin-top: 10px;
    margin-bottom: 0;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content [data-btn-view-more] > div > i {
    margin-left: 5px;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content [data-btn-view-more=on] .view-more-on { display: none; }
[namespace=trip-deals-stays-desktop-v2].card .card-content [data-btn-view-more=on] .view-more-off { display: block; }
[namespace=trip-deals-stays-desktop-v2].card .card-content [data-btn-view-more=off] .view-more-on { display: block; }
[namespace=trip-deals-stays-desktop-v2].card .card-content [data-btn-view-more=off] .view-more-off { display: none; }

[namespace=trip-deals-stays-desktop-v2].card .card-content ul.comparison-list li > .info-tooltip {
    color: #888888;
    position: relative;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content ul.comparison-list li > .info-tooltip:hover i {
    color: #006fff;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content ul.comparison-list li > .info-tooltip:hover > .text-tooltip {
    display: block;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content ul.comparison-list  li > .info-tooltip > .text-tooltip {
	display: none;
	position: absolute;
	border: 1px solid;
	border-radius: 5px;
	padding: 5px 8px;
	font-size: 14px;
	color: white;
	background-color: #006fff;
	z-index: 100;
    bottom: 23px;
    text-wrap: nowrap;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content ul.comparison-list  li > .info-tooltip > .text-tooltip::before {
    content: "";
    position: absolute;
    border: 5px solid #006fff ;
    background-color: #006fff;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%);
    rotate: 45deg;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content ul.comparison-list li .info:hover {
    color: #006fff;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content ul.comparison-list li .price {
    display: flex;
	align-items: center;
	width: 150px;
    gap: 8px;
    justify-content: center;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content ul.comparison-list li .price .origin {
    color: #888888;
    text-decoration: line-through;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content ul.comparison-list li .price i {
    font-weight: 700;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 32px;
    background-color: #F5F5F5;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .bottom > .deal-promotion {
    display: flex;
    flex-direction: row;
    align-items: center;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .bottom > .deal-promotion > .coupon-sale {
    display: flex;
    align-items: center;
    color: #E72364;
    font-size: 16px;
    padding: 4px 24px;
    padding-right: 16px;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .bottom > .deal-promotion > .sale-festa {
    display: flex;
    border-radius: 40px;
    color: #E72364;
    border: 1px solid #E72364;
    padding: 4px 24px;
    gap: 16px;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .bottom > .deal-promotion > .sale-festa .name {
    font-size: 16px;
    font-weight: 700;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .bottom > .deal-promotion .coupon {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #E72364;
    padding: 4px 12px;
    margin-right: 8px;
    position: relative;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .bottom > .deal-promotion .coupon::after,
[namespace=trip-deals-stays-desktop-v2].card .card-content > .bottom > .deal-promotion .coupon::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 100%;
    top: 0;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .bottom > .deal-promotion .coupon::after {
    left: 100%;
    border-radius: 0px 6px 6px 0px;
    background-image: radial-gradient(ellipse at 100% 50%, transparent 0%, transparent 25%, #E72364 0%);
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .bottom > .deal-promotion .coupon::before {
    right: 100%;
    border-radius: 6px 0px 0px 6px;
    background-image: radial-gradient(ellipse at 0% 50%, transparent 0%, transparent 25%, #E72364 0%);
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .bottom .deal-message {
    border-radius: 32px;
    border: 1px solid #006FFF;
    padding: 4px 20px;
    font-weight: 700;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .bottom .deal-warning-message {
    color: #c8222c;
    border: 1px solid #c8222c;
    padding: 4px 20px;
    border-radius: 32px;
    font-weight: 600;
    letter-spacing: 1px;
}


[namespace=trip-deals-stays-desktop-v2].card .card-content > .bottom .deal-message .accent {
    color: #006FFF;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .bottom .warning {
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .bottom > .message {
    font-size: 14px;
    color: #888888;
    margin:0;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .bottom > .deal-price {
    display: flex;
    align-items: center;
    align-self: center;
    gap: 24px;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .bottom > .deal-price > .message {
    display: flex;
    align-items: center;
    text-wrap: nowrap;
    gap: 8px;
    font-size: 14px;
    color: #888888;
    margin:0;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .bottom > .deal-price > .message .badge {
    padding: 12px;
    font-weight: 500;
    font-size: 14px;
    align-items: center;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .bottom > .deal-price > .additional {
    display: flex;
    align-items: center;
    text-wrap: nowrap;
    gap: 8px;
    font-size: 14px;
    color: #888888;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .bottom > .deal-price > .additional span:not(:first-child)::before {
    content: "|";
    margin-right: 8px;
    color: #e4e4e4;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .bottom > .deal-price > .price-basic {
    font-weight: 200;
    font-size: 20px;
    text-wrap: nowrap;
    color: #bbb;
    letter-spacing: 1.2px;
    text-decoration: line-through;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .bottom > .deal-price > .price {
    color: #006FFF;
    font-weight: 700;
    font-size: 28px;
    display: flex;
    align-items: center;
    gap: 8px;
    text-wrap: nowrap;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content > .bottom > .deal-price > [data-btn-room-list] {
    padding: 4px 48px;
    height: auto;
    border-radius: 8px;
}

[namespace=trip-deals-stays-desktop-v2].card .card-content .heart-wrap .pin-heart {
	top: 14px;
	right: 14px;
}

[namespace=trip-deals-stays-desktop-v2].card.sold-out {
    position: relative;
}

[namespace=trip-deals-stays-desktop-v2].card.sold-out::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
	z-index: 1;
}


[namespace=trip-deals-stays-desktop-v2].card.sold-out .card-content > .top > .left > .deal-img > img {
    filter: grayscale(100%);
    opacity: 0.8;
}

[namespace=trip-deals-stays-desktop-v2].card.sold-out:hover .card-content > .top > .left > .deal-img > img {
    transform: unset;
}

[namespace=trip-deals-stays-desktop-v2].card.sold-out .card-content > .bottom > .deal-price > [data-btn-room-list] {
    background-color: #888;
}

[namespace=trip-deals-stays-desktop-v2].card.sold-out > .sold-out-message {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 18px;
	transform: translate(-50%, -50%);
	background-color: #222;
	color: #fff;
	padding: 6px 24px;
	border-radius: 6px;
	z-index: 2;
}
[namespace=trip-deals-stays-desktop].card {
	width: 100%;
	min-height: 250px;
	margin: 0px;
	margin-bottom: 20px;
	border-radius: 8px;
}

[namespace=trip-deals-stays-desktop].card:hover {
	border: 0px;
	-webkit-box-shadow: 0px 11px 15px -7px rgba(0,0,0,.2), 0px 24px 38px 3px rgba(0,0,0,.14), 0px 9px 46px 8px rgba(0,0,0,.12);
	box-shadow: 0px 11px 15px -7px rgba(0,0,0,.2), 0px 24px 38px 3px rgba(0,0,0,.14), 0px 9px 46px 8px rgba(0,0,0,.12);
}

[namespace=trip-deals-stays-desktop].card .card-content {
	display: flex;
	justify-content: space-between;
	min-height: 250px;
	color: #333;
	letter-spacing: -1px;
}

[namespace=trip-deals-stays-desktop].card .card-content > .left {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 220px;
}

[namespace=trip-deals-stays-desktop].card .card-content > .left [data-btn-view-detail] {
	position: absolute;
	top: 10px;
	left: 15px;
}

[namespace=trip-deals-stays-desktop].card .card-content > .left [data-btn-view-detail] .fa-toggle-on {
	color: #3BD957;
	margin-right: 5px;
}

[namespace=trip-deals-stays-desktop].card .card-content > .left [data-btn-view-detail] .fa-toggle-off {
	color: #888;
	margin-right: 5px;
}

[namespace=trip-deals-stays-desktop].card .card-content > .left [data-btn-view-detail=on] .fa-toggle-on { display: flex; }
[namespace=trip-deals-stays-desktop].card .card-content > .left [data-btn-view-detail=on] .fa-toggle-off { display: none; }
[namespace=trip-deals-stays-desktop].card .card-content > .left [data-btn-view-detail=off] .fa-toggle-on { display: none; }
[namespace=trip-deals-stays-desktop].card .card-content > .left [data-btn-view-detail=off] .fa-toggle-off { display: flex; }

[namespace=trip-deals-stays-desktop].card .card-content > .left img {
	width: 130px;
	transition: transform 0.5s ease;
	border-radius: 8px;
	max-height: 85px;
	min-height: 50px;
	object-fit: cover;
}

[namespace=trip-deals-stays-desktop].card:hover .card-content > .left img {
	transform: scale(1.10);
}

[namespace=trip-deals-stays-desktop].card .card-content > .left .deal {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 15px;
	padding-left: 25px;
	padding-right: 25px;
}

[namespace=trip-deals-stays-desktop].card .card-content > .left .deal .name {
	margin-bottom: 10px;
	text-align: center;
}

[namespace=trip-deals-stays-desktop].card .card-content > .left .deal .point {
	color: #888;
	font-size: 13px;
}

[namespace=trip-deals-stays-desktop].card .card-content > .center {
	width: 524px;
	padding-top: 15px;
	padding-right: 15px;
}

[namespace=trip-deals-stays-desktop].card .card-content > .center .selected-deal-detail {
	border: 1px solid #ddd;
	background-color: #f8f8f8;
	padding: 10px;
	margin-bottom: 15px;
	border-radius: 4px;
}

[namespace=trip-deals-stays-desktop].card .card-content > .center .selected-deal-detail .row {
	margin-bottom: 2px;
}

[namespace=trip-deals-stays-desktop].card .card-content > .center .selected-deal-detail .row .col {
	display: inline-flex;
	align-items: center;
	width: 25%;
	font-size: 13px;
}

[namespace=trip-deals-stays-desktop].card .card-content > .center .selected-deal-detail .row .col[data-checked=false] {
	color: #c8c8c8;
}

[namespace=trip-deals-stays-desktop].card .card-content > .center .selected-deal-detail .row .fa-check,
[namespace=trip-deals-stays-desktop].card .card-content > .center .selected-deal-detail .row .fa-square {
	margin-right: 5px;
}

[namespace=trip-deals-stays-desktop].card .card-content > .center .selected-deal-detail .row .col[data-checked=true] .fa-check { display: block; }
[namespace=trip-deals-stays-desktop].card .card-content > .center .selected-deal-detail .row .col[data-checked=true] .fa-square { display: none; }
[namespace=trip-deals-stays-desktop].card .card-content > .center .selected-deal-detail .row .col[data-checked=false] .fa-check { display: none; }
[namespace=trip-deals-stays-desktop].card .card-content > .center .selected-deal-detail .row .col[data-checked=false] .fa-square { display: black; }

[namespace=trip-deals-stays-desktop].card .card-content > .center .selected-deal-detail .row[data-breakfast] {
	margin-top: 15px;
	border-top: 1px solid #e8e8e8;
	padding-top: 15px;
	font-size: 13px;
}

[namespace=trip-deals-stays-desktop].card .card-content > .center .selected-deal-detail .row[data-breakfast="off"] {
	display: none;
}

[namespace=trip-deals-stays-desktop].card .card-content > .center ul.comparison-list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	padding-left: 5px;
	padding-right: 10px;
	margin-top: 8px;
	cursor: pointer;
	/*background-color: yellow;*/
}

[namespace=trip-deals-stays-desktop].card .card-content > .center ul.comparison-list li.overflow {
	display: none;
}

[namespace=trip-deals-stays-desktop].card .card-content > .center ul.comparison-list li.selected {
	color: #007aff;
}

[namespace=trip-deals-stays-desktop].card .card-content > .center ul.comparison-list li .check-or-not .fa-circle { display: block; }
[namespace=trip-deals-stays-desktop].card .card-content > .center ul.comparison-list li .check-or-not .fa-circle-check { display: none; }
[namespace=trip-deals-stays-desktop].card .card-content > .center ul.comparison-list li.selected .check-or-not .fa-circle { display: none; }
[namespace=trip-deals-stays-desktop].card .card-content > .center ul.comparison-list li.selected .check-or-not .fa-circle-check { display: block; }

[namespace=trip-deals-stays-desktop].card .card-content > .center ul.comparison-list li .check-or-not {
	width: 20px;
	/*background-color: red;*/
}

[namespace=trip-deals-stays-desktop].card .card-content > .center ul.comparison-list li .room {
	display: flex;
	align-items: center;
	width: 285px;
	padding-right: 15px;
	/*background-color: blue;*/
}

[namespace=trip-deals-stays-desktop].card .card-content > .center ul.comparison-list li .name {
	margin-right: 10px;
}

[namespace=trip-deals-stays-desktop].card .card-content > .center ul.comparison-list li .room .link {
	margin-right: 5px;
}

[namespace=trip-deals-stays-desktop].card .card-content > .center ul.comparison-list li .price {
	display: flex;
	align-items: center;
	width: 150px;
	/*background-color: #ffffff;*/
}

[namespace=trip-deals-stays-desktop].card .card-content > .center ul.comparison-list li .price .origin {
	color: #888;
	text-decoration: line-through;
}

[namespace=trip-deals-stays-desktop].card .card-content > .center ul.comparison-list li .price .fa-arrow-right {
	margin-left: 4px;
	margin-right: 4px;
}

[namespace=trip-deals-stays-desktop].card .card-content > .center ul.comparison-list li .avaliable-qty {
	/*background-color: #000;*/
}

[namespace=trip-deals-stays-desktop].card .card-content > .center [data-btn-view-more] {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 25px;
	margin-bottom: 15px;
}

[namespace=trip-deals-stays-desktop].card .card-content > .center [data-btn-view-more=on] .view-more-on { display: none; }
[namespace=trip-deals-stays-desktop].card .card-content > .center [data-btn-view-more=on] .view-more-off { display: black; }
[namespace=trip-deals-stays-desktop].card .card-content > .center [data-btn-view-more=off] .view-more-on { display: block; }
[namespace=trip-deals-stays-desktop].card .card-content > .center [data-btn-view-more=off] .view-more-off { display: none; }

[namespace=trip-deals-stays-desktop].card .card-content > .right {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 260px;
	padding-bottom: 50px;
	background-color: #E7EAED;
	border-radius: 0px 4px 8px 0px;
}

[namespace=trip-deals-stays-desktop].card .card-content > .right .selected-deal-message {
	display: flex;
	flex-direction: column;
	align-items: center;
}

[namespace=trip-deals-stays-desktop].card .card-content > .right .selected-deal-message .text-big {
	font-size: 24px;
	color: #007aff;
}

[namespace=trip-deals-stays-desktop].card .card-content > .right .selected-deal-message .text-big .fa-circle-question {
	color: #aaa;
	font-size: 18px;
	margin-left: 2px;
	margin-bottom: 2px;
}

[namespace=trip-deals-stays-desktop].card .card-content > .right .selected-deal-message .text-small {
	font-size: 16px;
	margin-top: 5px;
	color: #C8222C;
}

[namespace=trip-deals-stays-desktop].card .card-content > .right .selected-deal-additional-message {
	display: flex;
	flex-direction: column;
	align-items: center;
	letter-spacing: -1.5px;
	font-size: 14px;
	margin-top: 20px;
}

[namespace=trip-deals-stays-desktop].card .card-content > .right .selected-deal-additional-message .text-1 {
	background-color: #F2F2F2;
	padding: 2px 6px;
	border-radius: 8px;
}

[namespace=trip-deals-stays-desktop].card:hover .card-content > .right .selected-deal-additional-message .text-1 {
	background-color: #FEEF5C;
}

[namespace=trip-deals-stays-desktop].card .card-content > .right .selected-deal-additional-message .text-2 {
	background-color: #177166;
	color: #fff;
	padding: 2px 6px;
	border-radius: 8px;
	margin-bottom: 5px;
}

[namespace=trip-deals-stays-desktop].card .card-content > .right .selected-deal-price {
	position: absolute;
	display: flex;
	justify-content: space-between;
	bottom: 0px;
	width: 100%;
	background-color: #007aff;
	border-radius: 0px 0px 8px 0px;
}

[namespace=trip-deals-stays-desktop].card .card-content > .right .selected-deal-price .left {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 150px;
	color: #fff;
	font-size: 18px;
	margin-left: 10px;
}

[namespace=trip-deals-stays-desktop].card .card-content > .right .selected-deal-price .left .total-price {
	margin-left: 5px;
	font-size: 20px;
}

[namespace=trip-deals-stays-desktop].card .card-content > .right .selected-deal-price .right {
	width: 100px;
	padding: 10px;
}

[namespace=trip-deals-stays-desktop].card .card-content > .right .selected-deal-price .right button {
	background-color: #f2f2f2;
	color: #555;
	width: 96px;
	height: 38px;
	font-size: 15px;
	letter-spacing: -1px;
}

[namespace=trip-deals-stays-desktop].card:hover .card-content > .right .selected-deal-price .right button {
	background-color: #FEEF5C;
	color: #333;
}

[namespace=trip-deals-stays-desktop].card .card-content > .right .heart-wrap .pin-heart {
	top: 10px;
	right: 10px;
}
/* trip-deals-stays-step1-A */

[namespace=trip-deals-stays-step1-A].card {
	padding: 15px 25px;
	position: relative;
}

[namespace=trip-deals-stays-step1-A].card.coupon-apply::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	border-radius: 12px;
	border: 2px solid #E72364;
}

[namespace=trip-deals-stays-step1-A].card .card-content {
	letter-spacing: -1px;
	font-size: 15px;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .top {
	display: flex;
	flex-direction: column;
	width: 100%;
	/* border-bottom: 1px dashed #e4e4e4; */
}

[namespace=trip-deals-stays-step1-A].card .card-content > .top .row {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 10px 0;
	gap: 8px;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .top .row.img {
	position: relative;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .top .row.img > .coupon {
	position: absolute;
	background-color: #E72364;
	color: #fff;
	font-size: 13px;
	top: 12px;
	left: 20px;
	padding: 2px 0;
	padding-bottom: 3px;
	z-index: 10;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .top .row.img > .coupon::after,
[namespace=trip-deals-stays-step1-A].card .card-content > .top .row.img > .coupon::before {
	position: absolute;
    content: "";
    width: 8px;
    height: 100%;
    top: 0;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .top .row.img > .coupon::after {
	left: 100%;
    border-radius: 0px 4px 4px 0px;
    background-image: radial-gradient(ellipse at 100% 50%, transparent 0%, transparent 25%, #E72364 0%);
}

[namespace=trip-deals-stays-step1-A].card .card-content > .top .row.img > .coupon::before {
    right: 100%;
    border-radius: 4px 0px 0px 4px;
    background-image: radial-gradient(ellipse at 0% 50%, transparent 0%, transparent 25%, #E72364 0%);
}

[namespace=trip-deals-stays-step1-A].card .card-content > .top .row.img .swiper-container {
    border-radius: 12px;
    position: relative;
	width: 100%;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .top .row.img .swiper-container .swiper-wrapper {
    align-items: center;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .top .row.img .swiper-container .swiper-wrapper .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .top .row.img .swiper-container .swiper-wrapper .swiper-slide img {
	border-radius: 8px;
	object-fit: cover;
    width: 100%;
	height: 55vw;
	max-height: 200px;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .top .row.img .swiper-container .swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	margin: 0 6px;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .top .row.img .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
	background: #fff;
    border: 1px solid #e4e4e4;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .top .row.img .swiper-container .swiper-prev,
[namespace=trip-deals-stays-step1-A].card .card-content > .top .row.img .swiper-container .swiper-next{
	position: absolute;
	color: #fff;
	top: 50%;
	transform: translateY(-50%);
	font-size: 24px;
	z-index: 1;
	padding: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: rgba(0,0,0,0.35);
	margin: 0 18px;
	cursor: pointer;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .top .row.img .swiper-container[data-swiper-no-swiping="true"] .swiper-prev,
[namespace=trip-deals-stays-step1-A].card .card-content > .top .row.img .swiper-container[data-swiper-no-swiping="true"] .swiper-next {
	display: none;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .top .row.img .swiper-container .swiper-prev {
	left: 0;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .top .row.img .swiper-container .swiper-next {
	right: 0;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .top .row .left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .top .row .left .name {
	font-size: 20px;
	letter-spacing: -1.5px;
	font-weight: bold;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .top .row .left .point {
	font-size: 13px;
	color: #888;
	letter-spacing: -0.3px;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .top .row .right {
	margin-left: auto;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .top .row .right .price {
	font-weight: 700;
	font-size: 20px;
	color: #007aff;
	display: flex;
	align-items: center;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .top .row .right .price .price-tag {
	color: #fff;
	font-size: 12px;
	background-color: #007aff;
	padding: 2px 10px;
	border-radius: 12px;
	margin-right: 6px;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .middle ul.comparison-list li.overflow {
	display: none;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .middle ul.comparison-list li {
	display: flex;
	justify-content: space-between;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .middle ul.comparison-list li .company {
	color: #888;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .middle ul.comparison-list li .company .name {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .middle ul.comparison-list li .company .name .type-tag {
	font-size: 10px;
	background-color: #e4eeff;
	color: #007aff;
	padding: 4px 6px;
	border-radius: 12px;
	letter-spacing: -1.3px;
	margin-right: 5px;
	min-width: 55px;
	text-align: center;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .middle ul.comparison-list li .company .refund {
	font-size: 13px;
	color: #177166;
	letter-spacing: -1.5px;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .middle ul.comparison-list li .company .refund span.false {
	font-size: 13px;
	color: #E72364;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .middle ul.comparison-list li .price .origin {
	text-decoration: line-through;
	font-size: 13px;
	color: #888;
	text-align: right;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .middle ul.comparison-list li.text-more {
	font-size: 14px;
	margin-top: 5px;
	letter-spacing: -1.5px;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .middle [data-btn-view-detail-more] {
	width:  100%;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 10px;
	border: 1px solid #007aff;
	border-radius: 8px;
	color: #007aff;
	letter-spacing: -1.5px;
	font-weight: 500;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .middle [data-btn-view-detail-more] i.fa-arrow-right {
	margin-left: 5px;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .bottom {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	border-top: 1px solid #E4E4E4;
	padding-top: 10px;
}

[namespace=trip-deals-stays-step1-A].card .card-content > .bottom .text-tax-info {
	font-size: 13px;
	color: #888;
	margin-top: 5px;
	text-align: center;
}

[namespace=trip-deals-stays-step1-A].card .card-content .heart-wrap .pin-heart {
	display: flex !important;
	top: 18px;
	right: 8px;
}

/* [namespace=trip-deals-stays-step1-A].card.sold-out */
[namespace=trip-deals-stays-step1-A].card.sold-out {
	position: relative;
	color: #888;
}

[namespace=trip-deals-stays-step1-A].card.sold-out::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 8px;
	z-index: 3;
}
[namespace=trip-deals-stays-step1-A].card.sold-out .card-content > .top > .img > img {
	filter: grayscale(100%);
	opacity: 0.8;
}

[namespace=trip-deals-stays-step1-A].card.sold-out .card-content > .top > .row > .right .price .price-tag {
	background-color: #888;
}

[namespace=trip-deals-stays-step1-A].card.sold-out .card-content > .middle [data-btn-view-detail-more] {
	border: 1px solid #888;
	color: #888;
}

/* trip-deals-stays-step1-B */

/* .block  */

[namespace=trip-deals-stays-step1-B].block {
	padding: 0px 25px;
	margin: 10px;
	margin-top: 25px;
}

[namespace=trip-deals-stays-step1-B].block .block-content {
	display: flex;
	margin-bottom: 15px;
	letter-spacing: -1px;
	font-size: 15px;
}

[namespace=trip-deals-stays-step1-B].block .block-content .swiper-container {
	border-radius: 8px;
	background-color: transparent;
}

[namespace=trip-deals-stays-step1-B].block .block-content .swiper-container .swiper-wrapper {
	height: 250px;
}

[namespace=trip-deals-stays-step1-B].block .block-content .swiper-container .swiper-wrapper .swiper-slide {
	display: flex;
	align-items: center;
}

[namespace=trip-deals-stays-step1-B].block .block-content .swiper-container .swiper-wrapper .swiper-slide img {
	width: 100%;
	max-height: 250px;
	border-radius: 8px;
	object-fit: scale-down;
}

[namespace=trip-deals-stays-step1-B].block .block-content .swiper-container .swiper-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	opacity: 0.8;
	font-size: 12px;
	width: 40px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #000;
	color: #fff;
	left: calc(100% - 50px);
}

[namespace=trip-deals-stays-step1-B].block .block-content .swiper-container .swiper-pagination .swiper-pagination-current {
	margin-right: 2px;
}

[namespace=trip-deals-stays-step1-B].block .block-content .swiper-container .swiper-pagination .swiper-pagination-total {
	margin-left: 2px;
}

[namespace=trip-deals-stays-step1-B].block .block-footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-top: 5px;
	padding-bottom: 10px;
}

[namespace=trip-deals-stays-step1-B].block .block-footer .schedule {
	padding: 5px 10px;
	background-color: #fff;
	border: 1px solid #007aff;
	color: #333;
	border-radius: 8px;
	font-size: 13px;
	letter-spacing: -1px;
}

[namespace=trip-deals-stays-step1-B].block .block-footer .schedule i.fa-arrow-right {
	margin-left: 5px;
	margin-right: 5px;
}

/* .card  */

[namespace=trip-deals-stays-step1-B].card {
	padding: 10px 20px;
}

[namespace=trip-deals-stays-step1-B].card .card-content {
	letter-spacing: -1px;
	font-size: 15px;
}

[namespace=trip-deals-stays-step1-B].card .card-content > .top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #E4E4E4;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

[namespace=trip-deals-stays-step1-B].card .card-content > .top .left {
	font-size: 16px;
	font-weight: bold;
}

[namespace=trip-deals-stays-step1-B].card .card-content > .top .left .name {
	display: flex;
	align-items: center;
	color: #007aff;;
}

[namespace=trip-deals-stays-step1-B].card .card-content > .top .left .point {
	font-size: 13px;
	color: #555;
	font-weight: normal;
}

[namespace=trip-deals-stays-step1-B].card .card-content > .top .left .name img.logo {
	margin-left: 5px;
}

[namespace=trip-deals-stays-step1-B].card .card-content > .top .right div.link {
	padding: 5px 6px;
	border: 1px solid #E4E4E4;
	border-radius: 8px;
	margin-left: 4px;
}

[namespace=trip-deals-stays-step1-B].card .card-content > .middle ul.comparison-list li {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}

[namespace=trip-deals-stays-step1-B].card .card-content > .middle ul.comparison-list li:after {
	padding-top: 10px;
	border-top: 1px solid #f2f2f2;
}

[namespace=trip-deals-stays-step1-B].card .card-content > .middle ul.comparison-list li .left {
	width: calc(100% - 100px);
}

[namespace=trip-deals-stays-step1-B].card .card-content > .middle ul.comparison-list li .left .breakfast {
	color: #0000ff;
}

[namespace=trip-deals-stays-step1-B].card .card-content > .middle ul.comparison-list li .left .refund {
	font-size: 13px;
	color: #177166;
	letter-spacing: -1.5px;
}

[namespace=trip-deals-stays-step1-B].card .card-content > .middle ul.comparison-list li .left .refund span.false {
	font-size: 13px;
	color: #E72364;
}

[namespace=trip-deals-stays-step1-B].card .card-content > .middle ul.comparison-list li .right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	margin-right: 25px;
}

[namespace=trip-deals-stays-step1-B].card .card-content > .middle ul.comparison-list li .right .price {
	width: 90px;
	text-align: right;
	margin-bottom: 4px;
}

[namespace=trip-deals-stays-step1-B].card .card-content > .middle ul.comparison-list li .right .avaliable-qty {
	font-size: 13px;
	background-color: #FFEAEE;
	color: #555;
	padding: 1px 5px;
	border-radius: 8px;
}

[namespace=trip-deals-stays-step1-B].card .card-content > .middle ul.comparison-list li:first-child .right .price {
	color: #007aff;
}

[namespace=trip-deals-stays-step1-B].card .card-content > .middle ul.comparison-list li:first-child .right .price i.fa-chevron-right {
	margin-left: 5px;
	color: #333;
}

[namespace=trip-deals-stays-step1-B].card .card-content > .middle ul.comparison-list li i.fa-chevron-right {
	position: absolute;
	right: 0px;
	color: #888;
}

[namespace=trip-deals-stays-step1-B].card .card-content > .middle .options {
	font-size: 14px;
	color: #555;
	border-top: 1px dashed #E4E4E4;
	padding-top: 10px;
}

[namespace=trip-deals-stays-step1-B].card .card-content > .middle .options span:after {
	content: "|";
	color: #888;
	padding-left: 4px;
	padding-right: 4px;
}

[namespace=trip-deals-stays-step1-B].card .card-content > .middle .options span:last-child:after {
	content: '';
}

[namespace=trip-deals-stays-step1-B].card .card-content > .bottom {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	border-top: 1px solid #E4E4E4;
	padding-top: 10px;
	margin-top: 10px;
}

[namespace=trip-deals-stays-step1-B].card .card-content > .bottom .text-tax-info {
	font-size: 13px;
	color: #888;
	margin-top: 5px;
	text-align: center;
}


/*[namespace=trip-deals-stays-step2].block-wrap*/

[namespace=trip-deals-stays-step2].card.card-deal {
	position: relative;
	margin: 10px 0;
}

[namespace=trip-deals-stays-step2].card.card-deal .card-header{
	display: flex;
	flex-direction: column;
	margin: 16px;
	padding: 10px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #E4E4E4;
}

[namespace=trip-deals-stays-step2].card.card-deal .card-header .title {
	width: 100%;
	justify-content: flex-start;
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 10px;
}

[namespace=trip-deals-stays-step2].card.card-deal .card-header .title .name {
	color: #006FFF;
}

[namespace=trip-deals-stays-step2].card.card-deal .card-header .sub-title {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	color: #333333;
	font-size: 14px;
	gap: 8px;
}

[namespace=trip-deals-stays-step2].card.card-deal .card-content {
	margin: 16px;
	padding: 0 10px;
}

[namespace=trip-deals-stays-step2].card.card-deal .card-content .count {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

[namespace=trip-deals-stays-step2].card.card-deal .card-content .count > .select-wrap {
	width: 30%;
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 35px;
	cursor: pointer;
	align-items: center;
	margin-right: 10px;
}

[namespace=trip-deals-stays-step2].card.card-deal .card-content .count > .select-wrap select {
	padding-left: 10px;
	width: 100%;
	height: 100%;
	font-weight: 700;
	font-size: 14px;
	border: 1px solid #888888;
	border-radius: 4px;
	color: #000;
	background-color: #fff;
	cursor: pointer;
	z-index: 1;
}

[namespace=trip-deals-stays-step2].card.card-deal .card-content .count > .select-wrap select.selected {
	border: 1px solid #DBEDFF;
	background-color: #F1F8FF;
	color: #006FFF;
}

[namespace=trip-deals-stays-step2].card.card-deal .card-content .count > .select-wrap i {
	position: absolute;
	right: 10px;
	z-index: 1;
}

[namespace=trip-deals-stays-step2].card.card-deal .card-content .count > .child-age-wrap {
	align-self: center;
}

[namespace=trip-deals-stays-step2].card.card-deal .card-content .count > .child-age-wrap span {
	font-size: 14px;
	color: #333;
}

[namespace=trip-deals-stays-step2].card.card-deal .card-content .count > .child-age-wrap span:first-child:before {
	content: '만 ';
}

[namespace=trip-deals-stays-step2].card.card-deal .card-content .count > .child-age-wrap span:not(:last-child):after {
	content: ',';
}

[namespace=trip-deals-stays-step2].card.card-deal .card-content .count > .child-age-wrap span:last-child:after {
	content: '세';
}


[namespace=trip-deals-stays-step2].card.card-deal .card-content .info {
	font-size: 14px;
	color: #888888;
	margin: 20px 0;
	flex-wrap: wrap;
	gap: 8px;
}

[namespace=trip-deals-stays-step2].card.card-deal .card-content .info button[data-btn-view-detail] {
	height: 100%;
}

[namespace=trip-deals-stays-step2].card.card-deal .card-content .info button[data-btn-view-detail] i {
	margin-left: 5px;
}

[namespace=trip-deals-stays-step2].card.card-deal button[data-btn-view-room-detail],
[namespace=trip-deals-stays-step2].card.card-deal button[data-btn-view-property-detail] {
	border: 1px solid #e4e4e4;
	color: #555555;
	background-color: #fff;
}

[namespace=trip-deals-stays-step2].card.card-deal button[data-btn-view-room-detail] i,
[namespace=trip-deals-stays-step2].card.card-deal button[data-btn-view-property-detail] i {
	margin-right: 5px;
}

[namespace=trip-deals-stays-step2].card.card-deal[data-view-detail=true] button[data-btn-view-detail] {
	border: 1px solid #888888;
	color: #fff;
	background-color: #888888;
}

[namespace=trip-deals-stays-step2].card.card-deal[data-view-detail=false] button[data-btn-view-detail] {
	border: 1px solid #555555;
	color: #555555;
	background-color: #fff;
}

[namespace=trip-deals-stays-step2].card.card-deal[data-view-detail=true] button[data-btn-view-detail] .fa-chevron-up {
	transform: rotate(0deg);
	transition: ease 0.2s;
}

[namespace=trip-deals-stays-step2].card.card-deal[data-view-detail=false] button[data-btn-view-detail] .fa-chevron-up {
	transform: rotate(180deg);
	transition: ease 0.2s;
}

[namespace=trip-deals-stays-step2].card.card-deal .card-content .info .charge {
	font-weight: 700;
	font-size: 18px;
	color: #006FFF;
	margin: 5px;
}

[namespace=trip-deals-stays-step2].card.card-deal .card-content .info > .left {
	display: flex;
	gap: 6px;
}

[namespace=trip-deals-stays-step2].card.card-deal .card-content .info > .left > button {
	flex-basis: 50%;
}

[namespace=trip-deals-stays-step2].card.card-deal .card-content .info > .right {
	margin-left: auto;
}

[namespace=trip-deals-stays-step2].card.card-deal .card-footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 12px 10px;
}

[namespace=trip-deals-stays-step2].card.card-deal .card-footer > .coupon-sale {
	font-size: 16px;
	color: #E72364;
}

[namespace=trip-deals-stays-step2].card.card-deal [data-btn-remove-deal].link {
	position: absolute;
	color: #C8222C;
	font-size: 18px;
	top: -4px;
	right: -4px;
}


/* [namespace=trip-deals-stays-step1-B-v2].property-room-list */

[namespace=trip-deals-stays-step1-B-v2].property-room-list {
	display: flex;
	flex-direction: row;
	/* gap: 20px; */
	width: 100%;
	justify-content: flex-end;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .swiper-container {
	position: relative;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .swiper-container .promotion-badge {
	position: absolute;
	top: 10px;
	right: 12px;
	z-index: 20;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .coupon-sale-wrapper {
	display: block;
	position: relative;
	left: 210px;
	top: 3px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .coupon-sale-wrapper > .coupon-sale-before {
	height: 120px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .coupon-sale-wrapper > .coupon-sale {
	position: sticky;
	top: 32px;
	height: 0;
	z-index: 10;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .coupon-sale-wrapper > .coupon-sale > .coupon {
	position: relative;
	background-color: #E72364;
	text-wrap: nowrap;
	color: #fff;
	font-weight: 700;
	font-size: 15px;
	padding: 6px 0;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .coupon-sale-wrapper > .coupon-sale > .coupon::after,
[namespace=trip-deals-stays-step1-B-v2].property-room-list > .coupon-sale-wrapper > .coupon-sale > .coupon::before {
	position: absolute;
	content: "";
	width: 12px;
	height: 100%;
	top: 0;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .coupon-sale-wrapper > .coupon-sale > .coupon::after {
	left: calc(100% - 2px);
	border-radius: 0px 6px 6px 0px;
	background-image: radial-gradient(circle at 100% 50%, transparent 0%, transparent 30%, #E72364 0%);
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .coupon-sale-wrapper > .coupon-sale > .coupon::before {
	right: calc(100% - 2px);
	border-radius: 6px 0px 0px 6px;
	background-image: radial-gradient(circle at 0% 50%, transparent 0%, transparent 30%, #E72364 0%);
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .coupon-sale-wrapper > .coupon-sale > .coupon > .amount {
	color: #fff500;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list[data-facility="false"] #tabFacilityInfo,
[namespace=trip-deals-stays-step1-B-v2].property-room-list[data-facility="false"] .nav-item[href="#tabFacilityInfo"] {
	display: none;
 }

 [namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 20px;
 }

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.schedule-info {
	margin: 0px 16px;
	margin-top: 32px;
	padding: 10px 32px;
	border: 1px solid #e4e4e4;
	border-radius: 32px;
	background-color: #ffffff;
	font-size: 16px;
	gap: 4px
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.schedule-info .left,
[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.schedule-info .right {
	display: flex;
	flex-direction: row;
	gap: 16px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.schedule-info .info-name {
	font-weight: 700;
	color:#006FFF;
	margin-right: 8px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.property-info .block {
	width: 100%;
	margin: 8px 0;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.property-info .block-content {
	display: flex;
	flex-direction: column;
	align-items: center;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.property-info .block-content > .title {
	font-size: 36px;
	font-weight: 700;
	margin: 12px 0;
	text-align: center;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.property-info .block-content > .info > span {
	font-size: 16px;
	color: #333333;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.property-info .block-content > .info > span:not(:last-child):after {
	content: '|';
	margin-left: 8px;
	margin-right: 4px;
	color: #888888;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.property-info .block-footer {
	margin-top: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.property-info .block-footer > .wrapper {
	padding: 8px;
	border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.property-info .block-footer > .wrapper > span {
	color: #333;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	padding: 0 16px;
	position: relative;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card {
	padding: 32px;
	padding-bottom: 28px;
	width: calc(100% - 64px);
	margin: 0;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .card-content {
	width: 100%;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card.overflow {
	display: none;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card.focus {
	position: relative;
	border: 2px solid #006fff;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card.focus:after {
	content: '선택 객실';
	position: absolute;
	top: 0;
	right: 0;
	transform: translateX(-50%) translateY(-50%);
	background-color: #006fff;
	color: #fff;
	border-radius: 8px;
	padding: 4px 12px;
}


[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .room-img-wrap {
	position: relative;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .room-img-wrap .view-detail {
	position: absolute;
	top: 20px;
	left: 24px;
	color: #ffffff;
	background-color: rgba(0,0,0,0.8);
	padding: 4px 12px;
	border-radius: 24px;
	z-index: 1;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .title-area {
	margin: 16px 0;
	display: flex;
	align-items: center;
	gap: 12px;
	justify-content: space-between;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card [data-btn-view-detail] {
	cursor: pointer;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board[data-view-all=off] .card.overflow {
	display: none;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board[data-view-all=on] .card.overflow {
	display: block;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board[data-view-all=off] [data-btn-view-all] .view-more-on,
[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board[data-view-all=on] [data-btn-view-all] .view-more-off {
	display: block;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board[data-view-all=on] [data-btn-view-all] .view-more-on,
[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board[data-view-all=off] [data-btn-view-all] .view-more-off {
	display: none;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .title-area .room-title {
	font-size: 24px;
	font-weight: 700;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .info-simple {
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px 16px;
	padding: 12px 0;
	margin-top: 16px;
	margin-bottom: 16px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .info-simple .item.beds :not(:last-child):after {
	content: '/';
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .info-simple i {
	color: #888888;
	margin-right: 8px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .deal-price {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .deal-price .capacity-notice {
	color: #505050;
	text-align: center;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .deal-price .deal-message {
	display: flex;
	font-weight: 700;
	justify-content: center;
	padding: 8px;
	width: calc(100% - 16px);
	background-color: #F0F6FF;
	gap: 16px;
	border-radius: 8px;
	text-align: center;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .deal-price span.additional {
	font-size: 14px;
	font-weight: 300;
	color: #888888;
	text-align: center;
	align-self: center;
	margin: 0;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .deal-price span.additional > span {
	text-wrap: nowrap;
	margin:0;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .deal-price div.hr {
	border-left: 1px solid #e4e4e4;
	margin: 0;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .deal-price .price-area {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 16px 20px;
	border-radius: 14px;
	width: 100%;
	background-color: #006fff;
	color: #fff;
	flex-wrap: wrap;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .deal-price .price-area .left {
	display: flex;
	gap: 4px 8px;
	flex-wrap:wrap;
	align-self: center;
	align-items: center;
}


[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .deal-price .price-area .left .coupon {
	display: none;
	position: relative;
	background-color: #fff;
	text-wrap: nowrap;
	color: #E72364;
	font-weight: 700;
	font-size: 13px;
	padding: 4px 14px;
	border-radius: 3px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .deal-price .price-area[data-is-ssf="Y"] .left .coupon {
	display: unset;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .deal-price .price-area .left .coupon::after,
[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .deal-price .price-area .left .coupon::before {
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	top: 50%;
	transform: translateY(-50%);
	background-color: #006fff;
	border-radius: 50%;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .deal-price .price-area .left .coupon::after {
	left: calc(100% - 5px);
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .deal-price .price-area .left .coupon::before {
	right: calc(100% - 5px);
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .deal-price .price-area .right {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-left: auto;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .deal-price .price-area .right .content {
	text-align: right;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .deal-price .price-area .rate-plan {
	font-size: 16px;
	color: #333;
	padding: 6px 18px;
	padding-top: 5px;
	font-size: 13px;
	border: 1px solid #fff;
	color: #fff;
	border-radius: 128px;
	white-space: nowrap;
	text-wrap: wrap;
	line-height: 1.1;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .deal-price .price-area .refundable {
	position: relative;
	width: fit-content;
	margin-left: auto;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .deal-price .price-area .accent,
[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .deal-price .price-area .warning {
	font-weight: 700;
	color: #fff500;
	text-wrap: nowrap;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .deal-price .price-area div.promotion-title {
	background-color: #fff;
	color: #006fff;
	border-radius: 24px;
	font-size: 13px;
	padding: 3px 18px;
	border: 1px solid #fff;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .deal-price .price {
	display: flex;
	flex-wrap:wrap;
	justify-content: flex-end;
	gap: 10px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .deal-price .price > * {
	align-self: center;
}
[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .deal-price .price .origin {
	font-size: 15px;
	font-weight: 300;
	text-decoration: line-through;
	color: #fff;
	opacity: 0.5;
	padding-top: 4px;
	margin-right:auto;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .deal-price .price .sale {
	color:#fff;
	font-weight: 700;
	font-size: 24px;
	margin:0;
	line-height: 1.3;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .deal-price .after i {
	color: #fff;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .deal-price > .price-area:not(:last-child) {
	border-bottom: 1px solid #e4e4e4;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board [data-btn-view-all] {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 6px 24px;
	border: 1px solid #e4e4e4;
	background-color: #fff;
	border-radius: 8px;
	margin-top: 8px;
	font-weight: 700;
	letter-spacing: -1px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board [data-btn-view-all] i {
	margin-left: 5px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab {
	padding: 12px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab:last-child {
	margin-bottom: 32px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-header {
	display: flex;
	justify-content: space-between;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-header > div.nav-item {
	padding: 14px 24px;
	padding-bottom: 6px;
	width: 100%;
	font-size: 16px;
	background-color: #f1f7ff;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	border: #e4e4e4 solid 1px;
	color: #333;
	justify-content: center;
	text-align: center;
	flex-wrap:wrap;
	gap: 0 4px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-header > div.nav-item span {
	text-wrap: nowrap;
	margin: 0;
	line-height: 1.1;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-header > div.nav-item.active {
	background-color: #ffffff;
	border-bottom: 0px;
	font-size: 20px;
	font-weight: 700;
	color: #007aff;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-content {
	padding: 12px;
	border: #e4e4e4 solid 1px;
	border-top: 0px;
	background-color: #ffffff;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-content > .tag-list {
	padding: 12px;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 24px;
	justify-content: flex-start;
	align-items: center;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-content > .tag-list > .tag {
	display: inline-flex;
	align-items: center;
	font-size: 16px;
	/* min-width: 110px;
	max-width: 110px; */
	text-wrap: nowrap;
	flex: 1 1 30%;
	gap: 8px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-content > .tag-list > .tag i {
	width: 20px;
	text-align: center;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-content .view-more-on,
[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-content .view-more-off {
	text-align: center;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab.guidance-info-tab > .tab-content {
	position: relative;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab.guidance-info-tab > .tab-content[data-view-all="off"] .content-wrap {
	max-height: 400px;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(to top, transparent, black 50%);
	mask-image: linear-gradient(to top, transparent, black 50%);
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab.guidance-info-tab > .tab-content > .info-basic {
	padding: 16px 4px;
	border-bottom: 1px solid #e4e4e4;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab.guidance-info-tab > .tab-content > .info-basic > .row {
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab.guidance-info-tab > .tab-content > .info-basic > .row .label {
	min-width: 60px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab.guidance-info-tab > .tab-content > .info-basic > .row .content {
	color: #888888;
	padding: 0;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab.guidance-info-tab > .tab-content .content-wrap .sub-content {
	padding: 24px;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab.guidance-info-tab > .tab-content .content-wrap .sub-content > div {
	flex-basis: 45%;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab.guidance-info-tab > .tab-content .content-wrap .sub-content ul {
	list-style-type: disc !important;
	padding: 4px 8px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab.guidance-info-tab > .tab-content .content-wrap .sub-content li {
	color: #888888;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab.guidance-info-tab > .tab-content [data-btn-view-all] {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 32px;
	display: block !important;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .row.trip-deals-board[data-view-all="on"] [data-btn-view-all] {
	position: sticky;
	bottom: 16px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-content[data-view-all="on"] [data-btn-view-all],
[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-content .review-list[data-view-all="on"] [data-btn-view-all] {
	position: sticky;
	bottom: 16px;
	margin-left: calc(50%);
	transform: translateX(-50%);
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab.guidance-info-tab > .tab-content[data-view-all="off"] .view-more-on,
[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab.guidance-info-tab > .tab-content[data-view-all="on"] .view-more-off {
	display: block;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab.guidance-info-tab > .tab-content[data-view-all="on"] .view-more-on,
[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab.guidance-info-tab > .tab-content[data-view-all="off"] .view-more-off {
	display: none;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab.guidance-info-tab > .tab-content[data-view-all="on"] {
	max-height: none;
	padding-bottom: 72px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab.guidance-info-tab > .tab-content [data-btn-view-all] {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 6px 24px;
	border: 1px solid #e4e4e4;
	background-color: #fff;
	border-radius: 8px;
	margin-bottom: 8px;
	font-weight: 700;
	letter-spacing: -1px;
	width: calc(100% - 48px);
}


[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-content > .review-list {
	padding: 12px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-content > .review-list[data-view-all=off] .review-card.overflow {
	display: none;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-content > .review-list[data-view-all=on] .review-card.overflow {
	display: block;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-content > .review-list[data-view-all=off] [data-btn-view-all] .view-more-on,
[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-content > .review-list[data-view-all=on] [data-btn-view-all] .view-more-off {
	display: block;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-content > .review-list[data-view-all=on] [data-btn-view-all] .view-more-on,
[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-content > .review-list[data-view-all=off] [data-btn-view-all] .view-more-off {
	display: none;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-content > .review-list [data-btn-view-all] {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 6px 24px;
	border: 1px solid #e4e4e4;
	background-color: #fff;
	border-radius: 8px;
	margin-bottom: 8px;
	font-weight: 700;
	letter-spacing: -1px;
	width: 100%;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-content [data-btn-view-all] i {
	margin-left: 5px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-content > .review-list > .review-card {
	background-color: #f6f6f6;
	padding: 8px 24px;
	border-radius: 12px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-content > .review-list > .review-card .header {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #888888;
	padding: 16px 12px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-content > .review-list > .review-card .header .score-wrap {
	display: flex;
	align-items: center;
	gap: 8px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-content > .review-list > .review-card .header .name {
	font-size: 16px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-content > .review-list > .review-card .content {
	padding: 16px 12px;
	padding-bottom: 20px;
	white-space: pre-wrap;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-content .content {
	white-space: pre-wrap;
	padding: 16px 4px;
}


[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-content > .map-wrap {
	padding: 18px 12px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-content #map {
	height: 300px;
	width: 100%;
	border-radius: 12px;
	border: 1px solid #e4e4e4;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-content > .row {
	font-weight: 400;
	font-size: 16px;
	align-items: center;
	padding: 0 16px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-content > .row:last-child {
	margin-bottom: 8px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-content > .row .left {
	display: flex;
	gap:8px;
	align-items: center;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-content > .row .title {
	color: #888888;
	min-width: 35px;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-content > .row [data-btn-copy-address] {
	border-radius: 64px;
	padding: 2px 24px;
	height: auto;
	width: auto;
	color: #006fff;
	font-size: 14px;
	background-color: #e5f1ff;
	margin-left: auto;
}

[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab.location-info-tab > .tab-content > .row .content {
	padding: 8px 16px;
}

[namespace=trip-deals-stays-step1-B-v2] .swiper-container {
	border-radius: 12px;
}

[namespace=trip-deals-stays-step1-B-v2] .swiper-container .swiper-wrapper .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
}

[namespace=trip-deals-stays-step1-B-v2] .swiper-container .swiper-wrapper .swiper-slide img {
	object-fit: cover;
	width: 100%;
	height: 350px;
	/* object-fit: scale-down; */
}

[namespace=trip-deals-stays-step1-B-v2] .swiper-container .swiper-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	margin: 0 6px;
}

[namespace=trip-deals-stays-step1-B-v2] .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
	background: #fff;
}

[namespace=trip-deals-stays-step1-B-v2] .swiper-container:hover .swiper-prev,
[namespace=trip-deals-stays-step1-B-v2] .swiper-container:hover .swiper-next {
	transition: all 0.3s;
	opacity: 1;
}

[namespace=trip-deals-stays-step1-B-v2] .swiper-container:not(:hover) .swiper-prev,
[namespace=trip-deals-stays-step1-B-v2] .swiper-container:not(:hover) .swiper-next {
	transition:all 0.3s;
	opacity: 0;
}

[namespace=trip-deals-stays-step1-B-v2] .swiper-container .swiper-prev,
[namespace=trip-deals-stays-step1-B-v2] .swiper-container .swiper-next{
	position: absolute;
	color: #fff;
	top: 50%;
	transform: translateY(-50%);
	font-size: 24px;
	z-index: 1;
	padding: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: rgba(0,0,0,0.35);
	margin: 0 18px;
	cursor: pointer;
}

[namespace=trip-deals-stays-step1-B-v2] .swiper-container[data-swiper-no-swiping="true"] .swiper-prev,
[namespace=trip-deals-stays-step1-B-v2] .swiper-container[data-swiper-no-swiping="true"] .swiper-next {
	display: none;
}

[namespace=trip-deals-stays-step1-B-v2] .swiper-container .swiper-prev:hover,
[namespace=trip-deals-stays-step1-B-v2] .swiper-container .swiper-next:hover {
	background-color: rgba(0,0,0,0.5);
}

[namespace=trip-deals-stays-step1-B-v2] .swiper-container .swiper-prev {
	left: 0;
}

[namespace=trip-deals-stays-step1-B-v2] .swiper-container .swiper-next {
	right: 0;
}

@media (max-width: 629px) {
	[namespace=trip-deals-stays-step1-B-v2].property-room-list > .coupon-sale-wrapper > .coupon-sale-before {
		height: 144px;
	}

	[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .title-area {
		flex-direction: column-reverse;
		align-items: center;
		text-align: center;
	}
	
	[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .title-area .rate-plan {
		margin-left: 0;
	}

	[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .deal-price {
		flex-direction: column;
		align-items: center;
	}
	[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .card .deal-price .price .sale {
		font-size: 20px;
	}

	[namespace=trip-deals-stays-step1-B-v2].property-room-list .tab > .tab-content #map {
		height: 60vw;
	}

	[namespace=trip-deals-stays-step1-B-v2] .swiper-container .swiper-wrapper {
		height: 60vw;
	}

	[namespace=trip-deals-stays-step1-B-v2] .swiper-container .swiper-wrapper .swiper-slide img {
		height: 60vw;
	}

	[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .swiper-container .swiper-wrapper {
		height: 50vw;
	}

	[namespace=trip-deals-stays-step1-B-v2].property-room-list > .stay-wrapper > .row.trip-deals-board .swiper-container .swiper-wrapper .swiper-slide img {
		height: 50vw;
	}
}

/* [namespace=trip-deals-stays-room-detail].room-detail */
[namespace=trip-deals-stays-room-detail].room-detail {
	display: flex;
	flex-direction: column;
}

[namespace=trip-deals-stays-room-detail].room-detail .block {
	margin-top: 16px;
	margin-bottom: 8px;
}

[namespace=trip-deals-stays-room-detail].room-detail .block .block-header {
}

[namespace=trip-deals-stays-room-detail] .swiper-container {
	border-radius: 12px;
}

[namespace=trip-deals-stays-room-detail] .swiper-container .swiper-wrapper .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
}

[namespace=trip-deals-stays-room-detail] .swiper-container .swiper-wrapper .swiper-slide img {
	object-fit: cover;
	width: 100%;
	height: 350px;
}

[namespace=trip-deals-stays-room-detail] .swiper-container .swiper-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	margin: 0 6px;
}

[namespace=trip-deals-stays-room-detail] .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
	background: #fff;
}

[namespace=trip-deals-stays-room-detail] .swiper-container:hover .swiper-prev,
[namespace=trip-deals-stays-room-detail] .swiper-container:hover .swiper-next {
	transition: all 0.3s;
	opacity: 1;
}

[namespace=trip-deals-stays-room-detail] .swiper-container:not(:hover) .swiper-prev,
[namespace=trip-deals-stays-room-detail] .swiper-container:not(:hover) .swiper-next {
	transition:all 0.3s;
	opacity: 0;
}

[namespace=trip-deals-stays-room-detail] .swiper-container .swiper-prev,
[namespace=trip-deals-stays-room-detail] .swiper-container .swiper-next{
	position: absolute;
	color: #fff;
	top: 50%;
	transform: translateY(-50%);
	font-size: 24px;
	z-index: 1;
	padding: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: rgba(0,0,0,0.35);
	margin: 0 18px;
	cursor: pointer;
}

[namespace=trip-deals-stays-room-detail] .swiper-container[data-swiper-no-swiping="true"] .swiper-prev,
[namespace=trip-deals-stays-room-detail] .swiper-container[data-swiper-no-swiping="true"] .swiper-next {
	display: none;
}

[namespace=trip-deals-stays-room-detail] .swiper-container .swiper-prev:hover,
[namespace=trip-deals-stays-room-detail] .swiper-container .swiper-next:hover {
	background-color: rgba(0,0,0,0.5);
}

[namespace=trip-deals-stays-room-detail] .swiper-container .swiper-prev {
	left: 0;
}

[namespace=trip-deals-stays-room-detail] .swiper-container .swiper-next {
	right: 0;
}

[namespace=trip-deals-stays-room-detail].room-detail .block .block-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	margin-top: 32px;
}

[namespace=trip-deals-stays-room-detail].room-detail .block .block-content .left {
	font-weight: 700;
	font-size: 32px;
}

[namespace=trip-deals-stays-room-detail].room-detail .block .block-content .right {
	height: 100%;
	font-size: 18px;
	border-radius: 48px;
	padding: 4px 32px;
	text-wrap: nowrap;
	border: 1px solid #bbb;
}

[namespace=trip-deals-stays-room-detail].room-detail .block .block-footer {
	border-top: 1px solid #bbb;
	margin-top: 24px;
	padding-top: 24px;
	padding-left: 16px;
	padding-right: 16px;
	line-height: 1.5;
	font-size: 16px;
	white-space: pre-wrap;
	color: #333;
}

[namespace=trip-deals-stays-room-detail].room-detail .card > .card-content {
	padding: 32px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

[namespace=trip-deals-stays-room-detail].room-detail .card > .card-content .row {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	font-size: 16px;
}

[namespace=trip-deals-stays-room-detail].room-detail .card > .card-content .row.avail-min-day {
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

[namespace=trip-deals-stays-room-detail].room-detail .card > .card-content hr.divider {
	margin: 16px 0;
	border: 1px dashed #bbb;
}

[namespace=trip-deals-stays-room-detail].room-detail .card > .card-content .row.room-info {
	justify-content: space-between;
	margin:0;
	gap: 8px 0px;
}

[namespace=trip-deals-stays-room-detail].room-detail .card > .card-content .row .left,
[namespace=trip-deals-stays-room-detail].room-detail .card > .card-content .row .right {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	width: 50%;
}

[namespace=trip-deals-stays-room-detail].room-detail .card > .card-content .row .label {
	margin-right: 16px;
	font-weight: 700;
	min-width: 85px;
}

[namespace=trip-deals-stays-room-detail].room-detail .card > .card-content .row .label i {
	min-width: 20px;
	text-align: center;
	margin-right: 12px;
}

[namespace=trip-deals-stays-room-detail].room-detail .card > .card-content .row.package {
	align-items: flex-start;
}

[namespace=trip-deals-stays-room-detail].room-detail .card > .card-content .row.package .content > .inner-content {
	white-space: pre-wrap;
}

[namespace=trip-deals-stays-room-detail].room-detail .card > .card-content .row .content {
	color: #5e5e5e;
}

[namespace=trip-deals-stays-room-detail].room-detail .card > .card-content .row .content span {
	text-wrap: nowrap;
}

[namespace=trip-deals-stays-room-detail].room-detail .card > .card-content .row:not(.amenities) .content span:not(:last-child)::after {
	content: '/';
	margin-left: 4px;
	margin-right: 2px;
	color: #888888;
}

[namespace=trip-deals-stays-room-detail].room-detail .card > .card-content .row.amenities {
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
}

[namespace=trip-deals-stays-room-detail].room-detail .card > .card-content .row.amenities .content {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	width: 100%;
}

[namespace=trip-deals-stays-room-detail].room-detail .card > .card-content .row.amenities .content span {
	flex-basis: 30%;
}

@media (max-width: 629px) {
	[namespace=trip-deals-stays-room-detail].room-detail .block > .block-content {
		flex-direction: column-reverse;
		align-items: center;
		text-align: center;
		padding-left: 16px;
		padding-right: 16px;
	}


	[namespace=trip-deals-stays-room-detail].room-detail .card > .card-content .row {
		/* flex-direction: column; */
		align-items: flex-start;
		justify-content: flex-start;
		margin-bottom: 8px;
		gap: 4px;
	}

	[namespace=trip-deals-stays-room-detail].room-detail .card > .card-content .row .left,
	[namespace=trip-deals-stays-room-detail].room-detail .card > .card-content .row .right {
		width: 100%;
	}

	[namespace=trip-deals-stays-room-detail] .swiper-container .swiper-wrapper {
		height: 60vw;
	}

	[namespace=trip-deals-stays-room-detail] .swiper-container .swiper-wrapper .swiper-slide img {
		height: 60vw;
	}
}

/* [namespace=trip-deals-stays-property-detail].property-detail */
[namespace=trip-deals-stays-property-detail].property-detail {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

[namespace=trip-deals-stays-property-detail].property-detail .block {
	margin-top: 16px;
	margin-bottom: 8px;
}


[namespace=trip-deals-stays-property-detail] .swiper-container {
	border-radius: 12px;
}

[namespace=trip-deals-stays-property-detail] .swiper-container .swiper-wrapper .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
}

[namespace=trip-deals-stays-property-detail] .swiper-container .swiper-wrapper .swiper-slide img {
	object-fit: cover;
	width: 100%;
	height: 350px;
}

[namespace=trip-deals-stays-property-detail] .swiper-container .swiper-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	margin: 0 6px;
}

[namespace=trip-deals-stays-property-detail] .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
	background: #fff;
}

[namespace=trip-deals-stays-property-detail] .swiper-container:hover .swiper-prev,
[namespace=trip-deals-stays-property-detail] .swiper-container:hover .swiper-next {
	transition: all 0.3s;
	opacity: 1;
}

[namespace=trip-deals-stays-property-detail] .swiper-container:not(:hover) .swiper-prev,
[namespace=trip-deals-stays-property-detail] .swiper-container:not(:hover) .swiper-next {
	transition:all 0.3s;
	opacity: 0;
}

[namespace=trip-deals-stays-property-detail] .swiper-container .swiper-prev,
[namespace=trip-deals-stays-property-detail] .swiper-container .swiper-next{
	position: absolute;
	color: #fff;
	top: 50%;
	transform: translateY(-50%);
	font-size: 24px;
	z-index: 1;
	padding: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: rgba(0,0,0,0.35);
	margin: 0 18px;
	cursor: pointer;
}

[namespace=trip-deals-stays-property-detail] .swiper-container[data-swiper-no-swiping="true"] .swiper-prev,
[namespace=trip-deals-stays-property-detail] .swiper-container[data-swiper-no-swiping="true"] .swiper-next {
	display: none;
}

[namespace=trip-deals-stays-property-detail] .swiper-container .swiper-prev:hover,
[namespace=trip-deals-stays-property-detail] .swiper-container .swiper-next:hover {
	background-color: rgba(0,0,0,0.5);
}

[namespace=trip-deals-stays-property-detail] .swiper-container .swiper-prev {
	left: 0;
}

[namespace=trip-deals-stays-property-detail] .swiper-container .swiper-next {
	right: 0;
}

[namespace=trip-deals-stays-property-detail].property-detail .block-content {
	display: flex;
	flex-direction: column;
	align-items: center;
}

[namespace=trip-deals-stays-property-detail].property-detail .block-content > .title {
	font-size: 36px;
	font-weight: 700;
	margin: 12px 0;
	text-align: center;
	margin-bottom: 0;
}

[namespace=trip-deals-stays-property-detail].property-detail .block-footer {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
}

[namespace=trip-deals-stays-property-detail].property-detail .block-footer > .wrapper {
	padding: 8px;
	border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

[namespace=trip-deals-stays-property-detail].property-detail .block-footer > .wrapper > span {
	color: #333;
}

[namespace=trip-deals-stays-property-detail].property-detail hr.divider {
	margin: 32px 0;
	margin-bottom: 0;
	border: 1px dashed #bbb;
}

[namespace=trip-deals-stays-property-detail].property-detail .tab {
	padding: 12px;
}

[namespace=trip-deals-stays-property-detail].property-detail .tab:last-child {
	margin-bottom: 32px;
}

[namespace=trip-deals-stays-property-detail].property-detail .tab > .tab-header {
	display: flex;
	justify-content: space-between;
}

[namespace=trip-deals-stays-property-detail].property-detail .tab > .tab-header > div.nav-item {
	padding: 14px 24px;
	padding-bottom: 6px;
	width: 100%;
	font-size: 16px;
	background-color: #f1f7ff;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	border: #e4e4e4 solid 1px;
	color: #333;
	justify-content: center;
	text-align: center;
	flex-wrap:wrap;
	gap: 0 4px;
}

[namespace=trip-deals-stays-property-detail].property-detail .tab > .tab-header > div.nav-item span {
	text-wrap: nowrap;
	margin: 0;
	line-height: 1.1;
}

[namespace=trip-deals-stays-property-detail].property-detail .tab > .tab-header > div.nav-item.active {
	background-color: #ffffff;
	border-bottom: 0px;
	font-size: 20px;
	font-weight: 700;
	color: #007aff;
}

[namespace=trip-deals-stays-property-detail].property-detail .tab > .tab-header > div.nav-item.disabled {
	display: none;
}

[namespace=trip-deals-stays-property-detail].property-detail .tab > .tab-content {
	padding: 32px;
	border: #e4e4e4 solid 1px;
	border-top: 0px;
	background-color: #ffffff;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

[namespace=trip-deals-stays-property-detail].property-detail .tab > .tab-content > .content-wrap {
	white-space: pre-wrap;
}

[namespace=trip-deals-stays-property-detail].property-detail .tab.basic-info-tab > .tab-content .sub-content {
	white-space: normal;
	padding: 12px 0;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

[namespace=trip-deals-stays-property-detail].property-detail .tab.basic-info-tab > .tab-content .sub-content > div {
	flex-basis: 45%;
}

[namespace=trip-deals-stays-property-detail].property-detail .tab.basic-info-tab > .tab-content .sub-content ul {
	padding: 4px 8px;
}

[namespace=trip-deals-stays-property-detail].property-detail .tab.basic-info-tab > .tab-content .sub-content li {
	color: #888888;
}

[namespace=trip-deals-stays-property-detail].property-detail .tab.basic-info-tab > .tab-content .row {
	font-weight: 400;
	font-size: 17px;
	align-items: center;
	display: flex;
	justify-content: flex-start;
}

[namespace=trip-deals-stays-property-detail].property-detail .tab.basic-info-tab > .tab-content .row > .label {
	min-width: 85px;
	color: #888888;
}

[namespace=trip-deals-stays-property-detail].property-detail .tab > .tab-content.overflow[data-view-all="off"] .content-wrap {
	min-height: 100px;;
	max-height: 400px;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(to top, transparent, black 50%);
	mask-image: linear-gradient(to top, transparent, black 50%);
}

[namespace=trip-deals-stays-property-detail].property-detail .tab > .tab-content[data-view-all="on"] .content-wrap {
	padding-bottom: 16px;
}

[namespace=trip-deals-stays-property-detail].property-detail .tab > .tab-content [data-btn-view-all] {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 32px;
	display: none;
	padding: 6px 24px;
	border: 1px solid #e4e4e4;
	background-color: #fff;
	border-radius: 8px;
	margin-bottom: 8px;
	font-weight: 700;
	letter-spacing: -1px;
	width: calc(100% - 48px);
	text-align: center;
}

[namespace=trip-deals-stays-property-detail].property-detail .tab > .tab-content.overflow [data-btn-view-all] {
	display: block !important;
}

[namespace=trip-deals-stays-property-detail].property-detail .tab > .tab-content [data-btn-view-all] i {
	margin-left: 5px;
}

[namespace=trip-deals-stays-property-detail].property-detail .tab > .tab-content[data-view-all=on] [data-btn-view-all] {
	position: sticky;
	bottom: 16px;
	margin-left: calc(50%);
	transform: translateX(-50%);
}

[namespace=trip-deals-stays-property-detail].property-detail .tab > .tab-content[data-view-all=off] [data-btn-view-all] .view-more-on,
[namespace=trip-deals-stays-property-detail].property-detail .tab > .tab-content[data-view-all=on] [data-btn-view-all] .view-more-off {
	display: block;
}

[namespace=trip-deals-stays-property-detail].property-detail .tab > .tab-content[data-view-all=on] [data-btn-view-all] .view-more-on,
[namespace=trip-deals-stays-property-detail].property-detail .tab > .tab-content[data-view-all=off] [data-btn-view-all] .view-more-off {
	display: none;
}

@media (max-width: 629px) {

	[namespace=trip-deals-stays-property-detail] .swiper-container .swiper-wrapper {
		height: 60vw;
	}

	[namespace=trip-deals-stays-property-detail] .swiper-container .swiper-wrapper .swiper-slide img {
		height: 60vw;
	}
}
[namespace=trip-deals-tickets-desktop].card-wrap {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% + 12px);
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #a8a8a8;
}

[namespace=trip-deals-tickets-desktop].card-wrap:last-child {
	border-bottom: 0px;
}

[namespace=trip-deals-tickets-desktop].card-wrap .card {
	width: calc(33.3% - 14px);
	margin: 0px;
	margin-bottom: 15px;
	margin-right: 12px;
	border-radius: 8px;
}

[namespace=trip-deals-tickets-desktop].card-wrap .card .card-content {
	display: flex;
	letter-spacing: -1px;
}

[namespace=trip-deals-tickets-desktop].card-wrap .card .card-content .left {
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-width: 120px;
	max-width: 120px;
	min-height: 140px;
	max-height: 140px;
	border-radius: 8px 0px 0px 8px;
}

[namespace=trip-deals-tickets-desktop].card-wrap .card .card-content .right {
	position: relative;
	width: calc(100% - 120px);
	border-radius: 0px 8px 8px 0px;
}

[namespace=trip-deals-tickets-desktop].card-wrap .card .card-content .right .top {
	padding: 10px;
}

[namespace=trip-deals-tickets-desktop].card-wrap .card .card-content .right .bottom {
	position: absolute;
	bottom: 10px;
	right: 12px;
	text-align: right;
}

/* .card-company */

[namespace=trip-deals-tickets-desktop].card-wrap .card.card-company .card-content .left {
	background-color: #E7EAED;
	border-right: 1px solid #E4E4E4;
}

[namespace=trip-deals-tickets-desktop].card-wrap:hover .card.card-company .card-content .left {
	background-color: #F1F8FF;
	border-right: 1px solid #DBEDFF;
}

[namespace=trip-deals-tickets-desktop].card-wrap .card.card-company .card-content .left .logo {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	background-color: #fff;
	border-radius: 100%;
	font-size: 24px;
}

[namespace=trip-deals-tickets-desktop].card-wrap .card.card-company .card-content .right {
	position: relative;
	background-color: #E7EAED;
}

[namespace=trip-deals-tickets-desktop].card-wrap:hover .card.card-company .card-content .right {
	background-color: #F1F8FF;
}

[namespace=trip-deals-tickets-desktop].card-wrap .card.card-company .card-content .right .top .name {
	font-weight: bold;
	margin-bottom: 5px;
}

[namespace=trip-deals-tickets-desktop].card-wrap:hover .card.card-company .card-content .right .top .name {
	color: #007aff;
}

[namespace=trip-deals-tickets-desktop].card-wrap .card.card-company .card-content .right .top .address {
	color: #888;
	font-size: 14px;
}

[namespace=trip-deals-tickets-desktop].card-wrap .card.card-company .card-content .right .bottom .link {
	width: 24px;
	height: 24px;
	background-color: #f2f2f2;
	border-radius: 100%;
}

[namespace=trip-deals-tickets-desktop].card-wrap:hover .card.card-company .card-content .right .bottom .link {
	background-color: #fafafa;
}

/* .card-deal */

[namespace=trip-deals-tickets-desktop].card-wrap .card.card-deal:hover {
	cursor: pointer;
	/*border: 0px;*/
	-webkit-box-shadow: 0px 11px 15px -7px rgba(0,0,0,.2), 0px 24px 38px 3px rgba(0,0,0,.14), 0px 9px 46px 8px rgba(0,0,0,.12);
	box-shadow: 0px 11px 15px -7px rgba(0,0,0,.2), 0px 24px 38px 3px rgba(0,0,0,.14), 0px 9px 46px 8px rgba(0,0,0,.12);
}

[namespace=trip-deals-tickets-desktop].card-wrap .card.card-deal .card-content .left {
	background-color: #f8f8f8;
	border-right: 1px dashed #c4c4c4;
	overflow: hidden;
}

[namespace=trip-deals-tickets-desktop].card-wrap .card.card-deal .card-content .left img {
	object-fit: cover;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	border-radius: 6px 0px 0px 6px;
	transition: transform 0.5s ease;
}

[namespace=trip-deals-tickets-desktop].card-wrap .card.card-deal:hover .card-content .left img {
	transform: scale(1.05);
}

[namespace=trip-deals-tickets-desktop].card-wrap .card.card-deal .card-content .right .top .name {
	font-weight: bold;
	margin-bottom: 5px;
}

[namespace=trip-deals-tickets-desktop].card-wrap .card.card-deal .card-content .right .top .available-using {
	font-size: 13px;
	color: #007aff;
}

[namespace=trip-deals-tickets-desktop].card-wrap .card.card-deal .card-content .right .top .available-using span.false {
	font-size: 13px;
	color: #E72364;
	letter-spacing: -1.5px;
}

[namespace=trip-deals-tickets-desktop].card-wrap .card.card-deal .card-content .right .top .refund {
	margin-top: 4px;
	font-size: 13px;
	width: 110px;
	text-align: center;
	background-color: #F2F2F2;
	color: #177166;
	border-radius: 8px;
	margin-bottom: 5px;
	font-weight: 500;
}

[namespace=trip-deals-tickets-desktop].card-wrap .card.card-deal:hover .card-content .right .top .refund {
	background-color: #177166;
	color: #fff;
}

[namespace=trip-deals-tickets-desktop].card-wrap .card.card-deal .card-content .right .bottom .price span.origin {
	color: #888;
	font-size: 13px;
	text-decoration: line-through;
	margin-right: 2px;
}

[namespace=trip-deals-tickets-desktop].card-wrap .card.card-deal .card-content .right .bottom .price span.sale {
	font-weight: bold;
	color: #333;
}

[namespace=trip-deals-tickets-desktop].card-wrap .card.card-deal .card-content .right .bottom .price-with-coin span.text {
	color: #888;
	font-size: 13px;
	margin-right: 2px;
}

[namespace=trip-deals-tickets-desktop].card-wrap .card.card-deal .card-content .right .bottom .price-with-coin span.sale {
	font-weight: bold;
	color: #007aff;
}

[namespace=trip-deals-tickets-desktop].card-wrap .card-content .heart-wrap .pin-heart {
	top: 6px;
	right: 6px;
}

/* [namespace=trip-deals-tickets-desktop-v2].card */
[namespace=trip-deals-tickets-desktop-v2].card {
	margin: 0px;
	border-radius: 8px;
	overflow: hidden;
}

[namespace=trip-deals-tickets-desktop-v2].card.card-deal:hover {
	cursor: pointer;
	-webkit-box-shadow: 0px 11px 15px -7px rgba(0,0,0,.2), 0px 24px 38px 3px rgba(0,0,0,.14), 0px 9px 46px 8px rgba(0,0,0,.12);
	box-shadow: 0px 11px 15px -7px rgba(0,0,0,.2), 0px 24px 38px 3px rgba(0,0,0,.14), 0px 9px 46px 8px rgba(0,0,0,.12);
}

[namespace=trip-deals-tickets-desktop-v2].card .card-content {
	display: flex;
	flex-direction: column;
	height: 100%;
}

[namespace=trip-deals-tickets-desktop-v2].card .card-content .top {
	position: relative;
}

[namespace=trip-deals-tickets-desktop-v2].card .card-content .top .img-wrap {
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

[namespace=trip-deals-tickets-desktop-v2].card .card-content .top .img-wrap img {
	object-fit: cover;
	width: 100%;
	height: 240px;
	transition: transform 0.5s ease;
}

[namespace=trip-deals-tickets-desktop-v2].card.card-deal:hover .card-content .top .img-wrap img {
	transform: scale(1.05);
}

[namespace=trip-deals-tickets-desktop-v2].card .card-content .top .img-wrap .info-wrap {
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 12px;
	padding: 16px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

[namespace=trip-deals-tickets-desktop-v2].card .card-content .top .img-wrap .company-name {
	padding: 2px 14px;
	padding-top: 3px;
	background-color: #007aff;
	border-radius: 20px;
	color: #fff;
}

[namespace=trip-deals-tickets-desktop-v2].card .card-content .top .img-wrap .location-tag {
	padding: 2px 14px;
	padding-top: 3px;
	background-color: #fff;
	border-radius: 20px;
	color: #007aff;
	border: 1px solid #007aff;
}

[namespace=trip-deals-tickets-desktop-v2].card .card-content .heart-wrap .pin-heart {
	top: 6px;
	right: 6px;
}

[namespace=trip-deals-tickets-desktop-v2].card .card-content .bottom {
	padding: 16px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 8px;
	height: 100%;
}

[namespace=trip-deals-tickets-desktop-v2].card .card-content .bottom .row {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

[namespace=trip-deals-tickets-desktop-v2].card .card-content .bottom .row .name {
	font-weight: 700;
	font-size: 18px;
	line-height: 1.1;
	margin-bottom: 7px;
}

[namespace=trip-deals-tickets-desktop-v2].card .card-content .bottom .row .available-using {
	font-size: 14px;
	letter-spacing: -1px;
	color: #007aff;
}

[namespace=trip-deals-tickets-desktop-v2].card .card-content .bottom .row.price {
	align-items: flex-end;
}

[namespace=trip-deals-tickets-desktop-v2].card .card-content .bottom .row.price .price-origin {
	font-weight: 400;
	font-size: 14px;
	color: #333;
}

[namespace=trip-deals-tickets-desktop-v2].card .card-content .bottom .row.price .price-origin .origin {
	text-decoration: line-through;
	color: #a8a8a8;
	margin-right: 4px;
}

[namespace=trip-deals-tickets-desktop-v2].card .card-content .bottom .row.price .price-origin .sale {
	padding-right: 2px;
}

[namespace=trip-deals-tickets-desktop-v2].card .card-content .bottom .row.price .price-with-coin .text {
	font-weight: 700;
	font-size: 16px;
	margin-right: 6px;
}

[namespace=trip-deals-tickets-desktop-v2].card .card-content .bottom .row.price .price-with-coin .sale {
	font-weight: 700;
	font-size: 24px;
	color:#007aff;
	line-height: 1.2;
}
[namespace=trip-deals-tickets-step1-A].card-wrap:first-child {
	margin-top: 15px;
}

[namespace=trip-deals-tickets-step1-A].card-wrap {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: calc(100% - 30px);
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
}

/* .divider-company */

[namespace=trip-deals-tickets-step1-A].card-wrap .divider-company {
	position: relative;
	border-bottom: 1px dashed #a8a8a8;
	margin-right: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
}

[namespace=trip-deals-tickets-step1-A].card-wrap .divider-company .name {
	position: absolute;
	background-color: #EDF2F6;
	padding-right: 8px;
	margin-top: -8px;
	font-size: 14px;
	color: #555;
	letter-spacing: -1px;
}

[namespace=trip-deals-tickets-step1-A].card-wrap .divider-company .link-wrap {
	position: absolute;
	background-color: #EDF2F6;
	padding-left: 5px;
	right: 0px;
	margin-top: -14px;
}

[namespace=trip-deals-tickets-step1-A].card-wrap .divider-company .link-wrap .link {
	padding: 5px 6px;
	border: 1px solid #E4E4E4;
	border-radius: 8px;
	background-color: #fff;
}

/* .card.link */

[namespace=trip-deals-tickets-step1-A].card-wrap .card.link {
	display: block;
	width: 100%;
	margin: 0px;
	margin-bottom: 15px;
	margin-right: 12px;
	border-radius: 8px;
}

[namespace=trip-deals-tickets-step1-A].card-wrap .card.link .card-content {
	display: flex;
	letter-spacing: -1px;
}

[namespace=trip-deals-tickets-step1-A].card-wrap .card.link .card-content .left {
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-width: 120px;
	max-width: 120px;
	min-height: 140px;
	max-height: 140px;
	border-radius: 8px 0px 0px 8px;
}

[namespace=trip-deals-tickets-step1-A].card-wrap .card.link .card-content .right {
	position: relative;
	width: calc(100% - 120px);
	border-radius: 0px 8px 8px 0px;
}

[namespace=trip-deals-tickets-step1-A].card-wrap .card.link .card-content .right .top {
	padding: 10px;
}

[namespace=trip-deals-tickets-step1-A].card-wrap .card.link .card-content .right .bottom {
	position: absolute;
	bottom: 10px;
	right: 12px;
	text-align: right;
}

/* .card-deal.link */

[namespace=trip-deals-tickets-step1-A].card-wrap .card.card-deal.link .card-content .left {
	background-color: #f8f8f8;
	border-right: 1px dashed #c4c4c4;
	overflow: hidden;
}

[namespace=trip-deals-tickets-step1-A].card-wrap .card.card-deal.link .card-content .left img {
	object-fit: cover;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	border-radius: 6px 0px 0px 6px;
}

[namespace=trip-deals-tickets-step1-A].card-wrap .card.card-deal.link .card-content .right .top .name {
	font-weight: bold;
	margin-bottom: 5px;
}

[namespace=trip-deals-tickets-step1-A].card-wrap .card.card-deal.link .card-content .right .top .available-using {
	font-size: 13px;
	color: #007aff;
}

[namespace=trip-deals-tickets-step1-A].card-wrap .card.card-deal.link .card-content .right .top .available-using span.false {
	font-size: 13px;
	color: #E72364;
	letter-spacing: -1.5px;
}

[namespace=trip-deals-tickets-step1-A].card-wrap .card.card-deal.link .card-content .right .top .refund {
	margin-top: 4px;
	font-size: 13px;
	width: 110px;
	text-align: center;
	background-color: #F2F2F2;
	color: #177166;
	border-radius: 8px;
	margin-bottom: 5px;
	font-weight: 500;
}

[namespace=trip-deals-tickets-step1-A].card-wrap .card.card-deal.link .card-content .right .bottom .price span.origin {
	color: #888;
	font-size: 13px;
	text-decoration: line-through;
}

[namespace=trip-deals-tickets-step1-A].card-wrap .card.card-deal.link .card-content .right .bottom .price span.sale {
	font-weight: bold;
	color: #333;
}

[namespace=trip-deals-tickets-step1-A].card-wrap .card.card-deal.link .card-content .right .bottom .price-with-coin span.text {
	color: #888;
	font-size: 13px;
}

[namespace=trip-deals-tickets-step1-A].card-wrap .card.card-deal.link .card-content .right .bottom .price-with-coin span.sale {
	font-weight: bold;
	color: #007aff;
}

[namespace=trip-deals-tickets-step1-A].card-wrap .card-content .heart-wrap .pin-heart {
	display: flex !important;
	top: 8px;
	right: 8px;
}


/* [namespace=trip-deals-tickets-v2].card */
[namespace=trip-deals-tickets-v2].card {
	border-radius: 8px;
	overflow: hidden;
	margin: 15px 0;
}

[namespace=trip-deals-tickets-v2].card .card-content {
	display: flex;
	flex-direction: column;
	height: 100%;
}

[namespace=trip-deals-tickets-v2].card .card-content .top {
	position: relative;
}

[namespace=trip-deals-tickets-v2].card .card-content .top .img-wrap {
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

[namespace=trip-deals-tickets-v2].card .card-content .top .img-wrap img {
	object-fit: cover;
	width: 100%;
	transition: transform 0.5s ease;
}

[namespace=trip-deals-tickets-v2].card.card-deal:hover .card-content .top .img-wrap img {
	transform: scale(1.05);
}

[namespace=trip-deals-tickets-v2].card .card-content .top .img-wrap .info-wrap {
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 12px;
	padding: 16px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

[namespace=trip-deals-tickets-v2].card .card-content .top .img-wrap .company-name {
	padding: 2px 14px;
	padding-top: 3px;
	background-color: #007aff;
	border-radius: 20px;
	color: #fff;
}

[namespace=trip-deals-tickets-v2].card .card-content .top .img-wrap .location-tag {
	padding: 2px 14px;
	padding-top: 3px;
	background-color: #fff;
	border-radius: 20px;
	color: #007aff;
	border: 1px solid #007aff;
}

[namespace=trip-deals-tickets-v2].card .card-content .heart-wrap .pin-heart {
	top: 6px;
	right: 6px;
}

[namespace=trip-deals-tickets-v2].card .card-content .bottom {
	padding: 24px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 12px;
	height: 100%;
}

[namespace=trip-deals-tickets-v2].card .card-content .bottom .row {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

[namespace=trip-deals-tickets-v2].card .card-content .bottom .row .name {
	font-weight: 700;
	font-size: 18px;
	line-height: 1.1;
	margin-bottom: 7px;
}

[namespace=trip-deals-tickets-v2].card .card-content .bottom .row .available-using {
	font-size: 14px;
	letter-spacing: -1px;
	color: #007aff;
}

[namespace=trip-deals-tickets-v2].card .card-content .bottom .row.price {
	align-items: flex-end;
}

[namespace=trip-deals-tickets-v2].card .card-content .bottom .row.price .price-origin {
	font-weight: 400;
	font-size: 14px;
	color: #333;
}


[namespace=trip-deals-tickets-v2].card .card-content .bottom .row.price .price-origin .origin {
	text-decoration: line-through;
	color: #a8a8a8;
	margin-right: 4px;
}

[namespace=trip-deals-tickets-v2].card .card-content .bottom .row.price .price-origin .sale {
	padding-right: 2px;
}

[namespace=trip-deals-tickets-v2].card .card-content .bottom .row.price .price-with-coin .text {
	font-weight: 700;
	font-size: 14px;
	margin-right: 6px;
}

[namespace=trip-deals-tickets-v2].card .card-content .bottom .row.price .price-with-coin .sale {
	font-weight: 700;
	font-size: 22px;
	color:#007aff;
	line-height: 1.2;
}


/* [namespace=trip-deals-tickets-step1-B].deal-list */
[namespace=trip-deals-tickets-step1-B].deal-list {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0;
	gap: 24px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .main-img-wrap {
	width: 100%;
	/* height: 360px; */
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;

}

[namespace=trip-deals-tickets-step1-B].deal-list .main-img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 12/6;
}

[namespace=trip-deals-tickets-step1-B].deal-list .company-info.row .block-content,
[namespace=trip-deals-tickets-step1-B].deal-list .company-info.row .block-footer {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 12px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .company-info.row .block-content {
	padding: 6px 12px;
	gap: 0px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .company-info.row .title {
	font-weight: 700;
	font-size: 32px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .company-info.row .info {
	font-size: 18px;
	color: #757575;
}

[namespace=trip-deals-tickets-step1-B].deal-list .company-info.row .block {
	margin: 12px 0;
}

[namespace=trip-deals-tickets-step1-B].deal-list .company-info.row .block-footer {
}

[namespace=trip-deals-tickets-step1-B].deal-list .company-info.row .block-footer .wrapper {
	padding: 8px 20px;
	border-top: 1px solid #d9d9d9;
	gap: 16px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .company-info.row .block-footer .wrapper span {
	color: #333;
}

[namespace=trip-deals-tickets-step1-B].deal-list .company-info.row .block-footer .wrapper i {
	color: #ffc700;
}

[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 24px;
	padding: 0 24px;
	width: calc(100% - 48px);
}

[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board .deal-block {
	position: relative;
	display: flex;
	flex-direction: column;
	background-color: #f1f7ff;
	width: 100%;
	padding: 20px 16px ;
	border-radius: 12px;
	gap: 12px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board .deal-block.overflow {
	display: none;
}

[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board .deal-block.selected {
	box-shadow: 0 0 0 2px #007aff;
}

[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board .deal-block.selected::after {
	content: "선택";
	position: absolute;
	top:0;
	right: 24px;
	transform: translateY(-50%);
	color: #fff;
	background-color: #007aff;
	padding: 2px 14px;
	border-radius: 12px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board[data-view-all=off] .deal-block.overflow {
	display: none;
}

[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board[data-view-all=on] .deal-block.overflow {
	display: flex;
}

[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board [data-btn-view-all] {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 6px 24px;
	border: 1px solid #e4e4e4;
	background-color: #fff;
	border-radius: 8px;
	margin-top: 8px;
	font-weight: 700;
	letter-spacing: -1px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board[data-view-all=on] [data-btn-view-all] {
	position: sticky;
	bottom: 0;
}

[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board[data-view-all=off] [data-btn-view-all] .view-more-on,
[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board[data-view-all=on] [data-btn-view-all] .view-more-off {
	display: block;
}

[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board[data-view-all=on] [data-btn-view-all] .view-more-on,
[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board[data-view-all=off] [data-btn-view-all] .view-more-off {
	display: none;
}


[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board .deal-block .top {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 12px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board .deal-block .top .left {
	width: 45%;
	height: 100%;
}

[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board .deal-block .top img {
	width: 100%;
	aspect-ratio: 12/9;
	border-radius: 12px;
	object-fit: cover;
}

[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board .deal-block .top .right {
	width: 55%;
}

[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board .deal-block .top .right .title {
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 12px;
	line-height: 1.1;
}

[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board .deal-block .top .right .available {
	text-align: center;
	font-size: 14px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board .deal-block .bottom {
	background-color: #fff;
	width: calc(100% - 24px);
	display: flex;
	justify-content: center;
	gap: 20px;
	align-items: center;
	padding: 15px;
	border-radius: 8px;
	font-size: 14px;
	
}

[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board .deal-block .bottom .price-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
}


[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board .deal-block .bottom .age-type {
	font-weight: 600;
	color: #333;
	font-size: 18px;
	transform: translateY(1px);
}

[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board .deal-block .bottom .vr {
	border-right: 1px solid #e4e4e4;
	height: 36px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board .deal-block .bottom .price-info {
	display: flex;
	flex-direction: column;
	align-items: end;
	gap: 2px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board .deal-block .bottom .price-original {
	color: #a8a8a8;
	font-size: 12px;
	text-decoration: line-through;
	line-height: 1;
	transform: translateX(-1px);
}


[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board .deal-block .bottom .price-sale {
	color: #007aff;
	font-weight: 700;
	font-size: 20px;
	line-height: 1;
}

[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board .deal-block .bottom .sale-price-container {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 2px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board .deal-block .bottom .coin-text {
	color: #333;
	font-size: 12px;
	font-weight: 400;
}

[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board .ticket-description-view-button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 8px 24px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    border-radius: 8px; 
    cursor: pointer;

    font-weight: 700;
    letter-spacing: -1px;
    font-size: 14px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board .deal-block .bottom .dashed-line {	
	display: none;
}

/* 모바일 반응형 디자인 */
@media (max-width: 629px) {
	[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board .deal-block .bottom {
		padding: 12px;
		gap: 12px;
		flex-direction: column;

	}


	
	[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board .deal-block .bottom .price-row {
		width: calc(100% - 18px);
	}
	
	[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board .deal-block .bottom .age-type {
		font-size: 18px;
		font-weight: 600;
	}
	
	[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board .deal-block .bottom .price-original {
		font-size: 12px;
	}
	
	[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board .deal-block .bottom .price-sale {
		font-size: 20px;
		font-weight: 700;
	}
	
	[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board .deal-block .bottom .vr {
		display: none;
	}

	[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board .deal-block .bottom .dashed-line {	
		display: block;
		width: calc(100% - 18px);
		border-bottom: 1px dashed #cacaca;
	}
}




[namespace=trip-deals-tickets-step1-B].deal-list .notice {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px 32px;
	font-size: 15px;
	margin: 6px 0;
	flex-wrap: wrap;
}

[namespace=trip-deals-tickets-step1-B].deal-list .notice i {
	color: #006fff;
	margin-right: 4px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab {
	padding: 12px;
	width: calc(100% - 48px);
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab:last-child {
	margin-bottom: 32px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-header {
	display: flex;
	justify-content: space-between;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-header > div.nav-item {
	padding: 14px 24px;
	padding-bottom: 6px;
	width: 100%;
	font-size: 16px;
	background-color: #f1f7ff;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	border: #e4e4e4 solid 1px;
	color: #333;
	justify-content: center;
	text-align: center;
	flex-wrap:wrap;
	gap: 0 4px;
}


[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-header > div.nav-item span {
	text-wrap: nowrap;
	margin: 0;
	line-height: 1.1;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-header > div.nav-item.active {
	background-color: #ffffff;
	border-bottom: 0px;
	font-size: 20px;
	font-weight: 700;
	color: #007aff;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content {
	padding: 12px;
	border: #e4e4e4 solid 1px;
	border-top: 0px;
	background-color: #ffffff;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab-content .comment-wrap {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 16px;
	position: relative;
}



[namespace=trip-deals-tickets-step1-B].deal-list .tab-content .image-comment-wrap {
	display: flex;
	flex-direction: column;
	gap: 12px;
	height: 500px;
	overflow: hidden;
	position: relative;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab-content .image-comment-wrap::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 60px;
	background: linear-gradient(transparent, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 1));
	pointer-events: none;
	z-index: 1;
	opacity: 1;
	transition: opacity 0.3s ease;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab-content .image-comment-wrap.expanded::after {
	opacity: 0;
}


[namespace=trip-deals-tickets-step1-B].deal-list .tab-content .image-comment-wrap .ticket-description-view-button {
	position: sticky;
	bottom: 16px;
	left: 50%;
	z-index: 8;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	padding: 8px 24px;
	border: 1px solid #e4e4e4;
	background-color: #fff;
	border-radius: 8px;	
	cursor: pointer;

	font-weight: 700;
	letter-spacing: -1px;
	font-size: 14px;
}


[namespace=trip-deals-tickets-step1-B].deal-list .tab-content .image-comment-wrap .ticket-description {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}


[namespace=trip-deals-tickets-step1-B].deal-list .tab-content .image-comment-wrap .ticket-description .ticket-description-main-image {
	width: 100%;
	height: auto;
	object-fit: cover;
	display: block;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab-content .image-comment-wrap .ticket-description .ticket-description-detail-image {
	width: 100%;
	height: auto;
	object-fit: cover;
	display: block;
}


[namespace=trip-deals-tickets-step1-B].deal-list .tab-content .comment-title {
	font-size: 18px;
	font-weight: 700;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab-content ul {
	margin-bottom: 16px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab-content ul > li {
	margin-bottom: 4px;
	font-size: 15px;
	display: flex;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab-content ul > li .dot {
	content: "•";
	color: #007aff;
	margin-right: 8px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .map-wrap {
	padding: 18px 12px;
	margin-bottom: 12px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content #map {
	aspect-ratio: 5/3;
	width: 100%;
	border-radius: 12px;
	border: 1px solid #e4e4e4;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .row {
	font-weight: 400;
	font-size: 16px;
	align-items: center;
	padding: 0 16px;
	margin-bottom: 4px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .row:last-child {
	margin-bottom: 16px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .row .left {
	display: flex;
	gap:8px;
	align-items: center;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .row .title {
	color: #007aff;
	min-width: 50px;
	font-weight: 700;
	margin-right: 12px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .row .content {
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .row [data-btn-copy-address] {
	border-radius: 64px;
	padding: 2px 24px;
	height: auto;
	width: auto;
	color: #006fff;
	font-size: 14px;
	background-color: #e5f1ff;
	margin-left: auto;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content[data-view-all="on"] [data-btn-view-all],
[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content .review-list[data-view-all="on"] + [data-btn-view-all] {
	position: sticky;
	bottom: 0;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .review-sort {
	display: flex;
	justify-content: flex-end;
	padding: 12px 16px;
	padding-bottom: 0;
	color: #007aff;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .review-sort .select-wrap {
	display: flex;
	align-items: center;
	gap: 8px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .review-list {
	padding: 12px;
	display: flex;
	flex-direction: column;
	/* gap: 16px; */
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .review-list > *:has(*) {
	margin-bottom: 16px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .review-list[data-view-all=off] .overflow {
	display: none;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .review-list[data-view-all=on] .overflow {
	display: block;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .review-list[data-view-all=off] + [data-btn-view-all] .view-more-on,
[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .review-list[data-view-all=on] + [data-btn-view-all] .view-more-off {
	display: block;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .review-list[data-view-all=on] + [data-btn-view-all] .view-more-on,
[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .review-list[data-view-all=off] + [data-btn-view-all] .view-more-off {
	display: none;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content [data-btn-view-all] {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 6px 24px;
	border: 1px solid #e4e4e4;
	background-color: #fff;
	border-radius: 8px;
	margin-bottom: 8px;
	font-weight: 700;
	letter-spacing: -1px;
	width: 100%;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content [data-btn-view-all] i {
	margin-left: 5px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .review-list .review-card {
	background-color: #f6f6f6;
	padding: 8px 24px;
	border-radius: 12px;
	position: relative;
	margin-bottom: 32px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .review-list .review-card .header {
	display: flex;
	justify-content: space-between;
	padding: 14px 12px;
	font-size: 16px;
	padding-bottom: 0;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .review-list .review-card .quote {
	height: 16px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .review-list .review-card .header i.fa-star {
	color: #ffad33;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .review-list .review-card .content-wrap {
	padding: 16px 12px;
	padding-top: 8px;
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .review-list .review-card .content-wrap .content {
	white-space: pre-wrap;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .review-list .review-card .content-wrap .reg-date {
	margin-left: auto;
	color: #888;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .review-list .review-card.manager {
	background-color: #ECF3FA;
	padding-top: 24px;
	margin-bottom: 16px;
	position: relative;
	width: calc(100% - 86px);
	/* justify-self: flex-end; */
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .review-list .review-card.manager::before {
	content: "";
	position: absolute;
	top: 32px;
	transform: translateY(-50%);
	left: -28px;
	width: 18px;
	height: 18px;
	background-image: url("/img/sign/down-right-arrow.svg");
	background-size: cover;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .review-list > .manager-comment-list {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .review-list > .manager-comment-list:has(*) + .review-card:not(.manager) {
	margin-top: 32px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .review-list > .manager-comment-list:has(*) + .review-card:not(.manager)::before {
	content: "";
	position: absolute;
	top: -42px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 1px;
	border-bottom: 2px dotted #d8d8d8;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .review-list .review-card .footer {
	display: flex;
	border-top: 1px solid #d8d8d8;
	margin: 0 12px;
	padding: 16px 0;
	justify-content: space-between;
	font-size: 16px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .review-list .review-card .footer .name {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 18px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .review-list .review-card .footer .name img {
	height: 18px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .review-list .review-card .footer .reg-date {
	color: #888;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .review-list .review-card .review-tail {
	position: absolute;
	top:100%;
	height: 20px;
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .review-list .review-card:not(.manager) .review-tail {
	right: 24px;
	/* transform: scaleX(-1); */
}

[namespace=trip-deals-tickets-step1-B].deal-list .tab > .tab-content > .review-list .review-card.manager .review-tail {
	right: 24px;
}


[namespace=trip-deals-tickets-step1-B].deal-list .button[data-btn-booking] {
	position: fixed;
	width: calc(100% - 48px);
	bottom: 50px;
	padding: 24px;
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	color: #fff;
	background-color: #006fff;
	z-index: 10;
 }

 [namespace=trip-deals-tickets-step1-B].deal-list .button[data-btn-back] {
     width: calc(100% - 48px);
     padding: 24px;
     font-size: 18px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 12px;
	 color: #006fff;
	 background-color: #fff;
     border: 1px solid #006fff;
}

@media (max-width: 629px) {

	[namespace=trip-deals-tickets-step1-B].deal-list .trip-deals-board,
	[namespace=trip-deals-tickets-step1-B].deal-list .tab {
		padding: 0 14px;
		width: calc(100% - 28px);
	}

	[namespace=trip-deals-tickets-step1-B].deal-list .button[data-btn-back],
	[namespace=trip-deals-tickets-step1-B].deal-list .button[data-btn-booking] {
		width: calc(100% - 28px);
	}
}


/*[namespace=trip-deals-tickets-step2].block-wrap*/

[namespace=trip-deals-tickets-step2].block-wrap {
	padding-bottom: 20px;
}

[namespace=trip-deals-tickets-step2].block-wrap:not(:last-child) {
	border-bottom: 1px dashed #888;
}

[namespace=trip-deals-tickets-step2].block-wrap .divider-company .block.company-info .block-content {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 12px;
	flex-wrap: wrap;
}

[namespace=trip-deals-tickets-step2].block-wrap .divider-company .block.company-info .left {
	margin: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

[namespace=trip-deals-tickets-step2].block-wrap .divider-company .block.company-info .logo img {
	width: 128px;
	height: 128px;
	border-radius: 16px;
}

[namespace=trip-deals-tickets-step2].block-wrap .divider-company .block.company-info .block-content .right {
	margin: 10px;
	align-self: center;
}

[namespace=trip-deals-tickets-step2].block-wrap .divider-company .block.company-info .block-content .right .company {
	font-weight: 700;
	font-size: 28px;
	text-wrap: wrap;
}

[namespace=trip-deals-tickets-step2].block-wrap .divider-company .block.company-info .block-content .notice-expire {
	font-weight: 400;
	font-size: 16px;
	color: #000;
	text-wrap: wrap;
}

[namespace=trip-deals-tickets-step2].block-wrap .divider-company .block.company-info .block-content .notice-expire span {
	color: #006FFF;
	margin: 0 5px;
	text-wrap: nowrap;
}

[namespace=trip-deals-tickets-step2].block-wrap .block.company-deal-list {
	margin: 0;
	padding: 0;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal {
	position: relative;
	margin: 10px 0;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-header{
	display: flex;
	flex-direction: column;
	margin: 16px;
	padding: 10px;
	gap: 8px;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-header .title {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-weight: 600;
	margin-bottom: 16px;
	gap: 16px;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-header .title .index {
	position: relative;
	background-color: #007aff;
	padding: 4px 14px;
	border-radius: 4px;
	color: #fff;
	font-weight: 400;
	font-size: 14px;
	text-wrap: nowrap;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-header .title .index::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateX(-50%) translateY(-50%);
	width: 8px;
	height: 8px;
	background-color: #fff;
	border-radius: 50%;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-header .title .index::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateX(50%) translateY(-50%);
	width: 8px;
	height: 8px;
	background-color: #fff;
	border-radius: 50%;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-header .title .name {
	font-size: 20px;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-header .charge-info {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	color: #666;
	font-size: 13px;
	gap: 16px;
	padding: 10px 0;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	text-align: center;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-header .charge-info .vr {
	border-right: 1px solid #e4e4e4;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-header .charge-info span.price {
	text-wrap: nowrap;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-content {
	margin: 16px;
	padding: 0 10px;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-content .count {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	gap: 10px;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-content .count > .select-wrap {
	width: calc(33% - 6px);
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 35px;
	cursor: pointer;
	align-items: center;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-content .count > .select-wrap select {
	padding-left: 10px;
	width: 100%;
	height: 100%;
	font-weight: 500;
	font-size: 14px;
	border: 1px solid #e4e4e4;
	border-radius: 6px;
	color: #333;
	background-color: #fff;
	cursor: pointer;
	z-index: 1;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-content .count > .select-wrap.selected select {
	border: 1px solid #007aff;
	background-color: #F1F8FF;
	color: #007aff;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-content .count > .select-wrap i {
	position: absolute;
	right: 10px;
	color: #333;
	z-index: 1;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-content .count > .select-wrap.selected i {
	color:#007aff;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-content .info {
	font-size: 14px;
	color: #888888;
	margin: 20px 0;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-content .info .left {
	min-width: 35%;

}


[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-content .info .right {
	margin-left: auto;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-content .info button[data-btn-view-detail] {
	display: flex;
	align-items: center;
	padding: 0 20px;

	> i {
		color:#C8222C;
		margin-right: 4px;
	}
	> p {
		color: #C8222C;
		margin-right: 12px;
	}
}


[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal[data-view-detail=true] button[data-btn-view-detail] {
	border: 1px solid #888888;
	color: #fff;
	background-color: #888888;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal[data-view-detail=false] button[data-btn-view-detail] {
	border: 1px solid #f1f1f1;
	color: #333;
	background-color: #f1f1f1;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-content .info .right {
	color: #333;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-content .info .charge {
	font-weight: 600;
	font-size: 24px;
	color: #007aff;
	margin: 5px;
	margin-right: 0;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-content .info .unit {
	font-weight: 700;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .detail {
	display: flex;
	flex-direction: column;
	margin-top: 10px;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal[data-view-detail=false] .detail { display: none; }

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal[data-view-detail=true] .detail { display: flex; }

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .detail > .row {
	font-size: 14px;
	flex-direction: row;
	justify-content: flex-start;
	width: 100%;
	margin-top: 5px;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .detail > .row .title {
	font-weight: 600;
	color: #555555;
	width: 15%;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .detail > .row .description {
	color: #888888;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-footer {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0;
	padding-top: 16px;
	margin: 16px;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-footer .notice {
	 align-items: center;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-footer .notice i {
	margin: 0 10px;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-footer .notice span {
	color: #C8222C;
	font-weight: 700;
	font-size: 14px;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-footer {
	display: none;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal.require-schedule .card-footer {
	display: flex;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-footer .schedule {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-footer .schedule .left {
	margin: 10px;
	margin-right: 0;
	font-size: 14px;
	letter-spacing: -0.5px;
	align-self: center;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-footer .schedule .right {
	margin: 10px;
	margin-left: 0;
	align-self: center;
} 

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal .card-footer .schedule .right .schedule-wrap {
	background-color: #FFFFFF;
	border: 1px solid #888888;
	color: #000;
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 5px;
	cursor: pointer;
}

[namespace=trip-deals-tickets-step2].block-wrap .company-deal-list .card.card-deal [data-btn-remove-deal].link {
	position: absolute;
	color: #C8222C;
	font-size: 18px;
	top: -4px;
	right: -4px;
}

@media (max-width: 629px){
	[namespace=trip-deals-tickets-step2].block-wrap .divider-company .block.company-info .block-content .company,
	[namespace=trip-deals-tickets-step2].block-wrap .divider-company .block.company-info .block-content .notice-expire {
		text-align: center;
	}
}