/*
  Theme Name: Black & Simple Blog Theme
  Author: JH
  Description: hahahaha
  Version: 3.0
*/

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

* {
	font-family: 'Noto Sans KR','Nanum Gothic','맑은 고딕','Malgun Gothic','돋움',dotum,Sans-serif;
}

a {
	color:black;
}

h1 a, h2 a{
	text-decoration:none!important;
}

h3{
	margin-top : 40px;
	margin-bottom: 10px;

}

h4{
	margin-top: 30px;
}

.bg_black{
	background: #222;
}

.whitebox{
	position: relative;
    width : 468px;
    padding : 50px;
    margin: 0 auto;
    
    background: #FFF;
    box-shadow: 0 4px 48px rgba(0,0,0,.5);
}
.headerbox {
    padding: 12px 3%;
    border-top: 3px solid #333;
    border-bottom: 1px solid #666;
}

.title-category{
	color: #999;
	font-size: 12px;
}

.front-note{
	color: #999;
	font-size: 12px;	
}

.tag a, .tag{
	color: #999;
	font-size: 12px;	
}

article{
	margin-bottom : 30px;
}

article img{
	display:block;
	max-width : 100%;
	width : 100%;
	height: auto;
	margin:0 auto;
	
}

li{
	line-height: 30px;
}



article p{
	line-height: 30px;
	text-align: justify;
}


nav.relatedpost ul{
	padding:0;
}


nav.relatedpost li{
	list-style:none;
	
	
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    color: #ce6e11;
    text-decoration: none;
}
  
  
nav.relatedpost li:before {
    content: "\f15c";
    color: black;
    font-family: FontAwesome;
    display: inline-block;
    width: 1.3em;
}





table.type09 {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.1;

}
table.type09 thead th {
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    color: black;
    border-bottom: 3px solid black;
}
table.type09 tbody th {
    /*width: 150px;*/
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border-bottom: 1px solid  black;
    background: #f3f6f7;
}
table.type09 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid black;
}






.ad_top{
	width : 468px;
	height : 60px;
	margin-top : 30px;
	margin-bottom: 0px;
	margin-left : auto;
	margin-right:auto;
}

.adstyle_top{
	display:block;
	height:60px;
}
	
.ad_bot{
	z-index:333;
	height : 280px;
	
	margin-top : 40px;
	margin-bottom: 50px;
	margin-left : auto;
	margin-right:auto;
}

.adstyle_bot{
	display:block;
	height:280px;
}


.comments{
	width:468px;
}

@media (max-width:568px) {
	body{
		margin : 0;
	}
	.whitebox{
		position: relative;
	    width : auto;
	    padding : 10px;
	    margin: 0 auto;
	    
	    background: #FFF;
	    box-shadow: 0 4px 48px rgba(0,0,0,.5);
	}	
	
	
	.ad_top{
		width : 100%;
		height : 280px;
		margin-top : 30px;
		margin-bottom: 0px;
		margin-left : auto;
		margin-right:auto;
	}
	
	.adstyle_top{
		display:block;
		height:280px;
	}	
	
	.ad_bot{
	z-index:333;
	height : 280px;
	
	margin-top : 40px;
	margin-bottom: 50px;
	margin-left : auto;
	margin-right:auto;
	}
	
	.adstyle_bot{
		display:block;
		height:280px;
	}
	
	
}


}