.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex.align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex.align-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.flex.just-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex.just-bet {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex.just-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

button {
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-family: "Noto Sans KR", "Malgun Gothic", "verdana", sans-serif;
}

.inner1920 {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
}

.inner1820 {
  width: 100%;
  max-width: 1820px;
  margin: 0 auto;
  position: relative;
}

.inner1720 {
  width: 100%;
  max-width: 1720px;
  margin: 0 auto;
  position: relative;
}

.inner1400 {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
}

.inner1200 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

.dumy {
  position: fixed;
  z-index: 999999;
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  top: 0;
}

header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 100%;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}

header .logo {
  width: 76px;
  padding: 12px 0;
}

header .logo svg {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: 76px;
  height: 76px;
}

header .logo .cls-1 {
  fill: none;
}

header .logo .cls-2 {
  -webkit-clip-path: url(#clip-path);
          clip-path: url(#clip-path);
}

header .logo .cls-3 {
  fill: #4a8f26;
}

header > section {
  padding: 0 50px;
  height: 100px;
  /* overflow: hidden; */
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background: transparent;
}

header nav {
  position: relative;
}

header nav .gnb > li > a {
  padding: 37px 48px;
  color: #fff;
  display: block;
  font-size: 1.125rem;
  font-weight: 700;
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

header nav .gnb > li > a::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  display: block;
  background: #57c61c;
  position: absolute;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -23px;
  opacity: 0;
}

header nav .depth2 {
  position: absolute;
  width: 100%;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
}

header nav .depth2 > li:not(:last-child) {
  margin-right: 100px;
}

header nav .depth2 > li > a {
  color: #222;
  font-weight: 700;
  font-size: 1.0625rem;
}

header nav .depth3 {
  margin-top: 20px;
}

header nav .depth3 > li:not(:last-child) {
  margin-bottom: 10px;
}

header nav .depth3 > li > a {
  font-size: 0.9375rem;
  color: #777;
}

header nav .depth3 > li:hover > a {
  color: #57c61c;
}

header .util {
  padding-top: 40px;
  font-family: "Roboto Condensed", sans-serif;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

header .util .lang {
  margin-right: 40px;
  position: relative;
}

header .util .lang:hover button {
  color: #b5b5b5;
}

header .util .lang a,
header .util .lang button {
  display: block;
  color: #fff;
  padding-right: 15px;
  background: url("/img/common/lang_arr_off.png") no-repeat right center;
  font-weight: 400;
  font-size: 12px;
}

header .util .lang ul {
  position: absolute;
  display: none;
  padding-top: 4px;
  top: 100%;
  left: 0;
  width: 100%;
}

header .util .lang ul li {
  padding: 2px 0;
}

header .util .lang ul li:hover a {
  background: url("/img/common/lang_arr_on.png") no-repeat right center;
  color: #45941e;
}

header .util .menuBtn button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .util .menuBtn p {
  color: #fff;
  opacity: 0.7;
}

header .util .menuBtn .line {
  width: 45px;
  margin-left: 9px;
}

header .util .menuBtn .line span {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: 100%;
  height: 4px;
  background: #fff;
  display: block;
}

header .util .menuBtn .line span:nth-child(1) {
  width: 36px;
  margin-bottom: 5px;
}

header .util .menuBtn.on button {
  position: relative;
}

header .util .menuBtn.on .line span {
  position: absolute;
  right: 0;
  width: 36px !important;
}

header .util .menuBtn.on .line span:nth-child(1) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

header .util .menuBtn.on .line span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

header.on > section {
  background: #fff;
  position: relative;
}

header.on > section.s1 {
  height: 420px;
}

header.on > section.s2 {
  height: 141px;
}

header.on > section:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #eee;
  display: block;
  position: absolute;
  left: 0;
  top: 99px;
}

header.scroll > section {
  background: #fff;
  position: relative;
  max-width: 100%;
  height: 70px;
}

header.scroll > section.s1 {
  height: 400px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

header.scroll > section.s2 {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  height: 141px;
}

header.scroll > section:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #eee;
  display: block;
  position: absolute;
  left: 0;
  top: 69px;
}

header.scroll .logo {
  padding: 8px 0;
}

header.scroll .logo .cls-3 {
  fill: #4a8f26;
}

header.scroll .logo svg {
  width: 55px;
  height: 55px;
}

header.scroll .util {
  padding-top: 30px;
}

header.scroll nav .gnb > li > a {
  color: #222;
  padding: 24px 48px 14px;
}

header.scroll nav .depth2 {
  padding: 28px 0 !important;
}

header.scroll .util .lang button {
  color: #646464;
  background: url("/img/common/lang_arr_gray.png") no-repeat right center;
}

header.scroll .util .lang ul li a {
  color: #b5b5b5;
}

header.scroll .util .menuBtn p {
  color: #646464;
  opacity: 1;
}

header.scroll .util .menuBtn .line span {
  background: #646464;
}

#allMenu {
  position: fixed;
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 100001;
}

#allMenu svg {
  width: 126px;
  height: 126px;
}

