@charset "UTF-8";
/**************   폰트 적용   ***************/
@font-face {
  font-family: 'SpoqaHanSansNeoR';
  src: url("/assets/font/renew_font/SpoqaHanSansNeo-OTF/SpoqaHanSansNeo-Regular.otf");
}

@font-face {
  font-family: 'SpoqaHanSansNeoT';
  src: url("/assets/font/renew_font/SpoqaHanSansNeo-OTF/SpoqaHanSansNeo-Thin.otf");
}

@font-face {
  font-family: 'SpoqaHanSansNeoB';
  src: url("/assets/font/renew_font/SpoqaHanSansNeo-OTF/SpoqaHanSansNeo-Bold.otf");
}

html {
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-family: SpoqaHanSansNeoR, sans-serif;
}

div {
  margin: 0;
  border: 0;
  padding: 0;
}

img {
  border: 0;
}

figure {
  margin-block-start: 0px;
  margin-block-start: 0px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

/*** html 태그의 기본 css 속성 제거 - end ***/
.container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.container-00 {
  background: #181818;
  position: relative;
  z-index: 1;
}

.container-00::before {
  content: '';
  background: url("/assets/img/renew_img/main/default/background.jpg") center/cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  z-index: -1;
}

.top {
  align-items: center;
  display: flex;
  height: 82px;
  justify-content: space-between;
}

.top .logo {
  height: 28px;
  margin: 0 0 0 2.292vw;
  object-fit: contain;
  width: 189px;
}

.top .logo .mouseout {
  width: 100%;
}

.top .logo .mouseover {
  width: 100%;
  display: none;
}

.top .sign {
  display: flex;
  justify-content: space-between;
  margin: 0 9.375vw 0 0;
  width: 169px;
}

.top .sign a:nth-child(odd) {
  color: #fff;
  font: 1rem SpoqaHanSansNeoR, sans-serif;
  letter-spacing: -0.19px;
  text-align: center;
  text-decoration: none;
}

.top .sign a:nth-child(odd):hover {
  opacity: 0.5;
}

.top .sign span:nth-child(even) {
  background-color: #fff;
  flex-grow: 0;
  height: 1rem;
  width: 1px;
}

.top:hover {
  background-color: #fff;
}

.top:hover .sign a {
  color: #181818;
  font: 1rem SpoqaHanSansNeoR, sans-serif;
  height: 1rem;
  letter-spacing: -0.19px;
  text-align: center;
}

.top:hover .sign span {
  background-color: #181818;
  flex-grow: 0;
  height: 1rem;
  width: 1px;
}

.top:hover .mouseout {
  display: none;
}

.top:hover .mouseover {
  display: inline-block;
}

.agenda {
  margin: 17.722vh 0 0 17.361vw;
}

.agenda summary {
  color: #fff;
  font: 50px/1.4 SpoqaHanSansNeoB, sans-serif;
  letter-spacing: -0.6px;
  margin: 0;
  text-align: left;
  white-space: nowrap;
}

@media screen and (max-width: 550px) {
  .agenda summary {
    color: #fff;
    font: 45px/1.4 SpoqaHanSansNeoB, sans-serif;
    letter-spacing: -0.6px;
    text-align: left;
    white-space: nowrap;
  }
}

.agenda p {
  color: #fff;
  font: 1rem/1.63 SpoqaHanSansNeoR, sans-serif;
  letter-spacing: -0.19px;
  margin: 5.517vh 0 0 0;
  text-align: left;
  white-space: nowrap;
}

.bottom-nav-wrapper {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.bottom-nav {
  align-items: center;
  background-color: #fff;
  display: flex;
  height: 62px;
  justify-content: flex-start;
  margin: 11.264vh 0 0 0;
  padding: 0 0 0 17.361vw;
}

.bottom-nav span:nth-child(odd) {
  width: 1px;
  height: 18px;
  background-color: #181818;
  margin: 0px 41px 0px 41px;
  padding: 0;
}

.bottom-nav span:nth-child(1) {
  margin: 0 41px 0 0;
}

.bottom-nav span:nth-child(7) {
  width: 0;
  margin: 0 0 0 41px;
}

.bottom-nav a:nth-child(even) {
  color: #181818;
  font: 18px/1 SpoqaHanSansNeoR, sans-serif;
  height: 18px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: auto;
}

.bg-desc-center {
  width: 270px;
  height: 62px;
  padding: 0;
  margin: 5.517vh 0 0 17.361vw;
}

.bg-desc-center .details {
  color: #fff;
  font: 12px/1 SpoqaHanSansNeoR, sans-serif;
  letter-spacing: -0.19px;
  text-align: left;
  padding: 0;
  margin: 0;
  white-space: nowrap;
}

@media screen and (min-width: 1280px) {
  .bg-desc-center .details {
    display: none;
  }
}

.bg-desc-bottom {
  width: 270px;
  height: 62px;
  padding: 0 0 0 0;
  margin: 0;
}

.bg-desc-bottom .details {
  position: relative;
  top: 15px;
  color: #fff;
  font: 12px/1 SpoqaHanSansNeoR, sans-serif;
  letter-spacing: -0.19px;
  text-align: left;
  padding: 0 0 0 0;
  margin: 0;
}

@media screen and (max-width: 1280px) {
  .bg-desc-bottom {
    width: auto;
    height: auto;
  }
  .bg-desc-bottom .details {
    display: none;
  }
}

.container-01 {
  background-color: #1b3d3d;
  height: auto;
}

.online-cm {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 29.109vh auto 0 auto;
  padding-bottom: 28.412vh;
}

.online-cm .title {
  display: block;
  color: #fff;
  font: 42px/1.33 SpoqaHanSansNeoB, sans-serif;
  letter-spacing: -0.92px;
  margin: 0;
  padding: 0;
  text-align: left;
  white-space: nowrap;
}

.online-cm .desc {
  display: block;
  color: #fff;
  font: 1rem/1.63 SpoqaHanSansNeoR, sans-serif;
  letter-spacing: -0.19px;
  margin: 0;
  padding: 0;
  text-align: left;
  margin-top: 28px;
  white-space: nowrap;
}

.online-cm #cm-desc-pc {
  display: block;
}

.online-cm #cm-desc-non-pc {
  display: none;
}

.online-cm .video {
  background-color: #1b3d3d;
  height: 305px;
  padding: 0;
  width: 540px;
  margin: 0 0 0 96px;
}

