.site_map_list .sub_list_wrap:not(:first-child)::after {
  display: none;
}

.root_daum_roughmap_landing {
  width: 95% !important;
}

.root_daum_roughmap .wrap_controllers {
  display: none;
}

.root_daum_roughmap .cont {
  display: none;
}


/* common.css */
.pc-only {
  display: block;
}

.mb-only {
  display: none;
}

.img-wrap {}

.img-wrap img {
  width: 100%;
  height: 100%;
}

.banner.bg-white::before {
  background: rgba(255, 255, 255, 0.55);
}

.section.section1.cover {
  padding-top: 0;
  padding-bottom: 60px;
}

.title_wrap .title_inner b {
  font-size: 50px;
  font-weight: 800;
}

.title_wrap.cover {
  position: relative;
  z-index: 1;
  transform: translateY(-30px);
}

.title_wrap.cover .title {
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 800;
  line-height: 1.4;
}

.title_wrap.cover+.text_wrap {
  width: 50%;
  margin-top: 50px;
  margin-left: auto;
}

.link-banner-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 235px;
}

.basic-link-box {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 280px;
  width: fit-content;
  margin: 0 auto;
  height: 47px;
  padding: 0 20px;
  font-size: 15px;
  color: #fff;
  border: 1px solid #fff;
}

.text.border-top {
  font-size: 18px;
  font-weight: 500;
}

.border-top::before {
  content: '';
  display: block;
  width: 64px;
  height: 4px;
  margin-bottom: 30px;
  background-color: #000;
}

.inner_narrow {
  width: 950px;
  margin: 0 auto
}



/* 헤더 */
.header_wala {}

.header_wala .logo a {
  width: 152px;
  height: 19px;
  font-size: 25px;
  font-weight: 800;
  white-space: nowrap;
}

.header_wala .logo a img {
  /* width: 100%; */
  height: 100%;
}

.header_wala .nav .nav_list h2 a {
  font-size: 19px;
  cursor: pointer;
}

.header_wala .nav .nav_list h2 a::after {
  background-color: #ffff33;
}

.header_wala .nav .sub_menu h3 a {
  font-weight: 400;
}

/* 푸터 */
.footer_wala {}

.footer_wala .footer_top ul li:nth-child(1) a {
  font-size: 18px;
  font-weight: 800;
  color: #000;
}

/* 링크 */
.link_pop.wala {}

.link_pop.wala .pop_area {
  width: 392px;
  background-color: rgba(0, 0, 0, .7);
}

.link_pop.wala .link-list {
  width: 100%;
}

.link_pop.wala .link_btn {
  border: 0;
  background-color: rgba(0, 0, 0, .8);
  opacity: 1;
}

.link_pop.wala .link_btn::after {
  filter: none;
  background: url('../img/arrow_gray.svg') no-repeat center/contain;
}

.link_pop.wala .link_btn:hover::after {
  filter: none;
}

.link_pop.wala .link-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 105px;
  border-bottom: 1px solid #7C7C7C;
  transition: all .3s;
  cursor: pointer;
}

.link_pop.wala .link-item span {
  position: relative;
  font-size: 33px;
  font-weight: 800;
  color: #fff;
}

.link_pop.wala .link-item span:after {
  content: '';
  right: -100%;
  width: 20px;
  height: 20px;
  background: url(../img/arrow_black.svg) no-repeat center/contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  transition: ease-in-out .2s;
}

.link_pop.wala .link-item:hover {
  color: #000;
  background-color: #7c7c7c;
}

.link_pop.wala .link-item:hover span {
  color: #000;
}

.link_pop.wala .link-item:hover span:after {
  right: -35px;
}

/* 공통 */
.add-content .banner {
  height: 350px;
}

.add-content .section1 .title_inner span {
  background-color: #000;
}


.add-content .section1 .text_title {
  margin-bottom: 35px;
  font-weight: 700;
  color: #000;
}

.add-content {}

.add-content {}

.add-content {}

/* 메인 페이지 */

.main.add-content {}

.main.add-content .diversity {
  padding: 85px 0;
}

.main.add-content .banner .title {
  text-transform: initial;
}

.main.add-content .main_title {
  background: url(../img/main_img_01.png) no-repeat center/cover;
}

.main.add-content .title {
  font-weight: 800;
  line-height: 1.55;
}

.main.add-content .title span {
  font-size: 21px;
  font-weight: 500;
}

.main.add-content .diversity .title::after {
  width: 74px;
  height: 1px;
  margin: 0 auto 24px;
}

.main.add-content .diversity .description {
  font-weight: 500;
  line-height: 1.6;
}

.main.add-content .main_title {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 830px;
  color: #fff;
}

.main.add-content .main_title h2 {
  display: flex;
  flex-direction: column;
  font-size: 28px;
  font-weight: 300;
  line-height: 2.55;
  text-align: center;
}

.main.add-content .main_title h2 strong {
  font-size: 68px;
  font-weight: 700;
}

.main.add-content .tab_list {
  background-image: url("../img/tab_list_02.png");
}

.main.add-content .tab_list .tab_link p {
  font-size: 25px;
  line-height: 1.5;
}

.main.add-content .tab_list .tab_item li {
  background-color: rgba(0, 0, 0, 0.55);
}

.main.add-content .tab_list .tab_item li.current {
  background-color: #000;
}

.main.add-content .it_content .box_wrap .box {
  background-size: cover;
}

.main.add-content .it_content .box_wrap h5 {
  margin-bottom: 10px;
  font-size: 25px;
  line-height: 1.5;
}

.main.add-content .it_content .box_wrap p {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.8;
}

.main.add-content .it_content .box_wrap .box:nth-child(1) {
  background-image: url(../img/it_content1_add.png);
}

.main.add-content .it_content .box_wrap .box:nth-child(2) {
  background-image: url(../img/it_content2_add.png);
}

.main.add-content .it_content .box_wrap .box:nth-child(3) {
  background-image: url(../img/it_content3_add.png);
}

/* aboutus */
.add-content .aboutus .banner .text {
  margin-top: 20px;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.7;
}

.add-content .aboutus .banner .title {
  font-size: 40px;
  font-weight: 800;
  text-transform: initial;
}

.add-content .aboutus .text_section1 {}

.add-content .aboutus .text_section1>.inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.add-content .aboutus .img_banner {
  position: relative;
  height: 210px;
  text-align: center;
}

.add-content .aboutus .img_banner span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 40px;
  font-weight: 800;
  color: #000;
}

.add-content .aboutus .text_section1_list {
  font-weight: 500;
  line-height: 1.7;
}

.add-content .aboutus .text_section1_list .item+.item {
  margin-top: 65px;
}

.add-content .aboutus .text_section1_list strong {
  display: block;
  margin-bottom: 20px;
  font-size: 23px;
  font-weight: 800;
  color: #151515;
}

.add-content .aboutus .img_banner .img_wrap {}

.add-content .aboutus .history_section {
  justify-content: center;
}

.add-content .aboutus .history-list {
  width: 100%;
  text-align: center;
}

.add-content .aboutus .history-item {
  /* display: flex; */
  width: 100%;
  padding-bottom: 30px;
  font-size: 18px;
  font-weight: 600;
}

.add-content .aboutus .history-item .item-inner {
  display: flex;
  width: 100%;
}

.add-content .aboutus .history-item.left .item-inner {
  flex-direction: row-reverse;
  justify-content: start;
}

.add-content .aboutus .history-item.left .history-content-wrap {
  text-align: right;
}

.add-content .aboutus .history-item.right .item-inner {
  /* flex-direction: row-reverse; */
  justify-content: end;
}

.add-content .aboutus .history-item.right .history-content-wrap {
  text-align: left;
}

.add-content .aboutus .history-item.both .history-content-wrap {
  display: flex;
  flex-direction: column;
}

