@charset "UTF-8";
/* ==========================================================================
   #font
   ========================================================================== */
@font-face {
  font-family: 'Pretendard';
  font-weight: 900;
  font-display: swap;
  src: local("Pretendard Black"), url("../font/woff2/Pretendard-Black.woff2") format("woff2"), url("../font/woff/Pretendard-Black.woff") format("woff");
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 800;
  font-display: swap;
  src: local("Pretendard ExtraBold"), url("../font/woff2/Pretendard-ExtraBold.woff2") format("woff2"), url("../font/woff/Pretendard-ExtraBold.woff") format("woff");
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 700;
  font-display: swap;
  src: local("Pretendard Bold"), url("../font/woff2/Pretendard-Bold.woff2") format("woff2"), url("../font/woff/Pretendard-Bold.woff") format("woff");
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 600;
  font-display: swap;
  src: local("Pretendard SemiBold"), url("../font/woff2/Pretendard-SemiBold.woff2") format("woff2"), url("../font/woff/Pretendard-SemiBold.woff") format("woff");
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 500;
  font-display: swap;
  src: local("Pretendard Medium"), url("../font/woff2/Pretendard-Medium.woff2") format("woff2"), url("../font/woff/Pretendard-Medium.woff") format("woff");
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 400;
  font-display: swap;
  src: local("Pretendard Regular"), url("../font/woff2/Pretendard-Regular.woff2") format("woff2"), url("../font/woff/Pretendard-Regular.woff") format("woff");
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 300;
  font-display: swap;
  src: local("Pretendard Light"), url("../font/woff2/Pretendard-Light.woff2") format("woff2"), url("../font/woff/Pretendard-Light.woff") format("woff");
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 200;
  font-display: swap;
  src: local("Pretendard ExtraLight"), url("../font/woff2/Pretendard-ExtraLight.woff2") format("woff2"), url("../font/woff/Pretendard-ExtraLight.woff") format("woff");
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 100;
  font-display: swap;
  src: local("Pretendard Thin"), url("../font/woff2/Pretendard-Thin.woff2") format("woff2"), url("../font/woff/Pretendard-Thin.woff") format("woff");
}

/* ==========================================================================
   #Sub
   ========================================================================== */
/* 1010 */
.feature {
  font-size: clamp(1em, 4.55vw, 2.5em);
  max-width: 860px;
  color: #000;
  font-family: 'Pretendard', Arial, sans-serif;
  word-wrap: break-word;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 1;
}

.feature table, .feature tr, .feature th, .feature td {
  font-size: 1em;
}

.feature th {
  color: #2B2828;
}

.feature td {
  color: #5F5F5F;
}

.feature img {
  max-width: 100%;
  vertical-align: top;
}

/*
  case)360
  font size basic : figma 30 > 1.5em
  div > 하위에서는. 상위 폰트사이즈 대비 %로 적용
  20px > 15px (15 / 20 = 0.75) > 0.75em
  figma 사이즈 x 0.05 em
  case)860
  figma 30 > 1em; = 48px
  x = figma px / 48px = __em
*/
.probioticsW {
  position: relative;
  z-index: 1;
}

.probioticsW * {
  letter-spacing: -0.01em;
  line-height: 1.4;
}

.probioticsW .pink_title {
  display: inline-block;
  font-size: 1.25em;
  font-weight: 700;
  color: #FF61AF;
  line-height: 1.6;
  border-top: 1px solid #FF61AF;
  border-bottom: 1px solid #FF61AF;
  padding: 0 0.2em;
}

.probioticsW .pink_title.type2 {
  font-size: 1.05em;
  margin-top: 3.45em;
}

.probioticsW .main_tit {
  font-size: 1.7em;
  font-weight: 700;
  line-height: 1.18;
  margin-top: 0.735em;
}

.probioticsW .main_tit em {
  font-size: 0.585em;
  font-style: normal;
}

.probioticsW .main_desc {
  font-size: 0.8em;
  margin-top: 0.95em;
}

.probioticsW .main_desc strong {
  font-weight: 600;
}

.probioticsW .intro .intro_sec2 {
  position: relative;
}

.probioticsW .intro .intro_sec2 .intro_sec2_cont {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 3.575em 0 2.425em 0;
  text-align: center;
}

.probioticsW .intro .intro_sec2 .intro_sec2_cont .tit {
  color: #092A30;
  font-size: 1.7em;
  font-weight: 700;
}

