@font-face {
	font-family: 'Pretendard-Regular';
	font-style: normal;
	font-weight: normal;
	src: url(Pretendard-Regular.woff2) format('woff2');
}
@font-face {
	font-family: 'PretendardVariable';
	font-style: normal;
	font-weight: normal;
	src: url(PretendardVariable.woff2) format('woff2');
}
@font-face {
	font-family: 'CommutersSans-Regular';
	font-style: normal;
	font-weight: normal;
	src: url(CommutersSans-Regular.woff2) format('woff2');
}
@font-face {
	font-family: 'CommutersSans-Light';
	font-style: normal;
	font-weight: normal;
	src: url(CommutersSans-Light.woff2) format('woff2');
}
@font-face {
	font-family: 'CommutersSans-Semibold';
	font-style: normal;
	font-weight: normal;
	src: url(CommutersSans-Semibold.woff2) format('woff2');
}
@font-face {
    font-family: 'NanumSquare';
    font-weight: 400;
    src: url(font/NanumSquareR.woff2) format('woff2');
}
@font-face {
    font-family: 'NanumSquare';
    font-weight: 700;
    src: url(font/NanumSquareB.woff2) format('woff2');
}
@font-face {
    font-family: 'NanumSquare';
    font-weight: 800;
    src: url(font/NanumSquareEB.woff2) format('woff2');
}
@font-face {
    font-family: 'NanumSquare';
    font-weight: 300;
    src: url(font/NanumSquareL.woff2) format('woff2');
}
/* AC */
@font-face {
    font-family: 'NanumSquareAc';
    font-weight: 400;
    src: url(font/NanumSquareAcR.woff2) format('woff2');
}
@font-face {
    font-family: 'NanumSquareAc';
    font-weight: 700;
    src: url(font/NanumSquareAcB.woff2) format('woff2');
}
@font-face {
    font-family: 'NanumSquareAc';
    font-weight: 800;
    src: url(font/NanumSquareAcEB.woff2) format('woff2');
}
@font-face {
    font-family: 'NanumSquareAc';
    font-weight: 300;
    src: url(font/NanumSquareAcL.woff2) format('woff2');
}

:root {
	--max-screen-width: 600px;

	--page-top-bg-color: #EEE;
	--page-bg-color: #FFF;
	/* --page-bg-color: #202020; dark 샘플*/
	/* --page-point1-color: #C393CB; */
	--page-point1-color: #EEE;
	--page-point2-color: #EEE;
	--page-base1-color: #EEE;
    --page-common1-color: #767676;
	
	--swiper-pagination-point: #767676;
	--swiper-pagination-base: #E8E3DF;

	--divider-color: #CCC;

    --sat: env(safe-area-inset-top, 0);
    --sar: env(safe-area-inset-right, 0);
    --sab: env(safe-area-inset-bottom, 0);
    --sal: env(safe-area-inset-left, 0);
}

[type="checkbox"] {
	appearance: none;
	position: relative;
	border: 2px solid #000;
	border-radius: 10px;
	width: 40px;
	height: 20px;
	cursor: pointer;
}
.noti-reserve input[type="checkbox"] {
	border: 2px solid #375FFE;
	background-color: #FFF;
}
[type="checkbox"]::before {
	content: "";
	position: absolute;
	left: 0;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	transform: scale(0.8);
	background-color: #000;
	transition: left 250ms linear;
}
.noti-reserve input[type="checkbox"]::before {
	background-color: #375FFE;
}
[type="checkbox"]:checked::before {
	background-color: #FFF;
	border-color: #FFF;
	left: 20px;
}  
.noti-reserve input[type="checkbox"]:checked::before {
	background-color: #FFF;
	border-color: #FFF;
	left: 20px;
}  
[type="checkbox"]:checked {
	background-color: #000;
	border-color: #000;
}
.noti-reserve input[type="checkbox"]:checked {
	background-color: #375FFE;
	border-color: #375FFE;
}
[type="checkbox"]:disabled {
	border-color: lightgray;
	opacity: 0.7;
	cursor: not-allowed;
}  
[type="checkbox"]:disabled:before {
	background-color: lightgray;
}  
[type="checkbox"]:disabled + span {
	opacity: 0.7;
	cursor: not-allowed;
}

.header-sub {
	display: flex;
	height: 48px;
	width: 100%;
    max-width: var(--max-screen-width);
	align-items: center;
}
.header-sub.fixed {
	position: fixed;
	z-index: 1000;
	top: inherit;
}
.header-sub.white {
	background: #FFF;
}
.header-sub.close {
    justify-content: flex-end;
    padding-right: 16px;
}
.header-sub .inner {
	height: 60px;
	padding: 0 20px;
}
.header-sub .inner .page-title {
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.header-back {
	z-index: 1;
	display: flex;
    align-items: center;
}
.header-back.justify-between {
	justify-content: space-between;
}
.header-back .btn-back {
	margin-left: 16px;
	width: 24px;
	height: 24px;
	background: url("../images/header-arrow-back.png") 50%/100%;
	cursor: pointer;
}
.header-back .btn-back-home {
	margin-left: 16px;
	width: 24px;
	height: 24px;
	background: url("../images/header-arrow-back-home.png") 50%/100%;
	cursor: pointer;
}
.header-back .btn-close {
	margin-left: 16px;
	width: 24px;
	height: 24px;
	background: url("../images/header-close.png") 50%/100%;
	cursor: pointer;
}
.header-back .btn-close.fixed-right {
	position: absolute;
	right: 16px;
}
.header-back .btn-share {
	width: 24px;
	height: 24px;
	background: url("../images/header-share.png") 50%/100%;
	cursor: pointer;
}
.header-back .btn-share.fixed-right {
	position: absolute;
	right: 16px;
}
.header-back .btn-buy-top {
	width: auto;
	height: 24px;
	padding: 2px 8px;
	border-radius: 6px;
	background: #000;
	color: #FFF;
	font-size: 12px;
    line-height: 12px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.header-back .btn-buy-top.fixed-right {
	position: absolute;
	right: 46px;
}
.container {
	height: 100%;
}
.container.fixed-top {
	padding-top: 48px;
}
.container.page {
	background-color: var(--page-bg-color);
}
.container.dark {
	--page-bg-color: #202020; /* 임시 */
	color: var(--font-color-white);
}

.container.edit {
	/* background: #EEE; */
	padding: 0 16px;
}
.container.no-header {
	height: calc(100% - 61px);
}
.container.small-header {
	height: calc(100% - 115px);
}
.container.full {
	height: 100%;
}
.container .content {
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}
.container .content.inner-padding {
	padding: 20px 20px;
}
.container .content.hidden {
	overflow: hidden;
}
.cont-inner {
	padding: 0 20px;
}

.svg.invert-3 {
	filter: invert(.3);
}
.svg.invert-7 {
	filter: invert(.7);
}
.svg.invert-10 {
	filter: invert(1);
}
.svg.fill-yellow {
	fill: yellow;
}

.full-photo {
	z-index: 20;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
}
.full-photo .btn-close {
	z-index: 30;
	position: fixed;
	top: 20px;
	right: 20px;
	width: 24px;
	height: 24px;
	background: url("../images/ico-close-photo.png") 50%/100%;
	cursor: pointer;
}

/* Page 디자인 */
.highlight {
	color: #375FFE;
}
.top-notice {
	position: sticky;
	z-index: 20;
	top: 0;
	left: 0;
	background-color: #000;
	color: #FFF;
	width: 100%;
	font-size: 14px;
	font-weight: 500;
	padding: 6px;
	display: flex ;
	overflow: hidden ;
	white-space: nowrap ;
}
.marquee__item {
	animation-duration: 4s ;
	animation-iteration-count: infinite ;
	animation-name: marquee-content ;
	animation-timing-function: linear;
	padding: 5px 25px 5px 25px ;
}
.marquee:hover .marquee__item {
	animation-play-state: paused ;
}
.top-notice-edit {
	z-index: 10;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 120px;
	height: 30px;
	text-align: center;
	align-content: center;
	background-color: var(--page-point1-color);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #FFF;
	font-size: 14px;
    font-weight: 500;
    padding-bottom: 2px;
    line-height: 15px;
}

/**
* BOTH of the marquee items are going to be translating left at the same time.
* And, once each of them has translated to -100%, they will both snap back into
* place, making it seem as if they are continuously scrolling.
*/
@keyframes marquee-content {
	from {
		transform: translateX(0%);
	}
	to {
		transform: translateX(-100%);
	}
}
.page .page-header {
	position: relative;
}
.page .align-items-baseline {
	align-items: baseline;
}
.page .page-header .btn-back {
	z-index: 100;
	position: absolute;
	left: 16px;
	top: 16px;
	width: 24px;
	height: 24px;
	background: url("../images/header-arrow-back-black.png") 50%/100%;
	cursor: pointer;
}
.page .page-header .btn-mypage {	
	z-index: 10;
	position: absolute;
	right: 16px;
	top: 16px;
	width: 28px;
	height: 28px;
	background: url("../images/ico-page-mypage.svg?v=20240607") 0px 0px / 100% 100% no-repeat;
	cursor: pointer;
}
.page .btn-txt-edit {
	margin-left: 6px;
	width: 18px;
	height: 18px;
	background: url("../images/ico-txt-edit.svg") 0px 0px / 100% 100% no-repeat;
	cursor: pointer;
}
.page .btn-txt-edit.fixed {
	position: absolute;
    right: -6px;
    top: 8px;
}
.page .btn-txt-edit.fixed-top {
	position: absolute;
    right: 6px;
    top: 80px;
}
.page .btn-img-upload {
	z-index: 100;
	position: absolute;
	bottom: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 28px;
	height: 28px;
	background: url("../images/ico-img-upload.png") 0px 0px / 100% 100% no-repeat;
}
.page .btn-img-upload.padding {
	bottom: 6px;
	right: 6px;
}
.page .btn-img-upload.padding-bottom {
	bottom: 12px;
	right: 6px;
}
.page .btn-img-upload.center {
	bottom: 16px;
	left: 50%;
	transform: translateX(-50%);
}

/* default 스타일 */
.page .page-header.default {
	display: flex;
    align-items: center;
	justify-content: center;
    flex-direction: column;
	margin-bottom: 0;
}
.page .page-header.default .bg-img {
	height: 0;
}
.page .page-header.default .bg-img img {
	height: 0;
}
.page .page-header.default .profile {
	position: relative;
}
.page .page-header.default .profile-img-cover-01 {
	height: 0;
}
.page .page-header.default .profile-img-cover-02 {
	height: 0;
}
.page .page-header.default .txt-title-top {
	display: none;
	height: 0px;
}
.page .page-header.default .profile-img {
	margin-top: 48px;
	width: 100px;
	height: 100px;
	z-index: 99;
}
.page .page-header.default .profile-img img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}
.page .page-header.default .cont {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: calc(100% - 32px); /*16px 좌우 마진 */
	padding: 70px 16px 16px 16px;
	margin-top: -60px;
	border-radius: 10px;
}
.page .page-header.default .cont .title {
	display: flex;
	align-items: center;
}
.page .page-header.default .cont .title .btn-txt-add {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #A5A5A5;
	border-radius: 4px;
	border: solid 1px #FFF;
	padding: 6px 8px;
	color: #FFF;
	font-size: 14px;
	font-weight: 500;
	line-height: 14px;
	cursor: pointer;
}
.page .page-header.default .cont .txt-title {
	font-size: 24px;
	font-weight: 600;
    text-align: center;
}
.page .page-header.default .cont .sub-title {
	display: flex;
	align-items: center;
	padding: 4px 16px 16px 12px;
}
.page .page-header.default .cont .sub-title .txt-sub-title {	
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	word-break: keep-all;
}
.page .page-header.default .cont .sub-title .btn-txt-edit {
	margin-left: 6px;
	width: 18px;
	height: 18px;
	background: url("../images/ico-txt-edit.svg") 0px 0px / 100% 100% no-repeat;
	cursor: pointer;
}
.page .page-header.default .cont .sub-title .btn-txt-add {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #CCC;
	border-radius: 4px;
	border: solid 1px #FFF;
	padding: 6px 8px;
	color: #FFF;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
	cursor: pointer;
}
.page .page-header.default .cont .btn-subscribe {
	position: relative;
	display: flex;
	height: 36px;
	padding: 0 16px;
	align-items: center;
	border-radius: 5px;
	vertical-align: middle;
	color: #FFF;
	background-color: var(--page-point1-color);
	cursor: pointer;
}
.filter-offblack {
	filter: brightness(0) saturate(100%) invert(0%) sepia(10%) saturate(4232%) hue-rotate(215deg) brightness(86%) contrast(58%);
}
.page .page-header.default .cont .btn-subscribe img {
	width: 18px;
    height: 18px;
    margin-right: 8px;
    margin-left: -4px;
}
.page .page-header.default .cont .btn-subscribe .txt-btn {	
	font-size: 15px;
	font-weight: 500;
	padding-bottom: 2px;
	line-height: 15px;
}
.page .page-header.default .cont .btn-layout {
	position: relative;
	display: flex;
	height: 36px;
	padding: 0 16px;
	align-items: center;
	border-radius: 5px;
	vertical-align: middle;
	color: #FFF;
	background-color: var(--page-point1-color);
	cursor: pointer;
}
.page .page-header.default .cont .btn-layout img {
	width: 18px;
    height: 18px;
    margin-right: 8px;
    margin-left: -4px;
}
.page .page-header.default .cont .btn-layout .txt-btn {	
	font-size: 15px;
	font-weight: 500;
	padding-bottom: 2px;
	line-height: 15px;
}
/* END default 스타일 */


/* profile-bg-01 스타일 */
.page .page-header.profile-bg-01 {
	display: flex;
    align-items: center;
	justify-content: center;
    flex-direction: column;
	margin-bottom: 10px;
}
.page .page-header.profile-bg-01 .bg-img {
	height: 0;
}
.page .page-header.profile-bg-01 .bg-img img {
	height: 0;
}
.page .page-header.profile-bg-01 .profile {
	position: relative;
}
.page .page-header.profile-bg-01 .profile-img-cover-01 {
	height: 0;
}
.page .page-header.profile-bg-01 .profile-img-cover-02 {
	height: 0;
}
.page .page-header.profile-bg-01 .txt-title-top {
	display: none;
	height: 0px;
}
.page .page-header.profile-bg-01 .profile-img {
	margin-top: 48px;
	width: 120px;
	height: 120px;
	z-index: 99;
}
.page .page-header.profile-bg-01 .profile-img img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}
.page .page-header.profile-bg-01 .cont {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: calc(100% - 32px); /*16px 좌우 마진 */
	padding: 70px 16px 16px 16px;
	margin-top: -60px;
	background-color: #FFF;
	border-radius: 10px;
}
.page .page-header.profile-bg-01 .cont .title {
	display: flex;
	align-items: center;
}
.page .page-header.profile-bg-01 .cont .title .btn-txt-add {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #A5A5A5;
	border-radius: 4px;
	border: solid 1px #FFF;
	padding: 6px 8px;
	color: #FFF;
	font-size: 14px;
	font-weight: 500;
	line-height: 14px;
	cursor: pointer;
}
.page .page-header.profile-bg-01 .cont .txt-title {
	font-size: 24px;
	font-weight: 600;
    text-align: center;
}
.page .page-header.profile-bg-01 .cont .sub-title {
	display: flex;
	align-items: center;
	padding: 4px 16px 16px 12px;
}
.page .page-header.profile-bg-01 .cont .txt-sub-title {
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	word-break: keep-all;
}
.page .page-header.profile-bg-01 .cont .sub-title .btn-txt-edit {
	margin-left: 6px;
	width: 18px;
	height: 18px;
	background: url("../images/ico-txt-edit.svg") 0px 0px / 100% 100% no-repeat;
	cursor: pointer;
}
.page .page-header.profile-bg-01 .cont .sub-title .btn-txt-add {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #CCC;
	border-radius: 4px;
	border: solid 1px #FFF;
	padding: 6px 8px;
	color: #FFF;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
	cursor: pointer;
}
.page .page-header.profile-bg-01 .cont .btn-subscribe {
	position: relative;
	display: flex;
	height: 36px;
	padding: 0 16px;
	align-items: center;
	border-radius: 5px;
	vertical-align: middle;
	color: #FFF;
	background-color: var(--page-point1-color);
	cursor: pointer;
}
.page .page-header.profile-bg-01 .cont .btn-subscribe img {
	width: 18px;
    height: 18px;
    margin-right: 8px;
    margin-left: -4px;
}
.page .page-header.profile-bg-01 .cont .btn-subscribe .txt-btn {	
	font-size: 15px;
	font-weight: 500;
	padding-bottom: 2px;
	line-height: 15px;
}
.page .page-header.profile-bg-01 .cont .btn-layout {
	position: relative;
	display: flex;
	height: 36px;
	padding: 0 16px;
	align-items: center;
	border-radius: 5px;
	vertical-align: middle;
	color: #FFF;
	background-color: var(--page-point1-color);
	cursor: pointer;
}
.page .page-header.profile-bg-01 .cont .btn-layout img {
	width: 18px;
    height: 18px;
    margin-right: 8px;
    margin-left: -4px;
}
.page .page-header.profile-bg-01 .cont .btn-layout .txt-btn {	
	font-size: 15px;
	font-weight: 500;
	padding-bottom: 2px;
	line-height: 15px;
}
/* END profile-bg-01 스타일 */


/* top-bg-01 스타일 */
.page .page-header.top-bg-01 {
	display: flex;
    align-items: center;
	justify-content: center;
    flex-direction: column;
}
.page .page-header.top-bg-01 .bg-img {
	position: relative;
	width: 100%;
	height: 180px;
	background-color: var(--page-top-bg-color);
}
.page .page-header.top-bg-01 .bg-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.page .page-header.top-bg-01 .profile-img-cover-01 {
	height: 0;
}
.page .page-header.top-bg-01 .profile-img-cover-02 {
	height: 0;
}
.page .page-header.top-bg-01 .txt-title-top {
	display: none;
	height: 0px;
}
.page .page-header.top-bg-01 .profile {
	position: relative;
}
.page .page-header.top-bg-01 .profile-img {
	margin-top: -48px;
	width: 96px;
	height: 96px;
	z-index: 99;
}
.page .page-header.top-bg-01 .profile-img img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}
.page .page-header.top-bg-01 .cont {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: calc(100% - 32px); /*16px 좌우 마진 */
	padding: 12px 16px;
}
.page .page-header.top-bg-01 .cont .title {
	display: flex;
	align-items: center;
}
.page .page-header.top-bg-01 .cont .title .btn-txt-add {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #A5A5A5;
	border-radius: 4px;
	border: solid 1px #FFF;
	padding: 6px 8px;
	color: #FFF;
	font-size: 14px;
	font-weight: 500;
	line-height: 14px;
	cursor: pointer;
}
.page .page-header.top-bg-01 .cont .txt-title {
	font-size: 24px;
	font-weight: 600;
    text-align: center;
}

.page .page-header.top-bg-01 .cont .sub-title {
	display: flex;
	align-items: center;
	padding: 4px 16px 16px 12px;
}
.page .page-header.top-bg-01 .cont .sub-title .txt-sub-title {	
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	word-break: keep-all;
}
.page .page-header.top-bg-01 .cont .sub-title .btn-txt-edit {
	margin-left: 6px;
	width: 18px;
	height: 18px;
	background: url("../images/ico-txt-edit.svg") 0px 0px / 100% 100% no-repeat;
	cursor: pointer;
}
.page .page-header.top-bg-01 .cont .sub-title .btn-txt-add {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #CCC;
	border-radius: 4px;
	border: solid 1px #FFF;
	padding: 6px 8px;
	color: #FFF;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
	cursor: pointer;
}
.page .page-header.top-bg-01 .cont .btn-subscribe {
	position: relative;
	display: flex;
	height: 36px;
	padding: 0 16px;
	align-items: center;
	border-radius: 5px;
	vertical-align: middle;
	color: #FFF;
	background-color: var(--page-point1-color);
	cursor: pointer;
}
.page .page-header.top-bg-01 .cont .btn-subscribe img {
	width: 18px;
    height: 18px;
    margin-right: 8px;
    margin-left: -4px;
}
.page .page-header.top-bg-01 .cont .btn-subscribe .txt-btn {	
	font-size: 15px;
	font-weight: 500;
	padding-bottom: 2px;
	line-height: 15px;
}
.page .page-header.top-bg-01 .btn-mypage {
	position: absolute;
	right: 16px;
	top: 16px;
	width: 28px;
	height: 28px;
	background: url("../images/ico-page-mypage.svg") 0px 0px / 100% 100% no-repeat;
	cursor: pointer;
}
.page .page-header.top-bg-01 .cont .btn-layout {
	position: relative;
	display: flex;
	height: 36px;
	padding: 0 16px;
	align-items: center;
	border-radius: 5px;
	vertical-align: middle;
	color: #FFF;
	background-color: var(--page-point1-color);
	cursor: pointer;
}
.page .page-header.top-bg-01 .cont .btn-layout img {
	width: 18px;
    height: 18px;
    margin-right: 8px;
    margin-left: -4px;
}
.page .page-header.top-bg-01 .cont .btn-layout .txt-btn {	
	font-size: 15px;
	font-weight: 500;
	padding-bottom: 2px;
	line-height: 15px;
}
/* END top-bg-01 스타일 */


/* top-img-01 스타일 */
.page .page-header.top-img-01 {
	display: flex;
    align-items: center;
	justify-content: center;
    flex-direction: column;
}
.page .page-header.top-img-01 .bg-img {
	height: 0;
}
.page .page-header.top-img-01 .bg-img img {
	height: 0;
}
.page .page-header.top-img-01 .profile-img-cover-01 {
	height: 0;
}
.page .page-header.top-img-01 .profile-img-cover-02 {
	height: 0;
}
.page .page-header.top-img-01 .txt-title-top {
	display: none;
	height: 0px;
}
.page .page-header.top-img-01 .profile {
	position: relative;
}
.page .page-header.top-img-01 .profile-img {
	display: flex;
	position: relative;
	width: 100%;	
}
.page .page-header.top-img-01 .profile-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.page .page-header.top-img-01 .cont {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: calc(100% - 32px); /*16px 좌우 마진 */
	padding: 12px 16px;
}
.page .page-header.top-img-01 .cont .title {
	display: flex;
	align-items: center;
}
.page .page-header.top-img-01 .cont .title .btn-txt-add {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #A5A5A5;
	border-radius: 4px;
	border: solid 1px #FFF;
	padding: 6px 8px;
	color: #FFF;
	font-size: 14px;
	font-weight: 500;
	line-height: 14px;
	cursor: pointer;
}
.page .page-header.top-img-01 .cont .txt-title {
	font-size: 24px;
	font-weight: 600;
    text-align: center;
}
.page .page-header.top-img-01 .cont .sub-title {
	display: flex;
	align-items: center;
	padding: 4px 16px 16px 12px;
}
.page .page-header.top-img-01 .cont .sub-title .txt-sub-title {	
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	word-break: keep-all;
}
.page .page-header.top-img-01 .cont .sub-title .btn-txt-edit {
	margin-left: 6px;
	width: 18px;
	height: 18px;
	background: url("../images/ico-txt-edit.svg") 0px 0px / 100% 100% no-repeat;
	cursor: pointer;
}
.page .page-header.top-img-01 .cont .sub-title .btn-txt-add {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #CCC;
	border-radius: 4px;
	border: solid 1px #FFF;
	padding: 6px 8px;
	color: #FFF;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
	cursor: pointer;
}
.page .page-header.top-img-01 .cont .btn-subscribe {
	position: relative;
	display: flex;
	height: 36px;
	padding: 0 16px;
	align-items: center;
	border-radius: 5px;
	vertical-align: middle;
	color: #FFF;
	background-color: var(--page-point1-color);
	border: solid 1px #FFF;
	cursor: pointer;
}
.page .page-header.top-img-01 .cont .btn-subscribe img {
	width: 18px;
    height: 18px;
    margin-right: 8px;
    margin-left: -4px;
}
.page .page-header.top-img-01 .cont .btn-subscribe .txt-btn {	
	font-size: 15px;
	font-weight: 500;
	padding-bottom: 2px;
	line-height: 15px;
}
.page .page-header.top-img-01 .btn-mypage {
	position: absolute;
	right: 16px;
	top: 16px;
	width: 28px;
	height: 28px;
	background: url("../images/ico-page-mypage.svg") 0px 0px / 100% 100% no-repeat;
	cursor: pointer;
}
.page .page-header.top-img-01 .cont .btn-layout {
	position: relative;
	display: flex;
	height: 36px;
	padding: 0 16px;
	align-items: center;
	border-radius: 5px;
	vertical-align: middle;
	color: #FFF;
	background-color: var(--page-point1-color);
	cursor: pointer;
}
.page .page-header.top-img-01 .cont .btn-layout img {
	width: 18px;
    height: 18px;
    margin-right: 8px;
    margin-left: -4px;
}
.page .page-header.top-img-01 .cont .btn-layout .txt-btn {	
	font-size: 15px;
	font-weight: 500;
	padding-bottom: 2px;
	line-height: 15px;
}
/* END top-bg-01 스타일 */

/* dark-01 스타일 */
.page .page-header.dark-01 {
	display: flex;
    align-items: center;
	justify-content: center;
    flex-direction: column;
}
.page .page-header.dark-01 .bg-img {	
	height: 0px;
}
.page .page-header.dark-01 .bg-img img {
	height: 0px;
}
.page .page-header.dark-01 .txt-title-top {
	display: none;
	height: 0px;
}
.page .page-header.dark-01 .profile {
	position: relative;
}
.page .page-header.dark-01 .profile-img-cover-01 {
	height: 0;
}
.page .page-header.dark-01 .profile-img-cover-02 {
	height: 0;
}
.page .page-header.dark-01 .profile-img {
	margin-top: 48px;
	width: 96px;
	height: 96px;
	z-index: 99;
}
.page .page-header.dark-01 .profile-img img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}
.page .page-header.dark-01 .cont {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: calc(100% - 32px); /*16px 좌우 마진 */
	padding: 16px;
}
.page .page-header.dark-01 .cont .txt-title {
	font-size: 24px;
	font-weight: 600;
    text-align: center;
}
.page .page-header.dark-01 .cont .txt-sub-title {
	padding: 8px 8px 24px 8px;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
}
.page .page-header.dark-01 .cont .btn-subscribe {
	position: relative;
	display: flex;
	height: 36px;
	padding: 0 16px;
	align-items: center;
	border-radius: 5px;
	vertical-align: middle;
	color: #FFF;
	font-size: 16px;
	font-weight: 500;
	background-color: var(--page-point1-color);
	cursor: pointer;
}
.page .page-header.dark-01 .cont .btn-subscribe img {
	width: 18px;
    height: 18px;
    margin-right: 8px;
    margin-left: -4px;
}
.page .page-header.dark-01 .cont .btn-subscribe .txt-btn {	
	font-size: 16px;
	font-weight: 500;
	padding-bottom: 2px;
}
.page .page-header.dark-01 .btn-mypage {
	position: absolute;
	right: 16px;
	top: 16px;
	width: 28px;
	height: 28px;
	cursor: pointer;
}
.page .page-header.dark-01 .btn-back {
	background: url("../images/header-arrow-back-white.png") 50%/100%;
	cursor: pointer;
}
/* END dark-01 스타일 */

@font-face {
    font-family: 'GyeonggiBatang';
    font-weight: normal;
    font-style: normal;
	src: url(font/GyeonggiBatang.woff) format('woff');
}
/* full-img-01 스타일 */
.page .page-header.full-img-01 {
	position: relative;
	display: flex;
    align-items: center;
	justify-content: center;
    flex-direction: column;
	color: var(--font-color-white);
	margin-bottom: 16px;
}
.page .page-header.full-img-01 .bg-img {	
	height: 0px;
}
.page .page-header.full-img-01 .bg-img img {
	height: 0px;
}
.page .page-header.full-img-01 .txt-title-top {
	display: none;
	height: 0px;
}
.page .page-header.full-img-01 .profile {
	width: 100%;
	position: relative;
}
.page .page-header.full-img-01 .profile-img-cover-01 {
	height: 0;
}
.page .page-header.full-img-01 .profile-img-cover-02 {
	height: 0;
}
.page .page-header.full-img-01 .profile-img {
	display: flex;
	justify-content: center;
	width: 100%;
}
.page .page-header.full-img-01 .profile-img img {
	width: 100%;
	aspect-ratio : 3 / 4;
	object-fit: cover;
	max-height: 500px;
}
.page .page-header.full-img-01 .cont {
	position: absolute;
	bottom: 16px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: calc(100% - 32px); /*16px 좌우 마진 */
	margin: 16px;
	z-index: 10;
}
.page .page-header.full-img-01 .cont .title {
	display: flex;
	align-items: center;
}
.page .page-header.full-img-01 .cont .title .btn-txt-add {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #A5A5A5;
	border-radius: 4px;
	border: solid 1px #FFF;
	padding: 6px 8px;
	color: #FFF;
	font-size: 14px;
	font-weight: 500;
	line-height: 14px;
	cursor: pointer;
}
.page .page-header.full-img-01 .cont .txt-title {
	font-family: "Alata", sans-serif;
	font-size: 54px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 54px;
    text-align: center;
}
.page .page-header.full-img-01 .cont .txt-title.wisdom-tea {
	font-family: "GyeonggiBatang";
}
.page .page-header.full-img-01 .cont .sub-title {
	display: flex;
	align-items: center;
	padding: 16px;
}
.page .page-header.full-img-01 .cont .txt-sub-title {	
	font-size: 14px;
	font-weight: 500;
	text-align: center;
}
.page .page-header.full-img-01 .cont .sub-title .btn-txt-edit {
	margin-left: 6px;
	width: 18px;
	height: 18px;
	background: url("../images/ico-txt-edit.svg") 0px 0px / 100% 100% no-repeat;
	cursor: pointer;
}
.page .page-header.full-img-01 .cont .sub-title .btn-txt-add {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #CCC;
	border-radius: 4px;
	border: solid 1px #FFF;
	padding: 6px 8px;
	color: #FFF;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
	cursor: pointer;
}
.page .page-header.full-img-01 .cont .btn-subscribe {
	position: relative;
	display: flex;
	height: 36px;
	padding: 0 16px;
	align-items: center;
	border-radius: 5px;
	vertical-align: middle;
	color: #FFF;
	border: solid 1px #FFF;
	cursor: pointer;
}
.page .page-header.full-img-01 .cont .btn-subscribe img {
	width: 18px;
    height: 18px;
    margin-right: 8px;
    margin-left: -4px;
}
.page .page-header.full-img-01 .cont .btn-subscribe .txt-btn {	
	font-size: 15px;
	font-weight: 500;
	padding-bottom: 2px;
	line-height: 15px;
	/* text-shadow: 1px 2px #757575; */
}
.page .page-header.full-img-01 .btn-mypage {
	position: absolute;
	right: 16px;
	top: 16px;
	width: 28px;
	height: 28px;
	cursor: pointer;
}
.page .page-header.full-img-01 .btn-back {
	background: url("../images/header-arrow-back-white.png") 50%/100%;
	cursor: pointer;
}
.page .page-header.full-img-01 .cont .btn-layout {
	position: relative;
	display: flex;
	height: 36px;
	padding: 0 16px;
	align-items: center;
	border-radius: 5px;
	vertical-align: middle;
	color: #FFF;
	border: solid 1px #FFF;
	cursor: pointer;
}
.page .page-header.full-img-01 .cont .btn-layout img {
	width: 18px;
    height: 18px;
    margin-right: 8px;
    margin-left: -4px;
}
.page .page-header.full-img-01 .cont .btn-layout .txt-btn {	
	font-size: 15px;
	font-weight: 500;
	padding-bottom: 2px;
	line-height: 15px;
	/* text-shadow: 1px 2px #757575; */

}
/* END full-img-01 스타일 */


