@charset "UTF-8";

/* 톡톡_chatting */
/* _mixin.scss */
/* _ico_common.scss */
[class*="ico_common_"] {
  display: block;
  overflow: hidden;
  vertical-align: top;
}

.ico_common_coupon {
  background-image: url(../img/sp_common.png);
  width: 13px;
  height: 11px;
  background-position: -90px -122px;
}

.ico_common_groups {
  background-image: url(../img/sp_common.png);
  width: 13px;
  height: 11px;
  background-position: -67px -122px;
}

.ico_common_home {
  background-image: url(../img/sp_common.png);
  width: 16px;
  height: 14px;
  background-position: -127px -30px;
}

.ico_common_star_blue {
  background-image: url(../img/sp_common.png);
  width: 22px;
  height: 22px;
  background-position: 0px -60px;
}

.ico_common_star_gray {
  background-image: url(../img/sp_common.png);
  width: 22px;
  height: 22px;
  background-position: -32px -60px;
}

.ico_common_off {
  background-image: url(../img/sp_common.png);
  width: 33px;
  height: 19px;
  background-position: 0px -31px;
}

.ico_common_on {
  background-image: url(../img/sp_common.png);
  width: 33px;
  height: 19px;
  background-position: -84px 0px;
}

.ico_common_x {
  background-image: url(../img/sp_common.png);
  width: 9px;
  height: 9px;
  background-position: -127px -102px;
}

.ico_common_service.blog {
  background-image: url(../img/sp_common.png);
  width: 20px;
  height: 20px;
  background-position: -127px 0px;
}

.ico_common_service.booking {
  background-image: url(../img/sp_common.png);
  width: 20px;
  height: 20px;
  background-position: -84px -29px;
}

.ico_common_service.cafe {
  background-image: url(../img/sp_common.png);
  width: 20px;
  height: 20px;
  background-position: -90px -92px;
}

.ico_common_service.happybean {
  background-image: url(../img/sp_common.png);
  width: 20px;
  height: 20px;
  background-position: -60px -92px;
}

.ico_common_service.kin {
  background-image: url(../img/sp_common.png);
  width: 20px;
  height: 20px;
  background-position: -30px -92px;
}

.ico_common_service.pay {
  background-image: url(../img/sp_common.png);
  width: 20px;
  height: 20px;
  background-position: -64px -60px;
}

.ico_common_service.post {
  background-image: url(../img/sp_common.png);
  width: 20px;
  height: 20px;
  background-position: 0px -92px;
}

.ico_common_service.talktalk {
  background-image: url(../img/sp_common.png);
  width: 20px;
  height: 20px;
  background-position: -94px -60px;
}

.ico_common_address {
  background-image: url(../img/sp_common.png);
  width: 11px;
  height: 14px;
  background-position: -24px -122px;
}

.ico_common_counsel_time {
  background-image: url(../img/sp_common.png);
  width: 14px;
  height: 14px;
  background-position: -127px -54px;
}

.ico_common_introduction {
  background-image: url(../img/sp_common.png);
  width: 14px;
  height: 14px;
  background-position: 0px -122px;
}

.ico_common_tel {
  background-image: url(../img/sp_common.png);
  width: 12px;
  height: 12px;
  background-position: -45px -122px;
}

.ico_common_url {
  background-image: url(../img/sp_common.png);
  width: 14px;
  height: 14px;
  background-position: -127px -78px;
}

.ico_common_response {
  display: inline-block;
  vertical-align: middle;
}

.ico_common_response.fast {
  background-image: url(../img/sp_common.png);
  width: 74px;
  height: 21px;
  background-position: 0px 0px;
}

.ico_common_official {
  background-image: url(../img/sp_common.png);
  width: 14px;
  height: 14px;
  background-position: -43px -31px;
}

/* _layout.scss */
.section_chatting {
  overflow: hidden;
  position: relative;
  height: 100%;
  /* border: 1px solid #d7dbe1; */
  box-sizing: border-box;
  background: #f18924;
  padding: 0 0 0 15px;
}

.section_chatting button,
.section_chatting input,
.section_chatting select,
.section_chatting textarea {
  border: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.section_chatting .sel_type_a{
	width:100%;
	padding:5px;
	color: #4d4d4d;
	font-size: 13px;
	font-weight: 500;margin-top:8px;
	border: 1px solid #ff7d14;
	appearance: auto;
	-moz-appearance: auto;
	-webkit-appearance: auto;
	background: #fff;
	font-family: 'Noto Sans KR';
}

select.sel_type_a {}

.section_chatting #sentence{
	height: 40px;
	width: 100%;
	background-color: rgba(100, 120, 227, 0.13);
	padding: 9px 23px;
	border-radius: 0 25px 25px 0;
	color: #4d4d4d;
	font-size: 15px;
	line-height: 1.47;
	letter-spacing: -0.75px;
}



.section_chatting .loading {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background: url(../img/loading.gif) no-repeat 50%;
}

.section_chatting .chat_message_empty {
  position: absolute;
  width: 350px;
  height: 234px;
  top: 50%;
  left: 50%;
  margin-top: -117px;
  margin-left: -175px;
  text-align: center;
  font-size: 13px;
  color: #868686;
}

.section_chatting .chat_message_empty .bg_message_default {
  width: 222px;
  height: 144px;
  background-position: 0px 0px;
  display: inline-block;
  margin-bottom: 22px;
  margin-left: 8px;
}

.section_chatting .chat_message_empty h3 {
  margin-bottom: 9px;
  font-size: 14px;
  font-weight: 600;
  color: #333;
}

.section_chatting .chat_message_empty .txt_size_small {
  font-size: 12px;
  color: #999;
  line-height: 19px;
}

.chat_info {
  position: relative;
  /*	padding: 27px 0 28px;*/
  /* border-bottom: 1px solid #dfe1e2; */
  box-sizing: border-box;
  z-index: 10;
  height: 100%;
}

.chat_info:after {
  /* display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: #f0f2f5;
  opacity: 0.95;
  filter: alpha(opacify=95);
  z-index: -1;
  content: ""; */
}
.chat_info + .footer{
	position: relative;
    top: -29px;
    text-align: center;
    font-size: 9px;
    color: #fff;
    line-height: 1.44;
    letter-spacing: -0.18px;
}


.chat_info.title_only .chat_title_area {
  vertical-align: middle;
}

.chat_info > .inr {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
}

.chat_info .chat_thmb_area {
  display: table-cell;
  position: relative;
  width: 70px;
  padding: 1px 14px 0;
  box-sizing: border-box;
  vertical-align: top;
}

.chat_info .chat_thmb_area .chat_thmb {
  display: block;
  overflow: hidden;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #fff;
  text-align: center;
}

.chat_info .chat_thmb_area .chat_thmb:before {
  display: inline-block;
  height: 100%;
  margin-left: -4px;
  vertical-align: middle;
  content: "";
}

.chat_info .chat_thmb_area .chat_thmb img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.chat_info .chat_thmb_area .chat_thmb .mask {
  position: absolute;
  left: 50%;
  right: 0;
  top: 1px;
  bottom: 0;

  width: 42px;
  height: 42px;
  background-position: 0px -154px;
  display: block;
  margin-left: -21px;
}

.chat_info .chat_thmb_area .bookmark {
  position: absolute;
  top: 19px;
  right: 12px;
  z-index: 1;
}

.chat_info .chat_thmb_area .bookmark .ico_star {
  width: 22px;
  height: 22px;
  background-position: -218px -154px;
  display: block;
  margin: 4px auto 0;
  vertical-align: middle;
}

.chat_info .chat_thmb_area .bookmark.on .ico_star {
  width: 22px;
  height: 22px;
  background-position: -186px -154px;
}

.chat_info .chat_title_area {
  display: table-cell;
  width: 100%;
  vertical-align: top;
}

.chat_info .chat_title_area .title {
  background: #f18924;
  padding: 20px 21px 10px;
}
.chat_info .chat_title_area .title > * {
  display: block;
}

.chat_info .chat_title_area .text_name {
  font-size: 25px;
  color: #fff;
  font-family: "NEXON Lv2 Gothic Bold";
}
.chat_info .chat_title_area a {
  font-family: "NEXON Lv2 Gothic";
  font-size: 13px;
  margin-top: 6px;
}
.chat_info .chat_title_area a img {
  margin-left: 6px;
}

.chat_info .chat_title_area .text_name.icon_one {
  max-width: 83%;
}

.chat_info .chat_title_area .text_name.icon_one + .title_icon_area {
  display: inline-block;
}

.chat_info .chat_title_area .text_name.icon_two {
  max-width: 72%;
}

.chat_info .chat_title_area .text_name.icon_two + .title_icon_area {
  display: inline-block;
}

.chat_info .chat_title_area .title_icon_area {
  display: none;
  margin-bottom: -2px;
  padding-top: 2px;
  vertical-align: top;
}

.chat_info .chat_title_area .title_icon_area [class^="ico"] {
  display: inline-block;
  vertical-align: baseline;
}

.chat_info .chat_title_area .title_icon_area .ico_common_official {
  margin-top: -1px;
  margin-right: 1px;
}

.chat_info .chat_title_area .title_icon_area .ico_common_official + .ico_home {
  margin-left: 1px;
}

.chat_info .chat_title_area .title_icon_area .ico_home {
  width: 16px;
  height: 14px;
  background-position: -225px -206px;
}

.chat_info .chat_title_area .sub_title {
  margin-top: 6px;
  color: #7a7a7a;
}

.chat_info .chat_title_area .sub_title .view {
  display: block;
  line-height: 17px;
}

.chat_info .chat_title_area .sub_title .view .text_response {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  max-width: 100%;
  padding-right: 15px;
  vertical-align: top;
  font-style: normal;
  color: #000;
}

.chat_info .chat_title_area .sub_title .view .btn_fold {
  width: 7px;
  height: 5px;
  background-position: -90px -186px;
  position: absolute;
  top: 7px;
  right: 6px;
}

.chat_info .chat_title_area .sub_title .view.on .btn_fold {
  background-position: -73px -186px;
  top: 6px;
}

.chat_info .chat_title_area .sub_title .view.on ~ .inr {
  display: block;
}

.chat_info .chat_title_area .sub_title .inr {
  display: none;
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: 53px;
  border-bottom: 1px solid #dfe1e2;
}

.chat_info .chat_title_area .sub_title .inr:after {
  display: block;
  position: absolute;
  top: 0;
  right: -1px;
  left: 0;
  height: 100%;
  background: #f0f2f5;
  opacity: 0.95;
  filter: alpha(opacify=95);
  z-index: -1;
  content: "";
}

.chat_info .chat_title_area .sub_title .inr .list_seller_info {
  overflow: hidden;
  padding-right: 22px;
  padding-left: 70px;
  padding-bottom: 31px;
}

.chat_info .chat_title_area .sub_title .inr .list_seller_info dt {
  float: left;
  clear: both;
  height: 14px;
  margin-top: 9px;
}

.chat_info
  .chat_title_area
  .sub_title
  .inr
  .list_seller_info
  dt
  [class^="ico_"] {
  display: inline-block;
}

.chat_info
  .chat_title_area
  .sub_title
  .inr
  .list_seller_info
  dt
  [class^="ico_"].ico_counsel {
  background-image: url(../img/sp_common.png);
  width: 14px;
  height: 14px;
  background-position: -127px -54px;
}

