@charset "UTF-8";
/* 마진(margin) */
/* 색상표 */
/* 폰트 */
/* 폰트 사이즈 */
/* 트랜지션(transition) */
/* 마진(margin) */
/* 색상표 */
/* 폰트 */
/* 폰트 사이즈 */
/* 트랜지션(transition) */
/* 폰트 스타일(size, weight, line-height...) */
/* 마진(margin) */
/* 색상표 */
/* 폰트 */
/* 폰트 사이즈 */
/* 트랜지션(transition) */
/* 마진(margin) */
/* 색상표 */
/* 폰트 */
/* 폰트 사이즈 */
/* 트랜지션(transition) */
/* 폰트 스타일(size, weight, line-height...) */
a,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span {
  color: #333;
}

html {
  font-size: 0.5208vw;
}
@media (min-width: 769px) and (max-width: 1024px) {
  html {
    font-size: clamp(8px, 0.9766vw, 10px);
  }
}
@media (max-width: 768px) {
  html {
    font-size: clamp(7.5px, 1.3021vw, 10px);
  }
}

body {
  position: relative;
  font-family: "SUIT", -apple-system, Apple SD Gothic Neo, 맑은 고딕, Malgun Gothic, sans-serif;
  height: 100%;
  max-width: 100%;
  overflow-x: hidden;
}
body.no-scroll {
  overflow-y: hidden;
}
body::-webkit-scrollbar {
  width: 1rem;
  height: 1rem;
}
body::-webkit-scrollbar-thumb {
  background: #444;
  outline: none;
  border: 0.2rem solid transparent;
  border-radius: 0.5rem;
}

