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

@media screen and (max-width: 1180px){

	#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;
	}



	#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;
	}

}


@media screen and (max-width: 767px){

	#mem{
		width:94%;
		margin:20px auto 100px;
	}



	#mem .titA{
		width:100%;
	}


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

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



	#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:100%;
		padding:15px;
		box-sizing:border-box;
		border:1px solid #e5e5e5;
		font-size:15px;
		vertical-align:middle;
	}


	#mem .formA label{
		width:100%;
		padding:15px 0px;
		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;
	}



	#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;
	}

}



/*pageNotice Common*/

@media screen and (max-width: 1180px){

	#sub .noticeA{
		width:100%;
		padding:30px 3%;
		border-bottom:1px solid #444;
		border-top:1px solid #444;
		box-sizing:border-box;
	}
	#sub .noticeA .inner{
		width:100%;
		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;
	}
}

@media screen and (max-width: 767px){

	#sub .noticeA{
		width:100%;
		padding:30px 3%;
		border-bottom:1px solid #444;
		border-top:1px solid #444;
		box-sizing:border-box;
	}
	#sub .noticeA .inner{
		width:100%;
		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:30px;
		display:inline-block;
		vertical-align:middle;
	}

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


	#sub .noticeA .inner .pageNoticeVisual li .notify{
		width:80%;
		display:inline-block;
		overflow:Hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		font-size:15px;
		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*/
@media screen and (max-width: 1180px){

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

	.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;
		margin:20px auto 0;
	}

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

	.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:12px;
		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:20px;
		height:32px;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}

	.category dd{
		display:inline-block;
		border-radius:50px;
		padding:8px 5px;
		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;
	}




}

@media screen and (max-width: 767px){

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

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

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


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

	.member .memberList li:nth-child(2n+1){
		margin-left:0%;
	}
	.member .memberList li .thum{
		width:100px;
		margin:20px auto 0;
	}

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

	.member .memberList li .nickname{
		width:100%;
		text-align:center;
		font-size:14px;
		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:12px;
		font-family:'lato'
	}

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


	.member .memberList li .location{
		font-size:13px;
		color:#999;
		text-align:center;
		margin-top:10px;
		overflow:Hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		width:100%;
	}

	.member .memberList li .comment{
		width:100%;
		text-align:center;
		color:#999;
		margin-top:20px;
		font-size:14px;
		overflow:Hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}

	.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 5px;
		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:14px;
		display:inline-block;
		vertical-align:Middle;
		color:#C1C1C1;
		margin-left:5px;
	}




}




@media screen and (max-width: 1180px){

	.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%;
	}


	.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;
		place-self:start;
	}

	.memberInfoPop .inner .infoA .chatLine .thum img{
		width:100%;
	}


	.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;
	}

}


@media screen and (max-width: 767px){

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

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


	.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:0px;
		top:120px;
	}



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

	.mapA .batA .loginMemList li .thum img{
		width:100%;
	}


	.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:14px;
		color:#fff;
		width:100%;
	}

	.memberInfoPop .inner .infoA .nmLine .position{
		display:inline-block;
		float:right;
		padding:8px 10px;
		background:#333333;
		font-size:13px;
		color:#fff;
		border-radius:5px;
		width:100%;
		box-sizing:border-box;
		margin-top:10px

	}


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

	.memberInfoPop .inner .infoA .chatLine .thum{
		width:70px;
		height:70px;
		place-self:start;
	}

	.memberInfoPop .inner .infoA .chatLine .thum img{
		width:70px;
		height:70px;
	}


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

	.memberInfoPop .inner .infoA .chatLine .otCont .chatBox{
		width:100%;
		padding:10px;
		box-sizing:border-box;
		height:70px;
		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:11px;
		line-height:22px;
	}


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

	.memberInfoPop .inner .infoA .btnA button{
		display:inline-block;
		padding:10px 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;
	}

}









/*위치찾기*/
@media screen and (max-width: 1180px){


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

	.location .mapA{
		width:100%;
		height:500px;
		position:relative;
	}

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

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




	.location .member{
		width:100%;
		height:100%;
		overflow-y:scroll;
		position:relative;;
		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;
	}

	.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 .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;
		place-self:start;
	}

	.location .member .memberList02 li .infoLine .thum img{
		width:100px;
		height:100px;
	}


	.location .member .memberList02 li .infoLine .infoA{
		place-self:start;
		padding-left:20px;
		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:10px;
		box-sizing:border-box;
		font-size:18px;
		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;
	}


}


