@charset "utf-8";


#sec06, #sec06 .fp-tableCell{height:auto !important}

#ft_wrap{width:100%;padding:5rem 10rem 12rem;margin-top:-1px;/*흰색라인 간헐적 깜박힘 해결*/background:#222;}
#ft_wrap .inner{display:flex;flex-wrap:wrap;gap:7rem}
#ft_wrap .ft_logo{width:20rem}
#ft_wrap .ft_info{width:calc(40% - 7rem)}
#ft_wrap .ft_info .info_link{margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:.5rem 2rem}
#ft_wrap .ft_info .info_link li{font-size:1.6rem;font-weight:500;color:#fff;cursor:pointer}
#ft_wrap .ft_info .info {margin-bottom:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:0 1rem}
#ft_wrap .ft_info .info p{display:inline-block;font-size:1.6rem;line-height:150%;color:rgba(255,255,255,.6)}
#ft_wrap .ft_info .info .bar{width:1px;height:1rem;background:rgba(255,255,255,.2)} 
#ft_wrap .ft_info .copy{font-size:1.5rem;color:rgba(255,255,255,.2);display:flex;flex-wrap:wrap;align-items:center;gap: 0 1rem}
#ft_wrap .ft_info .copy a{font-size:12px;color:rgba(255,255,255,.1)}
#ft_wrap .family_site{width:calc(60% - 27rem)}
#ft_wrap .family_site .tit{margin-bottom:1rem;font-size:1.8rem;font-weight:600;color:#fff}
#ft_wrap .family_site .select_box{width:100%;height:5rem;padding:0 2rem;border-radius:.5rem;background:#2d2d2d;font-size:1.6rem;position:relative;display:flex;flex-wrap:wrap;align-items:center}
#ft_wrap .family_site .select_box .op_name{width:8rem;font-weight:600;color:#fff}
#ft_wrap .family_site .select_box .address{width:calc(100% - 8rem);padding-right:2rem;color:rgba(255,255,255,.8);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#ft_wrap .family_site .select_box .arr{position:absolute;right:2rem;top:50%;transform:translateY(-50%) rotate(180deg);transition:all .3s}
#ft_wrap .family_site .select_box.on .arr{transform:translateY(-50%) rotate(0)}
#ft_wrap .family_site .op_list{width:100%;padding:1.5rem;border-radius:.5rem;background:rgba(0,0,0,.9);position:absolute;bottom:0;left:0;z-index:-1;opacity:0;transition:all .3s}
#ft_wrap .family_site .op_list.on{bottom:5rem;opacity:1;z-index:10}
#ft_wrap .family_site .op_list li{border-bottom:1px dashed rgba(255,255,255,.3)}
#ft_wrap .family_site .op_list li:last-child{border-bottom:0}
#ft_wrap .family_site .op_list li a{padding:1rem;display:flex;flex-wrap:wrap;transition:all .3s}
#ft_wrap .family_site .op_list li a:hover{background:var(--pt-color)}
#ft_wrap .family_site .op_list li a .op_name2{width:11rem;font-size:1.6rem;font-weight:700;color:#fff}
#ft_wrap .family_site .op_list li a .address2{width:calc(100% - 11rem);padding-right:2rem;font-size:1.6rem;color:rgba(255,255,255,.9);overflow: hidden;white-space: nowrap;text-overflow:ellipsis}

@media(max-width:1400px){
#ft_wrap{padding:5rem 2rem 12rem}	
}
@media(max-width:1280px){
	#ft_wrap .inner{gap:2rem 3rem}
	#ft_wrap .ft_logo{width:19rem}
	#ft_wrap .ft_logo img{width:100%}

	#ft_wrap .ft_info{width:calc(40% - 3rem)}
	#ft_wrap .family_site{width:calc(60% - 22rem)}
}
@media(max-width:1024px){
	#ft_wrap .inner{text-align:center;justify-content:center;}
	        
	#ft_wrap .ft_logo{width:18rem}
	#ft_wrap .ft_info{width:100%}
	#ft_wrap .ft_info .info_link{justify-content: center;}
	#ft_wrap .ft_info .info{justify-content: center;}
	#ft_wrap .ft_info .copy{justify-content: center;}
	
	#ft_wrap .family_site{max-width:55rem;width:100%}
	
	
	
}
@media(max-width:767px){
	#ft_wrap .ft_logo{width:17rem}
}
@media(max-width:480px){
	#ft_wrap .ft_logo{width:16rem}
	
}