*{  font-weight: 400; font-style: normal; box-sizing:border-box; margin:0; padding:0; list-style:none;}
*{margin:0;padding:0;}
html,body{width:100%;height:100%;}
.blank0{width:100%;height:0px;clear:both;}
.blank10{width:100%;height:10px;clear:both;}
.blank20{width:100%;height:20px;clear:both;}
.blank30{width:100%;height:30px;clear:both;}
.blank40{width:100%;height:40px;clear:both;}
.blank50{width:100%;height:50px;clear:both;}
.blank70{width:100%;height:70px;clear:both;}
.blank100{width:100%;height:100px;clear:both;}
.blind{width:100%;height:100%;position:fixed;z-index:500;background-color:#000000;opacity:0.5;display:none;}
.blind2{width:100%;height:100%;position:fixed;z-index:1030;background-color:#000000;opacity:0.5;display:none;}
.blind3{width:100%;height:100%;position:fixed;z-index:1600;background-color:#000000;opacity:0.5;display:none;}
.blind_limit{width:100%;height:100%;position:fixed;z-index:99900;background-color:#000000;opacity:0.5;display:none;}
.dwrap{width:100%;padding:20px 0px;}
.mtab_wrap{width:100%;border-bottom:1px solid #DBDBF3;padding:0px 15px 15px 20px;}
.a_pops{background-color:#ffffff;border-radius:30px;width:90%;left: 50%;  transform: translate(-50%, 0);position:fixed;top:30%;max-width:400px;padding:20px;z-index:99901;display:none;}
.pop_title{font-weight:500;font-size:18px;text-align:center;color:#444444;margin-top:10px;}
.pop_detail{font-size:16px;text-align:center;color:#636363;}
.pop_btn_wrap{width:280px;margin:0 auto;}
.pop_btn1{width:135px;border:1px solid #856ADB;border-radius:10px;text-align:center;line-height:37px;float:left;color:#856ADB;cursor:pointer;font-size:18px;}
.pop_btn2{width:135px;border:1px solid #856ADB;background-color:#856ADB;color:#ffffff;margin-left:10px;border-radius:10px;text-align:center;line-height:37px;float:left;cursor:pointer;font-size:18px;}
.fr{float:right;}


.mtab{width:110px;float:left;margin-right:8px;line-height:30px;border-radius: 30px;opacity: 0.8;text-align:center;color: var(--primary-purple, #907BB3);
background: rgba(172, 170, 218, 0.20);
text-align: center;
font-family: Pretendard;
font-size: 15px;
font-style: normal;
font-weight: 600;
letter-spacing: -0.6px;}



.tbon{color: #FFF;
background: var(--btpurple, #A086CB);
text-align: center;
font-family: Pretendard;
font-size: 15px;
font-style: normal;
font-weight: 600;
letter-spacing: -0.6px;}


.f_b1{line-height:45px;cursor:pointer;}
.fa-ellipsis-v{cursor:pointer;}
.write_re{cursor:pointer;}
.rbt{cursor:pointer;}
.report_box{cursor:pointer;}
img{cursor:pointer;}
.li_wrap{cursor:pointer;}




.ttabwrap{width:100%;line-height:45px;}
.ttabs{width:50%;float:left;border-bottom:1px solid #CCD9E8;
color: var(--Gray-text, #8C8C8C);
text-align: center;
font-family: Pretendard;
font-size: 18px;
font-style: normal;
font-weight: 500;
letter-spacing: -0.72px;
}
.ttabs_on
{
border-bottom:1px solid #000000;
color: var(--Common-Black, #383838);
text-align: center;
font-family: Pretendard;
font-size: 18px;
font-style: normal;
font-weight: 600;
letter-spacing: -0.72px;
}
.msearchs
{
	margin-top:7px;
	margin-bottom:5px;
	float:left;
	width:calc(100% - 140px);padding:5px 15px;
	height:32px;
	border-radius: 30px;
	border: 1px solid #F2F2F2;
	background: #F9F9F9;
	display:none;
}


.msearchs2
{
	margin-top:10px;
	margin-bottom:5px;
	margin-left:15px;
	width:calc(100% - 30px);padding:5px 12px;
	height:40px;
	border-radius: 10px;
	border: 1px solid #F2F2F2;
	background: #F9F9F9;
}

.sfield2{
width:calc(100% - 20px);
background: #F9F9F9;border:none;outline:none;
color: var(--Common-Black, #383838);
font-family: Pretendard;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 30px;
letter-spacing: -0.6px;
}


.sfield{background: #F9F9F9;border:none;outline:none; 
width:calc(100% - 20px);
color: var(--Common-Black, #383838);
font-family: Pretendard;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.6px;
}

.p_layer_full{width:100%;height:100%;z-index:1010;position:fixed;background-color:#ffffff;top:0;left:0;overflow-y:scroll;display:none;}
.p_layer_full2{width:100%;height:100%;z-index:1100;position:fixed;background-color:#ffffff;top:0;left:0;overflow-y:scroll;display:none;}
.pf_top{width:100%;position:relative;}
.pfimg{position:absolute;}
.pftitle
{
	width:100%;
	color: #383838;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
}
.pft{padding:0px 15px;}
.pftxt1
{
	color: #383838;
font-family: Pretendard;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 20px; /* 111.111% */
letter-spacing: -0.72px;
}
.pftxt2
{
	color: #8C8C8C;
font-family: NanumSquare;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 166.667% */
letter-spacing: -0.48px;
}

.pfshare{position:absolute;top:21px;right:15px;z-index:10000;}

.li_wrap{width:calc(100% - 50px);margin:0 auto;}
.li_imgs{width: 35px; height: 35px;border-radius:50%;overflow:hidden;float:left;margin-right:6px;}
.li_imgs_large{width: 180px; height: 180px;border-radius:50%;overflow:hidden;margin:0 auto;}
.li_b1{float:left;}
.li_b2{float:right;}
.li_b3{float:right;}
.li_uname
{
color:var(--Common-Black, #383838);
font-family: Pretendard;
font-size: 16px;
font-weight: 600;
line-height:40px;
}

.li_uname2
{
color:#000000;
}

.li_term{
margin-top:10px;
text-align:center;
padding: 5px 10px;
justify-content: center;
align-items: center;
border-radius: 30px;
background: #E8E8E8;
color: #383838;
font-family: Roboto;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.mbox_t1{float:left;margin-right:10px;vertical-align:middle;padding-top:4px;}
.mbox_t2{float:left;margin-right:10px;width:calc(100% - 60px);}
.mbox_t3{float:right;padding-top:7px;display:none;}


.li_user_text
{
width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
color: var(--Gray-text, #8C8C8C);
font-family: Pretendard;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.li_times
{
color: var(--Gray-text, #8C8C8C);
text-align: right;

font-size: 10px;
font-style: normal;
font-weight: 400;

}
.rep_wrap{width:100%;padding:0px 0px;}
.rep_cnt
{
padding:20px 0px;
color: var(--common-black, #383838);
font-family: Pretendard;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.rep_box_type1{width:100%;}
.rep_box_type2{width:100%;padding-left:40px;margin-top:20px;}
.rep_imgs{width: 30px; height: 30px;border-radius:50%;overflow:hidden;float:left;margin-right:6px;}
.rep_b1{float:left;width:calc(100% - 36px);}


.rep_uname
{
color: var(--common-black, #383838);
font-family: Pretendard;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 14px; /* 100% */
float:left;
}

.rep_date{
color: var(--gray-text, #8C8C8C);
font-family: Pretendard;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 14px;
float:left;
margin-left:8px;
}
.rep_detail
{
width:100%;
color: #565656;
font-family: Pretendard;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 142.857% */
margin-top:5px;
}
.rep_repbtn
{
color: var(--gray-text, #8C8C8C);
font-family: Pretendard;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 17px;
margin-top:5px;
}
.rep_int_wrap
{
width: 100%;
background: #FFF;
box-shadow: 0px 0px 10px 0px rgba(175, 175, 175, 0.20);
padding:10px 15px;
}
.rep_inputx{padding:0px 0px 0px 0px;width:calc(100% - 0px);}



.img_icon{width:100%;display:none;}

.rep_input
{
float:left;
width:calc(100% - 45px);padding:0px 10px 0px 10px;
height: 30px;
border-radius: 20px;
margin-top:5px;
border: 1px solid var(--basic-border-gray2);
background-color:#f5f5f5;
}
.rep_inputs{width:100%;outline:none;border:none;height:calc(100% - 8px);margin-top:4px;padding:0px 10px;}
.rep_msend
{
position:absolute;right:10px;margin-top:12px;z-index:10000;
}
.rep_alert
{
width: 100%;
padding:15px;
height: 50px;
background: #F2F2F2;
display:none;
}
.rep_ms
{
color: var(--gray-text, #8C8C8C);
font-family: Pretendard;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.vimo{vertical-align:middle;}
.talk_overflow{height:calc(100% - 130px);overflow-y:auto;}
.li_b1_talk{max-width:calc(100% - 110px);position:relative;}
.rep_simgs{float:left;margin-right:10px;margin-top:10px;}


.talk_al_wrap{width:100%;}
.talk_times
{
display:none;
margin-left:5px;
color: var(--Gray-text, #8C8C8C);
text-align: right;
font-family: Roboto;
font-size: 10px;
font-style: normal;
font-weight: 400;
vertical-align:bottom;
}
.talk_text_box
{
max-width:calc(100% - 0px);
float:left;
padding:10px;
border-radius: 0px 15px 15px 15px;
border: 1px solid #F2F2F2;
background: #FFF;
color: var(--Common-Black, #383838);
font-family: Pretendard;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 18.2px */
word-break: break-all;
}
.talk_text_box:after
{
width:60px;
  content: attr(data-time);
 position: absolute;
 line-height: 20px;
 display: block;
 bottom: 2px;
 z-index: 1;
 margin-left: 5px;
 left: 100%;
 color: var(--Gray-text, #8C8C8C);
text-align: left;
font-family: Roboto;
font-size: 10px;
font-style: normal;
font-weight: 400;
vertical-align:bottom;
}



.talk_text_box2
{
max-width:calc(100% - 0px);
float:right;
padding:10px;
border-radius: 15px 0px 15px 15px;
border: 1px solid #F2F2F2;
background: #FFF;
color: var(--Common-Black, #383838);
font-family: Pretendard;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 18.2px */
word-break: break-all;
}
.talk_text_box2:before
{
width:60px;
  content: attr(data-time);
 position: absolute;
 line-height: 20px;
 display: block;
 bottom: 2px;
 z-index: 1;
 margin-right: 5px;
 right: 100%;
 color: var(--Gray-text, #8C8C8C);
text-align: right;
font-family: Roboto;
font-size: 10px;
font-style: normal;
font-weight: 400;
vertical-align:bottom;
}
.talk_nick
{
color: var(--Gray-text, #8C8C8C);
font-family: Pretendard;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}

.talk_type_l{width:100%;padding:10px 15px 0px 15px;}
.pcenter{padding-top:30px;text-align:center;border-bottom:1px solid var(--basic-border-gray2);width:calc(100% - 30px);margin:0 auto;}
.talk_date
{
width:160px;margin:0 auto;
border-radius: 100px;
background: #EEE;
color: #999;
text-align: center;
font-family: Pretendard;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}

.talk_setbox
{
position:absolute;
width: 230px;
height: 108px;
border-radius: 20px;
background: #FFF;
box-shadow: 0px 0px 10px 0px rgba(175, 175, 175, 0.20);
right:0px;
margin-top:0px;
z-index:1300;
padding:10px 20px;
display:none;
}
.set_box_text
{
float:left;line-height:44px;
color: #444444;
font-family: Pretendard;
font-size: 18px;
font-style: normal;
font-weight: 500;
}
.set_box_img{float:right;padding-top:10px;}
.top_alert_type2{height:216px;padding:18px 15px;position:fixed;z-index:10000;border-radius:20px;background-color:#ffffff;left:20px;width:calc(100% - 40px);margin-top:200px;display:none;}

.t2_txt2
{
width:100%;
color: var(--Common-Black, #383838);
font-family: Pretendard;
font-size: 16px;
font-style: normal;
font-weight: 400;
}
.cen_line{padding:0px 20px;}
.li_block
{
color: var(--Gray-text, #8C8C8C);
font-family: Pretendard;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 40px;
}
.talk_in_img{padding:0px;border-radius: 15px 15px 15px 15px;max-width:100%;}
.re_txt2{line-height:50px;padding-left:10px;position:absolute;top:0;width:calc(100% - 15px);font-size:10pt;white-space:nowrap;overflow-x:scroll;outline:none;}
.rep_on_wrap{position:relative;z-index:2000;width:100%;height:100%;background-color:transparent;}











.li_icon{width:28px;height:28px;}
.li_nums{
width:28px;height:12px;color: var(--gray-text, #8C8C8C);
text-align: center;
font-family: Roboto;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: normal;
}


.li_detail
{
color: #383838;
font-family: Pretendard;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}

.li_img_list_wrap
{
display: flex;
height: 104px;

}
.bgf2{border-bottom:1px solid #f2f2f2;}
.li_img_list_wrap img{margin-right:8px;}

.p_layer1{
display:none;
position:fixed;
width:335px;height:300px;
padding-bottom: 0px;
border-radius: 20px;
background: #FFF;
z-index:1000;
left:50%;margin-left:-167px;
top:50%;margin-top:-150px;
box-shadow: 0px 0px 10px 0px rgba(55, 55, 190, 0.20);
}


.p_layer2{
display:none;
position:fixed;
width:335px;height:240px;
padding-bottom: 0px;
border-radius: 20px;
background: #FFF;
z-index:1000;
left:50%;margin-left:-167px;
top:50%;margin-top:-120px;
box-shadow: 0px 0px 10px 0px rgba(55, 55, 190, 0.20);
z-index:1050;
}

.p_layer3{
display:none;
position:fixed;
width:335px;height:260px;
padding-bottom: 0px;
border-radius: 20px;
background: #FFF;
z-index:1000;
left:50%;margin-left:-167px;
top:50%;margin-top:-130px;
box-shadow: 0px 0px 10px 0px rgba(55, 55, 190, 0.20);
z-index:1050;
}

.p1_top
{

width: 335px;
height: 64px;
padding: 18px 15px;

}
.p1_title
{
color: #383838;
font-family: Pretendard;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
float:left;
}
.p1_close{width: 28px;height: 28px;float:right;}
.p1_title_sub
{
padding-left:15px;
color: var(--middle-black, #565656);
font-family: Pretendard;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.p1_box1
{
clear:both;
width: 305px;
height: 45px;
margin:0 auto;
border-radius: 30px;
border: 1px solid var(--bt-frame-purple, #ACAADA);
background: #F3F3F9;
color: var(--btpurple, #A086CB);
text-align: center;
font-family: Pretendard;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 45px;
}



.pbox_on
{
background: var(--btpurple, #A086CB);
color:#ffffff;
}



.photobox
{
	display: flex;
width: 72px;
height: 72px;
padding: 22px 21px 21px 21px;
justify-content: center;
align-items: center;
border-radius: 2px;
border: 1px dashed #7A7AD3;
}
.pfinputbox
{
width: 100%;
height: 214px;
padding:10px;
border-radius: 10px;
border: 1px solid var(--bt-frame-purple, #ACAADA);
}
.pftextarea
{
width:100%;height:calc(100% - 15px);border:none;outline:none;


color: #8E8E8E;
font-family: Pretendard;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 153.846% */
letter-spacing: -0.52px;
}

.txt_btm
{
width:100%;line-height:15px;text-align:right;
color: #8E8E8E;
font-family: Pretendard;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.52px;
}
.pxt2{line-height:21px;}
.txt_lb{float:left;}
.txt_rb{float:right;}
.tf_type_tab
{
padding-top:6px;
width: 82px;
height: 30px;
border-radius: 30px;
background: #EEEEF8;
color: var(--primary-purple, #907BB3);
text-align: center;
font-family: Pretendard;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.56px;
margin-right:6px;
float:left;
}
.tf_type_tab_on
{
border-radius: 30px;
background: var(--btpurple, #A086CB);
color:#ffffff;
}
.bar_box{width:100%;height:34px;}
.bar_in{
margin-top:15px;
width: 100%;
height: 5px;
border-radius: 100px;
background: #E7E6F4;
}
.int_btn
{
width: calc(100% - 30px);
margin-left:15px;
height: 50px;
line-height:50px;
text-align:center;
border-radius: 10px;
background: var(--btpurple, #A086CB);
color: #FFF;
font-family: Pretendard;
font-size: 18px;
font-style: normal;
font-weight: 700;
}
.int_btn img{vertical-align:middle;}





.close_msg{float:right;}

.req_hidden{width:37px;height:1px;background-color:#8c8c8c;float:left;margin-top:6.5px;}
.req_hidden_txt
{
color: #8C8C8C;
float:left;
margin-left:5px;
font-family: Pretendard;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.rep_f_box
{
width:100%;padding:0px 15px 0px 15px;
border-radius: 20px 20px 0px 0px;
background: #FFF;
box-shadow: 0px 0px 10px 0px rgba(175, 175, 175, 0.20);
height:calc(100% - 104px);
}
.rep_layer{width:100%;height:100%;z-index:1020;position:fixed;background-color:#ffffff;top:0;left:0;overflow-y:scroll;display:none;}
.bottom_wraps{width:100%;}
.bottom_wraps2{position:fixed;bottom:0;width:100%;z-index:10;}
.rep_hidden{display:none;}
.rep_list_title
{
padding:20px 0px;
color: #383838;
font-family: Pretendard;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.rep_imgs_hidden
{
width: 30px;
height: 14px;
border-radius: 50%;
overflow: hidden;
float: left;
margin-right: 6px;
}

.u_t1
{
width:100%;text-align:center;
color: #383838;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.u_t2
{
width:100%;text-align:center;margin-top:10px;
color: #383838;
text-align: center;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.u_t3
{
width:100%;text-align:center;margin-top:5px;
color: var(--gray-text, #8C8C8C);
font-family: Pretendard;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.uf_btn_wrap{width:228px;margin:0 auto;}
.uf_btn
{
width:106px;height:35px;line-height:35px;float:left;
border-radius: 30px;
border: 1px solid var(--bt-frame-purple, #ACAADA);
background: #F3F3F9;
color: var(--btpurple, #A086CB);
text-align: center;
font-family: Pretendard;
font-size: 15px;
font-style: normal;
font-weight: 600;
margin-right:8px;
}
.rs_wrap{width:70px;margin:0 auto;}
.stars{float:left;padding-top:4px;}
.st_txt{float:left;margin-left:3px;color: var(--btpurple, #A086CB);
text-align: center;
font-family: Pretendard;
font-size: 15px;
font-style: normal;
font-weight: 600;}


.top_alert_type1
{
width:calc(100% - 40px);margin-left:20px;position:fixed;padding:18px 15px;height:64px;color:#383838;border-radius:20px;display:none;z-index:5000;
background: #FFF;
box-shadow: 0px 0px 10px 0px rgba(55, 55, 190, 0.20);
}


.top_alert_type_chat
{
width:calc(100% - 40px);margin-left:20px;position:fixed;padding:18px 15px;height:64px;color:#383838;border-radius:20px;display:block;z-index:15000;
background: #FFF;
top:30px;
box-shadow: 0px 0px 10px 0px rgba(55, 55, 190, 0.20);
}


.chk_img{float:left;}
.chk_txt
{
float:left;
color: #383838;
font-family: Pretendard;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height:30px;
margin-left:8px;
}
.chk_close{float:right;}

.top_alert_type3
{
width:calc(100% - 40px);margin-left:20px;position:fixed;padding:18px 15px;height:140px;color:#383838;border-radius:20px;z-index:5000;display:none;
background: #FFF;
box-shadow: 0px 0px 10px 0px rgba(55, 55, 190, 0.20);
}
.talk_join
{
float:right;background-color:#f5f5f5;width:84px;line-height:30px;border-radius:10px;margin-top:7px;
color: #383838;
text-align: center;
font-family: Pretendard;
font-size: 14px;
font-style: normal;
font-weight: 600;
vertical-align:middle;
}
.t2_txt1
{
width:100%;
justify-content: center;
align-items: center;
color: #383838;
font-family: Pretendard;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
padding-bottom:18px;
}
.t2_uimg{width: 40px; height: 40px;border-radius:50%;overflow:hidden;float:left;margin-right:6px;}
.t2_uname
{
float:left;
color: var(--common-black, #383838);
font-family: Pretendard;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 40px;
margin-left:8px;
}

.t2_btn1
{
width:calc(50% - 5px);
line-height:45px;
border-radius: 8px;
border: 1px solid #383838;
float:left;
color: #383838;
text-align: center;
font-family: Pretendard;
font-size: 18px;
font-style: normal;
font-weight: 600;

}
.t2_btn2
{
width:calc(50% - 5px);
line-height:45px;
border-radius: 10px;
background: var(--common-black, #383838);
float:right;
color: #FFF;
text-align: center;
font-family: Pretendard;
font-size: 18px;
font-style: normal;
font-weight: 600;

}