/*
  Theme Name: DreamBible 0.4.0
  Author: JH
  Description: 모바일 PC 일치화
  Version: 0.4.0
*/


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	
	text-decoration:none;
	color:black;
	
	
}


html, body {
max-width: 100%;
overflow-x: hidden;
}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


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


* { 
	font-family: 'Malgun Gothic', 'Nanum Gothic',Helvetica, Arial, sans-serif; 
}


div.whole_wrappe{
	background-color: #fff;
}


/* 헤더 */

.head {
	background-color: #4d6c8b
}
.head header {
    position: relative;
    text-align: center;
    z-index: 14;
}


.head header .hgroup {
    padding-top: 40px;
    padding-bottom: 20px;
}
.head header .hgroup h1{
	margin:0;	
}

.head header .hgroup h1 a {
    font-size: 2.4em;
    color: #fff;
    
}

.head header .hgroup small {
    color: #a3bfdb;
    font-size: 1.1em;
    margin-top:10px;
}

.head nav#main_menu {
    z-index: 11;
}







/* 메인메뉴 */

.head nav#main_menu > div.wrapper > ul {
    padding: 1.2em;
    text-align: center;
}
.head nav#main_menu > div.wrapper > ul > li {
    display: inline-block;
    font-size: 1.3em;
    line-height: 2em;
    padding : 20px 0;
    z-index: 12;
    position: relative;
}
.head nav#main_menu > div.wrapper > ul > li  a {
    color: #ddd;
    padding: 0px 15px;
    text-decoration: none;
}

.head nav#main_menu > div.wrapper > ul > li > div.label {
    border-left: 1px solid #bbb;
}
.head nav#main_menu > div.wrapper > ul > li:first-child > div.label {
    border-left: 0;
}


/* 키워드 탐색 */


div#body #breadcrumb {
    background-color: #eee;
    border-bottom: 1px solid #ddd;
}

div#body #breadcrumb .wrapper {
    width: 1040px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    position: relative;
    vertical-align: middle;
}


div#body #breadcrumb .wrapper #breadcrumb_line {
    padding-left: 15px;
    color: #999;
}

div#body #breadcrumb .wrapper #breadcrumb_line a{
    color: #999;
}

div#body #breadcrumb .wrapper #breadcrumb_line .divider {
    color: #bbb;
    padding: 0 5px;
}



div#body div#cols div.entry-area article h2 {

    color: #ce6e11;
    font-size: 2.1em;
    font-weight:bold;
    
    padding-bottom : 10px;
    border-bottom: 1px solid #ce6e11;
    text-align :center;	
    
}

/* Article */

div#body div#cols > div.wrapper {
    width: 1040px;
    margin: 0 auto;
    position: relative;	
}

div#body div#cols div.entry-area {
    width: 100%;
}


div#body div#cols div.entry-area article {
    min-height: 400px;
    padding: 40px 35px;
}


div#body div#cols div.entry-area article a p.articletitle{
	color : #a75a0b;

	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: bold;
	
	margin: 20px auto 10px;
	padding-left: 5px;
	
	border-left: 5px solid #ce6e11;
	border-bottom: 1px solid #ce6e11;

	border-radius: 3px;	
}



div#body div#cols div.entry-area article h3{

    font-size: 1.5em;
    line-height: 1.5em;
    font-weight: bold;
    
    margin: 20px auto 10px;
    padding-left: 5px;
     
    border-left: 5px solid #ce6e11;
    border-bottom: 1px solid #ce6e11;

    border-radius: 3px;
	
}






div#body div#cols div.entry-area article a h3.articletitle{
	color : #a75a0b;
}



/*
div#body div#cols div.entry-area article h3.articletitle:before{
    content:'➲';
    color : #a75a0b;
}
*/



div#body div#cols div.entry-area article h3.articletitle a {
	color : #a75a0b;
}



div#body div#cols div.entry-area article p {
	font-size: 1.3em;
    line-height: 1.5em;
    margin: 0 auto 1em;
    text-align: justify;
}




div#body div#cols div.entry-area article time,
div#body div#cols div.entry-area article .author {
    color: #999;
    font-size: .95em;
    margin: .5em .5em 0 .2em;
}

div#body div#cols div.entry-area article .author strong {
    font-weight:bold;
}


/* 추천 검색어 */

div#body div#cols div.entry-area article nav.keywordlist {
	
}

div#body div#cols div.entry-area article nav.keywordlist ul li a{
    font-size: 1.3em;
    line-height: 2em;
	text-decoration:none;
	color:black;
}

div#body div#cols div.entry-area article nav.keywordlist ul li strong{
	font-weight: bold;
	color:#ce6e11;
}


/* 연관글 */

relatedpost{
	margin-bottom:20px;
}

.relatedpost li {
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;

    line-height: 1.3em;
    padding-top: 5px;
    padding-bottom: 10px;
	color:#ce6e11;
	    
	text-decoration:none;

}

.relatedpost li:before{
	  content: "\f15c"; /* FontAwesome Unicode */
	  color:black;
	  font-family: FontAwesome;
	  display: inline-block;
	  width: 1.3em; /* same as padding-left set on li */	
	} 

