/*로그인, 회원가입, 아이디 및 비밀번호찾기*/

#mem{
	width:600px;
	margin:200px auto ;
}



#mem .titA{
	width:100%;
}


#mem .titA .tit{
	width:100%;
	font-family:'lora';
	font-size:48px;
	text-align:center;
	color:#c1c1c1
}

#mem .titA .subTit{
	width:100%;
	font-size:24px;
	text-align:center;
	margin:15px auto 0;
	color:#999;
}



#mem .formA{
	width:100%;
	margin-top:30px;
}

#mem .formA li{
	width:100%;
	margin-top:15px;
}

#mem .formA .w100{
	width:100%;
	padding:15px;
	box-sizing:border-box;
	border:1px solid #e5e5e5;
	font-size:15px;
	margin-top:10px;
}

#mem .formA .w70{
	width:70%;
	padding:15px;
	box-sizing:border-box;
	border:1px solid #e5e5e5;
	font-size:15px;
	vertical-align:middle;
}

#mem .formA label{
	width:29%;
	padding:15px;
	box-sizing:border-box;
	font-size:15px;
	vertical-align:middle;
	display:inline-block;
	color:#d9d9d9;
}

#mem .formA li span{
	width:100%;
	display:block;
	text-align:Right;
	font-size:14px;
	margin-top:10px;
	color:#999;
}



#mem .formA .opA{
	width:100%;
	display:inline-block;
	padding:10px 0px 30px;
}


#mem .formA .opA .opList{
	display:inline-block;
	width:100%;
}


#mem .formA .opA .opList li{
	display:inline-block;
	font-size:14px;
	color:#fff;
	margin-right:10px;
	width:auto
}

#mem .formA .opA .opList li a{
	color:#c1c1c1;
}

#mem .formA .opA .opList li:last-child{
	display:inline-block;
	float:right;
	margin-right:0;
}


#mem .submit{
	width:100%;
	padding:20px 0px;
	color:#fff;
	text-align:center;
	background:#EC004C;
	font-size:16px;
	cursor: pointer;
}



#mem .termA{
	width:100%;
	margin-top:50px;
	padding-top:50px;
	border-top:1px solid #444;
}


#mem .termA .container{
	width:100%;
}

#mem .termA .container dd{
	width:100%;
	margin-top:30px;
	font-size:14px;
	color:#999;
}

#mem .termA .container dd:first-child{
	margin-top:0px;
	border-bottom:1px solid #777;
	padding-bottom:30px;
}

#mem .termA .container .termBox{
	width:100%;
	padding:20px;
	height:250px;
	overflow-y:scroll;
	border:1px solid #444;
	box-sizing:border-box;
	margin-top:15px;
	line-height:22px;
	background:#222;
}



#mem .termA .container .termBox::-webkit-scrollbar {
	width: 0px;
}
#mem .termA .container .termBox::-webkit-scrollbar-track {
	background-color: #f7f7f7;
}

#mem .termA .container .termBox::-webkit-scrollbar-thumb{
	background: #e5e5e5;
}

#mem .termA .container .termBox::-webkit-scrollbar-button{
	display: none;
}


/*subpage common*/

#sub{width:100%;}

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:left;}

/*banner Common*/

/*pageNotice Common*/

#sub .noticeA{
	width:100%;
	padding:30px 0px;
	border-bottom:1px solid #444;
	border-top:1px solid #444;
}
#sub .noticeA .inner{
	width:1180px;
	margin:0 auto;
	position:relative;
}

#sub .noticeA .inner .pageNoticeVisual{
	width:100%;
}

#sub .noticeA .inner .pageNoticeVisual li{
	width:100%;
	position:Relative;
}

#sub .noticeA .inner .pageNoticeVisual li .ico{
	width:36px;
	display:inline-block;
	vertical-align:middle;
}

#sub .noticeA .inner .pageNoticeVisual li .ico img{
	width:100%;
}


#sub .noticeA .inner .pageNoticeVisual li .notify{
	width:90%;
	display:inline-block;
	overflow:Hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:18px;
	color:#999999;
	vertical-align:Middle;
	margin-left:10px;
}

#sub .noticeA .inner .pageNoticeVisual .slick-prev{
	position:absolute;
	width:9px;
	height:9px;
	right:0;
	background:url('../images/notice-prev.png') no-repeat;
	text-indent:-9999999px;
	background-size:100%;
	top:2px;
}

#sub .noticeA .inner .pageNoticeVisual .slick-next{
	position:absolute;
	width:9px;
	height:9px;
	right:0;
	background:url('../images/notice-next.png') no-repeat;
	text-indent:-9999999px;
	background-size:100%;
	bottom:2px;
}


/*memberList Common*/


.member{
	width:1180px;
	margin:20px auto 100px;
}

.member .tit{
	font-size: 30px;
	color: white;
	font-family: 'ONE-Mobile-bold'
}

.member .memberList{
	width:100%;
	display:inline-block;
}

.member .memberList li{
	width:32%;
	margin-left:2%;
	display:inline-block;
	float:left;
	background:#191919;
	margin-top:20px;
}

.member .memberList li:nth-child(3n+1){
	margin-left:0%;
}

.member .memberList li .thum{
	width:100px;
	height: 100px;
	margin:50px auto 0;
	background-repeat: no-repeat;
	background-size: 100%;
	border-radius: 50%;
	overflow: hidden;
}

.member .memberList li .thum img{
	width:100%;
	height: 100%;
	-webkit-user-drag: none;
}

.member .memberList li .nickname{
	width:100%;
	text-align:center;
	font-size:18px;
	color:#c1c1c1;
	margin-top:15px;
	font-family:'ONE-Mobile-bold';
}


.member .memberList li .grade{
	width:25px;
	line-height:25px;
	text-align:center;
	background:#f5564e;
	color:#fff;
	display:inline-block;
	margin-left:10px;
	border-radius:100%;
	font-size:13px;
	font-family:'lato'
}

.member .memberList li .time{
	font-size:14px;
	color:#999;
	text-align:center;
	margin-top:10px;
}


.member .memberList li .location{
	font-size:14px;
	color:#999;
	text-align:center;
	margin-top:10px;
}

.member .memberList li .comment{
	width:100%;
	text-align:center;
	color:#999;
	margin-top:20px;
	font-size:18px;
}

