.pc_img {display:block;}
.mobile_img {display:none;}
.mobile_left {text-align:right;}

@media screen and (max-width:1000px){
	#memArea .loginArea,
	#memArea_convention .loginArea,
	#joinResult .joinArea,
	#memAreaCommunity .loginArea,
	#memAreaFrontier .loginArea {padding-top:60px;}

	.joinContain {padding:25px; margin:0 10px;}
	.onlycommunity h1,
	.onlycommunity_result h1,
	.joinContain h1 {font-size:24px;}
	.memAgree h1 {font-size:18px;}
}
@media screen and (max-width:800px){
	.pc_img {display:none;}
	.mobile_img {display:block; margin:0 auto;}		
	.mobileLeft {text-align:left;}

}
@media screen and (max-width:768px){
	#memArea .loginArea,
	#memArea_convention .loginArea,
	#joinResult .joinArea,
	#memAreaCommunity .loginArea,
	#memAreaFrontier .loginArea {padding-top:40px;}

	#memArea, #memArea_convention, #joinResult, #memAreaCommunity, #memAreaFrontier {height:580px;}

	#joinArea .joinArea {padding:30px 0 60px;}
	.memAgree .txt_contain,
	.memAgree .txt_contain .TextArea {height:150px;}

	.table_basic th,
	.table_basic td{display:block; font-size:13px;}
	.table_basic_view th,
	.table_basic_view td{display:block; padding:8px; font-size:13px;}
	.table_application th,
	.table_application td {display:block; padding:12px 10px; font-size:13px;}
	.table_basic_view th {text-align:left;}
}
@media screen and (max-width:560px){
	#memArea .loginArea,
	#memArea_convention .loginArea,
	#joinResult .joinArea,
	#memAreaCommunity .loginArea,
	#memAreaFrontier .loginArea {padding-top:30px;}

	#memArea, #memArea_convention, #joinResult, #memAreaCommunity, #memAreaFrontier {height:500px;}

	.joinContain {padding:25px 5px;}
	.onlycommunity h1,
	.onlycommunity_result h1,
	.joinContain h1 {font-size:20px;}
	.onlycommunity h2,
	.joinContain h2 {font-size:14px;}
	.memAgree h1 {font-size:16px;}
	.memAgree .txt_contain .TextArea {width:95%; font-size:12px;}

	.loginContain {clear:both; width:280px; height:100%; padding:20px; border:2px solid #eaeaea; }
	.loginContain h1 {font-size:20px;}
	.loginContain h2 {font-size:12px; padding-top:13px;}
	.loginContain h3 {font-size:12px; padding-top:13px;}
	.loginContain > ul > li div.leftArea{padding-left:0; display:none;}
	.loginContain > ul > li div.rightArea{width:94%;}
	.loginContain > ul > li div.rightArea input {width:100%;}

	.btn_308_40 {width:98%;}
}