/*ÃâÀå¼¼Â÷, ÀåÂø ½ºÅ¸ÀÏ start*/
/*ÀåÂø½ºÅ¸ÀÏ ½ÃÀÛ*/
.m-0 { margin:0 !important; }
.w-price-left { width:calc(100% - 110px - 55%) }
.w-price-right { width:calc(100% - 110px - 49%) }
.w-100 { width:100% !important; }
.w-50 { width:calc(50% - 12%) !important; }
.p-8-18 { padding:8px 18px }
.p-15-30 { padding:15px 30px }
br.mo { display:none; }
.gap-60 { gap:60px !important; }
.m-b-36 { margin-bottom:36px !important; }
#contain { padding-top:24px !important; }
#contain .loca { padding:0 !important; }
#contain .loca li {
	flex:1;
	position:relative;
	margin-right:0 !important;
}
#contain .loca li a { 
	padding: 0 7px;
	font-size: 16px;
	font-weight: 600;
	color: #999;
}
#contain .loca li:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #ddd;
}

/*ÀåÂø½ºÅ¸ÀÏ Á¾·á*/

.business-wrap .floating-btn {
	font-size:2rem;
	color:#fff;
	line-height:30px;
	padding:10px 30px;
	border-radius:100px;
	background:#3D3935;
	position:fixed;
	left:50%;
	bottom:20px;
	transform:translateX(-50%);
	letter-spacing:0px;
	z-index:99;
	white-space: nowrap;
	cursor:pointer;
	transition: all 0.5s;
}

.business-wrap .floating-btn span { font-weight:600; }
.business-wrap .main-title {
	text-align:center;
	font-size:4rem;
	line-height:47px;
	margin:50px 16px;
}
.business-wrap .sub-title { 
	text-align:center;
	font-size:1.5rem;
	color:#777777;
	margin-bottom:60px;
	word-break:keep-all;
}
.business-wrap .bs-img img {
	width:100%;
	height:320px;
	border-radius:15px;
	object-fit:cover;
	object-position:50% 46%;
}
.business-wrap .icons-wrap {
	width:100%;
	margin-top:96px;
}
.business-wrap .mobile {
	display:none;
}
.business-wrap .pc {
	display:block;
}
.business-wrap .business-point,
.business-wrap .business-step:not(.swiper-wrapper) {
	display:flex;
	gap:10%;
	max-width:918px;
	width:calc(100% - 20px);
	justify-content:center;
	margin:0 auto;
}
.business-wrap .business-point li { width:33.3333%; }
.business-wrap .business-point figure { text-align:center; }
.business-wrap .business-point figure img { 
	max-width:200px;
	width:100%;
	border-radius:200px;
	object-fit:cover;
	margin-bottom:30px;
}
.business-wrap .business-point figure figcaption {
	text-align:center;
	display:flex;
	flex-direction:column;
	align-items:center;
}
.business-wrap .business-point figure figcaption h6 { 
	font-size:2rem;
	margin-bottom:10px;
	white-space: nowrap;
	text-align:center;
}
.business-wrap .business-point figure figcaption p {
	font-size:1.6rem;
	line-height:20px;
	word-break: keep-all;
}
.business-wrap .business-motto {
	font-size:2rem;
	text-align:center;
	line-height:30px;
	font-weight:500;
	margin-top:160px;
	word-break:keep-all;
}
.business-wrap .business-motto b { font-weight:700; }
.business-wrap .content-title {
	font-size:3.5rem;
	font-weight:700;
	text-align:center;
	position:relative;
	margin:190px 0 70px;
}
.business-wrap .content-title:after {
	content:'';
	width:29px;
	height:4px;
	background:#EB3F3D;
	position:absolute;
	left:50%;
	top:-46px;
	transform:translateX(-50%);
}
.business-wrap .content-title .goto {
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	line-height:30px;
	cursor:pointer;
	font-size:1.5rem;
	font-weight:400;
	display:flex;
	align-items:center;
	gap:5px;
}
.business-wrap .content-title .goto i { height:30px; }
.business-wrap .business-step:not(.swiper-wrapper) {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	column-gap:25px;
	
}
.business-wrap .business-step.reverse {
	flex-direction:row-reverse;
	margin-top:128px;
}
.business-wrap .business-step li.business-step-cont { 
	border:1px solid #E6E6E6;
	border-radius:20px;
	height:350px;
	position:relative;
	flex:1;
}
.business-wrap .business-step li.business-step-cont figure {
	height:100%;
	display:flex;
	justify-content:start;
	align-items:center;
	flex-direction:column;
	gap:40px;
	padding:34px 10px;
}
.business-wrap .business-step li.icon-wrap {
	width:auto;
}
.business-wrap .business-step li .feather-down {
	position:absolute;
	right:50%;
	top:-64px;
    transform: translate(50%,-50%);
}
.business-wrap .business-step figure img {
	width:120px;
	border-radius:8px;
	display:block;
	margin:0 auto;
}
.business-wrap .business-step figure figcaption {
	text-align:center;
}
.business-wrap .business-step figure figcaption h5 {
	font-size:1.6rem;
	color:#c0c0c0;
	line-height:22px;
	margin-bottom:10px;
	font-weight:400;
	letter-spacing:0.5px;
}
.business-wrap .business-step figure figcaption h6 {
	font-size:2rem;
	color:#333;
	line-height:30px;
	font-weight:700;
	margin-bottom:5px;
}
.business-wrap .business-step figure figcaption p {
	font-size:1.6rem;
	color:#6c6c6c;
	line-height:22px;
	word-break:keep-all;
}
.business-wrap .swiper-wrapper { height:auto; }
.business-wrap .review-pre .review-wrap {
	max-width:280px;
	padding: 30px;
	width:254px;
	height:280px;
	border-radius:10px;
	box-shadow:0px 0px 20px rgba(133,31,14,0.15);
	display:flex;
	justify-content:space-between;
	flex-direction:column;
}
.business-wrap .review-pre .review-wrap .review-cont {
	display:flex;
	flex-direction:column;
}
.business-wrap .review-pre {
	position: relative;
	overflow:hidden;
	padding:20px 0;
}
.business-wrap .review-pre .swiper-wrapper {
	transition-timing-function: linear !important;
	position: relative;}

