@charset "utf-8";

/* chatBot start */
.chatBot.off {transform: translate(90px, 0px);transition: transform 0.5s ease-out;}
.chatBotMainDiv { display : none; }
.chatBot {
	display:none;
	position:fixed; bottom:40px; right:120px; width:27px; height:27px; border-radius:50%; padding:20px; background-color:#3CAFAF;
	/* box-shadow:rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.2) 0px 4px 6px, rgba(0, 0, 0, 0.2) 0px 8px 30px; */
	cursor: pointer; z-index:1999;
	transition: transform 0.5s ease-out;
	background-image:url(../../img/epart/ico_chatbot.svg);
	background-repeat: no-repeat;
 	background-position: center;
}
.chatBotDiv{
	position:fixed; bottom:120px; right:130px; z-index:1999;
	background:white;
	box-shadow:rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.2) 0px 4px 6px, rgba(0, 0, 0, 0.2) 0px 8px 30px;
	transition: transform 0.5s ease-out;
}
.chatBotDiv.off {transform: translate(95px, 0px);transition: transform 0.5s ease-out;}
.chatBotCls {
	position: absolute;
    top: 13px;
    right: 18px;
    background-color: rgb(12, 77, 162);
    font-size: larger;
    width: 23px;
    text-align: center;
    color: white;
    cursor: pointer;
}
.chatBotText.off{transform: translate(90px, 0px);transition: transform 0.5s ease-out;}
.chatBotText {
	position: fixed;
    bottom: 40px;
    right: 120px;
    width: 190px;
    height: 27px;
    padding: 20px;
    background-color: #EDF8F8;
    border-radius: 64px;
    text-align: right;
    font-size: 15px;
    font-weight: 700;
    line-height: 140%;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.20);
    display: none;
    overflow: hidden;
    z-index:1998;
}
.chatBotText p {
	padding-right:90px;
	padding-bottom: 127px;
    position: absolute;
    top: 15px;
    left: 55px;
    color: #514f4f;
}
@media only screen and (min-width: 1100px) {
	.chatBotMainDiv { display:block;}
}
/* chatBot end */