/* Auto-generated file. Do not edit directly; changes are overwritten on the next build. */
:root{
  --cream2: var(--mint-50);
  --line: #CDE4DD;
  --mint-50: #E4F2EE;
  --mint-700: #2C6B65;
}
html body .faq__q{font-family:inherit!important;cursor:pointer!important;border:0!important;background:none!important}
html body .faq .sec-t,
html body h2.dn-faq__title.dn-faq__title,
html body #main h2.dn-faq__title.dn-faq__title{text-align:center!important;font-size:clamp(32px,3.6vw,46px)!important;font-weight:800!important}
html body .faq .sec-sub,
html body :is(div:has(> h2.dn-faq__title.dn-faq__title),
html body section:has(> h2.dn-faq__title.dn-faq__title),
html body div:has(> .dn-aeo__row > .dn-aeo__q.dn-aeo__q)) > .sec-sub{display:flex!important;justify-content:center!important;align-items:center!important;margin:16px 0 48px!important;position:relative!important;padding:0 6vw!important}
html body .faq .sec-sub p,
html body :is(div:has(> h2.dn-faq__title.dn-faq__title),
html body section:has(> h2.dn-faq__title.dn-faq__title),
html body div:has(> .dn-aeo__row > .dn-aeo__q.dn-aeo__q)) > .sec-sub p{font-size:17px!important;color:#555!important}
html body .faq,
html body :is(div:has(> h2.dn-faq__title.dn-faq__title),
html body section:has(> h2.dn-faq__title.dn-faq__title),
html body div:has(> .dn-aeo__row > .dn-aeo__q.dn-aeo__q)){background:var(--cream2)!important;padding:100px 0!important}
html body .faq__list,
html body :is(div:has(> h2.dn-faq__title.dn-faq__title),
html body section:has(> h2.dn-faq__title.dn-faq__title),
html body div:has(> .dn-aeo__row > .dn-aeo__q.dn-aeo__q)) > :is(div,
html body ul,
html body ol):has(> details),
html body :is(div:has(> h2.dn-faq__title.dn-faq__title),
html body section:has(> h2.dn-faq__title.dn-faq__title),
html body div:has(> .dn-aeo__row > .dn-aeo__q.dn-aeo__q)) > details,
html body :is(div:has(> h2.dn-faq__title.dn-faq__title),
html body section:has(> h2.dn-faq__title.dn-faq__title),
html body div:has(> .dn-aeo__row > .dn-aeo__q.dn-aeo__q)) > .dn-aeo__row{width:min(880px, calc(100% - 48px))!important;margin:0 auto!important}
html body .faq__item,
html body :is(div:has(> h2.dn-faq__title.dn-faq__title),
html body section:has(> h2.dn-faq__title.dn-faq__title),
html body div:has(> .dn-aeo__row > .dn-aeo__q.dn-aeo__q)) details,
html body :is(div:has(> h2.dn-faq__title.dn-faq__title),
html body section:has(> h2.dn-faq__title.dn-faq__title),
html body div:has(> .dn-aeo__row > .dn-aeo__q.dn-aeo__q)) > .dn-aeo__row{border-bottom:1px solid var(--line)!important}
html body .faq__q,
html body :is(div:has(> h2.dn-faq__title.dn-faq__title),
html body section:has(> h2.dn-faq__title.dn-faq__title),
html body div:has(> .dn-aeo__row > .dn-aeo__q.dn-aeo__q)) details > summary,
html body :is(div:has(> h2.dn-faq__title.dn-faq__title),
html body section:has(> h2.dn-faq__title.dn-faq__title),
html body div:has(> .dn-aeo__row > .dn-aeo__q.dn-aeo__q)) .dn-aeo__q{width:100%!important;display:flex!important;justify-content:space-between!important;align-items:center!important;text-align:left!important;font-size:17px!important;font-weight:700!important;padding:22px 6px!important}
html body .faq__q i,
html body :is(div:has(> h2.dn-faq__title.dn-faq__title),
html body section:has(> h2.dn-faq__title.dn-faq__title),
html body div:has(> .dn-aeo__row > .dn-aeo__q.dn-aeo__q)) details > summary::after,
html body :is(div:has(> h2.dn-faq__title.dn-faq__title),
html body section:has(> h2.dn-faq__title.dn-faq__title),
html body div:has(> .dn-aeo__row > .dn-aeo__q.dn-aeo__q)) .dn-aeo__q::after{font-style:normal!important;color:var(--mint-700)!important;font-size:20px!important;transition:transform .25s!important}
html body .faq__item.is-open .faq__q i,
html body :is(div:has(> h2.dn-faq__title.dn-faq__title),
html body section:has(> h2.dn-faq__title.dn-faq__title),
html body div:has(> .dn-aeo__row > .dn-aeo__q.dn-aeo__q)) details[open] > summary::after,
html body :is(div:has(> h2.dn-faq__title.dn-faq__title),
html body section:has(> h2.dn-faq__title.dn-faq__title),
html body div:has(> .dn-aeo__row > .dn-aeo__q.dn-aeo__q)) > .dn-aeo__row.faq-js .dn-aeo__q.is-open::after{transform:rotate(45deg)!important}
html body .faq__a,
html body :is(div:has(> h2.dn-faq__title.dn-faq__title),
html body section:has(> h2.dn-faq__title.dn-faq__title),
html body div:has(> .dn-aeo__row > .dn-aeo__q.dn-aeo__q)) details > summary ~ *,
html body :is(div:has(> h2.dn-faq__title.dn-faq__title),
html body section:has(> h2.dn-faq__title.dn-faq__title),
html body div:has(> .dn-aeo__row > .dn-aeo__q.dn-aeo__q)) > .dn-aeo__row.faq-js .dn-aeo__a{max-height:0!important;overflow:hidden!important;transition:max-height .3s ease!important;color:#546E67!important;font-size:15px!important;padding:0 6px!important}
html body .faq__item.is-open .faq__a,
html body :is(div:has(> h2.dn-faq__title.dn-faq__title),
html body section:has(> h2.dn-faq__title.dn-faq__title),
html body div:has(> .dn-aeo__row > .dn-aeo__q.dn-aeo__q)) details[open] > summary ~ *,
html body :is(div:has(> h2.dn-faq__title.dn-faq__title),
html body section:has(> h2.dn-faq__title.dn-faq__title),
html body div:has(> .dn-aeo__row > .dn-aeo__q.dn-aeo__q)) > .dn-aeo__row.faq-js .dn-aeo__a.is-open{max-height:200px!important;padding-bottom:22px!important}
html body :is(div:has(> h2.dn-faq__title.dn-faq__title), section:has(> h2.dn-faq__title.dn-faq__title), div:has(> .dn-aeo__row > .dn-aeo__q.dn-aeo__q)) :is(details > summary, .dn-aeo__q){cursor:pointer!important;list-style:none!important}
html body :is(div:has(> h2.dn-faq__title.dn-faq__title), section:has(> h2.dn-faq__title.dn-faq__title), div:has(> .dn-aeo__row > .dn-aeo__q.dn-aeo__q)) details > summary::-webkit-details-marker{display:none!important}
/* 여는 표시. 앞 층이 이 자리를 «테두리로 그린 화살표»로 쓰고 있어 그 잔재를 함께 지운다 —
   안 지우면 글자와 테두리가 겹쳐 깨진 모양으로 나온다. */
html body :is(div:has(> h2.dn-faq__title.dn-faq__title), section:has(> h2.dn-faq__title.dn-faq__title), div:has(> .dn-aeo__row > .dn-aeo__q.dn-aeo__q)) :is(details > summary, .dn-aeo__q)::after{content:"+"!important;
	position:static!important;inset:auto!important;width:auto!important;height:auto!important;
	border:0!important;margin:0!important;transform:none!important;line-height:1!important}
/* 답이 길어도 잘리지 않게 둔다 — 열린 뒤의 높이를 숫자로 묶을 이유가 없다 */
html body :is(div:has(> h2.dn-faq__title.dn-faq__title), section:has(> h2.dn-faq__title.dn-faq__title), div:has(> .dn-aeo__row > .dn-aeo__q.dn-aeo__q)) :is(details[open] > summary ~ *, .dn-aeo__a.is-open){max-height:none!important;overflow:visible!important}
html body :is(div:has(> h2.dn-faq__title.dn-faq__title), section:has(> h2.dn-faq__title.dn-faq__title), div:has(> .dn-aeo__row > .dn-aeo__q.dn-aeo__q)){border:0!important;border-radius:0!important;margin-top:0!important;overflow:visible!important}
html body :is(div:has(> h2.dn-faq__title.dn-faq__title), section:has(> h2.dn-faq__title.dn-faq__title), div:has(> .dn-aeo__row > .dn-aeo__q.dn-aeo__q)) > .dn-aeo__row{padding:0!important;background:none!important;border-top:0!important}
html body .newn-blank + .faq,
html body .newn-blank + :is(div:has(> h2.dn-faq__title.dn-faq__title), section:has(> h2.dn-faq__title.dn-faq__title), div:has(> .dn-aeo__row > .dn-aeo__q.dn-aeo__q)){padding:32px 0!important}
@media (max-width:768px){
html body .newn-blank + .faq,
html body .newn-blank + :is(div:has(> h2.dn-faq__title.dn-faq__title), section:has(> h2.dn-faq__title.dn-faq__title), div:has(> .dn-aeo__row > .dn-aeo__q.dn-aeo__q)){padding:24px 0!important}
}