@charset "utf-8";

/*공통*/
#car_wrap{width:100%;max-width:1400px;margin:0 auto}

/*즉시 출고*/
#car_list .car_inner{width:100%;max-width:1400px;margin:0 auto}
#car_list .car_list_btn ul{display:flex;align-items:center;justify-content:space-between;padding-bottom:100px}
#car_list .car_list_btn ul li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;width:140px;height:140px;font-size:16px;font-weight:700;border:1px solid #e1e1e1;box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 1px 0px;border-radius:6px;color:#222;transition:all 0.2s;cursor:pointer;transition:all 0.1s} 
#car_list .car_list_btn ul li:active{border:2px solid var(--primary)}
#car_list .car_list_btn ul li:hover{border:2px solid var(--primary)}
#car_list .car_list_btn ul li svg{width:24px;color:var(--primary)}
#car_list .car_list_btn ul li .img{height:30px}
#car_list .car_list_btn ul li.on{border:2px solid var(--primary)}
#car_list .car_list_box .top_box{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:50px}
#car_list .car_list_box .top_box p{font-size:24px;font-weight:600;color:#222}
#car_list .car_list_box .top_box span{color: var(--sub)}
#car_list .search-container{display:flex;align-items:center;padding:12px 10px;width:337px;padding: 12px 24px;border:1px solid #e1e1e1;border-radius:4px}
#car_list .search-input{flex:1;border:none;outline:none;font-size:15px;color:#999}
#car_list .search-button{background:none;border:none}
#car_list .car_list_box input::placeholder{color:#999}
#car_list .search-input:focus{outline:none;box-shadow:none}

/*차 리스트*/
#car_list .list_box{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;margin-bottom:100px}
#car_list .list_box .box{border:1px solid #e1e1e1;border-radius:6px}
#car_list .list_box .img_box{display:flex;width:100%;height:230px;position:relative;background:#fafafa;align-items:center;justify-content:center;border-radius:6px}
#car_list .list_box .img_box img{width:100%;object-fit:contain;height:200px}
#car_list .list_box .img_box a{display:flex;width:70px;height:70px;position:absolute;bottom:-30px;right:40px;font-weight:700;background:#060f20;color:#fff;align-items:center;justify-content:center;border-radius:50px;transition:all 0.2s}
#car_list .list_box .img_box a:hover{background:var(--primary)}
#car_list .list_box .inner_box{padding:30px}
#car_list .list_box .center .top_txt{padding-bottom:15px;border-bottom:1px solid #e1e1e1}
#car_list .list_box .center .top_txt .tit{padding-bottom:3px;font-size: 19px;font-weight:700;color:#111}
#car_list .list_box .center .top_txt .txt{font-size:18px;font-weight:300;color:#666}
#car_list .list_box .center .op_txt{min-height:160px;padding:14px 0;border-bottom:1px solid #e1e1e1}
#car_list .list_box .center .op_txt dl{display:flex;margin-bottom:4px}
#car_list .list_box .center .op_txt dl:last-child{margin-bottom:0}
#car_list .list_box .center .op_txt dl dt{width: 70px;font-weight:600;color:#222}
#car_list .list_box .center .op_txt dl dd{overflow-y:auto;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.5;color:#999;flex:1;white-space:normal;word-break:break-word}
#car_list .list_box .center .pri_box{padding:16px 0}
#car_list .list_box .center .pri_box dl{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
#car_list .list_box .center .pri_box dl:last-child{margin-bottom:0}
#car_list .list_box .center .pri_box dl dt{font-weight:600;color:#222}
#car_list .list_box .center .pri_box dl dd{width:130px;font-size:19px;font-weight: 700;color:#222}
#car_list .list_box .bottom ul{display:flex;gap: 4px;justify-content:center;flex-wrap:wrap}
#car_list .list_box .bottom ul li{font-size:13px;font-weight:500;color:#222;background:#f2f2f2;padding: 6px;border-radius:2px;text-align:center}
#car_list .list_box .bottom ul li.on{font-weight:700;color:#Fff;background:var(--primary)}
#car_list .list_box .bottom ul li.on_b{padding:6px 16px;color:#fff;background:var(--sub)}
#car_list .more_btn{display:flex;align-items:center;justify-content:center;gap:20px;width:200px;height:65px;margin: 90px auto;background:#f5f5f5;border:none;border-radius:50px;font-weight:600;color:#222;transition:all 0.2s}
#car_list .more_btn:hover{color:#fff;background:var(--primary)}
#car_list .more_btn svg{width:16px}
#car_list .bot_banner{width:88%;height:347px;margin:0 auto;font-weight:700;background:url(/sh_page/img/last_bg.jpg) fixed no-repeat;background-size:cover;border-radius:20px;color:#fff}
#car_list .bot_banner .inner{max-width:1400px;margin:0px auto;padding-top:100px}
#car_list .bot_banner p{padding-bottom:34px;font-size:15px}
#car_list .bot_banner .txt{display:flex;align-items:flex-end;justify-content:space-between}
#car_list .bot_banner h2{font-size:40px;line-height:1.2}
#car_list .bot_banner .txt a{display:flex;align-items:center;justify-content:center;gap:20px;width:200px;height:65px;color:#fff;border:2px solid #fff;border-radius:50px;transition:all 0.2s}
#car_list .bot_banner .txt a:hover{color:#222;background:#fff}
#car_list .bot_banner .txt svg {width:16px}

