@charset "euc-kr";
/* ============================================================
   procedure-detail.css
   WEADD(2026³â 8¿ù): ½Ã¼ú »ó¼¼ÆäÀÌÁö(¿¹: »ç°¢ÅÎ º¸Å彺) °øÅë µðÀÚÀÎ
   ¸Á°íº¸µå PC ½Ã¾È ±âÁØ. »ö»óÀº ½Ã¾È À̹ÌÁö¿¡¼­ Çȼ¿ Á÷Á¢ ÃßÃâ:
     - »ó´Ü¹è³Ê      : #d5a58e
     - Æ÷ÀÎÆ® ¼¼·Î¹Ù : #d5b491  (½Ã¼ú¾È³» ÆäÀÌÁö Å׵θ®»ö°ú µ¿ÀÏ - »ö ü°è ÅëÀÏ)
     - ¹Ú½º ¹è°æ     : #faf9f4
     - FAQ Áú¹® ¹è°æ : #f7f7ef
     - Á¦¸ñ ÅؽºÆ®   : #1e1e1e
   »ó¼¼ÆäÀÌÁö°¡ ¿©·¯ °³ »ý°Üµµ ÀÌ ÆÄÀÏ Çϳª¸¦ °øÀ¯ÇÕ´Ï´Ù.
   ============================================================ */

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.css");

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

/* ===== °øÅë ·¡ÆÛ ===== */
.dt_inner { max-width: 1100px; margin: 0 auto; padding: 0 24px; }

/* ===== »ó´Ü ¹è³Ê =====
   [WEADD 2026-09-04] »ì±¸»ö ´Ü»ö ¶ì -> Çãºê(procedure.css .pd_banner)¿Í °°Àº ¿øÀå´Ô »çÁø ¹è³Ê·Î ÅëÀÏ.
   ¼öÄ¡(³ôÀÌ 440, Èò ±×¶óµ¥À̼Ç, Á¦¸ñ 40px/°ñµå ¹ØÁÙ, ¿µ¹® 13px)´Â Çãºê¿Í µ¿ÀÏ. »çÁø¸¸ Ä«Å×°í¸®º°·Î ´Ù¸§ */
.dt_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;
}
.dt_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%); }
.dt_banner .pg_tit {
    position: relative; font-family: 'Pretendard', "Pretendard Variable", 'Malgun Gothic', sans-serif !important;
    font-size: 40px; font-weight: 700 !important; color: #1e1e1e;
    letter-spacing: 0; margin: 0;
}
.dt_banner .pg_tit::after { content: ''; display: block; width: 44px; height: 2px; background: #b99a63; margin-top: 16px; }
.dt_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;
}
/* Ä«Å×°í¸®º° ¹è³Ê »çÁø (¿øÀå´Ô »çÁø 5ÀåÀ» ±¸µµ ´Þ¸® À߶ó »ç¿ë. »õ »çÁø ¿À¸é ¿©±â °æ·Î¸¸ ¹Ù²Ù¸é µÊ) */
.dt_banner_botox          { background-image: url('/images/sub08/banner_treat.jpg'); }
.dt_banner_filler         { background-image: url('/images/sub08/banner_dt_consult.jpg'); }
.dt_banner_laser-lifting  { background-image: url('/images/sub08/banner_dt_laser_wide.jpg'); }
.dt_banner_thread-lifting { background-image: url('/images/sub08/banner_dt_consult_tight.jpg'); }
.dt_banner_skin-booster   { background-image: url('/images/sub08/banner_dt_laser_mid.jpg'); }
.dt_banner_acne           { background-image: url('/images/sub08/banner_dt_consult_mid.jpg'); }
.dt_banner_hair-removal   { background-image: url('/images/sub08/banner_dt_laser_tight.jpg'); }
.dt_banner_pigmentation   { background-image: url('/images/sub08/banner_dt_consult_v.jpg'); }
.dt_banner_body-care      { background-image: url('/images/sub08/banner_about.jpg'); }