/* header */
header .inner {
  z-index: 999;
  position: fixed;
  left: 0;
  right: 0;
  padding: 1.8rem 10rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  transition: transform 0.3s ease;
  --webkit-transform: all 0.3s ease;
}
@media (min-width: 769px) and (max-width: 1024px) {
  header .inner {
    padding: 1.8rem 3rem;
  }
}
@media (max-width: 768px) {
  header .inner {
    padding: 1.8rem 3rem;
  }
}
header .inner .logo {
  align-self: center;
  width: 12.5rem;
  height: 3rem;
  background: url(/jw/img/logo_black.png) no-repeat left/contain;
  transition: background 0.4s ease;
  --webkit-transform: background 0.4s ease;
}
header .inner .hamburger {
  width: 4rem;
  height: 4rem;
  cursor: pointer;
}
header .inner .hamburger .hamburger_box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  width: 100%;
  height: 1rem;
  transition: all 0.3s ease-in-out;
}
header .inner .hamburger .hamburger_box .line {
  display: block;
  background-color: #333;
  width: 100%;
  height: 0.25rem;
  position: absolute;
  transition: all 0.3s ease-in-out;
}
header .inner .hamburger .hamburger_box .line-1 {
  top: 0;
}
header .inner .hamburger .hamburger_box .line-2 {
  top: 100%;
}
header .inner .hamburger .hamburger_box.active .line-1 {
  background-color: #333;
  transform: translateY(0.5rem) translateX(0) rotate(45deg);
}
header .inner .hamburger .hamburger_box.active .line-2 {
  background-color: #333;
  transform: translateY(-0.5rem) translateX(0) rotate(-45deg);
}
header .inner.hide {
  transform: translateY(-100%);
}
header .inner.white .logo {
  background: url(/jw/img/logo_white.png) no-repeat left/contain;
}
header .inner.white .hamburger .hamburger_box .line {
  background-color: #fff;
}
header .menu {
  position: fixed;
  visibility: hidden;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 24rem;
  background-image: url(/jw/img/menu_bg.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
  transform: translateY(-100%);
  transition: all 0.4s ease;
  -webkit-transform: all 0.4s ease;
}
header .menu.on {
  visibility: visible;
  transform: translateY(0);
}
header .menu-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 51rem;
  justify-content: space-between;
  width: 100%;
}
header .menu-wrap .category {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
header .menu-wrap .category li a {
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.048rem;
  color: #333;
  position: relative;
}
@media (min-width: 769px) and (max-width: 1024px) {
  header .menu-wrap .category li a {
    font-size: 3.6rem;
  }
}
@media (max-width: 768px) {
  header .menu-wrap .category li a {
    font-size: 3.6rem;
  }
}
header .menu-wrap .category li a::before {
  content: "";
  background-image: url(/jw/img/menu-hover-arrow.png);
  background-size: 5rem 5rem;
  position: absolute;
  left: -8rem;
  top: 8%;
  opacity: 0;
  width: 5rem;
  height: 5rem;
}
header .menu-wrap .category li a:hover {
  color: #1d68fd;
}
header .menu-wrap .category li a:hover::before {
  opacity: 1;
}
header .menu-wrap .info-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
header .menu-wrap .info-wrap .slogan h3 {
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.048rem;
  margin-bottom: 3.8rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  header .menu-wrap .info-wrap .slogan h3 {
    font-size: 3.6rem;
  }
}
@media (max-width: 768px) {
  header .menu-wrap .info-wrap .slogan h3 {
    font-size: 3.6rem;
  }
}
header .menu-wrap .info-wrap .slogan p {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02rem;
  color: #888;
}
@media (min-width: 769px) and (max-width: 1024px) {
  header .menu-wrap .info-wrap .slogan p {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  header .menu-wrap .info-wrap .slogan p {
    font-size: 1.8rem;
  }
}
header .menu-wrap .info-wrap .info {
  width: 100%;
  display: grid;
  grid-template-rows: auto 1fr;
  grid-row-gap: 2rem;
  grid-template-columns: 3fr 2fr;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 0.6rem;
}
header .menu-wrap .info-wrap .info .company {
  grid-column: 1/3;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.024rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  header .menu-wrap .info-wrap .info .company {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  header .menu-wrap .info-wrap .info .company {
    font-size: 2rem;
  }
}
header .menu-wrap .info-wrap .info .contact {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.028rem;
}
@media (max-width: 768px) {
  header .menu-wrap .info-wrap .info .contact {
    font-size: 1.6rem;
  }
}
header .menu-wrap .info-wrap .info .contact li:not(:last-child) {
  margin-bottom: 1.6rem;
}
header .menu-wrap .info-wrap .info .contact span {
  color: #444;
}
header .menu-wrap .info-wrap .info .contact span.type {
  display: inline-block;
  width: 7rem;
}
header .menu-wrap .info-wrap .info .sns_link {
  display: flex;
  flex-direction: row;
}
header .menu-wrap .info-wrap .info .sns_link a {
  width: 4rem;
  height: 4rem;
}
header .menu-wrap .info-wrap .info .sns_link a:not(:last-child) {
  margin-right: 3rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  header .menu {
    padding: 0 4rem;
  }
  header .menu-wrap {
    grid-template-columns: 5fr 7fr;
    height: 40rem;
  }
  header .menu-wrap .info-wrap .slogan h3 {
    margin-bottom: 3rem;
  }
}
@media (max-width: 768px) {
  header .menu {
    padding: 0 3rem;
  }
  header .menu-wrap {
    grid-template-columns: none;
    grid-template-rows: 1fr 1fr;
    height: 65%;
  }
  header .menu-wrap .info-wrap {
    justify-content: end;
  }
  header .menu-wrap .info-wrap .slogan {
    display: none;
  }
  header .menu-wrap .info-wrap .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
  }
  header .menu-wrap .info-wrap .info .sns_link a {
    width: 5rem;
    height: 5rem;
  }
}

/* // header */
/* footer */
footer {
  display: grid;
  grid-template-columns: 7fr 5fr;
  grid-template-rows: 1fr auto;
  background-color: #333;
  padding: 0 10rem;
  height: 75.6rem;
  position: relative;
  align-items: center;
}
footer .company h4 {
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.048rem;
  color: #fff;
  margin-bottom: 2rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  footer .company h4 {
    font-size: 3.6rem;
  }
}
@media (max-width: 768px) {
  footer .company h4 {
    font-size: 3.6rem;
  }
}
footer .company span {
  color: #888;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.032rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  footer .company span {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  footer .company span {
    font-size: 1.8rem;
  }
}
footer .company .sns_link {
  height: 7rem;
  display: flex;
  flex-direction: row;
  margin-top: 6rem;
}
footer .company .sns_link a {
  border-radius: 50%;
  border: solid 0.1rem #888;
  cursor: pointer;
  height: 7rem;
  width: 7rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .company .sns_link a:not(:last-child) {
  margin-right: 2rem;
}
footer .company .sns_link a img {
  width: 2.4rem;
  height: 2.4rem;
}
footer .next {
  cursor: pointer;
}
footer .next a {
  position: relative;
  color: #fff;
  font-size: 15rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.3rem;
}
footer .next a::after {
  content: "";
  position: absolute;
  background: url(/jw/img/footer-arrow.png) no-repeat;
  background-size: 13rem 13rem;
  right: -60%;
  top: 18%;
  width: 13rem;
  height: 13rem;
  transition: right 0.2s ease-in-out;
  --webkit-transition: right 0.2s ease-in-out;
}
@media screen and (min-width: 769px) {
  footer .next:hover a::after {
    right: -70%;
  }
}
footer .info-wrap {
  grid-column: 1/3;
  display: grid;
  grid-template-columns: 7fr 5fr;
  margin-bottom: 3rem;
  width: 100%;
}
footer .info-wrap .info {
  align-items: end;
  display: flex;
  flex-direction: row;
}
footer .info-wrap .info ul:not(:last-child) {
  margin-right: 3rem;
}
footer .info-wrap .info ul li {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.012rem;
  display: inline;
}
@media (min-width: 769px) and (max-width: 1024px) {
  footer .info-wrap .info ul li {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  footer .info-wrap .info ul li {
    font-size: 1.4rem;
  }
}
footer .info-wrap .info ul li.type {
  color: #eeeef0;
  margin-right: 1.2rem;
}
footer .info-wrap .info ul li.desc {
  color: #888;
}
footer .info-wrap .info.right {
  justify-content: space-between;
}
footer .info-wrap .info.right .ul-item {
  margin-left: 1.5rem;
}
footer .info-wrap .info.right .ul-item ul:first-child {
  margin-bottom: 0.8rem;
}
footer .info-wrap .info.right .desc {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.012rem;
  display: inline;
  color: #888;
}
@media (min-width: 769px) and (max-width: 1024px) {
  footer .info-wrap .info.right .desc {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  footer .info-wrap .info.right .desc {
    font-size: 1.4rem;
  }
}
footer .goTop {
  position: absolute;
  right: 10rem;
  top: 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  border: 0.1rem solid #888;
  border-radius: 50%;
  cursor: pointer;
}
footer .goTop span {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.012rem;
  color: #eeeef0;
}
@media (min-width: 769px) and (max-width: 1024px) {
  footer .goTop span {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  footer .goTop span {
    font-size: 1.4rem;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  footer {
    grid-template-columns: 1fr 1fr;
    padding: 0 4rem;
    height: 62rem;
  }
  footer .info-wrap {
    order: 2;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 10rem;
  }
  footer .info-wrap .info {
    flex-direction: column;
    align-items: start;
    row-gap: 1rem;
  }
  footer .info-wrap .info.right .ul-item {
    margin-left: 0;
  }
  footer .info-wrap .info.right .ul-item ul:first-child {
    margin-bottom: 1rem;
  }
  footer .info-wrap .info.right > .desc {
    position: absolute;
    bottom: 3rem;
    left: 3rem;
  }
  footer .next a{
    font-size: 9.6rem;
  }
  footer .next a::after {
    background-size: 8rem 8rem;
    right: -60%;
    top: 21%;
    width: 8rem;
    height: 8rem;
  }
  footer .goTop {
    right: 4.2rem;
    top: 4.2rem;
  }
}
@media (max-width: 768px) {
  footer {
    display: flex;
    flex-direction: column;
    padding: 12rem 3rem;
    height: auto;
    row-gap: 12rem;
    align-items: start;
    justify-content: space-between;
  }
  footer .company {
    order: 1;
  }
  footer .company .sns_link {
    margin-top: 4rem;
  }
  footer .next {
    order: 0;
  }
  footer .next a {
    font-size: 12rem;
  }
  footer .next a::after {
    background-size: 10rem 10rem;
    width: 10rem;
    height: 10rem;
    top: 22%;
    right: -48%;
  }
  footer .info-wrap {
    order: 2;
  }
  footer .info-wrap .info {
    flex-direction: column;
    align-items: start;
    row-gap: 1rem;
  }
  footer .info-wrap .info.right .ul-item {
    margin-left: 0;
  }
  footer .info-wrap .info.right .ul-item ul:first-child {
    margin-bottom: 1rem;
  }
  footer .info-wrap .info.right > .desc {
    position: absolute;
    bottom: 3rem;
    left: 3rem;
  }
  footer .goTop {
    right: 3rem;
    top: 3rem;
  }
}

/* // footer */
/* 마진(margin) */
/* 색상표 */
/* 폰트 */
/* 폰트 사이즈 */
/* 트랜지션(transition) */
/* 마진(margin) */
/* 색상표 */
/* 폰트 */
/* 폰트 사이즈 */
/* 트랜지션(transition) */
/* 폰트 스타일(size, weight, line-height...) */
body {
  overflow-x: hidden;
}

main {
  /* visual */
  /* // visual */
  /* what we do */
  /* // what we do */
  /* slogan */
  /* // slogan */
  /* 파트너사 */
  /* // 파트너사 */
}
main .inner {
  padding: 24rem 10rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .inner {
    padding: 14rem 4.2rem;
  }
}
@media (max-width: 768px) {
  main .inner {
    padding: 12rem 3rem;
  }
}
main .main-visual {
  position: relative;
  width: 100vw;
}
main .main-visual .swvisual-control {
  position: absolute;
  bottom: 14rem;
  left: 7rem;
  z-index: 9;
}
main .main-visual .swvisual {
  width: 100%;
  height: 100vh;
}
main .main-visual .swvisual .swiper-slide {
  overflow: hidden;
}
main .main-visual .swvisual .swiper-slide .inner {
  padding: 10rem 8rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
}
main .main-visual .swvisual .swiper-slide .inner .swvisual-title {
  position: relative;
  width: 100%;
}
main .main-visual .swvisual .swiper-slide .inner .swvisual-title .title {
  font-size: 9.6rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.192rem;
  line-height: 1.2;
  color: #fff;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .main-visual .swvisual .swiper-slide .inner .swvisual-title .title {
    font-size: 4.8rem;
  }
}
@media (max-width: 768px) {
  main .main-visual .swvisual .swiper-slide .inner .swvisual-title .title {
    font-size: 8rem;
  }
}
main .main-visual .swvisual .swiper-slide .inner .swvisual-title.title-wrap-1 .title-1, main .main-visual .swvisual .swiper-slide .inner .swvisual-title.title-wrap-3 .title-1 {
  padding-left: 14.8rem;
}
main .main-visual .swvisual .swiper-slide .inner .swvisual-title.title-wrap-1 .title-3, main .main-visual .swvisual .swiper-slide .inner .swvisual-title.title-wrap-3 .title-3 {
  padding-left: 23.4rem;
}
main .main-visual .swvisual .swiper-slide .inner .swvisual-title.title-wrap-2 .title-1,
main .main-visual .swvisual .swiper-slide .inner .swvisual-title.title-wrap-2 .title-2 {
  padding-left: 14.8rem;
}
main .main-visual .swvisual .swiper-slide .inner .swvisual-title.title-wrap-2 .title-3 {
  padding-left: 23.4rem;
}
main .main-visual .swvisual .swiper-slide .inner .swvisual-title .line {
  position: absolute;
}
main .main-visual .swvisual .swiper-slide .inner .swvisual-title .line.line-1 {
  width: 21.4rem;
  right: 24%;
  bottom: 45%;
}
main .main-visual .swvisual .swiper-slide .inner .swvisual-title .line.line-2 {
  width: 11.6rem;
  top: 16%;
  left: 0%;
}
main .main-visual .swvisual .swiper-slide .inner .swvisual-title .line.line-3 {
  width: 14.8rem;
  right: 25%;
  bottom: 13%;
}
main .main-visual .swvisual .swiper-slide .inner .swvisual-desc {
  margin-bottom: 2.2rem;
}
main .main-visual .swvisual .swiper-slide .inner .swvisual-desc .desc {
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.024rem;
  color: #fff;
  word-break: keep-all;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .main-visual .swvisual .swiper-slide .inner .swvisual-desc .desc {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  main .main-visual .swvisual .swiper-slide .inner .swvisual-desc .desc {
    font-size: 2rem;
  }
}
main .main-visual .swvisual .swiper-slide video {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}
main .what {
  position: relative;
}
main .what .inner {
  display: grid;
  grid-template-columns: 1fr 2fr;
}
main .what .inner .title-wrap {
  position: relative;
}
main .what .inner .title-wrap .title {
  position: sticky;
  position: -webkit-sticky;
  top: 24rem;
  font-size: 6.4rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.064rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .what .inner .title-wrap .title {
    font-size: 4.8rem;
  }
}
@media (max-width: 768px) {
  main .what .inner .title-wrap .title {
    font-size: 4.8rem;
  }
}
main .what .inner .item-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8rem 3rem;
}
main .what .inner .item-wrap .item .img-wrap {
  margin-bottom: 5rem;
}
main .what .inner .item-wrap .item .img-wrap img {
  width: 100%;
}
main .what .inner .item-wrap .item .item-title {
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.036rem;
  margin-bottom: 3rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .what .inner .item-wrap .item .item-title {
    font-size: 2.4rem;
  }
}
@media (max-width: 768px) {
  main .what .inner .item-wrap .item .item-title {
    font-size: 2.6rem;
  }
}
main .what .inner .item-wrap .item .item-desc {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02rem;
  margin-bottom: 2rem;
  word-break: keep-all;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .what .inner .item-wrap .item .item-desc {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  main .what .inner .item-wrap .item .item-desc {
    font-size: 1.8rem;
  }
}
main .what .inner .item-wrap .item .item-tag {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}
main .what .inner .item-wrap .item .item-tag li {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.032rem;
  height: 6rem;
  width: 100%;
  line-height: 6rem;
  border-bottom: 0.1rem solid #eeeef0;
  padding-left: 0.6rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .what .inner .item-wrap .item .item-tag li {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  main .what .inner .item-wrap .item .item-tag li {
    font-size: 1.8rem;
  }
}
main .slogan {
  width: 100vw;
  height: 77.6rem;
  background: url(/jw/img/main_slogan_bg.jpg) no-repeat center/cover;
  background-attachment: fixed;
}
main .slogan .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: rgba(29, 104, 253, 0.66);
}
main .slogan .inner .title {
  font-size: 6.4rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.064rem;
  color: #fff;
  text-align: center;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .slogan .inner .title {
    font-size: 4.8rem;
  }
}
@media (max-width: 768px) {
  main .slogan .inner .title {
    font-size: 4.8rem;
  }
}
main .slogan .inner span {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02rem;
  color: #fff;
  text-align: center;
  word-break: keep-all;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .slogan .inner span {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  main .slogan .inner span {
    font-size: 1.8rem;
  }
}
main .partners {
  text-align: center;
}
main .partners .title {
  font-size: 6.4rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.064rem;
  margin-bottom: 3rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .partners .title {
    font-size: 4.8rem;
  }
}
@media (max-width: 768px) {
  main .partners .title {
    font-size: 4.8rem;
  }
}
main .partners .desc {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02rem;
  word-break: keep-all;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .partners .desc {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  main .partners .desc {
    font-size: 1.8rem;
  }
}
main .partners .partners-logo {
  margin-top: 7rem;
  display: grid;
  grid-template-columns: repeat(7, minmax(22rem, auto));
  gap: 3rem;
}
main .partners .partners-logo .logo-item {
  width: 100%;
  height: 9rem;
  background-color: #f8f8fa;
}
main .partners .partners-logo .logo-item .logo-img {
  width: 100%;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .main-visual .swvisual-control {
    bottom: 8rem;
    left: 4rem;
  }
  main .main-visual .swvisual .swiper-slide .inner {
    padding: 6.4rem 4.2rem;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    row-gap: 4rem;
  }
  main .main-visual .swvisual .swiper-slide .inner .swvisual-title .title {
    font-size: clamp(4.8rem, 6.25vw, 5.5rem);
  }
  main .main-visual .swvisual .swiper-slide .inner .swvisual-title.title-wrap-1 .title-1, main .main-visual .swvisual .swiper-slide .inner .swvisual-title.title-wrap-3 .title-1 {
    padding-left: 12%;
  }
  main .main-visual .swvisual .swiper-slide .inner .swvisual-title.title-wrap-1 .title-3, main .main-visual .swvisual .swiper-slide .inner .swvisual-title.title-wrap-3 .title-3 {
    padding-left: 20%;
  }
  main .main-visual .swvisual .swiper-slide .inner .swvisual-title.title-wrap-2 .title-1,
  main .main-visual .swvisual .swiper-slide .inner .swvisual-title.title-wrap-2 .title-2 {
    padding-left: 12%;
  }
  main .main-visual .swvisual .swiper-slide .inner .swvisual-title.title-wrap-2 .title-3 {
    padding-left: 20%;
  }
  main .main-visual .swvisual .swiper-slide .inner .swvisual-title .line.line-1 {
    width: 16%;
    right: 24%;
    bottom: 45%;
  }
  main .main-visual .swvisual .swiper-slide .inner .swvisual-title .line.line-2 {
    width: 7%;
    top: 16%;
    left: 0%;
  }
  main .main-visual .swvisual .swiper-slide .inner .swvisual-title .line.line-3 {
    width: 14%;
    right: 32%;
    bottom: 13%;
  }
  main .main-visual .swvisual .swiper-slide .inner .swvisual-desc {
    margin-bottom: 0;
    margin-left: 60%;
  }
  main .what .inner .title-wrap .title {
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.048rem;
  }
}
@media (min-width: 769px) and (max-width: 1024px) and (min-width: 769px) and (max-width: 1024px) {
  main .what .inner .title-wrap .title {
    font-size: 3.6rem;
  }
}
@media (min-width: 769px) and (max-width: 1024px) and (max-width: 768px) {
  main .what .inner .title-wrap .title {
    font-size: 3.6rem;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .what .inner .item-wrap {
    gap: 8rem 2rem;
  }
  main .what .inner .item-wrap .item .img-wrap {
    margin-bottom: 3rem;
  }
  main .what .inner .item-wrap .item .item-title {
    margin-bottom: 1.5rem;
  }
  main .what .inner .item-wrap .item .item-tag {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  main .what .inner .item-wrap .item .item-tag li {
    font-size: 1.2rem;
    height: 4rem;
    line-height: 4rem;
  }
  main .slogan {
    height: 44rem;
  }
  main .slogan .inner {
    row-gap: 4rem;
  }
  main .partners .partners-logo {
    grid-template-columns: repeat(7, minmax(12rem, auto));
    gap: 1.6rem;
  }
  main .partners .partners-logo .logo-item {
    height: 5rem;
  }
}
@media (max-width: 768px) {
  main .main-visual .swvisual .swiper-slide .inner {
    padding: 12rem 3rem;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    row-gap: 8rem;
  }
  main .main-visual .swvisual .swiper-slide .inner .swvisual-title .title {
    font-size: clamp(3rem, 6.25vw, 4.8rem);
  }
  main .main-visual .swvisual .swiper-slide .inner .swvisual-title.title-wrap-1 .title-1, main .main-visual .swvisual .swiper-slide .inner .swvisual-title.title-wrap-3 .title-1 {
    padding-left: 12%;
  }
  main .main-visual .swvisual .swiper-slide .inner .swvisual-title.title-wrap-1 .title-3, main .main-visual .swvisual .swiper-slide .inner .swvisual-title.title-wrap-3 .title-3 {
    padding-left: 20%;
  }
  main .main-visual .swvisual .swiper-slide .inner .swvisual-title.title-wrap-2 .title-1,
  main .main-visual .swvisual .swiper-slide .inner .swvisual-title.title-wrap-2 .title-2 {
    padding-left: 12%;
  }
  main .main-visual .swvisual .swiper-slide .inner .swvisual-title.title-wrap-2 .title-3 {
    padding-left: 20%;
  }
  main .main-visual .swvisual .swiper-slide .inner .swvisual-title .line.line-1 {
    width: 16%;
    right: 24%;
    bottom: 45%;
  }
  main .main-visual .swvisual .swiper-slide .inner .swvisual-title .line.line-2 {
    width: 7%;
    top: 16%;
    left: 0%;
  }
  main .main-visual .swvisual .swiper-slide .inner .swvisual-title .line.line-3 {
    width: 14%;
    right: 32%;
    bottom: 13%;
  }
  main .main-visual .swvisual .swiper-slide .inner .swvisual-desc {
    margin-bottom: 0;
    margin-left: 50%;
  }
  main .what .inner {
    grid-template-columns: none;
    row-gap: 4rem;
  }
  main .what .inner .item-wrap {
    grid-template-columns: repeat(1, 1fr);
  }
  main .what .inner .item-wrap .item .item-title {
    margin-bottom: 2rem;
  }
  main .what .inner .item-wrap .item .item-tag {
    -moz-column-gap: 1.2rem;
         column-gap: 1.2rem;
  }
  main .slogan {
    height: auto;
  }
  main .slogan .inner {
    row-gap: 4rem;
  }
  main .slogan .inner .title {
    font-size: 3.6rem;
  }
  main .partners .partners-logo {
    grid-template-columns: repeat(3, auto);
    gap: 1rem;
  }
  main .partners .partners-logo .logo-item {
    width: 100%;
    height: auto;
  }
}

/* 마진(margin) */
/* 색상표 */
/* 폰트 */
/* 폰트 사이즈 */
/* 트랜지션(transition) */
/* 마진(margin) */
/* 색상표 */
/* 폰트 */
/* 폰트 사이즈 */
/* 트랜지션(transition) */
/* 폰트 스타일(size, weight, line-height...) */
main .about-visual {
  position: relative;
  width: 100vw;
}
main .about-visual .swvisual-control .sw-page {
  z-index: 9;
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 5rem;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02rem;
  font-weight: 700;
  bottom: 26rem;
  left: 10rem;
  color: #888;
  width: -moz-max-content;
  width: max-content;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .about-visual .swvisual-control .sw-page {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  main .about-visual .swvisual-control .sw-page {
    font-size: 1.8rem;
  }
}
main .about-visual .swvisual-control .sw-page .swiper-pagination-current {
  color: #fff;
  padding-right: 1rem;
}
main .about-visual .swvisual-control .sw-page .swiper-pagination-total {
  color: #888;
  padding-left: 1rem;
}
main .about-visual .swAboutVisual {
  width: 100%;
  height: 100vh;
}
main .about-visual .swAboutVisual .swiper-slide {
  overflow: hidden;
}
main .about-visual .swAboutVisual .swiper-slide .inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  z-index: 1;
  padding: 24rem;
}
main .about-visual .swAboutVisual .swiper-slide .inner .swvisual-title {
  font-size: 6.4rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.064rem;
  color: #fff;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .about-visual .swAboutVisual .swiper-slide .inner .swvisual-title {
    font-size: 4.8rem;
  }
}
@media (max-width: 768px) {
  main .about-visual .swAboutVisual .swiper-slide .inner .swvisual-title {
    font-size: 4.8rem;
  }
}
main .about-visual .swAboutVisual .swiper-slide .inner .swvisual-title .mobile {
  display: none;
}
main .about-visual .swAboutVisual .swiper-slide .slide-img {
  width: 100%;
  height: 100vh;
}
main .about-visual .swAboutVisual .swiper-slide .slide-img.bg-1 {
  background: url("/jw/img/about_bg_1.jpg") no-repeat center;
  background-size: cover;
}
main .about-visual .swAboutVisual .swiper-slide .slide-img.bg-2 {
  background: url("/jw/img/about_bg_2.jpg") no-repeat center;
  background-size: cover;
}
main .about-visual .swAboutVisual .swiper-slide .slide-img.bg-3 {
  background: url("/jw/img/about_bg_3.jpg") no-repeat center;
  background-size: cover;
}
main .carousel-con {
  margin-top: 4rem;
  max-width: 100%;
  position: relative;
  height: 14rem;
  overflow: hidden;
}
main .carousel-con > * {
  width: 100%;
  position: absolute;
}
main .carousel-con > * .text-swiper {
  width: 100%;
  display: flex;
}
main .carousel-con > * .text-swiper .text-slide {
  display: flex;
  width: 270%;
  justify-content: space-between;
  white-space: nowrap;
}
main .carousel-con > * .text-swiper .text-slide span {
  font-size: 6.4rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.064rem;
  color: #f8f8fa;
  box-sizing: content-box;
  line-height: 1;
  font-weight: 900;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .carousel-con > * .text-swiper .text-slide span {
    font-size: 4.8rem;
  }
}
@media (max-width: 768px) {
  main .carousel-con > * .text-swiper .text-slide span {
    font-size: 4.8rem;
  }
}
main .carousel-con .carousel-1 {
  left: 50%;
  transform: translate(-50%, 0);
}
main .carousel-con .carousel-1 .text-slide.original {
  animation: 100s linear 0s infinite normal forwards running rollingoriginalleft;
}
@keyframes rollingoriginalleft {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-100%);
  }
  50.01% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
main .carousel-con .carousel-1 .text-slide.clone {
  animation: 100s linear 0s infinite normal none running rollingcloneleft;
  margin-left: 1rem;
}
@keyframes rollingcloneleft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-200%);
  }
}
main .carousel-con .carousel-2 {
  left: -50%;
  transform: translate(0%, 130%);
}
main .carousel-con .carousel-2 .text-slide.original {
  animation: 100s linear 0s infinite normal forwards running rollingoriginalright;
}
@keyframes rollingoriginalright {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(100%);
  }
  50.01% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
main .carousel-con .carousel-2 .text-slide.clone {
  animation: 100s linear 0s infinite normal none running rollingcloneright;
  margin-right: 1rem;
}
@keyframes rollingcloneright {
  0% {
    transform: translateX(-200%);
  }
  100% {
    transform: translateX(0);
  }
}
main .team-con .inner {
  padding-bottom: 0;
}
main .team-con .inner .sub-title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.024rem;
  color: #1d68fd;
  margin-bottom: 5rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .team-con .inner .sub-title {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  main .team-con .inner .sub-title {
    font-size: 2rem;
  }
}
main .team-con .inner .title-wrap {
  position: relative;
}
main .team-con .inner .title-wrap .title {
  font-size: 6.4rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.064rem;
  margin: 0 0 60rem 6rem;
  z-index: 1;
  position: relative;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .team-con .inner .title-wrap .title {
    font-size: 4.8rem;
  }
}
@media (max-width: 768px) {
  main .team-con .inner .title-wrap .title {
    font-size: 4.8rem;
  }
}
main .team-con .inner .title-wrap .team-img {
  position: absolute;
  top: 13rem;
  width: 100%;
  height: 65rem;
  overflow: hidden;
  background: url(/jw/img/Team_단체.jpg) no-repeat 0% 19%/cover;
}
main .team-con .inner .text-wrap {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02rem;
  padding: 10rem 30rem 0 83rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .team-con .inner .text-wrap {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  main .team-con .inner .text-wrap {
    font-size: 1.8rem;
  }
}
main .team-con .inner .text-wrap strong {
  font-weight: 700;
}
main .team-con .inner .text-wrap > *:nth-child(2) {
  word-break: keep-all;
}
main .member-con .inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem;
  padding-bottom: 12rem;
}
main .member-con .inner .member img {
  margin-bottom: 5rem;
  width: 100%;
}
main .member-con .inner .member .title-wrap {
  margin-bottom: 3rem;
}
main .member-con .inner .member .title-wrap .name {
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.024rem;
  margin-bottom: 1rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .member-con .inner .member .title-wrap .name {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  main .member-con .inner .member .title-wrap .name {
    font-size: 2rem;
  }
}
main .member-con .inner .member .title-wrap .name strong {
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.036rem;
  margin-right: 1.5rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .member-con .inner .member .title-wrap .name strong {
    font-size: 2.4rem;
  }
}
@media (max-width: 768px) {
  main .member-con .inner .member .title-wrap .name strong {
    font-size: 2.6rem;
  }
}
main .member-con .inner .member .title-wrap .rank {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.032rem;
  color: #888;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .member-con .inner .member .title-wrap .rank {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  main .member-con .inner .member .title-wrap .rank {
    font-size: 1.8rem;
  }
}
main .member-con .inner .member .desc {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02rem;
  color: #444;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .member-con .inner .member .desc {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  main .member-con .inner .member .desc {
    font-size: 1.8rem;
  }
}
main .member-con .inner .member .desc.space {
  letter-spacing: -0.06rem;
}
main .member-con .inner .member .info {
  margin-top: 2rem;
}
main .member-con .inner .member .info > * {
  display: grid;
  grid-template-columns: 7rem 1fr;
}
main .member-con .inner .member .info > * .info-title {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.032rem;
  font-weight: 700;
  line-height: 6rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .member-con .inner .member .info > * .info-title {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  main .member-con .inner .member .info > * .info-title {
    font-size: 1.8rem;
  }
}
main .member-con .inner .member .info > * .info-list {
  display: grid;
  grid-template-rows: repeat(5, 1fr);
  align-items: center;
  width: 100%;
}
main .member-con .inner .member .info > * .info-list li {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.032rem;
  height: 6rem;
  border-bottom: 0.1rem solid #eeeef0;
  -moz-column-rule: #444;
       column-rule: #444;
  display: flex;
  align-items: center;
  word-break: keep-all;
  width: 100%;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .member-con .inner .member .info > * .info-list li {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  main .member-con .inner .member .info > * .info-list li {
    font-size: 1.8rem;
  }
}
main .member-con .inner .member .info > * .info-list li a {
  width: 100%;
}
main .member-con .inner .member .info > * .info-list li.link {
  cursor: pointer;
}
main .member-con .inner .member .info > * .info-list li.link sup{
  color: #1d68fd;
}
main .member-con .inner .member .info > * .info-list li.link:hover a {
  color: #1d68fd;
}
main .member-con .inner .member .info .task {
  margin-top: 2rem;
}
main .member-con .inner .member .info .task .info-list {
  grid-template-rows: repeat(3, 1fr);
}
main .member-con .inner .member .info .task .info-list li::before {
  content: "#";
  padding-right: 0.5rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .about-visual .swvisual-control .sw-page {
    bottom: 10rem;
    left: 4.2rem;
  }
  main .about-visual .swAboutVisual .swiper-slide .inner {
    padding: 12rem;
  }
  main .about-visual .swAboutVisual .swiper-slide .inner .swvisual-title {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
  }
  main .team-con .inner .sub-title {
    margin-bottom: 4rem;
  }
  main .team-con .inner .title-wrap .team-img {
    top: 10rem;
  }
  main .team-con .inner .text-wrap {
    padding: 5rem 12rem 0 36rem;
  }
  main .member-con .inner {
    gap: 2rem;
  }
  main .member-con .inner .member {
    display: flex;
    flex-direction: column;
  }
  main .member-con .inner .member img {
    margin-bottom: 3rem;
  }
  main .member-con .inner .member .title-wrap {
    margin-bottom: 2rem;
  }
  main .member-con .inner .member .title-wrap .name {
    margin-bottom: 0.5rem;
  }
  main .member-con .inner .member .desc {
    height: 5rem;
  }
  main .member-con .inner .member .info > * {
    grid-template-columns: auto;
    grid-template-rows: 4rem auto;
  }
}
@media (max-width: 768px) {
  main .about-visual .swvisual-control .sw-page {
    left: 3rem;
    bottom: 35.5rem;
  }
  main .about-visual .swAboutVisual .swiper-slide .inner {
    padding: 12rem 12rem 24rem;
  }
  main .about-visual .swAboutVisual .swiper-slide .inner .swvisual-title {
    font-size: clamp(2.5rem, 6vw, 4.8rem);
  }
  main .about-visual .swAboutVisual .swiper-slide .inner .swvisual-title .mobile {
    display: block;
  }
  main .carousel-con {
    height: 11rem;
  }
  main .carousel-con .text-swiper .text-slide {
    width: 500%;
  }
  main .carousel-con .text-swiper .text-slide.original {
    background-color: white;
  }
  main .carousel-con .text-swiper .text-slide.clone {
    background-color: white;
  }
  main .team-con .inner .sub-title {
    margin-bottom: 4rem;
  }
  main .team-con .inner .title-wrap .title {
    margin-left: 6%;
  }
  main .team-con .inner .title-wrap .team-img {
    top: 10rem;
    background-position: center;
  }
  main .team-con .inner .text-wrap {
    padding: 6rem 3rem 0 9rem;
  }
  main .member-con .inner {
    grid-template-columns: 1fr;
  }
  main .member-con .inner .member .info > * .info-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  main .member-con .inner .member .info > * .info-list li {
    width: 100%;
    align-self: flex-start;
  }
}

/* 사업영역 스타일시트 */
/* 마진(margin) */
/* 색상표 */
/* 폰트 */
/* 폰트 사이즈 */
/* 트랜지션(transition) */
/* 마진(margin) */
/* 색상표 */
/* 폰트 */
/* 폰트 사이즈 */
/* 트랜지션(transition) */
/* 폰트 스타일(size, weight, line-height...) */
main .business-title {
  width: 100%;
  margin: 0 auto;
}
main .business-title .title {
  font-size: 6.4rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.064rem;
  padding: 24rem 0 4rem;
  text-align: center;
  background-color: #f8f8fa;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .business-title .title {
    font-size: 4.8rem;
  }
}
@media (max-width: 768px) {
  main .business-title .title {
    font-size: 4.8rem;
  }
}
main .business-title nav {
  border-top: 0.1rem solid #eeeef0;
  border-bottom: 0.1rem solid #eeeef0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
main .business-title nav .business-link {
  list-style: none;
  width: 8.5rem;
  height: 8rem;
}
main .business-title nav .business-link a {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02rem;
  color: #888;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 8rem;
  cursor: pointer;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .business-title nav .business-link a {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  main .business-title nav .business-link a {
    font-size: 1.8rem;
  }
}
main .business-title nav .business-link a:hover, main .business-title nav .business-link a.active {
  font-weight: 700;
  color: #1d68fd;
}
main .reason-wrap .inner {
  text-align: center;
  padding: 12rem 40rem;
}
main .reason-wrap .inner .mini-title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.024rem;
  color: #1d68fd;
  margin-bottom: 3rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .reason-wrap .inner .mini-title {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  main .reason-wrap .inner .mini-title {
    font-size: 2rem;
  }
}
main .reason-wrap .inner .reason:not(:last-child) {
  margin-bottom: 24rem;
}
main .reason-wrap .inner .reason .title {
  font-size: 6.4rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.064rem;
  margin-bottom: 3rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .reason-wrap .inner .reason .title {
    font-size: 4.8rem;
  }
}
@media (max-width: 768px) {
  main .reason-wrap .inner .reason .title {
    font-size: 4.8rem;
  }
}
main .reason-wrap .inner .reason .title br {
  display: none;
}
main .reason-wrap .inner .reason .desc {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02rem;
  color: #444;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .reason-wrap .inner .reason .desc {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  main .reason-wrap .inner .reason .desc {
    font-size: 1.8rem;
  }
}
main .reason-wrap .inner .reason img {
  width: 100%;
  margin-top: 12rem;
}
main .reason-wrap .inner #curriculum {
  position: relative;
}
main .reason-wrap .inner #curriculum .desc-wrap {
  position: absolute;
  text-align: left;
  right: 8%;
  bottom: 22%;
}
main .reason-wrap .inner #curriculum .desc-wrap .desc:first-child {
  margin-bottom: 3rem;
}
main .reason-wrap .inner #curriculum img {
  margin-top: 6rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .business-title .title {
    padding: 20rem 0 4rem;
  }
  main .business-title nav .business-link a {
    font-size: 2rem;
  }
  main .reason-wrap .inner {
    padding: 12rem;
  }
  main .reason-wrap .inner .reason:not(:last-child) {
    margin-bottom: 12rem;
  }
  main .reason-wrap .inner .reason img {
    margin-top: 7rem;
  }
  main .reason-wrap .inner #curriculum .desc-wrap {
    bottom: 18%;
  }
}
@media (max-width: 768px) {
  main .business-title .title {
    padding: 20rem 0 4rem;
  }
  main .reason-wrap .inner {
    padding: 12rem 3rem;
  }
  main .reason-wrap .inner .reason:not(:last-child) {
    margin-bottom: 12rem;
  }
  main .reason-wrap .inner .reason .title {
    font-size: 6.4rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.064rem;
    margin-bottom: 3rem;
  }
}
@media (max-width: 768px) and (min-width: 769px) and (max-width: 1024px) {
  main .reason-wrap .inner .reason .title {
    font-size: 4.8rem;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  main .reason-wrap .inner .reason .title {
    font-size: 4.8rem;
  }
}
@media (max-width: 768px) {
  main .reason-wrap .inner .reason .title br {
    display: block;
  }
}
@media (max-width: 768px) and (max-width: 420px) {
  main .reason-wrap .inner .reason .desc br {
    display: none;
  }
}
@media (max-width: 768px) {
  main .reason-wrap .inner .reason img {
    margin-top: 6rem;
  }
  main .reason-wrap .inner #curriculum .desc-wrap {
    position: static;
    text-align: center;
  }
  main .reason-wrap .inner #curriculum .desc-wrap br.mobile {
    display: none;
  }
  main .reason-wrap .inner #curriculum .desc-wrap .desc:first-child {
    margin-bottom: 3rem;
  }
  main .reason-wrap .inner #curriculum img {
    margin-top: 6rem;
  }
}

