@charset "UTF-8";
/* layout-area */
html.kr .header .gnb-wrap {
  font-family: "Noto Sans";
}
html.kr .header .gnb-wrap .gnb .depth1 > li > a {
  font-family: "Noto Sans";
}
html.kr .snb-wrap {
  font-family: "Noto Sans";
}
html.kr .content-title-wrap .content-title {
  font-family: "Noto Sans";
}

.main ul,
.main ol,
.main li {
  list-style: none;
}

/* layout */
/* .en.wrapper.main,
.jp.wrapper.main,
.cn.wrapper.main{padding-top:0px} */
.wrapper {
  display: block;
  position: relative;
  width: 100%;
  min-width: 320px;
  margin: 0 auto;
  padding: 0;
  padding-top: 190px;
}

.is-scroll-fixed {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.header {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  z-index: 101;
}

.container {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.content-wrap {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.content-wrap .snb {
  display: block;
  float: left;
  z-index: 1;
  width: 220px;
  height: 100%;
  margin-right: 40px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media all and (max-width: 1024px) {
  .content-wrap .snb {
    display: none;
  }
}
.content-wrap .content {
  display: block;
  position: relative;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-left: 0 !important;
}
.content-wrap .snb + .content {
  width: 912px;
}

.content-wrap,
.gnb-wrap,
.header-theme-wrap .header-theme,
.header-global-wrap .header-global,
.footer .footer-wrap {
  max-width: 1190px;
}

.footer {
  position: relative;
}

.main .content-wrap {
  max-width: 100%;
}
.main .content {
  float: none;
  width: 100%;
}
.main .content .content-body {
  padding: 0;
  /*font-family: "Noto Sans";*/
  word-break: keep-all;
  word-wrap: break-word;
}

.wrap {
  width: 1172px;
  width: 1190px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}

@media only screen and (max-width: 1172px) {
  .wrap {
    width: 100%;
  }
}
/* header */
.header {
  position: absolute;
  overflow: hidden;
  left: 0px;
  right: 0px;
  top: 0;
  bottom: 0px;
  /*z-index:99;*/
  height: 290px;
  background: #fff;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.pc-view .header {
  background: transparent;
}
.header.on {
  z-index: 100000001;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
}

/*
.en.main .header,
.jp.main .header,
.cn.main .header{ position:relative;height:auto;} 
*/
.wrapper.wide .snd {
  display: none;
}
.wrapper.wide .content {
  width: 100%;
}

.en .header,
.jp .header,
.cn .header {
  height: 140px;
}
@media all and (max-width: 1024px) {
  .en .header,
  .jp .header,
  .cn .header {
    height: 60px;
  }
}

@media all and (min-width: 1025px) {
  .header,
  .incheon .header {
    /* position:fixed; */
    -webkit-transition: none;
    transition: none;
    background: #fff;
  }
  .header.fixed,
  .incheon.main .header.fixed {
    position: fixed;
    height: 90px;
    -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
            box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
  }
  .header.fixed.is-active-search,
  .incheon.main .header.fixed.is-active-search {
    height: 250px;
  }
  .header.fixed .header-global-wrap,
  .incheon.main .header.fixed .header-global-wrap {
    display: none;
  }
  .header.fixed .gnb-pc-menu .btn-view-search,
  .incheon.main .header.fixed .gnb-pc-menu .btn-view-search {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .header.fixed .gnb-pc-menu .btn-view-search.is-active,
  .incheon.main .header.fixed .gnb-pc-menu .btn-view-search.is-active {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
@media all and (max-width: 1024px) {
  .header,
  .incheon .header {
    /* position:fixed; */
    -webkit-transition: none;
    transition: none;
    background: transparent;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  }
  .header.is-active-search,
  .incheon .header.is-active-search {
    height: 196px;
    background-color: #fff;
  }
  .header.is-active-search .header-theme-wrap .header-theme,
  .incheon .header.is-active-search .header-theme-wrap .header-theme {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .header.is-active-search .header-search-wrap.is-active,
  .incheon .header.is-active-search .header-search-wrap.is-active {
    display: block;
    top: 70px;
  }
  .header.fixed,
  .incheon.main .header.fixed {
    position: fixed;
    height: 60px;
    -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
            box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
  }
  .header.fixed.is-active-search,
  .incheon.main .header.fixed.is-active-search {
    height: 140px;
  }
  .header.on.is-active-search,
  .incheon.main .header.on.is-active-search {
    height: auto;
  }
  .header.on.is-active-search .header-theme-wrap .header-theme,
  .incheon.main .header.on.is-active-search .header-theme-wrap .header-theme {
    height: 140px;
  }
  .header.on.is-active-search .header-search-wrap.is-active,
  .incheon.main .header.on.is-active-search .header-search-wrap.is-active {
    position: relative;
    top: -10px;
  }
  .header.fixed .header-global-wrap,
  .incheon.main .header.fixed .header-global-wrap {
    display: none;
  }
  .header.on::after {
    display: none;
  }
  .header {
    z-index: 101;
    height: 110px;
  }
  .wrapper,
  .incheon.wrapper {
    padding-top: 110px;
  }
  .wrapper.has-fixed,
  .incheon.wrapper.has-fixed {
    padding-top: 60px;
  }
  .footer {
    display: block;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .snb {
    display: none;
  }
  .main .content {
    padding: 0 0;
  }
  /* 0204 */
  /*     .en.wrapper.main,
    .jp.wrapper.main,
    .cn.wrapper.main{padding-top:0px} */
}
@media all and (max-width: 1171px) {
  .wrapper:not(.main) .container .content-wrap .content,
  .snb + .content {
    width: auto;
  }
}
@media all and (max-width: 1024px) {
  .wrapper:not(.main) .container .content-wrap .content,
  .snb + .content {
    width: 100%;
    margin: 0;
    padding: 0 3vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
/* skip nav */
.skip-nav a {
  display: block;
  overflow: hidden;
  height: 0;
  text-align: center;
  text-decoration: none;
  font-size: 0;
  position: relative;
}

.skip-nav a:focus,
.skip-nav a:active {
  width: 100%;
  display: block;
  height: auto;
  padding: 15px 0;
  font-size: 14px;
  color: #000;
  background-color: #ddd;
}

.skip-nav a:focus::before,
.skip-nav a:active::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 2px solid #000;
}

/* go top */
.go-top {
  display: block;
  position: fixed;
  /*bottom:283px; */
  bottom: 20px;
  right: 20px;
  z-index: 99;
  width: 56px;
  height: 56px;
}

.go-top > a {
  display: block;
  overflow: hidden;
  width: 56px;
  height: 56px;
  display: block;
  background-image: url(/humanframe/theme/incheon/assets/image/renew2023/btn_top.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 50%;
}

@media only screen and (max-width: 1171px) {
  .go-top {
    /*bottom:59vh;*/
    bottom: 3vw;
    right: 3vw;
  }
}
/* popup-band-top */
.popup-band-top {
  display: none;
  position: relative;
  width: 100%;
  /*background-color:#f8f8f8;*/
  background-color: #147cc3;
  border-bottom: 1px solid #dddddd;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.main-popup-band-top-wrap .popup-band-top {
  display: none;
}

.main-popup-band-top-wrap.main .popup-band-top {
  display: block;
}

/* 메인에서만 보이기 */
.popup-band-pc {
  display: block;
}

.popup-band-mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .popup-band-pc {
    display: none;
  }
  .popup-band-mobile {
    display: block;
  }
}
.popup-band-inner {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  max-width: 1172px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 100%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.popup-band-inner a {
  display: block;
}

.popup-band-inner img {
  display: block;
  min-height: 40px;
}

.popup-band-inner .popup-band-text-group {
  display: block;
  padding: 15px 20%;
}

.popup-band-inner .popup-band-title {
  display: block;
  font-weight: 500;
  font-size: 20px;
  /*font-family:"Noto Sans";*/
  color: #333;
}

.popup-band-inner .popup-band-text {
  display: block;
  margin-top: 6px;
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}

.popup-band-inner img {
  max-width: 100%;
}

.popup-band-inner .popup-band-footer {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 28px;
  text-align: right;
}

.popup-band-inner .btn-close-band {
  display: inline-block;
  overflow: hidden;
  position: relative;
  height: 14px;
  width: 14px;
  background-image: url(/humanframe/globaltheme/assets/image/layout/popup-band-close-btn.png);
  background-repeat: no-repeat;
  background-size: 9px 9px;
  background-position: 50% 50%;
  border-radius: 0;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.popup-band-inner .btn-close-band > span {
  display: block;
  overflow: hidden;
  width: 0;
  height: 0;
  font-size: 0;
}

.popup-band-inner .form-check {
  margin: 0 10px 0 0;
}

.popup-band-inner .form-check label {
  font-size: 14px;
}

.popup-band-inner .form-check label span {
  padding-left: 19px;
}

.popup-band-inner .form-check label::before {
  border: 1px solid #666666;
}

/* popupband-type */
.popup-band-top.popup-band-type01 {
  background-color: #f8f8f8;
}

.popup-band-top.popup-band-type01 .popup-band-inner {
  background-image: url(/humanframe/theme/incheon/event/popupband/popupband-type01.png);
}

.popup-band-top.popup-band-type02 .popup-band-inner {
  background-image: url(/humanframe/theme/incheon/event/popupband/popupband-type02.png);
}

.popup-band-top.popup-band-type03 .popup-band-inner {
  background-image: url(/humanframe/theme/incheon/event/popupband/popupband-type03.png);
}

@media screen and (max-width: 1024px) {
  .popup-band-inner {
    height: auto;
    background-position: left bottom;
    background-repeat: no-repeat;
  }
  .popup-band-inner .popup-band-text-group {
    padding: 20px 3vw 20px 20%;
  }
}
@media screen and (max-width: 768px) {
  .popup-band-top {
    height: auto;
  }
  .popup-band-inner .popup-band-text-group {
    padding: 3vw 3vw 34px 20%;
  }
  .popup-band-inner .popup-band-title {
    font-size: 14px;
  }
  .popup-band-inner .popup-band-text {
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.2;
  }
  .popup-band-inner .popup-band-footer {
    top: auto;
    bottom: 0;
    right: 0;
    padding: 4px;
  }
  .popup-band-inner .form-check label {
    font-size: 12px;
  }
}
/* footer black */
.popup-band-inner .popup-band-footer {
  bottom: 0;
  top: auto;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 4px;
  color: #fff;
}

.popup-band-inner .form-check label span {
  color: #fff;
  font-size: 12px;
}

.popup-band-inner .btn-close-band {
  background-image: url(/humanframe/globaltheme/assets/image/layout/popup-band-close-btn-white.png);
}

/* corona virus popup */
#popup-corona {
  height: auto;
  background-color: #f3cbcb;
}

#popup-corona::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 6px;
  background-color: #c94e49;
}

html:lang(ko) #popup-corona::after {
  display: none;
}

html:lang(ko) #popup-corona {
  border-bottom: 6px solid #c94e49;
}

#popup-corona .popup-band-inner .popup-band-footer {
  bottom: 0;
  top: auto;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 4px;
  color: #fff;
}

#popup-corona .popup-band-inner .form-check label span {
  color: #fff;
  font-size: 12px;
}

#popup-corona .popup-band-inner .btn-close-band {
  background-image: url(/humanframe/globaltheme/assets/image/layout/popup-band-close-btn-white.png);
}

@media screen and (max-width: 1024px) {
  #popup-corona::after {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  #popup-corona .popup-band-inner {
    padding-bottom: 20px;
  }
  #popup-corona .popup-band-inner .popup-band-footer {
    display: block;
    width: 100%;
  }
}
/* corona virus popup2 */
#popup-corona2 {
  height: auto;
  background-color: transparent;
  background-color: #305FAF;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

/*
 #popup-corona2::before {content:"";display:block;position:absolute;left:0;right:50%;bottom:0;z-index:-1;display:block;width:100%;height:100%;background-color:#f6db68;}
  #popup-corona2::after {content:"";display:block;position:absolute;left:50%;right:0;bottom:0;z-index:-1;display:block;width:100%;height:100%;background-color:#1588c7;}
*/
#popup-corona2 form {
  margin: 0;
  padding: 0;
}

#popup-corona2 .popup-band-inner .popup-band-footer {
  bottom: 0;
  top: auto;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 0 4px;
  color: #fff;
}

#popup-corona2 .popup-band-inner .form-check label span {
  color: #fff;
  font-size: 12px;
}

#popup-corona2 .popup-band-inner .btn-close-band {
  background-image: url(/humanframe/globaltheme/assets/image/layout/popup-band-close-btn-white.png);
}

@media screen and (max-width: 480px) {
  #popup-corona2 .popup-band-inner {
    padding-bottom: 30px;
  }
  #popup-corona2 .popup-band-inner .popup-band-footer {
    display: block;
    width: 100%;
    padding: 4px;
  }
}
header ul {
  list-style: none;
}