.chat_info
  .chat_title_area
  .sub_title
  .inr
  .list_seller_info
  dt
  [class^="ico_"].ico_news {
  background-image: url(../img/sp_common.png);
  width: 14px;
  height: 14px;
  background-position: 0px -122px;
  margin-top: -1px;
}

.chat_info
  .chat_title_area
  .sub_title
  .inr
  .list_seller_info
  dt
  [class^="ico_"].ico_url {
  background-image: url(../img/sp_common.png);
  width: 14px;
  height: 14px;
  background-position: -127px -78px;
}

.chat_info
  .chat_title_area
  .sub_title
  .inr
  .list_seller_info
  dt
  [class^="ico_"].ico_phone {
  background-image: url(../img/sp_common.png);
  width: 12px;
  height: 12px;
  background-position: -45px -122px;
}

.chat_info
  .chat_title_area
  .sub_title
  .inr
  .list_seller_info
  dt
  [class^="ico_"].ico_address {
  background-image: url(../img/sp_chat_ico.png);
  width: 11px;
  height: 14px;
  background-position: -124px -71px;
  margin-top: -1px;
  margin-left: 1px;
}

.chat_info .chat_title_area .sub_title .inr .list_seller_info dd {
  line-height: 15px;
  margin-top: 8px;
  margin-left: 22px;
}

.chat_info .chat_title_area .sub_title .inr .list_seller_info dd a:hover {
  color: #2361ff;
}

.chat_info .chat_title_area .sub_title .inr .list_url {
  margin-bottom: -1px;
}

.chat_info .chat_title_area .sub_title .inr .list_url li {
  margin-top: 5px;
  word-break: break-all;
}

.chat_info .chat_title_area .sub_title .inr .list_url li:first-child {
  margin-top: 0;
}

.chat_info .chat_title_area .sub_title .inr .list_url li em {
  display: inline-block;
  vertical-align: top;
  padding: 2px 2px 1px;
  background: #f4f6f8;
  border: 1px solid #bdbdbd;
}

.chat_info .chat_title_area .sub_title .inr .list_url li em i {
  display: block;
  height: 11px;
  font-family: "돋움", Dotum, Arial, Sans-serif;
  color: #8c8e91;
  font-size: 11px;
  line-height: 12px;
  font-style: normal;
}

.chat_info .friend_num {
  display: table-cell;
  width: 80px;
  padding-top: 13px;
  vertical-align: top;
  text-align: right;
  color: #7a7a7a;
}

.chat_info .friend_num .count {
  font-size: 13px;
  font-weight: 800;
  color: #00c73c;
}

.chat_info .btn_chat_header {
  position: relative;
  display: table-cell;
  padding-top: 11px;
  vertical-align: top;
  width: 44px;
}

.chat_info .btn_chat_header .icon {
  display: inline-block;
  vertical-align: top;
  margin-left: 21px;
}

.chat_info .btn_chat_header.ico_friend {
  width: 38px;
}

.chat_info .btn_chat_header.ico_friend .icon {
  width: 23px;
  height: 21px;
  background-position: -250px -154px;
  margin-left: 14px;
}

.chat_info .btn_chat_header.ico_friend.on .icon {
  background-position: -283px -154px;
}

.chat_info .btn_chat_header.ico_social .icon {
  width: 24px;
  height: 22px;
  background-position: -86px -154px;
  margin-top: -1px;
}

.chat_info .btn_chat_header.ico_social.on .icon {
  width: 24px;
  height: 22px;
  background-position: -52px -154px;
}

.chat_info .btn_chat_header.ico_menu .icon {
  width: 4px;
  height: 18px;
  background-position: -126px -235px;
  margin-top: 2px;
}

.chat_info .btn_chat_header.ico_menu.on .icon {
  background-position: -112px -235px;
}

.chat_info .layer_friend {
  position: absolute;
  z-index: 1;
  top: 41px;
  right: -25px;
  height: 31px;
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid #00c73c;
  background: #fff;
  color: #666;
  cursor: default;
}

.chat_info .layer_friend .text {
  display: inline-block;
  margin: -1px 0 0;
  vertical-align: top;
  white-space: nowrap;
}

.chat_info .layer_friend .text em {
  margin-left: 2px;
  color: #00c73c;
}

.chat_info .layer_friend:after {
  width: 11px;
  height: 7px;
  background-position: -52px -186px;
  display: inline-block;
  position: absolute;
  top: -6px;
  right: 31px;
  content: "";
}

.chat_area {
  height: calc(100% - 211px);
  overflow-y: auto;
  background: #fff;
  border-radius: 20px 0 0 0;
  padding: 17px 0 19px 15px;
  /* position: absolute;
  top: 0;
  right: 0;
  bottom: 49px;
  left: 0;
  z-index: 0; */
  /* margin-bottom: 19px; */
  box-sizing: content-box;
}

.chat_area .mCSB_scrollTools {
  top: 107px;
  bottom: 6px;
}

.chat_widget {
  /* position: absolute; */
  /* margin-top: 2px; */
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: #fff;
  border-radius: 0 0 0 20px;
  overflow: hidden;
}


.chat_widget .chat_write {
  position: relative;
  background-color: #fff;
  /* padding-left: 10px; */
  /* top: -3px; */
}

.chat_widget .chat_write:after {
  /* position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #e0e0e0;
  background: rgba(0, 0, 0, 0.12);
	content: ""; */
}

.chat_widget .chat_write textarea {
  display: block;
  overflow: hidden !important;
  width: 100%;
  height: 20px;
  margin-top: -1px !important;
  padding: 0 20px !important;
  border: 0;
  background: none;
  font-size: 15px;
  color: #000;
  resize: none;
  line-height: 20px;
  box-sizing: border-box;
}

.chat_widget .chat_write textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #222 !important;
}

.chat_widget .chat_write textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #222 !important;
}

.chat_widget .chat_write textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #222 !important;
}

.chat_widget .chat_write textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #222 !important;
}

.chat_widget .chat_write .scroll-wrapper {
  position: relative;
  /* height: 21px; */
  /* margin-top: 6px;
  padding: 6px 0 10px !important; */
  border: 0 !important;
  vertical-align: middle;
  width: calc(100% - 26px);
  height: 40px;
}

.chat_widget .chat_write .scroll-wrapper .scroll-content {
  height: 20px !important;
}

.chat_widget .chat_write .scroll-wrapper .scroll-element.scroll-x {
  display: none !important;
}

.chat_widget .chat_write .scroll-wrapper textarea {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  margin: 0 !important;
}

.chat_widget .chat_write .chat_write_area {
  display: table;
  width: 100%;
  padding: 10px 0 19px;
}

.chat_widget .chat_write .chat_write_area.row_2 {
  height: 69px;
}

.chat_widget .chat_write .chat_write_area.row_2 .scroll-wrapper {
  height: 40px;
}

.chat_widget
  .chat_write
  .chat_write_area.row_2
  .scroll-wrapper
  .scroll-content {
  height: 40px !important;
}

.chat_widget .chat_write .chat_write_area.row_2 textarea {
  height: 40px;
}

.chat_widget .chat_write .chat_write_area .text {
  display: table-cell;
  vertical-align: middle;
  background: #fff;
}

.chat_widget .chat_write .chat_write_area i {
  display: block;
  margin-bottom: 15px;
}

.chat_widget .chat_write .chat_write_btn {
  display: table-cell;
  width: 20px;
  padding: 0 7px;
  vertical-align: bottom;
  cursor: pointer;
}

.chat_widget .chat_write .chat_write_btn .ico_sticker {
  width: 20px;
  height: 20px;
  background-position: -346px -154px;
}

.chat_widget .chat_write .chat_write_btn .ico_photo {
  width: 18px;
  height: 19px;
  background-position: 0px -235px;
}

.chat_widget .chat_write .chat_write_btn .ico_phone {
  width: 19px;
  height: 19px;
  background-position: -87px -206px;
}

.chat_widget .chat_write .chat_write_btn .ico_gift {
  width: 19px;
  height: 19px;
  background-position: 0px -206px;
}

.chat_widget .chat_write .chat_write_btn .ico_fixedmenu {
  width: 18px;
  height: 19px;
  background-position: -84px -235px;
}

.chat_widget .chat_write .chat_write_btn.on .ico_sticker {
  background-position: -316px -154px;
}

.chat_widget .chat_write .chat_write_btn.on .ico_photo {
  background-position: -28px -235px;
}

.chat_widget .chat_write .chat_write_btn.on .ico_phone {
  background-position: -29px -206px;
}

.chat_widget .chat_write .chat_write_btn.on .ico_gift {
  background-position: -58px -206px;
}

.chat_widget .chat_write .chat_write_btn.on .ico_fixedmenu {
  background-position: -56px -235px;
}

.chat_widget .chat_write .btn_submit {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  width: 40px;
  z-index: 1;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: none;
  background: #fff;
  /* padding-right: 15px; */
  position: relative;
  right: 15px;
}

.chat_widget .chat_write .btn_submit i {
  width: 23px;
  height: 22px;
  background-position: -153px -154px;
  margin-left: 10px;
  margin-bottom: 13px;
}

.chat_widget .chat_write .btn_submit.on i {
  background-position: -120px -154px;
}

.chat_widget .chat_write .btn_faq {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
  right: -1px;
  width: 49px;
  z-index: 1;
  padding-bottom: 16px;
  background-color: #496efd;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.chat_widget .chat_write .btn_faq.on {
  color: #37f572;
}

.chat_widget .chat_write.disabled .text {
  padding-left: 6px;
  font-size: 14px;
  color: #999;
}

.chat_widget .chat_write.disabled .btn_out {
  display: table-cell;
  position: relative;
  right: -2px;
  vertical-align: middle;
  width: 80px;
  padding-bottom: 0;
  background: #acafb5;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  z-index: 1;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

@media screen and (max-width: 763px) {
  .chat_widget .chat_write.disabled .btn_out {
    right: -1px;
  }
}

.chat_widget .chat_write .store_account {
  display: block;
  padding: 16px;
  max-height: 17px;
  margin-left: -10px;
  font-size: 15px;
  color: #466dfc;
  text-align: center;
  text-decoration: none;
}

.chat_widget .chat_write .store_account .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 215px;
  font-weight: 600;
  vertical-align: top;
}

.chat_widget .chat_write .store_account img {
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: -11px;
  right: -3px;
  margin-left: -22px;
}

.chat_widget .store_account_fixedmenu {
  padding-left: 0;
}

.chat_widget .store_account_fixedmenu .item_account_btn {
  position: relative;
}

.chat_widget .store_account_fixedmenu .item_account_btn + .item_account_btn {
  border-left: 1px solid #e2e6eb;
}

.chat_widget .store_account_fixedmenu .item_account_btn.home {
  width: 50px;
}

.chat_widget .store_account_fixedmenu .item_account_btn .sp_home_account {
  width: 20px;
  height: 18px;
  background-position: -116px -206px;
  display: inline-block;
}

