/*ckeditor*/
.ck.ck-balloon-panel.ck-balloon-panel_visible {
	z-index: 11000;
}

.ck.ck-powered-by {
	/*display: none;*/
}

.ck.ck-content {
	height: 100%;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
.ck.ck-content ul {
	padding-left: 40px;
}

.ck.ck-editor__editable[contenteditable="false"] .ck-widget.ck-widget_selected,
.ck.ck-editor__editable[contenteditable="false"] .ck-widget.ck-widget_focused {
	outline: none;
}

.ck.ck-editor__editable[contenteditable="false"] .ck-widget__selection-handle {
	display: none;
}
/* moon */
:root {
	--font-size-large-3x: 30px;
	--font-size-large-2x: 26px;
	--font-size-large-x: 24px;
	--font-size-large: 22px;
	--font-size-medium: 20px;
	--font-size-small: 18px;
	--font-size-small-x: 16px;

	--font-size-fa-xmark: 32px;
	--font-size-fa-menubar-mobile: 30px;

	--font-size-fa-preloader: 100px;

	--color-main: #E20013;
	--color-main-typo: #000;
	--editor-height:  500px;

	/* theme color variables to use in RGB declarations */
	--red: 255;
	--green: 255;
	--blue: 255;
	/* the threshold at which colors are considered "light". 
	Range: decimals from 0 to 1, recommended 0.5 - 0.6 */
	--threshold: 0.5;
	/* the threshold at which a darker border will be applied.
	Range: decimals from 0 to 1, recommended 0.8+ */
	--border-threshold: 0.8; 

	/* 
	Calcs perceived brightness using the 
	sRGB Luma method
	lightness = (red * 0.2126 + green * 0.7152 + blue * 0.0722) / 255
	*/
	--r: calc(var(--red) * 0.2126);
	--g: calc(var(--green) * 0.7152);
	--b: calc(var(--blue) * 0.0722);
	--sum: calc(var(--r) + var(--g) + var(--b));

	--perceived-lightness: calc(var(--sum) / 255); /* origin value */
	--perceived-lightness-custom: calc(var(--sum) / 355);  /* custom value by Moon */
	--color-typo: hsl(0, 0%, calc((var(--perceived-lightness-custom) - var(--threshold)) * -10000000%));
}

/* override - f7 */
:root {
	--f7-calendar-height: 330px;
	--f7-calendar-week-header-height: auto;
 	--f7-calendar-row-border-color: transparent;

    --f7-picker-inline-height: 120px;

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

	--f7-input-outline-focused-border-color: var(--color-main);

	--f7-card-box-shadow: 0px;
}

*,
*: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-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;
	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;
	/*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;
	/*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;
	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;
	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;
}

.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;
}

.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-blue {
	color: #006FFF;
}

.txt-red {
	color: #FF0000;
}
@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);
	}
}
@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;
}

/* .page-desktop */
body.on-edit [data-btn-add-content] { display:flex !important; }
body.on-edit [data-btn-remove-content] { display:flex !important; }
body.on-edit [data-btn-update-content] { display:flex !important; }
body.on-edit [data-btn-edit-content] { display:flex !important; }
body.on-manage [data-btn-manager-sign-out] { display:inline !important; }
body.on-manage [data-btn-manage-penalty] { display:inline !important; }

.view-main .page {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #fff;
	overflow: auto;
	overflow-x: hidden;
	font-size: var(--font-size-medium);
}

.view-main .page .page-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 1280px;
	padding-top: 60px;
	padding-bottom: 10px;
	border-bottom: 1px solid #333;
	font-size: var(--font-size-large);
}

.view-main .page .page-header .right .show-on-mobile {
	display: none;
}

.view-main .page .page-header .right a.panel-open.on { display: block; }
.view-main .page .page-header .right a.panel-open.off { display: none; }

html.with-panel .view-main .page .page-header .right a.panel-open.on { display: none; }
html.with-panel .view-main .page .page-header .right a.panel-open.off { display: block; }

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

.view-main .page .page-console .console-inner {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	max-width: 100%;
}

.view-main .page .page-content {
	display: flex;
	width: 1280px;
	padding-top: 25px;
	padding-bottom: 25px;
	height: auto;
	overflow: visible !important;
}

.view-main .page .page-footer {
	width: 1280px;
	margin-top: 100px;
	padding-top: 25px;
	padding-bottom: 100px;
	border-top: 1px solid #333;
}

.view-main .page .page-footer .footer-content {
	display: flex;
	flex-direction: row;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
	.view-main .page {
		font-size: var(--font-size-small);
	}

	.view-main .page .page-header {
		padding-top: 25px;
	}

	.view-main .page .page-header,
	.view-main .page .page-content,
	.view-main .page .page-footer {
		width: calc(100% - 80px);
	}

	.view-main .page .page-footer .left {
		display: none;
	}

	.view-main .page .page-footer .right {
		width: 100%;
		font-size: var(--font-size-small);
	}
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	.view-main .page {
		font-size: var(--font-size-small);
	}

	.view-main .page .page-header,
	.view-main .page .page-content,
	.view-main .page .page-footer {
		width: calc(100% - 40px);
	}

	.view-main .page .page-header {
		padding-top: 25px;
	}

	.view-main .page .page-header .right {
		position: relative;
	}

	.view-main .page .page-header .right .hide-on-mobile {
		display: none;
	}

	.view-main .page .page-header .right .show-on-mobile {
		display: block;
		font-size: var(--font-size-fa-menubar-mobile);
		position: absolute;
		right: 0px;
		bottom: 0px;
	}

	.view-main .page .page-footer .right {
		font-size: var(--font-size-small-x);
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
	.view-main .page {
		font-size: var(--font-size-small);
	}

	.view-main .page .page-header,
	.view-main .page .page-content,
	.view-main .page .page-footer {
		width: calc(100% - 30px);
	}

	.view-main .page .page-header .left .hide-on-mobile {
		display: none;
	}

	.view-main .page .page-footer .right {
		font-size: var(--font-size-small-x);
	}
}

/* .page-content */

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

}

[namespace=view-cars-step1-list].page .page-content .content-inner {
	width: 100%;
}

[namespace=view-cars-step1-list].page .page-console .console-inner {
	display: flex;
	flex-wrap: wrap;
}

[namespace=view-cars-step1-list].page .page-console .console-inner > div {
	flex-basis: calc(50% - 10px);
	width: calc(50% - 10px);
}

[namespace=view-cars-step1-list].page .page-content .trip-deals-board {
	border-top: 3px solid var(--color-main);
	padding-top: 45px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}

[namespace=view-cars-step1-list].page .page-content .trip-deals-board .card {
	flex-basis: calc(50% - 12px);
	box-shadow: none;
}

[namespace=view-cars-step1-list].page .page-content .trip-deals-board .no-data {
	display: flex;
	width: 100%;
	height: 250px;
	justify-content: center;
	align-items: center;
}

@media (max-width: 1280px) {
	[namespace=view-cars-step1-list].page .page-sub-title,
	[namespace=view-cars-step1-list].page .page-console .console-inner {
		width: calc(100% - 40px);
	}

	[namespace=view-cars-step1-list].page .page-console .console-inner > div {
		width: calc(50% - 20px);
	}
}

@media (max-width: 1000px) {
	[namespace=view-cars-step1-list].page .page-console .console-inner {
		width: calc(100% - 40px);
		flex-direction: column;
		align-items: center;
		flex-wrap: nowrap;
	}

	[namespace=view-cars-step1-list].page .page-console .console-inner > div {
		width: 100%;
	}

	[namespace=view-cars-step1-list].page .page-console .console-inner > :first-child {
		margin-bottom: 16px;
	}

	[namespace=view-cars-step1-list].page .page-content .trip-deals-board {
		padding: 24px 0;
	}

	[namespace=view-cars-step1-list].page .page-content .trip-deals-board .card {
		flex-basis: 100%;
	}
}

@media (max-width: 680) {
}
/* .page-content */

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

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

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

[namespace=view-cars-step2-check].page .page-content .block .block-header .title {
	font-size: var(--font-size-medium);
	color: var(--color-main-typo);
}

[namespace=view-cars-step2-check].page .page-content .block .block-header .title i {
	margin-right: 20px;
}

[namespace=view-cars-step2-check].page .page-content .block .card {
	margin: 0;
}

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


[namespace=view-cars-step2-check].page .page-content .block .card .card-content .cols i {
	margin-right: 24px;
}

[namespace=view-cars-step2-check].page .page-content .block.require-info .card .card-content,
[namespace=view-cars-step2-check].page .page-content .block.option-info .card .card-content {
	display: flex;
	flex-direction: row;
/*	justify-content: space-between;*/
	justify-content: flex-start;
	flex-wrap: wrap;
	padding-bottom: 25px;
}

[namespace=view-cars-step2-check].page .page-content .block.require-info .card .card-content .cols,
[namespace=view-cars-step2-check].page .page-content .block.option-info .card .card-content .cols {
/*	flex-basis: calc(25% - 12px);*/
	flex-basis: 25%;
	margin-bottom: 15px;
}

[namespace=view-cars-step2-check].page .page-content .block.user-info .card .card-content {
	display: flex;
	flex-direction: column;
}

[namespace=view-cars-step2-check].page .page-content .block.user-info .card .card-content .row {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-bottom: 24px;
}

[namespace=view-cars-step2-check].page .page-content .block.user-info .card .card-content .row:last-child {
	margin-bottom: 0;
}

[namespace=view-cars-step2-check].page .page-content .block.user-info .card .card-content .row .left {
	width: 13%;
	align-self: center;
}

[namespace=view-cars-step2-check].page .page-content .block.user-info .card .card-content .row .right {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 87%;
}

[namespace=view-cars-step2-check].page .page-content .block.user-info .card .card-content .row .right input {
	border: 1px solid #DDDDDD;
	border-radius: 8px;
	padding: 12px 16px;
	margin-left: 8px;
	margin-right: 8px;
}

[namespace=view-cars-step2-check].page .page-content .block.user-info .card .card-content .row .right input:focus {
	border: 1px solid var(--color-main-typo);
	transition: border-color 1s;
}

[namespace=view-cars-step2-check].page .page-content .block.user-info .card .card-content .row .right input:last-child {
	margin-right: 0;
}

[namespace=view-cars-step2-check].page .page-content .block.user-info .card .card-content .row.user-name .right input {
	width: 50%;
}

[namespace=view-cars-step2-check].page .page-content .block.user-info .card .card-content .row.user-phone .right input {
	width: 26%;
}

[namespace=view-cars-step2-check].page .page-content .block.extra-request .card .card-content {
	padding: 24px;
}

[namespace=view-cars-step2-check].page .page-content .block.extra-request .card .card-content .block-header.title {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 16px;
	margin-bottom: 16px;
}

[namespace=view-cars-step2-check].page .page-content .block.extra-request .card .card-content .block-header.title .left {
	font-weight: 700;
	font-size: var(--font-size-medium);
	color: #333;
}

[namespace=view-cars-step2-check].page .page-content .block.extra-request .card .card-content .block-header.title .right .button {
	padding: 2px 16px;
	font-size: var(--font-size-small-x);
	background-color: #fff;
	color: #333;
	border-radius: 4px;
	border: 1px solid #DDDDDD;
	height: auto;
}

[namespace=view-cars-step2-check].page .page-content .block.extra-request .card .card-content .block-content .empty-message {
	font-size: var(--font-size-small);
	color: #888;
	text-align: center;
	margin-top: 64px;
	margin-bottom: 64px;
}

[namespace=view-cars-step2-check].page .page-content .block.extra-request .card .card-content .block-content .extra-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 16px;
}

[namespace=view-cars-step2-check].page .page-content .block.extra-request .card .card-content .block-content .extra-container > .card {
	width: calc(50% - 16px);
}

[namespace=view-cars-step2-check].page .page-content .block.agree-terms .tab-nav {
	display: flex;
	flex-direction: row;
}

[namespace=view-cars-step2-check].page .page-content .block.agree-terms .tab-nav .tab-link {
	padding: 8px 16px;
	font-weight: 700;
	color: #888;
	background-color: #f2f2f2;
	border: 1px solid #f2f2f2;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	width: 100%;
	display: flex;
	justify-content: center;
}

[namespace=view-cars-step2-check].page .page-content .block.agree-terms .tab-nav .tab-link.tab-link-active {
	background-color: var(--color-main);
	color: var(--color-typo);
	border-color: var(--color-main);
}

[namespace=view-cars-step2-check].page .page-content .block.agree-terms .block-content .card {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-top: 0;
}

[namespace=view-cars-step2-check].page .page-content .block.agree-terms .block-content .card .card-content {
	padding: 24px;
	min-height: 350px;
	max-height: 350px;
	overflow-y: auto;
}

