@charset "utf-8";


#wrap {
	max-width: 1024px;
	margin: 0 auto;
}

.inner {
	position: relative;
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	margin:0 auto;
}


#header {
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 1024px;
	background: var(--base);
	padding: 20px 20px 0;
	z-index: 5;
	transition: all .3s;
	box-sizing: border-box;
}
.nav_down #header {
	top: -100%;
}
#header .top_area {
	gap: 6px;
}
#header .top_area .logo a {
	gap: 4px;
}
#header .top_area .util {
	gap: 6px;
}
#header .top_area .util > a {
	height: 26px;
	line-height: 24px;
	background: var(--black);
	color: var(--white);
	font-size: 1.4rem;
	border-radius: 50px;
	padding: 0 8px;
	text-align: center;
	box-sizing: border-box;
}
#header .top_area .util .location_btn:before {
	content: '';
	display: inline-block;
	vertical-align: -2px;
	width: 15px;
	height: 15px;
	background: url("../images/ic_location_white.svg")no-repeat 50% 50% / 100%;
	margin-right: 4px;
}
#header .top_area .util .lang_btn {
	position: relative;
}
#header .top_area .util .lang_btn button {
	height: 26px;
	line-height: 24px;
	background: var(--black);
	color: var(--white);
	font-size: 1.4rem;
	border-radius: 50px;
	padding: 0 8px;
	text-align: center;
	box-sizing: border-box;
}
#header .top_area .util .lang_btn > div {
	display: none;
    position: absolute;
	padding-top: 5px;
	width: 100%;
	z-index: 4;
	box-sizing: border-box;
}
#header .top_area .util .lang_btn ul {
    background: var(--black);
    width: 100%;
    text-align: center;
    border-radius: 5px;
	padding: 2px 0;
	box-sizing: border-box;
}
#header .top_area .util .lang_btn ul li a {
	display: block;
	width: 100%;
	color: var(--white);
	font-size: 1.4rem;
	text-align: center;
	padding: 2px 0;
	box-sizing: border-box;
}
#header .top_area .util .lang_btn:hover > div {
	display: block;
}
#header .h_menu {
	margin-top: 30px;
}
#header .h_menu .swiper {
    padding: 10px 20px;
    box-sizing: border-box;
    margin: -10px -20px 0;
}
#header .h_menu .swiper-slide {
	width: auto;
}
#header .h_menu .swiper-slide a {
	display: block;
	background: var(--white);
	padding: 9px 15px;
	border-radius: 100px;
	font-size: 1.5rem;
	font-weight: 700;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10);
	box-sizing: border-box;
}
#header .h_menu .swiper-slide a.active {
	background: var(--black);
	color: var(--white);
}


.prev_btn {
    position: absolute;
    top: 20px;
    left: 15px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/ic_more.svg) no-repeat 50% 50% / 10px;
    z-index: 5;
    transform: rotate(180deg);
}

#container {
	width: 100%;
	margin-top: 20px;
	padding-bottom: 40px;
}


#footer {
	position: relative;
	background: #FAFAFB;
	padding: 40px 20px 120px;
	max-width: 1024px;
	margin: 40px auto 0;
	box-sizing: border-box;
}
#footer .arrow {
	position: absolute;
	top: -23px;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 60px;
	height: 24px;
	background: #FAFAFB;
	border-radius: 5px 5px 0px 0px;
}
#footer .arrow:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(180deg);
	display: block;
	width: 21px;
	height: 10px;
	background: url("../images/ft_arrow.svg?v=1")no-repeat 50% 50%;
}
#footer.open .arrow:before {
	transform: translate(-50%,-50%) rotate(0deg);
}
#footer.open .ft_top,
#footer.open .addr {
	display: none;
}
#footer .flex {
	align-items: center;
}
#footer .inner > div {
	justify-content: space-between;
	padding: 10px 0;
}
#footer .ft_top {
	justify-content: space-between;
}
#footer .util a {
	position: relative;
	color: #9A9A9A;
	font-size: 12px;
	margin-right: 8px;
}
#footer .util a:last-child {
	margin-right: 0;
}
#footer .util a:after {
	content: '';
	position: absolute;
	top: 50%;
	right: -4px;
	transform: translateY(-50%);
	display: block;
	width: 1px;
	height: 4px;
	background: #CFCFCF;
}
#footer .util a:last-child:after {
	display: none;
}
#footer .title {
    font-size: 14px;
	font-weight: 500;
	color: #878787;
}
#footer .addr {
	padding: 35px 0;
}
#footer .addr span {
    position: relative;
	display: inline-block;
    font-size: 12px;
    color: #9A9A9A;
    font-weight: 500;
    margin-right: 10px;
}
#footer .addr span:after {
	content: '';
	position: absolute;
	top: 50%;
	right: -7px;
	transform: translateY(-50%);
	display: block;
	width: 1px;
	height: 4px;
	background: #CFCFCF;
}
#footer .addr span.last {
	margin-right: 0;
}
#footer .addr span.last:after {
	display: none;
}
#footer .copy {
	text-align: center;
	font-size: 12px;
	color: #afafaf;
}