.probioticsW .intro .intro_sec2 .intro_sec2_cont .tit strong {
  color: #fff;
  font-weight: 700;
  background: #FF61AF;
  padding: 0.05em 0.1em;
}

.probioticsW .intro .intro_sec2 .intro_sec2_cont .txt {
  display: inline-block;
  font-size: 1.05em;
  color: #092A30;
  border-top: 1px solid #092A30;
  border-bottom: 1px solid #092A30;
  padding: 0.2em 0.5em;
  margin-top: 0.619em;
}

.probioticsW .intro .intro_sec2 .intro_sec2_cont .bot {
  font-size: 0.85em;
  font-weight: 600;
  color: #fff;
}

.probioticsW .intro .intro_sec3 {
  color: #fff;
  background: #092A30;
  padding: 1.975em 1.1em 1.975em 1.4em;
}

.probioticsW .intro .intro_sec3 li {
  display: flex;
  align-items: center;
  border-bottom: 1px dashed #979797;
  padding: 0.75em 0 0.75em 0.746em;
}

.probioticsW .intro .intro_sec3 li:nth-of-type(1) {
  padding-top: 0;
}

.probioticsW .intro .intro_sec3 li:nth-last-of-type(1) {
  border-bottom: none;
}

.probioticsW .intro .intro_sec3 li .num {
  font-size: 1.7em;
  font-weight: 800;
  color: #FF61AF;
  margin-right: 0.897em;
}

.probioticsW .intro .intro_sec3 li .txt {
  font-size: 0.8em;
  font-weight: 500;
  line-height: 1.719;
}

.probioticsW .intro .intro_sec3 li .txt strong {
  font-weight: 700;
  color: #FF61AF;
}

.probioticsW .intro .intro_sec3 li .txt em{
  font-size: 0.75em;
  font-style: normal;
}

.probioticsW .review {
  background: #FFF7E2;
  padding: 3.725em 0 1em 0;
  text-align: center;
}

.probioticsW .review .tit {
  font-size: 1.05em;
  margin-top: 0.95em;
}

.probioticsW .review .tit strong {
  font-size: 1.619em;
  font-weight: 700;
  line-height: 1.15;
}

.probioticsW .review .desc {
  font-size: 1.05em;
  font-weight: 700;
  margin-top: 1.715em;
}

.probioticsW .review .desc .txt {
  font-weight: 700;
}

.probioticsW .review .desc strong {
  color: #fff;
  font-weight: 700;
  background: #FF61AF;
  padding: 0.15em 0.1em;
}

.probioticsW .review .desc em {
  display: block;
  font-size: 0.572em;
  font-weight: 400;
  font-style: normal;
  margin-top: 0.5em;
}

.probioticsW .review .desc figure img {
  width: 7.125em !important;
}

.probioticsW .review .desc em.txt_desc {
  margin-bottom: 1.5em;
}

.probioticsW .review .review_img {
  padding: 0 1.7em;
  margin-top: 2.25em;
}

.probioticsW .point01 {
  background: #FFEAF5;
  text-align: center;
}

.probioticsW .point01 .point01_img {
  position: relative;
  padding: 2.25em 1.625em 2.65em 1.625em;
}

.probioticsW .point01 .point01_img::after {
  content: '';
  position: absolute;
  top: 47%;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 1.525em;
  height: 1.475em;
  background: url('/res/itemdtl/1000000668/sec4_plus.png') no-repeat center / 1.525em 1.475em;
}

.probioticsW .point01 .point01_img div {
  position: relative;
  text-align: left;
}

.probioticsW .point01 .point01_img div figure img {
  width: 15.4em !important;
}

.probioticsW .point01 .point01_img div:nth-of-type(2) {
  text-align: right;
}

.probioticsW .point01 .point01_img div p {
  position: absolute;
  top: calc(50% - 0.9em);
  left: 62%;
  color: #000;
  font-size: 0.75em;
  text-align: left;
}

.probioticsW .point01 .point01_img div:nth-of-type(2) p {
  left: auto;
  right: 61.5%;
  margin-left: 0;
  text-align: right;
}

.probioticsW .point01 .point01_img div p strong{
  display: block;
  font-size: 1.167em;
  font-weight: 600;
  color: #fff;
  padding: 0 0.4em;
  margin-bottom: 0.4em;
}

