/*-------------------------layout_kor.css------------------------------------*/
@charset "utf-8";
html,
body {
  overflow: hidden;
  overflow-y: visible;
}
body {
  -webkit-text-size-adjust: 100%;
}
.div-cont {
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
}
.eng {
  font-family: bio-sans, sans-serif;
}
#doc-wrap {
  position: relative;
  min-width: 1400px;
  overflow: hidden;
  margin: 0 auto;
}
a:focus-visible,
button[type="button"]:focus-visible {
  outline: rgb(59, 153, 252) solid 3px;
  outline-offset: -3px;
}
a:focus:not(:focus-visible),
button[type="button"]:not(:focus-visible) {
  outline: 0;
}
@media all and (max-width: 1400px) {
  #doc-wrap {
    min-width: 320px;
  }
}
@media all and (max-width: 680px) {
}
@media all and (max-width: 420px) {
}

/* 스킵네비게이션 */
#skipNavi {
  height: 0;
}
#skipNavi .skipLink {
  position: absolute;
  top: -1000px;
  left: -1000px;
  overflow: hidden;
  z-index: 5000;
}
#skipNavi .skipLink:focus,
#skipNavi .skipLink:active {
  top: 0;
  left: 0;
  padding: 10px 20px;
  background: #1e64ba;
  color: #fff;
}
#skipNavi .skipLink:focus-visible {
  outline: #da262e solid 3px;
}

/* 레이아웃 */
#header-wrap {
  position: relative;
  height: 140px;
  box-sizing: border-box;
}
.isSub #header-wrap {
  background-color: #faf9fe;
}
#header {
  position: relative;
  height: 100%;
  z-index: 11;
}
@media all and (min-width: 1000px) {
  #header-wrap:before {
    display: block;
    content: "";
    position: absolute;
    top: 140px;
    left: 0;
    width: 100%;
    height: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 11;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  #header-wrap.bgShow:before {
    height: 3000px;
    opacity: 1;
  }
  #header-wrap.bgHide:before {
    opacity: 0;
  }
}
@media all and (min-width: 1000px) and (max-width: 1399px) {
  .isMain #header-wrap {
    background-color: #006ee9;
  }
}
@media all and (max-width: 999px) {
  #header-wrap {
    height: 90px;
  }
  #header {
    background-color: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0 1px 20px 0 rgba(144, 156, 187, 0.4);
  }
  .isMain #header {
    background-color: #006ee9;
    border-radius: 0;
    box-shadow: none;
  }
}
@media all and (max-width: 768px) {
  #header-wrap {
    height: 70px;
  }
}

/* svisual */
#svisual-wrap {
  position: relative;
  box-sizing: border-box;
  z-index: 10;
}
#svisual-wrap .svis-deco {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#svisual-wrap .deco {
  display: block;
  position: absolute;
  left: -143px;
  top: 18px;
  border: 1px solid rgba(63, 81, 181, 0.2);
  border-radius: 50%;
  width: 1263px;
  height: 1263px;
  transform: rotate(0deg);
  animation: rotate 15s infinite linear;
  box-sizing: border-box;
}
#svisual-wrap .deco:before,
#svisual-wrap .deco:after,
#svisual-wrap .deco span {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #d9dbf1;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  margin-left: 7px;
}
#svisual-wrap .deco:before {
  transform: translate(616px);
}
#svisual-wrap .deco:after {
  transform: rotate(221deg) translate(647px) rotate(-221deg);
}
#svisual-wrap .deco span:before {
  transform: rotate(140deg) translate(647px) rotate(-140deg);
}
#svisual-wrap .svis {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  position: relative;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  box-sizing: border-box;
}
#svisual-wrap .svis .img-box {
  align-self: flex-start;
  flex-basis: 670px;
  order: 2;
  position: relative;
  transition: all 0.3s;
}
#svisual-wrap .svis .img-box:before {
  content: "";
  display: block;
  width: 0;
  padding-top: 61.194%;
}
#svisual-wrap .svis .img-box img {
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-top-left-radius: 100px;
  z-index: 1;
}
#svisual-wrap .svis .txt-box {
  flex-basis: 640px;
  padding-top: 3px;
  box-sizing: border-box;
  z-index: 2;
}
#svisual-wrap .svis .txt-box .txt-pkg {
}
#svisual-wrap .svis .txt-box .txt-pkg > span {
  display: block;
  line-height: 1.2;
  font-family: "Paperlogy", "Pretendard", sans-serif;
  opacity: 0;
  transform: translateY(30px);
}
#svisual-wrap .svis .txt-box .txt-pkg .txt-eng {
  color: #006ee9;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
  transition: all 0.4s ease 0.2s;
}
#svisual-wrap .svis .txt-box .txt-pkg .txt {
  color: #111;
  font-size: 55px;
  font-weight: 500;
  letter-spacing: -0.05em;
  transition: all 0.4s ease 0.4s;
}
#svisual-wrap .svis .txt-box .txt-pkg .txt-eng + .txt {
  margin-top: 19px;
}
.loaded #svisual-wrap .svis .txt-box .txt-pkg .txt-eng,
.loaded #svisual-wrap .svis .txt-box .txt-pkg .txt {
  opacity: 1;
  transform: translateY(0);
}
.loaded #svisual-wrap .svis .img-box img {
}
@media all and (max-width: 1459px) {
  #svisual-wrap .svis {
    padding: 0 30px;
  }
  #svisual-wrap .svis .img-box {
    flex-basis: calc(100% - 480px);
  }
  #svisual-wrap .svis .img-box:before {
    padding-top: 410px;
  }
  #svisual-wrap .svis .txt-box {
    flex-basis: 450px;
  }
}
@media all and (max-width: 1399px) {
  #svisual-wrap .svis .txt-box .txt-pkg .txt-eng {
    font-size: 18px;
  }
  #svisual-wrap .svis .txt-box .txt-pkg .txt {
    font-size: 50px;
  }
}
@media all and (max-width: 999px) {
  #svisual-wrap .svis {
    display: none;
  }
}

/* cont-navi */
#contNavi {
  margin-top: 20px;
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.4s ease 0.6s;
  z-index: 12;
}
.loaded #contNavi {
  opacity: 1;
  transform: translateY(0);
}
#contNavi .cont-navi {
  display: flex;
  flex-flow: row wrap;
}
#contNavi a.home {
  display: block;
  background: url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat -324px 0;
  width: 18px;
  height: 18px;
  margin: -1px 9px 0 0;
}
#contNavi dl {
  position: relative;
  z-index: 5;
}
#contNavi dl dt a {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 16px 0 20px;
  transition: all 0.3s ease;
  box-sizing: border-box;
}
#contNavi dl dt a:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  right: 0;
  border: solid;
  border-width: 0 0 1px 1px;
  border-color: transparent transparent #707f9d #707f9d;
  width: 5px;
  height: 5px;
  transform: rotate(-45deg);
  transition: all 0.3s ease;
}
#contNavi dl dt a .txt {
  display: inline-block;
  position: relative;
  color: #142e5d;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.05em;
  transition: all 0.3s ease;
}
#contNavi dl.cnavi1 dt a {
  padding-left: 0;
}
#contNavi dl dt a:hover:after,
#contNavi dl.over dt a:after {
  top: 7px;
  transform: rotate(135deg);
}
#contNavi dl.over dt a .txt {
  color: #004591;
}
#contNavi dl.over dt a:after {
  border-color: #004591;
}
#contNavi .sub-list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  border-radius: 20px;
  border-bottom-right-radius: 0;
  min-width: 155px;
  margin-top: 16px;
  padding: 20px 24px;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
#contNavi .sub-list ul {
}
#contNavi .sub-list li .mn_a1 {
  position: relative;
  display: block;
  padding: 6px 0;
  color: #555;
  font-size: 15px;
  font-weight: 500;
  text-align: left;
  transition: all 0.3s ease;
}
#contNavi .sub-list li .mn_a1 span {
  display: inline-block;
  line-height: 1.2;
}
#contNavi .sub-list li .mn_a1[target="_blank"]:after {
  display: inline-block;
  content: "";
  width: 12px;
  height: 12px;
  vertical-align: middle;
  margin: 0 0 1px 10px;
  background: url(/resources/_Img/Common/nwin_spr.png) no-repeat -22px -25px;
}
#contNavi .sub-list li.isOver a span,
#contNavi .sub-list li .mn_a1:hover {
  color: #006ee9;
}
#contNavi .sub-list .btn-close {
  display: block;
  position: absolute;
  right: 0;
  top: 100%;
  background-color: #fff;
  border: 0;
  width: 30px;
  height: 30px;
}
#contNavi .sub-list .btn-close:before,
#contNavi .sub-list .btn-close:after {
  content: "";
  display: block;
  position: absolute;
  width: 14px;
  height: 2px;
  background: #777;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transition: all 0.3s ease;
}
#contNavi .sub-list .btn-close:before {
  transform: rotate(45deg);
}
#contNavi .sub-list .btn-close:after {
  transform: rotate(135deg);
}
#contNavi .sub-list .btn-close:focus:before,
#contNavi .sub-list .btn-close:hover:before {
  transform: rotate(135deg);
  background: #000;
}
#contNavi .sub-list .btn-close:focus:after,
#contNavi .sub-list .btn-close:hover:after {
  transform: rotate(225deg);
  background: #000;
}
@media all and (max-width: 768px) {
  #contNavi {
    display: none;
  }
}