.container-02 {
  background-color: #f8f8f8;
  height: auto;
}

.complete-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 18.168vh 17.917% 0 17.917%;
}

@media screen and (max-width: 1224px) {
  .complete-wrapper {
    margin: 18.168vh 12.917% 0 12.917%;
  }
}

.project-record {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.project-record .title {
  font: 42px/1.33 SpoqaHanSansNeoB, sans-serif;
  letter-spacing: -0.92px;
  text-align: center;
  color: #181818;
  white-space: nowrap;
}

.project-record .desc {
  color: #606060;
  font: 1rem/1.63 SpoqaHanSansNeoR, sans-serif;
  letter-spacing: -0.19px;
  margin: 12px 0 0 0;
  text-align: center;
  white-space: nowrap;
}

.performance-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 72px 0 0 0;
  width: 100%;
}

.delimiter {
  background-color: #bfbfbf;
  flex-grow: 0;
  height: 94px;
  margin: 0 8.8px 0 9.8px;
  width: 1px;
}

.performance {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0;
  white-space: nowrap;
}

.performance .amount {
  color: #3b8477;
  flex-grow: 0;
  font: 60px/1 SpoqaHanSansNeoT, sans-serif;
  line-height: 1;
  letter-spacing: -0.72px;
  text-align: center;
  white-space: nowrap;
}

.performance .amount-subject {
  color: #24524a;
  flex-grow: 0;
  font: 1rem/1 SpoqaHanSansNeoR, sans-serif;
  letter-spacing: -0.19px;
  margin: 19.6px 0 0 0;
  text-align: center;
  white-space: nowrap;
}

.building {
  display: flex;
  margin: 73px 0 157px 0;
  width: 100%;
  height: auto;
}

.building .wrapper {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 4.021vh 3.425vw 31.891vh 2.978vw;
  margin: 0 0 0 0;
  width: 20.75%;
}

.building .city-wrapper {
  display: flex;
  flex-direction: column;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.building .city {
  color: #24524a;
  font: 30px/1.4 SpoqaHanSansNeoB, sans-serif;
  letter-spacing: -0.36px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: left;
  white-space: nowrap;
}

.building .desc {
  color: #24524a;
  font: 20px/1 SpoqaHanSansNeoR, sans-serif;
  letter-spacing: -0.24px;
  margin: 5px 0 0 0;
  padding: 0 0 0 0;
  text-align: left;
  white-space: nowrap;
}

.building .menu {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  margin: 14.105vh 0 0 0;
}

.building .menu-wrapper {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}

.building .menu-delimiter {
  background-color: #ebebeb;
  flex-grow: 0;
  height: 1px;
  width: 100%;
  margin: 3.284vh 0 3.284vh 0;
  padding: 0;
}

.building .case {
  color: #606060;
  cursor: pointer;
  font: 1rem/1 SpoqaHanSansNeoR, sans-serif;
  line-height: 1;
  letter-spacing: -0.19px;
  margin: 0;
  padding: 0;
  text-align: left;
}

.building .case-amount {
  color: #606060;
  cursor: pointer;
  flex-grow: 0;
  font: 20px/1 SpoqaHanSansNeoB, sans-serif;
  letter-spacing: -0.24px;
  margin: 0;
  padding: 0;
  text-align: right;
}

#building-map {
  background-color: blanchedalmond;
  height: auto;
  width: calc(100% - 30.76%);
}

.container-03 {
  width: 100%;
}

.container-04 {
  background-color: #1b3d3d;
  height: auto;
}

.sample-provide-wrapper {
  display: flex;
  justify-content: center;
  margin: 31.144vh 17.361vw 24.8vh 17.361vw;
  height: 318px;
}

.sample-provide {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 6.944vw 0 0;
}

.sample-provide .title {
  color: #fff;
  font: 42px/1.33 SpoqaHanSansNeoB, sans-serif;
  letter-spacing: -0.92px;
  padding: 0;
  text-align: left;
  white-space: nowrap;
}

.sample-provide .desc {
  color: #fff;
  font: 1rem/1.63 SpoqaHanSansNeoR, sans-serif;
  letter-spacing: -0.19px;
  padding: 0;
  text-align: left;
  white-space: nowrap;
}

.sample-provide .storybook {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0;
  width: 460px;
}

.pic-storybook {
  text-align: left;
}

.pic-storybook img {
  height: 100vw;
  margin: 0 auto;
  max-width: 380px;
  max-height: 318px;
}

.client-apply {
  background-color: #fff;
  cursor: pointer;
  display: flex;
  height: 54px;
  justify-content: space-evenly;
  width: 220px;
}

.client-apply .button {
  color: #181818;
  cursor: pointer;
  font: 14px/1 SpoqaHanSansNeoB, sans-serif;
  height: auto;
  letter-spacing: -0.17px;
  margin: 21px 6px 0px 24px;
  text-align: center;
}

.client-apply .icon-arrow_black {
  flex-grow: 0;
  height: 20px;
  margin: 1rem 24px 0 0;
  object-fit: contain;
  width: 20px;
}

.client-apply:hover {
  background-color: #ebebeb;
}

.client-apply:hover .button {
  background-color: #ebebeb;
}

.client-apply:hover .icon-arrow_black {
  background-color: #ebebeb;
}

.construction-apply {
  background-color: #3b8477;
  cursor: pointer;
  display: flex;
  height: 54px;
  justify-content: space-evenly;
  width: 220px;
}

.construction-apply .button {
  color: #fff;
  font: 14px/1 SpoqaHanSansNeoB, sans-serif;
  height: fit-content;
  letter-spacing: -0.17px;
  margin: 21px 6px 0 24px;
}

.construction-apply .icon-arrow_white {
  flex-grow: 0;
  height: 20px;
  margin: 1rem 24px 0 0;
  object-fit: contain;
  width: 20px;
}

.construction-apply:hover {
  background-color: #2e656b;
}

.construction-apply:hover .button {
  background-color: #2e656b;
}

.easy-building-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 940px;
  margin: 12.5625rem auto 15.4375rem auto;
  position: relative;
}

.easy-building-wrapper article {
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  margin: 65px 0 0 0;
}

.easy-building-wrapper article h1 {
  color: #181818;
  font: bold 2.625rem/1.33 SpoqaHanSansNeoR;
  letter-spacing: -0.92px;
  margin: 0 0 28px 0;
  text-align: left;
  width: 274px;
}

