@charset "UTF-8";
/*전체*/
#wrap, #swrap {
  position: relative;
}

/*배경그림자*/
#shadow_device {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  background: url(/images/common/common/bg_shadow.png) repeat left top; /*opacity:0.7;*/
}

#shadow_device_notice {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 98;
  background: url(/images/common/common/bg_shadow.png) repeat left top; /*opacity:0.7;*/
}

/*터치영역*/
#touchArea {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 880;
}

/*모바일메뉴*/
#topmenu {
  display: none;
  overflow-y: auto;
  overflow-x: hidden;
  position: fixed;
  top: 0;
  right: 0;
  width: 230px;
  height: 100%;
  background: #fff;
  z-index: 1002;
  box-shadow: 0px 0px 10px #333;
}

a:hover,
a:focus,
a:active {
  text-decoration: underline;
}

/*모바일 메뉴버튼*/
.nav_mobile {
  display: block;
}

.nav_mobile a {
  display: inline-block;
  position: absolute;
  top: 68px;
  right: 10px;
  width: 39px;
  height: 39px;
  background: url(/images/mec/common/mobile_menu.gif) no-repeat left top;
  border: 1px solid #d2d2d2;
  z-index: 1000;
  transition: none; /*브라우져 적용시키기*/
}

.nav_mobile a span {
  position: absolute;
  top: -9999px;
  left: 0;
  overflow: hidden;
  height: 0;
  font-size: 0;
}

/*모바일 다국어*/
#topmenu .mobile_lang .m_lang_list {
  display: none;
}

/*모바일 메뉴*/
/*글로벌*/
#topmenu .mobile_global .global_l {
  display: block;
}

#topmenu .mobile_global .global_l ul:after {
  display: block;
  content: "";
  clear: both;
}

#topmenu .mobile_global .global_l ul li {
  float: left;
  width: 49.5%;
  background: #404142;
}

#topmenu .mobile_global .global_l ul li + li {
  border-left: 1px solid #676a6e;
}

#topmenu .mobile_global .global_l ul li + li + li {
  border-top: 1px solid #676a6e;
  border-left: 0;
}

#topmenu .mobile_global .global_l ul li + li + li + li {
  border-left: 1px solid #676a6e;
}

#topmenu .mobile_global .global_l ul li a {
  display: inline-block;
  float: left;
  width: auto;
  height: 25px;
  padding: 15px 0 12px 20px;
  margin-left: 17px;
  background: url(/images/kor/common/icon_gnb2.png) no-repeat left top;
  font-size: 0.813em;
  color: #fff;
}

#topmenu .mobile_global .global_l ul li a.btn_home {
  background-position: left 16px;
}

#topmenu .mobile_global .global_l ul li a.btn_sitemap {
  background-position: -90px 17px;
}

#topmenu .mobile_global .global_l ul li a.btn_info {
  background-position: -179px 17px;
}

#topmenu .mobile_global .global_l ul li a.btn_eng {
  background-position: -268px 17px;
}

#topmenu .mobile_global .global_l ul li a.btn_eng span {
  padding-right: 15px;
  background: url(/images/kor/common/language_off.png) no-repeat right 7px;
}

#topmenu .mobile_global .global_l ul li a.fold {
  background-position: -268px -21px;
  color: #92bb43;
}

#topmenu .mobile_global .global_l ul li a.fold span {
  padding-right: 15px;
  background: url(/images/kor/common/language_on.png) no-repeat right 7px;
}

#topmenu .mobile_global .global_l .eng_box {
  display: none;
  position: absolute;
  right: 0;
  top: 105px;
  float: none;
  width: 72px;
  padding: 10px 23px 10px 17px;
  margin: 0;
  background: #fff;
  border-left: 2px solid #383d43;
  border-bottom: 2px solid #383d43;
  border-right: 2px solid #383d43;
}

#topmenu .mobile_global .global_l .eng_box li {
  float: none;
  width: auto;
  background: #fff;
  border: 0;
}

#topmenu .mobile_global .global_l .eng_box li a {
  float: none;
  height: auto;
  padding: 0 0 0 10px;
  margin: 4px 0;
  background: url(/images/kor/common/dot_language.gif) no-repeat left 9px;
  color: #545454;
}

#topmenu .mobile_global .global_l .eng_box li a:hover,
#topmenu .mobile_global .global_l .eng_box li a:focus,
#topmenu .mobile_global .global_l .eng_box li a:active {
  text-decoration: underline;
  color: #2b6b4d;
}

#topmenu .mobile_global a {
  display: block;
  width: auto;
  padding: 17px 0 2px 0;
  background: #fff;
  font-size: 0.813em;
  text-align: center;
  color: #fff;
}

#topmenu .mobile_global h1 a {
  border-bottom: 1px solid #d2d2d2;
}

#topmenu .mobile_global a.sim,
#topmenu .mobile_global a.maj {
  padding: 12px 25px;
  background: url(/images/mec/common/top_arr.png) no-repeat 195px 22px #444c58;
  border-bottom: 1px solid #697079;
  text-align: left;
}

#topmenu .mobile_global a.on {
  background: url(/images/mec/common/top_arr_ov.png) no-repeat 195px 22px #2f353d;
  text-decoration: none;
}

#topmenu .mobile_global .firstchild {
  width: 50%;
}

#topmenu .mobile_global .mgr_sitemap {
  display: block;
  width: 50%;
  background: #17625e;
}

/*다른 학과,단과*/
#topmenu .mobile_global .simple {
  position: absolute;
  left: 0;
  top: 88px;
  width: 100%;
  padding: 11px 0 10px 0;
  background: #444c58;
  border-top: 1px solid #7c828a;
  border-radius: 0 0 5px 5px;
  color: #fff;
  z-index: 1010;
}

#topmenu .mobile_global .simple li a {
  float: none;
  padding: 5px 0 5px 25px;
  background: none;
  border-right: 0;
  text-align: left;
}

#topmenu .mobile_global .simple li a:hover,
#topmenu .mobile_global .simple li a:focus,
#topmenu .mobile_global .simple li a:active {
  color: #8df0e5;
}

#topmenu .mobile_global .major {
  position: absolute;
  left: 0;
  top: 133px;
  width: 100%;
  padding: 11px 0 10px 0;
  background: #444c58;
  border-top: 1px solid #7c828a;
  border-radius: 0 0 5px 5px;
  color: #fff;
  z-index: 1000;
}

#topmenu .mobile_global .major li a {
  float: none;
  padding: 5px 0 5px 25px;
  background: none;
  border-right: 0;
  text-align: left;
}

#topmenu .mobile_global .major li a:hover,
#topmenu .mobile_global .major li a:focus,
#topmenu .mobile_global .major li a:active {
  color: #8df0e5;
}

.mobile_close {
  display: none;
  position: absolute;
  right: 35px;
  top: 114px;
  z-index: 9999;
}

#gnb_device {
  height: 1000px;
  max-height: 100%;
  overflow-y: scroll;
}

#gnb_device li a {
  display: block;
  height: 22px;
  padding: 18px 18px 19px 41px;
  background: url(/images/kor/common/mobile_off.png) no-repeat left top #fff;
  border-bottom: 1px solid #d2d2d2;
  letter-spacing: -1px;
  font-size: 1.125em;
  color: #121212;
}

#gnb_device li.th1 + li.th1 + li.th1 + li.th1 + li.th1 + li.th1 + li.th1 + li.th1 {
  display: none;
}

#gnb_device li a.on,
#gnb_device li a:hover,
#gnb_device li a:focus,
#gnb_device li a:active {
  background: url(/images/kor/common/mobile_ov.png) no-repeat left top #3b5047;
  border-bottom: 1px solid #3b5047;
  text-decoration: none;
  color: #fff;
}

#gnb_device li ul {
  padding: 0;
}

#gnb_device li ul li {
  background: #e8e8e8;
}

#gnb_device li ul li a {
  display: block;
  padding: 12px 30px 11px 40px;
  background: #e8e8e8;
  border-bottom: 1px solid #fff;
  font-size: 1em;
  color: #545454;
}

#gnb_device li ul li a.ov,
#gnb_device li ul li a:hover,
#gnb_device li ul li a:focus,
#gnb_device li ul li a:active {
  background: url(/images/kor/common/mobile_2th_ov.png) no-repeat left top #2b6b4d;
  border-bottom: 1px solid #2b6b4d;
  color: #fff;
}

#gnb_device li ul li ul {
  padding: 12px 21px;
  background: #f8f8f8;
}

#gnb_device li ul li ul.leftmenu_one,
#gnb_device li ul li ul.leftmenu_tow {
  padding: 2px 14px;
}

#gnb_device li ul li ul.leftmenu_one li a,
#gnb_device li ul li ul.leftmenu_tow li a {
  background: url(/images/kor/common/sh_dot03.gif) no-repeat left 10px;
}

#gnb_device li ul li ul.leftmenu_one li a:hover,
#gnb_device li ul li ul.leftmenu_one li a:focus,
#gnb_device li ul li ul.leftmenu_one li a:active {
  background: url(/images/kor/common/sh_dot03.gif) no-repeat left 10px;
}