.category{
	width:100%;
	margin-top:20px;
	margin-bottom:10px;
	height:32px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.category dd{
	display:inline-block;
	border-radius:50px;
	padding:8px 10px;
	font-size:13px;
	color:#fff;
}

.category .pink{
	background:#EC004C;
}

.category .blue{
	background:#6770DF;
}

.category .yellow{
	background:#DFAF67;
}

.category .green{
	background:#6ADF67;
}

.member .memberList li .send{
	width:100%;
	padding:20px;
	box-sizing:border-box;
	text-align:center;
	border-top:1px solid #444;
	cursor:pointer;
}

.member .memberList li .send .ico{
	width:20px;
	display:inline-block;
	vertical-align:Middle;
}

.member .memberList li .send .ico img{
	width:100%;
}

.member .memberList li .send .tx{
	font-size:16px;
	display:inline-block;
	vertical-align:Middle;
	color:#C1C1C1;
	margin-left:5px;
}









.memberInfoPop .inner .mapA{
	width:100%;
	position:Relative;
	margin-top:20px;
}

.memberInfoPop .inner .mapA .map{
	width:100%;
	height:250px;
}


 .mapA .batA{
	width:100%;
	height:100%;
	position:absolute;
}

.mapA .batA .mylocation{
	width:30px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.mapA .batA .mylocation img{
	width:100%;
}

.mapA .batA .loginMemList{
	widtH:100%;
}

.mapA .batA .loginMemList li{
	width:auto;
	background:#fff;
	border-radius:50px;
	padding:10px;
	box-sizing:border-box;
	box-shadow:10px 10px 10px rgba(0,0,0,0.05);
	position:absolute;
	display:Flex;
}


.mapA .batA .loginMemList li:after{
	widtH:15px;
	height:15px;
	bottom:-7px;
	transform:rotate(-45deg);
	content:'';
	position:absolute;
	background:#fff;
	left:50%;
	margin-left:-7.5px;
}


.mapA .batA .loginMemList li:first-child{
	left:30px;
	top:50px;
}

.mapA .batA .loginMemList li:last-child{
	left:200px;
	top:90px;
}



.mapA .batA .loginMemList li .thum{
	width:30px;
	place-self:center;
}

.mapA .batA .loginMemList li .thum img{
	width:100%;
	-webkit-user-drag: none;
}


.mapA .batA .loginMemList li .txA{
	width:80%;
	place-self:center;
	padding-left:10px;
	box-sizing:Border-box;
}

.mapA .batA .loginMemList li .txA .age{
	font-size:13px;
	color:#EC004C;
	font-weight:700;
	font-family:'lato'
}

.mapA .batA .loginMemList li .txA .add{
	font-size:13px;
	color:#777;
	margin-top:5px;
}

.memberInfoPop .inner .infoA{
	width:100%;
}

.memberInfoPop .inner .infoA .nmLine{
	width:100%;
	display:inline-block;
	margin-top:10px;
}

.memberInfoPop .inner .infoA .nmLine .nm{
	display:inline-block;
	font-size:18px;
	color:#fff;
}

.memberInfoPop .inner .infoA .nmLine .position{
	display:inline-block;
	float:right;
	padding:8px 10px;
	background:#333333;
	font-size:14px;
	color:#fff;
	border-radius:5px;
}


.memberInfoPop .inner .infoA .chatLine{
	width:100%;
	display:flex;
	margin-top:10px;
}

.memberInfoPop .inner .infoA .chatLine .thum{
	width: 95px;
	height: 95px;
	background-repeat: no-repeat;
	background-size: 100%;
	border-radius: 50%;
	/*overflow: hidden;*/
	place-self: start;
}

.memberInfoPop .inner .infoA .chatLine .thum img{
	width:95px;
	height: 95px;
	border-radius: 50%;
	-webkit-user-drag: none;
}


.memberInfoPop .inner .infoA .chatLine .otCont{
	width:100%;
	place-self:start;
	padding-left:20px;
	box-sizing:border-box;
}

.memberInfoPop .inner .infoA .chatLine .otCont .chatBox{
	width:100%;
	padding:10px;
	box-sizing:border-box;
	height:95px;
	border:1px solid #444;
	background:#111;
	color:#c1c1c1
}


.memberInfoPop .inner .infoA .chatLine .otCont .category{
	width:100%;
	margin-top:10px;
}

.memberInfoPop .inner .infoA .arlList{
	width:100%;
	padding-left:20px;
	box-sizing:border-box;
}

.memberInfoPop .inner .infoA  .arlList li{
	width:100%;
	/*margin-top:10px;*/
	list-style:disc;
	color:#777;
	font-size:15px;
}


.memberInfoPop .inner .infoA .btnA{
	width:100%;
	margin-top:30px;
	text-align:center;
}

.memberInfoPop .inner .infoA .btnA button{
	display:inline-block;
	padding:15px 35px;
	font-size:16px;
	text-align:center;
	margin:0px 5px;
	cursor:pointer;
}

.memberInfoPop .inner .infoA .btnA .submit{
	color:#fff;
	background:#EC004C;
}
.memberInfoPop .inner .infoA .btnA .cancle{
	color:#fff;
	background:#191919;
	border:1px solid #444444;
}


.location{
	width:100%;
	position:relative;
}

.location .mapA{
	width:50%;
	height:90%;
	position:fixed;
}

.location .mapA .map{
	width:100%;
	height:100%;
}

.location .mapA .batA{
	z-index:1;
}




.location .member{
	width:50%;
	height:100%;
	overflow-y:scroll;
	position:fixed;
	padding:120px 30px 0px;
	box-sizing:Border-box;
	background:#111;
	margin:0;
	right:0;
	bottom:0;
}



.location .member::-webkit-scrollbar {
	width: 0px;
}
.location .member::-webkit-scrollbar-track {
	background-color: #f7f7f7;
}

.location .member::-webkit-scrollbar-thumb{
	background: #e5e5e5;
}

.location .member::-webkit-scrollbar-button{
	display: none;
}




.location .member .memSearchOpA{
	width:100%;
}

.location .member .memSearchOpA .opLine{
	width:100%;
	background:#111;
	border:1px solid #444;
	display:flex;
}


.location .member .memSearchOpA .opLine select{
	width:50%;
	display:inline-block;
	border-right:1px solid #444;
	padding:12px;
	place-self:center;
	background:#111;
	color:#fff;
}

.location .member .memSearchOpA .opLine button{
	width:5%;
	display:inline-block;
	background:#111;
}



.location .member .myLocation{
	width:100%;
	margin-top:30px;
}


.location .member .myLocation .myLocaIco{
	width:20px;
	display:inline-block;
	vertical-align:Middle;
}

.location .member .myLocation .myLocaIco img{
	width:100%;
}

.location .member .myLocation .tx{
	font-size:16px;
	color:#E5E5E5;
	display:inline-block;
	vertical-align:middle;
}


.location .member .memberList02{
	width:100%;
	display:inline-block;
	padding-bottom:20px;
}

.location .member .memberList02 li{
	width:48.5%;
	display:inline-block;
	vertical-align:top;
	margin-left:2%;
	border-radius:20px;
	background:#191919;
	padding:20px;
	box-sizing:border-box;
	margin-top:20px;
	cursor:pointer;
}

.location .member .memberList02 li:nth-child(2n+1){
	margin-left:0%;
}

.location .member .memberList02 li .send{
	width:100%;
	padding: 20px 20px 0;
	box-sizing:border-box;
	text-align:center;
	border-top:1px solid #444;
	cursor:pointer;
}

.location .member .memberList02 li .send .ico{
	width:20px;
	display:inline-block;
	vertical-align:Middle;
}

.location .member .memberList02 li .send .ico img{
	width:100%;
}

.location .member .memberList02 li .send .tx{
	font-size:16px;
	display:inline-block;
	vertical-align:Middle;
	color:#C1C1C1;
	margin-left:5px;
}

.location .member .memberList02 li .infoLine{
	width:100%;
	display:flex;
	padding-bottom:20px;
	border-bottom:1px solid #444;
}

.location .member .memberList02 li .infoline .thum{
	width: 100px !important;
	height: 100px !important;
	background-repeat: no-repeat;
	background-size: 100%;
	border-radius: 50%;
	/*overflow: hidden;*/
	place-self: start;
}


.location .member .memberList02 li .infoLine .grade{
	width:25px;
	line-height: 25px;
	text-align:center;
	background:#f5564e;
	color:#fff !important;
	display:inline-block;
	margin-left:10px;
	border-radius:100%;
	font-size:13px !important;
	font-family:'lato'
}

.location .member .memberList02 li .infoLine .thum img{
	width:100px;
	height: 100px;
	border-radius: 50%;
	-webkit-user-drag: none;
}


.location .member .memberList02 li .infoLine .infoA{
	width: 100%;
	place-self:start;
	padding-left:10px;
	box-sizing:border-box;
}


.location .member .memberList02 li .infoLine .infoA .add{
	display:inline-block;
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#fff;
	font-size:14px;
	padding:6px;
	background:#333333;
	border-radius:5px;
}

.location .member .memberList02 li .infoLine .infoA .myIf{
	width:100%;
	margin-top:15px;
	display:flex;
}

.location .member .memberList02 li .infoLine .infoA .myIf .sex{
	width:12px;
	place-self:center;
}

.location .member .memberList02 li .infoLine .infoA .myIf .sex img{
	width:100%;
}

.location .member .memberList02 li .infoLine .infoA .myIf .name{
	width:90%;
	place-self:center;
	padding-left:5px;
	box-sizing:border-box;
	font-size:16px;
	color:#fff;
	display:inline-block;
}
.location .member .memberList02 li .infoLine .infoA .myIf .name span{
	font-size:16px;
	color:#777;
	margin-left:5px;
	display:inline-block;
}



.location .member .memberList02 li .infoLine .infoA .comment{
	width:100%;
	margin-top:20px;
	color:#e5e5e5;
	font-size:15px;
	line-height:25px;
}

.location .member .memberList02 li .category{
	width:100%;
	margin-top:20px;
	margin-bottom:0;
}




















/*chatlist*/





.chat{
	width:1180px;
	margin:20px auto 100px;
}

.chat .tit{
	font-size:30px;
	color:#fff;
	font-family:'ONE-Mobile-bold';
}

.chat .boxA{
	width:100%;
	box-sizing:border-box;
	display:flex;
	margin-top:20px;
}


.chat .boxA .search{
	width:70%;
	padding:15px;
	border:1px solid #444;
	box-sizing:border-box;
	display:inline-block;
}

.chat .boxA .search .ico{
	width:20px;
	display:inline-block;
	vertical-align:middle;
}

.chat .boxA .search .ico img{
	width:100%;
}


.chat .boxA .search .searchInpup{
	width:90%;
	display:inline-block;
	vertical-align:middle;
	color:#c1c1c1;
	background:#111;
	margin-left:10px;
	line-height:20px;
}

.chat .boxA .search .searchInpup::placeholder{
	color:#999;
}


.chat .boxA .newArl{
	width:30%;
	padding:15px;
	border:1px solid #444;
	box-sizing:border-box;
	display:inline-block;
	margin-left:10px;
}

.chat .boxA .newArl .ico{
	width:23px;
	display:inline-block;
	vertical-align:Middle;
}

.chat .boxA .newArl .ico img{
	width:100%;
}


.chat .boxA .newArl .tx{
	font-size:14px;
	color:#999;
	display:inline-block;
	width:80%;
	vertical-align:middle;
	padding-left:10px;
}

.chat .boxA .newArl .newNum{
	display:inline-block;
	float:right;
	width:20px;
	line-height:20px;
	text-align:center;
	font-size:13px;
	border-radius:100%;
	background:#EC004C;
	color:#fff;
}






.chat .menuA{
	width:100%;
	margin-top:20px;
}

.chat .menuA dd{
	display:inline-block;
	padding:8px 12px;
	border-radius:50px;
	color:#999999;
	font-size:16px;
	cursor:pointer;
}

.chat .menuA .on{
	background:#222;
	border:1px solid #444;
	color:#c1c1c1;
}




.chat .cOpLine{
	width:100%;
	margin-top:50px;
	display:inline-block;
}


.chat .cOpLine .total{
	display:inline-block;
	font-size:15px;
	color:#777;
}


.chat .cOpLine .sort{
	display:inline-block;
	float:Right;
}

.chat .cOpLine .sort .subj{
	font-size:15px;
	color:#777;
	display:inline-block;
	vertical-align:middle;
}


.chat .cOpLine .sort select{
	display:inline-block;
	vertical-align:middle;
	background:#111;
	border:0;
	color:#EC004C;
}




.chat .chatList{
	width:100%;
	margin-top:20px;
}


.chat .chatList li{
	width:100%;
	margin-top:15px;
	border-radius:20px;
	background:#191919;
	padding:30px;
	box-sizing:Border-box;
	display:flex;
	cursor:pointer;
}

.chat .chatList li:first-child{
	margin-top:0;
}


.chat .chatList li:hover{
	border:1px solid #444;
}



.chat .chatList li .thum{
	width:100px;
	height: 100px;
	background-repeat: no-repeat;
	background-size: 100%;
	border-radius: 50%;
	overflow: hidden;
	display:inline-block;
	place-self:center;
}

.chat .chatList li .thum img{
	width:100%;
	height:100%;
	-webkit-user-drag: none;
}




.chat .chatList li .chatifA{
	width:90%;
	display:flex;
	place-self:center;
	padding-left:30px;
	box-sizing:border-box;
}

.chat .chatList li .chatifA .chatA{
	width:70%;
	place-self:center;
}

.chat .chatList li .chatifA .chatA .memInfo{
	width:100%;
}

.chat .chatList li .chatifA .chatA .memInfo .sex{
	width:12px;
	display:inline-block;
	vertical-align:middle;
}

.chat .chatList li .chatifA .chatA .memInfo .nmA{
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
}

.chat .chatList li .chatifA .chatA .memInfo .nmA div{
	display:inline-block;
	border-right:1px solid #fff;
	padding:0px 10px;
	box-sizing:border-box;
	font-size:16px;
	color:#fff;
}

.chat .chatList li .chatifA .chatA .memInfo .nmA div:first-child{
	padding:0px 10px 0px 0px;
}

.chat .chatList li .chatifA .chatA .memInfo .nmA div:last-child{
	border:0;
}


.chat .chatList li .chatifA .chatA .memInfo .category{
	display:inline-block;
	margin:0;
	vertical-align:middle;
	width:auto;
}

.chat .chatList li .chatifA .chatA .message{
	width:100%;
	overflow:Hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:16px;
	color:#777;
	margin-top:20px;
}




.chat .chatList li .chatifA .ifA{
	width:30%;
	place-self:center;
	text-align:right;
}


.chat .chatList li .chatifA .ifA .new{
	width:30px;
	line-height:30px;
	border-radius:50px;
	color:#fff;
	background:#EC004C;
	text-align:Center;
	font-size:14px;
	font-family:'lato';
	display:inline-block;
	vertical-align:Middle;
}


.chat .chatList li .chatifA .ifA .dateA{
	display:inline-block;
	vertical-align:Middle;
	margin-left:10px;
}

.chat .chatList li .chatifA .ifA .dateA .date{
	font-size:16px;
	color:#777;
	font-family:'lato';
}

.chat .chatList li .chatifA .ifA .dateA .ago{
	font-size:13px;
	color:#777;
	margin-top:10px;
	font-family:'lato','ONE-Mobile-regural';
}


.chat .chatList li .chatifA .ifA .dateA .arlTx{
	font-size:16px;
	color:#EC004C;
}


.chat .chatList li .chatifA .ifA .opBtn{
	display:inline-block;
	vertical-align:Middle;
	width:30px;
	margin-left:10px;
}


.chat .chatList li .chatifA .ifA .opBtn img{
	width:100%;
}






.chat .chatListEmpty{
	width:100%;
	padding:100px 0px;
}


.chat .chatListEmpty h2{
	text-align:Center;
	font-size:24px;
	color:#c1c1c1
}


.chat .chatListEmpty h5{
	text-align:Center;
	font-size:18px;
	color:#999;
	margin-top:20px;
}




/*채팅 보기*/



.chat .chatView{
	width:100%;
	border:1px solid #444;
	background:#191919;
	margin-top:20px;
}

.chat .chatView .wh_info{
	width:100%;
	padding:20px;
	border-bottom:1px solid #444;
	box-sizing:border-box;
	display:flex;
	justify-content: space-between;
	align-items: center;
}

.chat .chatView .wh_info .infoMem{
	/*display:inline-block;*/
	display:flex;
	align-items: center;
	width:80%;
}

.chat .chatView .wh_info .infoMem .sexIco{
	/*display:inline-block;*/
	width:14px;
	vertical-align:middle;
}


.chat .chatView .wh_info .infoMem .sexIco img{
	width:100%;
}

.chat .chatView .wh_info .infoMem .nameA{
	display:flex;
	/*display:inline-block;*/
	/*vertical-align:middle;*/
}


.chat .chatView .wh_info .infoMem .nameA div{
	/*display:inline-block;*/
	border-right:1px solid #c1c1c1;
	color:#c1c1c1;
	padding:0 5px;
	font-size:16px;

}


.chat .chatView .wh_info .infoMem .add{
	/*display:inline-block;*/
	/*vertical-align:middle;*/
	font-size:16px;
	padding:0 5px;
	color:#999;
}

.chat .chatView .wh_info .infoMem .category{
	display:inline-block;
	width:auto;
	margin:0;
	padding:0;
	vertical-align:middle;
}



.chat .chatView .wh_info .exitIco{
	display:inline-block;
	float:right;
	width:24px;
	margin-top:3px;
}


.chat .chatView .wh_info .exitIco img{
	width:100%;
}


.chat .chatView .wh_info .sirenIco{
	display:inline-block;
	float:right;
	width:30px;
	margin-right: 10px;
}

.chat .chatView .wh_info .sirenIco img{
	width: 100%;
}




.chat .chatView .chatbox{
	width:100%;
	padding:30px 30px;
	box-sizing:border-box;
	min-height:600px;
	max-height:600px;
	overflow-y:scroll;
}



.chat .chatView .chatbox::-webkit-scrollbar {
	width: 1px;
}
.chat .chatView .chatbox::-webkit-scrollbar-track {
	background-color: #444;
}

.chat .chatView .chatbox::-webkit-scrollbar-thumb{
	background: #e5e5e5;
}

.chat .chatView .chatbox::-webkit-scrollbar-button{
	display: none;
}
.chat .chatView .chatbox .chatInfoArl{
	text-align:Center;
	font-size:15px;
	color:#777;
	line-height:23px;
}

.chat .chatView .chatbox .chatInfoArl span{
	color:#d30000
}


.chat .chatView .chatbox .t_date{
	width:100%;
	text-align:center;
	color:#777;
	font-family:'lato';
	font-size:15px;
	margin-top:50px;
}

.chat .chatView .chatLsitA{
	width:100%;
	display:inline-block;
}

.chat .chatView .chatLsitA .part{
	width:100%;
	text-align:left;
}


.chat .chatView .chatLsitA .me{
	width:100%;
	text-align:right;
}





.chat .chatView .chatLsitA .messageList{
	width:50%;
	display:inline-block;
}

.chat .chatView .chatLsitA .messageList li{
	width:100%;
	margin-top:5px;
}

.chat .chatView .chatLsitA .messageList li .messageBox{
	width:100%;
	padding:12px;
	box-sizing:border-box;
	font-size:15px;
	word-break:keep-all;
	max-width:80%;
	display:inline-block;
	vertical-align:bottom;
	width:auto;
}

.chat .chatView .chatLsitA .messageList li .date{
	display:inline-block;
	vertical-align:bottom;
	font-size:12px;
	color:#777;
	padding-left: 5px;
	padding-right: 5px;
}


.chat .chatView .chatLsitA .part .messageList li .messageBox{
	border-radius:0px 10px 10px 10px;
	background:#444444;
	color:#e5e5e5;

}

.chat .chatView .chatLsitA .me .messageList li .messageBox{
	border-radius:10px 0px 10px 10px;
	background:#FDE6ED;
	color:#222;
}

.chat .chatView .sendBoxA{
	width:100%;
	padding:20px;
	border-top:1px solid #444;
	box-sizing:border-box;
}

.chat .chatView .sendBoxA .popup_btn{
	display: flex;
	width: 100%;
	height: 45px;
}

.chat .chatView .sendBoxA .popup_btn input {
	width: 50%;
	height: 100%;
	font-size: 18px;
	font-weight: 400;
	border: none;
	color: white;
	cursor: pointer;
}

.chat .chatView .sendBoxA .popup_btn input:first-child {
	background:#000;
}
.chat .chatView .sendBoxA .popup_btn input:last-child {
	background:#EC004C;
}


.chat .chatView .sendBoxA .box{
	width:100%;
	border:1px solid #444;
	border-radius:10px;
	display:flex;
}

.chat .chatView .sendBoxA .box .sendInput{
	width:90%;
	place-self:center;
	padding:15px;
	border-right:1px solid #444;
	display:flex;
}

.chat .chatView .sendBoxA .box .sendInput .sendBox{
	width:95%;
	place-self:center;
	background:#191919;
	color: #E5E5E5;
}

.chat .chatView .sendBoxA .box .sendInput .file{
	width:5%;
	place-self:center;
	text-align:Right;
}

.chat .chatView .sendBoxA .box .sendInput .file input{
	display:none;
}

.chat .chatView .sendBoxA .box .sendInput .file label{
	width:15px;
	display:inline-block;
	cursor:pointer;
}

.chat .chatView .sendBoxA .box .sendBtn{
	width:10%;
	place-self:center;
	text-align:center;
	background:#191919;
	cursor:pointer;
}






/*mypageProfile*/

.mypage{
	width:1180px;
	margin:20px auto 100px;
}


.mypage .myProfileA{
	width:100%;
	display:flex;
}

.mypage .myProfileA .myprofile{
	width:100%;
}

.mypage .myProfileA .myprofile{
	width:25%;
	background:#191919;
	padding:20px 20px;
	box-sizing:border-box;
	border-radius:20px;
}


.mypage .myProfileA .myprofile .thumA{
	width:120px;
	position:relative;
	margin:0 auto;
}

.mypage .myProfileA .myprofile .thumA .thum{
	width:120px;
	height: 120px;
	background-repeat: no-repeat;
	background-size: 100%;
	border-radius: 50%;
	overflow: hidden;
	display:inline-block;
	place-self:center;
	cursor:pointer;
}


.mypage .myProfileA .myprofile .thumA .thum img{
	width:100%;
	-webkit-user-drag: none;
}


.mypage .myProfileA .myprofile .thumA .modifyBtn{
	width:30px;
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
}
.mypage .myProfileA .myprofile .thumA .modifyBtn img{
	width:100%;
}


.mypage .myProfileA .myprofile .deInfoA{
	width:100%;
	text-align:Center;
	margin-top:15px;
}


.mypage .myProfileA .myprofile .deInfoA div{
	display:inline-block;
	padding:0px 5px;
	border-right:1px solid #c1c1c1;
	font-size:15px;
	color:#c1c1c1;
}


.mypage .myProfileA .myprofile .deInfoA div:last-child{
	border-right:0px solid #c1c1c1;
}


.mypage .myProfileA .myprofile .add{
	text-align:Center;
	word-break:keep-all;
	font-size:14px;
	color:#777;
	margin-top:10px;
}

.mypage .myProfileA .myprofile .keyBtn{
	width:100%;
	margin:30px auto 0;
	background:#EC004C;
	text-align:center;
	font-size:15px;
	color:#fff;
	padding:12px 0px;
	border-radius:10px;
	cursor:pointer;
}


.mypage .myProfileA .myprofile .dtInfoList{
	width:100%;
	margin-top:20px;
}

.mypage .myProfileA .myprofile .dtInfoList li{
	width:100%;
	padding:12px 20px;
	border:1px solid #444;
	background:#212121;
	box-sizing:border-box;
	border-radius:10px;
	margin-top:10px;
}

.mypage .myProfileA .myprofile .dtInfoList li:first-child{
	margin-top:0px;
}



.mypage .myProfileA .myprofile .dtInfoList li .subj{
	font-size:14px;
	color:#999;
	font-family:'lato','One-Mobile-Regural';
}

.mypage .myProfileA .myprofile .dtInfoList li .subs{
	font-size:14px;
	color:#444;
	font-family:'lato','One-Mobile-Regural';
	margin-top:10px;
}

.mypage .myProfileA .myprofile .dtInfoList li .subs img{
	width: 24px;
}


.mypage .myProfileA .myprofile .commentA{
	width:100%;
	margin-top:20px;
}

.mypage .myProfileA .myprofile .commentA .subjLine{
	width:100%;
	display:inline-block;
}

.mypage .myProfileA .myprofile .commentA .subjLine .subj{
	display:inline-block;
	font-size:16px;
	color:#777;
}

.mypage .myProfileA .myprofile .commentA .subjLine .ico{
	display:inline-block;
	width:20px;
	float:Right;
}


.mypage .myProfileA .myprofile .commentA .subjLine .ico img{
	width:100%;
}


.mypage .myProfileA .myprofile .commentA .comment{
	width:100%;
	font-size:18px;
	color:#c1c1c1;
	margin-top:10px;

}

.mypage .myProfileA .myprofile .commentA .comment input {
	width:100%;
	padding:5px;
	box-sizing:border-box;
	border:1px solid #e5e5e5;
	font-size:15px;
	margin-bottom: 5px;
}
.mypage .myProfileA .myprofile .commentA .comment input:last-child {
	margin-bottom: 0;
}

.mypage .myProfileA .myprofile .myPoint{
	width:100%;
	margin-top:20px;
}

.mypage .myProfileA .myprofile .myPoint .subjLine{
	width:100%;
	display:inline-block;
}


.mypage .myProfileA .myprofile .myPoint .subjLine .subjA{
	display:inline-block;
}

.mypage .myProfileA .myprofile .myPoint .subjLine .subjA .subj{
	font-size:16px;
	color:#777;
}

.mypage .myProfileA .myprofile .myPoint .subjLine .subjA .bringP{
	font-size:24px;
	font-family:'lato';
	color:#999;
	margin-top:5px;
}

.mypage .myProfileA .myprofile .myPoint .subjLine .subjA .bringP span{
	color:#EC004C;
}

.mypage .myProfileA .myprofile .myPoint .subjLine .keyBtn{
	display:inline-block;
	padding:12px 15px;
	background:#EC004C;
	cursor:pointer;
	color:#fff;
	border-radius:10px;
	width:100%;
	box-sizing:border-box;
}






.mypage .myProfileA .myprofile .myPoint .levelList{
	display:inline-block;
	width:100%;
	margin-top:30px;
}

.mypage .myProfileA .myprofile .myPoint .levelList .subj{
	display:inline-block;
	font-size:16px;
	color:#777777;
}

.mypage .myProfileA .myprofile .myPoint .levelList .subs{
	display:inline-block;
	font-size:16px;
	color:#777777;
	float:right;
}






.mypage .myProfileA .myinfo{
	width:75%;
	margin-left:20px;
}

.mypage .myProfileA .myinfo .opInfoA{
	width:100%;
	display:flex;
}

.mypage .myProfileA .myinfo .opInfoA li{
	width:50%;
	background:#191919;
	margin-left:20px;
	padding:50px 30px;
	box-sizing:border-box;
	border-radius:10px;
}


.mypage .myProfileA .myinfo .opInfoA li:first-child{
	margin-left:0px;
}

.mypage .myProfileA .myinfo .opInfoA li .subjLine{
	width:100%;
	display:inline-block;

}
.mypage .myProfileA .myinfo .opInfoA li .subjLine .subjA{
	display:inline-block;
}

.mypage .myProfileA .myinfo .opInfoA li .subjLine .subjA .subj{
	font-size:16px;
	color:#777;
}

.mypage .myProfileA .myinfo .opInfoA li .subjLine .subjA .bringP{
	font-size:24px;
	font-family:'lato';
	color:#999;
	margin-top:5px;
}

.mypage .myProfileA .myinfo .opInfoA li .subjLine .subjA .bringP span{
	color:#EC004C;
}

.mypage .myProfileA .myinfo .opInfoA li .subjLine .keyBtn{
	display:inline-block;
	padding:12px 15px;
	background:#EC004C;
	cursor:pointer;
	color:#fff;
	border-radius:10px;
	float:right;
}

.mypage .myProfileA .myinfo .opInfoA li .category{
	display:inline-block;
	margin-top:20px;
	margin-bottom:0;
}

.mypage .myProfileA .myinfo .opInfoA li .levelList{
	display:inline-block;
	width:100%;
	margin-top:30px;
}

.mypage .myProfileA .myinfo .opInfoA li .levelList .subj{
	display:inline-block;
	font-size:16px;
	color:#777777;
}

.mypage .myProfileA .myinfo .opInfoA li .levelList .subs{
	display:inline-block;
	font-size:16px;
	color:#777777;
	float:right;
}




.mypage .myProfileA .myinfo .mapA{
	width:100%;
	margin-top:0px;
	background:#191919;
	padding:50px 30px;
	box-sizing:border-box;
	border-radius:10px;
}


.mypage .myProfileA .myinfo .mapA .locaModi{
	width:100%;
	display:flex;
}

.mypage .myProfileA .myinfo .mapA .locaModi .ico{
	width:30px;
	display:inline-block;
	place-self:center;
}

.mypage .myProfileA .myinfo .mapA .locaModi .ico img{
	width:100%;
}

.mypage .myProfileA .myinfo .mapA .locaModi select{
	width:40%;
	padding:10px;
	border-bottom:1px solid #444;
	background:#191919;
	font-size:15px;
	color:#999;
	display:inline-block;
	place-self:center;
	margin-left:10px;
}


.mypage .myProfileA .myinfo .mapA .locaModi .keyBtn{
	width:20%;
	place-self:center;
	background:#EC004C;
	color:#fff;
	padding:12px 20px;
	margin-left:20px;
	font-size:16px;
	border-radius:10px;
}


.mypage .myProfileA .myinfo .mapA .map{
	width:100%;
	margin-top:20px;
	height:700px;
	border-radius:20px;
	overfloW:hidden;
}



.mypage .myProfileA .myinfo .setList{
	width:100%;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}


.mypage .myProfileA .myinfo .setList li{
	width:30%;
	border-radius:20px;
	background:#191919;
	padding:40px 20px;
	box-sizing:border-box;
	margin-top:10px;
	margin-bottom:10px;
}
.mypage .myProfileA .myinfo .setList li:nth-child(3n+1){
	/*margin-left:0;*/
}

.mypage .myProfileA .myinfo .setList li .ico{
	width:45px;
	margin:0 auto;
}


.mypage .myProfileA .myinfo .setList li .ico img{
	width:100%;
}

.mypage .myProfileA .myinfo .setList li .tx{
	text-align:center;
	font-size:18px;
	color:#c1c1c1;
	margin-top:10px;
}

/*회원탈퇴*/


.memberOut{
	width:1180px;
	margin:100px auto 100px;

}

.memberOut .arlText{
	text-align:Center;
	color:#E5E5E5;
	font-size:24px;
	line-height:45px;
}

.memberOut .delete{
	width:100%;
	display:flex;
	background:#191919;
	margin-top:30px;
	border-radius:10px;
	padding:50px;
	box-sizing:border-box;
}

.memberOut .delete .subj{
	display:inline-block;
	place-self:center;
	font-size:24px;
	color:#999;
	width:20%;
}

.memberOut .delete .deleteMenu{
	display:inline-block;
	place-self:center;
	width:80%;
}
.memberOut .delete .deleteMenu li{
	display:inline-block;
	width:48%;
	padding-left:20px;
	position:Relative;
	font-size:16px;
	color:#777;
	box-sizing:Border-box;
	margin-top:20px;


}



.memberOut .delete .deleteMenu li:before{
	position:absolute;
	content:'';
	width:8px;
	height:8px;
	background-color:#777;
	top:50%;
	transform:translateY(-50%);
	border-radius:50px;
	left:0;
}






.cirCheck{
	width:100%;
	text-align:Center;
	margin-top:30px;
}


.cirCheck label{
	display: inline-block;
	cursor: pointer;
	font-size: 16px;
	vertical-align:middle;
	color:#444;
}


.cirCheck input[type=checkbox]{
	display: none;
}

.cirCheck label::before {
	content: "";
	display: inline-block;
	width: 26px;
	vertical-align:middle;
	height:26px;
	margin-right:5px;
	background:url("../images/check.png");
	margin-top:-2px;
}



.cirCheck input[type=checkbox]:checked + label::before {
	content: "";
	background:url("../images/check_on.png");
}






.memberOut .submitBtn{
	width:130px;
	margin:50px auto 0;
	background:#EC004C;
	color:#fff;
	text-align:Center;
	border-radius:10px;
	display:block;
	cursor:pointer;
	padding:15px 0px;
	font-size:16px;
}






/*board*/

#sub .board{
	width:1180px;
	margin:100px auto 100px;
}

#sub .board .tit{
	width:100%;
	font-size:30px;
	color:#fff;
}

