@charset "euc-kr";
/* ============================================================
   procedure.css
   WEADD(2026³â 8¿ù): ½Ã¼ú¾È³» ÆäÀÌÁö °øÅë µðÀÚÀÎ
   ¸Á°íº¸µå PC ½Ã¾È(º¸Å彺 ÆäÀÌÁö) ±âÁØ. »ö»óÀº ½Ã¾È À̹ÌÁö¿¡¼­
   Çȼ¿ Á÷Á¢ ÃßÃâÇÑ °ªÀ» »ç¿ëÇÔ:
     - ¸ÞÀÎ °ñµå/º£ÀÌÁö : #d3b28f  (»ó´Ü¹è³Ê, ¼±ÅÃµÈ ÅÇ, ¼±ÅÃµÈ ¹öÆ°, Á¦Ç°Å±×)
     - Å׵θ®           : #d5b491
     - ¹è°æ Å©¸²        : #f9f6ef
     - Ä«µå ¹è°æ        : #faf9f4
     - Á¦¸ñ ÅؽºÆ®      : #1e1e1e
     - º»¹® ÅؽºÆ®      : #555
   9°³ Ä«Å×°í¸®(º¸Å彺/ÇÊ·¯/·¹ÀÌÀú¸®ÇÁÆÃ/½Ç¸®ÇÁÆÃ/½ºÅ²ºÎ½ºÅÍ/¿©µå¸§/Á¦¸ð/»ö¼Ò/ºñ¸¸)°¡
   ¸ðµÎ ÀÌ ÆÄÀÏ Çϳª¸¦ °øÀ¯ÇÔ. ÆäÀÌÁöº°·Î ´Ù¸¥ °Ç µ¥ÀÌÅÍ(_data.php)»Ó.
   ============================================================ */

/* ---------- ÆùÆ® ---------- */
/* Pretendard - ¼­¹ö¿¡ ÆùÆ® ÆÄÀÏÀÌ ¾ø¾î CDN »ç¿ë.
   ³ªÁß¿¡ ¼­¹ö(font/)¿¡ Á÷Á¢ ¿Ã¸®½Ç °Å¸é ÀÌ @import¸¦ Áö¿ì°í @font-face·Î ±³Ã¼ÇÏ¸é µÊ */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.css");

.pd_page,
.pd_page * {
    font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif;
    box-sizing: border-box;
}

/* ---------- »ó´Ü ŸÀÌƲ ¹è³Ê ---------- */
/* WEADD(2026³â 8¿ù): ¹è³Ê 3¾È(½Ç»ç »çÁø) - »ç¿ëÀÚ ÄÁÆß. ¿øÀå ½Ç»ç À§¿¡ Èò º£ÀÏ, Á¦¸ñ ¿ÞÂÊ Á¤·Ä */
.pd_banner {
    position: relative; height: 440px; box-sizing: border-box;
    display: flex; flex-flow: column-reverse; justify-content: center; align-items: flex-start;
    text-align: left;
    padding: 0 20px 0 max(24px, calc((100vw - 1400px) / 2 + 24px));
    background: url('/images/sub08/banner_treat.jpg') center 30% / cover no-repeat, #f5f1ea;
}
.pd_banner::before { content: ''; position: absolute; inset: 0;
    background: linear-gradient(90deg, rgba(255,255,255,0.96) 0%, rgba(255,255,255,0.90) 34%, rgba(255,255,255,0.24) 78%, rgba(255,255,255,0.05) 100%); }