#gnb_device li ul li ul.leftmenu_tow li a:hover,
#gnb_device li ul li ul.leftmenu_tow li a:focus,
#gnb_device li ul li ul.leftmenu_tow li a:active {
  background: url(/images/kor/common/sh_dot03.gif) no-repeat left 10px;
}

#gnb_device li ul li ul li {
  padding: 0;
  background: #f8f8f8;
}

#gnb_device li ul li ul li a {
  padding: 3px 0 3px 12px;
  background: url(/images/kor/common/dot_mmenu_off.gif) no-repeat left 12px #f8f8f8;
  border: 0;
  font-size: 0.875em;
  color: #545454;
}

#gnb_device li ul li ul li a.ov,
#gnb_device li ul li ul li a:hover,
#gnb_device li ul li ul li a:focus,
#gnb_device li ul li ul li a:active {
  background: url(/images/kor/common/dot_mmenu_ov.gif) no-repeat left 12px;
  color: #2b6b4d;
  border: 0;
}

#gnb_device li ul li ul li a.org_top,
#gnb_device li ul li ul li a:hover.org_top {
  display: block;
  margin: 8px 0 5px 0;
  padding: 3px 7px 0px 10px;
  width: 143px;
  background: url(/images/kor/common/smenu_ov2.png) no-repeat 133px 4px;
  background-color: #7dc242;
  font-weight: bold;
  color: #ffffff;
}

/*서브 컨텐츠*/
#container {
  background: url(/images/kor/common/bg_sub.png) no-repeat 50% top;
}

#container #container_bg {
  background: url(/images/kor/common/bg_sub_repeat2.png) repeat-x center top;
}

#container #container_bg2 {
  background: url(/images/kor/common/bg_sub2.jpg) no-repeat center top;
}

#container:after {
  content: "";
  display: block;
  clear: both;
}

#container #location_box { /*height:71px;*/
  background: url(/images/kor/common/bg_sub_repeat.png) repeat-x center top;
}

#container #location_box .location_box { /*height:71px;*/
  background: url(/images/kor/common/bg_sub.jpg) no-repeat center top;
}

#container #location_box .location {
  position: relative;
  width: auto;
  margin: 0 auto;
  padding: 13px 0 10px 10px;
  font-size: 0.813em;
  font-weight: bold;
}

#container #location_box .location .navi {
  overflow: hidden;
  margin-left: 0;
  padding: 0;
}

#container #location_box .location .navi a {
  display: inline-block;
  float: left;
  padding: 0 15px 0 0;
  margin-left: 13px;
  background: url(/images/kor/common/arr_location.png) no-repeat right 2px;
  color: #fff;
}

#container #location_box .location .navi a:first-child {
  margin-left: 0;
}

#container #location_box .location .navi a:hover,
#container #location_box .location .navi a:focus,
#container #location_box .location .navi a:active {
  text-decoration: underline;
}

#container #location_box .location .navi .last {
  padding: 0;
  margin-right: 0;
  background: none;
}

/*sns*/
#container #location_box .location .navi_btn {
  position: absolute;
  top: 75px;
  right: 10px;
  display: block;
}

#container #location_box .location .navi_btn a {
  display: inline-block;
  float: left;
  width: 34px;
  height: 33px;
  margin-left: 5px;
  background: url(/images/kor/common/sns_btn2.png?ver=1.1) no-repeat left top;
}

#container #location_box .location .navi_btn a#print {
  display: none;
}

#container #location_box .location .navi_btn a + a {
  background-position: -36px top;
}

#container #location_box .location .navi_btn a + a + a {
  background-position: -72px top;
}

#container #location_box .location .navi_btn a span {
  position: absolute;
  top: -9999px;
  overflow: hidden;
  font-size: 0;
}

#container #location_box .location .navi_btn a:hover,
#container #location_box .location .navi_btn a:focus,
#container #location_box .location .navi_btn a:active {
  background-position: left -33px;
}

#container #location_box .location .navi_btn a + a:hover,
#container #location_box .location .navi_btn a + a:focus,
#container #location_box .location .navi_btn a + a:active {
  background-position: -36px -33px;
}

#container #location_box .location .navi_btn a + a + a:hover,
#container #location_box .location .navi_btn a + a + a:focus,
#container #location_box .location .navi_btn a + a + a:active {
  background-position: -72px -33px;
}

#container_box {
  width: auto;
  margin: 0 auto;
  background: none;
}

/*좌측*/
#lnb {
  display: none;
  float: left;
  margin: 0 0 0 10px;
}

#lnb #leftTi {
  width: 230px;
  height: 74px;
  padding-top: 39px;
  background: #383d43;
  text-align: center;
  font-weight: normal;
  font-size: 1.7em;
  color: #fff;
  letter-spacing: -0.5px;
}

/*메뉴*/
#leftmenu {
  width: 230px;
  margin-bottom: 40px;
}

#leftmenu li > a {
  display: block;
  width: 208px;
  height: 36px;
  padding: 13px 0 0 20px;
  border-bottom: 1px solid #d2d2d2;
  border-left: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
  transition: all 0s;
  /*브라우져 적용시키기*/
  -webkit-transition: all 0s; /*크롬,사파리*/
  -moz-transition: all 0s; /*파이어폭스*/
  -o-transition: all 0s; /*오페라*/
}

#leftmenu li > a.link_2th_ov,
#leftmenu li > a:hover,
#leftmenu li > a:focus,
#leftmenu li > a:active {
  background: url(/images/kor/common/smenu_ov.png) no-repeat left top #2b6b4d;
  border-bottom: 1px solid #2b6b4d;
  border-left: 1px solid #2b6b4d;
  border-right: 1px solid #2b6b4d;
  color: #fff;
}

#leftmenu li ul.lm_2th {
  width: 186px;
  padding: 15px 21px 8px 21px;
  background: #f8f8f8;
  border-bottom: 1px solid #d2d2d2;
  border-left: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
}

#leftmenu li ul.lm_2th li {
  border-bottom: 0;
}

#leftmenu li ul.lm_2th li a {
  display: block;
  width: auto;
  height: auto;
  padding: 0 0 7px 10px;
  background: url(/images/kor/common/dot_smenu_2.gif) no-repeat left 10px;
  border: 0px;
  font-size: 14px;
  font-weight: normal;
  color: #545454;
}

#leftmenu li ul.lm_2th li a.link_3th_ov,
#leftmenu li ul.lm_2th li a:hover,
#leftmenu li ul.lm_2th li a:focus,
#leftmenu li ul.lm_2th li a:active {
  background-position: left -40px;
  color: #2b6b4d;
}

#leftmenu li ul.lm_3th {
  width: 186px;
  padding: 15px 21px 8px 21px;
  background: #f8f8f8;
  border-bottom: 1px solid #d2d2d2;
  border-left: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
}

#leftmenu li ul.lm_3th li {
  border-bottom: 0;
}

#leftmenu li ul.lm_3th li a {
  display: block;
  width: auto;
  height: auto;
  padding: 0 0 7px 10px;
  background: url(/images/kor/common/dot_smenu_2.gif) no-repeat left 10px;
  border: 0px;
  font-size: 14px;
  font-weight: normal;
  color: #545454;
  word-break: keep-all;
}

#leftmenu li ul.lm_3th li a[target=_blank] span {
  display: inline-block;
  padding-right: 15px;
  background: url(/images/default/icon_blank01.gif) no-repeat right 6px;
}

#leftmenu li ul.lm_3th li a.link_3th_ov,
#leftmenu li ul.lm_3th li a:hover,
#leftmenu li ul.lm_3th li a:focus,
#leftmenu li ul.lm_3th li a:active {
  background-position: left -40px;
  color: #2b6b4d;
}

#leftmenu li ul.lm_3th li ul {
  margin-left: 0px;
  margin-bottom: 15px;
}

#leftmenu li ul.lm_3th li ul li a {
  padding: 0 0px 3px 18px;
  background: url(/images/kor/common/sh_dot03.gif) no-repeat 10px 10px;
}

#leftmenu li ul.lm_3th li ul li a.link_3th_ov,
#leftmenu li ul.lm_3th li ul li a:hover,
#leftmenu li ul.lm_3th li ul li a:focus,
#leftmenu li ul.lm_3th li ul li a:active {
  padding: 0 0px 3px 18px;
  background: url(/images/kor/common/sh_dot03.gif) no-repeat 10px 10px;
  color: #545454;
}

#leftmenu li ul.lm_3th li ul li a.org_top {
  display: block;
  margin: 8px 0 5px 0;
  padding: 3px 7px 2px 10px;
  width: 147px;
  background: url(/images/kor/common/smenu_ov2.png) no-repeat 137px 4px;
  background-color: #7dc242;
  font-size: 15px;
  font-weight: bold;
  color: #ffffff;
}

/*우측*/
#contentswrap {
  overflow: hidden;
  width: auto;
  min-height: 600px;
}

#contents h1.contTi {
  height: 47px;
  padding-top: 45px;
  margin-left: 10px;
  font-size: 1.5em;
  font-weight: normal;
  color: #121212;
}