/* 마진(margin) */
/* 색상표 */
/* 폰트 */
/* 폰트 사이즈 */
/* 트랜지션(transition) */
/* 마진(margin) */
/* 색상표 */
/* 폰트 */
/* 폰트 사이즈 */
/* 트랜지션(transition) */
/* 폰트 스타일(size, weight, line-height...) */
main .portfolio-title {
  width: 100%;
  margin: 0 auto;
}
main .portfolio-title .title {
  font-size: 6.4rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.064rem;
  padding: 24rem 0 4rem;
  text-align: center;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .portfolio-title .title {
    font-size: 4.8rem;
  }
}
@media (max-width: 768px) {
  main .portfolio-title .title {
    font-size: 4.8rem;
  }
}
main .portfolio-title ul.filter {
  border-top: 0.1rem solid #eeeef0;
  border-bottom: 0.1rem solid #eeeef0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
main .portfolio-title ul.filter .filter-item {
  list-style: none;
  width: 13rem;
  height: 8rem;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02rem;
  color: #888;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  word-break: keep-all;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .portfolio-title ul.filter .filter-item {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  main .portfolio-title ul.filter .filter-item {
    font-size: 1.8rem;
  }
}
main .portfolio-title ul.filter .filter-item:hover, main .portfolio-title ul.filter .filter-item.active {
  font-weight: 700;
  color: #1d68fd;
}
main .portfolio-item-con {
  padding: 10rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 3rem;
       column-gap: 3rem;
  row-gap: 4rem;
}
main .portfolio-item-con .item {
  display: block;
}
main .portfolio-item-con .item.active {
  display: none;
}
main .portfolio-item-con .item .img-wrap {
  display: block;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  padding-bottom: 56%;
}
main .portfolio-item-con .item .img-wrap::before {
  font-size: 6.4rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.064rem;
  transition: all 0.3s ease;
  color: #fff;
  content: "+";
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
  background-color: rgba(51, 51, 51, 0.8);
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .portfolio-item-con .item .img-wrap::before {
    font-size: 4.8rem;
  }
}
@media (max-width: 768px) {
  main .portfolio-item-con .item .img-wrap::before {
    font-size: 4.8rem;
  }
}
main .portfolio-item-con .item .img-wrap:hover::before {
  display: flex;
}
main .portfolio-item-con .item .img-wrap .img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: top;
}
main .portfolio-item-con .item .item-title {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02rem;
  color: #222;
  padding-top: 3rem;
  padding-left: 0.4rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .portfolio-item-con .item .item-title {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  main .portfolio-item-con .item .item-title {
    font-size: 1.8rem;
  }
}
@media (max-width: 768px) {
  main .portfolio-title .title {
    padding: 20rem 0 4rem;
  }
  main .portfolio-item-con {
    padding: 12rem 3rem;
    grid-template-columns: 1fr;
  }
}

/* 마진(margin) */
/* 색상표 */
/* 폰트 */
/* 폰트 사이즈 */
/* 트랜지션(transition) */
/* 마진(margin) */
/* 색상표 */
/* 폰트 */
/* 폰트 사이즈 */
/* 트랜지션(transition) */
/* 폰트 스타일(size, weight, line-height...) */
main .info-con {
  text-align: left;
  display: grid;
  grid-template-columns: 5fr 7fr;
  padding: 0 10rem;
  column-gap: 10rem;
}
main .info-con .title {
  font-size: 6.4rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.064rem;
  word-break: keep-all;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .info-con .title {
    font-size: 4.8rem;
  }
}
@media (max-width: 768px) {
  main .info-con .title {
    font-size: 4.8rem;
  }
}
main .info-con .desc-con {
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 3rem;
       column-gap: 3rem;
  margin-top: 0.7rem;
}
main .info-con .desc-con .desc-title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.024rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .info-con .desc-con .desc-title {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  main .info-con .desc-con .desc-title {
    font-size: 2rem;
  }
}
main .info-con .desc-con .desc-wrap {
  margin-top: 0.5rem;
}
main .info-con .desc-con .desc-wrap .core-work {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02rem;
  border-bottom: 0.1rem solid #eeeef0;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .info-con .desc-con .desc-wrap .core-work {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  main .info-con .desc-con .desc-wrap .core-work {
    font-size: 1.8rem;
  }
}
main .info-con .desc-con .desc-wrap .core-work li {
  list-style-position: inside;
}
main .info-con .desc-con .desc-wrap .work-desc {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02rem;
  word-break: keep-all;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .info-con .desc-con .desc-wrap .work-desc {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  main .info-con .desc-con .desc-wrap .work-desc {
    font-size: 1.8rem;
  }
}
main .info-con .desc-con .desc-wrap .work-info {
  padding-top: 3rem;
  display: grid;
  grid-template-columns: repeat(4, auto);
}
main .info-con .desc-con .desc-wrap .work-info ul {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.032rem;
  padding-right: 5rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .info-con .desc-con .desc-wrap .work-info ul {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  main .info-con .desc-con .desc-wrap .work-info ul {
    font-size: 1.8rem;
  }
}
main .info-con .desc-con .desc-wrap .work-info ul:not(:first-child) {
  border-left: 0.1rem solid #eeeef0;
  padding-left: 3rem;
}
main .info-con .desc-con .desc-wrap .work-info ul .type {
  color: #888;
}
main .img-con {
  /* margin: 12rem 0 24rem; */
  margin: 12rem 0 0;
}
main .img-con .mockup {
  margin-bottom: 10rem;
  width: 100%;
}
main .img-con .more-img {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  width: 100%;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .info-con {
    grid-template-columns: 1fr;
    padding: 0 4.2rem;
    row-gap: 6rem;
  }
  main .info-con .desc-con {
    grid-template-columns: 1fr 5fr;
    margin-top: 0;
  }
  main .info-con .desc-con .desc-wrap .core-work {
    font-size: 1.6rem;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }
  main .info-con .desc-con .desc-wrap .work-desc {
    font-size: 1.6rem;
  }
  main .info-con .desc-con .desc-wrap .work-info {
    padding-top: 2rem;
  }
  main .img-con {
    margin: 6rem 0 0;
  }
  main .img-con .mockup {
    margin-bottom: 3rem;
  }
}
@media (max-width: 768px) {
  main .info-con {
    grid-template-columns: 1fr;
    padding: 0 3rem;
  }
  main .info-con .desc-con {
    grid-template-columns: 1fr;
    row-gap: 1rem;
    margin-top: 6rem;
  }
  main .info-con .desc-con .desc-wrap .core-work {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }
  main .info-con .desc-con .desc-wrap .work-info {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 1rem;
  }
  main .info-con .desc-con .desc-wrap .work-info ul {
    padding-right: 3rem;
  }
  main .info-con .desc-con .desc-wrap .work-info ul:not(:first-child) {
    border-left: none;
    padding-left: 0;
  }
  main .img-con {
    margin: 6rem 0 0;
  }
  main .img-con .mockup {
    margin-bottom: 6rem;
  }
  main .img-con .more-img {
    grid-template-columns: 1fr;
  }
}

/* 서비스안내 스타일시트 */
/* 마진(margin) */
/* 색상표 */
/* 폰트 */
/* 폰트 사이즈 */
/* 트랜지션(transition) */
/* 마진(margin) */
/* 색상표 */
/* 폰트 */
/* 폰트 사이즈 */
/* 트랜지션(transition) */
/* 폰트 스타일(size, weight, line-height...) */
main .service-title {
  width: 100%;
  margin: 0 auto;
}
main .service-title .title {
  font-size: 6.4rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.064rem;
  padding: 24rem 0 4rem;
  text-align: center;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .service-title .title {
    font-size: 4.8rem;
  }
}
@media (max-width: 768px) {
  main .service-title .title {
    font-size: 4.8rem;
  }
}
main .service-title nav {
  border-top: 0.1rem solid #eeeef0;
  border-bottom: 0.1rem solid #eeeef0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
main .service-title nav .service-link {
  list-style: none;
  width: 8.5rem;
  height: 8rem;
}
main .service-title nav .service-link a {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02rem;
  color: #888;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 8rem;
  cursor: pointer;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .service-title nav .service-link a {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  main .service-title nav .service-link a {
    font-size: 1.8rem;
  }
}
main .service-title nav .service-link a:hover, main .service-title nav .service-link a.active {
  font-weight: 700;
  color: #1d68fd;
}
main .process-con .inner {
  padding: 10rem;
}
main .process-con .inner .sub-title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.024rem;
  color: #1d68fd;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .process-con .inner .sub-title {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  main .process-con .inner .sub-title {
    font-size: 2rem;
  }
}
main .process-con .inner .title {
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.048rem;
  margin-bottom: 9rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .process-con .inner .title {
    font-size: 3.6rem;
  }
}
@media (max-width: 768px) {
  main .process-con .inner .title {
    font-size: 3.6rem;
  }
}
main .process-con .inner .process {
  display: grid;
  grid-template-columns: repeat(4, minmax(30rem, 1fr));
  gap: 8rem;
}
main .process-con .inner .process .process-item {
  display: flex;
  flex-direction: column;
}
main .process-con .inner .process .process-item .item-img {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5rem;
}
main .process-con .inner .process .process-item .item-img .icon {
  align-self: flex-start;
  width: 6rem;
  height: 6rem;
}
main .process-con .inner .process .process-item .item-img .arrow {
  width: 20rem;
}
main .process-con .inner .process .process-item .item-img .arrow.last {
  display: none;
}
main .process-con .inner .process .process-item .item-title {
  margin: 0 0 2rem 0.5rem;
}
main .process-con .inner .process .process-item .item-title sup {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.012rem;
  font-weight: 700;
  color: #1d68fd;
  margin-right: 1rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .process-con .inner .process .process-item .item-title sup {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  main .process-con .inner .process .process-item .item-title sup {
    font-size: 1.4rem;
  }
}
main .process-con .inner .process .process-item .item-title h4 {
  display: inline;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.024rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .process-con .inner .process .process-item .item-title h4 {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  main .process-con .inner .process .process-item .item-title h4 {
    font-size: 2rem;
  }
}
main .process-con .inner .process .process-item .item-desc {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.032rem;
  color: #444;
  margin-left: 0.5rem;
  word-break: keep-all;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .process-con .inner .process .process-item .item-desc {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  main .process-con .inner .process .process-item .item-desc {
    font-size: 1.8rem;
  }
}
main .process-con .inner .caution {
  border-top: 0.1rem solid #eeeef0;
  margin-top: 8rem;
  padding: 3rem 0 0 0.5rem;
}
main .process-con .inner .caution li {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.032rem;
  color: #444;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .process-con .inner .caution li {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  main .process-con .inner .caution li {
    font-size: 1.8rem;
  }
}
main .process-con .inner .caution li span {
  color: #1d68fd;
}
main .price-con {
  background-color: #f8f8fa;
}
main .price-con .inner {
  padding: 12rem 10rem;
}
main .price-con .inner > .title {
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.048rem;
  margin-bottom: 9rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .price-con .inner > .title {
    font-size: 3.6rem;
  }
}
@media (max-width: 768px) {
  main .price-con .inner > .title {
    font-size: 3.6rem;
  }
}
main .price-con .inner > .title small {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.032rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .price-con .inner > .title small {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  main .price-con .inner > .title small {
    font-size: 1.8rem;
  }
}
main .price-con .inner .table {
  border-bottom: 0.1rem solid #B1B1B1;
}
main .price-con .inner .table > * > * {
  display: grid;
}
main .price-con .inner .table > * > *.head {
  background-color: rgba(238, 238, 240, 0.5);
  border-top: 0.1rem solid #B1B1B1;
  border-bottom: 0.1rem solid #B1B1B1;
  padding: 1.5rem 0;
}
main .price-con .inner .table > * > *.head h4 {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.032rem;
  font-weight: 700;
  text-align: center;
  align-self: center;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .price-con .inner .table > * > *.head h4 {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  main .price-con .inner .table > * > *.head h4 {
    font-size: 1.8rem;
  }
}
main .price-con .inner .table > * > *.head h4 small {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.012rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .price-con .inner .table > * > *.head h4 small {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  main .price-con .inner .table > * > *.head h4 small {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  main .price-con .inner .table > * > *.head h4 small {
    display: block;
  }
}
main .price-con .inner .table > * > *.cell:not(:first-child):not(:last-child){
  border-bottom: 0.1rem solid #e6e6e3;
}
main .price-con .inner .table > * > *.cell > *:not(:first-child) {
  border-left: 0.1rem solid #e6e6e3;
}
main .price-con .inner .table > * > *.cell .title {
  text-align: center;
  align-self: center;
  word-break: keep-all;
}
@media (max-width: 768px) {
  main .price-con .inner .table > * > *.cell .title {
    font-weight: 700 !important;
  }
}
@media (max-width: 355px) {
  main .price-con .inner .table > * > *.cell .title {
    word-break: break-all;
  }
}
main .price-con .inner .table > * > *.cell .price {
  color: #1d68fd;
  text-align: center;
  align-self: center;
}
@media (max-width: 355px) {
  main .price-con .inner .table > * > *.cell .price {
    word-break: break-all;
  }
}
main .price-con .inner .table > * > *.cell .service {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.032rem;
  color: #444;
  padding: 0 3rem;
  display: flex;
  align-items: center;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .price-con .inner .table > * > *.cell .service {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  main .price-con .inner .table > * > *.cell .service {
    font-size: 1.8rem;
    padding: 0 2rem;
  }
}
main .price-con .inner .table .main-table {
  display: grid;
}
main .price-con .inner .table .main-table .cell .title {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02rem;
  font-weight: 800;
  background-color: rgba(238, 238, 240, 0.2);
  text-transform: uppercase;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .price-con .inner .table .main-table .cell .title {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  main .price-con .inner .table .main-table .cell .title {
    font-size: 1.8rem;
  }
}
main .price-con .inner .table .main-table .cell .price {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.024rem;
  font-weight: 700;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .price-con .inner .table .main-table .cell .price {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  main .price-con .inner .table .main-table .cell .price {
    font-size: 2rem;
  }
}
main .price-con .inner .table .main-table .cell .note {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.028rem;
  padding: 0 3rem;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
@media (max-width: 768px) {
  main .price-con .inner .table .main-table .cell .note {
    font-size: 1.6rem;
  }
}
main .price-con .inner .table .main-table .cell .note .work li::before {
  content: "-";
  margin-right: 0.5rem;
}
main .price-con .inner .table .main-table .cell .note .recommend {
  position: relative;
}
main .price-con .inner .table .main-table .cell .note .recommend li img {
  width: 1rem;
  height: 1rem;
}
main .price-con .inner .table .sub-table {
  display: grid;
  grid-column: 1/6 !important;
}
main .price-con .inner .table .sub-table .head {
  white-space: nowrap;
}
main .price-con .inner .table .title {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.032rem;
  font-weight: 800;
  background-color: rgba(238, 238, 240, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .price-con .inner .table .title {
    font-size: 1.8rem;
  }
}
@media (max-width: 768px) {
  main .price-con .inner .table .title {
    font-size: 1.8rem;
  }
}
main .price-con .inner .table .price {
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.032rem;
  font-weight: 700;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .price-con .inner .table .price {
    font-size: 2rem;
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  main .price-con .inner .table .price {
    font-size: 2rem;
  }
}
main .price-con .inner .table .price small {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.012rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .price-con .inner .table .price small {
    font-size: 1.8rem;
  }
}
@media (max-width: 768px) {
  main .price-con .inner .table .price br {
    display: none;
  }
  main .price-con .inner .table .price small {
    font-size: 1.6rem;
  }
}
main .price-con .caution {
  margin: 5rem 0 0 0.5rem;
}
main .price-con .caution li {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.032rem;
  color: #444;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .price-con .caution li {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  main .price-con .caution li {
    font-size: 1.8rem;
  }
}
main .price-con .caution li::before {
  content: "#";
  color: #1d68fd;
  margin-right: 0.5rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  main .service-title .title {
    padding: 20rem 0 4rem;
  }
  main .service-title nav .service-link a {
    font-size: 2rem;
  }
  main .process-con .inner {
    padding: 14rem 4.2rem;
  }
  main .process-con .inner .title {
    margin-bottom: 8rem;
  }
  main .process-con .inner .process {
    grid-template-columns: repeat(3, minmax(27rem, 1fr));
    gap: 6rem;
  }
  main .process-con .inner .process .process-item .item-img {
    margin-bottom: 3rem;
  }
  main .process-con .inner .process .process-item .item-title {
    margin: 0 0 1.6rem 0.5rem;
  }
  main .process-con .inner .caution {
    margin-top: 5rem;
  }
  main .price-con .inner {
    padding: 7rem 4.2rem;
  }
  main .price-con .inner > .title {
    margin-bottom: 6rem;
  }
  main .price-con .inner .table > * > *.cell .service {
    padding: 0 2rem;
  }
  main .price-con .inner .table .main-table .cell .title {
    font-size: 1.8rem;
  }
  main .price-con .inner .table .main-table .cell .note {
    padding: 0 2rem;
  }
}
@media (max-width: 768px) {
  main .service-title .title {
    padding: 20rem 0 4rem;
  }
  main .process-con .inner {
    padding: 12rem 3rem;
  }
  main .process-con .inner .sub-title {
    margin-bottom: 2rem;
  }
  main .process-con .inner .title {
    margin-bottom: 6rem;
  }
  main .process-con .inner .process {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
  main .process-con .inner .process .process-item {
    display: grid;
    grid-template-columns: 6rem 1fr;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }
  main .process-con .inner .process .process-item .item-img {
    grid-row: 1/3;
  }
  main .process-con .inner .process .process-item .item-img .arrow {
    display: none;
  }
  main .process-con .inner .process .process-item .item-title {
    margin-top: 2rem;
  }
  main .process-con .inner .caution {
    margin-top: 6rem;
  }
  main .price-con .inner {
    padding: 12rem 3rem;
  }
  main .price-con .inner > .title {
    margin-bottom: 6rem;
  }
}


#making-table > * {
}
#making-table > * > * {
  grid-template-columns: 1fr 1fr 2.8fr 2.1fr;
}
#making-table .main-table {
  grid-template-rows: auto repeat(3, 16rem);
}
#making-table .main-table .price,
#making-table .main-table .title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
#making-table .sub-table {
  grid-template-rows: auto repeat(8, 16rem);
}
#making-table .sub-table .price,
#making-table .sub-table .title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  column-gap: 0.5rem;
}
#making-table .sub-table .service {
  grid-column: 3/5;
}
@media (min-width: 769px) and (max-width: 1024px) {
  #making-table > * > * {
    grid-template-columns: 1fr 1fr 2.1fr 2.1fr;
  }
}
@media (max-width: 768px) {
  #making-table {
    border-top: none;
    border-bottom: none;
  }
  #making-table > * > * {
    grid-template-columns: auto;
  }
  #making-table .main-table .head {
    display: none;
  }
  #making-table .sub-table .head {
    background-color: transparent;
    border-top: none;
    border-bottom: none;
    justify-content: start;
    padding: 2rem 2rem 0;
  }
  #making-table .sub-table .head h4 {
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.036rem;
  }
}
@media (max-width: 768px) and (min-width: 769px) and (max-width: 1024px) {
  #making-table .sub-table .head h4 {
    font-size: 2.4rem;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  #making-table .sub-table .head h4 {
    font-size: 2.6rem;
  }
}
@media (max-width: 768px) {
  #making-table .main-table,
  #making-table .sub-table {
    grid-template-rows: auto;
    row-gap: 2rem;
  }
  #making-table .main-table .cell,
  #making-table .sub-table .cell {
    border: 0.1rem solid #e6e6e3;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 6rem auto;
  }
  #making-table .main-table .cell .title,
  #making-table .sub-table .cell .title {
    text-align: left;
    height: 100%;
    background-color: rgba(238, 238, 240, 0.5);
    padding-left: 2rem;
    justify-content: flex-start;
  }
  #making-table .main-table .cell .title br,
  #making-table .sub-table .cell .title br {
    display: none;
  }
  #making-table .main-table .cell .price,
  #making-table .sub-table .cell .price {
    text-align: right;
    background-color: rgba(238, 238, 240, 0.5);
    justify-content: flex-end;
    border-left: none;
    padding-right: 2rem;
  }
  #making-table .main-table .cell .service,
  #making-table .sub-table .cell .service {
    grid-column: 1/3;
    border: none !important;
    padding: 2rem;
  }
  #making-table .main-table .cell .note,
  #making-table .sub-table .cell .note {
    grid-column: 1/3;
    border: none !important;
    padding: 0 2rem;
  }
  #making-table .main-table .cell .note .recommend,
  #making-table .sub-table .cell .note .recommend {
    padding: 2rem 0;
  }
}