.easy-building-wrapper article p:nth-child(2) {
  color: #606060;
  font: 1rem/1.63 SpoqaHanSansNeoR;
  letter-spacing: -0.19px;
  text-align: left;
}

.easy-building-wrapper .carousel {
  width: 380px;
  height: 684px;
  margin: 0 0 0 184px;
}

.easy-building-wrapper .carousel .carousel-container {
  position: relative;
  overflow: hidden;
}

.easy-building-wrapper .carousel .carousel-container .carousel-items {
  position: relative;
  right: 380px;
  display: flex;
}

.easy-building-wrapper .carousel .carousel-container .carousel-items .carousel-item {
  width: 380px;
  height: 658px;
}

.easy-building-wrapper .carousel .carousel-container .carousel-items .carousel-item img {
  width: 380px;
  height: 658px;
}

.easy-building-wrapper .carousel .pager-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.easy-building-wrapper .carousel .pager-wrapper .pager {
  background-color: #d6d6d6;
  border-radius: 50%;
  cursor: pointer;
  flex-grow: 0;
  height: 10px;
  margin: 0 12px 0 0;
  opacity: 0.5;
  width: 10px;
}

@media (hover: none) and (pointer: coarse) {
  .easy-building-wrapper .carousel .pager-wrapper .pager:hover {
    opacity: 1;
  }
}

.easy-building-wrapper .carousel .pager-wrapper .showing {
  opacity: 1;
}

.easy-building-wrapper .small-tron-wrapper {
  flex-grow: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 468px;
  margin: 0 auto 0 auto;
  position: absolute;
  top: 315px;
}

.easy-building-wrapper .small-tron-wrapper .small-tron {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #f8f8f8;
  height: 127px;
  margin: 0;
  padding: 12px 0 12px 12px;
  width: 148px;
}

.easy-building-wrapper .small-tron-wrapper .small-tron h5 {
  color: #3e3e3e;
  font: bold 1rem/1.63 SpoqaHanSansNeoR;
  letter-spacing: -0.19px;
  margin: 0;
  text-align: left;
}

.easy-building-wrapper .small-tron-wrapper .small-tron p {
  color: #3e3e3e;
  font: bold 1rem/1.57 SpoqaHanSansNeoR;
  letter-spacing: -0.17px;
  margin: 0;
  text-align: left;
}

.easy-building-wrapper .small-tron-wrapper .small-tron.showing {
  background-color: #1b3d3d;
}

.easy-building-wrapper .small-tron-wrapper .small-tron.showing h5 {
  color: #ffffff;
  font: bold 1rem/1.63 SpoqaHanSansNeoR;
  letter-spacing: -0.14px;
  margin: 0;
  text-align: left;
}

.easy-building-wrapper .small-tron-wrapper .small-tron.showing p {
  color: #ffffff;
  font: bold 1rem/1.57 SpoqaHanSansNeoR;
  letter-spacing: -0.17px;
  margin: 0;
  text-align: left;
}

@media (hover: hover) {
  .easy-building-wrapper .small-tron-wrapper .small-tron:hover {
    background-color: #1b3d3d;
  }
  .easy-building-wrapper .small-tron-wrapper .small-tron:hover h5 {
    color: #ffffff;
    font: bold 1rem/1.63 SpoqaHanSansNeoR;
    letter-spacing: -0.14px;
    margin: 0;
    text-align: left;
  }
  .easy-building-wrapper .small-tron-wrapper .small-tron:hover p {
    color: #ffffff;
    font: bold 1rem/1.57 SpoqaHanSansNeoR;
    letter-spacing: -0.17px;
    margin: 0;
    text-align: left;
  }
}

.easy-building-wrapper .small-tron-wrapper .small-tron:nth-child(n + 4) {
  margin: 12px 0 0 0;
}

.container-06 {
  background-color: #1b3d3d;
}

.service-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin: 20.277vh 17.361vw 20.277vh 17.361vw;
}

.service-matching {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.service-matching .title {
  width: 492px;
  height: 56px;
  font: 42px/1.33 SpoqaHanSansNeoB, sans-serif;
  letter-spacing: -0.92px;
  text-align: center;
  color: #fff;
}

.service-matching .desc {
  width: 373px;
  height: 26px;
  font: 1rem/1.63 SpoqaHanSansNeoR, sans-serif;
  letter-spacing: -0.19px;
  margin: 12px 0 0 0;
  text-align: center;
  color: #fff;
}

.service-tron-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 84px;
}

.service-tron-wrapper div:nth-child(4) {
  margin: 0;
}

.service-tron {
  align-items: center;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 20px 0 0;
  height: 400px;
  width: 220px;
}

.service-tron .icon {
  width: auto;
  height: auto;
  margin: 0 0 0 0;
}

.service-tron .title {
  color: #181818;
  flex-grow: 0;
  font: 24px/1 SpoqaHanSansNeoB, sans-serif;
  letter-spacing: -0.29px;
  height: auto;
  margin: 2.362vh 0 0;
  text-align: center;
  width: auto;
}

.service-tron .desc {
  color: #3e3e3e;
  flex-grow: 0;
  font: 12px/1.5 SpoqaHanSansNeoR, sans-serif;
  letter-spacing: -0.14px;
  height: auto;
  margin: 1.954vh 0 0;
  text-align: center;
  width: auto;
}

.service-tron .delimiter {
  width: 100%;
  height: 1px;
  flex-grow: 0;
  margin: 50px 0 32px 0;
  background-color: #ebebeb;
}

.service-tron .delimiter-edu {
  width: 100%;
  height: 1px;
  flex-grow: 0;
  margin: 31px 0 32px 0;
  background-color: #ebebeb;
}

.service-tron .case-reference {
  color: #a3a3a3;
  flex-grow: 0;
  font: 12px/1.5 SpoqaHanSansNeoR, sans-serif;
  height: auto;
  letter-spacing: -0.14px;
  margin: 0;
  text-align: center;
  width: auto;
}

.service-tron .price {
  color: #181818;
  flex-grow: 0;
  font: 24px/1 SpoqaHanSansNeoR, sans-serif;
  letter-spacing: -0.29px;
  margin: 0;
  height: auto;
  text-align: center;
  width: auto;
}

.service-apply {
  background-color: #ebebeb;
  cursor: pointer;
  height: 36px;
  margin: 38.5px 0 17px 0;
  width: calc(100% - 40px);
}