#sub .board .boardList{
	width:100%;
	border-top:1px solid #444;
	border-bottom:1px solid #444;
	margin-top:20px;
}

#sub .board .boardList li{
	width:100%;
	padding:20px 0px;
}


#sub .board .boardList li .subjLine{
	width:100%;
	display:inline-block;
}
#sub .board .boardList li .subjLine .subj{
	width:80%;
	display:inline-block;
	vertical-align:middle;
	font-size:16px;
	overflow:Hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#999
}

#sub .board .boardList li .subjLine .date{
	width:19%;
	display:inline-block;
	vertical-align:middle;
	font-size:16px;
	text-align:Right;
	color:#999
}



#sub .board .boardList li .dropCont{
	width:100%;
	margin-top:10px;
	background:#191919;
	border:1px solid #444;
	padding:30px 20px;
	box-sizing:border-box;
	color:#999;
	font-size:14px;
	word-break:keep-all;
	line-heighT:22px;
	display:none;
}





#sub .board .boardWrite{
	width:100%;
	margin-top:30px;
}



#sub .board .boardWrite dd{
	width:100%;
	padding:20px 0px;
	border-bottom:1px solid #444;
	display:flex;
}


#sub .board .boardWrite dd .subj{
	width:15%;
	place-self:start;
	font-size:16px;
	color:#999;
}


