/* 자주하는질문 */
.faq_box{width:100%; margin: 0 auto 20px}
.faq_box .faq_list .faq_con{width:100%; width: 100%; border-bottom: 1px solid #D3D3D3; color: #6d6d6d}
.faq_box .faq_list .faq_con:first-child{border-top: 2px solid #193b6a}
.faq_box .faq_list .faq_con .faq_q{
  padding: 10px 5px; position: relative; font-size: 14px; font-weight: 400; color: #000; word-break: keep-all; cursor: pointer;
  display: flex; align-items: center; gap: 10px;
}
.faq_box .faq_list .faq_con .faq_q:hover{background-color: #fdfdfd;}
.faq_qTitBox{
  width: calc(100% - 32px); display: flex; align-items: center; justify-content: space-between; gap: 10px;
}
.faq_qTitBox p{width:fit-content;}
.faq_box .crossSpan{ position: relative; width: 20px; height: 20px;}
.faq_box .crossSpan:before{content: ''; width: 2px; height: 13px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #000;}
.faq_box .crossSpan:after{content: ''; width: 13px; height: 2px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  background: #000;}
.faq_box .faq_list .faq_con .faq_q .q{
  font-size: 16px; font-weight: 500; color: #3a9aff;
  padding: 1px 4px; border-radius: 4px; text-align: center;
  background-color: #f3f9ff; border: 1px solid #d2e9ff;
  height: 24px; line-height: 20px; width: 22px;
}
.faq_box .faq_list .faq_con .faq_a{padding: 10px 5px; margin: 0 0px 8px 0px; border-radius: 6px; display: none; position: relative; font-size: 14px; color: #1a1a1a; background: #fffaf9;
}
.faq_box .faq_a .flexAlStart{gap: 10px; flex-direction:column ;}
.faq_box .faq_a .faqTxtGroup{width: 100%;}

.faq_box .faq_list .faq_con .faq_a .a {
  color: #ffffff;
  font-size: 16px; font-weight: 500; text-align: center;
  background-color: #ff5965;
  padding: 1px 4px; border-radius: 4px;
  border: 1px solid #ff0000;
  height: 24px; line-height: 21px; width: 22px;
}
.faq_box .faq_list .faq_con .faq_q.on,
.faq_box .faq_list .faq_con .faq_q.on .a{color: #4a88ca; font-weight: 500;}
.faq_box .faq_list .faq_con .faq_q.on .crossSpan:before{content: ''; width: 100%; height: 0; margin: 0;  position: absolute; top: -1px; left: 0; background: none}
.faq_box .faq_list .faq_con .faq_q.on:after{background: #193b6a}
.faq_box .faq_list .faq_con .faq_q.on .q{ background-color: #3a9aff; border: 1px solid #2695ff; color: #fff;}
.faq_box .faq_list .faq_con .faq_a *:not(.a){font-size: 14px !important; font-family: 'Pretendard' !important; font-weight: 500 !important; line-height: 1.4; color: #1a1a1a !important;}
.faq_box .faq_list .faq_con .faq_a strong{font-weight: 500 !important;}
.faq_box .faq_list .faq_con .faq_a img{width: 100%; max-width: 700px; margin: 0 auto; margin-top: 15px; display: block;}

.faq_q--none{text-align: center; padding: 20px 0; font-size: 15px; color: #3d3d3d;}

@media all and (min-width:480px){
  .faq_box .faq_a .flexAlStart{flex-direction: row;}
  .faq_box .faq_a .faqTxtGroup{width: calc(100% - 29px);}

  .faq_box .faq_list .faq_con .faq_a,
  .faq_box .faq_list .faq_con .faq_q{padding: 15px 8px;}
  .faq_box .faq_list .faq_con .faq_a .a,
  .faq_box .faq_list .faq_con .faq_q .q{width: 23px; height: 25px; font-size: 18px;}
  .faq_qTitBox{width:calc(100% - 33px);}
}

@media all and (min-width:960px){
  .faq_box .faq_list .faq_con .faq_a,
  .faq_box .faq_list .faq_con .faq_q{padding: 15px 10px;}
  .faq_box .faq_list .faq_con .faq_q{font-size: 15px; gap: 15px;}
  .faq_box .faq_a .flexAlStart{gap: 15px;}
  .faq_qTitBox{width:calc(100% - 38px);}
}