#allMenu .cls-1 {
  fill: none;
}

#allMenu .cls-2 {
  -webkit-clip-path: url(#clip-path);
          clip-path: url(#clip-path);
}

#allMenu .cls-3 {
  fill: #4a8f26;
}

#allMenu .info {
  padding-top: 100px;
  text-align: center;
}

#allMenu .info > ul {
  margin-top: 66px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#allMenu .info > ul > li:not(:last-child) {
  margin-right: 35px;
}

#allMenu .info > ul > li > a {
  color: #222;
  font-size: 2.25rem;
  font-weight: 700;
}

#allMenu .info .depth2 {
  margin-top: 40px;
}

#allMenu .info .depth2 > li:not(:last-child) {
  margin-bottom: 10px;
}

#allMenu .info .depth2 > li > a {
  font-size: 1.25rem;
  color: #777;
}

#allMenu .info .depth3 {
  margin-top: 12px;
  padding-bottom: 36px;
}

#allMenu .info .depth3 > li:not(:last-child) {
  margin-bottom: 5px;
}

#allMenu .info .depth3 > li > a {
  font-size: 1rem;
  color: #aaa;
}

#allMenu .info .depth3 > li:hover > a {
  color: #57c61c;
}

#allMenu .top {
  position: absolute;
  width: 100%;
  left: 0;
  top: 100px;
}

#allMenu .top > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

footer {
  background: #f9f9f9;
  height: auto !important;
}

footer #ftTop {
  padding: 80px 0;
  border-bottom: 1px solid #e9e9e9;
}

footer #ftTop .txtBox {
  width: 510px;
}

footer #ftTop .txtBox dl dt {
  font-size: 3.75rem;
  color: #222;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1;
  font-weight: 700;
}

footer #ftTop .txtBox dl dd {
  font-size: 1.125rem;
  line-height: 1.5;
  margin-top: 26px;
}

footer #ftTop .menu {
  width: calc(100% - 510px - 10%);
  margin-left: 10%;
}

footer #ftTop .menu > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

footer #ftTop .menu > ul > li {
  width: calc(100% / 6);
}

footer #ftTop .menu > ul > li > a {
  color: #333;
  font-weight: 500;
  font-size: 1.125rem;
}

footer #ftTop .menu .depth2 {
  margin-top: 30px;
}

footer #ftTop .menu .depth2 li:not(:last-child) {
  margin-bottom: 10px;
}

footer #ftTop .menu .depth2 li a {
  color: #898989;
  font-size: 0.9375rem;
}

footer #ftBot {
  padding: 40px 0;
  font-size: 0.9375rem;
}

footer #ftBot .infoWrap .compName {
  font-weight: 500;
  margin-bottom: 8px;
}

footer #ftBot .infoWrap .info > div dl:not(:first-child) {
  margin-top: 3px;
}

footer #ftBot .infoWrap .info dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
}

footer #ftBot .infoWrap .info dl:not(:last-child) {
  margin-right: 15px;
}

footer #ftBot .infoWrap .info dt {
  font-weight: 500;
}

footer #ftBot .infoWrap .info dd {
  color: #999;
  margin-left: 5px;
}

footer #ftBot .infoWrap .area {
  margin-left: 108px;
}

footer #ftBot .infoWrap .area dt {
  width: 52px;
  text-align: justify;
  margin-right: 10px;
}

footer #ftBot .side .txt {
  margin-right: 45px;
}

footer #ftBot .side ul li:not(:last-child):after {
  content: "";
  width: 1px;
  height: 12px;
  background: #8d8d8d;
  display: inline-block;
  margin: 0 15px;
}

footer #ftBot .side .copy {
  margin-top: 10px;
  font-size: 14px;
}

footer .topBtn {
  position: absolute;
  right: 0;
  top: -34px;
}

footer .topBtn button {
  border: 1px solid #eee;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  width: 68px;
  height: 68px;
  background: #45941e;
  color: #fff;
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}