@charset "utf-8";
/* SUB */
.board-title {
  margin-top: 8.5rem;
  margin-bottom: 4rem;
}
.board-title h3 {
  font-size: 4rem;
  font-weight: 700;
  color: #111;
}
.board-title .desc {
  font-size: 1.8rem;
  margin-top: 1.5rem;
}

.txt-ju {
  font-family: "Roboto", Dotum;
}

.top-btn {
  position: fixed;
  right: 2rem;
  bottom: 3rem;
  z-index: 2;
  cursor: pointer;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  background: #da2128;
}

/* effect */
.img-zoom-ani {
  position: relative;
  overflow: hidden;
}
.img-zoom-ani img {
  transform: scale(1.1);
}
.img-zoom-ani.aos-animate img {
  transform: scale(1);
  transition: 2s ease;
}

/* svisual */
.svisual.sv-dog {
  background-image: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/sv-bg-dog.jpg);
}
.svisual.sv-cat {
  background-image: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/sv-bg-cat.jpg);
}
.svisual.sv-horse {
  background-image: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/sv-bg-horse.jpg);
}
.svisual.sv-fish {
  background-image: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/sv-bg-fish.jpg);
}
.svisual.sv-aquaculture {
  background-image: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/sv-bg-aquaculture.jpg);
}

.svisual .depth03-tab {
  display: flex;
  justify-content: center;
  margin-top: 10.5rem;
}
.svisual .depth03-tab a {
  display: flex;
  flex-direction: column;
  margin: 0 2.5rem;
  width: 25%;
  max-width: 24rem;
}
.svisual .depth03-tab a .txt {
  font-size: 2rem;
  color: #fff;
  font-weight: 600;
  transition: 0.4s;
}
.svisual .depth03-tab a .bar {
  width: 100%;
  height: 2px;
  background: rgba(255, 255, 255, 0.5);
  margin-top: 1.5rem;
  position: relative;
}
.svisual .depth03-tab a .bar:after {
  display: block;
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #ed1b23;
  transition: 0.4s;
}
.svisual .depth03-tab a.active .bar:after {
  width: 100%;
}

.svisual .depth03-tab a:hover .txt {
  transform: translateY(-1rem);
}
.svisual .depth03-tab a:hover .bar:after {
  width: 100%;
}

.svisual .scrolldown {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.svisual .scrolldown span {
  display: inline-block;
  position: relative;
  padding-bottom: 10rem;
  color: #fefefe;
  line-height: 1;
  letter-spacing: 0;
  transform: translateX(-25%);
}
.svisual .scrolldown i {
  overflow: hidden;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -0.5px;
  width: 1px;
  height: 8.7rem;
  background: rgba(255, 255, 255, 0.5);
}
.svisual .scrolldown i::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -0.5px;
  width: 1px;
  height: 2.5rem;
  background: #fff;
  -webkit-animation: svScroll 2s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  animation: svScroll 2s cubic-bezier(0.22, 1, 0.36, 1) infinite;
}

@-webkit-keyframes svScroll {
  0% {
    opacity: 0;
    top: -25px;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    top: 100%;
  }
}
@keyframes svScroll {
  0% {
    opacity: 0;
    top: -25px;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    top: 100%;
  }
}

/* 서비스소개  */
/* 서비스소개 - COMMON */
.svisual.type-service {
  height: 100vh;
}
.svisual.type-service .txtbox {
  text-align: center;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.service-wrap .inner {
  max-width: 1240px;
}
.service-wrap .sub-cont.board-list {
  margin-bottom: 7rem;
}
.service-wrap .sub-cont.board-view {
  margin-bottom: 7rem;
}
.service-wrap .sub-cont {
  position: relative;
}
.service-wrap .sub-cont #content-mark {
  position: absolute;
  top: -20rem;
}
.service-wrap .sec-title {
  font-size: 4rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 5rem;
}

.service-wrap .ico-list {
  display: flex;
  flex-wrap: wrap;
}
.service-wrap .ico-list li {
  width: calc(33.333% - 2.333rem);
  background: #fff;
  border: 1px solid #dddddd;
  text-align: center;
  padding: 6rem 4rem;
  margin-right: 3.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.service-wrap .ico-list li .ico {
  display: inline-block;
  animation: sm-ico-ani 1.5s both linear infinite alternate;
}
.service-wrap .ico-list li p {
  margin-top: 2rem;
  font-size: 2rem;
  color: #111;
  font-weight: 500;
}
.service-wrap .ico-list li dl {
  text-align: left;
  margin-top: 3rem;
}
.service-wrap .ico-list li dt {
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
  color: #111;
  margin-bottom: 2rem;
}
.service-wrap .ico-list li dd {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 1rem;
  color: #555555;
  line-height: 1.5;
}
.service-wrap .ico-list li dd::before {
  display: inline-block;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #555;
  position: absolute;
  top: 0.8rem;
  left: 0;
}
.service-wrap .ico-list li dd:last-child {
  margin-bottom: 0;
}
.service-wrap .ico-list li .n-txt {
  line-height: 1.625;
  color: #555;
  display: block;
  margin-top: 3rem;
}

@media (min-width: 1024px) {
  .service-wrap .ico-list:not(.four) li:nth-child(3n) {
    margin-right: 0;
  }
  .service-wrap .ico-list:not(.four) li:nth-child(n + 4) {
    margin-top: 3.5rem;
  }

  .service-wrap .ico-list.four li {
    margin-right: 3rem;
    width: calc(25% - 2.25rem);
    padding: 5rem 3.5rem;
  }
  .service-wrap .ico-list.four li:nth-child(4n) {
    margin-right: 0;
  }
  .service-wrap .ico-list.four li dd {
    padding-left: 1rem;
    line-height: inherit;
  }
  .service-wrap .ico-list.four li dd::before {
    width: 3px;
    height: 3px;
  }
}

.service-wrap .btnbox {
  margin-top: 3rem;
}
.service-wrap .btnbox a {
  display: inline-flex;
  align-items: center;
  height: 5rem;
  border: 1px solid #eaeaea;
  padding: 0 2rem;
  margin-right: 0.5rem;
  color: #555;
}
.service-wrap .btnbox a .ico {
  margin-left: 3rem;
  display: inline-block;
}
.service-wrap .btnbox a .ico-go {
  width: 1.5rem;
  height: 1.4rem;
  background: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/ico-go.png)
    no-repeat center/contain;
}
.service-wrap .btnbox a .ico-down {
  width: 1.4rem;
  height: 1.4rem;
  background: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/ico-down.png)
    no-repeat center/contain;
}
.service-wrap .btnbox a:hover {
  background: #111;
  color: #fff;
  transition: all 0.3s;
}
.service-wrap .btnbox a:hover .ico-go {
  background-image: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/ico-go-on.png);
}
.service-wrap .btnbox a:hover .ico-down {
  background-image: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/ico-down-on.png);
}

/* TOP INFO SECTION */
.service-info-sec {
  padding: 12rem 0;
}
.service-info-sec + .service-site-sec {
  padding: 0;
}
.service-info-sec .txtbox {
  text-align: center;
}
.service-info-sec .txtbox h3 {
  font-size: 3.5rem;
  font-weight: 700;
}
.service-info-sec .txtbox p {
  font-size: 1.8rem;
  color: #333;
  line-height: 1.555;
}
.service-info-sec .txtbox p:before {
  display: block;
  content: "";
  width: 1px;
  height: 6rem;
  background: #dddddd;
  margin: 3rem auto;
}
.service-info-sec .txtbox p .line {
  position: relative;
  display: inline-block;
}
.service-info-sec .txtbox p .line:before {
  display: block;
  content: "";
  width: calc(100% + 0.2rem);
  height: 1.1rem;
  background: #ffd9da;
  position: absolute;
  bottom: 0.2rem;
  left: -0.1rem;
  z-index: -1;
}
.service-info-sec .list {
  display: flex;
  justify-content: center;
  text-align: center;
  margin-top: 7rem;
}
.service-info-sec .list li {
  border: 1px solid #ddd;
  padding: 9rem 3% 6.5rem 3%;
  width: calc(25% + 1rem);
  margin-right: 4rem;
}
.service-info-sec .list li:last-child {
  margin-right: 0;
}
.service-info-sec .list li .ico {
  display: inline-block;
  animation: sm-ico-ani 1.5s both linear infinite alternate;
}
.service-info-sec .list li dl {
  margin-top: 3rem;
}
.service-info-sec .list li dt {
  font-size: 3.4rem;
  font-weight: 600;
  color: #111;
}
.service-info-sec .list li dt:after {
  display: block;
  content: "";
  width: 4rem;
  height: 2px;
  background: #ed1b23;
  margin: 2rem auto;
}
.service-info-sec .list li dd {
  line-height: 1.33;
}

