@keyframes kvZoomOut {
  0% {
    transform: scale(1.7);
    animation-timing-function: cubic-bezier(0.4, 0.1, 0.6, 0.967214);
  }
  20.5479452055% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1.3049206);
  }
}
@keyframes kvZoomOutExit {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.8235);
  }
}
.renewalMain .section {
  padding: 0 50px;
  font-family: Pretendard, sans-serif;
}
.renewalMain .section h2, .renewalMain .section h3, .renewalMain .section h4, .renewalMain .section h5 {
  font-family: inherit;
}
.renewalMain .section br.pc {
  display: block;
}
.renewalMain .section br.tb {
  display: none;
}
.renewalMain .section br.mo {
  display: none;
}
.renewalMain .section.sec03 .inner, .renewalMain .section.sec05 .inner, .renewalMain .section.sec06 .inner {
  padding: 160px 0;
}
.renewalMain .section.sec03 .inner .content, .renewalMain .section.sec05 .inner .content, .renewalMain .section.sec06 .inner .content {
  max-width: 1380px;
  margin: 0 auto;
}
.renewalMain .section.sec03 .inner {
  padding-bottom: 132px;
}
.renewalMain .section.sec06 .inner {
  padding-bottom: 220px;
}
.renewalMain .section .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.renewalMain .section .titleWrap span,
.renewalMain .section .titleBox p {
  font-size: 18px;
  font-weight: 700;
  line-height: 148%; /* 26.64px */
  text-transform: uppercase;
}
.renewalMain .section .titleWrap h3,
.renewalMain .section .titleBox h4, .renewalMain .section.sec02 .textArea h3 {
  font-size: 56px;
  font-weight: 700;
  line-height: 124%; /* 69.44px */
  letter-spacing: -0.015em;
}
.renewalMain .section .titleWrap p,
.renewalMain .section .textArea p,
.renewalMain .section .btnWrap p {
  font-size: 18px;
  font-weight: 300;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.02em;
}
.renewalMain .section .textArea strong {
  font-size: 24px;
  font-weight: 700;
  line-height: 136%; /* 32.64px */
  letter-spacing: -0.015em;
}
.renewalMain .section .titleWrap .linkBtn,
.renewalMain .section .viewMore {
  gap: 12px;
  padding: 16px 28px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.015em;
  position: relative;
}
.renewalMain .section .titleWrap .linkBtn::before,
.renewalMain .section .viewMore::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  min-width: 44px;
  min-height: 44px;
  transform: translate(-50%, -50%);
}
.renewalMain .section .titleWrap .linkBtn .arrow,
.renewalMain .section .viewMore:after {
  width: 16px;
  height: 16px;
}
.renewalMain .section .linkBtn .arrow,
.renewalMain .section .viewMore:after {
  background: currentColor;
  mask: url("/images/icon/icon_arrow_right_black.svg") no-repeat center/contain;
  -webkit-mask: url("/images/icon/icon_arrow_right_black.svg") no-repeat center/contain;
  transition: background-color 0.4s ease-out;
}
.renewalMain .section .titleWrap .linkBtn,
.renewalMain .section .linkBtn.mo,
.renewalMain .section .viewMore {
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 0 100%;
  transition: background-size 0.4s ease-out, color 0.4s ease-out;
}
@media (hover: hover) {
  .renewalMain .section .titleWrap .linkBtn:hover,
  .renewalMain .section .linkBtn.mo:hover,
  .renewalMain .section .viewMore:hover {
    background-size: 100% 100%;
  }
}
.renewalMain .section .linkBtn {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: fit-content;
  line-height: 148%; /* 20.72px */
  color: #fff;
  border: 1px solid #fff;
}
.renewalMain .section .linkBtn.pc, .renewalMain .section .linkBtn.mo {
  background-image: linear-gradient(#fff, #fff);
}
@media (hover: hover) {
  .renewalMain .section .linkBtn.pc:hover, .renewalMain .section .linkBtn.mo:hover {
    color: #1A1A1A;
  }
}
.renewalMain .section .linkBtn.pc {
  display: flex;
}
.renewalMain .section .linkBtn.mo {
  display: none;
}
.renewalMain .section .inner {
  position: relative;
  width: 100%;
}
.renewalMain .section .inner .titleWrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 16px;
  color: #1A1A1A;
}
.renewalMain .section .inner .titleWrap .title {
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 16px;
  color: #fff;
}
.renewalMain .section .inner .titleWrap .title p {
  color: #fff;
}
.renewalMain .section .inner .titleWrap span {
  margin-bottom: 8px;
}
.renewalMain .section .inner .titleWrap span.arrow {
  margin-bottom: 0;
}
.renewalMain .section .inner .titleWrap p {
  color: #555;
}
.renewalMain .section.sec04 .inner .titleWrap, .renewalMain .section.sec06 .inner .titleWrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}
.renewalMain .main {
  position: relative;
  width: 100%;
  padding: 0 50px 50px;
  overflow: hidden;
}
.renewalMain .main .renewalKv {
  position: relative;
  height: calc(100vh - 180px - 50px);
}
.renewalMain .main .renewalKv:not(.swiper-initialized) .imgBox img {
  transform: scale(1.7);
}
.renewalMain .main .swiper-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
}
.renewalMain .main .swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.renewalMain .main .swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.renewalMain .main .swiper-slide {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
}
.renewalMain .main .swiper-slide .imgBox {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.renewalMain .main .swiper-slide .imgBox picture {
  width: 100%;
  height: 100%;
}
.renewalMain .main .swiper-slide .imgBox picture img {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transform: scale(1);
  will-change: transform;
}
.renewalMain .main .swiper-slide .textBox {
  position: absolute;
  left: 50%;
  top: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-items: center;
  gap: 32px;
  color: #fff;
  text-align: center;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.renewalMain .main .swiper-slide .textBox h2 {
  position: relative;
  font-size: 72px;
  font-weight: 600;
  font-family: "Nanum Myeongjo";
  line-height: 136%;
  letter-spacing: -0.0633em;
  opacity: 0;
  transform: translateY(24px);
}
.renewalMain .main .swiper-slide .textBox h2 span {
  position: relative;
  display: inline-block;
}
.renewalMain .main .swiper-slide .textBox h2 span:after {
  content: "";
  width: 100%;
  height: 4px;
  background-color: currentColor;
  position: absolute;
  left: 0;
  bottom: 6px;
  transform: scaleX(0);
  transform-origin: left center;
}
.renewalMain .main .swiper-slide .textBox p {
  font-family: Pretendard;
  font-size: 22px;
  font-weight: 500;
  line-height: 136%; /* 29.92px */
  letter-spacing: -0.015em;
  opacity: 0;
  transform: translateY(40px);
}
.renewalMain .main .swiper-slide.kvOn .imgBox img {
  animation: kvZoomOut 7.3s linear forwards;
}
.renewalMain .main .swiper-slide.kvOn .textBox h2 {
  animation: kvRiseUp 0.9s 1.2s ease-out forwards;
}
.renewalMain .main .swiper-slide.kvOn .textBox h2 span:after {
  animation: kvLineDraw 0.6s 2.1s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.renewalMain .main .swiper-slide.kvOn .textBox h2 span:nth-of-type(2):after {
  animation-delay: 2.7s;
}
.renewalMain .main .swiper-slide.kvOn .textBox p {
  animation: kvRiseUp 0.9s 3.3s ease-out forwards;
}
.renewalMain .main .swiper-slide.kvOut picture {
  animation: kvZoomOutExit 1.5s cubic-bezier(0.4, 0.1, 0.6, 0.967214) forwards;
}
.renewalMain .main .swiper-pagination {
  position: absolute;
  left: 50%;
  bottom: 64px;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  transform: translateX(-50%);
  z-index: 7;
}
.renewalMain .main .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  width: 76px;
  height: 76px;
  background-color: rgba(204, 204, 204, 0.3);
  backdrop-filter: blur(10px);
  border-radius: 999px;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.renewalMain .main .swiper-pagination .swiper-pagination-bullet img {
  width: 32px;
  height: 32px;
  object-fit: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease-out;
}
.renewalMain .main .swiper-pagination .swiper-pagination-bullet .on {
  opacity: 0;
}
.renewalMain .main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .off {
  opacity: 0;
}
.renewalMain .main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .on {
  opacity: 1;
}
.renewalMain .main .arrowWrap {
  position: absolute;
  right: 40px;
  bottom: 40px;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
}
.renewalMain .main .arrowWrap .circle {
  width: 92px;
  height: 92px;
  background: url("/images/main/circle_text.png") no-repeat center;
  animation: rotateCircle 20s linear infinite;
  background-size: cover;
}
.renewalMain .main .arrowWrap .arrow {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 32px;
  height: 32px;
  transform: translate(-50%, -50%);
  background: url("/images/icon/icon_arrowDown.svg") no-repeat center;
  background-size: cover;
  transition: all 0.3s;
}
@media (hover: hover) {
  .renewalMain .main .arrowWrap:hover .arrow {
    transform: translate(-50%, -40%);
    transition: all 0.3s;
  }
}
.renewalMain .sec01 {
  padding: 180px 50px;
}
.renewalMain .sec01 .textArea {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  gap: 188px;
  width: 100%;
  max-width: 1380px;
  margin: 0 auto;
}
.renewalMain .sec01 .textArea .title {
  color: #1A1A1A;
  font-size: 64px;
  font-weight: 700;
  line-height: 124%;
  letter-spacing: -0.015em;
}
.renewalMain .sec01 .textArea .title span {
  color: #116C40;
}
.renewalMain .sec01 .textArea .textBox {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 16px;
  margin-top: 158px;
}
.renewalMain .sec01 .textArea .textBox strong {
  color: #1A1A1A;
}
.renewalMain .sec01 .textArea .textBox p {
  color: #555;
}
.renewalMain .sec01 .loopWrap {
  --loop-gap: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--loop-gap);
  width: 100%;
  margin-top: 114px;
  overflow: hidden;
}
.renewalMain .sec01 .loopWrap .loopImg {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--loop-gap);
  flex-shrink: 0;
  width: max-content;
  animation: loopScroll 100s linear infinite;
}
.renewalMain .sec02 .inner {
  background: #264330;
  height: 71.875vw;
  overflow: hidden;
}
.renewalMain .sec02 .inner .textArea,
.renewalMain .sec02 .inner .imgBox {
  position: absolute;
}
.renewalMain .sec02 .inner .textArea {
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0.8333vw;
  color: #FFF;
}
.renewalMain .sec02 .inner .textArea h3 {
  font-size: 2.9167vw;
}
.renewalMain .sec02 .inner .textArea h4 {
  font-family: "Nanum Myeongjo";
  font-size: 2.7083vw;
  font-weight: 600;
  line-height: 124%; /* 64.48px */
  letter-spacing: -0.03em;
  text-decoration-line: underline;
  text-underline-position: from-font;
}
.renewalMain .sec02 .inner .textArea p {
  color: #A8B6AD;
  font-size: 0.9375vw;
}
.renewalMain .sec02 .inner .textArea strong {
  font-size: 1.25vw;
}
.renewalMain .sec02 .inner .textArea.text01 {
  top: 8.3333vw;
  left: 11.4583vw;
}
.renewalMain .sec02 .inner .textArea.text01 p {
  color: #FFF;
  font-weight: 700;
  text-transform: uppercase;
}
.renewalMain .sec02 .inner .textArea.text02 {
  top: 25.0521vw;
  left: 11.4583vw;
}
.renewalMain .sec02 .inner .textArea.text03 {
  top: 45.3125vw;
  right: 24.8438vw;
}
.renewalMain .sec02 .inner .imgBox picture {
  display: block;
  width: 100%;
  height: 100%;
}
.renewalMain .sec02 .inner .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.renewalMain .sec02 .inner .imgBox.img01 {
  top: 0;
  right: 17.0313vw;
  width: 38.75vw;
  height: 16.7188vw;
}
.renewalMain .sec02 .inner .imgBox.img02 {
  top: 8.6458vw;
  right: 7.3958vw;
  width: 35.9375vw;
  height: 17.1875vw;
}
.renewalMain .sec02 .inner .imgBox.img03 {
  top: 20.5208vw;
  right: 19.4792vw;
  width: 32.2917vw;
  height: 19.6875vw;
}
.renewalMain .sec02 .inner .imgBox.img04 {
  top: 45.3646vw;
  left: 15.5208vw;
  width: 32.3958vw;
  height: 22.5521vw;
}
.renewalMain .sec03 .inner .content {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  gap: 158px;
}
.renewalMain .sec03 .inner .content .viewMore {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #1A1A1A;
  color: #1A1A1A;
  z-index: 2;
  background-image: linear-gradient(#1A1A1A, #1A1A1A);
}
.renewalMain .sec03 .inner .content .viewMore:after {
  content: "";
}
@media (hover: hover) {
  .renewalMain .sec03 .inner .content .viewMore:hover {
    color: #fff;
  }
}
.renewalMain .sec03 .inner .content .left {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 64px;
}
.renewalMain .sec03 .inner .content .left .titleBox {
  color: #1A1A1A;
}
.renewalMain .sec03 .inner .content .left .titleBox p {
  margin-bottom: 16px;
}
.renewalMain .sec03 .inner .content .left .newTab {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 16px;
}
.renewalMain .sec03 .inner .content .left .newTab a {
  color: #1A1A1A;
  font-size: 32px;
  font-weight: 500;
  line-height: 136%; /* 43.52px */
  letter-spacing: -0.015em;
  position: relative;
}
.renewalMain .sec03 .inner .content .left .newTab a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  min-width: 44px;
  min-height: 44px;
  transform: translate(-50%, -50%);
}
.renewalMain .sec03 .inner .content .left .newTab a.active {
  color: #116C40;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
}
.renewalMain .sec03 .inner .content .newsList {
  display: none;
  flex: 1;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  padding-bottom: 60px;
}
.renewalMain .sec03 .inner .content .newsList.active {
  display: grid;
}
.renewalMain .sec03 .inner .content .newsList > *:nth-child(even) {
  transform: translateY(93px);
}
.renewalMain .sec03 .inner .content .newsList.swapOut {
  animation: newsSwapOut 0.16s ease-out both;
}
.renewalMain .sec03 .inner .content .newsList.swapIn {
  animation: newsSwapIn 0.36s ease-out both;
}
.renewalMain .sec03 .inner .content .newsCard {
  display: block;
}
.renewalMain .sec03 .inner .content .newsCard .thumb {
  width: 100%;
  height: 260px;
  overflow: hidden;
}
.renewalMain .sec03 .inner .content .newsCard .thumb img {
  transition: transform 0.5s ease-out;
}
.renewalMain .sec03 .inner .content .newsCard .text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 10px;
  margin-top: 20px;
  padding-bottom: 28px;
}
.renewalMain .sec03 .inner .content .newsCard strong {
  color: #1A1A1A;
  font-size: 22px;
  font-weight: 700;
  line-height: 136%;
  letter-spacing: -0.015em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.renewalMain .sec03 .inner .content .newsCard .date {
  font-size: 16px;
  font-weight: 300;
  line-height: 148%;
  color: #707070;
}
@media (hover: hover) {
  .renewalMain .sec03 .inner .content .newsCard:hover .thumb img {
    transform: scale(1.05);
  }
}
.renewalMain .sec03 .inner .content .newsList.newsRows {
  grid-template-columns: 1fr;
  align-content: start;
  gap: 0;
  padding-bottom: 86px;
  padding-top: 93px;
}
.renewalMain .sec03 .inner .content .newsList.newsRows > *:nth-child(even) {
  transform: none;
}
.renewalMain .sec03 .inner .content .newsRow {
  position: relative;
  padding: 36px 80px 36px 24px;
  border-bottom: 1px solid #E5E5E5;
}
.renewalMain .sec03 .inner .content .newsRow:first-child {
  border-top: 1px solid #E5E5E5;
}
.renewalMain .sec03 .inner .content .newsRow .textWrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 12px;
}
.renewalMain .sec03 .inner .content .newsRow strong {
  display: block;
  color: #1A1A1A;
  font-size: 22px;
  font-weight: 700;
  line-height: 136%;
  letter-spacing: -0.015em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.renewalMain .sec03 .inner .content .newsRow .date {
  font-size: 16px;
  font-weight: 300;
  line-height: 148%;
  color: #707070;
}
.renewalMain .sec03 .inner .content .newsRow:after {
  content: "";
  position: absolute;
  right: 24px;
  top: 50%;
  width: 32px;
  height: 32px;
  background: url("/images/icon/icon_arrow_right.svg") no-repeat center/cover;
  transform: translateY(-50%);
}
.renewalMain .sec04 .content {
  width: 100%;
  padding: 160px 0 154px clamp(40px, 11.4583vw, 220px);
  background: url("/images/main/sec04_bg.png") no-repeat;
  background-size: cover;
}
.renewalMain .sec04 .content[data-aos] {
  opacity: 0;
  transform: translateY(120px);
  transition-property: opacity, transform;
}
.renewalMain .sec04 .content[data-aos].aos-animate {
  opacity: 1;
  transform: none;
}
.renewalMain .sec04 .content .titleWrap {
  padding-right: 220px;
}
.renewalMain .sec04 .content .cooking {
  position: relative;
  margin-top: 80px;
}
.renewalMain .sec04 .content .cooking .cooking-swiper {
  position: relative;
  overflow: hidden;
}
.renewalMain .sec04 .content .cooking .swiper-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
}
.renewalMain .sec04 .content .cooking .swiper-wrapper .swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 24px;
  width: clamp(300px, (100% - clamp(40px, 11.4583vw, 220px) - 80px) / 3, 433px);
  flex-shrink: 0;
}
.renewalMain .sec04 .content .cooking .swiper-wrapper .swiper-slide .thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 433/280;
  overflow: hidden;
}
.renewalMain .sec04 .content .cooking .swiper-wrapper .swiper-slide .thumb img {
  position: absolute;
  inset: 0;
}
.renewalMain .sec04 .content .cooking .swiper-wrapper .swiper-slide .thumb .dim {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.15);
}
.renewalMain .sec04 .content .cooking .swiper-wrapper .swiper-slide .thumb .play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  background-color: rgba(204, 204, 204, 0.3);
  border-radius: 50%;
  backdrop-filter: blur(10px);
  transform: translate(-50%, -50%);
}
.renewalMain .sec04 .content .cooking .swiper-wrapper .swiper-slide .thumb .play:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 38px;
  height: 38px;
  background: url("/images/icon/icon_play_white.svg") no-repeat center/contain;
  transform: translate(-50%, -50%);
}
.renewalMain .sec04 .content .cooking .swiper-wrapper .swiper-slide p {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 136%; /* 27.2px */
  letter-spacing: -0.015em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.renewalMain .sec04 .content .cooking .controll {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 40px;
  margin-top: 48px;
  padding-right: 220px;
}
.renewalMain .sec04 .content .cooking .controll .swiper-pagination {
  position: relative;
  flex: 1;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
}
.renewalMain .sec04 .content .cooking .controll .swiper-pagination:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% / var(--pgTotal, 3));
  height: 100%;
  background-color: #116C40;
  border-radius: 100px;
  transform: translateX(calc(var(--pgIndex, 0) * 100%));
  transition: transform 0.7s ease-out;
}
.renewalMain .sec04 .content .cooking .controll .btnWrap {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}
.renewalMain .sec04 .content .cooking .controll .btnWrap .swiper-button {
  width: 16px;
  height: 16px;
  background: url("/images/icon/icon_chevron_right_white.svg") no-repeat center/contain;
  cursor: pointer;
}
.renewalMain .sec04 .content .cooking .controll .btnWrap .swiper-button.swiper-button-prev {
  transform: rotate(180deg);
}
.renewalMain .sec04 .content .cooking .controll .btnWrap p {
  color: #fff;
}
.renewalMain .sec04 .content .cooking .controll .btnWrap p strong {
  font-weight: 700;
  color: #fff;
}
.renewalMain .sec05 .inner .content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}
.renewalMain .sec05 .inner .content .shopWrap {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 589px;
  z-index: 2;
}
.renewalMain .sec05 .inner .content .shopWrap .linkBtn {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 12px;
  width: 100%;
  height: 280px;
  padding: 48px 40px 50px 56px;
  color: #fff;
  border: none;
  z-index: 10;
}
.renewalMain .sec05 .inner .content .shopWrap .linkBtn strong {
  font-size: 32px;
  font-weight: 700;
  line-height: 136%; /* 43.52px */
  letter-spacing: -0.015em;
}
.renewalMain .sec05 .inner .content .shopWrap .linkBtn p {
  font-size: 16px;
  font-weight: 300;
  line-height: 148%; /* 23.68px */
  letter-spacing: -0.015em;
}
.renewalMain .sec05 .inner .content .shopWrap .linkBtn span {
  width: fit-content;
  margin-top: 28px;
  padding: 10px 16px;
  color: #FFF;
  font-size: 12px;
  font-weight: 500;
  line-height: 148%; /* 17.76px */
  letter-spacing: -0.02em;
  text-transform: uppercase;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.renewalMain .sec05 .inner .content .shopWrap .linkBtn .icon {
  position: absolute;
  right: 40px;
  bottom: 0;
  width: 220px;
  height: 170px;
}
.renewalMain .sec05 .inner .content .shopWrap .linkBtn .icon.cart {
  background: url("/images/main/icon_cart.png") no-repeat center/cover;
}
.renewalMain .sec05 .inner .content .shopWrap .linkBtn .icon.deliver {
  background: url("/images/main/icon_deliver.png") no-repeat center/cover;
}
.renewalMain .sec05 .inner .content .shopWrap .linkBtn.brown {
  background-color: #BAAA84;
}
.renewalMain .sec05 .inner .content .shopWrap .linkBtn.green {
  background-color: #2C4F38;
}
.renewalMain .sec05 .inner .content .bgCow {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 922px;
  height: 438px;
  background: url("/images/main/sec05_cow.png") no-repeat center/cover;
  transform: translateX(-50%);
  z-index: 1;
}
.renewalMain .sec05 .inner .content .bgCow[data-aos] {
  opacity: 0;
  transform: translate(-50%, 60px);
  transition-property: opacity, transform;
}
.renewalMain .sec05 .inner .content .bgCow[data-aos].aos-animate {
  opacity: 1;
  transform: translate(-50%, 0);
}
.renewalMain .sec06 {
  margin-bottom: 50px;
}
.renewalMain .sec06 .inner {
  background-image: url("/images/main/sec06_text.png");
  background-color: #1A1A1A;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100%;
}
.renewalMain .sec06 .content .newsletter {
  margin-top: 64px;
  overflow: hidden;
}
.renewalMain .sec06 .content .newsletter .list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
}
.renewalMain .sec06 .content .newsletter .list li {
  flex-shrink: 0;
  border: 1px solid #404040;
}
.renewalMain .sec06 .content .newsletter .list li a {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 24px;
  padding: 32px;
}
.renewalMain .sec06 .content .newsletter .list li a .thumb {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 362px;
}
.renewalMain .sec06 .content .newsletter .list li a .text p {
  color: #FFF;
  font-size: 18px;
  font-weight: 300;
  line-height: 148%; /* 26.64px */
  letter-spacing: -0.015em;
}
@media only screen and (max-width: 1560px) {
  .renewalMain .section {
    padding: 0 3.2051vw;
  }
  .renewalMain .section br.pc {
    display: block;
  }
  .renewalMain .section br.tb {
    display: none;
  }
  .renewalMain .section br.mo {
    display: none;
  }
  .renewalMain .section.sec03 .inner, .renewalMain .section.sec05 .inner, .renewalMain .section.sec06 .inner {
    padding: 10.2564vw 0;
  }
  .renewalMain .section.sec03 .inner .content, .renewalMain .section.sec05 .inner .content, .renewalMain .section.sec06 .inner .content {
    max-width: 88.4615vw;
  }
  .renewalMain .section.sec03 .inner {
    padding-bottom: 8.4615vw;
  }
  .renewalMain .section.sec06 .inner {
    padding-bottom: 14.1026vw;
  }
  .renewalMain .section .titleWrap span,
  .renewalMain .section .titleBox p {
    font-size: 1.1538vw;
  }
  .renewalMain .section .titleWrap h3,
  .renewalMain .section .titleBox h4, .renewalMain .section.sec02 .textArea h3 {
    font-size: 3.5897vw;
  }
  .renewalMain .section .titleWrap p,
  .renewalMain .section .textArea p,
  .renewalMain .section .btnWrap p {
    font-size: 1.1538vw;
  }
  .renewalMain .section .textArea strong {
    font-size: 1.5385vw;
  }
  .renewalMain .section .titleWrap .linkBtn,
  .renewalMain .section .viewMore {
    gap: 0.7692vw;
    padding: 1.0256vw 1.7949vw;
    font-size: max(12px, 0.8974vw);
  }
  .renewalMain .section .titleWrap .linkBtn .arrow,
  .renewalMain .section .viewMore:after {
    width: 1.0256vw;
    height: 1.0256vw;
  }
  .renewalMain .section .linkBtn.pc {
    display: flex;
  }
  .renewalMain .section .linkBtn.mo {
    display: none;
  }
  .renewalMain .section .inner .titleWrap {
    gap: 1.0256vw;
  }
  .renewalMain .section .inner .titleWrap .title {
    gap: 1.0256vw;
  }
  .renewalMain .section .inner .titleWrap span {
    margin-bottom: 0.5128vw;
  }
  .renewalMain .main {
    padding: 0 3.2051vw 3.2051vw;
  }
  .renewalMain .main .renewalKv {
    height: calc(100vh - 180px - 3.2051vw);
  }
  .renewalMain .main .swiper-slide .textBox {
    gap: 2.0513vw;
  }
  .renewalMain .main .swiper-slide .textBox h2 {
    font-size: 4.6154vw;
    transform: translateY(1.5385vw);
  }
  .renewalMain .main .swiper-slide .textBox h2 span:after {
    height: 0.2564vw;
    bottom: 0.3846vw;
  }
  .renewalMain .main .swiper-slide .textBox p {
    font-size: 1.4103vw;
    transform: translateY(2.5641vw);
  }
  .renewalMain .main .swiper-pagination {
    bottom: 4.1026vw;
    gap: 1.2821vw;
  }
  .renewalMain .main .swiper-pagination .swiper-pagination-bullet {
    width: 4.8718vw;
    height: 4.8718vw;
    backdrop-filter: blur(0.641vw);
    border-radius: 64.0385vw;
  }
  .renewalMain .main .swiper-pagination .swiper-pagination-bullet img {
    position: absolute;
    width: 2.0513vw;
    height: 2.0513vw;
  }
  .renewalMain .main .arrowWrap {
    right: 2.5641vw;
    bottom: 2.5641vw;
    width: 6.4103vw;
    height: 6.4103vw;
  }
  .renewalMain .main .arrowWrap .circle {
    width: 5.8974vw;
    height: 5.8974vw;
  }
  .renewalMain .main .arrowWrap .arrow {
    width: 2.0513vw;
    height: 2.0513vw;
  }
  .renewalMain .sec01 {
    padding: 11.5385vw 3.2051vw;
  }
  .renewalMain .sec01 .textArea {
    gap: 12.0513vw;
    max-width: 88.4615vw;
  }
  .renewalMain .sec01 .textArea .title {
    font-size: 4.1026vw;
  }
  .renewalMain .sec01 .textArea .textBox {
    gap: 1.0256vw;
    margin-top: 10.1282vw;
  }
  .renewalMain .sec01 .loopWrap {
    --loop-gap: 1.2821vw;
    gap: var(--loop-gap);
    margin-top: 7.3077vw;
  }
  .renewalMain .sec01 .loopWrap .loopImg {
    gap: var(--loop-gap);
  }
  .renewalMain .sec02 .inner {
    height: 88.4615vw;
  }
  .renewalMain .sec02 .inner .textArea {
    gap: 1.0256vw;
  }
  .renewalMain .sec02 .inner .textArea h3 {
    font-size: 3.5897vw;
  }
  .renewalMain .sec02 .inner .textArea h4 {
    font-size: 3.3333vw;
  }
  .renewalMain .sec02 .inner .textArea p {
    font-size: 1.1538vw;
  }
  .renewalMain .sec02 .inner .textArea strong {
    font-size: 1.5385vw;
  }
  .renewalMain .sec02 .inner .textArea.text01 {
    top: 10.2564vw;
    left: 7.0513vw;
  }
  .renewalMain .sec02 .inner .textArea.text02 {
    top: 30.8333vw;
    left: 7.0513vw;
  }
  .renewalMain .sec02 .inner .textArea.text03 {
    top: 55.7692vw;
    right: 15.2885vw;
  }
  .renewalMain .sec02 .inner .imgBox.img01 {
    top: 0;
    right: 10.4487vw;
    width: 47.6923vw;
    height: 20.5769vw;
  }
  .renewalMain .sec02 .inner .imgBox.img02 {
    top: 10.641vw;
    right: 4.5513vw;
    width: 44.2308vw;
    height: 21.1538vw;
  }
  .renewalMain .sec02 .inner .imgBox.img03 {
    top: 25.2564vw;
    right: 11.9872vw;
    width: 39.7436vw;
    height: 24.2308vw;
  }
  .renewalMain .sec02 .inner .imgBox.img04 {
    top: 55.8333vw;
    left: 12.7564vw;
    width: 39.8718vw;
    height: 27.7564vw;
  }
  .renewalMain .sec03 .inner .content {
    gap: 10.1282vw;
  }
  .renewalMain .sec03 .inner .content .left {
    gap: 4.1026vw;
  }
  .renewalMain .sec03 .inner .content .left .titleBox p {
    margin-bottom: 1.0256vw;
  }
  .renewalMain .sec03 .inner .content .left .newTab {
    gap: 1.0256vw;
  }
  .renewalMain .sec03 .inner .content .left .newTab a {
    font-size: 2.0513vw;
  }
  .renewalMain .sec03 .inner .content .newsList {
    gap: 2.5641vw;
    padding-bottom: 3.8462vw;
  }
  .renewalMain .sec03 .inner .content .newsList > *:nth-child(even) {
    transform: translateY(5.9615vw);
  }
  .renewalMain .sec03 .inner .content .newsCard .thumb {
    height: 16.6667vw;
  }
  .renewalMain .sec03 .inner .content .newsCard .text {
    gap: 0.641vw;
    margin-top: 1.2821vw;
    padding-bottom: 1.7949vw;
  }
  .renewalMain .sec03 .inner .content .newsCard strong {
    font-size: 1.4103vw;
  }
  .renewalMain .sec03 .inner .content .newsCard .date {
    font-size: 1.0256vw;
  }
  .renewalMain .sec03 .inner .content .newsList.newsRows {
    padding-top: 5.9615vw;
    padding-bottom: 5.5128vw;
  }
  .renewalMain .sec03 .inner .content .newsRow {
    padding: 2.3077vw 5.1282vw 2.3077vw 1.5385vw;
  }
  .renewalMain .sec03 .inner .content .newsRow .textWrap {
    gap: 0.7692vw;
  }
  .renewalMain .sec03 .inner .content .newsRow strong {
    font-size: 1.4103vw;
  }
  .renewalMain .sec03 .inner .content .newsRow .date {
    font-size: 1.0256vw;
  }
  .renewalMain .sec03 .inner .content .newsRow:after {
    right: 1.5385vw;
    width: 2.0513vw;
    height: 2.0513vw;
  }
  .renewalMain .sec04 .content {
    padding: 10.2564vw 0 9.8718vw clamp(40px, 11.4583vw, 220px);
  }
  .renewalMain .sec04 .content .titleWrap {
    padding-right: 14.1026vw;
  }
  .renewalMain .sec04 .content .cooking {
    margin-top: 5.1282vw;
  }
  .renewalMain .sec04 .content .cooking .swiper-wrapper .swiper-slide {
    gap: 1.5385vw;
  }
  .renewalMain .sec04 .content .cooking .swiper-wrapper .swiper-slide p {
    font-size: 1.2821vw;
  }
  .renewalMain .sec04 .content .cooking .controll {
    gap: 2.5641vw;
    margin-top: 3.0769vw;
    padding-right: 14.1026vw;
  }
  .renewalMain .sec04 .content .cooking .controll .btnWrap {
    gap: 1.0256vw;
  }
  .renewalMain .sec04 .content .cooking .controll .btnWrap .swiper-button {
    width: 1.0256vw;
    height: 1.0256vw;
  }
  .renewalMain .sec05 .inner .content .shopWrap {
    width: 37.7564vw;
  }
  .renewalMain .sec05 .inner .content .shopWrap .linkBtn {
    gap: 0.7692vw;
    height: 17.9487vw;
    padding: 3.0769vw 2.5641vw 3.2051vw 3.5897vw;
  }
  .renewalMain .sec05 .inner .content .shopWrap .linkBtn strong {
    font-size: 2.0513vw;
  }
  .renewalMain .sec05 .inner .content .shopWrap .linkBtn p {
    font-size: 1.0256vw;
  }
  .renewalMain .sec05 .inner .content .shopWrap .linkBtn span {
    margin-top: 1.7949vw;
    padding: 0.641vw 1.0256vw;
    font-size: max(12px, 0.7692vw);
  }
  .renewalMain .sec05 .inner .content .shopWrap .linkBtn .icon {
    right: 2.5641vw;
    width: 14.1026vw;
    height: 10.8974vw;
  }
  .renewalMain .sec05 .inner .content .bgCow {
    width: 59.1026vw;
    height: 28.0769vw;
  }
  .renewalMain .sec06 {
    margin-bottom: 3.2051vw;
  }
  .renewalMain .sec06 .content .newsletter {
    margin-top: 4.1026vw;
  }
  .renewalMain .sec06 .content .newsletter .list li a {
    gap: 1.5385vw;
    padding: 2.0513vw;
  }
  .renewalMain .sec06 .content .newsletter .list li a .thumb {
    height: 23.2051vw;
  }
  .renewalMain .sec06 .content .newsletter .list li a .text p {
    font-size: 1.1538vw;
  }
}
@media only screen and (max-width: 1280px) {
  .renewalMain .section {
    padding: 0 3.9063vw;
  }
  .renewalMain .section br.pc {
    display: block;
  }
  .renewalMain .section br.tb {
    display: none;
  }
  .renewalMain .section br.mo {
    display: none;
  }
  .renewalMain .section.sec03 .inner, .renewalMain .section.sec05 .inner, .renewalMain .section.sec06 .inner {
    padding: 12.5vw 1.5625vw;
  }
  .renewalMain .section.sec03 .inner .content, .renewalMain .section.sec05 .inner .content, .renewalMain .section.sec06 .inner .content {
    max-width: unset;
  }
  .renewalMain .section.sec03 .inner {
    padding-bottom: 10.3125vw;
  }
  .renewalMain .section.sec06 .inner {
    padding-bottom: 17.1875vw;
  }
  .renewalMain .section .titleWrap span,
  .renewalMain .section .titleBox p {
    font-size: 1.4063vw;
  }
  .renewalMain .section .titleWrap h3,
  .renewalMain .section .titleBox h4, .renewalMain .section.sec02 .textArea h3 {
    font-size: 4.375vw;
  }
  .renewalMain .section .titleWrap p,
  .renewalMain .section .textArea p,
  .renewalMain .section .btnWrap p {
    font-size: 1.4063vw;
  }
  .renewalMain .section .textArea strong {
    font-size: 1.875vw;
  }
  .renewalMain .section .titleWrap .linkBtn,
  .renewalMain .section .viewMore {
    gap: 0.9375vw;
    padding: 1.25vw 2.1875vw;
    font-size: max(12px, 1.0938vw);
  }
  .renewalMain .section .titleWrap .linkBtn .arrow,
  .renewalMain .section .viewMore:after {
    width: 1.25vw;
    height: 1.25vw;
  }
  .renewalMain .section .linkBtn.pc {
    display: flex;
  }
  .renewalMain .section .linkBtn.mo {
    display: none;
  }
  .renewalMain .section .inner .titleWrap {
    gap: 1.25vw;
  }
  .renewalMain .section .inner .titleWrap .title {
    gap: 1.25vw;
  }
  .renewalMain .section .inner .titleWrap span {
    margin-bottom: 0.625vw;
  }
  .renewalMain .main {
    padding: 0 3.9063vw 3.9063vw;
  }
  .renewalMain .main .renewalKv {
    height: calc(100vh - 180px - 3.9063vw);
  }
  .renewalMain .main .swiper-slide .textBox {
    gap: 2.5vw;
    transform: translate(-50%, -60%);
  }
  .renewalMain .main .swiper-slide .textBox h2 {
    font-size: 5.625vw;
    transform: translateY(1.875vw);
  }
  .renewalMain .main .swiper-slide .textBox h2 span:after {
    height: 0.3125vw;
    bottom: 0.4688vw;
  }
  .renewalMain .main .swiper-slide .textBox p {
    font-size: 1.7188vw;
    transform: translateY(3.125vw);
  }
  .renewalMain .main .swiper-pagination {
    bottom: 5vw;
    gap: 1.5625vw;
  }
  .renewalMain .main .swiper-pagination .swiper-pagination-bullet {
    width: 5.9375vw;
    height: 5.9375vw;
    backdrop-filter: blur(0.7813vw);
    border-radius: 78.0469vw;
  }
  .renewalMain .main .swiper-pagination .swiper-pagination-bullet img {
    position: absolute;
    width: 2.5vw;
    height: 2.5vw;
  }
  .renewalMain .main .arrowWrap {
    right: 3.125vw;
    bottom: 3.125vw;
    width: 7.8125vw;
    height: 7.8125vw;
  }
  .renewalMain .main .arrowWrap .circle {
    width: 7.1875vw;
    height: 7.1875vw;
  }
  .renewalMain .main .arrowWrap .arrow {
    width: 2.5vw;
    height: 2.5vw;
  }
  .renewalMain .sec01 {
    padding: 14.0625vw 3.9063vw;
  }
  .renewalMain .sec01 .textArea {
    gap: 7.3438vw;
    max-width: 80vw;
  }
  .renewalMain .sec01 .textArea .title {
    font-size: 5vw;
  }
  .renewalMain .sec01 .textArea .title br {
    display: none;
  }
  .renewalMain .sec01 .textArea .textBox {
    gap: 1.25vw;
    margin-top: 12.3438vw;
  }
  .renewalMain .sec01 .loopWrap {
    --loop-gap: 1.5625vw;
    gap: var(--loop-gap);
    margin-top: 8.9063vw;
  }
  .renewalMain .sec01 .loopWrap .loopImg {
    gap: var(--loop-gap);
  }
  .renewalMain .sec02 .inner {
    height: 107.8125vw;
  }
  .renewalMain .sec02 .inner .textArea {
    gap: 1.25vw;
  }
  .renewalMain .sec02 .inner .textArea h3 {
    font-size: 4.375vw;
  }
  .renewalMain .sec02 .inner .textArea h4 {
    font-size: 4.0625vw;
  }
  .renewalMain .sec02 .inner .textArea p {
    font-size: 1.4063vw;
  }
  .renewalMain .sec02 .inner .textArea strong {
    font-size: 1.875vw;
  }
  .renewalMain .sec02 .inner .textArea.text01 {
    top: 12.5vw;
    left: 4.6875vw;
  }
  .renewalMain .sec02 .inner .textArea.text02 {
    top: 37.5781vw;
    left: 4.6875vw;
  }
  .renewalMain .sec02 .inner .textArea.text03 {
    top: 67.9688vw;
    right: 14.7266vw;
  }
  .renewalMain .sec02 .inner .imgBox.img01 {
    top: 0;
    right: 2.4609vw;
    width: 58.125vw;
    height: 25.0781vw;
  }
  .renewalMain .sec02 .inner .imgBox.img02 {
    top: 12.9688vw;
    right: -4.5313vw;
    width: 53.9063vw;
    height: 25.7813vw;
  }
  .renewalMain .sec02 .inner .imgBox.img03 {
    top: 30.7813vw;
    right: 3.3984vw;
    width: 48.4375vw;
    height: 29.5312vw;
  }
  .renewalMain .sec02 .inner .imgBox.img04 {
    top: 68.0469vw;
    left: 3.8672vw;
    width: 48.5938vw;
    height: 33.8281vw;
  }
  .renewalMain .sec03 .inner .content {
    gap: 12.3438vw;
  }
  .renewalMain .sec03 .inner .content .left {
    gap: 5vw;
  }
  .renewalMain .sec03 .inner .content .left .titleBox p {
    margin-bottom: 1.25vw;
  }
  .renewalMain .sec03 .inner .content .left .newTab {
    gap: 1.25vw;
  }
  .renewalMain .sec03 .inner .content .left .newTab a {
    font-size: 2.5vw;
  }
  .renewalMain .sec03 .inner .content .newsList {
    gap: 3.125vw;
    padding-bottom: 4.6875vw;
  }
  .renewalMain .sec03 .inner .content .newsList > *:nth-child(even) {
    transform: translateY(7.2656vw);
  }
  .renewalMain .sec03 .inner .content .newsCard .thumb {
    height: 20.3125vw;
  }
  .renewalMain .sec03 .inner .content .newsCard .text {
    gap: 0.7813vw;
    margin-top: 1.5625vw;
    padding-bottom: 2.1875vw;
  }
  .renewalMain .sec03 .inner .content .newsCard strong {
    font-size: 1.7188vw;
  }
  .renewalMain .sec03 .inner .content .newsCard .date {
    font-size: 1.25vw;
  }
  .renewalMain .sec03 .inner .content .newsList.newsRows {
    padding-top: 7.2656vw;
    padding-bottom: 6.7188vw;
  }
  .renewalMain .sec03 .inner .content .newsRow {
    padding: 2.8125vw 6.25vw 2.8125vw 1.875vw;
  }
  .renewalMain .sec03 .inner .content .newsRow .textWrap {
    gap: 0.9375vw;
  }
  .renewalMain .sec03 .inner .content .newsRow strong {
    font-size: 1.7188vw;
  }
  .renewalMain .sec03 .inner .content .newsRow .date {
    font-size: 1.25vw;
  }
  .renewalMain .sec03 .inner .content .newsRow:after {
    right: 1.875vw;
    width: 2.5vw;
    height: 2.5vw;
  }
  .renewalMain .sec04 .content {
    padding: 12.5vw 0 12.0313vw clamp(40px, 11.4583vw, 220px);
  }
  .renewalMain .sec04 .content .titleWrap {
    padding-right: 17.1875vw;
  }
  .renewalMain .sec04 .content .cooking {
    margin-top: 6.25vw;
  }
  .renewalMain .sec04 .content .cooking .swiper-wrapper .swiper-slide {
    gap: 1.875vw;
  }
  .renewalMain .sec04 .content .cooking .swiper-wrapper .swiper-slide p {
    font-size: 1.5625vw;
  }
  .renewalMain .sec04 .content .cooking .controll {
    gap: 3.125vw;
    margin-top: 3.75vw;
    padding-right: 17.1875vw;
  }
  .renewalMain .sec04 .content .cooking .controll .btnWrap {
    gap: 1.25vw;
  }
  .renewalMain .sec04 .content .cooking .controll .btnWrap .swiper-button {
    width: 1.25vw;
    height: 1.25vw;
  }
  .renewalMain .sec05 .inner .content .shopWrap {
    width: 46.0156vw;
  }
  .renewalMain .sec05 .inner .content .shopWrap .linkBtn {
    gap: 0.9375vw;
    height: 21.875vw;
    padding: 3.75vw 3.125vw 3.9063vw 4.375vw;
  }
  .renewalMain .sec05 .inner .content .shopWrap .linkBtn strong {
    font-size: 2.5vw;
  }
  .renewalMain .sec05 .inner .content .shopWrap .linkBtn p {
    font-size: 1.25vw;
  }
  .renewalMain .sec05 .inner .content .shopWrap .linkBtn span {
    margin-top: 2.1875vw;
    padding: 0.7813vw 1.25vw;
    font-size: max(12px, 0.9375vw);
  }
  .renewalMain .sec05 .inner .content .shopWrap .linkBtn .icon {
    right: 3.125vw;
    width: 17.1875vw;
    height: 13.2813vw;
  }
  .renewalMain .sec05 .inner .content .bgCow {
    width: 72.0313vw;
    height: 34.2188vw;
  }
  .renewalMain .sec06 {
    margin-bottom: 3.9063vw;
  }
  .renewalMain .sec06 .content .newsletter {
    margin-top: 5vw;
  }
  .renewalMain .sec06 .content .newsletter .list li a {
    gap: 1.875vw;
    padding: 2.5vw;
  }
  .renewalMain .sec06 .content .newsletter .list li a .thumb {
    height: 28.2813vw;
  }
  .renewalMain .sec06 .content .newsletter .list li a .text p {
    font-size: 1.4063vw;
  }
}
@media only screen and (max-width: 1024px) {
  .renewalMain .section {
    padding: 0;
  }
  .renewalMain .section br.pc {
    display: none;
  }
  .renewalMain .section br.tb {
    display: block;
  }
  .renewalMain .section br.mo {
    display: none;
  }
  .renewalMain .section.sec03 .inner, .renewalMain .section.sec05 .inner, .renewalMain .section.sec06 .inner {
    padding: 7.8125vw 1.9531vw;
  }
  .renewalMain .section.sec03 .inner {
    padding-bottom: 16.8945vw;
  }
  .renewalMain .section.sec06 .inner {
    padding-bottom: 16.8945vw;
  }
  .renewalMain .section .titleWrap span,
  .renewalMain .section .titleBox p {
    font-size: 1.7578vw;
  }
  .renewalMain .section .titleWrap h3,
  .renewalMain .section .titleBox h4, .renewalMain .section.sec02 .textArea h3 {
    font-size: 5.4688vw;
  }
  .renewalMain .section .titleWrap p,
  .renewalMain .section .textArea p,
  .renewalMain .section .btnWrap p {
    font-size: 1.7578vw;
  }
  .renewalMain .section .textArea strong {
    font-size: 2.3438vw;
  }
  .renewalMain .section .titleWrap .linkBtn,
  .renewalMain .section .viewMore {
    gap: 1.1719vw;
    padding: 1.5625vw 2.7344vw;
    font-size: max(12px, 1.3672vw);
  }
  .renewalMain .section .titleWrap .linkBtn .arrow,
  .renewalMain .section .viewMore:after {
    width: 1.5625vw;
    height: 1.5625vw;
  }
  .renewalMain .section .linkBtn.pc {
    display: none;
  }
  .renewalMain .section .linkBtn.mo {
    position: absolute;
    left: 50%;
    bottom: 7.8125vw;
    display: flex;
    gap: 1.1719vw;
    width: 15.8203vw;
    height: 5.1758vw;
    padding: 1.4648vw 2.6367vw;
    font-size: max(12px, 1.3672vw);
    font-weight: 700;
    transform: translateX(-50%);
  }
  .renewalMain .section .linkBtn.mo .arrow {
    width: 1.5625vw;
    height: 1.5625vw;
  }
  .renewalMain .section .inner .titleWrap {
    gap: 1.5625vw;
  }
  .renewalMain .section .inner .titleWrap .title {
    gap: 1.5625vw;
  }
  .renewalMain .section .inner .titleWrap span {
    margin-bottom: 0.7813vw;
  }
  .renewalMain .main {
    padding: 0;
  }
  .renewalMain .main .renewalKv {
    height: calc(100vh - 64px);
  }
  .renewalMain .main .swiper-slide .textBox {
    gap: 3.125vw;
  }
  .renewalMain .main .swiper-slide .textBox h2 {
    font-size: 7.0313vw;
    transform: translateY(2.3438vw);
  }
  .renewalMain .main .swiper-slide .textBox h2 span:after {
    height: 0.3906vw;
    bottom: 0.5859vw;
  }
  .renewalMain .main .swiper-slide .textBox p {
    font-size: 2.1484vw;
    transform: translateY(3.9063vw);
  }
  .renewalMain .main .swiper-pagination {
    bottom: 6.25vw;
    gap: 1.9531vw;
  }
  .renewalMain .main .swiper-pagination .swiper-pagination-bullet {
    width: 7.4219vw;
    height: 7.4219vw;
    backdrop-filter: blur(0.9766vw);
    border-radius: 97.5586vw;
  }
  .renewalMain .main .swiper-pagination .swiper-pagination-bullet img {
    position: absolute;
    width: 3.125vw;
    height: 3.125vw;
  }
  .renewalMain .main .arrowWrap {
    right: 3.9063vw;
    bottom: 3.9063vw;
    width: 9.7656vw;
    height: 9.7656vw;
  }
  .renewalMain .main .arrowWrap .circle {
    width: 8.9844vw;
    height: 8.9844vw;
  }
  .renewalMain .main .arrowWrap .arrow {
    width: 3.125vw;
    height: 3.125vw;
  }
  .renewalMain .sec01 {
    padding: 7.8125vw 1.9531vw;
  }
  .renewalMain .sec01 .textArea {
    flex-direction: column;
    gap: 3.9063vw;
    max-width: unset;
  }
  .renewalMain .sec01 .textArea .title {
    font-size: 6.25vw;
  }
  .renewalMain .sec01 .textArea .title br {
    display: block;
  }
  .renewalMain .sec01 .textArea .textBox {
    gap: 1.5625vw;
    margin-top: 0;
  }
  .renewalMain .sec01 .loopWrap {
    --loop-gap: 1.9531vw;
    gap: var(--loop-gap);
    margin-top: 5.4688vw;
  }
  .renewalMain .sec01 .loopWrap .loopImg {
    gap: var(--loop-gap);
  }
  .renewalMain .sec02 .inner {
    height: 134.7656vw;
  }
  .renewalMain .sec02 .inner .textArea {
    gap: 1.5625vw;
  }
  .renewalMain .sec02 .inner .textArea h3 {
    font-size: 5.4688vw;
  }
  .renewalMain .sec02 .inner .textArea h4 {
    font-size: 5.0781vw;
  }
  .renewalMain .sec02 .inner .textArea p {
    font-size: 1.7578vw;
  }
  .renewalMain .sec02 .inner .textArea strong {
    font-size: 2.3438vw;
  }
  .renewalMain .sec02 .inner .textArea.text01 {
    top: 15.625vw;
    left: 1.9531vw;
  }
  .renewalMain .sec02 .inner .textArea.text02 {
    top: 46.9727vw;
    left: 1.9531vw;
  }
  .renewalMain .sec02 .inner .textArea.text03 {
    top: 84.9609vw;
    right: 1.9531vw;
  }
  .renewalMain .sec02 .inner .imgBox.img01 {
    top: 0;
    right: 0;
    width: 72.6563vw;
    height: 31.3477vw;
  }
  .renewalMain .sec02 .inner .imgBox.img02 {
    top: 16.2109vw;
    right: -8.7891vw;
    width: 67.3828vw;
    height: 32.2266vw;
  }
  .renewalMain .sec02 .inner .imgBox.img03 {
    top: 38.4766vw;
    right: 9.1309vw;
    width: 60.5469vw;
    height: 36.9141vw;
  }
  .renewalMain .sec02 .inner .imgBox.img04 {
    top: 85.0586vw;
    left: 5.8594vw;
    width: 60.7422vw;
    height: 42.2852vw;
  }
  .renewalMain .sec03 .inner .content {
    flex-direction: column;
    gap: 3.9063vw;
  }
  .renewalMain .sec03 .inner .content .left {
    gap: 3.9063vw;
  }
  .renewalMain .sec03 .inner .content .left .titleBox p {
    margin-bottom: 1.5625vw;
  }
  .renewalMain .sec03 .inner .content .left .newTab {
    flex-direction: row;
    gap: 1.5625vw;
  }
  .renewalMain .sec03 .inner .content .left .newTab a {
    font-size: 3.125vw;
  }
  .renewalMain .sec03 .inner .content .newsList {
    gap: 3.9063vw;
    padding-bottom: 0;
  }
  .renewalMain .sec03 .inner .content .newsList > *:nth-child(even) {
    transform: translateY(0);
  }
  .renewalMain .sec03 .inner .content .newsCard .thumb {
    height: 25.3906vw;
  }
  .renewalMain .sec03 .inner .content .newsCard .text {
    gap: 0.9766vw;
    margin-top: 1.9531vw;
    padding-bottom: 0;
  }
  .renewalMain .sec03 .inner .content .newsCard strong {
    font-size: 2.1484vw;
  }
  .renewalMain .sec03 .inner .content .newsCard .date {
    font-size: 1.5625vw;
  }
  .renewalMain .sec03 .inner .content .newsList.newsRows {
    padding-top: 0;
    padding-bottom: 0;
  }
  .renewalMain .sec03 .inner .content .newsRow {
    padding: 3.5156vw 7.8125vw 3.5156vw 2.3438vw;
  }
  .renewalMain .sec03 .inner .content .newsRow .textWrap {
    gap: 1.1719vw;
  }
  .renewalMain .sec03 .inner .content .newsRow strong {
    font-size: 2.1484vw;
  }
  .renewalMain .sec03 .inner .content .newsRow .date {
    font-size: 1.5625vw;
  }
  .renewalMain .sec03 .inner .content .newsRow:after {
    right: 2.3438vw;
    width: 3.125vw;
    height: 3.125vw;
  }
  .renewalMain .sec03 .inner .content .viewMore {
    position: relative;
    order: 9;
    align-self: center;
    transform: none;
  }
  .renewalMain .sec04 .content {
    padding: 7.8125vw 0 16.8945vw 1.9531vw;
  }
  .renewalMain .sec04 .content .titleWrap {
    padding-right: 1.9531vw;
  }
  .renewalMain .sec04 .content .cooking {
    margin-top: 3.9063vw;
  }
  .renewalMain .sec04 .content .cooking .swiper-wrapper .swiper-slide {
    gap: 2.3438vw;
    width: min(433px, (100% - clamp(40px, 11.4583vw, 220px) - 24px) / 2);
  }
  .renewalMain .sec04 .content .cooking .swiper-wrapper .swiper-slide p {
    font-size: 1.9531vw;
  }
  .renewalMain .sec04 .content .cooking .controll {
    flex-direction: column;
    gap: 1.9531vw;
    margin-top: 3.125vw;
    padding-right: 1.9531vw;
  }
  .renewalMain .sec04 .content .cooking .controll .swiper-pagination {
    flex: unset;
    width: 100%;
  }
  .renewalMain .sec04 .content .cooking .controll .btnWrap {
    gap: 1.5625vw;
  }
  .renewalMain .sec04 .content .cooking .controll .btnWrap .swiper-button {
    width: 1.5625vw;
    height: 1.5625vw;
  }
  .renewalMain .sec05 .inner .content {
    flex-direction: column;
    gap: 3.9063vw;
  }
  .renewalMain .sec05 .inner .content .shopWrap {
    width: 100%;
  }
  .renewalMain .sec05 .inner .content .shopWrap .linkBtn {
    gap: 1.1719vw;
    height: 27.3438vw;
    padding: 4.6875vw 3.9063vw 4.8828vw 5.4688vw;
  }
  .renewalMain .sec05 .inner .content .shopWrap .linkBtn strong {
    font-size: 3.125vw;
  }
  .renewalMain .sec05 .inner .content .shopWrap .linkBtn p {
    font-size: 1.5625vw;
  }
  .renewalMain .sec05 .inner .content .shopWrap .linkBtn span {
    margin-top: 2.7344vw;
    padding: 0.9766vw 1.5625vw;
    font-size: max(12px, 1.1719vw);
  }
  .renewalMain .sec05 .inner .content .shopWrap .linkBtn .icon {
    right: 3.9063vw;
    width: 21.4844vw;
    height: 16.6016vw;
  }
  .renewalMain .sec05 .inner .content .bgCow {
    display: none;
  }
  .renewalMain .sec06 {
    margin-bottom: 4.8828vw;
  }
  .renewalMain .sec06 .inner {
    background-image: none;
  }
  .renewalMain .sec06 .content .newsletter {
    margin-top: 4.6875vw;
  }
  .renewalMain .sec06 .content .newsletter .list li a {
    gap: 2.3438vw;
    padding: 3.125vw;
  }
  .renewalMain .sec06 .content .newsletter .list li a .thumb {
    height: 35.8398vw;
  }
  .renewalMain .sec06 .content .newsletter .list li a .text p {
    font-size: 1.7578vw;
  }
}
@media only screen and (max-width: 840px) {
  .renewalMain .section br.tb {
    display: none;
  }
  .renewalMain .section br.mo {
    display: block;
  }
  .renewalMain .section.sec03 .inner, .renewalMain .section.sec05 .inner, .renewalMain .section.sec06 .inner {
    padding: min(20.5128vw, 98.4615px) min(5.1282vw, 24.6154px);
  }
  .renewalMain .section.sec03 .inner {
    padding-bottom: min(20.5128vw, 98.4615px);
  }
  .renewalMain .section.sec06 .inner {
    padding-bottom: min(46.4103vw, 222.7692px);
  }
  .renewalMain .section .titleWrap span,
  .renewalMain .section .titleBox p {
    font-size: min(4.6154vw, 22.1538px);
  }
  .renewalMain .section .titleWrap h3,
  .renewalMain .section .titleBox h4, .renewalMain .section.sec02 .textArea h3 {
    font-size: min(8.7179vw, 41.8462px);
  }
  .renewalMain .section .titleWrap p,
  .renewalMain .section .textArea p,
  .renewalMain .section .btnWrap p {
    font-size: min(4.6154vw, 22.1538px);
  }
  .renewalMain .section .textArea strong {
    font-size: min(5.641vw, 27.0769px);
  }
  .renewalMain .section .titleWrap .linkBtn,
  .renewalMain .section .viewMore {
    gap: min(3.0769vw, 14.7692px);
    padding: min(4.1026vw, 19.6923px) min(7.1795vw, 34.4615px);
    font-size: max(12px, min(3.5897vw, 17.2308px));
  }
  .renewalMain .section .titleWrap .linkBtn .arrow,
  .renewalMain .section .viewMore:after {
    width: min(4.1026vw, 19.6923px);
    height: min(4.1026vw, 19.6923px);
  }
  .renewalMain .section .linkBtn.mo {
    bottom: min(20.5128vw, 98.4615px);
    gap: min(3.0769vw, 14.7692px);
    width: min(41.5385vw, 199.3846px);
    height: min(13.5897vw, 65.2308px);
    padding: min(3.8462vw, 18.4615px) min(6.9231vw, 33.2308px);
    font-size: max(12px, min(3.5897vw, 17.2308px));
  }
  .renewalMain .section .linkBtn.mo .arrow {
    width: min(4.1026vw, 19.6923px);
    height: min(4.1026vw, 19.6923px);
  }
  .renewalMain .section .inner .titleWrap {
    gap: min(4.1026vw, 19.6923px);
  }
  .renewalMain .section .inner .titleWrap .title {
    gap: min(4.1026vw, 19.6923px);
  }
  .renewalMain .main .renewalKv {
    height: calc(100vh - 64px);
  }
  .renewalMain .main .swiper-slide .textBox {
    gap: min(7.1795vw, 34.4615px);
    width: 100%;
    transform: translate(-50%, -100%);
  }
  .renewalMain .main .swiper-slide .textBox h2 {
    font-size: min(10.7692vw, 51.6923px);
    letter-spacing: -0.06em;
    transform: translateY(min(6.1538vw, 29.5385px));
  }
  .renewalMain .main .swiper-slide .textBox h2 span:after {
    height: min(0.5128vw, 2.4615px);
    bottom: min(1.0256vw, 4.9231px);
  }
  .renewalMain .main .swiper-slide .textBox p {
    font-size: min(4.6154vw, 22.1538px);
    transform: translateY(min(10.2564vw, 49.2308px));
  }
  .renewalMain .main .swiper-pagination {
    bottom: min(50.2564vw, 241.2308px);
    gap: min(3.0769vw, 14.7692px);
  }
  .renewalMain .main .swiper-pagination .swiper-pagination-bullet {
    width: min(15.3846vw, 73.8462px);
    height: min(15.3846vw, 73.8462px);
    backdrop-filter: blur(min(2.0513vw, 9.8462px));
    border-radius: 999px;
  }
  .renewalMain .main .swiper-pagination .swiper-pagination-bullet img {
    width: min(7.6923vw, 36.9231px);
    height: min(7.6923vw, 36.9231px);
  }
  .renewalMain .main .arrowWrap {
    right: auto;
    left: 50%;
    bottom: min(12.3077vw, 59.0769px);
    width: min(25.641vw, 123.0769px);
    height: min(25.641vw, 123.0769px);
    transform: translateX(-50%);
  }
  .renewalMain .main .arrowWrap .circle {
    width: min(21.5385vw, 103.3846px);
    height: min(21.5385vw, 103.3846px);
    background: url("/images/main/circle_text_mo.png") no-repeat center/cover;
  }
  .renewalMain .main .arrowWrap .arrow {
    width: min(8.2051vw, 39.3846px);
    height: min(8.2051vw, 39.3846px);
  }
  .renewalMain .sec01 {
    padding: min(20.5128vw, 98.4615px) min(5.1282vw, 24.6154px);
  }
  .renewalMain .sec01 .textArea {
    gap: min(8.2051vw, 39.3846px);
  }
  .renewalMain .sec01 .textArea .title {
    font-size: min(10.2564vw, 49.2308px);
  }
  .renewalMain .sec01 .textArea .textBox {
    gap: min(4.1026vw, 19.6923px);
  }
  .renewalMain .sec01 .textArea .textBox strong {
    font-size: min(6.1538vw, 29.5385px);
  }
  .renewalMain .sec01 .loopWrap {
    --loop-gap: min(5.1282vw, 24.6154px);
    margin-top: min(14.359vw, 68.9231px);
  }
  .renewalMain .sec02 {
    background: #264330;
  }
  .renewalMain .sec02 .inner {
    max-width: 480px;
    height: min(433.5897vw, 2081.2308px);
    margin: 0 auto;
  }
  .renewalMain .sec02 .inner [data-aos] {
    transition-duration: 500ms;
  }
  .renewalMain .sec02 .inner .text01.aos-animate {
    transition-delay: 0ms;
  }
  .renewalMain .sec02 .inner .img04.aos-animate {
    transition-delay: 40ms;
  }
  .renewalMain .sec02 .inner .text03.aos-animate {
    transition-delay: 90ms;
  }
  .renewalMain .sec02 .inner .img01.aos-animate {
    transition-delay: 100ms;
  }
  .renewalMain .sec02 .inner .img02.aos-animate {
    transition-delay: 180ms;
  }
  .renewalMain .sec02 .inner .img03.aos-animate {
    transition-delay: 260ms;
  }
  .renewalMain .sec02 .inner .text02.aos-animate {
    transition-delay: 310ms;
  }
  .renewalMain .sec02 .inner .textArea {
    gap: min(4.1026vw, 19.6923px);
    padding-right: min(5.1282vw, 24.6154px);
  }
  .renewalMain .sec02 .inner .textArea h3 {
    font-size: min(8.7179vw, 41.8462px);
  }
  .renewalMain .sec02 .inner .textArea h4 {
    font-size: min(8.7179vw, 41.8462px);
    letter-spacing: -0.03em;
  }
  .renewalMain .sec02 .inner .textArea p {
    font-size: min(4.6154vw, 22.1538px);
  }
  .renewalMain .sec02 .inner .textArea strong {
    font-size: min(5.641vw, 27.0769px);
  }
  .renewalMain .sec02 .inner .textArea.text01 {
    top: min(20.5128vw, 98.4615px);
    left: min(5.1282vw, 24.6154px);
  }
  .renewalMain .sec02 .inner .textArea.text02 {
    top: min(181.0256vw, 868.9231px);
    left: min(5.1282vw, 24.6154px);
  }
  .renewalMain .sec02 .inner .textArea.text03 {
    top: min(329.4872vw, 1581.5385px);
    right: auto;
    left: min(5.1282vw, 24.6154px);
  }
  .renewalMain .sec02 .inner .imgBox.img01 {
    right: auto;
    top: min(66.9231vw, 321.2308px);
    left: min(10.2564vw, 49.2308px);
    width: min(89.7436vw, 430.7692px);
    height: min(48.2051vw, 231.3846px);
  }
  .renewalMain .sec02 .inner .imgBox.img02 {
    top: min(95.1282vw, 456.6154px);
    right: 0;
    width: min(65.8974vw, 316.3077px);
    height: min(42.3077vw, 203.0769px);
  }
  .renewalMain .sec02 .inner .imgBox.img03 {
    top: min(124.359vw, 596.9231px);
    right: auto;
    left: min(20vw, 96px);
    width: min(79.4872vw, 381.5385px);
    height: min(48.4615vw, 232.6154px);
  }
  .renewalMain .sec02 .inner .imgBox.img04 {
    top: min(265.641vw, 1275.0769px);
    left: min(15.8974vw, 76.3077px);
    width: min(79.7436vw, 382.7692px);
    height: min(55.641vw, 267.0769px);
  }
  .renewalMain .sec03 .inner .content {
    gap: min(10.2564vw, 49.2308px);
  }
  .renewalMain .sec03 .inner .content .left {
    gap: min(10.2564vw, 49.2308px);
  }
  .renewalMain .sec03 .inner .content .left .titleBox p {
    margin-bottom: min(4.1026vw, 19.6923px);
  }
  .renewalMain .sec03 .inner .content .left .newTab {
    gap: min(4.1026vw, 19.6923px);
  }
  .renewalMain .sec03 .inner .content .left .newTab a {
    font-size: min(5.641vw, 27.0769px);
    letter-spacing: -0.015em;
  }
  .renewalMain .sec03 .inner .content .newsList {
    gap: min(10.2564vw, 49.2308px);
    padding-bottom: 0;
  }
  .renewalMain .sec03 .inner .content .newsList.active {
    display: flex;
    flex-direction: column;
  }
  .renewalMain .sec03 .inner .content .newsCard .thumb {
    height: min(53.8462vw, 258.4615px);
  }
  .renewalMain .sec03 .inner .content .newsCard .text {
    gap: min(2.0513vw, 9.8462px);
    margin-top: min(5.1282vw, 24.6154px);
  }
  .renewalMain .sec03 .inner .content .newsCard strong {
    font-size: min(5.1282vw, 24.6154px);
    letter-spacing: -0.015em;
  }
  .renewalMain .sec03 .inner .content .newsCard .date {
    font-size: min(4.1026vw, 19.6923px);
  }
  .renewalMain .sec03 .inner .content .newsList.newsRows {
    padding-top: 0;
  }
  .renewalMain .sec03 .inner .content .newsRow {
    padding: min(5.3846vw, 25.8462px) min(6.1538vw, 29.5385px);
  }
  .renewalMain .sec03 .inner .content .newsRow .textWrap {
    width: min(67.1795vw, 322.4615px);
    gap: min(3.0769vw, 14.7692px);
  }
  .renewalMain .sec03 .inner .content .newsRow strong {
    display: block;
    font-size: min(5.1282vw, 24.6154px);
    letter-spacing: -0.015em;
  }
  .renewalMain .sec03 .inner .content .newsRow .date {
    font-size: min(4.1026vw, 19.6923px);
  }
  .renewalMain .sec03 .inner .content .newsRow:after {
    right: min(6.1538vw, 29.5385px);
    width: min(8.2051vw, 39.3846px);
    height: min(8.2051vw, 39.3846px);
    margin-top: 0;
  }
  .renewalMain .sec04 .content {
    padding: min(20.5128vw, 98.4615px) min(5.1282vw, 24.6154px) min(44.359vw, 212.9231px) min(5.1282vw, 24.6154px);
  }
  .renewalMain .sec04 .content .titleWrap {
    padding-right: 0;
  }
  .renewalMain .sec04 .content .cooking {
    margin-top: min(10.2564vw, 49.2308px);
  }
  .renewalMain .sec04 .content .cooking .cooking-swiper {
    margin-right: max(-5.1282vw, -24.6154px);
  }
  .renewalMain .sec04 .content .cooking .swiper-wrapper .swiper-slide {
    gap: min(6.1538vw, 29.5385px);
    width: min(350px, 100%);
  }
  .renewalMain .sec04 .content .cooking .swiper-wrapper .swiper-slide p {
    font-size: min(5.1282vw, 24.6154px);
    letter-spacing: -0.015em;
  }
  .renewalMain .sec04 .content .cooking .controll {
    gap: min(5.1282vw, 24.6154px);
    margin-top: min(8.2051vw, 39.3846px);
    padding-right: 0;
  }
  .renewalMain .sec04 .content .cooking .controll .swiper-pagination {
    width: 100%;
    flex: auto;
  }
  .renewalMain .sec04 .content .cooking .controll .btnWrap {
    gap: min(4.1026vw, 19.6923px);
  }
  .renewalMain .sec04 .content .cooking .controll .btnWrap .swiper-button {
    width: min(4.1026vw, 19.6923px);
    height: min(4.1026vw, 19.6923px);
  }
  .renewalMain .sec05 .inner .content {
    gap: min(10.2564vw, 49.2308px);
  }
  .renewalMain .sec05 .inner .content .shopWrap {
    width: 100%;
  }
  .renewalMain .sec05 .inner .content .shopWrap .linkBtn {
    gap: min(3.0769vw, 14.7692px);
    height: min(61.5385vw, 295.3846px);
    padding: min(8.2051vw, 39.3846px) min(14.8718vw, 71.3846px) min(13.0769vw, 62.7692px) min(8.2051vw, 39.3846px);
  }
  .renewalMain .sec05 .inner .content .shopWrap .linkBtn strong {
    font-size: min(6.6667vw, 32px);
    letter-spacing: -0.015em;
  }
  .renewalMain .sec05 .inner .content .shopWrap .linkBtn p {
    font-size: min(4.1026vw, 19.6923px);
    letter-spacing: -0.015em;
  }
  .renewalMain .sec05 .inner .content .shopWrap .linkBtn span {
    margin-top: min(6.1538vw, 29.5385px);
    padding: min(2.3077vw, 11.0769px) min(3.8462vw, 18.4615px);
    font-size: max(12px, min(3.0769vw, 14.7692px));
    letter-spacing: -0.02em;
    border-radius: 100px;
  }
  .renewalMain .sec05 .inner .content .shopWrap .linkBtn .icon {
    right: min(4.1026vw, 19.6923px);
    width: min(30.7692vw, 147.6923px);
    height: min(23.5897vw, 113.2308px);
  }
  .renewalMain .sec05 .inner .content .bgCow {
    display: none;
  }
  .renewalMain .sec06 {
    margin-bottom: min(12.8205vw, 61.5385px);
  }
  .renewalMain .sec06 .content .newsletter {
    margin-top: min(12.3077vw, 59.0769px);
  }
  .renewalMain .sec06 .content .newsletter .list li a {
    gap: min(6.1538vw, 29.5385px);
    padding: min(8.2051vw, 39.3846px);
  }
  .renewalMain .sec06 .content .newsletter .list li a .thumb {
    height: min(94.1026vw, 451.6923px);
  }
  .renewalMain .sec06 .content .newsletter .list li a .text p {
    font-size: min(4.6154vw, 22.1538px);
    letter-spacing: -0.015em;
  }
}

