/* BASIC css start */
#footer {margin:70px auto 0;border-top:1px solid var(--line-color);padding:20px 4% 77px;box-sizing: border-box;}
#footer dl { line-height:22px; } 
#footer dl dt {margin-bottom:14px;font-size:12px;font-weight:400;line-height: 100%; } 
#footer .ft_shopInfo {margin:30px 0 20px;}
#footer dl dd {font-size:12px;}
#footer .ft_shopInfo dl dd a {font-size:12px;color:var(--gray);padding:2px 7px;border:1px solid var(--line-color);border-radius:4px;}
#footer .ft_shopInfo dl dt img {vertical-align:middle;margin-top:-5px;margin-left:2px;transition:all 0.2s; } 
#footer .ft_shopInfo dl dt img.active {transform:rotate(180deg); }
#footer .ft_shopInfo dl dd p .line {margin:0 10px;}
#footer .ft_cs span.shopcs:before {content:'';display:inline-block;width:1px;height:10px;background-color:var(--line-color);}
#footer .ft_cs span.shopcs:first-child:before {content:"";width:0;}
#footer .ft_cs p.tel {margin-bottom:15px;}
#footer .ft_cs p.tel a {font-size:18px;font-weight:800;}
#footer .ft_linkinfo {margin-bottom:30px;display: flex; justify-content: space-between; text-align: center;align-items:center; } 
#footer .ft_linkinfo a {display:inline-block;font-size:12px;} 
#footer .line {content:'';display:inline-block;width:1px;height:10px;background-color:var(--line-color);} 
#footer .ft_linkinfo a strong {color: var(--main-color); font-weight:700; } 
#footer .ft_copy {font-size:12px;font-weight:400;color:var(--gray);margin-bottom:20px;text-transform:uppercase; } 


/* === Scroll Up/Down: 특수기호 투명 그레이 === */
#scrolltotop{
  position: fixed;
  right: 12px;
  bottom: calc(160px + env(safe-area-inset-bottom));
  z-index: 1200;
  display: grid;
  gap: 6px;
}

#scrolltotop a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: rgba(255,255,255,0.35);   /* 버튼 배경: 연한 흰색 */
  color: rgba(0,0,0,0.4);               /* 화살표: 검정 + 40% 투명 */
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  border: 0;
  box-shadow: none;
  padding: 0;
}

#scrolltotop a img{ display:none !important; }

#scrolltotop a.go_top::before{ content: "↑"; }
#scrolltotop a.go_bottom::before{ content: "↓"; }


html {
  scroll-behavior: smooth;
}


/* BASIC css end */