/* @font-face {
	font-family: 'Pretendard-Regular';
	font-style: normal;
	font-weight: normal;
	src: url(font/Pretendard-Regular.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');
}
@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 400;
	src: url(font/PretendardVariable.woff2) format('woff2');
} */

@font-face {
	font-family: 'LTSaeda-Bold';
	font-weight: 500;
	src: url(font/LTSaeada-Bold.woff2) format('woff2');
}

@font-face {
	font-family: 'Jalnan2';
	font-weight: 500;
	src: url(font/Jalnan2.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: #f8b933;
	--page-point2-color: #000000;
	--page-base1-color: #EEE;
    --page-common1-color: #767676;
	
	--swiper-pagination-point: var(--page-common1-color);
	--swiper-pagination-base: #E8E3DF;

	--divider-color: #CCC;

	--highlight-color: #f8b933;
	--highlight-color-rgb: 255, 93, 93;

    --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);

    --btm-menu-height: 66px;
    --btm-menu-zindex: 100;
    --btm-menu-posy-from-bottom: calc(var(--sab) + var(--btm-menu-height));
    --progress-height: 2px;
    --product-area-height: 66px;
    --video-description-height: 50px;
    --header-sub-height: 70px;
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	position: relative;
	height: 100vh;     
	max-width: var(--max-screen-width);      
	background: #000;
	font-family: "Pretendard Variable", sans-serif;
	font-size: 14px;
	color: #000;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	-ms-overflow-style: none;
}

body {
    top: env(safe-area-inset-top) !important;
    width: 100%;
    height: calc(100% - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
    position: fixed !important;
    max-width: var(--max-screen-width);
}

::-webkit-scrollbar {
	display: none;
}

[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 var(--highlight-color);
	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: var(--highlight-color);
}
[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: var(--highlight-color);
	border-color: var(--highlight-color);
}
[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;
}

.bg-black {
	background-color: #000;
	color: #FFF;
}
.wrap {
    height: 100%;
}

/* 위 속성만 넣어도 기본 padding 값이 있어서 늘어납니다. 값을 더 추가하면 기본값 + 더한값 표현 됩니다.*/

.header {
    padding-top: 0;
}
.header.black {
	background-color: #000;
}
.header.white {
	background-color: #FFF;
}
.header.grey {
	background-color: #DDD;
}
.footer {
    padding-bottom: var(--sab);
}
.header-sub {
	display: flex;
	/* margin-top: var(--sat); */
	height: var(--header-sub-height);
	width: 100%;
    max-width: var(--max-screen-width);
	align-items: center;
}
.header-sub.back-title {
	min-height: 60px;
	width: 100%;
    max-width: var(--max-screen-width);
	align-items: center;
	justify-content: center;
}
.header-sub.fixed {
	position: fixed;
	z-index: 1000;
	top: 0;
}
.header-sub.sticky {
	position: sticky;
	z-index: 1000;
	top: 0;
}
.header-sub.white {
	background: #FFF;
}
.header-sub.black {
	background: #000;
	align-items: flex-start;
}
.header-sub.close {
    justify-content: flex-end;
}
.header-sub.justify-between {
    justify-content: space-between;
}
.filter-modal .header-title {
	margin-left: 25px;
	height: 70px;
	display: flex;
	align-items: center;	
	font-size: 16px;
	font-weight: 600;
}
.filter-modal .header-title::before {
	content: "";
	display: inline-block;
	background-image: url("../images/ico-filter.png");
	background-size: 14px 17px;
	width: 14px;
	height: 17px;
	margin-right: 7px;
	vertical-align: middle;
}
.place-filter-modal .header-title {
	margin-left: 25px;
	height: 70px;
	display: flex;
	align-items: center;	
	font-size: 16px;
	font-weight: 600;
}
.place-filter-modal .header-title::before {
	content: "";
	display: inline-block;
	background-image: url("../images/ico-filter-black.png");
	background-size: 14px 17px;
	width: 14px;
	height: 17px;
	margin-right: 7px;
	vertical-align: middle;
}
.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-sub .header-title {
	margin-top: 0px;
	text-align: center;
	font-size: 18px;
	font-weight: 800;
}
.header-sub .header-title.white {
	color: #FFF;
}
.header-back {
	z-index: 1;
	display: flex;
    align-items: center;
	margin-top: 0px;
}
.header-back.fixed-left {
	position: absolute;
	left: 0;
}
.header-back.fixed-right {
	position: absolute;
	right: 0;
}
.header-back.justify-between {
	justify-content: space-between;
}
.header-back .btn-back {
	margin-left: 16px;
	width: 8px;
	height: 16px;
	background: url(../images/ico-back.png) 50% / 100% no-repeat;
	cursor: pointer;
}
.header-back .btn-back.black {
	background: url(../images/btn-header-back.png) 50% / 100% no-repeat;
}
.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: 14px;
	height: 14px;
	background: url("../images/btn-close.png") 50%/100%;
	cursor: pointer;
}
.header-back .btn-close.btn-black {
	width: 16px;
	height: 16px;
	background: url("../images/btn-close.png") 50%/100% no-repeat;
	margin: 25px;
	cursor: pointer;
}
.header-back .btn-close.btn-white {
	width: 16px;
	height: 16px;
	background: url("../images/ico-edit-delete.png") 50%/100% no-repeat;
	margin: 25px;
	cursor: pointer;
}
.header-back .btn-close.fixed-right {
	position: absolute;
	right: 16px;
	top: calc(var(--vat) + 27px); /* 임시 코드 */
}
.header-back.btn-share {
	width: 24px;
	height: 24px;
	background: url("../images/header-share.png") 50%/100%;
	cursor: pointer;
	margin-right: 16px;
}
.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;
}

.toast-modal {
	opacity: 0;
    visibility: hidden;
    transition: opacity 0.6s ease, visibility 0s linear 0.6s;
	z-index: 1000;
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	right: 0;
	width: 100%;
	max-width: var(--max-screen-width);
	height: 80px;
	background: var(--page-point1-color);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
	text-align: center;
	font-size: 17px;
	font-weight: 500;
}
.toast-modal.active {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}

.simple-modal {
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 5000;
	background: rgba(0, 0, 0, 0.5);
}
.simple-modal.active {
	display: flex;
}
.simple-modal.flex-column {
    display: flex;
    flex-direction: column;
}
.simple-modal .header {
	position: relative;
	min-height: 50px;
}
.simple-modal .header .btn-close {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 16px;
	height: 16px;
	background: url(../images/btn-modal-close.png) 50% / 100% no-repeat;
}
.simple-modal .modal-inner {
	position: relative;
    border-radius: 30px;
    background: #FFF;
    color: #000;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.20);
    padding: 10px;
    width: 320px;
    min-width: 240px;
}
.simple-modal .modal-inner .modal-head {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.simple-modal .modal-inner .modal-head .ico {
	display: flex;
	align-items: center;
	justify-content: center;
	max-height: 76px;
}
.simple-modal .modal-inner .modal-head .ico.donut-play {
	width: 104px;
	height: 52px;
	background: url(../images/ico-modal-donut-play.png) 50% / 100% no-repeat;
}
.simple-modal .modal-inner .modal-head .ico.coupon-buy {
	width: 83px;
	height: 52px;
	background: url(../images/ico-modal-coupon-buy.png) 50% / 100% no-repeat;
}
.simple-modal .modal-inner .modal-head .ico.coupon-issue {
	width: 110px;
	height: 73px;
	background: url(../images/ico-modal-coupon-issue.png) 50% / 100% no-repeat;
}
.simple-modal .modal-inner .modal-title {
	margin-top: 30px;
	display: flex;
	justify-content: center;
	font-size: 28px;
    font-weight: 600;
}
.simple-modal .modal-inner .modal-cont {
	margin-top: 16px;
}
.simple-modal .modal-inner .modal-cont.justify-center {
    display: flex;
	justify-content: center;
}
.simple-modal .modal-inner .modal-cont .txt {
    font-size: 16px;
	font-weight: 500;
	text-align: justify;
    line-height: 26px;
    margin-bottom: 20px;
	word-break: keep-all;
    padding: 10px;
    padding: 0 10px;
	letter-spacing: -0.2px;
}
.simple-modal .modal-inner .modal-cont .txt-sub-highlight {
    font-size: 16px;
	font-weight: 500;
    margin-bottom: 20px;
	word-break: keep-all;
}
.simple-modal .modal-inner input {
	font-size: 16px;
	font-weight: 600;
	border-bottom: 1px solid #A5A5A5;
	padding-bottom: 10px;
	width: 100%;
}
.simple-modal .modal-inner .txt-input {
	margin-top: 4px;
	height: 44px;
	width: 100%;
	padding-bottom: 0;
	font-family: "Noto Sans KR", sans-serif;
	color: #353535;
}
.simple-modal .modal-inner .modal-cont .txt-sub-title {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    word-break: keep-all;
}
.simple-modal .modal-inner .modal-cont .txt-duration {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 4px 0;
    padding: 4px 8px;
    background-color: #375FFE10;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    word-break: keep-all;
}
.simple-modal .modal-inner .modal-cont .txt-count {
    color: #375FFE;
    font-size: 15px;
    font-weight: 600;
}
.simple-modal .modal-inner .modal-cont .txt-desc {
    color: #375FFE;
    font-size: 14px;
    font-weight: 400;
}
.simple-modal .modal-inner .modal-cont .bg-scroll {
    overflow-y: scroll;
    max-height: 40vh;
    position: relative;    
    margin: 16px 0 12px 0;
    padding: 12px 16px;
    background-color: #375FFE10;
    border-radius: 8px;    
}
.simple-modal .modal-inner .modal-cont .num-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.simple-modal .modal-inner .modal-cont .txt-num {
    color: #375FFE;
    font-size: 15px;
    font-weight: 400;
}
.simple-modal .modal-inner .modal-cont .txt-num .highlight {
    font-weight: 600;
}
.simple-modal .modal-inner .modal-cont .code .txt-copy {
    position: absolute;
    right: 0;
    color: #767676;
    font-size: 12px;
    font-weight: 500;
    text-decoration-line: underline;
}
.simple-modal .modal-inner .modal-cont .code {
    position: relative;
    display: flex;
    align-items: center;
}
.simple-modal .modal-inner .modal-cont .code .txt-product-code {
    color: #375FFE;
    font-size: 24px;
    font-weight: 700;
}
.simple-modal .modal-inner .modal-cont .code .txt-copy {
    position: absolute;
    right: 0;
    color: #767676;
    font-size: 12px;
    font-weight: 500;
    text-decoration-line: underline;
}
.simple-modal .modal-inner .modal-cont .code .txt-copy-done {
    position: absolute;
    right: 0;
    color: #375FFE;
    font-size: 12px;
    font-weight: 500;
}
.simple-modal .modal-inner .modal-btn {
	position: relative;
    margin-top: 30px;
	display: flex;
    flex-direction: column;
	justify-content: center;
    gap: 2px;
}
.simple-modal .modal-inner .modal-btn.donut-play {
	margin-top: 60px;
}
.simple-modal .modal-inner .modal-btn .btn-default {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
	color: #FFF;
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
	border-radius: 20px;
}
.simple-modal .modal-inner .modal-btn .btn-play {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 70px;
	color: #FFF;
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
	border-radius: 20px;
	border: 1px solid #F9A900;
	background: var(--page-point1-color);;
}
.simple-modal .modal-inner .modal-btn .donut-price-tag {
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	height: 34px;
	flex-shrink: 0;
	border-radius: 20px;
	border: 1px solid #000;
	background: #EF3F3F;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
    padding: 0 10px 1px 5px;

}
.simple-modal .modal-inner .modal-btn .donut-price-tag .donut-logo {
	width: 22px;
	height: 22px;
    background-image: url("../images/donut-gauge.png");
	background-size: 22px 22px;
	background-repeat: no-repeat;
	background-position: center;
}
.simple-modal .modal-inner .modal-btn .donut-price-tag .txt-price {
	color: #000;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: -0.55px;
	text-transform: uppercase;
}
.simple-modal .modal-inner .modal-btn .btn-default.half {
    width: 50%;
}
.simple-modal .modal-inner .modal-btn:active {
	transform: scale(0.98);
}
.simple-modal .modal-inner .modal-btn .btn-default.confirm {
	background-color: var(--page-point1-color);
    border: 1px solid #F9A900;
	color: #000;
}
.simple-modal .modal-inner .modal-btn .btn-default.continue {
	background-color: #FFF;
	color: #747474;
}
.simple-modal .modal-inner .modal-btn-details {	
    margin-top: 12px;
    display: flex;
	height: 20px;
	justify-content: center;
	align-items: center;
	color: #A5A5A5;
	font-size: 12px;
    line-height: 12px;
	font-weight: 500;
}
.simple-modal .modal-inner .modal-btn-details::after {
	content: "";
	display: inline-block;
	background-image: url("../images/ico-more.png");
	background-size: 12px 12px;
	width: 12px;
	height: 12px;
	vertical-align: middle;
}
.simple-modal .modal-inner .modal-btn-details.kakao::before {
    margin-right: 4px;
    margin-top: 2px;
	content: "";
	display: inline-block;
	background-image: url("../images/ico-kakao-channel.png");
	background-size: 14px 14px;
	width: 14px;
	height: 14px;
	vertical-align: middle;
}


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

.full-photo-cover {
	z-index: 999;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	overflow-x: hidden;
}     

.full-photo {
	z-index: 1000;
	display: none;
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
}
.full-photo .btn-close {
	z-index: 30;
	position: absolute;
	top: 20px;
	right: 20px;
	width: 24px;
	height: 24px;
	background: url("../images/ico-close-photo.png") 50%/100%;
	cursor: pointer;
}
.donut-gauge {
	z-index: 10;
	display: flex;
	position: absolute;
	bottom: 200px; /* 판매 블록 없을 때 120px, 설명 한 줄일때 100px, 설명 없을 때 86px 에 위치시키면 됨 */
	left: 16px;	
}
.donut-gauge img {
	width: 40px;
}
.btn-group {
    z-index: 10;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% - 33px));
    right: 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.btn-like {
	z-index: 10;
	display: flex;
	width: 36px;
	height: 36px;
	justify-content: center;
	align-items: center;
	background: url("../images/btn-like.png") 0px 0px / 100% 100% no-repeat;
}
.btn-like.active {
	background: url("../images/btn-like-on.png") 0px 0px / 100% 100% no-repeat;
}
.btn-bookmark {
	z-index: 10;
	display: flex;
	width: 36px;
	height: 36px;
	justify-content: center;
	align-items: center;
	background: url("../images/btn-bookmark.png") 0px 0px / 100% 100% no-repeat;
}
.btn-bookmark.active {
	background: url("../images/btn-bookmark-on.png") 0px 0px / 100% 100% no-repeat;
}
.btn-share {
	z-index: 10;
	display: flex;
	width: 36px;
	height: 36px;
	justify-content: center;
	align-items: center;
	background: url("../images/btn-share.png") 0px 0px / 100% 100% no-repeat;
}
.btn-share.active {
	background: url("../images/btn-share-on.png") 0px 0px / 100% 100% no-repeat;
}
.btn-audio {
	z-index: 10;
	display: flex;
	width: 36px;
	height: 36px;
	justify-content: center;
	align-items: center;
	background: url("../images/btn-audio.png") 0px 0px / 100% 100% no-repeat;
}
.btn-audio.active {
	background: url("../images/btn-audio-on.png") 0px 0px / 100% 100% no-repeat;
}
.video-description {
    z-index: 20;
    position: absolute;
	bottom: calc(64px + var(--sab));	
    left: 0;
    box-sizing: border-box;
    padding: 0 16px 16px 16px;
    width: 100%;
    height: var(--video-description-height);
    align-content: end;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
	
}
.video-description .txt-desc {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 14px;
	font-weight: 500;	
	color: #FFF;
	word-break: keep-all;
    text-align: left;
}
.video-cover .txt-desc-full {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 22px;
    overflow-y: scroll;
    height: 100%;
    text-align: center;
    align-content: center;
}

.progress {
    position: absolute;
    bottom: var(--btm-menu-height);
	display: flex;
	z-index: 10;
	width: 100%;
	max-width: var(--max-screen-width);      
	height: var(--progress-height);
	background-color: #000;
}

.progress.no-btm-menu {
    bottom: 0px;
    z-index: 100;
}

.progress.no-btm-menu .done {
    bottom: 0px;
}

.progress .done {
	display: flex;
	left: 0;
	z-index: 20;
	width: 0%;
	height: var(--progress-height);
	background-color: var(--page-point1-color);
}

.btm-menu {
    position: absolute;
	bottom: 0px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
    padding: 0 0 0;
	z-index: var(--btm-menu-zindex);
	background-color: var(--page-point2-color);
	width: 100%;
	max-width: var(--max-screen-width);      
	height: var(--btm-menu-height);
}
.btm-menu .menu-item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #FFF;
	gap: 4px;
    width: 20%;
    height: 100%;
}
.btm-menu .menu-item.active {
	color: var(--page-point1-color);
}
.btm-menu .menu-item img {
	
}
.btm-menu .menu-item .menu-1 {	
	width: 24px;
	height: 24px;
	background: url("../images/ico-menu-1.png") 0px 0px / 100% 100% no-repeat;
}
.btm-menu .menu-item .menu-1.active {	
	background: url("../images/ico-menu-1-on.png") 0px 0px / 100% 100% no-repeat;
}
.btm-menu .menu-item .menu-2 {	
	width: 24px;
	height: 24px;
	background: url("../images/ico-menu-2.png") 0px 0px / 100% 100% no-repeat;
}
.btm-menu .menu-item .menu-2.active {	
	background: url("../images/ico-menu-2-on.png") 0px 0px / 100% 100% no-repeat;
}
.btm-menu .menu-item .menu-3 {	
	position: absolute;
    top: 8px;
	width: 36px;
	height: 36px;
	background: url("../images/ico-menu-3.png") 0px 0px / 100% 100% no-repeat;
}
.btm-menu .menu-item .menu-3.active {	
	background: url("../images/ico-menu-3-on.png") 0px 0px / 100% 100% no-repeat;
}
.btm-menu .menu-item .menu-4 {	
	width: 19px;
	height: 24px;
	background: url("../images/ico-menu-4.png") 0px 0px / 100% 100% no-repeat;
}
.btm-menu .menu-item .menu-4.active {	
	background: url("../images/ico-menu-4-on.png") 0px 0px / 100% 100% no-repeat;
}
.btm-menu .menu-item .menu-5 {	
	width: 24px;
	height: 24px;
	background: url("../images/ico-menu-5.png") 0px 0px / 100% 100% no-repeat;
}
.btm-menu .menu-item .menu-5.active {	
	background: url("../images/ico-menu-5-on.png") 0px 0px / 100% 100% no-repeat;
}
.btm-menu .menu-txt {
	color: #FFF;
	font-size: 12px;
	font-weight: 500;
}
.btm-menu .donut-count {
	display: flex;
	position: absolute;
    bottom: 8px;
    background-color: #000;
	border: solid 1px #FFF;
    height: 16px;
    min-width: 20px;
	padding: 0 6px;
    border-radius: 10px;
    color: #FFF;
    font-size: 13px;
    font-weight: 500;
	line-height: 120px;
	align-items: center;
	justify-content: center;
}
.btm-menu .donut-count.active {
	border: solid 1px var(--page-point1-color);
    color: var(--page-point1-color);
}


