.chat-room-wrapper{position: relative;height: calc(100% - 56px);}
#chat-room::before{content:"";display: flex;position:absolute;height:100%;width:100%;background: url(../images/clover.png) center center no-repeat;}
#talk-area.talk #chat-room::before{display:none;}
.chat-item.selected {
            background-color: #f8f8f8;
        }
.friend-item{width: calc(100% / 6 - 9px);padding: 5px;}
.friend-avatar{max-width: 100%;width: auto;height: 70px;}
.new-friend-section{position:relative;}
.more-link{position:absolute;right:20px;top: 11px;}
.friend-list{width: 650px;}
.friend-scroll{max-width: 100%;overflow-x: auto;}
.mback{display: none;position:absolute;width:34px;height:60px;left:0;top:0;z-index: 10;}
.chat-room-container{position:relative;}
.room-status{color:#53a042;}
.fjfile{position:relative;overflow:hidden;cursor: pointer;}
.fjfile input[type="file"]{position: absolute;width:100%;height: 100%;left: 0;top: 0;opacity: 0;z-index: 1;padding: 0;}
.fjfile img{pointer-events:none;}
.chat-input-area-all{height:53px;}
.chat-input-area{position: relative;}
.happy-box{display:none;position: absolute;bottom: 100%;right: 0;width: 100%;max-height: 200px;background: #fff;padding: 0 5px;border: 1px solid #f0f0f0;border-radius: 5px 5px 0 0;overflow-y: auto;}
.happy-box li{width: calc(100% / 4);display: flex;align-items: center;justify-content: center;float:left;padding:5px;overflow-y:auto;font-size: 12px;}
.happy-box li img{max-width: 100%;}
.chat-messages{height: calc(100% - 67px);}
.icon-link span{height: 27px;}
#chat-room{height: calc(100% - 0px);position: relative;}

@media (max-width:767px) {
.chat-room-header{padding-left: 40px;}
.chat-list-container
{
	width: 100%;
	max-width: 100%;
}
.chat-room-container{position: fixed;width: 100%;left: 0;top:0;z-index: -1;margin: 0;margin-top: 54px;max-height: 100%;}
.container {grid-template-columns:1fr;}
.banner {height:auto;flex-direction:column;text-align:center;}
.banner-text {max-width:100%;margin-bottom:16px;display:none;}
.live-grid {grid-template-columns:repeat(auto-fill,minmax(120px,1fr));}
.live-img {height:150px;}
.btn-primary {display:none;}
.avatar {display:none;}
.search {display:none;}

}
@media (max-width:650px) {
.chat-tabs {
    padding: 15px 15px;
}
@media (max-width:640px) {
.invite-banner {flex-wrap:wrap;}
.invite-button {width:100%;}
.action-section {width:100%;margin-top:10px;}
}
.price-list {
    list-style: none;
    padding: 0;
}

.price-list li {
    display: flex;
    align-items: center;      /* 수직 중앙 정렬 */
    gap: 8px;                 /* 이미지와 텍스트 간격 */
    margin-bottom: 6px;
}

.price-list img {
    flex-shrink: 0;           /* 이미지 크기 유지 */
}