@charset "utf-8";
/** 말풍선 **/
@keyframes bubble { 
    0% { transform: scale(0); opacity: 0; } 
    25% { transform: scale(1.07); opacity: 1; } 
    50% { transform: scale(1); } 
    75% { transform: scale(1.03); } 
    100% { transform: scale(1); } 
}
.bubble_wrap { position: absolute; left: 20px; top: -23px; z-index: 5; transform: scale(0); }
.bubble_wrap.on { animation: bubble 0.5s ease-out 1 forwards; }
.bubble_wrap .bubble { position: relative; display: flex; align-items: center; padding: 11px 11px 11px 13px; background: #18C69C; border-radius: 24px; -webkit-box-shadow: 0 0 5px 2px rgba(219,220,230,0.8); box-shadow: 0 0 5px 2px rgba(219,220,230,0.8); }
.bubble_wrap .bubble::before { position: absolute; left: 27px; bottom: -20px; width: 24px; height: 0px; border: 12px solid transparent; border-top: 9px solid #18C69C; box-sizing: border-box; content: ''; display: block; }
.bubble_wrap .bubble p { font-size: var(--font-regular); font-weight: 700; color: #ffffff; line-height: 21px; }
.bubble_wrap .bubble_close { display: inline-block; width: 24px; height: 24px; text-indent: -9999px; background: url(../../resources/image/btn/btn_close_white.svg) no-repeat center center; background-size: contain; overflow: hidden; margin-left: 8px; }