.btm-menu .menu-txt.active {
	color: var(--page-point1-color);
}

/* Home */
.home {
	position: relative;
	height: 100%;           
	background: #eee;
	font-family: "Pretendard Variable", sans-serif;
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.temp-area {
	z-index: 10;
	display: flex;
	position: absolute;
	top: 16px;
	right: 16px;
	align-items: center;
	/* text-shadow: 0 1px 4px #353535; */
	background-color: #000;
	height: 40px;
	border-radius: 20px;
	color: #FFF;
	font-size: 14px;
	font-weight: 400;
	padding: 0 16px;
}
.creator-area {
	z-index: 10;
	display: flex;
	position: absolute;
	top: 16px;
	left: 16px;
	gap: 8px;
	align-items: center;
	/* text-shadow: 0 1px 4px #353535; */
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 20px;
}
.creator-area .profile-img {
	width: 40px;
	height: 40px;
	min-width: 40px;
	min-height: 40px;
}
.creator-area .profile-img img {
	border-radius: 50%;
	object-fit: cover;
}
.creator-area .creator-info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
}
.creator-area .creator-info .nickname {
	color: #FFF;
	font-size: 12px;
	font-weight: 600;
}
.creator-area .creator-info .follower {
	display: none;
	color: var(--page-point1-color);
	font-size: 12px;
	font-weight: 600;
}
.creator-area .creator-more {
	display: flex;
	margin-right: 6px;
	width: 24px;
	height: 24px;
	background: url("../images/creator-follow.png") 50%/100% no-repeat;
	justify-content: center;
	align-items: center;
}
.creator-area .creator-more.active {
	background: url("../images/creator-follow-on.png") 50%/100% no-repeat;
}
/* .creator-area .creator-more {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4px 6px; 
	border-radius: 5px;
	background-color: rgba(0, 0, 0, 0.2);
	color: #FFF;
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;
} */
.product-area {
	display: flex;
	left: 0;
	z-index: 10;
	width: 100%;
	overflow: hidden;
    height: var(--product-area-height);
}
.product-info {
	display: flex;
	align-items: center;
	width: 100%;
	height: var(--product-area-height);
	background-color: rgba(0, 0, 0, 0.6);
	padding: 0 6px;
}
.product-info.highlight {
	position: relative;
	z-index: 100; 
	background-color:#FFF; 
	color: var(--font-color-offblack);	
} 
.product-info.highlight.top-round {	
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
} 
.product-info.highlight.bottom-round {	
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
} 
.product-info .img img {
	width: 54px;
	max-height: 54px;
	min-width: 54px;
	min-height: 54px;
	object-fit: cover;
	float: left;
	border-radius: 15px;
}
.product-info .product-cont {
	display: flex;
	flex-direction: column;
	width: calc(100% - 66px);
	padding-left: 16px;
	text-align: left;
}
.product-info .product-cont .tags {
	display: none; /*임시*/
	color: #fff;
	font-size: 13px;
	line-height: 18px;
	display: flex;
	align-items: center;
}
.product-info .product-cont .tags .tags-wrap {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}
.product-info .product-cont .tags .tag {
	display: inline-flex;
	height: 28px;
	margin-left: 0;
	margin-right: 6px;
	margin-bottom: 6px;
	padding: 0 6px;
	border-radius: 6px;
	backdrop-filter: blur(2px);
	align-items: center;
	color: var(--page-point1-color);
	font-size: 12px;
	font-weight: 500;
}
.product-info .product-cont .tags .tag.round {	
	border-radius: 14px;
}
.product-info .product-cont .tags .txt-btn {
	color: #FFF;
}
.product-info .product-cont .txt-title {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: keep-all;
	font-size: 16px;
	font-weight: 500;	
	color: #FFF;
	margin: 4px 0;
}
.product-info .product-cont .txt-desc {
	margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size: 12px;
	font-weight: 400;	
	color: #FFF;
	width: calc(100% - 44px);
}
.product-info .product-cont .price-info {
	display: flex;
	align-items: center;
	margin-top: 4px;
}
.product-info .product-cont .price-info .txt-discount {
	float: left;
	color: var(--page-point1-color);
	font-size: 21px;
	font-weight: 700;
	line-height: 21px;
	margin-right: 8px;
}
.product-info .product-cont .price-info .txt-price {
	display: block;
	margin-left: 8px;
	font-size: 18px;
	font-weight: 600;
	line-height: 18px;
	color: #FFF;
}
.product-info .btn-more {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	color: #FFF;
	width: 30px;
	height: 30px;
}

.product-info .btn-more img {
	width: 30px;
	height: 30px;
}

/* Welcome Gift */
.gift-layer {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}
.gift-layer .gift-wrap {
    width: calc(100% - 40px);
    max-width: 360px;
	height: 500px;
    background-color: #CC4E40;
    border-radius: 32px;
    padding: 40px;
    text-align: center;
    position: relative;
	display: flex;
    flex-direction: column;
    align-items: center;
}
.gift-layer .gift-wrap.levelup {
	height: 440px;
}
.gift-layer .gift-wrap .donut-reward {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.gift-layer .gift-wrap.levelup .donut-reward {
	position: absolute;
	top: 200px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
.gift-layer .gift-wrap .levelup-bg {
	position: absolute;
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
    width: 260px;
	height: 126px;
	background: url(../images/stamp/levelup-bg.png) 50% / 100% no-repeat;
	/* animation: rotate_image 10s linear infinite; */
	/* animation: blink-effect 1s step-end infinite; */
    transform-origin: 50% 50%;
	cursor: pointer;
	display: flex;
    align-items: center;
    justify-content: center;
}
.gift-layer .gift-wrap .donut-reward-bg {
	position: absolute;
	top: 80px;
	left: 50%;
	transform: translateX(-50%);
    width: 330px;
	aspect-ratio: 1 / 1;
	background: url(../images/stamp/gift-reward-bg.png) 50% / 100% no-repeat;
	/* animation: rotate_image 10s linear infinite; */
	/* animation: blink-effect 1s step-end infinite; */
    transform-origin: 50% 50%;
	cursor: pointer;
	display: flex;
    align-items: center;
    justify-content: center;
}
.gift-layer .gift-wrap .donut {
	z-index: 1;	
    width: 94px;
	height: 94px;
	background: url(../images/stamp/donut.png) 50% / 100% no-repeat;
}
.gift-layer .gift-wrap .txt-donut {
    z-index: 2;
    width: 200px;   
    color: #FFF060;
    text-align: center;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #92392F;
    font-family: "Jalnan2";
    font-size: 30px;
    font-weight: 400;
    line-height: 20px;
}
.gift-layer .gift-wrap.levelup .txt-donut {
	top: 70px;
	color: #FFFACE;
	text-align: center;
	font-family: "Jalnan2";
	-webkit-text-stroke-width: 0;
	font-size: 26px;
	font-weight: 400;
}
.gift-layer .gift-wrap.levelup .tag-bonus {
	width: 82px;
	height: 27px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	border-radius: 50px;
	border: 1.5px solid #6F271C;
	background: #7C2C20;
	color: #FFFACE;
	text-align: center;
	font-family: "LTSaeda-Bold";
	font-size: 18px;
	font-weight: 700;
}
.gift-layer .gift-wrap.levelup .txt-donut::before {
	content: "";
	display: inline-block;
	background: url(../images/stamp/donut.png) 50% / 100% no-repeat;
	background-size: 40px 40px;
	width: 40px;
	height: 40px;
	vertical-align: middle;
	margin: 0 6px 4px 0;
}
.gift-layer .btn-close {
    position: absolute;
    top: 20px;
    right: 20px;
	width: 16px;
	height: 16px;
	background: url(../images/stamp/btn-close-gift.png) 50% / 100% no-repeat;
	cursor: pointer;
}
.gift-layer .txt-title {
	margin: 18px 0 6px 0;
	color: #FFF160;
	text-align: center;
	/* -webkit-text-stroke-width: 1.5px;
	-webkit-text-stroke-color: #B84334; */
	font-family: "LTSaeda-Bold";
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	word-break: keep-all;
	text-align: center;
	font-size: 32px;
	font-weight: 500;
}
.gift-layer .gift-wrap.levelup .txt-title {
	margin-top: 50px;
	font-size: 48px;
}
.gift-layer .txt-subtitle {
	z-index: 2;
	margin-top: 4px;
    font-size: 12px;
	color: #FFFBD1;
	text-align: center;
	/* -webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #B84334; */
	font-family: "Jalnan2";
	font-size: 16px;
	font-weight: 400;
	word-break: keep-all;
	line-height: 22px;
}
.gift-layer .gift-wrap.levelup .txt-subtitle {
	font-size: 36px;
}
.gift-layer .txt-desc {
	position: absolute;
	bottom: 120px;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 60px);
    word-break: keep-all;
	color: #FFE1AF;
	text-align: center;
	/* -webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #B84334; */
	font-size: 14px;
	font-weight: 600;
	line-height: 18px; /* 128.571% */
	letter-spacing: -0.28px;
}
.gift-layer .btn-claim {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 40px;
	width: 164px;
	height: 60px;
	border-radius: 50px;
	border: 1.5px solid #FFBB28;
	background: #FFF160;
	color: #CC4C3C;
	text-align: center;
	font-family: "Jalnan2";
	font-size: 20px;
	font-weight: 400;
}


/* Daily Stamp */

.stamp-layer, .stamp-claim-layer,.roulette-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}
.stamp-layer .stamp-card,
.roulette-layer .roulette-card,
.roulette-result-layer .roulette-result-card {
    width: calc(100% - 40px);
    max-width: 360px;
    background-color: #FFBF4B;
    border-radius: 32px;
    padding: 24px;
    text-align: center;
    position: relative;
	display: flex;
    flex-direction: column;
    align-items: center;
}
.stamp-layer .btn-close,
.roulette-layer .btn-close {
    position: absolute;
    top: 20px;
    right: 20px;
	width: 16px;
	height: 16px;
	background: url(../images/stamp/btn-close.png) 50% / 100% no-repeat;
	cursor: pointer;
}
.stamp-layer .stamp-header .txt-title,
.roulette-layer .txt-title,
.roulette-result-layer .txt-title {
    font-size: 18px;
    font-weight: 600;
    color: #AB5635;
	font-family: 'Jalnan2';
	font-weight: 400;
}
.stamp-layer .stamp-header img {
	margin-top: 14px;
	width: 190px;
	height: 190px;
}
.stamp-layer .txt-desc, 
.roulette-layer .txt-desc, 
.roulette-result-layer .txt-desc {
    margin: 16px 0 12px;
    font-size: 16px;
    color: #AB5635;
	font-family: "Jalnan2";
	font-weight: 400;
}
.stamp-layer .stamp-days {
	width: calc(100% - 12px);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 8px;
}
.stamp-layer .stamp-day {
	position: relative;
	width: 100%;
    aspect-ratio: 1 / 1;
	background: url(../images/stamp/stamp-bg.png) 50% / 100% no-repeat;
    padding: 12px 0;
    font-size: 12px;
    color: #AB5635;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	gap: 4px;
    font-weight: bold;
}
.stamp-layer .stamp-day .txt-day {
    width: 32px;
    height: 13px;
    flex-shrink: 0;
    border-radius: 10px;
    background: #884F38;
    color: #FFDCA0;
    font-family: "LTSaeda-Bold";
    font-size: 8px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 1px;
}
.stamp-layer .stamp-day .txt-reward {
	color: #AB5635;
	text-align: center;
	font-family: "Jalnan2";
	font-size: 12px;
	font-weight: 500;
}
.stamp-layer .stamp-day .tag-complete {
	z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 34px;
    width: 96px;
    background: url(../images/stamp/tag-complete.png) 50% / 100% no-repeat;
}
.stamp-layer .stamp-day.complete {
	background: url(../images/stamp/stamp-bg-complete.png) 50% / 100% no-repeat;
}
.stamp-layer .bonus-info {
	position: absolute;
    right: 30px;
    bottom: 32px;
	border-radius: 15px;
	border: 1.5px solid #9D5A3F;
	background: #FFDCA0;
    padding: 10px;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #AB5635;
    font-size: 12px;
}
.stamp-layer .bonus-info img {
	height: 60px;
}
.stamp-layer .txt-bonus-title {
	font-family: "Jalnan2";
    font-weight: 400;
}
.stamp-layer .txt-bonus-desc {
	margin-top: 4px;
    font-size: 11px;
}
.stamp-claim-layer .info-wrap {
	height: 450px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 100px;
}
.stamp-claim-layer .info-wrap .stamp-complete {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.stamp-claim-layer .info-wrap .stamp-claim-bg {
    width: 330px;
	aspect-ratio: 1 / 1;
	background: url(../images/stamp/stamp-claim-bg.png) 50% / 100% no-repeat;
	/* animation: rotate_image 10s linear infinite; */
	animation: blink-effect 1s step-end infinite;
    transform-origin: 50% 50%;
	cursor: pointer;
	display: flex;
    align-items: center;
    justify-content: center;
}
@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}
.stamp-claim-layer .info-wrap .stamp-claim {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -55%);
    width: 200px;
	height: 150px;
	background: url(../images/stamp/stamp-claim.png) 50% / 100% no-repeat;
	cursor: pointer;
}
.stamp-claim-layer .info-wrap .day {
	margin-top: -60px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	min-height: 30px;
	border-radius: 30px;
	border: 1px solid #673926;
	background: #884F38;
	color: #FFC561;
	/* -webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #7C442E; */
	font-family: "LTSaeda-Bold";
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
}
.stamp-claim-layer .info-wrap .txt-donut {
	margin-top: 14px;
	color: #FFBB46;
	text-align: center;
	/* -webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #A55627; */
	font-family: "Jalnan2";
	font-size: 32px;
	font-weight: 700;
}
.stamp-claim-layer .info-wrap .txt-bonus {
	margin-top: 14px;
	color: #FF4B4E;
	text-align: center;
	/* -webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #72191B;	 */
	font-size: 20px;
	font-weight: 800;
	letter-spacing: -0.4px;
}
.stamp-claim-layer .info-wrap .btn-claim {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
	width: 164px;
	min-height: 60px;
	border-radius: 50px;
	border: 1.5px solid #FFBB28;
	background: #F3AC2F;
	color: #673926;
	text-align: center;
	font-family: "Jalnan2";
	font-size: 20px;
	font-weight: 400;
}
.roulette-layer .txt-title {
	margin: 18px 0 6px 0;
	color: #7D4833;
	text-align: center;
	font-family: "Jalnan2";
	font-size: 32px;
	font-weight: 400;
}
.roulette-layer .roulette {
    position: relative;   
	margin: 24px 0;
}
.roulette-layer .wheel {
    width: 321px;
	aspect-ratio: 1 / 1;
	background: url(../images/stamp/wheel.png) 50% / 100% no-repeat;
	cursor: pointer;
}
.roulette-layer .pin {
	z-index: 1;
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
	width: 44px;
	height: 70px;
	background: url(../images/stamp/pin.png) 50% / 100% no-repeat;
}
.roulette-layer .roulette-tip {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}
.roulette-layer .tip-label {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 30px;
	border-radius: 10px;
	background: #7D4833;
	color: #FFBB46;
	font-size: 13px;
	font-weight: 700;
	line-height: normal;
}
.roulette-layer .tip-text {
	text-align: left;
	color: #7D4833;
	font-size: 13px;
	font-weight: 700;
	word-break: keep-all;
}
.roulette-layer .result-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: calc(100vw - 40px);
	height: 200px;
	background: #884F38;
}
.roulette-layer .result-wrap .deco-star {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-140%, -45%);
	width: 89px;
	height: 93px;
	background: url(../images/stamp/deco-star.png) 50% / 100% no-repeat;
}
.roulette-layer .result-wrap .deco-top {
	position: absolute;
	top: 5px;
	width: calc(100vw - 40px);
	height: 3px;
	background: #FFBB46;
}
.roulette-layer .result-wrap .deco-bottom {
	position: absolute;
	bottom: 5px;
	width: calc(100vw - 40px);
	height: 3px;
	background: #FFBB46;
}
.roulette-layer .txt-congrats {
   	color: #FFDCA0;
	text-align: center;
	/* -webkit-text-stroke-width: 1.5px;
	-webkit-text-stroke-color: #733F2A; */
	font-family: "Jalnan2";
	font-size: 22px;
	font-weight: 400;
}
.roulette-layer .txt-amount {
	margin-top: 20px;
	color: #FFDCA0;
	text-align: center;
	/* -webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #733F2A; */
	font-family: "Jalnan2";
	font-size: 30px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.roulette-layer .txt-amount .highlight {
	color: #FFCF0D;
}
.roulette-layer .txt-info {
	margin-top: 24px;
	color: #FFBB46;
	text-align: center;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: -0.22px;
}
.roulette-layer .txt-info .highlight {
	color: #FFDCA0;
}

/* Creator */
.creator {
	position: relative;
	height: calc(100% - var(--btm-menu-height));           
	background-color: #282828;
	color: #FFF;
	margin: 0;
	padding: 0;	
}
.creator .container {
	height: calc(100% - var(--header-sub-height));
    overflow-y: scroll;
}
.creator .container .tab-cont .list {
    background-color: #FFF;
    padding: 10px 10px 20px 10px;
}
.creator .container .tab-cont .product-list {
	background-color: #FFF;
	padding: 10px;
	display: flex;
    flex-direction: column;
    gap: 10px;
}
.creator .container .tab-cont .product-list .txt-desc {
	margin: 14px; 
	text-align: center;
	color: var(--page-common1-color);
	font-size: 15px;
	font-weight: 400;
	line-height: 26px;
}
.creator .container .tab-cont .product-list .product {
	display: flex;
	flex-direction: row;
	width: 100%;
	height: 110px;
	background-color: #000;
	border-radius: 12px;
	gap: 0;
}
.creator .container .tab-cont .product-list .product .img-product {	
	width: 110px;
}
.creator .container .tab-cont .product-list .product .img-product img {	
	width: 100%;
	object-fit: cover;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
}
.creator .container .tab-cont .product-list .product .cont-product {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 10px;
	width: calc(100% - 130px);
}

.creator .container .tab-cont .product-list .product .tags-wrap {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
	margin-bottom: 8px;
}
.creator .container .tab-cont .product-list .product .tags-wrap .tag {
	display: inline-flex;
	margin-left: 0;
	border-radius: 5px;
	border: 1px solid #3DC721;	
	background: #000;
	align-items: center;
	justify-content: center;
	color: #3DC721;
	font-size: 12px;
	font-weight: 600;
}
.creator .container .tab-cont .product-list .product .tags-wrap .txt-btn {
	color: #FFF;
}
.creator .container .tab-cont .product-list .product .txt-title {
	font-size: 14px;
	font-weight: 600;
	line-height: 16px;
}
.creator .container .tab-cont .product-list .product .price-wrap {
	position: absolute;
	bottom: 10px;
	right: 10px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 8px;
}
.creator .container .tab-cont .product-list .product .price-wrap .tag-sales {
	display: inline-flex;
	width: 44px;
	height: 20px;
	border-radius: 10px;
	border: 1px solid #F00;
	background: #000;
	align-items: center;
	justify-content: center;
	color: #F00;
	font-size: 12px;
	font-weight: 600;
}
.creator .container .tab-cont .product-list .product .price-wrap .txt-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}
.creator .container .tab-cont .product-list .product .price-wrap .txt-wrap .txt-desc {
	font-size: 13px;
}
.creator .container .tab-cont .product-list .product .price-wrap .txt-wrap .txt-price {
	color: #F00;
	text-align: right;
	font-size: 16px;
	font-weight: 600;
}

