/* ==========================================================================
   모우림의원 — 모바일 정밀화
   한국어·일본어·중국어의 줄바꿈 규칙과 좁은 화면의 리듬을 함께 다듬는다.
   ========================================================================== */

/* ---------- 1. 줄바꿈 규칙 ---------- */
.sect_title, .sub_title, .mainBanner_title, .feat_tit, .trio_tit,
.check_card_tit, .prof_name, .post_title, .board_subject, .quote_band p,
.stat_lb, .ba_cap .v, .tx_item .nm{
  text-wrap:balance;              /* 지원 브라우저에서 줄 길이를 고르게 */
}
.sect_desc, .sub_desc, .feat_txt p, .trio_txt, .check_list li,
.mainBanner_sub, .post_body p, .footer_addr, .map_note, .prof_motto{
  text-wrap:pretty;               /* 마지막 줄에 한 단어만 남는 것을 방지 */
}
/* 숫자와 단위가 갈라지지 않도록 */
.stat_num{white-space:nowrap}

/* ==========================================================================
   태블릿 이하
   ========================================================================== */
@media (max-width:1024px){
  .inner{padding-inline:clamp(20px,4.5vw,48px)}
  .sect_title{line-height:1.42}
  .feat_list{gap:clamp(2.25rem,4vw,3.25rem)}
  .feat_item{padding-bottom:clamp(2.25rem,4vw,3.25rem)}
}

/* ==========================================================================
   모바일 (768px 이하)
   ========================================================================== */