@keyframes kvRiseUp {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes kvLineDraw {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes loopScroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - var(--loop-gap)));
  }
}
@keyframes newsSwapOut {
  to {
    opacity: 0;
  }
}
@keyframes newsSwapIn {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes rotateCircle {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
#snb {
  display: none;
}

#pageTop {
  display: none;
}

html.sub body:not(.renewSub) #container {
  padding-top: 80px;
}
@media only screen and (max-width: 1560px) {
  html.sub body:not(.renewSub) #container {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 1024px) {
  html.sub body:not(.renewSub) #container {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 840px) {
  html.sub body:not(.renewSub) #container {
    padding-top: 40px;
  }
}

.subKvArea {
  font-family: Pretendard, sans-serif;
  padding: 0 50px;
}
.subKvArea h2, .subKvArea h3, .subKvArea h4, .subKvArea h5 {
  font-family: inherit;
}
.subKvArea .subKv {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  height: 360px;
  padding: 0 32px;
  overflow: hidden;
  background-color: #1a1a1a;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #fff;
  text-align: center;
}
.subKvArea .subKv > * {
  max-width: 100%;
}
.subKvArea .subKv h2 {
  font-family: "Nanum Myeongjo", serif;
  font-weight: 700;
  font-size: 72px;
  line-height: 1;
  letter-spacing: -0.04em;
  color: #fff;
}
.subKvArea .subKv .kvDesc {
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.015em;
}
.subKvArea .subKv.bg_01, .subKvArea .subKv.bg_08, .subKvArea .subKv.bg_09 {
  background-image: url("/images/img_sVisual_01.jpg");
}
.subKvArea .subKv.bg_02 {
  background-image: url("/images/img_sVisual_02.jpg");
}
.subKvArea .subKv.bg_03 {
  background-image: url("/images/img_sVisual_03.jpg");
}
.subKvArea .subKv.bg_04 {
  background-image: url("/images/img_sVisual_04.jpg");
}
.subKvArea .subKv.bg_06 {
  background-image: url("/images/img_sVisual_06.jpg");
}
.subKvArea .subKv.bg_07 {
  background-image: url("/images/img_sVisual_07.jpg");
}
.subKvArea .subKv.bg_05, .subKvArea .subKv.bg_10, .subKvArea .subKv.bg_11, .subKvArea .subKv.bg_12, .subKvArea .subKv.bg_20, .subKvArea .subKv.bg_97, .subKvArea .subKv.bg_98, .subKvArea .subKv.bg_99 {
  background-image: url("/images/img_sVisual_05.jpg");
}
.subKvArea .breadcrumbArea {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 64px;
}
.subKvArea .breadcrumb {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
.subKvArea .breadcrumb li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  flex: none;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.48;
  letter-spacing: -0.02em;
  color: #555;
  white-space: nowrap;
}
.subKvArea .breadcrumb li + li:before {
  content: "";
  width: 12px;
  height: 12px;
  background: url("/images/icon/icon_bc_arrow.svg") no-repeat center/12px 12px;
}
.subKvArea .breadcrumb a {
  color: inherit;
}
.subKvArea .breadcrumb a:hover {
  text-decoration: underline;
}
.subKvArea .breadcrumb .home a {
  display: block;
  width: 16px;
  height: 16px;
  background: url("/images/icon/icon_bc_home.svg") no-repeat center/16px 16px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  overflow: hidden;
}
.subKvArea .breadcrumb li:last-child span {
  font-weight: 700;
  letter-spacing: normal;
  color: #404040;
}
@media only screen and (max-width: 1560px) {
  .subKvArea {
    padding: 0 40px;
  }
  .subKvArea .subKv {
    height: 340px;
  }
  .subKvArea .subKv h2 {
    font-size: 62px;
  }
}
@media only screen and (max-width: 1024px) {
  .subKvArea {
    padding: 0 30px;
  }
  .subKvArea .subKv {
    height: 320px;
  }
  .subKvArea .subKv h2 {
    font-size: 54px;
  }
}
@media only screen and (max-width: 840px) {
  .subKvArea {
    padding: 0;
  }
  .subKvArea .subKv {
    height: 300px;
  }
  .subKvArea .subKv h2 {
    font-size: 48px;
  }
  .subKvArea .subKv .kvDesc {
    line-height: 1.48;
  }
  .subKvArea .breadcrumbArea {
    padding: 0 20px;
  }
  .subKvArea .breadcrumb {
    overflow-x: auto;
    scrollbar-width: none;
  }
  .subKvArea .breadcrumb::-webkit-scrollbar {
    display: none;
  }
}
@media only screen and (max-width: 390px) {
  .subKvArea .subKv {
    height: 280px;
    padding: 0 32px;
    gap: 24px;
  }
  .subKvArea .subKv h2 {
    font-size: 42px;
  }
}

