@charset "utf-8";

/* 로그인, 회원가입, 아이디·비밀번호 찾기 시작
------------------------------------------------------ */
.comMbrWr { 
	padding:53px 16px;
	letter-spacing: -.22px;
}
.comMbrWr .mbrBox { 
	width: 380px;
	max-width: 100%;
	margin:0 auto;
}
.comMbrWr .mbrBox .logo { 
	max-width: 100%;
	margin:0 auto 38px;
	font-size: 0;
	text-align: center;
}
.comMbrWr .mbrBox .logo img { 
	max-width: 100%; 
}
.comMbrWr .mbrForm .formTit { 
	margin:0 0 14px;
	font-weight: 700;
	font-size: 20px;
	text-align: center;	
	color: #212121;
}
.comMbrWr .mbrForm .iptTit { 
	margin:0 0 7px;
	font-weight: 500;
	font-size: 15px;
	color: #424242;
}
.comMbrWr .mbrForm .iptTit .pnt { 
	font-weight: 400;
	font-size: .933em;
	color: #F44336;
}
.comMbrWr .mbrForm * + .iptTit { 
	margin-top:10px;
}
.comMbrWr .mbrForm .ipt { 
	width: 100%;
	padding:15px 12px;
	background: #F7F7F7;
	border-radius: 5px;
	font-size: 14px;
	color: #424242;
}
.comMbrWr .mbrForm .ipt::placeholder { 
	color: #999; 
}
.comMbrWr .mbrForm .ipt.fullWid { 
	width: 100%; 
}
.comMbrWr .mbrForm .iptChkLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.comMbrWr .mbrForm .iptChkLst01 li { 
	position:relative; 
	width: calc((100% - 10px)/2);
}
.comMbrWr .mbrForm .iptChkLst01 .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.comMbrWr .mbrForm .iptChkLst01 .chkLbl { 
	display:block;
	height: 100%;
	padding:14px 10px;
	background: #F7F7F7;
	border:1px solid #F7F7F7;
	border-radius: 5px;
	font-size: 14px;
	text-align: center;
	letter-spacing: -.22px;
	color: #999;
}
.comMbrWr .mbrForm .iptChkLst01 .chkIpt:checked + .chkLbl { 
	background: #FFF;
	border-color:#F44336;
	font-weight: 500;
	color: #F44336;
}
.comMbrWr .mbrBtnBox .btn { 
	display:block; 
	width: 100%;
	margin:0 0 12px;
	padding:14px 10px 13px;
	border:1px solid #F44336;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
}
.comMbrWr .mbrBtnBox .btn.st01 { 
	background: #F44336;
	color: #FFF;
}
.comMbrWr .mbrBtnBox .btn.st02 {
	color: #F44336;
}
.comMbrWr .mbrBtnBox .btn:last-child { 
	margin:0;
}
.comMbrWr .ipt + .mbrBtnBox { 
	margin-top:24px;
}
.comMbrWr .findLst { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:center; 
	gap:8px;
	margin:10px 0 38px;
}
.comMbrWr .findLst li { 
	position:relative; 
	padding:0 9px 0 0;
}
.comMbrWr .findLst li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 8px;
	top:50%;
	right:0;
	margin:-4px 0 0;
	background: #999;
}
.comMbrWr .findLst li:last-child { 
	padding:0;
}
.comMbrWr .findLst li:last-child:after { 
	display:none; 
}
.comMbrWr .findLst .findLnk { 
	display:block;
	font-size: 14px;
	color: #999;
}
.comMbrWr .loginGoo { 
	display:flex;
	align-items:center;
	justify-content:center;
	gap:9px;
	width: 100%;
	padding:9px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	box-shadow:0 1.25px 1.25px 0 rgba(0,0,0,.168);
}
.comMbrWr .loginGoo span { 
	display:block; 
}
.comMbrWr .loginGoo .lnkIco { 
	font-size: 0; 
}
.comMbrWr .loginGoo .lnkIco img { 
	max-width: 100% 
}
.comMbrWr .loginGoo .lnkTxt { 
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0;
	color: #999;
}
.comMbrWr .hasBtnBox { 
	display:flex;
	gap:10px;
}
.comMbrWr .hasBtnBox .ipt { 
	flex-grow:1; 
}
.comMbrWr .hasBtnBox .btn { 
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center;
	padding:15px 12px;
	border-radius: 5px;
	font-weight: 700;
	font-size: 14px;
	text-align: center;
}
.comMbrWr .hasBtnBox .btn.st01 { 
	background: #FFF7F6;
	color: #F44336;
}
.comMbrWr .agreeBox { 
	margin:11px 0 24px;
}
.comMbrWr .agreeBox .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.comMbrWr .agreeBox .chkLbl { 
	position:relative; 
	display:block;
	letter-spacing: -.3px;
}
.comMbrWr .agreeBox .chkLbl:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 11px;
	left:0;
	background:url(/Form/_guest/basic/images/joinChk01_Off.svg) no-repeat;
	background-size:cover;
}
.comMbrWr .agreeBox .chkIpt:checked + .chkLbl:before { 
	background-image:url(/Form/_guest/basic/images/joinChk01_On.svg);
}
.comMbrWr .agreeBox .allChkBox { 
	position:relative;
	margin:0 0 11px;
}
.comMbrWr .agreeBox .allChkBox .chkLbl { 
	display:inline-block; 
	padding:0 0 0 27px;
	background: #FAFAFA;
	border-radius: 10px;
	font-weight: 700;
	font-size: 15px;
	color: #797979;
}
.comMbrWr .agreeBox .allChkBox .chkLbl:before { 
	top:4px; 
}
.comMbrWr .agreeBox .chkLst01 li { 
	position:relative;
	margin:0 0 12px;
	padding:0 25px 0 17px;
}
.comMbrWr .agreeBox .chkLst01 li:last-child { 
	margin:0;
}
.comMbrWr .agreeBox .chkLst01 .chkLbl { 
	padding:0 0 0 26px;
	font-weight: 500; 
	font-size: 14px;
	color: #424242;
}
.comMbrWr .agreeBox .chkLst01 .chkLbl:before { 
	top:3px; 
}
.comMbrWr .agreeBox .chkLst01 .chkLbl span { 
	font-weight: 700;
	color: #F44336;
}
.comMbrWr .agreeBox .chkLst01 .termLnk { 
	position:absolute; 
	display:block;
	top:50%;
	right:0;
	transform:translateY(-50%);
	font-size: 0;
}
.comMbrWr .agreeBox .chkLst01 .termLnk img { 
	max-width: 100%; 
}
.comMbrWr .findCateBox { 
	display:flex;
	margin:0 0 18px;
}
.comMbrWr .findCateBox .cate { 
	display:block;
	width: 50%;
	padding:15px;
	border-bottom:2px solid #DBDBDB;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: -.5px;
	text-align: center;
	color: #797979;
}
.comMbrWr .findCateBox .cate.on { 
	color: #F44336;
	border-bottom-color:#F44336;
}
.comMbrWr .resultBox { 
	margin:0 0 40px;
	padding:20px;
	background: #F7F7F7;
	border-radius: 5px;
	text-align: center;
}
.comMbrWr .resultBox .btnCopy { 
	position:relative; 
	display:inline-block;
	padding:0 21px 0 0;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.22px;
	color: #F44336;
}
.comMbrWr .resultBox .btnCopy:before {	
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top:50%;
	right:0;
	margin:-8px 0 0;
	background: url(/Form/_guest/basic/images/mbrCopy01.png) no-repeat;
	background-size:cover;
}
.comMbrWr .resultBox .txt { 
	font-weight: 500;
	font-size: 16px;
	letter-spacing: -.3px;
	color: #999;
}
.comMbrWr .resultBox .btnCopy + .txt { 
	margin-top:15px;
}
@media all and (max-width:999px){
	.comMbrWr { 
		padding:30px 16px;
	}
	.comMbrWr .mbrBox .logo { 
		width: 174px;
		margin:0 auto 20px;
	}
	.comMbrWr .mbrForm .formTit { 
		margin:0 0 10px;
		font-size: 16px; 
	}
	.comMbrWr .mbrForm .iptTit { 
		margin:0 0 5px;
		font-size: 13px;
	}
	.comMbrWr .mbrForm * + .iptTit { 
		margin-top:8px;
	}
	.comMbrWr .mbrForm .ipt {
		padding:10px;
		font-size: 13px;
	}
	.comMbrWr .mbrForm .iptChkLst01 {
		gap:8px;
	}
	.comMbrWr .mbrForm .iptChkLst01 li { 
		width: calc((100% - 8px)/2);
	}
	.comMbrWr .mbrForm .iptChkLst01 .chkLbl { 
		padding:10px;
		font-size: 13px;
	}
	.comMbrWr .mbrBtnBox .btn { 
		margin:0 0 10px;
		padding:10px 10px 9px;
		font-size: 14px;
	}
	.comMbrWr .ipt + .mbrBtnBox { 
		margin-top:20px;
	}
	.comMbrWr .findLst { 
		margin:8px 0 20px;
	}
	.comMbrWr .findLst .findLnk { 
		font-size: 13px; 
	}
	.comMbrWr .loginGoo { 
		gap:7px; 
	}
	.comMbrWr .loginGoo .lnkIco { 
		width: 24px; 
	}
	.comMbrWr .loginGoo .lnkTxt { 
		font-size: 14px; 
	}
	.comMbrWr .hasBtnBox { 
		gap:8px; 
	}
	.comMbrWr .hasBtnBox .btn { 
		padding:10px;
		font-size: 13px;
	}
	.comMbrWr .agreeBox { 
		margin:8px 0 20px;
	}
	.comMbrWr .agreeBox .chkLbl:before { 
		width: 11px; 
		height: 9px;
	}
	.comMbrWr .agreeBox .allChkBox { 
		margin:0 0 8px;
	}
	.comMbrWr .agreeBox .allChkBox .chkLbl,
	.comMbrWr .agreeBox .chkLst01 .chkLbl { 
		padding:0 0 0 20px;
		font-size: 13px;
	}
	.comMbrWr .agreeBox .chkLst01 li { 
		padding:0 20px 0 10px;
	}
	.comMbrWr .agreeBox .chkLst01 .termLnk { 
		width: 16px;
		height: 16px;
	}
	.comMbrWr .findCateBox { 
		margin:0 0 10px;
	}
	.comMbrWr .findCateBox .cate { 
		padding: 10px;
		font-size: 14px;
	}
	.comMbrWr .resultBox { 
		margin:0 0 30px;
		padding:16px;
	}
	.comMbrWr .resultBox .btnCopy { 
		padding:0 18px 0 0;
		font-size: 14px;
	}
	.comMbrWr .resultBox .btnCopy:before {
		width: 14px;
		height: 14px;
		margin:-7px 0 0;
	}
	.comMbrWr .resultBox .txt { 
		font-size: 14px;
	}
	.comMbrWr .resultBox .btnCopy + .txt { 
		margin-top:10px;
	}
}
/* 로그인, 회원가입, 아이디·비밀번호 찾기 끝
------------------------------------------------------ */
/* 메인 시작
------------------------------------------------------ */
.mBnrWr { 
	position:relative;
	min-height: 420px;
	margin:24px 0 50px;
	padding:0 814px 0 0;
}
.mBnrWr .lBox { 
	padding:94px 0 0;
}
.mBnrWr .rBox { 
	position:absolute; 
	width: 794px;
	top:0;
	right:0;
}
.mBnrWr .tit { 
	margin:0 0 8px;
	font-weight: 700;
	font-size: 20px;
	color: #212121;
}
.mBnrWr .txt { 
	display: -webkit-box;
	margin:0 0 10px;
	font-weight: 500; 
	font-size: 18px;
	line-height: 1.4;
	color: #424242;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	transition:all .3s ease;
	overflow: hidden;
}
.mBnrWr .txt:focus,
.mBnrWr .txt:hover { 
	color: #F44336;
}
.mBnrWr .date { 
	font-family: Pretendard;
	font-weight: 500;
	font-size: 14px;
	color: #797979;
}
.mBnrWr .mBnrPaging { 
	margin:0 0 93px;
}
.mBnrWr .swiper-pagination-bullet { 
	background: #DBDBDB;
	opacity:1; 
}
.mBnrWr .swiper-pagination-bullet-active { 
	background: #F44336; 
}
.mBnrWr .mBnrThumb { 
	overflow: hidden;
}
.mBnrWr .mBnrThumb .imgBox { 
	position:relative; 
	width: 122px;
	height: 100px;
	background: #E0E0E0;
	border-radius: 5px;
	font-size: 0;
	overflow:hidden;
}
.mBnrWr .mBnrThumb .imgBox img { 
	position:absolute; 
	width: 100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.mBnrWr .mBnrSwipe { 
	overflow:hidden;
	text-align: center;
}
.mBnrWr .mBnrSwipe .swiper-slide { 
	padding:52.9% 0 0;
	background: #E0E0E0;
	border-radius: 5px;
}
.mBnrWr .mBnrSwipe .swiper-slide img { 
	position:absolute;
	width: 100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.mBnrWr .mBnrSwipe .swiper-slide .hidTxt { 
	position:absolute; 
	width: 0;
	height: 0;
	font-size: 0;
	overflow: hidden;
}
.mBnrWr .mBnrArrow { 
	position:absolute; 
	width: 50px;
	height: 50px;
	top:50%;
	margin:-25px 0 0;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 50%;
	box-shadow:0 0 4px rgba(181,181,181,.18);
	z-index:1;
}
.mBnrWr .mBnrArrow:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 9px;
	height: 16px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin:auto;
	background-repeat:no-repeat;
	background-size:cover;
}
.mBnrWr .mBnrArrow.stPrev { 
	left:-25px; 
}
.mBnrWr .mBnrArrow.stPrev:before { 
	background-image: url(/Form/_guest/basic/images/mBnrPrev01_on.png); 
}
.mBnrWr .mBnrArrow.stPrev.swiper-button-disabled:before { 
	background-image: url(/Form/_guest/basic/images/mBnrPrev01_off.png); 
}
.mBnrWr .mBnrArrow.stNext { 
	right:-25px; 
}
.mBnrWr .mBnrArrow.stNext:before { 
	background-image: url(/Form/_guest/basic/images/mBnrNext01_on.png); 
}
.mBnrWr .mBnrArrow.stNext.swiper-button-disabled:before { 
	background-image: url(/Form/_guest/basic/images/mBnrNext01_off.png); 
}
.mInfoWr { 
	display:flex;
	gap:20px;
}
.mInfoWr .infoLBox { 
	flex-grow:1;
}
.mInfoWr .infoLBox .gBox {
	margin:0 0 13px;
	padding:20px;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
.mInfoWr .infoLBox .topBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	margin:0 0 8px;
}
.mInfoWr .infoLBox .topBox .tit { 
	font-weight: 700; 
	font-size: 20px;
	color: #212121;
}
.mInfoWr .infoLBox .topBox .calendarBox { 
	display:flex;
	align-items:center;
	gap:12px;
	width: 158px;
}
.mInfoWr .infoLBox .topBox .calendarBox .btnCale { 
	flex-shrink:0;
	display:block; 
	font-size: 0;
}
.mInfoWr .infoLBox .topBox .calendarBox .btnCale img { 
	max-width: 100%; 
}
.mInfoWr .infoLBox .topBox .calendarBox .date_input { 
	padding:0 0 0 24px;
	appearance: none;
	background: url(/Form/_guest/basic/images/mCaleIco01.png) no-repeat left 0 center;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	color: #999;
}
.mInfoWr .infoLBox .depth1Box { 
	display:flex;
	flex-wrap:wrap;
	gap:9px;
}
.mInfoWr .infoLBox .depth1Box .infoDepth01 { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:10px;
	width: calc((100% - 18px)/3);
	padding:11px 10px 12px;
	border:1px solid #F0F0F0;
	border-radius: 5px 5px 0 0;
	transition:all .3s ease;
}
.mInfoWr .infoLBox .depth1Box .infoDepth01:before { 
	content:"";
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-size:cover;
	transition:all .3s ease;
}
.mInfoWr .infoLBox .depth1Box .infoDepth01 .btnTxt { 
	display:block; 
	font-weight: 500;
	font-size: 18px;
	line-height: 1;
	color: #999;
	transition:all .3s ease;
}
.mInfoWr .infoLBox .depth1Box .infoDepth01.on { 
	background: #F44336; 
}
.mInfoWr .infoLBox .depth1Box .infoDepth01.on .btnTxt { 
	font-weight: 700; 
	color: #FFF;
}
.mInfoWr .infoLBox .depth1Box .infoDepth01.stSoccer:before { 
	background-image: url(/Form/_guest/basic/images/mInfoSoccer_off.svg); 
}
.mInfoWr .infoLBox .depth1Box .infoDepth01.stSoccer.on:before { 
	background-image: url(/Form/_guest/basic/images/mInfoSoccer_on.svg); 
}
.mInfoWr .infoLBox .depth1Box .infoDepth01.stBasket:before { 
	background-image: url(/Form/_guest/basic/images/mInfoBasket_off.svg); 
}
.mInfoWr .infoLBox .depth1Box .infoDepth01.stBasket.on:before { 
	background-image: url(/Form/_guest/basic/images/mInfoBasket_on.svg); 
}
.mInfoWr .infoLBox .depth1Box .infoDepth01.stBase:before { 
	background-image: url(/Form/_guest/basic/images/mInfoBase_off.svg); 
}
.mInfoWr .infoLBox .depth1Box .infoDepth01.stBase.on:before { 
	background-image: url(/Form/_guest/basic/images/mInfoBase_on.svg); 
}
.mInfoWr .infoLBox .depth2Box { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	margin:0 0 12px;
	padding:12px;
	border-radius: 0 0 5px 5px;
	background: #F7F7F7;
}
.mInfoWr .infoLBox .depth2Box .infoDepth02 { 
	display:block;
	min-width: 120px;
	padding:7px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 5px;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	color: #999;
	transition:all .3s ease;
}
.mInfoWr .infoLBox .depth2Box .infoDepth02:focus,
.mInfoWr .infoLBox .depth2Box .infoDepth02:hover,
.mInfoWr .infoLBox .depth2Box .infoDepth02.on { 
	background: #FFF7F6;
	border-color:#F44336;
	color: #F44336;
}
.mInfoWr .infoLBox .leagueBox .lgTopBox { 
	position:relative;
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:10px;
	padding:11px 14px;
	background: #F7F7F7;
	border-radius: 5px;
}
.mInfoWr .infoLBox .leagueBox .lgTopBox .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.mInfoWr .infoLBox .leagueBox .lgTopBox .chkLbl { 
	position:relative;
	display:block;
	/* padding:0 0 0 31px; */
	font-weight: 700;
	font-size: 15px;
	color: #212121;
}
.mInfoWr .infoLBox .leagueBox .lgTopBox .chkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block; 
	width: 16px;
	height: 16px;
	top:2px;
	left:0;
	/*background:url(/Form/_guest/basic/images/mLeagueStar_off.svg) no-repeat;*/
	background-size:cover;
}
.mInfoWr .infoLBox .leagueBox .lgTopBox .chkIpt:checked + .chkLbl:before { 
	/*background-image: url(/Form/_guest/basic/images/mLeagueStar_on.svg); */
}
.mInfoWr .infoLBox .leagueBox .lgTopBox .date { 
	font-family: Pretendard;
	font-size: 14px;
	color: #8D99AC;
}
.mInfoWr .infoLBox .leagueBox .lgTopBox.stTop { 
	background: #F1F7FF; 
}
.mInfoWr .infoLBox .leagueBox .lgLst > li { 
	position:relative;
	display:flex;
	padding:12px 0 12px 52px;
	border-bottom:1px solid #DBDBDB;
}
.mInfoWr .infoLBox .leagueBox .lgLst > li:hover { 
	background: #FFF7F6; 
}
.mInfoWr .infoLBox .leagueBox .lgLst .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.mInfoWr .infoLBox .leagueBox .lgLst .chkLbl { 
	position:absolute;
	display:block; 
	width: 16px;
	height: 16px;
	top:50%;
	left:13px;
	margin:-8px 0 0;
	background:url(/Form/_guest/basic/images/mLeagueStar_off.svg) no-repeat;
	background-size:cover;
}
.mInfoWr .infoLBox .leagueBox .lgLst .chkIpt:checked + .chkLbl { 
	background-image: url(/Form/_guest/basic/images/mLeagueStar_on.svg); 
}
.mInfoWr .infoLBox .leagueBox .lgLst .scoreLst { 
	flex-grow:1;
	padding:0 20px 0 0;
}
.mInfoWr .infoLBox .leagueBox .lgLst .scoreLst li { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	margin:0 0 8px;
}
.mInfoWr .infoLBox .leagueBox .lgLst .scoreLst li:last-child { 
	margin:0;
}
.mInfoWr .infoLBox .leagueBox .lgLst .scoreLst .scoreName { 
	font-size: 14px;
	color: #212121;
}
.mInfoWr .infoLBox .leagueBox .lgLst .scoreLst .scoreNum { 
	font-family: Pretendard;
	font-weight: 700;
	font-size: 14px;
	color: #F44336;
}
.mInfoWr .infoLBox .leagueBox .lgLst .scoreLst .scoreNum.st01 {
	font-family: Pretendard;
	font-weight: 700;
	font-size: 14px;
	color: #F44336;
}
.mInfoWr .infoLBox .leagueBox .lgLst .scoreLst .scoreNum.st02 {
	font-family: Pretendard;
	font-weight: 700;
	font-size: 14px;
	color: #6c6c6c;
}
.mInfoWr .infoLBox .leagueBox .lgLst .basketScoreBox { 
	flex-grow:1;
	padding:0 20px 0 0;
}
.mInfoWr .infoLBox .leagueBox .lgLst .basketScoreBox dl { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	gap:8px;
}
.mInfoWr .infoLBox .leagueBox .lgLst .basketScoreBox dl + dl { 
	margin-top:8px;
}
.mInfoWr .infoLBox .leagueBox .lgLst .basketScoreBox dt { 
	flex-shrink:0;
	font-weight: 500; 
	font-size: 14px;
	color: #212121;
}
.mInfoWr .infoLBox .leagueBox .lgLst .basketScoreBox dd { 
	flex-grow:1; 
}
.mInfoWr .infoLBox .leagueBox .lgLst .basketScoreBox dd .bsLst01 { 
	display:flex;
	align-items:center; 
	justify-content:flex-end;
	gap:18px;
}
.mInfoWr .infoLBox .leagueBox .lgLst .basketScoreBox dd .bsLst01 li {
	font-family: Pretendard;
	font-weight: 500;
	font-size: 14px;
	color: #999;
}
.mInfoWr .infoLBox .leagueBox .lgLst .basketScoreBox dd .bsLst01 li.total { 
	font-weight: 700; 
	color: #F44336;
}
.mInfoWr .infoLBox .leagueBox .lgLst .baseScoreBox { 
	flex-grow:1;
	padding:0 20px 0 0;
}
.mInfoWr .infoLBox .leagueBox .lgLst .baseScoreBox dl { 
	position:relative; 
	padding:0 20px 0 0;
}
.mInfoWr .infoLBox .leagueBox .lgLst .baseScoreBox dl + dl { 
	margin-top:8px;
}
.mInfoWr .infoLBox .leagueBox .lgLst .baseScoreBox dt { 
	font-family: Pretendard;
	font-weight: 500;
	font-size: 14px;
	color: #212121;
}
.mInfoWr .infoLBox .leagueBox .lgLst .baseScoreBox dd .infoLst { 
	display:flex;
	flex-wrap:wrap; 
	gap: 7px;
	font-size: 13px;
	color: #666;
}
.mInfoWr .infoLBox .leagueBox .lgLst .baseScoreBox dd .infoLst li { 
	position:relative; 
	padding:0 8px 0 0;
}
.mInfoWr .infoLBox .leagueBox .lgLst .baseScoreBox dd .infoLst li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 14px;
	top: 50%;
	right: 0;
	margin:-7px 0 0;
	background: #666;
}
.mInfoWr .infoLBox .leagueBox .lgLst .baseScoreBox dd .infoLst li:last-child { 
	padding:0;
}
.mInfoWr .infoLBox .leagueBox .lgLst .baseScoreBox dd .infoLst li:last-child:after { 
	display:none; 
}
.mInfoWr .infoLBox .leagueBox .lgLst .baseScoreBox dd .score { 
	position:absolute; 
	display:block; 
	top: 50%;
	right: 0;
	transform:translateY(-50%);
	font-family: Pretendard;
	font-weight: 700;
	font-size: 14px;
	color: #F44336;
}
.mInfoWr .infoLBox .leagueBox .lgLst .baseScoreBox + .scoreInfo { 
	height: auto;
}
.mInfoWr .infoLBox .leagueBox .lgLst .scoreInfo { 
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 88px;
	height: 100%;
	border-left:1px solid #DBDBDB;
	font-family: Pretendard;
	font-size: 16px;
	text-align: center;
}
.mInfoWr .infoLBox .leagueBox .lgLst .scoreInfo .scTime { 
	font-weight: 500;
	color: #424242;
}
.mInfoWr .infoLBox .leagueBox .lgLst .scoreInfo .scTxt01 { 
	font-weight: 700;
	color: #F44336;
}
.mInfoWr .infoLBox .leagueBox .lgLst .scoreInfo .scTxt02 { 
	font-weight: 700;
	color: #797979;
}
.mInfoWr .infoLBox .leagueBox .lgLst .statBox { 
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 80px;
	border-left:1px solid #DBDBDB;
}
.mInfoWr .infoLBox .leagueBox .lgLst .statBox .stat { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:4px;
	padding:0 4px;
	border-radius: 5px;
}
.mInfoWr .infoLBox .leagueBox .lgLst .statBox .stat .statTxt { 
	font-family: Pretendard;
	font-weight: 500; 
	font-size: 14px;
}
.mInfoWr .infoLBox .leagueBox .lgLst .statBox .stat.stLive { 
	background: #F44336; 
}
.mInfoWr .infoLBox .leagueBox .lgLst .statBox .stat.stLive .circle { 
	position:relative; 
	display:block;
	width: 12px;
	height: 12px;
	background: #FFF;
	border-radius: 50%;
}
.mInfoWr .infoLBox .leagueBox .lgLst .statBox .stat.stLive .circle:before,
.mInfoWr .infoLBox .leagueBox .lgLst .statBox .stat.stLive .circle:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin:auto;
	border-radius: 50%;
}
.mInfoWr .infoLBox .leagueBox .lgLst .statBox .stat.stLive .circle:before { 
	width: 4px;
	height: 4px;
	background: #FFF;
}
.mInfoWr .infoLBox .leagueBox .lgLst .statBox .stat.stLive .circle:before { 
	width: 2px;
	height: 2px;
	background: #F44336;
}
.mInfoWr .infoLBox .leagueBox .lgLst .statBox .stat.stLive .statTxt { 
	color: #FFF; 
}
.mInfoWr .infoLBox .leagueBox .lgLst .statBox .stat.stEsc { 
	background: #EDEDED;
}
.mInfoWr .infoLBox .leagueBox .lgLst .statBox .stat.stEsc .statTxt { 
	color: #797979; 
}
.mInfoWr .infoLBox .leagueBox .lgLst.stLimit { 
	max-height: 218px;
	overflow: hidden;
}
.mInfoWr .infoLBox .leagueBox .lgLst02 > li { 
	display:flex;
	align-items:center;
	gap:11px;
	padding:12px;
	border-bottom:1px solid #DBDBDB;
	transition:all .3s ease;
}
.mInfoWr .infoLBox .leagueBox .lgLst02 > li:hover { 
	background: #FFF7F6; 
}
.mInfoWr .infoLBox .leagueBox .lgLst02 .teamBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	width: calc((100% - 82px)/2);
}
.mInfoWr .infoLBox .leagueBox .lgLst02 .teamBox .name01 { 
	position:relative; 
	font-weight: 700;
	font-size: 14px;
	letter-spacing: -.15px;
	color: #212121;
	word-break:break-all;
}
.mInfoWr .infoLBox .leagueBox .lgLst02 .teamBox .name01.stHome { 
	position:relative;
	padding:0 0 0 20px;
}
.mInfoWr .infoLBox .leagueBox .lgLst02 .teamBox .name01.stHome:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 14px;
	top: 2px;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.mInfoWr .infoLBox .leagueBox .lgLst02 .teamBox .name01.stHome.home01:before { 
	background-image:url(/Form/_guest/basic/images/mIcoHome01.svg); 
}
.mInfoWr .infoLBox .leagueBox .lgLst02 .teamBox .name01.stHome.home02:before { 
	background-image:url(/Form/_guest/basic/images/mIcoHome02.svg); 
}
.mInfoWr .infoLBox .leagueBox .lgLst02 .teamBox .name01.stHome.home03:before { 
	background-image:url(/Form/_guest/basic/images/mIcoHome03.svg); 
}
.mInfoWr .infoLBox .leagueBox .lgLst02 .teamBox .name02 { 
	font-weight: 500; 
	font-size: 13px;
	letter-spacing: -.15px;
	color: #797979;
}
.mInfoWr .infoLBox .leagueBox .lgLst02 .teamBox .score { 
	flex-shrink:0;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: -.15px;
}
.mInfoWr .infoLBox .leagueBox .lgLst02 .teamBox .score.st01 { 
	color: #212121; 
}
.mInfoWr .infoLBox .leagueBox .lgLst02 .teamBox .score.st02 { 
	color: #999;
}
.mInfoWr .infoLBox .leagueBox .lgLst02 .teamBox.teamRBox .name01,
.mInfoWr .infoLBox .leagueBox .lgLst02 .teamBox.teamRBox .name02 { 
	text-align: right; 
}
.mInfoWr .infoLBox .leagueBox .lgLst02 .midBox { 
	flex-shrink:0;
	width: 60px;
	text-align: center;
}
.mInfoWr .infoLBox .leagueBox .lgLst02 .midBox .stat { 
	display:inline-flex;
	align-items:center; 
	gap:4px;
	min-height: 18px;
	margin:0 0 4px;
	padding:1px 5px 0;
	border-radius: 5px;
}
.mInfoWr .infoLBox .leagueBox .lgLst02 .midBox .stat .statTxt { 
	font-weight: 500; 
	font-size: 13px;
}
.mInfoWr .infoLBox .leagueBox .lgLst02 .midBox .stat.stLive { 
	background: #F44336;
}
.mInfoWr .infoLBox .leagueBox .lgLst02 .midBox .stat.stLive .circle { 
	flex-shrink:0;
	position:relative; 
	width: 12px;
	height: 12px;
	background: #FFF;
	border-radius: 50%;
	font-size: 0;
}
.mInfoWr .infoLBox .leagueBox .lgLst02 .midBox .stat.stLive .circle:before,
.mInfoWr .infoLBox .leagueBox .lgLst02 .midBox .stat.stLive .circle:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin:auto;
	border-radius: 50%;
}
.mInfoWr .infoLBox .leagueBox .lgLst02 .midBox .stat.stLive .circle:before { 
	width: 4px; 
	height: 4px;
	background: #F44336;
}
.mInfoWr .infoLBox .leagueBox .lgLst02 .midBox .stat.stLive .circle:after { 
	width: 2px; 
	height: 2px;
	background: #FFF;
}
.mInfoWr .infoLBox .leagueBox .lgLst02 .midBox .stat.stLive .statTxt { 
	color: #FFF; 
}
.mInfoWr .infoLBox .leagueBox .lgLst02 .midBox .stat.stEsc { 
	background: #EDEDED;
}
.mInfoWr .infoLBox .leagueBox .lgLst02 .midBox .stat.stEsc .statTxt { 
	color: #797979;
}
.mInfoWr .infoLBox .leagueBox .lgLst02 .midBox .stat.stBefore { 
	background: #FFF;
}
.mInfoWr .infoLBox .leagueBox .lgLst02 .midBox .stat.stBefore .statTxt { 
	color: #797979;
}
.mInfoWr .infoLBox .leagueBox .lgLst02 .midBox .time { 
	margin:0 0 6px;
	font-weight: 500; 
	font-size: 16px;
	letter-spacing: -.13px;
	color: #424242;
}
.mInfoWr .infoLBox .leagueBox .lgLst02 .midBox .starChkBox { 
	position:relative;
}
.mInfoWr .infoLBox .leagueBox .lgLst02 .midBox .starChkBox .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.mInfoWr .infoLBox .leagueBox .lgLst02 .midBox .starChkBox .chkLbl { 
	position:relative; 
	display:block;
	height: 28px;
	background:#FFF url(/Form/_guest/basic/images/mLeagueStar_off.svg) no-repeat center center;
	border:1px solid #EDEDED;
	border-radius: 5px;
}
.mInfoWr .infoLBox .leagueBox .lgLst02 .midBox .starChkBox .chkIpt:checked + .chkLbl { 
	background-image: url(/Form/_guest/basic/images/mLeagueStar_on.svg);
}
.mInfoWr .infoLBox .leagueBox + .leagueBox { 
	margin-top:10px;
}
.mInfoWr .infoLBox .btmBox { 
	display:flex;
	justify-content:center; 
}
.mInfoWr .infoLBox .btmBox .btn { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:8px;
	padding:11px 16px;
	background: #F44336;
	border:1px solid #F44336;
	border-radius: 5px;
	transition:all .3s ease;
}
.mInfoWr .infoLBox .btmBox .btn span { 
	display:block; 
}
.mInfoWr .infoLBox .btmBox .btn .plus { 
	position:relative;
	width: 14px;
	height: 14px;
}
.mInfoWr .infoLBox .btmBox .btn .plus:before,
.mInfoWr .infoLBox .btmBox .btn .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #FFF;
	border-radius: 4px;
	transition:all .3s ease;
}
.mInfoWr .infoLBox .btmBox .btn .plus:before { 
	width: 100%; 
	height: 2px;
	top:50%;
	left:0;
	margin:-1px 0 0;
}
.mInfoWr .infoLBox .btmBox .btn .plus:after { 
	width: 2px; 
	height: 100%;
	top:0;
	left:50%;
	margin:0 0 0 -1px;
}
.mInfoWr .infoLBox .btmBox .btn .btnTxt { 
	font-weight: 700; 
	font-size: 16px;
	color: #FFF;
	transition:all .3s ease;
}
.mInfoWr .infoLBox .btmBox .btn:focus,
.mInfoWr .infoLBox .btmBox .btn:hover { 
	background: transparent; 
}
.mInfoWr .infoLBox .btmBox .btn:focus .plus:before,
.mInfoWr .infoLBox .btmBox .btn:hover .plus:before,
.mInfoWr .infoLBox .btmBox .btn:focus .plus:after,
.mInfoWr .infoLBox .btmBox .btn:hover .plus:after { 
	background: #F44336;
}
.mInfoWr .infoLBox .btmBox .btn:focus .btnTxt,
.mInfoWr .infoLBox .btmBox .btn:hover .btnTxt { 
	color: #F44336;
}
.mInfoWr .infoLBox .noDataBox,
.mInfoWr .infoLBox .loadingBox { 
	padding:40px 0 17px;
	text-align: center; 
}
.mInfoWr .infoLBox .noDataBox .txt,
.mInfoWr .infoLBox .loadingBox .txt { 
	font-size: 14px;
	color: #797979;
}
.mInfoWr .infoLBox .noDataBox .imgBox { 
	max-width: 100%;
	margin:0 auto 10px;
	font-size: 0; 
}
.mInfoWr .infoLBox .noDataBox .imgBox img { 
	max-width: 100%; 
}
.mInfoWr .infoLBox .loadingBox .imgBox { 
	position:relative; 
	width: 44px;
	height: 44px;
	margin:0 auto 10px;
}
.mInfoWr .infoLBox .loadingBox .imgBox img { 
	position:absolute; 
	top: 50%;
	left: 50%;
	margin:-21px 0 0 -21px;
	animation:rotateAni 3s linear infinite;
}
@keyframes rotateAni {
	0% { 
		transform:rotate(0);
	}
	100% { 
		transform:rotate(360deg);
	}
}
.mInfoWr .infoRBox { 
	flex-shrink:0;
	width: 450px;
}
.mInfoWr .infoRBox .userInfoBox { 
	margin:0 0 40px;
	padding:20px;
	border:1px solid #EDEDED;
	border-radius: 5px;
}
.mInfoWr .infoRBox .userInfoBox .lnkBox { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}
.mInfoWr .infoRBox .userInfoBox .lnkBox .lnk { 
	position:relative; 
	display:block; 
	width: calc((100% - 12px)/2);
	padding:14px 10px 13px;
	border:1px solid #F44336;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.22px;
	text-align: center;
}
.mInfoWr .infoRBox .userInfoBox .lnkBox .lnk .icoNew { 
	position:absolute; 
	display:block; 
	width: 16px;
	height: 16px;
	top: -9px;
	right: -10px;
	background: #F44336;
	border:1px solid #FFF;
	border-radius: 50%;
	font-weight: 700;
	font-size: 10px;
	line-height: 14px;
	letter-spacing: -.27px;
	text-align: center;
	color: #FFF;
	animation:bling01 infinite .6s alternate;
}
.mInfoWr .infoRBox .userInfoBox .lnkBox .lnk.fullWid { 
	width: 100%; 
}
.mInfoWr .infoRBox .userInfoBox .lnkBox .lnk.st01 { 
	background: #F44336;
	color: #FFF;
}
.mInfoWr .infoRBox .userInfoBox .lnkBox .lnk.st02 {
	color: #F44336;
}
.mInfoWr .infoRBox .loginAfter .userInfo { 
	position:relative; 
	display:flex;
	align-items:center;
	margin:0 0 21px;
	padding:0 70px 0 0;
}
.mInfoWr .infoRBox .loginAfter .userInfo .imgBox { 
	font-size: 0; 
}
.mInfoWr .infoRBox .loginAfter .userInfo .imgBox img { 
	max-width: 100%; 
}
.mInfoWr .infoRBox .loginAfter .userInfo .name { 
	margin:0 0 0 8px;
	font-weight: 700;
	font-size: 20px;
	color: #212121;
}
.mInfoWr .infoRBox .loginAfter .userInfo .per { 
	margin:0 0 0 20px;
	padding:2px 13px;
	background: #FBC02D;
	border-radius: 100px;
	font-weight: 700;
	font-size: 16px;
	color: #FFF;
}
.mInfoWr .infoRBox .loginAfter .userInfo .logout { 
	position:absolute; 
	top:50%;
	right:0;
	padding:0 11px 0 0;
	transform:translateY(-50%);
	font-size: 14px;
	color: #797979;
}
.mInfoWr .infoRBox .loginAfter .userInfo .logout:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top:50%;
	right:0;
	margin:-4px 0 0;
	transform:rotate(45deg);
	border-top:2px solid #797979;
	border-right:2px solid #797979;
}
.mInfoWr .infoRBox .loginAfter .userWord { 
	margin:0 0 20px;
	padding:18px 20px;
	background: #FFF7F6;
	border-radius: 5px;
}
.mInfoWr .infoRBox .loginAfter .userWord .uwTit { 
	margin:0 0 17px;
	font-weight: 500;
	font-size: 16px;
	color: #212121;
}
.mInfoWr .infoRBox .loginAfter .userWord .uwTxt { 
	font-size: 14px; 
	color: #212121;
	word-break:break-all;
}
.mInfoWr .infoRBox .loginBefore .lbTopBox { 
	display:flex;
	align-items:center;
	gap:13px;
	margin:0 0 20px;
}
.mInfoWr .infoRBox .loginBefore .lbTopBox .imgBox { 
	flex-shrink:0;
	font-size: 0;
}
.mInfoWr .infoRBox .loginBefore .lbTopBox .imgBox img { 
	max-width: 100%; 
}
.mInfoWr .infoRBox .loginBefore .lbTopBox .txt { 
	font-weight: 400; 
	font-size: 16px;
	color: #797979;
}
.mInfoWr .infoRBox .myTeamBox { 
	margin:0 0 40px;
	padding:20px;
	background: #F7F7F7;
	border:1px solid #F0F0F0;
	border-top:none;
}
.mInfoWr .infoRBox .myTeamBox .topBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	margin:0 0 10px;
	padding:24px 0 0;
	border-top:1px solid #DBDBDB;
}
.mInfoWr .infoRBox .myTeamBox .topBox .tit { 
	position:relative;
	padding:0 0 0 25px;
	font-weight: 700;
	font-size: 20px;
	color: #212121;
}
.mInfoWr .infoRBox .myTeamBox .topBox .tit:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 2px;
	left: 0;
	background: url(/Form/_guest/basic/images/mLeagueStar_on.svg) no-repeat;
	background-size: cover;
}
.mInfoWr .infoRBox .myTeamBox .topBox .calendarBox { 
	display:flex;
	align-items:center;
	gap:12px;
	width: 158px;
}
.mInfoWr .infoRBox .myTeamBox .topBox .calendarBox .btnCale { 
	flex-shrink:0;
	display:block; 
	font-size: 0;
}
.mInfoWr .infoRBox .myTeamBox .topBox .calendarBox .btnCale img { 
	max-width: 100%; 
}
.mInfoWr .infoRBox .myTeamBox .topBox .calendarBox .date_input { 
	padding:0 0 0 24px;
	appearance: none;
	background: url(/Form/_guest/basic/images/mCaleIco01.png) no-repeat left 0 center;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	color: #999;
}
.mInfoWr .infoRBox .myTeamBox .conBox { 
	margin:0 0 12px;
	padding:20px;
	background: #FFF;
	border-radius: 5px;
}
.mInfoWr .infoRBox .myTeamBox .lgTopBox { 
	position:relative;
	padding:12px 14px;
	background: #F7F7F7;
	border-radius: 5px;
}
.mInfoWr .infoRBox .myTeamBox .lgTopBox .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.mInfoWr .infoRBox .myTeamBox .lgTopBox .chkLbl { 
    position: relative;
    display: block;
    padding: 0 0 0 31px;
    font-weight: 700;
    font-size: 15px;
    color: #212121;	 
}
.mInfoWr .infoRBox .myTeamBox .lgTopBox .chkLbl:before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: block;
    width: 16px;
    height: 16px;
    top: 2px;
    left: 0;
    background: url(/Form/_guest/basic/images/mLeagueStar_off.svg) no-repeat;
    background-size: cover;
}
.mInfoWr .infoRBox .myTeamBox .lgTopBox .chkIpt:checked + .chkLbl:before { 
	background-image: url(/Form/_guest/basic/images/mLeagueStar_on.svg); 
}
.mInfoWr .infoRBox .myTeamBox .lgTopBox.stTop { 
	background: #F1F7FF;
}
.mInfoWr .infoRBox .myTeamBox .lgLst > li { 
	position:relative;
	display:flex;
	align-items:center; 
	gap:20px;
	padding:12px 12px 12px 52px;
	border-bottom:1px solid #DBDBDB;
}
.mInfoWr .infoRBox .myTeamBox .lgLst > li:hover {
	background:#FFF7F6;
}
.mInfoWr .infoRBox .myTeamBox .lgLst > li:last-child { 
	border-bottom:none;
}
.mInfoWr .infoRBox .myTeamBox .lgLst .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.mInfoWr .infoRBox .myTeamBox .lgLst .chkLbl { 
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	top: 50%;
	left: 12px;
	margin:-8px 0 0;
	background: url(/Form/_guest/basic/images/mLeagueStar_off.svg) no-repeat;
	background-size: cover;
}
.mInfoWr .infoRBox .myTeamBox .lgLst .chkIpt:checked + .chkLbl { 
	background-image: url(/Form/_guest/basic/images/mLeagueStar_on.svg) 
}
.mInfoWr .infoRBox .myTeamBox .lgLst .scoreLst { 
	flex-grow:1; 
}
.mInfoWr .infoRBox .myTeamBox .lgLst .scoreLst li { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	margin:0 0 9px; 
	font-size: 14px;
}
.mInfoWr .infoRBox .myTeamBox .lgLst .scoreLst li:last-child { 
	margin:0;
}
.mInfoWr .infoRBox .myTeamBox .lgLst .scoreLst .scoreName { 
	font-weight: 500;
	color: #212121;
}
.mInfoWr .infoRBox .myTeamBox .lgLst .scoreLst .scoreNum { 
	font-family: Pretendard;
	font-weight: 700;
}
.mInfoWr .infoRBox .myTeamBox .lgLst .scoreLst .scoreNum.st01 { 
	color: #F44336;
}
.mInfoWr .infoRBox .myTeamBox .lgLst .scoreLst .scoreNum.st02 { 
	color: #797979;
}
.mInfoWr .infoRBox .myTeamBox .lgLst .rBox { 
	flex-shrink:0;
	width: 67px;
	padding:0 7px;
	border-left:1px solid #DBDBDB;
	text-align: center;
}
.mInfoWr .infoRBox .myTeamBox .lgLst .stat { 
	display:inline-flex;
	align-items:center;
	gap:4px;
	margin:0 0 3px;
	padding:0 4px;
	border-radius: 5px;
}
.mInfoWr .infoRBox .myTeamBox .lgLst .stat .circle { 
	position:relative; 
	display:block;
	width: 12px;
	height: 12px;
	background: #FFF;
	border-radius: 50%;
	font-size: 0;
}
.mInfoWr .infoRBox .myTeamBox .lgLst .stat .circle:before,
.mInfoWr .infoRBox .myTeamBox .lgLst .stat .circle:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	border-radius: 50%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin:auto;
}
.mInfoWr .infoRBox .myTeamBox .lgLst .stat .circle:before { 
	width: 4px; 
	height: 4px;
	background: #F44336;
}
.mInfoWr .infoRBox .myTeamBox .lgLst .stat .circle:after { 
	width: 2px; 
	height: 2px;
	background: #FFF;
}
.mInfoWr .infoRBox .myTeamBox .lgLst .stat .statTxt { 
	font-family: Pretendard;
	font-weight: 500; 
	font-size: 14px;
}
.mInfoWr .infoRBox .myTeamBox .lgLst .stat.stLive { 
	background: #F44336; 
}
.mInfoWr .infoRBox .myTeamBox .lgLst .stat.stLive .statTxt { 
	color: #FFF; 
}
.mInfoWr .infoRBox .myTeamBox .lgLst .stat.stEsc { 
	background: #EDEDED; 
}
.mInfoWr .infoRBox .myTeamBox .lgLst .stat.stEsc .statTxt { 
	color: #797979;
}
.mInfoWr .infoRBox .myTeamBox .lgLst .time { 	 
	margin:0 0 1px;
	font-family: Pretendard;
	font-weight: 500; 
	font-size: 14px;
}
.mInfoWr .infoRBox .myTeamBox .lgLst .time.st01 { 
	color: #424242; 
}
.mInfoWr .infoRBox .myTeamBox .lgLst .time.st02 { 
	color: #797979; 
}
.mInfoWr .infoRBox .myTeamBox .lgLst .num,
.mInfoWr .infoRBox .myTeamBox .lgLst .txt { 
	font-family: Pretendard;
	font-weight: 700; 
	font-size: 14px;
}
.mInfoWr .infoRBox .myTeamBox .lgLst .num { 
	color: #F44336; 
}
.mInfoWr .infoRBox .myTeamBox .lgLst .txt { 
	color: #797979; 
}
.mInfoWr .infoRBox .myTeamBox .leagueBox + .leagueBox { 
	margin-top:20px;
}
.mInfoWr .infoRBox .myTeamBox .beforeLogin { 
	padding:20px 0;
	text-align: center; 
}
.mInfoWr .infoRBox .myTeamBox .beforeLogin .imgBox { 
	max-width: 100%;
	margin:0 auto 10px;
	font-size: 0; 
}
.mInfoWr .infoRBox .myTeamBox .beforeLogin .imgBox img { 
	max-width: 100%; 
}
.mInfoWr .infoRBox .myTeamBox .beforeLogin .txt { 
	font-size: 14px;
	color: #797979;
}
.mInfoWr .infoRBox .bannerLst { 
	margin:0 0 40px;
}
.mInfoWr .infoRBox .bannerLst li { 
	margin:0 0 12px;
}
.mInfoWr .infoRBox .bannerLst li:last-child { 
	margin:0;
}
.mInfoWr .infoRBox .bannerLst .bannerLnk { 
	position:relative; 
	display:block;
	padding:26.3% 0 0;
	background: #E0E0E0;
	font-size: 0;
	overflow: hidden;
}
.mInfoWr .infoRBox .bannerLst .bannerLnk img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.mInfoWr .infoRBox .eventRankBox { 
	margin:0 0 40px;
}
.mInfoWr .infoRBox .eventRankBox .depth1Box { 
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.mInfoWr .infoRBox .eventRankBox .depth1Box .infoDepth01 { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:10px;
	width: calc((100% - 20px)/3);
	padding:11px 10px 12px;
	border:1px solid #F0F0F0;
	border-radius: 5px 5px 0 0;
	transition:all .3s ease;
}
.mInfoWr .infoRBox .eventRankBox .depth1Box .infoDepth01:before { 
	content:"";
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-size:cover;
	transition:all .3s ease;
}
.mInfoWr .infoRBox .eventRankBox .depth1Box .infoDepth01 .btnTxt { 
	display:block; 
	font-weight: 500;
	font-size: 18px;
	color: #999;
	transition:all .3s ease;
}
.mInfoWr .infoRBox .eventRankBox .depth1Box .infoDepth01:focus,
.mInfoWr .infoRBox .eventRankBox .depth1Box .infoDepth01:hover,
.mInfoWr .infoRBox .eventRankBox .depth1Box .infoDepth01.on { 
	background: #F44336; 
}
.mInfoWr .infoRBox .eventRankBox .depth1Box .infoDepth01:focus .btnTxt,
.mInfoWr .infoRBox .eventRankBox .depth1Box .infoDepth01:hover .btnTxt,
.mInfoWr .infoRBox .eventRankBox .depth1Box .infoDepth01.on .btnTxt { 
	font-weight: 700; 
	color: #FFF;
}
.mInfoWr .infoRBox .eventRankBox .depth1Box .infoDepth01.stSoccer:before { 
	background-image: url(/Form/_guest/basic/images/mInfoSoccer_off.svg); 
}
.mInfoWr .infoRBox .eventRankBox .depth1Box .infoDepth01.stSoccer:focus:before,
.mInfoWr .infoRBox .eventRankBox .depth1Box .infoDepth01.stSoccer:hover:before,
.mInfoWr .infoRBox .eventRankBox .depth1Box .infoDepth01.stSoccer.on:before { 
	background-image: url(/Form/_guest/basic/images/mInfoSoccer_on.svg); 
}
.mInfoWr .infoRBox .eventRankBox .depth1Box .infoDepth01.stBasket:before { 
	background-image: url(/Form/_guest/basic/images/mInfoBasket_off.svg); 
}
.mInfoWr .infoRBox .eventRankBox .depth1Box .infoDepth01.stBasket:focus:before,
.mInfoWr .infoRBox .eventRankBox .depth1Box .infoDepth01.stBasket:hover:before,
.mInfoWr .infoRBox .eventRankBox .depth1Box .infoDepth01.stBasket.on:before { 
	background-image: url(/Form/_guest/basic/images/mInfoBasket_on.svg); 
}
.mInfoWr .infoRBox .eventRankBox .depth1Box .infoDepth01.stBase:before { 
	background-image: url(/Form/_guest/basic/images/mInfoBase_off.svg); 
}
.mInfoWr .infoRBox .eventRankBox .depth1Box .infoDepth01.stBase:focus:before,
.mInfoWr .infoRBox .eventRankBox .depth1Box .infoDepth01.stBase:hover:before,
.mInfoWr .infoRBox .eventRankBox .depth1Box .infoDepth01.stBase.on:before { 
	background-image: url(/Form/_guest/basic/images/mInfoBase_on.svg); 
}
.mInfoWr .infoRBox .eventRankBox .conBox {
	padding:20px;
	background: #F7F7F7;
	border-right:1px solid #F0F0F0;
	border-left:1px solid #F0F0F0;
}
.mInfoWr .infoRBox .eventRankBox .tit { 
	margin:0 0 8px;
	font-weight: 700;
	font-size: 20px;
	color: #212121;
}
.mInfoWr .infoRBox .eventRankBox .erCateBox { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	margin:0 0 11px;
}
.mInfoWr .infoRBox .eventRankBox .erCateBox .erCate { 
	display:block;
	width: calc((100% - 24px)/3);
	padding:7px 7px 6px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 5px;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	color: #999;
	word-break:break-all;
	transition:all .3s ease;
}
.mInfoWr .infoRBox .eventRankBox .erCateBox .erCate:focus,
.mInfoWr .infoRBox .eventRankBox .erCateBox .erCate:hover,
.mInfoWr .infoRBox .eventRankBox .erCateBox .erCate.on { 
	background: #FFF7F6;
	border-color:#F44336;
	color: #F44336;
}
.mInfoWr .infoRBox .eventRankBox .evTblBox { 
	overflow-x:auto; 
}
.mInfoWr .infoRBox .eventRankBox .evTblBox table { 
	min-width: 390px;
	background: #FFF;
	border:1px solid #F0F0F0;
	font-size: 12px;
	text-align: center;
	letter-spacing: 0;
	color: #424242;
}
.mInfoWr .infoRBox .eventRankBox .evTblBox thead { 
	border-bottom:1px solid #F0F0F0;
}
.mInfoWr .infoRBox .eventRankBox .evTblBox thead th {
	padding:9px;
	border-right:1px solid #F0F0F0;
	font-weight: 500;
	color: #797979;
}
.mInfoWr .infoRBox .eventRankBox .evTblBox tbody tr { 	
	border-bottom:1px solid #F0F0F0; 
}
.mInfoWr .infoRBox .eventRankBox .evTblBox tbody tr > * { 
	padding:9px 7px;
	border-right:1px solid #F0F0F0;  
	word-break:break-all;
}
.mInfoWr .infoRBox .eventRankBox .evTblBox tbody tr.rankTop { 
	font-weight: 700;
	color: #212121;
}
.mInfoWr .infoRBox .eventRankBox .evTblBox .rankGroup .rankTitle {
	font-weight: 700;
	color: #212121;
	margin: 10px;
	text-align: center;
}
.mInfoWr .infoRBox .eventRankBox .evTblBox tbody tr:hover { 
	background: #F3f3F5;
}
.mInfoWr .infoRBox .eventRankBox .erGradeBox { 
	position:relative; 
	min-height: 137px;
}
.mInfoWr .infoRBox .loadingBox { 
	position:absolute; 
	display:none; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding:32px 0;
	text-align: center;
}
.mInfoWr .infoRBox .loadingBox .imgBox { 
	position:relative; 
	width: 44px;
	height: 44px;
	margin:0 auto 10px;
}
.mInfoWr .infoRBox .loadingBox .imgBox img { 
	position:absolute; 
	top: 50%;
	left: 50%;
	margin:-21px 0 0 -21px;
	animation:rotateAni 3s linear infinite;
}
.mInfoWr .infoRBox .loadingBox .txt { 
	font-size: 14px;
	color: #797979;
}
.mInfoWr .infoRBox .noticeBox { 
	padding:20px;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
.mInfoWr .infoRBox .noticeBox .topBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	margin:0 0 5px;
	padding:0 0 15px;
	border-bottom:1px solid #DBDBDB;
}
.mInfoWr .infoRBox .noticeBox .topBox .tit { 
	font-weight: 700;
	font-size: 20px;
	color: #212121;
}
.mInfoWr .infoRBox .noticeBox .topBox .lnk { 
	position:relative; 
	display:block;
	padding:0 10px 0 0;
	font-size: 14px;	
	color: #797979;
	transition:all .3s ease;
}
.mInfoWr .infoRBox .noticeBox .topBox .lnk:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top:50%;
	right:0;
	margin:-4px 0 0;
	transform:rotate(45deg);
	border-top:1px solid #797979;
	border-right:1px solid #797979;
	transition:all .3s ease;
}
.mInfoWr .infoRBox .noticeBox .topBox .lnk:focus,
.mInfoWr .infoRBox .noticeBox .topBox .lnk:hover { 
	color: #F44336; 
}
.mInfoWr .infoRBox .noticeBox .topBox .lnk:focus:after,
.mInfoWr .infoRBox .noticeBox .topBox .lnk:hover:after { 
	border-color: #F44336; 
}
.mInfoWr .infoRBox .noticeBox .brdLst li { 
	border-bottom:1px solid #EDEDED;
}
.mInfoWr .infoRBox .noticeBox .brdLst .brdLnk { 
	position:relative; 
	display:block;
	padding:16px 20px 16px 0;
}
.mInfoWr .infoRBox .noticeBox .brdLst .brdLnk:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top:50%;
	right:8px;
	margin:-5px 0 0;
	transform:rotate(45deG);
	border-top:2px solid #999;
	border-right:2px solid #999;
}
.mInfoWr .infoRBox .noticeBox .brdLst .brdLnk span { 
	display:block; 
}
.mInfoWr .infoRBox .noticeBox .brdLst .brdLnk .num { 
	position:absolute;
	top:16px;
	left:0;
	font-weight: 500;
	font-size: 16px;
	color: #999;
}
.mInfoWr .infoRBox .noticeBox .brdLst .brdLnk .tit { 
	margin:0 0 11px;
	font-weight: 500; 
	font-size: 16px;
	color: #424242;
	transition:all .3s ease;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.mInfoWr .infoRBox .noticeBox .brdLst .brdLnk .date { 
	font-family: Pretendard;
	font-weight: 500; 
	font-size: 14px;
	color: #797979;
}
.mInfoWr .infoRBox .noticeBox .brdLst .brdLnk:focus .tit,
.mInfoWr .infoRBox .noticeBox .brdLst .brdLnk:hover .tit { 
	color: #F44336;
}
.mInfoWr u-chat { 
	display:block; 
	height: 502px; 
	margin:0 0 40px;
}
@media all and (max-width:1199px){
	.mBnrWr { 
		min-height: 378px;
		padding:0 735px 0 0;
	}
	.mBnrWr .lBox { 
		padding:72px 0 0;
	}
	.mBnrWr .rBox { 
		width: 715px; 
	}
	.mBnrWr .mBnrArrow.stPrev { 
		left:0; 
	}
	.mBnrWr .mBnrArrow.stNext { 
		right:0; 
	}
}
@media all and (max-width:999px){
	.mBnrWr { 
		min-height: 0;
		margin:16px 0 30px;
		padding:0;
	}
	.mBnrWr .lBox { 
		margin:0 0 20px;
		padding:0;
	}
	.mBnrWr .rBox { 
		position:relative; 
		width: 100%;
		top:auto;
		right:auto
	}
	.mBnrWr .tit { 
		margin:0 0 5px;
		font-size: 16px; 
	}
	.mBnrWr .txt { 
		margin:0 0 8px;
		font-size: 15px; 
	}
	.mBnrWr .date { 
		font-size: 13px; 
	}
	.mBnrWr .mBnrPaging { 
		margin:0 0 10px;
	}
	.mBnrWr .mBnrArrow { 
		width: 40px;
		height: 40px;
		margin:-20px 0 0;
	}
	.mBnrWr .mBnrArrow:before { 
		width: 7px; 
		height: 13px;
	}
	.mInfoWr { 
		flex-wrap:wrap; 
		gap:16px;
	}
	.mInfoWr .infoLBox,
	.mInfoWr .infoRBox { 
		width: 100%; 
	}
	.mInfoWr .infoLBox .gBox { 
		margin:0 0 10px;
		padding:16px;
	}
	.mInfoWr .infoLBox .depth1Box .infoDepth01 { 
		gap:8px;
		padding:8px;
	}
	.mInfoWr .infoLBox .depth1Box .infoDepth01:before { 
		width: 20px; 
		height: 20px;
	}
	.mInfoWr .infoLBox .depth1Box .infoDepth01 .btnTxt { 
		font-size: 15px; 
	}
	.mInfoWr .infoLBox .depth2Box { 
		gap:8px;
		margin:0 0 8px;
		padding:8px;
	}
	.mInfoWr .infoLBox .depth2Box .infoDepth02 { 
		width: calc((100% - 24px)/4);
		min-width: 0;
		font-size: 14px;
	}
	.mInfoWr .infoLBox .leagueBox .lgTopBox { 
		gap:8px; 
		padding:10px;
	}
	.mInfoWr .infoLBox .leagueBox .lgTopBox .chkLbl { 
		/* padding:0 0 0 20px; */
		font-size: 13px; 
	}
	.mInfoWr .infoLBox .leagueBox .lgTopBox .chkLbl:before { 
		width: 14px; 
		height: 14px;
		top:1px;
	}
	.mInfoWr .infoLBox .leagueBox .lgTopBox .date { 
		font-size: 13px; 
	}
	.mInfoWr .infoLBox .leagueBox .lgLst02 + .lgTopBox { 
		margin-top:10px;
	}
	.mInfoWr .infoLBox .leagueBox .lgLst > li { 
		flex-wrap:wrap;
		gap:8px;
		padding:10px 0 10px 32px;
	}
	.mInfoWr .infoLBox .leagueBox .lgLst .chkLbl { 
		width: 14px;
		height: 14px;
		left:9px;
		margin:-7px 0 0;
	}
	.mInfoWr .infoLBox .leagueBox .lgLst .scoreLst { 
		width: 100%;
		padding:0 0 8px;
		border-bottom:1px solid #DBDBDB;
	}
	.mInfoWr .infoLBox .leagueBox .lgLst .scoreLst li { 
		margin:0 0 5px;
	}
	.mInfoWr .infoLBox .leagueBox .lgLst .scoreInfo,
	.mInfoWr .infoLBox .leagueBox .lgLst .statBox { 
		width: auto;
		border-left:none;
	}
	.mInfoWr .infoLBox .leagueBox .lgLst .basketScoreBox,
	.mInfoWr .infoLBox .leagueBox .lgLst .baseScoreBox { 
		width: 100%;
		padding:0 16px 0 0;
	}
	.mInfoWr .infoLBox .leagueBox .lgLst .basketScoreBox dt,
	.mInfoWr .infoLBox .leagueBox .lgLst .baseScoreBox dt,
	.mInfoWr .infoLBox .leagueBox .lgLst .baseScoreBox dd .score { 
		font-size: 13px;
	}
	.mInfoWr .infoLBox .leagueBox .lgLst .basketScoreBox dd .bsLst01 {
		gap:10px;
	}
	.mInfoWr .infoLBox .leagueBox .lgLst .basketScoreBox dd .bsLst01 li {
		font-size: 13px;
	}
	.mInfoWr .infoLBox .leagueBox .lgLst .scoreInfo { 
		font-size: 14px;
	}
	.mInfoWr .infoLBox .leagueBox .lgLst02 > li { 
		gap:8px;
		padding:8px;
	}
	.mInfoWr .infoLBox .leagueBox .lgLst02 .teamBox { 
		width: calc((100% - 66px)/2);
	}
	.mInfoWr .infoLBox .leagueBox .lgLst02 .teamBox .name01 { 
		font-size: 12px;
	}
	.mInfoWr .infoLBox .leagueBox .lgLst02 .teamBox .name01.stHome { 
		padding:0 0 0 18px;
	}
	.mInfoWr .infoLBox .leagueBox .lgLst02 .teamBox .name01.stHome:before { 
		top: 1px; 
	}
	.mInfoWr .infoLBox .leagueBox .lgLst02 .teamBox .name02 { 
		font-size: 11px; 
	}
	.mInfoWr .infoLBox .leagueBox .lgLst02 .teamBox .score { 
		font-size: 13px; 
	}
	.mInfoWr .infoLBox .leagueBox .lgLst02 .midBox { 
		width: 50px; 
	}
	.mInfoWr .infoLBox .leagueBox .lgLst02 .midBox .stat { 
		gap:1px;
		margin:0 0 2px;
		padding:0 3px;
		border-radius: 3px;
	}
	.mInfoWr .infoLBox .leagueBox .lgLst02 .midBox .stat .statTxt { 
		font-size: 12px; 
	}
	.mInfoWr .infoLBox .leagueBox .lgLst02 .midBox .stat.stLive .circle { 
		width: 10px; 
		height: 10px;
	}
	.mInfoWr .infoLBox .leagueBox .lgLst02 .midBox .time { 
		margin:0 0 3px;
		font-size: 11px; 
	}
	.mInfoWr .infoLBox .leagueBox .lgLst02 .midBox .starChkBox .chkLbl { 
		height: 16px; 
		background-size:10px auto;
	}
	.mInfoWr .infoLBox .btmBox .btn { 
		gap:5px;
		padding:10px 15px;
	}
	.mInfoWr .infoLBox .btmBox .btn .plus { 
		width: 12px;
		height: 12px;
	}
	.mInfoWr .infoLBox .btmBox .btn .btnTxt { 
		font-size: 14px; 
	}
	.mInfoWr .infoLBox .noDataBox,
	.mInfoWr .infoLBox .loadingBox { 
		padding:24px 0 10px;
	}
	.mInfoWr .infoLBox .noDataBox .txt,
	.mInfoWr .infoLBox .loadingBox .txt { 
		font-size: 13px;
	}
	.mInfoWr .infoLBox .noDataBox .imgBox { 
		width: 125px;
		margin:0 auto 5px;
	}
	.mInfoWr .infoLBox .loadingBox .imgBox { 
		width: 36px;
		height: 36px;
		margin:0 auto 5px;
	}
	.mInfoWr .infoLBox .loadingBox .imgBox img { 
		width: 34px;
		margin:-17px 0 0 -17px;
	}
	.mInfoWr .infoRBox .userInfoBox { 
		margin:0 0 30px;
		padding:16px;
	}
	.mInfoWr .infoRBox .userInfoBox .lnkBox { 
		gap:8px;
	}
	.mInfoWr .infoRBox .userInfoBox .lnkBox .lnk { 
		width: calc((100% - 8px)/2);
		padding:10px 10px 9px;
		font-size: 14px;
	}
	.mInfoWr .infoRBox .loginAfter .userInfo { 
		margin:0 0 16px;
		padding:0 65px 0 0;
	}
	.mInfoWr .infoRBox .loginAfter .userInfo .imgBox { 
		width: 56px;
	}
	.mInfoWr .infoRBox .loginAfter .userInfo .name { 
		margin:0 0 0 5px;
		font-size: 16px;
	}
	.mInfoWr .infoRBox .loginAfter .userInfo .per { 
		margin:0 0 0 8px;
		padding:2px 8px 1px;
		font-size: 14px;
	}
	.mInfoWr .infoRBox .loginAfter .userInfo .logout { 
		font-size: 13px;
	}
	.mInfoWr .infoRBox .loginAfter .userInfo .logout:after { 
		width: 6px;
		height: 6px;
		margin:-3px 0 0;
	}
	.mInfoWr .infoRBox .loginAfter .userWord { 
		margin:0 0 16px;
		padding:14px 16px;
	}
	.mInfoWr .infoRBox .loginAfter .userWord .uwTit { 
		margin:0 0 10px;
		font-size: 14px;
	}
	.mInfoWr .infoRBox .loginAfter .userWord .uwTxt { 
		font-size: 13px;
	}
	.mInfoWr .infoRBox .loginBefore .lbTopBox { 
		gap:8px;
		margin:0 0 10px;
	}
	.mInfoWr .infoRBox .loginBefore .lbTopBox .imgBox { 
		width: 56px; 
	}
	.mInfoWr .infoRBox .loginBefore .lbTopBox .txt { 
		font-size: 14px; 
	}
	.mInfoWr .infoRBox .myTeamBox { 
		margin:0 0 30px;
		padding:16px;
	}
	.mInfoWr .infoRBox .myTeamBox .topBox {
		margin:0 0 8px;
		padding:16px 0 0;
	}
	.mInfoWr .infoRBox .myTeamBox .topBox .tit { 
		padding:0 0 0 20px;
		font-size: 16px;
	}
	.mInfoWr .infoRBox .myTeamBox .topBox .tit:before { 
		width: 14px;
		height: 14px;
	}
	.mInfoWr .infoRBox .myTeamBox .topBox .lnk { 
		font-size: 13px;
	}
	.mInfoWr .infoRBox .myTeamBox .topBox .lnk:after { 
		width: 6px;
		height: 6px;
		margin:-3px 0 0;
	}
	.mInfoWr .infoRBox .myTeamBox .conBox { 
		margin:0 0 10px;
		padding:16px;
	}
	.mInfoWr .infoRBox .myTeamBox .lgTopBox { 
		padding:10px;
	}
	.mInfoWr .infoRBox .myTeamBox .lgTopBox .chkLbl { 
		padding: 0 0 0 20px;
        font-size: 13px;
	}
	.mInfoWr .infoRBox .myTeamBox .lgTopBox .chkLbl:before {
        width: 14px;
        height: 14px;
        top: 1px;
	}
	.mInfoWr .infoRBox .myTeamBox .lgLst > li { 
		padding:10px 10px 10px 38px;
	}
	.mInfoWr .infoRBox .myTeamBox .lgLst .chkLbl { 
		width: 14px;
		height: 14px;		
		left: 10px;
		margin:-7px 0 0;
	}
	.mInfoWr .infoRBox .myTeamBox .lgLst .scoreLst li { 
		margin:0 0 5px;
		font-size: 13px; 
	}
	.mInfoWr .infoRBox .myTeamBox .lgLst .stat .statTxt,
	.mInfoWr .infoRBox .myTeamBox .lgLst .time,
	.mInfoWr .infoRBox .myTeamBox .lgLst .num,
	.mInfoWr .infoRBox .myTeamBox .lgLst .txt { 
		font-size: 13px; 
	}
	.mInfoWr .infoRBox .myTeamBox .leagueBox + .leagueBox { 
		margin-top:16px;
	}
	.mInfoWr .infoRBox .myTeamBox .beforeLogin { 
		padding:16px 0;
	}
	.mInfoWr .infoRBox .myTeamBox .beforeLogin .imgBox { 
		width: 125px;
		margin:0 auto 8px;
	}
	.mInfoWr .infoRBox .myTeamBox .beforeLogin .txt { 
		font-size: 13px;
	}
	.mInfoWr .infoRBox .bannerLst { 
		margin:0 0 30px;
	}
	.mInfoWr .infoRBox .bannerLst li { 
		margin:0 0 8px;
	}
	.mInfoWr .infoRBox .eventRankBox { 
		margin:0 0 20px;
	}
	.mInfoWr .infoRBox .eventRankBox .depth1Box { 
		gap:8px;
	}
	.mInfoWr .infoRBox .eventRankBox .depth1Box .infoDepth01 { 
		gap:8px;
		width: calc((100% - 24px)/3);
		padding:8px;
	}
	.mInfoWr .infoRBox .eventRankBox .depth1Box .infoDepth01:before { 
		width: 20px; 
		height: 20px;
	}
	.mInfoWr .infoRBox .eventRankBox .depth1Box .infoDepth01 .btnTxt { 
		font-size: 15px;
	}
	.mInfoWr .infoRBox .eventRankBox .conBox { 
		padding:16px;
	}
	.mInfoWr .infoRBox .eventRankBox .tit { 
		margin:0 0 5px;
		font-size: 16px;
	}
	.mInfoWr .infoRBox .eventRankBox .erCateBox { 
		gap:8px;
		margin:0 0 8px;
	}
	.mInfoWr .infoRBox .eventRankBox .erCateBox .erCate { 
		width: calc((100% - 8px)/2);
		font-size: 14px;
	}
	.mInfoWr .infoRBox .eventRankBox .evTblBox table { 
		font-size: 13px; 
	}
	.mInfoWr .infoLBox .loadingBox {
		padding:24px 0 10px;
	}
	.mInfoWr .infoRBox .noDataBox .txt,
	.mInfoWr .infoRBox .loadingBox .txt {
		font-size: 13px;
	}
	.mInfoWr .infoRBox .noDataBox .imgBox {
		width: 125px;
		margin:0 auto 5px;
	}
	.mInfoWr .infoRBox .loadingBox .imgBox {
		width: 36px;
		height: 36px;
		margin:0 auto 5px;
	}
	.mInfoWr .infoRBox .loadingBox .imgBox img {
		width: 34px;
		margin:-17px 0 0 -17px;
	}
	.mInfoWr .infoRBox .noticeBox { 
		padding:16px;
	}
	.mInfoWr .infoRBox .noticeBox .topBox { 
		padding:0 0 8px;
	}
	.mInfoWr .infoRBox .noticeBox .topBox .tit { 
		font-size: 16px; 
	}
	.mInfoWr .infoRBox .noticeBox .topBox .lnk { 
		font-size: 13px; 
	}
	.mInfoWr .infoRBox .noticeBox .topBox .lnk:after { 
		width: 6px; 
		height: 6px;
		top: 6px;
		margin:0;
	}
	.mInfoWr .infoRBox .noticeBox .brdLst .brdLnk { 
		padding:13px 20px 13px 0;
	}
	.mInfoWr .infoRBox .noticeBox .brdLst .brdLnk:after { 
		width: 8px;
		height: 8px;
		margin:-4px 0 0;
	}
	.mInfoWr .infoRBox .noticeBox .brdLst .brdLnk .num { 
		top:13px;
		font-size: 14px;
	}
	.mInfoWr .infoRBox .noticeBox .brdLst .brdLnk .tit { 
		margin:0 0 8px;
		font-size: 14px;
	}
	.mInfoWr .infoRBox .noticeBox .brdLst .brdLnk .date { 
		font-size: 13px; 
	}
	.mInfoWr u-chat { 
		height: 300px; 
		margin:0 0 30px;
	}
}
/* 메인 끝
------------------------------------------------------ */
/* 경기 정보 시작
------------------------------------------------------ */
.matchInfoWr .Opta-Cf { 
	position:relative; 
}
.matchInfoWr .Opta-video-container { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}
.matchInfoWr .Opta-video { 
	position:absolute;
	height: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.matchInfoWr .Opta h3 { 
	height: auto;
	padding: 6px 0;
	background: #F1F7FF;
	text-align: center;
	line-height: 1.3; 
}
.matchInfoWr .Opta h3 > span { 
	float: none;
    font-weight: 700;
    font-size: 18px;
    color: #212121;
}
.matchInfoWr .Opta-MatchInfo-Teams { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	gap:8px;
	padding:12px 0;
}
.matchInfoWr .Opta abbr,
.matchInfoWr .Opta-MatchInfo-TeamLeft,
.matchInfoWr .Opta-MatchInfo-TeamRight { 
	font-weight: 700; 
	font-size: 20px;
}
.matchInfoWr .Opta abbr { 
	display:block; 
	width: 20px;
	text-align: center;
	color: #797979;
}
.matchInfoWr .Opta-MatchInfo-TeamLeft,
.matchInfoWr .Opta-MatchInfo-TeamRight { 
	width: calc(100% - 36px);
	color: #212121; 
}
.matchInfoWr .Opta-MatchInfo-TeamLeft { 
	text-align: right; 
}
.matchInfoWr .Opta-MatchInfo-MatchStatus-container { 
	text-align: center;
}
.matchInfoWr .Opta-MatchInfo-MatchStatus-container span { 
	font-weight: 500;
    font-size: 20px;
    color: #797979;
}
.matchInfoWr .miPicBox {
	position:relative;
	margin:0 0 40px;
	padding:53.33% 0 0;
	font-size: 0;
}
.matchInfoWr .miPicBox iframe { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background: #E0E0E0;
}
.matchInfoWr .miResultBox {
	margin:0 0 40px;
	padding:0 0 40px;
	border-bottom:1px solid #DBDBDB;
}
.matchInfoWr .miResultBox .topBox { 
	display:flex;
	flex-wrap:wrap; 
	align-items:center;
	gap:12px;
	margin:0 0 12px;
}
.matchInfoWr .miResultBox .topBox .tit { 
	font-weight: 700;
	font-size: 20px;
	color: #212121;
}
.matchInfoWr .miResultBox .topBox .cate { 
	position:relative;
	padding:7px 10px 6px 30px;
	background: #FAFAFA;
	border:1px solid #F0F0F0;
	border-radius: 100px;
	font-weight: 500;
	font-size: 15px;
	color: #999;
}
.matchInfoWr .miResultBox .topBox .cate:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 15px;
	height: 15px;
	top:8px;
	left:10px;
	background-size:cover;
	background-repeat:no-repeat;
}
.matchInfoWr .miResultBox .topBox .cate.stSoccer:before { 
	background-image: url(/Form/_guest/basic/images/miResult_soccer.svg); 
}
.matchInfoWr .miResultBox .topBox .cate.stBasket:before { 
	background-image: url(/Form/_guest/basic/images/miResult_basket.svg); 
}
.matchInfoWr .miResultBox .topBox .cate.stBase:before { 
	background-image: url(/Form/_guest/basic/images/miResult_base.svg); 
}
.matchInfoWr .miResultBox .conBox { 
	display:flex;
	gap:12px;
	margin:0 0 35px;
}
.matchInfoWr .miResultBox .conBox .lBox { 
	flex-grow:1;
}
.matchInfoWr .miResultBox .conBox .rBox { 
	flex-shrink:0;
	width: 288px;
}
.matchInfoWr .miResultBox .miIntroTop { 
	display:flex;
	flex-wrap:wrap; 
	align-items:center; 
	justify-content:space-between;
	gap:8px;
	margin:0 0 20px;
	padding:19px 12px 17px;
	background: #F1F7FF;
	border-radius: 5px;
}
.matchInfoWr .miResultBox .miIntroTop .name { 
	font-weight: 700; 
	font-size: 18px;
	color: #212121;
}
.matchInfoWr .miResultBox .miIntroTop .date { 
	font-family: Pretendard;
	font-size: 14px;
	color: #8D99AC;
}
.matchInfoWr .miResultBox .miIntroBtm { 
	display:flex;
	margin:0 0 21px;
	padding:0 0 25px;
	border-bottom:1px solid #EDEDED;
}
.matchInfoWr .miResultBox .miIntroBtm .teamInfo { 
	flex-grow:1; 
}
.matchInfoWr .miResultBox .miIntroBtm .teamInfo li { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	margin:0 0 18px;
}
.matchInfoWr .miResultBox .miIntroBtm .teamInfo li span { 
	display:block; 
}
.matchInfoWr .miResultBox .miIntroBtm .teamInfo li:last-child { 
	margin:0;
}
.matchInfoWr .miResultBox .miIntroBtm .teamInfo .name { 
	font-weight: 700;
	font-size: 20px;
	color: #424242;
}
.matchInfoWr .miResultBox .miIntroBtm .teamInfo .namekr {
	font-weight: 700;
	font-size: 15px;
	color: #424242;
}
.matchInfoWr .miResultBox .miIntroBtm .teamInfo .num { 
	font-family: Pretendard;
	font-weight: 700; 
	font-size: 20px;
	color: #F44336;
}
.matchInfoWr .miResultBox .miIntroBtm .resultBox { 
	flex-grow:1;
	display:flex;
	align-items:center; 
	justify-content:center; 
	gap:19px;
}
.matchInfoWr .miResultBox .miIntroBtm .resultBox .rstBox { 
	flex-grow:1;
	display:flex;
	align-items:center;
	gap:14px;
	font-size: 20px;
}
.matchInfoWr .miResultBox .miIntroBtm .resultBox .rstBox .name { 
	position:relative; 
	font-weight: 700;
	color: #212121;
	word-break:break-all;
}
.matchInfoWr .miResultBox .miIntroBtm .resultBox .rstBox .name span { 
	display:block;
	font-weight: 500;
	font-size: 15px;
	color: #797979;
}
.matchInfoWr .miResultBox .miIntroBtm .resultBox .rstBox.stRight .name { 
	padding:0 0 0 30px;
}
.matchInfoWr .miResultBox .miIntroBtm .resultBox .rstBox.stRight .name:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top: 0;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;	
}
.matchInfoWr .miResultBox .miIntroBtm .resultBox .rstBox.stRight.stSocc .name:before {
	background-image:url(/Form/_guest/basic/images/mIcoHome01.svg);
}
.matchInfoWr .miResultBox .miIntroBtm .resultBox .rstBox.stRight.stBase .name:before {
	background-image:url(/Form/_guest/basic/images/mIcoHome02.svg);
}
.matchInfoWr .miResultBox .miIntroBtm .resultBox .rstBox.stRight.stBask .name:before {
	background-image:url(/Form/_guest/basic/images/mIcoHome03.svg);
}
.matchInfoWr .miResultBox .miIntroBtm .resultBox .num {
	font-family: Pretendard;
	font-weight: 700;
	color: #F44336;
}
.matchInfoWr .miResultBox .miIntroBtm .resultBox .rstBox.stLeft { 
	justify-content:flex-end;
	text-align: right;
}
.matchInfoWr .miResultBox .miIntroBtm .resultBox .midBar { 
	flex-shrink:0;
	display:block; 
	width: 4px;
	height: 1px;
	background: #212121;
}
.matchInfoWr .miResultBox .miIntroBtm .scoreInfo {
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 100px;
	margin:0 0 0 24px;
	padding:9px 9px 8px;
	border-left:1px solid #DBDBDB;
	font-size: 20px;
	text-align: center;
}
.matchInfoWr .miResultBox .miIntroBtm .scoreInfo .time {
	font-family: Pretendard;
	color: #424242;
}
.matchInfoWr .miResultBox .miIntroBtm .scoreInfo .num {
	font-family: Pretendard;
	font-weight: 700;
	color: #F44336;
}
.matchInfoWr .miResultBox .miIntroBtm .scoreInfo .end {
	font-family: Pretendard;
	font-weight: 700;
	color: #797979;
}
.matchInfoWr .miResultBox .miIntroBtm .conditionBox { 
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 80px; 
	border-left:1px solid #DBDBDB;
}
.matchInfoWr .miResultBox .miIntroBtm .conditionBox .stat { 
	position:relative; 
	display:block;
	border-radius: 5px;
	font-family: Pretendard;
	font-weight: 700;
	font-size: 16px;
}
.matchInfoWr .miResultBox .miIntroBtm .conditionBox .stat.st01 { 
	padding:1px 3px 0 20px;
	background: #F44336;
	color: #FFF;
}
.matchInfoWr .miResultBox .miIntroBtm .conditionBox .stat.st01 span { 
	position:absolute; 
	display:block;
	width: 12px;
	height: 12px;
	top: 4px;
	left: 4px;
	background: #FFF;
	border-radius: 50%;
}
.matchInfoWr .miResultBox .miIntroBtm .conditionBox .stat.st01 span:before,
.matchInfoWr .miResultBox .miIntroBtm .conditionBox .stat.st01 span:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin:auto;
	border-radius: 50%;
}
.matchInfoWr .miResultBox .miIntroBtm .conditionBox .stat.st01 span:before { 
	width: 6px; 
	height: 6px;
	background: #F44336;
}
.matchInfoWr .miResultBox .miIntroBtm .conditionBox .stat.st01 span:after { 
	width: 2px; 
	height: 2px;
	background: #FFF;
}
.matchInfoWr .miResultBox .miIntroBtm .conditionBox .stat.st02 { 
	padding:0 3px;
	background: #EDEDED;
	color: #797979;
}
.matchInfoWr .miResultBox .miIntroTit01 { 
	margin:0 0 9px;
	font-weight: 500; 
	font-size: 16px;
	color: #666;
}
.matchInfoWr .miResultBox .miIntroTbl { 
	overflow-x:auto; 
}
.matchInfoWr .miResultBox .miIntroTbl table { 
	min-width: 900px;
	border:1px solid #F0F0F0;
	text-align: center;
}
.matchInfoWr .miResultBox .miIntroTbl thead { 
	background: #FAFAFA;
}
.matchInfoWr .miResultBox .miIntroTbl thead th { 
	padding:9px;
	border-right:1px solid #F0F0F0;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0;
	color: #797979;
}
.matchInfoWr .miResultBox .miIntroTbl thead th:last-child { 
	border-right:none;
}
.matchInfoWr .miResultBox .miIntroTbl tbody tr { 
	border-bottom:1px solid #F0F0F0;
}
.matchInfoWr .miResultBox .miIntroTbl tbody tr > * { 
	padding:8px 8px 7px;
	border-right:1px solid #F0F0F0; 
	font-size: 14px;
	letter-spacing: 0;
}
.matchInfoWr .miResultBox .miIntroTbl tbody tr > *:last-child { 
	border-right:none; 
}
.matchInfoWr .miResultBox .miIntroTbl tbody tr:last-child { 
	border-bottom:0;
}
.matchInfoWr .miResultBox .miIntroTbl tbody th { 
	font-weight: 700; 
	color: #212121;
}
.matchInfoWr .miResultBox .miIntroTbl tbody td { 
	font-weight: 500;
	color: #424242;
}
.matchInfoWr .miResultBox .miIntroTbl tbody td.stTotal { 
	background: #FFF7F6;
	font-weight: 700;
	color: #F44336;
}
.matchInfoWr .miResultBox .foreTit01 { 
	position:relative;
	margin:0 0 10px;
	padding:0 0 0 28px;
	font-weight: 700;
	font-size: 20px;
	color: #212121;
}
.matchInfoWr .miResultBox .foreTit01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top: 0;
	left: 0;
	background:url(/Form/_guest/basic/images/miForeTit01.png) no-repeat;
	background-size:cover;
}
.matchInfoWr .miResultBox .foreTeam { 
	margin:0 0 12px;
	padding:8px;
	background: #F7F7F7;
	border-radius: 5px;
	font-size: 14px;
	text-align: center;
	color: #797979;
}
.matchInfoWr .miResultBox .foreUser { 
	display:flex;
	flex-wrap:wrap; 
	align-items:center; 
	justify-content:center; 
	gap:6px;
	margin:0 0 13px;
}
.matchInfoWr .miResultBox .foreUser .gender { 
	font-size: 0; 
}
.matchInfoWr .miResultBox .foreUser .gender img { 
	max-width: 100%; 
}
.matchInfoWr .miResultBox .foreUser .name { 
	font-weight: 700; 
	font-size: 20px;
	color: #212121;
}
.matchInfoWr .miResultBox .foreUser .per { 
	padding:2px 13px 1px;
	background: #FBC02D;
	border-radius: 100px;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	color: #FFF;
}
.matchInfoWr .miResultBox .foreSelBox { 
	display:flex;
	gap:12px;
	margin:0 0 12px;
}
.matchInfoWr .miResultBox .foreSelBox .foreChk,
.matchInfoWr .miResultBox .foreSelBox .foreSmt { 
	display:block; 
	padding:13px 16px 12px;
	border-width:1px;
	border-style:solid;
	border-radius: 5px;
	font-weight: 700; 
	font-size: 16px;
	text-align: center;
}
.matchInfoWr .miResultBox .foreSelBox .foreChk { 
	flex-shrink:0;
	border-color:#EDEDED;
	color: #797979;
}
.matchInfoWr .miResultBox .foreSelBox .foreChk.on { 
	background: #FFF7F6;
	border-color:#F44336;
	color: #F44336;
}
.matchInfoWr .miResultBox .foreSelBox .foreSmt { 
	flex-grow:1;
	background: #F44336;
	border-color:#F44336;
	color: #FFF;
}
.matchInfoWr .miResultBox .foreStatLst { 
	display:flex;
	flex-wrap:wrap;
	justify-content:center; 
	gap:40px;
	padding:0 24px;
}
.matchInfoWr .miResultBox .foreStatLst li { 
	position:relative; 
	width: calc((100% - 80px)/3);
	padding:0 0 22px;
	text-align: center;
}
.matchInfoWr .miResultBox .foreStatLst .statGaugeBox { 
	position:relative;
	width: 4px;
	height: 100px;
	margin:0 auto 3px;
	background: #EDEDED;
	border-radius: 100px;
	font-size: 0;
}
.matchInfoWr .miResultBox .foreStatLst .statGaugeBox .statGauge { 
	position:absolute; 
	display:block; 
	width: 100%;
	height: 0;
	bottom: 0;
	left: 0;
	background: #CDCDCD;
	border-radius: 100px;
	transition:all .3s ease;
}
.matchInfoWr .miResultBox .foreStatLst .statPer { 
	margin:0 0 1px;
	font-family: Pretendard;
	font-weight: 500;
	font-size: 13px;
	color: #797979;
}
.matchInfoWr .miResultBox .foreStatLst .statTxt { 
	padding:1px 1px 2px;
	background: #EDEDED;
	border-radius: 5px;
	font-weight: 500;
	font-size: 12px;
	color: #666;
}
.matchInfoWr .miResultBox .foreStatLst li.on:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	bottom:0;
	left:50%;
	margin:0 0 0 -8px;
	background:url(/Form/_guest/basic/images/miStatChk01.svg) no-repeat;
	background-size:cover;
}
.matchInfoWr .miResultBox .foreStatLst li.on .statGaugeBox .statGauge { 
	background: #F44336;
}
.matchInfoWr .miResultBox .foreStatLst li.on .statPer { 
	color: #F44336;
}
.matchInfoWr .miResultBox .foreStatLst li.on .statTxt { 
	background: #F44336;
	color: #FFF;
}
.matchInfoWr .miResultBox .beforeLogin { 
	text-align: center; 
	margin:0 0 20px;
	padding:20px 0;
}
.matchInfoWr .miResultBox .beforeLogin .txt { 
	position:relative; 
	display:inline-block;
	margin:0 0 16px;
	padding:2px 0 2px 35px;
	font-size: 16px;
	color: #797979;
}
.matchInfoWr .miResultBox .beforeLogin .txt:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top: 0;
	left: 0;
	background:url(/Form/_guest/basic/images/miBeforeLogin01.png) no-repeat;
	background-size:cover;
}
.matchInfoWr .miResultBox .beforeLogin .lnk { 
	display:block; 
	padding:13px 10px 12px;
	background: #F44336;
	border:1px solid #F44336;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.22px;
	color: #FFF;
	transition:all .3s ease;
}
.matchInfoWr .miResultBox .beforeLogin .lnk:focus,
.matchInfoWr .miResultBox .beforeLogin .lnk:hover { 
	background:transparent;
	color: #F44336;
}
.matchInfoWr .miResultBox .latelyForeLst { 
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}
.matchInfoWr .miResultBox .latelyForeLst > li { 
	width: calc((100% - 60px)/4);
	display:flex;
	align-items:center; 
	gap:7px;
}
.matchInfoWr .miResultBox .latelyForeLst .gender { 
	flex-shrink:0;
	font-size: 0; 
}
.matchInfoWr .miResultBox .latelyForeLst .gender img { 
	max-width: 100%; 
}
.matchInfoWr .miResultBox .latelyForeLst .name { 
	flex-grow:1;
	font-weight: 500;
	font-size: 15px;
	color: #212121;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.matchInfoWr .miResultBox .latelyForeLst .per { 
	flex-shrink:0;
	padding:2px 12px 1px;
	background: #FBC02D;
	border-radius: 100px;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	color: #FFF;
}
.matchInfoWr .miResultBox .latelyForeLst .result { 
	flex-shrink:0; 
	padding:6px 9px;
	border:1px solid #EDEDED;
	border-radius: 5px;
	font-weight: 700;
	font-size: 14px;
	text-align: center;
	color: #797979;
}
.matchInfoWr .miResultBox .latelyForeLst .hit { 
	flex-shrink:0;
	width: 40px;
	font-size: 14px;
	text-align: center;
}
.matchInfoWr .miResultBox .latelyForeLst .hit.st01 { 
	font-weight: 500;
	color: #F44336;
}
.matchInfoWr .miResultBox .latelyForeLst .hit.st02 { 
	color: #999;
}
.matchInfoWr .miResultBox .latelyForeLst .hit.st03 { 
	font-weight: 500;
	color: #999;
}
.matchInfoWr .miResultBox .noForeBox { 
	padding:40px 0 37px;
	text-align: center; 
}
.matchInfoWr .miResultBox .noForeBox .txt { 
	font-size: 14px;
	color: #797979;
}
.matchInfoWr .miResultBox .noForeBox .imgBox { 
	max-width: 100%;
	margin:0 auto 10px;
	font-size: 0; 
}
.matchInfoWr .miResultBox .noForeBox .imgBox img { 
	max-width: 100%; 
}
.matchInfoWr .miCateBox { 
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin:0 0 20px;
}
.matchInfoWr .miCateBox .miCate { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:10px;
	min-width: 140px;
	padding:11px;
	border:1px solid #F0F0F0;
	border-radius: 5px;
	transition:all .3s ease;
}
.matchInfoWr .miCateBox .miCate:before { 
	flex-shrink:0;
	content:""; 
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	background-repeat:no-repeat;
	background-size:cover;
}
.matchInfoWr .miCateBox .miCate .btnTxt { 
	font-weight: 500; 
	font-size: 18px;
	color: #999;
	transition:all .3s ease;
}
.matchInfoWr .miCateBox .miCate:focus,
.matchInfoWr .miCateBox .miCate:hover,
.matchInfoWr .miCateBox .miCate.on { 
	background: #F44336; 
}
.matchInfoWr .miCateBox .miCate:focus .btnTxt,
.matchInfoWr .miCateBox .miCate:hover .btnTxt,
.matchInfoWr .miCateBox .miCate.on .btnTxt { 
	font-weight: 700;
	color: #FFF;
}
.matchInfoWr .miCateBox .miCate.stLine:before { 
	background-image: url(/Form/_guest/basic/images/miCateLine_off.svg); 
}
.matchInfoWr .miCateBox .miCate.stLine:focus:before,
.matchInfoWr .miCateBox .miCate.stLine:hover:before,
.matchInfoWr .miCateBox .miCate.stLine.on:before { 
	background-image: url(/Form/_guest/basic/images/miCateLine_on.svg); 
}
.matchInfoWr .miCateBox .miCate.stMatch:before { 
	background-image: url(/Form/_guest/basic/images/miCateMatch_off.svg); 
}
.matchInfoWr .miCateBox .miCate.stMatch:focus:before,
.matchInfoWr .miCateBox .miCate.stMatch:hover:before,
.matchInfoWr .miCateBox .miCate.stMatch.on:before { 
	background-image: url(/Form/_guest/basic/images/miCateMatch_on.svg); 
}
.matchInfoWr .miCateBox .miCate.stRecord:before { 
	background-image: url(/Form/_guest/basic/images/miCateRecord_off.svg); 
}
.matchInfoWr .miCateBox .miCate.stRecord:focus:before,
.matchInfoWr .miCateBox .miCate.stRecord:hover:before,
.matchInfoWr .miCateBox .miCate.stRecord.on:before { 
	background-image: url(/Form/_guest/basic/images/miCateRecord_on.svg); 
}
.matchInfoWr .miConBox { 
	display:none; 
}
.matchInfoWr .miConBox.on { 
	display: block; 
}
.matchInfoWr .directorBox { 
	display:flex;
	align-items:center;
	justify-content:space-between; 
	gap:8px;
	width: 100%;
	margin:0 0 20px;
	padding:20px;
	border-radius: 5px;
	background: #F7F7F7;
	font-weight: 700; 
	font-size: 20px;
}
.matchInfoWr .directorBox .name { 
	color: #424242;
}
.matchInfoWr .directorBox .cTxt { 
	flex-shrink:0;
	position:relative;
	padding:9px 19px 7px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 5px;
	color: #212121;
}
.matchInfoWr .directorBox .cTxt:before,
.matchInfoWr .directorBox .cTxt:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 90px;
	height: 1px;
	top:50%;
	background: #999;
}
.matchInfoWr .directorBox .cTxt:before { 
	right:calc(100% + 20px); 
}
.matchInfoWr .directorBox .cTxt:after { 
	left:calc(100% + 20px); 
}
.matchInfoWr .lineupBox .tit { 
	position:relative;
	margin:0 0 10px;
	padding:0 0 0 26px;
	font-weight: 700;
	font-size: 20px;	
	color: #212121;
}
.matchInfoWr .lineupBox .tit:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top:0;
	left:0;
	background-repeat:no-repeat;	
	background-size:cover;
}
.matchInfoWr .lineupBox .tit.stLine:before { 
	background-image:url(/Form/_guest/basic/images/miLine01.svg)  
}
.matchInfoWr .lineupBox .tit.stChange:before { 
	background-image:url(/Form/_guest/basic/images/miChange01.svg) 
}
.matchInfoWr .lineupBox .sTit { 
	margin:0 0 12px;
	padding:8px 8px 7px;
	background: #F1F7FF; 
	border-radius: 5px;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	color: #424242;
}
.matchInfoWr .lineupBox .playerBox + .sTit { 
	margin-top:24px;
}
.matchInfoWr .lineupBox .playerBox { 
	display:flex;
	gap:12px;
}
.matchInfoWr .lineupBox .playerBox .playerLst { 
	width: calc((100% - 12px)/2);
	padding:0 20px;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
.matchInfoWr .lineupBox .playerBox .playerLst li { 
	position:relative; 
	display:flex;
	align-items:center;
	gap:8px;
	padding:18px 9px 16px 49px;
	border-bottom:1px solid #DBDBDB;
}
.matchInfoWr .lineupBox .playerBox .playerLst li:last-child { 
	border-bottom:none;
}
.matchInfoWr .lineupBox .playerBox .playerNum { 
	position:absolute; 
	width: 23px;
	top:50%;
	left:7px;
	transform:translateY(-50%);
	font-weight: 700;
	font-size: 20px;
	text-align: center;
	color: #797979;
}
.matchInfoWr .lineupBox .playerBox .playerInfo { 
	flex-grow:1; 
}
.matchInfoWr .lineupBox .playerBox .playerInfo .name { 
	font-weight: 700;
	font-size: 16px;
	color: #424242;
}
.matchInfoWr .lineupBox .playerBox .playerInfo .position { 
	font-weight: 500; 
	font-size: 16px;
	color: #797979;
}
.matchInfoWr .lineupBox .playerBox .playerInfo .name + .position { 
	margin-top:7px;
}
.matchInfoWr .lineupBox .playerBox .changeInfo { 
	flex-shrink:0;
	display:flex;
	align-items:center;
	gap:12px;
}
.matchInfoWr .lineupBox .playerBox .changeInfo .num01 { 
	padding:2px 12px;
	border-radius: 100px;
	font-weight: 700;
	font-size: 14px;
	color: #FFF;
}
.matchInfoWr .lineupBox .playerBox .changeInfo .num01.st01 { 
	background: #33C771; 
}
.matchInfoWr .lineupBox .playerBox .changeInfo .num01.st02 { 
	background: #F08022; 
}
.matchInfoWr .lineupBox .playerBox .changeInfo .num01.st03 { 
	background: #3D5AFE; 
}
.matchInfoWr .lineupBox .playerBox .changeInfo .num02 { 
	font-family: Pretendard;
	font-weight: 700;
	font-size: 16px;
	color: #F44336;
}
.matchInfoWr .lineupBox .playerBox .changeInfo .changeIco { 
	display:block; 
	font-size: 0;
}
.matchInfoWr .lineupBox .playerBox .changeInfo .changeIco img { 
	max-width: 100%; 
}
.matchInfoWr .lineupBox + .lineupBox { 
	margin-top:20px;
}
.matchInfoWr .expBox .expTit { 
	margin:0 0 8px;
	font-weight: 700;
	font-size: 20px;
	color: #212121;
}
.matchInfoWr .expBox .expCateBox { 
	display:flex;
	flex-wrap:wrap; 
	gap:12px;
}
.matchInfoWr .expBox .expCateBox .expCate { 
	display:block;
	min-width: 126px;
	padding:7px;
	border:1px solid #F0F0F0;
	border-radius: 5px;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	color: #999;
	transition:all .3s ease;
}
.matchInfoWr .expBox .expCateBox .expCate:focus,
.matchInfoWr .expBox .expCateBox .expCate:hover,
.matchInfoWr .expBox .expCateBox .expCate.on { 
	background: #FFF7F6;
	border-color:#F44336;
	color: #F44336;
}
.matchInfoWr .expBox .expCon { 
	position:relative;
	padding:41px 0 0 92px;
}
.matchInfoWr .expBox .expCon .circle { 
	position:absolute; 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 60px;
	height: 60px;
	top:21px;
	left:21px;
	background: #F7F7F7;
	border-radius: 50%;
	font-size: 0;
}
.matchInfoWr .expBox .expCon .circle .time { 
	display:block; 
	font-family: Pretendard;
	font-weight: 700;
	font-size: 24px;
	text-align: center;
	color: #797979;
}
.matchInfoWr .expBox .expCon .circle .plusTime {
	position:absolute;
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 28px;
	height: 28px;
	bottom:0;
	right:-15px;
	background: #F7F7F7;
	border:1px solid #FFF;
	border-radius: 50%;
	font-family: Pretendard;
	font-weight: 700;
	font-size: 14px;
	text-align: center;
	color: #797979;
}
.matchInfoWr .expBox .expCon .circle.stTime { 
	background: #424242; 
}
.matchInfoWr .expBox .expCon .circle.stTime .time { 
	color: #FFF; 
}
.matchInfoWr .expBox .expCon .circle.stTime .plusTime { 
	background: #424242; 
	color: #FFF;
}
.matchInfoWr .expBox .expCon .txt { 
	padding:20px;
	background: #F7F7F7;
	border:1px solid #F0F0F0;
	border-radius: 5px;
	font-family: Pretendard;
	font-size: 14px;
	line-height: 1.4;
	color: #424242;
	word-break:break-all;
}
.matchInfoWr .expBox .expCon .infoBox { 
	display:flex;
	align-items:center;
	gap:15px;
	margin:0 0 30px;
	padding:0 0 0 9px;
}
.matchInfoWr .expBox .expCon .infoBox .name { 
	font-family: Pretendard;
	font-weight: 500;
	font-size: 16px;
	color: #212121;
}
.matchInfoWr .expBox .expCon .infoBox .active { 
	position:relative;
	padding:0 33px 0 16px;
	font-weight: 500;
	font-size: 15px;
	color: #797979;
}
.matchInfoWr .expBox .expCon .infoBox .active:before,
.matchInfoWr .expBox .expCon .infoBox .active:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
}
.matchInfoWr .expBox .expCon .infoBox .active:before { 
	width: 1px;
	height: 14px;
	top:50%;
	left:0;
	margin:-7px 0 0;
	background: #DBDBDB;
}
.matchInfoWr .expBox .expCon .infoBox .active:after { 
	width: 20px;
	height: 20px;
	top:50%;
	right:0;
	margin:-10px 0 0;
	background-repeat: no-repeat;
	background-size:cover;
}
.matchInfoWr .expBox .expCon .infoBox .active.stAssi:after { 
	background-image: url(/Form/_guest/basic/images/miExp_assist01.svg); 
}
.matchInfoWr .expBox .expCon .infoBox .active.stGoal:after { 
	background-image: url(/Form/_guest/basic/images/miExp_Goal01.svg); 
}
.matchInfoWr .expBox .expCon .infoBox .active.stBasket:after { 
	background-image: url(/Form/_guest/basic/images/miExp_basket01.svg); 
}
.matchInfoWr .expBox .expCon .infoBox .active.stHit:after { 
	background-image: url(/Form/_guest/basic/images/miExp_hit01.svg); 
}
.matchInfoWr .expBox .expCon .infoBox .active.stCatch:after { 
	background-image: url(/Form/_guest/basic/images/miExp_catch01.svg); 
}
.matchInfoWr .expBox .expCon .infoBox .active.stOut:after { 
	background-image: url(/Form/_guest/basic/images/miExp_out01.svg); 
}
.matchInfoWr .expBox .expCon .infoBox .active.stScore:after { 
	background-image: url(/Form/_guest/basic/images/miExp_score01.svg); 
}
.matchInfoWr .expBox .expCon .infoBox .active.stCardRed:after { 
	background-image: url(/Form/_guest/basic/images/miExp_cardRed01.svg); 
}
.matchInfoWr .expBox .expCon .infoBox .active.stCardYel:after { 
	background-image: url(/Form/_guest/basic/images/miExp_cardYel01.svg); 
}
.matchInfoWr .expBox .expCon + .expCon { 
	margin-top:20px;
	border-top:1px solid #F0F0F0;
}
.matchInfoWr .recordBox { 
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}
.matchInfoWr .recordCon { 
	width: calc((100% - 20px)/2);
	padding:20px;
	background: #F7F7F7;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
.matchInfoWr .recordCon .tit { 
	margin:0 0 16px;
	font-weight: 700; 
	font-size: 20px;
	text-align: center;
	color: #424242;
}
.matchInfoWr .recordCon dl { 
	display:flex;
	align-items:center;
	gap:14px;
}
.matchInfoWr .recordCon dl + dl { 
	margin-top:12px;
}
.matchInfoWr .recordCon dt { 
	flex-shrink:0;
	width: 90px;
	padding:8px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 5px;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0;
	text-align: center;
	color: #999;
}
.matchInfoWr .recordCon dd { 
	flex-grow:1;
	display:flex;
	align-items:center;
	gap:11px;
}
.matchInfoWr .recordCon dd .num { 
	flex-shrink:0;
	display:block; 
	width: 35px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0;
	text-align: center;
	color: #424242;
}
.matchInfoWr .recordCon dd .gaugeBox { 
	flex-grow:1;
	position:relative;
	height: 8px;
	background: #DBDBDB;
	border-radius: 5px;
	font-size: 0;
	overflow: hidden;
}
.matchInfoWr .recordCon dd .gaugeBox .gauge { 
	position: absolute;	
	width: 0;
	height: 100%;
	top:0;
	left:0;
	border-radius: 5px;
	transition:all .3s ease;
}
.matchInfoWr .recordCon.fullWid { 
	width: 100%; 
}
.matchInfoWr .recordCon.fullWid .tit { 
	text-align: left;
	color: #212121;
}
.matchInfoWr .recordCon:nth-child(odd) dd .gaugeBox .gauge { 
	background:#F44336;
}
.matchInfoWr .recordCon:nth-child(even) dd .gaugeBox .gauge { 
	background:#448AFF;
}
.matchInfoWr .recordTit01 { 
	margin:0 0 9px;
	font-weight: 700; 
	font-size: 20px;
	color: #212121;
}
.matchInfoWr .recordCateBox { 
	display:flex;
	flex-wrap:wrap; 
	gap:12px;
}
.matchInfoWr .recordCateBox .recordCate { 
	display:block;
	min-width: 125px;
	padding:7px 7px 6px;
	border:1px solid #F0F0F0;
	border-radius: 5px;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	color: #999;
	transition:all .3s ease;
}
.matchInfoWr .recordCateBox .recordCate.on,
.matchInfoWr .recordCateBox .recordCate:focus,
.matchInfoWr .recordCateBox .recordCate:hover { 
	background: #FFF7F6;
	border-color:#F44336;
	color: #F44336;
}
.matchInfoWr .recordCateBox.stBase .recordCate { 
	min-width: 70px; 
}
.matchInfoWr .recordCateBox.stBase .recordCate.stAll { 
	min-width: 125px; 
}
.matchInfoWr .recordTblBox { 
	display:flex;
	flex-wrap:wrap; 
	margin:20px 0 0;
	gap:12px;
}
.matchInfoWr .recordTblBox .recordTbl { 
	width: calc((100% - 12px)/2); 
}
.matchInfoWr .recordTblBox .recordTblTit { 
	padding:9px;
	border-radius: 5px 5px 0 0;
	font-weight: 500; 
	font-size: 14px;
	text-align: center;
	color: #212121;
}
.matchInfoWr .recordTblBox .recordTblTit.st01 { 
	background: #F1F7FF; 
}
.matchInfoWr .recordTblBox .recordTblTit.st02 { 
	background: #FFF1F1;
}
.matchInfoWr .recordTblBox .tblBox02 + .recordTblTit { 
	margin-top:12px;
}
.matchInfoWr .recordTblBox .tblBox02 table { 
	min-width: 590px; 
	font-size: 12px;
}
.matchInfoWr .recordTblBox .tblBox02 tbody td { 
	padding:9px;
}
@media all and (max-width:1199px){
	.matchInfoWr .miResultBox .latelyForeLst > li { 
		width: calc((100% - 40px)/3);
	}
}
@media all and (max-width:999px){
	.matchInfoWr .Opta h3 { 
		padding: 4px 0;
	}
	.matchInfoWr .Opta h3 > span {
		font-size: 15px;
	}
	.matchInfoWr .Opta-MatchInfo-Teams { 
		gap:6px;
		padding:8px 0;
	}
	.matchInfoWr .Opta abbr,
	.matchInfoWr .Opta-MatchInfo-TeamLeft,
	.matchInfoWr .Opta-MatchInfo-TeamRight { 
		font-size: 16px;
	}
	.matchInfoWr .Opta abbr { 
		width: 15px; 
	}
	.matchInfoWr .Opta-MatchInfo-TeamLeft,
	.matchInfoWr .Opta-MatchInfo-TeamRight { 
		width: calc((100% - 31px)/2);
	}
	.matchInfoWr .Opta-MatchInfo-MatchStatus-container span { 
		font-size: 16px;
	}
	.matchInfoWr .miPicBox { 
		margin:0 0 30px;
	}
	.matchInfoWr .miResultBox { 
		margin:0 0 30px;
		padding:0 0 30px;		 
	}
	.matchInfoWr .miResultBox .topBox { 
		gap:8px;
		margin:0 0 10px;
	}
	.matchInfoWr .miResultBox .topBox .tit { 
		font-size: 16px;
	}
	.matchInfoWr .miResultBox .topBox .cate { 
		padding:5px 8px 4px 25px;
		font-size: 14px;
	}
	.matchInfoWr .miResultBox .topBox .cate:before { 
		width: 13px;
		height: 13px;
		top:7px;
		left:8px;
	}
	.matchInfoWr .miResultBox .conBox { 
		flex-wrap:wrap;
		gap:8px;
		margin:0 0 20px;
	}
	.matchInfoWr .miResultBox .conBox .lBox,
	.matchInfoWr .miResultBox .conBox .rBox { 
		width: 100%; 
	}
	.matchInfoWr .miResultBox .miIntroTop { 
		margin:0 0 16px;
		padding:15px 10px 13px;
	}
	.matchInfoWr .miResultBox .miIntroTop .name { 
		font-size: 15px; 
	}
	.matchInfoWr .miResultBox .miIntroTop .date { 
		font-size: 13px; 
	}
	.matchInfoWr .miResultBox .miIntroBtm .teamInfo li { 
		margin:0 0 10px;
	}
	.matchInfoWr .miResultBox .miIntroBtm .teamInfo .name,
	.matchInfoWr .miResultBox .miIntroBtm .teamInfo .num { 
		font-size: 16px; 
	}
	.matchInfoWr .miResultBox .miIntroBtm .resultBox { 
		gap:10px; 
	}
	.matchInfoWr .miResultBox .miIntroBtm .resultBox .rstBox { 
		gap:10px;
		font-size: 16px; 
	}
	.matchInfoWr .miResultBox .miIntroBtm .resultBox .rstBox .name span { 
		font-size: 13px; 
	}
	.matchInfoWr .miResultBox .miIntroBtm .resultBox .rstBox.stRight .name { 
		padding:0 0 0 20px;
	}
	.matchInfoWr .miResultBox .miIntroBtm .resultBox .rstBox.stRight .name:before {
		width: 18px;
		height: 18px;
		top: 2px;
	}
	.matchInfoWr .miResultBox .miIntroBtm .scoreInfo { 
		width: 80px;
		margin:0 0 0 20px;
		font-size: 16px;
	}
	.matchInfoWr .miResultBox .miIntroBtm .conditionBox .stat { 
		font-size: 14px; 
	}
	.matchInfoWr .miResultBox .miIntroBtm .conditionBox .stat.st01 { 
		padding:2px 4px 2px 20px;
	}
	.matchInfoWr .miResultBox .miIntroTit01 { 
		margin:0 0 7px;
		font-size: 14px;
	}
	.matchInfoWr .miResultBox .miIntroTbl thead th { 
		padding:7px;
		font-size: 13px;
	}
	.matchInfoWr .miResultBox .miIntroTbl tbody tr > * { 
		padding:7px 7px 6px;
		font-size: 13px;
	}
	.matchInfoWr .miResultBox .foreTit01 { 
		margin:0 0 8px;
		padding:0 0 0 20px;
		font-size: 16px;
	}
	.matchInfoWr .miResultBox .foreTit01:before { 
		width: 16px;
		height: 16px;
		top: 2px;
	}
	.matchInfoWr .miResultBox .foreTeam { 
		margin:0 0 8px;
		font-size: 13px;
	}
	.matchInfoWr .miResultBox .foreUser { 
		margin:0 0 8px;
	}
	.matchInfoWr .miResultBox .foreUser .gender { 
		width: 20px;
	}
	.matchInfoWr .miResultBox .foreUser .name { 
		font-size: 16px;
	}
	.matchInfoWr .miResultBox .foreUser .per { 
		padding:2px 10px 1px;
		font-size: 14px;
	}
	.matchInfoWr .miResultBox .foreSelBox { 
		flex-wrap:wrap; 
		gap:8px;
		margin:0 0 8px;
	}
	.matchInfoWr .miResultBox .foreSelBox .foreChk,
	.matchInfoWr .miResultBox .foreSelBox .foreSmt { 
		padding:10px 10px 9px;
		font-size: 14px;
	}
	.matchInfoWr .miResultBox .foreSelBox .foreChk { 
		width: calc((100% - 16px)/3);
	}
	.matchInfoWr .miResultBox .foreSelBox .foreSmt { 
		width: 100%; 
	}
	.matchInfoWr .miResultBox .foreStatLst { 
		gap:20px;
		padding:0 16px;
	}
	.matchInfoWr .miResultBox .foreStatLst li { 
		width: calc((100% - 40px)/3);
		padding:0 0 20px;
	}
	.matchInfoWr .miResultBox .foreStatLst li.on:after { 
		width: 14px;
		height: 14px;
		margin:0 0 0 -7px;
	}
	.matchInfoWr .miResultBox .beforeLogin { 
		margin:0 0 10px;
	}
	.matchInfoWr .miResultBox .beforeLogin .txt { 
		margin:0 0 20px;
		padding:1px 0 1px 25px;
		font-size: 14px;
	}
	.matchInfoWr .miResultBox .beforeLogin .txt:before { 
		width: 19px;
		height: 19px;
	}
	.matchInfoWr .miResultBox .beforeLogin .lnk { 
		padding:9px 10px;
		font-size: 14px;
	}
	.matchInfoWr .miResultBox .latelyForeLst { 
		gap:16px; 
	}
	.matchInfoWr .miResultBox .latelyForeLst > li { 
		width: calc((100% - 16px)/2);
	}
	.matchInfoWr .miResultBox .latelyForeLst .gender { 
		width: 20px; 
	}
	.matchInfoWr .miResultBox .latelyForeLst .name { 
		font-weight: 13px; 
	}
	.matchInfoWr .miResultBox .latelyForeLst .per { 
		padding:2px 8px 1px;
		font-size: 14px;
	}
	.matchInfoWr .miResultBox .latelyForeLst .result { 
		padding:6px;
		font-size: 13px;
	}
	.matchInfoWr .miResultBox .latelyForeLst .hit { 
		width: 35px;
		font-size: 13px; 
	}
	.matchInfoWr .miResultBox .noForeBox { 
		padding:24px 0
	}
	.matchInfoWr .miResultBox .noForeBox .txt { 
		font-size: 13px;
	}
	.matchInfoWr .miResultBox .noForeBox .imgBox { 
		width: 125px;
		margin:0 auto 5px;
	}
	.matchInfoWr .miCateBox { 
		gap:8px;
		margin:0 0 16px;
	}
	.matchInfoWr .miCateBox .miCate {
		gap:8px;
		min-width: 120px;
		padding:8px;
	}
	.matchInfoWr .miCateBox .miCate:before { 
		width: 20px;
		height: 20px;
	}
	.matchInfoWr .miCateBox .miCate .btnTxt { 
		font-size: 15px;
	}
	.matchInfoWr .directorBox {
		margin:0 0 16px;
		padding:16px;
		font-size: 16px;
	}
	.matchInfoWr .directorBox .cTxt { 
		padding:9px 10px 7px;
	}
	.matchInfoWr .directorBox .cTxt:before,
	.matchInfoWr .directorBox .cTxt:after { 
		width: 70px;
	}
	.matchInfoWr .directorBox .cTxt:before { 
		right:calc(100% + 16px); 
	}
	.matchInfoWr .directorBox .cTxt:after { 
		left:calc(100% + 16px); 
	}
	.matchInfoWr .lineupBox .tit { 
		margin:0 0 8px;
		padding:0 0 0 20px;
		font-size: 16px;	
	}
	.matchInfoWr .lineupBox .tit:before { 
		width: 19px;
		height: 19px;
	}
	.matchInfoWr .lineupBox .sTit { 
		margin:0 0 10px;
		padding:8px 8px 7px;
		font-size: 14px;
	}
	.matchInfoWr .lineupBox .playerBox + .sTit { 
		margin-top:16px;
	}
	.matchInfoWr .lineupBox .playerBox { 
		gap:8px;
	}
	.matchInfoWr .lineupBox .playerBox .playerLst { 
		width: calc((100% - 8px)/2);
		padding:0 16px;
	}
	.matchInfoWr .lineupBox .playerBox .playerLst li { 
		gap:5px;
		padding:9px 9px 9px 40px;
	}
	.matchInfoWr .lineupBox .playerBox .playerNum {
		width: 20px;
		font-size: 16px;
	}
	.matchInfoWr .lineupBox .playerBox .playerInfo .name { 
		font-size: 14px;
	}
	.matchInfoWr .lineupBox .playerBox .playerInfo .position { 
		font-size: 14px;
	}
	.matchInfoWr .lineupBox .playerBox .playerInfo .name + .position { 
		margin-top:5px;
	}
	.matchInfoWr .lineupBox .playerBox .changeInfo { 
		gap:8px;
	}
	.matchInfoWr .lineupBox .playerBox .changeInfo .num01 { 
		padding:2px 8px;
		font-size: 13px;
	}
	.matchInfoWr .lineupBox .playerBox .changeInfo .num02 { 
		font-size: 14px;
	}
	.matchInfoWr .lineupBox .playerBox .changeInfo .changeIco { 
		width: 14px;
	}
	.matchInfoWr .lineupBox + .lineupBox { 
		margin-top:16px;
	}
	.matchInfoWr .expBox .expTit { 
		margin:0 0 5px;
		font-size: 16px;
	}
	.matchInfoWr .expBox .expCateBox { 
		gap:8px;
	}
	.matchInfoWr .expBox .expCateBox .expCate { 
		min-width: 100px;
		font-size: 14px;
	}
	.matchInfoWr .expBox .expCon { 
		padding:30px 0 0 80px;
	}
	.matchInfoWr .expBox .expCon .circle { 
		width: 48px; 
		height: 48px;
		top:15px;
		left:15px;
	}	
	.matchInfoWr .expBox .expCon .circle > img { 
		width: 27px; 
	}
	.matchInfoWr .expBox .expCon .circle .time { 
		font-size: 19px; 
	}
	.matchInfoWr .expBox .expCon .circle .plusTime { 
		width: 26px; 
		height: 26px;
		font-size: 13px;
	}
	.matchInfoWr .expBox .expCon .infoBox { 
		gap:8px;
		margin:0 0 16px;
	}
	.matchInfoWr .expBox .expCon .infoBox .name { 
		font-size: 14px; 
	}
	.matchInfoWr .expBox .expCon .infoBox .active { 
		padding:0 25px 0 9px;
		font-size: 13px;
	}
	.matchInfoWr .expBox .expCon .infoBox .active:after { 
		width: 16px; 
		height: 16px;
		margin:-8px 0 0;
	}
	.matchInfoWr .expBox .expCon .txt { 
		padding:16px;
		font-size: 13px;
		line-height: 1.3;
	}
	.matchInfoWr .expBox .expCon + .expCon { 
		margin-top:16px;
	}
	.matchInfoWr .recordBox { 
		gap:16px; 
	}
	.matchInfoWr .recordCon { 
		width: 100%;
		padding:16px;
	}
	.matchInfoWr .recordCon .tit { 
		margin:0 0 10px;
		font-size: 16px;
	}
	.matchInfoWr .recordCon dl { 
		gap:8px; 
	}
	.matchInfoWr .recordCon dl + dl { 
		margin-top:8px;
	}
	.matchInfoWr .recordCon dt { 
		width: 80px;
		font-size: 13px;
	}
	.matchInfoWr .recordCon dd { 
		gap:8px; 
	}
	.matchInfoWr .recordCon dd .num { 
		width: 30px;
		font-size: 14px;
	}
	.matchInfoWr .recordCon dd .gaugeBox { 
		height: 6px;
		border-radius: 4px;
	}
	.matchInfoWr .recordCon dd .gaugeBox .gauge { 
		border-radius: 4px;
	}
	.matchInfoWr .recordTit01 { 
		margin:0 0 7px;
		font-size: 16px;
	}
	.matchInfoWr .recordCateBox { 
		gap:10px;
	}
	.matchInfoWr .recordCateBox .recordCate { 
		min-width: 100px;
		font-size: 14px;
	}
	.matchInfoWr .recordTblBox { 
		margin:16px 0 0;
		gap:10px;
	}
	.matchInfoWr .recordTblBox .recordTbl { 
		width: calc((100% - 10px)/2); 
	}
	.matchInfoWr .recordTblBox .recordTblTit { 
		font-size: 13px;
	}
	.matchInfoWr .recordTblBox .tblBox02 + .recordTblTit { 
		margin-top:10px;
	}
}
@media all and (max-width:599px){
	.matchInfoWr .miResultBox .miIntroBtm { 
		flex-wrap:wrap;
		padding:0;
	}
	.matchInfoWr .miResultBox .miIntroBtm .resultBox { 
		width: 100%;
		padding:0 0 10px;
		border-bottom:1px solid #DBDBDB;
	}
	.matchInfoWr .miResultBox .miIntroBtm .scoreInfo,
	.matchInfoWr .miResultBox .miIntroBtm .conditionBox { 
		width: 50%;
	}
	.matchInfoWr .miResultBox .miIntroBtm .scoreInfo { 
		margin:0;
		border-left:none;
	}
	.matchInfoWr .miResultBox .latelyForeLst { 
		gap:8px; 
	}
	.matchInfoWr .miResultBox .latelyForeLst li { 
		width: 100%; 
	}
	.matchInfoWr .miCateBox .miCate { 
		width: 100%;
		min-width: 0; 
	}
	.matchInfoWr .directorBox .cTxt:before,
	.matchInfoWr .directorBox .cTxt:after { 
		display:none; 
	}
	.matchInfoWr .lineupBox .playerBox .playerLst li { 
		flex-wrap:wrap; 
	}
	.matchInfoWr .lineupBox .playerBox .changeInfo { 
		width: 100%; 
	}
	.matchInfoWr .expBox .expCateBox .expCate { 
		width: 100%;
		min-width: 0; 
	}
	.matchInfoWr .recordCon dl { 
		flex-wrap:wrap; 
	}
	.matchInfoWr .recordCon dt { 
		width: 100%; 
	}
	.matchInfoWr .recordTblBox .recordTbl { 
		width: 100%;
	}
}
/* 경기 정보 끝
------------------------------------------------------ */
/* 경기 정보 리뉴얼 시작
------------------------------------------------------ */
.matchInfoReWr .miTopBox { 
	border:1px solid #F0F0F0;
	border-radius: 16px;
}
.matchInfoReWr .miTopBox .topBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:10px;
	padding:16px;
	border-bottom:1px solid #F5F5F5;
}
.matchInfoReWr .miTopBox .topBox .txt { 
	font-weight: 500; 
	font-size: 16px;
	color: #212121;
}
.matchInfoReWr .miTopBox .topBox .ico { 
	font-size: 0; 
}
.matchInfoReWr .miTopBox .topBox .ico img { 
	max-width: 100%; 
}
.matchInfoReWr .miTopBox .reportLst { 
	display:flex;
	flex-wrap:wrap; 
	align-items:center; 
	justify-content:center; 
	gap:30px;
	padding:16px;
	border-bottom:1px solid #F5F5F5;
}
.matchInfoReWr .miTopBox .reportLst li { 
	position:relative;
	padding:0 0 0 24px;
	font-size: 12px;
	color: #717171;
}
.matchInfoReWr .miTopBox .reportLst li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 0;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.matchInfoReWr .miTopBox .reportLst li.stDate:before { 
	background-image: url(/Form/_guest/basic/images/miReReportLst_date.svg); 
}
.matchInfoReWr .miTopBox .reportLst li.stPlace:before { 
	background-image: url(/Form/_guest/basic/images/miReReportLst_place.svg); 
}
.matchInfoReWr .miTopBox .reportLst li.stCrowd:before { 
	background-image: url(/Form/_guest/basic/images/miReReportLst_crowd.svg); 
}
.matchInfoReWr .miTopBox .matchBox { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:60px;
}
.matchInfoReWr .miTopBox .matchBox .name { 
	flex-grow:1;
	width: calc((100% - 190px)/2);
	font-weight: 500; 
	font-size: 24px;
	color: #212121;
}
.matchInfoReWr .miTopBox .matchBox .name.stRight { 
	text-align: right; 
}
.matchInfoReWr .miTopBox .matchBox .centerBox { 
	flex-shrink:0;
	width: 70px;
	text-align: center; 
}
.matchInfoReWr .miTopBox .matchBox .centerBox .score { 
	margin:0 0 9px;
	font-weight: 700; 
	font-size: 27px;
	color: #212121;
}
.matchInfoReWr .miTopBox .matchBox .centerBox .stat { 
	font-size: 16px; 
	color: #717171;
}
/* 경기 정보 리뉴얼 끝
------------------------------------------------------ */
/* 마이페이지 시작
------------------------------------------------------ */
.myPageWr { 
	padding:24px 0 0;
}
.myPageWr .comTopBox.hasLnk { 
	position:relative;
	padding-right:145px;
}
.myPageWr .comTopBox.hasLnk .lnk { 
	position:absolute; 
	display:flex;
	align-items:center;
	gap:3px;
	top: 8px;
	right: 0;
	padding:8px 25px 8px 9px;
	background: #F7F7F7;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
.myPageWr .comTopBox.hasLnk .lnk:before,
.myPageWr .comTopBox.hasLnk .lnk:after { 
	content:"";
	box-sizing:border-box;
	display:block;
}
.myPageWr .comTopBox.hasLnk .lnk:before { 
	flex-shrink:0;
	width: 18px;
	height: 18px;
	background: url(/Form/_guest/basic/images/mpDealHistory01.svg) no-repeat;
	background-size:cover;
}
.myPageWr .comTopBox.hasLnk .lnk:after { 
	position:absolute;
	width: 8px;
	height: 8px;
	top:50%;
	right: 11px;
	margin:-4px 0 0;
	transform:rotate(45deg);
	border-top:2px solid #999;
	border-right:2px solid #999;
}
.myPageWr .comTopBox.hasLnk .lnk .lnkTxt { 
	font-weight: 500; 
	font-size: 14px;
	color: #797979;
}
.myPageWr .userInfoBox { 
	position:relative;
	margin:0 0 20px;
	font-size: 0;
}
.myPageWr .userInfoBox .imgBox { 
	position:absolute; 
	top:0;
	left:0;
}
.myPageWr .userInfoBox .imgBox img { 
	max-width: 100%; 
}
.myPageWr .userInfoBox .txtBox { 
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:6px;
	padding:0 0 0 77px;
}
.myPageWr .userInfoBox .name { 
	font-weight: 700; 
	font-size: 20px;
	color: #212121;
}
.myPageWr .userInfoBox .per { 
	padding:2px 13px;
	background: #FBC02D;
	border-radius: 100px;
	font-weight: 700;
	font-size: 16px;
	color: #FFF;
}
.myPageWr .userInfoBox .txtInfoLst { 
	display:flex;
	flex-wrap:wrap; 
	gap:13px;
	width: 100%;
}
.myPageWr .userInfoBox .txtInfoLst li { 
	position:relative;
	padding:0 0 0 24px;
	font-size: 15px;
	color: #424242;
}
.myPageWr .userInfoBox .txtInfoLst li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-size:cover;
}
.myPageWr .userInfoBox .txtInfoLst li span { 
	font-weight: 700;
	color: #B71C1C;
}
.myPageWr .userInfoBox .txtInfoLst li.stNote:before { 
	background-image: url(/Form/_guest/basic/images/mpTxtInfo01.svg); 
}
.myPageWr .userInfoBox .txtInfoLst li.stPoint:before { 
	background-image: url(/Form/_guest/basic/images/mpTxtInfo02.svg); 
}
.myPageWr .userInfoBox .btnBox { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	margin:8px 0 0;
	padding:0 0 0 77px;
}
.myPageWr .userInfoBox .btnBox .btn { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	min-width: 136px;
	padding:13px 10px 12px;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
}
.myPageWr .userInfoBox .btnBox .btn.st01 { 
	border:1px solid #EDEDED;	 
	color: #797979;
}
.myPageWr .userInfoBox .btnBox .btn.st01.on { 
	border-color:#F44336;
	background: #F44336;
	color: #FFF;
}
.myPageWr .userInfoBox .btnBox .btnNote { 
	position:relative; 
	display:flex;
	align-items:center; 
	justify-content:center; 
	gap:11px;
	padding:13px 27px;
	background: #F44336;
	border-radius: 5px;
}
.myPageWr .userInfoBox .btnBox .btnNote:before { 
	content:"";
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	background: url(/Form/_guest/basic/images/myPageMail01.png) no-repeat;
	background-size:cover;
}
.myPageWr .userInfoBox .btnBox .btnNote .btnTxt { 
	font-weight: 500;
	font-size: 18px;
	color: #FFF;
}
.myPageWr .userInfoBox .btnBox .btnNote .icoNew { 
	position:absolute; 
	display:block; 
	width: 16px;
	height: 16px;
	top:-6px;
	right:-7px;
	background: #F44336;
	border:1px solid #FFF;
	border-radius: 50%;
	font-weight: 700;
	font-size: 10px;
	line-height: 14px;
	letter-spacing: -.27px;
	text-align: center;
	color: #FFF;
	animation:bling01 infinite .6s alternate;
}
.myPageWr .myWordBox { 
	position:relative;
	display:flex;
	flex-wrap:wrap; 
	align-items:center;
	margin:0 0 18px;
	padding:18px;
	background: #FFF7F6;
	border-radius: 5px;
}
.myPageWr .myWordBox .mwTit { 
	font-weight: 500; 
	font-size: 16px;
	color: #212121;
}
.myPageWr .myWordBox .mwEdit { 
	display:block;
	margin:0 0 0 4px;
	font-size: 0;
}
.myPageWr .myWordBox .mwEdit img { 
	max-width: 100%; 
}
.myPageWr .myWordBox .mwTxt,
.myPageWr .myWordBox .mwIpt { 
	width: 100%;
	margin:9px 0 0;
	font-size: 15px;
	color: #212121;
	word-break:break-all;
}
.myPageWr .myWordBox .mwIpt { 
	display:none;
	padding:8px 12px 9px;
	background: #FFE4E7;
	border:1px dashed #F44336;
	border-radius: 5px;
}
.myPageWr .myWordBox .mwSmt { 
	position:absolute; 
	display:none;
	top:50%;
	right:20px;
	padding:10px 17px 9px;
	transform:translateY(-50%);
	background: #F44336;
	border-radius: 5px;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
	color: #FFF;
}
.myPageWr .myWordBox.stEdit { 
	padding-right:144px;
}
.myPageWr .myWordBox.stEdit .mwTxt { 
	display:none;
}
.myPageWr .myWordBox.stEdit .mwIpt,
.myPageWr .myWordBox.stEdit .mwSmt { 
	display:block; 
}
.myPageWr .myInfoBox { 
	display:flex;
	gap:12px;
}
.myPageWr .myInfoBox .lBox { 
	flex-shrink:0; 
}
.myPageWr .myInfoBox .rBox { 
	flex-grow:1; 
}
.myPageWr .myInfoBox .titBox {
	display:flex;
	flex-wrap:wrap; 
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	margin:0 0 7px;
}
.myPageWr .myInfoBox .titBox .lnk { 
	position:relative; 
	display:block; 
	padding:0 22px 0 0;
	font-weight: 500;
	font-size: 16px;
	color: #797979;
	transition:all .3s ease;
}
.myPageWr .myInfoBox .titBox .lnk:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 50%;
	right: 8px;
	margin:-4px 0 0 ;
	transform:rotate(45deg);
	border-top:2px solid #797979;
	border-right:2px solid #797979;
	transition:all .3s ease;
}
.myPageWr .myInfoBox .titBox .lnk:focus,
.myPageWr .myInfoBox .titBox .lnk:hover { 
	color: #F44336;
}
.myPageWr .myInfoBox .titBox .lnk:focus:after,
.myPageWr .myInfoBox .titBox .lnk:hover:after { 
	border-color: #F44336;
}
.myPageWr .myInfoBox .tit { 
	font-weight: 500;
	font-size: 18px;
	color: #212121;
}
.myPageWr .myInfoBox .followBox { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}
.myPageWr .myInfoBox .followCon { 
	width: calc((100% - 12px)/2);
	padding:10px 28px;
	border:1px solid #EDEDED;
	border-radius: 5px;
	text-align: center;
}
.myPageWr .myInfoBox .followCon .fImgBox { 
	max-width: 100%;
	margin:0 auto 3px;
	font-size: 0;
}
.myPageWr .myInfoBox .followCon .fImgBox img { 
	max-width: 100%; 
}
.myPageWr .myInfoBox .followCon .fTit { 
	margin:0 0 16px;
	font-weight: 500;
	font-size: 16px;
	color: #424242;
}
.myPageWr .myInfoBox .followCon .fNum { 
	font-weight: 700; 
	font-size: 16px;
	color: #F44336;
}
.myPageWr .myInfoBox .mngWinBox { 
	display:flex;
	flex-wrap:wrap; 
	gap:12px;
}
.myPageWr .myInfoBox .mngWinCon { 
	position:relative; 
	width: calc((100% - 24px)/3);
	padding:16px 16px 16px 48px;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
.myPageWr .myInfoBox .mngWinCon:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 17px;
	height: 17px;
	top:16px;
	left:17px;
	background-size:cover;
	background-repeat: no-repeat;
}
.myPageWr .myInfoBox .mngWinCon.stSocc:before { 
	background-image: url(/Form/_guest/basic/images/myPageSoccer01.png); 
}
.myPageWr .myInfoBox .mngWinCon.stBask:before { 
	background-image: url(/Form/_guest/basic/images/myPageBasket01.png); 
}
.myPageWr .myInfoBox .mngWinCon.stBase:before { 
	background-image: url(/Form/_guest/basic/images/myPageBase01.png); 
}
.myPageWr .myInfoBox .mngWinTop { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	margin:0 0 12px;
}
.myPageWr .myInfoBox .mngWinTop .mngWinTit { 
	font-weight: 500; 
	font-size: 16px;
	color: #424242;
}
.myPageWr .myInfoBox .mngWinTop .mngWinPer { 
	padding:2px 12px 3px;
	background: #3D5AFE;
	border-radius: 100px;
	font-weight: 700;
	font-size: 16px;
	color: #FFF;
}
.myPageWr .myInfoBox .mngWinDl { 
	display:flex;
	align-items:center;
	gap:8px;
	padding:9px 11px 7px;
	background: #F7F7F7;
	border:1px solid #F0F0F0;
	border-radius: 5px;
	font-size: 14px;
	color: #797979;
}
.myPageWr .myInfoBox .mngWinDl dt { 
	flex-shrink:0; 
}
.myPageWr .myInfoBox .mngWinDl dd { 
	flex-grow:1;
	text-align: right;
}
.myPageWr .myBrdBox .topBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	padding:0 0 15px;
	border-bottom:1px solid #DBDBDB;
}
.myPageWr .myBrdBox .topBox .tit { 
	font-weight: 700; 
	font-size: 20px;
	color: #212121;
}
.myPageWr .myBrdBox .topBox .lnk { 
	position:relative; 
	display:block;
	padding:0 13px 0 0;
	font-weight: 500;
	font-size: 16px;
	color: #797979;
	transition:all .3s ease;
}
.myPageWr .myBrdBox .topBox .lnk:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top:50%;
	right:0;
	margin:-4px 0 0;
	transform:rotate(45deg);
	border-top:2px solid #797979;
	border-right:2px solid #797979;
	transition:all .3s ease;
}
.myPageWr .myBrdBox .topBox .lnk:focus,
.myPageWr .myBrdBox .topBox .lnk:hover { 
	color: #F44336;
}
.myPageWr .myBrdBox .topBox .lnk:focus:after,
.myPageWr .myBrdBox .topBox .lnk:hover:after { 
	border-color: #F44336;
}
.myPageWr .myBrdBox .lst li { 
	position:relative; 
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	padding:20px 44px 20px 0;
	border-bottom:1px solid #EDEDED;
}
.myPageWr .myBrdBox .lst li:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top:50%;
	right:0;
	margin:-4px 0 0;
	transform:rotate(45deg);
	border-top:2px solid #999;
	border-right:2px solid #999;	 
}
.myPageWr .myBrdBox .lst .lnkView { 
	display:flex;
	align-items:center; 
	gap:20px;
	max-width: calc(100% - 272px);
}
.myPageWr .myBrdBox .lst .lnkView .lnkImg { 
	flex-shrink:0;
	position:relative;
	width: 130px;
	height: 130px;
	background: #EDEDED;
	border-radius: 4px;
	font-size: 0;
	overflow: hidden;
}
.myPageWr .myBrdBox .lst .lnkView .lnkImg img { 
	position:absolute; 
	width: 100%;
	top:50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.myPageWr .myBrdBox .lst .lnkView .lnkImg.noImg:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 86px;
	height: 22px;
	top: 50%;
	left: 50%;
	margin:-11px 0 0 -43px;
	background:url(/Form/_guest/basic/images/comNodata02.png) no-repeat;
	background-size:cover;
}
.myPageWr .myBrdBox .lst .lnkView .lnkCon { 
	display:block;
	max-width: calc(100% - 150px);
}
.myPageWr .myBrdBox .lst .lnkView .lnkTop { 
	display:flex;
	flex-wrap:wrap;
	align-items:center; 
}
.myPageWr .myBrdBox .lst .lnkView .gender { 
	display:block; 
	font-size: 0; 
}
.myPageWr .myBrdBox .lst .lnkView .gender img { 
	max-width: 100%; 
}
.myPageWr .myBrdBox .lst .lnkView .name { 
	display:block; 
	margin:0 0 0 6px;
	font-weight: 500;
	font-size: 15px;
	color: #212121;
}
.myPageWr .myBrdBox .lst .lnkView .per { 
	display:block; 
	margin: 0 0 0 20px;
	padding:2px 13px 1px;
	background: #FBC02D;
	border-radius: 100px;
	font-weight: 700;
	font-size: 16px;
	color: #FFF;
}
.myPageWr .myBrdBox .lst .lnkView .tit {
	display:flex;
	align-items:center;
	gap:8px;
	margin:13px 0;
	font-size: 16px;
}
.myPageWr .myBrdBox .lst .lnkView .tit span { 
	flex-grow:1;
	font-weight: 500;
	color: #424242;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	transition:all .3s ease;
}
.myPageWr .myBrdBox .lst .lnkView .tit em { 
	flex-shrink:0;
	font-style:normal;
	font-weight: 700; 
	color: #F44336;
}
.myPageWr .myBrdBox .lst .lnkView .lnkBtm { 
	display:flex;
	flex-wrap:wrap; 
	gap:10px;
}
.myPageWr .myBrdBox .lst .lnkView .date { 
	position:relative; 
	display:block; 
	padding:0 12px 0 0;
	font-family: Pretendard;
	font-weight: 500; 
	font-size: 16px;
	color: #797979;
}
.myPageWr .myBrdBox .lst .lnkView .date:after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    display: block;
    width: 1px;
    height: 14px;
    top: 50%;
    right: 0;
    margin: -7px 0 0;
    background: #797979;
}
.myPageWr .myBrdBox .lst .lnkView .view { 
	position:relative;
	display:block;
	padding:0 0 0 22px;
	font-family: Pretendard;
	font-weight: 500;
	font-size: 14px;
	color: #797979;
}
.myPageWr .myBrdBox .lst .lnkView .view:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top:0;
	left:0;
	background: url(/Form/_guest/basic/images/comNoticeView01.svg) no-repeat;
	background-size:cover;
}
.myPageWr .myBrdBox .lst .lnkView:focus .tit span,
.myPageWr .myBrdBox .lst .lnkView:hover .tit span { 
	color: #F44336;
}
.myPageWr .myBrdBox .lst .editBox { 
	flex-shrink:0;
	display:flex;
	gap:12px;
}
.myPageWr .myBrdBox .lst .editBox .btnEdit { 
	position:relative; 
	display:block;
	padding:14px 17px 13px 47px;
	background: #F7F7F7;	
	border:1px solid #EDEDED;
	border-radius: 5px;
	font-weight: 700;
	font-size: 15px;
	color: #999;
}
.myPageWr .myBrdBox .lst .editBox .btnEdit:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top: 11px;
	left: 16px;
	background-repeat: no-repeat;
	background-size:cover;	
}
.myPageWr .myBrdBox .lst .editBox .btnEdit.stEdit:before { 
	background-image: url(/Form/_guest/basic/images/myPageBrd_edit01.png); 
}
.myPageWr .myBrdBox .lst .editBox .btnEdit.stDel:before { 
	background-image: url(/Form/_guest/basic/images/myPageBrd_del01.png); 
}
.myPageWr .myTeamBox .comTopBox { 
	position:relative;
	padding-right:150px;
}
.myPageWr .myTeamBox .comTopBox .addTeam { 
	position:absolute; 
	display:flex;
	align-items:center; 
	justify-content:center; 
	gap:8px;
	top: 2px;
	right: 0;
	padding:13px 19px 12px;
	border:1px solid #F44336;
	border-radius: 5px;
	transition:all .3s ease;
}
.myPageWr .myTeamBox .comTopBox .addTeam span { 
	display:block; 
}
.myPageWr .myTeamBox .comTopBox .addTeam .plus { 
	flex-shrink:0;
	position:relative; 
	width: 14px;
	height: 14px;
}
.myPageWr .myTeamBox .comTopBox .addTeam .plus:before,
.myPageWr .myTeamBox .comTopBox .addTeam .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #F44336;
	border-radius: 4px;
	transition:all .3s ease;
}
.myPageWr .myTeamBox .comTopBox .addTeam .plus:before { 
	width: 100%; 
	height: 2px;
	top: 50%;
	left: 0;
	margin:-1px 0 0;
}
.myPageWr .myTeamBox .comTopBox .addTeam .plus:after { 
	width: 2px; 
	height: 100%;
	top: 0;
	left: 50%;
	margin:0 0 0 -1px;
}
.myPageWr .myTeamBox .comTopBox .addTeam .btnTxt { 
	font-weight: 700; 
	font-size: 16px;
	color: #F44336;
	transition:all .3s ease;
}
.myPageWr .myTeamBox .comTopBox .addTeam:focus,
.myPageWr .myTeamBox .comTopBox .addTeam:hover { 
	background: #F44336; 
}
.myPageWr .myTeamBox .comTopBox .addTeam:focus .plus:before,
.myPageWr .myTeamBox .comTopBox .addTeam:hover .plus:before,
.myPageWr .myTeamBox .comTopBox .addTeam:focus .plus:after,
.myPageWr .myTeamBox .comTopBox .addTeam:hover .plus:after { 
	background: #FFF; 
}
.myPageWr .myTeamBox .comTopBox .addTeam:focus .btnTxt,
.myPageWr .myTeamBox .comTopBox .addTeam:hover .btnTxt { 
	color: #FFF; 
}
.myPageWr .myTeamBox .cTit01 { 
	position:relative;
	padding:0 0 0 28px;
}
.myPageWr .myTeamBox .cTit01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top:0;
	left:0;
	background:url(/Form/_guest/basic/images/myPageHeart01.svg) no-repeat;
	background-size:cover;
}
.myPageWr .myTeamBox .teamLst { 
	display:flex;
	flex-wrap:wrap; 
	gap:12px;
}
.myPageWr .myTeamBox .teamLst > li { 
	display:flex;
	flex-direction:column;
	width: calc((100% - 24px)/3);
	padding:16px;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
.myPageWr .myTeamBox .teamLst .lstTit { 
	position:relative;
	margin:0 0 14px;
	padding:0 0 10px 33px;
	border-bottom:1px solid #EDEDED;
	font-weight:500;
	font-size: 16px;
	color: #424242;
}
.myPageWr .myTeamBox .teamLst .lstTit:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-size: cover;
}
.myPageWr .myTeamBox .teamLst .lstTit.stSocc:before { 
	background-image: url(/Form/_guest/basic/images/mpTeam_soccer01.svg); 
}
.myPageWr .myTeamBox .teamLst .lstTit.stBask:before { 
	background-image: url(/Form/_guest/basic/images/mpTeam_basket01.svg); 
}
.myPageWr .myTeamBox .teamLst .lstTit.stBase:before { 
	background-image: url(/Form/_guest/basic/images/mpTeam_base01.svg); 
}
.myPageWr .myTeamBox .teamLst .sLst { 
	flex-grow:1;
	max-height: 200px;
	overflow-y:auto;
}
.myPageWr .myTeamBox .teamLst .sLst li { 
	display:flex;
	align-items:center;
	gap:8px;
	margin:0 0 8px;
	font-size: 14px;
}
.myPageWr .myTeamBox .teamLst .sLst li:last-child { 
	margin:0;
}
.myPageWr .myTeamBox .teamLst .sLst .teamName { 
	flex-shrink:0;
	font-weight: 700;
	color: #212121;
}
.myPageWr .myTeamBox .teamLst .sLst .teamNation { 
	flex-grow:1;
	color: #797979;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.myPageWr .myTeamBox .teamLst .sLst .teamDel { 
	flex-shrink:0;
	position:relative; 
	display:block; 
	width: 18px;
	height: 18px;
}
.myPageWr .myTeamBox .teamLst .sLst .teamDel:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 2px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin:auto;
	background: #797979;
	border-radius: 4px;
}
.myPageWr .myTeamBox .teamLst .noDataBox { 
	flex-grow:1;
	display:flex;
	align-items:center; 
	justify-content:center; 
	text-align: center; 
}
.myPageWr .myTeamBox .teamLst .noDataBox .imgBox { 
	max-width: 100%;
	margin:0 auto 10px;
	font-size: 0; 
}
.myPageWr .myTeamBox .teamLst .noDataBox .imgBox img { 
	max-width: 100%; 
}
.myPageWr .myTeamBox .teamLst .noDataBox .txt { 
	font-size: 14px; 
	color: #797979;
}
.myPageWr .myMatchBox .cTit01 { 
	position:relative;
	padding:0 0 0 28px;
}
.myPageWr .myMatchBox .cTit01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top:0;
	left:0;
	background:url(/Form/_guest/basic/images/myPageStar01.svg) no-repeat;
	background-size:cover;
}
.myPageWr .myMatchBox .leagueTopBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	margin:0 0 8px;
}
.myPageWr .myMatchBox .leagueTopBox .cateBox { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}
.myPageWr .myMatchBox .leagueTopBox .matchCate { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:6px;
	min-width: 120px;
	padding:13px 10px 12px;
	border:1px solid #F0F0F0;
	border-radius: 5px;
	transition:all .3s ease;
}
.myPageWr .myMatchBox .leagueTopBox .matchCate:before { 
	content:"";
	flex-shrink:0;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: cover;
	transition:all .3s ease;
}
.myPageWr .myMatchBox .leagueTopBox .matchCate .btnTxt { 
	display:block; 
	font-weight: 500;
	font-size: 16px;
	color: #999;
	transition:all .3s ease;	
}
.myPageWr .myMatchBox .leagueTopBox .matchCate.on,
.myPageWr .myMatchBox .leagueTopBox .matchCate:focus,
.myPageWr .myMatchBox .leagueTopBox .matchCate:hover { 
	background: #FFF7F6;
	border-color:#F44336;
}
.myPageWr .myMatchBox .leagueTopBox .matchCate.on .btnTxt,
.myPageWr .myMatchBox .leagueTopBox .matchCate:focus .btnTxt,
.myPageWr .myMatchBox .leagueTopBox .matchCate:hover .btnTxt { 
	color: #F44336;
}
.myPageWr .myMatchBox .leagueTopBox .matchCate.stSocc:before { 
	background-image: url(/Form/_guest/basic/images/mpIcoSocc.svg); 
}
.myPageWr .myMatchBox .leagueTopBox .matchCate.stSocc.on:before,
.myPageWr .myMatchBox .leagueTopBox .matchCate.stSocc:focus:before,
.myPageWr .myMatchBox .leagueTopBox .matchCate.stSocc:hover:before { 
	background-image: url(/Form/_guest/basic/images/mpIcoSocc_on.svg); 
}
.myPageWr .myMatchBox .leagueTopBox .matchCate.stBask:before { 
	background-image: url(/Form/_guest/basic/images/mpIcoBask.svg); 
}
.myPageWr .myMatchBox .leagueTopBox .matchCate.stBask.on:before,
.myPageWr .myMatchBox .leagueTopBox .matchCate.stBask:focus:before,
.myPageWr .myMatchBox .leagueTopBox .matchCate.stBask:hover:before { 
	background-image: url(/Form/_guest/basic/images/mpIcoBask_on.svg); 
}
.myPageWr .myMatchBox .leagueTopBox .matchCate.stBase:before { 
	background-image: url(/Form/_guest/basic/images/mpIcoBase.svg); 
}
.myPageWr .myMatchBox .leagueTopBox .matchCate.stBase.on:before,
.myPageWr .myMatchBox .leagueTopBox .matchCate.stBase:focus:before,
.myPageWr .myMatchBox .leagueTopBox .matchCate.stBase:hover:before { 
	background-image: url(/Form/_guest/basic/images/mpIcoBase_on.svg); 
}
.myPageWr .myMatchBox .leagueTopBox .calendarBox { 
	display:flex;
	align-items:center;
	gap:12px;
	width: 158px;
}
.myPageWr .myMatchBox .leagueTopBox .calendarBox .btnCale { 
	flex-shrink:0;
	display:block; 
	font-size: 0;
}
.myPageWr .myMatchBox .leagueTopBox .calendarBox .btnCale img { 
	max-width: 100%; 
}
.myPageWr .myMatchBox .leagueTopBox .calendarBox .date_input { 
	padding:0 0 0 24px;
	appearance: none;
	background: url(/Form/_guest/basic/images/mCaleIco01.png) no-repeat left 0 center;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	color: #999;
}
.myPageWr .myMatchBox .leagueBox .lgTopBox { 
	position:relative;
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:10px;
	padding:11px 14px;
	background: #F7F7F7;
	border-radius: 5px;
}
.myPageWr .myMatchBox .leagueBox .lgTopBox .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.myPageWr .myMatchBox .leagueBox .lgTopBox .chkLbl { 
	position:relative;
	display:block;
	padding:0 0 0 31px;
	font-weight: 700;
	font-size: 15px;
	color: #212121;
}
.myPageWr .myMatchBox .leagueBox .lgTopBox .chkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block; 
	width: 16px;
	height: 16px;
	top:2px;
	left:0;
	/*background:url(/Form/_guest/basic/images/mLeagueStar_off.svg) no-repeat;*/
	background-size:cover;
}
.myPageWr .myMatchBox .leagueBox .lgTopBox .chkIpt:checked + .chkLbl:before { 
	/*background-image: url(/Form/_guest/basic/images/mLeagueStar_on.svg); */
}
.myPageWr .myMatchBox .leagueBox .lgTopBox .date { 
	font-family: Pretendard;
	font-size: 14px;
	color: #8D99AC;
}
.myPageWr .myMatchBox .leagueBox .lgTopBox.stTop { 
	background: #F1F7FF; 
}
.myPageWr .myMatchBox .leagueBox .lgLst > li { 
	position:relative;
	display:flex;
	padding:17px 0 15px 52px;
	border-bottom:1px solid #DBDBDB;
}
.myPageWr .myMatchBox .leagueBox .lgLst > li:hover { 
	background: #FFF7F6;
}
.myPageWr .myMatchBox .leagueBox .lgLst > li:last-child {
	border-bottom:none;
}
.myPageWr .myMatchBox .leagueBox .lgLst .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.myPageWr .myMatchBox .leagueBox .lgLst .chkLbl { 
	position:absolute;
	display:block; 
	width: 16px;
	height: 16px;
	top:31px;
	left:13px;
	background:url(/Form/_guest/basic/images/mLeagueStar_off.svg) no-repeat;
	background-size:cover;
}
.myPageWr .myMatchBox .leagueBox .lgLst .chkIpt:checked + .chkLbl { 
	background-image: url(/Form/_guest/basic/images/mLeagueStar_on.svg); 
}
.myPageWr .myMatchBox .leagueBox .lgLst .basketScoreBox { 
	flex-grow:1;
	padding:0 20px 0 0;
}
.myPageWr .myMatchBox .leagueBox .lgLst .basketScoreBox dl { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	gap:8px;
}
.myPageWr .myMatchBox .leagueBox .lgLst .basketScoreBox dl + dl { 
	margin-top:8px;
}
.myPageWr .myMatchBox .leagueBox .lgLst .basketScoreBox dt { 
	flex-shrink:0;
	font-weight: 500; 
	font-size: 14px;
	color: #212121;
}
.myPageWr .myMatchBox .leagueBox .lgLst .basketScoreBox dd { 
	flex-grow:1; 
}
.myPageWr .myMatchBox .leagueBox .lgLst .basketScoreBox dd .bsLst01 { 
	display:flex;
	align-items:center; 
	justify-content:flex-end;
	gap:18px;
}
.myPageWr .myMatchBox .leagueBox .lgLst .basketScoreBox dd .bsLst01 li {
	font-family: Pretendard;
	font-weight: 500;
	font-size: 14px;
	color: #999;
}
.myPageWr .myMatchBox .leagueBox .lgLst .basketScoreBox dd .bsLst01 li.total { 
	font-weight: 700; 
	color: #F44336;
}
.myPageWr .myMatchBox .leagueBox .lgLst .baseScoreBox { 
	flex-grow:1;
	padding:0 20px 0 0;
}
.myPageWr .myMatchBox .leagueBox .lgLst .baseScoreBox dl { 
	position:relative; 
	padding:0 20px 0 0;
}
.myPageWr .myMatchBox .leagueBox .lgLst .baseScoreBox dl + dl { 
	margin-top:8px;
}
.myPageWr .myMatchBox .leagueBox .lgLst .baseScoreBox dt { 
	font-family: Pretendard;
	font-weight: 500;
	font-size: 14px;
	color: #212121;
}
.myPageWr .myMatchBox .leagueBox .lgLst .baseScoreBox dd .infoLst { 
	display:flex;
	flex-wrap:wrap; 
	gap: 7px;
	font-size: 13px;
	color: #666;
}
.myPageWr .myMatchBox .leagueBox .lgLst .baseScoreBox dd .infoLst li { 
	position:relative; 
	padding:0 8px 0 0;
}
.myPageWr .myMatchBox .leagueBox .lgLst .baseScoreBox dd .infoLst li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 14px;
	top: 50%;
	right: 0;
	margin:-7px 0 0;
	background: #666;
}
.myPageWr .myMatchBox .leagueBox .lgLst .baseScoreBox dd .infoLst li:last-child { 
	padding:0;
}
.myPageWr .myMatchBox .leagueBox .lgLst .baseScoreBox dd .infoLst li:last-child:after { 
	display:none; 
}
.myPageWr .myMatchBox .leagueBox .lgLst .baseScoreBox dd .score { 
	position:absolute; 
	display:block; 
	top: 50%;
	right: 0;
	transform:translateY(-50%);
	font-family: Pretendard;
	font-weight: 700;
	font-size: 14px;
	color: #F44336;
}
.myPageWr .myMatchBox .leagueBox .lgLst .baseScoreBox + .scoreInfo { 
	height: auto;
}
.myPageWr .myMatchBox .leagueBox .lgLst .scoreLst { 
	flex-grow:1;
	padding:0 20px 0 0;
}
.myPageWr .myMatchBox .leagueBox .lgLst .scoreLst li { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	margin:0 0 8px;
}
.myPageWr .myMatchBox .leagueBox .lgLst .scoreLst li:last-child { 
	margin:0;
}
.myPageWr .myMatchBox .leagueBox .lgLst .scoreLst .scoreName { 
	font-size: 14px;
	color: #212121;
}
.myPageWr .myMatchBox .leagueBox .lgLst .scoreLst .scoreNum { 
	font-family: Pretendard;
	font-weight: 700;
	font-size: 14px;
	color: #F44336;
}
.myPageWr .myMatchBox .leagueBox .lgLst .scoreInfo { 
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 88px;
	height: 100%;
	border-left:1px solid #DBDBDB;
	font-family: Pretendard;
	font-size: 16px;
	text-align: center;
}
.myPageWr .myMatchBox .leagueBox .lgLst .scoreInfo .scTime { 
	font-weight: 500;
	color: #424242;
}
.myPageWr .myMatchBox .leagueBox .lgLst .scoreInfo .scTxt01 { 
	font-weight: 700;
	color: #F44336;
}
.myPageWr .myMatchBox .leagueBox .lgLst .scoreInfo .scTxt02 { 
	font-weight: 700;
	color: #797979;
}
.myPageWr .myMatchBox .leagueBox .lgLst .statBox { 
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 80px;
	border-left:1px solid #DBDBDB;
}
.myPageWr .myMatchBox .leagueBox .lgLst .statBox .stat { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:4px;
	padding:0 4px;
	border-radius: 5px;
}
.myPageWr .myMatchBox .leagueBox .lgLst .statBox .stat .statTxt { 
	font-family: Pretendard;
	font-weight: 500; 
	font-size: 14px;
}
.myPageWr .myMatchBox .leagueBox .lgLst .statBox .stat.stLive { 
	background: #F44336; 
}
.myPageWr .myMatchBox .leagueBox .lgLst .statBox .stat.stLive .circle { 
	position:relative; 
	display:block;
	width: 12px;
	height: 12px;
	background: #FFF;
	border-radius: 50%;
}
.myPageWr .myMatchBox .leagueBox .lgLst .statBox .stat.stLive .circle:before,
.myPageWr .myMatchBox .leagueBox .lgLst .statBox .stat.stLive .circle:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin:auto;
	border-radius: 50%;
}
.myPageWr .myMatchBox .leagueBox .lgLst .statBox .stat.stLive .circle:before { 
	width: 4px;
	height: 4px;
	background: #FFF;
}
.myPageWr .myMatchBox .leagueBox .lgLst .statBox .stat.stLive .circle:before { 
	width: 2px;
	height: 2px;
	background: #F44336;
}
.myPageWr .myMatchBox .leagueBox .lgLst .statBox .stat.stLive .statTxt { 
	color: #FFF; 
}
.myPageWr .myMatchBox .leagueBox .lgLst .statBox .stat.stEsc { 
	background: #EDEDED;
}
.myPageWr .myMatchBox .leagueBox .lgLst .statBox .stat.stEsc .statTxt { 
	color: #797979; 
}
.myPageWr .noDataBox,
.myPageWr .loadingBox { 
	padding:32px 0;
	text-align: center; 
}
.myPageWr .noDataBox .imgBox { 
	max-width: 100%;
	margin:0 auto 10px;
	font-size: 0; 
}
.myPageWr .noDataBox .imgBox img { 
	max-width: 100%; 
}
.myPageWr .noDataBox .txt,
.myPageWr .loadingBox .txt { 
	font-size: 14px;
	color: #797979;
}
.myPageWr .loadingBox .imgBox { 
	position:relative; 
	width: 44px;
	height: 44px;
	margin:0 auto 10px;
}
.myPageWr .loadingBox .imgBox img { 
	position:absolute; 
	top: 50%;
	left: 50%;
	margin:-21px 0 0 -21px;
	animation:rotateAni 3s linear infinite;
}
.mpTeamPop .popBox { 
	position:absolute; 
	width: 706px; 
	max-width: 90%;
	top: 50%;
	left: 50%;
	padding:40px;
	transform:translate(-50%, -50%);
	border-radius: 5px;
	background: #FFF;
}
.mpTeamPop .comTopBox { 
	position:relative; 
	margin:0 0 12px;
	padding:0 30px 10px 0;
}
.mpTeamPop .comTopBox .popClose { 
	position:absolute; 
	display:block; 
	width: 24px;
	height: 24px;
	top: 0;
	right: 0;
}
.mpTeamPop .comTopBox .popClose:before,
.mpTeamPop .comTopBox .popClose:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -10px;
	background: #999;
	border-radius: 4px;
}
.mpTeamPop .comTopBox .popClose:before { 
	transform:rotate(45deg); 
}
.mpTeamPop .comTopBox .popClose:after { 
	transform:rotate(-45deg); 
}
.mpTeamPop .cTit01 { 
	position:relative;
	padding:0 0 0 28px;
}
.mpTeamPop .cTit01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top:0;
	left:0;
	background:url(/Form/_guest/basic/images/myPageHeart01.svg) no-repeat;
	background-size:cover;
}
.mpTeamPop .schBox { 
	display:flex;
	gap:12px;
	margin:0 0 22px;
}
.mpTeamPop .schBox .ipt {
	padding:11px 12px;
	background: #F7F7F7;
	border-radius: 5px;
	color: #424242;
	font-size: 14px;
}
.mpTeamPop .schBox .ipt::placeholder { 
	color: #999; 
}
.mpTeamPop .schBox select.ipt { 
	flex-shrink:0;
	width: 120px;
	padding-right:30px;
	appearance: none;
	background-image: url(/Form/_guest/basic/images/comSel02.svg);
	background-repeat:no-repeat;
	background-position:right 12px center;
}
.mpTeamPop .schBox .ipt.fullWid { 
	width: 100%; 
}
.mpTeamPop .schBox .iptBox { 
	flex-grow:1;
	position:relative; 
}
.mpTeamPop .schBox .iptBox .ipt { 
	padding-right:40px;
}
.mpTeamPop .schBox .iptBox .btn { 
	position:absolute; 
	display:block; 
	top: 50%;
	right: 13px;
	transform:translateY(-50%);
	font-size: 0;
}
.mpTeamPop .schBox .iptBox .btn img { 
	max-width: 100%; 
}
.mpTeamPop .schBox .btnSmt { 
	display:block;
	padding:11px 12px;
	background: #F44336;
	border-radius: 5px;
	font-weight: 700;
	font-size: 14px;
	text-align: center;
	color: #FFF;
}
.mpTeamPop .schTit01 { 
	margin:0 0 7px;
	font-weight: 500; 
	font-size: 16px;	
	color: #424242;
}
.mpTeamPop .schTit01 span { 
	font-weight: 700;
	color: #F44336;
}
.mpTeamPop .schLst01 { 
	max-height: 396px; 
	overflow-y:auto;
}
.mpTeamPop .schLst01 li { 
	position:relative;
	margin:0 0 11px;
	padding:0 30px 9px 76px;
	border-bottom:1px solid #EDEDED;
	font-size: 14px;
}
.mpTeamPop .schLst01 li:last-child { 
	margin:0;
}
.mpTeamPop .schLst01 li.notNation { 
	display:flex;
	align-items:center; 
	min-height: 34px;
	padding-top:11px;
	padding-bottom:13px;
}
.mpTeamPop .schLst01 .cate { 
	position:absolute; 
	display:flex;
	align-items:center; 
	justify-content:center; 
	gap:4px;
	min-width: 68px;
	top: 3px;
	left: 0;
	padding:7px;
	border:1px solid #F0F0F0;
	border-radius: 100px;
}
.mpTeamPop .schLst01 .cate span { 
	display:block; 
}
.mpTeamPop .schLst01 .cate .cateIco { 
	font-size: 0; 
}
.mpTeamPop .schLst01 .cate .cateIco img { 
	max-width: 100%; 
}
.mpTeamPop .schLst01 .cate .cateTxt { 
	font-weight: 500; 
	color: #999;
}
.mpTeamPop .schLst01 .name {
	font-weight: 700;
	color: #212121;
}
.mpTeamPop .schLst01 .nation {  
	color: #797979;
}
.mpTeamPop .schLst01 .name + .nation { 
	margin-top:4px;
}
.mpTeamPop .schLst01 .btn { 
	position:absolute; 
	display:block; 
	width: 20px;
	height: 20px;
	top: 11px;
	right: 0;
}
.mpTeamPop .schLst01 .btn.stPlus:before,
.mpTeamPop .schLst01 .btn.stPlus:after,
.mpTeamPop .schLst01 .btn.stMinus:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	top:50%;
	left:50%;
	background: #999;
	border-radius: 4px;
}
.mpTeamPop .schLst01 .btn.stPlus:before,
.mpTeamPop .schLst01 .btn.stMinus:before { 
	width: 12px;
	height: 2px;
	margin:-1px 0 0 -6px;
}
.mpTeamPop .schLst01 .btn.stPlus:after { 
	width: 2px;
	height: 12px;
	margin:-6px 0 0 -1px;
}
.mpTeamPop .noDataBox { 
	padding:32px 0;
	text-align: center; 
}
.mpTeamPop .noDataBox .imgBox { 
	max-width: 100%;
	margin:0 auto 10px;
	font-size: 0; 
}
.mpTeamPop .noDataBox .imgBox img { 
	max-width: 100%; 
}
.mpTeamPop .noDataBox .txt { 
	font-size: 14px;
	color: #797979;
}
.mpAccountPop .popBox { 
	position:absolute;
	width: 485px;
	max-width: 90%;
	top: 50%;
	left: 50%;
	padding:40px;
	transform:translate(-50%, -50%);
	background: #FFF;
	border-radius: 5px;
}
.mpAccountPop .topBox { 
	display:flex;
	justify-content:space-between; 
	gap:10px;
	margin:0 0 10px;
}
.mpAccountPop .topBox .tit01 { 
	flex-grow:1;
	position:relative; 
	padding:0 0 0 28px;
	font-weight: 700;
	font-size: 20px;
	color: #212121;
}
.mpAccountPop .topBox .tit01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top: 0;
	left: 0;
	background: url(/Form/_guest/basic/images/mkPopTit01.svg) no-repeat;
	background-size:cover;
}
.mpAccountPop .topBox .popClose { 
	flex-shrink:0;
	position:relative; 
	display:block; 
	width: 24px;
	height: 24px;
}
.mpAccountPop .topBox .popClose:before,
.mpAccountPop .topBox .popClose:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -10px;
	background: #999;
	border-radius: 4px;
}
.mpAccountPop .topBox .popClose:before { 
	transform:rotate(45deg); 
}
.mpAccountPop .topBox .popClose:after { 
	transform:rotate(-45deg); 
}
.mpAccountPop .infoLst01 { 
	margin:0 0 13px;
}
.mpAccountPop .infoLst01 li { 
	position:relative; 
	padding:0 0 0 10px;
	font-weight: 500; 
	font-size: 16px;
	line-height: 1.4;
	color: #797979;
}
.mpAccountPop .infoLst01 li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 2px;
	height: 2px;
	top: 10px;
	left: 3px;
	background: #797979;
	border-radius: 50%;
}
.mpAccountPop .accInfoBox { 
	margin:0 0 11px;
	padding:20px;
	background: #F7F7F7;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
.mpAccountPop .accInfoBox .tit01 { 
	margin:0 0 5px;
	font-weight: 700; 
	font-size: 15px;
	letter-spacing: 0;
	text-align: center;
	color: #F44336;
}
.mpAccountPop .accInfoBox dl { 
	display:flex;
	gap:10px;
	font-weight: 500;
	font-size: 14px;
}
.mpAccountPop .accInfoBox dl + dl { 
	margin-top:6px;
}
.mpAccountPop .accInfoBox dt { 
	flex-shrink:0;
	width: 52px; 
	color: #797979;
}
.mpAccountPop .accInfoBox dd { 
	flex-grow:1; 
	color: #424242;
}
.mpAccountPop .totalPrc { 
	display:flex;
	align-items:center; 
	gap:8px;
	margin:0 0 18px;
	padding:10px 0 0;
	border-top:1px solid #DBDBDB;
	font-size: 14px;
}
.mpAccountPop .totalPrc dt { 
	flex-shrink:0; 
	font-weight: 500;
	color: #797979;
}
.mpAccountPop .totalPrc dd { 
	flex-grow:1;
	text-align: right;
	font-weight: 500;
	color: #424242;
}
.mpAccountPop .totalPrc dd span { 
	font-weight: 700; 
	font-size:1.429em;
	color: #F44336;
}
.mpAccountPop .iptTit01 { 
	margin:0 0 8px;
	font-weight: 500; 
	font-size: 14px;
	color: #424242;
}
.mpAccountPop .ipt + .iptTit01 { 
	margin-top:10px;
}
.mpAccountPop .ipt { 
	width: 100%;
	padding:15px 12px;
	background: #F7F7F7;
	border-radius: 5px;
	font-size: 13px;
	letter-spacing: -.22px;
	color: #424242;
}
.mpAccountPop .ipt::placeholder { 
	color: #999; 
}
.mpAccountPop select.ipt { 
	padding-right:35px;
	appearance: none;
	background-image: url(/Form/_guest/basic/images/comSel01.svg);
	background-repeat:no-repeat;
	background-position:right 11px center;	 
}
.mpAccountPop .infoTxt01 { 
	margin:9px 0 0;
	font-size: 14px;
	letter-spacing: -.22px;
	color: #666;
}
.mpAccountPop .btnReq { 
	display:block; 
	min-width: 360px;
	margin:22px auto 0;
	padding:13px 10px 14px;
	background: #F44336;
	border:1px solid #F44336;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.22px;
	text-align: center;
	color: #FFF;
	transition:all .3s ease;
}
.mpAccountPop .btnReq:focus,
.mpAccountPop .btnReq:hover { 
	background: #FFF;
	color: #F44336;
}
@keyframes bling01 { 
	0% { 
		opacity:1; 
	}
	100% { 
		opacity:0;
	}
}
@media all and (max-width:999px){
	.myPageWr { 
		padding:16px 0 0;
	}
	.myPageWr .comTopBox.hasLnk .lnk { 
		padding:8px 20px 8px 8px;
	}
	.myPageWr .comTopBox.hasLnk .lnk:before { 
		width: 15px;
		height: 15px;
	}
	.myPageWr .comTopBox.hasLnk .lnk:after { 
		width: 6px; 
		height: 6px;
		right:8px;
		margin:-3px 0 0;
	}
	.myPageWr .comTopBox.hasLnk .lnk .lnkTxt { 
		font-size: 13px; 
	}
	.myPageWr .userInfoBox { 
		margin:0 0 16px;
	}
	.myPageWr .userInfoBox .imgBox { 
		width: 56px; 
		height: 56px;
	}
	.myPageWr .userInfoBox .txtBox { 
		padding:0 0 0 65px;		 
	}
	.myPageWr .userInfoBox .name { 
		font-size: 16px; 
	}
	.myPageWr .userInfoBox .per { 
		padding:2px 10px;
		font-size: 14px;
	}
	.myPageWr .userInfoBox .txtInfoLst {
		gap:8px;
	}
	.myPageWr .userInfoBox .txtInfoLst li { 
		padding:0 0 0 20px;
		font-size: 13px;
	}
	.myPageWr .userInfoBox .txtInfoLst li:before { 
		width: 16px;
		height: 16px;
	}
	.myPageWr .userInfoBox .btnBox { 
		gap:8px;
		padding:0 0 0 65px;
	}
	.myPageWr .userInfoBox .btnBox .btn { 
		min-width: 120px; 
		padding:10px 10px 9px;
		font-size: 14px;
	}
	.myPageWr .userInfoBox .btnBox .btnNote { 
		gap:8px;
		padding:10px 20px;
	}
	.myPageWr .userInfoBox .btnBox .btnNote:before { 
		width: 20px; 
		height: 20px;
	}
	.myPageWr .userInfoBox .btnBox .btnNote .btnTxt { 
		font-size: 15px; 
	}
	.myPageWr .myWordBox { 
		margin:0 0 10px;
		padding:10px;
	}
	.myPageWr .myWordBox .mwTit { 
		font-size: 14px; 
	}
	.myPageWr .myWordBox .mwEdit { 
		width: 20px; 
		margin:0 0 0 2px;
	}
	.myPageWr .myWordBox .mwTxt,
	.myPageWr .myWordBox .mwIpt { 
		margin:7px 0 0;
		font-size: 13px;
	}
	.myPageWr .myWordBox .mwIpt { 
		padding:8px;
	}
	.myPageWr .myWordBox .mwSmt {
		position:relative; 
		top:auto;
		right:auto;
		margin:7px 0 0;
		padding:10px 10px 9px;
		transform:translateY(0);
		font-size: 15px;
	}
	.myPageWr .myWordBox.stEdit { 
		padding-right:10px;
	}
	.myPageWr .myInfoBox { 
		flex-wrap:wrap; 
		gap:16px;
	}
	.myPageWr .myInfoBox .lBox,
	.myPageWr .myInfoBox .rBox { 
		width: 100%;
	}
	.myPageWr .myInfoBox .titBox { 
		margin:0 0 5px; 
	}
	.myPageWr .myInfoBox .titBox .lnk { 
		padding:0 18px 0 0;
		font-size: 14px;
	}
	.myPageWr .myInfoBox .titBox .lnk:after { 
		width: 6px;
		height: 6px;
		right: 6px;
		margin:-3px 0 0 ;
		border-top-width:1px;
		border-right-width:1px;
	}
	.myPageWr .myInfoBox .tit { 		
		font-size: 15px;
	}
	.myPageWr .myInfoBox .followBox { 
		gap:8px;
	}
	.myPageWr .myInfoBox .followCon { 
		width: calc((100% - 8px)/2);
		padding:10px 15px;
	}
	.myPageWr .myInfoBox .followCon .fImgBox {
		width: 20px;
	}
	.myPageWr .myInfoBox .followCon .fTit { 
		margin:0 0 10px;
		font-size: 14px;
	}
	.myPageWr .myInfoBox .followCon .fNum { 
		font-size: 14px;
	}
	.myPageWr .myInfoBox .mngWinBox {
		gap:8px;
	}
	.myPageWr .myInfoBox .mngWinCon { 
		width: calc((100% - 16px)/3);
		padding:10px 10px 10px 30px;
	}
	.myPageWr .myInfoBox .mngWinCon:before { 
		width: 14px;
		height: 14px;
		top:15px;
		left:10px;
	}
	.myPageWr .myInfoBox .mngWinTop { 
		margin:0 0 8px;
	}
	.myPageWr .myInfoBox .mngWinTop .mngWinTit { 
		font-size: 14px;
	}
	.myPageWr .myInfoBox .mngWinTop .mngWinPer { 
		padding:2px 8px 3px;
		font-size: 14px;
	}
	.myPageWr .myInfoBox .mngWinDl { 
		padding:7px 9px 5px;
	}
	.myPageWr .myBrdBox .lst li { 
		gap:16px;
		padding:16px 16px 16px 0;
	}
	.myPageWr .myBrdBox .lst .lnkView { 
		gap:16px;
		max-width: calc(100% - 202px);
	}
	.myPageWr .myBrdBox .lst .lnkView .lnkImg { 
		width: 100px;
		height: 100px;
	}
	.myPageWr .myBrdBox .lst .lnkView .lnkImg.noImg:before { 
		width: 52px;
		height: 14px;
		margin:-7px 0 0 -26px;
	}
	.myPageWr .myBrdBox .lst .lnkView .gender { 
		width: 19px;
	}
	.myPageWr .myBrdBox .lst .lnkView .name {
		font-size: 13px; 
	}
	.myPageWr .myBrdBox .lst .lnkView .per { 
		padding:1px 8px;
		font-size: 14px;
	}
	.myPageWr .myBrdBox .lst .lnkView .tit { 
		margin:8px 0;
		font-size: 14px;
	}
	.myPageWr .myBrdBox .lst .lnkView .lnkBtm { 
		gap:8px;` 
	}
	.myPageWr .myBrdBox .lst .lnkView .date { 
		padding:0 8px 0 0;
		font-size: 13px;
	}
	.myPageWr .myBrdBox .lst .lnkView .date:after { 
		height: 8px; 
		margin:-4px 0 0;
	}
	.myPageWr .myBrdBox .lst .lnkView .view { 
		padding:0 0 0 18px;
		font-size: 13px;
	}
	.myPageWr .myBrdBox .lst .lnkView .view:before { 
		width: 14px; 
		height: 14px;
		top:1px;
	}
	.myPageWr .myBrdBox .lst .editBox { 
		gap:8px; 
	}
	.myPageWr .myBrdBox .lst .editBox .btnEdit { 
		padding:10px 10px 10px 30px;
		font-size: 13px;
	}
	.myPageWr .myBrdBox .lst .editBox .btnEdit:before { 
		width: 20px;
		height: 20px;
		top: 9px;
		left: 7px;
	}
	.myPageWr .myTeamBox .comTopBox { 
		padding-right:110px;
	}
	.myPageWr .myTeamBox .comTopBox .addTeam { 
		gap:6px;
		padding:10px 10px 9px;
	}
	.myPageWr .myTeamBox .comTopBox .addTeam .plus { 
		width: 10px;
		height: 10px;
	}
	.myPageWr .myTeamBox .comTopBox .addTeam .btnTxt { 
		font-size: 14px;
	}
	.myPageWr .myTeamBox .cTit01 { 
		padding:0 0 0 24px;
	}
	.myPageWr .myTeamBox .cTit01:before {
		width: 20px;
		height: 20px;
	}
	.myPageWr .myTeamBox .teamLst { 
		gap:8px; 
	}
	.myPageWr .myTeamBox .teamLst > li { 
		width: calc((100% - 16px)/3); 
		padding:10px;
	}
	.myPageWr .myTeamBox .teamLst .lstTit { 
		margin:0 0 10px;
		padding:0 0 8px 20px;
	}
	.myPageWr .myTeamBox .teamLst .lstTit:before { 
		width: 16px; 
		height: 16px;
		top: 4px;
	}
	.myPageWr .myTeamBox .teamLst .sLst li { 
		gap:5px;
		font-size: 13px;
	}
	.myPageWr .myTeamBox .teamLst .noDataBox .imgBox { 
		width: 124px; 
		margin:0 auto 8px;
	}
	.myPageWr .myTeamBox .teamLst .noDataBox .txt { 
		font-size: 13px; 
	}
	.myPageWr .myMatchBox .cTit01 { 
		padding:0 0 0 24px;
	}
	.myPageWr .myMatchBox .cTit01:before {
		width: 20px;
		height: 20px;
	}
	.myPageWr .myMatchBox .leagueTopBox .cateBox { 
		gap:8px;
	}
	.myPageWr .myMatchBox .leagueTopBox .matchCate { 
		gap:4px;
		min-width: 100px;
		padding:8px 8px 7px;
	}
	.myPageWr .myMatchBox .leagueTopBox .matchCate:before {
		width: 16px;
		height: 16px;
	}
	.myPageWr .myMatchBox .leagueTopBox .matchCate .btnTxt { 
		font-size: 14px;
	}
	.myPageWr .myMatchBox .leagueTopBox .calendarBox { 
		gap:8px;
		width: 140px;
	}
	.myPageWr .myMatchBox .leagueTopBox .calendarBox .date_input { 
		padding:0 0 0 20px;
		background-size:16px auto;
		font-size: 13px;
	}
	.myPageWr .myMatchBox .leagueBox .lgTopBox { 
		gap:8px; 
		padding:10px;
	}
	.myPageWr .myMatchBox .leagueBox .lgTopBox .chkLbl { 
		padding:0 0 0 20px;
		font-size: 13px; 
	}
	.myPageWr .myMatchBox .leagueBox .lgTopBox .chkLbl:before { 
		width: 14px; 
		height: 14px;
		top:1px;
	}
	.myPageWr .myMatchBox .leagueBox .lgTopBox .date { 
		font-size: 13px; 
	}
	.myPageWr .myMatchBox .leagueBox .lgLst > li { 
		flex-wrap:wrap;
		gap:8px;
		padding:10px 0 10px 32px;
	}
	.myPageWr .myMatchBox .leagueBox .lgLst .chkLbl { 
		width: 14px;
		height: 14px;
		top:22px;
		left:9px;
	}	
	.myPageWr .myMatchBox .leagueBox .lgLst .basketScoreBox,
	.myPageWr .myMatchBox .leagueBox .lgLst .baseScoreBox { 
		width: 100%;
		padding:0 16px 0 0;
	}
	.myPageWr .myMatchBox .leagueBox .lgLst .basketScoreBox dt,
	.myPageWr .myMatchBox .leagueBox .lgLst .baseScoreBox dt,
	.myPageWr .myMatchBox .leagueBox .lgLst .baseScoreBox dd .score { 
		font-size: 13px;
	}
	.myPageWr .myMatchBox .leagueBox .lgLst .basketScoreBox dd .bsLst01 {
		gap:10px;
	}
	.myPageWr .myMatchBox .leagueBox .lgLst .basketScoreBox dd .bsLst01 li {
		font-size: 13px;
	}	
	.myPageWr .myMatchBox .leagueBox .lgLst .scoreLst { 
		width: 100%;
		padding:0 0 8px;
		border-bottom:1px solid #DBDBDB;
	}
	.myPageWr .myMatchBox .leagueBox .lgLst .scoreLst li { 
		margin:0 0 5px;
	}
	.myPageWr .myMatchBox .leagueBox .lgLst .scoreInfo,
	.myPageWr .myMatchBox .leagueBox .lgLst .statBox { 
		width: auto;
		border-left:none;
	}
	.myPageWr .myMatchBox .leagueBox .lgLst .scoreInfo { 
		font-size: 14px;
	}
	.myPageWr .noDataBox .txt,
	.myPageWr .loadingBox .txt { 
		font-size: 13px; 
	}	
	.myPageWr .loadingBox .imgBox { 
		width: 36px;
		height: 36px;
		margin:0 auto 5px;
	}
	.myPageWr .loadingBox .imgBox img { 
		width: 34px;
		margin:-17px 0 0 -17px;
	}
	.mpTeamPop .popBox { 
		padding:20px;
	}
	.mpTeamPop .comTopBox { 
		margin:0 0 8px;
		padding:0 20px 6px 0;
	}
	.mpTeamPop .comTopBox .popClose { 
		width: 16px;
		height: 16px;
	}
	.mpTeamPop .comTopBox .popClose:before,
	.mpTeamPop .comTopBox .popClose:after { 
		width: 14px;
		margin:-1px 0 0 -7px;
	}
	.mpTeamPop .cTit01 { 
		padding:0 0 0 24px;
	}
	.mpTeamPop .cTit01:before {
		width: 20px;
		height: 20px;
	}
	.mpTeamPop .schBox { 
		gap:8px;
		margin:0 0 10px;
	}
	.mpTeamPop .schBox .ipt {
		padding:8px;
		font-size: 13px;
	}
	.mpTeamPop .schBox select.ipt { 
		width: 100px;
		padding-right:24px;
		background-size:16px auto;
		background-position:right 8px center;
	}
	.mpTeamPop .schBox .iptBox .ipt { 
		padding-right:24px;
	}
	.mpTeamPop .schBox .iptBox .btn { 
		width: 15px;
		right: 8px;
	}
	.mpTeamPop .schBox .btnSmt { 
		padding:8px;
		font-size: 13px;
	}
	.mpTeamPop .schTit01 { 
		margin:0 0 5px;
		font-size: 14px;
	}
	.mpTeamPop .schLst01 li { 
		font-size: 13px; 
	}
	.mpTeamPop .schLst01 .cate .cateIco { 
		width: 15px; 
	}
	.mpTeamPop .noDataBox .imgBox { 
		width: 125px;
		margin:0 auto 8px;
	}
	.mpTeamPop .noDataBox .txt { 
		font-size: 13px; 
	}	
	.mpAccountPop .popBox { 
		padding:20px;
	}
	.mpAccountPop .scrollBox { 
		max-height: 300px; 
		overflow-y:auto;
	}
	.mpAccountPop .topBox { 
		gap:8px;
		margin:0 0 8px;
	}
	.mpAccountPop .topBox .tit01 { 
		padding:0 0 0 24px;
		font-size: 16px;
	}
	.mpAccountPop .topBox .tit01:before { 
		width: 20px;
		height: 20px;
	}
	.mpAccountPop .topBox .popClose {
		width: 20px;
		height: 20px;
	}
	.mpAccountPop .topBox .popClose:before,
	.mpAccountPop .topBox .popClose:after { 
		width: 16px;
		margin:-1px 0 0 -8px;
	}
	.mpAccountPop .infoLst01 { 
		margin:0 0 8px;
	}
	.mpAccountPop .infoLst01 li { 
		font-size: 14px;
		line-height: 1.3;
	}
	.mpAccountPop .infoLst01 li:before { 
		top: 7px; 
	}
	.mpAccountPop .accInfoBox { 
		margin:0 0 8px;
		padding:16px;
	}
	.mpAccountPop .accInfoBox .tit01 { 
		margin:0 0 3px;
		font-size: 13px;
	}
	.mpAccountPop .accInfoBox dl { 
		gap:8px;
		font-size: 13px;
	}
	.mpAccountPop .totalPrc { 
		flex-wrap:wrap; 
		gap:0;
		margin:0 0 13px;
		padding:8px 0 0;
		font-size: 13px;
	}
	.mpAccountPop .totalPrc dt { 
		width: 100%;
	}r
	.mpAccountPop .totalPrc dd span { 
		font-size:1.2em;
	}
	.mpAccountPop .iptTit01 { 
		margin:0 0 5px;
		font-size: 13px;
	}
	.mpAccountPop .ipt + .iptTit01 { 
		margin-top:8px;
	}
	.mpAccountPop .ipt { 
		padding:10px;
	}	
	.mpAccountPop select.ipt {
		min-width: 100px;
		padding-right:25px;
		background-size:16px auto;
		background-position:right 5px center;
	}
	.mpAccountPop .infoTxt01 { 
		margin:6px 0 0;
		font-size: 13px;
	}
	.mpAccountPop .btnReq { 
		width: 100%;
		min-width: 0;
		margin:15px auto 0;
		padding:10px 10px 9px;
		font-size: 14px;
	}
}
@media all and (max-width:799px){
	.myPageWr .myBrdBox .lst li { 
		flex-wrap:wrap;
		gap:10px;
	}
	.myPageWr .myBrdBox .lst .lnkView { 
		width: 100%;
		max-width: 100%;
	}
	.myPageWr .myBrdBox .lst .editBox {
		flex-wrap:wrap; 
		width: 100%;
		padding:0 0 0 116px;
	}
	.myPageWr .myTeamBox .teamLst > li { 
		width: 100%; 
	}
	.myPageWr .myTeamBox .teamLst .sLst { 
		max-height: 150px; 
	}
	.myPageWr .myMatchBox .leagueTopBox { 
		flex-wrap:wrap;
		gap:8px;
	}
	.myPageWr .myMatchBox .leagueTopBox .cateBox,
	.myPageWr .myMatchBox .leagueTopBox .calendarBox { 
		width: 100%; 
	}
	.myPageWr .myMatchBox .leagueTopBox .calendarBox { 
		justify-content:flex-end; 
	}
	.myPageWr .myMatchBox .leagueTopBox .calendarBox .date_input { 
		width: 84px; 
	}
}
@media all and (max-width:599px){
	.myPageWr .comTopBox.hasLnk { 
		padding-right:0;
	}
	.myPageWr .comTopBox.hasLnk .lnk { 
		position:relative; 
		top: auto;
		right: auto;
		margin:8px 0 0;
	}
	.myPageWr .userInfoBox .txtBox,
	.myPageWr .userInfoBox .btnBox,
	.myPageWr .userInfoBox .btnBox .btnNote,
	.myPageWr .myWordBox .mwSmt,
	.myPageWr .myInfoBox .mngWinCon { 
		width: 100%; 
	}
	.myPageWr .userInfoBox .imgBox { 
		width: 40px;
		height: 40px;
	}
	.myPageWr .userInfoBox .txtBox { 
		min-height: 40px;
		padding:0 0 0 50px;
	}
	.myPageWr .userInfoBox .btnBox { 
		padding:0;
	}
	.myPageWr .userInfoBox .btnBox .btn { 
		width: 100%;
		min-width: 0;
	}
	.myPageWr .myBrdBox .lst .lnkView { 
		flex-wrap:wrap;
	}
	.myPageWr .myBrdBox .lst .lnkView .lnkImg { 
		width: 100%;
		height: 0;
		padding:56.25% 0 0;
	}
	.myPageWr .myBrdBox .lst .lnkView .lnkCon { 
		max-width: 100%; 
	}
	.myPageWr .myBrdBox .lst .editBox { 
		padding:0;
	}
	.myPageWr .myTeamBox .comTopBox { 
		padding-right:0;
	}
	.myPageWr .myTeamBox .comTopBox .addTeam { 
		position:relative; 
		width: 100%;
		top:auto;
		right:auto;
		margin:8px 0 0;
	}
	.myPageWr .myMatchBox .leagueTopBox .matchCate { 
		width: 100%; 
	}
	.mpTeamPop .schBox { 
		flex-wrap:wrap;
	}
	.mpTeamPop .schBox .iptBox { 
		width: calc(100% - 108px); 
	}
	.mpTeamPop .schBox .btnSmt { 
		width: 100%; 
	}
}
/* 마이페이지 끝
------------------------------------------------------ */
/* 닉네임, 비밀번호 변경 시작
------------------------------------------------------ */
.changeWr { 
	max-width: 420px; 
	margin:0 auto;
	padding:17px 20px 20px;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
.changeWr .topBox { 
	margin:0 0 20px;
	padding:0 0 16px;
	border-bottom:1px solid #DBDBDB;
	text-align: center; 
}
.changeWr .topBox .tit { 
	margin:0 0 6px;
	font-weight: 700; 
	font-size: 20px;
	color: #212121;
}
.changeWr .topBox .txt { 
	font-weight: 500; 
	font-size: 16px;
	color: #797979;
}
.changeWr .infoBox { 
	display:flex;
	align-items:center; 
	justify-content:center;
	margin:0 0 37px;
}
.changeWr .infoBox .imgBox { 
	flex-shrink:0;
	font-size: 0;
}
.changeWr .infoBox .imgBox img { 
	max-width: 100%; 
}
.changeWr .infoBox .name { 
	margin:0 0 0 7px;
	font-weight: 700;
	font-size: 20px;
	color: #212121;
}
.changeWr .infoBox .per { 
	margin:0 0 0 20px;
	padding:2px 12px 1px;
	background: #FBC02D;
	border-radius: 100px;
	font-weight: 700;
	font-size: 16px;
	color: #FFF;
}
.changeWr .cateBox { 
	display:flex;
	margin:0 0 14px;
}
.changeWr .cateBox .cate { 
	display:block; 
	width: 50%;
	padding:0 10px 15px;
	border-bottom:2px solid #DBDBDB;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: -.5px;
	text-align: center;
	color: #797979;
}
.changeWr .cateBox .cate.on { 
	border-bottom-color:#F44336;
	font-weight: 700;
	color: #F44336;
}
.changeWr .iptBox .tit {
	margin:0 0 8px;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -.22px;
	color: #424242;
}
.changeWr .iptBox * + .tit { 
	margin-top:10px;
}
.changeWr .iptBox .ipt { 
	padding:16px 12px 14px;
	background: #F7F7F7;
	border-radius: 5px;
	font-size: 13px;
	letter-spacing: -.22px;
	color: #424242;
}
.changeWr .iptBox .ipt::placeholder { 
	color: #999; 
}
.changeWr .iptBox .ipt.fullWid { 
	width: 100%; 
}
.changeWr .iptBox .hasBtnBox { 
	display:flex;
	gap:10px;
}
.changeWr .iptBox .hasBtnBox .ipt { 
	flex-grow:1; 
}
.changeWr .iptBox .hasBtnBox .btn { 
	flex-shrink:0;
	display:block;
	padding:15px 13px 16px;
	background: #FFF7F6;
	border-radius: 5px;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: -.22px;
	text-align: center;
	color: #F44336;
}
.changeWr .btmBox { 
	margin:42px 0 0;
}
.changeWr .btmBox .btn { 
	display:block;
	width: 100%;
	padding:15px 10px 14px;
	background: #F44336;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.22px;
	text-align: center;
	color: #FFF;
}
@media all and (max-width:999px){
	.changeWr { 
		padding:16px;
	}
	.changeWr .topBox { 
		margin:0 0 16px;
		padding:0 0 10px;
	}
	.changeWr .topBox .tit { 
		margin:0 0 4px;
		font-size: 16px;
	}
	.changeWr .topBox .txt { 
		font-size: 14px;
	}
	.changeWr .infoBox { 
		gap:10px;
		margin:0 0 20px;
	}
	.changeWr .infoBox .imgBox { 
		width: 56px;
	}
	.changeWr .infoBox .name { 
		margin:0;
		font-size: 16px;
	}
	.changeWr .infoBox .per { 
		margin:0;
		padding:2px 10px 1px;
		font-size: 14px;
	}
	.changeWr .cateBox { 
		margin:0 0 10px;
	}
	.changeWr .cateBox .cate { 
		padding:0 8px 10px;
		border-bottom-width:1px;
		font-size: 14px;
	}
	.changeWr .iptBox .tit {
		margin:0 0 5px;
		font-size: 13px;
	}
	.changeWr .iptBox * + .tit { 
		margin-top:8px;
	}
	.changeWr .iptBox .ipt { 
		padding:14px 10px 12px;
	}
	.changeWr .iptBox .hasBtnBox { 
		gap:8px;
	}
	.changeWr .iptBox .hasBtnBox .btn { 
		padding:14px 10px 12px;
		font-size: 13px;
	}
	.changeWr .btmBox { 
		margin:20px 0 0;
	}
	.changeWr .btmBox .btn { 
		padding:10px 10px 9px;
		font-size: 14px;
	}
}
@media all and (max-width:599px){
	.changeWr .iptBox .hasBtnBox { 
		flex-wrap:wrap;
	}
	.changeWr .iptBox .hasBtnBox .btn { 
		width: 100%; 
	}
}
@media all and (max-width:452px){
	.changeWr { 
		margin:0 16px;
	}
}
/* 닉네임, 비밀번호 변경 끝
------------------------------------------------------ */
/* 내 승률 관리 시작
------------------------------------------------------ */
.mngMyWinWr .cateBox { 
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.mngMyWinWr .cateBox .btnCate { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:11px;
	width: calc((100% - 20px)/3);
	padding:11px 10px 12px;
	border-radius: 5px 5px 0 0;
	border:1px solid #F0F0F0;
	border-bottom-width:0;
	transition:all .3s ease;
}
.mngMyWinWr .cateBox .btnCate:before { 
	flex-shrink:0;
	content:"";
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	background-repeat:no-repeat;
	background-size:cover;
	transition:all .3s ease;
}
.mngMyWinWr .cateBox .btnCate span { 
	font-weight: 500;
	font-size: 18px;
	color: #999;
	transition:all .3s ease;
}
.mngMyWinWr .cateBox .btnCate:focus,
.mngMyWinWr .cateBox .btnCate:hover,
.mngMyWinWr .cateBox .btnCate.on { 
	background: #F44336;
}
.mngMyWinWr .cateBox .btnCate:focus span,
.mngMyWinWr .cateBox .btnCate:hover span,
.mngMyWinWr .cateBox .btnCate.on span { 
	color: #FFF; 
}
.mngMyWinWr .cateBox .btnCate.stSoccer:before { 
	background-image: url(/Form/_guest/basic/images/mInfoSoccer_off.svg); 
}
.mngMyWinWr .cateBox .btnCate.stSoccer:focus:before,
.mngMyWinWr .cateBox .btnCate.stSoccer:hover:before,
.mngMyWinWr .cateBox .btnCate.stSoccer.on:before { 
	background-image: url(/Form/_guest/basic/images/mInfoSoccer_on.svg); 
}
.mngMyWinWr .cateBox .btnCate.stBasket:before { 
	background-image: url(/Form/_guest/basic/images/mInfoBasket_off.svg); 
}
.mngMyWinWr .cateBox .btnCate.stBasket:focus:before,
.mngMyWinWr .cateBox .btnCate.stBasket:hover:before,
.mngMyWinWr .cateBox .btnCate.stBasket.on:before { 
	background-image: url(/Form/_guest/basic/images/mInfoBasket_on.svg); 
}
.mngMyWinWr .cateBox .btnCate.stBase:before { 
	background-image: url(/Form/_guest/basic/images/mInfoBase_off.svg); 
}
.mngMyWinWr .cateBox .btnCate.stBase:focus:before,
.mngMyWinWr .cateBox .btnCate.stBase:hover:before,
.mngMyWinWr .cateBox .btnCate.stBase.on:before { 
	background-image: url(/Form/_guest/basic/images/mInfoBase_on.svg); 
}
.mngMyWinWr .mwConBox { 
	display:none; 
}
.mngMyWinWr .mwConBox.on { 
	display:block; 
}
.mngMyWinWr .winRate { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:4px;
	width: 100%;
	min-height: 28px;
	padding: 3px;
	border:1px solid #EDEDED;
	border-radius: 5px;
}
.mngMyWinWr .winRate span { 
	letter-spacing: 0;
	color: #797979;
}
.mngMyWinWr .winRate.stChk { 
	background: #FFF7F6;
	border-color:#F44336;
}
.mngMyWinWr .winRate.stChk:after { 
	flex-shrink:0;
	content:"";
	box-sizing:border-box;
	display:block;
	width: 21px;
	height: 20px;
	background: url(/Form/_guest/basic/images/mngMyWinChk01.svg) no-repeat;
	background-size: cover;
}
.mngMyWinWr .winRate.stChk span { 
	font-weight: 700;
	color: #F44336;
}
@media all and (max-width:999px){
	.mngMyWinWr .cateBox { 
		gap:8px; 
	}
	.mngMyWinWr .cateBox .btnCate { 
		gap:8px;
		width: calc((100% - 16px)/3);
		padding:8px;
	}
	.mngMyWinWr .cateBox .btnCate:before { 
		width: 19px; 
		height: 19px;
	}	
	.mngMyWinWr .cateBox .btnCate span { 
		font-size: 15px;
	}
	.mngMyWinWr .winRate.stChk:after { 
		width: 17px; 
		height: 16px;
	}
}
/* 내 승률 관리 끝
------------------------------------------------------ */
/* 쪽지함 시작
------------------------------------------------------ */
.msgLstWr .cateBox { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:space-between; 
	gap:10px;
	margin:0 0 20px;
}
.msgLstWr .cateBox .lBox { 
	display:flex;
	flex-wrap:wrap; 
	gap:10px;
}
.msgLstWr .cateBox .btnCate { 
	display:flex; 
	align-items:center; 
	justify-content:center;
	gap:10px;
	padding:11px 29px;
	border:1px solid #F0F0F0;
	border-radius: 5px;
	transition:all .3s ease;
}
.msgLstWr .cateBox .btnCate:before { 
	flex-shrink:0;
	content:"";
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	background-repeat:no-repeat;
	background-size:cover;
	transition:all .3s ease;
}
.msgLstWr .cateBox .btnCate span { 
	font-weight: 500; 
	font-size: 18px;
	color: #999;
	transition:all .3s ease;
}
.msgLstWr .cateBox .btnCate.stGet:before { 
	background-image: url(/Form/_guest/basic/images/msgLstCate01_off.svg); 
}
.msgLstWr .cateBox .btnCate.stSend:before { 
	background-image: url(/Form/_guest/basic/images/msgLstCate02_off.svg); 
}
.msgLstWr .cateBox .btnCate.stAll:before { 
	background-image: url(/Form/_guest/basic/images/msgLstCate03_off.svg); 
}
.msgLstWr .cateBox .btnCate:focus,
.msgLstWr .cateBox .btnCate:hover,
.msgLstWr .cateBox .btnCate.on { 
	background: #F44336;
}
.msgLstWr .cateBox .btnCate:focus span,
.msgLstWr .cateBox .btnCate:hover span,
.msgLstWr .cateBox .btnCate.on span { 
	font-weight: 700;
	color: #FFF; 
}
.msgLstWr .cateBox .btnCate.stGet:focus:before,
.msgLstWr .cateBox .btnCate.stGet:hover:before,
.msgLstWr .cateBox .btnCate.stGet.on:before { 
	background-image: url(/Form/_guest/basic/images/msgLstCate01_on.svg); 
}
.msgLstWr .cateBox .btnCate.stSend:focus:before,
.msgLstWr .cateBox .btnCate.stSend:hover:before,
.msgLstWr .cateBox .btnCate.stSend.on:before { 
	background-image: url(/Form/_guest/basic/images/msgLstCate02_on.svg); 
}
.msgLstWr .cateBox .btnCate.stAll:focus:before,
.msgLstWr .cateBox .btnCate.stAll:hover:before,
.msgLstWr .cateBox .btnCate.stAll.on:before { 
	background-image: url(/Form/_guest/basic/images/msgLstCate03_on.svg); 
}
.msgLstWr .cateBox .lnkCate { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	padding:12px 57px 11px;
	background: #F44336;
	border:1px solid #F0F0F0;
	border-radius: 5px;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
	color: #FFF;
	transition:all .3s ease;
}
.msgLstWr .cateBox .lnkCate:focus,
.msgLstWr .cateBox .lnkCate:hover { 
	background: #FFF;	
	border-color:#F44336;
	color:#F44336;
}
.msgLstWr .msgConBox { 
	display:none; 
}
.msgLstWr .msgConBox .topBox { 
	display:flex;
	flex-wrap:wrap; 
	align-items:center; 
	justify-content:space-between;
	gap:12px;
	margin:0 0 11px;
}
.msgLstWr .msgConBox .topBox .num { 
	font-weight: 500; 
	font-size: 18px;
	color: #424242;
}
.msgLstWr .msgConBox .topBox .num span { 
	font-weight: 700; 
}
.msgLstWr .msgConBox .topBox .num span.st01 { 
	color: #F44336; 
}
.msgLstWr .msgConBox .topBox .schForm { 
	display:flex;
	gap:12px;
}
.msgLstWr .msgConBox .topBox .schForm .ipt { 
	min-width: 0;
	padding:10px 11px;
	border:1px solid #EDEDED;
	border-radius: 5px;
	font-size: 14px;
	color: #424242;
}
.msgLstWr .msgConBox .topBox .schForm .ipt::placeholder { 
	color: #999; 
}
.msgLstWr .msgConBox .topBox .schForm select.ipt {
	min-width: 122px;
	padding-right:35px;
	appearance: none;
	background-image: url(/Form/_guest/basic/images/comSel01.svg);
	background-repeat:no-repeat;
	background-position:right 11px center;
}
.msgLstWr .msgConBox .topBox .schForm .hasBtn { 
	position:relative; 
}
.msgLstWr .msgConBox .topBox .schForm .hasBtn .ipt { 
	padding-right:40px;
}
.msgLstWr .msgConBox .topBox .schForm .hasBtn .btn { 
	position:absolute; 
	display:block; 
	top:50%;
	right:12px;
	transform:translateY(-50%);
	font-size: 0;
}
.msgLstWr .msgConBox .topBox .schForm .hasBtn .btn img { 
	max-width: 100%; 
}
.msgLstWr .msgConBox .topBox .schForm .btnDel { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:4px;
	padding:9px 22px;
	background: #EDEDED;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
.msgLstWr .msgConBox .topBox .schForm .btnDel span { 
	display:block; 
}
.msgLstWr .msgConBox .topBox .schForm .btnDel .btnIco { 
	font-size: 0; 
}
.msgLstWr .msgConBox .topBox .schForm .btnDel .btnIco img { 
	max-width: 100%; 
}
.msgLstWr .msgConBox .topBox .schForm .btnDel .btnTxt { 
	font-weight: 500; 
	font-size: 14px;
	color: #999;
}
.msgLstWr .msgConBox .msgFlexBox { 
	display:flex;
	width: 100%;
	gap:12px;
}
.msgLstWr .msgConBox .msgStat { 
	display:block; 
	font-size: 0;
}
.msgLstWr .msgConBox .msgStat img { 
	max-width: 100%; 
}
.msgLstWr .msgConBox .msgTxtBox {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:4px;
	max-width: 100%;
}
.msgLstWr .msgConBox .msgTxtBox .gender { 
	display:block; 
	font-size: 0;
}
.msgLstWr .msgConBox .msgTxtBox .gender img { 
	max-width: 100%; 
}
.msgLstWr .msgConBox .msgTxtBox .newIco { 
	flex-shrink:0;
	display:block;
	width: 16px;
	height: 16px;
	background: #F44336;
	border-radius: 50%;
	font-weight: 700;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: -.27px;
	text-align: center;
	color: #FFF;
}
.msgLstWr .msgConBox .msgTxtBox .msgTxt { 
	display:block;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
	font-family: Pretendard;
	text-align: left;
	color: #424242;
}
.msgLstWr .msgConBox .sendMsgBox { 
	padding:20px;
	background: #F7F7F7;
	border-radius: 5px;
}
.msgLstWr .msgConBox .sendMsgBox .scrollBox { 
	height: 170px;
	overflow-y:auto;
}
.msgLstWr .msgConBox .sendMsgBox .scrollBox .txt { 
	font-size: 14px;
	line-height: 1.5;
	color: #424242;
	word-break:break-all;
}
.msgLstWr .msgConBox .sendTopBox { 
	display:flex;
	flex-wrap:wrap; 
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	margin:0 0 9px;
}
.msgLstWr .msgConBox .sendTopBox .tit { 
	font-weight: 500;
	font-size: 18px;
	color: #424242;
}
.msgLstWr .msgConBox .sendTopBox .date { 
	position:relative;
	padding:0 0 0 22px;
	font-family: Pretendard;
	font-size: 14px;
	color: #999;
}
.msgLstWr .msgConBox .sendTopBox .date:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 0;
	left: 0;
	background:url(/Form/_guest/basic/images/msgLstDate01.svg) no-repeat;
	background-size:cover;
}
.msgLstWr .msgConBox .sendInfoBox { 
	position:relative;
	display:flex;
	flex-wrap:wrap; 
	align-items:center;
	margin:0 0 13px;
	padding:4px 110px 13px 63px;
	border-bottom:1px solid #DBDBDB;
}
.msgLstWr .msgConBox .sendInfoBox .imgBox { 
	position:absolute; 
	top:0;
	left:0;
	font-size: 0;
}
.msgLstWr .msgConBox .sendInfoBox .imgBox img { 
	max-width: 100%;
}
.msgLstWr .msgConBox .sendInfoBox .name { 
	font-weight: 700; 
	font-size: 18px;
	color: #212121;
}
.msgLstWr .msgConBox .sendInfoBox .per { 
	margin:0 0 0 13px;
	padding:2px 12px;
	background: #3D5AFE;
	border-radius: 100px;
	font-weight: 700;
	font-size: 16px;
	color: #FFF;
}
.msgLstWr .msgConBox .sendInfoBox .txt { 
	width: 100%;
	margin:7px 0 0;
	font-size: 14px; 
	color: #212121;
	word-break:break-all;
}
.msgLstWr .msgConBox .sendInfoBox .btn { 
	position:absolute; 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:13px;
	top:50%;
	right:0;
	padding:9px 16px;
	transform:translateY(-50%);
	border:1px solid #F44336;
	border-radius: 5px;
}
.msgLstWr .msgConBox .sendInfoBox .btn .plus { 
	position:relative; 
	display:block;
	width: 14px;
	height: 14px;
}
.msgLstWr .msgConBox .sendInfoBox .btn .plus:before,
.msgLstWr .msgConBox .sendInfoBox .btn .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #F44336;
	border-radius: 4px;
}
.msgLstWr .msgConBox .sendInfoBox .btn .plus:before { 
	width: 100%;
	height: 2px;
	top:50%;
	left:0;
	margin:-1px 0 0;
}
.msgLstWr .msgConBox .sendInfoBox .btn .plus:after { 
	width: 2px;
	height: 100%;
	top:0;
	left:50%;
	margin:0 0 0 -1px;
}
.msgLstWr .msgConBox .sendInfoBox .btn .minus { 
	display:block; 
	width: 14px;
	height: 2px;
	background: #FFF;
}
.msgLstWr .msgConBox .sendInfoBox .btn .btnTxt { 
	font-weight: 700; 
	font-size: 16px;
}
.msgLstWr .msgConBox .sendInfoBox .btn.stBefore { 
	background: #FFF;
}
.msgLstWr .msgConBox .sendInfoBox .btn.stBefore .btnTxt { 
	color: #F44336;	 
}
.msgLstWr .msgConBox .sendInfoBox .btn.stAfter { 
	background: #F44336;
}
.msgLstWr .msgConBox .sendInfoBox .btn.stAfter .btnTxt { 
	color: #FFF;
}
.msgLstWr .msgConBox .sendBtmBox { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:space-between;
	gap:8px;
	margin:12px 0 22px;
}
.msgLstWr .msgConBox .sendBtmBox .btn { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:4px;
	padding:9px 24px;
	border-radius: 5px;
	border-width:1px;
	border-style:solid;
}
.msgLstWr .msgConBox .sendBtmBox .btn span { 
	display:block; 
}
.msgLstWr .msgConBox .sendBtmBox .btn .btnIco { 
	font-size: 0; 
}
.msgLstWr .msgConBox .sendBtmBox .btn .btnIco img { 
	max-width: 100%; 
}
.msgLstWr .msgConBox .sendBtmBox .btn .btnTxt { 
	font-weight: 500;
	font-size: 14px;
}
.msgLstWr .msgConBox .sendBtmBox .btn.stDel { 
	border-color:#F0F0F0;
}
.msgLstWr .msgConBox .sendBtmBox .btn.stDel .btnTxt { 
	color: #999; 
}
.msgLstWr .msgConBox .sendBtmBox .btn.stSend { 
	border-color:#F44336;
	background: #F44336;
}
.msgLstWr .msgConBox .sendBtmBox .btn.stSend .btnTxt { 
	color: #FFF;
}
.msgLstWr .msgConBox .lBox { 
	width:	calc(100% - 530px);
}
.msgLstWr .msgConBox .lBox .tblBox02 table { 
	min-width: 620px; 
}
.msgLstWr .msgConBox .lBox .tblBox02 tbody tr { 
	cursor:pointer; 
}
.msgLstWr .msgConBox .onlyLst .lBox { 
	width: 100%; 
}
.msgLstWr .msgConBox .rBox { 
	flex-shrink:0;
	width: 518px;
	padding:20px;
	border:1px solid #EDEDED;
	border-radius: 5px;
}
.msgLstWr .msgConBox .rBox .rTit01 { 
	position:relative;
	margin:0 0 20px;
	padding:0 0 0 30px;
	font-weight: 700;
	font-size: 20px;
	color: #424242;
}
.msgLstWr .msgConBox .rBox .rTit01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top:1px;
	left:0;
	background:url(/Form/_guest/basic/images/msgLstRtit01.svg) no-repeat;
	background-size:cover;
}
.msgLstWr .msgConBox .rBox .rTit02 { 
	margin:0 0 9px;
	font-weight: 500;
	font-size: 18px;
	color: #424242;
}
.msgLstWr .msgConBox .rBox .rTit02 span {
	color:#F44336;
}
.msgLstWr .msgConBox .rBox .tblBox02 table { 
	min-width: 470px; 
}
.msgLstWr .msgConBox.on { 
	display:block; 
}
@media all and (max-width:999px){
	.msgLstWr .cateBox,
	.msgLstWr .cateBox .lBox { 
		gap:8px; 
	}
	.msgLstWr .cateBox { 
		margin:0 0 16px;
	}
	.msgLstWr .cateBox .btnCate { 
		gap:8px;
		padding:8px 15px;
	}
	.msgLstWr .cateBox .btnCate:before { 
		width: 19px; 
		height: 19px;
	}
	.msgLstWr .cateBox .btnCate span { 
		font-size: 15px; 
	}
	.msgLstWr .cateBox .lnkCate { 
		padding:8px 15px;
		font-size: 15px;
	}	
	.msgLstWr .msgConBox .topBox { 
		gap:8px;
		margin:0 0 8px;
	}
	.msgLstWr .msgConBox .topBox .num {
		font-size: 15px;
	}
	.msgLstWr .msgConBox .topBox .schForm { 
		gap:8px;
	}
	.msgLstWr .msgConBox .topBox .schForm .ipt { 
		padding:8px;
		font-size: 13px;
	}
	.msgLstWr .msgConBox .topBox .schForm select.ipt {
		min-width: 100px;
		padding-right:25px;
		background-size:16px auto;
		background-position:right 5px center;
	}
	.msgLstWr .msgConBox .topBox .schForm .hasBtn .ipt { 
		padding-right:30px;
	}
	.msgLstWr .msgConBox .topBox .schForm .hasBtn .btn { 
		width: 16px;
		right:8px;
	}
	.msgLstWr .msgConBox .topBox .schForm .btnDel { 
		padding:8px 15px;
	}
	.msgLstWr .msgConBox .topBox .schForm .btnDel .btnIco { 
		width: 16px;
	}
	.msgLstWr .msgConBox .topBox .schForm .btnDel .btnTxt { 
		font-size: 13px;
	}
	.msgLstWr .msgConBox .msgFlexBox { 
		flex-wrap:wrap; 
	}	
	.msgLstWr .msgConBox .sendMsgBox { 
		padding:16px;
	}
	.msgLstWr .msgConBox .sendMsgBox .scrollBox { 
		height: 130px;
	}
	.msgLstWr .msgConBox .sendMsgBox .scrollBox .txt { 
		font-size: 13px;
		line-height: 1.4;
	}
	.msgLstWr .msgConBox .sendTopBox { 
		gap:8px;
		margin:0 0 9px;
	}
	.msgLstWr .msgConBox .sendTopBox .tit { 
		font-size: 15px;
	}
	.msgLstWr .msgConBox .sendTopBox .date { 
		padding:0 0 0 20px;
		font-size: 13px;
	}
	.msgLstWr .msgConBox .sendTopBox .date:before { 
		width: 14px;
		height: 14px;
	}
	.msgLstWr .msgConBox .sendInfoBox { 
		margin:0 0 10px;
		padding:2px 0 10px 55px;
	}
	.msgLstWr .msgConBox .sendInfoBox .imgBox { 
		width: 45px;
	}
	.msgLstWr .msgConBox .sendInfoBox .name { 
		font-size: 15px;
	}
	.msgLstWr .msgConBox .sendInfoBox .per { 
		margin:0 0 0 8px;
		padding:2px 8px;
		font-size: 14px;
	}
	.msgLstWr .msgConBox .sendInfoBox .txt { 
		margin:5px 0 0;
		font-size: 13px;
	}
	.msgLstWr .msgConBox .sendInfoBox .btn { 
		position:relative; 
		gap:8px;
		top:auto;
		right:auto;
		margin:8px 0 0;
		padding:9px;
		transform:translateY(0);
	}
	.msgLstWr .msgConBox .sendInfoBox .btn .plus { 
		width: 12px;
		height: 12px;
	}
	.msgLstWr .msgConBox .sendInfoBox .btn .btnTxt { 
		font-size: 14px;
	}
	.msgLstWr .msgConBox .sendBtmBox { 
		margin:10px 0 15px;
	}
	.msgLstWr .msgConBox .sendBtmBox .btn { 
		padding:9px 15px;
	}
	.msgLstWr .msgConBox .sendBtmBox .btn .btnIco { 
		width: 16px;
	}
	.msgLstWr .msgConBox .sendBtmBox .btn .btnTxt { 
		font-size: 13px;
	}
	.msgLstWr .msgConBox .lBox { 
		width: 100%; 
	}
	.msgLstWr .msgConBox .rBox { 
		width: 100%;
		padding:16px;
	}
	.msgLstWr .msgConBox .rBox .rTit01 { 
		margin:0 0 16px;
		padding:0 0 0 24px;
		font-size: 16px;
	}
	.msgLstWr .msgConBox .rBox .rTit01:before { 
		width: 20px;
		height: 20px;
	}
	.msgLstWr .msgConBox .rBox .rTit02 { 
		margin:0 0 7px;
		font-size: 15px;
	}
}
@media all and (max-width:799px){
	.msgLstWr .msgConBox .topBox .num,
	.msgLstWr .msgConBox .topBox .schForm { 
		width: 100%; 
	}
	.msgLstWr .msgConBox .topBox .schForm .hasBtn { 
		flex-grow:1; 
	}
	.msgLstWr .msgConBox .topBox .schForm .hasBtn .ipt { 
		width: 100%; 
	}
}
@media all and (max-width:599px){
	.msgLstWr .cateBox .lBox,
	.msgLstWr .cateBox .lnkCate,
	.msgLstWr .msgConBox .topBox .schForm select.ipt,
	.msgLstWr .msgConBox .topBox .schForm .btnDel { 
		width: 100%; 
	}
	.msgLstWr .cateBox .btnCate { 
		order:2;
		width: calc((100% - 16px)/3);
		padding:8px;
	}
	.msgLstWr .cateBox .btnCate.stAll { 
		order:1; 
	}
	.msgLstWr .msgConBox .topBox .schForm { 
		flex-wrap:wrap; 
	}
	.msgLstWr .msgConBox .sendInfoBox { 
		padding:2px 0 10px 40px;
	}
	.msgLstWr .msgConBox .sendInfoBox .imgBox { 
		width: 34px; 
	}
}
/* 쪽지함 끝
------------------------------------------------------ */
/* 쪽지 쓰기 시작
------------------------------------------------------ */
.msgLstFormWr { 
	max-width: 700px;
	margin:0 auto;
}
.msgLstFormWr .msgLstCateBox { 
	display:flex;
	flex-wrap:wrap;
	gap:4px;
}
.msgLstFormWr .msgLstCateBox .msgLstCate { 
	display:block;
	min-width: 188px;
	padding:16px 10px 18px;
	border:1px solid #F0F0F0;
	border-bottom-width:0;
	border-radius: 5px 5px 0 0;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: -.5px;
	text-align: center;
	color: #797979;
}
.msgLstFormWr .msgLstCateBox .msgLstCate.on { 
	background: #F44336;
	border-color:#F44336;
	font-weight: 700;
	color: #FFF;
}
.msgLstFormWr .comGbox { 
	position:relative;
	border-radius: 0;
}
.msgLstFormWr .msgLstBox { 
	display:none; 
}
.msgLstFormWr .msgLstBox.on { 
	display:block; 
}
.msgLstFormWr .iptDl { 
	display:flex;
	align-items:center;
	gap:8px;
}
.msgLstFormWr .iptDl dt { 
	flex-shrink:0;
	font-weight: 500;
	font-size: 14px;
	color: #424242;
}
.msgLstFormWr .iptDl dd { 
	flex-grow:1;
}
.msgLstFormWr .iptDl dd .ipt { 
	padding:10px 13px;
	background: #F7F7F7;
	border-radius: 5px;
	font-size: 14px;
	letter-spacing: -.22px;
	color: #999;
}
.msgLstFormWr .iptDl dd .ipt.fullWid { 
	width: 100%; 
}
.msgLstFormWr .iptDl dd .sendBox { 
	display:flex;
	align-items:center;
	gap:8px;
}
.msgLstFormWr .iptDl dd .sendBox .sendTxt {
	flex-grow:1;
	font-size: 14px;
	color: #999;
}
.msgLstFormWr .iptDl dd .sendBox .sendTxt.off { 
	display:none; 
}
.msgLstFormWr .iptDl dd .sendBox .sendGender { 
	flex-shrink:0;
	font-size: 0;
}
.msgLstFormWr .iptDl dd .sendBox .sendGender img { 
	max-width: 100%;		 
}
.msgLstFormWr .iptDl dd .sendBox .sendGender.off { 
	display:none; 
}
.msgLstFormWr .iptDl dd .sendBox .sendName { 
	flex-grow:1;
	font-weight: 500; 
	font-size: 14px;
	color: #212121;
}
.msgLstFormWr .iptDl dd .sendBox .sendName.off { 
	display:none; 
}
.msgLstFormWr .iptDl dd .sendBox .sendBtn { 
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 40px;
	height: 40px;
	background: #F7F7F7;
	border:1px solid #EDEDED;
	border-radius: 5px;
	font-size: 0;
}
.msgLstFormWr .iptDl dd .sendBox .sendBtn img { 
	max-width: 100%; 
}
.msgLstFormWr .iptDl.stWrap { 
	flex-wrap:wrap; 
}
.msgLstFormWr .iptDl.stWrap dt { 
	width: 100%; 
}
.msgLstFormWr .iptDl + .iptDl { 
	margin-top:18px;
}
.msgLstFormWr .btmBox { 
	display:flex;
	flex-wrap:wrap; 
	gap:16px;
	max-width: 360px;
	margin:20px auto 0;
}
.msgLstFormWr .btmBox .btn { 
	display:block;
	width: calc((100% - 16px)/2);
	padding:14px 10px 13px;
	border:1px solid #F44336;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.22px;
	text-align: center;
}
.msgLstFormWr .btmBox .btn.st01 { 
	background: #F44336;
	color: #FFF;
}
.msgLstFormWr .btmBox .btn.st02 {
	color: #F44336;
}
.msgLstFormWr .hidBox { 
	position:absolute;
	width: 238px;
	bottom:0;
	left:calc(100% + 12px);
	background: #FFF;
}
.msgLstFormWr .hidBox.off { 
	display:none; 
}
.msgLstFormWr .hidTopBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	margin:0 0 12px;
}
.msgLstFormWr .hidTopBox .tit { 
	font-weight: 500; 
	font-size: 18px;
	color: #424242;
}
.msgLstFormWr .hidTopBox .hidOff { 
	position:relative; 
	display:block; 
	width: 24px;
	height: 24px;
}
.msgLstFormWr .hidTopBox .hidOff:before,
.msgLstFormWr .hidTopBox .hidOff:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 2px;
	top:50%;
	left:50%;
	margin:-1px 0 0 -9px;
	background: #999;
}
.msgLstFormWr .hidTopBox .hidOff:before { 
	transform:rotate(45deg);
}
.msgLstFormWr .hidTopBox .hidOff:after { 
	transform:rotate(-45deg);
}
.msgLstFormWr .hidSchBox { 
	position:relative;
	margin:0 0 12px;
}
.msgLstFormWr .hidSchBox .ipt { 
	width: 100%;
	padding:11px 35px 11px 13px;
	background: #F7F7F7;
	border-radius: 5px;
	font-size: 14px;
	color: #424242;
}
.msgLstFormWr .hidSchBox .ipt::placeholder { 
	color: #999; 
}
.msgLstFormWr .hidSchBox .btn { 
	position:absolute; 
	display:block;
	top: 50%;
	right:12px;
	transform:translateY(-50%);
	font-size: 0;
}
.msgLstFormWr .hidSchBox .btn img { 
	max-width: 100%; 
}
.msgLstFormWr .hidScrBox { 
	max-height: 205px;
	overflow-y:auto;
}
.msgLstFormWr .hidLst li { 
	margin:0 0 12px;
}
.msgLstFormWr .hidLst li:last-child { 
	margin:0;
}
.msgLstFormWr .hidLst .hidLstBtn { 
	display:flex;
	align-items:center;
	gap:7px;
}
.msgLstFormWr .hidLst .hidLstBtn span { 
	display:block; 
}
.msgLstFormWr .hidLst .hidLstBtn .gender { 
	flex-shrink:0;
	font-size: 0; 
}
.msgLstFormWr .hidLst .hidLstBtn .gender img { 
	max-width: 100%;
}
.msgLstFormWr .hidLst .hidLstBtn .name { 
	flex-grow:1;
	font-weight: 500;
	font-size: 14px;
	color: #212121;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
@media all and (max-width:999px){
	.msgLstFormWr .msgLstCateBox .msgLstCate { 
		min-width: 120px;
		padding:12px 10px;
		font-size: 14px;
	}
	.msgLstFormWr .iptDl { 
		flex-wrap:wrap;
		gap:5px;
	}
	.msgLstFormWr .iptDl dt { 
		width: 100%;
		font-size: 13px;
	}
	.msgLstFormWr .iptDl dd .sendBox .sendTxt,	
	.msgLstFormWr .iptDl dd .sendBox .sendName { 
		font-size: 13px;
	}
	.msgLstFormWr .iptDl dd .sendBox .sendBtn { 
		width: 32px; 
		height: 32px;
	}
	.msgLstFormWr .iptDl dd .sendBox .sendBtn img { 
		width: 19px; 
	}
	.msgLstFormWr .iptDl dd .ipt { 
		padding:10px;
		font-size: 13px;
	}
	.msgLstFormWr .iptDl + .iptDl { 
		margin-top:10px;
	}
	.msgLstFormWr .btmBox { 
		gap:8px;
		margin:15px auto 0;
	}
	.msgLstFormWr .btmBox .btn { 
		width: calc((100% - 8px)/2);
		padding:10px 10px 9px;
		font-size: 14px;
	}
	.msgLstFormWr .hidBox { 
		position:fixed;
		width: 200px;
		top:85px;
		bottom:auto;
		left:auto;
		right:16px;
		transition:all .3s ease;
	}
	.msgLstFormWr .hidBox.off { 
		display:block; 
		right:-200px;
	}
	.msgLstFormWr .hidTopBox { 
		margin:0 0 10px;
	}
	.msgLstFormWr .hidTopBox .tit { 
		font-size: 15px; 
	}
	.msgLstFormWr .hidTopBox .hidOff { 
		width: 20px;
		height: 20px;
	}
	.msgLstFormWr .hidTopBox .hidOff:before, 
	.msgLstFormWr .hidTopBox .hidOff:after { 
		width: 14px;
		margin:-1px 0 0 -7px;
	}
	.msgLstFormWr .hidSchBox .ipt { 
		padding:10px 28px 10px 10px;
		font-size: 13px;
	}
	.msgLstFormWr .hidSchBox .btn { 
		width: 16px;
		right:9px;
	}
	.msgLstFormWr .hidLst .hidLstBtn { 
		gap:5px; 
	}
	.msgLstFormWr .hidLst .hidLstBtn .gender { 
		width: 19px; 
	}
	.msgLstFormWr .hidLst .hidLstBtn .name { 
		font-size: 13px; 
	}
}
@media all and (max-width:732px){
	.msgLstFormWr {
		margin:0 16px;
	}
}
/* 쪽지 쓰기 끝
------------------------------------------------------ */
/* 통합검색 시작
------------------------------------------------------ */
.totalSchWr { 
	padding:24px 0 0;
}
.totalSchWr .totalSchTop { 
	max-width: 360px;
	margin:0 auto 44px;
	text-align: center; 
}
.totalSchWr .totalSchTop .tit { 
	margin:0 0 8px;
	font-weight: 700;
	font-size: 24px;
	color: #212121;
}
.totalSchWr .totalSchTop .txt { 
	margin:0 0 20px;
	font-weight: 500;
	font-size: 20px;
	color: #797979;
}
.totalSchWr .totalSchTop .schBox { 
	display:flex;
	align-items:center;
	gap:10px;
	padding:14px 13px 12px;
	background: #F7F7F7;
	border-radius: 5px;
}
.totalSchWr .totalSchTop .schBox .ipt { 
	flex-grow:1;
	font-weight: 500; 
	font-size: 15px;
	color: #424242;
}
.totalSchWr .totalSchTop .schBox .ipt::placeholder { 
	color: #9E9E9E; 
}
.totalSchWr .totalSchTop .schBox .btn { 
	flex-shrink:0;
	display:block; 
	font-size: 0;
}
.totalSchWr .totalSchTop .schBox .btn img { 
	max-width: 100%; 
}
.totalSchWr .totalCateBox { 
	display:flex;
	flex-wrap:wrap;
	margin:0 0 12px;
}
.totalSchWr .totalCateBox .totalCate { 
	display:block; 
	width: 33.333%;
	padding:10px 10px 8px;
	border-bottom:2px solid #F0F0F0;
	font-weight: 500;
	font-size: 18px;
	text-align: center;
	color: #999;
	transition:all .3s ease;
}
.totalSchWr .totalCateBox .totalCate:focus,
.totalSchWr .totalCateBox .totalCate:hover { 
	border-bottom-color:#F44336;
	font-weight: 700;
	color: #F44336; 
}
.totalSchWr .comNodata01 { 
	border-top:1px solid #DBDBDB;
	border-bottom:1px solid #DBDBDB;
}
@media all and (max-width:999px){
	.totalSchWr { 
		padding:16px 0 0;
	}
	.totalSchWr .totalSchTop { 
		margin:0 auto 20px;
	}
	.totalSchWr .totalSchTop .tit { 
		margin:0 0 5px;
		font-size: 19px;
	}
	.totalSchWr .totalSchTop .txt { 
		margin:0 0 15px;
		font-size: 16px;
	}
	.totalSchWr .totalSchTop .schBox { 
		padding:10px 10px 9px;
	}
	.totalSchWr .totalSchTop .schBox .ipt { 
		font-size: 13px; 
	}
	.totalSchWr .totalSchTop .schBox .btn { 
		width: 19px; 
	}
	.totalSchWr .totalCateBox { 
		margin:0 0 8px;
		padding:8px;
		border:1px solid #F0F0F0;
		border-radius: 5px;
	}
	.totalSchWr .totalCateBox .totalCate { 
		width: 100%;
		padding:8px 8px 7px;
		font-size: 15px;
	}
}
/* 통합검색 끝
------------------------------------------------------ */
/* 채팅방 대기실 시작
------------------------------------------------------ */
.waitRoomWr { 
	padding:24px 0 0;
}
.waitRoomWr .waitRoomBox { 
	display:flex;
	gap:24px;
}
.waitRoomWr .comGbox { 
	flex-grow:1;
}
.waitRoomWr .comTopBox { 
	display:flex;
	flex-wrap:wrap; 
	align-items:center; 
	justify-content:space-between; 
	gap:10px;
}
.waitRoomWr .comTopBox .btnBox { 
	display:flex;
	gap:12px;
}
.waitRoomWr .comTopBox .btnReload { 
	position:relative; 
	display:block;
	padding:13px 11px 13px 37px;
	background: #F7F7F7;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	color: #797979;
}
.waitRoomWr .comTopBox .btnReload:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top: 50%;
	left: 12px;
	margin:-9px 0 0;
	background:url(/Form/_guest/basic/images/waitReload01.svg) no-repeat;
	background-size:cover;
}
.waitRoomWr .comTopBox .btnMake { 
	display:block;
	padding:13px 48px 15px;
	background: #F44336;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.22px;
	text-align: center;
	color: #FFF;
}
.waitRoomWr .selectBox { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:space-between; 
	gap:10px;
	margin:0 0 12px;
}
.waitRoomWr .selectBox .btnBox,
.waitRoomWr .selectBox .selBox { 
	display:flex;
	flex-wrap:wrap; 
	gap:12px;
}
.waitRoomWr .selectBox .btnBox .selCate { 
	display:block;
	padding:13px 45px 12px;
	border:1px solid #F0F0F0;
	border-radius: 5px;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	color: #999;
	transition:all .3s ease;
}
.waitRoomWr .selectBox .btnBox .selCate.on { 
	background: #FFF7F6;
	border-color:#F44336;
	color: #F44336;
}
.waitRoomWr .selectBox .selBox .iptSel { 
	padding:14px 39px 14px 11px;
	border:1px solid #EDEDED;
	border-radius: 10px;
	appearance: none;
	background: url(/Form/_guest/basic/images/comSel01.svg) no-repeat right 11px center;
	font-size: 14px;
	color: #424242;
}
.waitRoomWr .waitBrdLst li { 
	margin:0 0 20px;
	padding:0 0 20px;
	border-bottom:1px solid #EDEDED;
}
.waitRoomWr .waitBrdLst li:last-child { 
	margin:0;
	padding:0;
	border-bottom:none;
}
.waitRoomWr .waitBrdLnk { 
	position:relative; 
	display:flex;
	align-items:center;
	gap:20px;
	min-height: 130px;
	padding:0 44px 0 150px;
}
.waitRoomWr .waitBrdLnk:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 50%;
	right: 9px;
	margin:-4px 0 0;
	transform:rotate(45deg);
	border-top:2px solid #999;
	border-right:2px solid #999;
}
.waitRoomWr .waitBrdLnk .imgBox { 
	position:absolute; 
	display:block; 
	width: 130px;
	height: 130px;
	top: 0;
	left: 0;
	background: #EDEDED;
	border-radius: 5px;
	font-size: 0;
	overflow: hidden;
}
.waitRoomWr .waitBrdLnk .imgBox:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 28px;
	height: 28px;
	top: 6px;
	left: 6px;
	background-repeat: no-repeat;
	background-size: cover;
	z-index:1;
}
.waitRoomWr .waitBrdLnk .imgBox img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.waitRoomWr .waitBrdLnk .imgBox.noImg:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 86px;
	height: 22px;
	top: 50%;
	left: 50%;
	margin:-11px 0 0 -43px;
	background:url(/Form/_guest/basic/images/comNodata02.png) no-repeat;
	background-size:cover;	
}
.waitRoomWr li:first-child .waitBrdLnk .imgBox:before { 
	background-image: url(/Form/_guest/basic/images/waitGrade01.png); 
}
.waitRoomWr li:nth-child(2) .waitBrdLnk .imgBox:before { 
	background-image: url(/Form/_guest/basic/images/waitGrade02.png); 
}
.waitRoomWr li:nth-child(3) .waitBrdLnk .imgBox:before { 
	background-image: url(/Form/_guest/basic/images/waitGrade03.png); 
}
.waitRoomWr .waitBrdLnk .conBox { 
	flex-grow:1;
	display:block; 
}
.waitRoomWr .waitBrdLnk .conTopBox { 
	display:flex;
	flex-wrap:wrap; 
	align-items:center;
	gap:7px;
	margin:0 0 12px;
}
.waitRoomWr .waitBrdLnk .conTopBox span { 
	display:block; 
}
.waitRoomWr .waitBrdLnk .conTopBox .cate { 
	padding:1px 5px;
	border-radius: 5px;
	font-weight: 500;
	font-size: 13px;
	color: #FFF;
}
.waitRoomWr .waitBrdLnk .conTopBox .cate.st01 { 
	background: #F44336; 
}
.waitRoomWr .waitBrdLnk .conTopBox .cate.st02 { 
	background: #2196F3; 
}
.waitRoomWr .waitBrdLnk .conTopBox .gender { 
	font-size: 0; 
}
.waitRoomWr .waitBrdLnk .conTopBox .gender img { 
	max-width: 100%; 
}
.waitRoomWr .waitBrdLnk .conTopBox .name { 
	font-weight: 500; 
	font-size: 15px;
	color: #212121;
}
.waitRoomWr .waitBrdLnk .conTit { 
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin:0 0 11px;
	font-weight:	500;
	font-size: 16px;
	line-height: 1.4;
	color: #424242;
	text-overflow: ellipsis;
	word-break:break-all;
	transition:all .3s ease;
	overflow: hidden;
}
.waitRoomWr .waitBrdLnk .brdInfo { 
	display:flex;
	flex-wrap:wrap;
	gap:11px;
}
.waitRoomWr .waitBrdLnk .brdInfo span { 
	position:relative; 
	display:block;
	padding:0 12px 0 21px;
	font-family: Pretendard;
	font-weight: 500;
	font-size: 14px;
	color: #797979;
}
.waitRoomWr .waitBrdLnk .brdInfo span:before, 
.waitRoomWr .waitBrdLnk .brdInfo span:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
}
.waitRoomWr .waitBrdLnk .brdInfo span:before { 
	width: 18px; 
	height: 18px;
	top: 0;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.waitRoomWr .waitBrdLnk .brdInfo span:after {
	width: 1px;
	height: 12px;
	top: 50%;
	right: 0;
	margin:-6px 0 0;
	background: #797979;
}
.waitRoomWr .waitBrdLnk .brdInfo span:last-child { 
	padding-right:0;
}
.waitRoomWr .waitBrdLnk .brdInfo span:last-child:after { 
	display:none; 
}
.waitRoomWr .waitBrdLnk .brdInfo .date { 
	padding-left:0;
}
.waitRoomWr .waitBrdLnk .brdInfo .date:before { 
	display:none; 
}
.waitRoomWr .waitBrdLnk .brdInfo .view.st01 { 
	color: #01579B; 
}
.waitRoomWr .waitBrdLnk .brdInfo .view.st01:before { 
	background-image: url(/Form/_guest/basic/images/waitView01.svg); 
}
.waitRoomWr .waitBrdLnk .brdInfo .view.st02:before { 
	background-image: url(/Form/_guest/basic/images/waitView02.svg); 
}
.waitRoomWr .waitBrdLnk .brdInfo .view.st03:before { 
	background-image: url(/Form/_guest/basic/images/waitView03.svg); 
}
.waitRoomWr .waitBrdLnk .brdInfo .view.st04:before { 
	background-image: url(/Form/_guest/basic/images/waitView04.svg); 
}
.waitRoomWr .waitBrdLnk .brdInfo .good:before { 
	background-image: url(/Form/_guest/basic/images/waitGood01.svg);
}
.waitRoomWr .waitBrdLnk .brdInfo .public:before { 
	background-image: url(/Form/_guest/basic/images/waitPublic01.svg);
}
.waitRoomWr .waitBrdLnk .brdInfo .public em { 
	font-weight: 700;
	font-style: normal; 
}
.waitRoomWr .waitBrdLnk .infoBox { 
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center; 
	gap:14px;
	padding:8px 11px 7px;
	background: #F7F7F7;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
.waitRoomWr .waitBrdLnk .infoBox span { 
	position:relative; 
	display:block;
	padding:0 0 0 15px;
	font-family: Pretendard;
	font-weight: 500;
	font-size: 14px;
}
.waitRoomWr .waitBrdLnk .infoBox span:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 12px;
	top:50%;
	left: 0;
	margin:-6px 0 0;
	background: #DBDBDB;
}
.waitRoomWr .waitBrdLnk .infoBox span:first-child { 
	padding:0;
}
.waitRoomWr .waitBrdLnk .infoBox span:first-child:before { 
	display:none; 
}
.waitRoomWr .waitBrdLnk .infoBox .win { 
	color: #2962FF; 
}
.waitRoomWr .waitBrdLnk .infoBox .lose { 
	color: #797979; 
}
.waitRoomWr .waitBrdLnk .infoBox .streak { 
	color: #F44336; 
}
.waitRoomWr .waitBrdLnk:focus .conTit,
.waitRoomWr .waitBrdLnk:hover .conTit { 
	color: #F44336;
}
.waitRoomWr .roomInfoBox { 
	flex-shrink:0;
	width: 280px;
}
.waitRoomWr .makeRoom { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:9px;
	width: 100%;
	margin:0 0 24px;
	padding:15px;
	background: #F44336;
	border-radius: 5px;
}
.waitRoomWr .makeRoom span { 
	display:block; 
}
.waitRoomWr .makeRoom .btnIco { 
	flex-shrink:0;
	font-size: 0; 
}
.waitRoomWr .makeRoom .btnIco img { 
	max-width: 100%; 
}
.waitRoomWr .makeRoom .btnTxt { 
	font-weight: 700; 
	font-size: 16px;
	letter-spacing: -.22px;
	color: #FFF;
}
.waitRoomWr .standByBox { 
	padding:17px 20px 20px;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
.waitRoomWr .standByBox .topBox { 
	margin:0 0 12px;
	padding:0 0 16px;
	border-bottom:1px solid #DBDBDB;
}
.waitRoomWr .standByBox .topBox .tit { 
	margin:0 0 4px;
	font-weight: 700;
	font-size: 20px;
	color: #212121;
}
.waitRoomWr .standByBox .topBox .num { 
	position:relative; 
	padding:0 0 0 22px;
	font-weight: 500;
	font-size: 14px;
	color: #666;
}
.waitRoomWr .standByBox .topBox .num:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top: 0;
	left: 0;
	background: url(/Form/_guest/basic/images/waitStandBy01.svg) no-repeat;
	background-size:cover;
}
.waitRoomWr .standByBox .topBox .num span { 
	font-family: Pretendard;
	font-weight: 700;
	font-size: 1.071em;
	color: #F44336;
}
.waitRoomWr .standByLst li { 
	display:flex;
	align-items:center;
	gap:8px;
	margin:0 0 12px;
}
.waitRoomWr .standByLst li:last-child { 
	margin:0;
}
.waitRoomWr .standByLst .imgBox { 
	flex-shrink:0;
	font-size: 0; 
}
.waitRoomWr .standByLst .imgBox img { 
	max-width: 100%; 
}
.waitRoomWr .standByLst .name { 
	flex-grow:1;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-weight: 500;
	font-size: 14px;
	color: #212121;
	overflow: hidden;
}
.makeRoomPop01 .popBox { 
	position:absolute; 
	width: 706px;
	max-width: 90%;		
	top: 50%;
	left: 50%;
	padding:40px;
	transform:translate(-50%, -50%);
	background: #FFF;
	border-radius: 5px;
}
.makeRoomPop01 .topBox { 
	position:relative; 
	margin:0 0 24px;
	padding:0 30px 11px 0;
	border-bottom:1px solid #DBDBDB;
}
.makeRoomPop01 .topBox .tit { 
	position:relative;
	margin:0 0 10px;
	padding:0 0 0 26px;
	font-weight: 700;
	font-size: 20px;
	color: #212121;
}
.makeRoomPop01 .topBox .tit:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: 2px;
	left: 0;
	background: url(/Form/_guest/basic/images/waitPopTit01.svg) no-repeat;
	background-size:cover;
}
.makeRoomPop01 .topBox .popClose { 
	position:absolute; 
	display:block; 
	width: 24px;
	height: 24px;
	top: 0;
	right: 0;
	overflow: hidden;
}
.makeRoomPop01 .topBox .popClose:before,
.makeRoomPop01 .topBox .popClose:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -10px;
	background: #999;
	border-radius: 4px;
}
.makeRoomPop01 .topBox .popClose:before { 
	transform:rotate(45deg);
}
.makeRoomPop01 .topBox .popClose:after { 
	transform:rotate(-45deg);
}
.makeRoomPop01 .topBox .lst li { 
	position:relative; 
	padding:0 0 0 6px;
	font-weight: 500;
	font-size: 16px;
	color: #797979;
}
.makeRoomPop01 .topBox .lst li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 2px;
	height: 2px;
	top: 10px;
	left: 0;
	background: #797979;
	border-radius: 50%;
}
.makeRoomPop01 .conBox { 
	max-height: 430px; 
	overflow-y:auto;
}
.makeRoomPop01 .conBox .iptBox { 
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}
.makeRoomPop01 .conBox .iptBox dl { 
	display:flex;	
	gap:8px;
	width: 100%;
}
.makeRoomPop01 .conBox .iptBox dt { 
	flex-shrink:0;
	width: 72px;
	padding:10px 0 0;
	font-weight: 500;
	font-size: 15px;
	color: #373737;
}
.makeRoomPop01 .conBox .iptBox dd { 
	flex-grow:1; 
}
.makeRoomPop01 .conBox .iptBox dd .cateBox { 
	display:flex;
	flex-wrap:wrap; 
	gap:8px;
}
.makeRoomPop01 .conBox .iptBox dd .cateBox .btnCate { 
	display:block;
	min-width: 64px;
	padding:10px;
	border:1px solid #E0E0E0;
	border-radius: 5px;
	font-size: 14px;
	text-align: center;
	color: #999;
}
.makeRoomPop01 .conBox .iptBox dd .cateBox .btnCate.on { 
	background: #FFF7F6;
	border-color:#F44336;
	font-weight: 700;
	color: #F44336;
}
.makeRoomPop01 .conBox .iptBox dd .ipt { 
	padding:10px 11px;
	border:1px solid #E0E0E0;
	border-radius: 5px;
	font-size: 14px;
	color: #424242;
}
.makeRoomPop01 .conBox .iptBox dd .ipt::placeholder { 
	color: #999; 
}
.makeRoomPop01 .conBox .iptBox dd select.ipt { 
	padding-right:35px;
	appearance: none;
	background: url(/Form/_guest/basic/images/comSel01.svg) no-repeat right 11px center;	 
}
.makeRoomPop01 .conBox .iptBox dd .ipt.fullWid { 
	width: 100%; 
}
.makeRoomPop01 .conBox .iptBox dd .btnSet { 
	position:relative; 
	display:inline-block;
	padding:10px 28px 10px 12px;
	background: #F7F7F7;
	border:1px solid #EDEDED;
	border-radius: 5px;
	font-weight: 500;
	font-size: 14px;
	color: #797979;
	transition:all .3s ease;
}
.makeRoomPop01 .conBox .iptBox dd .btnSet:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 50%;
	right: 13px;
	margin:-4px 0 0;
	transform:rotate(45deg);
	border-top:1px solid #797979;
	border-right:1px solid #797979;
	transition:all .3s ease;
}
.makeRoomPop01 .conBox .iptBox dd .btnSet:focus,
.makeRoomPop01 .conBox .iptBox dd .btnSet:hover { 
	background: #FFF;
	border-color:#F44336;
	color:#F44336;
}
.makeRoomPop01 .conBox .iptBox dd .btnSet:focus:after,
.makeRoomPop01 .conBox .iptBox dd .btnSet:hover:after { 
	border-color:#F44336;
}
.makeRoomPop01 .conBox .iptBox dd .fileBox { 
	position:relative;
	display:flex;
	gap:8px;
}
.makeRoomPop01 .conBox .iptBox dd .fileBox .ipt { 
	flex-grow:1; 
}
.makeRoomPop01 .conBox .iptBox dd .fileBox .fileIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.makeRoomPop01 .conBox .iptBox dd .fileBox .fileLbl { 
	flex-shrink:0;
	display:block; 
	padding: 10px;
	background: #F44336;
    border: 1px solid #F44336;
    border-radius: 5px;
    font-size: 14px;
	text-align: center;
    color: #FFF;
}
.makeRoomPop01 .conBox .priceBox { 
	display:flex;
	flex-wrap:wrap; 
	align-items:center;
	justify-content:space-between; 
	gap:8px;
	margin:12px 0;
	padding:18px 24px 16px;
	background: #F3F7FF;
	border-radius: 5px;
}
.makeRoomPop01 .conBox .priceBox .prcTit { 
	font-weight: 700;
	font-size: 16px;
	color: #373737;
}
.makeRoomPop01 .conBox .priceBox .prc { 
	font-size: 16px;
	color: #797979;
}
.makeRoomPop01 .conBox .priceBox .prc span { 
	font-weight: 700;
	font-size: 1.25em;
	color: #F44336;
}
.makeRoomPop01 .conBox .iptBox.has2 dl { 
	width: calc((100% - 12px)/2);
}
.makeRoomPop01 .conBox .iptBox.has3 dl { 
	width: calc((100% - 24px)/3);
}
.makeRoomPop01 .conBox .iptBox + .iptBox { 
	margin-top:12px;
}
.makeRoomPop01 .btmBox { 
	margin:40px 0 0;
	text-align: center;
}
.makeRoomPop01 .btmBox .btn { 
	display:inline-block; 
	min-width: 360px;
	padding:15px 10px 14px;
	background: #F44336;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.22px;
	text-align: center;
	color: #FFF;
}
.makeRoomPop02 .popBox { 
	position:absolute; 
	display:none; 
	width: 440px;
	max-width: 90%;	
	top: 50%;
	left: 50%;
	padding:20px;
	transform:translate(-50%, -50%);
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 5px;
	box-shadow:0 0 4px 0 rgba(107,107,107,.25);
}
.makeRoomPop02 .popBox.on { 
	display:block; 
}
.makeRoomPop02 .topBox { 
	position:relative; 
	margin:0 0 10px;
	padding:0 30px 0 0;
}
.makeRoomPop02 .topBox .tit { 
	font-weight: 500; 
	font-size: 18px;
	color: #424242;
}
.makeRoomPop02 .topBox .popClose { 
	position:absolute; 
	display:block; 
	width: 24px;
	height: 24px;
	top: 0;
	right: 0;
}
.makeRoomPop02 .topBox .popClose:before,
.makeRoomPop02 .topBox .popClose:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 2px;
	top:50%;
	left:50%;
	margin:-1px 0 0 -10px;
	background: #888;
	border-radius: 4px;
}
.makeRoomPop02 .topBox .popClose:before { 
	transform:rotate(45deg); 
}
.makeRoomPop02 .topBox .popClose:after { 
	transform:rotate(-45deg);
}
.makeRoomPop02 .topBox .lst { 
	margin:12px 0 0;
}
.makeRoomPop02 .topBox .lst li { 
	position:relative; 
	padding:0 0 0 5px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.2;
	color: #999;
}
.makeRoomPop02 .topBox .lst li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 2px;
	height: 2px;
	top: 8px;
	left: 0;
	background: #999;
	border-radius: 50%;
}
.makeRoomPop02 .conBox { 
	max-height: 400px; 
	overflow-y:auto;
}
.makeRoomPop02 .conBox .tit { 
	margin:0 0 3px;
	font-weight: 500; 
	font-size: 14px;
	color: #373737;
}
.makeRoomPop02 .conBox * + .tit { 
	margin-top:11px;
}
.makeRoomPop02 .conBox .chkLst01 { 
	display:flex;
	flex-wrap:wrap; 
	gap:10px;
}
.makeRoomPop02 .conBox .chkLst01 li { 
	position:relative; 
}
.makeRoomPop02 .conBox .chkLst01 .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.makeRoomPop02 .conBox .chkLst01 .chkLbl { 
	position:relative; 
	display:block; 
	padding:0 0 0 19px;
	font-size: 14px;
	color: #999;
}
.makeRoomPop02 .conBox .chkLst01 .chkLbl .circle { 
	position:absolute; 
	display:block; 
	width: 14px;
	height: 14px;
	top: 2px;
	left: 0;
	border:2px solid #CDCDCD;
	border-radius: 50%;
}
.makeRoomPop02 .conBox .chkLst01 .chkIpt:checked + .chkLbl { 
	color: #F44336;
}
.makeRoomPop02 .conBox .chkLst01 .chkIpt:checked + .chkLbl .circle { 
	border-color:#F44336;
}
.makeRoomPop02 .conBox .chkLst01 .chkIpt:checked + .chkLbl .circle:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 6px;
	height: 6px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin:auto;
	background: #F44336;
	border-radius: 50%;
}
.makeRoomPop02 .conBox .ipt { 
	padding:10px 13px;
	background: #F7F7F7;
	border-radius: 5px;
	font-size: 14px;
	color: #424242;
}
.makeRoomPop02 .conBox .ipt::placeholder { 
	color: #999; 
}
.makeRoomPop02 .conBox .ipt.fullWid { 
	width: 100%; 
}
.makeRoomPop02 .conBox .chkLst01 + .ipt { 
	margin-top:11px;
}
.makeRoomPop02 .conBox .hasBtn { 
	display:flex;
	gap:8px;
}
.makeRoomPop02 .conBox .hasBtn .ipt { 
	flex-grow:1; 
}
.makeRoomPop02 .conBox .hasBtn .btn { 
	flex-shrink:0;
	display:block; 
	padding:11px 13px;
	background: #F44336;
	border-radius: 5px;
	font-weight: 700;
	font-size: 14px;
	text-align: center;	
	color: #FFF;
}
.makeRoomPop02 .conBox .addWordBox { 
	position:relative; 
}
.makeRoomPop02 .conBox .addWordBox .btnAdd { 
	position: absolute;
	display:block; 
	top: -22px;
	right:0;
	padding:0 0 0 20px;
	font-weight: 700;
	font-size: 14px;
	color: #999;
}
.makeRoomPop02 .conBox .addWordBox .btnAdd .plus { 
	position:absolute; 
	display:block;
	width: 10px;
	height: 10px;
	top:5px;
	left:0;
}
.makeRoomPop02 .conBox .addWordBox .btnAdd .plus:before,
.makeRoomPop02 .conBox .addWordBox .btnAdd .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #999;
	border-radius: 4px;
}
.makeRoomPop02 .conBox .addWordBox .btnAdd .plus:before { 
	width: 100%; 
	height: 2px;
	top:50%;
	left:0;
	margin:-1px 0 0;
}
.makeRoomPop02 .conBox .addWordBox .btnAdd .plus:after { 
	width: 2px; 
	height: 100%;
	top:0;
	left:50%;
	margin: 0 0 0 -1px;
}
.makeRoomPop02 .conBox .addWordBox .addWord { 
	display:flex;
	align-items:center;
	gap:8px;
}
.makeRoomPop02 .conBox .addWordBox .addWord .num { 
	flex-shrink:0;
	width: 12px; 
	font-weight: 700;
	font-size: 14px;
	color: #212121;
}
.makeRoomPop02 .conBox .addWordBox .addWord .ipt { 
	flex-grow:1; 
}
.makeRoomPop02 .conBox .addWordBox .addWord .btn { 
	flex-shrink:0;
	display:block;
	padding:10px 12px;
	border-width:1px;
	border-style:solid;
	border-radius: 5px;
	font-weight: 700;
	font-size: 14px;
	text-align: center;
}
.makeRoomPop02 .conBox .addWordBox .addWord .btn.st01 { 
	border-color:#F44336;
	color: #F44336;
}
.makeRoomPop02 .conBox .addWordBox .addWord .btn.st02 { 
	background:#EDEDED;
	border-color:#EDEDED;
	color: #797979;
}
.makeRoomPop02 .conBox .addWordBox .addWord + .addWord { 
	margin-top:8px;
}
.makeRoomPop02 .btmBox { 
	margin:40px 0 0;
	text-align: center;
}
.makeRoomPop02 .btmBox .btn { 
	display:inline-block;
	min-width: 360px;
	padding:14px 10px 13px;
	background: #F44336;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.22px;
	text-align: center;
	color: #FFF;
}
@media all and (max-width:999px){
	.waitRoomWr { 
		padding:16px 0 0;
	}
	.waitRoomWr .waitRoomBox { 
		flex-wrap:wrap;
		gap:16px; 
	}
	.waitRoomWr .comTopBox .btnReload { 
		padding:11px 9px 11px 32px;
		font-size: 14px;
	}
	.waitRoomWr .comTopBox .btnReload:before { 
		width: 14px; 
		height: 14px;
		left: 10px;
		margin:-7px 0 0;
	}
	.waitRoomWr .comTopBox .btnMake { 
		padding:10px 20px;
		font-size: 14px;
	}
	.waitRoomWr .selectBox .btnBox, 
	.waitRoomWr .selectBox .selBox { 
		gap:8px; 
	}
	.waitRoomWr .selectBox .btnBox .selCate { 
		padding:10px 20px 9px;
		font-size: 14px;
	}
	.waitRoomWr .selectBox .selBox .iptSel { 
		padding:10px 30px 10px 10px;
		background-size: 16px auto;
		background-position:right 8px center;
		font-size: 13px; 
	}
	.waitRoomWr .waitBrdLst li { 
		margin:0 0 16px;
		padding:0 0 16px;
	}
	.waitRoomWr .waitBrdLnk { 
		gap:16px;
		min-height: 100px;
		padding:0 25px 0 120px;
	}
	.waitRoomWr .waitBrdLnk:after { 
		width: 6px;
		height: 6px;
		margin:-3px 0 0;
	}
	.waitRoomWr .waitBrdLnk .imgBox { 
		width: 100px; 
		height: 100px;
	}
	.waitRoomWr .waitBrdLnk .imgBox:before { 
		width: 22px;
		height: 22px;
		top: 4px;
		left: 4px;
	}
	.waitRoomWr .waitBrdLnk .imgBox.noImg:after {
		width: 52px;
		height: 14px;
		margin:-7px 0 0 -26px;
	}
	.waitRoomWr .waitBrdLnk .conTopBox { 
		gap:5px;
		margin:0 0 8px;
	}
	.waitRoomWr .waitBrdLnk .conTopBox .gender { 
		width: 20px; 
	}
	.waitRoomWr .waitBrdLnk .conTopBox .name { 
		font-size: 13px; 
	}
	.waitRoomWr .waitBrdLnk .conTit { 
		margin:0 0 8px;
		font-size: 14px; 
	}
	.waitRoomWr .waitBrdLnk .brdInfo { 
		gap:8px; 
	}
	.waitRoomWr .waitBrdLnk .brdInfo span { 
		padding:0 9px 0 18px;
		font-size: 13px; 
	}
	.waitRoomWr .waitBrdLnk .brdInfo span:before { 
		width: 15px; 
		height: 15px;
	}
	.waitRoomWr .waitBrdLnk .brdInfo span:after { 
		height: 8px; 
		margin:-6px 0 0;
	}
	.waitRoomWr .waitBrdLnk .infoBox { 
		gap:8px;
		padding:8px 8px 7px;
	}
	.waitRoomWr .waitBrdLnk .infoBox span { 
		padding:0 0 0 9px;
		font-size: 13px; 
	}
	.waitRoomWr .roomInfoBox { 
		width: 100%; 
	}
	.waitRoomWr .makeRoom { 
		gap:7px;
		margin:0 0 16px;
		padding:10px;
	}
	.waitRoomWr .makeRoom .btnIco { 
		width: 14px;
	}
	.waitRoomWr .makeRoom .btnTxt { 
		font-size: 14px;
	}
	.waitRoomWr .standByBox { 
		padding:13px 16px 16px;
	}
	.waitRoomWr .standByBox .topBox { 
		margin:0 0 8px;
		padding:0 0 10px;
	}
	.waitRoomWr .standByBox .topBox .tit { 
		margin:0 0 3px;
		font-size: 16px;
	}
	.waitRoomWr .standByBox .topBox .num { 
		padding:0 0 0 18px;
		font-size: 13px;
	}
	.waitRoomWr .standByBox .topBox .num:before { 
		width: 15px;
		height: 15px;
		background-size:cover;
	}
	.waitRoomWr .standByLst li { 
		gap:6px;
		margin:0 0 8px;
	}
	.waitRoomWr .standByLst .imgBox { 
		width: 20px;
	}
	.waitRoomWr .standByLst .name { 
		font-size: 13px;
	}	
	.makeRoomPop01 .popBox {
		padding:20px;
	}
	.makeRoomPop01 .topBox { 
		margin:0 0 16px;
		padding:0 20px 8px 0;
	}
	.makeRoomPop01 .topBox .tit { 
		margin:0 0 8px;
		padding:0 0 0 20px;
		font-size: 16px;
	}
	.makeRoomPop01 .topBox .tit:before { 
		width: 16px;
		height: 16px;
	}
	.makeRoomPop01 .topBox .popClose { 
		width: 16px;
		height: 16px;
	}
	.makeRoomPop01 .topBox .popClose:before,
	.makeRoomPop01 .topBox .popClose:after { 
		width: 14px;
		margin:-1px 0 0 -7px;
	}
	.makeRoomPop01 .topBox .lst li { 
		padding:0 0 0 6px;
		font-size: 14px;
	}
	.makeRoomPop01 .topBox .lst li:before { 
		top: 9px; 
	}
	.makeRoomPop01 .conBox { 
		max-height: 300px; 
	}
	.makeRoomPop01 .conBox .iptBox { 
		gap:8px; 
	}
	.makeRoomPop01 .conBox .iptBox dt { 
		width: 60px;
		font-size: 13px;
	}
	.makeRoomPop01 .conBox .iptBox dd .cateBox .btnCate { 
		min-width: 50px;
		padding:8px;
		font-size: 13px;
	}
	.makeRoomPop01 .conBox .iptBox dd .ipt { 
		padding:8px;
		font-size: 13px;
	}
	.makeRoomPop01 .conBox .iptBox dd select.ipt { 
		padding-right:30px;
		background-position: right 6px center;
		background-size: 16px auto;
	}
	.makeRoomPop01 .conBox .iptBox dd .btnSet { 
		padding:10px 20px 10px 10px;
		font-size: 13px;
	}
	.makeRoomPop01 .conBox .iptBox dd .btnSet:after { 
		width: 6px;
		height: 6px;
		right: 10px;
		margin:-3px 0 0;
	}
	.makeRoomPop01 .conBox .iptBox dd .fileBox .fileLbl { 
		padding:8px;
		font-size:13px;
	}
	.makeRoomPop01 .conBox .iptBox.has2 dl,
	.makeRoomPop01 .conBox .iptBox.has3 dl { 
		width: calc((100% - 8px)/2); 
	}
	.makeRoomPop01 .conBox .iptBox + .iptBox { 
		margin-top:8px;
	}
	.makeRoomPop01 .conBox .priceBox { 
		margin:8px 0;
		padding:10px 16px 9px;
	}
	.makeRoomPop01 .conBox .priceBox .prcTit,
	.makeRoomPop01 .conBox .priceBox .prc { 
		font-size: 14px; 
	}
	.makeRoomPop01 .btmBox { 
		margin:20px 0 0;
	}
	.makeRoomPop01 .btmBox .btn { 
		min-width: 200px; 
		padding:10px 10px 9px;
		font-size: 14px;
	}	
	.makeRoomPop02 .popBox { 
		padding:16px;
	}
	.makeRoomPop02 .topBox { 
		margin:0 0 8px;
		padding:0 20px 0 0;
	}
	.makeRoomPop02 .topBox .tit { 
		font-size: 15px;
	}
	.makeRoomPop02 .topBox .popClose { 
		width: 16px;
		height: 16px;
	}
	.makeRoomPop02 .topBox .popClose:before,
	.makeRoomPop02 .topBox .popClose:after { 
		width: 14px;
		margin:-1px 0 0 -7px;
	}
	.makeRoomPop02 .topBox .lst { 
		margin:8px 0 0;
	}
	.makeRoomPop02 .topBox .lst li { 
		font-size: 13px;
	}
	.makeRoomPop02 .topBox .lst li:before { 
		top: 7px;
	}
	.makeRoomPop02 .conBox { 
		max-height: 200px; 
	}
	.makeRoomPop02 .conBox .tit { 
		font-size: 13px;
	}
	.makeRoomPop02 .conBox * + .tit { 
		margin-top:8px;
	}
	.makeRoomPop02 .conBox .chkLst01 { 
		gap:8px;
	}
	.makeRoomPop02 .conBox .chkLst01 .chkLbl { 
		padding:0 0 0 15px;
		font-size: 13px;
	}
	.makeRoomPop02 .conBox .chkLst01 .chkLbl .circle { 
		width: 10px;
		height: 10px;
		top: 2px;
		border-width:1px;
	}
	.makeRoomPop02 .conBox .chkLst01 .chkIpt:checked + .chkLbl .circle:before { 
		width: 4px;
		height: 4px;
	}
	.makeRoomPop02 .conBox .ipt { 
		padding:10px;
		font-size: 13px;
	}
	.makeRoomPop02 .conBox .chkLst01 + .ipt { 
		margin-top:8px;
	}
	.makeRoomPop02 .conBox .hasBtn .btn { 
		padding:8px;
		font-size: 13px;
	}
	.makeRoomPop02 .conBox .addWordBox .btnAdd { 
		top: -20px;
		padding:0 0 0 13px;
		font-size: 13px;
	}
	.makeRoomPop02 .conBox .addWordBox .btnAdd .plus { 
		width: 8px;
		height: 8px;
		top:4px;
	}
	.makeRoomPop02 .conBox .addWordBox .addWord .num { 
		font-size: 13px;
	}
	.makeRoomPop02 .conBox .addWordBox .addWord .btn { 
		padding:8px;
		font-size: 13px;
	}
	.makeRoomPop02 .btmBox { 
		margin:20px 0 0;
	}
	.makeRoomPop02 .btmBox .btn { 
		width: 100%;
		min-width: 0; 
		padding:10px 10px 9px;
		font-size: 14px;
	}
}
@media all and (max-width:599px){
	.waitRoomWr .waitBrdLnk {  
		flex-wrap:wrap;
		gap:10px;
		min-height: 0;
		padding:0 25px 0 90px;
	}
	.waitRoomWr .waitBrdLnk .imgBox { 
		width: 80px; 
		height: 80px;
	}
	.waitRoomWr .waitBrdLnk .imgBox:before { 
		width: 17px;
		height: 17px;
		top: 3px;
		left: 3px;
	}
	.makeRoomPop01 .conBox { 
		max-height: 200px; 
	}
	.makeRoomPop01 .conBox .iptBox dl { 
		flex-wrap:wrap;
		gap:5px;
	}
	.makeRoomPop01 .conBox .iptBox dt { 
		width: 100%; 
		padding:0;
	}
	.makeRoomPop01 .conBox .iptBox.has2 dl,
	.makeRoomPop01 .conBox .iptBox.has3 dl { 
		width: 100%; 
	}
	.makeRoomPop02 .conBox .hasBtn { 
		flex-wrap: wrap;
	}
	.makeRoomPop02 .conBox .hasBtn .btn { 
		width: 100%;
	}
}
/* 채팅방 대기실 끝
------------------------------------------------------ */
/* 채팅방 게시글 내용 페이지 시작
------------------------------------------------------ */
.wrmViewWr {
	padding:24px 0 0;
}
.wrmViewWr .wrmTopBox { 
	position:relative; 
	display:flex;
	align-items:center; 
	gap:20px;
	min-height: 130px;
	margin:0 0 20px;
	padding:0 0 20px 150px;
	border-bottom:1px solid #EDEDED;
}
.wrmViewWr .wrmTopBox .imgBox { 
	position:absolute; 
	width: 130px;
	height: 130px;
	top: 0;
	left: 0;
	background: #E0E0E0;
	border-radius: 5px;
	overflow: hidden;
}
.wrmViewWr .wrmTopBox .imgBox > img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.wrmViewWr .wrmTopBox .imgBox .gradeIco { 
	position:absolute; 
	display:block; 
	top: 6px;
	left: 6px;
	font-size: 0;
}
.wrmViewWr .wrmTopBox .imgBox .gradeIco img { 
	max-width: 100%; 
}
.wrmViewWr .wrmTopBox .conBox { 
	flex-grow:1;
	display:flex;
	flex-wrap:wrap; 
	align-items:center; 
}
.wrmViewWr .wrmTopBox .conBox .stat { 
	padding:1px 5px;
	border-radius: 5px;
	font-weight: 500;
	font-size: 13px;
	color: #FFF;
}
.wrmViewWr .wrmTopBox .conBox .stat.st01 { 
	background: #F44336; 
}
.wrmViewWr .wrmTopBox .conBox .stat.st02 { 
	background: #2196F3;
}
.wrmViewWr .wrmTopBox .conBox .gender { 
	margin:0 6px;
	font-size: 0; 
}
.wrmViewWr .wrmTopBox .conBox .gender img { 
	max-width: 100%; 
}
.wrmViewWr .wrmTopBox .conBox .name { 
	font-weight: 500; 
	font-size: 15px;
	color: #212121;
}
.wrmViewWr .wrmTopBox .conBox .tit { 
	width: 100%; 
	margin:13px 0 11px;
	font-weight: 500;
	font-size: 20px;
	line-height: 1.4;
	color: #424242;
}
.wrmViewWr .wrmTopBox .conBox .infoLst { 
	display:flex;
	flex-wrap:wrap;
	gap:11px;
}
.wrmViewWr .wrmTopBox .conBox .infoLst li { 
	position:relative; 
	display:block;
	padding:0 12px 0 21px;
	font-family: Pretendard;
	font-weight: 500;
	font-size: 14px;
	color: #797979;
}
.wrmViewWr .wrmTopBox .conBox .infoLst li:before, 
.wrmViewWr .wrmTopBox .conBox .infoLst li:after {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
}
.wrmViewWr .wrmTopBox .conBox .infoLst li:before { 
	width: 18px; 
	height: 18px;
	top: 0;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.wrmViewWr .wrmTopBox .conBox .infoLst li:after {
	width: 1px;
	height: 12px;
	top: 50%;
	right: 0;
	margin:-6px 0 0;
	background: #797979;
}
.wrmViewWr .wrmTopBox .conBox .infoLst li:last-child { 
	padding-right:0;
}
.wrmViewWr .wrmTopBox .conBox .infoLst li:last-child:after { 
	display:none; 
}
.wrmViewWr .wrmTopBox .conBox .infoLst .date { 
	padding-left:0;
}
.wrmViewWr .wrmTopBox .conBox .infoLst .date:before { 
	display:none; 
}
.wrmViewWr .wrmTopBox .conBox .infoLst .view.st01 { 
	color: #01579B; 
}
.wrmViewWr .wrmTopBox .conBox .infoLst .view.st01:before { 
	background-image: url(/Form/_guest/basic/images/waitView01.svg); 
}
.wrmViewWr .wrmTopBox .conBox .infoLst .view.st02:before { 
	background-image: url(/Form/_guest/basic/images/waitView02.svg); 
}
.wrmViewWr .wrmTopBox .conBox .infoLst .view.st03:before { 
	background-image: url(/Form/_guest/basic/images/waitView03.svg); 
}
.wrmViewWr .wrmTopBox .conBox .infoLst .view.st04:before { 
	background-image: url(/Form/_guest/basic/images/waitView04.svg); 
}
.wrmViewWr .wrmTopBox .conBox .infoLst .good:before { 
	background-image: url(/Form/_guest/basic/images/waitGood01.svg);
}
.wrmViewWr .wrmTopBox .conBox .infoLst .public:before { 
	background-image: url(/Form/_guest/basic/images/waitPublic01.svg);
}
.wrmViewWr .wrmTopBox .conBox .infoLst .public em { 
	font-weight: 700;
	font-style: normal; 
}
.wrmViewWr .wrmTopBox .recordLst { 
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center; 
	gap:14px;
	padding:8px 11px 7px;
	background: #F7F7F7;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
.wrmViewWr .wrmTopBox .recordLst li { 
	position:relative; 
	display:block;
	padding:0 0 0 15px;
	font-family: Pretendard;
	font-weight: 500;
	font-size: 14px;
	color: #797979;
}
.wrmViewWr .wrmTopBox .recordLst li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 12px;
	top:50%;
	left: 0;
	margin:-6px 0 0;
	background: #DBDBDB;
}
.wrmViewWr .wrmTopBox .recordLst li:first-child { 
	padding:0;
}
.wrmViewWr .wrmTopBox .recordLst li:first-child:before { 
	display:none; 
}
.wrmViewWr .wrmTopBox .recordLst .win { 
	color: #2962FF; 
}
.wrmViewWr .wrmTopBox .recordLst .streak { 
	color: #F44336; 
}
.wrmViewWr .wrmConBox > * { 
	margin:0 0 24px;
}
.wrmViewWr .wrmConBox .wrmCon { 
	position:relative;
	min-height: 445px;
	padding:0 210px 0 0;
}
.wrmViewWr .wrmConBox .involveBox { 
	position:absolute; 
	width: 200px;
	height: 445px;
	top: 0;
	right: 0;
	padding:17px 20px 12px;
	border:1px solid #EDEDED;
	border-radius: 5px;
}
.wrmViewWr .wrmConBox .involveBox .ivBtnInvite { 
	display:block;
	width: 100%;
	margin:0 0 10px;
	padding:7px 7px 6px;
	background: #410702;
	border:1px solid #410702;
	border-radius: 5px;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	color: #FFF;
	transition:all .3s ease;
}
.wrmViewWr .wrmConBox .involveBox .ivBtnInvite:focus,
.wrmViewWr .wrmConBox .involveBox .ivBtnInvite:hover { 
	background: #FFF;
	color: #410702;
}
.wrmViewWr .wrmConBox .involveBox .ivTit01 { 
	padding:0 0 8px;
	border-bottom:1px solid #EDEDED;
	font-weight: 500; 
	font-size: 16px;
	color: #424224;
}
.wrmViewWr .wrmConBox .involveBox .ivNum { 
	position:relative;
	padding:7px 7px 7px 28px;
	background: #FFF7F6;
	border-radius: 0 0 5px 5px;
	font-size: 14px;
	color: #666;
}
.wrmViewWr .wrmConBox .involveBox .ivNum:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 8px;
	left: 8px;
	background:url(/Form/_guest/basic/images/waitInvolve01.svg) no-repeat;
	background-size:cover;
}
.wrmViewWr .wrmConBox .involveBox .ivNum span { 
	font-weight: 700; 
	color: #F44336;
}
.wrmViewWr .wrmConBox .involveBox .ivLockBox { 
	margin:40px 0 0;
	text-align: center; 
}
.wrmViewWr .wrmConBox .involveBox .ivLockBox .lockImg { 
	margin:0 0 13px;
	font-size: 0; 
}
.wrmViewWr .wrmConBox .involveBox .ivLockBox .lockTxt {
	font-size: 14px; 
	line-height: 1.2;
	color: #999;
}
.wrmViewWr .wrmConBox .involveBox .ivLst { 
	max-height: 280px;
	margin:12px 0 0;
	overflow-y:auto;
}
.wrmViewWr .wrmConBox .involveBox .ivLst li { 
	display:flex;
	align-items:center;
	gap:4px;
	margin:0 0 12px;
}
.wrmViewWr .wrmConBox .involveBox .ivLst li:last-child { 
	margin:0;
}
.wrmViewWr .wrmConBox .involveBox .ivLst .ivGender { 
	flex-shrink:0;
	display:block; 
	font-size: 0;
}
.wrmViewWr .wrmConBox .involveBox .ivLst .ivGender img { 
	max-width: 100%; 
}
.wrmViewWr .wrmConBox .involveBox .ivLst .ivName { 
	flex-grow:1;
	font-size: 14px; 
	color: #666;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
.wrmViewWr .wrmConBox .txt { 
	word-break:break-all;
}
.wrmViewWr .wrmConBox .btnBox { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:center; 
	gap:12px;
}
.wrmViewWr .wrmConBox .btnBox .btn { 
	position:relative; 
	display:block; 
	padding:12px 17px 13px 43px;
	border-width:1px;
	border-style:solid;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
}
.wrmViewWr .wrmConBox .btnBox .btn:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: 13px;
	left: 17px;
	background-repeat:no-repeat;
	background-size:cover;
}
.wrmViewWr .wrmConBox .btnBox .btn.stList { 
	background: #EDEDED;
	border-color:#DBDBDB;
	color: #999;
}
.wrmViewWr .wrmConBox .btnBox .btn.stList:before { 
	background-image: url(/Form/_guest/basic/images/wrmViewLst01.svg); 
}
.wrmViewWr .wrmConBox .btnBox .btn.stReco { 
	border-color:#F44336;
	color: #F44336;
}
.wrmViewWr .wrmConBox .btnBox .btn.stReco:before { 
	background-image: url(/Form/_guest/basic/images/wrmViewReco01.svg); 
}
.wrmViewWr .wrmConBox .btnBox .btn.stEdit { 
	background: #FAFAFA;
	border-color:#F0F0F0;
	color: #999;
}
.wrmViewWr .wrmConBox .btnBox .btn.stEdit:before { 
	background-image: url(/Form/_guest/basic/images/wrmViewEdit02.svg); 
}
.wrmViewWr .wrmRpFormBox { 
	margin:40px 0 20px;
}
.wrmViewWr .wrmRpFormBox .replyNum { 
	position:relative; 
	padding:12px 12px 11px 38px;
	background: #FFF7F6; 
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	color: #F44336;
}
.wrmViewWr .wrmRpFormBox .replyNum:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: 12px;
	left: 12px;
	background:url(/Form/_guest/basic/images/wrmViewReply01.svg) no-repeat;
	background-size:cover;
}
.wrmViewWr .wrmRpFormBox dl { 
	display:flex;
	align-items:center; 
	gap:22px;
	padding:12px 20px;
	background: #F7F7F7;
}
.wrmViewWr .wrmRpFormBox dt { 
	flex-shrink:0;
	font-weight: 500;
	font-size: 14px;
	color: #212121;
}
.wrmViewWr .wrmRpFormBox dd { 
	flex-grow:1; 
}
.wrmViewWr .wrmRpFormBox dd .replyForm { 
	display:flex;
	gap:20px;
}
.wrmViewWr .wrmRpFormBox dd .replyForm .ipt { 
	flex-grow:1;
	border:1px solid #FFF;
	padding:13px 11px 12px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	font-size: 14px;
	color: #424242;
}
.wrmViewWr .wrmRpFormBox dd .replyForm .ipt::placeholder { 
	color: #999; 
}
.wrmViewWr .wrmRpFormBox dd .replyForm .ipt.stEdit { 
	background: #FFE4E7;
	border-style:dashed;
	border-color:#F44336;
	color: #212121;
}
.wrmViewWr .wrmRpFormBox dd .replyForm .btn { 
	flex-shrink:0;
	display:block; 
	padding:13px 31px 12px;
	background: #F44336;
	border:1px solid #F44336;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	color: #FFF;
	transition:all .3s ease;
}
.wrmViewWr .wrmRpFormBox dd .replyForm .btn:focus,
.wrmViewWr .wrmRpFormBox dd .replyForm .btn:hover { 
	background: #FFF;
	color: #F44336;
}
.wrmViewWr .wrmRpLstBox .rpLstBox { 
	position:relative;
	padding:0 0 20px 60px;
	border-bottom:1px solid #F0F0F0;
}
.wrmViewWr .wrmRpLstBox .rpLstBox .gender { 
	position:absolute; 
	top: 0;
	left: 21px;
	font-size: 0;
}
.wrmViewWr .wrmRpLstBox .rpLstBox .gender img { 
	max-width: 100%; 
}
.wrmViewWr .wrmRpLstBox .rpLstBox .topBox { 
	position:relative;
	margin:0 0 14px;
	padding:10px 0 0 13px;
}
.wrmViewWr .wrmRpLstBox .rpLstBox .topBox .name { 
	display:block; 
	font-family: Pretendard;
	font-weight: 500;
	font-size: 15px;
	color: #000;
}
.wrmViewWr .wrmRpLstBox .rpLstBox .topBox .hidBox { 
	position:absolute;
	display:none; 
	top: 100%;
	left: 0;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 8px;
	box-shadow:0 2px 4px 0 rgba(172,172,172,.18);
	z-index:1;
}
.wrmViewWr .wrmRpLstBox .rpLstBox .topBox .hidBox .btn { 
	position:relative; 
	display:block; 
	padding:8px 16px 9px 38px;
	font-size: 15px;
	text-align: center;
	color: #666;
}
.wrmViewWr .wrmRpLstBox .rpLstBox .topBox .hidBox .btn:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top: 9px;
	left: 15px;
	background:url(/Form/_guest/basic/images/wrmViewReport01.svg) no-repeat;
	background-size:cover;
}
.wrmViewWr .wrmRpLstBox .rpLstBox .conBox { 
	position:relative;
	padding:0 186px 0 0;
}
.wrmViewWr .wrmRpLstBox .rpLstBox .conBox .txtBox { 
	display:inline-block; 
	max-width: 100%;
	padding:19px 19px 17px;
	background: #F7F7F7;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
.wrmViewWr .wrmRpLstBox .rpLstBox .conBox .txtBox .txt { 
	margin:0 0 8px;
	font-family: Belleza, sans-serif;
	font-size: 15px;
	letter-spacing: 0;
	color: #000;
	word-break:break-all;
}
.wrmViewWr .wrmRpLstBox .rpLstBox .conBox .txtBox .date { 
	font-family: Pretendard;
	font-size: 14px;
	color: #797979;
}
.wrmViewWr .wrmRpLstBox .rpLstBox .conBox .editLst { 
	position:absolute; 
	top: 12px;
	right: 89px;
}
.wrmViewWr .wrmRpLstBox .rpLstBox .conBox .editLst li { 
	margin:0 0 12px;
	padding:0 0 11px;
	border-bottom:1px solid #EDEDED;
}
.wrmViewWr .wrmRpLstBox .rpLstBox .conBox .editLst li:last-child { 
	margin:0;
	padding:0;
	border:none;
}
.wrmViewWr .wrmRpLstBox .rpLstBox .conBox .editLst .btn { 
	position:relative; 
	display:block;
	padding:0 0 0 22px;
	font-size: 14px;
	color: #666;
}
.wrmViewWr .wrmRpLstBox .rpLstBox .conBox .editLst .btn:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top: 0;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.wrmViewWr .wrmRpLstBox .rpLstBox .conBox .editLst .btn.stEdit:before { 
	background-image: url(/Form/_guest/basic/images/wrmViewEdit01.svg); 
}
.wrmViewWr .wrmRpLstBox .rpLstBox .conBox .editLst .btn.stDel:before { 
	background-image: url(/Form/_guest/basic/images/wrmViewDel01.svg); 
}
.wrmViewWr .wrmRpLstBox .rpLstBox + .rpLstBox { 
	margin-top:20px;
}
 .wrmViewWr .comGbox .replyBox .rpTit {
	position:relative;
	padding:12px 12px 12px 37px;
	background: #FFF7F6;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	color: #F44336;
}
 .wrmViewWr .comGbox .replyBox .rpTit:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top:50%;
	left:12px;
	margin:-10px 0 0;
	background:url(/Form/_guest/basic/images/nvIco_rpTit01.svg) no-repeat;
	background-size:cover;
}
.wrmViewWr .comGbox .replyBox .rpFormBox {
	margin:0 0 19px;
	padding:12px 20px;
	background: #F7F7F7;
}
 .wrmViewWr .comGbox .replyBox .rpFormBox dl {
	display:flex;
	align-items:center;
	gap:23px;
}
 .wrmViewWr .comGbox .replyBox .rpFormBox dt {
	flex-shrink:0;
	font-weight: 500;
	font-size: 14px;
	color: #212121;
}
 .wrmViewWr .comGbox .replyBox .rpFormBox dd {
	flex-grow:1;
	display:flex;
	gap:20px;
}
 .wrmViewWr .comGbox .replyBox .rpFormBox dd .ipt {
	flex-grow:1;
	padding:14px 11px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 10px;
	font-size: 14px;
	color: #424242;
}
 .wrmViewWr .comGbox .replyBox .rpFormBox dd .ipt::placeholder {
	color: #999;
}
 .wrmViewWr .comGbox .replyBox .rpFormBox dd .btn {
	flex-shrink:0;
	display:block;
	padding:14px 31px 13px;
	background: #F44336;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	color: #FFF;
}
 .wrmViewWr .comGbox .replyBox .rpConBox {
	padding:0 20px 20px;
}
 .wrmViewWr .comGbox .replyBox .rpConBox .rpUserBox {
	position:relative;
	margin:0 0 13px;
	padding:12px 0 0 53px;
}
 .wrmViewWr .comGbox .replyBox .rpConBox .rpUserBox .userImg {
	position:absolute;
	top:0;
	left:0;
	font-size: 0;
}
 .wrmViewWr .comGbox .replyBox .rpConBox .rpUserBox .userImg img {
	max-width: 100%;
}
 .wrmViewWr .comGbox .replyBox .rpConBox .rpUserBox .userName {
	display:block;
	font-family: Pretendard-Medium, sans-serif;
	font-weight: 500;
	font-size: 15px;
	color: #000;
}
 .wrmViewWr .comGbox .replyBox .rpConBox .rpUserBox .hidBox {
	position:absolute;
	display:none;
	top: 100%;
	left: 53px;
	z-index:1;
}
 .wrmViewWr .comGbox .replyBox .rpConBox .rpUserBox .hidBox .btnReport {
	position:relative;
	display:block;
	padding:8px 16px 8px 38px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 8px;
	font-size: 15px;
	color: #666;
}
 .wrmViewWr .comGbox .replyBox .rpConBox .rpUserBox .hidBox .btnReport:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top: 50%;
	left: 15px;
	margin:-9px 0 0;
	background:url(/Form/_guest/basic/images/brdViewReport01.svg) no-repeat;
	background-size:cover;
}
 .wrmViewWr .comGbox .replyBox .rpConBox .rpTxtBox {
	position:relative;
	padding:0 100px 0 40px;
}
 .wrmViewWr .comGbox .replyBox .rpConBox .rpTxtBox .txtBox {
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	padding:19px 19px 17px;
	background: #F7F7F7;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
 .wrmViewWr .comGbox .replyBox .rpConBox .rpTxtBox .txt {
	width: 100%;
	font-family: Belleza, sans-serif;
	font-size: 15px;
	letter-spacing: 0;
	color: #000;
	word-break:break-all;
}
 .wrmViewWr .comGbox .replyBox .rpConBox .rpTxtBox .txt .rpName {
	color: #94180F;
}
 .wrmViewWr .comGbox .replyBox .rpConBox .rpTxtBox .date,
 .wrmViewWr .comGbox .replyBox .rpConBox .rpTxtBox .addReply {
	font-family: Pretendard-Regular, sans-serif;
	font-size: 14px;
	color: #797979;
}
 .wrmViewWr .comGbox .replyBox .rpConBox .rpTxtBox .addReply {
	position:relative;
	display:block;
	padding:0 0 0 9px;
}
 .wrmViewWr .comGbox .replyBox .rpConBox .rpTxtBox .addReply:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 12px;
	top: 50%;
	left: 0;
	margin:-6px 0 0;
	background: #797979;
}
 .wrmViewWr .comGbox .replyBox .rpConBox .rpTxtBox .rpEditBox {
	display:none;
	width: 100%;
	padding:16px;
	background: #EDEDED;
	border-radius: 5px;
}
 .wrmViewWr .comGbox .replyBox .rpConBox .rpTxtBox .rpEditTit01 {
	margin:0 0 11px;
	font-weight: 500;
	font-size: 14px;
	color: #212121;
}
 .wrmViewWr .comGbox .replyBox .rpConBox .rpTxtBox .rpEditCon {
	position:relative;
	padding:0 100px 0 0;
}
 .wrmViewWr .comGbox .replyBox .rpConBox .rpTxtBox .rpEditCon .ipt {
	width: 100%;
	padding:11px;
	background: #FFF;
	border-radius: 10px;
	font-family: Belleza, sans-serif;
	font-size: 14px;
	letter-spacing: 0;
	color: #000;
}
 .wrmViewWr .comGbox .replyBox .rpConBox .rpTxtBox .rpEditCon .btn {
	position:absolute;
	display:block;
	top:50%;
	right:0;
	padding:9px 20px;
	transform:translateY(-50%);
	background: #F44336;
	border-radius: 5px;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	color: #FFF;
}
 .wrmViewWr .comGbox .replyBox .rpConBox .rpTxtBox .rpEditBox.on {
	display:block;
}
 .wrmViewWr .comGbox .replyBox .rpConBox .rpTxtBox .editBox {
	position:absolute;
	top: 0;
	right: 0;
}
 .wrmViewWr .comGbox .replyBox .rpConBox .rpTxtBox .editBox .editBtn {
	position:relative;
	display:block;
	padding:11px 0 11px 22px;
	border-bottom:1px solid #EDEDED;
	font-size: 14px;
	color: #666;
}
 .wrmViewWr .comGbox .replyBox .rpConBox .rpTxtBox .editBox .editBtn:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top: 50%;
	left: 0;
	margin:-9px 0 0;
	background-repeat: no-repeat;
	background-size:cover;
}
 .wrmViewWr .comGbox .replyBox .rpConBox .rpTxtBox .editBox .editBtn.stEdit:before {
	background-image: url(/Form/_guest/basic/images/brdViewEdit01.svg);
}
 .wrmViewWr .comGbox .replyBox .rpConBox .rpTxtBox .editBox .editBtn.stDel:before {
	background-image: url(/Form/_guest/basic/images/brdViewDel01.svg);
}
 .wrmViewWr .comGbox .replyBox .rpConBox .rpTxtBox .editBox .editBtn:last-child {
	border:none;
}
 .wrmViewWr .comGbox .replyBox .rpConBox + .rpConBox {
	padding-top:19px;
	border-top:1px solid #F0F0F0;
}
 .wrmViewWr .comGbox .replyBox .rpConBox.stRe {
	position:relative;
	padding-top:0 !important;
	padding-left:100px;
	border-top:none;
}
 .wrmViewWr .comGbox .replyBox .rpConBox.stRe:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: 10px;
	left: 68px;
	background: url(/Form/_guest/basic/images/comReply01.svg) no-repeat;
	background-size:cover;
}
 .wrmViewWr .comGbox .replyBox .noReplyBox {
	padding:21px 16px 37px;
	text-align: center;
}
 .wrmViewWr .comGbox .replyBox .noReplyBox .imgBox {
	max-width: 100%;
	margin:0 auto 10px;
	font-size: 0;
}
 .wrmViewWr .comGbox .replyBox .noReplyBox .imgBox img {
	max-width: 100%;
}
 .wrmViewWr .comGbox .replyBox .noReplyBox .txt {
	font-size: 14px;
	color: #797979;
}
.wrmInvitePopWr .popBox { 
	position:absolute; 
	width: 504px;
	max-width: 90%;
	top: 50%;
	left: 50%;
	padding:40px;
	transform:translate(-50%, -50%);
	background: #FFF;
	border-radius:5px;
}
.wrmInvitePopWr .popBox .topBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	margin:0 0 8px;
}
.wrmInvitePopWr .popBox .tit01 { 
	position:relative;
	padding:0 0 0 28px;
	font-weight: 700;
	font-size: 20px;
	color: #212121;
}
.wrmInvitePopWr .popBox .tit01 .plus { 
	position:absolute; 
	display:block;
	width: 14px;
	height: 14px;
	top: 5px;
	left: 5px;
}
.wrmInvitePopWr .popBox .tit01 .plus:before,
.wrmInvitePopWr .popBox .tit01 .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #F44336;
	border-radius: 4px;
}
.wrmInvitePopWr .popBox .tit01 .plus:before { 
	width: 100%; 
	height: 2px;
	top: 50%;
	left: 0;
	margin:-1px 0 0;
}
.wrmInvitePopWr .popBox .tit01 .plus:after { 
	width: 2px; 
	height: 100%;
	top: 0;
	left: 50%;
	margin:0 0 0 -1px;
}
.wrmInvitePopWr .popBox .popClose { 
	flex-shrink:0;
	position:relative; 
	display:block;
	width: 24px;
	height: 24px;
	z-index: 0;
}
.wrmInvitePopWr .popBox .popClose:before,
.wrmInvitePopWr .popBox .popClose:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -10px;
	background: #999;
	border-radius: 4px;
}
.wrmInvitePopWr .popBox .popClose:before { 
	transform:rotate(45deg); 
}
.wrmInvitePopWr .popBox .popClose:after { 
	transform:rotate(-45deg); 
}
.wrmInvitePopWr .popBox .txt01 { 
	margin:0 0 12px;
	padding:0 0 9px;
	border-bottom:1px solid #DBDBDB;
	font-weight: 500;
	font-size: 16px;
	color: #797979;
}
.wrmInvitePopWr .popBox .schBox { 
	display:flex;
	gap:12px;
	margin:0 0 21px;
}
.wrmInvitePopWr .popBox .schBox .ipt { 
	padding:12px 13px 11px;
	background: #F7F7F7;
	border-radius: 5px;
	font-size: 14px;
	color: #424242;
}
.wrmInvitePopWr .popBox .schBox .ipt::placeholder { 
	color: #999; 
}
.wrmInvitePopWr .popBox .schBox .ipt:not(select) { 
	flex-grow:1;
	max-width: calc(100% - 195px);
}
.wrmInvitePopWr .popBox .schBox select.ipt { 
	flex-shrink:0;
	width: 120px;
	padding-right:35px;
	appearance: none;
	background-image: url(/Form/_guest/basic/images/comSel02.svg);
	background-repeat:no-repeat;
	background-position:right 12px center;	 
}
.wrmInvitePopWr .popBox .schBox .btn {
	flex-shrink:0;
	display:block;
	padding:10px 11px;
	background: #F44336;
	border:1px solid #F44336;
	border-radius: 5px;
	font-weight: 700;
	font-size: 14px;
	text-align: center;
	color: #FFF;
	transition:all .3s ease;
}
.wrmInvitePopWr .popBox .schBox .btn:focus,
.wrmInvitePopWr .popBox .schBox .btn:hover { 
	background: #FFF;
	color: #F44336;
}
.wrmInvitePopWr .popBox .rstTit01 { 
	font-weight: 500; 
	font-size: 16px;
	color: #424242;
}
.wrmInvitePopWr .popBox .rstLst01 { 
	max-height: 225px; 
	overflow-y:auto;
}
.wrmInvitePopWr .popBox .rstLst01 li { 
	position:relative;
}
.wrmInvitePopWr .popBox .rstLst01 li.noData { 
	padding:16px;
	border-bottom:1px solid #EDEDED;
	text-align: center;
	font-weight: 500;
	font-size: 15px;
	color: #999;
}
.wrmInvitePopWr .popBox .rstLst01 .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
}
.wrmInvitePopWr .popBox .rstLst01 .chkLbl { 
	position:relative; 
	display:flex;
	align-items:center; 
	gap:7px;
	width: 100%;
	padding: 12px 0 12px 32px;
	border-bottom:1px solid #EDEDED;
}
.wrmInvitePopWr .popBox .rstLst01 .chkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 15px;
	height: 15px;
	top: 14px;
	left: 0;
	border:1px solid #DBDBDB;
	border-radius: 4px;
}
.wrmInvitePopWr .popBox .rstLst01 .chkLbl span { 
	display:block; 
}
.wrmInvitePopWr .popBox .rstLst01 .chkLbl .rstIco { 
	flex-shrink:0;
	font-size: 0;
}
.wrmInvitePopWr .popBox .rstLst01 .chkLbl .rstIco img { 
	max-width: 100%; 
}
.wrmInvitePopWr .popBox .rstLst01 .chkLbl .rstName { 
	font-weight: 700;
	font-size: 15px;
	color: #212121;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
.wrmInvitePopWr .popBox .rstLst01 .chkIpt:checked + .chkLbl:before { 
	background: #F44336 url(/Form/_guest/basic/images/wrmViewChk01.svg) no-repeat center center;
	border-color:#F44336;
}
.wrmInvitePopWr .popBox .btmBox { 
	margin:24px 0 0;
	text-align: center;
}
.wrmInvitePopWr .popBox .btmBox .btn { 
	display:inline-block; 
	padding:14px 90px 12px;
	background: #F44336;
	border:1px solid #F44336;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.22px;
	text-align: center;
	color: #FFF;
	transition:all .3s ease;
}
.wrmInvitePopWr .popBox .btmBox .btn:focus,
.wrmInvitePopWr .popBox .btmBox .btn:hover { 
	background: #FFF;
	color: #F44336;
}
@media all and (max-width:999px){
	.wrmViewWr { 
		padding:16px 0 0;
	}
	.wrmViewWr .wrmTopBox { 
		gap:16px;	
		min-height: 100px;
		margin:0 0 16px;
		padding:0 0 16px 120px;
	}
	.wrmViewWr .wrmTopBox .imgBox { 
		width: 100px; 
		height: 100px;
	}
	.wrmViewWr .wrmTopBox .imgBox .gradeIco { 
		width: 22px;
		top: 4px;
		left: 4px;
	}
	.wrmViewWr .wrmTopBox .conBox .gender { 
		width: 20px;
		margin:0 3px;
	}
	.wrmViewWr .wrmTopBox .conBox .tit { 
		margin:10px 0 8px;
		font-size: 16px;
	}
	.wrmViewWr .wrmTopBox .conBox .infoLst { 
		gap:8px; 
	}
	.wrmViewWr .wrmTopBox .conBox .infoLst li { 
		padding:0 9px 0 18px;
		font-size: 13px; 
	}
	.wrmViewWr .wrmTopBox .conBox .infoLst li:before { 
		width: 15px; 
		height: 15px;
	}
	.wrmViewWr .wrmTopBox .recordLst { 
		gap:8px;
		padding:8px 8px 7px;
	}
	.wrmViewWr .wrmTopBox .recordLst li { 
		padding:0 0 0 9px;
		font-size: 13px; 
	}
	.wrmViewWr .wrmConBox > * { 
		margin:0 0 16px;
	}
	.wrmViewWr .wrmConBox .wrmCon { 
		min-height: 0;
		padding:0;
	}
	.wrmViewWr .wrmConBox .involveBox { 
		position:relative; 
		width: 100%;
		height: auto;
		top: auto;
		right: auto;
		margin:16px 0 0;
		padding:10px;
	}
	.wrmViewWr .wrmConBox .involveBox .ivBtnInvite { 
		margin:0 0 8px;
		font-size: 14px; 
	}
	.wrmViewWr .wrmConBox .involveBox .ivTit01 { 
		padding:0 0 5px;
		font-size: 14px;
	}
	.wrmViewWr .wrmConBox .involveBox .ivNum { 
		padding:7px 7px 7px 24px;
		font-size: 13px;
	}
	.wrmViewWr .wrmConBox .involveBox .ivNum:before { 
		width: 14px;
		height: 14px;
		top: 7px;
		left: 7px;
	}
	.wrmViewWr .wrmConBox .involveBox .ivLockBox { 
		margin:0;
		padding:20px 0;
	}
	.wrmViewWr .wrmConBox .involveBox .ivLockBox .lockImg { 
		width: 16px;
		margin:0 auto 8px;
	}
	.wrmViewWr .wrmConBox .involveBox .ivLockBox .lockTxt { 
		font-size: 13px; 
	}
	.wrmViewWr .wrmConBox .involveBox .ivLst { 
		display:flex;
		flex-wrap:wrap; 
		gap:10px;
		max-height: 100px;
		margin:10px 0 0;
	}
	.wrmViewWr .wrmConBox .involveBox .ivLst li { 
		width: calc((100% - 30px)/4);
		margin:0;
	}
	.wrmViewWr .wrmConBox .involveBox .ivLst .ivGender { 
		width: 16px;
	}
	.wrmViewWr .wrmConBox .involveBox .ivLst .ivName { 
		font-size: 13px;
	}
	.wrmViewWr .wrmConBox .btnBox { 
		gap:8px;
	}
	.wrmViewWr .wrmConBox .btnBox .btn { 
		padding:10px 10px 10px 30px;
		font-size: 14px;
	}
	.wrmViewWr .wrmConBox .btnBox .btn:before { 
		width: 16px;
		height: 16px;
		top: 11px;
		left: 10px;
	}
	.wrmViewWr .wrmRpFormBox { 
		margin:20px 0 16px;
	}
	.wrmViewWr .wrmRpFormBox .replyNum { 
		padding:10px 10px 9px 30px;
		font-size: 14px;
	}
	.wrmViewWr .wrmRpFormBox .replyNum:before { 
		width: 16px;
		height: 16px;
		top: 11px;
		left: 10px;
	}
	.wrmViewWr .wrmRpFormBox dl { 
		flex-wrap:wrap; 
		gap:8px;
		padding:10px 16px;
	}
	.wrmViewWr .wrmRpFormBox dt { 
		width: 100%;
		font-size: 13px;
	}
	.wrmViewWr .wrmRpFormBox dd .replyForm { 
		gap:8px;
	}
	.wrmViewWr .wrmRpFormBox dd .replyForm .ipt { 
		padding:10px 10px 9px;
		font-size: 13px;
	}
	.wrmViewWr .wrmRpFormBox dd .replyForm .btn { 
		padding:10px 20px 9px;
		font-size: 14px;
	}
	.wrmViewWr .wrmRpLstBox .rpLstBox { 
		padding:0 0 16px 45px;
	}
	.wrmViewWr .wrmRpLstBox .rpLstBox .gender { 
		width: 30px;
		left: 5px;
	}
	.wrmViewWr .wrmRpLstBox .rpLstBox .topBox { 
		margin:0 0 8px;
		padding:8px 0 0 8px;
	}
	.wrmViewWr .wrmRpLstBox .rpLstBox .topBox .name { 
		font-size: 13px; 
	}
	.wrmViewWr .wrmRpLstBox .rpLstBox .topBox .hidBox .btn { 
		padding:8px 8px 8px 25px;
		font-size: 13px; 
	}
	.wrmViewWr .wrmRpLstBox .rpLstBox .topBox .hidBox .btn:before { 
		width: 15px; 
		height: 15px;
		top: 7px;
		left: 7px;
	}
	.wrmViewWr .wrmRpLstBox .rpLstBox .conBox { 
		padding:0;
	}
	.wrmViewWr .wrmRpLstBox .rpLstBox .conBox .txtBox { 
		padding:16px 16px 14px;
	}
	.wrmViewWr .wrmRpLstBox .rpLstBox .conBox .txtBox .txt,
	.wrmViewWr .wrmRpLstBox .rpLstBox .conBox .txtBox .date { 
		font-size: 13px; 
	}
	.wrmViewWr .wrmRpLstBox .rpLstBox .conBox .editLst { 
		position:relative; 
		display:flex;
		flex-wrap:wrap; 
		gap:8px;
		top: auto;
		right: auto;
		margin:8px 0 0;
	}
	.wrmViewWr .wrmRpLstBox .rpLstBox .conBox .editLst li { 
		margin:0;
		padding:0 9px 0 0;
		border-bottom:none;
		border-right:1px solid #EDEDED;
	}
	.wrmViewWr .wrmRpLstBox .rpLstBox .conBox .editLst .btn { 
		padding:0 0 0 20px;
		font-size: 13px; 
	}
	.wrmViewWr .wrmRpLstBox .rpLstBox .conBox .editLst .btn:before { 
		width: 15px; 
		height: 15px;
	}
	.wrmViewWr .comGbox .replyBox .rpFormBox { 
		margin:0 0 10px;
		padding:10px 16px;
	}
	.wrmViewWr .comGbox .replyBox .rpFormBox dl { 
		flex-wrap:wrap; 
		gap:8px; 
	}
	.wrmViewWr .comGbox .replyBox .rpFormBox dt { 
		width: 100%;
		font-size: 13px;
	}
	.wrmViewWr .comGbox .replyBox .rpFormBox dd { 
		gap:8px;
		width: 100%;
	}
	.wrmViewWr .comGbox .replyBox .rpFormBox dd .ipt { 
		max-width: calc(100% - 55px);
		padding:8px;
		border-radius: 8px;
		font-size: 13px;
	}
	.wrmViewWr .comGbox .replyBox .rpFormBox dd .btn { 
		padding:8px 16px;
		font-size: 13px;
	}
	.wrmViewWr .comGbox .replyBox .rpConBox { 
		padding:0 16px 16px;
	}
	.wrmViewWr .comGbox .replyBox .rpConBox .rpUserBox { 
		margin:0 0 10px;
		padding:10px 0 0 40px;
	}
	.wrmViewWr .comGbox .replyBox .rpConBox .rpUserBox .userImg { 
		width: 32px;
	}
	.wrmViewWr .comGbox .replyBox .rpConBox .rpUserBox .userName { 
		font-size: 13px;
	}
	.wrmViewWr .comGbox .replyBox .rpConBox .rpTxtBox { 
		padding:0 80px 0 32px;
	}
	.wrmViewWr .comGbox .replyBox .rpConBox .rpTxtBox .txtBox { 
		gap:5px;
		padding:16px 16px 14px; 
	}
	.wrmViewWr .comGbox .replyBox .rpConBox .rpTxtBox .txt,
	.wrmViewWr .comGbox .replyBox .rpConBox .rpTxtBox .date, 
	.wrmViewWr .comGbox .replyBox .rpConBox .rpTxtBox .addReply { 
		font-size: 13px;
	}
	.wrmViewWr .comGbox .replyBox .rpConBox .rpTxtBox .editBox .editBtn { 
		padding:8px 0 8px 19px;
		font-size: 13px;
	}
	.wrmViewWr .comGbox .replyBox .rpConBox .rpTxtBox .editBox .editBtn:before { 
		width: 14px;
		height: 14px;
		margin:-7px 0 0;
	}
	.wrmViewWr .comGbox .replyBox .rpConBox.stRe { 
		padding-left:80px;
	}
	.wrmViewWr .comGbox .replyBox .rpConBox.stRe:before { 
		width: 16px; 
		height: 16px;
		top: 8px;
		left: 55px;
	}
	
	
	.wrmInvitePopWr .popBox { 
		padding:16px;
	}
	.wrmInvitePopWr .popBox .topBox { 
		margin:0 0 5px;
	}
	.wrmInvitePopWr .popBox .tit01 { 
		padding:0 0 0 20px;
		font-size: 16px;
	}
	.wrmInvitePopWr .popBox .tit01 .plus { 
		width: 10px;
		height: 10px;
		top: 4px;
		left: 4px;
	}
	.wrmInvitePopWr .popBox .popClose { 
		width: 20px;
		height: 20px;
	}
	.wrmInvitePopWr .popBox .popClose:before,
	.wrmInvitePopWr .popBox .popClose:after { 
		width: 16px;
		margin:-1px 0 0 -8px;
	}
	.wrmInvitePopWr .popBox .txt01 { 
		margin:0 0 8px;
		padding:0 0 6px;
		font-size: 14px;
	}
	.wrmInvitePopWr .popBox .schBox { 
		flex-wrap:wrap; 
		gap:8px;
		margin:0 0 10px;
	}
	.wrmInvitePopWr .popBox .schBox .ipt { 
		padding:10px 10px 9px;
		font-size: 13px;
	}
	.wrmInvitePopWr .popBox .schBox .ipt:not(select) { 
		max-width: calc(100% - 42px);
	}
	.wrmInvitePopWr .popBox .schBox select.ipt { 
		width: 100%;
		padding-right:20px;
		background-size:16px auto;
		background-position:right 8px center;	 
	}
	.wrmInvitePopWr .popBox .schBox .btn {
		padding:8px;
		font-size: 13px;
	}
	.wrmInvitePopWr .popBox .rstTit01 { 
		font-size: 14px;
	}
	.wrmInvitePopWr .popBox .rstLst01 { 
		max-height: 185px; 
	}
	.wrmInvitePopWr .popBox .rstLst01 li.noData { 
		padding:10px;
		font-size: 13px;
	}
	.wrmInvitePopWr .popBox .rstLst01 .chkLbl { 
		gap:5px;
		padding: 8px 0 8px 20px;
	}
	.wrmInvitePopWr .popBox .rstLst01 .chkLbl:before { 
		width: 12px;
		height: 12px;
		top: 12px;
	}
	.wrmInvitePopWr .popBox .rstLst01 .chkLbl .rstName { 
		font-size: 13px;
	}
	.wrmInvitePopWr .popBox .rstLst01 .chkIpt:checked + .chkLbl:before { 
		background-size:7px auto;
		background-position:right 1px center;
	}
	.wrmInvitePopWr .popBox .btmBox { 
		margin:16px 0 0;
	}
	.wrmInvitePopWr .popBox .btmBox .btn { 
		padding:10px 20px 8px;
		font-size: 14px;
	}
}
@media all and (max-width:799px){
	.wrmViewWr .wrmTopBox { 
		flex-wrap:wrap; 
		gap:8px;
	}
	.wrmViewWr .wrmTopBox .conBox { 
		width: 100%; 
	}
}
@media all and (max-width:599px){
	.wrmViewWr .wrmTopBox { 
		min-height: 0;
		padding:0 0 16px;
	}
	.wrmViewWr .wrmTopBox .imgBox { 
		position:relative; 
		width: 100%; 
		height: 0;
		top: auto;
		right: auto;
		padding:100% 0 0;
	}
	.wrmViewWr .wrmTopBox .imgBox .gradeIco { 
		width: 17px;
		top: 3px;
		left: 3px;
	}
	.wrmViewWr .wrmTopBox .conBox .tit { 
		margin:8px;
	}
	.wrmViewWr .wrmConBox .involveBox .ivLst li { 
		width: calc((100% - 10px)/2);
	}
	.wrmViewWr .wrmRpFormBox dl { 
		padding:10px;
	}
	.wrmViewWr .wrmRpFormBox dd .replyForm { 
		flex-wrap:wrap;
		gap:5px;
	}
	.wrmViewWr .wrmRpFormBox dd .replyForm .btn { 
		width: 100%;
		padding:8px;
	}
	.wrmViewWr .comGbox .replyBox .rpConBox { 
		padding:0 0 16px;
	}
	.wrmViewWr .comGbox .replyBox .rpConBox .rpTxtBox { 
		padding:0;
	}
	.wrmViewWr .comGbox .replyBox .rpConBox .rpTxtBox .editBox { 
		position:relative; 
		display:flex;
		flex-wrap:wrap; 
		gap:5px;
		top: auto;
		right: auto;
		margin:5px 0 0;
	}
	.wrmViewWr .comGbox .replyBox .rpConBox .rpTxtBox .editBox .editBtn { 
		padding:0 6px 0 19px;
		border-right:1px solid #EDEDED;
		border-bottom:none;
	}
	.wrmViewWr .comGbox .replyBox .rpConBox .rpTxtBox .editBox .editBtn:last-child { 
		border-right:none;
	}
	.wrmViewWr .comGbox .replyBox .rpConBox.stRe { 
		padding-left:26px;
	}
	.wrmViewWr .comGbox .replyBox .rpConBox.stRe:before { 
		left:5px; 
	}
}
/* 채팅방 게시글 내용 페이지 끝
------------------------------------------------------ */
/* 마켓 시작
------------------------------------------------------ */
.marketWr { 
	padding:24px 0 0;
}
.marketWr .comTopBox { 
	position:relative; 
	padding-right:430px;
}
.marketWr .comTopBox .schBox { 
	position:absolute;
	display:flex;
	gap:8px;
	width: 418px;
	max-width: 100%;
	top:50%;
	right:0;
	transform:translateY(-50%);
}
.marketWr .comTopBox .schBox .iptBox { 
	position:relative; 
	flex-grow:1; 
}
.marketWr .comTopBox .schBox .iptBox .ipt { 
	width: 100%;
	padding:11px 40px 10px 12px;
	background: #F7F7F7;
	border-radius: 5px;
	font-size: 14px;
	color: #424242;
}
.marketWr .comTopBox .schBox .iptBox .ipt::placeholder { 
	color: #999;
}
.marketWr .comTopBox .schBox .iptBox .btnIco { 
	position:absolute; 
	display:block; 
	top: 50%;
	right: 13px;
	transform:translateY(-50%);
	font-size: 0;
}
.marketWr .comTopBox .schBox .iptBox .btnIco img { 
	max-width: 100%; 
}
.marketWr .comTopBox .schBox .btnSch { 
	flex-shrink:0;
	display:block; 
	padding:11px 12px 10px;
	background: #F44336;
	border-radius: 5px;
	font-weight: 700;
	font-size: 14px;
	text-align: center;
	color: #FFF;
}
.marketWr .mktInfo01 { 
	position:relative;
	margin:0 0 20px;
	padding:12px 12px 11px 37px;
	background: #F3F7FF;
	border-radius: 5px;
	font-weight: 500;
	font-size: 16px;
	color: #8C94A3;
}
.marketWr .mktInfo01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: 12px;
	left: 12px;
	background:url(/Form/_guest/basic/images/mktInfo01.svg) no-repeat;
	background-size:cover;
}
.marketWr .mktLst01 { 
	display:flex;
	flex-wrap:wrap; 
	gap:12px;
}
.marketWr .mktLst01 li { 
	width: calc((100% - 36px)/4); 
}
.marketWr .mktLst01 .imgBox { 
	position:relative; 
	display:block; 
	margin:0 0 10px;
	padding:100% 0 0;
	background: #EDEDED;
	border-radius: 5px;
	font-size: 0;
	overflow: hidden;
}
.marketWr .mktLst01 .imgBox img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	transition:all .3s ease;
}
.marketWr .mktLst01 .imgBox:hover img { 
	width: 120%; 
}
.marketWr .mktLst01 .imgBox.noImg:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 66.07%;
	height: 17.14%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	background:url(/Form/_guest/basic/images/comNodata03.png) no-repeat;
	background-size:cover;	 
}
.marketWr .mktLst01 .kind { 
	display:flex;
	align-items:center; 
	gap:7px;
	margin:0 0 4px;
	font-size: 14px;
}
.marketWr .mktLst01 .kind .cate { 
	flex-shrink:0;
	padding:1px 4px;
	background: #F44336;
	border-radius: 5px;
	font-family: Pretendard;
	font-weight: 500;
	color: #FFF;
}
.marketWr .mktLst01 .kind .kindTxt { 
	color: #999;
}
.marketWr .mktLst01 .tit { 
	margin:0 0 3px;
	font-weight: 700; 
	font-size: 18px;
	color: #424242;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
.marketWr .mktLst01 .txt { 
	margin:0 0 13px;
	font-size: 15px; 
	color: #797979;
}
.marketWr .mktLst01 .priceBox { 
	display:flex;
	align-items:flex-end; 
	justify-content:space-between; 
	gap:8px;
	margin:0 0 12px;
}
.marketWr .mktLst01 .priceBox .calBox { 
	display:flex;
	align-items:center;
	gap:9px;
}
.marketWr .mktLst01 .priceBox .calBox .calBtn { 
	flex-shrink:0;
	position:relative; 
	display:block;
	width: 36px;
	height: 36px;
	background: #F7F7F7;
	border:1px solid #EDEDED;
	border-radius: 5px;
}
.marketWr .mktLst01 .priceBox .calBox .calBtn span { 
	position:absolute; 
	display:block; 
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin:auto;
}
.marketWr .mktLst01 .priceBox .calBox .calBtn.stMinus span { 
	width: 14px; 
	height: 2px;
	background: #999;
	border-radius: 4px;
}
.marketWr .mktLst01 .priceBox .calBox .calBtn.stPlus span { 
	width: 14px; 
	height: 14px;
}
.marketWr .mktLst01 .priceBox .calBox .calBtn.stPlus span:before,
.marketWr .mktLst01 .priceBox .calBox .calBtn.stPlus span:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #999;
	border-radius: 4px;
}
.marketWr .mktLst01 .priceBox .calBox .calBtn.stPlus span:before { 
	width: 100%; 
	height: 2px;
	top: 50%;
	left: 0;
	margin:-1px 0 0;
}
.marketWr .mktLst01 .priceBox .calBox .calBtn.stPlus span:after { 
	width: 2px; 
	height: 100%;
	top: 0;
	left: 50%;
	margin:0 0 0 -1px;
}
.marketWr .mktLst01 .priceBox .calBox .callNum { 
	font-weight: 500; 
	font-size: 16px;
	color: #424242;
}
.marketWr .mktLst01 .priceBox .price { 
	flex-shrink:0; 
	font-weight: 700;
	font-size: 16px;
	color: #424242;
}
.marketWr .mktLst01 .priceBox .price em { 
	font-style:normal;
	font-size: 1.75em;
	color: #F44336;
}
.marketWr .mktLst01 .btn { 
	display:block; 
	width: 100%;
	padding:15px 10px 14px;
	background: #F7F7F7;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.22px;
	text-align: center;
	color: #797979;
	transition:all .3s ease;
}
.marketWr .mktLst01 .btn:focus,
.marketWr .mktLst01 .btn:hover { 
	background: #F44336;
	color: #FFF;
}
.mkPurchasePop .popBox { 
	position:absolute; 
	width: 485px;
	max-width: 90%;
	top: 50%;
	left: 50%;
	padding:40px;
	transform:translate(-50%, -50%);
	background: #FFF;
	border-radius: 5px;
}
.mkPurchasePop .tit01 { 
	position:relative; 
	margin:0 0 38px;
	padding:0 0 0 28px;
	font-weight: 700;
	font-size: 20px;
	color: #212121;
}
.mkPurchasePop .tit01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top: 0;
	left: 0;
	background: url(/Form/_guest/basic/images/mkPopTit01.svg) no-repeat;
	background-size:cover;
}
.mkPurchasePop .txt01 { 
	margin:0 0 15px;
	font-weight: 500; 
	font-size: 16px;
	text-align: center;
	color: #424242;
}
.mkPurchasePop .pntDl { 
	display:flex;
	gap:10px;
	padding:17px 10px 18px;
	background: #F7F7F7;
	border:1px solid #F0F0F0;
	border-radius: 5px;
	font-weight: 500;
	font-size: 14px;
}
.mkPurchasePop .pntDl dt { 
	flex-shrink:0;
	color: #797979;
}
.mkPurchasePop .pntDl dd { 
	flex-grow:1;
	color: #424242;
}
.mkPurchasePop .pntDl dd span { 
	color: #A82B22; 
}
.mkPurchasePop .totalDl { 
	display:flex;
	align-items:center; 
	gap:10px;
	margin:11px 0 0;
	padding:9px 0 0;
	border-top:1px solid #DBDBDB;
	font-weight: 500; 
	font-size: 14px
}
.mkPurchasePop .totalDl dt { 
	flex-shrink:0;
	color: #797979;
}
.mkPurchasePop .totalDl dd { 
	flex-grow:1;
	text-align: right;
	color: #424242;
}
.mkPurchasePop .totalDl dd span { 
	font-weight: 700; 
	font-size: 1.429em;
	color: #F44336;
}
.mkPurchasePop .btmBox { 
	display:flex;
	justify-content:center; 
	gap:10px;
	margin:21px 0 0;
}
.mkPurchasePop .btmBox .btn { 
	display:block;
	min-width: 174px;
	padding:15px 10px 14px;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.22px;
	text-align: center;
}
.mkPurchasePop .btmBox .btn.st01 { 
	background: #DBDBDB;
	color: #797979;
}
.mkPurchasePop .btmBox .btn.st02 { 
	background: #F44336;
	color: #FFF;
}
@media all and (max-width:1399px){
	.marketWr .mktLst01 li { 
		width: calc((100% - 24px)/3); 
	}
}
@media all and (max-width:999px){
	.marketWr { 
		padding:16px 0 0;
	}
	.marketWr .comTopBox { 
		padding-right:0;
	}
	.marketWr .comTopBox .schBox { 
		position:relative; 
		width: 100%;
		top: auto;
		right: auto;
		margin:10px 0 0;
		transform:translateY(0);
	}
	.marketWr .comTopBox .schBox .iptBox .ipt { 
		padding:8px 30px 7px 8px;
		font-size: 13px;
	}
	.marketWr .comTopBox .schBox .iptBox .btnIco { 
		width: 15px; 
		right: 10px;
	}
	.marketWr .comTopBox .schBox .btnSch { 
		padding:8px 8px 7px;
		font-size: 13px;
	}
	.marketWr .mktInfo01 { 
		margin:0 0 16px;
		padding:10px 10px 9px 30px;
		font-size: 14px;
	}
	.marketWr .mktInfo01:before { 
		width: 16px;
		height: 16px;
		top: 11px;
		left: 10px;
	}
	.marketWr .mktLst01 { 
		gap:8px; 
	}
	.marketWr .mktLst01 li { 
		width: calc((100% - 8px)/2); 
	}
	.marketWr .mktLst01 .imgBox { 
		margin:0 0 8px;
	}
	.marketWr .mktLst01 .kind { 
		margin:0 0 2px;
		font-size: 13px;
	}
	.marketWr .mktLst01 .tit { 
		margin:0;
		font-size: 15px;
	}
	.marketWr .mktLst01 .txt { 
		margin:0 0 8px;
		font-size: 13px;
	}
	.marketWr .mktLst01 .priceBox { 
		margin:0 0 8px;
	}
	.marketWr .mktLst01 .priceBox .calBox { 
		gap:6px; 
	}
	.marketWr .mktLst01 .priceBox .calBox .calBtn { 
		width: 28px; 
		height: 28px;
	}
	.marketWr .mktLst01 .priceBox .calBox .calBtn.stMinus span { 
		width: 8px; 
	}
	.marketWr .mktLst01 .priceBox .calBox .calBtn.stPlus span { 
		width: 8px;
		height: 8px;
	}
	.marketWr .mktLst01 .priceBox .calBox .callNum { 
		font-size: 14px; 
	}
	.marketWr .mktLst01 .priceBox .price { 
		font-size: 14px; 
	}
	.marketWr .mktLst01 .priceBox .price em { 
		font-size: 1.5em; 
	}
	.marketWr .mktLst01 .btn { 
		padding:8px 8px 7px;
		font-size: 14px;
	}
	.mkPurchasePop .popBox { 
		padding:20px;
	}
	.mkPurchasePop .tit01 { 
		margin:0 0 16px;
		padding:0 0 0 24px;
		font-size: 16px;
	}
	.mkPurchasePop .tit01:before { 
		width: 20px;
		height: 20px;
	}
	.mkPurchasePop .txt01 { 
		margin:0 0 10px;
		font-size: 14px;
	}
	.mkPurchasePop .pntDl { 
		padding:13px 10px;
		font-size: 13px;
	}
	.mkPurchasePop .totalDl { 
		gap:8px;
		margin:8px 0 0;
		padding:7px 0 0;
		font-size: 13px;
	}
	.mkPurchasePop .totalDl dd span { 
		font-size: 1.3em; 
	}
	.mkPurchasePop .btmBox { 
		gap:8px;
		margin:10px 0 0;
	}	
	.mkPurchasePop .btmBox .btn { 
		width: calc((100% - 8px)/2);
		min-width: 0;
		padding:8px 8px 7px;
		font-size: 14px;
	}
}
@media all and (max-width:599px){
	.marketWr .mktLst01 li { 
		width: 100%; 
	}
	.marketWr .mktLst01 .priceBox .price { 
		text-align: right;
	}
	.marketWr .mktLst01 .priceBox .price em { 
		font-size: 1.3em; 
	}
}
/* 마켓 끝
------------------------------------------------------ */
/* 마켓 상세 시작
------------------------------------------------------ */
.marketDetailWr .productBox { 
	display:flex;
	gap:40px;
	margin:0 0 40px;
}
.marketDetailWr .productBox .imgBox { 
	flex-shrink:0; 
	position:relative; 
	width: 560px;
	padding:24px;
	border:1px solid #EDEDED;
	border-radius: 5px;
	font-size: 0;
	text-align: center;
}
.marketDetailWr .productBox .imgBox .cateLst { 
	position:absolute; 
	display:flex;
	flex-wrap:wrap; 
	gap:6px;
	top: 10px;
	left: 10px;
	z-index:1;
}
.marketDetailWr .productBox .imgBox .cateLst li { 
	padding:1px 4px;
	border-radius: 5px;
	font-family: Pretendard;
	font-weight: 500;
	font-size: 14px;
	color: #FFF;
}
.marketDetailWr .productBox .imgBox .cateLst li.st01 { 
	background: #F44336; 
}
.marketDetailWr .productBox .imgBox .cateLst li.st02 { 
	background: #FFAE00;
}
.marketDetailWr .productBox .conBox .cate { 
	margin:0 0 13px;
	font-size: 15px; 
	color: #424242;
}
.marketDetailWr .productBox .conBox .tit01 { 
	margin:0 0 8px;
	font-weight: 700;
	font-size: 18px;
	color: #424242;
	word-break:break-all;
}
.marketDetailWr .productBox .conBox .txt01 { 
	margin:0 0 8px;
	font-size: 16px; 
	color: #797979;
	word-break:break-all;
}
.marketDetailWr .productBox .conBox .num { 
	margin:0 0 12px;
	font-weight: 700;
	font-size: 16px;
	color: #424242;
}
.marketDetailWr .productBox .conBox .num em { 
	font-style:normal;
	font-size:1.75em;
	color: #F44336;
}
.marketDetailWr .productBox .conBox .calBox { 
	display:flex;
	align-items:center;
	gap:9px;
}
.marketDetailWr .productBox .conBox .calBox .calBtn { 
	flex-shrink:0;
	position:relative; 
	display:block;
	width: 36px;
	height: 36px;
	background: #F7F7F7;
	border:1px solid #EDEDED;
	border-radius: 5px;
}
.marketDetailWr .productBox .conBox .calBox .calBtn span { 
	position:absolute; 
	display:block; 
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin:auto;
}
.marketDetailWr .productBox .conBox .calBox .calBtn.stMinus span { 
	width: 14px; 
	height: 2px;
	background: #999;
	border-radius: 4px;
}
.marketDetailWr .productBox .conBox .calBox .calBtn.stPlus span { 
	width: 14px; 
	height: 14px;
}
.marketDetailWr .productBox .conBox .calBox .calBtn.stPlus span:before,
.marketDetailWr .productBox .conBox .calBox .calBtn.stPlus span:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #999;
	border-radius: 4px;
}
.marketDetailWr .productBox .conBox .calBox .calBtn.stPlus span:before { 
	width: 100%; 
	height: 2px;
	top: 50%;
	left: 0;
	margin:-1px 0 0;
}
.marketDetailWr .productBox .conBox .calBox .calBtn.stPlus span:after { 
	width: 2px; 
	height: 100%;
	top: 0;
	left: 50%;
	margin:0 0 0 -1px;
}
.marketDetailWr .productBox .conBox .calBox .callNum { 
	font-weight: 500; 
	font-size: 16px;
	color: #424242;
}
.marketDetailWr .productBox .conBox .btmBox { 
	margin:83px 0 0;
}
.marketDetailWr .productBox .conBox .btmBox .btn { 
	display:block; 
	padding:13px 121px 15px;
	background: #F44336;
	border:1px solid #F44336;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.22px;
	text-align: center;
	color: #FFF;
	transition:all .3s ease;
}
.marketDetailWr .productBox .conBox .btn:focus,
.marketDetailWr .productBox .conBox .btn:hover { 
	background: #FFF; 
	color: #F44336;
}
.marketDetailWr .mktInfoBox { 
	margin:0 0 40px;
	text-align: center; 
}
.marketDetailWr .mktInfoBox .txt { 
	display:inline-block;
	padding:26px 28px;
	background: #F7F7F7;
	border-radius: 5px;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: -.22px;
	color: #666;
	word-break:break-all;
}
.marketDetailWr .mktBtmBox { 
	text-align: center; 
}
.marketDetailWr .mktBtmBox .lnk { 
	display:inline-flex;
	align-items:center; 
	justify-content:center;
	gap:9px;
	padding:12px 18px 14px;
	background: #EDEDED;
	border:1px solid #DBDBDB;
	border-radius: 5px;
	transition:all .3s ease;
}
.marketDetailWr .mktBtmBox .lnk .bar { 
	flex-shrink:0;
	position:relative; 
	display:block;
	width: 14px;
	height: 12px;
}
.marketDetailWr .mktBtmBox .lnk .bar:before,
.marketDetailWr .mktBtmBox .lnk .bar:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 2px;
	left: 0;
	background: #797979;
	border-radius: 4px;
	transition:all .3s ease;
}
.marketDetailWr .mktBtmBox .lnk .bar:before { 
	top: 0; 
}
.marketDetailWr .mktBtmBox .lnk .bar:after { 
	bottom: 0; 
}
.marketDetailWr .mktBtmBox .lnk .bar span { 
	position:absolute;
	display:block;
	width: 100%;
	height: 2px;
	top: 50%;
	left: 0;
	margin:-1px 0 0;
	background: #797979;
	border-radius: 4px;
	transition:all .3s ease;
}
.marketDetailWr .mktBtmBox .lnk .lnkTxt { 
	font-weight: 700; 
	font-size: 16px;
	color: #999;
	transition:all .3s ease;
}
.marketDetailWr .mktBtmBox .lnk:focus,
.marketDetailWr .mktBtmBox .lnk:hover { 
	background: #FFF;
	border-color: #F44336;
}
.marketDetailWr .mktBtmBox .lnk:focus .bar:before,
.marketDetailWr .mktBtmBox .lnk:hover .bar:before,
.marketDetailWr .mktBtmBox .lnk:focus .bar:after,
.marketDetailWr .mktBtmBox .lnk:hover .bar:after,
.marketDetailWr .mktBtmBox .lnk:focus .bar span,
.marketDetailWr .mktBtmBox .lnk:hover .bar span { 
	background: #F44336; 
}
.marketDetailWr .mktBtmBox .lnk:focus .lnkTxt,
.marketDetailWr .mktBtmBox .lnk:hover .lnkTxt { 
	color: #F44336;
}
@media all and (max-width:999px){	
	.marketDetailWr .productBox { 
		gap:20px; 
		margin:0 0 20px;
	}
	.marketDetailWr .productBox .imgBox { 
		width: 448px;
		padding:16px;
	}
	.marketDetailWr .productBox .imgBox .cateLst li { 
		font-size: 13px; 
	}
	.marketDetailWr .productBox .conBox .cate { 
		margin:0 0 10px;
		font-size: 13px;
	}
	.marketDetailWr .productBox .conBox .tit01 { 
		margin:0 0 5px;
		font-size: 15px;
	}
	.marketDetailWr .productBox .conBox .txt01 { 
		margin:0 0 5px;
		font-size: 14px;
	}
	.marketDetailWr .productBox .conBox .num { 
		margin:0 0 10px;
		font-size: 14px;
	}
	.marketDetailWr .productBox .conBox .num em { 
		font-size: 1.5em; 
	}
	.marketDetailWr .productBox .conBox .calBox { 
		gap:6px; 
	}
	.marketDetailWr .productBox .conBox .calBox .calBtn { 
		width: 28px; 
		height: 28px;
	}
	.marketDetailWr .productBox .conBox .calBox .calBtn.stMinus span { 
		width: 8px; 
	}
	.marketDetailWr .productBox .conBox .calBox .calBtn.stPlus span { 
		width: 8px;
		height: 8px;
	}
	.marketDetailWr .productBox .conBox .calBox .callNum { 
		font-size: 14px; 
	}
	.marketDetailWr .productBox .conBox .btmBox { 
		margin:50px 0 0;
	}
	.marketDetailWr .productBox .conBox .btmBox .btn { 
		padding:10px 50px;
		font-size: 14px;
	}
	.marketDetailWr .mktInfoBox { 
		margin:0 0 20px;
	}
	.marketDetailWr .mktInfoBox .txt { 
		padding:20px;
		font-size: 13px;
	}
	.marketDetailWr .mktBtmBox .lnk { 
		gap:5px;
		padding:10px 15px;
	}
	.marketDetailWr .mktBtmBox .lnk .bar {
		width: 12px;
		height: 10px;
	}
	.marketDetailWr .mktBtmBox .lnk .lnkTxt { 
		font-size: 14px;
	}
}
@media all and (max-width:799px){
	.marketDetailWr .productBox { 
		flex-wrap:wrap; 
	}
	.marketDetailWr .productBox .imgBox,	
	.marketDetailWr .productBox .conBox { 
		width: 100%; 
	}
	.marketDetailWr .productBox .conBox .btmBox { 
		margin:20px 0 0;
	}
}
@media all and (max-width:599px){
	.marketDetailWr .productBox .conBox .btmBox .btn { 
		width: 100%;
		padding:10px;
	}
	.marketDetailWr .mktBtmBox .lnk { 
		width: 100%; 
	}
}
/* 마켓 상세 끝
------------------------------------------------------ */
/* 랭크 시작
------------------------------------------------------ */
.rankWr { 
	padding:24px 0 0;
}
.rankWr .comGbox { 
	max-width: 1015px;
	margin:0 auto;
}
.rankWr .mngRateBox { 
	margin:0 0 20px;
	padding:20px;
	background: #F7F7F7;
	border-radius: 5px;
}
.rankWr .mngRateBox .topBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	margin:0 0 8px;
}
.rankWr .mngRateBox .topBox .tit { 
	font-weight: 500; 
	font-size: 18px;
	color: #212121;
}
.rankWr .mngRateBox .topBox .lnk { 
	position:relative; 
	display:block; 
	padding:0 20px 0 0;
	font-weight: 500;
	font-size: 16px;
	color: #797979;
}
.rankWr .mngRateBox .topBox .lnk:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 50%;
	right: 5px;
	margin:-4px 0 0;
	transform:rotate(45deg);
	border-top:2px solid #797979;
	border-right:2px solid #797979;
}
.rankWr .mngRateBox .lst { 
	display:flex;
	flex-wrap:wrap; 
	gap:12px;
}
.rankWr .mngRateBox .lst li { 
	position:relative; 
	display:flex;
	flex-wrap:wrap; 
	align-items:center; 
	justify-content:space-between; 
	gap:10px;
	width: calc((100% - 24px)/3);
	padding:16px 16px 16px 48px;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
.rankWr .mngRateBox .lst .lstIco { 
	position:absolute; 
	display:block; 
	top: 15px;
	left: 15px;
	font-size: 0;
}
.rankWr .mngRateBox .lst .lstIco img { 
	max-width: 100%; 
}
.rankWr .mngRateBox .lst .lstTit { 
	font-weight: 500; 
	font-size: 16px;
	color: #424242;
}
.rankWr .mngRateBox .lst .lstPer { 
	padding:2px 13px 3px;
	background: #3D5AFE;
	border-radius: 100px;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	color: #FFF;
}
.rankWr .mngRateBox .lst dl { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:5px;
	width: 100%;
	padding:9px 11px 8px;
	background: #F7F7F7;
	border:1px solid #F0F0F0;
	border-radius: 5px;
	font-size: 14px;
	color: #797979;
}
.rankWr .mngRateBox .lst dt { 
	flex-shrink:0; 
}
.rankWr .mngRateBox .lst dd { 
	flex-grow:1;
	text-align: right;
}
.rankWr .rankIndiBox .cateBox { 
	display:flex;
	flex-wrap:wrap; 
	gap:12px;
	margin:0 0 12px;
}
.rankWr .rankIndiBox .cateBox .cateIndi { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	gap: 7px;
	min-width: 120px;
	padding:13px;
	border:1px solid #F0F0F0;
	border-radius: 5px;
	transition:all .3s ease;
}
.rankWr .rankIndiBox .cateBox .cateIndi:before { 
	content:"";
	flex-shrink:0;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-size:cover;
	transition:all .3s ease;
}
.rankWr .rankIndiBox .cateBox .cateIndi .btnTxt { 
	font-weight: 500; 
	font-size: 16px;
	color: #999;
	transition:all .3s ease;
}
.rankWr .rankIndiBox .cateBox .cateIndi:focus,
.rankWr .rankIndiBox .cateBox .cateIndi:hover,
.rankWr .rankIndiBox .cateBox .cateIndi.on { 
	background: #FFF7F6;
	border-color:#F44336;
}
.rankWr .rankIndiBox .cateBox .cateIndi:focus .btnTxt,
.rankWr .rankIndiBox .cateBox .cateIndi:hover .btnTxt,
.rankWr .rankIndiBox .cateBox .cateIndi.on .btnTxt { 
	font-weight: 700;
	color: #F44336;
}
.rankWr .rankIndiBox .cateBox .cateIndi.stAll:before { 
	background-image: url(/Form/_guest/basic/images/rankIndiAll.svg); 
}
.rankWr .rankIndiBox .cateBox .cateIndi.stAll:focus:before,
.rankWr .rankIndiBox .cateBox .cateIndi.stAll:hover:before,
.rankWr .rankIndiBox .cateBox .cateIndi.stAll.on:before { 
	background-image: url(/Form/_guest/basic/images/rankIndiAll_on.svg); 
}
.rankWr .rankIndiBox .cateBox .cateIndi.stSocc:before { 
	background-image: url(/Form/_guest/basic/images/rankIndiSocc.svg); 
}
.rankWr .rankIndiBox .cateBox .cateIndi.stSocc:focus:before,
.rankWr .rankIndiBox .cateBox .cateIndi.stSocc:hover:before,
.rankWr .rankIndiBox .cateBox .cateIndi.stSocc.on:before { 
	background-image: url(/Form/_guest/basic/images/rankIndiSocc_on.svg); 
}
.rankWr .rankIndiBox .cateBox .cateIndi.stBask:before { 
	background-image: url(/Form/_guest/basic/images/rankIndiBask.svg); 
}
.rankWr .rankIndiBox .cateBox .cateIndi.stBask:focus:before,
.rankWr .rankIndiBox .cateBox .cateIndi.stBask:hover:before,
.rankWr .rankIndiBox .cateBox .cateIndi.stBask.on:before { 
	background-image: url(/Form/_guest/basic/images/rankIndiBask_on.svg); 
}
.rankWr .rankIndiBox .cateBox .cateIndi.stBase:before { 
	background-image: url(/Form/_guest/basic/images/rankIndiBase.svg); 
}
.rankWr .rankIndiBox .cateBox .cateIndi.stBase:focus:before,
.rankWr .rankIndiBox .cateBox .cateIndi.stBase:hover:before,
.rankWr .rankIndiBox .cateBox .cateIndi.stBase.on:before { 
	background-image: url(/Form/_guest/basic/images/rankIndiBase_on.svg); 
}
.rankWr .rankIndiBox .lst { 
	display:flex;
	flex-wrap:wrap; 
	gap:10px;
	counter-reset: rankIndi 0;
}
.rankWr .rankIndiBox .lst li { 
	position:relative; 
	display:flex;
	align-items:center; 
	width: calc((100% - 20px)/3);
	padding:1px 24px 1px 43px;
	background: #FFF;
}
.rankWr .rankIndiBox .lst li:before { 
	counter-increment: rankIndi 1;
	content: counter(rankIndi);
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 36px;
	top: 4px;
	left: 0;
	font-weight: 500;
	font-size: 15px;
	text-align: center;
	color: #797979;
}
.rankWr .rankIndiBox .lst li.stTop { 
	padding:20px;
	box-shadow: 0 0 4px 0 rgba(139,139,139,.25);
}
.rankWr .rankIndiBox .lst li.stTop:before { 
	width: 0;
	font-size: 0;
	overflow: hidden;
}
.rankWr .rankIndiBox .lst .gender { 
	flex-shrink:0;
	margin:0 22px 0 0;
	font-size: 0;
}
.rankWr .rankIndiBox .lst .gender img { 
	max-width: 100%; 
}
.rankWr .rankIndiBox .lst .name { 
	flex-grow:1;
	margin:0 8px 0 0;
	font-weight: 500; 
	font-size: 15px;
	color: #212121;
	word-break:break-all;
}
.rankWr .rankIndiBox .lst .per { 
	flex-shrink:0;
	padding:2px 12px;
	background: #FBC02D;
	border-radius: 100px;
	font-weight: 700;
	font-size: 15px;
	text-align: center;
	color: #FFF;
}
.rankWr .rankIndiBox .lst .gradeBox { 
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:8px;
	width: 100%;
	text-align: center;
}
.rankWr .rankIndiBox .lst .gradeImg { 
	max-width: 100%;
	margin:0 0 10px;
	font-size: 0; 
}
.rankWr .rankIndiBox .lst .gradeImg img { 
	max-width: 100%; 
}
.rankWr .rankIndiBox .lst .gradeName { 
	margin:0 0 4px;
	font-weight: 500; 
	font-size: 20px;
	color: #212121;
}
.rankWr .rankIndiBox .lst .gradePer { 
	padding:1px 13px;
	background: #FBC02D;
	border-radius: 100px;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
	color: #FFF;
}
.rankWr .rankIndiBox .lst .gradeGender { 
	padding:0 0 19px;
	font-size: 0; 
}
.rankWr .rankIndiBox .lst .gradeGender img { 
	max-width: 100%; 
}
@media all and (max-width:999px){
	.rankWr { 
		padding:16px 0 0;
	}
	.rankWr .mngRateBox { 
		margin:0 0 16px;
		padding:16px;
	}
	.rankWr .mngRateBox .topBox { 
		gap:6px;
		margin:0 0 6px;
	}
	.rankWr .mngRateBox .topBox .tit { 
		font-size: 15px; 
	}
	.rankWr .mngRateBox .topBox .lnk { 
		padding:0 14px 0 0;
		font-size: 14px;
	}
	.rankWr .mngRateBox .topBox .lnk:after { 
		width: 6px; 
		height: 6px;
		margin:-3px 0 0;
	}
	.rankWr .mngRateBox .lst { 
		gap:8px; 
	}
	.rankWr .mngRateBox .lst li { 
		gap:8px;
		width: calc((100% - 16px)/3);
		padding:10px 10px 10px 36px;
	}
	.rankWr .mngRateBox .lst .lstIco { 
		width: 16px; 
		height: 16px;
		top: 13px;
		left: 13px;
	}
	.rankWr .mngRateBox .lst .lstTit { 
		font-size: 14px; 
	}
	.rankWr .mngRateBox .lst .lstPer { 
		padding:2px 8px 3px;
		font-size: 14px;
	}
	.rankWr .mngRateBox .lst dl { 
		padding:8px 8px 7px;
		font-size: 13px;
	}
	.rankWr .rankIndiBox .cateBox {
		gap:8px;
		margin:0 0 8px;
	}
	.rankWr .rankIndiBox .cateBox .cateIndi { 
		gap:5px;
		width: calc((100% - 24px)/4);
		min-width: 0;
		padding:10px;
	}
	.rankWr .rankIndiBox .cateBox .cateIndi:before { 
		width: 16px;
		height: 16px;
	}
	.rankWr .rankIndiBox .cateBox .cateIndi .btnTxt { 
		font-size: 14px;
	}
	.rankWr .rankIndiBox .lst { 
		gap:8px;
	}
	.rankWr .rankIndiBox .lst li { 
		width: calc((100% - 8px)/2);
		padding:0 0 0 35px;
	}
	.rankWr .rankIndiBox .lst li:before { 
		width: 30px;
		top: 3px;
		font-size: 13px;
	}
	.rankWr .rankIndiBox .lst li.stTop { 
		width: calc((100% - 16px)/3);			
		padding:16px;
	}
	.rankWr .rankIndiBox .lst .gender { 
		width: 20px;
		margin:0 8px 0 0;
	}
	.rankWr .rankIndiBox .lst .name { 
		font-size: 13px;
	}
	.rankWr .rankIndiBox .lst .per { 
		padding:2px 8px;
		font-size: 13px;
	}
	.rankWr .rankIndiBox .lst .gradeBox { 
		align-items:center; 
	}
	.rankWr .rankIndiBox .lst .lBox { 
		position:relative; 
		min-height: 53px;
		padding:4px 0 0 63px;
		text-align: left;
	}
	.rankWr .rankIndiBox .lst .gradeImg { 
		position:absolute; 
		width: 53px;
		top: 0;
		left: 0;
		margin:0;
	}
	.rankWr .rankIndiBox .lst .gradeName { 
		margin:0 0 2px;
		font-size: 16px;
	}
	.rankWr .rankIndiBox .lst .gradePer { 
		display:inline-block; 
		padding:1px 8px;
		font-size: 15px;
	}
	.rankWr .rankIndiBox .lst .gradeGender { 
		width: 56px;
		padding:0 0 10px;
	}
}
@media all and (max-width:799px){
	.rankWr .mngRateBox .lst li,
	.rankWr .rankIndiBox .lst li.stTop { 
		width: 100%;
	}
}
@media all and (max-width:599px){	
	.rankWr .mngRateBox .lst dt,
	.rankWr .rankIndiBox .lst li { 
		width: 100%;
	}
	.rankWr .mngRateBox .lst dl { 
		flex-wrap:wrap;
		gap:0;
	}
}
/* 랭크 끝
------------------------------------------------------ */
/* 팔로워 시작
------------------------------------------------------ */
.followerWr .comGbox { 
	max-width: 700px; 
	margin:0 auto;
}
.followerWr .userStatBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	margin:0 0 18px;
	padding:0 0 20px;
	border-bottom:1px solid #DBDBDB;
}
.followerWr .userStatBox .userBox { 
	flex-grow:1;
	position:relative;
	min-height: 70px;
	padding:12px 0 0 77px;
}
.followerWr .userStatBox .userBox .imgBox { 
	position:absolute; 
	top: 0;
	left: 0;
	font-size: 0; 
}
.followerWr .userStatBox .userBox .imgBox img { 
	max-width: 100%; 
}
.followerWr .userStatBox .userBox .topBox { 
	display:flex;
	flex-wrap:wrap; 
	align-items:center;
	gap:13px;
	margin:0 0 6px;
}
.followerWr .userStatBox .userBox .name {
	font-weight: 700; 
	font-size: 20px;
	color: #212121;
}
.followerWr .userStatBox .userBox .per { 
	padding:2px 13px 1px;
	background: #FBC02D;
	border-radius: 100px;
	font-weight: 700;
	font-size: 16px;
	color: #FFF;
}
.followerWr .userStatBox .userBox .txt { 
	font-size: 14px; 
	color: #212121;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.followerWr .userStatBox .statLst { 
	flex-shrink:0;
	display:flex;
	flex-wrap:wrap; 
	gap:12px;
}
.followerWr .userStatBox .statLst li { 
	position:relative; 
	display:flex;
	align-items:center;
	justify-content:space-between; 
	gap:14px;
	padding:13px 11px 12px 39px;
	border:1px solid #EDEDED;
	border-radius: 5px;
	font-size: 16px;
}
.followerWr .userStatBox .statLst li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top: 14px;
	left: 14px;
	background-repeat: no-repeat;
	background-size:cover;
}
.followerWr .userStatBox .statLst li.st01:before { 
	background-image: url(/Form/_guest/basic/images/followIco01.svg); 
}
.followerWr .userStatBox .statLst li.st02:before { 
	background-image: url(/Form/_guest/basic/images/followIco02.svg); 
}
.followerWr .userStatBox .statLst .lstTxt01 { 
	font-weight: 500;
	color: #424242;
}
.followerWr .userStatBox .statLst .lstNum01 { 
	font-weight: 700; 
	color: #F44336;
}
.followerWr .followLstBox .tit01 { 
	margin:0 0 20px;
	font-weight: 700;
	font-size: 20px;
	color: #212121;
}
.followerWr .followLstBox .tit01 span {
	color:#F44336;
}
.followerWr .followLstBox .schBox { 
	position:relative; 
	display:block; 
	margin:0 0 24px;
}
.followerWr .followLstBox .schBox .ipt { 
	width: 100%;
	padding:10px 40px 10px 11px;
	border:1px solid #EDEDED;
	border-radius: 5px;
	font-size: 14px;
	color: #424242;
}
.followerWr .followLstBox .schBox .ipt::placeholder { 
	color: #999; 
}
.followerWr .followLstBox .schBox .btn { 
	position:absolute; 
	display:block; 
	top: 50%;
	right: 12px;
	transform:translateY(-50%);
	font-size: 0;
}
.followerWr .followLstBox .schBox .btn img { 
	max-width: 100%; 
}
.followerWr .followLst li { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:10px;
	margin:0 0 24px;
}
.followerWr .followLst li:last-child { 
	margin:0;
}
.followerWr .followLst .lstLBox { 
	position:relative; 
	min-height: 56px;
	padding:5px 0 0 63px;
}
.followerWr .followLst .lstLBox .imgBox { 
	position:absolute; 
	top: 0;
	left: 0;
	font-size: 0;
}
.followerWr .followLst .lstLBox .imgBox img { 
	max-width: 100%; 
}
.followerWr .followLst .lstLBox .userBox { 
	display:flex;
	flex-wrap:wrap; 
	align-items:center; 
	gap:14px;
	margin:0 0 7px;
}
.followerWr .followLst .lstLBox .userBox .name { 
	font-weight: 700;
	font-size: 18px;
	color: #212121;
}
.followerWr .followLst .lstLBox .userBox .per { 
	padding:2px 13px;
	border-radius: 100px;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	color: #FFF;
}
.followerWr .followLst .lstLBox .userBox .per.st01 { 
	background: #3D5AFE; 
}
.followerWr .followLst .lstLBox .userBox .per.st02 { 
	background: #FBC02D;
}
.followerWr .followLst .lstLBox .txt { 
	font-size: 14px;
	color: #212121;
}
.followerWr .followLst .lstRBox { 
	flex-shrink:0;
	display:flex;
	gap:7px;
}
.followerWr .followLst .lstRBox .btnFollow { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:8px;
	min-width: 100px;
	padding:9px 9px 8px;
	border:1px solid #F44336;
	border-radius: 5px;
}
.followerWr .followLst .lstRBox .btnFollow span { 
	display:block; 
}
.followerWr .followLst .lstRBox .btnFollow .plus { 
	position:relative; 
	width: 14px;
	height: 14px;
}
.followerWr .followLst .lstRBox .btnFollow .plus:before,
.followerWr .followLst .lstRBox .btnFollow .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #F44336;
	border-radius: 4px;
}
.followerWr .followLst .lstRBox .btnFollow .plus:before { 
	width: 100%; 
	height: 2px;
	top: 50%;
	left: 0;
	margin:-1px 0 0;
}
.followerWr .followLst .lstRBox .btnFollow .plus:after { 
	width: 2px; 
	height: 100%;
	top: 0;
	left: 50%;
	margin:0 0 0 -1px;
}
.followerWr .followLst .lstRBox .btnFollow .btnIco { 
	font-size: 0; 
}
.followerWr .followLst .lstRBox .btnFollow .btnIco img { 
	max-width: 100%; 
}
.followerWr .followLst .lstRBox .btnFollow .btnTxt { 
	font-weight: 700; 
	font-size: 16px;
}
.followerWr .followLst .lstRBox .btnFollow.st01 .btnTxt { 
	color: #F44336;
}
.followerWr .followLst .lstRBox .btnFollow.st02 { 
	background: #F44336; 
}
.followerWr .followLst .lstRBox .btnFollow.st02 .btnTxt { 
	color: #FFF;
}
.followerWr .followLst .lstRBox .btnMail { 
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 40px;
	height: 40px;
	background: #F44336;
	border-radius: 5px;
	font-size: 0;
}
@media all and (max-width:999px){
	.followerWr .userStatBox { 
		margin:0 0 10px;
		padding:0 0 16px;
	}
	.followerWr .userStatBox .userBox { 
		min-height: 56px;
		padding:8px 0 0 66px;
	}
	.followerWr .userStatBox .userBox .imgBox { 
		width: 56px; 
	}
	.followerWr .userStatBox .userBox .topBox { 
		gap:8px;
		margin:0 0 4px;
	}
	.followerWr .userStatBox .userBox .name { 
		font-size: 16px; 
	}
	.followerWr .userStatBox .userBox .per { 
		padding:2px 10px 1px;
		font-size: 14px;
	}
	.followerWr .userStatBox .userBox .txt { 
		font-size: 13px; 
	}
	.followerWr .userStatBox .statLst { 
		gap:8px; 
	}
	.followerWr .userStatBox .statLst li { 
		gap:8px;
		padding:10px 10px 9px 30px;
		font-size: 14px;
	}
	.followerWr .userStatBox .statLst li:before { 
		width: 15px; 
		height: 15px;
		top: 12px;
		left: 10px;
	}
	.followerWr .followLstBox .tit01 { 
		margin:0 0 5px;
		font-size: 16px;
	}
	.followerWr .followLstBox .schBox { 
		margin:0 0 16px;
	}
	.followerWr .followLstBox .schBox .ipt { 
		padding:8px 30px 8px 8px;
		font-size: 13px;
	}
	.followerWr .followLstBox .schBox .btn { 
		width: 16px;
		right: 8px;
	}
	.followerWr .followLst li { 
		margin:0 0 16px;
	}
	.followerWr .followLst .lstLBox { 
		min-height: 45px;
		padding:3px 0 0 55px;
	}
	.followerWr .followLst .lstLBox .imgBox { 
		width: 45px; 
	}
	.followerWr .followLst .lstLBox .userBox { 
		gap:8px;
		margin:0 0 5px;
	}
	.followerWr .followLst .lstLBox .userBox .name { 
		font-size: 15px; 
	}
	.followerWr .followLst .lstLBox .userBox .per { 
		padding:2px 10px;
		font-size: 14px;
	}
	.followerWr .followLst .lstLBox .txt { 
		font-size: 13px; 
	}
	.followerWr .followLst .lstRBox .btnFollow { 
		gap:6px;
		min-width: 80px;
		padding:6px;
	}
	.followerWr .followLst .lstRBox .btnFollow .plus { 
		width: 10px;
		height: 10px;
	}
	.followerWr .followLst .lstRBox .btnFollow .btnIco { 
		width: 15px; 
	}
	.followerWr .followLst .lstRBox .btnFollow .btnTxt { 
		font-size: 14px; 
	}
	.followerWr .followLst .lstRBox .btnMail { 
		width: 32px;
		height: 32px;
	}	
	.followerWr .followLst .lstRBox .btnMail img { 
		width: 15px; 
	}
}
@media all and (max-width:799px){
	.followerWr .userStatBox { 
		flex-wrap:wrap; 
	}
	.followerWr .userStatBox .userBox { 
		width: 100%; 
	}
	.followerWr .userStatBox .statLst { 
		width: 100%;
		padding:0 0 0 66px;
	}
}
@media all and (max-width:599px){
	.followerWr .userStatBox .userBox .topBox { 
		gap:3px; 
	}
	.followerWr .userStatBox .userBox .per { 
		width: 100%; 
		text-align: center;
	}
	.followerWr .followLst li { 
		flex-wrap:wrap;
		gap:8px;
	}
	.followerWr .followLst .lstLBox .userBox,
	.followerWr .followLst .lstLBox .userBox .per { 
		width: 100%; 
	}
	.followerWr .followLst .lstLBox .userBox { 
		gap:5px; 
	}
	.followerWr .followLst .lstRBox { 
		width: 100%;
		padding:0 0 0 55px;
	}
}
/* 팔로워 끝
------------------------------------------------------ */
/* 나의 거래 내역 시작
------------------------------------------------------ */
.myDealHisWr { 
	padding:24px 0 0;
}
.myDealHisWr .comGbox { 
	max-width: 1024px;
	margin:0 auto;
}
.myDealHisWr .cateBox { 
	display:flex;
	flex-wrap:wrap; 
	gap:12px;
	margin:0 0 10px;
}
.myDealHisWr .cateBox .btnCate { 
	display:block; 
	min-width: 130px;
	padding:12px 10px 13px;
	border:1px solid #F0F0F0;
	border-radius: 5px;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	color: #999;
	transition:all .3s ease;
}
.myDealHisWr .cateBox .btnCate:focus,
.myDealHisWr .cateBox .btnCate:hover,
.myDealHisWr .cateBox .btnCate.on { 
	background: #FFF7F6;
	border-color:#F44336;
	font-weight: 700;
	color: #F44336;
}
.myDealHisWr .dealConBox { 
	display:none; 
}
.myDealHisWr .dealConBox.on { 
	display:block; 
}
.myDealHisWr .tblBox02 table { 
	min-width: 980px; 
}
.myDealHisWr .tblBox02 tbody td { 
	color: #424242; 
}
.myDealHisWr .btnReturn { 
	position:relative; 
	display:inline-block; 
	padding:0 9px 0 0;
	font-size: 13px;
	color: #797979;
	transition:all .3s ease;
}
.myDealHisWr .btnReturn:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 6px;
	height: 6px;
	top: 50%;
	right: 0;
	margin:-4px 0 0;
	transform:rotate(45deg);
	border-top:1px solid #797979;
	border-right:1px solid #797979;
}
.myDealHisWr .btnReturn:focus,
.myDealHisWr .btnReturn:hover { 
	color: #F44336;
}
.myDealHisWr .btnReturn:focus:after,
.myDealHisWr .btnReturn:hover:after { 
	border-color: #F44336;
}
.mdReturnPop .popBox { 
	position:absolute; 
	width: 485px;
	max-width: 90%;
	top: 50%;
	left: 50%;
	padding:40px;
	transform:translate(-50%, -50%);
	background: #FFF;
	border-radius: 5px;
}
.mdReturnPop .topBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:10px;
	margin:0 0 36px;
}
.mdReturnPop .topBox .tit { 
	position:relative; 
	padding:0 0 0 27px;
	font-weight: 700;
	font-size: 20px;
	color: #212121;
}
.mdReturnPop .topBox .tit:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top: 0;
	left: 0;
	background:url(/Form/_guest/basic/images/mdReturnPop01.svg) no-repeat;
	background-size:cover;
}
.mdReturnPop .topBox .popClose { 
	position:relative; 
	display:block; 
	width: 24px;
	height: 24px;
}
.mdReturnPop .topBox .popClose:before,
.mdReturnPop .topBox .popClose:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -10px;
	background: #999;
	border-radius: 4px;
}
.mdReturnPop .topBox .popClose:before { 
	transform:rotate(45deg); 
}
.mdReturnPop .topBox .popClose:after { 
	transform:rotate(-45deg); 
}
.mdReturnPop .iptTit { 
	margin:0 0 9px;
	font-weight: 500; 
	font-size: 14px;
	color: #424242;
}
.mdReturnPop .iptTxt { 
	min-height: 82px;
	padding:11px 12px;
	background: #F7F7F7; 
	border-radius: 5px;
	font-weight: 500;
	font-size: 13px;
	letter-spacing: -.22px;
	color: #424242;
}
@media all and (max-width:999px){
	.myDealHisWr { 
		padding:16px 0 0;
	}
	.myDealHisWr .cateBox { 
		gap:10px;
		margin:0 0 8px;
	}
	.myDealHisWr .cateBox .btnCate {
		padding:8px 8px 7px;
		font-size: 14px;
	}
	.mdReturnPop .popBox { 
		padding:20px;
	}
	.mdReturnPop .topBox { 
		margin:0 0 10px;
	}
	.mdReturnPop .topBox .tit {
		padding:0 0 0 20px;
		font-size: 16px;
	}
	.mdReturnPop .topBox .tit:before {
		width: 16px;
		height: 16px;
	}
	.mdReturnPop .topBox .popClose { 
		width: 16px;
		height: 16px;
	}
	.mdReturnPop .topBox .popClose:before,
	.mdReturnPop .topBox .popClose:after { 
		width: 14px;
		margin:-1px 0 0 -7px;
	}
	.mdReturnPop .iptTit { 
		margin:0 0 7px;
		font-size: 13px;
	}
	.mdReturnPop .iptTxt { 
		min-height: 70px;
		padding:8px;
	}
}
/* 나의 거래 내역 끝
------------------------------------------------------ */