/* full-img-02 스타일 */
.page .page-header.full-img-02 {
	position: relative;
	display: flex;
    align-items: center;
	justify-content: center;
    flex-direction: column;
	color: var(--font-color-white);
}
.page .page-header.full-img-02 .bg-img {	
	height: 0px;
}
.page .page-header.full-img-02 .bg-img img {
	height: 0px;
}
.page .page-header.full-img-02 .txt-title-top {
	display: none;
	height: 0px;
}
.page .page-header.full-img-02 .profile {
	margin-top: 16px;
	width: calc(100% - 32px);
	position: relative;
}
.page .page-header.full-img-02 .profile-img-cover-01 {
	position: absolute;
	top: 0;
	width: 100%;
	aspect-ratio : 1 / 1;
	z-index: 5;
	transform: rotate(90deg);
	background: linear-gradient(45deg, rgba(182, 165, 65, 0.00) 50%, #184b36 100%);
	border-radius: 10px;
}
.page .page-header.full-img-02 .profile-img-cover-02 {
	position: absolute;
	top: 0;
	width: 100%;
	aspect-ratio : 1 / 1;
	z-index: 5;
	transform: rotate(90deg);
	background: linear-gradient(135deg, rgba(182, 165, 65, 0.00) 50%, #b6a541 100%);
	border-radius: 10px;
}
.page .page-header.full-img-02 .profile-img {
	width: 100%;
}
.page .page-header.full-img-02 .profile-img img {
	width: 100%;
	aspect-ratio : 1 / 1;
	border-radius: 10px;
	object-fit: cover;
	z-index: -10;
}
.page .page-header.full-img-02 .cont {
	position: absolute;
	bottom: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: calc(100% - 32px); /*16px 좌우 마진 */
	margin: 16px;
	z-index: 10;
}
.page .page-header.full-img-02 .cont .title {
	display: flex;
	align-items: center;
}
.page .page-header.full-img-02 .cont .title .btn-txt-add {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #A5A5A5;
	border-radius: 4px;
	border: solid 1px #FFF;
	padding: 6px 8px;
	color: #FFF;
	font-size: 14px;
	font-weight: 500;
	line-height: 14px;
	cursor: pointer;
}
.page .page-header.full-img-02 .cont .txt-title {
	font-family: "Alata", sans-serif;
	font-size: 48px;
	font-weight: 400;
	text-transform: uppercase;
    text-align: center;
}
.page .page-header.full-img-02 .cont .sub-title {
	display: flex;
	align-items: center;
	padding: 0 16px;
}
.page .page-header.full-img-02 .cont .txt-sub-title {
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	text-align: center;
}
.page .page-header.full-img-02 .cont .sub-title .btn-txt-edit {
	margin-left: 6px;
	width: 18px;
	height: 18px;
	background: url("../images/ico-txt-edit.svg") 0px 0px / 100% 100% no-repeat;
	cursor: pointer;
}
.page .page-header.full-img-02 .cont .sub-title .btn-txt-add {
	margin-top: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #CCC;
	border-radius: 4px;
	border: solid 1px #FFF;
	padding: 6px 8px;
	color: #FFF;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
	cursor: pointer;
}

.page .page-header.full-img-02 .cont .btn-subscribe {
	margin-top: 10px;
	margin-bottom: -10px;
	position: relative;
	display: flex;
	height: 32px;
	padding: 0 12px;
	align-items: center;
	border-radius: 5px;
	vertical-align: middle;
	color: #FFF;
	border: solid 1px #FFF;
	cursor: pointer;
}
.page .page-header.full-img-02 .cont .btn-subscribe img {
	width: 18px;
    height: 18px;
    margin-right: 8px;
    margin-left: -4px;
}
.page .page-header.full-img-02 .cont .btn-subscribe .txt-btn {	
	font-size: 15px;
	font-weight: 500;
	padding-bottom: 2px;
	line-height: 15px;
}
.page .page-header.full-img-02 .btn-mypage {	
	position: absolute;
	right: 26px;
	top: 26px;
	width: 28px;
	height: 28px;
	cursor: pointer;
}
.page .page-header.full-img-02 .btn-subscribe-top {
	display: none;
	z-index: 100;
	position: absolute;
	right: 26px;
	top: 29px;
	width: 23px;
	height: 23px;
	background: url("../images/ico-subscribe.svg?v=20240607") 0px 0px / 100% 100% no-repeat;
	cursor: pointer;
}
.page .page-header.full-img-02 .btn-back {
	background: url("../images/header-arrow-back-white.png") 50%/100%;
	cursor: pointer;
}
.page .page-header.full-img-02 .cont .btn-layout {
	margin-top: 10px;
	margin-bottom: -10px;
	position: relative;
	display: flex;
	height: 32px;
	padding: 0 12px;
	align-items: center;
	border-radius: 5px;
	vertical-align: middle;
	color: #FFF;
	border: solid 1px #FFF;
	cursor: pointer;
}
.page .page-header.full-img-02 .cont .btn-layout img {
	width: 18px;
    height: 18px;
    margin-right: 8px;
    margin-left: -4px;
}
.page .page-header.full-img-02 .cont .btn-layout .txt-btn {	
	font-size: 15px;
	font-weight: 500;
	padding-bottom: 2px;
	line-height: 15px;
}
/* END full-img-02 스타일 */


/* frame-01 스타일 */
.page .page-header.frame-01 {
	position: relative;
	display: flex;
    align-items: center;
	justify-content: center;
    flex-direction: column;
	color: var(--font-color-white);
}
.page .page-header.frame-01 .bg-img {	
	min-height: 120px;
}
.page .page-header.frame-01 .bg-img img {
	height: 0px;
}

@font-face {
	font-family: 'frame-01';
	font-style: normal;
	font-weight: normal;
	src: url(font/SangSangYoungestDaughter.woff) format('woff2');
  }
  
@font-face {
	font-family: 'frame-01';
	font-style: normal;
	font-weight: 400;
	src: url(font/Lacquer-Regular.woff) format('woff2');
	unicode-range: U+0020-007E;
}
.page .page-header.frame-01 .title-top {
	display: flex;
	align-items: center;
	z-index: 10;
	position: absolute;
	top: 74px;
}
.page .page-header.frame-01 .title-top .txt-title-top {
	font-family: frame-01;
	font-size: 72px;
	font-weight: 400;
	line-height: 80px;
    text-align: center;
	white-space: nowrap;
}
.page .page-header.frame-01 .title-top .btn-txt-edit {
	margin-left: 6px;
	width: 18px;
	height: 18px;
	background: url("../images/ico-txt-edit.svg") 0px 0px / 100% 100% no-repeat;
	filter: invert(1);
	cursor: pointer;
}
.page .page-header.frame-01 .profile {
	display: flex;
	justify-content: center;
	width: 100%;
	position: relative;
	margin-top: 14px;
}
.page .page-header.frame-01 .profile-img-cover-01 {
	position: absolute;
	top: 0;
	min-width: 78%;
	aspect-ratio : 300 / 380;
	background: url("../images/page_frame/frame-01-cover.png") 0px 0px / 100% 100% no-repeat;
}
.page .page-header.frame-01 .profile-img-cover-02 {
	height: 0;
}
.page .page-header.frame-01 .profile-img {
	display: flex;
	justify-content: center;
	width: 78%;
}
.page .page-header.frame-01 .profile-img img {
	width: 100%;
	aspect-ratio : 300 / 380;
	object-fit: cover;
}
.page .page-header.frame-01 .cont {	
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: calc(100% - 32px); /*16px 좌우 마진 */
	padding: 16px;
	z-index: 10;
}
.page .page-header.frame-01 .cont .title {
	display: flex;
	align-items: center;
}
.page .page-header.frame-01 .cont .title .btn-txt-edit {
	filter: invert(1);
}
.page .page-header.frame-01 .cont .title .btn-txt-add {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #A5A5A5;
	border-radius: 4px;
	border: solid 1px #FFF;
	padding: 6px 8px;
	color: #FFF;
	font-size: 14px;
	font-weight: 500;
	line-height: 14px;
	cursor: pointer;
}
.page .page-header.frame-01 .cont .txt-title {
	display: none;
	font-family: "Alata", sans-serif;
	font-size: 54px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 54px;
}
.page .page-header.frame-01 .cont .sub-title {
	display: flex;
	align-items: center;
	padding: 0 16px 16px 16px;
}
.page .page-header.frame-01 .cont .txt-sub-title {
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	line-height: 20px;
}
.page .page-header.frame-01 .cont .sub-title .btn-txt-edit {
	margin-left: 6px;
	width: 18px;
	height: 18px;
	background: url("../images/ico-txt-edit.svg") 0px 0px / 100% 100% no-repeat;
	filter: invert(1);
	cursor: pointer;
}
.page .page-header.frame-01 .cont .sub-title .btn-txt-add {
	margin-top: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #CCC;
	border-radius: 4px;
	border: solid 1px #FFF;
	padding: 6px 8px;
	color: #FFF;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
	cursor: pointer;
}
.page .page-header.frame-01 .cont .btn-subscribe {
	position: relative;
	display: flex;
	height: 36px;
	padding: 0 16px;
	align-items: center;
	border-radius: 5px;
	vertical-align: middle;
	color: #FFF;
	border: solid 1px #FFF;
	cursor: pointer;
}
.page .page-header.frame-01 .cont .btn-subscribe img {
	width: 18px;
    height: 18px;
    margin-right: 8px;
    margin-left: -4px;
}
.page .page-header.frame-01 .cont .btn-subscribe .txt-btn {	
	font-size: 15px;
	font-weight: 500;
	padding-bottom: 2px;
	line-height: 15px;
}
.page .page-header.frame-01 .btn-mypage {
	position: absolute;
	right: 16px;
	top: 16px;
	width: 28px;
	height: 28px;
	cursor: pointer;
}
.page .page-header.frame-01 .btn-back {
	background: url("../images/header-arrow-back-white.png") 50%/100%;
	cursor: pointer;
}

.page .page-header.frame-01 .cont .btn-layout {
	position: relative;
	display: flex;
	height: 36px;
	padding: 0 16px;
	align-items: center;
	border-radius: 5px;
	vertical-align: middle;
	color: #FFF;
	border: solid 1px #FFF;
	cursor: pointer;
}
.page .page-header.frame-01 .cont .btn-layout img {
	width: 18px;
    height: 18px;
    margin-right: 8px;
    margin-left: -4px;
}
.page .page-header.frame-01 .cont .btn-layout .txt-btn {	
	font-size: 15px;
	font-weight: 500;
	padding-bottom: 2px;
	line-height: 15px;
}
/* END frame-01 스타일 */


/* frame-02 스타일 */
.page .page-header.frame-02 {
	position: relative;
	display: flex;
    align-items: center;
	justify-content: center;
    flex-direction: column;
	color: var(--font-color-white);
}
.page .page-header.frame-02 .bg-img {	
	height: 0px;
}
.page .page-header.frame-02 .bg-img img {
	height: 0px;
}
.page .page-header.frame-02 .txt-title-top {
	display: none;
	height: 0px;
}
.page .page-header.frame-02 .profile {
	display: flex;
	justify-content: center;
	width: 100%;
	position: relative;
	margin-top: 70px;
}
.page .page-header.frame-02 .profile-img-cover-01 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-40%);
    width: 390px;
	aspect-ratio: 848 / 888;
	background: url("../images/page_frame/frame-02-cover.png") 0px 0px / 100% 100% no-repeat;
}
.page .page-header.frame-02 .profile-img-cover-02 {
	height: 0;
}
.page .page-header.frame-02 .profile-img {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 96px;
	width: 250px;
	height: 250px;
	z-index: 5;
}
.page .page-header.frame-02 .profile-img img {
	width: 100%;
	height: 100%;
    clip-path: path('M213.1,6.7c-32.4-14.4-73.7,0-88.1,30.6C110.6,4.9,67.5-9.5,36.9,6.7C2.8,22.9-13.4,62.4,13.5,110.9 C33.3,145.1,67.5,170.3,125,217c59.3-46.7,93.5-71.9,111.5-106.1C263.4,64.2,247.2,22.9,213.1,6.7z');
    object-fit: cover;
    margin: 0;
}
.page .page-header.frame-02 .cont {	
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: calc(100% - 32px); /*16px 좌우 마진 */
	padding: 0 16px;
	z-index: 10;
	margin-bottom: 8px;
}
@font-face {
	font-family: 'frame-02';
	font-style: normal;
	font-weight: normal;
	src: url(font/MapoHongdaeFreedomA.woff) format('woff');
}
.page .page-header.frame-02 .cont .title {
	display: flex;
	align-items: center;
}
.page .page-header.frame-02 .cont .title .btn-txt-add {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #A5A5A5;
	border-radius: 4px;
	border: solid 1px #FFF;
	padding: 6px 8px;
	color: #FFF;
	font-size: 14px;
	font-weight: 500;
	line-height: 14px;
	cursor: pointer;
}
.page .page-header.frame-02 .cont .txt-title {
	font-size: 34px;
	font-weight: 600;
    text-align: center;
	font-family: frame-02;
	line-height: 50px;
	color: var(--page-bg-color);
	white-space: nowrap;
}
.page .page-header.frame-02 .cont .sub-title {
	display: flex;
	align-items: center;
	margin-top: 15px;
	padding: 0 16px 16px 16px;
}
.page .page-header.frame-02 .cont .txt-sub-title {
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	line-height: 20px;
}
.page .page-header.frame-02 .cont .sub-title .btn-txt-edit {
	margin-left: 6px;
	width: 18px;
	height: 18px;
	background: url("../images/ico-txt-edit.svg") 0px 0px / 100% 100% no-repeat;
	cursor: pointer;
}
.page .page-header.frame-02 .cont .sub-title .btn-txt-add {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #CCC;
	border-radius: 4px;
	border: solid 1px #FFF;
	padding: 6px 8px;
	color: #FFF;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
	cursor: pointer;
}
.page .page-header.frame-02 .cont .btn-subscribe {
	position: relative;
	display: flex;
	height: 36px;
	padding: 0 16px;
	align-items: center;
	border-radius: 5px;
	vertical-align: middle;
	color: #FFF;
	border: solid 1px #FFF;
    background-color: var(--page-point1-color);
	cursor: pointer;
}
.page .page-header.frame-02 .cont .btn-subscribe img {
	width: 18px;
    height: 18px;
    margin-right: 8px;
    margin-left: -4px;
}
.page .page-header.frame-02 .cont .btn-subscribe .txt-btn {	
	font-size: 15px;
	font-weight: 500;
	padding-bottom: 2px;
	line-height: 15px;	
}
.page .page-header.frame-02 .btn-mypage {
	position: absolute;
	right: 16px;
	top: 16px;
	width: 28px;
	height: 28px;
	cursor: pointer;
}
.page .page-header.frame-02 .btn-back {
	background: url("../images/header-arrow-back-white.png") 50%/100%;
	cursor: pointer;
}

.page .page-header.frame-02 .cont .btn-layout {
	position: relative;
	display: flex;
	height: 36px;
	padding: 0 16px;
	align-items: center;
	border-radius: 5px;
	vertical-align: middle;
	color: #FFF;
	border: solid 1px #FFF;
    background-color: var(--page-point1-color);
	cursor: pointer;
}
.page .page-header.frame-02 .cont .btn-layout img {
	width: 18px;
    height: 18px;
    margin-right: 8px;
    margin-left: -4px;
}
.page .page-header.frame-02 .cont .btn-layout .txt-btn {	
	font-size: 15px;
	font-weight: 500;
	padding-bottom: 2px;
	line-height: 15px;
}
/* END frame-02 스타일 */

/* dynamic-01 스타일 */
.page .page-header.dynamic-01 {
	display: flex;
    align-items: center;
	justify-content: center;
    flex-direction: column;
	margin-bottom: 10px;
}
.page .page-header.dynamic-01 .bg-img {
	height: 0;
}
.page .page-header.dynamic-01 .bg-img img {
	height: 0;
}
.page .page-header.dynamic-01 .profile {
	position: relative;
}
.page .page-header.dynamic-01 .profile-img-cover-01 {
	height: 0;
}
.page .page-header.dynamic-01 .profile-img-cover-02 {
	height: 0;
}
.page .page-header.dynamic-01 .txt-title-top {
	display: none;
	height: 0px;
}
.page .page-header.dynamic-01 .profile-img {
	margin-top: 48px;
	width: 300px;
	height: 300px;
	z-index: 99;
}
.page .page-header.dynamic-01 .profile-img img {
	width: 100%;
	height: 100%;
	border-radius: 30% 70% 70% 30% / 30% 30% 70% 70% ;
	animation: dynamic-01 10s infinite;
	object-fit: cover;
}
@keyframes dynamic-01 {
	0% {
		border-radius: 36% 64% 65% 35% / 49% 39% 61% 51%;
	}
	25% { 
		border-radius: 50% 50% 55% 45% / 42% 53% 47% 58%;
	}
	50% {
		border-radius: 58% 42% 45% 55% / 46% 47% 53% 54%;
	}
	75% {
		border-radius: 42% 58% 55% 45% / 38% 48% 52% 62%;		
	}
	100% {
		border-radius: 36% 64% 65% 35% / 49% 39% 61% 51%;		
	}
}
.page .page-header.dynamic-01 .cont {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: calc(100% - 32px); /*16px 좌우 마진 */
	padding: 70px 16px 16px 16px;
	margin-top: -60px;
	border-radius: 10px;
}
@font-face {
    font-family: 'dynamic-01';
    src: url(font/GowunDodum-Regular.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

.page .page-header.dynamic-01 .cont .title {
	display: flex;
	align-items: center;
}
.page .page-header.dynamic-01 .cont .title .btn-txt-add {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #A5A5A5;
	border-radius: 4px;
	border: solid 1px #FFF;
	padding: 6px 8px;
	color: #FFF;
	font-size: 14px;
	font-weight: 500;
	line-height: 14px;
	cursor: pointer;
}
.page .page-header.dynamic-01 .cont .txt-title {
	font-size: 48px;
	font-weight: 600;
    text-align: center;
	font-family: dynamic-01;
}
.page .page-header.dynamic-01 .cont .sub-title {
	display: flex;
	align-items: center;
	padding: 4px 16px 16px 12px;
}
.page .page-header.dynamic-01 .cont .txt-sub-title {
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	word-break: keep-all;
}
.page .page-header.dynamic-01 .cont .sub-title .btn-txt-edit {
	margin-left: 6px;
	width: 18px;
	height: 18px;
	background: url("../images/ico-txt-edit.svg") 0px 0px / 100% 100% no-repeat;
	cursor: pointer;
}
.page .page-header.dynamic-01 .cont .sub-title .btn-txt-add {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #CCC;
	border-radius: 4px;
	border: solid 1px #FFF;
	padding: 6px 8px;
	color: #FFF;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
	cursor: pointer;
}
.page .page-header.dynamic-01 .cont .btn-subscribe {
	position: relative;
	display: flex;
	height: 36px;
	padding: 0 16px;
	align-items: center;
	border-radius: 5px;
	vertical-align: middle;
	color: #FFF;
	background-color: var(--page-point1-color);
	cursor: pointer;
}
.page .page-header.dynamic-01 .cont .btn-subscribe img {
	width: 18px;
    height: 18px;
    margin-right: 8px;
    margin-left: -4px;
}
.page .page-header.dynamic-01 .cont .btn-subscribe .txt-btn {	
	font-size: 15px;
	font-weight: 500;
	padding-bottom: 2px;
	line-height: 15px;
}
.page .page-header.dynamic-01 .cont .btn-layout {
	position: relative;
	display: flex;
	height: 36px;
	padding: 0 16px;
	align-items: center;
	border-radius: 5px;
	vertical-align: middle;
	color: #FFF;
	background-color: var(--page-point1-color);
	cursor: pointer;
}
.page .page-header.dynamic-01 .cont .btn-layout img {
	width: 18px;
    height: 18px;
    margin-right: 8px;
    margin-left: -4px;
}
.page .page-header.dynamic-01 .cont .btn-layout .txt-btn {	
	font-size: 15px;
	font-weight: 500;
	padding-bottom: 2px;
	line-height: 15px;
}
/* END dynamic-01 스타일 */


/* clippath-01 스타일 */
.page .page-header.clippath-01 {
	display: flex;
    align-items: center;
	justify-content: center;
    flex-direction: column;
	margin-bottom: 10px;
}
.page .page-header.clippath-01 .bg-img {
	height: 0;
}
.page .page-header.clippath-01 .bg-img img {
	height: 0;
}
.page .page-header.clippath-01 .profile {
	position: relative;
}
.page .page-header.clippath-01 .profile-img-cover-01 {
	height: 0;
}
.page .page-header.clippath-01 .profile-img-cover-02 {
	height: 0;
}
.page .page-header.clippath-01 .txt-title-top {
	display: none;
	height: 0px;
}
.page .page-header.clippath-01 .profile-img {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 48px;
	width: 250px;
	height: 250px;
	z-index: 99;
}
.page .page-header.clippath-01 .profile-img img {
	width: 100%;
	height: 100%;
    clip-path: path('M213.1,6.7c-32.4-14.4-73.7,0-88.1,30.6C110.6,4.9,67.5-9.5,36.9,6.7C2.8,22.9-13.4,62.4,13.5,110.9 C33.3,145.1,67.5,170.3,125,217c59.3-46.7,93.5-71.9,111.5-106.1C263.4,64.2,247.2,22.9,213.1,6.7z');
    object-fit: cover;
    margin: 0;
}
.page .page-header.clippath-01 .cont {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: calc(100% - 32px); /*16px 좌우 마진 */
	padding: 30px 16px 16px 16px;
	margin-top: -60px;
	border-radius: 10px;
}
.page .page-header.clippath-01 .cont .txt-title {
	font-size: 48px;
	font-weight: 600;
    text-align: center;
	font-family: "Nanum Pen Script", cursive;
}
.page .page-header.clippath-01 .cont .txt-sub-title {
	padding: 4px 16px 16px 12px;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	word-break: keep-all;
}
.page .page-header.clippath-01 .cont .btn-subscribe {
	position: relative;
	display: flex;
	height: 36px;
	padding: 0 16px;
	align-items: center;
	border-radius: 5px;
	vertical-align: middle;
	color: #FFF;
	background-color: var(--page-point1-color);
	cursor: pointer;
}
.page .page-header.clippath-01 .cont .btn-subscribe img {
	width: 18px;
    height: 18px;
    margin-right: 8px;
    margin-left: -4px;
}
.page .page-header.clippath-01 .cont .btn-subscribe .txt-btn {	
	font-size: 15px;
	font-weight: 500;
	padding-bottom: 2px;
	line-height: 15px;
}

.page .page-header.clippath-01 .cont .btn-layout {
	position: relative;
	display: flex;
	height: 36px;
	padding: 0 16px;
	align-items: center;
	border-radius: 5px;
	vertical-align: middle;
	color: #FFF;
	background-color: var(--page-point1-color);
	cursor: pointer;
}
.page .page-header.clippath-01 .cont .btn-layout img {
	width: 18px;
    height: 18px;
    margin-right: 8px;
    margin-left: -4px;
}
.page .page-header.clippath-01 .cont .btn-layout .txt-btn {	
	font-size: 15px;
	font-weight: 500;
	padding-bottom: 2px;
	line-height: 15px;
}
/* END clippath-01 스타일 */

/* deco-bg-01 스타일 */
.page .page-header.deco-bg-01 {
	position: relative;
	display: flex;
    align-items: center;
	justify-content: center;
    flex-direction: column;
	color: var(--font-color-offblack);
}
.page .page-header.deco-bg-01 .bg-img {	
	position: absolute;
	top: 0;
	width: 100%;
	min-height: 350px;
}
.page .page-header.deco-bg-01 .bg-img img {
	position: absolute;
	top: 0;
	width: 100%;
}
@font-face {
	font-family: 'deco-bg-01';
	font-style: normal;
	font-weight: normal;
	src: url(font/Room-No-703.woff2) format('woff2');
  }
  
@font-face {
	font-family: 'deco-bg-01';
	font-style: normal;
	font-weight: 400;
	src: url(font/Knewave-Regular.woff2) format('woff2');
	unicode-range: U+0020-007E;
}
.page .page-header.deco-bg-01 .title-top {
	display: flex;
	align-items: center;
	z-index: 10;
	margin-top: 36px;
}
.page .page-header.deco-bg-01 .txt-title-top {
	font-family: deco-bg-01;
	font-size: 64px;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 80px;
	color: var(--font-color-white);
    text-align: center;
}
.page .page-header.deco-bg-01 .title-top .btn-txt-edit {
	margin-left: 12px;
	width: 18px;
	height: 18px;
	background: url("../images/ico-txt-edit.svg") 0px 0px / 100% 100% no-repeat;
	filter: invert(1);
	cursor: pointer;
}
.page .page-header.deco-bg-01 .profile-img-cover-01 {
	height: 0;
}
.page .page-header.deco-bg-01 .profile-img-cover-02 {
	height: 0;
}
.page .page-header.deco-bg-01 .profile {
	z-index: 10;
	margin-top: 8px;
	display: flex;
	justify-content: center;
	width: 100%;
}
.page .page-header.deco-bg-01 .profile-img {
	display: flex;
	justify-content: center;
	width: 60%;
	position: relative;
}
.page .page-header.deco-bg-01 .profile-img img {
	width: 100%;
	aspect-ratio : 240 / 320;
	object-fit: cover;
}
.page .page-header.deco-bg-01 .cont {	
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: calc(100% - 32px); /*16px 좌우 마진 */
	padding: 16px;
}
.page .page-header.deco-bg-01 .cont .title {
	display: flex;
	align-items: center;
}
.page .page-header.deco-bg-01 .cont .title .btn-txt-add {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #A5A5A5;
	border-radius: 4px;
	border: solid 1px #FFF;
	padding: 6px 8px;
	color: #FFF;
	font-size: 14px;
	font-weight: 500;
	line-height: 14px;
	cursor: pointer;
}
.page .page-header.deco-bg-01 .cont .txt-title {
	display: none;
	font-family: "Alata", sans-serif;
	font-size: 54px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 54px;
}
.page .page-header.deco-bg-01 .cont .sub-title {
	display: flex;
	align-items: center;
	padding: 0 16px 16px 16px;
}
.page .page-header.deco-bg-01 .cont .txt-sub-title {
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	line-height: 20px;
}
.page .page-header.deco-bg-01 .cont .sub-title .btn-txt-edit {
	margin-left: 6px;
	width: 18px;
	height: 18px;
	background: url("../images/ico-txt-edit.svg") 0px 0px / 100% 100% no-repeat;
	cursor: pointer;
}
.page .page-header.deco-bg-01 .cont .sub-title .btn-txt-add {
	margin-top: 6px;	
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #CCC;
	border-radius: 4px;
	border: solid 1px #FFF;
	padding: 6px 8px;
	color: #FFF;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
	cursor: pointer;
}
.page .page-header.deco-bg-01 .cont .btn-subscribe {
	position: relative;
	display: flex;
	height: 36px;
	padding: 0 16px;
	align-items: center;
	border-radius: 5px;
	vertical-align: middle;
	color: #FFF;
	background-color: var(--page-point1-color);
	cursor: pointer;
}
.page .page-header.deco-bg-01 .cont .btn-subscribe img {
	width: 18px;
    height: 18px;
    margin-right: 8px;
    margin-left: -4px;
}
.page .page-header.deco-bg-01 .cont .btn-subscribe .txt-btn {	
	font-size: 15px;
	font-weight: 500;
	padding-bottom: 2px;
	line-height: 15px;
}
.page .page-header.deco-bg-01 .btn-mypage {
	position: absolute;
	right: 16px;
	top: 16px;
	width: 28px;
	height: 28px;
	cursor: pointer;
}
.page .page-header.deco-bg-01 .btn-back {
	background: url("../images/header-arrow-back-white.png") 50%/100%;
	cursor: pointer;
}
.page .page-header.deco-bg-01 .cont .btn-layout {
	position: relative;
	display: flex;
	height: 36px;
	padding: 0 16px;
	align-items: center;
	border-radius: 5px;
	vertical-align: middle;
	color: #FFF;
	background-color: var(--page-point1-color);
	cursor: pointer;
}
.page .page-header.deco-bg-01 .cont .btn-layout img {
	width: 18px;
    height: 18px;
    margin-right: 8px;
    margin-left: -4px;
}
.page .page-header.deco-bg-01 .cont .btn-layout .txt-btn {	
	font-size: 15px;
	font-weight: 500;
	padding-bottom: 2px;
	line-height: 15px;
}
/* END deco-bg-01 스타일 */

/* 임직원 판매 */
.page .familysale {
	margin-top: 12px;
	width: calc(100% - 32px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.page .familysale .groupbuy {
	width: 100%;
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	align-items: center;
	justify-content: flex-start;
	border-radius: 30px;
	border: 2px solid var(--page-point1-color);
	background: #161414;
}
.page .familysale .groupbuy .txt-title {
	color: var(--page-point2-color);
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}
.page .familysale .groupbuy .txt-subtitle {
	color: var(--page-point1-color);
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}
.page .familysale .groupbuy .gauge-wrap {
	width: 100%;
	height: 110px;
}
.page .familysale .groupbuy .gauge-base {
	display: flex;
	flex-direction: column;
	position: relative;
	background: var(--page-point2-color);
	width: 100%;
	height: 30px;
	border-radius: 5px;
}
.page .familysale .groupbuy .gauge-base .fill  {
	position: absolute;
	top: 0;
	left: 0;
	background: var(--page-point1-color);
	width: 10px;
	height: 30px;
	border-radius: 5px;
}
.page .familysale .groupbuy .gauge-base .txt-curr-count  {
	z-index: 10;
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	color: var(--page-bg-color);
	font-size: 13px;
	font-weight: 600;
}
.page .familysale .groupbuy .gauge-desc {
	display: flex;
	width: 100%;
}
.page .familysale .groupbuy .gauge-desc-divide {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	text-align: center;
	width: 0;
	border-right: dotted 1px var(--page-point2-color);
}
.page .familysale .groupbuy .gauge-desc-divide .bubble {
	margin-top: 50px;
	padding: 6px;
	min-width: 40px;
	font-size: 13px;
	font-weight: 600;
	color: var(--page-point2-color);
	border: solid 1px var(--page-point2-color);
	border-right: none;
}
.page .familysale .groupbuy .gauge-desc-divide .bubble .txt-desc {
	font-size: 12px;
	font-weight: 500;
}
.page .familysale .groupbuy .gauge-desc-divide .bubble.active {
	background: var(--page-point1-color);
}
.page .familysale .groupbuy .benefit {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.page .familysale .groupbuy .benefit .txt-desc {
	color: var(--page-point2-color);
	font-size: 12px;
	font-weight: 500;
}
.page .familysale .groupbuy .benefit .btn-more {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 86px;
	height: 25px;
	border-radius: 8px;
	border: 1px solid var(--page-point1-color);
	color: var(--page-point1-color);
	font-size: 12px;
	font-weight: 500;
}

/* END 임직원 판매 */


.page .blocks {
	display: flex;
    align-items: center;
    flex-direction: column;

	--block-product-background-color: #FFF;
	--block-product-tag1-color: #252026;
	--block-product-tag2-color: #4690FF;
}	
.box-shadow-default {
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
}

/* 단일상품 - 1:1 카드형 */
.page .blocks .block-1product-card-square {
	width: calc(100% - 32px);
	margin: 10px 0;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	color: var(--font-color-offblack);	
	background-color: var(--block-product-background-color);
	cursor: pointer;
}
.page .blocks .block-1product-card-square .tags {
	z-index: 10;
	position: absolute;
	top: 7px;
	right: 9px;
	color: #fff;
	font-size: 13px;
	line-height: 18px;
}
.page .blocks .block-1product-card-square .tags .tags-wrap {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}
.page .blocks .block-1product-card-square .tags .tag {
	display: inline-flex;
	margin-left: 6px;
	height: 28px;
	padding: 0 16px;
	border-radius: 6px;
	backdrop-filter: blur(2px);
	align-items: center;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
}
.page .blocks .sticker-circle .sticker.color01 {
	background-color: var(--block-product-tag1-color);
	color: #FFF;
}
.page .blocks .sticker-circle .sticker.color02 {
	background-color: var(--block-product-tag2-color);
	color: #FFF;
}
.page .blocks .tags .tag.color01 {
	background-color: var(--block-product-tag1-color);
	color: #FFF;
}
.page .blocks .tags .tag.color02 {
	background-color: var(--block-product-tag2-color);
	color: #FFF;
}
.page .blocks .block-1product-card-square .tags .txt-btn {
	color: #FFF;
}
.page .blocks .block-1product-card-square .img {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
}
.page .blocks .block-1product-card-square .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.page .blocks .block-1product-card-square .cont {
	padding: 15px;
}
.page .blocks .block-1product-card-square .cont .txt-title {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	word-break: keep-all;
	font-size: 16px;
	font-weight: 400;
}
.page .blocks .block-1product-card-square .cont .txt-discount {
	float: left;
	margin-top: 6px;
	margin-right: 8px;
	color: var(--page-point1-color);
	font-size: 21px;
	font-weight: 700;
	line-height: 21px;
}
.page .blocks .block-1product-card-square .cont .txt-price {
	margin-top: 6px;
	margin-left: 8px;
	font-size: 21px;
	font-weight: 700;
	line-height: 21px;
}
.page .blocks .block-1product-card-square .cont .tag-status {
	position: absolute;
   	right: 0;
	bottom: 10px;
	display: flex;
    width: fit-content;
	height: 28px;
	padding: 8px 10px;
	margin-right: 8px;
	justify-content: center;
	align-items: center;
	color: #FF2525;
	font-size: 14px;
	font-weight: 500;
	border-radius: 6px;
	background: rgba(255, 37, 37, 0.10);
}
.page .blocks .block-1product-card-square .cont .tag-extra-discount {
	display: flex;
    width: fit-content;
	height: 28px;
	padding: 8px 10px;
	margin-bottom: 4px;
	justify-content: center;
	align-items: center;
	color: var(--font-color-white);
	font-size: 14px;
	font-weight: 500;
	border-radius: 6px;
	background: var(--page-point1-color);
}

/* 단일상품 - 16:9 카드형 */
.page .blocks .block-1product-card-landscape {
	width: calc(100% - 32px);
	margin: 10px 0;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	color: var(--font-color-offblack);	
	background-color: var(--block-product-background-color);
	cursor: pointer;
}
.page .blocks .block-1product-card-landscape .tags {
	position: absolute;
	top: 7px;
	right: 9px;
	color: #fff;
	font-size: 13px;
	line-height: 18px;
}
.page .blocks .block-1product-card-landscape .tags .tags-wrap {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}
.page .blocks .block-1product-card-landscape .tags .tag {
	display: inline-flex;
	margin-left: 6px;
	height: 28px;
	padding: 0 16px;
	border-radius: 6px;
	backdrop-filter: blur(2px);
	align-items: center;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
}
.page .blocks .block-1product-card-landscape .tags .txt-btn {
	color: #FFF;
}
.page .blocks .block-1product-card-landscape .img img {
	display: block;
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
}
.page .blocks .block-1product-card-landscape .cont {
	padding: 15px;
}
.page .blocks .block-1product-card-landscape .cont .txt-title {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	word-break: keep-all;
	font-size: 16px;
	font-weight: 400;
}
.page .blocks .block-1product-card-landscape .cont .txt-discount {
	float: left;
	margin-top: 6px;
	margin-right: 8px;
	color: var(--page-point1-color);
	font-size: 21px;
	font-weight: 700;
	line-height: 21px;
}
.page .blocks .block-1product-card-landscape .cont .txt-price {
	margin-top: 6px;
	margin-left: 8px;
	font-size: 21px;
	font-weight: 700;
	line-height: 21px;
}
.page .blocks .block-1product-card-landscape .cont .tag-status {
	position: absolute;
    right: 0;
	bottom: 10px;
	display: flex;
    width: fit-content;
	height: 28px;
	padding: 8px 10px;
	margin-right: 8px;
	justify-content: center;
	align-items: center;
	color: #FF2525;
	font-size: 14px;
	font-weight: 500;
	border-radius: 6px;
	background: rgba(255, 37, 37, 0.10);
}
.page .blocks .block-1product-card-landscape .cont .tag-extra-discount {
	display: flex;
    width: fit-content;
	height: 28px;
	padding: 8px 10px;
	margin-bottom: 4px;
	justify-content: center;
	align-items: center;
	color: var(--font-color-white);
	font-size: 14px;
	font-weight: 500;
	border-radius: 6px;
	background: var(--page-point1-color);
}

/* 단일상품 - 3:4 이미지형 */
.page .blocks .block-1product-image-portrait {
	width: calc(100% - 32px);
	aspect-ratio: 3/4;
	border-radius: 10px;
	margin: 10px 0;
	position: relative;
	float: left;	
	overflow: hidden;
	background-color: var(--block-product-background-color);
	cursor: pointer;
}
.page .blocks .block-1product-image-portrait::after {
	display: block;
	position: relative;
	background-image: linear-gradient(to bottom, transparent 0%, black 100%);
	opacity: 0.5;
	margin-top: -150px;
	height: 150px;
	width: 100%;
	content: '';
}
.page .blocks .block-1product-image-portrait .sticker-circle {
	z-index: 10;
	position: absolute;
	top: 16px;
	left: 16px;
	color: #fff;
	font-size: 13px;
	line-height: 18px;
}
.page .blocks .block-1product-image-portrait .sticker-circle .sticker {
	display: inline-flex;
	height: 64px;
	width: 64px;
	padding: 0 16px;
	border-radius: 32px;
	backdrop-filter: blur(2px);
	align-items: center;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
}
.page .blocks .block-1product-image-portrait .tags {
	z-index: 10;
	position: absolute;
	top: 7px;
	right: 9px;
	color: #fff;
	font-size: 13px;
	line-height: 18px;
}
.page .blocks .block-1product-image-portrait .tags .tags-wrap {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}
.page .blocks .block-1product-image-portrait .tags .tag {
	display: inline-flex;
	margin-left: 6px;
	height: 28px;
	padding: 0 16px;
	border-radius: 6px;
	backdrop-filter: blur(2px);
	align-items: center;
	color: #FFF;
	font-size: 16px;
	font-weight: 700;
}
.page .blocks .block-1product-image-portrait .tags .txt-btn {
	color: #FFF;
}
.page .blocks .block-1product-image-portrait .img img {
	width: 100%;
	aspect-ratio: 3/4;
	object-fit: cover;
}
.page .blocks .block-1product-image-portrait .cont {
	z-index: 10;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 24px;	
	display: flex;
	align-items: center;
}
.page .blocks .block-1product-image-portrait .cont .txt-title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: keep-all;
	font-size: 16px;
	font-weight: 400;	
	color: var(--font-color-white);
}
.page .blocks .block-1product-image-portrait .cont .txt-price {
	margin-left: 8px;
	width: 100%;
	text-align: right;
	font-size: 22px;
	font-weight: 700;
	line-height: 22px;
	color: var(--font-color-white);
}
.page .blocks .block-1product-image-portrait .cont .txt-discount { /*미사용*/
	float: left;
	margin-top: 6px;
	margin-right: 8px;
	font-size: 22px;
	font-weight: 700;	
	line-height: 22px;
	color: var(--font-color-white);
}
.page .blocks .block-1product-image-portrait .cont .tag-status {
	position: absolute;
    bottom: 78px;
	display: flex;
    white-space: nowrap;
	height: 28px;
	padding: 8px 10px;
	margin-right: 8px;
	justify-content: center;
	align-items: center;
	color: #FF2525;
	font-size: 14px;
	font-weight: 500;
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.3);
}
.page .blocks .block-1product-image-portrait .cont .tag-extra-discount {
	position: absolute;
    bottom: 78px;
	display: flex;
    white-space: nowrap;
	height: 28px;
	padding: 8px 10px;
	margin-right: 8px;
	justify-content: center;
	align-items: center;
	color: var(--font-color-white);
	font-size: 14px;
	font-weight: 500;
	border-radius: 6px;
	background: var(--page-point1-color);
	border: solid 1px #FFF;
}

/* 단일상품 - 4:3 이미지형 */
.page .blocks .block-1product-image-landscape {
	width: calc(100% - 32px);
	aspect-ratio: 4/3;
	border-radius: 10px;
	margin: 10px 0;
	position: relative;
	float: left;	
	overflow: hidden;
	background-color: var(--block-product-background-color);
	cursor: pointer;
}
.page .blocks .block-1product-image-landscape::after {
	display: block;
	position: relative;
	background-image: linear-gradient(to bottom, transparent 0%, black 100%);
	opacity: 0.7;
	margin-top: -200px;
	height: 200px;
	width: 100%;
	content: '';
}
.page .blocks .block-1product-image-landscape .sticker-circle {
	z-index: 10;
	position: absolute;
	top: 16px;
	left: 16px;
	color: #fff;
	font-size: 13px;
	line-height: 18px;
}
.page .blocks .block-1product-image-landscape .sticker-circle .sticker {
	display: inline-flex;
	height: 64px;
	width: 64px;
	padding: 0 16px;
	border-radius: 32px;
	backdrop-filter: blur(2px);
	align-items: center;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
}
.page .blocks .block-1product-image-landscape .tags {
	z-index: 10;
	position: absolute;
	top: 7px;
	right: 9px;
	color: #fff;
	font-size: 13px;
	line-height: 18px;
}
.page .blocks .block-1product-image-landscape .tags .tags-wrap {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}
.page .blocks .block-1product-image-landscape .tags .tag {
	display: inline-flex;
	margin-left: 6px;
	height: 28px;
	padding: 0 16px;
	border-radius: 6px;
	backdrop-filter: blur(2px);
	align-items: center;
	color: #FFF;
	font-size: 16px;
	font-weight: 700;
}
.page .blocks .block-1product-image-landscape .tags .txt-btn {
	color: #FFF;
}
.page .blocks .block-1product-image-landscape .img img {
	width: 100%;
	aspect-ratio: 4/3;
	object-fit: cover;
}
.page .blocks .block-1product-image-landscape .cont {
	z-index: 10;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 24px;	
	display: flex;
	align-items: center;
}
.page .blocks .block-1product-image-landscape .cont .txt-title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: keep-all;
	font-size: 16px;
	font-weight: 400;	
	color: var(--font-color-white);
}
.page .blocks .block-1product-image-landscape .cont .txt-price {
	margin-left: 8px;
	min-width: 100px;
    width: 100%;
	text-align: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 21px;
	color: var(--font-color-white);
}
.page .blocks .block-1product-image-landscape .cont .txt-discount { /*미사용*/
	float: left;
	margin-top: 6px;
	margin-right: 8px;
	font-size: 21px;
	font-weight: 700;	
	line-height: 21px;
	color: var(--font-color-white);
}
.page .blocks .block-1product-image-landscape .cont .tag-status {
	position: absolute;
    bottom: 56px;
	display: flex;
    white-space: nowrap;
	height: 28px;
	padding: 8px 10px;
	margin-right: 8px;
	justify-content: center;
	align-items: center;
	color: #FF2525;
	font-size: 14px;
	font-weight: 500;
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.3);
}
.page .blocks .block-1product-image-landscape .cont .tag-extra-discount {
	position: absolute;
    bottom: 56px;
	display: flex;
    white-space: nowrap;
	height: 28px;
	padding: 8px 10px;
	margin-right: 8px;
	justify-content: center;
	align-items: center;
	color: var(--font-color-white);
	font-size: 14px;
	font-weight: 500;
	border-radius: 6px;
	background: var(--page-point1-color);
	border: solid 1px #FFF;
}


/* 단일상품 - 리스트형 */
.page .blocks .block-1product-list-default {
	width: calc(100% - 32px);
	margin: 10px 0;
	padding: 16px;
	position: relative;
	border-radius: 10px;
	color: var(--font-color-offblack);	
	background-color: var(--block-product-background-color);
	cursor: pointer;
}
.page .blocks .block-1product-list-default .tags {
	display: none; /*임시*/
	position: absolute;
	top: 7px;
	right: 9px;
	color: #fff;
	font-size: 13px;
	line-height: 18px;
}
.page .blocks .block-1product-list-default .tags .tags-wrap {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}
.page .blocks .block-1product-list-default .tags .tag {
	display: inline-flex;
	margin-left: 6px;
	height: 28px;
	padding: 0 16px;
	border-radius: 6px;
	backdrop-filter: blur(2px);
	align-items: center;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
}
.page .blocks .block-1product-list-default .tags .txt-btn {
	color: #FFF;
}
.page .blocks .block-1product-list-default .img img {
	width: 88px;
	height: 88px;
	border-radius: 10px;
	object-fit: cover;
	float: left;
}
.page .blocks .block-1product-list-default .cont {
	padding: 10px 15px;
}
.page .blocks .block-1product-list-default .price-info {
	padding-left:16px;
	display: flex;
	align-items: center;
}
.page .blocks .block-1product-list-default .cont .txt-title {
	padding-left:16px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: keep-all;
	font-size: 16px;
	font-weight: 400;	
}
.page .blocks .block-1product-list-default .cont .txt-discount {
	float: left;
	color: var(--page-point-color);
	font-size: 21px;
	font-weight: 700;
	line-height: 21px;
}
.page .blocks .block-1product-list-default .cont .txt-price {
	margin-left: 8px;
	font-size: 21px;
	font-weight: 700;
	line-height: 21px;
}
.page .blocks .block-1product-list-default .cont .tag-status {
	display: flex;
    left: 16px;
    position: relative;
    width: fit-content;
	height: 28px;
	padding: 8px 10px;
	margin-right: 8px;
	justify-content: center;
	align-items: center;
	color: #FF2525;
	font-size: 14px;
	font-weight: 500;
	border-radius: 6px;
	background: rgba(255, 37, 37, 0.10);
}

/* 다중상품 - 16:9 카드형 */
.page .blocks .block-Nproduct-list-default {
	width: calc(100% - 32px);
	margin: 10px 0;
	position: relative;
	border-radius: 10px;
	color: var(--font-color-offblack);	
	background-color: var(--block-product-background-color);
	cursor: pointer;
}
.page .blocks .block-Nproduct-list-default .cover {
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	background: rgba(0, 0, 0, 0.5);
}
.page .blocks .block-Nproduct-list-default .product-info {
	display: flex;
	align-items: center;
	padding: 16px;
}
.page .blocks .block-Nproduct-list-default .product-info.highlight {
	position: relative;
	z-index: 10; 
	background-color:#FFF; 
	color: var(--font-color-offblack);	
} 
.page .blocks .block-Nproduct-list-default .product-info.highlight.top-round {	
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
} 
.page .blocks .block-Nproduct-list-default .product-info.highlight.bottom-round {	
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
} 
.page .blocks .block-Nproduct-list-default .product-info:not(:last-child){	
	border-bottom: 1px solid #CCC;
}
.page .blocks .block-Nproduct-list-default .product-info .img img {
	width: 88px;
	height: 88px;
	min-width: 88px;
	min-height: 88px;
	border-radius: 10px;
	object-fit: cover;
	float: left;
}
.page .blocks .block-Nproduct-list-default .product-info .cont {
	display: flex;
	flex-direction: column;
	padding-left: 16px;
}
.page .blocks .block-Nproduct-list-default .product-info .cont .tags {
	display: none; /*임시*/
	margin-bottom: 6px;
	color: #fff;
	font-size: 13px;
	line-height: 18px;
	display: flex;
	align-items: center;
}
.page .blocks .block-Nproduct-list-default .product-info .cont .tags .tags-wrap {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}
.page .blocks .block-Nproduct-list-default .product-info .cont .tags .tag {
	display: inline-flex;
	height: 28px;
	margin-left: 0;
	margin-right: 6px;
	padding: 0 16px;
	border-radius: 6px;
	backdrop-filter: blur(2px);
	align-items: center;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
}
.page .blocks .block-Nproduct-list-default .product-info .cont .tags .tag.round {	
	border-radius: 14px;
}
.page .blocks .block-Nproduct-list-default .product-info .cont .tags .txt-btn {
	color: #FFF;
}
.page .blocks .block-Nproduct-list-default .product-info .cont .txt-title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: keep-all;
	font-size: 16px;
	font-weight: 400;	
}
.page .blocks .block-Nproduct-list-default .product-info .cont .price-info {
	display: flex;
	align-items: center;
	margin-top: 4px;
}

