@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 */}


#wrap{
  overflow: hidden;
}
.inner{
  width: 100%;
  max-width: 1212px;
  padding: 50px 16px 80px;
  margin: 0 auto;
  position: relative;
}
.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;}
  
  
  /* ----------------- section01 ----------------- */
  #mvisual {position:relative; }
  #mvisual .mvList {padding-top:88px;background-repeat: no-repeat;background-position: center center;background-size: cover;
  position: relative;}
  #mvisual .mvList::after{
    content: '';
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.48);
    z-index: 1;
  }
  #mvisual .mvList .container {position:relative; z-index: 2;}
  #mvisual .mvList .txt {position:relative; padding:95px 0 160px 0; z-index:9; color:#313131;}
  #mvisual .mvList .txt h2 {font-size: 42px;font-weight:500;letter-spacing:-1.5px;line-height: 1.2em;}
  #mvisual .mvList a.mvBtn {margin-top:62px;display:inline-block;padding:12px 56px;border-radius:10px;background:#fff;font-size: 18px;font-weight:700;letter-spacing:-0.5px;color:#313131;}
  #mvisual .mvList .img {position:absolute;top:50%;right: -60px;transform:translate(0,-50%);width: 520px;}
  
  #mvisual .visualoption a{
    cursor: pointer;
  }
  #mvisual .visualoption  {position:absolute;display:flex;align-items:center;gap:7px;bottom:67px;left:50%;transform:translate(-50%,0);width:100%;max-width: 1212px;z-index:10;padding: 0 20px;box-sizing: border-box;}
  #mvisual .visualoption .playnpause a.on  {display:block;width: 26px;height: 26px;display:flex;align-items:center;justify-content:center;border-radius:100%;background:rgba(49 49 49 / 60%);}
  #mvisual .visualoption .playnpause a {display:none;}
  #mvisual .visualoption .playnpause a img {width: 12px;}
  #mvisual .visualoption .paging {position:relative;padding: 9px 10px;display:inline-flex;align-items:center;justify-content:center;background:rgba(49 49 49 / 60%);border-radius:30px;}
  #mvisual .visualoption .swiper-pagination-fraction {width:65px; font-size:12px; line-height:12px; color:#ccc; text-align:center; font-weight:500;}
  #mvisual .visualoption .swiper-pagination-fraction .swiper-pagination-current {font-size:15px; font-weight:700;}
  
  #mvisual .visualoption .swiper-button-prev:after {margin-left: -15px; font-size:10px; color:#ccc;}
  #mvisual .visualoption .swiper-button-next:after {margin-right: -15px; font-size: 10px; color:#ccc;}
  
  @media (max-width:800px){
    #mvisual {position:relative; overflow: hidden;}
    #mvisual .mvList {padding-top:97px; overflow:hidden;}
    #mvisual .mvList .container {position:relative;}
    #mvisual .mvList .txt {position:relative; padding:45px 15px 0 15px; z-index:9; color:#313131;}
    #mvisual .mvList .txt h3 {font-size:18px; font-weight: 500; letter-spacing:-1px;}
    #mvisual .mvList .txt h2 {margin-top:5px; font-size:25px; letter-spacing:-1.5px; line-height:1.4; font-weight:500;}
    #mvisual .mvList .txt h2 >.fc-m {font-size:27px;}/*260205 수정부분 해당줄 교체*/
	#mvisual .mvList a.mvBtn {margin-top:30px; display:inline-block; padding:11px 40px; border-radius:7px; background:#fff; font-size:16px; font-weight:700; letter-spacing:-0.5px; color:#313131;}
    #mvisual .mvList .img {position:relative;margin:0 0 0 auto;top:-20px;width:350px;z-index:8;right: -25px;transform: unset;}
    #mvisual .mvList.mv1 .img {right:-25px; }
    #mvisual .mvList.mv2 .img {right:-25px;}
    #mvisual .mvList.mv3 .img {right:-70px;}
    
    #mvisual .visualoption  {position:absolute;display:flex;align-items:center;gap:7px;bottom:25px;left:25px;width:100%;max-width:420px;z-index:10;transform: unset;padding: 0;}
    #mvisual .visualoption .playnpause a.on  {display:block; width:30px; height:30px; display:flex; align-items:center; justify-content:center;  border-radius:100%; background:rgba(49 49 49 / 60%); }
    #mvisual .visualoption .playnpause a {display:none;}
    #mvisual .visualoption .playnpause a img {width:14px;}
    #mvisual .visualoption .paging {position:relative; padding:10px 24px; display:inline-flex; align-items:center;   justify-content:center;  background:rgba(49 49 49 / 60%); border-radius:30px;}
    #mvisual .visualoption .swiper-pagination-fraction {width:45px; font-size:14px; line-height:14px; color:#ccc; text-align:center; font-weight:500;}
    #mvisual .visualoption .swiper-pagination-fraction .swiper-pagination-current {font-size:17px; font-weight:700;}
    
    #mvisual .visualoption .swiper-button-prev:after {margin-left:-15px; font-size:10px; color:#ccc;}
    #mvisual .visualoption .swiper-button-next:after {margin-right:-15px; font-size:10px; color:#ccc;}
       
  }

  .main-consult{
    background-color: #f4f4f4;
    margin-bottom: 80px;
  }
  .main-consult .inner{
    padding:80px 16px;
  }
  .main-consult .consult-inner {
    position: relative;
  }
  .main-consult .consult-inner::before,
  .main-consult .consult-inner::after{
    content:'';
    position: absolute;
    background-color: #E1E1E1;
    height: 100%;
    left:25%;
    top:0;
    width: 2px;
    bottom:0;
  }
  .main-consult .consult-inner::after{
    left:calc(25% + (75% / 2));
  }
  .main-consult .consult-inner dl{
    position: relative;
    padding-left: 25%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .main-consult .consult-inner dt{
    position: absolute;
    left:0;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.45em;
    top:22px;
  }
  .main-consult .consult-inner dt h3{
    display: block;
  }
  .main-consult .consult-inner dd{
    width: 50%;
    display: flex;
    align-items: center;
    font-weight: 700;
    gap: 8px;
    font-size: 20px;
  }
  .main-consult .consult-inner dd .thumb{
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    overflow: hidden;
  }
  .main-consult .consult-inner dd:nth-child(2) img{
    height: 120px;
  }
  .main-consult .consult-inner dd:nth-child(3) img{
    height: 90px;
  }
  .main-consult .consult-inner dd:nth-child(4) img{
    height: 90px;
  }
  .main-consult .consult-inner dd:nth-child(5) img{
    height: 90px;
  }
  .main-consult .consult-inner dd:nth-child(6) img{
    height: 110px;
  }
  
  
  .main-form {
      position: relative;
      z-index: 2;
      margin-bottom: 50px;
  }
  .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: 13px;
    border-radius: 8px;
    padding: 0 10px;
  }
  /*260129 변경사항 448번째줄부터 455번째까지 미디어쿼리 추가 */
  @media (max-width: 420px) {
	.agree-box>.cbox label .txt{
		font-size:12px; 
	}
	  .agree-box>.cbox label .terms-btn{
		font-size: 11px;
	  }
  }
  
  
  .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 {
      	  /*260129 변경사항*/ padding: 15px 10px;
      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 {
     	  /*260129 변경사항 패딩값 변경*/  padding: 8px 5px;
    }
  }
  .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;
    /*260129 변경사항 마진값 변경*/ margin-right: 10px;
  }
  	  /*260129 변경사항 581번째줄 폰트사이즈 변경*/
  .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: 13px;
    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: #ff3030;
    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;
  }

  /*배너01*/
  #banner01,
  #banner02{
    padding:100px 0 80px;
  }
  #banner01 .inner,
  #banner02 .inner{
    padding-top: 0;
    padding-bottom: 0;
  }
  /*260205수정부분 해당 줄 교체*/#banner01 a.text-wrap {display: flex;flex-direction: row;justify-content: space-between;width: 100%;gap: 10px;background-color: #FBE3E1;padding: 32px 5% 32px 8%;border-radius: 16px;}
  #banner01 a.text-wrap .title{
    font-size: 30px;
    line-height: 44px;
    font-weight: 700;
    letter-spacing: -0.1em;
    color:#101010;
  }
  #banner01 a.text-wrap .text{
    margin-top: 0.3em;
    font-size: 20px;
    line-height: 1.45em;
    letter-spacing: -0.03em;
  }
  #banner01 a.text-wrap > .image {width: 29%;min-width: 187px;position: relative;right: 0;top: 0;}
  #banner01 a.text-wrap > .image > img {width: 100%;position: absolute;right: 0;bottom: -18px;}
  
  /*260205 수정부분 시작*/
  .breakpoint {display:none;}
  .breakpoint2 {display:none;}  
  @media (max-width: 768px) {
	.breakpoint {display:block !important;}
  }
  @media (max-width: 470px) {
	.breakpoint2 {display:block !important;}
  }
  /*260205 수정부분 끝*/
  /*배너02*/
  #banner02 a.text-wrap {display: flex;flex-direction: row;justify-content: space-between;width: 100%;gap: 24px;background-color: #f3f3f3;padding: 32px 5% 32px 8%;border-radius: 16px;}
  #banner02 a.text-wrap .title{
    font-size: 30px;
    line-height: 44px;
    font-weight: 700;
    letter-spacing: -0.1em;
    color:#101010;
  }
  #banner02 a.text-wrap .text{
    margin-top: 0.3em;
    font-size: 20px;
    line-height: 1.45em;
    letter-spacing: -0.03em;
  }
  #banner02 a.text-wrap > .image {width: 29%;min-width: 187px;position: relative;right: 0;top: 0;}
  #banner02 a.text-wrap > .image > img {width: 100%;position: absolute;right: 0;bottom: 50%;transform: translate(0,50%);}
  
  
  /* ----------------- section02 ----------------- */

  .mainRankList .mainRankListInner {
      /*260212 수정부분 해당 줄 변경 */width: 1180px;
      margin: 0 auto
  }

  .mainRankList .mainRankListInner .tit {
      font-size: 40px;
      line-height: 58px;
      font-weight: 700;
      margin-bottom: 40px
  }

  .mainRankList .mainRankListInner .tit .sub {
      font-size: 28px;
      font-weight: 400;
      color: #666;
      margin-left: 20px
  }

  .mainRankList .cardList {
      gap: 50px 20px;
      display: flex;
      align-items: flex-start;
      flex-wrap: wrap;
  }

  .mainRankList .cardList .li {
      width: calc((100% - 80px) / 5);
      margin-top: 0;
      position: relative;
      border-radius: 8px;
      cursor: pointer;
  }

  .mainRankList .cardList .li .rank {
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      right: 10px;
      top: 0;
      width: 31px;
      z-index: 1;
      font-size: 19px;
      font-weight: 700;
      color: #fff;
      background: url(../images/badge.png) no-repeat center/contain;
      font-family: Manrope;
      letter-spacing: 0;
      aspect-ratio: 41 / 45;
  }

  .mainRankList .cardList .li .thum {
      border-radius: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 30px 10px;
      background-color: #f9f7f3;
      overflow: hidden;
  }

  .mainRankList .cardList .li .thum img {
      max-width: 100%;
  }

  .mainRankList .cardList .li .text {
      margin-top: 24px;
      padding: 0
  }

  .mainRankList .cardList .li .text .info .tit {
      margin-bottom: 20px;
      font-size: 17px;
      line-height: 26px;
      font-weight: 700;
      height: 54px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical
  }


  .mainRankList .cardList .li .text .info .settingPrice {
      color: #e71828
  }

  .mainRankList .cardList .li .text .info .settingPrice .number {
    font-size: 24px;
    font-weight: 700;
  }
  .mainRankList .cardList .li .text .info .settingPrice .number .unit {
      font-weight: 400;
      margin-left: 10px;
    
  }
      
       /*260129 변경사항 section04 전체css 수정 */
    /* ----------------- section04 ----------------- */
    #section04{
      background-color: #f4f4f4 !important;
    }
    #section04 .slider-container {position: relative; width: 100%; max-width: 1200px; height: 441px; perspective: 1500px;  display: flex; justify-content: center; align-items: center; margin: 0 auto;margin-top: 40px;}
    #section04 .slider-container .card {position: absolute; top: 0; left: 50%; transform: translateX(-50%);  width: 100%; max-width: 359px; transition: all 0.8s ease; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); cursor: pointer; background-color: var(--white); width: 359px; height: auto; padding: 32px 16px; display: flex; flex-direction: column; align-items: center;justify-content: space-between;background-color: #fff;}
    #section04 .slider-container .card > .car-name {
      font-size: 28px;
      line-height: 44px;
      font-weight: 700;
      letter-spacing: -0.01em;
    }
    #section04 .slider-container .card > img.car {width: 80%; display: block; margin-bottom: 24px;}
    #section04 .slider-container .card .car-price {margin-top: 16px;font-size: 30px;}
    #section04 .button-cta {width: 450px;max-width: 100%;color:#fff;border: 1px solid #ff3030;background-color: #ff3030;border-radius:8px;padding: 12px 0;cursor: pointer;margin-top: 16px;text-align: center;transition:background-color 0.3s ease, color 0.3s ease, border 0.3s ease;font-size: 20px;line-height: 1.6em;font-weight: 600;letter-spacing: -0.03em;}
    #section04 .button-cta:hover {background-color: transparent; color: #ff3030; font-weight: 700; border: 1px solid #ff3030;}

    
    .twink{
      animation: twink 0.9s infinite;
    }
    @keyframes twink {
      0% {
        opacity: 0;
      }
      50% {
        opacity: 1;
      }
      100% {
        opacity: 0;
      }
    }

