@charset "UTF-8";
/* 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;
  }
}