.page .blocks .block-Nproduct-list-default .product-info .cont .price-info .txt-discount {
	float: left;
	color: var(--page-point1-color);
	font-size: 21px;
	font-weight: 700;
	line-height: 21px;
	margin-right: 8px;
}
.page .blocks .block-Nproduct-list-default .product-info .cont .price-info .txt-price {
	display: block;
	margin-left: 8px;
	font-size: 21px;
	font-weight: 700;
	line-height: 21px;
}
.page .blocks .block-Nproduct-list-default .cont .tag-status {
	display: flex;
	margin-bottom: 4px;
	height: 28px;
	width: fit-content;
	padding: 8px 10px;
	margin-right: 8px;
	justify-content: center;
	align-items: center;
	color: #FF2525;
	font-size: 14px;
	font-weight: 500;
	border-radius: 6px;
	background: rgba(255, 37, 37, 0.10);
}
.page .blocks .block-Nproduct-list-default .cont .tag-extra-discount {
	display: flex;
    width: fit-content;
	height: 28px;
	padding: 8px 10px;
	margin-bottom: 4px;
	justify-content: center;
	align-items: center;
	color: var(--font-color-white);
	font-size: 14px;
	font-weight: 500;
	border-radius: 6px;
	background: var(--page-point1-color);
}
.page .blocks .block-image {
	margin: 10px 0;
	width: calc(100% - 32px);
}
.page .blocks .block-clip {
	margin: 10px 0;
	width: calc(100% - 32px);
}
.page .blocks .block-clip .video {
	position: relative;
}
.page .blocks .block-clip .video .youtube-layer-l {
	position: absolute;
	left: 0;
	top: 40px;
	width: 35%;
	height: calc(100% - 110px);
	z-index: 10;
}
.page .blocks .block-clip .video .youtube-layer-r {
	position: absolute;
	right: 40px;
	top: 40px;
	width: 25%;
	height: calc(100% - 110px);
	z-index: 10;
}

.page .blocks .block-sns {
	margin: 10px 0;
}

.page .blocks .block-divider {
	margin: 10px 0;
}

.product-modal {
	z-index: 100;
	display: none;
	flex-direction: column;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-bottom: 100px;
	overflow-y: auto;
	background-color: #FFF;
	animation-name: showUp;
    animation-duration: 0.4s;
    animation-delay: 0s;
}
@keyframes showUp {
    from {
        width: 100%;
        height: 0%;
        top: 100%;
        position: absolute;
    }
    to {
        width: 100%;
        height: 100%;
        top: 0%;
        position: absolute;
    }
}
.product-modal .cont {
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100%;
	height: 100%;
	padding-top: 48px;
}
.product-modal .cont .multiple-nav {
	display: flex;
	padding: 16px;
	gap: 8px;
	background-color: #EEE;
}
.product-modal .cont .multiple-nav .nav-product {
	position: relative;
	display: flex;
	background-color: #FFF;
	width: 90px;
}
.product-modal .cont .multiple-nav .nav-product .img-product {
	width: 100%;
}
.product-modal .cont .multiple-nav .nav-product img {
	width: 100%;
	object-fit: cover;
	display: block;
}
.product-modal .cont .multiple-nav .nav-product .txt-title {
    z-index: 10;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 18px;
    padding: 3px;
    background-color: #00000070;
    color: #FFF;
    font-size: 11px;
    line-height: 11px;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}
.product-modal .cont .multiple-nav .nav-product .tag-status {
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	padding: 4px;
	background-color: var(--font-color-offblack);
	color: #FFF;
	font-size: 12px;
	line-height: 12px;
	font-weight: 500;
	overflow: hidden;
	width: 100%;
}
.product-modal .cont .multiple-nav .nav-product.selected {
	outline: solid 3px var(--page-point1-color);
}
.product-modal .cont .gallery {
	width: 100%;	
}
.product-modal .cont .gallery img {
	object-fit: cover;
}
.product-modal .cont .desc {
	padding: 16px;
}
.product-modal .cont .desc .txt-title {
	font-size: 16px;
	font-weight: 500;
}
.product-modal .cont .desc .txt-sub {
	margin-top: 6px;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}
.product-modal .cont .desc .price {
	display: flex;
	margin-top: 6px;
}
.product-modal .cont .desc .price .txt-discount {
	color: var(--page-point1-color);
	font-size: 26px;
	font-weight: 500;
}
.product-modal .cont .desc .price .txt-discount .before {
	text-decoration: line-through;
	font-weight: 300;
}
.product-modal .cont .desc .price .txt-price {
	margin-left: 6px;
	font-size: 26px;
	font-weight: 700;
}
.product-modal .cont .desc .tag-delivery {
	position: absolute;
	right: 16px;
	bottom: 21px;
	padding: 6px 8px;
	border-radius: 6px;
	background-color: var(--page-point2-color);
	color:#FFF;
	font-size: 12px;
	line-height: 12px;
}
.product-modal .fixed-bottom {
	z-index: 100;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
    width: 100%;
	max-width: var(--max-screen-width);	
	padding: 0 16px;
	bottom: 0px;	
	margin-bottom: 16px;
}
.product-modal .fixed-bottom-btn-top {
	z-index: 100;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	width: 48px;
	height: 48px;
	border-radius: 28px;
	border: solid 1px #FFF;
	background-color: #A5A5A5;
	padding: 12px;
	bottom: 68px;	
	right: 20px;
}
.product-modal .btn-fixed-bottom {
	display: flex;
	width: calc(100% - 66px);
	height: 56px;
	justify-content: center;
    align-items: center;
	border-radius: 10px;
	background: #000;	
	border: solid 1px #FFF;
	cursor: pointer;
}
.product-modal .btn-fixed-bottom.disabled {
	background: #CCC;
	color: #000;
	font-weight: 500;
}
.product-modal .btn-fixed-bottom:active {
	transform: scale(0.98);
}
.product-modal .txt-btn-buy {
	width: 100%;
	color: #FFF;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
}
.product-modal .btn-gift {
	display: flex;
	width: 56px;
	height: 56px;
	justify-content: center;
    align-items: center;
	border-radius: 10px;
	background: #000;	
	border: solid 1px #FFF;
	cursor: pointer;
}
.product-modal .btn-gift.disabled {
	background: #CCC;
	font-weight: 500;
}
.product-modal .btn-gift i {
	color: #FFF;
}

.tab-default {
	display: flex;
	padding: 0 16px;
	background: #FFF;
	border-bottom: #D9D9D9 solid 1px;
	margin-top: 20px;
}
.tab-default.margin-sm {
	margin-top: 10px;
}
.tab-default.padding-sm {
	padding: 0 8px;
}
.tab-default-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 40px;
	padding-bottom: 2px;
	text-align: center;
	cursor: pointer;
}
.tab-default-btn .txt-btn-tab {
	font-weight: 500;
	font-size: 16px;
	color: #CFCFCF;
}
.tab-default-btn.active {
	border-bottom: #010101 solid 2px;
}
.tab-default-btn.active .txt-btn-tab {
	font-size: 16px;
	font-weight: 700;
	color: #010101;
}
.tab-default-btn.option-tab.active {
	border-bottom: #375FFE solid 2px;
}
.tab-default-btn.option-tab.active .txt-btn-tab {
	color: #375FFE;
}

.product-tab-cont {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 0 16px 120px 16px;
}
.product-tab-cont.v-padding.bottom-only {	
	padding: 0 0 120px 0;
}
.product-tab-cont img {
	width: 100%;
	object-fit: cover;
	vertical-align: middle;
}
.product-tab-cont table {
	margin-top: 30px;
	border-collapse: collapse;
	border-top: 1px solid #A5A5A5;
}
.product-tab-cont.table-no-border table {
	border: none;
	margin: 0;
}
.product-tab-cont.table-no-border table td {
	border: none;
	margin: 0;
}  
  
  /* 테이블 행 */
.product-tab-cont th, td {
	padding: 8px 12px;
	text-align: left;
	border-bottom: 1px solid #A5A5A5;
	padding: 10px 6px !important;
}
.product-tab-cont td.center {	
	text-align: center;
}
/* 테이블 비율 */
.product-tab-cont th:nth-child(1),
		td:nth-child(1) {
	background-color: #F5F5F5;
	width: 30%;
	font-size: 15px;
	font-weight: 500;
}  
.product-tab-cont th:nth-child(2),
		td:nth-child(2) {
	color: #797979;
	font-size: 15px;
	font-weight: 500;
}  

.product-tab-cont .txt-title {
	margin-top: 30px;
	font-size: 15px;
	font-weight: 700;
}
.product-tab-cont ul {
	margin-top: 12px;
	list-style-position: outside;
	list-style-type: disc;
	padding-left: 24px;
}
.product-tab-cont ul li {
	color: #767676;
	font-size: 16px;
	font-weight: 400;
}

.page .blocks .block-text {
	margin: 10px 0;
}
.page .blocks .block-text .txt-title {
	padding: 4px;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}
.page .blocks .block-text .txt-desc {
	padding: 8px 12px;
	text-align: center;
	font-size: 15px;
	font-weight: 400;
}
.page .blocks .block-kakao {
	margin: 10px 20px;
	display: flex;
    align-items: center;
    position: relative;
	border-radius: 10px;
	padding: 10px;
	overflow: hidden;
	background: #FFE86D;
}
.page .blocks .block-kakao .img-channel {
	position: relative;
    width: 84px;
    height: 84px;
}
.page .blocks .block-kakao .img-channel img {
	width: 100%;
	object-fit: cover;
    border-radius: 8px;
}
.page .blocks .block-kakao .cont {
    width: 75%;
    margin-left: 10px;
}
.page .blocks .block-kakao .cont::before {
	content: "";
	display: inline-block;
	background-image: url("../images/ico-kakao-channel.png");
	background-size: 21px 21px;
	width: 21px;
	height: 21px;
	vertical-align: middle;
}
.page .blocks .block-kakao .cont .tag {
	display: inline-flex;
	margin-left: 4px;
	height: 22px;
	padding: 0 12px;
	border-radius: 4px;
	background: #252026;
	backdrop-filter: blur(2px);
	align-items: center;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
}
.page .blocks .block-kakao .cont .txt-desc {
	margin-top: 10px;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
}
.page .blocks .block-footer {
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100%;
	margin-top: 30px;
	padding: 20px;
	text-align: center;
	align-items: center;
}
.page .blocks .block-footer .txt-title {
	font-size: 16px;
	font-weight: 700;
	line-height: 16px;
}
.page .blocks .block-footer .txt-deco {
	position: absolute;
	bottom: 44px;
	left: 50%;
	transform: translateX(20px);
	font-family: "Damion", cursive;
	color: #375FFE;
	font-size: 12px;
	font-weight: 500;
}
.page .blocks .block-footer .txt-desc {
	margin-top: 8px;
	font-size: 14px;
	font-weight: 400;
	line-height: 14px;
}
.page .blocks .block-footer .btn-make {
	margin-top: 10px;
	width: 108px;
	display: flex;
	padding: 4px 6px;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	border: 1px solid #CCC;	
	background: #FFFFFF50;
	font-size: 12px;
	line-height: 12px;
	font-weight: 500;
}


/* Main */
.main {
	overflow: auto;
}
.main .page-header {
	position: relative;
}
.main .page-header .btn-back {
	z-index: 100;
	position: absolute;
	left: 16px;
	top: 16px;
	width: 24px;
	height: 24px;
	background: url("../images/header-arrow-back-black.png") 50%/100%;
	cursor: pointer;
}
.main .page-header .logo {
	z-index: 100;
	position: absolute;
	left: 24px;
	top: 16px;
	cursor: pointer;
	font-size: 22px;
	font-weight: 700;
}
.main .page-header .logo-divider {
    position: absolute;
    left: 84px;
    top: 29px;
    color: #A5A5A5;
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
}
.main .page-header .logo-sub-title {
    position: absolute;
    left: 94px;
    top: 28px;
    color: #A5A5A5;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
}
.main .page-header .btn-mypage {	
	z-index: 100;
	position: absolute;
	right: 16px;
	top: 16px;
	width: 28px;
	height: 28px;
	background: url("../images/ico-page-mypage.svg") 0px 0px / 100% 100% no-repeat;
	cursor: pointer;
}
.main .page-header .cont {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
    padding: 86px 16px 26px 24px;
    border-radius: 10px;
}
.main .page-header .cont .txt-title {
	font-size: 32px;
	font-weight: 700;
	word-break: keep-all;
}
.main .page-header .cont .txt-title.highlight {
	font-size: 32;
	font-weight: 700;
	word-break: keep-all;
}
.main .page-header .cont .txt-title .underline {
	text-decoration: underline;
	text-underline-offset: 6px;
}
.main .page-header .cont .txt-deco {
	position: absolute;
	top: 58px;
	left: 50%;
	transform: translateX(36px);
	font-family: "Damion", cursive;
	color: #375FFE;
	font-size: 18px;
	font-weight: 500;
}
.main .page-header .cont .txt-sub-title {
	padding: 4px 16px 16px 12px;
	color: #A5A5A5;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	word-break: keep-all;
	line-height: 20px;
}
.main .page-header .cont .txt-desc {
	padding: 12px;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	word-break: keep-all;	
	line-height: 30px;
}
.main .domain {
	padding: 28px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #375FFE20;
}
.main .domain.sub {
    background-color: #A5A5A5;
}
.main .domain .txt-sub-title {
	padding: 4px 16px 18px 12px;
    color: #353535;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    word-break: keep-all;
    line-height: 24px;
}
.main .domain .txt-sub-title.sub {
    color: #FFF;
	font-weight: 500;
}
.main .domain .input-domain {
    display: flex;
    align-items: center;
    height: 50px;
    width: 280px;
    border: solid 1px #FFF;
    padding: 16px;
    background-color: #FFF;
}
.main .domain .input-domain .prefix {
	width: 80px;
	font-size: 18px;
	line-height: 18px;
	color: #000;
}
.main .domain .input-domain input {
	width: 100%;
	padding: 0 6px;
	font-family: "Noto Sans KR", sans-serif;
	font-size: 20px;
	padding-bottom: 4px;
	color: #375FFE;
	font-weight: 500;
}
.main .domain .input-domain input::placeholder {
	font-size: 14px;
	padding-bottom: 4px;
	font-weight: 400;
	color: #A5A5A5;
	font-family: "Noto Sans KR", sans-serif;
}
.main .domain .btn-check {
    margin-top: 18px;
    display: flex;
    width: 160px;
    max-width: 300px;
    height: 46px;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    background: #375FFE;
    color: #FFF;
    font-weight: 500;
    cursor: pointer;
}
.main .domain .btn-check.sub {
	 background: #303c5d;
}
.main .gallery {
	padding: 30px 10px 20px 10px;
}
.main .gallery .txt-title {
	padding: 4px 16px 18px 12px;
    color: #353535;
    text-align: center;
    word-break: keep-all;
}
.main .content {
	padding: 36px 16px;
	text-align: center;
	height: auto;
	background-color: #303c5d;
	color: #FFF;
}
.main .content .block {
	padding: 26px 16px;
	text-align: center;
	height: auto;
}
.main .content i {	
	color: #FFF;
}
.main .content h2 {	
	color: #FFF;
}
.main .content .txt-desc {
	padding: 12px;
	font-size: 18px;
	font-weight: 400;
	word-break: keep-all;
	line-height: 30px;
}
.main .content .txt-email {
	padding-top: 6px;
	color: #A5A5A5;
	font-size: 18px;
	font-weight: 400;
	word-break: keep-all;
	line-height: 30px;
}
.main .subscribe {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 36px 12px 0 12px;
	padding: 24px;
	background-color: #353535;
	color: #FFF;
	border-radius: 10px;
	text-align: center;
	height: auto;
}
.main .subscribe.bg-white {
	margin-top: 0;
	padding-top: 30px;
	background-color: #FFF;
	color: #FFF;
}
.main .subscribe .txt-title {
	font-size: 20px;
	font-weight: 700;
}
.main .subscribe .txt-desc {
	margin-top: 12px;
	font-size: 15px;
	font-weight: 400;
	word-break: keep-all;
	line-height: 26px;
	padding: 0;
}
.main .subscribe .input-email {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 16px 0;
	width: 100%;
	max-width: 300px;
	height: 50px;
	background-color: #FFF;
	color: #353535;
	border-radius: 10px;
}
.main .subscribe .input-email .txt-input {
	width: 100%;
	padding: 0 16px;
	font-family: "Noto Sans KR", sans-serif;
	font-size: 20px;
	padding-bottom: 4px;
	text-align: center;
}
.main .subscribe .input-email input::placeholder {
	font-size: 20px;
	padding-bottom: 4px;
	font-weight: 400;
	color: #A5A5A5;
	font-family: "Noto Sans KR", sans-serif;
}
.main .subscribe .btn-subscribe {
	display: flex;
	width: 100%;
	max-width: 300px;
	height: 46px;
	justify-content: center;
    align-items: center;
	border-radius: 10px;
	background: #375FFE;	
	cursor: pointer;
}
.main .main-footer {
	padding-top: 30px;
	width: 100%;
	padding: 30px;
	background-color: #F5F5F5;
}
.main .main-footer .txt-title {
	font-size: 18px;
	font-weight: 700;
	line-height: 16px;
	/* border-top: solid 1px #CCC; */
	padding-top: 8px;
}
.main .main-footer .txt-desc {
	margin-top: 14px;
	color: #767676;
	font-size: 15px;
	font-weight: 400;
	line-height: 26px;
}


/* Gift Card */
.gift-card {
	overflow: auto;
}
.gift-card .page-header {
	position: relative;
}
.gift-card .page-header .btn-mypage {	
	z-index: 100;
	position: absolute;
	right: 16px;
	top: 16px;
	width: 28px;
	height: 28px;
	background: url("../images/ico-page-mypage.svg") 0px 0px / 100% 100% no-repeat;
	cursor: pointer;
}
.gift-card .page-header .cont {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 36px 16px 8px 16px;
	border-radius: 10px;
}
.gift-card .page-header .cont .txt-title {
	font-size: 28px;
	font-weight: 700;
}
.gift-card .page-header .cont .txt-sub-title {
	padding: 8px;
	color: #A5A5A5;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	word-break: keep-all;
	line-height: 20px;
}
.gift-card .content {
	padding: 16px;
	text-align: center;
	height: auto;
	background-color: #F5F5F5;
}
.gift-card .content.bg-white {
	background-color: #FFF;
}
.gift-card .content i {	
	color: #375FFE;
}
.gift-card .content h2 {	
	color: #375FFE;
}
.gift-card .content .txt-desc {
	margin-bottom: 12px;
	padding: 12px;
	font-size: 18px;
	font-weight: 400;
	word-break: keep-all;
	line-height: 30px;
}
.gift-card .content .txt-email {
	padding-top: 6px;
	color: #A5A5A5;
	font-size: 18px;
	font-weight: 400;
	word-break: keep-all;
	line-height: 30px;
}
.gift-card .content .cont {
	text-align: left;
}

.gift-card .order-wrap {
	padding: 8px;
}
.gift-card .order-wrap.no-padding {
	padding: 0;
}
.gift-card .order-wrap .order .info {
	display: flex;
	align-items: flex-start;
	padding: 12px;	
	min-height: 64px;
}
.gift-card .order-wrap .order:not(:last-child){	
	border-bottom: solid 1px #EEE;
}
.gift-card .order-wrap .order .info .img-preview {
	width: 80px;
	height: 80px;
	min-width: 80px;
	min-height: 80px;
}
.gift-card .order-wrap .order .info .img-preview.active {
	width: 102px;
	height: 102px;
	min-width: 102px;
	min-height: 102px;
}
.gift-card .order-wrap .order .info .img-preview img {
	width: 100%;
    height: 100%;
	object-fit: cover;
	border-radius: 2px;
}
.gift-card .order-wrap .order .info .img-preview.no-image {
	border: 1px solid #A5A5A5;	
	border-style: dashed;
	border-radius: 2px;
	background-color: #EEE;
}
.gift-card .order-wrap .order .info .txt-cont {
	height:100%;
	width: calc(100% - 96px);
    margin-left: 16px;
}
.gift-card .order-wrap .order .info .txt-cont .txt-brand {
	color: #A5A5A5;
	font-size: 12px;
	font-weight: 400;
	line-height: 12px;
	margin-bottom: 2px;
}
.gift-card .order-wrap .order .info .txt-cont .txt-title {
	margin-bottom: 6px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #000;	
	font-size: 16px;
	font-weight: 700;
}
.gift-card .order-wrap .order .info .txt-cont .txt-title.active {
	color: #000;
	font-size: 14px;
	font-weight: 700;
}
.gift-card .order-wrap .order .info .txt-cont .txt-detail {
	color: #A5A5A5;
	font-size: 14px;
	font-weight: 400;
	line-height: 14px;
}
.gift-card .order-wrap .order .info .txt-cont .txt-qty {
	margin-top: 6px;
	color: #375FFE;
	font-size: 15px;
	font-weight: 400;
	line-height: 14px;
}
.gift-card .order-wrap .title {
	position: relative;
	padding: 10px 0;	
	border-bottom: 1px solid #EEE;
}
.gift-card .order-wrap .cont {
	padding: 0;	
}
.gift-card .order-wrap .cont .txt-row {
	margin-bottom: 10px;
	display: flex;
}
.gift-card .order-wrap .cont .txt-row.space-between {
	justify-content: space-between;
}
.gift-card .order-wrap .cont .txt-row.align-center {
	align-items: center;
}
.gift-card .order-wrap .cont .txt-row.no-margin {
	margin-bottom: 0;
}
.gift-card .order-wrap .cont .txt-title {
	min-width: 80px;
	color: #767676;
	font-size: 15px;
	font-weight: 500;
}
.gift-card .order-wrap .cont .txt-title.full-width {
	width: 100%;
}
.gift-card .order-wrap .cont .txt-cont {
	color: #000;
	font-size: 15px;
	font-weight: 500;
    width: 100%;
}
.gift-card .deadline {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;	
	padding: 12px;
	background-color: #A5A5A5;
}
.gift-card .deadline .txt-title {
	text-align: center;
	font-size: 13px;
	font-weight: 300;
	color: #FFF;
}
.gift-card .deadline .txt-countdown {
	margin-top: 4px;
	font-size: 16px;
	font-weight: 500;
	color: #FFF;
}

.gift-card .main-footer {
	margin-top: 20px;
	width: 100%;
	padding: 30px;
	background-color: #F5F5F5;
}
.gift-card .main-footer .txt-title {
	font-size: 18px;
	font-weight: 700;
	line-height: 16px;
}
.gift-card .main-footer .txt-deco {
	font-size: 14px;
	font-weight: 400;
	margin-top: 6px;
	color: #000;
}
.gift-card .main-footer .txt-desc {
	margin-top: 14px;
	color: #767676;
	font-size: 15px;
	font-weight: 400;
	line-height: 26px;
}
.gift-card .main-footer a {
	text-decoration: underline;
}
.gift-card .btn-fixed-bottom {
	display: block;
	align-items: center;
	height: 56px;
	margin-top: 30px;
}
.gift-card .btn-fixed-bottom .btn-save {
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background: #000;
	cursor: pointer;
}
.gift-card .btn-fixed-bottom .txt-btn-save {
	width: 100%;
	color: #FFF;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
}