/* contents */
#container-wrap {
  z-index: 1;
}
#container {
  position: relative;
  transition: all 0.3s;
  z-index: 9;
}
#container .cont-sub-navi {
  position: absolute;
  left: 0;
  top: 43px;
  width: 200px;
}
#container .cont-sub-navi:before {
  content: "";
  display: block;
  position: absolute;
  right: calc(100% - 10px);
  top: 0;
  background-color: #0091dc;
  border-radius: 30px;
  width: 97px;
  height: 100%;
}
#container .cont-sub-navi > ul {
  padding: 27px 0 27px 25px;
}
#container .cont-sub-navi > ul > li {
  padding: 11px 0 12px;
}
#container .cont-sub-navi > ul > li > a {
  display: block;
  color: #5e5e5e;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.05em;
  transition: all 0.3s ease;
  box-sizing: border-box;
}
#container .cont-sub-navi > ul > li > a > span {
}
#container .cont-sub-navi > ul > li > a[target="_blank"] > span:after {
  content: "";
  display: inline-block;
  background: url(/resources/_Templet/Layout/layout_kor/Img/cont_sub_nwin.png) no-repeat center;
  width: 8px;
  height: 8px;
  margin: -2px 0 0 5px;
  vertical-align: middle;
}
#container .cont-sub-navi > ul > li.on > a {
  position: relative;
  padding-left: 30px;
}
#container .cont-sub-navi > ul > li.on > a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -3px;
  background: #004591 url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat -352px
    0;
  border-radius: 50%;
  width: 21px;
  height: 21px;
}
#container .cont-sub-navi > ul > li.on > a,
#container .cont-sub-navi > ul > li > a:hover {
  color: #004591;
}
#container .cont-sub-navi.fixed {
  position: fixed;
}
#container .cont-sub-navi.orgin {
  position: absolute;
  top: auto;
  bottom: 40px;
}
#container .cont-sub-navi.hide {
  display: none !important;
}
#contents {
  position: relative;
  width: 100%;
  max-width: 1400px;
  min-height: 600px;
  margin: 43px auto 0;
  box-sizing: border-box;
}
#contents .cont-top {
  position: relative;
  margin-bottom: 84px;
}
#contents .cont-top .cont-tit {
  color: #111;
  font-size: 48px;
  font-weight: 700;
  font-family: "Paperlogy", "Pretendard", sans-serif;
  letter-spacing: -0.05em;
}
#contents .cont-top .cont-util {
  position: absolute;
  right: -10px;
  top: 7px;
  z-index: 15;
}
#contents .cont-top .cont-util button {
  background: none;
  border: 0;
  border-radius: 15px;
  width: 45px;
  height: 45px;
}
#contents .cont-top .cont-util button:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat;
  margin: auto;
}
#contents .cont-top .cont-util .box-util {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  position: relative;
}
#contents .cont-top .cont-util .box-util .unit {
  position: relative;
  margin-left: 10px;
}
#contents .cont-top .cont-util .box-util .unit > .btn-cast {
  display: block;
  position: relative;
  background-color: #fff;
  box-shadow: 0px 1px 20px 0px rgba(144, 156, 187, 0.4);
  transition: all 0.3s;
}
#contents .cont-top .cont-util .box-util .unit > .btn-cast:before {
  background-position-y: -34px;
  width: 24px;
  height: 24px;
  z-index: 2;
}
#contents .cont-top .cont-util .box-util .unit > .btn-cast:hover {
  box-shadow: none;
}
#contents .cont-top .cont-util .box-util .unit .btn-sns {
}
#contents .cont-top .cont-util .box-util .unit .btn-sns:before {
  background-position-x: -250px;
}
#contents .cont-top .cont-util .box-util .unit .btn-sns:hover {
  background-color: #006ee9;
}
#contents .cont-top .cont-util .box-util .unit .btn-sns:hover:before {
  background-position-x: -352px;
}
#contents .cont-top .cont-util .box-util .unit .btn-print {
}
#contents .cont-top .cont-util .box-util .unit .btn-print:before {
  background-position-x: -284px;
}
#contents .cont-top .cont-util .box-util .unit .btn-print:hover {
  background-color: #ffd44d;
}
#contents .cont-top .cont-util .box-util .unit .btn-print:hover:before {
  background-position-x: -386px;
}
#contents .cont-top .cont-util .box-util .unit .btn-share {
}
#contents .cont-top .cont-util .box-util .unit .btn-share:before {
  background-position-x: -318px;
}
#contents .cont-top .cont-util .box-util .unit .btn-share:hover {
  background-color: #142e5d;
}
#contents .cont-top .cont-util .box-util .unit .btn-share:hover:before {
  background-position-x: -420px;
}
#contents .cont-top .cont-util .box-util .sns-list {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  box-sizing: border-box;
  z-index: 100;
}
#contents .cont-top .cont-util .box-util .sns-list ul {
  display: block;
  margin-top: 60px;
}
#contents .cont-top .cont-util .box-util .sns-list li {
  margin-top: 5px;
}
#contents .cont-top .cont-util .box-util .sns-list button {
  display: block;
  position: relative;
  font-size: 0;
  transition: all 0.3s ease;
}
#contents .cont-top .cont-util .box-util .sns-list .btn-face {
  background-color: #2a569c;
}
#contents .cont-top .cont-util .box-util .sns-list .btn-twit {
  background-color: #55acef;
}
#contents .cont-top .cont-util .box-util .sns-list .btn-blog {
  background-color: #1dc800;
}
#contents .cont-top .cont-util .box-util .sns-list .btn-kaks {
  background-color: #fdd101;
}
#contents .cont-top .cont-util .box-util .sns-list button:before {
  background-position-y: -67px;
  width: 30px;
  height: 30px;
  z-index: 1;
}
#contents .cont-top .cont-util .box-util .sns-list .btn-face:before {
  background-position-x: -249px;
}
#contents .cont-top .cont-util .box-util .sns-list .btn-twit:before {
  background-position-x: -290px;
}
#contents .cont-top .cont-util .box-util .sns-list .btn-blog:before {
  background-position-x: -329px;
}
#contents .cont-top .cont-util .box-util .sns-list .btn-kaks:before {
  background-position-x: -368px;
}
#contents .cont-top .cont-util .box-util .sns-list .sns-closer {
  position: absolute;
  left: 0;
  top: 10px;
  background: #1b1b1b;
}
#contents .cont-top .cont-util .box-util .sns-list .sns-closer:before,
#contents .cont-top .cont-util .box-util .sns-list .sns-closer:after {
  content: "";
  display: block;
  position: absolute;
  width: 14px;
  height: 2px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: #fff;
  opacity: 1;
  transition: all 0.3s ease;
}
#contents .cont-top .cont-util .box-util .sns-list .sns-closer:before {
  transform: rotate(45deg);
}
#contents .cont-top .cont-util .box-util .sns-list .sns-closer:after {
  transform: rotate(135deg);
}
#contents .cont-top .cont-util .box-util .sns-list .sns-closer:focus:before,
#contents .cont-top .cont-util .box-util .sns-list .sns-closer:hover:before,
#contents .cont-top .cont-util .box-util .sns-list .sns-closer:focus:after,
#contents .cont-top .cont-util .box-util .sns-list .sns-closer:hover:after {
}
#contents #cont {
  min-height: 400px;
  padding: 0 0 70px 0;
  color: #555;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.556;
  letter-spacing: -0.04em;
  word-break: keep-all;
  word-wrap: break-word;
}
#contents #cont:after {
  clear: both;
  content: "";
  display: block;
}
#contents #cont input,
button,
select,
textarea {
  color: #555;
  font-size: 18px;
  font-family: "Spoqa Han Sans Neo", sans-serif;
  letter-spacing: -0.04em;
}
@media all and (max-width: 1799px) {
  #container {
    box-sizing: border-box;
  }
  #container.no-sub-navi {
    padding-left: 0;
  }
}
@media all and (max-width: 1699px) {
  #contents {
    padding: 0 30px;
  }
}
@media all and (max-width: 1260px) {
  #container {
    padding-left: 0;
  }
  #container .cont-sub-navi {
    display: none;
  }
}
@media all and (max-width: 999px) {
  #contents {
    width: auto;
    margin-top: 0;
    padding: 0 20px;
  }
  #contents #cont {
    font-size: 17px;
    padding-bottom: 40px;
  }
  #contents #cont input,
  button,
  select,
  textarea {
    font-size: 17px;
  }
  #contents .cont-top {
    position: relative;
    margin-bottom: 30px;
    padding: 28px 0 24px;
    text-align: center;
  }
  #contents .cont-top:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    background-color: #faf9fe;
    width: 2000px;
    height: 100%;
    margin-left: -1000px;
    z-index: -1;
  }
  #contents .cont-top .cont-tit {
    font-size: 25px;
    line-height: 1.2;
  }
  #contents .cont-top .cont-util {
    position: relative;
    right: auto;
    top: auto;
    margin-top: 10px;
  }
  #contents .cont-top .cont-util .box-util {
    justify-content: center;
  }
  #contents .cont-top .cont-util .box-util .unit {
    margin: 0 4px;
  }
}
@media all and (max-width: 768px) {
  #container {
    z-index: 1;
  }
  #contents #cont {
    font-size: 16px;
    padding-bottom: 30px;
  }
  #contents #cont input,
  button,
  select,
  textarea {
    font-size: 16px;
  }
  #contents .cont-top {
    margin-bottom: 20px;
  }
  #contents .cont-top .cont-tit {
    font-size: 20px;
  }
}
@media all and (max-width: 599px) {
  #contents #cont {
    padding-bottom: 30px;
    font-size: 15px;
  }
}

/* 통합검색 */
#total-search-wrap {
  display: none;
  position: fixed;
  top: 170px;
  left: 0;
  width: 100%;
  z-index: 101;
}
#total-search-wrap .total-search-inwr {
  background-color: #006ee9;
  border-radius: 30px;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 27px 0;
}
#total-search-wrap .total-frm {
  position: relative;
}
#total-search-wrap input {
  margin: 0;
}
#total-search-wrap button {
  margin: 0;
  border: 0;
  background: transparent;
}
#total-search-wrap .sch-frm {
  display: flex;
  align-items: center;
  justify-content: center;
}
#total-search-wrap h2 {
  position: relative;
  margin-right: 30px;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  font-family: "Paperlogy", "Pretendard", sans-serif;
  letter-spacing: 0.05em;
  z-index: 1;
}
#total-search-wrap h2:before {
  content: "";
  display: block;
  position: absolute;
  left: -9px;
  top: -10px;
  background-color: #ffd44d;
  border-radius: 50%;
  width: 19px;
  height: 19px;
  z-index: -1;
}
#total-search-wrap h2 span {
  display: inline-block;
  margin: -4px 0 0 14px;
  color: rgba(255, 255, 255, 0.3);
  font-size: 18px;
  letter-spacing: 0;
}
#total-search-wrap .sch-frm .sch-input-wr {
  position: relative;
  width: 47.5%;
}
#total-search-wrap .sch-frm .sch-input-wr:before,
#total-search-wrap .sch-frm .btn-sch:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  background: url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat;
  margin: auto;
}
#total-search-wrap .sch-frm .sch-input-wr:before {
  left: 35px;
  background-position: -249px 0;
  width: 29px;
  height: 16px;
}
#total-search-wrap .sch-frm .sch-input {
  background-color: #2184f2;
  border: 0;
  border-radius: 17px;
  width: 100%;
  height: 70px;
  margin: 0;
  padding: 0 50px 0 90px;
  color: #fff;
  font-size: 20px;
  font-family: "Spoqa Han Sans Neo", sans-serif;
  box-sizing: border-box;
}
#total-search-wrap .sch-frm .sch-input::placeholder {
  color: #fff;
  font-size: 20px;
}
#total-search-wrap .sch-frm .sch-input:-ms-input-placeholder {
  color: #fff;
  font-size: 20px;
}
#total-search-wrap .sch-frm .sch-input::-ms-input-placeholder {
  color: #fff;
  font-size: 20px;
}
#total-search-wrap .sch-frm .btn-sch {
  position: absolute;
  right: 20px;
  top: 50%;
  width: 50px;
  height: 50px;
  margin-top: -25px;
}
#total-search-wrap .sch-frm .btn-sch:before {
  left: 0;
  right: 0;
  bottom: 0;
  background-position: -288px 0;
  width: 25px;
  height: 25px;
  margin: auto;
}
#total-search-wrap .btn-close {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 37px;
  background: #fff;
  border-radius: 15px;
  width: 55px;
  height: 55px;
  margin: auto;
  box-shadow: 0 13px 28px 0 rgba(144, 156, 187, 0.4);
}
#total-search-wrap .btn-close:before,
#total-search-wrap .btn-close:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  width: 20px;
  height: 2px;
  margin: auto;
}
#total-search-wrap .btn-close:before {
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
#total-search-wrap .btn-close:after {
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
/* .layer-open {overflow:hidden !important} */
.layer-open:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 13;
}
.layer-open #footer-wrap {
  z-index: 12;
}
#doc-wrap.mn-open #header-wrap {
  z-index: 3002;
}
@media all and (max-width: 999px) {
  #total-search-wrap {
    top: 90px;
  }
  #total-search-wrap .total-search-inwr {
    padding: 0;
  }
  #total-search-wrap h2 {
    font-size: 25px;
  }
  #total-search-wrap h2 span {
    font-size: 15px;
  }
  #total-search-wrap .sch-frm {
    display: block;
    padding: 30px;
  }
  #total-search-wrap .sch-frm .sch-input-wr {
    width: 100%;
    margin-top: 15px;
  }
  #total-search-wrap .sch-frm .sch-input {
    height: 60px;
    padding: 0 60px 0 70px;
    font-size: 18px;
  }
  #total-search-wrap .sch-frm .sch-input::placeholder {
    font-size: 18px;
  }
  #total-search-wrap .sch-frm .sch-input:-ms-input-placeholder {
    font-size: 18px;
  }
  #total-search-wrap .sch-frm .sch-input::-ms-input-placeholder {
    font-size: 18px;
  }
  #total-search-wrap .btn-close {
    top: 9px;
    bottom: auto;
  }
}
@media all and (max-width: 768px) {
  #total-search-wrap {
    top: 70px;
  }
  #total-search-wrap .sch-frm {
    padding: 30px 20px 20px;
  }
  #total-search-wrap h2 {
    font-size: 23px;
  }
  #total-search-wrap h2:before {
    left: -6px;
    top: -7px;
    width: 13px;
    height: 13px;
  }
  #total-search-wrap h2 span {
    font-size: 13px;
    margin-left: 7px;
  }
  #total-search-wrap .sch-frm .sch-input-wr:before {
    left: 20px;
  }
  #total-search-wrap .sch-frm .sch-input {
    height: 50px;
    font-size: 14px;
  }
  #total-search-wrap .sch-frm .sch-input::placeholder {
    font-size: 14px;
  }
  #total-search-wrap .sch-frm .sch-input:-ms-input-placeholder {
    font-size: 14px;
  }
  #total-search-wrap .sch-frm .sch-input::-ms-input-placeholder {
    font-size: 14px;
  }
  #total-search-wrap .sch-frm .btn-sch {
    right: 10px;
  }
  #total-search-wrap .btn-close {
    top: 19px;
    right: 20px;
    width: 40px;
    height: 40px;
  }
}

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}