.add-content .aboutus .history-item.both .history-date {
  order: 2;
}

.add-content .aboutus .history-item.both .history-content-wrap:nth-of-type(1) {
  order: 1;
  text-align: right;
}

.add-content .aboutus .history-item.both .history-content-wrap:nth-of-type(2) {
  order: 3;
  text-align: left;
}

.add-content .aboutus .history-date {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 10%;
  height: 100px;
  font-size: 30px;
  font-weight: 800;
  background: #fff url("../img/history_date_bg.png") no-repeat center/contain;
}

.add-content .aboutus .history-date::after {
  content: '';
  position: absolute;
  bottom: -100%;
  transform: translateX(-50%);
  height: 106%;
  width: 2px;
  border: 0;
  border-right: 1px dashed #A3A3A3;
  color: #fff;
}

.add-content .aboutus .history-item:last-child .history-date::after {
  display: none;
}

.add-content .aboutus .history-content-wrap {
  width: 45%;
  padding: 35px 30px 0;
  line-height: 1.4;
}

.add-content .aboutus .history-content-wrap p+p {
  margin-top: 15px;
}

/* people */
.people.add-content {}

.people.add-content .title_wrap .title_inner b {
  font-size: inherit;
}

.people.add-content .section .text {
  font-weight: 500;
}

.people.add-content .section1 .title {
  margin-bottom: 0;
}

.people.add-content .section .title {
  font-size: 38px;
  font-weight: 800;
}

.people.add-content .section2 {
  padding: 90px 0 200px;
}

.people.add-content .section2 .title {
  margin-bottom: 62px;
}

.people.add-content .section2 .text_wrap .text_con .text,
.people.add-content .section3 .text_wrap .text_con .text {
  padding: 38px 40px;
  border: 0;
  border-radius: 15px;
  box-shadow: 1px 1px 15px 6px rgba(0, 0, 0, 0.06);
}

.people.add-content .section2 .text_wrap .text_con .text:last-of-type {
  margin-left: 37px;
}

.people.add-content .section2 .text_wrap .sub_title,
.people.add-content .section3 .text_wrap .sub_title {
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 800;
  color: #000;
}

.people.add-content .section2 .text_wrap .title_info {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.9;
}

/* ci */
.ci.add-content .section {
  width: 950px;
  padding: 60px 0;
}

.ci.add-content .section .title {
  font-weight: 800;
}

.ci.add-content .title_wrap .title::after {
  display: none;
}

.ci.add-content .section .right_con {
  width: 622px;
  font-weight: 500;
}

.ci.add-content .title_wrap.cover {
  transform: translateY(-28px);
}

.ci.add-content .section:not(:last-child):after {
  width: 100%;
}

.ci.add-content .logo_section .img_con {
  gap: 12px;
}

.ci.add-content .logo_section .logo_con {
  width: auto;
}

.ci.add-content .section .color1 {
  background-color: #040000;
}

.ci.add-content .section .color2 {
  color: #040000;
  background-color: #ffff33;
}

/* 공통 :: family 사이트 */
.family-site-page .section {
  width: 100%;
}

.family-site-page .title_wrap .title::after {
  display: none;
}

.family-site-page .section:not(:last-child)::after {
  display: none;
}

.content-box-wrap {
  display: flex;
  align-items: center;
  gap: 50px;
  min-height: 430px;
}

.content-box-wrap .img-wrap {
  flex-shrink: 0;
  width: 430px;
  /* height: 430px; */
}

.content-box-wrap .text-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

.content-box-wrap .text-wrap .title-text {
  display: block;
  margin-bottom: 50px;
  font-size: 28px;
  font-weight: 800;
}

.content-box-wrap .text-wrap ul {
  margin-top: 50px;
  font-size: 15px;
}

.content-box-wrap .text-wrap ul li+li {
  margin-top: 25px;
}



/* wala-land */
.wala-land {}

.wala-land .talent .section1 .text_wrap .text {
  font-size: 18px;
  font-weight: 500;
}


.wala-land .app-content-section {
  padding: 100px 0;
}

.wala-land .app-content-section .inner {
  display: flex;
  justify-content: space-between;
  gap: 37px;
  width: 907px;
}

.wala-land .app-content-wrapper {
  width: 50%;
  background: url(../img/bg_app_content_01.png) no-repeat top 20% center/contain;
}

.wala-land .app-content-wrapper:nth-child(2) {
  background: url(../img/bg_app_content_02.png) no-repeat top 20% center/contain;
}

.wala-land .app-info-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
}

.wala-land .app-info-wrap b {
  display: block;
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: 800;
}

.wala-land .app-info-wrap .img-wrap {
  position: relative;
  width: 157px;
  height: 157px;
}

.wala-land .app-info-wrap .img-wrap img {
  object-fit: contain;
}

.wala-land .app-info-wrap .app-button-wrap {
  display: flex;
  gap: 7px;
  margin-top: -15px;
  padding: 30px 45px;
  border-radius: 40px;
  box-shadow: 1px 1px 20px 6px rgba(0, 0, 0, 0.06);
}

.wala-land .btn-app-store {
  width: 70px;
  height: 25px;
  background: url(../img/btn_app_store.png) no-repeat center/contain;
}

.wala-land .btn-google-play {
  width: 70px;
  height: 25px;
  background: url(../img/btn_google_play.png) no-repeat center/contain;
  scale: 1.3;
}

.wala-land .app-text-wrap {
  display: block;
  min-height: 215px;
  margin-bottom: 25px;
  padding: 30px;
  border-radius: 15px;
  box-shadow: 1px 1px 20px 6px rgba(0, 0, 0, 0.06);
}

.wala-land .app-text-wrap strong {
  display: block;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 800;
}

.wala-land .app-text-wrap p {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.7;
}

.wala-land .link-banner-section {
  background: url(../img/link_banner_01.png) no-repeat center/cover;
}


/* wala_ict */
.wala-ict {}

.wala-ict .section:not(:last-child)::after {
  display: none;
}

.wala-ict .wala-ict-section {
  /* background-color: rgba(0, 0, 0, 0.8); */
}

.wala-ict .ict-list {
  display: flex;
  flex-wrap: wrap;
}

.wala-ict .ict-item {
  width: calc(50% - 13px);
  margin-right: 13px;
  padding: 70px 0;
  background: url(../img/ict_item_line.png) no-repeat bottom/contain;
}

.wala-ict .ict-item .ict-title {
  display: block;
  margin-bottom: 35px;
  font-size: 23px;
  font-weight: 800;
}

.wala-ict .ict-item .ict-text {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
}

.wala-ict .ict-list-content {
  padding: 70px 0;
}

.wala-ict .ict-description-content {
  position: relative;
  width: 100%;
}

.wala-ict .ict-description-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 88%;
  height: 500px;
  background: url(../img/ict_description_content_bg.png) no-repeat center/cover;
  z-index: -1;
}

.wala-ict .ict-description-content .content-wrapper-title {
  padding: 150px 0 135px;
  font-size: 32px;
  font-weight: 800;
  color: #fff;
  line-height: 1.6;
}

.wala-ict .ict-description-list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.wala-ict .ict-description-item {
  width: calc(calc(100% - 60px) / 3);
  padding: 30px;
  background-color: #fff;
  box-shadow: 1px 1px 15px 6px rgba(0, 0, 0, 0.06);
}

.wala-ict .ict-description-item .item-title {
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 700;
}

.wala-ict .ict-description-item .text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
}

.wala-ict .link-banner-section {
  background: url(../img/link_banner_02.png) no-repeat center/cover;
}

.wala-ict .content-box-wrap {
  margin: 120px 0 200px;
}

/* design-lab */
.design-lab {}

