/* 서브 디자인 관련  ===================================================================================== */ 
.sub_title_txt01			{font-size:27px;color:#333; letter-spacing:-3px;padding:0 0 10px 5px;}

.sub_btn01 					{display:inline-block;zoom:1;*display:inline;text-align:center;border:1px solid #ffbfab;background:#fff;color:#eb3b04;padding:0 25px;min-width:35px;line-height:35px;margin:0 1px;cursor:pointer;}

.match_btn                     {display:inline-block;zoom:1;*display:inline;text-align:center;border:1px solid #eb3b04;background:#eb3b04;color:#fff;padding:0 25px;min-width:35px;line-height:35px;margin:0 1px;cursor:pointer;}

.room_join_btn                     {display:inline-block;zoom:1;*display:inline;text-align:center;border:1px solid #A0D9E2;background:#A0D9E2;color:#fff;padding:0 25px;min-width:35px;line-height:35px;margin:0 1px;cursor:pointer;}

.match_btn2                    {display:inline-block;zoom:1;*display:inline;text-align:center;border:1px solid #2f2f2f;background:#2f2f2f;color:#fff;padding:0 25px;min-width:35px;line-height:35px;margin:0 1px;cursor:pointer;}


/* 스탬프 출석현황  ===================================================================================== */ 

.stampinfo_wrap			{overflow:hidden;}
.stampinfo_wrap li			{float:left;width:31%;margin-right:2%;margin-bottom:20px;}

.stampinfo_wrap li .wrap	{overflow:hidden;border:1px solid #e7e7e7;}
.stampinfo_img				{float:left;width:40%;height:110px;  background:#A0D9E2; }
.stampinfo_img .tit1		    {text-align:center; vertical-align:middle; font-size:30px; margin-top:25px; font-weight:bold; }
.stampinfo_img	img			{width:100%;height:100%;object-fit:cover;}
.stampinfo_info			{float:right;width:60%;height:110px;}
.stampinfo_info_wrap		{border-left:1px solid #e7e7e7; min-height:110px;}
.stampinfo_info .tit		{text-align:center; vertical-align:middle; font-size:40px;font-weight:bold; margin-top:50px;  }
.stampinfo_info .add		{color:#eb3b04;margin-bottom:10px;border-bottom:10px;}
.stampinfo_info dl			{padding:5px 0 0 0;overflow:hidden;}
.stampinfo_info dl dt		{float:left;width:30%;color:#181818;background:url('../image/acc01.png') no-repeat 0 8px;background-size:4px;text-indent:10px;}
.stampinfo_info dl dd		{float:right;width:68%;color:#717171;}


.top_count					{color:#565656;margin-bottom:10px;font-size:1em;}
.stamp_info_wrap			{overflow:hidden;}

.stamp_wrap .ct		{float:right;width:99%;}
.stamp_table_content		{}
.stamp_table_title			{background:#888;text-align:center;height:50px;line-height:50px;margin-bottom:10px;border:1px solid #777;}
.stamp_table_title .prev, .stamp_table_title .next	{padding:3px 8px;border:1px solid #979797;background:#787878;}
.stamp_table_title .prev img, .stamp_table_title .next img	{width:5px;}
.stamp_table_title #stamp_table_year	{color:#fff;font-size:17px;padding:0 2px 0 15px;}
.stamp_table_title #stamp_table_month	{color:#fff;font-size:17px;padding:0 15px 0 0;}

.stamp1 img {width:50px; height:50px;}
.stamp2 img {width:50px; height:50px;}

.stamp_table				{border-collapse:collapse;  width:100%;table-layout:fixed;}  
.stamp_table thead			{border:1px solid #e7e7e7;}
.stamp_table thead th		{background-color:#f6f6f6;text-align:center;color:#4e4e4e; font-family: 'Roboto';padding:15px 0; line-height:110%;}
.stamp_table tbody td		{text-align:center;background-color:#f6f6f6;padding:7px; border:solid 1px #e7e7e7;height:60px;vertical-align:top;} 
.stamp_table .day			{text-align:left;color:#4e4e4e;font-size:15px;font-family: 'Roboto';}
.stamp_table .txt			{text-decoration:underline;color:#eb3b04;font-weight:bold;padding-top:10px;}
.stamp_table .today			{background:#A0D9E2;border:1px solid #A0D9E2;color:#fff;}
.stamp_table .selectday		{background:#0018ff;border:1px solid #0018ff;color:#fff;}
.stamp_table .today .day, .match_table .today .txt, .match_table .selectday .day, .match_table .selectday .txt	{color:#fff;}

.reply_list_off				{display:none;}
.reply_list_on				{display:block;}

/* Tablet screen 1024 */
@media screen and (max-width:1024px) {

	

}


/* Mobile screen 768 */
@media screen and (max-width:768px) {

	.stampinfo_img				{float:left;width:40%;height:60px;  background:#A0D9E2; }
	.stampinfo_info			{float:right;width:60%;height:60px;}

	.stampinfo_img .tit1		{text-align:center; vertical-align:middle; font-size:20px; margin-top:7px; font-weight:bold; }
	.stampinfo_info .tit		{text-align:center; vertical-align:middle; font-size:17px;font-weight:bold; margin-top:4px;  }

}


/* Mobile screen 680 */
@media screen and (max-width:680px) {

	.stampinfo_img				{float:left;width:40%;height:60px;  background:#A0D9E2; }
	.stampinfo_info			{float:right;width:60%;height:60px;}

	.stampinfo_img .tit1		{text-align:center; vertical-align:middle; font-size:16px; margin-top:7px; font-weight:bold; }
	.stampinfo_info .tit		{text-align:center; vertical-align:middle; font-size:15px;font-weight:bold; margin-top:2px;  }
}


/* Mobile screen 580 */
@media screen and (max-width:580px) {

	.stampinfo_img .tit1		{text-align:center; vertical-align:middle; font-size:16px; margin-top:7px; font-weight:bold; }
	.stampinfo_info .tit		{text-align:center; vertical-align:middle; font-size:14px;font-weight:bold; margin-top:2px;  }

}



/* Tablet screen 1024 */
@media screen and (max-width:1024px) {

	.vs_box .team_wrap			{padding:60px 30px;}
	.vs_box .team_wrap .vs		{margin:50px 0 0 3%;}

}


/* Mobile screen 850 */
@media screen and (max-width:850px) {


}


/* Mobile screen 768 */
@media screen and (max-width:768px) {


}

/* Mobile screen 480 */
@media screen and (max-width:480px) {

}



/* Tablet screen 1024 */
@media screen and (max-width:1024px) {


}


/* Mobile screen 768 */
@media screen and (max-width:768px) {

}


/* Mobile screen 580 */
@media screen and (max-width:580px) {


}


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

}



/* Tablet screen 1024 */
@media screen and (max-width:1024px) {

}

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


}

/* Mobile screen 768 */
@media screen and (max-width:768px) {


	.stamp1 img {width:32px; height:32px;}
	.stamp2 img {width:32px; height:32px;}

	.stampinfo_img				{float:left;width:40%;height:60px;border-bottom:0;}
	.stampinfo_info_wrap		{border-left:1px solid #e7e7e7;padding:20px 15px 0 15px;min-height:60px;}
}



/* Mobile screen 480 */
@media screen and (max-width:480px) {

	
	.stamp1 img {width:30px; height:30px;}
	.stamp2 img {width:30px; height:30px;}

	.stampinfo_img				{float:left;width:40%;height:60px;border-bottom:0;}
	.stampinfo_info_wrap		{border-left:1px solid #e7e7e7;padding:20px 15px 0 15px;min-height:60px;}

}

.team_info_wrap            {overflow:hidden;}
.team_info_wrap .lt        {float:left;width:40%;}

.team_info_wrap .team_box .team01            {background:#A0D9E2;text-align:center;padding:80px 0 0 0 ;height:160px;}
.team_info_wrap .team_box .team01 .img        {width:120px;height:120px;margin:0 auto;}
.team_info_wrap .team_box .team01 .img    img    {width:100%;height:100%;border-radius:60px;object-fit:cover;}
.team_info_wrap .team_box .team01 dt        {color:#fff;font-size:22px;font-weight:bold;padding:25px 0 10px 0;}
.team_info_wrap .team_box .team01 dd        {color:#fff;font-size:15px;height:35px;line-height:35px;width:190px;margin:0 auto;background:url('../image/match/team_bg.png') repeat-x;border-radius:50px;}
.team_info_wrap .team_box .team01 .like        {padding:10px 0 0 0;}
.team_info_wrap .team_box .team02 .top        {height:50px;line-height:50px;border:1px solid #e7e7e7;text-align:center;color:#eb3b04;font-size:17px;}
.team_info_wrap .team_box .team02 .comment    {line-height:25px;border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;text-align:left;color:#333;font-size:13px;padding:15px 10px;}
.team_info_wrap .team_box .team02 ul        {overflow:hidden;margin-top:-1px;border-left:1px solid #e7e7e7;}
.team_info_wrap .team_box .team02 ul li        {float:left;width:50%;height:51px;line-height:51px;color:#181818;border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;margin-left:-1px;
                                            background:url('../image/match/m_acc01.png') no-repeat 12px 22px;background-size:4px;text-indent:20px;}
.team_info_wrap .team_box .team02 ul li span    {color:#717171;border-left:1px solid #b2b2b2;padding-left:9px;margin-left:10px;letter-spacing:-0.8px;}

.team_info_wrap .rt            {float:right;width:58%;}
.team_table                    {border-collapse:collapse;  width:100%;table-layout:fixed;}
.team_table thead            {border:1px solid #777;}
.team_table thead th        {background-color:#888;font-size:17px;font-weight:normal;text-align:center;color:#fff; padding:15px 0; line-height:110%;}
.team_table tbody            {border:solid 1px #e7e7e7;font-size:13px;color:#4c4c4c;}
.team_table tbody td        {text-align:center;background-color:#fff;padding:11px; border-bottom:solid 1px #e7e7e7;}
.team_table .level            {margin-right:7px;}
.team_table .level img        {width:19px;border:1px solid #d3d3d3;border-radius:2px;}

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

    .team_box                {overflow:hidden;margin-bottom:10px;}
    .team_info_wrap .lt        {float:none;width:100%;}
    .team_info_wrap .team_box .team01    {float:left;width:50%;height:471px;padding:0;}
    .team_info_wrap .team_box .team01 .img    {margin-top:60px;}
    .team_info_wrap .team_box .team02    {float:right;width:50%;}
    .team_info_wrap .team_box .team02 ul li    {float:none;width:100%;}

    .team_info_wrap .rt            {float:none;width:100%;}

}


/* Mobile screen 768 */
@media screen and (max-width:768px) {

    .team_info_wrap .team_box .team01 dt    {font-size:1.3em;}
    .team_info_wrap .team_box .team01 .img    {margin-top:65px;}
    .team_info_wrap .team_box .team02 .top    {font-size:1.2em;}
    .team_table thead th                    {font-size:15px;padding:12px 0;}


}


/* Mobile screen 580 */
@media screen and (max-width:580px) {

    .team_info_wrap .team_box .team01        {float:none;width:100%;height:100%;padding:30px 0;}
    .team_info_wrap .team_box .team01 .img    {margin-top:0;width:100px;height:100px;}
    .team_info_wrap .team_box .team01 dt    {padding:10px 0;}
    .team_info_wrap .team_box .team02        {float:none;width:100%;}
    .team_info_wrap .team_box .team02 ul li    {height:48px;line-height:48px;}

}


.team_match_wrap            {overflow:hidden;}
.team_match_wrap li            {float:left;width:49%;margin-bottom:20px;}
.team_match_wrap li:nth-child(odd)        {margin-right:1.5%;}

.team_match_wrap .team_wrap            {padding:25px 0;overflow:hidden;border:1px solid #e7e7e7;}
.team_match_wrap .team_wrap dl        {float:left;width:40%;text-align:center;}
.team_match_wrap .team_wrap .rt        {float:right;}
.team_match_wrap .team_wrap dl dt    {color:#2f2f2f;font-size:21px;font-weight:bold;padding:12px 0 7px 0;}
.team_match_wrap .team_wrap dl dd    {color:#fff;height:35px;line-height:35px;background:#959999;border-radius:50px;width:168px;margin:0 auto;}
.team_match_wrap .team_wrap .more    {text-align:left;text-indent:7px;font-size:13px;color:#757979;border:1px solid #e7e7e7;width:60px;height:20px;line-height:21px;margin:10px auto 0 auto;border-radius:2px;
                                    background:url('../image/team/t_acc01.png') no-repeat 90% 48%;background-size:5px;}
.team_match_wrap .team_wrap .vs        {float:left;margin:10px 5% 0 5%;text-align:center;width:50px;height:50px;line-height:50px;background:#000;color:#fff;border-radius:50px;font-size:15px;font-weight:bold;}
.team_match_wrap .team_wrap .img        {width:69px;height:69px;margin:0 auto;}
.team_match_wrap .team_wrap .img img    {width:100%;height:100%;border-radius:50px;object-fit:cover;border:1px solid #cbcbcb;}
.team_match_wrap .team_wrap .score        {color:#2f2f2f;font-family: 'Roboto';font-size:35px;font-weight:bold;height:69px;line-height:69px;}
.team_match_wrap .info                    {background:#fafafa;border:1px solid #e7e7e7;border-top:0;}
.team_match_wrap .info ul                {padding:20px 15px;overflow:hidden;}
.team_match_wrap .info li                {color:#4c4c4c;background:url('../image/match/m_acc01.png') no-repeat 0 7px;background-size:4px;text-indent:10px;margin:0;}
.team_match_wrap .info .info01            {float:left;width:25%;}
.team_match_wrap .info .info02            {float:left;width:40%;}
.team_match_wrap .info .info03            {float:right;width:30%;}


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

    .team_match_wrap .team_wrap .vs        {margin:10px 3% 0 6%;}

}



/* Tablet screen 1024 */
@media screen and (max-width:1024px) {

    .team_match_wrap .team_wrap            {padding:20px;}
    .team_match_wrap .team_wrap .vs        {margin:10px 0 0 4%;}
    .team_match_wrap .team_wrap .score    {font-size:30px;}
    .team_match_wrap .team_wrap dl dd    {width:100%;}
    .team_match_wrap .info .info01        {float:none;width:100%;margin-bottom:3px;}
    .team_match_wrap .info .info02        {float:none;width:100%;margin-bottom:3px;}
    .team_match_wrap .info .info03        {float:none;width:100%;}


}

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

    .team_match_wrap .team_wrap .score    {font-size:25px;}

}

/* Mobile screen 768 */
@media screen and (max-width:768px) {

    .team_match_wrap .info ul            {padding:10px;}
    .team_match_wrap li                    {float:none;width:100%;margin-bottom:10px;}
    .team_match_wrap li:nth-child(odd)        {margin-right:0;}

    .team_match_wrap .team_wrap dl dt    {font-size:1.2em;}
    .team_match_wrap .team_wrap .score    {font-size:30px;}
    .team_match_wrap .team_wrap .vs        {margin:10px 0 0 6.5%;}

    .stamp1 img {width:32px; height:32px;}
    .stamp2 img {width:32px; height:32px;}

    .stampinfo_img                {float:left;width:40%;height:60px;border-bottom:0;}
    .stampinfo_info_wrap        {border-left:1px solid #e7e7e7;padding:20px 15px 0 15px;min-height:60px;}
}



/* Mobile screen 480 */
@media screen and (max-width:480px) {

    .team_match_wrap .team_wrap .img    {width:60px;height:60px;}
    .team_match_wrap .team_wrap .score    {font-size:22px;}
    .team_match_wrap .team_wrap .vs        {width:35px;height:35px;line-height:35px;margin:15px 0 0 5.5%;}
    
    .stamp1 img {width:30px; height:30px;}
    .stamp2 img {width:30px; height:30px;}

    .stampinfo_img                {float:left;width:40%;height:60px;border-bottom:0;}
    .stampinfo_info_wrap        {border-left:1px solid #e7e7e7;padding:20px 15px 0 15px;min-height:60px;}

}