@charset 'utf-8';
@font-face {
  font-family: "Futura";
  src: url("../fonts/FuturaStd-Light.otf");
  font-weight: 300;
}
@font-face {
  font-family: "Futura";
  src: url("../fonts/FuturaStd-Book.otf");
  font-weight: 400;
}
@font-face {
  font-family: "Futura";
  src: url("../fonts/FuturaStd-Medium.otf");
  font-weight: 500;
}
@font-face {
  font-family: "Futura";
  src: url("../fonts/FuturaStd-Bold.otf");
  font-weight: 700;
}
@font-face {
  font-family: "Futura";
  src: url("../fonts/FuturaStd-Heavy.otf");
  font-weight: 900;
}
@font-face {
  font-family: "Pretendard";
  src: url("../fonts/Pretendard-Light.otf");
  font-weight: 300;
}
@font-face {
  font-family: "Pretendard";
  src: url("../fonts/Pretendard-Regular.otf");
  font-weight: 400;
}
@font-face {
  font-family: "Pretendard";
  src: url("../fonts/Pretendard-Medium.otf");
  font-weight: 500;
}
@font-face {
  font-family: "Pretendard";
  src: url("../fonts/Pretendard-Bold.otf");
  font-weight: 700;
}
@font-face {
  font-family: "Noto Sans KR";
  src: url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap");
  unicode-range: U+AC00-D7A3;
}
body {overflow-x: hidden;}
body.lock {overflow: hidden;height: 100%;}

body,
button,
input,
select,
textarea {
  font-family: "Futura", "Noto Sans KR", sans-serif;
}

strong {
  font-weight: 700;
}

.wrap {
  width: 100%;
  max-width: 1548px;
  /* max-width: 1740px; */
  margin: 0 auto;
}

.futura {font-family: 'Futura', 'sans-serif';}

/* header */
.login_box {padding-top: 18px;}
.login_box .social-links-menu {display: flex;justify-content: flex-end;align-items: center;}
.login_box .social-links-menu > li.up > a {background: #002cc3;padding: 0.7rem 1rem;border-radius: 20px;margin-right: 25px;}
.login_box .social-links-menu > li > a {font-weight: 700;}
.login_box .social-links-menu > li > a:hover {color: #fff;}
.login_box .social-links-menu > li > a > span {}
.login_box .social-links-menu > li > a > span > img {}
.login_box .social-links-menu > li.lang > a {padding: 0.7rem 1rem;border-radius: 20px;border: 2px solid #fff;display: flex;align-items: center;}
.login_box .social-links-menu > li.lang > a > div {display: flex;padding-right: 3px;}
.navigation-top {
  top: 0 !important;
  /* padding-top: 30px; */
  padding-bottom: 30px;
}
.navigation-top .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 0 0 60px;
}
.navigation-top h1 {
  margin-bottom: 0;
}
.navigation-top .main-navigation {
  margin-left: auto;
}
.main-navigation a .icon-angle-down {
  display: none;
}
.navigation-top .main-navigation .gnb > li {
    margin-right: 57px;
}
.navigation-top .main-navigation .gnb > li > a {
  font-size: 20px;
  padding: 0 0 25px;
}
.navigation-top .sns {
  margin-left: auto;
}
.navigation-top .sns ul {
  display: flex;
}
.navigation-top .sns ul > li {
    margin-left: 10px;
}
.navigation-top .sns ul > li:first-of-type {
    margin-left: 0;
}
/* .navigation-top .sns ul > li:nth-of-type(2) {
  margin: 0 10px;
} */
.gnb .sub-menu > li > a {
  text-align: center;
}
.gnb .sub-menu > li.current-menu-item > a {background: linear-gradient(to right, #14d905, #0ce161, #03e9bb, #00ece0);}
.gnb .sub-menu > li > a:hover {
  background: linear-gradient(to right, #14d905, #0ce161, #03e9bb, #00ece0);
}

/* footer */
footer {
  padding: 100px 0 50px;
}
footer .f_top {
  display: flex;
  margin-bottom: 100px;
}
footer .f_top h1 {
  margin-right: 150px;
}
footer .f_top nav {
  width: 70%;
}
footer .f_bottom {
  display: flex;
  justify-content: space-between;
}
footer .f_bottom .info {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
footer .f_bottom .info > ul > li {
  padding: 5px 0;
}
footer .f_bottom .info > ul > li strong {
  font-size: 18px;
}
footer .f_bottom .info > ul > li strong br {display: none;}
footer .f_bottom .sns {
  display: flex;
  align-items: center;
}
footer .f_bottom .sns > ul {
  display: flex;
}
footer .f_bottom .sns > ul > li {
  margin-left: 10px;
}
footer .f_bottom .sns > span {
  margin-right: 30px;
  font-size: 18px;
}
footer .f_gnb {
  display: flex;
  flex-wrap: wrap;
}
footer .f_gnb > li {
  width: 33%;
  margin-bottom: 40px;
}
footer .f_gnb > li > a {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 20px;
  display: block;
}
footer .f_gnb .sub-menu > li > a {
  color: rgb(154, 154, 154);
  font-size: 18px;
}
footer .f_gnb .sub-menu > li > a:hover {
  color: #fff;
}
footer .f_gnb > li > a .icon-angle-down {
  display: none;
}