#chatbot { position: fixed; bottom: 20px; right: 20px; z-index: 2005; font-size: 13.785px;  font-weight: normal;} 
.chatbot_inner_menu { display: -webkit-box; display: -ms-flexbox; display: flex;  -ms-flex-wrap: wrap;     flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal;     -ms-flex-direction: column; flex-direction: column; text-align: right;}
button { display: block; border: none; background: transparent; text-align: right; padding: 0;}
.chatbot_button:nth-of-type(1) { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0);}
.chatbot_button:nth-of-type(1) .button--icon::before { background-position: 100% 0;}
.chatbot_button:nth-of-type(3) .button--icon::before { background-position: 50% 0;}
.chatbot_button:nth-of-type(2) { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0);}
.chatbot_button:nth-of-type(3) { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0);}
.chatbot_wrap .chatbot_button { display: block; padding-top: 10px;}
.chatbot_wrap .chatbot_button { opacity: 0;}
.chatbot_wrap .chatbot_button:nth-of-type(0) { -webkit-transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0ms; transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0ms; transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0ms; transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0ms;}
.chatbot_wrap .chatbot_button:nth-of-type(1) { -webkit-transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 40ms; transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 40ms; transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 40ms; transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 40ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 40ms;}
.chatbot_wrap .chatbot_button:nth-of-type(2) { -webkit-transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 80ms; transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 80ms; transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 80ms; transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 80ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 80ms;}
.chatbot_wrap .chatbot_button:nth-of-type(3) { -webkit-transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 120ms; transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 120ms; transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 120ms; transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 120ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 120ms;}
.chatbot_wrap .chatbot_button:nth-of-type(4) { -webkit-transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 160ms; transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 160ms; transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 160ms; transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 160ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 160ms;}
.chatbot_wrap .chatbot_button:nth-of-type(5) { -webkit-transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 200ms; transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 200ms; transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 200ms; transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 200ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 200ms;}
.chatbot_wrap .chatbot_button:nth-of-type(6) { -webkit-transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 240ms; transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 240ms; transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 240ms; transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 240ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 240ms;}
.chatbot_wrap .chatbot_button:nth-of-type(7) { -webkit-transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 280ms; transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 280ms; transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 280ms; transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 280ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 280ms;}
.chatbot_wrap .chatbot_button:nth-of-type(8) { -webkit-transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 320ms; transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 320ms; transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 320ms; transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 320ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 320ms;}
.chatbot_wrap .chatbot_button:nth-of-type(9) { -webkit-transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 360ms; transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 360ms; transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 360ms; transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 360ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 360ms;}
.chatbot_wrap .chatbot_button:nth-of-type(10) { -webkit-transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 400ms; transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 400ms; transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 400ms; transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 400ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 400ms;}
.chatbot_wrap .chatbot_button .button--title { opacity: 0; cursor: pointer;}
.chatbot_wrap .chatbot_button .button--title:nth-of-type(0) { -webkit-transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms;}
.chatbot_wrap .chatbot_button .button--title:nth-of-type(1) { -webkit-transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms;}
.chatbot_wrap .chatbot_button .button--title:nth-of-type(2) { -webkit-transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms;}
.chatbot_wrap .chatbot_button .button--title:nth-of-type(3) { -webkit-transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms;}
.chatbot_wrap .chatbot_button .button--title:nth-of-type(4) { -webkit-transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms;}
.chatbot_wrap .chatbot_button .button--title:nth-of-type(5) { -webkit-transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms;}
.chatbot_wrap .chatbot_button .button--title:nth-of-type(6) { -webkit-transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms;}
.chatbot_wrap .chatbot_button .button--title:nth-of-type(7) { -webkit-transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms;}
.chatbot_wrap .chatbot_button .button--title:nth-of-type(8) { -webkit-transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms;}
.chatbot_wrap .chatbot_button .button--title:nth-of-type(9) { -webkit-transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms;}
.chatbot_wrap .chatbot_button .button--title:nth-of-type(10) { -webkit-transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms;}
.chatbot_wrap.is-active .chatbot_button_wrap { height: auto; pointer-events: fill;}
.chatbot_wrap.is-active .chatbot_button { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}
.chatbot_wrap.is-active .chatbot_button:nth-of-type(0) { -webkit-transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms; transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms; transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms; transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms, -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;}
.chatbot_wrap.is-active .chatbot_button:nth-of-type(1) { -webkit-transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 40ms; transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 40ms; transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 40ms; transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 40ms, -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 40ms;}
.chatbot_wrap.is-active .chatbot_button:nth-of-type(2) { -webkit-transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 80ms; transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 80ms; transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 80ms; transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 80ms, -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 80ms;}
.chatbot_wrap.is-active .chatbot_button:nth-of-type(3) { -webkit-transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 120ms; transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 120ms; transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 120ms; transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 120ms, -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 120ms;}
.chatbot_wrap.is-active .chatbot_button:nth-of-type(4) { -webkit-transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 160ms; transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 160ms; transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 160ms; transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 160ms, -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 160ms;}
.chatbot_wrap.is-active .chatbot_button:nth-of-type(5) { -webkit-transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 200ms; transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 200ms; transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 200ms; transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 200ms, -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 200ms;}
.chatbot_wrap.is-active .chatbot_button:nth-of-type(6) { -webkit-transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 240ms; transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 240ms; transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 240ms; transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 240ms, -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 240ms;}
.chatbot_wrap.is-active .chatbot_button:nth-of-type(7) { -webkit-transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 280ms; transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 280ms; transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 280ms; transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 280ms, -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 280ms;}
.chatbot_wrap.is-active .chatbot_button:nth-of-type(8) { -webkit-transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 320ms; transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 320ms; transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 320ms; transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 320ms, -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 320ms;}
.chatbot_wrap.is-active .chatbot_button:nth-of-type(9) { -webkit-transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 360ms; transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 360ms; transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 360ms; transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 360ms, -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 360ms;}
.chatbot_wrap.is-active .chatbot_button:nth-of-type(10) { -webkit-transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 400ms; transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 400ms; transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 400ms; transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 400ms, -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 400ms;}
.chatbot_wrap.is-active .chatbot_button .button--title { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}
.chatbot_wrap.is-active .chatbot_button .button--title:nth-of-type(0) { -webkit-transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms; transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms;}
.chatbot_wrap.is-active .chatbot_button .button--title:nth-of-type(1) { -webkit-transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms; transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms;}
.chatbot_wrap.is-active .chatbot_button .button--title:nth-of-type(2) { -webkit-transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 350ms; transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 350ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 350ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 350ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 350ms;}
.chatbot_wrap.is-active .chatbot_button .button--title:nth-of-type(3) { -webkit-transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms; transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms;}
.chatbot_wrap.is-active .chatbot_button .button--title:nth-of-type(4) { -webkit-transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 450ms; transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 450ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 450ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 450ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 450ms;}
.chatbot_wrap.is-active .chatbot_button .button--title:nth-of-type(5) { -webkit-transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms; transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;}
.chatbot_wrap.is-active .chatbot_tooltip_area .chatbot_button_icon #wayg__emoji { -webkit-transform: translate3d(-50%, -50%, 0) scale(0); transform: translate3d(-50%, -50%, 0) scale(0); -webkit-transition: -webkit-transform 300ms ease 0ms; transition: -webkit-transform 300ms ease 0ms; transition: transform 300ms ease 0ms; transition: transform 300ms ease 0ms, -webkit-transform 300ms ease 0ms;}
.chatbot_button .button--title { display: inline-block; padding-right: 15px; color: #fff; line-height: 50px; vertical-align: top; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}
.chatbot_button .title_wrap { position: relative; display: inline-block; overflow: hidden; vertical-align: top;}
.chatbot_button .button--icon { position: relative; display: inline-block; width: 50px; height: 50px; border-radius: 50%; background: #fff; cursor: pointer;}
.chatbot_tooltip_area { position: relative; display: block; margin: 10px 0 0 auto; width: 50px; height: 50px; border-radius: 50%; cursor: pointer;}
.chatbot_tooltip_area .chatbot_button_icon { position: absolute; top: 0; right: 0; width: 50px; height: 50px; float: right;}
.chatbot_tooltip_area.is-active .chatbot_button_icon { /* width: 60px; */}
.emoji_eye_wrap .emoji_eyes { position: absolute; display: inline-block; top: 8px; left: 4px; width: 2px; height: 4px; background: #0a1e37; border-radius: 1px; -webkit-animation: blinkbink 6000ms infinite alternate, scaleYAni 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 900ms both; animation: blinkbink 6000ms infinite alternate, scaleYAni 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 900ms both; -webkit-transform: scaleY(0); transform: scaleY(0);}
@-webkit-keyframes scaleYAni { 0% {   -webkit-transform: scaleY(0);   transform: scaleY(0); } 100% {   -webkit-transform: scaleY(1);   transform: scaleY(1); }}
@keyframes scaleYAni { 0% {   -webkit-transform: scaleY(0);   transform: scaleY(0); } 100% {   -webkit-transform: scaleY(1);   transform: scaleY(1); }}
#wayg__emoji::after { position: absolute; display: inline-block; content: ""; bottom: -2px; left: 50%; width: 0px; height: 0px; border-left: 4px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; -webkit-transform: translate(-50%, -100%) rotate(-90deg); transform: translate(-50%, -100%) rotate(-90deg); z-index: -1; opacity: .6; -webkit-animation: scaleAnim2 700ms cubic-bezier(0.215, 0.61, 0.355, 1) both 500ms; animation: scaleAnim2 700ms cubic-bezier(0.215, 0.61, 0.355, 1) both 500ms;}
@-webkit-keyframes scaleAnim2 { 0% {   -webkit-transform: translate(-50%, -100%) rotate(-90deg);   transform: translate(-50%, -100%) rotate(-90deg); } 100% {   -webkit-transform: translate(-50%, 0) rotate(-90deg);   transform: translate(-50%, 0) rotate(-90deg); }}
@keyframes scaleAnim2 { 0% {   -webkit-transform: translate(-50%, -100%) rotate(-90deg);   transform: translate(-50%, -100%) rotate(-90deg); } 100% {   -webkit-transform: translate(-50%, 0) rotate(-90deg);   transform: translate(-50%, 0) rotate(-90deg); }}
.emoji_eye_wrap .emoji_eyes:nth-of-type(2) { left: 9px;}
.chatbot_tooltip_area .chatbot_button_icon #wayg__emoji { position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; background: #fff; border-radius: 50%; -webkit-box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.16); box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.16); -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transition: -webkit-transform 300ms ease 400ms; transition: -webkit-transform 300ms ease 400ms; transition: transform 300ms ease 400ms; transition: transform 300ms ease 400ms, -webkit-transform 300ms ease 400ms; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1);}
@-webkit-keyframes scaleAnim { 0% {   -webkit-transform: translate3d(-50%, -50%, 0) scale(0);   transform: translate3d(-50%, -50%, 0) scale(0); } 100% {   -webkit-transform: translate3d(-50%, -50%, 0) scale(1);   transform: translate3d(-50%, -50%, 0) scale(1); }}
@keyframes scaleAnim { 0% {   -webkit-transform: translate3d(-50%, -50%, 0) scale(0);   transform: translate3d(-50%, -50%, 0) scale(0); } 100% {   -webkit-transform: translate3d(-50%, -50%, 0) scale(1);   transform: translate3d(-50%, -50%, 0) scale(1); }}
.chatbot_tooltip_area .chatbot_inner--title { position: absolute; top: 0; right: 45px; height: 100%; /* width: 100%; */ display: inline-block; border-radius: 25px; /* background: #0a1e37; */ color: #fff; font-weight: 500; line-height: 50px; vertical-align: top; white-space: nowrap; /* transform: scaleX(0); */ opacity: 0; overflow: hidden; visibility: hidden; padding-left:20px;}
.chatbot_inner--title .inner_hide { position: relative; display: inline-block; height: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden;}
.chatbot_inner--title .inner_hide span { display: inline-block; line-height: 30px; vertical-align: top; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); opacity: 0;}
.chatbot_inner--title .inner_hide span:nth-of-type(0) { -webkit-transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms;}
.chatbot_inner--title .inner_hide span:nth-of-type(1) { -webkit-transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms;}
.chatbot_inner--title .inner_hide span:nth-of-type(2) { -webkit-transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms;}
.chatbot_inner--title .inner_hide span:nth-of-type(3) { -webkit-transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms;}
.chatbot_inner--title .inner_hide span:nth-of-type(4) { -webkit-transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms;}
.chatbot_inner--title .inner_hide span:nth-of-type(5) { -webkit-transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms;}
.chatbot_inner--title .inner_hide span:nth-of-type(6) { -webkit-transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms;}
.chatbot_inner--title .inner_hide span:nth-of-type(7) { -webkit-transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms;}
.chatbot_inner--title .inner_hide span:nth-of-type(8) { -webkit-transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms;}
.chatbot_inner--title .inner_hide span:nth-of-type(9) { -webkit-transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms;}
.chatbot_inner--title .inner_hide span:nth-of-type(10) { -webkit-transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms; transition: transform 0ms ease 300ms, opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms;}
.chatbot_tooltip_area.is-active .chatbot_inner--title .inner_hide span { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}
.chatbot_tooltip_area.is-active .chatbot_inner--title .inner_hide span:nth-of-type(0) { -webkit-transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms; transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms;}
.chatbot_tooltip_area.is-active .chatbot_inner--title .inner_hide span:nth-of-type(1) { -webkit-transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms; transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms;}
.chatbot_tooltip_area.is-active .chatbot_inner--title .inner_hide span:nth-of-type(2) { -webkit-transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 350ms; transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 350ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 350ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 350ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 350ms;}
.chatbot_tooltip_area.is-active .chatbot_inner--title .inner_hide span:nth-of-type(3) { -webkit-transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms; transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms;}
.chatbot_tooltip_area.is-active .chatbot_inner--title .inner_hide span:nth-of-type(4) { -webkit-transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 450ms; transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 450ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 450ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 450ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 450ms;}
.chatbot_tooltip_area.is-active .chatbot_inner--title .inner_hide span:nth-of-type(5) { -webkit-transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms; transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;}
.chatbot_tooltip_area.is-active .chatbot_inner--title .inner_hide span:nth-of-type(6) { -webkit-transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 550ms; transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 550ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 550ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 550ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 550ms;}
.chatbot_tooltip_area.is-active .chatbot_inner--title .inner_hide span:nth-of-type(7) { -webkit-transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 600ms; transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 600ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 600ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 600ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 600ms;}
.chatbot_tooltip_area.is-active .chatbot_inner--title .inner_hide span:nth-of-type(8) { -webkit-transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 650ms; transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 650ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 650ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 650ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 650ms;}
.chatbot_tooltip_area.is-active .chatbot_inner--title .inner_hide span:nth-of-type(9) { -webkit-transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 700ms; transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 700ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 700ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 700ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 700ms;}
.chatbot_tooltip_area.is-active .chatbot_inner--title .inner_hide span:nth-of-type(10) { -webkit-transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 750ms; transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 750ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 750ms; transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 750ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 750ms;}
.chatbot_tooltip_area.is-active .chatbot_inner--title { opacity: 1; /* transform: scaleX(1); */ -webkit-transition: opacity 400ms ease 0ms; transition: opacity 400ms ease 0ms; -webkit-transform-origin: center right; transform-origin: center right; visibility: visible;}
.chatbot_tooltip_area .chatbot--bg { position: absolute; width: 50px; height: 50px; top: 0; right: 0; background: #0a1e37; border-radius: 25px; -webkit-box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.16); box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.16); -webkit-transition: width 400ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; transition: width 400ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;}
.chatbot_tooltip_area.is-active { /* wi */}
.chatbot_tooltip_area.is-active .chatbot--bg { width: 200px; -webkit-transition: width 500ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: width 500ms cubic-bezier(0.215, 0.61, 0.355, 1);}
.chatbot_inner--title { opacity: 0;}
.emoji_eye_wrap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-animation: eye 6000ms infinite alternate; animation: eye 6000ms infinite alternate; -webkit-transform-origin: center center; transform-origin: center center;}
@-webkit-keyframes blinkbink { 0%, 20%, 70% {   -webkit-transform: scaleY(1);   transform: scaleY(1);   /* transition-timing-function: $inExpo; */ } 22%, 36%, 72% {   -webkit-transform: scaleY(0.2);   transform: scaleY(0.2);   /* transition-timing-function: $outExpo; */ } 24%, 38%, 74% {   -webkit-transform: scaleY(1);   transform: scaleY(1);   /* transition-timing-function: $outExpo;; */ } 26%, 76% {   -webkit-transform: scaleY(0.2);   transform: scaleY(0.2);   /* transition-timing-function: $outExpo; */ } 28%, 34%, 78%, 100% {   -webkit-transform: scaleY(1);   transform: scaleY(1);   /* transition-timing-function: $outExpo;; */ }}
@keyframes blinkbink { 0%, 20%, 70% {   -webkit-transform: scaleY(1);   transform: scaleY(1);   /* transition-timing-function: $inExpo; */ } 22%, 36%, 72% {   -webkit-transform: scaleY(0.2);   transform: scaleY(0.2);   /* transition-timing-function: $outExpo; */ } 24%, 38%, 74% {   -webkit-transform: scaleY(1);   transform: scaleY(1);   /* transition-timing-function: $outExpo;; */ } 26%, 76% {   -webkit-transform: scaleY(0.2);   transform: scaleY(0.2);   /* transition-timing-function: $outExpo; */ } 28%, 34%, 78%, 100% {   -webkit-transform: scaleY(1);   transform: scaleY(1);   /* transition-timing-function: $outExpo;; */ }}
@-webkit-keyframes eye { 0%, 10% {   -webkit-transform: translate(0, 0);   transform: translate(0, 0); } 20%, 25% {   -webkit-transform: translate(45%, 0);   transform: translate(45%, 0); } 35%, 40% {   -webkit-transform: translate(45%, -25%);   transform: translate(45%, -25%); } 50%, 60% {   -webkit-transform: translate(0, -25%);   transform: translate(0, -25%); } 70%, 100% {   -webkit-transform: translate(0, 0);   transform: translate(0, 0); }}
@keyframes eye { 0%, 10% {   -webkit-transform: translate(0, 0);   transform: translate(0, 0); } 20%, 25% {   -webkit-transform: translate(45%, 0);   transform: translate(45%, 0); } 35%, 40% {   -webkit-transform: translate(45%, -25%);   transform: translate(45%, -25%); } 50%, 60% {   -webkit-transform: translate(0, -25%);   transform: translate(0, -25%); } 70%, 100% {   -webkit-transform: translate(0, 0);   transform: translate(0, 0); }}
.chatbot_button_wrap { position: absolute; width: 400px; right: 0; bottom: 60px; pointer-events: none;}
.wayg_button_close span { position: absolute; display: inline-block; top: 50%; left: 50%; width: 14px; height: 2px; background-color: #fff;}
.wayg_button_close span:nth-of-type(1) { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg);}
.wayg_button_close span:nth-of-type(2) { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg);}
.wayg_button_close { position: absolute; top: 0; left: 0; width: 50px; height: 50px; opacity: 0; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transition: opacity 0ms ease 500ms, -webkit-transform 500ms cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: opacity 0ms ease 500ms, -webkit-transform 500ms cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: transform 500ms cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0ms ease 500ms; transition: transform 500ms cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0ms ease 500ms, -webkit-transform 500ms cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.chatbot_wrap.is-active .wayg_button_close { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 330ms cubic-bezier(0.215, 0.61, 0.355, 1) 150ms; transition: -webkit-transform 330ms cubic-bezier(0.215, 0.61, 0.355, 1) 150ms; transition: transform 330ms cubic-bezier(0.215, 0.61, 0.355, 1) 150ms; transition: transform 330ms cubic-bezier(0.215, 0.61, 0.355, 1) 150ms, -webkit-transform 330ms cubic-bezier(0.215, 0.61, 0.355, 1) 150ms; opacity: 1;}
.wayg__emoji { opacity: 0;}
.is-common-dimd { position: fixed; height: 100%; background: rgba(0, 0, 0, 0.6); width: 100%; top: 0; left: 0; z-index: 2002; opacity: 0; pointer-events: none; -webkit-transition: opacity 400ms ease 0ms; transition: opacity 400ms ease 0ms;}
.is-common-dimd.is-active { opacity: 1; -webkit-transition: opacity 400ms ease 0ms; transition: opacity 400ms ease 0ms; pointer-events: fill; z-index: 2004;}
#wrap.is-lock { position: fixed; left: 0; width: 100vw; z-index: inherit;}
header { position: fixed; top: 0; left: 0; width: 100%; height: auto; z-index: 2004;}
header a { cursor: pointer;}
header h1 { position: absolute; display: inline-block; top: 0; left: 0; z-index: 3002;}
header h1 a { display: inline-block; padding: 20px 45px 0;}
.w { stroke-dasharray: 343; stroke-dashoffset: 343;}
.j { fill: transparent; stroke-dashoffset: -134; stroke-dasharray: 134;}/* mask path { fill: #fff;
} */

g path { stroke: #0a1e37; stroke-width: 6; fill: none;}
.float--sub_wrap { position: absolute; top: 40px; left: 0; right: 0; width: auto; margin: auto; text-align: center; pointer-events: none;}
#nav--button_login { position: absolute; top: 0; right: 80px; margin: 24px 1px; width: 52px; height: 26px; text-align: center; border: 1px solid #0a1e37; color: #0a1e37; -webkit-box-sizing: content-box; box-sizing: content-box; font-size: 14px; z-index: 3002;-webkit-transition: all .3s ease; transition: all .3s ease;-ms-border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;}
#nav--button_login:hover {background:#0a1e37; color:#fff;}
#nav--button { position: absolute; top: 0; right: 0; padding: 30px 25px; width: 30px; height: 16px; -webkit-box-sizing: content-box; box-sizing: content-box; font-size: 0; z-index: 3002;}
#nav--button span { position: absolute; top: calc(50% - 2px); left: 25px; width: 30px; height: 2px; background: #0a1e37;}
#nav--button span:nth-of-type(1) { margin-top: -10%; -webkit-transition: margin 140ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 230ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; transition: margin 140ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 230ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; transition: margin 140ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 230ms, transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; transition: margin 140ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 230ms, transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;}
#nav--button span:nth-of-type(2) { opacity: 1; -webkit-transition: opacity 0ms ease 250ms; transition: opacity 0ms ease 250ms;}
#nav--button span:nth-of-type(3) { margin-top: 10%; -webkit-transition: margin 140ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 230ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; transition: margin 140ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 230ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; transition: margin 140ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 230ms, transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; transition: margin 140ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 230ms, transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;}
header.is-active #nav--button span:nth-of-type(1) { margin: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: margin 180ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms; transition: margin 180ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms; transition: margin 180ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms; transition: margin 180ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms, -webkit-transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms; -webkit-transform-origin: center center; transform-origin: center center;}
header.is-active #nav--button span:nth-of-type(3) { margin: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: margin 180ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms; transition: margin 180ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms; transition: margin 180ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms; transition: margin 180ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms, -webkit-transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms; -webkit-transform-origin: center center; transform-origin: center center;}
header.is-active #nav--button span:nth-of-type(2) { opacity: 0; -webkit-transition: opacity 0ms ease 180ms; transition: opacity 0ms ease 180ms;}
.nav--panel { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 3000; background-color: transparent; font-size: 0; visibility: hidden; pointer-events: none; overflow-y: auto; -webkit-transition: visibility 0ms ease 520ms, background-color 400ms ease 300ms; transition: visibility 0ms ease 520ms, background-color 400ms ease 300ms;}
.nav--panel span { color: #000;}
.nav--panel_wrap .nav--panel_container .container_area { padding: 0 25px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; vertical-align: top;}
.nav--panel_wrap .nav--panel_container .container_area .nav--sub_wrap { padding-top: 120px; padding-bottom: 100px;}
.nav--panel_container .container_area li { padding: 10px 0;}
.nav--panel_container .container_area em { display: block; padding: 200px 0 17px; font-size: 14px; font-weight: bold; font-family:'GmarketSansMedium', NotoSans, Noto Sans CJK KR,sans-serif,'Helvetica',Helvetica,roboto; line-height: 32px; opacity: 0; -webkit-transition: opacity 400ms ease 0ms; transition: opacity 400ms ease 0ms;}
.nav--panel_container .container_area li a { color: #0a1e37; font-size: 28px; line-height: 34px; -webkit-text-stroke: inherit;}
.nav--side_container { padding: 0 25px; vertical-align: top; background-color: transparent; border-left: 1px solid transparent; -webkit-transition: border-color 0ms ease, background-color 500ms ease 200ms; transition: border-color 0ms ease, background-color 500ms ease 200ms;}
.nav--side_container em { display: block; padding-bottom: 32px; font-size: 13px; font-weight: 600; text-align: left; opacity: 0; -webkit-transition: opacity 400ms ease 0ms; transition: opacity 400ms ease 0ms;}
.nav--panel_bottom .info_time {     text-align: center;font-size: 14px; font-weight: 300; opacity: 0; -webkit-transition: opacity 400ms ease 0ms; transition: opacity 400ms ease 0ms;}
.nav--panel_bottom .info_time ul li { padding: 3px 0; line-height: 18px; vertical-align: middle;}
.nav--link {text-align: center; margin: 40px 0 0; padding-bottom: 180px; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; -webkit-transition: opacity 400ms ease 0ms; transition: opacity 400ms ease 0ms;}
.nav--link .nav--link_sns { display: inline-block; margin-left: -16px; font-size: 0; text-align: left;}
.nav--link .nav--link_sns li a { display: inline-block; width: 26px; height: 26px; background-image: url(../img/icon_sns.png); background-size: 400% 100%;}
.nav--link .nav--link_sns li { display: inline-block; padding: 0 15px;}
.nav--link .nav--link_sns li:nth-of-type(1) a { background-position: 0% 0;}
.nav--link .nav--link_sns li:nth-of-type(2) a { background-position: 33.33% 0;}
.nav--link .nav--link_sns li:nth-of-type(3) a { background-position: 66.66% 0;}
.nav--link .nav--link_sns li:nth-of-type(4) a { background-position: 99.99% 0;}
.nav--link .nav--link_sns li:nth-of-type(4) { position: relative; padding-right: 0;}
/*.nav--link .nav--link_sns li:nth-of-type(4):after { position: absolute; top: 50%; right: -20px; width: 1px; height: 12px; content: ""; background: #f2f2f2; -webkit-transform: translateY(-50%); transform: translateY(-50%);}*/
.nav--link .nav--link_sns li a span { color: transparent; font-size: 0; text-indent: -9999px;}
.nav--panel_container .container_area li { overflow: hidden;}
.nav--panel_container .container_area li:nth-of-type(1) a { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: opacity 400ms ease, -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms; transition: opacity 400ms ease, -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms; transition: transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms, opacity 400ms ease; transition: transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms, opacity 400ms ease, -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms;}
.nav--panel_container .container_area li:nth-of-type(2) a { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: opacity 400ms ease, -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms; transition: opacity 400ms ease, -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms; transition: transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms, opacity 400ms ease; transition: transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms, opacity 400ms ease, -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms;}
.nav--panel_container .container_area li:nth-of-type(3) a { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: opacity 400ms ease, -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms; transition: opacity 400ms ease, -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms; transition: transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms, opacity 400ms ease; transition: transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms, opacity 400ms ease, -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms;}
.nav--panel_container .container_area li:nth-of-type(4) a { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: opacity 400ms ease, -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms; transition: opacity 400ms ease, -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms; transition: transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms, opacity 400ms ease; transition: transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms, opacity 400ms ease, -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms;}
.nav--panel_container .container_area li:nth-of-type(5) a { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: opacity 400ms ease, -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms; transition: opacity 400ms ease, -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms; transition: transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms, opacity 400ms ease; transition: transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms, opacity 400ms ease, -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms;}
.nav--panel_container .container_area li:nth-of-type(6) a { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: opacity 400ms ease, -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms; transition: opacity 400ms ease, -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms; transition: transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms, opacity 400ms ease; transition: transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms, opacity 400ms ease, -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 100ms;}
header.is-active .nav--panel_container .container_area li:nth-of-type(1) a { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 200ms; transition: -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 200ms; transition: transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 200ms; transition: transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 200ms, -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 200ms;}
header.is-active .nav--panel_container .container_area li:nth-of-type(2) a { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 240ms; transition: -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 240ms; transition: transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 240ms; transition: transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 240ms, -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 240ms;}
header.is-active .nav--panel_container .container_area li:nth-of-type(3) a { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 280ms; transition: -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 280ms; transition: transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 280ms; transition: transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 280ms, -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 280ms;}
header.is-active .nav--panel_container .container_area li:nth-of-type(4) a { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 320ms; transition: -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 320ms; transition: transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 320ms; transition: transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 320ms, -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 320ms;}
header.is-active .nav--panel_container .container_area li:nth-of-type(5) a { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 360ms; transition: -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 360ms; transition: transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 360ms; transition: transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 360ms, -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 360ms;}
header.is-active .nav--panel_container .container_area li:nth-of-type(6) a { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 420ms; transition: -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 420ms; transition: transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 420ms; transition: transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 420ms, -webkit-transform 440ms cubic-bezier(0.39, 0.575, 0.565, 1) 420ms;}
header.is-active .nav--panel { background-color: #fff; visibility: visible; pointer-events: auto; -webkit-transition: visibility 0ms ease, background-color 200ms ease; transition: visibility 0ms ease, background-color 200ms ease; -webkit-overflow-scrolling: tuouch;}
header.is-active .nav--panel_bottom .info_time { text-align: center; opacity: 1; -webkit-transition: opacity 900ms cubic-bezier(0.215, 0.61, 0.355, 1) 900ms; transition: opacity 900ms cubic-bezier(0.215, 0.61, 0.355, 1) 900ms; color: #b6afa5 ;}
header.is-active .nav--link { opacity: 1; -webkit-transition: opacity 800ms ease 1400ms; transition: opacity 800ms ease 1400ms;}
header.is-active .nav--panel_wrap .nav--panel_container .container_area:nth-of-type(1) em { opacity: 1; -webkit-transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1) 100ms; transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1) 100ms;}
header.is-active .nav--panel_wrap .nav--panel_container .container_area:nth-of-type(2) em { opacity: 1; -webkit-transition: opacity 330ms cubic-bezier(0.645, 0.045, 0.355, 1) 130ms; transition: opacity 330ms cubic-bezier(0.645, 0.045, 0.355, 1) 130ms;}
header.is-active .nav--side_container em { opacity: 1; -webkit-transition: opacity 360ms cubic-bezier(0.645, 0.045, 0.355, 1) 500ms; transition: opacity 360ms cubic-bezier(0.645, 0.045, 0.355, 1) 500ms;}
header.is-active .nav--side_container { border-left: 1px solid #F2F2F2; -webkit-transition: border-color 400ms ease 200ms, background-color 600ms ease; transition: border-color 400ms ease 200ms, background-color 600ms ease;}
header.is-active .nav--panel_container .container_area:nth-of-type(2)::before { opacity: 1; -webkit-transition: opacity 1000ms ease 460ms; transition: opacity 1000ms ease 460ms;}
::-webkit-scrollbar { display: none;}
@-webkit-keyframes drawBorder {
	0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
	100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes drawBorder {
	0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
	100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@-webkit-keyframes drawBorder2 {
	0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
	100% { -webkit-transform: translate3d(102%, 0, 0); transform: translate3d(102%, 0, 0); }
}
@keyframes drawBorder2 {
	0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
	100% { -webkit-transform: translate3d(102%, 0, 0); transform: translate3d(102%, 0, 0); }
}

@media (prefers-dark-interface) {
	body { display: none; }
}
fieldset { border: none;   margin: 0;   /* padding: 0.35em 0.625em 0.75em; */   padding: 0;}
legend { width: 0;   height: 0;   overflow: hidden;   margin: 0;   padding: 0;   visibility: hidden;   font-size: 0;   line-height: 0;}
select { -webkit-writing-mode: horizontal-tb !important;   text-rendering: auto;   color: -internal-light-dark(black, white);   letter-spacing: normal;   word-spacing: normal;   text-transform: none;   text-indent: 0px;   text-shadow: none;   display: inline-block;   text-align: start;   appearance: menulist;   box-sizing: border-box;   align-items: center;   white-space: pre;   -webkit-rtl-ordering: logical;   background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));   cursor: default;   margin: 0em;   font: 400 13.3333px Arial;   border-radius: 0px;   border-width: 1px;   border-style: solid;   border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));   border-image: initial;}
input { -webkit-writing-mode: horizontal-tb !important;   text-rendering: auto;   color: -internal-light-dark(black, white);   letter-spacing: normal;   word-spacing: normal;   text-transform: none;   text-indent: 0px;   text-shadow: none;   display: inline-block;   text-align: start;   appearance: textfield;   background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));   -webkit-rtl-ordering: logical;   cursor: text;   margin: 0em;   font: 400 13.3333px Arial;   padding: 1px 2px;   border-width: 2px;   border-style: inset;   border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));   border-image: initial;}

header .logo_wrap { position: relative; width: 150px; height: 40px; }
header .logo_wrap .logo img { width: 100%; -webkit-transition: width 500ms ease; transition: width 500ms ease;}