.design-lab .link-banner-section {
  background: url(../img/link_banner_03.png) no-repeat center/cover;
}

.design-lab .description-section {}

.design-lab .description-section .content-box-area {
  width: 75%;
  margin-left: auto;
  background-color: #FAFAFA;
}

.design-lab .content-box-wrap {
  margin: 75px 0;
}

.design-lab .description-section .sub-text {
  margin-bottom: 175px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
}

/* contact-page */
.contact-page {}

.contact-page .section {
  width: 100%;
}

.contact-page .title_wrap p {
  font-size: 38px;
  font-weight: 800;
  line-height: 1.4;
}

.contact-page .talent .section1 {
  padding-bottom: 0;
  background-color: transparent;
}

.contact-page .link-banner-section {
  background: url(../img/link_banner_04.png) no-repeat center/cover;
}

.contact-page .map-info-section .map-area {
  width: 100%;
  height: auto;
  margin: 95px 0 150px;
}

.contact-page .office-info-list {
  margin-bottom: 300px;
}

.contact-page .office-info-item {
  display: flex;
  /* align-items: center; */
}

.contact-page .office-info-item:first-child {
  margin-bottom: 40px;
}

.contact-page .office-info-item:nth-child(2) .info-title,
.contact-page .office-info-item:nth-child(3) .info-title {
  font-size: 22px;
}

.contact-page .office-info-item+.office-info-item {
  margin-top: 25px;
}

.contact-page .info-title {
  width: 23%;
  font-size: 28px;
  font-weight: 800
}

.contact-page .info-text {
  width: 90%;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
}

.site_map_con {
  justify-content: space-between;
  width: auto;
  padding: 30px 15px;
}

.site_map_list {
  font-size: 20px;
}

.site_map_list .sub_list_wrap {
  margin-top: 25px;
}

/* 
.site_map_list .sub_list a::before {
  content: '-';
  display: inline-block;
  padding-right: 5px;
} */

.site_map_list .sub_list:not(:last-child) {
  margin-bottom: 20px;
}