#contents h2.contTi {
  height: 47px;
  padding-top: 45px;
  margin-left: 10px;
  background-image: none;
  font-size: 1.5em;
  font-weight: normal;
  color: #121212;
}

#contents .content {
  padding: 0 0 20px 0;
  margin: 0 10px 0 10px;
  word-break: keep-all;
}

/*****************************************/
/****************태블릿 사이즈****************/
/*****************************************/
@media all and (min-width: 768px) {
  /*헤더*/
  /*모바일 메뉴버튼*/
  .nav_mobile a {
    position: absolute;
    top: 68px;
    right: 24px;
  }
  /*서브 컨텐츠*/
  #container #location_box {
    height: auto;
  }
  #container #location_box .location_box {
    height: auto;
  }
  #container #location_box .location {
    height: auto;
    padding: 13px 0 10px 24px;
  }
  /*sns*/
  #container #location_box .location .navi_btn {
    position: absolute;
    top: 73px;
    right: 24px;
    display: block;
  }
  #container #location_box .location .navi_btn a {
    width: 41px;
    height: 41px;
    background: url(/images/kor/common/sns_btn.png?ver=1.1) no-repeat left top;
  }
  #container #location_box .location .navi_btn a + a {
    background-position: -46px top;
  }
  #container #location_box .location .navi_btn a + a + a {
    background-position: -92px top;
  }
  #container #location_box .location .navi_btn a span {
    position: absolute;
    top: -9999px;
    overflow: hidden;
    font-size: 0;
  }
  #container #location_box .location .navi_btn a:hover,
  #container #location_box .location .navi_btn a:focus,
  #container #location_box .location .navi_btn a:active {
    background-position: left -41px;
  }
  #container #location_box .location .navi_btn a + a:hover,
  #container #location_box .location .navi_btn a + a:focus,
  #container #location_box .location .navi_btn a + a:active {
    background-position: -46px -41px;
  }
  #container #location_box .location .navi_btn a + a + a:hover,
  #container #location_box .location .navi_btn a + a + a:focus,
  #container #location_box .location .navi_btn a + a + a:active {
    background-position: -92px -41px;
  }
  /*우측*/
  #contents h1.contTi {
    height: 78px;
    padding: 18px 0 14px 0;
    margin-left: 24px;
    font-size: 2.813em;
  }
  #contents h2.contTi {
    height: 78px;
    padding: 18px 0 14px 0;
    margin-left: 24px;
    font-size: 2.813em;
  }
  #contents .content {
    padding: 0 0 60px 0;
    margin: 0 24px 0 24px;
  }
}
/*****************************************/
/****************PC 사이즈****************/
/*****************************************/
@media all and (min-width: 1024px) {
  /*모바일 메뉴버튼*/
  .nav_mobile {
    display: none;
  }
  /*모바일 다국어*/
  #topmenu .mobile_lang .m_lang_list {
    display: none;
  }
  #topmenu .mobile_global .mgr_sitemap {
    display: none;
  }
  /* 모바일 메뉴 */
  #topmenu {
    display: none;
  }
  /*서브 컨텐츠*/
  #container #location_box {
    height: 44px;
  }
  #container #location_box .location_box {
    height: 44px;
  }
  #container #location_box .location {
    height: 14px;
    padding: 13px 0 17px 240px;
  }
  #container #location_box .location .navi {
    margin-left: 30px;
  }
  /*sns*/
  #container #location_box .location .navi_btn {
    position: absolute;
    top: 93px;
    right: 10px;
  }
  #container #location_box .location .navi_btn a {
    display: block;
  }
  #container #location_box .location .navi_btn a#print {
    display: block;
  }
  /*좌측*/
  #lnb {
    display: block;
    float: left;
    margin: 0 0 0 12px;
  }
  #lnb #leftTi {
    width: 230px;
    height: 74px;
    padding-top: 47px;
    background: #383d43;
    text-align: center;
    font-weight: normal;
    font-size: 1.7em;
    color: #fff;
    letter-spacing: -0.5px;
  }
  /*메뉴*/
  #leftmenu {
    width: 230px;
    margin-bottom: 40px;
  }
  #leftmenu li > a {
    display: block;
    width: 208px;
    height: 36px;
    padding: 13px 0 0 20px;
    border-bottom: 1px solid #d2d2d2;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
  }
  #leftmenu li > a.link_2th_ov,
  #leftmenu li > a:hover,
  #leftmenu li > a:focus,
  #leftmenu li > a:active {
    background: url(/images/kor/common/smenu_ov.png) no-repeat left top #2b6b4d;
    border-bottom: 1px solid #2b6b4d;
    border-left: 1px solid #2b6b4d;
    border-right: 1px solid #2b6b4d;
    color: #fff;
  }
  #leftmenu li ul.lm_2th {
    width: 186px;
    padding: 15px 21px 8px 21px;
    background: #f8f8f8;
    border-bottom: 1px solid #d2d2d2;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
  }
  #leftmenu li ul.lm_2th li {
    border-bottom: 0;
  }
  #leftmenu li ul.lm_2th li a {
    display: block;
    width: auto;
    height: auto;
    padding: 0 0 7px 10px;
    background: url(/images/kor/common/dot_smenu_2.gif) no-repeat left 10px;
    border: 0px;
    font-size: 14px;
    font-weight: normal;
    color: #545454;
  }
  #leftmenu li ul.lm_2th li a.link_3th_ov,
  #leftmenu li ul.lm_2th li a:hover,
  #leftmenu li ul.lm_2th li a:focus,
  #leftmenu li ul.lm_2th li a:active {
    background-position: left -40px;
    color: #2b6b4d;
  }
  /*우측*/
  #contentswrap {
    min-height: 768px;
  }
  #contents h1.contTi {
    margin-left: 30px;
    padding: 38px 0 10px 0;
  }
  #contents h2.contTi {
    margin-left: 30px;
    padding: 38px 0 10px 0;
  }
  #contents .content {
    margin: 0 10px 0 30px;
  }
}
/*****************************************/
/****************PC 사이즈****************/
/*****************************************/
@media all and (min-width: 1200px) {
  /*서브 컨텐츠*/
  #container #location_box .location {
    width: 970px;
    padding: 13px 0 17px 230px;
  }
  #container #location_box .location .navi {
    margin-left: 50px;
  }
  /*sns*/
  #container #location_box .location .navi_btn {
    position: absolute;
    top: 93px;
    right: 0;
  }
  #container_box {
    width: 1200px;
    margin: 0 auto;
    background: none;
  }
  /*좌측*/
  #lnb {
    margin: 0;
  }
  /*우측*/
  #contents h1.contTi {
    margin-left: 50px;
  }
  #contents h2.contTi {
    margin-left: 50px;
  }
  #contents .content {
    margin: 0 0 0 50px;
  }
}
@media all and (min-width: 1670px) {
  /*pc용 로고*/
  #tnb {
    width: 1450px;
  }
}
@media print {
  body {
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }
}
#swrap {
  position: relative;
  overflow-x: hidden;
}

#wrap {
  position: relative;
  width: 100%;
  overflow-x: hidden;
}

.ir {
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  background-image: url(/images/kor/common/2020/ir.png);
}

.layout {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.layout:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}

.skip,
.sr-only {
  width: 0;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
}

.btn_sitemap {
  display: none;
}

.nav_mobile a {
  top: 18px;
  padding: 20px;
}

#gnb_device li a {
  height: auto;
}

#topmenu {
  min-height: 100%;
}

#topmenu .mobile_global .global_l {
  display: block;
  right: 0;
  top: 0;
  position: relative;
  padding-top: 0;
}

#topmenu .mobile_global .global_l * {
  box-sizing: border-box;
}

#topmenu .mobile_global .global_l ul {
  width: 100%;
  height: 72px;
  background: #404142;
}

#topmenu .mobile_global .global_l ul:after {
  display: block;
  content: "";
  clear: both;
}

#topmenu .mobile_global .global_l ul li {
  float: left;
  width: 50%;
  background-color: #404142;
  box-sizing: border-box;
}

#topmenu .mobile_global .global_l ul li + li {
  border-left: 1px solid #676a6e;
}

#topmenu .mobile_global .global_l ul li + li + li {
  border-top: 1px solid #676a6e;
  border-left: 0;
}

#topmenu .mobile_global .global_l ul li + li + li + li {
  border-left: 1px solid #676a6e;
}

#topmenu .mobile_global .global_l ul li a {
  display: inline-block;
  float: none;
  width: auto;
  height: 35px;
  padding: 15px 0 12px 20px;
  margin-left: 17px;
  background: url(/images/kor/common/icon_gnb2.png) no-repeat left top;
  font-size: 0.813em;
  color: #fff;
  box-sizing: border-box;
  line-height: 1;
}

#topmenu .mobile_global .global_l ul li a.btn_home {
  background-position: left 11px;
}

#topmenu .mobile_global .global_l ul li a.btn_sitemap {
  background-position: -90px 11px;
  position: relative;
}

#topmenu .mobile_global .global_l ul li a.btn_info {
  background-position: -179px 11px;
}

#topmenu .mobile_global .global_l ul li a.btn_glocal {
  background-position: -268px 11px;
}

