@charset "euc-kr";
/* ============================================================
   procedure-detail-hero.css
   WEADD(2026-09-23): ¼¼ºÎ ÆäÀÌÁö(57°³) »ó´Ü È÷¾î·Î¸¦ µðÀÚÀÎ ¹è°æ(Å©¸² ¹°°á, 1920x430)À¸·Î ±³Ã¼
   - ¿ÞÂÊ ±Û / ¿À¸¥ÂÊ ¸ðµ¨ »çÁø ±¸Á¶ -> ¹è°æ À§¿¡ YWCLINIC ¡¤ ½Ã¼ú¸í(h1) ¡¤ ¼³¸íÀ» °¡¿îµ¥ Á¤·Ä
   - ±âÁ¸ procedure-detail.css ´Â ¼Õ´ëÁö ¾Ê°í, ÀÌ ÆÄÀÏÀÌ ±× µÚ¿¡ ºÒ·Á È÷¾î·Î ºÎºÐ¸¸ µ¤¾î¾¸
   - ¹è°æ: /images/procedure/hero_bg.jpg (1920x430, µðÀÚÀÎ ¿øº»)  /  Æù: hero_bg_tall.jpg (1920x600 ¿¹ºñ ¹è°æÀ» 1200x375 ·Î ÁÙÀÓ)
   - ±ÛÀÚ(h1¡¤¼³¸í¹®)´Â ±×´ë·Î -> °Ë»ö/AI °¡ Àд ³»¿ë º¯È­ ¾øÀ½
   ============================================================ */

.dt_hero.dt_hero_v2 {
    position: relative; overflow: hidden;
    background: url('/images/procedure/hero_bg.jpg') center center / cover no-repeat, #fbf7f0;
}
.dt_hero_v2 .dt_hero_inner {
    display: flex; grid-template-columns: none;
    align-items: center; justify-content: center;
    max-width: 1100px; min-height: 430px; margin: 0 auto;
    text-align: center;
}
.dt_hero_v2 .dt_hero_txt { padding: 56px 24px; order: 0; }
.dt_hero_v2 .dt_hero_txt .brand { font-size: 20px; font-weight: 200; color: #444; letter-spacing: 0.08em; margin: 0 0 4px; }
.dt_hero_v2 .dt_hero_txt h1 { font-size: 46px; font-weight: 700; color: #1e1e1e; margin: 0 0 24px; line-height: 1.15; }
.dt_hero_v2 .dt_hero_txt p:not(.brand) { font-size: 18.5px; line-height: 1.7; color: #444; margin: 0; word-break: keep-all; }
.dt_hero_v2 .dt_hero_txt strong { font-weight: 700; color: #1e1e1e; }

/* ÅÂºí¸´ */
@media (max-width: 1024px) {
    .dt_hero_v2 .dt_hero_inner { min-height: 360px; }
    .dt_hero_v2 .dt_hero_txt { padding: 44px 24px; }
    .dt_hero_v2 .dt_hero_txt h1 { font-size: 34px; margin-bottom: 18px; }
}
/* Æù: ¼¼·Î°¡ ±ä ¿¹ºñ ¹è°æ(1920x600 ºñÀ²) »ç¿ë - ¹°°áÀÌ À߸®Áö ¾Ê°Ô */
@media (max-width: 600px) {
    .dt_hero.dt_hero_v2 { background-image: url('/images/procedure/hero_bg_tall.jpg'); }
    .dt_hero_v2 .dt_hero_inner { min-height: 280px; }
    .dt_hero_v2 .dt_hero_txt { padding: 34px 18px; }
    .dt_hero_v2 .dt_hero_txt .brand { font-size: 15px; }
    .dt_hero_v2 .dt_hero_txt h1 { font-size: 26px; margin-bottom: 14px; }
    .dt_hero_v2 .dt_hero_txt p:not(.brand) { font-size: 16px; line-height: 1.65; }
}
@media (max-width: 360px) {
    .dt_hero_v2 .dt_hero_txt h1 { font-size: 23px; }
}