.chat_widget .store_account_fixedmenu .item_account_btn .btn_account {
  display: block;
  height: 49px;
  padding: 16px 12px 14px;
  font-size: 15px;
  font-weight: 600;
  color: #466dfc;
  text-align: center;
  line-height: 1.2;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.chat_widget
  .store_account_fixedmenu
  .item_account_btn
  .btn_account
  .text_account {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: clip;
}

.chat_widget .store_account_fixedmenu .item_account_btn .ico_triangle {
  display: inline-block;
  margin: -6px 0 0 3px;
  border: 4px solid transparent;
  border-bottom-color: #466dfc;
  vertical-align: middle;
}

.chat_widget .store_account_fixedmenu .item_account_btn .ly_fixedmenu {
  display: none;
  margin-left: -70px;
}

.chat_widget
  .store_account_fixedmenu
  .item_account_btn
  .ly_fixedmenu
  .menu_wrap {
  width: 140px;
}

.chat_widget .store_account_fixedmenu .item_account_btn .ly_fixedmenu:before {
  width: 140px;
}

.chat_widget .store_account_fixedmenu .item_account_btn.on .ico_triangle {
  margin-top: 2px;
  border-top-color: #466dfc;
  border-bottom-color: transparent;
}

.chat_widget .store_account_fixedmenu .item_account_btn.on .ly_fixedmenu {
  display: block;
}

/* _popup.scss */
.chat_popup {
  display: none;
  position: absolute;
  z-index: +999;
}

.chat_popup.on {
  display: block;
}

.chat_popup .ly_box {
  position: relative;
  border: 1px solid #999;
  background-color: #fff;
  z-index: 1;
}

.chat_popup .ly_box .box_content {
  text-align: center;
}

.chat_popup .ly_box .btn_area {
  display: block;
}

.chat_popup .ly_box .btn {
  display: block;
  border: 1px solid transparent;
  background-color: #9ea3aa;
  text-align: center;
}

.chat_popup .ly_box .point {
  color: #00c73c;
}

.chat_popup .ly_box input[type="checkbox"] {
  position: static;
  clip: auto;
  width: auto;
  height: auto;
  margin: auto;
  overflow: initial;
}

.chat_popup .ly_box .ir_chk input[type="checkbox"],
.chat_popup .ly_box .ir_chk input[type="radio"] {
  visibility: hidden;
  position: absolute;
  top: 6px;
  left: 8px;
}

.chat_popup .ly_safecall {
  width: 296px;
  height: auto;
}

.chat_popup .ly_safecall .btn_clse_ly {
  background-image: url(../img/sp_chat_ico.png);
  width: 15px;
  height: 15px;
  background-position: -124px 0px;
  display: inline-block;
  position: absolute;
  top: 12px;
  right: 14px;
}

.chat_popup .ly_safecall .safecall_info dt {
  padding: 11px 20px;
  background-color: #525f78;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  line-height: 16px;
}

.chat_popup .ly_safecall .safecall_info dd {
  margin-bottom: 8px;
  padding: 16px 20px 17px;
}

.chat_popup .ly_safecall .safecall_info p {
  margin-bottom: 12px;
  padding-bottom: 17px;
  border-bottom: 1px solid #f0f0f0;
}

.chat_popup .ly_safecall .safecall_info p strong {
  font-weight: 600;
  color: #333;
  line-height: 1.5;
}

.chat_popup .ly_safecall .safecall_info li {
  margin-bottom: 3px;
  font-size: 11px;
  color: #858585;
  line-height: 18px;
}

.chat_popup .ly_safecall .safecall_info li b {
  font-weight: 600;
}

.chat_popup .ly_safecall .pop_btn_area {
  position: relative;
  padding: 10px 0;
  border-top: 1px solid #e1e4e7;
  background-color: #f7f8f9;
  text-align: center;
}

.chat_popup .ly_safecall .pop_btn_area > a {
  display: inline-block;
  width: 108px;
  padding: 6px 0 7px;
  border: 1px solid #000;
  border-color: #fff;
  /* ie 8 */
  border-color: rgba(0, 0, 0, 0.05);
  background-color: #00c73c;
  font-weight: 600;
  color: #fff;
  text-align: center;
  line-height: 14px;
}

.chat_popup .safecall {
  width: 240px;
  height: auto;
  padding: 38px 28px 27px;
}

.chat_popup .safecall.on .agree .ipt_chk {
  background-image: url(../img/sp_chat_popup.png);
  background-position: -357px -240px;
}

.chat_popup .safecall.on .box_footer .btn {
  background: #30c717;
  border: 1px solid #30c717;
}

.chat_popup .safecall .box_content {
  width: 242px;
  height: auto;
  padding-bottom: 34px;
}

.chat_popup .safecall .input_text {
  color: #222;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  width: 92%;
}

.chat_popup .safecall .input_text::-webkit-input-placeholder {
  color: #aeaeae !important;
}

.chat_popup .safecall .input_text:-ms-input-placeholder {
  color: #aeaeae !important;
}

.chat_popup .safecall .input_text::-moz-placeholder {
  color: #666 !important;
}

.chat_popup .safecall .ico_safecall_1 {
  background-image: url(../img/sp_chat_popup.png);
  width: 112px;
  height: 114px;
  background-position: -163px 0px;
  display: inline-block;
}

.chat_popup .safecall .desc {
  font-size: 13px;
  line-height: 1.7;
  letter-spacing: -1px;
  margin-top: 16px;
  color: #000;
}

.chat_popup .safecall .desc .tel {
  display: block;
  margin-top: -1px;
}

.chat_popup .safecall .desc .expire {
  font-size: 12px;
}

.chat_popup .safecall .desc strong {
  display: block;
  word-break: break-all;
  font-size: 13px;
}

.chat_popup .safecall .msg {
  margin: 12px 0 14px;
  color: #8f8f8f;
  font-size: 12px;
  line-height: 1.6;
}

.chat_popup .safecall .msg .point {
  font-weight: 600;
}

.chat_popup .safecall .hp {
  padding: 9px 0 10px 17px;
  border: 1px solid #d5d5d5;
  text-align: left;
}

.chat_popup .safecall .agree {
  position: relative;
  margin: 11px 0 6px;
  text-align: left;
}

.chat_popup .safecall .agree label {
  position: absolute;
  top: -3px;
  left: 17px;
  color: #8f8f8f;
  font-size: 11px;
  line-height: 1.7;
  text-align: left;
}

.chat_popup .safecall .agree input {
  visibility: hidden;
  margin-right: 5px;
}

.chat_popup .safecall .agree .ipt_chk {
  background-image: url(../img/sp_chat_popup.png);
  width: 12px;
  height: 12px;
  background-position: -245px -193px;
  position: absolute;
  top: 0;
  left: 0;
}

.chat_popup .safecall .link_show {
  color: #3581ff;
  font-size: 11px;
  text-decoration: underline;
}

.chat_popup .safecall .link_show:active,
.chat_popup .safecall .link_show:hover {
  text-decoration: underline;
}

.chat_popup .safecall .link_show .ico_show {
  background-image: url(../img/sp_chat_popup.png);
  width: 5px;
  height: 7px;
  background-position: -267px -193px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 5px 0 0 4px;
}

.chat_popup .safecall .box_footer .btn {
  height: 36px;
  padding: 0;
  background-color: #c4c5ca;
  border: 1px solid #c4c5ca;
  border-radius: 1px;
  font-size: 13px;
  font-weight: 600;
  line-height: 36px;
  color: #fff;
}

.chat_popup .safecall .box_footer .btn.request {
  background-color: #fff;
  border: 1px solid #00a632;
  color: #1fbc02;
}

.chat_popup .safecall .btn_clse_ly {
  background-image: url(../img/sp_chat_ico.png);
  width: 15px;
  height: 15px;
  background-position: -80px -77px;
  display: inline-block;
  position: absolute;
  top: 14px;
  right: 14px;
}

.chat_popup .safecall.request {
  border-color: rgba(0, 0, 0, 0.4);
  background: #00cc26;
}

.chat_popup .safecall.request .ico_safecall_3 {
  background-image: url(../img/sp_chat_popup.png);
  width: 72px;
  height: 106px;
  background-position: -163px -124px;
  display: inline-block;
}

.chat_popup .safecall.request .desc {
  margin-top: 16px;
  color: #fffe85;
}

.chat_popup .safecall.request .desc .tel {
  margin-top: 5px;
  font-size: 21px;
  font-weight: 600;
  line-height: 1;
}

.chat_popup .safecall.request .msg {
  width: auto;
  margin: 18px 0 12px;
  color: #fff;
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
}

.chat_popup .safecall.request .btn_ref {
  display: inline-block;
  width: 107px;
  height: 27px;
  border: 1px solid #00a632;
  border-radius: 30px;
  background-color: #00ac34;
  color: #fff;
  font-size: 12px;
  line-height: 27px;
}

.chat_popup .safecall.request .ico_ref {
  background-image: url(../img/sp_chat_popup.png);
  width: 12px;
  height: 12px;
  background-position: -245px -171px;
  display: inline-block;
  margin: 8px 6px 0 0;
  vertical-align: top;
}

.chat_popup .safecall.request .ico_phone {
  background-image: url(../img/sp_chat_popup.png);
  width: 11px;
  height: 12px;
  background-position: -245px -215px;
  display: inline-block;
  margin: 12px 6px 0 0;
  vertical-align: top;
}

.chat_popup .safecall.request .btn_clse_ly {
  background-image: url(../img/sp_chat_ico.png);
  width: 15px;
  height: 15px;
  background-position: -124px 0px;
}

.chat_popup .info_msg {
  width: 296px;
  height: 426px;
}

.chat_popup .info_msg .box_content {
  margin-top: 45px;
}

.chat_popup .info_msg .ico_safecall_2 {
  background-image: url(../img/sp_chat_popup.png);
  width: 153px;
  height: 128px;
  background-position: 0px 0px;
  display: inline-block;
}

.chat_popup .info_msg .ico_safecall_4 {
  background-image: url(../img/sp_chat_popup.png);
  width: 102px;
  height: 149px;
  background-position: 0px -138px;
  display: inline-block;
  margin: 3px 0 8px;
}

.chat_popup .info_msg .tit_safecall {
  margin: 18px 0 11px;
  font-size: 15px;
  font-weight: 600;
  color: #333;
}

.chat_popup .info_msg .desc {
  font-size: 13px;
  line-height: 1.7;
  color: #333;
  letter-spacing: -1px;
}

.chat_popup .info_msg .desc strong {
  display: block;
  word-break: break-all;
  font-size: 13px;
  font-weight: normal;
  color: #7a7a7a;
}

.chat_popup .info_msg .btn_use {
  height: 36px;
  margin: 23px 28px 0;
  background-color: #00c73c;
  line-height: 36px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
}

.chat_popup .info_msg .btn_use .ico_arr_rgt {
  background-image: url(../img/sp_chat_popup.png);
  width: 5px;
  height: 7px;
  background-position: -267px -171px;
  display: inline-block;
  margin-left: 6px;
  margin-bottom: 1px;
}

.chat_popup .info_msg .btn_clse_ly {
  background-image: url(../img/sp_chat_ico.png);
  width: 15px;
  height: 15px;
  background-position: -80px -77px;
  display: inline-block;
  position: absolute;
  top: 14px;
  right: 14px;
}

.chat_popup .info_msg .box_footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 13px 14px;
  border-top: 1px solid #f1f1f1;
  color: #666;
}