#topmenu .mobile_global .global_l ul li a.fold {
  background-position: -268px -21px;
  color: #92bb43;
}

#topmenu .mobile_global .global_l ul li a.fold span {
  padding-right: 15px;
  background: url(/images/kor/common/language_on.png) no-repeat right 7px;
}

#topmenu .mobile_global .global_l .eng_box {
  display: none;
  position: absolute;
  right: 0;
  top: 120px;
  float: none;
  width: 115px;
  height: 100px;
  padding: 10px 23px 10px 17px;
  margin: 0;
  background: #fff;
  border-left: 2px solid #383d43;
  border-bottom: 2px solid #383d43;
  border-right: 2px solid #383d43;
  box-sizing: border-box;
}

#topmenu .mobile_global .global_l .eng_box li {
  float: none;
  width: auto;
  background: #fff;
  border: 0;
}

#topmenu .mobile_global .global_l .eng_box li a {
  float: none;
  height: auto;
  padding: 0 0 0 10px;
  margin: 4px 0;
  background: url(/images/kor/common/dot_language.gif) no-repeat left 9px;
  color: #545454;
}

#topmenu .mobile_global .global_l .eng_box li a:hover,
#topmenu .mobile_global .global_l .eng_box li a:focus,
#topmenu .mobile_global .global_l .eng_box li a:active {
  text-decoration: underline;
  color: #2b6b4d;
}

@media (max-width: 1023px) {
  .global_l {
    display: none;
  }
  #search_top > button.clickClose {
    right: 80px;
    margin: 25px 0 0;
    background: #fff;
  }
  #search_top > button.clickClose span:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 2px;
    margin: -1px 0 0 -8px;
    border-radius: 20px;
    background-color: #000;
    content: "";
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  #search_top > button.clickClose span:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 2px;
    margin: -1px 0 0 -8px;
    border-radius: 20px;
    background-color: #000;
    content: "";
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  #search_top > a.linkbtn {
    right: 80px;
    margin: 25px 0 0;
    background: url(/images/kor/main/2020/ky_search2.png) no-repeat center;
  }
  #search_top > div span input[type=text] {
    width: 240px;
    border-radius: 0;
    background: #fff;
  }
  #search_top > div span input[type=submit] {
    top: 12px;
    width: 27px;
    height: 27px;
    background: url(/images/kor/main/2020/ky_search2.png) no-repeat center;
    font-size: 0;
  }
}
.mobile_close {
  top: 64px;
}

:root {
  --body-width: 100vw;
  --layout-width: 1460px;
  --layout-padding: 40px;
  --header-height: 90px;
  --header-max-width: 2560px;
}
@media (max-width: 1279.98px) {
  :root {
    --layout-padding: 32px;
    --header-height: clamp(64px, 55.3243px + 2.71116vw, 90px);
  }
}
@media (max-width: 1023.98px) {
  :root {
    --layout-padding: 24px;
  }
}
@media (max-width: 767.98px) {
  :root {
    --layout-padding: 20px;
  }
}
@media (max-width: 575.98px) {
  :root {
    --layout-padding: 16px;
  }
}
:root {
  --font-family-pretendard-gov: 'gothic', sans-serif;
  --font-family-montserrat: 'Montserrat', sans-serif;
  --font-family-one-mobile-title: 'ONE Mobile Title', sans-serif;
  --font-family-base: var(--font-family-pretendard-gov);
  --color-primary: #00683D;
  --color-secondary: #7CBD27;
  --color-hover-point: #14883C;
  --color-hover-background: #EDF4EE;
  --ico-open-new-window: 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%3Cpath d='M11.5996 3C12.0411 3.00026 12.3993 3.35823 12.3994 3.7998C12.3994 4.24147 12.0412 4.59935 11.5996 4.59961H4.7998C4.6895 4.59971 4.59971 4.6895 4.59961 4.7998L4.60156 19.2002C4.60157 19.3106 4.69131 19.4004 4.80176 19.4004H19.1992C19.3096 19.4003 19.3994 19.3106 19.3994 19.2002V12.4004C19.3994 11.9586 19.7574 11.6006 20.1992 11.6006C20.641 11.6006 20.999 11.9586 20.999 12.4004V19.2002C20.999 20.1943 20.1933 20.9999 19.1992 21H4.80176C3.80771 21 3.00107 20.1942 3.00098 19.2002L3 4.7998C3.0001 3.80586 3.80584 3.00011 4.7998 3H11.5996ZM20.1992 3C20.641 3 20.9989 3.35807 20.999 3.7998V9.2002C20.999 9.64202 20.641 10 20.1992 10C19.7574 10 19.3994 9.64202 19.3994 9.2002V5.73145L11.5645 13.5654C11.252 13.8778 10.746 13.8778 10.4336 13.5654C10.1213 13.253 10.1213 12.747 10.4336 12.4346L18.2676 4.59961H14.7988C14.3572 4.5994 13.999 4.2415 13.999 3.7998C13.9991 3.3582 14.3572 3.00021 14.7988 3H20.1992Z' fill='%2333363D'/%3E%3C/svg%3E%0A");
  --ico-main-arrow-right: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.85352 9.33333C4.48533 9.33333 4.18685 9.63181 4.18685 10C4.18685 10.3682 4.48533 10.6667 4.85352 10.6667L4.85352 10L4.85352 9.33333ZM14.6653 10L14.6653 9.33333L4.85352 9.33333L4.85352 10L4.85352 10.6667L14.6653 10.6667L14.6653 10Z' fill='white'/%3E%3Cpath d='M10.123 5.45798L14.6655 10.0005L10.123 14.543' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  --logo-aspect-ratio: 526/79;
}

html,
body {
  scroll-behavior: smooth;
  scroll-padding-top: var(--header-height);
}

html:where([lang=zh-CN]) body {
  --font-family-base: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
}

a {
  text-underline-position: under;
  -webkit-text-decoration: underline transparent;
          text-decoration: underline transparent;
  transition: initial;
}

:where(#container) a {
  transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.blind {
  z-index: -1;
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
}

.layout {
  position: relative;
  width: 100%;
  max-width: calc(var(--layout-width) + var(--layout-padding) * 2);
  padding: 0 var(--layout-padding);
  margin: 0 auto;
}

.ib {
  display: inline-block;
}

.drop-wrap {
  position: relative;
}

.drop-menu {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s;
  z-index: 5;
}
.drop-menu:where(.active) {
  visibility: visible;
  opacity: 1;
}

:where(#footer, #header) {
  word-break: keep-all;
  overflow-wrap: anywhere;
}
:where(#footer, #header) *,
:where(#footer, #header) *::before,
:where(#footer, #header) *::after {
  box-sizing: border-box;
}
:where(#footer, #header) * {
  font-family: var(--font-family-base);
}
:where(#footer, #header) label, :where(#footer, #header) input, :where(#footer, #header) button, :where(#footer, #header) a, :where(#footer, #header) span, :where(#footer, #header) ul {
  line-height: inherit;
  color: inherit;
}
:where(#footer, #header) a:link, :where(#footer, #header) a:hover, :where(#footer, #header) a:active, :where(#footer, #header) a:visited {
  color: inherit;
  text-decoration: none;
}
:where(#footer, #header) button {
  background: transparent;
  text-transform: inherit;
}

#skipToContent:is(#skipToContent) a {
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  padding: 0.6em 0.1em;
  background-color: #222;
  outline-offset: -2px;
  text-align: center;
  color: #FFF;
  font-size: 18px;
  text-decoration: none;
  height: auto;
  margin: 0;
  white-space: initial;
  font-family: var(--font-family-base);
  font-weight: 500;
}
@media (max-width: 767.98px) {
  #skipToContent:is(#skipToContent) a {
    font-size: 17px;
  }
}
@media (max-width: 383.98px) {
  #skipToContent:is(#skipToContent) a {
    font-size: 16px;
  }
}
#skipToContent:is(#skipToContent) a:focus {
  top: 0;
  box-shadow: inset 0 0 0 3px #FFF;
}

.sidefix {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 100;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-end;
  pointer-events: none;
}
.sidefix > * {
  pointer-events: all;
}
.sidefix .top-btn {
  position: relative;
  width: 48px;
  aspect-ratio: 1;
  border-radius: 20px;
  background: #FFF;
  border: 1px solid #DBE0D9;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  color: #101010;
  transition-property: background-color, opacity, visibility, color, border-color, box-shadow;
  transition-duration: 0.3s;
}
@media (max-width: 1023.98px) {
  .sidefix .top-btn {
    width: clamp(40px, 36.35846px + 1.13798vw, 48px);
    border-radius: clamp(16px, 14.17923px + 0.56899vw, 20px);
  }
}
body.is-header-fixed .sidefix .top-btn {
  opacity: 1;
  visibility: visible;
}
.sidefix .top-btn::before {
  content: "";
  width: 30px;
  position: relative;
  aspect-ratio: 1;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0051 7.56281V22.5' stroke='%23111111' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.5 15L15 7.5L7.5 15' stroke='%23111111' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/contain;
          mask: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0051 7.56281V22.5' stroke='%23111111' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.5 15L15 7.5L7.5 15' stroke='%23111111' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/contain;
  transition: transform 0.3s;
}
@media (max-width: 1023.98px) {
  .sidefix .top-btn::before {
    width: clamp(26px, 24.17923px + 0.56899vw, 30px);
  }
}
.sidefix .top-btn:hover {
  background-color: var(--color-hover-background);
  color: var(--color-primary);
  box-shadow: 0px 4px 10px 0px rgba(7, 51, 22, 0.1019607843);
}
.sidefix .top-btn:hover::before {
  transform: translateY(-2px);
}

