#footer {
    background-color:#f2f2f2;
  }
  #footer .footer-top {
    padding: 80px 0 30px;
  }
  
  #footer .footer-menu {
    font-size: 0;
    margin-bottom:-8px;
    max-width: 900px;
  }
  
  #footer .footer-menu li {
    display: inline-block;
    margin-right: 1.8rem;
    margin-bottom:8px;
  }
  
  
  #footer .footer-menu li span {
    font-size: 0.9rem;
  }
  
  #footer .footer-menu li.split {
    font-size: 0.875rem;
    opacity: .3;
    display: none;
    height: 1.25rem;
  }
  
  #footer .links {
    text-align: right;
    font-size: 0;
  }
  
  #footer .sns {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1.5rem;
  }
  
  #footer .sns a {
    display: inline-block;
    text-indent: -999em;
    overflow: hidden;
    background: 50% 50% no-repeat;
    width: 2.5rem;
    height: 2.5rem;
    vertical-align: middle;
    -webkit-transition:opacity 0.2s;
    -moz-transition:opacity 0.2s;
    -ms-transition:opacity 0.2s;
    -o-transition:opacity 0.2s;
    transition:opacity 0.2s;
  }
  
  #footer .sns a:hover {
    opacity:0.6;
  }
  
  #footer .familysite {
    display: inline-block;
    vertical-align: middle;
  }
  
  #footer .familysite label{display:none;}
  
  #footer .familysite .nice-select {
    font-size: 0.875rem;
    padding: 0 7.5rem 0 1.25rem;
    height: 3.125rem;
    line-height: calc( 3.125rem - 2px);
    position: relative;
    width: 14rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 300;
    color: #999999;
  }
  
  #footer .familysite .nice-select:hover {
    background-color:#fff;
  }
  #footer .familysite .nice-select.open {
    background-color:transparent;
  }
  
  #footer .familysite .nice-select .list {
    top: auto;
    bottom: calc(100% + 1px);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  
  #footer .familysite .nice-select .list li:first-child {
    /*display: none;*/
  }
  
  #footer .footer-bottom {
    border-top: 1px solid #393939;
    padding: 30px 0;
    position: relative;
  }
  
  #footer .footer-bottom > div {display: inline-block;}
  
  #footer .logo_area {
    width: 13.5rem;
    vertical-align: middle;
  }
  
  #footer .logo_area span {
    text-indent: -999em;
    overflow: hidden;
    display: block;
    /*
    padding-top: 47.5%;
    */
    font-size: 0;
    background: 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
  :lang(ko) #footer .logo_area span {
      padding-top: 26.5%;
  }
  :lang(en) #footer .logo_area span, :lang(zh) #footer .logo_area span {
      padding-top: 17%;
  }
  
  #footer .copyright {
    position:absolute;
    top: 50%;
    margin-left: 40px;
    font-size: 0.875rem;
    font-weight: 300;
    color: #999999;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  
  #footer .awards_area {
      position: absolute;
      right: 0;
      /*
      bottom: 20%;
      */
      background: 50% 50% no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
  }
  :lang(en) #footer .awards_area, :lang(zh) #footer .awards_area { bottom: 15%;}
  
  #footer .awards_area a img {vertical-align: middle;}
  
  /*widget*/
  .widget {
    margin-bottom: 6.875rem;
  }
  
  .widget .widget-header {
    margin-bottom: 1.75rem;
  }
  
  .widget .widget-header .widget-title {
    font-weight: 700;
    font-size: 1rem;
    color: #fff;
    line-height: 1.2;
    position: relative;
  }
  
  .widget .widget-body ul li {
    margin-bottom: .8rem;
    line-height: 1.2;
  }
  
  .widget .widget-body ul li:last-child {
    margin-bottom: 0;
  }
  
  .widget .widget-body ul li a {
    color: #999999;
    font-weight: 300;
  }
  
  #footer .footer-menu li span.outlink img{
      /*margin-top:3px;*/
      margin-left:7px;
      width:14px;
      height:14px;
  }
  
  #footer .bottom-txt {
      padding:23px 0;
      border-top:1px solid #d9d9d9;
      font-size: 0.8rem;
      text-align:center;
      line-height:1.2rem;
  }
  #footer .bottom-txt img {
      width:104px;
  }
  :lang(ko) #footer .bottom-txt img, :lang(en) #footer .bottom-txt img {
      vertical-align:middle;
  }
  
  