#sub .board .boardWrite dd .input{
	width:85%;
}

#sub .board .boardWrite dd .input input{
	width:100%;
	padding:15px;
	background:#191919;
	color:#777;
	place-self:start;
	margin-top:-15px;
	box-sizing:border-box;
}


#sub .board .boardWrite dd .input textarea{
	width:100%;
	padding:15px;
	background:#191919;
	color:#777;
	place-self:start;
	box-sizing:border-box;
}




#sub .board .btnA{
	width:100%;
	margin-top:50px;
	text-align:Center;
}
#sub .board .btnA .submit{
	display:inline-block;
	background:#EC004C;
	color:#fff;
	font-size:16px;
	padding:15px 30px;
	border-radius:10px;
}

#sub .board .btnA .cancle{
	display:inline-block;
	background:#111;
	border:1px solid #444;
	color:#fff;
	font-size:16px;
	padding:15px 30px;
	border-radius:10px;
}
















#sub .plan{
	width:1180px;
	margin:100px auto 100px;
}




#sub .plan .tit{
	font-size:30px;
	color:#fff;
}

#sub .plan .planArlList{
	width:100%;
	margin-top:20px;
	padding-left:20px;
	box-sizing:border-box;
}

#sub .plan .planArlList li{
	width:100%;
	list-style:disc;
	font-size:16px;
	color:#EC004C;
	margin-top:10px;
	word-break:keep-all;
}


