@charset "utf-8";

#tm li.th1 a.th1_lnk {
  letter-spacing: -1px;
}

#search_top>div {
  right: 160px;
}

#search_top >div .form_wrap {margin-right: 70px;}

#search_top>div span input[type="text"] {
  width: 350px;
  padding-left: 90px;
  font-family: 'Gothic A1';
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 19px;
  color: #333;
}

#search_top>div span input[type="text"]::placeholder {
  font-family: 'Gothic A1';
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 19px;
  color: #668D7D;
}

#search_top>div .form_wrap::before {
  width: 76px;
  height: 68px;
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  left: 0px;
  background: url(/images/kor/2022/character-motion_5.gif) 0 0 no-repeat;
  background-size: 100% auto;
}

#search_top>div span input[type="submit"] {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #21342C url(/images/kor/main/2020/ky_search1.png) no-repeat center;
  background-size: 14px 14px;
  font-size: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.13534 10.9566C6.10695 12.9328 9.30357 12.9328 11.2752 10.9566C13.2468 8.98037 13.2468 5.77626 11.2752 3.80003C9.30357 1.82379 6.10695 1.82379 4.13534 3.80003C2.16373 5.77626 2.16373 8.98037 4.13534 10.9566ZM2.72443 12.3708C5.47527 15.1281 9.93525 15.1281 12.6861 12.3708C15.4369 9.61353 15.4369 5.14309 12.6861 2.38581C9.93525 -0.371471 5.47527 -0.371471 2.72443 2.38581C-0.0264008 5.14309 -0.0264007 9.61353 2.72443 12.3708Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.556 11.4884C11.9456 11.0978 12.5773 11.0978 12.9669 11.4884L16.5443 15.0741C16.9339 15.4647 16.9339 16.0978 16.5443 16.4884C16.1547 16.8789 15.523 16.8789 15.1334 16.4884L11.556 12.9026C11.1664 12.512 11.1664 11.8789 11.556 11.4884Z' fill='white'/%3E%3C/svg%3E%0A");
}

iframe.goog-te-banner-frame { display: none !important; }

.global_l {
  display: inline-block;
  position: absolute;
  right: 110px;
  top: 13px;
  z-index: 100;
}

.global_l a.btn_eng {
  padding: 12px 0 16px 25px;
  background: none;
  /* background: url(/images/kor/2022/icon_gnb.png) no-repeat left center; */
  /* background-position: left center; */
  height: 50px;
}

.global_l a.btn_eng:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 17px;
  height: 18px;
  background: url(/images/kor/2022/ic-lang.png) no-repeat center;
}

/* .global_l .eng_box {
  position: absolute;
  right: -40px;
} */

.global_l a.btn_eng span {
  font-size: 16px;
  padding-right: 10px;
  height: 100%;
  font-weight: bold;
}

.mobile_global .global_l a.btn_eng span {
  font-size: 0.813em;
  display: inline;

}

.global_l #translatePop {
  position: absolute;
  background: #fff;
  padding: 15px 20px;
  z-index: 999;
  width: 500px;
  top: 62px;
  right: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.global_l #translatePop #translateBtn {
  display: block;
  margin: 10px auto 0 auto;
  padding: 5px 15px;
  background: #7CBD28;
  color: #fff;
  border-radius:10px;
  cursor: pointer;
  transition: all 0.4s;
}

.global_l #translatePop #translateBtn:hover {
  background: #527e18;
}

.global_l .eng_box {
  position: absolute;
  min-width: 135px;
  list-style: none;
  padding: 5px;
  margin: 0;
  right: 0
}

.global_l .eng_box li {
  margin: 5px 0;
}

#header .btn_sitemap {
  display: block;
  width: 22px;
  height: 22px;
  background: transparent;
  padding: 0;
  margin: 0;
  border: 0 solid #000;
  position: absolute;
  right: 24px;
  top: 28px;
  z-index: 100;
}

#header .btn_sitemap .hamburger {
  display: flex;
  align-self: center;
  flex-direction: column;
  justify-content: space-between;
  width: 22px;
  height: 18px;
  cursor: pointer;
}

