@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%);
  }
}
.contentBlur {
  position: relative;
  overflow: hidden;
}

.contentBlur::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  /* 블러 처리
  backdrop-filter: blur(10px);*/
  /* 요소가 배경에 투명도를 가지도록 하기 위해 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 20%, rgba(255, 255, 255, 0.7) 20%, rgba(255, 255, 255, 0.9) 60%);
  pointer-events: none;
}

#main {
  background: #FDF9F2;
}

#main footer {
  background: #fff;
}

#main main {
  min-width: 1320px;
  width: 1320px;
  margin: auto;
  padding: 0 20px 50px;
  overflow: initial;
}

#main main .sLogo {
  padding-left: 26px;
  font-weight: 500;
  line-height: 145%;
  letter-spacing: 0.064px;
}

#main main .sLogo {
  position: relative;
}

#main main .sLogo:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url(/static/images/main/ico_sLogo.svg) no-repeat 50%;
}

#main main .prefaceArea {
  display: flex;
  align-items: center;
  margin: 10px 0;
}

#main main .prefaceArea h2 {
  position: relative;
}

#main main .prefaceArea h2 span {
  display: flex;
  align-items: center;
  position: absolute;
  left: 92px;
  top: -30px;
  gap: 3px;
  padding: 0 16px;
  height: 40px;
  border-radius: 20px;
  background: rgba(28, 28, 28, 0.8);
  color: #fff;
  line-height: 150%;
  letter-spacing: -0.4px;
  transition: 0.3s;
  opacity: 0;
}

#main main .prefaceArea h2 span em {
  font-weight: 600;
}

#main main .prefaceArea h2 span:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 20px;
  width: 12px;
  height: 7px;
  background: url(/static/images/main/nameArrowBg.svg) no-repeat;
}

#main main .prefaceArea h2 span.on {
  opacity: 1;
}

#main main .prefaceArea h2 span.tooltip {
  display: flex;
  align-items: center;
  position: absolute;
  left: -265px;
  top: 30px;
  width: 265px;
  gap: 3px;
  padding: 0 16px;
  height: 40px;
  border-radius: 12px;
  background: rgb(115, 60, 206);
  color: #fff;
  line-height: 150%;
  letter-spacing: -0.4px;
  transition: 0.3s;
  opacity: 1;
  font-size: 14px;
}

#main main .prefaceArea h2 span.tooltip:after {
  content: "";
  position: absolute;
  top: -7px;
  left: 235px;
  width: 12px;
  height: 7px;
  background: url(/static/images/main/nameArrowUpBg.svg) no-repeat;
}

#main main .prefaceArea h2 span.tooltip button {
  padding: 0 5px 0 5px;
  position: absolute;
  width: 12px;
  height: 12px;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 5px;
  background: url(/static/images/main/buttonX.svg) no-repeat;
}

#main main .prefaceArea h2 strong {
  display: block;
  height: 91px;
  min-width: 400px;
}

#main main .prefaceArea h2 strong img {
  height: 100%;
}

#main main .prefaceArea .smallMenu {
  display: flex;
  margin-left: auto;
  gap: 12px;
}

#main main .prefaceArea .smallMenu li a {
  display: flex;
  align-items: center;
  height: 50px;
  color: #fff;
}

#main main .prefaceArea .smallMenu li a.btnTos {
  padding: 0 18px;
  border-radius: 12px;
  background: #FF7A00;
}

#main main .prefaceArea .smallMenu li a.btnTos span {
  display: block;
  padding-right: 26px;
  font-size: 18px;
  font-weight: 700;
  line-height: 145%;
  letter-spacing: -0.072px;
}

#main main .prefaceArea .smallMenu li a.btnTos span {
  position: relative;
}

#main main .prefaceArea .smallMenu li a.btnTos span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.11337 19.9833C5.59907 19.9833 5.15998 19.8002 4.79609 19.434C4.43219 19.0677 4.25024 18.6274 4.25024 18.1131C4.25024 17.5988 4.43337 17.1597 4.79962 16.7959C5.16587 16.432 5.60614 16.25 6.12044 16.25C6.63476 16.25 7.07386 16.4331 7.43774 16.7994C7.80163 17.1656 7.98357 17.6059 7.98357 18.1202C7.98357 18.6345 7.80044 19.0736 7.43419 19.4375C7.06796 19.8014 6.62769 19.9833 6.11337 19.9833ZM16.1134 19.9833C15.5991 19.9833 15.16 19.8002 14.7961 19.434C14.4322 19.0677 14.2502 18.6274 14.2502 18.1131C14.2502 17.5988 14.4334 17.1597 14.7996 16.7959C15.1659 16.432 15.6061 16.25 16.1204 16.25C16.6348 16.25 17.0739 16.4331 17.4377 16.7994C17.8016 17.1656 17.9836 17.6059 17.9836 18.1202C17.9836 18.6345 17.8004 19.0736 17.4342 19.4375C17.068 19.8014 16.6277 19.9833 16.1134 19.9833ZM4.15024 1.98333H18.8848C19.2677 1.98333 19.5591 2.15694 19.7589 2.50418C19.9587 2.85139 19.9614 3.2 19.7669 3.55L16.3336 9.73333C16.1502 10.0555 15.9096 10.3111 15.6118 10.5C15.3139 10.6889 14.9878 10.7833 14.6336 10.7833H7.10024L5.80024 13.1834H17.1502C17.3864 13.1834 17.5843 13.2635 17.744 13.4238C17.9037 13.584 17.9836 13.7827 17.9836 14.0196C17.9836 14.2565 17.9037 14.4542 17.744 14.6125C17.5843 14.7708 17.3864 14.85 17.1502 14.85H5.95024C5.23358 14.85 4.70858 14.5847 4.37524 14.0542C4.04191 13.5236 4.03914 12.9556 4.36692 12.35L5.88359 9.56668L2.15024 1.66665H1.01692C0.780802 1.66665 0.582885 1.58651 0.423169 1.42623C0.263452 1.26594 0.183594 1.06733 0.183594 0.8304C0.183594 0.593467 0.263452 0.395833 0.423169 0.2375C0.582885 0.0791667 0.780802 0 1.01692 0H2.69192C2.85302 0 3.00135 0.0412998 3.13692 0.1239C3.27247 0.206517 3.37414 0.32355 3.44192 0.475L4.15024 1.98333Z' fill='%23fff'/%3E%3C/svg%3E%0A") no-repeat 50%/20px auto;
}

#main main .prefaceArea .smallMenu li a.btnConsult {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border-radius: 12px;
  background: #333333;
  font-size: 18px;
  font-weight: 700;
  line-height: 145%;
  letter-spacing: -0.072px;
}

#main main .prefaceArea .smallMenu li a.btnBabtner {
  width: 50px;
  border-radius: 12px;
  overflow: hidden;
  background: url(/static/images/main/ico_bobtner.png) no-repeat 50%/50px auto;
  border: 1px solid lightgrey;
}

#main main .noticeArea {
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 24px;
  margin-bottom: 24px;
  border-radius: 25px;
  border: 1px solid #DDDDDD;
  background: #fff;
}

#main main .noticeArea > strong {
  display: block;
  flex: none;
  padding-left: 28px;
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
}

#main main .noticeArea > strong {
  position: relative;
}

#main main .noticeArea > strong:after {
  content: "";
  position: absolute;
  width: 23px;
  height: 27px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(/static/images/main/ico_bulb.svg) no-repeat 50%;
}

#main main .noticeArea #noticeSlide {
  width: 100%;
  overflow: hidden;
  height: 50px;
}

#main main .noticeArea #noticeSlide .slideList {
  display: flex;
  align-items: center;
  height: 48px;
}

#main main .noticeArea #noticeSlide .slideList a {
  padding-left: 24px;
  display: block;
  padding-right: 80px;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  color: #444444;
}

#main main .noticeArea #noticeSlide .slideList a strong {
  color: #111111;
  font-weight: 500;
}

#main main .noticeArea #noticeSlide .slideList a:visited::after {
  display: none !important;
}

#main main .noticeArea #noticeSlide .slick-dots {
  display: flex;
  gap: 6px;
  align-items: center;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
}

#main main .noticeArea #noticeSlide .slick-dots li {
  margin: 0;
  width: auto;
  height: auto;
}

#main main .noticeArea #noticeSlide .slick-dots li button {
  display: block;
  width: 6px;
  height: 6px;
  background: #ccc;
}

#main main .noticeArea #noticeSlide .slick-dots li.slick-active button {
  width: 12px;
  height: 8px;
  background: #767676;
}

#main main .mainContent {
  display: flex;
  gap: 24px;
  margin-bottom: 50px;
}

#main main .mainContent .otherArea {
  display: flex;
  flex: none;
  flex-direction: column;
  gap: 15px;
  width: 302px;
}

#main main .mainContent .otherArea .solutionArea {
  height: 145px;
}

#main main .mainContent .otherArea .solutionArea a {
  display: block;
  height: 145px;
  border-radius: 25px;
}

#main main .mainContent .otherArea .solutionArea a p {
  margin-top: 14px;
  font-size: 18px;
  font-weight: 600;
  line-height: 135%;
  letter-spacing: -0.504px;
}

#main main .mainContent .otherArea .ohfodArea {
  height: 337px;
}

#main main .mainContent .otherArea .ohfodArea a {
  display: block;
  height: 337px;
  border-radius: 25px;
  overflow: hidden;
  border: 1px solid #DDDDDD;
}

#main main .mainContent .otherArea .ohfodArea a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#main main .mainContent .otherArea .ohfodArea a .sLogo {
  color: #fff;
}

#main main .mainContent .otherArea .ohfodArea a {
  position: relative;
}

#main main .mainContent .otherArea .ohfodArea a:after {
  content: "";
  position: absolute;
  width: 54px;
  height: 54px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/static/images/main/ico_play.svg) no-repeat 50%/54px auto;
}

#main main .mainContent #mainSlide {
  width: 954px;
  height: 497px;
  border-radius: 25px;
  overflow: hidden;
}

#main main .mainContent #mainSlide .slideList {
  width: 954px;
  height: 497px;
}

#main main .mainContent #mainSlide .slick-slide a {
  display: block;
  position: relative;
  height: 497px;
}

#main main .mainContent #mainSlide .slick-slide a .thumbnailBg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: 50%;
  z-index: 10;
}

#main main .mainContent #mainSlide .slick-slide a .textArea {
  display: flex;
  flex-direction: column;
  gap: 28px;
  position: relative;
  padding: 24px 34px;
  z-index: 12;
}

#main main .mainContent #mainSlide .slick-slide a .textArea .sLogo {
  color: #fff;
}

#main main .mainContent #mainSlide .slick-slide a .textArea strong {
  font-size: 36px;
  font-weight: 700;
  line-height: 135%;
  letter-spacing: -1.008px;
  color: #fff;
}

#main main .mainContent #mainSlide .slick-slide a .textArea .hashtagArea {
  display: flex;
  flex-wrap: wrap;
  row-gap: 14px;
  column-gap: 8px;
}

#main main .mainContent #mainSlide .slick-slide a .textArea .hashtagArea li {
  display: flex;
  align-items: center;
  padding: 0 16px;
  height: 42px;
  font-size: 18px;
  font-weight: 500;
  line-height: 145%;
  letter-spacing: 0.072px;
  color: #fff;
  border-radius: 21px;
  background: rgba(255, 255, 255, 0.3);
}

#main main .mainContent #mainSlide .slick-slide a .textArea .hashtagArea li.on {
  color: #111111;
  background: #fff;
}

#main main .mainContent #mainSlide .slick-slide a .textArea .hashtagArea li:before {
  content: "#";
}

#main main .mainContent #mainSlide .slick-list {
  position: relative;
  z-index: 1;
}

#main main .mainContent #mainSlide .slick-dots {
  display: flex;
  gap: 8px;
  align-items: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 24px;
  height: 30px;
  padding: 0 14px;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.5);
  z-index: 2;
}

#main main .mainContent #mainSlide .slick-dots li {
  margin: 0;
  width: auto;
}

#main main .mainContent #mainSlide .slick-dots li button {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.5);
}

#main main .mainContent #mainSlide .slick-dots li.slick-active button {
  width: 10px;
  background: #fff;
}

#main main .mainContent #mainSlide .btnNext {
  background: url(/static/images/main/btn_arrowNext.svg) 50% 50% no-repeat;
  z-index: 10;
  width: 52px;
  height: 52px;
  position: absolute;
  right: 10px;
  top: 50%;
  opacity: 0;
  transform: translateY(-50%) opacity 0.3s;
}

#main main .mainContent #mainSlide .btnPrev {
  background: url(/static/images/main/btn_arrowPrev.svg) 50% 50% no-repeat;
  z-index: 10;
  width: 52px;
  height: 52px;
  position: absolute;
  left: 10px;
  top: 50%;
  opacity: 0;
  transform: translateY(-50%) opacity 0.3s;
}

#main main .mainContent #mainSlide:hover .btnNext,
#main main .mainContent #mainSlide:hover .btnPrev {
  opacity: 1;
}

#main main .menuArea {
  margin-bottom: 50px;
}

#main main .menuArea ul {
  display: flex;
  gap: 64px;
  justify-content: center;
}

#main main .menuArea ul li {
  display: flex;
  justify-content: center;
  min-width: 90px;
  align-items: flex-end;
}

#main main .menuArea ul li a {
  display: flex;
  position: relative;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 145%;
  letter-spacing: 0.072px;
}

#main main .menuArea ul li a em {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 0;
  width: 32px;
  height: 32px;
  margin-left: 14px;
  border-radius: 50%;
  background: #FF7A00;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  z-index: 1;
}

#main main .menuArea ul li a.ico_new::after {
  background-image: url(/static/images/main/ico_menu/01.svg);
}

#main main .menuArea ul li a.ico_event::after {
  background-image: url(/static/images/main/ico_menu/02.svg);
}

#main main .menuArea ul li a.ico_best::after {
  background-image: url(/static/images/main/ico_menu/03.svg);
}

#main main .menuArea ul li a.ico_recommend::after {
  background-image: url(/static/images/main/ico_menu/04.svg);
}

#main main .menuArea ul li a.ico_vegan::after {
  background-image: url(/static/images/main/ico_menu/05.svg);
}

#main main .menuArea ul li a.ico_pop::after {
  background-image: url(/static/images/main/ico_menu/06.svg);
}

#main main .menuArea ul li a.ico_edu::after {
  background-image: url(/static/images/main/ico_menu/07.svg);
}

#main main .menuArea ul li a.ico_freshlab::after {
  background-image: url(/static/images/main/ico_menu/08.svg);
}

#main main .productArea {
  display: flex;
  height: 410px;
  padding-left: 34px;
  margin-bottom: 50px;
  border-radius: 24px;
  border: 1px solid #DDDDDD;
  background: #fff;
}

#main main .productArea .leftArea {
  display: flex;
  flex-direction: column;
  flex: none;
  width: 265px;
  padding: 60px 0 42px;
  justify-content: space-between;
}

#main main .productArea .leftArea .titleArea {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}

#main main .productArea .leftArea .titleArea strong {
  font-size: 32px;
  font-weight: 700;
  line-height: 140%;
  word-break: keep-all;
}

#main main .productArea .leftArea .titleArea strong img {
  display: inline-block;
  margin-left: 5px;
  height: 44px;
}

#main main .productArea .leftArea .titleArea span {
  display: block;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.072px;
  color: #888888;
  word-break: keep-all;
}

#main main .productArea .leftArea .titleArea > a {
  display: block;
  padding-right: 28px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.064px;
  color: #444444;
}

#main main .productArea .leftArea .titleArea > a {
  position: relative;
}

#main main .productArea .leftArea .titleArea > a:after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13.5L8 7.5L0.999999 1.5' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 50%/7px auto;
}

#main main .productArea .leftArea .controlsArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#main main .productArea .leftArea .controlsArea .btnArea {
  display: flex;
  gap: 4px;
}

#main main .productArea .leftArea .controlsArea .btnArea a {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  display: block;
  position: relative;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid #ddd;
  flex: none;
}

#main main .productArea .leftArea .controlsArea .btnArea a:after {
  content: "";
  position: absolute;
  width: 7px;
  height: 12px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-size: 7px auto;
  background-position: 50%;
  background-repeat: no-repeat;
}

#main main .productArea .leftArea .controlsArea .btnArea a.btnPrev::after {
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M5.75 10.5L1 5.74998L5.75 1.00001" stroke="%23111" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}

#main main .productArea .leftArea .controlsArea .btnArea a.btnNext::after {
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.25 1.5L6 6.25002L1.25 11" stroke="%23111" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}

#main main .productArea .leftArea .controlsArea .btnArea a.btnPause::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L1 11' stroke='%23111' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M5 1L5 11' stroke='%23111' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

#main main .productArea .leftArea .controlsArea .btnArea a.btnPlay::after {
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 6.13397C13.1667 6.51888 13.1667 7.48113 12.5 7.86603L5 12.1962C4.33333 12.5811 3.5 12.0999 3.5 11.3301L3.5 2.66987C3.5 1.90007 4.33333 1.41895 5 1.80385L12.5 6.13397Z' fill='%23111'/%3E%3C/svg%3E%0A");
  background-size: 14px auto;
}

#main main .productArea .leftArea .controlsArea .timeline {
  position: relative;
  width: 160px;
  height: 3px;
  border-radius: 2px;
  background: #F5F5F5;
  overflow: hidden;
}

#main main .productArea .leftArea .controlsArea .timeline span {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 3px;
  border-radius: 2px;
  background: #888888;
  transition: 0.5s;
}

#main main .productArea .slideArea {
  display: flex;
  align-items: flex-start;
  width: 979px;
  padding-left: 54px;
  padding-top: 60px;
}

#main main .productArea .slideArea #productSlide .swiper-slide {
  width: 245px;
}

#main main .productArea .slideArea #productSlide .swiper-slide a {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-left: 21px;
  height: 308px;
}

#main main .productArea .slideArea #productSlide .swiper-slide a .imgArea {
  position: relative;
  text-align: center;
  width: 224px;
  height: 196px;
  flex: none;
}

#main main .productArea .slideArea #productSlide .swiper-slide a .imgArea img {
  max-height: 100%;
}

#main main .productArea .slideArea #productSlide .swiper-slide a .textArea {
  padding-left: 68px;
}

#main main .productArea .slideArea #productSlide .swiper-slide a .textArea > em {
  display: block;
  margin-bottom: 2px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.064px;
  color: #FF7A00;
  min-height: 22px;
}

#main main .productArea .slideArea #productSlide .swiper-slide a .textArea strong {
  display: block;
  min-height: 62px;
  margin-bottom: 6px;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.088px;
}

#main main .productArea .slideArea #productSlide .swiper-slide a .textArea .hashtagArea {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

#main main .productArea .slideArea #productSlide .swiper-slide a .textArea .hashtagArea em {
  display: block;
  line-height: 145%;
  letter-spacing: 0.064px;
  color: #888888;
}

#main main .productArea .slideArea #productSlide .swiper-slide a .textArea .hashtagArea em:before {
  content: "#";
}

#main main .productArea .slideArea #productSlide .swiper-slide a:before {
  content: "";
  position: absolute;
  width: 89px;
  height: 93px;
  left: 0;
  top: -15px;
  z-index: 1;
}

#main main .productArea .slideArea #productSlide .swiper-slide a .activeText {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 0;
  width: 245px;
  height: 307px;
  border: 1px solid #FF7A00;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  z-index: 1;
  padding: 30px;
  border-radius: 25px;
  transform: translateY(calc(100% + 30px));
  transition: 0.35s;
  overflow-y: auto;
}

#main main .productArea .slideArea #productSlide .swiper-slide a .activeText > em {
  display: block;
  margin-bottom: 4px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.064px;
  color: #FF7A00;
}

#main main .productArea .slideArea #productSlide .swiper-slide a .activeText strong {
  display: block;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.088px;
}

#main main .productArea .slideArea #productSlide .swiper-slide a .activeText p {
  line-height: 150%;
  letter-spacing: 0.16px;
  color: #888888;
}

#main main .productArea .slideArea #productSlide .swiper-slide a:hover .activeText {
  transform: translateY(0);
}

#main main .productArea .slideArea #productSlide .swiper-slide a:hover .textArea {
  border-radius: 25px;
  overflow: hidden;
}

#main main .productArea .slideArea #productSlide .swiper-slide[data-swiper-slide-index="0"] a .imgArea {
  position: relative;
}

#main main .productArea .slideArea #productSlide .swiper-slide[data-swiper-slide-index="0"] a .imgArea:after {
  content: "";
  position: absolute;
  right: -24px;
  top: -24px;
  width: 116px;
  height: 110px;
  background: url(/static/images/main/ico_best.svg) no-repeat 0 0;
}

#main main .productArea .slideArea #productSlide .swiper-slide[data-swiper-slide-index="0"] a:before {
  content: "1";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: -17px;
  width: 89px;
  height: 93px;
  font-size: 78px;
  font-weight: 700;
  line-height: normal;
}

#main main .productArea .slideArea #productSlide .swiper-slide[data-swiper-slide-index="1"] a::before {
  background: url("/static/images/main/ico_number/2.svg") no-repeat 50%;
}

#main main .productArea .slideArea #productSlide .swiper-slide[data-swiper-slide-index="2"] a::before {
  background: url("/static/images/main/ico_number/3.svg") no-repeat 50%;
}

#main main .productArea .slideArea #productSlide .swiper-slide[data-swiper-slide-index="3"] a::before {
  background: url("/static/images/main/ico_number/4.svg") no-repeat 50%;
}

#main main .productArea .slideArea #productSlide .swiper-slide[data-swiper-slide-index="4"] a::before {
  background: url("/static/images/main/ico_number/5.svg") no-repeat 50%;
}

#main main .productArea .slideArea #productSlide .swiper-slide[data-swiper-slide-index="5"] a::before {
  background: url("/static/images/main/ico_number/6.svg") no-repeat 50%;
}

#main main .productArea .slideArea #productSlide .swiper-slide[data-swiper-slide-index="6"] a::before {
  background: url("/static/images/main/ico_number/7.svg") no-repeat 50%;
}

#main main .productArea .slideArea #productSlide .swiper-slide[data-swiper-slide-index="7"] a::before {
  background: url("/static/images/main/ico_number/8.svg") no-repeat 50%;
}

#main main .productArea .slideArea #productSlide .swiper-slide[data-swiper-slide-index="8"] a::before {
  background: url("/static/images/main/ico_number/9.svg") no-repeat 50%;
}

#main main .productArea .slideArea #productSlide .swiper-slide[data-swiper-slide-index="9"] a::before {
  background: url("/static/images/main/ico_number/10.svg") no-repeat 50%;
}

#main main .productArea .slideArea #productSlide .swiper-slide .icoBest {
  position: absolute;
}

#main main .recipeArea {
  margin-bottom: 50px;
}

#main main .recipeArea ul {
  display: flex;
  gap: 24px;
}

#main main .recipeArea ul li {
  width: 302px;
  overflow: hidden;
  border-radius: 25px;
}

#main main .recipeArea ul li a {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 400px;
  padding: 24px;
}

#main main .recipeArea ul li a .imgArea {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  transition: 0.3s;
}

#main main .recipeArea ul li a .imgArea img {
  transition: 1s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#main main .recipeArea ul li a .videoArea {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}

#main main .recipeArea ul li a .videoArea video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

#main main .recipeArea ul li a .textArea {
  padding-right: 50px;
  color: #000000;
}

#main main .recipeArea ul li a .textArea em {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 145%;
  letter-spacing: 0.072px;
}

#main main .recipeArea ul li a .textArea strong {
  display: block;
  font-size: 28px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.672px;
}

#main main .recipeArea ul li.on .imgArea img {
  transform: scale(1.3);
}

#main main .recipeArea ul li.on.multimediaLi .imgArea img {
  transform: scale(1);
}

#main main .recipeArea ul li.on.multimediaLi .imgArea {
  opacity: 0;
}

#main main .recipeArea ul li.multimediaLi a .imgArea:after {
  content: "";
  position: absolute;
  width: 54px;
  height: 54px;
  right: 29px;
  bottom: 29px;
  background: url(/static/images/main/ico_play.svg) no-repeat 0/100% auto;
  z-index: 1;
}

#main main .versusArea {
  height: 200px;
  margin-bottom: 50px;
  border-radius: 25px;
  overflow: hidden;
}

#main main .versusArea a {
  display: block;
}

#main main .informArea {
  display: flex;
  justify-content: space-between;
}

#main main .informArea .conditionsArea {
  flex: none;
  width: 302px;
  height: 450px;
  padding: 36px 0 45px;
  background: #fff;
  border-radius: 25px;
  border: 1px solid #DDDDDD;
}

#main main .informArea .conditionsArea .textArea a {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0 28px;
  margin-bottom: 35px;
}

#main main .informArea .conditionsArea .textArea a strong {
  display: block;
  font-size: 32px;
  font-weight: 600;
  line-height: 135%;
  letter-spacing: -0.896px;
  word-break: keep-all;
}

#main main .informArea .conditionsArea .textArea a strong em {
  color: #DD345C;
}

#main main .informArea .conditionsArea article {
  display: none;
}

#main main .informArea .conditionsArea article .conditionsSlide .slick-slide {
  display: flex;
  justify-content: center;
}

#main main .informArea .conditionsArea article .conditionsSlide .slick-arrow {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid #DDDDDD;
}

#main main .informArea .conditionsArea article .conditionsSlide .slick-arrow.slick-prev {
  left: 16px;
  background: #fff url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 10L0.999999 5.49997L5 1' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 50%;
}

#main main .informArea .conditionsArea article .conditionsSlide .slick-arrow.slick-next {
  right: 16px;
  background: #fff url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5.50003L0.999999 10' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 50%;
}

#main main .informArea .conditionsArea article .conditionsSlide .graphArea {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 136px;
  height: 136px;
}

#main main .informArea .conditionsArea article .conditionsSlide .graphArea:after {
  content: "";
  position: absolute;
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  transform: translateX(38%);
  top: 17px;
  height: 34px;
  padding: 0 14px;
  font-size: 15px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.06px;
  color: #fff;
  background: #DD345C;
  border-radius: 17px;
}

#main main .informArea .conditionsArea article .conditionsSlide .graphArea.lv1 {
  background: url("data:image/svg+xml,%3Csvg width='136' height='136' viewBox='0 0 136 136' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M68.0029 136C30.4476 136 0.00292507 105.555 0.00292672 68C0.00292836 30.4446 30.4476 -4.61397e-06 68.0029 -2.97237e-06C105.558 -1.33078e-06 136.003 30.4446 136.003 68C136.003 105.555 105.558 136 68.0029 136ZM68.0029 6.8C34.2031 6.8 6.80293 34.2002 6.80293 68C6.80293 101.8 34.2031 129.2 68.0029 129.2C101.803 129.2 129.203 101.8 129.203 68C129.203 34.2002 101.803 6.8 68.0029 6.8Z' fill='%23FFF1E3'/%3E%3Cpath d='M68.0029 132.6C68.0029 134.478 66.4795 136.009 64.6041 135.915C52.5747 135.313 40.9189 131.526 30.8332 124.942C29.2608 123.916 28.9283 121.782 30.032 120.262C31.1357 118.743 33.2573 118.415 34.8353 119.433C43.7515 125.183 54.0114 128.517 64.6045 129.106C66.4794 129.21 68.0029 130.722 68.0029 132.6Z' fill='%23FF8514'/%3E%3C/svg%3E%0A");
}

#main main .informArea .conditionsArea article .conditionsSlide .graphArea.lv1:after {
  content: "약";
}

#main main .informArea .conditionsArea article .conditionsSlide .graphArea.lv2 {
  background: url("data:image/svg+xml,%3Csvg width='136' height='136' viewBox='0 0 136 136' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M68.0029 136C30.4476 136 0.00292507 105.555 0.00292672 68C0.00292836 30.4446 30.4476 -4.61397e-06 68.0029 -2.97237e-06C105.558 -1.33078e-06 136.003 30.4446 136.003 68C136.003 105.555 105.558 136 68.0029 136ZM68.0029 6.8C34.2031 6.8 6.80293 34.2002 6.80293 68C6.80293 101.8 34.2031 129.2 68.0029 129.2C101.803 129.2 129.203 101.8 129.203 68C129.203 34.2002 101.803 6.8 68.0029 6.8Z' fill='%23FFF1E3'/%3E%3Cpath d='M68.0029 132.6C68.0029 134.478 66.4797 136.009 64.6043 135.915C56.8356 135.526 49.1823 133.807 41.9804 130.824C33.7303 127.406 26.234 122.398 19.9197 116.083C13.6053 109.769 8.59644 102.273 5.17912 94.0225C2.196 86.8206 0.476666 79.1674 0.0879028 71.3986C-0.00593871 69.5232 1.52516 68 3.40294 68C5.2807 68 6.79309 69.5234 6.89735 71.3983C7.27971 78.2736 8.82017 85.0435 11.4615 91.4202C14.5371 98.8453 19.045 105.592 24.728 111.275C30.4109 116.958 37.1576 121.466 44.5827 124.541C50.9594 127.183 57.7293 128.723 64.6046 129.106C66.4795 129.21 68.0029 130.722 68.0029 132.6Z' fill='%23FF8514'/%3E%3C/svg%3E%0A");
}

#main main .informArea .conditionsArea article .conditionsSlide .graphArea.lv2:after {
  content: "약보합";
}

#main main .informArea .conditionsArea article .conditionsSlide .graphArea.lv3 {
  background: url("data:image/svg+xml,%3Csvg width='136' height='136' viewBox='0 0 136 136' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M68.0029 136C30.4476 136 0.00292507 105.555 0.00292672 68C0.00292836 30.4446 30.4476 -4.61397e-06 68.0029 -2.97237e-06C105.558 -1.33078e-06 136.003 30.4446 136.003 68C136.003 105.555 105.558 136 68.0029 136ZM68.0029 6.8C34.2031 6.8 6.80293 34.2002 6.80293 68C6.80293 101.8 34.2031 129.2 68.0029 129.2C101.803 129.2 129.203 101.8 129.203 68C129.203 34.2002 101.803 6.8 68.0029 6.8Z' fill='%23FFF1E3'/%3E%3Cpath d='M68.0029 132.6C68.0029 134.478 66.4796 136.009 64.6042 135.915C47.807 135.075 31.8688 128.032 19.9197 116.083C7.16719 103.331 0.00292593 86.0347 0.00292672 68C0.0029275 49.9653 7.16719 32.6692 19.9197 19.9167C31.8688 7.96764 47.807 0.924843 64.6042 0.0849023C66.4796 -0.00887789 68.0029 1.52223 68.0029 3.4C68.0029 5.27777 66.4792 6.79015 64.6043 6.89435C49.6118 7.72763 35.4016 14.0515 24.728 24.7251C13.2508 36.2023 6.80293 51.7688 6.80293 68C6.80293 84.2312 13.2508 99.7977 24.728 111.275C35.4016 121.949 49.6118 128.272 64.6043 129.106C66.4792 129.21 68.0029 130.722 68.0029 132.6Z' fill='%23FF8514'/%3E%3C/svg%3E%0A");
}

#main main .informArea .conditionsArea article .conditionsSlide .graphArea.lv3:after {
  content: "보합";
}

#main main .informArea .conditionsArea article .conditionsSlide .graphArea.lv4 {
  background: url("data:image/svg+xml,%3Csvg width='136' height='136' viewBox='0 0 136 136' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M68.0029 136C30.4476 136 0.00292507 105.555 0.00292672 68C0.00292836 30.4446 30.4476 -4.61397e-06 68.0029 -2.97237e-06C105.558 -1.33078e-06 136.003 30.4446 136.003 68C136.003 105.555 105.558 136 68.0029 136ZM68.0029 6.8C34.2031 6.8 6.80293 34.2002 6.80293 68C6.80293 101.8 34.2031 129.2 68.0029 129.2C101.803 129.2 129.203 101.8 129.203 68C129.203 34.2002 101.803 6.8 68.0029 6.8Z' fill='%23FFF1E3'/%3E%3Cpath d='M68.0029 132.6C68.0029 134.478 66.4796 136.009 64.6041 135.915C52.348 135.302 40.4626 131.381 30.2241 124.54C19.0416 117.068 10.3259 106.448 5.17912 94.0225C0.0323603 81.5971 -1.31427 67.9246 1.30952 54.7339C3.93332 41.5431 10.4097 29.4267 19.9197 19.9167C29.4296 10.4068 41.5461 3.93039 54.7368 1.3066C67.9275 -1.3172 81.6 0.0294305 94.0254 5.17619C106.451 10.323 117.071 19.0387 124.543 30.2212C131.384 40.4597 135.305 52.345 135.918 64.6012C136.012 66.4766 134.481 68 132.603 68C130.725 68 129.213 66.4766 129.109 64.6017C128.502 53.6912 124.983 43.1192 118.889 33.9991C112.164 23.9348 102.606 16.0907 91.4232 11.4586C80.2403 6.82649 67.935 5.61453 56.0634 7.97594C44.1918 10.3374 33.287 16.1661 24.728 24.7251C16.169 33.284 10.3403 44.1888 7.97886 56.0605C5.61746 67.9321 6.82942 80.2374 11.4615 91.4202C16.0936 102.603 23.9377 112.161 34.002 118.886C43.1221 124.98 53.6941 128.499 64.6046 129.106C66.4795 129.21 68.0029 130.722 68.0029 132.6Z' fill='%23FF8514'/%3E%3C/svg%3E%0A");
}

#main main .informArea .conditionsArea article .conditionsSlide .graphArea.lv4:after {
  content: "강보합";
}

#main main .informArea .conditionsArea article .conditionsSlide .graphArea.lv5 {
  background: url("data:image/svg+xml,%3Csvg width='136' height='136' viewBox='0 0 136 136' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M68.0029 136C30.4476 136 0.00292507 105.555 0.00292672 68C0.00292836 30.4446 30.4476 -4.61397e-06 68.0029 -2.97237e-06C105.558 -1.33078e-06 136.003 30.4446 136.003 68C136.003 105.555 105.558 136 68.0029 136ZM68.0029 6.8C34.2031 6.8 6.80293 34.2002 6.80293 68C6.80293 101.8 34.2031 129.2 68.0029 129.2C101.803 129.2 129.203 101.8 129.203 68C129.203 34.2002 101.803 6.8 68.0029 6.8Z' fill='%23FFF1E3'/%3E%3Cpath d='M68.0029 132.6C68.0029 134.478 66.4795 136.009 64.604 135.915C49.6311 135.166 35.2885 129.485 23.8405 119.708C11.5287 109.192 3.37295 94.6292 0.840115 78.6375C-1.69271 62.6459 1.56361 46.2752 10.0234 32.4701C18.4832 18.665 31.5912 8.33145 46.9898 3.32815C62.3883 -1.67514 79.0669 -1.01984 94.0254 5.17619C108.984 11.3722 121.241 22.7023 128.591 37.1286C135.942 51.5549 137.904 68.1306 134.124 83.8743C130.61 98.5134 122.345 111.54 110.672 120.947C109.21 122.125 107.078 121.782 105.974 120.262C104.87 118.743 105.214 116.624 106.669 115.438C117.036 106.989 124.375 95.3514 127.512 82.2868C130.914 68.1176 129.148 53.1994 122.533 40.2158C115.917 27.2321 104.886 17.035 91.4232 11.4586C77.9605 5.88214 62.9498 5.29237 49.0911 9.79534C35.2324 14.2983 23.4352 23.5985 15.8213 36.0231C8.20755 48.4477 5.27685 63.1813 7.55641 77.5738C9.83595 91.9663 17.1761 105.073 28.2567 114.537C38.4733 123.263 51.2515 128.363 64.6043 129.106C66.4792 129.21 68.0029 130.722 68.0029 132.6Z' fill='%23FF8514'/%3E%3C/svg%3E%0A");
}

#main main .informArea .conditionsArea article .conditionsSlide .graphArea.lv5:after {
  content: "강";
}

#main main .informArea .conditionsArea article .conditionsSlide .graphArea span {
  display: block;
  padding-top: 74px;
  font-size: 14px;
  font-weight: 600;
  line-height: 145%;
  letter-spacing: 0.056px;
}

#main main .informArea .conditionsArea article .conditionsSlide .graphArea span {
  position: relative;
}

#main main .informArea .conditionsArea article .conditionsSlide .graphArea span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  background-position: 50%;
}

#main main .informArea .conditionsArea article .conditionsSlide .graphArea span.ico_carrot:after {
  background-image: url(/static/images/main/ico_situation/carrot.svg);
}

#main main .informArea .conditionsArea article .conditionsSlide .graphArea span.ico_fruit:after {
  background-image: url(/static/images/main/ico_situation/fruit.svg);
}

#main main .informArea .conditionsArea article .conditionsSlide .graphArea span.ico_kimchi:after {
  background-image: url(/static/images/main/ico_situation/kimchi.svg);
}

#main main .informArea .conditionsArea article .conditionsSlide .graphArea span.ico_wheat:after {
  background-image: url(/static/images/main/ico_situation/wheat.svg);
}

#main main .informArea .conditionsArea article .conditionsSlide .graphArea span.ico_beef:after {
  background-image: url(/static/images/main/ico_situation/beef.svg);
}

#main main .informArea .conditionsArea article .conditionsSlide .graphArea span.ico_pork:after {
  background-image: url(/static/images/main/ico_situation/pork.svg);
}

#main main .informArea .conditionsArea article .conditionsSlide .graphArea span.ico_chicken:after {
  background-image: url(/static/images/main/ico_situation/chicken.svg);
}

#main main .informArea .conditionsArea article .conditionsSlide .graphArea span.ico_egg:after {
  background-image: url(/static/images/main/ico_situation/egg.svg);
}

#main main .informArea .conditionsArea article .conditionsSlide .graphArea span.ico_fish:after {
  background-image: url(/static/images/main/ico_situation/fish.svg);
}

#main main .informArea .conditionsArea article .conditionsSlide .graphArea span.ico_driedFish:after {
  background-image: url(/static/images/main/ico_situation/driedFish.svg);
}

#main main .informArea .conditionsArea article .conditionsSlide .graphArea span.ico_clam:after {
  background-image: url(/static/images/main/ico_situation/clam.svg);
}

#main main .informArea .conditionsArea article:first-of-type {
  display: block;
}

#main main .informArea .conditionsArea .tabArea {
  display: flex;
  gap: 6px;
  padding: 0 20px;
  margin-top: 32px;
}

#main main .informArea .conditionsArea .tabArea li {
  flex-basis: 0;
  flex-grow: 1;
}

#main main .informArea .conditionsArea .tabArea li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  border-radius: 17px;
  border: 1px solid #DDDDDD;
  width: 100%;
}

#main main .informArea .conditionsArea .tabArea li a span {
  display: block;
  position: relative;
  padding-left: 21px;
  white-space: nowrap;
  font-size: 14px;
  line-height: 145%;
  letter-spacing: 0.056px;
  color: #666666;
}

#main main .informArea .conditionsArea .tabArea li a span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 19px;
  height: 18px;
  background-size: 19px auto;
  background-position: 50%;
  background-repeat: no-repeat;
}

#main main .informArea .conditionsArea .tabArea li a span.ico_wheat:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 21 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.37739 0C3.48389 1.21 2.23299 4.03655 4.37739 5.66278C6.46226 4.06559 5.27092 1.3068 4.37739 0Z' fill='%23aaa'/%3E%3Cpath d='M1.03817 4.05218C0.851651 5.53223 1.14923 8.59745 3.8317 9.01792C4.8718 6.63965 2.46628 4.77911 1.03817 4.05218Z' fill='%23aaa'/%3E%3Cpath d='M7.79777 4.05218C7.98429 5.53223 7.68671 8.59745 5.00424 9.01792C3.96414 6.63965 6.36966 4.77911 7.79777 4.05218Z' fill='%23aaa'/%3E%3Cpath d='M1.03817 8.55023C0.851651 10.0303 1.14923 13.0955 3.8317 13.516C4.8718 11.1377 2.46628 9.27716 1.03817 8.55023Z' fill='%23aaa'/%3E%3Cpath d='M7.79777 8.55023C7.98429 10.0303 7.68671 13.0955 5.00424 13.516C3.96414 11.1377 6.36966 9.27716 7.79777 8.55023Z' fill='%23aaa'/%3E%3Cpath d='M1.03812 13.0462C0.85154 14.5264 1.14895 17.5919 3.83119 18.0122C4.87133 15.6337 2.46609 13.7731 1.03812 13.0462Z' fill='%23aaa'/%3E%3Cpath d='M7.79782 13.0462C7.9844 14.5264 7.68699 17.5919 5.00475 18.0122C3.9646 15.6337 6.36985 13.7731 7.79782 13.0462Z' fill='%23aaa'/%3E%3Cpath d='M1.03817 17.5698C0.851651 19.0498 1.14923 22.115 3.8317 22.5355C4.8718 20.1572 2.46628 18.2967 1.03817 17.5698Z' fill='%23aaa'/%3E%3Cpath d='M7.79777 17.5698C7.98429 19.0498 7.68671 22.115 5.00424 22.5355C3.96414 20.1572 6.36966 18.2967 7.79777 17.5698Z' fill='%23aaa'/%3E%3Cpath d='M16.2637 3.83232C15.2856 4.68248 13.7017 6.82179 15.1905 8.57775C17.2403 7.62155 16.7648 5.09125 16.2637 3.83232Z' fill='%23aaa'/%3E%3Cpath d='M12.6959 6.61958C12.2591 7.82567 11.9276 10.4489 14.0958 11.293C15.4182 9.49075 13.7549 7.49058 12.6959 6.61958Z' fill='%23aaa'/%3E%3Cpath d='M18.3622 7.85992C18.2381 9.13451 17.4079 11.6488 15.0805 11.5093C14.6596 9.32541 17.0278 8.20726 18.3622 7.85992Z' fill='%23aaa'/%3E%3Cpath d='M11.8424 10.3833C11.4056 11.5893 11.0741 14.2126 13.2423 15.0567C14.5646 13.2544 12.9014 11.2543 11.8424 10.3833Z' fill='%23aaa'/%3E%3Cpath d='M17.5087 11.6237C17.3845 12.8981 16.5542 15.4122 14.2266 15.2728C13.8057 13.0891 16.1741 11.971 17.5087 11.6237Z' fill='%23aaa'/%3E%3Cpath d='M10.9908 14.1586C10.554 15.3647 10.2225 17.9879 12.3907 18.8321C13.7131 17.0298 12.0498 15.0296 10.9908 14.1586Z' fill='%23aaa'/%3E%3Cpath d='M16.6571 15.399C16.5329 16.6735 15.7027 19.1876 13.3751 19.0481C12.9542 16.8645 15.3226 15.7464 16.6571 15.399Z' fill='%23aaa'/%3E%3Cpath d='M10.1334 17.9418C9.69653 19.1479 9.36482 21.7713 11.5329 22.6153C12.8553 20.8129 11.1923 18.8127 10.1334 17.9418Z' fill='%23aaa'/%3E%3Cpath d='M15.7997 19.1822C15.6755 20.4567 14.8452 22.9708 12.5176 22.8313C12.0967 20.6477 14.4652 19.5296 15.7997 19.1822Z' fill='%23aaa'/%3E%3C/svg%3E%0A");
}

#main main .informArea .conditionsArea .tabArea li a span.ico_meat:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5044 0.960938C6.85306 0.960938 1.03125 1.9721 1.03125 6.40566C1.15139 7.52527 1.70263 8.55174 2.56536 9.26235C3.42809 9.97296 4.53271 10.3104 5.63954 10.2014C6.31207 10.2008 6.97869 10.0742 7.60575 9.82806C7.79955 9.7424 8.00873 9.69819 8.22019 9.69819C8.43165 9.69819 8.64083 9.7424 8.83463 9.82806C10.2651 10.629 11.8699 11.0567 13.5044 11.0726C17.6518 11.0726 21.0005 8.80134 21.0005 6.01675C21.0005 3.23217 17.6518 0.960938 13.5044 0.960938Z' stroke='%23aaa' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.002 6.01758V9.90667C21.002 12.6913 17.6533 14.9625 13.5058 14.9625C11.8702 14.9852 10.2547 14.5949 8.80533 13.8269C8.61153 13.7412 8.40235 13.697 8.19089 13.697C7.97944 13.697 7.77026 13.7412 7.57645 13.8269C6.9484 14.0677 6.28181 14.189 5.61025 14.1847C4.50341 14.2936 3.39879 13.9562 2.53606 13.2456C1.67333 12.535 1.12209 11.5085 1.00195 10.3889V6.40649' stroke='%23aaa' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.40867 6.40524C6.83286 6.40524 7.17672 6.057 7.17672 5.62743C7.17672 5.19785 6.83286 4.84961 6.40867 4.84961C5.98449 4.84961 5.64062 5.19785 5.64062 5.62743C5.64062 6.057 5.98449 6.40524 6.40867 6.40524Z' stroke='%23aaa' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.50195 10.4609C2.10195 10.4609 1.16862 7.1276 1.00195 5.46094V10.4609C1.66862 11.6276 3.30195 14.0609 4.50195 14.4609C5.70195 14.8609 7.66862 13.9609 8.50195 13.4609C9.16862 14.1276 11.302 15.3609 14.502 14.9609C17.702 14.5609 20.1686 11.7943 21.002 10.4609V6.96094C20.3353 8.1276 18.102 10.5609 14.502 10.9609C10.902 11.3609 8.66862 10.1276 8.00195 9.46094C7.83529 9.79427 6.90195 10.4609 4.50195 10.4609Z' fill='%23aaa'/%3E%3C/svg%3E%0A");
}

#main main .informArea .conditionsArea .tabArea li a span.ico_fish:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 21 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.002 6.99746C20.002 6.33956 19.4446 5.13753 18.2204 4.05403C17.5216 3.44201 16.7252 2.95611 15.8657 2.61731C15.8371 2.60643 15.8055 2.60675 15.7772 2.61821C15.7488 2.62968 15.7256 2.65148 15.7121 2.67937C15.7063 2.6909 15.7004 2.70204 15.6938 2.71357L15.3192 3.34601C14.6874 4.45681 14.355 5.71779 14.3555 7.00141C14.3559 8.28503 14.6893 9.54575 15.3219 10.6561L15.3309 10.6716L15.6723 11.308C15.6904 11.3418 15.72 11.3678 15.7554 11.3811C15.7909 11.3944 15.83 11.3941 15.8653 11.3804C18.7376 10.236 20.002 8.01135 20.002 6.99746ZM16.3332 6.99189C16.2038 7.00912 16.0723 6.98466 15.9572 6.92192C15.8421 6.85918 15.7492 6.76133 15.6915 6.64208C15.6338 6.52284 15.6143 6.38819 15.6356 6.25704C15.6569 6.12589 15.7179 6.00482 15.8102 5.91083C15.9026 5.81683 16.0215 5.75463 16.1503 5.73295C16.279 5.71127 16.4113 5.7312 16.5284 5.78994C16.6455 5.84868 16.7416 5.94329 16.8032 6.06048C16.8648 6.17767 16.8889 6.31157 16.8719 6.44337C16.8541 6.58247 16.7916 6.71166 16.6941 6.81086C16.5967 6.91005 16.4698 6.97369 16.3332 6.99189Z' fill='%23aaa'/%3E%3Cpath d='M13.1054 6.9996C13.1048 5.49065 13.4968 4.00846 14.2413 2.70379L14.246 2.69543L14.4265 2.39035C14.4395 2.36862 14.4473 2.34401 14.449 2.3186C14.4508 2.29319 14.4465 2.26772 14.4366 2.24434C14.4267 2.22095 14.4114 2.20033 14.392 2.18421C14.3727 2.16809 14.3498 2.15694 14.3253 2.1517C13.8196 2.04399 13.3072 1.97236 12.7917 1.9373C12.7309 1.9333 12.6726 1.91117 12.6241 1.87366C11.871 1.29054 10.378 0.270685 8.85613 0.00856102C8.75214 -0.00898609 8.64547 0.000537083 8.54606 0.0362442C8.44664 0.0719513 8.35771 0.132682 8.28754 0.212787C8.21737 0.292892 8.16824 0.389768 8.14472 0.494403C8.1212 0.599037 8.12405 0.70803 8.153 0.811242L8.56785 2.28972C8.57864 2.32803 8.57491 2.36907 8.55741 2.40472C8.5399 2.44037 8.50989 2.46803 8.47332 2.48223C7.03385 3.02677 5.794 4.02356 4.8897 4.78328C4.83435 4.82941 4.76515 4.85481 4.69363 4.85524C4.62211 4.85568 4.55261 4.83112 4.49673 4.78567C4.37381 4.68623 4.24764 4.58824 4.11821 4.49172C2.56976 3.3402 0.750606 3.18866 0.674043 3.18309C0.576834 3.17561 0.479255 3.19139 0.389105 3.22917C0.298954 3.26694 0.218732 3.32567 0.154849 3.40065C0.0909668 3.47563 0.0451954 3.56479 0.0211932 3.661C-0.00280893 3.75721 -0.00437625 3.85781 0.0166165 3.95474C0.0330229 4.03151 0.375604 5.57323 1.25491 6.80311C1.29449 6.85823 1.31582 6.92475 1.31582 6.99304C1.31582 7.06133 1.29449 7.12784 1.25491 7.18297C0.375604 8.41245 0.0330229 9.95457 0.0166165 10.0313C-0.00437625 10.1283 -0.00280893 10.2289 0.0211932 10.3251C0.0451954 10.4213 0.0909668 10.5104 0.154849 10.5854C0.218732 10.6604 0.298954 10.7191 0.389105 10.7569C0.479255 10.7947 0.576834 10.8105 0.674043 10.803C0.752169 10.7974 2.56976 10.6439 4.11626 9.49515C4.24256 9.40075 4.36587 9.30502 4.48618 9.20797C4.54211 9.16257 4.61163 9.13809 4.68315 9.13859C4.75467 9.1391 4.82385 9.16457 4.87915 9.21075C5.78736 9.97406 7.02956 10.972 8.47293 11.5178C8.50942 11.532 8.53936 11.5596 8.55686 11.5951C8.57435 11.6307 8.57814 11.6716 8.56746 11.7099L8.15105 13.1888C8.12209 13.292 8.11924 13.401 8.14277 13.5056C8.16629 13.6102 8.21542 13.7071 8.28559 13.7872C8.35576 13.8673 8.44469 13.928 8.5441 13.9638C8.64351 13.9995 8.75018 14.009 8.85418 13.9914C9.5245 13.8761 10.8808 13.4799 12.6062 12.1287C12.6554 12.0904 12.7146 12.0676 12.7765 12.0631C13.2913 12.0288 13.8032 11.9583 14.3085 11.8523C14.3324 11.8472 14.3547 11.8365 14.3738 11.821C14.3928 11.8056 14.4081 11.7858 14.4183 11.7632C14.4285 11.7407 14.4334 11.716 14.4326 11.6912C14.4318 11.6664 14.4253 11.6422 14.4136 11.6204L14.2374 11.2906C13.4951 9.98698 13.1045 8.50657 13.1054 6.9996Z' fill='%23aaa'/%3E%3C/svg%3E%0A");
}

#main main .informArea .conditionsArea .tabArea li.on a {
  background: #111111;
  border-color: #111111;
}

#main main .informArea .conditionsArea .tabArea li.on a span {
  color: #fff;
  font-weight: 600;
}

#main main .informArea .conditionsArea .tabArea li.on a span.ico_wheat:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 21 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.37739 0C3.48389 1.21 2.23299 4.03655 4.37739 5.66278C6.46226 4.06559 5.27092 1.3068 4.37739 0Z' fill='%23fff'/%3E%3Cpath d='M1.03817 4.05218C0.851651 5.53223 1.14923 8.59745 3.8317 9.01792C4.8718 6.63965 2.46628 4.77911 1.03817 4.05218Z' fill='%23fff'/%3E%3Cpath d='M7.79777 4.05218C7.98429 5.53223 7.68671 8.59745 5.00424 9.01792C3.96414 6.63965 6.36966 4.77911 7.79777 4.05218Z' fill='%23fff'/%3E%3Cpath d='M1.03817 8.55023C0.851651 10.0303 1.14923 13.0955 3.8317 13.516C4.8718 11.1377 2.46628 9.27716 1.03817 8.55023Z' fill='%23fff'/%3E%3Cpath d='M7.79777 8.55023C7.98429 10.0303 7.68671 13.0955 5.00424 13.516C3.96414 11.1377 6.36966 9.27716 7.79777 8.55023Z' fill='%23fff'/%3E%3Cpath d='M1.03812 13.0462C0.85154 14.5264 1.14895 17.5919 3.83119 18.0122C4.87133 15.6337 2.46609 13.7731 1.03812 13.0462Z' fill='%23fff'/%3E%3Cpath d='M7.79782 13.0462C7.9844 14.5264 7.68699 17.5919 5.00475 18.0122C3.9646 15.6337 6.36985 13.7731 7.79782 13.0462Z' fill='%23fff'/%3E%3Cpath d='M1.03817 17.5698C0.851651 19.0498 1.14923 22.115 3.8317 22.5355C4.8718 20.1572 2.46628 18.2967 1.03817 17.5698Z' fill='%23fff'/%3E%3Cpath d='M7.79777 17.5698C7.98429 19.0498 7.68671 22.115 5.00424 22.5355C3.96414 20.1572 6.36966 18.2967 7.79777 17.5698Z' fill='%23fff'/%3E%3Cpath d='M16.2637 3.83232C15.2856 4.68248 13.7017 6.82179 15.1905 8.57775C17.2403 7.62155 16.7648 5.09125 16.2637 3.83232Z' fill='%23fff'/%3E%3Cpath d='M12.6959 6.61958C12.2591 7.82567 11.9276 10.4489 14.0958 11.293C15.4182 9.49075 13.7549 7.49058 12.6959 6.61958Z' fill='%23fff'/%3E%3Cpath d='M18.3622 7.85992C18.2381 9.13451 17.4079 11.6488 15.0805 11.5093C14.6596 9.32541 17.0278 8.20726 18.3622 7.85992Z' fill='%23fff'/%3E%3Cpath d='M11.8424 10.3833C11.4056 11.5893 11.0741 14.2126 13.2423 15.0567C14.5646 13.2544 12.9014 11.2543 11.8424 10.3833Z' fill='%23fff'/%3E%3Cpath d='M17.5087 11.6237C17.3845 12.8981 16.5542 15.4122 14.2266 15.2728C13.8057 13.0891 16.1741 11.971 17.5087 11.6237Z' fill='%23fff'/%3E%3Cpath d='M10.9908 14.1586C10.554 15.3647 10.2225 17.9879 12.3907 18.8321C13.7131 17.0298 12.0498 15.0296 10.9908 14.1586Z' fill='%23fff'/%3E%3Cpath d='M16.6571 15.399C16.5329 16.6735 15.7027 19.1876 13.3751 19.0481C12.9542 16.8645 15.3226 15.7464 16.6571 15.399Z' fill='%23fff'/%3E%3Cpath d='M10.1334 17.9418C9.69653 19.1479 9.36482 21.7713 11.5329 22.6153C12.8553 20.8129 11.1923 18.8127 10.1334 17.9418Z' fill='%23fff'/%3E%3Cpath d='M15.7997 19.1822C15.6755 20.4567 14.8452 22.9708 12.5176 22.8313C12.0967 20.6477 14.4652 19.5296 15.7997 19.1822Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}

#main main .informArea .conditionsArea .tabArea li.on a span.ico_meat:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5044 0.960938C6.85306 0.960938 1.03125 1.9721 1.03125 6.40566C1.15139 7.52527 1.70263 8.55174 2.56536 9.26235C3.42809 9.97296 4.53271 10.3104 5.63954 10.2014C6.31207 10.2008 6.97869 10.0742 7.60575 9.82806C7.79955 9.7424 8.00873 9.69819 8.22019 9.69819C8.43165 9.69819 8.64083 9.7424 8.83463 9.82806C10.2651 10.629 11.8699 11.0567 13.5044 11.0726C17.6518 11.0726 21.0005 8.80134 21.0005 6.01675C21.0005 3.23217 17.6518 0.960938 13.5044 0.960938Z' stroke='%23fff' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.002 6.01758V9.90667C21.002 12.6913 17.6533 14.9625 13.5058 14.9625C11.8702 14.9852 10.2547 14.5949 8.80533 13.8269C8.61153 13.7412 8.40235 13.697 8.19089 13.697C7.97944 13.697 7.77026 13.7412 7.57645 13.8269C6.9484 14.0677 6.28181 14.189 5.61025 14.1847C4.50341 14.2936 3.39879 13.9562 2.53606 13.2456C1.67333 12.535 1.12209 11.5085 1.00195 10.3889V6.40649' stroke='%23fff' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.40867 6.40524C6.83286 6.40524 7.17672 6.057 7.17672 5.62743C7.17672 5.19785 6.83286 4.84961 6.40867 4.84961C5.98449 4.84961 5.64062 5.19785 5.64062 5.62743C5.64062 6.057 5.98449 6.40524 6.40867 6.40524Z' stroke='%23fff' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.50195 10.4609C2.10195 10.4609 1.16862 7.1276 1.00195 5.46094V10.4609C1.66862 11.6276 3.30195 14.0609 4.50195 14.4609C5.70195 14.8609 7.66862 13.9609 8.50195 13.4609C9.16862 14.1276 11.302 15.3609 14.502 14.9609C17.702 14.5609 20.1686 11.7943 21.002 10.4609V6.96094C20.3353 8.1276 18.102 10.5609 14.502 10.9609C10.902 11.3609 8.66862 10.1276 8.00195 9.46094C7.83529 9.79427 6.90195 10.4609 4.50195 10.4609Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}

#main main .informArea .conditionsArea .tabArea li.on a span.ico_fish:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 21 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.002 6.99746C20.002 6.33956 19.4446 5.13753 18.2204 4.05403C17.5216 3.44201 16.7252 2.95611 15.8657 2.61731C15.8371 2.60643 15.8055 2.60675 15.7772 2.61821C15.7488 2.62968 15.7256 2.65148 15.7121 2.67937C15.7063 2.6909 15.7004 2.70204 15.6938 2.71357L15.3192 3.34601C14.6874 4.45681 14.355 5.71779 14.3555 7.00141C14.3559 8.28503 14.6893 9.54575 15.3219 10.6561L15.3309 10.6716L15.6723 11.308C15.6904 11.3418 15.72 11.3678 15.7554 11.3811C15.7909 11.3944 15.83 11.3941 15.8653 11.3804C18.7376 10.236 20.002 8.01135 20.002 6.99746ZM16.3332 6.99189C16.2038 7.00912 16.0723 6.98466 15.9572 6.92192C15.8421 6.85918 15.7492 6.76133 15.6915 6.64208C15.6338 6.52284 15.6143 6.38819 15.6356 6.25704C15.6569 6.12589 15.7179 6.00482 15.8102 5.91083C15.9026 5.81683 16.0215 5.75463 16.1503 5.73295C16.279 5.71127 16.4113 5.7312 16.5284 5.78994C16.6455 5.84868 16.7416 5.94329 16.8032 6.06048C16.8648 6.17767 16.8889 6.31157 16.8719 6.44337C16.8541 6.58247 16.7916 6.71166 16.6941 6.81086C16.5967 6.91005 16.4698 6.97369 16.3332 6.99189Z' fill='%23fff'/%3E%3Cpath d='M13.1054 6.9996C13.1048 5.49065 13.4968 4.00846 14.2413 2.70379L14.246 2.69543L14.4265 2.39035C14.4395 2.36862 14.4473 2.34401 14.449 2.3186C14.4508 2.29319 14.4465 2.26772 14.4366 2.24434C14.4267 2.22095 14.4114 2.20033 14.392 2.18421C14.3727 2.16809 14.3498 2.15694 14.3253 2.1517C13.8196 2.04399 13.3072 1.97236 12.7917 1.9373C12.7309 1.9333 12.6726 1.91117 12.6241 1.87366C11.871 1.29054 10.378 0.270685 8.85613 0.00856102C8.75214 -0.00898609 8.64547 0.000537083 8.54606 0.0362442C8.44664 0.0719513 8.35771 0.132682 8.28754 0.212787C8.21737 0.292892 8.16824 0.389768 8.14472 0.494403C8.1212 0.599037 8.12405 0.70803 8.153 0.811242L8.56785 2.28972C8.57864 2.32803 8.57491 2.36907 8.55741 2.40472C8.5399 2.44037 8.50989 2.46803 8.47332 2.48223C7.03385 3.02677 5.794 4.02356 4.8897 4.78328C4.83435 4.82941 4.76515 4.85481 4.69363 4.85524C4.62211 4.85568 4.55261 4.83112 4.49673 4.78567C4.37381 4.68623 4.24764 4.58824 4.11821 4.49172C2.56976 3.3402 0.750606 3.18866 0.674043 3.18309C0.576834 3.17561 0.479255 3.19139 0.389105 3.22917C0.298954 3.26694 0.218732 3.32567 0.154849 3.40065C0.0909668 3.47563 0.0451954 3.56479 0.0211932 3.661C-0.00280893 3.75721 -0.00437625 3.85781 0.0166165 3.95474C0.0330229 4.03151 0.375604 5.57323 1.25491 6.80311C1.29449 6.85823 1.31582 6.92475 1.31582 6.99304C1.31582 7.06133 1.29449 7.12784 1.25491 7.18297C0.375604 8.41245 0.0330229 9.95457 0.0166165 10.0313C-0.00437625 10.1283 -0.00280893 10.2289 0.0211932 10.3251C0.0451954 10.4213 0.0909668 10.5104 0.154849 10.5854C0.218732 10.6604 0.298954 10.7191 0.389105 10.7569C0.479255 10.7947 0.576834 10.8105 0.674043 10.803C0.752169 10.7974 2.56976 10.6439 4.11626 9.49515C4.24256 9.40075 4.36587 9.30502 4.48618 9.20797C4.54211 9.16257 4.61163 9.13809 4.68315 9.13859C4.75467 9.1391 4.82385 9.16457 4.87915 9.21075C5.78736 9.97406 7.02956 10.972 8.47293 11.5178C8.50942 11.532 8.53936 11.5596 8.55686 11.5951C8.57435 11.6307 8.57814 11.6716 8.56746 11.7099L8.15105 13.1888C8.12209 13.292 8.11924 13.401 8.14277 13.5056C8.16629 13.6102 8.21542 13.7071 8.28559 13.7872C8.35576 13.8673 8.44469 13.928 8.5441 13.9638C8.64351 13.9995 8.75018 14.009 8.85418 13.9914C9.5245 13.8761 10.8808 13.4799 12.6062 12.1287C12.6554 12.0904 12.7146 12.0676 12.7765 12.0631C13.2913 12.0288 13.8032 11.9583 14.3085 11.8523C14.3324 11.8472 14.3547 11.8365 14.3738 11.821C14.3928 11.8056 14.4081 11.7858 14.4183 11.7632C14.4285 11.7407 14.4334 11.716 14.4326 11.6912C14.4318 11.6664 14.4253 11.6422 14.4136 11.6204L14.2374 11.2906C13.4951 9.98698 13.1045 8.50657 13.1054 6.9996Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}

#main main .informArea .communityArea {
  height: 450px;
  width: 955px;
  position: relative;
  border-radius: 25px;
  overflow: hidden;
  background: url(/static/images/main/communityBg.png) no-repeat 50% 100%;
}

#main main .informArea .communityArea .sLogo {
  position: absolute;
  left: 24px;
  top: 24px;
}

#main main .informArea .communityArea .slideArea {
  padding: 24px 0 24px 24px;
}

#main main .informArea .communityArea .slideArea .controlArea {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-bottom: 9px;
  min-height: 34px;
  padding-right: 30px;
}

#main main .informArea .communityArea .slideArea .controlArea a {
  display: block;
  width: 34px;
  height: 34px;
}

#main main .informArea .communityArea .slideArea .controlArea a.btnNext {
  background: url(/static/images/main/btn_next.svg) no-repeat 50%;
}

#main main .informArea .communityArea .slideArea .controlArea a.btnPrev {
  background: url(/static/images/main/btn_prev.svg) no-repeat 50%;
}

#main main .informArea .communityArea .slideArea #communitySlide {
  overflow: hidden;
}

#main main .informArea .communityArea .slideArea .swiper-slide {
  width: 244px;
}

#main main .informArea .communityArea .slideArea .swiper-slide a {
  display: block;
  border-radius: 20px;
  overflow: hidden;
}

#main main .informArea .communityArea .slideArea .swiper-slide a .imgArea {
  position: relative;
  height: 198px;
}

#main main .informArea .communityArea .slideArea .swiper-slide a .imgArea img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#main main .informArea .communityArea .slideArea .swiper-slide a .imgArea video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#main main .informArea .communityArea .slideArea .swiper-slide a .imgArea span {
  display: flex;
  align-items: center;
  position: absolute;
  left: 15px;
  bottom: 10px;
  height: 26px;
  padding: 0 8px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
  color: #fff;
}

#main main .informArea .communityArea .slideArea .swiper-slide a .imgArea i {
  position: absolute;
  width: 36px;
  height: 36px;
  right: 16px;
  top: 16px;
  background: url(/static/images/main/ico_play.svg) no-repeat 0/100% auto;
}

#main main .informArea .communityArea .slideArea .swiper-slide a .textArea {
  padding: 18px 16px;
  background: #fff;
}

#main main .informArea .communityArea .slideArea .swiper-slide a .textArea > span {
  display: block;
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
  color: #FF7A00;
}

#main main .informArea .communityArea .slideArea .swiper-slide a .textArea strong {
  display: block;
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.08px;
}

#main main .informArea .communityArea .slideArea .swiper-slide a .textArea p {
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  color: #A8A8A8;
  min-height: 24px;
}

#main main .informArea .communityArea .slideArea .swiper-slide a .textArea em {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 8px;
  min-height: 20px;
}

#main main .informArea .communityArea .slideArea .swiper-slide a .textArea em i {
  display: block;
  width: 20px;
  height: 20px;
}

#main main .informArea .communityArea .slideArea .swiper-slide a .textArea em i img {
  width: 100%;
  height: 100%;
}

#main main .informArea .communityArea .slideArea .swiper-slide a .textArea em span {
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
  color: #888888;
}

#main #videoPopup {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 30;
}

#main #videoPopup .videoContents {
  position: absolute;
  width: 1086px;
  height: 611px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 11;
  border-radius: 25px;
  overflow: hidden;
  background: #111111;
}

#main #videoPopup .videoContents video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#main #videoPopup .videoContents #btn_play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 82px;
  height: 82px;
  background: url(/static/images/main/ico_controls_play.svg) no-repeat 50%/100% auto;
  transition: 0.5s opacity 0s;
}

#main #videoPopup .videoContents #btn_pause {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 82px;
  height: 82px;
  background: url(/static/images/main/ico_controls_pause.svg) no-repeat 50%/100% auto;
  transition: 0.5s opacity 0s;
}

#main #videoPopup .videoContents #btnPopupClose {
  position: absolute;
  right: 24px;
  top: 24px;
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.5) url("data:image/svg+xml,%3Csvg viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 15.5L15 1.5' stroke='%23fff' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M15 15.5L1 1.5' stroke='%23fff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 50%/18px auto;
  border-radius: 50%;
}

#main #videoPopup .videoContents #btnLink {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 30px;
  display: flex;
  align-items: center;
  height: 48px;
  border-radius: 10px;
  padding: 0 24px;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
}

#main #videoPopup .videoContents #btnLink span {
  display: block;
  color: #FFF;
  font-weight: 500;
  line-height: 150%;
  padding-right: 20px;
}

#main #videoPopup .videoContents #btnLink span {
  position: relative;
}

#main #videoPopup .videoContents #btnLink span:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url('data:image/svg+xml,%3Csvg viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.25 1.5L6 6.25002L1.25 11" stroke="%23fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A') no-repeat 50%/7px auto;
}

#main #videoPopup .dim {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
}

#main #noticePopup {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 30;
}

#main #noticePopup .popupWrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 402px;
  padding: 10px 10px 15px;
  background: #fff;
  border-radius: 12px;
  z-index: 11;
}

#main #noticePopup .popupWrap .cont {
  border-radius: 12px;
  overflow: hidden;
}

#main #noticePopup .popupWrap .cont .slick-slide {
  height: 392px;
}

#main #noticePopup .popupWrap .cont .slick-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#main #noticePopup .popupWrap .cont .slick-list {
  position: relative;
  z-index: 1;
}

#main #noticePopup .popupWrap .cont .slick-dots {
  display: Flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 14px;
  z-index: 2;
}

#main #noticePopup .popupWrap .cont .slick-dots li {
  display: block;
  margin: 0;
}

#main #noticePopup .popupWrap .cont .slick-dots li button {
  display: block;
  background: #ccc;
  width: 6px;
  height: 6px;
  border-radius: 6px;
}

#main #noticePopup .popupWrap .cont .slick-dots li.slick-active button {
  width: 10px;
  background: #767676;
}

#main #noticePopup .popupWrap .controlsArea {
  display: flex;
  align-items: center;
  padding: 15px 14px 0;
}

#main #noticePopup .popupWrap .controlsArea input[type=checkbox].chkTypeB + label {
  color: #AAAAAA;
  font-size: 16px;
  font-weight: 500;
}

#main #noticePopup .popupWrap .controlsArea input[type=checkbox].chkTypeB:checked + label {
  color: #111111;
}

#main #noticePopup .popupWrap .controlsArea .btnNoticePopupClose {
  display: block;
  margin-left: auto;
  font-weight: 500;
}

#main #noticePopup .dim {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
}

#ohfod #titleCont.modeText h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -1.344px;
}

#ohfod #boardGuid {
  margin-bottom: 28px;
}

#ohfod .pagination {
  margin-top: 90px;
}

#ohfodDetail #contents {
  padding-top: 0;
}

#ohfodDetail #viewDefault > .titleArea > em {
  display: flex;
  gap: 2px;
  margin-top: -8px;
  line-height: 150%;
  letter-spacing: 0.192px;
}

#ohfodDetail #viewDefault > .titleArea > em > em {
  font-weight: 700;
}

#ohfodDetail #viewDefault > .titleArea > em > span {
  color: #666666;
}

#ohfodRecommend {
  padding-top: 0;
  padding-bottom: 0;
}

#ohfodRecommend .questionArea > article {
  position: relative;
  background: #F5F5F5;
  overflow: hidden;
}

#ohfodRecommend .questionArea > article .wrapArea {
  width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
  min-width: 1320px;
}

#ohfodRecommend .questionArea > article.step1 {
  height: calc(100vh - 175px);
}

#ohfodRecommend .questionArea > article.step1 .titleArea {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
  gap: 24px;
  padding-top: 113px;
  z-index: 1;
}

#ohfodRecommend .questionArea > article.step1 .titleArea > em {
  font-size: 24px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.552px;
  color: #fff;
}

#ohfodRecommend .questionArea > article.step1 .titleArea > strong {
  font-size: 42px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -1.176px;
  text-align: center;
}

#ohfodRecommend .questionArea > article.step1 .titleArea > strong > em {
  color: #fff;
}

#ohfodRecommend .questionArea > article.step1 .titleArea ul li {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  position: absolute;
  padding: 26px 40px 26px 70px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  background: #fff;
}

#ohfodRecommend .questionArea > article.step1 .titleArea ul li strong {
  font-size: 20px;
  font-weight: 600;
  line-height: 150%;
}

#ohfodRecommend .questionArea > article.step1 .titleArea ul li p {
  font-size: 18px;
  font-weight: 500;
  line-height: 145%;
  letter-spacing: -0.072px;
  color: #888888;
}

#ohfodRecommend .questionArea > article.step1 .titleArea ul li.people1 {
  left: 949px;
  top: 189px;
}

#ohfodRecommend .questionArea > article.step1 .titleArea ul li.people1:after {
  content: "";
  position: absolute;
  left: -38px;
  width: 75px;
  height: 75px;
  top: 50%;
  transform: translateY(-50%);
  background: url(/static/images/ohfod/exPeople1.svg) no-repeat 0;
}

#ohfodRecommend .questionArea > article.step1 .titleArea ul li.people2 {
  left: 51px;
  top: 325px;
}

#ohfodRecommend .questionArea > article.step1 .titleArea ul li.people2:after {
  content: "";
  position: absolute;
  left: -51px;
  width: 102px;
  height: 102px;
  top: 50%;
  transform: translateY(-50%);
  background: url(/static/images/ohfod/exPeople2.svg) no-repeat 0;
}

#ohfodRecommend .questionArea > article.step1 .titleArea ul li.people3 {
  left: 754px;
  top: 412px;
}

#ohfodRecommend .questionArea > article.step1 .titleArea ul li.people3:after {
  content: "";
  position: absolute;
  left: -30px;
  width: 60px;
  height: 60px;
  top: 50%;
  transform: translateY(-50%);
  background: url(/static/images/ohfod/exPeople3.svg) no-repeat 0;
}

#ohfodRecommend .questionArea > article.step1 .titleArea:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -214px;
  width: 702px;
  height: 702px;
  border-radius: 50%;
  background: #FF7A00;
  z-index: -1;
}

#ohfodRecommend .questionArea > article.step1 #btnStep {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 62px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: #111111;
}

#ohfodRecommend .questionArea > article.step1 #btnStep span {
  display: block;
  padding-bottom: 21px;
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: -0.36px;
  color: #fff;
}

#ohfodRecommend .questionArea > article.step1 #btnStep span {
  position: relative;
}

#ohfodRecommend .questionArea > article.step1 #btnStep span:after {
  content: "";
  position: absolute;
  width: 16px;
  height: 17px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: url(/static/images/ohfod/btnStep.svg) no-repeat 0;
}

@media screen and (max-height: 840px) {
  #ohfodRecommend .questionArea > article.step1 {
    height: 665px;
  }
}
#ohfodRecommend .questionArea > article.step2 {
  height: 100vh;
  z-index: 1;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 694px;
  width: 1024px;
  border-radius: 25px;
  background: #fff;
  box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .titleArea {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  border-bottom: 1px solid #eee;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .titleArea strong {
  font-size: 18px;
  font-weight: 600;
  line-height: 145%;
  letter-spacing: -0.072px;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont {
  flex-grow: 1;
  flex-basis: 0;
  padding: 24px;
  height: 634px;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap {
  height: 586px;
  display: flex;
  flex-direction: column;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .chattingArea {
  flex-grow: 1;
  flex-basis: 0;
  overflow: auto;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .chattingArea .scenario2.before,
#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .chattingArea .scenario3.before,
#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .chattingArea .scenario4.before {
  display: none;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .chattingArea .scenario4 .userArea .boxWrap .boxArea p {
  font-size: 24px;
  line-height: 140%;
  letter-spacing: -0.552px;
  max-width: 800px;
  color: #444444;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .chattingArea .scenario4 .userArea .boxWrap .boxArea img {
  width: 44px;
  margin-top: 12px;
  margin-left: 30px;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .chattingArea .scenario4 .userArea .boxWrap .boxArea p, #ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .chattingArea .scenario4 .userArea .boxWrap .boxArea img {
  float: left;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .chattingArea .scenario4 .userArea .boxWrap .boxArea:after {
  content: "";
  display: block;
  clear: both;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .chattingArea .userArea {
  display: flex;
  column-gap: 12px;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .chattingArea .userArea .boxWrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  flex-basis: 0;
  flex-grow: 1;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .chattingArea .userArea .boxWrap .boxArea {
  font-size: 24px;
  line-height: 140%;
  letter-spacing: -0.552px;
  max-width: 800px;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .chattingArea .userArea .boxWrap .boxArea.before {
  display: none;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .chattingArea .userArea.tfs {
  position: relative;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .chattingArea .userArea.tfs .boxWrap {
  padding-top: 35px;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .chattingArea .userArea.tfs .boxWrap .boxArea {
  padding: 20px 24px;
  border-radius: 0 28px 28px 28px;
  color: #444444;
  background: #F5F5F5;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .chattingArea .userArea.tfs .boxWrap .boxArea img {
  margin-left: 4px;
  display: inline-block;
  vertical-align: middle;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .chattingArea .userArea.tfs:before {
  content: "";
  width: 40px;
  height: 40px;
  background: url(/static/images/ohfod/ico_profileTfs.svg) no-repeat;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .chattingArea .userArea.tfs:after {
  content: "아워홈 TFS";
  position: absolute;
  left: 52px;
  top: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 145%;
  letter-spacing: -0.072px;
  color: #444444;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .chattingArea .userArea.tfs + .writing {
  margin-left: 52px;
  margin-top: 8px;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .chattingArea .userArea.user {
  margin: 40px 0;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .chattingArea .userArea.user .boxWrap {
  align-items: flex-end;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .chattingArea .userArea.user .boxWrap .boxArea {
  padding: 12px 24px;
  border-radius: 28px 0 28px 28px;
  color: #fff;
  background: #FF7A00;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .chattingArea .writing {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 54px;
  padding: 0 28px;
  border-radius: 0 28px 28px 28px;
  background: #F5F5F5;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .chattingArea .writing i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #444444;
  transform: translateY(80%);
  animation-name: writingAni;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-fill-mode: both;
  transform-origin: 50%;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .chattingArea .writing i:nth-of-type(1) {
  animation-delay: 0s;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .chattingArea .writing i:nth-of-type(2) {
  animation-delay: 0.2s;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .chattingArea .writing i:nth-of-type(3) {
  animation-delay: 0.4s;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .multipleChoice {
  flex: none;
  height: 0;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .multipleChoice ul {
  display: none;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
  padding: 40px 0 16px;
  max-width: 800px;
  margin-left: auto;
  transition: 0.5s;
  opacity: 0;
  transform: translateX(-20px);
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .multipleChoice ul li a {
  display: flex;
  align-items: center;
  height: 58px;
  padding: 0 24px;
  border: 1px solid #DDDDDD;
  border-radius: 28px;
  background: #fff;
  font-size: 24px;
  line-height: 140%;
  letter-spacing: -0.552px;
  transition: 0.3s;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .multipleChoice ul li a:hover {
  background: #111111;
  color: #fff;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .multipleChoice ul li.on a {
  background: #111111;
  color: #fff;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .multipleChoice ul.multipleChoice3 {
  flex-direction: column;
  align-items: flex-end;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .multipleChoice.on {
  height: auto;
}

#ohfodRecommend .questionArea > article.step2 #dialogBox .dialogWrap .dialogCont .scenarioWrap .multipleChoice.on ul {
  opacity: 1;
  transform: translateX(0);
}

#ohfodRecommend .questionArea > article.step2:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  width: 1280px;
  height: 1280px;
  border-radius: 50%;
  background: #FFBE15;
  z-index: -2;
}

#ohfodRecommend .questionArea > article.step2 .bgText {
  display: flex;
  gap: 90px;
  opacity: 0.03;
  position: absolute;
  left: 50%;
  bottom: 148px;
  margin-left: -1050px;
  z-index: -1;
}

#ohfodRecommend .questionArea > article.step2 .bgText li {
  font-size: 200px;
  font-weight: 600;
  line-height: 150%;
  position: relative;
}

#ohfodRecommend .questionArea > article.step2 .bgText li:after {
  content: "";
  position: absolute;
  right: -70px;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background: #111111;
}

#ohfodRecommend .questionArea > article.step2 .bgText li:last-of-type::after {
  display: none;
}

#ohfodRecommend .questionArea > article.step2 .bgText li:after {
  border-radius: 50%;
}

#ohfodRecommend .resultArea {
  padding-top: 80px;
  padding-bottom: 120px;
}

#ohfodRecommend .resultArea .titleArea {
  margin-bottom: 60px;
}

#ohfodRecommend .resultArea .titleArea h2 {
  margin-bottom: 16px;
  font-size: 48px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -1.344px;
  text-align: center;
}

#ohfodRecommend .resultArea .titleArea h2 strong {
  color: #FF7A00;
}

#ohfodRecommend .resultArea .titleArea p {
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.552px;
  color: #444444;
}

#ohfodRecommend .resultArea .cardArea {
  background: #FDF9F2;
  padding: 70px 0;
}

#ohfodRecommend .resultArea .cardArea ul {
  display: flex;
  gap: 25px;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 1320px;
  padding: 0 20px;
  min-width: 1320px;
}

#ohfodRecommend .resultArea .cardArea ul li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 410px;
  padding: 10px;
  border-radius: 25px;
  background: #FFF;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
}

#ohfodRecommend .resultArea .cardArea ul li strong {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  height: 73px;
  margin: -10px -10px 0;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: -1.008px;
  border-radius: 25px;
  background: #444444;
  color: #fff;
}

#ohfodRecommend .resultArea .cardArea ul li strong em {
  font-weight: 700;
}

#ohfodRecommend .resultArea .cardArea ul li strong {
  position: relative;
}

#ohfodRecommend .resultArea .cardArea ul li strong:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
  width: 20px;
  height: 10px;
  background: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.29289 9.29289L0 0H20L10.7071 9.29289C10.3166 9.68342 9.68342 9.68342 9.29289 9.29289Z' fill='%23444'/%3E%3C/svg%3E%0A") no-repeat 0/100%;
}

#ohfodRecommend .resultArea .cardArea ul li .textArea {
  margin-top: 180px;
  padding: 20px;
  background: #F9F9F9;
  border-radius: 25px;
}

#ohfodRecommend .resultArea .cardArea ul li .textArea p {
  font-size: 28px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.672px;
  color: #444444;
  word-break: keep-all;
  text-align: center;
}

#ohfodRecommend .resultArea .cardArea ul li {
  position: relative;
}

#ohfodRecommend .resultArea .cardArea ul li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 73px;
  width: 100%;
  height: 180px;
}

#ohfodRecommend .resultArea .cardArea ul li.itemOCS strong {
  background: #FF7A00;
}

#ohfodRecommend .resultArea .cardArea ul li.itemOCS strong:after {
  background: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.29289 9.29289L0 0H20L10.7071 9.29289C10.3166 9.68342 9.68342 9.68342 9.29289 9.29289Z' fill='%23FF7A00'/%3E%3C/svg%3E%0A") no-repeat 0/100%;
}

#ohfodRecommend .resultArea .cardArea ul li.itemOCS .textArea em {
  color: #FF7A00;
}

#ohfodRecommend .resultArea .cardArea ul li.itemOCS:after {
  background: url("/static/images/ohfod/recommend/ico_item01.svg") no-repeat 50%;
}

#ohfodRecommend .resultArea .cardArea ul li.itemHMS strong {
  background: #DD345C;
}

#ohfodRecommend .resultArea .cardArea ul li.itemHMS strong:after {
  background: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.29289 9.29289L0 0H20L10.7071 9.29289C10.3166 9.68342 9.68342 9.68342 9.29289 9.29289Z' fill='%23DD345C'/%3E%3C/svg%3E%0A") no-repeat 0/100%;
}

#ohfodRecommend .resultArea .cardArea ul li.itemHMS .textArea em {
  color: #DD345C;
}

#ohfodRecommend .resultArea .cardArea ul li.itemHMS:after {
  background: url("/static/images/ohfod/recommend/ico_item02.svg") no-repeat 50%;
}

#ohfodRecommend .resultArea .cardArea ul li.itemFLS strong {
  background: #A555E2;
}

#ohfodRecommend .resultArea .cardArea ul li.itemFLS strong:after {
  background: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.29289 9.29289L0 0H20L10.7071 9.29289C10.3166 9.68342 9.68342 9.68342 9.29289 9.29289Z' fill='%23A555E2'/%3E%3C/svg%3E%0A") no-repeat 0/100%;
}

#ohfodRecommend .resultArea .cardArea ul li.itemFLS .textArea em {
  color: #A555E2;
}

#ohfodRecommend .resultArea .cardArea ul li.itemFLS:after {
  background: url("/static/images/ohfod/recommend/ico_item03.svg") no-repeat 50%;
}

#ohfodRecommend .resultArea .cardArea ul li.itemOMS strong {
  background: #FFBE15;
}

#ohfodRecommend .resultArea .cardArea ul li.itemOMS strong:after {
  background: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.29289 9.29289L0 0H20L10.7071 9.29289C10.3166 9.68342 9.68342 9.68342 9.29289 9.29289Z' fill='%23FFBE15'/%3E%3C/svg%3E%0A") no-repeat 0/100%;
}

#ohfodRecommend .resultArea .cardArea ul li.itemOMS .textArea em {
  color: #FFBE15;
}

#ohfodRecommend .resultArea .cardArea ul li.itemOMS:after {
  background: url("/static/images/ohfod/recommend/ico_item04.svg") no-repeat 50%;
}

#ohfodRecommend .resultArea .cardArea ul li.itemDSS strong {
  background: #706FF7;
}

#ohfodRecommend .resultArea .cardArea ul li.itemDSS strong:after {
  background: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.29289 9.29289L0 0H20L10.7071 9.29289C10.3166 9.68342 9.68342 9.68342 9.29289 9.29289Z' fill='%23706FF7'/%3E%3C/svg%3E%0A") no-repeat 0/100%;
}

#ohfodRecommend .resultArea .cardArea ul li.itemDSS .textArea em {
  color: #706FF7;
}

#ohfodRecommend .resultArea .cardArea ul li.itemDSS:after {
  background: url("/static/images/ohfod/recommend/ico_item05.svg") no-repeat 50%;
}

#ohfodRecommend .resultArea .wrapLayout {
  width: 1320px;
  margin: 0 auto;
  padding: 60px 20px 120px;
  min-width: 1320px;
}

#ohfodRecommend .resultArea .hashCont {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 18px;
  margin-bottom: 100px;
  padding: 20px;
  border-radius: 25px;
  background: #F5F5F5;
}

#ohfodRecommend .resultArea .hashCont li {
  display: flex;
  align-items: center;
  height: 58px;
  padding: 0 22px;
  border-radius: 28px;
  background: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.552px;
}

#ohfodRecommend .resultArea .hashCont li:before {
  content: "#";
}

#ohfodRecommend .resultArea .exArea > strong {
  display: block;
  margin-bottom: 60px;
  font-size: 48px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -1.344px;
  text-align: center;
}

#ohfodRecommend .resultArea .exArea > strong em {
  color: #FF7A00;
}

#ohfodRecommend .resultArea .exArea ul {
  display: flex;
  gap: 17px;
  flex-direction: column;
  width: 530px;
  margin: 0 auto;
}

#ohfodRecommend .resultArea .exArea ul li {
  padding: 30px 34px 30px 66px;
  border-radius: 12px;
  border: 1px solid #EEE;
  background: #FFF;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
  font-size: 24px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.552px;
  word-break: keep-all;
}

#ohfodRecommend .resultArea .exArea ul li {
  position: relative;
}

#ohfodRecommend .resultArea .exArea ul li:after {
  content: "";
  position: absolute;
  top: 40px;
  left: 34px;
  width: 19px;
  height: 16px;
  background: url(/static/images/ohfod/recommend/ico_check.svg) no-repeat 0;
}

#ohfodRecommend .resultArea .btnArea {
  display: flex;
  justify-content: center;
  gap: 10px;
}

#ohfodRecommend .resultArea .btnArea a {
  width: 205px;
}

#ohfodRecommend .resultArea .btnArea a.btnTypeC {
  border-color: #DDDDDD;
}

#ohfodRecommend .resultArea .btnArea a.btnTypeC span {
  display: block;
  padding-left: 28px;
  font-size: 18px;
  font-weight: 600;
  line-height: 145%;
  letter-spacing: -0.072px;
}

#ohfodRecommend .resultArea .btnArea a.btnTypeC span {
  position: relative;
}

#ohfodRecommend .resultArea .btnArea a.btnTypeC span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: url(/static/images/ohfod/recommend/ico_refresh.svg) no-repeat;
}

.ohfodStyle footer {
  background: #fff;
}

#menuKit #tabSort {
  margin-bottom: 30px;
}

#menuKit #boardGuid {
  margin-bottom: 24px;
}

#menuKit .pagination {
  margin-top: 60px;
}

#menuKit #tabTypeA {
  margin-bottom: 60px;
}

#menuKit.pageDetail #viewDefault > .titleArea {
  position: relative;
  padding-right: 50px;
}

#menuKit.pageDetail #viewDefault > .titleArea .shareArea {
  position: absolute;
  right: 0;
  top: 20px;
}

#menuRecommend #tabSort {
  margin-bottom: 24px;
}

#menuRecommend #boardGuid {
  margin-bottom: 24px;
}

#menuRecommend .listTypeB {
  padding-top: 24px;
  row-gap: 34px;
}

#menuRecommend .listTypeB li {
  height: auto;
}

#menuRecommend .listTypeB li .imgArea {
  height: 404px;
}

#menuRecommend .listTypeB li .textArea > strong {
  margin-bottom: 4px;
}

#menuRecommend .listTypeB + .pagination {
  margin-top: 60px;
}

#menuRecommend #menuIntroduce {
  display: flex;
  gap: 100px;
  padding-top: 60px;
  position: relative;
}

#menuRecommend #menuIntroduce > .imgWrap {
  width: 470px;
  flex: none;
}

#menuRecommend #menuIntroduce > .imgWrap .imgArea {
  width: 470px;
  height: 516px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #DDDDDD;
}

#menuRecommend #menuIntroduce > .imgWrap .imgArea img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#menuRecommend #menuIntroduce > .imgWrap.fixed .imgArea {
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: -640px;
}

#menuRecommend #menuIntroduce > .imgWrap.bottomFixed .imgArea {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
}

#menuRecommend #menuIntroduce .mainText {
  width: 100%;
  position: relative;
}

#menuRecommend #menuIntroduce .mainText h2 {
  padding-right: 100px;
  margin-bottom: 12px;
  font-size: 36px;
  font-weight: 700;
  line-height: 135%;
  letter-spacing: -1.008px;
}

#menuRecommend #menuIntroduce .mainText > p {
  font-size: 18px;
  font-weight: 500;
  line-height: 145%;
  letter-spacing: 0.072px;
  color: #333333;
}

#menuRecommend #menuIntroduce .mainText .hashArea {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
}

#menuRecommend #menuIntroduce .mainText .hashArea em {
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #666666;
}

#menuRecommend #menuIntroduce .mainText .hashArea em:before {
  content: "#";
}

#menuRecommend #menuIntroduce .mainText .businessLocation {
  margin-top: 30px;
}

#menuRecommend #menuIntroduce .mainText > .btnArea {
  display: flex;
  gap: 16px;
  margin-top: 40px;
  margin-bottom: 60px;
}

#menuRecommend #menuIntroduce .mainText > .btnArea .likeBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: none;
  width: 100px;
  border-radius: 12px;
  border: 1px solid #DDDDDD;
}

#menuRecommend #menuIntroduce .mainText > .btnArea .likeBtn em {
  padding-left: 32px;
  font-size: 18px;
  font-weight: 600;
  line-height: 145%;
  letter-spacing: 0.072px;
}

#menuRecommend #menuIntroduce .mainText > .btnArea .likeBtn em {
  position: relative;
}

#menuRecommend #menuIntroduce .mainText > .btnArea .likeBtn em:after {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg width='20' height='17' viewBox='0 0 20 17' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.605 12.7329C12.488 14.6259 10.3233 15.8606 10.0004 16.0392C9.67753 15.8606 7.51278 14.6259 5.39582 12.7329C3.1488 10.7236 1.15059 8.14531 1.15039 5.42668C1.15188 4.18183 1.63698 2.99147 2.49449 2.11588C3.35149 1.24083 4.51004 0.751498 5.71513 0.75C7.25947 0.750131 8.57916 1.42411 9.39616 2.53518L10.0004 3.35688L10.6046 2.53518C11.4216 1.42411 12.7413 0.750131 14.2857 0.75C15.4907 0.751499 16.6493 1.24083 17.5063 2.11588C18.3639 2.99157 18.849 4.18211 18.8504 5.42711C18.85 8.14559 16.8519 10.7237 14.605 12.7329Z' stroke='%23111' stroke-width='1.5'/%3E%3C/svg%3E%0A") no-repeat 50%/20px auto;
}

#menuRecommend #menuIntroduce .mainText > .btnArea .likeBtn.on em:after {
  background: url("data:image/svg+xml,%3Csvg width='20' height='17' viewBox='0 0 20 17' fill='%23F5821F' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.605 12.7329C12.488 14.6259 10.3233 15.8606 10.0004 16.0392C9.67753 15.8606 7.51278 14.6259 5.39582 12.7329C3.1488 10.7236 1.15059 8.14531 1.15039 5.42668C1.15188 4.18183 1.63698 2.99147 2.49449 2.11588C3.35149 1.24083 4.51004 0.751498 5.71513 0.75C7.25947 0.750131 8.57916 1.42411 9.39616 2.53518L10.0004 3.35688L10.6046 2.53518C11.4216 1.42411 12.7413 0.750131 14.2857 0.75C15.4907 0.751499 16.6493 1.24083 17.5063 2.11588C18.3639 2.99157 18.849 4.18211 18.8504 5.42711C18.85 8.14559 16.8519 10.7237 14.605 12.7329Z' stroke='%23F5821F' stroke-width='1.5'/%3E%3C/svg%3E%0A") no-repeat 50%/20px auto;
}

#menuRecommend #menuIntroduce .mainText > .btnArea .btnTypeDownload {
  width: 242px;
  flex: none;
}

#menuRecommend #menuIntroduce .mainText > .btnArea .btnTypeDownload span {
  font-weight: 600;
}

#menuRecommend #menuIntroduce .mainText > .btnArea .btnTypeDownload span:after {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.98437 5.20312L3 6.20312L8.17187 11.375L13.3281 6.20312L12.3438 5.20312L8.89062 8.67188V0H7.45312L7.45312 8.67188L3.98437 5.20312ZM1 10.5H0V15.5H16V10.5H15V14.5H1V10.5Z' fill='%23111'/%3E%3C/svg%3E%0A") no-repeat 50%/16px auto;
}

#menuRecommend #menuIntroduce .mainText .cookingInfo {
  margin-bottom: 60px;
  padding: 33px 14px;
  border-radius: 12px;
  background: #F9F9F9;
}

#menuRecommend #menuIntroduce .mainText .cookingInfo ul {
  display: flex;
  justify-content: space-evenly;
}

#menuRecommend #menuIntroduce .mainText .cookingInfo ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  height: 64px;
  position: relative;
}

#menuRecommend #menuIntroduce .mainText .cookingInfo ul li .wrapArea {
  padding-left: 68px;
}

#menuRecommend #menuIntroduce .mainText .cookingInfo ul li .wrapArea span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  color: #888888;
}

#menuRecommend #menuIntroduce .mainText .cookingInfo ul li .wrapArea strong {
  display: block;
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
}

#menuRecommend #menuIntroduce .mainText .cookingInfo ul li .wrapArea {
  position: relative;
}

#menuRecommend #menuIntroduce .mainText .cookingInfo ul li .wrapArea:after {
  content: "";
  position: absolute;
  width: 55px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 64px;
}

#menuRecommend #menuIntroduce .mainText .cookingInfo ul li.cAmount .wrapArea:after {
  background: url(/static/images/menu/ico_cAmount.svg) no-repeat 50%;
}

#menuRecommend #menuIntroduce .mainText .cookingInfo ul li.cTim .wrapArea:after {
  background: url(/static/images/menu/ico_cTim.svg) no-repeat 50%;
}

#menuRecommend #menuIntroduce .mainText .cookingInfo ul li.cLevels .wrapArea {
  padding-left: 43px;
}

#menuRecommend #menuIntroduce .mainText .cookingInfo ul li.cLevels .wrapArea:after {
  width: 30px;
  background: url(/static/images/menu/ico_star.svg) repeat-x 0 50%;
}

#menuRecommend #menuIntroduce .mainText .cookingInfo ul li.cLevels.level03 .wrapArea {
  padding-left: 43px;
}

#menuRecommend #menuIntroduce .mainText .cookingInfo ul li.cLevels.level03 .wrapArea:after {
  width: 30px;
}

#menuRecommend #menuIntroduce .mainText .cookingInfo ul li.cLevels.level02 .wrapArea {
  padding-left: 73px;
}

#menuRecommend #menuIntroduce .mainText .cookingInfo ul li.cLevels.level02 .wrapArea:after {
  width: 60px;
}

#menuRecommend #menuIntroduce .mainText .cookingInfo ul li.cLevels.level01 .wrapArea {
  padding-left: 103px;
}

#menuRecommend #menuIntroduce .mainText .cookingInfo ul li.cLevels.level01 .wrapArea:after {
  width: 90px;
}

#menuRecommend #menuIntroduce .mainText .cookingInfo ul li:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 64px;
  background: #DDDDDD;
  width: 2px;
}

#menuRecommend #menuIntroduce .mainText .cookingInfo ul li:last-of-type::after {
  display: none;
}

#menuRecommend #menuIntroduce .mainText .ingredient {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-bottom: 60px;
}

#menuRecommend #menuIntroduce .mainText .ingredient > article {
  flex-grow: 1;
  flex-basis: 0;
}

#menuRecommend #menuIntroduce .mainText .ingredient > article .tableTitle {
  display: flex;
  gap: 30px;
  align-items: flex-end;
  padding: 0 8px;
  margin-bottom: 10px;
}

#menuRecommend #menuIntroduce .mainText .ingredient > article .tableTitle strong {
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  line-height: 145%;
  letter-spacing: -0.072px;
}

#menuRecommend #menuIntroduce .mainText .ingredient > article .tableTitle span {
  width: 200px;
  flex: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.168px;
  text-align: center;
}

#menuRecommend #menuIntroduce .mainText .ingredient > article .tableTitle span:last-child {
  width: 60px;
}

#menuRecommend #menuIntroduce .mainText .ingredient > article .ingredientList {
  border-top: 1px solid #111111;
}

#menuRecommend #menuIntroduce .mainText .ingredient > article .ingredientList li {
  display: flex;
  gap: 30px;
  align-items: center;
  padding: 10px 8px;
  border-bottom: 1px solid #F5F5F5;
}

#menuRecommend #menuIntroduce .mainText .ingredient > article .ingredientList li strong {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 48px;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.168px;
  color: #333333;
  min-height: 40px;
}

#menuRecommend #menuIntroduce .mainText .ingredient > article .ingredientList li strong i {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}

#menuRecommend #menuIntroduce .mainText .ingredient > article .ingredientList li strong i img {
  width: 100%;
  height: 100%;
}

#menuRecommend #menuIntroduce .mainText .ingredient > article .ingredientList li strong:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  background: url(/static/images/menu/ingredientsNone.svg) no-repeat 50%/100% auto;
  z-index: -1;
}

#menuRecommend #menuIntroduce .mainText .ingredient > article .ingredientList li span {
  width: 200px;
  flex: none;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.168px;
  color: #666666;
  text-align: center;
  word-break: keep-all;
}

#menuRecommend #menuIntroduce .mainText .ingredient > article .ingredientList li span:last-child {
  width: 60px;
}

#menuRecommend #menuIntroduce .mainText .cookingMethod {
  padding: 30px 30px;
  margin-bottom: 60px;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
}

#menuRecommend #menuIntroduce .mainText .cookingMethod > strong {
  display: block;
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 700;
  line-height: 135%;
  letter-spacing: -0.504px;
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li {
  display: flex;
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li:nth-of-type(1)::before {
  content: "STEP 1";
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li:nth-of-type(2)::before {
  content: "STEP 2";
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li:nth-of-type(3)::before {
  content: "STEP 3";
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li:nth-of-type(4)::before {
  content: "STEP 4";
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li:nth-of-type(5)::before {
  content: "STEP 5";
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li:nth-of-type(6)::before {
  content: "STEP 6";
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li:nth-of-type(7)::before {
  content: "STEP 7";
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li:nth-of-type(8)::before {
  content: "STEP 8";
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li:nth-of-type(9)::before {
  content: "STEP 9";
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li:nth-of-type(10)::before {
  content: "STEP 10";
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li:nth-of-type(11)::before {
  content: "STEP 11";
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li:nth-of-type(12)::before {
  content: "STEP 12";
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li:nth-of-type(13)::before {
  content: "STEP 13";
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li:nth-of-type(14)::before {
  content: "STEP 14";
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li:nth-of-type(15)::before {
  content: "STEP 15";
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li:nth-of-type(16)::before {
  content: "STEP 16";
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li:nth-of-type(17)::before {
  content: "STEP 17";
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li:nth-of-type(18)::before {
  content: "STEP 18";
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li:nth-of-type(19)::before {
  content: "STEP 19";
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li:nth-of-type(20)::before {
  content: "STEP 20";
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li:nth-of-type(21)::before {
  content: "STEP 21";
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li:nth-of-type(22)::before {
  content: "STEP 22";
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li:nth-of-type(23)::before {
  content: "STEP 23";
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li:nth-of-type(24)::before {
  content: "STEP 24";
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li:nth-of-type(25)::before {
  content: "STEP 25";
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li:nth-of-type(26)::before {
  content: "STEP 26";
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li:nth-of-type(27)::before {
  content: "STEP 27";
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li:nth-of-type(28)::before {
  content: "STEP 28";
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li:nth-of-type(29)::before {
  content: "STEP 29";
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li:nth-of-type(30)::before {
  content: "STEP 30";
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li span {
  display: block;
  width: 100%;
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #444444;
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li .imgArea {
  flex: none;
  margin-left: 78px;
  width: 180px;
  height: 90px;
  border-radius: 12px;
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li .imgArea img {
  width: 100%;
  height: 100%;
}

#menuRecommend #menuIntroduce .mainText .cookingMethod ol li::before {
  flex: none;
  display: block;
  margin-right: 6px;
  width: 70px;
  font-style: normal;
  font-weight: 600;
  line-height: 145%;
  letter-spacing: 0.064px;
  color: #FF7A00;
}

#menuRecommend #menuIntroduce .mainText .cookingMethod + .tipArea {
  margin-top: -48px;
}

#menuRecommend #menuIntroduce .mainText .tipArea {
  display: flex;
  gap: 24px;
  padding: 40px 24px;
  margin-bottom: 60px;
  border: 1px solid #FF7A00;
  border-radius: 12px;
}

#menuRecommend #menuIntroduce .mainText .tipArea strong {
  display: block;
  flex: none;
  font-size: 24px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.552px;
  color: #FF7A00;
}

#menuRecommend #menuIntroduce .mainText .tipArea p {
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.16px;
  color: #444444;
}

#menuRecommend #menuIntroduce .mainText .introduceDiet {
  display: flex;
  align-items: center;
  padding: 24px 0;
  border-radius: 12px;
  background: url(/static/images/menu/repeatBg.png) repeat 50%/30px;
}

#menuRecommend #menuIntroduce .mainText .introduceDiet strong {
  display: block;
  margin-left: 117px;
  margin-right: 92px;
  font-size: 24px;
  font-weight: 600;
  line-height: 135%;
  letter-spacing: -0.552px;
  z-index: 1;
}

#menuRecommend #menuIntroduce .mainText .introduceDiet strong {
  position: relative;
}

#menuRecommend #menuIntroduce .mainText .introduceDiet strong:after {
  content: "";
  position: absolute;
  width: 146px;
  height: 146px;
  left: -75px;
  top: -67px;
  z-index: -1;
  background: url(/static/images/menu/ico_introduceDiet.svg) no-repeat 0 0;
}

#menuRecommend #menuIntroduce .mainText .introduceDiet p {
  margin-top: 60px;
  width: 250px;
  padding: 5px 25px 20px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  background: #fff;
  min-height: 121px;
  line-height: 140%;
  letter-spacing: 0.16px;
  text-align: center;
}

#menuRecommend #menuIntroduce .mainText .introduceDiet p {
  position: relative;
}

#menuRecommend #menuIntroduce .mainText .introduceDiet p:after {
  content: "";
  position: absolute;
  left: 0;
  top: -60px;
  width: 100%;
  height: 60px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background: url(/static/images/menu/memoBg.png) no-repeat 0 0;
  overflow: hidden;
}

#menuRecommend #menuIntroduce .mainText .introduceDiet ul {
  display: flex;
  margin-top: 60px;
  flex-direction: column;
  gap: 2px;
  width: 250px;
  padding: 5px 25px 20px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  background: #fff;
  min-height: 121px;
}

#menuRecommend #menuIntroduce .mainText .introduceDiet ul li {
  line-height: 140%;
  letter-spacing: 0.16px;
  text-align: center;
}

#menuRecommend #menuIntroduce .mainText .introduceDiet ul {
  position: relative;
}

#menuRecommend #menuIntroduce .mainText .introduceDiet ul:after {
  content: "";
  position: absolute;
  left: 0;
  top: -60px;
  width: 100%;
  height: 60px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background: url(/static/images/menu/memoBg.png) no-repeat 0 0;
  overflow: hidden;
}

#menuRecommend #menuIntroduce .mainText .btnBox {
  display: flex;
  gap: 9px;
  position: absolute;
  right: 0;
  top: 0;
}

#menuRecommend .clipArea {
  display: flex;
  justify-content: center;
  margin-top: 160px;
}

#menuRecommend .clipArea .wrapArea {
  width: 345px;
  position: relative;
}

#menuRecommend .clipArea .wrapArea h3 {
  margin-bottom: 30px;
  font-size: 32px;
  font-weight: 700;
  line-height: 135%;
  letter-spacing: -0.896px;
  text-align: center;
}

#menuRecommend .clipArea .wrapArea .videoArea {
  width: 345px;
  height: 610px;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}

#menuRecommend .clipArea .wrapArea .videoArea a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

#menuRecommend .clipArea .wrapArea .videoArea a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#menuRecommend .clipArea .wrapArea .videoArea video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#menuRecommend .clipArea .wrapArea:before {
  content: "Recipe, Quick View";
  position: absolute;
  top: 192px;
  left: 50%;
  margin-left: -665px;
  color: #F4F4F4;
  font-size: 200px;
  font-style: normal;
  font-weight: 700;
  line-height: 141px;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: -1;
}

#menuRecommend .clipArea .wrapArea:after {
  content: "with Short Clip";
  position: absolute;
  top: 433px;
  right: 50%;
  margin-right: -620px;
  color: #F4F4F4;
  font-size: 200px;
  font-style: normal;
  font-weight: 700;
  line-height: 141px;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: -1;
}

#menuRecommend .otherMenu {
  display: flex;
  gap: 24px;
  margin-top: 130px;
}

#menuRecommend .otherMenu .recommendArea {
  flex-grow: 1;
  flex-basis: 0;
  width: 628px;
}

#menuRecommend .otherMenu .recommendArea .recommendTitle {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

#menuRecommend .otherMenu .recommendArea .recommendTitle h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 40px;
}

#menuRecommend .otherMenu .recommendArea .recommendTitle ul {
  display: flex;
  gap: 10px;
  width: 74px;
  margin-left: auto;
}

#menuRecommend .otherMenu .recommendArea .recommendTitle ul li a {
  display: block;
  background: #fff;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #DDDDDD;
  box-shadow: 0 1.3px 4.1px rgba(0, 0, 0, 0.1);
}

#menuRecommend .otherMenu .recommendArea .recommendTitle ul li a.btnPrev {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.12988 7.38965L1.73858 4.28093L5.12988 1.17226' stroke='%23111' stroke-width='1.04348' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 50%/6px auto;
}

#menuRecommend .otherMenu .recommendArea .recommendTitle ul li a.btnNext {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.870117 0.610352L4.26142 3.71907L0.870117 6.82774' stroke='%23111' stroke-width='1.04348' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 50%/6px auto;
}

#menuRecommend .otherMenu .recommendArea .recommendSlide {
  width: 628px;
}

#menuRecommend .otherMenu .recommendArea .recommendSlide .slick-list {
  margin: 0 -12px;
}

#menuRecommend .otherMenu .recommendArea .recommendSlide .slick-slide {
  margin: 0 12px;
  position: relative;
}

#menuRecommend .otherMenu .recommendArea .recommendSlide .slick-slide:hover .btnArea {
  opacity: 1;
}

#menuRecommend .otherMenu .recommendArea .recommendSlide a {
  display: block;
}

#menuRecommend .otherMenu .recommendArea .recommendSlide a .imgArea {
  display: flex;
  justify-content: center;
  padding: 12px;
  align-items: center;
  position: relative;
  height: 174px;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
}

#menuRecommend .otherMenu .recommendArea .recommendSlide a .imgArea img {
  max-height: 100%;
  max-width: 100%;
}

#menuRecommend .otherMenu .recommendArea .recommendSlide a .imgArea.borderNone {
  padding: 0;
  border: 0;
  overflow: hidden;
}

#menuRecommend .otherMenu .recommendArea .recommendSlide a .imgArea .icGroup {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 11px;
  top: 11px;
  gap: 4px;
  align-items: flex-start;
}

#menuRecommend .otherMenu .recommendArea .recommendSlide a .imgArea .icGroup i {
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.168px;
  color: #fff;
  background: #111111;
  border-radius: 6px;
}

#menuRecommend .otherMenu .recommendArea .recommendSlide a .imgArea .icGroup i.icNew {
  background: #FF7A00;
}

#menuRecommend .otherMenu .recommendArea .recommendSlide a .imgArea .icGroup i.icMd {
  background: #4F6EDD;
}

#menuRecommend .otherMenu .recommendArea .recommendSlide a .imgArea .icGroup i.icBest {
  background: #DD345C;
}

#menuRecommend .otherMenu .recommendArea .recommendSlide a .imgArea .icGroup i.icNO {
  background: #46B773;
}

#menuRecommend .otherMenu .recommendArea .recommendSlide a .textArea {
  padding-top: 16px;
}

#menuRecommend .otherMenu .recommendArea .recommendSlide a .textArea em {
  display: block;
  margin-bottom: 2px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #FF7A00;
  min-height: 22px;
}

#menuRecommend .otherMenu .recommendArea .recommendSlide a .textArea strong {
  display: block;
  font-size: 18px;
  font-weight: 600;
  line-height: 145%;
  letter-spacing: 0.072px;
}

#menuRecommend .otherMenu .recommendArea .recommendSlide a .textArea .productInfo {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 4px;
}

#menuRecommend .otherMenu .recommendArea .recommendSlide a .textArea .productInfo i, #menuRecommend .otherMenu .recommendArea .recommendSlide a .textArea .productInfo span {
  display: flex;
  padding: 0 8px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.168px;
  color: #666666;
  background: #F5F5F5;
}

#menuRecommend .otherMenu .recommendArea .recommendSlide a .textArea .productInfo i:before {
  content: "#";
}

#menuRecommend .otherMenu .recommendArea .recommendSlide .btnArea {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: 113px;
  right: 20px;
  gap: 8px;
  opacity: 0;
  transition: 0.8s;
}

#menuRecommend .otherMenu .recommendArea .recommendSlide .btnArea a {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(17, 17, 17, 0.6);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 24px auto;
  background-color: initial;
}

#menuRecommend .otherMenu .recommendArea .recommendSlide .btnArea a.icoLike {
  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_4184_13145' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23111'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_4184_13145)'%3E%3Cpath d='M11.9903 20.2822C11.7762 20.2822 11.5612 20.2437 11.3452 20.1668C11.1291 20.0899 10.9391 19.9694 10.775 19.8053L9.33847 18.4995C7.56539 16.8829 5.98237 15.2947 4.58943 13.7351C3.19648 12.1755 2.5 10.5047 2.5 8.72263C2.5 7.30341 2.97852 6.11528 3.93557 5.15823C4.89262 4.20118 6.08076 3.72266 7.49997 3.72266C8.30637 3.72266 9.10285 3.90856 9.8894 4.28036C10.6759 4.65216 11.3795 5.25601 12 6.09191C12.6205 5.25601 13.324 4.65216 14.1105 4.28036C14.8971 3.90856 15.6936 3.72266 16.5 3.72266C17.9192 3.72266 19.1073 4.20118 20.0644 5.15823C21.0214 6.11528 21.5 7.30341 21.5 8.72263C21.5 10.5239 20.7916 12.2133 19.375 13.7909C17.9583 15.3684 16.3788 16.9431 14.6365 18.5149L13.2153 19.8053C13.0512 19.9694 12.8596 20.0899 12.6403 20.1668C12.4211 20.2437 12.2044 20.2822 11.9903 20.2822ZM11.2807 7.61111C10.7397 6.78674 10.1702 6.18257 9.5721 5.79861C8.97402 5.41462 8.28331 5.22263 7.49997 5.22263C6.49997 5.22263 5.66664 5.55597 4.99997 6.22263C4.33331 6.8893 3.99998 7.72263 3.99998 8.72263C3.99998 9.5252 4.25862 10.3643 4.77592 11.2399C5.29322 12.1156 5.94257 12.9861 6.72397 13.8514C7.50539 14.7168 8.35187 15.5623 9.2634 16.388C10.1749 17.2136 11.0198 17.9809 11.798 18.6899C11.8557 18.7412 11.923 18.7669 12 18.7669C12.0769 18.7669 12.1442 18.7412 12.2019 18.6899C12.9801 17.9809 13.825 17.2136 14.7365 16.388C15.6481 15.5623 16.4946 14.7168 17.276 13.8514C18.0574 12.9861 18.7067 12.1156 19.224 11.2399C19.7413 10.3643 20 9.5252 20 8.72263C20 7.72263 19.6666 6.8893 19 6.22263C18.3333 5.55597 17.5 5.22263 16.5 5.22263C15.7166 5.22263 15.0259 5.41462 14.4278 5.79861C13.8298 6.18257 13.2602 6.78674 12.7192 7.61111C12.6346 7.73931 12.5282 7.83546 12.4 7.89958C12.2718 7.96368 12.1384 7.99573 12 7.99573C11.8615 7.99573 11.7282 7.96368 11.6 7.89958C11.4718 7.83546 11.3654 7.73931 11.2807 7.61111Z' fill='%23111'/%3E%3C/g%3E%3C/svg%3E%0A");
}

#menuRecommend .otherMenu .recommendArea .recommendSlide .btnArea a.icoCart {
  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_4236_13330' 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_4236_13330)'%3E%3Cpath d='M7.15771 21.5591C6.67182 21.5591 6.25869 21.3889 5.91831 21.0485C5.57792 20.7082 5.40773 20.295 5.40773 19.8091C5.40773 19.3232 5.57792 18.9101 5.91831 18.5697C6.25869 18.2293 6.67182 18.0591 7.15771 18.0591C7.64361 18.0591 8.05675 18.2293 8.39713 18.5697C8.73751 18.9101 8.90771 19.3232 8.90771 19.8091C8.90771 20.295 8.73751 20.7082 8.39713 21.0485C8.05675 21.3889 7.64361 21.5591 7.15771 21.5591ZM16.85 21.5591C16.3641 21.5591 15.951 21.3889 15.6106 21.0485C15.2702 20.7082 15.1 20.295 15.1 19.8091C15.1 19.3232 15.2702 18.9101 15.6106 18.5697C15.951 18.2293 16.3641 18.0591 16.85 18.0591C17.3359 18.0591 17.749 18.2293 18.0894 18.5697C18.4298 18.9101 18.6 19.3232 18.6 19.8091C18.6 20.295 18.4298 20.7082 18.0894 21.0485C17.749 21.3889 17.3359 21.5591 16.85 21.5591ZM6.01923 5.75144L8.55386 11.0591H15.5539L18.3231 6.02066C18.3615 5.95015 18.3648 5.88765 18.3327 5.83316C18.3007 5.77866 18.2462 5.75142 18.1692 5.75142L6.01923 5.75144ZM7.15771 16.5591C6.49106 16.5591 5.9901 16.2716 5.65483 15.6966C5.31958 15.1216 5.30772 14.5476 5.61926 13.9745L7.04621 11.4091L3.40773 3.75144H2.22888C2.02246 3.75144 1.85003 3.67965 1.71158 3.53607C1.57313 3.39248 1.50391 3.21427 1.50391 3.00144C1.50391 2.78862 1.5757 2.61042 1.71928 2.46684C1.86286 2.32326 2.04106 2.25146 2.25386 2.25146H3.78268C3.9532 2.25146 4.11217 2.29666 4.25961 2.38704C4.40704 2.47742 4.51922 2.60467 4.59616 2.76877L5.29998 4.25146H19.1846C19.6474 4.25146 19.9733 4.42133 20.1624 4.76107C20.3515 5.10082 20.3448 5.46043 20.1422 5.83992L16.9385 11.6437C16.7743 11.9386 16.5599 12.1649 16.2952 12.3226C16.0304 12.4802 15.7321 12.5591 15.4 12.5591H8.10386L6.94616 14.6745C6.89487 14.7514 6.89327 14.8348 6.94136 14.9245C6.98944 15.0143 7.06156 15.0591 7.15771 15.0591H17.875C18.0814 15.0591 18.2538 15.1309 18.3923 15.2745C18.5307 15.4181 18.6 15.5963 18.6 15.8091C18.6 16.0219 18.5282 16.2001 18.3846 16.3437C18.241 16.4873 18.0628 16.5591 17.85 16.5591L7.15771 16.5591Z' fill='%23111'/%3E%3C/g%3E%3C/svg%3E%0A");
}

#menuRecommend .otherMenu .recommendArea .recommendSlide.menuList a .imgArea {
  height: 174px;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  overflow: hidden;
}

#menuRecommend .otherMenu .recommendArea .recommendSlide.menuList a .imgArea img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

#menuRecommend #tabTypeA {
  margin-top: 130px;
  margin-bottom: 60px;
}

#menuRecommend .shareText .pagination {
  margin-top: 60px;
}

#menuRecommend.menuRecommendDetail {
  padding-top: 0;
}

#menuRecommend.menuRecommendDetail #contents {
  padding-top: 0;
}

#menuRecommend.menuRecommendDetail #btnListArea {
  display: flex;
  justify-content: flex-end;
}

#menuRecommend.menuRecommendDetail #btnListArea a {
  display: flex;
  justify-content: center;
  height: 40px;
  align-items: center;
  border-radius: 12px;
  border: 1px solid #111111;
  width: 84px;
}

#menuCalender #tabTypeA {
  margin-bottom: 60px;
}

#menuCalender .pagination {
  margin-top: 60px;
}

#menuCalender .settingArea {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  position: relative;
  margin-bottom: 60px;
}

#menuCalender .settingArea .selectArea {
  position: absolute;
  left: 0;
  width: 155px;
}

#menuCalender .settingArea .dateInfo {
  display: flex;
  width: 415px;
  gap: 20px;
  margin-left: -118px;
}

#menuCalender .settingArea .dateInfo > div {
  display: flex;
  width: 100%;
  align-items: center;
}

#menuCalender .settingArea .dateInfo > div .dateText {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}

#menuCalender .settingArea .dateInfo > div .dateText strong {
  display: block;
  padding-left: 32px;
  font-size: 24px;
  line-height: 135%;
  letter-spacing: -0.552px;
}

#menuCalender .settingArea .dateInfo > div .dateText strong {
  position: relative;
}

#menuCalender .settingArea .dateInfo > div .dateText strong:after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-size: 24px auto;
  background-repeat: no-repeat;
  background-position: 50%;
}

#menuCalender .settingArea .dateInfo > div .dateText strong a {
  display: block;
  padding-right: 28px;
}

#menuCalender .settingArea .dateInfo > div .dateText strong a {
  position: relative;
}

#menuCalender .settingArea .dateInfo > div .dateText strong a:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 10px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 1.5L7.99996 8.5L1 1.5' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 50%/100% auto;
}

#menuCalender .settingArea .dateInfo > div .dateText input {
  position: absolute;
  left: calc(50% - 180px);
  bottom: -20px;
  width: 1px;
  height: 1px;
  opacity: 0;
}

#menuCalender .settingArea .dateInfo > div > a {
  flex: none;
  display: block;
  position: relative;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid #ddd;
  flex: none;
}

#menuCalender .settingArea .dateInfo > div > a:after {
  content: "";
  position: absolute;
  width: 7px;
  height: 12px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-size: 7px auto;
  background-position: 50%;
  background-repeat: no-repeat;
}

#menuCalender .settingArea .dateInfo > div > a.btnPrev::after {
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M5.75 10.5L1 5.74998L5.75 1.00001" stroke="%23111" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}

#menuCalender .settingArea .dateInfo > div > a.btnNext::after {
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.25 1.5L6 6.25002L1.25 11" stroke="%23111" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}

#menuCalender .settingArea .dateInfo > div > a.btnPause::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L1 11' stroke='%23111' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M5 1L5 11' stroke='%23111' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

#menuCalender .settingArea .dateInfo > div > a.btnPlay::after {
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 6.13397C13.1667 6.51888 13.1667 7.48113 12.5 7.86603L5 12.1962C4.33333 12.5811 3.5 12.0999 3.5 11.3301L3.5 2.66987C3.5 1.90007 4.33333 1.41895 5 1.80385L12.5 6.13397Z' fill='%23111'/%3E%3C/svg%3E%0A");
  background-size: 14px auto;
}

#menuCalender .settingArea .dateInfo > a {
  width: 98px;
  flex: none;
}

#menuCalender .settingArea .btnBox {
  display: flex;
  position: absolute;
  right: 0;
  gap: 8px;
}

#menuCalender .calenderHeader {
  margin-bottom: 13px;
}

#menuCalender .calenderHeader ul {
  display: flex;
}

#menuCalender .calenderHeader ul li {
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.16px;
}

#menuCalender .calenderBody {
  margin-bottom: 100px;
}

#menuCalender .calenderBody > ul {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #111111;
}

#menuCalender .calenderBody > ul > li {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 20%;
  min-height: 208px;
  padding: 12px 28px 20px;
  border-bottom: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
}

#menuCalender .calenderBody > ul > li > strong {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.168px;
  text-align: center;
  width: 100%;
}

#menuCalender .calenderBody > ul > li > ul {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 2px;
}

#menuCalender .calenderBody > ul > li > ul > li {
  line-height: 140%;
  letter-spacing: 0.16px;
}

#menuCalender .calenderBody > ul > li > ul > li strong {
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 145%;
  letter-spacing: 0.072px;
}

#menuCalender .calenderBody > ul > li > ul > li strong a {
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 145%;
  letter-spacing: 0.072px;
}

#menuCalender .calenderBody > ul > li > ul > li strong a:after {
  top: 5px;
}

#menuCalender .calenderBody > ul > li > ul > li a {
  display: inline-block;
  padding-left: 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.16px;
  text-decoration: underline;
}

#menuCalender .calenderBody > ul > li > ul > li a {
  position: relative;
}

#menuCalender .calenderBody > ul > li > ul > li a:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 16px;
  left: 0;
  top: 2px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.000646969 2.62446C-4.6926e-08 2.63156 0 2.63818 0 2.64512V15.1282C0 15.3335 0.163048 15.5 0.363785 15.5H10.0732C10.7081 15.5 11.2015 15.2972 11.5405 14.8976C12.0736 14.2686 12.006 13.373 11.9863 13.1943V2.60445C11.9863 2.39898 11.8234 2.23268 11.6225 2.23268L4.49498 2.23235L9.9799 1.2377C10.1776 1.20216 10.3096 1.00875 10.2741 0.806748C10.239 0.604082 10.0491 0.469688 9.8526 0.50589L0.299892 2.23797C0.118404 2.27087 -0.00954353 2.43766 0.000646969 2.62446ZM0.727569 2.97573H11.2589C11.2589 2.97573 11.26 13.2525 11.2624 13.2699C11.2633 13.277 11.3514 13.985 10.9907 14.4108C10.7963 14.6401 10.4873 14.7566 10.0731 14.7566H0.727569V2.97573Z' fill='%23111'/%3E%3Cpath d='M8.65063 12.7344H3.34979C3.14905 12.7344 2.98633 12.9008 2.98633 13.1061C2.98633 13.3111 3.14905 13.4776 3.34979 13.4776H8.65063C8.8512 13.4776 9.01409 13.3111 9.01409 13.1061C9.01409 12.9008 8.85137 12.7344 8.65063 12.7344Z' fill='%23111'/%3E%3Cpath d='M8.33428 5.02492C7.80534 5.02492 7.27252 5.25949 6.87267 5.66863C6.50727 6.04172 6.28582 6.52045 6.2483 7.0167C6.21934 7.39938 6.30232 7.7581 6.48333 8.05879L6.22533 8.32262L5.74152 7.82802L5.7852 7.78372C5.99079 7.57329 6.10385 7.29392 6.10385 6.9967C6.10385 6.69964 5.99079 6.42027 5.7852 6.2105L4.27943 4.67133C4.13741 4.52603 3.90707 4.52653 3.76505 4.671C3.62287 4.81614 3.62287 5.05154 3.76505 5.19668L5.27082 6.73617C5.33892 6.8061 5.37677 6.89818 5.37677 6.9967C5.37677 7.09522 5.33908 7.18796 5.27049 7.25755L4.66893 7.87232C4.52756 8.01614 4.29819 8.01614 4.15844 7.87232L2.65202 6.33382C2.50984 6.18868 2.27966 6.18901 2.13748 6.33415C1.99579 6.47945 1.99579 6.71468 2.13781 6.85982L3.6439 8.398C3.85579 8.61488 4.13433 8.72349 4.4132 8.72349C4.6919 8.72349 4.97076 8.61538 5.18315 8.39833L5.22666 8.35386L5.71047 8.84829L3.78527 10.8154C3.64357 10.9607 3.64357 11.1963 3.78527 11.3416C3.85628 11.414 3.94945 11.45 4.04246 11.45C4.13595 11.45 4.22896 11.4138 4.29997 11.3416L6.22533 9.37413L8.15004 11.3411C8.22105 11.4135 8.31438 11.4496 8.40723 11.4496C8.50024 11.4496 8.59341 11.4134 8.66458 11.3411C8.80676 11.1958 8.80676 10.9602 8.66458 10.8149L6.73971 8.84829L6.999 8.58331C7.25489 8.74316 7.55511 8.83011 7.87425 8.83011C8.40318 8.83011 8.93633 8.59554 9.3365 8.18608C10.1052 7.40054 10.1779 6.19678 9.49874 5.50167C9.19723 5.1942 8.78395 5.02492 8.33428 5.02492ZM8.8218 7.6609C8.55685 7.9315 8.21167 8.08673 7.87425 8.08673C7.69373 8.08673 7.43444 8.04176 7.22448 7.82703C7.04041 7.63908 6.95128 7.37161 6.9736 7.07373C6.99754 6.75436 7.14441 6.44209 7.38705 6.19447C7.65167 5.92386 7.99718 5.76847 8.33428 5.76847C8.51479 5.76847 8.77441 5.8136 8.98437 6.02767C9.38002 6.43218 9.3069 7.16498 8.8218 7.6609Z' fill='%23111'/%3E%3Cpath d='M4.26887 7.42918C4.33988 7.50175 4.43337 7.53812 4.52638 7.53812C4.61955 7.53812 4.71224 7.50192 4.78325 7.42951C4.92527 7.28421 4.92527 7.04898 4.78357 6.90384L3.41012 5.4994C3.2681 5.35426 3.03776 5.35459 2.89574 5.49907C2.75356 5.64437 2.75356 5.8796 2.89542 6.02491L4.26887 7.42918Z' fill='%23111'/%3E%3C/svg%3E%0A") no-repeat 50%/12px auto;
}

#menuCalender .calenderBody > ul > li.nextMonth > strong {
  color: #888888;
}

#menuCalender .calenderBody > ul > li.nextMonth > ul {
  opacity: 0.6;
}

#menuCalender .calenderBody > ul > li:nth-of-type(5n+5) {
  border-right: 0;
}

#menuCalender .month1 .settingArea .dateInfo > a {
  border-color: #194EBF;
  color: #194EBF;
}

#menuCalender .month1 .settingArea .dateInfo > div .dateText strong::after {
  background-image: url(/static/images/menu/ico_month/jan.svg);
}

#menuCalender .month1 .calenderBody > ul > li.todayPoint {
  border: 3px solid #194EBF;
}

#menuCalender .month1 .calenderBody > ul > li > ul > li strong {
  color: #194EBF;
}

#menuCalender .month1 .calenderBody > ul > li > ul > li strong a::after {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.000646969 2.62446C-4.6926e-08 2.63156 0 2.63818 0 2.64512V15.1282C0 15.3335 0.163048 15.5 0.363785 15.5H10.0732C10.7081 15.5 11.2015 15.2972 11.5405 14.8976C12.0736 14.2686 12.006 13.373 11.9863 13.1943V2.60445C11.9863 2.39898 11.8234 2.23268 11.6225 2.23268L4.49498 2.23235L9.9799 1.2377C10.1776 1.20216 10.3096 1.00875 10.2741 0.806748C10.239 0.604082 10.0491 0.469688 9.8526 0.50589L0.299892 2.23797C0.118404 2.27087 -0.00954353 2.43766 0.000646969 2.62446ZM0.727569 2.97573H11.2589C11.2589 2.97573 11.26 13.2525 11.2624 13.2699C11.2633 13.277 11.3514 13.985 10.9907 14.4108C10.7963 14.6401 10.4873 14.7566 10.0731 14.7566H0.727569V2.97573Z' fill='%23194EBF'/%3E%3Cpath d='M8.65063 12.7344H3.34979C3.14905 12.7344 2.98633 12.9008 2.98633 13.1061C2.98633 13.3111 3.14905 13.4776 3.34979 13.4776H8.65063C8.8512 13.4776 9.01409 13.3111 9.01409 13.1061C9.01409 12.9008 8.85137 12.7344 8.65063 12.7344Z' fill='%23194EBF'/%3E%3Cpath d='M8.33428 5.02492C7.80534 5.02492 7.27252 5.25949 6.87267 5.66863C6.50727 6.04172 6.28582 6.52045 6.2483 7.0167C6.21934 7.39938 6.30232 7.7581 6.48333 8.05879L6.22533 8.32262L5.74152 7.82802L5.7852 7.78372C5.99079 7.57329 6.10385 7.29392 6.10385 6.9967C6.10385 6.69964 5.99079 6.42027 5.7852 6.2105L4.27943 4.67133C4.13741 4.52603 3.90707 4.52653 3.76505 4.671C3.62287 4.81614 3.62287 5.05154 3.76505 5.19668L5.27082 6.73617C5.33892 6.8061 5.37677 6.89818 5.37677 6.9967C5.37677 7.09522 5.33908 7.18796 5.27049 7.25755L4.66893 7.87232C4.52756 8.01614 4.29819 8.01614 4.15844 7.87232L2.65202 6.33382C2.50984 6.18868 2.27966 6.18901 2.13748 6.33415C1.99579 6.47945 1.99579 6.71468 2.13781 6.85982L3.6439 8.398C3.85579 8.61488 4.13433 8.72349 4.4132 8.72349C4.6919 8.72349 4.97076 8.61538 5.18315 8.39833L5.22666 8.35386L5.71047 8.84829L3.78527 10.8154C3.64357 10.9607 3.64357 11.1963 3.78527 11.3416C3.85628 11.414 3.94945 11.45 4.04246 11.45C4.13595 11.45 4.22896 11.4138 4.29997 11.3416L6.22533 9.37413L8.15004 11.3411C8.22105 11.4135 8.31438 11.4496 8.40723 11.4496C8.50024 11.4496 8.59341 11.4134 8.66458 11.3411C8.80676 11.1958 8.80676 10.9602 8.66458 10.8149L6.73971 8.84829L6.999 8.58331C7.25489 8.74316 7.55511 8.83011 7.87425 8.83011C8.40318 8.83011 8.93633 8.59554 9.3365 8.18608C10.1052 7.40054 10.1779 6.19678 9.49874 5.50167C9.19723 5.1942 8.78395 5.02492 8.33428 5.02492ZM8.8218 7.6609C8.55685 7.9315 8.21167 8.08673 7.87425 8.08673C7.69373 8.08673 7.43444 8.04176 7.22448 7.82703C7.04041 7.63908 6.95128 7.37161 6.9736 7.07373C6.99754 6.75436 7.14441 6.44209 7.38705 6.19447C7.65167 5.92386 7.99718 5.76847 8.33428 5.76847C8.51479 5.76847 8.77441 5.8136 8.98437 6.02767C9.38002 6.43218 9.3069 7.16498 8.8218 7.6609Z' fill='%23194EBF'/%3E%3Cpath d='M4.26887 7.42918C4.33988 7.50175 4.43337 7.53812 4.52638 7.53812C4.61955 7.53812 4.71224 7.50192 4.78325 7.42951C4.92527 7.28421 4.92527 7.04898 4.78357 6.90384L3.41012 5.4994C3.2681 5.35426 3.03776 5.35459 2.89574 5.49907C2.75356 5.64437 2.75356 5.8796 2.89542 6.02491L4.26887 7.42918Z' fill='%23194EBF'/%3E%3C/svg%3E%0A") no-repeat 50%/12px auto;
}

#menuCalender .month1 .calenderBody > ul > li > ul > li strong a::before {
  background: #194EBF;
}

#menuCalender .month2 .settingArea .dateInfo > a {
  border-color: #0E275A;
  color: #0E275A;
}

#menuCalender .month2 .settingArea .dateInfo > div .dateText strong::after {
  background-image: url(/static/images/menu/ico_month/feb.svg);
}

#menuCalender .month2 .calenderBody > ul > li.todayPoint {
  border: 3px solid #0E275A;
}

#menuCalender .month2 .calenderBody > ul > li > ul > li strong {
  color: #0E275A;
}

#menuCalender .month2 .calenderBody > ul > li > ul > li strong a::after {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.000646969 2.62446C-4.6926e-08 2.63156 0 2.63818 0 2.64512V15.1282C0 15.3335 0.163048 15.5 0.363785 15.5H10.0732C10.7081 15.5 11.2015 15.2972 11.5405 14.8976C12.0736 14.2686 12.006 13.373 11.9863 13.1943V2.60445C11.9863 2.39898 11.8234 2.23268 11.6225 2.23268L4.49498 2.23235L9.9799 1.2377C10.1776 1.20216 10.3096 1.00875 10.2741 0.806748C10.239 0.604082 10.0491 0.469688 9.8526 0.50589L0.299892 2.23797C0.118404 2.27087 -0.00954353 2.43766 0.000646969 2.62446ZM0.727569 2.97573H11.2589C11.2589 2.97573 11.26 13.2525 11.2624 13.2699C11.2633 13.277 11.3514 13.985 10.9907 14.4108C10.7963 14.6401 10.4873 14.7566 10.0731 14.7566H0.727569V2.97573Z' fill='%230E275A'/%3E%3Cpath d='M8.65063 12.7344H3.34979C3.14905 12.7344 2.98633 12.9008 2.98633 13.1061C2.98633 13.3111 3.14905 13.4776 3.34979 13.4776H8.65063C8.8512 13.4776 9.01409 13.3111 9.01409 13.1061C9.01409 12.9008 8.85137 12.7344 8.65063 12.7344Z' fill='%230E275A'/%3E%3Cpath d='M8.33428 5.02492C7.80534 5.02492 7.27252 5.25949 6.87267 5.66863C6.50727 6.04172 6.28582 6.52045 6.2483 7.0167C6.21934 7.39938 6.30232 7.7581 6.48333 8.05879L6.22533 8.32262L5.74152 7.82802L5.7852 7.78372C5.99079 7.57329 6.10385 7.29392 6.10385 6.9967C6.10385 6.69964 5.99079 6.42027 5.7852 6.2105L4.27943 4.67133C4.13741 4.52603 3.90707 4.52653 3.76505 4.671C3.62287 4.81614 3.62287 5.05154 3.76505 5.19668L5.27082 6.73617C5.33892 6.8061 5.37677 6.89818 5.37677 6.9967C5.37677 7.09522 5.33908 7.18796 5.27049 7.25755L4.66893 7.87232C4.52756 8.01614 4.29819 8.01614 4.15844 7.87232L2.65202 6.33382C2.50984 6.18868 2.27966 6.18901 2.13748 6.33415C1.99579 6.47945 1.99579 6.71468 2.13781 6.85982L3.6439 8.398C3.85579 8.61488 4.13433 8.72349 4.4132 8.72349C4.6919 8.72349 4.97076 8.61538 5.18315 8.39833L5.22666 8.35386L5.71047 8.84829L3.78527 10.8154C3.64357 10.9607 3.64357 11.1963 3.78527 11.3416C3.85628 11.414 3.94945 11.45 4.04246 11.45C4.13595 11.45 4.22896 11.4138 4.29997 11.3416L6.22533 9.37413L8.15004 11.3411C8.22105 11.4135 8.31438 11.4496 8.40723 11.4496C8.50024 11.4496 8.59341 11.4134 8.66458 11.3411C8.80676 11.1958 8.80676 10.9602 8.66458 10.8149L6.73971 8.84829L6.999 8.58331C7.25489 8.74316 7.55511 8.83011 7.87425 8.83011C8.40318 8.83011 8.93633 8.59554 9.3365 8.18608C10.1052 7.40054 10.1779 6.19678 9.49874 5.50167C9.19723 5.1942 8.78395 5.02492 8.33428 5.02492ZM8.8218 7.6609C8.55685 7.9315 8.21167 8.08673 7.87425 8.08673C7.69373 8.08673 7.43444 8.04176 7.22448 7.82703C7.04041 7.63908 6.95128 7.37161 6.9736 7.07373C6.99754 6.75436 7.14441 6.44209 7.38705 6.19447C7.65167 5.92386 7.99718 5.76847 8.33428 5.76847C8.51479 5.76847 8.77441 5.8136 8.98437 6.02767C9.38002 6.43218 9.3069 7.16498 8.8218 7.6609Z' fill='%230E275A'/%3E%3Cpath d='M4.26887 7.42918C4.33988 7.50175 4.43337 7.53812 4.52638 7.53812C4.61955 7.53812 4.71224 7.50192 4.78325 7.42951C4.92527 7.28421 4.92527 7.04898 4.78357 6.90384L3.41012 5.4994C3.2681 5.35426 3.03776 5.35459 2.89574 5.49907C2.75356 5.64437 2.75356 5.8796 2.89542 6.02491L4.26887 7.42918Z' fill='%230E275A'/%3E%3C/svg%3E%0A") no-repeat 50%/12px auto;
}

#menuCalender .month2 .calenderBody > ul > li > ul > li strong a::before {
  background: #0E275A;
}

#menuCalender .month3 .settingArea .dateInfo > a {
  border-color: #FF77AB;
  color: #FF77AB;
}

#menuCalender .month3 .settingArea .dateInfo > div .dateText strong::after {
  background-image: url(/static/images/menu/ico_month/mar.svg);
}

#menuCalender .month3 .calenderBody > ul > li.todayPoint {
  border: 3px solid #FF77AB;
}

#menuCalender .month3 .calenderBody > ul > li > ul > li strong {
  color: #FF77AB;
}

#menuCalender .month3 .calenderBody > ul > li > ul > li strong a::after {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.000646969 2.62446C-4.6926e-08 2.63156 0 2.63818 0 2.64512V15.1282C0 15.3335 0.163048 15.5 0.363785 15.5H10.0732C10.7081 15.5 11.2015 15.2972 11.5405 14.8976C12.0736 14.2686 12.006 13.373 11.9863 13.1943V2.60445C11.9863 2.39898 11.8234 2.23268 11.6225 2.23268L4.49498 2.23235L9.9799 1.2377C10.1776 1.20216 10.3096 1.00875 10.2741 0.806748C10.239 0.604082 10.0491 0.469688 9.8526 0.50589L0.299892 2.23797C0.118404 2.27087 -0.00954353 2.43766 0.000646969 2.62446ZM0.727569 2.97573H11.2589C11.2589 2.97573 11.26 13.2525 11.2624 13.2699C11.2633 13.277 11.3514 13.985 10.9907 14.4108C10.7963 14.6401 10.4873 14.7566 10.0731 14.7566H0.727569V2.97573Z' fill='%23FF77AB'/%3E%3Cpath d='M8.65063 12.7344H3.34979C3.14905 12.7344 2.98633 12.9008 2.98633 13.1061C2.98633 13.3111 3.14905 13.4776 3.34979 13.4776H8.65063C8.8512 13.4776 9.01409 13.3111 9.01409 13.1061C9.01409 12.9008 8.85137 12.7344 8.65063 12.7344Z' fill='%23FF77AB'/%3E%3Cpath d='M8.33428 5.02492C7.80534 5.02492 7.27252 5.25949 6.87267 5.66863C6.50727 6.04172 6.28582 6.52045 6.2483 7.0167C6.21934 7.39938 6.30232 7.7581 6.48333 8.05879L6.22533 8.32262L5.74152 7.82802L5.7852 7.78372C5.99079 7.57329 6.10385 7.29392 6.10385 6.9967C6.10385 6.69964 5.99079 6.42027 5.7852 6.2105L4.27943 4.67133C4.13741 4.52603 3.90707 4.52653 3.76505 4.671C3.62287 4.81614 3.62287 5.05154 3.76505 5.19668L5.27082 6.73617C5.33892 6.8061 5.37677 6.89818 5.37677 6.9967C5.37677 7.09522 5.33908 7.18796 5.27049 7.25755L4.66893 7.87232C4.52756 8.01614 4.29819 8.01614 4.15844 7.87232L2.65202 6.33382C2.50984 6.18868 2.27966 6.18901 2.13748 6.33415C1.99579 6.47945 1.99579 6.71468 2.13781 6.85982L3.6439 8.398C3.85579 8.61488 4.13433 8.72349 4.4132 8.72349C4.6919 8.72349 4.97076 8.61538 5.18315 8.39833L5.22666 8.35386L5.71047 8.84829L3.78527 10.8154C3.64357 10.9607 3.64357 11.1963 3.78527 11.3416C3.85628 11.414 3.94945 11.45 4.04246 11.45C4.13595 11.45 4.22896 11.4138 4.29997 11.3416L6.22533 9.37413L8.15004 11.3411C8.22105 11.4135 8.31438 11.4496 8.40723 11.4496C8.50024 11.4496 8.59341 11.4134 8.66458 11.3411C8.80676 11.1958 8.80676 10.9602 8.66458 10.8149L6.73971 8.84829L6.999 8.58331C7.25489 8.74316 7.55511 8.83011 7.87425 8.83011C8.40318 8.83011 8.93633 8.59554 9.3365 8.18608C10.1052 7.40054 10.1779 6.19678 9.49874 5.50167C9.19723 5.1942 8.78395 5.02492 8.33428 5.02492ZM8.8218 7.6609C8.55685 7.9315 8.21167 8.08673 7.87425 8.08673C7.69373 8.08673 7.43444 8.04176 7.22448 7.82703C7.04041 7.63908 6.95128 7.37161 6.9736 7.07373C6.99754 6.75436 7.14441 6.44209 7.38705 6.19447C7.65167 5.92386 7.99718 5.76847 8.33428 5.76847C8.51479 5.76847 8.77441 5.8136 8.98437 6.02767C9.38002 6.43218 9.3069 7.16498 8.8218 7.6609Z' fill='%23FF77AB'/%3E%3Cpath d='M4.26887 7.42918C4.33988 7.50175 4.43337 7.53812 4.52638 7.53812C4.61955 7.53812 4.71224 7.50192 4.78325 7.42951C4.92527 7.28421 4.92527 7.04898 4.78357 6.90384L3.41012 5.4994C3.2681 5.35426 3.03776 5.35459 2.89574 5.49907C2.75356 5.64437 2.75356 5.8796 2.89542 6.02491L4.26887 7.42918Z' fill='%23FF77AB'/%3E%3C/svg%3E%0A") no-repeat 50%/12px auto;
}

#menuCalender .month3 .calenderBody > ul > li > ul > li strong a::before {
  background: #FF77AB;
}

#menuCalender .month4 .settingArea .dateInfo > a {
  border-color: #46B773;
  color: #46B773;
}

#menuCalender .month4 .settingArea .dateInfo > div .dateText strong::after {
  background-image: url(/static/images/menu/ico_month/apr.svg);
}

#menuCalender .month4 .calenderBody > ul > li.todayPoint {
  border: 3px solid #46B773;
}

#menuCalender .month4 .calenderBody > ul > li > ul > li strong {
  color: #46B773;
}

#menuCalender .month4 .calenderBody > ul > li > ul > li strong a::after {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.000646969 2.62446C-4.6926e-08 2.63156 0 2.63818 0 2.64512V15.1282C0 15.3335 0.163048 15.5 0.363785 15.5H10.0732C10.7081 15.5 11.2015 15.2972 11.5405 14.8976C12.0736 14.2686 12.006 13.373 11.9863 13.1943V2.60445C11.9863 2.39898 11.8234 2.23268 11.6225 2.23268L4.49498 2.23235L9.9799 1.2377C10.1776 1.20216 10.3096 1.00875 10.2741 0.806748C10.239 0.604082 10.0491 0.469688 9.8526 0.50589L0.299892 2.23797C0.118404 2.27087 -0.00954353 2.43766 0.000646969 2.62446ZM0.727569 2.97573H11.2589C11.2589 2.97573 11.26 13.2525 11.2624 13.2699C11.2633 13.277 11.3514 13.985 10.9907 14.4108C10.7963 14.6401 10.4873 14.7566 10.0731 14.7566H0.727569V2.97573Z' fill='%2346B773'/%3E%3Cpath d='M8.65063 12.7344H3.34979C3.14905 12.7344 2.98633 12.9008 2.98633 13.1061C2.98633 13.3111 3.14905 13.4776 3.34979 13.4776H8.65063C8.8512 13.4776 9.01409 13.3111 9.01409 13.1061C9.01409 12.9008 8.85137 12.7344 8.65063 12.7344Z' fill='%2346B773'/%3E%3Cpath d='M8.33428 5.02492C7.80534 5.02492 7.27252 5.25949 6.87267 5.66863C6.50727 6.04172 6.28582 6.52045 6.2483 7.0167C6.21934 7.39938 6.30232 7.7581 6.48333 8.05879L6.22533 8.32262L5.74152 7.82802L5.7852 7.78372C5.99079 7.57329 6.10385 7.29392 6.10385 6.9967C6.10385 6.69964 5.99079 6.42027 5.7852 6.2105L4.27943 4.67133C4.13741 4.52603 3.90707 4.52653 3.76505 4.671C3.62287 4.81614 3.62287 5.05154 3.76505 5.19668L5.27082 6.73617C5.33892 6.8061 5.37677 6.89818 5.37677 6.9967C5.37677 7.09522 5.33908 7.18796 5.27049 7.25755L4.66893 7.87232C4.52756 8.01614 4.29819 8.01614 4.15844 7.87232L2.65202 6.33382C2.50984 6.18868 2.27966 6.18901 2.13748 6.33415C1.99579 6.47945 1.99579 6.71468 2.13781 6.85982L3.6439 8.398C3.85579 8.61488 4.13433 8.72349 4.4132 8.72349C4.6919 8.72349 4.97076 8.61538 5.18315 8.39833L5.22666 8.35386L5.71047 8.84829L3.78527 10.8154C3.64357 10.9607 3.64357 11.1963 3.78527 11.3416C3.85628 11.414 3.94945 11.45 4.04246 11.45C4.13595 11.45 4.22896 11.4138 4.29997 11.3416L6.22533 9.37413L8.15004 11.3411C8.22105 11.4135 8.31438 11.4496 8.40723 11.4496C8.50024 11.4496 8.59341 11.4134 8.66458 11.3411C8.80676 11.1958 8.80676 10.9602 8.66458 10.8149L6.73971 8.84829L6.999 8.58331C7.25489 8.74316 7.55511 8.83011 7.87425 8.83011C8.40318 8.83011 8.93633 8.59554 9.3365 8.18608C10.1052 7.40054 10.1779 6.19678 9.49874 5.50167C9.19723 5.1942 8.78395 5.02492 8.33428 5.02492ZM8.8218 7.6609C8.55685 7.9315 8.21167 8.08673 7.87425 8.08673C7.69373 8.08673 7.43444 8.04176 7.22448 7.82703C7.04041 7.63908 6.95128 7.37161 6.9736 7.07373C6.99754 6.75436 7.14441 6.44209 7.38705 6.19447C7.65167 5.92386 7.99718 5.76847 8.33428 5.76847C8.51479 5.76847 8.77441 5.8136 8.98437 6.02767C9.38002 6.43218 9.3069 7.16498 8.8218 7.6609Z' fill='%2346B773'/%3E%3Cpath d='M4.26887 7.42918C4.33988 7.50175 4.43337 7.53812 4.52638 7.53812C4.61955 7.53812 4.71224 7.50192 4.78325 7.42951C4.92527 7.28421 4.92527 7.04898 4.78357 6.90384L3.41012 5.4994C3.2681 5.35426 3.03776 5.35459 2.89574 5.49907C2.75356 5.64437 2.75356 5.8796 2.89542 6.02491L4.26887 7.42918Z' fill='%2346B773'/%3E%3C/svg%3E%0A") no-repeat 50%/12px auto;
}

#menuCalender .month4 .calenderBody > ul > li > ul > li strong a::before {
  background: #46B773;
}

#menuCalender .month5 .settingArea .dateInfo > a {
  border-color: #FFB700;
  color: #FFB700;
}

#menuCalender .month5 .settingArea .dateInfo > div .dateText strong::after {
  background-image: url(/static/images/menu/ico_month/may.svg);
}

#menuCalender .month5 .calenderBody > ul > li.todayPoint {
  border: 3px solid #FFB700;
}

#menuCalender .month5 .calenderBody > ul > li > ul > li strong {
  color: #FFB700;
}

#menuCalender .month5 .calenderBody > ul > li > ul > li strong a::after {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.000646969 2.62446C-4.6926e-08 2.63156 0 2.63818 0 2.64512V15.1282C0 15.3335 0.163048 15.5 0.363785 15.5H10.0732C10.7081 15.5 11.2015 15.2972 11.5405 14.8976C12.0736 14.2686 12.006 13.373 11.9863 13.1943V2.60445C11.9863 2.39898 11.8234 2.23268 11.6225 2.23268L4.49498 2.23235L9.9799 1.2377C10.1776 1.20216 10.3096 1.00875 10.2741 0.806748C10.239 0.604082 10.0491 0.469688 9.8526 0.50589L0.299892 2.23797C0.118404 2.27087 -0.00954353 2.43766 0.000646969 2.62446ZM0.727569 2.97573H11.2589C11.2589 2.97573 11.26 13.2525 11.2624 13.2699C11.2633 13.277 11.3514 13.985 10.9907 14.4108C10.7963 14.6401 10.4873 14.7566 10.0731 14.7566H0.727569V2.97573Z' fill='%23FFB700'/%3E%3Cpath d='M8.65063 12.7344H3.34979C3.14905 12.7344 2.98633 12.9008 2.98633 13.1061C2.98633 13.3111 3.14905 13.4776 3.34979 13.4776H8.65063C8.8512 13.4776 9.01409 13.3111 9.01409 13.1061C9.01409 12.9008 8.85137 12.7344 8.65063 12.7344Z' fill='%23FFB700'/%3E%3Cpath d='M8.33428 5.02492C7.80534 5.02492 7.27252 5.25949 6.87267 5.66863C6.50727 6.04172 6.28582 6.52045 6.2483 7.0167C6.21934 7.39938 6.30232 7.7581 6.48333 8.05879L6.22533 8.32262L5.74152 7.82802L5.7852 7.78372C5.99079 7.57329 6.10385 7.29392 6.10385 6.9967C6.10385 6.69964 5.99079 6.42027 5.7852 6.2105L4.27943 4.67133C4.13741 4.52603 3.90707 4.52653 3.76505 4.671C3.62287 4.81614 3.62287 5.05154 3.76505 5.19668L5.27082 6.73617C5.33892 6.8061 5.37677 6.89818 5.37677 6.9967C5.37677 7.09522 5.33908 7.18796 5.27049 7.25755L4.66893 7.87232C4.52756 8.01614 4.29819 8.01614 4.15844 7.87232L2.65202 6.33382C2.50984 6.18868 2.27966 6.18901 2.13748 6.33415C1.99579 6.47945 1.99579 6.71468 2.13781 6.85982L3.6439 8.398C3.85579 8.61488 4.13433 8.72349 4.4132 8.72349C4.6919 8.72349 4.97076 8.61538 5.18315 8.39833L5.22666 8.35386L5.71047 8.84829L3.78527 10.8154C3.64357 10.9607 3.64357 11.1963 3.78527 11.3416C3.85628 11.414 3.94945 11.45 4.04246 11.45C4.13595 11.45 4.22896 11.4138 4.29997 11.3416L6.22533 9.37413L8.15004 11.3411C8.22105 11.4135 8.31438 11.4496 8.40723 11.4496C8.50024 11.4496 8.59341 11.4134 8.66458 11.3411C8.80676 11.1958 8.80676 10.9602 8.66458 10.8149L6.73971 8.84829L6.999 8.58331C7.25489 8.74316 7.55511 8.83011 7.87425 8.83011C8.40318 8.83011 8.93633 8.59554 9.3365 8.18608C10.1052 7.40054 10.1779 6.19678 9.49874 5.50167C9.19723 5.1942 8.78395 5.02492 8.33428 5.02492ZM8.8218 7.6609C8.55685 7.9315 8.21167 8.08673 7.87425 8.08673C7.69373 8.08673 7.43444 8.04176 7.22448 7.82703C7.04041 7.63908 6.95128 7.37161 6.9736 7.07373C6.99754 6.75436 7.14441 6.44209 7.38705 6.19447C7.65167 5.92386 7.99718 5.76847 8.33428 5.76847C8.51479 5.76847 8.77441 5.8136 8.98437 6.02767C9.38002 6.43218 9.3069 7.16498 8.8218 7.6609Z' fill='%23FFB700'/%3E%3Cpath d='M4.26887 7.42918C4.33988 7.50175 4.43337 7.53812 4.52638 7.53812C4.61955 7.53812 4.71224 7.50192 4.78325 7.42951C4.92527 7.28421 4.92527 7.04898 4.78357 6.90384L3.41012 5.4994C3.2681 5.35426 3.03776 5.35459 2.89574 5.49907C2.75356 5.64437 2.75356 5.8796 2.89542 6.02491L4.26887 7.42918Z' fill='%23FFB700'/%3E%3C/svg%3E%0A") no-repeat 50%/12px auto;
}

#menuCalender .month5 .calenderBody > ul > li > ul > li strong a::before {
  background: #FFB700;
}

#menuCalender .month6 .settingArea .dateInfo > a {
  border-color: #0CA4B9;
  color: #0CA4B9;
}

#menuCalender .month6 .settingArea .dateInfo > div .dateText strong::after {
  background-image: url(/static/images/menu/ico_month/jun.svg);
}

#menuCalender .month6 .calenderBody > ul > li.todayPoint {
  border: 3px solid #0CA4B9;
}

#menuCalender .month6 .calenderBody > ul > li > ul > li strong {
  color: #0CA4B9;
}

#menuCalender .month6 .calenderBody > ul > li > ul > li strong a::after {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.000646969 2.62446C-4.6926e-08 2.63156 0 2.63818 0 2.64512V15.1282C0 15.3335 0.163048 15.5 0.363785 15.5H10.0732C10.7081 15.5 11.2015 15.2972 11.5405 14.8976C12.0736 14.2686 12.006 13.373 11.9863 13.1943V2.60445C11.9863 2.39898 11.8234 2.23268 11.6225 2.23268L4.49498 2.23235L9.9799 1.2377C10.1776 1.20216 10.3096 1.00875 10.2741 0.806748C10.239 0.604082 10.0491 0.469688 9.8526 0.50589L0.299892 2.23797C0.118404 2.27087 -0.00954353 2.43766 0.000646969 2.62446ZM0.727569 2.97573H11.2589C11.2589 2.97573 11.26 13.2525 11.2624 13.2699C11.2633 13.277 11.3514 13.985 10.9907 14.4108C10.7963 14.6401 10.4873 14.7566 10.0731 14.7566H0.727569V2.97573Z' fill='%230CA4B9'/%3E%3Cpath d='M8.65063 12.7344H3.34979C3.14905 12.7344 2.98633 12.9008 2.98633 13.1061C2.98633 13.3111 3.14905 13.4776 3.34979 13.4776H8.65063C8.8512 13.4776 9.01409 13.3111 9.01409 13.1061C9.01409 12.9008 8.85137 12.7344 8.65063 12.7344Z' fill='%230CA4B9'/%3E%3Cpath d='M8.33428 5.02492C7.80534 5.02492 7.27252 5.25949 6.87267 5.66863C6.50727 6.04172 6.28582 6.52045 6.2483 7.0167C6.21934 7.39938 6.30232 7.7581 6.48333 8.05879L6.22533 8.32262L5.74152 7.82802L5.7852 7.78372C5.99079 7.57329 6.10385 7.29392 6.10385 6.9967C6.10385 6.69964 5.99079 6.42027 5.7852 6.2105L4.27943 4.67133C4.13741 4.52603 3.90707 4.52653 3.76505 4.671C3.62287 4.81614 3.62287 5.05154 3.76505 5.19668L5.27082 6.73617C5.33892 6.8061 5.37677 6.89818 5.37677 6.9967C5.37677 7.09522 5.33908 7.18796 5.27049 7.25755L4.66893 7.87232C4.52756 8.01614 4.29819 8.01614 4.15844 7.87232L2.65202 6.33382C2.50984 6.18868 2.27966 6.18901 2.13748 6.33415C1.99579 6.47945 1.99579 6.71468 2.13781 6.85982L3.6439 8.398C3.85579 8.61488 4.13433 8.72349 4.4132 8.72349C4.6919 8.72349 4.97076 8.61538 5.18315 8.39833L5.22666 8.35386L5.71047 8.84829L3.78527 10.8154C3.64357 10.9607 3.64357 11.1963 3.78527 11.3416C3.85628 11.414 3.94945 11.45 4.04246 11.45C4.13595 11.45 4.22896 11.4138 4.29997 11.3416L6.22533 9.37413L8.15004 11.3411C8.22105 11.4135 8.31438 11.4496 8.40723 11.4496C8.50024 11.4496 8.59341 11.4134 8.66458 11.3411C8.80676 11.1958 8.80676 10.9602 8.66458 10.8149L6.73971 8.84829L6.999 8.58331C7.25489 8.74316 7.55511 8.83011 7.87425 8.83011C8.40318 8.83011 8.93633 8.59554 9.3365 8.18608C10.1052 7.40054 10.1779 6.19678 9.49874 5.50167C9.19723 5.1942 8.78395 5.02492 8.33428 5.02492ZM8.8218 7.6609C8.55685 7.9315 8.21167 8.08673 7.87425 8.08673C7.69373 8.08673 7.43444 8.04176 7.22448 7.82703C7.04041 7.63908 6.95128 7.37161 6.9736 7.07373C6.99754 6.75436 7.14441 6.44209 7.38705 6.19447C7.65167 5.92386 7.99718 5.76847 8.33428 5.76847C8.51479 5.76847 8.77441 5.8136 8.98437 6.02767C9.38002 6.43218 9.3069 7.16498 8.8218 7.6609Z' fill='%230CA4B9'/%3E%3Cpath d='M4.26887 7.42918C4.33988 7.50175 4.43337 7.53812 4.52638 7.53812C4.61955 7.53812 4.71224 7.50192 4.78325 7.42951C4.92527 7.28421 4.92527 7.04898 4.78357 6.90384L3.41012 5.4994C3.2681 5.35426 3.03776 5.35459 2.89574 5.49907C2.75356 5.64437 2.75356 5.8796 2.89542 6.02491L4.26887 7.42918Z' fill='%230CA4B9'/%3E%3C/svg%3E%0A") no-repeat 50%/12px auto;
}

#menuCalender .month6 .calenderBody > ul > li > ul > li strong a::before {
  background: #0CA4B9;
}

#menuCalender .month7 .settingArea .dateInfo > a {
  border-color: #7F24DB;
  color: #7F24DB;
}

#menuCalender .month7 .settingArea .dateInfo > div .dateText strong::after {
  background-image: url(/static/images/menu/ico_month/jul.svg);
}

#menuCalender .month7 .calenderBody > ul > li.todayPoint {
  border: 3px solid #7F24DB;
}

#menuCalender .month7 .calenderBody > ul > li > ul > li strong {
  color: #7F24DB;
}

#menuCalender .month7 .calenderBody > ul > li > ul > li strong a::after {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.000646969 2.62446C-4.6926e-08 2.63156 0 2.63818 0 2.64512V15.1282C0 15.3335 0.163048 15.5 0.363785 15.5H10.0732C10.7081 15.5 11.2015 15.2972 11.5405 14.8976C12.0736 14.2686 12.006 13.373 11.9863 13.1943V2.60445C11.9863 2.39898 11.8234 2.23268 11.6225 2.23268L4.49498 2.23235L9.9799 1.2377C10.1776 1.20216 10.3096 1.00875 10.2741 0.806748C10.239 0.604082 10.0491 0.469688 9.8526 0.50589L0.299892 2.23797C0.118404 2.27087 -0.00954353 2.43766 0.000646969 2.62446ZM0.727569 2.97573H11.2589C11.2589 2.97573 11.26 13.2525 11.2624 13.2699C11.2633 13.277 11.3514 13.985 10.9907 14.4108C10.7963 14.6401 10.4873 14.7566 10.0731 14.7566H0.727569V2.97573Z' fill='%237F24DB'/%3E%3Cpath d='M8.65063 12.7344H3.34979C3.14905 12.7344 2.98633 12.9008 2.98633 13.1061C2.98633 13.3111 3.14905 13.4776 3.34979 13.4776H8.65063C8.8512 13.4776 9.01409 13.3111 9.01409 13.1061C9.01409 12.9008 8.85137 12.7344 8.65063 12.7344Z' fill='%237F24DB'/%3E%3Cpath d='M8.33428 5.02492C7.80534 5.02492 7.27252 5.25949 6.87267 5.66863C6.50727 6.04172 6.28582 6.52045 6.2483 7.0167C6.21934 7.39938 6.30232 7.7581 6.48333 8.05879L6.22533 8.32262L5.74152 7.82802L5.7852 7.78372C5.99079 7.57329 6.10385 7.29392 6.10385 6.9967C6.10385 6.69964 5.99079 6.42027 5.7852 6.2105L4.27943 4.67133C4.13741 4.52603 3.90707 4.52653 3.76505 4.671C3.62287 4.81614 3.62287 5.05154 3.76505 5.19668L5.27082 6.73617C5.33892 6.8061 5.37677 6.89818 5.37677 6.9967C5.37677 7.09522 5.33908 7.18796 5.27049 7.25755L4.66893 7.87232C4.52756 8.01614 4.29819 8.01614 4.15844 7.87232L2.65202 6.33382C2.50984 6.18868 2.27966 6.18901 2.13748 6.33415C1.99579 6.47945 1.99579 6.71468 2.13781 6.85982L3.6439 8.398C3.85579 8.61488 4.13433 8.72349 4.4132 8.72349C4.6919 8.72349 4.97076 8.61538 5.18315 8.39833L5.22666 8.35386L5.71047 8.84829L3.78527 10.8154C3.64357 10.9607 3.64357 11.1963 3.78527 11.3416C3.85628 11.414 3.94945 11.45 4.04246 11.45C4.13595 11.45 4.22896 11.4138 4.29997 11.3416L6.22533 9.37413L8.15004 11.3411C8.22105 11.4135 8.31438 11.4496 8.40723 11.4496C8.50024 11.4496 8.59341 11.4134 8.66458 11.3411C8.80676 11.1958 8.80676 10.9602 8.66458 10.8149L6.73971 8.84829L6.999 8.58331C7.25489 8.74316 7.55511 8.83011 7.87425 8.83011C8.40318 8.83011 8.93633 8.59554 9.3365 8.18608C10.1052 7.40054 10.1779 6.19678 9.49874 5.50167C9.19723 5.1942 8.78395 5.02492 8.33428 5.02492ZM8.8218 7.6609C8.55685 7.9315 8.21167 8.08673 7.87425 8.08673C7.69373 8.08673 7.43444 8.04176 7.22448 7.82703C7.04041 7.63908 6.95128 7.37161 6.9736 7.07373C6.99754 6.75436 7.14441 6.44209 7.38705 6.19447C7.65167 5.92386 7.99718 5.76847 8.33428 5.76847C8.51479 5.76847 8.77441 5.8136 8.98437 6.02767C9.38002 6.43218 9.3069 7.16498 8.8218 7.6609Z' fill='%237F24DB'/%3E%3Cpath d='M4.26887 7.42918C4.33988 7.50175 4.43337 7.53812 4.52638 7.53812C4.61955 7.53812 4.71224 7.50192 4.78325 7.42951C4.92527 7.28421 4.92527 7.04898 4.78357 6.90384L3.41012 5.4994C3.2681 5.35426 3.03776 5.35459 2.89574 5.49907C2.75356 5.64437 2.75356 5.8796 2.89542 6.02491L4.26887 7.42918Z' fill='%237F24DB'/%3E%3C/svg%3E%0A") no-repeat 50%/12px auto;
}

#menuCalender .month7 .calenderBody > ul > li > ul > li strong a::before {
  background: #7F24DB;
}

#menuCalender .month8 .settingArea .dateInfo > a {
  border-color: #DC4A81;
  color: #DC4A81;
}

#menuCalender .month8 .settingArea .dateInfo > div .dateText strong::after {
  background-image: url(/static/images/menu/ico_month/aug.svg);
}

#menuCalender .month8 .calenderBody > ul > li.todayPoint {
  border: 3px solid #DC4A81;
}

#menuCalender .month8 .calenderBody > ul > li > ul > li strong {
  color: #DC4A81;
}

#menuCalender .month8 .calenderBody > ul > li > ul > li strong a::after {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.000646969 2.62446C-4.6926e-08 2.63156 0 2.63818 0 2.64512V15.1282C0 15.3335 0.163048 15.5 0.363785 15.5H10.0732C10.7081 15.5 11.2015 15.2972 11.5405 14.8976C12.0736 14.2686 12.006 13.373 11.9863 13.1943V2.60445C11.9863 2.39898 11.8234 2.23268 11.6225 2.23268L4.49498 2.23235L9.9799 1.2377C10.1776 1.20216 10.3096 1.00875 10.2741 0.806748C10.239 0.604082 10.0491 0.469688 9.8526 0.50589L0.299892 2.23797C0.118404 2.27087 -0.00954353 2.43766 0.000646969 2.62446ZM0.727569 2.97573H11.2589C11.2589 2.97573 11.26 13.2525 11.2624 13.2699C11.2633 13.277 11.3514 13.985 10.9907 14.4108C10.7963 14.6401 10.4873 14.7566 10.0731 14.7566H0.727569V2.97573Z' fill='%23DC4A81'/%3E%3Cpath d='M8.65063 12.7344H3.34979C3.14905 12.7344 2.98633 12.9008 2.98633 13.1061C2.98633 13.3111 3.14905 13.4776 3.34979 13.4776H8.65063C8.8512 13.4776 9.01409 13.3111 9.01409 13.1061C9.01409 12.9008 8.85137 12.7344 8.65063 12.7344Z' fill='%23DC4A81'/%3E%3Cpath d='M8.33428 5.02492C7.80534 5.02492 7.27252 5.25949 6.87267 5.66863C6.50727 6.04172 6.28582 6.52045 6.2483 7.0167C6.21934 7.39938 6.30232 7.7581 6.48333 8.05879L6.22533 8.32262L5.74152 7.82802L5.7852 7.78372C5.99079 7.57329 6.10385 7.29392 6.10385 6.9967C6.10385 6.69964 5.99079 6.42027 5.7852 6.2105L4.27943 4.67133C4.13741 4.52603 3.90707 4.52653 3.76505 4.671C3.62287 4.81614 3.62287 5.05154 3.76505 5.19668L5.27082 6.73617C5.33892 6.8061 5.37677 6.89818 5.37677 6.9967C5.37677 7.09522 5.33908 7.18796 5.27049 7.25755L4.66893 7.87232C4.52756 8.01614 4.29819 8.01614 4.15844 7.87232L2.65202 6.33382C2.50984 6.18868 2.27966 6.18901 2.13748 6.33415C1.99579 6.47945 1.99579 6.71468 2.13781 6.85982L3.6439 8.398C3.85579 8.61488 4.13433 8.72349 4.4132 8.72349C4.6919 8.72349 4.97076 8.61538 5.18315 8.39833L5.22666 8.35386L5.71047 8.84829L3.78527 10.8154C3.64357 10.9607 3.64357 11.1963 3.78527 11.3416C3.85628 11.414 3.94945 11.45 4.04246 11.45C4.13595 11.45 4.22896 11.4138 4.29997 11.3416L6.22533 9.37413L8.15004 11.3411C8.22105 11.4135 8.31438 11.4496 8.40723 11.4496C8.50024 11.4496 8.59341 11.4134 8.66458 11.3411C8.80676 11.1958 8.80676 10.9602 8.66458 10.8149L6.73971 8.84829L6.999 8.58331C7.25489 8.74316 7.55511 8.83011 7.87425 8.83011C8.40318 8.83011 8.93633 8.59554 9.3365 8.18608C10.1052 7.40054 10.1779 6.19678 9.49874 5.50167C9.19723 5.1942 8.78395 5.02492 8.33428 5.02492ZM8.8218 7.6609C8.55685 7.9315 8.21167 8.08673 7.87425 8.08673C7.69373 8.08673 7.43444 8.04176 7.22448 7.82703C7.04041 7.63908 6.95128 7.37161 6.9736 7.07373C6.99754 6.75436 7.14441 6.44209 7.38705 6.19447C7.65167 5.92386 7.99718 5.76847 8.33428 5.76847C8.51479 5.76847 8.77441 5.8136 8.98437 6.02767C9.38002 6.43218 9.3069 7.16498 8.8218 7.6609Z' fill='%23DC4A81'/%3E%3Cpath d='M4.26887 7.42918C4.33988 7.50175 4.43337 7.53812 4.52638 7.53812C4.61955 7.53812 4.71224 7.50192 4.78325 7.42951C4.92527 7.28421 4.92527 7.04898 4.78357 6.90384L3.41012 5.4994C3.2681 5.35426 3.03776 5.35459 2.89574 5.49907C2.75356 5.64437 2.75356 5.8796 2.89542 6.02491L4.26887 7.42918Z' fill='%23DC4A81'/%3E%3C/svg%3E%0A") no-repeat 50%/12px auto;
}

#menuCalender .month8 .calenderBody > ul > li > ul > li strong a::before {
  background: #DC4A81;
}

#menuCalender .month9 .settingArea .dateInfo > a {
  border-color: #EB2828;
  color: #EB2828;
}

#menuCalender .month9 .settingArea .dateInfo > div .dateText strong::after {
  background-image: url(/static/images/menu/ico_month/sep.svg);
}

#menuCalender .month9 .calenderBody > ul > li.todayPoint {
  border: 3px solid #EB2828;
}

#menuCalender .month9 .calenderBody > ul > li > ul > li strong {
  color: #EB2828;
}

#menuCalender .month9 .calenderBody > ul > li > ul > li strong a::after {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.000646969 2.62446C-4.6926e-08 2.63156 0 2.63818 0 2.64512V15.1282C0 15.3335 0.163048 15.5 0.363785 15.5H10.0732C10.7081 15.5 11.2015 15.2972 11.5405 14.8976C12.0736 14.2686 12.006 13.373 11.9863 13.1943V2.60445C11.9863 2.39898 11.8234 2.23268 11.6225 2.23268L4.49498 2.23235L9.9799 1.2377C10.1776 1.20216 10.3096 1.00875 10.2741 0.806748C10.239 0.604082 10.0491 0.469688 9.8526 0.50589L0.299892 2.23797C0.118404 2.27087 -0.00954353 2.43766 0.000646969 2.62446ZM0.727569 2.97573H11.2589C11.2589 2.97573 11.26 13.2525 11.2624 13.2699C11.2633 13.277 11.3514 13.985 10.9907 14.4108C10.7963 14.6401 10.4873 14.7566 10.0731 14.7566H0.727569V2.97573Z' fill='%23EB2828'/%3E%3Cpath d='M8.65063 12.7344H3.34979C3.14905 12.7344 2.98633 12.9008 2.98633 13.1061C2.98633 13.3111 3.14905 13.4776 3.34979 13.4776H8.65063C8.8512 13.4776 9.01409 13.3111 9.01409 13.1061C9.01409 12.9008 8.85137 12.7344 8.65063 12.7344Z' fill='%23EB2828'/%3E%3Cpath d='M8.33428 5.02492C7.80534 5.02492 7.27252 5.25949 6.87267 5.66863C6.50727 6.04172 6.28582 6.52045 6.2483 7.0167C6.21934 7.39938 6.30232 7.7581 6.48333 8.05879L6.22533 8.32262L5.74152 7.82802L5.7852 7.78372C5.99079 7.57329 6.10385 7.29392 6.10385 6.9967C6.10385 6.69964 5.99079 6.42027 5.7852 6.2105L4.27943 4.67133C4.13741 4.52603 3.90707 4.52653 3.76505 4.671C3.62287 4.81614 3.62287 5.05154 3.76505 5.19668L5.27082 6.73617C5.33892 6.8061 5.37677 6.89818 5.37677 6.9967C5.37677 7.09522 5.33908 7.18796 5.27049 7.25755L4.66893 7.87232C4.52756 8.01614 4.29819 8.01614 4.15844 7.87232L2.65202 6.33382C2.50984 6.18868 2.27966 6.18901 2.13748 6.33415C1.99579 6.47945 1.99579 6.71468 2.13781 6.85982L3.6439 8.398C3.85579 8.61488 4.13433 8.72349 4.4132 8.72349C4.6919 8.72349 4.97076 8.61538 5.18315 8.39833L5.22666 8.35386L5.71047 8.84829L3.78527 10.8154C3.64357 10.9607 3.64357 11.1963 3.78527 11.3416C3.85628 11.414 3.94945 11.45 4.04246 11.45C4.13595 11.45 4.22896 11.4138 4.29997 11.3416L6.22533 9.37413L8.15004 11.3411C8.22105 11.4135 8.31438 11.4496 8.40723 11.4496C8.50024 11.4496 8.59341 11.4134 8.66458 11.3411C8.80676 11.1958 8.80676 10.9602 8.66458 10.8149L6.73971 8.84829L6.999 8.58331C7.25489 8.74316 7.55511 8.83011 7.87425 8.83011C8.40318 8.83011 8.93633 8.59554 9.3365 8.18608C10.1052 7.40054 10.1779 6.19678 9.49874 5.50167C9.19723 5.1942 8.78395 5.02492 8.33428 5.02492ZM8.8218 7.6609C8.55685 7.9315 8.21167 8.08673 7.87425 8.08673C7.69373 8.08673 7.43444 8.04176 7.22448 7.82703C7.04041 7.63908 6.95128 7.37161 6.9736 7.07373C6.99754 6.75436 7.14441 6.44209 7.38705 6.19447C7.65167 5.92386 7.99718 5.76847 8.33428 5.76847C8.51479 5.76847 8.77441 5.8136 8.98437 6.02767C9.38002 6.43218 9.3069 7.16498 8.8218 7.6609Z' fill='%23EB2828'/%3E%3Cpath d='M4.26887 7.42918C4.33988 7.50175 4.43337 7.53812 4.52638 7.53812C4.61955 7.53812 4.71224 7.50192 4.78325 7.42951C4.92527 7.28421 4.92527 7.04898 4.78357 6.90384L3.41012 5.4994C3.2681 5.35426 3.03776 5.35459 2.89574 5.49907C2.75356 5.64437 2.75356 5.8796 2.89542 6.02491L4.26887 7.42918Z' fill='%23EB2828'/%3E%3C/svg%3E%0A") no-repeat 50%/12px auto;
}

#menuCalender .month9 .calenderBody > ul > li > ul > li strong a::before {
  background: #EB2828;
}

#menuCalender .month10 .settingArea .dateInfo > a {
  border-color: #FF6500;
  color: #FF6500;
}

#menuCalender .month10 .settingArea .dateInfo > div .dateText strong::after {
  background-image: url(/static/images/menu/ico_month/oct.svg);
}

#menuCalender .month10 .calenderBody > ul > li.todayPoint {
  border: 3px solid #FF6500;
}

#menuCalender .month10 .calenderBody > ul > li > ul > li strong {
  color: #FF6500;
}

#menuCalender .month10 .calenderBody > ul > li > ul > li strong a::after {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.000646969 2.62446C-4.6926e-08 2.63156 0 2.63818 0 2.64512V15.1282C0 15.3335 0.163048 15.5 0.363785 15.5H10.0732C10.7081 15.5 11.2015 15.2972 11.5405 14.8976C12.0736 14.2686 12.006 13.373 11.9863 13.1943V2.60445C11.9863 2.39898 11.8234 2.23268 11.6225 2.23268L4.49498 2.23235L9.9799 1.2377C10.1776 1.20216 10.3096 1.00875 10.2741 0.806748C10.239 0.604082 10.0491 0.469688 9.8526 0.50589L0.299892 2.23797C0.118404 2.27087 -0.00954353 2.43766 0.000646969 2.62446ZM0.727569 2.97573H11.2589C11.2589 2.97573 11.26 13.2525 11.2624 13.2699C11.2633 13.277 11.3514 13.985 10.9907 14.4108C10.7963 14.6401 10.4873 14.7566 10.0731 14.7566H0.727569V2.97573Z' fill='%23FF6500'/%3E%3Cpath d='M8.65063 12.7344H3.34979C3.14905 12.7344 2.98633 12.9008 2.98633 13.1061C2.98633 13.3111 3.14905 13.4776 3.34979 13.4776H8.65063C8.8512 13.4776 9.01409 13.3111 9.01409 13.1061C9.01409 12.9008 8.85137 12.7344 8.65063 12.7344Z' fill='%23FF6500'/%3E%3Cpath d='M8.33428 5.02492C7.80534 5.02492 7.27252 5.25949 6.87267 5.66863C6.50727 6.04172 6.28582 6.52045 6.2483 7.0167C6.21934 7.39938 6.30232 7.7581 6.48333 8.05879L6.22533 8.32262L5.74152 7.82802L5.7852 7.78372C5.99079 7.57329 6.10385 7.29392 6.10385 6.9967C6.10385 6.69964 5.99079 6.42027 5.7852 6.2105L4.27943 4.67133C4.13741 4.52603 3.90707 4.52653 3.76505 4.671C3.62287 4.81614 3.62287 5.05154 3.76505 5.19668L5.27082 6.73617C5.33892 6.8061 5.37677 6.89818 5.37677 6.9967C5.37677 7.09522 5.33908 7.18796 5.27049 7.25755L4.66893 7.87232C4.52756 8.01614 4.29819 8.01614 4.15844 7.87232L2.65202 6.33382C2.50984 6.18868 2.27966 6.18901 2.13748 6.33415C1.99579 6.47945 1.99579 6.71468 2.13781 6.85982L3.6439 8.398C3.85579 8.61488 4.13433 8.72349 4.4132 8.72349C4.6919 8.72349 4.97076 8.61538 5.18315 8.39833L5.22666 8.35386L5.71047 8.84829L3.78527 10.8154C3.64357 10.9607 3.64357 11.1963 3.78527 11.3416C3.85628 11.414 3.94945 11.45 4.04246 11.45C4.13595 11.45 4.22896 11.4138 4.29997 11.3416L6.22533 9.37413L8.15004 11.3411C8.22105 11.4135 8.31438 11.4496 8.40723 11.4496C8.50024 11.4496 8.59341 11.4134 8.66458 11.3411C8.80676 11.1958 8.80676 10.9602 8.66458 10.8149L6.73971 8.84829L6.999 8.58331C7.25489 8.74316 7.55511 8.83011 7.87425 8.83011C8.40318 8.83011 8.93633 8.59554 9.3365 8.18608C10.1052 7.40054 10.1779 6.19678 9.49874 5.50167C9.19723 5.1942 8.78395 5.02492 8.33428 5.02492ZM8.8218 7.6609C8.55685 7.9315 8.21167 8.08673 7.87425 8.08673C7.69373 8.08673 7.43444 8.04176 7.22448 7.82703C7.04041 7.63908 6.95128 7.37161 6.9736 7.07373C6.99754 6.75436 7.14441 6.44209 7.38705 6.19447C7.65167 5.92386 7.99718 5.76847 8.33428 5.76847C8.51479 5.76847 8.77441 5.8136 8.98437 6.02767C9.38002 6.43218 9.3069 7.16498 8.8218 7.6609Z' fill='%23FF6500'/%3E%3Cpath d='M4.26887 7.42918C4.33988 7.50175 4.43337 7.53812 4.52638 7.53812C4.61955 7.53812 4.71224 7.50192 4.78325 7.42951C4.92527 7.28421 4.92527 7.04898 4.78357 6.90384L3.41012 5.4994C3.2681 5.35426 3.03776 5.35459 2.89574 5.49907C2.75356 5.64437 2.75356 5.8796 2.89542 6.02491L4.26887 7.42918Z' fill='%23FF6500'/%3E%3C/svg%3E%0A") no-repeat 50%/12px auto;
}

#menuCalender .month10 .calenderBody > ul > li > ul > li strong a::before {
  background: #FF6500;
}

#menuCalender .month11 .settingArea .dateInfo > a {
  border-color: #EF5423;
  color: #EF5423;
}

#menuCalender .month11 .settingArea .dateInfo > div .dateText strong::after {
  background-image: url(/static/images/menu/ico_month/nov.svg);
}

#menuCalender .month11 .calenderBody > ul > li.todayPoint {
  border: 3px solid #EF5423;
}

#menuCalender .month11 .calenderBody > ul > li > ul > li strong {
  color: #EF5423;
}

#menuCalender .month11 .calenderBody > ul > li > ul > li strong a::after {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.000646969 2.62446C-4.6926e-08 2.63156 0 2.63818 0 2.64512V15.1282C0 15.3335 0.163048 15.5 0.363785 15.5H10.0732C10.7081 15.5 11.2015 15.2972 11.5405 14.8976C12.0736 14.2686 12.006 13.373 11.9863 13.1943V2.60445C11.9863 2.39898 11.8234 2.23268 11.6225 2.23268L4.49498 2.23235L9.9799 1.2377C10.1776 1.20216 10.3096 1.00875 10.2741 0.806748C10.239 0.604082 10.0491 0.469688 9.8526 0.50589L0.299892 2.23797C0.118404 2.27087 -0.00954353 2.43766 0.000646969 2.62446ZM0.727569 2.97573H11.2589C11.2589 2.97573 11.26 13.2525 11.2624 13.2699C11.2633 13.277 11.3514 13.985 10.9907 14.4108C10.7963 14.6401 10.4873 14.7566 10.0731 14.7566H0.727569V2.97573Z' fill='%23EF5423'/%3E%3Cpath d='M8.65063 12.7344H3.34979C3.14905 12.7344 2.98633 12.9008 2.98633 13.1061C2.98633 13.3111 3.14905 13.4776 3.34979 13.4776H8.65063C8.8512 13.4776 9.01409 13.3111 9.01409 13.1061C9.01409 12.9008 8.85137 12.7344 8.65063 12.7344Z' fill='%23EF5423'/%3E%3Cpath d='M8.33428 5.02492C7.80534 5.02492 7.27252 5.25949 6.87267 5.66863C6.50727 6.04172 6.28582 6.52045 6.2483 7.0167C6.21934 7.39938 6.30232 7.7581 6.48333 8.05879L6.22533 8.32262L5.74152 7.82802L5.7852 7.78372C5.99079 7.57329 6.10385 7.29392 6.10385 6.9967C6.10385 6.69964 5.99079 6.42027 5.7852 6.2105L4.27943 4.67133C4.13741 4.52603 3.90707 4.52653 3.76505 4.671C3.62287 4.81614 3.62287 5.05154 3.76505 5.19668L5.27082 6.73617C5.33892 6.8061 5.37677 6.89818 5.37677 6.9967C5.37677 7.09522 5.33908 7.18796 5.27049 7.25755L4.66893 7.87232C4.52756 8.01614 4.29819 8.01614 4.15844 7.87232L2.65202 6.33382C2.50984 6.18868 2.27966 6.18901 2.13748 6.33415C1.99579 6.47945 1.99579 6.71468 2.13781 6.85982L3.6439 8.398C3.85579 8.61488 4.13433 8.72349 4.4132 8.72349C4.6919 8.72349 4.97076 8.61538 5.18315 8.39833L5.22666 8.35386L5.71047 8.84829L3.78527 10.8154C3.64357 10.9607 3.64357 11.1963 3.78527 11.3416C3.85628 11.414 3.94945 11.45 4.04246 11.45C4.13595 11.45 4.22896 11.4138 4.29997 11.3416L6.22533 9.37413L8.15004 11.3411C8.22105 11.4135 8.31438 11.4496 8.40723 11.4496C8.50024 11.4496 8.59341 11.4134 8.66458 11.3411C8.80676 11.1958 8.80676 10.9602 8.66458 10.8149L6.73971 8.84829L6.999 8.58331C7.25489 8.74316 7.55511 8.83011 7.87425 8.83011C8.40318 8.83011 8.93633 8.59554 9.3365 8.18608C10.1052 7.40054 10.1779 6.19678 9.49874 5.50167C9.19723 5.1942 8.78395 5.02492 8.33428 5.02492ZM8.8218 7.6609C8.55685 7.9315 8.21167 8.08673 7.87425 8.08673C7.69373 8.08673 7.43444 8.04176 7.22448 7.82703C7.04041 7.63908 6.95128 7.37161 6.9736 7.07373C6.99754 6.75436 7.14441 6.44209 7.38705 6.19447C7.65167 5.92386 7.99718 5.76847 8.33428 5.76847C8.51479 5.76847 8.77441 5.8136 8.98437 6.02767C9.38002 6.43218 9.3069 7.16498 8.8218 7.6609Z' fill='%23EF5423'/%3E%3Cpath d='M4.26887 7.42918C4.33988 7.50175 4.43337 7.53812 4.52638 7.53812C4.61955 7.53812 4.71224 7.50192 4.78325 7.42951C4.92527 7.28421 4.92527 7.04898 4.78357 6.90384L3.41012 5.4994C3.2681 5.35426 3.03776 5.35459 2.89574 5.49907C2.75356 5.64437 2.75356 5.8796 2.89542 6.02491L4.26887 7.42918Z' fill='%23EF5423'/%3E%3C/svg%3E%0A") no-repeat 50%/12px auto;
}

#menuCalender .month11 .calenderBody > ul > li > ul > li strong a::before {
  background: #EF5423;
}

#menuCalender .month12 .settingArea .dateInfo > a {
  border-color: #68659A;
  color: #68659A;
}

#menuCalender .month12 .settingArea .dateInfo > div .dateText strong::after {
  background-image: url(/static/images/menu/ico_month/dec.svg);
}

#menuCalender .month12 .calenderBody > ul > li.todayPoint {
  border: 3px solid #68659A;
}

#menuCalender .month12 .calenderBody > ul > li > ul > li strong {
  color: #68659A;
}

#menuCalender .month12 .calenderBody > ul > li > ul > li strong a::after {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.000646969 2.62446C-4.6926e-08 2.63156 0 2.63818 0 2.64512V15.1282C0 15.3335 0.163048 15.5 0.363785 15.5H10.0732C10.7081 15.5 11.2015 15.2972 11.5405 14.8976C12.0736 14.2686 12.006 13.373 11.9863 13.1943V2.60445C11.9863 2.39898 11.8234 2.23268 11.6225 2.23268L4.49498 2.23235L9.9799 1.2377C10.1776 1.20216 10.3096 1.00875 10.2741 0.806748C10.239 0.604082 10.0491 0.469688 9.8526 0.50589L0.299892 2.23797C0.118404 2.27087 -0.00954353 2.43766 0.000646969 2.62446ZM0.727569 2.97573H11.2589C11.2589 2.97573 11.26 13.2525 11.2624 13.2699C11.2633 13.277 11.3514 13.985 10.9907 14.4108C10.7963 14.6401 10.4873 14.7566 10.0731 14.7566H0.727569V2.97573Z' fill='%2368659A'/%3E%3Cpath d='M8.65063 12.7344H3.34979C3.14905 12.7344 2.98633 12.9008 2.98633 13.1061C2.98633 13.3111 3.14905 13.4776 3.34979 13.4776H8.65063C8.8512 13.4776 9.01409 13.3111 9.01409 13.1061C9.01409 12.9008 8.85137 12.7344 8.65063 12.7344Z' fill='%2368659A'/%3E%3Cpath d='M8.33428 5.02492C7.80534 5.02492 7.27252 5.25949 6.87267 5.66863C6.50727 6.04172 6.28582 6.52045 6.2483 7.0167C6.21934 7.39938 6.30232 7.7581 6.48333 8.05879L6.22533 8.32262L5.74152 7.82802L5.7852 7.78372C5.99079 7.57329 6.10385 7.29392 6.10385 6.9967C6.10385 6.69964 5.99079 6.42027 5.7852 6.2105L4.27943 4.67133C4.13741 4.52603 3.90707 4.52653 3.76505 4.671C3.62287 4.81614 3.62287 5.05154 3.76505 5.19668L5.27082 6.73617C5.33892 6.8061 5.37677 6.89818 5.37677 6.9967C5.37677 7.09522 5.33908 7.18796 5.27049 7.25755L4.66893 7.87232C4.52756 8.01614 4.29819 8.01614 4.15844 7.87232L2.65202 6.33382C2.50984 6.18868 2.27966 6.18901 2.13748 6.33415C1.99579 6.47945 1.99579 6.71468 2.13781 6.85982L3.6439 8.398C3.85579 8.61488 4.13433 8.72349 4.4132 8.72349C4.6919 8.72349 4.97076 8.61538 5.18315 8.39833L5.22666 8.35386L5.71047 8.84829L3.78527 10.8154C3.64357 10.9607 3.64357 11.1963 3.78527 11.3416C3.85628 11.414 3.94945 11.45 4.04246 11.45C4.13595 11.45 4.22896 11.4138 4.29997 11.3416L6.22533 9.37413L8.15004 11.3411C8.22105 11.4135 8.31438 11.4496 8.40723 11.4496C8.50024 11.4496 8.59341 11.4134 8.66458 11.3411C8.80676 11.1958 8.80676 10.9602 8.66458 10.8149L6.73971 8.84829L6.999 8.58331C7.25489 8.74316 7.55511 8.83011 7.87425 8.83011C8.40318 8.83011 8.93633 8.59554 9.3365 8.18608C10.1052 7.40054 10.1779 6.19678 9.49874 5.50167C9.19723 5.1942 8.78395 5.02492 8.33428 5.02492ZM8.8218 7.6609C8.55685 7.9315 8.21167 8.08673 7.87425 8.08673C7.69373 8.08673 7.43444 8.04176 7.22448 7.82703C7.04041 7.63908 6.95128 7.37161 6.9736 7.07373C6.99754 6.75436 7.14441 6.44209 7.38705 6.19447C7.65167 5.92386 7.99718 5.76847 8.33428 5.76847C8.51479 5.76847 8.77441 5.8136 8.98437 6.02767C9.38002 6.43218 9.3069 7.16498 8.8218 7.6609Z' fill='%2368659A'/%3E%3Cpath d='M4.26887 7.42918C4.33988 7.50175 4.43337 7.53812 4.52638 7.53812C4.61955 7.53812 4.71224 7.50192 4.78325 7.42951C4.92527 7.28421 4.92527 7.04898 4.78357 6.90384L3.41012 5.4994C3.2681 5.35426 3.03776 5.35459 2.89574 5.49907C2.75356 5.64437 2.75356 5.8796 2.89542 6.02491L4.26887 7.42918Z' fill='%2368659A'/%3E%3C/svg%3E%0A") no-repeat 50%/12px auto;
}

#menuCalender .month12 .calenderBody > ul > li > ul > li strong a::before {
  background: #68659A;
}

#menuCalender.printPage #subTitle {
  margin-bottom: 80px;
}

#menuCalender.printPage h4 {
  margin-bottom: 60px;
  font-size: 24px;
  line-height: 135%;
  letter-spacing: -0.552px;
  text-align: center;
}

/*로그인*/
#login {
  padding-top: 55px;
}

#login .controlArea {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

#login .controlArea .utilArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#login .controlArea .utilArea span label {
  font-size: 18px;
}

#login .controlArea .utilArea ul {
  display: flex;
}

#login .controlArea .utilArea ul li {
  margin-left: 10px;
  padding-left: 11px;
  position: relative;
}

#login .controlArea .utilArea ul li a {
  font-size: 18px;
}

#login .controlArea .utilArea ul li:first-of-type {
  margin-left: 0;
  padding-left: 0;
}

#login .controlArea .utilArea ul li:first-of-type:after {
  display: none;
}

#login .controlArea .utilArea ul li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background: #D9D9D9;
}

#login .btnArea {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 70px;
}

/*회원가입*/
#signup {
  /*회원가입 회원선택*/
  /*회원가입 인증*/
  /*회원가입 약관*/
  /*회원가입 작성*/
  /*회원가입 완료*/
}

#signupGate section ul {
  padding: 40px;
  border-radius: 12px;
  border: 1px solid #DDDDDD;
}

#signupGate section ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 32px 0;
  border-bottom: 1px solid #DDDDDD;
  box-sizing: initial;
}

#signupGate section ul li div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: calc(100% - 120px);
  padding-left: 120px;
  min-height: 80px;
}

#signupGate section ul li div:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

#signupGate section ul li div.individualArea::after {
  background: #F5F5F5 url("data:image/svg+xml,%3Csvg viewBox='0 0 34 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 33C1 27.68 7 21 17 21C27 21 33 27.68 33 33M17 17C21.42 17 25 13.42 25 9C25 4.58 21.42 1 17 1C12.58 1 9 4.58 9 9C9 13.42 12.58 17 17 17Z' stroke='%23111' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat 50%/34px 33px;
}

#signupGate section ul li div.corporateArea::after {
  background: #F5F5F5 url("data:image/svg+xml,%3Csvg viewBox='0 0 41 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.8862 1H11.3571C9.02855 1 7.86523 1 6.92838 1.57875C5.99347 2.15557 5.47279 3.19695 4.43142 5.27969L1.71572 12.1493C1.08664 13.7365 0.538853 15.6063 1.59571 16.9477C2.09381 17.5799 2.77657 18.0412 3.54901 18.2673C4.32146 18.4934 5.14517 18.4731 5.90556 18.2093C6.66596 17.9455 7.32521 17.4512 7.79161 16.7953C8.25802 16.1393 8.50838 15.3543 8.50786 14.5494C8.50786 15.5762 8.91573 16.5608 9.64173 17.2868C10.3677 18.0129 11.3524 18.4207 12.3791 18.4207C13.4059 18.4207 14.3905 18.0129 15.1165 17.2868C15.8425 16.5608 16.2504 15.5762 16.2504 14.5494C16.2504 15.5762 16.6583 16.5608 17.3843 17.2868C18.1103 18.0129 19.0949 18.4207 20.1217 18.4207C21.1484 18.4207 22.1331 18.0129 22.8591 17.2868C23.5851 16.5608 23.9929 15.5762 23.9929 14.5494C23.9929 15.5762 24.4008 16.5608 25.1268 17.2868C25.8528 18.0129 26.8375 18.4207 27.8642 18.4207C28.8909 18.4207 29.8756 18.0129 30.6016 17.2868C31.3276 16.5608 31.7355 15.5762 31.7355 14.5494C31.7354 15.3541 31.986 16.1389 32.4526 16.7945C32.9191 17.4501 33.5784 17.9441 34.3387 18.2077C35.099 18.4713 35.9225 18.4914 36.6948 18.2652C37.4671 18.039 38.1496 17.5778 38.6476 16.9458C39.7045 15.6044 39.1548 13.7345 38.5276 12.1473L35.81 5.27969C34.7686 3.19695 34.2499 2.15557 33.313 1.57875C32.3781 1 31.2129 1 28.8862 1Z' stroke='%23111' stroke-width='2' stroke-linejoin='bevel'/%3E%3Cpath d='M4.63696 18.4208V38.261H15.283V32.938C15.283 31.1282 15.283 30.2243 15.672 29.5507C15.9268 29.1093 16.2933 28.7428 16.7347 28.488C17.4083 28.099 18.3122 28.099 20.122 28.099C21.9319 28.099 22.8358 28.099 23.5094 28.488C23.9508 28.7428 24.3172 29.1093 24.5721 29.5507C24.9611 30.2243 24.9611 31.1282 24.9611 32.938V38.261H35.6071V18.4208' stroke='%23111' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat 50%/41px 40px;
}

#signupGate section ul li div.executivesArea::after {
  background: #F5F5F5 url("data:image/svg+xml,%3Csvg width='44' height='39' viewBox='0 0 44 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2155 38V32.7984C11.2155 31.0814 11.2155 30.2238 11.5846 29.5848C11.8264 29.1661 12.1741 28.8184 12.5928 28.5766C13.2319 28.2075 14.0894 28.2075 15.8065 28.2075C17.5235 28.2075 18.381 28.2075 19.0201 28.5766C19.4388 28.8184 19.7865 29.1661 20.0283 29.5848C20.1864 29.8586 20.2768 30.1725 20.3285 30.5769V33.2564M11.2155 38H1.11548V5C1.11548 2.79086 2.90634 1 5.11548 1H26.4974C28.7066 1 30.4974 2.79086 30.4974 5V16.6538M11.2155 38H19.0201' stroke='%23111111' stroke-width='2'/%3E%3Crect x='8.23096' y='7.64099' width='4.74359' height='4.74359' rx='1' stroke='%23111111' stroke-width='2'/%3E%3Crect x='17.7183' y='7.64099' width='4.74359' height='4.74359' rx='1' stroke='%23111111' stroke-width='2'/%3E%3Crect x='8.23096' y='16.1794' width='4.74359' height='4.74359' rx='1' stroke='%23111111' stroke-width='2'/%3E%3Crect x='17.7183' y='16.1794' width='4.74359' height='4.74359' rx='1' stroke='%23111111' stroke-width='2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.5962 23.0577C23.5962 19.2293 26.6974 16.1282 30.5257 16.1282C34.354 16.1282 37.4552 19.2293 37.4552 23.0577C37.4552 25.3425 36.3506 27.3683 34.6461 28.6304C40.0625 30.0719 43.3847 34.2361 43.3847 38V39H17.6667V38C17.6667 34.2361 20.989 30.0719 26.4054 28.6304C24.7008 27.3683 23.5962 25.3425 23.5962 23.0577ZM30.5257 18.1282C27.802 18.1282 25.5962 20.3339 25.5962 23.0577C25.5962 25.7814 27.802 27.9871 30.5257 27.9871C33.2495 27.9871 35.4552 25.7814 35.4552 23.0577C35.4552 20.3339 33.2495 18.1282 30.5257 18.1282ZM19.7793 37H41.2722C40.5924 33.8801 36.8493 30.1057 30.5257 30.1057C24.2022 30.1057 20.4591 33.8801 19.7793 37Z' fill='%23111111'/%3E%3C/svg%3E%0A") no-repeat 50%/44px 39px;
}

#signupGate section ul li strong {
  display: block;
  margin-bottom: 4px;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
}

#signupGate section ul li p {
  font-size: 16px;
  line-height: 22px;
}

#signupGate section ul li:first-of-type {
  padding-top: 0;
}

#signupGate section ul li:last-of-type {
  padding-bottom: 0;
  border-bottom: 0;
}

#signupAuth p {
  margin-bottom: 24px;
  color: #111111;
  text-align: center;
  font-size: 24px;
  line-height: 34px;
}

#signupAuth #sLayout ul {
  display: flex;
  position: relative;
  padding: 24px 0;
  border-radius: 12px;
  border: 1px solid #D9D9D9;
}

#signupAuth #sLayout ul li {
  flex-grow: 1;
}

#signupAuth #sLayout ul li a {
  display: block;
  height: 152px;
  text-align: center;
  font-size: 18px;
  line-height: 135%;
  letter-spacing: -0.072px;
}

#signupAuth #sLayout ul li.phoneAuth a {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 90 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='7.5' y='4.5' width='51' height='81' rx='8.5' stroke='%23111' stroke-width='3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M38 28C32.4772 28 28 32.4772 28 38V50C28 55.5228 32.4772 60 38 60H39V65.1547C39 66.7735 40.8204 67.7206 42.1403 66.7834C45.2479 64.5767 48.8677 61.9683 51.4737 60H74C79.5228 60 84 55.5228 84 50V38C84 32.4772 79.5229 28 74 28H38Z' fill='white'/%3E%3Cpath d='M39 60H40.5V58.5H39V60ZM42.1403 66.7834L41.2719 65.5604H41.2719L42.1403 66.7834ZM51.4737 60V58.5H50.9709L50.5696 58.8031L51.4737 60ZM29.5 38C29.5 33.3056 33.3056 29.5 38 29.5V26.5C31.6487 26.5 26.5 31.6487 26.5 38H29.5ZM29.5 50V38H26.5V50H29.5ZM38 58.5C33.3056 58.5 29.5 54.6944 29.5 50H26.5C26.5 56.3513 31.6487 61.5 38 61.5V58.5ZM39 58.5H38V61.5H39V58.5ZM40.5 65.1547V60H37.5V65.1547H40.5ZM41.2719 65.5604C40.9532 65.7866 40.5 65.5652 40.5 65.1547H37.5C37.5 67.9818 40.6876 69.6547 43.0088 68.0064L41.2719 65.5604ZM50.5696 58.8031C47.9818 60.7577 44.3766 63.3557 41.2719 65.5604L43.0088 68.0064C46.1192 65.7978 49.7536 63.179 52.3778 61.1969L50.5696 58.8031ZM74 58.5H51.4737V61.5H74V58.5ZM82.5 50C82.5 54.6944 78.6944 58.5 74 58.5V61.5C80.3513 61.5 85.5 56.3513 85.5 50H82.5ZM82.5 38V50H85.5V38H82.5ZM74 29.5C78.6944 29.5 82.5 33.3056 82.5 38H85.5C85.5 31.6487 80.3513 26.5 74 26.5V29.5ZM38 29.5H74V26.5H38V29.5Z' fill='black'/%3E%3Crect x='25' y='12' width='16' height='3' rx='1.5' fill='%23111'/%3E%3Ccircle cx='43' cy='44' r='3.5' stroke='%23111' stroke-width='3'/%3E%3Ccircle cx='56' cy='44' r='3.5' stroke='%23111' stroke-width='3'/%3E%3Ccircle cx='69' cy='44' r='3.5' stroke='%23111' stroke-width='3'/%3E%3C/svg%3E%0A") no-repeat 50% calc(50% + 12px)/90px auto;
}

#signupAuth #sLayout ul li.ipinAuth a {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 90 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3161_25164)'%3E%3Cmask id='mask0_3161_25164' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='-7' y='-7' width='105' height='105'%3E%3Crect x='-7' y='-7' width='105' height='105' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3161_25164)'%3E%3Cpath d='M45.4321 85.4756C37.2462 85.4756 8.8146 69.7138 11.1121 25.4341C11.1906 23.9203 12.1583 22.5817 13.5557 21.9944C17.1424 20.4868 24.1753 17.4587 28.9186 14.9541C33.691 12.4341 39.9663 8.4376 43.2362 6.31047C44.5754 5.43928 46.2967 5.42752 47.6464 6.2824C50.836 8.30271 56.8406 12.0368 61.3983 14.4617C66.3933 17.1192 73.7952 20.4016 77.4539 21.9912C78.8152 22.5827 79.7532 23.8918 79.8431 25.3734C82.5466 69.9069 53.6225 85.4756 45.4321 85.4756Z' fill='white' stroke='%23111' stroke-width='3' stroke-linejoin='round'/%3E%3Crect x='33.1523' y='41.4219' width='25.0703' height='18.8711' rx='4.5' stroke='%23111' stroke-width='3'/%3E%3Crect x='43.9961' y='47.8594' width='3' height='6' rx='1.5' fill='%23111'/%3E%3Cpath d='M36.4961 37.3516C36.4961 32.381 40.5255 28.3516 45.4961 28.3516C50.4667 28.3516 54.4961 32.381 54.4961 37.3516V41.4062H36.4961V37.3516Z' stroke='%23111' stroke-width='3'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3161_25164'%3E%3Crect width='90' height='90' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat 50% calc(50% + 12px)/90px auto;
}

#signupAuth #sLayout ul li.emailAuth a {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 90 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3161_25109)'%3E%3Cpath d='M49 60.157L61.95 73L85 50' stroke='%23111' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.1139 70H20C14.4771 70 10 65.5228 10 60V26C10 20.4772 14.4772 16 20 16H70C75.5228 16 80 20.4772 80 26V43' stroke='%23111' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M10 21L45 43L80 21' stroke='%23111' stroke-width='3' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3161_25109'%3E%3Crect width='90' height='90' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat 50% calc(50% + 12px)/90px auto;
}

#signupAuth #sLayout ul li.smsAuth a {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 90 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3161_26219)'%3E%3Crect x='19.5' y='4.5' width='51' height='81' rx='8.5' stroke='%23111' stroke-width='3'/%3E%3Crect x='37' y='12' width='16' height='3' rx='1.5' fill='%23111'/%3E%3Cpath d='M48 43.0625L60.96 56L84 33' stroke='white' stroke-width='22' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48 43.0625L60.96 56L84 33' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3161_26219'%3E%3Crect width='90' height='90' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat 50% calc(50% + 12px)/90px auto;
}

#signupAuth #sLayout ul + span {
  display: block;
  margin-top: 24px;
  color: #888888;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
}

#signupAuth #sLayout ul:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 24px;
  width: 1px;
  height: 152px;
  background: #DDDDDD;
}

#signupTerms article {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  justify-content: space-between;
  margin-bottom: 42px;
}

#signupTerms article label {
  display: inline-block;
  margin-bottom: 22px;
}

#signupTerms article a {
  position: relative;
  height: 24px;
  width: 50px;
}

#signupTerms article a:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 11px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L9 9L17 1' stroke='%23aaa' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat 50%/18px auto;
  transform-origin: 50%;
}

#signupTerms article.on a:after {
  transform: translate(-50%, -50%) rotate(180deg);
}

#signupTerms article .slideArea {
  flex: none;
  width: 100%;
  height: 0;
  transition: all 0.4s cubic-bezier(0, 0, 0, 1) 0s;
  overflow: hidden;
}

#signupTerms article .slideArea .docAreaWrap {
  border: 1px solid #DDD;
  color: #444;
  border-radius: 12px;
}

#signupTerms article .slideArea .docAreaWrap .docArea {
  height: 110px;
  margin: 24px 9px 24px 24px;
  overflow-y: auto;
  padding-right: 15px;
}

#signupTerms article .slideArea .docAreaWrap .docArea ul {
  margin-left: 20px;
}

#signupTerms article .slideArea .docAreaWrap .docArea ul li {
  all: unset;
  display: revert;
}

#signupTerms article .slideArea .docAreaWrap .docArea ul:not(style) {
  list-style: inside;
}

#signupTerms article .slideArea .docAreaWrap .docArea ol {
  margin-left: 30px;
}

#signupTerms article .slideArea .docAreaWrap .docArea ol li {
  all: unset;
  display: revert;
}

#signupTerms article .slideArea .docAreaWrap .docArea strong {
  font-weight: 700;
}

#signupTerms article .slideArea .docAreaWrap .docArea u {
  text-decoration: underline;
}

#signupTerms article .slideArea .docAreaWrap .docArea .text-tiny {
  font-size: 0.7em;
}

#signupTerms article .slideArea .docAreaWrap .docArea .text-small {
  font-size: 0.85em;
}

#signupTerms article .slideArea .docAreaWrap .docArea .text-big {
  font-size: 1.4em;
}

#signupTerms article .slideArea .docAreaWrap .docArea .text-huge {
  font-size: 1.8em;
}

#signupTerms article:last-of-type {
  margin-bottom: 0;
}

#signupTerms article.on .slideArea {
  height: 160px;
}

#signupTerms article.marketingArea {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#signupTerms article.marketingArea label {
  display: inline-flex;
  margin-bottom: 0;
}

#signupTerms article.marketingArea strong {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.072px;
}

#signupTerms article.marketingArea ul {
  flex: none;
  display: flex;
  gap: 24px;
}

#signupTerms .requiredArea {
  padding-top: 24px;
  padding-bottom: 24px;
  margin-top: 42px;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
}

#signupTerms .requiredArea article {
  margin-bottom: 24px;
}

#signupTerms .requiredArea article .slideArea {
  flex: none;
  width: 100%;
  height: 0;
  transition: all 0.4s cubic-bezier(0, 0, 0, 1) 0s;
  overflow: hidden;
}

#signupTerms .requiredArea article .slideArea .docAreaWrap {
  border: 1px solid #DDD;
  color: #444;
  border-radius: 12px;
}

#signupTerms .requiredArea article .slideArea .docAreaWrap .docArea {
  height: 178px;
  margin: 24px 9px 24px 24px;
  overflow-y: auto;
  padding-right: 15px;
}

#signupTerms .requiredArea article .slideArea .docAreaWrap .docArea ul {
  margin-left: 20px;
}

#signupTerms .requiredArea article .slideArea .docAreaWrap .docArea ul li {
  all: unset;
  display: revert;
}

#signupTerms .requiredArea article .slideArea .docAreaWrap .docArea ul:not(style) {
  list-style: inside;
}

#signupTerms .requiredArea article .slideArea .docAreaWrap .docArea ol {
  margin-left: 30px;
}

#signupTerms .requiredArea article .slideArea .docAreaWrap .docArea ol li {
  all: unset;
  display: revert;
}

#signupTerms .requiredArea article .slideArea .docAreaWrap .docArea strong {
  font-weight: 700;
}

#signupTerms .requiredArea article .slideArea .docAreaWrap .docArea u {
  text-decoration: underline;
}

#signupTerms .requiredArea article .slideArea .docAreaWrap .docArea .text-tiny {
  font-size: 0.7em;
}

#signupTerms .requiredArea article .slideArea .docAreaWrap .docArea .text-small {
  font-size: 0.85em;
}

#signupTerms .requiredArea article .slideArea .docAreaWrap .docArea .text-big {
  font-size: 1.4em;
}

#signupTerms .requiredArea article .slideArea .docAreaWrap .docArea .text-huge {
  font-size: 1.8em;
}

#signupTerms .requiredArea article:last-of-type {
  margin-bottom: 0;
}

#signupTerms .requiredArea article.on .slideArea {
  height: 228px;
}

#signupTerms .requiredArea article:last-of-type {
  margin-bottom: 0;
}

#signupTerms .allChkArea {
  padding-top: 32px;
}

#signupTerms .allChkArea label {
  margin-bottom: 16px;
}

#signupTerms .allChkArea .cautionArea li {
  color: #666666;
  margin-bottom: 10px;
}

#signupTerms .allChkArea .cautionArea li:after {
  background: #666666;
}

#signupTerms .allChkArea .cautionArea li:last-of-type {
  margin-bottom: 0;
}

#signupTerms .btnStep {
  margin-top: 64px;
}

#signupTerms .btnStep a {
  color: #AAAAAA;
  background: #F5F5F5;
  cursor: initial;
  transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
}

#signupTerms .btnStep a.on {
  color: #fff;
  background: #111111;
  cursor: pointer;
}

#signupWrite {
  overflow: initial;
}

#signupWrite .btnStep {
  margin-top: 64px;
}

#signupWrite .btnStep a {
  cursor: initial;
}

#signupWrite .btnStep a.on {
  color: #fff;
  background: #000;
  cursor: pointer;
}

#signupWrite .employeeItem {
  margin-top: 60px;
}

#signupWrite .mypageLayout .topTitle {
  display: flex;
  align-items: flex-end;
  margin-bottom: 24px;
}

#signupWrite .mypageLayout .topTitle h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 135%;
  letter-spacing: -0.552px;
}

#signupWrite .mypageLayout .topTitle a {
  margin-left: auto;
  flex: none;
  width: 136px;
}

#signupWrite .mypageLayout .tosAuth .titleBox {
  display: flex;
  margin-bottom: 24px;
  align-items: center;
}

#signupWrite .mypageLayout .tosAuth .titleBox > strong {
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 32.4px;
  letter-spacing: -0.552px;
  text-align: left;
  margin-bottom: 0;
}

#signupWrite .mypageLayout .tosAuth .titleBox a {
  flex: none;
  margin-left: auto;
  display: flex;
  align-items: center;
  height: 42px;
  padding: 0 24px;
  border-radius: 6px;
  background: #FFF1E3;
}

#signupWrite .mypageLayout .tosAuth .titleBox a span {
  display: block;
  padding-left: 22px;
  background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='5.3999' width='12' height='1.2' fill='%23FF7A00'/%3E%3Crect x='6.59961' width='12' height='1.2' transform='rotate(90 6.59961 0)' fill='%23FF7A00'/%3E%3C/svg%3E%0A") no-repeat 0 50%/12px auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.16px;
  color: #FF7A00;
}

#signupWrite .mypageLayout .tosAuth ul li input:disabled {
  background: #F5F5F5;
  color: #AAAAAA;
}

#signupWrite .mypageLayout .requiredArea {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 24px;
  padding-bottom: 24px;
  margin-top: 42px;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
}

#signupWrite .mypageLayout .requiredArea h3 {
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 700;
  line-height: 135%;
  letter-spacing: -0.552px;
}

#signupWrite .mypageLayout .requiredArea article {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  justify-content: space-between;
  margin-bottom: 42px;
  margin: 0;
  gap: 12px;
}

#signupWrite .mypageLayout .requiredArea article label {
  display: inline-block;
  margin-bottom: 22px;
}

#signupWrite .mypageLayout .requiredArea article a {
  position: relative;
  height: 24px;
  width: 50px;
}

#signupWrite .mypageLayout .requiredArea article a:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 11px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L9 9L17 1' stroke='%23aaa' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat 50%/18px auto;
  transform-origin: 50%;
}

#signupWrite .mypageLayout .requiredArea article.on a:after {
  transform: translate(-50%, -50%) rotate(180deg);
}

#signupWrite .mypageLayout .requiredArea article .slideArea {
  flex: none;
  width: 100%;
  height: 0;
  transition: all 0.4s cubic-bezier(0, 0, 0, 1) 0s;
  overflow: hidden;
}

#signupWrite .mypageLayout .requiredArea article .slideArea .docAreaWrap {
  border: 1px solid #DDD;
  color: #444;
  border-radius: 12px;
}

#signupWrite .mypageLayout .requiredArea article .slideArea .docAreaWrap .docArea {
  height: 178px;
  margin: 24px 9px 24px 24px;
  overflow-y: auto;
  padding-right: 15px;
}

#signupWrite .mypageLayout .requiredArea article .slideArea .docAreaWrap .docArea ul {
  margin-left: 20px;
}

#signupWrite .mypageLayout .requiredArea article .slideArea .docAreaWrap .docArea ul li {
  all: unset;
  display: revert;
}

#signupWrite .mypageLayout .requiredArea article .slideArea .docAreaWrap .docArea ul:not(style) {
  list-style: inside;
}

#signupWrite .mypageLayout .requiredArea article .slideArea .docAreaWrap .docArea ol {
  margin-left: 30px;
}

#signupWrite .mypageLayout .requiredArea article .slideArea .docAreaWrap .docArea ol li {
  all: unset;
  display: revert;
}

#signupWrite .mypageLayout .requiredArea article .slideArea .docAreaWrap .docArea strong {
  font-weight: 700;
}

#signupWrite .mypageLayout .requiredArea article .slideArea .docAreaWrap .docArea u {
  text-decoration: underline;
}

#signupWrite .mypageLayout .requiredArea article .slideArea .docAreaWrap .docArea .text-tiny {
  font-size: 0.7em;
}

#signupWrite .mypageLayout .requiredArea article .slideArea .docAreaWrap .docArea .text-small {
  font-size: 0.85em;
}

#signupWrite .mypageLayout .requiredArea article .slideArea .docAreaWrap .docArea .text-big {
  font-size: 1.4em;
}

#signupWrite .mypageLayout .requiredArea article .slideArea .docAreaWrap .docArea .text-huge {
  font-size: 1.8em;
}

#signupWrite .mypageLayout .requiredArea article:last-of-type {
  margin-bottom: 0;
}

#signupWrite .mypageLayout .requiredArea article.on .slideArea {
  height: 228px;
}

#signupWrite .mypageLayout .requiredArea article label {
  margin-bottom: 0;
}

#signupWrite .mypageLayout .requiredArea article.marketingArea {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#signupWrite .mypageLayout .requiredArea article.marketingArea label {
  display: inline-flex;
  margin-bottom: 0;
}

#signupWrite .mypageLayout .requiredArea article.marketingArea strong {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.072px;
}

#signupWrite .mypageLayout .requiredArea article.marketingArea ul {
  flex: none;
  display: flex;
  gap: 24px;
}

#signupWrite .mypageLayout .requiredArea article:last-of-type {
  margin-bottom: 0;
}

#signupWrite .mypageLayout .smallBtn {
  display: flex;
  justify-content: flex-end;
  margin-top: 30px;
}

#signupWrite .mypageLayout .smallBtn a {
  display: block;
  font-size: 18px;
  line-height: 120%;
  text-decoration-line: underline;
}

#signupWrite .mypageLayout .btnStep {
  display: flex;
  justify-content: center;
}

#signupWrite .mypageLayout .btnStep a {
  width: 205px;
}

#signupComplete article {
  position: relative;
  padding-top: 88px;
}

#signupComplete article strong {
  display: block;
  margin-bottom: 13px;
  font-size: 24px;
  line-height: 135%;
  letter-spacing: -0.552px;
  text-align: center;
}

#signupComplete article p {
  font-size: 18px;
  line-height: 135%;
  letter-spacing: -0.072px;
  text-align: center;
}

#signupComplete article:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 72px;
  height: 72px;
  margin-left: -36px;
  border-radius: 50%;
  background: #F5F5F5 url("data:image/svg+xml,%3Csvg viewBox='0 0 46 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.125 32.1304L30.2614 38L44.375 24.5' stroke='%23111' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.625 38C1.625 32.015 8.375 24.5 19.625 24.5C25.246 24.5 29.7436 26.3761 32.8371 29M37.625 38C37.625 37.5086 37.5795 37.507 37.4898 37M19.625 20C24.5975 20 28.625 15.9725 28.625 11C28.625 6.0275 24.5975 2 19.625 2C14.6525 2 10.625 6.0275 10.625 11C10.625 15.9725 14.6525 20 19.625 20Z' stroke='%23111' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 50%/46px auto;
}

#signupComplete .btnStep {
  display: flex;
  gap: 16px;
}

#signupComplete .btnStep {
  margin-top: 64px;
}

#signupComplete .btnStep a {
  flex-grow: 1;
  flex-basis: 0;
}

/*아이디 비번찾기*/
#find {
  /*아이디찾기 인증*/
  /*아이디 비번찾기 완료*/
}

#findAuth #pageTitle {
  margin-bottom: 24px;
}

#findAuth .radioArea {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-bottom: 24px;
}

#findAuth > p {
  margin-bottom: 40px;
  font-size: 18px;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: -0.072px;
}

#findComplete article {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 160px;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  text-align: center;
}

#findComplete article p {
  font-size: 18px;
  line-height: 135%;
  letter-spacing: -0.072px;
}

#findComplete article p strong {
  font-size: 28px;
  font-weight: 700;
  line-height: 135%;
  letter-spacing: -0.672px;
}

#findComplete article p em {
  letter-spacing: -0.072px;
  font-weight: 700;
}

#findComplete article span {
  display: block;
  margin-top: 17px;
  color: #444444;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0.16px;
}

#findComplete .btnArea {
  display: flex;
  gap: 16px;
  margin-top: 56px;
}

#findComplete .btnArea a {
  flex-grow: 1;
  flex-basis: 0;
}

#convertGate {
  padding-top: 55px;
}

#convertGate #pageTitle {
  margin-bottom: 24px;
}

#convertGate p {
  margin-bottom: 25px;
  font-size: 18px;
  text-align: center;
  line-height: 135%;
  letter-spacing: -0.072px;
}

#convertGate article {
  padding: 32px;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
}

#convertGate article .chooseMemberType {
  display: flex;
  justify-content: center;
  gap: 80px;
}

#convertGate article .inputArea {
  position: relative;
  margin-top: 24px;
}

#convertGate article .inputArea input {
  padding-right: 71px;
  background: #F5F5F5;
  border: 0;
}

#convertGate article .inputArea a {
  position: absolute;
  right: 0;
  top: 0;
  width: 71px;
  height: 64px;
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='14' viewBox='0 0 23 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.22935 8.41383C2.12641 8.69485 1.91796 8.92466 1.64829 9.05443C1.37861 9.1842 1.06896 9.2037 0.78513 9.10879C0.501303 9.01388 0.265667 8.81204 0.12829 8.54616C-0.00908695 8.28028 -0.0373772 7.97131 0.0494303 7.6849C0.09032 7.55829 0.13791 7.43164 0.191999 7.31008C0.283978 7.09163 0.419648 6.79039 0.605907 6.43397C0.985323 5.72113 1.57629 4.77144 2.4478 3.82175C4.20691 1.90168 7.08817 0 11.4871 0C15.886 0 18.7673 1.90168 20.5264 3.82175C21.4653 4.85187 22.2269 6.03065 22.7799 7.31008L22.8857 7.56992C22.8926 7.58832 22.9156 7.70789 22.9386 7.82287L22.9846 8.04822C22.9846 8.04822 23.1777 8.81395 22.1981 9.13817C21.9096 9.23451 21.5947 9.21262 21.3224 9.0773C21.05 8.94197 20.8423 8.70423 20.7448 8.41613V8.40924L20.7311 8.37244C20.6155 8.07705 20.4835 7.78839 20.3355 7.50784C19.9267 6.7364 19.4213 6.0201 18.8317 5.37621C17.429 3.84705 15.1364 2.29949 11.4871 2.29949C7.83781 2.29949 5.54521 3.84705 4.14252 5.37621C3.38309 6.20878 2.76551 7.1604 2.31443 8.19308C2.2903 8.25243 2.26731 8.31223 2.24544 8.37244L2.22935 8.41383ZM6.88812 9.19796C6.88812 7.97824 7.37265 6.80847 8.23513 5.94599C9.0976 5.08351 10.2674 4.59898 11.4871 4.59898C12.7068 4.59898 13.8766 5.08351 14.7391 5.94599C15.6015 6.80847 16.0861 7.97824 16.0861 9.19796C16.0861 10.4177 15.6015 11.5875 14.7391 12.4499C13.8766 13.3124 12.7068 13.7969 11.4871 13.7969C10.2674 13.7969 9.0976 13.3124 8.23513 12.4499C7.37265 11.5875 6.88812 10.4177 6.88812 9.19796Z' fill='%23444'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50% 24px;
  background-size: 23px auto;
  transition: none;
}

#convertGate article .inputArea a.blind {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.25754 0.538483C2.80832 0.089386 2.0803 0.089386 1.63108 0.538483C1.18198 0.987579 1.18198 1.71573 1.63108 2.16483L4.56418 5.09793C4.07663 5.4913 3.64536 5.90439 3.26609 6.31833C2.39463 7.26797 1.80368 8.21768 1.42429 8.93051C1.23801 9.28696 1.10227 9.58817 1.01035 9.80661C0.956272 9.92819 0.908664 10.0548 0.867771 10.1814C0.780979 10.4679 0.809299 10.7768 0.946628 11.0427C1.08396 11.3086 1.31968 11.5104 1.60349 11.6053C1.8873 11.7002 2.19699 11.6808 2.46665 11.551C2.7363 11.4212 2.9448 11.1914 3.0477 10.9104L3.06382 10.869C3.08567 10.8088 3.10862 10.749 3.13279 10.6896C3.58384 9.65695 4.20139 8.70535 4.96091 7.87277C5.31528 7.48648 5.72641 7.09897 6.20188 6.73557L8.53183 9.06564C7.99814 9.8317 7.70639 10.748 7.70639 11.6945C7.70639 12.9142 8.19101 14.084 9.05344 14.9465C9.91599 15.8089 11.0857 16.2935 12.3054 16.2935C13.2518 16.2935 14.1682 16.0017 14.9343 15.468L18.9276 19.4613C19.3768 19.9104 20.1048 19.9104 20.5539 19.4613C21.0031 19.0122 21.0031 18.2841 20.5539 17.835L16.4359 13.7169C16.7413 13.093 16.9044 12.4022 16.9044 11.6945C16.9044 10.4748 16.4199 9.30502 15.5573 8.44254C14.6949 7.58005 13.5251 7.09555 12.3054 7.09555C11.5978 7.09555 10.9068 7.25864 10.2831 7.56406L8.26767 5.54861C9.38157 5.09018 10.7146 4.79605 12.3054 4.79605C15.9547 4.79605 18.2473 6.3436 19.65 7.87277C20.2396 8.51663 20.745 9.23294 21.1539 10.0044C21.3019 10.2849 21.4338 10.5736 21.5494 10.869L21.5632 10.9058V10.9127C21.6606 11.2008 21.8683 11.4385 22.1407 11.5738C22.4131 11.7092 22.728 11.731 23.0165 11.6347C23.9961 11.3105 23.8028 10.5448 23.8028 10.5448L23.7569 10.3194L23.7431 10.2507C23.7253 10.1607 23.7096 10.0812 23.704 10.0665L23.5982 9.80661C23.0451 8.52719 22.2837 7.34842 21.3447 6.31833C19.5857 4.39822 16.7043 2.49655 12.3054 2.49655C9.97617 2.49655 8.07248 3.02975 6.5355 3.8165L3.25754 0.538483Z' fill='%23444'/%3E%3C/svg%3E%0A") no-repeat 50% 21px/24px auto;
}

#convertTerms h3 {
  margin-bottom: 42px;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: -0.552px;
}

#convertTerms article {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  justify-content: space-between;
  margin-bottom: 42px;
}

#convertTerms article label {
  display: inline-block;
  margin-bottom: 22px;
}

#convertTerms article a {
  position: relative;
  height: 24px;
  width: 50px;
}

#convertTerms article a:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 11px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L9 9L17 1' stroke='%23aaa' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat 50%/18px auto;
  transform-origin: 50%;
}

#convertTerms article.on a:after {
  transform: translate(-50%, -50%) rotate(180deg);
}

#convertTerms article .slideArea {
  flex: none;
  width: 100%;
  height: 0;
  transition: all 0.4s cubic-bezier(0, 0, 0, 1) 0s;
  overflow: hidden;
}

#convertTerms article .slideArea .docAreaWrap {
  border: 1px solid #DDD;
  color: #444;
  border-radius: 12px;
}

#convertTerms article .slideArea .docAreaWrap .docArea {
  height: 250px;
  margin: 24px 9px 24px 24px;
  overflow-y: auto;
  padding-right: 15px;
}

#convertTerms article .slideArea .docAreaWrap .docArea ul {
  margin-left: 20px;
}

#convertTerms article .slideArea .docAreaWrap .docArea ul li {
  all: unset;
  display: revert;
}

#convertTerms article .slideArea .docAreaWrap .docArea ul:not(style) {
  list-style: inside;
}

#convertTerms article .slideArea .docAreaWrap .docArea ol {
  margin-left: 30px;
}

#convertTerms article .slideArea .docAreaWrap .docArea ol li {
  all: unset;
  display: revert;
}

#convertTerms article .slideArea .docAreaWrap .docArea strong {
  font-weight: 700;
}

#convertTerms article .slideArea .docAreaWrap .docArea u {
  text-decoration: underline;
}

#convertTerms article .slideArea .docAreaWrap .docArea .text-tiny {
  font-size: 0.7em;
}

#convertTerms article .slideArea .docAreaWrap .docArea .text-small {
  font-size: 0.85em;
}

#convertTerms article .slideArea .docAreaWrap .docArea .text-big {
  font-size: 1.4em;
}

#convertTerms article .slideArea .docAreaWrap .docArea .text-huge {
  font-size: 1.8em;
}

#convertTerms article:last-of-type {
  margin-bottom: 0;
}

#convertTerms article.on .slideArea {
  height: 300px;
}

#convertApply h3 {
  margin-bottom: 44px;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: -0.552px;
}

#convertApply .tosAuth {
  padding-top: 0;
}

#convertApply #convertBtnStep {
  margin-top: 64px;
}

#convertComplete section > p {
  text-align: center;
  font-size: 24px;
  line-height: 135%;
  letter-spacing: -0.552px;
}

#convertComplete article {
  padding: 34px;
  border-radius: 12px;
  border: 1px solid #DDDDDD;
}

#convertComplete article p {
  text-align: center;
  font-size: 18px;
  line-height: 135%;
  letter-spacing: -0.072px;
}

#convertComplete #convertBtnStep.executivesStep {
  margin-top: 68px;
}

#convertBtnStep {
  margin-top: 40px;
}

#secessionPassword p {
  margin-bottom: 40px;
  font-size: 24px;
  line-height: 135%;
  letter-spacing: -0.552px;
  text-align: center;
}

#secessionPassword #sLayout article.inputArea {
  position: relative;
}

#secessionPassword #sLayout article.inputArea input {
  padding-right: 71px;
}

#secessionPassword #sLayout article.inputArea input.on {
  border-color: #111111;
}

#secessionPassword #sLayout article.inputArea a {
  position: absolute;
  right: 0;
  top: 0;
  width: 71px;
  height: 64px;
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='14' viewBox='0 0 23 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.22935 8.41383C2.12641 8.69485 1.91796 8.92466 1.64829 9.05443C1.37861 9.1842 1.06896 9.2037 0.78513 9.10879C0.501303 9.01388 0.265667 8.81204 0.12829 8.54616C-0.00908695 8.28028 -0.0373772 7.97131 0.0494303 7.6849C0.09032 7.55829 0.13791 7.43164 0.191999 7.31008C0.283978 7.09163 0.419648 6.79039 0.605907 6.43397C0.985323 5.72113 1.57629 4.77144 2.4478 3.82175C4.20691 1.90168 7.08817 0 11.4871 0C15.886 0 18.7673 1.90168 20.5264 3.82175C21.4653 4.85187 22.2269 6.03065 22.7799 7.31008L22.8857 7.56992C22.8926 7.58832 22.9156 7.70789 22.9386 7.82287L22.9846 8.04822C22.9846 8.04822 23.1777 8.81395 22.1981 9.13817C21.9096 9.23451 21.5947 9.21262 21.3224 9.0773C21.05 8.94197 20.8423 8.70423 20.7448 8.41613V8.40924L20.7311 8.37244C20.6155 8.07705 20.4835 7.78839 20.3355 7.50784C19.9267 6.7364 19.4213 6.0201 18.8317 5.37621C17.429 3.84705 15.1364 2.29949 11.4871 2.29949C7.83781 2.29949 5.54521 3.84705 4.14252 5.37621C3.38309 6.20878 2.76551 7.1604 2.31443 8.19308C2.2903 8.25243 2.26731 8.31223 2.24544 8.37244L2.22935 8.41383ZM6.88812 9.19796C6.88812 7.97824 7.37265 6.80847 8.23513 5.94599C9.0976 5.08351 10.2674 4.59898 11.4871 4.59898C12.7068 4.59898 13.8766 5.08351 14.7391 5.94599C15.6015 6.80847 16.0861 7.97824 16.0861 9.19796C16.0861 10.4177 15.6015 11.5875 14.7391 12.4499C13.8766 13.3124 12.7068 13.7969 11.4871 13.7969C10.2674 13.7969 9.0976 13.3124 8.23513 12.4499C7.37265 11.5875 6.88812 10.4177 6.88812 9.19796Z' fill='%23444'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50% 24px;
  background-size: 23px auto;
  transition: none;
}

#secessionPassword #sLayout article.inputArea a.blind {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.25754 0.538483C2.80832 0.089386 2.0803 0.089386 1.63108 0.538483C1.18198 0.987579 1.18198 1.71573 1.63108 2.16483L4.56418 5.09793C4.07663 5.4913 3.64536 5.90439 3.26609 6.31833C2.39463 7.26797 1.80368 8.21768 1.42429 8.93051C1.23801 9.28696 1.10227 9.58817 1.01035 9.80661C0.956272 9.92819 0.908664 10.0548 0.867771 10.1814C0.780979 10.4679 0.809299 10.7768 0.946628 11.0427C1.08396 11.3086 1.31968 11.5104 1.60349 11.6053C1.8873 11.7002 2.19699 11.6808 2.46665 11.551C2.7363 11.4212 2.9448 11.1914 3.0477 10.9104L3.06382 10.869C3.08567 10.8088 3.10862 10.749 3.13279 10.6896C3.58384 9.65695 4.20139 8.70535 4.96091 7.87277C5.31528 7.48648 5.72641 7.09897 6.20188 6.73557L8.53183 9.06564C7.99814 9.8317 7.70639 10.748 7.70639 11.6945C7.70639 12.9142 8.19101 14.084 9.05344 14.9465C9.91599 15.8089 11.0857 16.2935 12.3054 16.2935C13.2518 16.2935 14.1682 16.0017 14.9343 15.468L18.9276 19.4613C19.3768 19.9104 20.1048 19.9104 20.5539 19.4613C21.0031 19.0122 21.0031 18.2841 20.5539 17.835L16.4359 13.7169C16.7413 13.093 16.9044 12.4022 16.9044 11.6945C16.9044 10.4748 16.4199 9.30502 15.5573 8.44254C14.6949 7.58005 13.5251 7.09555 12.3054 7.09555C11.5978 7.09555 10.9068 7.25864 10.2831 7.56406L8.26767 5.54861C9.38157 5.09018 10.7146 4.79605 12.3054 4.79605C15.9547 4.79605 18.2473 6.3436 19.65 7.87277C20.2396 8.51663 20.745 9.23294 21.1539 10.0044C21.3019 10.2849 21.4338 10.5736 21.5494 10.869L21.5632 10.9058V10.9127C21.6606 11.2008 21.8683 11.4385 22.1407 11.5738C22.4131 11.7092 22.728 11.731 23.0165 11.6347C23.9961 11.3105 23.8028 10.5448 23.8028 10.5448L23.7569 10.3194L23.7431 10.2507C23.7253 10.1607 23.7096 10.0812 23.704 10.0665L23.5982 9.80661C23.0451 8.52719 22.2837 7.34842 21.3447 6.31833C19.5857 4.39822 16.7043 2.49655 12.3054 2.49655C9.97617 2.49655 8.07248 3.02975 6.5355 3.8165L3.25754 0.538483Z' fill='%23444'/%3E%3C/svg%3E%0A") no-repeat 50% 21px/24px auto;
}

#secessionPassword #sLayout article.btnArea {
  margin-top: 64px;
}

#secessionPassword + span {
  display: block;
  margin-top: -4px;
  line-height: 22px;
  letter-spacing: 0.16px;
  color: #888888;
}

#secessionApply #pageTitle {
  margin-bottom: 28px;
}

#secessionApply p {
  margin-bottom: 57px;
  text-align: center;
  font-size: 24px;
  line-height: 135%;
  letter-spacing: -0.552px;
}

#secessionApply p strong {
  font-weight: 700;
}

#secessionApply article.cautionArea {
  margin-bottom: 40px;
  padding: 32px 24px 43px;
  border-radius: 12px;
  background: #F5F5F5;
}

#secessionApply article.cautionArea strong {
  display: block;
  margin-bottom: 25px;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 135%;
  letter-spacing: -0.072px;
}

#secessionApply article.cautionArea ol {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

#secessionApply article.cautionArea ol li {
  font-size: 18px;
  line-height: 135%;
  letter-spacing: -0.072px;
}

#secessionApply article.inputArea em {
  display: inline-block;
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 135%;
  letter-spacing: -0.072px;
}

#secessionApply article.inputArea em sup {
  color: #EF5423;
}

#secessionApply article.inputArea ul {
  display: flex;
  flex-wrap: wrap;
  gap: 34px;
  margin-bottom: 24px;
}

#secessionApply article.inputArea input[type=checkbox].chkTypeA + label {
  margin-top: 28px;
  font-size: 18px;
  font-weight: 700;
  line-height: 135%;
  letter-spacing: -0.072px;
}

#secessionComplete #pageTitle {
  margin-bottom: 28px;
}

#secessionComplete p {
  font-size: 24px;
  line-height: 135%;
  letter-spacing: -0.552px;
  text-align: center;
}

#secessionBtnArea {
  display: flex;
  flex-grow: 1;
  flex-basis: 0;
  gap: 16px;
  margin-top: 68px;
}

#supportTitle {
  margin-bottom: 60px;
}

#supportMonthEdu #contents {
  padding-top: 80px;
}

#supportMonthEdu #tabSort {
  margin-bottom: 23px;
}

#supportMonthEdu .boardTypeA {
  margin-top: 24px;
}

#supportMonthEdu .boardTypeA table tbody tr td:nth-of-type(3) {
  padding: 0 0 0 60px;
  text-align: left;
}

#supportMonthEdu .boardTypeA table tbody tr td:nth-of-type(3) .flexBox {
  display: flex;
  gap: 8px;
}

#supportMonthEdu .boardTypeA table tbody tr td:nth-of-type(3) a {
  display: inline-block;
  vertical-align: middle;
}

#supportMonthEdu .boardTypeA table tbody tr td:nth-of-type(3) i {
  vertical-align: middle;
  flex: none;
}

#supportMonthEdu .pagination {
  margin-top: 40px;
}

#supportMonthEdu #tabTypeA {
  margin-bottom: 60px;
}

#supportHygiene #titleCont {
  margin-bottom: 24px;
}

#supportHygiene .boardTypeA {
  margin-top: 60px;
}

#supportHygiene .boardTypeA table tbody tr td:nth-of-type(3) {
  padding: 0 0 0 60px;
  text-align: left;
}

#supportHygiene .boardTypeA table tbody tr td:nth-of-type(3) .flexBox {
  display: flex;
  gap: 8px;
}

#supportHygiene .boardTypeA table tbody tr td:nth-of-type(3) a {
  display: inline-block;
  vertical-align: middle;
}

#supportHygiene .boardTypeA table tbody tr td:nth-of-type(3) i {
  vertical-align: middle;
  flex: none;
}

#supportHygiene #tabSort {
  margin-bottom: 26px;
}

#supportHygiene .pagination {
  margin-top: 54px;
}

#supportHygiene .cautionTypeA {
  margin-top: 32px;
}

#supportHygiene #tabTypeA {
  margin-bottom: 60px;
}

#supportHygiene #issueSchedule #tabTypeA {
  margin-bottom: 60px;
}

#supportHygiene #issueSchedule + .cautionTypeA {
  margin-bottom: 115px;
}

#supportHygiene #issueSchedule .topArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 60px;
}

#supportHygiene #issueSchedule .topArea .modeChose {
  display: flex;
}

#supportHygiene #issueSchedule .topArea .modeChose a {
  display: block;
  position: relative;
  height: 42px;
  width: 42px;
  border: 1px solid #DDDDDD;
}

#supportHygiene #issueSchedule .topArea .modeChose a.btnCalender {
  border-radius: 4px 0 0 4px;
}

#supportHygiene #issueSchedule .topArea .modeChose a.btnCalender:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 24px;
  height: 26px;
  transform: translate(-50%, -50%);
  background: url('data:image/svg+xml,%3Csvg viewBox="0 0 24 26" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10.5838 13.4805H12.4929V19.7367M1.51562 9.14922H22.5156M16.7884 5.29922V1.44922M7.2429 5.29922V1.44922M3.42472 24.5492H20.6065C21.1129 24.5492 21.5984 24.3464 21.9565 23.9854C22.3145 23.6244 22.5156 23.1348 22.5156 22.6242V5.29922C22.5156 4.78868 22.3145 4.29905 21.9565 3.93804C21.5984 3.57703 21.1129 3.37422 20.6065 3.37422H3.42472C2.91839 3.37422 2.43281 3.57703 2.07478 3.93804C1.71676 4.29905 1.51563 4.78868 1.51562 5.29922V22.6242C1.51563 23.1348 1.71676 23.6244 2.07478 23.9854C2.43281 24.3464 2.91839 24.5492 3.42472 24.5492Z" stroke="%23666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A') no-repeat 50%/24px auto;
}

#supportHygiene #issueSchedule .topArea .modeChose a.btnList {
  border-radius: 0 4px 4px 0;
}

#supportHygiene #issueSchedule .topArea .modeChose a.btnList:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 22px;
  height: 20px;
  transform: translate(-50%, -50%);
  background: url('data:image/svg+xml,%3Csvg viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M5.76562 0.455078H21.5156V2.36417H5.76562V0.455078ZM5.76562 17.6369H21.5156V19.546H5.76562V17.6369ZM5.76562 9.04599H21.5156V10.9551H5.76562V9.04599ZM0.515625 9.04599H2.26562V10.9551H0.515625V9.04599ZM0.515625 0.455078H2.26562V2.36417H0.515625V0.455078ZM0.515625 17.6369H2.26562V19.546H0.515625V17.6369Z" fill="%23666"/%3E%3C/svg%3E%0A') no-repeat 50%/22px auto;
}

#supportHygiene #issueSchedule .topArea .modeChose a.on {
  background: #DDDDDD;
}

#supportHygiene #issueSchedule .topArea .modeChose a.on.btnCalender:after {
  background: url('data:image/svg+xml,%3Csvg viewBox="0 0 24 26" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10.5838 13.4805H12.4929V19.7367M1.51562 9.14922H22.5156M16.7884 5.29922V1.44922M7.2429 5.29922V1.44922M3.42472 24.5492H20.6065C21.1129 24.5492 21.5984 24.3464 21.9565 23.9854C22.3145 23.6244 22.5156 23.1348 22.5156 22.6242V5.29922C22.5156 4.78868 22.3145 4.29905 21.9565 3.93804C21.5984 3.57703 21.1129 3.37422 20.6065 3.37422H3.42472C2.91839 3.37422 2.43281 3.57703 2.07478 3.93804C1.71676 4.29905 1.51563 4.78868 1.51562 5.29922V22.6242C1.51563 23.1348 1.71676 23.6244 2.07478 23.9854C2.43281 24.3464 2.91839 24.5492 3.42472 24.5492Z" stroke="%23111" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A') no-repeat 50%/24px auto;
}

#supportHygiene #issueSchedule .topArea .modeChose a.on.btnList:after {
  background: url('data:image/svg+xml,%3Csvg viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M5.76562 0.455078H21.5156V2.36417H5.76562V0.455078ZM5.76562 17.6369H21.5156V19.546H5.76562V17.6369ZM5.76562 9.04599H21.5156V10.9551H5.76562V9.04599ZM0.515625 9.04599H2.26562V10.9551H0.515625V9.04599ZM0.515625 0.455078H2.26562V2.36417H0.515625V0.455078ZM0.515625 17.6369H2.26562V19.546H0.515625V17.6369Z" fill="%23111"/%3E%3C/svg%3E%0A') no-repeat 50%/24px auto;
}

#supportHygiene #issueSchedule .topArea .dateInfo {
  display: flex;
  align-items: center;
}

#supportHygiene #issueSchedule .topArea .dateInfo .btnToday {
  width: 100px;
  margin-left: -116px;
  margin-right: 16px;
}

#supportHygiene #issueSchedule .topArea .dateInfo > div {
  display: flex;
  align-items: center;
  gap: 24px;
}

#supportHygiene #issueSchedule .topArea .dateInfo > div > a {
  display: block;
  position: relative;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid #ddd;
  flex: none;
}

#supportHygiene #issueSchedule .topArea .dateInfo > div > a:after {
  content: "";
  position: absolute;
  width: 7px;
  height: 12px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-size: 7px auto;
  background-position: 50%;
  background-repeat: no-repeat;
}

#supportHygiene #issueSchedule .topArea .dateInfo > div > a.btnPrev::after {
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M5.75 10.5L1 5.74998L5.75 1.00001" stroke="%23111" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}

#supportHygiene #issueSchedule .topArea .dateInfo > div > a.btnNext::after {
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.25 1.5L6 6.25002L1.25 11" stroke="%23111" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}

#supportHygiene #issueSchedule .topArea .dateInfo > div > a.btnPause::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L1 11' stroke='%23111' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M5 1L5 11' stroke='%23111' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

#supportHygiene #issueSchedule .topArea .dateInfo > div > a.btnPlay::after {
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 6.13397C13.1667 6.51888 13.1667 7.48113 12.5 7.86603L5 12.1962C4.33333 12.5811 3.5 12.0999 3.5 11.3301L3.5 2.66987C3.5 1.90007 4.33333 1.41895 5 1.80385L12.5 6.13397Z' fill='%23111'/%3E%3C/svg%3E%0A");
  background-size: 14px auto;
}

#supportHygiene #issueSchedule .topArea .dateInfo .inputArea {
  position: relative;
}

#supportHygiene #issueSchedule .topArea .dateInfo .inputArea > a {
  font-size: 24px;
  line-height: 135%;
  letter-spacing: -0.552px;
  padding-right: 28px;
}

#supportHygiene #issueSchedule .topArea .dateInfo .inputArea > a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 10px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 1.5L7.99996 8.5L1 1.5' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 0 50%/16px auto;
}

#supportHygiene #issueSchedule .topArea .dateInfo .inputArea #datepicker {
  position: absolute;
  left: calc(50% - 180px);
  bottom: -20px;
  width: 1px;
  height: 1px;
  opacity: 0;
}

#supportHygiene #issueSchedule .topArea .btnArea {
  display: flex;
  gap: 8px;
}

#supportHygiene #issueSchedule .calendarMode .fc .fc-view-harness {
  height: auto !important;
}

#supportHygiene #issueSchedule .calendarMode .fc .fc-daygrid-day-frame {
  min-height: 150px;
}

#supportHygiene #issueSchedule .calendarMode #calenderInfo {
  position: absolute;
  left: 10px;
  top: 38px;
  padding: 30px;
  width: 480px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
  z-index: 30;
}

#supportHygiene #issueSchedule .calendarMode #calenderInfo .scr {
  max-height: 468px;
  overflow: auto;
}

#supportHygiene #issueSchedule .calendarMode #calenderInfo .titleArea {
  position: relative;
}

#supportHygiene #issueSchedule .calendarMode #calenderInfo .titleArea .calenderInfoTitle {
  display: block;
  position: relative;
  padding-left: 18px;
  padding-right: 96px;
  line-height: 24px;
  margin-bottom: 30px;
}

#supportHygiene #issueSchedule .calendarMode #calenderInfo .titleArea .calenderInfoTitle em {
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.072px;
}

#supportHygiene #issueSchedule .calendarMode #calenderInfo .titleArea .calenderInfoTitle i {
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background: #fff;
  border-radius: 2px;
}

#supportHygiene #issueSchedule .calendarMode #calenderInfo .titleArea a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 32px;
  top: 0;
  width: 54px;
  height: 28px;
  border-radius: 28px;
  background: #DDDDDD;
  color: #666666;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.168px;
}

#supportHygiene #issueSchedule .calendarMode #calenderInfo .titleArea a span {
  display: block;
  padding-left: 16px;
}

#supportHygiene #issueSchedule .calendarMode #calenderInfo .titleArea a span {
  position: relative;
}

#supportHygiene #issueSchedule .calendarMode #calenderInfo .titleArea a span:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66219 0.828125C4.23258 0.828125 2.4285 1.9387 2.15083 4.99307C1.87316 8.04744 1.34096 9.96799 1.10957 10.5465C0.878179 10.7779 0.831901 11.2406 2.49792 11.2406C4.16394 11.2406 5.96827 11.2406 6.66219 11.2406' stroke='%23666'/%3E%3Cpath d='M6.66203 0.828125C9.09164 0.828125 10.8957 1.9387 11.1734 4.99307C11.4511 8.04744 11.9833 9.96799 12.2146 10.5465C12.446 10.7779 12.4923 11.2406 10.8263 11.2406C9.16028 11.2406 7.35594 11.2406 6.66203 11.2406' stroke='%23666'/%3E%3Cpath d='M8.74317 11.2422C8.74317 12.3923 7.8108 13.3247 6.66065 13.3247C5.5105 13.3247 4.57812 12.3923 4.57812 11.2422' stroke='%23666'/%3E%3Cpath d='M0.992188 1.82812L11.9922 13.3281' stroke='%23666' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 0/14px auto;
}

#supportHygiene #issueSchedule .calendarMode #calenderInfo .titleArea a.on {
  background: #FF7A00;
  color: #fff;
}

#supportHygiene #issueSchedule .calendarMode #calenderInfo .titleArea a.on span:after {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66219 0.828125C4.23258 0.828125 2.4285 1.9387 2.15083 4.99307C1.87316 8.04744 1.34096 9.96799 1.10957 10.5465C0.878179 10.7779 0.831901 11.2406 2.49792 11.2406C4.16394 11.2406 5.96827 11.2406 6.66219 11.2406' stroke='%23fff'/%3E%3Cpath d='M6.66203 0.828125C9.09164 0.828125 10.8957 1.9387 11.1734 4.99307C11.4511 8.04744 11.9833 9.96799 12.2146 10.5465C12.446 10.7779 12.4923 11.2406 10.8263 11.2406C9.16028 11.2406 7.35594 11.2406 6.66203 11.2406' stroke='%23fff'/%3E%3Cpath d='M8.74317 11.2422C8.74317 12.3923 7.8108 13.3247 6.66065 13.3247C5.5105 13.3247 4.57812 12.3923 4.57812 11.2422' stroke='%23fff'/%3E%3C/svg%3E%0A") no-repeat 0/14px auto;
}

#supportHygiene #issueSchedule .calendarMode #calenderInfo .popupCloseCalInfo {
  position: absolute;
  width: 18px;
  height: 18px;
  right: 29px;
  top: 32px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.0715 14.7193L8.35996 7.00781L0.648438 14.7193L1.7686 15.8395L8.35996 9.24817L14.9513 15.8395L16.0715 14.7193Z' fill='%23111'/%3E%3Cpath d='M16.0715 1.28262L8.35996 8.99414L0.648438 1.28262L1.7686 0.162453L8.35996 6.75379L14.9513 0.162453L16.0715 1.28262Z' fill='%23111'/%3E%3C/svg%3E%0A") no-repeat 50%/18px auto;
}

#supportHygiene #issueSchedule .calendarMode .ico_there {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  height: 14px;
  margin-top: -2px;
}

#supportHygiene #issueSchedule .calendarMode .ico_there svg {
  vertical-align: top;
}

#supportHygiene #issueSchedule .calendarMode .ico_alarm {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  height: 14px;
  margin-top: -2px;
}

#supportHygiene #issueSchedule .calendarMode .ico_alarm svg {
  vertical-align: top;
}

#supportHygiene #issueSchedule .calendarMode .fc-event-main-frame,
#supportHygiene #issueSchedule .calendarMode .fc-event-title-container,
#supportHygiene #issueSchedule .calendarMode .fc-event-title {
  color: unset;
}

#supportHygiene #issueSchedule .calendarMode .fc-h-event {
  border: 0;
}

#supportHygiene #issueSchedule .calendarMode .fc .fc-toolbar {
  justify-content: center;
  display: none;
}

#supportHygiene #issueSchedule .calendarMode .fc-direction-ltr .fc-daygrid-event.fc-event-end,
#supportHygiene #issueSchedule .calendarMode .fc-direction-rtl .fc-daygrid-event.fc-event-start {
  margin-right: 13px;
}

#supportHygiene #issueSchedule .calendarMode .fc-direction-ltr .fc-daygrid-event.fc-event-start,
#supportHygiene #issueSchedule .calendarMode .fc-direction-rtl .fc-daygrid-event.fc-event-end {
  margin-left: 12px;
}

#supportHygiene #issueSchedule .calendarMode .fc-today-button,
#supportHygiene #issueSchedule .calendarMode .fc-prev-button,
#supportHygiene #issueSchedule .calendarMode .fc-next-button {
  display: none;
}

#supportHygiene #issueSchedule .calendarMode .fc-theme-standard .fc-scrollgrid {
  border: 0;
}

#supportHygiene #issueSchedule .calendarMode .fc-theme-standard .fc-col-header-cell {
  padding: 18px 0;
  border: 0;
  border-bottom: 1px solid #111111;
}

#supportHygiene #issueSchedule .calendarMode .fc-theme-standard .fc-col-header-cell a {
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}

#supportHygiene #issueSchedule .calendarMode .fc-daygrid-event {
  border-radius: 10px;
  padding: 6px 20px;
}

#supportHygiene #issueSchedule .calendarMode .fc .fc-daygrid-event {
  margin-top: 4px;
}

#supportHygiene #issueSchedule .calendarMode .fc-event-title {
  line-height: 18px;
  font-weight: 700;
}

#supportHygiene #issueSchedule .calendarMode .fc-event-title-container {
  line-height: 18px;
}

#supportHygiene #issueSchedule .calendarMode .fc-daygrid-block-event .fc-event-time,
#supportHygiene #issueSchedule .calendarMode .fc-daygrid-block-event .fc-event-title {
  padding: 0;
}

#supportHygiene #issueSchedule .calendarMode .fc .fc-daygrid-day-number {
  padding: 14px 16px;
  line-height: 19px;
  font-weight: 500;
}

#supportHygiene #issueSchedule .calendarMode .fc .fc-scroller-liquid-absolute {
  overflow: initial !important;
}

#supportHygiene #issueSchedule .calendarMode .fc .fc-scroller-harness {
  overflow: initial;
}

#supportHygiene #issueSchedule .calendarMode #calendar tbody th,
#supportHygiene #issueSchedule .calendarMode #calendar tbody td {
  padding-bottom: 14px;
  border-color: #DDDDDD !important;
}

#supportHygiene #issueSchedule .calendarMode #calendar tbody th:last-of-type,
#supportHygiene #issueSchedule .calendarMode #calendar tbody td:last-of-type {
  border-right: 0 !important;
  padding-bottom: 0;
}

#supportHygiene #issueSchedule .calendarMode #calendar tbody > td {
  padding-bottom: 14px;
}

#supportHygiene #issueSchedule .calendarMode thead[role=rowgroup] > tr > th {
  border: 0;
}

#supportHygiene #issueSchedule .listMode .boardTypeA td {
  vertical-align: middle;
  text-align: center;
}

#supportHygiene #issueSchedule .listMode .boardTypeA td:nth-of-type(2) {
  text-align: left;
  padding: 0 0 0 80px;
}

#supportHygiene #issueSchedule .listMode .boardTypeA td:nth-of-type(3) {
  padding-left: 0;
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #888888;
}

#supportHygiene #issueSchedule .listMode .boardTypeA tr.resultArea td {
  border: 0;
  padding: 0;
}

#supportHygiene #issueSchedule .listMode .boardTypeA tr.resultArea .resultWrap {
  display: none;
  padding: 27px 158px;
  width: 100%;
  background: #F9F9F9;
  text-align: left;
}

#supportHygiene #issueSchedule .listMode .boardTypeA .colorChips {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #111111;
  vertical-align: top;
}

#supportHygiene #issueSchedule .listMode .boardTypeA .infoChips {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9.25' stroke='%23888' stroke-width='1.5'/%3E%3Ccircle cx='10' cy='6' r='1' fill='%23888'/%3E%3Crect x='9' y='8' width='2' height='7' rx='1' fill='%23888'/%3E%3C/svg%3E%0A") no-repeat 50%/20px auto;
  vertical-align: top;
}

#supportHygiene #issueSchedule .listMode .boardTypeA .btnAlarm {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66219 0.828125C4.23258 0.828125 2.4285 1.9387 2.15083 4.99307C1.87316 8.04744 1.34096 9.96799 1.10957 10.5465C0.878179 10.7779 0.831901 11.2406 2.49792 11.2406C4.16394 11.2406 5.96827 11.2406 6.66219 11.2406' stroke='%23888'/%3E%3Cpath d='M6.66203 0.828125C9.09164 0.828125 10.8957 1.9387 11.1734 4.99307C11.4511 8.04744 11.9833 9.96799 12.2146 10.5465C12.446 10.7779 12.4923 11.2406 10.8263 11.2406C9.16028 11.2406 7.35594 11.2406 6.66203 11.2406' stroke='%23888'/%3E%3Cpath d='M8.74317 11.2422C8.74317 12.3923 7.8108 13.3247 6.66065 13.3247C5.5105 13.3247 4.57812 12.3923 4.57812 11.2422' stroke='%23888'/%3E%3Cpath d='M0.992188 1.82812L11.9922 13.3281' stroke='%23888' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 50%/17px auto;
  vertical-align: top;
}

#supportHygiene #issueSchedule .listMode .boardTypeA .btnAlarm.on {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66219 0.828125C4.23258 0.828125 2.4285 1.9387 2.15083 4.99307C1.87316 8.04744 1.34096 9.96799 1.10957 10.5465C0.878179 10.7779 0.831901 11.2406 2.49792 11.2406C4.16394 11.2406 5.96827 11.2406 6.66219 11.2406' stroke='%23F5821F'/%3E%3Cpath d='M6.66203 0.828125C9.09164 0.828125 10.8957 1.9387 11.1734 4.99307C11.4511 8.04744 11.9833 9.96799 12.2146 10.5465C12.446 10.7779 12.4923 11.2406 10.8263 11.2406C9.16028 11.2406 7.35594 11.2406 6.66203 11.2406' stroke='%23F5821F'/%3E%3Cpath d='M8.74317 11.2422C8.74317 12.3923 7.8108 13.3247 6.66065 13.3247C5.5105 13.3247 4.57812 12.3923 4.57812 11.2422' stroke='%23F5821F'/%3E%3C/svg%3E%0A") no-repeat 50%/17px auto;
}

.issueSchedulePopup #supportHygiene {
  padding-top: 0;
  padding-bottom: 0;
}

.issueSchedulePopup #supportHygiene #contents {
  padding-top: 50px;
  padding-bottom: 294px;
}

.issueSchedulePopup #supportHygiene h4 {
  margin-bottom: 60px;
  font-size: 24px;
  line-height: 135%;
  letter-spacing: -0.552px;
  text-align: center;
}

.issueSchedulePopup #supportHygiene .boardTypeA {
  border-color: #DDDDDD;
}

#supportPop #contents {
  padding-top: 80px;
}

#supportPop #tabSort {
  margin-bottom: 28px;
}

#supportPop #magazineArea {
  display: flex;
  flex-direction: column;
  gap: 60px;
  margin-top: 25px;
}

#supportPop .pagination {
  margin-top: 20px;
}

#supportPop .cautionTypeA {
  margin-top: 30px;
}

#supportPop .generalArea {
  position: relative;
}

#supportPop .magazineTop {
  background: #FFF1E3;
}

#supportPop .magazineTop .bgText {
  opacity: 0.4;
}

#supportFreshLab #contents {
  padding-top: 80px;
}

#supportFreshLab #tabSort {
  margin-bottom: 28px;
}

#supportFreshLab #magazineArea {
  display: flex;
  flex-direction: column;
  gap: 60px;
  margin-top: 25px;
}

#supportFreshLab .pagination {
  margin-top: 20px;
}

#supportFreshLab .cautionTypeA {
  margin-top: 30px;
}

#supportFreshLab .generalArea {
  position: relative;
}

#supportFreshLab .magazineTop {
  background: #F5F5F5;
}

#supportConditions #boardGuid {
  margin-bottom: 40px;
}

#supportConditions .shareInfo {
  justify-content: flex-end;
}

#supportConditions .boardTypeA {
  margin-bottom: 40px;
}

#supportConditions .boardTypeA table tbody tr td:nth-of-type(1), #supportConditions .boardTypeA table tbody tr td:nth-of-type(3), #supportConditions .boardTypeA table tbody tr td:nth-of-type(4) {
  color: #888888;
}

#supportConditions .boardTypeA table tbody tr td:nth-of-type(2) .flexBox {
  display: flex;
  justify-content: center;
  gap: 8px;
}

#supportConditions .boardTypeA table tbody tr td:nth-of-type(2) i {
  vertical-align: middle;
  flex: none;
}

#supportConditions .topArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  height: 59px;
  margin-bottom: 60px;
}

#supportConditions .topArea .tabArea {
  display: flex;
  gap: 14px;
  align-items: center;
}

#supportConditions .topArea .tabArea li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  padding: 0 20px;
  border-radius: 46px;
  border: 1px solid #DDDDDD;
}

#supportConditions .topArea .tabArea li a span {
  display: block;
  position: relative;
  padding-left: 26px;
  white-space: nowrap;
  font-size: 18px;
  line-height: 145%;
  letter-spacing: -0.072px;
  color: #666666;
}

#supportConditions .topArea .tabArea li a span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 24px;
  background-size: 20px auto;
  background-position: 50%;
  background-repeat: no-repeat;
}

#supportConditions .topArea .tabArea li a span.ico_wheat:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 21 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.37739 0C3.48389 1.21 2.23299 4.03655 4.37739 5.66278C6.46226 4.06559 5.27092 1.3068 4.37739 0Z' fill='%23aaa'/%3E%3Cpath d='M1.03817 4.05218C0.851651 5.53223 1.14923 8.59745 3.8317 9.01792C4.8718 6.63965 2.46628 4.77911 1.03817 4.05218Z' fill='%23aaa'/%3E%3Cpath d='M7.79777 4.05218C7.98429 5.53223 7.68671 8.59745 5.00424 9.01792C3.96414 6.63965 6.36966 4.77911 7.79777 4.05218Z' fill='%23aaa'/%3E%3Cpath d='M1.03817 8.55023C0.851651 10.0303 1.14923 13.0955 3.8317 13.516C4.8718 11.1377 2.46628 9.27716 1.03817 8.55023Z' fill='%23aaa'/%3E%3Cpath d='M7.79777 8.55023C7.98429 10.0303 7.68671 13.0955 5.00424 13.516C3.96414 11.1377 6.36966 9.27716 7.79777 8.55023Z' fill='%23aaa'/%3E%3Cpath d='M1.03812 13.0462C0.85154 14.5264 1.14895 17.5919 3.83119 18.0122C4.87133 15.6337 2.46609 13.7731 1.03812 13.0462Z' fill='%23aaa'/%3E%3Cpath d='M7.79782 13.0462C7.9844 14.5264 7.68699 17.5919 5.00475 18.0122C3.9646 15.6337 6.36985 13.7731 7.79782 13.0462Z' fill='%23aaa'/%3E%3Cpath d='M1.03817 17.5698C0.851651 19.0498 1.14923 22.115 3.8317 22.5355C4.8718 20.1572 2.46628 18.2967 1.03817 17.5698Z' fill='%23aaa'/%3E%3Cpath d='M7.79777 17.5698C7.98429 19.0498 7.68671 22.115 5.00424 22.5355C3.96414 20.1572 6.36966 18.2967 7.79777 17.5698Z' fill='%23aaa'/%3E%3Cpath d='M16.2637 3.83232C15.2856 4.68248 13.7017 6.82179 15.1905 8.57775C17.2403 7.62155 16.7648 5.09125 16.2637 3.83232Z' fill='%23aaa'/%3E%3Cpath d='M12.6959 6.61958C12.2591 7.82567 11.9276 10.4489 14.0958 11.293C15.4182 9.49075 13.7549 7.49058 12.6959 6.61958Z' fill='%23aaa'/%3E%3Cpath d='M18.3622 7.85992C18.2381 9.13451 17.4079 11.6488 15.0805 11.5093C14.6596 9.32541 17.0278 8.20726 18.3622 7.85992Z' fill='%23aaa'/%3E%3Cpath d='M11.8424 10.3833C11.4056 11.5893 11.0741 14.2126 13.2423 15.0567C14.5646 13.2544 12.9014 11.2543 11.8424 10.3833Z' fill='%23aaa'/%3E%3Cpath d='M17.5087 11.6237C17.3845 12.8981 16.5542 15.4122 14.2266 15.2728C13.8057 13.0891 16.1741 11.971 17.5087 11.6237Z' fill='%23aaa'/%3E%3Cpath d='M10.9908 14.1586C10.554 15.3647 10.2225 17.9879 12.3907 18.8321C13.7131 17.0298 12.0498 15.0296 10.9908 14.1586Z' fill='%23aaa'/%3E%3Cpath d='M16.6571 15.399C16.5329 16.6735 15.7027 19.1876 13.3751 19.0481C12.9542 16.8645 15.3226 15.7464 16.6571 15.399Z' fill='%23aaa'/%3E%3Cpath d='M10.1334 17.9418C9.69653 19.1479 9.36482 21.7713 11.5329 22.6153C12.8553 20.8129 11.1923 18.8127 10.1334 17.9418Z' fill='%23aaa'/%3E%3Cpath d='M15.7997 19.1822C15.6755 20.4567 14.8452 22.9708 12.5176 22.8313C12.0967 20.6477 14.4652 19.5296 15.7997 19.1822Z' fill='%23aaa'/%3E%3C/svg%3E%0A");
}

#supportConditions .topArea .tabArea li a span.ico_meat:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5044 0.960938C6.85306 0.960938 1.03125 1.9721 1.03125 6.40566C1.15139 7.52527 1.70263 8.55174 2.56536 9.26235C3.42809 9.97296 4.53271 10.3104 5.63954 10.2014C6.31207 10.2008 6.97869 10.0742 7.60575 9.82806C7.79955 9.7424 8.00873 9.69819 8.22019 9.69819C8.43165 9.69819 8.64083 9.7424 8.83463 9.82806C10.2651 10.629 11.8699 11.0567 13.5044 11.0726C17.6518 11.0726 21.0005 8.80134 21.0005 6.01675C21.0005 3.23217 17.6518 0.960938 13.5044 0.960938Z' stroke='%23aaa' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.002 6.01758V9.90667C21.002 12.6913 17.6533 14.9625 13.5058 14.9625C11.8702 14.9852 10.2547 14.5949 8.80533 13.8269C8.61153 13.7412 8.40235 13.697 8.19089 13.697C7.97944 13.697 7.77026 13.7412 7.57645 13.8269C6.9484 14.0677 6.28181 14.189 5.61025 14.1847C4.50341 14.2936 3.39879 13.9562 2.53606 13.2456C1.67333 12.535 1.12209 11.5085 1.00195 10.3889V6.40649' stroke='%23aaa' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.40867 6.40524C6.83286 6.40524 7.17672 6.057 7.17672 5.62743C7.17672 5.19785 6.83286 4.84961 6.40867 4.84961C5.98449 4.84961 5.64062 5.19785 5.64062 5.62743C5.64062 6.057 5.98449 6.40524 6.40867 6.40524Z' stroke='%23aaa' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.50195 10.4609C2.10195 10.4609 1.16862 7.1276 1.00195 5.46094V10.4609C1.66862 11.6276 3.30195 14.0609 4.50195 14.4609C5.70195 14.8609 7.66862 13.9609 8.50195 13.4609C9.16862 14.1276 11.302 15.3609 14.502 14.9609C17.702 14.5609 20.1686 11.7943 21.002 10.4609V6.96094C20.3353 8.1276 18.102 10.5609 14.502 10.9609C10.902 11.3609 8.66862 10.1276 8.00195 9.46094C7.83529 9.79427 6.90195 10.4609 4.50195 10.4609Z' fill='%23aaa'/%3E%3C/svg%3E%0A");
}

#supportConditions .topArea .tabArea li a span.ico_fish:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 21 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.002 6.99746C20.002 6.33956 19.4446 5.13753 18.2204 4.05403C17.5216 3.44201 16.7252 2.95611 15.8657 2.61731C15.8371 2.60643 15.8055 2.60675 15.7772 2.61821C15.7488 2.62968 15.7256 2.65148 15.7121 2.67937C15.7063 2.6909 15.7004 2.70204 15.6938 2.71357L15.3192 3.34601C14.6874 4.45681 14.355 5.71779 14.3555 7.00141C14.3559 8.28503 14.6893 9.54575 15.3219 10.6561L15.3309 10.6716L15.6723 11.308C15.6904 11.3418 15.72 11.3678 15.7554 11.3811C15.7909 11.3944 15.83 11.3941 15.8653 11.3804C18.7376 10.236 20.002 8.01135 20.002 6.99746ZM16.3332 6.99189C16.2038 7.00912 16.0723 6.98466 15.9572 6.92192C15.8421 6.85918 15.7492 6.76133 15.6915 6.64208C15.6338 6.52284 15.6143 6.38819 15.6356 6.25704C15.6569 6.12589 15.7179 6.00482 15.8102 5.91083C15.9026 5.81683 16.0215 5.75463 16.1503 5.73295C16.279 5.71127 16.4113 5.7312 16.5284 5.78994C16.6455 5.84868 16.7416 5.94329 16.8032 6.06048C16.8648 6.17767 16.8889 6.31157 16.8719 6.44337C16.8541 6.58247 16.7916 6.71166 16.6941 6.81086C16.5967 6.91005 16.4698 6.97369 16.3332 6.99189Z' fill='%23aaa'/%3E%3Cpath d='M13.1054 6.9996C13.1048 5.49065 13.4968 4.00846 14.2413 2.70379L14.246 2.69543L14.4265 2.39035C14.4395 2.36862 14.4473 2.34401 14.449 2.3186C14.4508 2.29319 14.4465 2.26772 14.4366 2.24434C14.4267 2.22095 14.4114 2.20033 14.392 2.18421C14.3727 2.16809 14.3498 2.15694 14.3253 2.1517C13.8196 2.04399 13.3072 1.97236 12.7917 1.9373C12.7309 1.9333 12.6726 1.91117 12.6241 1.87366C11.871 1.29054 10.378 0.270685 8.85613 0.00856102C8.75214 -0.00898609 8.64547 0.000537083 8.54606 0.0362442C8.44664 0.0719513 8.35771 0.132682 8.28754 0.212787C8.21737 0.292892 8.16824 0.389768 8.14472 0.494403C8.1212 0.599037 8.12405 0.70803 8.153 0.811242L8.56785 2.28972C8.57864 2.32803 8.57491 2.36907 8.55741 2.40472C8.5399 2.44037 8.50989 2.46803 8.47332 2.48223C7.03385 3.02677 5.794 4.02356 4.8897 4.78328C4.83435 4.82941 4.76515 4.85481 4.69363 4.85524C4.62211 4.85568 4.55261 4.83112 4.49673 4.78567C4.37381 4.68623 4.24764 4.58824 4.11821 4.49172C2.56976 3.3402 0.750606 3.18866 0.674043 3.18309C0.576834 3.17561 0.479255 3.19139 0.389105 3.22917C0.298954 3.26694 0.218732 3.32567 0.154849 3.40065C0.0909668 3.47563 0.0451954 3.56479 0.0211932 3.661C-0.00280893 3.75721 -0.00437625 3.85781 0.0166165 3.95474C0.0330229 4.03151 0.375604 5.57323 1.25491 6.80311C1.29449 6.85823 1.31582 6.92475 1.31582 6.99304C1.31582 7.06133 1.29449 7.12784 1.25491 7.18297C0.375604 8.41245 0.0330229 9.95457 0.0166165 10.0313C-0.00437625 10.1283 -0.00280893 10.2289 0.0211932 10.3251C0.0451954 10.4213 0.0909668 10.5104 0.154849 10.5854C0.218732 10.6604 0.298954 10.7191 0.389105 10.7569C0.479255 10.7947 0.576834 10.8105 0.674043 10.803C0.752169 10.7974 2.56976 10.6439 4.11626 9.49515C4.24256 9.40075 4.36587 9.30502 4.48618 9.20797C4.54211 9.16257 4.61163 9.13809 4.68315 9.13859C4.75467 9.1391 4.82385 9.16457 4.87915 9.21075C5.78736 9.97406 7.02956 10.972 8.47293 11.5178C8.50942 11.532 8.53936 11.5596 8.55686 11.5951C8.57435 11.6307 8.57814 11.6716 8.56746 11.7099L8.15105 13.1888C8.12209 13.292 8.11924 13.401 8.14277 13.5056C8.16629 13.6102 8.21542 13.7071 8.28559 13.7872C8.35576 13.8673 8.44469 13.928 8.5441 13.9638C8.64351 13.9995 8.75018 14.009 8.85418 13.9914C9.5245 13.8761 10.8808 13.4799 12.6062 12.1287C12.6554 12.0904 12.7146 12.0676 12.7765 12.0631C13.2913 12.0288 13.8032 11.9583 14.3085 11.8523C14.3324 11.8472 14.3547 11.8365 14.3738 11.821C14.3928 11.8056 14.4081 11.7858 14.4183 11.7632C14.4285 11.7407 14.4334 11.716 14.4326 11.6912C14.4318 11.6664 14.4253 11.6422 14.4136 11.6204L14.2374 11.2906C13.4951 9.98698 13.1045 8.50657 13.1054 6.9996Z' fill='%23aaa'/%3E%3C/svg%3E%0A");
}

#supportConditions .topArea .tabArea li.on a {
  background: #111111;
  border-color: #111111;
}

#supportConditions .topArea .tabArea li.on a span {
  color: #fff;
  font-weight: 600;
}

#supportConditions .topArea .tabArea li.on a span.ico_wheat:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 21 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.37739 0C3.48389 1.21 2.23299 4.03655 4.37739 5.66278C6.46226 4.06559 5.27092 1.3068 4.37739 0Z' fill='%23fff'/%3E%3Cpath d='M1.03817 4.05218C0.851651 5.53223 1.14923 8.59745 3.8317 9.01792C4.8718 6.63965 2.46628 4.77911 1.03817 4.05218Z' fill='%23fff'/%3E%3Cpath d='M7.79777 4.05218C7.98429 5.53223 7.68671 8.59745 5.00424 9.01792C3.96414 6.63965 6.36966 4.77911 7.79777 4.05218Z' fill='%23fff'/%3E%3Cpath d='M1.03817 8.55023C0.851651 10.0303 1.14923 13.0955 3.8317 13.516C4.8718 11.1377 2.46628 9.27716 1.03817 8.55023Z' fill='%23fff'/%3E%3Cpath d='M7.79777 8.55023C7.98429 10.0303 7.68671 13.0955 5.00424 13.516C3.96414 11.1377 6.36966 9.27716 7.79777 8.55023Z' fill='%23fff'/%3E%3Cpath d='M1.03812 13.0462C0.85154 14.5264 1.14895 17.5919 3.83119 18.0122C4.87133 15.6337 2.46609 13.7731 1.03812 13.0462Z' fill='%23fff'/%3E%3Cpath d='M7.79782 13.0462C7.9844 14.5264 7.68699 17.5919 5.00475 18.0122C3.9646 15.6337 6.36985 13.7731 7.79782 13.0462Z' fill='%23fff'/%3E%3Cpath d='M1.03817 17.5698C0.851651 19.0498 1.14923 22.115 3.8317 22.5355C4.8718 20.1572 2.46628 18.2967 1.03817 17.5698Z' fill='%23fff'/%3E%3Cpath d='M7.79777 17.5698C7.98429 19.0498 7.68671 22.115 5.00424 22.5355C3.96414 20.1572 6.36966 18.2967 7.79777 17.5698Z' fill='%23fff'/%3E%3Cpath d='M16.2637 3.83232C15.2856 4.68248 13.7017 6.82179 15.1905 8.57775C17.2403 7.62155 16.7648 5.09125 16.2637 3.83232Z' fill='%23fff'/%3E%3Cpath d='M12.6959 6.61958C12.2591 7.82567 11.9276 10.4489 14.0958 11.293C15.4182 9.49075 13.7549 7.49058 12.6959 6.61958Z' fill='%23fff'/%3E%3Cpath d='M18.3622 7.85992C18.2381 9.13451 17.4079 11.6488 15.0805 11.5093C14.6596 9.32541 17.0278 8.20726 18.3622 7.85992Z' fill='%23fff'/%3E%3Cpath d='M11.8424 10.3833C11.4056 11.5893 11.0741 14.2126 13.2423 15.0567C14.5646 13.2544 12.9014 11.2543 11.8424 10.3833Z' fill='%23fff'/%3E%3Cpath d='M17.5087 11.6237C17.3845 12.8981 16.5542 15.4122 14.2266 15.2728C13.8057 13.0891 16.1741 11.971 17.5087 11.6237Z' fill='%23fff'/%3E%3Cpath d='M10.9908 14.1586C10.554 15.3647 10.2225 17.9879 12.3907 18.8321C13.7131 17.0298 12.0498 15.0296 10.9908 14.1586Z' fill='%23fff'/%3E%3Cpath d='M16.6571 15.399C16.5329 16.6735 15.7027 19.1876 13.3751 19.0481C12.9542 16.8645 15.3226 15.7464 16.6571 15.399Z' fill='%23fff'/%3E%3Cpath d='M10.1334 17.9418C9.69653 19.1479 9.36482 21.7713 11.5329 22.6153C12.8553 20.8129 11.1923 18.8127 10.1334 17.9418Z' fill='%23fff'/%3E%3Cpath d='M15.7997 19.1822C15.6755 20.4567 14.8452 22.9708 12.5176 22.8313C12.0967 20.6477 14.4652 19.5296 15.7997 19.1822Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}

#supportConditions .topArea .tabArea li.on a span.ico_meat:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5044 0.960938C6.85306 0.960938 1.03125 1.9721 1.03125 6.40566C1.15139 7.52527 1.70263 8.55174 2.56536 9.26235C3.42809 9.97296 4.53271 10.3104 5.63954 10.2014C6.31207 10.2008 6.97869 10.0742 7.60575 9.82806C7.79955 9.7424 8.00873 9.69819 8.22019 9.69819C8.43165 9.69819 8.64083 9.7424 8.83463 9.82806C10.2651 10.629 11.8699 11.0567 13.5044 11.0726C17.6518 11.0726 21.0005 8.80134 21.0005 6.01675C21.0005 3.23217 17.6518 0.960938 13.5044 0.960938Z' stroke='%23fff' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.002 6.01758V9.90667C21.002 12.6913 17.6533 14.9625 13.5058 14.9625C11.8702 14.9852 10.2547 14.5949 8.80533 13.8269C8.61153 13.7412 8.40235 13.697 8.19089 13.697C7.97944 13.697 7.77026 13.7412 7.57645 13.8269C6.9484 14.0677 6.28181 14.189 5.61025 14.1847C4.50341 14.2936 3.39879 13.9562 2.53606 13.2456C1.67333 12.535 1.12209 11.5085 1.00195 10.3889V6.40649' stroke='%23fff' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.40867 6.40524C6.83286 6.40524 7.17672 6.057 7.17672 5.62743C7.17672 5.19785 6.83286 4.84961 6.40867 4.84961C5.98449 4.84961 5.64062 5.19785 5.64062 5.62743C5.64062 6.057 5.98449 6.40524 6.40867 6.40524Z' stroke='%23fff' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.50195 10.4609C2.10195 10.4609 1.16862 7.1276 1.00195 5.46094V10.4609C1.66862 11.6276 3.30195 14.0609 4.50195 14.4609C5.70195 14.8609 7.66862 13.9609 8.50195 13.4609C9.16862 14.1276 11.302 15.3609 14.502 14.9609C17.702 14.5609 20.1686 11.7943 21.002 10.4609V6.96094C20.3353 8.1276 18.102 10.5609 14.502 10.9609C10.902 11.3609 8.66862 10.1276 8.00195 9.46094C7.83529 9.79427 6.90195 10.4609 4.50195 10.4609Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}

#supportConditions .topArea .tabArea li.on a span.ico_fish:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 21 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.002 6.99746C20.002 6.33956 19.4446 5.13753 18.2204 4.05403C17.5216 3.44201 16.7252 2.95611 15.8657 2.61731C15.8371 2.60643 15.8055 2.60675 15.7772 2.61821C15.7488 2.62968 15.7256 2.65148 15.7121 2.67937C15.7063 2.6909 15.7004 2.70204 15.6938 2.71357L15.3192 3.34601C14.6874 4.45681 14.355 5.71779 14.3555 7.00141C14.3559 8.28503 14.6893 9.54575 15.3219 10.6561L15.3309 10.6716L15.6723 11.308C15.6904 11.3418 15.72 11.3678 15.7554 11.3811C15.7909 11.3944 15.83 11.3941 15.8653 11.3804C18.7376 10.236 20.002 8.01135 20.002 6.99746ZM16.3332 6.99189C16.2038 7.00912 16.0723 6.98466 15.9572 6.92192C15.8421 6.85918 15.7492 6.76133 15.6915 6.64208C15.6338 6.52284 15.6143 6.38819 15.6356 6.25704C15.6569 6.12589 15.7179 6.00482 15.8102 5.91083C15.9026 5.81683 16.0215 5.75463 16.1503 5.73295C16.279 5.71127 16.4113 5.7312 16.5284 5.78994C16.6455 5.84868 16.7416 5.94329 16.8032 6.06048C16.8648 6.17767 16.8889 6.31157 16.8719 6.44337C16.8541 6.58247 16.7916 6.71166 16.6941 6.81086C16.5967 6.91005 16.4698 6.97369 16.3332 6.99189Z' fill='%23fff'/%3E%3Cpath d='M13.1054 6.9996C13.1048 5.49065 13.4968 4.00846 14.2413 2.70379L14.246 2.69543L14.4265 2.39035C14.4395 2.36862 14.4473 2.34401 14.449 2.3186C14.4508 2.29319 14.4465 2.26772 14.4366 2.24434C14.4267 2.22095 14.4114 2.20033 14.392 2.18421C14.3727 2.16809 14.3498 2.15694 14.3253 2.1517C13.8196 2.04399 13.3072 1.97236 12.7917 1.9373C12.7309 1.9333 12.6726 1.91117 12.6241 1.87366C11.871 1.29054 10.378 0.270685 8.85613 0.00856102C8.75214 -0.00898609 8.64547 0.000537083 8.54606 0.0362442C8.44664 0.0719513 8.35771 0.132682 8.28754 0.212787C8.21737 0.292892 8.16824 0.389768 8.14472 0.494403C8.1212 0.599037 8.12405 0.70803 8.153 0.811242L8.56785 2.28972C8.57864 2.32803 8.57491 2.36907 8.55741 2.40472C8.5399 2.44037 8.50989 2.46803 8.47332 2.48223C7.03385 3.02677 5.794 4.02356 4.8897 4.78328C4.83435 4.82941 4.76515 4.85481 4.69363 4.85524C4.62211 4.85568 4.55261 4.83112 4.49673 4.78567C4.37381 4.68623 4.24764 4.58824 4.11821 4.49172C2.56976 3.3402 0.750606 3.18866 0.674043 3.18309C0.576834 3.17561 0.479255 3.19139 0.389105 3.22917C0.298954 3.26694 0.218732 3.32567 0.154849 3.40065C0.0909668 3.47563 0.0451954 3.56479 0.0211932 3.661C-0.00280893 3.75721 -0.00437625 3.85781 0.0166165 3.95474C0.0330229 4.03151 0.375604 5.57323 1.25491 6.80311C1.29449 6.85823 1.31582 6.92475 1.31582 6.99304C1.31582 7.06133 1.29449 7.12784 1.25491 7.18297C0.375604 8.41245 0.0330229 9.95457 0.0166165 10.0313C-0.00437625 10.1283 -0.00280893 10.2289 0.0211932 10.3251C0.0451954 10.4213 0.0909668 10.5104 0.154849 10.5854C0.218732 10.6604 0.298954 10.7191 0.389105 10.7569C0.479255 10.7947 0.576834 10.8105 0.674043 10.803C0.752169 10.7974 2.56976 10.6439 4.11626 9.49515C4.24256 9.40075 4.36587 9.30502 4.48618 9.20797C4.54211 9.16257 4.61163 9.13809 4.68315 9.13859C4.75467 9.1391 4.82385 9.16457 4.87915 9.21075C5.78736 9.97406 7.02956 10.972 8.47293 11.5178C8.50942 11.532 8.53936 11.5596 8.55686 11.5951C8.57435 11.6307 8.57814 11.6716 8.56746 11.7099L8.15105 13.1888C8.12209 13.292 8.11924 13.401 8.14277 13.5056C8.16629 13.6102 8.21542 13.7071 8.28559 13.7872C8.35576 13.8673 8.44469 13.928 8.5441 13.9638C8.64351 13.9995 8.75018 14.009 8.85418 13.9914C9.5245 13.8761 10.8808 13.4799 12.6062 12.1287C12.6554 12.0904 12.7146 12.0676 12.7765 12.0631C13.2913 12.0288 13.8032 11.9583 14.3085 11.8523C14.3324 11.8472 14.3547 11.8365 14.3738 11.821C14.3928 11.8056 14.4081 11.7858 14.4183 11.7632C14.4285 11.7407 14.4334 11.716 14.4326 11.6912C14.4318 11.6664 14.4253 11.6422 14.4136 11.6204L14.2374 11.2906C13.4951 9.98698 13.1045 8.50657 13.1054 6.9996Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}

#supportConditions .topArea .dateArea {
  display: flex;
  gap: 24px;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 510px;
}

#supportConditions .topArea .dateArea .dateInfo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}

#supportConditions .topArea .dateArea .dateInfo strong {
  font-size: 24px;
  line-height: 135%;
  letter-spacing: -0.552px;
  text-align: center;
  font-weight: 500;
}

#supportConditions .topArea .dateArea .dateInfo span {
  line-height: 140%;
  letter-spacing: 0.16px;
  text-align: center;
}

#supportConditions .topArea .dateArea a {
  display: block;
  position: relative;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid #ddd;
  flex: none;
}

#supportConditions .topArea .dateArea a:after {
  content: "";
  position: absolute;
  width: 7px;
  height: 12px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-size: 7px auto;
  background-position: 50%;
  background-repeat: no-repeat;
}

#supportConditions .topArea .dateArea a.btnPrev::after {
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M5.75 10.5L1 5.74998L5.75 1.00001" stroke="%23111" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}

#supportConditions .topArea .dateArea a.btnNext::after {
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.25 1.5L6 6.25002L1.25 11" stroke="%23111" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}

#supportConditions .topArea .dateArea a.btnPause::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L1 11' stroke='%23111' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M5 1L5 11' stroke='%23111' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

#supportConditions .topArea .dateArea a.btnPlay::after {
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 6.13397C13.1667 6.51888 13.1667 7.48113 12.5 7.86603L5 12.1962C4.33333 12.5811 3.5 12.0999 3.5 11.3301L3.5 2.66987C3.5 1.90007 4.33333 1.41895 5 1.80385L12.5 6.13397Z' fill='%23111'/%3E%3C/svg%3E%0A");
  background-size: 14px auto;
}

#supportConditions .topArea .rightMenu {
  display: flex;
  align-items: center;
  gap: 14px;
}

#supportConditions .topArea .btnTypeD {
  width: 171px;
  height: 50px;
  border-color: #DDDDDD;
  font-weight: 400;
}

#supportConditions .topArea .btnTypeD span {
  display: block;
  position: relative;
  padding-right: 18px;
}

#supportConditions .topArea .btnTypeD span:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 14px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  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 50%/8px auto;
}

#supportConditions .conditionsCont > .btnArea {
  display: flex;
  justify-content: flex-end;
  padding-top: 30px;
}

#supportConditions .conditionsCont > .btnArea a {
  width: 84px;
  height: 48px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.16px;
}

#supportConditions .conditionsList {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

#supportConditions .conditionsList > li {
  display: flex;
  align-items: center;
  border: 2px solid #DDDDDD;
  border-radius: 12px;
  min-height: 90px;
}

#supportConditions .conditionsList > li > strong {
  display: block;
  position: relative;
  width: 190px;
  padding-top: 50px;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 135%;
  letter-spacing: -0.552px;
}

#supportConditions .conditionsList > li > strong:after {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  background-size: 50px auto;
  background-position: 50%;
  background-repeat: no-repeat;
}

#supportConditions .conditionsList > li > strong.ico_carrot:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33.3262 2.04882C32.4908 3.05857 30.8752 5.381 30.8752 8.10733C30.8752 11.7792 32.2797 13.1836 34.5471 15.451C36.8144 17.7183 38.2189 19.1228 41.8907 19.1228C44.617 19.1228 46.9395 17.5072 47.9492 16.6719C48.3164 16.3689 48.5 15.9191 48.5 15.451C48.5 14.9828 48.3164 14.533 47.9492 14.2393C46.9028 13.4039 44.4335 11.7792 41.1564 11.7792C38.2189 11.7792 37.4845 12.5135 37.4845 12.5135C37.4845 12.5135 38.2189 11.7792 38.2189 8.8417C38.2189 5.56459 36.5941 3.09529 35.7588 2.04882C35.465 1.68164 35.0152 1.49805 34.5471 1.49805C34.0789 1.49805 33.6291 1.68164 33.3262 2.04882ZM23.9539 13.9823C20.282 13.9823 16.8764 15.6438 14.6182 18.4068L20.1719 23.9604C20.741 24.5296 20.741 25.4659 20.1719 26.035C19.6027 26.6041 18.6664 26.6041 18.0973 26.035L13.021 20.9587V20.9679L1.7026 45.3672C1.31706 46.2025 1.49147 47.1939 2.14322 47.8548C2.79497 48.5158 3.78636 48.681 4.63088 48.2955L16.9957 42.5674L12.2132 37.7849C11.6441 37.2157 11.6441 36.2794 12.2132 35.7103C12.7823 35.1411 13.7186 35.1411 14.2878 35.7103L19.8322 41.2456L29.0302 36.9862C33.2895 35.0126 36.025 30.7441 36.025 26.0442C36.0158 19.3798 30.6182 13.9823 23.9539 13.9823Z' fill='%2346B773'/%3E%3C/svg%3E%0A");
}

#supportConditions .conditionsList > li > strong.ico_fruit:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8516 33.784C11.8479 33.3074 7.55896 31.4013 4.93796 28.3037C3.03178 28.3037 1.12559 27.1124 0.410777 25.2062C-0.304041 23.3 0.410777 21.3938 2.07869 20.2025C2.31696 13.0543 8.75032 5.66783 18.5195 2.33201C28.2887 -1.00381 38.2961 0.902376 43.0616 6.38265C44.9678 6.38265 46.8739 7.57401 47.5888 9.48019C48.3036 11.3864 47.5888 13.2926 45.9208 14.4839C45.9208 16.3901 45.4443 18.2963 44.4912 20.2025C41.6319 18.5345 38.2961 17.3432 34.722 17.3432C25.4294 17.3432 17.5664 24.4914 16.8516 33.784ZM46.827 34.2136C46.827 41.3618 40.8702 47.3186 33.722 47.3186C26.5739 47.3186 20.617 41.3618 20.617 34.2136C20.617 27.0655 26.5739 21.1086 33.722 21.1086C40.8702 21.1086 46.827 27.0655 46.827 34.2136ZM26.0973 37.7877L31.5776 34.2136L26.0973 30.6395C25.6208 31.8309 25.3825 33.0223 25.3825 34.2136C25.3825 35.405 25.6208 36.5964 26.0973 37.7877ZM32.5307 36.3581L27.5269 39.6939C28.7183 41.1235 30.6245 42.0766 32.5307 42.5532V36.3581ZM32.5307 26.1124C30.6245 26.3506 28.7183 27.3037 27.5269 28.9716L32.5307 32.3074V26.1124ZM34.9134 32.0692L39.9171 28.7334C38.7258 27.3037 36.8196 26.3506 34.9134 25.8741V32.0692ZM39.9171 39.6939L34.9134 36.3581V42.3149C36.8196 42.0766 38.7258 41.1235 39.9171 39.6939ZM42.0616 34.2136C42.0616 33.0223 41.8233 31.8309 41.3468 30.6395L35.8665 34.2136L41.3468 37.7877C41.8233 36.5964 42.0616 35.405 42.0616 34.2136Z' fill='%2346B773'/%3E%3C/svg%3E%0A");
}

#supportConditions .conditionsList > li > strong.ico_kimchi:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 17.4993C12.8 9.49925 7 7.83259 4.5 7.99925C5.5 6.83284 7.6 4.4 8 4C8.5 3.5 8.5 3.5 10 3.5C22.5 3.5 28 19.5 28.5 20.5C27 21.5 26.5 23.5 26.5 24C25.3 24 24.3333 24.6667 24 25C23 23.5 22 23.5 21.5 23.5C19.5 19 17 18 16 17.4993Z' fill='%2346B773'/%3E%3Cpath d='M24 7C22 4 18.1667 2.33333 16.5 2C17.1667 1.33333 19.6 0 24 0C28.4 0 30.8333 1.33333 31.5 2C29.6667 2.66667 25.6 4.6 24 7Z' fill='%2346B773'/%3E%3Cpath d='M30.5 18.5005C30.1 16.9005 27.3333 11.5005 26 9.00047C32.5 2.00047 39 3.00047 39.5 3.50047C40.5 4.50047 43 7.50047 43 8.00047C35.4 8.80047 32.8333 14.6671 32.5 17.5005C32 17.6671 30.9 18.1005 30.5 18.5005Z' fill='%2346B773'/%3E%3Cpath d='M0 21V12C0 11.6667 0.4 11 2 11C11.5 11 13 19 13 20C18 20 19 25 19 26C24 26 25 31.5 25 32C27 32 30 35 30 38C30 41 28 44 24 44C5.2 44 0.166667 28.6667 0 21Z' fill='%2346B773'/%3E%3Cpath d='M48 21V12C48 11.5 47.5 11 46 11C36.5 11 35 19.5 35 20C30 20 29 25.5 29 26C27.5 26 26.5 26.5 26 27C27.5 28.5 27.5 29.5 27.5 30C34 32 32.5 40.5 31.5 42.5C44.7 38.5 48 26.5 48 21Z' fill='%2346B773'/%3E%3C/svg%3E%0A");
}

#supportConditions .conditionsList > li > strong.ico_wheat:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6655 9.54688C9.30551 11.4358 7.40149 15.8483 10.6655 18.387C13.8389 15.8936 12.0256 11.5869 10.6655 9.54688Z' fill='%2346B773'/%3E%3Cpath d='M5.58014 15.8559C5.29615 18.1661 5.74883 22.9505 9.83154 23.6066C11.4148 19.8944 7.75369 16.9905 5.58014 15.8559Z' fill='%2346B773'/%3E%3Cpath d='M15.871 15.8559C16.155 18.1661 15.7023 22.9505 11.6196 23.6066C10.0364 19.8944 13.6975 16.9905 15.871 15.8559Z' fill='%2346B773'/%3E%3Cpath d='M5.58014 22.893C5.29615 25.2032 5.74883 29.9876 9.83154 30.6437C11.4148 26.9315 7.75369 24.0276 5.58014 22.893Z' fill='%2346B773'/%3E%3Cpath d='M15.871 22.893C16.155 25.2032 15.7023 29.9876 11.6196 30.6437C10.0364 26.9315 13.6975 24.0276 15.871 22.893Z' fill='%2346B773'/%3E%3Cpath d='M5.58014 29.9282C5.29615 32.2384 5.74883 37.0228 9.83154 37.6789C11.4148 33.9666 7.75369 31.0627 5.58014 29.9282Z' fill='%2346B773'/%3E%3Cpath d='M15.871 29.9282C16.155 32.2384 15.7023 37.0228 11.6196 37.6789C10.0364 33.9666 13.6975 31.0627 15.871 29.9282Z' fill='%2346B773'/%3E%3Cpath d='M5.58014 36.9712C5.29615 39.2813 5.74883 44.0657 9.83154 44.7218C11.4148 41.0096 7.75369 38.1057 5.58014 36.9712Z' fill='%2346B773'/%3E%3Cpath d='M15.871 36.9712C16.155 39.2813 15.7023 44.0657 11.6196 44.7218C10.0364 41.0096 13.6975 38.1057 15.871 36.9712Z' fill='%2346B773'/%3E%3Cpath d='M39.2144 9.54688C37.8543 11.4358 35.9503 15.8483 39.2144 18.387C42.3878 15.8936 40.5744 11.5869 39.2144 9.54688Z' fill='%2346B773'/%3E%3Cpath d='M34.129 15.8559C33.845 18.1661 34.2977 22.9505 38.3804 23.6066C39.9636 19.8944 36.3025 16.9905 34.129 15.8559Z' fill='%2346B773'/%3E%3Cpath d='M44.4199 15.8559C44.7039 18.1661 44.2512 22.9505 40.1685 23.6066C38.5852 19.8944 42.2463 16.9905 44.4199 15.8559Z' fill='%2346B773'/%3E%3Cpath d='M34.129 22.893C33.845 25.2032 34.2977 29.9876 38.3804 30.6437C39.9636 26.9315 36.3025 24.0276 34.129 22.893Z' fill='%2346B773'/%3E%3Cpath d='M44.4199 22.893C44.7039 25.2032 44.2512 29.9876 40.1685 30.6437C38.5852 26.9315 42.2463 24.0276 44.4199 22.893Z' fill='%2346B773'/%3E%3Cpath d='M34.129 29.9282C33.845 32.2384 34.2977 37.0228 38.3804 37.6789C39.9636 33.9666 36.3025 31.0627 34.129 29.9282Z' fill='%2346B773'/%3E%3Cpath d='M44.4199 29.9282C44.7039 32.2384 44.2512 37.0228 40.1685 37.6789C38.5852 33.9666 42.2463 31.0627 44.4199 29.9282Z' fill='%2346B773'/%3E%3Cpath d='M34.129 36.9712C33.845 39.2813 34.2977 44.0657 38.3804 44.7218C39.9636 41.0096 36.3025 38.1057 34.129 36.9712Z' fill='%2346B773'/%3E%3Cpath d='M44.4199 36.9712C44.7039 39.2813 44.2512 44.0657 40.1685 44.7218C38.5852 41.0096 42.2463 38.1057 44.4199 36.9712Z' fill='%2346B773'/%3E%3Cpath d='M24.6395 1.04492C22.8172 3.57591 20.2659 9.48829 24.6395 12.8899C28.8916 9.54904 26.4618 3.77839 24.6395 1.04492Z' fill='%2346B773'/%3E%3Cpath d='M18.2677 10.073C17.8871 13.1685 18.4937 19.5792 23.9642 20.4583C26.0856 15.4842 21.18 11.5932 18.2677 10.073Z' fill='%2346B773'/%3E%3Cpath d='M31.2109 10.073C31.5914 13.1685 30.9848 19.5792 25.5143 20.4583C23.393 15.4842 28.2985 11.5932 31.2109 10.073Z' fill='%2346B773'/%3E%3Cpath d='M18.2677 19.1863C17.8871 22.2818 18.4937 28.6925 23.9642 29.5716C26.0856 24.5975 21.18 20.7065 18.2677 19.1863Z' fill='%2346B773'/%3E%3Cpath d='M31.2109 19.1863C31.5914 22.2818 30.9848 28.6925 25.5143 29.5716C23.393 24.5975 28.2985 20.7065 31.2109 19.1863Z' fill='%2346B773'/%3E%3Cpath d='M18.2677 28.284C17.8871 31.3794 18.4937 37.7901 23.9642 38.6692C26.0856 33.6951 21.18 29.8041 18.2677 28.284Z' fill='%2346B773'/%3E%3Cpath d='M31.2109 28.284C31.5914 31.3794 30.9848 37.7901 25.5143 38.6692C23.393 33.6951 28.2985 29.8041 31.2109 28.284Z' fill='%2346B773'/%3E%3Cpath d='M18.2677 37.409C17.8871 40.5044 18.4937 46.9151 23.9642 47.7942C26.0856 42.8201 21.18 38.9291 18.2677 37.409Z' fill='%2346B773'/%3E%3Cpath d='M31.2109 37.409C31.5914 40.5044 30.9848 46.9151 25.5143 47.7942C23.393 42.8201 28.2985 38.9291 31.2109 37.409Z' fill='%2346B773'/%3E%3C/svg%3E%0A");
}

#supportConditions .conditionsList > li > strong.ico_beef:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.5485 31.2683H21.4612C21.4612 31.7467 21.3942 32.213 21.2688 32.6598C21.4019 32.7141 21.523 32.794 21.6252 32.8951C21.7273 32.9962 21.8086 33.1165 21.8642 33.249C21.9198 33.3816 21.9488 33.5238 21.9494 33.6675C21.95 33.8112 21.9223 33.9537 21.8678 34.0867L21.8203 34.2011C21.6981 34.4999 21.4622 34.738 21.1644 34.8628C20.8667 34.9877 20.5316 34.9892 20.2328 34.8671L20.0964 34.8111C19.6752 35.3005 19.1699 35.7363 18.5965 36.1016C18.9142 36.6945 18.6963 37.4408 18.1046 37.7597C17.8202 37.9125 17.4867 37.9459 17.1776 37.8528C16.8684 37.7596 16.6089 37.5475 16.4562 37.263L16.3539 37.0755C15.5505 37.2853 14.721 37.3784 13.891 37.3519L13.8594 37.5163C13.798 37.8333 13.6132 38.1131 13.3456 38.2939C13.078 38.4747 12.7496 38.5418 12.4325 38.4805C12.1154 38.4191 11.8357 38.2343 11.6549 37.9667C11.474 37.6992 11.4069 37.3707 11.4683 37.0536L11.4914 36.938C10.4311 36.6002 9.45979 36.0294 8.64864 35.2676L8.27122 39.8075C8.57213 39.8584 8.84296 40.0204 9.03005 40.2615C9.21715 40.5026 9.30687 40.8052 9.28145 41.1093C9.25603 41.4134 9.11732 41.6969 8.8928 41.9036C8.66827 42.1103 8.37431 42.2252 8.06913 42.2254H4.41675V20.3111C4.41097 18.6584 4.95489 17.0506 5.96292 15.7408C5.20201 15.9453 4.66998 16.2436 4.29501 16.6052C3.61688 17.2565 3.19929 18.3535 3.19929 20.3111L2.72813 26.9098C3.01424 27.3541 3.19929 28.0505 3.19929 28.8333C3.19929 30.1786 2.65387 31.2683 1.98183 31.2683C1.3098 31.2683 0.764374 30.1786 0.764374 28.8333C0.764374 28.0505 0.949429 27.3541 1.23553 26.9098L0.764374 20.3111C0.764374 18.0783 1.23066 16.1718 2.6076 14.8484C3.96751 13.5421 5.96292 13.0502 8.41854 13.0088C8.51106 13.0064 11.0446 13.0064 11.1128 13.0064V13.0149C11.2255 13.0093 11.3384 13.0065 11.4512 13.0064H29.3747C31.7292 13.0064 33.5079 12.6558 34.9993 12.1931L35.1856 11.9423C34.3699 11.7354 33.5481 11.4042 32.9576 10.9684C31.4115 9.83125 30.5142 7.54365 32.4926 7.79445C33.0684 7.86749 33.4836 7.8821 33.8232 7.89428C34.6487 7.92228 35.0164 7.93567 36.1121 8.74285C36.5303 9.04845 36.9181 9.39379 37.2699 9.77403C38.9731 8.50788 41.24 7.94176 45.2016 8.13655C45.3631 8.13655 45.5179 8.20068 45.6321 8.31484C45.7462 8.429 45.8103 8.58384 45.8103 8.74528C45.8103 8.90673 45.7462 9.06156 45.6321 9.17572C45.5179 9.28988 45.3631 9.35401 45.2016 9.35401H43.0869C42.7387 9.57802 42.4416 9.78743 42.1774 9.98709L46.5408 15.4413H46.7989C47.1786 15.4412 47.553 15.5299 47.8923 15.7003C48.2316 15.8707 48.5263 16.1181 48.7529 16.4227C48.9796 16.7273 49.1318 17.0806 49.1976 17.4546C49.2633 17.8285 49.2407 18.2126 49.1316 18.5763L48.7663 19.7937C48.6158 20.2953 48.3075 20.7349 47.8873 21.0475C47.4671 21.36 46.9574 21.5287 46.4337 21.5286H42.3406C41.8261 21.5288 41.3248 21.6921 40.9089 21.9949L38.2426 23.9331C38.1623 23.9915 38.0795 24.0451 37.9955 24.0913C36.0877 29.0099 34.0753 32.84 31.823 34.7672L31.4029 39.8075C31.7038 39.8584 31.9747 40.0204 32.1618 40.2615C32.3489 40.5026 32.4386 40.8052 32.4132 41.1093C32.3877 41.4134 32.249 41.6969 32.0245 41.9036C31.8 42.1103 31.506 42.2252 31.2008 42.2254H27.5485V31.2683ZM15.6052 31.2683H19.0263C19.0263 32.8875 17.2804 34.9206 14.1564 34.9206C12.9986 34.9206 12.0295 34.6406 11.2686 34.2072C13.0096 33.5132 14.3585 32.4808 15.604 31.2683H15.6052Z' fill='%23FFB100'/%3E%3C/svg%3E%0A");
}

#supportConditions .conditionsList > li > strong.ico_pork:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5094 34.4432L20.796 40.1629H18.01L15.9438 34.2797L20.5094 34.4432ZM36.4952 34.4782L36.4591 34.9433L38.3862 40.1629H40.9811L40.3802 34.1629C39.0928 34.3408 37.7965 34.446 36.4973 34.4782H36.4952ZM39.9767 17.0569C40.4409 17.0509 40.9039 17.0112 41.3623 16.938C46.7985 16.1289 45.2367 11.6759 45.2367 11.6759C45.2367 11.6759 40.9514 12.6315 39.6274 14.1625C39.6295 14.1625 36.6417 17.0569 39.9788 17.0569H39.9767ZM48.6672 14.3674C48.6672 14.3674 47.9441 14.3674 46.9769 14.4545C46.7495 15.3833 46.2601 16.2273 45.5669 16.8859C45.864 17.366 46.1279 17.8658 46.3568 18.382C49.0378 17.3807 48.6704 14.3674 48.6704 14.3674H48.6672ZM49.9201 25.0041V29.4094C49.9201 29.4094 44.2768 32.7964 35.6394 32.7964C35.4069 32.7964 35.168 32.7805 34.9312 32.7752L34.3494 40.1629H32.3321L29.7361 33.064L12.4729 32.4407L11.4749 40.1629H9.07211C9.07211 40.1629 3.95974 29.3775 6.61095 20.8325C6.02168 20.4248 5.40267 19.965 4.83463 19.4841C4.28995 19.7654 3.74527 19.9204 3.24199 19.8928C1.56866 19.8026 0.229786 18.5412 0.0800781 18.3968L1.265 17.18C1.54106 17.4455 2.45523 18.1494 3.33331 18.1961C3.39372 18.1987 3.45423 18.1948 3.5138 18.1845C3.33203 17.9698 3.16898 17.74 3.02646 17.4975C2.42656 16.4538 2.28323 15.34 2.61874 14.4407C2.76399 14.0672 2.9916 13.7313 3.28462 13.458C3.57764 13.1846 3.92853 12.9809 4.31119 12.8619C5.50991 12.4573 7.16201 12.5062 8.0008 13.3821C8.31295 13.7081 8.76951 14.4269 8.31932 15.58C7.93815 16.5663 7.16732 17.6334 6.26376 18.4595C6.56848 18.7037 6.89444 18.9489 7.2289 19.1889C8.23332 16.9751 9.86631 14.9865 12.3806 13.4809C16.3534 11.0855 20.9072 9.82546 25.5464 9.83798C30.0087 9.85037 34.4011 10.9479 38.3448 13.036C38.0457 13.3424 37.77 13.6707 37.5198 14.0181C36.7129 15.151 36.4931 16.1937 36.8668 17.1174C37.1694 17.8606 37.953 18.7546 39.9714 18.7546C40.5194 18.7489 41.0663 18.7028 41.6076 18.6166C42.4916 18.497 43.3514 18.2398 44.1558 17.8543C45.8281 20.5851 45.9841 24.0836 47.1287 24.331C48.4867 24.6198 49.9201 25.0041 49.9201 25.0041ZM6.73943 14.9684C6.78508 14.8495 6.85091 14.6382 6.7734 14.5575C6.63325 14.411 6.2627 14.3175 5.82632 14.3175C5.49616 14.3157 5.16783 14.3666 4.85374 14.4683C4.52141 14.5798 4.31012 14.7667 4.20713 15.0395C4.05212 15.4589 4.15829 16.0609 4.49912 16.6523C4.64408 16.8913 4.81461 17.1138 5.0077 17.3159C5.71483 16.698 6.40816 15.8252 6.73943 14.9684ZM41.8985 23.627C41.8985 23.437 41.8421 23.2512 41.7366 23.0932C41.631 22.9352 41.4809 22.812 41.3053 22.7393C41.1297 22.6666 40.9365 22.6475 40.7501 22.6846C40.5638 22.7217 40.3925 22.8132 40.2582 22.9476C40.1238 23.082 40.0323 23.2532 39.9952 23.4396C39.9581 23.626 39.9771 23.8192 40.0499 23.9948C40.1226 24.1703 40.2457 24.3204 40.4038 24.426C40.5618 24.5316 40.7476 24.5879 40.9376 24.5879C41.1925 24.5879 41.4369 24.4867 41.6171 24.3065C41.7973 24.1263 41.8985 23.8819 41.8985 23.627Z' fill='%23FFB100'/%3E%3C/svg%3E%0A");
}

#supportConditions .conditionsList > li > strong.ico_chicken:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 50 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.1991 5.61515C31.1991 3.56055 33.6826 2.53211 35.1353 3.98485L45.0347 13.8842C46.4874 15.337 45.459 17.8205 43.4044 17.8205H39.4047C39.3749 18.7535 39.4826 19.6859 39.7241 20.5876L40.6015 23.8643C41.6184 27.6611 41.9101 31.8337 39.7368 35.1092C38.1033 37.5667 35.8936 39.5874 33.3002 40.9951C30.7068 42.4028 27.8084 43.1549 24.8577 43.1858V45.4917H30.6226V47.7977H19.6694V45.4917H22.5518V43.0693C18.806 42.6476 15.2856 41.0658 12.4829 38.5451C14.4066 39.3289 16.4645 39.7303 18.5418 39.7269C27.0818 39.7269 34.0815 33.0581 34.0815 24.7383C34.0815 24.4325 33.96 24.1392 33.7438 23.923C33.5276 23.7068 33.2343 23.5853 32.9285 23.5853C32.6227 23.5853 32.3295 23.7068 32.1132 23.923C31.897 24.1392 31.7755 24.4325 31.7755 24.7383C31.7755 31.7011 25.8931 37.4209 18.5418 37.4209C14.4775 37.4209 10.8515 35.6673 8.42792 32.9186C8.35459 32.8345 8.26909 32.7618 8.17427 32.703C7.59778 31.4463 7.16312 30.1111 6.89101 28.7195C6.46557 26.5381 5.8372 24.3567 4.49515 22.5857C3.93826 21.8513 4.56432 20.8147 5.47286 20.9646L20.594 23.4585C21.7728 23.653 22.9829 23.4764 24.0569 22.9532C25.131 22.43 26.016 21.5861 26.5895 20.538L30.4173 13.543L28.0883 11.4734C26.503 10.0645 27.4992 7.44375 29.6195 7.44375H31.1991V5.61515ZM31.553 11.4676L29.6195 9.74969H31.1991C31.8106 9.74969 32.3972 9.50675 32.8296 9.0743C33.262 8.64185 33.505 8.05533 33.505 7.44375V5.61515L36.5534 8.66359C35.6318 8.50116 34.6825 8.63183 33.839 9.03721C32.9956 9.4426 32.3005 10.1023 31.8516 10.9234L31.553 11.4676ZM40.183 12.2931L43.4044 15.5145H39.7622L40.1057 14.1909C40.2676 13.5712 40.294 12.9239 40.183 12.2931ZM36.3874 13.2086C36.0816 13.2086 35.7884 13.0871 35.5721 12.8709C35.3559 12.6547 35.2344 12.3614 35.2344 12.0556C35.2344 11.7498 35.3559 11.4566 35.5721 11.2404C35.7884 11.0241 36.0816 10.9027 36.3874 10.9027C36.6932 10.9027 36.9865 11.0241 37.2027 11.2404C37.4189 11.4566 37.5404 11.7498 37.5404 12.0556C37.5404 12.3614 37.4189 12.6547 37.2027 12.8709C36.9865 13.0871 36.6932 13.2086 36.3874 13.2086Z' fill='%23FFB100'/%3E%3C/svg%3E%0A");
}

#supportConditions .conditionsList > li > strong.ico_egg:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.6824 2.26974C18.619 2.26974 18.5571 2.27286 18.4939 2.27629C16.4735 2.38725 14.4617 4.35242 13.0278 7.47597C12.3708 8.90692 11.8503 10.5496 11.497 12.2759C13.3152 13.0696 14.8684 14.7395 16.1053 16.8125C16.173 16.6252 16.2434 16.4388 16.3165 16.2535C17.7141 12.712 19.9718 9.88467 23.0858 9.54263C23.2803 9.52121 23.4753 9.51144 23.6676 9.51008C24.475 9.50416 25.2607 9.67023 26.0171 9.97805C25.5743 8.85212 25.0611 7.79253 24.4931 6.84525C22.7807 3.98979 20.6507 2.27296 18.6824 2.26953V2.26974ZM32.6598 3.1568C32.5328 3.15622 32.4058 3.16282 32.2796 3.17656C30.3902 3.37727 28.593 5.2112 27.3269 8.07716C27.8468 9.21838 28.2917 10.4353 28.6528 11.6909C29.5596 12.5075 30.3986 13.5087 31.1518 14.6222C32.193 16.1616 33.091 17.9453 33.7907 19.8479C34.0536 19.3597 34.3283 18.8867 34.6164 18.4343C36.3718 15.6764 38.6295 13.5427 41.1873 13.056C40.5089 10.9846 39.5817 9.03868 38.5064 7.43697C36.7104 4.76163 34.5775 3.16908 32.6599 3.15691L32.6598 3.1568ZM23.6805 11.4569C23.5536 11.4563 23.4266 11.4628 23.3004 11.4764C21.2891 11.6975 19.3883 13.7684 18.1267 16.9654C17.7221 17.9908 17.3879 19.1157 17.1356 20.2965C20.2221 20.3509 22.7363 22.8928 24.4932 26.2241C24.9648 27.1187 25.3854 28.082 25.7507 29.0904C26.1587 28.3377 26.5973 27.6208 27.0636 26.9521C28.6014 24.747 30.4739 22.9865 32.5362 22.2788C31.8366 19.8552 30.7862 17.5538 29.5398 15.711C27.7344 13.0421 25.5978 11.4621 23.6803 11.4571L23.6805 11.4569ZM9.14433 13.7188C7.72232 13.7188 6.25518 14.6348 4.95204 16.2341L7.61999 17.7779L8.21484 18.119L8.09108 18.7918L7.65899 21.1707L8.8127 22.2724L7.47378 23.6794L5.93654 22.2173L5.55946 21.8533L5.65379 21.3396L6.05687 19.1167L3.84045 17.8362C3.68735 18.0912 3.54108 18.3503 3.40181 18.6131C1.79864 21.6531 0.779297 25.732 0.779297 29.5485C0.779297 33.3255 3.27161 36.3514 6.73938 37.3189C6.85928 33.3978 7.9041 29.389 9.5732 26.224C10.964 23.5868 12.8324 21.4434 15.0817 20.6375C15.1521 20.2534 15.2311 19.871 15.3188 19.4904C15.1824 19.1942 15.0383 18.9016 14.8866 18.613C13.2835 15.5729 11.1678 13.7188 9.14412 13.7188H9.14433ZM42.2143 14.8985C40.2174 14.959 38.0449 16.6638 36.2541 19.4773C35.7693 20.239 35.3178 21.0724 34.9084 21.9571C35.0057 21.964 35.1039 21.9742 35.2011 21.9862C38.3099 22.3728 40.5261 25.2304 41.8729 28.7913C43.0584 31.9257 43.6116 35.7273 43.3777 39.4053C46.9053 38.5651 49.6235 35.6082 49.9226 31.9469C50.2442 28.0113 49.5362 23.7207 48.1385 20.4492C46.7408 17.1777 44.7129 15.08 42.6106 14.9084C42.4787 14.8977 42.3463 14.8944 42.2141 14.8985H42.2143ZM17.0346 22.2396C15.0111 22.2396 12.8955 24.0907 11.2921 27.1306C9.68905 30.1708 8.6697 34.2532 8.6697 38.0695C8.6697 42.6744 12.3731 46.168 17.0345 46.168C19.6021 46.168 21.8872 45.0449 23.4171 43.292C22.8059 41.7841 22.5596 40.1012 22.7771 38.3523C23.0594 36.0811 23.6699 33.8017 24.5255 31.69C24.0817 30.0407 23.4868 28.4827 22.7738 27.1305C21.1706 24.0905 19.0581 22.2397 17.0346 22.2397V22.2396ZM34.5804 23.8906C34.4525 23.8891 34.3236 23.8946 34.1936 23.9068C32.3758 24.0801 30.3795 25.5967 28.659 28.0635C26.6931 30.8824 25.1784 34.8056 24.7075 38.5928C24.1393 43.1627 27.3805 47.0877 32.0065 47.6629C36.6127 48.2357 40.7609 45.0529 41.3075 40.6564C41.7782 36.8691 41.2721 32.695 40.0562 29.4802C39.9909 29.308 39.9227 29.1368 39.8517 28.9669L36.7221 31.4983L37.4596 32.288L36.0395 33.6139L34.5903 32.0639L33.8785 31.3002L34.691 30.6438L38.9644 27.1829C37.8415 25.2878 36.4387 24.1005 34.9606 23.9166C34.8345 23.9009 34.7076 23.8923 34.5805 23.8906H34.5804Z' fill='%23FFB100'/%3E%3C/svg%3E%0A");
}

#supportConditions .conditionsList > li > strong.ico_fish:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 21 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.002 6.99746C20.002 6.33956 19.4446 5.13753 18.2204 4.05403C17.5216 3.44201 16.7252 2.95611 15.8657 2.61731C15.8371 2.60643 15.8055 2.60675 15.7772 2.61821C15.7488 2.62968 15.7256 2.65148 15.7121 2.67937C15.7063 2.6909 15.7004 2.70204 15.6938 2.71357L15.3192 3.34601C14.6874 4.45681 14.355 5.71779 14.3555 7.00141C14.3559 8.28503 14.6893 9.54575 15.3219 10.6561L15.3309 10.6716L15.6723 11.308C15.6904 11.3418 15.72 11.3678 15.7554 11.3811C15.7909 11.3944 15.83 11.3941 15.8653 11.3804C18.7376 10.236 20.002 8.01135 20.002 6.99746ZM16.3332 6.99189C16.2038 7.00912 16.0723 6.98466 15.9572 6.92192C15.8421 6.85918 15.7492 6.76133 15.6915 6.64208C15.6338 6.52284 15.6143 6.38819 15.6356 6.25704C15.6569 6.12589 15.7179 6.00482 15.8102 5.91083C15.9026 5.81683 16.0215 5.75463 16.1503 5.73295C16.279 5.71127 16.4113 5.7312 16.5284 5.78994C16.6455 5.84868 16.7416 5.94329 16.8032 6.06048C16.8648 6.17767 16.8889 6.31157 16.8719 6.44337C16.8541 6.58247 16.7916 6.71166 16.6941 6.81086C16.5967 6.91005 16.4698 6.97369 16.3332 6.99189Z' fill='%236E91DD'/%3E%3Cpath d='M13.1054 6.9996C13.1048 5.49065 13.4968 4.00846 14.2413 2.70379L14.246 2.69543L14.4265 2.39035C14.4395 2.36862 14.4473 2.34401 14.449 2.3186C14.4508 2.29319 14.4465 2.26772 14.4366 2.24434C14.4267 2.22095 14.4114 2.20033 14.392 2.18421C14.3727 2.16809 14.3498 2.15694 14.3253 2.1517C13.8196 2.04399 13.3072 1.97236 12.7917 1.9373C12.7309 1.9333 12.6726 1.91117 12.6241 1.87366C11.871 1.29054 10.378 0.270685 8.85613 0.00856102C8.75214 -0.00898609 8.64547 0.000537083 8.54606 0.0362442C8.44664 0.0719513 8.35771 0.132682 8.28754 0.212787C8.21737 0.292892 8.16824 0.389768 8.14472 0.494403C8.1212 0.599037 8.12405 0.70803 8.153 0.811242L8.56785 2.28972C8.57864 2.32803 8.57491 2.36907 8.55741 2.40472C8.5399 2.44037 8.50989 2.46803 8.47332 2.48223C7.03385 3.02677 5.794 4.02356 4.8897 4.78328C4.83435 4.82941 4.76515 4.85481 4.69363 4.85524C4.62211 4.85568 4.55261 4.83112 4.49673 4.78567C4.37381 4.68623 4.24764 4.58824 4.11821 4.49172C2.56976 3.3402 0.750606 3.18866 0.674043 3.18309C0.576834 3.17561 0.479255 3.19139 0.389105 3.22917C0.298954 3.26694 0.218732 3.32567 0.154849 3.40065C0.0909668 3.47563 0.0451954 3.56479 0.0211932 3.661C-0.00280893 3.75721 -0.00437625 3.85781 0.0166165 3.95474C0.0330229 4.03151 0.375604 5.57323 1.25491 6.80311C1.29449 6.85823 1.31582 6.92475 1.31582 6.99304C1.31582 7.06133 1.29449 7.12784 1.25491 7.18297C0.375604 8.41245 0.0330229 9.95457 0.0166165 10.0313C-0.00437625 10.1283 -0.00280893 10.2289 0.0211932 10.3251C0.0451954 10.4213 0.0909668 10.5104 0.154849 10.5854C0.218732 10.6604 0.298954 10.7191 0.389105 10.7569C0.479255 10.7947 0.576834 10.8105 0.674043 10.803C0.752169 10.7974 2.56976 10.6439 4.11626 9.49515C4.24256 9.40075 4.36587 9.30502 4.48618 9.20797C4.54211 9.16257 4.61163 9.13809 4.68315 9.13859C4.75467 9.1391 4.82385 9.16457 4.87915 9.21075C5.78736 9.97406 7.02956 10.972 8.47293 11.5178C8.50942 11.532 8.53936 11.5596 8.55686 11.5951C8.57435 11.6307 8.57814 11.6716 8.56746 11.7099L8.15105 13.1888C8.12209 13.292 8.11924 13.401 8.14277 13.5056C8.16629 13.6102 8.21542 13.7071 8.28559 13.7872C8.35576 13.8673 8.44469 13.928 8.5441 13.9638C8.64351 13.9995 8.75018 14.009 8.85418 13.9914C9.5245 13.8761 10.8808 13.4799 12.6062 12.1287C12.6554 12.0904 12.7146 12.0676 12.7765 12.0631C13.2913 12.0288 13.8032 11.9583 14.3085 11.8523C14.3324 11.8472 14.3547 11.8365 14.3738 11.821C14.3928 11.8056 14.4081 11.7858 14.4183 11.7632C14.4285 11.7407 14.4334 11.716 14.4326 11.6912C14.4318 11.6664 14.4253 11.6422 14.4136 11.6204L14.2374 11.2906C13.4951 9.98698 13.1045 8.50657 13.1054 6.9996Z' fill='%236E91DD'/%3E%3C/svg%3E%0A");
}

#supportConditions .conditionsList > li > strong.ico_driedFish:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 50 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.04911 8.74947C5.41992 4.67649 7.81266 1.62176 9.0856 0.858077C9.5937 0.605902 9.84826 0.605505 11.1166 0.603525L11.1226 0.603516C15.196 0.597154 17.4866 10.786 17.4866 13.077C17.4866 15.368 16.7229 17.15 16.7229 18.9319C16.7229 25.5505 19.2685 28.6052 19.7776 29.6235C20.2868 30.6417 21.0504 30.3871 21.5596 29.878C23.8506 27.587 24.3597 19.441 23.8506 18.6773C23.4433 18.0664 23.3415 17.2348 23.3415 16.8954C23.3415 14.6044 25.378 14.8589 25.378 12.8224C25.378 11.2951 25.6325 10.0223 26.6508 8.74947C27.669 7.47666 27.4145 6.96754 27.4145 5.44017C27.4145 3.91281 28.6873 3.14912 29.9601 3.14912C31.2329 3.14912 30.7238 4.42193 33.2694 4.42193C35.815 4.42193 36.8332 2.13088 38.106 2.13088C39.3788 2.13088 40.1425 2.89456 40.1425 3.91281C40.1425 4.93105 39.8879 5.44017 38.106 6.45842C36.3241 7.47666 36.5787 8.24034 36.5787 10.786C36.5787 13.3316 35.3059 14.3498 33.7785 15.8772C32.5566 17.0991 33.0997 19.2713 33.5239 20.2047C33.6088 20.7987 33.473 22.343 32.2511 23.7686C30.7238 25.5505 28.4327 27.8415 28.4327 30.3871C28.4327 32.9328 28.1781 33.6964 27.4145 34.9692C26.6508 36.242 26.9053 37.5148 26.9053 38.2785C26.9053 39.0422 26.9053 39.5513 27.1599 39.5513C27.9236 39.5513 29.451 38.2785 29.451 35.7329C29.451 33.1873 31.742 31.9145 33.5239 29.878C35.3059 27.8415 35.0513 27.0779 35.0513 25.2959C35.0513 23.514 35.5604 22.4958 37.5969 22.4958C39.2261 22.4958 39.6334 19.2713 39.6334 17.6591C39.5485 16.556 39.837 14.3498 41.6699 14.3498C43.9609 14.3498 43.4518 19.441 43.4518 21.4775C43.4518 23.514 40.9062 23.7686 40.9062 27.0779C40.9062 30.3871 41.6699 30.8963 41.6699 32.6782C41.6699 34.4601 38.8697 36.4966 37.5969 37.7694C36.3241 39.0422 37.0878 41.0787 36.0695 42.6061C35.0513 44.1334 34.2876 43.6243 33.5239 44.1334C32.7602 44.6426 32.7602 45.6608 31.9966 46.679C31.2329 47.6973 30.2146 48.9701 29.451 49.7338C28.84 50.3447 28.3479 50.4975 28.1781 50.4975H20.2868C19.7776 50.4975 19.5231 50.2429 18.5048 48.9701C9.65262 38.3474 10.6007 23.2015 10.863 19.012L10.868 18.9319C11.1226 14.8589 9.0856 13.8407 7.04911 8.74947Z' fill='%236E91DD'/%3E%3Cpath d='M15.1995 29.8727C13.163 24.3742 12.9933 12.4777 13.163 7.2168C14.4359 21.2177 14.6904 25.5452 16.4723 28.8545C18.2542 32.1638 19.527 34.9639 20.2907 37.5096C20.5431 34.7336 25.2986 27.2044 28.357 22.3621L28.4367 22.2359C31.4914 17.3992 31.2368 11.2898 32.0005 7.72592C32.0005 10.2715 32.0005 21.4722 26.4002 29.3636C21.9199 35.6767 20.4604 40.9886 20.2907 42.8553C20.0361 43.1947 19.527 43.4154 19.527 41.5825C19.527 39.2915 17.7451 36.7459 15.1995 29.8727Z' fill='white'/%3E%3Cpath d='M34.2082 34.1988C35.2264 29.1076 39.2146 22.5738 41.0813 19.9434C38.0267 24.5255 35.6852 29.6167 35.4809 35.217C35.2767 40.8174 29.626 44.6358 28.6078 45.654C27.7932 46.4686 27.4198 46.5025 27.335 46.4177L26.5714 45.654C26.0622 45.1449 26.5714 44.8903 26.8259 44.6358C30.1352 41.581 32.9354 40.5628 34.2082 34.1988Z' fill='white'/%3E%3C/svg%3E%0A");
}

#supportConditions .conditionsList > li > strong.ico_clam:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.3501 39.1698C35.7655 37.1958 42.8527 31.4932 45.5943 28.8887C46.2797 29.8482 47.6505 31.5618 46.828 32.7955C43.5381 37.0725 32.7086 39.7867 27.7051 40.6092C28.1163 40.2665 29.0211 39.4988 29.3501 39.1698Z' fill='%236E91DD'/%3E%3Cpath d='M20.7632 39.1698C14.3478 37.1958 7.26063 31.4932 4.51899 28.8887C3.83357 29.8482 2.46275 31.5618 3.28525 32.7955C6.57522 37.0725 17.4047 39.7867 22.4082 40.6092C21.997 40.2665 21.0922 39.4988 20.7632 39.1698Z' fill='%236E91DD'/%3E%3Cpath d='M29.9668 36.2896C33.9148 25.9262 33.9422 14.1508 33.4624 9.55859C36.4782 9.55859 42.3042 10.7923 41.4817 15.7273C40.4536 22.7185 31.2005 34.8502 29.9668 36.2896Z' fill='%236E91DD'/%3E%3Cpath d='M20.1738 36.2896C16.2259 25.9262 16.1984 14.1508 16.6782 9.55859C13.6624 9.55859 7.83643 10.7923 8.65893 15.7273C9.68704 22.7185 18.9401 34.8502 20.1738 36.2896Z' fill='%236E91DD'/%3E%3Cpath d='M17.5681 36.4731C11.9319 29.956 8.78276 21.3662 7.91274 17.8859C5.71092 18.6873 1.78526 21.1362 3.69713 24.5206C6.30553 29.3516 16.2849 35.7501 17.5681 36.4731Z' fill='%236E91DD'/%3E%3Cpath d='M18.047 10.3805C17.8825 5.77454 22.7763 4.62305 25.2438 4.62305L25.0382 40.6071C19.692 38.5509 18.2526 16.1379 18.047 10.3805Z' fill='%236E91DD'/%3E%3Cpath d='M32.0194 10.3805C32.1839 5.77454 27.2901 4.62305 24.8226 4.62305L25.0282 40.6071C30.3744 38.5509 31.8138 16.1379 32.0194 10.3805Z' fill='%236E91DD'/%3E%3Cpath d='M22.1524 42.2519C20.1785 42.2519 16.395 41.2923 14.75 40.8125V43.6912C14.75 44.171 14.9145 45.1717 15.5725 45.3362C16.2305 45.5007 17.0804 45.1306 17.4231 44.925C18.6568 44.2396 21.3299 42.7454 22.1524 42.2519Z' fill='%236E91DD'/%3E%3Cpath d='M27.9081 42.2519C29.8821 42.2519 33.6656 41.2923 35.3105 40.8125V43.6912C35.3105 44.171 35.146 45.1717 34.4881 45.3362C33.8301 45.5007 32.9802 45.1306 32.6374 44.925C31.4037 44.2396 28.7306 42.7454 27.9081 42.2519Z' fill='%236E91DD'/%3E%3Cpath d='M32.4319 36.4731C38.0681 29.956 41.2172 21.3662 42.0873 17.8859C44.2891 18.6873 48.2147 21.1362 46.3029 24.5206C43.6945 29.3516 33.7151 35.7501 32.4319 36.4731Z' fill='%236E91DD'/%3E%3C/svg%3E%0A");
}

#supportConditions .conditionsList > li .infoArea {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: 0;
  position: relative;
  padding: 46px 66px 46px 60px;
  gap: 30px;
}

#supportConditions .conditionsList > li .infoArea .progressArea {
  display: flex;
  gap: 64px;
}

#supportConditions .conditionsList > li .infoArea .progressArea > div {
  width: 448px;
}

#supportConditions .conditionsList > li .infoArea .progressArea > div > strong {
  display: block;
  margin-bottom: 14px;
  font-size: 18px;
  font-weight: 600;
  line-height: 145%;
  letter-spacing: 0.072px;
}

#supportConditions .conditionsList > li .infoArea .progressArea > div > div > span {
  display: block;
  position: relative;
  height: 10px;
  border-radius: 10px;
  background: #F5F5F5;
}

#supportConditions .conditionsList > li .infoArea .progressArea > div > div > span i {
  position: absolute;
  height: 100%;
  width: 0;
  background: rgba(17, 17, 17, 0.2);
  border-radius: 10px;
}

#supportConditions .conditionsList > li .infoArea .progressArea > div > div > span i:after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  right: -9px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #111111;
  z-index: 1;
}

#supportConditions .conditionsList > li .infoArea .progressArea > div > div > span.agriculturalColor i {
  background: #B5D2C4;
}

#supportConditions .conditionsList > li .infoArea .progressArea > div > div > span.agriculturalColor i:after {
  background: #46B773;
}

#supportConditions .conditionsList > li .infoArea .progressArea > div > div > span.livestockColor i {
  background: #FFCB55;
}

#supportConditions .conditionsList > li .infoArea .progressArea > div > div > span.livestockColor i:after {
  background: #FFB100;
}

#supportConditions .conditionsList > li .infoArea .progressArea > div > div > span.fisheriesColor i {
  background: #6E91DD;
}

#supportConditions .conditionsList > li .infoArea .progressArea > div > div > span.fisheriesColor i:after {
  background: #194EBF;
}

#supportConditions .conditionsList > li .infoArea .progressArea > div > div > span.lv1 i {
  width: 0;
}

#supportConditions .conditionsList > li .infoArea .progressArea > div > div > span.lv1 i:after {
  right: -16px;
}

#supportConditions .conditionsList > li .infoArea .progressArea > div > div > span.lv2 i {
  width: 25%;
}

#supportConditions .conditionsList > li .infoArea .progressArea > div > div > span.lv3 i {
  width: 50%;
}

#supportConditions .conditionsList > li .infoArea .progressArea > div > div > span.lv4 i {
  width: 75%;
}

#supportConditions .conditionsList > li .infoArea .progressArea > div > div > span.lv5 i {
  width: 100%;
}

#supportConditions .conditionsList > li .infoArea .progressArea > div > div > span.lv5 i:after {
  right: 0;
}

#supportConditions .conditionsList > li .infoArea .progressArea > div > div > ol {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

#supportConditions .conditionsList > li .infoArea .progressArea > div > div > ol li {
  position: relative;
  height: 23px;
}

#supportConditions .conditionsList > li .infoArea .progressArea > div > div > ol li span {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #666666;
}

#supportConditions .conditionsList > li .infoArea .progressArea > div > div > ol li:first-of-type span {
  margin-left: 8px;
}

#supportConditions .conditionsList > li .infoArea .progressArea > div > div > ol li:last-of-type span {
  margin-left: -8px;
}

#supportConditions .conditionsList > li .infoArea .textArea {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#supportConditions .conditionsList > li .infoArea .textArea > strong {
  display: block;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.16px;
}

#supportConditions .conditionsList > li .infoArea .textArea ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#supportConditions .conditionsList > li .infoArea .textArea ul li {
  position: relative;
  padding-left: 10px;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.168px;
}

#supportConditions .conditionsList > li .infoArea .textArea ul li span {
  color: #666666;
}

#supportConditions .conditionsList > li .infoArea .textArea ul li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #111111;
}

#supportConditions .conditionsList > li .infoArea:after {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  width: 2px;
  height: calc(100% - 30px);
  border-radius: 2px;
  background: #DDDDDD;
}

.conditionsPopup #supportConditions {
  padding-top: 0;
  padding-bottom: 0;
}

.conditionsPopup #supportConditions #contents {
  padding-top: 50px;
  padding-bottom: 294px;
}

.conditionsPopup #supportConditions .topArea {
  justify-content: flex-end;
}

.conditionsPopup #supportConditions .topArea .Print {
  border-color: #666666;
}

.conditionsPopup #supportConditions .conditionsCont {
  display: flex;
  flex-direction: column;
  gap: 100px;
}

.conditionsPopup #supportConditions .conditionsCont > article > strong {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 113px;
  height: 46px;
  margin-bottom: 64px;
  padding: 0 20px;
  border-radius: 46px;
  border: 1px solid #111111;
  background: #111111;
}

.conditionsPopup #supportConditions .conditionsCont > article > strong span {
  display: block;
  position: relative;
  padding-left: 26px;
  white-space: nowrap;
  font-size: 18px;
  line-height: 145%;
  letter-spacing: -0.072px;
  color: #fff;
}

.conditionsPopup #supportConditions .conditionsCont > article > strong span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 24px;
  background-size: 20px auto;
  background-position: 50%;
  background-repeat: no-repeat;
}

.conditionsPopup #supportConditions .conditionsCont > article > strong span.ico_wheat:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 21 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.37739 0C3.48389 1.21 2.23299 4.03655 4.37739 5.66278C6.46226 4.06559 5.27092 1.3068 4.37739 0Z' fill='%23aaa'/%3E%3Cpath d='M1.03817 4.05218C0.851651 5.53223 1.14923 8.59745 3.8317 9.01792C4.8718 6.63965 2.46628 4.77911 1.03817 4.05218Z' fill='%23aaa'/%3E%3Cpath d='M7.79777 4.05218C7.98429 5.53223 7.68671 8.59745 5.00424 9.01792C3.96414 6.63965 6.36966 4.77911 7.79777 4.05218Z' fill='%23aaa'/%3E%3Cpath d='M1.03817 8.55023C0.851651 10.0303 1.14923 13.0955 3.8317 13.516C4.8718 11.1377 2.46628 9.27716 1.03817 8.55023Z' fill='%23aaa'/%3E%3Cpath d='M7.79777 8.55023C7.98429 10.0303 7.68671 13.0955 5.00424 13.516C3.96414 11.1377 6.36966 9.27716 7.79777 8.55023Z' fill='%23aaa'/%3E%3Cpath d='M1.03812 13.0462C0.85154 14.5264 1.14895 17.5919 3.83119 18.0122C4.87133 15.6337 2.46609 13.7731 1.03812 13.0462Z' fill='%23aaa'/%3E%3Cpath d='M7.79782 13.0462C7.9844 14.5264 7.68699 17.5919 5.00475 18.0122C3.9646 15.6337 6.36985 13.7731 7.79782 13.0462Z' fill='%23aaa'/%3E%3Cpath d='M1.03817 17.5698C0.851651 19.0498 1.14923 22.115 3.8317 22.5355C4.8718 20.1572 2.46628 18.2967 1.03817 17.5698Z' fill='%23aaa'/%3E%3Cpath d='M7.79777 17.5698C7.98429 19.0498 7.68671 22.115 5.00424 22.5355C3.96414 20.1572 6.36966 18.2967 7.79777 17.5698Z' fill='%23aaa'/%3E%3Cpath d='M16.2637 3.83232C15.2856 4.68248 13.7017 6.82179 15.1905 8.57775C17.2403 7.62155 16.7648 5.09125 16.2637 3.83232Z' fill='%23aaa'/%3E%3Cpath d='M12.6959 6.61958C12.2591 7.82567 11.9276 10.4489 14.0958 11.293C15.4182 9.49075 13.7549 7.49058 12.6959 6.61958Z' fill='%23aaa'/%3E%3Cpath d='M18.3622 7.85992C18.2381 9.13451 17.4079 11.6488 15.0805 11.5093C14.6596 9.32541 17.0278 8.20726 18.3622 7.85992Z' fill='%23aaa'/%3E%3Cpath d='M11.8424 10.3833C11.4056 11.5893 11.0741 14.2126 13.2423 15.0567C14.5646 13.2544 12.9014 11.2543 11.8424 10.3833Z' fill='%23aaa'/%3E%3Cpath d='M17.5087 11.6237C17.3845 12.8981 16.5542 15.4122 14.2266 15.2728C13.8057 13.0891 16.1741 11.971 17.5087 11.6237Z' fill='%23aaa'/%3E%3Cpath d='M10.9908 14.1586C10.554 15.3647 10.2225 17.9879 12.3907 18.8321C13.7131 17.0298 12.0498 15.0296 10.9908 14.1586Z' fill='%23aaa'/%3E%3Cpath d='M16.6571 15.399C16.5329 16.6735 15.7027 19.1876 13.3751 19.0481C12.9542 16.8645 15.3226 15.7464 16.6571 15.399Z' fill='%23aaa'/%3E%3Cpath d='M10.1334 17.9418C9.69653 19.1479 9.36482 21.7713 11.5329 22.6153C12.8553 20.8129 11.1923 18.8127 10.1334 17.9418Z' fill='%23aaa'/%3E%3Cpath d='M15.7997 19.1822C15.6755 20.4567 14.8452 22.9708 12.5176 22.8313C12.0967 20.6477 14.4652 19.5296 15.7997 19.1822Z' fill='%23aaa'/%3E%3C/svg%3E%0A");
}

.conditionsPopup #supportConditions .conditionsCont > article > strong span.ico_meat:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5044 0.960938C6.85306 0.960938 1.03125 1.9721 1.03125 6.40566C1.15139 7.52527 1.70263 8.55174 2.56536 9.26235C3.42809 9.97296 4.53271 10.3104 5.63954 10.2014C6.31207 10.2008 6.97869 10.0742 7.60575 9.82806C7.79955 9.7424 8.00873 9.69819 8.22019 9.69819C8.43165 9.69819 8.64083 9.7424 8.83463 9.82806C10.2651 10.629 11.8699 11.0567 13.5044 11.0726C17.6518 11.0726 21.0005 8.80134 21.0005 6.01675C21.0005 3.23217 17.6518 0.960938 13.5044 0.960938Z' stroke='%23aaa' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.002 6.01758V9.90667C21.002 12.6913 17.6533 14.9625 13.5058 14.9625C11.8702 14.9852 10.2547 14.5949 8.80533 13.8269C8.61153 13.7412 8.40235 13.697 8.19089 13.697C7.97944 13.697 7.77026 13.7412 7.57645 13.8269C6.9484 14.0677 6.28181 14.189 5.61025 14.1847C4.50341 14.2936 3.39879 13.9562 2.53606 13.2456C1.67333 12.535 1.12209 11.5085 1.00195 10.3889V6.40649' stroke='%23aaa' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.40867 6.40524C6.83286 6.40524 7.17672 6.057 7.17672 5.62743C7.17672 5.19785 6.83286 4.84961 6.40867 4.84961C5.98449 4.84961 5.64062 5.19785 5.64062 5.62743C5.64062 6.057 5.98449 6.40524 6.40867 6.40524Z' stroke='%23aaa' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.50195 10.4609C2.10195 10.4609 1.16862 7.1276 1.00195 5.46094V10.4609C1.66862 11.6276 3.30195 14.0609 4.50195 14.4609C5.70195 14.8609 7.66862 13.9609 8.50195 13.4609C9.16862 14.1276 11.302 15.3609 14.502 14.9609C17.702 14.5609 20.1686 11.7943 21.002 10.4609V6.96094C20.3353 8.1276 18.102 10.5609 14.502 10.9609C10.902 11.3609 8.66862 10.1276 8.00195 9.46094C7.83529 9.79427 6.90195 10.4609 4.50195 10.4609Z' fill='%23aaa'/%3E%3C/svg%3E%0A");
}

.conditionsPopup #supportConditions .conditionsCont > article > strong span.ico_fish:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 21 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.002 6.99746C20.002 6.33956 19.4446 5.13753 18.2204 4.05403C17.5216 3.44201 16.7252 2.95611 15.8657 2.61731C15.8371 2.60643 15.8055 2.60675 15.7772 2.61821C15.7488 2.62968 15.7256 2.65148 15.7121 2.67937C15.7063 2.6909 15.7004 2.70204 15.6938 2.71357L15.3192 3.34601C14.6874 4.45681 14.355 5.71779 14.3555 7.00141C14.3559 8.28503 14.6893 9.54575 15.3219 10.6561L15.3309 10.6716L15.6723 11.308C15.6904 11.3418 15.72 11.3678 15.7554 11.3811C15.7909 11.3944 15.83 11.3941 15.8653 11.3804C18.7376 10.236 20.002 8.01135 20.002 6.99746ZM16.3332 6.99189C16.2038 7.00912 16.0723 6.98466 15.9572 6.92192C15.8421 6.85918 15.7492 6.76133 15.6915 6.64208C15.6338 6.52284 15.6143 6.38819 15.6356 6.25704C15.6569 6.12589 15.7179 6.00482 15.8102 5.91083C15.9026 5.81683 16.0215 5.75463 16.1503 5.73295C16.279 5.71127 16.4113 5.7312 16.5284 5.78994C16.6455 5.84868 16.7416 5.94329 16.8032 6.06048C16.8648 6.17767 16.8889 6.31157 16.8719 6.44337C16.8541 6.58247 16.7916 6.71166 16.6941 6.81086C16.5967 6.91005 16.4698 6.97369 16.3332 6.99189Z' fill='%23aaa'/%3E%3Cpath d='M13.1054 6.9996C13.1048 5.49065 13.4968 4.00846 14.2413 2.70379L14.246 2.69543L14.4265 2.39035C14.4395 2.36862 14.4473 2.34401 14.449 2.3186C14.4508 2.29319 14.4465 2.26772 14.4366 2.24434C14.4267 2.22095 14.4114 2.20033 14.392 2.18421C14.3727 2.16809 14.3498 2.15694 14.3253 2.1517C13.8196 2.04399 13.3072 1.97236 12.7917 1.9373C12.7309 1.9333 12.6726 1.91117 12.6241 1.87366C11.871 1.29054 10.378 0.270685 8.85613 0.00856102C8.75214 -0.00898609 8.64547 0.000537083 8.54606 0.0362442C8.44664 0.0719513 8.35771 0.132682 8.28754 0.212787C8.21737 0.292892 8.16824 0.389768 8.14472 0.494403C8.1212 0.599037 8.12405 0.70803 8.153 0.811242L8.56785 2.28972C8.57864 2.32803 8.57491 2.36907 8.55741 2.40472C8.5399 2.44037 8.50989 2.46803 8.47332 2.48223C7.03385 3.02677 5.794 4.02356 4.8897 4.78328C4.83435 4.82941 4.76515 4.85481 4.69363 4.85524C4.62211 4.85568 4.55261 4.83112 4.49673 4.78567C4.37381 4.68623 4.24764 4.58824 4.11821 4.49172C2.56976 3.3402 0.750606 3.18866 0.674043 3.18309C0.576834 3.17561 0.479255 3.19139 0.389105 3.22917C0.298954 3.26694 0.218732 3.32567 0.154849 3.40065C0.0909668 3.47563 0.0451954 3.56479 0.0211932 3.661C-0.00280893 3.75721 -0.00437625 3.85781 0.0166165 3.95474C0.0330229 4.03151 0.375604 5.57323 1.25491 6.80311C1.29449 6.85823 1.31582 6.92475 1.31582 6.99304C1.31582 7.06133 1.29449 7.12784 1.25491 7.18297C0.375604 8.41245 0.0330229 9.95457 0.0166165 10.0313C-0.00437625 10.1283 -0.00280893 10.2289 0.0211932 10.3251C0.0451954 10.4213 0.0909668 10.5104 0.154849 10.5854C0.218732 10.6604 0.298954 10.7191 0.389105 10.7569C0.479255 10.7947 0.576834 10.8105 0.674043 10.803C0.752169 10.7974 2.56976 10.6439 4.11626 9.49515C4.24256 9.40075 4.36587 9.30502 4.48618 9.20797C4.54211 9.16257 4.61163 9.13809 4.68315 9.13859C4.75467 9.1391 4.82385 9.16457 4.87915 9.21075C5.78736 9.97406 7.02956 10.972 8.47293 11.5178C8.50942 11.532 8.53936 11.5596 8.55686 11.5951C8.57435 11.6307 8.57814 11.6716 8.56746 11.7099L8.15105 13.1888C8.12209 13.292 8.11924 13.401 8.14277 13.5056C8.16629 13.6102 8.21542 13.7071 8.28559 13.7872C8.35576 13.8673 8.44469 13.928 8.5441 13.9638C8.64351 13.9995 8.75018 14.009 8.85418 13.9914C9.5245 13.8761 10.8808 13.4799 12.6062 12.1287C12.6554 12.0904 12.7146 12.0676 12.7765 12.0631C13.2913 12.0288 13.8032 11.9583 14.3085 11.8523C14.3324 11.8472 14.3547 11.8365 14.3738 11.821C14.3928 11.8056 14.4081 11.7858 14.4183 11.7632C14.4285 11.7407 14.4334 11.716 14.4326 11.6912C14.4318 11.6664 14.4253 11.6422 14.4136 11.6204L14.2374 11.2906C13.4951 9.98698 13.1045 8.50657 13.1054 6.9996Z' fill='%23aaa'/%3E%3C/svg%3E%0A");
}

.conditionsPopup #supportConditions .conditionsCont > article:first-of-type {
  margin-top: -112px;
}

.conditionsPopup #supportConditions .conditionsCont > article:first-of-type > strong {
  margin-bottom: 73px;
}

#exhibitions i.discount {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 15px;
  position: absolute;
  left: 10px;
  top: 0;
  width: 112px;
  height: 111px;
  font-size: 40px;
  font-weight: 700;
  line-height: 135%;
  letter-spacing: -1.12px;
  color: #fff;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 112 111' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_4898_41687)'%3E%3Cpath d='M10 93.8726L10 2.92308C10 1.30871 11.3087 0 12.9231 0H99.0769C100.691 0 102 1.31552 102 2.92989L102 93.8663C102 95.8819 100.008 97.299 98.1066 96.63L56.9703 82.1545C56.3423 81.9335 55.6577 81.9335 55.0297 82.1545L13.8934 96.63C11.992 97.299 10 95.8883 10 93.8726Z' fill='%23DD345C'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_4898_41687' x='0' y='-6' width='112' height='116.797' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_4898_41687'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_4898_41687' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat 50%/100% auto;
}

#exhibitions i.discount sub {
  letter-spacing: -0.672px;
  font-size: 24px;
  margin-top: 6px;
}

#exhibitions i.vip {
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #fff;
  padding-top: 12px;
  position: absolute;
  left: 10px;
  top: 0;
  width: 112px;
  height: 111px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 112 111' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_4898_41687)'%3E%3Cpath d='M10 93.8726L10 2.92308C10 1.30871 11.3087 0 12.9231 0H99.0769C100.691 0 102 1.31552 102 2.92989L102 93.8663C102 95.8819 100.008 97.299 98.1066 96.63L56.9703 82.1545C56.3423 81.9335 55.6577 81.9335 55.0297 82.1545L13.8934 96.63C11.992 97.299 10 95.8883 10 93.8726Z' fill='%23DD345C'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_4898_41687' x='0' y='-6' width='112' height='116.797' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_4898_41687'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_4898_41687' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat 50%/100% auto;
}

#exhibitions i.vip span {
  display: block;
  font-size: 24px;
  margin: -2px 0;
  font-weight: 700;
  line-height: 135%;
  letter-spacing: -0.672px;
}

#exhibitions i.cheap {
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #fff;
  padding-top: 28px;
  position: absolute;
  left: 10px;
  top: 0;
  width: 112px;
  height: 111px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 112 111' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_4898_41687)'%3E%3Cpath d='M10 93.8726L10 2.92308C10 1.30871 11.3087 0 12.9231 0H99.0769C100.691 0 102 1.31552 102 2.92989L102 93.8663C102 95.8819 100.008 97.299 98.1066 96.63L56.9703 82.1545C56.3423 81.9335 55.6577 81.9335 55.0297 82.1545L13.8934 96.63C11.992 97.299 10 95.8883 10 93.8726Z' fill='%23DD345C'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_4898_41687' x='0' y='-6' width='112' height='116.797' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_4898_41687'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_4898_41687' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat 50%/100% auto;
}

#exhibitions i.cheap span {
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 135%;
  letter-spacing: -0.672px;
}

#exhibitionsBanner {
  margin-bottom: 120px;
}

#exhibitions .exhibitionsList {
  display: flex;
  flex-direction: column;
  gap: 80px;
}

#exhibitions .exhibitionsList > li {
  display: flex;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  overflow: hidden;
  min-height: 480px;
}

#exhibitions .exhibitionsList > li .imgArea {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 481px;
  padding: 40px;
  border-right: 1px solid #DDDDDD;
}

#exhibitions .exhibitionsList > li .imgArea img {
  max-width: 100%;
  max-height: 100%;
}

#exhibitions .exhibitionsList > li .textArea {
  padding: 40px 80px 48px;
  width: 100%;
}

#exhibitions .exhibitionsList > li .textArea .dateArea {
  display: flex;
  margin-bottom: 20px;
}

#exhibitions .exhibitionsList > li .textArea .dateArea em {
  display: flex;
  padding-left: 36px;
  font-size: 24px;
  font-weight: 600;
  line-height: 135%;
  letter-spacing: -0.552px;
  color: #D93058;
}

#exhibitions .exhibitionsList > li .textArea .dateArea em {
  position: relative;
}

#exhibitions .exhibitionsList > li .textArea .dateArea em:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='12' cy='11.5' rx='12' ry='11.5' fill='%23DD345C'/%3E%3Cpath d='M11.52 5.51953V11.0395L17.76 15.6395' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 50%/100% auto;
}

#exhibitions .exhibitionsList > li .textArea .dateArea span {
  display: block;
  margin-left: auto;
  font-size: 24px;
  font-weight: 600;
  line-height: 135%;
  letter-spacing: -0.552px;
  color: #888888;
}

#exhibitions .exhibitionsList > li .textArea > strong {
  display: block;
  margin-bottom: 12px;
  font-size: 36px;
  font-weight: 700;
  line-height: 135%;
  letter-spacing: -1.008px;
  padding-right: 50px;
}

#exhibitions .exhibitionsList > li .textArea .productInfo {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}

#exhibitions .exhibitionsList > li .textArea .productInfo li {
  display: flex;
  gap: 18px;
}

#exhibitions .exhibitionsList > li .textArea .productInfo li strong {
  display: flex;
  flex: none;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #444444;
}

#exhibitions .exhibitionsList > li .textArea .productInfo li span {
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #666666;
}

#exhibitions .exhibitionsList > li .textArea .productInfo li span {
  position: relative;
}

#exhibitions .exhibitionsList > li .textArea .productInfo li span:after {
  content: "";
  position: absolute;
  left: -9px;
  top: 5px;
  width: 2px;
  height: 12px;
  background: #DDDDDD;
}

#exhibitions .exhibitionsList > li .textArea .priceArea {
  display: flex;
  gap: 8px;
  align-items: flex-end;
}

#exhibitions .exhibitionsList > li .textArea .priceArea em {
  display: block;
  margin-bottom: 3px;
  font-size: 28px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.672px;
  color: #D93058;
}

#exhibitions .exhibitionsList > li .textArea .priceArea strong {
  font-size: 42px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -1.176px;
}

#exhibitions .exhibitionsList > li .textArea .priceArea span {
  display: block;
  margin-bottom: 7px;
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #666666;
}

#exhibitions .exhibitionsList > li .textArea .btnArea {
  margin-top: 32px;
}

#exhibitions .exhibitionsList > li.soldOut .imgArea {
  position: relative;
}

#exhibitions .exhibitionsList > li.soldOut .imgArea:after {
  content: "";
  position: absolute;
  content: "SOLD OUT";
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  font-size: 48px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -1.344px;
  color: #fff;
}

#exhibitions .exhibitionsList > li.soldOut .textArea .dateArea em {
  color: #AAAAAA;
}

#exhibitions .exhibitionsList > li.soldOut .textArea .dateArea em:after {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='12' cy='11.5' rx='12' ry='11.5' fill='%23aaa'/%3E%3Cpath d='M11.52 5.51953V11.0395L17.76 15.6395' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 50%/100% auto;
}

#exhibitions .exhibitionsList > li.soldOut .textArea .dateArea span {
  color: #AAAAAA;
}

#exhibitions .exhibitionsList > li.soldOut .textArea > strong {
  color: #AAAAAA;
}

#exhibitions .exhibitionsList > li.soldOut .textArea .productInfo li strong {
  color: #AAAAAA;
}

#exhibitions .exhibitionsList > li.soldOut .textArea .productInfo li span {
  color: #AAAAAA;
}

#exhibitions .exhibitionsList > li.soldOut .textArea .productInfo li span:after {
  background: #AAAAAA;
}

#exhibitions .exhibitionsList > li.soldOut .textArea .priceArea em, #exhibitions .exhibitionsList > li.soldOut .textArea .priceArea strong, #exhibitions .exhibitionsList > li.soldOut .textArea .priceArea span {
  color: #AAAAAA;
}

#exhibitions .exhibitionsList > li.soldOut .textArea .btnArea span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 64px;
  font-size: 18px;
  font-weight: 700;
  line-height: 145%;
  letter-spacing: -0.072px;
  color: #d4d4d4;
  background: #eee;
  border-radius: 12px;
}

#exhibitions .exhibitionsList > li.listNoneIcon {
  border-radius: 0;
}

#exhibitions #productIntroduce {
  display: flex;
  gap: 50px;
  margin-bottom: 120px;
  position: relative;
}

#exhibitions #productIntroduce .imgArea {
  flex: none;
  width: 602px;
}

#exhibitions #productIntroduce .imgArea .enlarge {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 540px;
  border-radius: 20px;
  border: 1px solid #DDDDDD;
  padding: 20px;
}

#exhibitions #productIntroduce .imgArea .enlarge img {
  max-width: 100%;
  max-height: 100%;
}

#exhibitions #productIntroduce .imgArea .imgSlide {
  padding: 0 0;
  margin: 24px 39px 0;
}

#exhibitions #productIntroduce .imgArea .imgSlide .slick-list {
  margin: 0 -8px;
}

#exhibitions #productIntroduce .imgArea .imgSlide .slick-slide {
  margin: 0 6px;
}

#exhibitions #productIntroduce .imgArea .imgSlide .slick-slide a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  height: 82px;
  overflow: hidden;
}

#exhibitions #productIntroduce .imgArea .imgSlide .slick-slide a img {
  max-width: 100%;
  max-height: 100%;
}

#exhibitions #productIntroduce .imgArea .imgSlide .slick-slide.on a {
  border-color: #FF7A00;
}

#exhibitions #productIntroduce .imgArea .imgSlide .slick-slide:last-of-type {
  margin-right: 0;
}

#exhibitions #productIntroduce .imgArea .imgSlide .slick-arrow {
  background: #fff;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid #DDDDDD;
  box-shadow: 0 1.3px 4.1px rgba(0, 0, 0, 0.1);
}

#exhibitions #productIntroduce .imgArea .imgSlide .slick-arrow.slick-prev {
  left: -39px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.12988 7.38965L1.73858 4.28093L5.12988 1.17226' stroke='%23111' stroke-width='1.04348' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 50%/6px auto;
}

#exhibitions #productIntroduce .imgArea .imgSlide .slick-arrow.slick-next {
  right: -39px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.870117 0.610352L4.26142 3.71907L0.870117 6.82774' stroke='%23111' stroke-width='1.04348' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 50%/6px auto;
}

#exhibitions #productIntroduce #demo-container {
  z-index: -1;
}

#exhibitions #productIntroduce .mainText {
  width: 100%;
}

#exhibitions #productIntroduce .mainText .dateArea {
  display: flex;
  margin-bottom: 20px;
}

#exhibitions #productIntroduce .mainText .dateArea em {
  display: flex;
  padding-left: 36px;
  font-size: 24px;
  font-weight: 600;
  line-height: 135%;
  letter-spacing: -0.552px;
  color: #D93058;
}

#exhibitions #productIntroduce .mainText .dateArea em {
  position: relative;
}

#exhibitions #productIntroduce .mainText .dateArea em:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='12' cy='11.5' rx='12' ry='11.5' fill='%23DD345C'/%3E%3Cpath d='M11.52 5.51953V11.0395L17.76 15.6395' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 50%/100% auto;
}

#exhibitions #productIntroduce .mainText .dateArea span {
  display: block;
  margin-left: auto;
  font-size: 24px;
  font-weight: 600;
  line-height: 135%;
  letter-spacing: -0.552px;
  color: #888888;
}

#exhibitions #productIntroduce .mainText > strong {
  display: block;
  margin-bottom: 12px;
  font-size: 36px;
  font-weight: 700;
  line-height: 135%;
  letter-spacing: -1.008px;
  padding-right: 50px;
}

#exhibitions #productIntroduce .mainText .productInfo {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}

#exhibitions #productIntroduce .mainText .productInfo li {
  display: flex;
  gap: 18px;
}

#exhibitions #productIntroduce .mainText .productInfo li strong {
  display: flex;
  flex: none;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #444444;
}

#exhibitions #productIntroduce .mainText .productInfo li span {
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #666666;
}

#exhibitions #productIntroduce .mainText .productInfo li span {
  position: relative;
}

#exhibitions #productIntroduce .mainText .productInfo li span:after {
  content: "";
  position: absolute;
  left: -9px;
  top: 5px;
  width: 2px;
  height: 12px;
  background: #DDDDDD;
}

#exhibitions #productIntroduce .mainText .productInfo {
  margin-bottom: 20px;
}

#exhibitions #productIntroduce .mainText .productInfo li {
  font-size: 18px;
}

#exhibitions #productIntroduce .mainText .productInfo li strong {
  color: #111111;
}

#exhibitions #productIntroduce .mainText .productInfo li span {
  color: #444444;
}

#exhibitions #productIntroduce .mainText .priceArea {
  display: flex;
  gap: 5px;
  align-items: flex-end;
}

#exhibitions #productIntroduce .mainText .priceArea em {
  font-size: 24px;
  font-weight: 600;
  line-height: 135%;
  letter-spacing: -0.552px;
  color: #D93058;
}

#exhibitions #productIntroduce .mainText .priceArea strong {
  font-size: 24px;
  font-weight: 600;
  line-height: 135%;
  letter-spacing: -0.552px;
}

#exhibitions #productIntroduce .mainText .priceArea span {
  display: block;
  margin-bottom: 1px;
  margin-left: 6px;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.168px;
  color: #666666;
}

#exhibitions #productIntroduce .mainText .orderArea {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 2px solid #111111;
}

#exhibitions #productIntroduce .mainText .orderArea .selectArea {
  display: flex;
  gap: 16px;
  flex-direction: column;
}

#exhibitions #productIntroduce .mainText .orderArea .selectArea .eui_selectBasic .euiSelectList {
  max-height: 250px;
  overflow-y: auto;
}

#exhibitions #productIntroduce .mainText .orderArea .selectArea li {
  display: flex;
  gap: 10px;
  align-items: center;
}

#exhibitions #productIntroduce .mainText .orderArea .selectArea li strong {
  display: block;
  width: 130px;
  flex: none;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #444444;
}

#exhibitions #productIntroduce .mainText .orderArea .selectArea li span {
  display: block;
  width: 100%;
}

#exhibitions #productIntroduce .mainText .orderArea .selectArea li span input {
  height: 54px;
  padding-right: 36px;
  line-height: 140%;
  color: #888888;
  letter-spacing: 0.16px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1842 2.225L6.35758 6.8103C5.95679 7.19105 5.32308 7.17436 4.94288 6.77304L0.598917 2.18774C-0.00487848 1.5504 0.446934 0.499999 1.32487 0.499999L10.4955 0.5C11.3988 0.5 11.8391 1.60284 11.1842 2.225Z' fill='%23888'/%3E%3C/svg%3E%0A") no-repeat calc(100% - 16px) 50%/14px auto;
  cursor: pointer;
}

#exhibitions #productIntroduce .mainText .orderArea .selectArea li span i {
  height: 54px;
}

#exhibitions #productIntroduce .mainText .orderArea .selectInfo {
  padding: 18px 20px;
  margin-top: 16px;
  border-radius: 12px;
  background: #F9F9F9;
}

#exhibitions #productIntroduce .mainText .orderArea .selectInfo > strong {
  display: block;
  margin-bottom: 20px;
  line-height: 150%;
  letter-spacing: 0.168px;
  font-size: 14px;
}

#exhibitions #productIntroduce .mainText .orderArea .selectInfo .quantityArea {
  display: flex;
  gap: 16px;
  align-items: center;
}

#exhibitions #productIntroduce .mainText .orderArea .selectInfo .quantityArea .quantity {
  display: flex;
  gap: 10px;
  align-items: center;
  flex: none;
}

#exhibitions #productIntroduce .mainText .orderArea .selectInfo .quantityArea .quantity input {
  width: 44px;
  height: 28px;
  border-radius: 6px;
  border: 1px solid #DDDDDD;
  background: #fff;
  padding: 0;
  line-height: 26px;
  text-align: center;
  font-size: 16px;
  letter-spacing: 0.16px;
}

#exhibitions #productIntroduce .mainText .orderArea .selectInfo .quantityArea .quantity a {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #DDDDDD;
}

#exhibitions #productIntroduce .mainText .orderArea .selectInfo .quantityArea .quantity a.plus {
  background: #fff url(/static/images/common/ico_plus.svg) no-repeat 50%;
}

#exhibitions #productIntroduce .mainText .orderArea .selectInfo .quantityArea .quantity a.minus {
  background: #fff url(/static/images/common/ico_minus.svg) no-repeat 50%;
}

#exhibitions #productIntroduce .mainText .orderArea .selectInfo .quantityArea > span {
  display: block;
  color: #666666;
  line-height: 150%;
  letter-spacing: 0.168px;
}

#exhibitions #productIntroduce .mainText .orderArea .selectInfo .quantityArea em {
  display: block;
  flex: none;
  margin-left: auto;
  line-height: 140%;
  letter-spacing: 0.16px;
}

#exhibitions #productIntroduce .mainText .orderArea .totalArea .totalPrice {
  display: flex;
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid #DDDDDD;
}

#exhibitions #productIntroduce .mainText .orderArea .totalArea .totalPrice em {
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #444444;
}

#exhibitions #productIntroduce .mainText .orderArea .totalArea .totalPrice strong {
  display: block;
  margin-left: auto;
  font-size: 18px;
  font-weight: 700;
  line-height: 145%;
  letter-spacing: -0.072px;
}

#exhibitions #productIntroduce .mainText .orderArea .totalArea .btnArea {
  margin-top: 30px;
}

#exhibitions #productIntroduce .mainText .orderArea .totalArea .orderCaution {
  margin-top: 28px;
  padding: 18px;
  border-radius: 12px;
  border: 1px solid #DDDDDD;
  background: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

#exhibitions #productIntroduce .mainText .orderArea .totalArea .orderCaution ul {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

#exhibitions #productIntroduce .mainText .orderArea .totalArea .orderCaution ul li {
  padding-left: 16px;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.168px;
  color: #888888;
}

#exhibitions #productIntroduce .mainText .orderArea .totalArea .orderCaution ul li {
  position: relative;
}

#exhibitions #productIntroduce .mainText .orderArea .totalArea .orderCaution ul li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 1px solid #888888;
}

#exhibitions #productIntroduce .mainText .orderArea .totalArea .orderCaution {
  position: relative;
}

#exhibitions #productIntroduce .mainText .orderArea .totalArea .orderCaution:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 9px;
  left: 50%;
  transform: translateX(-50%);
  top: -9px;
  background: url(/static/images/event/cautionArrowBg.png) no-repeat 0;
}

#exhibitions #productIntroduce .mainText .shareMenu {
  position: absolute;
  right: 0;
  top: 0;
}

#exhibitions #productIntroduce.soldOut .mainText .orderArea .totalArea .btnArea span {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  height: 64px;
  color: #AAAAAA;
  background: #DDDDDD;
  font-size: 18px;
  font-weight: 700;
  line-height: 145%;
  letter-spacing: -0.072px;
}

#exhibitions #productIntroduce.soldOut .imgArea:after {
  content: "SOLD OUT";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 20px;
  width: 602px;
  height: 540px;
  font-size: 48px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -1.344px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
}

#exhibitions .etcArea {
  display: flex;
  gap: 8px;
}

#exhibitions .etcArea .buyCaution {
  width: 100%;
  padding: 40px 60px;
  background: #F9F9F9;
  border-radius: 12px;
}

#exhibitions .etcArea .buyCaution > strong {
  display: block;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #DDDDDD;
  font-size: 24px;
  font-weight: 600;
  line-height: 135%;
  letter-spacing: -0.552px;
  text-align: center;
}

#exhibitions .etcArea .buyCaution ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 7px;
}

#exhibitions .etcArea .buyCaution ul li {
  padding-left: 13px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #444444;
}

#exhibitions .etcArea .buyCaution ul li {
  position: relative;
}

#exhibitions .etcArea .buyCaution ul li:after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  left: 0;
  top: 9px;
  border-radius: 50%;
  background: #444444;
}

#exhibitions .etcArea .recommendMenu {
  display: flex;
  flex-direction: column;
  width: 302px;
  flex: none;
  padding: 40px 0 58px;
  border-radius: 12px;
  background: #FEF3E9;
  overflow: hidden;
}

#exhibitions .etcArea .recommendMenu > strong {
  display: block;
  margin-bottom: 20px;
  color: #111;
  font-size: 24px;
  font-weight: 600;
  line-height: 135%;
  letter-spacing: -0.552px;
  text-align: center;
}

#exhibitions .etcArea .recommendMenu .recommendSlide .slick-list {
  overflow: initial;
}

#exhibitions .etcArea .recommendMenu .recommendSlide .slick-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

#exhibitions .etcArea .recommendMenu .recommendSlide .slick-arrow {
  width: 24px;
  height: 24px;
  top: 68px;
  transform: translateY(0);
}

#exhibitions .etcArea .recommendMenu .recommendSlide .slick-arrow.slick-prev {
  left: 37px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.73975 1.5L1.5933 7.64645C1.39804 7.84171 1.39804 8.15829 1.5933 8.35355L7.73975 14.5' stroke='%23FF7A00' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 50%/9px auto;
}

#exhibitions .etcArea .recommendMenu .recommendSlide .slick-arrow.slick-next {
  right: 37px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.26025 14.5L7.4067 8.35355C7.60196 8.15829 7.60196 7.84171 7.4067 7.64645L1.26025 1.5' stroke='%23FF7A00' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 50%/9px auto;
}

#exhibitions .etcArea .recommendMenu .recommendSlide .imgArea {
  width: 160px;
  height: 160px;
  overflow: hidden;
  border-radius: 50%;
}

#exhibitions .etcArea .recommendMenu .recommendSlide .imgArea img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#exhibitions .etcArea .recommendMenu .recommendSlide .textArea {
  width: 228px;
  text-align: center;
}

#exhibitions .etcArea .recommendMenu .recommendSlide .textArea strong {
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 145%;
  letter-spacing: -0.072px;
}

#exhibitions .etcArea .recommendMenu .recommendSlide .textArea ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0 10px;
}

#exhibitions .etcArea .recommendMenu .recommendSlide .textArea ul li {
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.168px;
  color: #666666;
}

#exhibitions .etcArea .recommendMenu .recommendSlide .textArea ul li:before {
  content: "#";
}

#exhibitions .etcArea .recommendMenu .recommendSlide .textArea .btnBox {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

#exhibitions .etcArea .recommendMenu .recommendSlide .textArea .btnBox a {
  display: flex;
  align-items: center;
  height: 30px;
  border-radius: 15px;
  padding: 0 20px;
  border: 1px solid #FF7A00;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.168px;
  color: #FF7A00;
}

#event #contents.eventDetail {
  padding-top: 0;
}

#event #contents.eventDetail #viewDefault > .titleArea {
  position: relative;
  padding-right: 50px;
}

#event #contents.eventDetail #viewDefault > .titleArea .shareArea {
  position: absolute;
  right: 0;
  top: 20px;
}

#event #tabSort {
  margin-bottom: 32px;
}

#eventList ul {
  display: flex;
  gap: 72px;
  flex-direction: column;
}

#eventList ul li {
  display: flex;
  gap: 24px;
  flex-direction: column;
}

#eventList ul li a {
  display: flex;
  gap: 24px;
  flex-direction: column;
}

#eventList ul li .imgArea {
  border-radius: 12px;
  overflow: hidden;
  height: 220px;
}

#eventList ul li .imgArea img {
  width: 100%;
  height: 100%;
}

#eventList ul li strong {
  display: block;
  color: #444444;
  font-size: 24px;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: -0.552px;
}

#eventList ul li.end .imgArea {
  position: relative;
}

#eventList ul li.end .imgArea:after {
  content: "";
  position: absolute;
  content: "종료된 이벤트 입니다.";
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(17, 17, 17, 0.5);
  font-size: 32px;
  font-weight: 700;
  line-height: 135%;
  letter-spacing: -0.896px;
  color: #fff;
}

#eventWinnerList ul {
  border-top: 1px solid #111111;
}

#eventWinnerList ul li {
  border-bottom: 1px solid #DDDDDD;
}

#eventWinnerList ul li a {
  display: flex;
  align-items: center;
  height: 80px;
  padding: 0 24px;
}

#eventWinnerList ul li a strong {
  display: block;
  width: 100%;
  font-size: 24px;
  line-height: 135%;
  letter-spacing: -0.552px;
  color: #444444;
}

#eventWinnerList ul li a span {
  display: block;
  margin-left: 24px;
  flex: none;
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #666666;
}

#event #commentArea .shareText {
  padding-top: 100px;
  border-top: 1px solid #DDDDDD;
}

#event #commentArea .pagination {
  margin-top: 60px;
}

#event .eventDetail #viewDefault .editorArea {
  text-align: initial;
}

#writing .writeArea {
  display: flex;
  gap: 24px;
  padding-top: 24px;
  border-top: 2px solid #111111;
}

#writing .writeArea h3 {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 145%;
  letter-spacing: -0.072px;
}

#writing .writeArea h3 sup {
  font-size: 18px;
  line-height: 145%;
  letter-spacing: -0.072px;
  color: #EF5423;
}

#writing .writeArea .attachArea {
  width: 628px;
}

#writing .writeArea .attachArea .attachBox {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 628px;
  border-radius: 12px;
  background: #F5F5F5;
}

#writing .writeArea .attachArea .attachBox .beforeArea {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 36px;
}

#writing .writeArea .attachArea .attachBox .beforeArea strong {
  display: block;
  margin-bottom: 2px;
  font-weight: 600;
  line-height: 150%;
}

#writing .writeArea .attachArea .attachBox .beforeArea p {
  font-size: 14px;
  line-height: 150%;
  color: #444444;
}

#writing .writeArea .attachArea .attachBox .beforeArea .btnBox {
  margin-top: 20px;
}

#writing .writeArea .attachArea .attachBox .beforeArea .btnBox a {
  width: 148px;
}

#writing .writeArea .attachArea .attachBox .beforeArea {
  position: relative;
}

#writing .writeArea .attachArea .attachBox .beforeArea:after {
  content: "";
  position: absolute;
  width: 28px;
  height: 28px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 25 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.46483 4.20441C6.25482 4.5368 5.97462 4.81922 5.64389 5.03185C5.31316 5.24447 4.93991 5.38216 4.55033 5.43524C4.107 5.49824 3.66717 5.56591 3.22733 5.63941C1.99883 5.84357 1.125 6.92507 1.125 8.16991V18.0002C1.125 18.6964 1.40156 19.3641 1.89384 19.8564C2.38613 20.3487 3.05381 20.6252 3.75 20.6252H21.25C21.9462 20.6252 22.6139 20.3487 23.1062 19.8564C23.5984 19.3641 23.875 18.6964 23.875 18.0002V8.16991C23.875 6.92507 23 5.84357 21.7727 5.63941C21.3325 5.56607 20.8915 5.49801 20.4497 5.43524C20.0603 5.38199 19.6873 5.24423 19.3568 5.03162C19.0262 4.819 18.7462 4.53666 18.5363 4.20441L17.5773 2.66907C17.3619 2.31919 17.0654 2.02635 16.7129 1.81535C16.3603 1.60435 15.9621 1.4814 15.552 1.45691C13.5188 1.3477 11.4812 1.3477 9.448 1.45691C9.03786 1.4814 8.63967 1.60435 8.28712 1.81535C7.93457 2.02635 7.63805 2.31919 7.42267 2.66907L6.46483 4.20441Z' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.75 11.875C17.75 13.2674 17.1969 14.6027 16.2123 15.5873C15.2277 16.5719 13.8924 17.125 12.5 17.125C11.1076 17.125 9.77226 16.5719 8.78769 15.5873C7.80312 14.6027 7.25 13.2674 7.25 11.875C7.25 10.4826 7.80312 9.14726 8.78769 8.16269C9.77226 7.17812 11.1076 6.625 12.5 6.625C13.8924 6.625 15.2277 7.17812 16.2123 8.16269C17.1969 9.14726 17.75 10.4826 17.75 11.875ZM20.375 9.25H20.3843V9.25933H20.375V9.25Z' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 50%/25px auto;
}

#writing .writeArea .attachArea .attachBox .afterArea img {
  max-width: 628px;
  max-height: 628px;
  object-fit: cover;
}

#writing .writeArea .attachArea .attachBox .afterArea video {
  width: 628px;
  height: 628px;
  object-fit: cover;
}

#writing .writeArea .attachArea .attachWrap {
  display: flex;
  gap: 12px;
  margin-top: 10px;
}

#writing .writeArea .attachArea .attachWrap > div {
  position: relative;
  width: 90px;
  height: 90px;
  overflow: hidden;
  border-radius: 12px;
}

#writing .writeArea .attachArea .attachWrap > div img {
  width: 100%;
  height: 100%;
}

#writing .writeArea .attachArea .attachWrap > div input[type=button] {
  position: absolute;
  right: 6px;
  top: 6px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #252525 url("data:image/svg+xml,%3Csvg viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L9.5 10' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M1 10L9.5 1.5' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 50%/11px auto;
}

#writing .writeArea .attachArea .attachWrap > div label {
  display: block;
  height: 90px;
  background: #E7E7E7 url("data:image/svg+xml,%3Csvg viewBox='0 0 28 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 14.5H27' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M14 27.5L14 1.5' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 50%/28px auto;
  cursor: pointer;
}

#writing .writeArea .attachArea .attachWrap > div input[type=file] {
  position: absolute;
  left: -1px;
  right: -1px;
  width: 1px;
  height: 1px;
  opacity: 0;
}

#writing .writeArea .attachArea .cautionBox {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 30px;
}

#writing .writeArea .attachArea .cautionBox div > strong {
  display: block;
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  color: #444444;
}

#writing .writeArea .attachArea .cautionBox div ul li {
  color: #888888;
}

#writing .writeArea .attachArea .cautionBox div ul li:after {
  background: #888888;
}

#writing .writeArea .inputArea {
  width: 628px;
}

#writing .writeArea .inputArea > ul {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

#writing .writeArea .inputArea > ul > li .textareaArea {
  position: relative;
}

#writing .writeArea .inputArea > ul > li .textareaArea textarea {
  height: 518px;
  padding: 20px 20px 50px;
  font-size: 18px;
  line-height: 145%;
  letter-spacing: -0.072px;
  word-break: keep-all;
}

#writing .writeArea .inputArea > ul > li .textareaArea > span {
  position: absolute;
  bottom: 20px;
  right: 20px;
  font-size: 14px;
  line-height: 135%;
  letter-spacing: -0.056px;
  color: #888888;
}

#writing .writeArea + .btnArea {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 60px;
}

#writing .writeArea + .btnArea a {
  width: 205px;
}

#writing .writeArea + .btnArea a.C {
  border-color: #DDDDDD;
}

#writing .writingPage {
  padding-top: 40px;
}

#writing .currentLocation {
  display: block;
  margin-bottom: 30px;
}

#writing .currentLocation a {
  display: flex;
  color: #FF7A00;
}

#writing .currentLocation a span {
  display: block;
  padding-right: 26px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.16px;
}

#writing .currentLocation a span {
  position: relative;
}

#writing .currentLocation a span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 10px;
  background: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23FF7A00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 50%/100% auto;
}

#writing #viewDefault > .titleArea {
  align-items: flex-start;
  padding-right: 170px;
  position: relative;
}

#writing #viewDefault > .titleArea > em {
  display: flex;
  align-items: center;
  gap: 10px;
}

#writing #viewDefault > .titleArea > em i {
  display: block;
}

#writing #viewDefault > .titleArea > em i img {
  width: 36px;
  height: 36px;
}

#writing #viewDefault > .titleArea > em span {
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.16px;
}

#writing #viewDefault > .titleArea .managerInfo {
  display: flex;
}

#writing #viewDefault > .titleArea .managerInfo > i {
  display: flex;
  align-items: center;
  height: 21px;
  padding: 0 10px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.168px;
  color: #fff;
  background: #FF7A00;
  margin-right: 4px;
}

#writing #viewDefault > .titleArea .btnBox {
  display: flex;
  position: absolute;
  right: 0;
  top: 20px;
}

#writing #viewDefault > .titleArea .btnBox .btnUrlCopy {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 16px;
  border-radius: 6px;
  border: 1px solid #DDDDDD;
}

#writing #viewDefault > .titleArea .btnBox .btnUrlCopy span {
  display: block;
  padding-left: 23px;
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #666666;
}

#writing #viewDefault > .titleArea .btnBox .btnUrlCopy span {
  position: relative;
}

#writing #viewDefault > .titleArea .btnBox .btnUrlCopy span:after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 13 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='3.5' width='9' height='11' rx='0.5' fill='white' stroke='%23666'/%3E%3Crect x='3.5' y='0.5' width='9' height='11' rx='0.5' fill='white' stroke='%23666'/%3E%3C/svg%3E%0A") no-repeat 50%/13px auto;
}

#writing #viewDefault > .titleArea .btnBox .editArea {
  position: relative;
}

#writing #viewDefault > .titleArea .btnBox .editArea > a {
  display: block;
  width: 25px;
  height: 40px;
  background: url(/static/images/writing/dot.svg) no-repeat 100% 50%;
}

#writing #viewDefault > .titleArea .btnBox .editArea .boxArea {
  display: none;
  position: absolute;
  right: 0;
  top: 27px;
  width: 111px;
  padding: 68px 30px 24px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
  z-index: 1;
}

#writing #viewDefault > .titleArea .btnBox .editArea .boxArea > a {
  position: absolute;
  right: 24px;
  top: 20px;
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 15.5L15 1.5' stroke='%23888' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M15 15.5L1 1.5' stroke='%23888' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 50%/16px auto;
}

#writing #viewDefault > .titleArea .btnBox .editArea .boxArea > ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

#writing #viewDefault > .titleArea .btnBox .editArea .boxArea > ul li a {
  display: block;
}

#writing #viewDefault > .titleArea .btnBox .editArea .boxArea > ul li a span {
  display: block;
  padding-left: 22px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.16px;
}

#writing #viewDefault > .titleArea .btnBox .editArea .boxArea > ul li a span {
  position: relative;
}

#writing #viewDefault > .titleArea .btnBox .editArea .boxArea > ul li a span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: 50%;
}

#writing #viewDefault > .titleArea .btnBox .editArea .boxArea > ul li a span.icoPen::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.75 2.24926C12.941 2.02353 13.1773 1.8398 13.4438 1.70977C13.7102 1.57974 14.0011 1.50626 14.2977 1.49402C14.5944 1.48178 14.8904 1.53104 15.1668 1.63867C15.4432 1.7463 15.694 1.90994 15.9032 2.11915C16.1124 2.32836 16.2755 2.57855 16.3819 2.85379C16.4883 3.12902 16.5359 3.42326 16.5215 3.71774C16.507 4.01222 16.431 4.3005 16.2982 4.56418C16.1653 4.82787 15.9787 5.06118 15.75 5.24926L5.625 15.3743L1.5 16.4993L2.625 12.3743L12.75 2.24926Z' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 17px auto;
}

#writing #viewDefault > .titleArea .btnBox .editArea .boxArea > ul li a span.icoRemove::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7H20M10 11V17M14 11V17M5 7L6 19C6 19.5304 6.21071 20.0391 6.58579 20.4142C6.96086 20.7893 7.46957 21 8 21H16C16.5304 21 17.0391 20.7893 17.4142 20.4142C17.7893 20.0391 18 19.5304 18 19L19 7M9 7V4C9 3.73478 9.10536 3.48043 9.29289 3.29289C9.48043 3.10536 9.73478 3 10 3H14C14.2652 3 14.5196 3.10536 14.7071 3.29289C14.8946 3.48043 15 3.73478 15 4V7' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 17px auto;
}

#writing .editorArea {
  padding-bottom: 80px;
  text-align: left;
}

#writing .editorArea #userEditor {
  font-size: 18px;
}

#writing .editorArea video {
  max-width: 100%;
}

#writing .evaluateArea {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  justify-content: center;
  height: 210px;
  margin-bottom: 100px;
  border-radius: 25px;
  border: 1px solid #DDDDDD;
  background: #fff;
}

#writing .evaluateArea > strong {
  display: block;
  font-size: 18px;
  font-weight: 600;
  line-height: 145%;
  letter-spacing: 0.072px;
}

#writing .evaluateArea > ul {
  display: flex;
  justify-content: center;
  gap: 60px;
}

#writing .evaluateArea > ul li a {
  display: block;
  text-align: center;
  padding-top: 60px;
}

#writing .evaluateArea > ul li a strong {
  display: block;
  margin-bottom: 2px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #444444;
}

#writing .evaluateArea > ul li a span {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.14px;
  color: #AAAAAA;
}

#writing .evaluateArea > ul li a {
  position: relative;
}

#writing .evaluateArea > ul li a:after {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

#writing .evaluateArea > ul li a.icoEmoticon1::after {
  background: url("/static/images/writing/ico_emoticon1.png") no-repeat 50% 100%/100% auto;
}

#writing .evaluateArea > ul li a.icoEmoticon2::after {
  background: url("/static/images/writing/ico_emoticon2.png") no-repeat 50% 100%/100% auto;
}

#writing .evaluateArea > ul li a.icoEmoticon3::after {
  background: url("/static/images/writing/ico_emoticon3.png") no-repeat 50% 100%/100% auto;
}

#writing .evaluateArea > ul li a.icoEmoticon4::after {
  background: url("/static/images/writing/ico_emoticon4.png") no-repeat 50% 100%/100% auto;
}

#writing .evaluateArea > ul li.on a strong {
  color: #FF7A00;
}

#writing .evaluateArea > ul li.on a span {
  color: #FF7A00;
}

#writing .evaluateArea {
  position: relative;
}

#writing .evaluateArea:after {
  content: "";
  position: absolute;
  width: 26px;
  height: 22px;
  left: 50%;
  transform: translateX(-50%);
  top: -22px;
  background: url(/static/images/writing/arrow.svg) no-repeat 50% 1px;
  z-index: 1;
}

#writing .pageDetail .pagination {
  margin-top: 60px;
}

#writing #tabTypeA {
  margin-bottom: 60px;
}

#writing.listPage {
  padding-top: 0;
}

#writing .listTitle {
  background: #FDF9F2;
}

#writing .listTitle .titleWrap {
  display: flex;
  width: 1320px;
  margin: 0 auto;
  padding: 60px 20px;
}

#writing .listTitle .titleWrap .textArea {
  display: flex;
  gap: 12px;
  flex-direction: column;
}

#writing .listTitle .titleWrap .textArea h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -1.344px;
}

#writing .listTitle .titleWrap .textArea p {
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #666666;
}

#writing .listTitle .titleWrap .figureArea {
  margin-left: auto;
}

#writing .listTitle .titleWrap .figureArea ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 840px;
}

#writing .listTitle .titleWrap .figureArea ul li span {
  display: block;
  margin-bottom: 2px;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0.14px;
  color: #fff;
}

#writing .listTitle .titleWrap .figureArea ul li p {
  font-size: 22px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: 0.22px;
  color: #fff;
}

#writing .listTitle .titleWrap .figureArea ul li:nth-of-type(1) {
  width: 420px;
  height: 120px;
  padding: 19px 16px 19px 64px;
  background: url(/static/images/writing/figure1.png) no-repeat right bottom;
}

#writing .listTitle .titleWrap .figureArea ul li:nth-of-type(2) {
  width: 420px;
  height: 120px;
  padding: 19px 64px 19px 42px;
  background: url(/static/images/writing/figure2.png) no-repeat left bottom;
}

#writing .listTitle .titleWrap .figureArea ul li:nth-of-type(3) {
  width: 399px;
  height: 146px;
  padding: 19px 16px 19px 43px;
  background: url(/static/images/writing/figure3.png) no-repeat right top;
}

#writing .listTitle .titleWrap .figureArea ul li:nth-of-type(4) {
  width: 399px;
  height: 146px;
  padding: 19px 16px 19px 42px;
  background: url(/static/images/writing/figure4.png) no-repeat left top;
}

#writing .writingTab {
  display: flex;
  gap: 60px;
  margin-bottom: 60px;
}

#writing .writingTab li a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#writing .writingTab li a strong {
  display: block;
  padding-right: 34px;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.672px;
  color: #AAAAAA;
}

#writing .writingTab li a strong {
  position: relative;
}

#writing .writingTab li a strong:after {
  content: "";
  position: absolute;
  width: 28px;
  height: 28px;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  background-repeat: no-repeat;
  background-position: 50%;
  opacity: 0.6;
}

#writing .writingTab li a span {
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.06px;
  color: #AAAAAA;
}

#writing .writingTab li:nth-of-type(1) a strong:after {
  background: url(/static/images/writing/ico_tab1.png) no-repeat 50% 50%/100% auto;
}

#writing .writingTab li:nth-of-type(2) a strong:after {
  background: url(/static/images/writing/ico_tab2.png) no-repeat 50% 50%/100% auto;
}

#writing .writingTab li:nth-of-type(3) a strong:after {
  background: url(/static/images/writing/ico_tab3.png) no-repeat 50% 50%/100% auto;
}

#writing .writingTab li.on a strong {
  color: #111111;
}

#writing .writingTab li.on a strong::after {
  opacity: 1;
}

#writing .writingTab li.on a span {
  color: #666666;
}

#writing #boardGuid {
  margin-bottom: 30px;
}

#writing #boardGuid .groupArea > ul {
  display: Flex;
  gap: 25px;
  align-items: center;
}

#writing #boardGuid .groupArea > ul li {
  position: relative;
}

#writing #boardGuid .groupArea > ul li:after {
  content: "";
  position: absolute;
  right: -13px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background: #DDDDDD;
}

#writing #boardGuid .groupArea > ul li:last-of-type::after {
  display: none;
}

#writing #boardGuid .groupArea > ul li input[type=checkbox].chkTypeB + label {
  color: #AAAAAA;
  font-size: 16px;
}

#writing #boardGuid .groupArea > ul li input[type=checkbox].chkTypeB:checked + label {
  color: #111111;
}

#writing #boardGuid .groupArea > ul li > a {
  color: #AAAAAA;
}

#writing #boardGuid .groupArea > ul li.on a {
  color: #111111;
}

h2 #helpInformation #titleCont #titleContWrap + p {
  margin-top: 14px;
  font-size: 32px;
  font-weight: 700;
}

#helpInformation .introduceArea {
  margin-top: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 483px;
  background: #f9f9f9;
}

#helpInformation .introduceArea p {
  color: #444;
  font-size: 32px;
  font-weight: 500;
}

#helpInformation .introduceArea p strong {
  font-weight: 700;
  color: #111;
}

#helpInformation #contents .summary h3 {
  font-size: 32px;
  color: #000;
  font-weight: 700;
}

#helpInformation #contents .summary .cards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  margin-top: 30px;
  gap: 25px;
}

#helpInformation #contents .summary .cards .card {
  position: relative;
  padding: 10px;
  height: 460px;
  background: #fff;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: 25px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

#helpInformation #contents .summary .cards .card .title {
  border: 1px solid #ff7a00;
  background: #fdf9f2;
  border-radius: 25px;
  width: 100%;
  padding: 12px 27px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
  color: #111;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  white-space: nowrap;
}

#helpInformation #contents .summary .cards .card .title::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 10px;
  background: url("/static/images/information/information-bubble-arrow.png") no-repeat center/100%;
}

#helpInformation #contents .summary .cards .card .title::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  width: 14px;
  height: 2px;
  background: #fdf9f2;
  z-index: 10;
}

#helpInformation #contents .summary .cards .desc i {
  display: block;
  text-align: center;
}

#helpInformation #contents .summary .cards .desc p {
  height: 196px;
  background: #f9f9f9;
  border-radius: 25px;
  padding: 20px;
  font-size: 28px;
  font-weight: 600;
  color: #444;
  margin-top: 43px;
}

#helpInformation #contents .summary .cards .desc p span {
  color: #FF7A00;
}

#helpInformation #contents .detail {
  margin-top: 80px;
}

#helpInformation #contents .detail > ol {
  border-top: 1px solid #111;
}

#helpInformation #contents .detail > ol > li {
  margin-top: 30px;
}

#helpInformation #contents .detail > ol > li h4 {
  font-size: 24px;
  font-weight: 600;
  color: #111;
}

#helpInformation #contents .detail > ol > li h4 + p {
  margin-top: 4px;
  font-size: 18px;
  font-weight: 500;
  color: #444;
}

#helpInformation #contents .detail > ol > li table {
  margin-top: 20px;
}

#helpInformation #contents .detail > ol > li table tr td, #helpInformation #contents .detail > ol > li table tr th {
  text-align: center;
}

#helpInformation #contents .detail > ol > li:nth-of-type(1) em {
  display: block;
  margin-top: 30px;
  font-size: 18px;
  font-weight: 500;
}

#helpInformation #contents .detail > ol > li:nth-of-type(1) ul {
  display: flex;
  gap: 20px;
  margin-top: 14px;
}

#helpInformation #contents .detail > ol > li:nth-of-type(1) ul > li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  width: 100px;
  height: 123px;
  border-radius: 12px;
}

#helpInformation #contents .detail > ol > li:nth-of-type(1) ul > li span {
  display: block;
  margin-top: 8px;
  font-size: 14px;
  color: #666;
}

#helpInformation #contents .detail > ol > li:nth-of-type(2) .cards {
  display: flex;
  gap: 30px;
  flex-direction: column;
  margin-top: 30px;
}

#helpInformation #contents .detail > ol > li:nth-of-type(2) .cards .card {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  border-radius: 25px;
  padding: 110px 40px;
}

#helpInformation #contents .detail > ol > li:nth-of-type(2) .cards .card {
  position: relative;
}

#helpInformation #contents .detail > ol > li:nth-of-type(2) .cards .card:before {
  content: "";
  position: absolute;
  left: 40px;
  top: 40px;
  width: 40px;
  height: 40px;
}

#helpInformation #contents .detail > ol > li:nth-of-type(2) .cards .card:nth-of-type(1)::before {
  background: url("/static/images/information/icon-acticle-01.png");
}

#helpInformation #contents .detail > ol > li:nth-of-type(2) .cards .card:nth-of-type(2)::before {
  background: url("/static/images/information/icon-acticle-02.png");
}

#helpInformation #contents .detail > ol > li:nth-of-type(2) .cards .card:nth-of-type(3)::before {
  background: url("/static/images/information/icon-acticle-03.png");
}

#helpInformation #contents .detail > ol > li:nth-of-type(2) .cards .card:nth-of-type(4)::before {
  background: url("/static/images/information/icon-acticle-04.png");
}

#helpInformation #contents .detail > ol > li:nth-of-type(2) .cards .card:nth-of-type(5)::before {
  background: url("/static/images/information/icon-acticle-05.png");
}

#helpInformation #contents .detail > ol > li:nth-of-type(2) .cards .card strong {
  font-weight: 600;
  font-size: 18px;
}

#helpInformation #contents .detail > ol > li:nth-of-type(2) .cards .card strong + p {
  margin-top: 4px;
  font-size: 18px;
}

#helpInformation #contents .detail > ol > li:nth-of-type(2) .cards .card > ol {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 10px;
}

#helpInformation #contents .detail > ol > li:nth-of-type(2) .cards .card > ol > li {
  font-size: 18px;
  color: #444;
  list-style: number;
  margin-left: 20px;
}

#helpInformation #contents .detail > ol > li:nth-of-type(2) .cards .card .contWrap {
  margin-top: 30px;
}

#helpInformation #contents .detail > ol > li:nth-of-type(2) .cards .card .flow {
  display: flex;
  align-items: center;
  gap: 46px;
}

#helpInformation #contents .detail > ol > li:nth-of-type(2) .cards .card .flow dl {
  border-radius: 12px;
  border: 1px solid #ddd;
  padding: 20px 30px;
  margin-top: 10px;
  position: relative;
  width: 280px;
  height: 132px;
}

#helpInformation #contents .detail > ol > li:nth-of-type(2) .cards .card .flow dl {
  position: relative;
}

#helpInformation #contents .detail > ol > li:nth-of-type(2) .cards .card .flow dl:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -28px;
  background: url("/static/images/information/icon-arrow-right.png") no-repeat center;
  width: 8px;
  height: 14px;
  transform: translateY(-50%);
}

#helpInformation #contents .detail > ol > li:nth-of-type(2) .cards .card .flow dl:last-child::after {
  display: none;
}

#helpInformation #contents .detail > ol > li:nth-of-type(2) .cards .card .flow dl dt {
  font-size: 24px;
  font-weight: 500;
}

#helpInformation #contents .detail > ol > li:nth-of-type(2) .cards .card .flow dl dd {
  font-size: 18px;
  color: #444;
  margin-top: 6px;
}

#helpNotice #boardGuid {
  margin-bottom: 30px;
}

#helpNotice .boardTypeA tbody tr td {
  color: #888888;
}

#helpNotice .boardTypeA tbody tr td:nth-of-type(2) {
  padding: 0 0 0 80px;
  text-align: left;
}

#helpNotice .boardTypeA tbody tr td:nth-of-type(2) .flexBox {
  display: flex;
  gap: 8px;
}

#helpNotice .boardTypeA tbody tr td:nth-of-type(2) a {
  display: inline-block;
  vertical-align: middle;
  color: #111111;
}

#helpNotice .boardTypeA tbody tr td:nth-of-type(2) i {
  vertical-align: middle;
  flex: none;
}

#helpNotice .boardTypeA tbody tr.fix td:nth-of-type(2) a {
  font-weight: 700;
}

#helpNotice .boardTypeA + .pagination {
  margin-top: 60px;
}

#helpNotice #contents.noticeDetail {
  padding-top: 0;
}

#helpConsult #tabTypeB {
  margin-top: 10px;
}

#helpConsult #contents {
  padding-top: 30px;
}

#helpConsult .topArea {
  display: flex;
  align-items: center;
  padding-bottom: 12px;
  margin-bottom: 48px;
  border-bottom: 2px solid #111111;
}

#helpConsult .topArea .cautionText {
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #444444;
}

#helpConsult .topArea .cautionText sup {
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #FF7A00;
}

#helpConsult .topArea .memberArea {
  display: flex;
  align-items: flex-end;
  flex: none;
  gap: 16px;
  margin-left: auto;
}

#helpConsult .topArea .memberArea p {
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #444444;
}

#helpConsult .topArea .memberArea .btnBox {
  display: flex;
  gap: 6px;
}

#helpConsult .topArea .memberArea .btnBox a {
  display: flex;
  align-items: center;
  height: 34px;
  padding: 0 18px;
  background: #111111;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.06px;
  border-radius: 17px;
}

#helpConsult .writeArea .formTypeBasic {
  flex-direction: row;
  gap: 40px;
  flex-wrap: wrap;
}

#helpConsult .writeArea .formTypeBasic li {
  flex: calc(50% - 20px);
}

#helpConsult .writeArea .formTypeBasic li.phoneIteme > div {
  display: flex;
  gap: 16px;
}

#helpConsult .writeArea .formTypeBasic li.phoneIteme > div .selectBox {
  width: 150px;
  flex: none;
}

#helpConsult .writeArea .formTypeBasic li.addressItem {
  flex-basis: 100%;
}

#helpConsult .writeArea .formTypeBasic li.addressItem > div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#helpConsult .writeArea .formTypeBasic li.addressItem > div .postcodeArea {
  display: flex;
  gap: 16px;
}

#helpConsult .writeArea .formTypeBasic li.addressItem > div .postcodeArea a {
  width: 160px;
  flex: none;
}

#helpConsult .writeArea .formTypeBasic li.addressItem > div .postcodeArea + #zipCode-error {
  margin-bottom: 20px;
}

#helpConsult .writeArea .formTypeBasic li.textareaItem #textareaTypeB > span {
  position: absolute;
  bottom: 20px;
  right: 20px;
  font-size: 14px;
  line-height: 150%;
  color: rgba(153, 153, 153, 0.6);
}

#helpConsult .termsArea {
  margin-top: 56px;
  padding-bottom: 40px;
  border-bottom: 1px solid #DDDDDD;
}

#helpConsult .termsArea .allChkArea {
  display: flex;
  gap: 30px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

#helpConsult .termsArea .allChkArea p {
  line-height: 150%;
  letter-spacing: 0.168px;
  color: #444444;
  font-size: 14px;
}

#helpConsult .termsArea .allChkArea p em {
  font-weight: 500;
  text-decoration: underline;
}

#helpConsult .termsArea .agreeList {
  display: flex;
  gap: 12px;
  flex-direction: column;
}

#helpConsult .termsArea .agreeList li {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  justify-content: space-between;
  margin-bottom: 42px;
  margin: 0;
  gap: 12px;
  column-gap: 40px;
}

#helpConsult .termsArea .agreeList li label {
  display: inline-block;
  margin-bottom: 22px;
}

#helpConsult .termsArea .agreeList li a {
  position: relative;
  height: 24px;
  width: 50px;
}

#helpConsult .termsArea .agreeList li a:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 11px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L9 9L17 1' stroke='%23aaa' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat 50%/18px auto;
  transform-origin: 50%;
}

#helpConsult .termsArea .agreeList li.on a:after {
  transform: translate(-50%, -50%) rotate(180deg);
}

#helpConsult .termsArea .agreeList li .slideArea {
  flex: none;
  width: 100%;
  height: 0;
  transition: all 0.4s cubic-bezier(0, 0, 0, 1) 0s;
  overflow: hidden;
}

#helpConsult .termsArea .agreeList li .slideArea .docAreaWrap {
  border: 1px solid #DDD;
  color: #444;
  border-radius: 12px;
}

#helpConsult .termsArea .agreeList li .slideArea .docAreaWrap .docArea {
  height: 178px;
  margin: 24px 9px 24px 24px;
  overflow-y: auto;
  padding-right: 15px;
}

#helpConsult .termsArea .agreeList li .slideArea .docAreaWrap .docArea ul {
  margin-left: 20px;
}

#helpConsult .termsArea .agreeList li .slideArea .docAreaWrap .docArea ul li {
  all: unset;
  display: revert;
}

#helpConsult .termsArea .agreeList li .slideArea .docAreaWrap .docArea ul:not(style) {
  list-style: inside;
}

#helpConsult .termsArea .agreeList li .slideArea .docAreaWrap .docArea ol {
  margin-left: 30px;
}

#helpConsult .termsArea .agreeList li .slideArea .docAreaWrap .docArea ol li {
  all: unset;
  display: revert;
}

#helpConsult .termsArea .agreeList li .slideArea .docAreaWrap .docArea strong {
  font-weight: 700;
}

#helpConsult .termsArea .agreeList li .slideArea .docAreaWrap .docArea u {
  text-decoration: underline;
}

#helpConsult .termsArea .agreeList li .slideArea .docAreaWrap .docArea .text-tiny {
  font-size: 0.7em;
}

#helpConsult .termsArea .agreeList li .slideArea .docAreaWrap .docArea .text-small {
  font-size: 0.85em;
}

#helpConsult .termsArea .agreeList li .slideArea .docAreaWrap .docArea .text-big {
  font-size: 1.4em;
}

#helpConsult .termsArea .agreeList li .slideArea .docAreaWrap .docArea .text-huge {
  font-size: 1.8em;
}

#helpConsult .termsArea .agreeList li:last-of-type {
  margin-bottom: 0;
}

#helpConsult .termsArea .agreeList li.on .slideArea {
  height: 228px;
}

#helpConsult .termsArea .agreeList li label {
  margin-bottom: 0;
}

#helpConsult .infoAra {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 44px;
  gap: 20px;
  margin-top: 64px;
  border-radius: 12px;
  background: #F5F5F5;
}

#helpConsult .infoAra p {
  font-size: 18px;
  font-weight: 600;
  line-height: 145%;
  letter-spacing: 0.072px;
  text-align: center;
}

#helpConsult .infoAra .callInfo {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 14px 40px;
  background: #fff;
  border-radius: 12px;
}

#helpConsult .infoAra .callInfo em {
  display: block;
  padding-left: 32px;
  font-size: 18px;
  font-weight: 600;
  line-height: 145%;
  letter-spacing: 0.072px;
  background: url(/static/images/common/ico_notAnswer.svg) no-repeat 0 50%/20px auto;
}

#helpConsult .infoAra .callInfo strong {
  font-size: 28px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.672px;
  color: #FF7A00;
}

#helpConsult .infoAra .callInfo span {
  font-size: 18px;
  font-weight: 400;
  line-height: 145%;
  letter-spacing: -0.072px;
  color: #666666;
}

#helpConsult .infoAra > span {
  display: block;
  text-align: center;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.168px;
  color: #666666;
}

#helpConsult .btnArea {
  display: flex;
  justify-content: center;
  margin-top: 64px;
}

#helpConsult .btnArea a {
  width: 242px;
}

#helpConsult.ohfodConsult .attachArea {
  margin-top: 82px;
}

#helpConsult.ohfodConsult .attachArea .titleArea {
  margin-bottom: 30px;
}

#helpConsult.ohfodConsult .attachArea .titleArea .topCont {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}

#helpConsult.ohfodConsult .attachArea .titleArea .topCont strong {
  font-size: 24px;
  font-weight: 600;
  line-height: 145%;
  letter-spacing: -0.096px;
}

#helpConsult.ohfodConsult .attachArea .titleArea .topCont a {
  width: 160px;
  margin-left: auto;
}

#helpConsult.ohfodConsult .attachArea .titleArea p {
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #444444;
}

#helpConsult.ohfodConsult .attachArea .titleArea p sup {
  color: #FF7A00;
}

#helpConsult.ohfodConsult .attachArea .checkAllArea {
  margin-bottom: 45px;
  padding-top: 24px;
  border-top: 1px solid #111111;
}

#helpConsult.ohfodConsult .attachArea .checkList {
  position: relative;
}

#helpConsult.ohfodConsult .attachArea .checkList .controlArea {
  display: flex;
  gap: 10px;
  position: absolute;
  right: 0;
  top: -40px;
  transform: translateY(-100%);
}

#helpConsult.ohfodConsult .attachArea .checkList .controlArea a {
  display: block;
  position: relative;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid #ddd;
  flex: none;
  width: 34px;
  height: 34px;
}

#helpConsult.ohfodConsult .attachArea .checkList .controlArea a:after {
  content: "";
  position: absolute;
  width: 7px;
  height: 12px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-size: 7px auto;
  background-position: 50%;
  background-repeat: no-repeat;
}

#helpConsult.ohfodConsult .attachArea .checkList .controlArea a.btnPrev::after {
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M5.75 10.5L1 5.74998L5.75 1.00001" stroke="%23111" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}

#helpConsult.ohfodConsult .attachArea .checkList .controlArea a.btnNext::after {
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.25 1.5L6 6.25002L1.25 11" stroke="%23111" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}

#helpConsult.ohfodConsult .attachArea .checkList .controlArea a.btnPause::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L1 11' stroke='%23111' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M5 1L5 11' stroke='%23111' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

#helpConsult.ohfodConsult .attachArea .checkList .controlArea a.btnPlay::after {
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 6.13397C13.1667 6.51888 13.1667 7.48113 12.5 7.86603L5 12.1962C4.33333 12.5811 3.5 12.0999 3.5 11.3301L3.5 2.66987C3.5 1.90007 4.33333 1.41895 5 1.80385L12.5 6.13397Z' fill='%23111'/%3E%3C/svg%3E%0A");
  background-size: 14px auto;
}

#helpConsult.ohfodConsult .attachArea .checkList .checkSlide {
  margin: 0 -12px;
}

#helpConsult.ohfodConsult .attachArea .checkList .checkSlide .slideList {
  margin: 0 12px;
}

#helpConsult.ohfodConsult .attachArea .checkList .checkSlide .slideList input[type=checkbox].chkTypeA.sizeA + label {
  display: block;
  padding: 32px 0 0;
}

#helpConsult.ohfodConsult .attachArea .checkList .checkSlide .slideList input[type=checkbox].chkTypeA.sizeA + label .labelWrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  height: 240px;
  padding: 20px 24px 26px;
  border-radius: 12px;
  border: 1px solid #DDDDDD;
}

#helpConsult.ohfodConsult .attachArea .checkList .checkSlide .slideList input[type=checkbox].chkTypeA.sizeA + label .labelWrap strong {
  display: block;
  margin-bottom: 9px;
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
}

#helpConsult.ohfodConsult .attachArea .checkList .checkSlide .slideList input[type=checkbox].chkTypeA.sizeA + label .labelWrap strong .OCS {
  color: #FF7A00;
}

#helpConsult.ohfodConsult .attachArea .checkList .checkSlide .slideList input[type=checkbox].chkTypeA.sizeA + label .labelWrap strong .HMS {
  color: #DD345C;
}

#helpConsult.ohfodConsult .attachArea .checkList .checkSlide .slideList input[type=checkbox].chkTypeA.sizeA + label .labelWrap strong .FLS {
  color: #A555E2;
}

#helpConsult.ohfodConsult .attachArea .checkList .checkSlide .slideList input[type=checkbox].chkTypeA.sizeA + label .labelWrap strong .OMS {
  color: #FFBE15;
}

#helpConsult.ohfodConsult .attachArea .checkList .checkSlide .slideList input[type=checkbox].chkTypeA.sizeA + label .labelWrap strong .DSS {
  color: #706FF7;
}

#helpConsult.ohfodConsult .attachArea .checkList .checkSlide .slideList input[type=checkbox].chkTypeA.sizeA + label .labelWrap em {
  display: block;
  margin-bottom: 9px;
  font-size: 18px;
  font-weight: 600;
  line-height: 145%;
  letter-spacing: 0.072px;
}

#helpConsult.ohfodConsult .attachArea .checkList .checkSlide .slideList input[type=checkbox].chkTypeA.sizeA + label .labelWrap .hashtagArea {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 8px;
}

#helpConsult.ohfodConsult .attachArea .checkList .checkSlide .slideList input[type=checkbox].chkTypeA.sizeA + label .labelWrap .hashtagArea li {
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #666666;
}

#helpConsult.ohfodConsult .attachArea .checkList .checkSlide .slideList input[type=checkbox].chkTypeA.sizeA + label .labelWrap .hashtagArea li:before {
  content: "#";
}

#helpConsult.ohfodConsult .attachArea .checkList .checkSlide .slideList input[type=checkbox].chkTypeA.sizeA + label .labelWrap span {
  display: block;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.168px;
  color: #888888;
}

#helpConsult.ohfodConsult .attachArea .checkList .checkSlide .slideList input[type=checkbox].chkTypeA.sizeA + label:after {
  left: 0;
  top: 0;
  margin-top: 0;
}

#helpConsult.ohfodConsult .attachArea .checkList .checkSlide .slideList input[type=checkbox].chkTypeA.sizeA:checked + label .labelWrap {
  border-color: #FF7A00;
}

#helpConsult.ohfodConsult .termsArea {
  border-bottom: 0;
  padding-bottom: 0;
}

#helpConsult.ohfodConsult .termsArea .allChkArea {
  padding-bottom: 12px;
  margin-bottom: 30px;
  border-bottom: 1px solid #111111;
}

#helpConsult.ohfodConsult .btnArea {
  margin-top: 80px;
}

#helpConsult.ohfodConsult .complete {
  display: flex;
  justify-content: center;
}

#helpConsult.ohfodConsult .complete p {
  padding-top: 52px;
  font-size: 24px;
  line-height: 135%;
  letter-spacing: -0.552px;
  text-align: center;
  background: url(/static/images/common/ico_complete.svg) no-repeat 50% 0/40px auto;
}

#helpConsult.ohfodConsult .btnContent {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 64px;
}

#helpConsult.ohfodConsult .btnContent a {
  width: 272px;
}

#helpCollabo #tabTypeB {
  margin-top: 10px;
}

#helpCollabo #contents {
  padding-top: 30px;
}

#helpCollabo .informationText {
  margin-top: 24px;
  font-size: 24px;
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #444444;
  text-align: center;
  word-break: keep-all;
}

#helpCollabo .informationText sup {
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #FF7A00;
}

#helpCollabo .topArea {
  display: flex;
  align-items: center;
  padding-bottom: 12px;
  margin-bottom: 48px;
  border-bottom: 2px solid #111111;
}

#helpCollabo .topArea .cautionText {
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #444444;
}

#helpCollabo .topArea .cautionText sup {
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #FF7A00;
}

#helpCollabo .topArea .memberArea {
  display: flex;
  align-items: flex-end;
  flex: none;
  gap: 16px;
  margin-left: auto;
}

#helpCollabo .topArea .memberArea p {
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #444444;
}

#helpCollabo .topArea .memberArea .btnBox {
  display: flex;
  gap: 6px;
}

#helpCollabo .topArea .memberArea .btnBox a {
  display: flex;
  align-items: center;
  height: 34px;
  padding: 0 18px;
  background: #111111;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.06px;
  border-radius: 17px;
}

#helpCollabo .writeArea .formTypeBasic {
  flex-direction: row;
  gap: 40px;
  flex-wrap: wrap;
}

#helpCollabo .writeArea .formTypeBasic li {
  flex: calc(50% - 20px);
}

#helpCollabo .writeArea .formTypeBasic li.phoneIteme > div {
  display: flex;
  gap: 16px;
}

#helpCollabo .writeArea .formTypeBasic li.phoneIteme > div .selectBox {
  width: 150px;
  flex: none;
}

#helpCollabo .writeArea .formTypeBasic li.addressItem {
  flex-basis: 100%;
}

#helpCollabo .writeArea .formTypeBasic li.addressItem > div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#helpCollabo .writeArea .formTypeBasic li.addressItem > div .postcodeArea {
  display: flex;
  gap: 16px;
}

#helpCollabo .writeArea .formTypeBasic li.addressItem > div .postcodeArea a {
  width: 160px;
  flex: none;
}

#helpCollabo .writeArea .formTypeBasic li.addressItem > div .postcodeArea + #zipCode-error {
  margin-bottom: 20px;
}

#helpCollabo .writeArea .formTypeBasic li.textareaItem #textareaTypeB > span {
  position: absolute;
  bottom: 20px;
  right: 20px;
  font-size: 14px;
  line-height: 150%;
  color: rgba(153, 153, 153, 0.6);
}

#helpCollabo .writeArea .attachArea {
  width: 100%;
}

#helpCollabo .writeArea .attachArea .attachBox {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 628px;
  border-radius: 12px;
  background: #F5F5F5;
}

#helpCollabo .writeArea .attachArea .attachBox .beforeArea {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 36px;
}

#helpCollabo .writeArea .attachArea .attachBox .beforeArea strong {
  display: block;
  margin-bottom: 2px;
  font-weight: 600;
  line-height: 150%;
}

#helpCollabo .writeArea .attachArea .attachBox .beforeArea p {
  font-size: 14px;
  line-height: 150%;
  color: #444444;
}

#helpCollabo .writeArea .attachArea .attachBox .beforeArea .btnBox {
  margin-top: 20px;
}

#helpCollabo .writeArea .attachArea .attachBox .beforeArea .btnBox a {
  width: 148px;
}

#helpCollabo .writeArea .attachArea .attachBox .beforeArea {
  position: relative;
}

#helpCollabo .writeArea .attachArea .attachBox .beforeArea:after {
  content: "";
  position: absolute;
  width: 28px;
  height: 28px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 25 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.46483 4.20441C6.25482 4.5368 5.97462 4.81922 5.64389 5.03185C5.31316 5.24447 4.93991 5.38216 4.55033 5.43524C4.107 5.49824 3.66717 5.56591 3.22733 5.63941C1.99883 5.84357 1.125 6.92507 1.125 8.16991V18.0002C1.125 18.6964 1.40156 19.3641 1.89384 19.8564C2.38613 20.3487 3.05381 20.6252 3.75 20.6252H21.25C21.9462 20.6252 22.6139 20.3487 23.1062 19.8564C23.5984 19.3641 23.875 18.6964 23.875 18.0002V8.16991C23.875 6.92507 23 5.84357 21.7727 5.63941C21.3325 5.56607 20.8915 5.49801 20.4497 5.43524C20.0603 5.38199 19.6873 5.24423 19.3568 5.03162C19.0262 4.819 18.7462 4.53666 18.5363 4.20441L17.5773 2.66907C17.3619 2.31919 17.0654 2.02635 16.7129 1.81535C16.3603 1.60435 15.9621 1.4814 15.552 1.45691C13.5188 1.3477 11.4812 1.3477 9.448 1.45691C9.03786 1.4814 8.63967 1.60435 8.28712 1.81535C7.93457 2.02635 7.63805 2.31919 7.42267 2.66907L6.46483 4.20441Z' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.75 11.875C17.75 13.2674 17.1969 14.6027 16.2123 15.5873C15.2277 16.5719 13.8924 17.125 12.5 17.125C11.1076 17.125 9.77226 16.5719 8.78769 15.5873C7.80312 14.6027 7.25 13.2674 7.25 11.875C7.25 10.4826 7.80312 9.14726 8.78769 8.16269C9.77226 7.17812 11.1076 6.625 12.5 6.625C13.8924 6.625 15.2277 7.17812 16.2123 8.16269C17.1969 9.14726 17.75 10.4826 17.75 11.875ZM20.375 9.25H20.3843V9.25933H20.375V9.25Z' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 50%/25px auto;
}

#helpCollabo .writeArea .attachArea .attachBox .afterArea img {
  max-width: 628px;
  max-height: 628px;
  object-fit: cover;
}

#helpCollabo .writeArea .attachArea .attachBox .afterArea video {
  width: 628px;
  height: 628px;
  object-fit: cover;
}

#helpCollabo .writeArea .attachArea .attachWrap {
  display: flex;
  gap: 12px;
  margin-top: 10px;
}

#helpCollabo .writeArea .attachArea .attachWrap > div {
  position: relative;
  width: 90px;
  height: 90px;
  overflow: hidden;
  border-radius: 12px;
}

#helpCollabo .writeArea .attachArea .attachWrap > div img {
  width: 100%;
  height: 100%;
}

#helpCollabo .writeArea .attachArea .attachWrap > div input[type=button] {
  position: absolute;
  right: 6px;
  top: 6px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #252525 url("data:image/svg+xml,%3Csvg viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L9.5 10' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M1 10L9.5 1.5' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 50%/11px auto;
}

#helpCollabo .writeArea .attachArea .attachWrap > div label {
  display: block;
  height: 90px;
  background: #E7E7E7 url("data:image/svg+xml,%3Csvg viewBox='0 0 28 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 14.5H27' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M14 27.5L14 1.5' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 50%/28px auto;
  cursor: pointer;
}

#helpCollabo .writeArea .attachArea .attachWrap > div iconDoc {
  display: block;
  height: 90px;
  background: #E7E7E7 ico_fileDocument("fff") no-repeat 50%/28px auto;
  cursor: pointer;
}

#helpCollabo .writeArea .attachArea .attachWrap > div input[type=file] {
  position: absolute;
  left: -1px;
  right: -1px;
  width: 1px;
  height: 1px;
  opacity: 0;
}

#helpCollabo .writeArea .attachArea .cautionBox {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 30px;
}

#helpCollabo .writeArea .attachArea .cautionBox div > strong {
  display: block;
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  color: #444444;
}

#helpCollabo .writeArea .attachArea .cautionBox div ul li {
  color: #888888;
}

#helpCollabo .writeArea .attachArea .cautionBox div ul li:after {
  background: #888888;
}

#helpCollabo .termsArea {
  margin-top: 56px;
  padding-bottom: 40px;
  border-bottom: 1px solid #DDDDDD;
}

#helpCollabo .termsArea .allChkArea {
  display: flex;
  gap: 30px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

#helpCollabo .termsArea .allChkArea p {
  line-height: 150%;
  letter-spacing: 0.168px;
  color: #444444;
  font-size: 14px;
}

#helpCollabo .termsArea .allChkArea p em {
  font-weight: 500;
  text-decoration: underline;
}

#helpCollabo .termsArea .agreeList {
  display: flex;
  gap: 12px;
  flex-direction: column;
}

#helpCollabo .termsArea .agreeList li {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  justify-content: space-between;
  margin-bottom: 42px;
  margin: 0;
  gap: 12px;
  column-gap: 40px;
}

#helpCollabo .termsArea .agreeList li label {
  display: inline-block;
  margin-bottom: 22px;
}

#helpCollabo .termsArea .agreeList li a {
  position: relative;
  height: 24px;
  width: 50px;
}

#helpCollabo .termsArea .agreeList li a:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 11px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L9 9L17 1' stroke='%23aaa' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat 50%/18px auto;
  transform-origin: 50%;
}

#helpCollabo .termsArea .agreeList li.on a:after {
  transform: translate(-50%, -50%) rotate(180deg);
}

#helpCollabo .termsArea .agreeList li .slideArea {
  flex: none;
  width: 100%;
  height: 0;
  transition: all 0.4s cubic-bezier(0, 0, 0, 1) 0s;
  overflow: hidden;
}

#helpCollabo .termsArea .agreeList li .slideArea .docAreaWrap {
  border: 1px solid #DDD;
  color: #444;
  border-radius: 12px;
}

#helpCollabo .termsArea .agreeList li .slideArea .docAreaWrap .docArea {
  height: 178px;
  margin: 24px 9px 24px 24px;
  overflow-y: auto;
  padding-right: 15px;
}

#helpCollabo .termsArea .agreeList li .slideArea .docAreaWrap .docArea ul {
  margin-left: 20px;
}

#helpCollabo .termsArea .agreeList li .slideArea .docAreaWrap .docArea ul li {
  all: unset;
  display: revert;
}

#helpCollabo .termsArea .agreeList li .slideArea .docAreaWrap .docArea ul:not(style) {
  list-style: inside;
}

#helpCollabo .termsArea .agreeList li .slideArea .docAreaWrap .docArea ol {
  margin-left: 30px;
}

#helpCollabo .termsArea .agreeList li .slideArea .docAreaWrap .docArea ol li {
  all: unset;
  display: revert;
}

#helpCollabo .termsArea .agreeList li .slideArea .docAreaWrap .docArea strong {
  font-weight: 700;
}

#helpCollabo .termsArea .agreeList li .slideArea .docAreaWrap .docArea u {
  text-decoration: underline;
}

#helpCollabo .termsArea .agreeList li .slideArea .docAreaWrap .docArea .text-tiny {
  font-size: 0.7em;
}

#helpCollabo .termsArea .agreeList li .slideArea .docAreaWrap .docArea .text-small {
  font-size: 0.85em;
}

#helpCollabo .termsArea .agreeList li .slideArea .docAreaWrap .docArea .text-big {
  font-size: 1.4em;
}

#helpCollabo .termsArea .agreeList li .slideArea .docAreaWrap .docArea .text-huge {
  font-size: 1.8em;
}

#helpCollabo .termsArea .agreeList li:last-of-type {
  margin-bottom: 0;
}

#helpCollabo .termsArea .agreeList li.on .slideArea {
  height: 228px;
}

#helpCollabo .termsArea .agreeList li label {
  margin-bottom: 0;
}

#helpCollabo .infoAra {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 44px;
  gap: 20px;
  margin-top: 64px;
  border-radius: 12px;
  background: #F5F5F5;
}

#helpCollabo .infoAra p {
  font-size: 18px;
  font-weight: 600;
  line-height: 145%;
  letter-spacing: 0.072px;
  text-align: center;
}

#helpCollabo .infoAra .callInfo {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 14px 40px;
  background: #fff;
  border-radius: 12px;
}

#helpCollabo .infoAra .callInfo em {
  display: block;
  padding-left: 32px;
  font-size: 18px;
  font-weight: 600;
  line-height: 145%;
  letter-spacing: 0.072px;
  background: url(/static/images/common/ico_notAnswer.svg) no-repeat 0 50%/20px auto;
}

#helpCollabo .infoAra .callInfo strong {
  font-size: 28px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.672px;
  color: #FF7A00;
}

#helpCollabo .infoAra .callInfo span {
  font-size: 18px;
  font-weight: 400;
  line-height: 145%;
  letter-spacing: -0.072px;
  color: #666666;
}

#helpCollabo .infoAra > span {
  display: block;
  text-align: center;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.168px;
  color: #666666;
}

#helpCollabo .btnArea {
  display: flex;
  justify-content: center;
  margin-top: 64px;
}

#helpCollabo .btnArea a {
  width: 242px;
}

#helpCollabo.ohfodConsult .attachArea {
  margin-top: 82px;
}

#helpCollabo.ohfodConsult .attachArea .titleArea {
  margin-bottom: 30px;
}

#helpCollabo.ohfodConsult .attachArea .titleArea .topCont {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}

#helpCollabo.ohfodConsult .attachArea .titleArea .topCont strong {
  font-size: 24px;
  font-weight: 600;
  line-height: 145%;
  letter-spacing: -0.096px;
}

#helpCollabo.ohfodConsult .attachArea .titleArea .topCont a {
  width: 160px;
  margin-left: auto;
}

#helpCollabo.ohfodConsult .attachArea .titleArea p {
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #444444;
}

#helpCollabo.ohfodConsult .attachArea .titleArea p sup {
  color: #FF7A00;
}

#helpCollabo.ohfodConsult .attachArea .checkAllArea {
  margin-bottom: 45px;
  padding-top: 24px;
  border-top: 1px solid #111111;
}

#helpCollabo.ohfodConsult .attachArea .checkList {
  position: relative;
}

#helpCollabo.ohfodConsult .attachArea .checkList .controlArea {
  display: flex;
  gap: 10px;
  position: absolute;
  right: 0;
  top: -40px;
  transform: translateY(-100%);
}

#helpCollabo.ohfodConsult .attachArea .checkList .controlArea a {
  display: block;
  position: relative;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid #ddd;
  flex: none;
  width: 34px;
  height: 34px;
}

#helpCollabo.ohfodConsult .attachArea .checkList .controlArea a:after {
  content: "";
  position: absolute;
  width: 7px;
  height: 12px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-size: 7px auto;
  background-position: 50%;
  background-repeat: no-repeat;
}

#helpCollabo.ohfodConsult .attachArea .checkList .controlArea a.btnPrev::after {
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M5.75 10.5L1 5.74998L5.75 1.00001" stroke="%23111" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}

#helpCollabo.ohfodConsult .attachArea .checkList .controlArea a.btnNext::after {
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.25 1.5L6 6.25002L1.25 11" stroke="%23111" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}

#helpCollabo.ohfodConsult .attachArea .checkList .controlArea a.btnPause::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L1 11' stroke='%23111' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M5 1L5 11' stroke='%23111' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

#helpCollabo.ohfodConsult .attachArea .checkList .controlArea a.btnPlay::after {
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 6.13397C13.1667 6.51888 13.1667 7.48113 12.5 7.86603L5 12.1962C4.33333 12.5811 3.5 12.0999 3.5 11.3301L3.5 2.66987C3.5 1.90007 4.33333 1.41895 5 1.80385L12.5 6.13397Z' fill='%23111'/%3E%3C/svg%3E%0A");
  background-size: 14px auto;
}

#helpCollabo.ohfodConsult .attachArea .checkList .checkSlide {
  margin: 0 -12px;
}

#helpCollabo.ohfodConsult .attachArea .checkList .checkSlide .slideList {
  margin: 0 12px;
}

#helpCollabo.ohfodConsult .attachArea .checkList .checkSlide .slideList input[type=checkbox].chkTypeA.sizeA + label {
  display: block;
  padding: 32px 0 0;
}

#helpCollabo.ohfodConsult .attachArea .checkList .checkSlide .slideList input[type=checkbox].chkTypeA.sizeA + label .labelWrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  height: 240px;
  padding: 20px 24px 26px;
  border-radius: 12px;
  border: 1px solid #DDDDDD;
}

#helpCollabo.ohfodConsult .attachArea .checkList .checkSlide .slideList input[type=checkbox].chkTypeA.sizeA + label .labelWrap strong {
  display: block;
  margin-bottom: 9px;
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
}

#helpCollabo.ohfodConsult .attachArea .checkList .checkSlide .slideList input[type=checkbox].chkTypeA.sizeA + label .labelWrap strong .OCS {
  color: #FF7A00;
}

#helpCollabo.ohfodConsult .attachArea .checkList .checkSlide .slideList input[type=checkbox].chkTypeA.sizeA + label .labelWrap strong .HMS {
  color: #DD345C;
}

#helpCollabo.ohfodConsult .attachArea .checkList .checkSlide .slideList input[type=checkbox].chkTypeA.sizeA + label .labelWrap strong .FLS {
  color: #A555E2;
}

#helpCollabo.ohfodConsult .attachArea .checkList .checkSlide .slideList input[type=checkbox].chkTypeA.sizeA + label .labelWrap strong .OMS {
  color: #FFBE15;
}

#helpCollabo.ohfodConsult .attachArea .checkList .checkSlide .slideList input[type=checkbox].chkTypeA.sizeA + label .labelWrap strong .DSS {
  color: #706FF7;
}

#helpCollabo.ohfodConsult .attachArea .checkList .checkSlide .slideList input[type=checkbox].chkTypeA.sizeA + label .labelWrap em {
  display: block;
  margin-bottom: 9px;
  font-size: 18px;
  font-weight: 600;
  line-height: 145%;
  letter-spacing: 0.072px;
}

#helpCollabo.ohfodConsult .attachArea .checkList .checkSlide .slideList input[type=checkbox].chkTypeA.sizeA + label .labelWrap .hashtagArea {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 8px;
}

#helpCollabo.ohfodConsult .attachArea .checkList .checkSlide .slideList input[type=checkbox].chkTypeA.sizeA + label .labelWrap .hashtagArea li {
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #666666;
}

#helpCollabo.ohfodConsult .attachArea .checkList .checkSlide .slideList input[type=checkbox].chkTypeA.sizeA + label .labelWrap .hashtagArea li:before {
  content: "#";
}

#helpCollabo.ohfodConsult .attachArea .checkList .checkSlide .slideList input[type=checkbox].chkTypeA.sizeA + label .labelWrap span {
  display: block;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.168px;
  color: #888888;
}

#helpCollabo.ohfodConsult .attachArea .checkList .checkSlide .slideList input[type=checkbox].chkTypeA.sizeA + label:after {
  left: 0;
  top: 0;
  margin-top: 0;
}

#helpCollabo.ohfodConsult .attachArea .checkList .checkSlide .slideList input[type=checkbox].chkTypeA.sizeA:checked + label .labelWrap {
  border-color: #FF7A00;
}

#helpCollabo.ohfodConsult .termsArea {
  border-bottom: 0;
  padding-bottom: 0;
}

#helpCollabo.ohfodConsult .termsArea .allChkArea {
  padding-bottom: 12px;
  margin-bottom: 30px;
  border-bottom: 1px solid #111111;
}

#helpCollabo.ohfodConsult .btnArea {
  margin-top: 80px;
}

#helpCollabo.ohfodConsult .complete {
  display: flex;
  justify-content: center;
}

#helpCollabo.ohfodConsult .complete p {
  padding-top: 52px;
  font-size: 24px;
  line-height: 135%;
  letter-spacing: -0.552px;
  text-align: center;
  background: url(/static/images/common/ico_complete.svg) no-repeat 50% 0/40px auto;
}

#helpCollabo.ohfodConsult .btnContent {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 64px;
}

#helpCollabo.ohfodConsult .btnContent a {
  width: 272px;
}

#productList {
  padding-top: 20px;
}

#productList #titleCont {
  margin-bottom: 40px;
}

#productList #titleCont.modeText h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -1.344px;
}

#productList #contents {
  display: flex;
  padding-top: 50px;
  gap: 106px;
}

#productList #contents > article {
  flex-basis: 0;
  flex-grow: 1;
}

#productList #contents.pageCategory {
  padding-top: 0;
  margin-top: 64px;
}

#productList .bannerArea {
  margin-bottom: 40px;
}

#productList #boardGuid {
  margin-bottom: 25px;
}

#productList #boardGuid .groupArea > p {
  margin-bottom: 0;
}

#productList #boardGuid .groupArea .sortInfo {
  margin-top: 8px;
}

#productList .pagination {
  margin-top: 60px;
}

#productList .picSlideArea .wrap {
  position: relative;
  width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
}

#productList .picSlideArea .wrap #picSlide {
  overflow: hidden;
  margin: 0 70px;
  opacity: 0;
  transition: 0.1s;
}

#productList .picSlideArea .wrap #picSlide.swiper-initialized {
  opacity: 1;
}

#productList .picSlideArea .wrap #picSlide .swiper-slide {
  width: 108.88px;
  margin-right: 20px;
}

#productList .picSlideArea .wrap #picSlide .swiper-slide a {
  display: block;
}

#productList .picSlideArea .wrap #picSlide .swiper-slide a .imgArea {
  display: flex;
  position: relative;
  height: 80px;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}

#productList .picSlideArea .wrap #picSlide .swiper-slide a .imgArea img {
  width: 80px;
  height: 80px;
}

#productList .picSlideArea .wrap #picSlide .swiper-slide a > strong {
  display: block;
  text-align: center;
  line-height: 150%;
  letter-spacing: -0.32px;
  word-break: keep-all;
}

#productList .picSlideArea .wrap #picSlide .swiper-slide.on a .imgArea:after {
  content: "";
  position: absolute;
  width: 80px;
  height: 80px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #FF7A00;
  border-radius: 50%;
}

#productList .picSlideArea .wrap #picSlide .swiper-slide.on a > strong {
  color: #FF7A00;
  font-weight: 700;
}

#productList .picSlideArea .wrap .controlArea a {
  top: 50%;
  transform: translateY(-50%);
  display: block;
  position: relative;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid #ddd;
  flex: none;
  position: absolute;
}

#productList .picSlideArea .wrap .controlArea a:after {
  content: "";
  position: absolute;
  width: 7px;
  height: 12px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-size: 7px auto;
  background-position: 50%;
  background-repeat: no-repeat;
}

#productList .picSlideArea .wrap .controlArea a.btnPrev::after {
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M5.75 10.5L1 5.74998L5.75 1.00001" stroke="%23111" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}

#productList .picSlideArea .wrap .controlArea a.btnNext::after {
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.25 1.5L6 6.25002L1.25 11" stroke="%23111" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}

#productList .picSlideArea .wrap .controlArea a.btnPause::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L1 11' stroke='%23111' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M5 1L5 11' stroke='%23111' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

#productList .picSlideArea .wrap .controlArea a.btnPlay::after {
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 6.13397C13.1667 6.51888 13.1667 7.48113 12.5 7.86603L5 12.1962C4.33333 12.5811 3.5 12.0999 3.5 11.3301L3.5 2.66987C3.5 1.90007 4.33333 1.41895 5 1.80385L12.5 6.13397Z' fill='%23111'/%3E%3C/svg%3E%0A");
  background-size: 14px auto;
}

#productList .picSlideArea .wrap .controlArea a.btnPrev {
  left: 0;
}

#productList .picSlideArea .wrap .controlArea a.btnNext {
  right: 0;
}

#productList #brandSlideWrap {
  display: flex;
  align-items: center;
  height: 78px;
  background: #F9F9F9;
  margin: 28px 0 10px;
}

#productList #brandSlideCont {
  position: relative;
  width: 1320px;
  margin: 0 auto;
  padding: 0 66px;
}

#productList #brandSlideCont .btnSlidePrev {
  position: absolute;
  top: 9px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #DDDDDD;
  background: #fff;
  box-shadow: 0 1.3913046122px 4.1739139557px rgba(0, 0, 0, 0.1);
  left: 20px;
}

#productList #brandSlideCont .btnSlidePrev:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 10px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 6px auto;
}

#productList #brandSlideCont .btnSlidePrev:after {
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M5.75 10.5L1 5.74998L5.75 1.00001" stroke="%23111" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}

#productList #brandSlideCont .btnSlideNext {
  position: absolute;
  top: 9px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #DDDDDD;
  background: #fff;
  box-shadow: 0 1.3913046122px 4.1739139557px rgba(0, 0, 0, 0.1);
  right: 20px;
}

#productList #brandSlideCont .btnSlideNext:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 10px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 6px auto;
}

#productList #brandSlideCont .btnSlideNext:after {
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.25 1.5L6 6.25002L1.25 11" stroke="%23111" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}

#productList #brandSlide .swiper-slide {
  width: auto;
  position: relative;
}

#productList #brandSlide .swiper-slide a {
  display: flex;
  align-items: center;
  height: 50px;
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #444444;
}

#productList #brandSlide .swiper-slide a i {
  display: block;
  margin-right: 8px;
}

#productList #brandSlide .swiper-slide a i img {
  max-height: 50px;
}

#productList #brandSlide .swiper-slide.on a {
  color: #FF7A00;
}

#productList #brandSlide .swiper-slide:after {
  content: "";
  position: absolute;
  right: -25px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background: #DDDDDD;
}

#productList #brandSlide .swiper-slide:last-of-type::after {
  display: none;
}

#productList #brandSlide.endPaging:after {
  display: none;
}

#productList #brandSlide:after {
  content: "";
  position: absolute;
  right: 0;
  top: -14px;
  width: 86px;
  height: 78px;
  background: linear-gradient(270deg, #F9F9F9 0%, rgba(249, 249, 249, 0.58) 54.58%, rgba(249, 249, 249, 0.1) 116.44%);
  z-index: 11;
}

#productList > form {
  position: relative;
  z-index: 1;
}

#productDetail h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 135%;
  letter-spacing: -0.552px;
}

#productDetail #productIntroduce {
  display: flex;
  gap: 50px;
  margin-bottom: 137px;
  position: relative;
}

#productDetail #productIntroduce .imgArea {
  flex: none;
  width: 602px;
}

#productDetail #productIntroduce .imgArea .enlarge {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 540px;
  border-radius: 20px;
  border: 1px solid #DDDDDD;
  padding: 20px;
}

#productDetail #productIntroduce .imgArea .enlarge img {
  max-width: 100%;
  max-height: 100%;
}

#productDetail #productIntroduce .imgArea .imgSlide {
  padding: 0 0;
  margin: 24px 39px 0;
}

#productDetail #productIntroduce .imgArea .imgSlide .slick-list {
  margin: 0 -8px;
}

#productDetail #productIntroduce .imgArea .imgSlide .slick-slide {
  margin: 0 6px;
}

#productDetail #productIntroduce .imgArea .imgSlide .slick-slide a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  height: 82px;
  overflow: hidden;
}

#productDetail #productIntroduce .imgArea .imgSlide .slick-slide a img {
  max-width: 100%;
  max-height: 100%;
}

#productDetail #productIntroduce .imgArea .imgSlide .slick-slide.on a {
  border-color: #FF7A00;
}

#productDetail #productIntroduce .imgArea .imgSlide .slick-slide:last-of-type {
  margin-right: 0;
}

#productDetail #productIntroduce .imgArea .imgSlide .slick-arrow {
  background: #fff;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid #DDDDDD;
  box-shadow: 0 1.3px 4.1px rgba(0, 0, 0, 0.1);
}

#productDetail #productIntroduce .imgArea .imgSlide .slick-arrow.slick-prev {
  left: -39px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.12988 7.38965L1.73858 4.28093L5.12988 1.17226' stroke='%23111' stroke-width='1.04348' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 50%/6px auto;
}

#productDetail #productIntroduce .imgArea .imgSlide .slick-arrow.slick-next {
  right: -39px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.870117 0.610352L4.26142 3.71907L0.870117 6.82774' stroke='%23111' stroke-width='1.04348' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 50%/6px auto;
}

#productDetail #productIntroduce #demo-container {
  z-index: -1;
}

#productDetail #productIntroduce .mainText .titleArea {
  margin-bottom: 40px;
}

#productDetail #productIntroduce .mainText .titleArea em {
  display: inline-flex;
  padding: 3px 10px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  border-radius: 4px;
  background: #FFF1E3;
  color: #FF7A00;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.16px;
}

#productDetail #productIntroduce .mainText .titleArea em + h2 {
  margin-top: 17px;
}

#productDetail #productIntroduce .mainText .titleArea h2 {
  font-size: 36px;
  font-weight: 700;
  line-height: 135%;
  letter-spacing: -1.008px;
}

#productDetail #productIntroduce .mainText .titleArea p {
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #444444;
  margin-top: 4px;
  font-size: 18px;
}

#productDetail #productIntroduce .mainText .titleArea span {
  display: block;
  margin-top: 14px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #888888;
}

#productDetail #productIntroduce .mainText .infoArea {
  display: flex;
  gap: 24px;
  margin-bottom: 40px;
}

#productDetail #productIntroduce .mainText .infoArea article {
  flex-grow: 1;
  flex-basis: 0;
}

#productDetail #productIntroduce .mainText .infoArea article h3 {
  margin-bottom: 10px;
}

#productDetail #productIntroduce .mainText .infoArea article ul {
  border-top: 1px solid #111111;
}

#productDetail #productIntroduce .mainText .infoArea article ul li {
  display: flex;
  padding: 10px;
  border-bottom: 1px solid #DDDDDD;
}

#productDetail #productIntroduce .mainText .infoArea article ul li strong,
#productDetail #productIntroduce .mainText .infoArea article ul li span {
  display: block;
  flex-grow: 1;
  flex-basis: 0;
  line-height: 150%;
  letter-spacing: 0.168px;
  font-size: 16px;
}

#productDetail #productIntroduce .mainText .infoArea article ul li strong {
  flex: none;
  width: 124px;
  margin-right: 16px;
  font-weight: 500;
}

#productDetail #productIntroduce .mainText .infoArea article ul li span {
  color: #666666;
}

#productDetail #productIntroduce .mainText .infoArea article ul ~ span {
  display: block;
  line-height: 150%;
  letter-spacing: 0.168px;
  color: #AAAAAA;
  font-size: 14px;
}

#productDetail #productIntroduce .mainText .infoArea article ul ~ span:first-of-type {
  margin-top: 10px;
}

#productDetail #productIntroduce .mainText .businessLocation {
  margin-bottom: 30px;
}

#productDetail #productIntroduce .mainText .btnArea {
  display: flex;
  gap: 8px;
  margin-bottom: 100px;
}

#productDetail #productIntroduce .mainText .btnArea .btnLike {
  width: 64px;
  height: 64px;
  flex: none;
  border-radius: 12px;
  box-shadow: none;
  background: rgba(255, 255, 255, 0.75) url("data:image/svg+xml,%3Csvg width='20' height='17' viewBox='0 0 20 17' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.605 12.7329C12.488 14.6259 10.3233 15.8606 10.0004 16.0392C9.67753 15.8606 7.51278 14.6259 5.39582 12.7329C3.1488 10.7236 1.15059 8.14531 1.15039 5.42668C1.15188 4.18183 1.63698 2.99147 2.49449 2.11588C3.35149 1.24083 4.51004 0.751498 5.71513 0.75C7.25947 0.750131 8.57916 1.42411 9.39616 2.53518L10.0004 3.35688L10.6046 2.53518C11.4216 1.42411 12.7413 0.750131 14.2857 0.75C15.4907 0.751499 16.6493 1.24083 17.5063 2.11588C18.3639 2.99157 18.849 4.18211 18.8504 5.42711C18.85 8.14559 16.8519 10.7237 14.605 12.7329Z' stroke='%23111' stroke-width='1.5'/%3E%3C/svg%3E%0A") no-repeat 50%/25px auto;
}

#productDetail #productIntroduce .mainText .btnArea .btnLike.on {
  background: rgba(255, 255, 255, 0.75) url("data:image/svg+xml,%3Csvg width='20' height='17' viewBox='0 0 20 17' fill='%23F5821F' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.605 12.7329C12.488 14.6259 10.3233 15.8606 10.0004 16.0392C9.67753 15.8606 7.51278 14.6259 5.39582 12.7329C3.1488 10.7236 1.15059 8.14531 1.15039 5.42668C1.15188 4.18183 1.63698 2.99147 2.49449 2.11588C3.35149 1.24083 4.51004 0.751498 5.71513 0.75C7.25947 0.750131 8.57916 1.42411 9.39616 2.53518L10.0004 3.35688L10.6046 2.53518C11.4216 1.42411 12.7413 0.750131 14.2857 0.75C15.4907 0.751499 16.6493 1.24083 17.5063 2.11588C18.3639 2.99157 18.849 4.18211 18.8504 5.42711C18.85 8.14559 16.8519 10.7237 14.605 12.7329Z' stroke='%23F5821F' stroke-width='1.5'/%3E%3C/svg%3E%0A") no-repeat 50%/25px auto;
}

#productDetail #productIntroduce .mainText .btnArea .btnTypeC.colorA {
  font-weight: 600;
  width: 133px;
  flex: none;
}

#productDetail #productIntroduce .mainText .btnArea .btnTypeC.colorB span {
  display: block;
  padding-left: 35px;
}

#productDetail #productIntroduce .mainText .btnArea .btnTypeC.colorB span {
  position: relative;
}

#productDetail #productIntroduce .mainText .btnArea .btnTypeC.colorB span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  background: 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_4236_13330' 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_4236_13330)'%3E%3Cpath d='M7.15771 21.5591C6.67182 21.5591 6.25869 21.3889 5.91831 21.0485C5.57792 20.7082 5.40773 20.295 5.40773 19.8091C5.40773 19.3232 5.57792 18.9101 5.91831 18.5697C6.25869 18.2293 6.67182 18.0591 7.15771 18.0591C7.64361 18.0591 8.05675 18.2293 8.39713 18.5697C8.73751 18.9101 8.90771 19.3232 8.90771 19.8091C8.90771 20.295 8.73751 20.7082 8.39713 21.0485C8.05675 21.3889 7.64361 21.5591 7.15771 21.5591ZM16.85 21.5591C16.3641 21.5591 15.951 21.3889 15.6106 21.0485C15.2702 20.7082 15.1 20.295 15.1 19.8091C15.1 19.3232 15.2702 18.9101 15.6106 18.5697C15.951 18.2293 16.3641 18.0591 16.85 18.0591C17.3359 18.0591 17.749 18.2293 18.0894 18.5697C18.4298 18.9101 18.6 19.3232 18.6 19.8091C18.6 20.295 18.4298 20.7082 18.0894 21.0485C17.749 21.3889 17.3359 21.5591 16.85 21.5591ZM6.01923 5.75144L8.55386 11.0591H15.5539L18.3231 6.02066C18.3615 5.95015 18.3648 5.88765 18.3327 5.83316C18.3007 5.77866 18.2462 5.75142 18.1692 5.75142L6.01923 5.75144ZM7.15771 16.5591C6.49106 16.5591 5.9901 16.2716 5.65483 15.6966C5.31958 15.1216 5.30772 14.5476 5.61926 13.9745L7.04621 11.4091L3.40773 3.75144H2.22888C2.02246 3.75144 1.85003 3.67965 1.71158 3.53607C1.57313 3.39248 1.50391 3.21427 1.50391 3.00144C1.50391 2.78862 1.5757 2.61042 1.71928 2.46684C1.86286 2.32326 2.04106 2.25146 2.25386 2.25146H3.78268C3.9532 2.25146 4.11217 2.29666 4.25961 2.38704C4.40704 2.47742 4.51922 2.60467 4.59616 2.76877L5.29998 4.25146H19.1846C19.6474 4.25146 19.9733 4.42133 20.1624 4.76107C20.3515 5.10082 20.3448 5.46043 20.1422 5.83992L16.9385 11.6437C16.7743 11.9386 16.5599 12.1649 16.2952 12.3226C16.0304 12.4802 15.7321 12.5591 15.4 12.5591H8.10386L6.94616 14.6745C6.89487 14.7514 6.89327 14.8348 6.94136 14.9245C6.98944 15.0143 7.06156 15.0591 7.15771 15.0591H17.875C18.0814 15.0591 18.2538 15.1309 18.3923 15.2745C18.5307 15.4181 18.6 15.5963 18.6 15.8091C18.6 16.0219 18.5282 16.2001 18.3846 16.3437C18.241 16.4873 18.0628 16.5591 17.85 16.5591L7.15771 16.5591Z' fill='%23F5821F'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50%/100% auto;
}

#productDetail #productIntroduce .mainText .recommendArea {
  margin-bottom: 60px;
}

#productDetail #productIntroduce .mainText .recommendArea .recommendTitle {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

#productDetail #productIntroduce .mainText .recommendArea .recommendTitle ul {
  display: flex;
  gap: 10px;
  width: 74px;
  margin-left: auto;
}

#productDetail #productIntroduce .mainText .recommendArea .recommendTitle ul li a {
  display: block;
  background: #fff;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #DDDDDD;
  box-shadow: 0 1.3px 4.1px rgba(0, 0, 0, 0.1);
}

#productDetail #productIntroduce .mainText .recommendArea .recommendTitle ul li a.btnPrev {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.12988 7.38965L1.73858 4.28093L5.12988 1.17226' stroke='%23111' stroke-width='1.04348' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 50%/6px auto;
}

#productDetail #productIntroduce .mainText .recommendArea .recommendTitle ul li a.btnNext {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.870117 0.610352L4.26142 3.71907L0.870117 6.82774' stroke='%23111' stroke-width='1.04348' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 50%/6px auto;
}

#productDetail #productIntroduce .mainText .recommendArea .recommendSlide {
  width: 628px;
}

#productDetail #productIntroduce .mainText .recommendArea .recommendSlide .slick-list {
  margin: 0 -12px;
}

#productDetail #productIntroduce .mainText .recommendArea .recommendSlide .slick-slide {
  margin: 0 12px;
}

#productDetail #productIntroduce .mainText .recommendArea .recommendSlide a {
  display: block;
}

#productDetail #productIntroduce .mainText .recommendArea .recommendSlide a .imgArea {
  display: flex;
  justify-content: center;
  padding: 12px;
  align-items: center;
  position: relative;
  height: 174px;
  width: 194px;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
}

#productDetail #productIntroduce .mainText .recommendArea .recommendSlide a .imgArea img {
  max-height: 100%;
  max-width: 100%;
}

#productDetail #productIntroduce .mainText .recommendArea .recommendSlide a .imgArea .icGroup {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 11px;
  top: 11px;
  gap: 4px;
  align-items: flex-start;
}

#productDetail #productIntroduce .mainText .recommendArea .recommendSlide a .imgArea .icGroup i {
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.168px;
  color: #fff;
  background: #111111;
  border-radius: 6px;
}

#productDetail #productIntroduce .mainText .recommendArea .recommendSlide a .imgArea .icGroup i.icNew {
  background: #FF7A00;
}

#productDetail #productIntroduce .mainText .recommendArea .recommendSlide a .imgArea .icGroup i.icMd {
  background: #4F6EDD;
}

#productDetail #productIntroduce .mainText .recommendArea .recommendSlide a .imgArea .icGroup i.icBest {
  background: #DD345C;
}

#productDetail #productIntroduce .mainText .recommendArea .recommendSlide a .imgArea .icGroup i.icNO {
  background: #46B773;
}

#productDetail #productIntroduce .mainText .recommendArea .recommendSlide a .textArea {
  padding-top: 16px;
}

#productDetail #productIntroduce .mainText .recommendArea .recommendSlide a .textArea em {
  display: block;
  margin-bottom: 2px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #FF7A00;
  min-height: 22px;
}

#productDetail #productIntroduce .mainText .recommendArea .recommendSlide a .textArea strong {
  display: block;
  font-size: 18px;
  font-weight: 600;
  line-height: 145%;
  letter-spacing: 0.072px;
}

#productDetail #productIntroduce .mainText .recommendArea .recommendSlide a .textArea .productInfo {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 4px;
}

#productDetail #productIntroduce .mainText .recommendArea .recommendSlide a .textArea .productInfo i, #productDetail #productIntroduce .mainText .recommendArea .recommendSlide a .textArea .productInfo span {
  display: flex;
  padding: 0 8px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.168px;
  color: #666666;
  background: #F5F5F5;
}

#productDetail #productIntroduce .mainText .recommendArea .recommendSlide a .textArea .productInfo i:before {
  content: "#";
}

#productDetail #productIntroduce .mainText .recommendArea.menuList .recommendSlide a .imgArea {
  height: 194px;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  padding: 0;
  overflow: hidden;
}

#productDetail #productIntroduce .mainText .recommendArea.menuList .recommendSlide a .imgArea img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#productDetail #productIntroduce .mainText .recommendArea:last-of-type {
  margin-bottom: 0;
}

#productDetail #productIntroduce .btnBox {
  display: flex;
  gap: 9px;
  position: absolute;
  right: 0;
  top: 0;
}

#productDetail #detailView {
  position: relative;
}

#productDetail #detailView #detailTab {
  position: relative;
  height: 73px;
  margin-bottom: 130px;
}

#productDetail #detailView #detailTab ul {
  display: flex;
}

#productDetail #detailView #detailTab ul li {
  flex-basis: 0;
  flex-grow: 1;
}

#productDetail #detailView #detailTab ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  position: relative;
  height: 73px;
  font-weight: 700;
  line-height: 140%;
  font-size: 18px;
}

#productDetail #detailView #detailTab ul li a span {
  font-size: 13px;
  font-weight: 400;
  line-height: 140%;
  color: #444444;
}

#productDetail #detailView #detailTab ul li a:after {
  content: "";
  position: absolute;
  display: none;
  left: 0;
  bottom: 0;
  border-radius: 4px;
  height: 4px;
  width: 100%;
  background: #FF7A00;
}

#productDetail #detailView #detailTab ul li.on a {
  color: #FF7A00;
}

#productDetail #detailView #detailTab ul li.on a span {
  color: #FF7A00;
}

#productDetail #detailView #detailTab ul li.on a:after {
  display: block;
}

#productDetail #detailView #detailTabWrap:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 100vw;
  height: 100%;
  background: #F9F9F9;
  z-index: -1;
}

@media screen and (max-width: 1320px) {
  #productDetail #detailView #detailTabWrap:after {
    left: -20px;
    width: calc(100% + 40px);
    transform: translateX(0);
  }
}
#productDetail #detailView #detailTab.fixed {
  width: 100%;
  z-index: 20;
}

#productDetail #detailView #detailTab.fixed #detailTabWrap {
  display: flex;
  justify-content: center;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}

#productDetail #detailView #detailTab.fixed #detailTabWrap ul {
  height: 73px;
  width: 1280px;
}

#productDetail #detailView #pointArea {
  padding-bottom: 100px;
}

#productDetail #detailView #pointArea .editorArea p {
  font-size: 18px;
}

#productDetail #detailView #denoteArea {
  display: flex;
  justify-content: flex-start;
  padding-bottom: 130px;
}

#productDetail #detailView #denoteArea > div {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

#productDetail #detailView #denoteArea > div img {
  max-width: 100%;
}

#productDetail #detailView #reviewArea {
  padding-bottom: 130px;
}

#productDetail #detailView #reviewArea #ratingArea {
  margin-bottom: 53px;
}

#productDetail #detailView #reviewArea #ratingArea .ratingTitle {
  display: flex;
  align-items: flex-start;
  margin-bottom: 12px;
}

#productDetail #detailView #reviewArea #ratingArea .ratingTitle .titleWrap span {
  display: block;
  margin-top: 6px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #AAAAAA;
}

#productDetail #detailView #reviewArea #ratingArea .ratingTitle a {
  width: 205px;
  height: 55px;
  margin-left: auto;
  font-weight: 600;
}

#productDetail #detailView #reviewArea #ratingArea .ratingTitle a span {
  display: block;
  padding-left: 24px;
}

#productDetail #detailView #reviewArea #ratingArea .ratingTitle a span {
  position: relative;
}

#productDetail #detailView #reviewArea #ratingArea .ratingTitle a span:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 18px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.7556 3.29657L14.1142 1.00501C14.3071 0.817652 14.5687 0.712402 14.8414 0.712402C15.1142 0.712402 15.3757 0.817652 15.5686 1.00501L18.2286 3.58939C18.4214 3.7768 18.5297 4.03095 18.5297 4.29595C18.5297 4.56095 18.4214 4.8151 18.2286 5.00251L15.87 7.29408M11.7556 3.29657L1.7711 12.9975C1.57819 13.1849 1.46978 13.439 1.46973 13.7041V16.2885C1.46973 16.5535 1.5781 16.8077 1.77099 16.9951C1.96389 17.1825 2.22552 17.2878 2.49832 17.2878H5.15826C5.43103 17.2878 5.69262 17.1824 5.88547 16.995L15.87 7.29408M11.7556 3.29657L15.87 7.29408L11.7556 3.29657Z' fill='white'/%3E%3Cpath d='M11.7556 3.29657L14.1142 1.00501C14.3071 0.817652 14.5687 0.712402 14.8414 0.712402C15.1142 0.712402 15.3757 0.817652 15.5686 1.00501L18.2286 3.58939C18.4214 3.7768 18.5297 4.03095 18.5297 4.29595C18.5297 4.56095 18.4214 4.8151 18.2286 5.00251L15.87 7.29407M11.7556 3.29657L1.7711 12.9975C1.57819 13.1849 1.46978 13.439 1.46973 13.7041V16.2885C1.46973 16.5535 1.5781 16.8077 1.77099 16.9951C1.96389 17.1825 2.22552 17.2878 2.49832 17.2878H5.15826C5.43103 17.2878 5.69262 17.1824 5.88547 16.995L15.87 7.29407M11.7556 3.29657L15.87 7.29407' stroke='%23666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 50%/100% auto;
}

#productDetail #detailView #reviewArea #ratingArea .wrapArea {
  display: flex;
  align-items: center;
  height: 180px;
  border-radius: 20px;
  border: 1px solid #DDDDDD;
  padding-right: 70px;
}

#productDetail #detailView #reviewArea #ratingArea .wrapArea .resultArea {
  width: 500px;
  text-align: center;
}

#productDetail #detailView #reviewArea #ratingArea .wrapArea .resultArea p {
  color: #595959;
  font-size: 18px;
  line-height: 36px;
}

#productDetail #detailView #reviewArea #ratingArea .wrapArea .resultArea p em, #productDetail #detailView #reviewArea #ratingArea .wrapArea .resultArea p strong {
  font-size: 24px;
  color: #FF7A00;
  font-weight: 700;
}

#productDetail #detailView #reviewArea #ratingArea .wrapArea .resultArea p i {
  display: inline-block;
  width: 26px;
  margin-right: 4px;
}

#productDetail #detailView #reviewArea #ratingArea .wrapArea .resultArea p i img {
  width: 100%;
}

#productDetail #detailView #reviewArea #ratingArea .wrapArea .resultArea .btnArea {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

#productDetail #detailView #reviewArea #ratingArea .wrapArea .resultArea .btnArea a {
  width: 205px;
}

#productDetail #detailView #reviewArea #ratingArea .wrapArea .resultList {
  width: 708px;
  margin-left: auto;
}

#productDetail #detailView #reviewArea #ratingArea .wrapArea .resultList ul {
  display: flex;
  flex-wrap: wrap;
  row-gap: 14px;
  column-gap: 28px;
}

#productDetail #detailView #reviewArea #ratingArea .wrapArea .resultList ul li {
  display: flex;
  align-items: center;
  flex-basis: calc(50% - 14px);
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
  height: 45px;
  padding: 0 20px;
  border-radius: 12px;
  background: #F5F5F5;
  overflow: hidden;
  z-index: 0;
  font-weight: 500;
  line-height: 140%;
  color: #333333;
}

#productDetail #detailView #reviewArea #ratingArea .wrapArea .resultList ul li em, #productDetail #detailView #reviewArea #ratingArea .wrapArea .resultList ul li i {
  position: relative;
  z-index: 1;
}

#productDetail #detailView #reviewArea #ratingArea .wrapArea .resultList ul li em {
  flex: none;
  margin-left: auto;
  padding-left: 5px;
  color: #111111;
}

#productDetail #detailView #reviewArea #ratingArea .wrapArea .resultList ul li i {
  flex: none;
  margin-right: 8px;
  width: 23px;
  height: 23px;
}

#productDetail #detailView #reviewArea #ratingArea .wrapArea .resultList ul li i img {
  width: 100%;
}

#productDetail #detailView #reviewArea #ratingArea .wrapArea .resultList ul li span {
  position: absolute;
  width: 0;
  left: 0;
  top: 0;
  border-radius: 12px;
  background: #FFF1E3;
  height: 45px;
  z-index: -1;
}

#productDetail #detailView #reviewArea #ratingArea .wrapArea .resultList ul li.on span {
  background: #FF7A00;
}

#productDetail #detailView #reviewArea .pagination {
  margin-top: 40px;
}

#productDetail #detailView #commentArea .pagination {
  margin-top: 60px;
}

#content.print #productDetail #productIntroduce {
  margin-bottom: 0;
}

#mypageIndex h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 135%;
  letter-spacing: -0.552px;
}

#mypageIndex .btnMore {
  display: block;
  padding-right: 22px;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.168px;
  color: #AAAAAA;
}

#mypageIndex .btnMore {
  position: relative;
}

#mypageIndex .btnMore:after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.04883 0.5L7.09368 6.50004L1.04883 12.5' stroke='%23aaa' stroke-width='1.2'/%3E%3C/svg%3E%0A") no-repeat 50%/8px auto;
}

#mypageIndex .titleArea {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

#mypageIndex .titleArea span {
  display: block;
  margin-left: auto;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.168px;
  color: #AAAAAA;
}

#mypageIndex .titleArea a {
  display: block;
  margin-left: auto;
}

#mypageIndex .newsArea {
  margin-bottom: 60px;
}

#mypageIndex .newsArea .newsBox {
  display: flex;
  align-items: center;
  height: 122px;
  border-radius: 25px;
  border: 1px solid #DDDDDD;
  padding: 20px 16px;
}

#mypageIndex .newsArea .newsBox .scrollWrap {
  max-height: 82px;
  overflow-y: auto;
  padding: 0;
  width: 100%;
}

#mypageIndex .newsArea .newsBox .scrollWrap ul {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}

#mypageIndex .newsArea .newsBox .scrollWrap ul li a {
  font-weight: 500;
  line-height: 140%;
  padding-left: 14px;
  color: #333333;
}

#mypageIndex .newsArea .newsBox .scrollWrap ul li.listNone {
  height: auto !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #888888;
  padding-left: 0;
}

#mypageIndex .newsArea .newsBox .scrollWrap ul li.listNone:after {
  display: none;
}

#mypageIndex .newsArea .newsBox .scrollWrap ul li {
  position: relative;
}

#mypageIndex .newsArea .newsBox .scrollWrap ul li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #333333;
}

#mypageIndex .consultArea {
  display: flex;
  gap: 60px;
  margin-bottom: 60px;
}

#mypageIndex .consultArea > article {
  flex-basis: 0;
  flex-grow: 1;
}

#mypageIndex .consultArea > article ol {
  display: flex;
  padding-top: 31px;
  border-top: 1px solid #111111;
  gap: 50px;
}

#mypageIndex .consultArea > article ol li {
  display: flex;
  position: relative;
  padding: 0 16px;
  align-items: center;
  width: 110px;
  height: 94px;
  border-radius: 12px;
  background: #F5F5F5;
}

#mypageIndex .consultArea > article ol li span {
  display: block;
  padding-bottom: 42px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.192px;
  color: #888888;
}

#mypageIndex .consultArea > article ol li span {
  position: relative;
}

#mypageIndex .consultArea > article ol li span:after {
  content: "";
  position: absolute;
  width: 36px;
  height: 36px;
  left: 0;
  bottom: 0;
}

#mypageIndex .consultArea > article ol li i {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -7px;
  top: -7px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #fff;
  font-weight: 700;
  background: #DDDDDD;
}

#mypageIndex .consultArea > article ol li i.on {
  background: #F92E2E;
}

#mypageIndex .consultArea > article ol li:nth-of-type(1) span:after {
  background: url("/static/images/mypage/ico_consult_step1.svg") no-repeat 50%;
}

#mypageIndex .consultArea > article ol li:nth-of-type(2) span:after {
  background: url("/static/images/mypage/ico_consult_step2.svg") no-repeat 50%;
}

#mypageIndex .consultArea > article ol li:nth-of-type(3) span:after {
  background: url("/static/images/mypage/ico_consult_step3.svg") no-repeat 50%;
}

#mypageIndex .consultArea > article ol li:last-of-type::after {
  display: none;
}

#mypageIndex .consultArea > article ol li {
  position: relative;
}

#mypageIndex .consultArea > article ol li:after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  right: -35px;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.04883 0.5L7.09368 6.50004L1.04883 12.5' stroke='%23aaa' stroke-width='1.2'/%3E%3C/svg%3E%0A") no-repeat 50%/8px auto;
}

#mypageIndex .bannerArea {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin-bottom: 60px;
  height: 120px;
  background: #E6E5FF;
  border-radius: 25px;
}

#mypageIndex .bannerArea strong {
  font-size: 24px;
  font-weight: 600;
  line-height: 135%;
  letter-spacing: -0.552px;
}

#mypageIndex .bannerArea ul {
  display: flex;
}

#mypageIndex .bannerArea ul li {
  width: 92px;
}

#mypageIndex .bannerArea ul li a {
  display: block;
  padding: 58px 10px 0;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.064px;
  text-align: center;
}

#mypageIndex .bannerArea ul li a {
  position: relative;
}

#mypageIndex .bannerArea ul li a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 50px;
}

#mypageIndex .bannerArea ul li.icoTos a::after {
  border-radius: 12px;
  background: #fff url(/static/images/mypage/logo_tos.svg) no-repeat 50%;
}

#mypageIndex .bannerArea ul li.icoBabtner a::after {
  background: url(/static/images/mypage/logo_babtner.svg) no-repeat 0;
}

#mypageIndex .bannerArea ul li.icoMall a::after {
  background: url(/static/images/mypage/logo_mall.svg) no-repeat 0;
}

#mypageIndex .likeArea .likeTab {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

#mypageIndex .likeArea .likeTab ul {
  display: flex;
  column-gap: 8px;
}

#mypageIndex .likeArea .likeTab ul li a {
  display: flex;
  align-items: center;
  height: 45px;
  padding: 0 20px;
  border-radius: 23px;
  background: #F5F5F5;
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.072px;
}

#mypageIndex .likeArea .likeTab ul li.on a {
  background: #111111;
  color: #fff;
}

#mypageIndex .likeArea .likeTab a {
  display: block;
  margin-left: auto;
}

#mypageIndex .likeArea article {
  display: none;
  padding-top: 24px;
  border-top: 1px solid #111111;
}

#mypageIndex .likeArea article ul {
  padding-top: 0;
  border-top: 0;
}

#mypageIndex .likeArea article ul.listTypeB li {
  width: 303px;
  height: auto;
  border: 0;
  border-radius: 0;
  overflow: initial;
}

#mypageIndex .likeArea article ul.listTypeB li a {
  display: block;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  overflow: hidden;
}

#mypageIndex .likeArea article ul.listTypeB li .imgArea {
  height: 301px;
}

#mypageIndex .likeArea article ul.listTypeB li .textArea {
  padding: 18px 20px;
}

#mypageQna .eui_selectDefault.sizeA .euiSelectMain {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

#mypageQna .mypageLayout .sortArea .selectArea {
  flex: none;
  width: 152px;
  min-width: 140px;
  max-width: 270px;
}

#mypageQna .eui_selectDefault .euiSelectList li a {
  white-space: nowrap;
  overflow: hidden;
}

#mypageQna .pageDetail {
  display: flex;
  flex-direction: column;
  gap: 64px;
}

#mypageQna .pageDetail h3 {
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 700;
  line-height: 145%;
  letter-spacing: -0.072px;
}

#mypageOhfod .mypageLayout .sortArea .selectArea {
  flex: none;
  width: 180px;
  min-width: 140px;
  max-width: 270px;
}

#mypageOhfod .pageDetail {
  display: flex;
  flex-direction: column;
  gap: 64px;
}

#mypageOhfod .pageDetail h3 {
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 700;
  line-height: 145%;
  letter-spacing: -0.072px;
}

#mypageOhfod .pageDetail .titleArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

#mypageOhfod .pageDetail .titleArea h3 {
  margin-bottom: 0;
}

#mypageOhfod .pageDetail .titleArea .btnMore {
  display: block;
  padding-right: 22px;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.168px;
  color: #AAAAAA;
}

#mypageOhfod .pageDetail .titleArea .btnMore {
  position: relative;
}

#mypageOhfod .pageDetail .titleArea .btnMore:after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.04883 0.5L7.09368 6.50004L1.04883 12.5' stroke='%23aaa' stroke-width='1.2'/%3E%3C/svg%3E%0A") no-repeat 50%/8px auto;
}

#mypageOhfod .pageDetail .checkList {
  position: relative;
  width: 960px;
}

#mypageOhfod .pageDetail .checkList .titleArea {
  padding-bottom: 20px;
  margin-bottom: 24px;
  border-bottom: 1px solid #111111;
}

#mypageOhfod .pageDetail .checkList .controlArea {
  display: flex;
  gap: 10px;
  position: absolute;
  right: 0;
  top: -4px;
}

#mypageOhfod .pageDetail .checkList .controlArea a {
  display: block;
  position: relative;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid #ddd;
  flex: none;
  width: 34px;
  height: 34px;
}

#mypageOhfod .pageDetail .checkList .controlArea a:after {
  content: "";
  position: absolute;
  width: 7px;
  height: 12px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-size: 7px auto;
  background-position: 50%;
  background-repeat: no-repeat;
}

#mypageOhfod .pageDetail .checkList .controlArea a.btnPrev::after {
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M5.75 10.5L1 5.74998L5.75 1.00001" stroke="%23111" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}

#mypageOhfod .pageDetail .checkList .controlArea a.btnNext::after {
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.25 1.5L6 6.25002L1.25 11" stroke="%23111" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}

#mypageOhfod .pageDetail .checkList .controlArea a.btnPause::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L1 11' stroke='%23111' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M5 1L5 11' stroke='%23111' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

#mypageOhfod .pageDetail .checkList .controlArea a.btnPlay::after {
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 6.13397C13.1667 6.51888 13.1667 7.48113 12.5 7.86603L5 12.1962C4.33333 12.5811 3.5 12.0999 3.5 11.3301L3.5 2.66987C3.5 1.90007 4.33333 1.41895 5 1.80385L12.5 6.13397Z' fill='%23111'/%3E%3C/svg%3E%0A");
  background-size: 14px auto;
}

#mypageOhfod .pageDetail .checkList .checkSlide {
  margin: 0 -12px;
}

#mypageOhfod .pageDetail .checkList .slideList {
  flex: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 302px;
  height: 240px;
  padding: 20px 24px 30px;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  margin: 0 12px;
}

#mypageOhfod .pageDetail .checkList .slideList .topArea em {
  display: block;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
}

#mypageOhfod .pageDetail .checkList .slideList .topArea em .OCS {
  color: #FF7A00;
}

#mypageOhfod .pageDetail .checkList .slideList .topArea em .HMS {
  color: #DD345C;
}

#mypageOhfod .pageDetail .checkList .slideList .topArea em .FLS {
  color: #A555E2;
}

#mypageOhfod .pageDetail .checkList .slideList .topArea em .OMS {
  color: #FFBE15;
}

#mypageOhfod .pageDetail .checkList .slideList .topArea em .DSS {
  color: #706FF7;
}

#mypageOhfod .pageDetail .checkList .slideList .topArea strong {
  display: block;
  min-height: 52px;
  margin-bottom: 4px;
  font-size: 18px;
  font-weight: 600;
  line-height: 145%;
  letter-spacing: -0.072px;
}

#mypageOhfod .pageDetail .checkList .slideList .topArea ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 8px;
  min-height: 50px;
}

#mypageOhfod .pageDetail .checkList .slideList .topArea ul li {
  line-height: 150%;
  letter-spacing: 0.16px;
  color: #888888;
}

#mypageOhfod .pageDetail .checkList .slideList .topArea ul li:before {
  content: "#";
}

#mypageOhfod .pageDetail .checkList .slideList > span {
  display: block;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.168px;
  color: #888888;
}

#mypagePost #tabSort {
  margin-bottom: 24px;
}

#mypagePost #commentArea {
  padding-top: 24px;
  border-top: 1px solid #111111;
}

#mypagePost #commentArea .sortBox {
  display: flex;
  align-items: center;
  gap: 24px;
}

#mypagePost #commentArea .sortBox > div:first-of-type {
  width: 160px;
}

#mypagePost #commentArea .sortBox strong em {
  color: #FF7A00;
}

#mypagePost #commentArea .sortBox .btnBox {
  margin-left: auto;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
}

#mypagePost #commentArea .sortBox .btnBox a {
  flex: none;
}

#mypagePost #commentArea .commentList {
  border-top: 0;
}

#mypagePost #commentArea .commentList li {
  padding-left: 0;
  padding-right: 0;
}

#mypagePost #commentArea .commentList li .basicArea .infoArea .userInfo strong {
  font-weight: 500;
}

#mypagePost #commentArea .commentList li .basicArea .infoArea .userInfo strong em {
  font-weight: 700;
}

#mypagePost #commentArea .commentList + .pagination {
  margin-top: 60px;
}

#mypagePost .commentListTypeA {
  border-top: 0;
}

#mypagePost .commentListTypeA li:first-of-type {
  padding-top: 24px;
}

#mypagePost .commentListTypeA li .basicArea .infoArea .userInfo {
  gap: 8px;
}

#mypagePost .commentListTypeA li .basicArea .infoArea .userInfo > span {
  display: block;
  color: #888888;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.168px;
}

#mypagePost .commentListTypeA li .basicArea .infoArea .userInfo > span {
  position: relative;
}

#mypagePost .commentListTypeA li .basicArea .infoArea .userInfo > span:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 10px;
  left: -13px;
  background: #DDDDDD;
  top: 50%;
  transform: translateY(-50%);
}

#mypagePost .commentListTypeA li .basicArea .userUtil {
  gap: 16px;
}

#mypagePost .commentListTypeA li .basicArea .userUtil > div {
  display: flex;
  gap: 13px;
}

#mypagePost .commentListTypeA li .basicArea .userUtil > div span {
  display: block;
  position: relative;
}

#mypagePost .commentListTypeA li .basicArea .userUtil > div span:after {
  content: "";
  position: absolute;
  right: -8px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background: #DDDDDD;
}

#mypagePost .commentListTypeA li .basicArea .userUtil > div span:last-of-type::after {
  display: none;
}

#mypagePost .commentListTypeA li .basicArea .userUtil > div span button {
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.168px;
  color: #888888;
}

#mypagePost .commentListTypeA li .basicArea a .textArea {
  width: 770px;
}

#mypagePost .commentListTypeA + .pagination {
  margin-top: 60px;
}

#mypagePost #inquireArea {
  display: block !important;
}

#mypagePost #inquireArea .qnaList {
  border-top: 0;
}

#mypagePost #inquireArea .qnaList > li {
  padding-left: 10px;
  padding-right: 0;
}

#mypagePost #inquireArea .qnaList > li .questionArea .userTitle ul li:nth-of-type(2):after {
  display: none;
}

#mypagePost #inquireArea .qnaList + .pagination {
  margin-top: 60px;
}

#mypagePost #writingArea .writingList {
  border-top: 0;
}

#mypagePost #writingArea .writingList .listArea {
  gap: 27px;
}

#mypagePost #writingArea .writingList + .pagination {
  margin-top: 60px;
}

#mypageLike #tabSort {
  margin-bottom: 24px;
}

#mypageLike .sortBox {
  display: flex;
  gap: 16px;
  align-items: center;
}

#mypageLike .sortBox > strong {
  display: block;
  margin-right: 8px;
}

#mypageLike .sortBox > strong em {
  color: #FF7A00;
}

#mypageLike .sortBox label {
  font-size: 16px;
}

#mypageLike .sortBox a {
  width: auto;
}

#mypageLike .listCheckArea {
  height: 20px;
  margin-bottom: 12px;
}

#mypageLike .listCheckArea input[type=checkbox].chkTypeA.sizeA + label {
  padding-left: 20px;
  height: 20px;
}

#mypageLike.pageProduct .sortBox a:not(.btnAllRemove) {
  width: 180px;
}

#mypageLike.pageProduct #productArea {
  padding-top: 24px;
  border-top: 1px solid #111111;
}

#mypageLike.pageProduct .listTypeA {
  border-top: 0;
}

#mypageLike.pageProduct .listTypeA + .pagination {
  margin-top: 75px;
}

#mypageLike.pageProduct .listTypeA .btnArea {
  top: 240px;
}

#mypageLike.pageRecipe #recipeArea {
  padding-top: 24px;
  border-top: 1px solid #111111;
}

#mypageLike.pageRecipe .listTypeB {
  border-top: 0;
  padding-top: 24px;
}

#mypageLike.pageRecipe .listTypeB li {
  width: 303px;
  height: auto;
  border: 0;
  border-radius: 0;
  overflow: initial;
}

#mypageLike.pageRecipe .listTypeB li a {
  display: block;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  overflow: hidden;
}

#mypageLike.pageRecipe .listTypeB li .imgArea {
  height: 301px;
}

#mypageLike.pageRecipe .listTypeB li .textArea {
  padding: 18px 20px;
}

#mypageLike.pageRecipe .listTypeB + .pagination {
  margin-top: 60px;
}

#mypageLike.pageRecipe .hashtagTypeC {
  height: 21px;
  overflow: hidden;
}

#mypageLike.pagePop #popArea {
  padding-top: 24px;
  border-top: 1px solid #111111;
}

#mypageLike.pagePop .magazineList {
  padding-top: 24px;
}

#mypageLike.pagePop .magazineList > li {
  width: 306px;
}

#mypageLike.pagePop .magazineList + .pagination {
  margin-top: 60px;
}

#mypageAside {
  flex: none;
  width: 220px;
  padding: 30px 40px 56px;
  border: 1px solid #DDDDDD;
  border-radius: 25px;
}

#mypageAside .userInfoArea {
  margin-bottom: 24px;
}

#mypageAside .userInfoArea .ratingImg {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}

#mypageAside .userInfoArea .ratingImg img {
  height: 80px;
}

#mypageAside .userInfoArea strong {
  display: block;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.088px;
  text-align: center;
}

#mypageAside .userInfoArea .groupInfo {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: center;
}

#mypageAside .userInfoArea span {
  display: block;
  font-weight: 400;
  line-height: 140%;
  color: #AAAAAA;
}

#mypageAside .userInfoArea em {
  display: block;
  font-weight: 600;
  line-height: 140%;
}

#mypageAside .gradeGuideArea {
  margin-bottom: 32px;
}

#mypageAside .sideMenu {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

#mypageAside .sideMenu > li {
  padding-bottom: 32px;
  border-bottom: 1px solid #DDDDDD;
}

#mypageAside .sideMenu > li strong {
  display: block;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 700;
  line-height: 145%;
  letter-spacing: -0.072px;
}

#mypageAside .sideMenu > li > ul {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

#mypageAside .sideMenu > li > ul li a {
  display: inline-block;
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #666666;
}

#mypageAside .sideMenu > li > ul li.on a {
  font-weight: 700;
  color: #FF7A00;
  padding-right: 12px;
}

#mypageAside .sideMenu > li > ul li.on a {
  position: relative;
}

#mypageAside .sideMenu > li > ul li.on a:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 12px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L1 11' stroke='%23FF7A00' stroke-width='1.6'/%3E%3C/svg%3E%0A") no-repeat 50%/100% auto;
}

#mypageAside .sideMenu > li:last-of-type {
  padding-bottom: 0;
  border-bottom: 0;
}

#mypagePassword .inputArea {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

#mypagePassword .inputArea > label {
  margin-bottom: -4px;
}

#mypagePassword .inputArea sup {
  color: #FF7A00;
  font-size: 16px;
  line-height: 19px;
}

#mypagePassword .inputArea > div {
  position: relative;
}

#mypagePassword .inputArea > div a {
  position: absolute;
  right: 0;
  top: 0;
  width: 71px;
  height: 64px;
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='14' viewBox='0 0 23 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.22935 8.41383C2.12641 8.69485 1.91796 8.92466 1.64829 9.05443C1.37861 9.1842 1.06896 9.2037 0.78513 9.10879C0.501303 9.01388 0.265667 8.81204 0.12829 8.54616C-0.00908695 8.28028 -0.0373772 7.97131 0.0494303 7.6849C0.09032 7.55829 0.13791 7.43164 0.191999 7.31008C0.283978 7.09163 0.419648 6.79039 0.605907 6.43397C0.985323 5.72113 1.57629 4.77144 2.4478 3.82175C4.20691 1.90168 7.08817 0 11.4871 0C15.886 0 18.7673 1.90168 20.5264 3.82175C21.4653 4.85187 22.2269 6.03065 22.7799 7.31008L22.8857 7.56992C22.8926 7.58832 22.9156 7.70789 22.9386 7.82287L22.9846 8.04822C22.9846 8.04822 23.1777 8.81395 22.1981 9.13817C21.9096 9.23451 21.5947 9.21262 21.3224 9.0773C21.05 8.94197 20.8423 8.70423 20.7448 8.41613V8.40924L20.7311 8.37244C20.6155 8.07705 20.4835 7.78839 20.3355 7.50784C19.9267 6.7364 19.4213 6.0201 18.8317 5.37621C17.429 3.84705 15.1364 2.29949 11.4871 2.29949C7.83781 2.29949 5.54521 3.84705 4.14252 5.37621C3.38309 6.20878 2.76551 7.1604 2.31443 8.19308C2.2903 8.25243 2.26731 8.31223 2.24544 8.37244L2.22935 8.41383ZM6.88812 9.19796C6.88812 7.97824 7.37265 6.80847 8.23513 5.94599C9.0976 5.08351 10.2674 4.59898 11.4871 4.59898C12.7068 4.59898 13.8766 5.08351 14.7391 5.94599C15.6015 6.80847 16.0861 7.97824 16.0861 9.19796C16.0861 10.4177 15.6015 11.5875 14.7391 12.4499C13.8766 13.3124 12.7068 13.7969 11.4871 13.7969C10.2674 13.7969 9.0976 13.3124 8.23513 12.4499C7.37265 11.5875 6.88812 10.4177 6.88812 9.19796Z' fill='%23444'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50% 24px;
  background-size: 23px auto;
  transition: none;
}

#mypagePassword .inputArea > div a.blind {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.25754 0.538483C2.80832 0.089386 2.0803 0.089386 1.63108 0.538483C1.18198 0.987579 1.18198 1.71573 1.63108 2.16483L4.56418 5.09793C4.07663 5.4913 3.64536 5.90439 3.26609 6.31833C2.39463 7.26797 1.80368 8.21768 1.42429 8.93051C1.23801 9.28696 1.10227 9.58817 1.01035 9.80661C0.956272 9.92819 0.908664 10.0548 0.867771 10.1814C0.780979 10.4679 0.809299 10.7768 0.946628 11.0427C1.08396 11.3086 1.31968 11.5104 1.60349 11.6053C1.8873 11.7002 2.19699 11.6808 2.46665 11.551C2.7363 11.4212 2.9448 11.1914 3.0477 10.9104L3.06382 10.869C3.08567 10.8088 3.10862 10.749 3.13279 10.6896C3.58384 9.65695 4.20139 8.70535 4.96091 7.87277C5.31528 7.48648 5.72641 7.09897 6.20188 6.73557L8.53183 9.06564C7.99814 9.8317 7.70639 10.748 7.70639 11.6945C7.70639 12.9142 8.19101 14.084 9.05344 14.9465C9.91599 15.8089 11.0857 16.2935 12.3054 16.2935C13.2518 16.2935 14.1682 16.0017 14.9343 15.468L18.9276 19.4613C19.3768 19.9104 20.1048 19.9104 20.5539 19.4613C21.0031 19.0122 21.0031 18.2841 20.5539 17.835L16.4359 13.7169C16.7413 13.093 16.9044 12.4022 16.9044 11.6945C16.9044 10.4748 16.4199 9.30502 15.5573 8.44254C14.6949 7.58005 13.5251 7.09555 12.3054 7.09555C11.5978 7.09555 10.9068 7.25864 10.2831 7.56406L8.26767 5.54861C9.38157 5.09018 10.7146 4.79605 12.3054 4.79605C15.9547 4.79605 18.2473 6.3436 19.65 7.87277C20.2396 8.51663 20.745 9.23294 21.1539 10.0044C21.3019 10.2849 21.4338 10.5736 21.5494 10.869L21.5632 10.9058V10.9127C21.6606 11.2008 21.8683 11.4385 22.1407 11.5738C22.4131 11.7092 22.728 11.731 23.0165 11.6347C23.9961 11.3105 23.8028 10.5448 23.8028 10.5448L23.7569 10.3194L23.7431 10.2507C23.7253 10.1607 23.7096 10.0812 23.704 10.0665L23.5982 9.80661C23.0451 8.52719 22.2837 7.34842 21.3447 6.31833C19.5857 4.39822 16.7043 2.49655 12.3054 2.49655C9.97617 2.49655 8.07248 3.02975 6.5355 3.8165L3.25754 0.538483Z' fill='%23444'/%3E%3C/svg%3E%0A") no-repeat 50% 21px/24px auto;
}

#mypagePassword .btnArea {
  margin-top: 40px;
}

#mypagePassword .btnArea2 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 40px;
}

#mypagePassword .cautionBox {
  margin-top: 40px;
  padding-top: 16px;
  border-top: 1px solid #DDDDDD;
}

#mypagePassword .cautionBox ul {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

#mypagePassword .cautionBox ul li {
  display: flex;
  gap: 4px;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.168px;
}

#mypagePassword .cautionBox ul li:before {
  content: "*";
  flex: none;
  display: block;
}

#cart .listControls {
  display: flex;
  gap: 23px;
  align-items: center;
  margin-bottom: 16px;
}

#cart .listControls label {
  font-size: 16px;
}

#cart .listControls .btnSelectDelete {
  display: flex;
  padding: 12px;
  height: 30px;
  align-items: center;
  border-radius: 6px;
  border: 1px solid #DDDDDD;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.16px;
}

#cart .listControls > span {
  display: block;
  margin-left: auto;
  color: #666666;
  line-height: 150%;
  letter-spacing: 0.192px;
}

#cart .cartList {
  border-top: 1px solid #111111;
}

#cart .cartList li {
  display: flex;
  padding: 24px 0;
  border-bottom: 1px solid #DDDDDD;
  align-items: center;
  gap: 30px;
}

#cart .cartList li .chkArea {
  align-self: flex-start;
  margin-right: -18px;
}

#cart .cartList li .chkArea label {
  padding-left: 20px;
}

#cart .cartList li .pdtArea a {
  display: flex;
  gap: 30px;
  align-items: center;
}

#cart .cartList li .pdtArea a .imgArea {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  width: 302px;
  height: 270px;
  overflow: hidden;
}

#cart .cartList li .pdtArea a .imgArea .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#cart .cartList li .pdtArea a .textArea em, #cart .cartList li .pdtArea a .textArea strong {
  display: block;
}

#cart .cartList li .pdtArea a .textArea > em {
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #FF7A00;
}

#cart .cartList li .pdtArea a .textArea > strong {
  font-size: 24px;
  font-weight: 600;
  line-height: 135%;
  letter-spacing: -0.552px;
  color: #333333;
}

#cart .cartList li .pdtArea a .textArea .productInfo {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 4px;
  margin-top: 14px;
}

#cart .cartList li .pdtArea a .textArea .productInfo i, #cart .cartList li .pdtArea a .textArea .productInfo span {
  display: flex;
  padding: 0 8px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.168px;
  color: #666666;
  background: #F5F5F5;
}

#cart .cartList li .pdtArea a .textArea .productInfo i:before {
  content: "#";
}

#cart .cartList li .pdtArea a .textArea .writeInfo {
  display: flex;
  margin-top: 30px;
  gap: 12px;
}

#cart .cartList li .pdtArea a .textArea .writeInfo em {
  display: flex;
  gap: 4px;
  line-height: 150%;
  letter-spacing: 0.168px;
  font-size: 14px;
  color: #666666;
  position: relative;
}

#cart .cartList li .pdtArea a .textArea .writeInfo em:after {
  content: "";
  position: absolute;
  right: -7px;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 2px;
  background: #666666;
}

#cart .cartList li .pdtArea a .textArea .writeInfo em:last-of-type::after {
  display: none;
}

#cart .cartList li .btnBox {
  display: flex;
  gap: 8px;
  margin-left: auto;
  flex: none;
}

#cart .cartList li .btnBox a {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(17, 17, 17, 0.6);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 24px auto;
  background-color: initial;
}

#cart .cartList li .btnBox a.icoLike {
  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_4184_13145' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23111'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_4184_13145)'%3E%3Cpath d='M11.9903 20.2822C11.7762 20.2822 11.5612 20.2437 11.3452 20.1668C11.1291 20.0899 10.9391 19.9694 10.775 19.8053L9.33847 18.4995C7.56539 16.8829 5.98237 15.2947 4.58943 13.7351C3.19648 12.1755 2.5 10.5047 2.5 8.72263C2.5 7.30341 2.97852 6.11528 3.93557 5.15823C4.89262 4.20118 6.08076 3.72266 7.49997 3.72266C8.30637 3.72266 9.10285 3.90856 9.8894 4.28036C10.6759 4.65216 11.3795 5.25601 12 6.09191C12.6205 5.25601 13.324 4.65216 14.1105 4.28036C14.8971 3.90856 15.6936 3.72266 16.5 3.72266C17.9192 3.72266 19.1073 4.20118 20.0644 5.15823C21.0214 6.11528 21.5 7.30341 21.5 8.72263C21.5 10.5239 20.7916 12.2133 19.375 13.7909C17.9583 15.3684 16.3788 16.9431 14.6365 18.5149L13.2153 19.8053C13.0512 19.9694 12.8596 20.0899 12.6403 20.1668C12.4211 20.2437 12.2044 20.2822 11.9903 20.2822ZM11.2807 7.61111C10.7397 6.78674 10.1702 6.18257 9.5721 5.79861C8.97402 5.41462 8.28331 5.22263 7.49997 5.22263C6.49997 5.22263 5.66664 5.55597 4.99997 6.22263C4.33331 6.8893 3.99998 7.72263 3.99998 8.72263C3.99998 9.5252 4.25862 10.3643 4.77592 11.2399C5.29322 12.1156 5.94257 12.9861 6.72397 13.8514C7.50539 14.7168 8.35187 15.5623 9.2634 16.388C10.1749 17.2136 11.0198 17.9809 11.798 18.6899C11.8557 18.7412 11.923 18.7669 12 18.7669C12.0769 18.7669 12.1442 18.7412 12.2019 18.6899C12.9801 17.9809 13.825 17.2136 14.7365 16.388C15.6481 15.5623 16.4946 14.7168 17.276 13.8514C18.0574 12.9861 18.7067 12.1156 19.224 11.2399C19.7413 10.3643 20 9.5252 20 8.72263C20 7.72263 19.6666 6.8893 19 6.22263C18.3333 5.55597 17.5 5.22263 16.5 5.22263C15.7166 5.22263 15.0259 5.41462 14.4278 5.79861C13.8298 6.18257 13.2602 6.78674 12.7192 7.61111C12.6346 7.73931 12.5282 7.83546 12.4 7.89958C12.2718 7.96368 12.1384 7.99573 12 7.99573C11.8615 7.99573 11.7282 7.96368 11.6 7.89958C11.4718 7.83546 11.3654 7.73931 11.2807 7.61111Z' fill='%23111'/%3E%3C/g%3E%3C/svg%3E%0A");
}

#cart .cartList li .btnBox a.icoLike.on {
  background-color: #FF7A00;
  border-color: #FF7A00;
  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_4184_13145' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_4184_13145)'%3E%3Cpath d='M11.9903 20.2822C11.7762 20.2822 11.5612 20.2437 11.3452 20.1668C11.1291 20.0899 10.9391 19.9694 10.775 19.8053L9.33847 18.4995C7.56539 16.8829 5.98237 15.2947 4.58943 13.7351C3.19648 12.1755 2.5 10.5047 2.5 8.72263C2.5 7.30341 2.97852 6.11528 3.93557 5.15823C4.89262 4.20118 6.08076 3.72266 7.49997 3.72266C8.30637 3.72266 9.10285 3.90856 9.8894 4.28036C10.6759 4.65216 11.3795 5.25601 12 6.09191C12.6205 5.25601 13.324 4.65216 14.1105 4.28036C14.8971 3.90856 15.6936 3.72266 16.5 3.72266C17.9192 3.72266 19.1073 4.20118 20.0644 5.15823C21.0214 6.11528 21.5 7.30341 21.5 8.72263C21.5 10.5239 20.7916 12.2133 19.375 13.7909C17.9583 15.3684 16.3788 16.9431 14.6365 18.5149L13.2153 19.8053C13.0512 19.9694 12.8596 20.0899 12.6403 20.1668C12.4211 20.2437 12.2044 20.2822 11.9903 20.2822ZM11.2807 7.61111C10.7397 6.78674 10.1702 6.18257 9.5721 5.79861C8.97402 5.41462 8.28331 5.22263 7.49997 5.22263C6.49997 5.22263 5.66664 5.55597 4.99997 6.22263C4.33331 6.8893 3.99998 7.72263 3.99998 8.72263C3.99998 9.5252 4.25862 10.3643 4.77592 11.2399C5.29322 12.1156 5.94257 12.9861 6.72397 13.8514C7.50539 14.7168 8.35187 15.5623 9.2634 16.388C10.1749 17.2136 11.0198 17.9809 11.798 18.6899C11.8557 18.7412 11.923 18.7669 12 18.7669C12.0769 18.7669 12.1442 18.7412 12.2019 18.6899C12.9801 17.9809 13.825 17.2136 14.7365 16.388C15.6481 15.5623 16.4946 14.7168 17.276 13.8514C18.0574 12.9861 18.7067 12.1156 19.224 11.2399C19.7413 10.3643 20 9.5252 20 8.72263C20 7.72263 19.6666 6.8893 19 6.22263C18.3333 5.55597 17.5 5.22263 16.5 5.22263C15.7166 5.22263 15.0259 5.41462 14.4278 5.79861C13.8298 6.18257 13.2602 6.78674 12.7192 7.61111C12.6346 7.73931 12.5282 7.83546 12.4 7.89958C12.2718 7.96368 12.1384 7.99573 12 7.99573C11.8615 7.99573 11.7282 7.96368 11.6 7.89958C11.4718 7.83546 11.3654 7.73931 11.2807 7.61111Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
}

#cart .cartList li .btnBox a.icoDelete {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7H20M10 11V17M14 11V17M5 7L6 19C6 19.5304 6.21071 20.0391 6.58579 20.4142C6.96086 20.7893 7.46957 21 8 21H16C16.5304 21 17.0391 20.7893 17.4142 20.4142C17.7893 20.0391 18 19.5304 18 19L19 7M9 7V4C9 3.73478 9.10536 3.48043 9.29289 3.29289C9.48043 3.10536 9.73478 3 10 3H14C14.2652 3 14.5196 3.10536 14.7071 3.29289C14.8946 3.48043 15 3.73478 15 4V7' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

#cart .cartList li.listNone span {
  display: block;
  padding-top: 56px;
  font-weight: 500;
  line-height: 140%;
  color: #888888;
}

#cart .cartList li.listNone span {
  position: relative;
}

#cart .cartList li.listNone span:after {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border: 3px solid #FF7A00;
  border-radius: 50%;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.875 23.0691C0.897848 23.8826 1.23703 24.6551 1.82045 25.2225C2.40388 25.7899 3.18557 26.1074 3.99939 26.1076C4.81322 26.1077 5.59503 25.7905 6.17869 25.2234C6.76234 24.6562 7.10183 23.8839 7.125 23.0704V3.03785C7.10199 2.22435 6.76266 1.45189 6.17911 0.884622C5.59557 0.317355 4.81383 0 4 0C3.18617 0 2.40443 0.317355 1.82089 0.884622C1.23734 1.45189 0.898012 2.22435 0.875 3.03785V23.0691ZM0.875 31.8041C0.875 33.5229 2.28125 34.9291 4 34.9291C5.71875 34.9291 7.125 33.5229 7.125 31.8041C7.125 30.0854 5.71875 28.6791 4 28.6791C3.17201 28.6817 2.37869 29.0118 1.7932 29.5973C1.20772 30.1828 0.877637 30.9761 0.875 31.8041Z' fill='%23F5821F'/%3E%3C/svg%3E%0A") no-repeat 50%/4px auto;
}

#cart .businessLocation {
  justify-content: center;
  margin-top: 30px;
}

#cart .businessLocation > div {
  width: 308px;
}

#cart .btnArea {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

#cart .btnArea a {
  width: 242px;
}

#search {
  position: relative;
  padding-top: 0;
  z-index: 1;
}

#search .searchTitle {
  padding: 38px 0;
  background: #F9F9F9;
}

#search .searchTitle .titleWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
}

#search .searchTitle .titleWrap h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -1.344px;
}

#search .searchTitle .titleWrap .inputArea {
  display: flex;
  position: relative;
  width: 656px;
  background: #fff;
  height: 50px;
  border-radius: 25px;
  border: 1px solid #DDDDDD;
}

#search .searchTitle .titleWrap .inputArea .selectArea {
  flex: none;
  margin-right: 60px;
}

#search .searchTitle .titleWrap .inputArea .selectArea .eui_searchSelect {
  width: 100%;
  position: relative;
  display: inline-block;
  height: 50px;
}

#search .searchTitle .titleWrap .inputArea .selectArea .eui_searchSelect .euiSelectMain {
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 54px 0 20px;
  line-height: 140%;
  cursor: pointer;
  color: #888888;
}

#search .searchTitle .titleWrap .inputArea .selectArea .eui_searchSelect .euiSelectMain:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.5545 0.269356C1.1989 -0.0897853 0.624281 -0.0897853 0.26868 0.269356C-0.08956 0.631162 -0.0895599 1.21982 0.26868 1.58162L6.35709 7.73065C6.71269 8.08979 7.2873 8.08979 7.64291 7.73065L13.7313 1.58162C14.0896 1.21982 14.0896 0.631162 13.7313 0.269356C13.3757 -0.0897853 12.8011 -0.0897853 12.4455 0.269356L7 5.76907L1.5545 0.269356Z' fill='%23111'/%3E%3C/svg%3E%0A") no-repeat 50%/14px auto;
  opacity: 1;
}

#search .searchTitle .titleWrap .inputArea .selectArea .eui_searchSelect .euiSelectMain.disabled {
  background: #F5F5F5;
  color: #777;
}

#search .searchTitle .titleWrap .inputArea .selectArea .eui_searchSelect .euiSelectMain.disabled:after {
  content: "";
  position: absolute;
  display: none;
}

#search .searchTitle .titleWrap .inputArea .selectArea .eui_searchSelect .euiSelectMain.on:after {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}

#search .searchTitle .titleWrap .inputArea .selectArea .eui_searchSelect .euiSelectList {
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: absolute;
  top: calc(100% + 10px);
  width: 100%;
  margin-top: -1px;
  padding: 18px;
  border: 1px solid #DDDDDD;
  background: #fff;
  z-index: 1;
  border-radius: 12px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}

#search .searchTitle .titleWrap .inputArea .selectArea .eui_searchSelect .euiSelectList li a {
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #444444;
}

#search .searchTitle .titleWrap .inputArea > input {
  border: 0;
  height: 48px;
  padding: 0 64px 0 0;
}

#search .searchTitle .titleWrap .inputArea > a {
  position: absolute;
  right: 20px;
  top: 0;
  width: 24px;
  height: 48px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.2857 11C17.2857 14.4715 14.4715 17.2857 11 17.2857C7.5285 17.2857 4.71429 14.4715 4.71429 11C4.71429 7.5285 7.5285 4.71429 11 4.71429C14.4715 4.71429 17.2857 7.5285 17.2857 11ZM16.0256 17.2248C14.6521 18.3351 12.9037 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11C19 12.9037 18.3351 14.6521 17.2248 16.0256C17.2581 16.0504 17.2901 16.0779 17.3204 16.1082L20.7489 19.5368C21.0837 19.8715 21.0837 20.4142 20.7489 20.7489C20.4142 21.0837 19.8715 21.0837 19.5368 20.7489L16.1082 17.3204C16.0779 17.2901 16.0504 17.2581 16.0256 17.2248Z' fill='%23111'/%3E%3C/svg%3E%0A") no-repeat 50%/18px auto;
}

#search .searchTitle .titleWrap .hashtagList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  width: 656px;
}

#search .searchTitle .titleWrap .hashtagList li a {
  display: flex;
  align-items: center;
  height: 27px;
  padding: 0 14px;
  border-radius: 14px;
  border: 1px solid #DDDDDD;
  background: #fff;
  color: #333333;
}

#search .searchTitle .titleWrap .hashtagList li a:before {
  content: "#";
}

#search .tabArea {
  min-width: 1320px;
  padding: 0 20px;
}

#search .smallList {
  display: flex;
  align-items: center;
  gap: 25px;
}

#search .smallList li {
  position: relative;
}

#search .smallList li a {
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.16px;
  color: #888888;
}

#search .smallList li:after {
  content: "";
  position: absolute;
  right: -13px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background: #DDDDDD;
}

#search .smallList li:last-of-type::after {
  display: none;
}

#search .smallList li.on a {
  color: #111111;
}

#search .checkArea {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  margin-bottom: 24px;
}

#search .checkArea .calendarArea {
  display: flex;
  gap: 10px;
}

#search .checkArea .calendarArea input {
  width: 160px;
  height: 40px;
  border-radius: 6px;
  padding: 0 30px 0 16px;
  font-size: 16px;
  background: url('data:image/svg+xml,%3Csvg viewBox="0 0 24 26" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10.5838 13.4805H12.4929V19.7367M1.51562 9.14922H22.5156M16.7884 5.29922V1.44922M7.2429 5.29922V1.44922M3.42472 24.5492H20.6065C21.1129 24.5492 21.5984 24.3464 21.9565 23.9854C22.3145 23.6244 22.5156 23.1348 22.5156 22.6242V5.29922C22.5156 4.78868 22.3145 4.29905 21.9565 3.93804C21.5984 3.57703 21.1129 3.37422 20.6065 3.37422H3.42472C2.91839 3.37422 2.43281 3.57703 2.07478 3.93804C1.71676 4.29905 1.51563 4.78868 1.51562 5.29922V22.6242C1.51563 23.1348 1.71676 23.6244 2.07478 23.9854C2.43281 24.3464 2.91839 24.5492 3.42472 24.5492Z" stroke="%23aaa" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A') no-repeat calc(100% - 12px) 50%/15px auto;
}

#search .checkArea .calendarArea a {
  flex: none;
  width: 120px;
  margin-left: 6px;
  border-radius: 6px;
  font-weight: 400;
}

#search .sortBox {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

#search .sortBox strong {
  font-size: 18px;
  font-weight: 500;
}

#search .sortBox strong em {
  color: #FF7A00;
}

#search .sortBox .smallList {
  margin-left: auto;
}

#search .resultsList {
  display: flex;
  flex-direction: column;
  gap: 120px;
}

#search .resultsList > article h3 {
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: 600;
  line-height: 135%;
  letter-spacing: -0.552px;
}

#search .resultsList > article .allView {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}

#search .resultsList > article .allView a {
  display: flex;
  align-items: center;
  width: 118px;
  height: 40px;
  justify-content: center;
  border: 1px solid #DDDDDD;
  border-radius: 6px;
}

#search .resultsList > article .allView a span {
  display: block;
  padding-right: 30px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.16px;
}

#search .resultsList > article .allView a span {
  position: relative;
}

#search .resultsList > article .allView a span:after {
  content: "";
  position: absolute;
  right: 0;
  width: 20px;
  height: 20px;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13.5L8 7.5L0.999999 1.5' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 50%/8px auto;
}

#search .resultsList > article .listTypeB li {
  height: 573px;
}

#search .resultsList > article .listTypeB li a {
  display: block;
  height: 100%;
}

#search .resultsList > article .listTypeB li .imgArea {
  height: 404px;
}

#search .resultsList > article .listTypeB li .textArea .hashtagTypeC {
  height: 21px;
  overflow: hidden;
}

#search .resultsList > article .listTypeB.item4 li {
  width: 301px;
  height: auto;
}

#search .resultsList > article .listTypeB.item4 li .imgArea {
  height: 302px;
}

#search .resultsList > article .pagination {
  margin-top: 60px;
}

#search .resultNone {
  display: flex;
  justify-content: center;
}

#search .resultNone p {
  padding-top: 64px;
  text-align: center;
  font-size: 18px;
  line-height: 145%;
  letter-spacing: -0.072px;
  color: #444444;
}

#search .resultNone p {
  position: relative;
}

#search .resultNone p:after {
  content: "";
  position: absolute;
  width: 48px;
  height: 48px;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  background: url(/static/images/search/ico_none.svg) no-repeat 50%/100% auto;
}

#terms .selectArea {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 30px;
}

#terms .selectArea .eui_selectDefault {
  width: 240px;
}

#terms .selectArea .euiSelectList {
  overflow-y: auto;
  height: 250px;
}

#terms .termsText {
  border-top: 1px solid #111111;
}

#terms .agree_content_wrap .box_base {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 30px 0;
  border-bottom: 1px solid #DDDDDD;
}

#terms .agree_content_wrap .box_base .txt_base {
  color: #444444;
}

#terms .agree_content_wrap .box_base .txt_base strong {
  display: block;
  font-weight: 500;
  margin-bottom: 10px;
  color: #111111;
}

#terms .agree_content_wrap .box_base .txt_base .tit_sub strong {
  display: inline-block;
}

#terms .agree_content_wrap .box_base ul {
  margin-top: -20px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

#terms .agree_content_wrap .box_base ul li {
  color: #444444;
}

#terms .agree_content_wrap strong {
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.16px;
}

#terms .agree_content_wrap h4 {
  margin-bottom: 10px;
  margin-top: 30px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.16px;
}

#terms .agree_content_wrap .txt_base {
  color: #444444;
}

#terms .agree_content_wrap ol {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#terms .agree_content_wrap ol li {
  color: #444444;
}

#terms .privacy_list {
  display: flex;
  margin-top: 30px;
}

#terms .privacy_list ul {
  flex-basis: 0;
  flex-grow: 1;
}

#terms .privacy_list ul li {
  border: 1px solid #DDDDDD;
  margin-left: -1px;
  margin-bottom: -1px;
}

#terms .privacy_list ul li a {
  display: block;
  padding: 24px;
  min-height: 71px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13.5L8 7.5L0.999999 1.5' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat calc(100% - 31px) 50%/13px auto;
}

#terms .tbl_style02 {
  border-left: 1px solid #DDDDDD;
  border-top: 1px solid #DDDDDD;
  width: 100%;
}

#terms .tbl_style02 th {
  background: #F5F5F5;
  padding: 8px;
  border-right: 1px solid #DDDDDD;
  text-align: center;
  vertical-align: middle;
}

#terms .tbl_style02 td {
  padding: 10px;
  color: #444444;
  text-align: center;
  border-right: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  vertical-align: middle;
}

#terms #tbl_sales {
  display: none;
}

#terms u {
  color: #FF7A00;
  text-decoration: underline;
}

#terms .emailRefuse {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 30px 0;
  border-bottom: 1px solid #DDDDDD;
}

#terms .emailRefuse strong {
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.18px;
}

#terms .emailRefuse p {
  color: #444444;
}

#terms .emailRefuse span {
  font-size: 14px;
  color: #444444;
}

#terms .legalNotice {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 30px 0;
  border-bottom: 1px solid #DDDDDD;
}

#terms .legalNotice article {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#terms .legalNotice article strong {
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.18px;
}

#terms .legalNotice article em {
  color: #EF5423;
}

#terms .legalNotice article ol {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#terms .legalNotice article li, #terms .legalNotice article p {
  color: #444444;
}

#reference #tabSort {
  margin-bottom: 20px;
}

#reference #boardGuid {
  margin-bottom: 30px;
}

#reference .boardTypeA tbody tr td:nth-of-type(1) {
  color: #888888;
}

#reference .boardTypeA tbody tr td:nth-of-type(3) {
  text-align: left;
}

#reference .boardTypeA tbody tr td:nth-of-type(3) .flexBox {
  display: flex;
  gap: 8px;
}

#reference .boardTypeA tbody tr td:nth-of-type(4) {
  color: #888888;
}

#reference .boardTypeA + .pagination {
  margin-top: 60px;
}

#error section {
  display: flex;
  flex-direction: column;
  gap: 64px;
}

#error section p {
  padding-top: 88px;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.552px;
  color: #000;
  text-align: center;
  background: url(/static/images/common/error_logo.svg) no-repeat 50% 0;
}

#error section .btnArea {
  display: flex;
  justify-content: center;
}

#error section .btnArea a {
  width: 272px;
}

#ohfodIntroduceIndex {
  position: relative;
  padding-top: 0;
}

#ohfodIntroduceIndex .visual-area {
  position: relative;
  width: 100%;
  height: calc(100vh - 175px);
}

#ohfodIntroduceIndex .visual-area video {
  object-fit: cover;
}

#ohfodIntroduceIndex .visual-area .btnPageDown {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 40px;
  width: 50px;
  height: 50px;
  background: url(/static/images/ohfod/introduce/ico_scrollDownArrow.svg) no-repeat 0;
}

#ohfodIntroduceIndex .slogan {
  padding: 115px 0;
  font-size: 42px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -1.176px;
  text-align: center;
}

#ohfodIntroduceIndex .slogan span {
  display: block;
}

#ohfodIntroduceIndex .sections section {
  padding: 175px 0;
}

#ohfodIntroduceIndex .sections section:nth-child(odd) {
  background-color: #F9F9F9;
}

#ohfodIntroduceIndex .sections section:nth-child(odd) .cont {
  padding-left: 521px;
  background-position: 0 50%;
}

#ohfodIntroduceIndex .sections section .cont {
  background-repeat: no-repeat;
  background-position: 100% 50%;
  width: 1140px;
  margin: 0 auto;
}

#ohfodIntroduceIndex .sections section .cont .title {
  display: flex;
  align-items: flex-end;
  gap: 14px;
  font-size: 52px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -1.568px;
}

#ohfodIntroduceIndex .sections section .cont .title span {
  font-size: 18px;
  font-weight: 600;
  line-height: 250%;
  letter-spacing: -0.072px;
}

#ohfodIntroduceIndex .sections section .cont > p {
  padding-top: 30px;
  font-size: 48px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -1.344px;
}

#ohfodIntroduceIndex .sections section .cont ul {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding-top: 60px;
}

#ohfodIntroduceIndex .sections section .cont ul li {
  padding: 0 0 0 94px;
  font-size: 24px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.552px;
  color: #666;
  background-repeat: no-repeat;
  background-position: 0 0;
}

#ohfodIntroduceIndex .sections section .cont ul li b {
  display: block;
  padding-bottom: 4px;
  font-size: 28px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.672px;
  color: #444;
}

#ohfodIntroduceIndex .sections section .cont .btn-more {
  margin-top: 60px;
  width: auto;
  display: inline-flex;
  padding: 15.5px 30px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.36px;
  border-radius: 30px;
  border: 1px solid #000;
  background: #FFF;
  box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.08);
}

#ohfodIntroduceIndex .sections section .cont .btn-more:after {
  content: "";
  transform: rotate(0);
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='24' viewBox='0 0 23 24' fill='none'%3E%3Cpath d='M16.97 17.6562L16.97 6.34254L5.65626 6.34254' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.9712 6.34254L5.65747 17.6562' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 0 0/100% auto;
}

#ohfodIntroduceIndex .sections section.operation {
  padding-bottom: 60px;
}

#ohfodIntroduceIndex .sections section.operation .cont {
  background-image: url(/static/images/ohfod/introduce/index/operation-bg.png);
}

#ohfodIntroduceIndex .sections section.operation .title {
  color: #FF7A00;
}

#ohfodIntroduceIndex .sections section.operation .btn-more {
  color: #FF7A00;
  border-color: #FF7A00;
}

#ohfodIntroduceIndex .sections section.operation .btn-more:after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='24' viewBox='0 0 23 24' fill='none'%3E%3Cpath d='M16.97 17.6562L16.97 6.34254L5.65626 6.34254' stroke='%23FF7A00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.9712 6.34254L5.65747 17.6562' stroke='%23FF7A00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 0 0/100% auto;
}

#ohfodIntroduceIndex .sections section.operation ul li:nth-of-type(1) {
  background-image: url(/static/images/ohfod/introduce/index/operation-icon4.svg);
}

#ohfodIntroduceIndex .sections section.operation ul li:nth-of-type(2) {
  background-image: url(/static/images/ohfod/introduce/index/operation-icon5.svg);
}

#ohfodIntroduceIndex .sections section.operation ul li:nth-of-type(3) {
  background-image: url(/static/images/ohfod/introduce/index/operation-icon6.svg);
}

#ohfodIntroduceIndex .sections section.operation ul li:nth-of-type(4) {
  background-image: url(/static/images/ohfod/introduce/index/operation-icon7.svg);
}

#ohfodIntroduceIndex .sections section.hygiene .cont {
  background-image: url(/static/images/ohfod/introduce/index/hygiene-bg.png);
}

#ohfodIntroduceIndex .sections section.hygiene .title {
  color: #DD345C;
}

#ohfodIntroduceIndex .sections section.hygiene .btn-more {
  color: #DD345C;
  border-color: #DD345C;
}

#ohfodIntroduceIndex .sections section.hygiene .btn-more:after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='24' viewBox='0 0 23 24' fill='none'%3E%3Cpath d='M16.97 17.6562L16.97 6.34254L5.65626 6.34254' stroke='%23DD345C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.9712 6.34254L5.65747 17.6562' stroke='%23DD345C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 0 0/100% auto;
}

#ohfodIntroduceIndex .sections section.hygiene ul li:nth-of-type(1) {
  background-image: url(/static/images/ohfod/introduce/index/hygiene-icon1.png);
}

#ohfodIntroduceIndex .sections section.hygiene ul li:nth-of-type(2) {
  background-image: url(/static/images/ohfod/introduce/index/hygiene-icon2.png);
}

#ohfodIntroduceIndex .sections section.hygiene ul li:nth-of-type(3) {
  background-image: url(/static/images/ohfod/introduce/index/hygiene-icon3.png);
}

#ohfodIntroduceIndex .sections section.hygiene ul li:nth-of-type(4) {
  background-image: url(/static/images/ohfod/introduce/index/hygiene-icon4.svg);
}

#ohfodIntroduceIndex .sections section.food .cont {
  background-image: url(/static/images/ohfod/introduce/index/food-bg.png);
}

#ohfodIntroduceIndex .sections section.food .title {
  color: #A555E2;
}

#ohfodIntroduceIndex .sections section.food .btn-more {
  color: #A555E2;
  border-color: #A555E2;
}

#ohfodIntroduceIndex .sections section.food .btn-more:after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='24' viewBox='0 0 23 24' fill='none'%3E%3Cpath d='M16.97 17.6562L16.97 6.34254L5.65626 6.34254' stroke='%23A555E2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.9712 6.34254L5.65747 17.6562' stroke='%23A555E2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 0 0/100% auto;
}

#ohfodIntroduceIndex .sections section.food ul li:nth-of-type(1) {
  background-image: url(/static/images/ohfod/introduce/index/food-icon1.png);
}

#ohfodIntroduceIndex .sections section.food ul li:nth-of-type(2) {
  background-image: url(/static/images/ohfod/introduce/index/food-icon2.png);
}

#ohfodIntroduceIndex .sections section.food ul li:nth-of-type(3) {
  background-image: url(/static/images/ohfod/introduce/index/food-icon3.png);
}

#ohfodIntroduceIndex .sections section.food ul li:nth-of-type(4) {
  background-image: url(/static/images/ohfod/introduce/index/food-icon4.svg);
}

#ohfodIntroduceIndex .sections section.order .cont {
  background-image: url(/static/images/ohfod/introduce/index/order-bg.png);
}

#ohfodIntroduceIndex .sections section.order .title {
  color: #FFBE15;
}

#ohfodIntroduceIndex .sections section.order .btn-more {
  color: #FFBE15;
  border-color: #FFBE15;
}

#ohfodIntroduceIndex .sections section.order .btn-more:after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='24' viewBox='0 0 23 24' fill='none'%3E%3Cpath d='M16.97 17.6562L16.97 6.34254L5.65626 6.34254' stroke='%23FFBE15' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.9712 6.34254L5.65747 17.6562' stroke='%23FFBE15' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 0 0/100% auto;
}

#ohfodIntroduceIndex .sections section.order ul li:nth-of-type(1) {
  background-image: url(/static/images/ohfod/introduce/index/order-icon1.png);
}

#ohfodIntroduceIndex .sections section.order ul li:nth-of-type(2) {
  background-image: url(/static/images/ohfod/introduce/index/order-icon2.png);
}

#ohfodIntroduceIndex .sections section.order ul li:nth-of-type(3) {
  background-image: url(/static/images/ohfod/introduce/index/order-icon3.png);
}

#ohfodIntroduceIndex .sections section.design .cont {
  background-image: url(/static/images/ohfod/introduce/index/design-bg.png);
}

#ohfodIntroduceIndex .sections section.design .title {
  color: #706FF7;
}

#ohfodIntroduceIndex .sections section.design .btn-more {
  color: #706FF7;
  border-color: #706FF7;
}

#ohfodIntroduceIndex .sections section.design .btn-more:after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='24' viewBox='0 0 23 24' fill='none'%3E%3Cpath d='M16.97 17.6562L16.97 6.34254L5.65626 6.34254' stroke='%23706FF7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.9712 6.34254L5.65747 17.6562' stroke='%23706FF7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 0 0/100% auto;
}

#ohfodIntroduceIndex .sections section.design ul li:nth-of-type(1) {
  background-image: url(/static/images/ohfod/introduce/index/design-icon1.png);
  background-size: contain;
}

#ohfodIntroduceIndex .sections section.design ul li:nth-of-type(2) {
  background-image: url(/static/images/ohfod/introduce/index/design-icon2.png);
  background-size: contain;
}

#ohfodIntroduceIndex .sections section.design ul li:nth-of-type(3) {
  background-image: url(/static/images/ohfod/introduce/index/design-icon3.png);
  background-size: contain;
}

/*OHOFD 소개 외식 공간디자인  */
#ohfodIntroduceIndex .sections section.design_r .cont {
  background-image: url(/static/images/ohfod/introduce/index/design-bg.png);
}

#ohfodIntroduceIndex .sections section.design_r .title {
  color: #706FF7;
}

#ohfodIntroduceIndex .sections section.design_r .btn-more {
  color: #706FF7;
  border-color: #706FF7;
}

#ohfodIntroduceIndex .sections section.design_r .btn-more:after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='24' viewBox='0 0 23 24' fill='none'%3E%3Cpath d='M16.97 17.6562L16.97 6.34254L5.65626 6.34254' stroke='%23706FF7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.9712 6.34254L5.65747 17.6562' stroke='%23706FF7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 0 0/100% auto;
}

#ohfodIntroduceIndex .sections section.design_r ul li:nth-of-type(1) {
  background-image: url(/static/images/ohfod/introduce/index/design-icon4.png);
  background-size: contain;
}

#ohfodIntroduceIndex .sections section.design_r ul li:nth-of-type(2) {
  background-image: url(/static/images/ohfod/introduce/index/design-icon5.png);
  background-size: contain;
}

#ohfodIntroduceIndex .sections section.design_r ul li:nth-of-type(3) {
  background-image: url(/static/images/ohfod/introduce/index/design-icon6.png);
  background-size: contain;
}

#ohfodIntroduceIndex .solution {
  width: 1280px;
  margin: 0 auto;
  padding: 128px 0;
}

#ohfodIntroduceIndex .solution > strong {
  display: block;
  text-align: center;
  color: #111;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -1.344px;
  text-transform: uppercase;
}

#ohfodIntroduceIndex .solution ol {
  margin-top: 80px;
  padding: 104px 0 64px;
  display: flex;
  gap: 80px;
  background: url(/static/images/ohfod/introduce/index/solution-step.png) no-repeat 0 0;
}

#ohfodIntroduceIndex .solution ol li {
  width: 190px;
}

#ohfodIntroduceIndex .solution ol li span {
  display: block;
  color: #FF7A00;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
}

#ohfodIntroduceIndex .solution ol li strong {
  display: block;
  padding-top: 2px;
  color: #111;
  font-size: 44px;
  font-weight: 700;
  line-height: 120%;
}

#ohfodIntroduceIndex .solution ol li p {
  padding-top: 12px;
  color: #444;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
}

#ohfodIntroduceIndex .solution ol li:nth-of-type(3) {
  margin-left: 16px;
}

#ohfodIntroduceIndex .solution ol li:nth-of-type(4) {
  margin-left: 8px;
}

#ohfodIntroduceIndex .solution ol li:nth-of-type(3) {
  margin-left: 8px;
}

#ohfodIntroduceMealIndex {
  position: relative;
  padding-top: 0;
}

#ohfodIntroduceMealIndex .visual-area {
  position: relative;
  width: 100%;
  height: calc(100vh - 175px);
}

#ohfodIntroduceMealIndex .visual-area video {
  object-fit: cover;
}

#ohfodIntroduceMealIndex .visual-area .btnPageDown {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 40px;
  width: 50px;
  height: 50px;
  background: url(/static/images/ohfod/introduce/ico_scrollDownArrow.svg) no-repeat 0;
}

#ohfodIntroduceMealIndex .slogan {
  padding: 115px 0;
  font-size: 42px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -1.176px;
  text-align: center;
}

#ohfodIntroduceMealIndex .slogan span {
  display: block;
}

#ohfodIntroduceMealIndex .sections section {
  padding: 175px 0;
}

#ohfodIntroduceMealIndex .sections section:nth-child(odd) {
  background-color: #F9F9F9;
}

#ohfodIntroduceMealIndex .sections section:nth-child(odd) .cont {
  padding-left: 521px;
  background-position: 0 50%;
}

#ohfodIntroduceMealIndex .sections section .cont {
  background-repeat: no-repeat;
  background-position: 100% 50%;
  width: 1140px;
  margin: 0 auto;
}

#ohfodIntroduceMealIndex .sections section .cont .title {
  display: flex;
  align-items: flex-end;
  gap: 14px;
  font-size: 52px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -1.568px;
}

#ohfodIntroduceMealIndex .sections section .cont .title span {
  font-size: 18px;
  font-weight: 600;
  line-height: 250%;
  letter-spacing: -0.072px;
}

#ohfodIntroduceMealIndex .sections section .cont > p {
  padding-top: 30px;
  font-size: 48px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -1.344px;
}

#ohfodIntroduceMealIndex .sections section .cont ul {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding-top: 60px;
}

#ohfodIntroduceMealIndex .sections section .cont ul li {
  padding: 0 0 0 94px;
  font-size: 24px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.552px;
  color: #666;
  background-repeat: no-repeat;
  background-position: 0 0;
}

#ohfodIntroduceMealIndex .sections section .cont ul li b {
  display: block;
  padding-bottom: 4px;
  font-size: 28px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.672px;
  color: #444;
}

#ohfodIntroduceMealIndex .sections section .cont .btn-more {
  margin-top: 60px;
  width: auto;
  display: inline-flex;
  padding: 15.5px 30px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.36px;
  border-radius: 30px;
  border: 1px solid #000;
  background: #FFF;
  box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.08);
}

#ohfodIntroduceMealIndex .sections section .cont .btn-more:after {
  content: "";
  transform: rotate(0);
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='24' viewBox='0 0 23 24' fill='none'%3E%3Cpath d='M16.97 17.6562L16.97 6.34254L5.65626 6.34254' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.9712 6.34254L5.65747 17.6562' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 0 0/100% auto;
}

#ohfodIntroduceMealIndex .sections section.operation {
  padding-bottom: 60px;
}

#ohfodIntroduceMealIndex .sections section.operation .cont {
  background-image: url(/static/images/ohfod/introduce/index/operation-bg.png);
}

#ohfodIntroduceMealIndex .sections section.operation .title {
  color: #FF7A00;
}

#ohfodIntroduceMealIndex .sections section.operation .btn-more {
  color: #FF7A00;
  border-color: #FF7A00;
}

#ohfodIntroduceMealIndex .sections section.operation .btn-more:after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='24' viewBox='0 0 23 24' fill='none'%3E%3Cpath d='M16.97 17.6562L16.97 6.34254L5.65626 6.34254' stroke='%23FF7A00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.9712 6.34254L5.65747 17.6562' stroke='%23FF7A00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 0 0/100% auto;
}

#ohfodIntroduceMealIndex .sections section.operation ul li:nth-of-type(1) {
  background-image: url(/static/images/ohfod/introduce/index/operation-icon1.png);
}

#ohfodIntroduceMealIndex .sections section.operation ul li:nth-of-type(2) {
  background-image: url(/static/images/ohfod/introduce/index/operation-icon2.png);
}

#ohfodIntroduceMealIndex .sections section.operation ul li:nth-of-type(3) {
  background-image: url(/static/images/ohfod/introduce/index/operation-icon3.png);
}

#ohfodIntroduceMealIndex .sections section.hygiene .cont {
  background-image: url(/static/images/ohfod/introduce/index/hygiene-bg.png);
}

#ohfodIntroduceMealIndex .sections section.hygiene .title {
  color: #DD345C;
}

#ohfodIntroduceMealIndex .sections section.hygiene .btn-more {
  color: #DD345C;
  border-color: #DD345C;
}

#ohfodIntroduceMealIndex .sections section.hygiene .btn-more:after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='24' viewBox='0 0 23 24' fill='none'%3E%3Cpath d='M16.97 17.6562L16.97 6.34254L5.65626 6.34254' stroke='%23DD345C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.9712 6.34254L5.65747 17.6562' stroke='%23DD345C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 0 0/100% auto;
}

#ohfodIntroduceMealIndex .sections section.hygiene ul li:nth-of-type(1) {
  background-image: url(/static/images/ohfod/introduce/index/hygiene-icon1.png);
}

#ohfodIntroduceMealIndex .sections section.hygiene ul li:nth-of-type(2) {
  background-image: url(/static/images/ohfod/introduce/index/hygiene-icon2.png);
}

#ohfodIntroduceMealIndex .sections section.hygiene ul li:nth-of-type(3) {
  background-image: url(/static/images/ohfod/introduce/index/hygiene-icon3.png);
}

#ohfodIntroduceMealIndex .sections section.hygiene ul li:nth-of-type(4) {
  background-image: url(/static/images/ohfod/introduce/index/hygiene-icon4.svg);
}

#ohfodIntroduceMealIndex .sections section.food .cont {
  background-image: url(/static/images/ohfod/introduce/index/food-bg.png);
}

#ohfodIntroduceMealIndex .sections section.food .title {
  color: #A555E2;
}

#ohfodIntroduceMealIndex .sections section.food .btn-more {
  color: #A555E2;
  border-color: #A555E2;
}

#ohfodIntroduceMealIndex .sections section.food .btn-more:after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='24' viewBox='0 0 23 24' fill='none'%3E%3Cpath d='M16.97 17.6562L16.97 6.34254L5.65626 6.34254' stroke='%23A555E2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.9712 6.34254L5.65747 17.6562' stroke='%23A555E2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 0 0/100% auto;
}

#ohfodIntroduceMealIndex .sections section.food ul li:nth-of-type(1) {
  background-image: url(/static/images/ohfod/introduce/index/food-icon1.png);
}

#ohfodIntroduceMealIndex .sections section.food ul li:nth-of-type(2) {
  background-image: url(/static/images/ohfod/introduce/index/food-icon2.png);
}

#ohfodIntroduceMealIndex .sections section.food ul li:nth-of-type(3) {
  background-image: url(/static/images/ohfod/introduce/index/food-icon3.png);
}

#ohfodIntroduceMealIndex .sections section.food ul li:nth-of-type(4) {
  background-image: url(/static/images/ohfod/introduce/index/food-icon4.svg);
}

#ohfodIntroduceMealIndex .sections section.order .cont {
  background-image: url(/static/images/ohfod/introduce/index/order-bg.png);
}

#ohfodIntroduceMealIndex .sections section.order .title {
  color: #FFBE15;
}

#ohfodIntroduceMealIndex .sections section.order .btn-more {
  color: #FFBE15;
  border-color: #FFBE15;
}

#ohfodIntroduceMealIndex .sections section.order .btn-more:after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='24' viewBox='0 0 23 24' fill='none'%3E%3Cpath d='M16.97 17.6562L16.97 6.34254L5.65626 6.34254' stroke='%23FFBE15' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.9712 6.34254L5.65747 17.6562' stroke='%23FFBE15' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 0 0/100% auto;
}

#ohfodIntroduceMealIndex .sections section.order ul li:nth-of-type(1) {
  background-image: url(/static/images/ohfod/introduce/index/order-icon1.png);
}

#ohfodIntroduceMealIndex .sections section.order ul li:nth-of-type(2) {
  background-image: url(/static/images/ohfod/introduce/index/order-icon2.png);
}

#ohfodIntroduceMealIndex .sections section.order ul li:nth-of-type(3) {
  background-image: url(/static/images/ohfod/introduce/index/order-icon3.png);
}

#ohfodIntroduceMealIndex .sections section.design .cont {
  background-image: url(/static/images/ohfod/introduce/index/design-bg.png);
}

#ohfodIntroduceMealIndex .sections section.design .title {
  color: #706FF7;
}

#ohfodIntroduceMealIndex .sections section.design .btn-more {
  color: #706FF7;
  border-color: #706FF7;
}

#ohfodIntroduceMealIndex .sections section.design .btn-more:after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='24' viewBox='0 0 23 24' fill='none'%3E%3Cpath d='M16.97 17.6562L16.97 6.34254L5.65626 6.34254' stroke='%23706FF7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.9712 6.34254L5.65747 17.6562' stroke='%23706FF7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 0 0/100% auto;
}

#ohfodIntroduceMealIndex .sections section.design ul li:nth-of-type(1) {
  background-image: url(/static/images/ohfod/introduce/index/design-icon1.png);
}

#ohfodIntroduceMealIndex .sections section.design ul li:nth-of-type(2) {
  background-image: url(/static/images/ohfod/introduce/index/design-icon2.png);
}

#ohfodIntroduceMealIndex .sections section.design ul li:nth-of-type(3) {
  background-image: url(/static/images/ohfod/introduce/index/design-icon3.png);
}

#ohfodIntroduceMealIndex .solution {
  width: 1280px;
  margin: 0 auto;
  padding: 128px 0;
}

#ohfodIntroduceMealIndex .solution > strong {
  display: block;
  text-align: center;
  color: #111;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -1.344px;
  text-transform: uppercase;
}

#ohfodIntroduceMealIndex .solution ol {
  margin-top: 80px;
  padding: 104px 0 64px;
  display: flex;
  gap: 80px;
  background: url(/static/images/ohfod/introduce/index/solution-step.png) no-repeat 0 0;
}

#ohfodIntroduceMealIndex .solution ol li {
  width: 190px;
}

#ohfodIntroduceMealIndex .solution ol li span {
  display: block;
  color: #FF7A00;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
}

#ohfodIntroduceMealIndex .solution ol li strong {
  display: block;
  padding-top: 2px;
  color: #111;
  font-size: 44px;
  font-weight: 700;
  line-height: 120%;
}

#ohfodIntroduceMealIndex .solution ol li p {
  padding-top: 12px;
  color: #444;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
}

#ohfodIntroduceMealIndex .solution ol li:nth-of-type(3) {
  margin-left: 16px;
}

#ohfodIntroduceMealIndex .solution ol li:nth-of-type(4) {
  margin-left: 8px;
}

#ohfodIntroduceMealIndex .solution ol li:nth-of-type(3) {
  margin-left: 8px;
}

#ohfodIntroduceSub {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
}

#ohfodIntroduceSub #titleCont {
  height: 460px;
  background-color: #FDF9F2;
}

#ohfodIntroduceSub #titleCont #titleContWrap {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 30px;
  height: 460px;
  background-image: url(/static/images/ohfod/introduce/index/operation-bg-title.png);
  background-repeat: no-repeat;
  background-position: 100% 99%;
  width: 1280px;
  margin: 0 auto;
}

#ohfodIntroduceSub #titleCont #titleContWrap h2 {
  display: flex;
  align-items: center;
  gap: 30px;
  color: #FF7A00;
  font-size: 42px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -1.176px;
}

#ohfodIntroduceSub #titleCont #titleContWrap h2 span {
  position: relative;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.552px;
}

#ohfodIntroduceSub #titleCont #titleContWrap h2 span:before {
  content: "";
  position: absolute;
  left: -18px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background: #FF7A00;
  border-radius: 50%;
}

#ohfodIntroduceSub #titleCont #titleContWrap p {
  color: #111;
  font-size: 48px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -1.344px;
}

#ohfodIntroduceSub h3 {
  padding-top: 70px;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -1.176px;
  background-position: 0 0;
  background-repeat: no-repeat;
}

#ohfodIntroduceSub h3 + p {
  padding-top: 20px;
  color: #888;
  font-size: 24px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.552px;
}

#ohfodIntroduceSub .card {
  display: flex;
  width: 410px;
  height: 400px;
  padding: 40px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 25px;
  background: #FFF;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
}

#ohfodIntroduceSub .card i {
  width: 70px;
  height: 70px;
  background-repeat: no-repeat;
  background-position: 0 0;
  flex-shrink: 0;
}

#ohfodIntroduceSub .card strong {
  margin-top: 40px;
  color: #000;
  font-size: 32px;
  font-weight: 700;
  line-height: 135%;
  letter-spacing: -0.896px;
}

#ohfodIntroduceSub .card ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 18px;
}

#ohfodIntroduceSub .card ul li {
  padding-left: 18px;
  color: #666;
  font-size: 18px;
  font-weight: 500;
  line-height: 145%;
  letter-spacing: -0.072px;
}

#ohfodIntroduceSub .card ul li {
  position: relative;
}

#ohfodIntroduceSub .card ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  background: #666;
  border-radius: 50%;
}

#ohfodIntroduceSub.operation-wrapper #titleCont {
  background-color: #FDF9F2;
}

#ohfodIntroduceSub.operation-wrapper #titleCont #titleContWrap {
  background-image: url(/static/images/ohfod/introduce/index/operation-bg-title.png);
}

#ohfodIntroduceSub.operation-wrapper #titleCont #titleContWrap h2 {
  color: #FF7A00;
}

#ohfodIntroduceSub.operation-wrapper #titleCont #titleContWrap h2 span:before {
  background: #FF7A00;
}

#ohfodIntroduceSub.operation-wrapper .card strong {
  color: #FF7A00;
}

#ohfodIntroduceSub.operation-wrapper .card .icon1 {
  background-image: url("/static/images/ohfod/introduce/operation/icon-card-01.svg");
}

#ohfodIntroduceSub.operation-wrapper .card .icon2 {
  background-image: url("/static/images/ohfod/introduce/operation/icon-card-02.svg");
}

#ohfodIntroduceSub.operation-wrapper .card .icon3 {
  background-image: url("/static/images/ohfod/introduce/operation/icon-card-03.svg");
}

#ohfodIntroduceSub.operation-wrapper .card .icon4 {
  background-image: url("/static/images/ohfod/introduce/operation/icon-card-04.svg");
}

#ohfodIntroduceSub.operation-wrapper .card .icon5 {
  background-image: url("/static/images/ohfod/introduce/operation/icon-card-05.svg");
}

#ohfodIntroduceSub.operation-wrapper .article01 {
  position: relative;
  height: 100vh;
  padding: 0 !important;
  overflow: hidden;
}

#ohfodIntroduceSub.operation-wrapper .article01 h3 {
  background-image: url(/static/images/ohfod/introduce/operation/icon-acticle-01.png);
}

#ohfodIntroduceSub.operation-wrapper .article01 .cont {
  position: relative;
  height: 100%;
  padding-top: 120px !important;
}

#ohfodIntroduceSub.operation-wrapper .article01 .cont {
  position: relative;
}

#ohfodIntroduceSub.operation-wrapper .article01 .cont:after {
  content: "";
  position: absolute;
  right: 20px;
  bottom: 0;
  width: 420px;
  height: 50vh;
  background: linear-gradient(180deg, rgba(249, 249, 249, 0) -16.67%, rgba(249, 249, 249, 0.5) 43.48%, #F9F9F9 114.35%);
  z-index: 5;
}

#ohfodIntroduceSub.operation-wrapper .article01 .card-navi {
  position: absolute;
  left: 20px;
  top: 400px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

#ohfodIntroduceSub.operation-wrapper .article01 .card-navi li button {
  padding-left: 16px;
  color: #AAA;
  font-size: 18px;
  font-weight: 400;
  line-height: 145%;
  letter-spacing: -0.072px;
  cursor: pointer;
}

#ohfodIntroduceSub.operation-wrapper .article01 .card-navi li.on button {
  display: flex;
  padding: 6px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 1000px;
  border: 1px solid #111;
  color: #111;
  font-size: 24px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.552px;
}

#ohfodIntroduceSub.operation-wrapper .article01 .cardsWrap {
  position: absolute;
  right: 20px;
  top: 100px;
  height: calc(100% - 100px);
  width: 450px;
  overflow: hidden;
  transform: translateX(12px) translateY(10px);
}

#ohfodIntroduceSub.operation-wrapper .article01 .cards {
  display: block;
  height: 400px;
  width: 410px;
  transform: translate(25px, 10px);
  padding: 0 0 0;
}

#ohfodIntroduceSub.operation-wrapper .article01 .cards .card {
  margin-bottom: 24px;
}

#ohfodIntroduceSub.operation-wrapper .article01 .cards .card:last-of-type {
  margin-bottom: 0;
}

#ohfodIntroduceSub.operation-wrapper .article01 .cards .slick-list {
  height: 100%;
  overflow: visible;
}

#ohfodIntroduceSub.operation-wrapper .article01 .cards .slick-track:after {
  display: none;
}

#ohfodIntroduceSub.operation-wrapper .article01 .btn-operation-inquiry {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

#ohfodIntroduceSub.operation-wrapper .article05 {
  position: relative;
  height: 35vh;
  padding: 0 !important;
  overflow: hidden;
}

#ohfodIntroduceSub.operation-wrapper .article05 h3 {
  background-image: url(/static/images/ohfod/introduce/operation/icon-acticle-01.png);
}

#ohfodIntroduceSub.operation-wrapper .article05 .cont {
  position: relative;
  height: 100%;
  padding-top: 90px !important;
}

#ohfodIntroduceSub.operation-wrapper .article05 .cont {
  position: relative;
}

#ohfodIntroduceSub.operation-wrapper .article05 .cont:after {
  content: "";
  position: absolute;
  right: 20px;
  bottom: 0;
  width: 420px;
  height: 50vh;
  #background: linear-gradient(180deg, rgba(249, 249, 249, 0) -16.67%, rgba(249, 249, 249, 0.5) 43.48%, #F9F9F9 114.35%);
  z-index: 5;
}

#ohfodIntroduceSub.operation-wrapper .article06 {
  padding: 80px 40px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  background-color: #fff;
  box-sizing: border-box;
}

/* 텍스트 + 이미지 묶음 */
#ohfodIntroduceSub.operation-wrapper .article06 .text-image-wrap {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

/* 텍스트 영역 */
#ohfodIntroduceSub.operation-wrapper .article06 .text-area {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#ohfodIntroduceSub.operation-wrapper .article06 .text-area h3 {
  background-image: url("/static/images/ohfod/introduce/operation/icon-acticle-05.svg");
  background-repeat: no-repeat;
}

#ohfodIntroduceSub.operation-wrapper .article06 .text-area p {
  /*font-size: 18px;
  color: #555;
  margin-bottom: 20px;
  line-height: 1.6;*/
}

/* 리스트 스타일 */
#ohfodIntroduceSub.operation-wrapper .article06 .text-area ul {
  padding-top: 16px;
  list-style: none;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#ohfodIntroduceSub.operation-wrapper .article06 .text-area ul li {
  position: relative;
  padding-left: 18px;
  font-size: 18px;
  color: #666;
  font-weight: 500;
  line-height: 1.5;
}

#ohfodIntroduceSub.operation-wrapper .article06 .text-area ul li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0.4em;
  color: #999;
  font-size: 14px;
}

/* 이미지 영역 */
#ohfodIntroduceSub.operation-wrapper .article06 .image-area {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#ohfodIntroduceSub.operation-wrapper .article06 .image-area img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

#ohfodIntroduceSub.operation-wrapper .article06 .second-row {
  width: 100%;
  margin-top: 90px;
}

#ohfodIntroduceSub.operation-wrapper .article06 .second-row .thumb {
  width: 100%;
  overflow: hidden;
}

#ohfodIntroduceSub.operation-wrapper .article06 .second-row .thumb img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

#ohfodIntroduceSub.operation-wrapper .article07 {
  padding: 80px 20px;
  background-color: #fff;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}

#ohfodIntroduceSub.operation-wrapper .article07 .cont {
  width: 100%;
  max-width: 1280px; /* 최대 너비 지정해서 너무 넓지 않게 */
  padding: 0 40px; /* 컨테이너 내 좌우 여백 */
  box-sizing: border-box;
}

#ohfodIntroduceSub.operation-wrapper .article07 .text-image-wrap {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 40px;
}

#ohfodIntroduceSub.operation-wrapper .article07 .text-area {
  padding-left: 80px;
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#ohfodIntroduceSub.operation-wrapper .article07 .text-area h3 {
  background-image: url("/static/images/ohfod/introduce/operation/icon-acticle-06.svg");
  background-repeat: no-repeat;
}

#ohfodIntroduceSub.operation-wrapper .article07 .text-area ul {
  padding-top: 16px;
  list-style: none;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#ohfodIntroduceSub.operation-wrapper .article07 .text-area ul li {
  position: relative;
  padding-left: 18px;
  font-size: 18px;
  color: #666;
  font-weight: 500;
  line-height: 1.5;
}

#ohfodIntroduceSub.operation-wrapper .article07 .text-area ul li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0.4em;
  color: #999;
  font-size: 14px;
}

#ohfodIntroduceSub.operation-wrapper .article07 .image-area {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#ohfodIntroduceSub.operation-wrapper .article07 .image-area img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

#ohfodIntroduceSub.operation-wrapper .article08 {
  padding: 80px 40px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  background-color: #fff;
  box-sizing: border-box;
}

/* 텍스트 + 이미지 묶음 */
#ohfodIntroduceSub.operation-wrapper .article08 .text-image-wrap {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

/* 텍스트 영역 */
#ohfodIntroduceSub.operation-wrapper .article08 .text-area {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#ohfodIntroduceSub.operation-wrapper .article08 .text-area h3 {
  background-image: url("/static/images/ohfod/introduce/operation/icon-acticle-08.svg");
  background-repeat: no-repeat;
}

#ohfodIntroduceSub.operation-wrapper .article08 .text-area p {
  /*font-size: 18px;
  color: #555;
  margin-bottom: 20px;
  line-height: 1.6;*/
}

/* 리스트 스타일 */
#ohfodIntroduceSub.operation-wrapper .article08 .text-area ul {
  padding-top: 16px;
  list-style: none;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#ohfodIntroduceSub.operation-wrapper .article08 .text-area ul li {
  position: relative;
  padding-left: 18px;
  font-size: 18px;
  color: #666;
  font-weight: 500;
  line-height: 1.5;
}

#ohfodIntroduceSub.operation-wrapper .article08 .text-area ul li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0.4em;
  color: #999;
  font-size: 14px;
}

/* 이미지 영역 */
#ohfodIntroduceSub.operation-wrapper .article08 .image-area {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#ohfodIntroduceSub.operation-wrapper .article08 .image-area img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

#ohfodIntroduceSub.operation-wrapper .article09 {
  padding: 80px 20px;
  background-color: #fff;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}

#ohfodIntroduceSub.operation-wrapper .article09 .cont {
  width: 100%;
  max-width: 1280px; /* 최대 너비 지정해서 너무 넓지 않게 */
  padding: 0 40px; /* 컨테이너 내 좌우 여백 */
  box-sizing: border-box;
}

#ohfodIntroduceSub.operation-wrapper .article09 .text-image-wrap {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 40px;
}

#ohfodIntroduceSub.operation-wrapper .article09 .text-area {
  padding-left: 80px;
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#ohfodIntroduceSub.operation-wrapper .article09 .text-area h3 {
  background-image: url("/static/images/ohfod/introduce/operation/icon-acticle-09.svg");
  background-repeat: no-repeat;
}

#ohfodIntroduceSub.operation-wrapper .article09 .text-area ul {
  padding-top: 16px;
  list-style: none;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#ohfodIntroduceSub.operation-wrapper .article09 .text-area ul li {
  position: relative;
  padding-left: 18px;
  font-size: 18px;
  color: #666;
  font-weight: 500;
  line-height: 1.5;
}

#ohfodIntroduceSub.operation-wrapper .article09 .text-area ul li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0.4em;
  color: #999;
  font-size: 14px;
}

#ohfodIntroduceSub.operation-wrapper .article09 .image-area {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#ohfodIntroduceSub.operation-wrapper .article09 .image-area img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

#ohfodIntroduceSub.operation-wrapper .article02 h3 {
  background-image: url(/static/images/ohfod/introduce/operation/icon-acticle-02.png);
}

#ohfodIntroduceSub.operation-wrapper .article02 section {
  margin-top: 60px;
  border-radius: 25px;
  background: #F9F9F9;
  padding: 40px;
}

#ohfodIntroduceSub.operation-wrapper .article02 section > strong {
  display: block;
  padding-left: 38px;
  color: #FF7A00;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
  text-transform: capitalize;
  background: url(/static/images/ohfod/introduce/operation/icon-clock.svg) no-repeat 0 50%;
}

#ohfodIntroduceSub.operation-wrapper .article02 section > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
}

#ohfodIntroduceSub.operation-wrapper .article02 section > div img {
  margin-left: -20px;
}

#ohfodIntroduceSub.operation-wrapper .article02 section > div div strong {
  display: block;
  color: #111;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.72px;
}

#ohfodIntroduceSub.operation-wrapper .article02 section > div div strong b {
  color: #FF7A00;
}

#ohfodIntroduceSub.operation-wrapper .article02 section > div div p {
  padding-top: 12px;
  color: #444;
  font-size: 18px;
  font-weight: 500;
  line-height: 135%;
  letter-spacing: -0.072px;
}

#ohfodIntroduceSub.operation-wrapper .article03 h3 {
  background-image: url(/static/images/ohfod/introduce/operation/icon-acticle-03.png);
}

#ohfodIntroduceSub.operation-wrapper .article03 .cont {
  min-height: 636px;
  background: url(/static/images/ohfod/introduce/operation/article03.png) no-repeat 100% 0;
}

#ohfodIntroduceSub.operation-wrapper .article04 {
  padding: 0 !important;
  background: #F9F9F9;
}

#ohfodIntroduceSub.operation-wrapper .article04 h3 {
  /*color: #fff;*/
  margin-bottom: 40px;
  background-image: url(/static/images/ohfod/introduce/operation/icon-acticle-04.png);
}

#ohfodIntroduceSub.operation-wrapper .article04 .cont {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
  padding-right: 300px;
  background: url(/static/images/ohfod/introduce/operation/map.png) no-repeat 100%;
  background-size: contain;
}

#ohfodIntroduceSub.operation-wrapper .article04 .cont strong {
  display: block;
  padding-top: 40px;
  font-size: 24px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: -0.48px;
  /*color: #eee;*/
}

#ohfodIntroduceSub.operation-wrapper .article04 .cont ul {
  padding-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#ohfodIntroduceSub.operation-wrapper .article04 .cont ul li {
  padding-left: 18px;
  /*color: #CCC;*/
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.36px;
}

#ohfodIntroduceSub.operation-wrapper .article04 .cont ul li {
  position: relative;
}

#ohfodIntroduceSub.operation-wrapper .article04 .cont ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 50%;
}

#ohfodIntroduceSub.hygiene-wrapper #titleCont {
  background-color: #FFF6F8;
}

#ohfodIntroduceSub.hygiene-wrapper #titleCont #titleContWrap {
  background-image: url(/static/images/ohfod/introduce/index/hygiene-bg-title.png);
}

#ohfodIntroduceSub.hygiene-wrapper #titleCont #titleContWrap h2 {
  color: #DD345C;
}

#ohfodIntroduceSub.hygiene-wrapper #titleCont #titleContWrap h2 span:before {
  background: #DD345C;
}

#ohfodIntroduceSub.hygiene-wrapper .article01 h3 {
  background-image: url(/static/images/ohfod/introduce/hygiene/icon-acticle-01.png);
}

#ohfodIntroduceSub.hygiene-wrapper .article01 .cardsWrap {
  margin-top: 60px;
}

#ohfodIntroduceSub.hygiene-wrapper .article01 .cardsWrap .cards {
  /*display: flex;  */
  /*gap: 25px;*/
  /*justify-content: space-between;*/
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3칸 */
  grid-template-rows: repeat(2, auto); /* 2줄 */
  gap: 25px;
}

#ohfodIntroduceSub.hygiene-wrapper .article01 .cardsWrap .cards .card {
  /*width: 33%;*/
  height: 410px;
}

#ohfodIntroduceSub.hygiene-wrapper .article01 .cardsWrap .cards .card strong {
  color: #DD345C;
}

/* 카드 위치 지정 */
#ohfodIntroduceSub.hygiene-wrapper .article01 .cardsWrap .cards .card:nth-child(1) {
  grid-column: 1;
  grid-row: 1;
}

#ohfodIntroduceSub.hygiene-wrapper .article01 .cardsWrap .cards .card:nth-child(2) {
  grid-column: 2;
  grid-row: 1;
}

#ohfodIntroduceSub.hygiene-wrapper .article01 .cardsWrap .cards .card:nth-child(3) {
  grid-column: 2;
  grid-row: 2;
}

#ohfodIntroduceSub.hygiene-wrapper .article01 .cardsWrap .cards .card:nth-child(4) {
  grid-column: 3;
  grid-row: 2;
}

#ohfodIntroduceSub.hygiene-wrapper .article01 .cardsWrap .cards .card .icon1 {
  background-image: url("/static/images/ohfod/introduce/hygiene/icon-card-01.svg");
}

#ohfodIntroduceSub.hygiene-wrapper .article01 .cardsWrap .cards .card .icon2 {
  background-image: url("/static/images/ohfod/introduce/hygiene/icon-card-02.svg");
}

#ohfodIntroduceSub.hygiene-wrapper .article01 .cardsWrap .cards .card .icon3 {
  background-image: url("/static/images/ohfod/introduce/hygiene/icon-card-03.svg");
}

#ohfodIntroduceSub.hygiene-wrapper .article01 .cardsWrap .cards .card .icon4 {
  background-image: url("/static/images/ohfod/introduce/hygiene/icon-card-04.svg");
}

#ohfodIntroduceSub.hygiene-wrapper .article02 h3 {
  background-image: url(/static/images/ohfod/introduce/hygiene/icon-acticle-02.png);
}

#ohfodIntroduceSub.hygiene-wrapper .article02 section {
  margin-top: 100px;
}

#ohfodIntroduceSub.hygiene-wrapper .article03 h3 {
  background-image: url(/static/images/ohfod/introduce/hygiene/icon-acticle-03.png);
}

#ohfodIntroduceSub.hygiene-wrapper .article03 .cardsWrap {
  margin-top: 60px;
}

#ohfodIntroduceSub.hygiene-wrapper .article03 .cardsWrap .cards {
  display: flex;
  gap: 40px;
  justify-content: space-between;
}

#ohfodIntroduceSub.hygiene-wrapper .article03 .cardsWrap .cards .card {
  width: 50%;
  height: 455px;
}

#ohfodIntroduceSub.hygiene-wrapper .article03 .cardsWrap .cards .card strong {
  color: #DD345C;
  margin-top: 0;
}

#ohfodIntroduceSub.hygiene-wrapper .article03 .cardsWrap .cards .card p {
  color: #444;
  margin-top: 18px;
  margin-bottom: 60px;
  font-size: 24px;
}

#ohfodIntroduceSub.hygiene-wrapper .article03 .cardsWrap .cards .card ul li {
  font-size: 18px;
  color: #444;
}

#ohfodIntroduceSub.hygiene-wrapper .article04 h3 {
  background-image: url(/static/images/ohfod/introduce/hygiene/icon-acticle-04.png);
}

#ohfodIntroduceSub.hygiene-wrapper .article04 section {
  margin-top: 100px;
}

#ohfodIntroduceSub.food-wrapper #titleCont {
  background-color: #FBF6FF;
}

#ohfodIntroduceSub.food-wrapper #titleCont #titleContWrap {
  background-image: url(/static/images/ohfod/introduce/index/food-bg-title.png);
}

#ohfodIntroduceSub.food-wrapper #titleCont #titleContWrap h2 {
  color: #A555E2;
}

#ohfodIntroduceSub.food-wrapper #titleCont #titleContWrap h2 span:before {
  background: #A555E2;
}

#ohfodIntroduceSub.food-wrapper .article01 h3 {
  background-image: url(/static/images/ohfod/introduce/food/icon-acticle-01.png);
}

#ohfodIntroduceSub.food-wrapper .article01 .cardsWrap {
  margin-top: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#ohfodIntroduceSub.food-wrapper .article01 .cardsWrap .titleArea {
  margin-right: 20px;
}

#ohfodIntroduceSub.food-wrapper .article01 .cardsWrap .titleArea h2 {
  color: #A555E2;
  font-size: 36px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -1.176px;
}

#ohfodIntroduceSub.food-wrapper .article01 .cardsWrap .titleArea h2 span {
  color: #111111;
}

#ohfodIntroduceSub.food-wrapper .article01 .cardsWrap .titleArea h2 + p {
  color: #888;
  font-size: 24px;
  margin-top: 20px;
}

#ohfodIntroduceSub.food-wrapper .article01 .cardsWrap .cards {
  display: flex;
  gap: 24px;
  justify-content: space-between;
}

#ohfodIntroduceSub.food-wrapper .article01 .cardsWrap .cards .card {
  width: 302px;
  height: 310px;
  padding: 0;
  overflow: hidden;
}

#ohfodIntroduceSub.food-wrapper .article01 .cardsWrap .cards .card .thumb {
  height: 243px;
}

#ohfodIntroduceSub.food-wrapper .article01 .cardsWrap .cards .card strong {
  font-size: 20px;
  text-align: center;
  font-weight: 400;
  color: #444;
  padding: 20px;
  margin-top: 0;
  width: 100%;
}

#ohfodIntroduceSub.food-wrapper .article02 h3 {
  background-image: url(/static/images/ohfod/introduce/food/icon-acticle-02.png);
}

#ohfodIntroduceSub.food-wrapper .article02 .cardsWrap {
  margin-top: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#ohfodIntroduceSub.food-wrapper .article02 .cardsWrap .cards {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}

#ohfodIntroduceSub.food-wrapper .article02 .cardsWrap .cards .card {
  width: 628px;
  height: 398px;
}

#ohfodIntroduceSub.food-wrapper .article02 .cardsWrap .cards .card .title {
  display: block;
  color: #A555E2;
  font-size: 36px;
  font-weight: 600;
  margin-top: 0;
}

#ohfodIntroduceSub.food-wrapper .article02 .cardsWrap .cards .card .title .number {
  background: #A555E2;
  border-radius: 50%;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  width: 34px;
  height: 34px;
  margin-right: 12px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
}

#ohfodIntroduceSub.food-wrapper .article02 .cardsWrap .cards .card .contWrap {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  gap: 24px;
  width: 100%;
}

#ohfodIntroduceSub.food-wrapper .article02 .cardsWrap .cards .card .contWrap .thumb {
  height: 180px;
  width: 180px;
}

#ohfodIntroduceSub.food-wrapper .article02 .cardsWrap .cards .card .contWrap .thumb span {
  display: block;
  text-align: center;
  font-size: 24px;
  color: #666;
  margin-top: 14px;
  letter-spacing: -0.672px;
  white-space: nowrap;
}

#ohfodIntroduceSub.food-wrapper .article02 .cardsWrap .cards .card:last-of-type .contWrap .thumb:last-of-type span {
  margin-left: -11px;
  white-space: nowrap;
}

#ohfodIntroduceSub.food-wrapper .article03 h3 {
  background-image: url(/static/images/ohfod/introduce/food/icon-acticle-03.png);
}

#ohfodIntroduceSub.food-wrapper .article03 .cardsWrap {
  margin-top: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#ohfodIntroduceSub.food-wrapper .article03 .cardsWrap .titleArea {
  margin-right: 20px;
}

#ohfodIntroduceSub.food-wrapper .article03 .cardsWrap .titleArea h2 {
  color: #A555E2;
  font-size: 36px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -1.176px;
}

#ohfodIntroduceSub.food-wrapper .article03 .cardsWrap .titleArea h2 span {
  color: #111111;
}

#ohfodIntroduceSub.food-wrapper .article03 .cardsWrap .titleArea h2 + p {
  color: #888;
  font-size: 24px;
  margin-top: 20px;
}

#ohfodIntroduceSub.food-wrapper .article03 .cardsWrap .cards {
  display: flex;
  gap: 40px;
  justify-content: space-between;
}

#ohfodIntroduceSub.food-wrapper .article03 .cardsWrap .cards .card {
  width: 50%;
  height: 675px;
  padding: 0;
  overflow: hidden;
}

#ohfodIntroduceSub.food-wrapper .article03 .cardsWrap .cards .card .thumb {
  height: 400px;
}

#ohfodIntroduceSub.food-wrapper .article03 .cardsWrap .cards .card strong {
  font-size: 32px;
  color: #A555E2;
  padding: 20px;
  margin-top: 20px;
  margin-left: 20px;
}

#ohfodIntroduceSub.food-wrapper .article03 .cardsWrap .cards .card strong span {
  color: #111111;
}

#ohfodIntroduceSub.food-wrapper .article03 .cardsWrap .cards .card ul {
  padding: 0 40px 40px;
  margin-top: 0;
}

#ohfodIntroduceSub.food-wrapper .article04 h3 {
  background-image: url(/static/images/ohfod/introduce/food/icon-acticle-04.png);
}

#ohfodIntroduceSub.food-wrapper .article04 section {
  margin-top: 100px;
}

#ohfodIntroduceSub.food-wrapper .article05 h3 {
  background-image: url(/static/images/ohfod/introduce/food/icon-acticle-01.png);
}

#ohfodIntroduceSub.food-wrapper .article05 .cardsWrap {
  margin-top: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#ohfodIntroduceSub.food-wrapper .article05 .cardsWrap .cards {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr;
  /*grid-template-rows: 1fr 1fr;*/
}

#ohfodIntroduceSub.food-wrapper .article05 .cardsWrap .cards .card {
  width: 628px;
  height: 430px;
}

#ohfodIntroduceSub.food-wrapper .article05 .cardsWrap .cards .card .title {
  display: block;
  color: #A555E2;
  /*&font-size: 36px;
  font-weight: 600;
  margin-top: 0;*/
}

#ohfodIntroduceSub.food-wrapper .article05 .cardsWrap .cards .card .title .number {
  background: #A555E2;
  border-radius: 50%;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  width: 34px;
  height: 34px;
  margin-right: 12px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
}

#ohfodIntroduceSub.food-wrapper .article05 .cardsWrap .cards .card .contWrap {
  margin-top: 10px;
  display: flex;
  /*justify-content: center;*/
  gap: 24px;
  width: 100%;
}

#ohfodIntroduceSub.food-wrapper .article05 .cardsWrap .cards .card .contWrap .thumb {
  height: 180px;
  width: 180px;
}

#ohfodIntroduceSub.food-wrapper .article05 .cardsWrap .cards .card .contWrap .thumb span {
  display: block;
  text-align: center;
  font-size: 24px;
  color: #666;
  margin-top: 14px;
  letter-spacing: -0.672px;
  white-space: nowrap;
}

#ohfodIntroduceSub.food-wrapper .article05 .cardsWrap .cards .card:last-of-type .contWrap .thumb:last-of-type span {
  margin-left: -11px;
  white-space: nowrap;
}

#ohfodIntroduceSub.food-wrapper .article05 .cont .cardsWrap .cards .card .icon1 {
  background-image: url("/static/images/ohfod/introduce/food/icon-acticle-01.svg");
}

#ohfodIntroduceSub.food-wrapper .article05 .cont .cardsWrap .cards .card .icon2 {
  background-image: url("/static/images/ohfod/introduce/food/icon-acticle-02.svg");
}

#ohfodIntroduceSub.food-wrapper .article06 h3 {
  background-image: url(/static/images/ohfod/introduce/food/icon-acticle-02.png);
}

#ohfodIntroduceSub.food-wrapper .article06 .card > p {
  padding-top: 20px;
  color: #888;
  font-size: 24px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.552px;
}

#ohfodIntroduceSub.food-wrapper .article06 .cardsWrap {
  margin-top: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#ohfodIntroduceSub.food-wrapper .article06 .cardsWrap .cards {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}

#ohfodIntroduceSub.food-wrapper .article06 .cardsWrap .cards .card {
  width: 628px;
  height: 610px;
}

#ohfodIntroduceSub.food-wrapper .article06 .cardsWrap .cards .card .title {
  display: block;
  color: #A555E2;
  font-size: 36px;
  font-weight: 600;
  margin-top: 0;
}

#ohfodIntroduceSub.food-wrapper .article06 .cardsWrap .cards .card .title .number {
  background: #A555E2;
  border-radius: 50%;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  width: 34px;
  height: 34px;
  margin-right: 12px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
}

#ohfodIntroduceSub.food-wrapper .article06 .cardsWrap .cards .card .contWrap {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  gap: 24px;
  width: 100%;
}

#ohfodIntroduceSub.food-wrapper .article06 .cardsWrap .cards .card .contWrap .thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

#ohfodIntroduceSub.food-wrapper .article06 .cardsWrap .cards .card .contWrap .thumb span {
  display: block;
  text-align: center;
  font-size: 24px;
  color: #666;
  margin-top: 14px;
  letter-spacing: -0.672px;
  white-space: nowrap;
}

#ohfodIntroduceSub.food-wrapper .article06 .cardsWrap .cards .card:last-of-type .contWrap .thumb:last-of-type span {
  margin-left: -11px;
  white-space: nowrap;
}

#ohfodIntroduceSub.food-wrapper .article06 .cardsWrap .cards .card .titleWrap {
  margin-top: 40px;
  display: flex;
  gap: 24px;
  width: 100%;
}

#ohfodIntroduceSub.food-wrapper .article07 h3 {
  background-image: url(/static/images/ohfod/introduce/food/icon-acticle-04.png);
}

#ohfodIntroduceSub.food-wrapper .article07 section {
  margin-top: 100px;
}

#ohfodIntroduceSub.order-wrapper {
  padding-bottom: 60px;
}

#ohfodIntroduceSub.order-wrapper #titleCont {
  background-color: #FFF9EB;
}

#ohfodIntroduceSub.order-wrapper #titleCont #titleContWrap {
  background-image: url(/static/images/ohfod/introduce/index/order-bg-title.png);
}

#ohfodIntroduceSub.order-wrapper #titleCont #titleContWrap h2 {
  color: #FFBE15;
}

#ohfodIntroduceSub.order-wrapper #titleCont #titleContWrap h2 span:before {
  background: #FFBE15;
}

#ohfodIntroduceSub.order-wrapper .article01 h3 {
  background-image: url(/static/images/ohfod/introduce/order/icon-acticle-01.png);
}

#ohfodIntroduceSub.order-wrapper .article01 .cardsWrap {
  margin-top: 60px;
}

#ohfodIntroduceSub.order-wrapper .article01 .cardsWrap .cards {
  display: flex;
  gap: 25px;
  justify-content: space-between;
}

#ohfodIntroduceSub.order-wrapper .article01 .cardsWrap .cards .card {
  width: 50%;
  height: 303px;
}

#ohfodIntroduceSub.order-wrapper .article01 .cardsWrap .cards .card p {
  font-size: 18px;
  color: #666;
  margin-top: 18px;
}

#ohfodIntroduceSub.order-wrapper .article01 .cardsWrap .cards .card .icon1 {
  background-image: url("/static/images/ohfod/introduce/order/icon-card-01.svg");
}

#ohfodIntroduceSub.order-wrapper .article01 .cardsWrap .cards .card .icon2 {
  background-image: url("/static/images/ohfod/introduce/order/icon-card-02.svg");
}

#ohfodIntroduceSub.order-wrapper .article02 h3 {
  background-image: url(/static/images/ohfod/introduce/order/icon-acticle-02.png);
}

#ohfodIntroduceSub.order-wrapper .article02 ul {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
  gap: 24px;
}

#ohfodIntroduceSub.order-wrapper .article02 ul li {
  width: 25%;
}

#ohfodIntroduceSub.order-wrapper .article02 ul li strong {
  display: block;
  font-size: 28px;
  font-weight: 600;
  margin-top: 20px;
}

#ohfodIntroduceSub.order-wrapper .article02 ul li p {
  color: #888;
  font-size: 18px;
  margin-top: 10px;
}

#ohfodIntroduceSub.order-wrapper .article03 h3 {
  background-image: url(/static/images/ohfod/introduce/order/icon-acticle-03.png);
}

#ohfodIntroduceSub.order-wrapper .article03 section {
  padding-top: 30px;
}

#ohfodIntroduceSub.order-wrapper .article04 {
  height: 1200px;
}

#ohfodIntroduceSub.order-wrapper .article04 h3 {
  background-image: url(/static/images/ohfod/introduce/order/icon-acticle-04.png);
  margin-bottom: 80px;
}

#ohfodIntroduceSub.order-wrapper .article04 .contWrap {
  position: relative;
}

#ohfodIntroduceSub.order-wrapper .article04 .contWrap:after {
  content: "";
  position: absolute;
  background: url("/static/images/ohfod/introduce/order/article04-01.png") no-repeat 100% 50%;
  width: 882px;
  height: 1106px;
  top: -275px;
  left: 418px;
}

#ohfodIntroduceSub.order-wrapper .article04 .contWrap dl dt {
  font-size: 24px;
  font-weight: 700;
}

#ohfodIntroduceSub.order-wrapper .article04 .contWrap dl dd {
  margin-bottom: 40px;
}

#ohfodIntroduceSub.order-wrapper .article04 .contWrap dl dd ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 18px;
}

#ohfodIntroduceSub.order-wrapper .article04 .contWrap dl dd ul li {
  padding-left: 18px;
  color: #666;
  font-size: 18px;
  line-height: 145%;
  letter-spacing: -0.072px;
}

#ohfodIntroduceSub.order-wrapper .article04 .contWrap dl dd ul li {
  position: relative;
}

#ohfodIntroduceSub.order-wrapper .article04 .contWrap dl dd ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  background: #ddd;
  border-radius: 50%;
}

#ohfodIntroduceSub.order-wrapper .article05 h3 {
  background-image: url(/static/images/ohfod/introduce/order/icon-acticle-05.png);
}

#ohfodIntroduceSub.order-wrapper .article05 .cont ul {
  display: flex;
  justify-content: space-between;
  gap: 25px;
  margin-top: 30px;
}

#ohfodIntroduceSub.order-wrapper .article05 .cont ul li {
  width: 20%;
}

#ohfodIntroduceSub.order-wrapper .article05 .cont ul li .thumb {
  height: 194px;
  background: #f5f5f5;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#ohfodIntroduceSub.order-wrapper .article05 .cont ul li strong {
  display: block;
  margin-top: 16px;
  font-size: 24px;
  text-align: center;
  font-weight: 600;
  line-height: 1.4;
}

#ohfodIntroduceSub.order-wrapper .article05 .cont ul li p {
  color: #666;
  font-size: 24px;
  text-align: center;
}

#ohfodIntroduceSub.design-wrapper #titleCont {
  background-color: #F7F6FF;
}

#ohfodIntroduceSub.design-wrapper #titleCont #titleContWrap {
  background-image: url(/static/images/ohfod/introduce/index/design-bg-title.png);
}

#ohfodIntroduceSub.design-wrapper #titleCont #titleContWrap h2 {
  color: #706FF7;
}

#ohfodIntroduceSub.design-wrapper #titleCont #titleContWrap h2 span:before {
  background: #706FF7;
}

#ohfodIntroduceSub.design-wrapper .article01 h3 {
  background-image: url(/static/images/ohfod/introduce/design/icon-acticle-01.png);
}

#ohfodIntroduceSub.design-wrapper .article01 .cardsWrap {
  margin-top: 60px;
}

#ohfodIntroduceSub.design-wrapper .article01 .cardsWrap .cards {
  display: flex;
  gap: 25px;
  margin-bottom: 25px;
}

#ohfodIntroduceSub.design-wrapper .article01 .cardsWrap .cards:nth-of-type(2) {
  justify-content: flex-end;
}

#ohfodIntroduceSub.design-wrapper .article01 .cardsWrap .cards .card strong {
  color: #706ff7;
  font-size: 32px;
  font-weight: 700;
}

#ohfodIntroduceSub.design-wrapper .article01 .cardsWrap .cards .card ul {
  margin-top: 18px;
}

#ohfodIntroduceSub.design-wrapper .article01 .cardsWrap .cards .card .icon1 {
  background-image: url("/static/images/ohfod/introduce/design/icon-card-01.svg");
}

#ohfodIntroduceSub.design-wrapper .article01 .cardsWrap .cards .card .icon2 {
  background-image: url("/static/images/ohfod/introduce/design/icon-card-02.svg");
}

#ohfodIntroduceSub.design-wrapper .article01 .cardsWrap .cards .card .icon3 {
  background-image: url("/static/images/ohfod/introduce/design/icon-card-03.svg");
}

#ohfodIntroduceSub.design-wrapper .article01 .cardsWrap .cards .card .icon4 {
  background-image: url("/static/images/ohfod/introduce/design/icon-card-04.svg");
}

#ohfodIntroduceSub.design-wrapper .article01 .cardsWrap .cards .card .icon5 {
  background-image: url("/static/images/ohfod/introduce/design/icon-card-05.svg");
}

#ohfodIntroduceSub.design-wrapper .article02 h3 {
  background-image: url(/static/images/ohfod/introduce/design/icon-acticle-02.png);
}

#ohfodIntroduceSub.design-wrapper .article02 .box {
  background: #f9f9f9;
  border-radius: 25px;
  padding: 40px;
  margin-top: 60px;
}

#ohfodIntroduceSub.design-wrapper .article02 .box strong {
  font-weight: 700;
  font-size: 32px;
  color: #706ff7;
}

#ohfodIntroduceSub.design-wrapper .article02 .box p {
  font-size: 24px;
  color: #444;
  margin-top: 12px;
}

#ohfodIntroduceSub.design-wrapper .article02 .box ul {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-top: 40px;
}

#ohfodIntroduceSub.design-wrapper .article02 .box .contWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 54px;
  padding: 0 62px;
}

#ohfodIntroduceSub.design-wrapper .article02 .box .desc {
  padding: 20px 30px;
  margin-top: 60px;
  background: #fff;
  font-size: 18px;
  font-weight: 500;
  color: #444;
}

#ohfodIntroduceSub.design-wrapper .article02 .box .desc span {
  color: #706ff7;
}

#ohfodIntroduceSub.design-wrapper .article02 .box .arrow {
  position: relative;
}

#ohfodIntroduceSub.design-wrapper .article02 .box .arrow strong {
  display: block;
  margin-top: 21px;
  text-align: center;
  color: #706ff7;
  font-size: 36px;
  font-weight: 600;
}

#ohfodIntroduceSub.design-wrapper .article02 .box .arrow strong span {
  display: inline-block;
}

#ohfodIntroduceSub.design-wrapper .article02 .box .arrow strong em {
  color: #111;
}

#ohfodIntroduceSub.design-wrapper .article03 h3 {
  background-image: url(/static/images/ohfod/introduce/design/icon-acticle-03.png);
}

#ohfodIntroduceSub.design-wrapper .article03 .cardsWrap {
  margin-top: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#ohfodIntroduceSub.design-wrapper .article03 .cardsWrap .cards {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}

#ohfodIntroduceSub.design-wrapper .article03 .cardsWrap .cards .card {
  width: 628px;
  height: 460px;
}

#ohfodIntroduceSub.design-wrapper .article03 .cardsWrap .cards .card .title {
  display: block;
  color: #5453EC;
  font-size: 36px;
  font-weight: 600;
  margin-top: 0;
}

#ohfodIntroduceSub.design-wrapper .article03 .cardsWrap .cards .card .title .number {
  background: #5453EC;
  border-radius: 50%;
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  width: 34px;
  height: 34px;
  margin-right: 12px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
}

#ohfodIntroduceSub.design-wrapper .article03 .cardsWrap .cards .card p {
  color: #888;
  font-size: 24px;
  margin-top: 14px;
}

#ohfodIntroduceSub.design-wrapper .article03 .cardsWrap .cards .card .contWrap {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  gap: 24px;
  width: 100%;
}

#ohfodIntroduceSub.design-wrapper .article03 .cardsWrap .cards .card .contWrap .thumb span {
  display: block;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 145%;
  letter-spacing: -0.072px;
  margin-top: 14px;
  color: #666666;
}

#ohfodIntroduceSub.design-wrapper .article03 .cardsWrap .cards .card:nth-of-type(3) .contWrap, #ohfodIntroduceSub.design-wrapper .article03 .cardsWrap .cards .card:nth-of-type(4) .contWrap {
  margin-top: 28px;
}

#ohfodIntroduceSub.design-wrapper .article04 h3 {
  background-image: url(/static/images/ohfod/introduce/design/icon-acticle-04.png);
}

#ohfodIntroduceSub.design-wrapper .article04 section {
  margin-top: 100px;
}

#ohfodIntroduceSub.design-wrapper .article05 h3 {
  background-image: url(/static/images/ohfod/introduce/design/icon-acticle-02.png);
}

#ohfodIntroduceSub.design-wrapper .article05 .cont p {
  font-size: 24px;
  color: #888;
  margin: 0;
  line-height: 1.5;
}

#ohfodIntroduceSub.design-wrapper .article05 .cont ul {
  list-style-type: disc; /* ● 점 보이게 */
  padding-left: 20px; /* 기본 여백 제거 */
  padding-top: 5px;
}

#ohfodIntroduceSub.design-wrapper .article05 .cont ul li {
  display: list-item; /* 점이 보이도록 명시 */
  white-space: pre-line; /* 줄바꿈 허용 */
  margin-bottom: 0.2em;
  line-height: 1.5;
  font-size: 22px;
  color: #888;
}

#ohfodIntroduceSub.design-wrapper .article05 .box {
  border-radius: 25px;
  padding: 10px;
}

#ohfodIntroduceSub.design-wrapper .article05 .box strong {
  font-weight: 700;
  font-size: 32px;
  color: #706ff7;
}

#ohfodIntroduceSub.design-wrapper .article05 .box p {
  font-size: 24px;
  color: #444;
  margin-top: 12px;
}

#ohfodIntroduceSub.design-wrapper .article05 .box ul {
  list-style: none;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-top: 40px;
}

#ohfodIntroduceSub.design-wrapper .article05 .box ul li {
  display: block;
}

#ohfodIntroduceSub.design-wrapper .article05 .box .contWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 54px;
  padding: 0 62px;
}

#ohfodIntroduceSub.design-wrapper .article05 .box .desc {
  padding: 20px 30px;
  margin-top: 60px;
  background: #fff;
  font-size: 18px;
  font-weight: 500;
  color: #444;
}

#ohfodIntroduceSub.design-wrapper .article05 .box .desc span {
  color: #706ff7;
}

#ohfodIntroduceSub.design-wrapper .article05 .box .arrow {
  position: relative;
}

#ohfodIntroduceSub.design-wrapper .article05 .box .arrow strong {
  display: block;
  margin-top: 21px;
  text-align: center;
  color: #706ff7;
  font-size: 36px;
  font-weight: 600;
}

#ohfodIntroduceSub.design-wrapper .article05 .box .arrow strong span {
  display: inline-block;
}

#ohfodIntroduceSub.design-wrapper .article05 .box .arrow strong em {
  color: #111;
}

#ohfodIntroduceSub.design-wrapper .article06 h3 {
  background-image: url(/static/images/ohfod/introduce/design/icon-acticle-03.png);
}

#ohfodIntroduceSub.design-wrapper .article06 .box {
  background: #f9f9f9;
  border-radius: 25px;
  padding: 40px;
  margin-top: 60px;
}

#ohfodIntroduceSub.design-wrapper .article06 .box strong {
  font-weight: 700;
  font-size: 32px;
  color: #706ff7;
}

#ohfodIntroduceSub.design-wrapper .article06 .box p {
  font-size: 24px;
  color: #444;
  margin-top: 12px;
}

#ohfodIntroduceSub.design-wrapper .article06 .box ul {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-top: 40px;
}

#ohfodIntroduceSub.design-wrapper .article06 .box .contWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 54px;
  padding: 0 62px;
}

#ohfodIntroduceSub.design-wrapper .article06 .box .desc {
  padding: 20px 30px;
  margin-top: 60px;
  background: #fff;
  font-size: 18px;
  font-weight: 500;
  color: #444;
}

#ohfodIntroduceSub.design-wrapper .article06 .box .desc span {
  color: #706ff7;
}

#ohfodIntroduceSub.design-wrapper .article06 .box .arrow {
  position: relative;
}

#ohfodIntroduceSub.design-wrapper .article06 .box .arrow strong {
  display: block;
  margin-top: 21px;
  text-align: center;
  color: #706ff7;
  font-size: 36px;
  font-weight: 600;
}

#ohfodIntroduceSub.design-wrapper .article06 .box .arrow strong span {
  display: inline-block;
}

#ohfodIntroduceSub.design-wrapper .article06 .box .arrow strong em {
  color: #111;
}

#ohfodIntroduceSub.design-wrapper .article06 .box2 {
  padding: 10px;
}

#ohfodIntroduceSub.design-wrapper .article06 .box2 ul:first-of-type {
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

#ohfodIntroduceSub.design-wrapper .article06 .box2 ul:first-of-type li {
  list-style: none;
  width: 409px; /* li에 고정 크기 */
  /*height: 574px;*/
  height: auto; /* auto로 바꾸기 */
  /*overflow: hidden;  /* 혹시 넘칠 경우 깔끔하게 */
}

#ohfodIntroduceSub.design-wrapper .article06 .box2 ul:first-of-type li img {
  /*width: 409px;            /* 고정 크기 */
  /*height: 574px;           /* 고정 크기 */
  /*object-fit: cover;       /* 비율 유지 + 잘라서 채우기 */
  /*display: block;
  width: 100%;          /* li에 맞추기 */
  height: 100%;
  object-fit: contain;
  display: block;
}

#ohfodIntroduceSub.design-wrapper .article06 .box2 ul {
  margin-top: 40px;
}

#ohfodIntroduceSub.design-wrapper .article06 .box .contWrap1 {
  /*display: flex;*/
  /*justify-content: space-between;*/
  align-items: flex-start;
  margin-top: 54px;
  text-align: center;
  gap: 16px; /* 이미지와 버튼 사이 간격 */
}

#ohfodIntroduceSub.design-wrapper .article06 .box .contWrap1 img {
  width: 86%;
}

#ohfodIntroduceSub.design-wrapper .article06 .box .contWrap2 {
  /*display: flex;*/
  /*justify-content: space-between;*/
  align-items: flex-start;
  margin-top: 54px;
  padding: 0 85px;
  gap: 16px; /* 이미지와 버튼 사이 간격 */
}

#ohfodIntroduceSub.design-wrapper .article06 .box .contWrap2 .topRow {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

#ohfodIntroduceSub.design-wrapper .article06 .box .contWrap2 .topRow img {
  width: 150px;
  height: auto;
  border-radius: 8px;
}

#ohfodIntroduceSub.design-wrapper .article06 .box .contWrap2 .orangeBtn {
  background-color: #FF6600;
  color: white;
  padding: 6px 24px;
  border-radius: 13px;
  font-weight: bold;
  font-size: 16px;
  transition: background-color 0.3s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  margin: 5px;
}

#ohfodIntroduceSub.design-wrapper .article06 .box .contWrap2 .orangeBtn:hover {
  background-color: #e55c00;
}

#ohfodIntroduceSub.design-wrapper .article06 .box .contWrap2 .descText {
  font-size: 24px;
  color: #444;
  margin-top: 12px;
  text-align: left; /* 좌측 정렬 */
}

#ohfodIntroduceSub.design-wrapper .article06 .box .contWrap2 .descText span {
  font-weight: bold;
}

#ohfodIntroduceSub.design-wrapper .article06 .box .contWrap2 .btn-wrap {
  text-align: center;
}

#ohfodIntroduceSub.design-wrapper .article06 .box .contWrap2 .btn-more {
  display: block; /* inline-flex -> block 변경 */
  width: fit-content; /* 버튼 너비는 내용만큼 유지 */
  margin: 60px auto 0; /* 위쪽 마진 60px, 좌우 auto로 가운데 정렬 */
  display: inline-flex;
  padding: 15.5px 30px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  font-size: 18px;
  font-weight: 700;
  border-radius: 30px;
  border: 1px solid #FF7A00;
  background: #FFF;
  color: #FF7A00;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
  width: auto; /* 가로길이 늘어나지 않도록 */
  cursor: pointer;
}

#ohfodIntroduceSub.design-wrapper .article06 .box .contWrap2 .btn-more:after {
  content: "";
  transform: rotate(0);
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='24' viewBox='0 0 23 24' fill='none'%3E%3Cpath d='M16.97 17.6562L16.97 6.34254L5.65626 6.34254' stroke='%23FF7A00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.9712 6.34254L5.65747 17.6562' stroke='%23FF7A00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 0 0/100% auto;
}

#ohfodIntroduceSub.design-wrapper .article06 .contWrap2 .cards .card .icon1 {
  background-image: url("/static/images/ohfod/introduce/design/icon1.png");
}

#ohfodIntroduceSub.design-wrapper .article06 .contWrap2 .cards .card .icon2 {
  background-image: url("/static/images/ohfod/introduce/design/icon2.png");
}

#ohfodIntroduceSub.design-wrapper .article06 .contWrap2 .cards .card .icon3 {
  background-image: url("/static/images/ohfod/introduce/design/icon3.png");
}

/************************/
#ohfodIntroduceSub.design-wrapper .article06 .box .contWrap2 .cards {
  display: flex;
  flex-direction: row; /* 기본값이지만 명시 */
  gap: 24px; /* 카드 사이 간격 */
  margin-top: 32px;
  flex-wrap: wrap; /* 👉 줄바꿈 허용 (반응형 대응) */
}

#ohfodIntroduceSub.design-wrapper .article06 .box .contWrap2 .cards .card {
  flex: 1 1 200px; /* 최소 200px, 공간 있으면 늘어남 */
  background-color: #FFFFFF;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  min-width: 200px;
  /* 고정 높이 설정 */
  height: 300px;
  /* 내용 넘칠 경우 처리 (선택 사항) */
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

#ohfodIntroduceSub.design-wrapper .article06 .box .contWrap2 .cards .card strong {
  display: block;
  font-weight: 600;
  margin-bottom: 8px;
}

#ohfodIntroduceSub.design-wrapper .article06 .box .contWrap2 .cards .card ul {
  list-style: none; /* 기본 점 제거 */
  padding-left: 20px;
  margin: 0;
  gap: 10px;
  margin-top: 18px;
}

#ohfodIntroduceSub.design-wrapper .article06 .box .contWrap2 .cards .card li {
  /*margin-bottom: 6px;*/
}

#ohfodIntroduceSub.design-wrapper .article06 .box .contWrap2 .cards .card i.icon {
  display: block;
  width: 40%;
  height: 40%;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 12px;
  background-position: center;
  margin: 0 auto 16px auto;
}

#ohfodIntroduceSub.design-wrapper .article07 h3 {
  background-image: url(/static/images/ohfod/introduce/design/icon-acticle-02.png);
}

#ohfodIntroduceSub.design-wrapper .article07 .box {
  border-radius: 25px;
  padding: 10px;
}

#ohfodIntroduceSub.design-wrapper .article07 .box strong {
  font-weight: 700;
  font-size: 32px;
  color: #706ff7;
}

#ohfodIntroduceSub.design-wrapper .article07 .box p {
  font-size: 24px;
  color: #444;
  margin-top: 12px;
}

#ohfodIntroduceSub.design-wrapper .article07 .box ul {
  /*display: flex;*/
  padding-left: 20px;
  gap: 16px;
  /*justify-content: space-between;*/
  /*margin-top: 40px;*/
}

#ohfodIntroduceSub.design-wrapper .article07 .box .contWrap {
  display: flex;
  align-items: stretch; /* 양쪽 높이 동일하게 */
  gap: 40px;
}

/* 좌측 텍스트 전체 */
#ohfodIntroduceSub.design-wrapper .article07 .box .text {
  flex: 1;
  display: flex;
  flex-direction: column;
  /*justify-content: center;*/
}

/* 제목 */
#ohfodIntroduceSub.design-wrapper .article07 .box .text h3 {
  margin: 0 0 12px;
  font-size: 42px;
  line-height: 1.4;
}

/* 문단 */
#ohfodIntroduceSub.design-wrapper .article07 .box .text p {
  font-size: 24px;
  color: #888;
  margin: 0;
  line-height: 1.5;
}

/* 우측 이미지 */
#ohfodIntroduceSub.design-wrapper .article07 .box .image {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; /* 이미지 넘침 방지 */
}

#ohfodIntroduceSub.design-wrapper .article07 .box .image img {
  width: auto;
  height: 100%;
  max-height: 100%;
  object-fit: contain;
}

#ohfodIntroduceSub.design-wrapper .article07 .box .contWrap .text > ul {
  list-style-type: disc; /* 자동으로 점 표시 */
  padding-left: 20px; /* 점과 텍스트 간 간격 */
  margin: 0; /* 기본 마진 제거 (선택) */
  padding-top: 5px;
}

#ohfodIntroduceSub.design-wrapper .article07 .box .contWrap .text > ul li {
  display: list-item; /* 줄바꿈 허용되는 블록 요소로 설정 */
  white-space: normal; /* 줄바꿈 허용 */
  word-wrap: break-word; /* 긴 단어도 줄바꿈 */
  margin-bottom: 0.2em;
  line-height: 1.5;
  font-size: 22px;
  color: #888;
}

#ohfodIntroduceSub #contents {
  width: 100%;
  padding: 0;
  position: relative;
  z-index: 10;
}

#ohfodIntroduceSub #contents article {
  padding: 120px 0;
}

#ohfodIntroduceSub #contents article.gray {
  background: #F9F9F9;
}

#ohfodIntroduceSub #contents article:last-child {
  padding-bottom: 160px;
}

#ohfodIntroduceSub #contents article .cont {
  width: 1320px;
  margin: 0 auto;
  padding: 0 20px 0;
}

#ohfodIntroduceSub #contents article .cont section + section {
  margin-top: 120px;
}



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