#fix_footer {
	display: flex;
	position: fixed;
	bottom: -1px;
	left: 50%;
	width: 100%;
	max-width: 1024px;
	transform: translateX(-50%);
	background: var(--white);
	box-shadow: 0px -4px 5px rgba(186, 192, 198, 0.15);
	border-radius: 20px 20px 0px 0px;
	z-index: 500;
	padding: 5px 2% 10px;
	box-sizing: border-box;
}
#fix_footer a {
	position: relative;
	flex: 1;
	padding-top: 45px;
    box-sizing: border-box;
	text-align: center;
	justify-content: center;
	font-size: 1.6rem;
	color: var(--gray);
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: 50% 15px;
}
#fix_footer a.active {
	color: var(--black);
	font-weight: 600;
}
#fix_footer .ft01 {
	background-image: url("../images/ft01.svg");
}
#fix_footer .ft01.active {
	background-image: url("../images/ft01_on.svg");
}
#fix_footer .ft02 {
	background-image: url("../images/ft02.svg");
	margin-right: 60px;
}
#fix_footer .ft02.active {
	background-image: url("../images/ft02_on.svg");
}
#fix_footer .ft03 {
	background-image: url("../images/ft03.svg");
}
#fix_footer .ft03.active {
	background-image: url("../images/ft03_on.svg");
}
#fix_footer .ft04 {
	background-image: url("../images/ft04.svg");
}
#fix_footer .ft04.active {
	background-image: url("../images/ft04_on.svg");
}
#fix_footer .ft05 {
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	background: var(--key-color) url("../images/ft05.svg")no-repeat 50% 15px;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	letter-spacing: -0.32px;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.30);
}
#fix_footer .ft05.active {
	background:#000 url("../images/ft05_on.svg")no-repeat 50% 50%;

}




.modal {
	display: none;
}
.modal .black_bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 200;
}
.modal .modal_cont {
    width: 90%;
    max-width: 765px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-height: 95%;
    overflow: hidden;
	z-index: 201;
	background: #fff;
	border-radius: 10px;
}
.modal .modal_cont .scroll {
	position: relative;
	background: #fff;
	max-height: 95vh;
    overflow-x: hidden;
    overflow-y: visible;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    box-sizing: border-box;
    -ms-overflow-style: none;
    scrollbar-width: none;
	padding: 16px;
	box-sizing: border-box;
}
.modal .modal_cont .scroll1 {
	position: relative;
	background: #fff;
	max-height: 100vh;
    overflow-x: hidden;
    overflow-y: visible;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    box-sizing: border-box;
    -ms-overflow-style: none;
    scrollbar-width: none;
	padding: 16px;
	box-sizing: border-box;	
}
.modal .modal_cont .scroll::-webkit-scrollbar {
    display: none;
}
.modal .modal_cont .scroll1::-webkit-scrollbar {
    display: none;
}

.modal .close {
	position:absolute;
	top: 16px;
	right: 16px;
	z-index: 1;
	width: 18px;
	height: 18px;
	background: url("../images/ico-close.svg")no-repeat 50% 50% / 100%;
}
.modal h3 {
	font-size: 2rem;
	margin-bottom: 15px;
	padding: 20px 15px 0;
}
.modal .cont {
	font-size: 1.6rem;
	white-space: pre-line;
	line-height: 1.4;
}
.modal .btn_area {
	margin-top: 30px;
	gap: 10px;
}
.modal .btn_area > * {
	display: block;
	width: 100%;
	height: 46px;
	line-height: 46px;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 500;
	border-radius: 5px;
}