#header .btn_sitemap .hamburger div {
  align-self: flex-end;
  height: 2px;
  width: 100%;
  background: #000;
}

#header .btn_sitemap .hamburger .meat {
  width: 75%;
  transition: all 200ms ease-in-out;
}

#header .btn_sitemap:hover .hamburger .meat,
#header .btn_sitemap:focus .hamburger .meat {
  width: 100%;
}

#footer-grap {
  border-top: 3px solid #11B872;
  background: #31383C;
}

#footer-grap .family-link,
#footer-grap .layout,
#footer-layout .layout {
  width: 100%;
  max-width: 1380px;
  box-sizing: border-box;
}

#footer-grap .family-link {
  display: flex;
  padding-top: 0;
  padding-bottom: 0;
}

#footer-grap .family-link .listbox {
  border-right: 1px solid #4E5659;
  ;
  padding-left: 45px;

}

#footer-grap .family-link .listbox button {
  background: transparent;
  display: block;
  width: 100%;
  text-align: left;
  font-family: 'Gothic A1';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: -0.06em;
  color: #FFFFFF;
  position: relative;
  padding: 20px 0;
}

#footer-grap .family-link .listbox button::before {
  content: "";
  width: 19px;
  height: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='10' viewBox='0 0 19 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8.5L8.08579 2.41421C8.86683 1.63317 10.1332 1.63317 10.9142 2.41421L17 8.5' stroke='white' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: calc(50% - 5px);
  right: 25px;
  transition: all .2s;

}

#footer-grap .family-link .listbox.on button::before {
  transform: rotate(180deg);
}

#footer-grap .family-link .listbox.college {
  padding-left: 10px;
}

#footer-grap .family-link .listbox.edu button {
  border-right: 0 solid #000;
}

#footer-grap .family-link.layout .listbox>ul {
  display: none;
}

#footer-grap .family-link .listbox {
  height: auto;
}

#footer-grap .footer-link ul {}

#footer-grap .footer-link ul li.first-chlid a {
  padding-left: 0;
}

#footer-grap .footer-link ul li a {
  padding: 24px 20px;
}

#footer-grap .family-link .listbox>ul>li>a {
  font-family: 'Gothic A1';
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 26px;
  /* or 207% */

  letter-spacing: -0.06em;

  color: #FFFFFF;
}

#footer-grap .family-link .listbox>ul>li>ul>li a {
  font-family: 'Gothic A1';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 31px;
  /* or 221% */

  letter-spacing: -0.06em;

  color: #FFFFFF;

  opacity: 0.7;
}

#footer-grap .footer-link,
#footer-layout {
  background: #22282A;
  border-top: 0 solid #000;
}

#footer-grap .footer-link ul li:before {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  top: 35px;

}

#footer-layout .linksite_wrap {
  top: 37px
}

#footer-layout .linksite_wrap .linksite {
  border-radius: 3px;
  margin-left: 5px;
  height: 37px;
}

#footer-layout .linksite_wrap .linksite>button {
  padding-left: 13px;
  padding-right: 10px;
  line-height: 37px;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.038 10.88H3.962V2.707C4.347 3.235 5.007 3.895 5.634 4.346L6.085 3.543C5.117 2.795 4.138 1.695 3.5 0.705C2.862 1.695 1.883 2.795 0.915 3.543L1.366 4.346C1.993 3.895 2.653 3.235 3.038 2.707V10.88Z' fill='white'/%3E%3C/svg%3E%0A");
}

@media (max-width: 1440px) {
  #footer-grap .footer-link ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

  }

  #footer-grap .footer-link ul li a {
    padding: 15px;
  }

  #footer-grap .footer-link ul li:before {
    top: 27px;
  }

  #footer-grap .footer-link ul li.first-chlid a {
    padding-left: 15px;
  }

  #footer-grap .footer-link ul li {
    border: 0;
  }
}

@media (max-width: 1279.98px) {
  .pc {
    display: none !important;
  }

  .mo {
    display: block !important;
  }

  .nav_mobile {
    display: block;
  }
}