.creator .profile {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 24px 16px;
}
.creator .profile.sm {
	padding: 8px 16px 16px 16px;
}
.creator .profile .info {
	position: relative;
	margin-left: 16px;
	width: 100%;
	overflow: auto;
}
.creator .profile .info .info-name {
	display: flex;
	align-items: flex-end;
}
.creator .profile .info .txt-name {
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
}
.creator .profile .profile-info {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
}
.creator .profile .info .txt-guide {
	display: flex;
	align-items: center;
	color: var(--page-common1-color);
	font-size: 14px;
	font-weight: 500;
	padding-right: 20px;
	word-break: keep-all;
	margin-bottom: 8px;
}
.creator .profile .info .txt-guide .btn-more-sns {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 15px;
	height: 15px;
	margin-left: 5px;
	margin-top: 1px; /* 임시 조정 */
}
.creator .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: #EEE;
	color: var(--highlight-color);
	font-size: 11px;
	font-weight: 700;
}
.creator .profile .info .txt-guide .url-page {
	color: #FFF;
	text-decoration: underline;
	text-underline-offset : 4px;
	text-overflow: ellipsis;
}
.creator .profile .info .txt-guide .url-page.no-line {
	text-decoration: none;
}
.creator .creator-follow {
	margin-top: 12px;
	padding: 0 1px 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	border: solid 1px var(--highlight-color);
	color: var(--highlight-color);
	width: 78px;
	height: 24px;
	font-size: 14px;
	line-height: 14px;
	font-weight: 600;
}
.creator .creator-follow::before {
	content: "";
	display: inline-block;
	background-image: url("../images/ico-follow.png");
	background-size: 15px 15px;
	width: 15px;
	height: 15px;
	vertical-align: middle;	
	margin-right: 6px;
}
.creator .creator-follow.active {
	transform: scale(0.98);
	background: var(--highlight-color);
	color: #000;
}
.creator .creator-follow.active::before {
	background-image: url("../images/ico-follow-on.png");
}
.creator .profile .img-profile {
	position: relative;
	min-width: 80px;
	min-height: 80px;
	cursor: pointer;
}
.creator .profile .img-profile img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
    object-fit: cover;
}
.creator .profile .txt-desc {
	margin-top: 12px;
	font-size: 13px;
	font-weight: 500;
	line-height: 18px;
	word-break: keep-all;
}
.tab-creator {
	display: flex;
	margin-top: 8px;
}
.creator .tab-cont.creator {
	background: #FFF;
}
.creator .video {
	color: #000;
}
.tab-creator.margin-sm {
	margin-top: 10px;
}
.tab-creator.padding-sm {
	padding: 0 8px;
}
.tab-creator-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 50px;
	padding-bottom: 2px;
	text-align: center;
	cursor: pointer;
	background-color: #000;
}
.tab-creator-btn.left {
	border-top-left-radius: 30px;
}
.tab-creator-btn.right {
	border-top-right-radius: 30px;
}
.tab-creator-btn .txt-btn-tab {
	font-weight: 400;
	font-size: 16px;
	color: #CFCFCF;
}
.tab-creator-btn.active {
	background-color: #FFF;
}
.tab-creator-btn.active .txt-btn-tab {
	font-size: 16px;
	font-weight: 700;
	color: #010101;
}
.tab-creator-btn .count {
	margin-left: 10px;
	display: flex;
	align-items: center;
    justify-content: center;
	min-width: 54px;
	height: 28px;
	border-radius: 30px;
		font-weight: 500;
	font-size: 16px;
	color: #FFF;
	background-color: #424242;
}
.tab-creator-btn.active .count {
	background: #000;
	color: var(--highlight-color); 
}
.channel.creator {
	margin: 0 8px;       
	padding: 8px;
	overflow: auto;
}
.channel.creator .list {
    gap: 8px;
	padding: 0;
}
.deal {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
}


/* Channel */
.channel {
	position: relative;
	height: calc(100% - var(--btm-menu-height));        
	margin: 0;
	padding: 0;
	overflow: auto;
}
.channel .filter-wrap {
	z-index: 10;
	padding: 10px 0 0 10px;
	position: sticky;
	top: 0px;
	height: 32px;
    max-width: var(--max-screen-width);
	width: 100%;
	display: flex;
	align-items: center;
}
.channel .filter-wrap.bookmark {
	position: sticky;
	height: auto;
	padding: 0;
}
.channel .filter-wrap .hot-filter-wrap {
	display: flex;
	align-items: end;
	padding: 10px;
	clear: both;	
	color: #747474;
	overflow-x: scroll;
	scrollbar-width: none; /* Firefox에서 스크롤바 숨김 */
    -ms-overflow-style: none; /* IE 및 Edge에서 스크롤바 숨김 */
}
.channel .filter-wrap .hot-filter-wrap.bookmark {
	display: block;
	padding: 0 10px;
	background: #00000050;
}
.channel .filter-wrap .btn-filter {
	z-index: 100;
	position: relative;
	/* position: fixed;
	top: 10px;
	left: 10px; */
	display: flex;
	min-width: 52px;
	height: 30px;
	white-space: nowrap;
	border-radius: 20px;
	border: 1px solid #363636;
	background: #000;
	background-image: url("../images/ico-filter.png");
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: center;
}
.channel .btn-filter.active {
	border: 1px solid var(--page-point1-color);
	background: #000;
	color: #000;
	background-image: url("../images/ico-map-filter-on.png");
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: center;
}
.channel .btn-filter .filter-badge {
	position: absolute;
	top: -8px;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 4px;
	height: 16px;
	border-radius: 16px;
	background: #F8B933;
	border: solid 1px #000;
	color: #000;
	text-align: center;
	font-size: 12px;
	font-weight: 600;
}
.channel .hot-filter-wrap {
	overflow-x: scroll;
}
.channel .hot-filter-wrap .hot-filter {
	position: relative;
	float: left;
	display: flex;
	height: 30px;
	white-space: nowrap;
	padding: 0 9px;
	border-radius: 15px;
	border: 1px solid #363636;
	background: #000;
	align-items: center;
	justify-content: center;
	color: #FFF;
	font-size: 13px;
	font-weight: 500;
	line-height: 12px;
	margin-right: 5px;
}
.channel .hot-filter-wrap .hot-filter.bookmark {
	margin: 0 5px 5px 0;
}
.channel .hot-filter-wrap .hot-filter.active {
	position: relative;
	float: left;
	display: flex;
	height: 30px;
	white-space: nowrap;
	padding: 0 25px 0 9px;
	border-radius: 20px;
	border: 1px solid var(--page-point1-color);
	align-items: center;
	justify-content: center;
	background-color: var(--page-point1-color);
	color: #000;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 500;
	line-height: 12px;
}
.channel .hot-filter-wrap .hot-filter.active::after {
	content: "";
    width: 10px;
    height: 10px;
    background: url("../images/btn-x.png") no-repeat 50%/100%;
    top: 50%;
	transform: translateY(calc(-50% - 1px));
    right: 8px;
    position: absolute;
    display: inline-block;
	margin-bottom: 1px;
}
.channel .hot-filter-wrap .hot-filter.bookmark.active {
	padding: 0 9px;
}
.channel .hot-filter-wrap .hot-filter.bookmark.active::after {
	all: unset;
}

.channel .container {
    position: absolute;
    top: 0px;
	padding-top: 40px;
}
.channel .container.bookmark {
    position: absolute;
    /* custom.js 에서 ".filter-wrap.bookmark" height로 다시 영역 계산 */
    padding-top: calc(var(--header-sub-height) + 70px);
}
.channel .list {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 5px;
	padding: 10px;
	padding-bottom: 0px;
    margin: 0 auto;
	background: #000;
}
.channel .list video {    
	width: 100%;
	display: block;
	border-radius: 10px;
}
.video-area {
	position: relative;
}
.ico-expand {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center;
    background: url("../images/btn-expand.png") 0px 0px / 100% 100% no-repeat;
}
.ico-shrink {
	position: absolute;
	top: 6px;
    /* top: calc(var(--sat) + 6px); */
	right: 6px;
	width: 36px;
	height: 36px;
	justify-content: center;
	align-items: center;
	background: url("../images/btn-shrink.png") 0px 0px / 100% 100% no-repeat;
}

.ico-expand img {
	width: 20px;
	height: 20px;
}
.ico-collapse {
	position: absolute;
	top: 16px;
	right: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 3px; 
	border-radius: 5px;
	background-color: rgba(0, 0, 0, 0.2);
	color: #FFF;
	font-size: 22px;
	line-height: 22px;
}

.creator-follow {
	margin-top: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4px 6px; 
	border-radius: 5px;
	background-color: rgba(0, 0, 0, 0.2);
	color: #FFF;
	width: 70px;
	font-size: 13px;
	line-height: 14px;
	font-weight: 500;
}
.creator-follow img {
	width: 15px;
	height: 15px;
	margin-right: 6px;
}

/* Donut */
.donut-menu {
	width: 100%;
	height: calc(100% - var(--btm-menu-height)); 
    overflow-y: scroll;
	background: #DDD;
	padding-top: 0px;
	display: flex;
	flex-direction: column;
}
.minigame {
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 10px;
}
.minigame .page-title-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin: 10px 0;
}
.minigame .page-title-wrap .txt-title {
	color: #181818;
	text-align: center;
	font-size: 18px;
	font-weight: 800;
	line-height: normal;
	text-transform: uppercase;
}
.minigame .page-title-wrap .txt-desc {
	color: #363636;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
}
.minigame-wrap {
	box-sizing: border-box;
	padding: 10px 0 10px 10px;
	width: 100%;
	border-radius: 20px;
	border: 1px solid #D9D9D9;
	background: #EAEAEA;
	margin: 5px 0;
}
.minigame-wrap .game-title-wrap {
	margin: 10px 0 16px 10px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.minigame-wrap .game-title-wrap .txt-title {
	color: #0D0D0D;
	font-size: 20px;
	font-weight: 700;
	text-transform: capitalize;
	line-height: 20px;
}
.minigame-wrap .game-title-wrap .txt-desc {
	color: #747474;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 14px;
}
.minigame-wrap .game-info-wrap {
	position: relative;
	box-sizing: border-box;
	display: flex;
	gap: 10px;
	padding-right: 10px;
}
.minigame-wrap .game-info-wrap .img-wrap {
	width: 100%;
	height: auto;
    aspect-ratio: 3 / 1;
}
.minigame-wrap .game-info-wrap .img-wrap .img-game {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 12px;
	object-fit: cover;
}
.minigame-wrap .game-info-wrap .img-wrap .time-left {
	position: absolute;
	top: 10px;
	left: 10px;
	border-radius: 100px;
	background: #000;
	color: #EFEFEF;
	text-align: center;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
}
.minigame-wrap .game-info-wrap .info-wrap {
	width: 100%;
    max-width: 130px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.minigame-wrap .game-info-wrap .info-wrap .btn-how-to {
	width: 100%;
	height: 40px;
	border-radius: 10px;
	border: 1px solid #D9D9D9;
	background: #F3F3F3;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #323232;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
}
.minigame-wrap .game-info-wrap .info-wrap .btn-play {
	position: relative;
	width: 100%;
	height: 40px;
	border-radius: 10px;
	border: 1px solid #F9A900;
	background: #F8B933;
	display: flex;
	align-items: center;
	justify-content: center;
}
.minigame-wrap .game-info-wrap .info-wrap .btn-play .txt-play {
	color: #000;
	font-size: 19px;
	font-weight: 700;
	text-transform: uppercase;
}
.minigame-wrap .game-info-wrap .info-wrap .btn-play .donut-price-tag {
	position: absolute;
	top: -12px;
	left: 50%;
	transform: translateX(-50%);
	height: 18px;
	flex-shrink: 0;
	border-radius: 20px;
	border: 1px solid #000;
	background: #EF3F3F;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
    padding: 0 5px;
}
.minigame-wrap .game-info-wrap .info-wrap .btn-play .donut-price-tag .donut-logo {
	width: 12px;
	height: 12px;
    background-image: url("../images/ico-donut-logo.png");
	background-size: 12px 12px;
	background-repeat: no-repeat;
	background-position: center;
}
.minigame-wrap .game-info-wrap .info-wrap .btn-play .donut-price-tag .txt-price {
	color: #000;
	text-align: center;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: -0.55px;
	text-transform: uppercase;
}

.minigame-wrap .ranking-wrap {
	margin-top: 18px;
	overflow: hidden;
}
.minigame-wrap .title-wrap {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 10px;
}
.minigame-wrap .title-wrap .txt-title {
	color: #0D0D0D;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
}
.minigame-wrap .title-wrap .txt-info {
	margin-left: 4px;
	color: var(--page-point1-color);
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
}
.minigame-wrap .title-wrap .btn-more {
	color: #747474;
	text-align: right;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
}
.minigame-wrap .ranking-wrap .rankings {
	margin-top: 6px;
	width: 100%;
	display: flex;
	gap: 3px;
	overflow-x: scroll;
	padding-right: 10px;
}
.minigame-wrap .ranking-wrap .rankings .ranking {
	min-width: 130px;
	border-radius: 10px;
	border: 1px solid #E5E5E5;
	background: #FFF;
	box-sizing: border-box;
	padding: 5px;
	display: flex;
	align-items: center;
	gap: 10px;
}
.minigame-wrap .ranking-wrap .rankings .ranking.none {
	min-width: 130px;
	box-sizing: border-box;
	padding: 5px 0;
	display: flex;
	align-items: center;
	border: none;
	background: none;
	color: #747474;
	font-size: 13px;
	font-weight: 500;
}
.minigame-wrap .ranking-wrap .rankings .ranking.mine {	
	border: 1px solid #F8B933;
	background: #FFFAEF;
}
.minigame-wrap .ranking-wrap .rankings .ranking .img-profile {
	width: 46px;
	height: 46px;
	border-radius: 7px;	
	object-fit: cover;
}
.minigame-wrap .ranking-wrap .rankings .score-wrap {
	display: flex;
	flex-direction: column;
}
.minigame-wrap .ranking-wrap .rankings .score-wrap .rank {
	color: #363636;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
}
.minigame-wrap .ranking-wrap .rankings .score-wrap .rank.mine {
	color: var(--page-point1-color);
}
.minigame-wrap .ranking-wrap .rankings .score-wrap .rank.rank1::after {
	content: "";
    width: 12px;
    height: 9px;
	display: inline-block;
	margin-left: 4px;
	margin-bottom: 1px;
	background: url("../images/ico-rank-rank1.png") 50%/100% no-repeat;
}
.minigame-wrap .ranking-wrap .rankings .score-wrap .rank.rank2::after {
	content: "";
    width: 12px;
    height: 9px;
	display: inline-block;
	margin-left: 4px;
	margin-bottom: 1px;
	background: url("../images/ico-rank-rank2.png") 50%/100% no-repeat;
}
.minigame-wrap .ranking-wrap .rankings .score-wrap .rank.rank3::after {
	content: "";
    width: 12px;
    height: 9px;
	display: inline-block;
	margin-left: 4px;
	margin-bottom: 1px;
	background: url("../images/ico-rank-rank3.png") 50%/100% no-repeat;
}
.minigame-wrap .ranking-wrap .rankings .score-wrap .score {
	color: #747474;
	font-size: 13px;
	font-weight: 700;
	line-height: 16px; /* 123.077% */
	text-transform: uppercase;
}
.minigame-wrap .reward-wrap {
	margin-top: 18px;
}
.minigame-wrap .reward-wrap .reward {
	margin-top: 6px;
	display: flex;
	align-items: center;
	gap: 10px;
}
.minigame-wrap .reward-wrap .reward .img-reward {
	width: 55px;
	height: 55px;
	border-radius: 10px;
	object-fit: cover;
}
.minigame-wrap .reward-wrap .reward .reward-desc {
	display: flex;
	flex-direction: column;
}
.minigame-wrap .reward-wrap .reward .reward-desc .rank {
	color: #363636;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.minigame-wrap .reward-wrap .reward .reward-desc .rank::after {
	content: "";
    width: 12px;
    height: 9px;
    background: url("../images/ico-rank-rank1.png") no-repeat 50%/100%;
    display: inline-block;
	margin-left: 4px;
	margin-bottom: 1px;
}
.minigame-wrap .reward-wrap .reward .reward-desc .txt-desc {
	color: #484848;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
}

/* 쿠폰 */

.coupon {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 0px;
	border-radius: 20px 20px 0px 0px;
	background: #121212;
	box-sizing: border-box;
	padding: 10px;
	padding-bottom: 50px;
}
.coupon .title {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin: 24px;
}
.coupon .title img {
	width: 29px;
}
.coupon .title .txt-title {
	color: var(--page-point1-color);
	text-align: center;
	font-size: 18px;
	font-weight: 800;
	line-height: normal;
	text-transform: uppercase;
	margin-bottom: 12px;
}
.coupon .title .txt-desc {
	color: var(--page-point1-color);
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	line-height: 16px; /* 114.286% */
}
.coupon .coupon-list {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 18px;
}
.coupon .item {
	position: relative;
	box-sizing: border-box;
	display: flex;
	height: 120px;
}
.coupon .item.brown {
	background: #BBA27F;
	border-radius: 10px;
	border: solid 1px #AA916E;
}
.coupon .item.green {
	background: #87997D;
	border-radius: 10px;
	border: solid 1px #6E8063;
}
.coupon .item .left {
	display: flex;
	flex-direction: column;
	width: 60%;
	height: 100%;
}
.coupon .item .left .brand-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 12px;
}
.coupon .item .left .brand-wrap .thumbnail img {
	width: 70px;
	height: 70px;
	border-radius: 50%;
}
.coupon .item .left .benefit-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	margin-left: 8px;
}
.coupon .item .left .benefit-wrap .txt-brand-title {
	color: #000;
	text-align: right;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.66px;
	word-break: keep-all;
}
.coupon .item .left .benefit-wrap .txt-product-title {
	color: #000;
	text-align: right;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.66px;
	word-break: keep-all;
}
.coupon .item .left .benefit-wrap .txt-benefit {
	margin-top: 5px;
	text-align: center;
	font-size: 20px;
	font-weight: 800;
	letter-spacing: -1px;
}
.coupon .item .left .txt-desc {
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(0, 0, 0, 0.70);
	font-size: 12px;
	font-weight: 500;
	margin-top: -4px;
}
.coupon .item .left .txt-desc img {
	height: 11px;
	margin-right: 4px;
}
.coupon .item .right {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 0;
	z-index: 10;
	width: 40%;
	height: 100%;
	gap: 12px;
}
.coupon .item .right::before {
	content: "";
	display: inline-block;
	background-image: url("../images/coupon-divider.png");
	background-size: 3px 124px;
	width: 3px;
	height: 124px;
	position: absolute;
	left: 0;
	vertical-align: middle;
}
.coupon .item .right::after {
	content: "";
    display: inline-block;
    background: #121212;
    width: 18px;
    height: 36px;
    border-radius: 18px 0 0 18px;
    position: absolute;
    right: -4px;
    vertical-align: middle;
}
.coupon .item .right .donut-price-tag {
	position: absolute;
	top: -12px;
	left: 50%;
	transform: translateX(-50%);
	height: 24px;
	flex-shrink: 0;
	border-radius: 20px;
	border: 1px solid #C82929;
	background: #EF3F3F;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
    padding: 0 5px;
}
.coupon .item .right .donut-price-tag .donut-logo {
	width: 14px;
	height: 14px;
    background-image: url("../images/ico-donut-logo.png");
	background-size: 14px 14px;
	background-repeat: no-repeat;
	background-position: center;
}
.coupon .item .right .donut-price-tag .txt-price {
	color: #000;
	text-align: center;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: -0.55px;
	text-transform: uppercase;
}
.coupon .item .right .img-download {
	margin-top: 10px;
	width: 40px;
	height: 36px;
	background: url("../images/btn-coupon-download.png") 50%/100%;
}
.coupon .item .right .btn-coupon {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 4px;
	width: 80px;
	height: 16px;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
}

