.join_st01			{padding:0 0 7px 10px;}
.join_notice		{padding-bottom:15px;}
.join_t01			{background-color:#f5f5f5;color:#777777;text-align:center;padding:3px 0 3px 0px; border:1px solid #dddddd; font-size:11px; width:130px;} 
.join_t02			{background-color:#; color:#;text-align: ;padding:3px 6px; border:1px solid #dddddd;}
.join_t03			{background-color:#f5f5f5;color:#777777;text-align:left;padding:3px 0 3px 19px; border:1px solid #dddddd; font-size:11px; width:100px;}


.join_input			{border:1px solid #bdbdbd; height:18px;line-height:140%; padding-left:5px;}
.join_textarea					{width:97%;background-color:ffffff; padding:8px; border: 1px solid #DADADA; 
      scrollbar-face-color: F4F4F5; scrollbar-track-color: ffffff; scrollbar-arrow-color: #BEBEBE; scrollbar-darkshadow-color: #ffffff; 
      scrollbar-shadow-color: #BEBEBE; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #BEBEBE}


/*   비밀번호 찾기 등 작게 뜨는 새창   ======================================================================*/ 
.newwin_cont			{padding:10px;}
#newwin_title			{height:21px;background-color:#29a312;border-bottom:3px solid #dedede; padding:8px 0 10px 13px;color:#fff;font-family:'나눔고딕',NanumGothic;font-size:18px;font-weight:bold;line-height:120%;margin:0;letter-spacing:-1px;}
.newwin_cont			{padding:15px; }
.newwin_btn				{margin:0 15px;text-align:center; padding:15px;border-top:1px solid #dfdfdf;} 
.newwin_input			{border:1px solid #cccccc; line-height:120%; height:17px;  padding:0 5px;}

.newwin_table			{border-collapse:collapse;  table-layout:fixed;} 
.newwin1				{background-color:#ececec;text-align:center;color:#717171; padding:3px; border:solid 1px #cccccc;line-height:120%;letter-spacing:-1px;font-size:11px;} 
.newwin2				{background-color:#f7f7f7;text-align:center;color:#818181;  padding:3px; border:solid 1px #cccccc;font-size:12px;}
.newwin3				{padding:3px 8px;border:solid 1px #cccccc;vertical-align:top;} 
 
.newwin_close			{text-align:center; padding:5px;background-color:#aaa; } 

.newwin_title			{background-color:#454545;height:40px;width:100%;}
.newwin_area			{padding:15px;}

.btn_area				{text-align:center;}

.team_admin_btn01		{display:inline-block;line-height:20px;padding:0 8px;color:#fff;background:#f98d3e;border:1px solid #f77d31;border-radius:2px;font-size:12px;} /* 주황색 작은 버튼 */
.team_admin_btn02		{display:inline-block;line-height:20px;padding:0 8px;color:#fff;background:#aaa;border:1px solid #999;border-radius:2px;font-size:12px;} /* 회색 작은버튼 */

.team_big_btn01			{display:inline-block;line-height:30px;padding:10px 12px;color:#fff;background:#f98d3e;border:1px solid #f77d31;border-radius:4px;font-size:16px;} /* 주황색 큰 버튼 */


.team_tabmenu					{overflow:hidden;width:100%; margin:0 auto 30px auto;}
.team_tabmenu li				{float:left;width:24.9%;border-top:1px solid #e7e7e7;}
.team_tabmenu li:last-child	{border-right:1px solid #ccc;}
.team_tabmenu li a				{width:100%;display:inline-block;min-height:55px;line-height:55px;font-size:17px;text-align:center;background:#f6f6f6;color:#4c4c4c;border:1px solid #e7e7e7;border-top:3px solid #f6f6f6;}
.team_tabmenu li a:hover		{color:#eb3b04;}
.team_tabmenu li.on a			{width:100%;min-height:55px;line-height:55px;background:#fff;border-top:3px solid #eb3b04;color:#eb3b04; border-bottom:1px solid #fff;}


/* 팀 정보 */
.team_notice					{border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;background:#fafafa;padding:30px 0;text-align:center;}
.team_notice p					{font-size:1.3em;}

.team_table .team_admin_btn01	{margin:0 0 0 5px;}


/* 마이페이지_팀 메세지 전체 리스트 */
.tmessage_wrap					{border-top:1px solid #ddd;}
.tmessage_wrap li				{border-bottom:1px solid #ddd;padding:20px 10px;overflow:hidden;}
.tmessage_wrap li:nth-child(even)	{background:#fafafa;}
.tmessage_wrap li .info			{float:left;width:20%;color:#000;font-size:16px;}
.tmessage_wrap li .info p		{color:#a5a5a5;font-size:13px;margin-top:3px;}
.tmessage_wrap li .txt			{float:left;width:70%;color:#686868;font-size:1.05em;}
.tmessage_wrap li .btn			{float:right;}

/* 마이페이지_팀 메세지 뷰 리스트 */
.mypage_talk_top				{color:#fff; background-color:#505c78; overflow:hidden;padding:15px 20px;}
.mypage_talk_top .fl .img		{float:left;}
.mypage_talk_top .fl .info		{padding:15px 0 0 85px;}
.mypage_talk_top .fr .img		{float:right;}
.mypage_talk_top .fr .info		{padding:15px 85px 0 0 ;text-align:right;}
.mypage_talk_top .img			{width:60px;height:60px;}
.mypage_talk_top .img img		{border-radius:50px;width:100%;height:100%;object-fit:cover;border:2px solid #fff;}
.mypage_talk_top .name			{color:#fff;font-size:15px;}
.mypage_talk_top .team			{color:#afb3ba;font-size:13px;}

.mypage_talk_item				{background:#f8f8f8;padding:15px;}
.talk_item_lt					{overflow:hidden;}
.talk_item_lt .info				{float:left;}
.talk_item_lt .info .img		{width:50px;height:50px;}
.talk_item_lt .info .img img	{border-radius:50px;width:100%;height:100%;object-fit:cover;border:1px solid #cbcbcb;}
.talk_item_lt .message			{margin-left:70px;}
.talk_item_lt .message .name	{margin-bottom:5px;color:#222;font-size:15px;}
.talk_item_lt .message .txt		{width:60%;background:#fff;padding:10px;border-radius:5px;box-shadow:1px 1px 30px rgba(0, 0, 0, 0.06);-webkit-box-shadow:1px 1px 30px rgba(0, 0, 0, 0.06);-moz-box-shadow:1px 1px 30px rgba(0, 0, 0, 0.06);}
.talk_item_lt .message .date	{color:#888;font-size:0.9em;margin:5px 0 0 0;}

.talk_item_rt					{overflow:hidden;}
.talk_item_rt .info				{float:right;}
.talk_item_rt .info .img		{width:50px;height:50px;}
.talk_item_rt .info .img img	{border-radius:50px;width:100%;height:100%;object-fit:cover;border:1px solid #cbcbcb;}
.talk_item_rt .message			{margin-right:70px;}	
.talk_item_rt .message	.name	{margin-bottom:5px;color:#222;font-size:15px;text-align:right;}
.talk_item_rt .message .txt		{width:60%;margin-left:38%;background:#989898;color:#fff;padding:10px;border-radius:5px;box-shadow:1px 1px 30px rgba(0, 0, 0, 0.06);-webkit-box-shadow:1px 1px 30px rgba(0, 0, 0, 0.06);-moz-box-shadow:1px 1px 30px rgba(0, 0, 0, 0.06);}
.talk_item_rt .message .date	{color:#888;font-size:0.9em;margin:5px 0 0 0;text-align:right;}
.h5p							{height:5px;}


.m_comment_box					{overflow:hidden;background:#f8f8f8;border-top:1px solid #e7e7e7;padding:20px;}
.m_comment_box .txt				{float:left;width:88%;}
.m_comment_box .txt textarea	{border-color:#d4d4d4;background:#fff;}
.m_comment_box .enter			{float:right;width:10%;}


/* 팀 검색 검색창 */
.team_search				{float:right; padding-bottom:5px;}
.team_search select			{border:1px solid #ddd;min-width:80px;height:30px;line-height:30px;vertical-align:top;}
.team_search .input_form	{padding:0;margin:0;border-top:1px solid #cbcbcb;border-left:1px solid #cbcbcb;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;height:28px;line-height:28px;vertical-align:baseline;margin-bottom:0;background:#f8f8f8;}
.team_search .btnSearch		{display:inline-block;zoom:1;*display:inline;text-align:center;border:1px solid #2f2f2f;background:#2f2f2f;color:#fff;font-size:12px;width:48px;height:30px;line-height:30px;margin:0 1px;cursor:pointer;}

/* 마이페이지_팀 검색 리스트 */
.mypage_team_wrap			{overflow:hidden;}
.mypage_team_wrap li		{float:left;width:33.3%;margin-bottom:20px;}
.mypage_team_wrap li .wrap	{padding:0 10px;}
.mypage_team_img			{height:230px;border:1px solid #e7e7e7;border-bottom:0;}
.mypage_team_img img		{width:100%;height:100%;object-fit:cover;}
.mypage_team_info			{border:1px solid #e7e7e7;padding:20px 15px;}
.mypage_team_info .tit		{color:#2f2f2f;font-size:17px;font-weight:bold;margin-bottom:5px;overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap;}
.mypage_team_info dl		{padding:5px 0 0 0;overflow:hidden;}
.mypage_team_info dl dt		{float:left;width:27%;color:#181818;background:url('../image/acc01.png') no-repeat 0 8px;background-size:4px;text-indent:10px;}
.mypage_team_info dl dd		{color:#717171;}

.mypage_team_view_top			{overflow:hidden;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;background:#fafafa;margin-bottom:50px;}
.mypage_team_view_top .img		{float:left;width:40%;height:285px;}
.mypage_team_view_top .img img	{width:100%;height:100%;object-fit:cover;}
.mypage_team_view_top .info		{float:right;width:60%;}
.mypage_team_view_top .info ul	{padding:30px 25px;}
.mypage_team_view_top .info .tit	{color:#111;font-size:22px;line-height:120%;margin-bottom:10px;}
.mypage_team_view_top .info .txt	{font-size:15px;padding:7px 0 0 10px;color:#4c4c4c;background:url('../image/acc01.png') no-repeat 0 15px;background-size:4px;}



/* 팀랭킹 페이지 */
.ranking_option_box			{overflow:hidden;border:1px solid #ddd;background-color:#f8f8f8;padding:20px;margin-bottom:20px;}
.ranking_option_box span	{float:left;width:35px;}
.ranking_option_box .sub_list02	{line-height:35px;background-position:0 15px;padding:0 0 0 10px;}
.ranking_option_box	.option	{float:left;width:22%;}
.ranking_option_box	.btn	{float:right;}
.ranking_option_box select	{border:1px solid #cbcbcb;height:35px;line-height:35px;}
.ranking_option_box .select_local2	{display:none;}
.sng_reset_btn				{text-indent:5px;display:inline-block;zoom:1;*display:inline;height:35px;line-height:35px;padding:0 16px 0 33px;background:url('../image/icon_reset.png') no-repeat 13px center #fff;background-size:20px;
							color:#555;border:1px solid #c8c8c8;text-align:center;border-right:1px solid #9c9c9c;border-bottom:1px solid #9c9c9c;}

.ranking_head					{overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box;}
.ranking_head div.seq			{float:left;width:10%;}
.ranking_head div.team			{float:left;width:25%;} 
.ranking_head div.score			{float:left;width:10%;}
.ranking_head div.info			{float:right;width:45%;}

.ranking_list					{overflow:hidden;}
.ranking_list li				{overflow:hidden;padding:10px 0;border-bottom:1px solid #ccc; }
.ranking_list li:nth-child(even)	{background:#fafafa;}
.ranking_list li .seq			{float:left;width:10%;font-family:'Roboto';font-size:1.5em;color:#eb3b04;line-height:60px;text-align:center;}
.ranking_list li .team			{float:left;width:25%;color:#555;}
.ranking_list li .team .img		{width:35px;height:35px;float:left;margin:10px 10px 0 20px;}
.ranking_list li .team .img	img	{width:100%;height:100%;object-fit:cover;border:1px solid #cbcbcb;border-radius:50px;}
.ranking_list li .team .name	{color:#2f2f2f;font-size:17px;line-height:60px;overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap;}
.ranking_list li .score			{float:left;width:10%;font-family:'Roboto';font-size:1.2em;color:#2558b3;text-align:center;line-height:60px;}
.ranking_list li .info			{float:right;width:45%;color:#4c4c4c;font-size:0.95em;overflow:hidden;}
.ranking_list li .info p		{float:left;width:45%;background:url('../image/m_acc01.png') no-repeat 0 7px;background-size:4px;padding:0 0 2px 8px;}
.ranking_list li .info .m_score	{display:none;}

.ranking_list li .nolist		{float:left;width:100%;color:#555;}


/* 팀랭킹 뷰페이지 */
.team_like					{width:100px;margin:15px auto 0 auto;}
.team_like .heart			{float:left;width:30px;height:30px;background:url('../image/team_like.png') no-repeat 0 0;background-size:30px;}
.team_like .count			{font-family:'Roboto';color:#fff;font-size:1.3em;font-style:normal;font-weight:normal;}
.team_like .on				{background:url('../image/team_like_on.png') no-repeat 0 0;background-size:30px;}

/*	팀화면에서 멤버들에게 메세지 쓰기 */
.t_comment					{display:none;}





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

	.mypage_team_wrap li			{width:50%;}

}

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

	.ranking_option_box	.option	{width:33.3%;margin-bottom:15px;}
	.ranking_option_box	.btn	{float:none;width:100%;text-align:center;}

}

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

	.team_tabmenu					{width:100%;margin:0 0 20px 0;}
	.team_tabmenu li				{height:49px;}
	.team_tabmenu li a				{min-height:45px;line-height:45px;font-size:1.1em;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap;}
	.team_tabmenu li.on a			{min-height:45px;line-height:45px;}

	.team_notice p					{font-size:1.1em;padding:0 10px;}

	.tmessage_wrap li				{padding:10px;}
	.tmessage_wrap li .info			{float:left;width:80%;font-size:15px;}
	.tmessage_wrap li .info p		{font-size:12px;}
	.tmessage_wrap li .txt			{float:left;width:80%;font-size:1em;margin:5px 0;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap;}
	.tmessage_wrap li .btn			{float:right;}

	.mypage_team_info .tit			{font-size:1.1em;}
	.mypage_team_wrap li .wrap		{padding:0 5px;}
	.mypage_team_info dl dt			{width:33%;}

	.mypage_team_view_top .img			{height:200px;}
	.mypage_team_view_top .info ul		{padding:20px;}
	.mypage_team_view_top .info .tit	{font-size:1.3em;margin-bottom:5px;}
	.mypage_team_view_top .info .txt	{font-size:1em;}

	.mypage_talk_item				{padding:10px;}
	.talk_item_lt .message .txt		{width:80%;font-size:0.95em;}
	.talk_item_rt .message .txt		{width:80%;margin-left:17%;font-size:0.95em;}

	.m_comment_box					{padding:15px;}
	.m_comment_box .txt				{width:80%;}
	.m_comment_box .enter			{width:15%;}

	.ranking_option_box				{padding:15px;}
	.ranking_option_box	.option		{float:none;width:100%;margin-bottom:10px;}
	.ranking_option_box select		{}

	.ranking_head					{display:none;}
	.ranking_list					{border-top:2px solid #222;}
	.ranking_list li .seq			{line-height:40px;margin-bottom:5px;}
	.ranking_list li .team			{width:90%;}
	.ranking_list li .team .img		{margin:0 10px 0 5px;}
	.ranking_list li .score			{display:none;}
	.ranking_list li .team .name	{font-size:1.2em;line-height:40px;}
	.ranking_list li .info			{float:none;width:100%;}
	.ranking_list li .info .m_score	{display:block;}

}


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

	.mypage_team_wrap li			{width:100%;}
	.mypage_team_wrap li .wrap		{padding:0;}
	.mypage_team_img				{height:100%;}
	.mypage_team_info				{padding:15px;}

	.mypage_team_view_top .img	{float:none;width:100%;height:100%;}
	.mypage_team_view_top .info	{float:none;width:100%;border-top:1px solid #e7e7e7;}
	.mypage_team_view_top .info ul	{padding:15px;}
	.mypage_team_view_top .info .tit	{font-size:1.3em;font-weight:bold;}
	.mypage_team_view_top .info .txt	{padding:5px 0 0 10px;background-position:0 12px;}


}




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

	.team_table .team_admin_btn01	{margin:0 0 5px 0;}

}


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

	.mypage_talk_top .fl .img		{float:none;margin:0 auto;}
	.mypage_talk_top .fl .info		{padding:10px 0 0 0;text-align:center;}
	.mypage_talk_top .fr .img		{float:none;margin:0 auto;}
	.mypage_talk_top .fr .info		{padding:10px 0 0 0;text-align:center;}

}