@media (max-width: 1350px) {
  .pc-only {
    display: block;
  }

  .mb-only {
    display: none;
  }

  /* common.css */
  .section.section1.cover {
    padding-top: 0;
    padding-bottom: calc(100vw * (60 / 1350));
  }

  .section.section1.cover .section1_inner {
    width: calc(100vw * (1095 / 1350));
    margin: 0 auto;
  }

  .title_wrap .title_inner b {
    font-size: calc(100vw * (50 / 1350));
    /* font-weight: 800; */
  }

  .title_wrap.cover {
    /* position: relative; */
    /* z-index: 1; */
    transform: translateY(calc(100vw * (-30 / 1350)));
  }

  .title_wrap.cover .title {
    margin-bottom: 0;
    font-size: calc(100vw * (38 / 1350));
    /* font-weight: 800; */
    /* line-height: 1.4; */
  }

  .title_wrap.cover+.text_wrap {
    width: 50%;
    margin-top: calc(100vw * (40 / 1350));
    margin-left: auto;
  }

  .link-banner-section {
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: center; */
    /* align-items: center; */
    width: 100%;
    height: calc(100vw * (235 / 1350));
  }

  .basic-link-box {
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    min-width: calc(100vw * (280 / 1350));
    width: fit-content;
    margin: 0 auto;
    height: calc(100vw * (47 / 1350));
    padding: 0 calc(100vw * (20 / 1350));
    font-size: calc(100vw * (15 / 1350));
    border: 1px solid #fff;
  }

  .text.border-top {
    font-size: calc(100vw * (18 / 1350));
    /* font-weight: 500; */
  }

  .border-top::before {
    /* content: ''; */
    /* display: block; */
    width: calc(100vw * (54 / 1350));
    height: calc(100vw * (4 / 1350));
    margin-bottom: calc(100vw * (30 / 1350));
  }

  .inner_narrow {
    width: calc(100vw * (1095 / 1350));
    margin: 0 auto
  }



  /* 헤더 */
  .header_wala {}

  .header_wala .logo a {
    font-size: calc(100vw * (25 / 1350));
  }

  .header_wala .nav .nav_list h2 a {
    font-size: calc(100vw * (19 / 1350));
    /* cursor: pointer; */
  }

  /* 푸터 */
  .footer_wala {}

  .footer_wala .footer_top ul li:nth-child(1) a {
    font-size: calc(100vw * (18 / 1350));
  }

  /* 링크 */
  .link_pop.wala {}

  .link_pop.wala .pop_area {
    width: calc(100vw * (392 / 1350));
  }

  .link_pop.wala .pop_bg.on {}

  .link_pop.wala .link-list {
    width: 100%;
  }

  .link_pop.wala .link_btn {
    border: 0;
  }

  .link_pop.wala .link_btn::after {
    filter: none;
    background: url('../img/arrow_gray.svg') no-repeat center/contain;
  }

  .link_pop.wala .link_btn:hover::after {
    filter: none;
  }

  .link_pop.wala .link-item {
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    width: 100%;
    height: calc(100vw * (105 / 1350));
    border-bottom: 1px solid #7C7C7C;
    /* transition: all .3s; */
    /* cursor: pointer; */
  }

  .link_pop.wala .link-item span {
    /* position: relative; */
    font-size: calc(100vw * (33 / 1350));
    /* font-weight: 800; */
    /* color: #fff; */
  }

  .link_pop.wala .link-item span:after {
    /* content: ''; */
    right: -100%;
    width: calc(100vw * (20 / 1350));
    height: calc(100vw * (20 / 1350));
    /* background: url(../img/arrow_black.svg) no-repeat center/contain; */
    /* position: absolute; */
    top: 50%;
    transform: translateY(-50%);
    /* z-index: 5; */
    /* transition: ease-in-out .2s; */
  }

  .link_pop.wala .link-item:hover span:after {
    right: calc(100vw * (-35 / 1350));
  }

  /* 공통 */
  .add-content .banner {
    height: calc(100vw * (350 / 1350));
  }

  .add-content .section1 .text_title {
    margin-bottom: calc(100vw * (35 / 1350));
  }

  /* 메인 페이지 */

  .main.add-content {}

  .main.add-content .diversity {
    padding: calc(100vw * (85 / 1350)) 0;
  }

  .main.add-content .title span {
    font-size: calc(100vw * (21 / 1350));
  }

  .main.add-content .diversity .title::after {
    width: calc(100vw * (74 / 1350));
    height: 1px;
    margin: 0 auto calc(100vw * (24 / 1350));
  }

  .main.add-content .diversity .description {
    /* font-weight: 500; */
    /* line-height: 1.6; */
  }

  .main.add-content .main_title {
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    height: calc(100vw * (830 / 1350));
  }

  .main.add-content .main_title h2 {
    /* display: flex; */
    /* flex-direction: column; */
    font-size: calc(100vw * (28 / 1350));
    /* font-weight: 300; */
    /* line-height: 2.55; */
    /* text-align: center; */
  }

  .main.add-content .main_title h2 strong {
    font-size: calc(100vw * (68 / 1350));
  }

  .main.add-content .tab_list .tab_link p {
    font-size: calc(100vw * (25 / 1350));
  }

  .main.add-content .it_content .box_wrap h5 {
    margin-bottom: calc(100vw * (10 / 1350));
    font-size: calc(100vw * (25 / 1350));
  }

  .main.add-content .it_content .box_wrap p {
    font-size: calc(100vw * (13 / 1350));
    /* font-weight: 500; */
    /* line-height: 1.8; */
  }

  /* aboutus */
  .add-content .aboutus .banner .text {
    margin-top: calc(100vw * (20 / 1350));
    font-size: calc(100vw * (24 / 1350));
  }

  .add-content .aboutus .banner .title {
    font-size: calc(100vw * (40 / 1350));
    /* font-weight: 800; */
    /* text-transform: initial; */
  }

  .add-content .aboutus .img_banner {
    height: calc(100vw * (210 / 1350));
  }

  .add-content .aboutus .img_banner span {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: calc(100vw * (40 / 1350));
  }

  .add-content .aboutus .text_section1_list .item+.item {
    margin-top: calc(100vw * (65 / 1350));
  }

  .add-content .aboutus .text_section1_list strong {
    /* display: block; */
    margin-bottom: calc(100vw * (20 / 1350));
    font-size: calc(100vw * (23 / 1350));
    /* font-weight: 800; */
    /* color: #151515; */
  }

  .add-content .aboutus .img_banner .img_wrap {}

  .add-content .aboutus .history_section {
    padding: calc(100vw * (120 / 1350)) 0 calc(100vw * (187 / 1350));
  }

  .add-content .aboutus .history-list {
    width: 100%;
  }

  .add-content .aboutus .history-item {
    /* display: flex; */
    width: 100%;
    padding-bottom: calc(100vw * (30 / 1350));
    font-size: calc(100vw * (18 / 1350));
  }

  .add-content .aboutus .history-item .item-inner {
    width: 100%;
  }

  .add-content .aboutus .history-item.both .history-content-wrap {}

  .add-content .aboutus .history-item.both .history-date {}

  .add-content .aboutus .history-item.both .history-content-wrap:nth-of-type(1) {}

  .add-content .aboutus .history-item.both .history-content-wrap:nth-of-type(2) {}

  .add-content .aboutus .history-item.both .history-content-wrap+.history-content-wrap {
    margin-top: calc(100vw * (15 / 428));
  }

  /* 
  .add-content .aboutus .history-item:nth-child(7) .history-date::after {
    height: calc(100vw * (140 / 428));
    bottom: calc(100vw * (-140 / 428));
  }

  .add-content .aboutus .history-item:nth-child(9) .history-date::after {
    height: calc(100vw * (120 / 428));
    bottom: calc(100vw * (-120 / 428));
  } */

  .add-content .aboutus .history-date {
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    /* position: relative; */
    width: 10%;
    height: calc(100vw * (100 / 1350));
    font-size: calc(100vw * (30 / 1350));
    /* font-weight: 800; */
    background: #fff url("../img/history_date_bg.png") no-repeat center/contain;
  }

  .add-content .aboutus .history-date::after {
    /* content: ''; */
    /* position: absolute; */
    bottom: -100%;
    transform: translateX(-50%);
    height: 106%;
    width: 2px;
    border: 0;
    border-right: 1px dashed #A3A3A3;
    /* color: #fff; */
  }

  .add-content .aboutus .history-item:last-child .history-date::after {
    /* display: none; */
  }

  .add-content .aboutus .history-content-wrap {
    width: 45%;
    padding: calc(100vw * (35 / 1350)) calc(100vw * (30 / 1350)) 0;
    /* line-height: 1.4; */
  }

  .add-content .aboutus .history-content-wrap p+p {
    margin-top: calc(100vw * (15 / 1350));
  }

  /* people */
  .people.add-content {}

  .people.add-content .title_wrap .title_inner b {
    /* font-size: inherit; */
  }

  .people.add-content .section .text {
    /* font-weight: 500; */
  }

  .people.add-content .section1 .title {
    margin-bottom: 0;
  }

  .people.add-content .section .title {
    font-size: calc(100vw * (38 / 1350));
    /* font-weight: 800; */
  }

  .people.add-content .section2 {
    width: calc(100vw * (1095 / 1350));
    padding: calc(100vw * (90 / 1350)) calc(100vw * (25 / 1350)) calc(100vw * (200 / 1350));
  }

  .people.add-content .section2 .title {
    margin-bottom: calc(100vw * (62 / 1350));
  }

  .people.add-content .section2 .text_wrap .text_con .text,
  .people.add-content .section3 .text_wrap .text_con .text {
    padding: calc(100vw * (38 / 1350)) calc(100vw * (40 / 1350));
    border: 0;
    border-radius: calc(100vw * (15 / 1350));
    box-shadow: 1px 1px calc(100vw * (15 / 1350)) calc(100vw * (6 / 1350)) rgba(0, 0, 0, 0.06);
  }

  .people.add-content .section2 .text_wrap .text_con .text:last-of-type {
    margin-left: calc(100vw * (37 / 1350));
  }

  .people.add-content .section2 .text_wrap .sub_title,
  .people.add-content .section3 .text_wrap .sub_title {
    margin-bottom: calc(100vw * (30 / 1350));
    font-size: calc(100vw * (18 / 1350));
  }

  .people.add-content .section2 .text_wrap .title_info {
    font-size: calc(100vw * (15 / 1350));
  }

  /* ci */
  .ci.add-content .section {
    width: calc(100vw * (950 / 1350));
    padding: calc(100vw * (60 / 1350)) 0;
  }

  .ci.add-content .section .title {}

  .ci.add-content .title_wrap .title::after {
    display: none;
  }

  .ci.add-content .section .right_con {
    width: calc(100vw * (622 / 1350));
  }

  .ci.add-content .title_wrap.cover {
    transform: translateY(calc(100vw * (-28 / 1350)));
  }

  .ci.add-content .section:not(:last-child):after {
    width: 100%;
  }

  .ci.add-content .logo_section .img_con {
    gap: calc(100vw * (12 / 1350));
  }

  .ci.add-content .logo_section .logo_con {
    width: auto;
  }

  /* 공통 :: family 사이트 */
  .family-site-page .section {
    width: 100%;
  }

  .content-box-wrap {
    gap: calc(100vw * (50 / 1350));
    min-height: calc(100vw * (430 / 1350));
  }

  .content-box-wrap .img-wrap {
    width: calc(100vw * (430 / 1350));
    /* height: calc(100vw * (430 / 1350)); */
  }

  .content-box-wrap .text-wrap {
    height: 100%;
    padding-right: calc(100vw * (30 / 1350));
    font-size: calc(100vw * (18 / 1350));
  }

  .content-box-wrap .text-wrap .title-text {
    margin-bottom: calc(100vw * (50 / 1350));
    font-size: calc(100vw * (28 / 1350));
  }

  .content-box-wrap .text-wrap ul {
    margin-top: calc(100vw * (50 / 1350));
    font-size: calc(100vw * (15 / 1350));
  }

  .content-box-wrap .text-wrap ul li+li {
    margin-top: calc(100vw * (25 / 1350));
  }



  /* wala-land */
  .wala-land {}

  .wala-land .talent .section1 .text_wrap .text {
    font-size: calc(100vw * (18 / 1350));
  }


  .wala-land .app-content-section {
    padding: 100px 0;
  }

  .wala-land .app-content-section .inner {
    gap: calc(100vw * (37 / 1350));
    width: calc(100vw * (907 / 1350));
  }

  .wala-land .app-content-wrapper {
    background: url(../img/bg_app_content_01.png) no-repeat top 20% center/contain;
  }

  .wala-land .app-content-wrapper:nth-child(2) {
    background: url(../img/bg_app_content_02.png) no-repeat top 20% center/contain;
  }

  .wala-land .app-info-wrap {
    margin-bottom: calc(100vw * (60 / 1350));
  }

  .wala-land .app-info-wrap b {
    margin-bottom: calc(100vw * (20 / 1350));
    font-size: calc(100vw * (26 / 1350));
  }

  .wala-land .app-info-wrap .img-wrap {
    width: calc(100vw * (157 / 1350));
    height: calc(100vw * (157 / 1350));
  }

  .wala-land .app-info-wrap .img-wrap img {}

  .wala-land .app-info-wrap .app-button-wrap {
    gap: calc(100vw * (7 / 1350));
    margin-top: calc(100vw * (-15 / 1350));
    padding: calc(100vw * (30 / 1350)) calc(100vw * (45 / 1350));
    border-radius: calc(100vw * (40 / 1350));
    box-shadow: 1px 1px calc(100vw * (20 / 1350)) calc(100vw * (6 / 1350)) rgba(0, 0, 0, 0.06);
  }

  .wala-land .btn-app-store {
    width: calc(100vw * (70 / 1350));
    height: calc(100vw * (25 / 1350));
    background: url(../img/btn_app_store.png) no-repeat center/contain;
  }

  .wala-land .btn-google-play {
    width: calc(100vw * (70 / 1350));
    height: calc(100vw * (25 / 1350));
    background: url(../img/btn_google_play.png) no-repeat center/contain;
    scale: 1.3;
  }

  .wala-land .app-text-wrap {
    display: block;
    min-height: calc(100vw * (240 / 1350));
    margin-bottom: calc(100vw * (25 / 1350));
    padding: calc(100vw * (30 / 1350));
    border-radius: calc(100vw * (15 / 1350));
    box-shadow: 1px 1px calc(100vw * (20 / 1350)) 6px rgba(0, 0, 0, 0.06);
  }

  .wala-land .app-text-wrap strong {
    display: block;
    margin-bottom: calc(100vw * (30 / 1350));
    font-size: calc(100vw * (20 / 1350));
    font-weight: 800;
  }

  .wala-land .app-text-wrap p {
    font-size: calc(100vw * (15 / 1350));
  }

  .wala-land .link-banner-section {}


  /* wala_ict */
  .wala-ict {}

  .wala-ict .section:not(:last-child)::after {
    /* display: none; */
  }

  .wala-ict .wala-ict-section {
    padding: 0;
  }

  .wala-ict .ict-list {
    /* display: flex; */
    /* flex-wrap: wrap; */
  }

  .wala-ict .ict-item {
    width: calc(50% - calc(100vw * (13 / 1350)));
    margin-right: calc(100vw * (13 / 1350));
    padding: calc(100vw * (70 / 1350)) 0;
    /* background: url(../img/ict_item_line.png) no-repeat bottom/contain; */
  }

  .wala-ict .ict-item .ict-title {
    /* display: block; */
    margin-bottom: calc(100vw * (35 / 1350));
    font-size: calc(100vw * (23 / 1350));
    /* font-weight: 800; */
  }

  .wala-ict .ict-item .ict-text {
    font-size: calc(100vw * (15 / 1350));
    /* font-weight: 500; */
    /* line-height: 1.6; */
  }

  .wala-ict .ict-list-content {
    padding: calc(100vw * (70 / 1350)) 0;
  }

  .wala-ict .ict-description-content {
    /* position: relative; */
    /* width: 100%; */
  }

  .wala-ict .ict-description-content::before {
    /* content: ''; */
    /* position: absolute; */
    top: 0;
    left: 0;
    width: 88%;
    height: calc(100vw * (500 / 1350));
  }

  .wala-ict .ict-description-content .content-wrapper-title {
    padding: calc(100vw * (150 / 1350)) 0 calc(100vw * (135 / 1350));
    font-size: calc(100vw * (32 / 1350));
  }

  .wala-ict .ict-description-list {
    gap: calc(100vw * (30 / 1350));
  }

  .wala-ict .ict-description-item {
    width: calc(calc(100% - calc(100vw * (60 / 1350))) / 3);
    padding: calc(100vw * (30 / 1350));
    box-shadow: 1px 1px calc(100vw * (15 / 1350)) 6px rgba(0, 0, 0, 0.06);
  }

  .wala-ict .ict-description-item .item-title {
    margin-bottom: calc(100vw * (30 / 1350));
    font-size: calc(100vw * (20 / 1350));
  }

  .wala-ict .ict-description-item .text {
    font-size: calc(100vw * (14 / 1350));
  }

  .wala-ict .link-banner-section {}

  .wala-ict .content-box-wrap {
    margin: calc(100vw * (120 / 1350)) 0 200px;
  }

  /* design-lab */
  .design-lab {}

  .design-lab .link-banner-section {}

  .design-lab .description-section {
    padding: 0;
  }

  .design-lab .description-section .content-box-area {
    width: 75%;
    margin-left: auto;
  }

  .design-lab .content-box-wrap {
    width: auto;
    margin: calc(100vw * (75 / 1350)) 0;
  }

  .design-lab .description-section .sub-text {
    margin-bottom: calc(100vw * (175 / 1350));
    font-size: calc(100vw * (15 / 1350));
  }

  /* contact-page */
  .contact-page {}

  .contact-page .section {
    width: 100%;
  }

  .contact-page .title_wrap p {
    font-size: calc(100vw * (38 / 1350));
  }

  .contact-page .talent .section1 {
    padding-bottom: 0;
  }

  .contact-page .map-info-section .map-area {
    width: 100%;
    height: auto;
    margin: calc(100vw * (95 / 1350)) 0 calc(100vw * (150 / 1350));
  }

  .contact-page .office-info-list {
    margin-bottom: calc(100vw * (300 / 1350));
  }

  .contact-page .office-info-item {
    /* display: flex; */
  }

  .contact-page .office-info-item:first-child {
    margin-bottom: calc(100vw * (40 / 1350));
  }

  .contact-page .office-info-item:nth-child(2) .info-title,
  .contact-page .office-info-item:nth-child(3) .info-title {
    font-size: calc(100vw * (22 / 1350));
  }

  .contact-page .office-info-item+.office-info-item {
    margin-top: calc(100vw * (25 / 1350));
  }

  .contact-page .info-title {
    width: 23%;
    font-size: calc(100vw * (28 / 1350));
    /* font-weight: 800 */
  }

  .contact-page .info-text {
    width: 90%;
    font-size: calc(100vw * (18 / 1350));
  }

  .site_map_con {
    width: auto;
    padding: calc(100vw * (30 / 1350)) calc(100vw * (15 / 1350));
  }

  .site_map_list {
    font-size: calc(100vw * (20 / 1350));
  }

  .site_map_list .sub_list_wrap {
    margin-top: calc(100vw * (25 / 1350));
  }

  .site_map_list .sub_list:not(:last-child) {
    margin-bottom: calc(100vw * (20 / 1350));
  }
}