.MN272 .svisual-wrap,
.MN272 .cont-top {
  display: none !important;
}
.MN272 #contents {
  margin: 0px auto 0 !important;
}

/*-------------------------gnavi_kor.css------------------------------------*/
#gNavi {
  position: absolute;
  right: 0;
  z-index: 12;
}
#gNavi .global-wrap {
}
#gNavi .glink-sec {
  position: absolute;
  right: 60px;
  top: 40px;
  background-color: #ecedf5;
  border-radius: 50px;
  padding: 5px 80px 5px 25px;
  z-index: 2200;
}
#gNavi .glink-sec .glink-list {
  display: flex;
  position: relative;
  z-index: 1100;
}
#gNavi .glink-sec .glink-list > a,
#gNavi .glink-sec .glink-list button {
  display: block;
  position: relative;
  background: none;
  border: 0;
  margin: 0 2px;
  padding: 5px;
  box-sizing: border-box;
}
#gNavi .glink-sec .glink-list > a span,
#gNavi .glink-sec .glink-list button span {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  font-size: 0;
}
#gNavi .glink-sec .glink-list button span:before,
#gNavi .glink-sec .glink-list > a span:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat 0 -141px;
  width: 30px;
  height: 30px;
  margin: auto;
}
#gNavi .glink-sec .glink-list .langE span:before {
  background-position-x: -249px;
  width: 34px;
}
#gNavi .glink-sec .glink-list .logout span:before {
  background-position-x: -334px;
}
#gNavi .glink-sec .glink-list .login span:before {
  background-position-x: -294px;
}
#gNavi .glink-sec .glink-list .search span:before {
  background-position-x: -374px;
}
#gNavi .glink-sec .glink-list .btn-wctrl span:before {
  background-position-x: -414px;
}
#gNavi .glink-sec .glink-list .btn-wctrl span:after {
  content: "";
  display: block;
  position: absolute;
  right: 5px;
  top: 8px;
  background-color: #fb3b4c;
  border-radius: 50%;
  width: 5px;
  height: 5px;
}
#gNavi .glink-sec .glink-list .btn-wctrl.show span:after {
  display: none;
}
body.isMain:not(.pc-topMenu-open) #gNavi .glink-sec .glink-list button span:before,
body.isMain:not(.pc-topMenu-open) #gNavi .glink-sec .glink-list > a span:before {
  background-position-y: -213px;
}
#gNavi .glink-sec .glink-list [data-tooltip] {
}
#gNavi .glink-sec .glink-list [data-tooltip]:before,
#gNavi .glink-sec .glink-list [data-tooltip]:after {
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  visibility: hidden;
  opacity: 0;
  transform: translateX(-50%);
  transition: all 0.1s linear;
  z-index: 999999;
}
#gNavi .glink-sec .glink-list [data-tooltip]:before {
  content: "";
  position: absolute;
  border-width: 4px;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #141845;
  margin-top: -16px;
}
#gNavi .glink-sec .glink-list [data-tooltip]:after {
  content: attr(data-tooltip);
  background-color: #141845;
  border-radius: 30px;
  height: 22px;
  margin-top: -8px;
  padding: 5px 9px 0;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  letter-spacing: -0.05em;
  white-space: nowrap;
  box-sizing: border-box;
}
#gNavi .glink-sec .glink-list [data-tooltip]:hover:before,
#gNavi .glink-sec .glink-list [data-tooltip]:hover:after {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, 10px);
}
#gNavi .glink-sec .srvc-util {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1001;
}
#gNavi .glink-sec .srvc-util .amenu {
  display: block;
  background: #141845;
  border-radius: 30px;
  width: 70px;
  height: 60px;
  font-size: 0;
  border: 0;
  box-sizing: border-box;
}
#gNavi .glink-sec .srvc-util .amenu:before,
#gNavi .glink-sec .srvc-util .amenu span,
#gNavi .glink-sec .srvc-util .amenu:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  width: 25px;
  height: 2px;
  font-size: 0;
  transition: all 0.3s ease;
}
#gNavi .glink-sec .srvc-util .amenu:before {
  margin: 21px auto auto auto;
}
#gNavi .glink-sec .srvc-util .amenu span {
  margin: auto;
}
#gNavi .glink-sec .srvc-util .amenu:after {
  left: -4px;
  width: 18px;
  margin: auto auto 21px auto;
}
#gNavi .glink-sec .srvc-util .amenu:focus,
#gNavi .glink-sec .srvc-util .amenu:hover {
}
#gNavi .glink-sec .srvc-util .amenu:focus:before,
#gNavi .glink-sec .srvc-util .amenu:focus span,
#gNavi .glink-sec .srvc-util .amenu:focus:after,
#gNavi .glink-sec .srvc-util .amenu:hover:before,
#gNavi .glink-sec .srvc-util .amenu:hover span,
#gNavi .glink-sec .srvc-util .amenu:hover:after {
}
@media all and (min-width: 1000px) {
  body.isMain:not(.pc-topMenu-open) #gNavi .glink-sec {
    background-color: rgba(238, 241, 244, 0.1);
  }
}
@media all and (max-width: 1699px) {
  #gNavi .glink-sec {
    right: 30px;
  }
  #gNavi .glink-sec .glink-list > a,
  #gNavi .glink-sec .glink-list button {
    padding: 5px 3px;
  }
}
@media all and (max-width: 1459px) {
  #gNavi .glink-sec {
    top: 0;
    border-radius: 30px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-right: 65px;
  }
  #gNavi .glink-sec .glink-list > a,
  #gNavi .glink-sec .glink-list button {
    padding: 0 3px;
  }
  #gNavi .glink-sec .glink-list > a span,
  #gNavi .glink-sec .glink-list button span {
    width: 35px;
    height: 35px;
  }
  #gNavi .glink-sec .srvc-util .amenu {
    border-radius: 30px;
    width: 60px;
    height: 45px;
  }
  #gNavi .glink-sec .srvc-util .amenu:before {
    margin-top: 15px;
  }
  #gNavi .glink-sec .srvc-util .amenu:after {
    margin-bottom: 16px;
  }
}
@media all and (max-width: 999px) {
  #gNavi .glink-sec {
    top: 25px;
    right: 68px;
    background: none;
    padding: 0;
  }
  #gNavi .glink-sec .glink-list .langE,
  #gNavi .glink-sec .glink-list .login,
  #gNavi .glink-sec .glink-list .logout,
  #gNavi .glink-sec .glink-list [data-tooltip]:before,
  #gNavi .glink-sec .glink-list [data-tooltip]:after,
  #gNavi .glink-sec .srvc-util {
    display: none;
  }

  .mobile-sideMenu-open #gNavi {
    z-index: 0;
  }
}
@media all and (max-width: 768px) {
  #gNavi .glink-sec {
    top: 17px;
    right: 72px;
  }
  #gNavi .glink-sec .glink-list > a,
  #gNavi .glink-sec .glink-list button {
    padding: 0;
  }
  #gNavi .glink-sec .glink-list button span:before,
  #gNavi .glink-sec .glink-list > a span:before {
    background-size: 355px auto;
    background-position-y: -113px;
    width: 24px;
    height: 24px;
  }
  #gNavi .glink-sec .glink-list .search span:before {
    background-position-x: -299px;
  }
  #gNavi .glink-sec .glink-list .btn-wctrl span:before {
    background-position-x: -331px;
  }
}

/* ==============================
 * sitemap
================================= */
.site-kor-menu {
}
#layout-popup-wrap.site-kor-menu > #popup-wrap {
  background: none;
}
#layout-popup-wrap.site-kor-menu > #popup-wrap .pop-head {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  position: relative;
  background-color: #fff;
  border-radius: 25px 25px 0 0;
  height: 110px;
}
#layout-popup-wrap.site-kor-menu > #popup-wrap .pop-head:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #006ee9;
  border-radius: 25px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.site-kor-menu #popup-wrap .pop-head .htit {
  display: block;
  color: #fff;
  font-size: 1.667em;
  font-weight: 700;
  font-family: "Paperlogy", "Pretendard", sans-serif;
}
#layout-popup-wrap.site-kor-menu > #popup-wrap .pop-cont {
  background-color: #fff;
  margin: 0;
  padding: 50px 60px;
  box-sizing: border-box;
}