.relatedpost li:hover{
	background:#eee
}



/* 검색 박스 */

.search-form {
	background-color: gray;
	border-radius: 5px;
}

.head .wrap .search {
  width: 500px;
  margin:0 auto;
  position: relative
}

.searchTerm {
  width: 423px;
  float:left;
  border: 3px solid gray;
  padding: 5px;
  height: 40px;
  border-radius: 5px;
  outline: none;
  color: #9DBFAF;
}

.searchTerm:focus{
  color: gray;
}

.searchButton {

	width: 56px;
	height: 56px;
	
	
	border: 3px solid gray;
	padding: 5px;
	 
	background: gray;
	text-align: center;
	color: #fff;
	border-radius: 2px;
	cursor: pointer;
	font-size:34px;

}

button .fa{
	color:white;
}

::-webkit-input-placeholder {
    color:    gray;
}
::-moz-placeholder {
    color:    gray;
}
::-moz-placeholder {
    color:    gray;
}
::-ms-input-placeholder {
    color:    gray;
}





div.recommend li{
	border : 1px solid #777;
	display : inline-block;
	width : 32%;
	text-align :center;
	color : #cd6e11;
	margin : 5px 0px;
	padding : 15px 0;
}

#cols > div > div > article > nav.keywordlist > div > ul > a:nth-child(1) > li{
	border : 2px solid red;
}

/* 하단 */

.footer {
	background-color: #4d6c8b;
	padding: 30px 0 30px 0;
	width:100%;
	text-align: center;
	color: #fff;
	font-size: 1em;
}


@media (max-width:796px){

	div#body div#cols div.entry-area article {
	    min-height: 400px;
	    padding: 10px 20px;
	}	
	.head .wrap .search {
	  width: 90%;
	  padding:10px 0 30px 0;
	}
	.searchTerm {
	  width: 75%;
	}
	#main_menu{
		display:none;
	}

	div#body div#cols div.entry-area article a p.articletitle{
		color : #a75a0b;
	
		font-size: 1em;
		line-height: 1.5em;
		font-weight: bold;
		
		margin: 20px auto 10px;
		padding-left: 5px;
		
		border-left: 5px solid #ce6e11;
		border-bottom: 1px solid #ce6e11;
	
		border-radius: 3px;	
	}


	div#body #breadcrumb .wrapper {
	    width: 100%;
	}
	
	div#body div#cols > div.wrapper {
	    width: 100%;
	}
	.footer {
		padding: 30px 0;
		width:100%;
	}
	div#body div#cols div.entry-area article h2 {
	    margin-top:20px;
    }
	div#body div#cols div.entry-area article h3 {
	    font-size: 1em;
	    line-height: 1.4em;
    }
	div#body div#cols div.entry-area article p {
	    font-size: 1em;
	    line-height: 2em;
	}
	div#body div#cols div.entry-area article nav.keywordlist ul li a {
		    font-size: 1em;
		    line-height: 2em;
	}
	div#body div#cols div.entry-area article nav.relatedpost li{
		    font-size: 1em;
		    line-height: 1.3em;
	}
	
	div.recommend li{
		width : 30%;
		font-size: 0.8em;
		text-align :center;
		color : #cd6e11;
		margin : 5px 0px;
		padding : 15px 0;
	}

}


/* 애드센스 Bot */

div.adbot {
	display:none;
}

.adstyle_bot{
	display:none;
}

@media (max-width:796px){
	
	div.adbot {
		
		display:block;
		margin-top:15px;
		margin-bottom:20px;
		margin-right: auto;
		margin-left:auto;
		width: 336px;

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

	}

}

@media (max-width:374px){
	
	div.adbot {
		
		display:block;
		margin-top:15px;
		margin-bottom:20px;
		margin-right: auto;
		margin-left:auto;
		width: 100%;

	}	
	.adstyle_bot{
		display:block;
		height: 250px;
		width: 100%;

	}

}



/* 애드센스 검색 Top */

div.adtop {
	display:block;
	height: 250px;
	width: 970px;
	margin-top: 40px;
}

.adstyle_top{
	display:block;
	height: 250px;
	width: 970px;
}

@media (max-width:796px){
	div.adtop {
		display:block;
		margin-top:15px;
		margin-bottom:20px;
		margin-right: auto;
		margin-left:auto;
		height: 280px;
		width: 336px;
	}
	.adstyle_top{
		display:block;
		height: 280px;
		width: 336px;


	}
}


@media (max-width:374px){
	
	div.adtop {
		
		display:block;
		margin-top:15px;
		margin-bottom:20px;
		margin-right: auto;
		margin-left:auto;
		width: 100%;

	}	
	.adstyle_top{
		display:block;
		height: 250px;
		width: 100%;

	}

}





/* 애드센스 MID */



div.admid {
	display:block;
}

.adstyle_mid{
	display:block;
	height:none;
	width:none;
}