.ranking-bottomsheet-wrap {
	z-index: 101;
    position: fixed;
    max-width: var(--max-screen-width);
    bottom: 0;
	padding-bottom: var(--sab);
    width: 100%;
	height: 90%;
    max-height: calc(100% - 40px - var(--sat));
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    overflow-x: hidden;
    pointer-events: none;
    margin-top: 10px;
    overflow-x: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
	border-radius: 30px 30px 0px 0px;
	background: #FFF;
	box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.07);
}
.ranking-bottomsheet-wrap .handle-area {
	height: 30px;
	width: 100%;
	display: flex;
	justify-content: center;
}
.ranking-bottomsheet-wrap .btn-handle {
    margin-top: 10px;
	width: 60px;
	height: 3px;
	border-radius: 10px;
	background: #625E6D;
}
.ranking-bottomsheet-wrap .txt-title {
	margin: 10px 0;
	color: #000;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
}
.ranking-bottomsheet-wrap .period-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: calc(100% - 40px);
}
.ranking-bottomsheet-wrap .btn-period-move {
	width: 50px;
	height: 34px;
	border-radius: 10px;
	border: 1px solid #EFEFEF;
	background: #F5F5F5;
	background-image: url("../images/ico-period-prev.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px;
}
.ranking-bottomsheet-wrap .btn-period-move.next {
	transform: rotate(180deg);

}
.ranking-bottomsheet-wrap .txt-period {
	width: 160px;
	height: 34px;
	flex-shrink: 0;
	border-radius: 10px;
	border: 1px solid #EFEFEF;
	background: #F5F5F5;
	color: #323232;
	display: flex;
	align-items: center;
	justify-content: center;	
	gap: 8px;
}
.ranking-bottomsheet-wrap .txt-date {
	font-size: 14px;
	font-weight: 500;
}
.ranking-bottomsheet-wrap .divider {
	width: 1px;
	height: 10px;
	background: #B3B3B3;
}
/* .ranking-bottomsheet-wrap .ranking-table {
	box-sizing: border-box;
	padding: 0 20px;
	width: 100%;
	margin-top: 10px;
	border-collapse: separate;
	border-spacing: 0 4px;
}
.ranking-bottomsheet-wrap .ranking-table th {
	color: #000;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	line-height: 16px; 
}
.ranking-bottomsheet-wrap .ranking-table tbody tr {
	border-radius: 10px;
	border: 1px solid #EFEFEF;
	background: #FFF;
	padding: 2px 32px 2px 21px;
} */

.ranking-table {
	position: relative;
	border-collapse: separate;
	border-spacing: 0 4px;
	width: 100%;
	padding: 0 20px;
	margin-top: 10px;
  }

.ranking-table td,
.ranking-table th,
.ranking-table tr,
.ranking-table thead,
.ranking-table tbody {
	border: none;
}

.ranking-table tbody {
	position: static;
}

.ranking-table thead tr {
	border: none;
	padding-top: 0;
	padding-bottom: 0;
	height: 30px;
}
.ranking-table thead th {
	position: relative;
	z-index: 10;
	color: #000;
	text-align: center;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px; /* 114.286% */
	border: none;
}
.ranking-table tbody tr {
	border-radius: 10px;
	margin-bottom: 0;
	position: relative;
	height: 46px;
}
.ranking-table tbody tr.mine td {
	background: #000;
	border: none;
}
.ranking-table tbody tr.rank1 td {
	background: #FFD079;
	border: none;
}
.ranking-table tbody tr.rank2 td {
	background: #CECECE;
	border: none;
}
.ranking-table tbody tr.rank3 td {
	background: #CDC5BD;
	border: none;
}
.ranking-table td:first-child {
	border-radius: 10px 0 0 10px;
	padding-left: 10px;
	border: solid 1px #EEE;
	border-right: none;
}
.ranking-table td:last-child {
	border-radius: 0 10px 10px 0;
	padding-right: 10px;
	border: solid 1px #EEE;
	border-left: none;
}

.ranking-table tbody td {
	position: relative;
	z-index: 10;
	text-align: center;
	vertical-align: middle;
	color: #323232;
	font-size: 13px;
	font-weight: 500;
	height: 46px;
	border: solid 1px #EEE;
	border-left: none;
	border-right: none;
}
.ranking-table tbody tr.mine td {
	color: var(--page-point1-color);
}
.ranking-table .ico-rank {
	width: 16px;
	height: 16px;
	background: url("../images/ico-rank-normal.png") 50%/100% no-repeat;
}
.ranking-table .ico-rank.mine {
	background: url("../images/ico-rank-mine.png") 50%/100% no-repeat;
}
.ranking-table .ico-rank.rank1 {
	background: url("../images/ico-rank-rank1.png") 50%/100% no-repeat;
}
.ranking-table .ico-rank.rank2 {
	background: url("../images/ico-rank-rank2.png") 50%/100% no-repeat;
}
.ranking-table .ico-rank.rank3 {
	background: url("../images/ico-rank-rank3.png") 50%/100% no-repeat;
}
.ranking-table tbody td img {
	width: 40px;
	height: 40px;
	object-fit: cover;
	border-radius: 20px;
	vertical-align: middle;
}
.ranking-bottomsheet-wrap .ranking-wrap {
	box-sizing: border-box;
	padding: 0 20px;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 10px;
}
.ranking-bottomsheet-wrap .ranking-wrap .ranking-header {
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.ranking-bottomsheet-wrap .ranking-wrap .ranking {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.ranking-bottomsheet-wrap .btn-wrap {
	box-sizing: border-box;
	padding: 0 20px;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.ranking-bottomsheet-wrap .btn-wrap .btn {
	height: 65px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 20px;
	padding: 0 20px;
	background: #F5F4F9;
}
.ranking-bottomsheet-wrap .btn-wrap .btn.instagram {
	background: linear-gradient(90deg, #E1A116 0%, #A53AAE 50%, #7B42CB 100%), #F5F4F9;
}
.ranking-bottomsheet-wrap .btn-wrap .btn.youtube {
	background: #CC4040;
}
.ranking-bottomsheet-wrap .btn-wrap .btn .ico {
	width: 34px;
    height: 34px;
    background: url("../images/ico-clip-upload-manual.png") 0px 0px / 100% 100% no-repeat;
}
.ranking-bottomsheet-wrap .btn-wrap .btn .ico.instagram {
	width: 32px;
    height: 32px;
    background: url("../images/ico-clip-upload-instagram.png") 0px 0px / 100% 100% no-repeat;
}
.ranking-bottomsheet-wrap .btn-wrap .btn .ico.youtube {
	width: 36px;
    height: 28px;
    background: url("../images/ico-clip-upload-youtube.png") 0px 0px / 100% 100% no-repeat;
}
.ranking-bottomsheet-wrap .btn-wrap .btn .txt-btn {
	color: var(--common1-color);
	text-align: right;
	font-size: 16px;
	font-weight: 500;
}
.ranking-bottomsheet-wrap .btn-wrap .btn .txt-btn.white {
	color: #FFF;
}


.guide-bottomsheet-wrap {
	z-index: 101;
    position: fixed;
    max-width: var(--max-screen-width);
    bottom: 0;
	padding-bottom: var(--sab);
    width: 100%;
	height: 90%;
    max-height: calc(100% - 40px - var(--sat));
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    overflow-x: hidden;
    pointer-events: none;
    margin-top: 10px;
    overflow-x: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
	border-radius: 30px 30px 0px 0px;
	background: #FFF;
	box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.07);
}
.guide-bottomsheet-wrap .handle-area {
	z-index: 10;
    position: fixed;
	border-radius: 30px 30px 0px 0px;
	background: #FFF;
	width: 100%;
    max-width: var(--max-screen-width);
	height: 30px;
	display: flex;
	justify-content: center;
}
.guide-bottomsheet-wrap .btn-handle {
    margin-top: 10px;
	width: 60px;
	height: 3px;
	border-radius: 10px;
	background: #625E6D;
}
.guide-bottomsheet-wrap .tab-game-default {
	width: 100%;
	display: flex;
	padding: 0 16px;
	background: #FFF;
	margin-top: 10px;
}
.guide-bottomsheet-wrap .tab-game-default .tab-default-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 40px;
	text-align: center;
	cursor: pointer;
	background: #D9D9D9;
}
.guide-bottomsheet-wrap .tab-game-default .tab-default-btn.left {
	border-radius: 10px 0px 0px 10px;
}
.guide-bottomsheet-wrap .tab-game-default .tab-default-btn.right {
	border-radius: 0px 10px 10px 0px;
}
.guide-bottomsheet-wrap .tab-game-default .tab-default-btn .txt-btn-tab {
	font-weight: 500;
	font-size: 16px;
	color: #000;
}
.guide-bottomsheet-wrap .tab-game-default .tab-default-btn.active {
	background: #000;
}
.guide-bottomsheet-wrap .tab-game-default .tab-default-btn.active .txt-btn-tab {
	font-size: 16px;
	font-weight: 700;
	color: var(--page-point1-color);
}
.guide-bottomsheet-wrap .txt-title {
	margin: 32px 0 10px 0;
	color: #000;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
}
.guide-bottomsheet-wrap .howto-wrap {
	position: relative;
	padding-bottom: 100px;
	width: 100%;
	display: flex;
	flex-direction: column;
}
.guide-bottomsheet-wrap .howto-wrap .howto {
	position: relative;
	width: 100%;
	border-top: solid 1px #E4E4E4;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 25px 20px 25px 30px;
}
.guide-bottomsheet-wrap .howto-wrap .howto:first-child {
	border-top: none;
}
.guide-bottomsheet-wrap .howto-wrap .howto .txt-wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	width: 55%;
}
.guide-bottomsheet-wrap .howto-wrap .howto .number {	
	width: 58px;
	height: 22px;
	border-radius: 7px;
	background: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #F3F3F3;
	text-align: center;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}
.guide-bottomsheet-wrap .howto-wrap .howto .howto-img {
	width: 45%;
}
.guide-bottomsheet-wrap .howto-wrap .howto .howto-img img {
	width: 100%;
}
.guide-bottomsheet-wrap .howto-wrap .howto .txt-desc {
	margin-top: 10px;
    word-break: keep-all;
	color: #484848;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
}
.guide-bottomsheet-wrap .btn-wrap {
	z-index: 10;
	width: 100%;
	max-width: 600px;
	position: fixed;
	bottom: var(--sab);
	display: flex;
	align-items: center;
	justify-content: center;	
}
.guide-bottomsheet-wrap .btn-wrap .cover {
	position: absolute;
	bottom: 0;
	/* width: 100%; */
	height: 100px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgb(255 255 255 / 100%) 100%);
}
.guide-bottomsheet-wrap .btn-wrap .btn-play {
	z-index: 10;
	margin: 20px;
	width: calc(100% - 40px);
	height: 60px;
	flex-shrink: 0;
	border-radius: 20px;
	border: 1px solid #F9A900;
	background: var(--page-point1-color);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
}
.guide-bottomsheet-wrap .btn-wrap .donut-price-tag {
	z-index: 20;
	position: absolute;
	top: 6px;
	left: 50%;
	transform: translateX(-50%);
	height: 25px;
	flex-shrink: 0;
	border-radius: 20px;
	border: 1px solid #000;
	background: #EF3F3F;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
    padding: 0 6px 1px 4px;
}
.guide-bottomsheet-wrap .btn-wrap .donut-price-tag .donut-logo {
	width: 18px;
	height: 18px;
    background-image: url("../images/ico-donut-logo.png");
	background-size: 18px 18px;
	background-repeat: no-repeat;
	background-position: center;
}
.guide-bottomsheet-wrap .btn-wrap .donut-price-tag .txt-price {
	color: #000;
	text-align: center;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: -0.55px;
	text-transform: uppercase;
}
.guide-bottomsheet-wrap .reward-wrap {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.guide-bottomsheet-wrap .reward-wrap .rewards {
	margin-top: 20px;
	width: calc(100% - 40px);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}
.guide-bottomsheet-wrap .reward-wrap .reward {
	position: relative;
	width: 100%;
	border-radius: 20px;	
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px;
}
.guide-bottomsheet-wrap .reward-wrap .reward.rank1 {
	border: 1px solid #F8B933;
	background: linear-gradient(270deg, #F8B93380 50%, #F8B933 100%);
}
.guide-bottomsheet-wrap .reward-wrap .reward.rank2 {
	border: 1px solid #BBB;
	background: linear-gradient(270deg, #BBBBBB80 50%, #BBB 100%);
}
.guide-bottomsheet-wrap .reward-wrap .reward.rank3 {
	border: 1px solid #BAAC9E;
	background: linear-gradient(270deg, #BAAC9E80 50%, #BAAC9E 100%);
}
.guide-bottomsheet-wrap .reward-wrap .reward .txt-wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	width: 65%;
}
.guide-bottomsheet-wrap .reward-wrap .reward .number {	
	width: 58px;
	height: 22px;
	border-radius: 7px;
	background: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #F3F3F3;
	text-align: center;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}
.guide-bottomsheet-wrap .reward-wrap .reward .reward-img {
	width: 100px;
}
.guide-bottomsheet-wrap .reward-wrap .reward .reward-img img {
	width: 100%;
	border-radius: 50%;
}
.guide-bottomsheet-wrap .reward-wrap .reward .txt-desc {
	margin-top: 10px;
    word-break: keep-all;
	color: #484848;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
}
.guide-bottomsheet-wrap .reward-wrap .reward .txt-product {
	margin-top: 4px;
    word-break: keep-all;
	color: #000;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
}
.guide-bottomsheet-wrap .reward-wrap .reward .txt-price {
	margin-top: 4px;
    word-break: keep-all;
	color: #FFF;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
}
.guide-bottomsheet-wrap .info-wrap {
	padding: 20px 20px 120px 32px;
	color: #747474;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
}
.guide-bottomsheet-wrap .info-wrap li {
	margin: 5px;
	word-break: keep-all;
}
.guide-bottomsheet-wrap .product-img {
	width: 100%;
}
.guide-bottomsheet-wrap .product-img img {
	width: 100%;
	display: block;
}


/* Bookmark */
.place {
	position: relative;
	height: 100%;        
	margin: 0;
	padding: 0;
	overflow: auto;
}

.wrap.place {
	position: relative;
	height: calc(100% - var(--btm-menu-height));        
	margin: 0;
	padding: 0;
	overflow: auto;
}
.place .container {
	position: absolute;
	top: 0px;
    width: 100%;
    height: 100%;
}
.place .txt-temp {
	color: #FFF;
	font-size: 16px;
	font-weight: 400;
}
.place .filter-wrap {
	z-index: 10;
	padding: 10px 0 0 10px;
	position: sticky;
	top: 0px;
	height: 32px;
    max-width: var(--max-screen-width);
	width: 100%;
	display: flex;
	align-items: center;
}

.place .filter-wrap .hot-filter-wrap {
	/* z-index: 10;
	position: fixed;
	top: 0;
	height: calc(32px + var(--sat));
	width: calc(100% - 62px); */
	display: flex;
	align-items: end;
	padding: 10px;
	/* padding: 10px; */
	clear: both;
	/* background: #FFFFFF80;
	box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15); */
	color: #747474;
	overflow-x: scroll;
	scrollbar-width: none; /* Firefox에서 스크롤바 숨김 */
    -ms-overflow-style: none; /* IE 및 Edge에서 스크롤바 숨김 */
}
.place .filter-wrap .btn-filter {
	z-index: 100;
	position: relative;
	/* position: fixed;
	top: 10px;
	left: 10px; */
	display: flex;
	min-width: 52px;
	height: 30px;
	white-space: nowrap;
	border-radius: 20px;
	border: 1px solid #000;	
	background: #F3F3F3;
	background-image: url("../images/ico-map-filter.png");
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: center;
}
.place .btn-filter.active {
	border: 1px solid #000;	
	background: #000;
	background-image: url("../images/ico-map-filter-on.png");
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: center;
}
.place .btn-filter .filter-badge {
	position: absolute;
	top: -8px;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 4px;
	height: 16px;
	border-radius: 16px;
	background: #F8B933;
	border: solid 1px #000;
	color: #000;
	text-align: center;
	font-size: 12px;
	font-weight: 600;
}
.place .hot-filter-wrap .hot-filter {
	position: relative;
	float: left;
	display: flex;
	height: 30px;
	white-space: nowrap;
	padding: 0 9px;
	border-radius: 10px;
	border: 1px solid #D9D9D9;
	background: #FFF;
	box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.10);
	align-items: center;
	justify-content: center;
	color: #000;
	font-size: 13px;
	font-weight: 500;
	line-height: 13px;
	margin-right: 5px;
}
.place .hot-filter-wrap .hot-filter.active {
	position: relative;
	float: left;
	display: flex;
	height: 30px;
	white-space: nowrap;
	padding: 0 9px 0 25px;
	border-radius: 10px;
	border: 1px solid #000;
	background: #000;
	box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15);
	align-items: center;
	justify-content: center;
	color: #FFF;
	font-size: 13px;
	font-weight: 500;
	line-height: 13px;
}
.place .hot-filter-wrap .hot-filter.active::before {
	content: "";
    width: 12px;
    height: 16px;
    background: url("../images/ico-flag.png") no-repeat 50%/100%;
    top: 50%;
	transform: translateY(-50% );
    left: 8px;
    position: absolute;
    display: inline-block;
}
.place .list-wrap {
	z-index: 101;
	position: absolute;
    max-width: var(--max-screen-width);
	bottom: 0px;
	/* left: 0; */
	width: 100%;
	max-height: calc(100% - 100px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	overflow-x: hidden;
	pointer-events: none;
}
.place .list-wrap .place-count {
	display: none;
	/* display: flex; */
	pointer-events: auto;
	position: absolute; 
	top: 8px; 
	left: 47px; 
	align-items: center; 
	justify-content: center; 
	padding: 0 4px; 
	height: 16px; 
	border-radius: 16px; 
	background: #767676; 
	border: solid 1px #000; 
	color: #f8b933; 
	text-align: center; 
	font-size: 12px; 
	font-weight: 600;
}
.place .list-wrap.bookmark {
	position: relative;
    max-width: var(--max-screen-width);
	bottom: unset;
	width: 100%;
	max-height: unset;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	overflow-x: hidden;
	pointer-events: none;
}
.place .btn-wrap {
	width: calc(100% - 20px);
	display: flex;
	justify-content: space-between;
}
.place .btn-wrap.bottom {
	z-index: 10;
    position: absolute;
    bottom: 0;
	width: calc(100% - 20px);
	display: flex;
	justify-content: space-between;
}
.place .btn-wrap .map-find-my {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 34px;
	background: #FFF;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
}
.place .btn-wrap .map-find-my .ico-curr-location {
	width: 24px;
	height: 24px;
    background-image: url("../images/ico-map-current.png?v=20250819_4");
	background-size: 24px 24px;
	background-repeat: no-repeat;
	background-position: center;
}
.place .map-list-switch {
	display: flex;
	align-items: center;
    justify-content: center;
	width: 110px;
	height: 33px;
	border-radius: 50px;
	background: #FFF;
	filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.15));
}
.place .map-list-switch .ico-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 25px;
	border-radius: 30px;
	background: #FFF;
}
.place .map-list-switch .ico-wrap.active {
	position: relative;
	top: unset;
	left: unset;
	background: #000;
}
.place .map-list-switch .ico-wrap .ico-map {
	width: 16px;
	height: 19px;
    background-image: url("../images/ico-map-map.png");
	background-size: 16px 19px;
	background-repeat: no-repeat;
	background-position: center;
}
.place .map-list-switch .ico-wrap .ico-map.active {
    background-image: url("../images/ico-map-map-on.png");
}
.place .map-list-switch .ico-wrap .ico-list {
	width: 20px;
	height: 13px;
    background-image: url("../images/ico-map-list.png");
	background-size: 20px 13px;
	background-repeat: no-repeat;
	background-position: center;
}
.place .map-list-switch .ico-wrap .ico-list.active {
    background-image: url("../images/ico-map-list-on.png");
}
.place .place-wrap {
	width: 100%;
	height: 194px;
	display: flex;
	align-items: end;
    overflow-x: scroll;	
	-ms-overflow-style: none; /* 인터넷 익스플로러 */
	scrollbar-width: none; /* 파이어폭스 */
	padding-bottom: 10px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 30%, rgba(0, 0, 0, 0.90) 100%);
	pointer-events: auto;
}
.place .place-wrap .place-card {
    position: relative;
    display: flex;
	flex-direction: column;
	align-items: center;
    justify-content: space-between;
	width: 130px;
    white-space: nowrap;
	margin-right: 5px;
    padding: 5px;
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
	transition: all 0.3s;

}
/* 마진이 있는 div를 삭제하면 해당 div 삭제시 튕기는 현상 발생해서 따로 뺌 */
/* .place .place-wrap .place-card:first-child {
	margin-left: 10px;
} */
.place .place-wrap .place-card:last-child {
	margin-right: 10px;
}
.place .place-wrap .place-card.active {
	/* background: #000; */
	margin-bottom: 10px;
	border-top: solid 3px var(--page-point1-color);
}
.place .place-wrap .place-card.bookmarked {
	background: #000;
}
.place .place-wrap .place-card .ico-bookmark {
	position: absolute;
	top: -5px;
	right: 10px;
	width: 16px;
	height: 19px;
	background: url("../images/ico-map-bookmark.png") 0px 0px / 100% 100% no-repeat;
	display: none;
}
.place .place-wrap .place-card .ico-bookmark.bookmarked {
	display: block;
}
.place .place-wrap .place-card .txt-title {
	color: #000;
	font-size: 13px;
	font-weight: 600;
	line-height: 15px;
	margin: 4px 0;
}
.place .place-wrap .place-card .txt-title.bookmarked {
	color: var(--page-point1-color);
}
.place .place-wrap .place-card .desc-wrap {
	width: calc(100% - 8px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 4px;
}
.place .place-wrap .place-card .desc-wrap .txt-rating {
	color: #000;
	font-size: 11px;
	font-weight: 500;
	line-height: 11px;
}
.place .place-wrap .place-card .desc-wrap .txt-rating.bookmarked {
	color: #FFF;
}
.place .place-wrap .place-card .desc-wrap .txt-rating::before {
	content: "";
	display: inline-block;
	background-image: url("../images/ico-favorites-on.png");
	background-size: 13px 13px;
	width: 13px;
	height: 13px;
	vertical-align: middle;
	margin: 0 3px 3px 0;
}
.place .place-wrap .place-card .desc-wrap .txt-desc {
	padding-bottom: 1px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: keep-all;
	color: #717171;
	text-align: center;
	font-size: 10px;
	font-weight: 500;
	line-height: 11px;
}
.place .place-wrap .place-card .txt-desc.bookmarked {
	color: #FFF;
}
.place .place-wrap .place-card .thumbnail img {
	display: block;
	width: 120px;
	height: 120px;
	border-radius: 15px;
	object-fit: cover;
}
.place .place-list-wrap {
	margin-top: 10px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow-x: hidden;
    overflow-y: scroll;
	-ms-overflow-style: none; /* 인터넷 익스플로러 */
	scrollbar-width: none; /* 파이어폭스 */
	background: #FFF;
	filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.15));
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.place .place-list-wrap.bookmark {
	border-radius: 0;
	background: #000;
}