@media (max-width: 767px) {

  #footer-layout .linksite_wrap .linksite {
    margin-left: 0;
  }

  #footer-grap .family-link .listbox button {
    font-size: 18px;
  }

  #footer-grap .family-link.layout .listbox>ul>li {
    width: 47%;
    padding-left: 15px;
  }

  #footer-grap .family-link .listbox {
    padding-left: 15px;
  }

  #footer-grap .family-link .listbox button::before {
    background-size: 70%;
    right: 10px;
  }

  #footer-grap .family-link .listbox>ul>li>a {
    margin-bottom: 10px;
  }

  #footer-grap .family-link .listbox>ul>li>ul>li a {
    margin-bottom: 0;
  }
}

@media (max-width: 559px) {

  #footer-layout .linksite_wrap {
    width: 100%;
  }

  #footer-layout .linksite_wrap .linksite {
    width: 100%;
    margin-bottom: 5px;
  }

  .global_l #translatePop {
    width: 320px;
    padding: 15px;
    font-size: 15px;
    right: -90px;
  }


}


/*.move_top {
  display: none;
}*/

#tnb {
  width: 100%;
  text-align: center;
  padding-right: 580px;
  padding-left: 190px;
}

#tm {
  position: static;
  width: 100%;
  text-align: center;
  box-sizing: content-box;
  float: none;
  padding: 0;


}

@media (max-width: 1280px) {
  #tm {
    left: 200px !important;
  }
}

@media (min-width: 1330px) {
  #gnbwrap h1 {
    position: absolute;
    top: -48px;
    left: 20px;
    margin-left: 0px;
  }
}


@media (min-width: 1024px) {
  #gnbwrap h1 {
    display: block;
    position: absolute;
    top: -48px;
    left: 20px;
    width: auto;
    margin-left: 0;
    font-size: 1.786em;
    font-weight: bold;
    z-index: 999;
  }

  #search_top>a.linkbtn {
    top: 15px;
    position: absolute;
    z-index: 100;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: #21342C url(/images/kor/main/2020/ky_search1.png) no-repeat center;
    background-size: 14px 14px;
    font-size: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.13534 10.9566C6.10695 12.9328 9.30357 12.9328 11.2752 10.9566C13.2468 8.98037 13.2468 5.77626 11.2752 3.80003C9.30357 1.82379 6.10695 1.82379 4.13534 3.80003C2.16373 5.77626 2.16373 8.98037 4.13534 10.9566ZM2.72443 12.3708C5.47527 15.1281 9.93525 15.1281 12.6861 12.3708C15.4369 9.61353 15.4369 5.14309 12.6861 2.38581C9.93525 -0.371471 5.47527 -0.371471 2.72443 2.38581C-0.0264008 5.14309 -0.0264007 9.61353 2.72443 12.3708Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.556 11.4884C11.9456 11.0978 12.5773 11.0978 12.9669 11.4884L16.5443 15.0741C16.9339 15.4647 16.9339 16.0978 16.5443 16.4884C16.1547 16.8789 15.523 16.8789 15.1334 16.4884L11.556 12.9026C11.1664 12.512 11.1664 11.8789 11.556 11.4884Z' fill='white'/%3E%3C/svg%3E%0A");
  }

  #search_top>button.clickClose {
    width: 40px;
    height: 40px;
    top: -9px;
  }
}

@media (max-width: 1799px) {
  #tnb {
    padding-right: 520px;
  }

  #search_top>div span input[type="text"] {
    width: 300px;
    height: 40px;
  }

  #search_top>div {
    top: 18px;
  }

  #search_top>a.linkbtn {
    display: none;
  }
}

@media (max-width: 1469px) {
  #search_top>div span input[type="text"] {
    width: 270px;
    padding-left: 70px;
  }

}

@media (max-width: 1440px) {
  #tm li.th1 a.th1_lnk {
    font-size: 15px;
  }

  #search_top>div {
    right: 160px;
  }

  #tnb {
    padding-right: 430px;
  }
}

