main#main {
	    padding: 0;
	}
	
	article.article {
	    width: 100%;
	}
	
	article .article-line {
	    width: 100%;
	}
	
	.article-line .left-image{
		margin: 3px 0 8px 5px;
	}
	
	.main-list div.article-line:first-child{
		height: 200px;
		width: 100%;
	}
	
	.main-list div.article-line:first-child .left-image{
			float: none;
		    width: auto;
		    height: 100%;
		    margin: 0px 5px;
		    background-size: cover;
		}
	
	.main-list div.article-line:first-child .right-string {
			position: absolute;
		    top: 65%;
		    color: white;
		    height: 35%;
		    background-color: rgba(0,0,0,0.5);
		    margin: 0px 5px;
		    
		}
		
	.main-list div.article-line:first-child .right-string .title{
			color: white;
		    opacity: 0.6;
		}
		
	.main-list div.article-line:first-child .sp_ttitle_font{
			opacity: 1.0;
		    font-size: 16px;
		    overflow: hidden;
		}
		
	.main-list div.article-line:first-child .parent-category-name{
			bottom: 0px;
			margin-bottom: 4px;
		}
		
	.main-list div.article-line:first-child a{
			color: white !important;
		}
		
	.main-list div.article-line:first-child .writer{
			bottom: -3px;
			margin-bottom: 4px;
		}
	
	.main-list .article-line:nth-child(8n+2),
	.main-list .article-line:nth-child(8n+3),
	.main-list .article-line:nth-child(8n+4),
	.main-list .article-line:nth-child(8n+5) {
		width: 49%;
	    height: 14em ;
	    float: left;
	    margin-left: 0px;
	}
	
	.main-list .article-line:nth-child(8n+2),
	.main-list .article-line:nth-child(8n+4){
		border: 1px solid #dddddd;
		border-left: 0;
		border-top: 0;
		margin-left: 4px;
	}
	
	.main-list .article-line:nth-child(8n+3),
	.main-list .article-line:nth-child(8n+5){
		border-bottom: 1px solid #dddddd;
	}
	
	.main-list .article-line:nth-child(8n+6){
		border-bottom: 1px solid #dddddd;
	}
	
	.main-list .article-line:nth-child(8n+6),
	.main-list .article-line:nth-child(8n+7){
		margin-left: 4px !important;
	}
	
	.main-list .article-line:nth-child(8n+9){
		border-bottom: 1px solid #dddddd;
	}
	.main-list .article-line:nth-child(8n+7),
	.main-list .article-line:nth-child(8n+8){
		border-right: 1px solid #dddddd;
		border-bottom: 1px solid #dddddd;
	}
	
	.main-list div.article-line .left-image
	{
		border-radius: 10px;
	}
	
	.main-list div.article-line:nth-child(8n+2) .left-image,
	.main-list div.article-line:nth-child(8n+3) .left-image,
	.main-list div.article-line:nth-child(8n+4) .left-image,
	.main-list div.article-line:nth-child(8n+5) .left-image{
		    margin: 5px;
		    float: none;
		    width: 94%;
		    height: 7em;
		    
	}
	
	.main-list div.article-line:nth-child(8n+2) .right-string,
	.main-list div.article-line:nth-child(8n+3) .right-string,
	.main-list div.article-line:nth-child(8n+4) .right-string,
	.main-list div.article-line:nth-child(8n+5) .right-string{
		position :inherit;
		height: auto;
		width: 94%;
	}
	
	.main-list div.article-line:nth-child(8n+2) .right-string .title,
	.main-list div.article-line:nth-child(8n+3) .right-string .title,
	.main-list div.article-line:nth-child(8n+4) .right-string .title,
	.main-list div.article-line:nth-child(8n+5) .right-string .title,
	.main-list div.article-line:nth-child(8n+6) .right-string .title{
	    overflow: hidden;
	    height: 5em;
	    padding-right: 0px;
	}
	
	.main-list div.article-line:nth-child(8n+2) .right-string .parent-category-name,
	.main-list div.article-line:nth-child(8n+3) .right-string .parent-category-name,
	.main-list div.article-line:nth-child(8n+4) .right-string .parent-category-name,
	.main-list div.article-line:nth-child(8n+5) .right-string .parent-category-name,
	.main-list div.article-line:nth-child(8n+2) .right-string .writer,
	.main-list div.article-line:nth-child(8n+3) .right-string .writer,
	.main-list div.article-line:nth-child(8n+4) .right-string .writer,
	.main-list div.article-line:nth-child(8n+5) .right-string .writer{
	   margin-top: 3px;
	}
	
	.main-list div.article-line:nth-child(8n+2) .right-string .writer,
	.main-list div.article-line:nth-child(8n+3) .right-string .writer,
	.main-list div.article-line:nth-child(8n+4) .right-string .writer,
	.main-list div.article-line:nth-child(8n+5) .right-string .writer{
		width: 98%;
		right: 0px;
		text-align: right;
	}
	
	.main-list .article-line:nth-child(8n+7),
	.main-list .article-line:nth-child(8n+8),
	.main-list .article-line:nth-child(8n+9){
		width: 32.3%;
	    height: 17em ;
	    float: left;
	    margin-left: 0px;
	}
	
	.main-list div.article-line:nth-child(8n+7) .left-image,
	.main-list div.article-line:nth-child(8n+8) .left-image,
	.main-list div.article-line:nth-child(8n+9) .left-image{
		    margin: 5px;
		    float: none;
		    width: 92%;
		    height: 6em;
	}
	
	.main-list div.article-line:nth-child(8n+7) .right-string .title,
	.main-list div.article-line:nth-child(8n+8) .right-string .title,
	.main-list div.article-line:nth-child(8n+9) .right-string .title{
	    overflow: hidden;
	    height: 6em;
	    padding-right: 0px;
	}
	
	.main-list div.article-line:nth-child(8n+7) .right-string,
	.main-list div.article-line:nth-child(8n+8) .right-string,
	.main-list div.article-line:nth-child(8n+9) .right-string{
		position :relative;
		height: auto;
	}
	
	.main-list div.article-line:nth-child(8n+7) .right-string .parent-category-name,
	.main-list div.article-line:nth-child(8n+8) .right-string .parent-category-name,
	.main-list div.article-line:nth-child(8n+9) .right-string .parent-category-name{
		bottom: 2em;
	    display: block;
	    position: relative;
		margin-bottom: 10px;
	}
	
	.main-list div.article-line:nth-child(8n+7) .right-string .writer,
	.main-list div.article-line:nth-child(8n+8) .right-string .writer,
	.main-list div.article-line:nth-child(8n+9) .right-string .writer{
		text-align: right;
		margin-bottom: 0px;
	}
	
	.sp-tabs-list .main-new, .sp-tabs-list .main-topic, .sp-tabs-list .main-feature, .sp-tabs-list .main-daily, .sp-tabs-list .main-weekly, .sp-tabs-list .main-all-time, .sp-tabs-list .ranking-list{
		padding-top: 0;
	}