/* 결휘 타일웍스 문의폼 모바일 카드 정렬 보정 | 2026-08-07 v4 */
#inquiry{
  --gh-green:#173c30;
  --gh-green-2:#245443;
  --gh-ink:#18211d;
  --gh-muted:rgba(24,33,29,.62);
  --gh-line:rgba(23,60,48,.14);
  --gh-soft:#f5f7f5;
  --gh-gold:#b68731;
  --gh-kakao:#fee500;
}
#inquiry .gyeolhwi-consult-intro{margin:0 0 20px;padding:0 0 20px;border-bottom:1px solid var(--gh-line)}
#inquiry .gyeolhwi-consult-intro h2{margin:10px 0 8px;font-size:clamp(1.45rem,2.6vw,2rem);line-height:1.28;letter-spacing:-.035em;color:var(--gh-ink)}
#inquiry .gyeolhwi-consult-intro p{max-width:720px;margin:0;color:var(--gh-muted);font-size:.91rem;line-height:1.7}
#inquiry .gyeolhwi-consult-kicker{display:inline-flex;align-items:center;min-height:26px;padding:4px 10px;border-radius:999px;background:#eaf1ed;color:var(--gh-green);font-size:.7rem;font-weight:900;letter-spacing:.08em}

#inquiry .gyeolhwi-form-card{margin:0 0 14px;padding:20px;border:1px solid var(--gh-line);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(23,60,48,.04)}
#inquiry .gyeolhwi-form-card-head{display:flex;align-items:flex-start;gap:12px;margin:0 0 16px;padding:0 0 14px;border-bottom:1px solid rgba(23,60,48,.09)}
#inquiry .gyeolhwi-step-number{display:flex;flex:0 0 34px;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--gh-green);color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.04em}
#inquiry .gyeolhwi-form-card-head h3{margin:1px 0 3px;color:var(--gh-ink);font-size:1.01rem;line-height:1.35;letter-spacing:-.02em}
#inquiry .gyeolhwi-form-card-head p{margin:0;color:var(--gh-muted);font-size:.78rem;line-height:1.55}
#inquiry .gyeolhwi-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
#inquiry .gyeolhwi-field-grid label,#inquiry .gyeolhwi-message-field{display:flex;min-width:0;flex-direction:column;gap:7px;margin:0}
#inquiry .gyeolhwi-field-grid label>span,#inquiry .gyeolhwi-message-field>span{color:var(--gh-ink);font-size:.79rem;font-weight:800;line-height:1.3}
#inquiry label>span b{margin-left:3px;color:#ad5b42;font-size:.66rem;font-weight:800}
#inquiry .gyeolhwi-field-grid input,#inquiry .gyeolhwi-field-grid select,#inquiry .gyeolhwi-message-field textarea{box-sizing:border-box;width:100%;border:1px solid rgba(24,33,29,.17)!important;border-radius:11px!important;background:#fbfcfb!important;color:#1b211e!important;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
#inquiry .gyeolhwi-field-grid input,#inquiry .gyeolhwi-field-grid select{min-height:48px!important;padding:0 13px!important;font-size:.88rem!important}
#inquiry .gyeolhwi-message-field textarea{min-height:128px!important;padding:13px!important;font-size:.88rem!important;line-height:1.65!important;resize:vertical!important}
#inquiry .gyeolhwi-field-grid input:focus,#inquiry .gyeolhwi-field-grid select:focus,#inquiry .gyeolhwi-message-field textarea:focus{border-color:var(--gh-green)!important;background:#fff!important;box-shadow:0 0 0 3px rgba(23,60,48,.09)!important}

#inquiry .gyeolhwi-photo-guide{margin:14px 0;padding:20px;border:1px solid rgba(23,60,48,.16);border-radius:18px;background:#eef4f0;color:var(--gh-ink)}
#inquiry .gyeolhwi-photo-guide header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 14px}
#inquiry .gyeolhwi-photo-guide header>div{display:flex;align-items:center;gap:10px}
#inquiry .gyeolhwi-photo-guide h3{margin:0;font-size:.96rem;line-height:1.4;letter-spacing:-.015em}
#inquiry .gyeolhwi-photo-guide header p{max-width:330px;margin:0;color:rgba(24,33,29,.62);font-size:.75rem;line-height:1.5;text-align:right}
#inquiry .gyeolhwi-photo-number{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:var(--gh-green);color:#fff;font-size:.72rem;font-weight:900}
#inquiry .gyeolhwi-photo-guide ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
#inquiry .gyeolhwi-photo-guide li{display:flex;min-height:62px;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:9px 6px;border:1px solid rgba(23,60,48,.1);border-radius:11px;background:rgba(255,255,255,.72);text-align:center}
#inquiry .gyeolhwi-photo-guide li b{display:flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:50%;background:#fff;color:var(--gh-green);font-size:.68rem;box-shadow:0 2px 7px rgba(23,60,48,.1)}
#inquiry .gyeolhwi-photo-guide li span{font-size:.71rem;font-weight:800;line-height:1.35}