/* 모바일 */
@media (max-width: 1024px) {
  .root_daum_roughmap_landing {
    width: 100% !important;
  }

  .pc-only {
    display: none;
  }

  .mb-only {
    display: block;
  }

  .header_wala .nav .nav_list h2.on a {
    color: #000;
  }

  .header_wala .nav .nav_list h2.on a span {
    border-bottom: 1px solid #FFE500;
  }

  .header_wala .nav .nav_list h2.on a::before {
    filter: none
  }

  .header_wala .logo a {
    width: calc(100vw * (108 / 428));
    height: calc(100vw * (19 / 428));
  }

  /* common.css */
  .text_section {
    padding: calc(100vw * (60 / 428)) calc(100vw * (25 / 428));
  }

  .inner {
    padding: 0;
  }

  .section.section1.cover {
    padding-top: 0;
    padding-bottom: calc(100vw * (60 / 428));
  }

  .section.section1.cover .section1_inner {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 0;
  }

  .title_wrap .title_inner b {
    font-size: calc(100vw * (35 / 428));
    /* font-weight: 800; */
  }

  .title_wrap.cover {
    /* position: relative; */
    /* z-index: 1; */
    transform: translateY(calc(100vw * (-30 / 428)));
  }

  .title_wrap.cover .title {
    margin-bottom: 0;
    font-size: calc(100vw * (23 / 428));
    /* font-weight: 800; */
    /* line-height: 1.4; */
  }

  .title_wrap.cover+.text_wrap {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
  }

  .link-banner-section {
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: center; */
    /* align-items: center; */
    width: 100%;
    height: calc(100vw * (235 / 428));
  }

  .basic-link-box {
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    min-width: calc(100vw * (280 / 428));
    width: fit-content;
    margin: 0 auto;
    height: calc(100vw * (47 / 428));
    padding: 0 calc(100vw * (20 / 428));
    font-size: calc(100vw * (14 / 428));
    border: 1px solid #fff;
  }

  .text.border-top {
    font-size: calc(100vw * (14 / 428));
    /* font-weight: 500; */
  }

  .border-top::before {
    /* content: ''; */
    /* display: block; */
    width: calc(100vw * (28 / 428));
    height: calc(100vw * (2 / 428));
    margin-bottom: calc(100vw * (30 / 428));
  }

  .inner_narrow {
    width: 100%;
    margin: 0 auto;
    padding: 0 calc(100vw * (25 / 428));
  }



  /* 헤더 */
  .header_wala {}

  .header_wala .logo a {
    font-size: calc(100vw * (25 / 428));
  }

  .header_wala .nav .nav_list h2 a {
    font-size: calc(100vw * (14 / 428));
    /* cursor: pointer; */
  }

  .header_wala .nav .sub_menu h3 a {
    font-size: calc(100vw * (14 / 428));
  }

  /* 푸터 */
  .footer_wala {}

  .footer_wala .footer_top ul li:nth-child(1) a {
    font-size: calc(100vw * (15 / 428));
    font-weight: 800;
  }

  .footer_wala .footer_top ul li a {
    font-size: calc(100vw * (15 / 428));
    font-weight: 700;
  }

  /* 링크 */
  .link_pop.wala {}

  .link_pop.wala .pop_area {
    width: calc(100vw * (315 / 428));
  }

  .link_pop.wala .pop_bg.on {}

  .link_pop.wala .link-list {
    width: 100%;
    height: calc(100% - calc(100vh * (56 / 926)));
    overflow-y: auto;
  }

  .link_pop.wala .link_btn {
    border: 0;
  }

  .link_pop.wala .link_btn::after {
    filter: none;
    background: url('../img/arrow_gray.svg') no-repeat center/contain;
  }

  .link_pop.wala .link_btn:hover::after {
    filter: none;
  }

  .link_pop.wala .link-item {
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    width: 100%;
    height: calc(100vw * (100 / 428));
    border-bottom: 1px solid #7C7C7C;
    /* transition: all .3s; */
    /* cursor: pointer; */
  }

  .link_pop.wala .link-item span {
    /* position: relative; */
    font-size: calc(100vw * (25 / 428));
    /* font-weight: 800; */
    /* color: #fff; */
  }

  .link_pop.wala .link-item span:after {
    display: none;
    /* content: ''; */
    right: -100%;
    width: calc(100vw * (20 / 428));
    height: calc(100vw * (20 / 428));
    /* background: url(../img/arrow_black.svg) no-repeat center/contain; */
    /* position: absolute; */
    top: 50%;
    transform: translateY(-50%);
    /* z-index: 5; */
    /* transition: ease-in-out .2s; */
  }

  .link_pop.wala .link-item:hover span:after {
    right: calc(100vw * (-35 / 428));
  }

  /* 공통 */
  .add-content .banner {
    height: calc(100vw * (205 / 428));
  }

  .add-content .section1 .text_title {
    margin-bottom: calc(100vw * (20 / 428));
    font-size: calc(100vw * (18 / 428));
  }

  .add-content .it_content .box_wrap .box::after {
    height: calc(100vw * (195 / 428));
  }

  .add-content .it_content .box_wrap .box {
    height: calc(100vw * (190 / 428));
  }

  .add-content .it_content .box_wrap .box:first-child {
    height: calc(100vw * (338 / 428));
  }



  /* 메인 페이지 */
  .tab_list .tab_item li h5 {
    font-size: calc(100vw * (17 / 428));
  }

  .main.add-content .tab_list .tab_item li {
    height: calc(100vw * (86 / 428));
  }

  .main.add-content .tab_list .tab_link_wrap {
    height: calc(100vw * (223 / 428));
    background-color: rgba(0, 0, 0, 0.75);
  }

  .main.add-content {}

  .main.add-content .diversity {
    padding: calc(100vw * (85 / 428)) 0;
  }

  .main.add-content .tab_list {
    background-image: url(../img/tab_list_02_mb.png);
  }

  .main.add-content .title span {
    font-size: calc(100vw * (15 / 428));
  }

  .main.add-content .diversity .title::after {
    width: calc(100vw * (74 / 428));
    height: 1px;
    margin: calc(100vw * (15 / 428))auto calc(100vw * (24 / 428));
  }

  .main.add-content .diversity .description {
    /* font-weight: 500; */
    /* line-height: 1.6; */
  }

  .main.add-content .main_title {
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    height: calc(100vw * (523 / 428));
  }

  .main.add-content .main_title h2 {
    /* display: flex; */
    /* flex-direction: column; */
    font-size: calc(100vw * (14 / 428));
    /* font-weight: 300; */
    /* line-height: 2.55; */
    /* text-align: center; */
  }

  .main.add-content .main_title h2 strong {
    font-size: calc(100vw * (27 / 428));
  }

  .main.add-content .tab_list .tab_link p {
    margin-bottom: 0;
    font-size: calc(100vw * (17 / 428));
    text-align: left;
    line-height: 2;
  }

  .main.add-content .it_content .box_wrap h5 {
    margin-bottom: calc(100vw * (10 / 428));
    font-size: calc(100vw * (25 / 428));
  }

  .main.add-content .it_content .box_wrap p {
    font-size: calc(100vw * (13 / 428));
    /* font-weight: 500; */
    /* line-height: 1.8; */
    text-align: left;
  }


  /* aboutus */
  .add-content .aboutus .banner .text {
    margin-top: calc(100vw * (20 / 428));
    font-size: calc(100vw * (14 / 428));
  }

  .add-content .aboutus .banner .title {
    font-size: calc(100vw * (23 / 428));
    /* font-weight: 800; */
    /* text-transform: initial; */
  }

  .add-content .aboutus .img_banner {
    height: calc(100vw * (120 / 428));
  }

  .add-content .aboutus .img_banner span {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: calc(100vw * (23 / 428));
  }

  .add-content .aboutus .text_section1_list .item {
    text-align: left;
  }

  .add-content .aboutus .text_section1_list .item+.item {
    margin-top: calc(100vw * (40 / 428));

  }

  .add-content .aboutus .text_section1_list strong {
    /* display: block; */
    margin-bottom: calc(100vw * (10 / 428));
    font-size: calc(100vw * (18 / 428));
    /* font-weight: 800; */
    /* color: #151515; */
  }

  .add-content .aboutus .text_section1 .img-wrap {
    width: 80%;
    margin: 80px auto 0;
  }

  .add-content .aboutus .img_banner .img_wrap {}

  .add-content .aboutus .history_section {
    padding: calc(100vw * (60 / 428)) calc(100vw * (25 / 428));
  }

  .add-content .aboutus .history-list {
    width: 100%;
  }

  .add-content .aboutus .history-item {
    /* display: flex; */
    width: 100%;
    padding-bottom: calc(100vw * (25 / 428));
    font-size: calc(100vw * (14 / 428));
    font-size: 700;
  }

  .add-content .aboutus .history-item .item-inner {
    width: 100%;
    min-height: calc(100vw * (60 / 428));
    align-items: center;
  }

  .add-content .aboutus .history-item.both .history-content-wrap {}

  .add-content .aboutus .history-item.both .item-inner {
    flex-wrap: wrap;
    justify-content: end;
  }

  .add-content .aboutus .history-item.both .history-content-wrap:nth-of-type(1) {
    padding: calc(100vw * (20 / 428)) calc(100vw * (30 / 428)) 0 10%;
    text-align: left;
  }

  .add-content .aboutus .history-item.both .history-date {}

  .add-content .aboutus .history-item.both .history-content-wrap {}

  .add-content .aboutus .history-date {
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    /* position: relative; */
    position: absolute;
    top: 0;
    left: 0;
    width: 15%;
    height: calc(100vw * (60 / 428));
    font-size: calc(100vw * (23 / 428));
    /* font-weight: 800; */
    background: #fff url("../img/history_date_bg.png") no-repeat center/contain;
  }

  .add-content .aboutus .history-date::after {
    /* content: ''; */
    /* position: absolute; */
    bottom: -100%;
    transform: translateX(-50%);
    height: 106%;
    width: 2px;
    border: 0;
    border-right: 1px dashed #A3A3A3;
    /* color: #fff; */
  }

  .add-content .aboutus .history-item:nth-child(3) .history-date::after {
    height: calc(100vw * (110 / 428));
    bottom: calc(100vw * (-110 / 428));
  }

  .add-content .aboutus .history-item:nth-child(6) .history-date::after {
    height: calc(100vw * (115 / 428));
    bottom: calc(100vw * (-115 / 428));
  }

  .add-content .aboutus .history-item:nth-child(8) .history-date::after {
    height: calc(100vw * (80 / 428));
    bottom: calc(100vw * (-80 / 428));
  }

  .add-content .aboutus .history-item:last-child .history-date::after {
    /* display: none; */
  }

  .add-content .aboutus .history-content-wrap {
    width: 85%;
    padding: calc(100vw * (10 / 428)) calc(100vw * (30 / 428)) 0 10%;
    /* line-height: 1.4; */
  }

  .add-content .aboutus .history-content-wrap p+p {
    margin-top: calc(100vw * (15 / 428));
  }

  .add-content .aboutus .text_section1>.inner {
    flex-direction: column;
  }

  .add-content .aboutus .history-item.left .item-inner {
    flex-direction: initial;
    justify-content: end;
  }

  .add-content .aboutus .history-item.both .history-date {
    order: 1;
  }

  .add-content .aboutus .history-item.left .history-content-wrap {
    text-align: left;
  }

  /* people */
  .people.add-content {}

  .people.add-content .title_wrap .title_inner b {
    /* font-size: inherit; */
  }

  .people.add-content .section .text {
    /* font-weight: 500; */
    font-size: calc(100vw * (14 / 428));
    word-break: keep-all;
  }

  .people.add-content .section1 .title {
    margin-bottom: 0;
  }

  .people.add-content .section .title {
    font-size: calc(100vw * (23 / 428));
    /* font-weight: 800; */
  }

  .people.add-content .section2 {
    width: 100%;
    padding: calc(100vw * (90 / 428)) calc(100vw * (25 / 428)) calc(100vw * (85 / 428));
  }

  .people.add-content .section2 .title {
    margin-bottom: calc(100vw * (40 / 428));
  }

  .people.add-content .section2 .text_wrap .text_con .text,
  .people.add-content .section3 .text_wrap .text_con .text {
    padding: calc(100vw * (30 / 428)) calc(100vw * (20 / 428));
    border: 0;
    border-radius: calc(100vw * (15 / 428));
    box-shadow: 1px 1px calc(100vw * (15 / 428)) calc(100vw * (6 / 428)) rgba(0, 0, 0, 0.06);
  }

  .people.add-content .section2 .text_wrap .text_con .text:last-of-type {
    margin-left: 0;
  }

  .people.add-content .section2 .text_wrap .sub_title,
  .people.add-content .section3 .text_wrap .sub_title {
    margin-bottom: calc(100vw * (20 / 428));
    font-size: calc(100vw * (18 / 428));
  }

  .people.add-content .section2 .text_wrap .title_info {
    font-size: calc(100vw * (14 / 428));
  }

  .people.add-content .section2 .text_wrap .title_info br {
    display: none;
  }

  /* ci */
  .ci.add-content .section {
    align-items: start;
    width: 100%;
    padding: calc(100vw * (30 / 428)) calc(100vw * (25 / 428));
  }

  .ci.add-content .section .title {
    margin-bottom: calc(100vw * (30 / 428));
    font-size: calc(100vw * (18 / 428));
  }

  .ci.add-content .title_wrap .title::after {
    display: none;
  }

  .ci.add-content .section .right_con {
    width: 100%;
    font-size: calc(100vw * (14 / 428));
    text-align: left;
  }

  .ci.add-content .title_wrap.cover {
    transform: translateY(calc(100vw * (-28 / 428)));
  }

  .ci.add-content .section:not(:last-child):after {
    width: 100%;
    margin: 0 calc(100vw * (25 / 428));
  }

  .ci.add-content .section .img_con {
    height: auto;
  }

  .ci.add-content .section .text_con {
    display: none;
  }

  .ci.add-content .logo_section .img_con {
    flex-direction: row;
    flex-wrap: wrap;
    gap: calc(100vw * (12 / 428));
    height: auto;
  }

  .ci.add-content .logo_section .logo_con:nth-child(1) {
    width: 100%;
  }

  .ci.add-content .logo_section .logo_con:nth-child(2),
  .ci.add-content .logo_section .logo_con:nth-child(3) {
    width: 48%;
  }

  /* 공통 :: family 사이트 */
  .family-site-page .section {
    width: 100%;

  }

  .content-box-wrap {
    gap: calc(100vw * (50 / 428));
    min-height: calc(100vw * (430 / 428));
  }

  .content-box-wrap .img-wrap {
    width: 100%;
    /* height: calc(100vw * (430 / 428)); */
  }

  .content-box-wrap .text-wrap {
    height: 100%;
    padding-right: 0;
    font-size: calc(100vw * (16 / 428));
  }

  .content-box-wrap .text-wrap .title-text {
    margin-bottom: calc(100vw * (25 / 428));
    font-size: calc(100vw * (28 / 428));
  }

  .content-box-wrap .text-wrap ul {
    margin-top: calc(100vw * (40 / 428));
    font-size: calc(100vw * (14 / 428));
  }

  .content-box-wrap .text-wrap ul li+li {
    margin-top: calc(100vw * (25 / 428));
  }



  /* wala-land */
  .wala-land {}

  .wala-land .inner_narrow {
    padding: 0;
  }

  .wala-land .talent .section1 .text_wrap .text {
    font-size: calc(100vw * (14 / 428));
  }


  .wala-land .app-content-section {
    flex-direction: column;
    padding: calc(100vw * (100 / 428)) 0;
  }

  .wala-land .app-content-section .inner {
    flex-direction: column;
    gap: calc(100vw * (37 / 428));
    width: 100%;
    padding: 0 calc(100vw * (25 / 428));
  }

  .wala-land .app-content-wrapper {
    width: 100%;
    background: url(../img/bg_app_content_01.png) no-repeat top 20% center/contain;
  }

  .wala-land .app-content-wrapper:nth-child(2) {
    background: url(../img/bg_app_content_02.png) no-repeat top 20% center/contain;
  }

  .wala-land .app-info-wrap {
    width: 100%;
    margin-bottom: calc(100vw * (50 / 428));
    padding: 0 calc(100vw * (25 / 428));
    font-size: calc(100vw * (18 / 428));
    text-align: left;
  }

  .wala-land .app-info-wrap b {
    display: block;
    width: 100%;
    margin-bottom: calc(100vw * (50 / 428));
    font-size: calc(100vw * (18 / 428));
    text-align: left;
  }

  .wala-land .app-info-wrap .img-wrap {
    width: calc(100vw * (121 / 428));
    height: calc(100vw * (121 / 428));
  }

  .wala-land .app-info-wrap .img-wrap img {}

  .wala-land .app-info-wrap .app-button-wrap {
    gap: calc(100vw * (7 / 428));
    margin-top: calc(100vw * (-15 / 428));
    padding: calc(100vw * (30 / 428)) calc(100vw * (45 / 428));
    border-radius: calc(100vw * (40 / 428));
    box-shadow: 1px 1px calc(100vw * (20 / 428)) calc(100vw * (6 / 428)) rgba(0, 0, 0, 0.06);
  }

  .wala-land .btn-app-store {
    width: calc(100vw * (70 / 428));
    height: calc(100vw * (25 / 428));
    background: url(../img/btn_app_store.png) no-repeat center/contain;
  }

  .wala-land .btn-google-play {
    width: calc(100vw * (70 / 428));
    height: calc(100vw * (25 / 428));
    background: url(../img/btn_google_play.png) no-repeat center/contain;
    scale: 1.3;
  }

  .wala-land .app-text-wrap {
    display: block;
    min-height: auto;
    margin-bottom: calc(100vw * (25 / 428));
    padding: calc(100vw * (30 / 428));
    border-radius: calc(100vw * (15 / 428));
    box-shadow: 1px 1px calc(100vw * (20 / 428)) 6px rgba(0, 0, 0, 0.06);
  }

  .wala-land .app-text-wrap strong {
    display: block;
    margin-bottom: calc(100vw * (30 / 428));
    font-size: calc(100vw * (16 / 428));
    font-weight: 800;
  }

  .wala-land .app-text-wrap p {
    font-size: calc(100vw * (14 / 428));
  }

  .wala-land .link-banner-section {}


  /* wala_ict */
  .wala-ict {}

  .wala-ict .inner_narrow {
    padding: 0;
  }

  .wala-ict .section1 .title_wrap .title {
    margin-bottom: 0;
  }

  .wala-ict .section:not(:last-child)::after {
    /* display: none; */
  }

  .wala-ict .ict-list {
    /* display: flex; */
    /* flex-wrap: wrap; */
    flex-direction: column;
    padding: 0 calc(100vw * (25 / 428));
  }

  .wala-ict .ict-item {
    width: 100%;
    margin-right: 0;
    padding: calc(100vw * (30 / 428)) 0 calc(100vw * (50 / 428));
    /* background: url(../img/ict_item_line.png) no-repeat bottom/contain; */
  }

  .wala-ict .ict-item .ict-title {
    /* display: block; */
    margin-bottom: calc(100vw * (15 / 428));
    font-size: calc(100vw * (18 / 428));
    /* font-weight: 800; */
  }

  .wala-ict .ict-item .ict-text {
    font-size: calc(100vw * (14 / 428));
    /* font-weight: 500; */
    /* line-height: 1.6; */
  }

  .wala-ict .ict-item .ict-text br {
    display: none;
  }

  .wala-ict .ict-list-content {
    padding: calc(100vw * (70 / 428)) 0;
  }

  .wala-ict .ict-description-content {
    /* position: relative; */
    /* width: 100%; */
  }

  .wala-ict .ict-description-content::before {
    /* content: ''; */
    /* position: absolute; */
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vw * (330 / 428));
  }

  .wala-ict .ict-description-content .content-wrapper-title {
    padding: calc(100vw * (80 / 428)) calc(100vw * (25 / 428)) calc(100vw * (42 / 428));
    font-size: calc(100vw * (23 / 428));
    line-height: 2.2;
  }


  .wala-ict .ict-description-scroll-area {
    overflow-x: auto;
  }

  .wala-ict .ict-description-scroll-area::-webkit-scrollbar {
    display: none;
  }

  .wala-ict .ict-description-list {
    gap: calc(100vw * (30 / 428));
    width: max-content;
    padding: 0 0 calc(100vw * (30 / 428)) calc(100vw * (52 / 428));
  }

  .wala-ict .ict-description-item {
    width: calc(100vw * (290 / 428));
    padding: calc(100vw * (30 / 428));
    box-shadow: 1px 1px calc(100vw * (15 / 428)) 6px rgba(0, 0, 0, 0.06);
  }

  .wala-ict .ict-description-item .item-title {
    margin-bottom: calc(100vw * (30 / 428));
    font-size: calc(100vw * (20 / 428));
  }

  .wala-ict .ict-description-item .text {
    font-size: calc(100vw * (14 / 428));
    word-break: keep-all;
  }

  .wala-ict .ict-description-item .text br {
    display: none;
  }

  .wala-ict .link-banner-section {
    height: calc(100vw * (306 / 428));
  }

  .wala-ict .content-box-wrap {
    flex-direction: column;
    margin: calc(100vw * (120 / 428)) 0 200px;
    padding: 0 calc(100vw * (25 / 428));
    word-break: keep-all;
  }

  .wala-ict .wala-ict-section {
    padding: 0;
  }

  /* design-lab */
  .design-lab {}

  .design-lab .inner_narrow {
    padding: 0;
  }

  .design-lab .link-banner-section {
    background: url(../img/link_banner_03_mb.png) no-repeat center/cover;
  }

  .design-lab .description-section {
    padding: 0 calc(100vw * (25 / 428));
  }

  .design-lab .section1 .title_wrap .title {
    margin-bottom: calc(100vw * (10 / 428));
  }

  .design-lab .description-section .content-box-area {
    width: 100%;
    margin-left: initial;
    background-color: #fff;
  }

  .design-lab .content-box-wrap {
    flex-direction: column;
    margin: calc(100vw * (75 / 428)) 0;
  }

  .design-lab .description-section .sub-text {
    margin-bottom: calc(100vw * (175 / 428));
    font-size: calc(100vw * (15 / 428));
  }

  /* contact-page */
  .contact-page {}

  .contact-page .inner_narrow {
    padding: 0;
  }

  .contact-page .section {
    width: 100%;

  }

  .contact-page .title_wrap p {
    font-size: calc(100vw * (24 / 428));
  }

  .contact-page .talent .section1 {
    padding-bottom: 0;
  }

  .contact-page .map-info-section .map-area {
    width: 100%;
    height: auto;
    margin: calc(100vw * (70 / 428)) 0;
  }

  .contact-page .map-info-section .map-area img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .contact-page .office-info-list {
    margin-bottom: calc(100vw * (100 / 428));
  }

  .contact-page .office-info-item {
    /* display: flex; */
    flex-direction: column;
  }

  .contact-page .office-info-item:first-child {
    margin-bottom: calc(100vw * (40 / 428));
  }

  .contact-page .office-info-item:nth-child(2) .info-title,
  .contact-page .office-info-item:nth-child(3) .info-title {
    font-size: calc(100vw * (22 / 428));
  }

  .contact-page .office-info-item+.office-info-item {
    margin-top: calc(100vw * (50 / 428));
  }

  .contact-page .info-title {
    display: block;
    width: 100%;
    margin-bottom: calc(100vw * (40 / 428));
    font-size: calc(100vw * (21 / 428));
    /* font-weight: 800 */
  }

  .contact-page .info-text {
    width: 100%;
    font-size: calc(100vw * (14 / 428));
  }

  .contact-page .link-banner-section {
    background: url(../img/link_banner_04_mb.png) no-repeat center/cover;
  }

  .site_map {
    padding: 0;
  }

  .site_map_con {
    width: 100%;
    padding: calc(100vw * (30 / 428)) calc(100vw * (10 / 428));
  }

  .site_map_list .sub_list_wrap {
    margin-top: calc(100vw * (25 / 428));
  }

  .site_map_list {
    width: 100%;
    font-size: calc(100vw * (17 / 428));
  }

  .site_map_list .sub_list:not(:last-child) {
    margin-bottom: calc(100vw * (20 / 428));
  }
}