/* ===============================
   section04 슬라이드 좌우 버튼
   배경 없음 / #333 / 두께 3px
   =============================== */

#section04 .slider-container {
  position: relative;
}

/* 버튼 공통 */
#section04 .slide-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 50;

  width: 40px;
  height: 40px;

  background: none;
  border: none;
  cursor: pointer;

  font-size: 0; /* 버튼 안 텍스트 숨김 */
}

/* 화살표 */
#section04 .slide-arrow::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;

  width: 14px;
  height: 14px;

  border-top: 3px solid #333333;
  border-right: 3px solid #333333;
}

/* 왼쪽 */
#section04 .slide-arrow.prev {
  left: -20px;
}
#section04 .slide-arrow.prev::before {
  transform: translate(-50%, -50%) rotate(-135deg);
}

/* 오른쪽 */
#section04 .slide-arrow.next {
  right: -20px;
}
#section04 .slide-arrow.next::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

/* hover / active (클릭 시 조금 진하게) */
#section04 .slide-arrow:hover::before,
#section04 .slide-arrow:active::before {
  border-color: #222222;
}

/* 모바일 대응 */
@media (max-width: 768px) {
  #section04 .slide-arrow {
    width: 32px;
    height: 32px;
  }

  #section04 .slide-arrow.prev {
    left: -10px;
  }

  #section04 .slide-arrow.next {
    right: -10px;
  }
}

  
  /* ----------------- section05 ----------------- */
	/*260212 추가부분 시작*/
	.add_rule {margin:-30px 0 0; font-size:14px; color:#fff; text-align:right; display:block !important; }
	.add_rule2 {text-align:center; padding:50px 20px 0 0 ;  font-size:14px; color:#666; display:block !important; }
	.add_rule3 { text-align:right;  font-size:14px; color:#666; display:block !important;   width: 100%; margin: -30px 0 20px;  /* top 대신 margin 사용 */  box-sizing: border-box;}
	
	@media (max-width: 1024px) {
		.add_rule {position:relative; top:-5px; margin-top:0; font-size:12px; }
	}

	
	@media (max-width: 768px) {		
		.add_rule, .add_rule2, .add_rule3 {font-size: 11px; }
	    .add_rule2 {font-size: 11px; padding:30px 0 0 0 ;}
		
	}
	@media screen and (max-width: 410px) {
		.add_rule {margin:-16px 0 0; }
    }
	
	/*260212 추가부분 끝*/  
  
    .section05 .inner{
      max-width: unset;

    }
    .ribon{
      width: 59px;
      height: 51px;
      overflow: hidden;
      text-indent: -9999px;
    }
    .ribon.type1{
      background: url(../images/badge_hot.png) no-repeat center/cover;
    }
    .m-mainProductVisual{
      display: none;
    }
  .mainProductVisualWrap{
    position: relative;
      overflow: hidden;
      max-width: 1920px;
      height: 780px;
      /*260212 수정부분 해당줄 교체*/margin: 30px auto 0;
      background: url(../images/mainPrdVisual.png) no-repeat center/auto 100%
  }
  .mainProductVisual .swiper-button-prev {
      position: absolute;
      z-index: 1;
      width: 144px;
      height: 112px;
      left: 50%;
      top: 315px;
      transform: translate(-860px);
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAABwCAYAAADxAvk6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGnSURBVHgB7d3RSQNBEIDhwQpSQkpIR9qJ6UQ7SgkpwRLWDZ6YLHnYnQko+H0wD/f+w93B3lwEAAAAAADwYK21fZ/zZQJWXMXTBMSSMZ7LdcCMIZ6TeJh2J55dwAzxkCYe0sRDWo/l0OdDPCwb4nkTD9PGeAJmiYc08ZAmHtJ6MC/iIWWL59trwCzxkCYe0sRDmnhI68EcxUOKeEgTD2niIU08pImHNPGQNsTzHDBLPKSJhzTxkCYe0now71s4H+JhyRDPIWCWeEgTD2niIaXHshMPKVs8py2es3iYdieefcAM8ZAmHtLEQ5p4SGu2v1Mhnv/tKeA3uYVRtkXkIZo8b2KUiYgyEVEmIsqa4xw8QnOgjCoRUSYiykREmYgoaz5tpqqH89p+iIh1IqJMRJSJiDIRUTZEdAxYJSLKRESZiCgTEWUiokxElLXbn+4eA1aJiDIRUSYiykRE2RDRW8CqHs6hfR2NFRE5IqJMRJSJiLIxoj67gBVbROctopOIWNZul3+KiHUiokxElImIsjsR7QNWNFv1qRojClh1FZGAAAAAAADgT/sE5TmaDtn69MQAAAAASUVORK5CYII=) no-repeat center/contain;
      cursor: pointer
  }

  .mainProductVisual .swiper-button-prev:after {
      display: none
  }

  .mainProductVisual .swiper-button-next {
      position: absolute;
      z-index: 1;
      width: 144px;
      height: 112px;
      left: 50%;
      top: 315px;
      transform: translate(716px) rotate(180deg);
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAABwCAYAAADxAvk6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGnSURBVHgB7d3RSQNBEIDhwQpSQkpIR9qJ6UQ7SgkpwRLWDZ6YLHnYnQko+H0wD/f+w93B3lwEAAAAAADwYK21fZ/zZQJWXMXTBMSSMZ7LdcCMIZ6TeJh2J55dwAzxkCYe0sRDWo/l0OdDPCwb4nkTD9PGeAJmiYc08ZAmHtJ6MC/iIWWL59trwCzxkCYe0sRDmnhI68EcxUOKeEgTD2niIU08pImHNPGQNsTzHDBLPKSJhzTxkCYe0now71s4H+JhyRDPIWCWeEgTD2niIaXHshMPKVs8py2es3iYdieefcAM8ZAmHtLEQ5p4SGu2v1Mhnv/tKeA3uYVRtkXkIZo8b2KUiYgyEVEmIsqa4xw8QnOgjCoRUSYiykREmYgoaz5tpqqH89p+iIh1IqJMRJSJiDIRUTZEdAxYJSLKRESZiCgTEWUiokxElLXbn+4eA1aJiDIRUSYiykRE2RDRW8CqHs6hfR2NFRE5IqJMRJSJiLIxoj67gBVbROctopOIWNZul3+KiHUiokxElImIsjsR7QNWNFv1qRojClh1FZGAAAAAAADgT/sE5TmaDtn69MQAAAAASUVORK5CYII=) no-repeat center/contain;
      cursor: pointer
  }

  .mainProductVisual .swiper-button-next:after {
      display: none
  }

  .mainProductVisual .mainProductVisualInner {
      position: relative;
      width: 1420px;
      max-width: 100%;
      height: 100%;
      margin: 0 auto;
      overflow: hidden
  }

  .mainProductVisual .mainProductVisualInner .mainProductVisualPoint {
      display: block;
      position: absolute;
      left: 0;
      top: 60px;
      color: #fff
  }

  .mainProductVisual .mainProductVisualInner .mainProductVisualPoint .text {
      display: flex;
      align-items: center;
      font-size: 36px;
      line-height: 42px;
      font-weight: 700
  }

  .mainProductVisual .mainProductVisualInner .mainProductVisualPoint .text strong {
      font-size: 50px;
      line-height: 70px;
      color: #ff404b;
      margin-right: 10px
  }

  .mainProductVisual .mainProductVisualInner .swiperWrap {
      display: block;
      position: absolute;
      width: 1220px;
      right: 0;
      top: 178px;
      margin-right: auto;
      height: 100%
  }

  .mainProductVisual .mainProductVisualInner .swiperWrap .swiper {
      overflow: visible
  }

  .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide .item {
      opacity: 0;
      display: block;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
  }

  .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide .item .inner {
      margin: 0 auto;
      border-radius: 8px;
      width: 389px;
      padding:0;
  }

  .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide .item .inner .ribonArea {
      display: flex;
      gap: 4px;
      position: absolute;
      top: -13px;
      right: 20px;
      z-index: 1
  }

  .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide .item .inner .thum {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 200px
  }

  .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide .item .inner .thum img {
      width: 100%
  }

  .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide .item .inner .text {
      padding: 24px 20px 28px
  }

  .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide .item .inner .text .info .tit {
      font-size: 16px;
      line-height: 24px;
      height: 48px;
      font-weight: 700;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical
  }

  .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide .item .inner .text .info .leasePrice {
      margin-top: 16px;
      font-size: 14px;
      color: #8f9191;
      line-height: 24px;
      font-weight: 700
  }

  .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide .item .inner .text .info .leasePrice .txt {
      display: block
  }

  .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide .item .inner .text .info .leasePrice .number {
      display: block;
      text-decoration: line-through
  }

  .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide .item .inner .text .info .leasePrice .number .unit {
      font-weight: 400;
      margin-left: 4px
  }

  .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide .item .inner .text .info .settingPrice {
      line-height: 38px
  }

  .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide .item .inner .text .info .settingPrice .number {
      font-size: 28px;
      font-weight: 700;
      color: #e71828
  }

  .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide .item .inner .text .info .settingPrice .number .unit {
      font-weight: 400;
      margin-left: 10px
  }

  .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide.swiper-slide-prev~.swiper-slide .item {
      opacity: 1
  }

  .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide.swiper-slide-active~.swiper-slide .item .inner {
      background-color: #fff
  }

  .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide.swiper-slide-active .item {
      transition: opacity .5s;
      opacity: 1
  }

  .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide.swiper-slide-active .item .inner {
      transition: width .5s,transform .5s;
      width: 430px;
      transform: translate(-189px);
      background: transparent
  }

  /* .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide.swiper-slide-active .item .inner .ribonArea {
      display: none
  } */

  .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide.swiper-slide-active .item .inner .ribonArea{
    top: -8px;
  }
  .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide.swiper-slide-active .item .inner .thum {
      transition: margin .5s;
      margin-top: 14px;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      height: 331px;
      overflow: hidden
  }

  .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide.swiper-slide-active .item .inner .thum img {
      flex: none;
      height: 260px;
      width: auto;
      max-width: none
  }

  .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide.swiper-slide-active .item .inner .text {
      padding: 24px 0 28px
  }

  .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide.swiper-slide-active .item .inner .text .info .tit {
      transition: all .5s;
      font-size: 20px;
      line-height: 28px;
      height: 56px;
      color: #fff
  }

  .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide.swiper-slide-active .item .inner .text .info .leasePrice {
      transition: all .5s;
      font-size: 16px;
      line-height: 28px;
      color: #fff
  }

  .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide.swiper-slide-active .item .inner .text .info .settingPrice {
      transition: all .5s;
      line-height: 49px
  }

  .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide.swiper-slide-active .item .inner .text .info .settingPrice .number {
      transition: font-size .5s;
      font-size: 36px;
      font-weight: 700;
      color: #fff
  }

  .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide.swiper-slide-active .item .inner .text .info .settingPrice .number .unit {
      font-weight: 400;
      margin-left: 10px
  }

  .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide.swiper-slide-active:first-child~.swiper-slide .item .inner {
      background-color: #fff
  }

  .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide.swiper-slide-active:first-child .item {
      opacity: 1
  }

  .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide.swiper-slide-active:first-child~.swiper-slide .item {
      opacity: 1
  }

  @media (max-width: 1710px) {
      .mainProductVisual .swiper-button-prev,.mainProductVisual .swiper-button-next {
          display:none
      }
  }
    
  
  
  /* ----------------- 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;
  }
  
  /* service */
  .service .title-box h2{
    margin-bottom: 40px;
  }
  .service .service-list{
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap:40px
  }
  .service .service-list li{
    width: calc((100% - 80px) / 3);
  }
  .service .service-list li div{
    position: relative;
    overflow: hidden;
    background-color: #f3f3f3;
    border-radius: 20px;
    aspect-ratio: 4 / 3;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: center;
    padding:20px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .service .service-list li div::after{
    content:'';
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
  }
  .service .service-list li div strong{
    color:#fff;
    position: relative;
    z-index: 2;
    text-align: center;
    font-size: 24px;
    line-height: 1.2em;
    font-weight: 700;
  }
  
  /* ----------------- section09 ----------------- */
  .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: 1480px) {
    .mainProductVisualWrap{
        height: 500px;/*260212 수정부분 해당줄 변경 */
    }
    .mainProductVisual .swiper-button-prev, .mainProductVisual .swiper-button-next{
      display: block;
    }
    .mainProductVisual .swiper-button-prev{
      transform: translate(-585px, calc(-50% + 28px));
      top: 50%;
    }
    .mainProductVisual .swiper-button-next{
      transform: translate(435px, calc(-50% + 28px)) rotate(180deg);
      top: 50%;
    }
    .mainProductVisual .mainProductVisualInner{
      width: 950px;
    }
    .mainProductVisual .mainProductVisualInner .mainProductVisualPoint{
      left: 20px;
      top:32px;
    }
    .mainProductVisual .mainProductVisualInner .mainProductVisualPoint .text{
      font-size: 20px;
      line-height: 33px;
    }
    .mainProductVisual .mainProductVisualInner .mainProductVisualPoint .text strong{
      font-size: 26px;
      line-height: 33px;
    }
    .mainProductVisual .mainProductVisualInner .swiperWrap{
      right:10px;
      top:120px
    }
    .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide .item .inner{
      width: 100%;
    }
    .mainProductVisual .mainProductVisualInner .swiperWrap{
      width: 825px;
    }
    .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide .item .inner .ribonArea{
      right:10px;
    }
    .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide .item .inner .thum img{
      width: 90%;
      margin:0 auto;
    }
    .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide .item .inner .thum{
      height: 150px;
    }
    .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide .item .inner .text{
      padding:20px 15px 22px;
    }
    .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide .item .inner .text .info .tit{
      font-size: 15px;
      line-height: 1.45em;
      height: 2.9em;
    }
    .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide .item .inner .text .info .settingPrice .number{
      font-size: 22px;
    }
    .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide .item .inner .text .info .settingPrice .number .unit{
      margin-left: 4px;
    }
    .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide.swiper-slide-active .item .inner{
      width: 250px;
      transform: translate(-90px,0);
    }
    .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide.swiper-slide-active .item .inner .thum{
      height: 190px;
      margin:0;
    }
    .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide.swiper-slide-active .item .inner .thum img{
      height: 150px;
    }
    .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide.swiper-slide-active .item .inner .text{
      padding-top: 34px;
      padding-bottom: 0;
    }
    .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide.swiper-slide-active .item .inner .text .info .tit{
      font-size: 18px;
    }
    .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide.swiper-slide-active .item .inner .text .info .leasePrice{
      font-size: 14px;
    }
    .mainProductVisual .mainProductVisualInner .swiperWrap .swiper .swiper-slide.swiper-slide-active .item .inner .text .info .settingPrice .number{
      font-size: 22px;
      line-height: 1;
    }

  }
  @media (max-width: 1170px) {
    .mainProductVisual .swiper-button-prev, .mainProductVisual .swiper-button-next{
      display: none;
    }
  }
  @media (max-width: 1024px) {
    .main-consult{
      margin-bottom: 30px;
    }
    .main-consult .inner{
      padding:50px 20px;
    }
      .main-consult .consult-inner dl{
        padding-left: 0;
      }
      .main-consult .consult-inner dt{
        position: static;
        width: 100%;
        margin-bottom: 20px;
        font-size: 22px;
      }
      .main-consult .consult-inner dt br{
        display: none;
      }
      .main-consult .consult-inner::before, .main-consult .consult-inner::after{
        content:none;
      }
      .main-consult .consult-inner dd{
        padding-right: 20px;
        box-sizing: border-box;
        font-size: 16px;
        word-break: keep-all;
        line-height: 1.4em;
      }
      .main-consult .consult-inner dd .thumb{
      margin-left: -30px;
      width: 100px;
      flex-shrink: 0;
      }
      .main-consult .consult-inner dd .thumb img{
        height: auto !important;
      }
      .main-consult .consult-inner dd:nth-child(2n){
        border-right: 2px solid #E1E1E1;a
      }
      .main-consult .consult-inner dd:nth-child(2n+1){
        padding-left: 40px;
      }
      .main-form .boardwriteWrap dd.agree{font-size: 11px;}

      .section07 .flex .arrow {margin-left: 30px;}

      .mainProductVisual{
        display: none;
      }

      .swiper-indicator {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
        width: 100%;
        margin-top: 16px
      }

      .swiper-indicator button {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 9px;
        height: 10px;
        background-color: transparent;
        padding:0;
      }

      .swiper-indicator button:before {
        display: inline-flex;
        content: ""
      }

      .swiper-indicator .swiper-button-stop {
        gap: 3px
      }

      .swiper-indicator .swiper-button-stop:before,.swiper-indicator .swiper-button-stop:after {
        content: "";
        width: 3px;
        height: 10px;
        border-radius: 10px;
        background-color: #8f9191
      }

      .swiper-indicator .swiper-button-play:before {
        width: 0px;
        height: 0px;
        border-left: 9px solid #8F9191;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent
      }

      .swiper-indicator .swiper-pagination {
        display: inline-flex;
        gap: 10px;
        position: relative!important;
        left: auto!important;
        bottom: auto!important;
        z-index: 0;
        width: auto!important
      }

      .swiper-indicator .swiper-pagination-bullet {
        width: 7px;
        height: 7px;
        margin: 0!important;
        opacity: 1;
        background: #8F9191
      }

      .swiper-indicator .swiper-pagination-bullet-active {
        background: #FF404B
      }

      .m-mainProductVisual{
        display: block;
      }
      .m-mainProductVisual .inner{
        padding:0;
      }
      .mainProductVisualWrap {
        padding: 32px;
        background: url(../images/img_mainProductVisualBg.png) no-repeat center/cover
    }
    
    .m-mainProductVisual .mainProductVisualInner {
        position: relative
    }
    
    .m-mainProductVisual .mainProductVisualPoint {
        font-weight: 700;
        color: #fff;
        margin-bottom: 16px
    }
    
    .m-mainProductVisual .mainProductVisualPoint .text1 {
        font-size: 16px;
        line-height: 28px
    }
    
    .m-mainProductVisual .mainProductVisualPoint .text2 {
        display: flex;
        align-items: center;
        line-height: 30px;
        font-size: 20px
    }
    
    .m-mainProductVisual .mainProductVisualPoint .text2 strong {
        font-size: 28px;
        color: #ff404b;
        margin-right: 6px
    }
    
    .m-mainProductVisual .swiper-indicator {
        position: absolute;
        top: 305px;
        left: 0;
        margin-top: 0;
        z-index: 1
    }
    
    .m-mainProductVisual .swiper:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 205px;
        background: url(../images/m_img_mainProductVisualCarBg.png) no-repeat top 0 center/cover;
        left: 0;
        top: 10px;
        z-index: 1
    }
    .m-mainProductVisual .item{
      position: relative;
      padding-top: 10px;
    }
    .m-mainProductVisual .item .ribonArea{
      position: absolute;
      right: 20px;
      top: -10px;
      z-index: 1;
    }
    .m-mainProductVisual .item .inner .thum {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 205px;
        margin-bottom: 48px
    }
    
    .m-mainProductVisual .item .inner .thum img {
        display: block;
        position: absolute;
        height: 156px;
        max-width: none;
        left: 50%;
        bottom: 0;
        transform: translate(-50%);
        z-index: 1
    }
    
    .m-mainProductVisual .item .inner .text {
        color: #fff
    }
    
    .m-mainProductVisual .item .inner .text .info .tit {
        font-size: 14px;
        line-height: 24px;
        font-weight: 700;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-bottom: 8px
    }
    
    .m-mainProductVisual .item .inner .text .info .leasePrice .txt {
        display: block;
        font-size: 14px;
        line-height: 24px
    }
    
    .m-mainProductVisual .item .inner .text .info .leasePrice .number {
        font-size: 14px;
        line-height: 20px;
        text-decoration-line: line-through
    }
    
    .m-mainProductVisual .item .inner .text .info .leasePrice .number .unit {
        font-family: Noto Sans KR;
        font-weight: 400;
        margin-left: 4px
    }
    
    .m-mainProductVisual .item .inner .text .info .settingPrice .number {
        font-size: 20px;
        line-height: 27px
    }
    
    .m-mainProductVisual .item .inner .text .info .settingPrice .number .unit {
        font-family: Noto Sans KR;
        font-weight: 400;
        margin-left: 4px
    }
    
  }
  
  @media (max-width: 820px) {
      .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;
      }
  
  }
  
  @media (max-width: 1212px) {
    .service .service-list{
      gap: 30px;
    }
    .service .service-list li{
      width: calc((100% - 60px) / 3);
    }
  }
  @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: 23px; margin: 4px 0 10px;}/*260205 수정부분 해당 줄 교체 */
      .title-box > span {display: block; font-size: 15px; padding: 0 50px; line-height: 1.5;}
  
      .inner {padding: 40px 16px;}
  
      .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;}

    #banner01, #banner02{
      padding: 50px 0 30px;
    }
      #banner01 a.text-wrap,
      #banner02 a.text-wrap{
        padding:25px 10px 25px 10px;/*260205 수정부분 해당 줄 교체*/
      }
      #banner01 a.text-wrap .title,
      #banner02 a.text-wrap .title{
        font-size: 16px;/*260205 수정부분 해당 줄 교체 */
        line-height: 2em;
      }
      #banner01 a.text-wrap .text,
      #banner02 a.text-wrap .text{
        font-size: 15px;
        word-break: keep-all;
        line-height: 1.4em;
      }
      #banner01 a.text-wrap .text br,
      #banner02 a.text-wrap .text br{
        display: none;
      }
      #banner01 a.text-wrap > .image,
      #banner02 a.text-wrap > .image{
        min-width: 100px;
        width: 15%;
      }
      #banner01 a.text-wrap > .image > img{
        bottom:50%;
        transform: translate(0,50%);
      }

       /*단톡특가*/
      #section04 .container {padding: 60px 0;}
      #section04 .slider-container {position: relative; max-width: 90%; aspect-ratio: 359/441; }
      #section04 .slider-container .card {width: 80%; height: auto; top: 0;}
      #section04 .slider-container .card > .car-name{
        font-size: 20px;
      }
      #section04 .slider-container .card .car-price {font-size:24px;}
  
      /* section02 */
      .mainRankList{
        padding-bottom: 0;
      }
      .mainRankList .mainRankListInner .tit{
        font-size: 26px;
        line-height: 1.4;
        margin-bottom: 4
        ;
      }
      .mainRankList .mainRankListInner .tit .sub{
        margin-left: 10px;
        font-size: 18px;
		display:none;/*260205 수정부분 해당줄 추가*/
      }
      .section02 .inner {padding: 40px 16px;}
      .mainRankList .cardList{
        flex-wrap: wrap;
        gap:30px 20px;
      }
      .mainRankList .cardList .li{
        width: calc((100% - 20px) / 2);
      }
      .mainRankList .cardList .li .rank{
        width: 24px;
        font-size: 14px;
        right:7px
      }
      .mainRankList .cardList .li .text{
        margin-top: 12px;
      }
      .mainRankList .cardList .li .text .info .tit{
        font-size: 14px;
        line-height: 1.5em;
        height: 3em;
        margin-bottom: 12px;
      }
      .mainRankList .cardList .li .text .info .settingPrice .number{
        font-size: 17px;
      }
      .mainRankList .cardList .li .text .info .settingPrice .number .unit{
        margin-left: 4px;
      }

      .service .title-box h2{
        margin-bottom: 25px;
      }
      .service .service-list{
        gap: 8px;
      }
      .service .service-list li{
        width: calc((100% - 16px) / 3);
      }
      .service .service-list li div{
        border-radius: 8px;
        padding: 10px 15px;
      }
      .service .service-list li div strong{
        font-size: 11px;/*260205 수정부분 해당 줄 교체*/
        margin-bottom: 0.6em;
      }
  
      /* 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;}
  
      .main-form{
        margin-bottom: 20px;
      }
	  /*260129 변경사항 1856번째줄 패딩값 변경*/
      .main-form .inner{
        width: 100%;
        padding:30px 15px;
      }
      .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;
      }

      .main-consult .inner{
        padding:30px 20px;
      }
      .main-consult .consult-inner dd{
        width: 100%;
        padding:0 !important;
        border-right: 0 !important;
      }
      .main-consult .consult-inner dd .thumb{
        height: 60px;
      }
      .main-consult .consult-inner dd:nth-child(4) img{
        height: 76px !important;
        transform: translate(2px,0);
      }
      .main-consult .consult-inner dd:nth-child(5) img{
        height: 80px !important;
        transform: translate(-3px,0);
      }
      .main-consult .consult-inner dd:nth-child(6) img{
        height: 80px !important;
        transform: translate(-3px,0);
      }
      
  }
  
  
  @media (max-width: 550px) {
   
  }
  @media (max-width: 450px) {
  }