@media screen and (max-width: 767px){


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

	.location .mapA{
		width:100%;
		height:220px;
		position:relative;
	}

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

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




	.location .member{
		position: relative;
		width:100%;
		height:100%;
		overflow-y:scroll;
		padding: 5px 10px 0px;
		box-sizing:border-box;
		background:#111;
	}



	.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:8px;
		place-self:center;
		background:#111;
		color:#fff;
	}

	.location .member .memSearchOpA .opLine button{
		width:10%;
		display:inline-block;
		background:#111;
		text-align:center;
	}

	.location .member .memSearchOpA .opLine button img{
		width:20px;
		margin:0 auto;
		text-align:Center;
	}

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


	.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:12px;
		color:#E5E5E5;
		display:inline-block;
		vertical-align:middle;
	}


	.location .member .memberList02{
		width:100%;
		padding: 0;
	}

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

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

	.location .member .memberList02 li .send{
		padding: 5px 0;
	}

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

	.location .member .memberList02 li .infoLine .thum{
		width: 50px !important;
		height: 50px !important;
		place-self:start;
	}

	.location .member .memberList02 li .infoLine .thum img{
		width:50px;
		height:50px;
	}


	.location .member .memberList02 li .infoLine .infoA{
		box-sizing:border-box;
		padding-left: 5px;
	}

	.location .member .memberList02 li .infoLine .infoA .perInfoWrap{
		display: flex;
		justify-content: space-between;
		width: calc(100% - 10px);
	}

	.location .member .memberList02 li .infoLine .infoA .add{
		width:50%;
		color:#fff;
		font-size:12px;
		padding:4px;
		background:#333333;
		border-radius:5px;
		text-align: center;
	}

	.location .member .memberList02 li .infoLine .infoA .myIf{
		width:50%;
		margin-top:0;
		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:100%;
		place-self:center;
		padding-left:0;
		box-sizing:border-box;
		font-size:14px;
		color:#fff;
		display:inline-block;
	}
	.location .member .memberList02 li .infoLine .infoA .myIf .name span{
		font-size:12px !important;
		color:#777;
		margin-left:5px;
		display:inline-block;
		width: 18px;
		height: 18px;
		line-height: 18px;
	}



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

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

	.location .member .memberList02 li .category dd{
		font-size: 12px;
		padding: 5px 3px;
	}

	.location .member .memberList02 li .send .ico {
		width: 15px;
	}

	.location .member .memberList02 li .send .tx {
		font-size: 14px;
		line-height: 14px;
	}

}





/*chatlist*/

@media screen and (max-width: 1180px){



	.chat{
		width:94%;
		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:65%;
		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;
		display:inline-block;
		place-self:center;
	}

	.chat .chatList li .thum img{
		width:100%;
	}




	.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;
	}


}

@media screen and (max-width: 767px){



	.chat{
		width:100%;
		margin:0 auto 100px;
		min-height:400px;
	}

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

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


	.chat .boxA .search{
		width:100%;
		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:80%;
		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:100%;
		padding:15px;
		border:1px solid #444;
		box-sizing:border-box;
		display:inline-block;
		margin-left:0px;
		margin-top: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:65%;
		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:20px;
		display:inline-block;
	}


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


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

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


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




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


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

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


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



	.chat .chatList li .thum{
		width:50px;
		height:50px;
		display:inline-block;
		place-self:center;
		vertical-align: top;
	}

	.chat .chatList li .thum img{
		width:100%;
		height:100%;
	}




	.chat .chatList li .chatifA{
		width:80%;
		display:inline-block;
		place-self:center;
		padding-left:10px;
		padding-top:5px;
		box-sizing:border-box;
		vertical-align: top;
	}

	.chat .chatList li .chatifA .chatA{
		width:73%;
		place-self:center;
		display:inline-block;
		vertical-align:middle;
	}

	.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:13px;
		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;
		display:none;
	}
	.chat .chatList li .chatifA .chatA .memInfo .nmA div:nth-child(2){
		border:0;
	}

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

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




	.chat .chatList li .chatifA .ifA{
		width:23%;
		place-self:center;
		text-align:right;
		display:inline-block;
		vertical-align:middle;
	}


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


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

	.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:20px;
		margin-left:5px;
	}


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






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


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


	.chat .chatListEmpty h5{
		text-align:Center;
		font-size:13px;
		color:#999;
		margin-top:20px;
		line-heighT:22px;
		word-break:keep-all;
	}


}




/*채팅 보기*/