@keyframes sm-ico-ani {
  from {
    transform: rotate(-7deg);
  }

  to {
    transform: rotate(7deg);
  }
}

@media (min-width: 1024px) {
  .service-info-sec .list.three li {
    width: calc(33.333% - 3.333rem);
    margin-right: 5rem;
  }
  .service-info-sec .list.three li:last-child {
    margin-right: 0;
  }
  .service-info-sec .list.three li dl {
    margin-top: 3.5rem;
  }
  .service-info-sec .list.three li dt {
    font-weight: 800;
  }
  .service-info-sec .list.three li dt:after {
    margin: 3rem auto;
  }
}

/* WIPS Service Platform  */
.service-platform-sec {
  background: #f7f7f7;
  padding: 12rem 0;
}
.service-platform-sec .whitebox {
  background: #fff;
  padding: 8rem;
}
.service-platform-sec .whitebox article:nth-child(n + 2)::before {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background: #dddddd;
  margin: 6rem 0;
}
.service-platform-sec .top-graff {
  display: flex;
  align-items: center;
}
.service-platform-sec .top-graff .left {
  text-align: center;
  flex-shrink: 0;
}
.service-platform-sec .top-graff .left .logo {
  margin-bottom: 1.5rem;
  display: inline-block;
}
.service-platform-sec .top-graff .left .ico {
  margin-bottom: 1.5rem;
  display: inline-block;
  width: 8rem;
  position: absolute;
  top: -4rem;
}
.service-platform-sec .top-graff .left .grybox {
  background: #eaeaea;
  padding: 4.5rem 4rem 1.5rem 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-top: 4.5rem;
}
.service-platform-sec .top-graff .left ul {
  text-align: left;
}
.service-platform-sec .top-graff .left ul li {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.service-platform-sec .top-graff .left ul li.last {
  margin-bottom: 0;
}
.service-platform-sec .top-graff .left ul li:last-child {
  margin-bottom: 0;
}
.service-platform-sec .top-graff .left ul li::before {
  display: inline-block;
  content: "";
  width: 3px;
  height: 3px;
  background: #ed1b23;
  border-radius: 50%;
  margin-right: 0.8rem;
}
.service-platform-sec .top-graff .left ul li.no-blt::before {
  opacity: 0;
}
.service-platform-sec .top-graff .md-arr {
  margin-top: 3.5rem;
  margin-right: 1.5rem;
  flex-shrink: 0;
}
.service-platform-sec .top-graff .md-arr span.only-mo {
  display: none;
}
.service-platform-sec .top-graff .right {
  width: 100%;
}
.service-platform-sec .top-graff .right .row {
  margin-bottom: 2rem;
}
.service-platform-sec .top-graff .right .row:last-child {
  margin-bottom: 0;
}
.service-platform-sec .top-graff .right .row .title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 3.5rem;
  width: 16.2rem;
  border-radius: 5px 5px 0 0;
  background: #eaeaea;
  font-size: 1.8rem;
  color: #666666;
  text-align: center;
}
.service-platform-sec .top-graff .right .row .logobox-wrap {
  position: relative;
  overflow: hidden;
}
.service-platform-sec .top-graff .right .row .logobox-wrap:before {
  /*제일왼쪽선*/
  background: #da2128;
  display: block;
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-100%);
}
.service-platform-sec .top-graff .right .row .logobox-wrap:after {
  /*제일아래선*/
  background: #da2128;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
}
.service-platform-sec .top-graff .right .row .logobox:before {
  /*제일오른쪽선*/
  background: #da2128;
  display: block;
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(100%);
}
.service-platform-sec .top-graff .right .row .logobox:after {
  /*제일위쪽선*/
  background: #da2128;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(100%);
}
.service-platform-sec .top-graff .right .row .logobox {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 7.7rem;
  width: 100%;
  border: 1px solid #eaeaea;
}
.service-platform-sec .top-graff .right .row .logobox span {
  display: inline-block;
  margin: 0 1rem;
}
.service-platform-sec .top-graff .right .row03 .logobox span {
  margin: 0 1.7rem;
}
.service-platform-sec .top-graff.aos-animate .right .row.active .title {
  color: #fff;
  background: #da2128;
  transition: 0.2s;
  transition-delay: 0.5s;
}
.service-platform-sec
  .top-graff.aos-animate
  .right
  .row.active
  .logobox-wrap:before {
  transform: translateY(0);
  transition: 0.4s;
  transition-delay: 0.7s;
}
.service-platform-sec
  .top-graff.aos-animate
  .right
  .row.active
  .logobox-wrap:after {
  transform: translateX(0);
  width: 100%;
  transition: 0.8s;
  transition-delay: 1.1s;
}
.service-platform-sec
  .top-graff.aos-animate
  .right
  .row.active
  .logobox:before {
  transform: translateY(0);
  height: 100%;
  transition: 0.4s;
  transition-delay: 1.8s;
}
.service-platform-sec .top-graff.aos-animate .right .row.active .logobox:after {
  transform: translateX(0);
  width: 100%;
  transition: 0.8s;
  transition-delay: 2.1s;
}

.service-platform-sec .bot-info {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5rem 0;
}
.service-platform-sec .bot-info .box {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 35rem;
  height: 9.1rem;
  background: #efefef;
  border: 1px solid #dddddd;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}
.service-platform-sec .bot-info .box:nth-child(2) {
  margin-top: 2.5rem;
}
.service-platform-sec .bot-info .center {
  flex-shrink: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.service-platform-sec .bot-info .box:after {
  display: block;
  content: "";
  width: 60px;
  height: 1px;
  border: 1px dashed #f1c6c8;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.service-platform-sec .bot-info .box:before {
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  background: #da2128;
  border: 3px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.service-platform-sec .bot-info .right {
  text-align: right;
}

.service-platform-sec .bot-info .left .box:after {
  right: -60px;
}
.service-platform-sec .bot-info .left .box:before {
  right: -64px;
}

.service-platform-sec .bot-info .right .box:after {
  left: -60px;
}
.service-platform-sec .bot-info .right .box:before {
  left: -64px;
}

/* 각 사이트 SECTION */
.service-site-sec {
  padding: 12rem 0 0 0;
}
.service-site-sec article {
  margin-bottom: 13rem;
}
.service-site-sec article:last-of-type {
  margin-bottom: 0;
}
.service-site-sec .btnbox a {
  margin-right: 2.5rem;
}

.service-site-sec .img-area .img {
  display: inline-block;
  position: relative;
}
.service-site-sec .img-area .view-btn {
  transition: 0.2s;
  position: absolute;
  bottom: 3rem;
  right: -7.6rem;
  width: 15.2rem;
  height: 15.2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-site-sec .img-area .view-btn .ico {
  display: inline-block;
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 50%;
  background: #fff
    url(http://imvita-korea.com/theme/eb4_basic/page/img/product/ico-site-arr.png)
    no-repeat center;
  background-size: 1.6rem auto;
  z-index: 1;
  position: relative;
}
.service-site-sec .img-area .view-btn .rot-bg {
  display: inline-block;
  width: 10.9rem;
  height: 10.9rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: circle-rotate 15s both linear infinite;
}
.service-site-sec .img-area .view-btn.wintelips-btn .rot-bg {
  background: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/wintelips-btn-deco.png)
    no-repeat center/contain;
}
.service-site-sec .img-area .view-btn.wipson-btn .rot-bg {
  background: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/wipson-btn-deco.png)
    no-repeat center/contain;
}
.service-site-sec .img-area .view-btn.intomark-btn .rot-bg {
  background: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/intomark-btn-deco.png)
    no-repeat center/contain;
}
.service-site-sec .img-area .view-btn.wipsglobal-btn .rot-bg {
  background: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/wipsglobal-btn-deco.png)
    no-repeat center/contain;
}
.service-site-sec .img-area .view-btn.patbridge-btn .rot-bg {
  background: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/patbridge-btn-deco.png)
    no-repeat center/contain;
}
.service-site-sec .img-area .view-btn.build-btn .rot-bg {
  background: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/build-btn-deco.png)
    no-repeat center/contain;
}
.service-site-sec .img-area .view-btn.wipsprism-btn .rot-bg {
  background: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/wipsprism-btn-deco.png)
    no-repeat center/contain;
}
.service-site-sec .img-area .view-btn.wipsclip-btn .rot-bg {
  background: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/wipsclip-btn-deco.png)
    no-repeat center/contain;
}
.service-site-sec .img-area .view-btn.ipazon-btn .rot-bg {
  background: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/ipazon-btn-deco.png)
    no-repeat center/contain;
}