.probioticsW .point01 .point01_desc_img01 {
  display: flex;
  align-items: center;
  background: #FFD581;
  border-radius: 1.5em 1.5em 0px 0px;
  padding: 2.55em 0 3em 0;
}

.probioticsW .point01 .point01_desc_img01 figure img {
  width: 9.25em !important;
}

.probioticsW .point01 .point01_desc_img01 .txt_area {
  margin-left: 0.5em;
}

.probioticsW .point01 .point01_desc_img01 .txt_area .tit {
  font-size: 1.25em;
  font-weight: 700;
  margin-bottom: 0.6em;
  text-align: left;
}

.probioticsW .point01 .point01_desc_img01 .txt_area .txt {
  font-size: 0.8em;
  text-align: left;
}

.probioticsW .point01 .point01_desc_img01 .txt_area .txt strong {
  font-weight: 600;
}

.probioticsW .point01 .point01_desc_img02 {
  display: flex;
  align-items: start;
  justify-content: center;
  gap: 0 1.8em;
  background: #092A30;
  border-radius: 1.5em 1.5em 0px 0px;
  padding: 3.1em 0 2.425em;
  margin-top: -1.2em;
}

.probioticsW .point01 .point01_desc_img02 div figure img {
  width: auto !important;
  height: 9.45em !important;
}

.probioticsW .point01 .point01_desc_img02 div .tit {
  display: inline-block;
  font-size: 0.8em;
  color: #fff;
  font-weight: 600;
  background: #BEB478;
  border-radius: 2em;
  padding: 0.15em 0.7em 0.05em 0.7em;
  margin-top: 1.1em;
}

.probioticsW .point01 .point01_desc_img02 div .txt {
  color: #fff;
  font-size: 0.7em;
  margin-top: 0.465em;
}

.probioticsW .point02 {
  position: relative;
}

.probioticsW .point02 .point02_cont {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
}

.probioticsW .point02 .bot {
  padding: 0 1.25em;
  margin-top: 21em;
}

.probioticsW .point02 .bot .bot_tit {
  font-size: 1.05em;
  font-weight: 600;
  color: #fff;
  background: #FF61AF;
  padding: 0.35em 0;
}

.probioticsW .point02 .bot .bot_cont {
  display: flex;
  align-items: start;
  justify-content: space-between;
  margin-top: 1.275em;
}

.probioticsW .point02 .bot .bot_cont li {
  width: 6em;
}

.probioticsW .point02 .bot .bot_cont li > p {
  font-size: 0.8em;
  margin-bottom: 0.3em;
}

.probioticsW .point02 .bot .bot_cont li > p strong {
  font-weight: 700;
}

.probioticsW .point02 .bot .bot_cont li figure {
  width: 6em !important;
}

.probioticsW .point02 .bot .bot_cont li .img_desc {
  height: 10em;
  background: #FFFFFF;
  border-radius: 0.8em;
  padding-top: 2.65em;
  margin-top: -3.7em;
}

.probioticsW .point02 .bot .bot_cont li .img_desc .num {
  position: relative;
  display: inline-block;
  font-size: 1.05em;
  font-weight: 700;
  color: #fff;
  background: #FF61AF;
  border-radius: 0.6em;
  padding: 0.21em 0.31em;
  z-index: 1;
}
.probioticsW .point02 .bot .bot_cont li .img_desc .tit {
  font-size: 0.75em;
  color: #FF61AF;
  font-weight: 600;
  margin-top: 0.53em;
}

.probioticsW .point02 .bot .bot_cont li .img_desc .txt {
  font-size: 0.7em;
  margin-top: 0.4em;
}

.probioticsW .point03 {
  position: relative;
}

.probioticsW .point03 .point03_cont {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
}

.probioticsW .point03 .point03_cont figure img {
  width: 17.925em !important;
  margin-top: 1.7em;
}

.probioticsW .point03 .point03_cont .txt {
  font-size: 0.8em;
  margin-top: 4.69em;
}

.probioticsW .point04 {
  position: relative;
}

.probioticsW .point04 .pink_title {
  color: #013686;
  border-color: #013686;
  margin-top: 3em;
}

.probioticsW .point04 .main_tit em {
  font-size: 0.41em;
  font-weight: 400;
}

.probioticsW .point04 .point04_cont {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
}

.probioticsW .point04 .point04_cont .txt {
  display: inline-block;
  font-size: 0.85em;
  font-weight: 700;
  line-height: 1.5;
  background: url('/res/itemdtl/1000000668/checkbox.png') no-repeat left center / 1.52em auto;
  padding: 0.35em 0 0 1.7em;
  margin-top: 18em;
}