[namespace=view-cars-step2-check].page .page-content .block.agree-terms .block-footer {
	margin-top: 72px;
	margin-bottom: 24px;
	font-size: var(--font-size-small);
	color: #333;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

[namespace=view-cars-step2-check].page .page-content .block.agree-terms .block-footer .radio {
	display: flex;
	flex-direction: row;
	margin-left: 36px;
}

[namespace=view-cars-step2-check].page .page-content .block.agree-terms .block-footer .item-radio:active {
	background-color: rgba(0, 0, 0, 0);
	opacity: 0.5;
}

[namespace=view-cars-step2-check].page .page-content .block.agree-terms .block-footer .radio i {
	margin-right: 8px;
}

[namespace=view-cars-step2-check].page .page-content .block.agree-terms .block-footer .radio input:checked ~ .item-inner .fa-circle-dot {
	display: inline-block;
}

[namespace=view-cars-step2-check].page .page-content .block.agree-terms .block-footer .radio input ~ .item-inner .fa-circle-dot,
[namespace=view-cars-step2-check].page .page-content .block.agree-terms .block-footer .radio input:checked ~ .item-inner .fa-circle {
	display: none;
}

[namespace=view-cars-step2-check].page .page-content .block.price-area {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 0;
	margin-bottom: 48px;
}

[namespace=view-cars-step2-check].page .page-content .block.price-area .block-header {
	display: flex;
	gap: 8px;
	font-size: var(--font-size-small-x);
	padding-bottom: 0;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

[namespace=view-cars-step2-check].page .page-content .block.price-area .block-header .item:not(:first-child)::before {
	content: '+';
}

[namespace=view-cars-step2-check].page .page-content .block.price-area .block-content {
	font-size: var(--font-size-large-x);
	text-align: center;
}

[namespace=view-cars-step2-check].page .page-content .block.price-area .block-content .price-total {
	font-weight: 700;
	font-size: var(--font-size-large-3x);
	color: var(--color-main-typo);
	margin-left: 8px;
	margin-right: 8px;
}

[namespace=view-cars-step2-check].page .page-content .block.btn-area {
	margin-bottom: 64px;
}

[namespace=view-cars-step2-check].page .page-content .block.btn-area .block-content {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}

[namespace=view-cars-step2-check].page .page-content .block.btn-area .block-content button {
	padding: 16px 30px;
	height: 100%;
	width: 40%;
	font-size: var(--font-size-small);
}

[namespace=view-cars-step2-check].page .page-content .block.btn-area .block-content button[data-btn-back]{
	background-color: #DDDDDD;
	color: #333;
}

[namespace=view-cars-step2-check].page .page-content .block.btn-area .block-content button[data-btn-back] i {
	margin-right: 12px;
}

[namespace=view-cars-step2-check].page .page-content .block.btn-area .block-content button[data-btn-reserve]{
	background-color: var(--color-main);
	color: var(--color-typo);
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
	[namespace=view-cars-step2-check].page .page-content .block .block-header .title { font-size: var(--font-size-small-x); }
	[namespace=view-cars-step2-check].page .page-content .block .card {	font-size: var(--font-size-small-x); }
	[namespace=view-cars-step2-check].page .page-content .block.agree-terms .block-footer { font-size: var(--font-size-small-x); }
	[namespace=view-cars-step2-check].page .page-content .block.btn-area .block-content button  { font-size: var(--font-size-small-x); }
}

/* 반응형 step2  - Tablet 대응 */

@media (max-width: 1000px) {
	[namespace=view-cars-step2-check].page .page-content .block .block-header {
		padding: 0;
	}

	[namespace=view-cars-step2-check].page .page-content .block .block-header .title { font-size: var(--font-size-small-x); }
	[namespace=view-cars-step2-check].page .page-content .block .card {	font-size: var(--font-size-small-x); }
	[namespace=view-cars-step2-check].page .page-content .block .card .card-content .cols { font-size: var(--font-size-small-x); }
	[namespace=view-cars-step2-check].page .page-content .block.agree-terms .block-footer { font-size: var(--font-size-small-x); }

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

	[namespace=view-cars-step2-check].page .page-content .block .card .card-content .cols i {
		margin-right: 12px;
	}
	
	[namespace=view-cars-step2-check].page .page-content .block.require-info .card .card-content,
	[namespace=view-cars-step2-check].page .page-content .block.option-info .card .card-content {
		padding-bottom: 9px;
	}

	[namespace=view-cars-step2-check].page .page-content .block.extra-request .card .card-content .block-content .extra-container > .card {
		width: 100%;
	}

	[namespace=view-cars-step2-check].page .page-content .block.extra-request > .block-content >.card > .card-content {
		padding: 12px;
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
	[namespace=view-cars-step2-check].page .page-content .block .block-header .title { font-size: var(--font-size-small-x); }
	[namespace=view-cars-step2-check].page .page-content .block .card {	font-size: var(--font-size-small-x); }
	[namespace=view-cars-step2-check].page .page-content .block .card .card-content .cols {	font-size: var(--font-size-small-x); }

	[namespace=view-cars-step2-check].page .page-content .block { margin-top:0; }

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

	[namespace=view-cars-step2-check].page .page-content .block .card .card-content .cols i {
		margin-right: 4px;
	}

	[namespace=view-cars-step2-check].page .page-content .block.require-info .card .card-content .cols,
	[namespace=view-cars-step2-check].page .page-content .block.option-info .card .card-content .cols {
		flex-basis: calc(50% - 2px);
	}

	[namespace=view-cars-step2-check].page .page-content .block.user-info .card .card-content .row {
		flex-direction: column;
		align-items: center;
	}

	[namespace=view-cars-step2-check].page .page-content .block.user-info .card .card-content .row .left {
		width: 100%;
		margin-bottom: 12px;
	}

	[namespace=view-cars-step2-check].page .page-content .block.user-info .card .card-content .row .right input {
		padding-left: 4px;
		padding-right: 4px;
	}

	[namespace=view-cars-step2-check].page .page-content .block.agree-terms .block-footer {
		margin-top: 28px;
		margin-bottom: 0;
		flex-direction: column;
		align-items: center;

	}
	[namespace=view-cars-step2-check].page .page-content .block.agree-terms .block-footer div {
		margin-top: 8px;
	}

	[namespace=view-cars-step2-check].page .page-content .block.btn-area .block-content {
		flex-direction: column-reverse;
	}

	[namespace=view-cars-step2-check].page .page-content .block.btn-area .block-content :not(:first-child) {
		margin-bottom: 12px;
	}

	[namespace=view-cars-step2-check].page .page-content .block.btn-area .block-content button {
		padding: 8px;
		width: 100%;
	}
}
/* .page-content */

[namespace=view-cars-step3-done].page .page-content {
	display: flex;
	flex-direction: column;
	padding-top: 0;
}

[namespace=view-cars-step3-done].page .page-content .block {
	padding: 0;
	margin: 32px 0;
}

[namespace=view-cars-step3-done].page .page-content .block.reserve-info .block-header {
	padding-bottom: 8px;
}

[namespace=view-cars-step3-done].page .page-content .block.reserve-info .block-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 12px;
}

[namespace=view-cars-step3-done].page .page-content .block.price {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

[namespace=view-cars-step3-done].page .page-content .block.price .block-content {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	gap: 12px;
	font-weight: 700;
	font-size: var(--font-size-large);
}

[namespace=view-cars-step3-done].page .page-content .block.price .block-content span {
	font-size: var(--font-size-large-2x);
	color: #006FFF;
}

[namespace=view-cars-step3-done].page .page-content .block .block-header .title {
	font-size: var(--font-size-medium);
}

[namespace=view-cars-step3-done].page .page-content .block .block-header .title i {
	margin-right: 20px;
}

/*[namespace=view-cars-step3-done].page .page-content .block.reserve-result */

[namespace=view-cars-step3-done].page .page-content .block.reserve-result {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

[namespace=view-cars-step3-done].page .page-content .block.reserve-result .block-header {
	font-weight: 700;
	font-size: var(--font-size-medium);
}

[namespace=view-cars-step3-done].page .page-content .block.reserve-result .block-content {
	font-weight: 700;
	font-size: var(--font-size-medium);
	text-align: center;
	margin-bottom: 20px;
	color: #000000;
}

[namespace=view-cars-step3-done].page .page-content .block.reserve-result .block-footer{
	font-size: var(--font-size-small-x);
	color: #000000;
}

[namespace=view-cars-step3-done].page .page-content .block.btn-area {
	margin-bottom: 64px;
}

[namespace=view-cars-step3-done].page .page-content .block.btn-area .block-content {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}

[namespace=view-cars-step3-done].page .page-content .block.btn-area .block-content button {
	padding: 16px 12px;
	height: 100%;
	width: 40%;
	font-size: var(--font-size-small);
}

[namespace=view-cars-step3-done].page .page-content .block.btn-area .block-content button[data-btn-same-schedule],
[namespace=view-cars-step3-done].page .page-content .block.btn-area .block-content button[data-btn-reserve-again] {
	background-color: #DDDDDD;
	color: #333;
}

[namespace=view-cars-step3-done].page .page-content .block.btn-area .block-content button i {
	margin-right: 16px;
}

/*[namespace=view-cars-step3-done].page .page-content.success*/

[namespace=view-cars-step3-done].page .page-content.success .block .block-header {
	color: #006FFF;
}

[namespace=view-cars-step3-done].page .page-content .block.reserve-info.success .card {
	border-color: #006FFF;
	background-color: #F2F8FE;
}

[namespace=view-cars-step3-done].page .page-content.success .block.btn-area .block-content button[data-btn-home] {
	background-color: #006FFF;
}

/*[namespace=view-cars-step3-done].page .page-content.failed*/

[namespace=view-cars-step3-done].page .page-content .block.partial-failed .block-header,
[namespace=view-cars-step3-done].page .page-content.failed .block .block-header {
	color: #E20013;
}

[namespace=view-cars-step3-done].page .page-content .block.reserve-info.failed .card {
	border-color: #E20013;
	background-color: #FCEFF0;
}

[namespace=view-cars-step3-done].page .page-content.failed .block.btn-area .block-content button[data-btn-home] {
	background-color: #E20013;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
	[namespace=view-cars-step3-done].page .page-content .block .block-header .title  { font-size: var(--font-size-small-x); }
	[namespace=view-cars-step3-done].page .page-content .block.reserve-result .block-header { font-size: var(--font-size-small); }
	[namespace=view-cars-step3-done].page .page-content .block.reserve-result .block-content { font-size: var(--font-size-small); }
	[namespace=view-cars-step3-done].page .page-content .block.reserve-result .block-footer { font-size: var(--font-size-small-x); }
	[namespace=view-cars-step3-done].page .page-content .block.btn-area .block-content button  { font-size: var(--font-size-small); }
	[namespace=view-cars-step3-done].page .page-content .block.btn-area .block-content button i { margin-right: 16px; }
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=view-cars-step3-done].page .page-content .block {
		margin-bottom: 16px;
		margin-top: 16px;
	}

	[namespace=view-cars-step3-done].page .page-content .block .block-header .title { font-size: var(--font-size-small-x); }
	[namespace=view-cars-step3-done].page .page-content .block.reserve-result .block-header { font-size: var(--font-size-small-x); }
	[namespace=view-cars-step3-done].page .page-content .block.reserve-result .block-content { font-size: var(--font-size-small-x); }
	[namespace=view-cars-step3-done].page .page-content .block.reserve-result .block-footer { font-size: var(--font-size-small-x); }
	[namespace=view-cars-step3-done].page .page-content .block.btn-area .block-content button { font-size: var(--font-size-small-x); }
	[namespace=view-cars-step3-done].page .page-content .block.btn-area .block-content button i { margin-right: 10px; }
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
	[namespace=view-cars-step3-done].page .page-content .block .block-header .title { font-size: var(--font-size-small-x); }
	[namespace=view-cars-step3-done].page .page-content .block.reserve-result .block-header { font-size: var(--font-size-small-x); }
	[namespace=view-cars-step3-done].page .page-content .block.reserve-result .block-content { font-size: var(--font-size-small-x); }
	[namespace=view-cars-step3-done].page .page-content .block.reserve-result .block-footer { font-size: var(--font-size-small-x); }

	[namespace=view-cars-step3-done].page .page-content .block.btn-area .block-content {
		flex-direction: column-reverse;
	}

	[namespace=view-cars-step3-done].page .page-content .block.btn-area .block-content :not(:first-child) {
		margin-bottom: 12px;
	}

	[namespace=view-cars-step3-done].page .page-content .block.btn-area .block-content button {
		font-size: var(--font-size-small-x);
		padding: 8px;
		width: 100%;
	}
}

/* .page-content */

[namespace=view-info].page .page-content {
	padding: 0;
	/* height: 100%; */
}

[namespace=view-info].page .page-content > div {
	width: 100%;
}

[namespace=view-info].page .btn-area {
	margin: 24px 0;
}

[namespace=view-info].page button[data-btn-update-content] {
	background-color: #000;
	color: yellow;
	height: 32px;
	padding: 5px 10px;
	align-self: center;
}

[namespace=view-info].page button[data-btn-update-content] i {
	margin-right: 5px;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
[namespace=view-info].page .page-content .ck.ck-content ul li {
	list-style-type: disc;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
[namespace=view-info].page .page-content .ck.ck-content ul ul li {
	list-style-type: circle;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
[namespace=view-info].page .page-content .ck.ck-content ul ul ul li {
	list-style-type: square;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
[namespace=view-info].page .page-content .ck.ck-content ul ul ul ul li {
	list-style-type: square;
}

body.on-edit [namespace=view-info].page .page-content .ck-content {
	height: var(--editor-height);
}
[namespace=view-cs-events].page {
	overflow-y: auto;
}

/* .page-content */

[namespace=view-cs-events].page .page-content {
	flex-direction: column;
	padding-top: 0;
	height: 100%;
}

[namespace=view-cs-events].page .page-content .category-list {
	padding-bottom: 22px;
}

[namespace=view-cs-events].page .page-content .content-list {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}

[namespace=view-cs-events].page .page-content .content-list .no-data {
	flex-basis: 100%;
	color: #888888;
	text-align: center;
	padding: 20px 0;
}
[namespace=view-cs-faq].page {
	overflow-y: auto;
}

/* .page-content */

[namespace=view-cs-faq].page .page-content {
	flex-direction: column;
	padding-top: 0;
	height: 100%;
}

[namespace=view-cs-faq].page .page-content .category-list {
	padding-bottom: 22px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
}

[namespace=view-cs-faq].page .page-content .category-list .btn-add {
	color: #006FFF;
	width: auto;
}

[namespace=view-cs-faq].page .page-content .content-list {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}

[namespace=view-cs-faq].page .page-content .content-list .no-data {
	flex-basis: 100%;
	color: #888888;
	text-align: center;
	padding: 20px 0;
}

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

/* .page-content */

[namespace=view-cs-news].page .page-content {
	flex-direction: column;
	padding-top: 0;
	height: 100%;
}

[namespace=view-cs-news].page .page-content .content-list {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}

[namespace=view-cs-news].page .page-content .content-list .no-data {
	flex-basis: 100%;
	color: #888888;
	text-align: center;
	padding: 20px 0;
}
/* .page-content */

[namespace=view-my-bookings].page {

}

[namespace=view-my-bookings].page .page-content {
	justify-content: flex-start;
	height: 100%;
	padding: 0;
	flex-direction: column;
	align-items: center;
}

[namespace=view-my-bookings].page .page-content .logo-wrap img {
	width: 160px;
}

[namespace=view-my-bookings].page .page-content .block.user-info-form {
	width: 330px;
}

[namespace=view-my-bookings].page .page-content .block.user-info-form .block-header {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

[namespace=view-my-bookings].page .page-content .block.user-info-form .list {
	border: none;
	margin-bottom: 16px;
}

[namespace=view-my-bookings].page .page-content .block.user-info-form .item-content .item-title {
	color: #000000;
}

[namespace=view-my-bookings].page .page-content .block.user-info-form .block-footer {
	padding: 0 17px;	
}

[namespace=view-my-bookings].page .page-content .block.user-info-form .block-footer button {
	font-size: var(--font-size-medium);
	height: 50px;
	padding: 8px;
	background-color: var(--color-main);
	color: var(--color-typo);
}

[namespace=view-my-bookings].page .page-content .block.message {
	margin:0;
	padding:0;
	font-size: var(--font-size-small);
	color: #888888;
	text-align: center;
}

[namespace=view-my-bookings].page .page-content .reserved-deal-list {
	width: 100%;
}
/* .page-content */

[namespace=view-friends-home].page .page-content {
	display: flex;
	flex-direction: column;
}

/* .banner-box  */

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
	[namespace=view-friends-home].page .page-content .banner-box,
	[namespace=view-friends-home].page .page-content .banner-box img {
/*		height: auto;*/
		background-color: #fff;
	}
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
}

/* .responsive-row */

[namespace=view-friends-home].page .page-content .responsive-row {
	display: flex;
	justify-content: space-between;
	margin-top: 35px;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=view-friends-home].page .page-content .responsive-row {
		display: flex;
		flex-direction: column;
		margin-top: 35px;
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
}

/* .search-box, .preview-box  */

[namespace=view-friends-home].page .page-content .responsive-row .search-box,
[namespace=view-friends-home].page .page-content .responsive-row .preview-box {
	width: calc(50% - 10px);
}

[namespace=view-friends-home].page .page-content .responsive-row .preview-box {
	border-radius: 8px;
	background-color: #fff;
	border: 1px solid #ddd;
	padding-bottom: 15px;
}

[namespace=view-friends-home].page .page-content .responsive-row .preview-box .title,
[namespace=view-friends-home].page .page-content .responsive-row .preview-box ul li a {
	display: flex;
	justify-content: space-between;
	margin-left: 35px;
	margin-right: 35px;
}

[namespace=view-friends-home].page .page-content .responsive-row .preview-box ul li a .date {
	font-size: var(--font-size-small);
	letter-spacing: -1px;
}

[namespace=view-friends-home].page .page-content .responsive-row .preview-box .title {
	border-bottom: 2px solid var(--color-main);
	margin-top: 25px;
	margin-bottom: 25px;
	padding-bottom: 10px;
}

[namespace=view-friends-home].page .page-content .responsive-row .preview-box .title .left {
	font-size: var(--font-size-large-x);
}

[namespace=view-friends-home].page .page-content .responsive-row .preview-box .title .right a {
	color: var(--color-main);
}

[namespace=view-friends-home].page .page-content .responsive-row .preview-box .box-content {
	overflow-y: scroll;
	max-height: 230px;
}

[namespace=view-friends-home].page .page-content .responsive-row .preview-box ul li {
	margin-bottom: 10px;
	font-size: var(--font-size-medium);
}

[namespace=view-friends-home].page .page-content .responsive-row .preview-box ul li.no-data {
	text-align: center;
	color: #888888;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=view-friends-home].page .page-content .responsive-row .search-box,
	[namespace=view-friends-home].page .page-content .responsive-row .preview-box {
		width: 100%;
	}

	[namespace=view-friends-home].page .page-content .responsive-row .preview-box {
		margin-top: 25px;
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
	[namespace=view-friends-home].page .page-content .responsive-row .preview-box .title .left {
		font-size: var(--font-size-medium);
	}

	[namespace=view-friends-home].page .page-content .responsive-row .preview-box ul li {
		font-size: var(--font-size-small);
	}

	[namespace=view-friends-home].page .page-content .responsive-row .preview-box .title,
	[namespace=view-friends-home].page .page-content .responsive-row .preview-box ul li a {
		margin-left: 20px;
		margin-right: 20px;
	}

}

/* .horizontal-slide-box  */

[namespace=view-friends-home].page .page-content .horizontal-slide-box {
	margin-top: 60px;

}

[namespace=view-friends-home].page .page-content .horizontal-slide-box .title {
	font-size: var(--font-size-large-x);
	margin-bottom: 25px;
}

[namespace=view-friends-home].page .page-content .promotion-models.horizontal-slide-box {
	padding-top: 0;
	padding-bottom: 0;
}

[namespace=view-friends-home].page .page-content .promotion-models.horizontal-slide-box .title {
	align-self: flex-start;
}

[namespace=view-friends-home].page .page-content .horizontal-slide-box .swiper-container .swiper-slide {
	display: flex;
	align-items: center;
	text-align: center;
	font-size: 0px;
	margin-right: 25px;
	overflow: hidden;
}

[namespace=view-friends-home].page .page-content .promotion-models.horizontal-slide-box .swiper-container .swiper-slide {
	display: flex;
	flex-direction: column;
	width: auto;
}

[namespace=view-friends-home].page .page-content .promotion-models.horizontal-slide-box .swiper-container .swiper-slide .horizontal-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 300px;
	height: 300px;
	border-radius: 300px;
	background-color: #e5f7fd;
}

[namespace=view-friends-home].page .page-content .promotion-models.horizontal-slide-box .swiper-container .swiper-slide img {
	width: 80%;
	height: auto;
	object-fit: contain;
}

[namespace=view-friends-home].page .page-content .promotion-models.horizontal-slide-box .swiper-container .swiper-slide .model-name {
	margin-top: 15px;
	color: #000;
	font-size: var(--font-size-large);
	font-weight: bold;
	display: block;
}

[namespace=view-friends-home].page .page-content .horizontal-slide-box.square .swiper-container .swiper-slide {
	border-radius: 25px;
}

[namespace=view-friends-home].page .page-content .horizontal-slide-box.square .swiper-container .swiper-slide img {
	width: 450px;
	height: 200px;
	object-fit: fill;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
	[namespace=view-friends-home].page .page-content .promotion-models.horizontal-slide-box .swiper-container .swiper-slide .horizontal-card {
		width: calc(100vw / 5);
		height: calc(100vw / 5);
	}

	[namespace=view-friends-home].page .page-content .horizontal-slide-box.square .swiper-container .swiper-slide,
	[namespace=view-friends-home].page .page-content .horizontal-slide-box.square .swiper-container .swiper-slide img {
		height: 200px;
		width: calc(100vw / 3);
	}
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=view-friends-home].page .page-content .promotion-models.horizontal-slide-box .swiper-container .swiper-slide .horizontal-card {
		width: calc(100vw / 4);
		height: calc(100vw / 4);
	}

	[namespace=view-friends-home].page .page-content .horizontal-slide-box.square .swiper-container .swiper-slide,
	[namespace=view-friends-home].page .page-content .horizontal-slide-box.square .swiper-container .swiper-slide img {
		height: 200px;
		width: calc(100vw / 2);
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
	[namespace=view-friends-home].page .page-content .horizontal-slide-box .title {
		font-size: var(--font-size-medium);
	}

	[namespace=view-friends-home].page .page-content .promotion-models.horizontal-slide-box .swiper-container .swiper-slide .horizontal-card {
		width: calc(100vw / 3);
		height: calc(100vw / 3);
	}

	[namespace=view-friends-home].page .page-content .promotion-models.horizontal-slide-box .swiper-container .swiper-slide .model-name {
		font-size: var(--font-size-small-x);
	}


	[namespace=view-friends-home].page .page-content .horizontal-slide-box.square .swiper-container .swiper-slide,
	[namespace=view-friends-home].page .page-content .horizontal-slide-box.square .swiper-container .swiper-slide img {
		height: 200px;
		width: calc(100vw / 1);
	}
}

/* .contact-box, .map-box  */

[namespace=view-friends-home].page .page-content .responsive-row .contact-box,
[namespace=view-friends-home].page .page-content .responsive-row .map-box {
	width: 50%;
}

[namespace=view-friends-home].page .page-content .responsive-row .map-box {
	height: 600px;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
	[namespace=view-friends-home].page .page-content .responsive-row .contact-box .row .title .right button {
		width: 150px;
	}
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=view-friends-home].page .page-content .responsive-row .contact-box,
	[namespace=view-friends-home].page .page-content .responsive-row .map-box {
		width: 100%;
		height: 700px;
	}

	[namespace=view-friends-home].page .page-content .responsive-row .contact-box .row {
		height: 340px;
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
	[namespace=view-friends-home].page .page-content .responsive-row .contact-box,
	[namespace=view-friends-home].page .page-content .responsive-row .contact-box .row {
		height: auto;
		text-align: center;
	}

	[namespace=view-friends-home].page .page-content .responsive-row .contact-box {
		padding-bottom: 25px;
	}

	[namespace=view-friends-home].page .page-content .responsive-row .contact-box .row:not(:last-child) {
		border-bottom: 2px solid var(--color-main);
	}

	[namespace=view-friends-home].page .page-content .responsive-row .contact-box .row .title {
		flex-direction: column;
		border-bottom: 0px;
		font-size: var(--font-size-medium);
	}

	[namespace=view-friends-home].page .page-content .responsive-row .contact-box .row .title .right a,
	[namespace=view-friends-home].page .page-content .responsive-row .contact-box .row .title .right button {
		width: 100%;
		margin-top: 10px;
	}

	[namespace=view-friends-home].page .page-content .responsive-row .contact-box .row .content {
		height: auto;
		padding-bottom: 25px;
		font-size: var(--font-size-medium);
	}

	[namespace=view-friends-home].page .page-content .responsive-row .map-box {
		height: 400px;
	}
}

/* .page-content */

[namespace=view-acerent-home].page .page-content {
	display: flex;
	flex-direction: column;
}

/* .banner-box  */

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
	[namespace=view-acerent-home].page .page-content .banner-box,
	[namespace=view-acerent-home].page .page-content .banner-box img {
/*		height: auto;*/
		background-color: #fff;
	}
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
}

/* .responsive-row */

[namespace=view-acerent-home].page .page-content .responsive-row {
	display: flex;
	justify-content: space-between;
	margin-top: 35px;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=view-acerent-home].page .page-content .responsive-row {
		display: flex;
		flex-direction: column;
		margin-top: 35px;
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
}

/* .search-box, .preview-box  */

[namespace=view-acerent-home].page .page-content .responsive-row .search-box,
[namespace=view-acerent-home].page .page-content .responsive-row .preview-box {
	width: calc(50% - 10px);
}

[namespace=view-acerent-home].page .page-content .responsive-row .preview-box {
	border-radius: 8px;
	background-color: #fff;
	border: 1px solid #ddd;
	padding-bottom: 15px;
}

[namespace=view-acerent-home].page .page-content .responsive-row .preview-box .title,
[namespace=view-acerent-home].page .page-content .responsive-row .preview-box ul li a {
	display: flex;
	justify-content: space-between;
	margin-left: 35px;
	margin-right: 35px;
}

[namespace=view-acerent-home].page .page-content .responsive-row .preview-box ul li a .date {
	font-size: var(--font-size-small);
	letter-spacing: -1px;
}

[namespace=view-acerent-home].page .page-content .responsive-row .preview-box .title {
	border-bottom: 2px solid var(--color-main);
	margin-top: 25px;
	margin-bottom: 25px;
	padding-bottom: 10px;
}

[namespace=view-acerent-home].page .page-content .responsive-row .preview-box .title .left {
	font-size: var(--font-size-large-x);
}

[namespace=view-acerent-home].page .page-content .responsive-row .preview-box .title .right a {
	color: var(--color-main);
}

[namespace=view-acerent-home].page .page-content .responsive-row .preview-box .box-content {
	overflow-y: scroll;
	max-height: 230px;
}

[namespace=view-acerent-home].page .page-content .responsive-row .preview-box ul li {
	margin-bottom: 10px;
	font-size: var(--font-size-medium);
}

[namespace=view-acerent-home].page .page-content .responsive-row .preview-box ul li.no-data {
	text-align: center;
	color: #888888;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=view-acerent-home].page .page-content .responsive-row .search-box,
	[namespace=view-acerent-home].page .page-content .responsive-row .preview-box {
		width: 100%;
	}

	[namespace=view-acerent-home].page .page-content .responsive-row .preview-box {
		margin-top: 25px;
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
	[namespace=view-acerent-home].page .page-content .responsive-row .preview-box .title .left {
		font-size: var(--font-size-medium);
	}

	[namespace=view-acerent-home].page .page-content .responsive-row .preview-box ul li {
		font-size: var(--font-size-small);
	}

	[namespace=view-acerent-home].page .page-content .responsive-row .preview-box .title,
	[namespace=view-acerent-home].page .page-content .responsive-row .preview-box ul li a {
		margin-left: 20px;
		margin-right: 20px;
	}

}

/* .horizontal-slide-box  */

[namespace=view-acerent-home].page .page-content .horizontal-slide-box {
	margin-top: 60px;

}

[namespace=view-acerent-home].page .page-content .horizontal-slide-box .title {
	font-size: var(--font-size-large-x);
	margin-bottom: 25px;
}

[namespace=view-acerent-home].page .page-content .promotion-models.horizontal-slide-box {
	padding-top: 0;
	padding-bottom: 0;
}

[namespace=view-acerent-home].page .page-content .promotion-models.horizontal-slide-box .title {
	align-self: flex-start;
}

[namespace=view-acerent-home].page .page-content .horizontal-slide-box .swiper-container .swiper-slide {
	display: flex;
	align-items: center;
	text-align: center;
	font-size: 0px;
	margin-right: 25px;
	overflow: hidden;
}

[namespace=view-acerent-home].page .page-content .promotion-models.horizontal-slide-box .swiper-container .swiper-slide {
	display: flex;
	flex-direction: column;
	width: auto;
}

[namespace=view-acerent-home].page .page-content .promotion-models.horizontal-slide-box .swiper-container .swiper-slide .horizontal-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 300px;
	height: 300px;
	border-radius: 300px;
	background-color: #ddd;
}

[namespace=view-acerent-home].page .page-content .promotion-models.horizontal-slide-box .swiper-container .swiper-slide img {
	width: 80%;
	height: auto;
	object-fit: contain;
}

[namespace=view-acerent-home].page .page-content .promotion-models.horizontal-slide-box .swiper-container .swiper-slide .model-name {
	margin-top: 15px;
	color: #000;
	font-size: var(--font-size-large);
	font-weight: bold;
	display: block;
}

[namespace=view-acerent-home].page .page-content .horizontal-slide-box.square .swiper-container .swiper-slide {
	width: auto;
	height: 250px;
/*	border-radius: 25px;*/
}

[namespace=view-acerent-home].page .page-content .horizontal-slide-box.square .swiper-container .swiper-slide img {
	width: 100%;
	height: 250px;
	object-fit: fill;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
	[namespace=view-acerent-home].page .page-content .promotion-models.horizontal-slide-box .swiper-container .swiper-slide .horizontal-card {
		width: calc(100vw / 5);
		height: calc(100vw / 5);
	}

	[namespace=view-acerent-home].page .page-content .horizontal-slide-box.square .swiper-container .swiper-slide,
	[namespace=view-acerent-home].page .page-content .horizontal-slide-box.square .swiper-container .swiper-slide img {
		height: 200px;
		width: calc(100vw / 3);
	}
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=view-acerent-home].page .page-content .promotion-models.horizontal-slide-box .swiper-container .swiper-slide .horizontal-card {
		width: calc(100vw / 4);
		height: calc(100vw / 4);
	}

	[namespace=view-acerent-home].page .page-content .horizontal-slide-box.square .swiper-container .swiper-slide,
	[namespace=view-acerent-home].page .page-content .horizontal-slide-box.square .swiper-container .swiper-slide img {
		height: 200px;
		width: calc(100vw / 2);
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
	[namespace=view-acerent-home].page .page-content .horizontal-slide-box .title {
		font-size: var(--font-size-medium);
	}

	[namespace=view-acerent-home].page .page-content .promotion-models.horizontal-slide-box .swiper-container .swiper-slide .horizontal-card {
		width: calc(100vw / 3);
		height: calc(100vw / 3);
	}

	[namespace=view-acerent-home].page .page-content .promotion-models.horizontal-slide-box .swiper-container .swiper-slide .model-name {
		font-size: var(--font-size-small-x);
	}


	[namespace=view-acerent-home].page .page-content .horizontal-slide-box.square .swiper-container .swiper-slide,
	[namespace=view-acerent-home].page .page-content .horizontal-slide-box.square .swiper-container .swiper-slide img {
		height: 200px;
		width: calc(100vw / 1);
	}
}

/* .contact-box, .map-box  */

[namespace=view-acerent-home].page .page-content .responsive-row .contact-box,
[namespace=view-acerent-home].page .page-content .responsive-row .map-box {
	width: 50%;
}

[namespace=view-acerent-home].page .page-content .responsive-row .map-box {
	height: 600px;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
	[namespace=view-acerent-home].page .page-content .responsive-row .contact-box .row .title .right button {
		width: 150px;
	}
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=view-acerent-home].page .page-content .responsive-row .contact-box,
	[namespace=view-acerent-home].page .page-content .responsive-row .map-box {
		width: 100%;
		height: 700px;
	}

	[namespace=view-acerent-home].page .page-content .responsive-row .contact-box .row {
		height: 340px;
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
	[namespace=view-acerent-home].page .page-content .responsive-row .contact-box,
	[namespace=view-acerent-home].page .page-content .responsive-row .contact-box .row {
		height: auto;
		text-align: center;
	}

	[namespace=view-acerent-home].page .page-content .responsive-row .contact-box {
		padding-bottom: 25px;
	}

	[namespace=view-acerent-home].page .page-content .responsive-row .contact-box .row:not(:last-child) {
		border-bottom: 2px solid var(--color-main);
	}

	[namespace=view-acerent-home].page .page-content .responsive-row .contact-box .row .title {
		flex-direction: column;
		border-bottom: 0px;
		font-size: var(--font-size-medium);
	}

	[namespace=view-acerent-home].page .page-content .responsive-row .contact-box .row .title .right a,
	[namespace=view-acerent-home].page .page-content .responsive-row .contact-box .row .title .right button {
		width: 100%;
		margin-top: 10px;
	}

	[namespace=view-acerent-home].page .page-content .responsive-row .contact-box .row .content {
		height: auto;
		padding-bottom: 25px;
		font-size: var(--font-size-medium);
	}

	[namespace=view-acerent-home].page .page-content .responsive-row .map-box {
		height: 400px;
	}
}


[namespace=view-jejubali-home].page .page-content {
    display: flex;
	flex-direction: column;
    gap: 32px;
}

[namespace=view-jejubali-home].page .page-content .banner-box {
    background-color: #fff;
}

[namespace=view-jejubali-home].page .page-content .swiper-pagination-bullet {
    border: 1px solid #888;
    opacity: 1;
    background-color: #888;
}

[namespace=view-jejubali-home].page .page-content .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
}

[namespace=view-jejubali-home].page .page-content .banner-box [data-btn-edit-content] {
    background-color: var(--color-main);
    color: var(--color-typo);
}

/* [namespace=view-jejubali-home].page .page-content  .search-box */

[namespace=view-jejubali-home].page .page-content  .search-box .set {
    gap: 24px;
}

[namespace=view-jejubali-home].page .page-content  .search-box .set > .row {
    margin-bottom: 0;
}

[namespace=view-jejubali-home].page .page-content  .search-box .set > .row.title {
    font-size: var(--font-size-large-3x);
    position: relative;
}

[namespace=view-jejubali-home].page .page-content  .search-box .set > .row.title::before {
    content: '';
    background-image: url('/img/rentacar/jejubali/jejubali_logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 150px;
    height: 70px;
    position: absolute;
    opacity: 0.2;
}

[namespace=view-jejubali-home].page .page-content .search-box .set > .row > .schedule,
[namespace=view-jejubali-home].page .page-content .search-box .set > .row > .insur-type-wrap {
    height: 70px;
}


[namespace=view-jejubali-home].page .page-content  .search-box [data-btn-start-searching] i {
    color: var(--color-typo);
}

[namespace=view-jejubali-home].page .page-content  .search-box [data-btn-start-searching] {
    padding: 12px;
    font-size: var(--font-size-medium);
    height: 70px;
}


/* search-box 전체 화면 공통*/
[namespace=view-jejubali] .view .search-box {
    background-color: #f2f8e9;
    border: none;
}

[namespace=view-jejubali] .view .search-box i {
    color: var(--color-main);
}

[namespace=view-jejubali] .view .search-box .schedule i {
    font-size: 28px;
}

[namespace=view-jejubali] .view .search-box .set > .row.title {
    align-items: center;
    font-weight: 600;
    font-size: var(--font-size-large-3x);
}

[namespace=view-jejubali] .view .search-box .set > .row > .schedule,
[namespace=view-jejubali] .view .search-box .set > .row > .insur-type-wrap {
    background-color: #fff;
    border: none;
}

[namespace=view-jejubali] .view .search-box [data-btn-start-searching] {
    color: var(--color-typo);
    font-size: var(--font-size-small);
    background: linear-gradient(90deg, var(--color-main), #22804c);
}

[namespace=view-jejubali] .view .search-box [data-btn-start-searching] i {
    margin-left: 4px;
}

/* [namespace=view-jejubali-home].page .page-content .promotion-models */

[namespace=view-jejubali-home].page .page-content .promotion-models {
    display: flex;
    flex-direction: column;
    min-height: 200px;
    margin-bottom: 32px;
}

[namespace=view-jejubali-home].page .page-content .promotion-models .title {
    padding-bottom: 32px;
    font-weight: 600;
    font-size: var(--font-size-large-2x);
}

[namespace=view-jejubali-home].page .page-content .responsive-row .promotion-models .empty-message {
    justify-content: center;
    width: 100%;
    height: 200px;
}

[namespace=view-jejubali-home].page .page-content .promotion-models [data-btn-edit-content] {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 4px 8px;
    background-color: var(--color-main);
    color: var(--color-typo);
    border-radius: 4px;
}

[namespace=view-jejubali-home].page .page-content .responsive-row .promotion-models .swiper-slide {
    background-color: #f5f5f5;
    padding: 24px;
    border-radius: 24px;
    height: auto;
    position: relative;
}

[namespace=view-jejubali-home].page .page-content .responsive-row .promotion-models .swiper-slide::after {
    content: '예약조회하기';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: var(--font-size-large-x);
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(135deg, var(--color-main), #22804c);
    border-radius: 24px;
    transition: opacity 0.3s;
    opacity: 0;
}

[namespace=view-jejubali-home].page .page-content .responsive-row .promotion-models .swiper-slide:hover::after {
    opacity: 0.9;
}

/* [namespace=view-jejubali-home].page .page-content .responsive-row.preview-area */

[namespace=view-jejubali-home].page .page-content .responsive-row.preview-area {
    gap: 24px 0;
}

[namespace=view-jejubali-home].page .page-content .responsive-row .preview-box.news {
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    padding: 16px 24px;
}

[namespace=view-jejubali-home].page .page-content .responsive-row .preview-box.news .title {
    border: none;
}

[namespace=view-jejubali-home].page .page-content .responsive-row .preview-box.news .title .left {
    border-top: unset;
    color: #333;
    font-size: var(--font-size-large-3x);
}

[namespace=view-jejubali-home].page .page-content .responsive-row .preview-box.news .title .right a i {
    color: #bbb;
}

[namespace=view-jejubali-home].page .page-content .responsive-row .preview-box.events .content-area {
    width: 100%;
    aspect-ratio: 502/264;
}

[namespace=view-jejubali-home].page .page-content .responsive-row .preview-box.events .empty-message {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    flex: 1 1;
    background-color: var(--color-main);
    border-radius: 12px;
    color: var(--color-typo);
    font-weight: 600;
    font-size: var(--font-size-large);
}

[namespace=view-jejubali-home].page .page-content .responsive-row .preview-box.events .content-area .swiper-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 12px;
}

[namespace=view-jejubali-home].page .page-content .responsive-row .preview-box.events .content-area .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

[namespace=view-jejubali-home].page .page-content .responsive-row .preview-box.events .content-area .horizontal-card {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

[namespace=view-jejubali-home].page .page-content .responsive-row .preview-box.events .content-area img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

/* [namespace=view-jejubali-home].page .page-content  .contact-box */

[namespace=view-jejubali-home].page .page-content  .contact-box {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

[namespace=view-jejubali-home].page .page-content  .contact-box .row .content::before {
    content: unset;
}

[namespace=view-jejubali-home].page .page-content  .contact-box .row .left .content {
    opacity: 0.7;
}

[namespace=view-jejubali-home].page .page-content  .contact-box .right.btn-area {
    flex-wrap: wrap;
}

[namespace=view-jejubali-home].page .page-content  .contact-box button {
    background-color: #49962d;
}

[namespace=view-jejubali-home].page .page-content  .map-box {
    height: 360px;
}
/* .page-content */

[namespace=view-jejujoy-home].page .page-content {
    display: flex;
	flex-direction: column;
    
}

[namespace=view-jejujoy-home].page .page-content .banner-box {
    background-color: #fff;
}

[namespace=view-jejujoy-home].page .page-content .swiper-pagination-bullet {
    border: 1px solid #888;
    opacity: 1;
    background-color: #888;
}

[namespace=view-jejujoy-home].page .page-content .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
}

[namespace=view-jejujoy-home].page .page-content .banner-box [data-btn-edit-content] {
    background-color: var(--color-main);
    color: var(--color-typo);
}

/* .responsive-row */
[namespace=view-jejujoy-home].page .page-content .responsive-row {
    display: flex;
	justify-content: space-between;
    margin-top: 16px;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=view-jejujoy-home].page .page-content .responsive-row {
		display: flex;
		flex-direction: column;
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
}

/* search-box 전체 화면 공통*/
[namespace=view-jejujoy] .view .search-box {
    background-color: var(--color-main);
    border: none;
}

[namespace=view-jejujoy] .view .search-box i {
    color: var(--color-main);
}

[namespace=view-jejujoy] .view .search-box .schedule i {
    font-size: 28px;
}

[namespace=view-jejujoy] .view .search-box .set > .row.title {
    align-items: center;
}

[namespace=view-jejujoy] .view .search-box .set > .row.title .left {
    color: var(--color-typo);
    font-size: var(--font-size-large-2x);
    font-weight: 500;
}

[namespace=view-jejujoy] .view .search-box .set > .row.title .right {
    color: var(--color-typo);
    font-size: var(--font-size-small);
    opacity: 0.5;
}

[namespace=view-jejujoy] .view .search-box .set > .row > .schedule,
[namespace=view-jejujoy] .view .search-box .set> .row > .insur-type-wrap {
    background-color: #fff;
    border: none;
}

[namespace=view-jejujoy] .view .search-box [data-btn-start-searching],
[namespace=view-jejujoy] .view .search-box [data-btn-start-searching] i {
    color: var(--color-typo);
    background-color: #0040c5;
}

[namespace=view-jejujoy] .view .search-box [data-btn-start-searching] i {
    margin-left: 4px;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=view-jejujoy-home].page .page-content .responsive-row.search {
		display: flex;
		flex-direction: column;
	}

    [namespace=view-jejujoy-home].page .page-content .responsive-row.search .banner-box {
        flex-basis: 100% !important;
        width: 100% !important;
    }
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
}

[namespace=view-jejujoy-home].page .page-content .promotion-models {
    display: flex;
    flex-direction: column;
    min-height: 200px;
    margin-bottom: 32px;
}

[namespace=view-jejujoy-home].page .page-content .promotion-models .title {
    width: 100%;
    display: flex;
    color: var(--color-main);
    font-weight: 700;
    margin: 0;
	padding-bottom: 32px;
}

[namespace=view-jejujoy-home].page .page-content .promotion-models .swiper-container {
    width: 100%;
    padding: 0;
}

[namespace=view-jejujoy-home].page .page-content .promotion-models .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 280px;
    padding: 0px;
    gap: 16px;
    position: relative;
    overflow: hidden;
}

[namespace=view-jejujoy-home].page .page-content .promotion-models .swiper-slide > .model-name {
    color: #000;
    font-size: var(--font-size-medium);
    font-weight: 400;
    text-wrap: wrap;
    text-align: center;
    max-width: 250px;;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: none;
    align-items: center;
    justify-content: center;
}

[namespace=view-jejujoy-home].page .page-content .promotion-models .swiper-slide .horizontal-card {
    background-color: #E5F2FC;
    border-radius: 50%;
    padding: 18px;
    height: 240px;
    width: 240px;
    display: flex;
    align-items: center;
}

[namespace=view-jejujoy-home].page .page-content .promotion-models .swiper-slide img {
    width: 100%;
}

[namespace=view-jejujoy-home].page .page-content .promotion-models .swiper-slide:hover .model-name {
    display: flex;
    position: absolute;
    border-radius: 50%;
    padding: 18px;
    height: 240px;
    width: 240px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--color-typo);
    background-color: #0c80ff;
    opacity: 0.9;
    text-wrap: wrap;
    transition: opacity 0.3s ease;
}

[namespace=view-jejujoy-home].page .page-content .promotion-models [data-btn-edit-content] {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 4px 8px;
    background-color: var(--color-main);
    color: var(--color-typo);
    border-radius: 4px;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {


}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 1000px) {
    [namespace=view-jejujoy-home].page .page-content .promotion-models {
        flex-direction: column;
        gap: 24px;
    }

    [namespace=view-jejujoy-home].page .page-content .promotion-models .title {
        flex-direction: row;
        padding: 8px;
        width: 100%;
        gap: 24px;
        justify-content: center;
    }

    [namespace=view-jejujoy-home].page .page-content .promotion-models .swiper-slide:hover .model-name,
    [namespace=view-jejujoy-home].page .page-content .promotion-models .swiper-slide .model-name{
        position: unset;
        height: auto;
        width: 100%;
        display: block;
        color:#000;
        background-color: unset;
        overflow: unset;
        transform: unset;
        padding: 0;
    }
}


[namespace=view-jejujoy-home].page .page-content .responsive-row.search {
	margin-top: 0;
	padding: 24px 0;
    gap: 8px;
}

[namespace=view-jejujoy-home].page .page-content .responsive-row.search .banner-box {
    flex-basis: 60%;
    width: 60%;
    height: 390px;
    border-radius: 12px;
    overflow: hidden;
}

[namespace=view-jejujoy-home].page .page-content .responsive-row.search .banner-box img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
}

[namespace=view-jejujoy-home].page .page-content .responsive-row.search .search-box {
    flex-basis: 40%;
}

[namespace=view-jejujoy-home].page .page-content .responsive-row .preview-box {
    display: flex;
    width: 100%;
    gap: 16px;
}

[namespace=view-jejujoy-home].page .page-content .responsive-row .preview-box .title {
    min-width: 248px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-wrap: nowrap;
    padding: 16px 0px;
    background-color: var(--color-main);
    color: var(--color-typo);
    font-weight: 600;
    font-size: var(--font-size-large-2x);
    border-radius: 12px;
    gap: 8px;
}

[namespace=view-jejujoy-home].page .page-content .responsive-row .preview-box.events .title {
    align-items: flex-start;
}

[namespace=view-jejujoy-home].page .page-content .responsive-row .preview-box .title img {
    width: 64px;
}

[namespace=view-jejujoy-home].page .page-content .responsive-row .preview-box .box-content {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
    padding: 12px 36px;
    width: 100%;
    background-color: #E5F2FC;
    border-radius: 12px;
}

[namespace=view-jejujoy-home].page .page-content .responsive-row .preview-box .box-content ul {
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}

[namespace=view-jejujoy-home].page .page-content .responsive-row .preview-box .box-content li:nth-child(n+3) {
    display: none;
}

[namespace=view-jejujoy-home].page .page-content .responsive-row .preview-box .box-content li a {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 8px;
    color: #333;
}

[namespace=view-jejujoy-home].page .page-content .responsive-row .preview-box .box-content .after a {
    font-weight: 800;
    color: var(--color-main);
    text-wrap: nowrap;
}

[namespace=view-jejujoy-home].page .page-content .responsive-row .preview-box .box-content .after a i {
    margin-left: 8px;
}

[namespace=view-jejujoy-home].page .page-content .responsive-row .preview-box.events  {
    flex-direction: column;
}

[namespace=view-jejujoy-home].page .page-content .responsive-row .preview-box.events .title-area {
    display: flex;
    gap: 16px;
}

[namespace=view-jejujoy-home].page .page-content .responsive-row .preview-box.events .title-area .box-content {
    justify-content: flex-end;
}

[namespace=view-jejujoy-home].page .page-content .responsive-row .preview-box.events .swiper-container {
    width: 100%;
}

[namespace=view-jejujoy-home].page .page-content .responsive-row .preview-box.events .swiper-container .swiper-slide {
    width: auto;
}

[namespace=view-jejujoy-home].page .page-content .responsive-row .preview-box.events .swiper-container .swiper-slide img {
    width: 550px;
    height: 280px;
    border-radius: 12px;
}

@media (max-width: 1000px) {
    [namespace=view-jejujoy-home].page .page-content .responsive-row .preview-box,
    [namespace=view-jejujoy-home].page .page-content .responsive-row .preview-box .title-area {
        flex-direction: column;
        gap:8px !important;
    }

    [namespace=view-jejujoy-home].page .page-content .responsive-row .preview-box .box-content {
        flex-direction: column;
        width: auto;
    }

    [namespace=view-jejujoy-home].page .page-content .responsive-row .preview-box .box-content .after {
        align-self: end;
    }

    [namespace=view-jejujoy-home].page .page-content .responsive-row .preview-box.events .swiper-container .swiper-slide img {
        width: calc(90vw - 32px);
        height: auto;
    }
}

/* .contact-box, .map-box  */
[namespace=view-jejujoy-home].page .page-content .responsive-row.contact {
    margin-top: 24px;
    --_border-radius: 12px;
}

[namespace=view-jejujoy-home].page .page-content .responsive-row .contact-box,
[namespace=view-jejujoy-home].page .page-content .responsive-row .map-box {
    height: 400px;
}

[namespace=view-jejujoy-home].page .page-content .responsive-row .map-box {
    width: 55%;
    border-top-left-radius: var(--_border-radius);
    border-bottom-left-radius: var(--_border-radius);
    overflow: hidden;
}

[namespace=view-jejujoy-home].page .page-content .responsive-row .contact-box {
    width: 45%;
    padding-top: 0;
    background-color: #E5F2FC;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-top-right-radius: var(--_border-radius);
    border-bottom-right-radius: var(--_border-radius);
}

[namespace=view-jejujoy-home].page .page-content .responsive-row .contact-box > .row {
    justify-content: flex-start;
    height: auto;
    padding: 36px 0;
    gap: 24px;
    margin: 0 54px;
}

[namespace=view-jejujoy-home].page .page-content .responsive-row .contact-box > .row:not(:last-child) {
    border-bottom: 1px solid #ddd;
}

[namespace=view-jejujoy-home].page .page-content .responsive-row .contact-box > .row > .title {
    margin: 0;
    align-items: center;
    color: var(--color-main);
    font-size: var(--font-size-large-2x);
    font-weight: 700;
    flex-wrap: wrap;
    gap: 8px;
    border-bottom: 0;
}

[namespace=view-jejujoy-home].page .page-content .responsive-row .contact-box > .row > .title .right {
    margin-left: auto;
}

[namespace=view-jejujoy-home].page .page-content .responsive-row .contact-box > .row > .content {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    height: auto;
    font-weight: 300;
    font-size: var(--font-size-large-2x);
}

[namespace=view-jejujoy-home].page .page-content .responsive-row .contact-box > .row > .content .cs-info {
    margin: 0;
    color: #000;
}

[namespace=view-jejujoy-home].page .page-content .responsive-row .contact-box .button {
    border-radius: 8px;
    font-weight: 300;
    font-size: var(--font-size-medium);
    margin: 0;
    height: 100%;
    padding: 8px 48px;
    text-wrap: nowrap;
    width: 100%;
}

[namespace=view-jejujoy-home].page .page-content .responsive-row .contact-box .right a {
    margin: 0;
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=view-jejujoy-home].page .page-content .responsive-row .contact-box,
	[namespace=view-jejujoy-home].page .page-content .responsive-row .map-box {
		width: 100%;
	}


	[namespace=view-jejujoy-home].page .page-content .responsive-row .map-box {
        border-radius: 0;
        border-top-left-radius: var(--_border-radius);
        border-top-right-radius: var(--_border-radius);
		height: 300px;
	}

    [namespace=view-jejujoy-home].page .page-content .responsive-row .contact-box {
        border-radius: 0;
        border-bottom-left-radius: var(--_border-radius);
        border-bottom-right-radius: var(--_border-radius);
    }
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
	[namespace=view-jejujoy-home].page .page-content .responsive-row .contact-box,
	[namespace=view-jejujoy-home].page .page-content .responsive-row .contact-box .row {
		height: auto;
	}

    [namespace=view-jejujoy-home].page .page-content .responsive-row .contact-box .row .title {
        flex-direction: row;
    }

    [namespace=view-jejujoy-home].page .page-content .responsive-row .contact-box .row .content {
        gap: 12px;
    }

}

/* override-style */
[namespace=view-jejujoy] [namespace=header].page-header .left .logo {
    top: 50%;
    transform: translateY(-50%);
}
[namespace=view-jejujoy] [namespace=header].page-header .left ul {
    padding-left: 220px;
}

[namespace=view-jejujoy] [namespace=header].page-header .left .logo img {
    width: 200px;
}

[namespace=view-jejujoy] [namespace=footer].page-footer .left .logo img {
    width: 240px;
}

[namespace=view-jejujoy] [namespace=footer].page-footer .footer-content {
    gap: 32px;
}

@media (max-width: 680px) {
    [namespace=view-jejujoy] [namespace=header].page-header .left .logo img {
        width: 160px;
    }
}
/* .page-content */

[namespace=view-jejunature-home].page .page-content {
	display: flex;
	flex-direction: column;
	padding-top: 0;
}

/* .banner-box  */
[namespace=view-jejunature-home].page .page-content .banner-box {
	padding-top: 30px;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
	[namespace=view-jejunature-home].page .page-content .banner-box {
		padding-top: 20px;
	}
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
	[namespace=view-jejunature-home].page .page-content .banner-box {
		padding-top: 10px;
	}
}

/* .responsive-row */

[namespace=view-jejunature-home].page .page-content .responsive-row {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

[namespace=view-jejunature-home].page .page-content .responsive-row.search {
	background-color: var(--color-main);
	padding: 20px 18px;
	margin-top: 0;
	border-bottom-left-radius: 14px;
	border-bottom-right-radius: 14px;
}

[namespace=view-jejunature-home].page .page-content .responsive-row.search .preview-box,
[namespace=view-jejunature-home].page .page-content .responsive-row.search .search-box {
	background-color: rgba(255, 255, 255, 0.8);
	border: none;
}

[namespace=view-jejunature-home].page .page-content .responsive-row.search .search-box .schedule {
	background-color: rgba(255, 255, 255, 0.8);
}

[namespace=view-jejunature-home].page .page-content .responsive-row.search .search-box .insur-type-wrap {
	border: none;
	background-color: rgba(255, 255, 255, 0.8);
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=view-jejunature-home].page .page-content .responsive-row {
		display: flex;
		flex-direction: column;
		margin-top: 35px;
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
}

/* .search-box, .preview-box  */

[namespace=view-jejunature-home].page .page-content .responsive-row .search-box,
[namespace=view-jejunature-home].page .page-content .responsive-row .preview-box {
	width: calc(50% - 10px);
}

[namespace=view-jejunature-home].page .page-content .responsive-row .preview-box {
	border-radius: 8px;
	background-color: #fff;
	border: 1px solid #ddd;
	padding-bottom: 15px;
}

[namespace=view-jejunature-home].page .page-content .responsive-row .preview-box .title,
[namespace=view-jejunature-home].page .page-content .responsive-row .preview-box ul li a {
	display: flex;
	justify-content: space-between;
	margin-left: 35px;
	margin-right: 35px;
}

[namespace=view-jejunature-home].page .page-content .responsive-row .preview-box ul li a .date {
	font-size: var(--font-size-small);
	letter-spacing: -1px;
}

[namespace=view-jejunature-home].page .page-content .responsive-row .preview-box .title {
	border-bottom: 2px solid var(--color-main);
	margin-top: 25px;
	margin-bottom: 25px;
	padding-bottom: 10px;
}

[namespace=view-jejunature-home].page .page-content .responsive-row .preview-box .title .left {
	font-size: var(--font-size-large-x);
}

[namespace=view-jejunature-home].page .page-content .responsive-row .preview-box .title .right a {
	color: var(--color-main);
}

[namespace=view-jejunature-home].page .page-content .responsive-row .preview-box .box-content {
	overflow-y: scroll;
	max-height: 230px;
}

[namespace=view-jejunature-home].page .page-content .responsive-row .preview-box ul li {
	margin-bottom: 10px;
	font-size: var(--font-size-medium);
}

[namespace=view-jejunature-home].page .page-content .responsive-row .preview-box ul li.no-data {
	text-align: center;
	color: #888888;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=view-jejunature-home].page .page-content .responsive-row .search-box,
	[namespace=view-jejunature-home].page .page-content .responsive-row .preview-box {
		width: 100%;
	}

	[namespace=view-jejunature-home].page .page-content .responsive-row .preview-box {
		margin-top: 25px;
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
	[namespace=view-jejunature-home].page .page-content .responsive-row .preview-box .title .left {
		font-size: var(--font-size-medium);
	}

	[namespace=view-jejunature-home].page .page-content .responsive-row .preview-box ul li {
		font-size: var(--font-size-small);
	}

	[namespace=view-jejunature-home].page .page-content .responsive-row .preview-box .title,
	[namespace=view-jejunature-home].page .page-content .responsive-row .preview-box ul li a {
		margin-left: 20px;
		margin-right: 20px;
	}

}

/* .horizontal-slide-box  */

[namespace=view-jejunature-home].page .page-content .horizontal-slide-box {
	margin-top: 20px;
}

[namespace=view-jejunature-home].page .page-content .horizontal-slide-box {
	background-color: var(--color-main);
	color: var(--color-typo);
	padding: 30px;
	padding-bottom: 40px;
	border-radius: 16px;
}

[namespace=view-jejunature-home].page .page-content .horizontal-slide-box .title {
	font-size: var(--font-size-large-x);
	font-weight: 700;
	letter-spacing: 2px;
	margin-bottom: 25px;
	align-self: flex-start;
}

[namespace=view-jejunature-home].page .page-content .promotion-models.horizontal-slide-box .swiper-container .swiper-slide {
	display: flex;
	flex-direction: column;
	width: auto;
	background-color: rgba(0, 0, 0, 0.25);
	border-radius: 8px;
	padding: 12px 8px;
}

[namespace=view-jejunature-home].page .page-content .promotion-models.horizontal-slide-box .swiper-container .swiper-slide .horizontal-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 300px;
	height: 200px;
}

[namespace=view-jejunature-home].page .page-content .promotion-models.horizontal-slide-box .swiper-container .swiper-slide img {
	width: 80%;
	height: auto;
	object-fit: contain;
}

[namespace=view-jejunature-home].page .page-content .promotion-models.horizontal-slide-box .swiper-container .swiper-slide .model-name {
	color: var(--color-typo);
	font-size: var(--font-size-large);
	font-weight: bold;
	display: block;
}

[namespace=view-jejunature-home].page .page-content .events.horizontal-slide-box .swiper-container .swiper-slide {
	width: auto;
	height: 250px;
}

[namespace=view-jejunature-home].page .page-content .events.horizontal-slide-box .swiper-container .swiper-slide img {
	width: 100%;
	height: 250px;
	object-fit: fill;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
	[namespace=view-jejunature-home].page .page-content .promotion-models.horizontal-slide-box .swiper-container .swiper-slide .horizontal-card {
		width: calc(100vw / 5);
		height: calc(100vw / 5);
	}

	[namespace=view-jejunature-home].page .page-content .events.horizontal-slide-box .swiper-container .swiper-slide,
	[namespace=view-jejunature-home].page .page-content .events.horizontal-slide-box .swiper-container .swiper-slide img {
		height: 200px;
		width: calc(100vw / 3);
	}
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=view-jejunature-home].page .page-content .promotion-models.horizontal-slide-box .swiper-container .swiper-slide .horizontal-card {
		width: calc(100vw / 4);
		height: calc(100vw / 4);
	}

	[namespace=view-jejunature-home].page .page-content .events.horizontal-slide-box .swiper-container .swiper-slide,
	[namespace=view-jejunature-home].page .page-content .events.horizontal-slide-box .swiper-container .swiper-slide img {
		height: 200px;
		width: calc(100vw / 2);
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
	[namespace=view-jejunature-home].page .page-content .horizontal-slide-box .title {
		font-size: var(--font-size-medium);
	}

	[namespace=view-jejunature-home].page .page-content .promotion-models.horizontal-slide-box .swiper-container .swiper-slide .horizontal-card {
		width: calc(100vw / 3);
		height: calc(100vw / 3);
	}

	[namespace=view-jejunature-home].page .page-content .promotion-models.horizontal-slide-box .swiper-container .swiper-slide .model-name {
/*		font-size: var(--font-size-small-x);*/
		font-size: 14px;
	}

	[namespace=view-jejunature-home].page .page-content .events.horizontal-slide-box .swiper-container .swiper-slide,
	[namespace=view-jejunature-home].page .page-content .events.horizontal-slide-box .swiper-container .swiper-slide img {
		height: 200px;
		width: calc(100vw / 1);
	}
}


/* .contact-box, .map-box  */

[namespace=view-jejunature-home].page .page-content .responsive-row .contact-box,
[namespace=view-jejunature-home].page .page-content .responsive-row .map-box {
	width: 50%;
}

[namespace=view-jejunature-home].page .page-content .responsive-row .contact-box {
	background-color: var(--color-main);
	padding-top: 15px;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
}

[namespace=view-jejunature-home].page .page-content .responsive-row .map-box {
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
	overflow: hidden;
}

[namespace=view-jejunature-home].page .page-content .responsive-row .contact-box .row .title {
	border-bottom: 2px solid var(--color-typo);
	font-size: var(--font-size-large-x);
}

[namespace=view-jejunature-home].page .page-content .responsive-row .contact-box .row .title .right button {
	background-color: var(--color-typo);
	color: #000;
	font-size: var(--font-size-medium);
}

[namespace=view-jejunature-home].page .page-content .responsive-row .contact-box .row .content .cs-info {
	color: var(--color-typo);
}

[namespace=view-jejunature-home].page .page-content .responsive-row .map-box {
	height: 600px;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
	[namespace=view-jejunature-home].page .page-content .responsive-row .contact-box .row .title .right button {
		width: 150px;
	}
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=view-jejunature-home].page .page-content .responsive-row .contact-box,
	[namespace=view-jejunature-home].page .page-content .responsive-row .map-box {
		width: 100%;
		height: 700px;
	}

	[namespace=view-jejunature-home].page .page-content .responsive-row .contact-box {
		border-top-left-radius: 16px;
		border-top-right-radius: 16px;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	[namespace=view-jejunature-home].page .page-content .responsive-row .map-box {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: 16px;
		border-bottom-right-radius: 16px;
	}

	[namespace=view-jejunature-home].page .page-content .responsive-row .contact-box .row {
		height: 340px;
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
	[namespace=view-jejunature-home].page .page-content .responsive-row .contact-box,
	[namespace=view-jejunature-home].page .page-content .responsive-row .contact-box .row {
		height: auto;
		text-align: center;
	}

	[namespace=view-jejunature-home].page .page-content .responsive-row .contact-box .row .title {
		flex-direction: column;
		border-bottom: 0px;
		font-size: var(--font-size-medium);
	}

	[namespace=view-jejunature-home].page .page-content .responsive-row .contact-box .row .title .right a,
	[namespace=view-jejunature-home].page .page-content .responsive-row .contact-box .row .title .right button {
		width: 100%;
	}

	[namespace=view-jejunature-home].page .page-content .responsive-row .map-box {
		height: 400px;
	}
}

/* .page-content */

[namespace=view-jejurobot-home].page .page-content {
	display: flex;
	flex-direction: column;
	padding-top: 0;
}

/* .banner-box  */

[namespace=view-jejurobot-home].page .page-content .banner-box {
	padding-bottom: 0;
}

/* .responsive-row */
[namespace=view-jejurobot-home].page .page-content .responsive-row {
	display: flex;
	justify-content: space-between;
/*	margin-top: 35px;*/
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=view-jejurobot-home].page .page-content .responsive-row {
		display: flex;
		flex-direction: column;
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
}

[namespace=view-jejurobot-home].page .page-content .responsive-row.search {
	margin-top: 0;
	padding: 20px;
	background-color: var(--color-main);
}

[namespace=view-jejurobot-home].page .page-content .responsive-row.search .search-box,
[namespace=view-jejurobot-home].page .page-content .responsive-row.search .promotion-models {
	flex-basis: calc(50% - 10px);
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=view-jejurobot-home].page .page-content .responsive-row.search {
		display: flex;
		flex-direction: column-reverse;
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
}

[namespace=view-jejurobot-home].page .page-content .responsive-row.search .search-box {
	background-color: rgba(255, 255, 255, 0.65);
	border: none;
}

[namespace=view-jejurobot-home].page .page-content .responsive-row.search .search-box .schedule {
	background-color: rgba(255, 255, 255, 0.65);
}

[namespace=view-jejurobot-home].page .page-content .responsive-row.search .search-box .insur-type-wrap {
	border: none;
	background-color: rgba(255, 255, 255, 0.65);
}

.promotion-models[namespace=search-model] .swiper-container .swiper-slide .model-name {
	color: var(--color-typo);
}

/* .contact-box, .map-box  */
[namespace=view-jejurobot-home].page .page-content .responsive-row .contact-box {
	background-color: #fff9ba;
}

[namespace=view-jejurobot-home].page .page-content .responsive-row .contact-box,
[namespace=view-jejurobot-home].page .page-content .responsive-row .map-box {
	width: 50%;
}

[namespace=view-jejurobot-home].page .page-content .responsive-row .map-box {
	height: 600px;
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=view-jejurobot-home].page .page-content .responsive-row .contact-box,
	[namespace=view-jejurobot-home].page .page-content .responsive-row .map-box {
		width: 100%;
		height: 700px;
	}

	[namespace=view-jejurobot-home].page .page-content .responsive-row .contact-box .row {
		height: 340px;
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
	[namespace=view-jejurobot-home].page .page-content .responsive-row .contact-box,
	[namespace=view-jejurobot-home].page .page-content .responsive-row .contact-box .row {
		height: auto;
		text-align: center;
	}

	[namespace=view-jejurobot-home].page .page-content .responsive-row .map-box {
		height: 400px;
	}
}
/* .page-content */

[namespace=view-jejusarang-home].page .page-content {
    display: flex;
	flex-direction: column;
    
}

[namespace=view-jejusarang-home].page .page-content .banner-box {
    background-color: #fff;
}

[namespace=view-jejusarang-home].page .page-content .banner-box [data-btn-edit-content] {
    background-color: var(--color-main);
    color: var(--color-typo);
    box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.5);
}

/* .responsive-row */
[namespace=view-jejusarang-home].page .page-content .responsive-row {
	display: flex;
	justify-content: space-between;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=view-jejusarang-home].page .page-content .responsive-row {
		display: flex;
		flex-direction: column;
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
}

[namespace=view-jejusarang-home].page .page-content .responsive-row.search {
	margin-top: 0;
	padding: 24px 0;
    gap: 20px;
}

[namespace=view-jejusarang-home].page .page-content .responsive-row.search .search-box,
[namespace=view-jejusarang-home].page .page-content .responsive-row.search .preview-box.news {
	flex-basis: calc(50% - 10px);
}


[namespace=view-jejusarang-home].page .page-content .responsive-row .preview-box {
	border-radius: 8px;
	background-color: #fff;
}

[namespace=view-jejusarang-home].page .page-content .responsive-row .preview-box .title,
[namespace=view-jejusarang-home].page .page-content .responsive-row .preview-box ul li a {
	display: flex;
	justify-content: space-between;
	margin-left: 35px;
	margin-right: 35px;
}

[namespace=view-jejusarang-home].page .page-content .responsive-row .preview-box ul li a .date {
	font-size: var(--font-size-small);
	letter-spacing: -1px;
}

[namespace=view-jejusarang-home].page .page-content .responsive-row .preview-box .title {
    color: var(--color-main);
    font-weight: 700;
	border-bottom: 2px solid var(--color-main);
    margin: 0;
	margin-top: 25px;
	margin-bottom: 25px;
	padding-bottom: 10px;
}

[namespace=view-jejusarang-home].page .page-content .responsive-row .preview-box .title .left {
	font-size: var(--font-size-large-3x);
}

[namespace=view-jejusarang-home].page .page-content .responsive-row .preview-box .title .right {
    align-self: center;
}

[namespace=view-jejusarang-home].page .page-content .responsive-row .preview-box .title .right a {
	color: var(--color-main);
}

[namespace=view-jejusarang-home].page .page-content .responsive-row .preview-box .box-content {
	overflow-y: scroll;
	max-height: 230px;
}

[namespace=view-jejusarang-home].page .page-content .responsive-row .preview-box ul li {
	margin-bottom: 10px;
	font-size: var(--font-size-medium);
}

[namespace=view-jejusarang-home].page .page-content .responsive-row .preview-box ul li.no-data {
	text-align: center;
	color: #888888;
}

/* search-box 전체 화면 공통*/

[namespace=view-jejusarang] .view .search-box {
    background-color: #feecd6;
    border: none;
}

[namespace=view-jejusarang] .view .search-box i {
    color: var(--color-main);
}

[namespace=view-jejusarang] .view .search-box .schedule i {
    font-size: 28px;
}

[namespace=view-jejusarang] .view .search-box .set > .row > .schedule,
[namespace=view-jejusarang] .view .search-box .set> .row > .insur-type-wrap {
    background-color: #fff;
    border: none;
}

[namespace=view-jejusarang] .view .search-box [data-btn-start-searching] {
    box-shadow: inset 0 -8px 0 rgba(0, 0, 0, 0.3);
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=view-jejusarang-home].page .page-content .responsive-row.search {
		display: flex;
		flex-direction: column-reverse;
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
}

[namespace=view-jejusarang-home].page .page-content .promotion-models {
    padding: 32px 0;
    margin: 48px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
}

[namespace=view-jejusarang-home].page .page-content .promotion-models .title {
	font-size: var(--font-size-large-3x);
    background-color: var(--color-main);
    color: var(--color-typo);
    padding: 48px 32px;
    border-radius: 12px;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    align-items: center;
}

[namespace=view-jejusarang-home].page .page-content .promotion-models .empty-message {
    width: 100%;
    text-align: center;
}
[namespace=view-jejusarang-home].page .page-content .promotion-models .swiper-container {
    width: 100%;
    padding: 0 24px;
}

[namespace=view-jejusarang-home].page .page-content .promotion-models .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 280px;
    padding: 0 16px;
    gap: 16px;
}

[namespace=view-jejusarang-home].page .page-content .promotion-models .swiper-slide > .model-name {
    color: #000;
    font-size: var(--font-size-medium);
    font-weight: 400;
    text-wrap: wrap;
    text-align: center;
    max-width: 250px;;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[namespace=view-jejusarang-home].page .page-content .promotion-models .swiper-slide .horizontal-card {
    background-color: #f2f2f2;
    border-radius: 150px;
    padding: 8px 36px;
    height: 150px;
    display: flex;
    align-items: center;
}

[namespace=view-jejusarang-home].page .page-content .promotion-models .swiper-slide img {
    width: 100%;
}

[namespace=view-jejusarang-home].page .page-content .promotion-models [data-btn-edit-content] {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 4px 8px;
    background-color: var(--color-main);
    color: var(--color-typo);
    border-radius: 4px;
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.5);
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {

}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
    [namespace=view-jejusarang-home].page .page-content .promotion-models {
        flex-direction: column;
        gap: 24px;
    }

    [namespace=view-jejusarang-home].page .page-content .promotion-models .title {
        flex-direction: row;
        padding: 8px;
        width: 100%;
        gap: 24px;
        justify-content: center;
    }
}

/* .contact-box, .map-box  */
[namespace=view-jejusarang-home].page .page-content .responsive-row.contact {
    margin-top: 24px;
}

[namespace=view-jejusarang-home].page .page-content .responsive-row .contact-box,
[namespace=view-jejusarang-home].page .page-content .responsive-row .map-box {
    height: 420px;
}

[namespace=view-jejusarang-home].page .page-content .responsive-row .map-box {
    width: 60%;
}

[namespace=view-jejusarang-home].page .page-content .responsive-row .contact-box {
    width: 40%;
    padding-top: 0;
}

[namespace=view-jejusarang-home].page .page-content .responsive-row .contact-box > .row {
    justify-content: flex-start;
    height: calc(50% - 48px);
    padding: 24px 0;
    gap: 24px;
}

[namespace=view-jejusarang-home].page .page-content .responsive-row .contact-box > .row > .title {
    margin: 0;
    align-items: center;
    color: var(--color-main);
    font-size: var(--font-size-large-x);
    font-weight: 700;
    flex-wrap: wrap;
    gap: 8px;
}

[namespace=view-jejusarang-home].page .page-content .responsive-row .contact-box > .row > .title .right {
    margin-left: auto;
}

[namespace=view-jejusarang-home].page .page-content .responsive-row .contact-box > .row > .content {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;

    height: auto;
    font-weight: 300;
    font-size: var(--font-size-large-x);
}

[namespace=view-jejusarang-home].page .page-content .responsive-row .contact-box > .row > .content .cs-info {
    margin: 0;
    color: #000;
}

[namespace=view-jejusarang-home].page .page-content .responsive-row .contact-box .button {
    box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    font-weight: 300;
    width: 140px;
    font-size: var(--font-size-large-x);
    margin: 0;
}

[namespace=view-jejusarang-home].page .page-content .responsive-row .contact-box .right a {
    margin: 0;
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=view-jejusarang-home].page .page-content .responsive-row .contact-box,
	[namespace=view-jejusarang-home].page .page-content .responsive-row .map-box {
		width: 100%;
	}

	[namespace=view-jejusarang-home].page .page-content .responsive-row .contact-box .row {

	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
	[namespace=view-jejusarang-home].page .page-content .responsive-row .contact-box,
	[namespace=view-jejusarang-home].page .page-content .responsive-row .contact-box .row {
		height: auto;
	}

    [namespace=view-jejusarang-home].page .page-content .responsive-row .contact-box .row .title {
        flex-direction: row;
    }

    [namespace=view-jejusarang-home].page .page-content .responsive-row .contact-box .row .content {
        gap: 12px;
    }

	[namespace=view-jejusarang-home].page .page-content .responsive-row .map-box {
		height: 300px;
	}
}

/* override-style */
[namespace=view-jejusarang] [namespace=header].page-header .left .logo {
    top: 50%;
    transform: translateY(-50%);
}

/* .page-content */

[namespace=view-jejuseeu-home].page .page-content {
	display: flex;
	flex-direction: column;
	padding-top: 0;
}

/* .banner-box  */

[namespace=view-jejuseeu-home].page .page-content .banner-box {
	background-color: #fff;
	margin-top: 35px;
}

/* .responsive-row */
[namespace=view-jejuseeu-home].page .page-content .responsive-row {
	display: flex;
	justify-content: space-between;
	margin-top: 35px;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=view-jejuseeu-home].page .page-content .responsive-row {
		display: flex;
		flex-direction: column;
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
}

[namespace=view-jejuseeu-home].page .page-content .responsive-row.search .search-box,
[namespace=view-jejuseeu-home].page .page-content .responsive-row.search .promotion-models {
	flex-basis: calc(50% - 10px);
}

[namespace=view-jejuseeu-home].page .page-content .responsive-row.search .promotion-models {
	border-radius: 8px;
	background-color: #fff;
	border: 1px solid #DDDDDD;
	padding: 20px;
	flex-basis: calc(50% - 50px);
}

[namespace=view-jejuseeu-home].page .page-content .promotion-models .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 300px;
	padding: 12px;
}

[namespace=view-jejuseeu-home].page .page-content .promotion-models .swiper-slide > .model-name {
    color: #000;
    font-size: var(--font-size-medium);
    font-weight: 400;
    text-wrap: wrap;
    text-align: center;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[namespace=view-jejuseeu-home].page .page-content .promotion-models .swiper-slide .horizontal-card {
	height: 100%;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=view-jejuseeu-home].page .page-content .responsive-row.search {
		display: flex;
		flex-direction: column;
	}

	[namespace=view-jejuseeu-home].page .page-content .responsive-row.search .promotion-models {
		margin-top: 35px;
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
}


/* .contact-box, .map-box  */

[namespace=view-jejuseeu-home].page .page-content .responsive-row .contact-box,
[namespace=view-jejuseeu-home].page .page-content .responsive-row .map-box {
	width: 50%;
}

[namespace=view-jejuseeu-home].page .page-content .responsive-row .map-box {
	height: 600px;
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=view-jejuseeu-home].page .page-content .responsive-row .contact-box,
	[namespace=view-jejuseeu-home].page .page-content .responsive-row .map-box {
		width: 100%;
		height: 700px;
	}

	[namespace=view-jejuseeu-home].page .page-content .responsive-row .contact-box .row {
		height: 340px;
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
	[namespace=view-jejuseeu-home].page .page-content .responsive-row .contact-box,
	[namespace=view-jejuseeu-home].page .page-content .responsive-row .contact-box .row {
		height: auto;
		text-align: center;
	}

	[namespace=view-jejuseeu-home].page .page-content .responsive-row .map-box {
		height: 400px;
	}
}
/* .page-content */
[namespace=view-korearent-home].page .page-content {
    display: flex;
    flex-direction: column;
}

/* .responsive-row */
[namespace=view-korearent-home].page .page-content .responsive-row {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
}

/* search area */
[namespace=view-korearent-home].page .page-content .responsive-row.search {
    margin-top: 0;
    padding: 24px 0;
    gap: 8px;
}

[namespace=view-korearent-home].page .page-content .responsive-row.search .banner-box {
    flex-basis: 62.1%;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
}

[namespace=view-korearent-home].page .page-content .responsive-row.search .banner-box .swiper-pagination {
    bottom: 25px;
    text-align: end;
    padding: 0 30px;
    width: calc(100% - 60px);
}

[namespace=view-korearent-home].page .page-content .responsive-row.search .banner-box .swiper-pagination .swiper-pagination-bullet {
    background-color: #fff;
    width: 11px;
    height: 11px;
    opacity: 0.5;
}

[namespace=view-korearent-home].page .page-content .responsive-row.search .banner-box .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
}

[namespace=view-korearent-home].page .page-content .responsive-row.search .search-box {
    flex-basis: 37.9%;
}

/* promotion */
[namespace=view-korearent-home].page .page-content .responsive-row .promotion-models {
    width: 100%;
    padding: 0;
}

[namespace=view-korearent-home].page .page-content .responsive-row .promotion-models .title {
    text-align: start;
    width: 100%;
    font-size: var(--font-size-large-3x);
    font-weight: 900;
}

[namespace=view-korearent-home].page .page-content .responsive-row .promotion-models .empty-message {
    justify-content: center;
    width: 100%;
    height: 200px;
}

[namespace=view-korearent-home].page .page-content .responsive-row .promotion-models .swiper-container {
    padding: 16px 0;
    position: relative;
}

[namespace=view-korearent-home].page .page-content .responsive-row .promotion-models .swiper-container::before {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 21;
    position: absolute;
    box-shadow: inset -25px 0 25px -25px rgba(0, 0, 0, 0.3);
    mask-image: linear-gradient(to bottom, 
        transparent 0%,
        black 10%,
        black 90%,
        transparent 100%
    );
    -webkit-mask-image: linear-gradient(to bottom, 
        transparent 0%,
        black 10%,
        black 90%,
        transparent 100%
    );
    pointer-events: none;
}

[namespace=view-korearent-home].page .page-content .responsive-row .promotion-models .swiper-container .swiper-slide {
    justify-content: space-between;
    width: 300px;
    height: 300px;
    background-color: #f2f5f8;
    padding: 24px;
    border-radius: 8px;
}

[namespace=view-korearent-home].page .page-content .responsive-row .promotion-models .swiper-container .swiper-slide .horizontal-card {
    flex: 1 1;
    align-self: center;
    justify-self: center;
    width: 100%;
}
[namespace=view-korearent-home].page .page-content .responsive-row .promotion-models .swiper-container .swiper-slide .horizontal-card img {
    max-width: 100%;
}

[namespace=view-korearent-home].page .page-content .responsive-row .promotion-models .swiper-container .swiper-slide .model-name {
    align-self: flex-start;
    font-weight: 700;
    width: calc(100% - 42px);
    text-align: start;
    font-size: var(--font-size-large-2x);
    color: var(--color-main);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    bottom: 20px;
    background-color: rgba(242, 245, 248, 0.5);
}

[namespace=view-korearent-home].page .page-content .responsive-row .promotion-models .swiper-container .swiper-slide:nth-child(even) {
    background-color: #FAF3F3;
}

[namespace=view-korearent-home].page .page-content .responsive-row .promotion-models .swiper-container .swiper-slide:nth-child(even) .model-name {
    color: #9E0B0F;
    background-color: rgba(250, 243, 243, 0.5);
}

[namespace=view-korearent-home].page .page-content .responsive-row .promotion-models .swiper-container .swiper-slide img {
    width: 100%;
    object-fit: cover;
}

/* preview boxes */
[namespace=view-korearent-home].page .page-content .responsive-row .preview-box {
    display: flex;
    width: 100%;
    gap: 16px;
    flex-direction: column;
    padding: 32px 0;
}

[namespace=view-korearent-home].page .page-content .responsive-row .preview-box .title a {
    color: var(--color-main);
    font-weight: 900;
    font-size: var(--font-size-large-3x);
}

[namespace=view-korearent-home].page .page-content .responsive-row.preview {
    gap: 16px 64px;
    border-top: 1px solid #ddd;
}

[namespace=view-korearent-home].page .page-content .responsive-row .preview-box.events {
    width: calc(65% - 32px);
}

[namespace=view-korearent-home].page .page-content .responsive-row .preview-box.events .empty-message {
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

[namespace=view-korearent-home].page .page-content .responsive-row .preview-box.events .swiper-container {
    padding: 16px 0;
    position: relative;
}

[namespace=view-korearent-home].page .page-content .responsive-row .preview-box.events .swiper-container::before {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 21;
    position: absolute;
    box-shadow: inset -25px 0 25px -25px rgba(0, 0, 0, 0.4);
    mask-image: linear-gradient(to bottom, 
        transparent 0%,
        black 10%,
        black 90%,
        transparent 100%
    );
    -webkit-mask-image: linear-gradient(to bottom, 
        transparent 0%,
        black 10%,
        black 90%,
        transparent 100%
    );
    pointer-events: none;
}

[namespace=view-korearent-home].page .page-content .responsive-row .preview-box.events .swiper-container .swiper-slide {
    border-radius: 8px;
    width: unset;
}

[namespace=view-korearent-home].page .page-content .responsive-row .preview-box.events .swiper-container .swiper-slide .horizontal-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

[namespace=view-korearent-home].page .page-content .responsive-row .preview-box.events .swiper-container .swiper-slide img {
    height: 268px;
}

[namespace=view-korearent-home].page .page-content .responsive-row .preview-box.news {
    width: calc(35% - 32px);
}

[namespace=view-korearent-home].page .page-content .responsive-row .preview-box.news .box-content {
    height: 300px;
    overflow-y: scroll;
}

[namespace=view-korearent-home].page .page-content .responsive-row .preview-box.news .box-content ul > li a {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: start;
    padding: 16px 8px;
    gap: 4px;
}

[namespace=view-korearent-home].page .page-content .responsive-row .preview-box.news .box-content ul > li:not(:last-child) {
    border-bottom: 1px dashed #ddd;
}

[namespace=view-korearent-home].page .page-content .responsive-row .preview-box.news .box-content ul > li a .title {
    color: #333;
    font-weight: 600;
    font-size: var(--font-size-large-2x);
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[namespace=view-korearent-home].page .page-content .responsive-row .preview-box.news .box-content ul > li a .contents {
    display: flex;
    gap: 16px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}

[namespace=view-korearent-home].page .page-content .responsive-row .preview-box.news .box-content ul > li a .contents .inner-content {
    overflow: hidden;
}

[namespace=view-korearent-home].page .page-content .responsive-row .preview-box.news .box-content ul > li a .contents .inner-content * {
    font-weight: 400;
    color: #888;
    background-color: unset !important;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[namespace=view-korearent-home].page .page-content .responsive-row .preview-box.news .box-content ul > li a .contents .date {
    font-weight: 300;
    color: #a3a3a3;
}

[namespace=view-korearent-home].page .page-content .responsive-row .preview-box.news .box-content ul > li a .contents figure,
[namespace=view-korearent-home].page .page-content .responsive-row .preview-box.news .box-content ul > li a .contents img {
    display: none;
}

[namespace=view-korearent-home].page .page-content .responsive-row .preview-box.news .no-data {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
}

/* contact and map area */
[namespace=view-korearent-home].page .page-content .responsive-row.contact {
    margin-top: 24px;
    --_border-radius: 8px;
    gap: 8px;
}

[namespace=view-korearent-home].page .page-content .responsive-row .contact-box,
[namespace=view-korearent-home].page .page-content .responsive-row .map-box {
    height: 400px;
}

[namespace=view-korearent-home].page .page-content .responsive-row .map-box {
    flex-basis: 70%;
    overflow: hidden;
    border-radius: var(--_border-radius);
}

[namespace=view-korearent-home].page .page-content .responsive-row .contact-box {
    flex-basis: 30%;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: var(--_border-radius);
    background-color: var(--color-main);
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

[namespace=view-korearent-home].page .page-content .responsive-row .contact-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #9E0B0F;
    clip-path: path('M0,355 C250,450 300,180 650,525 L1000,500 L1000,0 L0,0 Z');
    border-radius: var(--_border-radius);
}

[namespace=view-korearent-home].page .page-content .responsive-row .contact-box > *:not(:last-child) {
    padding-bottom: 32px;
    border-bottom: 1px dashed #fff;
}

[namespace=view-korearent-home].page .page-content .responsive-row .contact-box > .row {
    padding: 32px 0;
    flex: 1 1;
    z-index: 2;
    gap: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 16px;
}

[namespace=view-korearent-home].page .page-content .responsive-row .contact-box > .row > .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

[namespace=view-korearent-home].page .page-content .responsive-row .contact-box > .row > .top .title {
    font-size: var(--font-size-large-2x);
    font-weight: 600;
}

[namespace=view-korearent-home].page .page-content .responsive-row .contact-box > .row > .bottom {
    font-size: var(--font-size-large-2x);
    font-weight: 100;
}

[namespace=view-korearent-home].page .page-content .responsive-row .contact-box button {
    background-color: rgba(0,0,0, 0.25);
    color: #fff;
    border-radius: 6px;
}

/* Responsive styles */
@media (max-width: 1000px) {
    [namespace=view-korearent-home].page .page-content .responsive-row {
        display: flex;
        flex-direction: column;
    }

    [namespace=view-korearent-home].page .page-content .responsive-row.preview > .preview-box.news,
    [namespace=view-korearent-home].page .page-content .responsive-row.preview > .preview-box.events {
        width: 100%;
    }

    [namespace=view-korearent-home].page .page-content .responsive-row.search .banner-box {
        flex-basis: 100% !important;
        width: 100% !important;
    }

    [namespace=view-korearent-home].page .page-content .responsive-row .contact-box::before {
        clip-path: path('M0,195 C350,300 500,120 1000,235 L1000,500 L1000,0 L0,0 Z');
    }

    [namespace=view-korearent-home].page .page-content .responsive-row .map-box {
        width: 100%;
        aspect-ratio: 1;
    }
}

@media (max-width: 680px) {
    [namespace=view-korearent-home].page .page-content .responsive-row .preview-box.events .swiper-container .swiper-slide img {
        height: 200px;
    }

    [namespace=view-korearent-home].page .page-content .responsive-row .promotion-models .swiper-container .swiper-slide {
        width: 220px;
        height: 220px;
    }

    [namespace=view-korearent-home].page .page-content .responsive-row .promotion-models .swiper-container .swiper-slide .model-name {
        font-size: var(--font-size-small);
    }

    [namespace=view-korearent-home].page .page-content .responsive-row .contact-box,
    [namespace=view-korearent-home].page .page-content .responsive-row .contact-box .row {
        height: auto;
    }

    [namespace=view-korearent-home].page .page-content .responsive-row .contact-box::before {
        clip-path: path('M0,220 C260,300 400,130 700,250 L1000,100 L1000,0 L0,0 Z');
    }
}

/* override-style */
[namespace=view-korearent] [namespace=header].page-header .left .logo {
    top: 50%;
    transform: translateY(-50%);
}
[namespace=view-korearent] [namespace=header].page-header .left ul {
    padding-left: 220px;
}

[namespace=view-korearent] [namespace=header].page-header .left .logo img {
    width: 200px;
}

[namespace=view-korearent] [namespace=footer].page-footer .left .logo img {
    width: 240px;
}

[namespace=view-korearent] [namespace=footer].page-footer .footer-content {
    gap: 32px;
}

@media (max-width: 680px) {
    [namespace=view-korearent] [namespace=header].page-header .left .logo img {
        width: 160px;
    }
}


/* search-box 전체 화면 공통*/
[namespace=view-korearent] .page {
    font-family: 'HGGGothicssi';
}

[namespace=view-korearent] .view .search-box {
    background-color: var(--color-main);
    border: none;
    position: relative;
}

[namespace=view-korearent] .view .search-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120px;
    background-color: #9E0B0F;
    clip-path: path('M0,100 C150,150 250,100 350,80 C450,55 550,100 800,140 L1000,100 L1000,0 L0,0 Z');
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

[namespace=view-korearent] .view .search-box i {
    color: #9E0B0F;
}

[namespace=view-korearent] .view .search-box .schedule i {
    font-size: 28px;
}

[namespace=view-korearent] .view .search-box .set > .row.title {
    font-weight: 400;
    align-items: center;
    z-index: 2;
}

[namespace=view-korearent] .view .search-box .set > .row.title .left {
    color: var(--color-typo);
    font-size: var(--font-size-large-2x);
    font-weight: 800;
}

[namespace=view-korearent] .view .search-box .set > .row.title .right {
    color: var(--color-typo);
    font-size: var(--font-size-small);
    opacity: 0.5;
}

[namespace=view-korearent] .view .search-box .set> .row > .insur-type-wrap > .insur-name {
    padding-right: 12px;
}

[namespace=view-korearent] .view .search-box .set > .row > .schedule,
[namespace=view-korearent] .view .search-box .set> .row > .insur-type-wrap {
    background-color: #fff;
    border: none;
}

[namespace=view-korearent] .view .search-box [data-btn-start-searching],
[namespace=view-korearent] .view .search-box [data-btn-start-searching] i {
    color: var(--color-typo);
    background-color: #000;
}

[namespace=view-korearent] .view .search-box [data-btn-start-searching] i {
    margin-left: 4px;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=view-korearent-home].page .page-content .responsive-row.search {
        display: flex;
		flex-direction: column;
	}

    [namespace=view-korearent-home].page .page-content .responsive-row.search .search-box::before {
        clip-path: path('M0,100 C150,150 250,100 350,80 L1000,100 L1000,0 L0,0 Z');
    }

    [namespace=view-korearent-home].page .page-content .responsive-row.search .banner-box {
        flex-basis: 100% !important;
        width: 100% !important;
    }
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
}
/* .page-content */

[namespace=view-letsgojeju-home].page .page-content {
	display: flex;
	flex-direction: column;
}

/* .banner-box  */

[namespace=view-letsgojeju-home].page .page-content .banner-box {
    background-color: #fff;
}

[namespace=view-letsgojeju-home].page .page-content .banner-box [data-btn-edit-content] {
    background-color: var(--color-main);
    color: var(--color-typo);
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
}

/* .responsive-row */

[namespace=view-letsgojeju-home].page .page-content .responsive-row {
	display: flex;
	justify-content: space-between;
	margin-top: 35px;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=view-letsgojeju-home].page .page-content .responsive-row {
		display: flex;
		flex-direction: column;
		margin-top: 35px;
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
}


/* .search-box, .promotion-models  */
[namespace=view-letsgojeju-home].page .page-content .responsive-row.search .search-box {
    flex-basis: calc(40% - 10px);
}

[namespace=view-letsgojeju-home].page .page-content .responsive-row.search .promotion-models {
    flex-basis: 60%;
}


/* search-box 전체 화면 공통*/
[namespace=view-letsgojeju] .view .search-box {
    background-color: var(--color-main);
    border: none;
    padding: 24px 0;
}

[namespace=view-letsgojeju] .view .search-box i {
    color: var(--color-main);
}

[namespace=view-letsgojeju] .view .search-box .schedule i {
    font-size: 28px;
}

[namespace=view-letsgojeju] .view .search-box .set {
    padding: 0 24px;
}

[namespace=view-letsgojeju] .view .search-box .set > .row.title {
    align-items: flex-end;
}

[namespace=view-letsgojeju] .view .search-box .set > .row.title .left {
    color: var(--color-typo);
    font-size: var(--font-size-large-3x);
    font-weight: 500;
}

[namespace=view-letsgojeju] .view .search-box .set > .row.title .right {
    color: var(--color-typo);
    font-size: var(--font-size-small);
    opacity: 0.4;
}

[namespace=view-letsgojeju] .view .search-box .set > .row > .schedule,
[namespace=view-letsgojeju] .view .search-box .set> .row > .insur-type-wrap {
    background-color: #fff;
    border: none;
}

[namespace=view-letsgojeju] .view .search-box [data-btn-start-searching],
[namespace=view-letsgojeju] .view .search-box [data-btn-start-searching] i {
    color: var(--color-typo);
    background-color: #000A66;
}

[namespace=view-letsgojeju] .view .search-box [data-btn-start-searching] i {
    margin-left: 4px;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {

}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
    [namespace=view-letsgojeju-home].page .page-content .responsive-row.search {
        display: flex;
        flex-direction: column;
    }
}

[namespace=view-letsgojeju-home].page .page-content .promotion-models {
    display: flex;
    flex-direction: column;
    min-height: 200px;
    margin-bottom: 32px;
    padding: 8px 24px;
    padding-right: 0;
}

[namespace=view-letsgojeju-home].page .page-content .promotion-models .title {
    width: 100%;
    display: flex;
    color: var(--color-main);
    font-size: var(--font-size-large-3x);
    font-weight: 700;
    margin: 0;
	padding-bottom: 24px;
}

[namespace=view-letsgojeju-home].page .page-content .promotion-models .swiper-container {
    position: relative;
    width: 100%;
    padding: 0;
    /* box-shadow: inset 15px 0 10px -10px rgba(0, 0, 0, 0.1), inset -15px 0 10px -10px rgba(0, 0, 0, 0.1); */
}

[namespace=view-letsgojeju-home].page .page-content .promotion-models .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 280px;
    padding: 0px;
    gap: 16px;
    position: relative;
    overflow: hidden;
}

[namespace=view-letsgojeju-home].page .page-content .promotion-models .swiper-slide > .model-name {
    color: #000;
    font-size: var(--font-size-medium);
    font-weight: 400;
    text-wrap: wrap;
    text-align: center;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: none;
    align-items: center;
    justify-content: center;
}

[namespace=view-letsgojeju-home].page .page-content .promotion-models .swiper-slide .horizontal-card {
    background-color: #e5eef8;
    border-radius: 50%;
    padding: 18px;
    height: 240px;
    width: 240px;
    display: flex;
    align-items: center;
}

[namespace=view-letsgojeju-home].page .page-content .promotion-models .swiper-slide img {
    width: 100%;
}

[namespace=view-letsgojeju-home].page .page-content .promotion-models .swiper-slide:hover .model-name {
    display: flex;
    position: absolute;
    border-radius: 50%;
    padding: 18px;
    height: 240px;
    width: 240px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--color-typo);
    background-color: var(--color-main);
    opacity: 0.9;
    text-wrap: wrap;
    transition: opacity 0.3s ease;
}

[namespace=view-letsgojeju-home].page .page-content .promotion-models [data-btn-edit-content] {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 4px 8px;
    background-color: var(--color-main);
    color: var(--color-typo);
    border-radius: 4px;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {


}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 1000px) {
    [namespace=view-letsgojeju-home].page .page-content .promotion-models {
        flex-direction: column;
        gap: 24px;
        padding-left: 0;
    }

    [namespace=view-letsgojeju-home].page .page-content .promotion-models .title {
        flex-direction: row;
        padding: 8px;
        width: 100%;
        gap: 24px;
        justify-content: center;
    }

    [namespace=view-letsgojeju-home].page .page-content .promotion-models .swiper-slide:hover .model-name,
    [namespace=view-letsgojeju-home].page .page-content .promotion-models .swiper-slide .model-name{
        position: unset;
        height: auto;
        width: 100%;
        display: block;
        color:#000;
        background-color: unset;
        overflow: unset;
        transform: unset;
        padding: 0;
    }
}


[namespace=view-letsgojeju-home].page .page-content .responsive-row.preview {
    display: flex;
    gap: 32px;

}

[namespace=view-letsgojeju-home].page .page-content .responsive-row.preview .contact-box,
[namespace=view-letsgojeju-home].page .page-content .responsive-row.preview .preview-box {
    width: 100%;
}

[namespace=view-letsgojeju-home].page .page-content .responsive-row.map {
    flex-direction: column;
}

[namespace=view-letsgojeju-home].page .page-content .responsive-row.map .contact-box {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

[namespace=view-letsgojeju-home].page .page-content .responsive-row.map .contact-box button {
    background-color: #003191;
}

[namespace=view-letsgojeju-home].page .page-content .responsive-row.map .map-box {
    width: 100%;
    height: 340px;
}
/* .page-content */

[namespace=view-yongduam-home].page .page-content {
    display: flex;
	flex-direction: column;
    
}

[namespace=view-yongduam-home].page .page-content .banner-box {
    background-color: #fff;
}

[namespace=view-yongduam-home].page .page-content .swiper-pagination-bullet {
    border: 1px solid #888;
    opacity: 1;
    background-color: #888;
}

[namespace=view-yongduam-home].page .page-content .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
}

[namespace=view-yongduam-home].page .page-content .banner-box [data-btn-edit-content] {
    background-color: var(--color-main);
    color: var(--color-typo);
}

/* .responsive-row */
[namespace=view-yongduam-home].page .page-content .responsive-row {
    display: flex;
	justify-content: space-between;
    margin-top: 16px;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=view-yongduam-home].page .page-content .responsive-row {
		display: flex;
		flex-direction: column;
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
}

/* search-box 전체 화면 공통*/
[namespace=view-yongduam] .page {
    font-family: 'HGGGothicssi';
}

[namespace=view-yongduam] .view .search-box {
    background-color: var(--color-main);
    border: none;
}

[namespace=view-yongduam] .view .search-box i {
    color: var(--color-main);
}

[namespace=view-yongduam] .view .search-box .schedule i {
    font-size: 28px;
}

[namespace=view-yongduam] .view .search-box .set > .row.title {
    align-items: center;
}

[namespace=view-yongduam] .view .search-box .set > .row.title .left {
    color: var(--color-typo);
    font-size: var(--font-size-large-2x);
    font-weight: 500;
}

[namespace=view-yongduam] .view .search-box .set > .row.title .right {
    color: var(--color-typo);
    font-size: var(--font-size-small);
    opacity: 0.5;
}

[namespace=view-yongduam] .view .search-box .set > .row > .schedule,
[namespace=view-yongduam] .view .search-box .set> .row > .insur-type-wrap {
    background-color: #fff;
    border: none;
}

[namespace=view-yongduam] .view .search-box [data-btn-start-searching],
[namespace=view-yongduam] .view .search-box [data-btn-start-searching] i {
    color: var(--color-typo);
    background-color: #9A0602;
}

[namespace=view-yongduam] .view .search-box [data-btn-start-searching] i {
    margin-left: 4px;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=view-yongduam-home].page .page-content .responsive-row.search {
		display: flex;
		flex-direction: column;
	}

    [namespace=view-yongduam-home].page .page-content .responsive-row.search .banner-box {
        flex-basis: 100% !important;
        width: 100% !important;
    }
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
}

[namespace=view-yongduam-home].page .page-content .promotion-models {
    display: flex;
    flex-direction: column;
    min-height: 200px;
    margin-bottom: 32px;
}

[namespace=view-yongduam-home].page .page-content .promotion-models .title {
    width: 100%;
    display: flex;
    color: var(--color-main);
    font-weight: 700;
    margin: 0;
	padding-bottom: 32px;
}

[namespace=view-yongduam-home].page .page-content .promotion-models .swiper-container {
    width: 100%;
    padding: 0;
}

[namespace=view-yongduam-home].page .page-content .promotion-models .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 280px;
    padding: 0px;
    gap: 16px;
    position: relative;
    overflow: hidden;
}