@media (max-width:768px){

  /* ---------- 헤더 ---------- */
  .header_inner{padding-inline:18px}
  .menu_hamburgerBtn{gap:.5rem;font-size:.8125rem;letter-spacing:.08em}
  .hamburgerBtn_bar{width:1.25rem}
  .header_leftCont,.header_rightCont{gap:.65rem}
  .lang_toggle span{display:none}          /* 지구본 아이콘만 남긴다 */
  .lang_toggle{gap:.3rem;padding:.35rem .25rem}
  .dropdown-menu{min-width:8.5rem}

  /* ---------- 인트로 ---------- */
  .intro_icon{width:2.85rem}
  .intro_word{width:9.5rem}
  .intro.on .intro_rule{height:1.9rem}

  /* ---------- 메인 배너 ---------- */
  .mainBanner{aspect-ratio:auto;height:calc(var(--vh) - var(--header-h));
    min-height:30rem}
  .mainBanner_desc{bottom:5.5rem;padding-inline:22px}
  .mainBanner_eyebrow{font-size:.8125rem;letter-spacing:.22em;margin-bottom:1rem}
  .mainBanner_title{font-size:clamp(1.75rem,7.6vw,2.35rem);line-height:1.4;
    letter-spacing:-.015em}
  .mainBanner_sub{margin-top:1.1rem;font-size:.9375rem;line-height:1.75;
    max-width:22rem;color:rgba(255,255,255,.82)}
  .mainBanner_dots{bottom:2.75rem;left:22px;gap:.5rem}
  .mainBanner_dots button{width:1.75rem}

  /* ---------- 러닝 텍스트 ---------- */
  .marquee{padding-block:1.35rem}
  .marquee_item{font-size:1.35rem;gap:1.75rem}
  .marquee_track{gap:1.75rem;animation-duration:30s}

  /* ---------- 섹션 타이포 ---------- */
  .sect_keyword{font-size:.8125rem;letter-spacing:.2em}
  .sect_title{margin-top:1.05rem;font-size:clamp(1.42rem,6vw,1.85rem);
    line-height:1.45}
  .sect_desc{font-size:.9375rem;line-height:1.8}
  .sect_desc_wrap{gap:.9rem;margin-top:1.5rem}
  .more_btn{margin-top:2.15rem;font-size:.875rem;letter-spacing:.14em}

  /* ---------- 원장 미학 섹션 ---------- */
  .m_sect2 .txt{padding:3.25rem 22px 3.5rem}
  .m_sect2 .pic{min-height:0;aspect-ratio:4/3}
  .m_sect2 .quote{margin-top:1.85rem;padding-left:1.05rem;font-size:.9375rem;
    line-height:1.8}

  /* ---------- 숫자 밴드 ---------- */
  .stat_band{padding-block:3rem}
  .stat_grid{grid-template-columns:repeat(2,1fr);gap:2.15rem 1rem}
  .stat_num{font-size:2.1rem}
  .stat_lb{margin-top:.7rem;font-size:.8125rem;line-height:1.55}
  .stat_item::before{display:none !important}
  .stat_item:nth-child(2)::before,.stat_item:nth-child(4)::before{
    display:block !important;left:-.5rem;height:2.6rem}

  /* ---------- 의료진 ---------- */
  .m_sect3{padding-block:3.75rem}
  .doctor_grid{grid-template-columns:1fr;gap:1rem;margin-top:2.5rem}
  .doctor_item .ph{aspect-ratio:4/3.4}
  .doctor_desc{padding:1.35rem}
  .doctor_name{font-size:1.2rem}
  .doctor_motto{margin-top:.55rem;font-size:.8125rem}

  /* ---------- 진료과목 ---------- */
  .m_sect4{padding-block:3.75rem}
  .tx_grid{grid-template-columns:1fr;margin-top:2.5rem}
  .tx_item{min-height:0;padding:1.65rem 1.35rem}
  .tx_item .nm{margin-top:1rem;font-size:1.12rem}
  .tx_item .ds{margin-top:.6rem;font-size:.875rem;line-height:1.7}
  .tx_item .go{padding-top:1.1rem}

  /* ---------- 전후사진 ---------- */
  .m_sect5{padding-block:3.75rem}
  .ba_grid{grid-template-columns:1fr;gap:1.1rem;margin-top:2.5rem}
  .ba_lb{padding:.5rem .4rem;font-size:.6875rem;letter-spacing:.14em}
  .ba_cap{padding:1.05rem 1rem 1.2rem}
  .ba_cap .t{font-size:.875rem}
  .ba_cap .v{margin-top:.4rem;font-size:1.05rem}
  .ba_compare .tag{bottom:.7rem;padding:.28rem .7rem;font-size:.6875rem}
  .ba_compare .tag.b{left:.7rem}
  .ba_compare .tag.a{right:.7rem}
  .ba_compare .handle::after{width:2.25rem;height:2.25rem}

  /* ---------- 시설 ---------- */
  .m_sect6{padding-block:3.75rem}
  .fac_track{gap:.75rem;margin-top:2.5rem}
  .fac_item{flex:0 0 78vw}
  .fac_item .cap{margin-top:.7rem;font-size:.8125rem}

  /* ---------- 오시는 길 ---------- */
  .m_sect7{padding-block:3.75rem}
  .loc_flex{gap:2rem;margin-top:2.5rem}
  .loc_row .lb{font-size:.75rem;letter-spacing:.16em}
  .loc_row .vl{margin-top:.6rem;font-size:.9375rem;line-height:1.75}
  .loc_row .vl.tel{font-size:1.6rem}
  .gmap{aspect-ratio:4/3}

  /* ---------- 서브 히어로 ---------- */
  .common_visual .imgBox{aspect-ratio:4/2.9}
  .common_visual .descBox{padding:2.5rem 22px 2.75rem}
  .sub_title_eng{font-size:clamp(2.1rem,11vw,3.1rem);margin-bottom:-.7rem}
  .sub_title{font-size:clamp(1.5rem,6.4vw,1.95rem);line-height:1.42}
  .sub_slogan{margin-block:1.15rem 1.35rem;font-size:1rem;line-height:1.6}
  .sub_descWrap{gap:.85rem}
  .sub_desc{font-size:.9375rem;line-height:1.8}
  .breadcrumb{padding-block:.95rem;font-size:.75rem;gap:.4rem}

  /* ---------- 본문 블록 ---------- */
  .blk{padding-block:3.25rem}
  .feat_list{gap:2.15rem;margin-top:2.5rem}
  .feat_item{gap:.85rem;padding-bottom:2.15rem}
  .feat_num{font-size:1.85rem;letter-spacing:.04em}
  .feat_tit{font-size:1.2rem;line-height:1.5}
  .feat_txt{margin-top:.85rem;font-size:.9375rem;line-height:1.85}
  .feat_txt p+p{margin-top:.85rem}

  .trio{grid-template-columns:1fr;gap:.85rem;margin-top:2.5rem}
  .trio_item{padding:1.65rem 1.4rem}
  .trio_tit{margin-top:.9rem;font-size:1.1rem}
  .trio_txt{margin-top:.7rem;font-size:.9rem;line-height:1.8}

  .check_card{margin-top:2.25rem;padding:1.65rem 1.4rem}
  .check_card_tit{font-size:1.15rem;padding-bottom:1.15rem}
  .check_list li{gap:.7rem;padding-block:.9rem;font-size:.9375rem;line-height:1.7}
  .check_list li::before{width:1rem;height:1rem;margin-top:.2rem}

  .quote_band{padding-block:3.5rem}
  .quote_band .mark{margin-bottom:1.15rem;font-size:2.4rem}
  .quote_band p{font-size:1.08rem;line-height:1.85}
  .quote_band .by{margin-top:1.35rem;font-size:.8125rem;letter-spacing:.16em}

  .gal_grid{grid-template-columns:1fr 1fr;gap:.7rem;margin-top:2.25rem}
  .gal_grid figcaption{margin-top:.6rem;font-size:.75rem}

  .legacy_detail{margin-top:2.25rem}
  .legacy_note{margin-top:.9rem;font-size:.75rem}

  /* ---------- 의료진 프로필 ---------- */
  .prof_list{gap:2.75rem;margin-top:2.5rem}
  .prof_item{gap:1.35rem}
  .prof_ph{max-width:13rem}
  .prof_pos{font-size:.8125rem;letter-spacing:.12em}
  .prof_name{margin-top:.6rem;font-size:1.5rem}
  .prof_motto{margin-top:.9rem;padding-left:.9rem;font-size:.9375rem}
  .prof_career{margin-top:1.5rem;padding-top:1.25rem}
  .prof_career li{font-size:.875rem;line-height:1.75}

  /* ---------- 게시판 ---------- */
  .board_grid{grid-template-columns:1fr;gap:1.1rem}
  .board_body{padding-top:1.1rem}
  .board_subject{font-size:1.05rem}
  .board_meta{margin-top:.7rem;font-size:.75rem}
  .board_tabs{gap:.4rem;margin-bottom:1.75rem}
  .board_tab{padding:.55rem 1.15rem;font-size:.875rem}

  .post_head{padding-bottom:1.5rem;margin-bottom:1.85rem}
  .post_title{margin-top:.9rem;font-size:1.35rem;line-height:1.5}
  .post_body{font-size:.9375rem;line-height:1.9}
  .post_body h3{margin-top:1.85rem;font-size:1.12rem}

  /* ---------- 진료시간 표 ---------- */
  .hours_table{margin-top:1.85rem}
  .hours_table th,.hours_table td{padding:.9rem .85rem;font-size:.875rem}
  .hours_table th{width:8.5rem}

  /* ---------- 지도 버튼 ---------- */
  .map_actions{gap:.45rem;margin-top:1rem}
  .map_btn{padding:.6rem 1.05rem;font-size:.8125rem}
  .map_note{font-size:.8125rem}

  /* ---------- 푸터 ---------- */
  .footer_top{gap:2.25rem;padding-block:3rem}
  .footer_col_tit{margin-bottom:1.15rem;font-size:1.12rem}
  .footer_hours li{padding-block:.55rem;font-size:.875rem}
  .footer_note{margin-top:.9rem;font-size:.75rem}
  .footer_addr{font-size:.875rem}
  .footer_tel{font-size:1.8rem}
  .footer_bottom{padding-block:1.5rem}
  .footer_util{gap:.85rem 1rem;font-size:.75rem}
  .footer_biz,.footer_copy{font-size:.6875rem;line-height:1.75}

  /* ---------- 퀵메뉴 : 본문을 가리지 않도록 ---------- */
  .quick{flex-direction:row;right:auto;left:50%;bottom:.85rem;
    transform:translateX(-50%);gap:.4rem;padding:.35rem;
    background:rgba(255,255,255,.9);backdrop-filter:blur(10px);
    border:1px solid var(--line);border-radius:2.5rem;
    box-shadow:0 .5rem 1.5rem rgba(23,21,15,.16)}
  .quick a,.quick button{width:2.85rem;height:2.85rem;font-size:.625rem;
    box-shadow:none}
  .quick .q_top{border-color:transparent}
  body{padding-bottom:0}

  /* 좁은 화면의 알약에는 상담 · 채팅 · 전화만 남긴다.
     블로그와 인스타는 상담 창구가 아니라서, 자리를 차지하면 정작 눌러야 할
     것이 밀린다. 실제 기기에서 알약이 찌그러져 있었다(2026-09-19). */
  .quick .q_ch--pc{display:none}

  /* ---------- 헤더 겹침 ----------
     로고는 화면 한가운데에 절대배치돼 있고, 오른쪽에 언어 선택과 문의 버튼이
     있다. 좁은 화면에서 셋이 같은 자리를 다퉈 국기가 로고 글자 위에 얹혔다.
     로고를 줄이고 언어 쪽은 국기만 남긴다. */
  .header_logo img{height:1.45rem}
  .lang_toggle{gap:0;padding:.35rem .2rem}
  .lang_toggle span{display:none}
  .lang_toggle .caret{display:none}
  .header_solution{height:2.25rem;padding-inline:.95rem;font-size:.8125rem}
  .header_leftCont,.header_rightCont{gap:.5rem}
  .menu_hamburgerBtn span{font-size:.75rem;letter-spacing:.06em}
}