#inquiry .gyeolhwi-consult-preview-wrap{margin:14px 0;border:1px solid rgba(182,135,49,.26);border-radius:16px;background:#fffaf0;color:var(--gh-ink);overflow:hidden}
#inquiry .gyeolhwi-consult-preview-wrap summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;cursor:pointer;list-style:none}
#inquiry .gyeolhwi-consult-preview-wrap summary::-webkit-details-marker{display:none}
#inquiry .gyeolhwi-consult-preview-wrap summary span{display:flex;flex-direction:column;gap:2px}
#inquiry .gyeolhwi-consult-preview-wrap summary small{color:#966a18;font-size:.64rem;font-weight:900;letter-spacing:.08em}
#inquiry .gyeolhwi-consult-preview-wrap summary strong{font-size:.87rem;line-height:1.35}
#inquiry .gyeolhwi-consult-preview-wrap summary i{font-style:normal;color:#7f611f;font-size:.72rem;font-weight:800}
#inquiry .gyeolhwi-consult-preview-wrap[open] summary{border-bottom:1px solid rgba(182,135,49,.18)}
#inquiry .gyeolhwi-consult-preview-wrap[open] summary i{font-size:0}
#inquiry .gyeolhwi-consult-preview-wrap[open] summary i::after{content:'접기';font-size:.72rem}
#inquiry .gyeolhwi-consult-preview-body{padding:16px 18px 18px}
#inquiry .gyeolhwi-consult-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}
#inquiry .gyeolhwi-consult-preview-head p{margin:0;color:var(--gh-muted);font-size:.74rem;line-height:1.45}
#inquiry .gyeolhwi-copy-button{flex:0 0 auto;border:1px solid rgba(24,33,29,.18);border-radius:999px;padding:8px 12px;background:#fff;color:var(--gh-green);font-size:.73rem;font-weight:900;cursor:pointer}
#inquiry .gyeolhwi-consult-preview{display:block;box-sizing:border-box;width:100%;min-height:210px!important;padding:14px!important;border:1px solid rgba(24,33,29,.13)!important;border-radius:11px!important;background:#fff!important;color:#222!important;font-size:.8rem!important;line-height:1.65!important;resize:vertical!important;white-space:pre-wrap}
#inquiry .gyeolhwi-copy-status{margin:8px 0 0;color:var(--gh-muted);font-size:.72rem;line-height:1.5}

#inquiry .gyeolhwi-submit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;margin:14px 0 0}
#inquiry .gyeolhwi-submit-card{display:grid;box-sizing:border-box;min-width:0;height:100%;grid-template-rows:auto auto minmax(58px,auto) minmax(44px,auto) 82px auto;align-content:start;padding:20px;border-radius:18px}
#inquiry .gyeolhwi-submit-card h3{margin:8px 0 7px;font-size:1.04rem;line-height:1.35;letter-spacing:-.025em}
#inquiry .gyeolhwi-submit-card>p{min-height:58px;margin:0 0 15px;font-size:.76rem;line-height:1.58}
#inquiry .gyeolhwi-submit-badge{align-self:flex-start;padding:5px 9px;border-radius:999px;font-size:.64rem;font-weight:900;letter-spacing:.04em}
#inquiry .gyeolhwi-submit-card.is-kakao{background:#fff4a8;color:#1b1b18;border:1px solid rgba(122,101,0,.12)}
#inquiry .gyeolhwi-submit-card.is-kakao .gyeolhwi-submit-badge{background:rgba(25,25,25,.1);color:#373322}
#inquiry .gyeolhwi-submit-align-spacer{min-height:44px}
#inquiry .gyeolhwi-kakao-button{display:flex;box-sizing:border-box;height:82px;min-height:82px;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:11px 14px;border-radius:12px;background:var(--gh-kakao);color:#191919;text-align:center;text-decoration:none;box-shadow:0 7px 18px rgba(61,52,0,.1);transition:transform .18s ease,box-shadow .18s ease}
#inquiry .gyeolhwi-kakao-button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(61,52,0,.15)}
#inquiry .gyeolhwi-kakao-button strong{font-size:.84rem;font-weight:900;line-height:1.35}
#inquiry .gyeolhwi-kakao-button span{font-size:.68rem;font-weight:700;opacity:.72}
#inquiry .gyeolhwi-submit-card.is-web{border:1px solid rgba(23,60,48,.17);background:#f6f8f6;color:var(--gh-ink)}
#inquiry .gyeolhwi-submit-card.is-web .gyeolhwi-submit-badge{background:#e1ebe5;color:var(--gh-green)}
#inquiry .gyeolhwi-submit-card .consent{display:flex;min-height:44px;align-items:center;gap:8px;margin:0;padding:0!important;border:0!important;background:transparent!important}
#inquiry .gyeolhwi-submit-card .consent input{flex:0 0 auto;width:16px!important;height:16px!important;margin:2px 0 0!important;accent-color:var(--gh-green)}
#inquiry .gyeolhwi-submit-card .consent span{color:var(--gh-muted)!important;font-size:.7rem!important;font-weight:500!important;line-height:1.45!important}
#inquiry .gyeolhwi-submit-card .consent a{color:var(--gh-green);font-weight:800}
#inquiry .gyeolhwi-web-submit{box-sizing:border-box;width:100%;height:82px;min-height:82px;border:0;border-radius:12px;background:var(--gh-green);color:#fff;font-size:.84rem;font-weight:900;cursor:pointer;box-shadow:0 7px 18px rgba(23,60,48,.13);transition:background .18s ease,transform .18s ease}
#inquiry .gyeolhwi-web-submit:hover{background:var(--gh-green-2);transform:translateY(-2px)}
#inquiry .gyeolhwi-submit-card>small{display:block;margin-top:8px;color:var(--gh-muted);font-size:.66rem;line-height:1.4;text-align:center}
#inquiry [name="referral_code"],#inquiry [name="consultation_summary"]{display:none}