[namespace=view-yongduam-home].page .page-content .promotion-models .swiper-slide > .model-name {
    color: #000;
    font-size: var(--font-size-medium);
    font-weight: 400;
    text-wrap: wrap;
    text-align: center;
    max-width: 250px;;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: none;
    align-items: center;
    justify-content: center;
}

[namespace=view-yongduam-home].page .page-content .promotion-models .swiper-slide .horizontal-card {
    background-color: #FCF4F3;
    border-radius: 50%;
    padding: 18px;
    height: 240px;
    width: 240px;
    display: flex;
    align-items: center;
}

[namespace=view-yongduam-home].page .page-content .promotion-models .swiper-slide img {
    width: 100%;
}

[namespace=view-yongduam-home].page .page-content .promotion-models .swiper-slide:hover .model-name {
    display: flex;
    position: absolute;
    border-radius: 50%;
    padding: 18px;
    height: 240px;
    width: 240px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--color-typo);
    background-color: #C82223;
    opacity: 0.9;
    text-wrap: wrap;
    transition: opacity 0.3s ease;
    font-weight: 800;
    font-size: 24px;
}

[namespace=view-yongduam-home].page .page-content .promotion-models [data-btn-edit-content] {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 4px 8px;
    background-color: var(--color-main);
    color: var(--color-typo);
    border-radius: 4px;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {


}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 1000px) {
    [namespace=view-yongduam-home].page .page-content .promotion-models {
        flex-direction: column;
        gap: 24px;
    }

    [namespace=view-yongduam-home].page .page-content .promotion-models .title {
        flex-direction: row;
        padding: 8px;
        width: 100%;
        gap: 24px;
        justify-content: center;
    }

    [namespace=view-yongduam-home].page .page-content .promotion-models .swiper-slide:hover .model-name,
    [namespace=view-yongduam-home].page .page-content .promotion-models .swiper-slide .model-name{
        position: unset;
        height: auto;
        width: 100%;
        display: block;
        color:#000;
        background-color: unset;
        overflow: unset;
        transform: unset;
        padding: 0;
    }
}