.site-kor-menu .sitemap-unit {
  border-bottom: 3px solid #dedede;
  padding: 50px 0;
}
.site-kor-menu .sitemap-unit:first-child {
  padding-top: 0;
}
.site-kor-menu .sitemap-unit:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.site-kor-menu .sitemap-list a[target="_blank"] span:after {
  content: "";
  display: inline-block;
  background: url(/resources/_Img/Common/nwin_spr.png) no-repeat;
  width: 12px;
  height: 12px;
  vertical-align: middle;
}
.site-kor-menu .sitemap-list h3 > a[target="_blank"] span:after {
  background-position-x: -88px;
  width: 19px;
  height: 19px;
  margin: -4px 0 0 14px;
}
.site-kor-menu .sitemap-list .lm_a1[target="_blank"] span:after {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
}
.site-kor-menu .sitemap-list .lm_a1[target="_blank"].over span:after {
  background-position-x: -22px;
}
.site-kor-menu .sitemap-list .lm_a2[target="_blank"] span:after {
  background-position-x: -44px;
  margin: 0 0 4px 7px;
}
.site-kor-menu .sitemap-list .lm_a2[target="_blank"]:hover span:after,
.site-kor-menu .sitemap-list .lm_a2[target="_blank"].over span:after {
}

.site-kor-menu .sitemap-list {
  display: flex;
  flex-flow: row wrap;
}
.site-kor-menu .sitemap-list h3.depth-tit {
  width: 300px;
  margin-top: -13px;
  padding-right: 15px;
  box-sizing: border-box;
}
.site-kor-menu .sitemap-list h3 > a {
  display: block;
  color: #22264c;
  font-size: 2.222em;
  font-weight: 700;
  font-family: "Paperlogy", "Pretendard", sans-serif;
  letter-spacing: -0.05em;
}
.site-kor-menu .sitemap-list h3 > a:after {
  content: "";
  display: inline-block;
  background-color: #ffd325;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-left: 1px;
  vertical-align: top;
}
.site-kor-menu .sitemap-list .depth1-body {
  width: calc(100% - 300px);
}
.site-kor-menu .sitemap-list .depth1 {
  display: flex;
  flex-flow: row wrap;
}
.site-kor-menu .sitemap-list .depth1 .lm_l1 {
  width: 23.11%;
  margin: 0 2.52% 20px 0;
}
.site-kor-menu .sitemap-list .depth1 .lm_l1:nth-child(4n) {
  margin-right: 0;
}
.site-kor-menu .sitemap-list .lm_a1 {
  display: flex;
  align-items: center;
  position: relative;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  height: 46px;
  padding: 0 15px;
  font-size: 0;
  text-align: left;
  transition: all 0.3s ease;
  box-sizing: border-box;
}
.site-kor-menu .sitemap-list .lm_a1 span {
  display: block;
  position: relative;
  width: 100%;
  padding: 5px 14px 0 0;
  color: #222;
  font-weight: 500;
  font-size: 17px;
  letter-spacing: -0.05em;
  line-height: 1.2;
  box-sizing: border-box;
  transition: all 0.3s ease;
}
.site-kor-menu .sitemap-list .lm_a1:hover {
  border-color: #22264c;
}
.site-kor-menu .sitemap-list .lm_a1:hover span {
  color: #22264c;
}

.site-kor-menu .sitemap-list .depth2-body {
  padding: 11px 0 0 17px;
  box-sizing: border-box;
}
.site-kor-menu .sitemap-list .depth2-body .depth3-ul {
}
.site-kor-menu .sitemap-list .depth2-body .lm_l2 {
  position: relative;
  padding-left: 14px;
}
.site-kor-menu .sitemap-list .depth2-body .lm_l2:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 11px;
  background-color: #7d7d7d;
  border-radius: 50%;
  width: 5px;
  height: 5px;
}
.site-kor-menu .sitemap-list .depth2-body .lm_a2 {
  display: block;
  position: relative;
}
.site-kor-menu .sitemap-list .depth2-body .lm_a2 span {
  display: inline-block;
  position: relative;
  color: #555;
  font-size: 17px;
  letter-spacing: -0.05em;
  line-height: 1.2;
  transition: all 0.3s ease;
}
.site-kor-menu .sitemap-list .depth2-body .over.lm_a2 span {
}
.site-kor-menu .sitemap-list .depth2-body .over.lm_a2 span,
.site-kor-menu .sitemap-list .depth2-body .lm_a2.over span,
.site-kor-menu .sitemap-list .depth2-body .lm_a2:hover span {
  color: #000;
}

.site-kor-menu .sitemap-list .depth3 {
  display: none;
}

#layout-popup-wrap.site-kor-menu > #popup-wrap .pop-btn-1 {
  top: 28px;
  right: 33px;
  background-color: #fff;
  border-radius: 15px;
  width: 55px;
  height: 55px;
  box-shadow: 0 13px 28px 0 rgba(144, 156, 187, 0.4);
}
#layout-popup-wrap.site-kor-menu > #popup-wrap .pop-btn-1:before,
#layout-popup-wrap.site-kor-menu > #popup-wrap .pop-btn-1:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  width: 15px;
  height: 2px;
  margin: auto;
  transition: all 0.3s;
}
#layout-popup-wrap.site-kor-menu > #popup-wrap .pop-btn-1:before {
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
#layout-popup-wrap.site-kor-menu > #popup-wrap .pop-btn-1:after {
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
#layout-popup-wrap.site-kor-menu > #popup-wrap .pop-btn-1:hover:before {
  transform: rotate(135deg);
  -ms-transform: rotate(135deg);
}
#layout-popup-wrap.site-kor-menu > #popup-wrap .pop-btn-1:hover:after {
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

@media all and (max-width: 1399px) {
  .site-kor-menu .sitemap-list .depth1 .lm_l1 {
    width: 31.65%;
    margin-right: 2.525%;
  }
  .site-kor-menu .sitemap-list .depth1 .lm_l1:nth-child(4n) {
    margin-right: 2.525%;
  }
  .site-kor-menu .sitemap-list .depth1 .lm_l1:nth-child(3n) {
    margin-right: 0;
  }
}

@media all and (max-width: 999px) {
  #layout-popup-wrap.site-kor-menu > #popup-wrap {
    padding: 0;
  }
  #layout-popup-wrap.site-kor-menu > #popup-wrap .pop-head {
    height: 90px;
  }
  #layout-popup-wrap.site-kor-menu > #popup-wrap .pop-cont {
    padding: 20px;
  }
  .site-kor-menu .sitemap-list h3.depth-tit {
    width: auto;
    margin-top: 0;
    margin-bottom: 15px;
    padding-right: 0;
  }
  .site-kor-menu .sitemap-list .depth1-body {
    width: auto;
  }
  .site-kor-menu .sitemap-list {
    display: block;
  }

  #layout-popup-wrap.site-kor-menu > #popup-wrap .pop-btn-1 {
    top: 18px;
    right: 20px;
  }
}

/*-------------------------logo_kor.css------------------------------------*/
#header .logo {
  display: block;
  position: absolute;
  left: 60px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 501;
}
#header .logo a {
  display: block;
}
#header .logo a span {
  display: block;
}
#header .logo a span img {
  display: block;
  height: auto;
}
#header .logo a span .slogo-w {
  display: none;
}
@media all and (max-width: 1699px) {
  #header .logo {
    left: 30px;
  }
}
@media all and (max-width: 1599px) {
  #header .logo a span img {
    width: 216px;
  }
}
@media all and (max-width: 1399px) {
  .isMain:not(.pc-topMenu-open) #header .logo a span img {
    display: none;
  }
  .isMain:not(.pc-topMenu-open) #header .logo a span .slogo-w {
    display: block;
  }
}
@media all and (max-width: 999px) {
  #header .logo {
    left: 20px;
  }
  #header .logo a span img {
    width: 190px;
  }
  .mobile-sideMenu-open #header .logo {
    z-index: 0;
  }
}
@media all and (max-width: 768px) {
  #header .logo a span img {
    width: 151px;
  }
}
@media all and (max-width: 399px) {
  #header .logo a span img {
    width: 140px;
  }
}

/*-------------------------header_kor.css------------------------------------*/
#menu-wrap .mGnavi {
  display: none;
}
#menu-wrap .mDeco {
  display: none;
}

/* 메뉴 */
#menu-wrap {
  display: inline-block;
  position: relative;
  width: 100%;
  background: transparent;
  z-index: 100;
}
#menu-wrap:after {
  clear: both;
  display: block;
  content: "";
}
#menu-wrap .menu-cont {
  width: 76%;
  padding-left: 24%;
}
#mn-ctrs-btns {
  display: none;
}
#menu-wrap .menuReady {
}

#mainNavi a[target="_blank"] span:after {
  content: "";
  display: inline-block;
  background: url(/resources/_Img/Common/nwin_spr.png) no-repeat;
  width: 12px;
  height: 12px;
  vertical-align: middle;
}
.isMain:not(.pc-topMenu-open) #mainNavi a[target="_blank"] span:after {
  background-position-x: -22px;
}

#mainNavi .mn_a2[target="_blank"] span:after {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
}
#mainNavi .mn_a2[target="_blank"].over span:after {
  background-position-x: -22px;
}
#mainNavi .mn_a3[target="_blank"] span:after {
  background-position-x: -44px;
  margin: 0 0 4px 7px;
}
#mainNavi .mn_a3[target="_blank"]:hover span:after,
#mainNavi .mn_a3[target="_blank"].over span:after {
}
@media all and (min-width: 1000px) {
  #mainNavi .mn_a1[target="_blank"] span:after {
    margin: -2px 0 0px 7px;
  }
  #mainNavi .mn_a1[target="_blank"]:hover span:after,
  #mainNavi .mn_a1[target="_blank"].over span:after {
    background-position-x: -66px;
  }
}
@media all and (max-width: 999px) {
  #mainNavi .mn_a1[target="_blank"] span:after {
    background-position-x: -22px;
    margin: -1px 0 0 5px;
  }
  #mainNavi .mn_a2[target="_blank"] span:after {
    display: inline-block;
    position: static;
    margin: -2px 0 0 5px;
  }
}