#sub .plan .planList{
	width:100%;
	display:flex;
	margin-top:50px;
}

#sub .plan .planList dd{
	position:relative;
	width:100%;
	min-height:500px;
	max-height:500px;
	margin-left:20px;
	background:#191919;
	padding:30px;
	box-sizing:border-box;
}

#sub .plan .planList dd:first-child{
	margin-left:0px;
}


#sub .plan .planList dd .priceA{
	width:100%;
}



#sub .plan .planList dd .priceA .price{
	font-size:30px;
	color:#EC004C;
	font-family:'lato';
	font-weight:bold;
	display:inline-block;
	line-height:36px;
}



#sub .plan .planList dd .priceA .vat{
	font-size:16px;
	color:#999999;
	display:inline-block;
	vertical-align:bottom;
	line-height:36px;
	margin-left:10px;
}

#sub .plan .planList dd .use{
	font-size:16px;
	color:#999999;
	margin-top:15px;
}

#sub .plan .planList dd .point{
	width:100%;
	margin-top:15px;
	display:flex;
	justify-content: space-between;
	align-items: center;
}

#sub .plan .planList dd .point .before{
	font-size:16px;
	text-decoration:line-through;
	color:#999;
}


#sub .plan .planList dd .point .after{
	font-size:22px;
	color:#c1c1c1;
}