@media (min-width: 1024px) {
  .service-site-sec .img-area.ta-r {
    text-align: right;
  }
  .service-site-sec .img-area.ta-r + .info-area:not(.whitebox) {
    padding-top: 0;
  }

  .service-site-sec .img-area .view-btn:hover .ico {
    background-image: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/ico-site-arr-on.png);
  }
  .service-site-sec .img-area .view-btn:hover {
    background-color: #fff;
  }
}

@keyframes circle-rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.service-site-sec .info-area {
  padding: 8rem 5rem 0 5rem;
}
.service-site-sec .info-area .bg-txt {
  width: calc(100% + 25rem);
  font-size: 13.69rem;
  color: #111111;
  line-height: 1;
  font-weight: 800;
  opacity: 0.03;
  text-align: right;
}
.service-site-sec .info-area h4 {
  font-size: 3.4rem;
  font-weight: 800;
  position: relative;
}
.service-site-sec .info-area h4:before {
  display: block;
  content: "";
  width: 300vw;
  height: 38.2rem;
  z-index: -1;
  background: #f7f7f7;
  position: absolute;
  bottom: 0;
  left: -100vw;
}
.service-site-sec .info-area h4::after {
  display: block;
  content: "";
  width: 3rem;
  height: 2px;
  background: #ed1b23;
  margin: 4rem 0;
}
.service-site-sec .info-area .txt01 {
  font-size: 2.4rem;
  font-weight: 700;
}
.service-site-sec .info-area .txt02 {
  font-size: 1.8rem;
  color: #555;
  line-height: 1.55;
  margin-top: 2rem;
}
.service-site-sec .info-area .txt02 .sm-txt {
  font-size: 1.4rem;
  color: #344f7c;
}
.service-site-sec .info-area.whitebox {
  background: #fff;
  padding: 6rem 6rem 0 5rem;
  margin-right: 16rem;
  transform: translateY(-9.5rem);
}
.service-site-sec .info-area.whitebox h4:before {
  display: none;
}

@media (min-width: 1024px) {
  .service-site-sec .info-area.whitebox.align-r {
    margin-right: 0;
    margin-left: 38rem;
  }
  .service-site-sec .info-area.whitebox.align-r {
    padding: 6rem 0 0 8rem;
  }
}

.service-site-sec .feature-area {
  padding: 0 0 0 5rem;
}
.service-site-sec .feature-area h4 {
  font-size: 2.6rem;
  font-weight: 800;
  line-height: 1;
}
.service-site-sec .feature-area h4:before {
  display: inline-block;
  content: "";
  vertical-align: text-top;
  background: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/feature-title-bul.png)
    no-repeat center;
  width: 0.5rem;
  height: 2.8rem;
  margin-right: 1.2rem;
}
.service-site-sec .feature-area .txtbox {
  display: flex;
  flex-wrap: wrap;
}
.service-site-sec .feature-area .txtbox dl {
  width: 50%;
  padding-top: 6rem;
}
.service-site-sec .feature-area .txtbox dl:nth-child(odd) {
  padding-right: 2rem;
}
.service-site-sec .feature-area .txtbox dt {
  font-size: 2.2rem;
  font-weight: 800;
  margin-bottom: 3.5rem;
}
.service-site-sec .feature-area .txtbox dt strong {
  color: #ed1b23;
}
.service-site-sec .feature-area .txtbox dd {
  color: #555;
  line-height: 1.5;
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 1rem;
}
.service-site-sec .feature-area .txtbox dd:last-child {
  margin-bottom: 0;
}
.service-site-sec .feature-area .txtbox dd::before {
  position: absolute;
  top: 1rem;
  left: 0;
  display: inline-block;
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  background: #555555;
  border-radius: 50%;
}
.service-site-sec .feature-area .txtbox dd strong {
  color: #333;
  font-weight: 600;
}
.service-site-sec .feature-area .txtbox dd small {
  color: #333;
  font-size: 1.4rem;
  line-height: 1.5;
}

.service-bnr-sec {
  padding-bottom: 7rem;
}

/* slayout01 */
.slayout01 {
  padding-left: 5rem;
}
.slayout01 h4 {
  font-size: 3.4rem;
  font-weight: 800;
  margin-bottom: 7rem;
}
.slayout01 h4.mb-0 {
  margin-bottom: 0;
}
.slayout01 .title-desc {
  margin-top: 1.5rem;
  font-size: 1.8rem;
  margin-bottom: 5rem;
}
.slayout01 .title-desc.mb-0 {
  margin-bottom: 0;
}
.slayout01 .row {
  display: flex;
  margin-bottom: 11rem;
}
.slayout01 .row:last-child {
  margin-bottom: 0;
}
.slayout01 .row.wrap {
  flex-wrap: wrap;
}
.slayout01 .row .left {
  flex-shrink: 0;
  width: 41rem;
  padding-right: 6rem;
}
.slayout01 .row .left .tit {
  font-size: 2.6rem;
  font-weight: 800;
  line-height: 1;
}
.slayout01 .row .left .tit:before {
  display: inline-block;
  content: "";
  vertical-align: text-top;
  background: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/feature-title-bul.png)
    no-repeat center;
  width: 0.5rem;
  height: 2.8rem;
  margin-right: 1.2rem;
}
.slayout01 .row .right {
  width: calc(100% - 41rem);
}
.slayout01 .row .right .chk-list {
  width: 100%;
}
.slayout01 .row .right .chk-list li {
  width: 100%;
  margin-bottom: 0.5rem;
  border: 1px solid #dddddd;
  border-left: 4px solid #ed1b23;
  color: #555;
  padding: 1.5rem 2rem 1.5rem 3.5rem;
}
.slayout01 .row .right .chk-list li:last-child {
  margin-bottom: 0;
}
.slayout01 .row .right .chk-list li p {
  display: flex;
}
.slayout01 .row .right .chk-list li p:before {
  margin-top: 0.2rem;
  display: inline-block;
  content: "";
  background: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/chk-list-bul.png)
    no-repeat center;
  width: 1.4rem;
  height: 1.1rem;
  flex-shrink: 0;
  margin-right: 0.8rem;
}
.slayout01 .row .right .chk-list li .flex-p strong {
  flex-shrink: 0;
}
.slayout01 .row .right .chk-list li .flex-p span {
  line-height: 1.4;
  margin-left: 0.2rem;
}
.slayout01 .row .right .bot-note {
  display: block;
  font-size: 1.4rem;
  color: #344f7c;
  margin-top: 1rem;
}
.slayout01 .row .full {
  width: 100%;
}
.slayout01 .row .full .img-list {
  display: flex;
  margin-top: 5rem;
}
.slayout01 .row .full .img-list li {
  width: calc(25% - 1.875rem);
  margin-right: 3.5rem;
}
.slayout01 .row .full .img-list li:nth-child(4n) {
  margin-right: 0;
}
.slayout01 .row .full .img-list li .img {
  border: 1px solid #ddd;
}
.slayout01 .row .full .img-list li p {
  color: #555555;
  text-align: center;
  margin-top: 2rem;
}

