body				{background:#f7f7f7;}
.web_wrap			{max-width:1920px;margin:0 auto;}
/* Frame */
#TopFrame						{height:60px;background:#000033;position:relative;z-index:100;}
#LeftFrame						{width:15%;float:left;background:#eee;}
#MainFrame						{width:85%;float:left;}
#CenterFrame					{padding-bottom:5em;}
	
#TopFrame_MO					{display:none;width:100%;}
#div_mo_top_left				{width:25%;float:left;padding:0.7em 0 0 0.5em;}
#div_mo_top_logo				{width:50%;float:left;text-align:center;}
#div_mo_top_right				{width:25%;float:left;text-align:right;padding:0.4em 0.5em 0 0;}
#mo_top_logo, .btn_top_search, #ico_mo_top_member			{cursor:pointer;}
#div_mo_top_left img	{height:40px;}
#div_mo_top_right img	{height:50px;}

/* Top */
#div_top_left					{width:50%;float:left;}
	#div_ico_top_menu			{width:60px;float:left;padding:15px;cursor:pointer;display:none;}
	
	#div_top_logo				{width:150px;float:left;cursor:pointer;}
	#div_top_slogan				{width:300px;float:left;padding:22px 0 0 25px;color:#fff;font-size:1em;font-weight:400;}

#div_top_right					{width:50%;float:left;text-align:right;padding:5px 30px;}
	#span_top_search			{}
		.top_search_input		{width:200px;background:#fff;border:0;border-radius:5px;font-size:1em;padding:0.5em;}
	.span_top_search_btn		{cursor:pointer;}
			
	#span_top_right_btns		{padding-left:3em;cursor:pointer;text-align:right;}
		.ico_top_member			{cursor:pointer;}
	#member_pop_layer			{position:absolute;top:60px;right:0;width:300px;background:#eee;border:1px solid #aaa;padding:1em;}

/* Left */
#div_left_member_info			{padding:1.2em 1em;background:#fff;}
	#div_left_go_my_cnn			{text-align:center;cursor:pointer;}
	#div_left_go_my_cannel_text	{padding-left:10px;font-size:1em;font-weight:700;}
	#div_left_btn_login			{padding:1.2em 0.5em;}
	#btn_left_login				{width:100%;border:0;padding:0.7em;background:#299;color:#fff;font-size:1.1em;font-weight:700;cursor:pointer;}
	#btn_left_login:hover		{background:#f70;}
	#div_left_join_txt			{text-align:center;font-size:0.8em;}
	#div_left_member_info, #div_left_btn_logout		{text-align:center;}
	#div_left_member_name		{padding:1em;text-align:center;}
	#div_left_btn_logout		{padding-bottom:2em;border-bottom:1px solid #ccc;}
	#btn_left_logout			{background:#999;color:#fff;border:0;border-radius:0.3em;padding:0.3em 1em;cursor:pointer;}
	#btn_left_logout:hover		{background:#299;}
	.div_my_channel				{padding:1em;text-align:left;}
	.my_channel_list			{padding:0.5em 0 0.5em 1em;cursor:pointer;}
	.my_channel_list:hover		{color:#299;}

#div_left_menu					{border-top:1px solid #ccc;background:#eee;}
	.left_menu					{clear:both;padding:1em 1.5em;color:#444;font-weight:700;cursor:pointer;}

	.left_menu img				{height:1em;}
	.left_menu_on				{background:#000;color:#fff;}

	.left_menu_on img			{filter:invert(100%);}
	.left_menu .ico				{width:2em;float:left;}
	.left_menu .lmenu			{float:left;}
		.lsmenu					{clear:both;padding:1em 0 0 3.3em;cursor:pointer;}
		.lsmenu_on				{font-weight:700;}
	.pad_top_0					{padding-top:0;}
	.pad_top_1em				{padding-top:1em;}

#div_left_category				{border-top:1px solid #ccc;padding-bottom:3em;}
	#left_category_title		{padding:1em;color:#999;font-weight:900;font-size:0.8em;}
	.left_category_list			{padding:0.5em 1em;font-weight:500;cursor:pointer;}
	.left_category_list	.bul	{color:#ea5413;padding:0 0.5em;}

/* ·Î±×ÀÎ Æ˾÷ */
#main_login_box_default {padding-top:3em;}
#login_info			{ font-size:larger;padding:2em 0;text-align:center; }
.login_title		{ float:left;width:30%;text-align:right;padding:0;color:#000;font-size:larger; }
.login_input		{ float:left;width:70%;padding-left:1em; }
#YouLiveCopy		{ font-size:0.8em;color:#999;letter-spacing:0px; }
#YouLiveLink		{ padding-top:1.5em;letter-spacing:0px; }
#YouLiveLink2		{ text-align:center;letter-spacing:0; }
#YouLiveLink a,#YouLiveLink2 a				{ color:#777; }
#YouLiveLink a:hover, #YouLiveLink2 a:hover { color:#009999; }

/* ȸ¿ø°¡ÀÔ */
#div_join_agreement	{padding:1em;}

/* ¼­ºê ÆäÀÌÁö °øÅë */
#SubPgTitleBox		{padding:3em 2em;}
.div_pg_title_box	{background:#ddd;padding:1em 2em;border-bottom:1px solid #ddd;}
.div_pg_title		{width:40%;float:left;font-size:1.6em;}
.div_pg_subtit		{width:60%;float:left;padding-top:1em;text-align:right;font-size:0.9em;color:#777;line-height:1.3em;}
.div_pg_mo_subtit	{width:100%;display:none;padding:1em;border-bottom:1px solid #ddd;font-size:0.9em;color:#777;line-height:1.3em;text-align:right;}

.web_sub_menu		{border-bottom:1px solid #aaa;}
.web_tab_menu		{float:left;padding:0.5em 1.5em;border:1px solid #aaa;border-right:0;border-bottom:0;border-top-left-radius:0.5em;border-top-right-radius:0.5em;background:#eee;text-align:center;margin-top:1px;cursor:pointer;}
.web_tab_menu:hover {font-weight:500;}
.selected_sub_menu	{background:#fff;font-weight:500;color:#099;}

.sub_main_text		{font-size:1em;line-height:2em;}

/* Copyright */
#Copyright_PC					{clear:both;width:100%;}
#copy_outer_box					{width:100%;background:#ccc;}
#copy_inner_box					{width:800px;margin:0 auto;padding:1.5em 0;}
	.copytext					{font-size:0.8em;color:#777;letter-spacing:0.5;line-height:1.2em;}
	.copy_company_name			{color:#000;font-weight:bold;padding:0 0 7px 0;font-size:0.9em;}
	.copy_info					{float:left;padding-right:2em;}
#Copyright_MO					{clear:both;width:100%;padding:0.5em;background:#666;color:#fff;text-align:center;font-size:0.9em;display:none;}

/* ans_invite.php */
#ans_invite_wrap		{padding:4em 1em 1em 1em;}
#div_ans_invite_msg		{padding:2em;text-align:center;font-size:1.2em;line-height:2em;border:1px solid #aaa;border-radius:1em;}
#ans_invite_btns		{padding:2em 0 0 0;text-align:center;font-size:1.2em;}
#ans_invite_gocnn		{padding:3em 0 0 0;text-align:center;}
#goYouLive				{ width:100%;text-align:center;padding:1em 0 4em 0;margin:0 auto;}

/* ºê¶ó¿ìÀú »çÀÌÁ·Î ´Þ¶óÁú ÄÁÅÙÃ÷ */
@media (max-width: 666px) {
	#TopFrame_MO, #Copyright_MO, #div_ico_top_menu, .div_pg_mo_subtit			{display:block;}
	#TopFrame_PC, #Copyright_PC,.div_pg_subtit									{display:none;}
	#MainFrame						{width:100%;}
	#div_left_menu					{border-top:0;}
	#member_pop_layer				{width:250px;}
	#regi_box						{padding-top:1em;}
	.div_pg_title					{width:100%;}
}
/* iphone 6/7/8/X portrait */
@media (min-width: 667px) and (max-width: 1023px) {
	/* Frame */
	#div_top_slogan, #Copyright_PC		{display:none;}
	#div_ico_top_menu, #Copyright_MO	{display:block;}

	#MainFrame						{width:100%;float:left;background:#f7f7f7;}
	#div_top_left					{width:33%;}
	#div_top_right					{width:67%;}
	#span_top_right_btns			{padding-left:1em;}
}
@media (max-width:1023px) {
	#LeftFrame						{position:fixed;z-index:99;width:230px;background:#eee;border-right:1px solid #ccc;display:none;}
	#div_left_member_info			{display:none;}
	#mo_leftmenu_bottom				{margin-top:1em;background:#777;height:10px;}	
	
	.div_pg_subtit					{padding-top:0;}
}
@media (min-width:1279px) {
	.ico_top_member				{display:none;}
	#div_top_logo				{margin-left:1em;}

	.btn_top_search:hover, #ico_top_plus:hover, #ico_top_notice:hover, .ico_top_member:hover		{filter:invert(30%);}
	.left_menu:hover			{background:#eee;color:#299;}
	.left_menu_on:hover			{background:#000;}
	.lsmenu:hover				{color:#299;}
	.left_category_list:hover	{color:#299;}
	
	
}
/* iphone 6/7/8 Plus portrait */
@media (min-width: 1024px) and (max-width: 1279px) {
	/* Frame */
	#LeftFrame						{position:fixed;z-index:99;width:230px;background:#eee;border-right:1px solid #ccc;display:none;}
	#div_left_member_info			{display:none;}
	#mo_leftmenu_bottom				{margin-top:1em;background:#777;height:10px;}	
	#div_ico_top_menu				{display:block;}
	#MainFrame						{width:100%;float:left;background:#f7f7f7;}
	#div_top_left					{width:55%;}
	#div_top_right					{width:45%;}
	#span_top_right_btns			{padding-left:1em;}
}
@media (min-width: 1280px) and (max-width: 1499px) {
	#LeftFrame						{width:21%;float:left;}
	#MainFrame						{width:79%;float:left;background:#f7f7f7;}
}
@media (min-width: 1500px) and (max-width: 1700px) {
	#LeftFrame						{width:17%;float:left;}
	#MainFrame						{width:83%;float:left;background:#f7f7f7;}
}


@media (orientation:portrait) {

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

}