#sub .plan .planList dd .line{
	width:50px;
	height:1px;
	background:#d9d9d9;
	margin-top:50px;
}



#sub .plan .planList dd .deListA{
	margin-top:50px;
	width:100%;
}

#sub .plan .planList dd .deListA .subj{
	width:100%;
	display:inline-block;
	vertical-align:top;
	font-size:24px;
	color:#c1c1c1;
}

#sub .plan .planList dd .deListA .subj span{
	display:inline-block;
	font-size:14px;
	width:20px;
	line-height:20px;
	border-radius:100%;
	vertical-align:middle;
	text-align:Center;
	font-family:'lato';
	margin-top:-5px;
}

#sub .plan .planList dd .deListA .subj span img{
	width:100%;
}


#sub .plan .planList dd .deListA .subj .yellow{
	background:yellow;
	color:#222;
}

#sub .plan .planList dd .deListA .subj .silver{
	background:silver;
	color:#222;
}

#sub .plan .planList dd .deListA .subj .sky{
	background:lightblue;
	color:#222;
}

#sub .plan .planList dd .deListA .subj .purple{
	background:purple;
	color:#fff;
}

#sub .plan .planList dd .deListA .deList{
	display:inline-block;
	width:100%;
	margin-top:20px;
}

#sub .plan .planList dd .deListA .deList li{
	display:block;
	padding-left:20px;
	box-sizing:border-box;
	position:relative;
	margin-top:20px;
	color:#c1c1c1;
}