.slayout01 .row .right .step-row {
  margin-bottom: 6rem;
}
.slayout01 .row .right .step-row:last-child {
  margin-bottom: 0;
}
.slayout01 .row .right .step-row .row-tit {
  font-size: 2rem;
  font-weight: 600;
  color: #111;
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 2rem;
}
.slayout01 .row .right .step-row .row-tit::before {
  display: inline-block;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #111;
  position: absolute;
  top: 1rem;
  left: 0;
}
.slayout01 .row .right .step-list {
  display: flex;
  align-items: center;
  text-align: center;
}
.slayout01 .row .right .step-list .step {
  width: 33.333%;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.slayout01 .row .right .step-list .arr {
  flex-shrink: 0;
  margin: 0 1rem;
}
.slayout01 .row .right .step-list .step-tit {
  background: #344f7c;
  color: #fff;
  padding: 0.8rem;
}
.slayout01 .row .right .step-list .step-txt {
  color: #555;
  line-height: 1.375;
  border: 1px solid #ddd;
  padding: 1.5rem 0.5rem;
  height: 12.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slayout01 .row .right .step-list .step-txt p {
}
.slayout01 .row .right .step-list .step-txt small {
  display: block;
  font-size: 1.4rem;
}

/* slayout02 */
.slayout02 {
  position: relative;
}
.slayout02::after {
  display: block;
  content: "";
  z-index: -1;
  width: 100%;
  height: calc(100% - 22rem);
  position: absolute;
  bottom: 0;
  left: 0;
  background: #f7f7f7;
}
.slayout02 .flex-row {
  display: flex;
  margin-top: 7rem;
}
.slayout02 .flex-row .left {
  width: 41rem;
  padding-right: 5rem;
  flex-shrink: 0;
}
.slayout02 .flex-row .left strong {
  display: block;
  font-size: 4rem;
  color: #111;
  font-weight: 800;
}
.slayout02 .flex-row .left p {
  display: block;
  font-size: 1.8rem;
  color: #333;
  line-height: 1.44;
  margin-top: 1rem;
}
.slayout02 .flex-row .right {
  width: calc(100% - 41rem);
}
.slayout02 .flex-row .right p {
  font-size: 1.8rem;
  color: #333;
  line-height: 1.555;
}
.slayout02 .graff {
  background: #fff;
  text-align: center;
  padding: 5rem;
  margin-top: 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slayout02 .graff .img {
  margin: 0 3rem;
  display: inline-block;
}
.slayout02 .graff.column {
  flex-direction: column;
  padding: 2.5rem 3rem;
  margin-top: 6rem;
}
.slayout02 .graff.column .img {
  position: relative;
  margin: 0;
}
.slayout02 .graff.column .img:nth-child(n + 2)::before {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background: #dddddd;
  margin: 4rem 0;
}
.slayout02 .ico-list {
  padding-top: 6rem;
  padding-bottom: 7rem;
}

/* slayout03 */
.slayout03 article {
  display: flex;
  margin-bottom: 11rem;
}
.slayout03 article:last-child {
  margin-bottom: 0;
}
.slayout03 article .img {
  flex-shrink: 0;
  margin-right: 6rem;
  width: 48.9rem;
}
.slayout03 article .txtbox {
  width: calc(100% - 54.9rem);
}
.slayout03 article .txtbox .title {
  font-size: 2.6rem;
  font-weight: 800;
  line-height: 1;
}
.slayout03 article .txtbox .title:before {
  display: inline-block;
  content: "";
  vertical-align: text-top;
  background: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/feature-title-bul.png)
    no-repeat center;
  width: 0.5rem;
  height: 2.8rem;
  margin-right: 1.2rem;
}
.slayout03 article .txtbox .desc {
  margin-top: 3rem;
  line-height: 1.75;
}
.slayout03 article .txtbox .note {
  margin-top: 1rem;
  line-height: 1.428;
  color: #344f7c;
  font-size: 1.4rem;
}
.slayout03 article .txtbox .note.has-star {
  display: flex;
}
.slayout03 article .txtbox .note.has-star .star {
  flex-shrink: 0;
}
.slayout03 article .txtbox .process {
  margin-top: 3rem;
}

/* BANNER */
.service-bnr {
  padding: 3.5rem 4.5rem;
  border: 1px solid #eaeaea;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 11rem;
}
.service-bnr p {
  font-size: 2rem;
  color: #111;
  font-weight: 700;
}
.service-bnr .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 19.3rem;
  height: 5rem;
  padding: 0 2.5rem;
  border-radius: 2.5rem;
  background: #d81a26;
  color: #fff;
}
.service-bnr .btn .arr {
  margin-left: 0.8rem;
  transition: 0.3s;
}
.service-bnr .btn:hover .arr {
  transform: translateX(0.8rem);
}

/* 컨설팅 - 특허컨설팅 */
#consulting01-pg .sec-title {
  margin-bottom: 7rem;
}
#consulting01-pg .sec02 {
  padding-bottom: 14rem;
}
#consulting01-pg .sec03 {
  padding-top: 11rem;
}
#consulting01-pg .sec03 .process-list {
  display: flex;
  align-items: center;
  justify-content: center;
}
#consulting01-pg .sec03 .process-list li {
  display: flex;
  align-items: center;
}
#consulting01-pg .sec03 .process-list li:after {
  display: inline-block;
  content: "";
  background: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/consulting01-process-arr.png)
    no-repeat center/contain;
  width: 1.5rem;
  height: 1.7rem;
  margin: 0 2rem;
}
#consulting01-pg .sec03 .process-list li:last-child:after {
  display: none;
}
#consulting01-pg .sec03 .process-list li .circle {
  width: 24.2rem;
  height: 24.2rem;
  background: #fff;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  margin: 1rem;
}
#consulting01-pg .sec03 .process-list li .circle::before {
  display: block;
  content: "";
  background: #fff;
  border: 1px solid #ed1b23;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 1rem);
  height: calc(100% - 1rem);
  transform: translate(-50%, -50%);
}
#consulting01-pg .sec03 .process-list li .circle::after {
  display: block;
  content: "";
  z-index: -1;
  background: #6c6e71;
  opacity: 0.1;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% + 2rem);
  height: calc(100% + 2rem);
  transform: translate(-50%, -50%);
}
#consulting01-pg .sec03 .process-list li .circle .ico {
  position: relative;
}
#consulting01-pg .sec03 .process-list li .circle p {
  font-size: 1.8rem;
  color: #333;
  margin-top: 2rem;
  position: relative;
}
#consulting01-pg .sec04 {
  padding-top: 16rem;
}

/* 컨설팅 - R&BD 전략 */
#consulting02-pg .sec-title {
  margin-bottom: 7rem;
}
#consulting02-pg .sec01 {
  margin-top: 14rem;
  padding-bottom: 6.5rem;
}
#consulting02-pg .sec02 {
  padding-top: 7.5rem;
}
#consulting02-pg .sec02 table {
  width: 100%;
  border-top: 1px solid #dedede;
  margin-top: 2.5rem;
}
#consulting02-pg .sec02 table th {
  background: #344f7c;
  color: #fff;
  font-weight: 600;
  text-align: center;
  border-bottom: 1px solid #263e68;
}
#consulting02-pg .sec02 table td {
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
}
#consulting02-pg .sec02 table th,
#consulting02-pg .sec02 table td {
  padding: 2rem 3rem;
}
#consulting02-pg .sec02 table tr:last-child th {
  border-bottom: none;
}
#consulting02-pg .sec02 table td p {
  position: relative;
  padding-left: 1rem;
  margin-bottom: 1rem;
}
#consulting02-pg .sec02 table td p::before {
  display: inline-block;
  content: "";
  width: 3px;
  height: 3px;
  background: #666666;
  border-radius: 50%;
  position: absolute;
  top: 1rem;
  left: 0;
}
#consulting02-pg .sec02 table td p:last-child {
  margin-bottom: 0;
}
#consulting02-pg .sec02 .feature {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2rem;
}
#consulting02-pg .sec02 .feature .box {
  display: flex;
  align-items: center;
  width: 50%;
  margin: 1.5rem 0;
}
#consulting02-pg .sec02 .feature .box .ico {
  margin-right: 2rem;
  flex-shrink: 0;
}
#consulting02-pg .sec02 .feature .box dl dt {
  font-weight: 600;
  color: #111;
  font-size: 1.8rem;
}
#consulting02-pg .sec02 .feature .box dl dd {
  margin-top: 1rem;
  line-height: 1.4375;
}
#consulting02-pg .sec02 .f-dl {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2rem;
}
#consulting02-pg .sec02 .f-dl .box {
  width: calc(50% - 0.5rem);
  margin-top: 1rem;
}
#consulting02-pg .sec02 .f-dl .box:nth-child(2n) {
  margin-left: 1rem;
}
#consulting02-pg .sec02 .f-dl .box dt {
  text-align: center;
  color: #fff;
  padding: 1.2rem;
  background: #344f7c;
}
#consulting02-pg .sec02 .f-dl .box dd {
  border: 1px solid #ddd;
  border-top: none;
  padding: 2rem;
  padding-left: 7.5rem;
}
#consulting02-pg .sec02 .f-dl .box dd p {
  position: relative;
  padding-left: 0.8rem;
  margin-bottom: 1rem;
  color: #555555;
}
#consulting02-pg .sec02 .f-dl .box dd p::before {
  display: inline-block;
  content: "";
  width: 2px;
  height: 2px;
  background: #555;
  position: absolute;
  top: 0.8rem;
  left: 0;
}
#consulting02-pg .sec02 .f-dl .box dd p:last-child {
  margin-bottom: 0;
}