/* ==========================================================================
   소형 모바일 (400px 이하)
   ========================================================================== */
@media (max-width:400px){
  .mainBanner_title{font-size:1.62rem}
  .sub_title_eng{font-size:2.15rem}
  .stat_num{font-size:1.85rem}
  .marquee_item{font-size:1.15rem}
  .gal_grid{grid-template-columns:1fr}
  .prof_ph{max-width:100%}
  .footer_tel{font-size:1.6rem}
}

/* ==========================================================================
   가로 모드 : 배너가 화면을 다 먹지 않도록
   ========================================================================== */
@media (max-width:900px) and (orientation:landscape){
  .mainBanner{height:auto;min-height:0;aspect-ratio:16/9}
  .mainBanner_desc{bottom:2.25rem}
  .mainBanner_scroll{display:none}
}

/* ==========================================================================
   모바일 : 리얼모델 롤링 · 인터뷰 영상 · 퀵메뉴
   ========================================================================== */
@media (max-width:768px){
  .rm_track{gap:.7rem}
  .rm_card{flex:0 0 82vw}
  .rm_cap{padding:1rem .85rem 1.15rem;gap:.35rem}
  .rm_cap .nm{font-size:1.05rem}
  .rm_cap .t{font-size:.75rem}
  .rm_cap .v{font-size:.8125rem}
  .rm_nav{margin-top:1.15rem}
  .rm_dots{margin-top:.9rem}
  .rm_note{margin-top:1.25rem;font-size:.75rem}

  .video_cap{font-size:.75rem}

  /* 퀵메뉴 : 하단 가로 바. 상담 버튼만 크게 남기고 나머지는 아이콘으로 */
  .quick{gap:.35rem;padding:.3rem .45rem}
  .quick a,.quick button{width:2.7rem;height:2.7rem}
  .quick .q_cta{width:auto;height:2.7rem;flex-direction:row;gap:.35rem;
    padding-inline:.85rem;border-radius:1.35rem;font-size:.75rem}
  .quick .q_cta .q_ico{width:1.05rem;height:1.05rem}
  .quick .q_cta::after{inset:-.2rem;border-radius:1.55rem}
  .quick .q_tel .q_ico{width:1.15rem;height:1.15rem}
  .quick .q_tip{display:none}
  .quick .q_top{width:2.4rem;height:2.4rem}
}
@media (max-width:400px){
  .quick{gap:.28rem}
  .quick a,.quick button{width:2.45rem;height:2.45rem}
  .q_cta{height:2.45rem;padding-inline:.7rem;font-size:.7rem}
  .quick .q_top{width:2.2rem;height:2.2rem}
}

