@charset "UTF-8";
/*약관 공통 */
/*약관 인풋 공통*/
/*댓글,문의 타이틀 공통*/
@keyframes popBg {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.7;
  }
}
@keyframes popBoxAni {
  0% {
    transform: translate(-50%, -50%) scale(0.95);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes writingAni {
  0% {
    transform: translateY(80%);
  }
  50% {
    transform: translateY(-80%);
  }
  100% {
    transform: translateY(80%);
  }
}
#aboutBusiness #historyDot {
  position: absolute;
  left: 50%;
  top: 145px;
  transform: translate(-50%, 0);
  width: 4px;
  height: 56px;
  border-radius: 2px;
  background: #ef7a00;
  z-index: 500;
  transition: 0.2s ease-in-out;
}
#aboutBusiness #historyDot.noTranstion {
  opacity: 0;
  transition: top 0s ease-in-out !important;
}
#aboutBusiness #titleCopy {
  position: relative;
  padding-top: 90px;
  height: 442px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
#aboutBusiness #titleCopy h3 {
  font-size: 60px;
  font-weight: 700;
}
#aboutBusiness #titleCopy p {
  padding-top: 30px;
}
#aboutBusiness #titleCopy h3,
#aboutBusiness #titleCopy p {
  color: #fff;
}
#aboutBusiness #titleCopy.business {
  background-image: url("../../static/images/about/title1.png");
}
#aboutBusiness #titleCopy.competitive {
  background-image: url("../../static/images/about/title2.png");
}
#aboutBusiness #titleCopy.history {
  padding-top: 130px;
  background-image: url("../../static/images/about/title3.png");
}
#aboutBusiness #titleCopy.history p {
  line-height: 1.8em;
}
#aboutBusiness #titleCopy.infra {
  padding-top: 148px;
  background-image: url("../../static/images/about/title4.png");
}
#aboutBusiness #titleCopy.infra .inner-tab {
  display: flex;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -30px;
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
  z-index: 11;
}
#aboutBusiness #titleCopy.infra .inner-tab li {
  width: 143px;
}
#aboutBusiness #titleCopy.infra .inner-tab li .btn {
  display: block;
  padding: 20px 40px;
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.07px;
}
#aboutBusiness #titleCopy.infra .inner-tab li .btn.on {
  background: #111;
  color: #fff;
}
#aboutBusiness #titleCopy.brand {
  margin-top: 56px;
  padding-top: 148px;
  background-image: url("../../static/images/about/title5.png");
}
#aboutBusiness #contents {
  /* 회사소개 공통 */
  /* 불릿 리스트 */
  /* 카드 공통 */
  /* 비지니스 */
  /* 식재자 경쟁력 */
  /* 연혁 */
  /* 인프라 */
  /* 브랜드 소개 */
}
#aboutBusiness #contents .blt-list li {
  position: relative;
  padding-left: 12px;
  font-size: 16px;
  color: #888;
  line-height: 1.8em;
}
#aboutBusiness #contents .blt-list li:before {
  position: absolute;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: #ddd;
  border-radius: 50%;
  top: 9px;
  left: 0;
}
#aboutBusiness #contents .card-frame {
  display: flex;
  gap: 36px;
  width: 100%;
  height: 450px;
}
#aboutBusiness #contents .card-frame .card {
  width: 354px;
  height: 450px;
}
#aboutBusiness #contents .card-frame .desc-wrap {
  padding: 0 34px;
}
#aboutBusiness #contents .card-frame .desc-wrap p {
  padding-top: 48px;
  display: block;
  font-size: 18px;
  font-weight: 600;
}
#aboutBusiness #contents .card-frame .desc-wrap strong {
  margin-top: 0 !important;
  font-size: 36px;
  color: #ffffff;
}
#aboutBusiness #contents .card-frame .front,
#aboutBusiness #contents .card-frame .back {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #dddddd;
  border-radius: 25px;
  overflow: hidden;
}
#aboutBusiness #contents .card-frame .front {
  z-index: 2;
  transform: rotateY(0deg);
  backface-visibility: hidden;
  background-color: #ffffff;
  /* 백그라운드 dim */
}
#aboutBusiness #contents .card-frame .front p {
  color: rgba(255, 255, 255, 0.8);
}
#aboutBusiness #contents .card-frame .front strong {
  display: block;
  padding-top: 120px;
}
#aboutBusiness #contents .card-frame .front button {
  /* 플러스, 닫기 버튼 가상요소 */
}
#aboutBusiness #contents .card-frame .front button:before {
  position: absolute;
  content: "";
  display: block;
  width: 2px;
  height: 25px;
  background: #ffffff;
  border-radius: 2px;
  top: 12px;
  left: calc(100% - 25px);
}
#aboutBusiness #contents .card-frame .front button:after {
  position: absolute;
  content: "";
  display: block;
  width: 25px;
  height: 2px;
  background: #ffffff;
  border-radius: 2px;
  top: calc(100% - 23px);
  left: 9px;
}
#aboutBusiness #contents .card-frame .front:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  z-index: -1;
}
#aboutBusiness #contents .card-frame .back {
  z-index: 1;
  transform: rotateY(180deg);
  background: #ffffff;
  overflow: hidden;
}
#aboutBusiness #contents .card-frame .back p {
  color: #ef7a00;
}
#aboutBusiness #contents .card-frame .back strong {
  padding-top: 76px;
  text-align: left !important;
  color: #111;
}
#aboutBusiness #contents .card-frame .back .blt-list {
  padding-top: 12px;
}
#aboutBusiness #contents .card-frame .back button {
  margin: 112px auto 0;
}
#aboutBusiness #contents .card-frame .back button:before {
  position: absolute;
  content: "";
  display: block;
  width: 2px;
  height: 25px;
  background: #1c1b1f;
  border-radius: 2px;
  top: 12px;
  left: calc(100% - 25px);
  transform: rotate(45deg);
  transition: all 2s;
}
#aboutBusiness #contents .card-frame .back button:after {
  position: absolute;
  content: "";
  display: block;
  width: 25px;
  height: 2px;
  background: #1c1b1f;
  border-radius: 2px;
  top: calc(100% - 23px);
  left: 9px;
  transform: rotate(45deg);
}
#aboutBusiness #contents .card-frame .back button.line3 {
  margin: 82px auto 0;
}
#aboutBusiness #contents .card-frame button {
  margin: 126px auto 0;
  position: relative;
  display: block;
  width: 46px;
  height: 46px;
  font-size: 0;
}
#aboutBusiness #contents .card-frame .card {
  position: relative;
  transform-style: preserve-3d;
  transition: 0.6s 0.1s;
}
#aboutBusiness #contents .card-frame .card.on {
  transform: rotateY(180deg);
}
#aboutBusiness #contents .card-frame .card.on .back {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
}
#aboutBusiness #contents .slideArea strong {
  display: block;
  margin-top: 35px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.3em;
  text-align: center;
}
#aboutBusiness #contents.business ul li {
  padding: 10px 0 28px 0;
  border-bottom: 1px solid #444;
}
#aboutBusiness #contents.business ul li:first-child {
  padding-top: 0;
}
#aboutBusiness #contents.business ul li:last-child {
  border: 0;
}
#aboutBusiness #contents.business ul li a {
  display: block;
}
#aboutBusiness #contents.business .titleArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 5.25em;
}
#aboutBusiness #contents.business .titleArea strong {
  font-size: 60px;
  font-weight: 500;
}
#aboutBusiness #contents.business .titleArea .hashtagList {
  display: flex;
  gap: 10px;
}
#aboutBusiness #contents.business .titleArea .hashtagList li {
  padding: 8px 16px;
  border: 1px solid #aaa;
  border-radius: 25px;
}
#aboutBusiness #contents.business .downArea {
  display: none;
}
#aboutBusiness #contents.business .downArea p {
  padding-top: 10px;
  font-size: 18px;
  color: #888;
}
#aboutBusiness #contents.business .downArea .imgArea {
  margin-top: 34px;
  border-radius: 20px;
  overflow: hidden;
}
#aboutBusiness #contents.competitive .section {
  margin-top: 100px;
}
#aboutBusiness #contents.competitive .section:first-child {
  margin-top: 20px;
}
#aboutBusiness #contents.competitive .frame-wrap {
  display: flex;
  flex-wrap: wrap;
}
#aboutBusiness #contents.competitive .frame-wrap .frame {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  width: calc((100% - 24px) / 2);
  transition: 0.3s width;
}
#aboutBusiness #contents.competitive .frame-wrap .frame:first-child, #aboutBusiness #contents.competitive .frame-wrap .frame:nth-of-type(even) {
  margin-bottom: 24px;
}
#aboutBusiness #contents.competitive .frame-wrap .frame:first-child, #aboutBusiness #contents.competitive .frame-wrap .frame:nth-of-type(odd) {
  margin-right: 24px;
}
#aboutBusiness #contents.competitive .frame-wrap .frame:last-child {
  margin-bottom: 0;
}
#aboutBusiness #contents.competitive .frame-wrap .frame.active {
  width: calc(100% - 24px - 460px);
}
#aboutBusiness #contents.competitive .frame-wrap .frame.shrink {
  width: 460px;
}
#aboutBusiness #contents.competitive .frame-wrap .frame .imgArea {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
#aboutBusiness #contents.competitive .frame-wrap .frame .imgArea img {
  display: block;
  width: 100%;
  height: 420px;
}
#aboutBusiness #contents.competitive .frame-wrap .frame strong {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-bottom: 10px;
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  line-height: 1.3em;
  text-align: center;
  word-break: keep-all;
  white-space: nowrap;
}
#aboutBusiness #contents.competitive .frame-wrap .frame .descArea {
  opacity: 0;
  position: absolute;
  bottom: -100%;
  padding: 30px 63px;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 20px;
  font-size: 24px;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  letter-spacing: -0.5px;
}
#aboutBusiness #contents.competitive .frame-wrap .frame:hover .descArea {
  opacity: 1;
  bottom: 0;
  transition: all 0.1s 0.3s;
}
#aboutBusiness #contents.competitive .list-typeA strong {
  display: block;
  font-size: 34px;
  font-weight: 500;
  text-align: center;
  line-height: 1.3em;
  padding-bottom: 36px;
}
#aboutBusiness #contents.competitive .list-typeA .list-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 0;
  justify-content: space-between;
}
#aboutBusiness #contents.competitive .list-typeA .list-wrap .list {
  padding: 50px 40px;
  min-width: 360px;
  height: 274px;
  background: #ffffff;
  border: 1px solid #ddd;
  border-radius: 20px;
  text-align: center;
}
#aboutBusiness #contents.competitive .list-typeA .list-wrap .list .title {
  padding-top: 20px;
  font-size: 26px;
  font-weight: 600;
}
#aboutBusiness #contents.competitive .list-typeA .list-wrap .list .desc {
  padding-top: 10px;
  font-size: 16px;
  font-weight: 500;
  color: #666;
  line-height: 1.4em;
}
#aboutBusiness #contents.history {
  position: relative;
  overflow: hidden;
}
#aboutBusiness #contents.history:before {
  position: absolute;
  content: "";
  top: 147px;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 100%;
  background: #ddd;
  z-index: -1;
}
#aboutBusiness #contents.history .section {
  position: relative;
  width: 100%;
}
#aboutBusiness #contents.history .section + .section {
  margin-top: 226px;
}
#aboutBusiness #contents.history .section:nth-of-type(n+3) {
  display: none;
}
#aboutBusiness #contents.history .section .generation {
  position: absolute;
  z-index: -2;
  top: -76px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  font-size: 200px;
  font-weight: 700;
  color: #f4f4f4;
  line-height: 0.7em;
}
#aboutBusiness #contents.history .section .year {
  display: flex;
  justify-content: flex-end;
}
#aboutBusiness #contents.history .section .year:nth-of-type(1) {
  margin-top: 76px;
}
#aboutBusiness #contents.history .section .year .txt-wrap {
  display: flex;
  gap: 40px;
  opacity: 0;
  transform: translateY(50px);
  transition: 0.3s all ease-in-out;
}
#aboutBusiness #contents.history .section .year strong {
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -1.12px;
}
#aboutBusiness #contents.history .section .year .list {
  width: 480px;
}
#aboutBusiness #contents.history .section .year .list li {
  font-size: 16px;
  color: #666;
}
#aboutBusiness #contents.history .section .year .list li + li {
  margin-top: 26px;
}
#aboutBusiness #contents.history .section .year + .year {
  margin-top: 100px;
}
#aboutBusiness #contents.history .section .year.active .txt-wrap {
  opacity: 1;
  transform: translateY(0);
}
#aboutBusiness #contents.history .section:nth-of-type(even) .year {
  justify-content: flex-start;
}
#aboutBusiness #contents.history .section:nth-of-type(even) .year .txt-wrap {
  flex-direction: row-reverse;
}
#aboutBusiness #contents.history .section:nth-of-type(even) .year .txt-wrap .list {
  text-align: right;
}
#aboutBusiness #contents.history .btn-more {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  margin: 0 auto;
  display: block;
  background: #fff;
  border: 1px solid #ddd;
}
#aboutBusiness #contents.infra .section {
  margin-top: 20px;
  /* 식품연구 페이지 */
  /* 위생안전 페이지 */
  /* 구매 페이지 */
  /* 물류 페이지 */
}
#aboutBusiness #contents.infra .section .title-wrap {
  text-align: center;
}
#aboutBusiness #contents.infra .section .title-wrap strong {
  display: block;
  font-size: 50px;
  font-weight: 600;
  line-height: 1.3em;
}
#aboutBusiness #contents.infra .section .title-wrap p {
  padding-top: 18px;
  font-size: 16px;
  color: #666;
  line-height: 1.6em;
}
#aboutBusiness #contents.infra .section .step-block {
  position: relative;
  padding: 100px 0 120px 0;
}
#aboutBusiness #contents.infra .section .step-block:nth-of-type(odd):before {
  position: absolute;
  content: "";
  width: 100vw;
  height: 100%;
  background: #f9f9f9;
  left: 50%;
  top: 20px;
  transform: translateX(-50%);
  min-width: 1320px;
  z-index: -1;
}
#aboutBusiness #contents.infra .section .step-block .visualArea {
  display: flex;
  gap: 150px;
}
#aboutBusiness #contents.infra .section .step-block .visualArea .imgArea {
  border-radius: 12px;
  overflow: hidden;
  width: 600px;
  height: 326px;
}
#aboutBusiness #contents.infra .section .step-block .visualArea .imgArea img {
  width: 100%;
  height: 100%;
}
#aboutBusiness #contents.infra .section .step-block .visualArea .bg-txt {
  padding-top: 40px;
  font-size: 120px;
  font-weight: 600;
  color: #f4f4f4;
}
#aboutBusiness #contents.infra .section .step-block .descArea {
  position: absolute;
  bottom: 60px;
  left: calc(50% - 105px);
  padding: 50px;
  max-width: 534px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.05);
}
#aboutBusiness #contents.infra .section .step-block .descArea strong {
  display: block;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.4em;
}
#aboutBusiness #contents.infra .section .step-block .descArea .list {
  padding-top: 20px;
}
#aboutBusiness #contents.infra .section .step-block .descArea .list .blt-list {
  display: flex;
}
#aboutBusiness #contents.infra .section .step-block .descArea .list .blt-list + .blt-list {
  padding-top: 4px;
}
#aboutBusiness #contents.infra .section .step-block .descArea .list .blt-list li {
  width: 227px;
  letter-spacing: -1px;
}
#aboutBusiness #contents.infra .section .step-block:nth-of-type(odd):after {
  content: "";
  display: block;
  clear: both;
}
#aboutBusiness #contents.infra .section .step-block:nth-of-type(odd) .imgArea {
  float: right;
}
#aboutBusiness #contents.infra .section .step-block:nth-of-type(odd) .descArea {
  left: calc(50% - 350px);
}
#aboutBusiness #contents.infra .section .step-block:nth-of-type(odd) .bg-txt {
  color: #efefef;
}
#aboutBusiness #contents.infra .section .list-wrap {
  position: relative;
  padding-top: 60px;
  display: flex;
  gap: 176px;
  align-items: center;
}
#aboutBusiness #contents.infra .section .list-wrap .accordion-list {
  width: 628px;
}
#aboutBusiness #contents.infra .section .list-wrap .accordion-list .accordionTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#aboutBusiness #contents.infra .section .list-wrap .accordion-list .accordionTitle p {
  font-size: 28px;
  font-weight: 500;
}
#aboutBusiness #contents.infra .section .list-wrap .accordion-list .accordionTitle .btn-more {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  font-size: 0;
  border: 2px solid #111;
  border-radius: 50%;
  vertical-align: bottom;
}
#aboutBusiness #contents.infra .section .list-wrap .accordion-list .accordionTitle .btn-more:before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath d='M10.8788 6.97962L6.33391 2.43475L1.80503 6.96362C1.59848 7.17015 1.35275 7.27467 1.06786 7.27717C0.782975 7.27967 0.537268 7.18049 0.33074 6.97962C0.11349 6.7731 0.00326743 6.52738 7.29854e-05 6.24246C-0.00312146 5.95757 0.0985455 5.71186 0.305073 5.50533L5.42045 0.389958C5.68042 0.129986 5.98491 0 6.33391 0C6.68291 0 6.98739 0.129986 7.24736 0.389958L12.3371 5.47967C12.5436 5.68622 12.6496 5.93622 12.6549 6.22967C12.6603 6.52311 12.5543 6.7731 12.3371 6.97962C12.1305 7.18049 11.8854 7.28092 11.6017 7.28092C11.3179 7.28092 11.077 7.18049 10.8788 6.97962Z' fill='%231C1B1F'/%3E%3C/svg%3E") no-repeat center/12px auto;
  transform: rotate(180deg);
}
#aboutBusiness #contents.infra .section .list-wrap .accordion-list > li {
  position: relative;
  padding: 24px 0;
  border-bottom: 1px solid #ddd;
}
#aboutBusiness #contents.infra .section .list-wrap .accordion-list > li.on .accordionTitle p {
  color: #ef7a00;
}
#aboutBusiness #contents.infra .section .list-wrap .accordion-list > li.on .accordionTitle .btn-more:before {
  transform: rotate(0);
  transition: all 0.5s;
}
#aboutBusiness #contents.infra .section .list-wrap .accordion-list > li .blt-list {
  display: none;
  padding-top: 12px;
}
#aboutBusiness #contents.infra .section .list-wrap .accordion-list > li .blt-list li {
  width: initial;
  letter-spacing: initial;
}
#aboutBusiness #contents.infra .section .list-wrap .imgArea {
  padding-top: 40px;
}
#aboutBusiness #contents.infra .section .list-wrap .imgArea li img {
  display: none;
}
#aboutBusiness #contents.infra .section .list-wrap .imgArea li.on img {
  display: block;
}
#aboutBusiness #contents.infra .section .numArea {
  padding-top: 60px;
  position: relative;
  display: flex;
}
#aboutBusiness #contents.infra .section .numArea .wrap {
  width: 33.33%;
}
#aboutBusiness #contents.infra .section .numArea .wrap .numWrap {
  display: flex;
  align-items: center;
}
#aboutBusiness #contents.infra .section .numArea .wrap p {
  font-size: 21px;
  color: #444;
}
#aboutBusiness #contents.infra .section .numArea .wrap p.num {
  font-size: 128px;
  font-weight: 600;
  color: #111;
}
#aboutBusiness #contents.infra .section .numArea .wrap span {
  font-size: 68px;
  font-weight: 400;
  vertical-align: bottom;
}
#aboutBusiness #contents.infra .section .numArea .wrap span.txt {
  margin-left: 8px;
  font-size: 38px;
  font-weight: 600;
}
#aboutBusiness #contents.infra .section .numArea .wrap:nth-of-type(2) {
  margin-top: 120px;
}
#aboutBusiness #contents.infra .section .numArea:before {
  position: absolute;
  z-index: -1;
  content: "";
  display: block;
  width: 818px;
  height: 818px;
  border-radius: 50%;
  background: #f9f9f9;
  top: 28px;
  left: 398px;
}
#aboutBusiness #contents.infra .section .slideArea {
  padding-top: 150px;
}
#aboutBusiness #contents.infra .section .slideArea .standardSwiper {
  padding: 47px 0 62px 0;
  overflow: visible;
}
#aboutBusiness #contents.infra .section .slideArea .standardSwiper .swiper-wrapper .swiper-slide {
  width: 354px;
  height: 450px;
}
#aboutBusiness #contents.infra .section .slideArea .standardSwiper .swiper-wrapper .swiper-slide .front.img01 {
  background-image: url("../../static/images/about/infra-buy1.png");
}
#aboutBusiness #contents.infra .section .slideArea .standardSwiper .swiper-wrapper .swiper-slide .front.img02 {
  background-image: url("../../static/images/about/infra-buy2.png");
}
#aboutBusiness #contents.infra .section .slideArea .standardSwiper .swiper-wrapper .swiper-slide .front.img03 {
  background-image: url("../../static/images/about/infra-buy3.png");
}
#aboutBusiness #contents.infra .section .slideArea .standardSwiper .swiper-wrapper .swiper-slide .front.img04 {
  background-image: url("../../static/images/about/infra-buy4.png");
}
#aboutBusiness #contents.infra .section .slideArea .standardSwiper .swiper-wrapper .swiper-slide .front.img05 {
  background-image: url("../../static/images/about/infra-buy5.png");
}
#aboutBusiness #contents.infra .section .slideArea .standardSwiper .swiper-wrapper .swiper-slide .front.img06 {
  background-image: url("../../static/images/about/infra-buy6.png");
}
#aboutBusiness #contents.infra .section .slideArea .standardSwiper .swiper-pagination-progressbar {
  top: initial;
  bottom: 10px;
  left: 598px;
  width: 134px;
  border-radius: 4px;
}
#aboutBusiness #contents.infra .section .slideArea .standardSwiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #111;
  border-radius: 2px;
}
#aboutBusiness #contents.infra .section .slideArea .standardSwiper .swiper-pagination-fraction {
  width: auto;
  bottom: 0;
  left: 522px;
}
#aboutBusiness #contents.infra .section .slideArea .standardSwiper .swiper-pagination-fraction .current-number {
  font-weight: 600;
}
#aboutBusiness #contents.infra .section .slideArea .standardSwiper .swiper-pagination-fraction .total-number {
  color: #888;
}
#aboutBusiness #contents.infra .section.distribution .sub-title {
  padding: 100px 0 60px 0;
  text-align: center;
  font-size: 34px;
  font-weight: 500;
}
#aboutBusiness #contents.infra .section.distribution .icon-list {
  display: flex;
  flex-wrap: wrap;
  gap: 36px 180px;
}
#aboutBusiness #contents.infra .section.distribution .icon-list .wrap .icon-area {
  width: 86px;
  height: 86px;
  border-radius: 50%;
  font-size: 0;
  background-color: #fff1e3;
  background-repeat: no-repeat;
  background-position: center;
}
#aboutBusiness #contents.infra .section.distribution .icon-list .wrap .icon-area.icon01 {
  background-image: url("../../static/images/about/icon_distribution1.png");
}
#aboutBusiness #contents.infra .section.distribution .icon-list .wrap .icon-area.icon02 {
  background-image: url("../../static/images/about/icon_distribution2.png");
}
#aboutBusiness #contents.infra .section.distribution .icon-list .wrap .icon-area.icon03 {
  background-image: url("../../static/images/about/icon_distribution3.png");
}
#aboutBusiness #contents.infra .section.distribution .icon-list .wrap .icon-area.icon04 {
  background-image: url("../../static/images/about/icon_distribution4.png");
}
#aboutBusiness #contents.infra .section.distribution .icon-list .wrap .desc-wrap {
  margin-top: 28px;
  padding-top: 36px;
  display: flex;
  gap: 57px;
  align-items: flex-start;
  border-top: 1px solid #dddddd;
}
#aboutBusiness #contents.infra .section.distribution .icon-list .wrap .desc-wrap strong {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.4em;
}
#aboutBusiness #contents.infra .section.distribution .process-wrap {
  height: 130px;
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process {
  margin: 0 auto;
  display: flex;
  width: 825px;
  height: 2px;
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process .step {
  /* step line, circle animation */
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process .step .step-process {
  position: relative;
  width: 100%;
  height: 2px;
  background: #ddd;
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process .step .step-process:after {
  position: absolute;
  content: "";
  width: 0;
  height: 2px;
  background: #ef7a00;
  transition-property: width;
  transition-duration: 0.3s;
  transition-timing-function: linear;
  transition-delay: 0s;
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process .step .icon-wrapper {
  position: relative;
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process .step .icon-wrapper .circle1 {
  transition-property: fill;
  transition-duration: 0.3s;
  transition-timing-function: linear;
  transition-delay: 0s;
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process .step .icon-marker {
  position: absolute;
  top: -12px;
  left: 0;
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process .step .txt-wrap {
  width: 160px;
  margin-left: -40%;
  text-align: center;
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process .step .txt-wrap .step-text {
  padding-top: 20px;
  font-size: 18px;
  font-weight: 600;
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process .step .txt-wrap .step-text .icon {
  display: inline-block;
  margin: -3px 2px 0 0;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process .step .txt-wrap .step-text .icon.icon01 {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_6289_56512' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_6289_56512)'%3E%3Cpath d='M17.3227 18.599L16.6573 17.9336C16.5702 17.849 16.4664 17.8067 16.3458 17.8067C16.2253 17.8067 16.1227 17.849 16.0381 17.9336C15.9534 18.0183 15.9111 18.1215 15.9111 18.2435C15.9111 18.3655 15.9534 18.4718 16.0381 18.5625L16.9304 19.4548C17.0509 19.5753 17.1916 19.6314 17.3525 19.623C17.5134 19.6147 17.6541 19.5503 17.7746 19.4298L19.9611 17.1336C20.0457 17.0323 20.0896 16.9258 20.0928 16.814C20.096 16.7022 20.0438 16.6016 19.9361 16.5121C19.8348 16.429 19.73 16.3917 19.6217 16.4C19.5134 16.4083 19.4169 16.4548 19.3323 16.5394L17.3227 18.599ZM8.23421 9.45861H15.765C15.9494 9.45861 16.1039 9.3969 16.2283 9.27349C16.3527 9.15009 16.4149 8.99689 16.4149 8.81389C16.4149 8.6309 16.2902 8.47595 16.0408 8.34904C15.7914 8.2221 15.5937 8.15864 15.4476 8.15864H8.23421C8.04973 8.15864 7.89528 8.22035 7.77086 8.34376C7.64644 8.46718 7.58423 8.62038 7.58423 8.80336C7.58423 8.98636 7.64644 9.14132 7.77086 9.26824C7.89528 9.39515 8.04973 9.45861 8.23421 9.45861ZM17.9939 22.3509C16.799 22.3509 15.7845 21.932 14.9506 21.0943C14.1166 20.2566 13.6996 19.2402 13.6996 18.0453C13.6996 16.8503 14.1185 15.8359 14.9562 15.0019C15.794 14.1679 16.8103 13.751 18.0052 13.751C19.2002 13.751 20.2146 14.1698 21.0486 15.0076C21.8826 15.8453 22.2996 16.8617 22.2996 18.0566C22.2996 19.2515 21.8807 20.266 21.0429 21.0999C20.2052 21.9339 19.1889 22.3509 17.9939 22.3509ZM4.09961 20.8913V5.70096C4.09961 5.25725 4.25663 4.87837 4.57068 4.56434C4.88472 4.25029 5.26359 4.09326 5.70731 4.09326H18.2919C18.7356 4.09326 19.1145 4.25029 19.4285 4.56434C19.7425 4.87837 19.8996 5.25725 19.8996 5.70096V11.8105C19.6931 11.7388 19.4829 11.684 19.2689 11.6461C19.0549 11.6083 18.8318 11.5791 18.5996 11.5586V5.70096C18.5996 5.62403 18.5675 5.5535 18.5034 5.48939C18.4393 5.42529 18.3688 5.39324 18.2919 5.39324H5.70731C5.63038 5.39324 5.55985 5.42529 5.49573 5.48939C5.43163 5.5535 5.39958 5.62403 5.39958 5.70096V18.5932H11.5342C11.565 18.9714 11.6307 19.3426 11.7314 19.7067C11.8321 20.0708 11.967 20.4163 12.1361 20.7432L11.9861 20.8432C11.9348 20.8368 11.8935 20.8333 11.8621 20.8326C11.8307 20.832 11.7926 20.8176 11.7479 20.7896L10.8938 20.2605C10.8294 20.2195 10.7584 20.199 10.6811 20.199C10.6037 20.199 10.5297 20.2195 10.4592 20.2605L9.57073 20.8394C9.50628 20.8804 9.43537 20.9009 9.35798 20.9009C9.2806 20.9009 9.20665 20.8804 9.13614 20.8394L8.24768 20.2605C8.18323 20.2195 8.11231 20.199 8.03491 20.199C7.95753 20.199 7.88358 20.2195 7.81306 20.2605L6.92461 20.8394C6.86016 20.8804 6.78923 20.9009 6.71183 20.9009C6.63445 20.9009 6.5605 20.8804 6.48998 20.8394L5.60153 20.2605C5.53708 20.2195 5.46617 20.199 5.38878 20.199C5.31138 20.199 5.23743 20.2195 5.16693 20.2605L4.30153 20.8394C4.2823 20.8522 4.21499 20.8695 4.09961 20.8913ZM8.23421 15.8278H11.8265C11.9035 15.5778 12.0015 15.3503 12.1208 15.1452C12.24 14.94 12.372 14.7343 12.5169 14.5279H8.23421C8.04973 14.5279 7.89528 14.5896 7.77086 14.713C7.64644 14.8364 7.58423 14.9896 7.58423 15.1726C7.58423 15.3556 7.64644 15.5105 7.77086 15.6374C7.89528 15.7644 8.04973 15.8278 8.23421 15.8278ZM8.23421 12.6432H14.29C14.5695 12.4727 14.8422 12.3173 15.1082 12.1769C15.3742 12.0365 15.6592 11.9003 15.963 11.7683C15.913 11.6016 15.8415 11.4891 15.7486 11.4308C15.6556 11.3724 15.5532 11.3433 15.4414 11.3433H8.23421C8.04973 11.3433 7.89528 11.405 7.77086 11.5284C7.64644 11.6518 7.58423 11.805 7.58423 11.988C7.58423 12.171 7.64644 12.3259 7.77086 12.4528C7.89528 12.5798 8.04973 12.6432 8.23421 12.6432Z' fill='%23111111'/%3E%3C/g%3E%3C/svg%3E%0A");
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process .step .txt-wrap .step-text .icon.icon02 {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_6292_62443' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_6292_62443)'%3E%3Cpath d='M8.95382 11.3537L11.1711 9.12104L9.4442 7.37872L8.31535 8.50757L7.26153 7.45374L8.375 6.32489L6.8365 4.78639L4.6038 7.01909L8.95382 11.3537ZM16.9711 19.3864L19.2038 17.1537L17.6653 15.6152L16.5365 16.7287L15.4827 15.6749L16.5961 14.546L14.8634 12.8287L12.6461 15.046L16.9711 19.3864ZM7.2019 20.4998H3.5V16.7979L7.88462 12.4133L2.5 7.01909L6.8365 2.68262L12.2557 8.09222L16.3769 3.95567C16.532 3.80053 16.7026 3.68579 16.8885 3.61144C17.0743 3.53708 17.2686 3.49989 17.4711 3.49989C17.6737 3.49989 17.8679 3.53708 18.0538 3.61144C18.2397 3.68579 18.4102 3.80053 18.5653 3.95567L20.0442 5.47874C20.1993 5.63388 20.3125 5.80438 20.3836 5.99027C20.4548 6.17617 20.4903 6.3704 20.4903 6.57297C20.4903 6.77552 20.4548 6.96558 20.3836 7.14314C20.3125 7.32069 20.1993 7.48703 20.0442 7.64217L15.9422 11.7691L21.3172 17.1633L16.9808 21.4998L11.5865 16.1152L7.2019 20.4998ZM4.99997 18.9999H6.56345L16.3731 9.20564L14.7942 7.62677L4.99997 17.4364V18.9999ZM15.5961 8.41909L14.7942 7.62677L16.3731 9.20564L15.5961 8.41909Z' fill='%23111111'/%3E%3C/g%3E%3C/svg%3E ");
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process .step .txt-wrap .step-text .icon.icon03 {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_6292_62492' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_6292_62492)'%3E%3Cpath d='M8.00045 16.75C7.78795 16.75 7.60983 16.6781 7.4661 16.5343C7.32235 16.3904 7.25047 16.2122 7.25047 15.9997C7.25047 15.7871 7.32235 15.609 7.4661 15.4654C7.60983 15.3218 7.78795 15.25 8.00045 15.25H11.7216C11.3601 14.9282 11.0684 14.5532 10.8466 14.125C10.6248 13.6968 10.4787 13.2384 10.4082 12.75H5.48122C5.26872 12.75 5.0906 12.6781 4.94685 12.5343C4.8031 12.3904 4.73122 12.2122 4.73122 11.9997C4.73122 11.7871 4.8031 11.609 4.94685 11.4654C5.0906 11.3218 5.26872 11.25 5.48122 11.25H10.4082C10.4851 10.7615 10.6328 10.3032 10.8514 9.87498C11.07 9.44676 11.3601 9.07175 11.7216 8.74995H5.00045C4.78795 8.74995 4.60983 8.67805 4.4661 8.53425C4.32235 8.39043 4.25047 8.21223 4.25047 7.99965C4.25047 7.78705 4.32235 7.60896 4.4661 7.46538C4.60983 7.32179 4.78795 7.25 5.00045 7.25H15.0966C16.4108 7.25 17.531 7.71298 18.4572 8.63895C19.3835 9.56492 19.8466 10.6848 19.8466 11.9986C19.8466 13.3123 19.3835 14.4327 18.4572 15.3596C17.531 16.2865 16.4108 16.75 15.0966 16.75H8.00045ZM15.0977 15.25C16.0008 15.25 16.7681 14.9339 17.3995 14.3018C18.0309 13.6696 18.3466 12.902 18.3466 11.9989C18.3466 11.0958 18.0305 10.3285 17.3984 9.69707C16.7662 9.06566 15.9986 8.74995 15.0955 8.74995C14.1924 8.74995 13.4251 9.06603 12.7937 9.6982C12.1623 10.3304 11.8466 11.098 11.8466 12.0011C11.8466 12.9042 12.1627 13.6715 12.7948 14.3029C13.427 14.9343 14.1946 15.25 15.0977 15.25ZM4.9043 16.75C4.6918 16.75 4.51367 16.6781 4.36992 16.5343C4.22617 16.3904 4.1543 16.2122 4.1543 15.9997C4.1543 15.7871 4.22617 15.609 4.36992 15.4654C4.51367 15.3218 4.6918 15.25 4.9043 15.25H5.11585C5.32833 15.25 5.50645 15.3219 5.6502 15.4657C5.79395 15.6095 5.86582 15.7877 5.86582 16.0003C5.86582 16.2129 5.79395 16.391 5.6502 16.5346C5.50645 16.6782 5.32833 16.75 5.11585 16.75H4.9043Z' fill='%23111111'/%3E%3C/g%3E%3C/svg%3E");
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process .step .txt-wrap .step-text .icon.icon04 {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_6292_62504' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_6292_62504)'%3E%3Cpath d='M2.5 21.5001V10.3117L8.49995 7.75977V9.74054L13.5 7.74054V10.5001H21.5V21.5001H2.5ZM3.99998 20.0001H20V12.0001H12V9.95009L6.99998 11.9501V10.0001L3.99998 11.3251V20.0001ZM11.1154 17.7693H12.8846V14.2309H11.1154V17.7693ZM7.11538 17.7693H8.88458V14.2309H7.11538V17.7693ZM15.1154 17.7693H16.8846V14.2309H15.1154V17.7693ZM21.5 10.5001H17.4423L18.4423 2.88477H20.5576L21.5 10.5001Z' fill='%23111111'/%3E%3C/g%3E%3C/svg%3E");
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process .step .txt-wrap .step-text .icon.icon05 {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_6292_62519' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='24'%3E%3Crect x='0.5' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_6292_62519)'%3E%3Cpath d='M1.75 20.75V16.25H3.25V19.25H6.25V20.75H1.75ZM18.75 20.75V19.25H21.75V16.25H23.25V20.75H18.75ZM4.5 18V5.99998H6.5V18H4.5ZM7.5 18V5.99998H8.5V18H7.5ZM10.5 18V5.99998H12.5V18H10.5ZM13.5 18V5.99998H16.5V18H13.5ZM17.5 18V5.99998H18.5V18H17.5ZM19.5 18V5.99998H20.5V18H19.5ZM1.75 7.74995V3.25H6.25V4.74995H3.25V7.74995H1.75ZM21.75 7.74995V4.74995H18.75V3.25H23.25V7.74995H21.75Z' fill='%23111111'/%3E%3C/g%3E%3C/svg%3E");
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process .step .txt-wrap .step-text .icon.icon06 {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_6292_62534' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_6292_62534)'%3E%3Cpath d='M12 21.5C10.7513 21.5 9.6891 21.0621 8.81345 20.1865C7.93782 19.3109 7.5 18.2487 7.5 17C7.5 16.2384 7.67661 15.5327 8.02982 14.8827C8.38302 14.2327 8.87308 13.6949 9.5 13.2692V4.99998C9.5 4.30128 9.74198 3.70993 10.226 3.22595C10.7099 2.74198 11.3013 2.5 12 2.5C12.6987 2.5 13.29 2.74198 13.774 3.22595C14.258 3.70993 14.5 4.30128 14.5 4.99998V13.2692C15.1269 13.6949 15.6169 14.2327 15.9701 14.8827C16.3233 15.5327 16.5 16.2384 16.5 17C16.5 18.2487 16.0621 19.3109 15.1865 20.1865C14.3109 21.0621 13.2487 21.5 12 21.5ZM11 11.1923H13V9.94228H12V9.05768H13V6.94228H12V6.05768H13V4.99998C13 4.71664 12.9041 4.47914 12.7125 4.28748C12.5208 4.09581 12.2833 3.99998 12 3.99998C11.7166 3.99998 11.4791 4.09581 11.2875 4.28748C11.0958 4.47914 11 4.71664 11 4.99998V11.1923Z' fill='%23111111'/%3E%3C/g%3E%3C/svg%3E");
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process .step .txt-wrap .desc {
  margin: 14px 0 0 0;
  font-size: 16px;
  color: #888;
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process .step.current .step-process:after {
  width: 100%;
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process .step.current .icon-wrapper .circle1 {
  fill: #ef7a00;
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process .step:nth-of-type(1) .step-process:after {
  transition-delay: 0s;
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process .step:nth-of-type(1) .icon-wrapper .circle1 {
  transition-delay: 0s;
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process .step:nth-of-type(2) .step-process:after {
  transition-delay: 0.3s;
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process .step:nth-of-type(2) .icon-wrapper .circle1 {
  transition-delay: 0.3s;
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process .step:nth-of-type(3) .step-process:after {
  transition-delay: 0.6s;
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process .step:nth-of-type(3) .icon-wrapper .circle1 {
  transition-delay: 0.6s;
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process .step:nth-of-type(4) .step-process:after {
  transition-delay: 0.9s;
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process .step:nth-of-type(4) .icon-wrapper .circle1 {
  transition-delay: 0.9s;
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process .step:nth-of-type(5) .step-process:after {
  transition-delay: 1.2s;
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process .step:nth-of-type(5) .icon-wrapper .circle1 {
  transition-delay: 1.2s;
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process .step:nth-of-type(6) .step-process:after {
  transition-delay: 1.5s;
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process .step:nth-of-type(6) .icon-wrapper .circle1 {
  transition-delay: 1.5s;
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process.current .step-process:after {
  width: 100%;
}
#aboutBusiness #contents.infra .section.distribution .process-wrap .process.current .icon-wrapper .circle1 {
  fill: #ef7a00;
}
#aboutBusiness #contents.brand .title {
  display: block;
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.4em;
}
#aboutBusiness #contents.brand .section .brand {
  position: relative;
}
#aboutBusiness #contents.brand .section .brand + .brand {
  margin-top: 150px;
}
#aboutBusiness #contents.brand .section .brand .bg-txt {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  font-size: 200px;
  font-weight: 700;
  color: #f9f9f9;
  line-height: 1em;
}
#aboutBusiness #contents.brand .section .brand .info {
  display: flex;
  justify-content: space-between;
}
#aboutBusiness #contents.brand .section .brand .info .engTitle {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.5px;
  line-height: 1.3em;
}
#aboutBusiness #contents.brand .section .brand .info .korTitle {
  display: block;
  font-size: 70px;
  font-weight: 700;
  letter-spacing: -1.9px;
  line-height: 1.3em;
}
#aboutBusiness #contents.brand .section .brand .info .desc {
  padding-top: 26px;
  font-size: 24px;
  font-weight: 500;
  color: #888;
  letter-spacing: -0.5px;
}
#aboutBusiness #contents.brand .section .brand .info .desc + .desc {
  padding-top: 24px;
}
#aboutBusiness #contents.brand .section .brand.brand01 .bg-txt {
  width: 1837px;
  left: 153px;
  top: 314px;
}
#aboutBusiness #contents.brand .section .brand.brand01 .card-frame {
  width: 1524px;
  margin-top: 176px;
}
#aboutBusiness #contents.brand .section .brand.brand01 .card-frame .front.img01 {
  background-image: url("../../static/images/about/brand2-img1.png");
}
#aboutBusiness #contents.brand .section .brand.brand01 .card-frame .front.img02 {
  background-image: url("../../static/images/about/brand1-img2.png");
}
#aboutBusiness #contents.brand .section .brand.brand01 .card-frame .front.img03 {
  background-image: url("../../static/images/about/brand1-img3.png");
}
#aboutBusiness #contents.brand .section .brand.brand01 .card-frame .front.img04 {
  background-image: url("../../static/images/about/brand1-img4.png");
}
#aboutBusiness #contents.brand .section .brand.brand02 .bg-txt {
  width: 1208px;
  left: 437px;
  top: 276px;
}
#aboutBusiness #contents.brand .section .brand.brand02 .card-frame {
  margin-top: 190px;
  justify-content: center;
}
#aboutBusiness #contents.brand .section .brand.brand02 .card-frame .front.img01 {
  background-image: url("../../static/images/about/brand1-img1.png");
}
#aboutBusiness #contents.brand .section .brand.brand02 .card-frame .front.img02 {
  background-image: url("../../static/images/about/brand2-img2.png");
}
#aboutBusiness #contents.brand .section .brand.brand02 .card-frame .front.img03 {
  background-image: url("../../static/images/about/brand2-img3.png");
  background-size: 400px auto;
  background-position-y: -60px;
}
#aboutBusiness #contents.brand .section .brand.brand03 .bg-txt {
  width: 916px;
  left: 635px;
  top: 300px;
}
#aboutBusiness #contents.brand .section .brand.brand03 .ourkidsSwiper {
  width: 1600px;
  margin-top: 176px;
}
#aboutBusiness #contents.brand .section .brand.brand03 .card-frame .front.img01 {
  background-image: url("../../static/images/about/brand3-img1.png");
}
#aboutBusiness #contents.brand .section .brand.brand03 .card-frame .front.img02 {
  background-image: url("../../static/images/about/brand3-img2.png");
}
#aboutBusiness #contents.brand .section .brand.brand03 .card-frame .front.img03 {
  background-image: url("../../static/images/about/brand3-img3.png");
}
#aboutBusiness #contents.brand .section .brand.brand03 .card-frame .front.img04 {
  background-image: url("../../static/images/about/brand3-img4.png");
}
#aboutBusiness #contents.brand .section .brand.brand03 .card-frame .front.img05 {
  background-image: url("../../static/images/about/brand3-img5.png");
}
#aboutBusiness #contents.brand .section .brand.brand03 .slideArea {
  position: relative;
}
#aboutBusiness #contents.brand .section .brand.brand03 .slideArea .bg-txt {
  left: -82px;
  top: 223px;
}
#aboutBusiness #contents.brand .section .brand.brand04 .card-area {
  position: relative;
  margin-top: 150px;
}
#aboutBusiness #contents.brand .section .brand.brand04 .card-area + .category {
  margin-top: 248px;
}
#aboutBusiness #contents.brand .section .brand.brand04 .card-area.category .card-frame {
  height: auto;
}
#aboutBusiness #contents.brand .section .brand.brand04 .card-area.category .card-frame .card {
  width: 180px;
  height: 245px;
}
#aboutBusiness #contents.brand .section .brand.brand04 .card-area.category .card-frame .card .imgArea {
  width: 180px;
  height: 182px;
}
#aboutBusiness #contents.brand .section .brand.brand04 .card-area.category .card-frame .card .imgArea img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
#aboutBusiness #contents.brand .section .brand.brand04 .card-area.category .card-frame .card strong {
  display: block;
  padding-top: 24px;
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.4em;
}
#aboutBusiness #contents.brand .section .brand.brand04 .card-area .card-frame {
  margin-top: 50px;
  justify-content: center;
}
#aboutBusiness #contents.brand .section .brand.brand04 .card-area .card-frame .front.img01 {
  background-image: url("../../static/images/about/brand4-img1.png");
}
#aboutBusiness #contents.brand .section .brand.brand04 .card-area .card-frame .front.img02 {
  background-image: url("../../static/images/about/brand4-img2.png");
}
#aboutBusiness #contents.brand .section .brand.brand04 .card-area .card-frame .front.img03 {
  background-image: url("../../static/images/about/brand4-img3.png");
}
#aboutBusiness #contents.brand .section .brand.brand04 .card-area .bg-txt {
  left: 622px;
  top: initial;
  bottom: -115px;
}
#aboutBusiness #contents.brand .section .brand.brand05 .frame-area {
  padding-top: 60px;
  display: flex;
  gap: 80px;
  justify-content: center;
}
#aboutBusiness #contents.brand .section .brand.brand05 .frame-area .frame .btnTypeB {
  display: block;
  margin: 0 auto;
  width: 154px;
  border: 1px solid #ddd;
  border-radius: 6px;
}
#aboutBusiness #contents.brand .section .brand.brand05 .frame-area .frame .btnTypeB .icon {
  display: inline-block;
  margin: -2px 0 0 0;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.269356 12.4455C-0.0897853 12.8011 -0.0897853 13.3757 0.269356 13.7313C0.631162 14.0896 1.21982 14.0896 1.58162 13.7313L7.73065 7.64291C8.08979 7.28731 8.08979 6.7127 7.73065 6.35709L1.58162 0.268685C1.21982 -0.0895548 0.631162 -0.0895548 0.269356 0.268685C-0.0897853 0.624286 -0.0897853 1.1989 0.269356 1.5545L5.76907 7L0.269356 12.4455Z' fill='%23111'/%3E%3C/svg%3E%0A") no-repeat center/6px 13px;
  vertical-align: middle;
}
#aboutBusiness #contents.brand .section .brand .card-frame .front .desc-wrap {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0;
  width: 286px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#aboutBusiness #contents.brand .section .brand .card-frame .front .desc-wrap strong {
  padding: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 1em;
}
#aboutBusiness #contents.brand .section .brand .card-frame .front .desc-wrap button {
  margin: 0;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
}
#aboutBusiness #contents.brand .section .brand .card-frame .back .desc-wrap {
  padding-top: 120px;
}
#aboutBusiness #contents.brand .section .brand .card-frame .back .desc-wrap strong {
  font-size: 18px;
  font-weight: 700;
}
#aboutBusiness #contents.brand .section .brand .card-frame .back .desc-wrap .desc {
  padding-top: 12px;
  font-size: 24px;
  font-weight: 400;
  color: #888;
  letter-spacing: -0.5px;
}
#aboutBusiness #contents.brand .section .brand .card-frame .back .desc-wrap .blt-list li {
  word-break: keep-all;
  font-size: 18px;
}
#aboutBusiness #contents.brand .section .brand .card-frame .back .desc-wrap.typeA .desc {
  font-size: 18px;
}
#aboutBusiness #contents.brand .section .brand .card-frame .back .desc-wrap.typeA .blt-list li {
  font-size: 16px;
}
#aboutBusiness #contents.brand .section .brand .card-frame .back button {
  margin: 0;
  position: absolute;
  bottom: 20px;
  right: 26px;
}
#aboutBusiness #contents.brand .section .brand .card-frame .back button:before, #aboutBusiness #contents.brand .section .brand .card-frame .back button:after {
  background: #ef7a00;
}
#aboutBusiness #contents.brand .section .brand .slideArea {
  padding-top: 150px;
}
#aboutBusiness #contents.brand .section .brand .slideArea .kidsbrandSwiper {
  margin-top: 143px;
  overflow: hidden;
  position: relative;
}
#aboutBusiness #contents.brand .section .brand .slideArea .kidsbrandSwiper .swiper-pagination-progressbar {
  top: initial;
  bottom: 10px;
  left: 68%;
  z-index: 10;
  width: 160px;
  border-radius: 4px;
}
#aboutBusiness #contents.brand .section .brand .slideArea .kidsbrandSwiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #111;
  border-radius: 2px;
}
#aboutBusiness #contents.brand .section .brand .slideArea .kidsbrandSwiper .swiper-pagination-fraction {
  width: auto;
  bottom: 0;
  left: calc(50% + 160px);
}
#aboutBusiness #contents.brand .section .brand .slideArea .kidsbrandSwiper .swiper-pagination-fraction .current-number {
  font-weight: 600;
}
#aboutBusiness #contents.brand .section .brand .slideArea .kidsbrandSwiper .swiper-pagination-fraction .total-number {
  color: #888;
}
#aboutBusiness #contents.brand .section .brand .slideArea .kidsbrandSwiper .swiper-slide {
  display: flex;
  gap: 54px;
  justify-content: center;
}
#aboutBusiness #contents.brand .section .brand .slideArea .kidsbrandSwiper .swiper-slide .imgArea {
  width: 536px;
  height: 536px;
  border-radius: 25px;
  overflow: hidden;
}
#aboutBusiness #contents.brand .section .brand .slideArea .kidsbrandSwiper .swiper-slide .imgArea img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
#aboutBusiness #contents.brand .section .brand .slideArea .kidsbrandSwiper .swiper-slide .descArea p {
  padding-top: 65px;
  font-size: 18px;
  font-weight: 600;
  color: #ef7a00;
}
#aboutBusiness #contents.brand .section .brand .slideArea .kidsbrandSwiper .swiper-slide .descArea strong {
  display: block;
  padding-top: 20px;
  text-align: left;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -0.8px;
}
#aboutBusiness #contents.brand .section .brand .slideArea .kidsbrandSwiper .swiper-slide .descArea .desc {
  padding-top: 36px;
  font-size: 18px;
  font-weight: 500;
  color: #888;
}
#aboutBusiness #contents.brand .section .brand .slideArea .kidsbrandSwiper .swiper-slide .descArea .blt-list {
  padding-top: 26px;
}

