/* ==========================================================================
   [PC/MO 분기 및 메인 공통]
   ========================================================================== */
@media screen and (min-width: 641px) {
    .hnu_t_hompage_mo {
        display: none;
    }
}

@media screen and (max-width: 640px) {
    .hnu_t_hompage_pc {
        display: none;
    }
}

/* ==========================================================================
   [섹션 0] 공통
   ========================================================================== */
.hnu_t_hompage_pc {
    width: 70%;
    margin: 0 15%;
    font-size: 1rem;
    color: #333;
}

/* ★ 공통 서브 타이틀 클래스 유지 */
.hnu_t_sub_tit_pc {
    border-bottom: 2px solid #9a9a9a;
    display: inline-block;
    padding: 0 0 5px;
    margin: 100px 0 30px;
    font-size: 1.8rem;
    color: #333;
}

.hnu_t_sub_tit_pc strong {
    color: #cc2323;
    font-weight: bold;
}

/* 붉은색 포인트 텍스트용 */


/* ==========================================================================
   [1] Intro (메인 배너)
   ========================================================================== */
.hnu_t_sub_intro_pc {
    /* 부모(main)의 70% 제한을 풀고 화면 전체 너비를 차지하도록 강제 확장 */
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}

.hnu_t_sub_intro_tit_pc {
    width: 100%;
    /* aspect-ratio를 사용해도 좋지만, 배경을 꽉 채울 때는 padding이나 높이 지정이 안정적입니다 */
    padding: 12% 0; /* 상하 여백 조절 */
    background-image: url(../../../img/sub/talmo/talmo/sub_main_tit.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center; /* 전체 요소를 중앙으로 1차 정렬 */
    align-items: center;
    box-sizing: border-box;
    text-align: left; /* 텍스트는 좌측 정렬 (원하시는 대로 변경 가능) */
}

/* 새로 추가한 이너 박스: 텍스트를 담고 기존 70% 너비 유지 */
.hnu_t_sub_intro_inner_pc {
    width: 70%; /* 화면의 70% 공간만 차지 */
    max-width: 1200px; /* 너무 넓어지는 것 방지 (필요에 따라 조절) */
    color: #fff;
    /* transform: translateX(-75%); <-- 기존의 강제 이동 코드는 삭제합니다 */
}

.hnu_t_sub_intro_subtit_pc {
    font-size: 1.8rem !important;
    line-height: 1.2;
    margin: 0;
    display: inline-block;
    padding: 10px 0; /* 좌우 패딩을 없애고 텍스트에 맞춤 */
    border-bottom: 1px solid #fff;
}

.hnu_t_sub_intro_inner_pc > h1 {
    font-size: 3.5rem !important;
    margin: 10px 0;
    font-weight: bold;
}

.hnu_t_sub_intro_inner_pc > p {
    font-size: 1.2rem;
    line-height: 1.5;
    margin-top: 10px;
}


/* ==========================================================================
   [2] Feat (특장점) - 트렌디 카드 디자인 업데이트
   ========================================================================== */
.sub_talmo_feat_sec_pc {
    width: 100%;
    padding: 30px 0 70px;
    /* 하단 여백을 살짝 늘려 안정감 부여 */
    text-align: center;
    box-sizing: border-box;
}

.sub_talmo_feat_list_pc {
    display: flex;
    justify-content: space-between;
    gap: 2%;
    /* 카드 간격을 살짝 넓혀 독립성 강조 */
    list-style: none;
    padding: 0;
    margin: 0;
}

/* 카드 뼈대 디자인 */
.sub_talmo_feat_item_pc {
    width: 32%;
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    /* 세련된 느낌의 옅은 테두리 */
    border-radius: 16px;
    /* 트렌디한 라운딩 각도 */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
    /* 은은하고 깊은 그림자 */
    overflow: hidden;
    /* 이미지가 라운딩 모서리에 맞춰 잘리도록 처리 */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    /* 부드러운 애니메이션 효과 */
}

/* 마우스 오버 시 카드가 살짝 떠오르는 인터랙션 */
.sub_talmo_feat_item_pc:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
}

.sub_talmo_feat_img_pc {
    width: 100%;
    display: block;
    object-fit: cover;
    border-bottom: 1px solid #f1f5f9;
    /* 이미지와 텍스트 사이 미세한 구분선 */
}

