@charset "utf-8";
/* * {box-sizing: unset !important;} */
body {
  background: linear-gradient(
      117.82deg,
      rgba(0, 0, 0, 0.5) 6.44%,
      rgba(0, 0, 0, 0) 89.04%
    ),
    #364862 !important;
}
body.pr-unset {
  padding-right: unset !important;
}
.wrapper {
  width: 100%;
  height: auto;
  word-break: keep-all;
  overflow: hidden;
  padding-top: 145px;
}

/*상단영역*/
header {
  background: #fff;
  transition: all 0.5s;
  width: 100%;
  height: auto;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 300;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);
}
header .rela {
  margin: 0 auto;
  transition: all 0.5s;
  width: 100%;
  background: #fff;
  height: 95px;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  z-index: 100;
}
header.on .rela {
  height: 80px;
}
header .rela h1 {
  position: relative;
  z-index: 10;
  margin-left: 32px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
header .rela h1 img {
  width: 370px;
}
header .rela .header-item {
  position: absolute;
  width: 100%;
  flex: 1;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: unset;
}
header .gnb-list {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
header .gnb-list > li {
  position: relative;
  margin-left: 60px;
}
header .gnb-list > li:first-child {
  margin-left: 0;
}
header .gnb-list > li > a {
  transition: all 0.5s;
  letter-spacing: 0;
  position: relative;
  text-decoration: none !important;
  font-size: 18px;
  color: #000;
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: auto;
}
header .gnb-list > li > a:before {
  content: "";
  width: 100%;
  height: 2px;
  overflow: hidden;
  display: block;
  background: #0fd5d8;
  position: absolute;
  left: 0;
  bottom: -4px;
  opacity: 0;
  transition: all 0.5s;
}
header .gnb-list > li > a:hover,
header .gnb-list > li > a.on {
  color: #0fd5d8;
}
header .gnb-list > li > a.on:before,
header .gnb-list > li > a:hover:before {
  opacity: 1;
}
/*
header .gnb-list>li>a:before{width:0;transition:all .5s;height:4px;border-radius:2px;background:#9c65b1;content:"";display:block;position:absolute;left:50%;bottom:0;}
header .gnb-list>li>a:hover:before,
header .gnb-list>li>a.on:before{width:100%;left:0%;}
*/
header .gnb-list.on:before {
  opacity: 1;
}
header .gnb-list.a01:before {
  left: 78px;
  width: 70px;
}
header .gnb-list.a02:before {
  left: 184px;
  width: 80px;
}
header .gnb-list.a03:before {
  left: 298px;
  width: 80px;
}
header .gnb-list.a04:before {
  left: 405px;
  width: 43px;
}
header .gnb-list.on.m01:before {
  opacity: 1;
  left: 78px;
  width: 70px;
}
header .gnb-list.on.m02:before {
  opacity: 1;
  left: 184px;
  width: 80px;
}
header .gnb-list.on.m03:before {
  opacity: 1;
  left: 298px;
  width: 80px;
}
header .gnb-list.on.m04:before {
  opacity: 1;
  left: 405px;
  width: 43px;
}

.main header {
  background: transparent;
}
.main header .rela {
  background: transparent;
}
.main header .gnb-list > li > a {
  color: #fff;
}
.main header .gnb-list > li > a:hover,
.main header .gnb-list > li > a.on {
  color: #0fd5d8;
}
.main .btn-total-nav span {
  background: #fff;
}
.main .btn-total-nav span:before {
  background: #fff;
}
.main .btn-total-nav span:after {
  background: #fff;
}
.main header .mem-link-wrap .btn-login {
  color: #fff;
  background: url(../image/ico/ico-login-white.svg) no-repeat left center;
  display: none;
  line-height: 1;
}
.main header .mem-link-wrap .btn-logout {
  color: #fff;
  background: url(../image/ico/ico-logout_white.png) no-repeat left center;
  display: none;
}
/* .main header .rela h1 a{background:url(../image/common/logo-w.svg) no-repeat left center;} */
/* .main header .rela h1 a.kr{background:url(../image/common/logo-w.svg) no-repeat left center;} */
/* .main header .rela h1 a img{visibility: hidden} */
.main header .rela h1 a {
  background: url(../image/common/logo-w.svg) no-repeat left center;
}
.main header .rela h1 a.en {
  background: url(../image/common/logo-wEn.svg) no-repeat left center;
}
.main header .rela h1 a img {
  visibility: hidden;
}

.wrapper.main {
  padding-top: 0;
}
.main header.on {
  border-bottom: 1px solid #fff;
  background: rgba(0, 0, 0, 0.8);
}

header .mem-link-wrap {
  position: absolute;
  right: 40px;
  top: 50%;
  margin-top: -10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
header .mem-link-wrap .btn-login,
header .mem-link-wrap .btn-logout {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 20px;
  padding-left: 29px;
  background: url(../image/ico/ico-login.svg) no-repeat left center;
  font-size: 18px;
  color: #000;
  font-weight: 400;
}

.btn-total-nav {
  margin-left: 54px;
  z-index: 2;
  width: 40px;
  height: 40px;
  text-indent: -9999em;
  outline: none;
  position: relative;
}
.btn-total-nav span {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 20px;
  height: 2px;
  margin-top: -1px;
  border-radius: 1px;
  background: #151515;
  transition: 0.3s ease-in-out;
}
.btn-total-nav span:before {
  content: "";
  position: absolute;
  top: -6px;
  left: 0;
  width: 20px;
  border-radius: 1px;
  height: 2px;
  background: #151515;
  transition: 0.3s ease-in-out;
}
.btn-total-nav span:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 20px;
  height: 2px;
  border-radius: 1px;
  background: #151515;
  transition: 0.3s ease-in-out;
}
.btn-total-nav.on span {
  background: none;
  transform: rotate(90deg);
}
.btn-total-nav.on span:before {
  top: 0;
  width: 25px;
  transform: rotate(-45deg);
}
.btn-total-nav.on span:after {
  top: 0;
  width: 25px;
  transform: rotate(45deg);
}

/*모바일 메뉴*/
.mob-menu-wrap {
  z-index: 99;
  display: block;
  transition: all 0.5s;
  opacity: 0;
  transform: translateX(100%);
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  background: #f3f4f9;
}
.mob-menu-wrap.on {
  opacity: 1;
  transform: translateX(0);
}
.mob-menu-wrap .wrela {
  padding-bottom: 20px;
  background: #fff;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.mob-menu-wrap .mob-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 50px;
  overflow: hidden;
  background-color: black;
}
.mob-menu-wrap .mob-header h1 {
  display: flex;
  margin-left: 20px;
}
.mob-menu-wrap .mob-header h1 img {
  height: 20px;
}
.mob-menu-wrap .mob-header .mob-side {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 10px;
}
.mob-menu-wrap .mob-header .mob-side a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}
.mob-menu-wrap .mob-header .mob-side a i {
  font-size: 25px;
  color: white;
}

.mob-menu-wrap .mob-user-info {
  width: calc(100% - 70px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: auto;
  overflow: hidden;
  margin: 40px auto 0 auto;
}
.mob-menu-wrap .mob-user-info .msg {
  width: 100%;
  flex: 1;
  height: auto;
  overflow: hidden;
  font-size: 16px;
  color: #151515;
}
.mob-menu-wrap .mob-user-info .msg strong {
  font-size: 16px;
  color: #151515;
  font-weight: 700;
  text-decoration: underline !important;
}
.mob-menu-wrap .mob-user-info .edit-wrap {
  width: 80px;
  height: 80px;
  overflow: hidden;
  position: relative;
}
.mob-menu-wrap .mob-user-info .edit-wrap .pic {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 50%;
  background-size: cover !important;
}
.mob-menu-wrap .mob-user-info .edit-wrap button {
  opacity: 0.9;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #151515;
  position: absolute;
  right: 0;
  bottom: 0;
}
.mob-menu-wrap .mob-user-info .edit-wrap button i {
  font-size: 12px;
  color: #fff;
}
.mob-menu-wrap .mob-quick-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 70px);
  height: auto;
  overflow: hidden;
  margin: 40px auto 0 auto;
}
.mob-menu-wrap .mob-quick-list li {
  width: 80px;
  height: auto;
  overflow: hidden;
}
.mob-menu-wrap .mob-quick-list li a {
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: auto;
  overflow: hidden;
}
.mob-menu-wrap .mob-quick-list li a .ico {
  width: 60px;
  height: 60px;
}
.mob-menu-wrap .mob-quick-list li a .ico img {
  width: 60px;
  height: 60px;
}
.mob-menu-wrap .mob-quick-list li a .txt {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #833f9e;
  margin-top: 5px;
  width: 100%;
  text-align: center;
}
.mob-menu-wrap .mob-menu-list {
  width: calc(100% - 70px);
  height: auto;
  overflow: hidden;
  margin: 40px auto 0 auto;
  margin-left: 15px;
}
.mob-menu-wrap .mob-menu-list dt {
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 13px;
  color: #151515;
}
.mob-menu-wrap .mob-menu-list dd {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.mob-menu-wrap .mob-menu-list dd + dt {
  margin-top: 40px;
}
.mob-menu-wrap .mob-menu-list dd ul {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.mob-menu-wrap .mob-menu-list dd ul.type01 {
  margin-top: 20px;
  border-top: 1px solid #e0e3ea;
  padding-top: 10px;
}
.mob-menu-wrap .mob-menu-list dd ul li {
  width: 150px;
  height: auto;
  overflow: hidden;
  float: left;
  margin-top: 10px;
}
.mob-menu-wrap .mob-menu-list dd ul li a {
  font-size: 15px;
  color: #151515;
  font-weight: 700;
}
.mob-menu-wrap .mob-menu-list dd ul li a:hover {
  color: #0fd5d8;
}

.mob-menu-wrap .mob-ft-menu {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: calc(100% - 40px);
  height: auto;
  overflow: hidden;
  margin: 40px auto 0 auto;
}
.mob-menu-wrap .mob-ft-menu li {
  display: flex;
  padding: 0 10px;
  position: relative;
}
.mob-menu-wrap .mob-ft-menu li:before {
  content: "";
  width: 2px;
  height: 2px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
  overflow: hidden;
  display: block;
  background: #666;
}
.mob-menu-wrap .mob-ft-menu li:first-child {
  padding-left: 0;
}
.mob-menu-wrap .mob-ft-menu li:first-child:before {
  display: none;
}
.mob-menu-wrap .mob-ft-menu li a {
  font-size: 13px;
  color: #666;
}

.container {
  position: relative;
  z-index: 30;
}

/*하단영역*/
footer {
  width: 100%;
  height: auto;
  padding: 66px 0 54px 0;
  overflow: hidden;
  background: #141e2c;
}
footer .rela {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 1200px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
}
footer .rela .flogo {
  width: 267px;
  height: auto;
  overflow: hidden;
}
footer .rela .fcont {
  width: 100%;
  flex: 1;
  height: auto;
  overflow: Hidden;
}
footer .rela .fcont .fnb-list {
  width: 100%;
  height: auto;
  overflow: hidden;
}
footer .rela .fcont .fnb-list li {
  margin-left: 60px;
  position: relative;
  float: left;
}

footer .rela .fcont .fnb-list li:first-child {
  margin-left: 0;
}
footer .rela .fcont .fnb-list li a {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
}
footer .rela .fcont .fnb-list li a:hover {
  color: #ccc;
}
footer .rela .addr {
  margin-top: 19px;
  width: 100%;
  height: auto;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  line-height: 24px;
}
footer .rela .copy {
  width: 100%;
  height: auto;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  line-height: 24px;
}

footer .cust-item-wrap {
  width: 200px;
  height: auto;
  overflow: hidden;
}
footer .cust-item-wrap .key {
  font-size: 14px;
  color: #151515;
  width: 100%;
  height: auto;
  overflow: hidden;
}
footer .cust-item-wrap .value {
  letter-spacing: 0;
  font-weight: 700;
  font-size: 26px;
  color: #151515;
  width: 100%;
  height: auto;
  overflow: hidden;
}
footer .cust-item-wrap .etc {
  margin-top: 5px;
  font-size: 12px;
  color: #999;
  width: 100%;
  height: auto;
  overflow: hidden;
}

/*컨텐츠영역*/
.container {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.section {
  width: 100%;
  height: auto;
  position: relative;
}
.overflow-v {
  overflow: visible !important;
}
.bubble {
  overflow: visible !important;
}
.bubble-wrap {
  position: relative;
  width: auto;
}
.bubble-wrap > img {
  margin-left: 5px;
  vertical-align: bottom;
}
.bubble {
  display: none;
  position: absolute;
  top: 30px;
  left: 0px;
  z-index: 99;
  width: 290px;
  padding: 15px;
  background-color: #fff;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 400;
  color: #666;
  box-sizing: border-box;
}
.bubble::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 99%;
  left: 10px;
  z-index: 90;
  border: 7px solid;
  border-color: transparent transparent #fff transparent;
}
.bubble-wrap:hover .bubble {
  display: block;
}

.dialog {
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 999;
  background: rgba(0, 0, 0, 0.8);
}
.dialog.on {
  display: flex;
}
.dialog .pop-photo-wrap {
  width: 1000px;
  height: auto;
  overflow: hidden;
}
.dialog .pop-photo-wrap .pp-header {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 780px;
  height: 80px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}
.dialog .pop-photo-wrap .pp-header h1 {
  font-size: 20px;
  color: #fff;
}
.dialog .pop-photo-wrap .pp-header button {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border: 0;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -20px;
}
.dialog .pop-photo-wrap .pp-header button i {
  font-size: 30px;
  color: #fff;
}
.dialog .pop-photo-wrap .pp-cont {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}
.dialog .pop-photo-wrap .pp-cont .btn-pp-prev {
  border: 0;
  background: transparent;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -40px;
}
.dialog .pop-photo-wrap .pp-cont .btn-pp-prev i {
  color: #fff;
  font-size: 45px;
}
.dialog .pop-photo-wrap .pp-cont .btn-pp-next {
  transform: rotate(180deg);
  border: 0;
  background: transparent;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -40px;
}
.dialog .pop-photo-wrap .pp-cont .btn-pp-next i {
  color: #fff;
  font-size: 45px;
}
.dialog .pop-photo-wrap .pp-cont .swiper-container {
  width: 780px;
  height: auto;
  overflow: hidden;
  padding-bottom: 60px;
}
.dialog .pop-photo-wrap .pp-cont .swiper-button-next {
  z-index: 22;
  right: -50px;
}
.dialog .pop-photo-wrap .pp-cont .swiper-button-prev {
  z-index: 22;
  left: -50px;
}
.dialog .pop-photo-wrap .pp-cont .swiper-button-next:after {
  color: #fff;
  font-size: 35px;
}
.dialog .pop-photo-wrap .pp-cont .swiper-button-prev:after {
  color: #fff;
  font-size: 35px;
}
.dialog .pop-photo-wrap .pp-cont .swiper-pagination,
.dialog .pop-photo-wrap .pp-cont .swiper-pagination span {
  color: #aaa;
  font-size: 16px;
  font-weight: 500;
}
.dialog
  .pop-photo-wrap
  .pp-cont
  .swiper-pagination
  span.swiper-pagination-current {
  color: #fff;
}

.dialog .pop-normal-wrap {
  width: 560px;
  height: auto;
  overflow: hidden;
  background: #fff;
}
.dialog .pop-normal-wrap .pp-header {
  background: #833f9e;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 50px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}
.dialog .pop-normal-wrap .pp-header h1 {
  margin-left: 30px;
  font-size: 18px;
  color: #fff;
}
.dialog .pop-normal-wrap .pp-header button {
  width: 20px;
  height: 20px;
  overflow: hidden;
  border: 0;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -10px;
}
.dialog .pop-normal-wrap .pp-cont {
  padding: 50px 20px;
  width: calc(100% - 40px);
  height: auto;
  overflow: hidden;
  position: relative;
}

.paging-item-wrap {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 40px auto 80px auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.paging-item-wrap a {
  font-size: 16px;
  color: #fff;
  width: 33px;
  height: 33px;
  margin: 0 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.paging-item-wrap a.first {
  margin: 0;
}
.paging-item-wrap a.prev {
  margin-left: -1px;
  margin-right: 19px;
}
.paging-item-wrap a.next {
  margin-right: -1px;
  margin-left: 19px;
}
.paging-item-wrap a.last {
  margin: 0;
}
.paging-item-wrap a i {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
.paging-item-wrap a {
  text-decoration: none !important;
}
.paging-item-wrap a.on,
.paging-item-wrap a:hover {
  font-weight: 700;
  position: relative;
  z-index: 2;
  color: #fff;
  cursor: pointer;
}

@media (max-width: 1200px) {
  header .rela {
    width: calc(100% - 40px);
    margin: 0 auto;
  }
  .section .rela {
    width: calc(100% - 40px);
    margin: 0 auto;
  }
}
@media (max-width: 1024px) {
  .wrapper {
    padding-top: 100px;
  }
  .web-new-list {
    display: none;
  }
  /*공통 헤더*/
  header .rela h1 img {
    height: 20px;
  }
  header {
    padding-top: 0;
    margin: 0;
    height: 50px;
  }
  header .rela {
    height: 50px;
    width: 100%;
  }
  header .rela h1 {
    width: 116px;
    height: 50px;
    margin-left: 10px;
  }
  header .rela h1 a {
    width: 116px;
  }
  header .rela .chk-hart01 {
    margin-left: 5px;
    margin-top: 3px;
    display: none;
  }
  header .rela .biz-name {
    display: none;
  }
  .view-mob header.on .rela .chk-hart01 {
    display: flex;
  }
  .view-mob header.on .stit {
    display: none;
  }
  .view-mob header.on .cnt {
    display: none;
  }
  .view-mob header.on .rela .biz-name {
    margin-left: 5px;
    display: flex;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
  }
  header {
    padding-top: 0;
    margin: 0;
    height: 50px;
  }

  footer {
    height: auto;
  }
  footer .mob-ft-menu {
    width: 100%;
    height: 50px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 21px;
  }
  footer .mob-ft-menu li {
    width: 25%;
    height: 50px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  footer .mob-ft-menu li a {
    font-size: 14px;
    color: #151515;
  }
  footer .rela {
    flex-direction: column-reverse;
    width: calc(100% - 40px);
    height: auto;
  }
  footer .rela .flogo {
    display: none;
  }
  footer .rela .fcont dl {
    text-align: center;
  }
  footer .cust-item-wrap .key,
  footer .cust-item-wrap .value,
  footer .cust-item-wrap .etc {
    margin-top: 2px;
    text-align: center;
  }
  footer .rela .fcont {
    border-top: 1px solid #e6e6e6;
    margin-top: 20px;
    padding-top: 20px;
  }
  footer .rela .fcont .fnb-list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  footer .rela .fcont .fnb-list li a {
    font-size: 12px;
  }
  footer .rela .fcont dl {
    padding-bottom: 30px;
  }
  footer .rela .fcont .fnb-list li {
    margin-left: 17px;
  }
  footer .rela .fcont .fnb-list li:first-child {
    margin-left: 0;
  }
  footer .rela .addr {
    font-size: 12px;
  }
  footer .rela .copy {
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  .mob-quick-support-item {
    display: block;
  }
  .mo-menu-wrap {
    display: flex;
  }
  .wbr {
    display: none;
  }
  .pop-viewapp-wrap .vp-cont .keword-item-wrap .item .ki-footer .side-btn {
    right: 10px;
  }
  .pop-viewapp-wrap .vp-cont .form-item.mob-type {
    display: flex;
  }

  .wrapper {
    padding-top: 50px;
  }
}

.side-fixed-wrap {
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 300;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.side-fixed-wrap a {
  display: flex;
  width: 74px;
  height: 74px;
  overflow: hidden;
  border-radius: 50%;
}

@media (max-width: 1674px) {
  header.on {
    background: #fff;
    z-index: 301;
  }
  header.on .web-hide i {
    color: #fff;
  }
  header.on .web-hide .stit {
    color: #fff;
  }
  header.on .web-hide .cnt {
    color: #fff;
  }
  header.on .web-hide .cnt strong {
    color: #fff;
  }

  header.on .rela {
    height: 50px;
  }
  header .rela h1 a {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header .rela h1 a img {
    height: 18px;
  }

  header.hide {
    display: none;
  }

  /* .main header.on .rela{background:#fff;}
    .main header.on .gnb-list>li>a{color:#000;}
    .main header.on .gnb-list>li>a:hover,
    .main header.on .gnb-list>li>a.on{color: #0FD5D8;}
    .main header.on .btn-total-nav span{background:#000;}
    .main header.on .btn-total-nav span:before{background:#000;}
    .main header.on .btn-total-nav span:after{background:#000;}
    .main header.on .mem-link-wrap .btn-login, .main header.on .mem-link-wrap .btn-logout{color:#000;background:url(../image/ico/ico-logout_white.png) no-repeat left center;}
    .main header.on .rela h1 a{background:none;}
    .main header.on .rela h1 a img{visibility: visible} */

  /* .main header.on{border-bottom:1px solid #fff;} */
  .mob-menu-wrap {
    z-index: 999;
  }
}

/**/
.sub-visual-wrap {
  width: 100%;
  height: 384px;
  overflow: hidden;
  background-size: cover !important;
  background-position: center center !important;
}
.dreg-page-wrap {
  width: 1200px;
  height: auto;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.dreg-page-wrap .mtit {
  width: 100%;
  height: 68px;
  overflow: hidden;
  margin-top: 90px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 40px;
  color: #fff;
  position: relative;
  padding-bottom: 25px;
}
.dreg-page-wrap .mtit:after {
  content: "";
  width: 20px;
  height: 20px;
  overflow: hidden;
  display: inline-flex;
  background: #1e6d97;
  margin-left: 8px;
}
.dreg-page-wrap dl {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.dreg-page-wrap dl dt {
  margin-top: 30px;
  font-size: 25px;
  color: #fff;
  width: 100%;
  height: 42px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dreg-page-wrap dl dt .side-item-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.dreg-page-wrap dl dt .side-item-wrap button {
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(15, 213, 216, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 5px;
  width: 80px;
  height: 42px;
  overflow: hidden;
  padding: 0;
  font-size: 14px;
  color: #fff;
  margin-left: 10px;
}
.dreg-page-wrap dl dd {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.dreg-page-wrap dl dd .help-list-wrap {
  margin-top: 20px;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(204, 204, 204, 0.3);
  border-radius: 5px;
  width: calc(100% - 2px);
  height: auto;
  overflow: hidden;
  padding: 24px 0;
  margin-bottom: 50px;
}
.dreg-page-wrap dl dd .help-list-wrap ul {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.dreg-page-wrap dl dd .help-list-wrap ul li {
  width: calc(100% - 60px);
  padding: 0 30px;
  position: relative;
  height: auto;
  overflow: hidden;
}

.dreg-page-wrap dl dd .help-list-wrap ul li:before {
  content: "";
  width: 2px;
  height: 2px;
  overflow: hidden;
  display: block;
  background: #fff;
  position: absolute;
  left: 20px;
  top: 8px;
  border-radius: 50%;
}
.dreg-page-wrap dl dd .help-list-wrap ul li + li {
  margin-top: 24px;
}
.dreg-page-wrap dl dd .help-list-wrap ul li .htit {
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 18px;
  color: #fff;
  line-height: 21px;
}
.dreg-page-wrap dl dd .help-list-wrap ul li .hdesc {
  margin-top: 4px;
  width: 100%;
  height: auto;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.8);
  line-height: 17px;
  font-size: 14px;
}

.dreg-page-wrap dl dd .dreg-form-list {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 30px;
}
.dreg-page-wrap dl dd .dreg-form-list li {
  padding: 30px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.dreg-page-wrap dl dd .dreg-form-list li.bb0 {
  border-bottom: 0;
}
.dreg-page-wrap dl dd .dreg-form-list li.t01 {
  margin-top: -20px;
  padding-top: 0;
}
.dreg-page-wrap dl dd .dreg-form-list li.t02 {
  margin-top: -1px;
  padding-top: 0;
}
.dreg-page-wrap dl dd .dreg-form-list li .form-cols-wrap {
  width: 100%;
  height: auto; /* overflow:hidden; */
  flex: 1;
  position: relative;
}
.dreg-page-wrap dl dd .dreg-form-list li .form-cols-wrap + .form-cols-wrap {
  margin-left: 20px;
}
.dreg-page-wrap dl dd .dreg-form-list li .form-cols-wrap .label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto; /* overflow:hidden; */
  font-size: 18px;
  color: #fff;
  line-height: 21px;
}
.dreg-page-wrap dl dd .dreg-form-list li .form-cols-wrap .label span {
  padding-left: 5px;
  color: #d52b2b;
  font-size: 18px;
}
.dreg-page-wrap dl dd .dreg-form-list li .form-cols-wrap .label button {
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(15, 213, 216, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.4);
  margin-left: 20px;
  border-radius: 5px;
  padding: 0;
  height: 42px;
  width: 80px;
  overflow: hidden;
  font-size: 14px;
  color: #fff;
}
.dreg-page-wrap dl dd .dreg-form-list li .form-cols-wrap .file-btn-wrap {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.dreg-page-wrap dl dd .dreg-form-list li .form-cols-wrap .file-btn-wrap button {
  margin-left: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(15, 213, 216, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 5px;
  width: 80px;
  height: 42px;
  overflow: hidden;
  padding: 0;
  font-size: 14px;
  color: #fff;
}
.dreg-page-wrap dl dd .dreg-form-list li .form-cols-wrap .file-btn-wrap a {
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(15, 213, 216, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 5px;
  width: 80px;
  height: 40px;
  overflow: hidden;
  padding: 0;
  font-size: 14px;
  color: #fff;
}
.dreg-page-wrap
  dl
  dd
  .dreg-form-list
  li
  .form-cols-wrap
  .file-btn-wrap
  button.fileBtnUpload {
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(15, 213, 216, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 5px;
  width: 80px;
  height: 42px;
  overflow: hidden;
  padding: 0;
  font-size: 14px;
  color: #fff;
}
.dreg-page-wrap
  dl
  dd
  .dreg-form-list
  li
  .form-cols-wrap
  .file-btn-wrap
  button.fileBtnDown {
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(15, 213, 216, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 5px;
  width: 80px;
  height: 40px;
  overflow: hidden;
  padding: 0;
  font-size: 14px;
  color: #fff;
}

.dreg-page-wrap dl dd .dreg-form-list li .form-cols-wrap.file-type {
  padding-top: 20px;
}
.dreg-page-wrap dl dd .dreg-form-list li .form-cols-wrap .form-item-wrap {
  margin-top: 10px;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.dreg-page-wrap dl dd .dreg-form-list li .form-cols-wrap .form-item-wrap .e02 {
  font-size: 18px;
  color: #ddd;
  padding: 0 10px;
  display: flex;
}
.dreg-page-wrap dl dd .dreg-form-list li .form-cols-wrap .form-item-wrap .inp {
  width: 100%;
  flex: 1;
  height: 56px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0px 1.21px 2.42px rgba(0, 0, 0, 0.07);
  border-radius: 5px;
  padding-left: 22px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}
.dreg-page-wrap
  dl
  dd
  .dreg-form-list
  li
  .form-cols-wrap
  .form-item-wrap
  .inp.ar {
  text-align: right;
  padding-right: 35px;
}
.dreg-page-wrap
  dl
  dd
  .dreg-form-list
  li
  .form-cols-wrap
  .form-item-wrap
  .select {
  height: 58px;
  width: 100%;
  flex: 1;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0px 1.21px 2.42px rgba(0, 0, 0, 0.07);
  border-radius: 5px;
  padding-left: 22px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}
.dreg-page-wrap
  dl
  dd
  .dreg-form-list
  li
  .form-cols-wrap
  .form-item-wrap
  .select.email {
  margin-left: 10px;
}
.dreg-page-wrap
  dl
  dd
  .dreg-form-list
  li
  .form-cols-wrap
  .form-item-wrap
  .inp.datepicker {
  background: rgba(255, 255, 255, 0.1) url(../image/ico/ico-calendar.svg)
    no-repeat right center;
}
.dreg-page-wrap
  dl
  dd
  .dreg-form-list
  li
  .form-cols-wrap
  .form-item-wrap
  .chk-toggle-wrap {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0px 1.21px 2.42px rgba(0, 0, 0, 0.07);
  border-radius: 5px;
  height: 56px;
  width: 100%;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.dreg-page-wrap
  dl
  dd
  .dreg-form-list
  li
  .form-cols-wrap
  .form-item-wrap
  .chk-toggle-wrap
  a
  + a:before {
  content: "";
  width: 1px;
  height: 100%;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.1);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.dreg-page-wrap
  dl
  dd
  .dreg-form-list
  li
  .form-cols-wrap
  .form-item-wrap
  .chk-toggle-wrap
  a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 56px;
  overflow: hidden;
  font-size: 16px;
  color: #fff;
  flex: 1;
}
.dreg-page-wrap
  dl
  dd
  .dreg-form-list
  li
  .form-cols-wrap
  .form-item-wrap
  .chk-toggle-wrap
  a.on {
  background: rgba(15, 213, 216, 0.2);
  box-shadow: 0px 1.21px 2.42px rgba(0, 0, 0, 0.07);
}
.dreg-page-wrap
  dl
  dd
  .dreg-form-list
  li
  .form-cols-wrap
  .form-item-wrap
  .chk-toggle-wrap
  a.last {
  width: 160px;
}
.dreg-page-wrap dl dd .dreg-form-list li .form-cols-wrap .form-item-wrap .e01 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 58px;
  position: absolute;
  right: 12px;
  top: 0;
  font-size: 16px;
  color: #9797a6;
}

.dreg-page-wrap dl dd .dictionary-item-wrap {
  margin-top: 26px;
  width: calc(100% - 2px);
  height: auto;
  border: 1px solid #ccc;
  background: #fff;
}
.dreg-page-wrap dl dd .dictionary-item-wrap .th-list {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.dreg-page-wrap dl dd .dictionary-item-wrap .th-list li {
  position: relative;
  border-left: 1px solid #ccc;
  background: #1f505e;
  width: 100%;
  height: 40px;
  overflow: hidden;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #fff;
}
.dreg-page-wrap dl dd .dictionary-item-wrap .th-list li:first-child {
  border-left: 0;
}
.dreg-page-wrap dl dd .dictionary-item-wrap .td-list {
  width: 100%;
  height: auto;
}
.dreg-page-wrap dl dd .dictionary-item-wrap .td-list li {
  width: 100%;
  height: auto;
  position: relative;
  border-top: 1px solid #ccc;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.dreg-page-wrap dl dd .dictionary-item-wrap .td-list li .form-item-wrap {
  width: 100%;
  flex: 1;
  height: 63px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 18px;
}
.dreg-page-wrap
  dl
  dd
  .dictionary-item-wrap
  .td-list
  li
  .form-item-wrap
  + .form-item-wrap {
  border-left: 1px solid #ccc;
}
.dreg-page-wrap dl dd .dictionary-item-wrap .td-list li .form-item-wrap .inp {
  width: 100%;
  height: 40px;
  overflow: hidden;
  border: 0;
  border-bottom: 1px solid #777;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
}
.dreg-page-wrap dl dd .dictionary-item-wrap .td-list li a {
  position: absolute;
  right: -50px;
}

.dreg-page-wrap dl dd .dset-item-wrap {
  margin-top: 10px;
  width: calc(100% - 2px);
  height: 431px;
  overflow: hidden;
  background: #394452;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0px 1.21px 2.42px rgba(0, 0, 0, 0.07);
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dreg-page-wrap dl dd .dset-item-wrap .ditem {
  text-align: center;
  width: 100%;
  height: 372px;
  overflow: hidden;
  flex: 1;
}
.dreg-page-wrap dl dd .dset-item-wrap .ditem + .ditem {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.dreg-page-wrap .dreg-btn-wrap {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 115px 0 150px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dreg-page-wrap .dreg-btn-wrap button {
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 5px;
  width: 200px;
  height: 50px;
  overflow: hidden;
  padding: 0;
  font-size: 20px;
  color: #fff;
}
.dreg-page-wrap .dreg-btn-wrap button + button {
  margin-left: 20px;
  background: rgba(15, 213, 216, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 5px;
}
.dreg-page-wrap .dreg-btn-wrap .btn-register {
  background: rgba(15, 213, 216, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 5px;
}
.dreg-page-wrap .dreg-btn-wrap .btn-list {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 5px;
}
.dreg-page-wrap .dreg-btn-wrap .btn-delete {
  background: rgba(195, 24, 24, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 5px;
}

.dreg-page-wrap dl dd .dreg-form-list li .form-cols-wrap.t01 {
  flex: initial;
  width: 300px;
}
.dreg-page-wrap
  dl
  dd
  .dreg-form-list
  li
  .form-cols-wrap
  .form-item-wrap
  .type-toggle-list {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.dreg-page-wrap
  dl
  dd
  .dreg-form-list
  li
  .form-cols-wrap
  .form-item-wrap
  .type-toggle-list
  a {
  margin-right: 10px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0px 1.21px 2.42px rgba(0, 0, 0, 0.07);
  height: 33px;
  overflow: hidden;
  padding: 0 23px;
  border-radius: 17px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #fff;
}
.dreg-page-wrap
  dl
  dd
  .dreg-form-list
  li
  .form-cols-wrap
  .form-item-wrap
  .type-toggle-list
  a.on {
  background: rgba(15, 213, 216, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0px 1.21px 2.42px rgba(0, 0, 0, 0.07);
}

.dreg-page-wrap dl dd .dreg-form-list li .dreg-lt-wrap {
  width: 50%;
  height: auto;
  overflow: hidden;
}
.dreg-page-wrap dl dd .dreg-form-list li .dreg-rt-wrap {
  width: 100%;
  height: auto;
  overflow: hidden;
  flex: 1;
  margin-left: 50px;
}
.dreg-page-wrap dl dd .dreg-form-list li .file-list-wrap {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.dreg-page-wrap dl dd .dreg-form-list li .file-list-wrap .fitem {
  float: left;
  margin: 20px 20px 0 0;
  height: 56px;
  padding: 0 23px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0px 1.21px 2.42px rgba(0, 0, 0, 0.07);
  border-radius: 28px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.dreg-page-wrap dl dd .dreg-form-list li .file-list-wrap .fitem span {
  display: flex;
  font-size: 16px;
  color: #fff;
}
.dreg-page-wrap dl dd .dreg-form-list li .file-list-wrap .fitem a {
  display: flex;
  margin-left: 20px;
}
.dreg-page-wrap dl dd .dreg-form-list li .file-list-wrap .fitem a i {
  font-size: 16px;
  color: #fff;
}

.dreg-page-wrap .label.emba {
  display: flex;
  align-items: center;
}

@media (max-width: 1660px) {
  header .gnb-list {
    display: none;
  }
  header .rela .header-item {
    width: 40px;
    height: 40px;
    left: auto;
    right: 0;
    flex: initial;
  }
  .btn-total-nav {
    margin-left: 0;
  }
  header .mem-link-wrap {
    right: 50px;
  }
  header .rela h1 {
    margin-left: 10px;
  }
  .mob-menu-wrap .mob-menu-list {
    justify-content: center !important;
    padding-right: 0 !important;
    padding-left: 160px;
  }
}
@media (max-width: 1024px) {
  .mob-menu-wrap .mob-menu-list {
    justify-content: center;
    padding-right: 0;
  }
  .sub-visual-wrap {
    height: 40vw;
  }
  .dreg-page-wrap {
    width: calc(100% - 40px);
    padding: 0 20px;
  }
  .dreg-page-wrap .mtit {
    margin-top: 50px;
    font-size: 30px;
  }
  .dreg-page-wrap dl dt {
    margin-top: 20px;
    font-size: 18px;
  }
  .dreg-page-wrap dl dd .help-list-wrap ul li .htit {
    font-size: 15px;
    line-height: 1.5em;
  }
  .dreg-page-wrap dl dd .help-list-wrap ul li .hdesc {
    font-size: 13px;
    line-height: 1.5em;
  }
  .dreg-page-wrap dl dd .help-list-wrap {
    margin-bottom: 20px;
  }
  .dreg-page-wrap dl dd .dreg-form-list li {
    padding: 15px 0;
  }
  .dreg-page-wrap dl dd .dreg-form-list li .form-cols-wrap .label {
    font-size: 15px;
  }
  .dreg-page-wrap dl dd .dreg-form-list li {
    display: block;
  }
  .dreg-page-wrap dl dd .dreg-form-list li .show-to-up .select-items {
    bottom: -100px;
  }
  .dreg-page-wrap dl dd .dreg-form-list li .form-cols-wrap + .form-cols-wrap {
    margin-left: 0;
    margin-top: 20px;
  }
  .dreg-page-wrap
    dl
    dd
    .dreg-form-list
    li
    .form-cols-wrap
    .form-item-wrap
    .inp {
    height: 40px;
    font-size: 13px;
    letter-spacing: -0.5px;
    padding-left: 10px;
  }
  .dreg-page-wrap
    dl
    dd
    .dreg-form-list
    li
    .form-cols-wrap
    .form-item-wrap
    .select {
    height: 42px;
    padding-left: 10px;
    font-size: 13px;
    padding-right: 40px;
  }
  .dreg-page-wrap
    dl
    dd
    .dreg-form-list
    li
    .form-cols-wrap
    .form-item-wrap
    .chk-toggle-wrap {
    height: 40px;
  }
  .dreg-page-wrap
    dl
    dd
    .dreg-form-list
    li
    .form-cols-wrap
    .form-item-wrap
    .chk-toggle-wrap
    a {
    height: 40px;
  }
  .dreg-page-wrap
    dl
    dd
    .dreg-form-list
    li
    .form-cols-wrap
    .form-item-wrap
    .e01 {
    height: 42px;
  }
  .dreg-page-wrap dl dd .dreg-form-list li .dreg-lt-wrap {
    width: 100%;
  }
  .dreg-page-wrap dl dd .dreg-form-list li .dreg-rt-wrap {
    margin-left: 0;
    margin-top: 20px;
  }
  .dreg-page-wrap dl dd .dreg-form-list li .file-list-wrap {
    margin-top: 10px;
  }
  .dreg-page-wrap dl dd .dreg-form-list li .file-list-wrap .fitem {
    height: 40px;
    margin: 5px 5px 0 0;
    padding: 0 10px;
    border-radius: 20px;
  }
  .dreg-page-wrap dl dd .dreg-form-list li .file-list-wrap .fitem span {
    font-size: 13px;
  }
  .dreg-page-wrap dl dd .dreg-form-list li .file-list-wrap .fitem a {
    margin-left: 10px;
  }
  .dreg-page-wrap dl dd .dreg-form-list {
    margin-top: 10px;
  }
  .dreg-page-wrap
    dl
    dd
    .dreg-form-list
    li
    .form-cols-wrap
    .form-item-wrap
    .chk-toggle-wrap
    a {
    padding: 0 5px;
    font-size: 13px;
    text-align: center;
  }
  .dreg-page-wrap
    dl
    dd
    .dreg-form-list
    li
    .form-cols-wrap
    .form-item-wrap
    .chk-toggle-wrap
    a.last {
    flex: 2;
    width: 100px;
  }
  .dreg-page-wrap dl dd .dset-item-wrap {
    display: block;
    height: auto;
  }
  .dreg-page-wrap dl dd .dset-item-wrap .ditem {
    width: calc(100% - 10px);
    padding: 5px;
    float: left;
  }
  .dreg-page-wrap dl dd .dset-item-wrap .ditem img {
    max-width: 100%;
  }
  .dreg-page-wrap dl dd .dset-item-wrap .ditem + .ditem {
    border: 0;
  }
  .dreg-page-wrap dl dt .side-item-wrap button {
    height: 34px;
    font-size: 13px;
  }
  .dreg-page-wrap dl dd .dictionary-item-wrap .td-list li .form-item-wrap {
    padding: 0 5px;
    height: 40px;
  }
  .dreg-page-wrap dl dd .dictionary-item-wrap .td-list li a {
    right: -20px;
  }
  .dreg-page-wrap dl dd .dictionary-item-wrap .td-list li .form-item-wrap .inp {
    height: 25px;
    font-size: 11px;
  }
  .dreg-page-wrap .dreg-btn-wrap button {
    width: 130px;
    height: 40px;
    font-size: 15px;
  }
  .dreg-page-wrap .dreg-btn-wrap {
    padding: 40px 0 80px 0;
  }

  footer {
    padding: 20px 0;
  }
  footer .rela {
    display: block;
  }
  footer .rela .fcont {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
  }
  .side-fixed-wrap {
    right: 10px;
    bottom: 20px;
  }
  .side-fixed-wrap a {
    width: 50px;
    height: 50px;
  }
  .side-fixed-wrap a img {
    width: 50px;
    height: 50px;
  }

  .mob-menu-wrap .wrela {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
  .mob-menu-wrap .mob-menu-list {
    width: calc(100% - 40px);
    padding: 20px;
    margin-top: 0;
    overflow-y: auto;
    height: calc(100% - 40px);
    flex: 1;
  }
  .mob-menu-wrap .mob-menu-list dd ul li {
    width: 33%;
  }
}
@media (min-width: 1670px) {
  .mob-menu-wrap {
    transform: translateY(-700px);
    height: auto;
    border-top: 1px solid #ddd;
  }
  .mob-menu-wrap .wrela {
    height: auto;
  }
  .mob-menu-wrap.on {
    transform: translateY(145px);
    opacity: 1;
  }
  header.on .mob-menu-wrap.on {
    transform: translateY(80px);
  }
  .mob-menu-wrap .mob-header {
    display: none;
  }
  .mob-menu-wrap .mob-menu-list {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  .mob-menu-wrap .mob-menu-list dt {
    display: none;
  }

  .mob-menu-wrap .mob-menu-list dd:nth-child(2) {
    width: 94px;
  }
  .mob-menu-wrap .mob-menu-list dd:nth-child(4) {
    width: 143px;
  }

  .mob-menu-wrap .mob-menu-list dd:nth-child(6) {
    width: 163px;
  }
  .mob-menu-wrap .mob-menu-list dd:nth-child(8) {
    width: 180px;
  }
  .mob-menu-wrap .mob-menu-list dd:nth-child(10) {
    width: 128px;
  }
  .mob-menu-wrap .mob-menu-list dd:nth-child(12) {
    width: 126px;
  }
  .mob-menu-wrap .mob-menu-list dd:nth-child(14) {
    width: 132px;
  }
  .mob-menu-wrap .mob-menu-list dd ul li {
    width: auto;
    float: none;
  }
  .noShowTopSide {
    display: none;
  }
}

/**/
.page-tabmenu-wrap {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.page-tabmenu-wrap ul {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.page-tabmenu-wrap ul li {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.page-tabmenu-wrap ul li a {
  width: 100%;
  height: 69px;
  overflow: hidden;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  font-size: 20px;
  color: #000;
}
.page-tabmenu-wrap ul li a.on {
  background: #3abec0;
  color: #fff;
}

.board-search-wrap {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  margin-top: 30px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.board-search-wrap .cnt {
  font-size: 20px;
  color: #ddd;
  position: absolute;
  left: 0;
  top: 0;
  height: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.board-search-wrap .cnt strong {
  padding-left: 5px;
  font-size: 20px;
  color: #fff;
  font-weight: 700;
}
.board-search-wrap .select {
  width: 190px;
  height: 40px;
  border: 1px solid #000;
  background-color: #fff;
  padding-left: 16px;
  font-size: 16px;
  color: #111;
}
.board-search-wrap .select + .select {
  margin-left: 5px;
  width: 120px;
}
.board-search-wrap .search-inp-wrap {
  width: 278px;
  height: 38px;
  overflow: Hidden;
  border: 1px solid #000;
  background: #fff;
  margin-left: 5px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.board-search-wrap .search-inp-wrap .inp {
  width: 100%;
  flex: 1;
  height: 38px;
  border: 0;
  background: transparent;
  outline: 0;
  padding-left: 16px;
  font-size: 16px;
  color: #111;
}
.board-search-wrap .search-inp-wrap .inp.datepicker {
  background: rgba(255, 255, 255, 0.1) url(../image/ico/ico-calendar.svg)
    no-repeat right center;
}
.board-search-wrap .search-inp-wrap button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  overflow: hidden;
  border: 0;
  background: transparent;
  padding: 0;
}

.service-card-list {
  width: 100%;
  height: auto;
  overflow: visible;
}
.service-card-list > ul {
  width: calc(100% + 16px);
  height: auto;
  overflow: visible;
  margin-left: -8px;
  margin-top: 30px;
}
.service-card-list > ul > li {
  width: calc(100% / 3 - 16px);
  margin: 0 8px 50px 8px;
  float: left;
}
.service-card-list ul li a {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}
.service-card-list ul li a .scont {
  width: calc(100% - 48px - 2px);
  padding: 0 24px;
  height: 198px;
  overflow: hidden;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  background-size: cover !important;
}
.service-card-list ul li a .scont .odate {
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
}
.service-card-list ul li a .scont .otit {
  height: auto;
  overflow: hidden;
  font-size: 20px;
  color: #fff;
  width: 345px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.service-card-list ul li a .scont .odesc {
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}
.service-card-list ul li a .scont ul {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 5px;
}
.service-card-list ul li a .scont ul li {
  margin-right: 10px;
  height: 26px;
  border-radius: 13px;
  float: left;
  padding: 0 15px;
  background: #fdd854;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.8);
}
.service-card-list ul li a .scont ul li.strt {
  margin-right: 10px;
  height: 26px;
  border-radius: 13px;
  float: left;
  padding: 0 15px;
  background: #2fb25b;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
}
.service-card-list ul li a .scont ul li:first-child {
  background: #b2daff;
}
.service-card-list ul li a .scont ul li:last-child {
  margin-right: unset;
}
.service-card-list ul li a .scont .otag {
  height: auto;
  overflow: hidden;
  font-size: 14px;
  color: #fff;
  margin-top: 10px;
  width: 190px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.service-card-list ul li a .info-item-wrap {
  margin-top: 10px;
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.service-card-list ul li a .info-item-wrap .cnt {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 32px;
}
.service-card-list ul li a .info-item-wrap .cnt img {
  display: flex;
}
.service-card-list ul li a .info-item-wrap .cnt span {
  display: flex;
  margin-left: 5px;
  font-size: 14px;
  color: #fff;
}
.service-card-list ul li a .info-item-wrap .biz-name {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  flex: 1;
  font-size: 14px;
  color: #fff;
}
.service-card-list .emba {
  display: flex;
  align-items: center;
}
.service-card-list .bubble-wrap {
  position: relative;
  width: auto;
}
.service-card-list .bubble-wrap > img {
  margin-left: 5px;
}
/* .service-card-list .bubble{display:none;position:absolute;top:30px;left:0px;z-index:99;width:200px;padding:15px;background-color:#fff;border-radius:10px;font-size:13px;font-weight:400;color:#666;box-sizing: border-box;}
.service-card-list .bubble::before {content: '';position: absolute;width: 0;height: 0;bottom:99%;left: 10px;z-index:90;border:7px solid;border-color:transparent transparent #fff transparent;}
.service-card-list .bubble-wrap:hover .bubble{display:block;} */

.service-tbl-list {
  width: 100%;
  height: auto;
  overflow: visible;
  margin-top: 14px;
}
.service-tbl-list .th-list {
  width: 100%;
  height: 50px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.service-tbl-list .th-list li {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #fff;
}
.service-tbl-list .th-list li:nth-child(1) {
  width: 10%;
}
.service-tbl-list .th-list li:nth-child(2) {
  width: 100%;
  flex: 1;
}
.service-tbl-list .th-list li:nth-child(2) {
  width: 10%;
}
.service-tbl-list .th-list li:nth-child(3) {
  width: 60%;
}
.service-tbl-list .th-list li:nth-child(4) {
  width: 10%;
}
.service-tbl-list .th-list li:nth-child(5) {
  width: 10%;
}
.service-tbl-list .th-list li:nth-child(6) {
  width: 10%;
}
.service-tbl-list .th-list li:nth-child(7) {
  width: 10%;
}

.service-tbl-list .th-list.faq li:nth-child(1),
.service-tbl-list .td-list.faq-list li a div:nth-child(1) {
  width: 15%;
}
.service-tbl-list .th-list.faq li:nth-child(2),
.service-tbl-list .td-list.faq-list li a div:nth-child(2) {
  width: 85%;
}
.service-tbl-list .th-list li:nth-child(2) {
  width: 100%;
  flex: 1;
}

.service-tbl-list .th-list li a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.service-tbl-list .th-list li a span {
  display: flex;
  font-size: 16px;
  color: #fff;
}
.service-tbl-list .th-list li a img {
  display: flex;
  margin-left: 5px;
}
.service-tbl-list .td-list {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.service-tbl-list .td-list li {
  width: 100%;
  height: auto;
  overflow: hidden;
  border-bottom: 1px solid rgba(221, 221, 221, 0.5);
}
.service-tbl-list .td-list li a {
  width: 100%;
  height: 50px;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.service-tbl-list .td-list li a .snum {
  width: 10%;
  font-size: 16px;
  color: #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
}
.service-tbl-list .td-list li a .stit {
  font-size: 16px;
  color: #ddd;
  width: 40%;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.service-tbl-list .td-list li a .stit img {
  padding-left: 20px;
}
.service-tbl-list .td-list li a .stit img.re {
  margin-left: 15px;
}
.service-tbl-list .td-list li a .source {
  width: 200px;
  font-size: 16px;
  color: #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
}
.service-tbl-list .td-list li a .sname {
  width: 105px;
  font-size: 16px;
  color: #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
}
.service-tbl-list .td-list li a .sdate {
  width: 10%;
  min-width: 80px;
  font-size: 16px;
  color: #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
}
.service-tbl-list .td-list li a .sdate.embago {
  width: 10%;
  min-width: 90px;
  font-size: 16px;
  color: #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
}
.service-tbl-list .td-list li a .stype {
  width: 10%;
  font-size: 16px;
  color: #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
}

.neuro-list-wrap {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.neuro-list-wrap > ul {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.neuro-list-wrap > ul > li {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 45px 0;
  border-bottom: 1px solid #ddd;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.neuro-list-wrap ul li .opic {
  width: 390px;
  height: 200px;
  overflow: hidden;
  border-radius: 5px;
  background-size: cover !important;
  background-position: center center !important;
}
.neuro-list-wrap ul li .ocont {
  margin-left: 30px;
  width: 100%;
  height: 200px;
  overflow: hidden;
  flex: 1;
  position: relative;
}
.neuro-list-wrap ul li .ocont ul {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.neuro-list-wrap ul li .ocont ul li {
  margin-right: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  height: 26px;
  border-radius: 13px;
  background: #fdd854;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.8);
}
.neuro-list-wrap ul li .ocont ul li:nth-child(1) {
  background: #b2daff;
}
.neuro-list-wrap ul li .ocont ul li:nth-child(2) {
  background: #2fb25b;
  color: white;
}
.neuro-list-wrap ul li .ocont ul li:nth-child(3) {
  background: #fdd854;
}
.neuro-list-wrap ul li .ocont .otit {
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 35px;
  color: #fff;
  font-weight: 700;
  margin-top: 10px;
}
.neuro-list-wrap ul li .ocont .otitEng {
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 20px;
  color: #fff;
  font-weight: 700;
  margin-top: 10px;
}
.neuro-list-wrap ul li .ocont .otag {
  position: absolute;
  left: 0;
  bottom: 30px;
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}
.neuro-list-wrap ul li .ocont .oetc {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.neuro-list-wrap ul li .ocont .oetc span {
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  font-weight: 300;
  display: flex;
}
.neuro-list-wrap ul li .ocont .oetc strong {
  display: flex;
  margin-left: 10px;
  font-size: 14px;
  color: #fff;
  font-weight: 300;
}
.neuro-list-wrap ul li .chk-like {
  position: absolute;
  right: 0;
  top: 90px;
}

.neuro-tbl-wrap {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-bottom: 200px;
}
.neuro-tbl-wrap .tbl-header-wrap {
  width: 100%;
  height: auto;
  padding-top: 46px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.neuro-tbl-wrap .tbl-header-wrap .ntit {
  display: flex;
  font-size: 25px;
  color: #fff;
  font-weight: 300;
}
.neuro-tbl-wrap .tbl-header-wrap button {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 209px;
  height: 43px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 5px;
  background: #275b6d;
}
.neuro-tbl-wrap .tbl-header-wrap button img {
  display: flex;
  margin-left: 20px;
}
.neuro-tbl-wrap .tbl-header-wrap button span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 20px;
  padding-left: 12px;
  height: 20px;
  position: relative;
  font-size: 16px;
  color: #fff;
  font-weight: 300;
}
.neuro-tbl-wrap .tbl-header-wrap button span:before {
  content: "";
  width: 1px;
  height: 20px;
  overflow: hidden;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
}
.neuro-tbl-wrap .tbl01 {
  margin-top: 30px;
  width: 100%;
  table-layout: fixed;
  border: 0;
  border-collapse: collapse;
}
.neuro-tbl-wrap .tbl01 th {
  border: 1px solid #ccc;
  background: #275b6d;
  height: 58px;
  width: 228px;
  padding: 0 20px;
  font-size: 16px;
  color: #fff;
  font-weight: 300;
}
.neuro-tbl-wrap .tbl01 td {
  background: #fff;
  border: 1px solid #ccc;
  height: 58px;
  padding: 0 20px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 300;
}
.neuro-tbl-wrap .nlist {
  margin-top: 54px;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 45px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.neuro-tbl-wrap .nlist li {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.neuro-tbl-wrap .nlist li + li {
  margin-top: 20px;
}
.neuro-tbl-wrap .nlist li .key {
  width: 200px;
  height: auto;
  overflow: hidden;
  padding-left: 15px;
  position: relative;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
}
.neuro-tbl-wrap .nlist li .key:before {
  content: "";
  width: 4px;
  height: 4px;
  overflow: hidden;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
}
.neuro-tbl-wrap .nlist li .value {
  width: 100%;
  height: auto;
  overflow: hidden;
  flex: 1;
  font-size: 20px;
  color: #fff;
}

.neuro-tbl-wrap .chart-group-wrap {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.neuro-tbl-wrap .chart-group-wrap .bar-item-wrap {
  width: 100%;
  flex: 1;
  margin-right: 50px;
  background: #eee;
  height: 430px;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.neuro-tbl-wrap .chart-group-wrap .pie-item-wrap {
  width: 430px;
  height: 430px;
  overflow: hidden;
  background: #eee;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.neuro-tbl-wrap .nlist01 {
  margin-top: 20px;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.neuro-tbl-wrap .nlist01 li {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.neuro-tbl-wrap .nlist01 li + li {
  margin-top: 20px;
}
.neuro-tbl-wrap .nlist01 li .key {
  width: 200px;
  height: auto;
  overflow: hidden;
  padding-left: 15px;
  position: relative;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
}
.neuro-tbl-wrap .nlist01 li .key:before {
  content: "";
  width: 4px;
  height: 4px;
  overflow: hidden;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
}

.neuro-tbl-wrap .tbl02 {
  margin-top: 16px;
  width: 100%;
  table-layout: fixed;
  border: 0;
  border-collapse: collapse;
}
.neuro-tbl-wrap .tbl02 th {
  border: 1px solid #ccc;
  background: #275b6d;
  height: 40px;
  padding: 0 10px;
  font-size: 14px;
  color: #fff;
  font-weight: 300;
}
.neuro-tbl-wrap .tbl02 td {
  background: #fff;
  text-align: center;
  border: 1px solid #ccc;
  height: 63px;
  padding: 0 10px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 300;
}

.login-page-wrap {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.login-page-wrap .lt-item {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 60%;
  height: 1000px;
  overflow: Hidden;
  background: url(../../assets/image/bg/bg-login.jpg) no-repeat left top;
  background-size: cover;
}
.login-page-wrap .lt-item .scont {
  width: 740px;
  height: auto;
  overflow: hidden;
}
.login-page-wrap .lt-item .scont .mtit {
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 30px;
  color: #fdd854;
}
.login-page-wrap .lt-item .scont .mdesc {
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 48px;
  color: #fff;
  line-height: 1.2em;
}
.login-page-wrap .lt-item .scont .metc {
  margin-top: 5px;
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 16px;
  color: #bcbecc;
}
.login-page-wrap .lt-item .scont button {
  margin-top: 40px;
  width: 155px;
  height: 48px;
  overflow: hidden;
  border: 1px solid #fff;
  border-radius: 4px;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}
.login-page-wrap .lt-item .scont button span {
  display: flex;
  font-size: 16px;
  color: #fff;
}
.login-page-wrap .lt-item .scont button img {
  display: flex;
  margin-left: 7px;
}

.login-page-wrap .rt-item {
  width: calc(40% - 50px);
  padding-left: 50px;
  height: 1000px;
  overflow: Hidden;
  background: #343b45;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.login-page-wrap .rt-item .mtit {
  width: 340px;
  height: auto;
  overflow: hidden;
  font-size: 30px;
  color: #00a1e9;
  font-weight: 700;
}
.login-page-wrap .rt-item .mdesc {
  width: 340px;
  height: auto;
  overflow: hidden;
  font-size: 30px;
  color: #fff;
  font-weight: 500;
}
.login-page-wrap .rt-item .metc {
  width: 340px;
  height: auto;
  overflow: hidden;
  font-size: 12px;
  color: #888888;
  font-weight: 500;
}
.login-page-wrap .rt-item .form-item-wrap {
  width: 340px;
  height: auto;
  overflow: hidden;
  margin-top: 20px;
}
.login-page-wrap .rt-item .form-item-wrap .inp {
  padding-left: 14px;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  background: transparent;
  width: calc(100% - 14px);
  height: 50px;
  overflow: hidden;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}
.login-page-wrap .rt-item label {
  margin-top: 8px;
  width: 340px;
  height: auto;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.login-page-wrap .rt-item label input {
  display: flex;
}
.login-page-wrap .rt-item label span {
  margin-left: 5px;
  display: flex;
  font-size: 14px;
  color: #ccc;
  font-weight: 500;
}
.login-page-wrap .rt-item button {
  margin-top: 30px;
  width: 340px;
  height: 54px;
  border-radius: 27px;
  border: 0;
  overflow: hidden;
  background: #00a1e9;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #fff;
  font-weight: 500;
}
.login-page-wrap .rt-item button[disabled] {
  opacity: 0.4;
}
.login-page-wrap .rt-item .link-item-wrap {
  width: 340px;
  height: auto;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 16px;
}
.login-page-wrap .rt-item .link-item-wrap a {
  font-size: 14px;
  color: #ccc;
  font-weight: 500;
}

.home-header-wrap {
  width: 100%;
  height: 700px;
  overflow: hidden;
  background: url(../image/bg/bg-home.png) no-repeat center bottom;
  background-size: cover;
}
.home-header-wrap .mtit {
  margin-top: 200px;
  width: 100%;
  height: auto;
  overflow: hidden;
  text-align: center;
  font-size: 60px;
  color: #fff;
  line-height: 1.2em;
}
.home-header-wrap .mtit strong {
  display: block;
  text-align: center;
  font-size: 60px;
  color: #0fd5d8;
  font-weight: 700;
}
.home-header-wrap .cnt-item-wrap {
  width: 1300px;
  height: auto;
  overflow: Hidden;
  margin: 50px auto 0 auto;
}
.home-header-wrap .cnt-item-wrap ul {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home-header-wrap .cnt-item-wrap ul li {
  width: 100%;
  flex: 1;
  height: auto;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.home-header-wrap .cnt-item-wrap ul li:nth-child(1) {
  margin-right: 5px;
}
.home-header-wrap .cnt-item-wrap ul li:nth-child(2) {
  margin-left: 5px;
}
.home-header-wrap .cnt-item-wrap ul li .key {
  font-size: 20px;
  color: #fff;
  font-weight: 400;
}
.home-header-wrap .cnt-item-wrap ul li .value {
  font-size: 40px;
  color: #fff;
  font-weight: 700;
}

.latest-item-wrap {
  width: 100%;
  max-width: 1280px;
  height: auto;
  overflow: hidden;
  margin: 100px auto 200px auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.latest-item-wrap .lt-item {
  width: calc(50% - 20px);
  height: auto;
  overflow: hidden;
}
.latest-item-wrap .lt-item .latest-header-wrap {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.latest-item-wrap .lt-item .latest-header-wrap .mtit {
  width: 100%;
  flex: 1;
  font-size: 20px;
  color: #228d8f;
  font-weight: 500;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.latest-item-wrap .lt-item .latest-header-wrap .mtit:after {
  margin: 0 10px;
  content: "";
  width: 100%;
  flex: 1;
  height: 2px;
  background: #228d8f;
  overflow: hidden;
  display: block;
}

.latest-item-wrap .lt-item .latest-header-wrap a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.latest-item-wrap .lt-item .latest-header-wrap a span {
  display: flex;
  font-size: 16px;
  color: #fff;
}
.latest-item-wrap .lt-item .latest-header-wrap a i {
  display: flex;
  font-size: 16px;
  color: #fff;
  margin-left: 5px;
}
.latest-item-wrap .lt-item ul {
  width: calc(100% - 40px);
  height: auto;
  overflow: hidden;
  padding: 20px;
  margin-top: 20px;
  background: #b9bac2;
  border-radius: 8px;
}
.latest-item-wrap .lt-item ul li {
  width: calc(100% - 10px);
  height: auto;
  overflow: hidden;
  position: relative;
  padding-left: 10px;
}
.latest-item-wrap .lt-item ul li + li {
  margin-top: 10px;
}
.latest-item-wrap .lt-item ul li:before {
  content: "";
  width: 4px;
  height: 4px;
  overflow: Hidden;
  border-radius: 50%;
  background: #25262a;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
}
.latest-item-wrap .lt-item ul li a {
  width: 100%;
  height: 34px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.latest-item-wrap .lt-item ul li a .stit {
  font-size: 16px;
  color: #25262a;
  width: 100%;
  height: auto;
  overflow: hidden;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.latest-item-wrap .lt-item ul li a .sfile {
  width: 95px;
  height: 34px;
  border-radius: 8px;
  overflow: hidden;
  font-size: 14px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.latest-item-wrap .lt-item ul li a .sfile.xlsx {
  background: #2fb25b;
}
.latest-item-wrap .lt-item ul li a .sfile.csv {
  background: #deb403;
}
.latest-item-wrap .lt-item ul li a .sdate {
  font-size: 16px;
  color: #25262a;
}

.button_wrap {
  display: flex;
  align-items: center;
}
.button_wrap .select-item-wrap {
  margin-left: 10px;
}
.select-item-wrap {
  position: relative;
  background: rgba(0, 0, 0, 0);
  display: flex;
  align-items: center;
}
.select-item-wrap .select-result-wrap {
  display: none;
  top: 42px;
  left: 0;
  position: absolute;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 5px;
  width: calc(100% - 2px);
  height: auto;
  overflow: hidden;
  background: #275b6d;
}
.select-item-wrap:hover .select-result-wrap {
  display: block;
}
.select-item-wrap .select-result-wrap ul {
  width: calc(100% - 20px);
  padding: 0 10px;
  height: auto;
  overflow: hidden;
}
.select-item-wrap .select-result-wrap ul li {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.select-item-wrap .select-result-wrap ul li + li {
  border-top: 1px solid rgba(255, 255, 255, 0.7);
}
.select-item-wrap .select-result-wrap ul li a {
  font-size: 15px;
  color: #fff;
  width: 100%;
  height: 40px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.neuro-tbl-wrap .tbl-header-wrap button.normal {
  justify-content: center;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
}

/* The container must be positioned relative: */
.custom-select {
  position: relative;
  width: 100%;
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  height: 58px;
  line-height: 40px;
  width: 100%;
  flex: 1;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0px 1.21px 2.42px rgb(0 0 0 / 7%);
  border-radius: 5px;
  padding-left: 22px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  box-sizing: border-box;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  width: 40px;
  height: 30px;
  background: url("../image/bg/bg-select.svg") no-repeat center center;
  border-color: transparent transparent #fff transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
}

/* style the items (options), including the selected item: */
.select-items div,
.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
}
.select-items div:last-child,
.select-items {
  border: 0;
}

/* Style items (options): */
.select-items {
  position: absolute;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: rgb(62 73 89);
  top: calc(100% + 2px);
  left: 0;
  right: 0;
  z-index: 99;
  border-radius: 5px;
}

.show-to-up .select-items {
  top: unset;
  bottom: -200px;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover,
.same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

@media (max-width: 1024px) {
  .login-page-wrap {
    display: block;
  }
  .login-page-wrap .lt-item {
    width: 100%;
    height: 400px !important;
  }
  .login-page-wrap .lt-item .scont {
    width: calc(100% - 40px);
    padding: 0 20px;
  }
  .login-page-wrap .lt-item .scont .mtit {
    font-size: 18px;
  }
  .login-page-wrap .lt-item .scont .mdesc {
    font-size: 26px;
  }
  .login-page-wrap .lt-item .scont .metc {
    font-size: 13px;
  }
  .login-page-wrap .lt-item .scont .metc br {
    display: none;
  }
  .login-page-wrap .lt-item .scont button {
    margin-top: 20px;
    height: 40px;
    width: 130px;
  }
  .login-page-wrap .rt-item {
    width: calc(100% - 40px);
    padding: 40px 20px 40px 20px;
    height: auto !important;
  }
  .login-page-wrap .rt-item .mtit {
    max-width: 340px;
    margin: 0 auto;
    width: 100%;
    font-size: 16px;
  }
  .login-page-wrap .rt-item .mdesc {
    max-width: 340px;
    margin: 0 auto;
    width: 100%;
    font-size: 22px;
  }
  .login-page-wrap .rt-item .metc {
    max-width: 340px;
    margin: 0 auto;
    width: 100%;
  }
  .login-page-wrap .rt-item .form-item-wrap {
    max-width: 340px;
    margin: 0 auto;
    width: 100%;
  }
  .login-page-wrap .rt-item label {
    max-width: 340px;
    margin: 8px auto 0 auto;
    width: 100%;
  }
  .login-page-wrap .rt-item button {
    max-width: 340px;
    margin: 30px auto 0 auto;
    width: 100%;
  }
  .login-page-wrap .rt-item .link-item-wrap {
    max-width: 340px;
    margin: 0 auto 0 auto;
    width: 100%;
  }

  .home-header-wrap {
    height: 400px;
  }
  .home-header-wrap .mtit {
    margin-top: 120px;
    font-size: 30px;
  }
  .home-header-wrap .mtit strong {
    font-size: 30px;
  }
  .home-header-wrap .cnt-item-wrap {
    width: 300px;
    margin-top: 30px;
  }
  .home-header-wrap .cnt-item-wrap ul li .key {
    font-size: 14px;
  }
  .home-header-wrap .cnt-item-wrap ul li .value {
    font-size: 22px;
  }
  .latest-item-wrap {
    display: block;
    margin: 50px auto 100px auto;
    width: calc(100% - 40px);
    padding: 0 20px;
  }
  .latest-item-wrap .lt-item {
    width: 100%;
  }
  .latest-item-wrap .lt-item + .lt-item {
    margin-top: 20px;
  }
  .latest-item-wrap .lt-item .latest-header-wrap a span {
    font-size: 13px;
  }
  .latest-item-wrap .lt-item .latest-header-wrap a i {
    font-size: 13px;
  }

  .page-tabmenu-wrap ul li a {
    height: 44px;
    font-size: 16px;
  }
  .neuro-list-wrap > ul > li {
    padding: 20px 0;
    display: block;
  }
  .neuro-list-wrap ul li .opic {
    width: 100%;
    height: 46vw;
  }
  .neuro-list-wrap ul li .ocont {
    margin-left: 0;
    margin-top: 20px;
    height: auto;
  }
  .neuro-list-wrap ul li .ocont .otag {
    position: static;
  }
  .neuro-list-wrap ul li .ocont .oetc {
    position: static;
  }
  .neuro-list-wrap ul li .ocont .otit {
    font-size: 22px;
  }
  .neuro-list-wrap ul li .chk-like {
    top: 56vw;
  }
  .neuro-tbl-wrap .tbl-header-wrap .ntit {
    font-size: 18px;
  }
  .neuro-tbl-wrap .tbl-header-wrap button {
    width: 140px;
    height: 36px;
  }
  .neuro-tbl-wrap .tbl-header-wrap button img {
    margin-left: 10px;
  }
  .neuro-tbl-wrap .tbl-header-wrap button span {
    margin-left: 10px;
    font-size: 13px;
  }
  .neuro-tbl-wrap .tbl01 th {
    height: 40px;
    padding: 0 8px;
    width: 70px;
    font-size: 13px;
  }
  .neuro-tbl-wrap .tbl01 td {
    height: 40px;
    padding: 0 8px;
    font-size: 13px;
  }
  .neuro-tbl-wrap .nlist {
    margin-top: 20px;
    padding: 20px 0;
  }
  .neuro-tbl-wrap .nlist li {
    align-items: flex-start;
  }
  .neuro-tbl-wrap .nlist li .key {
    width: 100px;
    font-size: 13px;
  }
  .neuro-tbl-wrap .nlist li .value {
    font-size: 16px;
    margin-top: -2px;
  }
  .neuro-tbl-wrap .chart-group-wrap {
    margin-top: 20px;
    display: block;
  }
  .neuro-tbl-wrap .chart-group-wrap .bar-item-wrap {
    margin-right: 0;
    height: 60vw;
  }
  .neuro-tbl-wrap .chart-group-wrap .pie-item-wrap {
    width: 100%;
    height: 60vw;
    margin-top: 20px;
  }
  .neuro-tbl-wrap .tbl02 th {
    font-size: 12px;
    padding: 0 5px;
  }
  .neuro-tbl-wrap .tbl02 td {
    padding: 0 5px;
    font-size: 12px;
    word-break: break-all;
  }
  .neuro-tbl-wrap {
    padding-bottom: 80px;
  }

  .board-search-wrap {
    padding-bottom: 43px;
    position: relative;
  }
  .board-search-wrap .select {
    flex: 1;
    width: 100%;
  }
  .board-search-wrap .search-inp-wrap {
    margin-left: 0;
    width: calc(100% - 2px);
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .service-card-list > ul > li {
    width: calc(100% - 16px);
    margin-bottom: 20px;
  }

  .board-search-wrap .cnt {
    position: static;
    width: 50%;
  }
}

@media (max-width: 768px) {
  .dreg-page-wrap .mtit:after {
    width: 15px;
    height: 15px;
  }
  #dataList .service-tbl-list .td-list li a .stit.re {
    margin-left: 0;
  }
  #dataList .service-tbl-list .th-list li:nth-child(1),
  #dataList .service-tbl-list .td-list li a div:nth-child(1) {
    width: 20%;
  }
  #dataList .service-tbl-list .th-list li:nth-child(2),
  #dataList .service-tbl-list .td-list li a div:nth-child(2) {
    width: 50%;
  }
  #dataList .service-tbl-list .th-list li:nth-child(5),
  #dataList .service-tbl-list .td-list li a div:nth-child(5).sdate.embago {
    width: 30%;
  }
  #dataList .service-tbl-list .th-list li:nth-child(3),
  #dataList .service-tbl-list .th-list li:nth-child(4),
  #dataList .service-tbl-list .th-list li:nth-child(6),
  #dataList .service-tbl-list .th-list li:nth-child(7),
  #dataList .service-tbl-list .td-list li a div:nth-child(3),
  #dataList .service-tbl-list .td-list li a div:nth-child(4),
  #dataList .service-tbl-list .td-list li a div:nth-child(6),
  #dataList .service-tbl-list .td-list li a div:nth-child(7) {
    display: none;
  }
  #dataList .service-tbl-list .td-list {
    border-top: 1px solid rgba(221, 221, 221, 0.5);
  }
  #dataList .service-tbl-list .td-list li a {
    height: auto;
    padding: 10px 0;
  }
  #dataList .service-tbl-list .td-list li a .snum {
    display: none;
  }
  #dataList .service-tbl-list .td-list li a .source {
    font-size: 13px;
    justify-content: flex-start;
    width: 100%;
  }
  #dataList .service-tbl-list .td-list li a .sname {
    width: auto;
    font-size: 13px;
    float: left;
    justify-content: flex-start;
  }
  #dataList .service-tbl-list .td-list li a .sdate {
    font-size: 13px;
    float: left;
    margin-left: 20px;
    justify-content: flex-start;
  }

  .button_wrap {
    width: 100%;
    margin-top: 10px;
  }
  #dataDetailView .neuro-tbl-wrap .tbl-header-wrap {
    flex-direction: column;
    align-items: flex-start;
  }
  .neuro-tbl-wrap .tbl-header-wrap.m_col {
    flex-direction: column;
    align-items: flex-start;
  }
  .neuro-tbl-wrap .tbl-header-wrap .button_wrap button.normal {
    width: 50%;
    min-width: 140px;
  }
  .button_wrap .select-item-wrap {
    width: 50%;
  }
  .button_wrap .select-item-wrap button {
    width: 100%;
  }

  #typeTiles .bubble {
    left: -45px;
  }
  #typeTiles .bubble::before {
    left: 53px;
  }
  #typeList .bubble {
    left: unset;
    right: -10px;
  }
  #typeList .bubble::before {
    left: unset;
    right: 12px;
  }
}

@media (max-width: 667px) {
  #dataList .board-search-wrap {
    justify-content: space-between;
  }
  #dataList .board-search-wrap .cnt {
    width: 30%;
  }
  #dataList .board-search-wrap #dataTypeTile,
  #dataList .board-search-wrap #dataTypeList {
    width: 90px;
  }
  #dataList .board-search-wrap #searchCondition,
  #dataList .board-search-wrap #listCondition {
    max-width: 150px;
  }
  #dataList .service-card-list ul li a .scont .otit {
    width: 100%;
  }
  #dataList .new-scont .thumb {
    width: 33%;
  }

  .cdw-item-wrap .chart-item-wrap#chart1 {
    height: 120vw;
  }
  .edp-view .cdw-item-wrap .edp-biz-wrap .lt-item .eitem dl {
    padding: 0px;
    min-width: 100px;
  }

  .mob-menu-wrap .mob-menu-list {
    margin-left: unset !important;
  }

  .opendata #openDataList .th-list > li:nth-child(1),
  .opendata #openDataList .th-list > li:nth-child(4),
  .opendata #openDataList .th-list > li:nth-child(5),
  .opendata #openDataList .th-list > li:nth-child(6),
  .opendata #openDataList .td-list > li a div:nth-child(1),
  .opendata #openDataList .td-list > li a div:nth-child(4),
  .opendata #openDataList .td-list > li a div:nth-child(5),
  .opendata #openDataList .td-list > li a div:nth-child(6) {
    display: none;
  }

  .opendata #openDataList .td-list .no-result {
    display: flex !important;
    width: 100%;
  }

  .opendata #openDataList .th-list > li:nth-child(2),
  .opendata #openDataList .td-list > li a div:nth-child(2) {
    width: 30%;
  }
  .opendata #openDataList .th-list > li:nth-child(3),
  .opendata #openDataList .td-list > li a div:nth-child(3) {
    width: 70%;
  }
}

@media (max-width: 450px) {
  #dataRegister .bubble-wrap:hover .bubble,
  #dataModify .bubble-wrap:hover .bubble {
    left: -80px;
  }
  #dataRegister .bubble-wrap:hover .bubble::before,
  #dataModify .bubble-wrap:hover .bubble::before {
    left: 88px;
  }
  #vocaSearch .board-search-wrap .search-inp-wrap label {
    display: none;
  }
  #vocaSearch .board-search-wrap .search-inp-wrap input {
    padding-left: unset;
  }
  #vocaSearch .board-search-wrap .search-inp-wrap input::placeholder {
    font-size: small;
  }
  #vocaSearch .board-search-wrap .search-inp-wrap button {
    width: 30px;
  }
  #vocaSearch .board-search-wrap .search-inp-wrap button img {
    width: 70%;
  }

  #vocaDetail .details-page-wrap dl dd ul.nlist {
    flex-direction: column;
    overflow: hidden;
  }
  #vocaDetail .details-page-wrap dl dd ul.nlist > li:nth-child(1) {
    width: 100%;
    border-right: unset;
    border-bottom: 1px solid #4d5865;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  #vocaDetail .details-page-wrap dl dd ul.nlist > li:nth-child(2) {
    width: 100%;
  }
  #vocaDetail .details-page-wrap dl dd ul.nlist > li:nth-child(2) .th-list div,
  #vocaDetail .details-page-wrap dl dd ul.nlist > li:nth-child(2) .td-list div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #vocaHistory .history-page-wrap dl dd ul.nlist {
    flex-direction: column;
    overflow: hidden;
  }
  #vocaHistory .history-page-wrap dl dd ul.nlist > li:nth-child(1) {
    width: 100%;
    border-right: unset;
    border-bottom: 1px solid #4d5865;
    padding-bottom: 20px;
    margin-bottom: 20px;
    padding-right: unset;
  }
  #vocaHistory .history-page-wrap dl dd ul.nlist > li:nth-child(2) {
    width: 100%;
    padding-left: unset;
  }
  #vocaHistory .history-page-wrap dl dd ul.nlist > li:nth-child(2) .th-list div,
  #vocaHistory
    .history-page-wrap
    dl
    dd
    ul.nlist
    > li:nth-child(2)
    .td-list
    div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

/**/
.cdw-item-wrap {
  width: 1200px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 60px;
}
.cdw-item-wrap.t01 {
  padding-top: 0;
}
.cdw-item-wrap + .cdw-item-wrap {
  border-top: 1px solid #fff;
}
.cdw-item-wrap .ptit {
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 25px;
  color: #fff;
  font-weight: 500;
}
.cdw-item-wrap .cdw-pic {
  margin-top: 30px;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.cdw-item-wrap .cdw-pic img {
  width: 100%;
  float: left;
}
.cdw-item-wrap .cdw-desc-list {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #444c57;
}
.cdw-item-wrap .cdw-desc-list ul {
  width: calc(100% - 40px);
  max-width: 1020px;
  height: auto;
  overflow: Hidden;
  margin: 0 auto;
  padding: 40px 0;
  border-top: 1px solid #5c646f;
}
.cdw-item-wrap .cdw-desc-list ul li {
  line-height: 1.6em;
  font-size: 16px;
  color: #fff;
  width: calc(50% - 10px);
  padding-left: 10px;
  position: relative;
  height: auto;
  overflow: hidden;
  float: left;
}
.cdw-item-wrap .cdw-desc-list ul li:before {
  content: "";
  width: 3px;
  height: 3px;
  overflow: hidden;
  border-radius: 50%;
  display: block;
  background: #fff;
  position: absolute;
  left: 0;
  top: 10px;
}
.cdw-item-wrap .nlist {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 30px;
}
.cdw-item-wrap .nlist li {
  line-height: 1.6em;
  font-size: 16px;
  color: #fff;
  width: calc(100% - 10px);
  padding-left: 10px;
  position: relative;
  height: auto;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.cdw-item-wrap .nlist li + li {
  margin-top: 8px;
}
.cdw-item-wrap .nlist li:before {
  content: "";
  width: 3px;
  height: 3px;
  overflow: hidden;
  border-radius: 50%;
  display: block;
  background: #fff;
  position: absolute;
  left: 0;
  top: 10px;
}
.cdw-item-wrap .nlist li .key {
  display: flex;
  font-size: 18px;
  color: #fff;
  width: 114px;
}
.cdw-item-wrap .nlist li .value {
  display: flex;
  font-size: 18px;
  color: #fff;
  width: 100%;
  flex: 1;
  height: auto;
  overflow: hidden;
}
.cdw-item-wrap .pdesc {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 30px;
  font-size: 20px;
  color: #fff;
}
.cdw-item-wrap .pdesc span {
  font-size: 16px;
  color: #647287;
  padding-left: 10px;
}
.cdw-item-wrap .pdesc01 {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 30px;
  font-size: 20px;
  color: #fff;
  font-weight: 300;
}
.cdw-item-wrap .chart-item-wrap {
  width: 100%;
  height: 600px;
  overflow: hidden;
  background: #ededed;
  margin-top: 30px;
}
.cdw-item-wrap .chart-item-wrap + .pdesc {
  margin-top: 60px;
}
.cdw-item-wrap .chart-item-wrap + .nlist {
  margin-top: 60px;
}
.cdw-item-wrap.last {
  margin-bottom: 150px;
}

.cdw-item-wrap .edp-cont-wrap {
  margin-top: 50px;
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #323b48;
  padding: 50px 0 0 0;
}
.cdw-item-wrap .edp-cont-wrap .edp-bg-wrap01 {
  width: 1020px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
}
.cdw-item-wrap .edp-cont-wrap .edp-bg-wrap01 ul {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cdw-item-wrap .edp-cont-wrap .edp-bg-wrap01 ul li {
  width: 320px;
  height: auto;
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
}
.cdw-item-wrap .edp-cont-wrap .edp-bg-wrap01 ul li .key {
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  width: 100%;
  height: 65px;
  background: #386975;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cdw-item-wrap .edp-cont-wrap .edp-bg-wrap01 ul li .value {
  width: 100%;
  height: calc(215px - 65px);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 18px;
  color: #666;
  line-height: 1.5em;
}
.cdw-item-wrap .edp-cont-wrap .edp-bg-wrap02 {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 8px;
  width: 1020px;
  height: 120px;
  text-align: center;
  overflow: hidden;
  margin: 24px auto 0 auto;
  font-size: 20px;
  color: #222;
  line-height: 1.8em;
}
.cdw-item-wrap .edp-cont-wrap .edp-bg-wrap03 {
  background: url(../image/bg/bg-edp-arr01.png) no-repeat center top;
  width: 1020px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  padding-top: 130px;
  padding-bottom: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cdw-item-wrap .edp-cont-wrap .edp-bg-wrap03 span {
  font-size: 25px;
  color: #fff;
  border-bottom: 2px solid #fff;
  padding-bottom: 10px;
}

.cdw-item-wrap .edp-biz-wrap {
  margin-top: 50px;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 50px 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  background: #36404f url(../image/bg/bg-edp-arr02.png) no-repeat 463px 373px;
}
.cdw-item-wrap .edp-biz-wrap .lt-item {
  width: 400px;
  padding: 30px;
  height: auto;
  overflow: hidden;
  background: #394352;
}
.cdw-item-wrap .edp-biz-wrap .lt-item .etit {
  width: 100%;
  height: 60px;
  overflow: hidden;
  border-radius: 8px;
  background: #386975;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #fff;
}
.cdw-item-wrap .edp-biz-wrap .lt-item .eitem {
  margin-top: 30px;
  float: left;
  width: 155px;
  height: 676px;
  overflow: hidden;
  border-radius: 8px;
  background: #4a566a;
}
.cdw-item-wrap .edp-biz-wrap .lt-item .eitem + .eitem {
  float: right;
}
.cdw-item-wrap .edp-biz-wrap .lt-item .eitem dl {
  width: 100%;
  padding: 0 20px;
  height: auto;
  overflow: hidden;
}
.cdw-item-wrap .edp-biz-wrap .lt-item .eitem dl dt {
  justify-content: center;
  padding: 90px 0 25px 0;
  text-align: center;
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  border-bottom: 1px solid #667080;
}
.cdw-item-wrap .edp-biz-wrap .lt-item .eitem dl dd {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.cdw-item-wrap .edp-biz-wrap .lt-item .eitem dl dd .dpic {
  text-align: center;
  padding: 30px 0;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.cdw-item-wrap .edp-biz-wrap .lt-item .eitem dl dd .elist01 {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.cdw-item-wrap .edp-biz-wrap .lt-item .eitem dl dd .elist01 .hName {
  display: none;
}
.cdw-item-wrap .edp-biz-wrap .lt-item .eitem dl dd .elist01 li {
  width: 100%;
  height: 26px;
  border-radius: 13px;
  background: #314157;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 8px;
  color: #fff;
}
.cdw-item-wrap .edp-biz-wrap .lt-item .eitem dl dd .elist01 li + li {
  margin-top: 15px;
}

.cdw-item-wrap .edp-biz-wrap .lt-item .eitem dl dd .elist02 {
  margin-top: 30px;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.cdw-item-wrap .edp-biz-wrap .lt-item .eitem dl dd .elist02 li {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.cdw-item-wrap .edp-biz-wrap .lt-item .eitem dl dd .elist02 li span {
  font-size: 15px;
  color: #fff;
}
.cdw-item-wrap .edp-biz-wrap .lt-item .eitem dl dd .elist02 li img {
  margin-top: 8px;
}

.cdw-item-wrap .edp-biz-wrap .rt-item {
  margin-left: 80px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 540px;
  height: auto;
  overflow: hidden;
  font-size: 20px;
  color: #fff;
}
.cdw-item-wrap .edp-biz-wrap .rt-item .biz-item-wrap {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #394352;
  padding: 30px;
}
.cdw-item-wrap .edp-biz-wrap .rt-item .biz-item-wrap + .biz-item-wrap {
  margin-top: 30px;
}
.cdw-item-wrap .edp-biz-wrap .rt-item .biz-item-wrap .etit {
  width: 100%;
  height: 60px;
  overflow: hidden;
  border-radius: 8px;
  background: #386975;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #fff;
}
.cdw-item-wrap .edp-biz-wrap .rt-item .biz-item-wrap .bpic {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 30px;
}
.cdw-item-wrap .edp-biz-wrap .rt-item .biz-item-wrap table {
  margin-top: 30px;
  width: 100%;
  table-layout: fixed;
  border: 0;
  border-collapse: collapse;
}
.cdw-item-wrap .edp-biz-wrap .rt-item .biz-item-wrap table th {
  border: 1px solid #ccc;
  background: #275b6d;
  height: 36px;
  padding: 0 10px;
  font-size: 15px;
  color: #fff;
  font-weight: 300;
}
.cdw-item-wrap .edp-biz-wrap .rt-item .biz-item-wrap table td {
  background: #fff;
  text-align: center;
  border: 1px solid #ccc;
  height: 35px;
  padding: 0 10px;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 300;
}
.cdw-item-wrap .edp-biz-wrap .rt-item .biz-item-wrap .blist {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 10px;
}
.cdw-item-wrap .edp-biz-wrap .rt-item .biz-item-wrap .blist li {
  margin-top: 2px;
  width: calc(100% - 10px);
  padding-left: 10px;
  position: relative;
  height: auto;
  overflow: hidden;
  font-size: 16px;
  color: #fff;
}
.cdw-item-wrap .edp-biz-wrap .rt-item .biz-item-wrap .blist li:before {
  content: "";
  width: 3px;
  height: 3px;
  overflow: hidden;
  display: block;
  background: #fff;
  position: absolute;
  left: 0;
  top: 10px;
}

.cdw-item-wrap .edp-data-wrap {
  background: #424f63;
  margin-top: 50px;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 50px 0;
  margin-bottom: 150px;
}
.cdw-item-wrap .edp-data-wrap ul {
  width: 1020px;
  height: auto;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cdw-item-wrap .edp-data-wrap ul li {
  width: 250px;
  height: auto;
  text-align: center;
}
.cdw-item-wrap .edp-data-wrap ul li .value {
  width: 100%;
  height: auto;
  overflow: hidden;
  text-align: center;
  font-size: 16px;
  color: #fff;
  line-height: 1.5em;
}
.cdw-item-wrap .edp-data-wrap .msg {
  width: 1020px;
  height: 65px;
  overflow: hidden;
  margin: 45px auto 0 auto;
  background: #314157;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);
}

.cdm-item-wrap {
  width: 1200px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 90px;
}
.cdm-item-wrap + .cdm-item-wrap {
  border-top: 1px solid #fff;
}
.cdm-item-wrap .ptit {
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 25px;
  color: #fff;
  font-weight: 500;
}
.cdm-item-wrap .cdm-cont-wrap {
  margin-top: 30px;
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #343f4d;
}
.cdm-item-wrap .cdm-cont-wrap .cdm-header-wrap {
  margin: 50px 0 0 40px;
  width: 500px;
  padding-left: 20px;
  height: 56px;
  overflow: hidden;
  border-left: 4px solid #d6d8db;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.cdm-item-wrap .cdm-cont-wrap .cdm-header-wrap .ctit {
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 25px;
  color: #fff;
  font-weight: 500;
}
.cdm-item-wrap .cdm-cont-wrap .cdm-header-wrap .cdesc {
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 15px;
  color: #fff;
}
.cdm-item-wrap .cdm-cont-wrap .cdm-pic {
  padding: 50px 0;
  width: 100%;
  height: auto;
  overflow: Hidden;
  text-align: center;
}
.cdm-item-wrap .cdm-cont-wrap .cdm-pic img {
  max-width: 100%;
}
.cdm-item-wrap .pdesc {
  margin-top: 30px;
  padding-bottom: 60px;
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 16px;
  color: #fff;
}

@media (max-width: 1024px) {
  .cdw-item-wrap {
    width: 100%;
  }
  .cdw-item-wrap .edp-cont-wrap {
    padding-top: 20px;
    margin-top: 20px;
  }
  .cdw-item-wrap .edp-cont-wrap .edp-bg-wrap01 {
    width: calc(100% - 40px);
  }
  .cdw-item-wrap .edp-cont-wrap .edp-bg-wrap01 ul {
    width: 100%;
    display: block;
  }
  .cdw-item-wrap .edp-cont-wrap .edp-bg-wrap01 ul li {
    width: 100%;
  }
  .cdw-item-wrap .edp-cont-wrap .edp-bg-wrap01 ul li + li {
    margin-top: 20px;
  }
  .cdw-item-wrap .edp-cont-wrap .edp-bg-wrap01 ul li .key {
    font-size: 15px;
    height: 40px;
  }
  .cdw-item-wrap .edp-cont-wrap .edp-bg-wrap01 ul li .value {
    height: auto;
    padding: 20px 0;
    font-size: 15px;
  }
  .cdw-item-wrap .edp-cont-wrap .edp-bg-wrap02 {
    width: calc(100% - 40px - 40px);
    margin: 20px auto 0 auto;
    font-size: 15px;
    height: auto;
    padding: 20px;
  }
  .cdw-item-wrap .edp-cont-wrap .edp-bg-wrap03 {
    width: 100%;
  }
  .cdw-item-wrap .edp-cont-wrap .edp-bg-wrap03 span {
    font-size: 15px;
  }
  .cdw-item-wrap {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .cdw-item-wrap .edp-biz-wrap {
    margin-top: 0px;
    padding: 20px 0;
    display: block;
  }
  .cdw-item-wrap .edp-biz-wrap .lt-item {
    width: calc(100% - 40px);
    padding: 20px;
  }
  .cdw-item-wrap .edp-biz-wrap .rt-item {
    margin-left: 0;
    margin-top: 20px;
    width: 100%;
  }
  .cdw-item-wrap .edp-biz-wrap .lt-item .etit {
    height: 40px;
    font-size: 15px;
  }
  .cdw-item-wrap .edp-biz-wrap .lt-item .eitem {
    margin-top: 20px;
    width: calc(50% - 10px);
  }
  .cdw-item-wrap .edp-biz-wrap .lt-item .eitem dl dt {
    padding: 20px 0;
    font-size: 15px;
  }
  .cdw-item-wrap .edp-biz-wrap .lt-item .eitem dl dd .elist02 li span {
    font-size: 13px;
  }
  .cdw-item-wrap .edp-biz-wrap .lt-item .eitem {
    height: 540px;
  }
  .cdw-item-wrap .edp-biz-wrap .rt-item .biz-item-wrap {
    width: calc(100% - 40px);
    padding: 20px;
  }
  .cdw-item-wrap .edp-biz-wrap .rt-item .biz-item-wrap .etit {
    height: 40px;
    font-size: 15px;
  }
  .cdw-item-wrap .edp-biz-wrap .rt-item .biz-item-wrap .bpic {
    margin-top: 20px;
    text-align: center;
  }
  .cdw-item-wrap .edp-biz-wrap .rt-item .biz-item-wrap .bpic img {
    max-width: 100%;
  }
  .cdw-item-wrap .edp-biz-wrap .rt-item .biz-item-wrap table {
    margin-top: 20px;
  }
  .cdw-item-wrap .edp-biz-wrap .rt-item .biz-item-wrap .blist li {
    font-size: 13px;
  }
  .cdw-item-wrap .edp-biz-wrap .rt-item .biz-item-wrap table td {
    font-size: 13px;
  }
  .cdw-item-wrap .ptit {
    font-size: 20px;
  }
  .cdw-item-wrap .nlist li .key {
    font-size: 15px;
  }
  .cdw-item-wrap .nlist li .value {
    font-size: 15px;
  }
  .cdw-item-wrap .pdesc01 {
    font-size: 15px;
  }
  .cdw-item-wrap .edp-data-wrap {
    margin-top: 20px;
    padding: 20px 0;
    margin-bottom: 80px;
  }
  .cdw-item-wrap .edp-data-wrap ul {
    width: calc(100% - 40px);
    padding: 0 20px;
    display: block;
  }
  .cdw-item-wrap .edp-data-wrap ul li {
    width: 100%;
  }
  .cdw-item-wrap .edp-data-wrap ul li + li {
    margin-top: 20px;
  }
  .cdw-item-wrap .edp-data-wrap .msg {
    width: calc(100% - 40px - 40px);
    height: auto;
    padding: 20px;
    margin-bottom: 0px;
    font-size: 15px;
  }

  .cdm-item-wrap {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .cdm-item-wrap .cdm-cont-wrap .cdm-header-wrap {
    width: calc(100% - 30px - 4px);
    margin: 20px 0 0 20px;
    padding-left: 10px;
  }
  .cdm-item-wrap .cdm-cont-wrap .cdm-header-wrap .ctit {
    font-size: 18px;
  }
  .cdm-item-wrap .cdm-cont-wrap .cdm-header-wrap .cdesc {
    font-size: 11px;
  }
  .cdm-item-wrap .ptit {
    font-size: 20px;
  }
  .cdm-item-wrap .cdm-cont-wrap .cdm-pic {
    width: calc(100% - 40px);
    padding: 20px;
  }
  .cdm-item-wrap .cdm-cont-wrap .cdm-pic img {
    max-width: 100%;
  }
  .cdm-item-wrap .pdesc {
    font-size: 12px;
  }

  .cdw-item-wrap .cdw-pic {
    margin-top: 20px;
  }
  .cdw-item-wrap .cdw-desc-list ul {
    padding: 20px 0;
  }
  .cdw-item-wrap .cdw-desc-list ul li {
    width: 100%;
    font-size: 13px;
  }
  .cdw-item-wrap .cdw-desc-list ul li:before {
    top: 7px;
  }
  .cdw-item-wrap .pdesc {
    font-size: 15px;
  }
  .cdw-item-wrap .chart-item-wrap {
    margin-top: 20px;
    height: 60vw;
  }
  .cdw-item-wrap .chart-item-wrap + .nlist {
    margin-top: 40px;
  }
  .cdw-item-wrap.last {
    margin-bottom: 80px;
  }

  .cdw-item-wrap .edp-biz-wrap .lt-item .eitem dl dd .elist01 li {
    font-size: 10px;
    padding: 5px;
  }
  .cdw-item-wrap .edp-biz-wrap .lt-item .eitem dl dd .elist01 .hName {
    display: block;
  }
}

.cdw-item-wrap .portal-item-wrap {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #333d4b;
  padding: 60px 0;
}
.cdw-item-wrap .portal-item-wrap .portal-tit {
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 25px;
  color: #fff;
  line-height: 1.5em;
  text-align: center;
}
.cdw-item-wrap .portal-item-wrap .portal-tit strong {
  font-size: 25px;
  color: #fff;
  display: block;
  text-align: center;
  font-weight: 500;
}
.cdw-item-wrap .portal-item-wrap .portal-pic {
  margin-top: 40px;
  width: 100%;
  height: auto;
  overflow: hidden;
  text-align: center;
}
.cdw-item-wrap .portal-item-wrap .portal-pic img {
  max-width: 100%;
}

.cdw-item-wrap .portal-served-wrap {
  margin-top: 30px;
  width: calc(100% + 8 px);
  margin-left: -4px;
  height: auto;
  overflow: hidden;
}
.cdw-item-wrap .portal-served-wrap li {
  float: left;
  width: calc(25% - 8px);
  margin: 0 4px;
  height: auto;
  overflow: Hidden;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background: #fff;
}
.cdw-item-wrap .portal-served-wrap li .key {
  width: 100%;
  height: 90px;
  border-radius: 6px;
  background: #009aa1;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #fff;
  text-align: center;
  box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.38);
}
.cdw-item-wrap .portal-served-wrap li .value {
  width: 100%;
  height: 118px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 16px;
  color: #222;
  line-height: 1.5em;
}

.org-item-wrap {
  margin-top: 40px;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.org-item-wrap .otit {
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 25px;
  color: #fff;
  font-weight: 500;
}
.org-item-wrap .odesc {
  margin-top: 30px;
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 18px;
  color: #fff;
  line-height: 1.5em;
}
.org-item-wrap .odesc span {
  font-size: 18px;
  color: #3abec1;
}
.org-item-wrap .olist {
  margin-top: 20px;
  width: calc(100% - 10px);
  position: relative;
  padding-left: 10px;
  height: auto;
  overflow: hidden;
  font-size: 18px;
  color: #fff;
}
.org-item-wrap .olist:before {
  content: "";
  width: 3px;
  height: 3px;
  overflow: hidden;
  border-radius: 50%;
  display: block;
  background: #fff;
  position: absolute;
  left: 0;
  top: 10px;
}

@media (max-width: 1024px) {
  .cdw-item-wrap .portal-item-wrap .portal-tit {
    width: calc(100% - 40px);
    padding: 0 20px;
    font-size: 15px;
  }
  .cdw-item-wrap .portal-item-wrap .portal-tit strong {
    font-size: 15px;
    display: inline;
  }
  .cdw-item-wrap .portal-item-wrap .portal-pic {
    width: calc(100% - 40px);
    padding: 0 20px;
  }
  .cdw-item-wrap .portal-served-wrap li {
    width: calc(50% - 8px);
    margin-bottom: 8px;
  }
  .cdw-item-wrap .portal-served-wrap li .key {
    height: 60px;
    font-size: 15px;
  }
  .cdw-item-wrap .portal-served-wrap li .value {
    padding: 0 20px;
    font-size: 13px;
  }
  .cdw-item-wrap .portal-served-wrap li .value br {
    display: none;
  }
  .cdw-item-wrap .portal-item-wrap {
    padding: 20px 0;
  }

  .org-item-wrap {
    margin-top: 20px;
  }
  .org-item-wrap .otit {
    font-size: 18px;
  }
  .org-item-wrap .odesc {
    margin-top: 20px;
    font-size: 15px;
  }
  .org-item-wrap .odesc span {
    font-size: 15px;
  }
  .org-item-wrap .olist {
    font-size: 15px;
  }

  .dreg-page-wrap
    dl
    dd
    .dreg-form-list
    li
    .form-cols-wrap.email-type
    .form-item-wrap {
    padding-bottom: 50px;
  }
  .dreg-page-wrap
    dl
    dd
    .dreg-form-list
    li
    .form-cols-wrap
    .form-item-wrap
    .select.email {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: 0;
    width: 100%;
  }
}

/**/
.platform-list-wrap {
  width: 100%;
  height: auto;
  overflow: Hidden;
  padding: 60px 0 120px 0;
}
.platform-list-wrap ul {
  width: calc(100% + 30px);
  height: auto;
  overflow: hidden;
  margin-left: -15px;
}
.platform-list-wrap ul li {
  width: calc(100% / 3 - 30px);
  margin: 0 15px 0 15px;
  float: left;
}
.platform-list-wrap ul li a {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: block;
}
.platform-list-wrap ul li a .spic {
  width: calc(100% - 2px);
  height: 224px;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #b0b4bb;
  background-size: cover !important;
}
.platform-list-wrap ul li a .setc {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 20px 0 45px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.platform-list-wrap ul li a .setc span {
  display: flex;
  font-size: 18px;
  color: #fff;
  font-weight: 500;
}
.platform-list-wrap ul li a .setc img {
  display: flex;
}
.platform-list-wrap ul li:nth-child(1) {
  margin-right: 0px;
}
.platform-list-wrap ul li:nth-child(2) {
  margin-left: 0px;
}
.platform-list-wrap ul li:nth-child(1) div:nth-child(1) {
  background-image: url("../../assets/image/etc/etc-platform-list01.jpg");
}
.platform-list-wrap ul li:nth-child(2) div:nth-child(1) {
  background-image: url("../../assets/image/etc/etc-platform-list02.jpg");
}
.platform-list-wrap ul li:nth-child(3) div:nth-child(1) {
  background-image: url("../../assets/image/etc/etc-platform-list03.jpg");
}
.platform-list-wrap ul li:nth-child(4) div:nth-child(1) {
  background-image: url("../../assets/image/etc/etc-platform-list04.jpg");
}
.platform-list-wrap ul li:nth-child(5) div:nth-child(1) {
  background-image: url("../../assets/image/etc/etc-platform-list05.jpg");
}
.platform-list-wrap ul li div:nth-child(1) {
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat-x: initial;
  background-repeat-y: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.page-view-wrap {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 20px;
}
.page-view-wrap table {
  border: 1px solid #ccc;
  border-top: 0;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.page-view-wrap table th {
  height: 50px;
  border-top: 1px solid #ccc;
  width: 230px;
  padding-left: 40px;
  font-size: 16px;
  color: #fff;
  text-align: left;
  background: #1f4f5e;
}
.page-view-wrap table td {
  height: 50px;
  border-top: 1px solid #ccc;
  padding-left: 40px;
  font-size: 16px;
  color: #fff;
  text-align: left;
  background: #1d2838;
}
.page-view-wrap .view-cont {
  width: 100%;
  height: auto;
  min-height: 300px;
  margin: 50px 0;
  overflow: hidden;
  font-size: 16px;
  color: #fff;
  line-height: 1.5em;
}
.page-view-wrap .view-file-wrap {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 30px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #3b4859;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.page-view-wrap .view-file-wrap .label {
  width: 86px;
  font-size: 18px;
  color: #fff;
  font-weight: 500;
}
.page-view-wrap .view-file-wrap .file-item-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  flex: 1;
  height: 56px;
  border: 1px solid #5a6572;
  background: #3a4757;
  border-radius: 8px;
  overflow: hidden;
}
.page-view-wrap .view-file-wrap .file-item-wrap .inp {
  margin-left: 18px;
  width: 100%;
  height: 42px;
  border: 0;
  background: transparent;
  outline: none;
  display: flex;
  font-size: 16px;
  color: #fff;
}
.page-view-wrap .view-file-wrap .file-item-wrap button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 42px;
  border-radius: 5px;
  border: 1px solid #80a2ad;
  background: #2c6476;
  padding: 0;
  font-size: 14px;
  color: #fff;
  margin-right: 10px;
}

@media (max-width: 1024px) {
  .page-view-wrap table th {
    width: 60px;
    padding: 0 10px;
    height: 40px;
    font-size: 14px;
  }
  .page-view-wrap table td {
    padding: 0 10px;
    height: 40px;
    font-size: 14px;
  }
  .page-view-wrap .view-cont {
    min-height: 200px;
    margin: 20px 0;
    font-size: 14px;
  }
  .page-view-wrap .view-file-wrap {
    display: block;
    padding: 20px 0;
  }
  .page-view-wrap .view-file-wrap .label {
    font-size: 14px;
    padding-bottom: 10px;
  }
  .page-view-wrap .view-file-wrap .file-item-wrap .inp {
    font-size: 14px;
    margin-left: 10px;
  }
  .platform-list-wrap ul {
    width: calc(100% + 20px);
    height: auto;
    overflow: hidden;
    margin-left: -10px;
  }
  .platform-list-wrap ul li {
    width: calc(100% / 2 - 20px);
    margin: 0 10px 0 10px;
  }
  .platform-list-wrap ul li a .spic {
    height: 27vw;
  }
  .platform-list-wrap ul li a .setc {
    padding: 10px 0 20px 0;
  }
  .platform-list-wrap ul li a .setc span {
    font-size: 14px;
  }
  .platform-list-wrap {
    padding: 20px 0 40px 0;
  }
}

.process-page-wrap {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-bottom: 200px;
}
.process-page-wrap .ptit {
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 28px;
  color: #fff;
}
.process-page-wrap dl {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.process-page-wrap dl dt {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.process-page-wrap dl dd {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.process-page-wrap dl dd + dt {
  padding-top: 50px;
  margin-top: 50px;
  border-top: 1px solid #ddd;
}
.process-page-wrap dl dd .pdesc {
  margin-top: 30px;
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 16px;
  color: #fff;
  line-height: 1.5em;
}
.process-page-wrap dl dd .cdesc {
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 16px;
  color: #fff;
  line-height: 1.5em;
}
.process-page-wrap dl dd .nlist {
  margin-top: 30px;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.process-page-wrap dl dd .nlist li {
  width: calc(100% - 20px);
  padding-left: 20px;
  height: auto;
  overflow: hidden;
  font-size: 16px;
  color: #fff;
  position: relative;
}
.process-page-wrap dl dd .nlist li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  color: #fff;
}
.process-page-wrap dl dd .nlist li:nth-child(1):before {
  content: "①";
}
.process-page-wrap dl dd .nlist li:nth-child(2):before {
  content: "②";
}
.process-page-wrap dl dd .nlist li:nth-child(3):before {
  content: "③";
}
.process-page-wrap dl dd .nlist li:nth-child(4):before {
  content: "④";
}
.process-page-wrap dl dd .nlist li:nth-child(5):before {
  content: "⑤";
}
.process-page-wrap dl dd .nlist li:nth-child(6):before {
  content: "⑥";
}
.process-page-wrap dl dd .nlist li:nth-child(7):before {
  content: "⑦";
}
.process-page-wrap dl dd .nlist li:nth-child(8):before {
  content: "⑧";
}
.process-page-wrap dl dd .nlist li + li {
  margin-top: 5px;
}
.process-page-wrap dl dd .nlist li .key {
  float: left;
  width: 80px;
  font-size: 16px;
  color: #fff;
}
.process-page-wrap dl dd .nlist li .value {
  width: calc(100% - 80px);
  float: left;
  font-size: 18px;
  color: #fff;
}
.process-page-wrap dl dd .ppic {
  margin-top: 30px;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.process-page-wrap dl dd .ppic img {
  max-width: 100%;
}

.process-page-wrap dl dd table {
  width: 100%;
  table-layout: fixed;
  border: 0;
  border-collapse: collapse;
  margin-top: 30px;
}
.process-page-wrap dl dd table th {
  border: 1px solid #ccc;
  height: 40px;
  text-align: center;
  background: #285c6d;
  font-size: 14px;
  color: #fff;
}
.process-page-wrap dl dd table td {
  padding: 20px;
  border: 1px solid #ccc;
  height: auto;
  text-align: center;
  background: #fff;
  font-size: 14px;
  color: #222;
}
.process-page-wrap dl dd table td .olist {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.process-page-wrap dl dd table td .olist li {
  text-align: left;
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 14px;
  color: #222;
}
.process-page-wrap dl dd table td .olist li + li {
  margin-top: 5px;
}
.process-page-wrap dl dd .otit {
  margin-top: 50px;
  width: calc(100% - 10px);
  padding-left: 10px;
  height: auto;
  overflow: hidden;
  font-size: 20px;
  color: #fff;
  position: relative;
}
.process-page-wrap dl dd .otit:before {
  content: "";
  width: 3px;
  height: 3px;
  overflow: hidden;
  display: block;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
}

.analysis-page-wrap {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-bottom: 200px;
}
.analysis-page-wrap dl {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.analysis-page-wrap dl dt {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.analysis-page-wrap dl dd {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.analysis-page-wrap dl dd + dt {
  padding-top: 50px;
  margin-top: 50px;
  border-top: 1px solid #ddd;
}
.analysis-page-wrap dl dd .nlist {
  margin-top: 30px;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.analysis-page-wrap dl dd > .nlist > li {
  width: calc(100% - 20px);
  padding-left: 20px;
  height: auto;
  overflow: hidden;
  font-size: 20px;
  color: #fff;
  position: relative;
}
.analysis-page-wrap dl dd > .nlist > li + li {
  margin-top: 40px;
}
.analysis-page-wrap dl dd .nlist li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 20px;
  color: #fff;
}
.analysis-page-wrap dl dd .nlist li:nth-child(1):before {
  content: "①";
}
.analysis-page-wrap dl dd .nlist li:nth-child(2):before {
  content: "②";
}
.analysis-page-wrap dl dd .nlist li:nth-child(3):before {
  content: "③";
}
.analysis-page-wrap dl dd .nlist li:nth-child(4):before {
  content: "④";
}
.analysis-page-wrap dl dd .nlist li:nth-child(5):before {
  content: "⑤";
}
.analysis-page-wrap dl dd .nlist li:nth-child(6):before {
  content: "⑥";
}
.analysis-page-wrap dl dd .nlist li:nth-child(7):before {
  content: "⑦";
}
.analysis-page-wrap dl dd .nlist li:nth-child(8):before {
  content: "⑧";
}
.analysis-page-wrap dl dd .nlist li ul {
  margin-left: -20px;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.analysis-page-wrap dl dd .nlist li ul li {
  margin-top: 5px;
  width: calc(100% - 10px);
  padding-left: 10px;
  position: relative;
  height: auto;
  overflow: hidden;
  font-size: 16px;
  color: #fff;
}
.analysis-page-wrap dl dd .nlist li ul li:before {
  content: "";
  width: 3px;
  height: 3px;
  overflow: hidden;
  display: block;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
}

.analysis-page-wrap dl dd .use-req-wrap {
  padding: 45px 0;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 30px;
  background: #343f4d;
}
.analysis-page-wrap dl dd .use-req-wrap > ul {
  width: 1020px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.analysis-page-wrap dl dd .use-req-wrap ul > li {
  width: 226px;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  position: relative;
}
.analysis-page-wrap dl dd .use-req-wrap ul > li:before {
  content: "";
  width: 34px;
  height: 29px;
  overflow: hidden;
  display: block;
  background: url(../image/ico/ico-arr-white.svg) no-repeat;
  position: absolute;
  left: -36px;
  top: 20px;
}
.analysis-page-wrap dl dd .use-req-wrap ul li .utit {
  width: calc(100% - 2px);
  height: 56px;
  border: 1px solid #687689;
  border-radius: 8px;
  overflow: hidden;
  background: #364862;
  font-size: 20px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.analysis-page-wrap dl dd .use-req-wrap ul li:nth-child(2) .utit {
  background: #2c3b51;
}
.analysis-page-wrap dl dd .use-req-wrap ul li:nth-child(3) .utit {
  background: #253245;
}
.analysis-page-wrap dl dd .use-req-wrap ul li:nth-child(4) .utit {
  background: #1b2534;
}
.analysis-page-wrap dl dd .use-req-wrap ul li .ucont {
  margin-top: 20px;
  width: 100%;
  height: 270px;
  overflow: hidden;
  background: #4a5361;
  border-radius: 8px;
}
.analysis-page-wrap dl dd .use-req-wrap ul li .ucont ul {
  width: 100%;
  padding: 20px;
  height: auto;
  overflow: hidden;
}
.analysis-page-wrap dl dd .use-req-wrap ul li .ucont ul li {
  width: 100%;
  padding-left: 10px;
  position: relative;
  height: auto;
  overflow: hidden;
  font-size: 16px;
  color: #fff;
  line-height: 1.5em;
}
.analysis-page-wrap dl dd .use-req-wrap ul li .ucont ul li + li {
  margin-top: 10px;
}
.analysis-page-wrap dl dd .use-req-wrap ul li .ucont ul li:before {
  content: "";
  width: 3px;
  height: 3px;
  overflow: hidden;
  display: block;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 10px;
}
.analysis-page-wrap dl dd .use-req-wrap ul li .ucontEn {
  margin-top: 20px;
  width: 100%;
  height: 270px;
  overflow: hidden;
  background: #4a5361;
  border-radius: 8px;
}
.analysis-page-wrap dl dd .use-req-wrap ul li .ucontEn ul {
  width: 100%;
  padding: 20px;
  height: auto;
  overflow: hidden;
}
.analysis-page-wrap dl dd .use-req-wrap ul li .ucontEn ul li {
  width: 100%;
  padding-left: 10px;
  position: relative;
  height: auto;
  overflow: hidden;
  font-size: 16px;
  color: #fff;
  line-height: 1.5em;
}
.analysis-page-wrap dl dd .use-req-wrap ul li .ucontEn ul li + li {
  margin-top: 10px;
}
.analysis-page-wrap dl dd .use-req-wrap ul li .ucontEn ul li:before {
  content: "";
  width: 3px;
  height: 3px;
  overflow: hidden;
  display: block;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 10px;
}

.analysis-page-wrap dl dd .scrolls table {
  width: 100%;
  table-layout: fixed;
  border: 0;
  border-collapse: collapse;
  margin-top: 30px;
}
.analysis-page-wrap dl dd .scrolls table th {
  border: 1px solid #ccc;
  height: 40px;
  text-align: center;
  background: #285c6d;
  font-size: 14px;
  color: #fff;
}
.analysis-page-wrap dl dd .scrolls table th.cell01 {
  background: #427683;
}
.analysis-page-wrap dl dd .scrolls table th.cell02 {
  background: #6b959f;
}
.analysis-page-wrap dl dd .scrolls table td {
  padding: 20px;
  border: 1px solid #ccc;
  height: auto;
  text-align: center;
  background: #fff;
  font-size: 14px;
  color: #222;
}

.analysis-page-wrap dl dd .help-cont-wrap {
  width: calc(100% - 60px);
  padding: 30px;
  height: auto;
  overflow: hidden;
  margin-top: 30px;
  background: #414e62;
}
.analysis-page-wrap dl dd .help-cont-wrap .hlist {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.analysis-page-wrap dl dd .help-cont-wrap .hlist > li {
  width: calc(100% - 20px);
  font-size: 16px;
  color: #fff;
  padding-left: 20px;
  position: relative;
  height: auto;
  overflow: hidden;
}
.analysis-page-wrap dl dd .help-cont-wrap .hlist > li + li {
  margin-top: 15px;
}
.analysis-page-wrap dl dd .help-cont-wrap .hlist li:before {
  content: "※";
  font-size: 16px;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
}
.analysis-page-wrap dl dd .help-cont-wrap .hlist li ul {
  margin-top: 5px;
  margin-left: -20px;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.analysis-page-wrap dl dd .help-cont-wrap .hlist li ul li {
  margin-top: 5px;
  width: calc(100% - 10px);
  padding-left: 10px;
  position: relative;
  height: auto;
  overflow: hidden;
  font-size: 16px;
  color: #fff;
}
.analysis-page-wrap dl dd .help-cont-wrap .hlist li ul li:before {
  content: "";
  width: 3px;
  height: 3px;
  overflow: hidden;
  display: block;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
}

.analysis-page-wrap dl dd .olist {
  margin-top: 30px;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.analysis-page-wrap dl dd .olist li {
  margin-top: 5px;
  width: calc(100% - 10px);
  padding-left: 10px;
  position: relative;
  height: auto;
  overflow: hidden;
  font-size: 16px;
  color: #fff;
}
.analysis-page-wrap dl dd .olist li:before {
  content: "";
  width: 3px;
  height: 3px;
  overflow: hidden;
  display: block;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
}
.analysis-page-wrap dl dd .olist li + li {
  margin-top: 8px;
}
.analysis-page-wrap dl dd .olist li .key {
  float: left;
  width: 140px;
  font-size: 18px;
  color: #fff;
}
.analysis-page-wrap dl dd .olist li .value {
  float: left;
  width: 250px;
  font-size: 18px;
  color: #fff;
}
.analysis-page-wrap dl dd .olist li .link a {
  font-size: 18px;
  color: #fff !important;
}

@media (max-width: 1024px) {
  .analysis-page-wrap dl dd .use-req-wrap > ul {
    width: calc(100% - 40px);
    display: block;
  }
  .analysis-page-wrap dl dd .use-req-wrap ul > li {
    width: 100%;
  }
  .analysis-page-wrap dl dd .use-req-wrap ul > li + li {
    margin-top: 40px;
  }
  .analysis-page-wrap dl dd .use-req-wrap ul li .ucont {
    height: auto;
  }
  .analysis-page-wrap dl dd .use-req-wrap ul li .ucontEn {
    height: auto;
  }
  .analysis-page-wrap dl dd .use-req-wrap ul li .utit {
    height: 40px;
    font-size: 16px;
  }
  .analysis-page-wrap dl dd .use-req-wrap ul li .ucont {
    margin-top: 10px;
  }
  .analysis-page-wrap dl dd .use-req-wrap ul li .ucont ul li {
    font-size: 13px;
  }
  .analysis-page-wrap dl dd .use-req-wrap ul li .ucont ul li br {
    display: none;
  }
  .analysis-page-wrap dl dd .use-req-wrap ul li .ucontEn {
    margin-top: 10px;
  }
  .analysis-page-wrap dl dd .use-req-wrap ul li .ucontEn ul li {
    font-size: 13px;
  }
  .analysis-page-wrap dl dd .use-req-wrap ul li .ucontEn ul li br {
    display: none;
  }
  .analysis-page-wrap dl dd .use-req-wrap > ul > li:before {
    left: 50%;
    margin-left: -17px;
    top: -34px;
    transform: rotate(90deg);
  }
  .analysis-page-wrap dl dd .scrolls {
    width: 100%;
    height: auto;
    overflow: hidden;
    overflow-x: auto;
  }
  .analysis-page-wrap dl dd .scrolls table {
    min-width: 900px;
  }
  .analysis-page-wrap dl dd .olist li .key {
    font-size: 14px;
  }
  .analysis-page-wrap dl dd .olist li .value {
    font-size: 14px;
  }
  .analysis-page-wrap dl dd .help-cont-wrap {
    width: calc(100% - 40px);
    padding: 20px;
  }
  .analysis-page-wrap dl dd .help-cont-wrap .hlist > li {
    font-size: 14px;
  }
  .analysis-page-wrap dl dd .help-cont-wrap .hlist > li:before {
    font-size: 14px;
  }
  .analysis-page-wrap dl dd .help-cont-wrap .hlist li ul li {
    font-size: 14px;
  }
  .analysis-page-wrap dl dd .help-cont-wrap .hlist li ul li:before {
    margin-top: 0;
    top: 8px;
  }
  .analysis-page-wrap dl dd .nlist li ul li:before {
    margin-top: 0;
    top: 8px;
  }
  .analysis-page-wrap dl dd .nlist li ul li {
    font-size: 14px;
  }
  .analysis-page-wrap dl dd > .nlist > li {
    font-size: 16px;
  }
  .analysis-page-wrap dl dd .nlist li:before {
    font-size: 16px;
  }
  .analysis-page-wrap dl dd .scrolls table td {
    padding: 10px;
  }
  .analysis-page-wrap dl dd .scrolls table th {
    height: 30px;
  }

  .process-page-wrap dl dd .nlist li .key {
    font-size: 14px;
  }
  .process-page-wrap dl dd .nlist li .value {
    font-size: 14px;
  }
  .process-page-wrap dl dd .pdesc {
    font-size: 14px;
  }
  .process-page-wrap dl dd .nlist li {
    font-size: 14px;
  }
  .process-page-wrap dl dd .nlist li:before {
    font-size: 14px;
  }
  .process-page-wrap .ptit {
    font-size: 24px;
  }
  .process-page-wrap dl dd .scrolls {
    width: 100%;
    height: auto;
    overflow: hidden;
    overflow-x: auto;
  }
  .process-page-wrap dl dd .scrolls table {
    min-width: 900px;
  }
  .process-page-wrap dl dd .otit {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .process-page-wrap dl dd table.display_w {
    display: table;
  }
  .process-page-wrap dl dd table.display_m {
    display: none;
  }
}

@media (max-width: 768px) {
  .process-page-wrap dl dd table.display_w {
    display: none;
  }
  .process-page-wrap dl dd table.display_m {
    display: table;
  }
  .process-page-wrap dl dd table td {
    padding: 10px;
  }
  .process-page-wrap dl dd table td p {
    text-align: left;
    margin-bottom: 20px;
    font-weight: 700;
  }
}

.forceBlock {
  display: block !important;
}
.initNoShow {
  display: none !important;
  opacity: 0 !important;
}
#achillesWeb {
  margin-top: 30px;
}
textarea.inp {
  max-width: 560px;
  min-height: 80px;
  max-height: 80px;
}
.input-error {
  border-color: red !important;
}

/***********추가페이지 작업*****************/

/*임상연구오픈데이터*/
.opendata .dreg-page-wrap .board-search-wrap {
  flex-wrap: wrap;
}
.opendata .dreg-page-wrap .board-search-wrap .search-inp-wrap {
  width: 100%;
  margin-left: 0;
  height: 58px;
  width: 100%;
  flex: 1;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0px 1.21px 2.42px rgb(0 0 0 / 7%);
  border-radius: 5px;
  padding: 0 22px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}
.opendata .dreg-page-wrap .board-search-wrap .search-inp-wrap button {
  width: 50px;
  height: 100%;
  justify-content: flex-end;
}
.opendata .dreg-page-wrap .board-search-wrap .search-inp-wrap button > img {
  width: 50%;
}
.opendata .dreg-page-wrap .board-search-wrap .search-inp-wrap label::after {
  content: "｜";
  margin-left: 15px;
  opacity: 0.3;
  font-size: 18px;
}
.opendata .dreg-page-wrap .board-search-wrap .con-wrap {
  display: flex;
  width: 100%;
  margin: 35px 0 30px;
  justify-content: space-between;
}
.opendata .dreg-page-wrap .board-search-wrap .con-wrap > ul {
  display: flex;
  align-items: center;
}
.opendata .dreg-page-wrap .board-search-wrap .con-wrap > ul > li {
  display: flex;
  margin-right: 20px;
  align-items: center;
}
.opendata .dreg-page-wrap .board-search-wrap .con-wrap > ul > li span {
  display: inline-block;
  color: #fff;
}
.opendata .dreg-page-wrap .board-search-wrap .con-wrap .select-lst > li {
  cursor: pointer;
}
.opendata .dreg-page-wrap .board-search-wrap .con-wrap > ul > li .color-info {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  opacity: 0.1;
}
.opendata
  .dreg-page-wrap
  .board-search-wrap
  .con-wrap
  > ul
  > li.active
  .color-info {
  opacity: 1;
}
.opendata
  .dreg-page-wrap
  .board-search-wrap
  .con-wrap
  > ul
  > li:nth-child(1)
  .color-info {
  background: #c00d00;
}
.opendata
  .dreg-page-wrap
  .board-search-wrap
  .con-wrap
  > ul
  > li:nth-child(2)
  .color-info {
  background: #5b9ad5;
}
.opendata
  .dreg-page-wrap
  .board-search-wrap
  .con-wrap
  > ul
  > li:nth-child(3)
  .color-info {
  background: #70ad48;
}
.opendata
  .dreg-page-wrap
  .board-search-wrap
  .con-wrap
  > ul
  > li:nth-child(4)
  .color-info {
  background: #ec7c31;
}
.opendata
  .dreg-page-wrap
  .board-search-wrap
  .con-wrap
  > ul
  > li:nth-child(5)
  .color-info {
  background: #70309f;
}
.opendata .dreg-page-wrap .board-search-wrap .con-wrap > ul > li.plus-btn {
  display: flex;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #285b6e;
  align-items: center;
  justify-content: center;
}
.opendata .dreg-page-wrap .board-search-wrap .con-wrap > ul > li.plus-btn > a {
  display: flex;
  width: 100%;
  height: 100%;
  color: #fff;
  align-items: center;
  justify-content: center;
}
.opendata .dreg-page-wrap .board-search-wrap select {
  height: 34px;
  width: 120px;
  flex: 1;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0px 1.21px 2.42px rgb(0 0 0 / 7%);
  border-radius: 5px;
  padding-left: 22px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  background-size: 20%;
}
.opendata .dreg-page-wrap .board-search-wrap select option {
  color: #000;
}
.opendata .board-search-wrap .search-inp-wrap .inp {
  color: #fff;
}
/* .opendata .dreg-page-wrap .board-search-wrap .category-type {margin-top: 10px;width: 100%;height: auto;display: flex;justify-content: flex-start;align-items: center;position: relative;} */
/* .opendata .dreg-page-wrap .board-search-wrap .category-type label{margin: 0 10px;} */

.opendata .opendata-lst .th-list > li {
  display: flex;
  align-items: center;
  position: relative;
}
.opendata .opendata-lst .th-list > li > div {
  display: none;
  position: absolute;
  right: 0;
  width: 30px;
  height: 20px;
  background-repeat: no-repeat;
}
.opendata .opendata-lst .th-list > li > div.none {
  background-image: url(../image/ico/ico-sort_none.svg);
  display: block;
}
.opendata .opendata-lst .th-list > li > div.desc {
  background-image: url(../image/ico/ico-sort_desc.svg);
  display: block;
}
.opendata .opendata-lst .th-list > li > div.asc {
  background-image: url(../image/ico/ico-sort_asc.svg);
  display: block;
}
.opendata .opendata-lst .th-list a {
  display: block;
  width: 10px;
  margin-left: 3px;
}
.opendata .opendata-lst .th-list a img {
  width: 100%;
}
.opendata .opendata-lst .th-list li:nth-child(1) {
  width: 10%;
}
.opendata .opendata-lst .th-list li:nth-child(2) {
  width: 18%;
}
.opendata .opendata-lst .th-list li:nth-child(3) {
  width: 27%;
}
.opendata .opendata-lst .th-list li:nth-child(4) {
  width: 15%;
}
.opendata .opendata-lst .th-list li:nth-child(5) {
  width: 15%;
}
.opendata .opendata-lst .th-list li:nth-child(6) {
  width: 15%;
}

.opendata .opendata-lst .td-list li > a > div {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ddd;
}
.opendata .opendata-lst .td-list .t-map {
  width: 10%;
}
.opendata .opendata-lst .td-list .t-code {
  width: 18%;
}
.opendata .opendata-lst .td-list .t-term {
  width: 27%;
}
.opendata .opendata-lst .td-list .t-term > p {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.opendata .opendata-lst .td-list .t-domain {
  width: 15%;
}
.opendata .opendata-lst .td-list .t-class {
  width: 15%;
}
.opendata .opendata-lst .td-list .t-vocab {
  width: 15%;
}

/*임상연구오픈데이터 - details*/
.details-page-wrap {
  width: 100%;
  height: auto;
  overflow: auto;
}
.details-page-wrap dl {
  width: 100%;
  height: auto;
  margin-top: 30px;
  overflow: auto;
}
.details-page-wrap dl dt {
  width: 100%;
  height: auto;
  margin-left: -10px;
  margin-bottom: 35px;
  overflow: auto;
  margin-top: 0;
}
.details-page-wrap dl dd {
  padding: 45px;
  width: 100%;
  background: #343f4d;
  box-sizing: border-box;
  border-radius: 5px;
}
.details-page-wrap dl dd .nlist {
  display: flex;
  width: 100%;
  height: auto;
  overflow: auto;
  justify-content: space-between;
}
.details-page-wrap dl dd > .nlist > li {
  height: auto;
  overflow: auto;
  font-size: 20px;
  color: #fff;
  position: relative;
}
.details-page-wrap dl dd > .nlist > li:nth-child(1) {
  width: 40%;
  border-right: 1px solid #4d5865;
}
.details-page-wrap dl dd > .nlist > li:nth-child(2) {
  width: 55%;
}
.details-page-wrap dl dd .nlist > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 20px;
  color: #fff;
}
.details-page-wrap dl dd .nlist > li > ul.details-lst-wrap {
  width: 100%;
  height: auto;
  margin-top: 20px;
  overflow: hidden;
}
.details-page-wrap dl dd .nlist > li > ul.details-lst-wrap > li {
  display: flex;
  margin-top: 5px;
  width: 100%;
  padding-left: 10px;
  position: relative;
  height: auto;
  overflow: auto;
  font-size: 16px;
  color: #fff;
}
.details-page-wrap dl dd .nlist li > .details-lst-wrap > li:before {
  content: "";
  width: 3px;
  height: 3px;
  overflow: auto;
  display: block;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: 1px;
}
.details-page-wrap dl dd .nlist li > .details-lst-wrap > li span {
  display: inline-block;
  font-size: 16px;
}
.details-page-wrap dl dd .nlist li > .details-lst-wrap > li span:nth-child(1) {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  width: 37%;
}
.details-page-wrap dl dd .nlist li > .details-lst-wrap > li span:nth-child(2) {
  width: 60%;
  color: #ddd;
}

.opendata-detail .details-lst {
  overflow: auto;
  margin-top: 35px;
}
.opendata-detail .details-lst .th-list {
  height: 40px;
}
.opendata-detail .details-lst .th-list li {
  width: 25%;
  font-size: 14px;
}
.opendata-detail .details-lst .td-list li {
  border-bottom: 1px solid #4d5865;
}
.opendata-detail .details-lst .td-list li a {
  width: 100%;
  height: unset;
  min-height: 50px;
}
.opendata-detail .details-lst .td-list .none-relation {
  text-align: center;
  height: 50px;
  line-height: 50px;
}
.opendata-detail .details-lst .td-list li a div {
  width: 25%;
  text-align: center;
  color: #ddd;
  font-size: 14px;
}

/*임상연구오픈데이터 - history*/
.history-page-wrap {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.history-page-wrap dl {
  width: 100%;
  height: auto;
  margin-top: 30px;
  overflow: hidden;
}
.history-page-wrap dl dt {
  width: 100%;
  height: auto;
  margin-left: -10px;
  margin-bottom: 35px;
  overflow: hidden;
  margin-top: 0;
}
.history-page-wrap dl dd {
  padding: 45px;
  width: 100%;
  background: #343f4d;
  box-sizing: border-box;
  border-radius: 5px;
}
.history-page-wrap dl dd .nlist {
  display: flex;
  width: 100%;
  height: auto;
  overflow: hidden;
  justify-content: space-between;
}
.history-page-wrap dl dd > .nlist > li {
  height: auto;
  overflow: hidden;
  font-size: 20px;
  color: #fff;
  position: relative;
}
.history-page-wrap dl dd > .nlist > li:nth-child(1) {
  width: 50%;
  padding-right: 45px;
  border-right: 1px solid #4d5865;
  box-sizing: border-box;
}
.history-page-wrap dl dd > .nlist > li:nth-child(2) {
  width: 50%;
  padding-left: 45px;
  box-sizing: border-box;
}
.history-page-wrap dl dd .nlist > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 20px;
  color: #fff;
}
.history-page-wrap dl dd .nlist > li > ul.history-lst-wrap {
  width: 100%;
  height: auto;
  margin-top: 20px;
  overflow: hidden;
}
.history-page-wrap dl dd .nlist > li > ul.history-lst-wrap > li {
  display: flex;
  margin-top: 5px;
  width: 100%;
  padding-left: 10px;
  position: relative;
  height: auto;
  overflow: hidden;
  font-size: 16px;
  color: #fff;
}
.history-page-wrap dl dd .nlist li > .history-lst-wrap > li:before {
  content: "";
  width: 3px;
  height: 3px;
  overflow: hidden;
  display: block;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: 1px;
}
.history-page-wrap dl dd .nlist li > .history-lst-wrap > li span {
  display: inline-block;
  font-size: 16px;
}
.history-page-wrap dl dd .nlist li > .history-lst-wrap > li span:nth-child(1) {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  width: 37%;
}
.history-page-wrap dl dd .nlist li > .history-lst-wrap > li span:nth-child(2) {
  width: 60%;
  color: #ddd;
}

.opendata-history .history-lst {
  margin-top: 35px;
}
.opendata-history .history-lst .th-list {
  height: 40px;
}
.opendata-history .history-lst .th-list li {
  font-size: 14px;
}
.opendata-history .history-lst .th-list li:nth-child(1) {
  width: 45%;
}
.opendata-history .history-lst .th-list li:nth-child(2) {
  width: 55%;
}

.opendata-history .history-lst .td-list li {
  border-bottom: 1px solid #4d5865;
}
.opendata-history .history-lst .td-list li a.active {
  background-color: rgba(255, 255, 255, 0.1);
}
.opendata-history .history-lst .td-list li a {
  width: 100%;
  height: 40px;
}
.opendata-history .history-lst .td-list li a div {
  width: 25%;
  text-align: center;
  color: #ddd;
  font-size: 14px;
}
.opendata-history .history-lst .td-list li a div:nth-child(1) {
  width: 45%;
}
.opendata-history .history-lst .td-list li a div:nth-child(2) {
  width: 55%;
}

/**************************************/

/*서비스페이지 - 병원명 추가*/
.service-card-list ul li a .scont .scont-top .odate {
  width: auto;
}
.service-card-list li .scont .scont-top {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.service-card-list li .scont .scont-top .hospital-nm {
  display: flex;
  width: 120px;
  height: 30px;
  font-size: 15px;
  color: #fff;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  box-sizing: border-box;
  line-height: 1;
}
.service-card-list li .scont .scont-top .hospital-nm.cau {
  background: #3b717b;
}
.service-card-list li .scont .scont-top .hospital-nm.cmc {
  background: #152c80;
}
.service-card-list li .scont .scont-top .hospital-nm.konkuk {
  background: #99bb57;
}
.service-card-list li .scont .scont-top .hospital-nm.asan {
  background: #03878c;
}
.service-card-list li .scont .scont-top .hospital-nm.cancer {
  background: #fdca02;
}
/***********231010 추가페이지 작업*****************/

/*연구*/
.acnet-research-page-wrap {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.acnet-research-page-wrap dl {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.acnet-research-page-wrap dl dt {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.acnet-research-page-wrap dl dd {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.acnet-research-page-wrap dl dd .pdesc {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 55px;
  font-size: 18px;
  color: #fff;
  line-height: 1.5;
}
.acnet-research-page-wrap dl dd + dt {
  padding-top: 50px;
  margin-top: 50px;
  border-top: 1px solid #ddd;
}
.acnet-research-page-wrap dl dd .nlist {
  margin-top: 40px;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.acnet-research-page-wrap dl dd > .nlist > li {
  width: calc(100% - 20px);
  padding-left: 25px;
  height: auto;
  overflow: hidden;
  font-size: 18px;
  color: #fff;
  position: relative;
}
.acnet-research-page-wrap dl dd > .nlist > li + li {
  margin-top: 40px;
}
.acnet-research-page-wrap dl dd .nlist li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 20px;
  color: #fff;
}
.acnet-research-page-wrap dl dd .nlist li:nth-child(1):before {
  content: "①";
}
.acnet-research-page-wrap dl dd .nlist li:nth-child(2):before {
  content: "②";
}
.acnet-research-page-wrap dl dd .nlist li:nth-child(3):before {
  content: "③";
}
.acnet-research-page-wrap dl dd .nlist li ul {
  margin-top: 24px;
  margin-left: -20px;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.acnet-research-page-wrap dl dd .nlist li ul li {
  margin-top: 10px;
  width: calc(100% - 10px);
  padding-left: 10px;
  position: relative;
  height: auto;
  overflow: hidden;
  font-size: 16px;
  color: #fff;
}
.acnet-research-page-wrap dl dd .nlist li ul li:before {
  content: "";
  width: 3px;
  height: 3px;
  overflow: hidden;
  display: block;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
}
.acnet-research-page-wrap dl dd .c-wrap {
  margin-bottom: 10px;
  overflow: hidden;
  margin-top: 30px;
  font-size: 16px;
  color: #fff;
}
.acnet-research-page-wrap dl dd .c-wrap span {
  color: #3abec1;
  font-weight: 700;
}
.acnet-research-page-wrap dl dd .nlist li:nth-child(2) table {
  position: relative;
  left: -25px;
  width: calc(100% + 20px);
  margin-top: 30px;
  font-size: 14px;
  text-align: center;
  box-sizing: border-box;
}
.acnet-research-page-wrap dl dd .nlist li:nth-child(2) table td {
  border: 1px solid #ccc;
  background: #fff;
  color: #000;
  padding: 20px 0;
  box-sizing: border-box;
}
.acnet-research-page-wrap dl dd .nlist li:nth-child(2) table th {
  border: 1px solid #ccc;
  background: #285c6d;
  color: #fff;
  height: 40px;
  box-sizing: border-box;
}

.acnet-research-page-wrap dl dd .nlist li:nth-child(3) img {
  position: relative;
  left: -25px;
  width: calc(100% + 25px);
  margin-top: 30px;
}
.acnet-research-page-wrap .tbl-list {
  position: relative;
}
.acnet-research-page-wrap .tbl-list .btn {
  display: flex;
  position: absolute;
  bottom: -70px;
  right: 0;
  width: 210px;
  height: 43px;
  margin-top: 10px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(15, 213, 216, 0.2);
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  float: right;
}

/*데이터 활용 신청 등록*/
.acnet-register-wrap.dreg-page-wrap .dreg-btn-wrap .btn-lst {
  background: rgba(15, 213, 216, 0.2);
}
.acnet-register-wrap.dreg-page-wrap .dreg-btn-wrap button + button {
  margin-left: 10px;
}

/*외부협력문의*/
.coop-page-wrap {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.coop-page-wrap .ptit {
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 28px;
  color: #fff;
}
.coop-page-wrap dl {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.coop-page-wrap dl dt {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.coop-page-wrap dl dd {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.coop-page-wrap dl dd + dt {
  padding-top: 50px;
  margin-top: 50px;
  border-top: 1px solid #ddd;
}
.coop-page-wrap dl dd .pdesc {
  margin-top: 30px;
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 18px;
  color: #fff;
  line-height: 1.5em;
}
.coop-page-wrap dl dd .nlist {
  margin-top: 30px;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.coop-page-wrap dl dd .nlist li {
  display: flex;
  width: calc(100% - 20px);
  margin-bottom: 20px;
  padding-left: 30px;
  height: auto;
  overflow: hidden;
  font-size: 16px;
  color: #fff;
  position: relative;
  align-items: center;
}
.coop-page-wrap dl dd .nlist li:last-child {
  margin-bottom: 0;
}
.coop-page-wrap dl dd .nlist li p:first-child {
  width: 90px;
  margin-right: 40px;
}
.coop-page-wrap dl dd .nlist li a {
  color: #fff;
}
.coop-page-wrap dl dd .nlist li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  display: inline-block;
  width: 18px;
  height: 18px;
}
.coop-page-wrap dl dd .nlist li:nth-child(1):before {
  content: "";
  background: url(../image/ico/ico-people.svg) no-repeat center;
  background-size: contain;
}
.coop-page-wrap dl dd .nlist li:nth-child(2):before {
  content: "";
  background: url(../image/ico/ico-email.svg) no-repeat center;
  background-size: contain;
}
.coop-page-wrap dl dd .nlist li:nth-child(3):before {
  content: "";
  background: url(../image/ico/ico-tel.svg) no-repeat center;
  background-size: contain;
}
.coop-page-wrap dl dd .nlist li + li {
  margin-top: 5px;
}

.coop-page-wrap dl dd .ppic {
  margin-top: 30px;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.coop-page-wrap dl dd .ppic img {
  max-width: 100%;
}
.coop-page-wrap dl dd:last-child {
  margin-bottom: 30px;
  padding-bottom: 60px;
  border-bottom: 1px solid #fff;
}

.coop-page-wrap .service-tbl-list .td-list li a .stit {
  width: 90%;
}
.coop-page-wrap .service-tbl-list .th-list li:nth-child(2) {
  width: 90%;
}

/*소개*/
.asnet-intro-page-wrap {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-bottom: 100px;
}
.asnet-intro-page-wrap .ptit {
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 28px;
  color: #fff;
}
.asnet-intro-page-wrap dl {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.asnet-intro-page-wrap dl dt {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.asnet-intro-page-wrap dl dd {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.asnet-intro-page-wrap dl dd + dt {
  padding-top: 50px;
  margin-top: 50px;
  border-top: 1px solid #ddd;
}

.asnet-intro-page-wrap dl dd .pdesc {
  margin-top: 30px;
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 18px;
  color: #fff;
  line-height: 1.5em;
}
.asnet-intro-page-wrap dl dd .nlist {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.asnet-intro-page-wrap dl dd .nlist li {
  display: flex;
  width: calc(100% - 15px);
  margin-bottom: 14px;
  padding-left: 15px;
  height: auto;
  overflow: hidden;
  font-size: 16px;
  color: #fff;
  position: relative;
  align-items: center;
}
.asnet-intro-page-wrap dl dd .nlist li:last-child {
  margin-bottom: 0;
}
.asnet-intro-page-wrap dl dd .nlist li p:first-child {
  width: 90px;
  margin-right: 40px;
}
.asnet-intro-page-wrap dl dd .nlist li a {
  color: #fff;
}
.asnet-intro-page-wrap dl dd .nlist li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #fff;
  transform: translateY(-50%);
}
.asnet-intro-page-wrap dl dd .nlist li + li {
  margin-top: 5px;
}
.asnet-intro-page-wrap dl dd .ppic {
  margin-top: 30px;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.asnet-intro-page-wrap dl dd .ppic img {
  max-width: 100%;
}
.asnet-intro-page-wrap .vision-wrap {
  width: 100%;
  margin: 40px 0 0;
  padding: 60px 90px 60px 250px;
  background: rgba(248, 248, 248, 0.1);
  box-sizing: border-box;
}
.asnet-intro-page-wrap .vision-wrap .con-top {
  position: relative;
  padding-bottom: 100px;
  text-align: center;
}
.asnet-intro-page-wrap .vision-wrap .con-top::before {
  content: "비전/목표";
  position: absolute;
  top: 30px;
  left: -150px;
  font-size: 18px;
  color: #fff;
  text-decoration: underline;
}
.asnet-intro-page-wrap .vision-wrap .con-top::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -20px;
  left: 50%;
  z-index: -1;
  width: 100%;
  height: 145px;
  background: url(../image/etc/etc-asnet-intro-tit3.png) no-repeat center center;
  background-size: contain;
  transform: translateX(-50%);
}
.asnet-intro-page-wrap .vision-wrap .con-top h4 {
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  text-decoration: underline;
}
.asnet-intro-page-wrap .vision-wrap .con-top p {
  position: relative;
  width: fit-content;
  margin: 0 auto;
  font-size: 25px;
  font-weight: 400;
  color: #fff;
}
.asnet-intro-page-wrap .vision-wrap .con-top p::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: -60px;
  width: 22px;
  height: 80px;
  background: url(../image/etc/etc-asnet-intro-tit1.png) no-repeat center;
  background-size: contain;
}
.asnet-intro-page-wrap .vision-wrap .con-top p::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  right: -60px;
  width: 22px;
  height: 80px;
  background: url(../image/etc/etc-asnet-intro-tit2.png) no-repeat center;
  background-size: contain;
}

.asnet-intro-page-wrap .vision-wrap .con-topEn {
  position: relative;
  padding-bottom: 100px;
  text-align: center;
}
.asnet-intro-page-wrap .vision-wrap .con-topEn::before {
  content: "Vision/Objective";
  position: absolute;
  top: 30px;
  left: -150px;
  font-size: 18px;
  color: #fff;
  text-decoration: underline;
}
.asnet-intro-page-wrap .vision-wrap .con-topEn::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -20px;
  left: 50%;
  z-index: -1;
  width: 100%;
  height: 145px;
  background: url(../image/etc/etc-asnet-intro-tit3.png) no-repeat center center;
  background-size: contain;
  transform: translateX(-50%);
}
.asnet-intro-page-wrap .vision-wrap .con-topEn h4 {
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  text-decoration: underline;
}
.asnet-intro-page-wrap .vision-wrap .con-topEn p {
  position: relative;
  width: fit-content;
  margin: 0 auto;
  font-size: 25px;
  font-weight: 400;
  color: #fff;
}
.asnet-intro-page-wrap .vision-wrap .con-topEn p::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 10px;
  width: 22px;
  height: 80px;
  background: url(../image/etc/etc-asnet-intro-tit1.png) no-repeat center;
  background-size: contain;
}
.asnet-intro-page-wrap .vision-wrap .con-topEn p::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  right: 10px;
  width: 22px;
  height: 80px;
  background: url(../image/etc/etc-asnet-intro-tit2.png) no-repeat center;
  background-size: contain;
}

.asnet-intro-page-wrap .vision-wrap .con-top p span:nth-last-child(1),
.asnet-intro-page-wrap .vision-wrap .con-top p span:nth-last-child(2),
.asnet-intro-page-wrap .vision-wrap .con-top p span:nth-last-child(3) {
  font-weight: 700;
  font-size: 28px;
}
.asnet-intro-page-wrap .vision-wrap .con-top p span:nth-last-child(1),
.asnet-intro-page-wrap .vision-wrap .con-top p span:nth-last-child(3) {
  color: #3abec1;
}
.asnet-intro-page-wrap .vision-wrap .con-top p span:first-child {
  color: #3abec1;
}
.asnet-intro-page-wrap .vision-wrap .con-top p span:nth-child(2) {
  color: #ff2727;
}

.asnet-intro-page-wrap .vision-wrap .con-topEn p span:nth-last-child(1),
.asnet-intro-page-wrap .vision-wrap .con-topEn p span:nth-last-child(2),
.asnet-intro-page-wrap .vision-wrap .con-topEn p span:nth-last-child(3) {
  font-weight: 700;
  font-size: 28px;
}
.asnet-intro-page-wrap .vision-wrap .con-topEn p span:nth-last-child(1),
.asnet-intro-page-wrap .vision-wrap .con-topEn p span:nth-last-child(3) {
  color: #3abec1;
}
.asnet-intro-page-wrap .vision-wrap .con-topEn p span:first-child {
  color: #3abec1;
}
.asnet-intro-page-wrap .vision-wrap .con-topEn p span:nth-child(2) {
  color: #ff2727;
}

.asnet-intro-page-wrap .vision-wrap .con-wrap > ul {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}
.asnet-intro-page-wrap .vision-wrap .con-wrap > ul > li {
  position: relative;
  width: calc(33% - 10px);
  box-sizing: border-box;
}
.asnet-intro-page-wrap .vision-wrap .li-tit {
  position: relative;
  width: 100%;
  padding: 15px 30px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #009aa1;
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.asnet-intro-page-wrap .vision-wrap .li-titEn {
  position: relative;
  width: 100%;
  padding: 15px 30px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #009aa1;
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.asnet-intro-page-wrap .vision-wrap div[class*="label"] {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 252, 252, 0.1);
  font-size: 14px;
  color: #fff;
}
.asnet-intro-page-wrap .vision-wrap .li-tit h5 {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
}
.asnet-intro-page-wrap .vision-wrap .li-tit h5::after {
  content: "";
  display: inline-block;
  width: 23px;
  height: 23px;
}
.asnet-intro-page-wrap .vision-wrap .li-titEn h5 {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}
.asnet-intro-page-wrap .vision-wrap .li-titEn h5::after {
  content: "";
  display: inline-block;
  width: 23px;
  height: 23px;
}
.asnet-intro-page-wrap
  .vision-wrap
  .con-wrap
  > ul
  > li:nth-child(1)
  .li-tit::before {
  content: "추진전략";
  position: absolute;
  top: 50%;
  left: -150px;
  font-size: 18px;
  color: #fff;
  text-decoration: underline;
  transform: translateY(-50%);
}
.asnet-intro-page-wrap
  .vision-wrap
  .con-wrap
  > ul
  > li:nth-child(1)
  .li-tit
  h5::after {
  background: url(../image/ico/ico-find-wh.svg) no-repeat center;
  background-size: contain;
}
.asnet-intro-page-wrap
  .vision-wrap
  .con-wrap
  > ul
  > li:nth-child(2)
  .li-tit
  h5::after {
  background: url(../image/ico/ico-app-setting.svg) no-repeat center;
  background-size: contain;
}
.asnet-intro-page-wrap
  .vision-wrap
  .con-wrap
  > ul
  > li:nth-child(3)
  .li-tit
  h5::after {
  background: url(../image/ico/ico-security.svg) no-repeat center;
  background-size: contain;
}
.asnet-intro-page-wrap
  .vision-wrap
  .con-wrap
  > ul
  > li:nth-child(1)
  .li-titEn::before {
  content: "Strategies";
  position: absolute;
  top: 50%;
  left: -150px;
  font-size: 18px;
  color: #fff;
  text-decoration: underline;
  transform: translateY(-50%);
}
.asnet-intro-page-wrap
  .vision-wrap
  .con-wrap
  > ul
  > li:nth-child(1)
  .li-titEn
  h5::after {
  background: url(../image/ico/ico-find-wh.svg) no-repeat center;
  background-size: contain;
}
.asnet-intro-page-wrap
  .vision-wrap
  .con-wrap
  > ul
  > li:nth-child(2)
  .li-titEn
  h5::after {
  background: url(../image/ico/ico-app-setting.svg) no-repeat center;
  background-size: contain;
}
.asnet-intro-page-wrap
  .vision-wrap
  .con-wrap
  > ul
  > li:nth-child(3)
  .li-titEn
  h5::after {
  background: url(../image/ico/ico-security.svg) no-repeat center;
  background-size: contain;
}
.asnet-intro-page-wrap .vision-wrap .m-only .s1 .li-tit h5::after {
  background: url(../image/ico/ico-find-wh.svg) no-repeat center;
  background-size: contain;
}
.asnet-intro-page-wrap .vision-wrap .m-only .s2 .li-tit h5::after {
  background: url(../image/ico/ico-app-setting.svg) no-repeat center;
  background-size: contain;
}
.asnet-intro-page-wrap .vision-wrap .m-only .s3 .li-tit h5::after {
  background: url(../image/ico/ico-security.svg) no-repeat center;
  background-size: contain;
}
.asnet-intro-page-wrap .vision-wrap .m-only .s1 .li-titEn h5::after {
  background: url(../image/ico/ico-find-wh.svg) no-repeat center;
  background-size: contain;
}
.asnet-intro-page-wrap .vision-wrap .m-only .s2 .li-titEn h5::after {
  background: url(../image/ico/ico-app-setting.svg) no-repeat center;
  background-size: contain;
}
.asnet-intro-page-wrap .vision-wrap .m-only .s3 .li-titEn h5::after {
  background: url(../image/ico/ico-security.svg) no-repeat center;
  background-size: contain;
}

.asnet-intro-page-wrap .vision-wrap .li-con {
  position: relative;
  margin-top: 20px;
  padding: 30px;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.1);
  box-sizing: border-box;
}
.asnet-intro-page-wrap
  .vision-wrap
  .con-wrap
  > ul
  > li:nth-child(1)
  .li-con::before {
  content: "추진사업";
  position: absolute;
  top: 50%;
  left: -150px;
  font-size: 18px;
  color: #fff;
  text-decoration: underline;
  transform: translateY(-50%);
}
.asnet-intro-page-wrap .vision-wrap .li-conEn {
  position: relative;
  margin-top: 20px;
  padding: 30px;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.1);
  box-sizing: border-box;
}
.asnet-intro-page-wrap
  .vision-wrap
  .con-wrap
  > ul
  > li:nth-child(1)
  .li-conEn::before {
  content: "Projects";
  position: absolute;
  top: 50%;
  left: -150px;
  font-size: 18px;
  color: #fff;
  text-decoration: underline;
  transform: translateY(-50%);
}

.asnet-intro-page-wrap .vision-wrap .m-only {
  box-sizing: border-box;
}
.asnet-intro-page-wrap .vision-wrap .m-only .swiper {
  overflow: hidden;
}
.asnet-intro-page-wrap .vision-wrap .m-only .con-wrap {
  box-sizing: border-box;
  overflow: hidden;
}
.asnet-intro-page-wrap .vision-wrap .m-only .con-wrap .swiper-slide {
  width: 100%;
  box-sizing: border-box;
}
.asnet-intro-page-wrap .vision-swip-page {
  margin-top: 10px;
  text-align: center;
}
.asnet-intro-page-wrap .vision-swip-page .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: rgba(255, 255, 255, 0.3);
}
.asnet-intro-page-wrap .vision-swip-page .swiper-pagination-bullet-active {
  background: #fff;
}

.asnet-intro-page-wrap .system-wrap {
  display: flex;
  width: 100%;
  margin-top: 40px;
  padding: 60px 90px;
  flex-direction: column;
  align-items: center;
  background: rgba(248, 248, 248, 0.1);
  text-align: center;
  box-sizing: border-box;
}
.asnet-intro-page-wrap .system-wrap .system-conbx {
  position: relative;
  z-index: 2;
  width: 380px;
  margin-bottom: 40px;
}
.asnet-intro-page-wrap .system-wrap .system-conbx.conbx1::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  width: 1px;
  height: 40px;
  border-right: 1px dashed rgba(255, 255, 255, 0.1);
}
.asnet-intro-page-wrap .system-wrap .system-conbx:last-child {
  margin-bottom: 0;
}
.asnet-intro-page-wrap .system-wrap .system-conbx:last-child::after {
  display: none;
}
.asnet-intro-page-wrap .system-wrap .system-conbx.conbx2,
.asnet-intro-page-wrap .system-wrap .system-conbx.conbx3 {
  width: 100%;
}
.asnet-intro-page-wrap .system-wrap .system-conbx .con-flex-bet {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
.asnet-intro-page-wrap .system-wrap .system-conbx.conbx3 .con-flex-bet {
  justify-content: center;
}
.asnet-intro-page-wrap .system-wrap .system-conbx.conbx2 .con-wrap {
  width: calc(25% - 10px);
  background: none;
}
.asnet-intro-page-wrap .system-wrap .system-conbx h4 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 58px;
  border-radius: 5px 5px 0px 0px;
  background: #314157;
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.1);
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}
.asnet-intro-page-wrap .system-wrap .system-conbx .conbx-con {
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.06);
}
.asnet-intro-page-wrap .system-wrap h5 {
  display: flex;
  width: 100%;
  padding: 14px 0;
  align-items: center;
  justify-content: center;
  border-radius: 5px 5px 0px 0px;
  background: #009aa1;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  flex-direction: column;
  box-sizing: border-box;
}
.asnet-intro-page-wrap .system-wrap h5 span {
  font-size: 16px;
  font-weight: 400;
}
.asnet-intro-page-wrap .system-wrap .system-conbx.conbx1 h5 {
  padding: 20px 0;
  height: auto;
}
.asnet-intro-page-wrap .system-wrap .system-conbx.conbx1 h5 span {
  margin-left: 5px;
}
.asnet-intro-page-wrap .system-wrap .system-conbx.conbx2 .con-wrap dl {
  height: calc(100% - 82px);
}
.asnet-intro-page-wrap .system-wrap .system-conbx dl {
  width: 100%;
  padding: 30px;
  border-radius: 0px 0px 5px 5px;
  background: rgba(255, 255, 255, 0.1);
  box-sizing: border-box;
}
.asnet-intro-page-wrap .system-wrap .system-conbx dl dt {
  display: block;
  margin-top: 0;
  padding-bottom: 20px;
  margin-bottom: 20px;
  font-size: 13px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.asnet-intro-page-wrap .system-wrap .system-conbx dl dd {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  align-items: center;
}
.asnet-intro-page-wrap .system-wrap .system-conbx.conbx3 .conbx-con {
  padding: 20px;
  background: rgba(255, 255, 255, 0.1);
}
.asnet-intro-page-wrap .system-wrap .system-conbx.conbx3 .con-wrap {
  width: 100%;
  padding: 0;
  border-radius: 0px 0px 5px 5px;
  box-sizing: border-box;
}
.asnet-intro-page-wrap .system-wrap .system-conbx.conbx3 h5 {
  margin-bottom: 20px;
  background: transparent;
  padding: 0;
}
.asnet-intro-page-wrap .system-wrap .system-conbx.conbx3 li {
  width: calc(25% - 10px);
  margin: 0 5px 10px;
  padding: 6px 20px;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.2);
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  box-sizing: border-box;
}
.asnet-intro-page-wrap .system-wrap .system-conbx.conbx3 li:nth-last-child(1),
.asnet-intro-page-wrap .system-wrap .system-conbx.conbx3 li:nth-last-child(2),
.asnet-intro-page-wrap .system-wrap .system-conbx.conbx3 li:nth-last-child(3) {
  margin: 0 5px;
}

.asnet-intro-page-wrap .system-wrap .system-conbx.conbx3 p {
  margin-top: 30px;
  font-size: 18px;
  font-weight: 500;
  color: #3abec1;
}
.asnet-intro-page-wrap .pic-tit {
  margin-top: 40px;
  padding-left: 15px;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 400;
  position: relative;
}
.asnet-intro-page-wrap .pic-tit:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  transform: translateY(-50%);
}
.asnet-intro-page-wrap dl dd:last-child {
  margin-top: 40px;
}
.asnet-intro-page-wrap .is-nu-ico {
  display: flex;
  position: relative;
  margin: 20px 0 0;
  align-items: center;
  justify-content: center;
}
.asnet-intro-page-wrap .is-nu-ico img {
  position: relative;
  top: 10px;
}
.asnet-intro-page-wrap .is-nu-ico span {
  display: flex;
  height: 40px;
  padding: 0 20px;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 40px;
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.06);
  color: #314157;
  font-size: 14px;
}

.asnet-intro-page-wrap .system-wrap .system-conbx.conbx3 {
  width: 100%;
  background: #314157;
  padding: 30px;
  max-width: 450px;
  box-sizing: border-box;
}
.asnet-intro-page-wrap .system-wrap .system-conbx.conbx3 h4 {
  display: block;
  height: auto;
  margin-bottom: 20px;
  border-radius: 0;
  box-shadow: none;
  font-size: 18px;
  background: transparent;
}

.asnet-intro-page-wrap .system-wrap .system-conbx.conbx1 dl dd:last-child,
.asnet-intro-page-wrap .system-wrap .system-conbx.conbx2 dl dd:last-child {
  margin-top: 0;
}

.asnet-intro-page-wrap .homepage-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 5px;
  width: 210px;
  height: 43px;
  overflow: hidden;
  padding: 0;
  font-size: 16px;
  color: #fff;
  background: rgba(15, 213, 216, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 5px;
  font-weight: 400;
  box-sizing: border-box;
}
.asnet-intro-page-wrap .homepage-btn img {
  margin-right: 5px;
}
.asnet-intro-page-wrap .homepage-btn span {
  display: inline-block;
  width: auto;
}

/*header 미디어 쿼리 추가 + 셀렉트 추가*/
header .hd-top {
  display: flex;
  width: 100%;
  height: 50px;
  padding: 0 40px;
  align-items: center;
  justify-content: flex-end;
  background: #263347;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
  box-sizing: border-box;
}
header .hd-top > ul {
  display: flex;
  align-items: center;
}
header .hd-top > ul li a {
  font-size: 15px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
}
header .hd-top > ul li.on a {
  color: #fff;
}
header .hd-top > ul li:last-child {
  margin-left: 8px;
  padding-left: 8px;
  box-sizing: border-box;
}
header .hd-top > ul li:first-child::after {
  content: "";
  display: inline-block;
  position: relative;
  top: 1px;
  right: -7px;
  width: 1px;
  height: 12px;
  background: rgba(255, 255, 255, 0.5);
}

.main header.on .hd-top {
  display: none;
}

.hd-sel-wrap {
  position: relative;
  width: 160px;
  margin-left: 20px;
  border-radius: 5px;
  font-size: 13px;
  box-sizing: border-box;
  background: #3c4759;
}
.hd-sel-wrap .sel-top {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 6px 16px;
  background: transparent;
  box-sizing: border-box;
  font-weight: 400;
  color: #fff;
  cursor: pointer;
}
.hd-sel-wrap .sel-drop {
  display: none;
  position: absolute;
  top: 33px;
  left: 0px;
  z-index: 990;
  width: 100%;
  padding: 0 16px 16px;
  box-sizing: border-box;
  border-radius: 0 0 5px 5px;
  opacity: 0;
  background: #3c4759;
}
.hd-sel-wrap .sel-drop ul {
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.6);
  box-sizing: border-box;
}
.hd-sel-wrap .sel-drop li {
  margin-bottom: 10px;
  font-weight: 400;
  box-sizing: border-box;
}
.hd-sel-wrap .sel-drop li a {
  color: rgba(255, 255, 255, 0.8);
}
.hd-sel-wrap .sel-drop li:last-child {
  margin-bottom: 0;
}
.hd-sel-wrap.sel-on {
  border-bottom: none;
  border-radius: 5px;
  background: #3c4759;
}
.hd-sel-wrap.sel-on .sel-drop {
  opacity: 1;
}
.hd-sel-wrap.sel-on .sel-top img {
  transform: rotate(180deg);
}

@media screen and (max-width: 1800px) {
  header .rela h1 a {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header .rela h1 a img {
    height: 18px;
  }
}

@media screen and (max-width: 1660px) {
  header .hd-top {
    padding: 0 10px;
  }
}

@media screen and (max-width: 1024px) {
  .acnet-research-page-wrap dl dd .c-wrap {
    font-size: 14px;
  }
  .acnet-research-page-wrap dl dd .nlist li ul li:before {
    margin-top: 0;
    top: 8px;
  }
  .acnet-research-page-wrap dl dd .nlist li ul li {
    font-size: 14px;
  }
  .acnet-research-page-wrap dl dd > .nlist > li {
    font-size: 16px;
  }
  .acnet-research-page-wrap dl dd .nlist li:before {
    font-size: 14px;
  }
  .acnet-research-page-wrap dl dd .pdesc {
    font-size: 16px;
    margin-top: 30px;
  }
  .acnet-research-page-wrap dl dd .nlist li ul {
    margin-top: 10px;
  }

  .coop-page-wrap dl dd .pdesc {
    font-size: 14px;
  }
  .coop-page-wrap dl dd .nlist li {
    font-size: 14px;
  }
  .coop-page-wrap dl dd .nlist li:before {
    font-size: 14px;
  }
  .coop-page-wrap .ptit {
    font-size: 24px;
  }

  .asnet-intro-page-wrap dl dd .pdesc {
    font-size: 14px;
  }
  .asnet-intro-page-wrap dl dd .nlist li {
    font-size: 14px;
  }
  .asnet-intro-page-wrap dl dd .nlist li:before {
    font-size: 14px;
  }
  .asnet-intro-page-wrap .ptit {
    font-size: 24px;
  }

  .asnet-intro-page-wrap .vision-wrap,
  .asnet-intro-page-wrap .system-wrap {
    padding: 60px 50px;
  }

  .asnet-intro-page-wrap .system-wrap .system-conbx .con-flex-bet {
    flex-wrap: wrap;
  }
  .asnet-intro-page-wrap .vision-wrap .con-wrap > ul {
    flex-wrap: wrap;
  }
  .asnet-intro-page-wrap .vision-wrap .con-wrap > ul > li {
    width: 100%;
    margin-bottom: 30px;
  }
  .asnet-intro-page-wrap .vision-wrap .con-wrap > ul > li:last-child {
    margin-bottom: 0px;
  }
  .asnet-intro-page-wrap .system-wrap .system-conbx.conbx2 .con-flex-bet {
    justify-content: center;
  }
  .asnet-intro-page-wrap .system-wrap .system-conbx.conbx2 .con-wrap {
    width: calc(50% - 10px);
    margin-bottom: 20px;
  }
  .asnet-intro-page-wrap
    .system-wrap
    .system-conbx.conbx2
    .con-wrap:first-child {
    margin-right: 20px;
  }
  .asnet-intro-page-wrap .system-wrap .system-conbx h4 {
    font-size: 16px;
  }
  .asnet-intro-page-wrap .system-wrap h5 {
    font-size: 16px;
  }
  .asnet-intro-page-wrap .system-wrap h5 span {
    font-size: 14px;
  }
  .asnet-intro-page-wrap .system-wrap .system-conbx.conbx1 h5 {
    font-size: 16px;
  }
  .asnet-intro-page-wrap .system-wrap .system-conbx.conbx1 h5 span {
    font-size: 14px;
  }
  .asnet-intro-page-wrap .system-wrap .system-conbx dl dt {
    font-size: 15px;
  }
  .asnet-intro-page-wrap .system-wrap .system-conbx dl dd {
    font-size: 14px;
  }
  .asnet-intro-page-wrap .system-wrap .system-conbx.conbx2 .con-wrap dl {
    height: auto;
  }
  .asnet-intro-page-wrap .system-wrap .system-conbx.conbx3 li {
    font-size: 14px;
  }
  /* .asnet-intro-page-wrap .system-wrap .system-conbx dl dd span{font-size:13px;} */
  .asnet-intro-page-wrap .system-wrap .system-conbx.conbx3 p {
    font-size: 16px;
  }
  .asnet-intro-page-wrap .vision-wrap .li-tit h5 {
    font-size: 16px;
  }
  .asnet-intro-page-wrap .vision-wrap .li-titEn h5 {
    font-size: 16px;
  }
  .asnet-intro-page-wrap .vision-wrap .con-top p {
    font-size: 22px;
  }
  .asnet-intro-page-wrap .vision-wrap .con-top p span:nth-last-child(1),
  .asnet-intro-page-wrap .vision-wrap .con-top p span:nth-last-child(2),
  .asnet-intro-page-wrap .vision-wrap .con-top p span:nth-last-child(3) {
    font-size: 25px;
  }
  .asnet-intro-page-wrap .vision-wrap .con-top h4 {
    font-size: 18px;
  }
  .asnet-intro-page-wrap .vision-wrap .con-topEn p {
    font-size: 22px;
  }
  .asnet-intro-page-wrap .vision-wrap .con-topEn p span:nth-last-child(1),
  .asnet-intro-page-wrap .vision-wrap .con-topEn p span:nth-last-child(2),
  .asnet-intro-page-wrap .vision-wrap .con-topEn p span:nth-last-child(3) {
    font-size: 25px;
  }
  .asnet-intro-page-wrap .vision-wrap .con-topEn h4 {
    font-size: 18px;
  }
  .asnet-intro-page-wrap .pic-tit {
    font-size: 16px;
  }
  .asnet-intro-page-wrap dl dd .nlist li p:first-child {
    width: 70px;
  }
  .asnet-intro-page-wrap .homepage-btn {
    width: auto;
    padding: 0 30px;
    font-size: 14px;
  }
  .asnet-intro-page-wrap .homepage-btn img {
    width: 15px;
  }

  header .hd-top > ul li a {
    font-size: 14px;
  }
  .hd-sel-wrap {
    width: 140px;
    font-size: 12px;
  }
}

@media screen and (min-width: 768px) {
  .coop-page-wrap dl dd table.display_w {
    display: table;
  }
  .coop-page-wrap dl dd table.display_m {
    display: none;
  }
  .m-only {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .acnet-research-page-wrap .tbl-list .btn {
    width: auto;
    padding: 0 30px;
    height: 30px;
    font-size: 14px;
  }
  .acnet-research-page-wrap .paging-item-wrap {
    justify-content: flex-start;
  }
  .coop-page-wrap dl dd table.display_w {
    display: none;
  }
  .coop-page-wrap dl dd table.display_m {
    display: table;
  }
  .coop-page-wrap dl dd table td {
    padding: 10px;
  }
  .coop-page-wrap dl dd table td p {
    text-align: left;
    margin-bottom: 20px;
    font-weight: 700;
  }
  .coop-page-wrap dl dd .ppic img {
    content: url(../image/etc/etc-asnet-coop-proc-m.png);
  }

  .asnet-intro-page-wrap .system-wrap .system-conbx {
    width: 100%;
  }
  .asnet-intro-page-wrap .vision-wrap,
  .asnet-intro-page-wrap .system-wrap {
    padding: 30px 20px;
  }
  .asnet-intro-page-wrap .system-wrap .system-conbx.conbx3 li {
    display: flex;
    width: calc(50% - 10px);
    margin: 0 5px 14px !important;
    padding: 7px 0;
    align-items: center;
    justify-content: center;
    font-size: 12px;
  }
  .asnet-intro-page-wrap .system-wrap .system-conbx.conbx2 .con-wrap {
    width: 100%;
    margin-right: 0 !important;
  }
  .asnet-intro-page-wrap .vision-wrap .con-top p::before,
  .asnet-intro-page-wrap .vision-wrap .con-top p::after {
    display: none;
  }
  .asnet-intro-page-wrap .vision-wrap .con-top {
    padding-bottom: 70px;
  }
  .asnet-intro-page-wrap .vision-wrap .con-top::after {
    bottom: -10px;
    height: 90px;
  }
  .asnet-intro-page-wrap .vision-wrap .con-top p br {
    display: none;
  }

  .asnet-intro-page-wrap .vision-wrap .con-topEn p::before,
  .asnet-intro-page-wrap .vision-wrap .con-topEn p::after {
    display: none;
  }
  .asnet-intro-page-wrap .vision-wrap .con-topEn {
    padding-bottom: 70px;
  }
  .asnet-intro-page-wrap .vision-wrap .con-topEn::after {
    bottom: -10px;
    height: 90px;
  }
  .asnet-intro-page-wrap .vision-wrap .con-topEn p br {
    display: none;
  }

  .asnet-intro-page-wrap .vision-wrap .con-topEn p {
    font-size: 20px;
  }
  .asnet-intro-page-wrap .vision-wrap .con-topEn p span:nth-last-child(1),
  .asnet-intro-page-wrap .vision-wrap .con-topEn p span:nth-last-child(2),
  .asnet-intro-page-wrap .vision-wrap .con-topEn p span:nth-last-child(3) {
    font-size: 22px;
  }
  .asnet-intro-page-wrap .vision-wrap .li-tit {
    padding: 15px 20px;
  }
  .asnet-intro-page-wrap .vision-wrap .li-titEn {
    padding: 15px 20px;
  }
  .asnet-intro-page-wrap .vision-wrap .li-con {
    padding: 15px 20px;
  }
  .asnet-intro-page-wrap .vision-wrap .li-conEn {
    padding: 15px 20px;
  }

  .asnet-intro-page-wrap .pic-swip-page {
    margin-top: 10px;
    text-align: center;
  }
  .asnet-intro-page-wrap .pic-swip-page .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.3);
  }
  .asnet-intro-page-wrap .pic-swip-page .swiper-pagination-bullet-active {
    background: #fff;
  }

  .asnet-intro-page-wrap dl dd .ppic .pic-swip {
    text-align: center;
  }
  .asnet-intro-page-wrap dl dd .ppic .pic-swip img {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }

  .asnet-intro-page-wrap .is-nu-ico span {
    font-size: 11px;
  }
  .asnet-intro-page-wrap .system-wrap .system-conbx .conbx-con {
    padding: 20px;
  }
  .asnet-intro-page-wrap .system-wrap .system-conbx.conbx3 {
    padding: 20px;
  }
  .asnet-intro-page-wrap .homepage-btn {
    height: 35px;
    padding: 0 22px;
    font-size: 13px;
  }
  .acnet-research-page-wrap dl dd .nlist li:nth-child(2) table {
    font-size: 12px;
  }
  .acnet-research-page-wrap dl dd .nlist li:nth-child(2) table th {
    height: auto;
    padding: 10px 0;
  }
  .acnet-research-page-wrap dl dd .nlist li:nth-child(3) img {
    content: url(../image/etc/etc-asnet-resch-proc-m.png);
    margin: 30px auto 0;
    display: block;
    max-width: 500px;
  }

  /*헤더 수정*/
  header .hd-top {
    display: none;
  }
  .hd-sel-wrap .sel-top {
    padding: 16px;
  }
  .mob-menu-wrap {
    height: 100vh;
    overflow: hidden;
  }
  .m-only {
    display: block;
  }
  .pc-only {
    display: none;
  }

  .mob-menu-wrap .con-top {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .mob-menu-wrap .con-top ul {
    display: flex;
    width: 100%;
    padding: 20px 0;
    align-items: center;
    border-bottom: 1px solid #ddd;
  }
  .mob-menu-wrap .con-top ul a {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #ccc;
  }
  .mob-menu-wrap .con-top ul li:nth-child(2) {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #ddd;
    line-height: 1;
  }
  .mob-menu-wrap .con-topEn {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .mob-menu-wrap .con-topEn ul {
    display: flex;
    width: 100%;
    padding: 20px 0;
    align-items: center;
    border-bottom: 1px solid #ddd;
  }
  .mob-menu-wrap .con-topEn ul a {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #ccc;
  }
  .mob-menu-wrap .con-topEn ul li:nth-child(2) {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #ddd;
    line-height: 1;
  }
  .mob-menu-wrap .hd-sel-wrap {
    width: calc(100% - 40px);
    margin-top: 20px;
  }
  .mob-menu-wrap .hd-sel-wrap .sel-drop {
    position: static;
  }
  .mob-menu-wrap .mob-con {
    height: calc(100% - 50px);
    width: 100%;
    overflow-y: auto;
    padding-bottom: 20px;
  }
  .mob-menu-wrap .mob-menu-list {
    height: auto;
  }
  .mob-menu-wrap .con-top ul li.on a {
    color: #3abec1;
  }
  .mob-menu-wrap .con-topEn ul li.on a {
    color: #3abec1;
  }
  .hd-sel-wrap {
    font-size: 14px;
  }

  .asnet-intro-page-wrap .system-wrap .system-conbx.conbx1 .con-wrap dl,
  .asnet-intro-page-wrap .system-wrap .system-conbx.conbx2 .con-wrap dl {
    padding: 20px;
  }
}

/*********영문 메뉴 수정*********/
/* header .rela.menu-eng .header-item{position:static;margin-left:20px;} */
/* header .rela.menu-eng .mem-link-wrap{position:static;margin:0 40px 0 20px;} */

header.menu-eng .header-item {
  margin-left: 70px;
}
header.menu-eng .gnb-list > li > a {
  font-size: 15px;
}
header.menu-eng .gnb-list > li {
  margin-left: 45px;
}
header.menu-eng .gnb-list > li > a.aboutId {
  margin-right: 30px;
}
header.menu-eng .gnb-list > li.header2 {
  margin-left: 32px;
}
header.menu-eng h1 img {
  width: 310px;
}
header.menu-eng .mob-menu-wrap .mob-menu-list {
  width: 100%;
  margin-left: 88px;
}
header.menu-eng .mob-menu-wrap .mob-menu-list dd ul li a {
  font-size: 14px;
}
header.menu-eng .mob-menu-wrap .mob-menu-list dd.urlOpen {
  width: 260px !important;
}
@media screen and (max-width: 1800px) {
  header.menu-eng h1 img {
    width: 250px;
  }
}

@media (min-width: 1670px) {
  header.menu-eng .btn-total-nav {
    margin-left: 35px;
  }

  header.menu-eng .mob-menu-wrap .mob-menu-list dd:nth-child(2) {
    width: 140px;
  }
  header.menu-eng .mob-menu-wrap .mob-menu-list dd:nth-child(4) {
    width: 161px;
  }

  header.menu-eng .mob-menu-wrap .mob-menu-list dd:nth-child(6) {
    width: 205px;
  }
  header.menu-eng .mob-menu-wrap .mob-menu-list dd:nth-child(8) {
    width: 205px;
  }
  header.menu-eng .mob-menu-wrap .mob-menu-list dd:nth-child(10) {
    width: 215px;
  }
  header.menu-eng .mob-menu-wrap .mob-menu-list dd:nth-child(12) {
    width: 218px;
  }
  header.menu-eng .mob-menu-wrap .mob-menu-list dd:nth-child(14) {
    width: 146px;
  }
}

@media screen and (max-width: 1024px) {
  header.menu-eng .mob-menu-wrap .mob-menu-list {
    padding-right: 20px !important;
  }
}


/*메인*/
#mainpage .latest-item-wrap .lt-item{width:100%;}
.home-header-wrap{position:relative;width:100%;height:860px;overflow:hidden;background:url(../image/bg/bg-home2.jpg) no-repeat right center;background-size:cover;}
.home-header-wrap .visual-tit{position:absolute;top:50%;left:50%;width:1280px;transform:translate(-50%, -50%);}
.home-header-wrap .visual-tit p{font-size: 34px;font-weight: 500;color:#0FD5D8;}
.home-header-wrap .visual-tit h2{font-size: 54px;font-weight: 500;color:#fff;line-height:1.5;margin:30px 0;}
.home-header-wrap .visual-tit span{font-size: 18px;color:#fff;font-weight: 400;}
#mainpage .cate-wrap ul{display:flex;width:100%;flex-wrap: wrap;}
#mainpage .cate-wrap li{position:relative;width:25%;height:580px;}
#mainpage .cate-wrap li .con-tit{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);width:100%;text-align: center;color:#fff;}
#mainpage .cate-wrap li:nth-child(2n) .con-tit{bottom:60px;}
#mainpage .cate-wrap li:nth-child(1){background:url('../image/bg/main_cate1.jpg') no-repeat center;background-size: cover;}
#mainpage .cate-wrap li:nth-child(2){background:url('../image/bg/main_cate2.jpg') no-repeat center;background-size: cover;}
#mainpage .cate-wrap li:nth-child(3){background:url('../image/bg/main_cate3.jpg') no-repeat center;background-size: cover;}
#mainpage .cate-wrap li:nth-child(4){background:url('../image/bg/main_cate4.jpg') no-repeat center;background-size: cover;}
#mainpage .cate-wrap li h3{width:100%;margin-bottom:20px;font-size:30px;font-weight: 500;}
#mainpage .cate-wrap li p{font-size:18px;line-height:1.5;}

/*cmc 신청*/
.cmc-apply-wrap {width:100%;padding-top: 40px;padding-bottom: 60px;}
.cmc-apply-wrap dl{width:100%;height:auto;overflow:hidden;}
.cmc-apply-wrap dl dt{width:100%;height:auto;overflow:hidden;}
.cmc-apply-wrap dl dd{width:100%;height:auto;overflow:hidden;}
.cmc-apply-wrap dl dd + dt{padding-top:50px;margin-top:50px;border-top:1px solid #ddd;}

.cmc-apply-wrap dl dd .pdesc{margin-top:30px;width:100%;height:auto;overflow:hidden;font-size:18px;color:#fff;line-height:1.5em;}
.cmc-apply-wrap dl dd .nlist{width:100%;height:auto;overflow:hidden;}
.cmc-apply-wrap dl dd .nlist li{display:flex;width:calc( 100% - 15px );margin-bottom:14px;padding-left:15px;height:auto;overflow:hidden;font-size:16px;color:#fff;position:relative;align-items:center;}
.cmc-apply-wrap dl dd .nlist li:last-child{margin-bottom:0;}
.cmc-apply-wrap dl dd .nlist li p:first-child{width:90px;margin-right:40px;}
.cmc-apply-wrap dl dd .nlist li a{color:#fff;}
.cmc-apply-wrap dl dd .nlist li:before{content:"";position:absolute;left:0;top:50%;display:inline-block;width:3px;height:3px;border-radius:50%;background:#fff;transform: translateY(-50%);}
.cmc-apply-wrap dl dd .nlist li + li{margin-top:5px;}
.cmc-apply-wrap dl dd .ppic{margin-top:30px;width:100%;height:auto;overflow:hidden;}
.cmc-apply-wrap dl dd .ppic img{max-width:100%;}

.cmc-apply-wrap .system-wrap{display:flex;width:100%;margin-top:40px;padding:60px 90px;flex-direction: column;align-items:center;background: rgba(248, 248, 248, 0.10);text-align:center;box-sizing: border-box;}
.cmc-apply-wrap .system-wrap .system-conbx{position:relative;z-index:2;width:100%;margin-bottom:40px;text-align: center;color:#fff;}
.cmc-apply-wrap .system-wrap .system-conbx.conbx1 img{width:100%;max-width:100%;}
.cmc-apply-wrap .system-wrap .system-conbx .pdesc{width:auto;margin:0;}
.cmc-apply-wrap .system-wrap .system-conbx a{color:#fff;}
.cmc-apply-wrap .system-wrap .system-conbx h4{display:flex;align-items:center;justify-content:center;height:58px;border-radius: 5px 5px 0px 0px;background: #314157;box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.10);font-size:20px;font-weight:700;color:#fff;}
.cmc-apply-wrap .system-wrap .system-conbx .conbx-con{width:100%;padding:40px;box-sizing: border-box;background: rgba(255, 255, 255, 0.06);}
.cmc-apply-wrap .system-wrap .system-conbx dl{width:100%;padding:30px;border-radius: 0px 0px 5px 5px;background: rgba(255, 255, 255, 0.10);box-sizing: border-box;}
.cmc-apply-wrap .system-wrap .system-conbx dl dt{display:block;margin-top:0;padding-bottom:20px;margin-bottom:20px;font-size:18px;border-bottom:1px solid rgba(255, 255, 255, 0.10);}
.cmc-apply-wrap .system-wrap .system-conbx dl dd{font-size:16px;font-weight:400;color:#fff;align-items:center;}
.cmc-apply-wrap .system-wrap .system-conbx.conbx1 dl dd:last-child,
.cmc-apply-wrap .system-wrap .system-conbx.conbx2 dl dd:last-child{margin-top:0;}
.cmc-apply-wrap .system-wrap .conbx3 li{display:flex;align-items: center;justify-content: center;margin-bottom:20px;}
.cmc-apply-wrap .system-wrap .conbx3 li a{display:inline-block;position:relative;margin-left:14px;padding-left:22px;color:#3ABEC1;font-size: 15px;}
.cmc-apply-wrap .system-wrap .conbx3 li a::before{content:'';display:inline-block;position:absolute;top:50%;left:0;transform:translate(0, -45%);width:20px;height:20px;background:url(../image/ico/ico-download-cl.svg) no-repeat center center;background-size:contain;}


@media screen and (max-width:1660px){
    .home-header-wrap{height:700px;}
    .home-header-wrap .visual-tit{left:0;width:100%;padding:0 50px;transform: translate(0%, -50%);}
}


@media screen and (max-width:1200px){
    #mainpage .cate-wrap li h3{font-size:24px;}
    #mainpage .cate-wrap li p{font-size:16px;}

}

@media screen and (max-width:1024px){

    #mainpage .cate-wrap li{width:50%;}
    .home-header-wrap .visual-tit{padding:0 30px;}
    

    .cmc-apply-wrap dl dd .pdesc{font-size:14px;}
    .cmc-apply-wrap dl dd .nlist li{font-size:14px;}
    .cmc-apply-wrap dl dd .nlist li:before{font-size:14px;}
    .cmc-apply-wrap .ptit{font-size:24px;}
    .cmc-apply-wrap .system-wrap{padding:60px 50px;}
    .cmc-apply-wrap .system-wrap .system-conbx .con-flex-bet{flex-wrap: wrap;}
    .cmc-apply-wrap .system-wrap .system-conbx h4{font-size:16px;}
    .cmc-apply-wrap .system-wrap .system-conbx dl dt{font-size:15px;}
    .cmc-apply-wrap .system-wrap .system-conbx dl dd{font-size:14px;}

    .cmc-apply-wrap dl dd .nlist li p:first-child{width:70px;}
    .cmc-apply-wrap .homepage-btn{width:auto;padding:0 30px;font-size:14px;}
    .cmc-apply-wrap .homepage-btn img{width:15px;}
    .cmc-apply-wrap .system-wrap .conbx3 li a{margin-left:10px;padding-left:15px;font-size: 12px;}
    .cmc-apply-wrap .system-wrap .conbx3 li a::before{width:15px;height:15px;}

}

@media screen and (max-width:820px){

    .page-tabmenu-wrap.cmc-apply ul li a{font-size: 13px;text-align: center;}
    #mainpage .cate-wrap li:nth-child(2n) .con-tit{bottom:50px;}
    #mainpage .cate-wrap li{height:300px;}
    #mainpage .cate-wrap li h3{margin-bottom:10px;font-size:20px;}
    #mainpage .cate-wrap li p{font-size: 13px;padding:0 15px;}
    #mainpage .cate-wrap li p br{display:none;}
    .home-header-wrap {height:850px;background:url('../image/bg/bg_home_m.jpg') no-repeat center bottom;background-size: cover;}
    .home-header-wrap .visual-tit{position: relative;left:auto;top:auto;margin-top:100px;transform:translate(0);text-align: center;padding:0;}
    .home-header-wrap .visual-tit p{font-size: 20px;}
    .home-header-wrap .visual-tit h2{font-size: 34px;margin:20px 0;}
    .home-header-wrap .visual-tit span{font-size: 14px;}

    .cmc-apply-wrap .system-wrap .system-conbx{width:100%;}
    .cmc-apply-wrap .vision-wrap,
    .cmc-apply-wrap .system-wrap{padding:30px 20px;}
  
    .cmc-apply-wrap dl dd .ppic .pic-swip{text-align:center;}
    .cmc-apply-wrap dl dd .ppic .pic-swip img{max-width:500px;width:100%;margin:0 auto;text-align:center;}

    
    .cmc-apply-wrap .system-wrap .system-conbx .conbx-con{padding:20px;}
    .cmc-apply-wrap .homepage-btn{height:35px;padding:0 22px;font-size:13px;}
    .cmc-apply-wrap .system-wrap .conbx3 li{display:block;}
}

@media screen and (max-width:450px){
    #mainpage .cate-wrap li h3{font-size:18px;}
    #mainpage .cate-wrap li p{font-size: 11px;}
    #mainpage .cate-wrap li:nth-child(2n) .con-tit{bottom:45px;}
    .home-header-wrap .visual-tit p{font-size: 18px;}
    .home-header-wrap .visual-tit h2{font-size: 30px;margin:10px 0;}
    .home-header-wrap .visual-tit span{font-size: 12px;}
    .home-header-wrap{height:140vw;}

}
@media screen and (max-width:360px){
  .home-header-wrap{height:160vw;}
}