@media (max-width:796px){
	div.admid {
		display:block;
		margin-top:15px;
		margin-bottom:20px;
		margin-right: auto;
		margin-left:auto;
		width: 336px;
	}
	.adstyle_mid{
		display:block;
		height: 280px;
		width: 336px;


	}
}


@media (max-width:374px){
	
	div.admid {
		
		display:block;
		margin-top:15px;
		margin-bottom:20px;
		margin-right: auto;
		margin-left:auto;
		width: 100%;

	}	
	.adstyle_mid{
		display:block;
		height: 250px;
		width: 100%;

	}

}




/*상단광고 */



div.adntop {
	display:block;
	height: 250px;
	width: 970px;
	margin-top: 30px;
	margin-bottom: -30px;
	margin-left: 35px;
	margin-right: 0px;
}

.adstyle_ntop{
	display:block;
	height: 250px;
	width: 970px;
}

@media (max-width:796px){
	div.adntop {
		display:block;
		width:100%;
		height:100px;
		margin-top: 10px;
		margin-bottom:-10px;
		margin-left: 0px;
		margin-right: 0px;
	}
	.adstyle_ntop{
		display:block;
		width:100%;
		height:100px;
	}
}






div.addnmid{
	display:block;
	margin-top:20px;
}
.adstyle_dnmid{
	display:block;
	height: 188px;
	width:auto;
}






@media (max-width:796px){


	div.addnmid{
		display:none;
	}
	.adstyle_dnmid{
		display:none;
	}



}










/* 링크 광고 */

.link_ad_style{
	display:none;
	width : 466px;
	height:100px;
	margin-top:0px;	
}

@media (max-width:568px) { 


	.link_ad_style{
		display:block;
		height:100px;
		width:100%;
	}

}


/* 광고 위에 붙이는 '광고' 라는 글자를 위하여 */


.container {


	max-width: 100%;  
	margin: 10px auto;
  }

.hr-text {
	line-height: 1em;
	position: relative;
	outline: 0;
	border: 0;
	color: black;
	text-align: center;
	height: 1.5em;
	opacity: .5;
}
.hr-text:before {
	  content: '';
	  background: linear-gradient(to right, transparent, #818078, transparent);
	  position: absolute;
	  left: 0;
	  top: 50%;
	  width: 100%;
	  height: 2px;
	}
.hr-text:after {
	  content: attr(data-content);
	  position: relative;
	  display: inline-block;
	  color: black;
  
	  padding: 0 .5em;
	  line-height: 1.5em;
	  color: #818078;
	  background-color: #fcfcfa;
	}
  


/* Pagenate */

.nav2{
	margin-top:50px;
	margin-bottom : 50px;
}
.paginate{
	
	display:table;
	margin-left:auto;
	margin-right:auto;
	font-size:15px;
	
	    /* color: #656565; */
    
}


.paginate .page-numbers{
    color: #656565;
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    padding: 5px 5px;
    /* font-weight: bold; */
    font-size: 18px;
    margin: 2px;
    letter-spacing: -2px;
    
    background: white;
    border: 1px solid #D4D4D4;
}



.paginate .current{
	    border: 2px solid #39c;
    color: #FFFFFF;
    background-color: #00adee;
}

.paginate .dots{
	color:black;
	border: 1px solid white;	
}



/* 공유 링크 



.more-link {
    padding: 0px 8px 0px 8px !important;
    color: white;
    font-size: 12px;
    border-radius: 2px;
    margin-right: 2px;
    cursor: pointer;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    margin-top: 2px;
    display: inline-block;
    text-decoration: none;
    background: #ce6e11;
}

*/


.more-link {
	color: #ce6e11;
}


.crunchify-social h4{
	font-weight: bold;
}
 
.crunchify-link {
    padding: 4px 8px 6px 8px !important;
    color: white;
    font-size: 12px;
    border-radius: 2px;
    margin-right: 2px;
    cursor: pointer;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    margin-top: 2px;
    display: inline-block;
    text-decoration: none;
    
}
 
.crunchify-link:hover,.crunchify-link:active {
    color: white;
}
 
.crunchify-twitter {
    background: #00aced;
}
 
.crunchify-twitter:hover,.crunchify-twitter:active {
    background: #0084b4;
}
 
.crunchify-facebook {
    background: #3B5997;
}
 
.crunchify-facebook:hover,.crunchify-facebook:active {
    background: #2d4372;
}

.crunchify-naver {
    background: #00c73c;
}
 
.crunchify-naver:hover,.crunchify-naver:active {
    background: #51b036;
}

  
.crunchify-social {
    margin: 20px 0px 25px 0px;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
}



/* 페이지를 위한 키워드 링크 박스 */

div.morecontent span {
	border: 1px solid #777;
	display: inline-block;
	width: 100%;
	text-align: center;
	color: #cd6e11;
	margin: 5px 0px;
	padding: 15px 0;
}

@media (max-width: 796px)
div.morecontent span {
	width: 100%;
	font-size: 0.8em;
	text-align: center;
	color: #cd6e11;
	margin: 5px 0px;
	padding: 15px 0;
}