/* 주메뉴 */
@media all and (min-width: 1000px) {
  #menu-wrap .mn-top,
  #menu-wrap .mem-btn,
  #menu-wrap .btn-close,
  #menu-wrap .tmn-box {
    display: none;
  }
  #mainNavi-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100px;
    z-index: 500;
    overflow: hidden;
    box-sizing: border-box;
  }
  #mainNavi-wrap.over {
  }
  #mainNavi-wrap.decoShow:after {
    height: 108px;
    opacity: 1;
  }
  #mainNavi-wrap.decoHide:after {
    opacity: 0;
  }
  #menu-wrap {
  }
  #menu-wrap .allmn-btn {
    position: absolute;
    left: 0;
    top: 20px;
    width: 49px;
    height: 48px;
    border: 1px solid #ccc;
    background: #fff;
    display: none;
  }
  #menu-wrap .allmn-btn:before,
  #menu-wrap .allmn-btn:after,
  #menu-wrap .allmn-btn .txt:before {
    content: "";
    display: block;
    width: 21px;
    height: 2px;
    background: #5a5a5a;
    margin-left: 14px;
    transition: all 0.3s ease;
  }
  #menu-wrap .allmn-btn:before {
    margin-bottom: 5px;
    margin-top: 16px;
  }
  #menu-wrap .allmn-btn:after {
    margin-top: 5px;
  }
  #menu-wrap .allmn-btn:hover:before,
  #menu-wrap .allmn-btn:hover:after {
    width: 14px;
    background: #006ee9;
  }
  #menu-wrap .allmn-btn:hover .txt:before {
    width: 18px;
    margin-left: 20px;
    background: #006ee9;
  }
  #mainNavi {
    height: 100px;
    box-sizing: border-box;
  }
  #mainNavi .depth1-wrap {
    height: 100%;
    margin: 0 60px;
    padding: 0 380px 0 430px;
    text-align: left;
    transition: all 0.3s;
    box-sizing: border-box;
  }
  #mainNavi .depth1-ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    height: 100%;
    overflow: hidden;
  }
  #mainNavi .mn_li1 {
    height: 100%;
  }
  #mainNavi .mn_a1 {
    display: flex;
    align-items: flex-start;
    position: relative;
    height: 100%;
  }
  #mainNavi .mn_a1 > span {
    display: block;
    align-self: center;
    position: relative;
    padding: 20px 0;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.05em;
    line-height: 1;
    overflow: hidden;
  }
  .isMain #mainNavi .mn_a1 > span {
    color: #fff;
  }
  #mainNavi .mn_a1 > span:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    background-color: #006ee9;
    border-radius: 50%;
    opacity: 0;
    width: 7px;
    height: 7px;
    transform: translateY(10px);
    transition: all 0.3s ease;
  }
  .isMain #mainNavi .mn_a1 > span:before {
    background: #fff;
  }
  #mainNavi .mn_a1.over span,
  #mainNavi .mn_a1:hover span,
  #mainNavi .mn_a1:focus span,
  #mainNavi .mn_li1.over .mn_a1 span {
    color: #006ee9;
  }
  .isMain:not(.pc-topMenu-open) #mainNavi .mn_a1.over span,
  .isMain:not(.pc-topMenu-open) #mainNavi .mn_a1:hover span,
  .isMain:not(.pc-topMenu-open) #mainNavi .mn_a1:focus span,
  .isMain:not(.pc-topMenu-open) #mainNavi .mn_li1.over .mn_a1 span {
    color: #fff;
  }
  #mainNavi .mn_li1 .mn_a1.over > span:before,
  #mainNavi .mn_a1:hover > span:before,
  #mainNavi .mn_li1.over .mn_a1 > span:before {
    opacity: 1;
    transform: translateY(0);
  }
  #mainNavi .depth2-wrap {
    display: none;
    position: absolute;
    top: 140px;
    left: 0;
    width: 100%;
    min-height: 570px;
    padding: 30px 0 40px;
    text-align: left;
    box-sizing: border-box;
    z-index: 1000;
  }
  #mainNavi .depth2-wrap .depth2-tit {
    background-color: #006ee9;
    position: absolute;
    top: 0;
    left: 0;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 25px;
    width: calc((100% - 1400px) / 2 + 190px);
    height: 100%;
    padding: 75px 30px 0 150px;
    overflow: hidden;
    box-sizing: border-box;
    transition: all 0.3s;
  }
  #mainNavi .depth2-wrap .depth2-tit:before,
  #mainNavi .depth2-wrap .depth2-tit:after {
    content: "";
    display: block;
  }
  #mainNavi .depth2-wrap .depth2-tit:before {
    position: absolute;
    bottom: 20px;
    right: 30px;
    background: url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat 0 0;
    width: 240px;
    height: 240px;
  }
  #mainNavi .depth2-wrap .depth2-tit span {
    display: block;
  }
  #mainNavi .depth2-wrap .depth2-tit .tit {
    position: relative;
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    font-family: "Paperlogy", "Pretendard", sans-serif;
  }
  #mainNavi .depth2-wrap .depth2-tit .tit:after {
    content: "";
    display: inline-block;
    background-color: #ffd325;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin-left: 9px;
    vertical-align: top;
  }
  #mainNavi .depth2-wrap .depth2-tit .txt {
    position: relative;
    margin-top: 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2;
    font-family: "Paperlogy", "Pretendard", sans-serif;
  }
  #mainNavi .depth2-wrap .depth2-tit .txt:before,
  #mainNavi .depth2-wrap .depth2-tit .txt:after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
  }
  #mainNavi .depth2-wrap .depth2-tit .txt:before {
    background-color: #fff300;
    width: 34px;
    height: 34px;
    margin-top: 52px;
    transform: rotate(62deg);
  }
  #mainNavi .depth2-wrap .depth2-tit .txt:after {
    background-color: #00d5e2;
    border-radius: 50%;
    width: 19px;
    height: 19px;
    margin: 102px 0 0 60px;
  }
  #mainNavi .depth2-wrap .depth2-ul {
    display: flex;
    flex-flow: row wrap;
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    padding-left: 240px;
    box-sizing: border-box;
  }
  #mainNavi .depth2-wrap .mn_li2 {
    width: calc(25% - 22px);
    margin: 0 29px 20px 0;
    position: relative;
  }
  #mainNavi .depth2-wrap .mn_li2:nth-child(-n + 4) {
    padding-top: 0;
  }
  #mainNavi .depth2-wrap .mn_li2:nth-child(4n) {
    margin-right: 0;
  }
  #mainNavi .depth2-wrap .mn_a2 {
    display: flex;
    align-items: center;
    position: relative;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 46px;
    padding: 0 15px;
    font-size: 0;
    text-align: left;
    transition: all 0.3s ease;
    box-sizing: border-box;
  }
  #mainNavi .depth2-wrap .mn_li2.has-sub .mn_a2:after {
    content: "";
    display: none;
    position: absolute;
    top: -4px;
    right: 0;
    bottom: 0;
    left: 0;
    border: solid;
    border-width: 0 0 2px 2px;
    border-color: transparent transparent #8c8c8c #8c8c8c;
    width: 8px;
    height: 8px;
    margin: auto 15px auto auto;
    transform: rotate(-45deg);
    transition: all 0.3s ease;
  }
  /* #mainNavi .depth2-wrap .mn_li2.has-sub .mn_a2 {padding-right:36px} */
  #mainNavi .depth2-wrap .mn_a2 span {
    display: block;
    position: relative;
    width: 100%;
    padding: 5px 14px 0 0;
    color: #222;
    font-weight: 500;
    font-size: 17px;
    letter-spacing: -0.05em;
    line-height: 1.2;
    box-sizing: border-box;
    transition: all 0.3s ease;
  }
  #mainNavi .depth2-wrap .mn_a2:hover {
    border-color: #22264c;
  }
  #mainNavi .depth2-wrap .mn_a2:hover span {
    color: #22264c;
  }
  #mainNavi .depth2-wrap .mn_li2.has-sub .mn_a2:hover:after {
    border-color: #22264c;
  }
  #mainNavi .depth2-wrap .over .mn_a2 {
    background-color: #22264c;
    border-color: #22264c;
    box-shadow: 0 13px 28px 0 rgba(144, 156, 187, 0.4);
  }
  #mainNavi .depth2-wrap .mn_li2.has-sub.over .mn_a2:after {
    border-color: #fff;
  }
  #mainNavi .depth2-wrap .over .mn_a2 span {
    color: #fff;
  }

  #mainNavi .depth3-wrap {
    padding: 11px 0 0 17px;
    box-sizing: border-box;
  }
  #mainNavi .depth3-wrap .depth3-ul {
  }
  #mainNavi .depth3-wrap .mn_li3 {
    position: relative;
    padding-left: 14px;
  }
  #mainNavi .depth3-wrap .mn_li3:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 11px;
    background-color: #7d7d7d;
    border-radius: 50%;
    width: 5px;
    height: 5px;
  }
  #mainNavi .depth3-wrap .mn_a3 {
    display: block;
    position: relative;
    padding: 5px 0;
    box-sizing: border-box;
  }
  #mainNavi .depth3-wrap .mn_a3 span {
    display: inline-block;
    position: relative;
    color: #555;
    font-size: 17px;
    letter-spacing: -0.05em;
    line-height: 1.2;
    transition: all 0.3s ease;
  }
  #mainNavi .depth3-wrap .mn_li3.over:before,
  #mainNavi .depth3-wrap .mn_li3:hover:before {
    background-color: #006ee9;
  }
  #mainNavi .depth3-wrap .over.mn_a3 span {
  }
  #mainNavi .depth3-wrap .over.mn_a3 span,
  #mainNavi .depth3-wrap .mn_a3.over span,
  #mainNavi .depth3-wrap .mn_a3:hover span {
    color: #006ee9;
  }

  #mainNavi .tgl-btn {
    display: none;
  }
  #mainNavi .amenu {
    display: block;
    position: absolute;
    width: 90px;
    height: 90px;
    right: 0;
    top: 0;
    background: #0088a5;
    transition: all 0.3s ease;
  }
  #mainNavi .amenu:before,
  #mainNavi .amenu span,
  #mainNavi .amenu:after {
    content: "";
    display: block;
    position: absolute;
    height: 3px;
    background: #fff;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 0;
    transition: all 0.3s ease;
  }
  #mainNavi .amenu:before {
    width: 27px;
    margin: 35px auto auto 32px;
  }
  #mainNavi .amenu span {
    width: 19px;
    margin: auto auto auto 32px;
  }
  #mainNavi .amenu:after {
    width: 27px;
    margin: auto auto 34px 32px;
  }
  #mainNavi .amenu:focus span,
  #mainNavi .amenu:hover span {
    width: 27px;
  }
  .pc-topMenu-open #mainNavi-wrap {
    background: #fff;
  }
  .pc-topMenu-open #menu-wrap {
  }
  .pc-topMenu-open #menu-wrap:after {
    opacity: 0;
  }
  .pc-topMenu-open #mainNavi .mn_a1 > span {
    color: #333;
  }
  .pc-topMenu-open #mainNavi .mn_a1.over > span {
    color: #006ee9;
  }
  .pc-topMenu-open #mainNavi .mn_a1:after {
    background: #006ee9;
  }
  /*
	.pc-topMenu-open #mainNavi .mn_a1[target=_blank] span:after {background-position-x:-25px}
	.pc-topMenu-open #mainNavi .mn_a1[target=_blank]:focus span:after,
	.pc-topMenu-open #mainNavi .mn_a1[target=_blank]:hover span:after {background-position-x:-25px}
	*/
  .body-slider-ovclick {
    display: none;
  }
}
@media all and (min-width: 1400px) and (max-width: 1799px) {
  #mainNavi .depth2-wrap .depth2-tit {
    padding-left: 30px;
  }
}
@media all and (min-width: 1400px) and (max-width: 1699px) {
  #mainNavi .depth2-wrap .depth2-tit {
    width: calc((100% - 1400px) / 2 + 300px);
  }
  #mainNavi .depth2-wrap .depth2-ul {
    padding-left: 330px;
  }
}
@media all and (min-width: 1700px) and (max-width: 1799px) {
  #mainNavi .depth1-wrap {
    padding: 0 320px 0 340px;
  }
}
@media all and (min-width: 1600px) and (max-width: 1699px) {
  #mainNavi .depth1-wrap {
    padding: 0 290px 0 260px;
  }
}
@media all and (min-width: 1400px) and (max-width: 1599px) {
  #mainNavi .depth1-wrap {
    padding: 0 290px 0 200px;
  }
  #mainNavi .mn_a1 > span {
    font-size: 22px;
  }
}
@media all and (min-width: 1000px) and (max-width: 1459px) {
  #mainNavi .depth1-wrap {
    margin: 0 30px;
    padding: 0 0 0 270px;
  }
  #mainNavi .depth1-ul {
    justify-content: space-between;
  }
  #mainNavi .depth2-wrap .depth2-ul {
    padding-right: 30px;
  }
}
@media all and (min-width: 1000px) and (max-width: 1399px) {
  #mainNavi-wrap {
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
  }
  #mainNavi .depth2-wrap {
    padding: 0;
    min-height: 200px;
  }
  #mainNavi .depth2-wrap .depth2-tit {
    display: flex;
    flex-flow: row wrap;
    align-items: baseline;
    position: relative;
    left: auto;
    top: auto;
    border-radius: 0;
    width: auto;
    height: auto;
    padding: 40px 30px 30px;
  }
  #mainNavi .depth2-wrap .depth2-tit:before {
    bottom: 0;
    top: 0;
    background-size: 177px;
    width: 96px;
    height: 96px;
    margin: auto 0;
  }
  #mainNavi .depth2-wrap .depth2-tit .txt {
    margin: 0 0 0 15px;
  }
  #mainNavi .depth2-wrap .depth2-tit .txt > br {
    display: none;
  }
  #mainNavi .depth2-wrap .depth2-ul {
    padding: 30px;
  }
}
@media all and (min-width: 1000px) and (max-width: 1199px) {
  #mainNavi .mn_a1 > span {
    font-size: 20px;
  }
}