.place .place-list-wrap .place-list-card {
	width: 100%;
	display: flex;
	padding: 10px 0;
}
.place .place-list-wrap.bookmark .place-list-card {
	border-bottom: solid 1px #323232;
}
.place .place-list-wrap .place-list-card:first-child {
	margin-top: 20px;
}
.place .place-list-wrap .place-list-card .info-wrap {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin: 0 15px;
}
.place .place-list-wrap .place-list-card .info-wrap .txt-title {
	color: #000;
	font-size: 15px;
	font-weight: 600;
	line-height: 16px; /* 106.667% */
}
.place .place-list-wrap.bookmark .place-list-card .info-wrap .txt-title {
	color: #FFF;
}
.place .place-list-wrap .place-list-card .ico-bookmark {
    margin-left:4px;
    width: 12px;
    height: 14px;
    background: url("../images/ico-map-bookmark.png") 0px 0px / 100% 100% no-repeat;
    display: none;
}
.place .place-list-wrap .place-list-card .ico-bookmark.bookmarked {
    display: inline-block;
}
.place .place-list-wrap .place-list-card .info-wrap .desc-wrap {
	margin-top: 4px;
	display: flex;
	align-items: end;
	gap: 8px;
}
.place .place-list-wrap .place-list-card .info-wrap .desc-wrap .place-rating {
	margin: 0;
}
.place .place-list-wrap .place-list-card .info-wrap .desc-wrap .txt-desc {
	color: #717171;
	font-size: 11px;
	font-weight: 500;
}
.place .place-list-wrap.bookmark .place-list-card .info-wrap .desc-wrap .txt-desc {
	color: #D9D9D9;
}
.place .place-list-wrap .place-list-card .info-wrap .txt-summary {
	margin-top: 8px;
	color: #717171;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px; /* 133.333% */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: keep-all;
}
.place .place-list-wrap.bookmark .place-list-card .info-wrap .txt-summary {
	margin-top: 16px;
	color: #D9D9D9;
}
.place .place-list-wrap .place-list-card .thumbnail-wrap {
	display: flex;
	min-width: 140px;
	max-width: 140px;
    overflow-x: scroll;
	-ms-overflow-style: none; /* 인터넷 익스플로러 */
	scrollbar-width: none; /* 파이어폭스 */
}
.place .place-list-wrap .place-list-card .thumbnail-wrap .thumbnail {
    position: relative;
    display: flex;
	align-items: center;
	width: 90px;
    height: 120px;
	margin-right: 5px;
}
.place .place-list-wrap .place-list-card .thumbnail-wrap .thumbnail img {
	display: block;
	width: 90px;
    height: 120px;
	border-radius: 10px;
	object-fit: cover;
}

.url-instagram {
	color: var(--page-point1-color);
	font-size: 12px;
	font-weight: 600;
}

.info-cover {
	z-index: 200;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
    height: calc(100% - env(safe-area-inset-top) - env(safe-area-inset-bottom));
	background-color: #FFF;
	transition: transform 0.5s ease-out, opacity 0.5s ease-out;
	transform: translateY(100%);
	opacity: 0;
	display: none;
	overflow-x: hidden;
}     
.info-cover.black {
	background-color: #000;
	color: #FFF;
}             
.info-cover.show {
	transform: translateY(0);
	opacity: 1;
	display: block;
}

.place {
	overflow-x: hidden;
	background: #000;
}
.place .cont {
	padding: 10px;
	color: #FFF;
}
.place .section-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 14px;
    text-align: center;
}
.place-layer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: white;
	border-radius: 20px 20px 0 0;
	box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1);
	padding: 20px;
	z-index: 1000;
	transform: translateY(100%);
	transition: transform 0.4s ease-out;
}
.place-layer.show {
	transform: translateY(0);
}
.place-header {
	z-index: 100;
	position: absolute;
	top: calc(var(--sat) + 10px);
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.place-header .btn-back {	
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 16px;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	background-color: rgba(0, 0, 0, 0.50);
	/* backdrop-filter: blur(10px); */
	cursor: pointer;
}
.place-header .btn-back .ico-arrow {	
	z-index: 1000;
	width: 8px;
	height: 16px;
	background: url("../images/ico-back.png") 50%/100% no-repeat;
}
  
.close-btn {
	position: absolute;
	right: 20px;
	top: 20px;
	background: none;
	border: none;
	font-size: 20px;
	cursor: pointer;
}


/* 플레이스 이미지 슬라이더 */
.place-slider {
	display: flex;
	gap: 0;
	position: relative;	
	margin-top: var(--sat);
	height: 240px;
	overflow-x: scroll;
	overflow-y: hidden;
}
.place-slider:after {
	content : "";
	display : block;
	clear : both;
}
.place-slider .video-area {
    width: auto;
    height: 100%;
}
.place-slider .video-area video {
	min-width: 180px;
	height: 100%;
	object-fit: cover;
}
.slider-img {
	height: 100%;
    object-fit: cover;
}
.slide-counter {
	position: absolute;
	bottom: 10px;
	right: 1dvh;
	background-color: rgba(0,0,0,0.6);
	color: white;
	padding: 5px 10px;
	border-radius: 15px;
	font-size: 14px;
}

/* 숙소 기본 정보 */
.place-info {
	position: relative;
	padding: 16px;
	color: #FFF;
}
.action-buttons {
	width: calc(100% - 20px);
	position: absolute;
	top: 16px;
	left: 10px;
    display: flex;
	justify-content: space-between;
	gap: 0;
}
.place .btn-bookmark {
	z-index: 10;
	display: flex;
	width: 36px;
	height: 36px;
	justify-content: center;
	align-items: center;
	background: url("../images/place-btn-bookmark.png") 0px 0px / 100% 100% no-repeat;
}
.place .btn-bookmark.active {
	background: url("../images/place-btn-bookmark-on.png") 0px 0px / 100% 100% no-repeat;
}
.place .btn-share {
	z-index: 10;
	display: flex;
	width: 36px;
	height: 36px;
	justify-content: center;
	align-items: center;
	background: url("../images/place-btn-share.png") 0px 0px / 100% 100% no-repeat;
}
.place .btn-share.active {
	background: url("../images/place-btn-share-on.png") 0px 0px / 100% 100% no-repeat;
}
.place-rating {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 6px 0 12px 0;
}
.rating-stars {
	display: flex;
	gap: 1px;
}
.rating-stars .star {
	display: flex;
	width: 18px;
	height: 18px;
	justify-content: center;
	align-items: center;
	background: url("../images/rating-star-empty.png") 0px 0px / 100% 100% no-repeat;
}
.rating-stars .star.full {
	background: url("../images/rating-star-full.png") 0px 0px / 100% 100% no-repeat;
}
.rating-stars .star.half {
	background: url("../images/rating-star-half.png") 0px 0px / 100% 100% no-repeat;
}
.rating-stars .star.sm {
	width: 13px;
	height: 13px;
}
.rating-score {
	color: var(--page-point1-color);
	font-size: 17px;
	font-weight: 500;
	margin: 2px 0 0 4px;
}
.rating-score.sm {
	color: #000;
	font-size: 13px;
	font-weight: 500;
}
.rating-score.white {
	color: #FFF;
	font-size: 13px;
	font-weight: 500;
}
.rating-count {
	font-size: 15px;
}
.place-name {
	display: flex;
	justify-content: center;
	font-size: 20px;
	font-weight: 500;
}
.place-category {
	margin-top: 5px;
	text-align: center;
	font-size: 13px;
	font-weight: 500;
}
.place-desc {
	margin-top: 24px;
	display: flex;
	justify-content: center;
	font-size: 13px;
	font-weight: 500;
	line-height: 17px;
}
.place-sns-wrap {
	margin-top: 18px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	margin-bottom: 16px;
	color: #FFF;
	font-size: 13px;
	font-weight: 500;
	line-height: 17px;
}
.place-sns::before {
	content: "";
	display: inline-block;
	background-image: url("../images/ico-place-insta.png");
	background-size: 22px 22px;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	margin: 0 6px 3px 0;
} 
.place-contact-wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	font-size: 13px;
	font-weight: 500;
	color: #ABABAB;
}
.place-contact::before {
	font-size: 13px;
	margin: 0 6px 3px 0;
}
.place-contact.address {
	margin-top: 0;
}
.place-contact.address::before {
	content: "";
	display: inline-block;
	background-size: 16px 16px;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background-image: url("../images/ico-contact-address.png");
}
.place-contact.phone::before {
	content: "";
	display: inline-block;
	background-size: 16px 16px;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background-image: url("../images/ico-contact-phone.png");
} 
.place-contact.hour::before {
	content: "";
	display: inline-block;
	background-size: 16px 16px;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background-image: url("../images/ico-contact-hour.png");
} 
.place-contact.breaktime::before {
	content: "";
	display: inline-block;
	background-size: 16px 16px;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background-image: url("../images/ico-contact-breakhour.png");
} 

