@charset "utf-8";
/* 리뉴얼 푸터 — 사이트 전체 (tail.php 마크업, head.sub.php 에서 custom.css 다음에 로드) */

#ft * {letter-spacing:0;}
#ft.ft-new{background:#1C1C1C; border-top:0; margin:0; text-align:left;}
#ft.ft-new #ft_wr{display:flex; justify-content:space-between; align-items:center; gap:40px;
	width:auto; max-width:1548px; margin:0 auto; padding:64px 0 !important;}
#ft.ft-new #ft_wr:after{display:none;}

#ft.ft-new .ft_menu{display:flex; flex-wrap:wrap; gap:6px 28px; margin-bottom:20px;}
#ft.ft-new .ft_menu li a{font-size:15px; color:#fff; font-weight:500;}
#ft.ft-new .ft_menu li a:hover{text-decoration:underline;}

#ft.ft-new .ft_info p{margin:0; font-size:14px; line-height:180%; color:#999;}
#ft.ft-new .ft_info span{display:inline-block;}
#ft.ft-new .ft_info span + span:before{content:"·"; margin:0 7px; color:#999;}

#ft.ft-new #ft_copy{width:auto; margin:20px 0 0; padding:0 !important; border:0; text-align:left; font-size:14px; color:#999;}

#ft.ft-new .ft_logo{flex:0 0 auto;}
#ft.ft-new .ft_logo img{height:70px; width:auto;}

/* 맨 위로 버튼: 검정 원 + 흰 화살표, hover 시 브랜드 노랑. 300px 이상 스크롤하면 표시(.is-show)
 * 검정 푸터 위에서도 보이도록 옅은 흰 테두리 */
#ft.ft-new #top_btn{position:fixed; right:40px; bottom:40px; z-index:90; display:flex; align-items:center; justify-content:center;
	width:56px; height:56px; padding:0; border:1px solid rgba(255,255,255,.2); border-radius:50%; background:#1C1C1C; color:#fff;
	box-shadow:0 6px 16px rgba(0,0,0,.15); line-height:1; cursor:pointer;
	opacity:0; visibility:hidden; transform:translateY(12px); transition:opacity .3s, visibility .3s, transform .3s, background .2s, color .2s;}
#ft.ft-new #top_btn.is-show{opacity:1; visibility:visible; transform:none;}
#ft.ft-new #top_btn:hover{border-color:#FFE922; background:#FFE922; color:#1C1C1C;}
#ft.ft-new #top_btn:focus-visible{outline:2px solid #FFE922; outline-offset:3px;}
#ft.ft-new #top_btn .top_btn_arrow{width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}

/* ── 반응형: 좌우 여백은 헤더와 동일하게 1600px 이하부터 20px ── */
@media (max-width:1600px){
	#ft.ft-new #ft_wr{padding:64px 20px !important;}
}
@media (max-width:1200px){
	#ft.ft-new #ft_wr{gap:32px; padding:56px 20px !important;}
	#ft.ft-new .ft_logo img{height:56px;}
	#ft.ft-new #top_btn{right:20px; bottom:20px;}
	#ft.ft-new .ft_info p,
	#ft.ft-new #ft_copy{font-size:13px;}
}
/* 980px 이하(헤더 모바일 전환과 동일): 로고를 위로 올리고 세로 배치 */
@media (max-width:980px){
	#ft.ft-new #ft_wr{flex-direction:column-reverse; align-items:flex-start; gap:28px; padding:48px 20px 56px !important;}
	#ft.ft-new .ft_logo img{height:48px;}
}
/* 최소 글자 크기 13px */
@media (max-width:768px){
	#ft.ft-new .ft_menu{gap:8px 20px; margin-bottom:16px;}
	#ft.ft-new .ft_menu li a{font-size:14px;}
	#ft.ft-new .ft_info p{line-height:170%;}
	#ft.ft-new .ft_info span{display:block;}
	#ft.ft-new .ft_info span + span:before{display:none;}
	#ft.ft-new #ft_copy{margin-top:16px;}
	#ft.ft-new #top_btn{width:48px; height:48px; right:16px; bottom:16px;}
	#ft.ft-new #top_btn .top_btn_arrow{width:20px; height:20px;}
}
@media (max-width:480px){
	#ft.ft-new #ft_wr{gap:24px; padding:40px 20px 48px !important;}
	#ft.ft-new .ft_logo img{height:40px;}
	#ft.ft-new .ft_menu{gap:8px 16px;}
}