html {
  text-align: left; }

.faq_box .faq_query_box {
  margin-top: 90px;
  padding-top: 55px;
  padding-bottom: 60px;
  background: #F8FAFE; }
  .faq_box .faq_query_box h1 {
    margin-bottom: 32px;
    font-size: 40px;
    font-weight: 600;
    color: #0B3558;
    line-height: 47px;
    text-align: center; }
  .faq_box .faq_query_box .query_input_box {
    margin: 0 auto;
    width: 430px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .faq_box .faq_query_box .query_input_box .query_input {
      padding-left: 24px;
      width: 303px;
      height: 100%;
      background: #FFFFFF;
      border-radius: 10px 0px 0px 10px;
      outline: none;
      font-size: 16px;
      font-family: Inter-Regular, Inter;
      font-weight: 400;
      color: #0B3558;
      box-shadow: 0 12px 25px 0 #c2d8ff73;
      border: 1px solid rgba(166, 190, 224, 0.49); }
    .faq_box .faq_query_box .query_input_box .query_input_btn {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 126px;
      height: 100%;
      background: #006BFF;
      border-radius: 0px 10px 10px 0px;
      border: 0;
      outline: 0;
      cursor: pointer; }
      .faq_box .faq_query_box .query_input_box .query_input_btn .query_input_img {
        position: relative;
        width: 20px;
        height: 20px;
        margin-right: 9px; }
        .faq_box .faq_query_box .query_input_box .query_input_btn .query_input_img .magnifier,
        .faq_box .faq_query_box .query_input_box .query_input_btn .query_input_img .arrow {
          position: absolute;
          top: 0%;
          left: 0%;
          width: 20px;
          height: 20px; }
        .faq_box .faq_query_box .query_input_box .query_input_btn .query_input_img .magnifier {
          transition: .3s linear all; }
        .faq_box .faq_query_box .query_input_box .query_input_btn .query_input_img .arrow {
          opacity: 0;
          transform: rotateX(90deg);
          transition: .6s linear all; }
      .faq_box .faq_query_box .query_input_box .query_input_btn span {
        font-size: 18px;
        font-weight: 600;
        color: #FFFFFF;
        line-height: 16px; }
      .faq_box .faq_query_box .query_input_box .query_input_btn:hover .magnifier {
        transform: rotateX(90deg);
        opacity: 0; }
      .faq_box .faq_query_box .query_input_box .query_input_btn:hover .arrow {
        transform: rotateX(0deg);
        opacity: 1; }
.faq_box .faq_main_box {
  margin: 0 auto;
  padding-top: 96px;
  max-width: 1200px;
  width: 100%;
  display: flex;
  justify-content: space-between; }
  .faq_box .faq_main_box .faq_wap_nav_open {
    display: none; }
  .faq_box .faq_main_box .faq_aside {
    box-sizing: border-box;
    width: 27%; }
    .faq_box .faq_main_box .faq_aside .faq_sort {
      box-sizing: border-box;
      margin-bottom: 15px;
      width: 100%;
      background: #FFFFFF;
      box-shadow: 0px 4px 18px 0px rgba(183, 200, 226, 0.25);
      border-radius: 10px 10px 10px 10px;
      border: 1px solid #C8DCFF;
      cursor: pointer; }
      .faq_box .faq_main_box .faq_aside .faq_sort .faq_sort_link {
        box-sizing: border-box;
        padding: 22px 27px 22px 24px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center; }
      .faq_box .faq_main_box .faq_aside .faq_sort .faq_sort_left {
        display: flex;
        align-items: center; }
        .faq_box .faq_main_box .faq_aside .faq_sort .faq_sort_left .sort_icon {
          margin-right: 15px; }
        .faq_box .faq_main_box .faq_aside .faq_sort .faq_sort_left .sort_name {
          font-size: 18px;
          font-weight: 600;
          color: #0B3558; }
      .faq_box .faq_main_box .faq_aside .faq_sort .arrow_right {
        font-size: 20px; }
      .faq_box .faq_main_box .faq_aside .faq_sort:hover .faq_sort_left .sort_name, .faq_box .faq_main_box .faq_aside .faq_sort.active .faq_sort_left .sort_name {
        color: #286BFBFF; }
      .faq_box .faq_main_box .faq_aside .faq_sort:hover .arrow_right, .faq_box .faq_main_box .faq_aside .faq_sort.active .arrow_right {
        color: #286BFBFF; }
  .faq_box .faq_main_box .faq_details_list {
    box-sizing: border-box;
    width: 71%; }
    .faq_box .faq_main_box .faq_details_list .faq_details {
      margin-bottom: 30px;
      box-sizing: border-box;
      padding: 20px 52px 20px 39px;
      width: 100%;
      box-shadow: 0px 6px 16px 0px rgba(58, 125, 255, 0.19);
      border-radius: 10px 10px 10px 10px;
      border: 2px solid transparent; }
      .faq_box .faq_main_box .faq_details_list .faq_details.is-active {
        border: 2px solid #2E6EF6; }
      .faq_box .faq_main_box .faq_details_list .faq_details .faq_details_title {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 18px;
        font-weight: 600;
        color: #0B3558;
        line-height: 28px; }
      .faq_box .faq_main_box .faq_details_list .faq_details .faq_detailst_main {
        margin-bottom: 5px;
        padding-right: 40px; }
        .faq_box .faq_main_box .faq_details_list .faq_details .faq_detailst_main .faq_detailst_text {
          font-size: 14px;
          font-weight: 400;
          color: #6F6C90;
          line-height: 28px; }
        .faq_box .faq_main_box .faq_details_list .faq_details .faq_detailst_main p span {
          color: #6F6C90; }
    .faq_box .faq_main_box .faq_details_list .el-collapse {
      border: 0; }
      .faq_box .faq_main_box .faq_details_list .el-collapse .el-collapse-item__header {
        border: 0; }
        .faq_box .faq_main_box .faq_details_list .el-collapse .el-collapse-item__header .details_icon {
          border-radius: 50%;
          box-shadow: 0px 3px 10px 0px rgba(8, 15, 52, 0.06); }
        .faq_box .faq_main_box .faq_details_list .el-collapse .el-collapse-item__header .details_icon_active {
          display: none; }
        .faq_box .faq_main_box .faq_details_list .el-collapse .el-collapse-item__header.is-active .details_icon {
          box-shadow: 0px 3px 10px 0px rgba(8, 15, 52, 0.06);
          display: none; }
        .faq_box .faq_main_box .faq_details_list .el-collapse .el-collapse-item__header.is-active .details_icon_active {
          display: inline-block; }
      .faq_box .faq_main_box .faq_details_list .el-collapse .el-collapse-item__arrow {
        display: none; }
      .faq_box .faq_main_box .faq_details_list .el-collapse .el-collapse-item__wrap {
        border: 0; }
        .faq_box .faq_main_box .faq_details_list .el-collapse .el-collapse-item__wrap .el-collapse-item__content {
          padding: 0; }

@media (max-width: 800px) {
  .faq_box .faq_main_box {
    display: block;
    padding-top: 0; }
    .faq_box .faq_main_box .faq_wap_nav_open {
      display: flex;
      align-items: center;
      padding: 20px; }
      .faq_box .faq_main_box .faq_wap_nav_open .faq_wap_nav_open_img {
        margin-right: 6px; }
      .faq_box .faq_main_box .faq_wap_nav_open .faq_wap_nav_open_text {
        font-size: 12px;
        font-weight: 600;
        color: #006BFF;
        line-height: 14px; }
    .faq_box .faq_main_box .faq_aside {
      display: none; }
    .faq_box .faq_main_box .faq_details_list {
      box-sizing: border-box;
      width: 100%;
      padding: 0 20px; } }
@media (max-width: 500px) {
  .faq_box .faq_query_box {
    margin-top: 66px;
    padding-top: 28px;
    padding-bottom: 25px; }
    .faq_box .faq_query_box h1 {
      line-height: 1;
      margin: 0;
      margin-bottom: 20px;
      font-size: 20px; }
    .faq_box .faq_query_box .query_input_box {
      box-sizing: border-box;
      width: 210px;
      height: 30px; }
      .faq_box .faq_query_box .query_input_box .query_input {
        box-sizing: border-box;
        padding-left: 11px;
        width: 141px;
        border-radius: 5px 0px 0px 5px;
        font-size: 10px; }
      .faq_box .faq_query_box .query_input_box .query_input_btn {
        width: 49px; }
        .faq_box .faq_query_box .query_input_box .query_input_btn .query_input_img {
          width: 9px;
          height: 9px;
          margin-right: 4px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 0px 5px 5px 0px; }
          .faq_box .faq_query_box .query_input_box .query_input_btn .query_input_img .arrow {
            display: none; }
          .faq_box .faq_query_box .query_input_box .query_input_btn .query_input_img .magnifier {
            position: static;
            width: 9px;
            height: 9px;
            margin-right: 0px; }
        .faq_box .faq_query_box .query_input_box .query_input_btn span {
          font-size: 10px;
          font-weight: 600;
          color: #FFFFFF; }
  .faq_box .faq_main_box .faq_details_list .faq_details {
    padding-top: 5px;
    padding-bottom: 5px; }
    .faq_box .faq_main_box .faq_details_list .faq_details .faq_details_title {
      font-size: 16px; } }