@media all and (max-width: 999px) {
  body.mobile-sideMenu-open {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  /* 메뉴 */
  #mainNavi-wrap {
    overflow: inherit;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 0 !important;
    max-width: 380px;
  }
  #mainNavi-wrap * {
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  #menu-wrap {
    position: fixed;
    right: -100%;
    top: 0px;
    left: auto;
    width: 100%;
    height: 100%;
    max-width: 380px;
    box-sizing: border-box;
    transition:
      right 0.5s ease,
      box-shadow 0.5s ease;
    overflow-x: hidden;
    z-index: 8000;
  }
  #menu-wrap.mn-h-open {
    right: 0;
  }
  #menu-wrap:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 20px);
    background-color: #006ee9;
    border-radius: 30px;
    border-top-left-radius: 60px;
    border-top-right-radius: 0;
    height: 100%;
    box-sizing: border-box;
  }
  #menu-wrap .mDeco {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 70px 0 0 140px;
    transition: all 0.3s ease;
    box-sizing: border-box;
    z-index: -1;
  }
  #menu-wrap.hide-mDeco .mDeco {
    opacity: 0;
  }
  #menu-wrap .is-open .depth2-wrap {
    display: block !important;
  }
  #menu-wrap .mGnavi {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 70px;
    padding-right: 65px;
    font-size: 0;
    text-align: left;
    box-sizing: border-box;
    z-index: 1;
  }
  #menu-wrap .mGnavi ul {
    display: flex;
    align-items: center;
  }
  #menu-wrap .mGnavi ul li {
    margin-right: 22px;
  }
  #menu-wrap .mGnavi ul li:last-child {
    margin-right: 0;
  }
  #menu-wrap .mGnavi a {
    display: flex;
    align-items: center;
  }
  #menu-wrap .mGnavi a:before {
    content: "";
    display: block;
    background: url(/resources/_Templet/Layout/layout_kor/Img/layout_spr.png) no-repeat 0 -181px;
    width: 20px;
    height: 20px;
    margin-right: 7px;
  }
  #menu-wrap .mGnavi a span {
    display: block;
    position: relative;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    box-sizing: border-box;
  }
  #menu-wrap .mGnavi .login:before {
    background-position-x: -288px;
  }
  #menu-wrap .mGnavi .logout:before {
    background-position-x: -318px;
  }
  #menu-wrap .mGnavi .langE:before {
    background-position-x: -249px;
    width: 29px;
    height: 23px;
    margin-right: 0;
  }
  #menu-wrap .mGnavi .langE span {
    font-size: 0;
  }
  #menu-wrap .btn-close {
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    background: #fff;
    border: 0;
    border-radius: 15px;
    width: 39px;
    height: 39px;
    transform: translateY(-50%);
  }
  #menu-wrap .btn-close:before,
  #menu-wrap .btn-close:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    width: 19px;
    height: 2px;
    margin: auto;
  }
  #menu-wrap .btn-close:before {
    transform: rotate(45deg);
  }
  #menu-wrap .btn-close:after {
    transform: rotate(135deg);
  }
  #menu-wrap .allmn-btn {
    display: none;
  }
  #mainNavi {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-top: 70px;
    overflow-y: auto;
    z-index: 0;
  }
  #mainNavi .mn_li1.over:before {
    display: none;
  }
  #mainNavi .depth1-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
  }
  #mainNavi .depth1-wrap:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff url(/resources/_Templet/Header/header_kor/Img/header_mDeco.jpg) no-repeat
      center 45px;
    background-size: 117px auto;
    border-radius: 30px;
    width: calc(100% - 140px);
    height: 100%;
  }
  #mainNavi .hide-mDeco.depth1-wrap:before {
    background: #fff;
  }
  #mainNavi .depth1-ul {
    position: relative;
    padding-top: 16px;
    box-sizing: border-box;
    z-index: 1;
  }
  #mainNavi .mn_li1 {
    margin-top: 2px;
  }
  #mainNavi .mn_li1.first {
    margin-top: 0;
  }
  #mainNavi .mn_li1 .tgl-btn {
    display: none;
  }
  #mainNavi .mn_li1 .mn_a1 {
    display: flex;
    align-items: center;
    position: relative;
    width: 130px;
    height: 57px;
    padding: 2px 0 0 38px;
    box-sizing: border-box;
    z-index: 300;
  }
  #mainNavi .mn_li1 .mn_a1 span {
    display: inline-block;
    width: 100%;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    word-wrap: break-word;
    word-break: keep-all;
    white-space: normal;
    vertical-align: middle;
  }
  #mainNavi .mn_li1.is-open {
  }
  /* #mainNavi .mn_li1 .mn_a1.over, */
  #mainNavi .mn_li1.has-sub.is-open .mn_a1 {
    background: #fff;
    border-radius: 20px;
  }
  /* #mainNavi .mn_li1 .mn_a1.over:before, */
  #mainNavi .mn_li1.has-sub.is-open .mn_a1:before {
    content: "";
    display: block;
    position: absolute;
    left: 17px;
    top: 27px;
    background-color: #006ee9;
    border-radius: 50%;
    width: 6px;
    height: 6px;
  }
  /* #mainNavi .mn_li1 .mn_a1.over span, */
  #mainNavi .mn_li1.has-sub.is-open .mn_a1 span {
    color: #006ee9;
  }
  #mainNavi .depth2-wrap {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding-left: 140px;
    transition: display 0.3s ease;
    box-sizing: border-box;
  }
  #mainNavi .depth2-wrap .depth2-tit {
    display: none;
  }

  #mainNavi .is-open .depth2-wrap {
    display: block;
  }
  #mainNavi .depth2-ul {
    position: relative;
    background-color: #fff;
    border-radius: 30px;
    padding: 30px 20px 20px;
    box-sizing: border-box;
    z-index: 100;
  }
  #mainNavi .depth2-wrap .mn_li2 {
    position: relative;
    margin-bottom: 10px;
  }
  #mainNavi .depth2-wrap .mn_li2.has-sub .tgl-btn {
    display: block;
    position: absolute;
    right: 7px;
    top: 7px;
    background: none;
    border: 0;
    width: 30px;
    height: 30px;
    z-index: 1;
  }
  #mainNavi .depth2-wrap .mn_li2.has-sub .tgl-btn:before {
    content: "";
    display: block;
    position: absolute;
    top: -4px;
    right: 0;
    bottom: 0;
    left: 0;
    border: solid;
    border-width: 0 0 2px 2px;
    border-color: transparent transparent #8c8c8c #8c8c8c;
    width: 8px;
    height: 8px;
    margin: auto;
    transform: rotate(-45deg);
    transition: all 0.3s;
  }
  #mainNavi .depth2-wrap .mn_a2 {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 7px;
    height: 46px;
    padding: 7px 0 5px 15px;
    box-sizing: border-box;
  }
  #mainNavi .depth2-wrap .mn_a2 span {
    display: inline-block;
    width: 100%;
    color: #222;
    font-size: 15px;
    line-height: 1;
    word-wrap: break-word;
    word-break: keep-all;
    white-space: normal;
  }

  #mainNavi .depth2-wrap .mn_li2.has-sub.is-open .tgl-btn {
    top: 14px;
  }
  #mainNavi .depth2-wrap .mn_li2.has-sub.is-open .tgl-btn:before {
    transform: rotate(135deg);
  }
  #mainNavi .depth2-wrap .mn_li2.has-sub.is-open .mn_a2 span {
  }
  #mainNavi .depth2-wrap .mn_li2.over {
  }
  #mainNavi .depth2-wrap .mn_li2.is-open .mn_a2[target="_blank"] span:after {
    background-position: -22px -25px;
  }
  #mainNavi .depth2-wrap .mn_li2 .tgl-btn {
    right: 20px;
  }
  #mainNavi .depth2-wrap .mn_li2.has-sub .mn_a2.over:after {
    display: none;
  }
  #mainNavi .depth2-wrap .mn_a2.over,
  #mainNavi .depth2-wrap .is-open .mn_a2 {
    background-color: #22264c;
    border-color: #22264c;
    box-shadow: 0 13px 28px 0 rgba(144, 156, 187, 0.4);
  }
  #mainNavi .depth2-wrap .mn_a2.over span,
  #mainNavi .depth2-wrap .is-open .mn_a2 span {
    color: #fff;
  }

  #mainNavi .depth2-wrap .mn_li2.is-close .depth3-wrap {
    display: none;
  }
  #mainNavi .depth2-wrap .depth3-wrap {
    padding: 9px 17px 0;
  }
  #mainNavi .depth2-wrap .depth3-wrap li {
    position: relative;
    padding-left: 8px;
    box-sizing: border-box;
  }
  #mainNavi .depth2-wrap .depth3-wrap li:last-child {
    margin: 0;
  }
  #mainNavi .depth2-wrap .depth3-wrap li a {
    display: block;
    position: relative;
    color: #555;
    font-size: 15px;
    box-sizing: border-box;
  }
  #mainNavi .depth2-wrap .depth3-wrap li a:before {
    content: "";
    display: block;
    position: absolute;
    left: -8px;
    top: 11px;
    background-color: #7d7d7d;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    transition: all 0.3s ease;
  }
  #mainNavi .depth2-wrap .depth3-wrap li a span {
    display: inline-block;
    position: relative;
    padding: 6px 0;
    line-height: 1.2;
    transition: all 0.3s ease;
  }
  #mainNavi .depth2-wrap .depth3-wrap li a:hover span,
  #mainNavi .depth2-wrap .depth3-wrap li a:focus span {
    color: #006ee9;
  }
  #mainNavi .depth2-wrap .depth3-wrap li a:hover:before,
  #mainNavi .depth2-wrap .depth3-wrap li a:focus:before {
    background-color: #006ee9;
  }
  #mainNavi .depth2-wrap .depth3-wrap li.over a {
  }
  #mainNavi .depth2-wrap .depth3-wrap li .mn_a3.over span {
    color: #000;
  }

  #mn-ctrs-btns {
    display: block;
    position: absolute;
    right: 20px;
    top: 26px;
    z-index: 0;
  }
  #mn-ctrs-btns .mn-ctrs-btn {
    display: block;
    position: relative;
    background-color: #141845;
    border: 0;
    border-radius: 30px;
    width: 42px;
    height: 36px;
    box-sizing: border-box;
  }
  #mn-ctrs-btns .mn-ctrs-btn:before,
  #mn-ctrs-btns .mn-ctrs-btn span,
  #mn-ctrs-btns .mn-ctrs-btn:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 15px;
    height: 2px;
    font-size: 0;
    transition: all 0.3s ease;
  }
  #mn-ctrs-btns .mn-ctrs-btn:before {
    margin: 13px auto auto auto;
  }
  #mn-ctrs-btns .mn-ctrs-btn span {
    margin: auto;
  }
  #mn-ctrs-btns .mn-ctrs-btn:after {
    left: -3px;
    width: 11px;
    margin: auto auto 13px auto;
  }
  .body-slide-wr {
    position: relative;
    width: 100%;
    height: 100%;
    transition: margin 0.3s ease;
  }
  .body-slider-ovclick {
    display: block;
    position: fixed;
    width: 100%;
    height: 0;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    z-index: 8;
    opacity: 0;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: opacity 0.5s ease;
  }
  .body-slider-ovclick.show {
    height: 100%;
    opacity: 1;
  }
  .body-slider-ovclick.hide {
    opacity: 0;
  }
}
@media all and (max-width: 768px) {
  #mn-ctrs-btns {
    top: 15px;
  }
}