#consulting02-pg .sec02 .arti-06 .bot-area {
  display: flex;
  align-items: center;
  margin-top: 2.5rem;
}
#consulting02-pg .sec02 .arti-06 .bot-area .left {
  margin-right: 3rem;
  flex-shrink: 0;
}
#consulting02-pg .sec02 .arti-06 .bot-area .f-dl .box {
  width: 100%;
}
#consulting02-pg .sec02 .arti-06 .bot-area .f-dl .box:nth-child(2n) {
  margin-left: 0;
}
#consulting02-pg .sec02 .arti-06 .bot-area .f-dl .box dd {
  padding: 2rem;
  text-align: center;
}

/* 컨설팅 - 기술사업화 */
#consulting0301-pg {
  margin-top: 13rem;
}
#consulting0301-pg .slayout01 {
  padding-left: 0;
}
#consulting0301-pg .sec02 {
  padding-top: 9rem;
}
#consulting0301-pg .sec02 .row {
  display: flex;
  margin-bottom: 11rem;
}
#consulting0301-pg .sec02 .row:last-child {
  margin-bottom: 0;
}
#consulting0301-pg .sec02 .row .img {
  flex-shrink: 0;
  margin-right: 7rem;
  width: 47rem;
}
#consulting0301-pg .sec02 .row .txtbox .tit {
  font-size: 3.4rem;
  font-weight: 800;
}
#consulting0301-pg .sec02 .row .txtbox .desc {
  margin-top: 2rem;
  line-height: 1.75;
}
#consulting0301-pg .sec03 {
  padding-top: 10rem;
}
#consulting0301-pg .sec04 {
  padding-top: 14rem;
}

#consulting0301-pg .process-list {
  display: flex;
  justify-content: center;
}
#consulting0301-pg .process-list li {
  display: flex;
}
#consulting0301-pg .process-list li:after {
  display: inline-block;
  content: "";
  background: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/consulting03-process-arr.png)
    center no-repeat;
  width: 1rem;
  height: 17.7rem;
  margin: 0 1rem;
}
#consulting0301-pg .process-list li:last-child:after {
  display: none;
}
#consulting0301-pg .process-list li .circle {
  font-size: 1.915rem;
  color: #111;
  text-align: center;
  line-height: 1.47;
  width: 17.7rem;
  height: 17.7rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
#consulting0301-pg .process-list li .circle.step01 {
  background: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/consulting03-process-bg01.png)
    no-repeat center/contain;
}
#consulting0301-pg .process-list li .circle.step02 {
  background: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/consulting03-process-bg02.png)
    no-repeat center/contain;
}
#consulting0301-pg .process-list li .circle.step03 {
  background: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/consulting03-process-bg03.png)
    no-repeat center/contain;
}
#consulting0301-pg .process-list li .circle.step04 {
  background: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/consulting03-process-bg04.png)
    no-repeat center/contain;
}
#consulting0301-pg .process-list li .circle.step05 {
  background: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/consulting03-process-bg05.png)
    no-repeat center/contain;
}
#consulting0301-pg .process-list li .circle.step06 {
  background: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/consulting03-process-bg06.png)
    no-repeat center/contain;
}

#consulting0301-pg .process-list li .txtbox {
  margin-top: 2.5rem;
}
#consulting0301-pg .process-list li .txtbox p {
  position: relative;
  padding-left: 0.8rem;
  margin-bottom: 0.5rem;
  color: #555555;
  line-height: 1.5;
}
#consulting0301-pg .process-list li .txtbox p::before {
  display: inline-block;
  content: "";
  width: 2px;
  height: 2px;
  background: #555;
  position: absolute;
  top: 0.8rem;
  left: 0;
}
#consulting0301-pg .process-list li .txtbox p:last-child {
  margin-bottom: 0;
}

/* 컨설팅 - 디자인사업화 */
#consulting04-pg .sec01 {
  margin-top: 14rem;
  padding-bottom: 6.5rem;
}
#consulting04-pg .sec02 {
  padding-top: 10rem;
}
#consulting04-pg .sec03 {
  padding-top: 10rem;
}
#consulting04-pg .sec04 {
  padding-top: 10rem;
}

#consulting04-pg .history {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#consulting04-pg .history .img-area {
  margin-right: 2rem;
}
#consulting04-pg .history .img-area .img {
  margin-bottom: 5.5rem;
}
#consulting04-pg .history .img-area .img:last-child {
  margin-bottom: 0;
}
#consulting04-pg .history .cont-area {
  position: relative;
}
#consulting04-pg .history .cont-area .year-w {
  margin-bottom: 6.5rem;
  display: flex;
}
#consulting04-pg .history .cont-area .year-w:last-child {
  margin-bottom: 0;
}
#consulting04-pg .history .cont-area .year-w:last-child .year:after {
  display: inline-block;
  content: "";
  width: 2px;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0.3rem;
  left: 0;
  z-index: 1;
}
#consulting04-pg .history .cont-area .year {
  font-weight: 600;
  color: #111;
  margin-right: 4rem;
  flex-shrink: 0;
  position: relative;
  padding-left: 3rem;
}
#consulting04-pg .history .cont-area .year::before {
  display: inline-block;
  content: "";
  width: 1.3rem;
  height: 1.3rem;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #da2128;
  position: absolute;
  top: 0.3rem;
  left: -0.5rem;
  z-index: 2;
}

#consulting04-pg .history .cont-area .txtbox dl {
  margin-bottom: 3rem;
}
#consulting04-pg .history .cont-area .txtbox dl:last-child {
  margin-bottom: 0;
}
#consulting04-pg .history .cont-area .txtbox dt {
  font-weight: 600;
  color: #111;
  position: relative;
  padding-left: 1rem;
}
#consulting04-pg .history .cont-area .txtbox dt::before {
  display: inline-block;
  content: "";
  width: 3px;
  height: 3px;
  background: #111111;
  border-radius: 50%;
  position: absolute;
  top: 0.8rem;
  left: 0;
}
#consulting04-pg .history .cont-area .txtbox dd {
  color: #555555;
  padding-left: 1rem;
  margin-top: 1rem;
}

#consulting04-pg .history .h-line {
  position: absolute;
  left: 0;
  top: 8px;
  width: 2px;
  height: calc(100% - 8px);
  background: #dddddd;
}
#consulting04-pg .history .h-line .bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 0;
  background-color: #d91b27;
}

/* 기술가치평가 */
#skill01-pg .sec03 {
  padding-top: 15rem;
}
#skill01-pg .sec04 {
  padding-top: 15rem;
}

#skill01-pg .process-list {
  display: flex;
  justify-content: center;
}
#skill01-pg .process-list li {
  display: flex;
  align-items: center;
}
#skill01-pg .process-list li:after {
  display: inline-block;
  content: "";
  background: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/skill01-process-arr.png)
    center no-repeat;
  width: 0.9rem;
  height: 1.4rem;
  margin: 0 0.6rem;
}
#skill01-pg .process-list li:last-child:after {
  display: none;
}
#skill01-pg .process-list li .circle {
  color: #111;
  text-align: center;
  width: 14.8rem;
  height: 14.8rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
#skill01-pg .process-list li .circle.step01 {
  background: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/skill01-process-bg01.png)
    no-repeat center/contain;
}
#skill01-pg .process-list li .circle.step02 {
  background: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/skill01-process-bg02.png)
    no-repeat center/contain;
}
#skill01-pg .process-list li .circle.step03 {
  background: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/skill01-process-bg03.png)
    no-repeat center/contain;
}
#skill01-pg .process-list li .circle.step04 {
  background: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/skill01-process-bg04.png)
    no-repeat center/contain;
}
#skill01-pg .process-list li .circle.step05 {
  background: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/skill01-process-bg05.png)
    no-repeat center/contain;
}
#skill01-pg .process-list li .circle.step06 {
  background: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/skill01-process-bg06.png)
    no-repeat center/contain;
}
#skill01-pg .process-list li .circle.step07 {
  background: url(http://imvita-korea.com/theme/eb4_basic/page/img/product/skill01-process-bg07.png)
    no-repeat center/contain;
}

