@charset "utf-8";

/* ================================================================== */
/* Name	: 634.css
/* Title : 아이와 같이 즐기는 푸릇푸릇한 여름
/* Script : Layout, 630 CSS
/* Author : Design Geulggol
/* Date	: 2022-05-24
/* ================================================================== */

.search-kimhae ol {
	max-width:800px;
	background: url('/share/images/sub/634/dot.jpg') repeat-x center;
	margin:0 auto 60px auto;
	display:flex;
}
.search-kimhae ol li {
	width:calc(100% / 3 - (100px * 2 / 3));
	color:#368886;
	border:2px solid #368886;
	border-radius:50%;
	background:#fff;
	margin-right:100px;
	position:relative;
}
.search-kimhae ol li:last-child {
	margin-right: 0; 
}
.search-kimhae ol li::before {
	content:'';
	padding-top:100%;
	display:block;
}
.search-kimhae ol li::after {
	content:'';
	background-repeat: no-repeat;
	background-size: 80%;
	background-position: center top;
	padding-top:50px;
	display:block;
	transform: translateY(-50%);
	position:absolute;
	top:50%;
}
.search-kimhae ol li:nth-child(1)::after {
	content:'도보 5분';
	background-image: url('/share/images/sub/634/walk_icon.svg');
	right: -90px
}
.search-kimhae ol li:nth-child(2)::after {
	content:'도보 5분';
	background-image: url('/share/images/sub/634/walk_icon.svg');
	right: -80px;
}
.search-kimhae ol li:last-child::after {
	display:none;
}

.search-kimhae ol li span {
	font-weight: 500;
	text-align: center;
	word-break: keep-all;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}

@media (max-width:640px) {
	.search-kimhae ol li {
		width:calc(100% / 3 - (40px * 2 / 3));
		font-size:1.3rem;
		line-height: 140%;
		margin-right:40px;
	}
	.search-kimhae ol li::after {
		font-size:1rem;
		padding-top:30px;
		display:block;
		transform: translateY(-50%);
		position:absolute;
		top:50%;
	}
	.search-kimhae ol li:nth-child(1)::after {
		right: -35px;
	}
	.search-kimhae ol li:nth-child(2)::after {
		right: -40px
	}
}