.chat_popup .info_msg .box_footer .ir_chk {
  vertical-align: top;
}

.chat_popup .info_msg .box_footer .ir_chk label {
  margin: -1px 3px 1px 0;
}

.chat_popup .info_msg .box_footer .ir_chk input[type][checked] + .btn_chked {
  background-image: url(../img/sp_chat_popup.png);
  background-position: -314px -266px;
}

.chat_popup .info_msg .box_footer .ir_chk .btn_chked {
  background-image: url(../img/sp_chat_popup.png);
  width: 19px;
  height: 18px;
  background-position: -285px -266px;
  display: inline-block;
  vertical-align: top;
}

.chat_popup .info_msg .box_footer.v2 {
  position: relative;
  padding: 0;
  border-top: 0;
  text-align: center;
}

.chat_popup .info_msg .box_footer.v2 .btn_area {
  display: inline-block;
  overflow: hidden;
  margin-top: 42px;
  font-weight: 600;
  font-size: 13px;
}

.chat_popup .info_msg .box_footer.v2 .btn_area a {
  float: left;
  width: 115px;
  padding: 10px 0 11px;
}

.chat_popup .info_msg .box_footer.v2 .btn_area a + a {
  margin-left: 6px;
}

.chat_popup .info_msg .box_footer.v2 .btn_area .btn_disabled {
  border-color: #ccc;
  background-color: #fff;
  color: #666;
}

.chat_popup .info_msg .box_footer.v2 .btn_confirm {
  border-color: #00c73c;
  background-color: #00c73c;
  color: #fff;
}

.chat_popup_delivery_trace {
  position: relative;
  width: 400px;
  background: #fff;
  border: 1px solid #666;
  box-sizing: border-box;
  z-index: 10;
}

.chat_popup_delivery_trace .title {
  padding: 22px 0 20px;
  margin: 0 20px;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  border-bottom: 1px solid #ebebeb;
}

.chat_popup_delivery_trace .delivery_area {
  position: relative;
  max-height: 452px;
  margin: 0 12px;
}

.chat_popup_delivery_trace .delivery_area.v2 {
  margin: 0 20px;
}

.chat_popup_delivery_trace .delivery_area.v2 .mCSB_draggerContainer {
  right: -20px;
}

.chat_popup_delivery_trace .delivery_area .mCustomScrollBox {
  position: static;
}

.chat_popup_delivery_trace .delivery_area .mCSB_dragger_bar {
  overflow: hidden;
}

.chat_popup_delivery_trace .delivery_list {
  width: 100%;
}

.chat_popup_delivery_trace .delivery_list.v2 tbody tr:first-child td {
  font-weight: 600;
  color: #00c73c;
  padding-top: 16px;
}

.chat_popup_delivery_trace .delivery_list th {
  font-size: 13px;
  padding: 21px 0 3px;
}

.chat_popup_delivery_trace .delivery_list td {
  padding-top: 14px;
  font-size: 13px;
  color: #999;
  text-align: center;
  line-height: 18px;
  vertical-align: middle;
}

.chat_popup_delivery_trace .delivery_list td span {
  display: block;
  color: #ccc;
}

.chat_popup_delivery_trace .delivery_list td.highlight,
.chat_popup_delivery_trace .delivery_list td.highlight span {
  font-weight: 600;
  color: #00c73c !important;
}

.chat_popup_delivery_trace .text {
  padding: 21px 28px 27px 32px;
  font-size: 12px;
  color: #ccc;
  line-height: 18px;
}

.chat_popup_delivery_trace .btn_close {
  position: absolute;
  top: 16px;
  right: 13px;
}

.chat_popup_delivery_trace .btn_close a {
  display: block;
  padding: 10px;
}

.chat_popup_delivery_trace .btn_close a:after {
  background-image: url(../img/sp_chat_popup.png);
  width: 9px;
  height: 9px;
  background-position: -266px -215px;
  display: block;
  content: "";
}

.chat_popup_delivery_trace + .dimmed {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
  z-index: 0;
}

.chat_popup_shoppingbot_info {
  position: relative;
  width: 400px;
  background: #fff;
  border: 1px solid #666;
  box-sizing: border-box;
  z-index: 10;
}

.chat_popup_shoppingbot_info .title {
  padding: 22px 0 20px 21px;
  margin: 0 20px;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  border-bottom: 1px solid #ebebeb;
}

.chat_popup_shoppingbot_info .title .ico_beta_black {
  background-image: url(../img/sp_chat_popup.png);
  width: 17px;
  height: 9px;
  background-position: -245px -152px;
  display: inline-block;
  margin: 2px 0 0 3px;
  vertical-align: top;
}

.chat_popup_shoppingbot_info .shoppingbot_info_area {
  padding: 5px 0 10px;
}

.chat_popup_shoppingbot_info .shoppingbot_info_area dl {
  margin: 0 20px;
  font-size: 13px;
  word-break: break-all;
}

.chat_popup_shoppingbot_info .shoppingbot_info_area dl dt {
  display: table;
  color: #000;
}

.chat_popup_shoppingbot_info .shoppingbot_info_area dl dt span {
  display: table-cell;
  padding-top: 19px;
  line-height: 1em;
  vertical-align: top;
}

.chat_popup_shoppingbot_info .shoppingbot_info_area dl dd {
  display: table;
  color: #999;
  line-height: 19px;
}

.chat_popup_shoppingbot_info .shoppingbot_info_area dl dd span {
  display: table-cell;
  padding: 7px 0 17px;
}

.chat_popup_shoppingbot_info .shoppingbot_info_area dl ~ dl {
  border-top: 1px solid #f7f7f7;
}

.chat_popup_shoppingbot_info .txt_q {
  background-image: url(../img/sp_chat_popup.png);
  width: 10px;
  height: 13px;
  background-position: -163px -240px;
  display: inline-block;
  margin: 1px 8px 0 10px;
  vertical-align: top;
}

.chat_popup_shoppingbot_info .txt_a {
  background-image: url(../img/sp_chat_popup.png);
  width: 11px;
  height: 11px;
  background-position: -183px -240px;
  display: inline-block;
  margin: 4px 8px 0 9px;
  vertical-align: top;
}

.chat_popup_shoppingbot_info .btn_close {
  position: absolute;
  top: 24px;
  right: 23px;
}

.chat_popup_shoppingbot_info .btn_close a {
  background-image: url(../img/sp_chat_popup.png);
  width: 9px;
  height: 9px;
  background-position: -266px -215px;
  display: inline-block;
}

.chat_popup_shoppingbot_info + .dimmed {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
  z-index: 0;
}

.chat_popup_shoppingbot_profile {
  padding: 30px 21px 27px;
  text-align: center;
}

.chat_popup_shoppingbot_profile h4 {
  margin: 15px 0 12px;
  font-size: 15px;
  font-weight: 600;
}

.chat_popup_shoppingbot_profile .text_shoppingbot p {
  font-size: 13px;
  color: #666;
  line-height: 1.5;
  word-break: keep-all;
}

.chat_popup_shoppingbot_profile .text_shoppingbot p + p {
  margin-top: 7px;
}

.chat_popup_shoppingbot_profile .text_shoppingbot em {
  color: #0b7ff7;
}

.chat_popup_shoppingbot_profile .ly_close {
  background-image: url(../img/sp_chat_ico.png);
  width: 15px;
  height: 15px;
  background-position: -80px -77px;
  display: inline-block;
  position: absolute;
  top: 14px;
  right: 15px;
}

.chat_popup_shoppingbot_profile .btn_close {
  display: block;
  margin-top: 20px;
  padding: 10px 0 11px;
  border: 1px solid #ccc;
  font-size: 13px;
  font-weight: 600;
  color: #666;
  text-align: center;
}

.chat_popup_shoppingbot_profile + .dimmed {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
  z-index: 0;
}

.ly_participant {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 296px;
  z-index: 1100;
  /* =Chat List */
}

.ly_participant .line_lft {
  position: absolute;
  top: 0;
  left: -1px;
  bottom: -1px;
  width: 1px;
  background-color: #000;
  opacity: 0.3;
}

.ly_participant .line_rgt {
  position: absolute;
  top: 0;
  right: -1px;
  bottom: -1px;
  width: 1px;
  background-color: #000;
  opacity: 0.3;
}

.ly_participant .line_btm {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background-color: #000;
  opacity: 0.3;
}

.ly_participant .ly_faq_header h1 {
  position: relative;
  padding: 11px 0 12px;
  border: 1px solid #424c60;
  border-left-width: 0;
  border-right-width: 0;
  background-color: #525f78;
  font-size: 13px;
  font-weight: normal;
  color: #fff;
  text-align: center;
}

.ly_participant .ly_faq_header .inr {
  height: 430px;
}

.ly_participant .ly_faq_header .partner_area {
  margin: 0;
}

.ly_participant .ly_faq_header .lst_area > dt,
.ly_participant .ly_faq_header .partner_area > dt {
  height: 29px;
  color: #666;
  font-size: 11px;
  line-height: 29px;
}

.ly_participant .ly_participant_content {
  background: #eff1f2;
}

.ly_participant .ly_participant_content .ly_participant_footer .btn_gray {
  border: 1px solid #b8b9bf;
  background-color: #c4c5ca;
}

.ly_participant
  .ly_participant_content
  .ly_participant_footer
  .btn_gray.active {
  border: 1px solid #00bf3a;
  background: #00c73c;
  color: #fff;
}

.ly_participant .ly_participant_footer {
  background: #f7f8f9;
  border-top: 1px solid #e1e4e7;
}

.ly_participant .ly_participant_footer .btn_area {
  padding: 10px 0;
  text-align: center;
}

.ly_participant .ly_participant_footer .btn_area span:first-child {
  margin-right: 2px;
}

.ly_participant .ly_participant_footer .btn2 {
  width: 110px;
  height: 30px;
  font-size: 11px;
  font-weight: 600;
  line-height: 30px;
}

.ly_participant .ly_participant_footer .btn_gray {
  display: inline-block;
  color: #fff;
  text-align: center;
  -webkit-box-sizing: border-box;
}

.ly_participant .ly_participant_footer .btn_white {
  border: 1px solid #c6c6c6;
}

.ly_participant .ly_participant_footer .btn_cancel,
.ly_participant .ly_participant_footer .btn_white {
  display: inline-block;
  border: 1px solid #cbcbcb;
  background-color: #fff;
  color: #666;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.ly_participant .chat_lst dl {
  padding-left: 11px;
  overflow: hidden;
}

.ly_participant .chat_lst dt {
  overflow: hidden;
  position: relative;
  margin-top: 2px;
  padding-right: 60px;
  font-size: 13px;
  line-height: 19px;
  color: #222;
  letter-spacing: -1px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 600;
}