.service-apply .text {
  color: #606060;
  flex-grow: 0;
  font: 14px/1 SpoqaHanSansNeoB, sans-serif;
  height: auto;
  letter-spacing: -0.17px;
  text-align: center;
  margin: 11px 0 0;
  width: auto;
}

.service-apply:hover {
  background-color: #1b3d3d;
}

.service-apply:hover .text {
  background-color: #1b3d3d;
  color: #fff;
}

.contact-planner {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 940px;
}

.contact-planner div:nth-child(2) {
  margin-right: 0;
}

.contact-planner .btn {
  cursor: pointer;
  background-color: rgba(18, 18, 18, 0.2);
  display: flex;
  height: 82px;
  margin: 70px 20px 0 0;
  width: 460px;
}

.contact-planner .btn div {
  align-items: center;
  display: flex;
  justify-content: center;
}

.contact-planner .btn:nth-child(2) {
  cursor: default;
}

.contact-planner .text {
  color: #f8f8f8;
  flex-grow: 0;
  font: 20px/1 SpoqaHanSansNeoR, sans-serif;
  letter-spacing: -0.24px;
  margin: 0 0 0 8px;
  text-align: center;
  width: auto;
}

.contact-planner .call-number {
  color: #f8f8f8;
  flex-grow: 0;
  font: 20px/1 SpoqaHanSansNeoB, sans-serif;
  letter-spacing: -0.24px;
  margin: 0 0 0 18px;
  text-align: center;
  width: auto;
}

.contact-planner .email {
  color: #f8f8f8;
  flex-grow: 0;
  font: 20px/1 SpoqaHanSansNeoB, sans-serif;
  letter-spacing: -0.24px;
  margin: 0 0 0 18px;
  text-align: center;
  width: auto;
}

.container-07 {
  background-color: #f8f8f8;
  height: auto;
}

.using-now {
  display: flex;
  flex-direction: column;
  margin: 18.936vh auto 19.249vh auto;
  max-width: 940px;
}

.using-now .title-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 0 84px 0;
}

.using-now .title {
  color: #181818;
  font: 42px/1.33 SpoqaHanSansNeoB, sans-serif;
  letter-spacing: -0.92px;
  margin: 0;
  text-align: center;
  white-space: nowrap;
}

.using-now .desc {
  color: #606060;
  font: 1rem/1.63 SpoqaHanSansNeoR, sans-serif;
  letter-spacing: -0.19px;
  margin: 12px 0 0 0;
  text-align: center;
  width: 65%;
}

.container-08 {
  background-color: #fff;
  height: auto;
}

.faq-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 21.627vh 22.917vw 24.414vh 22.917vw;
}

.faq-wrapper .title {
  color: #181818;
  font: 42px/1.33 SpoqaHanSansNeoB, sans-serif;
  letter-spacing: -0.92px;
  margin: 0 0 80px 0;
  text-align: center;
}

.faq {
  display: flex;
  flex-direction: column;
}

.faq .delimiter {
  width: auto;
  height: 1px;
  background-color: #d6d6d6;
  margin: 0;
}

.faq .accordion-wrapper {
  display: flex;
  flex-direction: column;
  height: auto;
}

.faq .accordion-wrapper .click-btn {
  content: url("/assets/img/renew_img/main/default/accordion-down.png");
  cursor: pointer;
}

@media (hover: hover) and (pointer: fine) {
  .faq .accordion-wrapper:hover {
    background-color: #f8f8f8;
  }
  .faq .accordion-wrapper:hover .click-btn {
    content: url("/assets/img/renew_img/main/default/accordion-hover.png");
  }
}

.faq .accordion-wrapper:active {
  background-color: #f8f8f8;
}

.faq .accordion-wrapper:active .click-btn {
  content: url("/assets/img/renew_img/main/default/accordion-up.png");
}

.faq .accordion-wrapper .click-btn-up {
  content: url("/assets/img/renew_img/main/default/accordion-up.png");
}

.faq .question-wrapper {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 72px;
  justify-content: space-between;
  padding: 0 20px 0 28px;
  width: 780px;
}

.faq .question-wrapper .question {
  color: #3e3e3e;
  font: 1rem/1 SpoqaHanSansNeoR, sans-serif;
  letter-spacing: -0.19px;
  padding: 0;
  text-align: left;
}

.faq .answer-wrapper {
  display: none;
  padding: 0px 20px 22px 28px;
  width: 780px;
  align-items: center;
}

.faq .answer-wrapper .answer {
  display: block;
  color: #3e3e3e;
  font: 14px/1.57 SpoqaHanSansNeoR, sans-serif;
  letter-spacing: -0.17px;
  margin: 0 0 26px 0;
  padding: 0;
  text-align: left;
  width: 758px;
}

.container-09 {
  background-color: #1b3d3d;
  flex-grow: 0;
  height: 360px;
}

.footer__wrapper {
  margin: 90px 4.375vw 0 4.375vw;
}

.footer {
  display: flex;
  justify-content: space-between;
}

.footer .nav {
  display: flex;
  justify-content: space-between;
}

.footer .nav .menu {
  color: #f8f8f8;
  cursor: pointer;
  font: 14px/1 SpoqaHanSansNeoB, sans-serif;
  letter-spacing: -0.17px;
  text-align: center;
  white-space: nowrap;
  width: auto;
}

.footer .nav .menu:hover {
  opacity: 0.5;
}

.footer .nav .delimiter {
  background-color: #fff;
  width: 1px;
  height: 13px;
  flex-grow: 0;
  margin: 0 23px 1px 24px;
}

.contact {
  display: flex;
  align-items: flex-start;
}

.contact .cs-call {
  display: flex;
  flex-direction: column;
  margin: 0 5.764vw 0 0;
}

.contact .call {
  font: 14px/1 SpoqaHanSansNeoB, sans-serif;
  letter-spacing: -0.17px;
  text-align: left;
  color: #f8f8f8;
}

.contact .phone-number {
  color: #f8f8f8;
  font: 1rem/1 SpoqaHanSansNeoB, sans-serif;
  letter-spacing: -0.19px;
  margin: 10px 0 8px 0;
  text-align: left;
}

.contact .cs-opening {
  font: 10px/1 SpoqaHanSansNeoR, sans-serif;
  letter-spacing: -0.12px;
  text-align: left;
  color: #fff;
}

.contact_mail {
  display: flex;
  flex-direction: column;
}

.contact_mail .ask {
  color: #f8f8f8;
  font: 1rem/1 SpoqaHanSansNeoB, sans-serif;
  letter-spacing: -0.19px;
  margin: 0 0 0 0;
  text-align: left;
}