/* 쿠폰 정보 */
.coupon-info {
	position: relative;
	border-radius: 10px;
	background: #333;
	padding: 8px 10px;
	display: flex;
	align-items: center;
}
.coupon-info img {
	width: 54px;
}
.coupon-text {
	margin-left: 6px;
	color: #FFF;
	font-size: 13px;
	font-weight: 500;
	line-height: 15px;
}
.coupon-text .highlight {
	font-size: 14px;
	font-weight: 600;
	line-height: 15px;
}
.coupon-btn {
	position: absolute;
    right: 10px;
	width: 70px;
	height: 30px;
	flex-shrink: 0;
	border-radius: 8px;
	border: 1px solid var(--page-point1-color);	
	color: var(--page-point1-color);
	background: #000;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
}

/* 예약 링크 */
.reservation-info {	
	margin-top: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
.reservation-info .btn-nv {	
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 180px;
	height: 45px;
	border-radius: 10px;
	border: 1px solid #24A631;
	background: #28B737;
	color: #FFF;
}
.reservation-info .btn-nv .txt-nv {
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 500;
}
.reservation-info .btn-nv .txt-nv::before{	
	content: "";
	display: inline-block;
	background-image: url("../images/ico-reserve-nv.png");
	background-size: 21px 21px;
	width: 21px;
	height: 21px;
	vertical-align: middle;
	margin-right: 6px;
}
.reservation-info .btn-ct {	
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 180px;
	height: 45px;
	border-radius: 10px;
	border: 1px solid #DA3E12;
	background: #E94315;
	color: #FFF;
}
.reservation-info .btn-ct .txt-ct {
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 500;
}
.reservation-info .btn-ct .txt-ct::before{	
	content: "";
	display: inline-block;
	background-image: url("../images/ico-reserve-ct.png");
	background-size: 21px 21px;
	width: 21px;
	height: 21px;
	vertical-align: middle;
	margin-right: 6px;
}


/* 섹션 탭 */
.section-tabs {
	display: flex;
	position: sticky;
	top: 48px;
	background-color: white;
	z-index: 90;
}

.section-tab {
	flex: 1;
	padding: 14px 0;
	text-align: center;
	font-size: 15px;
	cursor: pointer;
	position: relative;
}

.section-tab.active {
	color: var(--page-point1-color);
	font-weight: bold;
}

.section-tab.active::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: var(--page-point1-color);
}

.section-title {
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 16px;
}


/* 위치 정보 */
.location-section {	
	scroll-margin-top: 70px;
	margin-top: 50px;
}
.map-container {
	height: 180px;
}
.map-container .list-wrap img {
	width: 100%;
    height: 100%;
    object-fit: cover;
	border-radius: 20px;
}
.address {
	margin-top: 12px;
	font-size: 12px;
	font-weight: 400;
}
.txt-copy {
	margin-left: 6px;
	color: #000;
	font-size: 12px;
	font-weight: 500;
	line-height: 15px; /* 125% */
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
.direction-btn {
	margin-top: 16px;
	width: 100%;
	padding: 12px;
	border-radius: 10px;
	border: 1px solid #DFDFDF;	
	background: #FFF;
	color: #535353;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
}

/* 후기 섹션 */
.reviews-section {
	scroll-margin-top: 70px;
	margin-top: 40px;
}

.review-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 16px;
}

.reviews-section .section-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 14px;
    text-align: center;
}

.review-video-wrap {
	display: flex;
	gap: 4px;
	width: 100%;
	overflow-x: scroll;
}

.review-video-wrap .video-area {
	width: 130px;	
}

.review-video-wrap .video-area video {
	width: 130px;	
	border-radius: 20px;
}

.all-reviews-btn {
	color: #0066cc;
	font-size: 14px;
	background: none;
	border: none;
	cursor: pointer;
}

.review-card {
	padding: 16px 0;
}

.review-stars {
	color: var(--page-point1-color);
	margin-bottom: 8px;
}

.reviewer-info {
	display: flex;
	justify-content: space-between;
	color: #666;
	font-size: 14px;
	margin-bottom: 8px;
}

.review-content {
	font-size: 15px;
	margin-bottom: 12px;
	line-height: 1.5;
}

.review-images {
	display: flex;
	gap: 8px;
	margin-top: 12px;
}

.review-img {
	width: 80px;
	height: 80px;
	object-fit: cover;
	border-radius: 4px;
}

/* 시설 및 서비스 */
.facilities-section {
	scroll-margin-top: 70px;
	margin-top: 50px;
}
.facilities-list {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin-top: 16px;
}
.facility-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.facility-icon {
	font-size: 28px;
	margin-bottom: 8px;
}
.facility-name {
	font-size: 12px;
	font-weight: 400;
}

/* 이용 안내 */
.info-section {
	scroll-margin-top: 70px;
	margin-top: 50px;
	padding: 0 10px;
}
.info-list {
	margin-top: 16px;
}
.info-item {
	margin-bottom: 16px;
}
.info-title {
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
}
.info-content {
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
}


/* 상세 필터 모달 */
.filter-modal {
	position: relative;
	overflow-x: hidden;
	background: #000;
	overflow-y: scroll;
	color: #FFF;
}
.filter-modal.place-filter {
	background: #F0F0F0;
	color: #000;
}
.filter-modal .cont {
	display: flex;
	flex-direction: column;
	gap: 25px;
	padding: 25px;
	/* padding-bottom: calc(150px + var(--sab)); */
}
.filter-modal .cont .section-wrap {
	display: flex;
	flex-direction: column;
}
.filter-modal .cont .section-wrap.place-filter {
	color: #000;
}
.filter-modal .cont .section-wrap .section-title {
	font-size: 18px;
	font-weight: 600;
}
.filter-modal .section-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 14px;
    text-align: left;
}
.filter-modal .tags {
	position: relative;
	color: #FFF;
}
.filter-modal .tag {
	float: left;
	display: flex;
	height: 26px;
	white-space: nowrap;
	/* width: auto; */
	margin: 0 5px 5px 0;
	padding: 0 12px 1px 12px;
	border-radius: 14px;
	backdrop-filter: blur(2px);
	border: 1px solid #363636;
	background-color: var(--page-point2-color); /*선택된 색상으로 반영해줘야 함*/
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 400;
	line-height: 13px;
}
.filter-modal .tag.active {
	border-radius: 15px;
	background: var(--page-point1-color);
	color: #000;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
}
.filter-modal .tag.semi-active {
	border: 1px solid var(--page-point1-color);
    color: var(--page-point1-color);
}
.filter-modal .sub-tag-wrap {
	box-sizing: border-box;
	position: relative;
	width: 100%;
	margin-bottom: 10px;
	padding: 10px 5px 5px 10px;
	border-radius: 20px;
	border: 1px solid #595959;
	background: #212121;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 400;
	line-height: 13px;
	overflow: hidden;
}
.filter-modal .sub-tag {
	float: left;
	display: flex;
	height: 26px;
	white-space: nowrap;
	/* width: auto; */
	margin: 0 5px 5px 0;
	padding: 0 12px 1px 12px;
	border-radius: 15px;
	border: 1px solid #595959;
	background: #000;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 500;
	line-height: 13px;
}
.filter-modal .sub-tag.active {
	border-radius: 15px;
	border: 1px solid var(--page-point1-color);
	background: var(--page-point1-color);
	color: #000;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
}
.filter-modal .btm-wrap {
	width: 100%;
	border-top: solid 1px #4C4C4C;
	padding-top: 15px;
	position: fixed;
	bottom: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	overflow-x: hidden;
	margin-bottom: 20px;
	background: #000;
}
.filter-modal .filter-selected {
	display: flex;
	overflow-x: scroll;
	padding-left: 25px;
}
.filter-modal .filter-selected .filter {
	position: relative;
	float: left;
	display: flex;
	height: 28px;
	white-space: nowrap;
	margin: 0 5px 5px 0;
	padding: 0 24px 1px 8px;
	border-radius: 14px;
	background: var(--page-point1-color);
	align-items: center;
	justify-content: center;
	color: #000;
	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
}
.filter-modal .filter-selected .filter::after {
	content: "";
    width: 10px;
    height: 10px;
    background: url("../images/btn-x.png") no-repeat 50%/100%;
    top: 50%;
	transform: translateY(calc(-50% - 1px));
    right: 8px;
    position: absolute;
    display: inline-block;
	margin-bottom: 1px;
}
.filter-modal .btn-wrap {
	display: flex;
	gap: 10px;
	padding: 12px 25px 0 25px;
}
.filter-modal .btn-wrap .btn-reset {
	display: flex;
	width: 40%;
	height: 50px;
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	border: 1px solid #4C4C4C;
	background: #171717;
	
	color: #D4D4D4;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}
.filter-modal .btn-wrap .btn-result {
	display: flex;
	width: 60%;
	height: 50px;
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	background: #F8B933;

	color: #000;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}

/* 플레이스 필터 모달 */
.place-filter-modal {
	position: relative;
	overflow-x: hidden;
	background: #F0F0F0;
	color: #000;
	height: 100vh;
	overflow-y: scroll;
}
.place-filter-modal .cont {
	display: flex;
	flex-direction: column;
	gap: 25px;
	padding: 25px;
	/* padding-bottom: calc(150px + var(--sab)); */
}
.place-filter-modal .cont .section-wrap {
	display: flex;
	flex-direction: column;
	color: #000;
}
.place-filter-modal .cont .section-wrap .section-title {
	font-size: 18px;
	font-weight: 600;
}
.place-filter-modal .section-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 14px;
    text-align: left;
}
.place-filter-modal .tags {
	position: relative;
	color: #747474;
}
.place-filter-modal .tag {
	float: left;
	display: flex;
	height: 26px;
	white-space: nowrap;
	/* width: auto; */
	margin: 0 5px 5px 0;
	padding: 0 12px 1px 12px;
	border-radius: 15px;
	border: 1px solid #D9D9D9;
	background: #FFF;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 500;
	line-height: 13px;
}
.place-filter-modal .tag.active {
	border-radius: 15px;
	border: 1px solid #000;
	background: #000;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
}
.place-filter-modal .tag.semi-active {
	border: 1px solid #000;
}
.place-filter-modal .sub-tag-wrap {
	box-sizing: border-box;
	position: relative;
	width: 100%;
	margin-bottom: 10px;
	padding: 10px 5px 5px 10px;
	border-radius: 20px;
	border: 1px solid #C6C6C6;
	background: #DFDFDF;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 400;
	line-height: 13px;
	overflow: hidden;
}
.place-filter-modal .sub-tag {
	float: left;
	display: flex;
	height: 26px;
	white-space: nowrap;
	/* width: auto; */
	margin: 0 5px 5px 0;
	padding: 0 12px 1px 12px;
	border-radius: 15px;
	border: 1px solid #D9D9D9;
	background: #FFF;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 500;
	line-height: 13px;
}
.place-filter-modal .sub-tag.active {
	border-radius: 15px;
	border: 1px solid #000;
	background: #000;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
}
.place-filter-modal .btm-wrap {
	width: 100%;
	/* border-top: solid 1px #4C4C4C; */
	padding-top: 15px;
	position: fixed;
	bottom: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	overflow-x: hidden;
	margin-bottom: calc(20px + var(--sab));
	background: #F0F0F0;
}
.place-filter-modal .filter-selected {
	display: flex;
	overflow-x: scroll;
	padding-left: 25px;
}
.place-filter-modal .filter-selected .filter {
	position: relative;
	float: left;
	display: flex;
	height: 24px;
	white-space: nowrap;
	margin: 0 5px 5px 0;
	padding: 0 24px 1px 8px;
	border-radius: 15px;
	background: #000;
	align-items: center;
	justify-content: center;
	color: #FFF;
	font-size: 14px;
	font-weight: 600;
	line-height: 16px;
}
.place-filter-modal .filter-selected .filter::after {
	content: "";
    width: 10px;
    height: 10px;
    background: url("../images/btn-x-white.png") no-repeat 50%/100%;
    top: 50%;
	transform: translateY(calc(-50% - 1px));
    right: 8px;
    position: absolute;
    display: inline-block;
	margin-bottom: 1px;
}
.place-filter-modal .btn-wrap {
	display: flex;
	gap: 10px;
	padding: 12px 25px 0 25px;
}
.place-filter-modal .btn-wrap .btn-reset {
	display: flex;
	width: 40%;
	height: 50px;
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	border: 1px solid #C6C6C6;
	background: #DFDFDF;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}
.place-filter-modal .btn-wrap .btn-result {
	display: flex;
	width: 60%;
	height: 50px;
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	background: #F8B933;

	color: #000;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}

/* Page 디자인 */
.highlight {
	color: var(--highlight-color);
}
.highlight.half {
	color: color-mix(in srgb, var(--highlight-color) 70%, transparent);
}
.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: 100;
	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);
	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 좌우 마진 */
	padding: 16px;
	z-index: 99;
}
.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: 99;
	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: 99;
	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 좌우 마진 */
	padding: 16px;
	z-index: 99;
}
.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: 100;
	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: 100;
}
.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: 99;
}
.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: 100;
	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 .blocks {
	display: flex;
    align-items: center;
    flex-direction: column;

	--block-product-background-color: #FFF;
	--block-product-tag1-color: #252026;
	--block-product-tag2-color: #4690FF;
}	

/* 단일상품 - 1:1 카드형 */
.page .blocks .block-1product-card-square {
	width: calc(100% - 32px);
	margin: 10px 0;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
	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;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
	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;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
	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;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
	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;
	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;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
	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;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
	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: 100; 
	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: 20px 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 .gallery {
	width: 100%;	
}
.product-modal .cont .gallery img {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 1 / 1;
}
.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 {
	box-sizing: border-box;
	z-index: 100;
	display: flex;
	justify-content: end;
	align-items: flex-end;
	position: fixed;
    width: 100%;
	max-width: var(--max-screen-width);	
	padding: 0 16px;
	bottom: 0;	
	margin-bottom: 16px;
	gap: 8px;
}
.product-modal .fixed-bottom .promotion {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	background-color: var(--page-point1-color);
	border-radius: 4px;
	height: 30px;
	margin-bottom: 10px;
}
.product-modal .fixed-bottom .txt-promotion {
	color: #FFF;
	font-size: 14px;
	font-weight: 400;
}
.product-modal .fixed-bottom .txt-promotion .strong {
	font-weight: 600;
}
.product-modal .fixed-bottom .promotion .btn-close {
	position: absolute;
    right: 6px;
    color: #FFF;
    box-sizing: content-box;
    width: 12px;
    height: 12px;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: 0.5;
}
.product-modal .fixed-bottom .promotion .btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: 0.75;
}
.product-modal .fixed-bottom .promotion .btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(80, 111, 217, 0.25);
    opacity: 1;
}
.product-modal .fixed-bottom .promotion .btn-close:disabled, .btn-close.disabled {
    pointer-events: none;
    user-select: none;
    opacity: 0.25;
}
.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%);
}
.product-modal .fixed-bottom .btn-buy {
	width: calc(100% - 66px);
	display: flex;	
	flex-direction: column;
}
.product-modal .btn-fixed-bottom {
	display: flex;	
	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;
	min-width: 56px;
	min-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;
}
.product-modal .fixed-bottom-btn-top {
	position: fixed;
	bottom: 16px;
	right: 16px;
}

.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: var(--highlight-color);
}

.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, .product-tab-cont 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), 
.product-tab-cont 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: var(--page-common1-color);
	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;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
	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: var(--highlight-color);
	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: var(--highlight-color);
	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: var(--highlight-color);
	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: var(--highlight-color);
    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: var(--highlight-color);	
	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: var(--page-common1-color);
	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: var(--highlight-color);
}
.gift-card .content h2 {	
	color: var(--highlight-color);
}
.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: var(--highlight-color);
	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: var(--page-common1-color);
	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: var(--page-common1-color);
	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;
}


hr {	
	padding: 0;
	margin: 20px 10px;
	border: 0;
	border-top: 1px solid #E5E5E5;
}    
.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: var(--page-common1-color);
	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: var(--highlight-color);
	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: var(--page-common1-color);
	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(var(--highlight-color-rgb), 0.10);
}