/* 캘린더 스와이프 형태 */
swiper-container {
	margin-top: 20px;
	width: 100%;
	height: 100%;
	--swiper-pagination-color: var(--swiper-pagination-point);
	--swiper-pagination-bullet-inactive-color: var(--swiper-pagination-base);
	--swiper-pagination-bullet-inactive-opacity: 1;
	--swiper-pagination-bullet-size: 8px;
	--swiper-pagination-bullet-width: 8px;
	--swiper-pagination-bullet-height: 8px;
	--swiper-pagination-bullet-opacity: 1;
	--swiper-pagination-bullet-horizontal-gap: 4px;
	--swiper-pagination-bottom: 0px;
	--swiper-navigation-color: white !important;
	--swiper-navigation-size: 28px;
}
swiper-container.product_1_1 {
	margin-top: 20px;
	width: 100%;
	height: 100%;
	--swiper-pagination-color: var(--swiper-pagination-point);
	--swiper-pagination-bullet-inactive-color: var(--swiper-pagination-base);
	--swiper-pagination-bullet-size: 8px;
	--swiper-pagination-bullet-width: 8px;
	--swiper-pagination-bullet-height: 8px;
	--swiper-pagination-bullet-opacity: 1;
	--swiper-pagination-bullet-horizontal-gap: 4px;
	--swiper-pagination-bottom: 6px;	
	--swiper-navigation-top-offset: 40%;
}
swiper-container.product_16_9 {
	margin-top: 20px;
	width: 100%;
	height: 100%;
	--swiper-pagination-color: var(--swiper-pagination-point);
	--swiper-pagination-bullet-inactive-color: var(--swiper-pagination-base);
	--swiper-pagination-bullet-size: 8px;
	--swiper-pagination-bullet-width: 8px;
	--swiper-pagination-bullet-height: 8px;
	--swiper-pagination-bullet-opacity: 1;
	--swiper-pagination-bullet-horizontal-gap: 4px;
	--swiper-pagination-bottom: 6px;	
	--swiper-navigation-top-offset: 40%;
}
swiper-container.product_3_4 {
	margin-top: 20px;
	width: 100%;
	height: 100%;
	--swiper-pagination-color: var(--swiper-pagination-point);
	--swiper-pagination-bullet-inactive-color: var(--swiper-pagination-base);
	--swiper-pagination-bullet-size: 8px;
	--swiper-pagination-bullet-width: 8px;
	--swiper-pagination-bullet-height: 8px;
	--swiper-pagination-bullet-opacity: 1;
	--swiper-pagination-bullet-horizontal-gap: 4px;
	--swiper-pagination-bottom: 6px;	
	--swiper-navigation-top-offset: 50%;
}
swiper-container.product_banner {
	margin-top: 20px;
	width: 100%;
	height: 100%;
	--swiper-pagination-color: #A69382;
	--swiper-pagination-bullet-inactive-color: #A5A5A5;
	--swiper-pagination-bullet-size: 8px;
	--swiper-pagination-bullet-width: 8px;
	--swiper-pagination-bullet-height: 8px;
	--swiper-pagination-bullet-opacity: 1;
	--swiper-pagination-bullet-horizontal-gap: 4px;
	--swiper-pagination-bottom: 6px;	
	--swiper-navigation-top-offset: 50%;
}
swiper-container.following_page {
	margin-top: 120px;
	width: 100%;
	height: 100%;
	--swiper-pagination-color: #767676;
	--swiper-pagination-bullet-inactive-color: #FFF;
	--swiper-pagination-bullet-size: 8px;
	--swiper-pagination-bullet-width: 8px;
	--swiper-pagination-bullet-height: 8px;
	--swiper-pagination-bullet-opacity: 1;
	--swiper-pagination-bullet-horizontal-gap: 4px;
	--swiper-pagination-bottom: 0;
}
swiper-container.page_gallery {
	margin-top: 80px;
	width: 100%;
	height: 510px;
	--swiper-pagination-color: #375FFE;
	--swiper-pagination-bullet-inactive-color: #375FFE20;
	--swiper-pagination-bullet-size: 8px;
	--swiper-pagination-bullet-width: 8px;
	--swiper-pagination-bullet-height: 8px;
	--swiper-pagination-bullet-opacity: 1;
	--swiper-pagination-bullet-horizontal-gap: 4px;
	--swiper-pagination-bottom: 0;
}
swiper-container.reviews {
	margin-top: 4px;
	width: 100%;
	height: 170px;
	--swiper-pagination-color: #767676;
	--swiper-pagination-bullet-inactive-color: #FFF;
	--swiper-pagination-bullet-size: 8px;
	--swiper-pagination-bullet-width: 8px;
	--swiper-pagination-bullet-height: 8px;
	--swiper-pagination-bullet-opacity: 1;
	--swiper-pagination-bullet-horizontal-gap: 4px;
	--swiper-pagination-top: 150px;
	--swiper-pagination-bottom: 0;
}
swiper-slide {
	height: 180px;
	display: flex;
	flex-direction: column;	
	border-radius: 10px;
	opacity: 50%;
}
swiper-slide.gallery-cont {
	width: 250px;
	height: auto;
	align-items: center;
	transform: scale(0.85);
	-webkit-transition: transform 0.5s ease-in-out;
}
swiper-slide.gallery-cont.swiper-slide-active {
	opacity: 100%;
	transform: scale(1);
	-webkit-transition: transform 0.5s ease-in-out;
}
swiper-slide.swiper-slide-active {
	opacity: 100%;
}
swiper-slide .gallery-img {
	height: 100%;
}
swiper-slide .gallery-img .img-wrap {
	display: flex;
	justify-content: center;
}
swiper-slide .cont {
	height: 156px;
	padding: 10px 15px 25px 15px;
	border-radius: 10px;
	background: #FFF;
	height: auto;
}
swiper-slide .swiper-cont {
	height: 156px;
	padding: 10px 15px 25px 15px;
	border-radius: 10px;
	background: #FFF;
	height: auto;
}
swiper-slide .dday {
	position: absolute;
	top: 10px;
	text-align: left;
	color: #A69382;
	font-size: 24px;
	font-style: normal;
	font-weight: 800;
}
swiper-slide .txt {
	position: absolute;
	bottom: 38px;
	padding-right: 10px;
}
swiper-slide .date {
	text-align: left;
	color: #A69382;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
}
swiper-slide .desc {
	margin-top: 6px;
	text-align: left;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
}
swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* swiper-slide {
	min-width: 320px;
	width: 80%;
} */
swiper-container.product-list {
	margin-top: 16px;
}
swiper-slide.product {
	height: 84px;
	position: relative;
}
swiper-slide.product .cont {
	min-height: 84px;
	border-radius: 10px;
	background: #FFF;
}
swiper-slide.product .cont .txt {
	padding-right: 56px;
	font-size: 14px;
	font-weight: 500;
}
swiper-slide.product .cont .info {
	color: #375FFE;
	font-size: 14px;
	font-weight: 500;
	margin-top: 40px;
}
swiper-slide.product .btns {
	position: absolute;
	display: flex;
	flex-direction: column;
	width: 48px;
	height: 100%;
	right: 0;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
swiper-slide.product .btns .btn-edit {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 48px;
	height: 42px;
	border-left: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
}
swiper-slide.product .btns .btn-edit img {
	width: 24px;
	height: 24px;
}
swiper-slide.product .btns .btn-delete {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 48px;
	height: 42px;
	border-left: 1px solid #EEE;
}
swiper-slide.product .btns .btn-delete img {
	width: 24px;
	height: 24px;
}
swiper-slide.page {
	height: 136px;
	width: 300px;
	position: relative;
}
swiper-slide.page .cont {
	display: flex;
	align-items: center;
	height: 112px;
	border-radius: 10px;
	background: #FFF;
}
swiper-slide.page .cont .img-wrap {
	width: 80px;
	height: 80px;
	min-width: 80px;
	min-height: 80px;
}
swiper-slide.page .cont .img-wrap img {
	width: 100%;
    height: 100%;
	object-fit: cover;
	border-radius: 40px;
}
swiper-slide.page .cont .txt-cont {
	display: flex;
	flex-direction: column;
}
swiper-slide.page .cont .txt-cont {
	height:100%;
    margin-left: 16px;
}
swiper-slide.page .cont .txt-cont .txt-title {
	color: #000;
	font-size: 16px;
	font-weight: 700;
}
swiper-slide.page .cont .txt-cont .txt-date {
	margin-top: 14px;
	color: #767676;
	font-size: 14px;
	font-weight: 400;
}
swiper-slide.page .cont .txt-cont .txt-url {
	color: #375FFE;
	font-size: 14px;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
}

swiper-slide.review {
	height: 136px;
	width: 350px;
	position: relative;
}


/* 상단 배경 애니메이션 */
.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
	z-index: 1000;
}
.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 15px;
    height: 15px;
    background: rgba(255, 255, 255, 0.1);
    animation: animate 25s linear infinite;
    bottom: -150px;    
}
.circles li:nth-child(1){
    left: 25%;
    width: 50px;
    height: 50px;
    animation-delay: 0s;
}
.circles li:nth-child(2){
    left: 10%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 12s;
}
.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}
.circles li:nth-child(4){
    left: 40%;
    width: 40px;
    height: 40px;
    animation-delay: 0s;
    animation-duration: 18s;
}
.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}
.circles li:nth-child(6){
    left: 75%;
    width: 70px;
    height: 70px;
    animation-delay: 3s;
}
.circles li:nth-child(7){
    left: 35%;
    width: 100px;
    height: 100px;
    animation-delay: 7s;
}
.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}
.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}
.circles li:nth-child(10){
    left: 85%;
    width: 90px;
    height: 90px;
    animation-delay: 0s;
    animation-duration: 15s;
}
@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 20%;
    }
    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }
}


/* 상단 애니메이션 - 라인 */
.light {
    position: absolute;
    width: 0px;
    opacity: .75;
    background-color: white;
    box-shadow: #e9f1f1 0px 0px 20px 2px;
    opacity: 0;
    top: 100vh;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}
.x1 {
  -webkit-animation: floatUp 4s infinite linear;
  -moz-animation: floatUp 4s infinite linear;
  -o-animation: floatUp 4s infinite linear;
  animation: floatUp 4s infinite linear;
   -webkit-transform: scale(1.0);
   -moz-transform: scale(1.0);
   -o-transform: scale(1.0);
  transform: scale(1.0);
}
.x2 {
  -webkit-animation: floatUp 7s infinite linear;
  -moz-animation: floatUp 7s infinite linear;
  -o-animation: floatUp 7s infinite linear;
  animation: floatUp 7s infinite linear;
  -webkit-transform: scale(1.6);
  -moz-transform: scale(1.6);
  -o-transform: scale(1.6);
  transform: scale(1.6);
  left: 15%;
}
.x3 {
  -webkit-animation: floatUp 2.5s infinite linear;
  -moz-animation: floatUp 2.5s infinite linear;
  -o-animation: floatUp 2.5s infinite linear;
  animation: floatUp 2.5s infinite linear;
  -webkit-transform: scale(.5);
  -moz-transform: scale(.5);
  -o-transform: scale(.5);
  transform: scale(.5);
  left: -15%;
}
.x4 {
  -webkit-animation: floatUp 4.5s infinite linear;
  -moz-animation: floatUp 4.5s infinite linear;
  -o-animation: floatUp 4.5s infinite linear;
  animation: floatUp 4.5s infinite linear;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  left: -34%;
}
.x5 {
  -webkit-animation: floatUp 8s infinite linear;
  -moz-animation: floatUp 8s infinite linear;
  -o-animation: floatUp 8s infinite linear;
  animation: floatUp 8s infinite linear;
  -webkit-transform: scale(2.2);
  -moz-transform: scale(2.2);
  -o-transform: scale(2.2);
  transform: scale(2.2);
  left: -57%;
}
.x6 {
  -webkit-animation: floatUp 3s infinite linear;
  -moz-animation: floatUp 3s infinite linear;
  -o-animation: floatUp 3s infinite linear;
  animation: floatUp 3s infinite linear;
  -webkit-transform: scale(.8);
  -moz-transform: scale(.8);
  -o-transform: scale(.8);
  transform: scale(.8);
  left: -81%;
}
.x7 {
  -webkit-animation: floatUp 5.3s infinite linear;
  -moz-animation: floatUp 5.3s infinite linear;
  -o-animation: floatUp 5.3s infinite linear;
  animation: floatUp 5.3s infinite linear;
  -webkit-transform: scale(3.2);
  -moz-transform: scale(3.2);
  -o-transform: scale(3.2);
  transform: scale(3.2);
  left: 37%;
}
.x8 {
  -webkit-animation: floatUp 4.7s infinite linear;
  -moz-animation: floatUp 4.7s infinite linear;
  -o-animation: floatUp 4.7s infinite linear;
  animation: floatUp 4.7s infinite linear;
  -webkit-transform: scale(1.7);
  -moz-transform: scale(1.7);
  -o-transform: scale(1.7);
  transform: scale(1.7);
  left: 62%;
}
.x9 {
  -webkit-animation: floatUp 4.1s infinite linear;
  -moz-animation: floatUp 4.1s infinite linear;
  -o-animation: floatUp 4.1s infinite linear;
  animation: floatUp 4.1s infinite linear;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  left: 85%;
}
@-webkit-keyframes floatUp{
  0%{top: 100vh; opacity: 0;}
  25%{opacity: 1;}
  50%{top: 0vh; opacity: .8;}
  75%{opacity: 1;}
  100%{top: -100vh; opacity: 0;}
}
@-moz-keyframes floatUp{
  0%{top: 100vh; opacity: 0;}
  25%{opacity: 1;}
  50%{top: 0vh; opacity: .8;}
  75%{opacity: 1;}
  100%{top: -100vh; opacity: 0;}
}
@-o-keyframes floatUp{
  0%{top: 100vh; opacity: 0;}
  25%{opacity: 1;}
  50%{top: 0vh; opacity: .8;}
  75%{opacity: 1;}
  100%{top: -100vh; opacity: 0;}
}
@keyframes floatUp{
  0%{top: 100vh; opacity: 0;}
  25%{opacity: 1;}
  50%{top: 0vh; opacity: .8;}
  75%{opacity: 1;}
  100%{top: -100vh; opacity: 0;}
}

hr {	
	padding: 0;
	margin: 20px;
}    
.hr-0 {
	min-height: 10px;
    border: dotted 1px #A5A5A5;
    background-color: #FFF;
    min-width: 50px;
}
.hr-0.invisible {
	min-height: 10px;
    border: none;
    background-color: unset;
    width: 100%;
}
.hr-1 {
	min-width: 60px;
	border: 0;
	height: 0;
	border-top: 1px solid var(--divider-color);
}   
.hr-2 {
	min-width: 60px;
	border: 0;
	border-top: 3px double var(--divider-color);
}
.hr-3 {
	min-width: 60px;
	border: 0;
	border-top: 1px dashed var(--divider-color);
}  
.hr-4 {
	min-width: 60px;
	border: 0;
	border-top: 1px dotted var(--divider-color);
}  
.hr-5 {
	min-width: 60px;
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px var(--divider-color) inset;
}
.hr-6 {
	margin: auto;
	border-top: 8px dotted var(--divider-color);
	min-width: 40px;
	max-width: 40px;
}
.hr-7 {
	margin: auto;
	min-width: 40px;
	max-width: 40px;
	border-top: 1px solid var(--divider-color);
	opacity: 50%;
}

.page-create .btn-fixed-bottom {
	display: block;
	align-items: center;
	position: sticky;
	bottom: 60px;
	height: 56px;
	margin-top: 20px;
}
.page-create .btn-fixed-bottom.h-padding{
	padding: 0 16px;
}
.page-create .btn-fixed-bottom .btn-save {
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background: #000;
	cursor: pointer;
}
.page-create .btn-fixed-bottom .txt-btn-save {
	width: 100%;
	color: #FFF;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
}
.page-create .section-title {
	display: flex;
    flex-direction: column;
	padding: 16px;
}
.page-create .section-title .txt-title {
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
}
.page-create .section-title .txt-desc {
	margin-top: 16px;
	color: #767676;
	font-size: 16px;
	font-weight: 400;
}
.page-create .page-name {
	display: flex;
	align-items: center;
	padding: 0 16px;
}
.page-create .page-name .txt-prefix {
	display: flex;
	height: 48px;
	align-items: center;
	font-size: 16px;
	font-weight: 400;
	color: #A5A5A5;
}
.page-create input {
	font-size: 16px;
	font-weight: 600;
	border-bottom: 1px solid #A5A5A5;
	padding-bottom: 10px;
}
.page-create input::placeholder {
	font-size: 16px;
	font-weight: 400;
	color: #A5A5A5;
	font-family: "Noto Sans KR", sans-serif;
}
.page-create .page-name .txt-input {
	height: 48px;
	width: 100%;
	padding-bottom: 0;
	font-family: "Noto Sans KR", sans-serif;
}
.page-create .txt-guide {
	padding: 16px;
	color: #375FFE;
	font-size: 14px;
	font-weight: 500;
}
.page-create .txt-guide.exist {
	color: #FF2525;
}
.page-create .btn-fixed-bottom {
	display: block;
	align-items: center;
	position: absolute;
	bottom: 60px;
	width: 100%;
	height: 56px;
	margin-top: 20px;
}
.page-create.btn-fixed-bottom.h-padding{
	padding: 0 16px;
}
.page-create .btn-fixed-bottom .btn-save {
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background: #000;
	cursor: pointer;
}
.page-create .btn-fixed-bottom .txt-btn-save {
	width: 100%;
	color: #FFF;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
}



.page-edit {
	color: var(--font-color-offblack);
}
.page-edit .section-title {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 50px;
	color: #010101;
}
.page-edit .section-title.h-padding{
	padding: 0 16px;
}
.page-edit .section-title .txt-title {
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
}
.page-edit .section-title .txt-desc {
	margin-top: 16px;
	color: #767676;
	font-size: 16px;
	font-weight: 400;
}
.page-edit .section-title .txt-desc.no-margin {
	margin-top: 0;
}
.page-edit .section-title .btn-wrap {
	margin-right: 0;
}
.page-edit .section-title .btn-wrap .btn {
	display: inline-flex;
	height: 40px;
	padding-left: 16px;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	color: #A5A5A5;
	font-size: 12px;
	font-weight: 500;
}
.page-edit .section-title .btn-wrap .btn::after {
	content: "";
	display: inline-block;
	background-image: url("../images/ico-more.png");
	background-size: 12px 12px;
	width: 12px;
	height: 12px;
	vertical-align: middle;
	margin-top: 3px;
}
.page-edit .section-title-wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	padding: 16px;
	background: rgba(55, 95, 254, 0.10);
}

.page-edit .section-title-wrap .txt-title {
	font-size: 16px;
	font-weight: 600;
	color: #375FFE;
}
.page-edit .section-title-wrap .txt-desc {
	margin-top: 4px;
	text-align: center;
	color: #375FFE;
	font-size: 12px;
	font-weight: 400;
}
.page-edit .color-sample {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 64px;
    height: 26px;
	margin-left: 2px;
    border-radius: 4px;
	background-color: #EEE;
	color: #FFF;
	font-size: 13px;
	border: solid 1px #EEE;
}
.page-edit .color-sample.sm {	
	min-width: 40px;
}
.page-edit .color-sample.no-bg {	
	background-color: #FFF;
	color: var(--font-color-offblack);
}
.page-edit .color-sample.point1-color {
	background-color: var(--page-point1-color);
}
.page-edit .color-sample.point2-color {
	background-color: var(--page-point2-color);
}
.page-edit .color-sample.base1-color {
	background-color: var(--page-base1-color);
}
.page-edit .color-sample.common1-color {
	background-color: var(--page-common1-color);
}
.page-edit .color-sample.offblack-color {
	background-color: var(--font-color-offblack);	
}
.page-edit .blocks {
	display: flex;
    flex-direction: column;
}
 /* 이동 타켓 */
 .card-placeholder {
	width: 100%;
	border: 1px dotted rgb(255, 0, 0);
	margin: 0 10px 10px 0;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	background-color: rgb(231, 136, 107);
 }
/* 마우스 포인터를 손가락으로 변경 */
.card:not(.no-move) .block-header {
	cursor: pointer;
 }
.page-edit .blocks .card {
	display: flex;
	margin: 6px 0;
	position: relative;
	overflow: hidden;
	background: #FFF;
	border-radius: 10px;
	border: 1px solid #A5A5A5;
}
.page-edit .blocks .card.off {
	opacity: 0.5;
}

.page-edit .blocks .card.block-profile {
	border: 2px solid #A5A5A5;
}
.page-edit .blocks .card.block-profile .drag-fixed {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	max-width: 32px;
}
.page-edit .blocks .card.block-profile .drag-fixed img {
	width: 22px;
	height: 22px;
}
.page-edit .blocks .card.block-product {
	border: 2px solid #375FFE;
}
.page-edit .blocks .card.block-product.onlyme {
	border: 2px dotted #375FFE;
}
.page-edit .blocks .block-drag {
	display: flex;
	width: 32px;
	padding: 14px;
	position: relative;
	align-items: center;
	background: url("../images/ico-drag.png") no-repeat;
	background-position: center;
    -webkit-touch-callout: none;
    /* -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; */
}
.page-edit .blocks .block-main {
	width: calc(100% - 32px);
}
.page-edit .blocks .block-main .more-action-wrap {
	position: absolute;
	top: 40px;
	right: 10px;
	width: 84px;
	background: #F1F1F1;
	border: solid 1px #868686;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #000;
	font-size: 14px;
	font-weight: 500;
}
.page-edit .blocks .block-main .more-action-wrap .action {
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-right: 4px;
}
.page-edit .blocks .block-main .more-action-wrap .action.border-bottom {
	width: 100%;
	border-bottom: solid 1px #D9D9D9;;
}
.page-edit .blocks .block-main .more-action-wrap .action.copy::before {
	content: "";
	display: inline-block;
	background-image: url("../images/ico-copy.png");
	background-size: 28px 28px;
	width: 28px;
	height: 28px;
	margin-right: 2px;
	vertical-align: middle;
}
.page-edit .blocks .block-main .more-action-wrap .action.share::before {
	content: "";
	display: inline-block;
	background-image: url("../images/ico-share.png");
	background-size: 28px 28px;
	width: 28px;
	height: 28px;
	margin-right: 2px;
	vertical-align: middle;
}
.page-edit .blocks .block-main .more-action-wrap .action.delete::before {
	content: "";
	display: inline-block;
	background-image: url("../images/ico-delete.png");
	background-size: 28px 28px;
	width: 28px;
	height: 28px;
	margin-right: 2px;
	vertical-align: middle;
}

.page-edit .blocks .block-header {
	display: flex;
	height: 48px;
	padding: 4px 16px 4px 0;
	position: relative;
	align-items: center;
}
/* .page-edit .blocks .block-header .ico-drag {
	width: 12px;	
	height: 18px;
	background: url("../images/ico-drag.png") 0px 0px / 100% 100% no-repeat;
} */
.page-edit .blocks .block-header .title {
	display: flex;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 1px;
	align-items: center;
}
.page-edit .blocks .block-product .block-header .title {
	color: #375FFE;
}
.page-edit .blocks .block-header .title::before {
	content: "";
	display: inline-block;
	background-image: url("../images/ico-page-edit-product.png");
	background-size: 28px 28px;
	width: 28px;
	height: 28px;
	vertical-align: middle;
	margin-right: 5px;
}
.page-edit .blocks .block-header .btns {
	position: absolute;
	right: 12px;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}
.page-edit .block-header .btns .reserve {
	display: flex;
	align-items: center;
}
.page-edit .block-header .btns .txt-reserve {
	font-size: 11px;
	font-weight: 700;
	margin-right: 4px;
}
.page-edit .block-header .btns .btn-reserve {
	background-color: #000;
    border-color: #000;
	border: 2px solid #000;
    border-radius: 10px;
    width: 40px;
    height: 20px;
	color: #FFF;
	font-size: 11px;
	font-weight: 500;
	text-align: center;
}
.page-edit .blocks .block-header .btns .btn-delete {
	margin-left: 8px;
	width: 28px;	
	height: 28px;
	background: url("../images/ico-delete.svg") 0px 0px / 100% 100% no-repeat;
}
.page-edit .blocks .block-header .btns .btn-more {
	margin-left: 8px;
	width: 19px;	
	height: 5px;
	background: url("../images/ico-block-more.png") 0px 0px / 100% 100% no-repeat;
}
.page-edit .blocks .block-cont {
	display: flex;
	padding: 0 16px 8px 2px;
	align-items: center;
}
.page-edit .blocks .block-cont.justify-center {
	justify-content: center;
}
.page-edit .blocks .block-cont .img-preview {
	display: flex;
	justify-content: center;
	align-items: center;
    overflow: hidden;
	min-width: 70px;
	min-height: 70px;
	max-width: 70px;
	max-height: 70px;	
	border-radius: 4px;
}
.page-edit .blocks .block-cont .img-preview img {
	width: 100%;
    height: 100%;
	object-fit: cover;
}
.page-edit .blocks .block-cont .cont {
	flex: 1 0 auto;
    margin-left: 14px;
	max-width: calc(100% - 80px);
}
.page-edit .blocks .block-cont .cont.text {
	max-width: 100%;
}
.page-edit .blocks .block-cont .cont.divider {
	max-width: 100%;
}
.page-edit .blocks .block-cont .cont .txt-title {	
	word-break: keep-all;
	font-size: 16px;
	font-weight: 500;
}
.page-edit .blocks .block-cont .cont .txt-desc {
	margin-top: 2px;
	color: #A5A5A5;
	font-size: 16px;
	font-weight: 500;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
}

/* 마우스 포인터를 손가락으로 변경 */
.card-calendar:not(.no-move) .card-header {
	cursor: pointer;
 }
.page-edit .card-calendar {
	display: flex;
	margin: 6px 0;
	position: relative;
	overflow: hidden;
	background: #FFF;
	border-radius: 10px;
	border: 1px solid #A5A5A5;
}
.page-edit .card-calendar.off {
	opacity: 0.5;
}
.page-edit .card-calendar .card-drag {
	display: flex;
	width: 32px;
	padding: 14px;
	position: relative;
	align-items: center;
	background: url("../images/ico-drag.png") no-repeat;
	background-position: center;
    -webkit-touch-callout: none;
}
.page-edit .card-calendar .card-main {
	width: calc(100% - 32px);
	display: flex;
	flex-direction: column;
}
.page-edit .card-calendar .card-header {
	display: flex;
	flex-wrap: wrap;
	height: 48px;
	padding: 12px 16px 12px 6px;
	position: relative;
}
.page-edit .card-calendar .card-header .d-day {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-left: 0;
	margin-right: 6px;
	width: 44px;
	border-radius: 13px;
	backdrop-filter: blur(2px);
	align-items: center;
	background: color-mix(in srgb, var(--page-point1-color) 40%, transparent);
	color: #FFF;
	font-size: 13px;
	font-weight: 700;
}
.page-edit .card-calendar .card-header .d-day.now {
	background-color: var(--page-point1-color);
}
.page-edit .card-calendar .card-header .btns {
	position: absolute;
	right: 12px;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}
.page-add-block .card-header .btns input {
	border-bottom: 2px solid #000;;
}
.page-edit .card-calendar .card-header .btns .reserve {
	display: flex;
	align-items: center;
}
.page-edit .card-calendar .card-header .btns .txt-reserve {
	font-size: 11px;
	font-weight: 700;
	margin-right: 4px;
}
.page-edit .card-calendar .card-header .btns .btn-reserve {
	background-color: #000;
    border-color: #000;
	border: 2px solid #000;
    border-radius: 10px;
    width: 40px;
    height: 20px;
	color: #FFF;
	font-size: 11px;
	font-weight: 500;
	text-align: center;
}
.page-edit .card-calendar .card-header .btns .btn-delete {
	margin-left: 8px;
	width: 26px;	
	height: 26px;
	background: url("../images/ico-delete.svg") 0px 0px / 100% 100% no-repeat;
}
.page-edit .card-calendar .card-cont {
	display: flex;
	padding: 0 16px 16px 2px;
	align-items: center;
}
.page-edit .card-calendar .card-cont .img-preview {
    overflow: hidden;
	min-width: 70px;
	min-height: 70px;
	max-width: 70px;
	max-height: 70px;
}
.page-edit .card-calendar .card-cont .img-preview img {
	width: 100%;
    height: 100%;
	object-fit: cover;
	border-radius: 4px;
}
.page-edit .card-calendar .card-cont .cont {
	flex: 1 0 auto;
    margin-left: 6px;
	max-width: calc(100% - 80px);
}
.page-edit .card-calendar .card-cont .cont.text {
	max-width: 100%;
}
.page-edit .card-calendar .card-cont .cont.divider {
	max-width: 100%;
}
.page-edit .card-calendar .card-cont .cont .txt-date {	
	word-break: keep-all;
	font-size: 15px;
	font-weight: 400;
}
.page-edit .card-calendar .card-cont .cont .txt-main {	
	word-break: keep-all;
	font-size: 16px;
	font-weight: 500;
	text-overflow: ellipsis;
	overflow: hidden;
}
.page-edit .card-calendar .card-cont .cont .txt-desc {
	margin-top: 2px;
	color: #A5A5A5;
	font-size: 16px;
	font-weight: 500;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
}

.page-edit .blocks .block-footer {
	display: flex;
	justify-content: space-between;
	padding: 0 12px 16px 0;
}
.page-edit .blocks .block-footer .stats {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-right: 4px;
	border-radius: 10px;
	background: #EEE;
}
.page-edit .blocks .block-footer .stats .txt-stats {
	color: #010101;
	font-size: 14px;
	font-weight: 500;
}
.page-edit .blocks .block-footer .stats .txt-stats .num {
	color: #2F76FF;
	font-size: 14px;
	font-weight: 500;
}
.page-edit .blocks .block-footer .stats .btn-more {
	position: absolute;
	right: 8px;
	color: #A5A5A5;
	font-size: 12px;
	font-weight: 500;
}
.page-edit .blocks .block-footer .btn-noti {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-left: 4px;
	padding: 8px 0;
	border-radius: 10px;
	border: 1px solid #A5A5A5;
	background: #FFF;
	color: #767676;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
}
.page-edit .blocks .block-profile .block-header .title::before {
	background-image: url("../images/ico-page-edit-profile.svg");
}
.page-edit .blocks .block-product .block-header .title::before {
	background-image: url("../images/ico-page-edit-product.png");
}
.page-edit .blocks .block-product .block-header .title.single::before {
	background-image: url("../images/ico-add-block-product-01.svg");
}
.page-edit .blocks .block-product .block-header .title.multiple::before {
	background-image: url("../images/ico-add-block-product-02.svg");
}
.page-edit .blocks .block-link .block-header .title::before {
	background-image: url("../images/ico-page-edit-link.svg");
}
.page-edit .blocks .block-partner-link .block-header .title::before {
	background-image: url("../images/ico-page-edit-partner-link.svg");
}
.page-edit .blocks .block-clip .block-header .title::before {
	background-image: url("../images/ico-page-edit-youtube.svg");
}
.page-edit .blocks .block-text .block-header .title::before {
	background-image: url("../images/ico-page-edit-text.svg");
}
.page-edit .blocks .block-sns .block-header .title::before {
	background-image: url("../images/ico-page-edit-sns.svg");
}
.page-edit .blocks .block-divider .block-header .title::before {
	background-image: url("../images/ico-page-edit-divider.svg");
}
.page-edit .blocks .block-calendar .block-header .title::before {
	background-image: url("../images/ico-page-edit-calendar.svg");
}
.page-edit .blocks .block-image .block-header .title::before {
	background-image: url("../images/ico-page-edit-gallery.svg");
}
.page-edit .blocks .block-gallery .block-header .title::before {
	background-image: url("../images/ico-page-edit-gallery.svg");
}
.page-edit .blocks .block-fixed-btn .block-header .title::before {
	background-image: url("../images/ico-page-edit-profile.svg");
}
.page-edit .blocks .block-cont .cont.clip {
    margin-left: 0;
	width: 100%;
	max-height: 200px;
     /*
    width: 100%; height: 100vh; max-width: 100%;
    background: darkolivegreen; overflow: hidden;
     */
}
.block-preview {
	max-height: 200px;
}
.page-edit .blocks .block-cont .cont.text {
    margin-left: 0;
	width: 100%;
}
.page-edit .blocks .block-cont .cont .txt-sub {
	margin-top: 2px;
	font-size: 14px;
	font-weight: 400;
}
.page-edit .blocks .block-divider .cont hr {
	margin: 0;
}
.page-edit .blocks .block-cont .gallery {
	overflow-x:auto; 
	white-space:nowrap; 
	font-size:0;
}
.page-edit .blocks .block-cont .gallery img {
	display: inline-block;
	width: 88px;
	height: 88px;
	object-fit: cover;
    border-radius: 8px;
}
.page-edit .blocks .block-cont .gallery img:nth-child(n+2) {
	margin-left:8px;
}
.page-edit .blocks .btn-fixed-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: sticky;
	bottom: 60px;
	height: 56px;
	margin-top: 20px;
	cursor: pointer;
}
.page-edit .blocks .btn-fixed-bottom .btn-preview {
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
	width: calc(100% - 80px);
	border-radius: 10px;
	background: #000;
}
.page-edit .blocks .btn-fixed-bottom .txt-btn-preview {
	width: 100%;
	color: #FFF;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
}
.page-edit .blocks .btn-fixed-bottom .btn-preview:active {
	transform: scale(0.98);
}
.page-edit .blocks .btn-fixed-bottom .fixed-button {
    display: block;
    position: absolute;
	top: 0;
    right: 0;
	cursor: pointer;
}
.page-edit .blocks .btn-fixed-bottom .btn-add {
	margin-left: 16px;
	min-width: 56px;
	max-width: 56px;
	min-height: 56px;	
	max-height: 56px;	
	border-radius: 28px;
	background: #000;
	background-image: url("../images/ico-page-edit-add.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	cursor: pointer;
}
.page-edit .blocks .btn-fixed-bottom .btn-add:active {
	transform: scale(0.98);
}
.page-edit .tab-cont {
	padding-top: 16px;
	min-height: 180px;
}
.page-edit .tab-cont.height-100 {
	padding-top: 8px;
	height: 100px;
	min-height: none;
}
.page-edit .tab-cont .txt-desc {
    padding: 0 16px 12px 16px;
	word-break: keep-all;
	font-size: 14px;
	font-weight: 400;
}
.page-edit .tab-cont .txt-sub-title {
	padding: 0 16px 8px 16px;
	font-size: 18px;
	font-weight: 600;
}
.page-edit .tab-cont .txt-sub-title.no-padding {
	padding: 0;
}
.page-edit .tab-cont .txt-desc.padding-sm {
    padding: 0 16px 6px 16px;
}
.page-edit .tab-cont {
	padding-top: 16px;
	min-height: 180px;
}
.page-edit .page-layout {
	display: flex;
	flex-direction: column;
}
.page-edit .page-layout .layout-thumbnails {
	display: flex;
	overflow-x:auto; 
	white-space:nowrap; 
}
.page-edit .page-layout .layout-thumbnails.h-padding {
	padding: 0 16px;
}
.page-edit .page-layout .layout-thumbnails .thumbnail {
	margin-top: 6px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 90px;
	width: 90px;
	margin-right: 10px;
	cursor: pointer;
}
.page-edit .page-layout .layout-thumbnails .thumbnail .tag-limited {	
	position: absolute;
	top: -6px;
	left: 50%;
	transform: translateX(-50%);
	padding: 4px 12px 5px 12px;
	border-radius: 12px;
	background-color: #353535;
	color: #FFF;
	font-size: 12px;
	line-height: 12px;
	font-weight: 700;
}
.page-edit .page-layout .layout-thumbnails .thumbnail.link {
	max-width: 100px;
}
.page-edit .page-layout .layout-thumbnails .thumbnail img {
	border-radius: 10px;
	object-fit: cover;
}
.page-edit .page-layout .layout-thumbnails .thumbnail img.selected{
	border: 2px solid #375FFE;
}
.page-edit .page-layout .layout-thumbnails .thumbnail .txt-thumbnail-title {
	margin-top: 4px;
	color: #A5A5A5;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
}
.page-edit .page-layout .layout-thumbnails .thumbnail .txt-thumbnail-title.selected {
	color: #375FFE;
}
.page-edit .layout-preview {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
	background-color: #EEE;
	margin-top: 10px;
}
.page-edit .layout-preview .preview-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px;
}
.page-edit .layout-preview .preview-header .txt-title {
	font-size: 16px;
	font-weight: 500;
}
.page-edit .layout-preview .preview-header .btn-apply {
	display: flex;
	padding: 6px 10px;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	border: 1px solid #CCC;	
	background: #FFF;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
}
.page-edit .layout-preview .preview-header .btn-apply.black {
	display: flex;
	padding: 8px 12px;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background: #000;
	color: #FFF;
	font-size: 16px;
	font-weight: 500;
	line-height: 16px;
	cursor: pointer;
}
.page-edit .layout-preview .preview-iframe {
	padding: 0 16px;
	overflow: auto;
}
.preview-iframe iframe {
	display: block;
	width: 100%;
	min-height: 600px;
	/* pointer-events: none; */
}