.probioticsW .point05 {
  background: #FE7DBB;
  text-align: center;
}

.probioticsW .point05 .pink_title,
.probioticsW .point05 .main_tit {
  color: #fff;
  border-color: #fff;
}

.probioticsW .point05 .point05_list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1em 0;
  padding: 1.825em 1.25em 2.575em;
}

.probioticsW .point05 .point05_list li {
  width: 9em;
  background: #fff;
  border-radius: 1.25em;
  padding: 0.15em 0.15em 0;
}

.probioticsW .point05 .point05_list li p {
  font-size: 0.875em;
  font-weight: 600;
  padding: 0.76em 0 0.56em
}

.probioticsW .point06 {
  background: #FFEAF5;
  padding: 4.25em 1.25em 3.7em;
  text-align: center;
}

.probioticsW .point06 .point06_img {
  margin-top: 2.775em;
}

.probioticsW .point06 .point06_img > div {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}

.probioticsW .point06 .point06_img > div:nth-of-type(2) {
  margin-bottom: 2.775em;
}

.probioticsW .point06 .point06_img figure img {
  z-index: 1;
  position: relative;
  width: 6.75em !important
}

.probioticsW .point06 .point06_img p {
  width: 22.165em;
  font-size: 0.75em;
  background: #fff;
  border-radius: 40px;
  padding: 1.825em 7.5em 1.825em 1.825em;
  margin-right: -5em;
  text-align: right;
}

.probioticsW .point06 .point06_img > div:nth-of-type(1) p {
  padding: 1.825em 1.825em 1.825em 7.5em;
  margin-left: -5.8em;
  text-align: left;
}

.probioticsW .point06 .point06_img p strong {
  position: relative;
  font-weight: 600;
}

.probioticsW .point06 .point06_img p strong.bg {
  background: #FFEAF7;
}

.probioticsW .point06 .point06_desc figure img {
  width: 17.75em;
}

.probioticsW .point06 .point06_desc p {
  font-size: 1.05em;
  margin-top: 0.905em;
}

.probioticsW .point06 .main_tit {
  margin-top: 0;
}

.probioticsW .point07 {
  position: relative;
  text-align: center;
}

.probioticsW .point07 .point07_cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 100%;
  padding: 48% 1.25em 0;
}

.probioticsW .point07 .point07_cont .main_tit {
  color: #fff;
  margin-top: 0;
}

.probioticsW .point07 .point07_cont .point07_list {
  background: #FFFFFF;
  border-radius: 1.75em;
  padding: 1.375em 0.7em 1.375em 1.25em;
  margin-top: 1.3em;
}

.probioticsW .point07 .point07_cont .point07_list li {
  background: url('/res/itemdtl/1000000668/check_pink.png') no-repeat left top 0.2em / 0.7em auto;
  padding-left: 1.1em;
  margin-bottom: 0.761em;
}

.probioticsW .point07 .point07_cont .point07_list li p {
  font-size: 0.8em;
  color: #000;
  text-align: left;
}

.probioticsW .point07 .point07_cont .point07_list li:nth-last-of-type(1) {
  margin-bottom: 0;
}

.probioticsW .point07 .point07_cont .point07_list li p strong {
  font-weight: 600;
}

.probioticsW .point-table {
  background: #fff;
  padding: 1.3em 1.1em;
  margin: 0 0.25em;
}

.probioticsW .point-table .table-title {
  font-size: 0.9em;
  font-weight: 700;
  text-align: center;
  padding: 0 0 0.5em 0;
}

.probioticsW .point-table table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 3px solid #000000;
}

.probioticsW .point-table table tbody th {
  text-align: left;
  font-size: 0.57em;
  border-bottom: 1px solid #000;
  padding: 0.7em 0;
  color: #000;
  font-weight: 700;
  vertical-align: top;
}

.probioticsW .point-table table tbody td {
  text-align: left;
  font-size: 0.57em;
  border-bottom: 1px solid #000;
  padding: 0.7em 0 0.7em 0.5em;
  color: #000;
  font-weight: 400;
  letter-spacing: -0.04em;
}


@media (max-width: 730px) {
  .probioticsW .point01 .point01_img div p {
    left: 60%;
  }

  .probioticsW .point01 .point01_img div:nth-of-type(2) p {
    right: 60%;
  }
}

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