#sub .plan .planList dd .deListA .deList li:before{
	content:'';
	position:absolute;
	background:url(../images/planCheck.png) no-repeat;
	width:15px;
	height:15px;
	background-size:100%;
	left:0;
}


#sub .plan .planList dd .deListA .deList li:first-child{
	margin-top:0px;
}


#sub .plan .buy{
	width:calc(100% - 60px);
	border-radius:10px;
	background:#EC004C;
	color:#fff;
	padding:15px 0px;
	font-size:16px;
	position: absolute;
	bottom:30px;
	cursor:pointer;
}


.buyPop .inner .arlTx{
	font-size:15px;
	color:#EC004C;
	margin-top:10px;
}

.buyPop .inner .formList {
	width:100%;
	margin-top:50px;
}

.buyPop .inner .formList li{
	width:100%;
	margin-top:15px;
}

.buyPop .inner .formList li label{
	width: 29%;
	padding: 15px;
	box-sizing: border-box;
	font-size: 15px;
	vertical-align: middle;
	display: inline-block;
	color: #d9d9d9;
}

.buyPop .inner .formList li input{
	width: 70%;
	padding: 15px;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
	font-size: 15px;
	vertical-align: middle;
}

.buyPop .inner .payList{
	width:100%;
	display:flex;
	margin-top:50px;
}


