li.border + li.border
	{
		border-top					: 1px solid #eaeaea;
	}
	
	
	li.image1
	{
		vertical-align				: top;
		overflow					: hidden;
	}
	li.image1.type04
	{
		margin						: 0px 10px 10px 10px;
	}
	li.image1.shadow
	{
		padding-bottom				: 4px;
	}
	li.image1.margin_bottom
	{
		padding-bottom				: 10px;
	}
	li.image1				> article
	{
		background-color			: white;
	}
	li.image1.scroll_x_item	> article
	{
		margin						: 3px;
	}
	li.image1.shadow		> article,
	li.image1.type04		> article
	{
		box-shadow					: 1px 3px 3px #e4e4e4;
	}
	li.image1				> article	> .top
	{
		position					: relative;
	}	
	li.image1				> article	> .top		> .group
	{
		font-size					: 14px;
		line-height					: 1.5em;
		padding						: 5px 0px 5px 0px;
	}
	li.image1				> article	> .top		> .image		.background
	{
		background-size				: cover;
    	background-position			: center top;
		filter						: brightness(0.9);
		-webkit-filter				: brightness(0.9);
		-moz-filter					: brightness(0.9);
		-o-filter					: brightness(0.9);
		-ms-filter					: brightness(0.9);
	}
	li.image1.type02		> article	> .top		> .image		.background		.padding,
	li.image1.type03		> article	> .top		> .image		.background		.padding,
	li.image1.type04		> article	> .top		> .image		.background		.padding
	{
		padding-top					: 60%;
	}
	li.image1.type01		> article	> .top		> .image		.background		.padding,
	li.image1.type05		> article	> .top		> .image		.background		.padding
	{
		padding-top					: 40%;
	}
	li.image1				> article	> .top		> .text
	{
		position					: absolute;
		bottom						: 0px;
		width						: 100%;
	}
	li.image1				> article	> .top		> .text			> .padding
	{
		padding						: 0px 10px 7px 10px;
	}
	li.image1				> article	> .bot		> .text			> .padding
	{
		padding						: 13px 10px 19px 10px;
	}
	li.image1				> article	> .top		> .text			> .padding		> h4
	{
		display						: inline;
		text-align					: justify;
		color						: white;
		text-shadow					: 1px 1px 3px #000;
	}
	li.image1				> article	> .bot		> .text			> .padding		> h4
	{
		display						: inline;
		text-align					: justify;
	}
	li.image1.type01		> article	> .top		> .text			> .padding		> h4
	{
		font-size					: 28px;
		line-height					: 1.2em;
		letter-spacing				: -0.02em;
	}
	li.image1.type02		> article	> .top		> .text			> .padding		> h4,
	li.image1.type02		> article	> .bot		> .text			> .padding		> h4,
	li.image1.type04		> article	> .top		> .text			> .padding		> h4,
	li.image1.type04		> article	> .bot		> .text			> .padding		> h4,
	li.image1.type05		> article	> .bot		> .text			> .padding		> h4
	{
		font-size					: 20px;
		line-height					: 1.2em;
		letter-spacing				: -0.02em;
	}
	li.image1.type03		> article	> .bot		> .text			> .padding		> h4
	{
		font-size					: 23px;
		line-height					: 1.2em;
		letter-spacing				: -0.03em;
	}
	li.image1				> article	> .top		> .text			> .padding		> h4		img
	{
		width						: 16px;
		vertical-align				: middle;
		margin-right				: 2px;
	}
	li.image1.type02		> article	> .bot		> .text			> .padding		> .prologue,
	li.image1.type05		> article	> .bot		> .text			> .padding		> .prologue
	{
		margin-top					: 10px;
		font-size					: 14px;
		line-height					: 1.5em;
		max-height					: 3em;
		overflow					: hidden;
		text-align					: justify;
	}
	li.image1.type04		> article	> .top		> .text			> .padding		> .group
	{
		font-size					: 14px;
		line-height					: 1.5em;
		padding-bottom				: 5px;
		color						: white;
	}
	li.image1.type04		> article	> .bot		> .text			> .padding		> .group
	{
		font-size					: 13px;
		line-height					: 1.3em;
		padding-bottom				: 5px;
		color						: #b9e0df;
	}
	li.image1.type04		> article	> .bot		> .text			> .padding		> .date
	{
		margin-top					: 4px;
		display						: inline-block;
		color						: #999;
		font-size					: 11px;
	}
	li.image1				> article	> .top		> .text			> .padding		> .sns_count,
	li.image1				> article	> .bot		> .text			> .padding		> .sns_count
	{
		float						: right;
	}	
	li.image1.type01		> article	> .top		> .text			> .padding		> .sns_count
	{
		margin-top					: 10px;
	}
	li.image1.type02		> article	> .top		> .text			> .padding		> .sns_count,
	li.image1.type04		> article	> .top		> .text			> .padding		> .sns_count,
	li.image1.type05		> article	> .top		> .text			> .padding		> .sns_count
	{
		margin-top					: 6px;
	}
	li.image1.type02		> article	> .bot		> .text			> .padding		> .sns_count,
	li.image1.type04		> article	> .bot		> .text			> .padding		> .sns_count,
	li.image1.type05		> article	> .bot		> .text			> .padding		> .sns_count
	{
		margin-top					: 4px;
	}
	li.image1				> article	> .top		> .text			> .padding		> .sns_count	.sns_box,
	li.image1				> article	> .bot		> .text			> .padding		> .sns_count	.sns_box
	{
		display						: inline-block;
		vertical-align				: middle;
		background-repeat			: no-repeat;
		background-position			: left center;
		padding-left				: 18px;
		background-size				: 16px 16px;		
		height						: 16px;
	}
	li.image1.type01		> article	> .top		> .text			> .padding		> .sns_count	.sns_box,
	li.image1.type02		> article	> .top		> .text			> .padding		> .sns_count	.sns_box,
	li.image1.type04		> article	> .top		> .text			> .padding		> .sns_count	.sns_box,
	li.image1.type05		> article	> .top		> .text			> .padding		> .sns_count	.sns_box	
	{
		font-size					: 13px;
		line-height					: 1.2em;
		color						: white;
		padding-top					: 2px;
		background-image			: url(../image/icon/icon_share_article_white.png);
	}
	li.image1.type03		> article	> .bot		> .text			> .padding		> .sns_count	.sns_box
	{
		font-size					: 14px;
		line-height					: 1.2em;
		color						: #333;
		padding-top					: 2px;
		margin-top					: 5px;
		background-image			: url(../image/icon/icon_share_article_black.png);
	}
	li.image1.type02		> article	> .bot		> .text			> .padding		> .sns_count	.sns_box,
	li.image1.type04		> article	> .bot		> .text			> .padding		> .sns_count	.sns_box,
	li.image1.type05		> article	> .bot		> .text			> .padding		> .sns_count	.sns_box
	{
		font-size					: 14px;
		line-height					: 1.2em;
		padding-top					: 2px;
		background-image			: url(../image/icon/icon_share_article_black.png);
	}
	li.image1				> article	> .top		> .text			> .padding		> .sns_count	.reply_box,
	li.image1				> article	> .bot		> .text			> .padding		> .sns_count	.reply_box
	{
		display						: inline-block;
		vertical-align				: middle;
		background-repeat			: no-repeat;
		background-position			: left center;
		padding-left				: 18px;
		margin-left					: 10px;
		padding-left				: 18px;
		background-size				: 16px 16px;
		height						: 16px;
	}
	li.image1.type04		> article	> .top		> .text			> .padding		> .sns_count	.reply_box
	{
		font-size					: 13px;
		line-height					: 1.2em;
		background-image			: url(../image/icon/icon_reply_article_white.png);
		color						: white;
	}
	li.image1.type04		> article	> .bot		> .text			> .padding		> .sns_count	.reply_box
	{
		font-size					: 14px;
		line-height					: 1.2em;
		background-image			: url(../image/icon/icon_reply_article_black.png);
	}
	
	
	
	
	
	
	
	li.image2
	{
		width						: 50%;
		display						: inline-block;
		vertical-align				: top;
	}
	li.image2.type3.left
	{
		float						: left;
	}
	li.image2.type3.right
	{
		float						: right;
	}
	li.image2.type1.left	> article
	{
		margin						: 0px 2px 4px 1px;
		box-shadow					: 1px 1px 1px #e4e4e4;
	}
	li.image2.type2.left	> article
	{
		margin						: 0px 2px 4px 10px;
		border						: 1px solid #e4e4e4;
	}
	li.image2.type3.left	> article
	{
		margin						: 0px 3px 5px 12px;
		box-shadow					: 1px 1px 1px #e4e4e4;
	}
	li.image2.type1.right	> article
	{
		margin						: 0px 1px 4px 2px;
		box-shadow					: -1px 1px 1px #e4e4e4;
	}
	li.image2.type2.right	> article
	{
		margin						: 0px 10px 4px 2px;
		border						: 1px solid #e4e4e4;
	}
	li.image2.type3.right	> article
	{
		margin						: 0px 12px 5px 3px;
		box-shadow					: -1px 1px 1px #e4e4e4;
	}
	li.image2				> article	> .top		> .image		img
	{
		width						: 100%;
	}
	li.image2				> article	> .top		> .image		.background
	{
		background-size				: cover;
    	background-position			: center top;
	}
	li.image2				> article	> .top		> .image		.background		> .padding
	{
		padding-top					: 60%;
	}
	li.image2				> article	> .bot
	{
		padding						: 10px;
		background-color			: white;
	}
	li.image2				> article	> .bot		> .text			> h4
	{
		font-size					: 15px;
		line-height					: 1.4em;
		letter-spacing				: -0.02em;
	}	
	li.image2				> article	> .bot		> .text			> h4		> img
	{
		width						: 16px;
		vertical-align				: middle;
		margin-right				: 2px;
	}
	li.image2				> article	> .bot		> .text.text_group
	{
		margin-top					: 3px;
	}
	li.image2				> article	> .bot		> .text			> .group
	{
		display						: inline;
		font-size					: 12px;
		color						: #888;
		line-height					: 1.3em;
		letter-spacing				: -0.05em;
	}
	li.image2				> article	> .bot		> .text.text_sns
	{
		margin-top					: 5px;
	}
	li.image2				> article	> .bot		> .text.text2
	{
		padding-top					: 5px;
	}
	li.image2				> article	> .bot		> .text.text2	> .sns_count	
	{
		float						: right;
	}
	li.image2				> article	> .bot		> .text			> .sns_count	> .sns_box
	{
		display						: inline-block;
		vertical-align				: middle;
		background-repeat			: no-repeat;
		background-position			: left center;
		padding-left				: 15px;
		background-size				: 14px 14px;
		font-size					: 13px;
		line-height					: 1.2em;
		height						: 14px;
		padding-top					: 2px;
		color						: #333;
		background-image			: url(../image/icon/icon_share_article_black.png);
	}
	li.image2				> article	> .bot		> .text			> .sns_count	> .reply_box
	{
		display						: inline-block;
		vertical-align				: middle;
		background-repeat			: no-repeat;
		background-position			: left center;
		padding-left				: 18px;
		margin-left					: 5px;
		background-size				: 14px 14px;
		font-size					: 13px;
		line-height					: 1.2em;
		padding-top					: 2px;
		height						: 14px;
		color						: #333;
		background-image			: url(../image/icon/icon_reply_article_black.png);
	}
	
	
	
	li.list
	{
		padding						: 12px 0px 12px 0px;
		margin						: 0px 12px 0px 12px;
	}
	li.list					> article
	{
		position					: relative;
	}
	li.list.rank			> article	> .rank
	{
		position					: absolute;
		top							: 0px;
		left						: 0px;
		width						: 25px;
		text-align					: right;
		font-size					: 24px;
		line-height					: 1.0em;
		padding						: 3px 8px 0px 0px;
		color						: #00beb7;
		font-family					: HelveticaNeue-Thin, sans-serif-thin;
	}
	li.list.subscription	> article	> .subscription
	{
		position					: absolute;
		top							: 0px;
		right						: 0px;
		width						: 84px;
	}
	li.list.type1.has_img	> article	> .text
	{
		margin-right				: 116px;
		min-height					: 64px;
	}
	li.list.poli1			> article	> .text
	{
		margin-left					: 75px;
		min-height					: 60px;
		color						: white;
	}
	li.list.poli2			> article	> .text
	{
		margin-right				: 75px;
		min-height					: 60px;
		color						: white;
	}
	li.list.rank			> article	> .text
	{
		margin-left					: 35px;
	}
	li.list.subscription	> article	> .text
	{
		margin-right				: 95px;
	}
	li.list					> article	> .text		h4
	{
		display						: inline;
		text-align					: justify;
	}
	li.list.type1			> article	> .text		h4,
	li.list.type2			> article	> .text		h4,
	li.list.poli1			> article	> .text		h4,
	li.list.poli2			> article	> .text		h4,
	li.list.rank			> article	> .text		h4,
	li.list.isseries		> article	> .text		h4
	{
		font-size					: 18px;
		line-height					: 1.4em;
		letter-spacing				: -0.02em;
	}
	li.list.type2			> article	> .text		h4
	{
		display						: inline-block;
		margin-right				: 2px;
	}
	li.list.type1			> article	> .text		.date
	{
		font-size					: 14px;
		color						: #888888;
	}
	li.list.type1			> article	> .text		.sns_count,
	li.list.type2			> article	> .text		.sns_count,
	li.list.rank			> article	> .text		.sns_count,
	li.list.isseries		> article	> .text		.sns_count
	{
		margin-top					: 2px;
	}
	li.list.type1			> article	> .text		.sns_count		.sns_box,
	li.list.type2			> article	> .text		.sns_count		.sns_box,
	li.list.rank			> article	> .text		.sns_count		.sns_box
	{
		display						: inline-block;
		vertical-align				: middle;
		background-repeat			: no-repeat;
		background-position			: left center;
		padding-left				: 18px;
		background-size				: 16px 16px;
		font-size					: 14px;
		line-height					: 1.2em;
		color						: #333;
		padding-top					: 3px;
		background-image			: url(../image/icon/icon_share_article_black.png);
	}
	li.list.type1			> article	> .text		.group,
	li.list.type2			> article	> .text		.group
	{
		font-size					: 13px;
		color						: #999;
		padding-bottom				: 3px;
		line-height					: 1em;
	}
	li.list.type1			> article	> .text		.group
	{
		margin-top					: 2px;
	}
	li.list.type2			> article	> .text		.group
	{
		display						: inline-block;
	}
	li.list.type1.has_img	> article	> .image
	{
		position					: absolute;
		top							: 0px;
		right						: 0px;
		width						: 106px;
	}
	li.list.poli1			> article	> .image
	{
		position					: absolute;
		top							: 0px;
		left						: 0px;
		width						: 60px;
	}
	li.list.poli2			> article	> .image
	{
		position					: absolute;
		top							: 0px;
		right						: 0px;
		width						: 60px;
	}
	li.list.type1.has_img	> article	> .image	.background,
	li.list.poli1			> article	> .image	.background,
	li.list.poli2			> article	> .image	.background
	{
		background-size				: cover;
    	background-position			: center top;
	}
	li.list.type1.has_img	> article	> .image	.padding
	{
		padding-top					: 60%;
	}
	li.list.poli1			> article	> .image	.padding,
	li.list.poli2			> article	> .image	.padding
	{
		padding-top					: 100%;
	}
	
	
	li.list.isseries		> ul.related1
	{
		margin-top					: 5px;
	/**	border-top					: 1px solid #fbfbfb; **/
		padding-top					: 5px;
	}
	


	
	li.related1
	{
		margin-top					: 10px;
		font-size					: 15px;
		line-height					: 1.5em;
	}
	li.related1.arrow		h5
	{
		background					: url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_more_article.png) no-repeat 10px 5px;
		padding-left				: 22px;
	}	
    
	li.related2
	{
		margin						: 5px 0px 0px 15px;
		font-size					: 14px;
	}
	
	
	li.box
	{
		margin						: 10px;
		box-shadow					: 0px 1px 2px #cccccc;
	}
	li.box.asideR
	{
		background-color			: white;
	}
	li.box.asideR		> article	> .text
	{
		padding						: 15px;
		position					: relative;
		box-shadow					: 1px 1px 1px #efefef;
	/**	border-bottom				: 1px solid #e4e4e4;  **/
	}
	li.box.asideR.subscription		> article	> .text		> .text_in
	{
		margin-right				: 95px;
	}
	li.box.asideR.scrap				> article	> .text		> .text_in
	{
		margin-right				: 60px;
	}
	li.box.asideR		> article	> .text		.type
	{
		margin-right				: 5px;
		font-size					: 12px;
		color						: #00beb7;
		padding						: 2px 5px 1px 5px;
		border						: 1px solid #00beb7;
		border-radius				: 18px;
		line-height					: 30px;
	}
	li.box.asideR		> article	> .text		h4
	{
		text-align					: justify;
		font-size					: 18px;
		line-height					: 1.3em;
	}
	li.box.asideR		> article	> .text		.date
	{
		font-size					: 12px;
		color						: #999;	
	}
	li.box.asideR		> article	> .text		> .subscription
	{
		position					: absolute;
		top							: 10px;
		right						: 10px;
		width						: 85px;		
	}
	li.box.asideR		> article	> .text		> .delete
	{
		position					: absolute;
		top							: 17px;
		right						: 15px;
		color						: #000;
		border						: 1px solid #000;
		border-radius				: 3px;
		padding						: 2px 5px 2px 5px;
		font-size					: 11px;
		line-height					: 14px;
	}
	li.box.asideR		> ul
	{
		padding						: 0px 10px 10px 10px;
	}
		

	li.no_article
	{
		padding						: 30px 0px 30px 0px;
		text-align					: center;
	}
	li.no_article		> .image
	{
		height						: 100px;
		background-position			: center center;
		background-repeat			: no-repeat;
		background-size				: 110px 100px;
		background-image			: url(../image/decoration/background_article.png);
		margin-bottom				: 10px;
	}
	li.no_article		> .text
	{
		font-size					: 14px;
		color						: #cccccc;
	}
	
	li.loading
	{
		padding						: 100px 0px 100px 0px;
		text-align					: center;
	}
	
	li.loading			> .image
	{
		height						: 50px;
		background-position			: center center;
		background-repeat			: no-repeat;
		background-size				: 50px 50px;
		background-image			: url(../image/decoration/loading.gif);
	}



	li	> article		.sns_count.right
	{
		float						: right;
		margin-left					: 0px; 
	}
	
	li.banner			.background
	{
		background-size				: cover;
    	background-position			: center top;	
	}

	li.text-bn {margin:0 12px;background-color: #f3f3f3;padding: 10px 0;box-sizing: border-box;}
	li.text-bn .text-bn-in {width:100%;position:relative;overflow:hidden;box-sizing: border-box;background-color: #fff;border-bottom:1px solid #eaeaea;border-top:1px solid #eaeaea; }
	li.text-bn .text-bn-item {float:left;width: 50%;text-align:center;box-sizing: border-box;}
	li.text-bn .text-bn-item span { display:block;padding:10px 0 8px;box-sizing: border-box;}
	li.text-bn .text-bn-item a { display:block;  max-height:18px; overflow:hidden;}
	li.text-bn .text-bn-item.link1{border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea; }
	li.text-bn .text-bn-item.link2{border-bottom:1px solid #eaeaea; }
	li.text-bn .text-bn-item.link3{border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea;  }
	li.text-bn .text-bn-item.link4{ border-bottom:1px solid #eaeaea;}
	li.text-bn .text-bn-item.link1 a{ color:#00aca6;}
	li.text-bn .text-bn-item.link2 a{ color:#333;}
	li.text-bn .text-bn-item.link3 a{ color:#666;}
	li.text-bn .text-bn-item.link4 a{ color:#006ab4;}


	section.article_list_top
	{
		padding-bottom				: 20px;
	}
	section.article_list
	{
		padding-bottom				: 10px;
	}
	section.article_list.borderTop
	{
		border-top					: 1px solid #eaeaea;
	}
	
	section.article_list_top	.shadow,
	section.article_list		.shadow
	{
		box-shadow					: 0px 5px 5px #cccccc;
	}
	section.article_list_top	ul,
	section.article_list		ul
	{
		background-color			: white;
	}
	
	
	nav.paging
	{
		width						: 100%;
		display						: table;
		border-top					: 1px solid #eaeaea;
		background-color			: white;
	    height						: 50px;
		font-family					: HelveticaNeue-Thin, sans-serif-thin;
	}
	nav.paging		.page_body
	{
		display						: table-cell;
		text-align					: center;
		vertical-align				: middle;
		border-left					: 1px solid #eaeaea;
		border-right				: 1px solid #eaeaea;
		padding						: 10px;
	}
	nav.paging		.page_body		span
	{
		font-size					: 14px;
		font-weight					: bold;
		margin						: 0px 10px 0px 10px;
	}
	nav.paging		.page_body		span.selected
	{
		color						: #00ba9e;
		cursor						: pointer;
	}
	nav.paging		.page_side
	{
		display						: table-cell;
		width						: 30px;
		text-align					: center;
		vertical-align				: middle;
		padding						: 10px;
	}
	nav.paging		.page_side		.jump
	{
		width						: 12px;
		height						: 23px;
		background-size				: 12px 23px;
		display						: inline-block;		
	}
	nav.paging		.page_side.prev		.jump.on
	{
		background-image			: url(../image/icon/icon_noti_left_black.png);
	}
	nav.paging		.page_side.prev		.jump.off
	{
		background-image			: url(../image/icon/icon_noti_left_gray.png);
	}
	nav.paging		.page_side.next		.jump.on
	{
		background-image			: url(../image/icon/icon_noti_right_black.png);
	}
	nav.paging		.page_side.next		.jump.off
	{
		background-image			: url(../image/icon/icon_noti_right_gray.png);
	}