.contact_mail .addr {
  color: #ffffff;
  font: 1rem/1 SpoqaHanSansNeoB, sans-serif;
  letter-spacing: -0.19px;
  margin: 10px 0 0 0;
  text-align: left;
}

.company {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.company .meta {
  color: #fff;
  font: 14px/1.5 SpoqaHanSansNeoR, sans-serif;
  letter-spacing: -0.14px;
  text-align: left;
}

.company .address {
  font: 14px/1.5 SpoqaHanSansNeoR, sans-serif;
  letter-spacing: -0.14px;
  margin: 18px 0 18px 0;
  text-align: left;
  color: #fff;
}

.company .copyright {
  color: #fff;
  font: 12px/1 SpoqaHanSansNeoR, sans-serif;
  letter-spacing: -0.12px;
  text-align: left;
}

@media screen and (max-width: 1024px) {
  .top {
    height: 5.125rem;
  }
  .top .logo {
    margin: 5px 0 0 4.53vw;
  }
  .top .sign {
    justify-content: flex-end;
    margin: 0 4.53vw 0 0;
    width: 100%;
  }
  .top .sign a:nth-child(odd) {
    font: 0.75rem SpoqaHanSansNeoR, sans-serif;
    letter-spacing: -0.14px;
  }
  .top .sign span:nth-child(even) {
    margin: 0.1rem 0.9375rem 0 0.9375rem;
    height: 0.7rem;
  }
  .top:hover .sign a {
    font: 0.75rem SpoqaHanSansNeoR, sans-serif;
    height: 0.75rem;
    letter-spacing: -0.14px;
  }
  .agenda {
    margin: 5.731rem 0 0 4.26vw;
  }
  .agenda summary {
    font: 1.875rem/1.4 SpoqaHanSansNeoB, sans-serif;
    letter-spacing: -0.36px;
  }
  .agenda p {
    margin: 1.625rem 0 0 0;
    font: 0.875rem/1.86 SpoqaHanSansNeoR, sans-serif;
    width: 240px;
    white-space: normal;
  }
  .bottom-nav {
    height: 2.6875rem;
    justify-content: center;
    padding: 0;
    margin: 4.1875rem 0 0 0;
    width: 100%;
  }
  .bottom-nav span:nth-child(odd) {
    height: 0.75rem;
    margin: 0 1.312rem 0 1.312rem;
  }
  .bottom-nav span:nth-child(1) {
    display: none;
  }
  .bottom-nav span:nth-child(7) {
    display: none;
  }
  .bottom-nav a:nth-child(even) {
    font: 0.75rem/1 SpoqaHanSansNeoR, sans-serif;
    height: 0.75rem;
  }
  .bg-desc-center {
    margin: 1.625rem 0 0 4.26vw;
  }
  .bg-desc-center .details {
    font: 0.75rem/1 SpoqaHanSansNeoR, sans-serif;
  }
  .online-cm {
    flex-direction: row;
    margin: 14.97vh auto 0 auto;
    padding-bottom: 6.25rem;
  }
  .online-cm .title {
    font: 1.875rem/1.4 SpoqaHanSansNeoB, sans-serif;
    letter-spacing: -0.36px;
  }
  .online-cm .desc {
    font: 0.875rem/1.86 SpoqaHanSansNeoR, sans-serif;
    letter-spacing: -0.17px;
    margin: 1.625rem 0 0 0;
    padding: 0;
    text-align: left;
    margin-top: 28px;
    white-space: nowrap;
  }
  .online-cm .video {
    margin: 0 0 0 48px;
  }
  .complete-wrapper {
    margin: 6.25rem 14.26vw 6.25rem 14.26vw;
  }
  .project-record .text-box {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .project-record .title {
    font: 1.875rem/1.4 SpoqaHanSansNeoB, sans-serif;
    letter-spacing: -0.36px;
    margin: 0;
    width: 76%;
    white-space: normal;
  }
  .project-record .desc {
    font: 0.875rem/1.86 SpoqaHanSansNeoR, sans-serif;
    letter-spacing: -0.17px;
    margin: 1.625rem 0 0 0;
    width: 100%;
    white-space: normal;
  }
  .performance-wrapper {
    justify-content: center;
    margin: 4.5rem 0 0 0;
  }
  .delimiter {
    height: 3.25rem;
    margin: 0 6.4vw 0 6.4vw;
  }
  .performance .amount {
    font: 1.625rem/1 SpoqaHanSansNeoR, sans-serif;
    letter-spacing: -0.31px;
  }
  .performance .amount-subject {
    font: 0.8125rem/1 SpoqaHanSansNeoR, sans-serif;
    letter-spacing: -0.16px;
    margin: 1rem 0 0 0;
  }
  .building {
    flex-direction: column-reverse;
    margin: 4.5rem 2.26vw 0 2.26vw;
  }
  .building .wrapper {
    padding: 0;
    width: auto;
  }
  .building .city-wrapper {
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    margin: 1.625rem 0 0 5.3vw;
    width: 100%;
  }
  .building .city {
    font: 1.5rem/1 SpoqaHanSansNeoB, sans-serif;
    letter-spacing: -0.29px;
    margin: 0 7px 0 0;
    width: 140px;
  }
  .building .desc {
    font: 0.875rem/1 SpoqaHanSansNeoR, sans-serif;
    letter-spacing: -0.17px;
  }
  .building .menu {
    align-items: center;
    flex-wrap: wrap;
    height: 6.9rem;
    margin: 0.6875rem 0 0 0;
  }
  .building .menu div:nth-child(3) {
    border-bottom: 0px;
  }
  .building .menu div:nth-child(7) {
    border-bottom: 0px;
  }
  .building .menu-wrapper {
    border-bottom: 1px solid #ebebeb;
    flex-direction: row;
    justify-content: flex-start;
    padding: 20px 0 20px 0;
    width: 37.6%;
  }
  .building .menu-delimiter {
    display: none;
  }
  .building .case {
    font: 0.875rem/1 SpoqaHanSansNeoR, sans-serif;
    letter-spacing: -0.17px;
  }
  .building .case-amount {
    font: 0.875rem/1 SpoqaHanSansNeoB, sans-serif;
    letter-spacing: -0.17px;
  }
  #building-map {
    height: 60vw;
    width: 100%;
  }
  .sample-provide-wrapper {
    align-items: flex-start;
    flex-direction: column;
    margin: 6.25rem auto 0 auto;
    height: auto;
    max-width: 521px;
  }
  .sample-provide {
    padding: 0;
    margin: 0 0 0 0;
    width: 100%;
  }
  .sample-provide .title {
    font: 1.875rem/1.33 SpoqaHanSansNeoB, sans-serif;
    letter-spacing: -0.36px;
    margin: 0;
  }
  .sample-provide .desc {
    font: 0.875rem/1.86 SpoqaHanSansNeoR, sans-serif;
    letter-spacing: -0.17px;
    margin: 1.625rem 0 0 0;
  }
  .sample-provide .storybook {
    flex-direction: column;
    margin: 0 0 0 0;
    width: 100%;
  }
  .pic-storybook {
    margin: 1rem 0 6.25rem 0;
  }
  .pic-storybook img {
    max-width: 521px;
    max-height: 500px;
  }
  .client-apply {
    margin: 2rem 0 0 0;
    width: 100%;
  }
  .construction-apply {
    margin: 1rem 0 0 0;
    width: 100%;
  }
  .service-wrapper {
    margin: 6.25rem 4.26vw 6.25rem 4.26vw;
  }
  .service-matching .title {
    width: 285px;
    height: 1.625rem;
    font: 1.5rem/1 SpoqaHanSansNeoB, sans-serif;
    letter-spacing: -0.29px;
  }
  .service-matching .desc {
    width: 327px;
    height: 1.625rem;
    font: 0.875rem/1.63 SpoqaHanSansNeoR, sans-serif;
  }
  .easy-building-wrapper {
    display: block;
    margin: 6.25rem auto 6.25rem auto;
    width: auto;
    position: unset;
  }
  .easy-building-wrapper article {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .easy-building-wrapper article h1 {
    color: #181818;
    font: bold 1.875rem/1.4 SpoqaHanSansNeoR;
    letter-spacing: -0.36px;
    margin: 0 0 26px 0;
    text-align: center;
    width: 274px;
  }
  .easy-building-wrapper article p:nth-child(2) {
    color: #606060;
    font: 0.875rem/1.63 SpoqaHanSansNeoR;
    letter-spacing: -0.17px;
    text-align: center;
  }
  .easy-building-wrapper .carousel {
    width: 267px;
    height: 486px;
    margin: 3.75rem auto 2.9375rem auto;
  }
  .easy-building-wrapper .carousel .carousel-container {
    position: relative;
    overflow: hidden;
  }
  .easy-building-wrapper .carousel .carousel-container .carousel-items {
    position: relative;
    right: 267px;
    display: flex;
  }
  .easy-building-wrapper .carousel .carousel-container .carousel-items .carousel-item {
    width: 267px;
    height: 486px;
  }
  .easy-building-wrapper .carousel .carousel-container .carousel-items .carousel-item img {
    width: 267px;
    height: 486px;
  }
  .easy-building-wrapper .carousel .pager-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .easy-building-wrapper .carousel .pager-wrapper .pager {
    background-color: #d6d6d6;
    border-radius: 50%;
    cursor: pointer;
    flex-grow: 0;
    height: 10px;
    margin: 0 12px 0 0;
    opacity: 0.5;
    width: 10px;
  }
}

@media screen and (max-width: 1024px) and (hover: none) and (pointer: coarse) {
  .easy-building-wrapper .carousel .pager-wrapper .pager:hover {
    opacity: 1;
  }
}

@media screen and (max-width: 1024px) {
  .easy-building-wrapper .carousel .pager-wrapper .showing {
    opacity: 1;
  }
  .easy-building-wrapper .small-tron-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 342px;
    margin: 0 auto 0 auto;
    position: unset;
  }
  .easy-building-wrapper .small-tron-wrapper .small-tron {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #f8f8f8;
    height: 87px;
    margin: 0;
    padding: 8px 0 8px 8px;
    width: 112px;
  }
  .easy-building-wrapper .small-tron-wrapper .small-tron h5 {
    color: #3e3e3e;
    font: bold 0.75rem/1 SpoqaHanSansNeoR;
    letter-spacing: -0.14px;
    margin: 0;
    text-align: left;
  }
  .easy-building-wrapper .small-tron-wrapper .small-tron p {
    color: #3e3e3e;
    font: bold 0.875rem/1.57 SpoqaHanSansNeoR;
    letter-spacing: -0.17px;
    margin: 0;
    text-align: left;
  }
  .easy-building-wrapper .small-tron-wrapper .small-tron.showing {
    background-color: #1b3d3d;
  }
  .easy-building-wrapper .small-tron-wrapper .small-tron.showing h5 {
    color: #ffffff;
    font: bold 0.75rem/1 SpoqaHanSansNeoR;
    letter-spacing: -0.14px;
    margin: 0;
    text-align: left;
  }
  .easy-building-wrapper .small-tron-wrapper .small-tron.showing p {
    color: #ffffff;
    font: bold 0.875rem/1.57 SpoqaHanSansNeoR;
    letter-spacing: -0.17px;
    margin: 0;
    text-align: left;
  }
}

@media screen and (max-width: 1024px) and (hover: hover) {
  .easy-building-wrapper .small-tron-wrapper .small-tron:hover {
    background-color: #1b3d3d;
  }
  .easy-building-wrapper .small-tron-wrapper .small-tron:hover h5 {
    color: #ffffff;
    font: bold 0.75rem/1 SpoqaHanSansNeoR;
    letter-spacing: -0.14px;
    margin: 0;
    text-align: left;
  }
  .easy-building-wrapper .small-tron-wrapper .small-tron:hover p {
    color: #ffffff;
    font: bold 0.875rem/1.57 SpoqaHanSansNeoR;
    letter-spacing: -0.17px;
    margin: 0;
    text-align: left;
  }
}

@media screen and (max-width: 1024px) {
  .easy-building-wrapper .small-tron-wrapper .small-tron:nth-child(n + 4) {
    margin: 4px 0 0 0;
  }
  .service-tron-wrapper {
    align-items: center;
    flex-wrap: wrap;
    margin-top: 60px;
    width: 699px;
  }
  .service-tron-wrapper div:nth-child(1) {
    margin: 0 13px 0 0;
  }
  .service-tron-wrapper div:nth-child(2) {
    margin: 0 13px 0 0;
  }
  .service-tron-wrapper div:nth-child(3) {
    margin: 0 13px 0 0;
  }
  .service-tron-wrapper div:nth-child(4) {
    margin: 0 0 0 0;
  }
  .service-tron {
    justify-content: flex-start;
    margin: 0;
    height: 80vw;
    width: 44vw;
    height: 18.75rem;
    width: 10.3125rem;
  }
  .service-tron .icon {
    margin: 14% 0 0 0;
  }
  .service-tron .title {
    font: 1rem/1 SpoqaHanSansNeoB, sans-serif;
    letter-spacing: -0.19px;
    margin: 12.424% 0 0;
  }
  .service-tron .desc {
    font: 0.625rem/1.6 SpoqaHanSansNeoR, sans-serif;
    letter-spacing: -0.12px;
    margin: 7.27% 0 0;
  }
  .service-tron .delimiter {
    width: 100%;
    height: 1px;
    margin: 16.545% 0 14.545% 0;
  }
  .service-tron .delimiter-edu {
    margin: 5% 0 14.54% 0;
  }
  .service-tron .case-reference {
    font: 0.75rem/1.5 SpoqaHanSansNeoR, sans-serif;
  }
  .service-tron .price {
    font: 1rem/1 SpoqaHanSansNeoR, sans-serif;
    letter-spacing: -0.19px;
    margin: 0 0 21.21% 0;
  }
  .service-apply {
    margin: 0 0 8px 0;
    width: calc(100% - 16px);
  }
  .service-apply .text {
    font: 0.875rem/1 SpoqaHanSansNeoB, sans-serif;
    margin: 12px 0 0;
  }
  .contact-planner {
    flex-direction: column;
    margin-top: 25px;
    width: 100%;
    max-width: 699px;
  }
  .contact-planner div:nth-child(2) {
    margin-top: 14px;
  }
  .contact-planner .btn {
    flex-direction: row;
    height: 60px;
    margin: 0;
    width: 100%;
  }
  .contact-planner .btn:nth-child(2) {
    margin-top: 20px;
  }
  .contact-planner .text {
    font: 1rem/1 SpoqaHanSansNeoR, sans-serif;
    letter-spacing: -0.19px;
    margin: 0 0 0 12px;
  }
  .contact-planner .call-number {
    font: 1rem/1 SpoqaHanSansNeoB, sans-serif;
    letter-spacing: -0.19px;
    margin: 0 0 0 12px;
  }
  .contact-planner .email {
    font: 1rem/1 SpoqaHanSansNeoB, sans-serif;
    letter-spacing: -0.19px;
    margin: 0 0 0 12px;
  }
  .using-now {
    margin: 6.25rem 17.361vw 6.25rem 17.361vw;
  }
  .using-now .title-wrapper {
    margin: 0 0 5.25rem 0;
  }
  .using-now .title {
    font: 1.875rem/1.4 SpoqaHanSansNeoB, sans-serif;
    letter-spacing: -0.36px;
    width: 259px;
    white-space: normal;
  }
  .using-now .desc {
    font: 1rem/1.86 SpoqaHanSansNeoR, sans-serif;
    letter-spacing: -0.17px;
    margin: 26px 0 0 0;
  }
  #using-now-gallery {
    margin: 0 0 0 0;
  }
  .faq-wrapper {
    margin: 6.25rem 4.26vw 6.25rem 4.26vw;
  }
  .faq-wrapper .title {
    font: 1.875rem/1.4 SpoqaHanSansNeoB, sans-serif;
    letter-spacing: -0.36px;
    margin: 0 0 1.5rem 0;
  }
  .faq {
    align-items: space-between;
    width: calc(100vw - 8.52vw);
  }
  .faq .delimiter {
    display: none;
  }
  .faq .accordion-wrapper {
    border-bottom: 1px solid #ebebeb;
  }
  .faq .accordion-wrapper .click-btn {
    border-bottom: 0px;
  }
  .faq .accordion-wrapper:hover .click-btn {
    border-bottom: 0px;
  }
  .faq .accordion-wrapper:active .click-btn {
    border-bottom: 0px;
  }
  .faq .accordion-wrapper .click-btn-up {
    border-bottom: 0px;
  }
  .faq .question-wrapper {
    padding: 0;
    margin: 0 0 0 2.46vw;
    width: calc(100% - 4.52vw);
  }
  .faq .answer-wrapper {
    padding: 0 0 0 4.52vw;
    width: calc(100% - 4.52vw);
  }
  .faq .answer-wrapper .answer {
    font: 0.875rem/1.57 SpoqaHanSansNeoR, sans-serif;
    width: 100%;
  }
  .container-09 {
    height: 334px;
  }
  .footer__wrapper {
    margin: 38px 4.26vw 0 4.26vw;
  }
  .footer {
    flex-direction: column;
    width: 100%;
  }
  .footer .nav {
    justify-content: flex-start;
    flex-direction: row;
  }
  .footer .nav .menu {
    font: bold 0.714rem/1 SpoqaHanSansNeoR, sans-serif;
    letter-spacing: -0.12px;
  }
  .footer .nav .delimiter {
    height: 0.714rem;
    margin: 0 20px 0 20px;
  }
  .contact {
    margin: 30px 0 0 0;
  }
  .contact .cs-call {
    margin: 0;
  }
  .contact .call {
    font: bold 0.625rem/1 SpoqaHanSansNeoR, sans-serif;
    letter-spacing: -0.12px;
    margin: 0;
  }
  .contact .phone-number {
    font: bold 1.2rem/1 SpoqaHanSansNeoR, sans-serif;
    letter-spacing: -0.14px;
    margin: 8px 0 4px 0;
  }
  .contact .cs-opening {
    font: 0.5rem/1 SpoqaHanSansNeoR, sans-serif;
    letter-spacing: -0.1px;
    margin: 0;
  }
  .contact_mail {
    margin: 0 0 0 70px;
  }
  .contact_mail .ask {
    font: bold 0.625rem/1 SpoqaHanSansNeoR, sans-serif;
    letter-spacing: -0.12px;
  }
  .contact_mail .addr {
    font: bold 0.75rem/1 SpoqaHanSansNeoR, sans-serif;
    letter-spacing: -0.14px;
    white-space: nowrap;
  }
  .company {
    margin: 30px 0 0 0;
  }
  .company .meta {
    font: 0.625rem/1.6 SpoqaHanSansNeoR, sans-serif;
    letter-spacing: -0.12px;
    margin: 0;
  }
  .company .address {
    font: 0.625rem/1.6 SpoqaHanSansNeoR, sans-serif;
    margin: 16px 0 16px 0;
  }
  .company .copyright {
    font: 0.5rem/1 SpoqaHanSansNeoR, sans-serif;
    letter-spacing: -0.1px;
    margin: 0;
  }
}