/* ==========================================================================
   모바일 : 인터뷰 영상 컨트롤 · 언어 국기 · 하단 여백
   ========================================================================== */

/* 터치 기기에는 hover 가 없다. 재생 중에도 컨트롤을 계속 띄운다 */
@media (hover:none){
  .video_frame.live .video_ctrl{opacity:1;transform:none}
}

@media (max-width:768px){
  .m_video{padding-block:3.75rem}
  .video_ctrl{gap:.5rem;padding:.6rem .7rem}
  .vc_btn{width:1.85rem;height:1.85rem}
  .vc_btn svg{width:1.05rem;height:1.05rem}
  .vc_time{font-size:.6875rem}
  .video_cap{margin-top:.9rem}

  /* 언어 탭은 국기만 남으므로 조금 키운다 */
  .lang_flag{width:1.5rem}

  /* 하단 고정 퀵바가 푸터 끝줄을 가리지 않도록 */
  .site_footer{padding-bottom:4.25rem}
  .quick{bottom:calc(.85rem + env(safe-area-inset-bottom,0px))}
}

@media (max-width:400px){
  .vc_time{display:none}          /* 좁은 화면에서는 탐색 바에 폭을 양보한다 */
  .video_ctrl{gap:.4rem;padding:.55rem .6rem}
}

