.consultWrap{}


/* 견적목록 */

.consultListWrap .rowsWrap{border-top:2px solid #3F4652;border-bottom: 1px solid #9EA6B6}
.consultListWrap .rowsWrap .rows{border-top:1px solid #ddd}
.consultListWrap .rowsWrap .rows.top{background-color:#eee;border-top:none}
.consultListWrap .rowsWrap .rows::after{content:"";display:block;clear:both}

.consultListWrap .rowsWrap .rows .cols{float:left;width:100px;text-align:center;line-height:40px;border-right:1px solid #ddd;cursor:pointer;}
.consultListWrap .rowsWrap .rows .cols:first-child{border-left:1px solid #ddd}
.consultListWrap .rowsWrap .rows .cols.date{width:130px}
.consultListWrap .rowsWrap .rows .cols.company{width:120px}
.consultListWrap .rowsWrap .rows .cols.name{width:80px}
.consultListWrap .rowsWrap .rows .cols.memo{width:-webkit-calc(100% - 770px);width:calc(100% - 770px)}
.consultListWrap .rowsWrap .rows .cols.phone{width:120px}
.consultListWrap .rowsWrap .rows .cols.mail{width:150px}
.consultListWrap .rowsWrap .rows .cols.result{}
.consultListWrap .rowsWrap .rows .cols.state{width:70px}
.consultListWrap .rowsWrap .rows .cols.state span.label{font-size:100%}


/* 견적내용  */


/* 상세내용 */
.consultViewWrap h4{line-height:1;margin-bottom:20px}

.consultViewWrap .colsWrap{position:relative}
.consultViewWrap .colsWrap::after{content:"";display:block;clear:both}
.consultViewWrap .colsWrap .cols{float:left;background:#F8F6F4 none repeat scroll 0% 0%;width:50%;border-bottom:1px solid #ddd}
.consultViewWrap .colsWrap .cols::after{content:"";display:block;clear:both}
.consultViewWrap .colsWrap .cols > div{float:left}
.consultViewWrap .colsWrap .cols .inputTitle{width:100px;text-align:left;line-height:40px;padding-left:10px}
.consultViewWrap .colsWrap .cols .inputBox{position:relative;background:#fff none repeat scroll 0% 0%;position:relative;width:-webkit-calc(100% - 100px);width:calc(100% - 100px);min-height:40px;;line-height:40px;padding:0px 10px}


.consultViewWrap .infoBody{border:3px solid #D42F2F;margin-bottom:40px;
	-moz-box-shadow:2px 2px 10px -4px #000;
	-ms-box-shadow:2px 2px 10px -4px #000;
	-o-box-shadow:2px 2px 10px -4px #000;
	-webkit-box-shadow:2px 2px 10px -4px #000;
	box-shadow:2px 2px 10px -4px #000;
}
.consultViewWrap .infoBody .colsWrap .cols:nth-last-child(1),
.consultViewWrap .infoBody .colsWrap .cols:nth-last-child(2){border-bottom:none}
.consultViewWrap .infoBody .colsWrap .cols .state{color:#999}
.consultViewWrap .infoBody .colsWrap .cols .state em{color:#000;font-weight:700;font-size:15px}
.consultViewWrap .infoBody .colsWrap .cols .btnMail{position:absolute;right:10px;top:6px;line-height:26px}


.consultViewWrap .requestBody{margin-bottom:40px}
.consultViewWrap .requestBody::after{content:"";display:block;clear:both}
.consultViewWrap .requestBody h4{margin-bottom:10px}
.consultViewWrap .requestBody > div{float:left}
.consultViewWrap .requestBody .left{width:-webkit-calc(100% - 400px);width:calc(100% - 400px);padding-right:30px;border-right:1px solid #ddd}
.consultViewWrap .requestBody .right{width:400px;padding-left:30px}
.consultViewWrap .requestBody .colsWrap{border-top:1px solid #ddd}

.consultViewWrap .requestBody .left .cols.memo{width:100%}
.consultViewWrap .requestBody .left .cols.memo .inputBox{min-height:160px;line-height:25px;padding:5px 10px}

.consultViewWrap .requestBody .right .cols{width:100%}
.consultViewWrap .requestBody .right .cols.memo .inputBox{min-height:60px;line-height:25px;padding:5px 10px}
.consultViewWrap .requestBody .right .form .cols.account,
.consultViewWrap .requestBody .right .form .cols.memo{padding:0}
.consultViewWrap .requestBody .right .form .cols input{line-height:40;padding:0;border:none}
.consultViewWrap .requestBody .right .form .cols.memo textarea{height:200px;padding:0 10;border:none}


.consultViewWrap .btnBody{padding-top:30px;border-top:1px solid #ddd}
.consultViewWrap .btnBody::after{content:"";display:block;clear:both}
.consultViewWrap .btnBody > div{float:left;width:50%}
.consultViewWrap .btnBody .right{text-align:right}
.consultViewWrap .btnBody .basicButton{line-height:40px;padding:0 10px}