#footer {
  background: #FFF;
  line-height: 1.4;
  font-size: 17px;
  color: #101010;
}
@media (max-width: 1023.98px) {
  #footer {
    font-size: 16px;
  }
}
@media (max-width: 575.98px) {
  #footer {
    font-size: clamp(15px, 13.7451px + 0.39216vw, 16px);
  }
}
#footer .layout::after {
  display: none;
}
#footer .footer-family {
  background: #282E2B;
  font-size: 17px;
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  #footer .footer-family {
    font-size: 16px;
  }
}
#footer .footer-family ::first-letter {
  text-transform: capitalize;
}
#footer .footer-family .list {
  display: flex;
}
@media (max-width: 1365.98px) {
  #footer .footer-family .list {
    padding: 0;
  }
}
@media (max-width: 767.98px) {
  #footer .footer-family .list {
    flex-wrap: wrap;
  }
}
#footer .footer-family .item {
  width: 1px;
  flex-grow: 1;
}
@media (max-width: 575.98px) {
  #footer .footer-family .item {
    width: 100%;
  }
}
#footer .footer-family .item:first-child {
  flex-grow: 3;
}
@media (max-width: 1279.98px) {
  #footer .footer-family .item:first-child {
    flex-grow: 2;
  }
}
@media (max-width: 1023.98px) {
  #footer .footer-family .item:first-child {
    flex-grow: 1;
  }
}
@media (max-width: 767.98px) {
  #footer .footer-family .item:first-child {
    width: 100%;
  }
}
#footer .footer-family .drop-btn {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  background: transparent;
  border: solid rgba(255, 255, 255, 0.1);
  border-width: 1px;
  color: #FFF;
  padding: 1em 1.4em;
  line-height: 1.2;
  letter-spacing: -0.01em;
  font-weight: 500;
  justify-content: space-between;
  gap: 0.5em;
  min-height: 3.85em;
  transition: background-color 0.3s;
}
@media (max-width: 767.98px) {
  #footer .footer-family .drop-btn {
    padding: 0.85em 1.4em;
    min-height: 3.4em;
  }
}
@media (max-width: 575.98px) {
  #footer .footer-family .drop-btn {
    font-size: 16px;
  }
}
#footer .footer-family .drop-btn::after {
  content: "";
  width: 16px;
  aspect-ratio: 1;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 10.438L9.53644 6.28172C8.73685 5.32221 7.26315 5.32221 6.46356 6.28172L3 10.438' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat center/contain;
  transition: transform 0.3s;
}
#footer .footer-family .drop-btn:hover, #footer .footer-family .drop-btn.active {
  background-color: #3f4742;
}
#footer .footer-family .drop-btn.active::after {
  transform: rotate(180deg);
}
#footer .footer-family .drop-menu {
  position: absolute;
  left: 0;
  bottom: 100%;
  margin-bottom: -1px;
  width: 100%;
  background: #3f4742;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 1.1em 1.4em;
  overflow-y: auto;
  max-height: 620px;
}
@media (max-width: 1439.98px) and (orientation: landscape) {
  #footer .footer-family .drop-menu {
    max-height: clamp(440px, -4.14458px + 43.37349vw, 620px);
  }
}
@media (max-width: 1439.98px) and (orientation: portrait) {
  #footer .footer-family .drop-menu {
    max-height: 50vh;
  }
}
#footer .footer-family .drop-menu a {
  -webkit-text-decoration: underline transparent;
          text-decoration: underline transparent;
  text-underline-position: under;
  transition: text-decoration-color 0.3s;
}
#footer .footer-family .drop-menu a:hover {
  text-decoration-color: currentColor;
}
#footer .footer-family .drop-menu > ul {
  -moz-column-width: 10.5em;
       column-width: 10.5em;
}
#footer .footer-family .drop-menu > ul > li {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  font-size: 17px;
}
#footer .footer-family .drop-menu > ul > li:not(:first-child) {
  margin-top: 0.6em;
}
#footer .footer-family .drop-menu > ul > li > a {
  color: #FFF;
  font-weight: 600;
  display: block;
  padding: 0.35em 0;
  line-height: 1.3;
}
#footer .footer-family .drop-menu > ul > li > ul {
  padding: 0.45em 0;
}
#footer .footer-family .drop-menu > ul > li > ul > li:not(:first-child) {
  margin-top: 0.35em;
}
#footer .footer-family .drop-menu > ul > li > ul > li > a {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.7333333333);
  padding-left: 8px;
  position: relative;
  display: block;
  line-height: 1.4;
}
#footer .footer-family .drop-menu > ul > li > ul > li > a::before {
  content: "";
  width: 3px;
  aspect-ratio: 1;
  position: absolute;
  border-radius: 50%;
  left: 0;
  top: 0.7em;
  top: 0.5lh;
  transform: translateY(-55%);
  background: currentColor;
  opacity: 0.3;
}
#footer .footer-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 60px;
  padding-bottom: 60px;
  gap: 32px;
}
@media (max-width: 1439.98px) {
  #footer .footer-wrap {
    padding-top: clamp(40px, 34.28061px + 1.78731vw, 60px);
    padding-bottom: clamp(48px, 44.56836px + 1.07239vw, 60px);
    gap: clamp(28px, 26.85612px + 0.35746vw, 32px);
  }
}
#footer .footer-wrap .logo-wrap {
  width: 100%;
}
#footer .footer-wrap .logo-wrap .main-logo {
  width: 212px;
  aspect-ratio: var(--logo-aspect-ratio);
  display: block;
  background: url(/images/common/logo.svg) no-repeat center/contain;
}
@media (max-width: 1023.98px) {
  #footer .footer-wrap .logo-wrap .main-logo {
    width: clamp(170px, 150.88193px + 5.9744vw, 212px);
  }
}
#footer .footer-wrap .info-wrap {
  overflow: hidden;
  width: 1px;
  flex-grow: 1;
}
@media (max-width: 767.98px) {
  #footer .footer-wrap .info-wrap {
    width: 100%;
  }
}
#footer .footer-wrap .info-wrap ::first-letter {
  text-transform: capitalize;
}
#footer .footer-wrap .info-wrap .list {
  display: flex;
  gap: 0.6em 2.2em;
  flex-wrap: wrap;
}
#footer .footer-wrap .info-wrap .list + .list {
  margin-top: 0.6em;
}
#footer .footer-wrap .info-wrap .item {
  display: flex;
  color: rgba(16, 16, 16, 0.8);
  gap: 10px;
  position: relative;
}
#footer .footer-wrap .info-wrap .item:not(:first-child)::before {
  content: "";
  background: rgba(16, 16, 16, 0.1843137255);
  width: 1px;
  position: absolute;
  left: -1.1em;
  height: 0.8em;
  top: 0.325em;
}
#footer .footer-wrap .info-wrap .item dt {
  font-weight: 700;
  flex-shrink: 0;
}
#footer .footer-wrap .quick-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-shrink: 0;
  width: 14.2em;
}
@media (max-width: 1023.98px) {
  #footer .footer-wrap .quick-wrap {
    gap: 6px;
  }
}
@media (max-width: 767.98px) {
  #footer .footer-wrap .quick-wrap {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
#footer .footer-wrap .quick-wrap ::first-letter {
  text-transform: capitalize;
}
@media (max-width: 767.98px) {
  #footer .footer-wrap .quick-wrap .drop-wrap {
    width: 40%;
    flex-grow: 1;
  }
}
@media (max-width: 479.98px) {
  #footer .footer-wrap .quick-wrap .drop-wrap {
    width: 100%;
  }
}
#footer .footer-wrap .quick-wrap .drop-btn {
  border: 1px solid #B7B7B7;
  background: transparent;
  border-radius: 8px;
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.7em 1.2em;
  min-height: 3.3em;
  line-height: 1.3;
  height: 100%;
  transition: background-color 0.3s;
}
#footer .footer-wrap .quick-wrap .drop-btn::after {
  content: "";
  width: 16px;
  aspect-ratio: 1;
  flex-shrink: 0;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 10.438L9.53644 6.28172C8.73685 5.32221 7.26315 5.32221 6.46356 6.28172L3 10.438' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat center/contain;
          mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 10.438L9.53644 6.28172C8.73685 5.32221 7.26315 5.32221 6.46356 6.28172L3 10.438' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat center/contain;
  background: currentColor;
  transition: transform 0.3s;
}
#footer .footer-wrap .quick-wrap .drop-btn:hover, #footer .footer-wrap .quick-wrap .drop-btn.active {
  background-color: var(--color-hover-background);
  color: var(--color-primary);
}
#footer .footer-wrap .quick-wrap .drop-btn.active::after {
  transform: rotate(180deg);
}
#footer .footer-wrap .quick-wrap .drop-menu {
  position: absolute;
  bottom: 100%;
  width: 100%;
  left: 0;
  margin-bottom: 8px;
  background: #FFF;
  border: 1px solid #B7B7B7;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 1023.98px) {
  #footer .footer-wrap .quick-wrap .drop-menu {
    margin-bottom: 6px;
  }
}
#footer .footer-wrap .quick-wrap .drop-menu > ul {
  overflow-y: auto;
  max-height: 400px;
  overscroll-behavior: contain;
  background: #B7B7B7;
}
@media (hover: hover) and (pointer: fine) {
  #footer .footer-wrap .quick-wrap .drop-menu > ul::-webkit-scrollbar {
    width: 8px;
    background: #B7B7B7;
  }
  #footer .footer-wrap .quick-wrap .drop-menu > ul::-webkit-scrollbar-thumb {
    background: #FFF content-box;
    border: 1px solid transparent;
    border-radius: 4px;
  }
  #footer .footer-wrap .quick-wrap .drop-menu > ul::-webkit-scrollbar-button:vertical:decrement, #footer .footer-wrap .quick-wrap .drop-menu > ul::-webkit-scrollbar-button:vertical:increment {
    height: 1px;
  }
}
#footer .footer-wrap .quick-wrap .drop-menu > ul > li {
  background: #FFF;
}
#footer .footer-wrap .quick-wrap .drop-menu > ul > li:not(:first-child) {
  border-top: 1px solid #B7B7B7;
}
#footer .footer-wrap .quick-wrap .drop-menu a, #footer .footer-wrap .quick-wrap .drop-menu button {
  display: block;
  padding: 0.8em 1em;
  font-size: 15px;
  text-decoration: none;
  overflow-wrap: anywhere;
  transition: background-color 0.3s, color 0.3s;
}
#footer .footer-wrap .quick-wrap .drop-menu a:hover, #footer .footer-wrap .quick-wrap .drop-menu button:hover {
  background: var(--color-hover-background);
  color: var(--color-primary);
}
#footer .footer-wrap .menu-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 1em 1.6em;
  width: 100%;
  border-top: 1px solid rgba(16, 16, 16, 0.3019607843);
  padding-top: 32px;
  margin-top: 0.2em;
}
@media (max-width: 1439.98px) {
  #footer .footer-wrap .menu-wrap {
    padding-top: clamp(28px, 26.85612px + 0.35746vw, 32px);
  }
}
@media (max-width: 1079.98px) {
  html:where([lang=ko], [lang=ja], [lang=zh-CN], [lang=zh-TW]) #footer .footer-wrap .menu-wrap {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(8.5em, 100%), 1fr));
  }
}
#footer .footer-wrap .menu-wrap ::first-letter {
  text-transform: capitalize;
}
#footer .footer-wrap .menu-wrap .item {
  color: rgba(16, 16, 16, 0.8);
  -webkit-text-decoration: underline transparent;
          text-decoration: underline transparent;
  text-underline-position: under;
  transition: text-decoration-color 0.3s;
}
#footer .footer-wrap .menu-wrap .item.point {
  color: #14883C;
  font-weight: 700;
}
#footer .footer-wrap .menu-wrap .item:hover {
  text-decoration-color: currentColor;
}
#footer .footer-wrap .copy-wrap {
  width: 100%;
  color: rgba(16, 16, 16, 0.8);
  font-size: calc(1em - 2px);
}