.business-wrap .review-pre .swiper-slide .user { 
	display:flex;
	align-items:center;
	color:#868686;
	font-size:1.5rem;
	gap:5px;
}
.business-wrap .review-pre .swiper-slide .user img { 
	width:40px;
	height:40px;
	border-radius:100px;
	margin-right:5px;
}
.business-wrap .review-pre .swiper-slide .user .dot {
	width:2px;
	height:2px;
	border-radius:100px;
	background:#868686;
}
.business-wrap .review-pre .review-wrap .review-cont .review-title {
	line-height:22px;
	font-size:1.6rem;
	font-weight:700;
	margin-bottom:5px;
	word-break:keep-all;
	display: -webkit-box;           
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis; 
}
.business-wrap .review-pre .review-wrap .review-cont .review-txt {
	line-height:22px;
	font-size:1.5rem;
	font-weight:300;
	margin-bottom:5px;
	word-break:keep-all;
	display: -webkit-box;           
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.business-wrap .review-pre .review-wrap .review-cont .review-user {
	font-size:1.5rem;
	line-height:22px;
	color:#868686;
	font-weight:300
}

/*Ç¥½ÃÀÛ*/

.wash .business-wrap .price-wrap .price-cont:first-child {
	border-top:1px solid #ccc;
}
.business-wrap .price-wrap .price-cont {
	padding:36px 0;
	border-bottom:1px solid #ccc;
}
.accessories .business-wrap .price-wrap .price-cont { display:none; }
.business-wrap.car-accessories .business-input { display:none; }
.business-wrap .tab-buttons { display:flex; gap:5px; flex-wrap:wrap; justify-content:center; width:70%;margin:0 auto;}
.business-wrap .tab-buttons label { color:#2F3438; font-size:16px; font-weight:500; line-height:36px;  padding:0 15px; border-radius:100px; border:1px solid #ddd; background:#F7F9FA; height:36px; display:inline-block;}
.business-wrap:has(.tab01:checked) .tab-buttons label:first-child,
.business-wrap:has(.tab02:checked) .tab-buttons label:nth-child(2),
.business-wrap:has(.tab03:checked) .tab-buttons label:nth-child(3),
.business-wrap:has(.tab04:checked) .tab-buttons label:nth-child(4),
.business-wrap:has(.tab05:checked) .tab-buttons label:nth-child(5),
.business-wrap:has(.tab06:checked) .tab-buttons label:nth-child(6),
.business-wrap:has(.tab07:checked) .tab-buttons label:nth-child(7),
.business-wrap:has(.tab08:checked) .tab-buttons label:nth-child(8),
.business-wrap:has(.tab09:checked) .tab-buttons label:nth-child(9),
.business-wrap:has(.tab10:checked) .tab-buttons label:nth-child(10){ background:#222222;border:0; color:#fff; font-weight:600; }
.business-wrap:has(.tab01:checked) .price-wrap .price-cont:first-child{ display:block; }
.business-wrap:has(.tab01:checked) .price-wrap .price-cont:first-child{ display:block; }
.business-wrap:has(.tab02:checked) .price-wrap .price-cont:nth-child(2){ display:block; }
.business-wrap:has(.tab03:checked) .price-wrap .price-cont:nth-child(3){ display:block; }
.business-wrap:has(.tab04:checked) .price-wrap .price-cont:nth-child(4){ display:block; }
.business-wrap:has(.tab05:checked) .price-wrap .price-cont:nth-child(5){ display:block; }
.business-wrap:has(.tab06:checked) .price-wrap .price-cont:nth-child(6){ display:block; }
.business-wrap:has(.tab07:checked) .price-wrap .price-cont:nth-child(7){ display:block; }
.business-wrap:has(.tab08:checked) .price-wrap .price-cont:nth-child(8){ display:block; }
.business-wrap:has(.tab09:checked) .price-wrap .price-cont:nth-child(9){ display:block; }
.business-wrap:has(.tab10:checked) .price-wrap .price-cont:nth-child(10){ display:block; }
.business-wrap .price-wrap .price-cont h5 {
	font-size:1.7rem;
	line-height:22px;
	margin-bottom:26px;
	display:flex;
	word-break: auto-phrase;
	white-space:nowrap;
}
.business-wrap .price-wrap .price-cont h5 img { 
	margin-right:6px;
	width:24px;
	height:24px;
}
.business-wrap .price-table-wrap { 
	display:flex;
	gap:10%;
	align-items:baseline;
}
.business-wrap .price-cont .goto-btn { padding:0 10px; border:1px solid #333; background:#fff; color:#333; border-radius:5px; height:30px; line-height:28px;margin-left:10px;font-size:14px;}
.business-wrap .price-cont .goto-btn:hover { background:#f2f2f2; }
.business-wrap .price-wrap .price-cont h5 .red-txt { white-space:initial; }
.business-wrap .price-wrap .price-cont h5 .red-txt,
.business-wrap .price-table-wrap .line-table tr td .red-txt {
	font-size:1.2rem;
	color:#EF3E48;
	margin-left:6px;
	font-weight:500;
}
.business-wrap .price-table-wrap .line-table {
	margin-left:12%;
	font-size:1.5rem;
}
.business-wrap .price-table-wrap .line-table caption {
	position:inherit;
	overflow:unset;
	font-size:1.5rem;
	line-height:30px;
	caption-side: top !important;
	display: table-caption !important;
	text-align:left;
	color:#A7A7A7;
	font-weight:700;
}

.wash .business-wrap .price-table-wrap .bg-gray .line-table caption { color:#000; }
.business-wrap.car-accessories .price-table-wrap > .line-table { width:55%; }
.business-wrap.car-accessories .price-table-wrap > .bg-gray { width:45%; }
.business-wrap .price-table-wrap .line-table tr td.price { 
	text-align:right;
	color:#717171;
	font-weight:400;
	white-space:nowrap;
}
.wash .business-wrap .price-table-wrap .line-table tr td.price {
	white-space:unset;
}
.business-wrap .price-table-wrap .line-table tr td.price b {
	color:#333;
	font-weight:700;
}
.business-wrap .price-table-wrap .overflowYAuto { padding:0 15px;overflow-y:auto;width:100vw; transform: translateX(-15px);}
.business-wrap .price-table-wrap .overflowYAuto::-webkit-scrollbar { display:none; }
.business-wrap .price-table-wrap .bg-gray {
	background:#F2F2F2;
	border-radius:10px;
	
	width:100%;
}
.business-wrap .price-table-wrap .bg-gray .line-table {
	width:100%;
}

.business-wrap .price-table-wrap .line-table tr { 
	border-bottom:1px solid #EAEAEA;
	padding:0 3px;
}
.business-wrap .price-table-wrap > .line-table tr {
	border-top:1px solid #EAEAEA;
}
.business-wrap .price-table-wrap .line-table tr td {
	height:50px;
	word-break:keep-all;
	padding:0 3px;
}

.business-wrap .price-table-wrap .line-table thead tr th { 
	height:40px;
	text-align:left;
}
.business-wrap .price-table-wrap .bg-gray .line-table tr {
	border-bottom:none;
}
.business-wrap .price-table-wrap .bg-gray .line-table thead {
	border-bottom:1px solid rgba(0,0,0,0.1);
	font-weight:700;
	height:40px;
}
.wash .business-wrap .price-table-wrap .bg-gray .line-table thead {
	border-top:1px solid rgba(0,0,0,0.4);
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.wash .business-wrap .price-table-wrap .bg-gray .line-table tr {
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
/*Ç¥³¡*/

.business-wrap .business-info {
	margin-top:60px;
}
.business-wrap .business-info h6 {
	font-size:1.6rem;
	font-weight:700
}
.business-wrap .business-info .business-info-table {
	font-size:1.3rem;
}
.business-wrap .business-info .business-info-table td {
	height:35px;
	padding-right:10px;
}
.business-wrap .business-info .business-info-table td:first-child {
	width:20%;
	opacity:0.5;
}

/*ÃâÀå¼¼Â÷, ÀåÂø ½ºÅ¸ÀÏ end*/

#wrap .floated{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;padding:0 15px;}
#wrap .floated .inner{position:relative;z-index:5;border-radius:20px;background:#ffffff;width:800px;max-width:100%;box-shadow:4px 4px 15px rgba(0,0,0,0.1);}
#wrap .floated .upper{display:flex;align-items:Center;justify-content:flex-end;border-bottom:1px solid #eaeaea;}
#wrap .floated .upper .close{display:flex;align-items:center;justify-content:center;width:60px;height:60px;cursor:pointer;}
#wrap .floated .upper .close:before{content:'';width:24px;height:24px;background:url("../images/sub/branch_close.png") no-repeat center / contain;}
#wrap .floated .head{padding:45px 0 60px;text-align:center;}
#wrap .floated .head .tit{line-height:22px;font-size:22px;font-weight:700;color:#000;}
#wrap .floated .head .txt{margin-top:10px;line-height:17px;font-size:14px;font-weight:500;color:#949494;}
#wrap .floated .button{display:flex;/*align-items:center;*/gap:20px;justify-content:center;padding:0 25px 65px;width:670px;max-width:100%;margin:0 auto;}
#wrap .floated .button a{padding:12px; display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:20px;flex:1;width:100%;height:auto;aspect-ratio:1/1;text-align:center;}
#wrap .floated .button a:hover{background:#fafafa}
#wrap .floated .button .img{margin-bottom:20px;width:120px;display:flex;align-items:center;justify-content:center;}
#wrap .floated .button .img img{max-width:100%;}
#wrap .floated .button .tit{line-height:22px;font-size:22px;font-weight:700;color:#000;}
#wrap .floated .button .txt{margin-top:10px;line-height:17px;font-size:14px;font-weight:500;color:#949494;}
#wrap .floated .dimmed{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / 70%);}
#wrap .floated.active{opacity:1;visibility:visible;}

@media (max-width: 768px) {
	.business-wrap .floating-btn.down {transform:translate(-50%, 100%);transition:all 300ms;}
    #appbar.up .appbar{transform:translateY(0%);}

	.business-wrap { padding:0 15px; }
	.business-wrap .content-title,
	.business-wrap .main-title { font-size:2.5rem; line-height:32px; }
	.business-wrap .floating-btn { font-size:1.7rem; bottom:100px; }
	.business-wrap .bs-img img { height:30vw; }
	.business-wrap .business-point { 
		gap:3%;
		width:100%;
	}
	.wash .business-wrap .business-point figure figcaption h6 {
		font-size:1.6rem;
	}
	.wash .business-wrap .business-point {
		gap:6%;
	}
	.business-wrap .price-table-wrap {
		gap:7%;
	}
	.wash .business-wrap.car-accessories .price-table-wrap > .bg-gray { padding:10px; w}
	.business-wrap .review-pre {
		width:100vw; margin-left:-15px;
	}
	.business-wrap .review-pre .review-wrap {
		width:200px;
		padding:20px;
	}
	.business-wrap.car-accessories .price-table-wrap > .line-table {
		width:40%;
	}
	.business-wrap .business-step { 
		align-items:center;
	}
	.business-wrap .business-step li.icon-wrap { width:16px; }
	.business-wrap .business-step li.icon-wrap svg { width:100%; }
	.business-wrap .business-step figure img {
		width:100px;
	}
	.business-wrap .mobile { display:block; overflow:hidden; width:100vw; margin-left:-15px;}
	.business-wrap .pc { display:none; }
	.business-wrap .business-step li .feather-down {
		top:-25px;
	}
	.business-wrap .business-step li.business-step-cont {
		height:250px;
		width:32%;
		flex:none;
	}
	.business-wrap .business-step figure figcaption p { font-size:1.4rem; line-height:18px;}
	.business-wrap .business-step figure figcaption h5 { margin-bottom:0; font-size:1.3rem; }
	.business-wrap .business-step li.business-step-cont figure {
		gap:10px;
		padding:22px 6px;
	}
	.business-wrap .business-motto {
		font-size:1.6rem;
		margin-top:110px;
	}
	.business-wrap .icons-wrap { margin-top:50px; }
	.business-wrap .tab-buttons { width:100%; }
	#wrap .floated .button .tit { font-size:18px; }
	#wrap .floated .button .img { width:80px; }
	#wrap .floated .button { gap:15px; }
	.wash .business-wrap .price-table-wrap .bg-gray .line-table { width:max-content; }
	.business-wrap .price-table-wrap .bg-gray { width:max-content; }
}


@media (max-width: 480px) {
	br.pc { display:none; }
	br.mo { display:block; }
	.business-wrap .business-point figure figcaption h6 {
		font-size:1.6rem;
	}
	.wash .business-wrap .business-point figure img { margin-bottom:20px; }
	.wash .business-wrap .business-point figure figcaption { margin-bottom:20px; }
	.business-wrap .business-step .icon-wrap { width:12px; }
	.business-wrap .business-step .icon-wrap svg { width:100%; }
	.business-wrap .business-step li .feather-down { width:12px; }
	.business-wrap .business-step figure figcaption h6 { font-size:1.6rem; line-height:18px; }
	.business-wrap .business-step figure img { width:60px; }
	.business-wrap .business-step li.business-step-cont { height:220px; }
	.business-wrap .price-table-wrap {
		flex-direction:column;
		gap:20px;
	}
	.business-wrap.car-accessories .price-table-wrap > .line-table,
	.business-wrap.car-accessories .price-table-wrap > .bg-gray {
		width:100%;
		margin:0;
	}
	.wash .business-wrap .price-wrap .price-cont:after {
		content:'';
		width:100vw;
		height:8px;
		position:absolute;
		left:-15px;
		top:0;
		background:#f3f3f3;
		box-shadow:inset 0px 3px 5px rgba(0,0,0,0.15);
	}
	.business-wrap .price-wrap .price-cont:first-child { border-top:0; }
	.business-wrap .price-wrap .price-cont { border-bottom: 0; position:relative;}
	.wash .business-wrap .business-point { flex-wrap:wrap; }
	.wash .business-wrap .business-point figure figcaption h6 { 
		font-size:1.4rem;
		margin-bottom:6px;
		line-height:18px;
	}
	.wash .business-wrap .business-point figure figcaption p {
		font-size:1.3rem;
		line-height:18px;
	}
	
	
}

@media (hover: hover) {
    .business-wrap .floating-btn:hover { background:#2f2b27; }
	.business-wrap .content-title .goto:hover {opacity:0.8;}
  }