@charset "utf-8";

footer.footer{background:#222; margin-top:100px;}
footer.footer.no_margin{margin-top:0;}
footer.footer .ft_contact{border-bottom:1px solid #434343; padding:42px 0;}
footer.footer .ft_contact .container_fix{display:flex; align-items:center; justify-content: center; max-width: 1550px;}
footer.footer .ft_contact .container_fix .ft_tit{width:400px; }
footer.footer .ft_contact .container_fix .ft_tit p{font-size:40px; color:#fff; font-weight:800;}
footer.footer .ft_contact .container_fix .ft_infos{ margin-right: 190px;}
footer.footer .ft_contact .container_fix .ft_infos ul{}
footer.footer .ft_contact .container_fix .ft_infos ul > li{display:inline-block; margin-right:85px;}
footer.footer .ft_contact .container_fix .ft_infos ul > li:last-child{margin-right:0;}
footer.footer .ft_contact .container_fix .ft_infos ul > li, footer.footer .ft_contact .container_fix .ft_infos ul > li a{font-size:18px; color:#ffffff; font-weight:bold;}

@media (max-width:1280px) {
    footer.footer .ft_contact .container_fix .ft_tit {width: 390px;}
}



footer.footer .ft_bottom{text-align:center; padding:70px 0 65px;}
footer.footer .ft_bottom .ft_logo{margin-bottom:25px;}
footer.footer .ft_bottom .ft_link{}
footer.footer .ft_bottom .ft_link ul{display: flex; flex-direction: column; gap: 10px 0;}
footer.footer .ft_bottom .ft_link ul li span {font-weight: 400; font-size: 15px; color:#fff;}
footer.footer .ft_bottom p{font-size:14px; color:#ffffff; margin-top:15px; transform:skew(-0.1deg, -0.1deg);}



/* 패밀리 사이트 관련 */
footer.footer .family_site_box{position:relative; width:190px; margin:40px auto 0 ; }
footer.footer .family_site_box > a.family_site_a{width:100%; height:37px; line-height:37px; border:1px solid #363636; font-size:12px; font-weight: 300; text-align:left; color:#c9c9c9; padding: 0 15px; display:block;}
footer.footer .family_site_box > a.family_site_a span.arrow{display:inline-block; width: 8px; height:6px; background:#c9c9c9;clip-path: polygon(0 100%, 50% 0, 100% 100%);position:absolute; right:15px; top:16px; transition:all 0.3s;}
footer.footer .family_site_box > a.family_site_a.active span.arrow{transform:rotate(180deg);}
footer.footer .family_site_box > ul.family_site_ul{display:none; position:absolute; width:100%; max-height:106px; overflow-y:auto; top:-105px; 
background:#fff; text-align:center; z-index:2;}
footer.footer .family_site_box > ul.family_site_ul > li > a{display:block; border:1px solid #b7b7b7; font-size:14px; color:#757575;
padding:10px 5px; border-bottom:0;}
footer.footer .family_site_box > ul.family_site_ul > li:hover > a{color:#fff; background:#4d4d4d; border-color:#4d4d4d;}
footer.footer .family_site_box > ul.family_site_ul > li:last-child > a{border-bottom:1px solid #b7b7b7;}





.at-go .go_btn{width:50px; height:50px; position:fixed; right:30px; bottom:30px; z-index:5; display:none;}
.at-go .go_btn a{width:50px; height:50px; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid #d8d8d8; border-radius:50%;}
.at-go .go_btn a span{width:20px; height:12px; position:relative; margin:0; background:none; border-radius:0; line-height:normal !important;}
.at-go .go_btn a span::before{content:""; width:2px; height:13px; background:#2e3037; position:absolute; left:5px; transform:rotate(45deg);}
.at-go .go_btn a span::after{content:""; width:2px; height:13px; background:#2e3037; position:absolute; right:5px; transform:rotate(-45deg);}

@media (max-width:991px){
	.at-go .go_btn{width:60px; height:60px; right:15px; bottom:15px;}
	
	footer.footer{margin-top:70px;}
    footer.footer .ft_contact {padding: clamp(35px,3.53vw,42px) 0;}
	footer.footer .ft_contact .container_fix{display:block; text-align:center;}
	footer.footer .ft_contact .container_fix .ft_tit{width:auto; padding-left:0px; margin-bottom:clamp(25px,3.03vw,30px);}
    footer.footer .ft_contact .container_fix .ft_infos ul > li, footer.footer .ft_contact .container_fix .ft_infos ul > li a {font-size: clamp(12px,1.82vw,18px); font-weight: 400;}
	footer.footer .ft_contact .container_fix .ft_tit p{font-size:clamp(23px,2.02vw,40px); color:#fff; font-weight:800;}
	footer.footer .ft_contact .container_fix .ft_infos{ margin-right: 0;}
	footer.footer .ft_contact .container_fix .ft_infos ul{}
	footer.footer .ft_contact .container_fix .ft_infos ul > li{display:block; margin-right:0; margin-bottom:15px; font-size: clamp(12px,1.82vw,18px);}
	footer.footer .ft_contact .container_fix .ft_infos ul > li:last-child{margin-bottom:0;}


    footer.footer .ft_bottom {padding: clamp(35px,7.06vw,70px) 0 clamp(50px,6.56vw,65px);}
    footer.footer .ft_bottom .ft_logo {margin-bottom: clamp(22.5px,2.52vw,25px);}
    footer.footer .ft_bottom .ft_logo img {width: 110px;}

    footer.footer .ft_bottom .ft_link ul {gap: 5px 0;}
    footer.footer .ft_bottom .ft_link ul li span {font-size: clamp(12px,1.51vw,15px); font-weight: 400;}
    footer.footer .ft_bottom p {font-size: clamp(12px,1.51vw,15px);}


    footer.footer .family_site_box {width: 150px; margin:clamp(30px,4.04vw,40px) auto 0}
    footer.footer .family_site_box > a.family_site_a {height: 32.5px; line-height: 32.5px; font-size: 11px;}
    footer.footer .family_site_box > a.family_site_a span.arrow {top: 14px;}
}
@media (max-width:480px){
	.at-go .go_btn{width:40px; height:40px; }
	.at-go .go_btn a{width:40px; height:40px;}
	.at-go .go_btn a span{width:11px; height:6px; left:-1px;}
	.at-go .go_btn a span::before{ width:1px; height:8px; left:3px; }
	.at-go .go_btn a span::after{width:1px; height:8px; right:2px;}

}