.ly_participant .chat_lst dt .name {
  display: inline-block;
  overflow: hidden;
  max-width: 35%;
  letter-spacing: 0;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ly_participant .chat_lst dt .name_v1 {
  max-width: 82%;
}

.ly_participant .chat_lst dt .p_date {
  font-size: 11px;
}

.ly_participant .chat_lst dd.msg {
  overflow: hidden;
  margin-top: 3px;
  padding-right: 30px;
  font-size: 11px;
  line-height: 16px;
  color: #777;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ly_participant .chat_lst .new {
  top: auto;
  right: 14px;
  bottom: 17px;
  background-color: #00c73c;
  font-family: tahoma, sans-serif;
  font-size: 11px;
}

.ly_participant .chat_lst .thmb {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 46px;
  height: 46px;
  vertical-align: top;
}

.ly_participant .chat_lst .thmb img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.ly_participant .chat_lst .thmb:before,
.ly_participant .chat_lst .thmb:after {
  display: inline-block;
  height: 100%;
  margin-left: -4px;
  vertical-align: middle;
  content: "";
}

.ly_participant .chat_lst .thmb .mask {
  background-image: url(../img/sp_chat_popup.png);
  width: 46px;
  height: 46px;
  background-position: -285px -184px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 46px;
  height: 46px;
}

.ly_participant .chat_lst .thmbs {
  position: relative;
  width: 46px;
}

.ly_participant .chat_lst ul > li {
  position: relative;
  padding: 14px 14px 14px 13px;
  background-color: #fff;
}

.ly_participant .chat_lst ul > li.on {
  background-color: #f2f4f7;
}

.ly_participant .chat_lst ul > li + li {
  border-top: 1px solid #f0f0f0;
}

.ly_participant .chat_lst .item {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.ly_participant .chat_lst .organization > li {
  padding-bottom: 13px;
}

.ly_participant .chat_lst .organization .name {
  max-width: 87%;
}

.ly_participant .chat_lst .organization .ico + .name {
  max-width: 62%;
}

.ly_participant .chat_lst {
  position: static !important;
}

.ly_participant .chat_lst ul > li {
  padding: 10px 15px 12px;
  border-color: #eff2f5;
}

.ly_participant .chat_lst ul > li + li {
  border-top: 0;
}

.ly_participant .chat_lst ul > li .acv_area {
  display: none;
}

.ly_participant .chat_lst ul > li .txa_report {
  overflow: auto;
  width: 244px;
  height: 74px;
  padding: 12px;
  border: 1px solid #ddd;
  resize: none;
}

.ly_participant .chat_lst .lst_partner {
  margin-top: 12px;
  padding-bottom: 71px;
  border-top: 1px solid #eaebee;
  background-color: #fff;
}

.ly_participant .cell {
  display: table-cell;
  vertical-align: top;
}

.ly_participant .organization .new {
  top: 37px;
}

.ly_participant .organization .ico {
  margin-right: 3px;
  padding: 2px 6px 1px 4px;
  border: 1px solid;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
}

.ly_participant .organization dd.msg {
  margin-top: 3px;
}

.ly_participant .organization .room_info {
  font-size: 12px;
  font-weight: 600;
}

.ly_participant .organization .room_info a {
  display: block;
  padding-top: 6px;
}

.ly_participant .organization .room_info .count {
  float: left;
  position: relative;
  padding: 1px 16px 0 0;
  font-size: 11px;
  font-family: tahoma, sans-serif;
  color: #a8a8a8;
}

.ly_participant .organization .room_info .count:after {
  position: absolute;
  top: 0;
  right: 8px;
  width: 1px;
  height: 15px;
  background-color: #dee1e3;
  content: "";
}

.ly_participant .organization .room_info .count em {
  color: #ff454d;
}

.ly_participant .organization .room_info .count.full em {
  color: #d0d0d0;
}

.ly_participant .organization .room_info .room_host .eps {
  display: inline-block;
  width: 100px;
  margin: 1px 0 -1px;
}

.ly_participant .organization .room_info .full + .room_host .eps {
  width: 93px;
}

.ly_participant .organization .room_host {
  font-size: 11px;
  color: #666;
}

.ly_participant .organization .room_host i {
  background-image: url(../img/sp_chat_popup.png);
  width: 26px;
  height: 16px;
  background-position: -321px -240px;
  display: inline-block;
}

.ly_participant .organization .room_host.on {
  color: #00c73c;
}

.ly_participant .organization .room_host.on i {
  background-image: url(../img/sp_chat_popup.png);
  background-position: -285px -240px;
}

.ly_participant .organization .secret .ico_secret {
  background-image: url(../img/sp_chat_popup.png);
  width: 23px;
  height: 23px;
  background-position: -341px -184px;
  display: block;
  position: absolute;
  top: 25px;
  right: -3px;
}

.ly_participant .lst_partner li {
  border-bottom: 1px solid #eff2f5;
}

.ly_participant .lst_partner li.online .ico_member {
  background-position: -300px -750px;
}

.ly_participant .lst_partner li.me .ico_me {
  display: inline-block;
  margin-left: 5px;
}

.ly_participant .lst_partner li .talkfriend_area {
  display: table;
  width: 100%;
  padding: 8px 0;
  table-layout: fixed;
}

.ly_participant .lst_partner li + li:after {
  background-color: #fff;
}

.ly_participant .eps {
  color: #333;
  font-size: 12px;
  font-weight: 600;
}

.ly_participant .ir_chk {
  position: absolute;
  top: 16px;
  right: 15px;
}

.ly_participant .ir_chk.v2 input[type="checkbox"][checked] + .btn_chked,
.ly_participant .ir_chk.v2 input[type="radio"][checked] + .btn_chked {
  background-image: url(../img/sp_chat_popup.png);
  background-position: -245px -124px;
}

.ly_participant .ir_chk.v2 .btn_chked {
  background-image: url(../img/sp_chat_popup.png);
  width: 18px;
  height: 18px;
  background-position: -343px -266px;
  display: inline-block;
  top: 2px;
  cursor: pointer;
}

.ly_participant.report {
  display: inline-block;
  float: left;
  position: relative;
  top: 0;
  left: 0;
  margin-right: 5px;
}

.ly_participant.report .inr {
  height: auto;
}

.ly_participant.report .thmbs {
  padding: 0;
}

.ly_participant.report .lst_partner {
  padding: 0;
}

.ly_participant.report .btn_white {
  color: #bcbcbc;
}

.ly_participant.report.open .chat_lst ul > li .acv_area {
  display: block;
  margin-top: 4px;
}

.ly_participant.report.open .btn_white {
  color: #666;
}

.ly_participant.private {
  display: inline-block;
  float: left;
  position: relative;
  top: 0;
  left: 0;
  margin-right: 5px;
}

.ly_participant.private .item {
  padding: 15px;
  background: #fff;
}

.ly_participant.private .chat_lst .chat_lst .thmb img {
  max-width: 100%;
  max-height: 100%;
}

.ly_participant.private .info {
  display: inline-block;
  font-size: 11px;
}

.ly_participant.private .info dt {
  font-size: 12px !important;
}

.ly_participant.private .info dd {
  margin-top: 4px;
  color: #777;
}

.ly_setting {
  width: 296px;
}

.ly_setting .h_company {
  margin: 16px 24px -2px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}

.ly_setting .eps {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ly_setting .cell {
  display: table-cell;
  vertical-align: top;
}

.ly_setting .btn_gray2,
.ly_setting .btn_green2 {
  display: table-cell;
  padding: 9px 0 10px;
}

.ly_setting .img_area {
  background-color: transparent;
}

.ly_setting .img_area .mask {
  margin-left: -41px;
  background-position: 0 -500px;
}

.ly_setting .profile_area {
  position: relative;
  z-index: 11;
  padding: 24px 0 21px;
  background-color: #00cc26;
  text-align: center;
}

.ly_setting .profile_area .img_area {
  display: block;
  overflow: hidden;
  position: relative;
  width: 84px;
  height: 84px;
  margin: 0 auto;
  background-color: #fff;
}

.ly_setting .profile_area .img_area img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.ly_setting .profile_area .img_area:before,
.ly_setting .profile_area .img_area:after {
  display: inline-block;
  height: 100%;
  margin-left: -5px;
  vertical-align: middle;
  content: "";
}

.ly_setting .profile_area .txt_id {
  margin: 9px 24px 6px;
  color: #fff;
}

.ly_setting .setting_area {
  margin: 2px 28px 10px;
}

.ly_setting .setting_area dl {
  padding: 18px 0;
}

.ly_setting .setting_area dl + dl {
  border-top: 1px solid #f0f0f0;
}

.ly_setting .setting_area dt {
  font-weight: 600;
  color: #555;
}

.ly_setting .setting_area dd {
  line-height: 17px;
  color: #999;
}

.ly_setting .setting_area dd span {
  display: block;
  margin: 3px 0 14px;
}

.ly_setting .setting_area dd em {
  display: table;
  width: 100%;
}

.ly_setting .setting_area dd .btn_download {
  display: block;
  padding: 8px 0 11px;
  border: 1px solid #d5d5d5;
  background-color: #f3f6f9;
  font-weight: 600;
  color: #666;
  text-align: center;
}

.ly_setting .setting_area dd .btn_gray2 {
  border: 1px solid #949aa1;
  background-color: #9ea3aa;
  font-weight: 600;
  color: #fff;
  text-align: center;
}

.ly_setting .setting_area dd .btn_green2 {
  border: 1px solid #00c73c;
  background-color: #00c73c;
  font-weight: 600;
  color: #fff;
  text-align: center;
}

.ly_setting .img_area .mask {
  background-image: url(../img/sp_chat_popup.png);
  width: 84px;
  height: 84px;
  background-position: -285px 0px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -42px;
}

.ly_setting .btn_close3 {
  background-image: url(../img/sp_chat_ico.png);
  width: 15px;
  height: 15px;
  background-position: -124px 0px;
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 1111;
}

.chat_popup .sms {
  width: 240px;
  padding: 28px;
}

.chat_popup .sms .box_content {
  padding: 12px 0 24px;
}

.chat_popup .sms .desc {
  font-size: 13px;
  line-height: 1.7;
  color: #333;
  letter-spacing: -1px;
}

.chat_popup .sms .desc em {
  color: #00c73c;
}

.chat_popup .sms .desc strong {
  font-weight: normal;
  display: block;
  word-break: break-all;
}

.chat_popup .sms .btn_down {
  border-color: #d5d5d5;
  background-color: #f3f6f9;
  color: #666;
}

.chat_popup .sms .btn_confirm {
  border-color: #00c73c;
  background-color: #00c73c;
  color: #fff;
}

.chat_popup .sms .btn_default {
  border-color: #949aa1;
  background-color: #9ea3aa;
  color: #fff;
}

.chat_popup .sms .btn_disabled {
  border-color: #b8b9bf;
  background-color: #c4c5ca;
  color: #fff;
}

.chat_popup .sms .btn {
  margin: 16px 0 0 !important;
  padding: 12px 0;
  font-weight: bold;
  font-size: 12px;
}

.chat_popup .sms .btn_area_v1 .btn_confirm {
  float: left;
}

.chat_popup .sms .btn_area_v1:after {
  display: table;
  clear: both;
  content: "";
}

.chat_popup .sms .btn_area_v1 .btn {
  width: 48%;
}

.chat_popup .sms .btn_area_v1 .btn_cancel,
.chat_popup .sms .btn_area_v1 .btn_default,
.chat_popup .sms .btn_area_v1 .btn_disabled {
  float: right;
}

.chat_popup .sms .box_footer {
  padding-top: 20px;
  border-top: 1px solid #f0f0f0;
  text-align: center;
}

.chat_popup .sms .btn_clse_ly {
  background-image: url(../img/sp_chat_ico.png);
  width: 15px;
  height: 15px;
  background-position: -80px -77px;
  display: inline-block;
  position: absolute;
  top: 14px;
  right: 14px;
}

.chat_popup .sms .ico_noti {
  background-image: url(../img/sp_chat_popup.png);
  width: 80px;
  height: 80px;
  background-position: -285px -94px;
  display: inline-block;
  margin-bottom: 20px;
}

.chat_popup .sms_certi {
  height: 332px;
  padding: 76px 28px 0;
}

.chat_popup .sms_certi .box_content {
  padding-top: 0;
}

.chat_popup .sms_certi input[type="text"] {
  display: block;
  width: 90.83%;
  padding: 11px 10px 12px;
  border: 1px solid #d5d5d5;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
}

.chat_popup .sms_certi .btn {
  margin-top: 11px !important;
}

.chat_popup .sms_certi .box_footer {
  padding-top: 0;
  border-top: 0;
}

.chat_popup .sms_certi .box_footer .desc {
  margin-top: 18px;
}

.chat_popup .sms_certi .pass {
  color: #00c73c;
}

.chat_popup .sms_certi .pass strong {
  font-size: 11px;
}

.chat_popup .sms_certi .error {
  color: #f8403b;
}

.chat_popup .sms_certi .error strong {
  display: inline;
  font-size: 11px;
  vertical-align: middle;
}

.chat_popup .sms_certi .box_alert {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -29px 0 0 -56px;
  padding: 10px 15px;
  border-radius: 2px;
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.7);
  line-height: 1.6;
  color: #fff;
  text-align: center;
}

.section_chatting .chat_faq {
  position: relative;
}

.section_chatting .chat_faq .mCustomScrollBox {
  position: relative;
  max-height: 100% !important;
  z-index: 1;
}

.section_chatting
  .chat_faq
  .mCustomScrollBox.mCS-minimal
  + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.section_chatting
  .chat_faq
  .mCustomScrollBox.mCS-minimal
  + .mCSB_scrollTools
  + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.section_chatting
  .chat_faq
  .mCustomScrollBox.mCS-minimal-dark
  + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.section_chatting
  .chat_faq
  .mCustomScrollBox.mCS-minimal-dark
  + .mCSB_scrollTools
  + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  margin: 0;
}

.section_chatting .chat_faq .bg_opacity {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0.96;
  filter: alpha(opacity=96);
  background-color: #f0f2f5;
  z-index: 0;
}

.section_chatting .chat_faq .lst_guide_message {
  overflow: hidden;
  padding: 14px 16px 0;
}

.section_chatting .chat_faq .lst_guide_message li {
  float: left;
  position: relative;
  margin-bottom: 15px;
}

.section_chatting .chat_faq .lst_guide_message li + li {
  margin-left: 8px;
}

.section_chatting .chat_faq .lst_guide_message li > a {
  display: table;
  width: 100%;
  height: 35px;
  border-radius: 17px;
  background-color: #fafbfd;
  box-shadow: 0 1px rgba(0, 0, 0, 0.1);
}

.section_chatting .chat_faq .lst_guide_message li > a i {
  display: table-cell;
  vertical-align: middle;
}

.section_chatting .chat_faq .lst_guide_message li > a i img {
  vertical-align: middle;
  margin-right: 6px;
}

.section_chatting .chat_faq .lst_guide_message li > a span {
  display: table-cell;
  padding: 0 13px;
  font-size: 13px;
  font-weight: 600;
  vertical-align: middle;
}

.section_chatting .chat_faq .lst_guide_message .first_type > a {
  color: #486cff;
}

.section_chatting .chat_faq .lst_guide_message .second_type > a {
  color: #0d9ffb;
}

.section_chatting .chat_faq .lst_guide_message .third_type > a {
  color: #9d48da;
}

.section_chatting .chat_faq .lst_guide_message .fourth_type > a {
  color: #00c73c;
}

.section_chatting .chat_faq .mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-bottom: 0;
}

