/*****************************************************************************************/
/**************************************** 푸터(S) ****************************************/
/*****************************************************************************************/

.footer{
  width:100%; height:auto; background:#191919; padding:3.0rem 2.0rem; color:var(--gray600-color); font-size:1.3rem; position:relative; z-index:99;

  *{color:#B2B0B0;}

  .f-in{
      width:100%; max-width:1344px; margin:0 auto; height:auto; display: flex; align-items: center; justify-content: space-between; 
  
      .f-left{
          display: flex; align-items: center;  gap:4.0rem;

          .f-logo{filter: grayscale(80%);}

          .f-address{
              li{
                margin-bottom:0.4rem; 
                text-align:left;
                display: flex; 
                gap:1.0rem;
                
                p{font-size:1.6rem;}

              }
              li:last-child{margin-bottom:0;}
          }

          .sns-box{
              display: flex; align-items: center; justify-content: start; gap:0.5rem;

              .sns{
                  display: inline-block; width:3.2rem; height:3.2rem; font-size:0;
                  img{width:100%;}
              }
          }
      }

      .f-center{
          .f-org{ 
              li{margin-bottom:0.4rem; display: flex; align-items: center; justify-content: center; }
              li:last-child{margin-bottom:0;}
              span{margin:0 0.5rem;}
              a{display:inline-block; font-weight:bold; }
          }
      }

      .f-right{
          display: flex; align-items: center;  gap:1.0rem;

          .f-menu{
              > ul{
                  width:100%; display: flex; align-items: baseline; gap:2.0rem;

                  > li{flex:1; text-align:center;
                      
                      > a{font-weight:500; font-size:1.4rem;}

                      > ul{
                          margin-top:1.0rem;

                          > li{flex:1; text-align:left;

                              > a{font-size:1.4rem;;
                                  &:hover{font-weight:bold;}
                              }
                          }
                      }
                  }
              }
          }

          .f-select{
              width:100%; max-width:15.3rem; height:4.0rem;  border-radius:3.0rem; color:#ffffff; padding:1.0rem 3.0rem 1.0rem 1.5rem; border:1px solid var(--gray600-color);
              background:var(--gray600-color) url("../../img/icon-f-sel.png") calc(100% - 0.5rem) no-repeat; background-size:2.4rem;
          }
      }

      &.fi-02{margin-top:1.0rem;
      
      
      }
  }
}





@media screen and (max-width: 870px){
  .footer {
      .f-in {
          &.fi-01{flex-direction: column; gap:2.0rem;
              > div{width:100%; align-items: center; justify-content: center;}

              .f-left{
                flex-direction: column;

                .f-address{
                    li{justify-content: center;}
                }

              }
              .f-right{
                  .f-menu{width:100%;
                   > ul{width:100%;  justify-content:center;
                       > li{
                           > ul{
                               > li{text-align:center;}
                           }
                       }
                   }
                  }
              }
          }

          &.fi-02 {
              flex-direction: column; gap:1.0rem;
          }
      }
  }
}




/*****************************************************************************************/
/**************************************** 푸터(E) ****************************************/
/*****************************************************************************************/