@charset "utf-8";
::after, ::before{
	box-sizing: border-box;
}

:root{
--cream:#FFF9F0;
--ink:#2B2420;
--ink-soft:#6B5F54;
--line:#EAE1D3;
--yellow:#FFC23B;
--blue:#3B82F6;
--red:#FF4747;
--card:#FFFFFF;
--accent-warm:#FF8A4C;
--radius:18px;
}
html{
	margin:0;
	padding:0;
	font-size:14px;
	font-family: 'Nanum';
}
body{
	margin:0;
	padding:0;
	font-family:"Pretendard","Apple SD Gothic Neo","Noto Sans KR",sans-serif;
	background:var(--cream);
	color:var(--ink);
	line-height:1.7;
	-webkit-font-smoothing:antialiased;
	padding-bottom: 130px;
}
div, ul, li, a{
	box-sizing: border-box;
}
form{
	margin:0;
}
button{
	cursor:pointer;
}
ul{
	list-style:none;
	padding:0;
	margin:0;
}
input:not([type="image" i]) {
    box-sizing: border-box;
}
input[type="text" i] {
    padding: 1px 2px;
}
input:not([type="file" i], [type="image" i], [type="checkbox" i], [type="radio" i]) {
}
@keyframes infi_slide_ac1{
	0% {
		transform: translate(0);
	}
	100% {
		transform: translate(-100%);
	}
}
@keyframes infi_slide_ac2{
	0% {
		transform: translate(100%);
	}
	100% {
		transform: translate(0);
	}
}
.txt_left{
	text-align:left;
}
.txt_center{
	text-align:center;
}
.txt_right{
	text-align:right;
}
.main_wrap{
	width:100%;
}
.contents_wrap_1800{
	max-width:1800px;
	width:100%;
	margin:auto;
}
.contents_wrap_1600{
	max-width:1600px;
	width:100%;
	margin:auto;
}
.contents_wrap_1400{
	max-width:1400px;
	width:100%;
	margin:auto;
}
.contents_wrap_1200{
	max-width:1200px;
	width:100%;
	margin:auto;
}
.contents_wrap_1000{
	max-width:1000px;
	width:100%;
	margin:auto;
}
/* 페이지 */
.top_img{
	background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    width: 100%;
    height: 500px;
    position: relative;
}
.page_wrap{
	margin:50px 0;
	width:100%;
}
.page_wrap .page_sub{
	margin:30px 0;
	padding:15px;
	font-size:30px;
	font-weight:400;
	border-bottom:2px solid #555;
}
.page_wrap .top_contents{
	width:100%;
	margin:30px 0 15px;
}
.page_wrap .top_contents img{
	max-width:100%;
}
.page_wrap .dog_cat_wrap{
	display:inline-block;
	width:100%;
	margin:15px 0;
}
.page_wrap .dog_cat_wrap .dog_contents{
	float:left;
	width:calc(50% - 15px);
	margin-right:15px;
}
.page_wrap .dog_cat_wrap .dog_contents img{
	max-width:100%;
}
.page_wrap .dog_cat_wrap .cat_contents{
	float:left;
	width:calc(50% - 15px);
	margin-left:15px;
}
.page_wrap .dog_cat_wrap .cat_contents img{
	max-width:100%;
}
.page_wrap .bottom_contents{
	width:100%;
	margin:15px 0 30px;
}
.page_wrap .bottom_contents img{
	max-width:100%;
}
/* 푸터 */
.footer{
	width:100%;
	padding:20px 0;
	background:#D0413E;
}
.footer .menu{
	display:inline-block;
	width:100%;
	padding:10px;
}
.footer .menu a{
	font-size:14px;
	color:#fff;
	text-decoration:none;
	margin-right:30px;
}
.footer .info{
	display:inline-block;
	width:100%;
	padding:10px;
	font-size:14px;
	color:#fff;
	line-height:1.7;
}
.footer .info address{
	font-style: normal;
}
.footer .info span{
	display:inline-block;
	margin-right:10px;
}
.footer .copyright{
	display:inline-block;
	width:100%;
	padding:10px;
	font-size:14px;
	color:#fff;
}
/* ===================== 하단 고정 버튼바 ===================== */
.fixed-bottom-bar{
	width:100%;
	position:fixed;
	left:0; right:0; bottom:0;
	z-index:500;
	background:var(--cream);
	border-top:1px solid var(--line);
	padding:10px 16px calc(10px + env(safe-area-inset-bottom));
	box-shadow:0 -6px 18px rgba(0,0,0,0.06);
	/*box-shadow: 1px 5px 5px #ddd;*/
}
.fixed-bottom-bar .row-top{
	display:flex;
	gap:8px;
	margin-bottom:8px;
}
.fixed-bottom-bar a.btn{
	flex:1;
	display:flex;
	align-items:center;
	justify-content:center;
	height:48px;
	border-radius:30px;
	font-size:20px;
	font-weight:800;
	color:#fff;
	transition:transform .12s ease, filter .12s ease;
	text-decoration:none;
}
.fixed-bottom-bar a.btn:active{
	transform:scale(0.97);
	filter:brightness(0.95);
}
.btn-dog{ background:#F89285;}
.btn-cat{ background:#F89285;}
.btn-call{
	width:100%;
	background:var(--red);
	height:50px;
	border-radius:30px;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	font-weight:800;
	font-size:20px;
	gap:8px;
	text-decoration:none;
}
.btn-call svg{width:18px; height:18px;}

/* focus visibility */
a:focus-visible, summary:focus-visible{
	outline:3px solid var(--blue);
	outline-offset:2px;
}

@media (prefers-reduced-motion: reduce){
	*{transition:none !important;}
}

@media (max-width:380px){
	header.intro h1{font-size:22px;}
	.process-step{min-width:80px; font-size:12.5px;}
}

@media (min-width:760px){
	.fixed-bottom-bar{
	  max-width:968px;
	  left:50%;
	  transform:translateX(-50%);
	  border-radius:24px 24px 0 0;
	}
}