/* BASIC css start */
#container {max-width:inherit}


#faqWrap .pd10 {margin:10px 0;}
#faqWrap .search-wrap {background-color: #eaeaea; padding:10px;}
#faqWrap .search-wrap .item-search {margin-bottom:10px;}
#faqWrap .search-wrap .item-search select {width: 30%; display: inline-block;}
#faqWrap .search-wrap .item-search .wrap {width: 40%; display: inline-block;}
#faqWrap .search-wrap .item-search .wrap input {width:99%;}
#faqWrap .search-wrap .item-search .btn_Red {width:24%; display: inline-block; margin-left: 8px;}
#faqWrap .keywords {zoom:1; position:relative; overflow:hidden;}
#faqWrap .search-wrap .keywords h5 {font-weight:semibold; margin-bottom:5px;}
#faqWrap .search-wrap .keywords li {float:left; margin-right:10px;}
#faqWrap .search-wrap .keywords li a {color:#707070;}
#faqWrap .faq-menu {}
#faqWrap .faq-menu .inner {display:flex;}
#faqWrap .faq-menu a {display: block; flex:1; color:var(--3); font-size:1.375rem; font-weight:500; text-align:center; padding-bottom:30px;}
#faqWrap .faq-menu a.on {color:var(--6);}

#faqWrap #faqTable {width:100%; border-bottom:1px solid var(--7); border-top:1px solid var(--7); margin-top:80px;}
#faqWrap #faqTable tr.question {border-top:1px solid #e5e5e5; position:relative;}
#faqWrap #faqTable tr.question:after {content:''; display:inline-block; width:25px; height:16px; background:url(/design/helinox/h_renewal/img/icon/icon_sel_arrow.svg)no-repeat 97% center; background-size:25px 16px; position:absolute; right:10px; top:18px; display:none;}
#faqWrap #faqTable tr.question.on:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#faqWrap #faqTable tr.question:first-child {border:none;}
#faqWrap #faqTable tr th, 
#faqWrap #faqTable tr td {padding: 22px 0; line-height: 1;}
#faqWrap #faqTable tr td {font-size:1rem; color:var(--7); font-weight:500; cursor:pointer;}
#faqWrap #faqTable tr dd {font-size:0.813rem; color:var(--7); line-height:1.7; font-weight:400;}
#faqWrap #faqTable tr.question td {position:relative;}
#faqWrap #faqTable tr.question td:after {content:''; display:inline-block; background:url(/design/helinox/h_renewal/img/icon/faq_arrow.svg)no-repeat right center; width:14px; height:9px; background-size:14px auto; position:absolute; top:50%; right:0; margin-top:-4.5px; transition:all .3s ease; -webkit-transition:all .3s ease;}
#faqWrap #faqTable tr.question.on td:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#faqWrap #faqTable tr.slide-hide td, 
#faqWrap #faqTable tr.slide-show td {background-color: #fff !important; padding:0 0 40px;} 
#faqWrap #faqTable tr.slide-show td {}
#faqWrap #faqTable tr td .q {color:var(--5); font-size:1.563rem; font-weight:500; margin-right:97px;}
#faqWrap #faqTable tr td .a {color:var(--3); font-size:1.563rem; font-weight:500; margin-right:101px;}


@media (max-width:1024px) {
    #faqWrap .faq-menu {overflow-x: auto; overflow-y: hidden;}
    #faqWrap .faq-menu .inner {justify-content: inherit;}
    #faqWrap .faq-menu a {font-size:0.875rem; padding-bottom:10px; text-align:left; flex:none; flex-shrink: 0; margin-right:25px;}
    #faqWrap .faqTitle {font-size:1.125rem; text-align:center; padding:0 0 35px;}
    #faqWrap #faqTable {margin-top:50px;}
    #faqWrap #faqTable tr.question:after {top:20px; width:14px; background-size: 14px auto; right:10px;}
    #faqWrap #faqTable tr th, 
    #faqWrap #faqTable tr td {padding:24px 0;}
    #faqWrap #faqTable tr td {font-size:1rem;}
    #faqWrap #faqTable tr dd {font-size:0.75rem;}
    #faqWrap #faqTable tr.slide-show td {padding:0 0 38px;}
    #faqWrap #faqTable tr.question td:after {display:none;}
}

@media (max-width:768px) {
    #faqWrap #faqTable tr th, 
    #faqWrap #faqTable tr td {padding:18px 0;}
    #faqWrap #faqTable tr td {font-size:0.875rem;}
    #faqWrap #faqTable tr dd {font-size:0.688rem;}
    #faqWrap #faqTable tr.slide-show td {padding:0 0 18px;}
}
/* BASIC css end */