.page-edit .color-theme {
	display: flex;
	flex-direction: column;
}
.page-edit .color-theme .color-theme-list {
	margin-top: 4px;
	position: relative;
	display: flex;
	align-items: flex-start;
	overflow-x: auto; 
	white-space: nowrap; 
}
.page-edit .color-theme .color-theme-list.h-padding {
	padding: 0 16px;
}
.page-edit .color-theme .color-theme-list .thumbnail {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-width: 90px;
	min-height: 100px;
	margin-right: 10px;
}
.page-edit .color-theme .color-theme-list .thumbnail .thumbnail-cont {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 90px;
	min-height: 90px;
	border-radius: 10px;
	border: solid 1px #EEE;	
}
.page-edit .color-theme .color-theme-list .thumbnail .thumbnail-cont.selected{
	border: 2px solid #375FFE;
}
.page-edit .color-theme .color-theme-list .thumbnail .thumbnail-cont .point1-color {
	display: flex;
	align-items: center;
	justify-content: baseline;
	min-width: 60px;
	min-height: 18px;
	border-radius: 6px;	
}
.page-edit .color-theme .color-theme-list .thumbnail .thumbnail-cont .point2-color {
	margin-top: 6px;
	display: flex;
	align-items: center;
	justify-content: baseline;
	min-width: 60px;
	min-height: 18px;
	border-radius: 6px;	
}
.page-edit .color-theme .color-theme-list .thumbnail .thumbnail-cont .base1-color {
	margin-top: 6px;
	display: flex;
	align-items: center;
	justify-content: baseline;
	min-width: 60px;
	min-height: 18px;
	border-radius: 6px;	
}
.page-edit .color-theme .color-theme-list .thumbnail img {
	border-radius: 10px;
	object-fit: cover;
}
.page-edit .color-theme .color-theme-list .thumbnail img.selected{
	border: 2px solid #375FFE;
}
.page-edit .color-theme .color-theme-list .thumbnail .txt-thumbnail-title {
	margin-top: 4px;
	color: #A5A5A5;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
}
.page-edit .color-theme .color-theme-list .btn-custom {
	position: absolute;
	bottom: 25px;
	right: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	border-radius: 20px;
	background-color: #000;
	font-size: 12px;
	font-weight: 500;
	color: #FFF;	
	cursor: pointer;
}
.page-edit .color-theme .color-theme-list .btn-custom img {
	border-radius: 0;
	width: 16px;
	height: 16px;
}

.color-wrap {
	padding: 16px;
	display: flex;
	flex-direction: column;
}
.color-wrap .color {
	display: flex;
	justify-content: space-between;
	margin-bottom: 12px;
}
.color-wrap .color .cont {
	display: flex;
	flex-direction: column;
	min-width: 180px;
}
.color-wrap .color .cont .txt-title {
	font-size: 16px;
	font-weight: 500;
}
.color-wrap .color .cont .txt-sub-title {
	color: #A5A5A5;
	font-size: 12px;
	font-weight: 700;
}
.color-wrap .color .color-picker {
	margin-left: 20px;
	display: flex;
	align-items: center;
}
.color-wrap .color .color-picker .color-input {
	margin-left: 20px;
	display: flex;
	align-items: center;
}


.page-edit .profile .info-upload {
	display: flex;	
	padding: 0 16px;	
	justify-content: center;
	align-items: center;
	justify-content: space-between;
}
.page-edit .profile .info-upload .upload {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 46%;
}
.page-edit .profile .info-upload .upload .img-profile  {
	display: flex;
	justify-content: center;
	height: 80px;
	width: 100%;
	background-color: #A5A5A5;
	cursor: pointer;
}
.page-edit .profile .info-upload .upload .img-profile .not-in-use {
	display: flex;
	position: absolute;
	top: 40px;
	left: 50%;
	transform: translate(-50%, -50%);
	justify-content: center;
	padding: 6px 12px;
	background-color: #35353570;
	border-radius: 8px;
	color: #FFF;
	font-size: 14px;
	line-height: 14px;
	font-weight: 700;
}
.page-edit .profile .info-upload .upload .img-profile img {
	height: 100%;
    aspect-ratio: 1 / 1;
	object-fit: cover;
}
.page-edit .profile .info-upload .upload .img-profile img.landscape {
    aspect-ratio: 767 / 180;
}
.page-edit .profile .info-upload .upload .img-profile img.bg {
	background-color: #EEE;
	border: solid 1px #DDD;
	width: 100%;
	object-fit: cover;
}
.page-edit .profile .info-upload .upload .btn-delete {
	position: absolute;
	height: 28px;
	width: 28px;
	right: 5px;
	bottom: 48px;
	background-image: url("../images/ico-thumbnail-delete.png");
	background-size: 28px 28px;
	background-repeat: no-repeat;
	background-position: center;	
	cursor: pointer;
}
.page-edit .profile .info-upload .btn-input {	
	margin-top: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 6px 4px;
	border-radius: 10px;
	border: 1px solid #A5A5A5;
	color: #000;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
}
.page-edit .profile .info-upload .txt-required {
	color: #375FFE;
	font-size: 10px;
	font-weight: 500;
	margin-right: 4px;
}
.page-edit .profile .info-upload .txt-optional {
	color: #A5A5A5;
	font-size: 10px;
	font-weight: 500;
	margin-right: 4px;
}

.tag {
	display: flex;
	margin-left: 6px;
	padding: 2px 6px;
	justify-content: center;
	border-radius: 6px;
	background: rgba(55, 95, 254, 0.10);
	color: #375FFE;
	font-size: 12px;
	font-weight: 700;
}
.tag.danger {
	background: rgba(255, 37, 37, 0.10);
	color: #ff2525;
}
.tag.success {
	background: rgba(52, 180, 20, 0.10);
	color: #34b414;
}
.tag.disabled {
	display: flex;
	margin-left: 6px;
	padding: 2px 6px;
	justify-content: center;
	border-radius: 6px;
	background: #CCC;
	color: #FFF;
	font-size: 12px;
	font-weight: 700;
}

.bottom-sheet-cover {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}
.bottom-sheet-container {
	position:fixed;
	z-index: 999;
	/* top: 110%; */
    bottom: -200%;
	left: 50%;
	transform: translate(-50%, 0);
	width: 100%;
	max-width: var(--max-screen-width);
	/* min-height: 80%; */
	/* max-height: 80%; */
    max-height: 97vh;
    /* padding-bottom: 80px; */
    padding-bottom: 0px;
	background: #fff;
	box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 10%);
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	transition: 0.5s ease;
	color: var(--font-color-offblack);
}
.bottom-sheet-container.active {
	/* top: 20%; */
    bottom: 0px;
	transition: 0.5s ease;
}
.bottom-sheet-container .handle { 
	overflow: hidden; 
}
.handle-icon { 
	display: block;
	margin: 15px auto;
	width: 40px;
	height: 4px;
	border-radius: 2px;
	background: #ddd;
 }
 
.bottom-sheet-container .header {
	z-index: 10;
	display: flex;
	position: absolute;
	top: 34px;
	width: 100%;
	padding: 0 16px;
	justify-content: space-between;
	align-items: center;
	background-color: #FFF;
}
.bottom-sheet-container .header.d-flex-column {
	flex-direction: column;
}
.bottom-sheet-container .header .txt-title-gift {
	margin-bottom: 8px;
	padding: 4px 12px;
	border-radius: 16px;
	background-color: #353535;
	color: #FFF;
	font-size: 15px;
	font-weight: 500;
}
.bottom-sheet-container .header .txt-title {
	text-align: left;
	font-size: 20px;
	font-weight: 700;
}
.bottom-sheet-container .header .txt-title.sm {
	font-size: 18px;
	line-height: 19px;
}
.bottom-sheet-container .header .btn-input {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px 12px;
	border-radius: 10px;
	border: 1px solid #A5A5A5;
	background-color: #FFF;
	color: #767676;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
}
.bottom-sheet-container .content-wrap {
	width: 100%; 
	/* height: 74vh; */
	margin: 20px 0 10px 0;
 
	/* max-height: calc(100vh - 180px); */
	/* 아이폰에서 100vh 다르게 잡히는 이슈 */
	/* https://zinee-world.tistory.com/599 */
	/* Custom Property 지원 안하는 브라우저를 위한 복귀점(Fallback)으로 100vh도 넣어줌 */
	max-height: 100vh;   
	max-height: calc(var(--iPhoneVH, 1vh) * 100 * 0.8);

	overflow-y: auto;
 }
.bottom-sheet-container .content-wrap.no-padding {	
	padding-top: 0;
	overflow: hidden; 
	overflow-y: auto;
}
.bottom-sheet-container .content-wrap.padding {	
	padding: 16px;
}
.bottom-sheet-container .content-wrap .options {
	position: relative;
	padding: 16px;
}
.bottom-sheet-container .content-wrap .options .option {
	display: flex;
	align-items: center;
	padding: 12px 0;	
	min-height: 100px;
}
.bottom-sheet-container .content-wrap .options .option:not(:last-child){	
	border-bottom: solid 1px #A5A5A5;
}
.bottom-sheet-container .content-wrap .options .option .img-preview {
    display: flex;
    align-items: center;
    justify-content: center;
	overflow: hidden;
	min-width: 72px;
	max-width: 72px;
	min-height: 72px;
	max-height: 72px;
	border-radius: 4px;
}
.bottom-sheet-container .content-wrap .options .option .img-preview img {
	width: 100%;
    height: 100%;
	object-fit: cover;
}
.bottom-sheet-container .content-wrap .options .option .img-preview.no-image {
	border: 1px solid #A5A5A5;	
	border-style: dashed;
	background-color: #EEE;
}
.bottom-sheet-container .content-wrap .options .option .option-cont {
	margin-left: 12px;
}
.bottom-sheet-container .content-wrap .options .option .option-cont .txt-title {
	width: 100%;
	font-size: 16px;
	font-weight: 500;
	color: var(--font-color-darkgrey);
}
.bottom-sheet-container .content-wrap .options .option .option-cont .price-info {
	display: flex;
	align-items: center;
}

