#site-chat { z-index: 9999; } 
.chat-fab { width: 56px; height: 56px; border-radius: 50%; border: 0; cursor: pointer; box-shadow: 0 8px 20px rgba(0,0,0,.2); } 
.chat-panel { position: relative; width: 320px; max-height: 60vh; background:#fff; border-radius: 1rem 0 0 0; box-shadow: 0 12px 32px rgba(0,0,0,.2); display: flex; flex-direction: column; overflow: hidden; } 

.chat-close { background: transparent; border: 0; color: #fff; font-size: 22px; cursor: pointer; } 
.chat-body { padding: 1rem 2rem; overflow: auto; gap:8px; display:flex; flex-direction:column; } 
.chat-msg { padding: 1rem 2rem; border-radius: 10px; line-height: 1.4; max-width: 80%; white-space: pre-wrap; word-break: break-word; font-size: 1.5rem; font-weight: 400; } 
.chat-msg.me { background:var(--color-bg1); text-align:right; align-self: flex-end; } 
.chat-msg.bot { position: relative; background: #F2F2F2; align-self: flex-start; margin-left: 3rem; margin-top: 2rem; margin-bottom: 1rem; text-align: left; } 
.chat-msg.bot::before,
.chat-msg.bot::after { position: absolute; } 
.chat-msg.bot::before { left: .5rem; top: -2.5rem; content: '상담사 완판e'; color: #595757; font-weight: 600; font-size: 1.5rem; } 
.chat-msg.bot::after { display: block; left: -4rem; bottom: 0; width: 3.5rem; height: 3.5rem; background: url(/theme/basic/img/icon/icon_ch.svg)no-repeat center / contain; content: ''; } 
.chat-hi { padding-top: 2rem; } 
.chat-form { display:flex; gap:6px; padding: 10px; border-top: 1px solid #eee; } 
#chat-input { flex:1; padding:10px; border:1px solid #ddd; border-radius: 8px; } 
.chat-send { padding: 10px 14px; border:0; border-radius: 8px; background:var(--color-point); color:#fff; cursor: pointer; } 

.chat-header { padding: 2rem; } 
.chat-header .tit { margin: .5rem 0; color: var(--color-point); } 
.chat-header .txt { font-size: 1.5rem; color: #969696; } 



@media (max-width:480px){
 .chat-header img { width: 6rem;}
 .chat-header .tit {    margin:0.2rem 0; font-size: 1.6rem;}
 .chat-header .txt {font-size: 1.4rem;}

 .chat-hi {    padding-top: 0;}

 .chat-panel {width: 290px;}
 }