.bottom_modal {
	position: fixed;
	opacity: 0;
    z-index: -1;
}
.bottom_modal .black_bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 137;
}
.bottom_modal .modal_cont {
	position: fixed;
	bottom: -100%;
	width: 100%;
	max-width: 1024px;
	z-index: 9999;
	max-height: 110vh;
	transition: bottom .3s;
}
.bottom_modal.open {
	opacity: 1;
	z-index: 199;
}
.bottom_modal.open .modal_cont {
	bottom: 0;
}
.bottom_modal.open .black_bg {
	display: block;
}
.bottom_modal .modal_cont .scroll {
	overflow-y: auto;
	max-height: calc(100vh - 175px);
	padding: 20px 16px 100px;
	background: var(--white);
	border-radius: 10px 10px 0px 0px;
}

.bottom_modal .modal_cont .scroll1 {
	overflow-y: auto;
	max-height: calc(120vh - 175px);
	padding: 20px 16px 100px;
	background: var(--white);
	border-radius: 10px 10px 0px 0px;
}



.bottom_modal .modal_cont .close {
	width: 18px;
	height: 18px;
	background: url("../images/ic_close.svg")no-repeat 50% 50%;
}
.bottom_modal .modal_cont h3 {
	font-size: 2rem;
	font-weight: 600;
	margin-bottom: 15px;
}
.bottom_modal .modal_cont .txt {
	color: #808080;
	font-size: 1.4rem;
	line-height: 1.4;
}
.bottom_modal .modal_cont .btn_area {
	margin-top: 20px;
	gap: 7px;
}
.bottom_modal .modal_cont .btn_area > * {
	flex: 1;
	height: 42px;
	line-height: 42px;
	text-align: center;
	border-radius: 4px;
	font-size: 1.6rem;
	font-weight: 700;
}

.not_scroll {
	overflow: hidden;
}



.pagenavi {
	margin-top: 30px;
}
.pagenavi ol {
	justify-content: center;
	gap: 5px;
}
.pagenavi ol li img {
	vertical-align: -3px;
}
.pagenavi ol li a {
	display: block;
	width: 40px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #9E9E9E;
	font-size: 1.4rem;
}
.pagenavi ol li.this a {
	border-radius: 5px;
	color: var(--white);
	background: var(--key-color);
}

.title_area {
	position: relative;
	height: 56px;
	gap: 10px;
	padding: 16px;
	background: var(--white);
	border-bottom: 1px solid #EBEBEB;
	box-sizing: border-box;
}
.title_area.no_line {
	border-bottom: 0;
}
.title_area .prev {
	width: 24px;
	height: 24px;
	background: url("../images/arrow_left.svg")no-repeat 50% 50%;
}
.title_area .home {
	width: 22px;
	height: 22px;
	background: url("../images/ft01.svg")no-repeat 50% 50% / 100%;
}
.title_area h3 {
	font-size: 1.6rem;
}
.title_area .btn {
	position: absolute;
	top: 10px;
	right: 16px;
	font-size: 1.4rem;
	padding: 8px 15px;
	border-radius: 5px;
	box-sizing: border-box;
}


.tabs {
	position: sticky;
	top: 0;
	border-bottom: 1px solid #EBEBEB;
	padding: 0 16px;
	z-index: 5;
	background: var(--white);
	box-sizing: border-box;
}
.tabs button {
	position: relative;
	flex: 1;
	height: 49px;
	font-size: 1.4rem;
	color: #4C4C4C;
}
.tabs button.active {
	color: var(--key-color);
	font-weight: 700;
}
.tabs button.active:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background: var(--key-color);
}


#loading_img {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
    background-color : rgba(16, 16, 16, 0.7);
}
#loading_img span {
	position: absolute;
    top: 50%;
    left: 50%;
	display: block;
	height: 60px;
	width: 60px;
	border: 5px solid transparent;
    border-radius: 50%;
    background-image: linear-gradient(rgb(90, 90, 90), rgb(90, 90, 90)), conic-gradient(from 180deg at 50% 50%, var(--key-color) 0deg, rgba(255, 255, 255, 0) 360deg);
    background-origin: border-box;
    background-clip: content-box, border-box;
	box-sizing: border-box;
	animation: spin 800ms infinite linear;
}

@keyframes spin {
	from {
		transform: translate(-50%,-50%) rotate(0deg);
	}
	to {
		transform: translate(-50%,-50%) rotate(359deg);
	}
}