#container.introPage {
  max-width: none;
  padding: 80px 50px 140px;
  font-family: Pretendard, sans-serif;
  word-break: keep-all;
  color: #1a1a1a;
}
#container.introPage h2, #container.introPage h3, #container.introPage h4, #container.introPage h5, #container.introPage h6 {
  font-family: inherit;
}
#container.introPage .introSec .inner {
  max-width: 1280px;
  margin: 0 auto;
}
#container.introPage .secTitle {
  font-weight: 700;
  font-size: 56px;
  line-height: 1.24;
  letter-spacing: -0.015em;
  color: #1a1a1a;
}
#container.introPage h4 {
  font-weight: 700;
  font-size: 32px;
  line-height: 1.36;
  letter-spacing: -0.015em;
  color: #1a1a1a;
}
#container.introPage .secBody {
  margin-top: 80px;
}
#container.introPage .moBr {
  display: none;
}
#container.introPage .block + .block {
  margin-top: 80px;
}
#container.introPage .secGreeting {
  padding-bottom: 120px;
}
#container.introPage .secGreeting .lead {
  font-weight: 700;
  font-size: 44px;
  line-height: 1.36;
  letter-spacing: -0.015em;
  text-align: center;
}
#container.introPage .secGreeting .cols {
  margin-top: 80px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 72px;
}
#container.introPage .secGreeting .thumb {
  flex: 0 0 589px;
}
#container.introPage .secGreeting .thumb img {
  display: block;
  width: 100%;
  height: 691px;
  object-fit: cover;
}
#container.introPage .secGreeting .text {
  flex: 1 1 0;
  min-width: 0;
}
#container.introPage .secGreeting .tit {
  font-weight: 500;
  font-size: 32px;
  line-height: 1.36;
  letter-spacing: -0.015em;
}
#container.introPage .secGreeting .desc {
  margin-top: 24px;
}
#container.introPage .secGreeting .desc p {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.48;
  letter-spacing: -0.015em;
  color: #555;
}
#container.introPage .secGreeting .desc p + p {
  margin-top: 32px;
}
#container.introPage .secGreeting .sign {
  margin-top: 24px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 24px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.48;
  letter-spacing: -0.015em;
}
#container.introPage .secGreeting .sign img {
  width: 129px;
  height: 43px;
}
#container.introPage .secAbout {
  margin: 0 -50px;
  padding: 120px 50px 100px;
  background-color: #f8f6f3;
}
#container.introPage .secAbout .desc {
  margin-top: 32px;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.48;
  letter-spacing: -0.015em;
  color: #555;
}
#container.introPage .secAbout .cardList {
  margin-top: 32px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  gap: 40px;
}
#container.introPage .secAbout .cardList li {
  flex: 1 1 0;
  min-width: 0;
  height: 300px;
  position: relative;
  overflow: hidden;
}
#container.introPage .secAbout .cardList .thumb {
  display: block;
  position: absolute;
  inset: 0;
}
#container.introPage .secAbout .cardList .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#container.introPage .secAbout .cardList p {
  position: absolute;
  left: 40px;
  bottom: 32px;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.36;
  letter-spacing: -0.015em;
  color: #fff;
}
#container.introPage .secAbout .blockLaw .cols {
  margin-top: 32px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 110px;
}
#container.introPage .secAbout .blockLaw .text {
  flex: 1 1 0;
  min-width: 0;
}
#container.introPage .secAbout .blockLaw h5 {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.36;
  letter-spacing: -0.015em;
}
#container.introPage .secAbout .blockLaw .clause {
  margin-top: 24px;
}
#container.introPage .secAbout .blockLaw .lv1 {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.48;
  letter-spacing: -0.015em;
}
#container.introPage .secAbout .blockLaw .clause + .lv1 {
  margin-top: 24px;
}
#container.introPage .secAbout .blockLaw ol {
  margin-top: 16px;
  padding-left: 24px;
  list-style: decimal;
}
#container.introPage .secAbout .blockLaw ol li {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.48;
  letter-spacing: -0.015em;
  color: #555;
}
#container.introPage .secAbout .blockLaw ol li + li {
  margin-top: 4px;
}
#container.introPage .secAbout .blockLaw .source {
  margin-top: 24px;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.48;
  letter-spacing: -0.015em;
  color: #1a1a1a;
}
#container.introPage .secAbout .blockLaw .source strong {
  font-weight: 500;
  color: #1a1a1a;
}
#container.introPage .secAbout .blockLaw .thumb {
  flex: 0 0 400px;
  height: 440px;
  overflow: hidden;
  border-radius: 200px 200px 0 0;
}
#container.introPage .secAbout .blockLaw .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#container.introPage .secPurpose {
  padding-top: 120px;
}
#container.introPage .secPurpose .visual {
  margin-top: 32px;
  height: 460px;
  padding: 0 20px;
  position: relative;
  overflow: hidden;
  background: url("/images/sub/intro_purpose_bg.jpg") no-repeat center/cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 36px;
  text-align: center;
}
#container.introPage .secPurpose .visual > * {
  position: relative;
  z-index: 1;
  max-width: 100%;
}
#container.introPage .secPurpose .visual .logo {
  width: 303px;
  height: 120px;
}
#container.introPage .secPurpose .visual .logo img {
  display: block;
  width: 113.201%;
  max-width: none;
  margin: -6.601%;
}
#container.introPage .secPurpose .visual .txt {
  font-weight: 700;
  font-size: 32px;
  line-height: 1.36;
  letter-spacing: -0.015em;
  color: #fff;
}
#container.introPage .secPurpose .useList {
  margin-top: 32px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  gap: 40px;
}
#container.introPage .secPurpose .useList li {
  flex: 1 1 0;
  min-width: 0;
  padding: 48px 40px;
  background-color: #f8f6f3;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 40px;
  text-align: center;
}
#container.introPage .secPurpose .useList .tit {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.36;
  letter-spacing: -0.015em;
  white-space: nowrap;
}
#container.introPage .secPurpose .useList .icon {
  margin-bottom: -16px;
}
#container.introPage .secPurpose .useList .icon img {
  display: block;
  width: 84px;
  height: 84px;
}
#container.introPage .secPurpose .useList .txt {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.48;
  letter-spacing: -0.015em;
  color: #707070;
}
@media only screen and (max-width: 1560px) {
  #container.introPage {
    padding: 70px 40px 120px;
  }
  #container.introPage .secAbout {
    margin: 0 -40px;
    padding: 100px 40px;
  }
  #container.introPage .secTitle {
    font-size: 48px;
  }
  #container.introPage h4 {
    font-size: 28px;
  }
  #container.introPage .secGreeting .lead {
    font-size: 38px;
  }
  #container.introPage .secGreeting .cols {
    gap: 48px;
  }
  #container.introPage .secGreeting .thumb {
    flex-basis: 44%;
  }
  #container.introPage .secGreeting .thumb img {
    height: auto;
    aspect-ratio: 589/691;
  }
  #container.introPage .secGreeting .tit {
    font-size: 28px;
  }
  #container.introPage .secAbout .blockLaw .cols {
    gap: 60px;
  }
}
@media only screen and (max-width: 1024px) {
  #container.introPage {
    padding: 60px 30px 100px;
  }
  #container.introPage .secAbout {
    margin: 0 -30px;
    padding: 80px 30px;
  }
  #container.introPage .secTitle {
    font-size: 40px;
  }
  #container.introPage h4 {
    font-size: 26px;
  }
  #container.introPage .secBody {
    margin-top: 56px;
  }
  #container.introPage .block + .block {
    margin-top: 60px;
  }
  #container.introPage .secGreeting {
    padding-bottom: 80px;
  }
  #container.introPage .secGreeting .lead {
    font-size: 32px;
  }
  #container.introPage .secGreeting .cols {
    margin-top: 56px;
    gap: 32px;
  }
  #container.introPage .secGreeting .tit {
    font-size: 26px;
  }
  #container.introPage .secAbout .cardList {
    gap: 20px;
  }
  #container.introPage .secAbout .cardList p {
    left: 24px;
    bottom: 24px;
    font-size: 22px;
  }
  #container.introPage .secAbout .blockLaw .cols {
    gap: 40px;
  }
  #container.introPage .secAbout .blockLaw .thumb {
    flex-basis: 320px;
    height: 360px;
    border-radius: 160px 160px 0 0;
  }
  #container.introPage .secPurpose {
    padding-top: 80px;
  }
  #container.introPage .secPurpose .visual {
    height: 380px;
  }
  #container.introPage .secPurpose .visual .logo {
    width: 240px;
    height: 95px;
  }
  #container.introPage .secPurpose .visual .txt {
    font-size: 26px;
  }
  #container.introPage .secPurpose .useList {
    gap: 20px;
  }
  #container.introPage .secPurpose .useList li {
    padding: 40px 24px;
    gap: 32px;
  }
  #container.introPage .secPurpose .useList .tit {
    font-size: 22px;
  }
}
@media only screen and (max-width: 840px) {
  #container.introPage {
    padding: 40px 20px 100px;
  }
  #container.introPage .moBr {
    display: block;
  }
  #container.introPage .secAbout {
    margin: 0 -20px;
    padding: 72px 20px;
  }
  #container.introPage .secTitle {
    font-size: 34px;
    line-height: 1.36;
  }
  #container.introPage h4 {
    font-size: 26px;
  }
  #container.introPage .secBody {
    margin-top: 40px;
  }
  #container.introPage .block + .block {
    margin-top: 56px;
  }
  #container.introPage .secGreeting {
    padding-bottom: 72px;
  }
  #container.introPage .secGreeting .lead {
    font-size: 28px;
  }
  #container.introPage .secGreeting .cols {
    margin-top: 48px;
    flex-direction: column;
    gap: 40px;
  }
  #container.introPage .secGreeting .thumb {
    flex: none;
    width: 100%;
  }
  #container.introPage .secGreeting .tit {
    font-size: 26px;
  }
  #container.introPage .secGreeting .desc {
    margin-top: 32px;
  }
  #container.introPage .secGreeting .sign {
    margin-top: 32px;
    justify-content: flex-end;
  }
  #container.introPage .secAbout .desc {
    margin-top: 24px;
  }
  #container.introPage .secAbout .cardList {
    margin-top: 24px;
    flex-direction: column;
    gap: 16px;
  }
  #container.introPage .secAbout .cardList li {
    flex: none;
    height: 263px;
  }
  #container.introPage .secAbout .cardList p {
    left: 32px;
    bottom: 24px;
    font-size: 28px;
  }
  #container.introPage .secAbout .blockLaw .cols {
    margin-top: 24px;
    flex-direction: column-reverse;
    gap: 48px;
  }
  #container.introPage .secAbout .blockLaw .text {
    width: 100%;
  }
  #container.introPage .secAbout .blockLaw .thumb {
    flex: none;
    width: 100%;
    height: 385px;
    border-radius: 175px 175px 0 0;
  }
  #container.introPage .secAbout .blockLaw h5 {
    font-size: 22px;
  }
  #container.introPage .secPurpose {
    padding-top: 72px;
  }
  #container.introPage .secPurpose .visual {
    margin-top: 24px;
    height: 400px;
    padding: 0 30px;
    gap: 36px;
  }
  #container.introPage .secPurpose .visual .logo {
    width: 202px;
    height: 80px;
  }
  #container.introPage .secPurpose .visual .txt {
    font-size: 26px;
  }
  #container.introPage .secPurpose .useList {
    margin-top: 24px;
    flex-wrap: wrap;
    gap: 8px;
  }
  #container.introPage .secPurpose .useList li {
    flex: 0 0 calc(50% - 4px);
    padding: 24px 20px;
    gap: 20px;
  }
  #container.introPage .secPurpose .useList .tit {
    font-size: 22px;
  }
  #container.introPage .secPurpose .useList .icon {
    margin-bottom: -4px;
  }
  #container.introPage .secPurpose .useList .icon img {
    width: 56px;
    height: 56px;
  }
  #container.introPage .secPurpose .useList .txt {
    font-size: 16px;
  }
}
@media only screen and (max-width: 360px) {
  #container.introPage .secTitle {
    font-size: 30px;
  }
  #container.introPage h4 {
    font-size: 24px;
  }
  #container.introPage .secGreeting .lead {
    font-size: 26px;
  }
  #container.introPage .secAbout .cardList p {
    font-size: 24px;
  }
  #container.introPage .secPurpose .visual .txt {
    font-size: 22px;
  }
}