#skill01-pg .ico-list li dd {
  padding-left: 1rem;
}
#skill01-pg .ico-list li dd::before {
  width: 3px;
  height: 3px;
}

/* IP 교육 */
#ipedu01-pg .sec04 {
  padding-top: 15rem;
}
#ipedu01-pg .sec05 {
  padding: 7rem 0;
  background: #f7f7f7;
  margin-top: 7rem;
}
#ipedu01-pg .sec05 .slayout01 {
  padding-right: 5rem;
}
#ipedu01-pg .sec05 .graff {
  margin-top: 7rem;
}
#ipedu01-pg .sec07 {
  padding-top: 14rem;
}
#ipedu01-pg .sec08 {
  padding-top: 13rem;
}
#ipedu01-pg .sec08 h4 {
  margin-bottom: 0;
}
#ipedu01-pg .sec08 .img {
  text-align: center;
}

#ipedu01-pg .arti-map {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#ipedu01-pg .arti-map .detail-area {
  z-index: 1;
  width: 55%;
  overflow: hidden;
}
/* #ipedu01-pg .arti-map .detailbox:not(.active) {display:none;} */
#ipedu01-pg .arti-map .detailbox {
  border: 1px solid #f9797e; /*box-shadow: 3px 4px 11.25px 3.75px rgba(218, 33, 40, 0.03);*/
  background: #fff;
  width: 100%;
  max-width: 59.1rem;
  padding: 4rem 0;
}
#ipedu01-pg .arti-map .detailbox .city-name {
  display: inline-block;
  border-radius: 0 0.5rem 0.5rem 0;
  background: #da2128;
  margin-bottom: 2rem;
  width: 15rem;
  text-align: center;
  color: #fff;
  font-weight: 600;
  padding: 1rem;
}
#ipedu01-pg .arti-map .detailbox ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0 5rem;
}
#ipedu01-pg .arti-map .detailbox ul li {
  text-align: center;
  border-bottom: 1px solid #f7f7f7;
  width: 33.333%;
  height: 8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#ipedu01-pg .arti-map .detailbox ul li.bottom {
  border-bottom: none;
}
#ipedu01-pg .arti-map .map {
  width: 40%;
  margin-left: 5%;
}
#ipedu01-pg .arti-map .swiper-wrapper {
  align-items: center;
}

#ipedu01-pg .map-bg {
  width: 100%;
  position: relative;
  max-width: 455px;
  margin: auto;
}
#ipedu01-pg .map-bg .city {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
#ipedu01-pg .map-bg .city li {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  width: 3.2rem;
  height: 4.5rem;
}

#ipedu01-pg .map-bg .city .city-trigger {
  display: block;
  background: transparent;
  width: 100%;
  height: 100%;
  padding: 4rem 0;
  font-size: 1.6rem;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  cursor: pointer;
  padding: 0;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  z-index: 2;
}
#ipedu01-pg .map-bg .city .city-trigger .txt {
  display: inline-block;
  margin-bottom: 0.3rem;
}
#ipedu01-pg .map-bg .city .city-trigger .dot {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  background: #fff;
  border: 2px solid #da2128;
}
#ipedu01-pg .map-bg .city .city-trigger.active .dot {
  background: #da2128;
  width: 0.8rem;
  height: 0.8rem;
}
#ipedu01-pg .map-bg .city .city-trigger.active .dot:after {
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.8rem;
  height: 1.8rem;
  background: rgba(218, 33, 40, 0.3);
  border-radius: 50%;
  animation: mapActiveDot 1s alternate ease-out infinite;
}

#ipedu01-pg .map-bg .city .swiper-wrapper {
  display: block;
  transform: none !important;
}
#ipedu01-pg .map-bg .city .swiper-slide {
  width: 3.2rem;
  height: 4.5rem;
  position: absolute;
}
#ipedu01-pg .map-bg .city .swiper-slide-thumb-active .dot {
  background: #da2128;
  width: 0.8rem;
  height: 0.8rem;
}
#ipedu01-pg .map-bg .city .swiper-slide-thumb-active .dot:before,
#ipedu01-pg .map-bg .city .swiper-slide-thumb-active .dot:after {
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1rem;
  height: 1rem;
  border: 0.15rem solid #da2128;
  border-radius: 50%;
  transform: scale(1) translate(-50%, -50%);
  transform-origin: center center;
  z-index: 1;
}
#ipedu01-pg .map-bg .city .swiper-slide-thumb-active .dot:before {
  animation: 1.2s pulse forwards infinite ease-in-out;
  opacity: 0.6;
}
#ipedu01-pg .map-bg .city .swiper-slide-thumb-active .dot:after {
  animation: 1.2s pulse forwards infinite 0.3s ease-in-out;
  opacity: 0;
}

@keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.5;
  }
  100% {
    transform: translate(-50%, -50%) scale(6);
    opacity: 0;
  }
}

#ipedu01-pg .map-bg .city .gyeonggi-btn {
  left: 32%;
  top: 14%;
}
#ipedu01-pg .map-bg .city .seoul-btn {
  left: 25%;
  top: 18%;
}
#ipedu01-pg .map-bg .city .inchoen-btn {
  left: 13%;
  top: 16%;
}
#ipedu01-pg .map-bg .city .suwon-btn {
  left: 25%;
  top: 23.5%;
}
#ipedu01-pg .map-bg .city .cheonan-btn {
  left: 26%;
  top: 31%;
}
#ipedu01-pg .map-bg .city .cheongju-btn {
  left: 39%;
  top: 34%;
}
#ipedu01-pg .map-bg .city .daejeon-btn {
  left: 33.5%;
  top: 38%;
}
#ipedu01-pg .map-bg .city .wonju-btn {
  left: 49%;
  top: 23%;
}
#ipedu01-pg .map-bg .city .gumi-btn {
  right: 34%;
  bottom: 48%;
}
#ipedu01-pg .map-bg .city .pohang-btn {
  right: 3.5%;
  bottom: 48%;
}
#ipedu01-pg .map-bg .city .busan-btn {
  right: 7%;
  bottom: 28%;
}
#ipedu01-pg .map-bg .city .yeosu-btn {
  left: 37%;
  bottom: 18%;
}

@media (max-width: 1400px) {
  .service-platform-sec .bot-info .box:before {
    z-index: 0;
    opacity: 0;
  }
}

@media (max-width: 1200px) {
  .service-wrap .sub-cont.board-view #content-mark {
    position: absolute;
    top: -18rem;
  }

  .service-site-sec .feature-area .txtbox dd .pc-br {
    display: none;
  }
  .service-site-sec .info-area .bg-txt {
    width: 100%;
    font-size: 12rem;
  }

  .slayout02 .flex-row .right p .pc-br {
    display: none;
  }

  #consulting01-pg .sec03 .process-list {
    flex-direction: column;
  }
  #consulting01-pg .sec03 .process-list li {
    display: block;
  }
  #consulting01-pg .sec03 .process-list li:after {
    display: block;
    transform: rotate(90deg);
    margin: 2rem auto;
  }

  #consulting0301-pg .sec02 .row .txtbox .desc .pc-br {
    display: none;
  }
  #ipedu01-pg .sec05 .slayout01 {
    padding-right: 0;
  }
  #consulting0301-pg .process-list {
    flex-wrap: wrap;
  }
  #consulting0301-pg .process-list li {
    margin: 1rem 0;
  }

  #skill01-pg .process-list {
    flex-wrap: wrap;
  }
  #skill01-pg .process-list li {
    margin: 1rem 0;
  }

  #ipedu01-pg .arti-map {
    margin: 5rem 0;
  }
}