[namespace=view-yongduam-home].page .page-content .responsive-row.search {
	margin-top: 0;
	padding: 24px 0;
    gap: 8px;
}

[namespace=view-yongduam-home].page .page-content .responsive-row.search .banner-box {
    flex-basis: 60%;
    width: 60%;
    height: 390px;
    border-radius: 12px;
    overflow: hidden;
}

[namespace=view-yongduam-home].page .page-content .responsive-row.search .banner-box img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
}

[namespace=view-yongduam-home].page .page-content .responsive-row.search .search-box {
    flex-basis: 40%;
}

[namespace=view-yongduam-home].page .page-content .responsive-row .preview-box {
    display: flex;
    width: 100%;
    gap: 16px;
}

[namespace=view-yongduam-home].page .page-content .responsive-row .preview-box .title {
    min-width: 248px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-wrap: nowrap;
    padding: 16px 0px;
    background-color: var(--color-main);
    color: var(--color-typo);
    font-weight: 600;
    font-size: var(--font-size-large-2x);
    border-radius: 12px;
    gap: 8px;
}

[namespace=view-yongduam-home].page .page-content .responsive-row .preview-box.events .title {
    align-items: flex-start;
}

[namespace=view-yongduam-home].page .page-content .responsive-row .preview-box .title img {
    width: 36px;
}

[namespace=view-yongduam-home].page .page-content .responsive-row .preview-box .box-content {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
    padding: 12px 36px;
    width: 100%;
    background-color: #FCF4F3;
    border-radius: 12px;
}

[namespace=view-yongduam-home].page .page-content .responsive-row .preview-box .box-content ul {
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}

[namespace=view-yongduam-home].page .page-content .responsive-row .preview-box .box-content li:nth-child(n+3) {
    display: none;
}

[namespace=view-yongduam-home].page .page-content .responsive-row .preview-box .box-content li a {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 8px;
    color: #333;
}

[namespace=view-yongduam-home].page .page-content .responsive-row .preview-box .box-content .after a {
    font-weight: 800;
    color: var(--color-main);
    text-wrap: nowrap;
}

[namespace=view-yongduam-home].page .page-content .responsive-row .preview-box .box-content .after a i {
    margin-left: 8px;
}

[namespace=view-yongduam-home].page .page-content .responsive-row .preview-box.events  {
    flex-direction: column;
}

[namespace=view-yongduam-home].page .page-content .responsive-row .preview-box.events .title-area {
    display: flex;
    gap: 16px;
}

[namespace=view-yongduam-home].page .page-content .responsive-row .preview-box.events .title-area .box-content {
    justify-content: flex-end;
}

[namespace=view-yongduam-home].page .page-content .responsive-row .preview-box.events .swiper-container {
    width: 100%;
}

[namespace=view-yongduam-home].page .page-content .responsive-row .preview-box.events .swiper-container .swiper-slide {
    width: auto;
}

[namespace=view-yongduam-home].page .page-content .responsive-row .preview-box.events .swiper-container .swiper-slide img {
    width: 550px;
    height: 280px;
    border-radius: 12px;
}

@media (max-width: 1000px) {
    [namespace=view-yongduam-home].page .page-content .responsive-row .preview-box,
    [namespace=view-yongduam-home].page .page-content .responsive-row .preview-box .title-area {
        flex-direction: column;
        gap:8px !important;
    }

    [namespace=view-yongduam-home].page .page-content .responsive-row .preview-box .box-content {
        flex-direction: column;
        width: auto;
    }

    [namespace=view-yongduam-home].page .page-content .responsive-row .preview-box .box-content .after {
        align-self: end;
    }

    [namespace=view-yongduam-home].page .page-content .responsive-row .preview-box.events .swiper-container .swiper-slide img {
        width: calc(90vw - 32px);
        height: auto;
    }
}

/* .contact-box, .map-box  */
[namespace=view-yongduam-home].page .page-content .responsive-row.contact {
    margin-top: 24px;
    --_border-radius: 12px;
}

[namespace=view-yongduam-home].page .page-content .responsive-row .contact-box,
[namespace=view-yongduam-home].page .page-content .responsive-row .map-box {
    height: 400px;
}

[namespace=view-yongduam-home].page .page-content .responsive-row .map-box {
    width: 60%;
    border-top-left-radius: var(--_border-radius);
    border-bottom-left-radius: var(--_border-radius);
    overflow: hidden;
}

[namespace=view-yongduam-home].page .page-content .responsive-row .contact-box {
    width: 40%;
    padding-top: 0;
    background-color: #FCF4F3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-top-right-radius: var(--_border-radius);
    border-bottom-right-radius: var(--_border-radius);
}

[namespace=view-yongduam-home].page .page-content .responsive-row .contact-box > .row {
    justify-content: flex-start;
    height: auto;
    padding: 36px 0;
    gap: 24px;
    margin: 0 54px;
}

[namespace=view-yongduam-home].page .page-content .responsive-row .contact-box > .row:not(:last-child) {
    border-bottom: 1px solid #ddd;
}

[namespace=view-yongduam-home].page .page-content .responsive-row .contact-box > .row > .title {
    margin: 0;
    align-items: center;
    color: var(--color-main);
    font-size: var(--font-size-large-2x);
    font-weight: 900;
    flex-wrap: wrap;
    gap: 8px;
    border-bottom: 0;
}

[namespace=view-yongduam-home].page .page-content .responsive-row .contact-box > .row > .title .right {
    margin-left: auto;
}

[namespace=view-yongduam-home].page .page-content .responsive-row .contact-box > .row > .content {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    height: auto;
    font-weight: 400;
    font-size: var(--font-size-large-2x);
}

[namespace=view-yongduam-home].page .page-content .responsive-row .contact-box > .row > .content .cs-info {
    margin: 0;
    color: #000;
}

[namespace=view-yongduam-home].page .page-content .responsive-row .contact-box .button {
    border-radius: 8px;
    font-weight: 300;
    font-size: var(--font-size-medium);
    margin: 0;
    height: 100%;
    padding: 8px 48px;
    text-wrap: nowrap;
    width: 100%;
}

