/* main.php */

/* Frame */
#CenterFrame					{width:75%;float:left;}
#RightFrame						{width:25%;float:left;}

/* ³ÑÄ¡´Â ±ÛÀÚ »ý·«ÇÒ °÷ */
.main_channel_list_name, .main_channel_list_info, .main_channel_list_addr			{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* Right */
.direct_help_list				{padding:1.2em 0 0 0;font-size:1em;cursor:pointer;}
.direct_help_list .bul			{color:#ea5413;padding:0 0.5em;}
.direct_help_list:hover			{color:#099}

#div_main_banner				{}
#div_mo_main_banner				{display:none;}
#main_banner_1					{width:100%;}
#div_main_channels				{padding-left:10px;}
	#main_channel_more			{padding:1em 1em 0 0;text-align:right;color:#777;font-weight:500;font-size:0.9em;}
	#main_channel_more span		{cursor:pointer;}
	#main_channel_more span:hover		{color:#299;}
	#div_main_channel_list		{}
	.main_channel_list			{width:25%;float:left;padding:10px 5px;font-size:0.9em;}
	.main_channel_outbox		{padding:5px 5px 1em 5px;border:1px solid #ccc;border-radius:0.5em;background:#fff;cursor:pointer;}
	.main_channel_outbox:hover  {color:#299;}
	.main_channel_list_logo_box	{width:100%;border:1px solid #bbb;border-radius:0.3em;text-align:center;}
		.main_channel_logo		{border-radius:0.3em;}
	.main_channel_list_name, .main_channel_list_info, .main_channel_list_addr {padding:0.4em 0.4em 0 0.4em;}
	.main_channel_list_name		{font-weight:500;}
	.main_channel_list_info, .main_channel_list_addr	{color:#777;}

#div_main_recruit				{padding:1em 0 1em 10px;}
	#div_main_recruit_title		{font-size:1.5em;font-weight:500;padding-left:10px;}
	#div_main_recruit_list		{}
	.main_recruit_list			{width:33.3%;float:left;padding:10px 5px;font-size:0.9em;}
	.main_recruit_outbox		{cursor:pointer;}
	.main_recruit_outbox:hover  {color:#299;}
	.main_recruit_list_pohto_box	{width:30%;float:left;background:#fff;}
		.main_recruit_member_photo	{border:1px solid #aaa;}
	.main_recruit_lint_info_box		{width:70%;float:left;padding-left:1em;}
		.main_recruit_list_name, .main_recruit_list_job, .main_recruit_list_info, .main_recruit_list_period, .main_recruit_list_until		{padding:0.3em 0.4em 0 0.4em;}
		.main_recruit_list_job, .main_recruit_list_info, .main_recruit_list_period, .main_recruit_list_until								{font-size:0.9em;color:#777;}
		.main_recruit_list_info {width:100%;height:2.5em;text-overflow:ellipsis; overflow: hidden;}
		.main_recruit_list_name		{font-size:1em;font-weight:500;}
		.main_recruit_list_period span, .main_recruit_list_until span {color:#444;padding-right:0.5em;}
#pad_recruit_bottom				{clear:both;height:20px;display:none;}

/* Main Right */
#div_app_download				{background:#eee;}
#div_and_app_download			{width:50%;float:left;padding:10px 5px 10px 10px;}
#div_ios_app_download			{width:50%;float:left;padding:10px 10px 10px 5px;}
.store_bnn_box					{background:#444;color:#fff;border:0;border-radius:5px;padding:1em;padding-bottom:0.6em;}
.store_bnn_logo					{width:25%;float:left;}
.store_bnn_text					{width:75%;float:left;padding-left:0.5em;}
.store_bnn_dwon_text			{width:100%;height:1em;font-size:80%;color:#fff;font-weight:500;}
.store_bnn_name_text			{width:100%;height:2em;font-size:80%;color:#fff;font-weight:500;padding-top:0.2em;}
#div_go_store_qr				{width:30%;float:left;}
#div_go_store_text				{width:70%;float:left;padding:1.5em 1em;font-size:1em;line-height:1.7em;}

#div_main_right_title			{padding:1em;background:#000;color:#fff;font-size:1.2em;font-weight:500;}
.div_main_download_list			{padding:10px 10px 0 10px;}
	.main_download_box			{padding:1em;background:#fff;border-radius:0.5em;}
	.main_download_logo			{width:15%;float:left;}
	.main_download_info			{width:70%;float:left;padding:0 1em;}
		.main_download_name		{font-weight:500;}
		.main_download_exp		{color:#777;font-size:0.9em;}
	.main_download_btn			{width:15%;float:left;cursor:pointer;}
#div_main_help_list				{padding:1em;}

/* ºê¶ó¿ìÀú »çÀÌÁ·Î ´Þ¶óÁú ÄÁÅÙÃ÷ */
@media (max-width: 459px) {
	/* Frame */
	#CenterFrame				{width:100%;}
	#RightFrame					{clear:both;width:100%;}

	#div_main_channels, #div_main_recruit {padding-left:5px;padding-right:5px;}
	#div_main_banner							{display:none;}
	#div_mo_main_banner, #pad_recruit_bottom	{display:block;}	
	.main_channel_list			{width:50%;padding:6px 3px;}
	.main_recruit_list			{width:100%;}.main_channel_list			
	.main_channel_outbox		{height:180px;}
}
@media (min-width: 460px) and (max-width: 667px) {
	/* Frame */
	#CenterFrame				{width:100%;}
	#RightFrame					{clear:both;width:100%;}

	#div_main_channels, #div_main_recruit {padding-left:5px;padding-right:5px;}
	#div_main_banner							{display:none;}
	#div_mo_main_banner, #pad_recruit_bottom	{display:block;}	
	.main_channel_list			{width:50%;}
	.main_recruit_list			{width:100%;}

	.main_channel_outbox		{height:250px;}
}
/* iphone 6/7/8/X portrait */
@media (min-width: 668px) and (max-width: 1023px) {
	/* Frame */
	#CenterFrame				{width:100%;}
	#RightFrame					{clear:both;width:100%;}

	#div_main_channels, #div_main_recruit {padding-left:5px;padding-right:5px;}
	#div_main_banner							{display:none;}
	#div_mo_main_banner, #pad_recruit_bottom	{display:block;}	
	.main_channel_list			{width:33.3%;}
	.main_recruit_list			{width:50%;}
	#div_main_download, #div_main_help			{width:50%;float:left;}
}
/* iphone 6/7/8 Plus portrait */
@media (min-width: 1024px) and (max-width: 1279px) {
	/* Frame */
	#CenterFrame				{width:100%;}
	#RightFrame					{clear:both;width:100%;}

	#div_main_channels, #div_main_recruit {padding-left:10px;padding-right:10px;}
	.main_recruit_list			{width:50%;}
	.main_channel_list			{width:25%;}
	#div_main_download, #div_main_help			{width:50%;float:left;}
	#pad_recruit_bottom			{display:block;}
}
@media (min-width: 1280px) and (max-width: 1499px) {
	/* Frame */
	#CenterFrame				{width:65%;}
	#RightFrame					{width:35%;}
	.main_channel_list			{width:33.3%;}
	.main_recruit_list			{width:50%;}
}
@media (min-width: 1500px) and (max-width: 1500px) {
	/* Frame */
	#CenterFrame				{width:70%;}
	#RightFrame					{width:30%;}
	.main_channel_list			{width:33.3%;}
	.main_recruit_list			{width:50%;}
}


@media (orientation:portrait) {

}
@media (orientation:landscape) and (max-height: 639px) {

}