/*-------------------------submenu_kor.css------------------------------------*/
#side-wrap {
  display: none;
}
@media all and (max-width: 768px) {
  #side-wrap {
    display: block;
    width: 100%;
    padding: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    z-index: 2;
  }
  #leftmenu {
    height: auto;
  }
  #leftmenu .lm-tit {
    display: none;
  }
  #leftmenu .lm_l1 {
    display: block;
    box-sizing: border-box;
  }
  #leftmenu .lm_l1 .lm_a1 {
    display: none;
  }
  #leftmenu .lm_l1 > .tgl-btn {
    display: block;
    position: absolute;
    width: 55px;
    height: 55px;
    background: rgba(0, 0, 0, 0.85);
    border: 0;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
  }
  #leftmenu .lm_l1 > .tgl-btn:after {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    border: solid;
    border-width: 0 0 2px 2px;
    border-color: transparent transparent #fff #fff;
    transform: rotate(-45deg);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 20px auto auto auto;
    transition: all 0.3s ease;
  }
  #leftmenu .lm_l1.is-open > .tgl-btn:after {
    transform: rotate(135deg);
    margin: 25px auto auto auto;
  }
  #leftmenu .lm_l1.is-open .depth2 {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  }

  #leftmenu .depth2-wr {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    z-index: 1000;
  }
  #leftmenu .depth2 {
    display: block;
    background: #e5e5e5;
    transition: all 0.3s ease;
  }
  #leftmenu .depth2 .lm_l2 {
    display: block;
    box-sizing: border-box;
    position: relative;
    margin: 0 0 2px;
  }
  #leftmenu .depth2 .lm_l2:last-child {
    margin: 0;
  }
  #leftmenu .depth2 .lm_l2 .tgl-btn {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    border: 0;
    right: 0px;
    top: 7px;
    z-index: 1;
    background: transparent;
  }
  #leftmenu .depth2 .lm_l2 .tgl-btn:before,
  #leftmenu .depth2 .lm_l2 .tgl-btn:after {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 2px;
    background: #aaa;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transition: all 0.3s ease;
  }
  #leftmenu .depth2 .lm_l2 .tgl-btn:before {
  }
  #leftmenu .depth2 .lm_l2 .tgl-btn:after {
    transform: rotate(90deg);
  }
  #leftmenu .depth2 .lm_l2 .lm_a2 {
    display: block;
    position: relative;
    background: #fff;
    box-sizing: border-box;
    padding: 15px 50px 15px 20px;
    z-index: 0;
    transition: all 0.3s ease;
  }
  #leftmenu .depth2 .lm_l2 .lm_a2 span {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    font-size: 17px;
    color: #555;
    letter-spacing: -0.05em;
    line-height: 1.2;
  }
  #leftmenu .depth2 .lm_l2 .lm_a2 span:after {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    left: 100%;
    top: 3px;
    margin: 0 0 0 7px;
    opacity: 0;
  }
  #leftmenu .depth2 .lm_l2.over .lm_a2 {
    background: #0061ba;
  }
  #leftmenu .depth2 .lm_l2.over .lm_a2 span {
    color: #fff;
  }
  #leftmenu .depth2 .lm_l2.over .lm_a2 span:after {
    opacity: 1;
  }
  #leftmenu .depth2 .lm_l2.over .tgl-btn:before,
  #leftmenu .depth2 .lm_l2.over .tgl-btn:after {
    background: #fff !important;
  }
  #leftmenu .depth2 .lm_l2.over.is-open .tgl-btn:before {
  }
  #leftmenu .depth2 .lm_l2.over.is-open .tgl-btn:after {
    transform: rotate(0deg);
  }
  #leftmenu .depth2 .lm_l2.is-open .tgl-btn:before {
  }
  #leftmenu .depth2 .lm_l2.is-open .tgl-btn:after {
    transform: rotate(0deg);
    background: #aaa;
  }

  #leftmenu .depth3-wr {
    box-sizing: border-box;
    padding: 10px 20px;
  }
  #leftmenu .depth3 {
  }
  #leftmenu .depth3 .lm_l3 {
    display: block;
    margin: 0;
  }
  #leftmenu .depth3 .lm_l3 .tbl-btn {
  }
  #leftmenu .depth3 .lm_l3 .lm_a3 {
    display: block;
    padding: 5px 0 5px 12px;
    line-height: 1;
    box-sizing: border-box;
    position: relative;
  }
  #leftmenu .depth3 .lm_l3 .lm_a3:before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 2px;
    background: #aaa;
    left: 0;
    top: 14px;
  }
  #leftmenu .depth3 .lm_l3 .lm_a3 span {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    font-size: 16px;
    letter-spacing: -0.05em;
    line-height: 1.2;
  }
  #leftmenu .depth3 .lm_l3 .lm_a3 span:after {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    background: #0061ba;
    border-radius: 50%;
    left: 100%;
    top: 3px;
    margin: 0 0 0 7px;
    opacity: 0;
  }
  #leftmenu .depth3 .lm_l3.over .lm_a3:before {
    background: #0061ba;
  }
  #leftmenu .depth3 .lm_l3.over .lm_a3 span {
    color: #0061ba;
  }
  #leftmenu .depth3 .lm_l3.over .lm_a3 span:after {
    opacity: 1;
  }
}

/*-------------------------footer_kor.css------------------------------------*/
#footer-wrap {
  position: relative;
  background-color: #fff;
  z-index: 3000;
}
#footer-wrap .ft-wr {
  position: relative;
  padding: 0 0 46px;
  line-height: 1.2;
  max-width: 1400px;
  margin: 0 auto;
}
#footer-wrap .ft-svce {
  display: flex;
  flex-direction: column;
  position: relative;
  box-sizing: border-box;
}
#footer-wrap .ft-svce:after {
  content: "";
  display: block;
  position: absolute;
  width: 2000px;
  height: 1px;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  background: rgba(255, 255, 255, 0.1);
}

#footer-wrap .top-bt {
  position: fixed;
  bottom: -150px;
  right: 20px;
  width: 50px;
  height: 80px;
  text-align: center;
  border-radius: 30px; /*overflow:hidden;*/
  background: rgb(34, 34, 34, 0.9);
  z-index: 3500;
  transition: all 0.3s ease;
}
#footer-wrap .top-bt .top-btT {
  width: 100%;
  height: 40px;
  display: block;
  position: relative;
}
#footer-wrap .top-bt .top-btB {
  width: 100%;
  height: 40px;
  display: block;
  position: relative;
}
#footer-wrap .top-bt .top-btT:before {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border: 2px solid transparent;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  position: absolute;
  top: 22px;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
#footer-wrap .top-bt .top-btB:before {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border: 2px solid transparent;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  position: absolute;
  top: 6px;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
}
#footer-wrap .top-bt.over {
  bottom: 50px;
}
#footer-wrap .top-bt.end .top-btB {
  display: none;
}
#footer-wrap .top-bt.end .top-btT {
  height: 50px;
}
#footer-wrap .top-bt.end {
  height: 50px;
  border-radius: 50%;
}
#footer-wrap .top-bt .top-btT:focus,
#footer-wrap .top-bt .top-btB:focus {
  outline-color: red;
}

#footer-wrap .ft-svce .fts-link {
  order: 2;
  padding: 13px 0 10px;
}
#footer-wrap .ft-svce .fts-link .arr {
  display: none;
}
#footer-wrap .ft-svce .fts-link ul {
  display: flex;
  flex-flow: row wrap;
}
#footer-wrap .ft-svce .fts-link ul li {
  position: relative;
  margin-right: 17px;
  padding: 10px 23px 10px 0;
  box-sizing: border-box;
}
#footer-wrap .ft-svce .fts-link ul li:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 15px;
  background-color: #c8c8c8;
  border-radius: 50%;
  width: 5px;
  height: 5px;
}
#footer-wrap .ft-svce .fts-link ul li:last-child {
  margin-right: 0;
  padding-right: 0;
}
#footer-wrap .ft-svce .fts-link ul li:last-child:after {
  display: none;
}
#footer-wrap .ft-svce .fts-link a {
  display: block;
  color: #555;
  font-size: 16px;
  transition: all 0.3s ease;
}
#footer-wrap .ft-svce .fts-link a.privacy {
  color: #006ee9;
  font-weight: 500;
}
#footer-wrap .ft-svce .fts-link a span {
  display: block;
  line-height: 1;
}
#footer-wrap .ft-svce .fts-link a:hover {
}