/* header-global */
.header-global-wrap {
  display: block;
  position: relative;
  z-index: 101;
  background-color: #fff;
  border-bottom: 1px solid #d6d6d6;
  height: 49px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  line-height: 1;
}
.header-global-wrap .header-global {
  position: relative;
  width: 100%;
  height: 49px;
  margin: 0 auto;
}
.header-global-wrap .header-global .header-global-nav {
  float: left;
  line-height: 49px;
}
.header-global-wrap .header-global .header-global-nav .header-global-menuall {
  display: block;
  width: 50px;
  height: 49px;
  background-color: #edf0ef;
  background-image: url("/humanframe/globaltheme/assets/image/layout/header-global-menuall.svg");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-color: #ddd;
  border-width: 0 1px;
  border-style: solid;
}
.header-global-wrap .header-global .header-global-nav .header-global-menuall:focus {
  border: 1px solid #0070bd;
}
.header-global-wrap .header-global .header-global-nav .header-global-menuall > span {
  display: block;
  overflow: hidden;
  width: 0;
  height: 0;
  left: -9999999999px;
  font-size: 0;
}
.header-global-wrap .header-global .header-global-nav .header-global-menuall.active {
  background-color: #0070bd;
  background-image: url("/humanframe/globaltheme/assets/image/layout/header-global-menuall-close.png");
}
.header-global-wrap .header-global .header-global-nav .header-global-menuall-close {
  display: block;
  z-index: 1;
  position: absolute;
  left: 0;
  top: -50px;
  width: 50px;
  height: 49px;
  background-color: #0070bd;
  background-image: url("/humanframe/globaltheme/assets/image/layout/header-global-menuall-close.png");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.header-global-wrap .header-global .header-global-nav .header-global-menuall-close:focus {
  border: 2px solid #000;
}
.header-global-wrap .header-global .header-global-nav .header-global-menuall-close > span {
  display: block;
  overflow: hidden;
  width: 0;
  height: 0;
  left: -9999999999px;
  font-size: 0;
}
.header-global-wrap .header-global .header-global-nav-layer {
  display: none;
  position: absolute;
  left: 0;
  top: 50px;
  z-index: 999999999;
  width: 100%;
  max-width: 1172px;
  height: 448px;
}
.header-global-wrap .header-global .header-global-nav-layer.active {
  display: block;
  z-index: 101;
}
.header-global-wrap .header-global .header-global-logo-incheon {
  display: block;
  float: left;
  margin-left: 15px;
}
.header-global-wrap .header-global .header-global-logo-incheon a {
  display: block;
}
.header-global-wrap .header-global .header-global-logo-incheon img {
  display: block;
  height: 24px;
  width: auto;
  margin: 13px 0 12px 0;
}
.header-global-wrap .header-global .header-global-util-2023 > ul {
  overflow: hidden;
}
.header-global-wrap .header-global .header-global-util-2023 > ul > li {
  float: left;
  position: relative;
  height: 100%;
  border-left: 1px solid #dddddd;
}
.header-global-wrap .header-global .header-global-util-2023 > ul > li:last-child {
  border-right: 1px solid #ddd;
}
.mobile-view .header-global-wrap .header-global .header-global-util-2023 > ul > li:last-child, .dv-mobile .header-global-wrap .header-global .header-global-util-2023 > ul > li:last-child {
  border-right: 0;
}
.header-global-wrap .header-global .header-global-util-2023 > ul > li a {
  display: block;
  padding: 0 15px;
  line-height: 49px;
  font-size: 16px;
  /*outline:none*/
  position: relative;
}
.header-global-wrap .header-global .header-global-util-2023 > ul > li a::before {
  content: "";
  display: block;
  position: absolute;
  border: 2px solid transparent;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.header-global-wrap .header-global .header-global-util-2023 > ul > li a:focus::before {
  border-color: #000;
}
.header-global-wrap .header-global .header-global-util-2023 > ul > li.weatherInfo span {
  display: inline-block;
  padding-left: 23px;
  background: url(/humanframe/globaltheme/assets/image/layout/weatherInfo_icon.jpg) no-repeat 0 center;
}
.header-global-wrap .header-global .header-global-util-2023 > ul > li.login a, .header-global-wrap .header-global .header-global-util-2023 > ul > li.logout a, .header-global-wrap .header-global .header-global-util-2023 > ul > li.mypage a {
  background-color: #edf0ef;
}
.header-global-wrap .header-global .header-global-util-2023 .lang {
  margin-left: 12px;
  border-left: 1px solid #3e4d81;
}
.header-global-wrap .header-global .header-global-util-2023 .select-go-site {
  display: block;
  float: left;
  border: none;
  width: 117px;
  height: 30px;
  background-color: #ccc;
  background-image: url("../image/common/icon_select_top.png");
  background-position: right center;
  background-repeat: no-repeat;
  border-radius: 0;
  /*outline:none;*/
  padding: 0 0 0 20px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  line-height: 29px;
  font-size: 12px;
  color: #fff;
  font-weight: 500;
}
.header-global-wrap .header-global .header-global-util-2023 .select-go-site::-ms-expand {
  display: none;
}
.header-global-wrap .header-global .header-global-util-2023 .select-go-site option {
  background: rgb(40, 57, 116);
  -webkit-box-shadow: inset 20px 20px #f00;
          box-shadow: inset 20px 20px #f00;
}
.header-global-wrap .header-global .header-global-util-2023 .btn-go,
.header-global-wrap .header-global .header-global-util-2023 .btn-go-language {
  display: inline-block;
  background: #131c44;
  width: 52px;
  height: 100%;
  text-align: center;
  color: #a0a2ac;
  font-weight: 500;
}

@media all and (max-width: 1024px) {
  .header-global-wrap .header-global .header-global-logo-incheon,
  .header-global-wrap .header-global .header-global-nav,
  .header-global-wrap .header-global .header-global-news {
    display: none;
  }
  .header-global-wrap .header-global .header-global-util-2023 {
    float: none;
    width: 100%;
  }
  .header-global-wrap .header-global .header-global-util-2023 > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header-global-wrap .header-global .header-global-util-2023 > ul > li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
    text-align: center;
  }
  .header-global-wrap .header-global .header-global-util-2023 > ul > li a {
    padding: 0 0;
    font-size: calc(10px + 1vw);
  }
  .header-global-wrap .header-global .header-global-util-2023 > ul > li:first-child {
    border-left: 0;
  }
  .header-global-wrap .header-global .header-global-util-2023 > ul > li.login,
  .header-global-wrap .header-global .header-global-util-2023 > ul > li.logout,
  .header-global-wrap .header-global .header-global-util-2023 > ul > li.mypage {
    display: none;
  }
}
.header-global-nav-layer .header-global-search-wrap {
  display: block;
  position: relative;
  background-color: #fff;
  padding: 28px 60px;
}
.header-global-nav-layer .header-global-search-wrap .title-allwaysIncheon {
  display: block;
  position: absolute;
  left: 60px;
  top: 50%;
  overflow: hidden;
  margin-top: -25px;
  width: 241px;
  height: 50px;
  background-image: url("/humanframe/globaltheme/assets/image/layout/header-global-allwaysIncheon.png");
  background-repeat: no-repeat;
  background-position: 0 50%;
}
.header-global-nav-layer .header-global-search-wrap .title-allwaysIncheon a {
  display: block;
  position: relative;
  height: 50px;
}
.header-global-nav-layer .header-global-search-wrap .title-allwaysIncheon span {
  display: block;
  overflow: hidden;
  position: absolute;
  left: -999999999999px;
  font-size: 0;
  width: 0;
  height: 0;
}
.header-global-nav-layer .header-global-search-wrap .search-input-btn-group {
  display: block;
  position: relative;
  margin-left: 261px;
  height: 50px;
  padding: 0 64px 0 23px;
  border: 2px solid #0070bd;
  border-radius: 25px;
}
.header-global-nav-layer .header-global-search-wrap .search-input-btn-group .header-global-search-input {
  display: block;
  position: relative;
  width: 100%;
  background-color: transparent;
  height: 46px;
  border: 0;
}
.header-global-nav-layer .header-global-search-wrap .search-input-btn-group .header-global-search-btn {
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 24px;
  height: 46px;
  margin-top: -23px;
  background-color: transparent;
  background-image: url("/humanframe/globaltheme/assets/image/layout/header-global-search-btn.png");
  background-repeat: no-repeat;
  background-position: 0 50%;
}
.header-global-nav-layer .header-global-search-wrap .search-input-btn-group .header-global-search-btn span {
  display: block;
  overflow: hidden;
  position: absolute;
  left: -999999999999px;
  font-size: 0;
  width: 0;
  height: 0;
}

.header-global-nav-layer .nav-go-wrap {
  display: block;
  overflow: hidden;
  position: relative;
  background-color: #edf0ef;
  border-top: 1px solid #ccc;
  padding: 50px 60px;
}

.header-global-nav-layer .nav-go-wrap .nav-go-field {
  display: block;
  float: left;
  position: relative;
  width: 48%;
}

.header-global-nav-layer .nav-go-wrap .nav-go-field ul {
  overflow: hidden;
}
.header-global-nav-layer .nav-go-wrap .nav-go-field ul li {
  float: left;
  width: 20%;
  padding: 1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.header-global-nav-layer .nav-go-wrap .nav-go-field ul li a {
  display: block;
  height: 118px;
  background-color: #fff;
  border: 1px solid #dddddd;
  padding: 20px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.header-global-nav-layer .nav-go-wrap .nav-go-field ul li a:hover, .header-global-nav-layer .nav-go-wrap .nav-go-field ul li a:focus {
  border: 2px solid #0070bd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.header-global-nav-layer .nav-go-wrap .nav-go-field ul li a span {
  display: block;
  font-size: 14px;
  color: #333333;
  font-weight: 500;
  line-height: 1;
}
.header-global-nav-layer .nav-go-wrap .nav-go-field ul li a span::after {
  content: "";
  display: block;
  margin-top: 16px;
  height: 44px;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.header-global-nav-layer .nav-go-wrap .nav-go-field ul li.traffic a span::after {
  background-image: url("/humanframe/globaltheme/assets/image/layout/header-global-go-field-traffic.png");
}
.header-global-nav-layer .nav-go-wrap .nav-go-field ul li.ocean a span::after {
  background-image: url("/humanframe/globaltheme/assets/image/layout/header-global-go-field-ocean.png");
}
.header-global-nav-layer .nav-go-wrap .nav-go-field ul li.culture a span::after {
  background-image: url("/humanframe/globaltheme/assets/image/layout/header-global-go-field-culture.png");
}
.header-global-nav-layer .nav-go-wrap .nav-go-field ul li.build a span::after {
  background-image: url("/humanframe/globaltheme/assets/image/layout/header-global-go-field-build.png");
}
.header-global-nav-layer .nav-go-wrap .nav-go-field ul li.eco a span::after {
  background-image: url("/humanframe/globaltheme/assets/image/layout/header-global-go-field-eco.png");
}
.header-global-nav-layer .nav-go-wrap .nav-go-field ul li.health a span::after {
  background-image: url("/humanframe/globaltheme/assets/image/layout/header-global-go-field-health.png");
}
.header-global-nav-layer .nav-go-wrap .nav-go-field ul li.welfare a span::after {
  background-image: url("/humanframe/globaltheme/assets/image/layout/header-global-go-field-welfare.png");
}
.header-global-nav-layer .nav-go-wrap .nav-go-field ul li.safe a span::after {
  background-image: url("/humanframe/globaltheme/assets/image/layout/header-global-go-field-safe.png");
}
.header-global-nav-layer .nav-go-wrap .nav-go-field ul li.env a span::after {
  background-image: url("/humanframe/globaltheme/assets/image/layout/header-global-go-field-env.png");
}
.header-global-nav-layer .nav-go-wrap .nav-go-field ul li.pub a span::after {
  background-image: url("/humanframe/globaltheme/assets/image/layout/header-global-go-field-pub.png");
}

@media all and (max-width: 1172px) {
  .header-global-nav-layer .header-global-search-wrap,
  .header-global-nav-layer .nav-go-wrap {
    padding: 28px 40px;
  }
}
.header-global-nav-layer .nav-go-wrap .nav-go-important {
  display: block;
  float: right;
  position: relative;
  width: 48%;
}

.header-global-nav-layer .nav-go-wrap .nav-go-important .title-go-important {
  display: block;
  margin-bottom: 13px;
  line-height: 1;
  font-size: 19px;
  color: #333333;
  font-size: 20px;
}

.header-global-nav-layer .nav-go-wrap .nav-go-important .title-go-important strong {
  font-weight: 600;
}

.header-global-nav-layer .nav-go-wrap .nav-go-important ul {
  overflow: hidden;
}

.header-global-nav-layer .nav-go-wrap .nav-go-important li {
  display: block;
  float: left;
  width: 50%;
  padding: 5px 0 0 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.header-global-nav-layer .nav-go-wrap .nav-go-important li a {
  display: block;
  position: relative;
  height: 96px;
  background-color: #fff;
  border: 1px solid #dddddd;
  padding: 0 43px 0 24px;
  line-height: 96px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.header-global-nav-layer .nav-go-wrap .nav-go-important li a::after {
  content: "";
  display: block;
  position: absolute;
  right: 19px;
  top: 50%;
  margin-top: -4px;
  width: 24px;
  height: 8px;
  background-image: url("/humanframe/globaltheme/assets/image/layout/header-global-go-arw.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}

.header-global-nav-layer .nav-go-wrap .nav-go-important li a strong {
  display: inline-block;
  color: #333333;
  font-size: 20px;
  font-weight: 600;
}

.header-global-nav-layer .nav-go-wrap .nav-go-important li a span {
  display: block;
  color: #555555;
  font-size: 14px;
}

.header-global-nav-layer .nav-go-wrap .nav-go-important li a::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 7px;
  height: 100%;
}

.header-global-nav-layer .nav-go-wrap .nav-go-important li a > p {
  display: inline-block;
  vertical-align: middle;
  line-height: 120%;
}

.header-global-nav-layer .nav-go-wrap .nav-go-important li.incheon-organization a::before {
  background-color: #01aca9;
}

.header-global-nav-layer .nav-go-wrap .nav-go-important li.incheon-organization a:hover,
.header-global-nav-layer .nav-go-wrap .nav-go-important li.incheon-organization a:focus {
  border: 1px solid #01aca9;
}

.header-global-nav-layer .nav-go-wrap .nav-go-important li.incheon-overview a::before {
  background-color: #0070bd;
}

.header-global-nav-layer .nav-go-wrap .nav-go-important li.incheon-overview a:hover,
.header-global-nav-layer .nav-go-wrap .nav-go-important li.incheon-overview a:focus {
  border: 1px solid #0070bd;
}

.header-global-nav-layer .nav-go-wrap .nav-go-important li.incheon-goodmorning a::before {
  background-color: #d3643e;
}

.header-global-nav-layer .nav-go-wrap .nav-go-important li.incheon-goodmorning a:hover,
.header-global-nav-layer .nav-go-wrap .nav-go-important li.incheon-goodmorning a:focus {
  border: 1px solid #d3643e;
}

.header-global-nav-layer .nav-go-wrap .nav-go-important li.incheon-cool a::before {
  background-color: #0070bd;
}

.header-global-nav-layer .nav-go-wrap .nav-go-important li.incheon-cool a:hover,
.header-global-nav-layer .nav-go-wrap .nav-go-important li.incheon-cool a:focus {
  border: 1px solid #0070bd;
}

.header-global-nav-layer .nav-go-wrap .nav-go-important li.incheon-overview a strong {
  padding-right: 24px;
  background-image: url("/humanframe/globaltheme/assets/image/layout/header-global-go-incheon-introduce.png");
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

.header-global-nav-layer .nav-go-wrap .nav-go-important li.incheon-organization a strong {
  padding-right: 24px;
  background-image: url("/humanframe/globaltheme/assets/image/layout/header-global-go-incheon-organization.png");
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

@media all and (max-width: 368px) {
  .header-global-wrap .header-global .header-global-util-2023 > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header-global-wrap .header-global .header-global-util-2023 > ul > li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
/* header-theme */
.header-theme-wrap {
  display: block;
  position: relative;
  background-color: #fff;
}
.header-theme-wrap .header-theme {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (min-width: 64em) {
  .header-theme-wrap .header-theme {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
  }
}
@media only screen and (min-width: 64em) {
  .header-theme-wrap .header-theme-title-wrap {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
.header-theme-wrap .header-theme-title-wrap .header-theme-title {
  display: block;
}
.header-theme-wrap .header-theme-title-wrap .header-theme-title .header-theme-incheon {
  display: none;
}
.header-theme-wrap .header-theme-title-wrap .header-theme-title .header-theme-site {
  display: block;
  float: left;
  line-height: 1;
}
.header-theme-wrap .header-theme-title-wrap .header-theme-title .header-theme-site.field {
  padding-right: 0;
}
.header-theme-wrap .header-theme-title-wrap .header-theme-title .header-theme-site img {
  display: block;
  width: auto;
  width: 219px;
  height: auto;
  margin: 19px 0 18px 0;
}
.header-theme-wrap .header-theme-title-wrap .header-theme-title .header-theme-site strong {
  display: block;
  color: #1c236c;
  font-size: 24px;
  font-family: "Noto Sans";
  font-weight: 600;
  line-height: 80px;
}
:lang(ko) .header-theme-wrap .header-theme-title-wrap .header-theme-title .header-theme-site strong {
  font-weight: 500;
}

@media only screen and (min-width: 64em) {
  .header-theme-wrap .header-theme .header-theme-title-wrap {
    display: block;
  }
  .btns-mobile {
    display: none;
  }
}
@media only screen and (max-width: 64em) {
  .header-theme-wrap .header-theme {
    height: 60px;
    line-height: 60px;
    background: #fff;
    -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
            box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
  }
  .header.on .header-theme-wrap .header-theme {
    border-bottom: 1px solid #ddd;
    -webkit-box-shadow: 0 0 0 0;
            box-shadow: 0 0 0 0;
  }
  .header-theme-wrap .header-theme .header-theme-title-wrap {
    display: inline-block;
    float: none;
    margin: 0 auto;
    text-align: center;
  }
  .header-theme-wrap .header-theme .header-theme-title-wrap .header-theme-title .header-theme-incheon {
    display: block;
    float: left;
    margin-right: 20px;
    margin-right: 4px;
  }
  .header-theme-wrap .header-theme .header-theme-title-wrap .header-theme-title .header-theme-incheon img {
    display: block;
    width: auto;
    height: 30px;
    margin: 15px 5px;
    /*margin:25px 0;*/
  }
  .header-theme-wrap .header-theme .header-theme-title-wrap .header-theme-title .header-theme-site strong {
    line-height: 59px;
    font-size: calc(14px + 1vw);
  }
  .header-theme-wrap .header-theme .header-theme-title-wrap .btn-view-other-field {
    height: 60px;
  }
}
@media only screen and (max-width: 30em) {
  .header-theme-wrap .header-theme .header-theme-title-wrap .header-theme-title .header-theme-incheon {
    display: block;
    float: none;
  }
  .header-theme-wrap .header-theme .header-theme-title-wrap .header-theme-title .header-theme-site {
    display: block;
    float: none;
  }
  .en .header-theme-wrap .header-theme .header-theme-title-wrap .header-theme-title .header-theme-site, .cn .header-theme-wrap .header-theme .header-theme-title-wrap .header-theme-title .header-theme-site, .jp .header-theme-wrap .header-theme .header-theme-title-wrap .header-theme-title .header-theme-site {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .header-theme-wrap .header-theme .header-theme-title-wrap .header-theme-title .header-theme-site img {
    height: 24px;
    margin: 2px auto;
  }
  .header-theme-wrap .header-theme .header-theme-title-wrap .header-theme-title .header-theme-site strong {
    font-size: calc(10px + 2vw);
    line-height: 1;
  }
  .header-theme-wrap .header-theme .header-theme-title-wrap .btn-view-other-field {
    overflow: visible;
    height: 24px;
    margin: 26px 0 10px 15px;
  }
  .header-theme-wrap .header-theme .header-theme-title-wrap .btn-view-other-field.on::after {
    bottom: -14px;
  }
}
.type-quick-link-wrap {
  display: none;
  position: absolute;
  top: 80px;
  left: 0;
  z-index: 10;
  width: 100%;
  background-color: #d0e7eb;
}
@media only screen and (max-width: 1024px) {
  .type-quick-link-wrap {
    top: 60px;
  }
}
.type-quick-link-wrap::before, .type-quick-link-wrap::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: #d0e7eb;
}
.type-quick-link-wrap::before {
  left: -100%;
}
.type-quick-link-wrap::after {
  right: -100%;
}
.type-quick-link-wrap.on {
  display: block;
}
.type-quick-link-wrap > ul {
  overflow: hidden;
  width: 1172px;
  margin: 0 auto;
  padding: 12px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
  .type-quick-link-wrap > ul {
    width: 100%;
    padding: 12px;
  }
}
@media only screen and (max-width: 580px) {
  .type-quick-link-wrap > ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 380px) {
  .type-quick-link-wrap > ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 320px) {
  .type-quick-link-wrap > ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.type-quick-link-wrap > ul > li {
  float: left;
  position: relative;
  width: 10%;
  margin: 10px 0;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .type-quick-link-wrap > ul > li {
    width: 20%;
  }
}
@media only screen and (max-width: 580px) {
  .type-quick-link-wrap > ul > li {
    width: auto;
    float: none;
  }
}
.type-quick-link-wrap > ul > li .ico {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 2px solid #fff;
  margin: 11px auto 0;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
@media only screen and (max-width: 580px) {
  .type-quick-link-wrap > ul > li .ico {
    width: 48px;
    height: 48px;
    background-size: 100% auto;
  }
}
.type-quick-link-wrap > ul > li:hover::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 19px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: url("/humanframe/globaltheme/assets/image/layout/ico-type-link-arrow-white.png") center center no-repeat #1e9fd5;
  background-size: 6px 9px;
}
.type-quick-link-wrap > ul > li:hover .ico {
  border: 2px solid #1e9fd5;
}
.type-quick-link-wrap > ul > li.traffic .ico {
  background-image: url("/humanframe/globaltheme/assets/image/layout/ico-type-link01.png");
}
.type-quick-link-wrap > ul > li.ocean .ico {
  background-image: url("/humanframe/globaltheme/assets/image/layout/ico-type-link02.png");
}
.type-quick-link-wrap > ul > li.culture .ico {
  background-image: url("/humanframe/globaltheme/assets/image/layout/ico-type-link03.png");
}
.type-quick-link-wrap > ul > li.build .ico {
  background-image: url("/humanframe/globaltheme/assets/image/layout/ico-type-link04.png");
}
.type-quick-link-wrap > ul > li.eco .ico {
  background-image: url("/humanframe/globaltheme/assets/image/layout/ico-type-link05.png");
}
.type-quick-link-wrap > ul > li.health .ico {
  background-image: url("/humanframe/globaltheme/assets/image/layout/ico-type-link06.png");
}
.type-quick-link-wrap > ul > li.welfare .ico {
  background-image: url("/humanframe/globaltheme/assets/image/layout/ico-type-link07.png");
}
.type-quick-link-wrap > ul > li.safe .ico {
  background-image: url("/humanframe/globaltheme/assets/image/layout/ico-type-link08.png");
}
.type-quick-link-wrap > ul > li.env .ico {
  background-image: url("/humanframe/globaltheme/assets/image/layout/ico-type-link09.png");
}
.type-quick-link-wrap > ul > li.pub .ico {
  background-image: url("/humanframe/globaltheme/assets/image/layout/ico-type-link10.png");
}
.type-quick-link-wrap > ul > li > a > span {
  display: block;
  font-size: 16px;
  color: #333;
  line-height: 1;
  font-weight: 600;
}
@media only screen and (max-width: 580px) {
  .type-quick-link-wrap > ul > li > a > span {
    font-size: 13px;
  }
}

@media only screen and (max-width: 580px) {
  .type-quick-link-wrap > ul > li.traffic .ico {
    background-size: auto auto;
  }
}
/* header-search-wrap */
.header-search-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 780px;
  margin: 1.5rem;
  height: 60px;
  position: relative;
}
.header-search-wrap.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  background-color: #fff;
}
.header-search-wrap::before {
  content: "";
  display: block;
  position: absolute;
  left: -36px;
  top: -30px;
  z-index: 0;
  width: 81px;
  height: 52px;
  background-image: url("/humanframe/theme/incheon/assets/image/renew2023/header-search-star.png");
  background-repeat: repeat-y;
  background-position: 0 0;
}
.header-search-wrap fieldset {
  position: relative;
  display: block;
  overflow: visible;
  width: 100%;
  height: auto;
  background-color: #fff;
  border: 2px solid #0053b5;
  border-radius: 2rem;
  padding: 5px 40px 5px 1rem;
  -webkit-box-shadow: 0 0.25rem 0.625rem rgba(12, 24, 58, 0.13);
          box-shadow: 0 0.25rem 0.625rem rgba(12, 24, 58, 0.13);
}
.header-search-wrap .search-keyword {
  display: block;
  position: relative;
  width: 100%;
  height: 44px;
  background-color: #fff;
  border: 0;
  padding-left: 0.75rem;
  font-size: 1.125rem;
  ime-mode: active;
}
.header-search-wrap .search-keyword::-webkit-input-placeholder {
  font-size: inherit;
  color: #666;
}
.header-search-wrap .search-keyword::-moz-placeholder {
  font-size: inherit;
  color: #666;
}
.header-search-wrap .search-keyword:-ms-input-placeholder {
  font-size: inherit;
  color: #666;
}
.header-search-wrap .search-keyword::-ms-input-placeholder {
  font-size: inherit;
  color: #666;
}
.header-search-wrap .search-keyword::placeholder {
  font-size: inherit;
  color: #666;
}
.header-search-wrap .search-keyword:focus::-webkit-input-placeholder {
  color: transparent;
}
.header-search-wrap .search-keyword:focus::-moz-placeholder {
  color: transparent;
}
.header-search-wrap .search-keyword:focus:-ms-input-placeholder {
  color: transparent;
}
.header-search-wrap .search-keyword:focus::-ms-input-placeholder {
  color: transparent;
}
.header-search-wrap .search-keyword:focus::placeholder {
  color: transparent;
}
.header-search-wrap .search-keyword:focus + .header-search-label {
  display: none;
}
.header-search-wrap .header-search-label {
  display: none !important;
}
.header-search-wrap .header-search-label strong {
  color: #1c236c;
  font-weight: 600;
}
.en .header-search-wrap .header-search-label, .jp .header-search-wrap .header-search-label, .cn .header-search-wrap .header-search-label {
  display: none !important;
}
@media only screen and (max-width: 1024px) {
  .en .header-search-wrap .header-search-label, .jp .header-search-wrap .header-search-label, .cn .header-search-wrap .header-search-label {
    display: none !important;
    border: 2px solid #00489c;
    background: #fff;
    color: #00489c;
  }
}
.header-search-wrap .btn-search {
  display: block;
  position: absolute;
  right: 6px;
  top: 6px;
  width: 40px;
  height: 40px;
  background-image: url("/humanframe/theme/incheon/assets/image/renew2023/header-search-btn.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.header-search-wrap .keyboardInputInitiator,
.header-search-wrap .btn-keyboardui {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 5px;
  right: 49px;
  width: 29px;
  height: 44px;
  background-image: url("/humanframe/globaltheme/assets/image/layout/btn-keyboardui.png");
  background-size: 29px 16px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.header-search-wrap .btn-search span,
.header-search-wrap .keyboardInputInitiator span,
.header-search-wrap .btn-keyboardui span {
  display: block;
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
  left: -100000000000000000px;
  font-size: 0;
}
@media only screen and (max-width: 1024px) {
  .header-search-wrap {
    display: none;
    left: calc(3vw + 40px);
    top: 8px;
    right: calc(3vw + 40px);
    width: auto;
    height: auto;
    margin-left: 0;
    margin-top: 0;
  }
  .header-search-wrap .search-keyword {
    width: 100%;
    height: 36px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .header-search-wrap .btn-search {
    height: 32px;
    width: 32px;
    top: 3px;
    z-index: 10;
  }
  .header-search-wrap .header-search-label {
    left: 20px;
    font-size: 16px;
  }
  .header-search-wrap .keyboardInputInitiator,
  .header-search-wrap .btn-keyboardui {
    display: none;
  }
}

.header-theme-wrap .header-theme .p_search {
  overflow: hidden;
  position: relative;
  padding-left: 80px;
  margin-top: 4px;
  height: 32px;
}
@media only screen and (max-width: 1024px) {
  .header-theme-wrap .header-theme .p_search {
    display: none;
  }
}
.header-theme-wrap .header-theme .p_search strong,
.header-theme-wrap .header-theme .p_search .header-hotkeyword-title {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 32px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  background: #0070bd;
  padding: 0 10px;
  display: none;
}
.header-theme-wrap .header-theme .p_search ul {
  float: left;
  margin-top: 0;
}
.header-theme-wrap .header-theme .p_search ul li {
  float: left;
  position: relative;
  margin: 0 0.625rem 0 0;
  padding-right: 0.625rem;
  line-height: 32px;
}
.header-theme-wrap .header-theme .p_search ul li a {
  color: #666;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
}

@media only screen and (max-width: 64em) {
  .header-theme-wrap .header-theme-title-wrap .header-theme-title {
    z-index: 0;
  }
  .header-theme .header-search-wrap {
    display: none;
    left: calc(3vw + 40px);
    top: 8px;
    right: calc(3vw + 40px);
    width: auto;
    height: auto;
    margin: 0;
    margin-left: 0;
    margin-top: 0;
    max-width: calc(100% - 8vw - 80px);
  }
  .header-theme .header-search-wrap.is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header-theme .header-search-wrap .search-keyword {
    width: 100%;
    height: 36px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .header-theme .header-search-wrap .btn-search {
    height: 32px;
    top: 8px;
    z-index: 10;
  }
  .header-theme .header-search-wrap .header-search-label {
    left: 20px;
    font-size: 16px;
  }
  .header-theme .header-search-wrap .keyboardInputInitiator,
  .header-theme .header-search-wrap .btn-keyboardui {
    display: none;
  }
}
/* header-theme-util */
.header-theme-util {
  position: absolute;
  right: 0;
}
.en .header-theme-util, .cn .header-theme-util, .jp .header-theme-util {
  top: 50%;
  height: 30px;
  margin-top: -15px;
}
@media only screen and (max-width: 1024px) {
  .header-theme-util {
    display: none;
  }
}
.header-theme-util ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-theme-util ul li {
  margin-left: 0.25rem;
}

.header-theme-util .btn-go-register,
.main-gnb-wrapper .btn-go-register {
  display: block;
  width: 84px;
  height: 32px;
  background-color: #1c236c;
  color: #fff;
  font-size: 14px;
  line-height: 32px;
}
.header-theme-util .btn-go-register > span,
.main-gnb-wrapper .btn-go-register > span {
  color: inherit;
}
.header-theme-util .btn-go-register:hover, .header-theme-util .btn-go-register:focus,
.main-gnb-wrapper .btn-go-register:hover,
.main-gnb-wrapper .btn-go-register:focus {
  background-color: #1c236c;
}
.header-theme-util .header-language-group,
.main-gnb-wrapper .header-language-group {
  display: block;
  overflow: hidden;
  position: relative;
  width: 132px;
  height: 32px;
}
.header-theme-util .header-language-group .select-language,
.main-gnb-wrapper .header-language-group .select-language {
  display: block;
  position: relative;
  width: 100px;
  height: 32px;
  background-color: #fff;
  background-image: url("/humanframe/globaltheme/assets/image/layout/header-language-arw.png");
  background-size: 8px 6px;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 50%;
  border-radius: 0;
  border: 1px solid #dddddd;
  margin: 0 32px 0 0;
  padding: 0 10px;
  font-size: 13px;
  line-height: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.header-theme-util .header-language-group .btn-go-language,
.main-gnb-wrapper .header-language-group .btn-go-language {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  background-color: #0070bd;
  color: #fff;
}
.header-theme-util .header-language-group .btn-go-language:hover, .header-theme-util .header-language-group .btn-go-language:focus,
.main-gnb-wrapper .header-language-group .btn-go-language:hover,
.main-gnb-wrapper .header-language-group .btn-go-language:focus {
  border: 2px solid #00489c;
  background: #fff;
  color: #00489c;
}

.header-theme-util-2023 {
  position: absolute;
  right: 0;
  top: 50%;
  height: 30px;
  margin-top: -15px;
}
@media only screen and (max-width: 73.75em) {
  .header-theme-util-2023 {
    right: 3vw;
  }
}
@media only screen and (max-width: 64em) {
  .header-theme-util-2023 {
    display: none;
  }
}
.header-theme-util-2023 ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-theme-util-2023 ul li {
  font-size: 0.825rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
.header-theme-util-2023 ul li::after {
  content: "";
  width: 1px;
  height: 10px;
  background-color: #ddd;
  margin: 0 1rem;
}
.header-theme-util-2023 ul li:last-child::after {
  display: none;
}
.header-theme-util-2023 .header-language-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-image: url("/humanframe/theme/incheon/assets/image/renew2023/header-global-foreign.png");
  background-size: 14px 15px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 14px;
}
.header-theme-util-2023 .header-language-group .select-language {
  display: block;
  position: relative;
  width: 70px;
  height: 32px;
  background-color: #fff;
  background-image: url("/humanframe/theme/incheon/assets/image/renew2023/header-global-foreign_arw.png");
  background-size: 8px 6px;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  border-radius: 0;
  border: 0;
  margin-right: 0.25rem;
  padding: 0 0.625rem 0 0.25rem;
  font-size: 13px;
  line-height: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.header-theme-util-2023 .header-language-group .btn-go-language {
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  color: #333;
}
.header-theme-util-2023 .header-language-group .btn-go-language:hover, .header-theme-util-2023 .header-language-group .btn-go-language:focus {
  background: #fff;
  color: #000;
}

/*
.en,
.jp,
.cn {
    .header-theme .header-search-wrap .header-search-label {
        display: none !important;

        @media only screen and (max-width: 1024px) {
            display: none !important;
            border: 2px solid #00489c;
            background: #fff;
            color: #00489c;
        }
    }
}
*/
.header-weather-wrap-2023 {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.625rem;
  /* 메인 날씨 구조 변경*/
}
.header-weather-wrap-2023 .weather-admin {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  padding: 0;
}
.header-weather-wrap-2023 .weather-admin.is-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header-weather-wrap-2023 .weather-admin .weather-admin__close {
  display: none;
}
.header-weather-wrap-2023 .weather-admin .weather-admin__icon {
  position: relative;
  width: 2rem;
  height: 2rem;
}
.header-weather-wrap-2023 .weather-admin .weather-admin__icon img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.header-weather-wrap-2023 .weather-admin .weather-admin__txt-wrap {
  position: relative;
}
.header-weather-wrap-2023 .weather-admin .weather-admin__txt-wrap .weather-admin__txt {
  font-size: 1rem;
  color: #252e48;
  position: relative;
  z-index: 4;
  font-weight: 500;
  white-space: nowrap;
}
.header-weather-wrap-2023 .weather-admin .weather-admin__txt-wrap .weather-color {
  position: absolute;
  left: -6px;
  bottom: 3px;
  width: 113%;
  height: 13px;
  background: #ffdf5f;
  border-radius: 19px;
  z-index: 3;
}
.header-weather-wrap-2023 .weather-admin .weather-admin__date {
  margin-left: auto;
  white-space: nowrap;
  font-size: 0.825rem;
}
.header-weather-wrap-2023 .incheon-weather-wrap .weather-data-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 1rem;
}
@media screen and (max-width: 1024px) {
  .header-weather-wrap-2023 .incheon-weather-wrap .weather-data-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 1024px) and (max-width: 360px) {
  .header-weather-wrap-2023 .incheon-weather-wrap .weather-data-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
  }
}
.header-weather-wrap-2023 .incheon-weather-wrap > div {
  height: auto;
}
.header-weather-wrap-2023 .incheon-weather-wrap .weather-time {
  display: block;
  color: #666;
  font-size: 13px;
  font-family: sans-serif;
  text-align: left;
}
.header-weather-wrap-2023 .incheon-weather-wrap .incheon-kma {
  /*.icon > em { display:block;overflow:hidden;position:absolute;left:-9999999px;width:0;height:0;font-size:0;}*/
}
.header-weather-wrap-2023 .incheon-weather-wrap .incheon-kma a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-weather-wrap-2023 .incheon-weather-wrap .incheon-kma .icon {
  position: relative;
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: contain;
  line-height: 40px;
  margin-right: 0.5rem;
}
.header-weather-wrap-2023 .incheon-weather-wrap .incheon-kma .icon > span,
.header-weather-wrap-2023 .incheon-weather-wrap .incheon-kma .icon > em {
  display: block;
  overflow: hidden;
  position: absolute;
  left: -99999999999999px;
  top: -100000000000000000px;
  width: 0;
  height: 0;
  font-size: 0;
  text-indent: 1000000000000000000000px;
}
.header-weather-wrap-2023 .incheon-weather-wrap .incheon-kma .icon.type01 {
  background-image: url(/humanframe/theme/incheon/assets/image/renew2023/weather_01.png);
}
.header-weather-wrap-2023 .incheon-weather-wrap .incheon-kma .icon.type02 {
  background-image: url(/humanframe/theme/incheon/assets/image/renew2023/weather_02.png);
}
.header-weather-wrap-2023 .incheon-weather-wrap .incheon-kma .icon.type03 {
  background-image: url(/humanframe/theme/incheon/assets/image/renew2023/weather_03.png);
}
.header-weather-wrap-2023 .incheon-weather-wrap .incheon-kma .icon.type04 {
  background-image: url(/humanframe/theme/incheon/assets/image/renew2023/weather_04.png);
}
.header-weather-wrap-2023 .incheon-weather-wrap .incheon-kma .icon.type05 {
  background-image: url(/humanframe/theme/incheon/assets/image/renew2023/weather_05.png);
}
.header-weather-wrap-2023 .incheon-weather-wrap .incheon-kma .icon.type06 {
  background-image: url(/humanframe/theme/incheon/assets/image/renew2023/weather_06.png);
}
.header-weather-wrap-2023 .incheon-weather-wrap .incheon-kma .icon.type07 {
  background-image: url(/humanframe/theme/incheon/assets/image/renew2023/weather_07.png);
}
.header-weather-wrap-2023 .incheon-weather-wrap .incheon-kma .area {
  color: #222;
  font-weight: 400;
  font-family: "Nanum Gothic";
  line-height: 1;
}
.header-weather-wrap-2023 .incheon-weather-wrap .incheon-kma .temper {
  white-space: nowrap;
}
.header-weather-wrap-2023 .incheon-weather-wrap .incheon-kma .temper .unit {
  font-size: 1rem;
}
.header-weather-wrap-2023 .incheon-weather-wrap .incheon-kma .temper .data {
  font-size: 1.6em;
  color: #222;
  display: inline-block;
  margin-right: 0.2em;
  font-weight: 600;
  font-family: "Nanum Gothic";
  line-height: 1;
}
.header-weather-wrap-2023 .incheon-weather-wrap .incheon-air {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 12px;
  color: #222;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: -1px;
  line-height: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 1024px) {
  .header-weather-wrap-2023 .incheon-weather-wrap .incheon-air {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 2rem;
    background: #fff url(/humanframe/theme/incheon/assets/image/main/main-weather.png) no-repeat;
    background-size: contain;
    background-position: 0 50%;
  }
}
.header-weather-wrap-2023 .incheon-weather-wrap .incheon-air .air-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
}
@media screen and (max-width: 1024px) {
  .header-weather-wrap-2023 .incheon-weather-wrap .incheon-air .air-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.header-weather-wrap-2023 .incheon-weather-wrap .incheon-air .air-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 2px 0;
  font-size: 12px;
  white-space: nowrap;
}
.header-weather-wrap-2023 .incheon-weather-wrap .incheon-air .air-list > li .item {
  line-height: 1;
  letter-spacing: -1px;
  color: #666;
}
.header-weather-wrap-2023 .incheon-weather-wrap .incheon-air .air-list > li .data {
  color: #222;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -1px;
}
.header-weather-wrap-2023 .incheon-weather-wrap .incheon-air .data {
  color: #0068b7;
  font-weight: 600;
}

/* gnb-wrap */
.header {
  word-wrap: break-word;
  word-break: keep-all;
}

.wrapper.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.overlay {
  display: block;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  height: 100%;
  width: 100%;
  background: #000;
  opacity: 0.5;
}

.fixed .header.on .overlay {
  display: block;
}

/* pc only default */
@media only screen and (max-width: 85.38em) {
  .header .gnb-wrap .gnb-inner {
    position: relative;
  }
}
.header .gnb-wrap .header-theme-logo-wrap {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -20px;
}
@media only screen and (max-width: 73.75em) {
  .header .gnb-wrap .header-theme-logo-wrap {
    left: 3vw;
  }
}
@media all and (max-width: 1024px) {
  .header .gnb-wrap .header-theme-logo-wrap {
    display: none;
  }
}
.header .gnb-pc-menu {
  display: none;
}

@media all and (min-width: 1025px) {
  .header .header-gnb-wrap {
    position: relative;
    border-bottom: 1px solid #ddd;
  }
  .header .header-theme {
    height: 160px;
    padding: 1rem 0;
  }
  .header .gnb-wrap {
    position: relative;
    width: 100%;
    height: 90px;
  }
  .header .gnb-wrap > .gnb-inner {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 2rem;
    max-width: 1400px;
    position: relative;
  }
  .header .gnb-wrap .gnb {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4rem;
  }
  .header .gnb-wrap .gnb .depth1 {
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
  }
  .header .gnb-wrap .gnb .depth1 > li > a {
    display: block;
    position: relative;
    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;
    /*border-right:1px solid #ddd;*/
    height: 90px;
    font-size: 18px;
    color: #333;
    text-align: center;
    font-weight: 600;
    position: relative;
  }
  .header .gnb-wrap .gnb .depth1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header .gnb-wrap .gnb .depth1 > li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
  }
  .header .gnb-wrap .gnb .depth1 > li > a {
    padding: 0 2rem;
    height: 90px;
    white-space: nowrap;
  }
  .header .gnb-wrap .gnb .depth1 > li > a:hover, .header .gnb-wrap .gnb .depth1 > li > a:focus {
    color: #0053b5;
  }
  .header .gnb-wrap .gnb .depth1 > li .depth2-wrap {
    display: none;
  }
  .header .gnb-wrap .gnb .depth1 > li.on > a {
    color: #0053b5;
  }
  .header .gnb-wrap .gnb .depth1 > li.on .depth2-wrap {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-top: -1px;
    background-color: transparent;
    border-top: 1px solid #ddd;
  }
  .header .gnb-wrap .gnb .depth1 > li.on .depth2-wrap .gnb-inner {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .header .gnb-wrap .gnb .depth1 > li.on .depth2-wrap .gnb-inner::before {
    content: "";
    display: block;
    position: absolute;
    right: calc(100% - 280px);
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: 0;
    background-size: initial;
    background-position: calc(100% - 1rem) 100%;
    background-repeat: no-repeat;
    opacity: 0.7;
  }
  .header .gnb-wrap .gnb .depth1 > li.on .depth2-wrap .gnb-inner .depth2-title-wrap {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 280px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.25rem;
    padding: 2.5rem 0;
    z-index: 1;
  }
  .header .gnb-wrap .gnb .depth1 > li.on .depth2-wrap .gnb-inner .depth2-title-wrap .depth2-subtitle {
    color: #333;
    font-size: 15px;
  }
  .header .gnb-wrap .gnb .depth1 > li.on .depth2-wrap .gnb-inner .depth2-title-wrap .depth2-title {
    color: #000;
    font-size: 3rem;
  }
  .header .gnb-wrap .gnb .depth1 > li.on .depth2-wrap .gnb-inner .depth2 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .header .gnb-wrap .gnb .depth1 > li.on .depth2-wrap .gnb-inner .depth2 > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #d9e4ec;
  }
  .header .gnb-wrap .gnb .depth1 > li.on .depth2-wrap .gnb-inner .depth2 > li > a {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: Center;
        -ms-flex-align: Center;
            align-items: Center;
    position: relative;
    width: 250px;
    padding: 0.25rem 1.75rem 0.25rem 1.75rem;
    font-size: 1.125rem;
  }
  .header .gnb-wrap .gnb .depth1 > li.on .depth2-wrap .gnb-inner .depth2 > li > a::after {
    content: "";
    display: block;
    position: Absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #d9e4ec;
    z-index: -1;
    opacity: 0.5;
  }
  .header .gnb-wrap .gnb .depth1 > li.on .depth2-wrap .gnb-inner .depth2 > li .depth3 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0.25rem 1rem;
  }
  .header .gnb-wrap .gnb .depth1 > li.on .depth2-wrap .gnb-inner .depth2 > li .depth3 > li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 0 1rem 0 0;
  }
  .header .gnb-wrap .gnb .depth1 > li.on .depth2-wrap .gnb-inner .depth2 > li .depth3 > li > a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0.125rem;
    gap: 0.625rem;
  }
  .header .gnb-wrap .gnb .depth1 > li.on .depth2-wrap .gnb-inner .depth2 > li .depth3 > li > a::before {
    content: "";
    display: inline-block;
    width: 0.25rem;
    height: 0.25rem;
    background-color: #ddd;
  }
  .header .gnb-wrap .gnb .depth1 > li.on:nth-child(1) .depth2-wrap .gnb-inner::before {
    background-image: url(/humanframe/theme/incheon/assets/image/renew2023/png_before_ani/header-gnb-depth01-illust01.png);
    background-position: calc(100% - 17px) calc(100% + 16px);
  }
  .header .gnb-wrap .gnb .depth1 > li.on:nth-child(2) .depth2-wrap .gnb-inner::before {
    background-image: url(/humanframe/theme/incheon/assets/image/renew2023/png_before_ani/header-gnb-depth01-illust02.png);
    background-position: calc(100% - 30px) calc(100% - 14px);
  }
  .header .gnb-wrap .gnb .depth1 > li.on:nth-child(3) .depth2-wrap .gnb-inner::before {
    background-image: url(/humanframe/theme/incheon/assets/image/renew2023/png_before_ani/header-gnb-depth01-illust03.png);
    background-position: 100% 100%;
  }
  .header .gnb-wrap .gnb .depth1 > li.on:nth-child(4) .depth2-wrap .gnb-inner::before {
    background-image: url(/humanframe/theme/incheon/assets/image/renew2023/png_before_ani/header-gnb-depth01-illust04.png);
    background-position: calc(100% - 50px) 100%;
  }
  .header .gnb-wrap .gnb .depth1 > li.on:nth-child(5) .depth2-wrap .gnb-inner::before, .header .gnb-wrap .gnb .depth1 > li.on:nth-child(6) .depth2-wrap .gnb-inner::before {
    background-image: url(/humanframe/theme/incheon/assets/image/renew2023/png_before_ani/header-gnb-depth01-illust05.png);
    background-position: calc(100% - 24px) 100%;
  }
  .header.on .gnb-wrap {
    position: relative;
  }
  .header.on .gnb-wrap .gnb .depth1 > li.on > a, .header.on .gnb-wrap .gnb .depth1 > li.is-active > a {
    color: #0053b5;
  }
  .header.on .gnb-wrap .gnb .depth1 > li.on .depth2-wrap, .header.on .gnb-wrap .gnb .depth1 > li.is-active .depth2-wrap {
    position: absolute;
    left: 0;
    top: 91px;
    z-index: 99;
    width: 100%;
    height: auto;
    background-color: #fff;
    color: #000;
    /*border-left:1px solid #ddd;*/
  }
  .header.on .gnb-wrap .gnb .depth1 > li.on .depth2-wrap.is-active, .header.on .gnb-wrap .gnb .depth1 > li.is-active .depth2-wrap.is-active {
    display: block;
  }
  .header .gnb-pc-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem;
  }
  .header .gnb-pc-menu a,
  .header .gnb-pc-menu button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 24px;
    height: 92px;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .header .gnb-pc-menu a > span,
  .header .gnb-pc-menu button > span {
    display: block;
    overflow: hidden;
    position: absolute;
    left: -999999999999999px;
    font-size: 0;
    width: 0;
    height: 0;
  }
  .header .gnb-pc-menu .btn-view-menuall {
    background-image: url("/humanframe/theme/incheon/assets/image/renew2023/header-gnb-menuall.png");
    text-align: center;
    background-size: 1.5rem 1.5rem;
  }
  .header .gnb-pc-menu .btn-view-menuall.on, .header .gnb-pc-menu .btn-view-menuall.is-active {
    background-image: url("/humanframe/theme/incheon/assets/image/renew2023/header-gnb-menuall.png");
  }
  .header .gnb-pc-menu .btn-view-search {
    display: none;
    background-image: url("/humanframe/theme/incheon/assets/image/renew2023/header-gnb-search.png");
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
  }
  .header .gnb-pc-menu .btn-view-search.on, .header .gnb-pc-menu .btn-view-search.is-active {
    background-image: url("/humanframe/theme/incheon/assets/image/renew2023/header-gnb-search-close.png");
  }
  .header .gnb-mobile-menu {
    display: none;
  }
  .header .gnb-mobile-member {
    display: none;
  }
  .header .gnb-mobile-language {
    display: none;
  }
  .header .gnb-wrap .btn-view {
    display: none;
  }
  .header .gnb-wrap .gnb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4rem;
  }
}
@media all and (max-width: 1024px) {
  .header .header-gnb-wrap {
    display: block;
  }
}
.header .header-gnb-wrap .gnb-mobile-language {
  display: none;
}
.header .header-gnb-wrap .gnb-mobile-member {
  display: none;
}
@media all and (max-width: 1024px) {
  .header .header-gnb-wrap .gnb-mobile-member {
    display: none;
  }
}
@media all and (max-width: 1024px) {
  .header.on .header-gnb-wrap {
    display: block;
  }
}
@media all and (max-width: 1024px) {
  .header.on .header-gnb-wrap .gnb-mobile-member {
    display: block;
  }
}
.header.on .header-gnb-wrap .gnb-mobile-language {
  display: none;
}
@media all and (max-width: 1024px) {
  .header.on .header-gnb-wrap .gnb-mobile-language {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (max-width: 1024px) {
  .depth2-title-wrap {
    display: none;
  }
  .header .gnb-mobile-member {
    display: none;
    overflow: hidden;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #fff;
    padding: 0.625rem 3vw 1.25rem 3vw;
  }
  .header .gnb-mobile-member .btn {
    float: left;
    width: 49%;
    height: 44px;
    line-height: 44px;
    text-align: center;
  }
  .header .gnb-mobile-member .btn.btn-login, .header .gnb-mobile-member .btn.btn-logout {
    margin-right: 2%;
  }
  .header .gnb-mobile-member .btn.btn-login {
    background-color: #0070bd;
    color: #fff;
  }
  .header .gnb-mobile-member .btn.btn-regist, .header .gnb-mobile-member .btn.btn-mypage {
    background-color: #1c236c;
    color: #fff;
  }
  .header .gnb-mobile-menu {
    display: block;
  }
  .header .gnb-mobile-menu a,
  .header .gnb-mobile-menu button {
    display: block;
    overflow: hidden;
    position: absolute;
    z-index: 1000;
    top: 0;
    width: 60px;
    height: 60px;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .header .gnb-mobile-menu a > span,
  .header .gnb-mobile-menu button > span {
    display: block;
    overflow: hidden;
    position: absolute;
    left: -999999999999999px;
    font-size: 0;
    width: 0;
    height: 0;
  }
  .header .gnb-mobile-menu .btn-view-menuall {
    background-image: url("/humanframe/globaltheme/assets/image/common/_ionicons_svg_ios-menu.svg");
    background-size: 60% 60%;
    text-align: center;
  }
  .header .gnb-mobile-menu .btn-view-menuall.on {
    background-image: url("/humanframe/globaltheme/assets/image/common/_ionicons_svg_ios-close.svg");
    background-size: 80% 80%;
  }
  .header .gnb-mobile-menu .btn-view-search {
    background-image: url("/humanframe/globaltheme/assets/image/common/_ionicons_svg_ios-search.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60% 60%;
    text-align: center;
  }
  .header .gnb-mobile-menu .btn-view-search.on {
    background-image: url("/humanframe/globaltheme/assets/image/common/_ionicons_svg_ios-close.svg");
    background-size: 80% 80%;
  }
  .header .gnb-mobile-menu .btn-view-menuall {
    right: calc(3vw - 18px);
    left: auto;
  }
  .header .gnb-mobile-menu .btn-view-search {
    right: auto;
    left: calc(3vw - 18px);
  }
  .header.on .gnb-mobile-member {
    display: block;
  }
  .dv-pc .header .gnb-wrap,
  .header .gnb-wrap {
    height: auto;
    background-color: #fff;
  }
  .header .gnb-wrap .gnb > ul {
    display: none;
    float: none;
    margin-top: 0;
    padding: 0px 0px 0px 0px;
    width: auto;
  }
  .header .gnb-wrap .gnb > ul > li {
    display: block;
    position: relative;
    float: none;
    width: 100% !important;
    border-right: 0;
  }
  .header .gnb-wrap .gnb > ul > li.on {
    border-bottom: 1px solid #1c236c;
  }
  .dv-pc .header .gnb-wrap .gnb > ul > li > a,
  .header .gnb-wrap .gnb > ul > li > a {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: auto;
    text-align: left;
    white-space: normal;
    border-right: 0;
    border-bottom: 1px solid #ddd;
    padding: 20px 3vw;
    width: auto;
    color: #333;
    font-size: calc(12px + 1vw);
    line-height: 1;
  }
  .dv-pc .header .gnb-wrap .gnb > ul > li.on > a,
  .header .gnb-wrap .gnb > ul > li.on > a {
    background: #1c236c;
    color: #fff;
    margin: 0;
  }
  .header .gnb-wrap .gnb > ul > li:first-child > a {
    border-left: 0;
  }
  .dv-pc .header .gnb-wrap .gnb > ul > li.has-child > a::after,
  .header .gnb-wrap .gnb > ul > li.has-child > a::after {
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    right: 3vw;
    top: 0;
    z-index: 1;
    width: 21px;
    height: 100%;
    background-image: url("/humanframe/globaltheme/assets/image/layout/header-mobile-gnb-arw-down.png");
    background-size: 21px 12px;
    background-repeat: no-repeat;
    background-position: 100% 50%;
  }
  .dv-pc .header .gnb-wrap .gnb > ul > li.has-child.on > a::after,
  .header .gnb-wrap .gnb > ul > li.has-child.on > a::after {
    left: auto;
    background-color: transparent;
    background-image: url("/humanframe/globaltheme/assets/image/layout/header-mobile-gnb-arw-up.png");
  }
  .header .gnb-wrap .gnb > ul > li .depth2-wrap .depth2 {
    display: none;
    padding: 0px;
    margin-right: 0px;
    width: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0px 3vw;
  }
  .header .gnb-wrap .gnb > ul > li .depth2-wrap .depth2 > li {
    display: block;
    position: relative;
    width: auto;
    float: none;
    margin-top: 0;
  }
  .header .gnb-wrap .gnb > ul > li .depth2-wrap .depth2 > li > a {
    display: block;
    position: relative;
    padding: 16px 0;
    border-bottom: 1px solid #dddddd;
    font-size: 16px;
    color: #333;
    font-weight: 600;
  }
  .header .gnb-wrap .gnb > ul > li .depth2-wrap .depth2 > li.has-child > a::after {
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 21px;
    height: 100%;
    background-image: url("/humanframe/globaltheme/assets/image/layout/header-mobile-gnb-arw-down.png");
    background-size: 21px 12px;
    background-repeat: no-repeat;
    background-position: 100% 50%;
  }
  .header .gnb-wrap .gnb > ul > li .depth2-wrap .depth2 > li.has-child.on > a::after {
    background-image: url("/humanframe/globaltheme/assets/image/layout/header-mobile-gnb-arw-up-navy.png");
  }
  .header .gnb-wrap .gnb > ul > li .depth2-wrap .depth2 > li:last-child > a {
    border: 0;
  }
  .header .gnb-wrap .gnb > ul > li .depth2-wrap .depth2 > li.on > a {
    color: #1c236c;
  }
  .header .gnb-wrap .gnb > ul > li .depth2-wrap .depth2 > li:last-child.has-child.on > a {
    border-bottom: 1px solid #dddddd;
  }
  .header .gnb-wrap .gnb > ul > li .depth2-wrap .depth2 > li > ul {
    display: none;
    padding: 8px 0;
  }
  .header .gnb-wrap .gnb > ul > li .depth2-wrap .depth2 > li > ul > li {
    position: relative;
  }
  .header .gnb-wrap .gnb > ul > li .depth2-wrap .depth2 > li > ul > li > a {
    display: block;
    position: relative;
    font-size: 15px;
    color: #555;
    padding: 8px 0 8px 12px;
  }
  .header .gnb-wrap .gnb > ul > li .depth2-wrap .depth2 > li > ul > li > a::before {
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 16px;
    width: 6px;
    height: 1px;
    background-color: #333333;
  }
  .header .gnb-wrap .gnb > ul > li .depth2-wrap .depth2 > li.on > ul {
    display: block;
  }
  .header .gnb-wrap .gnb > ul > li.on .depth2-wrap {
    background-color: #f9f9f9;
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
  }
  .header .gnb-wrap .gnb > ul > li.on .depth2-wrap .depth2 {
    display: block;
  }
  .header .gnb-wrap .gnb > ul > li.on .depth2-wrap .depth2 > li.on > ul {
    display: block;
  }
  .header .gnb-wrap .gnb > ul > li.field > a > span {
    display: inline-block;
    padding-right: 18px;
    color: #0070bd;
    background-image: url(/humanframe/globaltheme/assets/image/layout/icon-dotted.png);
    background-repeat: no-repeat;
    background-position: right 2px center;
    background-size: 12px;
  }
  .header .gnb-wrap .gnb > ul > li.field.on > a > span {
    background-image: url(/humanframe/globaltheme/assets/image/layout/icon-dotted-white.png);
    color: #fff;
  }
  .wrapper.fixed {
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10001;
  }
  .mobile-view .header.on {
    height: auto;
  }
  .wrapper.fixed .header.on {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid #ccc;
    overflow-y: scroll;
    height: auto;
    -webkit-overflow-scrolling: touch;
  }
  .wrapper.fixed .header.on .header-global-wrap {
    display: none !important;
  }
  .header.on .gnb-wrap .gnb > ul > li .depth2-wrap {
    display: none;
    width: 100%;
    height: auto;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 1;
    border-left: none !important;
    border-right: none !important;
    padding: 0;
  }
  .header.on .gnb-wrap .gnb > ul > li.on .depth2-wrap {
    display: block;
  }
  .header.on .header-theme-wrap {
    /* position:fixed;left:0;top:0;*/
    width: 100%;
    background-color: transparent;
  }
  .header.on .header-theme-wrap .header-theme {
    border-bottom: 0;
  }
  .pc-view .header.on {
    background: transparent;
  }
  .header.fixed .gnb-mobile-menu .btn-view-search,
  .header.fixed .gnb-mobile-menu .btn-view-menuall {
    top: 0;
    z-index: 2;
  }
  .mobile-view .header.on .gnb-wrap .gnb > ul {
    display: block;
  }
  /* d: dv-pc */
  .header.on .gnb-mobile-language {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 8vw 3vw 3vw 3vw;
    background-color: #edf0ef;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .gnb-mobile-language .btn-go {
    display: block;
    overflow: hidden;
    position: relative;
  }
  .gnb-mobile-language .foreign-language {
    overflow: hidden;
    display: block;
    float: right;
  }
  .gnb-mobile-language .foreign-language li {
    float: left;
    margin-left: 10px;
  }
  .gnb-mobile-language .foreign-language .btn-go {
    display: block;
    width: 45px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
  }
  .gnb-mobile-language .btn-go > span {
    overflow: hidden;
    font-size: 0;
  }
  .gnb-mobile-language .btn-go > span::after {
    display: none;
  }
  .gnb-mobile-language .btn-go.go-site-korean {
    font-size: 14px;
    /* line-height: 27px; */
    padding: 0 23px;
    background-color: #4e92df;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
            box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
    color: #fff;
    height: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .gnb-mobile-language .btn-go.go-site-korean > span {
    overflow: visible !important;
    font-size: 14px !important;
    color: #fff !important;
  }
  /*.gnb-mobile-language .btn-go.go-site-korean{ width:135px;height:30px;float:left;background-image:url("/humanframe/globaltheme/assets/image/layout/logo-incheon.svg");background-repeat:no-repeat;background-position:0 0;background-size:100% auto;}*/
  .gnb-mobile-language .foreign-language .btn-go.go-site-english {
    background-image: url("/humanframe/globaltheme/assets/image/layout/header-mobile-gnb-flag-english.png");
  }
  .gnb-mobile-language .foreign-language .btn-go.go-site-chinese {
    background-image: url("/humanframe/globaltheme/assets/image/layout/header-mobile-gnb-flag-chinese.png");
  }
  .gnb-mobile-language .foreign-language .btn-go.go-site-japanese {
    background-image: url("/humanframe/globaltheme/assets/image/layout/header-mobile-gnb-flag-japanese.png");
  }
}
/* header-gnb wide only */
@media only screen and (min-width: 1025px) {
  .wrapper.wide .header .gnb-wrap .gnb > ul > li .depth2-wrap .depth2 > li .depth3 {
    display: block;
  }
  .wrapper.wide .header .gnb-wrap .gnb > ul > li .depth2-wrap .depth2 > li .depth3 > li > a {
    display: block;
    position: relative;
    padding: 2px 4px 2px 24px;
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    color: #777;
  }
  .wrapper.wide .header .gnb-wrap .gnb > ul > li .depth2-wrap .depth2 > li .depth3 > li > a::before {
    content: "";
    display: block;
    width: 4px;
    height: 2px;
    position: absolute;
    left: 12px;
    top: 12px;
    background-color: #777;
    border-radius: 50%;
  }
}

.link-http > span {
  padding-right: 19px;
  background-image: url(/humanframe/globaltheme/assets/image/layout/icon-linkHttp.png);
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

/* snb */
.snb-wrap {
  height: 100%;
  word-wrap: break-word;
  word-break: keep-all;
}

.snb-wrap .snb-title-wrap {
  display: table;
  width: 220px;
  background-image: url(/humanframe/globaltheme/assets/image/layout/snb-top.svg);
  background-size: 100% 100%;
  height: 173px;
}

.snb-wrap .snb-title-wrap .snb-title {
  display: table-cell;
  width: 210px;
  vertical-align: middle;
  padding: 0 10px;
  font-size: 28px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  line-height: 1.4;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}
.en .snb-wrap .snb-title-wrap .snb-title, .cn .snb-wrap .snb-title-wrap .snb-title, .jp .snb-wrap .snb-title-wrap .snb-title {
  word-break: break-all;
}

.snb-wrap .snb-nav > ul {
  position: relative;
}

.snb-wrap .snb-nav > ul li {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

.snb-wrap .snb-nav > ul > li > a {
  display: block;
  position: relative;
  border-bottom: 1px solid #c9c9c9;
  padding: 15px;
  color: #333;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  line-height: 1.2;
  letter-spacing: -0.5px;
  padding-right: 30px;
  word-break: keep-all;
}

.snb-wrap .snb-nav > ul > li > a:hover {
  color: #1e9fd5;
}

.snb-wrap .snb-nav > ul > li.has-child > a {
  padding-right: 44px;
}

.snb-wrap .snb-nav > ul > li > .btn-view {
  display: inline-block;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 48px;
  height: 48px;
  background-image: url(/humanframe/globaltheme/assets/plugin/ionicons/svg/_ionicons_svg_ios-arrow-down.svg);
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-position: 50% 50%;
}

.snb-wrap .snb-nav > ul > li > .btn-view > span {
  display: block;
  overflow: hidden;
  position: absolute;
  left: -99999999px;
  top: 0;
  width: 0;
  height: 0;
}

.snb-wrap .snb-nav > ul > li.active > a {
  color: #1e9fd5;
}

.snb-wrap .snb-nav > ul > li.active > .btn-view {
  background-image: url(/humanframe/globaltheme/assets/plugin/ionicons/svg/_ionicons_svg_ios-arrow-up.svg);
}

.snb-wrap .snb-nav > ul > li.active > div > ul {
  display: block;
}

.snb-wrap .snb-nav > ul > li > div > ul {
  display: none;
  list-style: none;
  padding: 20px 0;
  background: #f9f9f9;
  border-bottom: 1px solid #dadbdc;
}

.snb-wrap .snb-nav > ul > li > div > ul > li button {
  display: none;
}

.snb-wrap .snb-nav > ul > li > div > ul > li {
  margin-top: 10px;
  margin-left: 15px;
}

.snb-wrap .snb-nav > ul > li > div > ul > li > a {
  display: block;
  padding: 2px 10px 2px 10px;
  font-size: 16px;
  color: #666;
  line-height: 1.2;
  font-weight: 500;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
}

.snb-wrap .snb-nav > ul > li > div > ul > li > a::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  background-color: #333;
  border-radius: 50%;
}

.snb-wrap .snb-nav > ul > li > div > ul > li > a:hover {
  color: #111;
  text-decoration: underline;
}

.snb-wrap .snb-nav > ul > li > div > ul > li.active > a {
  color: #111;
  font-weight: 500;
  text-decoration: underline;
}

.snb-wrap .snb-nav > ul > li > div > ul > li.active > a:hover {
  text-decoration: none;
}

.snb-wrap .snb-nav > ul > li > div > ul > li:first-child {
  margin-top: 0;
}

.snb-wrap .snb-nav > ul > li > div > ul > li > ul {
  display: block;
  margin-left: 10px;
  padding: 5px 0;
}

.snb-wrap .snb-nav > ul > li > div > ul > li > ul > li {
  display: block;
}

.snb-wrap .snb-nav > ul > li > div > ul > li > ul > li > a {
  display: block;
  padding: 2px 2px 2px 10px;
  font-size: 14px;
  line-height: 1.5;
}

.snb-wrap .snb-nav > ul > li > div > ul > li > ul > li > a::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 12px;
  width: 4px;
  height: 1px;
  background-color: #333;
  border-radius: 50%;
}

:lang(en) .snb-wrap .snb-title-wrap .snb-title {
  word-wrap: break-word;
  word-break: keep-all;
}

:lang(en) .snb-wrap .snb-nav > ul > li > a {
  word-wrap: break-word;
  word-break: keep-all;
}

.snb-wrap .snb-title-wrap .snb-title.snb-length9 {
  font-size: 27px;
  letter-spacing: -3px;
}

/* content-wrap style */
/* content-location */
.content-location {
  display: block;
  position: relative;
  list-style: none;
  padding: 15px 0;
  background: #f3f4f6;
}

.content-location .content-location-inner {
  display: block;
  overflow: hidden;
  width: 100%;
  max-width: 1172px;
  margin: 0 auto;
}

.content-location .content-location-inner > ul {
  display: block;
  float: right;
}

.content-location .content-location-inner > ul > li {
  color: #666;
  float: left;
  list-style: none;
  margin-right: 8px;
  line-height: 1.4;
  font-size: 14px;
}

.content-location .content-location-inner > ul > li::after {
  color: #666;
  content: ">";
  display: inline-block;
  padding-left: 8px;
}

.content-location .content-location-inner > ul > li.last::after {
  display: none;
}

.content-location .content-location-inner > ul > li.last {
  text-decoration: underline;
  font-weight: 500;
  color: #333;
}

.content-location .content-location-inner > ul::after {
  display: block;
  clear: both;
  content: "";
}

.dv-mobile .content-location {
  display: none;
}

/* content */
.content {
  display: block;
  /*float:left;*/
  position: relative;
}

.wrapper.search .content {
  float: left;
}

.content-head {
  display: block;
  position: relative;
  border-bottom: 3px solid #333333;
}
.search .content-head {
  border-bottom: 0 !important;
}

.content-body {
  display: block;
  position: relative;
  padding: 2.5rem 0;
  text-align: left;
  word-wrap: break-word;
  word-break: keep-all;
}
@media all and (max-width: 768px) {
  .content-body {
    padding: 1.25rem 0;
  }
}

.content-body .search-container {
  display: block;
  position: relative;
  /*padding:40px 0;*/
  /*text-align:justify;*/
  word-break: break-all;
}

.content-foot {
  display: block;
  position: relative;
  padding: 30px 0;
}

/* content-title */
.content-title-wrap {
  display: block;
  padding: 2.25rem 6.25rem 2.25rem 0;
  word-break: keep-all;
}
@media all and (max-width: 768px) {
  .content-title-wrap {
    padding: 1.5rem 5rem 1.5rem 0;
  }
}

.content-title-wrap .content-title {
  font-size: 36px;
  color: #333;
  font-weight: 500;
  line-height: 1;
}
@media all and (max-width: 768px) {
  .content-title-wrap .content-title {
    font-size: calc(22px + 1vw);
  }
}

.content-title-wrap .content-title strong {
  font-weight: 500;
}

.content-title-wrap .content-title span {
  display: inline-block;
  position: relative;
  font-weight: 400;
}

.content-title-wrap .content-title strong + span,
.content-title-wrap .content-title span + span {
  margin-left: 10px;
  padding-left: 16px;
  font-size: 24px;
}

.content-title-wrap .content-title span + span::before,
.content-title-wrap .content-title strong + span::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  width: 2px;
  height: 20px;
  background-color: #999;
}

/* content-body */
/*.content-body p, .content-body li, .content-body dd, .content-body dt { line-height:1.8;}*/
/*.content-body .txt,
.content-body .txt-wrap {text-align:justify;}*/
/*
@media all and (max-width:768px) {
    .content-body {padding:20px 0;}   
    .content-title-wrap { }
    .content-title-wrap .content-title,
    .content-title-wrap .content-title { font-size:calc(22px + 1vw); }
}
*/
/* page common */
.page-overview {
  display: block;
  position: relative;
  height: auto;
  min-height: 136px;
  padding-right: 200px;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

.page-overview > dl {
  display: block;
}

.page-overview > dl > dt {
  display: block;
  /*font-family:'Noto Sans';*/
  font-size: 24px;
  margin-bottom: 20px;
  font-weight: 500;
  color: #333;
}

.page-overview > dl > dd {
  display: block;
  font-weight: 400;
  color: #555555;
  line-height: 1.5;
}

.page-overview + .section4 {
  margin-top: 20px;
}

.dv-mobile .page-overview {
  background-size: 0 0;
  padding: 0 0 40px 0;
  /*background-position:50% 0;padding:156px 0 40px 0;text-align:center;*/
}

.dv-mobile .page-overview > dl > dt {
  font-size: calc(18px + 1vw);
}

.page-overview > dl > dd br {
  display: none;
}

@media all and (max-width: 480px) {
  .page-overview {
    padding-right: 0;
    background: none !important;
  }
}
.content-box {
  display: block;
  overflow: hidden;
  position: relative;
  /*border-bottom:0;*/
}

.content-body * {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}

/* content-license */
.content-license {
  display: block;
  position: relative;
  border: 1px solid #dddddd;
  padding: 20px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.content-body .content-license {
  border: 0;
}

.content-box .content-license {
  display: block;
}

.content-license > dl {
  display: block;
  width: 100%;
  overflow: hidden;
}

/*.content-license > dl > dd { display:none;}*/
.content-license > dl > dd {
  display: block;
  overflow: hidden;
  position: absolute;
  left: -10000000000000000px;
  top: -999999px;
  width: 0;
  height: 0;
  font-size: 0;
}

/*
.content-license > dl > dd,
.content-license > dl > dd p { display:block;text-align:left;padding:10px 0;line-height:1.5;}*/
.content-license > dl > dt {
  display: table;
  width: auto;
  max-width: 100%;
  table-layout: fixed;
}

.content-license .license-img-wrap {
  display: table-cell;
  width: auto;
  vertical-align: middle;
  padding: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.content-license .license-img-wrap a {
  display: block;
}
.content-license .license-img-wrap a:focus {
  outline: 2px solid #000;
}

.content-license .license-img-wrap img {
  display: block;
  height: 36px;
  width: auto;
}

.content-license .license-title {
  display: table-cell;
  width: auto;
  padding: 0 0 0 15px;
  /*font-family:"Noto Sans";*/
  font-weight: 400;
  color: #333;
  line-height: 1.2;
  vertical-align: middle;
  text-align: left;
}

@media all and (max-width: 768px) {
  /* .content-foot .content-license > dl > dd { display:none;} */
  .content-foot .content-license > dl > dd {
    display: block;
    overflow: hidden;
    position: absolute;
    left: -10000000000000000px;
    top: -999999px;
    width: 0;
    height: 0;
    font-size: 0;
  }
  .content-license .license-title {
    font-size: calc(12px + 1vw);
  }
}
@media all and (max-width: 360px) {
  .content-license > dl > dt {
    display: block;
  }
  .content-license > dl > dt .license-img-wrap {
    display: block;
    width: 100%;
  }
  .content-license > dl > dt .license-title {
    display: block;
    width: 100%;
    padding: 10px 0 0 0;
  }
  .content-license > dl > dd {
    font-size: 15px;
  }
}
.content-body .content-license {
  padding: 0;
  border: 0;
}

.content-manager {
  display: block;
  position: relative;
  background-color: #f3f3f3;
  border: 1px solid #dddddd;
  margin-top: -1px;
  padding: 20px;
}

.content-license + .content-manager {
  border-top: 0;
}

.content-manager dt {
  text-align: left;
  color: #333333;
}

.content-manager dd ul li {
  display: inline-block;
  position: relative;
}

.content-manager dd ul li {
  padding: 0 12px;
}

.content-manager dd ul li::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
  width: 1px;
  height: 12px;
  background-color: #666;
}

.content-manager dd ul li:last-child::after {
  display: none;
}

.content-manager dd ul li .item::after {
  content: " : ";
}

.content-manager {
  position: relative;
}

.content-manager dl {
  overflow: hidden;
  position: relative;
}

.content-manager dl dt {
  display: block;
  float: left;
  margin-right: 20px;
  font-weight: 600;
}

.content-manager dl dd {
  display: block;
  float: left;
  text-align: left;
  word-break: break-all;
}

.content-manager dl dd p {
  display: block;
  margin-top: 15px;
}

.board-item-group dl dd .content-license dl dt {
  display: block;
  width: 100%;
  background: none;
  border-right: 0;
  padding: 0;
}

@media all and (max-width: 768px) {
  .content-manager dl dt,
  .content-manager dl dd {
    float: none;
    margin-right: 0;
  }
  .content-manager dl dd {
    padding-top: 15px;
  }
  .content-manager dd ul li {
    margin: 0 6px 6px 0;
    padding: 0 6px 0 0;
  }
}
.content-qrcode-satisfaction {
  display: block;
  overflow: hidden;
  position: relative;
  min-height: 120px;
  border: 1px solid #ddd;
  margin-top: 30px;
}

.content-qrcode {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 100px;
  padding: 10px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.content-qrcode::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -38px;
  width: 1px;
  height: 76px;
  background-color: #ddd;
}

.content-qrcode img {
  width: 100%;
  height: 100%;
}

.content-qrcode + .content-satisfaction {
  margin-left: 120px;
}

.content-satisfaction {
  display: block;
  position: relative;
  /*border:1px solid #dddddd;margin-top:20px;margin-left:120px;*/
  padding: 24px 165px 20px 24px;
}

.content-satisfaction .question {
  display: block;
  margin-bottom: 15px;
  /*font-family:"Noto Sans";*/
  font-size: 18px;
  font-weight: 400;
}

.content-satisfaction .btn-vote {
  display: block;
  position: absolute;
  top: 24px;
  right: 24px;
  width: 125px;
  height: 60px;
  background-color: #4f6e9d;
  color: #fff;
  border: 2px solid #4f6e9d;
}

.content-satisfaction .btn-vote:focus {
  background: #fff;
  border: 2px solid #000;
}

.content-satisfaction .btn-vote:focus span {
  color: #000;
}

@media all and (max-width: 1024px) {
  .content-qrcode {
    display: none;
    position: relative;
    width: 100%;
  }
  .content-qrcode img {
    width: 100px;
    margin: 0 auto;
  }
  .content-satisfaction {
    padding: 20px;
    margin-left: 0;
  }
  .content-qrcode + .content-satisfaction {
    margin-left: 0;
    padding: 20px 20px 20px 20px;
  }
  .content-satisfaction .question {
    font-size: 16px;
  }
  .content-satisfaction .btn-vote {
    position: relative;
    width: 100%;
    height: auto;
    line-height: 1;
    padding: 15px;
    top: auto;
    right: auto;
    bottom: auto;
    margin-top: 15px;
  }
}
/* sns-share-wrap */
.content-share-wrap .btn-group {
  display: block;
  float: right;
  overflow: hidden;
}

.content-share-wrap button {
  float: left;
  margin-left: 10px;
}

.content-share-wrap button > span,
.content-share-wrap .btn-sns > span {
  display: block;
  overflow: hidden;
  position: absolute;
  left: -9999999px;
  width: 0;
  height: 0;
  font-size: 0;
}

.content-share-wrap .btn-group .btn-share,
.content-share-wrap .btn-group .btn-print {
  display: block;
  width: 40px;
  height: 40px;
  border: 1px solid #333;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.content-share-wrap .btn-group .btn-share:focus, .content-share-wrap .btn-group .btn-share.active,
.content-share-wrap .btn-group .btn-print:focus,
.content-share-wrap .btn-group .btn-print.active {
  border: 2px solid #000;
}
.content-share-wrap .btn-group .btn-share {
  background-image: url("/humanframe/globaltheme/assets/image/layout/content-share-icon-share.svg");
  background-size: 16px 20px;
}
.content-share-wrap .btn-group .btn-print {
  background-image: url("/humanframe/globaltheme/assets/image/layout/content-share-icon-print.svg");
  background-size: 18px 20px;
}
.content-share-wrap .content-share-layer {
  display: none;
}
.content-share-wrap .content-share-layer.active {
  display: block;
  position: absolute;
  right: 0;
  top: 60px;
  z-index: 10;
  /*width:420px;*/
  text-align: right;
}
@media screen and (max-width: 480px) {
  .content-share-wrap .content-share-layer.active {
    width: 320px;
  }
}
.content-share-wrap .content-share-layer.active .sns-list-wrap {
  display: inline-block;
  position: relative;
  background-color: #fff;
  border: 1px solid #333333;
  padding: 17px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.content-share-wrap .content-share-layer.active .sns-list-wrap .sns-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem;
}
.content-share-wrap .content-share-layer.active .sns-list-wrap .sns-list::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 13px;
  background-image: url("/humanframe/globaltheme/assets/image/layout/content-share-balloon-arw.png");
  background-size: 14px 13px;
  background-repeat: no-repeat;
  background-position: 0 0;
  top: -13px;
  right: 65px;
}
.content-share-wrap .content-share-layer.active .sns-list-wrap .sns-list > li .btn-sns {
  position: relative;
  left: 0;
  display: block;
  overflow: hidden;
  position: relative;
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 50%;
}
.content-share-wrap .content-share-layer.active .sns-list-wrap .sns-list > li .btn-sns span {
  display: block;
  overflow: hidden;
  position: absolute;
  left: -99999999999999px;
  top: -100000000000000000px;
  width: 0;
  height: 0;
  font-size: 0;
  text-indent: 1000000000000000000000px;
}
.content-share-wrap .content-share-layer.active .sns-list-wrap .sns-list > li .btn-sns.myscrap {
  background-image: url("/humanframe/globaltheme/assets/image/layout/logo-incheon-circle.svg");
  background-size: 28px 28px;
  border: 1px solid #dddddd;
}
.content-share-wrap .content-share-layer.active .sns-list-wrap .sns-list > li .btn-sns.facebook {
  background-color: #0054a6;
  background-image: url("/humanframe/globaltheme/assets/image/layout/sns-logo-facebook-w.svg");
  background-size: 10px 20px;
}
.content-share-wrap .content-share-layer.active .sns-list-wrap .sns-list > li .btn-sns.twitter {
  background-color: #00aeef;
  background-image: url("/humanframe/globaltheme/assets/image/layout/sns-logo-twitter-w.svg");
  background-size: 25px 18px;
}
.content-share-wrap .content-share-layer.active .sns-list-wrap .sns-list > li .btn-sns.naverblog {
  background-color: #02d401;
  background-image: url("/humanframe/globaltheme/assets/image/layout/sns-logo-naver-w.svg");
  background-size: 17px 15px;
}
.content-share-wrap .content-share-layer.active .sns-list-wrap .sns-list > li .btn-sns.kakaostory {
  background-color: #f3d020;
  background-image: url("/humanframe/globaltheme/assets/image/layout/sns-logo-kakaostory-w.png");
  background-size: 11px 21px;
}
.content-share-wrap .content-share-layer.active .sns-list-wrap .sns-list > li .btn-sns.instagram {
  background-image: url("/humanframe/globaltheme/assets/image/layout/sns-logo-instagram-bg.svg");
  background-size: 100% 100%;
  background-position: 0 0;
}
.content-share-wrap .content-share-layer.active .sns-list-wrap .sns-list > li .btn-sns.instagram::after {
  content: "";
  display: block;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 22px;
  height: 22px;
  background-image: url("/humanframe/globaltheme/assets/image/layout/sns-logo-instagram-w.png");
  background-size: 100% auto;
  margin-top: -11px;
  margin-left: -11px;
}
.content-share-wrap .content-share-layer.active .sns-list-wrap .sns-list > li .btn-linkurl {
  display: inline-block;
  border: 1px solid #ddd;
  border-radius: 15px;
  margin-top: 3px;
  padding: 0 12px;
  line-height: 28px;
  font-size: 14px;
  color: #555555;
  cursor: pointer;
  white-space: nowrap;
}
.content-share-wrap .content-share-layer.active .close-btn-share-layer {
  display: block;
  float: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  background-image: url(/humanframe/theme/incheon/assets/image/icon-pop-close.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 12px;
}

.content-comment {
  margin: 70px 0;
  font-weight: 400;
}

.content-comment .title {
  margin: 0 0 20px 0;
  font-weight: 400;
  padding-left: 0;
}

.content-comment .title::before {
  display: none;
}

.content-comment > p {
  margin-bottom: 12px;
}

.content-comment .comment-write {
  background: #f3f3f3;
  border: 1px solid #ddd;
  padding: 22px;
}

.content-comment .sns-select {
  position: relative;
  padding-left: 82px;
  font-size: 0;
}

.content-comment .sns-select .label,
.content-comment .sns-select > span {
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
  width: 64px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  font-size: 13px;
}

.content-comment .comment-write .sns-select a,
.content-comment .comment-user-wrap .sns-select .sns-account {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: center center;
  border: 0;
  border-radius: 50%;
  font-size: 0;
  color: transparent;
  vertical-align: middle;
  margin-right: 5px;
  overflow: hidden;
}

.content-comment .comment-write .sns-select a.incheon,
.content-comment .comment-user-wrap .sns-select .sns-account.incheon {
  background-color: #fff;
  background-image: url(/humanframe/globaltheme/assets/image/_module/icon_small_incheon.png);
  background-size: 23px auto;
  border: 1px solid #ccc;
}

.content-comment .comment-write .sns-select .facebook,
.content-comment .comment-user-wrap .sns-select .sns-account.facebook {
  background-color: #2c498f;
  background-image: url(/humanframe/globaltheme/assets/image/_module/icon_small_facebook.png);
}

.content-comment .comment-write .sns-select .twitter,
.content-comment .comment-user-wrap .sns-select .sns-account.twitter {
  background-color: #58b0ff;
  background-image: url(/humanframe/globaltheme/assets/image/_module/icon_small_twitter.png);
}

.content-comment .comment-write .sns-select .naver,
.content-comment .comment-user-wrap .sns-select .sns-account.naver {
  background-color: #38cf1b;
  background-image: url(/humanframe/globaltheme/assets/image/_module/icon_small_naver.png);
}

.content-comment .comment-write .sns-select .kakao,
.content-comment .comment-user-wrap .sns-select .sns-account.kakao {
  background-color: #ffde00;
  background-image: url(/humanframe/globaltheme/assets/image/_module/icon_small_kakaotalk_dark.png);
}

/*
.content-comment .sns-select a.incheon.active,
.content-comment .sns-select a.incheon:hover {background-image:url(/humanframe/globaltheme/assets/image/_module/icon_small_incheon.png);}
.content-comment .sns-select a.facebook.active,
.content-comment .sns-select a.facebook:hover {background-color:#2c498f;}
.content-comment .sns-select a.twitter.active,
.content-comment .sns-select a.twitter:hover {background-color:#58b0ff;}
.content-comment .sns-select a.naver.active,
.content-comment .sns-select a.naver:hover {background-color:#38cf1b;}
.content-comment .sns-select a.kakao.active,
.content-comment .sns-select a.kakao:hover {background-color:#ffde00;background-image:url(/humanframe/globaltheme/assets/image/_module/icon_small_kakaotalk_dark.png);}8/

/*
.content-comment .comment-write {background:#f3f3f3;border:1px solid #ddd;padding:22px;}
.content-comment .sns-select {position:relative;padding-left:82px;font-size:0;}
.content-comment .sns-select .label,
.content-comment .sns-select > span {line-height:24px;display:inline-block;vertical-align:middle;width:64px;position:absolute;left:0;top:0;text-align:center;font-size:13px;}
.content-comment .sns-select a {display:inline-block;width:30px;height:30px;line-height:30px;background-color:#ccc;background-repeat:no-repeat;background-position:center center;border:0;border-radius:50%;font-size:0;color:transparent;vertical-align:middle;margin-right:5px;overflow:hidden;}
.content-comment .sns-select a.incheon {background-color:#fff;background-image:url(/humanframe/globaltheme/assets/image/_module/icon_small_incheon.png);background-size:23px auto;border:1px solid #ccc;}
.content-comment .sns-select a.facebook {background-color:#2c498f;background-image:url(/humanframe/globaltheme/assets/image/_module/icon_small_facebook.png);}
.content-comment .sns-select a.twitter {background-color:#58b0ff;background-image:url(/humanframe/globaltheme/assets/image/_module/icon_small_twitter.png);}
.content-comment .sns-select a.naver {background-color:#38cf1b;background-image:url(/humanframe/globaltheme/assets/image/_module/icon_small_naver.png);}
.content-comment .sns-select a.kakao {background-color:#ffde00;background-image:url(/humanframe/globaltheme/assets/image/_module/icon_small_kakaotalk_dark.png);}
.content-comment .sns-select a.incheon.active,
.content-comment .sns-select a.incheon:hover {background-image:url(/humanframe/globaltheme/assets/image/_module/icon_small_incheon.png);}
.content-comment .sns-select a.facebook.active,
.content-comment .sns-select a.facebook:hover {background-color:#2c498f;}
.content-comment .sns-select a.twitter.active,
.content-comment .sns-select a.twitter:hover {background-color:#58b0ff;}
.content-comment .sns-select a.naver.active,
.content-comment .sns-select a.naver:hover {background-color:#38cf1b;}
.content-comment .sns-select a.kakao.active,
.content-comment .sns-select a.kakao:hover {background-color:#ffde00;background-image:url(/humanframe/globaltheme/assets/image/_module/icon_small_kakaotalk_dark.png);}
*/
.btn-write-comment {
  width: 125px;
  background-color: #4f6e9d;
  color: #fff;
}

.comment-enter {
  position: relative;
  /*padding-left:82px;*/
  margin-top: 8px;
}

.comment-enter .logo {
  display: inline-block;
  background: #fff url(/humanframe/globaltheme/assets/image/_module/icon_small_incheon.png) no-repeat center center;
  width: 64px;
  height: 64px;
  border: 1px solid #ddd;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 8px;
  overflow: hidden;
}

.comment-enter .textarea {
  border: 1px solid #ddd;
  background: #fff;
  padding: 12px 15px;
  font-size: 13px;
  color: #666;
  height: 90px;
  overflow-x: hidden;
  overflow-y: auto;
}

.comment-enter .textarea label span {
  display: block;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #ccc;
  line-height: 1.3;
  font-weight: 300;
}

.content-comment .btn-area {
  display: block;
  text-align: right;
  margin-top: 10px;
  font-size: 12px;
  color: #888888;
}

.content-comment .btn-area .btn {
  margin-left: 12px;
  width: 104px;
}

.content-comment .btn-area .btn span {
  height: 34px;
  line-height: 32px;
  font-size: 15px;
}

.comment-box {
  margin-top: 35px;
}

.comment-box > p {
  margin-bottom: 15px;
  font-weight: 400;
  font-size: 18px;
  color: #333;
}

.comment-box > p .red {
  color: #333;
  font-weight: 500;
  font-size: 13px;
  vertical-align: top;
  font-family: inherit;
}

.comment-list-wrap {
  border-top: 1px solid #ddd;
}

/* comment-list */
.comment-article {
  display: block;
  position: relative;
  padding: 30px 0 30px 37px;
  border-bottom: 1px solid #ddd;
  min-height: 82px;
}

.comment-article .comment-user-wrap {
  position: absolute;
  top: 26px;
  left: 0;
}

.content-comment .comment-article .comment-user-wrap .sns-select.login-After {
  position: relative;
  padding: 0;
}

.comment-article .comment-user-wrap .sns-select.login-After .sns-account {
  display: block;
  border: 0;
  margin-right: 0;
}

.comment-article .comment-user-wrap .sns-select.login-After .sns-account.incheon {
  border: 1px solid #ccc;
}

.comment-article .user-profile-wrap {
  display: none;
}

/*
.comment-article {display:block;position:relative;padding:30px 0 30px 37px;padding:30px 0 30px 110px;border-bottom:1px solid #ddd;min-height:82px;}
.comment-article .user-profile-wrap {position:absolute;top:0;left:0;}
.content-comment .comment-article .comment-user-wrap .sns-select.login-After {position:absolute;bottom:0;right:0;padding-left:0;}
.comment-article .comment-user-wrap .sns-select.login-After a {display:none;}
.comment-article .comment-user-wrap .sns-select.login-After a.active {display:block;margin-right:0;}*/
.comment-article .comment-txt-wrap {
  position: relative;
  font-size: 15px;
}

.comment-article .comment-btn-wrap {
  position: absolute;
  top: 30px;
  right: 0;
}

.comment-article .comment-by {
  display: block;
  overflow: hidden;
  /*margin-left:45px;*/
}

.comment-article .comment-by .item {
  display: block;
  float: left;
  position: relative;
  /*margin-right:10px;*/
  padding: 0 15px;
  color: #555;
  font-size: 15px;
  line-height: 20px;
}

.comment-article .comment-by .item:first-child {
  padding-left: 0;
}

.comment-article .comment-by .item::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
  width: 1px;
  height: 12px;
  background-color: #555;
}

.comment-article .comment-by .item.id {
  color: #333;
  /*font-weight:bold;margin-right:10px;*/
}

.comment-article .comment-by .item.date::after {
  display: none;
}

.comment-article .comment-by .item.like,
.comment-article .comment-by .item.hate {
  height: 20px;
  line-height: 20px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 23px;
}

.comment-article .comment-by .item.like > span,
.comment-article .comment-by .item.hate > span {
  display: none;
}

.comment-article .comment-by .item.like {
  background-image: url(/humanframe/globaltheme/assets/image/layout/content-comment-icon-like.png);
}

.comment-article .comment-by .item.hate {
  background-image: url(/humanframe/globaltheme/assets/image/layout/content-comment-icon-hate.png);
}

.comment-article .comment-by .item.hate::after {
  display: none;
}

.comment-article .comment-user-text-wrap {
  display: block;
  position: relative;
  /*margin-right:210px;*/
  padding: 15px 0 0 0;
  color: #555555;
  line-height: 1.5;
}

.comment-article .comment-user-text {
  display: block;
  margin-right: 22px;
  padding: 0 23px 0 0;
}

.comment-article .comment-user-text-wrap .btn-delete-comment {
  display: inline-block;
  position: absolute;
  right: 0;
  top: auto;
  bottom: 0;
  padding: 4px;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
}

.comment-article .comment-user-wrap {
  border: 0;
}

/*
.comment-article .comment-user-wrap{display:block;overflow:hidden;width:30px;height:30px;background-color:#f3f3f3;background-image:url(/humanframe/globaltheme/assets/image/layout/content-comment-user-profile.jpg);background-repeat:no-repeat;background-position:center center;border:1px solid #ddd;border-radius:50%;}
.comment-article .comment-user-wrap .user-profile-wrap {display:block;position:relative;overflow:hidden;width:78px;height:78px;background-color:#f3f3f3;background-image:url(/humanframe/globaltheme/assets/image/layout/content-comment-user-profile.jpg);background-repeat:no-repeat;background-position:center center;border:1px solid #ddd;border-radius:50%;}
.comment-article .comment-user-wrap .user-profile-wrap img {width:100%;height:100%;}*/
/*
.comment-article .comment-user-wrap .user-profile-wrap {display:block;position:relative;overflow:hidden;width:78px;height:78px;background-color:#f3f3f3;background-image:url(/humanframe/globaltheme/assets/image/layout/content-comment-user-profile.jpg);background-repeat:no-repeat;background-position:center center;border:1px solid #ddd;border-radius:50%;}
.comment-article .comment-user-wrap .user-profile-wrap img {width:100%;height:100%;}*/
.comment-article .comment-btn-wrap .btn {
  display: inline-block;
  height: 20px;
  background-color: transparent;
  line-height: 20px;
  padding: 0;
  color: #555;
  font-size: 14px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.comment-article .comment-btn-wrap .btn span {
  display: inline-block;
  position: relative;
  line-height: 20px;
  padding-left: 26px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.comment-article .comment-btn-wrap .btn span::before {
  content: "";
  display: inline-block;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 0 0;
}

.comment-article .comment-btn-wrap .btn em {
  display: inline-block;
  margin-left: 8px;
}

.comment-article .comment-btn-wrap .btn.like {
  margin-right: 20px;
  color: #c00d0d;
}

.comment-article .comment-btn-wrap .btn.like span::before {
  background-image: url(/humanframe/globaltheme/assets/image/layout/content-comment-icon-like.png);
}

.comment-article .comment-btn-wrap .btn.hate span::before {
  background-image: url(/humanframe/globaltheme/assets/image/layout/content-comment-icon-hate.png);
}

/*
.comment-article .comment-btn-wrap {position:absolute;top:50%;right:0;margin-top:-19px;}
.comment-article .comment-btn-wrap .btn {display:inline-block;height:26px;line-height:26px;background-color:#ebebeb;border-radius:15px;padding:6px 10px 6px 6px;color:#555;font-size:14px;box-sizing:content-box;}
.comment-article .comment-btn-wrap .btn span {display:inline-block;position:relative;line-height:26px;padding-left:32px;box-sizing:content-box;}
.comment-article .comment-btn-wrap .btn span::before { content:"";display:inline-block;overflow:hidden;position:absolute;left:0;top:50%;margin-top:-13px;width:26px;height:26px;background-repeat:no-repeat;background-size:26px 26px;background-position:0 0;}
.comment-article .comment-btn-wrap .btn em { display:inline-block;margin-left:10px;}
.comment-article .comment-btn-wrap .btn.like {margin-right:4px;color:#c00d0d;}
.comment-article .comment-btn-wrap .btn.like span::before {background-image:url(/humanframe/globaltheme/assets/image/layout/content-comment-icon-like.png);}
.comment-article .comment-btn-wrap .btn.hate span::before{background-image:url(/humanframe/globaltheme/assets/image/layout/content-comment-icon-hate.png);}
*/
/* content-share */
.content-share-wrap {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -15px;
}

.content-share {
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.content-share li {
  display: block;
  float: left;
  margin-left: 5px;
}

.content-share .btn-sns {
  display: inline-block;
  position: relative;
  width: 31px;
  height: 31px;
  color: transparent;
  margin-left: 10px;
}

.content-share .btn-sns::after {
  width: 31px;
  height: 31px;
  display: inline-block;
  background: url(/humanframe/globaltheme/assets/image/common/spr_sns.png) no-repeat 0 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}

.content-share .btn-sns.facebook::after {
  background-position: 0 0;
}

.content-share .btn-sns.kakaostory::after {
  background-position: -36px 0;
}

.content-share .btn-sns.instagram::after {
  background-position: -72px 0;
}

.content-share .btn-sns.blog::after {
  background-position: -108px 0;
}

.content-share .btn-sns.bookmark::after {
  background-position: -144px 0;
}

.content-share .btn-sns.print::after {
  background-position: -180px 0;
}

.content-share .btn-sns:first-child {
  margin-left: 0;
}

@media all and (max-width: 768px) {
  .content-head {
    height: auto;
  }
}
@media screen and (max-width: 1024px) {
  .content-location {
    display: none;
  }
  .comment-article {
    min-height: 0;
    padding: 20px 20px 20px 37px;
  }
  .comment-article .comment-user-wrap {
    top: 20px;
  }
  .comment-article .comment-user-text {
    margin-right: 0;
    padding: 6px 0;
  }
  .comment-article .comment-user-text-wrap .btn-delete-comment {
    position: relative;
    margin-top: 4px;
  }
  .comment-article .comment-btn-wrap {
    position: relative;
    top: 0;
    margin-top: 10px;
  }
}
.an_tab ul {
  overflow: hidden;
}

.an_tab ul li {
  float: left;
  width: 14.39%;
  height: 45px;
  text-align: center;
  line-height: 45px;
  border: 1px solid #ddd;
  margin: 0 -1px -1px 0;
  background: #eee;
  font-weight: bold;
}

.an_tab ul li.on {
  background: #0070bd;
  border: 1px solid #0070bd;
}

.an_tab ul li.on a {
  color: #fff;
}

.an_tab ul li:nth-child(16),
.an_tab ul li:nth-child(17) {
  margin: 0 -1px 0 0;
}

.an_tab ul li a {
  font-size: 15px;
  display: block;
}

.an_box {
  width: 100%;
  height: 800px;
  margin-top: 50px;
}

.an_box p {
  position: relative;
  display: none;
}

.an_box iframe {
  width: 100%;
  height: 800px;
}

@media all and (max-width: 1024px) {
  .an_box {
    overflow-y: hidden;
    margin-top: 30px;
  }
  .an_box p {
    display: block;
    text-align: right;
    padding-right: 25px;
  }
  .an_box p::before {
    content: "";
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #0070bd;
    position: absolute;
    right: 13px;
    top: 9px;
  }
  .an_box .an_frame {
    overflow-x: auto;
    border: 1px solid #ddd;
  }
  .an_box .an_frame iframe {
    max-width: 1200px;
    width: 1200px;
  }
}
@media all and (max-width: 768px) {
  .an_tab ul li {
    width: 16.8%;
  }
}
@media all and (max-width: 480px) {
  .dv-mobile .content-location {
    display: block;
  }
  .an_tab ul li {
    width: 33.3%;
  }
  .content-location .content-location-inner > ul > li {
    font-size: 12px;
  }
  .content-location .content-location-inner > ul > li::after {
    color: #666;
    content: ">";
    display: inline-block;
    padding-left: 4px;
  }
}
/* 0916*/
.organ-diagram {
  position: relative;
  text-align: center;
  color: #fff;
}

.organ-diagram > ul {
  min-width: 100% !important;
}

.organ-diagram a {
  display: block;
}

.organ-diagram::before {
  content: "";
  width: 76%;
  height: 1px;
  background: #ddd;
  position: absolute;
  top: 100px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.organ-diagram:nth-child(2) .organ-depth01 {
  margin-top: 80px;
}

.organ-depth01 {
  width: 25%;
  margin: 0 auto;
  background: url(/humanframe/globaltheme/assets/image/layout/org_bg_icon.png) no-repeat 0 0 #0070bd;
  height: 50px;
  line-height: 50px;
  margin-bottom: 100px;
  position: relative;
}

.organ-depth01::before {
  content: "";
  width: 1px;
  height: 100px;
  background: #ddd;
  position: absolute;
  bottom: -100px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.organ-depth02-list {
  text-align: left;
}

.organ-depth02-list li {
  display: inline-block;
  width: 23.7%;
  margin-left: 1%;
  vertical-align: top;
  margin-bottom: 30px;
  text-align: center;
}

.organ-depth02-list li:first-child,
.organ-depth02-list li:nth-child(5) {
  margin-left: 0;
}

.organ-depth02-list .organ-depth02 {
  background: #0070bd;
  height: 50px;
  line-height: 50px;
  position: relative;
}

.organ-depth02-list .organ-depth02::before {
  content: "";
  width: 1px;
  height: 50px;
  background: #ddd;
  position: absolute;
  top: -50px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.organ-depth02-list li:nth-child(5) .organ-depth02::before,
.organ-depth02-list li:nth-child(6) .organ-depth02::before,
.organ-depth02-list li:nth-child(7) .organ-depth02::before,
.organ-depth02-list li:nth-child(8) .organ-depth02::before {
  width: 0;
}

.organ-depth03-list li {
  width: 100% !important;
  margin: 13px 0 0 0;
}

.organ-depth03-list .organ-depth03 {
  background: #ddd;
  color: #222;
  height: 50px;
  line-height: 50px;
  position: relative;
}

.organ-depth03-list .organ-depth03::before {
  content: "";
  width: 1px;
  height: 13px;
  background: #ddd;
  position: absolute;
  top: -13px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

@media (max-width: 768px) {
  .organ-diagram.waterworksh-direct,
  .organ-diagram.waterworksh-local {
    min-width: 100%;
  }
  .organ-depth02-list li {
    width: 23.2%;
  }
}
@media (max-width: 480px) {
  .organ-depth02-list {
    text-align: center;
  }
  .organ-depth01,
  .organ-depth02-list li {
    width: 80%;
    margin: 20px auto 0;
  }
  .organ-depth01::before {
    width: 0px;
  }
  .organ-depth02-list .organ-depth02::before,
  .organ-depth03-list .organ-depth03::before {
    height: 20px;
    top: -20px;
  }
}
/*경관 공통 css*/
.build_xauto {
  overflow: hidden;
}

.BU200917_conts1,
.BU200917_conts2,
.BU200917_conts3,
.BU200917_conts4,
.BU200917_conts5 {
  width: 49%;
  float: left;
  border: 2px solid #9bc1db;
}

.BU200917_conts2,
.BU200917_conts4 {
  margin: 0 0 2% 2%;
}

.BU200917_conts1 p,
.BU200917_conts2 p,
.BU200917_conts3 p,
.BU200917_conts4 p,
.BU200917_conts5 p {
  text-align: center;
  width: 75%;
  padding: 5px 0;
  background-color: #0070bd;
  color: #fff;
}

.BU200917_conts1 p span,
.BU200917_conts2 p span,
.BU200917_conts3 p span,
.BU200917_conts4 p span,
.BU200917_conts5 p span {
  font-size: 18px;
  font-weight: 500;
}

.BU200917_conts1 ul,
.BU200917_conts2 ul,
.BU200917_conts3 ul,
.BU200917_conts4 ul,
.BU200917_conts5 ul {
  padding: 10px;
}

.BU200917_ul {
  padding-top: 15px;
}

.BU200917_ul li {
  position: relative;
  font-size: 16px;
  color: #666;
  line-height: 190%;
  padding: 0 0 0 20px;
}

.BU200917_ul li::before {
  content: "ㆍ";
  font-size: 17px;
  font-weight: 600;
  color: #333;
  position: absolute;
  left: 0;
  top: 0;
}

/*경관2 공통 css*/
.BU200924_conts1 {
  margin-top: 40px;
  width: 100%;
  height: 118px;
  background: url(/humanframe/globaltheme/assets/image/layout/200917_conts_1.jpg) left 0 no-repeat;
  background-size: 100% 100%;
}

.BU200924_conts2 {
  margin-top: 40px;
  width: 100%;
  height: 118px;
  background: url(/humanframe/globaltheme/assets/image/layout/200917_conts_2.jpg) left 0 no-repeat;
  background-size: 100% 100%;
}

.BU200924_conts3 {
  margin-top: 40px;
  width: 100%;
  height: 118px;
  background: url(/humanframe/globaltheme/assets/image/layout/200917_conts_3.jpg) left 0 no-repeat;
  background-size: 100% 100%;
}

.BU200924_conts4 {
  margin-top: 40px;
  width: 100%;
  height: 118px;
  background: url(/humanframe/globaltheme/assets/image/layout/200917_conts_4.jpg) left 0 no-repeat;
  background-size: 100% 100%;
}

.BU200924_conts1 p,
.BU200924_conts2 p,
.BU200924_conts3 p,
.BU200924_conts4 p {
  float: left;
  display: table;
  width: 300px;
  height: 100%;
  text-align: center;
}

.BU200924_conts1 p span,
.BU200924_conts2 p span,
.BU200924_conts3 p span,
.BU200924_conts4 p span {
  color: #fff;
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
  font-weight: 500;
}

.BU200924_conts1 ul,
.BU200924_conts2 ul,
.BU200924_conts3 ul,
.BU200924_conts4 ul {
  float: left;
  width: auto;
}

.BU200924_ul {
  padding-top: 15px;
}

.BU200924_ul li {
  position: relative;
  font-size: 16px;
  color: #666;
  line-height: 190%;
}

.BU200924_ul li:nth-child(1) {
  margin: 0 0 0 30px;
  padding: 0 0 0 20px;
}

.BU200924_ul li:nth-child(2) {
  margin: 0 0 0 63px;
  padding: 0 0 0 20px;
}

.BU200924_ul li:nth-child(3) {
  margin: 0 0 0 103px;
  padding: 0 0 0 20px;
}

.BU200924_ul li::before {
  content: "ㆍ";
  font-size: 17px;
  font-weight: 600;
  color: #333;
  position: absolute;
  left: 0;
  top: 0;
}

.width900 {
  width: 912px;
}

.box-0917 .n-title-0917 {
  width: 15%;
  margin-right: 5%;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  background-color: #f2fbfb;
  border: 2px solid #acd7d8;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.box-0917 .title_09172 .n-title-0917 {
  background: #f1f8fd;
  border: 2px solid #9bc1db;
}

.box-0917 .title_0917 {
  overflow: hidden;
  margin-bottom: 20px;
  display: table;
  width: 100%;
  height: 100px;
}

.box-0917 .d-title-0917 {
  float: left;
  width: 95%;
  font-size: 20px;
  padding: 29px 0;
  border: 2px solid #acd7d8;
  text-align: center;
  font-weight: bold;
  height: 100%;
  margin-left: 5%;
}

.box-0917 .newdeal-goal {
  width: 80%;
  overflow: hidden;
  height: 100%;
  width: 95%;
  margin-left: 5%;
}

.box-0917 .newdeal-goal li {
  float: left;
  text-align: center;
  width: 24.2%;
  margin-left: 1%;
  border: 2px solid #9bc1db;
  height: 100%;
  display: table;
}

.box-0917 .newdeal-goal li:first-child {
  margin-left: 0;
}

.box-0917 .newdeal-goal li dl {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.box-0917 .newdeal-goal li dl dt {
  font-size: 17px;
  font-weight: bold;
}

.box-0917 .newdeal-goal-5 li {
  width: 19.2%;
}

.box-0921 {
  text-align: center;
}

.box-0921 dl {
  overflow: hidden;
  background: url(/humanframe/globaltheme/assets/image/layout/line_0921.png) no-repeat center/68%;
}

.box-0921 dl dt {
  width: 50%;
  margin: 0 auto;
  font-size: 20px;
  font-weight: bold;
  padding: 10px 0;
  background-color: #146fdb;
  color: #fff;
  position: relative;
}

/*.box-0921 dl dt::before{content:''; width:136%; height:1px; background-color: #ddd; position: absolute; top:91px; left:50%; transform: translate(-50%,0); width:0;}*/
.box-0921 dl dd {
  font-size: 18px;
  padding: 10px 0;
  display: inline-block;
  width: 31.8%;
  padding: 10px 0;
  margin: 70px 0 0 1.5%;
  color: #fff;
  position: relative;
}

.box-0921 dl dd:nth-child(2) {
  margin: 2% 0 0 0;
  background-color: #02aca9;
}

.box-0921 dl dd:nth-child(3) {
  background-color: #2493c1;
}

.box-0921 dl dd:nth-child(4) {
  background-color: #22266f;
}

.box-0921 dl dd span {
  font-size: 18px !important;
}

/*.box-0921 dl dd::before{content:''; width:1px; height:35px; background-color: #ddd; position: absolute; top:-35px; left:50%; transform: translate(-50%,0); width:0;}
.box-0921 dl dd:nth-child(3)::before{height:70px; top:-70px;}*/
.box-0921 p {
  padding-top: 80px;
  background: url(/humanframe/globaltheme/assets/image/layout/arrow_0921.jpg) no-repeat top center/100%;
}

.box-0921 p span {
  display: block;
  width: 100%;
  font-size: 18px;
  padding: 10px 0;
  color: #fff;
  background-color: #3b0172;
}

/* 육성전략 */
.eco_Wbox {
  background: #fff;
  border: 2px solid #ccc;
  padding: 30px 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 40px 0;
}

.eco_Wbox > div {
  font-size: 24px;
  font-weight: 500;
  color: #333;
  /*font-family:"Noto Sans"; */
  line-height: 120%;
}

.eco_busi_wrap {
  position: relative;
  clear: both;
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin-bottom: 2%;
}

.eco_busi {
  display: table;
  width: 100%;
  height: 100%;
  min-height: 100%;
}

.eco_busi > p {
  position: absolute;
  left: 0;
  top: 0;
  display: table;
  width: 28%;
  height: 100%;
  min-height: 100%;
  margin-right: 2%;
  float: left;
  background: #f2fbfb;
  border: 2px solid #acd7d8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
}

.eco_busi > p span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-weight: 600;
  color: #333;
  font-size: 20px;
}

.eco_busi > ul {
  display: table-cell;
  vertical-align: middle;
  width: 70%;
  margin-left: 30%;
  float: left;
  background: #fff;
  border: 2px solid #acd7d8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
}

.eco_busi_color p {
  background: #f1f8fd;
  border: 2px solid #9bc1db;
}

.eco_busi_color .eco_busi_colorR {
  background: #fff;
  border: 2px solid #9bc1db;
}

/* 당구장 표시 */
.point-bar li {
  padding-left: 20px;
  position: relative;
}

.point-bar li::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 768px) {
  .BU200917_conts1,
  .BU200917_conts2,
  .BU200917_conts3,
  .BU200917_conts4,
  .BU200917_conts5 {
    float: none;
    width: 99.5%;
    margin: 0 0 30px 0;
  }
  .BU200917_conts2,
  .BU200917_conts4 {
    margin: 0 0 30px 0;
  }
  .BU200917_conts1 p,
  .BU200917_conts2 p,
  .BU200917_conts3 p,
  .BU200917_conts4 p,
  .BU200917_conts5 p {
    width: 100%;
  }
  .box-0921 dl dt::before {
    top: 85px;
  }
  .box-0921 dl dd {
    width: 31.6%;
  }
  .eco_busi {
    display: block;
  }
  .eco_busi > p {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100%;
    margin-right: 0;
    padding: 30px;
    margin-bottom: 10px;
    display: block;
    float: none;
  }
  .eco_busi > p span {
    display: block;
  }
  .eco_busi > ul {
    position: relative;
    display: block;
    vertical-align: middle;
    width: 100%;
    margin-left: 0px;
    float: none;
  }
}
@media (max-width: 480px) {
  .box-0917 .title_0917 {
    height: auto;
  }
  .box-0917 .n-title-0917 {
    display: block;
    width: 100%;
    padding: 10px 0;
  }
  .box-0917 .d-title-0917 {
    width: 100%;
    margin: 10px 0 0 0;
    padding: 15px 5px;
  }
  .box-0917 .newdeal-goal {
    margin: 0;
    width: 100%;
  }
  .box-0917 .newdeal-goal li {
    float: none;
    margin: 10px 0 0 0;
    width: 100%;
    padding: 5px 0;
  }
  .box-0921 dl dt {
    width: 100%;
    font-size: 17px;
  }
  .box-0921 dl dt::before {
    width: 0;
  }
  .box-0921 dl dd {
    width: 30%;
    display: block;
    float: left;
    margin: 30px 0 0 5%;
    font-size: 15px;
  }
  .box-0921 dl dd:nth-child(2) {
    margin: 30px 0 0 0;
  }
  .box-0921 dl dd::before,
  .box-0921 dl dd:nth-child(3)::before {
    height: 15px;
    top: -15px;
  }
  .box-0921 dl dd span {
    font-size: 15px !important;
  }
  .box-0921 p {
    padding-top: 40px;
  }
  .box-0921 p span {
    font-size: 15px;
  }
}
.content-sitemap-wrap .depth1 {
  overflow: hidden;
}

.content-sitemap-wrap .depth1 > li {
  float: left;
  width: 23.8%;
  margin-left: 1.5%;
}

.content-sitemap-wrap .depth1 > li:first-child {
  margin-left: 0;
}

.content-sitemap-wrap .depth1 > li > a {
  font-size: 18px;
  color: #fff;
  display: block;
  height: 54px;
  line-height: 54px;
  background-color: #2d2d70;
  text-align: center;
  font-weight: 500;
}

.content-sitemap-wrap .depth1 > li .depth2-wrap > .depth2 > li > a {
  color: #666;
  font-size: 15px;
  line-height: 20px;
  display: block;
  background-color: #f8f8f8;
  padding: 14px 17px 14px 20px;
  border-bottom: 1px solid #ccc;
}

.content-sitemap-wrap .depth1 > li .depth2-wrap > .depth2 > li > .depth3-wrap {
  border-bottom: 1px solid #ccc;
}

.content-sitemap-wrap .depth1 > li .depth2-wrap > .depth2 > li > .depth3-wrap .depth3 {
  padding: 17px 0 17px 22px;
}

.content-sitemap-wrap .depth1 > li .depth2-wrap > .depth2 > li > .depth3-wrap .depth3 li a {
  color: #333;
  font-size: 15px;
  position: relative;
  padding: 0 11px;
  display: block;
}

.content-sitemap-wrap .depth1 > li .depth2-wrap > .depth2 > li > .depth3-wrap .depth3 li a::before {
  content: "";
  width: 2px;
  height: 2px;
  background-color: #666;
  position: absolute;
  top: 10px;
  left: 0;
}

.content-sitemap-wrap .depth1 > li:nth-child(1) .depth2-wrap > .depth2 > li:nth-child(1) > .depth3-wrap,
.content-sitemap-wrap .depth1 > li:nth-child(1) .depth2-wrap > .depth2 > li:nth-child(2) > .depth3-wrap,
.content-sitemap-wrap .depth1 > li:nth-child(1) .depth2-wrap > .depth2 > li:nth-child(5) > .depth3-wrap,
.content-sitemap-wrap .depth1 > li:nth-child(1) .depth2-wrap > .depth2 > li:nth-child(6) > .depth3-wrap,
.content-sitemap-wrap .depth1 > li:nth-child(2) .depth2-wrap > .depth2 > li:nth-child(1) > .depth3-wrap,
.content-sitemap-wrap .depth1 > li:nth-child(2) .depth2-wrap > .depth2 > li:nth-child(2) > .depth3-wrap,
.content-sitemap-wrap .depth1 > li:nth-child(2) .depth2-wrap > .depth2 > li:nth-child(6) > .depth3-wrap,
.content-sitemap-wrap .depth1 > li:nth-child(2) .depth2-wrap > .depth2 > li:nth-child(7) > .depth3-wrap,
.content-sitemap-wrap .depth1 > li:nth-child(2) .depth2-wrap > .depth2 > li:nth-child(8) > .depth3-wrap,
.content-sitemap-wrap .depth1 > li:nth-child(2) .depth2-wrap > .depth2 > li:nth-child(10) > .depth3-wrap,
.content-sitemap-wrap .depth1 > li:nth-child(2) .depth2-wrap > .depth2 > li:nth-child(11) > .depth3-wrap,
.content-sitemap-wrap .depth1 > li:nth-child(2) .depth2-wrap > .depth2 > li:nth-child(12) > .depth3-wrap,
.content-sitemap-wrap .depth1 > li:nth-child(2) .depth2-wrap > .depth2 > li:nth-child(13) > .depth3-wrap,
.content-sitemap-wrap .depth1 > li:nth-child(2) .depth2-wrap > .depth2 > li:nth-child(14) > .depth3-wrap,
.content-sitemap-wrap .depth1 > li:nth-child(2) .depth2-wrap > .depth2 > li:nth-child(15) > .depth3-wrap,
.content-sitemap-wrap .depth1 > li:nth-child(3) .depth2-wrap > .depth2 > li:nth-child(6) > .depth3-wrap,
.content-sitemap-wrap .depth1 > li:nth-child(3) .depth2-wrap > .depth2 > li:nth-child(7) > .depth3-wrap {
  display: none;
}

@media (max-width: 768px) {
  .content-sitemap-wrap .depth1 > li {
    width: 49%;
    margin: 0 0 20px 1.5%;
  }
  .content-sitemap-wrap .depth1 > li:nth-child(3) {
    margin: 0 0 20px 0;
  }
}
@media (max-width: 480px) {
  .content-sitemap-wrap .depth1 > li > a {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
  }
  .content-sitemap-wrap .depth1 > li .depth2-wrap > .depth2 > li > a {
    font-size: 14px;
    padding: 10px 10px 10px 20px;
  }
  .content-sitemap-wrap .depth1 > li .depth2-wrap > .depth2 > li > .depth3-wrap .depth3 li a {
    font-size: 14px;
  }
}
/** footer **/
.footer {
  background-color: #393c41;
  padding: 2.25rem 0;
}
@media only screen and (max-width: 85.38em) {
  .footer {
    padding: 2.25rem 3vw;
  }
}
.footer ul,
.footer ol,
.footer li {
  list-style: none;
}

.footer-related-site-wrap {
  display: block;
  width: 100%;
}

.footer-related-site {
  display: block;
  position: relative;
  width: 100%;
  max-width: 1400px;
  height: 44px;
  margin: 0 auto;
}
.footer-related-site .related-site-group {
  position: relative;
  float: left;
  width: 33.3333%;
  height: 44px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  padding-right: 60px;
}
.footer-related-site .related-site-group select {
  display: block;
  position: relative;
  width: 100%;
  height: 44px;
  margin-right: 60px;
  padding: 0 30px 0 20px;
  font-family: "Noto Sans";
  font-size: 15px;
  color: #fff;
  font-weight: 500;
  background-color: #2c3131;
  background-image: url("/humanframe/globaltheme/assets/image/layout/footer-select-arw.png");
  background-repeat: no-repeat;
  background-position: 95% 50%;
  border: 0;
  letter-spacing: -1px;
}
.footer-related-site .related-site-group .btn-go {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -30px;
  width: 44px;
  height: 44px;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 18px;
  border: 2px solid transparent;
}
.footer-related-site .related-site-group .btn-go:hover, .footer-related-site .related-site-group .btn-go:focus {
  color: #1c236c;
  background: #fff;
  border-color: #1c236c;
}
.footer-related-site .related-site-group .btn-go span::after {
  display: none;
}

@media all and (max-width: 768px) {
  .footer-related-site-wrap {
    height: auto;
    background-color: transparent;
  }
  .footer-related-site {
    height: auto;
  }
  .footer-related-site .related-site-group {
    float: none;
    width: 100%;
    background-color: #2c3131;
    border-left: 0;
    margin-bottom: 1px;
  }
}
.footer-logo {
  display: none;
}

.footer-wrap {
  position: relative;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  /* footer-mark */
}
.footer-wrap .footer-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2rem;
  position: relative;
  padding: 1.5rem 0 0 0;
  /* footer-nav */
}
@media only screen and (max-width: 73.75em) {
  .footer-wrap .footer-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
}
.footer-wrap .footer-inner .footer-nav {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.footer-wrap .footer-inner .footer-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media only screen and (max-width: 73.75em) {
  .footer-wrap .footer-inner .footer-nav ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.footer-wrap .footer-inner .footer-nav ul li::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 0.625rem;
  border-radius: 50%;
  background-color: #777;
  margin: 0 0.625rem;
}
.footer-wrap .footer-inner .footer-nav ul li a {
  padding: 0.25rem 0;
  outline: none;
  border: 2px solid transparent;
  color: #fff;
}
.footer-wrap .footer-inner .footer-nav ul li a:focus {
  border-color: #000;
}
.footer-wrap .footer-inner .footer-nav ul li a strong {
  color: #f7b02a;
}
.footer-wrap .footer-inner .footer-nav ul li:last-child::after {
  display: none;
}
.footer-wrap .footer-mark > ul,
.footer-wrap .footer-mark .mark-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 1.5rem auto;
}
@media only screen and (min-width: 73.75em) {
  .footer-wrap .footer-mark > ul,
  .footer-wrap .footer-mark .mark-list {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 0;
  }
}
.footer-wrap .footer-mark > ul li,
.footer-wrap .footer-mark .mark-list li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.footer-wrap .footer-mark > ul li a,
.footer-wrap .footer-mark .mark-list li a {
  display: block;
  overflow: hidden;
  height: 50px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 50%;
}
.footer-wrap .footer-mark > ul li a span,
.footer-wrap .footer-mark .mark-list li a span {
  display: block;
  overflow: hidden;
  position: absolute;
  left: -99999999999999px;
  top: -100000000000000000px;
  width: 0;
  height: 0;
  font-size: 0;
  text-indent: 1000000000000000000000px;
}
.footer-wrap .footer-mark > ul li.mark-flag a,
.footer-wrap .footer-mark .mark-list li.mark-flag a {
  width: 124px;
  height: 40px;
  background-image: url("/humanframe/theme/incheon/assets/image/renew2023/footer-logo-koreansymbol.png");
  background-size: 124px 40px;
}
.footer-wrap .footer-mark > ul li.mark-webaccessibility a,
.footer-wrap .footer-mark .mark-list li.mark-webaccessibility a {
  width: 68px;
  height: 41px;
  background-image: url("/humanframe/theme/incheon/assets/image/renew2023/footer-logo-webaccess.png");
}
.footer-wrap .footer-inner2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2rem;
  position: relative;
  padding: 1.25rem 0 0 0;
  /* footer-address */
}
@media only screen and (max-width: 73.75em) {
  .footer-wrap .footer-inner2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
}
.footer-wrap .footer-inner2 .mark-callcenter {
  display: block;
}
.footer-wrap .footer-inner2 .mark-callcenter a {
  display: block;
  width: 245px;
  height: 46px;
  background-image: url(/humanframe/theme/incheon/assets/image/renew2023/footer-logo-michugol.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.footer-wrap .footer-inner2 .mark-callcenter a span {
  display: block;
  overflow: hidden;
  position: absolute;
  left: -99999999999999px;
  top: -100000000000000000px;
  width: 0;
  height: 0;
  font-size: 0;
  text-indent: 1000000000000000000000px;
}
.footer-wrap .footer-inner2 .footer-address .address {
  display: block;
  width: 100%;
  color: #fff;
  font-size: 1rem;
  font-weight: 300;
  text-align: center;
  letter-spacing: -0.05em;
}
.footer-wrap .footer-inner2 .footer-address .address .placename {
  font-weight: 500;
  margin-right: 0.5rem;
}
@media only screen and (min-width: 73.75em) {
  .footer-wrap .footer-inner2 .footer-address .address {
    text-align: left;
  }
}
.footer-wrap .footer-inner2 .footer-address .copyright {
  display: block;
  width: 100%;
  margin-top: 1rem;
  color: #fff;
  font-weight: 300;
  letter-spacing: 0;
  text-align: center;
  opacity: 0.5;
}
@media only screen and (min-width: 73.75em) {
  .footer-wrap .footer-inner2 .footer-address .copyright {
    text-align: left;
  }
}

.container {
  z-index: 3;
}

.footer {
  z-index: 5;
}

.new_relate_site {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 1172px) {
  .new_relate_site {
    width: 100%;
  }
}
.new_relate_site > dl::after {
  content: "";
  display: block;
  clear: both;
}
.new_relate_site > dl dt {
  width: calc(25% - 0.75rem);
  float: left;
  margin-right: 1rem;
}
.new_relate_site > dl dt:first-child {
  border-left: 1px solid #333366;
}
@media only screen and (max-width: 1024px) {
  .new_relate_site > dl dt:nth-of-type(2) {
    margin-right: 0;
  }
}
.new_relate_site > dl dt:nth-of-type(4) {
  margin-right: 0;
}
@media only screen and (max-width: 1024px) {
  .new_relate_site > dl dt {
    width: calc(50% - 0.5rem);
    margin-bottom: 0.25rem;
  }
}
@media only screen and (max-width: 360px) {
  .new_relate_site > dl dt {
    width: 100%;
  }
}
.new_relate_site > dl dt a {
  display: block;
  position: relative;
  background-color: #2c3131;
  border-radius: 0.25rem;
  color: #fff;
  height: 44px;
  line-height: 44px;
  padding: 0 20px;
}
.new_relate_site > dl dt a::before {
  content: "";
  display: block;
  border: 7px solid transparent;
  border-bottom-color: #fff;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -7px;
  border-width: 7px 7px 6px;
}
.new_relate_site > dl dt.new_site a {
  color: #fff !important;
  background-color: #2c3131;
  background: #2c3131 url(/humanframe/globaltheme/assets/image/common/ico_targets.png) right 20px center no-repeat !important;
}
.new_relate_site > dl dt.new_site a::before {
  display: none !important;
}
.new_relate_site > dl dt.active a::before {
  border-bottom: transparent;
  border-top-color: #fff;
  margin-top: 0;
}
.new_relate_site dd {
  position: absolute;
  left: 0;
  bottom: 54px;
  right: 0;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  padding: 20px;
  display: none;
  border-bottom: 0;
}
@media only screen and (max-width: 1024px) {
  .new_relate_site dd {
    bottom: 110px;
  }
}
@media only screen and (max-width: 360px) {
  .new_relate_site dd {
    bottom: 200px;
  }
}
.new_relate_site dd strong {
  display: block;
  color: #333;
  font-size: 18px;
  line-height: 20px;
  margin-top: 15px;
}
.new_relate_site dd .tit {
  display: block;
  color: #333366;
  font-size: 22px;
  line-height: 24px;
  padding: 10px 0 15px;
  border-bottom: 2px solid #333366;
  margin-top: 0;
}
.new_relate_site dd ul {
  overflow: hidden;
  padding-top: 10px;
}
.new_relate_site dd ul li {
  width: 20%;
  line-height: 16px;
  float: left;
}
.new_relate_site dd ul li a {
  display: block;
  font-size: 14px;
  line-height: 16px;
  padding: 5px 0;
}
.new_relate_site dd ul li a:hover {
  text-decoration: underline;
}
.new_relate_site dd .relate_list::after {
  content: "";
  display: block;
  clear: both;
}
.new_relate_site dd .relate_list > div {
  float: left;
  width: 60%;
}
.new_relate_site dd .relate_list > div ul li {
  width: 33.33%;
}
.new_relate_site dd .relate_list > div:first-child {
  width: 40%;
}
.new_relate_site dd .relate_list > div:first-child ul li {
  width: 50%;
}

@media only screen and (max-width: 1024px) {
  .new_relate_site > dl dd .relate_list > div {
    width: 100% !important;
    margin-top: 1.5rem;
  }
  .new_relate_site > dl dd .relate_list > div:first-child {
    margin-top: 0;
  }
  .new_relate_site > dl dd ul li {
    width: 25% !important;
  }
}
@media only screen and (max-width: 824px) {
  .new_relate_site > dl dd ul li {
    width: 33.33% !important;
  }
  .new_relate_site > dl dd {
    padding: 10px;
    border-width: 1px 0;
  }
}
@media only screen and (max-width: 624px) {
  .new_relate_site > dl dd ul li {
    width: 50% !important;
  }
  .new_relate_site > dl dt a {
    padding: 0 10px;
    height: 44px;
    line-height: 44px;
    font-size: 13px;
  }
  .new_relate_site > dl dt a::before {
    border-width: 5px 5px 4px;
  }
  .new_relate_site > dl dt.new_site a {
    background-size: 14px 14px;
  }
  .new_relate_site > dl dd ul li a {
    font-size: 12px;
    letter-spacing: -1px;
  }
  .new_relate_site > dl dd .tit {
    font-size: 20px;
    padding-bottom: 10px;
    line-height: 22px;
  }
  .new_relate_site > dl dd strong {
    font-size: 16px;
    margin-top: 10px;
    line-height: 18px;
  }
  .new_relate_site > dl dd ul li a {
    padding: 3px 0;
  }
}
/* popup-active */
html.popup-active {
  overflow: hidden;
}

/* popup */
.popup {
  position: relative;
  z-index: 10;
}

.popup-wrap {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1002;
  min-width: 320px;
  max-width: 100%;
  height: 100%;
  background: transparent !important;
  border: 0;
  margin: 0 !important;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.popup-wrap.is-active {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  word-break: keep-all;
  background: transparent !important;
  opacity: 1;
}

.popup-basic {
  width: 100%;
  max-width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 5px;
}

.popup-wrap .popup-basic {
  width: 545px;
}

@media all and (max-width: 545px) {
  .popup-wrap.is-active {
    margin: 0 !important;
  }
  .popup-wrap .popup-basic {
    width: 100%;
    min-width: 300px;
    margin: 0 !important;
  }
}
/* 팝업 오버라이드 */
/*
.popup-wrap.extend {
    margin: 0 !important;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    word-break: keep-all;
    overflow: hidden;
}

.popup-wrap.extend.is-active {
    background: transparent;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

*/
.popup-wrap .popup-scroller {
  overflow: auto;
  padding: 10px;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
}

.popup-wrap .popup-scroller .popup-basic {
  margin: 0 auto;
  height: auto;
}

.popup-basic .form-input-group-wrap {
  margin: 0;
}

.popup-basic .form-input-group-wrap + .board-btn-wrap,
.popup-basic .board-btn-wrap {
  margin: 15px auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.popup-basic.popupSearchAddress {
  width: 100%;
}

.popup-basic .popup-head {
  display: block;
  position: relative;
  min-height: 58px;
  background-color: #1c236c;
  color: #fff;
  padding: 20px 100px 20px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.popup-basic .popup-head .popup-title {
  font-family: "Noto Sans";
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}

.popup-basic .popup-close {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  height: 58px;
  background-color: #0e1136;
}

.popup-basic .popup-close > span {
  display: inline-block;
  background-image: url(/humanframe/globaltheme/assets/image/layout/btn-close-popup.png);
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  padding-right: 25px;
  font-size: 15px;
  color: #fff;
}

.popup-basic .popup-body {
  background-color: #fff;
  min-height: 101px;
  padding: 1.25rem;
}

/* 팝업 오버라이드 */
.popup-wrap .popup-basic {
  margin: 0 auto;
  height: auto;
}

.popup-wrap .popup-scroller {
  overflow: auto;
  padding: 10px;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media all and (max-width: 420px) {
  .popup-basic .form-input-group-wrap .form-input-group dl dt {
    width: 100%;
  }
}
/* layout-cols */
.popup-basic .layout-cols {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.popup-basic .layout-cols + .popup-basic .layout-cols {
  margin-top: 10px;
}

.popup-basic .layout-cols > .col {
  display: block;
  float: left;
  margin-right: 3%;
}

.popup-basic .layout-cols.cols2 > .col {
  width: 48.5%;
}

.popup-basic .layout-cols.cols3 > .col {
  width: 31.3333%;
}

.popup-basic .layout-cols.cols4 > .col {
  width: 22.75%;
}

.popup-basic .layout-cols.cols5 > .col {
  width: 17%;
}

.popup-basic .layout-cols.cols6 > .col {
  width: 14.1666%;
}

.popup-basic .layout-cols.cols3 > .col.colspan2 {
  width: 65.6666%;
}

.popup-basic .layout-cols.cols4 > .col.colspan2 {
  width: 47%;
}

.popup-basic .layout-cols.cols4 > .col.colspan3 {
  width: 72%;
}

.popup-basic .layout-cols.cols5 > .col.colspan2 {
  width: 37%;
}

.popup-basic .layout-cols.cols5 > .col.colspan3 {
  width: 57%;
}

.popup-basic .layout-cols.cols6 > .col.colspan3 {
  width: 49%;
}

.popup-basic .layout-cols > .col:last-child,
.popup-basic .layout-cols.cols2 > .col:nth-child(2n),
.popup-basic .layout-cols.cols3 > .col:nth-child(3n),
.popup-basic .layout-cols.cols4 > .col:nth-child(4n),
.popup-basic .layout-cols.cols5 > .col:nth-child(5n),
.popup-basic .layout-cols.cols6 > .col:nth-child(6n) {
  margin-right: 0;
}

.popup-basic .tab-basic a span {
  height: auto;
  line-height: 44px;
}

.popup-basic .popup-body .tab-basic {
  border: 0;
  margin: 0 auto 15px auto;
}

.popup-basic .popup-body .tab-basic li a {
  height: 44px;
  background-color: #ddd;
  border: 0;
  color: #333;
  line-height: 42px;
  vertical-align: middle;
}

.popup-basic .popup-body .tab-basic li a span {
  display: inline-block;
  vertical-align: middle;
}

.popup-basic .popup-body .tab-basic li a:hover {
  background-color: #ccc;
  color: #333;
}

.popup-basic .popup-body .tab-basic .is-selected a,
.popup-basic .popup-body .tab-basic .is-active a,
.popup-basic .popup-body .tab-basic .active a {
  background-color: #1e9fd5;
  color: #fff;
}

.popup-basic .popup-foot.fixed {
  display: block;
  position: fixed;
  bottom: 0;
}

.popup-basic .address-list-wrap {
  width: 100%;
  max-height: 460px;
  overflow-y: auto;
  border: 1px solid #ddd;
}

.popup-basic .address-list-wrap li {
  display: block;
  border-bottom: 1px solid #ddd;
}

.popup-basic .address-list-wrap li a {
  display: block;
  padding: 10px;
}

.popup-basic .address-list-wrap li a:hover {
  background-color: #f8f8f8;
}

.popup-basic .address-list-wrap dl {
  display: table;
}

.popup-basic .address-list-wrap dl dt,
.popup-basic .address-list-wrap dl dd {
  display: table-cell;
}

.popup-basic .address-list-wrap dl dt {
  width: 100px;
  font-weight: bold;
  color: #333;
  text-align: center;
  vertical-align: middle;
}

.popup-basic .address-list-wrap .zip-code {
  width: 100px;
  font-weight: bold;
  color: #333;
  text-align: center;
  vertical-align: middle;
}

.popup-basic .address-list-wrap .type-this {
  display: block;
  font-weight: bold;
  color: #333;
}

.popup-basic .address-list-wrap .type-other {
  display: block;
  margin-top: 4px;
  color: #666;
}

.popup-basic .search-address-input-wrap .input-groups2 {
  overflow: hidden;
}

.popup-basic .search-address-input-wrap .input-groups2 dl {
  float: left;
  width: 50%;
}

.popup-basic .search-address-input-wrap .input-groups2 dl + dl {
  border-left: 0;
}

.popup-basic .search-address-input-wrap {
  background-color: #f7f7f7;
  border: 2px solid #1e9fd5;
  padding: 10px 20px;
}

.popup-basic .search-address-input-wrap .form-input-group {
  border: 0;
  padding: 10px 0;
}

.popup-basic .search-address-input-wrap.form-input-group-wrap .form-input-group dl dt,
.popup-basic .search-address-input-wrap .form-input-group dl dt {
  display: inline-block;
  width: 60px;
  border: 0;
  margin: 0;
  padding: 0 10px;
  white-space: nowrap;
}

.popup-basic .search-address-input-wrap.form-input-group-wrap .form-input-group dl dd {
  background-color: transparent;
  margin: 0 0 0 60px;
  padding: 0 10px;
}

.popup-basic .search-address-btn-wrap {
  margin: 15px auto 30PX auto;
}

.popup-basic .search-address-input-wrap .form-input-group-wrap .input-groups2 dl {
  border-left: 0;
}

.popup-basic .btn-search-address {
  width: 150px;
}

.popup-basic .search-address-input-wrap .form-input-group .input2-split-set .form-input {
  float: left;
  width: 45%;
}

.popup-basic .search-address-input-wrap .form-input-group .input2-split-set .split {
  display: inline-block;
  width: 10%;
  text-align: center;
}

.popup-basic .btn-wrap {
  margin: 20px auto;
  text-align: center;
}

.popup-basic.popupSearchDepart,
.popup-basic.popupSearchStatus {
  overflow: hidden;
  width: 100%;
}

.popup-basic.popupSearchDepart .board-total-search-wrap {
  margin-top: 0;
}

.popup-basic.popupSearchDepart .form-input-group-wrap .form-input-group dl dt {
  width: 50%;
  padding: 8px;
}

.popup-basic.popupSearchDepart .form-input-group-wrap .form-input-group dl dt span {
  margin: 0 8px;
}

.popup-basic.popupSearchDepart .form-input-group-wrap .form-input-group dl dd {
  margin-left: 50%;
  padding: 8px;
}

.popup-basic.popupSearchDepart .form-input-group-wrap .form-input-group dl dd .form-check {
  vertical-align: middle;
  margin: 8px 0;
}

.popup-basic .scroll-area.scroll-y {
  display: block;
  width: 100%;
  height: 300px;
  overflow-y: auto;
}

.popup-basic .board-total-search-wrap {
  overflow: hidden;
  margin-top: 0;
}

.popup-basic .board-total-search-wrap .board-page-total {
  float: left;
  width: auto;
}

.popup-basic .board-total-search-wrap .board-sort-search {
  float: right;
  width: 70%;
}

.popup-basic .board-total-search-wrap .board-sort-search .search-btn-group {
  display: block;
  width: 100%;
}

.popup-basic .popup-body .tbl {
  table-layout: fixed;
  width: 100%;
}

.popup-basic .popup-body .tbl.scroll-y {
  height: 304px;
  overflow-y: auto;
}

@media (max-width: 1024px) {
  .popup-basic .tbl > table {
    width: 100%;
  }
}
@media (max-width: 545px) {
  .popup-basic .popup-head {
    height: auto;
    padding: 20px 40px 20px 20px;
  }
  .popup-basic .popup-close {
    width: 40px;
    height: 58px;
    background-color: transparent;
    background-image: url(/humanframe/globaltheme/assets/image/layout/btn-close-popup.png);
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }
  .popup-basic .popup-close > span {
    overflow: hidden;
    position: absolute;
    left: -999999999px;
    width: 0;
    height: 0;
    background: none;
    padding: 0;
    font-size: 0;
  }
  .popup-wrap .popup-basic .form-input-group-wrap .form-input-group dl dt,
  .popup-wrap .popup-basic .form-input-group-wrap .form-input-group dl dd {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 1.5;
    min-height: 0;
  }
}
@media (max-width: 420px) {
  .popup-wrap .popup-basic .form-input-group-wrap .form-input-group dl dt {
    width: 100%;
  }
}
/* 인쇄모드 */
@media print {
  .wrapper {
    min-width: 360px !important;
    padding-top: 0 !important;
  }
  .header .header-global-wrap,
  .header .header-gnb-wrap,
  .header .header-search-wrap,
  .header .header-theme-util,
  .snb,
  .footer,
  .content-share-wrap,
  .content-satisfaction,
  .comment-write,
  .content-comment .title {
    display: none !important;
  }
  .header,
  .dv-mobile .header,
  .dv-mobile .header-theme-wrap .header-theme,
  .dv-mobile .header-theme-wrap .header-theme-title-wrap .header-theme-title {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
    text-align: center;
    height: auto;
    border: 0;
    line-height: 1;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  .header-theme-title img {
    display: inline-block;
    width: auto;
    height: 30px;
    margin-bottom: 10px;
  }
  .content,
  .dv-mobile .content {
    width: 912px;
    max-width: 100%;
    margin-left: 0;
    padding: 0;
  }
  .content-wrap {
    max-width: 100%;
  }
  .content-title-wrap {
    padding: 20px 0;
  }
}