/*메인 차량 즉시 신청 팝업*/
#car_list .list_box .img_box button{display:flex;width:70px;height:70px;position:absolute;bottom:-30px;right:40px;font-weight:700;background:#060f20;color:#fff;align-items:center;justify-content:center;border-radius:50px;border: none;transition:all 0.2s}
#car_list .list_box .img_box button:hover{background:var(--primary)}
#car_list .close-btn{position:absolute;top:20px;right:20px;border:none;background:none}
#car_list .close-btn svg{color:#111}
#car_list h3{padding:40px 0 14px 0;font-size:21px;color:#111;text-align:left}
#car_list .sh_inquiry ul li{position:relative}
#car_list .area_box input[type="radio"]{display:none}
#car_list .area_box ul{display:grid;grid-template-columns:repeat(5, 1fr);text-align:center;gap:5px}
#car_list .area_box ul li label{display:flex;align-items:center;justify-content:center;padding:6px;font-size:15px;font-weight:500;color:#222;background:#f2f2f2;border-radius:2px;transition:all 0.2s;cursor:pointer}
#car_list .area_box ul li input[type='radio']:checked + label{color:#fff;background-color:var(--sub)}
#car_list .sh_inquiry ul li .required-star{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:red;font-weight:bold;font-size:18px}
#car_list .sh_inquiry input[type=text]{width:100%;height:50px;padding:0 20px;border:1px solid #e1e1e1;border-radius:4px;color:#333}
#car_list .sh_inquiry > ul li:nth-child(1){margin-bottom:6px}
#car_list .sh_input {border:none;outline:none;font-size:15px;color:#999}
#car_list .area_box{padding:20px 0}
#car_list .area_box p{padding-bottom:14px;font-size:18px;font-weight:700;color:#111}
#car_list .popup-overlay{justify-content:center;align-items:center;display:none;position:fixed;top:0;left: 0;width:100vw;height:100vh;background:rgba(0, 0, 0, 0.5);z-index:1000}
#car_list .popup-content {position:relative;background:#fff;max-width:430px;width:100%;padding:30px;border-radius:4px}
#car_list .all_chk button{border:none;background:none}
#car_list .all_chk svg{margin-left:10px;width:20px;color:#999}
#car_list .agr{padding-bottom:16px}
#car_list .agr label{font-weight:500;font-size:15px;color:#333;padding-left:10px}
#car_list .agr_area{display:none}
#car_list .agr_area div:nth-child(1) span{font-weight:700;color:#f03737}
#car_list .agr_area a{padding-left:4px;font-size:14px;font-weight:600;color:#999}
#car_list .up_btn{display:none}
#car_list .all_chk2{width:15px;height:15px;border:none;border-radius:3px;background:none;border:1px solid #e1e1e1;cursor:pointer;-webkit-appearance:none}
#car_list .all_chk2:checked{background:url('/sh_page/img/ck.png') center no-repeat #111;background-size:8px}
#car_list .agr_list2{width:15px;height:15px;border:none;border-radius:3px;background:none;border:1px solid #e1e1e1;cursor:pointer;-webkit-appearance:none;-ms-appearance:none}
#car_list .agr_list2:checked{background:url('/sh_page/img/ck.png') center no-repeat #111;background-size:8px}
#car_list .submit-btn{display:block;width:100%;border:none;border-radius:5px;background:var(--primary);font-weight:600;font-size:16px;line-height:50px;color:#fff;transition:all 0.2s}
#car_list .submit-btn:hover{background:#060f20}