.curri-con {
  background-color: #f8f8fa;
}
.curri-con .inner {
  padding: 10rem;
}
.curri-con .inner > .title {
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.048rem;
  margin-bottom: 10rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .curri-con .inner > .title {
    font-size: 3.6rem;
  }
}
@media (max-width: 768px) {
  .curri-con .inner > .title {
    font-size: 3.6rem;
  }
}
.curri-con .inner .table-wrap:not(:last-child) {
  margin-bottom: 12rem;
}
.curri-con .inner .table-wrap > .title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.024rem;
  font-size: 3.6rem;
  margin-bottom: 2rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .curri-con .inner .table-wrap > .title {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .curri-con .inner .table-wrap > .title {
    font-size: 2rem;
  }
}
.curri-con .inner .table-wrap .table .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(238, 238, 240, 0.5);
  padding: 1.5rem 4rem;
  border-top: 0.1rem solid #e6e6e3;
  border-bottom: 0.1rem solid #e6e6e3;
  cursor: pointer;
  transition: all 0.3s ease;
  --webkit-transition: all 0.3s ease;
}
.curri-con .inner .table-wrap .table .head h4 {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02rem;
  font-weight: 700;
  transition: all 0.3s ease;
  --webkit-transition: all 0.3s ease;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .curri-con .inner .table-wrap .table .head h4 {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  .curri-con .inner .table-wrap .table .head h4 {
    font-size: 1.8rem;
  }
}
.curri-con .inner .table-wrap .table .head .more-btn {
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  border: 0.1rem solid #e6e6e3;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.3s ease;
  --webkit-transition: transform 0.3s ease;
}
.curri-con .inner .table-wrap .table .head .more-btn.show {
  transform: rotate(180deg);
}
.curri-con .inner .table-wrap .table .head.show {
  background-color: rgba(29, 104, 253, 0.05);
}
.curri-con .inner .table-wrap .table .head.show h4 {
  color: #1d68fd;
}
.curri-con .inner .table-wrap .table .info {
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  --webkit-transition: max-height 0.3s ease;
}
.curri-con .inner .table-wrap .table .info > * {
  border-bottom: 0.1rem solid #e6e6e3;
}
.curri-con .inner .table-wrap .table .info .desc {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.032rem;
  color: #444;
  padding: 1.5rem 6.5rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .curri-con .inner .table-wrap .table .info .desc {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  .curri-con .inner .table-wrap .table .info .desc {
    font-size: 1.8rem;
  }
}
.curri-con .inner .table-wrap .table .info .cell {
  display: grid;
  grid-template-columns: 1fr 2fr;
  height: 8rem;
  align-items: center;
}
.curri-con .inner .table-wrap .table .info .cell .title {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02rem;
  font-weight: 700;
  padding-left: 6.5rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .curri-con .inner .table-wrap .table .info .cell .title {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  .curri-con .inner .table-wrap .table .info .cell .title {
    font-size: 1.8rem;
  }
}
.curri-con .inner .table-wrap .table .info .cell .desc {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.032rem;
  color: #444;
  padding: 0 3rem;
  border-left: 0.1rem solid #e6e6e3;
  height: inherit;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .curri-con .inner .table-wrap .table .info .cell .desc {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  .curri-con .inner .table-wrap .table .info .cell .desc {
    font-size: 1.8rem;
  }
}
.curri-con .inner .table-wrap.table-middle .table-1 .none {
  border-bottom: 0.1rem solid #f8f8fa;
}
.curri-con .inner .table-wrap.table-middle .table-2 .cell {
  grid-template-columns: 1fr 4fr 6fr;
}
.curri-con .inner .table-wrap.table-middle .table-2 .cell .day {
  padding-left: 6.5rem;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02rem;
  font-weight: 700;
  color: #1d68fd;
  border-right: 0.1rem solid #e6e6e3;
  line-height: 8rem;
  height: inherit;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .curri-con .inner .table-wrap.table-middle .table-2 .cell .day {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  .curri-con .inner .table-wrap.table-middle .table-2 .cell .day {
    font-size: 1.8rem;
  }
}
.curri-con .inner .table-wrap.table-middle .table-2 .cell .day:not(.none) {
  border-bottom: 0.1rem solid #f8f8fa;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .curri-con .inner {
    padding: 7rem 4.2rem;
  }
  .curri-con .inner > .title {
    margin-bottom: 6rem;
  }
  .curri-con .inner .table-wrap:not(:last-child) {
    margin-bottom: 6rem;
  }
  .curri-con .inner .table-wrap > .title {
    font-size: 2.4rem;
  }
  .curri-con .inner .table-wrap .table .head {
    padding: 1.5rem 2.4rem;
  }
  .curri-con .inner .table-wrap .table .head h4 {
    font-size: 1.8rem;
  }
  .curri-con .inner .table-wrap .table .info .desc {
    padding: 1.5rem 2.4rem;
  }
  .curri-con .inner .table-wrap .table .info .cell .title {
    padding-left: 2.4rem;
  }
  .curri-con .inner .table-wrap .table .info .cell .desc {
    padding: 0 2rem;
  }
  .curri-con .inner .table-wrap.table-middle .table-2 .cell .day {
    padding-left: 2.4rem;
  }
}
@media (max-width: 768px) {
  .curri-con .inner {
    padding: 12rem 3rem 0;
  }
  .curri-con .inner > .title {
    margin-bottom: 6rem;
  }
  .curri-con .inner .table-wrap:not(:last-child) {
    margin-bottom: 6rem;
  }
  .curri-con .inner .table-wrap .table .head {
    padding: 1.5rem;
  }
  .curri-con .inner .table-wrap .table .info .desc {
    padding: 1.5rem 4rem;
  }
  .curri-con .inner .table-wrap .table .info .cell {
    grid-template-columns: 1fr;
    height: auto;
  }
  .curri-con .inner .table-wrap .table .info .cell .title {
    padding-top: 1.5rem;
    padding-left: 4rem;
  }
  .curri-con .inner .table-wrap .table .info .cell .desc {
    padding: 0 4rem 1.5rem;
    border: none;
  }
  .curri-con .inner .table-wrap.table-middle .table-2 .cell {
    grid-template-columns: 10rem auto;
    height: 9rem;
  }
  .curri-con .inner .table-wrap.table-middle .table-2 .cell .day {
    padding-left: 4rem;
  }
  .curri-con .inner .table-wrap.table-middle .table-2 .cell .title {
    padding: 0 2rem;
  }
}

#lecture-table > * > * {
  grid-template-columns: 1fr repeat(4, 1.4fr);
}
@media (max-width: 768px) {
  #lecture-table > * > * {
    grid-template-columns: 1fr repeat(3, 1.4fr);
  }
}
#lecture-table .main-table {
  grid-template-rows: auto repeat(2, 16rem);
}
#lecture-table .main-table .price {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  #lecture-table .main-table .service {
    display: none;
  }
}
#lecture-table .sub-table {
  grid-template-rows: auto repeat(3, minmax(16rem, auto));
}
#lecture-table .sub-table .price {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
#lecture-table .sub-table .service {
  grid-column: 3/6;
}