/* 텍스트 영역 여백 및 정렬 최적화 */
.sub_talmo_feat_txt_wrap_pc {
    padding: 30px 20px;
    text-align: center;
    flex-grow: 1;
    /* 높이가 달라도 하단 영역을 꽉 채우도록 설정 */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sub_talmo_feat_tit_pc {
    font-size: 1.25rem;
    /* 기존보다 타이틀 크기 확대 */
    color: #111;
    /* 더 선명하고 짙은 톤으로 가독성 향상 */
    font-weight: 700;
    margin: 0 0 15px 0;
    word-break: keep-all;
    /* 한글 단어 끊김 방지 */
}

.sub_talmo_feat_desc_pc {
    font-size: 0.95rem;
    color: #555;
    line-height: 1.6;
    margin: 0;
    word-break: keep-all;
}

/* ==========================================================================
   [3] B&A (치료 전/후 사진 - 통 이미지로 수정 완료)
   ========================================================================= */
.sub_talmo_bna_sec_pc {
    width: 100%;
    text-align: center;
    /*padding: 0 0 50px;*/
}

.sub_talmo_bna_img_wrap_pc {
    width: 100%;
    text-align: center;
}

/* 부모 영역 */
.sub_talmo_bna_fullimg_pc {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;

}

/* ==========================================================================
   [4] Price (비용안내 - 통 이미지로 수정 완료)
   ========================================================================= */
.sub_talmo_price_sec_pc {
    width: 100%;
    text-align: center;
    padding: 0 0 50px;
}

.sub_talmo_price_img_wrap_pc {
    width: 100%;
    text-align: center;
}

/* 부모 영역 */
.sub_talmo_price_fullimg_pc {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* 통 이미지 중앙 정렬 및 스케일링 */


/* ==========================================================================
   [5] Program (12주 프로그램)
   ========================================================================== */
.sub_talmo_program_sec_pc {
    width: 100%;
    text-align: center;
    padding: 0 0 50px;
}

/*.sub_talmo_program_box_pc {
    border: 1px solid #e1e1e1;
    padding: 30px;
    box-sizing: border-box;
    text-align: left;
    background-color: #fafafa;
}*/

.sub_talmo_program_list_pc {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.sub_talmo_program_item_pc {
    display: flex;
    align-items: center;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 15px;
}

.sub_talmo_program_item_pc:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.sub_talmo_program_week_pc {
    background-color: #e6ecec;
    color: #444;
    padding: 5px 15px;
    border-radius: 20px;
    font-weight: bold;
    margin-right: 20px;
    min-width: 60px;
    text-align: center;
}

.sub_talmo_program_txt_pc {
    font-size: 1rem;
    color: #333;
}




/* ==========================================================================
   [6] Why (왜 홍앤유인가)
   ========================================================================== */
.sub_talmo_why_sec_pc {
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
    gap: 16px;
    padding: 30px 0;
}

.sub_talmo_why_img_pc {
    width: 30%;
    flex-shrink: 0;
    display: block;
    margin-right: 30px;
}

.sub_talmo_why_tit_pc {
    letter-spacing: 5px;
    margin: 0;
    font-size: 1.3rem;
}

.sub_talmo_why_hl_pc {
    color: #383838;
    font-size: 4.5rem;
    font-weight: bold;
}

.sub_talmo_why_strong_pc {
    color: #cc2323;
    font-weight: bold;
    font-size: 2.5rem;
}

.sub_talmo_why_desc_pc {
    line-height: 1.5;
    margin-top: 30px;
    font-size: 1.3rem;
    word-break: keep-all;
}


/* ==========================================================================
   [7] What (홍앤유 복합탈모치료란?) - 트렌디 카드 스타일
   ========================================================================== */
.sub_talmo_what_sec_pc {
    text-align: center;
    width: 100%;
    padding: 20px 0 70px;
    box-sizing: border-box;
    /* background: #f8f8f8; (기존 배경색 주석 유지) */
}

.sub_talmo_what_tit_wrap_pc {
    text-align: center;
    width: 100%;
}

/* 상단 설명 텍스트 가독성 최적화 */
.sub_talmo_what_desc_pc {
    text-align: center;
    margin: 0 auto 40px;
    font-size: 1.05rem;
    color: #555;
    line-height: 1.7;
    word-break: keep-all;
    max-width: 900px;
}

.sub_talmo_what_list_pc {
    display: flex;
    justify-content: space-between;
    gap: 2%;
    list-style: none;
    padding: 0;
    margin: 0;
}

.sub_talmo_what_item_pc {
    width: 32%;
    background-color: transparent;
}

/* ★ 카드 본체: 부드러운 라운딩과 입체적인 그림자 적용 */
.sub_talmo_what_card_pc {
    background-color: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    box-sizing: border-box;
    text-align: center;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    /* 카드의 둥근 모서리에 맞춰 하단 이미지가 깔끔하게 잘리도록 설정 */
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* 마우스 오버 시 반응하는 인터랙션 */
.sub_talmo_what_card_pc:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
}

/* 카드 내부 텍스트(배지+타이틀) 영역의 독립적인 여백 관리 */
.sub_talmo_what_text_wrap_pc {
    padding: 35px 20px 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
}

/* 세련된 원형 포인트 배지 */
.sub_talmo_what_badge_pc {
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #cc2323;
    color: #fff;
    font-weight: bold;
    font-size: 1.1rem;
    margin-bottom: 18px;
    box-shadow: 0 4px 10px rgba(204, 35, 35, 0.25);
    /* 배지 자체에 은은한 붉은 광원 효과 */
}

.sub_talmo_what_card_tit_pc {
    font-size: 1.35rem;
    margin: 0;
    color: #111;
    font-weight: 700;
    word-break: keep-all;
}

/* 카드 하단 이미지 */
.sub_talmo_what_img_pc {
    width: 100%;
    display: block;
    border-top: 1px solid #f1f5f9;
    /* 텍스트 영역과 이미지 사이의 미세한 구분선 */
}

/* ==========================================================================
   [8] Comp (홍앤유 복합탈모치료 구성 - 트렌디 카드뉴스 스타일)
   ========================================================================== */
.sub_talmo_comp_sec_pc {
    width: 100%;
    padding: 20px 0 60px;
    box-sizing: border-box;
    text-align: center;
}

.sub_talmo_comp_tit_wrap_pc {
    text-align: center;
    width: 100%;
    margin-bottom: 40px;
}

.sub_talmo_comp_sub_intro_pc {
    font-size: 1.05rem;
    color: #555;
    line-height: 1.6;
    margin: 15px auto 0;
    max-width: 900px;
    word-break: keep-all;
}

.sub_talmo_comp_list_pc {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 2.5%;
    /* 카드 사이 간격을 조금 더 넓혀 독립성 강조 */
    justify-content: space-between;
}

/* ★ 카드 뉴스 형태의 템플릿 레이아웃 디자인 업데이트 */
.sub_talmo_comp_item_pc {
    width: 31.6%;
    background-color: #fff;
    border: 1px solid #e2e8f0;
    /* 확실한 구분을 위한 외곽 선 */
    border-radius: 12px;
    /* 트렌디한 라운딩 각도 */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
    /* 부드럽고 깊은 그림자로 카드 입체감 부여 */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    text-align: left;
    overflow: hidden;
    transition: transform 0.2s ease;
    /* 마우스 오버시 미세한 반응 효과 */
}

.sub_talmo_comp_item_pc:hover {
    transform: translateY(-5px);
    /* 카드 뉴스 몰입감을 주는 호버 효과 */
}

/* 이미지 영역과 텍스트 영역의 확실한 분리 */
.sub_talmo_comp_img_box_pc {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
    background-color: #fcfdfe;
    /* 이미지 배경을 살짝 밝게 분리 */
    border-bottom: 1px solid #f1f5f9;
    /* 콘텐츠 영역과의 구분선 */
}

.sub_talmo_comp_img_pc {
    max-width: 85%;
    height: auto;
    display: block;
}

/* 중간 메타 정보 및 타이틀 영역 */
.sub_talmo_comp_meta_pc {
    display: flex;
    align-items: center;
    padding: 25px 20px 10px;
    /* 내부 여백 최적화 */
}

.sub_talmo_comp_num_pc {
    width: 38px;
    height: 38px;
    background-color: #cc2323;
    color: #fff;
    font-size: 1.05rem;
    font-weight: bold;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.sub_talmo_comp_title_box_pc {
    margin-left: 12px;
    display: flex;
    flex-direction: column;
}

.sub_talmo_comp_small_tit_pc {
    font-size: 0.85rem;
    color: #777;
    font-style: italic;
    margin: 0;
    line-height: 1.2;
}

.sub_talmo_comp_card_tit_pc {
    font-size: 1.4rem;
    margin: 4px 0 0;
    color: #111;
    font-weight: bold;
    line-height: 1.2;
}

/* ★ 카드 뉴스 하단 피드 형태의 텍스트 박스 */
.sub_talmo_comp_desc_pc {
    font-size: 0.95rem;
    font-weight: 600;
    color: #222222;
    line-height: 1.6;
    margin: 15px 20px 25px;
    /* 양옆 여백을 주어 카드 내부에 안정적으로 배치 */
    background-color: #f1f5f9;
    /* 훨씬 세련되고 깨끗한 그레이 톤으로 교체 */
    padding: 18px 20px;
    border-radius: 8px;
    flex-grow: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    box-sizing: border-box;
}


/* ==========================================================================
   [9] Detail (홍앤유 두피탈모치료 세부 프로그램)
   ========================================================================== */
.sub_talmo_detail_sec_pc {
    width: 100%;
    padding: 20px 0 50px;
    box-sizing: border-box;
    text-align: center;
}

.sub_talmo_detail_tit_wrap_pc {
    text-align: center;
    width: 100%;
}

.sub_talmo_detail_intro_pc {
    font-size: 1.05rem;
    color: #555;
    line-height: 1.7;
    margin: 0 auto 40px;
    max-width: 950px;
    word-break: keep-all;
}

/* 개별 프로그램 카드 디자인 업데이트 (트렌디 입체감 확보) */
.sub_talmo_detail_card_pc {
    background-color: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    padding: 35px;
    margin-bottom: 25px;
    box-sizing: border-box;
}

.sub_talmo_detail_wrap_pc {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 30px;
}

/* 카드 이미지 라운딩 및 정렬 */
.sub_talmo_detail_img_pc {
    width: 30%;
    flex-shrink: 0;
    object-fit: cover;
    border-radius: 12px;
    display: block;
}

.sub_talmo_detail_info_pc {
    text-align: left;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* 왼쪽 민트 포인트 라벨 타이틀 구조 */
.sub_talmo_detail_label_pc {
    border-left: 5px solid #cc2323;
    padding: 2px 0 2px 15px;
    margin: 0 0 15px 0;
    font-size: 1.05rem;
    color: #555;
    line-height: 1.4;
}

.sub_talmo_detail_tit_pc {
    color: #111;
    font-weight: bold;
    font-size: 1.9rem;
    display: block;
    margin-bottom: 5px;
}

/* 하이라이트 포인트 박스 (가독성 향상) */
.sub_talmo_detail_point_pc {
    padding: 22px;
    text-align: center;
    background-color: #cc2323;
    color: #ffffff;
    font-size: 1.15rem;
    font-weight: bold;
    margin: 15px 0;
    border-radius: 8px;
    letter-spacing: -0.5px;
}

.sub_talmo_detail_desc_pc {
    font-size: 1.05rem;
    color: #444;
    line-height: 1.7;
    margin: 0 0 20px 0;
}

/* 3분할 특징 리스트 스타일 */
.sub_talmo_detail_feat_list_pc {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.sub_talmo_detail_feat_item_pc {
    flex: 1;
    padding: 20px 10px;
    background-color: #f8fafc;
    /* 더욱 세련된 미색 톤 */
    border: 1px solid #f1f5f9;
    color: #1e293b;
    /* 어두운 글자색으로 가독성 극대화 */
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.5;
}

/* 헤어셀 전용 대형 인덱스 아이템 */
.sub_talmo_detail_feat_item_lg_pc {
    flex: 1;
    padding: 35px 10px;
    background-color: #f8fafc;
    border: 1px solid #f1f5f9;
    color: #1e293b;
    font-size: 1.1rem;
    font-weight: 700;
    text-align: center;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 하단 와이드 전체 폭 링크 버튼 */
.sub_talmo_detail_link_pc {
    padding: 15px;
    text-align: center;
    background-color: #cc2323;
    /* 묻히지 않도록 깊은 민트 배색 조율 */
    color: #fff;
    font-size: 1.1rem;
    font-weight: bold;
    margin: 25px 0 0;
    width: 100%;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    border-radius: 8px;
    transition: background 0.2s ease;
}

.sub_talmo_detail_link_pc:hover {
    background-color: #e34343;
}


/* ==========================================================================
   [8] Basic (기초 프로그램 - 두피스케일링 / 모낭주사)
   ========================================================================== */
.sub_talmo_basic_sec_pc {
    width: 100%;
    padding: 30px 0 60px;
    text-align: center;
    box-sizing: border-box;
}

.sub_talmo_basic_list_pc {
    display: flex;
    justify-content: space-between;
    gap: 2.5%;
    list-style: none;
    padding: 0;
    margin: 0;
}

.sub_talmo_basic_item_pc {
    width: 48.75%;
    background-color: #fff;
}

.sub_talmo_basic_card_pc {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    /* 이미지 하단 라운딩 자동 절삭 */
    text-align: center;
    box-sizing: border-box;
}

/* 상단 타이틀 라벨 배지 */
.sub_talmo_basic_badge_pc {
    padding: 12px 60px;
    display: inline-block;
    border-radius: 50px;
    background-color: #cc2323;
    margin: 25px 0 15px;
    color: #fff;
    font-size: 1.15rem;
    font-weight: bold;
    letter-spacing: -0.5px;
}

.sub_talmo_basic_desc_pc {
    font-size: 1rem;
    color: #444;
    line-height: 1.6;
    margin: 0 0 25px 0;
    padding: 0 20px;
    word-break: keep-all;
}

.sub_talmo_basic_img_pc {
    width: 100%;
    display: block;
}

/* ==========================================================================
   [10] 두피탈모프로그램 상세 (.sub_talmo_detprog_) - 카드 크기 균등화 완료
   ========================================================================== */
.sub_talmo_detprog_sec_pc {
    width: 100%;
    padding: 20px 0 60px;
    box-sizing: border-box;
    text-align: center;
}

.sub_talmo_detprog_tit_wrap_pc {
    text-align: center;
    width: 100%;
}

.sub_talmo_detprog_intro_pc {
    font-size: 1.05rem;
    color: #444;
    line-height: 1.7;
    margin: 0 auto 40px;
    max-width: 950px;
    word-break: keep-all;
}

/* --------------------------------------------------------------------------
   [표 1] 관리부분 스타일
   -------------------------------------------------------------------------- */
.sub_talmo_detprog_p1_container_pc {
    width: 100%;
    margin-bottom: 40px;
    text-align: left;
}

.sub_talmo_detprog_p1_badge_pc {
    background-color: #cc2323;
    color: #ffffff;
    padding: 6px 18px;
    display: inline-block;
    font-weight: bold;
    font-size: 0.95rem;
    margin-bottom: 15px;
    text-align: center;
}

/* ★ 정렬 수정: flex-start에서 center로 변경하여 첫 번째 줄 전체를 중앙으로 이동시킵니다. ★ */
.sub_talmo_detprog_p1_row1_pc {
    display: flex;
    justify-content: center;
    /* 수정된 부분 */
    gap: 15px;
    list-style: none;
    padding: 0;
    margin: 0 0 15px 0;
}

/* ★ 정렬 유지: 아랫줄은 왼쪽 정렬을 유지합니다. ★ */
.sub_talmo_detprog_p1_row2_pc {
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* ★ 너비 유지: 크기는 아랫줄 4개 기준과 동일하게 유지합니다. ★ */
.sub_talmo_detprog_p1_item3_pc {
    width: calc((100% - 45px) / 4);
    border: 1px solid #e2e8f0;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    text-align: center;
    box-sizing: border-box;
}

/* ★ 너비 유지: 크기는 윗줄과 동일하게 유지합니다. ★ */
.sub_talmo_detprog_p1_item4_pc {
    width: calc((100% - 45px) / 4);
    border: 1px solid #e2e8f0;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    text-align: center;
    box-sizing: border-box;
}

.sub_talmo_detprog_p1_img_pc {
    width: 100%;
    display: block;
    object-fit: cover;
}

.sub_talmo_detprog_p1_step_pc {
    font-size: 1.1rem;
    color: #3182ce;
    font-weight: bold;
    margin: 15px 0 8px 0;
}

.sub_talmo_detprog_p1_txt_pc {
    font-size: 0.95rem;
    color: #333;
    font-weight: 500;
    line-height: 1.5;
    padding: 0 15px 20px;
    margin: 0;
    word-break: keep-all;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* --------------------------------------------------------------------------
   [표 2] 의료부분 스타일
   -------------------------------------------------------------------------- */
.sub_talmo_detprog_p2_container_pc {
    width: 100%;
    margin-bottom: 40px;
    text-align: left;
}

.sub_talmo_detprog_p2_badge_pc {
    background-color: #cc2323;
    color: #ffffff;
    padding: 6px 18px;
    display: inline-block;
    font-weight: bold;
    font-size: 0.95rem;
    margin-bottom: 15px;
    text-align: center;
}

.sub_talmo_detprog_p2_row_pc {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.sub_talmo_detprog_p2_item_pc {
    width: calc((100% - 45px) / 4);
    border: 1px solid #e2e8f0;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    text-align: center;
    box-sizing: border-box;
}

.sub_talmo_detprog_p2_img_pc {
    width: 100%;
    display: block;
    object-fit: cover;
}

.sub_talmo_detprog_p2_step_pc {
    font-size: 1.1rem;
    color: #3182ce;
    font-weight: bold;
    margin: 15px 0 8px 0;
}

.sub_talmo_detprog_p2_txt_pc {
    font-size: 0.95rem;
    color: #333;
    font-weight: 500;
    line-height: 1.5;
    padding: 0 15px 20px;
    margin: 0;
    word-break: keep-all;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* --------------------------------------------------------------------------
   [표 3] 관리+의료 복합부분 플로우 스타일
   -------------------------------------------------------------------------- */
.sub_talmo_detprog_p3_container_pc {
    width: 100%;
    margin-bottom: 60px;
    text-align: left;
}

.sub_talmo_detprog_p3_badge_pc {
    background-color: #cc2323;
    color: #ffffff;
    padding: 6px 18px;
    display: inline-block;
    font-weight: bold;
    font-size: 0.95rem;
    margin-bottom: 15px;
    text-align: center;
}

.sub_talmo_detprog_p3_flex_box_pc {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.sub_talmo_detprog_p3_row_pc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0;
}

.sub_talmo_detprog_p3_box_pc {
    width: 22%;
    border: 1px solid #bae3e3;
    background-color: #f4fbfb;
    padding: 22px 10px;
    border-radius: 4px;
    text-align: center;
    box-sizing: border-box;
}

.sub_talmo_detprog_p3_step_pc {
    font-size: 0.95rem;
    color: #3182ce;
    font-weight: bold;
    margin-bottom: 6px;
    display: block;
}

.sub_talmo_detprog_p3_txt_pc {
    font-size: 1.05rem;
    color: #333;
    font-weight: bold;
    margin: 0;
}

.sub_talmo_detprog_p3_arrow_pc {
    color: #3182ce;
    font-size: 1.2rem;
    font-weight: bold;
}

/* --------------------------------------------------------------------------
   [하단 비교 요약 표] 관리/의료/복합 프로그램 명세 리스트
   -------------------------------------------------------------------------- */
.sub_talmo_detprog_sum_sec_pc {
    clear: both;
    width: 100%;
    border: 1px solid #cbd5e1;
    box-sizing: border-box;
    margin-top: 20px;
}

.sub_talmo_detprog_sum_header_pc {
    display: flex;
    background-color: #262626;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

.sub_talmo_detprog_sum_col_title_pc {
    flex: 1;
    padding: 14px 0;
    font-size: 1.05rem;
    border-right: 1px solid #444444;
}

.sub_talmo_detprog_sum_col_title_pc:last-child {
    border-right: none;
}

.sub_talmo_detprog_sum_body_pc {
    display: flex;
    align-items: stretch;
}

.sub_talmo_detprog_sum_column1_pc {
    flex: 1;
    background-color: #f4fbfb;
    padding: 30px 20px;
    border-right: 1px solid #cbd5e1;
    box-sizing: border-box;
}

.sub_talmo_detprog_sum_column2_pc {
    flex: 1;
    background-color: #ffffff;
    padding: 30px 20px;
    border-right: 1px solid #cbd5e1;
    box-sizing: border-box;
}

.sub_talmo_detprog_sum_column3_pc {
    flex: 1;
    background-color: #f2faf2;
    padding: 30px 20px;
    box-sizing: border-box;
}

.sub_talmo_detprog_sum_block_pc {
    margin-bottom: 35px;
    text-align: center;
}

.sub_talmo_detprog_sum_block_pc:last-child {
    margin-bottom: 0;
}

.sub_talmo_detprog_sum_tit_blue_pc {
    font-size: 1.05rem;
    color: #3182ce;
    font-weight: bold;
    margin: 0 0 12px 0;
}

.sub_talmo_detprog_sum_tit_green_pc {
    font-size: 1.05rem;
    color: #2f855a;
    font-weight: bold;
    margin: 0 0 12px 0;
}

.sub_talmo_detprog_sum_desc_pc {
    font-size: 0.95rem;
    color: #444444;
    line-height: 1.6;
    margin: 0;
    text-align: center;
    word-break: keep-all;
}

/* ==========================================================================
   [11] 주의사항 (.sub_talmo_notice_) - 텍스트 아이콘 적용
   ========================================================================== */
.sub_talmo_notice_sec_pc {
    width: 100%;
    padding: 20px 0 60px;
    box-sizing: border-box;
    text-align: center;
}

.sub_talmo_notice_tit_wrap_pc {
    text-align: center;
    width: 100%;
}

/* 옅은 회색 배경 전체 박스 */
.sub_talmo_notice_box_pc {
    background-color: #f4f4f4;
    padding: 40px;
    box-sizing: border-box;
    max-width: 100%;
    margin: 0 auto;
}

.sub_talmo_notice_list_pc {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* 개별 주의사항 흰색 박스 */
.sub_talmo_notice_item_pc {
    background-color: #ffffff;
    display: flex;
    align-items: center;
    padding: 22px 30px;
    box-sizing: border-box;
}

/* ★ 수정됨: 텍스트 기호(✔)를 위한 CSS 스타일 */
.sub_talmo_notice_icon_pc {
    color: #2c3e50;
    /* 시안의 딥한 블루/네이비 톤 */
    font-size: 1.5rem;
    font-weight: bold;
    margin-right: 15px;
    flex-shrink: 0;
    display: inline-block;
}

/* 주의사항 텍스트 */
.sub_talmo_notice_txt_pc {
    margin: 0;
    font-size: 1.05rem;
    color: #444444;
    text-align: left;
    word-break: keep-all;
    font-weight: 500;
}









/* ==========================================================================
   [모바일 버전] 홍앤유 탈모 홈페이지 (.hnu_t_hompage_mo)
   ========================================================================== */
.hnu_t_hompage_mo {
    width: 100%;
    font-size: 0.95rem;
    color: #333;
    overflow-x: hidden;
}

/* ★ 요청하신 모바일 공통 서브 타이틀 클래스 완벽 반영 ★ */
.hnu_t_sub_tit_mo {
    border-bottom: 2px solid #9a9a9a;
    display: inline-block;
    padding: 0 0 5px;
    margin: 50px 0 20px;
    font-size: 1.4rem;
    color: #333;
}

.hnu_t_sub_tit_mo strong {
    color: #cc2323;
    font-weight: bold;
}

/* ==========================================================================
   [1] Intro (메인 배너 - 모바일 최적화)
   ========================================================================== */
.hnu_t_sub_intro_tit_mo {
    width: 100%;
    background-image: url(../../..img/sub/talmo/talmo/sub_main_tit.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 40px 20px;
    box-sizing: border-box;
}

.hnu_t_sub_intro_tit_mo > div {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3);
    /* 모바일 가독성 위한 반투명 배경 추가 */
    padding: 20px;
    border-radius: 10px;
}

.hnu_t_sub_intro_subtit_mo {
    font-size: 1.1rem !important;
    margin: 0;
    display: inline-block;
    padding: 5px 0;
    border-bottom: 1px solid #fff;
}

.hnu_t_sub_intro_tit_mo > div > h1 {
    font-size: 2rem !important;
    margin: 10px 0;
    font-weight: bold;
}

/* ==========================================================================
   [2] Feat (특장점 - 모바일 세로 배치)
   ========================================================================== */
.sub_talmo_feat_sec_mo {
    width: 100%;
    padding: 20px 15px 40px;
    text-align: center;
    box-sizing: border-box;
}

.sub_talmo_feat_list_mo {
    display: flex;
    flex-direction: column;
    /* 세로 정렬 */
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.sub_talmo_feat_item_mo {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

.sub_talmo_feat_img_mo {
    width: 100%;
    display: block;
    object-fit: cover;
    border-bottom: 1px solid #f1f5f9;
}

.sub_talmo_feat_txt_wrap_mo {
    padding: 25px 15px;
    text-align: center;
}

.sub_talmo_feat_tit_mo {
    font-size: 1.2rem;
    color: #111;
    font-weight: 700;
    margin: 0 0 10px 0;
    word-break: keep-all;
}

.sub_talmo_feat_desc_mo {
    font-size: 0.9rem;
    color: #555;
    line-height: 1.6;
    margin: 0;
    word-break: keep-all;
}

/* ==========================================================================
   [3, 4, 5] 통 이미지 영역 (B&A, Price, Program)
   ========================================================================== */
.sub_talmo_bna_sec_mo,
.sub_talmo_price_sec_mo,
.sub_talmo_program_sec_mo {
    width: 100%;
    text-align: center;
    padding: 0 0px 40px;
    box-sizing: border-box;
}

.sub_talmo_bna_fullimg_mo,
.sub_talmo_price_fullimg_mo {
    width: 100%;
    height: auto;
    display: block;
}

.sub_talmo_program_box_mo {
    padding: 0;
}

.sub_talmo_program_box_mo img {
    width: 100%;
    display: block;
}

/* ==========================================================================
   [6] Why (왜 홍앤유인가 - 모바일 최적화)
   ========================================================================== */
.sub_talmo_why_sec_mo {
    display: flex;
    flex-direction: column;
    /* 세로 정렬 */
    align-items: center;
    padding: 30px 15px;
    box-sizing: border-box;
}

.sub_talmo_why_img_mo {
    width: 80%;
    max-width: 300px;
    margin-bottom: 25px;
    display: block;
}

.sub_talmo_why_txt_wrap_mo {
    text-align: center;
}

.sub_talmo_why_tit_mo {
    letter-spacing: 2px;
    margin: 0;
    font-size: 1.2rem;
    text-align: left;
}

.sub_talmo_why_hl_mo {
    color: #383838;
    font-size: 2.5rem;
    font-weight: bold;
}

.sub_talmo_why_strong_mo {
    color: #cc2323;
    font-weight: bold;
    font-size: 1.8rem;
}

.sub_talmo_why_desc_mo {
    line-height: 1.6;
    margin-top: 20px;
    font-size: 0.95rem;
    word-break: keep-all;
    text-align: left;
}

/* ==========================================================================
   [7] What (복합탈모치료란?) - 모바일 카드
   ========================================================================== */
.sub_talmo_what_sec_mo {
    text-align: center;
    width: 100%;
    padding: 20px 15px 50px;
    box-sizing: border-box;
}

.sub_talmo_what_tit_wrap_mo {
    text-align: center;
    width: 100%;
}

.sub_talmo_what_desc_mo {
    font-size: 0.95rem;
    color: #555;
    line-height: 1.6;
    margin: 0 auto 30px;
    word-break: keep-all;
}

.sub_talmo_what_list_mo {
    display: flex;
    flex-direction: column;
    /* 세로 정렬 */
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.sub_talmo_what_item_mo {
    width: 100%;
}

.sub_talmo_what_card_mo {
    background-color: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.sub_talmo_what_text_wrap_mo {
    padding: 25px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sub_talmo_what_badge_mo {
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #cc2323;
    color: #fff;
    font-weight: bold;
    font-size: 1rem;
    margin-bottom: 12px;
}

.sub_talmo_what_card_tit_mo {
    font-size: 1.25rem;
    margin: 0;
    color: #111;
    font-weight: 700;
}

.sub_talmo_what_img_mo {
    width: 100%;
    display: block;
    border-top: 1px solid #f1f5f9;
}

/* ==========================================================================
   [8] Comp (복합탈모치료 구성) - 모바일 카드 뉴스
   ========================================================================== */
.sub_talmo_comp_sec_mo {
    width: 100%;
    padding: 20px 15px 50px;
    box-sizing: border-box;
    text-align: center;
}

.sub_talmo_comp_tit_wrap_mo {
    text-align: center;
    margin-bottom: 30px;
}

.sub_talmo_comp_sub_intro_mo {
    font-size: 0.95rem;
    color: #555;
    line-height: 1.6;
    margin: 15px 0 0;
    word-break: keep-all;
}

.sub_talmo_comp_list_mo {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    /* 세로 정렬 */
    gap: 25px;
}

.sub_talmo_comp_item_mo {
    width: 100%;
    background-color: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    text-align: left;
    overflow: hidden;
}

.sub_talmo_comp_img_box_mo {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
    background-color: #fcfdfe;
    border-bottom: 1px solid #f1f5f9;
}

.sub_talmo_comp_img_mo {
    max-width: 75%;
    height: auto;
    display: block;
}

.sub_talmo_comp_meta_mo {
    display: flex;
    align-items: center;
    padding: 20px 15px 10px;
}

.sub_talmo_comp_num_mo {
    width: 32px;
    height: 32px;
    background-color: #cc2323;
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.sub_talmo_comp_title_box_mo {
    margin-left: 12px;
    display: flex;
    flex-direction: column;
}

.sub_talmo_comp_small_tit_mo {
    font-size: 0.8rem;
    color: #777;
    font-style: italic;
    margin: 0;
}

.sub_talmo_comp_card_tit_mo {
    font-size: 1.25rem;
    margin: 4px 0 0;
    color: #111;
    font-weight: bold;
}

.sub_talmo_comp_desc_mo {
    font-size: 0.9rem;
    font-weight: 600;
    color: #222;
    line-height: 1.6;
    margin: 10px 15px 20px;
    background-color: #f1f5f9;
    padding: 15px;
    border-radius: 8px;
    word-break: keep-all;
}

/* ==========================================================================
   [9] Detail (세부 프로그램) - 모바일 레이아웃
   ========================================================================== */
.sub_talmo_detail_sec_mo {
    width: 100%;
    padding: 20px 15px 50px;
    box-sizing: border-box;
    text-align: center;
}

.sub_talmo_detail_intro_mo {
    font-size: 0.95rem;
    color: #555;
    line-height: 1.6;
    margin: 0 0 30px;
    word-break: keep-all;
}

.sub_talmo_detail_card_mo {
    background-color: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.04);
    padding: 20px 15px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    /* 모바일: 이미지 위, 텍스트 아래 */
    align-items: center;
    gap: 20px;
}

.sub_talmo_detail_img_mo {
    width: 100%;
    max-width: 320px;
    border-radius: 12px;
    object-fit: cover;
}

.sub_talmo_detail_info_mo {
    text-align: left;
    width: 100%;
}

.sub_talmo_detail_label_mo {
    border-left: 4px solid #cc2323;
    padding: 2px 0 2px 10px;
    margin: 0 0 10px 0;
    font-size: 0.95rem;
    color: #555;
}

.sub_talmo_detail_tit_mo {
    color: #111;
    font-weight: bold;
    font-size: 1.4rem;
    display: block;
    margin-bottom: 5px;
}

.sub_talmo_detail_point_mo {
    padding: 15px;
    text-align: center;
    background-color: #cc2323;
    color: #ffffff;
    font-size: 1rem;
    font-weight: bold;
    margin: 15px 0;
    border-radius: 8px;
    word-break: keep-all;
}

.sub_talmo_detail_desc_mo {
    font-size: 0.95rem;
    color: #444;
    line-height: 1.6;
    margin: 0 0 15px 0;
}

.sub_talmo_detail_feat_list_mo {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    /* 모바일: 특징 목록 세로 정렬 */
    gap: 8px;
}

.sub_talmo_detail_feat_item_mo,
.sub_talmo_detail_feat_item_lg_mo {
    padding: 12px 10px;
    background-color: #f8fafc;
    border: 1px solid #f1f5f9;
    color: #1e293b;
    font-size: 0.9rem;
    font-weight: 600;
    text-align: center;
    border-radius: 6px;
}

.sub_talmo_detail_link_mo {
    padding: 12px;
    text-align: center;
    background-color: #cc2323;
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
    margin: 15px 0 0;
    width: 100%;
    display: block;
    border-radius: 8px;
    text-decoration: none;
}

/* ==========================================================================
   [10] Basic (기초 프로그램 - 모바일 세로 배치)
   ========================================================================== */
.sub_talmo_basic_sec_mo {
    width: 100%;
    padding: 20px 15px 50px;
    box-sizing: border-box;
    text-align: center;
}

.sub_talmo_basic_list_mo {
    display: flex;
    flex-direction: column;
    /* 세로 정렬 */
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.sub_talmo_basic_item_mo {
    width: 100%;
}

.sub_talmo_basic_card_mo {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    text-align: center;
    padding-bottom: 20px;
}

.sub_talmo_basic_badge_mo {
    padding: 10px 40px;
    display: inline-block;
    border-radius: 50px;
    background-color: #cc2323;
    margin: 20px 0 10px;
    color: #fff;
    font-size: 1.1rem;
    font-weight: bold;
}

.sub_talmo_basic_desc_mo {
    font-size: 0.95rem;
    color: #444;
    line-height: 1.6;
    margin: 0 0 20px 0;
    padding: 0 15px;
    word-break: keep-all;
}

.sub_talmo_basic_img_mo {
    width: 100%;
    display: block;
}

/* ==========================================================================
   [11] 두피탈모프로그램 상세 (.sub_talmo_detprog_mo)
   ========================================================================== */
.sub_talmo_detprog_sec_mo {
    width: 100%;
    padding: 20px 15px 50px;
    box-sizing: border-box;
    text-align: center;
}

.sub_talmo_detprog_intro_mo {
    font-size: 0.95rem;
    color: #444;
    line-height: 1.6;
    margin: 0 0 30px;
    word-break: keep-all;
}

/* 표 공통 박스 */
.sub_talmo_detprog_p_container_mo {
    width: 100%;
    margin-bottom: 40px;
    text-align: left;
}

.sub_talmo_detprog_p_badge_mo {
    background-color: #cc2323;
    color: #ffffff;
    padding: 6px 15px;
    display: inline-block;
    font-weight: bold;
    font-size: 0.9rem;
    margin-bottom: 15px;
}

/* 카드 리스트 세로 정렬 */
.sub_talmo_detprog_row_mo {
    display: flex;
    flex-direction: column;
    gap: 15px;
    list-style: none;
    padding: 0;
    margin: 0 0 15px 0;
}

.sub_talmo_detprog_item_mo {
    width: 100%;
    border: 1px solid #e2e8f0;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    text-align: center;
    border-radius: 8px;
    overflow: hidden;
}

.sub_talmo_detprog_img_mo {
    width: 100%;
    display: block;
}

.sub_talmo_detprog_step_mo {
    font-size: 1.05rem;
    color: #3182ce;
    font-weight: bold;
    margin: 12px 0 5px 0;
}

.sub_talmo_detprog_txt_mo {
    font-size: 0.9rem;
    color: #333;
    line-height: 1.5;
    padding: 0 15px 15px;
    margin: 0;
    word-break: keep-all;
}

/* 표3. 플로우 모바일 최적화 (화살표 방향 변경) */
.sub_talmo_detprog_p3_row_mo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.sub_talmo_detprog_p3_box_mo {
    width: 100%;
    border: 1px solid #bae3e3;
    background-color: #f4fbfb;
    padding: 15px 10px;
    border-radius: 6px;
    text-align: center;
}

/* 모바일에서는 화살표가 아래를 향하도록 설정 */
.sub_talmo_detprog_p3_arrow_mo {
    color: #3182ce;
    font-size: 1.2rem;
    font-weight: bold;
    margin: 5px 0;
}

/* 하단 요약 표 모바일 블록 분리 */
.sub_talmo_detprog_sum_sec_mo {
    border: 1px solid #cbd5e1;
    margin-top: 20px;
}

.sub_talmo_detprog_sum_body_mo {
    display: flex;
    flex-direction: column;
}

/* 모바일용 각 카테고리 헤더바 */
.sub_talmo_detprog_sum_titbar_mo {
    background-color: #262626;
    color: #fff;
    padding: 12px;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
}

.sub_talmo_detprog_sum_col_mo {
    padding: 25px 15px;
    border-bottom: 1px solid #cbd5e1;
}

.sub_talmo_detprog_sum_col_mo:last-child {
    border-bottom: none;
}

.sub_talmo_detprog_sum_col_mo.bg1 {
    background-color: #f4fbfb;
}

.sub_talmo_detprog_sum_col_mo.bg2 {
    background-color: #ffffff;
}

.sub_talmo_detprog_sum_col_mo.bg3 {
    background-color: #f2faf2;
}

.sub_talmo_detprog_sum_block_mo {
    margin-bottom: 25px;
    text-align: center;
}

.sub_talmo_detprog_sum_block_mo:last-child {
    margin-bottom: 0;
}

.sub_talmo_detprog_sum_tit_blue_mo {
    font-size: 1rem;
    color: #3182ce;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.sub_talmo_detprog_sum_tit_green_mo {
    font-size: 1rem;
    color: #2f855a;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.sub_talmo_detprog_sum_desc_mo {
    font-size: 0.9rem;
    color: #444;
    line-height: 1.6;
    margin: 0;
    word-break: keep-all;
}

/* ==========================================================================
   [12] Notice (주의사항 - 모바일 최적화)
   ========================================================================== */
.sub_talmo_notice_sec_mo {
    width: 100%;
    padding: 20px 15px 50px;
    box-sizing: border-box;
    text-align: center;
}

.sub_talmo_notice_box_mo {
    background-color: #f4f4f4;
    padding: 25px 15px;
    border-radius: 12px;
}

.sub_talmo_notice_list_mo {
    display: flex;
    flex-direction: column;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.sub_talmo_notice_item_mo {
    background-color: #ffffff;
    display: flex;
    align-items: flex-start;
    /* 다중 라인일 때 아이콘 상단 고정 */
    padding: 15px;
    border-radius: 8px;
}

.sub_talmo_notice_icon_mo {
    color: #2c3e50;
    font-size: 1.2rem;
    font-weight: bold;
    margin-right: 12px;
    flex-shrink: 0;
    line-height: 1.4;
}

.sub_talmo_notice_txt_mo {
    margin: 0;
    font-size: 0.95rem;
    color: #444;
    text-align: left;
    word-break: keep-all;
    line-height: 1.4;
}