@charset "utf-8";

.chatbot_widget {align-items:flex-end; transform:translateX(calc(100% - 28px)); transition:transform 0.3s ease, opacity 0.3s ease;}
.chatbot_widget_head {position:relative; margin-bottom:66px; transition:all 0.2s ease-out;}
.chatbot_widget_btn {width:28px; height:60px; background-repeat:no-repeat; background-position:center; transition:all 0.2s ease-out;}
.chatbot_widget_comnt {position:absolute; top:-38px; right:0; width:39px; height:43px;}
.chatbot_widget_comnt > span {position:absolute; top:6px; left:-155px; padding:7px 10px; font-size:12px; color:#cfcfcf; background:#000; border-radius:6px;}
.chatbot_widget_comnt > span::after {content:""; position:absolute; top:50%; left:100%; margin-top:-5px; width:0; height:0; border-width:5px; border-style:solid; border-color:transparent transparent transparent #000;}
.chatbot_widget_comnt button {margin-left:4px; vertical-align:middle; background:none; border:none; cursor:pointer;}
.chatbot_widget_close {z-index:9999999; display:none; position:absolute; top:22px; right:32px; width:28px; height:28px; text-indent:-9999px; background:transparent url(/resources/chatbot/images/btn_widget_close.png) no-repeat center; border:0; border-radius:50%; cursor:pointer;}
.chatbot_widget_close:hover {background-color:rgba(255,255,255,0.2);}

.chatbot_show {
    transform: translateX(0);
}

#chatbot_error {margin:0; width:100%; height:100vh; background:#fff;}
.error_comnt {display:flex; padding:40px; width:100%; height:100vh; align-items:center; justify-content:center; box-sizing:border-box;}
.error_comnt > div {padding-top:90px; font-size:15px; color:#666; text-align:center; background:url(/resources/chatbot/images/ico_chatbot_error.png) no-repeat center top;}