h3.tit {
	font-size: 1.8rem;
	font-weight: 700;
}
h3.tit a {
	color: #666;
	font-size: 1.4rem;
	font-weight: 400;
	background: url("../images/arrow_right.svg")no-repeat 100% 50%;
	padding-right: 12px;
}


#review_thumb_pop .close {
    top: 0;
    right: 0;
}
#review_thumb_pop .modal_cont {
	border-radius: 0;
	background: transparent;
}
#review_thumb_pop .scroll {
	padding: 26px 0 0;
	background: transparent;
}
#review_thumb_pop p {
	color: var(--white);
	font-size: 1.4rem;
	font-weight: 700;
	text-align: center;
	margin-top: 20px;
}
#review_thumb_pop .swiper-pagination-fraction {
    bottom: 50px;
    width: auto;
    left: auto;
    right: 10px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 30px;
    padding: 3px 10px;
    font-size: 1.2rem;
}


#filter_pop .search_box {
	position: relative;
	border-radius: 30px;
	border: 1px solid #BDBDBD;
	padding: 0 20px;
	box-sizing: border-box;
}
#filter_pop .search_box input {
	flex: 1;
    width: 100%;
	height: 40px;
    background: url("../images/ic_search.svg") no-repeat 0 50%;
    font-size: 1.4rem;
    padding-left: 30px;
    box-sizing: border-box;
}
#filter_pop .search_box .del_btn {
	display: none;
	width: 18px;
	height: 18px;
	background: url("../images/close-circle.svg")no-repeat 50% 50% / 100%;
}
#filter_pop .filter > p {
	font-size: 1.2rem;
	color: #4D4D4D;
}
#filter_pop .filter input {
	display: none;
}
#filter_pop .filter input + label {
	position: relative;
	font-size: 1.4rem;
	color: #4C4C4C;
	padding-left: 23px;
	box-sizing: border-box;
}
#filter_pop .filter input + label:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 18px;
	height: 18px;
	border: 1px solid #F2F2F2;
	border-radius: 50%;
	box-sizing: border-box;
}
#filter_pop .filter input:checked + label:before {
	border: 5px solid var(--key-color);
}

.more_btn {
	justify-content: end;
}
.more_btn a {
	display: inline-block;
	padding: 8px 16px;
	border-radius: 50px;
	background: var(--white);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10);
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1;
	box-sizing: border-box;
}
.more_btn a:after {
	content: '';
	display: inline-block;
	vertical-align: -1px;
	width: 6px;
    height: 14px;
	background: url("../images/ic_more.svg")no-repeat 50% 50% / 100%;
	margin-left: 8px;
}
.more_link {
    padding: 8px 10px;
    border-radius: 50px;
    margin-top: 30px;
}
.more_link a {
    display: block;
    width: 90%;
    max-width: 137px;
    height: 37px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #9CA3AA;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #E0E5EC;
    border-radius: 50px;
    box-sizing: border-box;
    transition: background .3s;
}

.tit_box {
	gap: 6px;
	box-sizing: border-box;
}
.tit_box h3 {
	font-size: 3.2rem;
	font-weight: 900;
	line-height: 1.2;
	letter-spacing: -0.64px;
}
.tit_box p {
	font-size: 1.4rem;
	letter-spacing: -0.28px;
}

.white_box {
	background: var(--white);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10);
	padding: 20px;
	border-radius: 30px;
	box-sizing: border-box;
}


.menu_slide {
	margin: 0 -20px;
    width: calc(100% - -40px);
    padding: 0 20px;
    box-sizing: border-box;
}
.menu_slide .swiper-slide {
	width: auto;
}
.menu_slide .swiper-slide > * {
	display: block;
	border-radius: 30px;
	background: #EEE;
	padding: 7px 10px;
	font-size: 1.4rem;
	font-weight: 500;
	box-sizing: border-box;
}
.menu_slide .swiper-slide > *.active {
	background: var(--black);
	color: var(--white);
}


