html {scroll-behavior:smooth;}
p{margin:0;line-height:1.4em;word-break: keep-all; /* 단어 단위로 줄바꿈 */ white-space: normal;  /* 기본 줄바꿈 허용 */letter-spacing: -0.02rem;color:#2d2d2d;}
/*font*/
@font-face {
    font-family: 'InkLiquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
.ft-01{font-family:'InkLiquid' !important;letter-spacing:-0.9px;line-height:1.1em;}
.t-bd{font-weight:700;}
.t-ebd{font-weight:800;}

.tit-xxl{font-size:34px;}
.tit-xl{font-size:28px;}
.tit-l{font-size:24px;}
.tit-m{font-size:20px;}
.tit-s{font-size:18px;}
.tit-xs{font-size:16px;}
/*딜레이 애니메이션*/
:root{
	--delay-2:0.3s;
  --delay-3:0.6s;
  --delay-4:0.9s;
  --delay-5:1.2s;
}
.del-2{animation-delay:var(--delay-2) !important;}
.del-3{animation-delay:var(--delay-3) !important;}
.del-4{animation-delay:var(--delay-4) !important;}
.del-5{animation-delay:var(--delay-5) !important;}

:root {--color-primary:#ED5625;}
.m-col{color:var(--color-primary);}
.t-wh{color:#fff;}
.al-ct{text-align:center;}
.al-lf{text-align:left;}
button{cursor:pointer;}

/*wrapper*/
.b_wrapper{width: 728px;margin:0 auto; }
.f_wrapper{width: 728px;margin:0 auto; }
/* .wrapper{width:728px;margin:0 auto;} */
.wrapper{margin:0;}
.wrapper-inn{margin:0 20px;}
/*top visual*/
.t-vis{background-image:url(/wp-content/uploads/2025/12/vis-bg3.jpg);background-size:cover;background-position:center;padding:4.5rem 0;}
.t-vis p{text-shadow: 0px 1px 6px #863900;}
.t-bc{display:flex;flex-direction:row;align-items:center;justify-content:end;padding:1.8rem 0;}
.t-tit{margin-bottom:3rem;}
.bc-i{margin-left:15px;color:#666;}
.bc-link{text-decoration:none;color:inherit;}
.m-b{margin-bottom:5rem;}
/*button*/
button.m-btn{background-color:#fff;border:none;padding:1.2rem 1.5rem;border-radius:12px;box-shadow:0 2px 12px rgba(0, 0, 0, 0.1);}

.btn_i {
  --btn-icon-size:20px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
  min-width: 218px;
  color: #2d2d2d;
}
.btn_i .btn-label {
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
}
.btn_i .btn-icon {
  margin-left: auto;              
  font-size: var(--btn-icon-size);
  width: var(--btn-icon-size);
  height: var(--btn-icon-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;          
  transition: transform 0.28s ease;
  transform-origin: 50% 50%;
  will-change: transform;
  color: inherit; /*아이콘색 텍스트랑 같게*/
}
/* 아이콘색 각각 다르게 줄때 활성화 */
/* .m-btn.icon-plus .btn-icon  { color: #2d2d2d; }
.m-btn.icon-search .btn-icon { color: #2d2d2d; } */

/* 플러스 회전 (hover & focus-visible) */
.btn_i.icon-plus:hover .btn-icon,
.btn_i.icon-plus:focus-visible .btn-icon {
  transform: rotate(90deg);
}

/* 흔들림 애니메이션 키프레임 (좌↔우 회전) */
@keyframes wiggle-rotate {
  0%   { transform: rotate(0deg); }
  15%  { transform: rotate(-10deg); }
  40%  { transform: rotate(8deg); }
  65%  { transform: rotate(-6deg); }
  90%  { transform: rotate(8deg); }
  100% { transform: rotate(0deg); }
}
.m-btn.icon-search .btn-icon {
  transform-origin: 50% 50%;
  will-change: transform;
}
@keyframes magnify-pulse {
  0%   { transform: scale(1); }
  100%  { transform: scale(1.3); }
}

/* hover 시 흔들림 적용 (마우스 오버 또는 포커스 시) */
.btn_i.icon-search:hover .btn-icon,
.btn_i.icon-search:focus-visible .btn-icon {
/*   animation: wiggle-rotate 0.52s ease-in-out infinite; */
  animation-name: magnify-pulse;
  animation-duration: 0.25s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;    
  animation-fill-mode: both;     
}
/* 키보드 접근성: focus-visible 시도 포함 (시각적 포커스 유지) */
.btn_i:focus-visible {
  outline: 2px solid rgba(0,0,0,0.12);
  outline-offset: 2px;
}

/*find section*/
.find-sec{height:350px;align-content:center;background-color:#FFF7F2;background-image:url(/wp-content/uploads/2025/12/find-bg.png);background-size:cover;background-position:0% 100%;}
.find-sec2{height:350px;align-content:center;background-color:#FFF7F2;background-image:url(https://uupr009.mycafe24.com/wp-content/uploads/2026/01/find-bg2.png);background-size:cover;background-position:0% 100%;}


@media screen and (max-width: 768px){
	.b_wrapper{width:auto;margin:0 auto;}
	.f_wrapper{width:auto;margin:0 auto;}
/* 	.wrapper{width:auto;margin:0 auto;} */

	/*font*/
	.tit-xxl{font-size:30px;}
	.tit-xl{font-size:24px;}
	.tit-l{font-size:20px;}
	.tit-m{font-size:18px;}
	.tit-s{font-size:16px;}
	.tit-xs{font-size:14px;}
	/*find section*/
	.find-sec{height:260px;background-position:30% 100%;}
	.find-sec2{height:260px;background-position:30% 100%;}
	/* button */
	.btn_i {min-width: 200px;}
}



/*애니메이션효과*/
/* 기본: fade 계열의 요소들 초기 상태 통일 */
[class*="fade-"], .reveal {
  position: relative;
  /* 기본은 보이지 않게 (fade-in/left/right/up/down 용) */
  opacity: 0;
  transition: opacity 0.2s;
}
.reveal.active {
  opacity: 1;
}

.active.fade-up {
  animation: fade-up 0.6s ease-in forwards;
}
@keyframes fade-up {
  0% { transform: translateY(50px); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}

.active.fade-in {
  animation: fade-in 0.8s ease-in forwards;
}
@keyframes fade-in {
  0% { opacity: 0; transform: none; }
  100% { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .active.fade-up,
  .active.fade-in {
    animation: none;
  }
	
	.section-bg{padding: 0 0 15px 0;}
}

/*tel 링크 색상*/
a[href^="tel"],
a[href^="sms"] {
  color: inherit !important;       
  text-decoration: none !important;   
  cursor: default !important; 
  -webkit-text-decoration-color: transparent !important;
  -webkit-tap-highlight-color: transparent;
}