.faq {max-width:1350px;  padding:120px 25px;  z-index: 9999; min-height: 600px }

.flexC2 { margin:0 auto; display:flex;  flex-wrap: wrap; justify-content: space-between;  }
.flexC2 .item:first-child{width:30%; padding-top:100px}
.flexC2 .item:last-child{width:62%; }

.faq h3{font-size:55px; font-weight:600; }
.faq .txt {font-size:20px; padding:30px 0 30px 0; }
.faq .txt .num {padding:30px 0 0 0; font-family:var(--num); display:block; font-size:30px; font-weight:600}
.faq .faq-list { max-width:100%; font-size: 0;  margin: 0;  width: 100%;  padding:30px 50px 40px 50px; 
background:#f9f9f9; border-radius:10px; border:1px solid #f0f0f0}
.faq .faq-item {  margin-bottom: 0px;  border-bottom:1px solid #efefef;}
.faq .faq-item:last-child {border-bottom:0;}
.faq .faq-question { background:url("../img/ico_q.jpg")no-repeat left center; background-size:25px auto;
 padding: 20px 24px 18px 45px;  position: relative;  transition: 0.25s ease-in-out;}
.faq .faq-question h6 {  font-size: 18px;  margin: 0;  color: #333;  font-weight: 600;}
.faq .faq-question:before {  position: absolute;  right: 15px;  top: 32px;  content: "";  width: 20px;  height: 2px;  background: #555;}
.faq .faq-question:after {  position: absolute;  right: 24px;  top: 23px;  width: 2px;  background: #555;  height: 20px;  content: "";  transition: 0.25s ease-in-out;}
.faq .faq-question:hover {   cursor: pointer; }
.faq .faq-answer {    margin-top: 1px;  max-height: 0;  visibility: hidden;  padding-top: 0;  padding-bottom: 0;  transition: .4s ease all;}
.faq .faq-answer p { /*background:url("../img/ico_a.jpg")no-repeat left 30px;*/  background-size:25px auto; font-weight:500;
line-height: 35px; color:#333;  margin: 0; font-size:18px;  padding: 0px 35px 45px 45px;  opacity: 0;  transition: .4s ease all;}
.question-active + .faq-answer {  max-height: 1500px;  visibility: visible;  transition: 1.5s ease all;}
.question-active + .faq-answer p {  opacity: 1;  transition: 1.5s ease all;}
.question-active:after { opacity: 0;}
.trigger {height:0;}

.faq .btn a {display:block; margin:30px 0 20px 0; width:210px; border:3px solid #222; padding:10px 10px 13px 30px ; 
border-radius:50px;font-size:18px; font-weight:600; font-family:var(--num); transition:0.3s all; float:right;
background-image:url(../../../common/img/next_bl.png); background-repeat: no-repeat; background-position:98% center }
.faq .btn a:hover {background-color:#222; color:#fff; background-image:url(../../../common/img/next_wh.png);}

.faq .qna a {display:inline-block; margin:20px 5px 20px 0; width:150px; padding:15px 10px 18px 10px ; 
border-radius:0px;font-size:16px; font-weight:500;  transition:0.3s all; text-align:center; 
background:#333; color:#fff;  }

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {	
.faq {max-width:100%;  padding:50px 20px;  z-index: 9999; min-height: auto }
.faq h3{font-size:25px;  padding-bottom:0px}
.faq .txt {font-size:15px; padding:10px 0 10px 0; }

.faq .qna a {display:inline-block; margin:10px 5px 30px 0; width:120px; padding:10px 10px 13px 10px ; font-size:14px; }

.flexC2 { margin:0 auto; display:flex;  flex-wrap: wrap; justify-content: space-between;  }
.flexC2 .item:first-child{width:100%; padding-top:0px}
.flexC2 .item:last-child{width:100%; }

.faq .faq-list { padding:10px 20px 10px 20px; }
.faq .faq-question {  padding: 20px 34px 18px 35px; }	
.faq .faq-question:before {  right: 5px;  top: 31px;  content: "";  width: 15px;  height: 1px;  background: #555;}
.faq .faq-question:after {  right: 12px;  top: 24px;  width: 1px;  background: #555;  height: 15px;  content: "";  transition: 0.25s ease-in-out;}
.faq .faq-question h6 {  font-size: 14px;  }	
.faq .faq-answer p { font-size:14px; line-height: 24px;  padding: 1px 5px 20px 35px } 
.question-active + .faq-answer {  max-height: 1000px;}
.faq .faq-item {   border-bottom:1px solid #dfdfdf;}

.faq .btn a { margin:20px 0 10px 0; padding:6px 0px 6px 20px ;font-size:14px; width:170px; }
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}