.prd_slide {
	margin: -10px -20px;
    width: calc(100% - -40px);
    padding: 10px 20px;
    box-sizing: border-box;
}
.prd_slide .swiper-slide {
	width: 260px;
}
.prd_slide .swiper-slide a {
	display: block;
}
.prd_slide .swiper-slide .thumb {
	position: relative;
	width: 220px;
	height: 165px;
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 20px;
}
.prd_slide .swiper-slide .thumb img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.prd_slide .swiper-slide .video {
	position: relative;
	width: 290px;
	height: 165px;
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 20px;
}
.prd_slide .swiper-slide .video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#footer_menu .list {
	gap: 10px;
}
#footer_menu .list li {
	width: calc(50% - 5px);
}
#footer_menu .list li a {
    display: block;
    width: 100%;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10);
    font-size: 1.4rem;
    padding: 10px 15px;
    border-radius: 10px;
/*	background: url("../images/ic_more.svg")no-repeat calc(100% - 15px) 50% / 5px;*/
    box-sizing: border-box;
}


.more_btn > * {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 50px;
    background: var(--white);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10);
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1;
    box-sizing: border-box;
}


#footer_my .tab {
	gap: 7px;
}
#footer_my .tab button {
	font-size: 1.4rem;
	border-radius: 30px;
	background: #EEE;
	padding: 7px 15px;
	box-sizing: border-box;
}
#footer_my .tab button.active {
	background: var(--black);
	color: var(--white);
}
#footer_my .top {
	line-height: 1.3;
}
#footer_my .top .profile {
	position: relative;
	width: 80px;
	height: 80px;
	overflow: hidden;
	margin: 0 auto 12px;
	border-radius: 50%;
	border: 1px solid #e1e1e1;
	box-sizing: border-box;
}
#footer_my .top .profile img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#footer_my .top .name {
	font-size: 1.8rem;
	color: #131313;
	font-weight: bold;
	margin-bottom: 8px;
}
#footer_my .top p {
	color: #8C8C8C;
}
#footer_my .qr_img {
	margin: 24px;
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0px 0px 20px 0px rgba(98, 98, 98, 0.40);
	padding: 15px;
	box-sizing: border-box;
}
#footer_my .qr_img img {
	width: 100%;
}
#footer_my .link {
	position: relative;
    font-size: 1.4rem;
    font-weight: 500;
    border: 1px solid #323232;
    padding: 11px 10px;
    border-radius: 30px;
}
#footer_my h4 {
	font-size: 2.4rem;
	color: #131313;
	margin-top: 30px;
}
#footer_my .share_btn {
	border-radius: 50px;
    background: linear-gradient(45.25deg, #323232 12.2%, #FFFFFF 252.81%, #FFFFFF 252.81%);
    padding: 10px 25px;
    margin: 15px 0;
    color: #fff;
	font-size: 1.6rem;
}
#footer_my .share_btn + .flex {
	gap: 5px;
}
#footer_my .share_btn + .flex a {
	flex: 1;
}
#footer_my .empty {
	text-align: center;
	font-size: 1.5rem;
}
#footer_my .empty .btn_area {
	margin-top: 30px;
	gap: 10px;
}
#footer_my .empty .btn_area button {
	flex: 1;
	height: 46px;
	border-radius: 10px;
	font-size: 1.5rem;
	padding: 0 5px;
	word-break: keep-all;
}
#footer_my .empty .btn_area button.btn_purple {
	flex: 1.5;
}

#share_modal_shop .modal_cont,
#share_modal .modal_cont,
#share_modal2 .modal_cont {
	top: auto;
    transform: translateX(-50%);
    bottom: 0;
    width: 100%;
	max-width: 800px;
	border-radius: 20px 20px 0px 0px;
	background: #EFEFEF;
	box-shadow: 0px -14px 20px 0px rgba(0, 0, 0, 0.15);
	padding: 20px 10px;
}

#share_modal_shop .modal_cont .flex button,
#share_modal .modal_cont .flex button,
#share_modal2 .modal_cont .flex button {
	flex: 1;
	font-size: 0;
}

#share_modal_shop .modal_cont .flex button img,
#share_modal .modal_cont .flex button img,
#share_modal2 .modal_cont .flex button img {
    display: block;
    margin: 0 auto;
    width: 50px;
	border-radius: 10px;
}


.title_area .prev {
	display: block;
	width: 24px;
	height: 24px;
	background: url("../images/ico-more-black.svg")no-repeat 50% 50% / 8px;
	transform: rotate(180deg);
	margin-right: 10px;
}