/* 마진(margin) */
/* 색상표 */
/* 폰트 */
/* 폰트 사이즈 */
/* 트랜지션(transition) */
/* 마진(margin) */
/* 색상표 */
/* 폰트 */
/* 폰트 사이즈 */
/* 트랜지션(transition) */
/* 폰트 스타일(size, weight, line-height...) */
#consulting-table > * > * {
  grid-template-columns: 20% repeat(4, 1.4fr);
}
#consulting-table .main-table {
  grid-template-rows: auto repeat(3, 16rem);
}
#consulting-table .main-table .price {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  #consulting-table .main-table .price {
    flex-direction: column;
  }
}
#consulting-table .sub-table {
  grid-template-rows: auto repeat(2, minmax(16rem, auto));
}
#consulting-table .sub-table .price {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  #consulting-table .sub-table .price {
    flex-direction: column;
  }
}
#consulting-table .sub-table .service {
  grid-column: 3/6;
}

/* 마진(margin) */
/* 색상표 */
/* 폰트 */
/* 폰트 사이즈 */
/* 트랜지션(transition) */
/* 마진(margin) */
/* 색상표 */
/* 폰트 */
/* 폰트 사이즈 */
/* 트랜지션(transition) */
/* 폰트 스타일(size, weight, line-height...) */
.faq-con .inner {
  padding: 10rem;
}
.faq-con .inner .sub-title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.024rem;
  color: #1d68fd;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .faq-con .inner .sub-title {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .faq-con .inner .sub-title {
    font-size: 2rem;
  }
}
.faq-con .inner > .title {
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.048rem;
  margin-bottom: 9rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .faq-con .inner > .title {
    font-size: 3.6rem;
  }
}
@media (max-width: 768px) {
  .faq-con .inner > .title {
    font-size: 3.6rem;
  }
}
.faq-con .inner .filter {
  display: flex;
  flex-direction: row;
  margin-bottom: 2rem;
}
.faq-con .inner .filter .filter-item {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.032rem;
  color: #888;
  line-height: 1;
  padding: 0 2rem;
  cursor: pointer;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .faq-con .inner .filter .filter-item {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  .faq-con .inner .filter .filter-item {
    font-size: 1.8rem;
  }
}
.faq-con .inner .filter .filter-item:not(:last-child) {
  border-right: 0.1rem solid #e6e6e3;
}
.faq-con .inner .filter .filter-item.active {
  color: #1d68fd;
}
.faq-con .inner .faq-area {
  border-top: 0.1rem solid #eeeef0;
}
.faq-con .inner .faq-area .faq-item > * {
  display: grid;
  grid-template-columns: 8rem 1fr 8rem;
}
.faq-con .inner .faq-area .faq-item > * .type {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02rem;
  font-weight: 700;
  color: #1d68fd;
  padding: 2.4rem 3rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .faq-con .inner .faq-area .faq-item > * .type {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  .faq-con .inner .faq-area .faq-item > * .type {
    font-size: 1.8rem;
  }
}
.faq-con .inner .faq-area .faq-item .question {
  border-bottom: 0.1rem solid #eeeef0;
  cursor: pointer;
}
.faq-con .inner .faq-area .faq-item .question .title {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02rem;
  font-weight: 700;
  align-self: center;
  padding: 2.4rem 3rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .faq-con .inner .faq-area .faq-item .question .title {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  .faq-con .inner .faq-area .faq-item .question .title {
    font-size: 1.8rem;
  }
}
.faq-con .inner .faq-area .faq-item .question .more-btn {
  justify-self: end;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  border: 0.1rem solid #eeeef0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2.4rem 3rem;
  cursor: pointer;
  transition: transform 0.3s ease;
  --webkit-transition: transform 0.3s ease;
}
.faq-con .inner .faq-area .faq-item .question .more-btn.show {
  transform: rotate(180deg);
}
.faq-con .inner .faq-area .faq-item .answer {
  max-height: 0;
  overflow: hidden;
  background-color: #f8f8fa;
  transition: max-height 0.3s ease;
  --webkit-transition: max-height 0.3s ease;
}
.faq-con .inner .faq-area .faq-item .answer .text-wrap {
  padding: 2.4rem 3rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.032rem;
  align-self: flex-start;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .faq-con .inner .faq-area .faq-item .answer .text-wrap {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  .faq-con .inner .faq-area .faq-item .answer .text-wrap {
    font-size: 1.8rem;
  }
}
.faq-con .inner .faq-area .faq-item .answer .text-wrap .desc {
  padding-top: 2.4rem;
}
.faq-con .inner .faq-area .faq-item .answer .text-wrap .desc .bold {
  font-weight: 700;
}
.faq-con .inner .faq-area .faq-item .answer .text-wrap .sub-text {
  padding-top: 2.4rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .faq-con .inner {
    padding: 14rem 4.2rem;
  }
  .faq-con .inner > .title {
    margin-bottom: 6rem;
  }
  .faq-con .inner .filter .filter-item {
    font-size: 1.6rem;
  }
  .faq-con .inner .faq-area .faq-item > * {
    grid-template-columns: 6rem 1fr 6rem;
  }
  .faq-con .inner .faq-area .faq-item > * .type {
    font-size: 2rem;
    padding: 2.4rem 2rem;
  }
  .faq-con .inner .faq-area .faq-item .question .title {
    font-size: 2rem;
    padding: 2.4rem 2rem;
  }
  .faq-con .inner .faq-area .faq-item .question .more-btn {
    margin: 2.4rem 2rem;
  }
  .faq-con .inner .faq-area .faq-item .answer .text-wrap {
    padding: 2.4rem 2rem;
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .faq-con .inner {
    padding: 12rem 3rem;
  }
  .faq-con .inner .sub-title {
    margin-bottom: 2rem;
  }
  .faq-con .inner > .title {
    margin-bottom: 6rem;
  }
  .faq-con .inner .filter .filter-item {
    padding: 0 1.5rem;
  }
  .faq-con .inner .faq-area .faq-item > * {
    grid-template-columns: 5rem 1fr 6rem;
  }
  .faq-con .inner .faq-area .faq-item > * .type {
    padding: 2.4rem 1.5rem;
  }
  .faq-con .inner .faq-area .faq-item .question .title {
    padding: 2.4rem 1.5rem;
  }
  .faq-con .inner .faq-area .faq-item .question .more-btn {
    margin: 2.4rem 1.5rem;
  }
  .faq-con .inner .faq-area .faq-item .answer .text-wrap {
    padding: 2.4rem 1.5rem;
  }
}/*# sourceMappingURL=styles.css.map */