#header {
  position: relative;
  top: 0;
  width: 100%;
  height: var(--header-height);
  margin-top: 0;
  z-index: 100;
  line-height: 1.3;
}
#header .header-wrap {
  height: 100%;
  background: #FFF;
  transition: background-color 0.3s;
}
#header .header-wrap::before {
  content: "";
  bottom: 0;
  width: 100%;
  height: 1px;
  left: 0;
  background: #D2D2D2;
  position: absolute;
  z-index: 5;
  pointer-events: none;
  transition: opacity 0.3s;
}
#header .header-layout {
  height: 100%;
  display: flex;
  align-items: center;
  max-width: var(--header-max-width);
}
#header .header-layout::after {
  display: none;
}
#header .logo-wrap {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 1279.98px) {
  #header .logo-wrap {
    margin-right: 0;
    gap: calc(3.99583px + 1.2513vw);
  }
}
#header .logo-wrap .main-logo > a {
  display: block;
  aspect-ratio: var(--logo-aspect-ratio);
  width: 192px;
  background: url(/images/common/logo.svg) no-repeat center/contain;
  transition: background-image 0.3s;
}
@media (max-width: 1279.98px) {
  #header .logo-wrap .main-logo > a {
    width: calc(109.31178px + 6.46507vw);
  }
}
#header #gnb {
  height: 100%;
  width: 1px;
  flex-grow: 1;
  margin: 0;
  align-self: stretch;
  position: static;
}
@media (max-width: 1279.98px) {
  #header #gnb {
    display: none;
  }
}
#header #gnb a[target=_blank] {
  display: flex;
  align-items: center;
  gap: 4px;
}
#header #gnb a[target=_blank]::after {
  content: "";
  width: 20px;
  flex-shrink: 0;
  aspect-ratio: 1;
  background: currentColor;
  -webkit-mask: var(--ico-open-new-window) no-repeat center/contain;
          mask: var(--ico-open-new-window) no-repeat center/contain;
  opacity: 0.8;
}
#header #gnb .gnb-wrap {
  height: 100%;
  display: flex;
  justify-content: start;
}
#header #gnb .depth1-ul {
  display: flex;
  height: 100%;
  max-width: 100%;
  justify-content: center;
  font-size: 21px;
  -moz-column-gap: 28px;
       column-gap: 28px;
  padding: 0 1em;
  margin-left: 1.2em;
}
@media (max-width: 1599.98px) {
  #header #gnb .depth1-ul {
    font-size: calc(-4px + 1.5625vw);
    -moz-column-gap: clamp(12px, -52px + 5vw, 28px);
         column-gap: clamp(12px, -52px + 5vw, 28px);
  }
}
html:where([lang]:not([lang=ko], [lang=ja], [lang=zh-CN], [lang=zh-TW])) #header #gnb .depth1-ul {
  font-size: 16px;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
