/* footerStyle.css */

#ft {background: #000d1f; color: #9c9c9c; padding:40px 0; } 
#ft a, #ft_copy{color: #888;}
#ft_wr{padding: 0px 20px; overflow: hidden;}
#ft_sns{width: 65%;}
#ft_sns ul{float: right; overflow: hidden;}
#ft_sns ul li{float: left; width: 40px; height: 40px; text-indent: -9999px; overflow: hidden; margin-left: 15px;}
#ft_sns ul li a{width: 100%; height: 100%; background: url(../../img/common/ft_sns1.png); background-size: 100% auto; }
#ft_sns ul li.ft_sns2 a{background-image: url(../../img/common/ft_sns2.png);}
#ft_sns ul li.ft_sns3 a{background-image: url(../../img/common/ft_sns3.png);}
#ft_sns ul li.ft_sns4 a{background-image: url(../../img/common/ft_sns4.png);}
#ft_contact{width: 40%; text-align: right; margin-top: 10px;}
#ft_contact strong{font-size: 36px; font-weight: 600; line-height: 50px;}
#ft_link{width:100%; margin-bottom:25px;}
#ft_link > a { display:inline-block; line-height: 20px; font-size: 15px; color:#fff;}
#ft_link > a::after{content: ""; display: block; width: 1px; height: 15px; background: #535353; margin-left: 12px; float: right; margin-right: 10px; margin-top: 3px;}
#ft_link > a.ft_link3::after{display: none;}
#ft_link > a.ft_link3 {color:#c66b6d;}
#ft_link > a:last-child:after {display:none;}
#ft_link > a.point {color:#FFFF00;}

.ft_link_wrap {border-bottom:1px solid #3e3e3e;}
.ft_maker {position:absolute; right:0; top:0px;}
.ft_maker ul {display:flex;}
.ft_maker ul li a {padding-left:20px;}
.ft_maker ul li a i {color:#FFF; font-size:30px;}

.ft_logo {position:absolute; right:0; bottom:20px;}
 
.ft_company_wrap {padding:40px 0;}
#ft_company {width:100%;}
#ft_company h1 {color:#ffffff; font-size:20px; font-weight:bold; text-align:center; 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;}
#ft_company ul.footer_menu {display:flex; justify-content:center; margin-bottom:20px;}
#ft_company ul.footer_menu li a {padding:0 20px;}
#ft_company ul.footer_menu li {position:relative;}
#ft_company ul.footer_menu li:after {position:absolute; right:0; top:5px; width:1px; height:15px; background:#FFF; content:"";}
#ft_company ul.footer_menu li:last-child:after {display:none;}

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

#ft_company ul.footer_sns {display:flex; flex-wrap:wrap; justify-content:center; margin-bottom:20px; gap:50px;}
#ft_company ul.footer_sns li {}
#ft_company ul.footer_sns li i.footer_icon {display:inline-block; width:48px; height:41px;}
#ft_company ul.footer_sns li i.footer_icon.naver {background:url(../../img/footer_naver.png) no-repeat;}
#ft_company ul.footer_sns li i.footer_icon.youtube {background:url(../../img/footer_youtube.png) no-repeat;}
#ft_company ul.footer_sns li i.footer_icon.instagram {background:url(../../img/footer_instagram.png) no-repeat;}

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

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

#ft {padding:20px 0;}
.ft_maker {display:none;}
#ft_link{text-align:center;}
#ft_link > a { font-size: 14px;}
#ft_link > a::after{content: ""; display: block; width: 1px; height: 15px; background: #535353; margin-left: 12px; float: right; margin-right: 10px; margin-top: 3px;}


.ft_site_wrap {display:none;}
#ft_company h1 {text-align:center;}
#ft_company ul {display:block; text-align:center;}
#ft_copy {text-align:center;}
#ft_company ul li {font-size:14px;}
#ft_company ul li span.addr {display:block;}
}

@media all and (max-width:600px){
#ft {padding:10px 0;}
#ft_link > a { font-size: 12px;}
#ft_company {padding:0 10px;}
#ft_company ul li {font-size:12px;}
#ft_copy {font-size:12px;}
#ft_company h1 img {width:120px;}
#ft_company ul.footer_menu li a {font-size:12px;}
}