@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap');
/* CSS Document */
body {-webkit-text-size-adjust:none}

/* BASIC */
html {margin:0; padding:0;} 
body {margin:0;overflow: hidden; display:block;} 

body, p, ul, ol, li, dl, dt, dd, form, table, th, td, fieldset, input, textarea, select, button, h1, h2, h3, h4, h5, h6, pre {margin:0; padding:0; -webkit-text-size-adjust:none; font-family:"Rubik",'Noto Sans KR', 'Noto Sans KR',sans-serif !important; }
/* 아이폰 가로모드 글자 크기 확대 방지: -webkit-text-size-adjust:none; */
body, input, textarea, select, button {color:#585858; font-size:12px; font-family: Dotum; } 

header, footer, nav, aside, section, article {display:block;} fieldset, img {border:0;} img {-ms-interpolation-mode:bicubic !important; border:0;} table {padding:0; border-spacing:0px; border:0; border-collapse:collapse;} ul, ol {list-style:none;}
a { color:#ffffff; text-decoration:none;}
input,textarea:focus { outline: none; }

.clear { clear:both; }
.chat_clear { clear: both; width: 3px; height: 1px; }


/*--------------------------pc-----------------------------------*/

#main{width: 360px; height: 660px; position:fixed;  top:10px; right:-10px; background-repeat: no-repeat;}
#chatBody{text-align:left; }
#chatBody a{word-break:break-all; color: dodgerblue;}

.container {width:320px; height: 616px; position: absolute; top: 10px; left: 10px;
  background: linear-gradient(to bottom, #6e4ac5, #df5bd7);
  background: -webkit-linear-gradient(to bottom, #6e4ac5, #df5bd7);
  border-radius:20px;
  box-shadow : 3px 3px 3px rgba(28,30,41,.2);
  -moz-box-shadow :  3px 3px 3px rgba(28,30,41,.2);
  -webkit-box-shadow : 3px 3px 3px rgba(28,30,41,.2);
} 


.chat_m {width:284px; height:578px; padding:0; margin:0 auto; background: #6e4ac5; padding:19px 18px;
background: -webkit-linear-gradient(to bottom, #6e4ac5, #df5bd7);
background: linear-gradient(to bottom, #6e4ac5, #df5bd7); border-radius:20px; 
box-shadow:0px 0px 10px rgba(0,0,0,0.8);
position:relative;
}
.chat_close {text-align:right;}*
.chat_close>img{cursor: pointer;}

.chat_con11{text-align: center;}
.chat_con {text-align:center; background:#fff; box-sizing:border-box; height:488px; overflow-y: auto; padding-bottom: 20px;}
.chat_company {z-index:9999; display:inline-block; *display:inline; zoom:1; width:75px; height:75px; border-radius: 50%; overflow:hidden; text-align:center; color:#fff;
font-size:32px; font-weight:bold; box-shadow: 5px 5px 5px rgba(28,30,41,.2); position:relative;}
.chat_company img{width: 100%;}
.chat_scon {display:inline-block; *display:inline; zoom:1; background-color:#fff; border-radius:20px; width:260px;
padding:53px 10px 0 10px; margin-top:-36px; height:375px; box-shadow: 4px 4px 4px rgba(28,30,41,.2);}
.chat_m_tit {display:inline-block; *display:inline; zoom:1; font-size:14px; width:240px; letter-spacing:-1px; font-weight:bold; color: #111; max-height:100px; overflow:hidden; -webkit-user-modify :read-only;}
.chat_m_tit img.emoji{width: 14px; vertical-align: middle;}
.chat_time {padding-top:20px; font-size:14px; border-top: 1px solid #000; margin-top: 20px;}



.chat_week {text-align:center; color: #111;font-weight:600;}
.chat_week ul{display:inline-block; *display:inline; zoom:1;}
.chat_week li{float:left; margin-left:9px; border:1px solid #111; border-radius:50px; width:21px; height:21px; text-align:center; color: #111; font-weight: 500;}
.chat_week li:first-child{margin-left:0px;}
.chat_time_tit {padding-bottom:15px; color: #111; font-weight: 500;}
.ch_time {font-size:12px;position: relative; transition: all 0.5s; display:inline-block; padding:5px 10px; border:1px solid #111; border-radius: 10px; cursor: pointer; margin-top:12px; font-weight:500; color: #111;}
.ch_time>div{color: #fff; width: 200px; padding: 10px 0; background:rgba(28,30,41,.7); position: absolute; top:100%; left:50%; transform: translateX(-50%); border-radius: 10px; display: none; z-index: 100;}
.ch_time>div>p{font-size:11px;}
.ch_time:hover>div{display: block;;}

.ch_response {font-size:12px;position: relative; transition: all 0.5s; display:inline-block; padding:5px 10px; border:1px solid #111; border-radius: 10px; cursor: pointer; margin-top:12px; font-weight:500; color: #111;}
.ch_response>div{color: #fff; width: 200px; padding: 10px 0; background:rgba(28,30,41,.7); position: absolute; top:100%; left:50%; transform: translateX(-50%); border-radius: 10px; display: none; text-align: center; z-index: 100;}
.ch_response>div>p{font-size:11px;}
.ch_response:hover>div{display: block;}

.chat_m_btn {background-color:#6e4ac5; border-radius:15px; padding:12px 0; color:#fff; font-size:14px; margin-top:20px; box-shadow: 4px 4px 4px rgba(28,30,41,.2); cursor: pointer;}
.chat_m_btn img{vertical-align: middle;}
.chat_link {padding-top:18px;}
.chat_link ul{display:inline-block; *display:inline; zoom:1;}
.chat_link li{float:left; margin:0 10px; text-align:center; cursor: pointer; width:40px;}
.chat_link li>img{width:100%}
#chatFoot{display:none;}
.chat_foot_logo{width:100%; position:absolute; bottom:10px;left:0px; z-index:10000001;}
.chat_foot_logo>a>img{display: inline-block; vertical-align: middle; width:15px;}
.chat_foot_logo>a>span{display: inline-block; vertical-align: middle; color: #fff; text-align: left; margin-left: 10px; font-weight: 400; font-size: 10px;}
.chat_foot_logo>a>span>span{font-size: 10px; font-weight: 400;}

.title_text {width: 320px;}
.one {margin: 29px 29px 0 29px;}
.close1{ float: right; cursor:pointer;}
.text_small {width: 130px;margin: 6px 0 0 29px; }

.box {margin: 0 auto; width: 300px; height: 417px; margin-top:42px; background:#ffffff; border-radius: 25px; padding-bottom:25px; }
.box1 {position: absolute; right: 35px;top:81px}
.text1 {width: 231px; margin-left: 21px; padding:32px 0 0 0; font-size: 12px; color:#000000; font-weight: bold;letter-spacing: -1px; max-height: 140px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10;}
.text2 {width: 231px; margin-left: 21px; margin-top: 14px; border-top: 1px solid #dcdcdc; font-size: 12px; color:#6e6e6e;  padding: 14px 0 14px 0;}
.text3 		 {display:inline-block; margin: 0 auto; margin-top:20px}
.text3 img 	 {float: left; margin-right: 7px;}
.text3 b 	 {line-height: 29px; font-size: 20px; font-weight: 600;letter-spacing: -1px; color: #151515;}

.mitalk_btn {width: 262px; height: 45px;  margin:auto;  background-image: url(./img/mtsend_pcbtn2.png); background-repeat: no-repeat;  }
.mitalk_btn a {width: 262px; height: 45px;}


.icon	{width: 260px; height: 52px; position: absolute; bottom: 84px; left:63px;}
/*--------------------------naver_btn--------------------------------*/

.n_b {width: 52px; height: 52px; float: left; margin: 0 10px; background-image: url(./img/pc_n2.png);  background-repeat: no-repeat;}
.n_b p {margin-left:30px; color: #ffffff; font-size: 16px;font-weight: 600;}

.n_b02 {width: 263px; height: 54px; margin:auto; line-height: 55px; background-image: url(./img/pc_n_bg.png);  background-repeat: no-repeat;}
.n_b02 p {margin-left:30px; color: #ffffff; font-size: 16px;font-weight: 600;}

/*--------------------------kakao_btn--------------------------------*/

.k_b {width: 52px; height: 52px;float: left; margin: 0 10px;   background-image: url(./img/pc_k2.png);  background-repeat: no-repeat;}
.k_b p {margin-left:30px; color: #3b200f; font-size: 16px;font-weight: 600;}

.k_b02 {width: 52px; height: 52px; margin:auto; margin-top: 10px; line-height: 55px; background-image: url(./img/pc_k_bg.png); background-repeat: no-repeat;}
.k_b02 p {margin-left:30px; color: #3b200f; font-size: 16px;font-weight: 600;}

/*--------------------------sms_btn--------------------------------*/

.sms_b {width: 54px; height: 54px; float: left;  margin: 0 10px;   background-image: url(./img/pc_sms2.png);  background-repeat: no-repeat;}
.sms_b p {margin-left:30px; color: #333333; font-size: 16px;font-weight: 600;}

.sms_b02 {width: 263px; height: 54px; margin:auto;  margin-top: 10px; line-height: 55px; background-image: url(./img/pc_sms_bg.png);  background-repeat: no-repeat;}
.sms_b02 p {margin-left:30px; color: #333333; font-size: 16px;font-weight: 600;}

/*--------------------------phone_btn--------------------------------*/

.phone_b {width: 263px; height: 54px; margin: 10px 29px 0 29px; line-height: 55px; background-image: url(./img/pc_phon_bg.png);  background-repeat: no-repeat;}
.phone_b p {margin-left:30px; color: #333333; font-size: 16px;font-weight: 600;}

.phone_b02 {width: 263px; height: 54px; margin:auto;  margin-top: 10px; line-height: 55px; background-image: url(./img/pc_phon_bg.png);  background-repeat: no-repeat;}
.phone_b02 p {margin-left:30px; color: #333333; font-size: 16px;font-weight: 600;}


.by_t 		{position: absolute;bottom: 28px; left: 113px;}
.by_t span  {line-height: 50px;font-size:9.9px; color:#ffffff;} 





/*--------------------------sms_--------------------------------*/


.sms_box {width: 300px;height: 470px; position:fixed;  bottom:58px; left:40px; background: #ffffff; border-radius: 20px; display:block;z-index: 10000; text-align: left;}

.sms_top {width: 270px; letter-spacing: -1px; padding: 20px 0 20px 30px; line-height: 16px; background-color: #e8ebed; border-radius: 22px 22px 0 0 ;}
.sms_top p   {width: 240px;}
.sms_top img {position: absolute; top: 15px; right: 20px; cursor:pointer;}
.sms_post {color: #1a1a1a; background: #ffffff; border-radius: 0 0 30px 30px; height: 273px; margin-left: 31px;}

.writerInfo {width: 260px; padding: 14px 0;}
/*.writerInfo input { width: 165px; height: 25px; border: 1px solid #d1d1d1; margin-left: 29px; padding-left: 5px;}*/
.writerInfo input { width: 170px; height: 25px; border: 1px solid #d1d1d1; margin-left: 28px; padding-left: 5px;}

.writerInfo1 {width: 260px; padding: 14px 0;border-top: 1px #d1d1d1 solid;}
.writerInfo1 input { width: 44px; height: 24px; border: 1px solid #d1d1d1; margin:0 7px 0 5px; text-align: center;}

.writerInfo2 {width: 260px; padding: 14px 0; border-top: 1px #d1d1d1 solid;}
.writerInfo2 input { width: 170px; height: 25px; border: 1px solid #d1d1d1; margin-left: 26px; padding-left: 5px;}

.writerInfo3 {width: 260px; padding: 14px 0px 20px 0px; border-top: 1px #d1d1d1 solid;}
.writerInfo3 input { width: 170px; height: 25px; border: 1px solid #d1d1d1; margin-left: 9px; padding-left: 5px; left:88px; position: absolute;}

.clear textarea  {width: 232px; height: 120px; border: 1px solid #d1d1d1; padding: 4px; }
.checkbox1 {width: 244px; margin-top: 3px;}
.checkbox1 input 	{vertical-align: middle;}
.checkbox1 span 	{letter-spacing: -1px;line-height: 15px; margin-left: 3px;}
.checkbox1 a{position: absolute; color:#919191; margin-left: 2px; font-size: 11px; letter-spacing: -1px;}
.checkbox1 textarea  {width: 240px; height: 128px; position: absolute; left: 31px; bottom: 129px;  }

.sms_B	{width: 244px; height: 44px; margin: auto;top:400px; left:30px; position: absolute;}
.sendB	{width: 244px; height: 44px; margin: auto;}
/*--------------------------chat----------------------------------*/

.main_chat {width: 320px; height: 701px; position:fixed;  display:none; top: 10px; right: 10px; z-index: 10000000;}


.chat_top {width:320px; height:70px; text-align: left; background-color: #7f51f3; border-radius:20px 20px 0 0; background: #6e4ac5; 
background: -webkit-linear-gradient(to right, #6e4ac5, #df5bd7);
background: linear-gradient(to right, #6e4ac5, #df5bd7); box-shadow: 3px 3px 8px rgba(28,30,41,.3);}
.chatback  {width:10px; position: absolute; top:22px; left: 14px;}
.top_t     {width: 250px; color:#fff; padding-top: 15px; margin-left: 37px; }
.top_t h3 {width: 240px;padding: 1px 0px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.top_t p  { width: 240px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; padding: 1px 0px; font-size: 13px; letter-spacing:-0.2px; font-weight:200;}
.top_t img {padding-top:2px; }
	
.chatclose {position: absolute; top: 22px; right: 18px;}

.autobot_active{height:510px !important}
.remarket_active{height:427px !important;}
.remarket_noactive{height:469px !important;}
.d			{text-align: center; line-height: 34px;color: #a6a6a6;}

.intro		{padding:8px;}
.tt			{height:22px;  }
.tt img     {display: inline-block; vertical-align: middle; height: 22px; overflow: hidden; border-radius: 50%;}
.name_m     {max-width: 100px; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;  line-height: 24px; font-size: 12px; display: inline-block; vertical-align: middle; letter-spacing: -1px; margin-right:4px; font-weight: 600; color:#111;}
.state_on_l	{width: 21px; height: 24px; float: left; letter-spacing: -1px;line-height: 26px; font-size: 10px; color: #a6a6a6;}
.tt span 	{font-size: 10px; color: #a6a6a6; margin-right: 15px; font-weight: 300; vertical-align: bottom; position: relative; top: -4px;}
.incon		{width: 240px; margin-left: 25px; background-color:#f1f2f7; padding: 11px; border-radius: 0 10px 10px; }

.auto_bot_cover{background:#f1f2f7; margin-left:32px; display:inline-block; border-radius: 0 10px 10px; border:1px solid #f1f2f7; width:calc(100% - 40px);}
.auto_bot_cover .botWrap{padding-left:0px;margin:10px auto 0; padding-bottom:10px; width:90%;}
.auto_bot_cover .con_t {margin-left:0px; margin-bottom:0px !important; padding:7px 11px;}
.auto_bot_cover .con_t3{padding:7px 11px; margin-bottom:0px !important; }
.auto_bot_cover .botBtn1{max-width: 100% !important;}
.auto_bot_cover>div:nth-child(1)>.con_t3{padding:0px;}
.con_l 		{margin:8px;  clear: both; }
.state_off_l{width: 42px; height: 24px; float: left; letter-spacing: -0.9px;line-height: 26px; color: #7f51f3;font-size:10.4px;}
.con_t		{max-width: 235px; font-size:14px; line-height:20px; min-width:50px;margin-left: 32px; margin-bottom: 6px; background-color:#f1f2f7; padding:7px 11px; border-radius: 0 10px 10px; display: inline-block; color: #111; word-break:break-all;}
.con_t	img {padding-top:4px; width: auto;}
.con_t2 	{margin-left: 25px; margin-bottom: 2px; border-radius: 0 10px 10px;  }
.con_tl		{margin-left: 25px; margin-top: 6px; background-color:#f1f2f7; padding: 11px; border-radius: 0 10px 10px;}
.con_tl	h4	{text-align: left; padding-bottom: 4px;}
.con_t ul{padding-left: 20px;}
.con_t li{ list-style: circle;}
.slide_chk_box{max-width:240px; display:block;}



.con_r	 	{margin:8px; float: right; overflow-x: hidden; text-align: right;}
/* .con_tr 	{width: 235px; border: 1px solid #e4e4e4;margin-top: 20px; padding: 11px;  border-radius:10px 0 10px 10px;} */
.con_tr 	{width: auto; max-width: 235px; text-align: right; border: 1px solid #e4e4e4; padding:7px 11px;  border-radius:10px 0 10px 10px; font-size: 13px; display: inline-block;}
.con_tr	h4	{text-align: right; padding-bottom: 4px;}
.cover		{width: auto; height: 170px; background-repeat: no-repeat; background-image: url(./img/m_n_bg.png); border:1px solid #efefef;}
.u01	{width: auto; text-align:right; padding-top: 4px; word-wrap:break-word;}
.u01 a 	{color: #585858; letter-spacing: -1px;}
.u01 b  {font-size:15px; letter-spacing: -2px;}
.u01 p  {color:#77787a; font-size: 11px; }
.u02	{width: auto; text-align:right; padding-top: 4px; word-wrap:break-word;}
.u02 a {color:#7f51f3;}
.con_tr02	{width: auto; border: 1px solid #e4e4e4;margin-top: 20px; padding: 11px;  border-radius:10px 0 10px 10px;}

.state_on_r	{width: 22px;float: left;line-height: 15px; font-size: 10px; color: #a6a6a6;  }
.con_r span {font-size: 10px; color: #a6a6a6; }
.state_off_r{width: 42px; height: 24px; float: left; letter-spacing: -0.9px; color: #7f51f3;font-size:10.4px;}



.t_box 		{width: 100%; position: absolute; bottom:85px; background-color: #fff; border-radius:0 0 18px 18px; overflow: hidden; z-index: 10000;}
.t_b		{width: 304px; height: 42px; margin: 8px; background-color:#f1f2f7; border-radius:62px;}
.file		{width:25px; height: 25px; text-align: center; position: absolute; left: 20px; bottom: 14px;}
.t_b textarea{ position: absolute; left: 55px; bottom: 20px; padding: 1px; font-size: 13px; background-color:#f1f2f7;  color:#8f8f8f;height:17px;}
.t_S		{letter-spacing: -1px; color: #8f8f8f; background: #7f51f3; width:30px; height: 30px; line-height: 30px; position: absolute; right:23px; bottom:14px; text-align: center; border-radius: 10px;}
.t_S img{vertical-align:text-bottom;}



/* proc_slide */
.proc_slide{}
.proc_slide .owl-stage{padding:20px 0;}
.proc_slide .item{background:#fff; padding:10px; border:1px solid #f1f1f1;  box-shadow: 0 3px 9px 0 rgba(169,184,200,.7);-webkit-box-shadow:0 3px 9px 0 rgba(169,184,200,.7);
  -moz-box-shadow:0 3px 9px 0 rgba(169,184,200,.7); border-radius:10px}
.proc_slide .item>a{width:100%; height:150px; position:relative; overflow:hidden; display:block;}
.proc_slide .item>a>img{height:100%; width:auto !important; position:absolute; top:0px; left:50%; transform: translateX(-50%);}

.proc_slide .product_name{color:black !important; display:block; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.proc_slide .product_price{font-size:19px; font-weight: bold; color:#111;}
.proc_slide .product_price>span{font-size:14px; font-weight:400}
.proc_slide .product_qna_btn{display: inline-block; padding: 5px 10px; background: #fff; color: #444; font-size: 13px; border:1px solid #e1e1e1; border-radius: 10px; margin-top: 5px; transition: all 0.5s; cursor: pointer;}
.proc_slide .product_qna_btn:hover{background: #444; color: #fff;}
.proc_slide .owl-nav{text-align: center;}
.proc_slide .owl-nav .owl-prev>span{font-size: 20px; width: 20px; height: 20px; line-height: 16px; border: 1px solid #f1f1f1; background: #fff; display:inline-block; border-radius: 50%; vertical-align: middle; border:1px solid #e1e1e1;}
.proc_slide .owl-nav .owl-next>span{font-size: 20px; width: 20px; height: 20px; line-height: 16px; border: 1px solid #f1f1f1; background: #fff; display:inline-block; border-radius: 50%; vertical-align: middle; border:1px solid #e1e1e1;}

/* sub_slide */
.arrow_down{width:100%;height:18px; line-height:18px; color:#fff; text-align:center; cursor: pointer; overflow: hidden; border-radius: 18px 18px 0 0; border:1px solid #cfd1d5; border-bottom: 0px;}
.arrow_down .reserve{transform: rotate( 180deg )}
.sub_slide{ width: 100%; border-bottom: 1px solid #f1f1f1; background: #fff; border: 1px solid #cfd1d5; border-top: 0px; display:none;}
.sub_slide .owl-stage{padding:4px 0;}
.sub_slide .item .sub_menu{padding:7px 10px; border: 1px solid #999999; color: #999999; font-weight: bold; font-size: 12px; border-radius: 10px; display: inline-block; font-weight: 500; cursor: pointer; margin-left: 20px;}
.sub_slide .item .sub_menu:hover{background: #99abbf; color: #fff;}



.qna_action_img{width:1005;display:inline-block;}
.qna_action_cont{width:100%;display:inline-block; padding-left:10px; padding-top:5px; font-size:13px; vertical-align:top; box-sizing:border-box;}

/* loader */

.loader_box{padding: 10px; border-radius: 0 10px 10px; background: #f1f2f7; margin-left: 32px; display: inline-block; }
.loader_box>span{width: 10px; height: 10px; display: inline-block; background: #585858; margin-right: 10px;border-radius: 50%;
-webkit-animation: load 1.8s infinite ease-in-out;
animation: load 1.8s infinite ease-in-out;
}
.loader_box>span:first-child{
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.loader_box>span:nth-child(2){
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
.loader_box>span:last-child{margin-right: 0px;}


.chat_profile_auto_form{box-sizing: border-box; border:1px solid #f1f1f1; -webkit-box-shadow:0px 1px 4px rgba(28,30,41,.2);box-shadow:0px 1px 4px rgba(28,30,41,.2); padding: 12px 20px; width:100%; max-width: 260px; margin-left: 23px; margin-bottom: 10px; position: relative; border-radius: 10px;}
.chat_profile_auto_form *{box-sizing: border-box;}
.chat_profile_auto_form>label{color: #7c8798; font-size: 14px; font-weight: bold; margin-bottom: 2px;}
.chat_profile_auto_form>input{width: 100%; border: 1px solid #e9ecef; border-radius:5px; font-size: 13px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; padding: 0.375rem 0.75rem; margin-bottom: 10px; color: #7c8798;}
.chat_profile_auto_form>input:focus{ color: #4F5467;background-color: #fff;border-color: rgba(0, 0, 0, 0.25); outline: 0; box-shadow: transparent;}
.chat_profile_auto_form button{padding: 3px 10px;  background:#fff; color:#7c8798; font-size:13px; border:1px solid #e9ecef; border-radius:5px;}
.chat_profile_auto_form button:hover{background: #7c8798; color: #fff; border:1px solid #7c8798;}
.chat_profile_auto_form .privacy_box_btn{font-size: 12px; font-weight: 400; cursor: pointer; color: #7c8798; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);}
.chat_profile_auto_form .privacy_box_btn>input{position: relative; top: 2px; margin-right: 3px;}
.chat_profile_auto_form .privacy_box_btn>span{cursor: pointer; color: #ccc; margin-left: 3px;}
.chat_profile_auto_form .privacy_box{position: absolute; width: calc(100% - 40px); font-size:12px; height: calc(100% - 51px); overflow-y: auto; background: rgba(255,255,255,1); border: 1px solid #e1e1e1; top: 12px; left: 50%; transform: translateX(-50%); padding: 10px;
resize:none; border-radius: 10px; white-space: pre-line; text-align: left; justify-content: left; display: none;}

.chat_profile_auto_form>input::-webkit-input-placeholder{color: #b8c3d5;opacity: 1; }
.chat_profile_auto_form>input::-moz-placeholder{color: #b8c3d5;opacity: 1; }
.chat_profile_auto_form>input:-ms-input-placeholder{color: #b8c3d5;opacity: 1; }
.chat_profile_auto_form>input::-ms-input-placeholder{color: #b8c3d5;opacity: 1; }
.chat_profile_auto_form>input::placeholder{color: #b8c3d5;opacity: 1; }

.blind{font-size: 10px; width: 10px; height: 10px; position: absolute; left:-500px; z-index: -1; opacity: 0; }

@-webkit-keyframes load {
    0%,
    80%,
    100% {
      opacity: 1;
    }
    40% {
      opacity: 0.3;
    }
}


@keyframes load {
    0%,
    80%,
    100% {
      opacity: 1;
    }
    40% {
      opacity: 0.3;
    }
}

.rep_class {border-bottom: 1px solid; color: #615d5d; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.trans_rep{
-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: trans_rep;
    animation-name: trans_rep;
}
@keyframes trans_rep {
  0% {
    transform: translateX(0px);
  }

  25% {
    transform: translateX(-30px);
  }

  50% {
    transform: translateX(30px);
  }

  75% {
    transform: translateX(0px);
  }
  /*100% {
    transform: none;
  }*/
}