.section_chatting .chat_faq .mCSB_scrollTools {
  opacity: 1;
  filter: alpha(opacity=100);
}

.section_chatting .chat_faq .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 16px;
  left: 16px;
}

.section_chatting .ly_chat_toast {
  position: relative;
  margin: 0 -1px;
}

.section_chatting .ly_chat_toast .bg_opacity {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0.86;
  filter: alpha(opacity=86);
  background-color: #a0a5b0;
}

.section_chatting .ly_chat_toast a {
  display: block;
  position: relative;
  overflow: hidden;
  padding: 6px 16px;
  font-size: 13px;
  color: #fff;
  word-break: break-all;
}

.section_chatting .ly_chat_toast img {
  float: left;
  margin-right: 7px;
  border-radius: 50%;
}

.section_chatting .ly_chat_toast .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  margin-top: 3px;
  color: #fff;
  font-size: 13px;
  text-align: left;
}

.section_chatting .faq_toast {
  position: relative;
  margin: 0 -1px;
}

.section_chatting .faq_toast .bg_opacity {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0.86;
  filter: alpha(opacity=86);
  background-color: #a0a5b0;
}

.section_chatting .faq_toast P {
  position: relative;
  padding: 7px 14px 9px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  word-break: break-all;
}

.section_chatting .faq_toast .btn_close {
  position: absolute;
  right: 5px;
  top: 2px;
  padding: 9px;
}

.section_chatting .faq_toast .btn_close i {
  background-image: url(../img/sp_chat_layer.png);
  width: 10px;
  height: 9px;
  background-position: -97px -79px;
  display: block;
  font-size: 0;
}

.section_chatting .imageview {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 30;
}

.section_chatting .imageview > .inr {
  position: absolute;
  top: 50%;
  left: 50%;
  padding-right: 40px;
  text-align: center;
  z-index: 1;
}

.section_chatting .imageview > .inr img {
  display: block;
  max-width: 800px;
  max-height: 750px;
}

@media screen and (max-width: 836px) {
  .section_chatting .imageview > .inr img {
    max-width: 400px;
    max-height: 440px;
  }
}

@media screen and (max-height: 750px) {
  .section_chatting .imageview > .inr img {
    max-width: 400px;
    max-height: 440px;
  }
}

.section_chatting .imageview > .inr .btn_area {
  position: absolute;
  top: 0;
  right: 0;
}

.section_chatting .imageview > .inr .btn_area .btn_close {
  background-image: url(../img/sp_chat_layer.png);
  width: 24px;
  height: 23px;
  background-position: -103px 0px;
  display: inline-block;
}

.section_chatting .imageview .dimmed {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.section_chatting .image_util_area {
  position: absolute;
  bottom: 31px;
  left: 0;
  right: 0;
  z-index: 1;
  text-align: center;
}

.section_chatting .image_util_area .btn_wrap {
  position: relative;
  display: inline-block;
  padding: 0 20px;
  vertical-align: top;
  line-height: 1;
}

.section_chatting .image_util_area .btn_wrap + .btn_wrap {
  margin-left: 4px;
}

.section_chatting .image_util_area .btn_wrap .inner {
  display: block;
  border: 1px solid #2f333f;
  border-width: 1px 0;
  background: #383d4b;
  box-sizing: border-box;
  font-size: 13px;
  color: #9f9f9f;
}

.section_chatting .image_util_area .btn_wrap .chat_mask {
  display: block;
  position: absolute;
  top: 0;
  z-index: 10;
}

.section_chatting .image_util_area .btn_wrap .chat_mask.mask_left {
  background-image: url(../img/sp_chat_layer.png);
  width: 20px;
  height: 40px;
  background-position: -30px 0px;
  left: 1px;
}

.section_chatting .image_util_area .btn_wrap .chat_mask.mask_right {
  background-image: url(../img/sp_chat_layer.png);
  width: 20px;
  height: 40px;
  background-position: 0px 0px;
  right: 1px;
}

.section_chatting .image_util_area .paging {
  position: relative;
  min-width: 100px;
  padding: 12px 20px 13px;
}

.section_chatting .image_util_area .paging .highlight {
  color: #00c73c;
}

.section_chatting .image_util_area .paging a {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 14px 10px 0;
  z-index: 100;
}

.section_chatting .image_util_area .paging a i {
  display: inline-block;
  vertical-align: top;
}

.section_chatting .image_util_area .paging a.prev {
  left: -10px;
}

.section_chatting .image_util_area .paging a.prev i {
  background-image: url(../img/sp_chat_layer.png);
  width: 7px;
  height: 11px;
  background-position: -137px 0px;
}

.section_chatting .image_util_area .paging a.next {
  right: -10px;
}

.section_chatting .image_util_area .paging a.next i {
  background-image: url(../img/sp_chat_layer.png);
  width: 7px;
  height: 11px;
  background-position: -137px -21px;
}

.section_chatting .image_util_area .btn_original {
  padding: 12px 0 11px;
  font-weight: 600;
}

.section_chatting .image_util_area .btn_original:before {
  background-image: url(../img/sp_chat_layer.png);
  width: 16px;
  height: 16px;
  background-position: -69px -50px;
  display: inline-block;
  vertical-align: top;
  margin: -1px 6px 0 2px;
  content: "";
}

.section_chatting .border_top {
  opacity: 0.06;
  filter: alpha(opacity=6);
  position: absolute;
  top: -1px;
  right: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
}

.chat_layer {
  position: absolute;
  z-index: 5;
}

.ly_setting_wrap {
  position: relative;
  z-index: 5;
  width: 200px;
  border: 1px solid #999;
  background-color: #fff;
  padding: 0 20px;
}

.ly_setting_wrap .ly_setting_title {
  position: relative;
  border-bottom: 1px solid #ebebeb;
  z-index: 1;
}

.ly_setting_wrap .ly_setting_title > h2 {
  padding: 23px 0 19px;
  font-size: 14px;
  font-weight: 600;
}

.ly_setting_wrap .ly_chat_setting_close {
  position: absolute;
  top: 13px;
  right: 10px;
  padding: 10px;
  z-index: 5;
}

.ly_setting_wrap .ly_chat_setting_close > span {
  background-image: url(../img/sp_chat_layer.png);
  width: 9px;
  height: 9px;
  background-position: -38px -105px;
  display: inline-block;
}

.ly_setting_wrap .lst_setting_menu > li {
  position: relative;
  margin-top: -1px;
}

.ly_setting_wrap .lst_setting_menu > li:after {
  display: inherit;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background-color: #f7f7f7;
  content: "";
}

.ly_setting_wrap .lst_setting_menu > li:hover:after {
  background-color: #e8f0f8;
}

.ly_setting_wrap .lst_setting_menu > li:hover + li:after {
  background-color: #e8f0f8;
}

.ly_setting_wrap .menu_item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding: 19px 40px 20px 20px;
  margin: 0 -20px;
  font-size: 13px;
  font-weight: 600;
  color: #333;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.ly_setting_wrap .menu_item:hover {
  background-color: #f0f8ff;
  color: #3ea2ff;
}

.ly_setting_wrap .btn_toggle {
  background-image: url(../img/sp_chat_layer.png);
  width: 33px;
  height: 19px;
  background-position: 0px -50px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -9px;
}

