/**********************************************************
                          footer
***********************************************************/
.section.full_footer {
   height: auto !important;
   padding: 0 !important;
}
.section.full_footer .footer {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 30px 0;
}
.footer .ft_logo {
   margin-bottom: 28px;
}
.footer .ft_navwrap {
   display: flex;
   align-items: center;
   margin-bottom: 7px;
}
.footer .ft_navlist.ft_navblock {
   margin: 0 15px;
}
.footer .ft_navlist > a {
   font-size: 16px;
   color: #000;
}
.footer .ft_company {
   display: flex;
   flex-wrap: wrap;
   max-width: 480px;
}
.footer .ft_company > p {
   margin-right: 20px;
   line-height: 22px;
   font-size: 12px;
   color: #555;
}
.footer .ft_company > p > br {
   display: none;
}
.footer .ft_company > p > span {
   color: #aaa;
}
.footer .ft_cs .ft_navwrap {
   display: none;
}
.footer .ft_snswrap {
   display: flex;
   justify-content: flex-end;
}
.footer .ft_snslist {
   margin-left: 10px;
}
.footer .ft_telwrap {
   text-align: right;
}
.footer .ft_telwrap > a {
   display: block;
   line-height: 40px;
   font-size: 35px;
   font-weight: bold;
}
.footer .ft_telwrap > a > span {
   display: inline-block;
   margin-right: 5px;
   font-size: 16px;
   color: #000;
   vertical-align: top;
}
.footer .ft_telwrap > p {
   line-height: 20px;
   font-size: 12px;
   color: #999;
}
.ft_copy.ft_mocopy {
   display: none;
}
.ft_copy {
   text-align: center;
}
.ft_copy > p {
   line-height: 30px;
   font-size: 12px;
   color: #fff;
}



/**********************************************************
                        responsive
***********************************************************/
@media screen and (max-width: 1023px) {
   .footer .ft_telwrap > a {
      font-size: 30px;
   }
}
@media screen and (max-width: 799px) {
   .section.full_footer .footer {
      flex-direction: column-reverse;
      align-items: flex-start;
      padding: 25px 0 20px;
   }
   .footer .ft_logo {
      display: none;
   }
   .footer .ft_navwrap {
      display: none;
   }
   .footer .ft_cs .ft_navwrap {
      display: flex;
   }
   .footer .ft_snswrap {
      justify-content: flex-start;
      margin: 20px 0;
   }
   .footer .ft_telwrap > a {
      font-size: 28px;
      line-height: 36px;
   }
   .footer .ft_telwrap > a > span {
      display: block;
      line-height: normal;
   }
   .footer .ft_telwrap > p {
      font-size: 16px;
   }
   .footer .ft_company {
      display: block;
      max-width: none;
      margin: 20px 0;
   }
   .footer .ft_company > p {
      display: block;
      margin-right: 0;
      word-break: keep-all;
   }
   .footer .ft_company > p > br {
      display: block;
   }
   .footer .ft_snslist {
      margin-left: 0;
      margin-right: 10px;
   }
   .footer .ft_telwrap {
      text-align: left;
   }
   .ft_copy.ft_mocopy {
      display: block;
      background: transparent;
   }
   .ft_copy.ft_pccopy {
      display: none;
   }
   .ft_copy {
      text-align: left;
   }
   .ft_copy > p {
      line-height: 18px;
      color: #999;
   }
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 499px) {
   .footer .ft_navlist > a {
      font-size: 15px;
   }
   .footer .ft_navlist.ft_navblock {
      margin: 0 10px;
   }
}
@media screen and (max-width: 399px) {
}


/* 210915 */

.section.full_footer .footer.f0915{
   align-items: flex-start;
}

.footer.f0915 .ft_logo{
   margin-bottom: 20px;
}
.footer.f0915 .ft_snswrap{
   margin-bottom: 15px;
}
.footer.f0915 .ft_navlist.ft_navblock{
   margin: 0 5px;
}

.footer.f0915 .ft_navwrap{
   margin-bottom: 0;
}

.footer.f0915 .ft_navlist > a{
   font-weight: 600;
   font-size: 18px;
   color: #000;
}

.footer.f0915 .ft_company > p,
.footer.f0915 .ft_company >div> p{
   position: relative;
   font-size: 16px;
   color: #000;
}
.footer.f0915 .ft_company >div> p .txt_t{
   width: 100px;
   display: inline-block;
}
.footer.f0915 .ft_company >div{
   margin: 2px 0;
}

.footer.f0915 .txt_ab{
   position: absolute;
   bottom: -40px;
   left: 100px;
}

.footer.f0915 .ft_info{
   width: calc(100% - 300px);
}

.footer.f0915 .ft_company{
   max-width: 100%;
   flex-direction: column;
   padding-bottom: 10px;
}

.footer.f0915 .ft_telwrap > a{
   display: flex;
   align-items: baseline;
   color: #999;
   font-size: 25px;
   line-height: 1.5;
   justify-content: flex-end;
}
.footer.f0915 .ft_telwrap > a:nth-of-type(1){
   color:#c29a4c ;
   font-size: 35px;
}