#footer-wrap .ft-svce .fts-fmls {
  position: relative;
}
#footer-wrap .ft-svce .fts-fmls:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  background-color: #22264c;
  width: 3000px;
  height: 100%;
  margin-left: -1500px;
}
#footer-wrap .ft-svce .fts-fmls .fmls-pkg {
  display: flex;
  flex-flow: row wrap;
}
#footer-wrap .ft-svce .fts-fmls .f-site {
  flex-basis: 20%;
}
#footer-wrap .ft-svce .fts-fmls .f-site dl {
  position: relative;
}
#footer-wrap .ft-svce .fts-fmls .f-site dl dt {
}
#footer-wrap .ft-svce .fts-fmls .f-site dl dt button {
  display: flex;
  align-items: center;
  position: relative;
  background: transparent;
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  width: 100%;
  height: 70px;
  padding-left: 40px;
  font-size: 16px;
  text-align: left;
  box-sizing: border-box;
}
#footer-wrap .ft-svce .fts-fmls .f-site:first-child dl dt button {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
#footer-wrap .ft-svce .fts-fmls .f-site dl dt button span {
  color: #fff;
  transition: all 0.3s ease;
}
#footer-wrap .ft-svce .fts-fmls .f-site dl dt button .arr {
  display: block;
  position: absolute;
  width: 22px;
  height: 22px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto 20px auto auto;
  transition: all 0.3s ease;
}
#footer-wrap .ft-svce .fts-fmls .f-site dl dt button .arr:after {
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  border: solid;
  border-width: 2px 2px 0 0;
  border-color: #fff #fff transparent transparent;
  transform: rotate(-45deg);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 8px auto auto auto;
  opacity: 0.6;
  transition: all 0.3s ease;
}
#footer-wrap .ft-svce .fts-fmls .f-site dl dt button.is-open,
#footer-wrap .ft-svce .fts-fmls .f-site dl dt button:focus span,
#footer-wrap .ft-svce .fts-fmls .f-site dl dt button:hover span {
  opacity: 1;
}
#footer-wrap .ft-svce .fts-fmls .f-site dl dt button.is-open .arr,
#footer-wrap .ft-svce .fts-fmls .f-site dl dt button:focus .arr,
#footer-wrap .ft-svce .fts-fmls .f-site dl dt button:hover .arr {
  border-color: #fff;
}
#footer-wrap .ft-svce .fts-fmls .f-site dl dt button.is-open .arr:after,
#footer-wrap .ft-svce .fts-fmls .f-site dl dt button:focus .arr:after,
#footer-wrap .ft-svce .fts-fmls .f-site dl dt button:hover .arr:after {
  opacity: 1;
}
#footer-wrap .ft-svce .fts-fmls .f-site dl dt button.is-open .arr:after {
  transform: rotate(135deg);
  margin: 6px auto auto auto;
}
#footer-wrap .ft-svce .fts-fmls .f-site dl dd {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 100%;
  box-sizing: border-box;
  background: #22264c;
  box-sizing: border-box;
}
#footer-wrap .ft-svce .fts-fmls .f-site dl dd .sel {
  box-sizing: border-box;
  height: 330px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 9px 2px 9px 18px;
}
#footer-wrap .ft-svce .fts-fmls .f-site dl dd .sel ul {
  display: block;
  box-sizing: border-box;
}
#footer-wrap .ft-svce .fts-fmls .f-site dl dd .sel ul li {
  display: block;
  box-sizing: border-box;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
#footer-wrap .ft-svce .fts-fmls .f-site dl dd .sel ul li:first-child {
  border-top: 0;
}
#footer-wrap .ft-svce .fts-fmls .f-site dl dd .sel ul li:last-child {
  border-bottom: 0;
}
#footer-wrap .ft-svce .fts-fmls .f-site dl dd .sel a {
  display: block;
  color: #fff;
  opacity: 0.6;
  padding: 10px 0;
  text-align: left;
  transition: all 0.3s ease;
}
#footer-wrap .ft-svce .fts-fmls .f-site dl dd .sel a span {
  display: block;
  font-size: 14px;
  letter-spacing: -0.05em;
}
#footer-wrap .ft-svce .fts-fmls .f-site dl dd button {
  display: block;
  position: absolute;
  width: 100%;
  height: 35px;
  left: 0;
  bottom: 100%;
  border: 0;
  border-radius: 10px 10px 0 0;
  background: rgba(103, 145, 200, 0.88);
}
#footer-wrap .ft-svce .fts-fmls .f-site dl dd button:before,
#footer-wrap .ft-svce .fts-fmls .f-site dl dd button:after {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 2px;
  background: #fff;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
#footer-wrap .ft-svce .fts-fmls .f-site dl dd button:before {
  transform: rotate(45deg);
}
#footer-wrap .ft-svce .fts-fmls .f-site dl dd button:after {
  transform: rotate(135deg);
}

#footer-wrap .ft-info {
  position: relative;
  padding: 30px 0 0 267px;
  box-sizing: border-box;
}
#footer-wrap .ft-info:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  background-color: #ededed;
  width: 3000px;
  height: 1px;
  margin-left: -1500px;
}
#footer-wrap .ft-info .fti-logo {
  position: absolute;
  left: 0;
  top: 30px;
}
#footer-wrap .ft-info .fti-logo .flogo {
}
#footer-wrap .ft-info .fti-logo .flogo a {
  display: block;
}
#footer-wrap .ft-info .fti-logo .flogo a img {
  display: block;
}
#footer-wrap .ft-info .fti-addr {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
#footer-wrap .ft-info .fti-addr dl {
  margin: 6px 20px 0 0;
  color: #333;
  font-size: 15px;
}
#footer-wrap .ft-info .fti-addr dl:last-child {
  margin-right: 0;
}
#footer-wrap .ft-info .fti-addr dl dt {
  font-weight: 500;
}
#footer-wrap .ft-info .fti-addr dl dd {
  display: flex;
  flex-flow: row wrap;
  margin-top: 8px;
  font-weight: 300;
}
#footer-wrap .ft-info .fti-addr dl dd address {
  margin-bottom: 5px;
}
#footer-wrap .ft-info .fti-addr dl dd ul {
  display: flex;
  flex-flow: row wrap;
}
#footer-wrap .ft-info .fti-addr dl dd address + ul {
  margin-left: 6px;
}
#footer-wrap .ft-info .fti-addr dl dd ul li {
  font-weight: 400;
}
#footer-wrap .ft-info .fti-copy {
  display: block;
  flex-basis: 100%;
  margin: 10px 0 0 2px;
  color: rgba(51, 51, 51, 0.6);
  font-size: 15px;
  line-height: 1.3;
}
#footer-wrap .ft-info .fti-copy span {
}

#footer-wrap .ftMark {
  position: absolute;
  right: 0;
  top: 100px;
}
#footer-wrap .ftMark ul {
  display: block;
  font-size: 0;
}
#footer-wrap .ftMark ul li {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 0 0;
}
#footer-wrap .ftMark ul li:last-child {
  margin: 0;
}
#footer-wrap .ftMark a {
}
#footer-wrap .ftMark img {
}

@media all and (max-width: 1459px) {
  #footer-wrap .ft-wr {
    padding: 0 30px;
  }
  #footer-wrap .ft-info .fti-addr {
    justify-content: flex-start;
  }
}
@media all and (max-width: 999px) {
  #footer-wrap .ft-wr {
    padding: 0 20px;
  }
  #footer-wrap .ft-svce .fts-fmls .f-site {
    flex-grow: 1;
    flex-basis: 33.33%;
    position: relative;
  }
  #footer-wrap .ft-svce .fts-fmls .f-site:before {
    content: "";
    display: block;
    position: absolute;
    right: 8px;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    width: 1px;
    height: 20px;
    margin-top: -10px;
  }
  #footer-wrap .ft-svce .fts-fmls .f-site:nth-child(3n):before,
  #footer-wrap .ft-svce .fts-fmls .f-site:last-child:before {
    display: none;
  }
  #footer-wrap .ft-svce .fts-fmls .f-site dl dt button {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 0;
    height: 60px;
    padding-left: 0;
    font-size: 14px;
  }
  #footer-wrap .ft-svce .fts-fmls .f-site:first-child dl dt button {
    border-left: 0;
  }

  #footer-wrap .ft-svce .fts-link ul {
    justify-content: center;
  }
  #footer-wrap .ft-svce .fts-link ul li {
    margin-right: 12px;
    padding: 8px 18px 10px 0;
  }
  #footer-wrap .ft-svce .fts-link ul li:after {
    top: 12px;
  }
  #footer-wrap .ft-svce .fts-link a {
    font-size: 14px;
  }

  #footer-wrap .ft-info {
    padding: 27px 0 50px;
    text-align: center;
  }
  #footer-wrap .ft-info .fti-logo {
    position: static;
    left: auto;
    top: auto;
  }
  #footer-wrap .ft-info .fti-logo .flogo {
    display: inline-block;
  }
  #footer-wrap .ft-info .fti-addr {
    display: block;
    margin-top: 21px;
  }
  #footer-wrap .ft-info .fti-addr dl {
    font-size: 13px;
    margin: 9px 0 0 0;
  }
  #footer-wrap .ft-info .fti-addr dl dd {
    justify-content: center;
    margin-top: 6px;
  }

  #footer-wrap .ft-info .fti-copy {
    font-size: 13px;
  }

  .mobile-sideMenu-open #footer-wrap {
    z-index: 0;
  }
}
@media all and (max-width: 768px) {
  #footer-wrap .ft-svce .fts-fmls .f-site {
    flex-basis: 50%;
  }
  #footer-wrap .ft-svce .fts-fmls .f-site:nth-child(3n):before {
    display: block;
  }
  #footer-wrap .ft-svce .fts-fmls .f-site:nth-child(2n):before {
    display: none;
  }
  #footer-wrap .ft-svce .fts-fmls .f-site dl dt button {
    height: 50px;
    font-size: 12px;
  }

  #footer-wrap .ft-svce .fts-link {
    padding: 16px 0 13px;
  }
  #footer-wrap .ft-svce .fts-link ul li {
    margin-right: 12px;
    padding: 3px 18px 5px 0;
  }
  #footer-wrap .ft-svce .fts-link ul li:after {
    top: 7px;
    width: 4px;
    height: 4px;
  }
  #footer-wrap .ft-svce .fts-link a {
    font-size: 12px;
  }

  #footer-wrap .ft-info .fti-logo .flogo a img {
    width: 128px;
    height: auto;
  }
  #footer-wrap .ft-info .fti-addr dl,
  #footer-wrap .ft-info .fti-copy {
    font-size: 12px;
  }
  #footer-wrap .ft-info .fti-copy {
    margin: 20px 0 0;
  }
}