.service_category {
	display: flex; gap: clamp(4px, 2vw, 16px); justify-content: flex-start; align-items: flex-start
}

.service_category .dvi {
	flex: 1; 
	padding: clamp(8px, 2vw, 16px) clamp(6px, 1.5vw, 12px); 
	background: white; 
	border-radius: 8px; 
	outline: 1px #EEEEEE solid; 
	outline-offset: -1px; 
	display: flex; 
	flex-direction: column; 
	justify-content: flex-start; 
	align-items: center; 
	gap: clamp(4px, 2vw, 16px);
	cursor:pointer;
}


.service_category .dvi .down {
	padding: clamp(8px, 2vw, 24px); 
	background: #DAFFF9; 
	border-radius: 50%; 
	display: flex; 
	justify-content: center; 
	align-items: center; 
	gap: clamp(4px, 1vw, 12px);
}

.service_category .dvi .down .down2 {
	width: clamp(20px, 5vw, 100px);
	height: clamp(20px, 5vw, 100px);
	position: relative; 
	overflow: hidden;
}

.txtA {
	text-align: center; 
	color: #1E2229; '
	font-size: clamp(10px, 2vw, 16px); 
	font-family: Pretendard; 
	font-weight: 600; 
	line-height: clamp(12px, 2vw, 24px); 
	word-wrap: break-word;
}

.service_category .tex {
	flex: 1;
	padding: clamp(8px, 2vw, 16px) clamp(6px, 1.5vw, 12px);
	background: white;
	border-radius: 8px;
	outline: 1px #EEEEEE solid;
	outline-offset: -1px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	gap: clamp(4px, 2vw, 16px);
	cursor:pointer;
}

.service_category .tex .one {
	padding: clamp(8px, 2vw, 24px); 
	background: #FFE8DA; 
	border-radius: 50%; 
	display: flex; 
	justify-content: center; 
	align-items: center; 
	gap: clamp(4px, 1vw, 12px);
}

.service_category .tex .two {
	padding: clamp(8px, 2vw, 24px); 
	background: #E5F3FF; 
	border-radius: 50%; 
	display: flex; 
	justify-content: center; 
	align-items: center; 
	gap: clamp(4px, 1vw, 12px);
}

.two_SVG {
	width: clamp(20px, 5vw, 100px);
	height: clamp(20px, 5vw, 100px); 
	position: relative; 
	overflow: hidden;
}

.first_category {
	display: flex;
	gap: clamp(4px, 2vw, 16px);
	justify-content: flex-start;
	align-items: center;
}

.first_category .onTab {
	flex: 1; 
	padding: clamp(4px, 1vw, 12px) clamp(8px, 3vw, 20px); 
	background: #0072E4; 
	border-radius: clamp(8px, 2vw, 14px); 
	display: flex; 
	justify-content: center; 
	align-items: center; 
	gap: clamp(4px, 1vw, 12px); 
	color: white; 
	font-size: clamp(10px, 2vw, 16px); 
	font-family: Pretendard; 
	font-weight: 500; 
	line-height: clamp(18px, 2.5vw, 24px); 
	word-wrap: break-word; 
	cursor:pointer;
}

.first_category .offTab {
	flex: 1; 
	padding: clamp(4px, 1vw, 12px) clamp(8px, 3vw, 20px); 
	background: #F3F5F6; 
	border-radius: clamp(8px, 2vw, 14px); 
	display: flex; 
	justify-content: center; 
	align-items: center; 
	gap: clamp(4px, 1vw, 12px); 
	color: #1E2229; 
	font-size: clamp(10px, 2vw, 16px); 
	font-family: Pretendard; 
	font-weight: 400; 
	line-height: clamp(18px, 2.5vw, 24px); 
	word-wrap: break-word; 
	cursor:pointer;
}

#store-list.flex_gap {
	display: flex; flex-direction: column;
}

#store-list a {
	text-decoration: none; color: inherit;
}

#store-list .store-item {
	padding: 12px 0; border-bottom: 1px #EEEEEE solid; display: flex; gap: clamp(8px, 2vw, 32px); align-items: flex-start; 
}

#store-list .store-item img {
	width: clamp(100px, 20vw, 200px); 
	height: clamp(64px, 8vw, 96px); 
	background: #D9D9D9; 
	border-radius: 4px; 
	object-fit: cover;
}

#store-list .store-item .con {
	flex: 1; display: flex; flex-direction: column; gap: clamp(4px, 1vw, 12px);
}

