.eva-container{/*position: relative;*/top: -29px;text-align: right;margin-left: 30px;min-width: 318px;margin-top: 5px;width: calc(100% - 85px);}
.chat-bot-box .message.bot{margin-bottom: 0px !important;}
.chat-bot-box #history_first.message.bot{margin-bottom: 40px !important;}
.chat-bot-box .message_bot_box{padding-bottom: 20px !important;}
.evaluate{/* margin-left:-14px; */padding-right: 13px;}
.evaluate a{display: inline-block;width:16px;height:16px;margin-left:14px;background-repeat:no-repeat;/* float: left; */background-size: cover;}
.evaluate .good{background-image: url(https://chatty.kr/images/icon_good_bm_field.png);}
.evaluate .good.active{background-image: url(https://chatty.kr/images/icon_good_cli_bm_field.png);}
.evaluate .bad{background-image: url(https://chatty.kr/images/icon_bad_bm_field.png);}
.evaluate .bad.active{background-image: url(https://chatty.kr/images/icon_bad_cli_bm_field.png);}
.eval-panel{/* position: absolute; */left: -16px;right: -16px;top: 10px;z-index: 10;}
.eval-panel .ttxt{font-size: 14px;color:#555555;padding-right:15px;position:relative;margin: 0;text-align: left;}
.eval-panel > div{border:1px solid #e1e1e1;border-radius: 13px;padding:10px 18px 18px;position:relative;margin-top: 22px;background: #fff;}
.eval-panel > div > div::before{content:'';position:absolute;right: 36px;top: -12px;width:22px;height:12px;background:url(https://chatty.kr/images/corner_bm_field.gif) no-repeat;/* transform: rotate(180deg); */}
.eval-panel > div .panel2::before,
.eval-panel > .pos2::before{right: 9px;}
.chat-bot-box .eval-panel ul.assess-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px;padding-left: 0;margin-left: 0px !important;margin-bottom: 10px;}
.eval-panel .assess-list li{width:calc((100% - 16px) / 3);min-height: 32px;list-style: none;border-radius: 6px;border: 1px solid #e5e5e5;overflow: hidden;box-sizing: border-box;}
.eval-panel .assess-list li a,
.eval-panel .assess-list > li label input[type="checkbox"] + span{display:block;font-size:14px;color:#777777;font-weight:300;text-align:center;/* height:32px; *//* border-radius:6px; *//* border:1px solid #e5e5e5; *//* overflow: hidden; */display: flex;align-items: center;justify-content: center;padding: 0 3px;padding-right: 15px;height: 100%;}
.eval-panel .close-btn{display:block;position:absolute;right:16px;top: 14px;}
.eval-panel .assess-list > li label{display:block;height: 100%;}
.eval-panel .assess-list > li label input[type="checkbox"]{opacity: 0;position: absolute;left: -99999px;}
/*{position: relative;word-break: keep-all;padding: 0 10px;}*/
.eval-panel .assess-list > li label input[type="checkbox"] + span::before{content:"";display:inline-block;width: 10px;height: 9px;margin-right: 5px;flex: 0 0 auto;}
.eval-panel .assess-list > li label input[type="checkbox"]:checked + span{color:#fff;background: #2941f5;}
.eval-panel .assess-list > li label input[type="checkbox"]:checked + span::before{background: url(https://chatty.kr/images/icon_assess_check.png) no-repeat;}
.eval-panel .send-btn{display: block;/* padding: 5px 0; */text-align: center;background: #8a8b8b;border-radius: 5px;color: #fff;height: 32px;line-height: 32px;box-sizing: border-box;}


.direct-panel .ta-box{margin-top:8px;width: 100%;border-radius: 6px;position:relative;box-sizing: border-box;}
.direct-panel .ta-box textarea{width: 100%;height: 74px;font-size:17px;padding:12px 0 12px 12px;border:none;border-radius: 6px;border: 1px solid #e5e5e5;resize: none;box-sizing: border-box;margin-bottom: 10px;}
.direct-panel .ta-box textarea::placeholder{font-size:15px;color:#999999;}
.direct-panel .ta-box .send-btn{display:block;/* position:absolute; */right:5px;bottom:6px;}

.eval-panel > div > div.good-class::before{right: 36px;}
.eval-panel > div > div.bad-class::before{right:9px;}
.eval-panel .history-items-container{word-break:break-all;text-align:left;}
.eval-panel .history-items-list{display: flex;gap: 8px;flex-wrap: wrap;margin-top: 6px;padding-left: 0;margin-left: 0px !important;margin-bottom: 0px;}
.eval-panel .history-items-list li{list-style:none;width: calc((100% - 22px) / 3);font-size: 14px;color: #777777;font-weight: 300;text-align: center;height: 32px;border-radius: 6px;border: 1px solid #e5e5e5;overflow: hidden;display: flex;align-items: center;justify-content: center;box-sizing: border-box;}
.eval-panel .history-items-list li.check{color: #fff;background: #2941f5;}
.eval-panel .history-items-list li.check::before{content: "";display: inline-block;background: url(https://chatty.kr/images/icon_assess_check.png) no-repeat;width: 10px;height: 9px;margin-right: 5px;}

.eval-panel p{margin:5px 0;}

@media screen and (max-width: 1024px){
	.eval-panel .assess-list li,
	.eval-panel .history-items-list li{width: calc((100% - 5px) / 2);}

	.chat-bot-box .eval-panel ul.assess-list,
	.eval-panel .history-items-list{gap:5px}
}
@media screen and (max-width: 768px){
	.eval-panel .assess-list li,
	.eval-panel .history-items-list li{width:100%;}
}
@media screen and (max-width: 590px){
	.eval-panel{/* width:400px; */}
}
@media screen and (max-width: 450px){
	.eval-panel{/* width:320px; */}
	.eva-container{min-width:auto;width: calc(100% - 63px);}
	.eval-panel .ttxt,
	.eval-panel .history-items-list li,
	.eval-panel .history-comment,
	.eval-panel .assess-list li a, 
	.eval-panel .assess-list > li label input[type="checkbox"] + span{font-size:12px;}
	.eval-panel > div{padding: 10px;}


}