.page-top {
  position: fixed;
  display: flex;
  right: 12rem;
  bottom: 8rem;
  justify-content: center;
  align-items: center;
  width: 7.2rem;
  height: 7.2rem;
  background: #003C96;
  border-radius: 10rem;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
}

@media all and (max-width: 85.375rem) {
  .page-top {
    right: 4rem;
    bottom: 6rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .page-top {
    width: 5.2rem;
    height: 5.2rem;
    right: 2rem;
    bottom: 4rem;
  }
}
.header-wrap {
  position: absolute;
  overflow: visible;
}
.header-wrap .header .logo img {
  content: url("../img/common/logo-b.png");
}
.header-wrap .header .gnb > li > a {
  color: #000;
}
.header-wrap .header .icon img {
  content: url("../img/common/lang-b.png");
}
.header-wrap .header .lang-wrap .lang-btn .lang {
  color: #000;
}
.header-wrap .header .mobile-btn span {
  background: #000;
}

.visual {
  margin-top: 9.6rem;
  padding-top: 8rem;
}
.visual .nav-list {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.visual .nav-list li {
  font-weight: 400;
  line-height: 1.4;
}
.visual .vis-tit {
  margin-top: 3rem;
  font-size: var(--fs-vtit);
  font-weight: 600;
  line-height: 1;
}
.visual .vis-desc {
  margin-top: 2.5rem;
  font-size: calc(var(--fs-ctit) + 0.3rem);
  line-height: 1.4;
  font-weight: 300;
}
.visual .vis-bg-wrap {
  width: 100%;
  height: 45rem;
  margin-top: 15.7rem;
  overflow: hidden;
}
.visual .visual-img {
  width: 100%;
  height: 100%;
  animation: visual 2s forwards;
  -webkit-animation: visual 2s forwards;
}
.visual .visual-img.vis1 {
  background: url("../img/sub/sub1/vis.jpg") no-repeat center;
  background-size: cover;
}
.visual .visual-img.vis3 {
  background: url("../img/sub/sub3/vis.jpg") no-repeat center;
  background-size: cover;
}

@keyframes visual {
  0% {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
.sub-nav-wrap {
  position: absolute;
  width: 100%;
  top: 42.7rem;
}
.sub-nav-wrap .sub-nav {
  position: relative;
  height: 6.2rem;
  padding: 0.3rem 0 0 0.3rem;
  overflow-x: auto;
  text-align: center;
}
.sub-nav-wrap .inner {
  display: inline-flex;
  gap: 1.5rem;
  width: 100%;
}
.sub-nav-wrap .inner a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 15rem;
  padding: 1.3rem 2.4rem;
  height: 5.5rem;
  font-size: calc(var(--fs-md) + 0.1rem);
  color: #999999;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
}
.sub-nav-wrap .inner li {
  outline: 0.1rem solid rgba(85, 85, 85, 0.5);
  border-radius: 10rem;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
}
.sub-nav-wrap .inner li.select {
  outline: 0.3rem solid #555555;
}
.sub-nav-wrap .inner li.select a {
  color: #000;
  font-weight: 600;
}

.inner {
  width: 100%;
  max-width: 150rem;
  padding: 0 4rem;
  margin: 0 auto;
}

.section {
  padding: 15rem 0;
}

.top-txt {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.top-txt .type {
  font-size: var(--fs-ctit);
  font-weight: 800;
  line-height: 1.4;
  color: #003C96;
  text-transform: uppercase;
}
.top-txt .sec-tit {
  font-size: var(--fs-mtit);
  font-weight: 500;
  line-height: 1.4;
}

@media all and (max-width: 85.375rem) {
  .section {
    padding: 12rem 0;
  }
  .sub-nav-wrap {
    top: 40.4rem;
  }
  .sub-nav-wrap .inner {
    gap: 1rem;
  }
  .sub-nav-wrap .inner a {
    padding: 1.3rem 2rem;
    min-width: 13rem;
  }
  .visual {
    margin-top: 8rem;
  }
}
@media all and (max-width: 64rem) {
  .sub-nav-wrap {
    top: 39.4rem;
  }
  .section {
    padding: 10rem 0;
  }
}
@media all and (max-width: 63.9375rem) {
  .visual {
    margin-top: 7rem;
  }
  .visual .vis-bg-wrap {
    height: 40rem;
  }
  .sub-nav-wrap {
    top: 38.4rem;
  }
  .sub-nav-wrap .inner a {
    padding: 1.2rem 1.6rem;
    height: 4.5rem;
    min-width: 11rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .inner {
    padding: 0 2rem;
  }
  .visual {
    padding-top: 6rem;
  }
  .visual .vis-bg-wrap {
    margin-top: 11.7rem;
    height: 30rem;
  }
  .visual .vis-tit {
    font-size: calc(var(--fs-vtit) - 0.3rem);
  }
  .visual .vis-desc {
    font-size: var(--fs-stit);
  }
  .sub-nav-wrap {
    text-align: center;
    top: 31.5rem;
  }
  .sub-nav-wrap .sub-nav {
    height: 5.2rem;
  }
  .section {
    padding: 8rem 0;
  }
  .top-txt {
    gap: 2rem;
  }
  .top-txt .type {
    font-size: var(--fs-stit);
  }
  .top-txt .sec-tit {
    word-break: keep-all;
    font-size: var(--fs-ctit);
  }
  .top-txt .sec-tit br {
    display: none;
  }
}
.ceo .section {
  background: linear-gradient(180deg, #FFF 20%, #E1F0FF 100%);
}
.ceo .ceo-name {
  width: 66.4rem;
  text-align: right;
}
.ceo .full-img {
  width: 100%;
  height: 40rem;
  margin: 12rem 0;
  background: url("../img/sub/sub1/full.jpg") no-repeat center;
  background-size: cover;
}
.ceo .bot-txt-wrap {
  display: flex;
  flex-direction: column;
  gap: 4.5rem;
  padding-left: 24.647887%;
}
.ceo .sub-tit {
  font-size: var(--fs-ctit);
  font-weight: 500;
  line-height: 1.4;
  color: #003C96;
}
.ceo .desc-wrap {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.ceo .desc {
  font-size: calc(var(--fs-md) + 0.2rem);
  font-weight: 400;
  line-height: 1.4;
}

@media all and (max-width: 85.375rem) {
  .ceo .bot-txt-wrap {
    padding-left: 10.647887%;
  }
}
@media all and (max-width: 64rem) {
  .ceo .ceo-name {
    width: 60.4rem;
  }
  .ceo .full-img {
    margin: 10rem 0;
  }
  .ceo .desc {
    word-break: keep-all;
  }
  .ceo .desc br {
    display: none;
  }
}
@media all and (max-width: 63.9375rem) {
  .ceo .full-img {
    margin: 8rem 0;
    height: 35rem;
  }
  .ceo .bot-txt-wrap {
    padding-left: 0;
  }
  .ceo .sub-tit {
    font-size: var(--fs-stit);
  }
}
@media all and (max-width: 47.9375rem) {
  .ceo .ceo-name {
    width: 100%;
  }
  .ceo .full-img {
    margin: 6rem 0;
    height: 25rem;
  }
  .ceo .bot-txt-wrap {
    gap: 3rem;
  }
  .ceo .sub-tit {
    font-size: var(--fs-md);
    word-break: keep-all;
  }
  .ceo .sub-tit br {
    display: none;
  }
  .ceo .desc-wrap {
    gap: 2rem;
  }
  .ceo .desc {
    font-size: var(--fs-com);
  }
}
.vision .section {
  background: linear-gradient(180deg, #FFF 20%, #E1F0FF 100%);
}
.vision .full-img {
  width: 100%;
  height: 40rem;
  margin: 12rem 0;
  background: url("../img/sub/sub1/full2.jpg") no-repeat center;
  background-size: cover;
  border: 0.5px solid rgba(0, 60, 150, 0.3);
}
.vision .bot .top-txt {
  padding-left: 24.647887%;
}
.vision .list {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 12rem;
  gap: 2.5rem;
}
.vision .list li {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.vision .list dl {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.vision .list dt {
  font-size: var(--fs-ctit);
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}
.vision .list dd {
  font-size: calc(var(--fs-md) + 0.2rem);
  line-height: 1.4;
  text-align: center;
}
.vision .desc {
  font-size: calc(var(--fs-md) + 0.2rem);
  font-weight: 500;
  line-height: 1.4;
}

@media all and (max-width: 85.375rem) {
  .vision .full-img {
    margin: 10rem 0;
  }
  .vision .list {
    margin-top: 10rem;
  }
}
@media all and (max-width: 64rem) {
  .vision .full-img {
    margin: 8rem 0;
  }
  .vision .list {
    margin-top: 8rem;
  }
  .vision .bot .top-txt {
    padding-left: 10.647887%;
  }
}
@media all and (max-width: 63.9375rem) {
  .vision .full-img {
    height: 35rem;
  }
  .vision .bot .top-txt {
    padding-left: 0;
  }
  .vision .list {
    gap: 2rem;
  }
  .vision .list li {
    gap: 2rem;
  }
  .vision .list dl {
    gap: 0.6rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .vision .full-img {
    height: 20rem;
    margin: 6rem 0;
  }
  .vision .bot .top-txt {
    padding-left: 0;
  }
  .vision .list {
    flex-wrap: wrap;
  }
  .vision .list li {
    width: calc(50% - 1rem);
    gap: 1rem;
  }
  .vision .list dl {
    gap: 0.4rem;
  }
  .vision .list dt {
    font-size: var(--fs-stit);
  }
  .vision .list dd {
    font-size: var(--fs-md);
  }
  .vision .desc {
    font-size: var(--fs-md);
  }
}
.history .section {
  background: linear-gradient(180deg, #FFF 20%, #E1F0FF 100%);
}
.history .article {
  display: flex;
  margin-top: 12rem;
  gap: 10rem;
}
.history .article > div {
  width: 50%;
}
.history .article .figure {
  text-align: right;
}
.history .right {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.history .year {
  font-size: 6rem;
  font-weight: 700;
  line-height: 1.4;
  color: #003C96;
  font-family: "Gmarket Sans";
}
.history .list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-left: 5rem;
}
.history .list span {
  display: block;
  min-width: 9.8rem;
  font-size: calc(var(--fs-md) + 0.2rem);
  font-weight: 700;
  line-height: 2;
}
.history .list li {
  display: flex;
  align-items: center;
  font-size: var(--fs-md);
  font-weight: 300;
  line-height: 2.2;
}

@media all and (max-width: 85.375rem) {
  .history .article {
    margin-top: 10rem;
  }
}
@media all and (max-width: 64rem) {
  .history .article {
    gap: 6rem;
    margin-top: 8rem;
  }
  .history .year {
    font-size: 5rem;
  }
  .history .list {
    padding-left: 0;
  }
  .history .list li {
    font-size: var(--fs-com);
  }
  .history .list li span {
    font-size: var(--fs-md);
  }
}
@media all and (max-width: 63.9375rem) {
  .history .article {
    gap: 4rem;
  }
  .history .article .figure {
    width: 40%;
  }
  .history .article .right {
    width: 60%;
  }
  .history .year {
    font-size: 4.5rem;
  }
  .history .list {
    padding-left: 0;
  }
}
@media all and (max-width: 47.9375rem) {
  .history .article {
    margin-top: 6rem;
    flex-direction: column;
  }
  .history .article .figure {
    width: 100%;
  }
  .history .article .right {
    width: 100%;
  }
  .history .year {
    font-size: 3.6rem;
  }
  .history .list {
    gap: 1rem;
  }
  .history .list li {
    align-items: flex-start;
    line-height: 1.4;
  }
  .history .list li span {
    min-width: 7rem;
    font-size: var(--fs-com);
    line-height: 1.4;
  }
}
.department .section {
  background: linear-gradient(180deg, #FFF 20%, #E1F0FF 100%);
}
.department .icon {
  min-width: 20rem;
}
.department .list {
  display: flex;
  gap: 8rem 4rem;
  flex-wrap: wrap;
  margin-top: 12rem;
}
.department .list li {
  display: flex;
  gap: 3.5rem;
  width: calc(50% - 2rem);
}
.department .list dl {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.department .list dt {
  font-size: calc(var(--fs-ctit) + 0.2rem);
  font-weight: 500;
  line-height: 1.4;
  color: #003C96;
}
.department .list dd {
  font-size: calc(var(--fs-md) + 0.2rem);
  font-weight: 400;
  line-height: 1.5;
}

@media all and (max-width: 85.375rem) {
  .department .icon {
    min-width: 16rem;
    width: 16rem;
  }
  .department .list {
    margin-top: 10rem;
  }
  .department .list li {
    gap: 2rem;
  }
  .department .list dd {
    font-size: var(--fs-md);
    word-break: keep-all;
  }
}
@media all and (max-width: 64rem) {
  .department .list {
    margin-top: 8rem;
    gap: 6rem 4rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .department .icon {
    min-width: 12rem;
    width: 12rem;
  }
  .department .list {
    gap: 6rem 2rem;
  }
  .department .list li {
    width: calc(50% - 1rem);
  }
  .department .list dl {
    gap: 1rem;
  }
  .department .list dt {
    font-size: var(--fs-md);
  }
  .department .list dd {
    font-size: var(--fs-com);
  }
  .department .list dd br {
    display: none;
  }
}
@media all and (max-width: 47.9375rem) {
  .department .list {
    gap: 2rem;
    margin-top: 6rem;
    flex-direction: column;
  }
  .department .list li {
    width: 100%;
  }
}
.product .tab-wrap {
  margin-top: 7.4rem;
}
.product .product-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6rem 3.05rem;
}
.product .product-list li {
  width: calc(20% - 2.44rem);
}
.product .product-list li a {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.product .product-list li a .img {
  position: relative;
  outline: 0.2rem solid rgba(0, 60, 150, 0);
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.product .product-list li a .img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.product .product-list li a:hover .img {
  outline: 0.2rem solid #003C96;
  transition: outline 0.6s;
  -webkit-transition: outline 0.6s;
  -moz-transition: outline 0.6s;
  -ms-transition: outline 0.6s;
  -o-transition: outline 0.6s;
}
.product .product-list dl {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.product .product-list dt {
  font-size: var(--fs-com);
  font-weight: 700;
  color: #003C96;
  line-height: 1.5626;
}
.product .product-list dd {
  font-style: var(--fs-ctit);
  font-weight: 600;
  line-height: 1.27273;
}
.product .product-list .txt-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-bottom: 1rem;
}
.product .product-list .ea {
  font-size: var(--fs-com);
  font-weight: 500;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.5);
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  margin-top: 4rem;
}
.pagination ul {
  display: flex;
  align-items: center;
}
.pagination ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
  font-size: calc(var(--fs-md) + 0.2rem);
  font-weight: 4;
  line-height: 1.4;
  color: #666;
  text-align: center;
}
.pagination ul .active {
  color: #000;
  font-weight: 700;
}

@media all and (max-width: 64rem) {
  .product .product-list li {
    width: calc(25% - 2.2875rem);
  }
}
@media all and (max-width: 63.9375rem) {
  .product .product-list li {
    width: calc(33.3333333333% - 2.0333333333rem);
  }
}
@media all and (max-width: 47.9375rem) {
  .product .product-list {
    gap: 4rem 1rem;
  }
  .product .product-list li {
    width: calc(50% - 0.5rem);
  }
}
.product-view .flex-area {
  display: flex;
  gap: 8rem;
  margin-top: 7.4rem;
}
.product-view .left {
  width: 46.268657%;
  max-width: 62rem;
}
.product-view .info {
  display: flex;
  align-items: center;
  gap: 4.1rem;
}
.product-view .info span {
  font-size: var(--fs-stit);
  font-weight: 700;
  line-height: 1.14636;
}
.product-view .info .num {
  position: relative;
  color: #888;
}
.product-view .info .num::before {
  content: "|";
  color: #D3D3D3;
  font-size: var(--fs-stit);
  font-weight: 400;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  right: -2.4rem;
}
.product-view .info .type {
  color: #003C96;
}
.product-view .sec-tit {
  margin-top: 3rem;
  font-size: calc(var(--fs-tit) + 1rem);
  font-weight: 700;
  white-space: nowrap;
}
.product-view .table-wrap {
  margin-top: 4rem;
  width: 100%;
  border-top: 0.1rem solid #000;
}
.product-view .table {
  width: 100%;
}
.product-view table {
  width: 100%;
}
.product-view .td-width {
  width: 58.870968%;
}
.product-view td,
.product-view th {
  padding: 2rem 1.2rem;
  font-size: var(--fs-md);
  line-height: 1.4;
  color: #666;
  vertical-align: middle;
}
.product-view tr {
  border-bottom: 0.1rem solid #E1E1E1;
}
.product-view th {
  border-right: 0.1rem solid #E1E1E1;
  background: #FAFAFA;
  font-weight: 600;
  color: #000;
  white-space: nowrap;
  text-align: left;
}
.product-view .img-wrap {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.product-view .btn-wrap {
  display: flex;
  justify-content: center;
  margin-top: 5rem;
}
.product-view .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
  width: 18rem;
  height: 5.5rem;
  border-radius: 10rem;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
  background: #000;
  color: #fff;
  font-weight: 600;
  font-size: var(--fs-md);
}

@media all and (max-width: 85.375rem) {
  .product-view .flex-area {
    gap: 6rem;
  }
  .product-view .left {
    width: 60%;
  }
  .product-view .sec-tit {
    font-size: calc(var(--fs-tit) + 0.5rem);
  }
  .product-view th,
  .product-view td {
    font-size: var(--fs-com);
  }
}
@media all and (max-width: 64rem) {
  .product-view .left {
    width: 100%;
  }
  .product-view .flex-area {
    gap: 4rem;
  }
  .product-view .sec-tit {
    font-size: var(--fs-tit);
  }
  .product-view th,
  .product-view td {
    vertical-align: middle;
    white-space: wrap;
  }
}
@media all and (max-width: 63.9375rem) {
  .product-view .flex-area {
    flex-direction: column;
  }
  .product-view .left,
  .product-view .img-wrap {
    width: 100%;
    max-width: none;
  }
}
@media all and (max-width: 47.9375rem) {
  .product-view .flex-area {
    gap: 3rem;
  }
  .product-view .sec-tit {
    margin-top: 1.6rem;
    white-space: wrap;
  }
  .product-view .table-wrap {
    margin-top: 2.4rem;
  }
  .product-view th,
  .product-view td {
    padding: 1.6rem 1rem;
  }
  .product-view .btn {
    width: 17rem;
    height: 5rem;
  }
}
.dev .sec-1 {
  background: url("../img/sub/sub3/bg.jpg") no-repeat center bottom;
  background-size: cover;
}
.dev .sec-2,
.dev .sec-3,
.dev .sec-4 {
  padding: 13rem 0;
}
.dev .sec-2 {
  background: #F4FAFF;
}
.dev .sec-4 {
  background: #FFFDEB;
}
.dev .sec-5 {
  background: #F9F9F9;
}
.dev .step {
  margin-top: 12rem;
  display: flex;
  flex-direction: column;
  gap: 6rem;
  padding-left: 19.71831%;
}
.dev .step li {
  display: flex;
  align-items: flex-end;
  gap: 6rem;
}
.dev .step li .img {
  min-width: 20rem;
  width: 20rem;
}
.dev .step dl {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.dev .step dt {
  font-size: calc(var(--fs-mtit) - 0.5rem);
  font-weight: 700;
  line-height: 1.4;
  color: #003C96;
}
.dev .step dt span {
  font-weight: 200;
}
.dev .step dd {
  font-size: var(--fs-stit);
  font-weight: 400;
  line-height: 1.3;
}
.dev .step .desc {
  margin-top: 2rem;
  font-size: var(--fs-md);
  font-weight: 400;
  line-height: 1.22222;
  color: #555555;
}
.dev .sec-2 .sec-tit {
  margin-top: 8rem;
}
.dev .sec-2 .type,
.dev .sec-3 .type,
.dev .sec-4 .type,
.dev .sec-5 .type {
  text-align: center;
}
.dev .sec-2 .sec-tit,
.dev .sec-3 .sec-tit,
.dev .sec-4 .sec-tit,
.dev .sec-5 .sec-tit {
  font-size: var(--fs-mtit);
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
.dev .sec-2 .desc,
.dev .sec-3 .desc,
.dev .sec-4 .desc,
.dev .sec-5 .desc {
  margin-top: 2rem;
  font-size: calc(var(--fs-md) + 0.2rem);
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}
.dev .sec-2 .circlr-wrap,
.dev .sec-3 .circlr-wrap,
.dev .sec-4 .circlr-wrap,
.dev .sec-5 .circlr-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 5rem;
}
.dev .sec-2 .circlr-wrap li,
.dev .sec-3 .circlr-wrap li,
.dev .sec-4 .circlr-wrap li,
.dev .sec-5 .circlr-wrap li {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.dev .sec-2 .circlr-wrap.sq,
.dev .sec-3 .circlr-wrap.sq,
.dev .sec-4 .circlr-wrap.sq,
.dev .sec-5 .circlr-wrap.sq {
  display: flex;
  justify-content: center;
  gap: 2.5rem;
}
.dev .sec-2 .circlr-wrap.sq li,
.dev .sec-3 .circlr-wrap.sq li,
.dev .sec-4 .circlr-wrap.sq li,
.dev .sec-5 .circlr-wrap.sq li {
  width: 20rem;
  padding: 4rem 0;
  gap: 3rem;
  align-items: center;
  background: #fff;
  border-radius: 5rem;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  -ms-border-radius: 5rem;
  -o-border-radius: 5rem;
  border: 0.1rem solid #999999;
}
.dev .sec-2 .circlr-wrap.sq li:nth-child(2), .dev .sec-2 .circlr-wrap.sq li:nth-child(4), .dev .sec-2 .circlr-wrap.sq li:nth-child(6), .dev .sec-2 .circlr-wrap.sq li:nth-child(8),
.dev .sec-3 .circlr-wrap.sq li:nth-child(2),
.dev .sec-3 .circlr-wrap.sq li:nth-child(4),
.dev .sec-3 .circlr-wrap.sq li:nth-child(6),
.dev .sec-3 .circlr-wrap.sq li:nth-child(8),
.dev .sec-4 .circlr-wrap.sq li:nth-child(2),
.dev .sec-4 .circlr-wrap.sq li:nth-child(4),
.dev .sec-4 .circlr-wrap.sq li:nth-child(6),
.dev .sec-4 .circlr-wrap.sq li:nth-child(8),
.dev .sec-5 .circlr-wrap.sq li:nth-child(2),
.dev .sec-5 .circlr-wrap.sq li:nth-child(4),
.dev .sec-5 .circlr-wrap.sq li:nth-child(6),
.dev .sec-5 .circlr-wrap.sq li:nth-child(8) {
  width: auto !important;
  background: none;
  border: none;
}
.dev .sec-2 .arrow,
.dev .sec-3 .arrow,
.dev .sec-4 .arrow,
.dev .sec-5 .arrow {
  display: flex;
  align-items: center;
  height: 15rem;
}
.dev .sec-2 dl,
.dev .sec-3 dl,
.dev .sec-4 dl,
.dev .sec-5 dl {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.dev .sec-2 dt,
.dev .sec-3 dt,
.dev .sec-4 dt,
.dev .sec-5 dt {
  text-align: center;
  font-size: var(--fs-com);
  font-weight: 500;
  line-height: 1.4;
  color: #003C96;
}
.dev .sec-2 dd,
.dev .sec-3 dd,
.dev .sec-4 dd,
.dev .sec-5 dd {
  text-align: center;
  font-size: var(--fs-stit);
  font-weight: 600;
  line-height: 1.4;
}
.dev .step2 > li {
  align-items: flex-start;
}
.dev .step2 > li:nth-child(3) .type {
  min-width: 8.4rem;
}
.dev .step2 dd {
  font-size: var(--fs-md);
}
.dev .step2 .img {
  min-width: 20rem;
}
.dev .step2 .list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 2.5rem;
}
.dev .step2 .list li {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.dev .step2 .num {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 6.4rem;
  height: 3.2rem;
  font-size: var(--fs-sm);
  font-weight: 600;
  line-height: 1.57143;
  color: #4F5767;
  border-radius: 10rem;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
  border: 0.1rem solid #66738B;
}
.dev .step2 .flex {
  display: flex;
  align-items: center;
  gap: 2.5rem;
}
.dev .step2 .type {
  position: relative;
  display: block;
  min-width: 7rem;
  font-size: var(--fs-md);
  font-weight: 500;
  line-height: 1.22222;
  color: #4F5767;
}
.dev .step2 .type::before {
  content: "|";
  color: #BFC6D4;
  font-size: var(--fs-md);
  font-weight: 200;
  line-height: 1.2222;
  position: absolute;
  right: -1.4rem;
}
.dev .step2 .desc {
  margin: 0;
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.375;
  color: #79869F;
}
.dev .cer-list {
  margin-top: 12rem;
  display: flex;
  flex-wrap: wrap;
  gap: 3rem 3.3rem;
  padding-left: 19.71831%;
}
.dev .cer-list li {
  width: calc(25% - 2.475rem);
}

@media all and (max-width: 85.375rem) {
  .dev .step {
    margin-top: 10rem;
    padding-left: 0;
  }
  .dev .sec-2,
  .dev .sec-3,
  .dev .sec-4,
  .dev .sec-5 {
    padding: 11rem 0;
  }
  .dev .cer-list {
    margin-top: 10rem;
  }
}
@media all and (max-width: 64rem) {
  .dev .step {
    margin-top: 8rem;
    gap: 4rem;
  }
  .dev .step li {
    gap: 4rem;
  }
  .dev .step .img {
    min-width: 20rem;
  }
  .dev .step .desc {
    word-break: keep-all;
  }
  .dev .sec-2 .sec-tit {
    margin-top: 6rem;
  }
  .dev .sec-2,
  .dev .sec-3,
  .dev .sec-4,
  .dev .sec-5 {
    padding: 9rem 0;
  }
  .dev .sec-2 .sec-tit,
  .dev .sec-3 .sec-tit,
  .dev .sec-4 .sec-tit,
  .dev .sec-5 .sec-tit {
    font-size: var(--fs-ctit);
  }
  .dev .sec-2 .desc,
  .dev .sec-3 .desc,
  .dev .sec-4 .desc,
  .dev .sec-5 .desc {
    font-size: var(--fs-com);
  }
  .dev .sec-2 .circlr-wrap,
  .dev .sec-3 .circlr-wrap,
  .dev .sec-4 .circlr-wrap,
  .dev .sec-5 .circlr-wrap {
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem 1rem;
  }
  .dev .sec-2 .circlr-wrap li,
  .dev .sec-3 .circlr-wrap li,
  .dev .sec-4 .circlr-wrap li,
  .dev .sec-5 .circlr-wrap li {
    width: calc(12.5% - 0.875rem);
  }
  .dev .sec-2 .circlr-wrap.sq,
  .dev .sec-3 .circlr-wrap.sq,
  .dev .sec-4 .circlr-wrap.sq,
  .dev .sec-5 .circlr-wrap.sq {
    gap: 1rem;
  }
  .dev .sec-2 .circlr-wrap.sq li,
  .dev .sec-3 .circlr-wrap.sq li,
  .dev .sec-4 .circlr-wrap.sq li,
  .dev .sec-5 .circlr-wrap.sq li {
    width: 15rem;
  }
  .dev .sec-2 .arrow,
  .dev .sec-3 .arrow,
  .dev .sec-4 .arrow,
  .dev .sec-5 .arrow {
    justify-content: center;
  }
  .dev .sec-2 dd,
  .dev .sec-3 dd,
  .dev .sec-4 dd,
  .dev .sec-5 dd {
    font-size: var(--fs-md);
  }
  .dev .step2 dd {
    word-break: keep-all;
  }
  .dev .step2 dd br {
    display: none;
  }
  .dev .cer-list {
    padding-left: 0;
    margin-top: 8rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .dev .top-txt .sec-tit {
    word-break: keep-all;
  }
  .dev .top-txt .sec-tit br {
    display: none;
  }
  .dev .step {
    margin-top: 6rem;
  }
  .dev .step .img {
    width: 16rem;
    min-width: 16rem;
  }
  .dev .sec-2 .sec-tit {
    margin-top: 4rem;
  }
  .dev .sec-2,
  .dev .sec-3,
  .dev .sec-4,
  .dev .sec-5 {
    padding: 8rem 0;
  }
  .dev .sec-2 .desc,
  .dev .sec-3 .desc,
  .dev .sec-4 .desc,
  .dev .sec-5 .desc {
    word-break: keep-all;
  }
  .dev .sec-2 .circlr-wrap li,
  .dev .sec-3 .circlr-wrap li,
  .dev .sec-4 .circlr-wrap li,
  .dev .sec-5 .circlr-wrap li {
    width: calc(25% - 0.75rem);
  }
  .dev .sec-2 .circlr-wrap li:nth-child(2), .dev .sec-2 .circlr-wrap li:nth-child(4), .dev .sec-2 .circlr-wrap li:nth-child(6), .dev .sec-2 .circlr-wrap li:nth-child(8), .dev .sec-2 .circlr-wrap li:nth-child(10), .dev .sec-2 .circlr-wrap li:nth-child(12), .dev .sec-2 .circlr-wrap li:nth-child(14),
  .dev .sec-3 .circlr-wrap li:nth-child(2),
  .dev .sec-3 .circlr-wrap li:nth-child(4),
  .dev .sec-3 .circlr-wrap li:nth-child(6),
  .dev .sec-3 .circlr-wrap li:nth-child(8),
  .dev .sec-3 .circlr-wrap li:nth-child(10),
  .dev .sec-3 .circlr-wrap li:nth-child(12),
  .dev .sec-3 .circlr-wrap li:nth-child(14),
  .dev .sec-4 .circlr-wrap li:nth-child(2),
  .dev .sec-4 .circlr-wrap li:nth-child(4),
  .dev .sec-4 .circlr-wrap li:nth-child(6),
  .dev .sec-4 .circlr-wrap li:nth-child(8),
  .dev .sec-4 .circlr-wrap li:nth-child(10),
  .dev .sec-4 .circlr-wrap li:nth-child(12),
  .dev .sec-4 .circlr-wrap li:nth-child(14),
  .dev .sec-5 .circlr-wrap li:nth-child(2),
  .dev .sec-5 .circlr-wrap li:nth-child(4),
  .dev .sec-5 .circlr-wrap li:nth-child(6),
  .dev .sec-5 .circlr-wrap li:nth-child(8),
  .dev .sec-5 .circlr-wrap li:nth-child(10),
  .dev .sec-5 .circlr-wrap li:nth-child(12),
  .dev .sec-5 .circlr-wrap li:nth-child(14) {
    display: none;
  }
  .dev .sec-2 .circlr-wrap.sq,
  .dev .sec-3 .circlr-wrap.sq,
  .dev .sec-4 .circlr-wrap.sq,
  .dev .sec-5 .circlr-wrap.sq {
    gap: 2rem;
    justify-content: flex-start;
  }
  .dev .sec-2 .circlr-wrap.sq li,
  .dev .sec-3 .circlr-wrap.sq li,
  .dev .sec-4 .circlr-wrap.sq li,
  .dev .sec-5 .circlr-wrap.sq li {
    width: calc(33.3333333333% - 1.3333333333rem);
  }
  .dev .sec-2 .arrow,
  .dev .sec-3 .arrow,
  .dev .sec-4 .arrow,
  .dev .sec-5 .arrow {
    justify-content: center;
  }
  .dev .sec-2 dd,
  .dev .sec-3 dd,
  .dev .sec-4 dd,
  .dev .sec-5 dd {
    font-size: var(--fs-md);
  }
  .dev .cer-list {
    margin-top: 6rem;
    gap: 3rem 2rem;
  }
  .dev .cer-list li {
    width: calc(33.3333333333% - 1.3333333333rem);
  }
}
@media all and (max-width: 47.9375rem) {
  .dev .step {
    margin-top: 4rem;
  }
  .dev .step li {
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
  }
  .dev .step dl {
    gap: 0.6rem;
  }
  .dev .step .desc {
    margin-top: 1rem;
  }
  .dev .sec-2 .sec-tit {
    margin-top: 3rem;
  }
  .dev .sec-2,
  .dev .sec-3,
  .dev .sec-4,
  .dev .sec-5 {
    padding: 6rem 0;
  }
  .dev .sec-2 .circlr-wrap,
  .dev .sec-3 .circlr-wrap,
  .dev .sec-4 .circlr-wrap,
  .dev .sec-5 .circlr-wrap {
    margin-top: 4rem;
    justify-content: flex-start;
  }
  .dev .sec-2 .circlr-wrap li,
  .dev .sec-3 .circlr-wrap li,
  .dev .sec-4 .circlr-wrap li,
  .dev .sec-5 .circlr-wrap li {
    width: calc(50% - 0.5rem);
    gap: 1rem;
  }
  .dev .sec-2 .circlr-wrap dl,
  .dev .sec-3 .circlr-wrap dl,
  .dev .sec-4 .circlr-wrap dl,
  .dev .sec-5 .circlr-wrap dl {
    gap: 0.6rem;
  }
  .dev .sec-2 .circlr-wrap.sq li,
  .dev .sec-3 .circlr-wrap.sq li,
  .dev .sec-4 .circlr-wrap.sq li,
  .dev .sec-5 .circlr-wrap.sq li {
    gap: 2rem;
    padding: 3rem 0;
    width: calc(50% - 1rem);
    border-radius: 4rem;
    -webkit-border-radius: 4rem;
    -moz-border-radius: 4rem;
    -ms-border-radius: 4rem;
    -o-border-radius: 4rem;
  }
  .dev .step2 .list {
    gap: 2rem;
  }
  .dev .step2 .list li {
    align-items: flex-start;
    gap: 1rem;
  }
  .dev .step2 .list .flex {
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
  }
  .dev .step2 .list .type::before {
    display: none;
  }
  .dev .step2 .list .desc {
    margin-top: 0;
  }
  .dev .cer-list {
    margin-top: 4rem;
  }
  .dev .cer-list li {
    width: calc(50% - 1rem);
  }
}
.inq .flex-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 7.4rem;
  gap: 2rem;
}
.inq .sec-tit {
  font-size: calc(var(--fs-md) + 0.2rem);
  font-weight: 500;
  line-height: 1.5;
}
.inq .list {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  margin-top: 5rem;
}
.inq .list li {
  display: flex;
  gap: 1.2rem;
  font-size: var(--fs-com);
  font-weight: 600;
  line-height: 1.5;
  color: #606060;
  font-weight: 400;
}
.inq .list span {
  display: block;
  min-width: 5rem;
  font-size: var(--fs-com);
  font-weight: 700;
  line-height: 1.5;
  color: #000;
}
.inq .input-all-wrap {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  padding: 3rem 4.8rem 5rem;
  width: 71.2rem;
  background: #eff7ff;
}
.inq .sub-tit {
  font-size: var(--fs-ctit);
  font-weight: 700;
  line-height: 1.28;
  color: #003C96;
}
.inq .inq-all {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.inq .inq-wrap {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.inq .label {
  min-width: 10.5rem;
  font-size: var(--fs-md);
  font-weight: 600;
  line-height: 1.33333;
  color: #342E2C;
}
.inq .input {
  padding: 1.2rem;
  width: calc(100% - 10.5rem);
  border-bottom: 0.1rem solid #606060;
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
  outline: none;
}
.inq .area {
  align-items: flex-start;
}
.inq .area .label {
  padding: 1.2rem 0;
}
.inq textarea {
  height: 18.6rem;
  resize: none;
}
.inq .btn-wrap {
  display: flex;
  justify-content: center;
}
.inq .btn-wrap .btn {
  width: 12rem;
  padding: 1rem 0;
  border-radius: 10rem;
  background: #000;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
  font-size: var(--fs-md);
  font-weight: 600;
  line-height: 1.22222;
  color: #fff;
  text-align: center;
}

@media all and (max-width: 85.375rem) {
  .inq .input-all-wrap {
    width: 55%;
  }
}
@media all and (max-width: 64rem) {
  .inq .input-all-wrap {
    min-width: 60%;
  }
  .inq .sec-tit {
    word-break: keep-all;
  }
  .inq .sec-tit br {
    display: none;
  }
}
@media all and (max-width: 63.9375rem) {
  .inq .flex-wrap {
    margin-top: 6rem;
    gap: 4rem;
    flex-direction: column;
  }
  .inq .list {
    margin-top: 3rem;
  }
  .inq .sec-tit br {
    display: block;
  }
  .inq .input-all-wrap {
    width: 100%;
  }
}
@media all and (max-width: 47.9375rem) {
  .inq .flex-wrap {
    margin-top: 4rem;
  }
  .inq .input-all-wrap {
    padding: 3rem 2rem 4rem;
  }
  .inq .label {
    min-width: 7.5rem;
  }
  .inq .input {
    width: calc(100% - 7.5rem);
    padding: 1rem;
  }
  .inq .area .label {
    padding: 1rem 0;
  }
}
.location .map {
  width: 100%;
  height: 50rem;
  margin-top: 7.4rem;
}
.location .map iframe {
  width: 100%;
  height: 100%;
}
.location .sec-tit {
  margin-top: 5rem;
  font-size: calc(var(--fs-md) + 0.2rem);
  font-weight: 700;
  line-height: 1.4;
}
.location .list {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  margin-top: 3rem;
}
.location .list li {
  display: flex;
  gap: 1.2rem;
  font-size: var(--fs-com);
  font-weight: 600;
  line-height: 1.5;
  color: #606060;
  font-weight: 400;
}
.location .list span {
  display: block;
  min-width: 5rem;
  font-size: var(--fs-com);
  font-weight: 700;
  line-height: 1.5;
  color: #000;
}

@media all and (max-width: 63.9375rem) {
  .location .map {
    margin-top: 6rem;
    height: 45rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .location .map {
    margin-top: 4rem;
    height: 35rem;
  }
  .location .sec-tit {
    margin-top: 2rem;
  }
  .location .list {
    margin-top: 1rem;
  }
}
.news .top-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 7.4rem;
}
.news .top-info .all-cont {
  font-size: var(--fs-md);
  font-weight: 400;
  line-height: 1.4;
}
.news .top-info .type {
  width: 13rem;
  padding: 1rem 2rem;
  font-size: var(--fs-md);
  font-weight: 400;
  line-height: 1.2;
  outline: none;
  background: url("../img/sub/sub4/arrow.png") no-repeat 82%;
}
.news .card-list {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6.7rem 3.5rem;
}
.news .card-list li {
  width: calc(33.3333333333% - 2.3333333333rem);
}
.news .card-list li:hover dt {
  text-decoration: underline;
}
.news .card-list li:hover .img img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transition: transform 0.6s;
  -webkit-transition: transform 0.6s;
  -moz-transition: transform 0.6s;
  -ms-transition: transform 0.6s;
  -o-transition: transform 0.6s;
}
.news .card-list li a {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  width: 100%;
}
.news .card-list li .img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 55.555556%;
  overflow: hidden;
}
.news .card-list li .img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: transform 0.6s;
  -webkit-transition: transform 0.6s;
  -moz-transition: transform 0.6s;
  -ms-transition: transform 0.6s;
  -o-transition: transform 0.6s;
}
.news .card-list li .txt-wrap {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.news .card-list li dl {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.news .card-list li dt {
  display: block;
  width: 100%;
  font-size: var(--fs-stit);
  font-weight: 600;
  line-height: 1.27273;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news .card-list li dd {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: var(--fs-md);
  font-weight: 400;
  line-height: 1.38889;
}
.news .card-list .date {
  font-size: var(--fs-md);
  font-weight: 500;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.5);
}
.news .center {
  display: flex;
  justify-content: center;
}
.news .under-form {
  display: inline-flex;
  margin-top: 4rem;
  gap: 2rem;
  padding: 0.3rem 0 1rem;
  border-bottom: 0.1rem solid #000;
}
.news .under-form select {
  width: 8.4rem;
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
  background: url("../img/sub/sub4/arrow.png") no-repeat 100%;
  border: none;
  outline: none;
}
.news .under-form .input-wrap {
  position: relative;
  display: flex;
  width: 26.6rem;
}
.news .under-form .input-wrap::before {
  content: "|";
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
  position: absolute;
  left: -1.2rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  color: #778288;
}
.news .under-form .input-wrap input {
  width: calc(100% - 3rem);
  color: #778288;
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
  outline: none;
}
.news .under-form .input-wrap .btn {
  width: 3rem;
  min-width: 3rem;
}

@media all and (max-width: 64rem) {
  .news .card-list {
    gap: 5.4rem 3.5rem;
  }
  .news .card-list li a {
    gap: 2.4rem;
  }
  .news .card-list li dl {
    gap: 1rem;
  }
  .news .card-list li .txt-wrap {
    gap: 1rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .news .top-info {
    margin-top: 6rem;
  }
  .news .card-list {
    gap: 4rem 2rem;
  }
  .news .card-list li {
    width: calc(50% - 1rem);
  }
}
@media all and (max-width: 47.9375rem) {
  .news .top-info {
    margin-top: 4rem;
  }
  .news .top-info .type {
    padding: 0.8rem 1.6rem;
    width: 10rem;
    font-size: var(--fs-com);
  }
  .news .card-list {
    gap: 3rem 1rem;
  }
  .news .card-list li a {
    gap: 2rem;
  }
  .news .card-list li dl {
    gap: 0.6rem;
  }
  .news .card-list li dt {
    font-size: var(--fs-md);
  }
  .news .card-list li dd,
  .news .card-list li .date {
    font-size: var(--fs-com);
  }
  .news .card-list li .txt-wrap {
    gap: 0.6rem;
  }
  .news .under-form .input-wrap {
    width: 18.6rem;
  }
}
.news-view .view-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.6rem 0;
  margin-top: 5rem;
  gap: 2.3rem;
  border-bottom: 0.1rem solid #000;
}
.news-view .title {
  font-size: calc(var(--fs-mtit) - 0.5rem);
  font-weight: 700;
  line-height: 1.066;
}
.news-view .data {
  display: flex;
  padding: 1.6rem 0;
}
.news-view .data .date {
  display: block;
  width: 13.2rem;
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
  color: #778288;
  text-align: center;
}
.news-view .view-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  width: 13.4rem;
}
.news-view .view-wrap span {
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
  color: #778288;
}
.news-view .view-body {
  padding: 4rem 0;
  min-height: 42rem;
  border-bottom: 0.1rem solid #D4D9DC;
}
.news-view .view-body p,
.news-view .view-body div {
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.25;
}
.news-view .file a {
  display: inline-flex;
  align-items: center;
  gap: 1.2rem;
  padding-top: 1.2rem;
}
.news-view .file a:hover {
  text-decoration: underline;
}
.news-view .file .file-name {
  font-size: var(--fs-com);
  font-weight: 400;
  line-height: 1.5;
  color: #778288;
}
.news-view .file .icon {
  display: block;
}
.news-view .file .icon img {
  display: block;
}
.news-view .list-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
}
.news-view .list-wrap .cont-btn {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.news-view .list-wrap .cont-btn span {
  display: block;
  font-size: var(--fs-com);
  font-weight: 600;
  line-height: 1.5;
  color: #778288;
}
.news-view .list-wrap .cont-btn:hover {
  border-bottom: 0.1rem solid #000;
}
.news-view .list-wrap .cont-btn:hover span {
  color: #000;
  font-weight: 600;
}
.news-view .list-wrap .cont-btn.prev:hover .icon img {
  content: url("../img/sub/sub4/prev-h.png");
}
.news-view .list-wrap .cont-btn.next:hover .icon img {
  content: url("../img/sub/sub4/next-h.png");
}
.news-view .list-wrap .cont-btn.none-cont {
  opacity: 0;
  pointer-events: none;
}
.news-view .list-wrap .btn {
  width: 10rem;
  padding: 1rem 0;
  text-align: center;
  border-radius: 10rem;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
  background: #000;
  font-size: var(--fs-md);
  font-weight: 600;
  color: #fff;
  line-height: 1.22222;
}

@media all and (max-width: 64rem) {
  .news-view .view-header {
    padding: 1rem 0;
  }
  .news-view .data {
    padding: 1rem 0;
  }
}
@media all and (max-width: 47.9375rem) {
  .news-view .view-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    padding: 0.6rem 0;
  }
  .news-view .data {
    gap: 2rem;
    padding-bottom: 0.4rem;
  }
  .news-view .data .date {
    width: auto;
  }
  .news-view .view-wrap {
    width: auto;
  }
  .news-view .view-body {
    padding: 2rem 0;
    min-height: 30rem;
  }
  .news-view .list-wrap .cont-btn {
    gap: 1.2rem;
  }
}
/*aos*/
.vis-tit,
.nav-list,
.vis-desc,
.top-txt,
.full-img,
.bot-txt-wrap,
.product-list,
.pagination,
.cer-list,
.top-info,
.card-list,
.under-form,
.view-header,
.view-body,
.file,
.list-wrap,
.map {
  opacity: 0;
}

.vision .list {
  opacity: 0;
}

.history .figure,
.history .year,
.history li {
  opacity: 0;
}

.department li {
  opacity: 0;
}

.product-view .left,
.product-view .img-wrap,
.product-view .btn-wrap {
  opacity: 0;
}

.dev .step,
.dev .title-wrap,
.dev .circlr-wrap {
  opacity: 0;
}

.inq .left,
.inq .input-all-wrap {
  opacity: 0;
}

.location .sec-tit,
.location .list {
  opacity: 0;
}