.bottom-sheet-container .content-wrap .options .option .option-cont .price-info .txt-discount {
	font-size: 16px;
	font-weight: 700;
	color: #375FFE;
}
.bottom-sheet-container .content-wrap .options .option .option-cont .price-info .txt-price {
	margin-left: 4px;
	color: var(--font-color-black);
	font-size: 16px;
	font-weight: 700;
}
.bottom-sheet-container .content-wrap .options .option .option-cont .tag-status {
	display: flex;
    width: 50px;
	height: 28px;
	padding: 8px 10px;
	margin-right: 8px;
	justify-content: center;
	align-items: center;
	color: #FF2525;
	font-size: 14px;
	font-weight: 500;
	border-radius: 6px;
	background: rgba(255, 37, 37, 0.10);
}
.bottom-sheet-container .content-wrap .options-selected {
	display: flex;
	flex-direction: column;
	padding: 16px;
	width: 100%;
}
.bottom-sheet-container .content-wrap .options-selected .txt-summary {
	margin-top: 10px;
	display: flex;
	justify-content: center;
	font-size: 16px;
	font-weight: 500;
}
.bottom-sheet-container .content-wrap .options-selected .txt-summary .txt-qty {
	margin-left: 5px;
	color: #375FFE;
	font-weight: 700;
}
.bottom-sheet-container .content-wrap .select-wrap {
	display: flex;
	align-items:center;
	margin-bottom: 10px;
}
.bottom-sheet-container .content-wrap .select-wrap .nice-select {
	height: 38px;
}
.bottom-sheet-container .content-wrap .txt-sub-title {
	min-width: 50px;
	font-size: 16px;
	font-weight: 500;
}
.bottom-sheet-container .content-wrap .txt-sub-title.product {
	min-width: 66px;
	max-width: 66px;
	font-size: 16px;
	font-weight: 500;
}
.bottom-sheet-container .content-wrap .txt-sub-title.option {
	min-width: 66px;
	max-width: 66px;
	font-size: 14px;
	font-weight: 500;
}
.bottom-sheet-container .content-wrap .txt-sub-title.highlight {
	color: #375FFE;
}
.bottom-sheet-container .content-wrap .txt-sub-title.danger {
	color: #FF2525;
}
.bottom-sheet-container .content-wrap .txt-sub-desc {
	margin-top: 4px;
	display: flex;
	align-items: center;
	color: #A5A5A5;
	font-size: 12px;
	font-weight: 400;
	word-break: keep-all;
}
.bottom-sheet-container .content-wrap .select-option {
	background-color: #fff;
    border-radius: 0;
    border: solid 1px #A5A5A5;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 16px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 12px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%;
}
.bottom-sheet-container .content-wrap .select-option:after {
	border-bottom: 1px solid #9F9F9F;
	border-right: 1px solid #9F9F9F;
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	margin-top: -7px;
	pointer-events: none;
	position: absolute;
	right: 12px;
	top: 50%;
	-webkit-transform-origin: 66% 66%;
	-ms-transform-origin: 66% 66%;
	transform-origin: 66% 66%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
.bottom-sheet-container .content-wrap .selected-option {
	position: relative;
	padding: 16px 0;
	display: flex;
	flex-direction: column;
}
.bottom-sheet-container .content-wrap .selected-option:not(:last-child){	
	border-bottom: solid 1px #A5A5A5;
}
.bottom-sheet-container .content-wrap .selected-option.d-flex-row {
	flex-direction: row;
}
.bottom-sheet-container .content-wrap .selected-option.justify-between {
	justify-content: space-between;
}
.bottom-sheet-container .content-wrap .options .option:not(:last-child){	
	border-bottom: solid 1px #A5A5A5;
}
.bottom-sheet-container .content-wrap .selected-option .img-preview {
    display: flex;
    align-items: center;
    justify-content: center;
	overflow: hidden;
	min-width: 72px;
	max-width: 72px;
	min-height: 72px;
	max-height: 72px;
	border-radius: 4px;
}
.bottom-sheet-container .content-wrap .selected-option .img-preview img {
	width: 100%;
    height: 100%;
	object-fit: cover;
}
.bottom-sheet-container .content-wrap .selected-option .img-preview.no-image {
	border: 1px solid #A5A5A5;	
	border-style: dashed;
	background-color: #EEE;
}
.bottom-sheet-container .content-wrap .selected-option .txt-title {
	color: #767676;
	font-size: 16px;
	font-weight: 400;
	padding-right: 20px;
}
.bottom-sheet-container .content-wrap .selected-option .txt-title.offblack {
	color: #202020;
}
.bottom-sheet-container .content-wrap .selected-option .txt-title.align-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.bottom-sheet-container .content-wrap .selected-option .txt-title .product {
	color: #375FFE;
	font-size: 16px;
	font-weight: 600;
}
.bottom-sheet-container .content-wrap .selected-option .txt-title .txt-desc {
	font-size: 16px;
	font-weight: 600;
}
.bottom-sheet-container .content-wrap .selected-option .calc {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 14px;
}
.bottom-sheet-container .content-wrap .selected-option .calc .count {
	display: flex;
	height: 32px;
}
.bottom-sheet-container .content-wrap .selected-option .calc .count .btn-minus {
	display: flex;
	min-width: 32px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border: 1px solid #A5A5A5;
	align-items: center;
    justify-content: center;
}
.bottom-sheet-container .content-wrap .selected-option .calc .count .txt-count {
	display: flex;
	min-width: 32px;
	border-top: 1px solid #A5A5A5;
	border-bottom: 1px solid #A5A5A5;
	align-items: center;
    justify-content: center;
}
.bottom-sheet-container .content-wrap .selected-option .calc .count .btn-plus {
	display: flex;
	min-width: 32px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border: 1px solid #A5A5A5;
	align-items: center;
    justify-content: center;
}
.bottom-sheet-container .content-wrap .selected-option .calc .txt-price {
	font-size: 20px;
	font-weight: 700;
}
.bottom-sheet-container .content-wrap .selected-option .btn-close {
	position: absolute;
	right: 0;
	width: 24px;
	height: 24px;
	background: url("../images/ico-product-delete.png") 50%/100%;
}
.bottom-sheet-container .content-wrap .sum {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 16px;
}
.bottom-sheet-container .content-wrap .sum .txt-count {
	font-size: 16px;
	font-weight: 500;
}
.bottom-sheet-container .content-wrap .sum .txt-sum {
	font-size: 20px;
	font-weight: 700;
}
.bottom-sheet-container .content-wrap .btn-input {
	margin: 0 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 16px;
	height: 56px;
	border-radius: 10px;
	border: 1px solid #A5A5A5;
	background-color: #FFF;
	color: #767676;
	font-size: 16px;
	font-weight: 500;
}
.bottom-sheet-container .content-wrap .btn-input.sm {
	margin-top: 16px;
	max-width: 160px;
	height: 46px;
}
.bottom-sheet-container .content-wrap .btn-input.xs {
	margin-left: 6px;
	padding: 4px 6px;
	max-width: 160px;
	font-size: 14px;
	font-weight: 500;
	height: 28px;
}
.bottom-sheet-container .content-wrap .address-list {	
	padding: 16px;
	margin-bottom: 10px;
	display: flex;
	flex-direction: column;
}
.bottom-sheet-container .content-wrap .address-list li:not(:last-child) {
	border-bottom: solid 1px #A5A5A5;
}
.bottom-sheet-container .content-wrap .address-list.memo li:not(:last-child) {
	border-bottom: solid 1px #EEE;
}
.bottom-sheet-container .content-wrap .address {	
	position: relative;
	display: flex;
	justify-content: flex-start;
	margin-top: 8px;
	padding-bottom: 12px;
	width: 100%;
}
.bottom-sheet-container .content-wrap .address.memo {		
	margin-top: 14px;
	padding-bottom: 10px;
}
.bottom-sheet-container .content-wrap .address:not(:last-child) {	
	border-bottom: solid 1px #A5A5A5;
}
.bottom-sheet-container .content-wrap .input-check {	
	display: flex;
	align-items: center;
	margin-left: 16px;
	font-size: 16px;
	font-weight: 500;	
	color: #A5A5A5;
}
.bottom-sheet-container .content-wrap .btn-check {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 3px;
	margin-right: 5px;
	min-width: 20px;	
	min-height: 20px;
	max-width: 20px;	
	max-height: 20px;
	border-radius: 10px;
	background-color: #A5A5A5;
	background-position: center;
}	
.bottom-sheet-container .content-wrap .btn-check.checked {
	background-color: #375FFE !important;
}
.bottom-sheet-container .content-wrap .btn-check.memo {
	margin-top: 3px;
}
.bottom-sheet-container .content-wrap .btn-check img {
	width: 16px;
	height: 16px;
}
.bottom-sheet-container .content-wrap .address .cont-address {
	margin: 0 8px;
	width: 100%;
}	
.bottom-sheet-container .content-wrap .address .cont-address.memo {
	padding-bottom: 4px;
}	
.bottom-sheet-container .content-wrap .address .cont-address .title {
	display: flex;
	margin-bottom: 8px;
	align-items: center;
}
.bottom-sheet-container .content-wrap .address .cont-address .memo {	
	display: flex;
	flex-direction: column;
}
.bottom-sheet-container .content-wrap .address .cont-address .txt-title {
	font-size: 16px;
	font-weight: 500;
}	
.bottom-sheet-container .content-wrap .address .cont-address .tag-default {
	margin-left: 9px;
	display: flex;
	padding: 4px;
	justify-content: center;
	align-items: center;
	border-radius: 2px;
	background: rgba(55, 95, 254, 0.10);
	color: #375FFE;
	font-size: 9px;
	font-weight: 700;
}	
.bottom-sheet-container .content-wrap .address .cont-address .txt-address {
	color: #767676;
	font-size: 16px;
	font-weight: 500;
}	
.bottom-sheet-container .content-wrap .address .btn-edit {
	position: absolute;
	right: 30px;
	top: 0;
	background-image: url("../images/ico-page-edit-edit.png");
	background-size: 26px 26px;
	width: 26px;
	height: 26px;
}	
.bottom-sheet-container .content-wrap .address .btn-delete {
	position: absolute;
	right: 0;
	top: 2px;
	background-image: url("../images/ico-delete.svg");
	background-size: 24px 24px;
	width: 24px;
	height: 24px;
}	
.bottom-sheet-container .content-wrap .address-input {	
	padding: 16px;
}
.bottom-sheet-container .content-wrap .address-input.sm {	
	padding: 8px 16px;
}
.bottom-sheet-container .content-wrap .txt-input {
	margin-top: 4px;
	height: 48px;
	width: 100%;
	padding-bottom: 0;
	font-family: "Noto Sans KR", sans-serif;
	color: #353535;
}
.bottom-sheet-container .content-wrap .txt-input.sm {
	margin-top: 0;
	height: 32px;
}
.bottom-sheet-container .content-wrap input {
	font-size: 16px;
	font-weight: 600;
	border-bottom: 1px solid #A5A5A5;
	padding-bottom: 10px;
	width: 100%;
}
.bottom-sheet-container .content-wrap .input-point {
	font-size: 18px;
	font-weight: 600;
	border-bottom: 1px solid #A5A5A5;
	padding-bottom: 2px;
	width: 100px;
	text-align: right;
}
.bottom-sheet-container .content-wrap input.color {
	font-size: 18px;
	font-weight: 600;
	border-bottom: 1px solid #A5A5A5;
	padding-top: 10px;
	padding-left: 54px;
	width: 100%;
	color: #A5A5A5;
	font-weight: 500;
}
.bottom-sheet-container .content-wrap input::placeholder {
	font-size: 16px;
	font-weight: 400;
	color: #A5A5A5;
	font-family: "Noto Sans KR", sans-serif;
}
.bottom-sheet-container .content-wrap .address-input .input-address {	
	width: 100%;
}
.bottom-sheet-container .content-wrap .address-input .input-address .input-default {	
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 6px;
	border-bottom: #A5A5A5 solid 1px;
}
.bottom-sheet-container .content-wrap .address-input .input-address .input-zip {	
	display: flex;
	align-items: center;
}
.bottom-sheet-container .content-wrap .address-input .input-address .input-zip .btn-search-zip {	
	display: flex;
	min-width: 124px;
	margin-left: 20px;
	padding: 12px;
	border-radius: 10px;
	border: 1px solid #A5A5A5;
	color: #767676;
	justify-content: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 16px;
}
.bottom-sheet-container .btn-fixed-bottom {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	bottom: 30px;
	height: 56px;
	margin-top: 20px;
	cursor: pointer;
}
.bottom-sheet-container .btn-fixed-bottom.fit-width {
	width: calc(100% - 32px);
}
.bottom-sheet-container .btn-fixed-bottom.h-padding{
	padding: 0 16px;
}
.bottom-sheet-container .btn-fixed-bottom .btn-save {
	display: flex;
	height: 100%;
	width: 100%;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background: #000;
}
.bottom-sheet-container .btn-fixed-bottom .txt-btn-save {
	width: 100%;
	color: #FFF;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
}

.bottom-sheet-container .order-wrap {	
	padding: 0 16px;
	margin-top: 16px;
}
.bottom-sheet-container .order-wrap.border-bottom {	
	border-bottom: 12px solid #EEE;;
}
.bottom-sheet-container .order-wrap.no-margin {
	margin-top: 0;
}
.bottom-sheet-container .order-wrap .order {
	display: flex;
	flex-direction: column;
	padding: 8px 0;	
}
.bottom-sheet-container .order-wrap .title {
	position: relative;
	padding: 10px 0;	
	border-bottom: 1px solid #EEE;
}
.bottom-sheet-container .order-wrap .order .info {
	display: flex;
	align-items: center;
	padding: 8px 0;	
	min-height: 64px;
}
.bottom-sheet-container .order-wrap .order .info.disabled {
	opacity: 50%;
}
.bottom-sheet-container .order-wrap .order .info.sm {
	min-height: 50px;
	padding: 4px 0;
}
.bottom-sheet-container .order-wrap .order .info .btn-check {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 5px;
	margin-top: 0;
	width: 20px;	
	height: 20px;
	border-radius: 10px;
	background-color: #A5A5A5;
	background-position: center;
}
.bottom-sheet-container .order-wrap .order .info .btn-check img {
	width: 16px;
	height: 16px;
}
.bottom-sheet-container .order-wrap .order .info .img-preview {
	margin-left: 6px;
	width: 60px;
	height: 60px;
	min-width: 60px;
	min-height: 60px;
}
.bottom-sheet-container .order-wrap .order .info .img-preview.sm {
	margin-left: 0;
	width: 40px;
	height: 40px;
	min-width: 40px;
	min-height: 40px;
}
.bottom-sheet-container .order-wrap .order .info .img-preview.active {
	width: 102px;
	height: 102px;
	min-width: 102px;
	min-height: 102px;
}
.bottom-sheet-container .order-wrap .order .info .img-preview img {
	width: 100%;
    height: 100%;
	object-fit: cover;
	border-radius: 2px;
}
.bottom-sheet-container .order-wrap .order .info .img-preview.no-image {
	border: 1px solid #A5A5A5;	
	border-style: dashed;
	border-radius: 2px;
	background-color: #EEE;
}
.bottom-sheet-container .order-wrap .order .info .txt-cont {
	height:100%;
	width: calc(100% - 96px);
    margin-left: 16px;
}
.bottom-sheet-container .order-wrap .order .info .txt-cont .txt-title {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #000;	
	font-size: 16px;
	font-weight: 700;
}
.bottom-sheet-container .order-wrap .order .info .txt-cont .txt-title.active {
	color: #000;
	font-size: 14px;
	font-weight: 700;
}
.bottom-sheet-container .order-wrap .order .info .txt-cont .txt-sub-title {
	color: #375FFE;
	font-size: 12px;
	font-weight: 400;
}
.bottom-sheet-container .order-wrap .order .info .txt-cont .txt-sub-title.danger {
	color: #FF2525;
}
.bottom-sheet-container .order-wrap .order .info .txt-cont .txt-detail {
	color: #375FFE;
	font-size: 14px;
	font-weight: 500;
}
.bottom-sheet-container .order-wrap .order .info .txt-cont .txt-detail .highlight {	
	font-size: 14px;
	font-weight: 700;
}
.bottom-sheet-container .order-wrap .order .info .txt-cont .txt-desc {
	color: #375FFE;
	font-size: 12px;
	font-weight: 400;
}
.bottom-sheet-container .order-wrap .order .info .txt-cont .txt-desc.danger {
	color: #FF2525;
}
.bottom-sheet-container .order-wrap .order .info .txt-cont .txt-price {
	color: #000;
	font-size: 13px;
	font-weight: 500;
}
.bottom-sheet-container .order-wrap .order .info .txt-cont .txt-price .divider {
	color: #EEE;
	padding: 0 6px;
}
.bottom-sheet-container .order-wrap .order .info .txt-cont .txt-price .highlight {
	font-size: 14px;
}
.bottom-sheet-container .order-wrap .order .info .txt-cont .txt-detail .txt-stat {
	margin-left: 4px;
	color: #375FFE;
	font-size: 14px;
	font-weight: 700;
}
.bottom-sheet-container .input-wrap {
	margin-top: 16px;
	padding: 0 16px;
}
.bottom-sheet-container .input-wrap.margin-sm {
	margin-top: 4px;
	padding: 0 16px;
}
.bottom-sheet-container .input-wrap textarea {
	width: 100%;
	height: 100px;
	margin-top: 8px;
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #A5A5A5;
	color: #353535;
	font-size: 15px;
	font-weight: 400;
	font-family: "Noto Sans KR", sans-serif;
}
.bottom-sheet-container .input-wrap textarea::placeholder {
	font-size: 15px;
	font-weight: 400;
	color: #A5A5A5;
}
.bottom-sheet-container .info-input {	
	display: flex;
	align-items: center;
	margin-top: 16px;
	padding: 0 16px;
}
.bottom-sheet-container .info-input .txt-title {
	min-width: 70px;
	max-width: 70px;
	font-size: 14px;
    font-weight: 500;
}
.bottom-sheet-container .info-input .txt-input {	
	display: flex;
	align-items: center;
	margin-top: 0;
}

.bottom-sheet-container .upload-image {
	padding: 0 16px;
	margin-top: 16px;
}
.bottom-sheet-container .upload-image.pd-sm {
	padding: 8px 16px;
}
.bottom-sheet-container .upload-image .image-input {
	display: flex;
}
.bottom-sheet-container .upload-image .upload-image-thumbnails {
	display: flex;
	overflow-x:auto; 
	white-space:nowrap; 
	margin-top: 12px;
}
.bottom-sheet-container .upload-image .upload-image-thumbnails .thumbnail {
	position: relative;
	display: flex;
	min-width: 80px;
	min-height: 80px;
	width: 80px;
	height: 80px;
	margin-right: 8px;
	border: 1px solid #A5A5A5;
	border-radius: 10px;
	background-image: url("../images/ico-product-add.png");
	background-size: 24px 24px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
.bottom-sheet-container .upload-image .upload-image-thumbnails .thumbnail.no-border {
	border: none;
}
.bottom-sheet-container .upload-image .upload-image-thumbnails .thumbnail img {
	border-radius: 10px;
	object-fit: cover;	
	width: 100%;
}
.bottom-sheet-container .upload-image .upload-image-thumbnails .thumbnail .btn-delete {
	position: absolute;
	height: 28px;
	width: 28px;
	right: 4px;
	bottom: 4px;
	background-image: url("../images/ico-thumbnail-delete.png");
	background-size: 28px 28px;
	background-repeat: no-repeat;
	background-position: center;	
}
.bottom-sheet-container .upload-image .upload-image-thumbnails .thumbnail .btn-delete.sm {
	height: 24px;
	width: 24px;
	right: 4px;
	bottom: 4px;
	background-size: 24px 24px;
}
.bottom-sheet-container .upload-image .upload-image-thumbnails .thumbnail .btn-delete:active {
	transform: scale(0.95);
}


.block-list-wrap {
	margin-top: 8px;
}
.block-list-wrap.no-margin-top {
	margin-top: 0;
}
.block-list-wrap .section-title-wrap {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	padding: 8px 16px;
	background: #EEE;
}
.block-list-wrap .section-title-wrap.d-flex-column {
	flex-direction: column;
}
.block-list-wrap .section-title-wrap.highlight {
	background: rgba(55, 95, 254, 0.10);
}
.block-list-wrap .section-title {
	color: #767676;
	font-size: 12px;
	font-weight: 500;
}
.block-list-wrap .section-title.highlight {
	color: #375FFE;
}
.block-list-wrap .section-title.bold {
	font-size: 16px;
	font-weight: 500;
}
.block-list-wrap .desc {
	color: #375FFE;
	font-size: 12px;
	font-weight: 400;
}
.block-list-wrap .btns {
	display: flex;
	margin: 6px 0 2px 0;
	gap: 6px;
}
.block-list-wrap .btn-add {
	color: #FFF;
	background: #375FFE;
	border-radius: 6px;
	padding: 6px 8px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
}
.block-list li {
	position: relative;
	display: flex;
	align-items: center;
	padding: 16px;
	height: 80px;
	background: #FFF;
	border-bottom: 1px solid #A5A5A5;
}
.block-list li.product {
	height: 110px;
	border-top: 1px solid #A5A5A5;
}
.block-list li.product.sm {
	height: 80px;
}
.block-list li .ico-block {
	width: 48px;
	height: 48px;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: center;
	background-color: #EEE;
}
.block-list li .ico-block.product1 {
	background-image: url("../images/ico-add-block-product-01.svg");
	background-color: rgba(55, 95, 254, 0.10);
}
.block-list li .ico-block.partner-link {
	background-image: url("../images/ico-page-edit-partner-link.svg");
	background-color: rgba(55, 95, 254, 0.10);
}
.block-list li .ico-block.product2 {
	background-image: url("../images/ico-add-block-product-02.svg");
	background-color: rgba(55, 95, 254, 0.10);
}
.block-list li .ico-block.link {
	background-image: url("../images/ico-page-edit-link.svg");
}
.block-list li .ico-block.text {
	background-image: url("../images/ico-page-edit-text.svg");
}
.block-list li .ico-block.sns {
	background-image: url("../images/ico-page-edit-sns.svg");
}
.block-list li .ico-block.divider {
	background-image: url("../images/ico-page-edit-divider.svg");
}
.block-list li .ico-block.calendar {
	background-image: url("../images/ico-page-edit-calendar.svg");
}
.block-list li .ico-block.image {
	background-image: url("../images/ico-page-edit-gallery.svg");
}
.block-list li .ico-block.youtube {
	background-image: url("../images/ico-page-edit-youtube.svg");
}
.block-list li .txt-wrap {
	margin-left: 12px;
}
.block-list li .txt-wrap .desc {
	color: #767676;
	font-size: 12px;
	font-weight: 500;
}
.block-list li .txt-wrap .product {
	color: #375FFE;
	font-size: 12px;
	font-weight: 500;
}
.block-list li .title-wrap {
	display: flex;
	align-items: center;
}
.block-list li .title-wrap .txt-title {
	font-size: 16px;
	font-weight: 700;
}
.block-list li .btn-wrap {
	position: absolute;
	width: 70px;
	right: 16px;
	display: flex;
	flex-direction: column;
	align-items: center;	
	gap: 6px;
}
.block-list li .btn-wrap .btn-preview {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 28px;
	border-radius: 6px;
	border: 1px solid #A5A5A5;
	background-color: #FFF;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
}
.block-list li .btn-wrap .btn-select {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 28px;
	border-radius: 6px;
	border: 1px solid #000;
	background-color: #000;
	color: #FFF;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
}

.block-list li:active {
	background: #EEE;
}
.block-list li:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

.txt-required {
	color: #375ffe;
	font-size: 12px;
	font-weight: 500;
}
.required::after {
	margin-left: 5px;
	content: "[필수]";
	display: inline-block;
	color: #375FFE;
	font-size: 12px;
	font-weight: 500;
}
.txt-title.required::after {
	margin-left: 4px;
	content: "[필수]";
	display: inline-block;
	color: #375FFE;
	font-size: 10px;
	font-weight: 500;
}
.optional::after {
	margin-left: 5px;
	content: "[선택]";
	display: inline-block;
	color: #A5A5A5;
	font-size: 12px;
	font-weight: 500;
}

.page-add-block .btn-fixed-bottom {
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: var(--max-screen-width);
	padding: 0 16px;
	align-items: center;
	height: 56px;
	margin-bottom: 20px;
	gap: 8px;
	cursor: pointer;
}
.page-add-block .btn-fixed-bottom.d-flex-column {
	flex-direction: column;
	height: auto;
}
.page-add-block .btn-fixed-bottom.fixed-bottom {
	position: fixed;
	bottom: 0;
}
.page-add-block .btn-fixed-bottom.absolute {
	position: absolute;
}
.page-add-block .btn-fixed-bottom.fixed {
	position: fixed;
}
.page-add-block .btn-fixed-bottom.h-padding{
	padding: 0 16px;
}
.page-add-block .btn-fixed-bottom.bg-white {
	flex-direction: column;
	background: #FFFFFFEE;
	margin-bottom: 0;
	padding-bottom: 16px;
	padding-top: 16px;
}
.page-add-block .btn-fixed-bottom .btn-save {
	display: flex;
	height: 56px;
	width: 100%;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background: #000;
	color: #FFF;
}
.page-add-block .btn-fixed-bottom .btn-save.highlight {
	background: #375FFE;
}
.page-add-block .btn-fixed-bottom .btn-save.highlight-red {
	background: #FF2525;
}
.page-add-block .btn-fixed-bottom .btn-save.disabled {
	background: #EEE;
	color: #000;
	font-weight: 500;
}
.page-add-block .btn-fixed-bottom .btn-save.alter {
	border: 1px solid #CCC;
	background: #FFF;
	color: #000;
}
.page-add-block .btn-fixed-bottom .txt-btn-save {
	width: 100%;
	color: #FFF;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
}
.page-add-block .btn-fixed-bottom .txt-btn-save.alter {
	color: #353535;
	font-size: 16px;
	font-weight: 500;
}
.page-add-block .btn-fixed-bottom .txt-btn-save.disabled {
	color: #000;
}
.page-add-block .section-title {
	display: flex;
    flex-direction: column;
	padding: 16px;
}
.page-add-block .section-title .txt-title {
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
}
.page-add-block .section-title .txt-title .highlight {
	color: #375FFE;
}
.page-add-block .section-title .txt-desc {
	margin-top: 8px;
	color: #767676;
	font-size: 16px;
	font-weight: 400;
}
.page-add-block .section-title-wrap .btn-wrap {
	display: flex;
	width: 100px;
	align-items: center;
	justify-content: center;
}
.page-add-block .section-title-wrap .btn-add {
    padding: 12px;
    border-radius: 10px;
    border: 1px solid #A5A5A5;
    background: #FFF;
    color: #000;
    font-size: 16px;
    font-weight: 500;
	line-height: 16px;
}
.page-add-block .txt-sub-title {
	position: relative;
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: 500;
	word-break: keep-all;
}
.page-add-block .txt-sub-title .highlight{
	margin-left: 8px;
	color: #375FFE;
}
.page-add-block .txt-sub-title .btn-expand {
	position: absolute;
	right: 16px;
	content: "";
	display: inline-block;
	background-image: url("../images/ico-select.png");
	background-size: 24px 24px;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin-top: 3px;
	cursor: pointer;
}
.page-add-block .txt-sub-title .btn-expand.no-margin {
	right: 0;
	margin-top: 0;
}
.page-add-block .txt-sub-title .btn-expand.opposite {
	transform: rotate(180deg);
}
.page-add-block .txt-sub-desc {
	margin-top: 4px;
	display: flex;
	align-items: center;
	color: #A5A5A5;
	font-size: 12px;
	font-weight: 400;
	word-break: keep-all;
}
.page-add-block .txt-sub-desc .highlight {
	color: #375FFE;
	font-weight: 700;
}
.page-add-block.h-padding {
	padding-left: 16px;
	padding-right: 16px;
}
.page-add-block .h-padding {
	padding-left: 16px;
	padding-right: 16px;
}
.page-add-block .v-padding {
	padding-top: 12px;
	padding-bottom: 12px;
}
.page-add-block .v-padding.bottom-only {
	padding-top: 0;
}
.page-add-block .v-padding.top-only {
	padding-bottom: 0;
}
.page-add-block .v-padding-sm {
	padding: 8px 0;
}
.page-add-block .product-code .code {
	position: relative;
	display: flex;
	align-items: center;
}
.page-add-block .product-code .code .txt-product-code {
	color: #375FFE;
	font-size: 24px;
	font-weight: 700;
}
.page-add-block .product-code .code .txt-copy {
	position: absolute;
	right: 16px;
	color: #767676;
	font-size: 12px;
	font-weight: 500;
	text-decoration-line: underline;
}
.page-add-block .divider {
	border-top: solid 1px #EEE;
    height: 1px;
    margin-bottom: 12px;
}
.page-add-block .logistics {	
	padding: 0 16px 16px 16px;
}
.page-add-block .logistics .cont {	
	display: flex;
	flex-direction: column;
}
.page-add-block .logistics .input-info {	
	display: flex;
	align-items: center;	
	margin-top: 10px;
}
.page-add-block .logistics .input-info.address {		
	align-items: flex-start;	
	margin-top: 14px;
}
.page-add-block .logistics .input-info .input-address {	
	width: 100%;
}
.page-add-block .logistics .input-info .input-address .input-zip {	
	display: flex;
	align-items: center;
}
.page-add-block .logistics .input-info .input-address .input-zip .btn-search-zip {	
	display: flex;
	margin-bottom: 8px;
	min-width: 90px;
	margin-left: 20px;
	padding: 10px 12px;
	border-radius: 10px;
	border: 1px solid #A5A5A5;
	color: #767676;
	justify-content: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 16px;
}
.page-add-block .logistics .input-info .input-default.address {
	height: 42px;
}
.page-add-block .logistics .input-info input {
	width: 100%;
	font-size: 15px;
	font-weight: 600;
	font-family: "Noto Sans KR", sans-serif;
	letter-spacing: 0.5px;
}
.page-add-block .logistics .input-check {	
	display: flex;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 500;	
	color: #A5A5A5;
}
.page-add-block .logistics .input-check .btn-check {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 5px;
	width: 20px;	
	height: 20px;
	border-radius: 10px;
	background-color: #A5A5A5;
	background-position: center;
}
.page-add-block .logistics .input-check .btn-check img {
	width: 16px;
	height: 16px;
}

.page-add-block .logistics-extra {
	margin-top: 6px;
	display: flex;
	flex-direction: column;
}
.page-add-block .logistics-input {
	margin-top: 8px;
	display: flex;
	align-items: center;
}
.page-add-block .logistics .txt-title.lg {
	min-width: 150px;
	max-width: 150px;
}
.page-add-block .logistics .txt-title {
	min-width: 100px;
	max-width: 100px;
	font-size: 14px;
    font-weight: 500;
}
.page-add-block .bank-input {
	margin-top: 6px;
	display: flex;
	align-items: center;
}
.page-add-block .bank-input .txt-title {
	min-width: 120px;
	font-size: 14px;
    font-weight: 500;
}
.page-add-block .sns-input {
	margin-top: 6px;
	display: flex;
	align-items: center;
}
.page-add-block .sns-input .txt-title {
	margin-right: 4px;
	font-size: 14px;
    font-weight: 500;
	color: #767676;
}
.page-add-block .block-layout {
	padding: 16px;
}
.page-add-block .block-layout .layout-thumbnails {
	display: flex;
	overflow-x:auto; 
	white-space:nowrap; 
	margin-top: 12px;
}
.page-add-block .block-layout .layout-thumbnails .thumbnail {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 128px;
	margin-right: 8px;
	cursor: pointer;
}
.page-add-block .block-layout .layout-thumbnails .thumbnail img {
	border-radius: 10px;
	object-fit: cover;
}
.page-add-block .block-layout .layout-thumbnails .thumbnail img.selected{
	border: 2px solid #375FFE;
}
.page-add-block .block-layout .layout-thumbnails .thumbnail .txt-thumbnail-title {
	margin-top: 4px;
	color: #A5A5A5;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
}
.page-add-block .block-layout .layout-thumbnails .thumbnail .txt-thumbnail-title.selected {
	color: #375FFE;
}
.page-add-block .product-info {
	display: flex;
    flex-direction: column;
	padding: 16px;
	border-bottom: 16px solid #EEE;
}
.page-add-block .product-info.no-border {
	border-bottom: none;
}
.page-add-block .product-list {
	position: relative;
	background-color: #EEE;
}
.page-add-block .product-list .header {
	position: relative;
	display: flex;
	margin: 8px 0;
	align-items: center;
}
.page-add-block .product-list .title {
	margin-right: 4px;
}
.page-add-block .product-list .header .btn-add-product {
	position: absolute;
	right: 10px;
	padding: 12px 16px;
	border-radius: 10px;
	border: 1px solid #A5A5A5;
	background: #FFF;
	color: #000;
	font-size: 16px;
	font-weight: 500;
}
.page-add-block .product-list .header .btn-add-product.sm {
	padding: 8px 16px;
}
.page-add-block .product-list .header .btn-add-product .txt-count {
	color: #375FFE;
}
.page-add-block .product-list .products .product {
	display: flex;
	align-items: center;
	padding: 12px 0;	
	min-height: 100px;
	justify-content: space-between;
}
.page-add-block .product-list .products .product:not(:last-child){	
	border-bottom: solid 1px #A5A5A5;
}
.page-add-block .product-list .products .new-product {
	margin-top: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80px;
	border-radius: 10px;
	border: 1px solid #A5A5A5;
}
.page-add-block .product-list .products .new-product .txt-guide {
	color: #A5A5A5;
	font-size: 12px;
	font-weight: 500;
}
.page-add-block .product-list .products .new-product::before {
	content: "";
	display: inline-block;
	background-image: url("../images/ico-info.png");
	background-size: 24px 24px;
	width: 24px;
	height: 24px;
	margin-right: 8px;
	vertical-align: middle;
}
.page-add-block .product-list .products .product .img-preview {
	display: block;
    position: absolute;
	left: 0;    
    overflow: hidden;
	width: 80px;
	height: 80px;
}
.page-add-block .product-list .products .product .img-preview img {
	width: 100%;
    height: 100%;
	object-fit: cover;
	border-radius: 4px;
}
.page-add-block .product-list .products .product .product-cont {
	height:100%;
	width: calc(100% - 120px);
    margin-left: 92px;	
}
.page-add-block .product-list .products .product .product-cont .txt-title {
	width: 100%;
	font-size: 16px;
	font-weight: 500;
}
.page-add-block .product-list .products .product .product-cont .txt-desc {
	margin-top: 2px;
	color: #A5A5A5;
	font-size: 16px;
	font-weight: 500;
}
.page-add-block .product-list .products .product .btn-delete {
	width: 24px;
	background-image: url("../images/ico-product-delete.png");
	background-size: 24px 24px;
	width: 24px;
	height: 24px;
}
.page-add-block .new-product.add {
	display: flex;
	height: 48px;
	border-radius: 10px;
	border: 1px solid #A5A5A5;
	background-image: url("../images/ico-product-add.png");
	background-size: 24px 24px;
	background-repeat: no-repeat;
	background-position: center;
}
.page-add-block .new-product.add:active {
	transform: scale(0.98);
}
.page-add-block .dates {
	display: flex;
	flex-direction: column;
	margin-top: 12px;
}
.page-add-block .dates .date-time {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 48px;
}
.page-add-block input {
	font-size: 16px;
	font-weight: 600;
	border-bottom: 1px solid #A5A5A5;
	padding-bottom: 10px;
}
/* .page-add-block .color-picker .color-input {
	margin-left: 20px;
	padding-left: 10px;
	width: 100px;
	direction: ltr;
  } */
.page-add-block input::placeholder {
	font-size: 16px;
	font-weight: 400;
	color: #A5A5A5;
	font-family: "Noto Sans KR", sans-serif;
}
.page-add-block .dates .date-time .date-input {
	width: 55%;
}
.page-add-block .dates .date-time .date-input.even {
	width: 48%;
}
.page-add-block .dates .date-time .time-input {
	width: 40%;
}
.page-add-block .dates .date-time .time-input.even {
	width: 48%;
}
/* .page-add-block .dates .btn-switch {
	position: absolute;
	right: 4px;
	bottom: 20px;
	align-items: center;
	cursor: pointer;
	border-bottom: 2px solid #000;;
} */
.page-add-block .btn-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.page-add-block .btn-input {
	margin-top: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 48px;
	border-radius: 10px;
	border: 1px solid #A5A5A5;
	background-color: #FFF;
	color: #000;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
}
.page-add-block .btn-input.mr-sm {
	margin-top: 8px;
}
.page-add-block .h-margin {
	margin: 0 16px;
}
.page-add-block .btn-input.no-top-margin {
	margin-top: 0;
}

.page-add-block .btn-input.highlight {
	color: #375FFE;
	border: 1px solid #375FFE;
}
.page-add-block .btn-input.highlight-red {
	color: #FF2525;
	border: 1px solid #FF2525;
}
.page-add-block .btn-input.disabled {
	color: #CCC;
	border: 1px solid #CCC;
}
.page-add-block .btn-input.margin-sm {
	margin-top: 8px;
}
.page-add-block .btn-input:active {
	transform: scale(0.98);
}
.page-add-block .noti-reserve {
	margin-top: 8px;
	display: flex;
    height: 48px;
    align-items: center;
	justify-content: space-between;
}
.page-add-block .txt-noti-reserve {
	font-size: 16px;
	font-weight: 500;
}
.page-add-block .tab-cont {
	display: flex;
	flex-direction: column;
	/* padding-bottom: 16px; */
	border-bottom: 16px solid #EEE;
}

.add-option {
	padding: 0 16px;
}
.add-option .txt-input {
	margin-top: 8px;
	width: 100%;
}
.page-add-block .has-product-option {
	display: flex;
    flex-direction: column;
	padding: 16px;
}

.current {
	overflow: hidden;
}

.txt-select-option {
	color: #A5A5A5;
	font-size: 12px;
	font-weight: 400;
}
.txt-select-option.mr-5 {
	margin-right: 5px;
}
.txt-select-option.highlight {
	color: #375FFE;
}

/* nicescroll 모바일 대응 */
.list{ overflow-y: auto !important; -ms-overflow-style: none; scrollbar-width: none; }
.list::-webkit-scrollbar { display: none; }

.page-add-block .product-category {
	display: flex;
	flex-direction: column;
	padding: 12px 16px;
}
.page-add-block .product-category .nice-select {
	margin-top: 12px;
}
.page-add-block .product-option-list {
	display: flex;
	flex-direction: column;
	padding: 16px;
}
.page-add-block .product-option-list.no-v-padding {
	padding: 0 16px;
}
.page-add-block .product-option-list .nice-select {
	margin-top: 12px;
}
.page-add-block .product-option-list .option-select .nice-select {
	margin-top: 0;
	height: 32px;
    line-height: 30px;
	font-size: 14px;
}
.page-add-block .options-input {
	display: none;
	padding: 16px;
	border-top: solid 12px #EEE;
}
.page-add-block .options-guide {
	color: #767676;
	font-family: "Noto Sans KR";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
}
.page-add-block .product-image {
	padding: 12px 16px;
}
.page-add-block .product-image.pd-sm {
	padding: 8px 16px;
}
.page-add-block .product-image .image-input {
	display: flex;
}
.page-add-block .product-image .product-image-thumbnails {
	display: flex;
	overflow-x:auto; 
	white-space:nowrap; 
	margin-top: 12px;
}
.page-add-block .product-image .product-image-thumbnails .thumbnail {
	position: relative;
	display: flex;
	min-width: 114px;
	min-height: 114px;
	width: 114px;
	height: 114px;
	margin-right: 8px;
	border: 1px solid #A5A5A5;
	border-radius: 10px;
	background-image: url("../images/ico-product-add.png");
	background-size: 24px 24px;
	background-repeat: no-repeat;
	background-position: center;
}
.page-add-block .product-image .product-image-thumbnails .thumbnail.sm {
	min-width: 64px;
	min-height: 64px;
	max-width: 64px;
	max-height: 64px;
}
.page-add-block .product-image .product-image-thumbnails .thumbnail.no-border {
	border: none;
}
.page-add-block .product-image .product-image-thumbnails .thumbnail img {
	border-radius: 10px;
	object-fit: cover;	
	width: 100%;
}
.page-add-block .product-image .product-image-thumbnails .thumbnail .btn-delete {
	position: absolute;
	height: 32px;
	width: 32px;
	right: 8px;
	bottom: 8px;
	background-image: url("../images/ico-thumbnail-delete.png");
	background-size: 32px 32px;
	background-repeat: no-repeat;
	background-position: center;	
}
.page-add-block .product-image .product-image-thumbnails .thumbnail .btn-delete.sm {
	height: 24px;
	width: 24px;
	right: 4px;
	bottom: 4px;
	background-size: 24px 24px;
}
.page-add-block .product-image .product-image-thumbnails .thumbnail .btn-delete:active {
	transform: scale(0.95);
}
.page-add-block .product-name {
	padding: 12px 16px;
}
.page-add-block .default-input {
	position: relative;
	padding: 12px 16px;
}
.page-add-block .default-input.pd-sm {
	position: relative;
	padding: 8px 16px;
}
.page-add-block .default-input.pd-xs {
	position: relative;
	padding: 0;
}
.page-add-block .default-input.no-btm-padding {
	padding-bottom: 0;
}
.page-add-block .default-input .btn-txt-delete {
	position: absolute;
	z-index: 10;
	right: 12px;
	bottom: 14px;
	width: 24px;
	background-image: url("../images/ico-product-delete.png");
	background-size: 24px 24px;
	width: 24px;
	height: 24px;
}
.page-add-block .default-input .btn-apply {
	position: absolute;
	right: 16px;
	top: 8px;
	display: flex;
	padding: 4px 8px;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	border: 1px solid #CCC;	
	background: #FFF;
	font-size: 14px;
	font-weight: 500;
}
.page-add-block .default-input textarea {
	width: 100%;
	height: 100px;
	margin-top: 8px;
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #A5A5A5;
	color: #353535;
	font-size: 15px;
	font-weight: 400;
	font-family: "Noto Sans KR", sans-serif;
}
.page-add-block .default-input textarea::placeholder {
	font-size: 15px;
	font-weight: 400;
	color: #A5A5A5;
}

.page-add-block .block-deco {
	padding: 16px;
	border-bottom: 16px solid #EEE;
}
.page-add-block .block-deco .btn-input {
	margin-top: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 48px;
	border-radius: 10px;
	border: 1px solid #A5A5A5;
	color: #000;
	font-size: 16px;
	font-weight: 500;
}
.page-add-block .block-deco .btn-input:active {
	transform: scale(0.98);
}
.page-add-block .color-picker {
	margin-left: 2px;
	display: flex;
	align-items: center;
}
.page-add-block .color-picker .txt-select {
	margin-right: 10px;
	display: flex;
	align-items: center;
}
.page-add-block .input-wrap {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #A5A5A5;
}
.page-add-block .input-wrap input {
	border-bottom: none;
}
.page-add-block .input-wrap .txt-unit {
	/* margin-top: 4px; */
	width: 30px;
	color: #353535;
	font-size: 16px;
	font-weight: 500;
	text-align: right;
}
.page-add-block .input-wrap .btn-delete {
	position: absolute;
	height: 28px;
	width: 28px;
	right: 0;
	bottom: 4px;
	background-image: url("../images/ico-delete.png");
	background-size: 28px 28px;
	background-repeat: no-repeat;
	background-position: center;	
}
.page-add-block input[type=text]:focus {
	border-bottom: 1px solid #375FFE !important;
	box-shadow: 0 1px 0 0 #375FFE;
}
.page-add-block .txt-input {
	margin-top: 2px;
	height: 36px;
	width: 100%;
	padding-bottom: 0;
	font-family: "Noto Sans KR", sans-serif;
	color: #353535;
}
.page-add-block .txt-input.md {
	margin-top: 0;
	height: 36px;
}
.page-add-block .txt-input.sm {
	margin-top: 0;
	height: 32px;
}
.page-add-block .txt-input.txt-right {
	text-align: end;
}
.page-add-block .product-price .use-discount {
	margin-top: 20px;
}
.page-add-block .product-price .discounted {
	margin-top: 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.page-add-block .product-price .txt-title {
	color: #375FFE;
	font-size: 16px;
	font-weight: 700;
}
.page-add-block .product-price .discounted-info {
	display: flex;
}
.page-add-block .product-price .discounted-rate {
	color: #375FFE;
	font-size: 22px;
	font-weight: 500;
}
.page-add-block .product-price .discounted-price {
	margin-left: 10px;
	color: #375FFE;
	font-size: 22px;
	font-weight: 700;
}
input[id="check_product_discount"] { 
	display: none;
}

input[id="check_product_discount"] + label {
	cursor:pointer;
}

input[id="check_product_discount"] + label > span {
	vertical-align: middle;
	padding-left: 4px;
	color: #A5A5A5;
	font-size: 16px;
	font-weight: 500;
}
input[id="check_product_discount"]:checked + label > span {
	color: #000;
}

/* label:before에 체크하기 전 상태 CSS */
input[id="check_product_discount"] + label:before{
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #A5A5A5;
	border-radius: 50%;
	vertical-align: middle;
}

/* label:before에 체크 된 상태 CSS */  
input[id="check_product_discount"]:checked + label:before{
	content: "";
	background-color: #375FFE;
	background-image: url('check_btn.png');
	background-repeat: no-repeat;
	background-position: 50%;
}
input[id="check_product_option_discount"] { 
	display: none;
}

input[id="check_product_option_discount"] + label {
	cursor:pointer;
}

input[id="check_product_option_discount"] + label > span {
	vertical-align: middle;
	padding-left: 4px;
	color: #A5A5A5;
	font-size: 16px;
	font-weight: 500;
}
input[id="check_product_option_discount"]:checked + label > span {
	color: #000;
}

/* label:before에 체크하기 전 상태 CSS */
input[id="check_product_option_discount"] + label:before{
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #A5A5A5;
	border-radius: 50%;
	vertical-align: middle;
}

/* label:before에 체크 된 상태 CSS */  
input[id="check_product_option_discount"]:checked + label:before{
	content: "";
	background-color: #375FFE;
	background-image: url('check_btn.png');
	background-repeat: no-repeat;
	background-position: 50%;
}

.ship-info .btn-input {
	margin-top: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 48px;
	border-radius: 10px;
	border: 1px solid #A5A5A5;
	color: #000;
	font-size: 16px;
	font-weight: 500;
}
.ship-info .btn-input:active {
	transform: scale(0.98);
}

.page-add-block .option-list {
	position: relative;
	margin-top: 12px;
}
.page-add-block .option-list .options {
	margin-top: 12px;
}
.page-add-block .option-list .options.bg-grey {
	background-color: #EEE;
}
.page-add-block .option-list .options .option {
	display: flex;
	align-items: center;
	padding: 12px 0;	
	min-height: 100px;
	justify-content: space-between;
}
.page-add-block .option-list .options .option:not(:last-child){	
	border-bottom: solid 1px #A5A5A5;
}
.page-add-block .option-list .options .option .img-preview {
	display:block;
    position:absolute;
	left: 0;    
    overflow: hidden;
	width: 72px;
	height: 72px;
}
.page-add-block .option-list .options .option .img-preview img {
	width: 100%;
    height: 100%;
	object-fit: cover;
	border-radius: 4px;
}
.page-add-block .option-list .options .option .img-preview.no-image {
	border: 1px solid #A5A5A5;	
	border-style: dashed;
	border-radius: 4px;
	background-color: #EEE;
}
.page-add-block .option-list .options .option .option-cont {
	height:100%;
	width: calc(100% - 120px);
    margin-left: 82px;
}
.page-add-block .option-list .options .option .option-cont .txt-title {
	width: 100%;
	font-size: 16px;
	font-weight: 500;
}
.page-add-block .option-list .options .option .option-cont .txt-desc {
	margin-top: 2px;
	font-size: 16px;
	font-weight: 500;
}

.page-add-block .option-list .options .option .btns {
	position: absolute;
	display: flex;
	flex-direction: column;
	width: 48px;
	height: 100%;
	right: 0;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.page-add-block .option-list .options .option .btns .btn-edit {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 48px;
	height: 31px;
}
.page-add-block .option-list .options .option .btns .btn-edit img {
	width: 24px;
	height: 24px;
}
.page-add-block .option-list .options .option .btns .btn-delete {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 6px;
	width: 48px;
	height: 31px;
}
.page-add-block .option-list .options .option .btns .btn-delete img {
	width: 24px;
	height: 24px;
}

.page-add-block .options .new-option {
	margin-top: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80px;
	border-radius: 10px;
	border: 1px solid #A5A5A5;
}
.page-add-block .options .new-option .txt-guide {
	color: #A5A5A5;
	font-size: 12px;
	font-weight: 500;
}
.page-add-block .options .new-option::before {
	content: "";
	display: inline-block;
	background-image: url("../images/ico-info.png");
	background-size: 24px 24px;
	width: 24px;
	height: 24px;
	margin-right: 8px;
	vertical-align: middle;
}
.page-add-block .new-option.add {
	display: flex;
	height: 48px;
	border-radius: 10px;
	border: 1px solid #A5A5A5;
	background-image: url("../images/ico-product-add.png");
	background-size: 24px 24px;
	background-repeat: no-repeat;
	background-position: center;
}
.page-add-block .new-option.add:active {
	transform: scale(0.98);
}
.page-add-block .product-common-info {
	display: flex;
    flex-direction: column;
	padding: 32px 16px 16px 16px;
}

.page-add-block .card {
	display: flex;
	flex-direction: column;
	margin: 10px 0;
	position: relative;
	overflow: hidden;
	background: #FFF;
	border-radius: 10px;
	border: 1px solid #CCC;
}
.page-add-block .card.drag {
	flex-direction: row;
	justify-content: space-between;
	margin: 6px 0;
}
.page-add-block .card.edit {
	border: none;
	flex-direction: row;
	margin: 12px 0;
}
.page-add-block .card.no-btm-margin {
	margin-bottom: 0;
}
.page-add-block .block-drag {
	display: flex;
	min-width: 32px;
	max-width: 32px;
	position: relative;
	align-items: center;
	background: url("../images/ico-drag.png") no-repeat;
	background-position: center;
    -webkit-touch-callout: none;
}
.page-add-block .block-main {
	width: 100%;
	padding: 12px 16px;
	display: flex;
}
.page-add-block .block-main.bg-grey {
	border-radius: 0px 0px 10px 10px;
	background: #F7F7F7;
}
.page-add-block .block-main.drag {
	padding: 8px 12px 12px 12px;
	flex-direction: column;
}
.page-add-block .block-main .info-header {	
	display: flex;
	align-items: center;
	position: relative;
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: solid 1px #EEE;
}
.page-add-block .block-main .info-header.inactive {	
	display: flex;
	align-items: center;
	position: relative;
	padding-bottom: 12px;
	margin-top: 4px;
	margin-bottom: 10px;
	border-bottom: solid 1px #EEE;
}
.page-add-block .block-main .tag-status {
	display: flex;
	height: 28px;
	padding: 8px 10px;
	margin-right: 8px;
	justify-content: center;
	align-items: center;
	color: #FF2525;
	font-size: 14px;
	font-weight: 500;
	border-radius: 6px;
	background: rgba(255, 37, 37, 0.10);
}
.page-add-block .block-main .txt-option {	
	font-size: 16px;
	font-weight: 700;
}
.page-add-block .block-main .txt-option.highlight {
	color: #375FFE;
}
.page-add-block .block-main .txt-option.highlight-red {
	color: #FF2525;
}
.page-add-block .block-main .btn-activate {	
	position: absolute;
	right: 0;
	display: flex;
	height: 32px;
	padding: 0px 16px;
	justify-content: center;
	align-items: center;
	color: #000;
	font-size: 14px;
	font-weight: 500;
	border-radius: 6px;
	border: 1px solid #CCC;
}
.page-add-block .block-main .info-wrap {
	width: 100%;
	height: fit-content;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 18px;
	grid-row-gap: 4px;
}  
.page-add-block .block-main .info {
	height: 20px;
	display: flex;
	justify-content: space-between;
}
.page-add-block .block-main .info .txt-title {
	font-size: 14px;
	font-weight: 500;
}

.page-add-block .block-main .info.highlight {
	color: #375FFE;
}
.page-add-block .block-main .info.highlight-red {
	color: #FF2525;
}
.page-add-block .block-main .info.disabled {
	color: #CCCCCC;
}
.page-add-block .block-main .info .txt-value {
	text-align: right;
	font-size: 14px;
	font-weight: 500;
}

.page-add-block .block-main.edit {
	padding: 8px 12px 12px 12px;
	flex-direction: column;
	border-radius: 10px;
	border: 1px solid #CCC;
}
.page-add-block .block-main.edit.checked {
	border: 1px solid #FF2525;
}
.page-add-block .block-main .cont-input {
	width: 100%;
	padding-left: 16px;
	display: flex;
	flex-direction: column;
}
.page-add-block .block-main .cont-input .discount {
	margin-top: 5px;
	width: 100%;
}
.page-add-block .img-preview {
	display: block;
    overflow: hidden;
	min-width: 80px;
	max-width: 80px;
	min-height: 80px;	
	max-height: 80px;
}
.page-add-block .img-preview img {
	width: 100%;
    height: 100%;
	object-fit: cover;
	border-radius: 4px;
}
.page-add-block .title-input {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.page-add-block .title-input.option-select {
	/* align-items: flex-start; */
	margin-top: 12px;
}
.page-add-block .title-input.stock {
	margin-top: 5px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.page-add-block .title-input .txt-title {
	min-width: 80px;
	color: #353535;
	font-size: 14px;
	font-weight: 500;
}
.page-add-block .title-input .txt-title.highlight {
	color: #375FFE;
}
.page-add-block .title-input .option-select {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding-left: 16px;
}
.page-add-block .title-input .input-value {
	width: 100%;
	display: flex;
	align-items: baseline;
	font-size: 16px;
	font-weight: 500;
}
.page-add-block .title-input .input-value.highlight {
	color: #375FFE;
}
.page-add-block .title-input .input-value.l-padding {
	padding-left: 16px;
}
.page-add-block .title-input .input-value input {
	width: 100%;
	font-size: 14px;
	font-weight: 700;
	text-align: right;
	border-bottom: 1px solid #CCC;
	padding: 6px 4px 4px 0;
	color: #375FFE;
}
.page-add-block .title-input .input-value.txt-left input {
	text-align: left;
}
.page-add-block .title-input .input-value.bg-grey input {
	background: #F7F7F7;
}
.page-add-block .title-input .input-value input.highlight {
	color: #375FFE;
	border-bottom: none;
}
.page-add-block .title-input .input-value input::placeholder {
	font-size: 16px;
	font-weight: 400;
	color: #A5A5A5;
	font-family: "Noto Sans KR", sans-serif;
}
.page-add-block .title-input .input-value.option-add input::placeholder {
	font-size: 13px;
}
.page-add-block .title-input .discount-info {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-left: 8px;
}
.page-add-block .txt-discount {
	display: flex;
	align-items: center;
	justify-content: end;
	color: #375FFE;
	font-size: 14px;
	font-weight: 700;
}
.page-add-block .block-header {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 12px 16px;
	position: relative;
	align-items: center;
	border-bottom: 6px solid #EEE;
}
.page-add-block .block-header.no-border {
	border-bottom: none;
}
/* .page-edit .blocks .block-header .ico-drag {
	width: 12px;	
	height: 18px;
	background: url("../images/ico-drag.png") 0px 0px / 100% 100% no-repeat;
} */
.page-add-block .block-header .title {
	display: flex;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 1px;
}
.page-add-block .block-header .title::before {
	content: "";
	display: inline-block;
	background-image: url("../images/ico-page-edit-product.png");
	background-size: 24px 24px;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin-right: 5px;
}
.page-add-block .block-header .btns {
	position: absolute;
	right: 12px;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}
.page-add-block .block-header .btns .btn-delete {
	margin-left: 8px;
	width: 24px;	
	height: 24px;
	background: url("../images/ico-delete.svg") 0px 0px / 100% 100% no-repeat;
}
.page-add-block .block-check {
	display: flex;
	min-width: 40px;
	max-width: 40px;
	min-height: 100%;
	position: relative;
	align-items: center;
	justify-content: center;
}
.page-add-block .block-check:active {
	transform: scale(0.95);
}
.page-add-block .block-check .btn-check {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;	
	height: 20px;
	border-radius: 10px;
	background-color: #A5A5A5;
	background-position: center;
}
.page-add-block .block-check .btn-check img {
	width: 16px;
	height: 16px;
}
.page-add-block .block-cont {
	display: flex;
	padding: 0 16px 16px 2px;
}
.page-add-block .block-cont .img-preview {
    overflow: hidden;
	width: 70px;
	height: 70px;
}
.page-add-block .block-cont .img-preview img {
	width: 100%;
    height: 100%;
	object-fit: cover;
	border-radius: 4px;
}
.page-add-block .block-cont .cont {
	flex: 1 0 auto;
    margin-left: 14px;
}
.page-add-block .block-cont .cont.d-flex-column {
	flex: 1;
	flex-direction: column;
    margin-left: 14px;
}
.page-add-block .block-cont .cont .txt-title {
	width: 100%;
	word-break: keep-all;
	font-size: 16px;
	font-weight: 500;
}
.page-add-block .block-cont .cont .txt-title.sm {
	word-break: keep-all;
	font-size: 16px;
	font-weight: 500;
	max-width: 220px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	line-height: 16px;
}
.page-add-block .block-cont .cont .txt-desc {
	margin-top: 2px;
	color: #A5A5A5;
	font-size: 16px;
	font-weight: 500;
}
.page-add-block .block-cont .cont .txt-desc.highlight {
	font-size: 14px;
	color: #A5A5A5;
}
.page-add-block .block-cont .cont .txt-url {
	margin-top: 4px;
	font-size: 14px;
	color: #375FFE;
	font-weight: 500;
}
.page-add-block .block-cont .cont .btn-wrap {
	margin-top: 8px;
	display: flex;
	gap: 6px;
	justify-content: unset;
} 
.page-add-block .block-cont .cont .btn-preview {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100px;
	height: 28px;
	border-radius: 6px;
	border: 1px solid #A5A5A5;
	background-color: #FFF;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
}
.page-add-block .block-cont .cont .btn-preview.black {	
	background-color: #000;
	color: #FFF;
	font-weight: 500;
}
.page-add-block .block-cont .btn-delete {
	position: absolute;
	right: 8px;
	top: 9px;
	width: 28px;	
	height: 28px;
	background: url("../images/ico-delete.svg") 0px 0px / 100% 100% no-repeat;
}
.page-add-block .block-footer {
	display: flex;
	justify-content: space-between;
	padding: 0 12px 16px 0;
}
.page-add-block .block-footer .stats {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-right: 4px;
	padding: 0 8px 1px 8px;
	border-radius: 10px;
	background: #EEE;
}
.page-add-block .block-footer .stats .txt-stats {
	color: #010101;
	font-size: 14px;
	font-weight: 500;
}
.page-add-block .block-footer .stats .txt-stats .num {
	color: #2F76FF;
	font-size: 14px;
	font-weight: 500;
}
.page-add-block .block-footer .stats .btn-more {
	position: absolute;
	right: 8px;
	color: #A5A5A5;
	font-size: 12px;
	font-weight: 500;
}
.page-add-block .block-footer .btn-noti {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-left: 4px;
	padding: 8px 0;
	border-radius: 10px;
	border: 1px solid #A5A5A5;
	background: #FFF;
	color: #767676;
	font-size: 16px;
	font-weight: 500;
}
.page-add-block .block-profile .block-header .title::before {
	background-image: url("../images/ico-page-edit-profile.svg");
}
.page-add-block .block-link-preview {
	padding: 16px;
}
.link-img {
	line-height: 0;
}
.block-link-preview {	
	display: flex;
	flex-direction: column;
	background-color: #EEE; /* page_bg_color로 세팅 */
	margin-top: 10px;
}
.block-link-preview .preview-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.block-link-preview .preview-header .txt-title {
	font-size: 16px;
	font-weight: 500;
}
.block-link-default {
	margin-top: 10px;
	padding: 16px;
	position: relative;
	display: flex;
	align-items: center;
	border-radius: 10px;
	background-color: var(--page-base1-color);	
	color: var(--font-color-white);
	cursor: pointer;
}
.block-link-default.point1-color {
	background-color: var(--page-point1-color);
}
.block-link-default.point2-color {
	background-color: var(--page-point2-color);
}
.block-link-default.base1-color {
	background-color: var(--page-base1-color);
}
.block-link-default.h-margin {
	margin: 0 16px;
}
.block-link-default .tags {
	padding-left: 16px;
	color: var(--font-color-white);
	font-size: 13px;
	line-height: 18px;
}
.block-link-default .tags .tags-wrap {
	display: flex;
	align-items: center;
	margin-bottom: 6px;
	gap: 6px;
	flex-wrap: wrap;
}
.block-link-default .tags .tag {
	display: inline-flex;
	margin-left: 0;
	margin-right: 6px;
	height: 26px;
	padding: 0 16px;
	border-radius: 6px;
	backdrop-filter: blur(2px);
	align-items: center;
	color: #FFF;
	font-size: 13px;
	font-weight: 700;
}
.block-link-default .tags .txt-btn {
	color: #FFF;
}
.block-link-default .link-img img {
	min-width: 64px;
	min-height: 64px;
	max-width: 64px;
	max-height: 64px;
	border-radius: 10px;
	background-color: #EEE;
	object-fit: cover;
	float: left;
}
.block-link-default .info {
	padding: 4px 16px;
}
.block-link-default .info .txt-title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: keep-all;
	font-size: 15px;
	font-weight: 500;	
}
.block-link-default .info .txt-desc {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: keep-all;
	font-size: 14px;
	font-weight: 400;	
	padding: 4px 0;
}
.block-link-default .info .txt-title.offblack {
	color: var(--font-color-offblack);
}
.block-link-default .info .txt-desc.offblack {
	color: var(--font-color-offblack);
}

.block-link-card-square {
	width: 100%;
	margin: 10px 0;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	color: var(--font-color-offblack);	
	background-color: #FFF;
	cursor: pointer;
}
.block-link-card-square .tags {
	z-index: 10;
	position: absolute;
	top: 12px;
	right: 8px;
	color: #fff;
	font-size: 13px;
	line-height: 18px;
}
.block-link-card-square .tags .tags-wrap {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}
.block-link-card-square .tags .tag {
	display: inline-flex;
	margin-left: 6px;
	height: 26px;
	padding: 0 16px;
	border-radius: 6px;
	backdrop-filter: blur(2px);
	align-items: center;
	color: #FFF;
	font-size: 13px;
	font-weight: 700;
}
.block-link-card-square .info {
	padding: 15px;
}
.block-link-card-square .info .txt-title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: keep-all;
	font-size: 15px;
	font-weight: 500;	
}
.block-link-card-square .info .txt-desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: keep-all;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 0;
}

.block-partner-link-default {
	margin-top: 10px;
	padding: 16px;
	position: relative;
	display: flex;
	align-items: center;
	border-radius: 10px;
	background-color: var(--page-base1-color);	
	color: var(--font-color-white);
	cursor: pointer;
}
.block-partner-link-default.offblack {
	color: var(--font-color-offblack);
}
.block-partner-link-default.point1-color {
	background-color: var(--page-point1-color);
}
.block-partner-link-default.point2-color {
	background-color: var(--page-point2-color);
}
.block-partner-link-default.base1-color {
	background-color: var(--page-base1-color);
}
.block-partner-link-default.h-margin {
	margin: 0 16px;
}
.block-partner-link-default .tags {
	padding-left: 16px;
	color: var(--font-color-white);
	font-size: 13px;
	line-height: 18px;
}
.block-partner-link-default .tags .tags-wrap {
	display: flex;
	align-items: center;
	margin-bottom: 6px;
	gap: 6px;
	flex-wrap: wrap;
}
.block-partner-link-default .tags .tag {
	display: inline-flex;
	margin-left: 0;
	margin-right: 6px;
	height: 26px;
	padding: 0 16px;
	border-radius: 6px;
	backdrop-filter: blur(2px);
	align-items: center;
	color: #FFF;
	font-size: 13px;
	font-weight: 700;
}
.block-partner-link-default .tags .txt-btn {
	color: #FFF;
}
.block-partner-link-default .link-img img {
	min-width: 64px;
	min-height: 64px;
	max-width: 64px;
	max-height: 64px;
	border-radius: 10px;
	background-color: #EEE;
	object-fit: cover;
	float: left;
}
.block-partner-link-default .info {
	padding: 4px 16px;
}
.block-partner-link-default .info .txt-title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: keep-all;
	font-size: 15px;
	font-weight: 500;	
}
.block-partner-link-default .info .txt-desc {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: keep-all;
	font-size: 14px;
	font-weight: 400;	
	padding: 4px 0;
}
.block-partner-link-default .info .txt-title.offblack {
	color: var(--font-color-offblack);
}
.block-partner-link-default .info .txt-desc.offblack {
	color: var(--font-color-offblack);
}
.block-partner-link-slim {
	margin-top: 10px;
	padding: 8px;
	position: relative;
	display: flex;
	align-items: center;
	border-radius: 10px;
	background-color: var(--page-base1-color);	
	color: var(--font-color-white);
	cursor: pointer;
}
.block-partner-link-slim.offblack {
	color: var(--font-color-offblack);
}
.block-partner-link-slim.point1-color {
	background-color: var(--page-point1-color);
}
.block-partner-link-slim.point2-color {
	background-color: var(--page-point2-color);
}
.block-partner-link-slim.base1-color {
	background-color: var(--page-base1-color);
}
.block-partner-link-slim.h-margin {
	margin: 0 16px;
}
.block-partner-link-slim .tags {
	padding-left: 16px;
	color: var(--font-color-white);
	font-size: 13px;
	line-height: 18px;
}
.block-partner-link-slim .tags .tags-wrap {
	display: flex;
	align-items: center;
	margin-bottom: 6px;
	gap: 6px;
	flex-wrap: wrap;
}
.block-partner-link-slim .tags .tag {
	display: inline-flex;
	margin-left: 0;
	margin-right: 6px;
	height: 26px;
	padding: 0 16px;
	border-radius: 6px;
	backdrop-filter: blur(2px);
	align-items: center;
	color: #FFF;
	font-size: 13px;
	font-weight: 700;
}
.block-partner-link-slim .tags .txt-btn {
	color: #FFF;
}
.block-partner-link-slim .link-img img {
	min-width: 52px;
	min-height: 52px;
	max-width: 52px;
	max-height: 52px;
	border-radius: 6px;
	background-color: #EEE;
	object-fit: cover;
	float: left;
}
.block-partner-link-slim .info {
	padding: 4px 16px;
}
.block-partner-link-slim .info .txt-title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: keep-all;
	font-size: 15px;
	font-weight: 500;	
}
.block-partner-link-slim .info .txt-desc {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: keep-all;
	font-size: 13px;
	font-weight: 400;	
	padding: 2px 0;
}
.block-partner-link-slim .info .txt-title.offblack {
	color: var(--font-color-offblack);
}
.block-partner-link-slim .info .txt-desc.offblack {
	color: var(--font-color-offblack);
}

.page-add-block .block-text-preview {
	padding: 16px;
}
.block-text-preview {	
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: #EEE; /* page_bg_color로 세팅 */
	margin-top: 10px;
}
.block-text-preview .preview-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.block-text-preview .preview-header .txt-title {
	font-size: 16px;
	font-weight: 500;
}
.block-text-preview .cont {
	padding: 10px 15px;
}
.block-text-preview .cont .txt-title {
	display: -webkit-box;
	/* -webkit-line-clamp: 2; */
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: keep-all;
	text-align: center;
	font-size: 20px;
	font-weight: 600;	
}
.block-text-preview .cont .txt-sub-title {
	margin-top: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: keep-all;
	text-align: center;
	font-size: 14px;
	font-weight: 500;	
}


.page-add-block .block-image-preview {
	padding: 16px;
}
.main-img {
	position: relative;
	line-height: 0;
	object-fit: cover;
}
.full-img {
	width: 100%;
	aspect-ratio: 1 / 1;
}
.full-img.sample {
	min-height: 250px;
	background-color: #757575;
}
.full-img.sm {
	max-height: 200px;
	object-fit: contain;
}
.main-img .txt-desc {
	position: absolute;
	top: calc(50% - 10px);
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 15px;
	font-weight: 400;
	color: #FFF;
}
.block-image-preview {	
	display: flex;
	flex-direction: column;
	background-color: #EEE; /* page_bg_color로 세팅 */
	margin-top: 10px;
}
.block-image-preview .preview-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.block-image-preview .preview-header .txt-title {
	font-size: 16px;
	font-weight: 500;
}
.block-image-card-square {
	width: 100%;
	margin: 10px 0;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	color: var(--font-color-offblack);	
}
.block-image-card-square.fit-width {
	width: calc(100% - 32px);
}
.block-image-card-square .cont {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #00000040;
}
.block-image-card-square .info {
	padding: 12px;
}
.block-image-card-square .info .txt-title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: keep-all;
	color: var(--font-color-white);
	font-size: 15px;
	font-weight: 400;	
	text-align: center;
}