.schdule_promise .memo_box {
	background: var(--white);
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0px 0px 10px 0px rgba(186, 192, 198, 0.30);
	box-sizing: border-box;
}
.schdule_promise .main_profile .company,
.schdule_promise .basic_profile .information {
	background: var(--white);
	box-shadow: none;
	padding: 0;
	font-size: 22px;
}
.schdule_promise .shadow_box {
	box-shadow: 0px 0px 10px 0px rgba(186, 192, 198, 0.30);
	background: var(--white);
}
.schdule_promise .promise_box .title {
	font-size: 18px;
	font-weight: 700;
	padding-bottom: 10px;
	border-bottom: 1px solid #E0E5EC;
}
.schdule_promise .promise_box .list_flex {
	gap: 15px;
}
.schdule_promise .promise_box .list_flex > div {
	gap: 5px;
	font-size: 15px;
	font-weight: 500;
}
.schdule_promise .promise_box .list_flex > div > p {
	width: 50px;
}
.schdule_promise .promise_box .list_flex > div > div {
	flex: 1;
	width: 100%;
	gap: 5px;
}
.schdule_promise .promise_box .list_flex > div > div .copy_btn {
	width: 20px;
	height: 20px;
	background: url("../images/ic_copy2.svg")no-repeat 50% 50%;
}
.schdule_promise .promise_box .map_wrap {
	border-radius: 10px;
	border: 1px solid #E0E5EC;
	box-sizing: border-box;
	overflow: hidden;
}


.schdule_promise  .item {
	position: relative;
	border-radius: 5px;
	background: #FFF;
	box-shadow: 0px 0px 10px 0px rgba(186, 192, 198, 0.30);
	padding: 20px;
	gap: 6px;
	overflow: hidden;
	cursor: pointer;
	box-sizing: border-box;
}
.schdule_promise  .item .title {
	gap: 6px;
}
.schdule_promise  .item .title p {
	flex: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	font-size: 18px;
	font-weight: 500;
	overflow: hidden;
}







#footer_schedule {
	padding-bottom:50px;
}
#footer_schedule .tab {
	gap: 7px;
}
#footer_schedule .tab button {
	font-size: 1.4rem;
	border-radius: 30px;
	background: #EEE;
	padding: 7px 15px;
	box-sizing: border-box;
}
#footer_schedule .tab button.active {
	background: var(--black);
	color: var(--white);
}
#footer_schedule .top {
	line-height: 1.3;
}
#footer_schedule .calendar {
	position: relative;
	margin-top: 20px;
	border-radius: 5px;
	border: 1px solid #E0E5EC;
	padding: 20px;
	box-sizing: border-box;
}
#footer_schedule .calendar .date-month {
	justify-content: center;
	margin-bottom: 18px;
	gap: 10px;
}
#footer_schedule .calendar .date-month svg {
	vertical-align: -5px;
}
#footer_schedule .calendar .year-month {
	font-size: 20px;
	font-weight: 500;
}
#footer_schedule .calendar .year-month strong {
	font-weight: 500;
	line-height: .5;
}
#footer_schedule .calendar .cal_wrap .days {
	gap: 8px;
	margin-bottom: 18px;
}
#footer_schedule .calendar .cal_wrap .days .day {
	width: calc(14.25% - 7px);
	color: #AAA;
	font-size: 12px;
	font-weight: 500;
	padding: 3px 0;
	text-align: center;
}
#footer_schedule .calendar .cal_wrap .dates {
	gap: 8px;
}
#footer_schedule .calendar .cal_wrap .dates > div {
	width: calc(14.25% - 7px);
	padding: 7px 0;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	cursor: pointer;
	border-bottom: 4px solid var(--white);
	box-sizing: border-box;
}
#footer_schedule .calendar .cal_wrap .dates > div.on {
	border-bottom: 4px solid var(--gray);
}
#footer_schedule .calendar .cal_wrap .dates > div.today {
	background: rgba(0, 4, 234, 0.904);
	color: var(--white);
	border-radius: 5px;
	border-bottom: 4px solid transparent;
}
#footer_schedule .calendar .cal_wrap .dates > div.active {
	border-bottom: 4px solid rgba(0, 4, 234, 0.904);
}
#footer_schedule .calendar .cal_wrap .dates > div.prev,
#footer_schedule .calendar .cal_wrap .dates > div.next {
	background: var(--white);
	opacity: 0;
}
#footer_schedule .reserve_detail .item {
	padding: 20px;
	border-radius: 5px;
	background: var(--white);
	box-shadow: 0px 0px 10px 0px rgba(186, 192, 198, 0.30);
	margin-top: 20px;
	gap: 6px;
	box-sizing: border-box;
}
#footer_schedule .reserve_detail .item .title {
	gap: 6px;
}
#footer_schedule .reserve_detail .item .title .name {
	flex: 1;
	width: 100%;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.32px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
