/* 트리플푸드 override */
:root{ --tf-red:#8b2e21; --tf-dark:#5e1c14; --tf-gold:#c98f2a; --tf-beige:#f7f4f0; }
#header #logo a.logo{ background-image:url("../images/common/tf-logo-white.svg") !important; background-size:contain !important; background-position:left center !important; width:190px; height:46px; margin-top:7px }
#header.scroll #logo a.logo, #header.v2 #logo a.logo{ background-image:url("../images/common/tf-logo-dark.svg") !important; }
#header.mo_on #logo a.logo{ background-image:url("../images/common/tf-logo-white.svg") !important; }
@media all and (max-width:767px){ #header #logo a.logo{ width:140px; height:36px; margin-top:7px } }
#f_logo img{ width:186px; height:auto }
.bg-M1, #ft_consult .btn_submit{ background:var(--tf-gold) !important; }
.mbtn.bg-bl{ background:var(--tf-red) !important; }
#t-link a.bg-bl{ background:var(--tf-red) !important; }
#ft_consult{ background:var(--tf-dark) !important; }
#ft_consult .wr_input{ white-space:nowrap } #ft_consult .wr_input input{ width:150px !important; margin:0 3px !important } #ft_consult .wr_input select{ width:210px !important; margin:0 3px !important } #ft_consult .tit, #ft_consult .tit h3{ white-space:nowrap } #ft_consult .tit{ margin-right:16px !important } #ft_consult .tel .tf-ph{ font-size:1.6rem; display:inline-block; margin-top:4px }
#ft_consult .wr_input select{ border:0; outline:none; height:55px; font-size:1.8rem; background:#fff; margin:0 5px; padding:0 1em; color:rgba(0,0,0,.6); box-sizing:border-box; vertical-align:middle }
#ft_consult .mo_cta{ display:none }
@media all and (max-width:1024px){
  #ft_consult{ height:auto !important; padding:10px 0 !important }
  #ft_consult .in-box > *:not(.mo_cta){ display:none !important }
  #ft_consult .in-box{ display:block !important; width:92% !important; margin:0 auto } #ft_consult .mo_cta{ display:block; width:100%; box-sizing:border-box; background:var(--tf-gold); color:#fff; font-size:1.8rem; font-weight:700; line-height:52px; border-radius:6px; text-align:center }
}
/* lead section */
#tf-lead{ background:var(--tf-beige); padding:110px 0 130px; scroll-margin-top:90px }
#tf-lead .inner{ max-width:900px; margin:0 auto; padding:0 20px; box-sizing:border-box }
#tf-lead h3{ font-size:4.4rem; font-weight:800; text-align:center; color:#222; line-height:1.3 }
#tf-lead h3 span{ color:var(--tf-red) }
#tf-lead .sub{ text-align:center; font-size:1.9rem; color:#555; margin:16px 0 40px; line-height:1.6 }
#tf-lead form{ background:#fff; border-radius:16px; padding:40px; box-shadow:0 10px 40px rgba(94,28,20,.08) }
#tf-lead .grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px 20px }
#tf-lead label.f{ display:block; font-size:1.6rem; font-weight:700; color:#333; margin-bottom:8px }
#tf-lead label.f em{ color:var(--tf-red); font-style:normal }
#tf-lead input[type=text], #tf-lead input[type=tel], #tf-lead select, #tf-lead textarea{ width:100%; height:52px; border:1px solid #ddd; border-radius:8px; padding:0 14px; font-size:1.7rem; box-sizing:border-box; background:#fff; font-family:inherit }
#tf-lead textarea{ height:90px; padding:12px 14px; resize:vertical }
#tf-lead .full{ grid-column:1 / -1 }
#tf-lead .chips{ display:flex; flex-wrap:wrap; gap:8px }
#tf-lead .chips label{ display:inline-flex; align-items:center; gap:6px; border:1px solid #ddd; border-radius:30px; padding:9px 14px; font-size:1.5rem; cursor:pointer; background:#fff }
#tf-lead .chips input{ accent-color:var(--tf-red) }
#tf-lead .agree{ margin-top:20px; font-size:1.4rem; color:#666; line-height:1.6; background:var(--tf-beige); border-radius:8px; padding:14px 16px }
#tf-lead .agree label{ font-size:1.6rem; color:#222; font-weight:700; display:flex; gap:8px; align-items:center; margin-top:8px }
#tf-lead button{ display:block; width:100%; margin-top:24px; height:62px; border:0; border-radius:10px; background:var(--tf-red); color:#fff; font-size:2.1rem; font-weight:800; cursor:pointer }
#tf-lead button:hover{ background:var(--tf-dark) }
@media all and (max-width:767px){ #tf-lead{ padding:70px 0 90px } #tf-lead h3{ font-size:2.8rem } #tf-lead .sub{ font-size:1.5rem } #tf-lead form{ padding:22px } #tf-lead .grid{ grid-template-columns:1fr } }
.tf-ph{ background:#fff3cd; color:#8a6d00; padding:0 4px; border-radius:3px }
.sec01 .cert li:nth-child(n+2), .sec01 [class*=cert] li:nth-child(n+2){display:none}