.competitiveList {
  display: flex;
  gap: 25px;
}
.competitiveList li {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 275px;
  height: 600px;
  border-radius: 20px;
  overflow: hidden;
  transition: 0.2s;
  transition-timing-function: linear;
}
.competitiveList li strong {
  display: block;
  position: relative;
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  line-height: 135%;
  letter-spacing: -1.008px;
  color: #fff;
  z-index: 1;
  transition: 0.3s;
  opacity: 1;
}
.competitiveList li p {
  position: absolute;
  padding: 19px 37px;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.552px;
  transform: translateY(100%);
  transition: 0.3s;
  transition-delay: 0s;
}
.competitiveList li.item1 {
  background: url(/static/images/about/competitive1.png) no-repeat 50%/cover;
}
.competitiveList li.item2 {
  background: url(/static/images/about/competitive2.png) no-repeat 50%/cover;
}
.competitiveList li.item3 {
  background: url(/static/images/about/competitive3.png) no-repeat 50%/cover;
}
.competitiveList li.item4 {
  background: url(/static/images/about/competitive4.png) no-repeat 50%/cover;
}
.competitiveList li.item5 {
  background: url(/static/images/about/competitive5.png) no-repeat 50%/cover;
}
.competitiveList li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(116deg, rgba(0, 0, 0, 0.1) 64.23%, rgba(0, 0, 0, 0) 104.04%);
}
.competitiveList.on li {
  width: 140px;
}
.competitiveList.on li strong {
  opacity: 0;
}
.competitiveList.on li.on {
  width: 620px;
  padding-bottom: 30px;
}
.competitiveList.on li.on strong {
  opacity: 1;
}
.competitiveList.on li.on p {
  transform: translateY(0);
  transition-delay: 0.3s;
}

/*# sourceMappingURL=about.css.map */