.pd_banner .pg_tit {
    position: relative; font-family: 'Pretendard', 'Malgun Gothic', sans-serif !important;
    font-size: 40px; font-weight: 700 !important; color: #1e1e1e;
    letter-spacing: 0; margin: 0;
}
.pd_banner .pg_tit::after { content: ''; display: block; width: 44px; height: 2px; background: #b99a63; margin-top: 16px; }
.pd_banner .en {
    position: relative; font-family: 'Raleway', 'Pretendard', sans-serif !important;
    font-size: 13px; font-weight: 400 !important; color: #b99a63;
    letter-spacing: 4px; margin: 0 0 12px;
}

/* ---------- ºê·¹µåÅ©·³(ÇöÀç À§Ä¡) ---------- */
/* WEADD(2026³â 8¿ù): ±¸Á¶È­µ¥ÀÌÅÍ(BreadcrumbList)¸¸ ÀÖ°í È­¸é Ç¥½Ã°¡ ¾ø¾î¼­ Ãß°¡ */
.pd_bc { background: #fff; padding: 22px 20px 0; }
.pd_bc_inner { max-width: 1400px; margin: 0 auto; font-size: 13px; color: #999; }
.pd_bc a { color: #999; text-decoration: none; }
.pd_bc a:hover { color: #666; text-decoration: underline; }
.pd_bc .sep { margin: 0 7px; color: #ccc; }
.pd_bc .current { color: #333; }

/* ---------- Ä«Å×°í¸® ÅÇ(9°³) ---------- */
/* WEADD(2026³â 8¿ù): ÅÇ 9°³ - ¾Ë¾àÇü -> °ñµå ¹ØÁÙÇüÀ¸·Î °³Æí (¿¬¼¼WÀÇ¿ø Ä«Å×°í¸®¿Í µ¿ÀÏÇÑ ¹®¹ý) */
.pd_tabs { background: #fff; border-bottom: 1px solid #eee; padding: 18px 24px 0 max(24px, calc((100vw - 1400px) / 2 + 24px)); }
.pd_tabs ul {
    display: flex; flex-wrap: nowrap; justify-content: flex-start;
    gap: 30px; margin: 0; overflow-x: auto;
    list-style: none; padding: 0;
}
.pd_tabs li { flex: 0 0 auto; }
.pd_tabs a {
    display: block; min-width: 0; text-align: left;
    padding: 0 2px 14px; border: 0; border-radius: 0;
    background: none; color: #555; font-size: 17px; font-weight: 400;
    font-family: 'NanumSquare', 'Pretendard', 'Malgun Gothic', sans-serif !important;
    text-decoration: none; transition: color 0.2s ease; white-space: nowrap;
}
.pd_tabs a:hover { background: none; color: #1e1e1e; }
.pd_tabs li.on a { background: none; color: #1e1e1e; font-weight: 700 !important; border-bottom: 2px solid #b99a63; }

/* ---------- È÷¾î·Î(ÁÂ: ¼Ò°³±Û / ¿ì: ¸ðµ¨»çÁø) ---------- */
.pd_hero { position: relative; background: #f9f6ef; overflow: hidden; }
.pd_hero_inner {
    max-width: 1400px; margin: 0 auto;
    display: grid; grid-template-columns: 1fr 1fr;
    align-items: center; min-height: 620px;
}
.pd_hero_txt { padding: 70px 40px 70px 0; }
.pd_hero_txt .brand {
    font-size: 26px; font-weight: 200; color: #333;
    letter-spacing: 0.08em; margin: 0 0 6px;
}
.pd_hero_txt .tit {
    display: flex; align-items: flex-end; gap: 10px;
    border-bottom: 3px solid #1e1e1e; padding-bottom: 6px;
    margin: 0 0 30px; max-width: 460px;
}
.pd_hero_txt .tit h1 {
    font-size: 68px; font-weight: 700; color: #1e1e1e;
    margin: 0; line-height: 1.05; letter-spacing: -0.02em;
}
.pd_hero_txt .tit .sub {
    font-size: 22px; font-weight: 600; color: #1e1e1e; padding-bottom: 8px;
}
.pd_hero_txt .desc { margin: 0 0 22px; }
.pd_hero_txt .desc p {
    /* WEADD(2026³â 8¿ù): È®Á¤°ª - Å©±â 18.5px / Çà°£ 1.45 (Àü Ä«Å×°í¸® °øÅë) */
    font-size: 18.5px; line-height: 1.45; color: #555;
    margin: 0 0 20px; word-break: keep-all;
}
.pd_hero_txt .desc p:last-child { margin-bottom: 0; }
.pd_hero_txt .desc strong { font-weight: 700; color: #1e1e1e; }

/* Á¦Ç° ÅÂ±× */
.pd_tags { display: flex; flex-wrap: wrap; gap: 10px; margin: 34px 0 0; padding: 0; list-style: none; }
.pd_tags li {
    background: #d3b28f; color: #1e1e1e;
    font-size: 14px; font-weight: 550; /* WEADD: È®Á¤°ª (°¡º¯ ÆùÆ®¶ó 550 Áö¿ø) */
    padding: 8px 20px; border-radius: 20px;
}

/* WEADD(2026³â 8¿ù): ¹øÈ£ Á¦Ç° ¸ñ·Ï(01~) - »õ ¸Á°íº¸µå ½Ã¾ÈÀÇ ÅÂ±× ¾Ë¾à ´ëü.
   _data.php ¿¡ 'products' °¡ ÀÖ´Â Ä«Å×°í¸®(ÇöÀç º¸Å彺)¸¸ ±×·ÁÁü.
   ½Ã¾ÈÀÇ º¸¶ó»öÀº ¿¹½Ã ¿À·ù¶ó ±âÁ¸ º£ÀÌÁö ÆÈ·¹Æ®·Î ġȯ:
   ¹øÈ£ #1e1e1e / À̸§ ¹êµå #efe2d2(Å©¸² ¹è°æ À§¿¡¼­ ÇÑ Åæ ÁøÇÑ º£ÀÌÁö) / ¼³¸í #555 */
.pd_prods { margin: 34px 0 0; padding: 0; list-style: none; }
.pd_prods li { display: grid; grid-template-columns: 48px 1fr; align-items: center; row-gap: 9px; margin-top: 26px; }
.pd_prods li:first-child { margin-top: 0; }
.pd_prods .pp_num { font-size: 18px; color: #1e1e1e; letter-spacing: 0.04em; }
.pd_prods .pp_name { display: block; font-size: 19px; color: #1e1e1e; background: #efe2d2; border-radius: 8px; padding: 9px 18px; }
.pd_prods li p { grid-column: 2; font-size: 16px; line-height: 1.55; color: #555; margin: 0; word-break: keep-all; }

/* ¸ðµ¨ »çÁø */
.pd_hero_img { position: relative; align-self: stretch; min-height: 620px; }
.pd_hero_img img {
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%; object-fit: cover; object-position: center top;
}
/* »çÁøÀÌ ¾ÆÁ÷ ¾øÀ» ¶§ ÀÚ¸®¸¸ Ç¥½Ã(½Ã¾È È®Àοë) */
.pd_hero_img.is_empty {
    background: #ece3d7;
    display: flex; align-items: center; justify-content: center;
    color: #b09a80; font-size: 15px;
}

/* ---------- ÇÏÀ§ ½Ã¼ú Ä«µå ---------- */
.pd_list_wrap { background: #fff; padding: 70px 20px 110px; }
.pd_list {
    max-width: 1400px; margin: 0 auto;
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
    list-style: none; padding: 0;
}
.pd_card {
    background: #faf9f4; border: 1px solid #d5b491;
    padding: 40px 34px 34px;
    display: flex; flex-direction: column;
}
.pd_card h2 {
    font-size: 27px; font-weight: 700; color: #1e1e1e;
    margin: 0 0 22px; word-break: keep-all;
}
.pd_card p {
    font-size: 15px; line-height: 1.75; color: #555;
    margin: 0 0 30px; word-break: keep-all; flex: 1 1 auto;
}
.pd_card .more {
    align-self: flex-start;
    display: inline-block; text-decoration: none;
    border: 1px solid #d5b491; border-radius: 24px;
    background: #fff; color: #333;
    font-size: 15px; padding: 11px 28px;
    transition: background 0.2s ease;
}
.pd_card .more:hover { background: #d3b28f; }
/* WEADD(2026³â 8¿ù): »ó¼¼ÆäÀÌÁö°¡ ¾ÆÁ÷ ¾ø´Â Ç׸ñ - Ŭ¸¯ ºÒ°¡ ȸ»ö Ç¥½Ã.
   _data.php ¿¡¼­ '#' ÀÚ¸®¿¡ ½ÇÁ¦ ÁÖ¼Ò¸¦ ³ÖÀ¸¸é À§ÀÇ ÀÏ¹Ý .more ½ºÅ¸ÀÏ·Î ¹Ù²ò´Ï´Ù */
.pd_card .more.is_ready {
    background: #f2f0eb; border-color: #ddd6cc; color: #aaa;
    cursor: default;
}

/* ============================================================
   ¹ÝÀÀÇü
   ============================================================ */

/* ÅÂºí¸´ °¡·Î ~ ÀÛÀº ³ëÆ®ºÏ */
@media (max-width: 1280px) {
    .pd_hero_inner { padding: 0 24px; }
    .pd_hero_txt { padding: 60px 30px 60px 0; }
    .pd_hero_txt .tit h1 { font-size: 56px; }
    .pd_list { grid-template-columns: repeat(3, 1fr); gap: 18px; }
    .pd_card { padding: 32px 26px 28px; }
    .pd_card h2 { font-size: 23px; }
}

/* ÅÂºí¸´ */
@media (max-width: 1024px) {
    .pd_banner { height: 440px; }
    .pd_banner .pg_tit { font-size: 32px; }
    .pd_banner .en { font-size: 12px; }

    .pd_tabs { padding-top: 14px; }
    .pd_tabs ul { gap: 24px; }
    .pd_tabs a { font-size: 16px; padding-bottom: 12px; }

    /* »çÁøÀ» À§·Î, ±ÛÀ» ¾Æ·¡·Î - ¼¼·Î ¹èÄ¡ */
    .pd_hero_inner { grid-template-columns: 1fr; min-height: 0; padding: 0; }
    .pd_hero_img { order: 1; min-height: 0; height: 46vw; max-height: 420px; position: relative; }
    /* WEADD(2026³â 8¿ù): ÅÂºí¸´µµ ¼¼·Î ¹èÄ¡¶ó ¸ð¹ÙÀÏ°ú °°Àº ÀÌÀ¯·Î Å©·Ó ±âÁØÀ» À§·Î ¿Ã¸² */
    .pd_hero_img img { object-position: center 30%; }
    .pd_hero_txt { order: 2; padding: 40px 24px 50px; }
    .pd_hero_txt .tit { max-width: none; }
    .pd_hero_txt .tit h1 { font-size: 46px; }

    .pd_list_wrap { padding: 50px 16px 70px; }
    .pd_list { grid-template-columns: repeat(2, 1fr); }
}

/* ¸ð¹ÙÀÏ */
@media (max-width: 600px) {
    .pd_banner { height: 260px; background-position: 68% 30%; }
    .pd_banner::before { background: linear-gradient(90deg, rgba(255,255,255,0.96) 0%, rgba(255,255,255,0.9) 45%, rgba(255,255,255,0.35) 100%); }
    .pd_banner .pg_tit { font-size: 25px; }
    .pd_banner .pg_tit::after { margin-top: 12px; }
    .pd_banner .en { font-size: 11px; letter-spacing: 3px; }

    /* WEADD: ÅÇ 9°³ - ¹ØÁÙÇüÀº ÇÑ ÁÙ °¡·Î ½ºÅ©·ÑÀÌ ÀÚ¿¬½º·¯¿ò (Á¿ì·Î ½» ³Ñ°Üº¸±â) */
    .pd_bc { padding: 14px 14px 0; }
    .pd_bc_inner { font-size: 12px; }
    .pd_tabs { padding: 12px 24px 0; }
    .pd_tabs ul { gap: 20px; }
    .pd_tabs a { font-size: 14.5px; padding-bottom: 11px; }

    .pd_hero_img { height: 62vw; max-height: 330px; }
    /* WEADD(2026³â 8¿ù): ¸ð¹ÙÀÏ¿¡¼­ ¸ðµ¨ ¾ó±¼ÀÌ ¾Æ·¡·Î ¹Ð·Á À߸°´Ù´Â Çǵå¹é ¹Ý¿µ.
       »çÁø ¿µ¿ª Å©±â(³ôÀÌ)´Â ±×´ë·Î µÎ°í, À߸®´Â ±âÁØÁ¡¸¸ À§·Î ¿Ã¸².
       ±âÁ¸ 'center top'Àº »çÁø ¸Ç À§ ±âÁØÀÌ¶ó ¼¼·Î·Î ±ä Àι°»çÁø¿¡¼­´Â
       ¸Ó¸® À§ ¿©¹é±îÁö ´Ù º¸¿© Á¤ÀÛ ¾ó±¼ÀÌ ¾Æ·¡·Î ¹Ð·Á³µÀ½.
       => object-position À» ¼¼·Î Áß¾Óº¸´Ù »ì¦ À§(30%)·Î Àâ¾Æ ¾ó±¼ÀÌ È­¸é¿¡ µé¾î¿À°Ô ÇÔ.
       ¼ýÀÚ¸¦ ÁÙÀ̸é(¿¹: 20%) »çÁøÀÌ ´õ À§ÂÊ ±âÁØ, ´Ã¸®¸é(¿¹: 45%) ´õ ¾Æ·¡ÂÊ ±âÁØÀÌ µÊ */
    .pd_hero_img img { object-position: center 30% !important; }
    .pd_hero_txt { padding: 28px 16px 36px; }
    .pd_hero_txt .brand { font-size: 18px; }
    .pd_hero_txt .tit { padding-bottom: 4px; margin-bottom: 22px; border-bottom-width: 2px; }
    .pd_hero_txt .tit h1 { font-size: 34px; }
    .pd_hero_txt .tit .sub { font-size: 15px; padding-bottom: 5px; }
    .pd_hero_txt .desc p { font-size: 15px; line-height: 1.45; margin-bottom: 14px; }
    .pd_tags { margin-top: 24px; gap: 7px; }
    .pd_tags li { font-size: 12px; padding: 7px 15px; }

    /* ¹øÈ£ Á¦Ç° ¸ñ·Ï - ¸ð¹ÙÀÏ Ãà¼Ò. Á¼Àº È­¸é¿¡¼­´Â ½Ã¾ÈÀÇ °­Á¦ ÁٹٲÞ(br)À» Ç®¾î ÀÚ¿¬½º·´°Ô È帣°Ô */
    .pd_prods { margin-top: 26px; }
    .pd_prods li { grid-template-columns: 40px 1fr; row-gap: 7px; margin-top: 20px; }
    .pd_prods .pp_num { font-size: 15px; }
    .pd_prods .pp_name { font-size: 17px; padding: 8px 14px; border-radius: 7px; }
    .pd_prods li p { font-size: 14px; line-height: 1.5; }
    .pd_prods li p br { display: none; }

    /* Ä«µå: 1¿­ */
    .pd_list_wrap { padding: 34px 14px 50px; }
    .pd_list { grid-template-columns: 1fr; gap: 12px; }
    .pd_card { padding: 24px 20px 22px; }
    .pd_card h2 { font-size: 19px; margin-bottom: 14px; }
    .pd_card p { font-size: 14px; margin-bottom: 20px; }
    .pd_card .more { font-size: 14px; padding: 10px 24px; }
}

/* ¾ÆÁÖ Á¼Àº È­¸é - ÅÇ ±ÛÀÚ ÇÑ ´Ü°è ´õ Ãà¼Ò */
@media (max-width: 360px) {
    .pd_tabs a { font-size: 13px; padding: 12px 4px; }
    .pd_hero_txt .tit h1 { font-size: 29px; }
}

/* ============================================================
   WEADD(2026³â 8¿ù): ÁøÀÔ µîÀå È¿°ú (¾È A - CSS¸¸À¸·Î µ¿ÀÛ)
   - _data.php ¿¡¼­ 'anim' => true ÀÎ Ä«Å×°í¸®¸¸ ÄÑÁü(pd_anim Ŭ·¡½º, ÇöÀç º¸Å彺)
   - ÆäÀÌÁö°¡ ¿­¸± ¶§ ¼Ò°³±Û -> Á¦Ç° ¸ñ·Ï -> »çÁø -> Ä«µå ¼ø¼­·Î ¾Æ·¡¿¡¼­ ¶°¿À¸§
   - ±ÛÀº HTML¿¡ ±×´ë·Î ÀÖ¾î °Ë»ö¿£Áø/AI ¼öÁý¿¡ ¿µÇâ ¾øÀ½(SEO¡¤GEO ¾ÈÀü)
   - ±â±â ¼³Á¤¿¡¼­ '¿òÁ÷ÀÓ ÁÙÀ̱â'¸¦ ÄÒ »ç¿ëÀÚ¿¡°Õ È¿°ú ¾øÀÌ ¹Ù·Î º¸ÀÓ(Á¢±Ù¼º)
   ============================================================ */
@media (prefers-reduced-motion: no-preference) {
    /* WEADD: ÇÏÀ§ Ä«µå(.pd_list > li)´Â ½ºÅ©·Ñ µîÀå ¹æ½Ä(yw_rv, _template.php °øÅë ½ºÅ©¸³Æ®)À¸·Î ÀÌÀü */
    .pd_anim .pd_hero_txt .brand, .pd_anim .pd_hero_txt .tit, .pd_anim .pd_hero_txt .desc,
    .pd_anim .pd_hero_txt .pd_prods, .pd_anim .pd_hero_txt .pd_tags,
    .pd_anim .pd_hero_img { animation: pdFadeUp 0.7s ease-out backwards; }
    .pd_anim .pd_hero_txt .tit  { animation-delay: 0.10s; }
    .pd_anim .pd_hero_txt .desc { animation-delay: 0.20s; }
    .pd_anim .pd_hero_img       { animation-delay: 0.25s; }
    .pd_anim .pd_hero_txt .pd_prods, .pd_anim .pd_hero_txt .pd_tags { animation-delay: 0.28s; }
}
/* ½ÃÀÛ ¸ð½À¸¸ Á¤ÀÇ(µµÂø ¸ð½ÀÀº ¿ø·¡ »óÅÂ) - Ä«µå/¹öÆ° È£¹ö È¿°ú¿Í Ãæµ¹ÇÏÁö ¾ÊÀ½ */
@keyframes pdFadeUp {
    from { opacity: 0; transform: translateY(18px); }
}

/* ============================================================
   WEADD(2026³â 8¿ù): v2 µðÀÚÀÎ - »õ ¸Á°íº¸µå ½Ã¾È ¹Ý¿µ (design2 Ç÷¡±×, ÇöÀç º¸Å彺¸¸)
   ½Ã¾È ĵ¹ö½º(1920px)´Â Àý´ë Å©±â°¡ ½ÇÁ¦ À¥ ±âÁغ¸´Ù ¾à 1.6¹è Å©°Ô ÀâÇô À־
   (Ãà¼Ò È­¸éÀ¸·Î ÀÛ¾÷ÇÏ¸é »ý±â´Â Çö»ó), ½Ã¾ÈÀÇ "ºñÀ²"Àº ±×´ë·Î µÎ°í
   Àüü Å©±â¸¸ 0.62¹è·Î ȯ»êÇØ Àû¿ë. ȯ»ê °á°ú°¡ ¿¹Àü F12 È®Á¤°ª°ú ÀÏÄ¡ÇÔ:
   º»¹® 18.5px / Ä«µå º»¹® 15.5px / ÅÇ 18px. ·¹À̾ƿô ÆøÀº »çÀÌÆ® °øÅë 1400px ÄÁÅ×À̳Ê.
   !important ´Â pretendard.css Àü¿ª ±½±â/±Û²Ã ±ÔÄ¢À» À̱â±â À§ÇØ ÇÊ¿ä
   ============================================================ */

/* ºê·£µå ÁÙ(YWCLINIC) Àü¿ë ¿µ¹® ÆùÆ® - ¹«·á(OFL ¶óÀ̼±½º), /fonts/ Æú´õ¿¡ ¾÷·Îµå */
@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway-Regular.woff2') format('woff2');
    font-weight: 400; font-style: normal; font-display: swap;
}

/* WEADD(2026³â 8¿ù): ³ª´®½ºÄù¾î(¹«·á, ³×À̹ö ¹èÆ÷) - v2 º»¹®¡¤Á¦Ç°¸ñ·Ï¡¤Ä«µå¿¡ Àû¿ë (»ç¿ëÀÚ ¿äû).
   4°³ ±½±â ÆÄÀÏ ¸ðµÎ /fonts/ Æú´õ¿¡ ¾÷·Îµå. Á¦¸ñ¡¤ºÎÁ¦(º¸Å彺/Á¤Ç°¡¤Á¤·® µî)´Â ±âÁ¸ ÆùÆ® À¯Áö */
@font-face { font-family: 'NanumSquare'; src: url('/fonts/NanumSquareL.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'NanumSquare'; src: url('/fonts/NanumSquareR.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'NanumSquare'; src: url('/fonts/NanumSquareB.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'NanumSquare'; src: url('/fonts/NanumSquareEB.woff2') format('woff2'); font-weight: 800; font-style: normal; font-display: swap; }

/* v2 ³ª´®½ºÄù¾î Àû¿ë ¹üÀ§: ¼Ò°³±Û + Á¦Ç° ¸ñ·Ï + ÇÏÀ§ Ä«µå (Á¦¸ñ¡¤ºÎÁ¦¡¤YWCLINIC¡¤¹è³Ê¡¤ÅÇ Á¦¿Ü). */
.pd_v2 .pd_hero_txt .desc p, .pd_v2 .pd_hero_txt .desc strong,
.pd_v2 .pd_prods .pp_num, .pd_v2 .pd_prods .pp_name,
.pd_v2 .pd_prods li p, .pd_v2 .pd_prods li p strong,
.pd_v2 .pd_card h2, .pd_v2 .pd_card p, .pd_v2 .pd_card .more {
    font-family: 'NanumSquare', 'Pretendard', 'Malgun Gothic', sans-serif !important;
}
/* WEADD(2026³â 8¿ù): º»¹®Àº R(400) À¯Áö - Å©¸®¹Ì(creamy-daejeon) ½ÇÃø °á°ú ±×ÂÊ º»¹®µµ R(400)Àε¥
   Çà°£ 1.7~1.75 + ºÎµå·¯¿î Áøȸ»ö(#444)À̶ó Àß º¸ÀÌ´Â °Í. ±½±â ´ë½Å Çà°£¡¤»öÀ¸·Î ÇØ°á (»ç¿ëÀÚ ¿äû) */
.pd_v2 .pd_hero_txt .desc p, .pd_v2 .pd_prods .pp_num,
.pd_v2 .pd_prods li p, .pd_v2 .pd_card p, .pd_v2 .pd_card .more {
    font-weight: 400 !important;
}
.pd_v2 .pd_hero_txt .desc strong, .pd_v2 .pd_prods li p strong {
    font-weight: 700 !important;
}

/* ÅÇ: v2 º°µµ ½ºÅ¸ÀÏ ¾øÀ½ - ÇÊ·¯ µî ´Ù¸¥ Ä«Å×°í¸®¿Í µ¿ÀÏÇÑ °øÅë ÅÇ »ç¿ë (ÅëÀÏ°¨, »ç¿ëÀÚ ¿äû 2026.08) */

/* È÷¾î·Î: ¹è°æ(Å©¸² ¶ì, À̹ÌÁö µÚ±îÁö)°ú Á¦¸ñ ¹ØÁÙÀº ÇÊ·¯ µî °øÅë ½ºÅ¸ÀÏ ±×´ë·Î »ç¿ë (ÅëÀÏ°¨, »ç¿ëÀÚ ¿äû 2026.08).
   v2 °íÀ¯: Á¦¸ñ Å©°Ô(92px), ºÎÁ¦ °ñµå, ¹øÈ£ Á¦Ç° ¸ñ·Ï */
/* ½Ã¾È: Á¦¸ñ¡¤¼Ò°³±ÛÀº Á¦Ç° ¸ñ·Ïº¸´Ù ¾ÈÂÊÀ¸·Î µé¿©¾¸ */
.pd_v2 .pd_hero_txt .brand,
.pd_v2 .pd_hero_txt .tit,
.pd_v2 .pd_hero_txt .desc { margin-left: 38px; }
.pd_v2 .pd_hero_txt .brand {
    font-family: 'Raleway', 'Pretendard', sans-serif !important;
    font-size: 25px; font-weight: 400 !important;
    letter-spacing: 0; color: #1e1e1e; margin-bottom: 0;
}
/* ¹ØÁÙ(border-bottom)¡¤ÃÖ´ëÆøÀº °øÅë .tit ±ÔÄ¢ ±×´ë·Î - Á¦¸ñ Å©±â¸¸ v2 °ª */
.pd_v2 .pd_hero_txt .tit h1 { font-size: 92px; font-weight: 700 !important; line-height: 1.1; letter-spacing: 0; }
.pd_v2 .pd_hero_txt .tit .sub { font-size: 24px; font-weight: 700 !important; color: #d3b28f; padding-bottom: 8px; }
/* WEADD(2026³â 8¿ù): À̸§ÀÌ ±ä Ä«Å×°í¸®(·¹ÀÌÀú ¸®ÇÁÆà µî, pd_long ÀÚµ¿ ºÎ¿©) - Á¦¸ñ¡¤ºÎÁ¦ ÇÑ ´Ü°è Ãà¼Ò·Î ÇÑ ÁÙ À¯Áö */
.pd_v2.pd_long .pd_hero_txt .tit { max-width: none; }
.pd_v2.pd_long .pd_hero_txt .tit h1 { font-size: 66px; }
.pd_v2.pd_long .pd_hero_txt .tit .sub { font-size: 21px; padding-bottom: 6px; white-space: nowrap; }
/* WEADD(2026³â 8¿ù): À̸§ 4ÀÚ Ä«Å×°í¸®(½Ç¸®ÇÁÆ᤻ö¼ÒÄ¡·á¡¤ºñ¸¸°ü¸®, pd_mid ÀÚµ¿ ºÎ¿©) -
   Á¦¸ñ Å©±â´Â À¯ÁöÇÏ°í ¹ØÁÙ Æø¸¸ ³ÐÇô ºÎÁ¦±îÁö ÇÑ ÁÙ À¯Áö */
.pd_v2.pd_mid .pd_hero_txt .tit { max-width: 600px; }
.pd_v2.pd_mid .pd_hero_txt .tit .sub { white-space: nowrap; }
.pd_v2 .pd_hero_txt .desc { margin-bottom: 0; }
.pd_v2 .pd_hero_txt .desc p { font-size: 18.5px; line-height: 1.7; color: #444; } /* WEADD: Å©¸®¹Ì Âü°í - Çà°£ 1.7, #444 */

/* ¹øÈ£ Á¦Ç° ¸ñ·Ï - "1. À̸§"À» ÇÑ ¹êµå ¾È¿¡ ºÙ¿©¼­ Ç¥½Ã (»ç¿ëÀÚ ¿äû 2026.08)
   ¹øÈ£=°ñµå(#b99a63), À̸§=ÁøÇÑ»ö ±½°Ô(Àß º¸ÀÌ°Ô), ¼³¸í ¼Ó Áß¿ä ´Ü¾î´Â strong À¸·Î °­Á¶ */
.pd_v2 .pd_prods { margin: 24px 0 0 38px; } /* WEADD: ¿ÞÂÊ 38px = ¼Ò°³±Û("¿¬¼¼WÀÇ¿ø~")°ú °°Àº ½ÃÀÛ¼± (»ç¿ëÀÚ ¿äû 2026.08) */
.pd_v2 .pd_prods li { display: block; margin-top: 14px; }
.pd_v2 .pd_prods li:first-child { margin-top: 0; }
.pd_v2 .pd_prods .pp_head {
    display: flex; align-items: baseline; gap: 9px;
    width: min(100%, 395px); box-sizing: border-box;
    background: linear-gradient(90deg, #ffffff, #f9f6f0);
    padding: 5px 18px 5px 14px; margin: 0 0 6px;
}
.pd_v2 .pd_prods .pp_num { font-size: 19px; font-weight: 400 !important; color: #b99a63; letter-spacing: 0; }
.pd_v2 .pd_prods .pp_name {
    background: none; width: auto; padding: 0; border-radius: 0;
    font-size: 21px; font-weight: 700 !important;
    color: #1e1e1e; letter-spacing: -0.02em;
}
.pd_v2 .pd_prods li p { margin: 0 0 0 14px; font-size: 18.5px; line-height: 1.7; letter-spacing: 0; color: #444; } /* WEADD: Å©¸®¹Ì Âü°í - Çà°£ 1.7, ÀÚ°£ 0, #444 */
.pd_v2 .pd_prods li p strong { color: #1e1e1e; }

/* ÇÏÀ§ ½Ã¼ú Ä«µå: ·¹ÀÌÀú¸®ÇÁÆà µî ±âÁ¸ °øÅë Ä«µå ½ºÅ¸ÀÏ ±â¹Ý (ÅëÀÏ°¨, »ç¿ëÀÚ ¿äû 2026.08).
   + ¼³¸í°ú ¹öÆ° »çÀÌ ±¸ºÐ¼±(Å׵θ® °ñµå¿Í ¾î¿ï¸®´Â ¿¬ÇÑ Åæ)
   + Å©¸² ¹è°æ À§¿¡¼­ ¿¬ÇØ º¸Àδٴ Çǵå¹é - ¼³¸í ±ÛÀÚ 15->16px, #555->#444 ¹Ý Åæ ÁøÇÏ°Ô */
.pd_v2 .pd_card p { font-size: 17.5px; color: #444; border-bottom: 1px solid #ddcbaa; padding-bottom: 20px; } /* WEADD: 16 -> 17.5px (»ç¿ëÀÚ ¿äû) */

/* v2 ¹ÝÀÀÇü */
@media (max-width: 1280px) {
    .pd_v2 .pd_hero_txt .tit h1 { font-size: 76px; }
    .pd_v2.pd_long .pd_hero_txt .tit h1 { font-size: 46px; }
    .pd_v2.pd_long .pd_hero_txt .tit .sub { font-size: 16px; }
    .pd_v2.pd_mid .pd_hero_txt .tit h1 { font-size: 56px; }
    .pd_v2.pd_mid .pd_hero_txt .tit .sub { font-size: 18px; }
}
@media (max-width: 1024px) {
    .pd_v2 .pd_hero_txt .brand,
    .pd_v2 .pd_hero_txt .tit,
    .pd_v2 .pd_hero_txt .desc { margin-left: 0; }
    .pd_v2 .pd_hero_txt .tit h1 { font-size: 54px; }
    .pd_v2 .pd_prods { margin-left: 0; }
    .pd_v2 .pd_prods .pp_head { width: 100%; }
}
@media (max-width: 600px) {
    /* WEADD(2026³â 8¿ù): ¸ð¹ÙÀÏ Àüü ±ÛÀÚ ÇÑ ´Ü°è »óÇâ (»ç¿ëÀÚ ¿äû) */
    .pd_v2 .pd_hero_txt .brand { font-size: 18px; }
    .pd_v2 .pd_hero_txt .tit h1 { font-size: 38px; }
    .pd_v2.pd_long .pd_hero_txt .tit h1 { font-size: 31px; }
    .pd_v2.pd_mid .pd_hero_txt .tit h1 { font-size: 34px; }
    .pd_v2 .pd_hero_txt .tit .sub { font-size: 16px; padding-bottom: 5px; }
    .pd_v2.pd_long .pd_hero_txt .tit .sub { font-size: 14px; }
    .pd_v2.pd_mid .pd_hero_txt .tit .sub { font-size: 14px; }
    .pd_v2 .pd_hero_txt .desc p { font-size: 16px; line-height: 1.65; }
    .pd_v2 .pd_prods { margin-top: 20px; }
    .pd_v2 .pd_prods li { margin-top: 12px; }
    .pd_v2 .pd_prods .pp_head { padding: 5px 12px 5px 10px; gap: 7px; }
    .pd_v2 .pd_prods .pp_num { font-size: 15px; }
    .pd_v2 .pd_prods .pp_name { font-size: 17px; }
    .pd_v2 .pd_prods li p { font-size: 15px; margin-left: 10px; }
    .pd_v2 .pd_card p { font-size: 16.5px; padding-bottom: 16px; }
    .pd_v2 .pd_card h2 { font-size: 20px; }
    .pd_v2 .pd_card .more { font-size: 15px; }
}

/* WEADD(2026³â 8¿ù): ¾ÆÁÖ Á¼Àº È­¸é(360px ÀÌÇÏ) - ±ä À̸§µµ ÇÑ ÁÙ À¯Áö (ÆÄÀÏ ³¡ = ¿ì¼± Àû¿ë) */
@media (max-width: 360px) {
    .pd_v2.pd_long .pd_hero_txt .tit h1 { font-size: 26px; }
    .pd_v2.pd_long .pd_hero_txt .tit .sub { font-size: 12px; }
    .pd_v2.pd_mid .pd_hero_txt .tit h1 { font-size: 30px; }
    .pd_v2.pd_mid .pd_hero_txt .tit .sub { font-size: 13px; }
}