.buyPop .inner .payList li{
	width:100%;
	cursor:pointer;
}

.buyPop .inner .payList li .ico{
	text-align:Center;
}


.buyPop .inner .payList li .ico img{
	height:42px;
}

.buyPop .inner .payList li .tx{
	text-align:Center;
	font-size:16px;
	margin-top:20px;
	color:#c1c1c1;
}




.buyPop .closeBtn1{
	width:100%;
	margin-top:50px;
	text-align:center;
	padding:15px 0px;
	color:#fff;
	backgrounD:#EC004C;
	font-size:16px;
	border-radius:10px;
	cursor:pointer;
}






.fail{
	width:1180px;
	margin:100px auto 100px;
}



.fail .subj{
	text-align:Center;
	font-size:24px;
	color:#E5E5E5;
}

.fail .failarlList{
	width:100%;
	text-align:Center;
	margin-top:30px;
}


.fail .failarlList li{
	display:inline-block;
	text-align:Center;
	margin-top:10px;
	padding-left:20px;
	position:relative;
	font-size:16px;
	color:#999;
}


.fail .failarlList li:before{
	content:'';
	position:absolute;
	width:6px;
	height:6px;
	background:#999;
	border-radius:10px;
	top:50%;
	transform:translateY(-50%);
	left:0;
}






.fail .failList{
	width:100%;
	text-align:Center;
	margin-top:50px;
	display:flex;
	flex-wrap:wrap;
}



.fail .failList li{
	width:33.3%;
	box-sizing: border-box;
	text-align:Center;
	font-size:16px;
	color:#999;
	padding:20px;
}

.fail .failList li .subs{
	margin-top:15px;
	color:#fff;
	font-size:18px;
}



.fail .submitBtn{
	width:150px;
	margin:50px auto 0;
	background:#EC004C;
	color:#fff;
	padding:15px 0px;
	font-size:16px;
	color:#fff;
	text-align:Center;
	border-radius:10px;
	cursor:pointer;
}


.fail .submitBtn a{
	color:#fff;
}


.map .mylocation{
	width:30px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.map .userMarker{
	width:auto;
	background:#fff;
	border-radius:50px;
	padding:10px;
	box-sizing:border-box;
	box-shadow:10px 10px 10px rgba(0,0,0,0.2);
	position:absolute;
	display:Flex;
	margin-left: -60px;
	margin-top: -60px;
}

.map .userMarker:after {
	widtH:10px;
	height:10px;
	bottom:-4px;
	transform:rotate(-45deg);
	content:'';
	position:absolute;
	background:#fff;
	left:50%;
	margin-left:-5px;
}

.map .userMarker .thum{
	width: 35px !important;
	height: 35px !important;
	background-repeat: no-repeat;
	background-size: 100%;
	border-radius: 50%;
	/*overflow: hidden;*/
	place-self: start;
}

.map .userMarker .thum img{
	width:35px;
	height:35px;
	border-radius: 50%;
	-webkit-user-drag: none;
}

.map .userMarker .thum canvas{
	border: red solid 1px;
}


.map .userMarker .txA{
	width:80%;
	place-self:center;
	padding-left:10px;
	box-sizing:Border-box;
}

.map .userMarker .txA .age{
	font-size:13px;
	color:#EC004C;
	font-weight:700;
	font-family:'lato'
}

.map .userMarker .txA .add{
	font-size:13px;
	color:#777;
	margin-top:5px;
}