@media screen and (max-width: 887px) {
  .online-cm {
    align-items: center;
    flex-direction: row;
    margin: 14.97vh auto 0 auto;
    padding-bottom: 6.25rem;
  }
  .online-cm .video {
    background-color: #1b3d3d;
    height: 220px;
    padding: 0;
    width: 374px;
    margin: 0 0 0 48px;
  }
}

@media screen and (max-width: 769px) {
  .top .logo {
    width: 117px;
    height: 17.2px;
    margin: 1px 0 0 4.53vw;
  }
  .top .sign {
    width: 20%;
  }
  .top:hover .sign span {
    height: 1rem;
    width: 1px;
  }
  .top:hover .logo {
    height: 17.2px;
    margin: 1px 0 0 4.53vw;
    width: 117px;
  }
  .bottom-nav span:nth-child(odd) {
    height: 0.75rem;
    margin: 0 1.312rem 0 1.312rem;
  }
}

@media screen and (max-width: 769px) and (max-width: 320px) {
  .bottom-nav span:nth-child(odd) {
    margin: 0 1.012rem 0 1.012rem;
  }
}

@media screen and (max-width: 769px) {
  .bottom-nav a:nth-child(even) {
    font: 0.75rem/1 SpoqaHanSansNeoR, sans-serif;
    height: 0.75rem;
  }
  .bg-desc-center .details {
    letter-spacing: -0.19px;
  }
  .online-cm {
    align-items: flex-start;
    flex-direction: column;
    margin: 14.97vh 4.26vw 0 4.26vw;
  }
  .online-cm .video {
    background-color: #1b3d3d;
    height: 56.395vw;
    margin: 3.75rem 0 0 0;
    padding: 0;
    width: 100%;
  }
  .complete-wrapper {
    align-items: center;
    margin: 6.25rem 4.26vw 6.25rem 4.26vw;
  }
  .project-record .desc {
    width: 90%;
  }
  .delimiter {
    width: 1px;
  }
  .building {
    width: 100%;
    max-width: 600px;
  }
  .building .city {
    padding: 0 0 0 0;
  }
  .building .desc {
    margin: 5px 0 0 0;
  }
  .building .menu {
    width: 100%;
  }
  #building-map {
    height: 102vw;
    width: 100%;
  }
  .container-03 {
    width: 100%;
  }
  .container-04 {
    justify-content: center;
    display: flex;
  }
  .sample-provide-wrapper {
    flex-direction: column;
    margin: 6.25rem 4.26vw 0 4.26vw;
  }
  .sample-provide .desc {
    text-align: left;
  }
  .pic-storybook {
    margin: 3.75rem 0 6.25rem 0;
    width: 100%;
    text-align: left;
  }
  .pic-storybook img {
    margin: 0 0 0 0;
    width: 100%;
    height: auto;
  }
  .easy-building-wrapper article {
    align-items: stretch;
  }
  .easy-building-wrapper article h1 {
    text-align: left;
  }
  .easy-building-wrapper article p:nth-child(2) {
    text-align: left;
  }
  .service-tron-wrapper {
    justify-content: space-between;
    margin-top: 60px;
    max-width: 343px;
  }
}

