@import url(./reset.css);
@import url(./fonts.css);
@import url(./common.css);
@import url(./layout.css);

/* input type=[number] 화살표 제거 */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type='number'] {-moz-appearance: textfield; /* Firefox */}


.inner{
  width: 100%;
  max-width: 1212px;
  padding: 50px 16px 80px;
  margin: 0 auto;
}
.text-center {
  text-align: center;
}

/* footer */
.rent-footer {
    background-color: #0a0a0a;
    padding: 30px 0;
  }
  .rent-footer .footer-wrap {
    max-width: 1180px;
    margin: 0 auto;
    display: flex;
    width: calc(100% - 50px);
    justify-content: space-between;
  }
  @media (max-width: 1024px) {
    .rent-footer .footer-wrap .footer-info {
      flex: 1;
      min-width: 0;
    }
  }
  .rent-footer .footer-wrap .footer-info .info-top-box {
    display: flex;
    align-items: center;
  }
  @media (max-width: 1024px) {
    .rent-footer .footer-wrap .footer-info .info-top-box {
      display: none;
    }
  }
  .rent-footer .footer-wrap .footer-info .info-top-box .logo-box {
    display: inline-flex;
  }
  .rent-footer .footer-wrap .footer-info .info-top-box .logo-box .logo {
    width: 260px;
    height: 60px;
    background: url("../../assets/images/footer_logo.png") no-repeat center/cover;
  }
  .rent-footer .footer-wrap .footer-info .info-top-box .menu-group-box {
    flex: 1;
    min-width: 0;
    padding-left: 20px;
  }
  .rent-footer .footer-wrap .footer-info .info-top-box .menu-group-box .menu-list {
    display: flex;
    gap: 10px;
    margin-left: -15px;
  }
  .rent-footer .footer-wrap .footer-info .info-top-box .menu-group-box .menu-list .menu-btn {
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
    color: #fff;
    padding: 0 15px;
    border-right: solid 1px #fff;
    position: relative;
    transition: all 0.5s linear;
  }
  .rent-footer .footer-wrap .footer-info .info-top-box .menu-group-box .menu-list .menu-btn:last-child {
    border-right: 0;
  }
  .rent-footer .footer-wrap .footer-info .info-top-box .menu-group-box .menu-list .menu-btn:hover {
    opacity: 0.6;
  }
  .rent-footer .footer-wrap .footer-info .info-top-box .menu-group-box .addr-box {
    padding-top: 17px;
    font-size: 15px;
    font-weight: 400;
    line-height: 17px;
    color: #fff;
  }
  .rent-footer .footer-wrap .footer-info .info-foot-box {
    margin-top: 20px;
  }
  @media (max-width: 1024px) {
    .rent-footer .footer-wrap .footer-info .info-foot-box {
      margin-top: 0;
    }
  }
  .rent-footer .footer-wrap .footer-info .info-foot-box .foot-info-list {
    display: flex;
    gap: 100px;
  }
  @media (max-width: 1024px) {
    .rent-footer .footer-wrap .footer-info .info-foot-box .foot-info-list {
      flex-direction: column;
      gap: 0;
    }
  }
  .rent-footer .footer-wrap .footer-info .info-foot-box .foot-info-list .info-item {
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    color: #c7c7c7;
  }
  @media (max-width: 1024px) {
    .rent-footer .footer-wrap .footer-info .info-foot-box .foot-info-list .info-item {
      display: flex;
      flex-direction: column;
      line-height: 24px;
    }
  }
  .rent-footer .footer-wrap .footer-info .info-foot-box .foot-info-list .info-item.mobile {
    display: none;
  }
  @media (max-width: 1024px) {
    .rent-footer .footer-wrap .footer-info .info-foot-box .foot-info-list .info-item.mobile {
      display: block;
      order: 4;
    }
  }
  @media (max-width: 1024px) {
    .rent-footer .footer-wrap .footer-info .info-foot-box .foot-info-list .info-item:nth-child(1) {
      order: 2;
    }
  }
  @media (max-width: 1024px) {
    .rent-footer .footer-wrap .footer-info .info-foot-box .foot-info-list .info-item:nth-child(2) {
      order: 1;
    }
  }
  @media (max-width: 1024px) {
    .rent-footer .footer-wrap .footer-info .info-foot-box .foot-info-list .info-item:nth-child(3) {
      order: 3;
    }
  }
  @media (max-width: 1024px) {
    .rent-footer .footer-wrap .footer-sub {
      flex-direction: column;
      display: flex;
    }
  }
  .rent-footer .footer-wrap .footer-sub .social-list {
    padding-bottom: 35px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
  }
  @media (max-width: 1024px) {
    .rent-footer .footer-wrap .footer-sub .social-list {
      padding: 20px 0 0;
      order: 2;
    }
  }
  .rent-footer .footer-wrap .footer-sub .social-list .social-btn {
    transition: all 0.5s linear;
    width: 30px;
    height: 30px;
  }
  .rent-footer .footer-wrap .footer-sub .social-list .social-btn:hover {
    opacity: 0.6;
  }
  .rent-footer .footer-wrap .footer-sub .social-list .social-btn img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .rent-footer .footer-wrap .footer-sub .cs-box {
    text-align: right;
    color: #fff;
  }
  @media (max-width: 1024px) {
    .rent-footer .footer-wrap .footer-sub .cs-box {
      order: 1;
    }
  }
  .rent-footer .footer-wrap .footer-sub .cs-box .cs-sub-box {
    font-size: 13px;
    line-height: 17px;
    color: #fff;
  }
  .rent-footer .footer-wrap .footer-sub .cs-box .cs-main-box {
    font-weight: 700;
    font-size: 27px;
    line-height: 1.6;
  }
  @media (max-width: 1024px) {
    .rent-footer .footer-wrap .footer-sub .cs-box .cs-main-box {
      font-size: 24px;
    }
  }
  
  /* floationBtn */
  :root {accent-color:#007aff;}

  /* 이미지 width 100% */
  .img-responsive {width:100%;} 
  
  /* title */
  .title-box h3 {font-size: 28px; color: #3f3f3f;}
  .title-box h2 {font-size: 40px; line-height: 1.4; margin: 0 0 30px;font-weight: 700;}
  .title-box > span {font-size: 20px; color: #4f4f4f;}
  
  .inner {width:100%; max-width: 1212px; padding: 50px 16px 80px; margin:0 auto; }
  
  .w-br {display: block; height: 1px;}
  
  
  /* swiper */
  .carSwiper-box {position: relative; }
  .carSwiper-box .swiper-slide .car-wrap{
      border-radius: 30px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
      background-color: #fff; overflow: hidden;
  }
  .carSwiper-box .car-img {
      position: relative; padding-bottom: calc(230 / 420 * 100%);
      width: 100%; height: 0; background-color: #F9F3F3;
  }
  .carSwiper-box .car-img img {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
      width: 85%;
      max-width: 320px;
  }
  .carSwiper-box .pointTxt {
      position: absolute; gap: 7px; bottom: -15px;
  }
  .carSwiper-box .pointTxt span {
      padding: 4px 16px; line-height: 22px; border-radius: 100px;
      color: #fff; font-size: 14px;
  }
  .carSwiper-box .pointTxt span.point01 {background-color: #ff3831;}
  .carSwiper-box .pointTxt span.point02 {background-color: #4059ff;}
  .carSwiper-box .pointTxt span.point03 {background-color: #fd994d;}
  .carSwiper-box .txt-box {padding: 20px 40px 40px; font-size: 16px;}
  .carSwiper-box .top {
      padding-bottom: 20px;
  }
  .carSwiper-box .top h3 {
      margin: 10px 0;
      font-size: 24px;
  }
  .carSwiper-box .top h3
  .carSwiper-box .top .txt02,
  .carSwiper-box .top .txt03 {font-size: 14px;}
  .carSwiper-box .top .line {
      margin: 0 5px; width: 1px; height: 12px; background-color: #ccc;
  }
  .carSwiper-box .top .txt02{
      overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
      font-size:16px;
  }
  .carSwiper-box .top .txt03 {
      margin-top: 8px; padding-top: 8px; border-top:1px solid #ddd;
      display: -webkit-box; text-overflow: ellipsis; overflow: hidden;
      -webkit-line-clamp: 2; -webkit-box-orient: vertical;
      line-height: 1.4;
  }
  .carSwiper-box .bottom {
      text-align: right;
  }
  
  .carSwiper-box .txt01 {
      justify-content: flex-end;
      gap: 8px; margin-bottom: 10px;
  }
  .carSwiper-box .txt01 span {
      background-color: #eee; font-size: 14px;
      padding: 4px 8px; border-radius: 5px;
  }
  .carSwiper-box .bottom .txt02 {
      font-size: 18px; line-height: 1.5;
  } 
  .carSwiper-box .bottom h3 {
      font-size: 32px; line-height: 30px; margin: 5px 0 10px;
      letter-spacing: -1.2px;
  }
  .carSwiper-box .bottom h3 em {
      font-size: 20px; font-weight: 400;
  }
  .carSwiper-box .bottom h3 em.fw-b {
      font-weight: bold;
  }
  .carSwiper-box .btn {
      width: 100%; height: 60px; margin-top: 20px;
      border-radius: 12px; font-size: 20px;
  }
  .carSwiper-box .btn img {
      height: 14px; margin-left: 8px;
  }
  .carSwiper-box .swiper-button {
      width: 40px; height: 40px; cursor: pointer;
      position: absolute; top: 50%;
      border-right: 2px solid #ccc; border-bottom: 2px solid #ccc;
      z-index: 14;
  }
  .carSwiper-box .custom-prev{
      left: 0; transform: translateY(-50%) rotate(135deg);
  }
  .carSwiper-box .custom-next{
      right: 0; transform: translateY(-50%) rotate(-45deg);
  }
  
  .carSwiper-box .truckSwiper{
      margin-top: 40px;
  }
  .carSwiper-box .truckSwiper ~ .swiper-button {
      width: 18px; height: 18px;
  }
  .carSwiper-box .top-prev{
      left: -10px; transform: translateY(0) rotate(135deg);
  }
  .carSwiper-box .top-next{
      right: -10px; transform: translateY(0) rotate(-45deg);
  }
  .carSwiper-box .carSwiper .top{
      /* height: 80px; */
  }
  .carSwiper-box .swiper-pagination{
      position: relative; margin-top: 50px;
  }
  .carSwiper-box .swiper-pagination-bullet-active {background: #000;}
  
  
  /* ----------------- section01 ----------------- */
  .section01 .inner {
      padding:120px 0 0;
      margin: 0 auto;
      width: calc(100% - 32px);
  }
  .section01 .swiper {
      width: 100%;  height: auto; 
      border-radius: 24px; 
  }
  .section01 .swiper-slide img {
      display: block;width: 100%;
  }
  .section01 .swiper-controller {
      position: absolute; bottom: 50px; left: 44px;
      z-index: 100; width: 91px; height: 36px;
      background-color: rgba(0, 0, 0, 0.6); border-radius: 100px;
      justify-content: center;
  }
  .section01 .control-ber {
      cursor: pointer; 
      margin-right: 10px;
      width: 14px; height: 14px;
      background: url('../images/ico_stop.png') no-repeat center;
      background-size: 9px 11px;
  }
  .section01 .control-ber.on {
      background: url('../images/ico_start.png') no-repeat center;
  }
  .section01 .swiper-pagination {
      position: unset; max-width: max-content; font-size: 14px;
      color: #fff;
  }
  
  .main-form {
      margin-bottom: 90px;

      position: relative;
      z-index: 2;
  }
  .main-form .inner{
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.12);
    padding: 40px 25px;
    border-radius: 24px;
    box-sizing: border-box;
    margin: 0 auto;
    width: calc(100% - 32px);
  }
  .main-form h2{
    width: 100%;
    font-size: 30px;
    margin-bottom: 19px;
  }
  .main-form .form-content i{
      display: block; margin: 40px auto; width: 84px; height: 84px;
      background: #FFEFEF; border-radius: 15px;
      transform: rotate(-45deg);
  }
  .main-form .form-content i img{
      display:block;
      width: 84px; transform: rotate(45deg);
  }
  .main-form .form-content .txt01{
      line-height: 1.5;
  }
  .main-form .boardwriteWrap .boardWrite{
      gap: 7px;
  }
  .main-form .boardwriteWrap dl:nth-child(4){
      margin:5px 0;
  }
  .main-form .boardwriteWrap dl:nth-child(4) dd{
      gap: 5px;
  }
  .main-form .boardwriteWrap dl:nth-child(4) .input-radio label{
      height: 34px;
      line-height: 32px;
      font-size: 14px;
  }
  .main-form .boardwriteWrap dd:first-child.agree{
      margin-top:0;
  }
  .main-form .agree-box{
    margin-top: 10px;
  }
  .agree-box>.cbox label {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
  }
  .agree-box>.cbox label input[type=checkbox] {
    position: absolute;
    left: -99999px;
  }
  .agree-box>.cbox label input[type=checkbox]:checked ~ i {
    filter:none;
  }
  .agree-box>.cbox label i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: url('../images/ico_checked.svg') no-repeat center/cover;
    filter:invert(84%) sepia(4%) saturate(20%) hue-rotate(26deg) brightness(91%) contrast(87%);
    margin-right: 8px;
  }
  .agree-box>.cbox label .txt {
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    color: #151515;
  }
  .agree-box>.cbox label .terms-btn {
    margin-left: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #000000;
    height: 24px;
    color: #fff;
    font-size: 14px;
    border-radius: 8px;
    padding: 0 10px;
  }

  .agree-layer {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    z-index: 400;
  }
  @media (max-width: 1024px) {
    .agree-layer {
      width: calc(100% - 40px);
    }
  }
  .agree-layer .layer-wrapper {
    top: 0;
    width: 440px;
    z-index: 10;
    box-shadow: 0 1px 15px rgba(96, 97, 112, 0.5);
    background-color: #fff;
    border-radius: 12px;
    margin: 0 auto;
  }
  @media (max-width: 1024px) {
    .agree-layer .layer-wrapper {
      width: 510px;
      max-width: 100%;
    }
  }
  .agree-layer .layer-wrapper .layer-head-box {
    height: 80px;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid #ccc;
    padding: 0 20px;
    justify-content: space-between;
  }
  .agree-layer .layer-wrapper .layer-head-box .close-btn {
    background: url("../images/ic_close.svg") no-repeat center/cover;
    width: 32px;
    height: 32px;
  }
  .agree-layer .layer-wrapper .layer-body-box {
    text-align: left;
    text-shadow: none !important;
    color: #353535;
    font-size: 12px;
    line-height: 18px;
    padding: 15px 25px;
    max-height: 65dvh;
    overflow-y: auto;
    position: relative;
  }
  @media (max-width: 1024px) {
    .agree-layer .layer-wrapper .layer-body-box {
      padding: 15px 20px;
      max-height: 58dvh;
    }
  }
  .agree-layer .layer-wrapper .layer-body-box .agree-group {
    padding-top: 10px;
  }
  .agree-layer .layer-wrapper .layer-body-box .agree-group .all-box {
    padding-bottom: 20px;
  }
  @media (max-width: 1024px) {
    .agree-layer .layer-wrapper .layer-body-box .agree-group .all-box {
      padding-bottom: 12px;
    }
  }
  .agree-layer .layer-wrapper .layer-body-box .agree-group .all-box .cbox {
    display: inline-flex;
    align-items: center;
  }
  .agree-layer .layer-wrapper .layer-body-box .agree-group .all-box .cbox label {
    position: relative;
  }
  .agree-layer .layer-wrapper .layer-body-box .agree-group .all-box .cbox .txt {
    padding: 0 32px 0 0;
    font-size: 14px;
    line-height: 18px;
  }
  .agree-layer .layer-wrapper .layer-body-box .agree-group .all-box .cbox i {
    position: absolute;
    right: 0;
    left: auto;
  }
  .agree-layer .layer-wrapper .layer-body-box .agree-group .agree-list .agree-item {
    border-top: 1px solid #666;
  }
  .agree-layer .layer-wrapper .layer-body-box .agree-group .agree-list .agree-item:last-child {
    border-bottom: 1px solid #666;
  }
  .agree-layer .layer-wrapper .layer-body-box .agree-group .agree-list .agree-item .agree-head-box {
    display: flex;
    align-items: center;
    padding: 12px 12px;
  }
  @media (max-width: 1024px) {
    .agree-layer .layer-wrapper .layer-body-box .agree-group .agree-list .agree-item .agree-head-box {
      padding: 8px 12px;
    }
  }
  .agree-layer .layer-wrapper .layer-body-box .agree-group .agree-list .agree-item .agree-head-box.is-active .ic-arrow {
    background: url("../images/ic_arrow_up.svg") no-repeat center/cover;
    width: 16px;
    height: 10px;
  }
  .agree-layer .layer-wrapper .layer-body-box .agree-group .agree-list .agree-item .agree-head-box.is-active ~ .agree-body-box {
    display: block;
    border-top: 1px solid #666;
  }
  .agree-layer .layer-wrapper .layer-body-box .agree-group .agree-list .agree-item .agree-head-box .ic-doc {
    background: url("../images/ic_doc.svg") no-repeat center/cover;
    width: 17px;
    height: 22px;
    margin-right: 10px;
  }
  .agree-layer .layer-wrapper .layer-body-box .agree-group .agree-list .agree-item .agree-head-box .agree-txt {
    flex: 1;
    min-width: 0;
    font-size: 14px;
    line-height: 18px;
  }
  .agree-layer .layer-wrapper .layer-body-box .agree-group .agree-list .agree-item .agree-head-box .ic-arrow {
    background: url("../images/ic_arrow_down.svg") no-repeat center/cover;
    width: 16px;
    height: 10px;
  }
  .agree-layer .layer-wrapper .layer-body-box .agree-group .agree-list .agree-item .agree-head-box .cbox {
    margin-left: 25px;
    display: inline-flex;
    align-items: center;
  }
  .agree-layer .layer-wrapper .layer-body-box .agree-group .agree-list .agree-item .agree-head-box .cbox i {
    position: static;
    margin: 0;
  }
  .agree-layer .layer-wrapper .layer-body-box .agree-group .agree-list .agree-item .agree-body-box {
    padding: 20px 12px;
    display: none;
  }
  @media (max-width: 1024px) {
    .agree-layer .layer-wrapper .layer-body-box .agree-group .agree-list .agree-item .agree-body-box {
      padding: 12px 12px;
    }
  }
  .agree-layer .layer-wrapper .layer-foot-box {
    display: flex;
    padding: 20px 40px;
    justify-content: center;
  }
  .agree-layer .layer-wrapper .layer-foot-box .layer-foot-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: #4059ff;
    color: #fff;
    height: 40px;
    border-radius: 8px;
  }
  .agree-layer .layer-wrapper .layer-foot-box .layer-foot-btn .txt {
    font-size: 16px;
  }
  .agree-layer .layer-wrapper .layer-foot-box .layer-foot-btn .ic.ic-close {
    background: url("../images/ic_close.svg") no-repeat center/cover;
    width: 16px;
    height: 16px;
    margin-left: 4px;
  }
  .agree-layer .cbox label {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
  }
  .agree-layer .cbox label input[type=checkbox] {
    position: absolute;
    left: -99999px;
  }
  .agree-layer .cbox label input[type=checkbox] ~ i{
    background: url("../images/ic_cbox_off.svg") no-repeat center/cover;
  }
  .agree-layer .cbox label input[type=checkbox]:checked ~ i {
    background: url("../images/ic_cbox_on.svg") no-repeat center/cover;
  }
  .agree-layer .cbox label i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: url("../images/ic_cbox_off.svg") no-repeat center/cover;
    margin-left: 8px;
  }
  .agree-layer .cbox label .txt {
    text-align: left;
    font-size: 16px;
    line-height: 20px;
    color: #151515;
  }
  @media (max-width: 1024px) {
    .agree-layer .cbox label .txt {
      flex: 1;
      min-width: 0;
      font-size: 14px;
    }
  }
  .agree-layer .cbox label .terms-btn {
    margin-left: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #000000;
    height: 24px;
    color: #fff;
    font-size: 14px;
    border-radius: 8px;
    padding: 0 10px;
  }
  

  .main-form .boardwriteWrap .form-row{
    display: flex;
    align-items: stretch;
    gap: 9px;
    width: 100%;
  }
  .main-form .boardwriteWrap .form-row>*{
    width: calc((100% - 207px) / 3);
  }
  .main-form .boardwriteWrap button{
    margin:0;
    width: 180px !important;
  }

  /* 카운터 */
  .count .inner{
    padding:80px 0;
  }
  .count .flex{
    display: flex;
    align-items: stretch;
    gap: 90px;
    justify-content: center;
  }
  .count li{
    display: flex;
    align-items: center;
    gap:30px;
  }
  .count li img{
    width: 70px;
  }
  .count li div{
    display: flex;
    flex-direction: column;
    gap:10px;
  }
  .count li div .cnt{
    min-width: 100px;
    font-size: 36px;
    font-weight: 700;
    color:#4059ff;
  }
  .count li div span{
    font-size: 18px;
  }
  
  /* ----------------- section02 ----------------- */
  .car-guide{
    text-align: center;
    margin-top: 30px;
    font-size: 18px;
    color:#666;
    line-height: 1.4em;
  }

  .section02 .inner {padding-top: 30px;}
  .section02 .content-tap {margin: 60px 0; gap: 15px;}
  .section02 .content-tap div {
      background-color: #f4f4f4; gap: 10px;
      width: 170px; height: 50px; border-radius: 100px;
      font-size: 18px; font-weight: 600;
  }
  .section02 .content-tap div img {
      width: auto; height: 26px;
  }
  .section02 .carSwiper {
      width: 100%; max-width: 940px;
  }
  .section02 .carSwiper-box .swiper-slide {
      padding:20px;
  }
  .section02 .carSwiper-box .swiper-pagination{
      display: none;
  }
  
  /* ----------------- section03 ----------------- */
  .section03 .content {margin-top: 80px;}
  .section03 .content ul {gap: 20px; width: 100%;}
  .section03 .content ul li {
      width: 20%; height: 343px;
      background-color: #F8F8F8;
      border-radius: 30px; flex-direction: column;
  }
  .section03 .content ul li img:nth-of-type(1) {
      margin-bottom: 15px;
  }
  .section03 .content ul li img:first-child{
    width: 20px;
  }
  .section03 .content ul li h3 {
      font-size: 24px; font-weight: bold;
  }
  .section03 .content ul li .txt-c {
      font-size: 20px; line-height: 1.5;
  }
  .section03 .content ul li .txt-c .txt-small{
      margin-top: 3px; font-size: 0.7em; color: #777;
  }
  .section03 .content ul li .txt-c em {font-weight: bold; padding: 0 2px;}
  .section03 .content ul li .txt-c em.em01 {
      background-color: #cfeeff;
  }
  .section03 .content ul li .txt-c em.em02 {
      background-color: #FFEEC9;
  }
  .section03 .content ul li img[class^=ico]{
    margin:32px 0 30px;
  }
  /* .section03 .content ul li img.ico01 {margin: 32px 0 30px;}
  .section03 .content ul li img.ico02 {margin: 37px 0 35px;}
  .section03 .content ul li img.ico03 {margin: 33px 0 31px;}
  .section03 .content ul li img.ico04 {margin: 40px 0 38px;}
  .section03 .content ul li img.ico05 {margin: 50px 0 48px;} */
  
  
  
  
  /* ----------------- section04 ----------------- */
  .section04 .title h3 {font-size: 32px; margin-bottom: 20px;}
  .section04 .title span {font-size: 18px; font-weight: 300;}
  .section04 .title span em {margin: 0 5px;}
  .section04 .content {margin: 60px auto 0;}
  .section04 .carSwiper-box {width: 100%;}
  .section04 .carSwiper-box .swiper-slide{
      padding:0 15px;
  }
  .section04 .carSwiper-box .car-img {
      border-radius: 20px;
  }
  .section04 .carSwiper-box .txt-box {
      padding: 20px 0 0 0;
  }
  .section04 .carSwiper-box .txt01 {
      justify-content: flex-start; margin: 0;
  }
  .section04 .carSwiper-box .top {
      border-bottom: none; margin-top: 10px;
  }
  .section04 .carSwiper-box .top .txt01 {
      text-overflow: ellipsis; overflow: hidden; display: -webkit-box;
      -webkit-line-clamp: 2; -webkit-box-orient: vertical;
      margin-top: 5px; height: 39px; line-height: 1.4;
      font-size:14px; color:#888;
  }
  .section04 .carSwiper-box .top h3 {
      font-size: 18px; margin: 0;
  }
  .section04 .carSwiper-box .bottom > span {
      justify-content: space-between;
      font-size: 16px;
  }
  .section04 .carSwiper-box .bottom > span.txt02 > em {
      font-size: 26px; letter-spacing: -1px;
  }
  .section04 .carSwiper-box .bottom > span.txt02 > em > em {
      font-size: 18px;
  }
  .section04 .carSwiper-box .btn {
      margin-top:10px; height: 50px;
      font-size: 20px; border-radius: 10px;
  }
  .section04 .content:nth-of-type(3) {margin-top: 100px;}
  
  
  .twink{
    animation: twink 0.9s infinite;
  }
  @keyframes twink {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  
  
  
  /* ----------------- section05 ----------------- */
  .section05 .title-box span {
      font-size: 30px; font-weight: 600; color: #191919;
  }
  .section05 .title-box div {
      max-width: 620px; justify-content: space-between;
      margin: 30px auto 0;
  }
  .section05 .title-box div img {margin-top: -30px;}
  .section05 .title-box div h2 {font-weight: 300;}
  .section05 .title-box div h2 em.fc {color: #FF8484;}
  .section05 .title-box h2 {margin: 0; font-size: 50px;}
  .section05 .content > img {margin: 40px auto 45px;width: 190px;}
  .section05 .content .txt-box {flex-wrap: wrap; gap: 40px 60px;}
  .section05 .content .txt-box > div {
      width: calc(50% - 30px);
      justify-content: flex-start;
      background-color: #F9F7F3; border-radius: 30px;
      padding: 20px; font-size: 20px;
  }
  .section05 .content .txt-box div img {
      border-radius: 30px; margin-right: 20px;
  }
  .section05 .content .txt-box .txt01 {
      font-size: 26px; margin-bottom: 13px;
  }
  .section05 .content .txt-box .txt01 em {
      font-size: 16px; font-weight: 400;
  }
  .section05 .content .txt-box .fc-gr{
    line-height: 1.4em;
  }
  .section05 .content .txt-box2 { margin-top: 80px;}
  .section05 .content .txt-box2 div:nth-child(1) {
      background-color: #FF8B38; padding: 25px 0;
      margin: 0 auto; width: 680px;  font-size: 30px;
      border-radius: 40px; position: relative;
  }
  .section05 .content .txt-box2 div:nth-child(1)::before {
      content: ''; display: block;
      width: 0; height: 0; 
      position: absolute; bottom: -20px; right: 20%;
      border-top: 12px solid #FF8B38;
      border-bottom: 12px solid transparent;
      border-left: 12px solid #FF8B38;
      border-right: 12px solid transparent;
  }
  .section05 .content .txt-box2 div:nth-child(1) > span {
      background-color: rgba(255, 255, 255, 0.2);
      width: 70px; height: 70px; border-radius: 100px;
      margin-right: 20px;
  }
  .section05 .content .txt-box2 p em {color: #FBFF81;}
  .section05 .content .txt-box2 div:nth-child(2) {
      border: 1px solid #FFD7BB;
      width: 360px; height: 70px; border-radius: 100px;
      background-color: #FEFFEE;
      font-size: 24px; color: #FF8B38;
      margin: 22px auto 0;
  }
  .section05 .content .txt-box2 div:nth-child(2) img {
      margin: 0 15px 0 4px;
  }
  .section05 .content .txt-box2 div:nth-child(2) em {
      color: #191919; font-size: 30px;
  }
  
  
  
  
  /* ----------------- section06 ----------------- */
  .section06 .txtBox {
      border-radius: 50px; padding: 80px 10px 76px;
      background-color: #FDF8F8; position: relative;
      margin-top: 81px;
  }
  .section06 .txtBox .titleBox {
      width: 647px; height: 122px;
      overflow: hidden; border-radius: 50px 0 0 0;
      position: absolute; top: -80px; left: 30px;
      z-index: -1;
  }
  .section06 .txtBox .titleBox::before {
      content: ''; display: block;
      width: 647px; height: 300px;
      border-radius: 0 20px 0 0;
      background: linear-gradient(#FFD7D9, transparent);
      transform: skew(40deg) translate(-30px, 0px);
  }
  .section06 .txtBox .titleBox span {
      position: absolute; top: 32px; left: 50px; 
      font-size: 28px; z-index: 1;
  }
  .section06 .tableBox .tableTop {position: relative; gap: 50px;}
  .section06 .tableTop .box {
      background-color: #fff;
      border-radius: 20px;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
      width: 100%; max-width: 424px;
      height: 195px;
      flex-direction: column;
      font-size: 24px;
  }
  .section06 .tableTop .cetner {
      position: relative; z-index: 1;
      width: 150px; height: 150px; border-radius: 100px;
      background-color: #4059ff; color: #fff;
      box-shadow: 0 5px 20px rgba(255, 163, 168, 1);
      flex-direction: column;
      position: absolute; top: 50%; left: 50%;
      transform: translate(-50%, -50%);
  }
  .section06 .tableTop .cetner span {
      font-size: 20px; margin-top: 8px;
  }
  .section06 .tableTop .box > span {
      font-size: 16px; margin: 12px 0 25px;
  }
  .section06 .tableTop .box01 h3 {color: #5470FF;}
  .section06 .tableTop .box02 h3 {color: #4059ff;}
  .section06 .tableTop .box img {margin-left: 12px;}
  .section06 .tableBottom {
      gap: 6px; margin: 40px auto; align-items: stretch;
  }
  
  .section06 .tableBottom div {
      width: 100%; max-width: 250px; font-size: 20px;
  }
  .section06 .tableBottom div img {margin: 0 auto;}
  
  .section06 .tableBottom div.box01 .boxColor {
      background-color: #5470FF; height: 320px;
      border-radius: 30px;
  }
  .section06 .tableBottom div.box02 .boxColor {
      background-color: #FF434E;
      height: 210px;
      position: relative; border-radius: 30px 30px 0 0;
  }
  .section06 .tableBottom div.box02 .boxColor02 {
      height: 78px; font-size: 16px; border-radius: 0 0 30px 30px;
      background-color: #eee;
  }
  .section06 .tableBottom div .bottomBox {
      border-radius: 20px; background-color: #eee;
      height: 110px; margin-top: 10px; 
  }
  .section06 .tableBottom div.box01 .bottomBox {
      height: 78px; font-size: 16px;
  }
  .section06 .tableBottom div.cetner {
      max-width: 200px; margin-top: 43px;
      border-top: 2px dotted #5470FF;
      border-bottom: 2px dotted #5470FF;
      font-size: 16px; gap: 20px;
      align-items: flex-start;
  }
  .section06 .tableBottom div.cetner > div {
      width: calc(50% - 10px); font-weight: bold;
      font-size: 16px; position: relative;
  }
  .section06 .tableBottom div.cetner span {
      position: absolute; top: 13px;
      width: 2px; height: calc(100% - 26px);
  }
  .section06 .tableBottom div.cetner .left {
      position: relative; height: 100%;
      text-align: right; color: #5470FF;
  }
  .section06 .tableBottom div.cetner .left span {
      position: absolute; right: 0;
      border-right: 2px dotted #5470FF;
  }
  .section06 .tableBottom div.cetner .right {
      height: 288px; color: #FF434E;
      border-bottom: 2px dotted #ff433e;
  }
  .section06 .tableBottom div.cetner .right span {
      left: 0; border-left: 2px dotted #FF434E;
  }
  .section06 .tableBottom div.cetner .left span::after,
  .section06 .tableBottom div.cetner .left span::before{
      content: ''; display: block;
      width: 12px; height: 8px;
      position: absolute; left: -5px;
      background: url('../images/ico_triangle_b.png') no-repeat;
  }
  .section06 .tableBottom div.cetner .left span::after {
      top: -9px; 
  }
  .section06 .tableBottom div.cetner .left span::before {
      transform: rotate(-180deg); bottom: -9px;
  }
  .section06 .tableBottom div.cetner .right span::after,
  .section06 .tableBottom div.cetner .right span::before {
      content: ''; display: block;
      width: 12px; height: 8px;
      position: absolute; left: -7px;
      background: url('../images/ico_triangle_r.png') no-repeat;
  }
  .section06 .tableBottom div.cetner .right span::after {
      top: -9px;
  }
  .section06 .tableBottom div.cetner .right span::before {
      transform: rotate(-180deg); bottom: -9px;
  }
  .section06 .info-txt span {
      display: block; font-size: 14px; line-height: 1.5;
  }
  
  
  
  /* ----------------- section07 ----------------- */
  .section07 .title-box h2 {margin-bottom: 50px;}
  .section07 ul.flex {
      justify-content: center; gap: 50px; flex-wrap: wrap;
  }
  .section07 .flex li {
      text-align: center; font-size: 18px; font-weight: 500;
  }
  .section07 .flex li div.flex-c {
      border: 1px solid #DDDDDD;
      border-radius: 40px; margin-bottom: 15px;
      width: 130px; height: 130px;
  }
  .section07 .flex .arrow {
      width: 30px; height: 30px; 
      border-right: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      transform: rotate(-45deg);
      margin: -30px 0 0 40px;
  }
  
  
  
  /* ----------------- section08 ----------------- */
  .section08 {background-color: #F9F9F9;}
  .section08 .inner {padding: 80px 16px;}
  .section08 .inner ul {
      align-items: flex-start; flex-wrap: wrap; gap: 20px 0;
  }
  
  .section08 .inner ul li {
      width: 50%; padding-left: 24px;
      color: #555; font-size: 14px; line-height: 1.5;
  }
  
  .section08 .inner ul li p {
      font-weight: bold; position: relative;
      font-size: 16px; margin-bottom: 5px;
  }
  .section08 .inner ul li p::before {
      content: ''; display: block;
      width: 4px; height: 4px; border-radius: 4px;
      background-color: #555;
      position: absolute; top: 6px; left: -14px;
  }
  
  .section08 .inner .warning-txt {margin-top: 40px; color: #888; font-size: 14px;}
  .section08 .inner .warning-txt span {display: block; margin-bottom: 10px;}
  
  
  /* ----------------- section09 ----------------- */
  .review-slide{}
  .review-slide .swiper-wrapper{
    transition-timing-function: linear;
  }
  .review-slide .swiper-slide{
    width: auto;
    width: 320px;
  }    
  .review-slide .swiper-slide a{
    display: block;
    border:1px solid #ddd;
    border-radius: 15px;
    background-origin: border-box;
    overflow: hidden;
  }
  .review-slide .swiper-slide a .img{
    background-color: #F9F3F3;
    padding:20px 0;
  }
  .review-slide .swiper-slide a .img img{
    display: block;
    width: 80%;
    margin:0 auto;
  }
  .review-slide .swiper-slide a .text{
    padding:20px 15px;
  }
  .review-slide .swiper-slide a .text .tit{
    margin-bottom: 8px;
  }
  .review-slide .swiper-slide a .text .tit span{
    display: block;
    font-size: 20px;
    font-weight: 700;
  }
  .review-slide .swiper-slide a .text .writer .name{
    display: inline-block;
    vertical-align: middle;
    background-color: #eee;
    font-size: 14px;
    padding: 4px 8px;
    border-radius: 5px;
  }
  .review-slide .swiper-slide a .text .cont{
    margin-top: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 39.2px;
    line-height: 1.4em;
    font-size: 14px;
    color: #888;
  }
  
  .review-wrap{overflow: hidden; display:flex; margin-bottom:20px;}
  .rolling-list{display: flex;}
  .rolling-list ul{display: flex; gap: 40px; padding-right: 40px;}
  .rolling-list.pause {animation-play-state: paused !important;}
  .rolling-list#roller1-1 {animation: rollingleft1 100s linear infinite;}
  .rolling-list#roller1-2 {animation: rollingleft2 100s linear infinite;}
  .rolling-list#roller2-1 {animation: rollingleft3 100s linear infinite;}
  .rolling-list#roller2-2 {animation: rollingleft4 100s linear infinite;}
  
  @keyframes rollingleft1 {
      0% { transform: translateX(0); }
      50% { transform: translateX(-100%); }
      50.01% { transform: translateX(100%); }
      100% { transform: translateX(0); }
  }
  
  @keyframes rollingleft2 {
      0% { transform: translateX(0); }
      100% { transform: translateX(-200%); }
  }
  
  @keyframes rollingleft3 {
      0% { transform: translateX(0); }
      50% { transform: translateX(100%); }
      50.01% { transform: translateX(-100%); }
      100% { transform: translateX(0); }
  }
  
  @keyframes rollingleft4 {
      0% { transform: translateX(-200%); }
      100% { transform: translateX(0); }
  }
  
  @media (min-width: 768px) {
      #reviewList .title-box{margin-bottom:60px;}
      #reviewList .review-wrap li a{padding:35px; width: 500px;}
      #reviewList .review-wrap li a .tit{gap:10px; margin-bottom: 15px;}
      #reviewList .review-wrap li a .tit:after{width:20px;bottom: 6px;}
      #reviewList .review-wrap li a .tit .stit{padding: 5px 8px; font-size: 14px;}
      #reviewList .review-wrap li a .tit .mtit{font-size: 24px;}
      #reviewList .review-wrap li a .text p{font-size: 15px;}
      #reviewList .writer .name {font-size:14px;}
      #reviewList .writer .star span {width:20px; height:20px;}
  
      .review-wrap{margin-bottom:50px;}
      .rolling-list ul{gap: 80px; padding-right: 80px;}
  
      #mpartner{margin-top:120px}
      #mpartner .mpartner-rolling {animation: mpscroll 40s linear infinite;}
      #mpartner .pbox {min-width: 200px;}
  
      @keyframes mpscroll {
          0% {
              transform: translateX(0);
          }
          100% {
              transform: translateX(-1980px);
          }
      }
  }
  
  
  @media (max-width: 1024px) {
      .section01 .inner {gap: 30px; padding-top: 100px;}    
      .section01 .swiper-controller {left: 50px; bottom: 30px;}
      .main-form .boardwriteWrap dd.agree{font-size: 11px;}

      .count .flex{
        gap: 60px;
      }
      .count li img{
        width: 55px;
      }
      .count li div .cnt{
        font-size: 28px;
      }
  
      .section03 .content ul { flex-wrap: wrap; gap: 30px; justify-content: center;}
      .section03 .content ul li {width: 30%;}

      .section05 .content .txt-box{
        gap: 25px;
      }
      .section05 .content .txt-box > div{
        width: calc(50% - 12.5px);
      }
  
      .carSwiper-box .truckSwiper{margin-top: 20px;}
      .carSwiper-box .swiper-button{display: none;}
  
      .section07 .flex .arrow {margin-left: 30px;}
  }
  
  @media (max-width: 820px) {
      .section01 .inner {flex-wrap: wrap;}
      .section01 .swiper {height: auto;}
      .main-form {width: 100%; max-width: none; height: auto;}
  
      .main-form .boardwriteWrap dl:nth-child(4) dt{
          font-size:12px;
      }
      .main-form .boardwriteWrap dl:nth-child(4) .input-radio label{
          height: 28px; line-height: 26px; font-size: 12px;
      }
  
      .section05 .content .txt-box > div {width: 100%;}
  
  }
  
  @media (max-width: 768px) {
      .w-br {display: none;}
      .m-br {display: block; height: 1px;}
  
  
      /* title */
      .title-box h3 {font-size: 18px;}
      .title-box h2 {font-size: 26px; margin: 4px 0 10px;}
      .title-box > span {display: block; font-size: 15px; padding: 0 50px; line-height: 1.5;}
  
      .inner {padding: 40px 16px;}
  
      /* section01 */
      .section01 .inner {padding-top: 60px;}
      .section01 .swiper-controller {left: 25px; bottom: 16px; width: 60px; height: 26px;}
      .section01 .swiper-pagination {font-size: 12px; line-height: 30px;}
      .section01 .control-ber {margin-right: 5px; background-size: 7px 9px;}
      .section01 .control-ber.on {background-size: 7px 9px;}
      .section01 .swiper-slide img{width: 100%; object-fit: cover;}
  
      .main-form {padding: 30px 20px 20px; border-radius: 20px;}
      .main-form .form-content i{margin: 20px auto; width: 64px; height: 64px;}
      .main-form .form-content i img{width: 64px;}
      .main-form .form-content .txt01{font-size: 14px;}
  
  
  
      /* section02 */
      .section02 .inner {padding: 40px 16px;}
      .section02 .content-tap {margin: 30px 0;}
      .section02 .content-tap div {height: 36px; font-size: 12px; gap: 4px; width: 145px;}
      .section02 .content-tap div img {height: 20px;}
      .section02 .carSwiper-box .swiper-slide {padding: 0;}
      .section02 .carSwiper-box .swiper-pagination{display: block;}
      .carSwiper-box .swiper-slide .car-wrap {border-radius: 15px; border:1px solid #d8dae3; box-shadow:none;}
      .carSwiper-box .top {padding-bottom: 0;}
      .carSwiper-box .pointTxt span {font-size: 10px; padding: 0 10px;}
      .carSwiper-box .txt-box {padding: 10px;font-size: 12px;}
      .carSwiper-box .top h3 {font-size: 16px;margin: 15px 0 5px;}
      /* .carSwiper-box .carSwiper .top{height: 104px;} */
      .carSwiper-box .top .txt02{font-size:12px;}
      .carSwiper-box .top .txt03 {font-size:11px;}
      .carSwiper-box .bottom .txt01 {margin: 5px 0;}
      .carSwiper-box .bottom .txt01 span {font-size: 11px; padding: 4px 6px; border-radius: 3px;}
      .carSwiper-box .bottom .txt02 {font-size: 14px;}
      .carSwiper-box .bottom h3 {font-size: 24px; margin: 0;}
      .carSwiper-box .bottom h3 em {font-size: 16px;}
      .carSwiper-box .btn {margin-top:10px; height: 40px;border-radius: 8px;font-size: 14px;}
      .carSwiper-box .btn img {height: 13px; margin-top: -1px;}
      .carSwiper-box .swiper-pagination{margin-top: 30px;}
      .car-guide{
        text-align: center;
        margin-top: 0.7em;
        font-size: 13px;
        color:#666;
        line-height: 1.4em;
      }
  
      /* section03 */
      .section03 .content {margin-top: 40px;}
      .section03 .content ul {gap: 10px;}
      .section03 .content ul li {
          width: calc(50% - 5px); height: 230px; padding: 20px 0 24px;
      }
      .section03 .content ul li img:nth-of-type(1) {width: 14px; margin-bottom: 6px;}
      .section03 .content ul li h3 {font-size: 17px;}
      .section03 .content ul li .txt-c {font-size: 15px;}
      .section03 .content ul li img.ico01,
      .section03 .content ul li img.ico02 {height: 50px; margin: 15px 0 20px;}
      .section03 .content ul li img.ico03 {height: 50px; margin: 15px 0 20px;}
      .section03 .content ul li img.ico04 {height: 44px; margin: 15px 0 20px;}
      .section03 .content ul li img.ico05 {height: 30px; margin: 15px 0 20px;}
  
  
      /* section04 */
      .section04 .content {margin-top: 30px;}
      .section04 .title h3 {font-size: 20px; margin-bottom: 10px;}
      .section04 .title span {font-size: 12px;}
      .section04 .carSwiper-box .swiper-slide{padding: 0;}
      .section04 .carSwiper-box .txt-box {padding-top: 10px;}
      .section04 .carSwiper-box .txt01 {gap: 4px;}
      .section04 .carSwiper-box .txt01 span {padding: 3px 5px; border-radius: 3px; font-size: 10px;}
      .section04 .carSwiper-box .top h3 {font-size: 16px; line-height: 1.2;}
      .section04 .carSwiper-box .top .txt01{margin-bottom:10px; height:32px; font-size: 12px;}
      .section04 .carSwiper-box .bottom > span {font-size: 14px; flex-wrap: wrap;}
      .section04 .carSwiper-box .bottom > span.txt02 > em {font-size: 20px; }
      .section04 .carSwiper-box .bottom > span.txt02 > em > em {font-size: 14px;}
      .section04 .carSwiper-box .btn {height: 40px; font-size: 15px;}
      .section04 .content:nth-of-type(3) {margin-top: 50px;}
      
  
  
      /* section05 */
      .section05 .title-box span {font-size: 18px;}
      .section05 .title-box div {max-width: 380px; margin-top: 15px;}
      .section05 .title-box div img {width: 17px; margin-top: -20px;}
      .section05 .title-box h2 {font-size: 26px;}
      .section05 .content > img {width: 110px; margin: 20px auto 30px;}
      .section05 .content .txt-box {flex-wrap: wrap; gap: 20px;}
      .section05 .content .txt-box > div {
          border-radius: 15px; padding: 10px 14px; font-size: 14px;
      }
      .section05 .content .txt-box div img {
          width: 100px; border-radius: 15px; margin-right: 10px;
      }
      .section05 .content .txt-box .txt01 {font-size: 16px;}
      .section05 .content .txt-box .txt01 em {font-size: 14px;}
      .section05 .content .txt-box2 {margin-top: 40px;}
      .section05 .content .txt-box2 div:nth-child(1) {
          width: auto; max-width: 400px; font-size: 22px; padding: 15px 10px;
          text-align: center; border-radius: 24px;
      }
      .section05 .content .txt-box2 div:nth-child(1) > span {
          width: 45px; height: 45px; margin-right: 10px;
      }
      .section05 .content .txt-box2 div:nth-child(1)::before {
          border-width: 8px; bottom: -10px;
      }
      .section05 .content .txt-box2 div:nth-child(2) {
          width: 250px; height: 40px; font-size: 17px;
      }
      .section05 .content .txt-box2 div:nth-child(2) img {width: 20px; margin: 0 10px 0 4px;}
      .section05 .content .txt-box2 div:nth-child(2) em {font-size: 19px;}
  
  
      /* section06 */
      .section06 .txtBox .titleBox {
          width: 340px; height: 100px; top: -60px; left: 20px;
          max-width: 588px; border-radius: 30px 0 0 0;
      }
      .section06 .txtBox .titleBox::before { width: 430px;}
      .section06 .txtBox .titleBox span {left: 22px; top: 26px; font-size: 18px;}
      .section06 .txtBox {border-radius: 30px; padding: 40px 10px; margin-top: 60px;}
      .section06 .tableBox .tableTop {gap: 56px;}
      .section06 .tableTop .box {font-size: 15px; height: 160px;}
      .section06 .tableTop .box01 {padding-right: 6px;}
      .section06 .tableTop .box02 {padding-left: 6px;}
      .section06 .tableTop .box > span {font-size: 14px; margin-bottom: 18px;}
      .section06 .tableTop .box h3 {font-size: 16px;}
      .section06 .tableTop .box img {width: 15px; height: 32px;}
      .section06 .tableTop .cetner {width: 90px; height: 90px; }
      .section06 .tableTop .cetner  img {width: 20px;}
      .section06 .tableTop .cetner span {font-size: 15px;}
      .section06 .tableBottom div {font-size: 14px;}
      .section06 .tableBottom div img {width: 40px;}
      .section06 .tableBottom div.box01 .boxColor {height: 240px; border-radius: 10px;}
      .section06 .tableBottom div.box02 .boxColor {
          height: 160px; border-radius: 10px 10px 0 0;
      }
      .section06 .tableBottom div.box02 .boxColor02 {
          border-radius: 0 0 10px 10px; font-size: 14px;
      }
      .section06 .tableBottom div .bottomBox,
      .section06 .tableBottom div.box01 .bottomBox {
          border-radius: 10px; font-size: 14px; height: 80px;
      }
      .section06 .tableBottom div.cetner {gap: 10px; justify-content: space-between;}
      .section06 .tableBottom div.cetner > div {font-size: 12px; width: 50%; padding: 0 8px;}
      .section06 .tableBottom div.cetner .right {height: 238px;}
      .section06 .info-txt span {font-size: 12px;}
  
  
      /* section07 */
      .section07 .title-box h2 {margin-bottom: 30px;}
      .section07 ul.flex {gap: 20px; max-width: 380px; align-items: flex-start; margin: 0 auto;}
      .section07 .flex li {font-size: 15px; align-items: flex-start;}
      .section07 .flex li div.flex-c {width: 80px; height: 80px; border-radius: 20px;}
      .section07 .flex .arrow {width: 12px; height: 12px; margin: 35px 0 0 14px;}
  
  
      /* section08 */
      .section08 {margin-top: 30px;}
      .section08 .inner {padding: 30px 16px;}
      .section08 .inner ul li {font-size: 12px; padding-left: 14px;}
      .section08 .inner ul li p {font-size: 13px; margin-bottom: 0;}
      .section08 .inner ul li p::before {width: 3px; height: 3px; top: 8px; left: -10px;}
      .section08 .inner .warning-txt {font-size: 12px;}

      .count .inner{
        padding:55px 16px 25px;
      }
      .count .flex{
        gap: 25px;
        align-items: center;
        justify-content: center;
      }
      .count li{
        gap: 12px;
      }
      .count li img{
        width: 48px;
      }
      .count li div .cnt{
        font-size: 22px;
        min-width: 80px;
      }
      .count li div span{
        font-size: 15px;
      }

      .main-form{
        margin-bottom: 20px;
      }
      .main-form .inner{
        width: 100%;
        padding:30px 20px;
      }
      .main-form h2{
        font-size: 22px;
        margin-bottom: 15px;
      }
      .main-form .boardwriteWrap .form-row{
        flex-direction: column;
      }
      .main-form .boardwriteWrap .form-row>*{
        width: 100% !important;
      }

      #reviewList .title-box{
        margin-bottom: 35px;
      }
      .review-slide .swiper-slide{
        width: 280px;
      }
      .review-slide .swiper-slide a .text .tit span{
        font-size: 18px;
      }
      .review-slide .swiper-slide a .text .writer{
        font-size: 14px;
      }
      
  }
  
  
  @media (max-width: 550px) {
    .count .inner{
        padding:30px 16px 0px;
    }
    .count .flex{
        gap: 0;
    }
    .count li{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: calc(100% / 3);
    }
    .count li img{
        width: 35px;
        margin-bottom: 8px;
    }
    .count li div {
        align-items: center;
        justify-content: center;
        gap: 8px;
    }
    .count li div .cnt{
        min-width: unset;
        font-size: 24px;
    }
    .count li div span{
        font-size: 13px;
        line-height: 1.2em;
    }
    /* .count .flex{
        flex-direction: column;
        gap: 20px;
    }
    .count li{
        width: 100%;
        justify-content: center;
    }
    .count li div{
        width: 180px;
    }
    .count li div .cnt{
        font-size: 30px;
    } */
  }
  @media (max-width: 450px) {
      .section06 .txtBox .titleBox {width: 280px; border-radius: 25px 0 0 0;}
      .section06 .txtBox .titleBox::before { width: 380px;}

  }