
/* 관리자모드 *****/

#mcategory_sub_add_box		{position:absolute;z-index:20;background-color:#ffffff;}




/* 홈페이지 *****/


.member_mypage_box			{overflow:hidden;color:#333;line-height:30px;background:#fff;border-top:2px solid #555;border-bottom:1px solid #ccc;}

.member_mypage_box div.title		{float:left;width:13%;font-weight:bold;text-align:center;}
.member_mypage_box div.title_2		{float:left;width:calc(13% - 1px);font-weight:bold;text-align:center;border-left:1px solid #ccc;}
.member_mypage_box div.content		{float:left;width:calc(37% - 11px);border-left:1px solid #ccc;padding-left:10px;}
.member_mypage_box div.content_2	{float:left;width:calc(37% - 11px);border-left:1px solid #ccc;padding-left:10px;}
.member_mypage_box div.title1		{float:left;width:13%;font-weight:bold;text-align:center;border-top:1px solid #ccc;}
.member_mypage_box div.title1_2		{float:left;width:calc(13% - 1px);font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:1px solid #ccc;}
.member_mypage_box div.content1		{float:left;width:calc(37% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;}
.member_mypage_box div.content1_col	{float:left;width:calc(87% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;}
.member_mypage_box div.title2		{float:left;width:calc(13% - 1px);font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:1px solid #ccc;}
.member_mypage_box div.content2		{float:left;width:calc(37% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;}


.member_mypage_program_head				{overflow:hidden;text-align:center; color:#333; font-weight:bold; line-height:30px; background: #fff; border-top:2px solid #555;border-bottom:1px solid #ccc;}

.member_mypage_program_head div.date	{float:left;width:15%;}
.member_mypage_program_head div.title	{float:left;width:55%;} 
.member_mypage_program_head div.cham	{float:left;width:15%;} 
.member_mypage_program_head div.epoll	{float:left;width:15%;} 

.member_mypage_program_cont				{overflow:hidden;}

.member_mypage_program_cont li			{overflow:hidden;text-align:center; padding:5px 0;border-bottom:1px solid #ccc; }
.member_mypage_program_cont li .date	{float:left;width:15%;color:#555;}
.member_mypage_program_cont li .title	{float:left;width:55%;text-align:left; overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap; }
.member_mypage_program_cont li .cham	{float:left;width:15%;color:#555;}
.member_mypage_program_cont li .epoll	{float:left;width:15%;color:#555;}
.member_mypage_program_cont li .info02	{display:none;}


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

	.member_mypage_box div.title		{float:left;width:25%;font-weight:bold;text-align:center;}
	.member_mypage_box div.title_2		{float:left;width:25%;font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:0px;}
	.member_mypage_box div.content		{float:left;width:calc(75% - 11px);border-left:1px solid #ccc;padding-left:10px;}
	.member_mypage_box div.content_2	{float:left;width:calc(75% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;}
	.member_mypage_box div.title1		{float:left;width:25%;font-weight:bold;text-align:center;border-top:1px solid #ccc;}
	.member_mypage_box div.title1_2		{float:left;width:25%;font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:0px;}
	.member_mypage_box div.content1		{float:left;width:calc(75% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;}
	.member_mypage_box div.content1_col	{float:left;width:calc(75% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;}
	.member_mypage_box div.title2		{float:left;width:25%;font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:0px;}
	.member_mypage_box div.content2		{float:left;width:calc(75% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;}


	.member_mypage_program_head div.date	{float:left;width:25%;}
	.member_mypage_program_head div.title	{float:left;width:75%;} 
	.member_mypage_program_head div.cham	{display:none;} 
	.member_mypage_program_head div.epoll	{display:none;}

	.member_mypage_program_cont li .date	{float:left;width:25%;color:#555;}
	.member_mypage_program_cont li .title	{float:left;width:75%;text-align:left; overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap; }
	.member_mypage_program_cont li .cham	{display:none;}
	.member_mypage_program_cont li .epoll	{display:none;}
	.member_mypage_program_cont li .info02	{display:block;}

}



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

	.member_mypage_box div.title		{float:left;width:30%;font-weight:bold;text-align:center;}
	.member_mypage_box div.title_2		{float:left;width:30%;font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:0px;}
	.member_mypage_box div.content		{float:left;width:calc(70% - 11px);border-left:1px solid #ccc;padding-left:10px;}
	.member_mypage_box div.content_2	{float:left;width:calc(70% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;}
	.member_mypage_box div.title1		{float:left;width:30%;font-weight:bold;text-align:center;border-top:1px solid #ccc;}
	.member_mypage_box div.title1_2		{float:left;width:30%;font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:0px;}
	.member_mypage_box div.content1		{float:left;width:calc(70% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;}
	.member_mypage_box div.content1_col	{float:left;width:calc(70% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;}
	.member_mypage_box div.title2		{float:left;width:30%;font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:0px;}
	.member_mypage_box div.content2		{float:left;width:calc(70% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;}


	.member_mypage_program_head div.date	{float:left;width:30%;}
	.member_mypage_program_head div.title	{float:left;width:70%;} 
	.member_mypage_program_head div.cham	{display:none;} 
	.member_mypage_program_head div.epoll	{display:none;}

	.member_mypage_program_cont li .date	{float:left;width:30%;color:#555;}
	.member_mypage_program_cont li .title	{float:left;width:70%;text-align:left; overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap; }
	.member_mypage_program_cont li .cham	{display:none;}
	.member_mypage_program_cont li .epoll	{display:none;}
	.member_mypage_program_cont li .info02	{display:block;}
}