@media screen and (max-width: 1180px){


	.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:inline-block;
	}

	.chat .chatView .wh_info .infoMem{
		display:inline-block;
	}

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


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

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


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

	}


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

	.chat .chatView .wh_info .infoMem .category{
		display:inline-block;
		width:auto;
		margin:0px 0px 0px 20px;
		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:24px;
	}

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





	.chat .chatView .chatbox{
		width:100%;
		padding:50px 30px;
		box-sizing:border-box;
		max-height:1000px;
		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:10px;
	}

	.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;
		word-break:keep-all;
		line-height:22px;
	}

	.chat .chatView .chatLsitA .messageList li .date{
		display:block;
		vertical-align:bottom;
		font-size:12px;
		color:#777;
		margin-top:10px;

	}


	.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;
		margin-top:10px;
	}

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


	.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
	}

	.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;
	}

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




}

@media screen and (max-width: 767px){


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

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

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

	.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;
	}


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

	}


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

	.chat .chatView .wh_info .infoMem .category{
		display:inline-block;
		width:auto;
		margin:0;
		padding:0;
		font-size:12px!important;
	}

	.chat .chatView .wh_info .infoMem .category dd{
		font-size:12px!important;
	}

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


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





	.chat .chatView .chatbox{
		width:100%;
		padding:10px;
		box-sizing:border-box;
		min-height:calc(100vh - 225px);
		max-height:calc(100vh - 225px);
		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:100%;
		display:inline-block;
	}

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

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

	.chat .chatView .chatLsitA .messageList li .date{
		display:block;
		vertical-align:bottom;
		font-size:12px;
		color:#777;
		margin-top:10px;

	}


	.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;
		margin-top:10px;
	}

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


	.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
	}

	.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;
	}

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

	.chat .chatView .sendBoxA .box .sendBtn img{
		width:30px;
	}




}





/*mypageProfile*/

@media screen and (max-width: 1180px){


	.mypage{
		width:94%;
		margin:100px auto 100px;
	}


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

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

	.mypage .myProfileA .myprofile{
		width:100%;
		background:#191919;
		padding:50px 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:100%;
	}


	.mypage .myProfileA .myprofile .thumA .thum img{
		width:100%;
	}


	.mypage .myProfileA .myprofile .thumA .modifyBtn{
		width:30px;
		position:absolute;
		right:0;
		top:0;
	}
	.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:60%;
		margin:30px auto 0;
		background:#EC004C;
		text-align:center;
		font-size:15px;
		color:#fff;
		padding:12px 0px;
		border-radius:10px;
	}


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

	.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 .commentA{
		width:100%;
		margin-top:50px;
	}

	.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 .myinfo{
		width:100%;
		margin-left:0px;
		margin-top:20px;
	}

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

	.mypage .myProfileA .myinfo .opInfoA li{
		width:50%;
		background:#191919;
		margin-left:20px;
		padding:50px 20px;
		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 .category dd:last-child{
		display:inline-block;
	}

	.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:20px;
		background:#191919;
		padding:50px 20px;
		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:380px;
		border-radius:20px;
		overfloW:hidden;
	}


}


@media screen and (max-width: 767px){


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


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

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

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


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

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


	.mypage .myProfileA .myprofile .thumA .thum img{
		width:100%;
	}


	.mypage .myProfileA .myprofile .thumA .modifyBtn{
		width:30px;
		position:absolute;
		right:0;
		top:0;
	}
	.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:60%;
		margin:30px auto 0;
		background:#EC004C;
		text-align:center;
		font-size:15px;
		color:#fff;
		padding:12px 0px;
		border-radius:10px;
	}


	.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 .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 .myinfo{
		width:100%;
		margin-left:0px;
		margin-top:20px;
	}

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

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


	.mypage .myProfileA .myinfo .opInfoA li:first-child{
		margin-left:0px;
		margin-top: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:14px;
		color:#777;
	}

	.mypage .myProfileA .myinfo .opInfoA li .subjLine .subjA .bringP{
		font-size:18px;
		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;
		font-size:14px;
	}

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

	.mypage .myProfileA .myinfo .opInfoA li .category dd:last-child{
		display:inline-block;
	}

	.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:20px;
		background:#191919;
		padding:50px 10px;
		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;
		display:none;
	}

	.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:13px;
		color:#999;
		display:inline-block;
		place-self:center;
		margin-left:10px;
	}


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


	.mypage .myProfileA .myinfo .mapA .map{
		width:100%;
		margin-top:20px;
		height:280px;
		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:20px 10px;
		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:40px;
		margin:0 auto;
	}


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

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




}



/*회원탈퇴*/


@media screen and (max-width: 1180px){

	.memberOut{
		width:94%;
		margin:100px auto 100px;

	}

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

	.memberOut .delete{
		width:100%;
		display:block;
		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:18px;
		color:#999;
		width:100%;
	}

	.memberOut .delete .deleteMenu{
		display:inline-block;
		place-self:center;
		width:100%;
	}
	.memberOut .delete .deleteMenu li{
		display:inline-block;
		width:48%;
		padding-left:20px;
		position:Relative;
		font-size:13px;
		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: 14px;
		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:14px;
	}

}