.page-edit .section-title-wrap .txt-title {
	font-size: 16px;
	font-weight: 600;
	color: var(--highlight-color);
}
.page-edit .section-title-wrap .txt-desc {
	margin-top: 4px;
	text-align: center;
	color: var(--highlight-color);
	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 var(--highlight-color);
}
.page-edit .blocks .card.block-product.onlyme {
	border: 2px dotted var(--highlight-color);
}
.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-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: var(--highlight-color);
}
.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-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: var(--page-common1-color);
	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 var(--highlight-color);
}
.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: var(--highlight-color);
}
.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 var(--highlight-color);
}
.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 var(--highlight-color);
}
.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: var(--highlight-color);
	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(var(--highlight-color-rgb), 0.10);
	color: var(--highlight-color); */
	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%; */
    /* 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 .btn-input {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px 12px;
	border-radius: 10px;
	border: 1px solid #A5A5A5;
	background-color: #FFF;
	color: var(--page-common1-color);
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
}
.bottom-sheet-container .content-wrap {
	width: 100%; 
	/* height: 74vh; */
	margin: 36px 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: var(--highlight-color);
}
.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: var(--highlight-color);
	font-weight: 700;
}
.bottom-sheet-container .content-wrap .select-wrap {
	display: flex;
	align-items:center;
	margin-bottom: 10px;
}
.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.highlight {
	color: var(--highlight-color);
}
.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: 18px;
    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: var(--page-common1-color);
	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: var(--highlight-color);
	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: var(--page-common1-color);
	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(var(--highlight-color-rgb), 0.10);
	color: var(--highlight-color);
	font-size: 9px;
	font-weight: 700;
}	
.bottom-sheet-container .content-wrap .address .cont-address .txt-address {
	color: var(--page-common1-color);
	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 {
	height: 48px;
	width: 100%;
	padding-bottom: 0;
	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%;
	padding: 0 20px;
	min-height: 50px;
	border-radius: 15px;
	border: 1px solid #D9D9D9;
	background: #FFF;
	margin-top: 10px;
}
.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: var(--page-common1-color);
	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: var(--highlight-color);
	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: var(--highlight-color);
	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: var(--highlight-color);
	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: var(--highlight-color);
	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(var(--highlight-color-rgb), 0.10);
}
.block-list-wrap .section-title {
	color: var(--page-common1-color);
	font-size: 12px;
	font-weight: 500;
}
.block-list-wrap .section-title.highlight {
	color: var(--highlight-color);
}
.block-list-wrap .section-title.bold {
	font-size: 16px;
	font-weight: 500;
}
.block-list-wrap .desc {
	color: var(--highlight-color);
	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: var(--highlight-color);
	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(var(--highlight-color-rgb), 0.10);
}
.block-list li .ico-block.partner-link {
	background-image: url("../images/ico-page-edit-partner-link.svg");
	background-color: rgba(var(--highlight-color-rgb), 0.10);
}
.block-list li .ico-block.product2 {
	background-image: url("../images/ico-add-block-product-02.svg");
	background-color: rgba(var(--highlight-color-rgb), 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: var(--page-common1-color);
	font-size: 12px;
	font-weight: 500;
}
.block-list li .txt-wrap .product {
	color: var(--highlight-color);
	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: var(--highlight-color);
	font-size: 12px;
	font-weight: 500;
}
.required::after {
	margin-left: 5px;
	content: "[필수]";
	display: inline-block;
	color: var(--highlight-color);
	font-size: 12px;
	font-weight: 500;
}
.txt-title.required::after {
	margin-left: 4px;
	content: "[필수]";
	display: inline-block;
	color: var(--highlight-color);
	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: var(--sab);
}
.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: 18px;
	background: #000;
	color: #FFF;
	font-size: 16px;
}
.page-add-block .btn-fixed-bottom .btn-save.highlight {
	background: var(--highlight-color);
}
.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: var(--highlight-color);
}
.page-add-block .section-title .txt-desc {
	margin-top: 8px;
	color: var(--page-common1-color);
	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: var(--highlight-color);
}
.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: var(--highlight-color);
	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: var(--highlight-color);
	font-size: 24px;
	font-weight: 700;
}
.page-add-block .product-code .code .txt-copy {
	position: absolute;
	right: 16px;
	color: var(--page-common1-color);
	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: var(--page-common1-color);
	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: var(--page-common1-color);
}
.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 var(--highlight-color);
}
.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: var(--highlight-color);
}
.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: var(--highlight-color);
}
.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: var(--highlight-color);
	border: 1px solid var(--highlight-color);
}
.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: var(--highlight-color);
}

/* 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: var(--page-common1-color);
	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 var(--highlight-color);
}
.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: var(--highlight-color);
	font-size: 16px;
	font-weight: 700;
}
.page-add-block .product-price .discounted-info {
	display: flex;
}
.page-add-block .product-price .discounted-rate {
	color: var(--highlight-color);
	font-size: 22px;
	font-weight: 500;
}
.page-add-block .product-price .discounted-price {
	margin-left: 10px;
	color: var(--highlight-color);
	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: var(--highlight-color);
	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: var(--highlight-color);
	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: var(--highlight-color);
}
.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: var(--highlight-color);
}
.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: var(--highlight-color);
}
.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: var(--highlight-color);
}
.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: var(--highlight-color);
}
.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: var(--highlight-color);
	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: var(--highlight-color);
	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: var(--highlight-color);
	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: var(--page-common1-color);
	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-title.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;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
	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-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);	
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
}
.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: var(--highlight-color);
	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: var(--page-common1-color);
	line-height: 14px;
}
.page-add-block .clip-input .txt-title .file-info {
    font-weight: 400;
	color: var(--highlight-color);
}
.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-default {
	display: inline-flex;
    height: 20px;
    padding: 0 8px;
    border-radius: 5px;
	color: var(--page-point1-color);
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	backdrop-filter: blur(2px);
	background-color: #000; /*선택된 색상으로 반영해줘야 함*/
	align-items: center;
}
.tags .tag-coupon {
	display: inline-flex;
    height: 20px;
    padding: 0 8px;
    border-radius: 5px;
	color: #FB4848;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	backdrop-filter: blur(2px);
	background-color: #000; /*선택된 색상으로 반영해줘야 함*/
	align-items: center;
	margin-left: 4px;
}
.tags .tag-coupon::before {
	content: "";
	display: inline-block;
	background-image: url("../images/ico-sales-coupon.png");
	background-size: 32px 20px;
	width: 32px;
	height: 20px;
	vertical-align: middle;
	margin: 0 4px 0 -12px;
}
.tags .tag-link {
	display: inline-flex;
    height: 20px;
    padding: 0 8px;
    border-radius: 5px;
	color: #9860FF;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	backdrop-filter: blur(2px);
	background-color: #000; /*선택된 색상으로 반영해줘야 함*/
	align-items: center;
	margin-left: 4px;
}
.tags .tag-link::before {
	content: "";
	display: inline-block;
	background-image: url("../images/ico-sales-link.png");
	background-size: 32px 20px;
	width: 32px;
	height: 20px;
	vertical-align: middle;
	margin: 0 4px 0 -12px;
}
.tags .tag-buy {
	display: inline-flex;
    height: 20px;
    padding: 0 8px;
    border-radius: 5px;
	color: #F78623;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	backdrop-filter: blur(2px);
	background-color: #000; /*선택된 색상으로 반영해줘야 함*/
	align-items: center;
	margin-left: 4px;
}
.tags .tag-buy::before {
	content: "";
	display: inline-block;
	background-image: url("../images/ico-sales-buy.png");
	background-size: 32px 20px;
	width: 32px;
	height: 20px;
	vertical-align: middle;
	margin: 0 4px 0 -12px;
}

.tags .tag-rect-basic {
	display: inline-flex;
	height: 24px;
	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.sm {
	height: 20px;
	padding: 0 8px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
}
.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);
	color: var(--page-point1-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.sm {
    height: 20px;
    padding: 0 8px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
}
.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);
	color: var(--page-point1-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 */

/* My Page */
.mypage {
	position: relative;
	height: calc(100% - var(--btm-menu-height));        
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	background: #F0F0F0;
	color: #010101;
}
.mypage.donut {
    height: calc(100% - var(--header-sub-height));
	background: #000;
	color: #FFF;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.mypage.order {
	background: #000;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 20px 0px 20px;
    height: calc(100% - var(--header-sub-height));
}
.mypage.order-details {
    height: calc(100% - var(--header-sub-height));
	background: #FFF;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 20px 0 20px;
}
.mypage .link-url {
	text-decoration: underline;
	color: var(--page-point1-color);
	text-underline-offset: 3px;
}
.overflow-visible {
	overflow-y: visible;
}
.mypage .section-title {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 40px;
	padding-left: 16px;	
}
.mypage .section-title .txt-title {
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
}
.mypage.donut .section-title {
	position: relative;
	margin-top: 10px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	width: calc(100% - 30px);
	height: 70px;
	border-radius: 20px;
	background: var(--page-point1-color);
	padding: 20px;
}
.mypage.donut .section-title::before {
	content: "";
	display: inline-block;
	background-image: url("../images/donut-gauge.png");
	background-size: 36px 36px;
	width: 36px;
	height: 36px;
	vertical-align: middle;
}
.mypage.donut .section-title .txt-title {
	margin-left: 10px;
	color: #000;
	font-size: 18px;
	font-weight: 700;
}
.mypage.donut .section-title .txt-donut {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	color: #000;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
}
.mypage .profile {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 24px 30px;
}
.mypage .profile.sm {
	padding: 0 16px 16px 16px;
}
.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;
	width: 100%;
}
.mypage .tab-cont .cont {
	padding: 16px;
}
.mypage .tab-cont table {
	width: 100%;
	border-collapse: collapse;
}
.mypage .tab-cont table th {
	height: 46px;
	font-size: 14px;
	font-weight: 500;
	text-align: center;	
	border-bottom: solid 2px #5C5C5C;;	
	color: #DFDFDF;
}
.mypage .tab-cont table td {
	height: 56px;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	border-bottom: solid 1px #323232;	
}
.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: var(--highlight-color);
	margin-left: 6px;
	font-size: 13px;
	font-weight: 700;
}
.mypage .tab-cont table td.highlight {
	color: var(--highlight-color);
	font-weight: 700;
}
.mypage .profile .info {
	margin-left: 16px;
	width: 100%;
	overflow: auto;
}
.mypage .profile .info .info-name {
	display: flex;
	align-items: center;
}
.mypage .profile .info .txt-name {
	color: #000;
	font-size: 20px;
	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-profile-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: var(--page-common1-color);
	font-size: 16px;
	font-weight: 500;
	padding-right: 20px;
	word-break: keep-all;
}
.mypage .profile .info .txt-guide .tag-page {
	display: flex;
	width: 60px;
	height: 23px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	border-radius: 26px;
	background: #000;
	color: #F8B933;
	font-size: 14px;
	font-weight: 600;
}
.mypage .profile .info .txt-guide .url-page {
	color: var(--highlight-color);
	text-decoration: underline;
	text-underline-offset : 4px;
	text-overflow: ellipsis;
}
.mypage .profile .info .txt-guide .url-page.no-line {	
	text-decoration: none;
}
.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: 14px;
	padding-left: 16px;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	color: #747474;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
}
.mypage .btn-detail::after {
	content: "";
	display: inline-block;
	background-image: url("../images/ico-more-mypage.png");
    background-size: 5px 10px;
    width: 5px;
    height: 10px;
	vertical-align: middle;
	margin-left: 6px;
	margin-top: -1px;
}
.mypage .menu-list-wrap {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 0 8px;
	color: #000;
}
.mypage .menu-list-wrap.margin-bottom {
	margin-bottom: 100px;
}
.mypage .menu-list-wrap.border-bottom {
	border-bottom: 16px solid #EEE;;
}
.mypage .menu-list {
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
}
.mypage .menu-list li {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 18px;
	border: 1px solid #E5E5E5;
	background: #FFF;
	padding: 0 16px;
	margin-bottom: 8px;
}
.mypage .menu-list li.sm {
	padding: 0 0 12px 0;
}
.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 {
	display: flex;
    align-items: center;
    color: #484848;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
}
.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: 18px;
	font-weight: 600;
	color: #000;
}
.mypage .menu-list li .menu-wrap .txt-title .txt-info {
	margin-left: 5px;
	font-size: 13px;
	font-weight: 500;
	color: #A5A5A5;
}
.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: var(--highlight-color);
}
.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: var(--page-common1-color);
}
.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: var(--page-common1-color);
}
.mypage .menu-list .sale-list .sale .info .txt-cont .txt-desc .txt-stat {
	margin-left: 4px;
	color: var(--highlight-color);
	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: var(--page-common1-color);
	font-size: 12px;
	font-weight: 500;
}
.mypage .menu-list .sale-list .sale .stats .stat .txt-stat {
	color: var(--highlight-color);
	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;
	cursor: pointer;
	padding-bottom: 20px;
}
.mypage .menu-list .order-status .status {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 64px;
}
.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 {
	box-sizing: border-box; 
	width: 100%;
	padding: 20px;
	padding-bottom: 20px;
}
.mypage .footer .txt-email {
	margin-top: 8px;
	color: #000;
	font-size: 18px;
	font-weight: 700;
}
.mypage .footer .txt-title {
	margin-top: 12px;
	color: #000;
	font-size: 18px;
	font-weight: 600;
}
.mypage .footer .txt-desc {
	margin-top: 8px;
	color: #000;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px; /* 150% */
}
.mypage .btn-logout {
	margin-top: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 60px;	
	border-radius: 18px;
	border: 1px solid #CACACA;
	background: #DFDFDF;
	width: calc(100% + 16px);
    margin-left: -8px;
	cursor: pointer;
}
.mypage .btn-logout .txt-logout {
	font-size: 18px;
	font-weight: 500;	
	color: #747474;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}
.mypage.order .cont {
	width: 100%;
	display: flex;
    flex-direction: column;
	gap: 10px;    
}
.mypage .order-wrap {
	padding-bottom: 16px;	
	background: #E9E9E9;
	border-radius: 20px;
	padding: 10px 0px 20px 0px;
}
.mypage.order-details .order-wrap {
	background: #FFF;
}
.mypage .order-wrap.no-margin {
	margin-top: 0;
	padding-bottom: 0;	
}
.mypage .order-wrap .order {
	display: flex;
	flex-direction: column;
	padding: 8px 0;	
}
.mypage .order-wrap .title {
	position: relative;
	padding: 10px 0;	
	border-bottom: dotted 1px #BABABA;
}
.mypage .order-wrap .title .txt-date {
	color: #000;
	font-size: 16px;
	font-weight: 700;
}
.mypage .order-wrap .title .tag-gift {
	background-color: var(--highlight-color);
	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;
	color: #747474;
	text-align: right;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
}
.mypage .order-wrap .title .btn-detail::after {
	all: unset;
}
.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: #5C5C5C;
    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: var(--highlight-color);
	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: #5C5C5C;
	font-size: 12px;
	font-weight: 500;
}
.mypage .order-wrap .order .status .txt-date.highlight {
	margin-left: 4px;
	color: var(--highlight-color);
}
.mypage .order-wrap .order .status .txt-date.active {
	color: var(--page-common1-color);
}
.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 {
	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 #5C5C5C;	
	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: #5C5C5C;
	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: 6px;
	/* color: var(--highlight-color); */
	font-size: 16px;
	font-weight: 600;
}
.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: 700;
}
.mypage .order-wrap .order .info .txt-cont .txt-detail .txt-stat {
	margin-left: 4px;
	color: var(--highlight-color);
	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(var(--highlight-color-rgb), 0.10);
	border: 1px solid var(--highlight-color);
	color: var(--highlight-color);
}
.mypage .order-wrap .order .btn-upload .txt-desc {	
	display: inline;
	font-size: 12px;
	font-weight: 400;
	color: var(--highlight-color);
	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: var(--page-common1-color);
	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: var(--page-common1-color);
	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: var(--page-common1-color);
	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: var(--highlight-color);
}
.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: 15px 0;
	color: #5C5C5C;
	font-size: 14px;
	font-weight: 500;
	border-radius: 10px;
	border: 1px solid #BABABA;
	cursor: pointer;
}
.mypage .order-wrap .btn-wrap .btn.highlight {
	color: var(--highlight-color);
	font-weight: 700;
}
.mypage .order-wrap .btn-wrap .btn.bg-highlight {
	background-color: rgba(var(--highlight-color-rgb), 0.10);
	border: 1px solid var(--highlight-color);
	color: var(--highlight-color);
}
.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;
}

.mypage .tab-default {
	width: calc(100% - 30px);
	display: flex;
	padding: 0;
	margin-top: 10px;
	background: none;
	border: none;
}
.mypage .tab-default .tab-default-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 40px;
	text-align: center;
	cursor: pointer;
	border-bottom: solid 2px #A8A8A8;
}
.mypage .tab-default .tab-default-btn .txt-btn-tab {
	font-weight: 500;
	font-size: 16px;
	color: #FFF;
}
.mypage .tab-default .tab-default-btn.active {
	border-bottom: solid 2px var(--page-point1-color);
}
.mypage .tab-default .tab-default-btn.active .txt-btn-tab {
	font-size: 16px;
	font-weight: 700;
	color: var(--page-point1-color);
}


.mypage .following {
	display: flex;
	flex-direction: column;
	position: relative;
	height: 100%;           
	background-color: #000;
	color: #FFF;
	margin: 0;
	padding: 0;	
	overflow-y: scroll;
}
.mypage .following .profile {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px;
	border-bottom: solid 1px #323232;
}
.mypage .following .profile .profile-info {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
}
.mypage .following .profile .info {
	position: relative;
	margin-left: 16px;
	width: 100%;
	overflow: auto;
}
.mypage .following .profile .info .txt-name {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: #FFF;
}
.mypage .following .profile .info .txt-stat {
	font-size: 12px;
	font-weight: 600;
	line-height: 24px;
	color: #FFF;
}
.mypage .following .profile .txt-desc {
	margin-top: 10px;
	font-size: 13px;
	font-weight: 500;
	line-height: 18px;
	word-break: keep-all;
}
.mypage .following .profile .info .txt-guide {
	display: flex;
	align-items: center;
	color: var(--page-common1-color);
	font-size: 14px;
	font-weight: 500;
	padding-right: 20px;
	word-break: keep-all;
	margin-bottom: 8px;
}
.mypage .following .profile .btn-more {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background-image: url("../images/ico-more-2.png");
	background-size: 36px 36px;
	width: 36px;
	height: 36px;
	background-repeat: no-repeat;
	background-position: center;
}
.mypage .following .profile .img-profile {
	position: relative;
	min-width: 50px;
	min-height: 50px;
	cursor: pointer;
}
.mypage .following .profile .img-profile img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
    object-fit: cover;
}