/* ==========================================================================
   제휴 페이지 · 메인 제휴 띠
   ========================================================================== */

/* ---------- 줄바꿈 규칙 ---------- */
.price_group_tit,.price_extra_tit,.tl_when,.faq_item>summary,.mp_points strong{
  text-wrap:balance}
.price_cond,.price_foot,.price_note,.tl_txt,.faq_ans,.mp_desc,.mp_note,
.price_extra_list span:not(.ex_no),.fld_hint{
  text-wrap:pretty}
/* 금액과 단위가 갈라지면 「199」와 「만원」이 다른 줄에 남는다. */
.price_table .now,.price_table .was,.price_table .mid,.price_table tbody th{
  white-space:nowrap}
.mp_points strong b{white-space:nowrap}

@media (max-width:768px){
  /* ---------- 가격표 ----------
     640px 이하에서 표가 줄 단위로 쌓인다(style.css). 여기서는 그 쌓인 모양의
     리듬만 다듬는다. 가로 스크롤을 쓰지 않는 이유는, 표를 옆으로 밀어야 하는
     화면에서는 제휴가가 처음에 안 보이기 때문이다. */
  .price_group_tit{font-size:1.0625rem;margin-bottom:.75rem;padding-bottom:.6rem}
  .price_wrap{gap:1.75rem}
  .price_table tbody th{font-size:1.0625rem;padding:.9rem .9rem .45rem}
  .price_table td{padding:.35rem .9rem;font-size:.9375rem}
  .price_table .now{font-size:1.0625rem;padding-block:.65rem}
  .price_cond{padding:.9rem 1rem;font-size:.9375rem;line-height:1.75}
  .price_extra_tit{font-size:1rem;margin-bottom:1rem}
  .price_extra_list li{padding:.95rem 1rem 1.05rem}

  /* ---------- 회복 일정 ---------- */
  .tl{padding-left:1.15rem;margin-top:1.75rem}
  .tl_item{padding-block:.75rem}
  .tl_when{font-size:.9375rem}
  .tl_txt{font-size:.9375rem;line-height:1.75}

  /* ---------- 신청 폼 ----------
     ⚠ 입력 칸 글자는 16px 밑으로 내리지 않는다. iOS 사파리가 누를 때마다
       화면을 확대하고, 확대된 화면은 스스로 돌아오지 않는다.
       (motion.css 가 이미 1rem 으로 올려 두었다. 여기서 덮어쓰지 말 것.) */
  .fld_set{padding:1.15rem 1.05rem 1.3rem;gap:.95rem}
  .fld_lg{font-size:.75rem;letter-spacing:.12em}
  .partner_form .fld_grid{grid-template-columns:1fr}

  /* ---------- 자주 묻는 것 ---------- */
  .faq_item>summary{padding:1.1rem .1rem;font-size:.9375rem;gap:.9rem}
  .faq_ans{padding:0 .1rem 1.2rem;font-size:.9375rem;line-height:1.8}

  /* ---------- 메인 제휴 띠 ---------- */
  .mp_desc{font-size:.9375rem;line-height:1.8}
  .mp_points li{padding:.95rem 1.1rem}
  .mp_points strong{font-size:.9375rem}
  .mp_note{font-size:.75rem}
}

@media (max-width:400px){
  /* 아주 좁은 화면에서는 로고를 한 번 더 줄인다. */
  .header_logo img{height:1.3rem}
  .header_solution{padding-inline:.8rem;font-size:.75rem}

  .price_table tbody th{font-size:1rem}
  .price_table td::before{font-size:.75rem}
  .price_table .now{font-size:1rem}
  .price_cond{font-size:.875rem}
  .tl{padding-left:1rem}
  .fld_set{padding:1rem .9rem 1.15rem}
}

/* ==========================================================================
   좁은 화면 아래 신청 띠 (제휴 페이지)
   ========================================================================== */
/* 넓은 화면에서는 쓰지 않는다. 화면 아래를 가리는 값어치가 없다.
   손가락으로 한참 내려야 신청 칸이 나오는 좁은 화면에서만 의미가 있다. */
.sticky_cta{display:none}

