@-webkit-keyframes rotating {
  from {
    -webkit-transform: translateX(-50%) rotate(-5deg);
            transform: translateX(-50%) rotate(-5deg); }
  to {
    -webkit-transform: translateX(-50%) rotate(5deg);
            transform: translateX(-50%) rotate(5deg); } }

@keyframes rotating {
  from {
    -webkit-transform: translateX(-50%) rotate(-5deg);
            transform: translateX(-50%) rotate(-5deg); }
  to {
    -webkit-transform: translateX(-50%) rotate(5deg);
            transform: translateX(-50%) rotate(5deg); } }

.faq .tit {
  color: #27509b;
  text-align: center;
  font-size: 22px;
  letter-spacing: 2px;
  margin-bottom: 10px; }

.faq .ques-top3 {
  width: 100%;
  max-width: 670px;
  background-color: #f4f4f4;
  margin: 0 auto; }
  .faq .ques-top3 ul {
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #27509b; }
    .faq .ques-top3 ul li {
      padding: 10px 15px;
      border-bottom: 1px solid #27509b; }
    .faq .ques-top3 ul a {
      font-size: 22px;
      color: #27509b;
      font-weight: 700;
      letter-spacing: 2px;
      display: block; }

.faq .btn-more {
  max-width: 670px;
  display: block;
  padding: 10px 0;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  background-color: #27509b;
  letter-spacing: 2px;
  margin: 10px auto 30px auto; }

.faq .ques-cat {
  margin-top: 60px;
  text-align: right; }
  .faq .ques-cat .tire {
    width: 100%;
    height: 314px;
    background-repeat: no-repeat;
    background-image: url("../img/faq/tire-cat-m.png");
    background-size: auto 314px;
    background-position: center right 25px; }
  .faq .ques-cat .cat-list {
    position: relative;
    display: inline-block;
    margin-top: 27px;
    margin-right: 60px; }
    .faq .ques-cat .cat-list li {
      margin-bottom: 24px; }
    .faq .ques-cat .cat-list a {
      font-size: 22px;
      color: #27509b;
      font-weight: 700; }

@media (min-width: 992px) {
  .faq .tit {
    font-size: 27px; }
  .faq .ques-top3 ul li {
    padding: 15px 20px; }
  .faq .ques-top3 ul a {
    font-size: 27px; }
  .faq .btn-more {
    font-size: 24px;
    border: 2px solid #27509b;
    -webkit-transition: all .3s;
    transition: all .3s; }
    .faq .btn-more:hover {
      background-color: #fff;
      color: #27509b; }
  .faq .ques-cat {
    margin-top: 30px; }
    .faq .ques-cat .tire {
      background-image: url("../img/faq/tire-cat-pc.png");
      font-weight: 300;
      width: 669px;
      height: 384px;
      background-position: center;
      background-size: contain;
      margin: 0 auto; }
    .faq .ques-cat .cat-list {
      margin-right: 90px; }
      .faq .ques-cat .cat-list li {
        margin-bottom: 32px; }
      .faq .ques-cat .cat-list a {
        font-size: 27px; } }

.faq_cat .ques-cat {
  width: 100%;
  max-width: 670px;
  background-color: #f4f4f4;
  margin: 0 auto; }
  .faq_cat .ques-cat ul {
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #27509b; }
    .faq_cat .ques-cat ul li {
      padding: 10px 15px;
      border-bottom: 1px solid #27509b;
      background-repeat: no-repeat;
      background-image: url("../img/arr-down-blue.png");
      background-position: center right 20px;
      background-size: 13px 9px; }
    .faq_cat .ques-cat ul a {
      font-size: 22px;
      color: #27509b;
      font-weight: 700;
      letter-spacing: 2px;
      display: block; }

@media (min-width: 992px) {
  .faq_cat .ques-cat ul li {
    background-size: 20px 13px;
    padding: 15px 20px; }
    .faq_cat .ques-cat ul li a {
      font-size: 27px; } }

.faq_detail .ques-list {
  width: 100%;
  max-width: 670px;
  position: relative;
  margin: 0px auto 50px auto; }
  .faq_detail .ques-list > ul > li.active {
    color: #fff; }
    .faq_detail .ques-list > ul > li.active > a {
      background-image: url("../img/arr-up-white.png");
      color: #fff;
      background-color: #27509b; }
  .faq_detail .ques-list > ul > li > a {
    font-size: 17px;
    color: #27509b;
    font-weight: 700;
    letter-spacing: 2px;
    display: block;
    padding: 15px 25px 15px 20px;
    background-color: #f4f4f4;
    background-repeat: no-repeat;
    background-image: url("../img/arr-down-blue.png");
    background-position: top 25px right 20px;
    background-size: 13px 9px;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #27509b; }
  .faq_detail .ques-list > ul > li:last-child > a {
    border-width: 1px; }
  .faq_detail .ques-list > ul .sub-list {
    display: none;
    color: #666666;
    font-size: 15px;
    background-color: #fff; }
    .faq_detail .ques-list > ul .sub-list .sub-content {
      padding: 20px 0; }
    .faq_detail .ques-list > ul .sub-list .sub-closebar {
      width: 100%;
      height: 40px;
      display: block;
      background-repeat: no-repeat;
      background-image: url("../img/arr-up-white.png");
      background-position: center;
      background-color: #27509b;
      background-size: 15px 10px;
      margin-bottom: 3px;
      cursor: pointer; }

@media (min-width: 992px) {
  .faq_detail .ques-list > ul > li > a {
    font-size: 21px;
    background-size: 20px 13px; }
  .faq_detail .ques-list > ul .sub-list {
    font-size: 18px; }
    .faq_detail .ques-list > ul .sub-list .sub-closebar {
      background-size: 19px 13px; } }

.faq_cat_sec .ques-list {
  width: 100%;
  max-width: 670px;
  position: relative;
  margin: 0px auto 50px auto;
  padding-top: 175px; }
  .faq_cat_sec .ques-list > ul > li.active {
    color: #fff; }
    .faq_cat_sec .ques-list > ul > li.active > a {
      background-image: url("../img/arr-up-white.png");
      color: #fff;
      background-color: #27509b; }
  .faq_cat_sec .ques-list > ul > li > a {
    font-size: 22px;
    color: #27509b;
    font-weight: 700;
    letter-spacing: 2px;
    display: block;
    padding: 15px 25px 15px 20px;
    background-color: #f4f4f4;
    background-repeat: no-repeat;
    background-image: url("../img/arr-down-blue.png");
    background-position: top 25px right 20px;
    background-size: 13px 9px;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #27509b; }
  .faq_cat_sec .ques-list > ul > li:last-child > a {
    border-width: 1px; }
  .faq_cat_sec .ques-list > ul .sub-list {
    display: none;
    color: #666666;
    font-size: 15px;
    background-color: #fff; }
    .faq_cat_sec .ques-list > ul .sub-list .sub-content {
      padding: 20px 0; }
    .faq_cat_sec .ques-list > ul .sub-list .sub-closebar {
      width: 100%;
      height: 40px;
      display: block;
      background-repeat: no-repeat;
      background-image: url("../img/arr-up-white.png");
      background-position: center;
      background-color: #27509b;
      background-size: 15px 10px;
      margin-bottom: 3px;
      cursor: pointer; }
  .faq_cat_sec .ques-list .tire {
    width: 320px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-animation: rotating 2s infinite alternate ease-in;
            animation: rotating 2s infinite alternate ease-in; }
  .faq_cat_sec .ques-list > ul {
    position: relative; }

@media (min-width: 992px) {
  .faq_cat_sec .ques-list .tire {
    width: 385px; }
  .faq_cat_sec .ques-list > ul > li > a {
    font-size: 27px;
    background-size: 20px 13px; }
  .faq_cat_sec .ques-list > ul .sub-list {
    font-size: 18px; }
    .faq_cat_sec .ques-list > ul .sub-list .sub-closebar {
      background-size: 19px 13px; } }