#footer_schedule .reserve_detail .item .title .share {
	width: 20px;
	height: 20px;
	background: url("../images/ic_share.svg")no-repeat 50% 50% / 100%;
}
#footer_schedule .reserve_detail .item .date {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.32px;
}
#footer_schedule .reserve_detail .item .addr {
	color: #7C7C7C;
	font-size: 12px;
}
#footer_schedule #time_view_list {
    margin-top: 10px;
	gap: 10px;
}
#footer_schedule #time_view_list button {
	width: calc(25% - 8px);
    height: 40px;
    font-size: 15px;
	box-shadow: 0px 0px 10px rgba(186, 192, 198, 0.3);
	border-radius: 5px;
}
#footer_schedule #time_view_list button.active {
	box-shadow: 0px 0px 10px rgba(0, 4, 234, 0.904);
}

#rev_form_view .form {
	gap:10px;
}
#rev_form_view .form .box > strong {
	display: block;
	width: 100%;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 5px;
}
#rev_form_view .form .box input {
	flex: 1;
	width: 100%;
	height: 40px;
	border-radius: 5px;
	border: 1px solid #E0E5EC;
	padding: 0 10px;
	box-sizing: border-box;
}
#rev_form_view .form .box input[type='date'] {
	position: relative;
	font-family: inherit;
	background: url("../images/ico-calendar.svg")no-repeat calc(100% - 10px) 50%;
}
#rev_form_view .form .box input[type='date']::-webkit-calendar-picker-indicator {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	color: transparent;
	cursor: pointer;
}
#rev_form_view .total {
	font-size: 18px;
	font-weight: 600;
}
#rev_form_view .total span {
	color: var(--gray);
}
#rev_form_view .btn_purple {
	height: 46px;
	border-radius: 10px;
	font-size: 15px;
	font-weight: 600;
}



#myGifticonList {
	padding-left: 20px;
	padding-top: 10px;
}
#myGifticonList .swiper-slide {
	width: 260px;
	border-radius: 10px;
	margin-right: 20px;
}
#myGifticonList .swiper-slide-active .item {
	box-shadow: 0px 4px 10px rgba(0, 37, 247, 0.4);
}
#myGifticonList .item {
	margin-bottom: 20px;
	background: #FFFFFF;
	box-sizing: border-box;
	transition: background .2s;
	box-shadow: 0px 0px 10px rgba(186, 192, 198, 0.3);
	border-radius: 5px;
	padding: 20px;
}
#myGifticonList .item:hover {
	background: #F2F2F2;
}
#myGifticonList .item .thumb {
	position: relative;
	width: calc(100% - -40px);
	height: 0;
	padding-bottom: 70%;
	border-radius: 5px 5px 0 0;
	overflow: hidden;
	margin: -20px -20px 15px;
}
#myGifticonList .item .thumb img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#myGifticonList .item .brand {
    font-size: 12px;
    color: #BAC0C6;
}
#myGifticonList .item .relative {
	height: 42px;
}
#myGifticonList .item .name {
	margin-top: 10px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.5px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
#myGifticonList .item .from {
	font-size: 15px;
	font-weight: 600;
	margin-top: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
#myGifticonList .item .date {
	font-size: 14px;
	color: #000;
	margin-top: 5px;
}
#myGifticonList .item .date span {
	display: inline-block;
}



#my_gifticon .cont.grid_thumb .my_barcode .prd_list .swiper-wrapper {
	transform: none!important;
	flex-wrap: wrap;
}
#my_gifticon .cont.grid_thumb .my_barcode .prd_list .swiper-slide {
	width: calc(50% - 20px);
}
#my_gifticon .cont.grid_thumb .my_barcode .prd_list .swiper-slide-duplicate {
	position: absolute;
	opacity: 0;
	height: 0;
	z-index: -1;
}


@media screen and (min-width: 1025px) {
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 480px) {
}
@media screen and (max-width: 380px) {
}