/* footerStyle.css */

#ft {background: #222222; color: #9c9c9c; padding:40px 0; } 
#ft a, #ft_copy{color: #f0f0f0;}
#ft_wr{padding: 0px 20px; overflow: hidden;}

#ft_company {width:100%;} 
#ft_company h1 {font-size:20px; color:#FFF; margin-bottom:20px;}
#ft_company ul {overflow: hidden;}
#ft_company ul li { line-height: 20px;  color:#ffffff; font-size:15px; line-height:180%; }
#ft_company ul li span {position:relative; padding:0 10px; display:inline-block;}
#ft_company ul li span:first-child {padding-left:0;}
#ft_company ul li span:after{content: ""; width: 1px; height: 12px; background: #535353; position:absolute; right:0; top:5px;}
#ft_company ul li a {display:inline; color:#ffffff; font-size:15px;}

.footer_menu {border-bottom:1px solid #454545; background: #222222;}
.footer_menu ul.fmenu {display:flex;}
.footer_menu ul.fmenu li a {font-size:15px; padding:20px 20px; color:#FFF;}
.footer_menu ul.fmenu li a.point {color:#ffff00;}
.footer_menu ul.fmenu li {position:relative;}
.footer_menu ul.fmenu li:after {position:absolute; right:0; top:27px; width:1px; height:15px; background:#FFF; content:"";}
.footer_menu ul.fmenu li:last-child:after {display:none;}
.footer_menu ul.fmenu li:first-child a {padding-left:0;}

.footer_menu .ft_sns {position:absolute; right:0; top:16px; }
.footer_menu .ft_sns a i {color:#FFF;}

#ft_copy {width:100%; color:#ffffff; font-size:15px;}
#ft_company ul.footer_address {display:flex; flex-wrap:wrap; margin-bottom:0px;}
#ft_company ul.footer_address li {width:100%;}
#ft_company ul.footer_address li a {padding:0 20px;}

.ft_site_wrap {position:absolute; right:0; top:0px;}
.ft_site_box { width:190px; height:38px; position:relative; margin-bottom:15px;}
.ft_site_btn {position:relative; display:flex; align-items:center; padding:0 25px; font-size:12px; color:rgba(255,255,255,0.7) !important; border:1px solid #767676; height:38px;}
.ft_site_btn i {position:absolute; right:20px; top:calc(50% - 5px); font-size:10px;}
.ft_site_box .ft_site_list {display:none; position:absolute; left:0; bottom:38px; width:100%; z-index:9;}
.ft_site_box .ft_site_list li a {display:block; background:#000; border:1px solid #767676; border-bottom:none; width:100%; font-size:12px; color:#FFF; padding:10px 25px;}

@media all and (max-width:1000px){


}

@media all and (max-width:700px){

.footer_menu ul.fmenu li a {font-size:12px;}

.ft_site_box { width:180px;}
.ft_site_btn {font-size:12px;}

.ft_site_wrap {position:relative; margin-top:20px;}
.ft_site_box {order:1; position:relative; border-bottom:1px solid #454545; width:100%;}


.footer_menu .ft_sns {position:absolute; right:10px; top:160px; }
#ft_company h1 {font-size:14px; }
}


@media all and (max-width:550px){

.footer_menu {border-bottom:none;}
.footer_menu .at-container {padding:0; display:flex; flex-wrap:wrap;}
.footer_menu ul.fmenu {width:100%; order:2; padding:0px 0px;flex-wrap:wrap;}
.footer_menu ul.fmenu li {flex:auto; text-align:center; border-bottom:1px solid rgba(255,255,255,0.4);}
.footer_menu ul.fmenu li:after { display:none;}
.footer_menu ul.fmenu li:first-child a { padding-left:20px;}
.footer_menu ul.fmenu li a { padding-top:5px; padding-bottom:5px;}


#ft_company ul li {font-size:13px;}

#ft_company ul li a {font-size:13px;}
#ft_copy {font-size:12px;}
}