@media (min-width:901px){
  .contact-page-grid{grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr)!important;gap:clamp(28px,4vw,64px)!important}
}
@media (max-width:900px){
  #inquiry .gyeolhwi-photo-guide ol{grid-template-columns:repeat(3,minmax(0,1fr))}
  #inquiry .gyeolhwi-submit-grid{grid-template-columns:1fr;gap:14px;width:100%}
  #inquiry .gyeolhwi-submit-card{display:flex;width:100%;height:auto;min-width:0;flex-direction:column;align-items:stretch;justify-content:flex-start}
  #inquiry .gyeolhwi-submit-card .gyeolhwi-submit-badge{align-self:flex-start;white-space:nowrap}
  #inquiry .gyeolhwi-submit-card h3{width:100%;margin:9px 0 7px}
  #inquiry .gyeolhwi-submit-card>p{width:100%;min-height:0;margin:0 0 14px}
  #inquiry .gyeolhwi-submit-align-spacer{display:none}
  #inquiry .gyeolhwi-submit-card .consent{width:100%;min-height:0;align-items:flex-start;margin:0 0 12px}
  #inquiry .gyeolhwi-kakao-button,#inquiry .gyeolhwi-web-submit{width:100%;height:auto;min-height:64px}
  #inquiry .gyeolhwi-submit-card>small{width:100%;margin-top:9px}
}
@media (max-width:640px){
  #inquiry .gyeolhwi-consult-intro{margin-bottom:14px;padding-bottom:16px}
  #inquiry .gyeolhwi-consult-intro p{font-size:.84rem}
  #inquiry .gyeolhwi-form-card{margin-bottom:10px;padding:16px;border-radius:15px}
  #inquiry .gyeolhwi-form-card-head{gap:10px;margin-bottom:13px;padding-bottom:12px}
  #inquiry .gyeolhwi-step-number{flex-basis:30px;width:30px;height:30px}
  #inquiry .gyeolhwi-field-grid{grid-template-columns:1fr;gap:12px}
  #inquiry .gyeolhwi-photo-guide{padding:16px;border-radius:15px}
  #inquiry .gyeolhwi-photo-guide header{display:block}
  #inquiry .gyeolhwi-photo-guide header>div{align-items:flex-start}
  #inquiry .gyeolhwi-photo-guide header p{max-width:none;margin-top:8px;text-align:left}
  #inquiry .gyeolhwi-photo-guide ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  #inquiry .gyeolhwi-photo-guide li:last-child{grid-column:1/-1}
  #inquiry .gyeolhwi-consult-preview-wrap summary{padding:14px}
  #inquiry .gyeolhwi-consult-preview-body{padding:14px}
  #inquiry .gyeolhwi-consult-preview-head{align-items:flex-start}
  #inquiry .gyeolhwi-copy-button{padding:7px 10px}
  #inquiry .gyeolhwi-submit-grid{gap:12px}
  #inquiry .gyeolhwi-submit-card{padding:18px;border-radius:15px}
  #inquiry .gyeolhwi-submit-card h3{font-size:1.08rem;line-height:1.35}
  #inquiry .gyeolhwi-submit-card>p{font-size:.82rem;line-height:1.65}
  #inquiry .gyeolhwi-kakao-button{min-height:68px;padding:12px 16px}
  #inquiry .gyeolhwi-kakao-button strong{font-size:.9rem;line-height:1.4;word-break:keep-all}
  #inquiry .gyeolhwi-kakao-button span{margin-top:2px;font-size:.7rem}
  #inquiry .gyeolhwi-web-submit{min-height:68px;padding:12px 16px;font-size:.9rem;line-height:1.4;word-break:keep-all}
  #inquiry .gyeolhwi-submit-card .consent span{font-size:.74rem!important;line-height:1.55!important}
  #inquiry .gyeolhwi-submit-card>small{font-size:.69rem;line-height:1.5}
}