@charset "utf-8";

#comingsoon{width:100%;padding-top:100px;text-align:center}

/* 공통 */
.pagecommon{padding-bottom:50px;position:relative;font-size:16px;letter-spacing:-.3px;line-height:1.7;color:#777;font-family:'pretendard'}
.pagecommon .pl{white-space:pre-line}
.pagecommon .col{color:var(--primary)}

#p33 .tit{text-align:center}
#p33 .tit .h1{margin-bottom:50px;font-size:40px;color:#111;line-height:1.4;font-family:'NEXEN_TIRE_Bold'}
#p33 .tit div{font-size:18px;font-weight:600;color:#444}
#p33 .pl br{display:none}

#p33 .bnr{width:50%;height:400px;margin:100px auto;border-radius:30px;font-size:35px;font-weight:700;color:#fff;background:url(/sh_page/img/p33_bg.jpg) center;background-size:cover}
#p33 .bnr ul{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;height:100%;text-align:center}
#p33 .bnr li{position:relative}
#p33 .bnr li~li:before{position:absolute;content:'';top:50%;left:0;width:10px;height:10px;border-radius:30px;background:#fff}

#p33 .bsn li{display:flex;justify-content:space-between}
#p33 .bsn li~li{position:relative;margin-top:120px}
#p33 .bsn .txt{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly}
#p33 .bsn .txt span{font-size:16px;font-weight:700;color:var(--primary)}
#p33 .bsn .box_tit{font-size:38px;color:#111;line-height:1.4;font-family:'NEXEN_TIRE_Bold'}
#p33 .bsn a{position:relative;display:block;width:550px;height:430px;border-radius:30px;background-size:cover}
#p33 .bsn a div{position:absolute;right:0;bottom:0;width:92px;height:92px;background:url(/sh_page/img//p33_rnd.png)}
#p33 .bsn a div span{position:absolute;right:0;bottom:0;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:30px;color:#fff;background:#111;transition:all .3s}
#p33 .bsn .box01 a{background-image:url(/sh_page/img/p33_img01.jpg)}
#p33 .bsn .box02{flex-direction:row-reverse}
#p33 .bsn .box02 a{background-image:url(/sh_page/img/p33_img02.jpg)}
#p33 .bsn .box03 a{background-image:url(/sh_page/img/p33_img03.jpg)}
#p33 .price{margin-top:120px}
#p33 .price .tit{text-align:left;font-size:38px;color:#111;line-height:1.4;font-family:'NEXEN_TIRE_Bold'}
#p33 .price .tit span{display:block;padding-top:20px;font-size:21px;font-weight:600;font-family:'pretendard'}
#p33 .price .txt{display:flex;justify-content:space-between;margin-bottom:60px}
#p33 .price img{border-radius:30px}

#p43 .tit{margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid #e1e1e1;text-align:left;font-size:38px;color:#111;line-height:1.4;font-family:'NEXEN_TIRE_Bold'}
#p43 ul{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;overflow:hidden}
#p43 ul li{float:left;height:90px;line-height:90px;border:solid 1px #e1e1e1;border-radius:10px;text-align:center;vertical-align: middle;}
#p43 ul li img{max-width:190px;max-height:56px;}

#p44 .price .tit{text-align:left;font-size:38px;color:#111;line-height:1.4;font-family:'NEXEN_TIRE_Bold'}
#p44 .price .tit span{display:block;padding-top:20px;font-size:21px;font-weight:600;font-family:'pretendard'}
#p44 .price .txt{display:flex;justify-content:space-between;margin-bottom:60px}
#p44 .price img{border-radius:30px}
#p44 .pl b{color:var(--primary)}
#p44 .pl br{display:none}

.cargo .price .tit{text-align:left;font-size:38px;color:#111;line-height:1.4;font-family:'NEXEN_TIRE_Bold'}
.cargo .price .tit span{display:block;padding-top:20px;font-size:21px;font-weight:600;font-family:'pretendard'}
.cargo .price .txt{display:flex;align-items:center;gap:40px;margin-bottom:60px}
.cargo .service_list{display:flex;flex-direction:column;gap:20px;}
.cargo .service_list li{display:flex;gap:20px;padding:30px;border:1px solid #e1e1e1;border-radius:30px}
.cargo .service_list .num{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:100%;font-size:15px;font-weight:600;color:#fff;background-color:var(--primary)}
.cargo .service_list .content{flex:1;}
.cargo .service_list .l_tit{margin:0 0 10px;font-size:22px;color:#111;font-family:'NEXEN_TIRE_Bold'}
.cargo .service_list .desc b{color:#222}
.cargo .service_list .info{position:relative;margin:10px 0 0;color:#999}

#p37 .service_list{display:flex;flex-direction:row;flex-wrap:wrap;border:none}
#p37 .service_list li{width:calc(50% - 20px);flex-direction:column;text-align:center;border:1px solid #e1e1e1;;}
#p37 .service_list li:last-child{width:100%;flex-direction:row;align-items:center;text-align:left}
#p37 .service_list li:last-child .content{flex:none;width:50%;text-align:center}
#p37 .service_list li:last-child .desc_box span{display:inline-block;margin-bottom:8px;padding:7px 12px;border-radius:30px;line-height:1;font-size:14px;font-weight:500;background-color:#dedede}
#p37 .service_list li:last-child .desc_box p:before{content:'';display:inline-block;width:3px;height:3px;margin:-5px 10px 0 0;vertical-align:middle;background:var(--primary);border-radius:100%;}
#p37 .service_list li:last-child .desc_box > div{margin-bottom:10px}
#p37 .service_list .num{margin:0 auto}

#p38 .service_list{display:flex;flex-direction:row;flex-wrap:wrap;border:none}
#p38 .service_list li{width:calc(50% - 20px);flex-direction:column;text-align:center;border:1px solid #e1e1e1;}
#p38 .service_list li:last-child{width:100%;align-items:center}
#p38 .service_list li:last-child .content{flex:none;width:50%;text-align:center}
#p38 .service_list li table{border-collapse:collapse;font-size:15px}
#p38 .service_list li table th{padding:6px 12px;border:1px solid #e1e1e1;font-weight:500;color:#222;background-color:#f5f5f5}
#p38 .service_list li table td{padding:6px 12px;border:1px solid #e1e1e1}
#p38 .service_list li table td:first-child{font-weight:500;color:#222;background-color:#f5f5f5}

/* .vehicle_tab_wrap .tab_btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:60px} */
.vehicle_tab_wrap .vehicle_tab_area{margin-bottom:60px}
.vehicle_tab_wrap .tab_btns{display:flex;flex-wrap:wrap;gap:10px}
.vehicle_tab_wrap .tab_btns_wrap{margin-bottom:20px;padding-bottom:12px;border-bottom:1px dashed #e1e1e1}
.vehicle_tab_wrap .tab_btns_wrap:last-child{border-bottom:none}
.vehicle_tab_wrap .tab_btns_wrap .tab_tit{float:left;display:block;width:14%;padding:12px 0 0 30px;font-size:17px;color:#222;font-weight:700}
.vehicle_tab_wrap .tab_btns li{display:flex;align-items:center;justify-content:center;width:calc(25% - 10px);height:52px;border:1px solid #e1e1e1;border-radius:50pt;background:#fff;color:#444;font-weight:600;cursor:pointer;transition:all .3s ease}
.vehicle_tab_wrap .tab_btns li:hover{border-color:var(--primary,#111);color:var(--primary,#111)}
.vehicle_tab_wrap .tab_btns li.active{border-color:var(--primary,#00a884);background-color:var(--primary,#00a884);color:#fff;font-weight:700}
.vehicle_tab_wrap .tab_content{display:none}
.vehicle_tab_wrap .tab_content.active{display:block}
.vehicle_tab_wrap .detail_box{display:flex;gap:40px;align-items:center}
.vehicle_tab_wrap .img_area{flex:1;height:380px;border-radius:30px;overflow:hidden;border:1px solid #e1e1e1;background:#fff}
.vehicle_tab_wrap .img_area img{width:100%;height:100%;object-fit:contain}
.vehicle_tab_wrap .info_area{flex:1.2}
.vehicle_tab_wrap .v_tit{margin-bottom:24px;font-size:34px;color:#111;font-family:'NEXEN_TIRE_Bold',sans-serif}
.vehicle_tab_wrap .v_sub{display:block;font-size:22px;color:#888;font-family:'NEXEN_TIRE_Regular',sans-serif}
.vehicle_tab_wrap .spec_table{width:100%;border-collapse:separate;border-spacing:0;border-radius:20px;overflow:hidden;border:1px solid #e1e1e1}
.vehicle_tab_wrap .spec_table th,.vehicle_tab_wrap .spec_table td{padding:18px 15px;text-align:center;font-size:16px;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
.vehicle_tab_wrap .spec_table tr:last-child th,.vehicle_tab_wrap .spec_table tr:last-child td{border-bottom:none}
.vehicle_tab_wrap .spec_table td:last-child{border-right:none}
.vehicle_tab_wrap .spec_table th{width:25%;background-color:var(--primary,#00a884);color:#fff;font-weight:600}
.vehicle_tab_wrap .spec_table td{width:25%;background-color:#fff;color:#333}

.vehicle_tab_wrap .spec_table td.border{border-right:1px solid #e1e1e1}
.vehicle_tab_wrap .spec_table td.border_n{border-bottom:none}

#p41 .spec_table th{width:10%}


@media (max-width:1024px){
.vehicle_tab_wrap .tab_btns li{width:calc(33.333% - 8px)}
.vehicle_tab_wrap .detail_box{flex-direction:column}
.vehicle_tab_wrap .img_area{width:100%;height:300px}
.vehicle_tab_wrap .info_area{width:100%}
}