
.match_home_big_btn		{display:inline-block;text-align:center;width:45%;max-width:180px;line-height:45px;height:45px;color:#fff;background:#eb3b04;font-size:1.2em; border:1px solid #eb3b04; cursor:pointer; vertical-align:top;}
.match_home_big_black	{display:inline-block;text-align:center;width:45%;max-width:180px;line-height:45px;height:45px;color:#fff;background:#2f2f2f;font-size:1.2em; border:1px solid #222; cursor:pointer; vertical-align:top;}
.match_home_btn01		{display:inline-block;line-height:20px;padding:0 8px;color:#fff;background:#f98d3e;border:1px solid #f77d31;font-size:12px;} /* 주황색 작은 버튼 */


/* 매치등록 FORM */

.matchform_list_box					{overflow:hidden;color:#333;line-height:40px;background:#fff;border-top:2px solid #555;border-bottom:1px solid #ddd;}
.matchform_list_box .notice			{line-height:160%;padding:10px 0;color:#777;}
.matchform_list_box div.title1			{float:left;width:13%;font-weight:bold;text-align:center;border-top:1px solid #ddd;}
.matchform_list_box div.content1		{float:left;width:calc(37% - 11px);border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;}
.matchform_list_box div.content1_col	{float:left;width:calc(87% - 11px);border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;}
.matchform_list_box div.title2			{float:left;width:calc(13% - 1px);font-weight:bold;text-align:center;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.matchform_list_box div.title3			{float:left;width:13%;font-weight:bold;text-align:center;border-top:1px solid #ddd;}
.matchform_list_box div.content2		{float:left;width:calc(37% - 11px);border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;}
.matchform_list_box div.content3		{float:left;width:calc(87% - 11px);border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;}
.matchform_list_box .input_form		{border-color:#f3f3f3;background:#f3f3f3;}


/* 매치신청목록 */
.matchjoin_head						{overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background: #888; }
.matchjoin_head div.sel				{float:left;width:10%;}
.matchjoin_head div.team			{float:left;width:20%;} 
.matchjoin_head div.cont			{float:left;width:45%;}
.matchjoin_head div.date			{float:left;width:25%;}

.matchjoin_list						{overflow:hidden;}
.matchjoin_list li					{overflow:hidden;text-align:center; padding:10px 0;border-bottom:1px solid #ccc; }
.matchjoin_list li .sel				{float:left;width:10%;color:#555;}
.matchjoin_list li .team			{float:left;width:20%;color:#555;}
.matchjoin_list li .cont			{float:left;width:45%;color:#555;}
.matchjoin_list li .date			{float:left;width:25%;color:#555;}


.comment_view				{border-top:1px solid #eee;padding:10px 0;overflow:hidden;}
.comment_view .name			{padding:0 0 0 10px;line-height:130%;color:#74ACE6;font-weight:bold;margin-bottom:2px;}
.comment_view .name img		{width:25px;height:25px;border-radius:20px;margin-right:5px;border:1px solid #cbcbcb;}
.comment_view .name span	{font-size:10px;color:#999;font-family:'Tahoma';}
.comment_view .content		{padding:3px 0 0 10px;line-height:130%;}


/* mobie screen 900 */
@media screen and (max-width:900px){

	.matchform_list_box div.title1			{width:25%}
	.matchform_list_box div.content1		{width:calc(75% - 11px);}
	.matchform_list_box div.content1_col	{width:calc(75% - 11px);}
	.matchform_list_box div.title2			{width:25%;border-left:0;}
	.matchform_list_box div.content2		{width:calc(75% - 11px);}
	.matchform_list_box div.title3			{width:25%;border-left:0;}
	.matchform_list_box div.content3		{width:calc(75% - 11px);}

}


/* mobie screen 768 */
@media screen and (max-width:768px){


	.groundform_list_box		{line-height:35px;}
	.groundform_list_box .notice			{font-size:0.95em;}
	.groundform_list_box div.title3			{width:100%;}
	.groundform_list_box div.content3		{width:calc(100% - 11px);border-left:0;padding:0;}


}



/* mobie screen 480 */
@media screen and (max-width:480px){


	.groundform_list_box div.title1			{width:30%}
	.groundform_list_box div.content1		{width:calc(70% - 11px);}
	.groundform_list_box div.content1_col	{width:calc(70% - 11px);}
	.groundform_list_box div.title2			{width:30%;}
	.groundform_list_box div.content2		{width:calc(70% - 11px);}


}