@media (max-width: 1599.98px) {
  html:where([lang]:not([lang=ko], [lang=ja], [lang=zh-CN], [lang=zh-TW])) #header #gnb .depth1-ul {
    font-size: calc(8.5px + 0.46875vw);
    -moz-column-gap: clamp(4px, -12px + 1.25vw, 8px);
         column-gap: clamp(4px, -12px + 1.25vw, 8px);
  }
}
#header #gnb .depth1-ul .th1_lnk {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.4em;
  position: relative;
  height: 100%;
  padding: 0 0.6em;
  outline-offset: -2px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  text-transform: capitalize;
  transition: background-color 0.3s, color 0.3s;
  border: none;
}
html:where([lang]:not([lang=ko], [lang=ja], [lang=zh-CN], [lang=zh-TW])) #header #gnb .depth1-ul .th1_lnk {
  font-weight: 500;
  letter-spacing: -0.015em;
}
html:where([lang=vi], [lang=mn]) #header #gnb .depth1-ul .th1_lnk {
  font-weight: 400;
  letter-spacing: -0.02em;
}
#header #gnb .depth1-ul .th1_lnk font {
  overflow-wrap: normal;
}
#header #gnb .depth1-ul .th1_lnk::before {
  content: "";
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #066942;
  transform: scaleX(0);
  transition: 0.3s;
}
#header #gnb .depth1-ul .th1_lnk::after {
  width: 1em;
}
#header #gnb .depth1-ul .depth1-content {
  visibility: hidden;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 0;
  transition: height 0.3s;
}
#header #gnb .depth1-ul .depth1-content > .layout {
  display: flex;
  min-height: 335px;
  padding-bottom: 40px;
  max-width: 1920px;
}
@media (max-width: 1599.98px) {
  #header #gnb .depth1-ul .depth1-content > .layout {
    padding-bottom: clamp(20px, -60.25078px + 6.26959vw, 40px);
  }
}
#header #gnb .depth1-ul .depth1-header {
  font-size: 28px;
  display: block;
  flex-shrink: 0;
  text-align: left;
  width: 9.2em;
  padding: 2.45em 1.2em;
  padding-left: 0;
}
@media (max-width: 1599.98px) {
  #header #gnb .depth1-ul .depth1-header {
    font-size: calc(8px + 1.25vw);
  }
}
html:where([lang]:not([lang=ko], [lang=ja], [lang=zh-CN], [lang=zh-TW])) #header #gnb .depth1-ul .depth1-header {
  font-size: 24px;
  width: 10.733em;
}
@media (max-width: 1599.98px) {
  html:where([lang]:not([lang=ko], [lang=ja], [lang=zh-CN], [lang=zh-TW])) #header #gnb .depth1-ul .depth1-header {
    font-size: clamp(21px, 5px + 1.25vw, 25px);
  }
}
#header #gnb .depth1-ul .depth1-header .depth1-title {
  display: block;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0.5em;
  border-top: 3px solid currentColor;
  color: #066942;
  width: -moz-fit-content;
  width: fit-content;
  padding-top: 6px;
}
@media (max-width: 1439.98px) {
  #header #gnb .depth1-ul .depth1-header .depth1-title {
    border-top-width: 2px;
  }
}
#header #gnb .depth1-ul .depth1-header .depth1-desc {
  font-size: 17px;
  margin: 0;
  line-height: 1.5;
  color: #666;
}
@media (max-width: 1599.98px) {
  #header #gnb .depth1-ul .depth1-header .depth1-desc {
    font-size: calc(7px + 0.625vw);
  }
}
#header #gnb .depth1-ul > .is-hover .th1_lnk {
  color: #066942;
}
#header #gnb .depth1-ul > .is-hover .th1_lnk::before {
  opacity: 1;
  transform: scaleX(1);
}
#header #gnb .depth1-ul > .is-hover .depth1-content {
  visibility: visible;
}
#header #gnb .depth2-ul {
  width: 1px;
  flex-grow: 1;
  position: relative;
}
#header #gnb .depth2-ul::before {
  content: "";
  position: absolute;
  top: -15px;
  right: calc(100% - 12px);
  width: 138px;
  aspect-ratio: 138/70;
  background: url(/images/kor/2026/common/gnb-bg-line.svg) no-repeat left top/contain;
}
#header #gnb .depth2-ul a {
  -webkit-text-decoration: transparent underline;
          text-decoration: transparent underline;
  transition: text-decoration-color 0.3s, color 0.3s;
  text-transform: capitalize;
}
#header #gnb .depth2-ul a:hover {
  color: #066942;
  text-decoration-color: currentColor;
}
#header #gnb .depth2-ul > li {
  display: flex;
  border-bottom: 1px dashed #DDD;
}
#header #gnb .depth2-ul > li:hover {
  background: #F5F5F5;
}
#header #gnb .depth2-ul > li > a {
  display: flex;
  font-size: 18px;
  width: 10em;
  flex-shrink: 0;
  padding: 0.8em 0.65em;
  position: relative;
  font-weight: 500;
  gap: 0.35em;
  margin-right: 1.6em;
}
@media (max-width: 1599.98px) {
  #header #gnb .depth2-ul > li > a {
    font-size: clamp(16px, 8px + 0.625vw, 18px);
  }
}
html:where([lang]:not([lang=ko], [lang=ja], [lang=zh-CN], [lang=zh-TW])) #header #gnb .depth2-ul > li > a {
  font-weight: 400;
  letter-spacing: -0.01em;
  font-size: 17px;
}
@media (max-width: 1599.98px) {
  html:where([lang]:not([lang=ko], [lang=ja], [lang=zh-CN], [lang=zh-TW])) #header #gnb .depth2-ul > li > a {
    font-size: clamp(15.5px, 9.5px + 0.46875vw, 17px);
  }
}
#header #gnb .depth2-ul > li > a .icon {
  display: none;
}
#header #gnb .depth2-ul > li > a::before {
  content: "";
  position: absolute;
  right: 0;
  width: 1px;
  top: 1em;
  height: 0.8em;
  background: #D2D2D2;
}
#header #gnb .depth3-ul {
  display: flex;
  flex-wrap: wrap;
  padding-block: 0.85em;
  gap: 0.5em 1.3em;
  font-size: 16px;
}
@media (max-width: 1599.98px) {
  #header #gnb .depth3-ul {
    font-size: clamp(14.5px, 8.5px + 0.46875vw, 16px);
  }
}
html:where([lang]:not([lang=ko], [lang=ja], [lang=zh-CN], [lang=zh-TW])) #header #gnb .depth3-ul {
  font-size: 15px;
}
@media (max-width: 1599.98px) {
  html:where([lang]:not([lang=ko], [lang=ja], [lang=zh-CN], [lang=zh-TW])) #header #gnb .depth3-ul {
    font-size: clamp(14px, 10px + 0.3125vw, 15px);
  }
}
#header #gnb .depth3-ul > li > a {
  display: flex;
  gap: 0.375em;
  color: #666;
  padding: 2px;
  position: relative;
  text-transform: capitalize;
}
#header #gnb .depth3-ul > li > a::before {
  content: "";
  width: 4px;
  height: 2px;
  background: currentColor;
  flex-shrink: 0;
  margin-top: calc(0.65em - 1px);
  margin-top: calc(0.5lh - 1px);
  opacity: 0.8;
  align-self: start;
}
#header #gnb .depth3-ul > li > a::after {
  width: 16px;
  opacity: 0.6;
}
#header .gnb-bg {
  z-index: -5;
  overflow: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #FFF;
  box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.1);
  transition: height 0.3s;
  pointer-events: none;
}
@media (max-width: 1279.98px) {
  #header .gnb-bg {
    display: none;
  }
}
#header .gnb-bg .layout {
  height: 100%;
  max-width: 1920px;
}
#header .util-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: auto;
  line-height: 1.2;
}
@media (max-width: 1279.98px) {
  #header .util-wrap {
    gap: clamp(8px, 6.66528px + 0.4171vw, 12px);
  }
}
#header .util-wrap > li {
  position: relative;
}
@media (max-width: 1279.98px) {
  #header .util-wrap > li.util-allmenu.pc {
    display: none;
  }
}
#header .util-wrap > li.util-allmenu.mo {
  display: none;
}
@media (max-width: 1279.98px) {
  #header .util-wrap > li.util-allmenu.mo {
    display: block;
  }
}
#header .util-wrap .txt-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #EEE;
  padding: 0.58824em 0.82353em;
  border-radius: 5em;
  text-decoration: none;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.01em;
  transition: background-color 0.3s, color 0.3s;
}
@media (max-width: 1279.98px) {
  #header .util-wrap .txt-btn {
    font-size: clamp(14px, 11.54972px + 0.42614vw, 17px);
  }
}
html:where([lang]:not([lang=ko], [lang=ja], [lang=zh-CN], [lang=zh-TW])) #header .util-wrap .txt-btn {
  padding: 0.6em;
}
html:where([lang]:not([lang=ko], [lang=ja], [lang=zh-CN], [lang=zh-TW])) #header .util-wrap .txt-btn > span {
  z-index: -1;
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
}
#header .util-wrap .txt-btn .ico {
  width: 1.42em;
}
#header .util-wrap .txt-btn:hover {
  background-color: #F5F5F5;
  color: #1E855D;
}
#header .util-wrap .ico-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border-radius: 4px;
  transition: background-color 0.3s, color 0.3s;
}
@media (max-width: 767.98px) {
  #header .util-wrap .ico-btn {
    padding: 3px;
    border-radius: 3px;
  }
}
#header .util-wrap .ico-btn:hover {
  background-color: #F5F5F5;
  color: #1E855D;
}
#header .util-wrap .ico {
  display: inline-block;
  flex-shrink: 0;
  width: 24px;
  vertical-align: middle;
  transition: background-color 0.3s;
}
@media (max-width: 767.98px) {
  #header .util-wrap .ico {
    width: 20px;
  }
}
#header .util-wrap .ico::before {
  -webkit-mask: var(--ico) no-repeat center/contain;
          mask: var(--ico) no-repeat center/contain;
  display: block;
  padding-top: 100%;
  background-color: currentColor;
  content: "";
  transition: background-color 0.3s, background-image 0.3s;
}
#header .util-wrap .ico-smartkey {
  --ico: 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%3Cpath d='M17.5197 8.29883C16.9377 8.29883 16.6613 8.44935 16.3741 8.98078L15.68 10.2602H15.6585C15.5417 9.7595 15.3314 9.26954 15.0073 8.95774C14.522 8.49082 13.8847 8.29883 13.1338 8.29883H11.1973C12.4258 8.82104 13.4286 10.3032 13.4286 11.9497C13.4286 13.3152 12.7391 14.4671 11.7332 15.0001C12.1878 15.3749 12.7191 15.6191 13.3027 15.6191C14.7939 15.6191 15.8212 14.7436 16.6091 13.3336C19.0984 8.8748 19.4409 8.29883 19.4409 8.29883H17.5197Z' fill='white'/%3E%3Cpath d='M9.90896 12.0096C9.90896 10.6288 10.6092 9.43849 11.6151 8.89938C11.1605 8.52 10.6184 8.29883 10.0349 8.29883C8.7664 8.29883 7.68681 9.3448 7.29827 10.8009H7.26449V9.10519C7.26449 8.82412 7.26142 8.65363 7.13088 8.52461C7.00035 8.39406 6.82528 8.39098 6.54425 8.39098H4.55859V15.7005H6.54425C6.82528 15.7005 7.00189 15.6974 7.13088 15.5669C7.26142 15.4363 7.26449 15.2673 7.26449 14.9863V13.2H7.29827C7.68834 14.656 8.7664 15.702 10.0349 15.702H12.1941V15.6928C10.9363 15.166 9.90896 13.6715 9.90896 12.0112V12.0096Z' fill='white'/%3E%3C/svg%3E%0A");
  background: #EDF4EE;
  border-radius: 50%;
}
#header .util-wrap .ico-search {
  --ico: 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_24811_4397)'%3E%3Cpath d='M10.894 20.2841C16.0811 20.2841 20.286 16.0791 20.286 10.892C20.286 5.70499 16.0811 1.5 10.894 1.5C5.70694 1.5 1.50195 5.70499 1.50195 10.892C1.50195 16.0791 5.70694 20.2841 10.894 20.2841Z' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M21.6269 23.0423C22.0174 23.4328 22.6506 23.4328 23.0411 23.0423C23.4317 22.6518 23.4317 22.0186 23.0411 21.6281L22.334 22.3352L21.6269 23.0423ZM17.6443 17.6455L16.9372 18.3526L21.6269 23.0423L22.334 22.3352L23.0411 21.6281L18.3515 16.9384L17.6443 17.6455Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_24811_4397'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#header .util-wrap .ico-menu {
  --ico: 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%3Cpath d='M1.1424 3H22.8566' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.14258 12L22.8569 12' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.14258 21L22.8568 21' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