.page-add-block .block-calendar-preview {
	padding: 16px;
}
.link-img {
	line-height: 0;
}
.block-calendar-preview {	
	display: flex;
	flex-direction: column;
	background-color: #EEE; /* page_bg_color로 세팅 */
	margin-top: 10px;
}
.block-calendar-preview .preview-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.block-calendar-preview .preview-header .txt-title {
	font-size: 16px;
	font-weight: 500;
}
.block-calendar-preview .txt-desc {
	font-size: 14px;
	font-weight: 400;
	color: #375FFE;
	word-break: keep-all;
}
.block-calendar-default {
	margin: 10px 0;
	padding: 6px 16px;
	width: calc(100% - 32px);
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 10px;
	background-color: #FFF;
}
.block-calendar-default.full-width {
	width: 100%;
}
.block-calendar-default.no-padding {
	padding: 0;
	margin: 0;
}
.block-calendar-default.point1-color {
	background-color: var(--page-point1-color);
}
.block-calendar-default.point2-color {
	background-color: var(--page-point2-color);
}
.block-calendar-default.base1-color {
	background-color: var(--page-base1-color);
}
.block-calendar-default.h-margin {
	margin: 0 16px;
}
.block-calendar-default .plan {
	width: 100%;
	display: flex;
	align-items: center;	
	padding: 6px 0;
}
.block-calendar-default .plan:not(:last-child) {	
	border-bottom: solid 1px color-mix(in srgb, var(--page-point1-color) 50%, transparent);
}
.block-calendar-default .countdown {
	min-width: 64px;
	min-height: 64px;
	max-width: 64px;
	max-height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.block-calendar-default .countdown .d-day {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-left: 0;
	margin-right: 6px;
	width: 44px;
	height: 26px;
	border-radius: 13px;
	backdrop-filter: blur(2px);
	align-items: center;
	background: color-mix(in srgb, var(--page-point1-color) 40%, transparent);
	color: #FFF;
	font-size: 13px;
	font-weight: 700;
}
.block-calendar-default .countdown .d-day.now {
	background-color: var(--page-point1-color);
}
.block-calendar-default .info {
	padding: 4px 8px;
}
.block-calendar-default .info .txt-date {	
	font-size: 14px;
	font-weight: 400;	
	color: var(--font-color-offblack);
}
.block-calendar-default .info .txt-title {
	margin-top: 6px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: keep-all;
	font-size: 16px;
	font-weight: 500;	
	color: var(--font-color-offblack);
}
.block-calendar-default .info .txt-title.offblack {
	color: var(--font-color-offblack);
}

.page-add-block .block-sns-preview {
	padding: 16px;
	display: flex;
	flex-direction: column;
	background-color: var(--page-bg-color);
}
.block-sns-preview .preview-header {
	display: flex;
	align-items: center;
}
.block-sns-preview .preview-header .txt-title {
	font-size: 16px;
	font-weight: 500;
}
.block-sns-preview .block-sns-default {	
	display: flex;
	justify-content: center;
	align-items: center;
}
.block-sns-preview .sns {
	margin: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	cursor: pointer;	
}
.block-sns-preview .sns.border-temp {
	border: solid 1px #EEE;
}
.block-sns-preview .sns img {	
	width: 20px;
	height: 20px;
}
.block-sns-preview .sns.point1-color {
	background-color: var(--page-point1-color);
}
.block-sns-preview .sns.point2-color {
	background-color: var(--page-point2-color);
}
.block-sns-preview .sns.base1-color {
	background-color: var(--page-base1-color);
}
.block-sns-preview .sns.common1-color {
	background-color: var(--page-common1-color);
}

.page-add-block .clip-input {
	position: relative;
	margin-top: 16px;
	display: flex;
	align-items: center;
}
.page-add-block .default-input .btn-txt-delete.sm {
	right: 0;
	bottom: auto;

}
.page-add-block .clip-input .txt-title {
	margin-right: 4px;
	font-size: 14px;
    font-weight: 500;
	color: #767676;
	line-height: 14px;
}
.page-add-block .clip-input .txt-title .file-info {
    font-weight: 400;
	color: #375FFE;
}
.page-add-block .clip-input .btn-delete {	
	margin-top: 2px;
	height: 24px;
	width: 24px;
	background-image: url("../images/ico-product-delete.png");
	background-size: 24px 24px;
	background-repeat: no-repeat;
	background-position: center;	
}
.page-add-block .block-clip-preview {
	padding: 16px;
	display: flex;
	flex-direction: column;
	background-color: var(--page-bg-color);
}
.page-add-block .block-clip-preview .txt-desc {
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: #FFF;
}
.block-clip-preview .preview-header {
	display: flex;
	align-items: center;
}
.block-clip-preview .preview-header .txt-title {
	font-size: 16px;
	font-weight: 500;
}
.block-clip-preview .block-clip-default {
	margin-top: 10px;	
	display: flex;
	justify-content: center;
	align-items: center;
}
.block-clip-preview .clip {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	background-color: #000;
}

.block-divider-preview {	
	display: flex;
	flex-direction: column;
	background-color: #EEE; /* page_bg_color로 세팅 */
	margin-top: 30px;
	padding: 16px;
	min-height: 146px;
}
.block-divider-preview .preview-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.block-divider-preview .preview-header .txt-title {
	font-size: 16px;
	font-weight: 500;
}
.block-divider-preview .cont {
	margin-top: 8px;
	padding: 16px 10px;
}

.block-deco-preview {	
	display: flex;
	flex-direction: column;
	background-color: #EEE; /* page_bg_color로 세팅 */
	margin-top: 30px;
	padding: 16px 16px 0 16px;
	min-height: 146px;
}
.block-deco-preview.mr-sm {
	margin-top: 12px;
}
.block-deco-preview .preview-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.block-deco-preview .preview-header .txt-title {
	font-size: 16px;
	font-weight: 500;
}
.block-deco-preview .cont {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 8px;
	padding: 16px 10px;
	border: solid 1px #A5A5A5;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom: none;
	height: 100%;
}

.block-deco-preview .tags {
	position: absolute;
	color: var(--font-color-white);
	font-size: 13px;
	line-height: 18px;
	z-index: 10;
	top: 7px;
	right: 9px;
	font-size: 13px;
	line-height: 18px;
}
.default-input .tags {
	display: flex;
	align-items: center;
	padding: 8px 0;
}
.tags .tag-rect-basic {
	display: inline-flex;
	height: 26px;
	padding: 0 16px 1px 16px;
	border-radius: 6px;
	backdrop-filter: blur(2px);
	background-color: var(--page-base1-color); /*선택된 색상으로 반영해줘야 함*/
	align-items: center;
	color: #FFF;
	font-size: 13px;
	font-weight: 700;
	line-height: 13px;
}
.tags .tag-rect-basic.preview {	
	height: 22px;
	padding: 0 8px 1px 8px;
	font-size: 10px;
	line-height: 10px;
}
.tags .tag-rect-basic.point1-color {
	background-color: var(--page-point1-color);
}
.tags .tag-rect-basic.point2-color {
	background-color: var(--page-point2-color);
}
.tags .tag-rect-basic.base1-color {
	background-color: var(--page-base1-color);
}
.tags .tag-rect-basic.common1-color {
	background-color: var(--page-common1-color);
}
.tags .tag-rectround-basic {
	display: inline-flex;
	height: 26px;
	padding: 0 16px 1px 16px;
	border-radius: 14px;
	backdrop-filter: blur(2px);
	background-color: var(--page-base1-color); /*선택된 색상으로 반영해줘야 함*/
	align-items: center;
	color: #FFF;
	font-size: 13px;
	font-weight: 700;
	line-height: 13px;
}
.tags .tag-rectround-basic.preview {	
	height: 22px;
	padding: 0 8px 1px 8px;
	font-size: 10px;
	line-height: 10px;
}
.tags .tag-rectround-basic.point1-color {
	background-color: var(--page-point1-color);
}
.tags .tag-rectround-basic.point2-color {
	background-color: var(--page-point2-color);
}
.tags .tag-rectround-basic.base1-color {
	background-color: var(--page-base1-color);
}
.tags .tag-rectround-basic.common1-color {
	background-color: var(--page-common1-color);
}
.tags .tag-rect-border {
	display: inline-flex;
	height: 26px;
	padding: 0 16px 1px 16px;
	border-radius: 6px;
	backdrop-filter: blur(2px);
	border: solid 2px var(--page-base1-color); /*선택된 색상으로 반영해줘야 함*/
	background-color: #FFF;
	align-items: center;
	color: var(--page-base1-color); /*선택된 색상으로 반영해줘야 함*/
	font-size: 13px;
	font-weight: 700;
	line-height: 13px;
}
.tags .tag-rect-border.preview {	
	height: 22px;
	padding: 0 8px 1px 8px;
	font-size: 10px;
	line-height: 10px;
}
.tags .tag-rect-border.point1-color {
	border: solid 2px var(--page-point1-color);
	color: var(--page-point1-color);
}
.tags .tag-rect-border.point2-color {
	border: solid 2px var(--page-point2-color);
	color: var(--page-point2-color);
}
.tags .tag-rect-border.base1-color {
	border: solid 2px var(--page-base1-color);
	color: var(--page-base1-color);
}
.tags .tag-rect-border.common1-color {
	border: solid 2px var(--page-common1-color);
	color: var(--page-common1-color);
}
.tags .tag-rectround-border {
	display: inline-flex;
	height: 26px;
	padding: 0 16px 1px 16px;
	border-radius: 14px;
	backdrop-filter: blur(2px);
	border: solid 2px var(--page-base1-color); /*선택된 색상으로 반영해줘야 함*/
	background-color: #FFF;
	align-items: center;
	color: var(--page-base1-color); /*선택된 색상으로 반영해줘야 함*/
	font-size: 13px;
	font-weight: 700;
	line-height: 13px;
}
.tags .tag-rectround-border.preview {	
	height: 22px;
	padding: 0 8px 1px 8px;
	font-size: 10px;
	line-height: 10px;
}
.tags .tag-rectround-border.point1-color {
	border: solid 2px var(--page-point1-color);
	color: var(--page-point1-color);
}
.tags .tag-rectround-border.point2-color {
	border: solid 2px var(--page-point2-color);
	color: var(--page-point2-color);
}
.tags .tag-rectround-border.base1-color {
	border: solid 2px var(--page-base1-color);
	color: var(--page-base1-color);
}
.tags .tag-rectround-border.common1-color {
	border: solid 2px var(--page-common1-color);
	color: var(--page-common1-color);
}
.tags .tag-rect-inverse {
	display: inline-flex;
	height: 26px;
	padding: 0 16px 1px 16px;
	border-radius: 6px;
	backdrop-filter: blur(2px);	
	background-color: #FFFFFF30; /*선택된 색상 + 40으로 반영해줘야 함*/
	align-items: center;
	color: #FFF;
	font-size: 13px;
	font-weight: 700;
	line-height: 13px;
}
.tags .tag-rect-inverse.preview {	
	height: 22px;
	padding: 0 8px 1px 8px;
	font-size: 10px;
	line-height: 10px;
}
.tags .tag-rectround-inverse {
	display: inline-flex;
	height: 26px;
	padding: 0 16px 1px 16px;
	border-radius: 14px;
	backdrop-filter: blur(2px);	
	background-color: #FFFFFF30; /*선택된 색상 + 40으로 반영해줘야 함*/
	align-items: center;
	color: #FFF;
	font-size: 13px;
	font-weight: 700;
	line-height: 13px;
}
.tags .tag-rectround-inverse.preview {	
	height: 22px;
	padding: 0 8px 1px 8px;
	font-size: 10px;
	line-height: 10px;
}
.tags .tag-circle-basic {
	display: inline-flex;
	aspect-ratio: 1;
	border-radius: 50%;
	backdrop-filter: blur(2px);
	background-color: var(--page-base1-color); /*선택된 색상으로 반영해줘야 함*/
	align-items: center;
	justify-content: center;
    color: #FFF;
    font-size: 13px;
    font-weight: 700;
    line-height: 13px;
    width: 70px;
    height: 70px;
}
.tags .tag-circle-basic.preview {	
    font-size: 10px;
    line-height: 10px;
    width: 50px;
    height: 50px;
}
.tags .tag-circle-border {
	display: inline-flex;
	aspect-ratio: 1;
	border-radius: 50%;
	backdrop-filter: blur(2px);
	border: solid 2px var(--page-base1-color); /*선택된 색상으로 반영해줘야 함*/
	background-color: #FFF;
	align-items: center;
	justify-content: center;
	color: var(--page-base1-color); /*선택된 색상으로 반영해줘야 함*/
	font-size: 13px;
	font-weight: 700;
	line-height: 13px;
	width: 70px;
    height: 70px;
}
.tags .tag-circle-border.preview {	
    font-size: 10px;
    line-height: 10px;
    width: 50px;
    height: 50px;
}
.tags .tag-circle-basic.point1-color {
	background-color: var(--page-point1-color);
}
.tags .tag-circle-basic.point2-color {
	background-color: var(--page-point2-color);
}
.tags .tag-circle-basic.base1-color {
	background-color: var(--page-base1-color);
}
.tags .tag-circle-basic.common1-color {
	background-color: var(--page-common1-color);
}
.tags .btn-delete {
	margin: 0 6px 0 2px;
	width: 24px;	
	height: 24px;
	background: url("../images/ico-product-delete.png") 0px 0px / 100% 100% no-repeat;
}

/* My Page */
.mypage {
	overflow-y: auto;
}
.overflow-visible {
	overflow-y: visible;
}
.mypage .section-title {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 40px;
	padding-left: 16px;
	color: #010101;
}
.mypage .section-title .txt-title {
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
}
.mypage .profile {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 24px 16px;
	border-bottom: 16px solid #EEE;
}
.mypage .profile .profile-info {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
}
.mypage .profile .img-profile {
	position: relative;
	min-width: 80px;
	min-height: 80px;
	cursor: pointer;
}
.mypage .profile .img-profile img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
    object-fit: cover;
}
.mypage .profile .img-profile .btn-edit {
	position: absolute;
	bottom: 4px;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 28px;
	height: 28px;
	background: url("../images/ico-img-upload.png") 0px 0px / 100% 100% no-repeat;
}

.mypage .tab-cont {
	display: flex;
	flex-direction: column;
}
.mypage .tab-cont .cont {
	padding: 16px;
}
.mypage .tab-cont table {
	width: 100%;
	border-collapse: collapse;
}
.mypage .tab-cont table thead {
	border-bottom: solid 1px #EEE;
}
.mypage .tab-cont table th {
	color: #353535;
	height: 30px;
	font-size: 15px;
	font-weight: 600;
	text-align: center;	
}
.mypage .tab-cont table td {
	color: #353535;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	border-bottom: none;	
	background-color: #FFF;
}
.mypage .tab-cont table td {
	color: #353535;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	border-bottom: none;	
	background-color: #FFF;
}
.mypage .tab-cont table .text-left {
	text-align: left;
}
.mypage .tab-cont table .text-right {
	text-align: right;
	white-space: nowrap;
}
.mypage .tab-cont table .border-bottom {	
	border-bottom: solid 1px #EEE;	
}
.mypage .tab-cont table .page {
	color: #375FFE;
	margin-left: 6px;
	font-size: 13px;
	font-weight: 700;
}
.mypage .tab-cont table td.highlight {
	color: #375FFE;
	font-weight: 700;
}
.mypage .profile .info {
	margin-left: 16px;
	width: 100%;
	overflow: auto;
}
.mypage .profile .info .info-name {
	display: flex;
	align-items: flex-end;
}
.mypage .profile .info .txt-name {
	color: #000;
	font-size: 24px;
	font-weight: 700;
	line-height: 24px;
}
.mypage .profile .info .btn-edit-name {
	margin-left: 6px;
	margin-bottom: -1px;
	width: 20px;
	height: 20px;
	background: url("../images/ico-page-edit-edit.png") 0px 0px / 100% 100% no-repeat;
	cursor: pointer;
}
.mypage .profile .info .txt-page {
	color: #A5A5A5;
	font-size: 16px;
	font-weight: 400;
}
.mypage .profile .info .txt-page .txt-username {
	color: #000;
}
.mypage .profile .info .txt-guide {
	display: flex;
	margin-top: 12px;
	color: #767676;
	font-size: 16px;
	font-weight: 500;
	padding-right: 20px;
	word-break: keep-all;
}
.mypage .profile .info .txt-guide .tag-page {
	margin-right: 4px;
	display: flex;
	padding: 2px 4px;
	min-width: 50px;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	background: rgba(55, 95, 254, 0.10);
	color: #375FFE;
	font-size: 11px;
	font-weight: 700;
}
.mypage .profile .info .txt-guide .url-page {
	color: #375FFE;
	text-decoration: underline;
	text-underline-offset : 4px;
	text-overflow: ellipsis;
}
.mypage .profile .info .btn-page {
	margin-top: 4px;
	display: flex;
	height: 20px;
	align-items: center;
	font-weight: 700;
	color: #A5A5A5;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
}
.mypage .profile .info .btn-page::after {
	content: "";
	display: inline-block;
	background-image: url("../images/ico-more.png");
	background-size: 12px 12px;
	width: 12px;
	height: 12px;
	vertical-align: middle;
	margin-top: 3px;
}
.mypage .profile .btn-create {
	margin-top: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 48px;
	border-radius: 10px;
	border: 1px solid #A5A5A5;
	color: #000;
	font-size: 16px;
	font-weight: 500;
}
.mypage .btn-detail {
	position: absolute;
	right: 16px;
	/* top: 50%;
	transform:translateY(-50%);  */
	align-content: center;
	height: 24px;
	padding-left: 16px;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	color: #A5A5A5;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
}
.mypage .btn-detail::after {
	content: "";
	display: inline-block;
	background-image: url("../images/ico-more.png");
	background-size: 12px 12px;
	width: 12px;
	height: 12px;
	vertical-align: middle;
}
.mypage .menu-list-wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.mypage .menu-list-wrap.margin-bottom {
	margin-bottom: 100px;
}
.mypage .menu-list-wrap.border-bottom {
	border-bottom: 16px solid #EEE;;
}
.mypage .menu-list li {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: #FFF;
	border-bottom: 1px solid #EEE;	
	padding: 0 16px;
}
.mypage .menu-list li.bg-grey {
	background-color: #EEE;
	padding: 0 0 12px 0;
}
.mypage .menu-list li .menu-wrap {
	display: flex;
	align-items: center;
	min-height: 56px;
}
.mypage .menu-list li .menu-wrap .txt-title {
	font-size: 16px;
	font-weight: 700;
}
.mypage .menu-list li .menu-wrap .txt-title.h-padding {
	padding: 0 16px;
}
.mypage .menu-list li .menu-wrap .txt-title .txt-highlight {
	margin-left: 10px;
	font-size: 16px;
	font-weight: 700;
	color: #375FFE;
}
.mypage .menu-list li .menu-wrap .txt-unpaid {
	margin-left: 6px;
	margin-top: 2px;
	display: flex;
	font-size: 14px;
	font-weight: 500;
	color: #353535;
	align-items: center;
}
.mypage .menu-list li:active {
	background: #EEE;
	/* border-radius: 10px; */
}
.mypage .menu-list li:last-child {
	margin-bottom: 0;
	border-bottom: none;
}
.mypage .menu-list .sale-list .sale {
	display: flex;
	flex-direction: column;
	border-top: 1px solid #EEE;;
	padding: 16px 0;	
}
.mypage .menu-list .sale-list .sale .status {
	display: flex;
	align-items: center;
}
.mypage .menu-list .sale-list .sale .status .txt-status {
	color: #353535;
	font-size: 14px;
	font-weight: 700;
}
.mypage .menu-list .sale-list .sale .status .txt-status.active {
	color: #375FFE;
}
.mypage .menu-list .sale-list .sale .status .txt-date {
	margin-left: 8px;
	color: #353535;
	font-size: 14px;
	font-weight: 500;
}
.mypage .menu-list .sale-list .sale .status .txt-date.active {
	color: #767676;
}
.mypage .menu-list .sale-list .sale .info {
	display: flex;
	align-items: center;
	padding-top: 16px;	
	min-height: 64px;
}
.mypage .menu-list .sale-list .option:not(:last-child) {	
	border-bottom: solid 1px #A5A5A5;
}