.footer.f0915 .ft_telwrap > p{
   font-size: 16px;
   line-height: 1.5;
   color: #000;
}
.footer.f0915 .ft_telwrap > p:nth-of-type(1){
   margin-top: 25px;
}

@media screen and (max-width: 1023px) {
   .section.full_footer .footer.f0915 {
      flex-direction: column-reverse;
      align-items: flex-start;
      padding: 25px 0 20px;
   }
   .footer.f0915 .ft_logo {
      display: none;
   }
   .footer.f0915 .ft_navwrap {
      display: none;
   }
   .footer.f0915 .ft_cs .ft_navwrap {
      display: flex;
   }
   .footer.f0915 .ft_snswrap {
      justify-content: flex-start;
      margin: 20px 0;
   }
   .footer.f0915 .ft_telwrap > a {
      font-size: 28px;
      line-height: 36px;
      flex-direction: column;
   }
   .footer.f0915 .ft_telwrap > a > span {
      display: block;
      line-height: normal;
   }
   .footer.f0915 .ft_telwrap > p {
      font-size: 16px;
   }
   .footer.f0915 .ft_company {
      display: block;
      max-width: none;
      margin: 20px 0;
   }
   .footer.f0915 .ft_company > p {
      display: block;
      margin-right: 0;
      word-break: keep-all;
   }
   .footer.f0915 .ft_company > p > br {
      display: block;
   }
   .footer.f0915 .ft_snslist {
      margin-left: 0;
      margin-right: 10px;
   }
   .footer.f0915 .ft_telwrap {
      text-align: left;
   }
 .ft_copy.f0915.ft_mocopy {
      display: block;
      background: transparent;
   }
   .ft_copy.f0915.ft_pccopy {
      display: none;
   }
   .ft_copy.f0915 {
      text-align: left;
   }
   .ft_copy.f0915 > p {
      line-height: 18px;
      color: #999;
   }
   .footer.f0915 .ft_info{
      width: 100%;
   }
}

@media screen and (max-width: 699px) {

   .footer.f0915 .ft_company >div> p .txt_t{
      width: 100%;
      margin:2px 0;
   }

   .footer.f0915 .txt_ab{
      position: relative;
      bottom: 0;
      left: 0;
   }
}
@media screen and (max-width: 499px) {
   .footer.f0915 .ft_telwrap > p,
   .footer.f0915 .ft_company > p,
   .footer.f0915 .ft_company >div> p{
      font-size: 14px;
   }
}

/* 220428 추가사항 */
.ft_tel_box{
  position:relative;
}

.new_tel_box{
  transition:0.3s;
  display:flex;
  justify-content:space-around;
  align-items:center;
  border:1px solid #ccc;
  padding:8px;
}

.new_tel_icon{
  transition:0.3s;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:40px;
  height:40px;
  background:#c29a4c;
  border-radius:50%;
}

.new_tel_word{
  transition:0.3s;
  margin:0 10px;
  text-align:left;
  font-size:16px;
}

.new_tel_word>span{
  font-weight:bold;
  font-size:21px;
}

.new_tel_down{
  transition:0.3s;
  padding:0 8px;
  font-size:20px;
}

.new_tel_box.active{
  background-color:#c29a4c;
  border-color:#c29a4c;
}

.new_tel_box.active .new_tel_icon{
  background-color:#fff;
}

.new_tel_box.active .new_tel_svg{
  fill:#c29a4c;
}

.new_tel_box.active .new_tel_word,
.new_tel_box.active .new_tel_down{
  color:#fff;
}

.ft_telwrap.absolute_box{
  position:absolute;
  top:100%;
  left:0;
  background:#fff;
  width:100%;
  border:1px solid #ccc;
  border-top:0;
}

.footer.f0915 .ft_telwrap > a{
  padding:0 10px;
  font-size:21.5px;
}

.footer .ft_telwrap > a > span {
  font-size:15px;
}

.footer.f0915 .ft_telwrap > a:nth-of-type(1){
  font-size:30px;
}

@media(max-width:1024px){
  .ft_telwrap.absolute_box{
    padding-top:8px;
  }
}

.new_tel_box.hover{
  width:192.8px;
  border:0px;
  background-color:transparent;
}

.new_tel_box.hover .new_tel_word{
  display:inline-block;
  width:115px;
  font-size:14px;
  margin:0;
}

.new_tel_box.hover .new_tel_word>span{
  font-size:18px;
}

.new_tel_box.hover .new_tel_word>span.call{
    font-size:22px;
}

.new_tel_box.hover:hover{
  background-color:#c29a4c;
}

.new_tel_box.hover:hover .new_tel_icon{
  background-color:#fff;
}

.new_tel_box.hover:hover .new_tel_svg{
  fill:#c29a4c;
}

.new_tel_box.hover:hover .new_tel_word{
  color:#fff;
}