[namespace=view-yongduam-home].page .page-content .responsive-row .contact-box .right a {
    margin: 0;
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=view-yongduam-home].page .page-content .responsive-row .contact-box,
	[namespace=view-yongduam-home].page .page-content .responsive-row .map-box {
		width: 100%;
	}


	[namespace=view-yongduam-home].page .page-content .responsive-row .map-box {
        border-radius: 0;
        border-top-left-radius: var(--_border-radius);
        border-top-right-radius: var(--_border-radius);
		height: 300px;
	}

    [namespace=view-yongduam-home].page .page-content .responsive-row .contact-box {
        border-radius: 0;
        border-bottom-left-radius: var(--_border-radius);
        border-bottom-right-radius: var(--_border-radius);
    }
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
	[namespace=view-yongduam-home].page .page-content .responsive-row .contact-box,
	[namespace=view-yongduam-home].page .page-content .responsive-row .contact-box .row {
		height: auto;
	}

    [namespace=view-yongduam-home].page .page-content .responsive-row .contact-box .row .title {
        flex-direction: row;
    }

    [namespace=view-yongduam-home].page .page-content .responsive-row .contact-box .row .content {
        gap: 12px;
    }

}

/* override-style */
[namespace=view-yongduam] [namespace=header].page-header .left .logo {
    top: 50%;
    transform: translateY(-50%);
}
[namespace=view-yongduam] [namespace=header].page-header .left ul {
    padding-left: 220px;
}

[namespace=view-yongduam] [namespace=header].page-header .left .logo img {
    width: 200px;
}

[namespace=view-yongduam] [namespace=footer].page-footer .left .logo img {
    width: 240px;
}

[namespace=view-yongduam] [namespace=footer].page-footer .footer-content {
    gap: 32px;
}

@media (max-width: 680px) {
    [namespace=view-yongduam] [namespace=header].page-header .left .logo img {
        width: 160px;
    }
}
.panel.side-menu .page {
	padding: 25px;
	background-color: #f2f2f2;
	font-size: var(--font-size-small);
}

.panel.side-menu .page ul li {
	margin-bottom: 15px;
}

.panel.side-menu .page ul li.horizontal-bar {
	border-bottom: 1px solid #333;
	margin-top: 30px;
	margin-bottom: 35px;
}

.panel.side-menu .page ul li a {
	color: #333;
}

.panel.side-menu .page ul li a.selected {
	color: var(--color-main-typo);
	font-weight: bold;
}

.panel.side-menu .page ul li a i {
	margin-right: 8px;
}
/* .airport */

.popover.select-calendar-detail.airport {
	width: 240px;
	height: auto;
	border-radius: 12px;
	background-color: #fff;	
	padding: 5px;
}

/* .popover-header */

.popover.select-calendar-detail.airport .popover-header {
}

/* .popover-content */

.popover.select-calendar-detail.airport .popover-content {
}

.popover.select-calendar-detail.airport .popover-content ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: auto;
	border-radius: auto;
}

.popover.select-calendar-detail.airport .popover-content ul li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 25%;
	font-size: var(--font-size-small-x);
	height: 28px;
	margin: 5px;
	border-radius: 8px;	
}

.device-desktop
.popover.select-calendar-detail.airport .popover-content ul li:hover {
	background-color: #FEF35D;
}

.popover.select-calendar-detail.airport .popover-content ul li.disabled {
	color: #aaa;	
	cursor: not-allowed;
	opacity: 0.5;
}

.popover.select-calendar-detail.airport .popover-content ul li.selected {
	/*color: #007aff;*/
	color:  var(--color-main);
	font-weight: 600;
}

/* .popover-foolter */

.popover.select-calendar-detail.airport .popover-foolter {
}

/* .timeA */

.popover.select-calendar-detail.timeA {
	width: 240px;
	height: auto;
	border-radius: 12px;
	background-color: #fff;	
	padding: 5px;
}

/* .popover-header */

.popover.select-calendar-detail.timeA .popover-header {
}

/* .popover-content */

.popover.select-calendar-detail.timeA .popover-content {
}

.popover.select-calendar-detail.timeA .popover-content ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: auto;
	border-radius: auto;
}

.popover.select-calendar-detail.timeA .popover-content ul li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 25%;
	font-size: var(--font-size-small-x);
	height: 28px;
	margin: 5px;
	border-radius: 8px;
}

.device-desktop
.popover.select-calendar-detail.timeA .popover-content ul li:hover {
	background-color: #FEF35D;
}

.popover.select-calendar-detail.timeA .popover-content ul li:nth-child(even) {
	color: #555;
}

.popover.select-calendar-detail.timeA .popover-content ul li.selected {
	/*color: #007aff;*/
	color: var(--color-main-typo);
	font-weight: 600;
}

/* .popover-foolter */

.popover.select-calendar-detail.timeA .popover-foolter {
}

/* .timeB */

.popover.select-calendar-detail.timeB {
	width: 240px;
	height: auto;
	border-radius: 12px;
	background-color: #fff;	
	padding: 5px;
}

/* .popover-header */

.popover.select-calendar-detail.timeB .popover-header {
}

/* .popover-content */

.popover.select-calendar-detail.timeB .popover-content {
}

.popover.select-calendar-detail.timeB .popover-content ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: auto;
	border-radius: auto;
}

.popover.select-calendar-detail.timeB .popover-content ul li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 25%;
	font-size: var(--font-size-small-x);
	height: 28px;
	margin: 5px;
	border-radius: 8px;
}

.device-desktop
.popover.select-calendar-detail.timeB .popover-content ul li:hover {
	background-color: #FEF35D;
}

.popover.select-calendar-detail.timeB .popover-content ul li:nth-child(even) {
	color: #555;
}

.popover.select-calendar-detail.timeB .popover-content ul li.selected {
	/*color: #007aff;*/
	color: var(--color-main-typo);
	font-weight: 600;
}

/* .popover-foolter */

.popover.select-calendar-detail.timeB .popover-foolter {
}

.popup.calendar {
	--f7-popup-tablet-width: 340px;	
	--f7-popup-tablet-height: 690px;
	border-radius: 24px;
}

@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;
	}
}

/* .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-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;*/
	color: var(--color-main-typo);
}

.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;*/
	color: var(--color-main-typo);
}

/* .calendar-wrap */

.popup.calendar .page .page-content .calendar-wrap {
	display: flex;
	align-items: center;
	width: calc(100% - 32px);
	margin: 7px 15px;
	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;*/
	color: var(--color-typo) !important;
    /*background-color: #007aff !important;*/
    background-color: var(--color-main);
}

.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));*/
	background-color: var(--f7-calendar-selected-bg-color, var(--color-main));
    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-around;
	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: 2px 22px;
	border : 1px solid #bbb;
	background-color: #fff;
	border-radius: 10px;
	justify-content: center;
	width: 70%;
	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;
}

/* .picker-wrap */

.popup.calendar .page .page-content .picker-wrap {
	display: flex;
	justify-content: space-between;
	margin: 15px;
	border: 1px solid #e4e4e4;
	border-radius: 12px;
}

.popup.calendar .page .page-content .picker-wrap .left,
.popup.calendar .page .page-content .picker-wrap .right {
	position: relative;
	width: calc(50% - 0px);
	background-color: #fff;
	padding-right: 5px;
}

/* 피커 하얀색 하이라이터 안보이게 처리 */
.popup.calendar .page .page-content .picker-wrap .picker-columns {
	-webkit-mask-box-image: none;
}

.popup.calendar .page .page-content .picker-wrap .left {
	border-radius: 12px 0px 0px 12px;
}

.popup.calendar .page .page-content .picker-wrap .right {
	border-radius: 0px 12px 12px 0px;
	border-left: 1px dashed #e4e4e4;
}

.popup.calendar .page .page-content .picker-wrap .picker-item {
	text-overflow: initial;
	cursor: default;
}

.popup.calendar .page .page-content .picker-wrap .picker-item-selected span {
	font-weight: 600;
	width: 100%;
	background-color: #888;
	border-radius: 12px;
	color: #ffffff;
}


.popup.calendar[data-status="ing"] .page .page-content .picker-wrap .left .picker-item-selected span {
	/*	background-color: #007aff;*/
	background-color: var(--color-main);
	color: var(--color-typo);
}

.popup.calendar[data-status="done"] .page .page-content .picker-wrap .left .picker-item-selected span,
.popup.calendar[data-status="done"] .page .page-content .picker-wrap .right .picker-item-selected span {
	/*	background-color: #007aff;*/
	background-color: var(--color-main);
	color: var(--color-typo);
}


.popup.calendar .page .page-content .picker-wrap .link[data-btn-show-popover-select-calendar-detail] {
	position: absolute;
	top: calc(50% - 14px);
	right: 5px;
	width: 28px;
	height: 28px;
	font-size: var(--font-size-small-x);
	color: #888;
	background-color: #fff;
	border-radius: 100%;
	margin-right: 5px;
}

.device-desktop
.popup.calendar .page .page-content .picker-wrap .link[data-btn-show-popover-select-calendar-detail]:hover {
	background-color: #FEF35D;
}

.popup.calendar .page .page-content .picker-wrap .picker-center-highlight:before,
.popup.calendar .page .page-content .picker-wrap .picker-center-highlight:after {
	background-color: transparent;
}

/* .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: var(--font-size-small-x);
}

.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;*/
	background-color: var(--color-main);
	/*	color: #fff;*/
	color: var(--color-typo);
}

.popup.calendar .page .page-footer .apply button.button-outline {
	color: #484848;
	border: 1px solid #E4E4E4;
}
.popup.cs-banner-edit {
	--f7-popup-tablet-width: 700px;
	--f7-popup-tablet-height: calc(100% - 100px);
	top: 0px;
	margin-top: 50px;
	border-radius: 12px;
}

@media (max-width: 629px) {
	.popup.cs-banner-edit {
		--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;
	}
}

/* .page */

.popup.cs-banner-edit .page .btn-area {
	display: flex;
}

.popup.cs-banner-edit .page .btn-area .popup-close {
	position: absolute;
	top: 15px;
	right: 20px;
	font-size: var(--font-size-fa-xmark);
	cursor: pointer;
}

.popup.cs-banner-edit .page .btn-area button {
	position: absolute;
	top: 5px;
	left: 20px;
	width: 100px;
	background-color: #000;
	color: yellow;
	margin-top: 13px;
	padding: 5px 10px;
	cursor: pointer;
}

.popup.cs-banner-edit .page .btn-area button i {
	margin-right: 5px;
}

.popup.cs-banner-edit .page {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	background-color: #F7F6F3;
}

.popup.cs-banner-edit .page .page-content {
	width: 100%;
	overflow-x: hidden;
	padding: 20px;
	padding-top: 50px;
}

.popup.cs-banner-edit .page .page-content > .title {
	font-size: var(--font-size-small-x);
	text-align: center;
	color: #888;
}

.popup.cs-banner-edit .page .page-content .banner-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	border: none;
	overflow-x: hidden;
	overflow-y: auto;
}

.popup.cs-banner-edit .page .page-content .banner-list ul {
	background-color: transparent;
}

.popup.cs-detail {
	--f7-popup-tablet-width: 700px;
	--f7-popup-tablet-height: calc(100% - 100px);
	top: 0px;
	margin-top: 50px;
	border-radius: 12px;
}

@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;
	}
}

/* .page */

.popup.cs-detail .page .btn-area {
	position: absolute;
	right: 14px;
	top: 14px;
	display: flex;
	flex-direction: column;
}

.popup.cs-detail .page .btn-area i {
	font-size: var(--font-size-fa-xmark);
	cursor: pointer;
}

.popup.cs-detail .page .btn-area button {
	background-color: var(--color-main);
	color: var(--color-typo);
	margin-top: 13px;
	font-size: var(--font-size-small-x);
	padding: 3px 8px;
	height: 100%;
	cursor: pointer;
}

.popup.cs-detail .page {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	background-color: #F7F6F3;
	height: 100%;
}

.popup.cs-detail .page .page-content {
	width: 100%;
	overflow-y: hidden;
}

.popup.cs-detail .page .edit { display: none; }
.popup.cs-detail .page .page-content .block .row.edit {
	display: none;
}

body.on-edit .popup.cs-detail .page .edit { display: flex; }
body.on-edit .popup.cs-detail .page .page-content .block .row {
	display: none;
}

body.on-edit .popup.cs-detail .page .page-content .block .row.edit {
	display: flex;
}

.popup.cs-event-edit {
	--f7-popup-tablet-width: 700px;
	--f7-popup-tablet-height: calc(100% - 100px);
	top: 0px;
	margin-top: 50px;
	border-radius: 12px;
}

@media (max-width: 629px) {
	.popup.cs-event-edit {
		--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;
	}
}

/* .page */

.popup.cs-event-edit .page .btn-area {
	position: absolute;
	right: 14px;
	top: 14px;
	display: flex;
	flex-direction: column;
}

.popup.cs-event-edit .page .btn-area i {
	font-size: var(--font-size-fa-xmark);
	cursor: pointer;
}

.popup.cs-event-edit .page .btn-area button {
	background-color: var(--color-main);
	color: var(--color-typo);
	margin-top: 13px;
	font-size: var(--font-size-small-x);
	padding: 3px 8px;
	height: 100%;
	cursor: pointer;
}

.popup.cs-event-edit .page {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	background-color: #F7F6F3;
	overflow-x: hidden;
	overflow-y: auto;
}

.popup.cs-event-edit .page .page-content {
	width: 100%;
	overflow-x: hidden;
}

.popup.cs-event-edit .page .page-content .board-list > .block-content .no-data {
	flex-basis: 100%;
	color: #888888;
	text-align: center;
	padding: 20px 0;
}

/*.popup.cs-event-edit[data-edit-mode=off] .page .page-content {}*/
.popup.cs-event-edit .page .edit { display: none; }
.popup.cs-event-edit .page .page-content .block .row.edit {
	display: none;
}

body.on-edit .popup.cs-event-edit .page .edit { display: flex; }
body.on-edit .popup.cs-event-edit .page .page-content .block .row {
	display: none;
}

body.on-edit .popup.cs-event-edit .page .page-content .block .row.edit {
	display: flex;
}

.popup.cs-faq-category-edit {
	--f7-popup-tablet-width: 700px;
	--f7-popup-tablet-height: 120px;
	border-radius: 12px;
}

@media (max-width: 629px) {
	.popup.cs-faq-category-edit {
		--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;
	}
}

/* .page */

.popup.cs-faq-category-edit .page .btn-area {
	position: absolute;
	right: 14px;
	top: 14px;
	display: flex;
	flex-direction: column;
}

.popup.cs-faq-category-edit .page .btn-area i {
	font-size: var(--font-size-fa-xmark);
	cursor: pointer;
}

.popup.cs-faq-category-edit .page .btn-area button {
	background-color: var(--color-main);
	color: var(--color-typo);
	margin-top: 13px;
	font-size: var(--font-size-small-x);
	padding: 3px 8px;
	height: 100%;
	cursor: pointer;
}

.popup.cs-faq-category-edit .page {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	background-color: #F7F6F3;
	overflow-x: hidden;
	overflow-y: auto;
}

.popup.cs-faq-category-edit .page .page-content {
	width: 100%;
}
.popup.cs-promotion-model-edit {
	--f7-popup-tablet-width: 700px;
	--f7-popup-tablet-height: calc(100% - 100px);
	top: 0px;
	margin-top: 50px;
	border-radius: 12px;
}

@media (max-width: 629px) {
	.popup.cs-promotion-model-edit {
		--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;
	}
}

/* .page */

.popup.cs-promotion-model-edit .page .btn-area {
	display: flex;
	z-index: 1;
}

.popup.cs-promotion-model-edit .page .btn-area .popup-close {
	position: absolute;
	top: 15px;
	right: 20px;
	font-size: var(--font-size-fa-xmark);
	cursor: pointer;
}

.popup.cs-promotion-model-edit .page .btn-area .wrapper {
	position: absolute;
	top: 5px;
	left: 20px;
	padding: 5px 10px;
	margin-top: 5px;
	display: flex;
	align-items: center;
	gap: 12px;
}

.popup.cs-promotion-model-edit .page .btn-area .wrapper .select-wrap {
	position: relative;
	display: flex;
	align-items: center;
	font-size: 16px;
	background-color: #fff;
	border: 1px solid #bbb;
	border-radius: 4px;
}

.popup.cs-promotion-model-edit .page .btn-area .wrapper .select-wrap i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 8px;
}

.popup.cs-promotion-model-edit .page .btn-area .wrapper .select-wrap select {
	padding: 4px 8px;
	padding-right: 36px;
	width: 100%;
	height: 100%;
	z-index: 1;
	cursor: pointer;
}

.popup.cs-promotion-model-edit .page .btn-area button {
	width: 100px;
	background-color: #000;
	color: yellow;
	cursor: pointer;
}

.popup.cs-promotion-model-edit .page .btn-area button i {
	margin-right: 5px;
}

.popup.cs-promotion-model-edit .page {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	background-color: #F7F6F3;
}

.popup.cs-promotion-model-edit .page .page-content {
	display: flex;
	width: 100%;
	overflow-x: hidden;
	padding: 20px;
	padding-top: 50px;
    display: flex;
}

.popup.cs-promotion-model-edit .page .page-content > .list > .title {
	font-size: var(--font-size-small-x);
	color: #888;
}

.popup.cs-promotion-model-edit .page .page-content .promotion-model-list,
.popup.cs-promotion-model-edit .page .page-content .model-list {
	display: flex;
	flex-wrap: wrap;
	flex-basis: 50%;
	justify-content: center;
	border: none;
	padding: 20px 0;
}

.popup.cs-promotion-model-edit .page .page-content .promotion-model-list > .title,
.popup.cs-promotion-model-edit .page .page-content .model-list > .title {
	margin-bottom: 20px;
	width: 100%;
	text-align: center;
}

.popup.cs-promotion-model-edit .page .page-content .promotion-model-list ul,
.popup.cs-promotion-model-edit .page .page-content .model-list ul {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	background-color: transparent;
	overflow-x: hidden;
	overflow-y: scroll;
	height: 100%;
}

@media (max-width: 680px) {
	.popup.cs-promotion-model-edit .page .page-content {
		flex-direction: row;
		flex-wrap: wrap;
	}

	.popup.cs-promotion-model-edit .page .page-content .promotion-model-list,
	.popup.cs-promotion-model-edit .page .page-content .model-list {
		width: 100%;
	}

	.popup.cs-promotion-model-edit .page .page-content .promotion-model-list > .title,
	.popup.cs-promotion-model-edit .page .page-content .model-list > .title {
		margin-bottom: 0;
	}
}

.popup.extra-deals {
	--f7-popup-tablet-width: 400px;	
	--f7-popup-tablet-height: 650px;
	border-radius: 8px;
}

@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;
	}
}
/* .page */

.popup.extra-deals .page {
    background-color: #F7F6F3;
    position: relative;
}

.popup.extra-deals .page > .header-btn-area {
    position: absolute;
	right: 14px;
	top: 14px;
    z-index: 11;
}

.popup.extra-deals .page > .header-btn-area i {
    font-size: var(--font-size-fa-xmark);
	cursor: pointer;
}

.popup.extra-deals .page > .footer-btn-area {
    position: absolute;
    width: calc(100% - 36px);
    padding: 18px;
    bottom: 8px;
    z-index: 10;
}

.popup.extra-deals .page .footer-btn-area button {
    background-color: var(--color-main);
    color: var(--color-typo);
    font-size: var(--font-size-small-x);
    padding: 8px 16px;
    height: auto;
    border-radius: 8px;
}

.popup.extra-deals .page > .page-header {
    padding: 16px;
    padding-bottom: 16px;
    background-color: #F7F6F3;
    border-bottom: 1px solid #ddd;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.popup.extra-deals .page > .page-header .row .radio {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--font-size-small-x);
}

.popup.extra-deals .page > .page-header .row .radio [type=radio]:checked + .item-inner {
    color: var(--color-main);
}

.popup.extra-deals .page > .page-header .row .radio [type=radio]:not(:checked) + .item-inner i.fa-circle-dot,
.popup.extra-deals .page > .page-header .row .radio [type=radio]:checked + .item-inner i.fa-circle {
    display: none;
}

.popup.extra-deals .page > .page-header .row .radio > .item-radio:last-child .item-inner {
    padding-right: 0;
}

.popup.extra-deals .page > .page-header .row .radio > .item-radio:active {
    background-color: unset;
    opacity: 0.5;
}

.popup.extra-deals .page > .page-header .popup-title {
    font-size: var(--font-size-small);
    font-weight: 700;
    padding-bottom: 12px;
    align-self: flex-start;
}

.popup.extra-deals .page > .page-header .message {
    font-size: var(--font-size-small-x);
    gap: 8px;
    justify-content: center;
    text-wrap: nowrap;
}

.popup.extra-deals .page > .page-header .message span {
    color: #c8222c;
    text-decoration: underline;
}

.popup.extra-deals .page > .page-content > .block {
    margin: 0;
    padding: 0;
    margin-bottom: 240px;
}

.popup.manage-penalty-fee-edit .page .page-content {
    background-color: #fff;
	--f7-popup-tablet-width: 700px;
	--f7-popup-tablet-height: calc(100% - 100px);
	border-radius: 12px;
}

@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;
	}
}
/*.popup.pay-refund-vbank .page > .tabs  #tab-refund-vbank*/
.popup.pay-refund-vbank {
	--f7-popup-tablet-width: 450px;
	--f7-popup-tablet-height: 500px;
	border-radius: 12px;
}

@media (max-width: 629px) {
	.popup.pay-refund-vbank {
		--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;
	}
}

/* .page */

.popup.pay-refund-vbank .page .btn-area {
	position: absolute;
	right: 14px;
	top: 14px;
	display: flex;
	flex-direction: column;
}

.popup.pay-refund-vbank .page .btn-area i {
	font-size: var(--font-size-fa-xmark);
	cursor: pointer;
}

.popup.pay-refund-vbank .page > .page-content .card.bank-information {
 	padding: 16px;
 	margin-bottom: 0px;
}