#header .util-wrap .ico-login {
  --ico: 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%3Cpath d='M12 10C14.2091 10 16 8.20914 16 6C16 3.79086 14.2091 2 12 2C9.79086 2 8 3.79086 8 6C8 8.20914 9.79086 10 12 10Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 22C21 17.0294 16.9706 13 12 13C7.02945 13 3 17.0294 3 22' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
#header .util-wrap .ico-logout {
  --ico: 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%3Cpath d='M10.8047 1.23633C11.3328 1.23657 11.7608 1.66518 11.7607 2.19336C11.7606 2.72144 11.3327 3.14918 10.8047 3.14941H2.91309V20.8496H10.8047C11.3328 20.8498 11.7607 21.2785 11.7607 21.8066C11.7607 22.3348 11.3328 22.7634 10.8047 22.7637H1.95703C1.42871 22.7637 1 22.335 1 21.8066V2.19336C1 1.93965 1.10088 1.696 1.28027 1.5166C1.45968 1.3372 1.70332 1.23632 1.95703 1.23633H10.8047ZM15.1357 5.35742C15.5018 4.97671 16.1074 4.96423 16.4883 5.33008L22.7061 11.3096C22.8936 11.4899 23 11.7388 23 11.999C22.9999 12.2592 22.8936 12.5082 22.7061 12.6885L16.4883 18.667C16.1074 19.0331 15.5019 19.0214 15.1357 18.6406C14.7697 18.2599 14.7815 17.6543 15.1621 17.2881L19.668 12.9551H8.1748C7.64655 12.9551 7.21788 12.5273 7.21777 11.999C7.21777 11.4707 7.64649 11.042 8.1748 11.042H19.668L15.1621 6.70996C14.7814 6.34388 14.7699 5.73827 15.1357 5.35742Z' fill='%2333363D'/%3E%3C/svg%3E%0A");
}
#header .util-wrap .ico-globe {
  --ico: 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_24811_4391)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 22.909C18.0249 22.909 22.9091 18.0248 22.9091 11.9999C22.9091 5.97498 18.0249 1.09082 12 1.09082C5.97505 1.09082 1.09088 5.97498 1.09088 11.9999C1.09088 18.0248 5.97505 22.909 12 22.909Z' stroke='white' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpath d='M1.09088 12H22.9091' stroke='white' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpath d='M2.17877 6.54688H21.8151' stroke='white' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpath d='M2.17877 17.4551H21.8151' stroke='white' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9994 22.91C14.4094 22.91 16.3631 18.0258 16.3631 12.0009C16.3631 5.97596 14.4094 1.0918 11.9994 1.0918C9.58946 1.0918 7.6358 5.97596 7.6358 12.0009C7.6358 18.0258 9.58946 22.91 11.9994 22.91Z' stroke='white' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_24811_4391'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
@media (max-width: 575.98px) {
  #header .header-wrap .util-wrap > li:not(.util-allmenu, .util-search, .util-trans) {
    display: none;
  }
}

#header .drop-menu {
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  border-radius: 10px;
  margin-top: 8px;
  background-color: #FFF;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  padding: 8px;
  font-size: 17px;
  color: #222;
  min-width: 120px;
  border: 1px solid #B3B3B3;
  width: -moz-max-content;
  width: max-content;
  max-width: 200px;
}
#header .drop-menu > ul {
  overflow-y: auto;
  max-height: 50vh;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
#header .drop-menu a,
#header .drop-menu button {
  padding: 8px 6px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: text-decoration-color 0.3s;
  font-size: 17px;
  width: 100%;
  text-align: left;
  line-height: 1.25;
}
#header .drop-menu a::after,
#header .drop-menu button::after {
  width: 20px;
  aspect-ratio: 1;
  flex-shrink: 0;
  background: currentColor;
  -webkit-mask: no-repeat center/contain;
          mask: no-repeat center/contain;
  opacity: 0.6;
}
#header .drop-menu a[target=_blank]::after,
#header .drop-menu button[target=_blank]::after {
  content: "";
}
#header .drop-menu a:hover, #header .drop-menu a.active,
#header .drop-menu button:hover,
#header .drop-menu button.active {
  background-color: #EDF4EE;
}
#header .drop-menu a.active,
#header .drop-menu button.active {
  font-weight: 700;
  color: #1E855D;
}
#header .drop-menu .drop-bottom {
  border-top: 1px solid #DDD;
  padding-top: 8px;
  margin-top: 8px;
  text-transform: capitalize;
}
#header .drop-menu .drop-bottom .reset-btn {
  font-size: 19px;
  font-weight: 700;
}
#header .drop-menu .drop-bottom .reset-btn::after {
  content: "";
  -webkit-mask-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%3Cpath d='M12.0459 2.59961C15.3853 2.59961 18.3197 4.32416 20 6.92676V4C20 3.55824 20.3581 3.2003 20.7998 3.2002C21.2416 3.2002 21.5996 3.55817 21.5996 4V9C21.5995 9.44169 21.2415 9.7998 20.7998 9.7998H15.7998C15.3582 9.7997 15.0002 9.44163 15 9C15 8.55824 15.3581 8.2003 15.7998 8.2002H18.9004C17.5583 5.81404 14.9927 4.19922 12.0459 4.19922C7.7072 4.19925 4.19727 7.69641 4.19727 12C4.19748 16.3034 7.70733 19.7998 12.0459 19.7998C15.9831 19.7998 19.2395 16.919 19.8066 13.1699C19.8727 12.7331 20.2809 12.4329 20.7178 12.499C21.1543 12.5653 21.4547 12.9725 21.3887 13.4092C20.7039 17.9355 16.7795 21.3994 12.0459 21.3994C6.83213 21.3994 2.59787 17.1955 2.59766 12C2.59766 6.80432 6.832 2.59964 12.0459 2.59961Z' fill='%2333363D'/%3E%3C/svg%3E%0A");
          mask-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%3Cpath d='M12.0459 2.59961C15.3853 2.59961 18.3197 4.32416 20 6.92676V4C20 3.55824 20.3581 3.2003 20.7998 3.2002C21.2416 3.2002 21.5996 3.55817 21.5996 4V9C21.5995 9.44169 21.2415 9.7998 20.7998 9.7998H15.7998C15.3582 9.7997 15.0002 9.44163 15 9C15 8.55824 15.3581 8.2003 15.7998 8.2002H18.9004C17.5583 5.81404 14.9927 4.19922 12.0459 4.19922C7.7072 4.19925 4.19727 7.69641 4.19727 12C4.19748 16.3034 7.70733 19.7998 12.0459 19.7998C15.9831 19.7998 19.2395 16.919 19.8066 13.1699C19.8727 12.7331 20.2809 12.4329 20.7178 12.499C21.1543 12.5653 21.4547 12.9725 21.3887 13.4092C20.7039 17.9355 16.7795 21.3994 12.0459 21.3994C6.83213 21.3994 2.59787 17.1955 2.59766 12C2.59766 6.80432 6.832 2.59964 12.0459 2.59961Z' fill='%2333363D'/%3E%3C/svg%3E%0A");
}

.util-trans .trans-btn::before {
  content: "";
  width: 30px;
  aspect-ratio: 3/2;
  background: var(--ico) no-repeat center/cover;
  outline: 1px solid #EEE;
}
.util-trans .trans-btn[data-trans=ko] {
  --ico: url(/images/kor/2026/common/trans-ico_ko.svg);
}
.util-trans .trans-btn[data-trans=en] {
  --ico: url(/images/kor/2026/common/trans-ico_en.svg);
}
.util-trans .trans-btn[data-trans=zh-CN] {
  --ico: url(/images/kor/2026/common/trans-ico_zh-CN.svg);
}
.util-trans .trans-btn[data-trans=ja] {
  --ico: url(/images/kor/2026/common/trans-ico_ja.svg);
}
.util-trans .trans-btn[data-trans=vi] {
  --ico: url(/images/kor/2026/common/trans-ico_vi.svg);
}
.util-trans .trans-btn[data-trans=mn] {
  --ico: url(/images/kor/2026/common/trans-ico_mn.svg);
}/*# sourceMappingURL=layout.css.map */