@charset "UTF-8";

/*----- 2020-06-15 바로톡 수정 -----*/
.tv_talk .talk_list > li + li { margin-top:0; margin-bottom:20px;}

/* 톡 말풍선 */
.talk_group .talk_list > li .talk_box {position:relative;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:0 9px 9px 9px;max-width:80%;padding:11px 10px;line-height:18px;font-size:14px;background-color:#f6f6f6;}
.talk_group .talk_list > li.me .talk_box {color:#5273d2;background-color:#e4dcfa;}

/* 우측 기준 */
.talk_group .talk_list > li.me,
.talk_group .talk_list > li.rt {text-align:right;padding-left:20%;}
.talk_group .talk_list > li.rt  .talk_box {max-width:100%;border-radius: 9px 0 9px 9px;}
.talk_group .talk_list > li.me .talk_box .talk_time,
.talk_group .talk_list > li.rt .talk_box .talk_time {left:initial;right:100%;}
.tv_talk .talk_list > li.del.me .talk_box .talk_message {color: #111;padding-right:0;}
.tv_talk .talk_list > li.del .talk_id.manager {color: #7851E7;font-weight:700;}
.talk_group .talk_list > li.me .talk_id {text-align: left;}

/* 알림 */
.talk_group .talk_list > li.talk_alim .talk_box .talk_id {color:var(--primary-color, #ff383b);font-weight:700;}
.talk_group .talk_list > li ,
.tv_talk .talk_list > li.talk_alim,
.tv_talk .talk_list > li {position: relative;display:block;margin: 0;margin-bottom:8px;padding-bottom: 0;max-width:100%;}

.tv_talk .talk_list > li.talk_alim.lt,
.tv_talk .talk_list > li.lt {padding-left: 0px;}

.tv_talk .talk_list > li.talk_alim.lt .talk_avatar,
.tv_talk .talk_list > li.lt .talk_avatar {left: 0;}

.tv_talk .talk_list > li.talk_alim.lt .talk_box,
.tv_talk .talk_list > li.lt .talk_box {/*background:var(--basic-color-white, #ffffff);*/}
.tv_talk.pd_detail_content .lt .talk_box {background:var(--basic-color-white, #ffffff);}
.tv_talk .talk_list > li.talk_alim.rt .talk_box::before,
.tv_talk .talk_list > li.rt .talk_box::before {
  left: auto;
  right: -5px;
}

.tv_talk .talk_list > li.talk_alim .talk_avatar,
.tv_talk .talk_list > li .talk_avatar {
  display: none;
  width: 32px;
  height: 32px;
  top: 0;
  position: absolute;
  border: 1px solid #EAEAEA;
  border-radius: 10px;
}

.tv_talk .talk_list > li.talk_alim.talk_alim .talk_id strong,
.tv_talk .talk_list > li.talk_alim .talk_id strong {
  border-color: rgba(246, 79, 62, 0.2);
}

.tv_talk .talk_list > li.talk_alim.talk_alim .talk_box .talk_message,
.tv_talk .talk_list > li.talk_alim .talk_box .talk_message {
  box-orient: horizontal;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #1a1a1a;
  min-height: 39px;
  font-size: 13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.tv_talk .talk_list > li.talk_alim.talk_alim .talk_box .talk_message::before,
.tv_talk .talk_list > li.talk_alim .talk_box .talk_message::before {
  content:'';
  position: static;
  min-width: 28px;
  width: 28px;
  height: 28px;
  top: 5px;
  left: 0;
  background-image: url("https://image.lotteimall.com/imall_mc/site/images/unity/media/icon-bell01.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 28px;
  align-self: center;
  margin-right: 8px;
}

.tv_talk .talk_list > li.talk_alim.talk_event .talk_box,
.tv_talk .talk_list > li.talk_event .talk_box {
  text-align: left;
  width: 100%;
}

.tv_talk .talk_list > li.talk_alim.talk_event .talk_box .talk_message,
.tv_talk .talk_list > li.talk_event .talk_box .talk_message {
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  box-orient:horizontal;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  padding-left: 0;
  margin-bottom: 7px;
  min-height: auto;
}

/* 유의사항 버튼 */
.talk_group .talk_list > li.talk_event .talk_box .event_info > a {display:inline-block;padding-left:20px;line-height:17px;color:var(--primary-color, #ff383b);font-size:12px;letter-spacing:-0.025px;background:url(/images/rn_img/live/i_question.png) no-repeat;background-size:17px 17px;background-position:left center;}
.talk_group .talk_list > li.talk_event .talk_box .event_info > a span {border-bottom:1px solid #f3bab7;}
.talk_group .preview {display:block;margin-top:76px;width:100%;padding-top:57.8125%;line-height:18px;color:#666;font-size:14px;text-align:center;}
.talk_group .preview::before {content:'';display:block;padding-top:204px;width:100%;background:url(/images/rn_img/live/i_preview.png) no-repeat;background-size:115px 115px;background-position:center 70px;}

.tv_talk .talk_list > li.talk_alim.talk_event .talk_box .event_info,
.tv_talk .talk_list > li.talk_event .talk_box .event_info {
  padding:2px 0 0 35px;
  height: 13px;
  line-height: 13px;
  font-size: 13px;
  color: #999;
  padding-left: 0;
}

.tv_talk .talk_list > li.talk_alim.talk_event .talk_box .event_info .btn_popup,
.tv_talk .talk_list > li.talk_event .talk_box .event_info .btn_popup {
  background-image: url("https://image.lotteimall.com/imall_mc/site/images/unity/media/icon-info.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 13px;
  width: 13px;
  height: 13px;
  vertical-align: top;
}

.tv_talk .talk_list > li.talk_alim.talk_event .talk_message::before,
.tv_talk .talk_list > li.talk_event .talk_message::before {
  display: none !important;
}

.tv_talk .talk_list > li.talk_alim .talk_box,
.tv_talk .talk_list > li .talk_box {
  position: relative;
  padding: 12px 16px;
}

.tv_talk .talk_list > li.talk_alim .talk_box > .talk_message,
.tv_talk .talk_list > li .talk_box > .talk_message {
  padding-left: 5px;
  padding-right: 5px;
}

.tv_talk .talk_list > li.talk_alim .talk_box::before,
.tv_talk .talk_list > li .talk_box::before {
  display: none;
  content: '';
  position: absolute;
  top: 0;
  left: -5px;
  width: 38px;
  height: 18px;
  background-image: url("https://image.lotteimall.com/imall_mc/site/images/unity/media/message-edge.svg");
  background-size: 100%;
  z-index: -1;
}
/* 메시지 */
.talk_group .talk_list > li .talk_box .talk_message {position:relative; text-align:left;letter-spacing:-0.025px;word-break:break-all;}
.talk_group .talk_list > li .talk_box .talk_id{position:relative; line-height:15px;font-size:12px;font-weight:700;padding: 0; margin-bottom:4px;}

/* PD글 */
.talk_group .talk_list > li.talk_pd .talk_box .talk_id {color:var(--primary-color, #ff383b);}
.tv_talk .talk_list > li.rt + li.rt,
.tv_talk .talk_list > li.lt + li.lt{margin-bottom:10px;}
.tv_talk .talk_list > li.rt + li.lt,
.tv_talk .talk_list > li.lt + li.rt{margin-bottom:20px;}

/* 이벤트 당첨 안내 */
.tv_talk .talk_list > li.talk_alim .talk_box .talk_event,
.tv_talk .talk_list > li .talk_box .talk_event {padding: 16px 20px; text-align: left; font-size: 14px; color: #fff; border-radius: 0; min-height: 106px; background-image: url("https://image.lotteimall.com/imall_mc/site/images/unity/unit/bg_talk_event.png"); background-position: left top; background-repeat: no-repeat; background-size: 100% 100%;}
.tv_talk .talk_list > li.talk_alim .talk_box .talk_event p,
.tv_talk .talk_list > li .talk_box .talk_event p {font-weight:bold;}
.tv_talk .talk_list > li.talk_alim .talk_box .talk_event p.cong,
.tv_talk .talk_list > li .talk_box .talk_event p.cong {font-weight:normal;font-size:13px; line-height:17px;padding-bottom:3px;}
.tv_talk .talk_list > li.talk_alim .talk_box .talk_event p.event,
.tv_talk .talk_list > li .talk_box .talk_event p.event {display: -webkit-box; max-height:36px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;overflow: hidden;}
.tv_talk .talk_list > li.talk_alim .talk_box .event_info,
.tv_talk .talk_list > li .talk_box .event_info { height: 13px; line-height: 13px; font-size: 13px; color: #999;}
.tv_talk .talk_list > li.talk_alim .talk_box .event_info .btn_popup,
.tv_talk .talk_list > li .talk_box .event_info .btn_popup {background-image: url("https://image.lotteimall.com/imall_mc/site/images/unity/media/icon-info.png"); background-position: center center; background-repeat: no-repeat;background-size: 13px; width: 13px; height: 13px; vertical-align: top;}

/* 이벤트 */
.talk_group .talk_list > li.talk_event .talk_box .talk_id {color:#111;}
.talk_group .talk_list > li.talk_event .talk_box .talk_id.text_red{color:var(--primary-color, #ff383b);}

/* 질문 - 대댓글 및 알람성정 */
.tv_talk .talk_list > li.talk_alim .talk_box .talk_reply,
.tv_talk .talk_list > li .talk_box .talk_reply { color: var(--basic-color-black, #111111); border-color:var(--color-gray6, #eeeeee); padding-left: 20px; margin-top:10px; padding-top:10px;}
.tv_talk .talk_list > li.talk_alim .talk_box .talk_reply::before,
.tv_talk .talk_list > li .talk_box .talk_reply::before { border-color: #999; left: 10px;}
.tv_talk .talk_list > li.talk_alim .talk_box .talk_message,
.tv_talk .talk_list > li .talk_box .talk_message { color: var(--basic-color-black, #111111); font-size: 13px; display: flex; padding-right: 0;font-weight:normal;}

/* 시간 */
.talk_group .talk_list > li .talk_box .talk_time {position:absolute;left:100%;bottom:0;padding:0 6px 0;line-height:14px;color:var(--color-gray3, #aaaaaa);font-size:12px;white-space:nowrap;}
.tv_talk .talk_id strong,
.tv_talk .rt .talk_id strong {font-size: 13px;font-weight: normal;margin:0 4px;border-radius:0;background:var(--basic-color-white, #ffffff);color:#7851E7;border-color: rgba(120,81, 231, 0.2);}
.tv_talk .rt .talk_id.text_red strong{color:var(--primary-color, #ff383b);border-color: rgba(256, 56, 59, 0.2);}
.tv_talk .rt .talk_id.text_blue strong {color:#7851E7;border-color: rgba(120,81, 231, 0.2);}
.tv_talk .talk_alim .talk_id strong {color:#7851E7;}
.tv_talk .talk_alim .talk_id.text_red strong {color:var(--primary-color, #ff383b);}
.tv_talk .talk_alim .talk_id.text_blue strong {color:#7851E7;}
.tv_talk .view_toggle {position: absolute;display: block;top: 45px;right: 0;width: 35px;height: 35px;background: url(https://image.lotteimall.com/imall_mc/site/images/unity/unit/icon-chat-resize.png) no-repeat -50px 0;background-size: 85px;font: 0/0 a;}