.ly_setting_wrap .btn_toggle.active {
  background-image: url(../img/sp_chat_layer.png);
  background-position: -60px 0px;
}

.ly_setting_wrap .ico_link_arrow2 {
  background-image: url(../img/sp_chat_layer.png);
  width: 7px;
  height: 11px;
  background-position: -137px -42px;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -5px;
}

.ly_setting_wrap .setting_info {
  position: absolute;
  top: 19px;
  left: 0;
}

.ly_setting_wrap .setting_info > a {
  background-image: url(../img/sp_chat_layer.png);
  width: 16px;
  height: 16px;
  background-position: -43px -50px;
  position: relative;
  display: block;
  left: 55px;
}

.ly_setting_wrap .setting_info.active > p {
  display: block;
}

.ly_setting_wrap .setting_info > p {
  display: none;
  position: absolute;
  top: 23px;
  left: 0;
  z-index: 200;
  border: 1px solid #e5e1c6;
  background-color: #fffadc;
}

.ly_setting_wrap .setting_info > p > a {
  display: block;
  width: 155px;
  padding: 10px 14px 11px;
  line-height: 18px;
  letter-spacing: -1px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: #615f58;
}

.ly_setting_wrap .setting_info .setting_info_close {
  background-image: url(../img/sp_chat_layer.png);
  width: 12px;
  height: 11px;
  background-position: -75px -79px;
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 10px;
}

.ly_setting_wrap .setting_info .setting_info_tail {
  background-image: url(../img/sp_chat_layer.png);
  width: 11px;
  height: 6px;
  background-position: -103px -63px;
  display: inline-block;
  position: absolute;
  top: -6px;
  left: 57px;
}

.ly_setting_wrap .txt_alarm_info {
  position: relative;
  top: -1px;
  padding: 17px 0;
  border-top: 1px solid #f7f7f7;
  line-height: 18px;
  white-space: nowrap;
}

.ly_setting_wrap .txt_alarm_info p {
  letter-spacing: -0.3px;
}

.ly_setting_wrap .txt_alarm_info p + p {
  margin-top: 9px;
}

.ly_setting_wrap .txt_alarm_info span {
  color: #00c73c;
}

.ly_setting_wrap .txt_alarm_info > a {
  display: block;
  margin-top: 5px;
  color: #496efd;
}

.ly_setting_wrap .txt_alarm_info .ico_link_arrow {
  background-image: url(../img/sp_chat_layer.png);
  width: 4px;
  height: 5px;
  background-position: 0px -131px;
  display: inline-block;
  margin: -1px 0 1px 3px;
}

.chat_tooltip {
  z-index: 200;
  position: absolute;
  left: 0;
  border: 1px solid #e5e1c6;
  background-color: #fffadc;
  line-height: 18px;
  letter-spacing: -0.07em;
  color: #615f58;
}

.chat_tooltip p {
  display: inline-block;
  padding: 10px 0 11px 14px;
}

.chat_tooltip .btn_close {
  display: inline-block;
  padding: 14px 9px 14px 6px;
  background-color: transparent;
  vertical-align: top;
  cursor: pointer;
}

.chat_tooltip .btn_close i {
  background-image: url(../img/sp_chat_layer.png);
  width: 12px;
  height: 11px;
  background-position: -75px -79px;
  display: block;
}

.chat_tooltip .tooltip_tail {
  background-image: url(../img/sp_chat_layer.png);
  width: 11px;
  height: 6px;
  background-position: -103px -63px;
  display: inline-block;
  position: absolute;
  top: -6px;
  left: 57px;
}

.chat_tooltip .tooltip_tail.arr_bottom {
  background-image: url(../img/sp_chat_layer.png);
  width: 9px;
  height: 6px;
  background-position: -105px -105px;
  top: auto;
  bottom: -6px;
}

.chat_composite_option_area {
  position: relative;
}

.chat_composite_option_area .mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-bottom: 0;
}

.chat_composite_option_area .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 15px;
  right: 15px;
}

.chat_composite_option_area .list_btn_option {
  display: block;
  overflow: hidden;
  padding: 0 54px 18px;
  box-sizing: border-box;
  vertical-align: top;
  white-space: nowrap;
  text-align: center;
}

.chat_composite_option_area .btn_composite_option {
  display: inline-block;
  border-radius: 20px;
  border: 1px solid #bdcaf8;
  background-color: #fafbfd;
}

.chat_composite_option_area .btn_composite_option + .btn_composite_option {
  margin-left: 3px;
}

.chat_composite_option_area .text_option {
  display: block;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 600;
  color: #486cff;
}

.chat_composite_option_area .ico_pay {
  margin-top: 1px;
  margin-bottom: -1px;
}

.chat_composite_option_area ~ .ly_fixedmenu.type_chatting {
  position: absolute;
  bottom: 100%;
  margin-bottom: -55px;
}

.chat_composite_option_area.hide ~ .ly_fixedmenu.type_chatting {
  margin-bottom: 0;
}

.chat_layer_sticker {
  z-index: 100;
  margin: 0 -1px;
}

.chat_sticker {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 180px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #ccd0d7;
  background-color: #fafcfd;
  box-sizing: border-box;
}

.chat_sticker_tab {
  padding: 0 29px;
}

.chat_sticker_tab .chat_sticker_prev,
.chat_sticker_tab .chat_sticker_next {
  overflow: visible;
  position: absolute;
  top: 0;
  width: 28px;
  height: 44px;
  border: 0;
  background-color: #fafcfd;
  font-size: 11px;
  vertical-align: top;
  cursor: pointer;
}

.chat_sticker_tab .chat_sticker_prev i,
.chat_sticker_tab .chat_sticker_next i {
  display: inline-block;
  margin-top: 3px;
}

.chat_sticker_tab .chat_sticker_prev span,
.chat_sticker_tab .chat_sticker_next span {
  visibility: hidden;
  overflow: hidden;
  position: absolute;
  top: 0;
  font-size: 0;
  line-height: 0;
}

.chat_sticker_tab .chat_sticker_prev em,
.chat_sticker_tab .chat_sticker_next em {
  opacity: 0.06;
  filter: alpha(opacity=6);
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #000;
  z-index: 999;
}

.chat_sticker_tab .chat_sticker_prev {
  left: 0;
}

.chat_sticker_tab .chat_sticker_prev em {
  left: 28px;
}

.chat_sticker_tab .chat_sticker_prev i {
  background-image: url(../img/sp_chat_layer.png);
  width: 6px;
  height: 9px;
  background-position: -137px -101px;
}

.chat_sticker_tab .chat_sticker_prev:hover i {
  background-image: url(../img/sp_chat_layer.png);
  background-position: -73px -105px;
}

.chat_sticker_tab .chat_sticker_prev.disable i {
  background-image: url(../img/sp_chat_layer.png);
  width: 6px;
  height: 9px;
  background-position: -57px -105px;
}

.chat_sticker_tab .chat_sticker_next {
  right: 0;
}

.chat_sticker_tab .chat_sticker_next em {
  right: 28px;
}

.chat_sticker_tab .chat_sticker_next i {
  background-image: url(../img/sp_chat_layer.png);
  width: 6px;
  height: 9px;
  background-position: -89px -105px;
}

.chat_sticker_tab .chat_sticker_next:hover i {
  background-image: url(../img/sp_chat_layer.png);
  background-position: -137px -82px;
}

.chat_sticker_tab .chat_sticker_next.disable i {
  background-image: url(../img/sp_chat_layer.png);
  width: 6px;
  height: 9px;
  background-position: -137px -63px;
}

.chat_sticker_tab .chat_lst_sticker_set {
  overflow: hidden;
  height: 45px;
  padding-right: 48px;
  padding-left: 15px;
  white-space: nowrap;
}

.chat_sticker_tab .chat_lst_sticker_set button,
.chat_sticker_tab .chat_lst_sticker_set .btn_setup {
  overflow: visible;
  position: relative;
  display: inline-block;
  width: 56px;
  height: 44px;
  border: 0;
  background-color: #fafcfd;
  font-size: 11px;
  vertical-align: top;
  cursor: pointer;
}

.chat_sticker_tab .chat_lst_sticker_set > li {
  float: left;
}

.chat_sticker_tab .chat_lst_sticker_set > li + li {
  margin-left: -1px;
}

.chat_sticker_tab .chat_lst_sticker_set > li.on button:after {
  display: block;
  clear: both;
  position: absolute;
  left: 0;
  bottom: -1px;
  z-index: 11;
  width: 100%;
  height: 3px;
  background-color: #00cc26;
  content: "";
}

.chat_sticker_tab .chat_lst_sticker_set > li > img {
  margin-top: 1px;
}

.chat_sticker_tab .chat_lst_sticker_set > li .btn_setup {
  width: 42px;
  height: 18px;
  padding: 13px 0;
  text-align: center;
}

.chat_sticker_tab .chat_lst_sticker_set > li .ico_setup {
  width: 18px;
  height: 18px;
  background-position: -146px -206px;
  display: inline-block;
  vertical-align: top;
}

.btn_cross_more {
  position: absolute;
  top: 0;
  right: 28px;
  width: 48px;
  height: 44px;
  background-color: #fafcfd;
  border-left: 1px solid #dee0e5;
}

.btn_cross_more:after {
  width: 16px;
  height: 16px;
  background-position: -174px -206px;
  display: inline-block;
  margin-top: 15px;
  margin-left: 15px;
  vertical-align: top;
  content: "";
}

.btn_cross_more .ico_sticker_new {
  width: 15px;
  height: 15px;
  background-position: -200px -206px;
  display: block;
  position: absolute;
  top: 4px;
  right: 6px;
}

.chat_sticker_list {
  overflow: hidden;
  float: left;
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 135px;
  border-top: 1px solid #dee0e5;
  background: #fff;
  text-align: center;
}

.chat_sticker_list .mCSB_scrollTools {
  top: 6px;
  bottom: 6px;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: alpha(opacity=100);
}

.chat_sticker_list ul {
  overflow: hidden;
}

.chat_sticker_list li {
  float: left;
  width: 25%;
  height: 100px;
  margin: 15px 0;
}

.chat_sticker_list li.on:after {
  display: none;
}

.chat_sticker_list a {
  display: block;
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  vertical-align: middle;
}

.chat_sticker_list a img {
  width: 100%;
  vertical-align: middle;
}

.chat_sticker_list a:after {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}

.chat_sticker_list a span {
  visibility: hidden;
  overflow: hidden;
  position: absolute;
  top: 0;
  font-size: 0;
  line-height: 0;
}

.chat_sticker_list.v2 ul:hover a {
  opacity: 0.4;
}

.chat_sticker_list.v2 ul:hover a:hover {
  opacity: 1;
}