@media screen and (max-width: 767px){

	.memberOut{
		width:94%;
		margin:20px auto 100px;

	}

	.memberOut .arlText{
		text-align:Center;
		color:#E5E5E5;
		font-size:14px;
		line-height:22px;
		word-break:keep-all;
	}

	.memberOut .delete{
		width:100%;
		display:block;
		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:18px;
		color:#999;
		width:100%;
	}

	.memberOut .delete .deleteMenu{
		display:inline-block;
		place-self:center;
		width:100%;
	}
	.memberOut .delete .deleteMenu li{
		display:inline-block;
		width:100%;
		padding-left:20px;
		position:Relative;
		font-size:13px;
		color:#777;
		box-sizing:Border-box;
		margin-top:20px;
		word-break:keep-all;
		line-height:22px;

	}



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






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


	.cirCheck label{
		display: inline-block;
		cursor: pointer;
		font-size: 14px;
		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:14px;
	}

}




/*board*/
@media screen and (max-width: 1180px){

	#sub .board{
		width:94%;
		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:100%;
		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;
	}



}

@media screen and (max-width: 767px){

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

	#sub .board .tit{
		width:100%;
		font-size:20px;
		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:15px 0px;
	}


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

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



	#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:inline-block;
	}


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


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

	#sub .board .boardWrite dd .input input{
		width:100%;
		padding:15px;
		background:#191919;
		color:#777;
		place-self:start;
		margin-top:10px;
		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:14px;
		padding:15px 30px;
		border-radius:10px;
	}

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



}



/*plan*/

@media screen and (max-width: 1180px){



	#sub .plan{
		width:94%;
		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:inline-block;
		margin-top:50px;
	}

	#sub .plan .planList dd{
		width:48%;
		margin-left:3%;
		background:#191919;
		padding:30px;
		box-sizing:border-box;
		display:inline-block;
		vertical-align:top;
		margin-top:20px;
	}

	#sub .plan .planList dd:nth-child(2n+1){
		margin-left:0px;
	}


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



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



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

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

	#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:18px;
		color:#c1c1c1;
	}
	#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);
		margin-top:50px;
		border-radius:10px;
		background:#EC004C;
		color:#fff;
		padding:15px 0px;
		font-size:16px;
	}


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


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


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

	.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;
	}


}

@media screen and (max-width: 767px){



	#sub .plan{
		width:94%;
		margin:20px auto 100px;
	}




	#sub .plan .tit{
		font-size:20px;
		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:14px;
		color:#EC004C;
		margin-top:10px;
		word-break:keep-all;
		line-height:22px;
	}


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

	#sub .plan .planList dd{
		width:100%;
		height:390px;
		min-height:auto;
		margin-left:0px;
		background:#191919;
		padding:30px;
		box-sizing:border-box;
		margin-top:10px;
	}

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


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



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



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

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

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



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

	#sub .plan .planList dd .deListA .subj{
		width:100%;
		display:inline-block;
		vertical-align:top;
		font-size:16px;
		color:#c1c1c1;
	}
	#sub .plan .planList dd .deListA .deList{
		position:relative;
		width:100%;
		margin-top:20px;
	}

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

	#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{
		position:relative;
		width:100%;
		margin-top:50px;
		border-radius:10px;
		background:#EC004C;
		color:#fff;
		padding:15px 0px;
		font-size:14px;
	}


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

	.buyPop .inner .formList li input{
		width: 100%;
		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%;
	}

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


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

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




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


}









/*fail*/


@media screen and (max-width: 1180px){


	.fail{
		width:94%;
		margin:100px auto 100px;
	}



	.fail .subj{
		text-align:Center;
		font-size:20px;
		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;
	}



	.fail .failList li{
		width:100%;
		text-align:Center;
		margin-top:10px;
		padding-left:20px;
		position:relative;
		font-size:16px;
		color:#999;
	}

	.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;
	}




}

@media screen and (max-width: 767px){


	.fail{
		width:94%;
		margin:20px auto 100px;
	}



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

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


	.fail .failarlList li{
		text-align:left;
		margin-top:10px;
		padding-left:20px;
		position:relative;
		font-size:13px;
		color:#999;
		line-height:22px;
		width:90%;
	}


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






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



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

	.fail .failList li .subs{
		margin-top:15px;
		color:#fff;
		font-size:14px;
		word-break:keep-all;
	}



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


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




}