@media screen and (max-width: 769px) and (max-width: 320px) {
  .service-tron-wrapper {
    justify-content: center;
  }
}

@media screen and (max-width: 769px) {
  .service-tron-wrapper div:nth-child(2) {
    margin: 0 0 0 0;
  }
}

@media screen and (max-width: 769px) and (max-width: 320px) {
  .service-tron-wrapper div:nth-child(2) span {
    margin: 27.545% 0 14.545% 0;
  }
}

@media screen and (max-width: 769px) {
  .service-tron-wrapper div:nth-child(3) {
    margin: 14px 0 0 0;
  }
}

@media screen and (max-width: 769px) and (max-width: 320px) {
  .service-tron-wrapper div:nth-child(3) {
    margin: 14px 13px 0 0;
  }
}

@media screen and (max-width: 769px) {
  .service-tron-wrapper div:nth-child(4) {
    margin: 14px 0 0 0;
  }
}

@media screen and (max-width: 769px) and (max-width: 320px) {
  .service-tron-wrapper div:nth-child(4) span {
    margin: 2.845% 0 14.545% 0;
  }
}

@media screen and (max-width: 769px) and (max-width: 320px) {
  .service-tron {
    width: 43vw;
  }
}

@media screen and (max-width: 769px) {
  .service-tron .case-reference {
    font: 0.75rem/1.5 SpoqaHanSansNeoR, sans-serif;
  }
  .service-apply .text {
    font: 0.875rem/1 SpoqaHanSansNeoB, sans-serif;
    margin: 12px 0 0;
  }
  .contact-planner {
    flex-direction: column;
    margin-top: 25px;
    width: 100%;
  }
}

