/* FAQ 전용 (Faq 디자인). JS가 없으면 모든 답이 펼쳐진 채 보인다. JS가 .fq-js를 붙이면 접힌다. */
.fq-wrap{max-width:1360px;margin:0 auto;padding:64px 40px 110px;box-sizing:border-box}
.fq-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px 64px;align-items:start}
.fq-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.fq-count{font-weight:900;font-size:22px}
.fq-all{min-height:50px;padding:0 20px;font-size:17px}
.fq-list{border-top:3px solid #1B1714}
.qa{border-bottom:2px solid rgba(27,23,20,.16);transition:background .3s}
.qa h2{margin:0}
.qa.open{background:#FFFFFF}
.qbtn{display:flex;align-items:center;gap:20px;width:100%;min-height:84px;padding:14px 20px;border:none;background:none;font:inherit;text-align:left;color:#1B1714;cursor:pointer;box-sizing:border-box}
.qbtn:hover .qt{color:#B8231B}
.qnum{display:grid;place-items:center;flex:none;width:46px;height:46px;font-family:'Hahmlet',serif;font-weight:900;font-size:20px}
.qt{flex:1;font-family:'Hahmlet',serif;font-weight:700;font-size:23px;line-height:1.45;transition:color .25s}
.pm{position:relative;flex:none;width:28px;height:28px}
.pm::before,.pm::after{content:"";position:absolute;left:50%;top:50%;width:22px;height:3px;background:#1B1714;translate:-50% -50%;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.pm::after{transform:rotate(90deg)}
.qa.open .pm::after{transform:rotate(0deg)}
.ans{display:grid;grid-template-rows:1fr;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1)}
.ans .inner{overflow:hidden}
.ans p{margin:0;padding:0 24px 28px 86px;font-size:20px;line-height:1.9;color:#2E2925}
.ans a{font-weight:700}
.fq-js .qa:not(.open) .ans{grid-template-rows:0fr}
.fq-js .qa:not(.open) .ans .inner{visibility:hidden}
.fq-aside{display:flex;flex-direction:column;gap:20px;padding:30px 28px;background:#1B1714;color:#FFFFFF;box-sizing:border-box}
.fq-aside h3{margin:0;font-weight:900;font-size:24px;line-height:1.4}
.fq-aside p{margin:0;font-size:18px;line-height:1.8;color:#E6DED2}
.fq-tel{font-weight:900;font-size:32px;text-decoration:none}
@media (max-width:900px){
  .fq-wrap{padding:36px 18px 64px}
  .ans p{padding-left:20px;padding-right:20px;font-size:18px}
  .qbtn{gap:14px;padding:12px 12px;min-height:76px}
  .qnum{width:40px;height:40px;font-size:18px}
  .qt{font-size:19px}
}
.fq-all[hidden]{display:none}