/*공통*/
.main_point { background-image: linear-gradient( #004fd1, #0095ed); background-clip: text; -webkit-background-clip: text; color: transparent; }
.blue_point { color: #007ae2; }
.yellow_point { color: #fffd5e;}
.scd8{font-family: 'scd8';}
.scd7{font-family: 'scd7';}
.scd5{font-family: 'scd5';}
.scd3{font-family: 'scd3';}
.ggs1{font-family: 'ggs1';}
.ggs2{font-family: 'ggs2';}
.paplg2 { font-family: 'Paperlogy2'; }
.paplg3 { font-family: 'Paperlogy3'; }
.paplg5 { font-family: 'Paperlogy5'; }
.paplg7 { font-family: 'Paperlogy7'; }
.paplg8 { font-family: 'Paperlogy8'; }
.jalnan { font-family: 'yg-jalnan'; }

#Wrap { width: 100%; height: 100%; position: relative; }

/* 화면스크롤 시 애니메이션효과 */
.tit_animation { opacity: 0; transform: translateY(-50px); transition: opacity 0.5s ease-out, transform 0.5s ease-out; }
.con_animation { opacity: 0; transform: translateY(50px); transition: opacity 0.5s ease-out, transform 0.5s ease-out; }
.no_view { opacity: 1; transform: translateY(0); }

.tit_animation2 { opacity: 0; transform: translateX(-50px); transition: opacity 0.5s ease-out, transform 0.5s ease-out; }
.no_view2 { opacity: 1; transform: translateX(0); }


/*공통타이틀*/
.main_tit { width: 100%; text-align: center; }
.main_tit .tt { font-size: 60px; color:#000000;  }
.main_tit .sub_tt { font-size: 38px; color:#333333; }

.header { width: 100%; position: fixed; top: 0; left: 0; padding: 1% 0; z-index: 99; }
.header .con_box { width:100%; max-width: 1400px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
.header .logo > a { width: 100%; }
.header .top_btn {  align-items: center; display: flex; gap: 10px; }
.header .top_btn .btn { width: 140px; height: 40px; line-height: 40px; text-align: center; border-radius: 50px; font-weight: 500; }
.header .top_btn .btn.call { background-color: #fff; color:#0080c2; }
.header .top_btn .call > a { width: 100%; }
.header .top_btn .call > a > i { margin-right: 3px; }
.header .top_btn .btn.kakao { background-color: #ffe21e; color:#4b2308;}
.header .top_btn .kakao > a { width: 100%; }
.header .top_btn .kakao > a > img { margin-right: 3px; }
.top_header { background-color: #fff;  opacity: 0; transition: all 0.5s; }
.top_header .top_btn .btn.call { background-color: #0080c2; color:#fff; }

.main { width: 100%; position: relative; background-color: #42d5fc; overflow: hidden; }
.main .bg { width: 100%; height: 73vh; }
.main .bg_img { width: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); text-align: center; }
.main .bg_img_m { width: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); text-align: center; display: none; }
.main .title { width: 100%; max-width: 1200px; position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); text-align: center; z-index: 1; display: flex; align-items: center; flex-direction: column;}
.main .title .sub { width: 100%; font-size: 3rem; color:#fff; }
.main .title .tit { width: 100%; font-size: 7.2rem; margin-top: 1%; color:#fff; text-shadow: 1px 3px rgb(23, 176, 233); }
.main .title .tit .pt { color:#002a47; }
.main .bg_cloud { width: 100%; height: 53vh; padding: 0 3%; display: flex; align-items: center; justify-content: space-between; position: absolute; top: 0; left: 0; transform: translateY(40%); }
.main .bottom { width: 100%; height: 35vh; background-image: url(/images/main_bg_botm.png); background-repeat: no-repeat; background-size: cover; }
.main .bottom .car {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: -12vh;
  animation: carBrake 1.8s cubic-bezier(0.1, 1, 0.3, 1) forwards;
}

/* 오른쪽 → 가운데로 이동하는 애니메이션 */
@keyframes carMove {
  0% {
    transform: translateX(100vw); /* 오른쪽 화면 밖에서 시작 */
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translateX(0); /* 제자리 (가운데) */
  }
}

/* 오른쪽 → 중앙 → 살짝 앞으로 갔다가 → 되돌아오는 느낌 */
@keyframes carBrake {
  0% {
    transform: translateX(100vw) rotate(-0deg) translateY(-0px) scale(1);
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  90% {
    transform: translateX(-0.5%) translateY(-10px) rotate(-2deg) scale(1.0); /* 살짝 앞으로 튀어나옴 */
  }
  100% {
    transform: translateX(0) scale(1);
  }
}


/*숫자롤링배너*/
.num_role { width: 100%; height: 230px; background-color: #002137; display: flex; align-items: center; }
.num_role .con_box { width: 100%; max-width: 1200px; margin:0 auto; display: flex; justify-content: space-between; align-items: center; gap: 58px;  }
.num_role .tit { width: 25%; color:#fff; font-weight: 800; }
.num_role .tit .en { font-size: 24px; opacity: 0.2; }
.num_role .tit .tt { font-size: 34px; margin-top: 5px; }
.num_role .tit .tt.pt { color:#aae2ff; line-height: 28px; }
.num_role .role { width: 75%; color:#fff; display: flex; gap: 20px; align-items: center; justify-content: flex-end; top: 15px; }
.num_role .role > ul { width: 32%; display: flex; justify-content: flex-end; align-items: center; gap: 10px; }
.num_role .role > ul .txt { font-weight: 300; font-size: 19px; }
.num_role .role > ul .num { font-size: 45px; color:#fffd5e; }

/* 특가 찬스! */
.section01 { width: 100%; position: relative; margin-top: 130px; }
.section01 .con_box { width: 100%; max-width: 1200px; margin:0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center;  }
.section01 .main_tit .sub_tt { margin-top: 10px; }
.section01 .sub_text { width: 100%; display: flex; align-items: center; flex-direction: column; gap: 10px; text-align: center; margin-top: 28px; }
.section01 .sub_text .line { width: 1px; height: 50px; background-color: #999; }
.section01 .sub_text .tit { width: 100%; font-size: 34px; }
.section01 .sub_text .tit .tt { color: #999; font-size: 40px; } 
.section01 .sub_text .txt { font-size: 26px; color: #555555; font-weight: 300; } 
.section01 .sub_text .txt > span { color:#333; font-weight: 500; display: inline; box-shadow: inset 0 -17px 0 #feffb3; padding: 0 2px;  }
.section01 .contents { width: 100%; display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 100px; }
.section01 .contents .list { width: 380px; height: 184px; }
.section01 .contents .list .num { position: absolute; top: -57px; left: 0; font-size: 70px; color: #e5e5e5; }
.section01 .contents .list .box { width: 100%; height: 184px; padding: 30px; border: 5px solid #e5e5e5; border-radius: 30px; background-color: #fff; display: flex; align-items: center; justify-content: space-between; z-index: 1; }
.section01 .contents .list .box .cn_text .cn_tit { font-size: 32px; color: #000; }
.section01 .contents .list .box .cn_text .cn_sub { font-size: 20px; color: #666666; font-weight: 300; margin-top: 5px; }
.section01 .contents .list .box .cn_text .cn_sub .tt { font-weight: 400; color: #333; }

/* 무료견적배너 */
.section02 { width: 100%; position: relative; margin-top: 130px; background-color: #1b73d6; }
.section02 .con_box { width: 100%; height: 220px; max-width: 1200px; margin:0 auto; display: flex; justify-content: space-between; align-items: center;  }
.section02 .title { width: 65%; font-size: 30px; color:#fff; font-weight: 300; }
.section02 .title > span { font-weight: 600; }
.section02 .bn_btn { width: 35%; cursor: pointer !important; }
.section02 .bn_btn > button { width: 220px; height: 56px; line-height: 48px; z-index: 1; border-radius: 50px; border: 5px solid #aae2ff; background-color: #fff; font-size: 20px; font-weight: 600; cursor: pointer !important;  box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.3); }
.section02 .bg_illust { position: absolute; right: 0; bottom: 0px; display: flex; align-items: flex-end; gap: 90px; }
.section02 .bg_illust .img { width: 100%; }

/* 비용절감 */
.section03 { width: 100%; position: relative; margin-top: 130px; }
.section03 .con_box { width: 100%; max-width: 1200px; margin:0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center;  }
.section03 .contents { width: 100%; margin-top: 80px; }
.section03 .contents .box { width: 900px; height: 500px; background-color: #f6f6f6; border-radius: 50px; padding: 20px 50px; display: flex; align-items: center; justify-content: space-between; }
.section03 .contents .box .titbox { width: 400px; height: 320px; background-color: #007ae2; border-radius: 30px; padding: 15px; color: #fff; display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 20px; left: -110px; }
.section03 .contents .box .titbox .tit { font-size: 35px; }
.section03 .contents .box .titbox .line { width: 38px; height: 2px; background-color: #fff; opacity: 0.2; }
.section03 .contents .box .titbox .text { font-size: 20px; font-weight: 300; line-height: 28px; text-align: center; }
.section03 .contents .box .titbox .text > span { display: inline; box-shadow: inset 0 -17px 0 #0064b9; padding: 0 2px; font-weight: 500; } 
.section03 .contents .box .contbox { width: 500px; float:left; }
.section03 .contents .box2 { float:right; margin-top: 80px; }
.section03 .contents .car_box { width: 100%; z-index: 2; position: absolute;  }
.section03 .contents .car_box .car { width: 100%; display: flex; justify-content: flex-end; align-items: center; gap: 15px; }
.section03 .contents .car_box .car .sm_txt { font-size: 15px; font-weight: 400; color: #888; }
.section03 .contents .car_box .car > img { width: 20%; }
.section03 .bg_coin1 { position: absolute; top: 30%; right: 0; transform: translate(50%, -30%); text-align: right; }
.section03 .bg_coin2 { position: absolute; bottom: 0; left: 0;  transform: translate(-50%, -50%); text-align: left;}

/* 출고서비스 */
.section04 { width: 100%; position: relative; background-color: #e8f6ff; margin-top: 120px; }
.section04 .con_box { width: 100%; max-width: 1200px; margin:0 auto; display: flex; flex-direction: column; justify-content:center; align-items: center; padding: 7% 0; z-index: 1; }
.section04 .bottom { width: 100%; height: 65vh; background-image: url(/images/sec04_bgimg.png); background-repeat: no-repeat; background-size: cover; position: absolute; bottom: 0; }
.section04 .main_tit .sub_tt { margin-top: 10px; }
.section04 .contents { width: 100%; display: flex; align-items: center; justify-content: center; gap: 30px; margin-top: 70px; }
.section04 .contents .list { width: 32%; height: 180px; background-image: linear-gradient( to bottom, #42d5fc, #0092e8); border-radius: 30px; padding: 30px; display: flex; align-items: center; justify-content: space-between; }
.section04 .contents .list .cn_icon { float: right; text-align: right; top: -20px; }
.section04 .contents .list .cn_text { float: left; text-align: left; font-size: 26px; color:#fff; margin-top: 20px; line-height: 34px; }
.section04 .btm_text { width: 100%; margin-top: 50px; text-align: center; display: flex; flex-direction: column; gap: 10px; align-items: center; }
.section04 .btm_text .img { width: 100%; }
.section04 .btm_text .sub_txt { width: 100%; font-size: 24px; font-weight: 300; margin-top: 10px; }
.section04 .btm_text .sub_tit { width: 60%; box-shadow: inset 0 -17px 0 #fff; padding: 0 2px; font-size: 36px; }

/*특가차량*/
.section05 { width: 100%; position: relative; margin-top: 120px; }
.section05 .con_box { width: 100%; max-width: 1200px; margin:0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.main_tit .img { display: inline-block; text-align: center; }
.section05 .main_tit .tt { margin-top: 20px; }
.car_list { width: 100%; margin-top: 70px; display: grid; grid-template-columns: repeat(3,1fr); gap: 40px 35px; justify-content: center; }
.car_list .car_box{ width: 100%; border-radius: 50px; border: 3px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(#004fd1, #0095ed); background-origin: border-box; background-clip: content-box, border-box; }
.car_list .car_box .carimg { width: 100%; height: 210px; line-height: 228px; background-color: #f5f5f5; display: inline-block; text-align: center; border-top-left-radius: 50px; border-top-right-radius: 50px; overflow: hidden; padding: 0 10px; }
.car_list .car_box .carimg > img { /* max-width: 95%; height: 75%; */ object-fit: cover; height: 150px; }
.car_list .car_box .car_con { width: 100%; padding: 23px 28px; }
.car_list .car_box .car_con .cartit { width: 100%; padding-bottom:10px; border-bottom: 1px solid #f5f5f5; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; }
.car_list .car_box .car_con .cartit .name { font-size: 17px; color:#000;  }
.car_list .car_box .car_con .cartit .sub { font-size: 14px; color:#999999; font-weight: 500; margin-top: 5px; }
.car_list .car_box .car_con .carinfo { width: 100%; margin-top: 15px; }
.car_list .car_box .car_con .carinfo > ul { width: 100%; display: flex; flex-direction: column; }
.car_list .car_box .car_con .carinfo > ul > li { display: flex; justify-content: space-between; align-items: center; margin-top: 5px; }
.car_list .car_box .car_con .carinfo > ul > li:first-child { margin-top: 0; }
.car_list .car_box .car_con .carinfo .txt { font-size: 18px; font-weight: 600; }
.car_list .car_box .car_con .carinfo .price { font-size: 20px; font-weight: 600; }
.car_list .car_box .car_con .carinfo .price .t1 { font-size: 15px; }
.car_list .car_box .car_con .carbtn { width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 15px; }
.car_list .car_box .car_con .carbtn .c_btn { width: 100%; background-color: #062675; color:#fff; height: 40px; border-radius: 15px; font-size: 16px; font-weight: 500; transition: 0.3s ease; }
.car_list .car_box .car_con .carbtn:hover .c_btn { background-color: #007ae2; }
.section05 .con_box .more_list { width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 50px; }
.section05 .con_box .more_list .more_btn { width: 200px; height: 50px; background-color: #fff; border-radius: 50px; border: 3px solid #eaeaea; color: #999; font-size: 18px; font-weight: 600; }

/*특가혜택*/
.section06 { width: 100%; position: relative; margin-top: 120px; background-color: #f2f2f2; }
.section06 .con_box { width: 100%; max-width: 1200px; margin:0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 6% 0; z-index: 9; }
.section06 .bg_line1 { position: absolute; top: 0; left: 0; }
.section06 .bg_line2 { position: absolute; bottom: 0; right: 0;   }
.section06 .main_tit .tt { margin-top: 25px; }
.section06 .main_tit .sub_tt { margin-top: 10px; }
.section06 .content { width: 100%; z-index: 9; margin-top: 5%; display: flex; flex-direction: column; gap: 25px; }
.section06 .content .benefit { width: 100%; display: flex; align-items: center;  gap: 12px;}
.section06 .content .benefit2 { justify-content: end; }
.section06 .content .benefit .num { font-size: 88px; opacity: 0.3; }
.section06 .content .benefit .cont { width: 55%; height: 290px; border-radius: 50px; border: 3px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(#0095ed,#004fd1); background-origin: border-box; background-clip: content-box, border-box;
display: flex; align-items: center; justify-content: space-between; }
.section06 .content .benefit .cont .img { width: 45%; padding-left: 20px; }
.section06 .content .benefit .cont .img > img { object-fit: cover; height: 150px; }
.section06 .content .benefit2 .cont .img { padding-left: 0px; padding-right: 20px; }
.section06 .content .benefit2 .cont .img > img { object-fit: cover; }
/* .section06 .content .benefit .cont .img > img { max-width: 90%; } */
.section06 .content .benefit .cont .text { width: 55%; text-align: right; padding-right: 60px; }
.section06 .content .benefit2 .cont .text { text-align: left; padding-left: 60px; padding-right: 0px; }
.section06 .content .benefit .cont .text .tit { color:#000; font-size: 28px; display: inline; box-shadow: inset 0 -17px 0 #d9f4ff; padding: 0 2px; }
.section06 .content .benefit .cont .text .car_nm { font-size: 18px; margin-top: 12%; display: flex; flex-direction: column; }
.section06 .content .benefit .cont .text .car_nm .name { margin-right: 0px; }
.section06 .content .benefit .cont .text .car_nm .sub { font-size: 15px; color:#999; font-weight: 600; }
.section06 .content .benefit .cont .text .price { font-size: 20px; margin-top: 5%; }
.section06 .content .benefit .cont .text .price > span { font-size: 27px; }
.section06 .content .benefit .cont .text .txt { font-size: 13px; color:#666666; margin-top: 3%;  }
.section06 .content .benefit .illust { left: -40px; bottom: -60px; z-index: 99; }
.section06 .content .benefit2 .illust { left: 27px; bottom: -60px; }

/*특가혜택-모바일구조*/
.section06 .content_m { display: none; width: 100%; z-index: 9; margin-top: 5%; gap: 25px;  }
.section06 .content_m .benefit { width: 100%; display: flex; align-items: center;  gap: 5px; flex-direction: column; margin-top: 7%;  }
.section06 .content_m .benefit:first-child { margin-top: 0; }
.section06 .content_m .benefit .num { font-size: 40px; opacity: 0.3; }
.section06 .content_m .benefit .cont { width: 100%; border-radius: 50px; border: 3px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(#0095ed,#004fd1); background-origin: border-box; background-clip: content-box, border-box; 
display: flex; align-items: center; justify-content: space-between; flex-direction: column; gap: 22px }
.section06 .content_m .benefit .cont .img { margin-top: 5%; width: 90%; text-align: center; }
.section06 .content_m .benefit .cont .text { text-align: center; padding-bottom: 5%; }
.section06 .content_m .benefit .cont .text .tit { color:#000; font-size: 28px; display: inline; box-shadow: inset 0 -17px 0 #d9f4ff; padding: 0 2px; }
.section06 .content_m .benefit .cont .text .car_nm { font-size: 24px; margin-top: 6%; display: flex; flex-direction: column; }
.section06 .content_m .benefit .cont .text .car_nm .name { font-size: 1.3rem; }
.section06 .content_m .benefit .cont .text .car_nm .sub { font-size: 15px; color:#999; font-weight: 600; }
.section06 .content_m .benefit .cont .text .price { font-size: 20px; margin-top: 5%; }
.section06 .content_m .benefit .cont .text .price > span { font-size: 27px; }
.section06 .content_m .benefit .cont .text .txt { font-size: 13px; color:#666666; margin-top: 3%;  }
.section06 .content_m .benefit .illust { display: none;}

/*브랜드별 차량선택*/
.section07 { width: 100%; position: relative; margin-top: 120px; }
.section07 .con_box { width: 100%; max-width: 1200px; margin:0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.section07 .con_box .more_list { width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 50px; }
.section07 .con_box .more_list .more_btn { width: 200px; height: 50px; background-color: #fff; border-radius: 50px; border: 3px solid #eaeaea; color: #999; font-size: 18px; font-weight: 600; }
.section07 .brand_st { width: 100%;  }
.section07 .brand_st > ul { width: 100%; display: flex; gap: 15px; align-items: center; justify-content: flex-start; flex-wrap: wrap; padding: 0 20px;  }
.section07 .brand_st > ul .list { width: 180px; height: 40px; line-height: 37px; text-align: center; background-color: #eeeeee; border-radius: 30px; transition: 0.3s ease; cursor: pointer; overflow: hidden; }
.section07 .brand_st > ul .list > img { object-fit: cover; }
.section07 .brand_st > ul .list:hover { background-color: #007ae2; }
.section07 .brand_st > ul .list:hover > img { filter: brightness(0) invert(1); } /* 호버 시 색상을 흰색으로 변경 */
/* 브랜드 버튼-1000px 이하일때 */
.section07 .brand_st_m { width: 100%; overflow: hidden; display: none;  }
.section07 .brand_st_m .box { width: 100%; }
.section07 .brand_st_m .box > ul { width: 100%; display: flex; gap: 15px; align-items: center; justify-content: flex-start; overflow-x: auto;}

.section07 .brand_st_m .box > ul{
   -ms-overflow-style: none;  /* IE, Edge 구버전 */
   scrollbar-width: none;     /* Firefox */
}
.section07 .brand_st_m .box > ul::-webkit-scrollbar {
  display: none;             /* Chrome, Safari, Edge(Chromium) */
}
.section07 .brand_st_m .box > ul .list { width: 170px; height: 40px; line-height: 33px; text-align: center; background-color: #eeeeee; border-radius: 30px; transition: 0.3s ease; cursor: pointer; flex-shrink:0; overflow: hidden; }
.section07 .brand_st_m .box > ul .list.active { background-color: #007ae2; }
.section07 .brand_st_m .box > ul .list.active > img { filter: brightness(0) invert(1); } /* 호버 시 색상을 흰색으로 변경 */


/*고객브랜드 슬라이드*/
.section08 { width: 100%; position: relative; margin-top: 100px; border-top: 3px solid #ededed; padding: 2.5% 0; }
.section08 .con_box { width: 100%; max-width: 1200px; margin:0 auto; display: flex; flex-direction: column; justify-content:center; align-items: center; overflow: hidden; }
.section08 .slide_bn { width: 100%; }
.section08 .slide_bn .box { width: 10000px; }
.section08 .slide_bn .box > ul { width: 100%; display: flex; align-items: center; justify-content: flex-start; gap: 70px; }
.section08 .slide_bn .box > ul li { text-align: center; display: flex; justify-content: center; align-items: center; }
/* 25.10.02 차현우 ROA 작업 */
.section08 .slick-slide { margin-left: 64px; }
.section10 .slick-slide { margin-right: 20px; }
.section10 .slick-slide img { width: 100%; }

/*신청폼*/
.section09 { width: 100%; position: relative; background-image: linear-gradient( to bottom, #0095ed, #227edb); }
.section09 .con_box { width: 100%; max-width: 1200px; margin:0 auto; display: flex; flex-direction: column; justify-content:center; align-items: center; padding: 5% 0; z-index: 1; }
.section09 .bottom { width: 100%; height: 65vh; background-image: url(/images/form_bg.png); background-repeat: no-repeat; background-size: cover; position: absolute; bottom: 0; }
.section09 .main_tit .tt { margin-top: 25px; color:#fff; }
.section09 .main_tit .sub_tt { margin-top: 10px; color:#fff; }
.section09 .form { width: 100%; background-color: #fff; border-radius: 50px; margin-top: 60px; }
.section09 .form .main_form { width: 100%; padding: 3% 5%; }
.section09 .form .main_form .form_box { width: 100%; float:left; margin-top: 20px; }
.section09 .form .main_form .form_box > div { width: 10%; float: left; text-align: left; line-height: 60px; color:#222; font-weight: 500; font-size: 20px; }
.section09 .form .main_form .form_box > input { width: 90%; float: left; line-height: 60px; background-color: #f3f3f3; border: 0; color:#333; font-size: 20px; text-align: left; padding: 0 30px; }
.section09 .form .main_form .form_box ::placeholder{color: #888;}
.section09 .form .ft_box { width: 100%; float:left; margin-top: 4%; padding: 3% 5%; background-color: #f3f3f3; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; }
.section09 .form .ft_box .select_box { width: 100%; padding: 0 1.3%; }
.section09 .form .ft_box .select_box > ul { width: 100%; display: flex; gap:35px; margin-top: 10px; }
.section09 .form .ft_box .select_box > ul:nth-child(2) { margin-top: 15px; }
.section09 .form .ft_box .checkbox_ctr { float:left; cursor: pointer; }
.section09 .form .ft_box .checkbox_ctr input:checked ~ .checkmark { cursor:pointer; background: #f7ae10; border: 1px solid #f7ae10; }
.section09 .form .ft_box .checkmark { cursor:pointer; position: absolute; top: 1px; left: 0; height: 25px; width: 25px; background: none; border: 1px solid #999; border-radius: 4px; transition:0.3s; transform-origin: left; }
.section09 .form .ft_box .checkmark > i { text-align: center; color:#fff; margin:4px 5px; }
.section09 .form .ft_box .agree_checkbox { float: left; padding: 0px 0px 0px 5px; font-size:18px; font-weight:500; line-height:27px; color:#666666; }
.section09 .form .ft_box .etc { float: left; display: flex; align-items: center; left: -15px; cursor: pointer;  }
.section09 .form .ft_box .etc .etc_btn { width: 80px; height: 22px; border-radius: 20px; line-height: 22px; color:#fff; background-color: #9f9f9f; text-align: center; }
.section09 .form .ft_box .btn_box { width: 100%; display: flex; align-items: center; margin-top: 2.5%; }
.section09 .form .ft_box .btn_box .form_btn { width: 100%; height: 60px; line-height: 60px; background-color: #062675; color:#fff; font-size: 20px; font-weight: 600; border-radius: 20px; }
.section09 .form .ft_box .btn_box .form_btn:hover { background-color: #007ae2; transition:0.3s; }
.section09 .form .ft_box .checkbox_all { border-bottom: 1px solid #d3d3d3; padding-bottom: 13px; }

.etc_popup{display: none; width: 100%; float: left; height:100%; background-color: rgba(0,0,0,0.8); position:fixed; top: 0; left: 0; z-index: 999;}
.etc_popup .popupwrap{width: 50%; float: left; text-align: left; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.etc_popup .popupwrap .title_box{width: 100%; float: left; height: 70px; line-height: 70px; background: #007ae2; padding: 0 5%; color: #fff; border-radius: 7px 7px 0 0;}
.etc_popup .popupwrap .tt{width: 95%; float: left; font-size: 20px; font-weight: 600; }    
.etc_popup .popupwrap .closebtn{width: 5%; float: left; font-size: 24px; text-align: right; cursor: pointer; font-weight: 500; }
.etc_popup .popupwrap .contents{width: 100%; float: left; height: 550px; padding: 4% 3.5%; background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.etc_popup .popupwrap .scroll{width: 100%; float: left; height: 480px; padding: 0 2%; overflow-y: scroll; overflow-x: hidden; border: 2px solid #f1f1f1; font-size: 17px; font-weight: 300; color:#666;}
.etc_popup .popupwrap .scroll::-webkit-scrollbar{width: 4px;}
.etc_popup .popupwrap .scroll::-webkit-scrollbar-thumb{background: #ededed; border-radius: 100px;}
.etc_popup .popupwrap .scroll::-webkit-scrollbar-track{border-radius: 100px; background-color: rgba(0,0,0,0);}
.etc_popup .popupwrap .scroll .tt { width: 100%; font-weight: 500; color:#333; font-size: 17px; } /*타이틀*/

/*하단고정 신청폼*/
.ft_form { width: 100%; position: fixed; bottom: 0px; left: 0; padding: 40px 0; z-index: 999; border-top: 5px solid #a9dfff; background-color: #0069a6; transition: all 0.5s; /* border-top-left-radius: 120px; border-top-right-radius: 120px; */ }
.ft_form .con_box { width: 100%; max-width: 1200px; margin:0 auto; display: flex; flex-direction: column; justify-content: center;  }
.ft_form .tit_box { font-size: 32px; color:#fff; }
.ft_form .form_wrap { width: 100%; margin-top: 20px; }
.ft_form .form_wrap .form_con { width: 100%; display: flex; align-items: center; justify-content: center; gap: 7px; flex-direction: column; }
.ft_form .form_wrap .form_box { width: 100%; display: flex; gap: 10px; }
.ft_form .form_wrap .form_box > input{ width: 100%; float: left; line-height: 45px; background-color: #f1f1f1; border: 0; border-radius: 5px; color:#1e1d1d; font-size: 18px; text-align: left; padding: 0 30px; }
.ft_form .form_wrap .form_box > input::placeholder{color: #888;}
.ft_form .form_wrap .form_box > ul { display: flex; justify-content: flex-start; gap: 27px; margin-top: 8px; padding: 0 5px; }
.ft_form .form_wrap .form_box > ul .checkbox_ctr { float:left; cursor: pointer; }
.ft_form .form_wrap .form_box > ul .checkbox_ctr input:checked ~ .checkmark { cursor:pointer; background: #f7ae10; border: 1px solid #f7ae10; }
.ft_form .form_wrap .form_box > ul .checkmark { cursor:pointer; position: absolute; top: 1px; left: 0; height: 25px; width: 25px; background: none; border: 1px solid #999; border-radius: 4px; transition:0.3s; transform-origin: left; }
.ft_form .form_wrap .form_box > ul .checkmark > i { text-align: center; color:#fff; margin:4px 5px; }
.ft_form .form_wrap .form_box > ul .agree_checkbox { float: left; padding: 0px 0px 0px 5px; font-size:13px; font-weight:500; line-height:27px; color:#fff; }
.ft_form .form_wrap .form_box > ul .etc { float: left; display: flex; align-items: center; left: -15px; cursor: pointer;  }
.ft_form .form_wrap .form_box > ul .etc .etc_btn { width: 80px; height: 22px; border-radius: 20px; line-height: 22px; color:#fff; background-color: #004783; text-align: center; font-size: 12px; }
.ft_form .form_wrap .form_box > ul.checkbox_all { width: 12%; border-right: 1px solid #ffffff25; }
.ft_form .form_wrap .btn_box { display: flex; align-self: center;  }
.ft_form .form_wrap .btn_box .form_btn { width: 230px; height: 45px; line-height: 43px; background-color: #002045; color:#fff; border:1px solid #5ac2ff; font-size: 19px; font-weight: 600; border-radius: 5px; box-sizing: content-box; }
.ft_form .form_wrap .btn_box .form_btn:hover { background-color: #000c1a; transition:0.3s; }
.ft_form .check_allbox { width: 100%; margin-top: 15px; border-top: 1px solid #2e89bd; padding-top: 8px; }
.ft_form .check_allbox2 { margin-top: 2px; padding-top: 15px; }

.ft_form .click_form { width: 160px;  font-size: 15px; color:#beedff; background-color: #0069a6; border-radius: 50px; padding: 8px; text-align: center; position:absolute; top: -54px; left: 0; cursor: pointer; }
.ft_form .click_form > i { margin-left: 5px; }

.ft_form .click_form2 { width: 330px;  font-size: 18px; font-weight: 500; color:#111; background-color: #a9dfff; border-top-right-radius: 50px; border-top-left-radius: 50px; padding: 8px; text-align: center; position:absolute; top: -83px; right: 0; cursor: pointer; }
.ft_form .click_form2 > span { color:#0056a6; font-weight: 600; }
.ft_form .click_form2 > i { margin-left: 5px; color:#0056a6; }

/*하단고정 신청폼-기존형태*/
/* 
.ft_form { width: 100%; position: fixed; bottom: 0; left: 0; padding: 40px 0; z-index: 999; background-color: #0069a6; border-top-left-radius: 120px; border-top-right-radius: 120px; }
.ft_form .con_box { width: 100%; max-width: 1200px; margin:0 auto; display: flex; flex-direction: column; justify-content: center;  }
.ft_form .tit_box { font-size: 32px; color:#fff; }
.ft_form .form_wrap { width: 100%; display: flex; align-items: center; justify-content: center; gap: 15px; margin-top: 20px; }
.ft_form .form_wrap .form_con { width: 100%; display: flex; align-items: center; justify-content: center; gap: 7px; flex-direction: column; }
.ft_form .form_wrap .form_box { width: 100%; display: flex; flex-direction: column; }
.ft_form .form_wrap .form_box > input{ width: 100%; float: left; line-height: 45px; background-color: #f1f1f1; border: 0; border-radius: 5px; color:#1e1d1d; font-size: 18px; text-align: left; padding: 0 30px; }
.ft_form .form_wrap .form_box > input::placeholder{color: #888;}
.ft_form .form_wrap .form_box > ul { width: 100%; display: flex; justify-content: flex-start; gap: 27px; margin-top: 8px; padding: 0 5px; }
.ft_form .form_wrap .form_box > ul .checkbox_ctr { float:left; cursor: pointer; }
.ft_form .form_wrap .form_box > ul .checkbox_ctr input:checked ~ .checkmark { cursor:pointer; background: #f7ae10; border: 1px solid #f7ae10; }
.ft_form .form_wrap .form_box > ul .checkmark { cursor:pointer; position: absolute; top: 1px; left: 0; height: 25px; width: 25px; background: none; border: 1px solid #999; border-radius: 4px; transition:0.3s; transform-origin: left; }
.ft_form .form_wrap .form_box > ul .checkmark > i { text-align: center; color:#fff; margin:4px 5px; }
.ft_form .form_wrap .form_box > ul .agree_checkbox { float: left; padding: 0px 0px 0px 5px; font-size:13px; font-weight:500; line-height:27px; color:#fff; }
.ft_form .form_wrap .form_box > ul .etc { float: left; display: flex; align-items: center; left: -15px; cursor: pointer;  }
.ft_form .form_wrap .form_box > ul .etc .etc_btn { width: 80px; height: 22px; border-radius: 20px; line-height: 22px; color:#fff; background-color: #004783; text-align: center; font-size: 12px; }
.ft_form .form_wrap .btn_box { width: 100%; display: flex; align-self: center;  }
.ft_form .form_wrap .btn_box .form_btn { width: 230px; height: 82px; line-height: 82px; background-color: #002045; color:#fff; border:2px solid #5ac2ff; font-size: 20px; font-weight: 600; border-radius: 20px; }
.ft_form .form_wrap .btn_box .form_btn:hover { background-color: #000c1a; transition:0.3s; }
.ft_form .check_allbox { width: 74.5%; margin-top: 8px; border-top: 1px solid #2e89bd; padding-top: 10px; }
.ft_form .check_allbox > ul { width: 100%; padding: 0 5px; }
.ft_form .check_allbox > ul .checkbox_ctr { float:left; cursor: pointer; }
.ft_form .check_allbox > ul .checkbox_ctr input:checked ~ .checkmark { cursor:pointer; background: #f7ae10; border: 1px solid #f7ae10; }
.ft_form .check_allbox > ul .checkmark { cursor:pointer; position: absolute; top: 1px; left: 0; height: 25px; width: 25px; background: none; border: 1px solid #999; border-radius: 4px; transition:0.3s; transform-origin: left; }
.ft_form .check_allbox > ul .checkmark > i { text-align: center; color:#fff; margin:4px 5px; }
.ft_form .check_allbox > ul .agree_checkbox { float: left; margin-left: 36px; font-size:13px; font-weight:500; line-height:27px; color:#fff; }
 */


/*하단고정 신청폼_모바일형태*/
.ft_form_m { display: none; width: 100%; position: fixed; bottom: 0; left: 0; transition: all 0.5s; padding-bottom: 5%; z-index: 999; background-color: #0069a6; border-top-left-radius: 120px; border-top-right-radius: 120px; }
.ft_form_m .con_box { padding: 0 5%; display: flex; align-items: center; flex-direction: column; }
.ft_form_m .up_click { width: 50px; height: 50px; line-height: 50px; font-size: 22px; border-radius: 50px; background-color: #0069a6; color:#fff; text-align: center; top: -20px; }
.ft_form_m .tit_box { width: 100%; font-size: 2.2rem; color:#fff; text-align: center; line-height: 60px; }
.ft_form_m .form { width: 100%; display: flex; align-items: center; flex-direction: column; }
.ft_form_m .form .main_form { width: 100%; margin-top: 30px; }
.ft_form_m .form .main_form .form_box { width: 100%; float:left; margin-top: 10px; }
.ft_form_m .form .main_form .form_box > input { width: 100%; float: left; line-height: 50px; background-color: #f3f3f3; border: 0; color:#333; font-size: 18px; text-align: left; padding: 0 5%; }
.ft_form_m .form .main_form .form_box ::placeholder{color: #888;}
.ft_form_m .form .ft_box { width: 100%; display: flex; align-items: center; flex-direction: column; margin-top: 3%; }
.ft_form_m .form .ft_box .select_box { width: 100%; padding: 0 1.3%; }
.ft_form_m .form .ft_box .select_box > ul { width: 100%; display: flex; gap:30px; margin-top: 10px; }
.ft_form_m .form .ft_box .checkbox_ctr { float:left; cursor: pointer; }
.ft_form_m .form .ft_box .checkbox_ctr input:checked ~ .checkmark { cursor:pointer; background: #f7ae10; border: 1px solid #f7ae10; }
.ft_form_m .form .ft_box .checkmark { cursor:pointer; position: absolute; top: 1px; left: 0; height: 25px; width: 25px; background: none; border: 1px solid #999; border-radius: 4px; transition:0.3s; transform-origin: left; }
.ft_form_m .form .ft_box .checkmark > i { text-align: center; color:#fff; margin:4px 5px; }
.ft_form_m .form .ft_box .agree_checkbox { float: left; padding: 0px 0px 0px 5px; font-size:1.2rem; font-weight:500; line-height:27px; color:#fff; }
.ft_form_m .form .ft_box .etc { float: left; display: flex; align-items: center; left: -15px; cursor: pointer;  }
.ft_form_m .form .ft_box .etc .etc_btn { width: 80px; height: 22px; border-radius: 20px; line-height: 22px; color:#fff; background-color: #004783; text-align: center; }
.ft_form_m .form .ft_box .btn_box { width: 100%; display: flex; align-items: center; margin-top: 5%; }
.ft_form_m .form .ft_box .btn_box .form_btn { width: 100%; height: 48px; line-height: 48px; background-color: #002045; color:#fff; font-size: 20px; font-weight: 600; border-radius: 10px; }
.ft_form_m .form .ft_box .checkbox_all { border-bottom: 1px solid #2e89bd; padding-bottom: 13px; }


/* 고객리뷰 */
.section10 { width: 100%; position: relative; margin-top: 130px; }
.section10 .con_box { width: 100%; max-width: 1200px; margin:0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center;  }
.section10 .main_tit .sub_tt { margin-top: 10px; }
.section10 .slide_bn { width: 100%; margin-top: 50px; overflow: hidden; }
/* 2025-10-13 차현우 width 10000px 에서 100%로 수정 */
.section10 .slide_bn .box { width: 100%; margin-left: 10px; }
.section10 .slide_bn .box > ul { width: 100%; display: flex; align-items: center; justify-content: flex-start; gap: 20px; }
.section10 .slide_bn .box > ul .rev { width: 280px; border: 2px solid #f3f3f3; }
.section10 .slide_bn .box > ul .rev .img { width: 100%; overflow: hidden; max-width: 100%; }
.section10 .slide_bn .box > ul .rev .txt_box { width: 100%; padding: 15px 25px; }
.section10 .slide_bn .box > ul .rev .tit { width: 100%; display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2; }
.section10 .slide_bn .box > ul .rev .tit .rev_nm { font-size: 15px; font-weight: 500; color:#999999; }
.section10 .slide_bn .box > ul .rev .tit .star { float:right; }
.section10 .slide_bn .box > ul .rev .txt { font-size: 16px; font-weight: 500; color:#555; margin-top:15px; }
.section10 .rev_btn { width: 46px; height: 46px; line-height: 45px; border-radius: 50px; background-color: #ebebeb; text-align: center; color:#333333; font-size: 22px; }
.section10 .rev_btn.left_btn { position: absolute; left: 0; top: 50%; transform: translate(-120%, 150%); }
.section10 .rev_btn.right_btn { position: absolute; right: 0; top: 50%; transform: translate(120%, 150%); }
.section10 .rev_btn:hover { background-color: #b8e7ff; color:#0066d0; cursor: pointer; }

/* 푸터 */
.footer { width: 100%; position: relative; margin-top: 130px; background-color: #f2f2f2; padding-bottom: 50px; }
.footer .con_box { width: 100%; max-width: 1200px; margin:0 auto; display: flex; justify-content: space-between; align-items: center; padding: 4% 0; }
.footer .text { font-size: 18px; color:#888; font-weight: 400; line-height: 32px;  }
.footer .text .txt { width: 100%; }
.footer .text .tt { color:#777; font-weight: 500; }
.footer .text .copyright { width: 100%; margin-top: 30px; }
.footer .f_logo { display: inline-block; text-align: right; }
.footer .f_logo > img { opacity: 0.4; }



/*반응형*/

/* 태블릿 세로 (1600 이하) */
@media only screen and (max-width: 1600px) {
    .main .bg_cloud { height: 42vh; }

    /* 비용절감 */
    .section03 { padding: 0 3%; }
    .section03 .contents .box1 { left: 5%; }
    .section03 .bg_coin1 { transform: translate(0%, -30%); }
}

/* 태블릿 세로 (1300 이하) */
@media only screen and (max-width: 1300px) {
    .main .title .sub { font-size: 2rem; }
    .main .title .tit { font-size: 6rem; }
    .main .bg_cloud { height: 32vh; }
    .main .bg { height: 60vh; }

    .num_role { padding: 0 5%; height: 200px; }
    .num_role .con_box { gap: 0px; }
    .num_role .tit { width: 20%; }
    .num_role .tit .tt { font-size: 26px; }
    .num_role .role { width: 80%; gap: 15px; }
    .num_role .role > ul .txt { font-size: 17px; }
    .num_role .role > ul .num { font-size: 30px; }

    /* 특가찬스 */
    .section01 .contents { padding: 0 2%; }
    .section01 .contents .list .box .cn_text .cn_tit { font-size: 26px; }
    .section01 .contents .list .box .cn_text .cn_sub { font-size: 15px; }

    /* 무료견적배너 */
    .section02 .con_box { padding: 8% 3%; }

    /* 비용절감 */
    .section03 .contents .box { width: 850px; height: 450px; padding: 30px 50px; }
    .section03 .contents .box .contbox { width: 550px; }
    .section03 .contents .box1 { left: 7%; }
    .section03 .contents .box1 .contbox > img { width: 80%; }
    .section03 .bg_coin1 { transform: translate(0%, -80%); }
    .section03 .bg_coin1 > img { width: 60%; }
    .section03 .bg_coin2 { transform: translate(0%, 50%); }
    .section03 .bg_coin2 > img { width: 60%; }

    /* 출고서비스 */
    .section04 .con_box { padding: 10% 3%; }
    .section04 .btm_text .sub_tit { width: 75%; }
    .section04 .contents .list { height: 150px; padding: 20px; }
    .section04 .contents .list .cn_text { font-size: 1.5rem; }

    /*특가차량*/
    .section05 { padding: 0 3%; margin-top: 15%; }

    /*특가혜택*/
    .section06 { padding: 0 5%;}
    .section06 .content .benefit .cont { width: 70%; }
    .section06 .content .benefit .num { width: 11%; font-size: 68px; }
    .section06 .content .benefit .cont .text { padding-right: 35px; width: 55%; }
    .section06 .content .benefit2 .cont .text { text-align: left; padding-left: 35px; padding-right: 0px; }
    .section06 .content .benefit .cont .img { padding-left: 20px; }
    .section06 .content .benefit2 .cont .img { padding-left: 0px; padding-right: 20px; }
    .section06 .content .benefit .cont .text .tit { font-size: 27px; }
    
    /*특가차량*/
    .section07 { padding: 0 3%; margin-top: 15%; }

    /*신청폼*/
    .section09 .con_box { padding: 5%; }

    /*하단고정 신청폼*/
    .ft_form { border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 3% 5%; }
    .ft_form .con_box { max-width: 1000px; }
    .ft_form .form_wrap .form_box > ul { display: flex; align-items: flex-start; }
    .ft_form .form_wrap .form_box > ul .etc { top: 3px;  }
    .ft_form .form_wrap .form_box > ul .agree_checkbox { line-height: 20px; }

    /*고객리뷰*/
    .section10 .con_box { max-width: 900px; }

    /*푸터*/
    .footer .con_box { padding: 4% 5%; }
    
}

/* 태블릿 세로 (1000 이하) */
@media only screen and (max-width: 1000px) {
    .header { padding: 2% 5%; }

    .main .display_pc { display: none; }
    .main .bg_img_m.display_m { display: block; }

    .main .title .sub { font-size: 2rem; }
    .main .title .tit { font-size: 5rem; }
    .main .bg { height: 68vh; }
    .main .bg_cloud.display_m { display: none; }

    .main_tit .tt { font-size: 3.2rem; }
    .main_tit .sub_tt { font-size: 2.3rem; }

    .num_role .con_box { flex-direction: column; }
    .num_role .tit { width: 100%; }
    .num_role .tit .tt { float:left; }
    .num_role .tit .tt.pt { margin-left: 7px; line-height: 33px;   }
    .num_role .role { width: 100%; gap: 15px; margin-top: 15px; }
    .num_role .role > ul { justify-content: center; }
    .num_role .role > ul .txt { font-size: 15px; }

    .car_list { grid-template-columns: repeat(2,1fr); gap: 20px 15px; }

    /* 특가찬스 */
    .section01 .contents .list { width: 33%; height: 210px; }
    .section01 .contents .list .box { flex-direction: column; height: 220px; }
    .section01 .contents .list .box .cn_icon { margin-top: 10px; }

    /* 무료견적배너 */
    .section02 .con_box { padding: 40px 20px; flex-direction: column; height: 240px; }
    .section02 .bg_illust .img.imgno { display: none; }
    .section02 .title { width: 100%; text-align: center;  font-size: 26px; z-index: 1;}
    .section02 .bn_btn { text-align: center; margin-top: 20px; }

    /* 비용절감 */
    .section03 .contents .box { width: 100%; height: 380px; padding: 3% 6%; }
    .section03 .contents .box .contbox { width: 60%; text-align: center; }
    .section03 .contents .box .titbox { width: 40%; left: -20px; }
    .section03 .contents .box1 { left: 0%; }
    .section03 .contents .box .titbox .tit { font-size: 2rem; }
    .section03 .contents .box .titbox .text { font-size: 1.2rem; }
    .section03 .contents .car_box .car { bottom: -20px; }
    .section03 .bg_coin1 { transform: translate(0%, -100%); }
    .section03 .contents .box1 .contbox > img { width: 70%; }

    /* 출고서비스 */
    .section04 .con_box { padding: 12% 3%; }
    .section04 .contents { gap: 10px; }
    .section04 .contents .list { height: 150px; padding: 3%; flex-direction: column-reverse; }
    .section04 .contents .list .cn_text { font-size: 1.5rem; text-align: center; margin-top: 18px; line-height: 30px; }
    .section04 .contents .list .cn_icon { width: 70px; height: 70px; background-color: #42d5fc; border-radius: 50px; padding: 7%; top: 0; box-shadow: 1px 1px 5px #166f888c; }
    .section04 .btm_text .sub_tit { width: 80%; font-size: 2rem; }

    /*특가혜택*/
    .section06 .content .benefit .num { font-size: 39px; }
    .section06 .content .benefit .cont { width: 100%; height: 250px; }
    .section06 .content .benefit .cont .text { padding-right: 25px; width: 62%; }
    .section06 .content .benefit2 .cont .text { text-align: left; padding-left: 25px; padding-right: 0px; }
    .section06 .content .benefit .cont .img { padding-left: 18px; width: 38%; }
    .section06 .content .benefit2 .cont .img { padding-left: 0px; padding-right: 25px; }
    .section06 .content .benefit .cont .text .tit { font-size: 24px; }
    .section06 .content .benefit .cont .img > img { height: 92px; }

    /*브랜드별 차량선택*/
    .section07 .brand_st > ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; justify-content: center; }
    .section07 .brand_st > ul .list { width: 100%; }
    .section07 .brand_st { display: none; }
    .section07 .brand_st_m { display: block; }

    /*신청폼*/
    .etc_popup .popupwrap{width: 70%;}

    /* 고객리뷰 */
    .section10 .rev_btn.left_btn { display: none !important; }
    .section10 .rev_btn.right_btn { display: none !important; }

    /*하단고정 신청폼_모바일형태*/
    .ft_form { display: none; }
    .ft_form_m { display: block; bottom: -500px }

    /*푸터*/
    .footer .con_box { flex-direction: column-reverse; align-items: flex-start; gap: 30px; }
    .footer .f_logo { margin-top: 30px; }

    
    
}

/* 태블릿 세로 (768 이하) */
@media only screen and (max-width: 768px) {
    .header { padding: 2% 3%; }

    .main .title .sub { font-size: 1.8rem; }
    .main .title .tit { font-size: 4rem; }
    .main .bg { height: 60vh; }
    .main .bottom .car > img { width: 65%; }
    .main .bottom { height: 25vh;}

    .main_tit .tt { font-size: 2.8rem; }
    .main_tit .sub_tt { font-size: 2rem; }

    .num_role { height: 32vh; }
    .num_role .role { gap: 10px; margin-top: 0px; background-color: #00000026; padding: 5% 2%; border-radius: 15px; }
    .num_role .role > ul { flex-direction: column; }
    .num_role .role > ul .num { font-size: 30px; }
    .num_role .role > ul .txt { font-size: 14px; }

    /* 특가찬스 */
    .section01 { margin-top: 12%; }
    .section01 .contents .list .box { padding: 12% 5%; gap: 10px; }

    /* 무료견적배너 */
    .section02 { margin-top: 15%; }
    .section02 .bn_btn { width: 100%; }
    .section02 .title { font-size: 25px; }
    .section02 .bg_illust .img > img { width: 70%; }

    /* 비용절감 */
    .section03 { margin-top: 15%; }
    .section03 .contents { margin-top: 7%; }
    .section03 .contents .box { flex-direction: column; height: 63vw; }
    .section03 .contents .box .titbox { width: 100%; left: 0; height: 60px; }
    .section03 .contents .box .titbox .line { display: none; }
    .section03 .contents .box .titbox .text { display: none; }
    .section03 .contents .box .contbox { width: 100%; margin-top: 3%; }
    .section03 .contents .box1 .contbox > img { width: 48%; }
    .section03 .contents .box2 .contbox > img { width: 70%; }
    .section03 .contents .car_box .car > img { width: 32%; }
    .section03 .bg_coin1 { display: none; }
    .section03 .bg_coin2 { display: none; }
    

    /* 출고서비스 */
    .section04 { margin-top: 13%; }
    .section04 .contents { gap: 10px; }
    .section04 .contents .list { padding: 2%; }
    .section04 .contents .list .cn_text { font-size: 1.5rem; }
    .section04 .btm_text .sub_tit { width: 78%; }


    /*특가차량*/
    .section05 .main_tit .tt { font-size: 50px; }
    .main_tit .img > img { width: 70%; }
    .car_list { gap: 20px 10px; margin-top: 10%; }
    .car_list .car_box { border-radius: 20px; }
    .car_list .car_box .carimg { border-top-left-radius: 20px; border-top-right-radius: 20px; }
    /* .car_list .car_box .carimg > img { max-width: 90%; height: 52%; object-fit: cover; } */
    .car_list .car_box .car_con { padding: 20px 15px; }
    .car_list .car_box .car_con .cartit { flex-direction: column; justify-content: flex-start; align-items:center; }
    .car_list .car_box .car_con .carinfo > ul > li { flex-direction: column; }
    .car_list .car_box .car_con .cartit .name { text-align: center; }

    /*특가혜택*/
    .section06 { margin-top: 15%; }
    .section06 .bg_line1 { display: none; }
    .section06 .content_m { display: block;  }
    .section06 .content { display: none; }
    .section06 .content .benefit .cont .img > img { height: 87px; }

    /*고객브랜드 슬라이드*/
    .section08 { padding: 3.5% 0; margin-top: 15%; }

    /*신청폼*/
    .section09 .form .main_form .form_box > div { width: 14%; font-size: 18px; }
    .section09 .form .main_form .form_box > input { width: 86%; }
    .section09 .form .ft_box .btn_box { margin-top: 5%; }

    /* 고객리뷰 */
    .section10 { margin-top: 15%;  }
    .section10 .main_tit { padding: 0 5%; }

    .footer { margin-top: 18%; padding-bottom: 28%; }
    .footer .con_box { padding: 10% 5%; }
    .footer .text { font-size: 1.1rem; }

    /*하단고정 신청폼_모바일형태*/
    .ft_form_m { bottom: -490px }
    .ft_form_m .form .main_form { margin-top: 7%; }
    
    
}


/* 태블릿 세로 (650 이하) */
@media only screen and (max-width: 650px) {

    /* 출고서비스 */
    .section04 .con_box { padding: 15% 3%; }
    .section04 .contents { gap: 5px; margin-top: 9%; }
    .section04 .contents .list { width: 33%; height: 170px; justify-content: center; }
    .section04 .btm_text .sub_tit { width: 90%; font-size: 1.7rem; }
    .section04 .btm_text .sub_txt { font-size: 1.5rem; }
    .section04 .contents .list .cn_text { line-height: 22px; font-size: 1.2rem; }
    
    /*하단고정 신청폼_모바일형태*/
    .ft_form_m { bottom: -460px; }


}


/* 태블릿 세로 (480 이하) -모바일 */
@media only screen and (max-width: 480px) {
    .header .top_btn { gap: 6px; }
    .header .top_btn .btn { width: 110px; }
    .header .logo > a > img { width: 95%; }
    .header .con_box { gap: 5px; }

    .main_tit .tt { font-size: 2.5rem; }
    .main_tit .sub_tt { font-size: 1.7rem; }

    .main .title .sub { font-size: 1.5rem; }
    .main .title .tit { font-size: 3.2rem; }
    .main .bg { height: 53vh; }
    .main .bottom { height: 22vh;}
    .main .bottom .car { top: -9vh; }

    .num_role { height: 275px; }

    /* 특가찬스 */
    .section01 { margin-top: 18%; padding: 0 3%; }
    .section01 .main_tit .tt { display: flex; flex-direction: column; }
    .section01 .main_tit .sub_tt { display: flex; flex-direction: column; }
    .section01 .sub_text .tit { font-size: 28px;  }
    .section01 .sub_text .txt { font-size: 20px; }
    .section01 .contents { flex-direction: column; gap: 40px; margin-top: 17%; }
    .section01 .sub_text .line { height: 30px; }
    .section01 .contents .list { width: 100%; height: 170px; }
    .section01 .contents .list .num { top: -38px; left: 50%; transform: translateX(-50%); font-size: 42px; }
    .section01 .contents .list .box { height: 170px; padding: 5%; flex-direction: row; }

    /* 무료견적배너 */
    .section02 .title { font-size: 20px; }
    .section02 .con_box { height: 300px; }
    .section02 .bg_illust .img { text-align: center; }
    .section02 .title > span { font-size: 25px; display: flex; justify-content: center; margin-top: 2px; }
    .section02 .bn_btn > button { font-size: 19px; line-height: 43px; }

    /* 비용절감 */
    .section03 .main_tit .tt { display: flex; flex-direction: column; margin-top: 1%; }
    .section03 .contents .box { height: 74vw; justify-content: center; border-radius: 30px; }
    .section03 .contents .box .titbox { height: 50px; }
    .section03 .contents .box .titbox .tit { font-size: 1.7rem; }
    .section03 .contents .box1 .contbox > img { width: 58%; }
    .section03 .contents .box2 .contbox > img { width: 80%; }

    /* 출고서비스 */
    .section04 .main_tit .tt { display: flex; flex-direction: column; }
    .section04 .contents .list { border-radius: 15px; }
    .section04 .contents .list .cn_icon { padding: 14%;  }
    .section04 .contents .list .cn_text > span { font-family: 'Paperlogy7'; }
    .section04 .contents .list .cn_text { font-family: 'Paperlogy5'; font-size: 1rem; }
    .section04 .btm_text .sub_txt { font-size: 1.3rem; }

    /*특가차량*/
    .section05 .main_tit .tt { font-size: 40px; }
    .car_list { gap: 15px 7px; }
    .car_list .car_box .car_con { padding: 8% 5%; }
    .car_list .car_box .car_con .cartit .name { font-size: 1.1rem; }
    .car_list .car_box .car_con .cartit .sub { font-size: 1.1rem; }
    .car_list .car_box .car_con .carinfo .txt { font-size: 1.2rem; }
    .car_list .car_box .car_con .carinfo .price { font-size: 1.3rem; }
    .car_list .car_box .car_con .carinfo > ul { gap: 8px; }
    .car_list .car_box .carimg { height: 150px; line-height: 165px; }
    .car_list .car_box .carimg > img { height: 78px; }
    

    /*특가혜택*/
    .section06 .con_box { padding: 13% 0; }
    .section06 .content_m { margin-top: 8%;  }
    .section06 .content_m .benefit .cont .img { margin-top: 10%; width: 65%; text-align: center; }
    .section06 .content_m .benefit .cont .text { padding-bottom: 10%; }
    .section06 .content_m .benefit .cont .text .tit { font-size: 26px; }
    .section06 .main_tit .tt { display: flex; flex-direction: column; }
    .section06 .main_tit .sub_tt { font-size: 1.7rem; }

    /*고객브랜드 슬라이드*/
    .section08 { padding: 6% 0; }
    .section08 .slide_bn .box > ul { gap: 0px; }
    .section08 .slide_bn .box > ul li > img { width: 75%; }
    .section07 .brand_st_m .box > ul .list { line-height: 38px; }
    .section08 .slick-slide { margin-left: 32px; }
    

    /*신청폼*/
    .section09 .con_box { padding: 10% 5%; }
    .section09 .main_tit .tt { display: flex; flex-direction: column; }
    .section09 .main_tit .sub_tt { font-size: 1.8rem; }
    .section09 .form { border-radius: 30px; margin-top: 8%; }
    .etc_popup .popupwrap{width: 80%;}
    .section09 .form .ft_box { margin-top: 8%; padding: 7% 5%; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px;  }
    .section09 .form .main_form .form_box > div { width: 100%; font-size: 17px; line-height: 35px; }
    .section09 .form .main_form .form_box > input { width: 100%; font-size: 18px; }
    .section09 .form .ft_box .btn_box { margin-top: 5%; }
    .section09 .form .ft_box .agree_checkbox { font-size: 15px; }
    .section09 .form .ft_box .select_box > ul { gap: 28px; }

    /* 고객리뷰 */
    .section10 .main_tit .tt { display: flex; flex-direction: column; }

    .footer { padding-bottom: 28%; }

    /*하단고정 신청폼_모바일형태*/
    .ft_form_m { border-top-left-radius: 50px; border-top-right-radius: 50px; bottom: -440px  }
    .ft_form_m .tit_box { font-size: 2rem; line-height: 30px; }
    .ft_form_m .form .ft_box .agree_checkbox { font-size: 1rem; }



    
}

/* 태블릿 세로 (390 이하) -모바일 */
@media only screen and (max-width: 390px) {
    .header .top_btn .btn { width: 100px; }

    .main_tit .sub_tt { font-size: 1.5rem; }

    .main .title .sub { font-size: 1.4rem; }
    .main .title .tit { font-size: 3rem; }
    .main .bg { height: 50vh; }
    .main .bottom { height: 20vh;}
    .main .bottom .car { top: -6vh; }

    .num_role .tit .tt { width: 100%; }
    .num_role .tit .tt.pt { margin-left: 0px; margin-top: 0;  }
    .num_role .role > ul .txt { font-size: 13px; }
    .num_role .role > ul .num { font-size: 30px; }

    /* 특가찬스! */
    .section01 .sub_text .tit { font-size: 25px; }

    .car_list .car_box .carimg > img { height: 75px; }

    /* 무료견적배너 */
    .section02 .title { font-size: 18px; }


    /*신청폼*/
    .section09 .form .ft_box .agree_checkbox { font-size: 13px; }
    .section09 .form .ft_box .select_box > ul { gap: 26px; }
    .section09 .form .ft_box .etc .etc_btn { width: 75px; font-size: 13px; line-height: 23px; }
    
    .section10 .slide_bn .box > ul .rev .txt_box { padding: 5% 6%; }
    .section10 .slide_bn .box > ul .rev .txt { margin-top: 6%; }

    /*하단고정 신청폼_모바일형태*/
    .ft_form_m { bottom: -430px }

    

}


.ft_form_m.active{ bottom : 0; }
.ft_form_m.active .up_click{ transform: rotateX(180deg); }