#footer .widget li span.outlink img {
	margin-top: 3px;
}
  
  
  @media screen and (max-width: 1120px) {
    #footer .footer-menu li.split {
      opacity: 0;
      display: block;
    }
  }
  
  @media screen and (max-width: 1023px) {
    .widgets {
      display: none;
    }
    #footer .footer-top {
      padding: 40px 0 20px;
    }
    #footer .footer-menu {
      margin-bottom: 40px;
      max-width: 700px;
    }
    #footer .footer-menu li {
      line-height:1;
      margin-bottom:20px;
    }
    #footer .footer-menu li.split {
      display:none;
    }
    #footer .links {
      text-align:left;
    }
    #footer .sns {
      margin-top:5px;
    }
    #footer .familysite {
      float:right;
    }
    
    #footer .footer-menu li span.outlink img{
      /*margin-top:3px;*/
      margin-left:3px;
      width:14px;
      height:14px;
  }
  
      :lang(ko) #footer .logo_area span {
          padding-top: 26.5%;
      }
      :lang(en) #footer .logo_area span, :lang(zh) #footer .logo_area span {
          padding-top: 13.8%;
      }
  }
  
  @media screen and (max-width: 766px) {
    #footer .footer-top {
      padding: 45px 0 20px;
    }
    #footer .links {
      display: flex;
      align-items: center;
    }
    #footer .sns {
      flex: 1;
      text-align: left;
    }
  
    #footer .logo_area {
      width: 5.714285714285714rem;
    }
    #footer .footer-menu li span.outlink img{
      /*margin-top:3px;*/
      margin-left:1px;
      }
  
    #footer .footer-menu li {margin-right:1.5rem;}
    #footer .footer-menu li span.outlink img {width:12px; height:12px;}
    
    #footer .bottom-txt img {
          width:5rem;
      }
      #footer .footer-bottom .copyright {
          font-size:12px !important;
          margin-left:10px !important;
      }
      #footer .logo_area {
          width:160px;
      }
      #footer .footer-bottom .copyright {
          margin-left: 0 !important;
          left: 0;
      }
      :lang(ko) #footer .footer-bottom .copyright {
          top: 70% !important;
      } 
      :lang(en) #footer .footer-bottom .copyright, :lang(zh) #footer .footer-bottom .copyright {
          top: 75% !important;
      }
      :lang(ko) #footer .logo_area span {
          padding-top:25%;
      }
      :lang(en) #footer .logo_area span, :lang(zh) #footer .logo_area span {
          padding-top:47.5%;
      } 
  }
  
  @media screen and (max-width: 640px) {
    #footer .familysite .nice-select {
      height: 2.857142857142857rem;
      line-height: calc( 2.857142857142857rem - 2px);
    }
  }
  
  @media all and (max-width: 1080px) {
      #footer .copyright {margin-left: 35px !important;}
      /*
      #footer .copyright, #footer .awards_area{bottom:25px;}
      */
      #footer .awards_area a img{width:30px;}
  }
  
  @media all and (max-width: 1280px) {
      #footer .copyright {margin-left: 35px !important;}
      #footer .copyright, #FOOTER .awards_area {/*bottom: 35px; */height: auto; line-height: inherit; font-size:14px;}
      #footer .awards_area{left:auto; right:0;}
      #footer .awards_area a img{width:35px;}
  }
  