header.top_menu.main
	{
		height						: 82px;
	}
	header.top_menu.common
	{
		height						: 44px;
	}     
	header.top_menu.article
	{
		height						: 0px;
	}
	header.top_menu	> .box
	{
		width						: 100%;
		max-width					: 640px;
		z-index						: 150;
		margin						: 0px auto 0px auto;
		overflow					: hidden;
	}
	header.top_menu.article	> .box
	{
		position					: fixed;
		top							: 0px;
	}
	header.top_menu	> .box	> .top
	{
		width						: 100%;
		position					: relative;
		height						: 44px;
		z-index						: 153;
	}
	header.top_menu.main	> .box	> .top,
	header.top_menu.common	> .box	> .top
	{
		background-color			: white;
	}
	header.top_menu	> .box	> .top	.main
	{
		padding						: 11px 70px 8px 70px;
		text-align					: center;
		font-size					: 20px;
		height						: 25px;
		line-height					: 15px;
	}
	header.top_menu	> .box	> .top	.title
	{
		padding						: 14px 70px 8px 70px;
		text-align					: center;
		font-size					: 17px;
		height						: 25px;
		line-height					: 18px;
	}
	header.top_menu.main	> .box	> .top		.title,
	header.top_menu.main	> .box	> .top		.main
	{
		border-bottom				: 1px solid #fff;
	}
	header.top_menu.common	> .box.normal	> .top	.title,
	header.top_menu.common	> .box.normal	> .top	.main
	{
		border-bottom				: 1px solid white;
	}
	header.top_menu.common	> .box.fixed	> .top	.title,
	header.top_menu.common	> .box.fixed	> .top	.main
	{
		border-bottom				: 1px solid rgba(0,0,0,0.07);
	}
	header.top_menu	> .box	> .top	.main		img
	{
		width						: 70px;
		vertical-align				: middle;
	}
	header.top_menu	> .box	> .top	.title		img
	{
		width						: 70px;
		vertical-align				: middle;
	}
	header.top_menu	> .box	> .top	.button
	{
		position					: absolute;
		top							: 11px;
		width						: 30px;
		height						: 25px;
		cursor						: pointer;
		background-size				: 22px 22px;
		background-position			: center center;
		background-repeat			: no-repeat;
	}
	header.top_menu	> .box	> .top	.button.left
	{
		left						: 10px;
	}
	header.top_menu	> .box	> .top	.button.hani
	{
		left						: 40px;
	}
	header.top_menu	> .box	> .top	.button.right
	{
		right						: 10px;
	}
	header.top_menu	> .box	> .top	.button	> span
	{
		opacity						: 0;
		font-size					: 10px;
		line-height					: 1em;
		vertical-align				: top;
	}

	header.top_menu.article		> .box.menu		> .top,
	header.top_menu.article		> .box.share	> .top	.title
	{
		background-color			: white;
		box-shadow					: 0 1px rgba(0,0,0,0.05);
	}
	header.top_menu.article0	> .box.normal	> .top
	{
		background-color			: white;
	}
	header.top_menu.article1	> .box.normal	> .top	.title
	{
		color						: white;
	}
	header.top_menu.main		> .box	> .top	.button.left,
	header.top_menu.common		> .box	> .top	.button.left,
	header.top_menu.article0	> .box	> .top	.button.left,
	header.top_menu.article1	> .box.menu		> .top	.button.left,
	header.top_menu.article1	> .box.share	> .top	.button.left
	{
		background-image			: url(../image/icon/icon_top_left_black.png);
	}
	header.top_menu.article1	> .box.normal	> .top	.button.left
	{
		background-image			: url(../image/icon/icon_top_left_white.png);
	}
	header.top_menu.main		> .box	> .top	.button.hani,
	header.top_menu.common		> .box	> .top	.button.hani,
	header.top_menu.article0	> .box	> .top	.button.hani,
	header.top_menu.article1	> .box.menu		> .top	.button.hani,
	header.top_menu.article1	> .box.share	> .top	.button.hani
	{
		background-image			: url(../image/icon/icon_top_hani_black.png);
	}
	header.top_menu.article1	> .box.normal	> .top	.button.hani
	{
		background-image			: url(../image/icon/icon_top_hani_white.png);
	}
	header.top_menu.logout.main		> .box	> .top	.button.right,
	header.top_menu.logout.common	> .box	> .top	.button.right,
	header.top_menu.logout.article0	> .box	> .top	.button.right,
	header.top_menu.logout.article1	> .box.menu		> .top	.button.right,
	header.top_menu.logout.article1	> .box.share	> .top	.button.right
	{
		background-image			: url(../image/icon/icon_top_right_logout_black.png);
	}
	header.top_menu.logout.article1	> .box.normal	> .top	.button.right
	{
		background-image			: url(../image/icon/icon_top_right_logout_white.png);
	}
	header.top_menu.login.main		> .box	> .top	.button.right,
	header.top_menu.login.common	> .box	> .top	.button.right,
	header.top_menu.login.article0	> .box	> .top	.button.right,
	header.top_menu.login.article1	> .box.menu		> .top	.button.right,
	header.top_menu.login.article1	> .box.share	> .top	.button.right
	{
		background-image			: url(../image/icon/icon_top_right_login_black.png);
	}
	header.top_menu.login.article1	> .box.normal	> .top	.button.right
	{
		background-image			: url(../image/icon/icon_top_right_login_white.png);
	}
	header.top_menu.alert.main		> .box	> .top	.button.right,
	header.top_menu.alert.common	> .box	> .top	.button.right,
	header.top_menu.alert.article0	> .box	> .top	.button.right,
	header.top_menu.alert.article1	> .box.menu		> .top	.button.right,
	header.top_menu.alert.article1	> .box.share	> .top	.button.right
	{
		background-image			: url(../image/icon/icon_top_right_alert_black.png);
	}
	header.top_menu.noti.article1	> .box.normal	> .top	.button.right
	{
		background-image			: url(../image/icon/icon_top_right_alert_white.png);
	}
	
	header.top_menu.article		> .box	> .mid
	{
		top							: 0px;
		position					: absolute;
		background-color			: white;
		height						: 48px;
		box-shadow					: 0 1px rgba(0,0,0,0.05);
		width						: 100%;
		z-index						: 156;
	}
	
	header.top_menu.article		> .box	> .mid	> .box
	{
		padding						: 14px 12px 14px 12px;
	}
	header.top_menu.article		> .box	> .mid	> .box	> .sns
	{
		height						: 24px;
	}
	header.top_menu.article		> .box	> .mid	> .box	> .sns		.icon
	{
		display						: inline-block;
		height						: 24px;
		margin-right				: 3px;
		vertical-align				: top;
	}
	header.top_menu.article		> .box	> .mid	> .box	> .sns		.count
	{
		display						: inline-block;
		font-size					: 16px;
		color						: #666666;
		line-height					: 24px;
		height						: 24px;
		vertical-align				: top;
	}
	header.top_menu.article		> .box	> .mid	> .box	> .sns.facebook,
	header.top_menu.article		> .box	> .mid	> .box	> .sns.twitter,
	header.top_menu.article		> .box	> .mid	> .box	> .sns.more
	{
		float						: left;
		margin-right				: 12px;
	}
	header.top_menu.article		> .box	> .mid	> .box	> .sns.reply
	{
		float						: right;
	}
	header.top_menu.article		> .box	> .mid	> .box	> .sns.facebook		.icon
	{
		width						: 22px;
		height						: 22px;
		background-image			: url(../image/icon/icon_sns_facebook.png);
		background-size				: 22px 22px;
	}
	header.top_menu.article		> .box	> .mid	> .box	> .sns.twitter		.icon
	{
		width						: 22px;
		background-image			: url(../image/icon/icon_sns_twitter.png);
		background-size				: 22px 22px;
	}
	header.top_menu.article		> .box	> .mid	> .box	> .sns.more			.icon
	{
		width						: 24px;
		background-image			: url(../image/icon/icon_sns_more.png);
		background-size				: 24px 24px;
	}
	header.top_menu.article		> .box	> .mid	> .box	> .sns.reply		.icon
	{
		width						: 22px;
		height						: 22px;
		background-image			: url(../image/icon/icon_sns_reply.png);
		background-size				: 22px 22px;
	}
	
	
	
	header.top_menu.main	> .box	> .bot
	{
		width						: 100%;
		background-color			: white;
		table-layout				: fixed;
		cursor						: pointer;
	}
	header.top_menu.main	> .box	> .bot	.tr
	{
		width						: 100%;
		height						: 38px;
		background-color			: white;
	}
	header.top_menu.main	> .box.fixed	> .bot	.tr
	{
		border-bottom				: 1px solid #e4e4e4;
	}
	header.top_menu.main	> .box	> .bot	.menu_item
	{
		text-align					: center;
		line-height					: 0px;
		height						: 38px;
	}
	header.top_menu.main	> .box	> .bot	.menu_item	> .box
	{
		display						: inline-block;
		width						: 100%;
		height						: 36px;
		vertical-align				: middle;
		background-size				: 53px 19px;
		background-position			: center 10px;
		background-repeat			: no-repeat;
	}
	header.top_menu.main	> .box	> .bot	.menu_item.selected	> .box
	{
		    border-bottom			: 2px solid #00beb7;
			color					: #00beb7;
	}
	header.top_menu.main	> .box	> .bot	.menu_item.selected	> .box.tab0
	{
		    border-bottom			: 2px solid #00b6ab;
			color					: #00beb7;
	}
	header.top_menu.main	> .box	> .bot	.menu_item.selected	> .box.tab1
	{
		    border-bottom			: 2px solid #f6891f;
			color					: #f6891f;
	}
	header.top_menu.main	> .box	> .bot	.menu_item.selected	> .box.tab2
	{
		    border-bottom			: 2px solid #0072bb;
			color					: #0072bb;
	}
	header.top_menu.main	> .box	> .bot	.menu_item.selected	> .box.tab0
	{
		background-image			: url(../image/icon/icon_main_tab_menu0_on.png);
	}
	header.top_menu.main	> .box	> .bot	.menu_item.unselected	> .box.tab0
	{
		background-image			: url(../image/icon/icon_main_tab_menu0_off.png);
	}
	header.top_menu.main	> .box	> .bot	.menu_item.selected	> .box.tab1
	{
		background-image			: url(../image/icon/icon_main_tab_menu1_on.png);
	}
	header.top_menu.main	> .box	> .bot	.menu_item.unselected	> .box.tab1
	{
		background-image			: url(../image/icon/icon_main_tab_menu1_off.png);
	}
	header.top_menu.main	> .box	> .bot	.menu_item.selected	> .box.tab2
	{
		background-image			: url(../image/icon/icon_main_tab_menu2_on.png);
	}
	header.top_menu.main	> .box	> .bot	.menu_item.unselected	> .box.tab2
	{
		background-image			: url(../image/icon/icon_main_tab_menu2_off.png);
	}
	
	
	
	header.top_menu.article	> .box	> .bot
	{
		height						: 8px;
		padding						: 6px 20px 1px 20px;
	}
	header.top_menu.article	> .box	> .bot	nav.article
	{
		text-align					: center;
	}
	header.top_menu.article	> .box	> .bot	nav.article	> .button
	{
		display						: inline-block;
		margin						: 0px 10px 0px 10px;
		width						: 5px;
		height						: 5px;
		box-shadow					: 0px 1px 1px #dcdcdc;
		vertical-align				: top;
	}
	header.top_menu.article	> .box	> .bot	nav.article	> .button.selected
	{
		background-color			: #00beb7;
	}
	header.top_menu.article	> .box	> .bot	nav.article	> .button.unselected
	{
		background-color			: #ffffff;
		opacity						: 0.8;
	}