#container.orgPage {
  max-width: none;
  padding: 80px 50px 140px;
  font-family: Pretendard, sans-serif;
  word-break: keep-all;
  color: #1a1a1a;
}
#container.orgPage h2, #container.orgPage h3, #container.orgPage h4, #container.orgPage h5, #container.orgPage h6,
#container.orgPage th, #container.orgPage td, #container.orgPage button, #container.orgPage input, #container.orgPage select, #container.orgPage textarea, #container.orgPage address, #container.orgPage code {
  font-family: inherit;
}
#container.orgPage .inner {
  max-width: 1280px;
  margin: 0 auto;
}
#container.orgPage .inner > * + * {
  margin-top: 80px;
}
#container.orgPage .secTitle {
  font-weight: 700;
  font-size: 56px;
  line-height: 1.24;
  letter-spacing: -0.015em;
  color: #1a1a1a;
}
#container.orgPage .secChart {
  padding-bottom: 120px;
}
#container.orgPage .chartBox {
  --u: 1px;
  text-align: center;
}
#container.orgPage .chartLogo img {
  display: block;
  width: calc(252 * var(--u));
  height: calc(100 * var(--u));
  margin: 0 auto;
}
#container.orgPage .chart {
  width: calc(800 * var(--u));
  margin: calc(64 * var(--u)) auto 0;
}
#container.orgPage .lv {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#container.orgPage .node {
  width: calc(240 * var(--u));
  height: calc(72 * var(--u));
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: calc(22 * var(--u));
  line-height: 1.36;
  letter-spacing: -0.015em;
  white-space: nowrap;
}
#container.orgPage .nodeGold {
  background-color: #baaa84;
  color: #fff;
}
#container.orgPage .nodeGreen {
  background-color: #116c40;
  color: #fff;
}
#container.orgPage .nodeSoft {
  background-color: rgba(17, 108, 64, 0.05);
  border: 1px solid #116c40;
  color: #116c40;
}
#container.orgPage .nodeCircle {
  box-sizing: border-box;
  width: calc(160 * var(--u));
  height: calc(160 * var(--u));
  border: calc(12 * var(--u)) solid #e9e9e9;
  border-radius: 50%;
  background-color: #116c40;
  font-size: calc(24 * var(--u));
  color: #fff;
}
#container.orgPage .lvBoard,
#container.orgPage .lvOffice {
  margin-top: calc(48 * var(--u));
}
#container.orgPage .lvBoard:before,
#container.orgPage .lvOffice:before {
  content: "";
  width: 1px;
  height: calc(48 * var(--u));
  background-color: #116c40;
  position: absolute;
  left: 50%;
  top: calc(-48 * var(--u));
}
#container.orgPage .lvBoard {
  gap: calc(40 * var(--u));
}
#container.orgPage .lvBoard .node + .node:before {
  content: "";
  width: calc(40 * var(--u));
  height: 1px;
  background-color: #116c40;
  position: absolute;
  right: 100%;
  top: 50%;
}
#container.orgPage .lvTeam {
  margin-top: calc(96 * var(--u));
  justify-content: space-between;
}
#container.orgPage .lvTeam:before {
  content: "";
  box-sizing: border-box;
  width: calc(560 * var(--u));
  height: calc(48 * var(--u));
  border: 1px solid #116c40;
  border-bottom: 0;
  position: absolute;
  left: 50%;
  top: calc(-48 * var(--u));
  transform: translateX(-50%);
}
#container.orgPage .lvTeam:after {
  content: "";
  width: 1px;
  height: calc(48 * var(--u));
  background-color: #116c40;
  position: absolute;
  left: 50%;
  top: calc(-96 * var(--u));
}
#container.orgPage .secGrand {
  margin: 0 -50px;
  padding: 120px 50px;
  background-color: #f8f6f3;
}
#container.orgPage .secManage {
  padding-top: 120px;
}
#container.orgPage .year-tab {
  font-family: "OneMobile", "pretendard", sans-serif;
  margin-bottom: 0;
}
#container.orgPage .year-tab:before {
  display: none;
}
#container.orgPage .year-tab ul.year-list.four {
  max-width: none;
}
#container.orgPage .visual {
  height: 359px;
  position: relative;
  overflow: hidden;
}
#container.orgPage .visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#container.orgPage .visual .cap {
  position: absolute;
  left: 72px;
  bottom: 56px;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.36;
  letter-spacing: -0.015em;
  color: #fff;
}
#container.orgPage .tabPanel {
  display: none;
}
#container.orgPage .tabPanel.on {
  display: block;
}
#container.orgPage .txtArea .item + .item {
  margin-top: 40px;
}
#container.orgPage .txtArea h4 {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.36;
  letter-spacing: -0.015em;
  color: #1a1a1a;
}
#container.orgPage .txtArea h4 + * {
  margin-top: 20px;
}
#container.orgPage .txtArea p {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.48;
  letter-spacing: -0.015em;
  color: #555;
}
#container.orgPage .txtArea p + p {
  margin-top: 4px;
}
#container.orgPage .txtArea .lead {
  font-weight: 500;
  font-size: 18px;
  color: #1a1a1a;
}
#container.orgPage .txtArea ol {
  margin-top: 16px;
  padding-left: 24px;
  list-style: decimal;
}
#container.orgPage .txtArea ol li {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.48;
  letter-spacing: -0.015em;
  color: #555;
}
#container.orgPage .txtArea ol li + li {
  margin-top: 4px;
}
#container.orgPage .txtArea .itemSource .tit {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.48;
  letter-spacing: -0.015em;
  color: #1a1a1a;
}
#container.orgPage .txtArea .itemSource .dates {
  margin-top: 8px;
}
#container.orgPage .txtArea .itemSource .dates li {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.48;
  letter-spacing: -0.015em;
  color: #1a1a1a;
}
#container.orgPage .txtArea .itemSource .dates li + li {
  margin-top: 2px;
}
#container.orgPage .secManage .txtArea h4 + * {
  margin-top: 24px;
}
#container.orgPage .orgImg img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
#container.orgPage .tbl {
  width: 100%;
  border-top: 2px solid #1a1a1a;
  border-collapse: collapse;
  table-layout: fixed;
}
#container.orgPage .tbl th, #container.orgPage .tbl td {
  padding: 12px 20px;
  border-bottom: 1px solid #dadada;
  border-right: 1px solid #dadada;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.48;
  letter-spacing: -0.015em;
  color: #555;
  text-align: left;
  vertical-align: middle;
}
#container.orgPage .tbl th {
  font-weight: 700;
  color: #1a1a1a;
  text-align: center;
}
#container.orgPage .tbl thead th,
#container.orgPage .tbl tfoot th {
  height: 60px;
  background-color: #f8f6f3;
}
#container.orgPage .tbl tr > :last-child {
  border-right: 0;
}
#container.orgPage .tbl .tac {
  text-align: center;
}
#container.orgPage .tbl .tal {
  text-align: left;
}
@media only screen and (max-width: 1560px) {
  #container.orgPage {
    padding: 70px 40px 120px;
  }
  #container.orgPage .secGrand {
    margin: 0 -40px;
    padding: 100px 40px;
  }
  #container.orgPage .secTitle {
    font-size: 48px;
  }
}
@media only screen and (max-width: 1024px) {
  #container.orgPage {
    padding: 60px 30px 100px;
  }
  #container.orgPage .secGrand {
    margin: 0 -30px;
    padding: 80px 30px;
  }
  #container.orgPage .secChart {
    padding-bottom: 80px;
  }
  #container.orgPage .secManage {
    padding-top: 80px;
  }
  #container.orgPage .secTitle {
    font-size: 40px;
  }
  #container.orgPage .inner > * + * {
    margin-top: 56px;
  }
  #container.orgPage .visual {
    height: 300px;
  }
  #container.orgPage .visual .cap {
    left: 40px;
    bottom: 40px;
    font-size: 28px;
  }
  #container.orgPage .txtArea h4 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 840px) {
  #container.orgPage {
    padding: 40px 20px 100px;
  }
  #container.orgPage .secGrand {
    margin: 0 -20px;
    padding: 72px 20px;
  }
  #container.orgPage .secChart {
    padding-bottom: 72px;
  }
  #container.orgPage .secManage {
    padding-top: 72px;
  }
  #container.orgPage .secTitle {
    font-size: 34px;
    line-height: 1.36;
  }
  #container.orgPage .inner > * + * {
    margin-top: 40px;
  }
  #container.orgPage .visual {
    height: 263px;
  }
  #container.orgPage .visual .cap {
    left: 32px;
    bottom: 27px;
    font-size: 26px;
  }
  #container.orgPage .txtArea .item + .item {
    margin-top: 40px;
  }
  #container.orgPage .year-tab .name {
    height: 52px;
    padding: 0 40px 0 16px;
    border-width: 2px;
    font-family: Pretendard, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.48;
    letter-spacing: -0.015em;
    color: #333;
  }
  #container.orgPage .year-tab .name:after,
  #container.orgPage .year-tab .name:before {
    width: 12px;
  }
  #container.orgPage .year-tab .name:after {
    right: 24px;
  }
  #container.orgPage .year-tab .name:before {
    right: 16px;
  }
  #container.orgPage .tbl th,
  #container.orgPage .tbl td {
    padding: 10px 12px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 860px) {
  #container.orgPage .chartBox {
    --u: calc((100vw - 60px) / 800);
  }
}
@media only screen and (max-width: 840px) {
  #container.orgPage .chartBox {
    --u: calc((100vw - 40px) / 800);
  }
}
@media only screen and (max-width: 360px) {
  #container.orgPage .secTitle {
    font-size: 30px;
  }
  #container.orgPage .visual .cap {
    font-size: 22px;
  }
}