@media (max-width: 1024px) {
  .top-btn {
    bottom: 3%;
    right: 3%;
  }

  .board-title h3 {
    font-size: 3.2rem;
  }
  .board-title .desc {
    font-size: 1.7rem;
  }

  .svisual .depth03-tab a {
    margin: 0 1.5rem;
  }
  .svisual .depth03-tab a .txt {
    font-size: 1.9rem;
  }

  .service-wrap .sec-title {
    font-size: 3.2rem;
  }
  .service-wrap .sub-cont {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .service-wrap .board-tab {
    margin-top: 5rem;
  }

  .service-wrap .ico-list li {
    margin-right: 2rem;
    width: calc(50% - 1rem);
  }
  .service-wrap .ico-list li:nth-child(3n) {
    margin-right: 2rem;
  }
  .service-wrap .ico-list li:nth-child(2n) {
    margin-right: 0;
  }
  .service-wrap .ico-list li p {
    font-size: 1.8rem;
  }
  .service-wrap .ico-list li:nth-child(n + 3) {
    margin-top: 2rem;
  }

  .service-info-sec .txtbox h3 {
    font-size: 3.2rem;
  }
  .service-info-sec .list {
    flex-wrap: wrap;
  }
  .service-info-sec .list li {
    width: calc(50% - 1rem);
    margin-right: 2rem;
  }
  .service-info-sec .list li:nth-child(2n) {
    margin-right: 0;
  }
  .service-info-sec .list li:nth-child(n + 3) {
    margin-top: 2rem;
  }

  .service-site-sec article {
    margin-bottom: 10rem;
  }
  .service-site-sec .img-area .img {
    padding-right: 8rem;
  }
  .service-site-sec .img-area .view-btn {
    right: 0;
    bottom: 2rem;
  }
  .service-site-sec .info-area h4 {
    font-size: 3rem;
  }
  .service-site-sec .info-area .txt01 {
    font-size: 2rem;
  }
  .service-site-sec .info-area .txt02 {
    font-size: 1.7rem;
  }
  .service-site-sec .info-area {
    padding: 6rem 0 0 2rem;
  }
  .service-site-sec .info-area .bg-txt {
    font-size: 9rem;
  }
  .service-site-sec .feature-area {
    padding: 0 0 0 2rem;
  }
  .service-site-sec .feature-area h4 {
    font-size: 2.4rem;
  }
  .service-site-sec .feature-area .txtbox dt {
    margin-bottom: 2.5rem;
    font-size: 2rem;
  }

  .service-info-sec .list li dt {
    font-size: 3rem;
  }

  .service-platform-sec {
    padding: 10rem 0;
  }
  .service-platform-sec .whitebox {
    padding: 6rem;
  }
  .service-platform-sec .top-graff .right .row .logobox {
    flex-wrap: wrap;
    height: 8.5rem;
    padding: 0.5rem;
  }
  .service-platform-sec .top-graff .right .row .logobox span {
    transform: scale(0.75);
    margin: 0 0.5rem;
  }
  .service-platform-sec .top-graff .right .row03 .logobox span {
    margin: 0 0.5rem;
  }
  .service-platform-sec .bot-info {
    flex-wrap: wrap;
    padding: 0;
  }
  .service-platform-sec .bot-info > * {
    width: 100%;
  }
  .service-platform-sec .bot-info .center {
    position: inherit;
    top: inherit;
    left: inherit;
    transform: none;
    order: -1;
    text-align: center;
    margin-bottom: 4rem;
  }
  .service-platform-sec .bot-info .box {
    width: 100%;
    height: auto;
    padding: 2rem;
    margin-top: 1rem;
  }
  .service-platform-sec .bot-info .box:nth-child(2) {
    margin-top: 1rem;
  }
  .service-platform-sec .bot-info .box:before,
  .service-platform-sec .bot-info .box:after {
    display: none;
  }

  .service-site-sec .img-area .view-btn {
    width: 10.9rem;
    height: 10.9rem;
    transform: scale(0.8);
  }

  .slayout01 {
    padding-left: 2rem;
  }
  .slayout01 h4 {
    font-size: 3.2rem;
  }
  .slayout01 .desc {
    font-size: 1.7rem;
  }
  .slayout01 .row {
    flex-wrap: wrap;
    margin-bottom: 8rem;
  }
  .slayout01 .row .left {
    width: 100%;
    padding-right: 0;
  }
  .slayout01 .row .left .tit {
    font-size: 2.4rem;
  }
  .slayout01 .row .right {
    width: 100%;
    margin-top: 3rem;
  }

  .slayout02::after {
    height: 100%;
  }
  .slayout02 .flex-row {
    flex-direction: column;
    margin-top: 5rem;
  }
  .slayout02 .flex-row .left {
    width: 100%;
    padding-right: 0;
  }
  .slayout02 .flex-row .left strong {
    font-size: 3.2rem;
  }
  .slayout02 .flex-row .right {
    width: 100%;
    margin-top: 3rem;
  }
  .slayout02 .flex-row .right p {
    font-size: 1.7rem;
  }
  .slayout02 .flex-row .left p .pc-br {
    display: none;
  }
  .slayout02 .graff {
    flex-direction: column;
  }
  .slayout02 .graff .img {
    margin: 0;
  }
  .slayout02 .graff .img:nth-child(2) {
    margin-top: 5rem;
  }

  .slayout03 article {
    margin-bottom: 10rem;
  }
  .slayout03 article .img {
    width: 35%;
    margin-right: 5%;
  }
  .slayout03 article .txtbox {
    width: 60%;
  }
  .slayout03 article .txtbox .title {
    font-size: 2.4rem;
  }

  .service-bnr {
    margin-top: 10rem;
  }

  #consulting01-pg .sec02 {
    padding: 10rem 0;
  }
  #consulting02-pg .sec02 .f-dl .box dd {
    padding-left: 2rem;
  }

  #consulting0301-pg .sec02 .row {
    margin-bottom: 10rem;
  }
  #consulting0301-pg .sec02 .row .img {
    width: 35%;
    margin-right: 5%;
  }
  #consulting0301-pg .sec02 .row .txtbox {
    width: 60%;
  }
  #consulting0301-pg .sec02 .row .txtbox .tit {
    font-size: 2.8rem;
  }
  #consulting0301-pg .process-list li .circle {
    font-size: 1.8rem;
  }

  #ipedu01-pg .arti-map .detailbox ul li {
    padding: 0 1rem;
  }
}

