@charset "utf-8";
/* 푸터 */
#ft { min-width:100%; background:#ededed; color:#222; font-size: 1.5rem; padding-top:50px; padding-bottom:50px; text-align: left;}

.ft_cont_wrap {width:100%; display:flex; padding-bottom:30px; border-bottom:1px solid #d2d2d2;}
.ft_logo {width:250px;}
.ft_logo img {height:30px;}
.ft_info_wrap { display:flex; width:calc(100% - 250px);}
.ft_info_wrap .ft_info { width:calc(100% - 300px); }
.ft_info_wrap .ft_customer { width:300px; }

/*회사 정보*/
.ft_info_wrap .ft_info .company_name { font-size:1.5rem; font-weight:700; color:#222; margin-bottom:7px; line-height:2em; }
.ft_info_wrap .ft_info ul { margin-bottom:7px; }
.ft_info_wrap .ft_info ul li {display:inline-block; padding-right:7px;}
.ft_info_wrap .ft_info ul li a { color:#222; font-weight:600;}


.ft_info_wrap .ft_info ul li:last-child:after {display:none;}

.ft_info_wrap .ft_info .company_info {font-style:normal; font-size:1.4rem; font-weight:400; line-height:1.8em; }
.ft_info_wrap .ft_info .company_info span { display:inline-block; padding-right:7px; }
/* .ft_info_wrap .ft_info .company_info span:after { content:""; display:inline-block; height: 1em; border-left: 1px solid #fff; margin: -1px 0 0 10px; vertical-align: middle; } */
.ft_info_wrap .ft_info .company_info span.linelast:after { display:none; }


.ft_copy { font-size:1.5rem; font-weight:400; line-height:1.5em; margin-top:20px; padding-left:250px;}
.ft_copy span {display:inline-block; position:relative; padding-right:7px; }
.ft_copy span::after { content:""; display:inline-block; height: 1em; border-left: 1px solid #222; margin: -1px 0 0 10px; vertical-align: middle;}

.ft_customer {text-align:right;}
.ft_customer span {display:inline-block; color:#222;}
.ft_customer .cust_tit { font-size:1.6rem; font-weight:700; line-height:1.5em;  }
.ft_customer .cust_tel { font-size:3.2rem; font-weight:600; line-height:1.5em; padding-bottom:10px; }
.ft_customer .cust_info { font-size:1.5rem; font-weight:400; color:#222; line-height:2.2em; }
.ft_customer .related {}
.ft_customer .related select {width:185px; -webkit-appearance:none; -moz-appearance:none; 
  -o-appearance:none; appearance:none;
  background:url('./slt_arrow2.svg') no-repeat 92% 55%; background-size: 13px;
  border: 1px solid #222; color:#222; padding:0 27px 0 10px;transition:padding .3s ease-out; height:40px; }
   #ft_company .related select::-ms-expand { display:none; height:40px; }
   #ft_company .related select option {color:#222; background-color:#000; height:40px;
   }

@media (max-width: 1024px){
  .ft_logo {display:none;}
  .ft_info_wrap { width:100%;}
  .ft_info_wrap .ft_info { width:calc(100% - 250px); }
  .ft_info_wrap .ft_customer { width:250px; }
  
  .ft_customer .cust_tel { font-size:2.8rem; }
  .ft_customer .cust_info { line-height:2em; }
  .ft_copy {padding-left:0;}
}

@media (max-width: 768px){
  .ft_info_wrap { width:100%; flex-wrap:wrap; text-align:center;}
  .ft_info_wrap .ft_info { width:100%; order:2; }
  .ft_info_wrap .ft_customer { width:100%; order:1; padding-bottom:30px; text-align:center;  }

  .ft_info_wrap .ft_info ul li a { font-size:1.4rem;  font-weight:500;}
  .ft_info_wrap .ft_info .company_info { font-size:1.3rem; }
  .ft_info_wrap .ft_info .company_info span { width:100%; }
  .ft_info_wrap .ft_info .company_info span:after { display:none; }
  .ft_customer .cust_tit, .ft_customer .cust_tel  { width:100%; }
  .ft_customer .cust_tit { font-size:1.4rem; }
  .ft_customer .cust_tel { font-size:2.4rem; }
  .ft_customer .cust_info { font-size:1.3rem; line-height:1.8em; }
  .ft_info_wrap .ft_info .ft_copy { font-size:1.4rem; font-weight:400;  margin-top:15px;}

}

/*footer login*/
.ft_login {display: inline;}
.nbbtn {display: inline-block; padding:0; font-size:1.2rem; line-height:45px; font-weight: 400; border:0; cursor: pointer; color:#989898;
  -moz-appearance:none; -webkit-appearance:none;  appearance:none;
  -webkit-transition: all 0.3s; -moz-transition: all 0. 3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}

.nbbtn.font98{color:#989898; background:transparent;}
.nbbtn.font98:hover{ color:#fff;}

@media screen and (max-width:768px){
  #ft{ padding-top:40px; padding-bottom:40px; }
  #ft ,#ft_link .right, #ft_link .left {text-align:center;}
  #ft_left #ft_company .ft_info{ margin-left:0;}
  #ft_link, #ft_link .left, #ft_link .right{ display: block; }
  #ft_link .right{margin-top:1.2em;}
  #ft_link .right a img {width:25px;}
  #ft_copy {text-align:center;}

}
@media screen and (max-width:560px){
  #ft_link a.menu{display:none;}
  #ft_link a:after{display: none;}
  #ft_link .left a:nth-child(3)::after{display: none;}
}