.mypage .menu-list .sale-list .sale .info .img-preview {
	width: 64px;
	height: 64px;
	min-width: 64px;
	min-height: 64px;
}
.mypage .menu-list .sale-list .sale .info .img-preview.active {
	width: 102px;
	height: 102px;
	min-width: 102px;
	min-height: 102px;
}
.mypage .menu-list .sale-list .sale .info .img-preview img {
	width: 100%;
    height: 100%;
	object-fit: cover;
	border-radius: 2px;
}
.mypage .menu-list .sale-list .sale .info .img-preview.no-image {
	border: 1px solid #A5A5A5;	
	border-style: dashed;
	border-radius: 2px;
	background-color: #EEE;
}
.mypage .menu-list .sale-list .sale .info .txt-cont {
	height:100%;
    margin-left: 16px;
}
.mypage .menu-list .sale-list .sale .info .txt-cont .txt-title {
	width: 100%;
	font-size: 14px;
	font-weight: 500;
}
.mypage .menu-list .sale-list .sale .info .txt-cont .txt-title.active {
	color: #000;
	font-size: 14px;
	font-weight: 700;
}
.mypage .menu-list .sale-list .sale .info .txt-cont .txt-desc {
	margin-top: 2px;
	font-size: 14px;
	font-weight: 500;
}
.mypage .menu-list .sale-list .sale .info .txt-cont .txt-desc.active {
	color: #767676;
}
.mypage .menu-list .sale-list .sale .info .txt-cont .txt-desc .txt-stat {
	margin-left: 4px;
	color: #375FFE;
	font-size: 14px;
	font-weight: 700;
}
.mypage .menu-list .sale-list .sale .stats {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 16px;	
	padding: 0 24px;
	min-height: 70px;
	border-radius: 10px;
	background: #EEE;
}
.mypage .menu-list .sale-list .sale .stats .stat {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.mypage .menu-list .sale-list .sale .stats .stat .txt-title {
	color: #767676;
	font-size: 12px;
	font-weight: 500;
}
.mypage .menu-list .sale-list .sale .stats .stat .txt-stat {
	color: #375FFE;
	font-size: 24px;
	font-weight: 600;
}
.mypage .menu-list .sale-list .sale .stats .divider {
	width: 1px;
	height: 36px;
	flex-shrink: 0;
	background: #A5A5A5;
}
.mypage .menu-list .order-status {
	display: flex;
	justify-content: space-between;
	border-top: solid 1px #EEE;
	cursor: pointer;
}
.mypage .menu-list .order-status .status {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 64px;
	padding: 10px 0 20px 0;
}
.mypage .menu-list .order-status .status .txt-count {
	color: #A5A5A5;
	font-size: 32px;
	font-weight: 600;
}
.mypage .menu-list .order-status .status .txt-status {
	color: #A5A5A5;
	font-size: 12px;
	font-weight: 500;
}
.mypage .menu-list .order-status .status .txt-count.active {
	color: #000;
}
.mypage .menu-list .order-status .status .txt-status.active {
	color: #000;
}
.mypage .footer {
	width: 100%;
	padding: 30px 20px;
	margin-bottom: 50px;
}
.mypage .footer .txt-email {
	color: #000;
	font-size: 24px;
	font-weight: 700;
}
.mypage .footer .txt-title {
	margin-top: 12px;
	color: #000;
	font-size: 16px;
	font-weight: 700;
}
.mypage .footer .txt-desc {
	margin-top: 8px;
	color: #767676;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
}
.mypage .footer .btn-logout {
	margin-top: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 58px;	
	border-radius: 10px;
	border: 1px solid #CCC;
	cursor: pointer;
}
.mypage .footer .btn-logout .txt-logout {
	font-size: 18px;
	font-weight: 500;	
}

.mypage .order-wrap {
	margin-top: 10px;
	padding-bottom: 16px;	
}
.mypage .order-wrap.no-margin {
	margin-top: 0;
	padding-bottom: 0;	
}
.mypage .order-wrap:not(:last-child){	
	border-bottom: 12px solid #EEE;;
}
.mypage .order-wrap .order {
	display: flex;
	flex-direction: column;
	padding: 8px 0;	
}
.mypage .order-wrap .title {
	position: relative;
	padding: 10px 0;	
	border-bottom: 1px solid #EEE;
}
.mypage .order-wrap .title .txt-date {
	color: #000;
	font-size: 16px;
	font-weight: 700;
}
.mypage .order-wrap .title .tag-gift {
	background-color: #375FFE;
	border-radius: 4px;
	margin-left: 6px;
	padding: 1px 4px;	
	color: #FFF;
	font-size: 14px;
	font-weight: 500;
}
.mypage .order-wrap .title .btn-detail {
	position: absolute;
	right: 0;
	top: 50%;
    transform: translateY(-50%);
	padding-left: 16px;
	font-size: 12px;
	font-weight: 500;
	color: #353535;
}
.mypage .order-wrap .title .txt-order-no {
	color: #000;
	font-size: 16px;
	font-weight: 700;
}
.mypage .order-wrap .title .txt-order-date {
	position: absolute;
	right: 0;
	top: 50%;
    transform: translateY(-50%);
    color: #A5A5A5;
    font-size: 12px;
    font-weight: 500;
}
.mypage .order-wrap .order .status {
	display: flex;
	align-items: center;
}
.mypage .order-wrap .order .status .txt-status {
	color: #353535;
	font-size: 16px;
	font-weight: 700;
}
.mypage .order-wrap .order .status .txt-status.highlight {
	color: #375FFE;
	font-weight: 700;
}
.mypage .order-wrap .order .status .txt-status.danger {
	color: #FF2525;
	font-weight: 700;
}
.mypage .order-wrap .order .status .txt-date {
	margin-left: 8px;
	color: #A5A5A5;
	font-size: 12px;
	font-weight: 500;
}
.mypage .order-wrap .order .status .txt-date.highlight {
	margin-left: 4px;
	color: #375FFE;
}
.mypage .order-wrap .order .status .txt-date.active {
	color: #767676;
}
.mypage .order-wrap .order .info {
	display: flex;
	align-items: flex-start;
	padding: 8px 0;	
	min-height: 64px;
}
.mypage .order-wrap .order .info.border-bottom {
	border-bottom: solid 1px #EEE;
}
.mypage .order-wrap .option:not(:last-child){	
	border-bottom: solid 1px #A5A5A5;
}
.mypage .order-wrap .order .info .img-preview {
	margin-top: 5px;
	width: 80px;
	height: 80px;
	min-width: 80px;
	min-height: 80px;
}
.mypage .order-wrap .order .info .img-preview.no-margin {
	margin-top: 0;
}
.mypage .order-wrap .order .info .img-preview.active {
	width: 102px;
	height: 102px;
	min-width: 102px;
	min-height: 102px;
}
.mypage .order-wrap .order .info .img-preview img {
	width: 100%;
    height: 100%;
	object-fit: cover;
	border-radius: 2px;
}
.mypage .order-wrap .order .info .img-preview.no-image {
	border: 1px solid #A5A5A5;	
	border-style: dashed;
	border-radius: 2px;
	background-color: #EEE;
}
.mypage .order-wrap .order .info .txt-cont {
	padding-top: 2px;
	height:100%;
	width: calc(100% - 96px);
    margin-left: 16px;
}
.mypage .order-wrap .order .info .txt-cont .txt-title {
	margin-bottom: 4px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #000;	
	font-size: 16px;
	font-weight: 700;
}
.mypage .order-wrap .order .info .txt-cont .txt-title.active {
	color: #000;
	font-size: 14px;
	font-weight: 700;
}
.mypage .order-wrap .order .info .txt-cont .txt-detail {
	color: #A5A5A5;
	font-size: 13px;
	font-weight: 400;
}
.mypage .order-wrap .order .info .txt-cont .txt-detail.danger {
	color: #FF2525;
}
.mypage .order-wrap .order .info .txt-cont .txt-detail.danger a {
	color: #FF2525;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.mypage .order-wrap .order .info .txt-cont .txt-price {
	margin-top: 4px;
	color: #375FFE;
	font-size: 14px;
	font-weight: 500;
}
.mypage .order-wrap .order .info .txt-cont .txt-price .divider {
	color: #EEE;
	padding: 0 6px;
	border-bottom: none;
}
.mypage .order-wrap .order .info .txt-cont .txt-price .highlight {
	font-size: 16px;
	font-weight: 600;
}
.mypage .order-wrap .order .info .txt-cont .txt-detail .txt-stat {
	margin-left: 4px;
	color: #375FFE;
	font-size: 14px;
	font-weight: 700;
}
.mypage .order-wrap .order .txt-desc {
	margin-top: 8px;
	display: flex;	
	align-items: center;
	font-size: 14px;
	line-height: 24px;
}
.mypage .order-wrap .order .reward {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;	
	margin-bottom: 12px;
	width: 100%;
	font-size: 14px;
	text-align: center;
	line-height: 22px;
}
.mypage .order-wrap .order .reward.border {
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	padding: 4px 0;
}
.mypage .order-wrap .order .reward.no-margin {
	margin: 0;
}
.mypage .order-wrap .order .rating {
	margin-top: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;	
	width: 100%;
}
.mypage .order-wrap .order .rating .txt-title {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #000;	
	font-size: 16px;
	font-weight: 700;
}
.mypage .order-wrap .order .rating .star-rating {
	margin-top: 4px;
	color: #000;	
	font-size: 36px;
	font-weight: 700;
}
.mypage .order-wrap .order textarea {
	width: 100%;
	height: 100px;
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #A5A5A5;
	color: #353535;
	font-size: 14px;
	font-weight: 400;
	font-family: "Noto Sans KR", sans-serif;
}
.mypage .order-wrap .order .btn-upload {
	display: flex;
	flex-direction: column;
	height: 56px;
	width: 100%;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	border: 1px solid #CCC;
	background: #FFF;
	color: #000;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}
.mypage .order-wrap .order .btn-upload.bg-highlight {	
	background-color: rgba(55, 95, 254, 0.10);
	border: 1px solid #375FFE;
	color: #375FFE;
}
.mypage .order-wrap .order .btn-upload .txt-desc {	
	display: inline;
	font-size: 12px;
	font-weight: 400;
	color: #375FFE;
	line-height: 12px;
	margin: 4px;
}
.mypage .order-wrap .order .divider {	
	margin: 16px 0 2px 0;
	border-bottom: 1px solid #EEE;
}
.mypage .order-wrap .cont {
	padding: 16px 0 0 0;	
}
.mypage .order-wrap .cont .txt-row {
	margin-bottom: 10px;
	display: flex;
}
.mypage .order-wrap .cont .txt-row.space-between {
	justify-content: space-between;
}
.mypage .order-wrap .cont .txt-row.align-center {
	align-items: center;
}
.mypage .order-wrap .cont .txt-row.no-margin {
	margin-bottom: 0;
}
.mypage .order-wrap .cont .txt-title {
	min-width: 80px;
	color: #767676;
	font-size: 13px;
	font-weight: 500;
}
.mypage .order-wrap .cont .txt-title.full-width {
	width: 100%;
}
.mypage .order-wrap .cont .txt-title.sum {
	color: #000;	
	font-size: 16px;
	font-weight: 500;
}
.mypage .order-wrap .cont .txt-cont {
	color: #000;
	font-size: 13px;
	font-weight: 700;
    width: 100%;
}
.mypage .order-wrap .cont .txt-cont .txt-addr {
	color: #767676;
	font-size: 13px;
	font-weight: 500;
}
.mypage .order-wrap .cont .txt-price {
	color: #000;	
	text-align: right;
	font-size: 14px;
	font-weight: 700;
    width: 100%;
}
.mypage .order-wrap .cont .txt-price.sum {
	font-size: 20px;
}
.mypage .order-wrap .cont .txt-price .txt-ship {
	color: #767676;
	font-size: 13px;
	font-weight: 500;
}
.mypage .order-wrap .sum {
	position: relative;
	padding: 6px 0;
}
.mypage .order-wrap .sum .txt-sum {
	margin-top: 6px;
	font-size: 16px;
	font-weight: 700;
}
.mypage .order-wrap .sum .txt-sum .highlight {
	color: #375FFE;
}
.mypage .order-wrap .btn-wrap {
	display: flex;
	justify-content: space-between;
	gap: 8px;
}
.mypage .order-wrap .btn-wrap .btn {
	width: 100%;
	display: flex;	
	align-items: center;
	justify-content: center;	
	padding: 10px 0;
	font-size: 14px;
	font-weight: 500;
	color: #353535;
	border-radius: 6px;
	border: 1px solid #A5A5A5;
	cursor: pointer;
}
.mypage .order-wrap .btn-wrap .btn.highlight {
	color: #375FFE;
	font-weight: 700;
}
.mypage .order-wrap .btn-wrap .btn.bg-highlight {
	background-color: rgba(55, 95, 254, 0.10);
	border: 1px solid #375FFE;
	color: #375FFE;
}
.mypage .order-wrap .btn-wrap .btn-save {
	display: flex;
	height: 56px;
	width: 100%;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background: #000;
	cursor: pointer;
}
.mypage .order-wrap .btn-wrap .txt-btn-save {
	width: 100%;
	color: #FFF;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
}

.pg-result {	
	display: flex;
	flex-direction: column;
	background-color: #EEE; /* page_bg_color로 세팅 */
	margin-top: 10px;
}
.pg-result .header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.pg-result .header .txt-title {
	font-size: 16px;
	font-weight: 500;
}
.bank-account-wrap {
	margin: 10px 0;
	padding: 16px;
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	border-radius: 10px;
	background-color: #FFF;	
}
.bank-account-wrap .txt-cont {
	display: flex;
	flex-direction: column;
	font-size: 15px;
	font-weight: 500;
	line-height: 30px;
}
.bank-account-wrap .txt-cont .txt-item {
	position: relative;
	font-size: 15px;
	font-weight: 500;
}
.bank-account-wrap .txt-cont .txt-divider {
	color: #EEE;
	padding: 0 6px;
}
.bank-account-wrap .txt-cont .highlight {
	color: #375FFE;
	font-weight: 600;
}
.bank-account-wrap .btn-copy {
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	padding: 0 8px;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	border: 1px solid #CCC;	
	background: #FFF;
	font-size: 14px;
	font-weight: 500;
}

.edit-modal {
	width: 102%;
	max-width: var(--max-display-width);
	position: relative;
	display: flex;
	left: 50%;
    transform: translateX(-50%);
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	bottom: 0;
	z-index: 50;
	background: rgba(0, 0, 0, 0.8);
}
.edit-modal .title {
	position: fixed;
	top: 26px;
	color: #FFF;
	font-weight: 400;
	font-size: 18px;
}
.edit-modal .cancel {
	position: fixed;
	top: 27px;
	left: 30px;
	color: #FFF;
	font-weight: 300;
	font-size: 16px;
}
.edit-modal .save {
	position: fixed;
	top: 27px;
	right: 30px;
	color: #FFF;
	font-weight: 300;
	font-size: 16px;
}
.edit-modal .edit-input {
	width: calc(100% - 100px);
	height: 40px;
	padding: 0 20px 0 10px;
	margin-bottom: 120px;
	color: #FFF;
	text-align: center;
	font-family: 'NanumSquare';
	font-size: 24px;
	letter-spacing: 1px;
	font-weight: 600;
	background: transparent;
	border-bottom: 1px solid #FFF;
}
.edit-modal .edit-input::placeholder {
	color: #868686;
	font-weight: 300;
	font-size: 16px;
}
.edit-modal .btn-delete {
	position: absolute;
	left: calc(100% - 70px);
	margin-bottom: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 24px;
	width: 24px;
	padding: 0 10px;
	background: #FFF;
	border-radius: 25px;	
	background-image: url("../images/ico-edit-delete.png");
	background-position: 50% 50%;
	background-size: 12px;
	background-repeat : no-repeat;
	background-color: #667085;
}
.edit-modal .desc {
	position: absolute;
	display: flex;
	justify-content: center;
	color: #FFF;
	width: calc(100% - 100px);
	margin-bottom: 0px;
	font-weight: 200;
	font-size: 14px;
	letter-spacing: 1px;
}


.input-progress {
	display: flex;
	width: 100%;
	padding: 0 16px;
	align-items: center;
}
.input-progress .txt-progress {
	display: inline-block;
	min-width: 50px;
	color: #767676;
	font-size: 14px;
	font-weight: 500;	
}
.input-progress .txt-progress .highlight {
	color: #375FFE;
}
.input-progress .progress-bar {
	position: relative;
	display: flex;
	width: 100%;
	align-items: center;
}
.input-progress .progress-bar .bg-progress {
	width: 100%;
	min-height: 2px;
	max-height: 2px;
	background: #EEE;
}
.input-progress .progress-bar .current-progress {
	z-index: 10;
	min-width: calc(100% / 3);
	min-height: 2px;
	max-height: 2px;
	background: #375FFE;
}
.input-progress .progress-bar .current-point {
	z-index: 20;
	position: absolute;
	left: calc(100% / 3 - 5px);
	min-width: 10px;
	min-height: 10px;
	border-radius: 5px;
	background: #375FFE;
}



/* 라디오 버튼 */
.radio_box { 
	display: inline-block; 
	position: relative; 
	padding-left: 25px; 
	margin-right: 16px; 
	cursor: pointer; 
	font-size: 16px; 
	font-weight: 500;
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 
}
.radio_box.custom { 
	margin-bottom: 12px;
}


.radio_box.unchecked {
	color: #A5A5A5;
}

/* 기본 라디오 버튼 숨기기 */
.radio_box input[type="radio"] { display: none; }

/* 선택되지 않은 라디오 버튼 스타일 꾸미기 */
.on { 
	width: 20px; 
	height: 20px; 
	background: #A5A5A5; 
	border-radius: 50%; 
	position: absolute; 
	top: 3px; 
	left: 0; 
}
.on.custom { /* 색상 선택 시 */
	top: 10px; 
}


/* 선택된 라디오 버튼 스타일 꾸미기 */
.radio_box input[type="radio"]:checked + .on { background: #375FFE; }
.on:after { content: ""; position: absolute; display: none; }
.radio_box input[type="radio"]:checked + .on:after { display: block; }
.on:after { width: 10px; height: 10px; background: #FFF; border-radius: 50%; position: absolute; left: 5px; top: 5px; }


.page-add-block .radio-options {
	margin-top: 16px;
	display: flex;
	flex-wrap: wrap;
	/* row-gap: 10px; */
}
.page-add-block .radio-options.mr-sm {
	margin-top: 8px;
}
.page-add-block .radio-options.no-margin {
	margin: 0;
}


.login-modal {
	z-index: 100;
	display: none;
	flex-direction: column;
	position: absolute;
	top: 0;
	left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: var(--max-screen-width);
	height: 100%;
	padding-bottom: 100px;
	overflow-y: auto;
	background-color: #FFF;
	animation-name: showUp;
    animation-duration: 0.4s;
    animation-delay: 0s;
}
@keyframes showUp {
    from {
        width: 100%;
        height: 0%;
        top: 100%;
        position: absolute;
    }
    to {
        width: 100%;
        height: 100%;
        top: 0%;
        position: absolute;
    }
}
.login-modal .cont {
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 60px 16px 80px 16px;
}
.login-modal .cont .txt-title {
	word-break: keep-all;
	font-size: 24px;
	font-weight: 700;
}
.login-modal .cont .txt-sub-title {
	margin-top: 16px;
	word-break: keep-all;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
}
.login-modal .cont .input-number {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 48px;
	padding: 18px 6px;
	border-bottom: #A5A5A5 solid 1px;
}
.login-modal .cont .input-number input {
	font-size: 16px;
	font-weight: 600;
}
.login-modal .cont .input-number input::placeholder {
	font-size: 16px;
	font-weight: 400;
	color: #A5A5A5;
	font-family: "Noto Sans KR", sans-serif;
}
.login-modal .cont .input-number .txt-timeleft {
	position: absolute;
	right: 0;
	font-size: 16px;
	font-weight: 400;
}

.login-modal .fixed-bottom {
	z-index: 100;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: fixed;
    width: 100%;
	max-width: var(--max-screen-width);
	padding: 0 16px;
	bottom: 0;	
	margin-bottom: 0;
}
.login-modal .btn-fixed-bottom {
	display: flex;
	width: 100%;
	height: 56px;
	margin-bottom: 20px;
	/*아래 텍스트 없을 때는 margin-bottom: 30px;*/
	justify-content: center;
    align-items: center;
	border-radius: 10px;
	background: #000;	
	cursor: pointer;
}
.login-modal .btn-fixed-bottom:active {
	transform: scale(0.98);
}
.login-modal .txt-btn-verify {
	width: 100%;
	color: #FFF;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
}
.login-modal .txt-fixed-bottom {
	display: flex;
	justify-content: center;
    align-items: center;
	bottom: 0;
}
.login-modal .txt-fixed-bottom .txt-guide {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 400;
	text-decoration-line: underline;
}

.order-modal {
	z-index: 100;
	display: none;
	flex-direction: column;
	position: absolute;
	top: 0;
	left: 0;
	max-width: var(--max-screen-width);
	width: 100%;
	height: 100%;
	padding-bottom: 100px;
	overflow-y: auto;
	background-color: #FFF;
	animation-name: showUp;
    animation-duration: 0.4s;
    animation-delay: 0s;
}
.order-modal .cont {
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 60px 16px 80px 16px;
}
.order-modal .cont .txt-title {
	word-break: keep-all;
	font-size: 24px;
	font-weight: 700;
}
.order-modal .cont .txt-title.h-padding {
	padding-left: 16px;
	padding-right: 16px;
}
.order-modal .cont .sub-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 6px;
}
.order-modal .cont .txt-sub-title {
	margin: 30px 0 4px 0;
	font-size: 18px;
	font-weight: 700;
	word-break: keep-all;
}
.order-modal .cont .txt-sub-title.highlight {
	color: #375FFE;
}
.order-modal .cont .txt-desc {
	margin: 30px 0 4px 0;
	font-size: 16px;
	font-weight: 500;
	word-break: keep-all;
}
.order-modal .cont .btn-edit {
	margin: 30px 0 4px 0;
	display: flex;
	min-width: 124px;
	padding: 12px;
	border-radius: 10px;
	border: 1px solid #A5A5A5;
	color: #767676;
	justify-content: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 16px;
	cursor: pointer;
}
.cont .input-info {	
	display: flex;
	align-items: center;	
	margin-top: 10px;
}
.cont .input-info.address {		
	align-items: flex-start;	
	margin-top: 20px;
}
.cont .input-info .input-address {	
	width: 100%;
}
.cont .input-info .input-address .input-zip {	
	display: flex;
	align-items: center;
}
.cont .input-info .input-address .input-zip .btn-search-zip {	
	display: flex;
	min-width: 124px;
	margin-left: 20px;
	padding: 12px;
	border-radius: 10px;
	border: 1px solid #A5A5A5;
	color: #767676;
	justify-content: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 16px;
}
.order-modal .cont .btn-wrap {	
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 16px;
}
.order-modal .cont .btn-wrap.sm {	
	margin-top: 8px;
}
.order-modal .cont .input-check {	
	display: flex;
	margin-left: 90px;
	font-size: 14px;
	font-weight: 500;	
	color: #A5A5A5;
}
.order-modal .cont .input-check.all {	
	margin-left: 0;
	font-size: 16px;
	font-weight: 500;	
	color: #A5A5A5;
}
.order-modal .cont .input-check.join {	
	margin-left: 10px;
	font-size: 15px;
	font-weight: 500;	
	color: #A5A5A5;
}
.order-modal .cont .input-check.highlight {	
	color: #375FFE;
}
.order-modal .cont .input-check .btn-check {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 5px;
	width: 20px;	
	height: 20px;
	border-radius: 10px;
	background-color: #A5A5A5;
	background-position: center;
}
.order-modal .cont .input-check .btn-check.join {
	margin-top: 2px;
}
.order-modal .cont .input-check .btn-check.highlight {
	background-color: #375FFE;
}
.order-modal .cont .input-check .btn-check img {
	width: 16px;
	height: 16px;
}
.order-modal .cont .btn-iframe {
	display: flex;
	justify-content: center;
	margin-left: 4px;
	padding: 4px;
	border-radius: 10px;
	border: 1px solid #A5A5A5;
	background: #FFF;
	color: #767676;
	font-size: 14px;
	font-weight: 400;
}
.order-modal .agree-iframe {
	margin-top: 16px;
	padding: 0 16px;
	overflow: auto;
	border: solid 1px #A5A5A5;
	border-radius: 10px;
}
.order-modal .agree-iframe iframe {
	display: block;
	width: 100%;
	min-height: 500px;
	/* pointer-events: none; */
}
.cont .input-info .input-title {	
	display: flex;
	align-items: center;	
	min-width: 90px;
}
.cont .input-info .input-title.address {	
	margin-top: 5px;
}
.cont .input-info .input-default {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 6px;
	/* border-bottom: #A5A5A5 solid 1px; 주소 검색 때문에 주석 처리*/ 
	border-bottom: #A5A5A5 solid 1px; 
}
.cont .input-info .input-default.address {
	height: 42px;
}
.cont .input-info .input-default.memo {
	padding: 6px 0 0 0;
	border-bottom: none;
}
.cont .input-info input {
	width: 100%;
	font-size: 15px;
	font-weight: 600;
	font-family: "Noto Sans KR", sans-serif;
	letter-spacing: 0.5px;
}
.order-modal .cont .btn-input {
	margin-top: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 48px;
	border-radius: 10px;
	border: 1px solid #A5A5A5;
	background-color: #FFF;
	color: #767676;
	font-size: 16px;
	font-weight: 500;
}
.order-modal .cont .input-number {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 48px;
	padding: 18px 6px;
	border-bottom: #A5A5A5 solid 1px;
}
.order-modal .cont .input-number input {
	font-size: 16px;
	font-weight: 600;
	font-family: "Noto Sans KR", sans-serif;
}
.order-modal .cont .input-number input::placeholder {
	font-size: 16px;
	font-weight: 400;
	color: #A5A5A5;
	font-family: "Noto Sans KR", sans-serif;
}
.order-modal .fixed-bottom {
	z-index: 100;
	display: flex;
	align-items: center;
	position: fixed;
    width: 100%;
	max-width: var(--max-screen-width);
	padding: 0 16px;
	bottom: 0;	
	margin-bottom: 16px;
}
.order-modal .fixed-bottom.bg-white {
	flex-direction: column;
	background: #FFFFFFEE;
	margin-bottom: 0;
	padding-bottom: 10px;
	padding-top: 10px;
}
.order-modal .btn-fixed-bottom {
	display: flex;
	width: 100%;
	height: 56px;
	justify-content: center;
    align-items: center;
	border-radius: 10px;
}
.order-modal .btn-fixed-bottom .btn-save {
	display: flex;
	height: 100%;
	width: calc(100% - 32px);
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background: #000;
	cursor: pointer;
}
.order-modal .btn-fixed-bottom .btn-save:active {
	transform: scale(0.98);
}
.order-modal .txt-btn-buy {
	width: 100%;
	color: #FFF;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
}
.order-modal .disclaimer {
	display: flex;
	width: 100%;
	margin-top: 8px;
	font-size: 12px;
	font-weight: 400;
	word-break: keep-all;
	justify-content: center;
	text-align: center;
}
.order-modal .bank-list {
	margin-top: 20px;
	padding-bottom: 30px;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 10px;
	row-gap: 10px;
}
.order-modal .bank-list .bank {
	display: flex;
	justify-content: center;
	align-items: center;
    text-align: center;
	height: 50px;
	padding: 8px 0;
	border-radius: 10px;
	border: 1px solid #A5A5A5;
	background: #FFF;
	color: #767676;
	font-size: 16px;
	font-weight: 500;
}
.order-modal .bank-list .bank.selected {	
	border: 1px solid #2F76FF;
	color: #2F76FF;
}
.cont .txt-highlight {
	display: flex;
	margin-top: 8px;
	font-size: 14px;
	font-weight: 400;
	word-break: keep-all;
	text-align: left;
	color: #375FFE;
}
.gift-share {
	display: flex;
	flex-direction: column;
	padding: 16px 16px 0 16px;
	justify-content: center;
	align-items: center;
}
.gift-share .btn {
	display: flex;
	justify-content: center;
	gap: 12px;
	margin: 16px 0;
}
.gift-share .btn .btn-default {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 10px;
    min-width: 150px;
	height: 56px;
	color: #FFF;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	border-radius: 10px;
}
.gift-share .btn .btn-default img {
	width: 24px;
	height: 24px;
	margin-right: 6px;
}
.gift-share .btn .btn-default.half {
    max-width: 50%;
}
.gift-share .btn .btn-default:active {
	transform: scale(0.98);
}
.gift-share .btn .btn-default.kakao {
	background-color: #FAE300;
	color: #000;
}
.gift-share .btn .btn-default.sms {
	background-color: #EEE;
	color: #000;
}
.gift-msg {
	position: relative;
	margin-top: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 10px;
	font-size: 15px;
	font-weight: 400;
	word-break: keep-all;
	text-align: center;
	background-color: #000;	
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.gift-msg .btn-msg-edit {
	position: absolute;
	bottom: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 6px 8px;
	border-radius: 8px;
	background-color: #FFF;
	color: #000;
	font-weight: 500;
	font-size: 14px;
}
.cont .layout-thumbnails {
	display: flex;
}
.cont .layout-thumbnails.h-padding {
	padding: 0 16px;
}
.cont .layout-thumbnails .thumbnail {
	position: relative;
	display: flex;
	justify-content: center;
	margin-right: 10px;
	cursor: pointer;
	max-height: 120px;
	max-width: 120px;
}
.cont .layout-thumbnails .thumbnail img {
	margin-top: 10px;
	border-radius: 10px;
	object-fit: cover;
	border: 2px solid #FFF;
}
.cont .layout-thumbnails .thumbnail img.selected{
	border: 2px solid #375FFE;
}
.gift-img {
	max-width: 700px;
}
.gift-img img {
	display: block;
	width: 100%; 
	aspect-ratio: 700 / 460;
	object-fit: cover;
	border-radius: 10px;
}
.gift-to {
	padding-top: 16px;
	font-weight: 500;
	font-size: 18px;
	text-align: center;
	color: #FFF;
}
.gift-txt {
	color: #FFF;
	padding: 16px;
	font-weight: 500;
	text-align: center;
}
.gift-msg .url {
	text-decoration: underline;
	color: #375FFE;
}
.gift-msg .btn-edit {
	display: flex;
	margin-top: 16px;
	padding: 8px 12px;
	justify-content: center;
    align-items: center;
	border-radius: 10px;
	background: #353535;	
	border: solid 1px #FFF;
	cursor: pointer;
}
.gift-msg .btn-edit .txt-btn-edit {
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: #FFF;
}
.gift-msg textarea {
	width: calc(100% - 32px);
	height: 44px;
    overflow-y: hidden;
    resize: none;
	padding: 10px;
	background-color: transparent;
	color: #FFF;
	font-size: 15px;
	font-weight: 400;
	font-family: "Noto Sans KR", sans-serif;
	text-align: center;
	margin-bottom: 4px;
}
.gift-msg textarea::placeholder {
	font-size: 15px;
	font-weight: 400;
	color: #A5A5A5;
}

.nice-select .tag-status {
	/* display: flex; */
    width: 50px;
	height: 28px;
	padding: 8px 10px;
	margin-right: 8px;
	justify-content: center;
	align-items: center;
	color: #FF2525;
	font-size: 14px;
	font-weight: 500;
	border-radius: 6px;
	background: rgba(255, 37, 37, 0.10);
}

.product-review-image-thumbnails {
	display: flex;
	overflow-x:auto; 
	white-space:nowrap; 
	margin: 8px 0;
}
.product-review-image-thumbnails.justify-center {
	justify-content: center;
}
.product-review-image-thumbnails.no-margin {
	margin: 0;
}
.product-review-image-thumbnails .thumbnail {
	position: relative;
	display: flex;
	min-width: 94px;
	min-height: 94px;
	width: 94px;
	height: 94px;
	margin-right: 8px;
	border: 1px solid #A5A5A5;
	border-radius: 10px;
	background-image: url("../images/ico-product-add.png");
	background-size: 24px 24px;
	background-repeat: no-repeat;
	background-position: center;
}
.product-review-image-thumbnails .thumbnail.sm {
	min-width: 64px;
	min-height: 64px;
	max-width: 64px;
	max-height: 64px;
}
.product-review-image-thumbnails .thumbnail.no-border {
	border: none;
}
.product-review-image-thumbnails .thumbnail img {
	border-radius: 10px;
	object-fit: cover;	
	width: 100%;
}
.product-review-image-thumbnails .thumbnail .btn-delete {
	position: absolute;
	height: 32px;
	width: 32px;
	right: 8px;
	bottom: 8px;
	background-image: url("../images/ico-thumbnail-delete.png");
	background-size: 32px 32px;
	background-repeat: no-repeat;
	background-position: center;	
}
.product-review-image-thumbnails .thumbnail .btn-delete.sm {
	height: 24px;
	width: 24px;
	right: 4px;
	bottom: 4px;
	background-size: 24px 24px;
}
.product-review-image-thumbnails .thumbnail .btn-delete:active {
	transform: scale(0.95);
}
.review-content {
	position: relative;
	margin-top: 16px;
	background-color: #EEE;
	padding: 12px 10px 32px 10px;
	text-align: center;
	font-size: 14px;
	word-wrap: break-word;
	line-height: 20px;
}
.review-content .btn-edit {
	position: absolute;
	bottom: 6px;
	right: 6px;
	border-radius: 4px;
	background-color: #FFF;
	border: solid 1px #A5A5A5;
	font-size: 12px;
	line-height: 12px;
	font-weight: 500;
	color: #A5A5A5;
	padding: 4px;
}
.btn-save-sm {
	position: absolute;
	right: 16px;
	margin-top: 4px;
	border-radius: 4px;
	background-color: #000;
	font-size: 12px;
	line-height: 12px;
	font-weight: 500;
	color: #EEE;
	padding: 4px;
}

.review-cont {
	display: flex;
	height: 150px;
	border-radius: 10px;
	background: #FFF;
	padding: 12px 16px;
}
.review-cont.d-flex-column {
	flex-direction: column;
}
.review-cont.list {
	height: auto;
	border-bottom: solid 1px #EEE;
	display: flex;
	flex-direction: column;
}
.review-cont .img-wrap {
	margin-top: 10px;
	display: flex;
	gap: 10px;
}
.review-cont .img-wrap img {
	width: 80px;
	height: 80px;
	min-width: 80px;
	min-height: 80px;
	object-fit: cover;
	border-radius: 10px;
}
.review-cont .full-img-wrap  {
	margin: 16px 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.review-cont .full-img-wrap img {
	width: 100%;
	border-radius: 10px;
}
.review-cont .review-cont-txt {
	margin-left: 16px;
    display: flex;
    flex-direction: column;
}
.review-cont .review-cont-txt.no-margin {
	margin-left: 0;
}
.review-cont .review-cont-txt .review-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.review-cont .review-cont-txt .review-header .tag-best {
	display: inline-flex;
	padding: 6px 8px;
	border-radius: 6px;
	background-color: #375FFE;
	color: #FFF;
	font-size: 12px;
	line-height: 12px;
	font-weight: 500;
}
.review-cont .review-cont-txt .rating {
    width: 100%;
    transform-origin: 0 50%;
    scale: 0.4;
}
.review-cont .review-cont-txt .star-rating {
    pointer-events: none;
    display: flex;
	height: 18px;
	font-size: 10px;
}
.review-cont .review-cont-txt .star-rating img {
    height: 100%;
	width: auto;
}
.review-cont .review-cont-txt .txt-cont {
	display: flex;
	flex-direction: column;
	display: -webkit-box;
	word-wrap: break-word;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}
.review-cont .review-cont-txt .txt-review {
	color: #000;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}
.review-cont .review-cont-txt .txt-review.full-txt {
	color: #000;
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
}
.review-cont .review-cont-txt .txt-info {
	margin-top: 6px;
	color: #767676;
	font-size: 13px;
	line-height: 13px;
	font-weight: 400;
}
.review-all {
	display: flex;
	flex-direction: column;
}