@media (max-width: 768px) {
  .board-title h3 {
    font-size: 2.8rem;
  }
  .board-title .desc {
    font-size: 1.6rem;
  }

  .service-wrap .sec-title {
    font-size: 2.8rem;
  }
  .service-wrap .sub-cont.board-view #content-mark {
    position: absolute;
    top: -7rem;
  }

  .svisual .depth03-tab a .txt {
    font-size: 1.8rem;
  }

  .service-wrap .ico-list li {
    padding: 4rem;
  }
  .service-wrap .ico-list li p {
    font-size: 1.6rem;
  }
  .service-wrap .ico-list li .ico {
    transform: scale(0.9);
  }

  .service-info-sec {
    padding: 8rem 0;
  }
  .service-info-sec .txtbox p {
    font-size: 1.6rem;
  }
  .service-info-sec .txtbox p .pc-br {
    display: none;
  }
  .service-info-sec .txtbox h3 {
    font-size: 2.8rem;
  }
  .service-info-sec .list li {
    padding: 4rem 3%;
  }
  .service-info-sec .list li dt {
    font-size: 2rem;
  }
  .service-info-sec .list li dt:after {
    width: 3rem;
  }
  .service-info-sec .list li .ico {
    transform: scale(0.9);
  }
  .service-info-sec .list li dd .pc-br {
    display: none;
  }

  .service-platform-sec {
    padding: 8rem 0;
  }
  .service-platform-sec .whitebox {
    padding: 3rem;
  }
  .service-platform-sec .whitebox article:nth-child(n + 2)::before {
    margin: 4rem 0;
  }
  .service-platform-sec .top-graff {
    flex-direction: column;
  }
  .service-platform-sec .top-graff .left {
    width: 100%;
  }
  .service-platform-sec .top-graff .left ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .service-platform-sec .top-graff .left ul li {
    margin-right: 1rem;
    margin-bottom: 0;
  }
  .service-platform-sec .top-graff .left ul li:last-child {
    margin-right: 0;
  }
  .service-platform-sec .top-graff .md-arr {
    margin-top: 0;
    margin-bottom: 2rem;
  }
  .service-platform-sec .top-graff .md-arr span.only-pc {
    display: none;
  }
  .service-platform-sec .top-graff .md-arr span.only-mo {
    display: inline-block;
  }
  .service-platform-sec .top-graff .right .row .logobox {
    height: auto;
    padding: 1rem;
  }

  .service-site-sec {
    padding: 8rem 0 0 0;
  }
  .service-site-sec article {
    margin-bottom: 8rem;
  }
  .service-site-sec .btnbox a {
    margin-right: 1rem;
  }
  .service-site-sec .feature-area {
    padding: 0;
  }
  .service-site-sec .feature-area h4 {
    font-size: 2.2rem;
  }
  .service-site-sec .feature-area .txtbox dl {
    width: 100%;
    padding-top: 5rem;
  }
  .service-site-sec .feature-area .txtbox dl:nth-child(odd) {
    padding-right: 0;
  }
  .service-site-sec .info-area {
    padding: 5rem 0 0 0;
  }
  .service-site-sec .info-area h4 {
    font-size: 2.4rem;
  }
  .service-site-sec .info-area h4:before {
    height: 25rem;
  }
  .service-site-sec .info-area h4::after {
    margin: 3rem 0;
  }
  .service-site-sec .info-area .bg-txt {
    font-size: 6rem;
    margin: 2rem 0;
  }
  .service-site-sec .info-area .txt01 {
    font-size: 1.8rem;
  }
  .service-site-sec .info-area .txt02 {
    font-size: 1.6rem;
  }
  .service-site-sec .info-area .txt02 .pc-br {
    display: none;
  }
  .service-site-sec .info-area.whitebox {
    margin-right: 0;
    margin-left: 3rem;
    margin-bottom: 3rem;
    transform: translateY(-2.5rem);
    padding: 4rem;
  }
  .service-site-sec .img-area .view-btn {
    bottom: -5rem;
    right: -2rem;
  }
  .service-site-sec .img-area .view-btn .ico {
    width: 6.5rem;
    height: 6.5rem;
  }
  .service-site-sec .img-area .view-btn .rot-bg {
    width: 10rem;
    height: 10rem;
  }
  .service-site-sec .img-area .img {
    padding-right: 3rem;
  }

  .service-bnr {
    padding: 3rem;
    margin-top: 8rem;
  }
  .service-bnr p {
    font-size: 1.8rem;
  }
  .service-bnr .btn {
    width: auto;
    font-size: 1.5rem;
  }

  .slayout01 {
    padding-left: 0;
  }
  .slayout01 h4 {
    font-size: 2.8rem;
    margin-bottom: 5rem;
  }
  .slayout01 .title-desc {
    font-size: 1.6rem;
  }
  .slayout01 .row {
    margin-bottom: 5rem;
  }
  .slayout01 .row .left .tit {
    font-size: 2rem;
  }
  .slayout01 .row .right .chk-list li {
    padding: 1.5rem;
  }
  .slayout01 .row .right .step-list {
    flex-direction: column;
  }
  .slayout01 .row .right .step-list .step {
    width: 100%;
  }
  .slayout01 .row .right .step-list .step-txt {
    height: auto;
    padding: 2rem;
  }
  .slayout01 .row .right .step-list .arr {
    margin: 2rem;
    transform: rotate(90deg);
  }
  .slayout01 .row .right .chk-list li .flex-p {
    flex-wrap: wrap;
  }
  .slayout01 .row .right .chk-list li .flex-p span {
    width: 100%;
    margin-top: 0.8rem;
  }
  .slayout01 .row .full .img-list {
    flex-wrap: wrap;
    margin-top: 3rem;
  }
  .slayout01 .row .full .img-list li {
    width: calc(50% - 1rem);
    margin-right: 2rem;
  }
  .slayout01 .row .full .img-list li:nth-child(2n) {
    margin-right: 0;
  }
  .slayout01 .row .full .img-list li:nth-child(n + 3) {
    margin-top: 2rem;
  }

  .slayout02 .flex-row {
    margin-top: 5rem;
  }
  .slayout02 .flex-row .left strong {
    font-size: 2.8rem;
  }
  .slayout02 .flex-row .right p {
    font-size: 1.6rem;
  }

  .slayout03 article {
    flex-direction: column;
  }
  .slayout03 article .img {
    width: 100%;
    margin-right: 0;
    margin-bottom: 5rem;
  }
  .slayout03 article .txtbox {
    width: 100%;
  }
  .slayout03 article .txtbox .desc .pc-br {
    display: none;
  }

  #consulting01-pg .sec02 {
    padding: 8rem 0;
  }

  #consulting02-pg .sec02 .feature .box {
    width: 100%;
  }
  #consulting02-pg .sec02 .feature .box dl dd br {
    display: none;
  }

  #consulting02-pg .sec02 .arti-06 .bot-area {
    flex-direction: column;
  }
  #consulting02-pg .sec02 .arti-06 .bot-area .left {
    margin: 3rem 0;
  }

  #consulting0301-pg .sec02 {
    padding-top: 8rem;
  }
  #consulting0301-pg .sec02 .row {
    flex-direction: column;
    margin-bottom: 8rem;
  }
  #consulting0301-pg .sec02 .row .img {
    width: 100%;
    margin-right: 0;
    margin-bottom: 5rem;
  }
  #consulting0301-pg .sec02 .row .txtbox {
    width: 100%;
  }
  #consulting0301-pg .sec02 .row .txtbox .tit {
    font-size: 2.4rem;
  }
  #consulting0301-pg .sec03 {
    padding-top: 8rem;
  }
  #consulting0301-pg .sec04 {
    padding-top: 8rem;
  }
  #consulting0301-pg .process-list li .circle {
    font-size: 1.7rem;
  }

  #consulting04-pg .sec02 {
    padding-top: 8rem;
  }
  #consulting04-pg .sec02 {
    padding-top: 8rem;
  }
  #consulting04-pg .sec03 {
    padding-top: 8rem;
  }
  #consulting04-pg .sec04 {
    padding-top: 8rem;
  }
  #consulting04-pg .history .cont-area .year-w {
    flex-direction: column;
  }
  #consulting04-pg .history .cont-area .txtbox {
    padding-left: 3rem;
    margin-top: 2rem;
  }
  #consulting04-pg .history {
    flex-direction: column;
  }
  #consulting04-pg .history .img-area {
    margin-right: 0;
    margin-bottom: 5rem;
  }
  #consulting04-pg .history .img-area .img {
    margin-bottom: 1rem;
  }

  #skill01-pg .sec03 {
    padding-top: 8rem;
  }
  #skill01-pg .sec04 {
    padding-top: 8rem;
  }

  #ipedu01-pg .sec04 {
    padding-top: 8rem;
  }
  #ipedu01-pg .sec07 {
    padding-top: 8rem;
  }
  #ipedu01-pg .sec08 {
    padding-top: 8rem;
  }
  #ipedu01-pg .sec08 h4 {
    margin-bottom: 5rem;
  }
  #ipedu01-pg .arti-map {
    flex-direction: column-reverse;
  }
  #ipedu01-pg .arti-map .swiper-wrapper {
    align-items: flex-start;
  }
  #ipedu01-pg .arti-map .map {
    margin-left: 0;
    margin-bottom: 3rem;
    width: 30rem;
  }
  #ipedu01-pg .arti-map .detail-area {
    width: 100%;
  }
  #ipedu01-pg .arti-map .detailbox {
    max-width: inherit;
    padding: 2rem 0;
  }
  #ipedu01-pg .arti-map .detailbox ul {
    padding: 0 2rem;
  }
  #ipedu01-pg .arti-map .detailbox ul li {
    padding: 0 2rem;
  }
  #ipedu01-pg .arti-map .detailbox .city-name {
    width: 12rem;
  }
}

@media (max-width: 500px) {
  .service-bnr {
    flex-direction: column;
  }
  .service-bnr .btn {
    margin-top: 1.5rem;
  }

  .svisual .depth03-tab {
    width: 80%;
    flex-wrap: wrap;
    margin: 6rem auto 0 auto;
  }
  .svisual .depth03-tab a {
    width: calc(50% - 2rem);
    margin: 1.5rem 1rem;
  }

  .service-wrap .ico-list li {
    width: 100%;
    margin-right: 0;
  }
  .service-wrap .ico-list li:nth-child(n + 2) {
    margin-top: 2rem;
  }
  .service-wrap .ico-list li:nth-child(3n) {
    margin-right: 0;
  }

  .service-info-sec .list li {
    width: 100%;
    margin-right: 0;
  }
  .service-info-sec .list li:nth-child(n + 2) {
    margin-top: 2rem;
  }

  #consulting02-pg .sec02 .f-dl .box {
    width: 100%;
  }
  #consulting02-pg .sec02 .f-dl .box:nth-child(2n) {
    margin-left: 0;
  }
  #consulting02-pg .sec02 .arti-06 .bot-area .f-dl .box dd {
    text-align: left;
  }

  #skill01-pg .process-list li {
    flex-direction: column;
    width: 100%;
    margin: 0;
  }
  #skill01-pg .process-list li:after {
    transform: rotate(90deg);
    margin: 1rem;
  }
}