@media (max-width: 1280px) {
  #search_top>a.linkbtn {
    display: block;
  }

  #search_top>div {
    display: none;
  }

  #search_top>a.linkbtn,
  #search_top>button.clickClose {
    right: 160px;
  }

  #footer-grap .family-link .listbox {
    border-right: 1px solid #4E5659;
    padding-left: 15px;
  }

  #footer-grap .family-link .listbox button {
    font-size: 18px;
  }

  #footer-grap .family-link .listbox button::before {
    right: 15px;
  }

  #tnb {
    padding-right: 200px;
  }

  .global_l a.btn_eng span {font-size: 0;}
}

@media (max-width: 1023px) {
  #search_top>div span input[type="text"] {
    border-radius: 30px;
    background: #fff;
  }

  #search_top>a.linkbtn {
    right: 60px
  }

}

@media (max-width: 767px) {

  #footer-grap .family-link .listbox button {
    font-size: 16px;
  }

  #footer-grap .family-link .listbox button::before {
    right: 25px;
  }

  #footer-grap .footer-link ul {
    padding-top: 30px;
  }

  #footer-grap .footer-link ul li a {
    border: 1px solid #4E5659;
  }

  #footer-grap .footer-link ul li:before {
    display: none;
  }

  #footer-grap .family-link {
    flex-wrap: wrap;
    padding: 0;
  }

  #footer-grap .family-link .listbox {
    border-bottom: 1px solid #4E5659;
  }

  #footer-grap .family-link .listbox.college,
  #footer-grap .family-link .listbox {
    padding-left: 15px;
  }

  #footer-grap .family-link .listbox {
    border-right: 0 solid #000;
  }
}

.log {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 26px;
  z-index: 100;
  right: 65px;
  display: block;

}

.log a {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 0;

}

.log a.logIn {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_886_1703)'%3E%3Cpath d='M24 0H0V24H24V0Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M20 11H4C3.44772 11 3 11.4477 3 12V21C3 21.5523 3.44772 22 4 22H20C20.5523 22 21 21.5523 21 21V12C21 11.4477 20.5523 11 20 11Z' stroke='%23595959' stroke-linejoin='round'/%3E%3Cpath d='M7 11V7C7 4.23857 9.2386 2 12 2C14.7614 2 17 4.23857 17 7' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.5 16.5L10.5 16.5' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_886_1703'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.log a.logOut {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1008_944)'%3E%3Cpath d='M24 0H0V24H24V0Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M20 11H4C3.44772 11 3 11.4477 3 12V21C3 21.5523 3.44772 22 4 22H20C20.5523 22 21 21.5523 21 21V12C21 11.4477 20.5523 11 20 11Z' stroke='%23595959' stroke-linejoin='round'/%3E%3Cpath d='M7 11V7C7 4.23857 9.2386 2 12 2C14.7614 2 17 4.23857 17 7V11' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 15V18' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1008_944'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

@media (max-width: 1023px) {
  .log {
    display: none;
  }
}

@media (min-width: 1200px) {
  #tm li.th1 ul.th2 {
    left: calc(50% - 780px) !important
  }
}

@media (max-width: 1580px) {
  #tm li.th1 ul.th2 {
    left: 0 !important
  }
}

#footer-layout .footer-info address {
  padding-right: 400px;
}

#footer-layout .footer-info address p {
  display: inline-block;
  margin-right: 20px;
}

#footer-layout .linksite_wrap {
  margin-right: -690px;
}

@media (max-width: 1400px) {
  #footer-layout .linksite_wrap {
    margin-right: -630px;
  }

  #footer-layout .footer-info address {
    padding-right: 0;
  }

  #footer-layout .footer-info address p {
    display: block;
  }
}

#footer-grap .family-link .listbox a:before {
  top: 15px;
}

@media (max-width: 1279px) {
  #footer-layout .linksite_wrap {
    margin-right: -490px;
  }
}

@media (max-width: 1023px) {
  #footer-layout .flogo {
    position: relative;
    top: auto;
    left: auto;
    margin: 0 auto 10px;
    display: block;
  }

  #footer-grap .footer-link ul li:nth-child(4) {
    display: inline-block;
  }

  #footer-layout .linksite_wrap {
    margin: 20px auto;
    text-align: center;
  }
}