/* MyPage - Coupon */
.coupon-list-wrap {
    height: calc(100% - var(--header-sub-height));
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 0px 20px 0px 20px;
}
.coupon-list-wrap .coupon-list {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 16px;
}
.coupon-list-wrap .coupon-list .my-coupon {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	background: #E9E9E9;
	border-radius: 20px;
}
.coupon-list-wrap .coupon-list .my-coupon::after {
	content: "";
    display: inline-block;
    background: #121212;
    width: 13px;
    height: 26px;
    border-radius: 13px 0 0 13px;
    position: absolute;
	top: 30px;
    right: -2px;
}
.coupon-list-wrap .coupon-list .my-coupon .top {
	display: flex;
	align-items: center;
	color: #5C5C5C;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.3px;
	padding: 10px 16px 8px 16px;
    min-height: 34px;
	border-bottom: dotted 1px #BABABA;
}
.coupon-list-wrap .coupon-list .my-coupon .top::before {
	content: "";
	display: inline-block;
	background-image: url("../images/ico-calendar.png");
	background-size: 22px 22px;
	width: 22px;
	height: 22px;
	margin-right: 8px;
	vertical-align: middle;
}
.coupon-list-wrap .coupon-list .my-coupon .bottom {
	display: flex;
	align-items: center;
	padding: 16px;
	gap: 16px;
}
.coupon-list-wrap .coupon-list .my-coupon .bottom .img-product {
	width: 80px;
	height: 80px;
}
.coupon-list-wrap .coupon-list .my-coupon .bottom .img-product img {
	width: 80px;
	height: 80px;
	border-radius: 40px;
}
.coupon-list-wrap .coupon-list .my-coupon .bottom .txt-wrap {
	display: flex;
	flex-direction: column;
	margin-top: 4px;
}
.coupon-list-wrap .coupon-list .my-coupon .bottom .txt-wrap .txt-brand {
	color: #5C5C5C;
	font-size: 14px;
	font-weight: 500;
	line-height: 14px; /* 114.286% */
	margin-bottom: 6px;
}
.coupon-list-wrap .coupon-list .my-coupon .bottom .txt-wrap .txt-product {
	color: #000;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px; /* 133.333% */
	letter-spacing: -0.36px;
}
.coupon-list-wrap .coupon-list .my-coupon .bottom .txt-wrap .txt-benefit {
	color: #000;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px; /* 133.333% */
	letter-spacing: -0.36px;
}
.coupon-list-wrap .coupon-list .my-coupon .bottom .txt-wrap .txt-use {
	color: var(--page-point1-color);
	font-size: 14px;
	font-weight: 600;
	margin-top: 6px;
}
.coupon-list-wrap .coupon-list .my-coupon .bottom .btn-more {
	position: absolute;
	right: 20px;
	background-image: url("../images/btn-more.png");
	background-size: 6px 12px;
	width: 6px;
	height: 12px;
	background-repeat: no-repeat;
	background-position: center;
}

.coupon-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}
.coupon-card {
    width: calc(100% - 20px);
    max-width: 390px;
    background: #D9D9D9;
    border-radius: 24px;
    overflow: hidden;
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    text-align: left;
}
.coupon-card .txt-title {
	margin-top: 8px;
	color: #000;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	line-height: normal;
}
.coupon-card .btn-close {
    position: absolute;
    top: 12px;
    right: 12px;
    background: none;
    border: none;
    font-size: 24px;
    color: #888;
}
.coupon-card .txt-modal-title {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 16px;
}
.coupon-card .my-coupon {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	background: #FFF;
	border-radius: 20px;
	margin: 20px 0;
}
.coupon-card .my-coupon::after {
	content: "";
    display: inline-block;
    background: #D9D9D9;
    width: 13px;
    height: 26px;
    border-radius: 13px 0 0 13px;
    position: absolute;
	top: 30px;
    right: -2px;
}
.coupon-card .my-coupon .top {
	display: flex;
	align-items: center;
	color: #5C5C5C;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.3px;
	padding: 10px 16px 8px 16px;
    min-height: 34px;
	border-bottom: dotted 1px #BABABA;
}
.coupon-card .my-coupon .top::before {
	content: "";
	display: inline-block;
	background-image: url("../images/ico-calendar.png");
	background-size: 22px 22px;
	width: 22px;
	height: 22px;
	margin-right: 8px;
	vertical-align: middle;
}
.coupon-card .my-coupon .bottom {
	display: flex;
	align-items: center;
	padding: 16px;
	gap: 16px;
}
.coupon-card .my-coupon .bottom .img-product {
	width: 80px;
	height: 80px;
}
.coupon-card .my-coupon .bottom .img-product img {
	width: 80px;
	height: 80px;
	border-radius: 40px;
}
.coupon-card .my-coupon .bottom .txt-wrap {
	display: flex;
	flex-direction: column;
	margin-top: 4px;
}
.coupon-card .my-coupon .bottom .txt-wrap .txt-brand {
	color: #5C5C5C;
	font-size: 14px;
	font-weight: 500;
	line-height: 14px; /* 114.286% */
	margin-bottom: 6px;
}
.coupon-card .my-coupon .bottom .txt-wrap .txt-product {
	color: #000;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px; /* 133.333% */
	letter-spacing: -0.36px;
}
.coupon-card .my-coupon .bottom .txt-wrap .txt-benefit {
	color: #000;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px; /* 133.333% */
	letter-spacing: -0.36px;
}
.coupon-card .my-coupon .bottom .txt-wrap .txt-use {
	color: var(--page-point1-color);
	font-size: 14px;
	font-weight: 600;
	margin-top: 6px;
}
.coupon-card .my-coupon .btn-use {
	display: flex;
    align-items: center;
    justify-content: center;
	margin: 15px;
	width: auto;
	height: 54px;
	flex-shrink: 0;
	border-radius: 10px;
	background: #000;
	color: var(--page-point1-color);
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px; /* 120% */
}
.coupon-card .btn-delete {
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 54px;
	border-radius: 18px;
	border: 1px solid #CACACA;
	background: #DFDFDF;
	color: #747474;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	line-height: 16px; /* 100% */
}
.coupon-table th {
	height: 30px;
}
.coupon-table th {
	width: 70px;
	color: #404040;
	font-size: 15px;
	font-weight: 600;
	line-height: 24px; /* 160% */
	letter-spacing: -0.3px;
}
.coupon-table td {
	color: #5C5C5C;
	font-size: 15px;
	font-weight: 400;
	line-height: 24px; /* 160% */
	letter-spacing: -0.3px;
}
.coupon-table ul {
	list-style-position: inside;
}

.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: var(--highlight-color);
	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: 100%;
	max-width: var(--max-display-width);
	position: relative;
	display: flex;
	left: 50%;
    transform: translateX(-50%);
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 50;
	background: rgba(0, 0, 0, 0.8);
}
.edit-modal .title {
	position: absolute;
	top: 26px;
	color: #FFF;
	font-weight: 400;
	font-size: 18px;
}
.edit-modal .cancel {
	position: absolute;
	top: 27px;
	left: 30px;
	color: #FFF;
	font-weight: 300;
	font-size: 16px;
}
.edit-modal .save {
	position: absolute;
	top: 27px;
	right: 30px;
	color: var(--page-point1-color);
	font-weight: 500;
	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;
	width: 16px;
    height: 16px;
    background: url(../images/ico-edit-delete.png) 50% / 100% no-repeat;
	border: none;
}
.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: var(--page-common1-color);
	font-size: 14px;
	font-weight: 500;	
}
.input-progress .txt-progress .highlight {
	color: var(--highlight-color);
}
.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: var(--highlight-color);
}
.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: var(--highlight-color);
}



/* 라디오 버튼 */
.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: var(--highlight-color); }
.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: 1000;
	display: none;
	flex-direction: column;
	position: fixed;
	bottom: 0;
    width: 100%;
    max-width: var(--max-screen-width);
	height: 100vh;
	background: #000;
	/* overflow: hidden; */
	/* animation-name: showUp;
    animation-duration: 0.2s;
    animation-delay: 0s; */
}
@keyframes showUp {
    from {
        width: 100%;
        height: 50%;
        top: 100%;
        position: absolute;
    }
    to {
        width: 100%;
        height: 100%;
        top: 0%;
        position: absolute;
    }
}
.login-modal .title {
	z-index: 300;
	position: absolute;
	bottom: calc(50% + 60px);
	left: 22px;
}
.login-modal .title .txt-title {
	color: #FFF;
	font-size: 55px;
	font-weight: 500;
	margin-bottom: 10px;
}
.login-modal .title .txt-desc {
	color: #FFF;
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
}
.login-modal .cont {
	position: absolute;
	bottom: 0;
	display: flex;
	flex-direction: column;
	border-radius: 30px 30px 0px 0px;
	background: #F0F0F0;
	height: calc(50% - var(--sab));
	min-height: 100px;
	width: 100%;
	padding: 20px;
	overflow: hidden;
}
.login-modal .cont .txt-error {
	margin-top: 12px;
	text-align: center;
	color: var(--page-point1-color);
	font-size: 15px;
	font-weight: 500;
}
.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: auto;
	padding: 0 20px;
	height: 60px;
	border-radius: 20px;
	border: 1px solid #D9D9D9;
	background: #FFF;
}
.login-modal .cont .input-number input {
	height: 50px;
	width: 100%;
	font-size: 18px;
	font-weight: 600;
	border: none;
}
.login-modal .cont .input-number input::placeholder {
	color: #969696;
	font-size: 18px;
	font-weight: 500;
}
.login-modal .cont .input-number .txt-timeleft {
	position: absolute;
	right: 20px;
	font-size: 18px;
	font-weight: 600;
	color: var(--page-point1-color);
}
.login-modal .cont .fixed-bottom {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: fixed;
	bottom: 20px;
    width: 100%;
	max-width: var(--max-screen-width);
	padding: 0 16px;	
}
.login-modal .btn-fixed-bottom {
	display: flex;
	width: 100%;
	height: 56px;
	margin-bottom: var(--sab);
	/*아래 텍스트 없을 때는 margin-bottom: 30px;*/
	justify-content: center;
    align-items: center;
	border-radius: 20px;
	background: var(--page-point1-color);	
	cursor: pointer;
}
.login-modal .btn-fixed-bottom.cancel {
	margin-top: 10px;
	border-radius: 20px;
	border: 1px solid #E6E6E6;
	background: #F7F7F7;
}
.login-modal .btn-fixed-bottom.agree {
	display: flex;
	align-items: center;	
	justify-content: flex-start;
	border-radius: 20px;
	border: 1px solid #000;
	background: #FFF;
	padding: 0 20px;
	width: auto;
	gap: 10px;
}
.login-modal .btn-fixed-bottom:active {
	/* transform: scale(0.98); */
}
.login-modal .txt-btn-agree {
	color: #000;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	line-height: 14px;
}
.login-modal .txt-btn-verify {
	width: 100%;
	color: #FFF;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
}
.login-modal .txt-btn-verify.cancel {
	color: #747474;
}
.login-modal .cont .btn-check {
	display: flex;
	align-items: center;
	justify-content: center;
}
.login-modal .check-wrap {
	position: relative;
	display: flex;
	align-items: center;	
	margin-bottom: 14px;
	padding-left: 21px;
	border-radius: 20px;
	gap: 10px;	
}
.login-modal .check-wrap .txt-title {
	color: #595959;
	font-size: 12px;
	font-weight: 500;
}
.login-modal .check-wrap .btn-more {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
}
.login-modal .check-wrap.checked {
	width: 22px;
	height: 22px;
	border: 1px solid #D9D9D9;
	border-radius: 6px;
}
.login-modal .txt-fixed-bottom {
	display: flex;
	justify-content: center;
    align-items: center;
	bottom: 0;
}
.login-modal .txt-fixed-bottom .txt-guide {
	margin-top: 20px;
	color: #969696;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
}

.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: var(--highlight-color);
}
.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: var(--page-common1-color);
	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: var(--page-common1-color);
	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: var(--highlight-color);
}
.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: var(--highlight-color);
}
.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: var(--page-common1-color);
	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: var(--page-common1-color);
	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: var(--page-common1-color);
	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: var(--highlight-color);
}
.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 var(--highlight-color);
}
.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: var(--highlight-color);
}
.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: var(--highlight-color);
	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: var(--page-common1-color);
	font-size: 13px;
	line-height: 13px;
	font-weight: 400;
}
.review-all {
	display: flex;
	flex-direction: column;
}


/* 공통 */
.d-flex-center {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.float-start {
    float: left !important;
}

.float-end {
    float: right !important;
}

.float-none {
    float: none !important;
}

.opacity-0 {
    opacity: 0 !important;
}

.opacity-25 {
    opacity: 0.25 !important;
}

.opacity-50 {
    opacity: 0.5 !important;
}

.opacity-75 {
    opacity: 0.75 !important;
}

.opacity-100 {
    opacity: 1 !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-visible {
    overflow: visible !important;
}

.overflow-scroll {
    overflow: scroll !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-grid {
    display: grid !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

.d-none {
    display: none !important;
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: sticky !important;
}

.top-0 {
    top: 0 !important;
}

.top-50 {
    top: 50% !important;
}

.top-100 {
    top: 100% !important;
}

.bottom-0 {
    bottom: 0 !important;
}

.bottom-50 {
    bottom: 50% !important;
}

.bottom-100 {
    bottom: 100% !important;
}

.start-0 {
    left: 0 !important;
}

.start-50 {
    left: 50% !important;
}

.start-100 {
    left: 100% !important;
}

.end-0 {
    right: 0 !important;
}

.end-50 {
    right: 50% !important;
}

.end-100 {
    right: 100% !important;
}

.translate-middle {
    transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
    transform: translateX(-50%) !important;
}

.translate-middle-y {
    transform: translateY(-50%) !important;
}

.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-0 {
    border: 0 !important;
}

.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
    border-right: 0 !important;
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
    border-left: 0 !important;
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-1 {
    --bs-border-width: 1px;
}

.border-2 {
    --bs-border-width: 2px;
}

.border-3 {
    --bs-border-width: 3px;
}

.border-4 {
    --bs-border-width: 4px;
}

.border-5 {
    --bs-border-width: 5px;
}

.border-opacity-10 {
    --bs-border-opacity: 0.1;
}

.border-opacity-25 {
    --bs-border-opacity: 0.25;
}

.border-opacity-50 {
    --bs-border-opacity: 0.5;
}

.border-opacity-75 {
    --bs-border-opacity: 0.75;
}

.border-opacity-100 {
    --bs-border-opacity: 1;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.vw-100 {
    width: 100vw !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mh-100 {
    max-height: 100% !important;
}

.vh-100 {
    height: 100vh !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.justify-content-evenly {
    justify-content: space-evenly !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

.order-first {
    order: -1 !important;
}

.order-0 {
    order: 0 !important;
}

.order-1 {
    order: 1 !important;
}

.order-2 {
    order: 2 !important;
}

.order-3 {
    order: 3 !important;
}

.order-4 {
    order: 4 !important;
}

.order-5 {
    order: 5 !important;
}

.order-last {
    order: 6 !important;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.me-0 {
    margin-right: 0 !important;
}

.me-1 {
    margin-right: 0.25rem !important;
}

.me-2 {
    margin-right: 0.5rem !important;
}

.me-3 {
    margin-right: 1rem !important;
}

.me-4 {
    margin-right: 1.5rem !important;
}

.me-5 {
    margin-right: 3rem !important;
}

.me-auto {
    margin-right: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.ms-1 {
    margin-left: 0.25rem !important;
}

.ms-2 {
    margin-left: 0.5rem !important;
}

.ms-3 {
    margin-left: 1rem !important;
}

.ms-4 {
    margin-left: 1.5rem !important;
}

.ms-5 {
    margin-left: 3rem !important;
}

.ms-auto {
    margin-left: auto !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pe-0 {
    padding-right: 0 !important;
}

.pe-1 {
    padding-right: 0.25rem !important;
}

.pe-2 {
    padding-right: 0.5rem !important;
}

.pe-3 {
    padding-right: 1rem !important;
}

.pe-4 {
    padding-right: 1.5rem !important;
}

.pe-5 {
    padding-right: 3rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.pb-6 {
    padding-bottom: 8rem !important;
}

.ps-0 {
    padding-left: 0 !important;
}

.ps-1 {
    padding-left: 0.25rem !important;
}

.ps-2 {
    padding-left: 0.5rem !important;
}

.ps-3 {
    padding-left: 1rem !important;
}

.ps-4 {
    padding-left: 1.5rem !important;
}

.ps-5 {
    padding-left: 3rem !important;
}

.gap-0 {
    gap: 0 !important;
}

.gap-1 {
    gap: 0.25rem !important;
}

.gap-2 {
    gap: 0.5rem !important;
}

.gap-3 {
    gap: 1rem !important;
}

.gap-4 {
    gap: 1.5rem !important;
}

.gap-5 {
    gap: 3rem !important;
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
    font-size: calc(1.34375rem + 1.125vw) !important;
}

.fs-2 {
    font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-3 {
    font-size: calc(1.278125rem + 0.3375vw) !important;
}

.fs-4 {
    font-size: calc(1.25625rem + 0.075vw) !important;
}

.fs-5 {
    font-size: 1.09375rem !important;
}

.fs-6 {
    font-size: 0.875rem !important;
}

.fst-italic {
    font-style: italic !important;
}

.fst-normal {
    font-style: normal !important;
}

.fw-light {
    font-weight: 300 !important;
}

.fw-lighter {
    font-weight: lighter !important;
}

.fw-normal {
    font-weight: 400 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.fw-semibold {
    font-weight: 600 !important;
}

.fw-bolder {
    font-weight: bolder !important;
}

.lh-1 {
    line-height: 1 !important;
}

.lh-sm {
    line-height: 1.25 !important;
}

.lh-base {
    line-height: 1.5 !important;
}

.lh-lg {
    line-height: 2 !important;
}

.text-start {
    text-align: left !important;
}

.text-end {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-decoration-underline {
    text-decoration: underline !important;
}

.text-decoration-line-through {
    text-decoration: line-through !important;
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
}
.word-keep {
    word-break: keep-all !important;
}

.swiper-bot-menu {
    width: 100%;
    height: calc(100% - var(--btm-menu-height));
    max-width: var(--max-screen-width);
}
.swiper-fullscreen {
    width: 100%;
    height: 100%;
    max-width: var(--max-screen-width);
}
swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
swiper-slide video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video-cover {
    padding: 60px 30px 80px 30px;
    z-index: 2000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}
#place_info_layer {
    height: 100%;
}
#place_info_layer .place-header {
    top: 10px;
}
#place_info_layer .place-slider {
    margin-top: 0px;
}
#filter_layer {
    height: 100%;
}
#filter_layer .filter-modal {
    height: 100%;
    overflow-y: scroll;
    padding-bottom: 110px;
}
#filter_layer .filter-modal .btm-wrap {
    margin-bottom: 0px;
    padding-bottom: 20px;
}
#filter_layer .place-filter-modal {
    height: 100%;
    overflow-y: scroll;
    padding-bottom: 110px;
}
#filter_layer .place-filter-modal .btm-wrap {
    margin-bottom: 0px;
    padding-bottom: 20px;
}
#filter_layer .header-sub {
    height: 70px;
}
#filter_layer .header-title {
    margin-top: 0px;
}
#filter_layer .header-back {
    margin-top: 0px;
}