/* ===== Ä«Å×°í¸® ÅÇ 9°³ (Çãºê .pd_tabs ¿Í µ¿ÀÏ) ===== */
.dt_tabs { background: #fff; border-bottom: 1px solid #eee; padding: 18px 24px 0 max(24px, calc((100vw - 1400px) / 2 + 24px)); }
.dt_tabs ul {
    display: flex; flex-wrap: nowrap; justify-content: flex-start;
    gap: 30px; margin: 0; overflow-x: auto;
    list-style: none; padding: 0;
}
.dt_tabs li { flex: 0 0 auto; }
.dt_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;
}
.dt_tabs a:hover { background: none; color: #1e1e1e; }
.dt_tabs li.on a { background: none; color: #1e1e1e; font-weight: 700 !important; border-bottom: 2px solid #b99a63; }

/* ===== ºê·¹µåÅ©·³ ===== */
.dt_bc { background: #fff; padding: 18px 0 0; }
.dt_bc .dt_inner { font-size: 13px; color: #999; max-width: 1400px; padding: 0 24px; } /* [2026-09-04] Çãºê ºê·¹µåÅ©·³°ú °°Àº Æø(1400)À¸·Î Á¤·Ä */
.dt_bc a { color: #999; text-decoration: none; }
.dt_bc a:hover { color: #666; text-decoration: underline; }
.dt_bc .sep { margin: 0 7px; color: #ccc; }
.dt_bc .current { color: #333; }

/* ===== È÷¾î·Î (Á ÅؽºÆ® / ¿ì ¸ðµ¨»çÁø) ===== */
.dt_hero { position: relative; background: #faf7f0; overflow: hidden; }
.dt_hero_inner {
    max-width: 1400px; margin: 0 auto;
    display: grid; grid-template-columns: 1fr 1fr; align-items: center;
    min-height: 430px;
}
.dt_hero_txt { padding: 56px 40px 56px 60px; }
.dt_hero_txt .brand { font-size: 20px; font-weight: 200; color: #444; letter-spacing: 0.08em; margin: 0 0 4px; }
.dt_hero_txt h1 { font-size: 46px; font-weight: 700; color: #1e1e1e; margin: 0 0 24px; line-height: 1.15; } /* [2026-09-04] h2 -> h1 */
.dt_hero_txt p { /* WEADD: È®Á¤°ª - Çãºê ÆäÀÌÁö¿Í µ¿ÀÏ (18.5px / 1.45) */ font-size: 18.5px; line-height: 1.45; color: #555; margin: 0; word-break: keep-all; }
.dt_hero_txt strong { font-weight: 700; color: #1e1e1e; }
.dt_hero_img { position: relative; align-self: stretch; min-height: 430px; }
.dt_hero_img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.dt_hero_img.is_empty { background: #ece3d7; display: flex; align-items: center; justify-content: center; color: #b09a80; font-size: 15px; }

/* ===== º»¹® ¼½¼Ç °øÅë ===== */
.dt_body { background: #fff; padding: 60px 0 90px; }
.dt_sec { margin-bottom: 70px; }
.dt_sec:last-child { margin-bottom: 0; }

/* ¼½¼Ç Á¦¸ñ (¿ÞÂÊ ¼¼·Î Æ÷ÀÎÆ®¹Ù) */
.dt_sec > .eyebrow { font-size: 13px; color: #999; margin: 0 0 6px; padding-left: 16px; }
.dt_sec > h2 {
    position: relative; font-size: 30px; font-weight: 700; color: #1e1e1e;
    margin: 0 0 22px; padding-left: 16px; line-height: 1.35; word-break: keep-all;
}
.dt_sec > h2::before {
    content: ''; position: absolute; left: 0; top: 4px; bottom: 4px;
    width: 4px; background: #d5b491;
}
.dt_sec > h3 { font-size: 17px; font-weight: 700; color: #1e1e1e; margin: 0 0 12px; }

/* ¸®µå ¹Ú½º (¿¬ÇÑ ¹è°æ °­Á¶¹®) */
.dt_leadbox {
    background: #faf9f4; border: 1px solid #efeae0;
    padding: 24px 28px; margin: 0 0 20px;
    font-size: 15px; line-height: 1.8; color: #444; word-break: keep-all;
}
/* ÀÏ¹Ý º»¹® */
.dt_txt { font-size: 14px; line-height: 1.9; color: #666; margin: 0 0 18px; word-break: keep-all; }
.dt_txt:last-child { margin-bottom: 0; }
.dt_txt strong { color: #1e1e1e; font-weight: 700; }

/* ===== Ãßõ ´ë»ó Ä«µå (2¿­) ===== */
.dt_cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; list-style: none; padding: 0; margin: 0; }
.dt_cards li {
    background: #faf9f4; border: 1px solid #efeae0;
    padding: 22px 24px; font-size: 15px; line-height: 1.6; color: #444;
    word-break: keep-all;
}

/* ===== ¹øÈ£ ½ºÅÜ ¸ñ·Ï ===== */
.dt_steps { list-style: none; padding: 0; margin: 0; border-top: 1px solid #e8e4dc; }
.dt_steps li {
    display: flex; gap: 22px; align-items: baseline;
    padding: 18px 10px; border-bottom: 1px solid #e8e4dc;
    font-size: 15px; line-height: 1.6; color: #555; word-break: keep-all;
}
.dt_steps li .no { flex: 0 0 auto; font-size: 13px; color: #b3a48f; font-weight: 600; letter-spacing: 0.05em; }
.dt_steps li strong { color: #1e1e1e; font-weight: 700; }

/* ===== Q&A 2¿­ ¹Ú½º ===== */
.dt_qa { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 26px; }
.dt_qa .box { border: 1px solid #e5e0d6; padding: 24px 26px; }
.dt_qa .box .q { font-size: 16px; font-weight: 700; color: #1e1e1e; margin: 0 0 12px; }
.dt_qa .box .a { font-size: 14px; line-height: 1.75; color: #666; margin: 0; word-break: keep-all; }

/* ===== À¯Æ©ºê (16:9 ¹ÝÀÀÇü) ===== */
.dt_video { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden; background: #000; margin: 0 0 26px; }
.dt_video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
/* ¸µÅ© ¹ÌÀÔ·Â ½Ã ¾È³» ÀÚ¸® */
.dt_video.is_empty { padding-bottom: 0; height: 300px; display: flex; align-items: center; justify-content: center; color: #888; font-size: 14px; background: #f2f0eb; }

/* ===== ÁÖÀÇ»çÇ× ¹Ú½º ===== */
.dt_caution { border: 1px solid #e5e0d6; padding: 26px 30px; margin-bottom: 16px; }
.dt_caution:last-child { margin-bottom: 0; }
.dt_caution h3 { font-size: 16px; font-weight: 700; color: #1e1e1e; margin: 0 0 16px; }
.dt_caution ul { list-style: none; padding: 0; margin: 0; }
.dt_caution li {
    position: relative; padding-left: 20px; margin-bottom: 11px;
    font-size: 14px; line-height: 1.7; color: #666; word-break: keep-all;
}
.dt_caution li:last-child { margin-bottom: 0; }
.dt_caution li::before {
    content: ''; position: absolute; left: 0; top: 8px;
    width: 7px; height: 7px; border: 1px solid #c9bda9; border-radius: 50%;
}

/* ===== FAQ ===== */
.dt_faq { border: 1px solid #efeae0; background: #faf9f4; padding: 26px; }
.dt_faq dl { margin: 0; }
.dt_faq dt {
    background: #f7f7ef; border: 1px solid #e8e4d8;
    padding: 16px 22px; font-size: 15px; font-weight: 600; color: #1e1e1e;
    word-break: keep-all;
}
.dt_faq dd {
    margin: 0 0 14px; padding: 18px 22px 22px;
    font-size: 14px; line-height: 1.8; color: #555; word-break: keep-all;
}
.dt_faq dd:last-child { margin-bottom: 0; }
.dt_faq dd strong { color: #1e1e1e; }

/* ===== »ó´ã ¹öÆ° ===== */
.dt_cta { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0 0; }
.dt_cta a {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    min-width: 190px; padding: 15px 26px; border-radius: 30px;
    font-size: 15px; font-weight: 600; text-decoration: none;
}
.dt_cta .kakao { background: #fee500; color: #191600; }
.dt_cta .naver { background: #03c75a; color: #fff; }
.dt_cta a:hover { opacity: 0.88; }

/* ===== ÇؽÃÅÂ±× ===== */
.dt_tags { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 34px 0 0; }
.dt_tags li {
    border: 1px solid #e2ddd3; border-radius: 20px;
    padding: 8px 18px; font-size: 13px; font-weight: 550; color: #8a8071; /* WEADD: È®Á¤°ª 550 */
}

/* ============================================================
   ¹ÝÀÀÇü
   ============================================================ */
@media (max-width: 1024px) {
    .dt_banner { height: 440px; }
    .dt_banner .pg_tit { font-size: 32px; }
    .dt_banner .en { font-size: 12px; }
    .dt_tabs { padding-top: 14px; }
    .dt_tabs ul { gap: 24px; }
    .dt_tabs a { font-size: 16px; padding-bottom: 12px; }

    /* È÷¾î·Î: »çÁø À§ / ±Û ¾Æ·¡ ¼¼·Î ¹èÄ¡ */
    .dt_hero_inner { grid-template-columns: 1fr; min-height: 0; }
    .dt_hero_img { order: 1; min-height: 0; height: 46vw; max-height: 400px; }
    /* ¸ð¹ÙÀÏ/ÅÂºí¸´Àº ¼¼·Î ¹èÄ¡¶ó Àι° ¾ó±¼ÀÌ ¾Æ·¡·Î ¹Ð¸®¹Ç·Î Å©·Ó ±âÁØÀ» À§·Î */
    .dt_hero_img img { object-position: center 25%; }
    .dt_hero_txt { order: 2; padding: 34px 24px 44px; }
    .dt_hero_txt h1 { font-size: 34px; margin-bottom: 18px; }

    .dt_body { padding: 44px 0 66px; }
    .dt_sec { margin-bottom: 52px; }
    .dt_sec > h2 { font-size: 24px; }
}

@media (max-width: 600px) {
    .dt_inner { padding: 0 16px; }
    .dt_banner { height: 260px; background-position: 68% 30%; }
    .dt_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%); }
    .dt_banner .pg_tit { font-size: 25px; }
    .dt_banner .pg_tit::after { margin-top: 12px; }
    .dt_banner .en { font-size: 11px; letter-spacing: 3px; }
    .dt_tabs { padding: 12px 24px 0; }
    .dt_tabs ul { gap: 20px; }
    .dt_tabs a { font-size: 14.5px; padding-bottom: 11px; }

    .dt_hero_img { height: 62vw; max-height: 320px; }
    .dt_hero_txt { padding: 26px 16px 34px; }
    .dt_hero_txt .brand { font-size: 16px; }
    .dt_hero_txt h1 { font-size: 26px; margin-bottom: 14px; }
    .dt_hero_txt p { font-size: 15px; line-height: 1.45; }

    .dt_body { padding: 32px 0 50px; }
    .dt_sec { margin-bottom: 40px; }
    .dt_sec > .eyebrow { font-size: 12px; padding-left: 12px; }
    .dt_sec > h2 { font-size: 19px; padding-left: 12px; margin-bottom: 16px; }
    .dt_sec > h2::before { width: 3px; }
    .dt_sec > h3 { font-size: 15px; }

    .dt_leadbox { padding: 18px 18px; font-size: 14px; line-height: 1.75; }
    .dt_txt { font-size: 13px; line-height: 1.85; }

    /* Ä«µå 1¿­ */
    .dt_cards { grid-template-columns: 1fr; gap: 10px; }
    .dt_cards li { padding: 16px 18px; font-size: 14px; }

    /* ½ºÅÜ: ¹øÈ£¸¦ À§·Î ¿Ã·Á 2ÁÙ ¹èÄ¡ */
    .dt_steps li { flex-direction: column; gap: 6px; padding: 15px 4px; font-size: 14px; }

    /* Q&A 1¿­ */
    .dt_qa { grid-template-columns: 1fr; gap: 12px; margin-top: 20px; }
    .dt_qa .box { padding: 18px 20px; }
    .dt_qa .box .q { font-size: 15px; margin-bottom: 9px; }
    .dt_qa .box .a { font-size: 13px; }

    .dt_video.is_empty { height: 200px; font-size: 13px; }

    .dt_caution { padding: 20px 20px; }
    .dt_caution h3 { font-size: 15px; margin-bottom: 13px; }
    .dt_caution li { font-size: 13px; padding-left: 17px; }

    .dt_faq { padding: 16px; }
    .dt_faq dt { padding: 13px 16px; font-size: 14px; }
    .dt_faq dd { padding: 14px 16px 18px; font-size: 13px; }

    /* »ó´ã ¹öÆ°: °¡·Î ²Ë ä¿ö ´©¸£±â ½±°Ô */
    .dt_cta { flex-direction: column; gap: 10px; }
    .dt_cta a { width: 100%; min-width: 0; padding: 14px 20px; font-size: 15px; }

    .dt_tags { gap: 6px; margin-top: 26px; }
    .dt_tags li { font-size: 12px; padding: 7px 14px; }
}

/* ¾ÆÁÖ Á¼Àº È­¸é */
@media (max-width: 360px) {
    .dt_sec > h2 { font-size: 17px; }
    .dt_hero_txt h1 { font-size: 23px; }
}


/* ============================================================
   WEADD(2026³â 8¿ù): ½Å±Ô ¼½¼Ç ½ºÅ¸ÀÏ (¿ä¾àÇ¥ / ½Ã±âº° º¯È­ / ºÎÀÛ¿ë °íÁö)
   ============================================================ */
/* ½Ã¼ú Á¤º¸ ¿ä¾àÇ¥ */
.dt_summary { border: 1px solid #efeae0; margin: 0 0 54px; }
.dt_summary table { width: 100%; border-collapse: collapse; }
.dt_summary th, .dt_summary td { padding: 14px 20px; font-size: 15px; text-align: left; border-bottom: 1px solid #f0ece2; word-break: keep-all; }
.dt_summary tr:last-child th, .dt_summary tr:last-child td { border-bottom: 0; }
.dt_summary th { width: 30%; font-weight: 600; color: #1e1e1e; background: #faf9f4; }
.dt_summary td { color: #555; }
.dt_summary td a { color: #a08a63; }

/* ½Ã¼ú ÈÄ º¯È­ - ÀüÈÄ»çÁø ÀÚ¸® + ŸÀÓ¶óÀÎ */
.dt_baph { display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 7; background: #f2f0eb; border: 1px dashed #cfc4b0; color: #a09580; font-size: 14px; letter-spacing: 1px; }
.dt_balink { display: inline-block; margin-top: 10px; font-size: 14px; color: #a08a63; text-decoration: none; }
.dt_balink:hover { text-decoration: underline; }
.dt_timeline { list-style: none; padding: 0; margin: 6px 0 0; border-top: 1px solid #e8e4dc; }
.dt_timeline li { display: flex; gap: 18px; padding: 14px 6px; border-bottom: 1px solid #e8e4dc; font-size: 15px; line-height: 1.7; word-break: keep-all; }
.dt_timeline li b { flex: 0 0 170px; font-weight: 600; color: #1e1e1e; }
.dt_timeline li span { color: #666; }
.dt_txt.dt_small { font-size: 13px; color: #8a8071; margin-top: 12px; }

/* ºÎÀÛ¿ë °íÁö (¿øÀå È®Á¤ ¹®±¸) */
.dt_sidenote { background: #faf9f4; border: 1px solid #e5e0d6; padding: 16px 20px; margin: 16px 0 0; font-size: 13.5px; line-height: 1.8; color: #6b6355; word-break: keep-all; }

@media (max-width: 600px) {
    .dt_summary th, .dt_summary td { font-size: 13px; padding: 11px 12px; }
    .dt_summary { margin-bottom: 38px; }
    .dt_timeline li { flex-direction: column; gap: 3px; font-size: 14px; }
    .dt_timeline li b { flex: none; }
    .dt_baph { aspect-ratio: 16 / 9; font-size: 13px; }
}


/* ============================================================
   WEADD(2026³â 8¿ù): »çÀÌÆ® °øÅë ÆùÆ® ü°è Àû¿ë (»ç¿ëÀÚ ¿äû)
   - Å« Á¦¸ñ(¹è³Ê¡¤È÷¾î·Î¡¤¼½¼Ç Á¦¸ñ)Àº ÇÁ¸®ÅÙ´Ùµå ±½°Ô ±×´ë·Î
   - º»¹®¡¤¼ÒÁ¦¸ñ¡¤Ç¥¡¤Ä«µå = ³ª´®½ºÄù¾î, ±ÛÀÚ ÇÑ ´Ü°è Å°¿ì°í Çà°£ 1.7´ë, »ö #444
   - º´¿ø¼Ò°³/ÀÇ·áÁø¼Ò°³/½Ã¼ú¾È³» Çãºê¿Í °°Àº ´À³¦À¸·Î ÅëÀÏ
   ============================================================ */
/* [WEADD 2026-09-04] ¹è³Ê ¿µ¹® ¶óº§¿ë - Çãºê¿Í µ¿ÀÏ (OFL ¹«·á, /fonts/Raleway-Regular.woff2) */
@font-face { font-family: 'Raleway'; src: url('/fonts/Raleway-Regular.woff2') format('woff2'); font-weight: 400; 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; }

/* WEADD: ÀÚ½Ä ¿ä¼Ò(strong¡¤b °­Á¶ Æ÷ÇÔ)±îÁö °°Àº ±Û²Ã·Î - ÇÑ ¹®Àå ¾È¿¡¼­ ÆùÆ®°¡ ¼¯ÀÌÁö ¾Ê°Ô.
   ÇؽÃű×(.dt_tags)´Â È®Á¤°ª(ÇÁ¸®Åٴٵå 550)À̶ó Á¦¿Ü */
.dt_hero_txt p:not(.brand), .dt_hero_txt p:not(.brand) *,
.dt_summary th, .dt_summary th *, .dt_summary td, .dt_summary td *,
.dt_leadbox, .dt_leadbox *, .dt_txt, .dt_txt *, .dt_cards li, .dt_cards li *,
.dt_steps li, .dt_steps li *, .dt_qa .box .q, .dt_qa .box .a, .dt_qa .box .a *,
.dt_caution h3, .dt_caution li, .dt_caution li *,
.dt_faq dt, .dt_faq dd, .dt_faq dd *, .dt_timeline li, .dt_timeline li *,
.dt_sidenote, .dt_sidenote *, .dt_sec > h3, .dt_balink, .dt_cta a {
    font-family: 'NanumSquare', "Pretendard Variable", Pretendard, 'Malgun Gothic', sans-serif !important;
}
/* Å« Á¦¸ñ °è¿­Àº ±½±â 700À¸·Î ÅëÀÏ (´Ù¸¥ ÆäÀÌÁöµé°ú µ¿ÀÏ) */
.dt_hero_txt h1 { font-weight: 700; }
.dt_cta a { font-weight: 700; }
.dt_steps li .no { font-weight: 700; }
/* º»¹®·ù: Å©±â ÇÑ ´Ü°è ¾÷ + Çà°£¡¤»ö ÅëÀÏ */
.dt_hero_txt p { line-height: 1.7; color: #444; }
.dt_txt { font-size: 18px; line-height: 1.75; color: #444; }
.dt_leadbox { font-size: 18.5px; line-height: 1.75; color: #444; }
.dt_cards li { font-size: 18px; line-height: 1.7; color: #444; }
.dt_steps li { font-size: 18px; line-height: 1.7; color: #444; }
.dt_summary th, .dt_summary td { font-size: 18px; }
.dt_summary td { color: #444; }
.dt_qa .box .q { font-size: 19px; font-weight: 700; }
.dt_qa .box .a { font-size: 17.5px; line-height: 1.75; color: #444; }
.dt_caution h3 { font-size: 18.5px; font-weight: 700; }
.dt_caution li { font-size: 17.5px; line-height: 1.75; color: #444; }
.dt_faq dt { font-size: 18px; font-weight: 700; }
.dt_faq dd { font-size: 17.5px; line-height: 1.8; color: #444; }
.dt_timeline li { font-size: 18px; }
.dt_timeline li span { color: #444; }
.dt_sidenote { font-size: 16px; }
.dt_txt.dt_small { font-size: 15px; color: #8a8071; }
/* ¼ÒÁ¦¸ñ¡¤°­Á¶´Â ³ª´®½ºÄù¾î ±½°Ô */
.dt_sec > h3 { font-size: 19.5px; font-weight: 700; }
.dt_summary th, .dt_faq dt, .dt_timeline li b { font-weight: 700; }

/* ¸ð¹ÙÀÏ: ÀüüÀûÀ¸·Î ÇÑ ´Ü°è Å« Å©±â À¯Áö */
@media (max-width: 600px) {
    .dt_hero_txt p:not(.brand) { font-size: 16.5px; line-height: 1.7; }
    .dt_txt { font-size: 16.5px; }
    .dt_leadbox { font-size: 17px; }
    .dt_cards li { font-size: 17px; }
    .dt_steps li { font-size: 17px; }
    .dt_summary th, .dt_summary td { font-size: 15.5px; }
    .dt_qa .box .q { font-size: 17.5px; }
    .dt_qa .box .a { font-size: 16px; }
    .dt_caution h3 { font-size: 17.5px; }
    .dt_caution li { font-size: 16px; }
    .dt_faq dt { font-size: 17px; }
    .dt_faq dd { font-size: 16px; }
    .dt_timeline li { font-size: 16.5px; }
    .dt_sec > h3 { font-size: 18px; }
}