#store-list .store-item .con .tit {
	color: #1E2229; font-size: clamp(14px, 2vw, 18px); font-family: Pretendard; font-weight: 500; line-height: clamp(18px, 2vw, 28px); word-wrap: break-word
}

#store-list .store-item .con .tel {
	color: #0072E4; font-size: clamp(13px, 2vw, 18px); font-family: Pretendard; font-weight: 400; line-height: clamp(18px, 2.5vw, 24px); word-wrap: break-word
}

#store-list .store-item .con .addr {
	color: #8F95A1; font-size: clamp(12px, 2vw, 16px); font-family: Pretendard; font-weight: 400; line-height: clamp(18px, 3vw, 24px); word-wrap: break-word
}

.community_section {
	display: flex; justify-content: space-between; align-items: center
}

.community_section .tit {
	color: #1E2229; font-size: clamp(14px, 2vw, 18px); font-family: Pretendard; font-weight: 600; line-height: clamp(18px, 2.5vw, 24px); word-wrap: break-word
}

#community-list {
	display: flex; flex-direction: column; gap: 0;
}


#community-list a {
	text-decoration:none;color:inherit;
}

#community-list a div.one {
	padding: 16px 0; border-bottom: 1px #EEEEEE solid; display: flex; flex-direction: column; gap: clamp(4px, 1vw, 12px);
}

#community-list a div.one .tit {
	color: #1E2229; font-size: clamp(14px, 2vw, 18px); font-family: Pretendard; font-weight: 500; line-height: clamp(20px, 2vw + 16px, 28px); word-wrap: break-word;
}

#community-list a div.one .cont {
	display: flex; justify-content: space-between; align-items: center;
}

#community-list a div.one .cont .created_at {
	color: #B1B8C0; font-size: clamp(12px, 1.5vw, 18px); font-family: Pretendard; font-weight: 400; line-height: clamp(18px, 2.5vw, 24px); word-wrap: break-word
}

#community-list a div.one .cont .like_comment {
	display: flex; gap: clamp(4px, 2vw, 16px);
}

.div1 {
	display: flex; align-items: center; gap: clamp(1px, 1vw, 5px);
}

.div1 .area1 {
	width: clamp(16px, 2vw, 32px); height: clamp(16px, 2vw, 32px); position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center
}

.area2 {
	color: #A3A6AA; font-size: clamp(12px, 1.5vw, 18px); font-family: Pretendard; font-weight: 500; line-height: clamp(16px, 2vw, 24px); word-wrap: break-word
}

#home a {
	text-decoration:none;color:inherit;
}

#home a div.first {
	width: 100%; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: clamp(8px, 2vw, 16px); display: inline-flex;
}

#home a div.first .dv {
	align-self: stretch; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: clamp(4px, 2vw, 16px); display: flex;
}

#home a div.first .dv .tit {
	align-self: stretch; 
	justify-content: center; 
	display: flex; 
	flex-direction: column; 
	color: #353C46; 
	font-size: clamp(14px, 2vw, 24px); 
	font-family: Pretendard; 
	font-weight: 700; 
	line-height: clamp(20px, 2vw + 16px, 28px); 
	word-wrap: break-word;
}

#home a div.first .dv .contA {
	justify-content: center; 
	display: flex; 
	flex-direction: column; 
	color: var(--Label-Alternative, #B1B8C0); 
	font-size: clamp(12px, 1.5vw, 18px); 
	font-family: Pretendard; 
	font-weight: 400; 
	line-height: clamp(18px, 2.5vw, 24px); 
	word-wrap: break-word;
}

/*
#home a div.first .dv .contentA {
	align-self: stretch; 
	justify-content: center; 
	display: flex; 
	flex-direction: column; 
	color: #353C46; 
	font-size: clamp(12px, 1.5vw, 18px); 
	font-family: Pretendard; 
	font-weight: 400; 
	line-height: clamp(18px, 2.5vw, 24px);
	word-wrap: break-word;
}
*/

#home a div.first img {
	align-self: stretch;
	max-width:100%;
	height: auto;
	position: relative;
	background: #979797;
}

/** 슬라이드 **/
.carousel-container {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.carousel-track {
	display: flex;
	transition: transform 0.3s ease;
	gap: 16px;
}

.carousel-item {
	flex: 0 0 calc(33.333% - 10.6px); /* 3개씩 보이기 */
	box-sizing: border-box;
}

.carousel-button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: white;
	border: 1px solid #ccc;
	border-radius: 50%;
	cursor: pointer;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10;
}

.carousel-button.left {
	left: -20px;
}

.carousel-button.right {
	right: -20px;
}