@media (max-width:768px){
  .sticky_cta{display:flex;align-items:center;justify-content:space-between;gap:.85rem;
    position:fixed;left:0;right:0;bottom:0;z-index:8500;
    padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));
    background:rgba(23,21,15,.96);backdrop-filter:blur(6px);
    box-shadow:0 -.25rem 1.25rem rgba(23,21,15,.2);
    transform:translateY(110%);transition:transform .35s cubic-bezier(.22,1,.36,1)}
  .sticky_cta.on{transform:none}
  .sticky_cta[hidden]{display:none}
  .sticky_cta_txt{font-size:.8125rem;font-weight:300;line-height:1.4;
    color:rgba(255,255,255,.72);min-width:0}
  .sticky_cta_btn{flex:0 0 auto;display:inline-flex;align-items:center;
    height:2.75rem;padding-inline:1.25rem;border-radius:2rem;
    background:var(--point);color:#fff;font-size:.9375rem;font-weight:500;
    letter-spacing:.02em;white-space:nowrap}
  .sticky_cta_btn:active{background:var(--point-d)}

  /* 띠가 떠 있는 동안 퀵메뉴와 맨위로 버튼을 밀어 올린다. 안 그러면 겹쳐서
     둘 다 못 누른다. */
  body.has-sticky-cta .quick{bottom:4.75rem}
}
@media (prefers-reduced-motion:reduce){
  .sticky_cta{transition:none}
}

/* ==========================================================================
   모바일 가독성 고도화
   좁은 화면에서 글이 읽히는 리듬을 맞춘다. 레이아웃은 바꾸지 않는다.
   ========================================================================== */

/* ---------- 줄배열 ----------
   한국어는 단어 사이에서만 끊어야 읽힌다(전역 word-break:keep-all).
   그 위에 제목은 줄 길이를 고르게, 본문은 마지막 줄에 한 단어만 남지 않게. */
.price_group_tit,.fld_lg,.faq_item>summary,.apply_gate strong,
.sticky_cta_txt,.q_bubble_tit,.tl_when,.mp_points strong{text-wrap:balance}
.apply_gate p,.fld_set_hint,.q_bubble_sub,.price_extra_list span:not(.ex_no){
  text-wrap:pretty}
/* 금액 · 모수 · 시간이 갈라지지 않게 */
.price_table .now,.price_table .was,.price_table .mid,
.price_table tbody th,.mp_points strong b,.rm_cap .v{white-space:nowrap}
/* 긴 주소와 이메일이 칸을 밀어내지 않게 */
/* ⚠ .q_bubble_sub 는 뺐다. 여기에 anywhere 를 걸면 칸이 조금만 좁아져도
   「1,000모 199만원부터」가 한 글자씩 세로로 쪼개진다. */
.ch_vl,.footer_addr{overflow-wrap:anywhere}

@media (max-width:768px){
  /* ---------- 섹션 리듬 ----------
     좁은 화면에서 위아래 여백이 그대로면 한 화면에 제목만 남는다. */
  .blk{padding-block:clamp(2.75rem,9vw,4rem)}
  .sect_title_wrap{margin-bottom:.35rem}
  .sect_desc_wrap{margin-top:.9rem}
  .sect_desc{font-size:.9375rem;line-height:1.85}
  .sect_keyword{font-size:.75rem;letter-spacing:.18em}

  /* ---------- 본문 ---------- */
  .feat_txt p,.trio_txt,.check_list li{font-size:.9375rem;line-height:1.85}
  .legacy_note{font-size:.8125rem;line-height:1.7}

  /* ---------- 손가락 ----------
     누르는 자리는 44px 이 최소다. 그보다 작으면 옆 것이 눌린다. */
  .more_btn{min-height:2.85rem;padding-inline:1.5rem}
  .map_btn{min-height:2.75rem}
  .footer_util a{display:inline-flex;align-items:center;min-height:2.5rem}
  .dropdown-menu a{padding-block:.9rem}

  /* ⚠ 퀵메뉴는 위쪽(768px 블록)에서 가로 알약으로 이미 배치했다.
     여기서 right · bottom 을 다시 주면 그 배치가 깨져 오른쪽 세로로 돌아간다.
     건드리지 말 것. */
}

@media (max-width:400px){
  .blk{padding-block:clamp(2.5rem,8.5vw,3.25rem)}
  .sect_desc,.feat_txt p,.trio_txt,.check_list li{font-size:.9375rem}
  .inner,.inner-nr{padding-inline:18px}
}