@media screen and (max-width: 769px) and (max-width: 320px) {
  .contact-planner .email {
    font-size: 0.7rem;
  }
}

@media screen and (max-width: 769px) {
  .using-now {
    margin: 6.25rem 4.26vw 6.25rem 4.26vw;
  }
  .using-now .title-wrapper {
    margin: 0 0 3.75rem 0;
  }
  #using-now-gallery {
    margin: 0 0 0 0;
  }
}

@media screen and (max-width: 769px) and (max-width: 320px) {
  .faq .question-wrapper {
    height: 48px;
  }
  .faq .question-wrapper .question {
    font-size: 0.8rem;
  }
}

@media screen and (max-width: 769px) {
  .faq .answer-wrapper .answer {
    margin: 0 0 26px 0;
  }
  .footer .nav {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    max-width: 375px;
  }
  .footer .nav .delimiter {
    width: 1px;
    margin: 0 0 0 0;
  }
  .contact {
    justify-content: space-between;
    width: 84%;
  }
}

@media screen and (max-width: 769px) and (max-width: 320px) {
  .contact .cs-call {
    white-space: nowrap;
  }
}

@media screen and (max-width: 769px) {
  .contact .phone-number {
    white-space: nowrap;
  }
  .contact .cs-opening {
    white-space: nowrap;
  }
  .contact_mail .addr {
    white-space: normal;
  }
}
/*# sourceMappingURL=landingMain.css.map */