@charset "utf-8";

#inc06{padding-bottom:105px;font-size:16px}
#inc06 .faq_list{margin:55px 0 85px}
#inc06 .faq_list > li{position:relative;border-bottom:1px solid #e1e1e1;box-sizing:border-box;transition:all .5s}
#inc06 .faq_list > li > .txt{overflow:hidden;display:-webkit-box;position:relative;width:100%;height:auto;padding-right:30px;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:normal;text-overflow:ellipsis;word-break:keep-all;line-height:92px;font-size:20px;font-weight:600;box-sizing:border-box}
#inc06 .faq_list > li .txt:after{position:absolute;top:50%;right:0;transform:translateY(-50%);width:27px;height:27px;content:"\2b";font-size:23px;font-family:FontAwesome;line-height:27px;background:var(--primary);border-radius:50%;text-align:center;color:#fff}
#inc06 .faq_list > li .txt.on:after{content:"\f068";font-size:15px}
#inc06 .faq_list > li .faq_answer{display:none;padding:20px 10px;border-top:1px solid #e1e1e1;font-size:18px;font-weight:500;line-height:1.5}
#inc06 .faq_list .empty{display:flex;align-items:center;justify-content:center;width:100%;padding:30px 0px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;font-size:18px}
#inc06 .blue_box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:73px 0 85px;border-radius:40px;background:var(--primary);color:#fff}
#inc06 .blue_box .icon{margin-bottom:35px;width:58px;height:58px;border-radius:15px;background:#fff url("./img/file_icon.png") no-repeat center}
#inc06 .blue_box .txt{display:block;margin-bottom:28px;font-size:38px;text-align:center;font-weight:500}
#inc06 .blue_box .inquiry_btn{display:flex;align-items:center;justify-content:center;width:104px;height:45px;font-size:15px;font-weight:600;border-radius:5px;background:#fff;color:var(--primary)}

/* 폐차현황 / 상담현황 라테스트 */
#inc06 .list_latest{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;padding:50px 0}
#inc06 .list_latest > div{width:100%;padding:40px;border-radius:20px;background:#fff;box-shadow:0px 4px 12px rgba(0, 0, 0, 0.1)}
#inc06 .list_latest > div .la_tit{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #e1e1e1;font-size:28px;font-weight:700;color:#222}
#inc06 .list_latest > div .la_tit span{color:var(--primary)}
#inc06 .list_latest > div .la_tit a{display:block;transform-origin:center center;font-size:30px;font-weight:500;line-height:1;color:#bbb;transition:0.2s}
#inc06 .list_latest > div .la_tit a:hover{color:var(--primary)}
#inc06 .list_latest .left .date{padding-right:10px}
#inc06 .norice_list{border-top:2px solid var(--dark)} 
#inc06 .norice_list > li{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 10px;height:66px;border-bottom:1px dotted #e1e1e1;transition:all .5s;box-sizing:border-box}  
#inc06 .norice_list > li:hover{background:var(--bg-color)}
#inc06 .norice_list > li .txt{overflow:hidden;display:-webkit-box;color:var(--dark);width:80%;padding-left:25px;font-weight:600;font-size:18px;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:normal;text-overflow:ellipsis;word-break:keep-all;transition:all .5s} 
#inc06 .list_latest > div.left li .txt{padding-left:0;text-align:center}
#inc06 .norice_list > li:after{opacity:0;position:absolute;top:50%;left:35px;transform:translateY(-50%);content:"";display:block;width:4px;height:4px;border-radius:50%;background:var(--dark);transition:all .5s}
#inc06 .norice_list > li span{width:78.5px;padding:7px 15px;border-radius:50px;font-size:14px;font-weight:500;text-align:center;color:#fff}
#inc06 .norice_list > li span+span{margin-left:5px}
#inc06 .norice_list > li .date{color:#aaa;font-weight:600;font-size:13px} 
#inc06 .norice_list > li .normal{background:#1A73E8}
#inc06 .norice_list > li .early{background:#D93025}
#inc06 .norice_list > li .seizure{background:#6A1B9A}
#inc06 .norice_list > li .etc{width:107px;background:#555555}
#inc06 .norice_list > li .quick{background:#FF5722}
#inc06 .norice_list > li .new{background:#1A73E8}
#inc06 .norice_list > li .done{background:#34A853}
#inc06 .norice_list > li .in{background:#34A853}
#inc06 .norice_list > li .waiting{background:#F39C12}
#inc06 .norice_list > li .closed{background:#7F8C8D}














/* 반응형 [s] */
@media (hover:hover){
#inc06 .faq_list > li:hover{border-bottom:1px solid var(--primary)}
}
@media (max-width:1024px){
#inc06{padding-bottom:80px}
#inc06 .faq_list {margin:0 0 80px}
#inc06 .faq_list > li > .txt{height:85px;line-height:85px}
#inc06 .blue_box{padding:55px 0}
#inc06 .blue_box .icon{width:50px;height:50px}
#inc06 .blue_box .txt{font-size:35px}
}
@media (max-width:768px){
#inc06{padding-bottom:60px}
#inc06 .faq_list{margin:0 0 60px}
#inc06 .faq_list > li > .txt{height:75px;line-height:75px;font-size:18px}
#inc06 .faq_list > li .txt:after{width:25px;height:25px;line-height:26px;font-size:18px}
#inc06 .faq_list > li .txt.on:after{font-size:10px}
#inc06 .blue_box{padding:45px 0;border-radius:20px}
#inc06 .blue_box .icon{margin-bottom:25px}
#inc06 .blue_box .txt{margin-bottom:20px;font-size:28px}
#inc06 .faq_list .empty{padding:20px;font-size:16px}
}
@media (max-width:480px){
#inc06{padding-bottom:45px}
#inc06 .faq_list > li > .txt{height:65px;line-height:65px;font-size:17px}
#inc06 .faq_list > li .faq_answer{padding:15px 10px;font-size:16px}
#inc06 .blue_box{padding:30px 0;border-radius:10px}
#inc06 .blue_box .txt{line-height:1.3;font-size:22px}
#inc06 .blue_box .icon{width:40px;height:40px;border-radius:10px;background-size:23px}
#inc06 .faq_list .empty{padding:15px;font-size:15px}
}
/* 반응형 [e] */