/* BASIC css start */
.cw-faqtitle { display: flex; align-items: center; justify-content: space-between; font-weight: 700; padding-top: var(--cw-size-60); font-size: var(--cw-size-24); line-height: var(--cw-size-32); color: var(--cw-heading-color); }
.cw-faqsearch .search-keywords { display: grid; grid-template-columns: 144px 718px; align-items: center; justify-content: center; gap: 20px; margin: 40px 0 64px; }
.cw-faqsearch .search-keywords :where(dt, dd) { display: flex; align-items: center; min-height: var(--cw-size-40); font-size: var(--cw-size-14); }
.cw-faqsearch .search-keywords dd:first-of-type { border-bottom: 1px solid var(--Black); }
.cw-faqsearch .search-keywords dd:nth-of-type(2) { display: flex; flex-wrap: wrap; gap: var(--cw-size-6); }
.cw-faqsearch .search-keywords .cw-select-box { width: 100%; padding-left: 0; border: 0; border-bottom: 1px solid var(--cw-color-30); border-radius: 0; }
.cw-faqsearch .search-keywords .cw-textfield { flex:1; border: 0; padding:0; font-size: var(--cw-size-16);}
.cw-faqsearch .search-keywords .cw-textfield::placeholder {color: var(--Grey-77);}
.cw-faqsearch .search-keywords .btn-search { flex: none; display: inline-flex; align-items: center; justify-content: end; width: var(--cw-size-40); height: var(--cw-size-40); vertical-align: top; }
.cw-faqsearch .search-keywords .btn-search img { width: var(--cw-size-22); }
.cw-faqsearch .search-keywords .keyword { display: inline-flex; align-items: center; height: var(--cw-size-24); padding: 0 var(--cw-size-10); font-size: var(--cw-size-12); color: var(--cw-heading-color); border: 1px solid var(--cw-color-30); border-radius: var(--cw-size-20); }
.cw-faqtab { display: flex; }
.cw-faqtab a { flex:1; font-size: var(--cw-size-16); font-weight: 400; height:64px; line-height:62px; text-align:center; border-bottom: 1px solid var(--Grey-DD); }
.cw-faqtab a.on {font-weight: 600; border-bottom: 3px solid var(--Black);}
.cw-faqlist .question { position: relative; display: flex; align-items: center; padding: 22px 24px; border-bottom: 1px solid var(--Grey-E8); font-size: var(--cw-size-14); cursor: pointer; gap:16px;}
.cw-faqlist .question b {font-size: var(--cw-size-18); font-weight: 600;}
.cw-faqlist .question div {display:flex; flex-wrap:wrap; align-items: center; gap:4px 16px; }
.cw-faqlist .question div span {color: var(--Grey-77); width:105px; text-align:center;}
.cw-faqlist .question div p {font-size: var(--cw-size-16); font-weight: 600;}
.cw-faqlist .question.on { border-bottom: 0; }
.cw-faqlist .question::after { content: ""; display: inline-block; width: 14px; height:14px; background: url('/design/windygirl78/renewal/img/ic-amount-plus.svg') no-repeat center center; background-size: contain; transition: transform 0.3s; position: absolute; right: 0; top: 50%; transform: translate(-24px,-50%); }
.cw-faqlist .question.on::after { transform: translate(-24px,-50%);  background: url('/design/windygirl78/renewal/img/ic-amount-minus.svg') no-repeat center center;}
.cw-faqlist .answer { display: none; padding: 40px 24px; line-height: 21px; background-color: var(--Grey-F7); border-radius:10px;}
.cw-faqlist .answer.on { display: block; }
.cw-faqlist .answer dl {display:flex; gap:26px;}
.cw-faqlist .answer dl:first-child {margin-bottom:32px;}
.cw-faqlist .answer dl dt {font-size: var(--cw-size-18); font-weight: 600;}
.cw-faqlist .answer dl:last-child dd {font-size: var(--cw-size-14);}
.cw-paging { padding-top: var(--cw-size-20); }

@media (max-width: 991.98px) {
    .cw-faqtitle { justify-content: end; padding-top: var(--cw-size-20); }
    .cw-faqtitle > span { display: none; }
    .cw-faqsearch .search-keywords { grid-template-columns: 124px 1fr; gap:10px; margin:0 0 40px;}
    .cw-faqsearch .search-keywords .cw-textfield { width: 100%; }
    .cw-faqlist .question {padding:13px 10px; gap:10px; flex-wrap:wrap;}
    .cw-faqlist .question div {flex:1; text-align:left;}
    .cw-faqlist .question div span {width:100%; text-align:left; font-size: var(--cw-size-13); line-height:16px;}
    .cw-faqlist .question div p {width:100%; font-size: var(--cw-size-15); line-height:21px;}
    .cw-faqtab {flex-wrap:wrap;}
    .cw-faqtab a {width:25%; flex:none; font-size: var(--cw-size-14); border-bottom: 1px solid var(--Grey-DD); height: 46px; line-height: 44px;}
    .cw-faqsearch .search-keywords .cw-textfield {font-size: var(--cw-size-15);}
    .cw-faqsearch .search-keywords .btn-search img {width:18px;}
    .cw-faqlist .question::after {width: 11px; height:11px; transform: translate(-10px,-50%);}
    .cw-faqlist .question.on::after {transform: translate(-10px,-50%);}
    .cw-faqlist .question b {font-size: var(--cw-size-16);}
    .cw-faqlist .answer {padding:28px 10px;}
    .cw-faqlist .answer dl {gap:10px;}
    .cw-faqlist .answer dl dt {font-size: var(--cw-size-16);}
    .cw-faqlist .answer dl:first-child {margin-bottom:20px;}
    .cw-faqlist .answer dl:first-child dd {font-size: var(--cw-size-15);}
    .cw-faqlist .answer dl:last-child dd {font-size: var(--cw-size-13);}
}
/* BASIC css end */