@charset "UTF-8";


/* 공통 요소 */
body {font-family: "Noto Sans KR", sans-serif, 'Mulish'; overflow-x: hidden; color: #333; font-size: 16px;}
#wrap {max-width: 100vw; height: auto;}
/* Footer */
footer {max-width: 100vw; height: 120px; background: #111; color: #fff; display: flex; justify-content: center;}
.ft-logo {width: 80px; font-size: 0;}
.ft-inner{width: 79%; display: flex; justify-content: space-between; align-items: center;}
.ft-left {display: flex; flex-direction: column;}
.ft-menu {display: flex; color:#e6e6e6; font-size: 16px;}
.ft-menu li {padding: 0 10px; position: relative; text-align: center; line-height: 2;}
.ft-menu li:first-child {padding: 0 10px 0 0;}
.ft-menu li::after {content: ''; clear: both; position: absolute; right: 0; top: 33%; width: 1px; height: 12px; background: #ccc;}
.ft-menu li:last-child::after {width: 0;}
.ft-menu li > a {display: block; width: 100%; font-weight: bold;}
.ft-info > address {font-size: 12px; font-weight: 500; color: #ccc; line-height: 1.5;}
.ft-info > address p > span {padding: 0 10px; position: relative; font-size: 14px;  white-space: nowrap; }
.ft-info > address p > span:first-child {padding: 0 10px 0 0;}
.ft-info > address p > span::after {content: ''; clear: both; position: absolute; width: 1px; height: 12px; background: #ccc; right: 0; top: 20%;}
.ft-info > address p > span:last-child:after {width: 0;}
.ft-right {display: flex; justify-content: right; flex-direction: column; align-items: flex-end; width: 30%; }
.ft-right select{width: 129px; height: 35px; border: 2px solid #fff; border-radius: 5px; background: #333; color: #fff; font-weight: bold; outline: none;}
.ft-right > .copy > p{font-size: 12px; font-family: 'Mulish'; color: #ccc;}


/* 구글번역 - 기존 홈페이지 백업 */
.goog-te-gadget {color: transparent !important; display: grid;}
.goog-te-gadget>span {display: none;}
.goog-te-combo {background: transparent;color: #fff;padding: 5px;}
.goog-te-banner-frame {display: none;}



/* 반응형 */
@media screen and (min-width: 1521px) and (max-width: 1920px){
  footer {max-width: 1920px;}
  .ft-left {padding-left: 20px;}
  .ft-info > address p > span:nth-child(4){padding: 0 0;}
}
@media screen and (min-width: 1001px) and (max-width: 1520px) {
  footer {max-width: 1520px;}
  .ft-left {padding-left: 20px;}
  .ft-info > address p > span {font-size: 14px; padding: 0 0; white-space: nowrap;}
  .ft-info > address p > span:nth-child(2)::after { display: none;}
}

@media screen and (min-width: 0) and (max-width: 1000px) {
  footer {max-width: 1000px;}
  .ft-left {padding-left: 20px;}
  .ft-logo {display: none;}
  .goog-te-gadget {margin-top: 5px;}
  .ft-menu {font-size: 16px;}
  .ft-info > address p > span{padding: 0 10px 0 0; font-size: 12px;}
  .ft-info > address p > span:nth-child(2)::after { display: none;}
  .ft-info > address p > span::after {right: 3px;}
  .ft-right > .copy > p{text-align: right;}
}
@media screen and (min-width: 0) and (max-width: 720px) {
  footer {max-width: 720px; height: 110px; align-items: center;}
  .ft-inner {display: block;}
  .ft-logo {display: none;}
  .ft-left {width: 100%; padding-left: 0;}
  .ft-menu {display: none;}
  .ft-menu li::after {display: none;}
  .ft-info > address p > span {font-size: 12px; padding: 0 0; white-space: nowrap;}
  .ft-right {justify-content: left; align-items: flex-start; width: 100%;}
  .ft-right > .copy > p{font-size: 11px; padding-top: 0;}
  .ft-info > address p > span::after { display: none;}

  /* 구글 */
  .goog-te-gadget {display: none;}
}