.popup.pay-refund-vbank .page > .page-content .card.bank-information .card-header {
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.popup.pay-refund-vbank .page > .page-content .card.bank-information .card-header .title {
	font-weight: 700;
	color: #333333;
	margin-bottom: 5px;
}

.popup.pay-refund-vbank .page > .page-content .card.bank-information .card-header .subtitle {
	padding-bottom: 10px;
	color: #888888;
}

.popup.pay-refund-vbank .page > .page-content .card.bank-information .card-content {
	padding: 0;
	padding-top: 10px;
}

.popup.pay-refund-vbank .page > .page-content .card.bank-information .card-content .row {
	margin-bottom: 10px;
	align-items: center;
}

.popup.pay-refund-vbank .page > .page-content .card.bank-information .card-content .row .left {
	color: #888888;
}

.popup.pay-refund-vbank .page > .page-content .card.bank-information .card-content .row .right {
	color: #333333;
}

.popup.pay-refund-vbank .page > .page-content .card.bank-information .card-content .row.charge .right {
	padding-top: 15px;
	padding-bottom: 15px;
}

.popup.pay-refund-vbank .page > .page-content .card.bank-information .card-content .row.bank .right {
	padding-top: 9px;
	padding-bottom: 8px;
}

.popup.pay-refund-vbank .page > .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-refund-vbank .page > .page-content .card.bank-information .card-content .row .right .bank-select-wrap select {
	font-size: var(--font-size-small-x);
	padding: 8px 13px;
	width: 100%;
	cursor: pointer;
	z-index: 1;
}

.popup.pay-refund-vbank .page > .page-content .card.bank-information .card-content .row .right .bank-select-wrap i {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.popup.pay-refund-vbank .page > .page-content .card.bank-information .card-content .row .right .list {
	border: none;
}

.popup.pay-refund-vbank .page > .page-content .card.bank-information .card-content .row .right .list .item-content {
	padding: 0;
}

.popup.pay-refund-vbank .page > .page-content .card.bank-information .card-content .row .right .list .item-inner {
	padding-right: 0;
}

.popup.pay-refund-vbank .page > .page-content .card.bank-information .card-content .row .right .list .item-inner input {
	border: none;
	padding: 10px 10px;
}

.popup.pay-refund-vbank .page > .page-content .card.notice {
	padding: 16px;
	font-weight: 600;
	color: #C8222C;
	margin-top: 8px;
	margin-bottom: 8px;
}

.popup.pay-refund-vbank .page > .page-content .button-area {
	padding: 0 16px;
}
.popup.pay-refund-vbank .page > .page-content .button-area button[data-btn-confirm] {
	padding: 15px;
	border-radius: 14px;
	height: 100%;
	font-size: var(--font-size-small-x);
	background-color: var(--color-main);
	color: var(--color-typo);
}
.popup.pay {
	--f7-popup-tablet-width: 450px;
	--f7-popup-tablet-height: 720px;
	border-radius: 12px;
}

@media (max-width: 629px) {
	.popup.pay {
		--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 .page .page-content .card.billing-info .card-content .card-quota-wrap {*/

.popup.pay .page {
	background-color: #F7F6F3;
	overflow-y: scroll;
}

.popup.pay .page .popup-close {
	font-size: var(--font-size-fa-xmark);
	position: absolute;
	right: 14px;
	top: 14px;
	cursor: pointer;
}

.popup.pay .page .page-content {
	padding: 14px;
	height: 100%;
}

.popup.pay .page .page-content .popup-title {
	font-size: var(--font-size-small-x);
	padding: 6px 12px;
}

.popup.pay .page .page-content .card {
	margin: 5px;
	font-weight: 600;
	font-size: var(--font-size-small-x);
}

.popup.pay .page .page-content .card:not(:last-child) {
	margin-bottom: 8px;
}

.popup.pay .page .page-content .card .card-content {
	width: 100%;
	padding: 20px;
	justify-content: space-between;
}

.popup.pay .page .page-content .card .card-content .title {
	display: flex;
	justify-content: flex-start;
	align-items: center;

}

.popup.pay .page .page-content .card .card-content .title .title-wrap {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
}

.popup.pay .page .page-content .card .card-content .title {
	width: 100%;
}

.popup.pay .page .page-content .card .card-content .description {
	color: #888888;
	font-weight: 400;
	font-size: var(--font-size-small-x);
	margin-left: 6px;
}

.popup.pay .page .page-content .card .card-content i {
	margin-right: 10px ;
}

.popup.pay .page .page-content .card .card-content img {
	height: 22px;
	margin-right: 10px;
}

.popup.pay .page .page-content .card .card-footer {
	display: flex;
	flex-direction: column;
	margin: 0 20px;
	margin-right: 13px;
	padding: 12px 0;
	padding-top: 6px;
}

.popup.pay .page .page-content .card .card-footer .row {
	padding: 3px 0;
	display: flex;
	flex-direction: row;
	height: 30px;
	justify-content: space-between;
	width: 100%;
}


.popup.pay .page .page-content .card .card-footer .row {
	padding: 3px 0;
	display: flex;
	flex-direction: row;
	height: 30px;
	justify-content: space-between;
	width: 100%;
}

.popup.pay .page .page-content .card .card-footer .row .left {
	font-weight: 600;
	color: #888888;
	align-items: flex-start;
	align-self: center;
}

.popup.pay .page .page-content .card .card-footer .left .title {
	font-weight: 600;
	font-size: var(--font-size-small-x);
	color: #888888;
}

.popup.pay .page .page-content .card .card-footer .row .right {
	width: 65%;
	color: #000000;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	margin-right: 5px;
}

.popup.pay .page .page-content .card .card-footer .row.receipt-info .right {
	display: flex;
	flex-direction: row;
}

.popup.pay .page .page-content .card .card-footer .row.receipt-info .left .title {
	margin-bottom: 5px;
}

.popup.pay .page .page-content .card .card-footer .row.receipt-info .right .title {
	margin-bottom: 5px;
	font-weight: 600;
	color: #888888;
}

.popup.pay .page .page-content .card .card-footer .row .right .item-radio {
	color: #000000;
	width: 50%;
}

.popup.pay .page .page-content .card .card-footer .row .right .item-radio:active {
	background-color: rgba(0, 0, 0, 0);
	opacity: 0.5;
}

.popup.pay .page .page-content .card .card-footer .row .right .item-radio .item-inner {
	padding: 12px 0px;
}

.popup.pay .page .page-content .card .card-footer .row .right .item-radio .item-inner .item-title {
	text-align: center;
	font-size: var(--font-size-small-x);
	line-height: 0.5;
}

.popup.pay .page .page-content .card .card-footer .row.receipts-reg-number-type .item-inner {
	padding: 0;
}

.popup.pay .page .page-content .card .card-footer .row .input.receipts-reg-number {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

.popup.pay .page .page-content .card .card-footer .row input {
	width: 100%;
	height: 30px;
	border: 1px solid #ddd;
	border-radius: 4px;
	text-align: center;
	padding: 0 8px;
	font-size: var(--font-size-small-x);
}

.popup.pay .page .page-content .card .card-footer .row input:disabled {
	border:none;
	color: #555555;
	background-color: #F2F2F2;
}

.popup.pay .page .page-content .card .card-footer .row.terms {
	justify-content: space-between;
}

.popup.pay .page .page-content .card .card-footer .row.terms .right {
	width: 50%;
}

.popup.pay .page .page-content .card .card-footer .radio input ~ .item-inner .fa-circle-dot,
.popup.pay .page .page-content .card .card-footer .radio input:checked ~ .item-inner .fa-circle { display: none; }
.popup.pay .page .page-content .card .card-footer .radio input:checked ~ .item-inner .fa-circle-dot { display: inline-block; }

.popup.pay .page .page-content .card .card-footer .radio :first-child input ~ .item-inner {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.popup.pay .page .page-content .card .card-footer .radio :last-child input ~ .item-inner {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.popup.pay .page .page-content .card .card-footer .radio input ~ .item-inner {
	color: #555;
	background-color: #e4e4e4;
}

.popup.pay .page .page-content .card .card-footer .radio input:checked ~ .item-inner {
	color: #e4e4e4;
	background-color: #555;
}

.popup.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;
}

.popup.pay .page .page-content .card[data-payment-method=VBANK] .card-footer .row .vbank-select-wrap select {
	font-weight: 500;
	font-size: var(--font-size-small-x);
	width: 100%;
	height: 100%;
	padding-left: 13px;
	cursor: pointer;
	z-index: 1;
}

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

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


/*.card-quota-wrap */

.popup.pay .page .page-content .card[data-payment-method=CARD] .card-content .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 .page .page-content .card[data-payment-method=CARD] .card-content .card-quota-wrap select {
	font-weight: 500;
	font-size: var(--font-size-small-x);
	width: 100%;
	padding-left: 8px;
	cursor: pointer;
	z-index: 1;
}

.popup.pay .page .page-content .card[data-payment-method=CARD] .card-content .card-quota-wrap i {
	position: absolute;
	margin: 0;
	font-size: var(--font-size-small-x);
	right: 10px;
	top: 8px;
}


.popup.pay .page .page-content .card[data-payment-method=CARD] .card-footer .row .right {
	justify-content: flex-start;
}

.popup.pay .page .page-content .card[data-payment-method=CARD] .card-footer .row .right .input {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

.popup.pay .page .page-content .card[data-payment-method=CARD] .card-footer .row .right .input input {
	width: calc(25% - 5px);
	border: 1px solid #ddd;
	border-radius: 2px;
	text-align: center;
	font-size: var(--font-size-small-x);
}

.popup.pay .page .page-content .card[data-payment-method=CARD] .card-footer .row .right .input input:not(:last-child) {
	margin-right: 5px;
}

.popup.pay .page .page-content .card[data-payment-method=CARD] .card-footer .row.card-bn .right .input input,
.popup.pay .page .page-content .card[data-payment-method=CARD] .card-footer .row.card-ssn .right .input input {
	width: calc(50% - 5px);
}

.popup.pay .page .page-content .card[data-payment-method=CARD] .card-footer .row .right .input span {
	font-size: var(--font-size-small-x);
}


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

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

/*.popup.pay .page .page-content .block.pay-info*/

.popup.pay .page .page-content .block.pay-info {
	margin: 0px;
	padding: 0 12px;
}

.popup.pay .page .page-content .block.pay-info .block-header {
	padding: 8px 0;
	display: flex;
	flex-direction: column;
}

.popup.pay .page .page-content .block.pay-info .block-header > .block {
	padding: 5px 0;
	border: none;
	margin: 0;
}

.popup.pay .page .page-content .block.pay-info .block-header > .block {
	border-bottom: 1px solid #E4E4E4;
}

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

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

.popup.pay .page .page-content .block.pay-info .block-header .row .left button {
	background-color: #fff;
	color: #333;
	border: 1px solid #B7B7B7;
	width: 60px;
	height: 100%;
	padding: 0;
	font-size: var(--font-size-small-x);
}

.popup.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;
	font-size: var(--font-size-small-x);
}

.popup.pay .page .page-content .block.pay-info .block-header .row .left .fa-key {
	margin-right: 10px;
}

.popup.pay .page .page-content .block.pay-info .block-header .row .left .fa-circle-question {
	font-size: var(--font-size-small-x);
	color: #B7B7B7;
	margin-left: 10px;
	margin-right: 15px;
	cursor: pointer;
}

.popup.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;
}

.popup.pay .page .page-content .block.pay-info .block-header .pay-title {
	display: flex;
	color: #333333;
	justify-content: space-between;
	font-size: var(--font-size-small-x);
	margin-bottom: 10px;
}

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

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

.popup.pay .page .page-content .block.pay-info .block-header .pay-title .right {
	display: flex;
	flex-direction: column;
}

.popup.pay .page .page-content .block.pay-info .block-header .pay-title {
	display: flex;
	color: #333333;
	justify-content: space-between;
	font-size: var(--font-size-small-x);
	margin-bottom: 10px;
}

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

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

.popup.pay .page .page-content .block.pay-info .block-header .pay-title .right {
	display: flex;
	flex-direction: column;
}

.popup.pay .page .page-content .block.pay-info .block-content .row {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	font-weight: 500;
	color: #888888;
}

.popup.pay .page .page-content .block.pay-info .block-content .row .right {
	text-align: right;
	width: 25%;
	margin-left: 5px;
}


.popup.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;
}

.popup.pay .page .page-content .block.pay-info .block-content .row.flights-notice .left {
	font-size: var(--font-size-small);
	text-align: center;
}

.popup.pay .page .page-content .block.pay-info .block-content .row.flights-notice .right {
	width: 85%;
	text-align: left;
	margin: 0;
}

.popup.pay .page .page-content .block.pay-info .block-footer {
	margin-bottom: 8px;
}

.popup.pay .page .page-content .block.pay-info .block-footer .pay-notice {
	display: flex;
	flex-direction: column;
	margin-bottom: 8px;
	color: #c8222c;
}

.popup.pay .page .page-content .block.pay-info .block-footer .pay-amount {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.popup.pay .page .page-content .block.pay-info .block-footer .pay-amount .left {
	color: #888888;
	align-self: center;
	font-size: var(--font-size-small-x);
}

.popup.pay .page .page-content .block.pay-info .block-footer .pay-amount .right {
	text-align: right;
	margin-left: 40px;
}

.popup.pay .page .page-content .block.pay-info .block-footer .pay-amount .amount {
	color: #006FFF;
	font-weight: 700;
	font-size: var(--font-size-small);
}

.popup.pay .page .page-content .btn-area {
	margin: 20px 16px;
}

.popup.pay .page .page-content .btn-area button {
	border-radius: 12px;
	height: 64px;
	font-size: var(--font-size-small);
}
.popup.service-manager-sign-in {
	--f7-popup-tablet-width: 340px;	
	--f7-popup-tablet-height: 650px;
	border-radius: 24px;
}

@media (max-width: 629px) {
	.popup.service-manager-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-manager-sign-in .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.service-manager-sign-in .navbar .navbar-bg {
	background-color: #fff;
}

.popup.service-manager-sign-in .navbar .navbar-inner {
	padding: 0px;
}

.popup.service-manager-sign-in .navbar .navbar-inner .left .popup-close {
	font-size: var(--font-size-small-x);
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.service-manager-sign-in .navbar .navbar-inner .title {
	left: 0px !important;
	font-size: var(--font-size-small-x);
	font-weight: bold;
}

.popup.service-manager-sign-in .navbar .navbar-inner .right {
	padding: 10px;
	margin-left: 0;
	margin-right: 15px;
	font-size: var(--font-size-small-x);
	color: #B7B7B7;
}

/* .page */

.popup.service-manager-sign-in .page {
	background-color: #F7F6F3;
}

.popup.service-manager-sign-in .page .block {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.popup.service-manager-sign-in .page .block.sign-info .block-header {
	font-weight: 700;
	font-size: var(--font-size-small-x);
	color: black;
}


.popup.service-manager-sign-in .page .page-content .block.sign-info .block-content ul {
	border: none;
	margin: 5px 0;
}

.popup.service-manager-sign-in .page .page-content .block.sign-info .block-content ul>li {
	padding: 0;
}

.popup.service-manager-sign-in .page .page-content .block.sign-info .block-content ul>li .item-inner {
	padding: 8px 0;
}

.popup.service-manager-sign-in .page .page-content .block.sign-info .block-content ul>li .item-inner input {
	background-color: #fff;
	height: 33px;
	padding: 5px 10px;
}

.popup.service-manager-sign-in .page .page-content .block.sign-info .block-content ul>li .item-inner span {
	top: 50%;
}

.popup.service-manager-sign-in .page .page-content .block.sign-info .block-footer .fail {
	color: #C8222C;
}

.popup.service-manager-sign-in .page .page-content .block.button-area button {
	height: 100%;
	padding: 10px 30px;
	position: relative;
	background-color: var(--color-main);
	color: var(--color-typo);
	font-size: var(--font-size-small);
}

.popup.sign-in {
	--f7-popup-tablet-width: 340px;	
	--f7-popup-tablet-height: 650px;
	border-radius: 24px;
}

@media (max-width: 629px) {
	.popup.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.sign-in .navbar {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup.sign-in .navbar .navbar-bg {
	background-color: #fff;
}

.popup.sign-in .navbar .navbar-inner {
	padding: 0px;
}

.popup.sign-in .navbar .navbar-inner .left .popup-close {
	font-size: var(--font-size-small-x);
	border: 1px solid #E4E4E4;
	padding: 10px;
	margin-left: 15px;
	border-radius: 4px;
	color: #333;
}

.popup.sign-in .navbar .navbar-inner .title {
	left: 0px !important;
	font-size: var(--font-size-small-x);
	font-weight: bold;
}

.popup.sign-in .navbar .navbar-inner .right {
	padding: 10px;
	margin-left: 0;
	margin-right: 15px;
	font-size: var(--font-size-small-x);
	color: #B7B7B7;
}

/* .page */

.popup.sign-in .page {
	background-color: #F7F6F3;
}
.banner-box[namespace=banner] {
	background-color: var(--color-main);
	max-height: 400px;
	position: relative;
}

.banner-box[namespace=banner] img {
	object-fit: cover;
	width: 100%;
	max-height: 400px;
}

.banner-box[namespace=banner] [data-btn-edit-content] {
	position: absolute;
	top: 20px;
	right: 30px;
	z-index: 100;
	background-color: #000;
	color: #fff;
	padding: 10px 15px;
	align-self: center;
	font-size: var(--font-size-small-x);
	border-radius: 4px;
}

body.on-edit .banner-box[namespace=banner] .swiper-container {
	min-height: 100px;
}

.contact-box[namespace=contact] {
	background-color: #f2f2f2;
	padding-top: 15px;
}

.contact-box[namespace=contact] .row {
	display: flex;
	flex-direction: column;
	height: 280px;
	margin-left: 35px;
	margin-right: 35px;
}

.contact-box[namespace=contact] .row .title {
	display: flex;
	justify-content: space-between;
	width: 100%;
	border-bottom: 2px solid var(--color-main);
	margin-top: 25px;
	margin-bottom: 25px;
	padding-bottom: 10px;
	font-size: var(--font-size-large-x);
}

.contact-box[namespace=contact] .row .title .right button {
	background-color: var(--color-main);
	color: var(--color-typo);
	width: 200px;
	height: 50px;
	font-size: var(--font-size-medium);
}

.contact-box[namespace=contact] .row .content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: var(--font-size-large);
	width: 100%;
	height: 165px;
}

.contact-box[namespace=contact] .row .content .cs-info {
	margin-top: 15px;
	color: #888;
}

.contact-box[namespace=contact] .row .title [data-cs-info-title]::after {
	content: var(--_cs-info-title, '');
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
	.contact-box[namespace=contact] .row .title .right button {
		width: 150px;
	}
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
	.contact-box[namespace=contact],
	.contact-box[namespace=contact] .row {
		text-align: center;
	}

	.contact-box[namespace=contact] {
		padding-bottom: 25px;
	}

	.contact-box[namespace=contact] .row:not(:last-child) {
		border-bottom: 2px solid var(--color-main);
	}

	.contact-box[namespace=contact] .row .title {
		flex-direction: column;
		border-bottom: 0px;
		font-size: var(--font-size-medium);
	}

	.contact-box[namespace=contact] .row .title .right a,
	.contact-box[namespace=contact] .row .title .right button {
		width: 100%;
		margin-top: 10px;
	}

	.contact-box[namespace=contact] .row .content {
		height: auto;
		padding-bottom: 25px;
		font-size: var(--font-size-medium);
	}
}

/* .contact-box[namespace=contact-detail] */
.contact-box[namespace=contact-detail] {
	position: relative;
	background-color: rgba(var(--red), var(--green), var(--blue), 0.08);
	padding: 0px;
	padding-bottom: 16px;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-height: 200px;
}

.contact-box[namespace=contact-detail] > .title {
	font-weight: 600;
	font-size: var(--font-size-large-x);
	color: var(--color-main);
	padding: 12px 32px;
}

.contact-box[namespace=contact-detail] > .row {
	display: flex;
	justify-content: flex-start;
	font-size: var(--font-size-medium);
	gap: 0 24px;
	z-index: 3;
	padding: 0 32px;
}

.contact-box[namespace=contact-detail] > .row > .title {
	font-weight: 700;
}

.contact-box[namespace=contact-detail] .logo {
	position: absolute;
	display: block;
	right: 24px;
	bottom: 12px;
	width: 80px;
	height: 50px;
	opacity: 0.1;
	background-image: var(--_logo-url, '');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

/* .contact-box[namespace=contact-inline] */
.contact-box[namespace=contact-inline] {
	background-color: var(--color-main);
	color: var(--color-typo);
	padding: 16px 32px;
	flex-wrap: wrap;
}

.contact-box[namespace=contact-inline] .row {
	gap: 30px;
}

.contact-box[namespace=contact-inline] .row .left {
	display: flex;
	align-items: flex-end;
	gap: 12px;
	flex-wrap: wrap;
}

.contact-box[namespace=contact-inline] .row .left .title {
	font-weight: 700;
	font-size: var(--font-size-large-x);
}

.contact-box[namespace=contact-inline] .row .left .content {
	font-size: var(--font-size-small-x);
	opacity: 0.8;
}

.contact-box[namespace=contact-inline] .row .left .content::before {
	content: '';
	margin-right: 12px;
	opacity: 0.3;
	border-left: 2px solid var(--color-typo);
}

.contact-box[namespace=contact-inline] .row .right {
	display: flex;
	align-items: center;
	margin-left: auto;
	gap: 14px;
}

.contact-box[namespace=contact-inline] .row .right button {
	padding: 4px 36px;
	width: 100%;
	height: 100%;
	font-weight: 400;
	font-size: var(--font-size-small);
	border-radius: 8px;
}
[namespace=floating-edit-mode-toggle].card.btn-mode-edit {
	position: fixed;
	bottom: 20px;
	right: 50%;
	transform: translateX(50%);
	z-index: 100;
	border-radius: 16px;
	background-color: #000;
	border: 0px;
	color: #fff;
	box-shadow: 0 4px 5px 0px rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	z-index: 20000;
}

[namespace=floating-edit-mode-toggle].card.btn-mode-edit .card-content {
	padding: 12px 20px;
	font-size: var(--font-size-small-x);
	display: flex;
}

[namespace=floating-edit-mode-toggle].card.btn-mode-edit .card-content span {
	margin-right: 12px;
	align-self: center;
}

[namespace=floating-edit-mode-toggle].card.btn-mode-edit .card-content span i {
	font-size: var(--font-size-small-x);
	margin-right: 5px;
}

body.on-manage [namespace="floating-edit-mode-toggle"] { display:flex !important; }

@media (max-width: 1280px) {

}

@media (max-width: 1000px) {
	[namespace=floating-edit-mode-toggle].card.btn-mode-edit {
		font-size: var(--font-size-small-x);
	}
}

@media (max-width: 680px) {
	[namespace=floating-edit-mode-toggle].card.btn-mode-edit {
		width: 80%;
	}
}
[namespace=footer].page-footer ul {
	display: flex;
	flex-direction: row;
}

[namespace=footer].page-footer .left {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20%;
}

[namespace=footer].page-footer .left .logo {
 	filter: grayscale(100%);
 	opacity: 0.4;
}

[namespace=footer].page-footer .left .logo img {
	width: 160px;
}

[namespace=footer].page-footer .right {
	width: 80%;
}

[namespace=footer].page-footer .right .company-info span {
	text-wrap: nowrap;
}

[namespace=footer].page-footer .right .company-info span:not(:last-child):after {
	content: "|";
	padding-left: 10px;
	padding-right: 6px;
	color: #a8a8a8;
}

[namespace=footer].page-footer .right .copyright-info {
	padding-top: 25px;
}

[namespace=footer].page-footer .right .copyright-info span.btn {
	margin-left: 10px;
	border-bottom: 1px solid #333;
	cursor: pointer;
}

[namespace=footer].page-footer .right .copyright-info span.btn:hover {
	color: var(--color-main-typo);
	border-bottom: 1px solid var(--color-main-typo);
}

/* [namespace="view-jejusarang"] .view-main .page .page-footer */
[namespace="view-jejusarang"] .view-main .page .page-footer {
	background-color: #4c4c4c;
	color: #dcdcdc;
	font-weight: 300;
	width: 100%;
	display: flex;
	justify-content: center;
}

[namespace="view-jejusarang"] .view-main .page [namespace=footer].page-footer .footer-content {
	width: 1280px;
	justify-content: center;
}

[namespace="view-jejusarang"] .view-main .page [namespace=footer].page-footer .left .logo {
	filter: invert(1) grayscale(100%);
	mix-blend-mode:screen;
}

[namespace="view-jejusarang"] .view-main .page [namespace=footer].page-footer .left .logo img {
	width: 200px;
}

@media (max-width: 1280px) {
	[namespace="view-jejusarang"] .view-main .page [namespace=footer].page-footer .footer-content {
		width: calc(100% - 80px);
	}
}

@media (max-width: 1000px) {
	[namespace="view-jejusarang"] .view-main .page [namespace=footer].page-footer .footer-content {
		width: calc(100% - 40px);
	}
}

@media (max-width: 680px) {
	[namespace="view-jejusarang"] .view-main .page [namespace=footer].page-footer .footer-content {
		width: calc(100% - 30px);
	}
}
[namespace=header].page-header ul {
	display: flex;
	flex-direction: row;
}

[namespace=header].page-header ul li a {
	color: #333;
}

[namespace=header].page-header ul li a.selected {
	color: var(--color-main-typo);
	font-weight: bold;
}

[namespace=header].page-header .left {
	position: relative;
}

[namespace=header].page-header .left .logo {
	position: absolute;
	bottom: 0px;
}

[namespace=header].page-header .left .logo img {
	width: 160px;
}

[namespace=header].page-header .left ul {
	padding-left: 180px;
}

[namespace=header].page-header .left ul li {
	padding-right: 25px;
}

[namespace=header].page-header .right ul li {
	padding-left: 25px;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
	[namespace=header].page-header .left .logo img {
		width: 120px;
	}

	[namespace=header].page-header .left ul {
		padding-left: 140px;
	}
}
/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
	[namespace=header].page-header {
		position: relative;
	}

	[namespace=header].page-header .left,
	[namespace=header].page-header .right {
		position: unset !important;
	}

	[namespace=header].page-header .left .logo img {
		position: absolute;
		bottom: 5px;
	}

	[namespace=header].page-header .left ul li,
	[namespace=header].page-header .right ul li {
		padding: 0;
	}

	[namespace=header].page-header .left ul li a,
	[namespace=header].page-header .right ul li a {
		display: none;
	}

	[namespace=header].page-header ul li a.selected {
		position: absolute;
		display: block;
		left: 50%;
		transform: translateX(-50%);
		bottom: 5px;
		text-align: center;
	}
}
/* [namespace="view-manage-penalty"] */
[namespace="view-manage-penalty"] .page-content {

}

[namespace="view-manage-penalty"] .page-content .block.data-table {
    margin-top: 0;
    width: 100%;
    overflow: hidden;
}

[namespace="view-manage-penalty"] .page-content .block.data-table .block-header input {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
    background-color: #fff;
}

[namespace="view-manage-penalty"] .page-content .block.data-table .block-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    color: #333;
    flex-wrap: wrap;
}

[namespace="view-manage-penalty"] .page-content .block.data-table .block-header .input-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
}

[namespace="view-manage-penalty"] .page-content .block.data-table .block-header input {
    width: 100%;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
    background-color: #fff;
}

[namespace="view-manage-penalty"] .page-content .block.data-table .block-header .input-wrap button {
    padding: 2px 12px;
    width: 60px;
    height: 100%;
    border-radius: 4px;
    background-color: var(--color-main);
    color: var(--color-typo);
}

[namespace="view-manage-penalty"] .page-content .block.data-table .block-header .btn-area {
    display: flex;
    gap: 8px;
    width: fit-content;
    margin-left: auto;
}

[namespace="view-manage-penalty"] .page-content .block.data-table .block-header .btn-area button {
    padding: 2px 12px;
    border-radius: 4px;
    width: auto;
    height: 100%;
    text-overflow:unset;
}

[namespace="view-manage-penalty"] .page-content .block.data-table .block-header .btn-area button[data-btn-remove] {
    background-color: #ff4444;
    color: #fff;
}

[namespace="view-manage-penalty"] .page-content .block.data-table .block-content {
    overflow-x: auto;
}

[namespace="view-manage-penalty"] .page-content .block.data-table .block-content table thead > tr {
    border-top: 2px solid #3579f6;
    border-bottom: 1px solid #888;
}

[namespace="view-manage-penalty"] .page-content .block.data-table .block-content table thead > tr > th {
    font-size: var(--font-size-small-x);
    color: #3579f6;
    background-color: #eaf1fe;
    text-align: center;
}

[namespace="view-manage-penalty"] .page-content .block.data-table .block-content table tbody {
    border-bottom: 2px solid #888;
}

[namespace="view-manage-penalty"] .page-content .block.data-table .block-content table th:first-child,
[namespace="view-manage-penalty"] .page-content .block.data-table .block-content table td:first-child {
    border-left: 0;
}

[namespace="view-manage-penalty"] .page-content .block.data-table .block-content table th:last-child,
[namespace="view-manage-penalty"] .page-content .block.data-table .block-content table td:last-child {
    border-right: 0;
}

[namespace="view-manage-penalty"] .page-content .block.data-table .block-content table input[type="checkbox"] {
    width: 17px;
    height: 17px;
}

[namespace="view-manage-penalty"] .page-content .block.data-table .block-content table th,
[namespace="view-manage-penalty"] .page-content .block.data-table .block-content table td {
    padding: 4px;
    border-right: 1px solid #ccc;
}

[namespace="view-manage-penalty"] .page-content .block.data-table .block-content table td div,
[namespace="view-manage-penalty"] .page-content .block.data-table .block-content table td {
    text-wrap: nowrap;
}

[namespace="view-manage-penalty"] .page-content .block.data-table .block-content table td .not-apply {
    color: #888;
}

[namespace="view-manage-penalty"] .page-content .block.data-table .block-content table td .fee-items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2px 24px;
}

[namespace="view-manage-penalty"] .page-content .block.data-table .block-content table td .fee-items .fee-item {
    width: 100%;
}

[namespace="view-manage-penalty"] .page-content .block.data-table .block-content table td.fee-item-list {
    width: 500px;
}

[namespace="view-manage-penalty"] .page-content .block.data-table .block-content table td.fee-item-list,
[namespace="view-manage-penalty"] .page-content .block.data-table .block-content table td.apply-date-list {
    padding: 12px 16px;
}
.preview-box.news[namespace=preview-default-angle] {
    display: flex;
    flex-direction: column;
    height: 230px;
}

.preview-box.news[namespace=preview-default-angle] .title {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 2px solid #ccc;
    color: var(--color-main);
    font-weight: 600;
    font-size: var(--font-size-large-x);
}

.preview-box.news[namespace=preview-default-angle] .title .left {
    border-top: 3px solid var(--color-main);
    padding: 10px 5px;
    margin-top: -2px;
    top: -2px;
}

.preview-box.news[namespace=preview-default-angle] .title .right {
    margin-top: -2px;
    justify-content: flex-end;
}

.preview-box.news[namespace=preview-default-angle] .title .right i {
    color: var(--color-main);
    font-size: var(--font-size-large-x);
    margin-right: 5px;
    font-weight: 900;
}

.preview-box.news[namespace=preview-default-angle] .box-content {
    overflow-y: auto;
    height: 200px;
}

.preview-box.news[namespace=preview-default-angle] ul {
    height: 100%;
}

.preview-box.news[namespace=preview-default-angle] ul li {
	margin-bottom: 5px;
	font-size: var(--font-size-medium);
    padding: 0;
    padding-left: 5px;
}

.preview-box.news[namespace=preview-default-angle] ul li a {
	display: flex;
	justify-content: space-between;
    align-items: center;
    color: #333;
    gap: 20px;
}

.preview-box.news[namespace=preview-default-angle] ul li a .content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.preview-box.news[namespace=preview-default-angle] ul li a .date {
	letter-spacing: -1px;
}

.preview-box.news[namespace=preview-default-angle] ul li.no-data {
    height: 100%;
	text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
	color: #888888;
}

[namespace=view-page].page-sub-title {
	display: flex;
	width: 1280px;
	padding-top: 30px;
	padding-bottom: 30px;
	justify-content: space-between;
}

[namespace=view-page].page-sub-title .menu ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	color: #000000;
	font-weight: 400;
}

[namespace=view-page].page-sub-title .menu ul li {
	margin: 0 8px;
	display: flex;
}

[namespace=view-page].page-sub-title .menu ul li:first-child {
	margin-left: 0;
}

[namespace=view-page].page-sub-title .menu ul li i {
	align-self: center;
}

[namespace=view-page].page-sub-title .menu ul li i.fa-circle {
	font-size: 8px;
	color: #333;
}

[namespace=view-page].page-sub-title .menu ul li.add-button {
	display: none;
}

[namespace=view-page].page-sub-title .menu ul li.add-button i {
	color: #006FFF;
	cursor: pointer;
}

[namespace=view-page].page-sub-title .menu-selector ul {
	display: flex;
}

[namespace=view-page].page-sub-title .menu-selector ul li {
	padding: 3px 8px;
	color: #000;
	background-color: #F2F2F2;
	border: 1px solid #888;
	border-right: none;
}

[namespace=view-page].page-sub-title .menu-selector ul li a {
	color: #000;
}

[namespace=view-page].page-sub-title .menu-selector ul li.active {
	background-color: var(--color-main);
	color: var(--color-typo);
}

[namespace=view-page].page-sub-title .menu-selector ul li.active a {
	color: var(--color-typo);
}

[namespace=view-page].page-sub-title .menu-selector ul li:first-child {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

[namespace=view-page].page-sub-title .menu-selector ul li:last-child {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-right: 1px solid #888;
}


/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
	[namespace=view-page].page-sub-title {
		font-size: var(--font-size-small);
		width: calc(100% - 80px);
	}
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=view-page].page-sub-title {
		font-size: var(--font-size-small);
		width: calc(100% - 40px);
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
	[namespace=view-page].page-sub-title {
		font-size: var(--font-size-small-x);
		width: calc(100% - 40px);
		padding: 22px 0;
		letter-spacing: -1px;
		flex-wrap: wrap;
	}

	[namespace=view-page].page-sub-title .menu {
		flex-basis: 100%;
		margin-bottom: 10px;
	}

	[namespace=view-page].page-sub-title .menu ul li {
		margin: 0 4px;
	}

	[namespace=view-page].page-sub-title .menu ul li i.fa-circle {
		margin-right: 4px;
	}

}

/* .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.9;
	z-index: 20000;
	border-radius: 100%;
}

[namespace=preloader].preloader-page {
	position: fixed;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	margin-top: -10px;	
	z-index: 20000;
}

[namespace=preloader].preloader-page i {
	font-size: var(--font-size-fa-preloader);
	--fa-primary-color: var(--color-main-typo);
	--fa-secondary-color: var(--color-main-typo);
}

[namespace=preloader].preloader-page div.text {
	color: #333;
	margin-top: 20px;
	letter-spacing: -1px;
}


/* .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=search-filter].filter-box {
	border-radius: 8px;
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	padding: 32px 0px;
	width: 100%;
}

[namespace=search-filter].filter-box .set {
	padding: 0 42px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

[namespace=search-filter].filter-box .set .title {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

[namespace=search-filter].filter-box .set .title .left {
	font-size: var(--font-size-medium);
}

[namespace=search-filter].filter-box .set .title .right {
	color: #888;
}

[namespace=search-filter].filter-box .set .row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

[namespace=search-filter].filter-box  .set > .row:not(:last-child) {
	margin-bottom: 20px;
}

[namespace=search-filter].filter-box .set .row .left {
	width: 80px;
	align-self: center;
}

[namespace=search-filter].filter-box .set .row .right {
	width: calc(100% - 80px);
}

[namespace=search-filter].filter-box .set .row .right.swiper-container .swiper-slide {
	border-radius: 12px;
	padding: 10px 14px;
	width: auto !important;
	border: 1px solid #DDDDDD;
}

[namespace=search-filter].filter-box .set .row .right.swiper-container .swiper-slide.selected {
	background-color: var(--color-main);
	border-color: var(--color-main);
	color: var(--color-typo);
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
	[namespace=search-filter].filter-box {
		padding: 24px 0;
		font-size: var(--font-size-small);
	}
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=search-filter].filter-box {
		font-size: var(--font-size-small);
	}

	[namespace=search-filter].filter-box .set .row .left {
		width: 65px;
	}

	[namespace=search-filter].filter-box .set .row .right {
		width: calc(100% - 65px);
	}

}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
	[namespace=search-filter].filter-box {
		font-size: var(--font-size-small-x);
		padding: 16px 0;
	}

	[namespace=search-filter].filter-box .set .title .left {
		font-size: var(--font-size-small-x);
	}

	[namespace=search-filter].filter-box .set {
		padding: 0 16px;
	}

	[namespace=search-filter].filter-box  .set > .row:not(:last-child) {
		margin-bottom: 15px;
	}

	[namespace=search-filter].filter-box .set .row .left {
		width: 55px;
	}

	[namespace=search-filter].filter-box .set .row .right {
		width: calc(100% - 55px);
	}

	[namespace=search-filter].filter-box .set .row .right.swiper-container .swiper-slide {
		padding: 6px 10px;
	}

}


.promotion-models[namespace=search-model] {
	padding: 20px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	overflow: hidden;
	justify-content: space-between;
	position: relative;
}

.promotion-models[namespace=search-model] .swiper-container {
	width: 100%;
}

.promotion-models[namespace=search-model] .title {
	font-size: var(--font-size-large-x);
}

.promotion-models[namespace=search-model] .empty-message {
	color: #444;
	height: 100%;
	display: flex;
	align-items: center;
}

.promotion-models[namespace=search-model] [data-btn-edit-content] {
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 100;
	background-color: #000;
	color: #fff;
	padding: 10px 15px;
	align-self: center;
	font-size: var(--font-size-small-x);
	border-radius: 4px;
}

.promotion-models[namespace=search-model] .swiper-container .swiper-slide {
	display: flex;
	flex-direction: column;
	width: auto;
	justify-content: flex-end;
}

.promotion-models[namespace=search-model] .swiper-container .swiper-slide .horizontal-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 240px;
}

.promotion-models[namespace=search-model] .swiper-container .swiper-slide img {
	width: 100%;
	height: auto;
}

.promotion-models[namespace=search-model] .swiper-container .swiper-slide .model-name {
	color: #000;
	font-size: var(--font-size-medium);
	font-weight: 600;
	display: block;
}

body.on-edit .promotion-models[namespace=search-model] {
	display: flex !important;
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	.promotion-models[namespace=search-model] .swiper-container .swiper-slide .horizontal-card {
		width: calc(100vw / 4);
		height: calc(100vw / 4);
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
	.promotion-models[namespace=search-model] .title {
		font-size: var(--font-size-medium);
	}

	.promotion-models[namespace=search-model] .swiper-container .swiper-slide .horizontal-card {
		width: calc(100vw / 3);
		height: calc(100vw / 3);
	}

	.promotion-models[namespace=search-model] .swiper-container .swiper-slide .model-name {
		font-size: var(--font-size-small-x);
	}
}

[namespace=search].search-box {
	border-radius: 8px;
	background-color: #fff;
	border: 1px solid #DDDDDD;
	padding: 32px 0px;
	font-size: var(--font-size-medium);
	width: 100%;
}

[namespace=search].search-box .set {
	padding: 0px 32px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

[namespace=search].search-box .set > .row {
	display: flex;
}

[namespace=search].search-box .set > .row:not(:last-child) {
	margin-bottom: 20px;
}

[namespace=search].search-box .set > .row > .schedule {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 85px;
	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 .row > .insur-type-wrap {
	position: relative;
	display: flex;
	border-radius: 12px;
	border: 1px solid #DDDDDD;
	width: 100%;
	height: 65px;
	cursor: pointer;
	justify-content: flex-start;
}

[namespace=search].search-box .row > .insur-type-wrap .insur-name {
	align-self: center;
	padding: 25px;
}

[namespace=search].search-box .row > .insur-type-wrap select {
	align-self: center;
	height: 100%;
	width: auto;
	flex: 1 1 auto;
	z-index: 100;
}

[namespace=search].search-box .row > .insur-type-wrap i {
	position: absolute;
	top: 50%;
	right: 25px;
	transform: translateY(-50%);
}

[namespace=search].search-box .row button {
	padding: 24px;
	height: 80px;
	border-radius: 12px;
	font-size: var(--font-size-large);
	background-color: var(--color-main);
	color: var(--color-typo);
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
	[namespace=search].search-box {
		padding: 24px 0;
		font-size: var(--font-size-small);
	}
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=search].search-box {
		font-size: var(--font-size-small);
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
	[namespace=search].search-box {
		font-size: var(--font-size-small);
		padding: 16px 0;
	}

	[namespace=search].search-box .set {
		padding: 0 16px;
	}

	[namespace=search].search-box .set.date-time {
		letter-spacing: -1px;
	}

	[namespace=search].search-box .set .insur-type-wrap {
		height: 60px;
	}

	[namespace=search].search-box .row button {
		padding: 12px;
		height: 60px;
		font-size: var(--font-size-medium);
	}
}
/*[namespace="cs-info-faq-category"]*/

[namespace="cs-info-faq-category"].category-block {
	padding: 0px 12px;
	width: auto !important;
	height: auto !important;
}

body:not(.on-edit) [namespace="cs-info-faq-category"].category-block.active {
	color: var(--color-main-typo);
}

[namespace="cs-info-faq-category"].category-block .btn-remove {
	color: #e20013;
	margin-left: 12px;
}

body.on-edit [namespace="cs-info-faq-category"].category-block:not(.whole) {
	padding: 6px 12px;
	margin-right: 8px;
	border: 1px solid #333;
}

/*[namespace="cs-info-faq"]*/
[namespace="cs-info-faq"].card {
	margin: 6px 0;
	padding: 12px;
	cursor: pointer;
	flex-basis: calc(50% - 35px);
	position: relative;
}

[namespace="cs-info-faq"].card .btn-remove {
	position: absolute;
	top: -8px;
	right: -8px;
	color: #E20013;
}

[namespace="cs-info-faq"].card:active {
	opacity: 0.5;
}

[namespace="cs-info-faq"].card .card-header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-size: var(--font-size-small);
	font-weight: 700;
}

[namespace="cs-info-faq"].card .card-content {
	padding: 0 20px;
}

[namespace="cs-info-faq"].card .card-content > .category {
	font-size: var(--font-size-small-x);
	color: #888;
}

@media (max-width: 1000px) {
	[namespace="cs-info-faq"].card {
		flex-basis: 100%;
	}

	[namespace="cs-info-faq-category"].category-block {
		font-size: var(--font-size-small-x);
	}
}

/*[namespace="cs-faq-category-edit"]*/
[namespace="cs-faq-category-edit"].faq-category-edit {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

[namespace="cs-faq-category-edit"].faq-category-edit .block {
	margin: 0;
	padding: 16px;
	width: 90%;
}

[namespace="cs-faq-category-edit"].faq-category-edit .block .row.title {
	font-size: var(--font-size-small-x);
	margin-bottom: 16px;
}

[namespace="cs-faq-category-edit"].faq-category-edit .block .row input {
	width: 100%;
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
	font-size: var(--font-size-small);
	padding: 6px 12px;
}

[namespace="cs-faq-category-edit"].faq-category-edit .block .row input:focus {
	transition: border-color 0.5s ease-in-out;
	border-color: var(--color-main);
}

/*[namespace="cs-info-news"]*/
[namespace="cs-info-news"].card {
	margin: 6px 0;
	padding: 12px;
	cursor: pointer;
	flex-basis: calc(50% - 35px);
	position: relative;
	box-shadow: 0px;
}

[namespace="cs-info-news"].card .btn-remove {
	position: absolute;
	top: -12px;
	right: -8px;
	color: #E20013;
}

[namespace="cs-info-news"].card:active {
	opacity: 0.5;
}

[namespace="cs-info-news"].card .card-header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-weight: 700;
	font-size: var(--font-size-small);
	padding: 0 12px;
}

[namespace="cs-info-news"].card .card-content {
	font-size: var(--font-size-small-x);
	padding: 4px 12px;
	color: #888;
}

@media (max-width: 1000px) {
	[namespace="cs-info-news"].card {
		flex-basis: 100%;
	}
}

/*[namespace="cs-info-news-select"]*/
[namespace="cs-info-news-select"].card {
	margin: 6px 0;
	padding: 12px;
	cursor: pointer;
	flex-basis: calc(50% - 30px);
	position: relative;
}

[namespace="cs-info-news-select"].card.selected {
	background-color: #EDF2F6;
	border-color: #006FFF;
}

[namespace="cs-info-news-select"].card .btn-remove {
	position: absolute;
	top: -12px;
	right: -8px;
	color: #E20013;
}

[namespace="cs-info-news-select"].card:active {
	opacity: 0.5;
}

[namespace="cs-info-news-select"].card .card-header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-weight: 700;
	font-size: var(--font-size-small-x);
	padding: 0 12px;
}

[namespace="cs-info-news-select"].card .card-content {
	font-size: var(--font-size-small-x);
	padding: 4px 12px;
}

/*[namespace="cs-info-events"]*/
[namespace="cs-info-events"].block.event {
	margin: 0;
	padding: 0;
	flex-basis: calc(50% - 15px);
	width: calc(50% - 30px);
	position: relative;
}

[namespace="cs-info-events"].block.event .btn-remove {
	position: absolute;
	top: -4px;
	right: -7px;
	color: #E20013;
}

[namespace="cs-info-events"].block.event > .card {
	margin: 6px 0;
	padding: 0;
/*	min-height: 270px;*/
	cursor: pointer;
	border-radius: 12px;
	overflow: hidden;
	border: 0px;
}

[namespace="cs-info-events"].block.event[data-event-progress=false] > .card img {
	filter: grayscale(100%);
}

[namespace="cs-info-events"].block.event > .card:active {
	opacity: 0.5;
}

[namespace="cs-info-events"].block.event > .card .card-content {
	overflow: hidden;
	line-height: 0.5;
	font-size: var(--font-size-small-x);
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

[namespace="cs-info-events"].block.event > .card .card-content img {
	overflow: hidden;
	object-fit: fill;
	width: 100%;
	height: auto;
}

[namespace="cs-info-events"].block.event > .card .card-content.displace  {
	display: flex;
}

[namespace="cs-info-events"].block.event > .card .card-content.displace img {
	object-fit: scale-down;
	margin: auto;
}

[namespace="cs-info-events"].block.event > .block {
	padding: 0;
	margin: 12px 0;
}

[namespace="cs-info-events"].block.event > .block .title {
	font-weight: 600;
	font-size: var(--font-size-small);
}

[namespace="cs-info-events"].block.event > .block .date-range {
	font-size: var(--font-size-small-x);
	letter-spacing: -1px;
	color: #888;
	margin-top: 8px;
}

@media (max-width: 1000px) {
	[namespace="cs-info-events"].block.event {
		flex-basis: 100%;
	}

	[namespace="cs-info-events"].block.event > .block .date-range {
		font-size: var(--font-size-small-x);
	}
}

@media (max-width: 680px) {
	[namespace="cs-info-events"].block.event > .block .date-range {
		font-size: var(--font-size-small-x);
	}
}

/*namespace="cs-news-detail"*/
[namespace="cs-news-detail"] .block {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

[namespace="cs-news-detail"] .block .block-header {
	color: #000000;
	font-size: var(--font-size-small-x);
	display: flex;
	flex-direction: column;
	padding: 20px 16px;
	padding-bottom: 8px;
	margin: 0;
}

[namespace="cs-news-detail"] .block .block-header .row {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top: 4px;
	margin-bottom: 4px;
}

[namespace="cs-news-detail"] .block .block-header .row .left {
	width: 90%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

[namespace="cs-news-detail"] .block .block-header .row .left .input-wrap {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 90%;
}

[namespace="cs-news-detail"] .block .block-header input {
	padding: 4px 12px;
	width: 100%;
	height: 100%;
	border: 1px solid #DDDDDD;
}

[namespace="cs-news-detail"] .block .block-header input[name="title"] {
	background-color: #FFFFFF;
}

[namespace="cs-news-detail"] .block .block-header .row .right button {
	padding: 2px 8px;
	height: 100%;
	background-color: var(--color-main);
	color: var(--color-typo);
}

[namespace="cs-news-detail"] .block .block-content .card {
	margin-top: 0;
	margin-bottom: 0;
}

[namespace="cs-news-detail"] .block .block-content .card .card-content .ck-content {
	overflow-y: auto;
	height: var(--editor-height);
}

/* @ckeditor/ckeditor5-list/theme/list.css */
[namespace="cs-news-detail"] .block .block-content .card .card-content .ck-content ul li {
	list-style-type: disc;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
[namespace="cs-news-detail"] .block .block-content .card .card-content .ck-content ul ul li {
	list-style-type: circle;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
[namespace="cs-news-detail"] .block .block-content .card .card-content .ck-content ul ul ul li {
	list-style-type: square;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
[namespace="cs-news-detail"] .block .block-content .card .card-content .ck-content ul ul ul ul li {
	list-style-type: square;
}

/*namespace="cs-faq-detail"*/
[namespace="cs-faq-detail"] .block {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

[namespace="cs-faq-detail"] .block .block-header {
	color: #000000;
	font-size: var(--font-size-small-x);
	display: flex;
	flex-direction: column;
	padding: 20px 16px;
	padding-bottom: 8px;
	margin: 0;
}

[namespace="cs-faq-detail"] .block .block-header .row {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top: 4px;
	margin-bottom: 4px;
}

[namespace="cs-faq-detail"] .block .block-header .row .left {
	width: 90%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

[namespace="cs-faq-detail"] .block .block-header .row .left .input-wrap {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 90%;
}

[namespace="cs-faq-detail"] .block .block-header .row .left .category-wrap {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	position: relative;
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
	cursor: pointer;
	width: calc(90% - 2px);
}

[namespace="cs-faq-detail"] .block-header .row .category-wrap select {
	padding: 4px 12px;
	width: 100%;
	height: 100%;
	z-index: 100;
}

[namespace="cs-faq-detail"] .block-header .row .category-wrap i {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
}

[namespace="cs-faq-detail"] .block .block-header input {
	padding: 4px 12px;
	width: 100%;
	height: 100%;
	border: 1px solid #DDDDDD;
}

[namespace="cs-faq-detail"] .block .block-header input[name="title"] {
	background-color: #FFFFFF;
}

[namespace="cs-faq-detail"] .block .block-header .row .right button {
	padding: 2px 8px;
	height: 100%;
	background-color: var(--color-main);
	color: var(--color-typo);
}

[namespace="cs-faq-detail"] .block .block-content .card {
	margin-top: 0;
	margin-bottom: 0;
}

[namespace="cs-faq-detail"] .block .block-content .card .card-content .ck-content {
	overflow-y: auto;
	height: var(--editor-height);
}

/* @ckeditor/ckeditor5-list/theme/list.css */
[namespace="cs-faq-detail"] .block .block-content .card .card-content ul li {
	list-style-type: disc;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
[namespace="cs-faq-detail"] .block .block-content .card .card-content ul ul li {
	list-style-type: circle;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
[namespace="cs-faq-detail"] .block .block-content .card .card-content ul ul ul li {
	list-style-type: square;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
[namespace="cs-faq-detail"] .block .block-content .card .card-content ul ul ul ul li {
	list-style-type: square;
}

/*namespace="cs-events-detail"*/
[namespace="cs-events-detail"] > .block {
	margin: 0;
	margin-top: 20px;
	font-size: var(--font-size-small-x);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}

[namespace="cs-events-detail"] > .block >.block-header {
	width: 100%;
}

[namespace="cs-events-detail"] > .block >.block-header .row {
	width: 100%;
	margin: 4px 0;
	display: flex;
	flex-direction: row;
	align-items: center;
}

[namespace="cs-events-detail"] > .block >.block-header .row .left {
	width: 90%;
	color: #000;
	font-size: var(--font-size-small-x);
}

[namespace="cs-events-detail"] > .block >.block-header .row.title.edit .left, 
[namespace="cs-events-detail"] > .block >.block-header .row.date-range.edit .left {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

[namespace="cs-events-detail"] > .block >.block-header .row .left .input-wrap {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 90%;
}

[namespace="cs-events-detail"] > .block >.block-header .row.date-range.edit .left .input-wrap input {
	width: 60%;
}

[namespace="cs-events-detail"] > .block >.block-header .row .right button {
	padding: 2px 8px;
	height: 100%;
	background-color: var(--color-main);
	color: var(--color-typo);
}

[namespace="cs-events-detail"] > .block >.block-content {
	width: 100%;
	display: flex;
	flex-direction: column;
}

[namespace="cs-events-detail"] > .block >.block-content > .card.title-image {
	width: 100%;
	margin: 0;
	margin-bottom: 16px;
	min-height: 200px;
	overflow: hidden;
	line-height: 0.7;
}

[namespace="cs-events-detail"] > .block >.block-content > .card.title-image .card-content {
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center;
}

[namespace="cs-events-detail"] > .block >.block-content > .card.title-image .card-content img {
	width: 100%;
	object-fit: fill;
}

[namespace="cs-events-detail"] > .block >.block-content > .block.board-list {
	width: 100%;
	padding: 0;
	margin: 0;
}

[namespace="cs-events-detail"] > .block >.block-content > .notice {
	font-size: 14px;
	color: #888888;
	margin-bottom: 16px ;
}

[namespace="cs-events-detail"] > .block >.block-content > .block.board-list .block-header {
	font-size: var(--font-size-small-x);
	font-weight: 600;
	color: #333;
	text-align: center;
}

[namespace="cs-events-detail"] > .block >.block-content > .block.board-list .block-content {
	height: 600px;
	overflow-y: scroll;
}

[namespace="cs-events-detail"] > .block input {
	padding: 4px 12px;
	width: 100%;
	height: 100%;
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
}

/*[namespace="cs-banner-edit-block"]*/
li[namespace="cs-banner-edit-block"] {
	background-color: transparent;
	width: 100%;
}

li[namespace="cs-banner-edit-block"] > .item-content .block {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	margin: 8px 0;
}

li[namespace="cs-banner-edit-block"] > .item-content .block > .block-header {
	color: #000;
	font-size: var(--font-size-small-x);
}

li[namespace="cs-banner-edit-block"] > .item-content .block > .block-content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

li[namespace="cs-banner-edit-block"] > .item-content .block > .block-content .left img {
	width: 100%;
}

li[namespace="cs-banner-edit-block"] > .item-content .block > .block-content .right {
	padding: 16px;
	padding-right: 0;
}

li[namespace="cs-banner-edit-block"] > .item-content .block > .block-content button {
	padding: 4px 20px;
	height: 100%;
}

li[namespace="cs-banner-edit-block"] > .item-content .block > .block-content button[data-btn-edit-content] {
	background-color: #006FFF;
}

li[namespace="cs-banner-edit-block"] > .item-content .block > .block-content button[data-btn-remove-content] {
	background-color: #e20013;
}

li[namespace="cs-banner-edit-block"] > .item-content .block > .block-content .right :not(:last-child) {
	margin-bottom: 10px;
}

li[namespace="cs-banner-edit-block"] > .item-content .block > .block-footer {
	color: #000;
	font-size: var(--font-size-small-x);
}

li[namespace="cs-banner-edit-block"][data-btn-add-content] {
	width: 100%;
	justify-content: center;
	margin-top: 30px;
}

li[namespace="cs-banner-edit-block"][data-btn-add-content] > .item-content {
	width: 240px;
	padding: 8px 20px !important;
	display: flex;
	justify-content: center;
	align-items: center;
}


li[namespace="cs-banner-edit-block"].no-data {
	margin: 16px auto ;
	color: #888888;
	text-align: center;
}

/*[namespace="cs-banner-edit-block"]*/
li[namespace="cs-promotion-model-block"] {
	background-color: transparent;
	width: 100%;
}

li[namespace="cs-promotion-model-block"] > .item-content .block {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	margin: 8px 0;
}

li[namespace="cs-promotion-model-block"] > .item-content .block > .block-content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

li[namespace="cs-promotion-model-block"] > .item-content .block > .block-content .left img {
	width: 140px;
}

li[namespace="cs-promotion-model-block"] > .item-content .block > .block-content .right {
	padding: 16px;
	padding-right: 0;
}

li[namespace="cs-promotion-model-block"] > .item-content .block > .block-content button {
	padding: 4px 20px;
	height: 100%;
}

li[namespace="cs-promotion-model-block"] > .item-content .block > .block-content button[data-btn-add-content] {
	background-color: #006FFF;
}

li[namespace="cs-promotion-model-block"] > .item-content .block > .block-content button[data-btn-remove-content] {
	background-color: #e20013;
}

li[namespace="cs-promotion-model-block"] > .item-content .block > .block-content .right :not(:last-child) {
	margin-bottom: 10px;
}

li[namespace="cs-promotion-model-block"] > .item-content .block > .block-footer {
	color: #000;
	font-size: var(--font-size-small-x);
}

li[namespace="cs-promotion-model-block"][data-btn-add-content] > .item-content {
	width: 240px;
	padding: 8px 20px !important;
	display: flex;
	justify-content: center;
	align-items: center;
}

li[namespace="cs-promotion-model-block"].no-data {
	margin: 16px auto ;
	color: #888888;
	text-align: center;
}


/* [namespace="manage-penalty-detail"] */
[namespace="manage-penalty-detail"] .block.popup-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    margin-top: 0;
    margin-bottom: 100px;
    position: relative;
    height: 100%;
}

[namespace="manage-penalty-detail"] .block.popup-content .block-title {
    margin-top: 16px;
    margin-bottom: 4px;
}

[namespace="manage-penalty-detail"] .block.popup-content .block-title .message {
    color: var(--color-main);
    /* margin: 2px; */
    font-size: 0.8rem;
    margin: 0;
}

[namespace="manage-penalty-detail"] .block.popup-content .input-wrap {
    display: flex;
    gap: 8px;
    align-items: center;
}

[namespace="manage-penalty-detail"] .block.popup-content input[type="text"] {
    width: 100%;
    min-width: 110px;
    padding: 4px 8px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background-color: #fff;
}

[namespace="manage-penalty-detail"] .block.popup-content input[type="text"]:not(:disabled):focus {
    border-color: var(--color-main);
}

[namespace="manage-penalty-detail"] .block.popup-content input[type="text"]:disabled {
    background-color: #f2f2f2;
    color: #888;
}

[namespace="manage-penalty-detail"] .block.popup-content .radio-group {
    display: flex;
}

[namespace="manage-penalty-detail"] .block.popup-content .radio-group input {
    display: none;
}

[namespace="manage-penalty-detail"] .block.popup-content .radio-group li {
    display: inline-block;
    width: 75px;
    background-color: #fff;
}


[namespace="manage-penalty-detail"] .block.popup-content .radio-group li > label > div {
    padding: 2px 8px;
    border: 1px solid #888;
    cursor: pointer;
    text-align: center;
}

[namespace="manage-penalty-detail"] .block.popup-content .radio-group li:first-child > label > div {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

[namespace="manage-penalty-detail"] .block.popup-content .radio-group li:last-child > label > div {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

[namespace="manage-penalty-detail"] .block.popup-content .radio-group li > label > input:disabled + div {
    opacity: 0.8;
    color: #888;
}

[namespace="manage-penalty-detail"] .block.popup-content .radio-group li:not(:last-child) > label > input + div {
    border-right: 0;
}

[namespace="manage-penalty-detail"] .block.popup-content .radio-group li:not(:first-child) > label > input + div {
    border-left: 0;
}

[namespace="manage-penalty-detail"] .block.popup-content .radio-group li > label > input:checked + div {
    color: var(--color-main);
    border: 1px solid var(--color-main);
    background-color: rgba(var(--red), var(--green), var(--blue), 0.03);
}

[namespace="manage-penalty-detail"] .block.popup-content .radio-group li > label > input:disabled:checked + div {
    color: #333;
    border: 1px solid #888;
    background-color: #e4e4e4;
}

[namespace="manage-penalty-detail"] .block.popup-content > .block-header {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
    z-index: 100;
    padding: 16px 0;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
}

[namespace="manage-penalty-detail"] .block.popup-content > .block-header .row {
    align-items: center;
    flex-wrap: wrap;
    padding: 6px 16px;
    align-items: center;
    justify-content: flex-start;
    gap: 8px 12px;
    padding-right: 0;
}

[namespace="manage-penalty-detail"] .block.popup-content > .block-header .col {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #333;
    width: auto;
}

[namespace="manage-penalty-detail"] .block.popup-content > .block-header .col .label {
    font-size: 0.825rem;
    color: #666;
    padding: 0 8px;
    text-wrap: wrap;
    width: 80px;
    text-align: center;
}

[namespace="manage-penalty-detail"] .block.popup-content > .block-header .col .content {
    width: 150px;
}

[namespace="manage-penalty-detail"] .block.popup-content > .block-header .after {
    width: 50px;
    text-align: center;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    gap: 12px;
    padding-left: 0;
}

[namespace="manage-penalty-detail"] .block.popup-content > .block-header .after button {
    background-color: var(--color-main);
    color: var(--color-typo);
}

[namespace="manage-penalty-detail"] .block.popup-content > .block-header .after i {
    font-size: 32px;
    color: #333;
}

[namespace="manage-penalty-detail"] .block.popup-content > .block-content {
    margin-top: 100px;
}

[namespace="manage-penalty-detail"] .block.popup-content > .block-content > .block-title {
    margin: 16px 0;
}

[namespace="manage-penalty-detail"] .block.popup-content > .block-content > .block {
    padding: 0;
}

[namespace="manage-penalty-detail"] .block.popup-content > .block-content > .block > .block-content table thead tr th {
    font-size: var(--font-size-small-x);
    color: #666;
}

[namespace="manage-penalty-detail"] .block.popup-content > .block-content > .block > .block-content table thead,
[namespace="manage-penalty-detail"] .block.popup-content > .block-content > .block > .block-content table tbody {
    border-bottom: 1px solid #bbb;
}

[namespace="manage-penalty-detail"] .block.popup-content > .block-content > .block > .block-content table .label-cell {
    padding: 0 8px;
}

[namespace="manage-penalty-detail"] .block.popup-content > .block-content > .block > .block-content table tbody:empty::after {
    content: "내용 없음";
    display: block;
    text-align: center;
    color: #999;
    padding: 20px;
}

[namespace="manage-penalty-detail"] .block.popup-content > .block-content > .block > .block-footer {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

[namespace="manage-penalty-detail"] .block.popup-content > .block-content > .block > .block-footer button {
    width: 120px;
    height: 100%;
    padding: 0px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background-color: #fff;
    color: #333;
}

@media (max-width: 680px) {
    [namespace="manage-penalty-detail"] .block.popup-content > .block-content {
        margin-top: 160px;
    }
}

/* [namespace="dialog-confirm-penalty"].confirm-penalty */
.dialog-confirm-penalty {
    --f7-dialog-width: 400px;
}

[namespace="dialog-confirm-penalty"].confirm-penalty {
    padding-top: 12px;
    padding-bottom: 12px;
}

[namespace="dialog-confirm-penalty"].confirm-penalty .row {
    justify-content: center;
}

[namespace="dialog-confirm-penalty"].confirm-penalty .row span.penalty-amount {
    color: #c8222c;
}

[namespace="dialog-confirm-penalty"].confirm-penalty .row.refund-amount {
    margin-top: 16px;
    margin-bottom: 16px;
}
[namespace=trip-deals-cars-step1].card {
	width: 100%;
	margin: 0;
	margin-bottom: 20px;
	border-radius: 8px;
	position: relative;
	font-size: var(--font-size-medium);
	position: relative;
}

[namespace=trip-deals-cars-step1].card.searched {
	border-color: var(--color-main);
	border-width: 2px;
}

[namespace=trip-deals-cars-step1].card .searched-model {
	display: none;
	position: absolute;
	font-size: var(--font-size-small-x);
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 4px 8px;
	border-radius: 8px;
	background-color: var(--color-main);
	color: var(--color-typo);
}

[namespace=trip-deals-cars-step1].card.searched .searched-model {
	display: block;
}

[namespace=trip-deals-cars-step1].card .card-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	color: #333;
	padding: 24px 40px;
	padding-bottom: 40px;
}

[namespace=trip-deals-cars-step1].card .card-content .top {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 16px;
	height: 180px;
}

[namespace=trip-deals-cars-step1].card .card-content .top .left {
	display: flex;
	align-items: center;
}

[namespace=trip-deals-cars-step1].card .card-content .top .left img {
	width: 240px;
}

[namespace=trip-deals-cars-step1].card .card-content .top .right {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 16px;
	padding-left: 20px;
}

[namespace=trip-deals-cars-step1].card .card-content .top .right .name {
	text-align: center;
	font-weight: 700;
	font-size: var(--font-size-medium);
}

[namespace=trip-deals-cars-step1].card .card-content .top .right .point {
	font-size: var(--font-size-small);
}

[namespace=trip-deals-cars-step1].card .card-content .middle {
	font-size: var(--font-size-small);
	margin-bottom: 26px;
	/* min-height: 60px; */
	height: 70px;
}

[namespace=trip-deals-cars-step1].card .card-content .bottom ul.insur-list {
	display: flex;
	flex-direction: column;
}

[namespace=trip-deals-cars-step1].card .card-content .bottom ul.insur-list li.deal-item {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
	border-radius: 8px;
	padding: 16px 32px;
	cursor: pointer;
}

[namespace=trip-deals-cars-step1].card .card-content .bottom ul.insur-list li.deal-item.min-price {
	border: 2px solid #008AFF;
	background-color: #F0F7FF;
}

[namespace=trip-deals-cars-step1].card .card-content .bottom ul.insur-list li.deal-item:not(:last-child) {
	margin-bottom: 16px;
}

[namespace=trip-deals-cars-step1].card .card-content .bottom ul.insur-list li.deal-item .left {
	align-items: center;
}

[namespace=trip-deals-cars-step1].card .card-content .bottom ul.insur-list li.deal-item .left .price-sale {
	font-size: var(--font-size-large);
	font-weight: 700;
}

[namespace=trip-deals-cars-step1].card .card-content .bottom ul.insur-list li.deal-item.min-price .price {
	color: #006FFF;
}

[namespace=trip-deals-cars-step1].card .card-content .bottom ul.insur-list li.deal-item .right {
	display: flex;
	flex-direction: row;
	align-items: center;
}

[namespace=trip-deals-cars-step1].card .card-content .bottom ul.insur-list li.deal-item .right .before {
	text-align: center;
	margin-right: 50px;
	font-size: var(--font-size-small-x);
}

[namespace=trip-deals-cars-step1].card .card-content .bottom ul.insur-list li.deal-item .right .before .insur-type {
	color: #006FFF;
	font-weight: bold;
	font-size: var(--font-size-medium);
}

[namespace=trip-deals-cars-step1].card .card-content .bottom ul.insur-list li.deal-item .right .before .available-age-text {
	font-size: var(--font-size-small-x);
}

[namespace=trip-deals-cars-step1].card .card-content .bottom ul.insur-list li.deal-item .right .after {
	font-weight: 700;
	color: var(--color-main-typo);
}

[namespace=trip-deals-cars-step1].card .card-content .bottom ul.insur-list li.deal-item .right .after i {
	font-weight: 900;
	margin-left: 6px;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
	[namespace=trip-deals-cars-step1].card {
		font-size: var(--font-size-small-x);
	}

	[namespace=trip-deals-cars-step1].card .card-content {
		padding: 24px;
	}

	[namespace=trip-deals-cars-step1].card .card-content .top .left img {
		width: 180px;
	}

	[namespace=trip-deals-cars-step1].card .card-content .middle {
		font-size: var(--font-size-small-x);
	}
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=trip-deals-cars-step1].card .card-content .top {
		height: 120px;
		padding: 24px;
	}

	[namespace=trip-deals-cars-step1].card .card-content .top .left img {
		width: 220px;
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
	[namespace=trip-deals-cars-step1].card {
		font-size: var(--font-size-small-x);
		letter-spacing: -1px;
	}

	[namespace=trip-deals-cars-step1].card .card-content {
		padding: 12px 14px;
		padding-top: 0px;
		padding-bottom: 18px;
	}

	[namespace=trip-deals-cars-step1].card .card-content .top {
		padding: 12px;
	}

	[namespace=trip-deals-cars-step1].card .card-content .top .left img {
		width: 120px;
	}

	[namespace=trip-deals-cars-step1].card .card-content .top .right {
		padding: 14px 8px;
		padding-left: 15px;
	}

	[namespace=trip-deals-cars-step1].card .card-content .top .right .point {
		font-size: var(--font-size-small-x);
	}

	[namespace=trip-deals-cars-step1].card .card-content .middle {
		margin-bottom: 20px;
		font-size: var(--font-size-small-x);
	}

	[namespace=trip-deals-cars-step1].card .card-content .bottom ul.insur-list li.deal-item {
		padding: 10px 16px;
	}

	[namespace=trip-deals-cars-step1].card .card-content .bottom ul.insur-list li.deal-item:not(:last-child) {
		margin-bottom: 10px;
	}

	[namespace=trip-deals-cars-step1].card .card-content .bottom ul.insur-list li.deal-item .right .before {
		font-size: var(--font-size-small-x);
		margin-right: 30px;
	}

	[namespace=trip-deals-cars-step1].card .card-content .bottom ul.insur-list li.deal-item .right .before .insur-type {
		color: #006FFF;
		font-weight: bold;
		font-size: var(--font-size-small-x);
	}

	[namespace=trip-deals-cars-step1].card .card-content .bottom ul.insur-list li.deal-item .right .before .available-age-text {
		font-size: var(--font-size-small-x);
	}
}

/*[namespace=trip-deals-cars-reserve].card*/

[namespace=trip-deals-cars-reserve].card {
	margin: 0;
}

[namespace=trip-deals-cars-reserve].card .card-content {
	padding: 40px 72px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

[namespace=trip-deals-cars-reserve].card .card-content > .left {
	display: flex;
	flex-direction: column;
	align-items: center;
}

[namespace=trip-deals-cars-reserve].card .card-content > .left img {
	width: 200px;
	margin-bottom: 16px;
}

[namespace=trip-deals-cars-reserve].card .card-content > .left .name {
	align-self: center;
}

[namespace=trip-deals-cars-reserve].card .card-content > .center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

[namespace=trip-deals-cars-reserve].card .card-content > .center .schedule {
	margin-bottom: 12px;
}

[namespace=trip-deals-cars-reserve].card .card-content > .center .schedule > div {
	margin-bottom: 12px;
}

[namespace=trip-deals-cars-reserve].card .card-content > .right {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 16px;
}

[namespace=trip-deals-cars-reserve].card .card-content > .right .top {

}

[namespace=trip-deals-cars-reserve].card .card-content > .right .top .row {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

[namespace=trip-deals-cars-reserve].card .card-content > .right .bottom .price-total {
	font-weight: 700;
	font-size: var(--font-size-large-2x);
	text-align: center;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
	[namespace=trip-deals-cars-reserve].card {
		font-size: var(--font-size-small-x);
	}
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=trip-deals-cars-reserve].card {
		font-size: var(--font-size-small-x);
	}

	[namespace=trip-deals-cars-reserve].card .card-content {
		padding: 12px;
		flex-wrap: wrap;
	}

	[namespace=trip-deals-cars-reserve].card .card-content > .left {
		flex-basis: 50%;
	}

	[namespace=trip-deals-cars-reserve].card .card-content > .center {
		flex-basis: 50%;
	}

	[namespace=trip-deals-cars-reserve].card .card-content > .right {
		flex-basis: 100%;
		align-items: center;
		flex-direction: row;
		justify-content: space-around;
	}

	[namespace=trip-deals-cars-reserve].card .card-content > .right .bottom .price-total {
		font-size: var(--font-size-small);
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
	[namespace=trip-deals-cars-reserve].card .card-content {
		padding: 12px;
		flex-direction: column;
	}

	[namespace=trip-deals-cars-reserve].card .card-content > .left {
		margin-bottom: 20px;
	}

	[namespace=trip-deals-cars-reserve].card .card-content > .left img {
		width: 120px;
	}

	[namespace=trip-deals-cars-reserve].card .card-content > .center .schedule {
		margin-bottom: 0;
	}

	[namespace=trip-deals-cars-reserve].card .card-content > .right .bottom .price-total {
		font-size: var(--font-size-small-x);
	}
}



/*[namespace=trip-deals-cars-reserved].card*/

[namespace=trip-deals-cars-reserved].card {
	margin: 0;
}


[namespace=trip-deals-cars-reserved].card .card-content {
	display: flex;
	flex-direction: column;
}
[namespace=trip-deals-cars-reserved].card .card-content > .content-area {
	padding: 40px 72px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

[namespace=trip-deals-cars-reserved].card .card-content > .content-area > .left {
	display: flex;
	flex-direction: column;
	align-items: center;
}

[namespace=trip-deals-cars-reserved].card .card-content > .content-area > .left img {
	width: 200px;
	margin-bottom: 16px;
}

[namespace=trip-deals-cars-reserved].card .card-content > .content-area > .left .name {
	align-self: center;
}

[namespace=trip-deals-cars-reserved].card .card-content > .content-area > .center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

[namespace=trip-deals-cars-reserved].card .card-content > .content-area > .center .schedule {
	margin-bottom: 12px;
}

[namespace=trip-deals-cars-reserved].card .card-content > .content-area > .center .schedule > div {
	margin-bottom: 12px;
}

[namespace=trip-deals-cars-reserved].card .card-content > .content-area > .right {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0;
	padding-top: 32px;
	padding-bottom: 0;
}

[namespace=trip-deals-cars-reserved].card .card-content > .content-area > .right .top {

}

[namespace=trip-deals-cars-reserved].card .card-content > .content-area > .right .top .row {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

[namespace=trip-deals-cars-reserved].card .card-content > .content-area > .right .bottom .price-total {
	font-weight: 700;
	font-size: var(--font-size-large-2x);
	text-align: center;
}

[namespace=trip-deals-cars-reserved].card .card-content > .btn-area {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 20px;
}

[namespace=trip-deals-cars-reserved].card .card-content > .btn-area button {
	width: 25%;
	margin: 0 15px;
	padding: 8px;
	height: 100%;
	font-size: var(--font-size-small-x);
	background-color: var(--color-main);
	color: var(--color-typo);
}

[namespace=trip-deals-cars-reserved].card .card-content > .message-area {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}

[namespace=trip-deals-cars-reserved].card .card-footer {
	margin: 20px;
	margin-top: 0;
	padding-top: 20px;
}

[namespace=trip-deals-cars-reserved].card .card-footer > .row {
	display: flex;
}

[namespace=trip-deals-cars-reserved].card .card-footer > .row > .left {
	margin-right: 20px;
}

[namespace=trip-deals-cars-reserved].card .card-footer > .row > .right {
	color: #006FFF;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {
	[namespace=trip-deals-cars-reserved].card {
		font-size: var(--font-size-small-x);
	}
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=trip-deals-cars-reserved].card {
		font-size: var(--font-size-small-x);
	}

	[namespace=trip-deals-cars-reserved].card .card-content > .content-area {
		padding: 12px;
		flex-wrap: wrap;
	}

	[namespace=trip-deals-cars-reserved].card .card-content > .content-area > .left {
		flex-basis: 50%;
	}

	[namespace=trip-deals-cars-reserved].card .card-content > .content-area > .center {
		flex-basis: 50%;
	}

	[namespace=trip-deals-cars-reserved].card .card-content > .content-area > .right {
		flex-basis: 100%;
		align-items: center;
		flex-direction: row;
		justify-content: space-around;
	}

	[namespace=trip-deals-cars-reserved].card .card-content > .content-area > .right .bottom .price-total {
		font-size: var(--font-size-small);
	}

	[namespace=trip-deals-cars-reserved].card .card-content > .btn-area {
		flex-direction: column;
		align-items: center;
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
	[namespace=trip-deals-cars-reserved].card .card-content > .content-area {
		padding: 12px;
		flex-direction: column;
	}

	[namespace=trip-deals-cars-reserved].card .card-content > .content-area > .left {
		margin-bottom: 20px;
	}

	[namespace=trip-deals-cars-reserved].card .card-content > .content-area > .left img {
		width: 120px;
	}

	[namespace=trip-deals-cars-reserved].card .card-content > .content-area > .center .schedule {
		margin-bottom: 0;
	}

	[namespace=trip-deals-cars-reserved].card .card-content > .content-area > .right .bottom .price-total {
		font-size: var(--font-size-small-x);
	}

	[namespace=trip-deals-cars-reserved].card .card-content > .btn-area {
		flex-direction: column;
		align-items: center;
	}

	[namespace=trip-deals-cars-reserved].card .card-content > .btn-area button {
		width: 80%;
	}

	[namespace=trip-deals-cars-reserved].card .card-content > .btn-area button:not(:last-child) {
		margin-bottom: 10px;
	}

	[namespace=trip-deals-cars-reserved].card .card-footer {
		flex-direction: column;
	}

	[namespace=trip-deals-cars-reserved].card .card-footer > .row {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
}

/*[namespace=trip-deals-cars-reserved-block]*/

[namespace=trip-deals-cars-reserved-block].block {
	padding: 0;
	margin: 0;
	margin-bottom: 16px;
}

[namespace=trip-deals-cars-reserved-block].block .block-header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	font-weight: 600;
	font-size: var(--font-size-small-x);
}

[namespace=trip-deals-cars-reserved-block].block .block-header .left {
	display: flex;
	width: 70%;
}

[namespace=trip-deals-cars-reserved-block].block .block-header .left i {
	margin-right: 12px;
	align-self: center;
}

[namespace=trip-deals-cars-reserved-block].block .block-header .left .info {
	display: flex;
	flex-direction: row;
}

[namespace=trip-deals-cars-reserved-block].block .block-header .left .info > div:not(:last-child):after {
	content: '/';
	margin: 0 8px;
}

[namespace=trip-deals-cars-reserved-block].block .block-header .right > div {
	text-align: right;
}

[namespace=trip-deals-cars-reserved-block].block[data-reserve-status="reserved"] .block-header {
	color: #006FFF;
}

[namespace=trip-deals-cars-reserved-block].block[data-reserve-status="reserved"] .card {
	border-color: #006FFF;
	background-color: #F2F8FE;
}

[namespace=trip-deals-cars-reserved-block].block:not([data-reserve-status="reserved"]) .block-header {
	color: #333;
}

[namespace=trip-deals-cars-reserved-block].block:not([data-reserve-status="reserved"]) .card {
	border-color: #888888;
	background-color: #DDDDDD;
}

[namespace=trip-deals-cars-reserved-block].block:not([data-reserve-status="reserved"]) .card img {
	filter: grayscale(100%);
}

[namespace=trip-deals-cars-reserved-block].block:not([data-reserve-status="reserved"]) .card .card-footer,
[namespace=trip-deals-cars-reserved-block].block:not([data-reserve-status="reserved"]) .card .card-content .btn-area,
[namespace=trip-deals-cars-reserved-block].block:not([data-reserve-status="reserved"]) .card .card-content .message-area {
	display: none;
}

/* 반응형 step1  - Labtop 대응 */
@media (max-width: 1280px) {

}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {

}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
	[namespace=trip-deals-cars-reserved-block].block .block-header {
		font-size: var(--font-size-small-x);
	}

	[namespace=trip-deals-cars-reserved-block].block .block-header .left .info > div:not(:last-child):after {
		content: '';
	}

	[namespace=trip-deals-cars-reserved-block].block .block-header .left .info {
		flex-direction: column;
	}
}

/*[namespace=trip-deals-cars-step2-option].cols*/

[namespace=trip-deals-cars-step2-option].cols[data-option="false"] {
	color: #bbb;
}

[namespace=trip-deals-cars-step2-option].cols[data-option="false"] i.fa-check,
[namespace=trip-deals-cars-step2-option].cols[data-option="true"] i.fa-square {
	display: none;
}

[namespace=trip-deals-cars-step2-option].cols[data-option="true"] i.fa-check,
[namespace=trip-deals-cars-step2-option].cols[data-option="false"] i.fa-square {
	display: inline-block;
}

/* [namespace=trip-deals-cars-step2-terms].block-terms */
[namespace=trip-deals-cars-step2-terms].block-terms {
	margin-bottom: 20px;
}

[namespace=trip-deals-cars-step2-terms].block-terms .title {
	font-weight: 700;
	font-size: var(--font-size-large);
	margin-bottom: 6px;
	margin-top: 20px;
}

[namespace=trip-deals-cars-step2-terms].block-terms div {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

[namespace=trip-deals-cars-step2-terms].block-terms .row ul>li {
	padding-left: 8px;
	margin-bottom: 6px;
}

[namespace=trip-deals-cars-step2-terms].block-terms .row ul>li:before {
	content: '•';
	margin-right: 10px;
}

[namespace=trip-deals-cars-step2-terms].block-terms .data-table thead {
	background-color: #888;
}

[namespace=trip-deals-cars-step2-terms].block-terms .data-table thead:hover {
	background-color: #888;
}

[namespace=trip-deals-cars-step2-terms].block-terms .data-table thead th {
	font-size: var(--font-size-small-x);
	color: #fff;
}

[namespace=trip-deals-cars-step2-terms].block-terms .data-table tbody td {
	font-size: var(--font-size-small-x);
}

[namespace=trip-deals-cars-step2-terms].block-terms .data-table :hover {
	background-color: unset;
}
/* [namespace=trip-deals-extras-step2].card */

[namespace=trip-deals-extras-step2].card {
    --f7-stepper-button-pressed-bg-color: rgba(var(--red),var(--green),var(--blue), 0.1);
    border-radius: 12px;
    display: flex;
    width: 100%;
    position: relative;
}

[namespace=trip-deals-extras-step2].card .card-content {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 16px;
}

[namespace=trip-deals-extras-step2].card .card-content .left img {
    width: 140px;
    object-fit: cover;
}

[namespace=trip-deals-extras-step2].card .card-content > .right {
    width: 100%;
    height: 100%;
    display: flex;
    gap: 16px;
    flex-direction: column;
    justify-content: space-between;
}

[namespace=trip-deals-extras-step2].card .card-content .right .top .name {
    font-size: var(--font-size-large);
    font-weight: 700;
    margin-bottom: 10px;
}

[namespace=trip-deals-extras-step2].card .card-content .right .top .options {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

[namespace=trip-deals-extras-step2].card .card-content .right .top .options  .option-wrap {
    display: flex;
    align-items: center;
    gap: 16px;
}

[namespace=trip-deals-extras-step2].card .card-content .right .top .options  .option-wrap .index {
    font-size: var(--font-size-large);
    font-weight: 700;
    color: #888;
}

[namespace=trip-deals-extras-step2].card .card-content .right .top .options  .option-wrap .wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

[namespace=trip-deals-extras-step2].card .card-content .right .top .options  .option-wrap .select-wrap {
    margin-right: 16px;
    position: relative;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: flex;
}

[namespace=trip-deals-extras-step2].card .card-content .right .top .options  .option-wrap .select-wrap select {
    width: auto;
    padding: 8px 12px;
    padding-right: 32px;
    z-index: 100;
    cursor: pointer;
    flex: 1 1 auto;
}

[namespace=trip-deals-extras-step2].card .card-content .right .top .options  .option-wrap .select-wrap i {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

[namespace=trip-deals-extras-step2].card .card-content .right .top .options  .option-wrap .option-check-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

[namespace=trip-deals-extras-step2].card .card-content .right .top .options  .option-wrap .option-check-wrap > i.fa-square-check {
    color: var(--color-main);
}

[namespace=trip-deals-extras-step2].card .card-content .right .top .options  .option-wrap .option-check-wrap[data-option-check=true] > i.fa-square,
[namespace=trip-deals-extras-step2].card .card-content .right .top .options  .option-wrap .option-check-wrap[data-option-check=false] > i.fa-square-check {
    display: none;
}

[namespace=trip-deals-extras-step2].card .card-content .right .top .options  .option-wrap .option-check-wrap[data-option-check=false] > i.fa-square,
[namespace=trip-deals-extras-step2].card .card-content .right .top .options  .option-wrap .option-check-wrap[data-option-check=true] > i.fa-square-check {
    display: block;
}

[namespace=trip-deals-extras-step2].card .card-content .right .top .description {
    font-size: var(--font-size-medium);
    color: #888;
}

[namespace=trip-deals-extras-step2].card .card-content > .right .bottom {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
[namespace=trip-deals-extras-step2].card .card-content > .right .bottom .stepper {
    align-items: center;
    gap: 4px;
}

[namespace=trip-deals-extras-step2].card .card-content > .right .bottom .stepper > .stepper-value {
    font-weight: 700;
    font-size: var(--font-size-large);
    color: var(--color-main);
}

[namespace=trip-deals-extras-step2].card .card-content > .right .bottom .stepper > .stepper-value,
[namespace=trip-deals-extras-step2].card .card-content > .right .bottom .stepper > .stepper-button-minus,
[namespace=trip-deals-extras-step2].card .card-content > .right .bottom .stepper > .stepper-button-plus {
    border: unset;
    height: 32px;
    width: 32px;
}

[namespace=trip-deals-extras-step2].card .card-content > .right .bottom .stepper > .stepper-button-minus,
[namespace=trip-deals-extras-step2].card .card-content > .right .bottom .stepper > .stepper-button-plus {
    color: #333;
    border-radius: 5px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
}

[namespace=trip-deals-extras-step2].card .card-content > .right .bottom .stepper > .stepper-button-plus::after,
[namespace=trip-deals-extras-step2].card .card-content > .right .bottom .stepper > .stepper-button-plus::before,
[namespace=trip-deals-extras-step2].card .card-content > .right .bottom .stepper > .stepper-button-minus::after,
[namespace=trip-deals-extras-step2].card .card-content > .right .bottom .stepper > .stepper-button-minus::before {
    background-color: #333;
}

[namespace=trip-deals-extras-step2].card .card-content > .right .bottom .remain-qty {
    background-color: #fce5e7;
    border-radius: 8px;
    padding: 4px 8px;
    color: #666;
    font-size: 16px;
}

[namespace=trip-deals-extras-step2].card .card-content > .right .bottom .right {
    color: #333;
    font-weight: 700;
    font-size: var(--font-size-large-2x);
    margin-left: auto;
}

[namespace=trip-deals-extras-step2].card .btn-remove {
    position: absolute;
    top: 4px;
    right: 0;
    transform: translate(50%, -50%);
    color: #c8222c;
    font-size: var(--font-size-large);
}

@media (max-width: 1280px) {
    [namespace=trip-deals-extras-step2].card .card-content .right .top .name,
        [namespace=trip-deals-extras-step2].card .card-content > .right .bottom .right {
        font-size: var(--font-size-medium);
    }

    [namespace=trip-deals-extras-step2].card .card-content .right .top .options .option-wrap {
        gap: 8px;
    }

    [namespace=trip-deals-extras-step2].card .card-content .right .bottom .stepper > .stepper-value {
        font-size: var(--font-size-small);
    }

    [namespace=trip-deals-extras-step2].card .card-content .left img {
        width: 140px;
    }
}

@media (max-width: 1000px) {
    [namespace=trip-deals-extras-step2].card .card-content .left img {
        width: 120px;
    }

    [namespace=trip-deals-extras-step2].card .card-content .right .top .name,
    [namespace=trip-deals-extras-step2].card .card-content > .right .bottom .right {
        font-size: var(--font-size-medium);
    }
}

@media (max-width: 680px) {
    [namespace=trip-deals-extras-step2].card .card-content {
        flex-direction: column;
    }

    [namespace=trip-deals-extras-step2].card .card-content .right .top .description {
        font-size: var(--font-size-small-2x);
    }

    [namespace=trip-deals-extras-step2].card .card-content .right .bottom .remain-qty {
        font-size: 12px;
    }

    [namespace=trip-deals-extras-step2].card .card-content .right .top .name,
    [namespace=trip-deals-extras-step2].card .card-content > .right .bottom .right {
        font-size: var(--font-size-small);
    }
}


[namespace=trip-deals-extras-popup].block {
    margin-top: 16px;
}

[namespace=trip-deals-extras-popup].block .block-header .title {
    font-size: var(--font-size-small);
    font-weight: 700;
    color: #333;
}


[namespace=trip-deals-extras-popup].block .block-content {
    display: flex;
    flex-direction: column;
    padding: 0;
    gap: 8px;
}

[namespace=trip-deals-extras-popup].block .block-content > .card {
    margin: 0;
    padding: 16px;
    border-radius: 12px;
    position: relative;
}

[namespace=trip-deals-extras-popup].block .block-content > .card.selected::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border-radius: 12px;
    background-color: rgba(var(--red),var(--green),var(--blue), 0.05);
    border: 2px solid var(--color-main);
}

[namespace=trip-deals-extras-popup].block .block-content > .card:not(.selected) .tag-selected {
    display: none;
}

[namespace=trip-deals-extras-popup].block .block-content > .card .tag-selected {
    position: absolute;
    background-color: var(--color-main);
    color: var(--color-typo);
    padding: 1px 8px;
    bottom: 0;
    right: 24px;
    border-top-left-radius: var(--f7-menu-item-border-radius);
    border-top-right-radius: var(--f7-menu-item-border-radius);
}

[namespace=trip-deals-extras-popup].block .block-content > .card .tag-selected::before {
    content: '';
    position: absolute;
    right: 100%;
    bottom: 0;
    width: var(--f7-menu-item-border-radius);
    height: var(--f7-menu-item-border-radius);
    background-image: radial-gradient(ellipse at 0% 0%, transparent 0%, transparent 70%, var(--color-main) 72%);
}

[namespace=trip-deals-extras-popup].block .block-content > .card .tag-selected::after {
    content: '';
    position: absolute;
    left: 100%;
    bottom: 0;
    width: var(--f7-menu-item-border-radius);
    height: var(--f7-menu-item-border-radius);
    background-image: radial-gradient(ellipse at 100% 0%, transparent 0%, transparent 70%, var(--color-main) 72%);
}

[namespace=trip-deals-extras-popup].block .block-content > .card .card-content {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    height: 100%;
}

[namespace=trip-deals-extras-popup].block .block-content > .card .card-content .left img {
    width: 100px;
}

[namespace=trip-deals-extras-popup].block .block-content > .card .card-content .right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px;
}

[namespace=trip-deals-extras-popup].block .block-content > .card .card-content .right .name {
    font-size: var(--font-size-small);
    font-weight: 700;
    margin-bottom: 8px;
}

[namespace=trip-deals-extras-popup].block .block-content > .card .card-content .right .remain-qty {
    background-color: #fce5e7;
    border-radius: 6px;
    padding: 4px 8px;
    color: #666;
    width: fit-content;
    margin-top: 8px;
}



[namespace=trip-deals-extras-reserved].card {
	margin: 0;
    position: relative;
}

[namespace=trip-deals-extras-reserved].card .card-content {
	display: flex;
	flex-direction: column;
}

[namespace=trip-deals-extras-reserved].card .card-content > .content-area {
	padding: 30px 72px;
	display: flex;
	flex-direction: row;
    justify-content: space-between;
    gap: 12px;
}

[namespace=trip-deals-extras-reserved].card .card-content > .content-area > .left {
    width: 20%;
    display: flex;
	flex-direction: column;
	align-items: center;
    justify-content: space-around;
}

[namespace=trip-deals-extras-reserved].card .card-content > .content-area > .left .name {
    font-size: var(--font-size-medium);
    font-weight: 700;
}

[namespace=trip-deals-extras-reserved].card .card-content > .content-area > .right {
    width: 60%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-self: flex-end;
}

[namespace=trip-deals-extras-reserved].card .card-content > .content-area > .right .top {
    display: flex;
    align-items: center;
    gap: 16px;
}

[namespace=trip-deals-extras-reserved].card .card-content > .content-area > .right .top .title {
    font-weight: 700;
}

[namespace=trip-deals-extras-reserved].card .card-content > .content-area > .right .top .sub-title {
    font-size: var(--font-size-small-x);
    color: #888;
}

[namespace=trip-deals-extras-reserved][data-take-type="delivery"].card .card-content > .content-area > .right .top .sub-title .description.pickup,
[namespace=trip-deals-extras-reserved][data-take-type="pickup"].card .card-content > .content-area > .right .top .sub-title .description.delivery {
    display: none;
}

[namespace=trip-deals-extras-reserved][data-take-type="pickup"].card .card-content > .content-area > .right .top .sub-title .description.pickup,
[namespace=trip-deals-extras-reserved][data-take-type="delivery"].card .card-content > .content-area > .right .top .sub-title .description.delivery {
    display: block;
}

[namespace=trip-deals-extras-reserved].card .card-content > .content-area > .right .middle {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 8px;
}

[namespace=trip-deals-extras-reserved].card .card-content > .content-area > .right .middle .row {
    gap: 8px;
}

[namespace=trip-deals-extras-reserved].card .card-content > .content-area > .right .middle .row .left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

[namespace=trip-deals-extras-reserved].card .card-content > .content-area > .right .middle .row .left .reserved-qty {
    text-wrap: nowrap;
}

[namespace=trip-deals-extras-reserved].card .card-content > .content-area > .right .middle .row .right {
    margin-left: auto;
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    flex-wrap: nowrap;
}

[namespace=trip-deals-extras-reserved].card .card-content > .content-area > .right .middle .row .dashline {
    flex: 1;
    align-self: center;
    border-top: 1px dashed #bbb;
}

[namespace=trip-deals-extras-reserved].card .card-content > .content-area > .right .middle .row .price i {
    margin-right: 4px;
}

[namespace=trip-deals-extras-reserved].card .card-content > .content-area > .right .middle .row .price {
    text-wrap: nowrap;
}

[namespace=trip-deals-extras-reserved].card .card-content > .content-area > .right .bottom {
    border-top: 1px solid #bbb;
    padding-top: 16px;
    font-weight: 700;
    font-size: var(--font-size-large);
}

[namespace=trip-deals-extras-reserved].card .card-content > .content-area > .right .bottom i {
    margin-right: 4px;
}



[namespace=trip-deals-extras-reserved].card .card-content > .content-area > .right .middle > .row.penalty-fee {
    color: #888;
}

[namespace=trip-deals-extras-reserved].card .card-content > .content-area > .right .middle > .row[data-reserve-status="cancelled"] {
    color: #888;
    text-decoration: line-through;
}

[namespace=trip-deals-extras-reserved].card .card-content > .content-area > .right .middle > .row[data-reserve-status="cancelled"] .check-wrap {
    display: none;
}

[namespace=trip-deals-extras-reserved].card .card-content > .content-area > .right .middle > .row[data-check] i.fa-square-check {
    color: var(--color-main);
}

[namespace=trip-deals-extras-reserved].card .card-content > .content-area > .right .middle > .row[data-check=false] i.fa-square-check,
[namespace=trip-deals-extras-reserved].card .card-content > .content-area > .right .middle > .row[data-check=true] i.fa-square {
    display: none;
}

[namespace=trip-deals-extras-reserved].card .card-content > .message-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

[namespace=trip-deals-extras-reserved].card .card-content > .btn-area {
    position: absolute;
    display: flex;
    gap: 12px;
    justify-content: flex-start;
    padding: 24px 0px;
    margin-left: 15px;
    padding-top: 0;
    bottom: 0;
    width: 25%;
}

[namespace=trip-deals-extras-reserved].card .card-content > .btn-area button {
    background-color: var(--color-main);
    color: var(--color-typo);
    font-size: var(--font-size-small-x);
    padding: 8px 0;
    margin: 0;
    height: auto;
}

[namespace=trip-deals-extras-reserved].card[data-reserve-status="reserved"] {
	border-color: #006FFF;
	background-color: #F2F8FE;
}

[namespace=trip-deals-extras-reserved].card:not([data-reserve-status="reserved"]) .card-header {
	color: #333;
}

[namespace=trip-deals-extras-reserved].card:not([data-reserve-status="reserved"]) {
	border-color: #888888;
	background-color: #DDDDDD;
}

[namespace=trip-deals-extras-reserved].card:not([data-reserve-status="reserved"]) .card-footer,
[namespace=trip-deals-extras-reserved].card:not([data-reserve-status="reserved"]) .card-content .btn-area,
[namespace=trip-deals-extras-reserved].card:not([data-reserve-status="reserved"]) .card-content .message-area {
	display: none;
}


@media (max-width: 1280px) {
	[namespace=trip-deals-extras-reserved].card {
		font-size: var(--font-size-small-x);
	}
}

/* 반응형 step2  - Tablet 대응 */
@media (max-width: 1000px) {
	[namespace=trip-deals-extras-reserved].card {
		font-size: var(--font-size-small-x);
	}

	[namespace=trip-deals-extras-reserved].card .card-content > .content-area > .right .bottom {
		font-size: var(--font-size-small);
	}
}

/* 반응형 step3 - Mobile 대응 */
@media (max-width: 680px) {
	[namespace=trip-deals-extras-reserved].card .card-content > .content-area {
		padding: 12px;
		flex-direction: column;
        align-items: center;
	}

    [namespace=trip-deals-extras-reserved].card .card-content > .content-area > .left,
    [namespace=trip-deals-extras-reserved].card .card-content > .content-area > .right {
        width: 100%;
    }

    [namespace=trip-deals-extras-reserved].card .card-content > .content-area > .right .top {
        gap:8px;
        flex-wrap: wrap;
    }

	[namespace=trip-deals-extras-reserved].card .card-content > .content-area > .right .bottom {
		font-size: var(--font-size-small-x);
	}

	[namespace=trip-deals-extras-reserved].card .card-content > .btn-area {
		flex-direction: column;
		align-items: center;
        position: relative;
        flex-direction: row;
        width: calc(100% - 30px);
    }
}

/* [namespace=trip-deals-extras-terms-penalty].block-terms */
[namespace=trip-deals-extras-terms-penalty].block-terms {
	margin-bottom: 20px;
}

[namespace=trip-deals-extras-terms-penalty].block-terms .title {
	font-weight: 700;
	font-size: var(--font-size-large);
	margin-bottom: 6px;
	margin-top: 20px;
}

[namespace=trip-deals-extras-terms-penalty].block-terms div {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

[namespace=trip-deals-extras-terms-penalty].block-terms .row ul>li {
	padding-left: 8px;
	margin-bottom: 6px;
}

[namespace=trip-deals-extras-terms-penalty].block-terms .row ul>li:before {
	content: '•';
	margin-right: 10px;
}

[namespace=trip-deals-extras-terms-penalty].block-terms .data-table thead {
	background-color: #888;
}

[namespace=trip-deals-extras-terms-penalty].block-terms .data-table thead:hover {
	background-color: #888;
}

[namespace=trip-deals-extras-terms-penalty].block-terms .data-table thead th {
	font-size: var(--font-size-small-x);
	color: #fff;
}

[namespace=trip-deals-extras-terms-penalty].block-terms .data-table tbody td {
	font-size: var(--font-size-small-x);
}

[namespace=trip-deals-extras-terms-penalty].block-terms .data-table :hover {
	background-color: unset;
}