@charset "utf-8";

#m01{overflow:hidden;margin-top:40px;font-family:'notokr-regular'}
#m01 > div{float:left;width:520px;margin-left:30px}
#m01 > div:first-child{margin-left:0}
#m01 > div ul{overflow:hidden;height:198px;border:1px solid #ddd;padding:20px 28px}
#m01 > div ul li{position:relative;display:flex;align-items:center;justify-content:space-between;line-height:19px;font-size:14px;letter-spacing:-0.2px;overflow:hidden;margin-bottom:7px}
#m01 > div ul li .date{color:#999}
#m01 > div ul li a{color:#666}
#m01 > div ul li .icon{float:right;display:block;margin-left:12px;width:52px;font-size:12px;color:#fff;text-align:center}
#m01 > div ul li .icon_1{background:#999}
#m01 > div ul li .icon_2{background:#393}
#m01 > div ul li .icon_3{background:#c00}

/* 견적문의 현황 */
.it_basic_01 li .name{color:#333;font-family:'notokr-bold'}
.it_basic_01 li .date{float:right}

/* 반응형 [s] */
@media (max-width:1300px){
#m01{width:95%;margin:40px auto 0}
#m01 > div{width:49%;margin-left:0}
#m01 > div:nth-child(1){margin-right:2%}
}
@media (max-width:1200px){
#m01 > div{float:none;width:100%}
#m01 > div:nth-child(1){margin-right:0}
#m01 > div:nth-child(2){margin-top:40px}
}
@media (max-width:768px){
#m01{width:100%;padding:0 15px}
}
@media (max-width:580px){
#m01 > div ul{padding:20px 15px}
#m01 > div ul li .l_txt{display:flex;align-items:center}
.it_basic_01 li .name{margin-right:5px}
#m01 > div ul li .date{display:none}
#m01 > div ul li a{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;box-sizing:border-box}
}
@media (max-width:480px){
#m01{margin-top:30px}
#m01 > div:nth-child(2){margin-top:30px}
}
/* 반응형 [e] */