/*장기 렌트*/
.pagecommon{max-width:1400px;width:100%;margin:0 auto}
.pagecommon .tit_area{text-align:center}
.pagecommon .tit_area .tit_box{padding-bottom:40px;font-size:17px}
.pagecommon .tit_area .tit_box span{font-weight:700}
.pagecommon .tit_area .tit_box p{padding:50px 0 26px;font-size:36px;font-weight:700;color:#111;line-height:1.3}
.pagecommon .last_banner{width:100%;height:347px;margin:100px auto 0;padding:70px;font-weight:700;background:url(/sh_page/img/p35_bg.jpg) no-repeat center / cover;border-radius:20px;color:#fff}
.pagecommon .last_banner .tit{font-size:17px;font-weight:400;color:#ffffffa3}
.pagecommon .last_banner .tit p{padding-bottom:24px;font-size:36px;font-weight:700;line-height:1.4;color: #fff}
.pagecommon .last_banner a{display:flex;align-items:center;justify-content:center;gap:20px;width:280px;height:65px;margin-left: auto;color:#fff;border:2px solid #fff;border-radius:50px;transition:all 0.2s}
.pagecommon .last_banner a:hover{color:#222;background:#fff}
.pagecommon .last_banner svg {width:16px}

#p35 .list_area{margin-bottom:50px;padding:60px;background:#f2f9ff;border-radius:14px}
#p35 .list_area .box{width:50%;padding:40px;background:#fff;border-radius:10px}
#p35 .list_area .box:nth-child(even){margin-left:auto;margin-top:50px;margin-bottom:50px}
#p35 .list_area .box .top_box{padding-bottom:50px;font-size:18px;font-weight:600;color: var(--primary)}
#p35 .list_area .box .top_box p{padding-bottom:10px;font-size:26px;font-weight:700;color:#343c56;word-break:keep-all}
#p35 .list_area .box .flex{display:flex;justify-content:space-between;align-items:center}
#p35 .list_area .box .flex .img{display:flex;align-items:center;justify-content:center;width:78px;height:78px;background:var(--primary);border-radius:6px}
#p35 table{width:100%;border-radius:12px;text-align:center}
#p35 table thead th{color:#222;font-size:17px;font-weight:600 !important}
#p35 table thead th:nth-child(1){border-radius:10px 0 0 0}
#p35 table thead th:last-child{border-radius:0 10px 0 0}
#p35 table tr th{padding:14px 20px;color:#fff;background:var(--primary);border-right:1px dashed #e1e1e1}
#p35 table tr th{border-right:none}
#p35 table tr td{padding:16px 10px;border-bottom:1px dashed #e1e1e1;border-left:1px solid #e1e1e1}
#p35 table tr:last-child td{border-bottom:1px solid #e1e1e1}
#p35 table tr .t_r{border-right:1px solid #e1e1e1}
#p35 table .bg{font-weight: 600;color:#222;background:#ffb42324}
#p35 table .bd{background:var(--sub);color:#fff;border-top:5px solid #f59835;border-right:5px solid #f59835;border-left:5px solid #f59835}
#p35 table .t_b{border-left:5px solid #f59835;border-right:5px solid #f59835;font-size:17px;border-bottom: 1px dashed #e1e1e1}
#p35 table .t_l{border-left:5px solid #f59835;border-right:5px solid #f59835;border-bottom:5px solid #f59835}
#p35 table .t_b{word-break:keep-all}

/*리스*/
#p36 .cont_faq{padding:0 50px}
#p36 .cont_faq > div{padding:34px 60px;display:flex;gap:50px;font-weight:600;font-size:20px;color:#222;background:#f7f7f7;border-radius:10px}
#p36 .cont_faq ul li{display:flex;gap:50px;padding:34px 60px;margin-top:12px;border-radius:10px;border:1px solid #e1e1e1;align-items:center}
#p36 .cont_faq ul li .tit{font-weight:600;font-size:20px;color:#222}

/*이용안내*/
#p37 .list_box ul{display:grid;grid-template-columns:repeat(4, 1fr);gap:30px;row-gap:60px;padding:60px;margin-bottom:60px;background:#f2f9ff;border-radius:14px}
#p37 .list_box ul li{position:relative;padding:46px 40px 30px;font-weight:600;font-size:18px;background:#fff;color:#222;border-radius:10px;text-align:center}
#p37 .list_box ul li span{display:flex;align-items:center;justify-content:center;position:absolute;top:-25px;left:50%;transform:translateX(-50%);width:50px;height:50px;font-weight:700;font-size:14px;color:#fff;background:var(--primary);border-radius:50px}
#p37 .list_box ul li p{margin-top:30px}
#p37 table{width:100%;padding-bottom:10px;border-top:1px solid #e1e1e1}
#p37 table th{padding:14px 20px;border-bottom:1px solid #e1e1e1;font-size:17px;color:#fff;background:var(--primary);border-left:1px solid rgba(255, 255, 255, .2)}
#p37 table td{padding:20px 18px;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;word-break:keep-all;line-height:1.8}
#p37 table .t_c{font-weight:500;font-size:17px;text-align:center;color:#111}
#p37 table .t_l{border-right:none}
#p37 table td:last-child{border-right:none}

/*장기렌트 국산,수입*/
#car_wrap .car_top ul{display:flex;margin-bottom:80px;justify-content:center}
#car_wrap .car_top ul li{padding:18px 0;width:36%;text-align:center;font-size:18px;font-weight:600;color:#222;border:1px solid #e1e1e1;cursor:pointer}
#car_wrap .car_top ul li:nth-child(1){border-radius:6px 0 0 6px;border-right:none}
#car_wrap .car_top ul li:nth-child(2){border-radius:0 6px 6px 0}
#car_wrap .car_top ul li.on{font-weight:700;color:var(--primary);border:2px solid var(--primary)}
#car_wrap #car_list{width:100%;max-width:1260px;margin:0 auto}
#car_wrap #car_list .br_tit{padding-bottom:20px;font-size:19px;font-weight:600;color:#222}
#car_wrap #car_list .car_list_btn ul{justify-content:center;align-items:center;gap:20px;padding-bottom:50px}
#car_wrap #car_list .car_list_box .top_box{justify-content:flex-end}
#car_wrap .car_list_box .tit_search{display:flex;justify-content:flex-end;padding-bottom:10px;color:#888}
#car_wrap .car_sel .top{padding-bottom:16px;font-size:22px;font-weight:600;color:#222;border-bottom:1px solid #e1e1e1}
#car_wrap .car_sel ul{display:grid;grid-template-columns:repeat(3, 1fr);margin-top:30px;gap:20px;row-gap:50px;margin-bottom:150px}
#car_wrap .car_sel ul li{border-radius:6px 6px 0 0}
#car_wrap .car_sel ul li .img{display:flex;width:100%;height:280px;position:relative;align-items:center;background:#fafafa;border-radius:8px;justify-content:center;overflow:hidden}
#car_wrap .car_sel ul li .img img{transition:all 0.25s ease-in-out}
#car_wrap .car_sel ul li .img img:hover{transform:scale(1.08)}
#car_wrap .car_sel ul li .center{padding:20px 0 10px} 
#car_wrap .car_sel ul li .top_txt{display:flex;justify-content:space-between}
#car_wrap .car_sel ul li .top_txt .tit{font-size:19px;font-weight:700;color:#111} 
#car_wrap .car_sel ul li .last_box{display:flex;font-size:17px}
#car_wrap .car_sel ul li .last_box span{display:inline-block;margin-right:10px}
#car_wrap .car_sel ul li .last_box .price{font-weight:600;color:#888}
#bot_bar{width:100%;height:347px;margin:100px auto 0;padding:70px;font-size:17px;background:url(/sh_page/img/bg_img.png) no-repeat #060f20;background-position:right 90%;border-radius:20px;color:#ffffffb5}
#bot_bar .bot_tit{padding-bottom:50px;font-weight:700;font-size:25px;color:#fff}
#bot_bar .bot_tit .tit{font-size:36px}
#bot_bar .bot_tit p{font-size:36px}

/*상세견적 페이지*/
#car_w_inr{width:100%;max-width:1400px;margin:0 auto;/* height: 100vh; */}
#car_w_inr .car_inner{display:flex;justify-content:space-between;align-items:flex-start;flex-direction:row;gap:30px;margin-bottom:400px}
#car_w_inr .car_inner .left_car{flex-grow:1}
#car_w_inr .car_inner .right_car{position:sticky;top:0;width:40%;margin-bottom:100px}        
#car_w_inr .car_inner .view_top{display:flex;padding:0 26px;font-weight:600;font-size:17px;background:#060f20;color:#fff;line-height:55px;border-bottom:1px solid #e1e1e12e}
#car_w_inr .car_inner .view_top .btn_box{margin-left:auto}
#car_w_inr .car_inner .view_top.r{justify-content:flex-end}
#car_w_inr .car_inner .view_top span{margin-right:20px}
#car_w_inr .left_car button{border:none;background:none}
#car_w_inr .left_car button svg{width:20px;color:#fff}
#car_w_inr .car_select{padding:26px}
#car_w_inr .car_select .sel_tit{padding-bottom:20px;margin-bottom:20px;font-size:18px;font-weight:600;color:#111;border-bottom:1px solid #e1e1e1}
#car_w_inr ul li label{display:block;padding:20px 15px;margin-bottom:10px;font-weight:500;font-size:16px;color:#222;border-radius:4px;border:1px solid #e1e1e1;cursor:pointer;transition: all 0.1s}
#car_w_inr ul li:last-child label{margin-bottom:0}
#car_w_inr ul li input[type='radio']:checked + label{font-weight:600;border: 1px solid #060f20}
#car_w_inr input[type="radio"]{display:none}
#car_w_inr ul li input[type='checkbox']:checked + label{font-weight:600;border: 1px solid #060f20}
#car_w_inr input[type="checkbox"]{display:none}
#car_w_inr .sel_box{margin-bottom:30px}
#car_w_inr .pri_box{display:flex;justify-content:space-between}
#car_w_inr .opti_top{display:flex;align-items:center;gap:10px;margin:14px 0 8px;color:#888;font-size:15px}
#car_w_inr .option_detail .txt{width:80%;word-break:keep-all}
#car_w_inr .op_btn button{height:23px;width:23px;background:#060f20;border-radius:2px}
#car_w_inr .op_btn button svg{margin-top: -1px;width:13px}
#car_w_inr .option_detail{display:none;padding:16px;font-size:15px;font-weight:400;word-break:keep-all;border:1px solid #e1e1e1;color: #999}
#car_w_inr .wrap{display: grid;grid-template-columns: repeat(4, 1fr);gap:12px;text-align:center;word-break:keep-all}
#car_w_inr .circle{width:50px;height:50px;border-radius:50%;margin:0 auto 16px}
#car_w_inr .circle img{width:100%;border-radius:100%;border:1px solid #e1e1e1}
#car_w_inr .cl_pir{color:#888}
#car_w_inr .view_box{padding-bottom:20px}
#car_w_inr .view_box .box01 ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;text-align:center}
#car_w_inr .view_box .box02 ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px;text-align:center}
#car_w_inr .view_box .box03 ul{display:grid;grid-template-columns:repeat(5, 1fr);gap:10px;text-align:center}
#car_w_inr .view_box .box04 ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;text-align:center}
#car_w_inr .view_box .box05 ul{display:grid;grid-template-columns:repeat(4, 1fr);gap:10px;text-align:center}
#car_w_inr .view_box:last-child{padding-bottom:0}
#car_w_inr .vie_top_box{padding: 30px 0;text-align:right}
#car_w_inr .vie_top_box .top{display:flex;justify-content:space-between;font-size:18px;font-weight:600;color:#222;align-items:center}
#car_w_inr .vie_top_box .center{padding:20px 0 0 0;font-size:33px;font-weight:700;color:#222}
#car_w_inr .vie_top_box .bot{padding:0 0 40px 0;font-size:18px}
#car_w_inr .vie_top_box .img_box{display:flex;align-items:center;justify-content:center;object-fit:contain;height:250px;text-align:center;border:1px solid #e1e1e1}
#car_w_inr .vie_top_box .img_box img{width:100%; height:100%;object-fit:contain}
#car_w_inr .car_option{display:grid;grid-template-columns:repeat(2, 1fr)}
#car_w_inr .car_option dl{display:flex;align-items:center;gap: 12px;margin-bottom:8px}
#car_w_inr .car_option dl:last-child{margin-bottom:30px}
#car_w_inr .car_option dl dt{width:116px;padding:7px 14px;font-weight:600;color:#222;background:#f2f2f2;border-radius:3px;text-align:center}
#car_w_inr .car_last{padding:30px 0;border-top:2px solid #e1e1e1;border-bottom:2px solid #e1e1e1}
#car_w_inr .car_last ul li{padding:0 0 20px 0}
#car_w_inr .car_last ul li:last-child{padding-bottom:0}
#car_w_inr .car_last .tit{padding-bottom:10px;font-size:18px;font-weight:600;color: #111}
#car_w_inr .car_last .op_pri{display:flex;justify-content:space-between;font-size:17px}
#car_w_inr .car_last .op_num{margin-top:auto;font-weight:700;color:#111}
#car_w_inr .amount{display:flex;align-items:center;padding:20px 0;font-size:26px;font-weight:600;color:#111}
#car_w_inr .amount span:nth-child(1){font-size:18px}
#car_w_inr .amount span:nth-child(2){margin-left:auto;font-weight:700;font-size:28px}
#car_w_inr .submit-btn{display:block;width:100%;border:none;border-radius:5px;background:var(--primary);font-weight:600;font-size:17px;line-height:62px;color:#fff;transition:all 0.2s}
#car_w_inr .submit-btn:hover{background: #114cb3}
#car_w_inr .gird li label{padding: 16px 0;}
#car_w_inr .submit_btn{width:100%;margin-top:8px;border:none;border-radius:5px;font-weight:600;font-size:17px;background:#060f20;color:#fff;height:74px;line-height:1.4;transition:all 0.2s}
#car_w_inr .submit_btn:hover{background:#000}
#car_w_inr .submit_btn span{font-size:14px;color:#ffffffbf}
#car_w_inr .submit-btn{display:block;margin-top:20px;width:100%;border:none;border-radius:5px;background:var(--primary);font-weight:600;font-size:17px;cursor:pointer;text-align:center;line-height:62px;color:#fff;transition:all 0.2s}
#car_w_inr .submit_btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-top:8px;border:none;border-radius:5px;font-weight:600;font-size:17px;background:#060f20;color:#fff;height:74px;line-height:1.4;transition:all 0.2s;cursor:pointer}

/*상담신청 상세 내역*/
#Inquiry_form table{width:100%;padding-bottom: 13px;border-top:1px solid #e1e1e1}
#Inquiry_form table th{padding:14px 20px;border-bottom:1px solid #e1e1e12e;font-size: 16px;font-weight:600;color:#fff;background:var(--primary);border-left:1px solid rgba(255, 255, 255, .2)}
#Inquiry_form table td{padding:0 18px;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;word-break:keep-all;line-height:1.8;font-size:15px}
#Inquiry_form table .t_c{font-weight:500;font-size:17px;text-align:center;color:#111}
#Inquiry_form table .t_l{border-right:none}
#Inquiry_form table td:last-child{border-right:none}
#Inquiry_form .form-btn{display:block;margin-left:auto;padding:10px 24px;border:none;background:#f7f7f7;font-weight:500}

/* 반응형 [s] */
@media (max-width:1600px){
#car_list .bot_banner .inner{padding:100px 50px}
}
@media (max-width:1400px){
#car_list .bot_banner{width:94%}
}
@media (max-width:1300px){
.pagecommon{padding:0 20px}
#car_list{padding:0 20px}
#car_list .car_list_btn ul{gap:10px;padding:0 30px 50px}
#car_list .car_list_btn ul li{gap:20px;width:120px;height:120px}
#car_list .car_list_btn ul li .img img{width:100%;max-width:50px}
#car_list .car_list_btn ul li:last-child .img img{height:30px}
#car_list .car_list_btn ul li:last-child .img .c_img{height:30px}
#car_list .list_box .center .top_txt .txt{font-size:17px}
#car_list .list_box{gap:16px}
#car_list .list_box .inner_box{padding:14px}
#car_list .list_box .img_box{padding:16px}
#car_list .bot_banner{width:100%}
#p36 .cont_faq{padding:0}
#p37 .list_box ul{padding:50px}
#car_w_inr .vie_top_box .center{font-size:29px}
#car_w_inr .car_last .op_pri{padding:0}
#car_w_inr .car_last .op_txt{font-size:16px}
#car_w_inr .car_inner .left_car{flex-grow:0;width:50%;}
#car_w_inr .car_inner .right_car{flex-grow:1}
#car_w_inr .car_select{padding:26px 0}
}
@media (max-width:1200px){
.pagecommon .tit_area .tit_box p{font-size:32px}
#car_list .list_box{grid-template-columns:repeat(3, 1fr)}
#car_list .list_box .center .op_txt dl dd{font-size:15px;word-break:keep-all}
#car_list .bot_banner h2{font-size:35px}
#car_list .list_box{margin-bottom:50px}
#car_wrap .car_sel ul li .img{height:240px}
#car_w_inr .car_select{padding:26px 0}
#car_w_inr .car_inner{gap:24px}
#car_w_inr .car_last .op_pri{flex-direction:column}
#car_w_inr .car_last .op_num{margin-left:auto}
#car_w_inr .wrap{grid-template-columns:repeat(3, 1fr)}
#p35 .list_area{padding:40px}
#p35 .list_area .box .top_box p{font-size:23px}
}
@media (max-width:1024px){
.pagecommon .last_banner{padding:50px;height:auto}
.pagecommon .last_banner .tit p{font-size:31px}
.pagecommon .tit_area .tit_box p{font-size:28px}
#car_list .car_list_btn ul{padding: 0 0 50px;gap:14px !important}
#car_list .car_list_btn ul li{gap:13px;width:120px;height:100px;font-size:14px}
#p35 .list_area .box{width:100%;padding:30px}
#p35 .list_area .box .flex .img{width:70px;height:70px}
#p35 .list_area .box .flex .img img{width:30px}
#p35 .list_area .box .top_box{padding-bottom:30px;word-break:keep-all}
#p35 .list_area .box:nth-child(even){margin-top:30px;margin-bottom:30px}
#p36 .cont_faq > div{padding:34px}
#p36 .cont_faq ul li{padding:34px}
#p37 .list_box ul{grid-template-columns:repeat(3, 1fr);gap:24px;padding:40px}
#p37 table{font-size:15px}
#p37 table th{font-size:16px}
#p37 table .t_c{font-size:15px}
#car_wrap .car_sel ul{margin-bottom:100px}
#bot_bar{padding:50px;margin:50px auto 0;font-size:16px;background-size:40%}
#bot_bar .bot_tit .tit{font-size:32px}
#bot_bar .bot_tit{font-size:22px}
#car_w_inr .car_inner{gap:15px}
#car_w_inr .car_select{padding:20px 0}
#car_w_inr ul li label{font-size:15px}
#car_w_inr .vie_top_box .center{font-size:24px}
#car_w_inr .gird li label{padding:16px}
#car_w_inr .sel_box{margin-bottom:20px}
#car_w_inr .car_option dl dt{font-size:15px}
#car_w_inr .car_last{padding:20px 0}
#car_w_inr .vie_top_box{padding:20px 0}
#car_w_inr .vie_top_box .bot{padding:0 0 20px 0}
#car_w_inr .box05 li label{margin-bottom:0}
}
@media (max-width:1000px){
#car_w_inr .view_box .box05 ul{grid-template-columns:repeat(3, 1fr)}
}
@media (max-width:900px){
#car_list .car_list_btn ul{flex-wrap:wrap;justify-content:center;padding:0 15px 50px}
#car_list .car_list_btn ul li{height:90px}
#car_list .car_list_btn ul li .img img{max-width:36px}
#car_list .car_list_btn ul li:last-child .img img{height:24px}
#car_list .car_list_btn ul li .c_img{width:auto;height:30px}
#car_list .car_list_box .top_box p{font-size:22px}
#car_list .search-container{width:100%}
#car_list .bot_banner{height:300px}
#car_list .bot_banner h2{font-size:30px}
#car_list .bot_banner .inner{padding:80px 50px}
#car_list .bot_banner .txt a{width:155px;height:55px;font-size:15px}
#car_wrap #car_list .br_tit{text-align:center}
#car_wrap .car_sel .top{font-size:20px}
#car_wrap .car_sel ul{grid-template-columns:repeat(2, 1fr)}
#car_w_inr .car_option {grid-template-columns:repeat(1, 1fr)}
#car_w_inr .wrap{grid-template-columns:repeat(2, 1fr)}
}
@media (max-width:768px){
.pagecommon .tit_area .tit_box{font-size:16px;word-break:keep-all}
.pagecommon .last_banner .tit p{font-size: 23px}
.pagecommon .last_banner{height:auto;margin:50px auto 0}
.pagecommon .last_banner .tit{padding-bottom:20px;font-size:15px;word-break:keep-all}
.pagecommon .last_banner a{width:250px;font-size:15px}
.car_fir #car_list .car_list_btn ul{gap: 7px !important;}
#car_list{padding:0 15px}
#car_list .car_list_box .top_box p{font-size:19px}
#car_list .list_box{grid-template-columns:repeat(2, 1fr)}
#car_list .list_box .center .top_txt .tit{font-size:17px}
#car_list .list_box .center .top_txt .txt{font-size:16px}
#car_list .list_box .center .op_txt dl dt{font-size:15px}
#car_list .bot_banner{height:260px}
#car_list .bot_banner .inner{padding:70px 30px}
#car_list .bot_banner h2{font-size:23px}
#car_wrap .car_top ul li{padding:15px 0;font-size:16px}
#car_wrap .car_sel ul li .img{height:216px}
#car_w_inr .car_inner{flex-direction:column}
#car_w_inr .car_inner .left_car{flex-grow:1;width:100%}
#car_w_inr .car_inner .right_car{flex-grow:1;width:100%;margin-bottom:150px}
#car_w_inr .vie_top_box .img_box{height:auto}
#p35 .list_area{padding:30px;margin-bottom:0}
#p35 table thead th{font-size:15px}
#p35 table tr td{font-size:14px}
#p35 table .t_b{font-size:14px}
#p36 .cont_faq ul li{gap:30px}
#p36 .cont_faq ul li .tit{font-size:18px}
#p36 .cont_faq > div{gap:30px;font-size:18px}
#p37 .list_box ul{padding:40px 20px}
#p37 .list_box ul li{padding:46px 20px;font-size:17px}
#p37 .list_box ul li img{height:76px}
#p37 .list_box ul li span {width:40px;height:40px;font-size:13px}
#p37 .last_txt{font-size:15px}
#car_wrap .car_top ul{margin-bottom:50px}
#car_wrap .car_sel ul{row-gap:30px;margin-bottom:50px}
#bot_bar{height: 300px;padding:36px;font-size:15px;background-size:35%}
#bot_bar .bot_tit{padding-bottom:30px;font-size:20px}
#bot_bar .bot_tit .tit{font-size:28px}
#Inquiry_form table{font-size:15px}
#Inquiry_form table th{font-size:14px}
}
@media (max-width:600px){
.pagecommon .last_banner{text-align:center}
.pagecommon .last_banner a{height:55px;margin:0 auto}
#car_list .car_list_btn ul li{gap:8px;width:90px}
#car_list .car_list_box .top_box p{padding-bottom:12px;font-size:18px}
#car_list .search-input{font-size:14px}
#car_list .form_btn svg{width:20px}
#car_list .search-container{padding:12px 10px}
#car_list .car_list_box .top_box{align-items:center;flex-direction:column;padding-bottom:20px}
#car_list .form_btn{width:100%}
#car_list .list_box{gap:13px}
#car_list .car_list_btn ul li:last-child .c_img{width:auto;height:22px}
#car_list .list_box .center .pri_box dl dd{font-size:17px}
#car_list .list_box .inner_box{padding:16px}
#car_list .list_box .img_box{font-size:200px}
#car_list .list_box .img_box button{right: 14px;font-size:15px}
#car_list .bot_banner .inner{text-align:center}
#car_list .bot_banner .txt{flex-direction:column}
#car_list .bot_banner .txt a{margin:0 auto}
#car_list .bot_banner h2{width:100%}
#car_list .bot_banner .inner{padding:50px 30px}
#car_list .bot_banner{background:url(/sh_page/img/last_bg.jpg) no-repeat;background-size:cover}
#car_list .bot_banner p{padding-bottom:20px}
#car_list .bot_banner h2{padding-bottom:20px}
#car_wrap .car_sel ul li .top_txt .tit{font-size:17px}
#car_wrap .car_sel ul li .last_box{font-size:16px}
#p36 .cont_faq > div{padding:34px 24px}
#p36 .cont_faq ul li{padding:24px}
#p37 .list_box ul{grid-template-columns:repeat(2, 1fr)}
#p37 table td{padding:16px}
#p37 table .t_c{width:4%}
}
@media (max-width:500px){
#car_list .car_list_btn ul li{gap:8px;width:90px;font-size:13px}
#car_list .list_box{grid-template-columns:repeat(1, 1fr)}
#car_list .car_list_btn ul{padding:0 0 30px;gap:8px}
#car_list .list_box{margin-bottom:30px}
#car_wrap .car_sel ul li .img{height:auto}
#car_wrap .car_sel ul li .center .s_img img{width:40px}
#car_wrap .car_sel ul li .last_box{font-size:16px}
#car_wrap .car_sel ul li .img img{max-width: max-content;width:100%}
#bot_bar{padding:30px;text-align:center;font-size:14px}
#bot_bar .bot_tit{padding-bottom:20px;font-size:18px}
#bot_bar .bot_tit .tit{font-size: 23px}
#p35 .list_area{padding:24px}
#p35 .list_area .box{padding:24px}
#p35 .list_area .box{font-size: 14px;text-align:center}
#p35 .list_area .box .top_box{padding-bottom:20px;font-size: 15px;word-break:keep-all}
#p35 .list_area .box .top_box p{font-size:18px}
#p35 .list_area .box .flex{flex-direction:column;gap:12px}
#p35 .list_area .box .flex .img{width:60px;height:60px}
}
@media (max-width:480px){
.pagecommon .tit_area .tit_box p{padding:30px 0 20px;font-size:25px}
.pagecommon .tit_area img{width:160px}
.pagecommon .tit_area .tit_box{padding-bottom:30px}
.pagecommon .last_banner{padding:50px 30px}
.pagecommon .last_banner .tit p{font-size:20px}
#car_list .car_list_btn ul{display:grid;grid-template-columns:repeat(4, 1fr);gap:10px !important}
#car_list .car_list_btn ul li{width:100% !important}
#car_list .list_box .img_box button{font-size:14px}
#car_list .list_box{gap:10px}
#car_list .car_list_btn ul li{gap:0;width:68px;height:68px;font-size:12px}
#car_list .car_list_btn ul li .img img{width:30px}
#car_list .car_list_btn ul li:last-child .img img{width:auto;height:22px}
#car_list .car_list_btn ul li .c_img{width:auto !important;height:22px}
#car_list .car_list_btn ul li svg{width:18px;height: 30px;}
#car_list .bot_banner h2{font-size:20px;line-height:1.3}
#car_list .bot_banner .txt a{width:150px;height:50px;font-size:14px}
#car_list .popup-content{padding:14px}
#car_list .all_chk svg{margin-left:0}
#car_list .agr label{font-size:14px}
#car_list h3{font-size:18px}
#car_list .area_box ul li label{font-size:14px}
#car_list .sh_input{font-size:14px}
#car_list .list_box .img_boxP{height:220px}
#car_list .submit-btn{font-size:15px}
#car_wrap #car_list .car_list_btn ul{display:grid;grid-template-columns:repeat(4, 1fr)}
#car_wrap #car_list .car_list_btn ul li{width:100%}
#car_wrap .car_top ul{margin-bottom:30px}
#car_wrap .car_top ul li{width:46%;padding:12px 0;font-size: 15px;}
#car_wrap #car_list .br_tit{font-size:17px}
#car_wrap .car_list_box .tit_search{font-size: 14px;}
#car_wrap .car_sel ul{grid-template-columns:repeat(1, 1fr);gap:14px}
#car_wrap .car_sel ul li .img{height: auto;}
#car_wrap .car_sel ul li .img img{width:100%}
#car_wrap .car_sel ul li .top_txt .tit{font-size:17px}
#car_wrap .car_sel ul li .last_box{font-size:14px}
#p35{padding:0 15px}
#p36{padding:0 15px}
#p37{padding:0 15px}
#p35 .list_area .box:nth-child(even){margin-top:20px;margin-bottom:20px}
#p35 table tr td{font-size:13px}
#p35 table tr td br{display:none}
#p35 table thead th{font-size:14px}
#p35 .list_area{padding:20px}
#p35 table .t_l{font-size:14px;word-break:keep-all}
#p35 table thead th{width:25%}
#p36 .cont_faq > div{font-size:16px}
#p36 .cont_faq{font-size:14px}
#p36 .cont_faq ul li{gap:20px}
#p36 .cont_faq > div{gap:20px}
#p36 .cont_faq ul li .tit{font-size:16px}
#p37 .list_box ul{gap:18px;margin-bottom:30px}
#p37 table{font-size:14px}
#p37 .last_txt{font-size:13px}
#car_wrap .car_sel .top_tit{font-size:14px} 
#car_wrap .car_sel .top{font-size:16px}
#bot_bar .bot_tit .tit{font-size:22px}
#car_w_inr{padding:0 15px}
#car_w_inr .car_select .sel_tit{font-size:16px}
#car_w_inr .cl_pir{font-size:13px}
#car_w_inr .submit-btn{font-size:16px}
#car_w_inr .submit_btn{font-size:16px}
#car_w_inr .view_box .box03 ul{gap:7px}
#car_w_inr .car_inner .view_top{padding:0 16px;line-height:48px;font-size:16px}
#car_w_inr .car_select .sel_tit {padding-bottom:15px;margin-bottom:15px;font-size:15px}
#car_w_inr .pri_box{font-size:14px}
#car_w_inr .cl_p{font-size:14px;line-height:1.3}
#car_w_inr ul li label{padding:15px;margin-bottom:6px;font-size:14px}
#car_w_inr .wrap{gap:8px}
#car_w_inr .opti_top{font-size:14px}
#car_w_inr .option_detail .txt{width:100%;font-size:13px}
#car_w_inr .view_box .box05 ul{grid-template-columns:repeat(3, 1fr)}
#car_w_inr .view_box .box05 ul li label{margin-bottom:0}
#car_w_inr .car_option dl{font-size:15px}
#car_w_inr .gird li label{padding:15px}
#car_w_inr .amount span:nth-child(2){font-size:24px}
#car_wrap .car_sel ul li .center .s_img img{width:32px}
#car_w_inr .car_last .tit{font-size:17px}
#car_w_inr .car_last .op_txt{font-size:15px}
}
@media (max-width:400px){
#car_w_inr .car_inner .view_top{font-size:16px}
#car_w_inr .wrap{grid-template-columns:repeat(2, 1fr)}
#car_w_inr .view_box .box03 ul{grid-template-columns:repeat(3, 1fr)}
#car_w_inr .view_box .box05 ul{grid-template-columns:repeat(2, 1fr)}
}
@media (max-width:390px){
#bot_bar .bot_tit .tit{font-size:21px}
}
@media (max-width:380px){
.pagecommon .tit_area .tit_box{font-size:15px}
.table_inner{overflow-x:scroll}
#car_list .bot_banner h2{font-size:18px}
#car_list .agr label{font-size:13px}
#p35 .list_area{padding:20px}
#p35 .list_area .box{padding:20px;font-size:14px}
#p35 .list_area .box .top_box p{font-size:17px}
#p35 .list_area .box .flex .left br{display:none}
#p35 table{width:140%}
#p35 table tr td{font-size:13px}
#p36 .cont_faq > div{padding:20px;font-size:15px}
#p36 .cont_faq ul li{padding:20px}
#p36 .cont_faq ul li .tit{font-size:15px}
#p37 .list_box ul{grid-template-columns:repeat(1, 1fr);gap:14px}
#p37 .list_box ul li{padding:30px 20px;font-size:15px}
#p37 .list_box ul li span{font-size:12px}
#p37 table{width:130%}
#car_wrap .car_sel ul{grid-template-columns:repeat(1, 1fr)}
#car_wrap .car_sel ul li .img{height:160px}
#bot_bar{height:250px;padding:20px;font-size:13px}
#bot_bar .bot_tit{font-size:14px}
#bot_bar .bot_tit .tit{font-size:18px}
#bot_bar .last_tit br{display:none}
}
/* 반응형 [e] */