.stickerPopLayer {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.stickerPopLayer .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.stickerPopLayer .pop-layer {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  border: 0 solid #fff;
  z-index: 10;
  cursor: pointer;
}

@media (min-width: 568px) {
  .chat_sticker_list li {
    width: 20%;
  }
}

@media (min-width: 680px) {
  .chat_sticker_list li {
    width: 16.666%;
  }
}

@media (min-width: 764px) {
  .chat_sticker_list li {
    width: 25%;
  }
}

@media (min-width: 840px) {
  .chat_sticker_list li {
    width: 20%;
  }
}

@media (min-width: 950px) {
  .chat_sticker_list li {
    width: 16.666%;
  }
}

@media (min-width: 961px) {
  .chat_sticker_list li {
    width: 25%;
  }
}

@media (min-width: 1068px) {
  .chat_sticker_list li {
    width: 20%;
  }
}

@media (min-width: 1187px) {
  .chat_sticker_list li {
    width: 16.666%;
  }
}

@media (min-width: 1300px) {
  .chat_sticker_list li {
    width: 14.285%;
  }
}

.ly_fixedmenu {
  z-index: 1;
  position: relative;
  font-size: 13px;
  line-height: 16px;
}

.ly_fixedmenu:before {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 340px;
  height: 0;
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.11);
  content: "";
}

.ly_fixedmenu:after {
  background-image: url(../img/sp_chat_layer.png);
  width: 17px;
  height: 12px;
  background-position: -26px -79px;
  position: absolute;
  display: block;
  bottom: -11px;
  left: 17px;
  content: "";
}

.ly_fixedmenu.on > .list_fixedmenu {
  margin-left: -100%;
}

.ly_fixedmenu .menu_wrap {
  width: 340px;
  border: 1px solid #999;
  background-color: #fff;
  box-sizing: border-box;
}

.ly_fixedmenu.type_center {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -140px;
  margin-bottom: 13px;
}

.ly_fixedmenu.type_center .menu_wrap {
  font-weight: 600;
  text-align: center;
}

.ly_fixedmenu.type_center:after {
  left: 50%;
  margin-left: -8px;
}

.ly_fixedmenu.type_chatting:before {
  display: none;
}

.ly_fixedmenu.type_chatting > .list_fixedmenu {
  margin-left: 10px;
}

.ly_fixedmenu.type_chatting .menu_wrap {
  box-shadow: 0 0 5px #999;
}

.list_fixedmenu {
  position: relative;
}

.list_fixedmenu.on {
  left: -360px;
}

.list_fixedmenu > li {
  border-bottom: 1px solid #f7f7f7;
}

.list_fixedmenu > li:last-child {
  border-bottom: none;
}

.list_fixedmenu .btn_navi {
  position: relative;
  display: block;
  padding: 18px 20px;
}

.list_fixedmenu .btn_navi.has_depth {
  padding-right: 30px;
}

.list_fixedmenu .btn_navi .text {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: clip;
  color: #333;
}

.list_fixedmenu .btn_navi .ico_next {
  position: absolute;
  top: 50%;
  right: 19px;
  margin-top: -8px;
}

.list_fixedmenu .btn_navi .ico_next:after {
  background-image: url(../img/sp_chat_layer.png);
  width: 9px;
  height: 16px;
  background-position: 0px -105px;
  display: block;
  content: "";
}

.ly_submenu {
  position: absolute;
  left: -360px;
  bottom: 0;
}

.ly_submenu .submenu_header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  padding: 18px 20px 18px 40px;
  font-weight: 700;
  text-align: center;
  border-bottom: 1px solid #ebebeb;
}

.ly_submenu .ly_submenu {
  left: 0;
}

.ly_submenu .ly_submenu.on {
  left: 1078px;
  bottom: -2px;
}

.ly_submenu.on {
  left: 359px;
  bottom: -1px;
}

.ly_submenu.on .ly_submenu {
  left: -370px;
}

.ly_submenu .btn_back {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  padding: 18px 20px;
}

.ly_submenu .btn_back .ico_back {
  background-image: url(../img/sp_chat_layer.png);
  width: 9px;
  height: 16px;
  background-position: -19px -105px;
  display: block;
}

.notice_point_banner {
  position: relative;
  margin: 15px;
  border: 1px solid #e5e1c6;
  box-sizing: border-box;
  background: #fffadc;
  font-size: 12px;
  color: #615f58;
  text-align: center;
  z-index: 100;
}

.notice_point_banner .point_link {
  display: block;
  padding: 11px 0 9px;
}

.notice_point_banner .highlighting {
  position: relative;
  display: inline-block;
  height: 20px;
  margin-left: 6px;
  font-weight: bold;
  color: #3ea2ff;
}

.notice_point_banner .highlighting:after {
  position: absolute;
  right: 0;
  bottom: 4px;
  left: 22px;
  height: 1px;
  background: #3ea2ff;
  content: "";
}

.notice_point_banner .highlighting .ico_circle_point {
  background-image: url(../img/sp_chat_layer.png);
  width: 20px;
  height: 20px;
  background-position: -103px -33px;
  display: inline-block;
  margin: -2px 2px 0 0;
  vertical-align: middle;
}

.notice_point_banner .btn_close {
  background-image: url(../img/sp_chat_layer.png);
  width: 12px;
  height: 11px;
  background-position: -75px -79px;
  display: inline-block;
  position: absolute;
  top: 14px;
  right: 20px;
  content: "";
}

.chat_ly_banner {
  position: absolute;
  right: 0;
  bottom: 100%;
  left: 0;
}

.chat_ly_banner.offset {
  margin: 0 16px 17px;
}

.chat_ly_banner.circle {
  left: initial;
  margin: 17px 20px;
  text-align: right;
  line-height: 0;
  z-index: 9999;
}

.chat_ly_banner.circle .btn_close {
  position: absolute;
  right: -5px;
  top: -5px;
}

.chat_ly_banner.circle a {
  display: inline-block;
}

.chat_ly_banner.shoppingbot {
  left: initial;
  right: initial;
  z-index: 9;
}

.chat_ly_banner.shoppingbot .btn_shoppingbot {
  background-image: url(../img/sp_chat_ico.png);
  width: 68px;
  height: 67px;
  background-position: 0px 0px;
  position: relative;
  display: block;
}

.chat_ly_banner.shoppingbot_start {
  width: 224px;
  left: 50%;
  right: initial;
  margin-left: -112px;
  margin-bottom: 15px;
  background: url(../img/bg_btn_shoppingbot.png) no-repeat 0 0;
}

.chat_ly_banner.shoppingbot_start .btn_shoppingbot_start {
  display: block;
  padding: 10px 0 11px 12px;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  line-height: 1em;
}

.chat_ly_banner.shoppingbot_start .btn_shoppingbot_start:before {
  background-image: url(../img/sp_chat_ico.png);
  width: 24px;
  height: 22px;
  background-position: -46px -77px;
  display: inline-block;
  vertical-align: top;
  margin-top: -4px;
  margin-bottom: -1px;
  content: "";
}

.chat_ly_banner.shoppingbot_start .ico_close_white_xm {
  right: 6px;
  top: 7px;
}

.chat_ly_banner .chat_banner {
  display: block;
  background-color: #fff;
}

.chat_ly_banner .chat_banner.bg_blue {
  background-color: #5c8aed;
}

.chat_ly_banner .chat_banner.bg_deep_blue {
  background-color: #4074d4;
}

.chat_ly_banner .chat_banner.bg_purple {
  background-color: #5144d0;
}

.chat_ly_banner .chat_banner.bg_yellow {
  background-color: #fdfcea;
}

.chat_ly_banner .chat_banner.type_border {
  border: 1px solid #d7dbe1;
  border-radius: 2px;
}

.chat_ly_banner .chat_banner.type_border .img_banner {
  position: absolute;
  right: 1px;
  top: 1px;
}

.chat_ly_banner .chat_banner.align_center img {
  margin: 0 auto;
}

.chat_ly_banner img {
  display: block;
}

.chat_ly_banner .img_banner {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
}

.chat_ly_banner .content_absence {
  display: inline-block;
  padding: 16px 0 16px 104px;
  background: transparent url(../img/bg_counselor_absence.png) no-repeat 0 50%;
  text-align: left;
}

.chat_ly_banner .content_absence.shoppingbot {
  background-image: url(../img/bg_shoppingbot_absence.png);
}

.chat_ly_banner .content_absence strong {
  display: block;
  margin-bottom: 7px;
  font-size: 15px;
  font-weight: 600;
  color: #00c73c;
}

.chat_ly_banner .content_absence span {
  font-size: 12px;
  color: #3b3b3b;
}

.chat_ly_banner .btn_close {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 10;
  padding: 5px;
}

.chat_ly_banner .btn_close i {
  display: block;
}

.chat_ly_banner .btn_close.ico_close_white i {
  background-image: url(../img/sp_chat_ico.png);
  width: 15px;
  height: 15px;
  background-position: -124px 0px;
}

.chat_ly_banner .btn_close.ico_close_black i {
  background-image: url(../img/sp_chat_popup.png);
  width: 14px;
  height: 13px;
  background-position: -341px -217px;
}

.chat_ly_banner .btn_close.ico_close_white_xm i {
  background-image: url(../img/sp_chat_ico.png);
  width: 12px;
  height: 12px;
  background-position: 0px -123px;
}

.three-balls {
  margin: 10px auto 0;
  width: 60px;
  text-align: center;
}

.three-balls .ball {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  -webkit-animation: bouncedelay 3s infinite
    cubic-bezier(0.62, 0.28, 0.23, 0.99) both;
  animation: bouncedelay 3s infinite cubic-bezier(0.62, 0.28, 0.23, 0.99) both;
}

.three-balls .ball1 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.three-balls .ball2 {
  -webkit-animation-delay: -0.08s;
  animation-delay: -0.08s;
}

@keyframes bouncedelay {
  0% {
    bottom: 0;
    background-color: #03a9f4;
  }

  16.66% {
    bottom: 18px;
    background-color: #fb6542;
  }

  33.33% {
    bottom: -5px;
    background-color: #fb6542;
  }

  50% {
    bottom: 18px;
    background-color: #ffbb00;
  }

  66.66% {
    bottom: -5px;
    background-color: #ffbb00;
  }

  83.33% {
    bottom: 18px;
    background-color: #03a9f4;
  }

  100% {
    bottom: -5px;
    background-color: #03a9f4;
  }
}

@-webkit-keyframes bouncedelay {
  0% {
    bottom: 0;
    background-color: #03a9f4;
  }

  16.66% {
    bottom: 18px;
    background-color: #fb6542;
  }

  33.33% {
    bottom: -5px;
    background-color: #fb6542;
  }

  50% {
    bottom: 18px;
    background-color: #ffbb00;
  }

  66.66% {
    bottom: -5px;
    background-color: #ffbb00;
  }

  83.33% {
    bottom: 18px;
    background-color: #03a9f4;
  }

  100% {
    bottom: -5px;
    background-color: #03a9f4;
  }
}

.txt_conversation .btn, .swiper-wrapper .btn.type_a {
  display: block;
  text-align: center;
  line-height: 1.4;
  padding: 5px 5px 5px 11px;
  margin: 8px 0;
  text-align: left !important;
  height: auto !important;
  border-radius: 3px;
  font-weight: bold;
}

.txt_conversation .type_c,
.txt_conversation a.btn,
.swiper-wrapper .btn.type_a{
  font-size:14px;
  border: 1px solid #ff7d14;
  color: #6170ef;
  background-color: #ffffff;
  border-radius: 0 20px 20px 20px;
}

.txt_conversation .type_c:hover,
.txt_conversation a.btn:hover, 
.swiper-wrapper .btn.type_a:hover{
  background-color: #ff7d14;
  color: #ffffff !important;
}

/*# sourceMappingURL=talk_chatting.css.map */