@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
html,body{ margin: 0; padding: 0; height: 100%; }

#ANIZENBLOG { background: #eef2f5; height: 100%; font-family: NanumGothic, sans-serif; color: #34485d; }
#ANIZENBLOG p,
#ANIZENBLOG h1,
#ANIZENBLOG h2,
#ANIZENBLOG h3,
#ANIZENBLOG h4 { margin: 0; padding:0;}
#ANIZENBLOG .table { display: table; }
#ANIZENBLOG .table-cell { display: table-cell; }
#ANIZENBLOG .relative { position: relative; }
#ANIZENBLOG .group { width: 100%; height: 100%; }

#ANIZENBLOG .layout { 
	display: table; position: relative; width: 100%; height: 100%;
}
#ANIZENBLOG #header { display: table-cell; width: 34.3%; background: #fff; position: relative; box-sizing: border-box; }
#ANIZENBLOG #header .header { width: 383px; right: 0; top: 0; height: 100%; position: absolute; box-sizing: border-box; padding: 43px; }
#ANIZENBLOG #header .title { font-size: 24px; text-align: center; }
#ANIZENBLOG #header .url { font-size: 14px; text-align: center; }

#ANIZENBLOG #header .profile { margin-top: 25px;}
#ANIZENBLOG #header .profile .cover{ height: 240px; background-color: #eef2f5; background-size: cover; background-position: 50%; }
#ANIZENBLOG #header .profile .cover .blind{ height: 100%; background: url(../img/shadow.png) repeat-x 0 100% rgba(0,0,0,0.1); position: relative; }

#ANIZENBLOG #header .profile .blogger { position: absolute; bottom: 10px; left: 0; color: #fff; width: 100%; display: table;}
#ANIZENBLOG #header .profile .photo { width: 54px; display: table-cell; vertical-align: middle; padding: 0 10px;}
#ANIZENBLOG #header .profile .photo .img { width: 54px; height: 54px; border-radius: 54px; background: #0066cc; }

#ANIZENBLOG #header .profile .desc { display: table-cell; vertical-align: middle; }
#ANIZENBLOG #header .profile .desc  .name { font-size: 16px; font-weight: bold; }
#ANIZENBLOG #header .profile .desc  .text { font-size: 14px; }

#ANIZENBLOG #header .write { 
	margin: 3px 0; padding: 10px; background: #f8f8f8; border: 1px solid #eee; border-radius: 3px; 
	font-size: 16px;
	text-align: center;
	display: block;
	text-decoration: none;
	color: #333;
}


#ANIZENBLOG #header .write:hover
{
	background: #ca2327;
	color: #fff;
}

#ANIZENBLOG #header dl
#ANIZENBLOG #header dt,
#ANIZENBLOG #header dd { margin: 0; padding: 0; list-style: none; }

#ANIZENBLOG #header .category-list {  }
#ANIZENBLOG #header .category-list a { color: #333; text-decoration: none; }
#ANIZENBLOG #header .category-list .count { font-size: .8em; font-weight: bold; }
#ANIZENBLOG #header .category-list > dl {  }
#ANIZENBLOG #header .category-list > dl > dt{ font-weight: bold; font-size: 18px; padding: 0; margin: 0;}
#ANIZENBLOG #header .category-list > dl > dt > a { text-decoration: none; padding: 15px 0; display: block; height: 100%; }
#ANIZENBLOG #header .category-list > dl > dt > a:hover,
#ANIZENBLOG #header .category-list > dl > dt.on > a,
#ANIZENBLOG #header .category-list > dl > dd > a:hover,
#ANIZENBLOG #header .category-list > dl > dd.on > a { color: #ca2327; }
#ANIZENBLOG #header .category-list > dl > dd{ border-bottom: 1px solid #ebebeb; font-size: 14px; color: #333;}
#ANIZENBLOG #header .category-list > dl > dd > a { padding: 15px 0; display: block; height: 100%; }

#ANIZENBLOG #content { display: table-cell; width: 65.7%; box-sizing: border-box; padding: 43px; position: relative; }


#ANIZENBLOG .listGroup { max-width: 830px; }

#ANIZENBLOG .list { background: #fff; border-radius: 2px; border: 1px solid #dfe1e7; margin-bottom: 15px;}

#ANIZENBLOG .list-head { padding: 20px 15px 0; position: relative;  }
#ANIZENBLOG .list-head .table { display: table; width: 100%; }
#ANIZENBLOG .list-head .date { display: table-cell; width: 54px; line-height: 54px; font-size: 12px; vertical-align: middle;  }
#ANIZENBLOG .list-head .date .style { white-space: nowrap; height: 54px; border-radius: 54px;  background: rgba(84,155,208,0.5); color: #fff; text-align: center; position: relative; overflow: hidden; }
#ANIZENBLOG .list-head .date .after { font-size: 18px; font-weight: bold;  }
#ANIZENBLOG .list-head .date .mon { width: 10px; position: absolute; left: 5px; top: 0; }
#ANIZENBLOG .list-head .date .day { width: 10px; position: absolute; right: 5px; top: 0;  }
#ANIZENBLOG .list-head .title { display: table-cell; font-size: 24px; color: #333; padding: 0 10px; vertical-align: middle; }
#ANIZENBLOG .list-head .title .write-title { 
	width: 100%; padding: 10px; font-size: 24px; border: 1px solid #eee; 
}

#ANIZENBLOG .list-head .category { display: table-cell; white-space: nowrap; vertical-align: middle;  text-align: right; }
#ANIZENBLOG .list-head .category .style {  color: #444a52;  background: #eff2f5; display: inline-block; padding: 5px; border-radius: 2px; font-size: 12px; font-weight: bold; cursor: pointer; display: inline-block;  }

#ANIZENBLOG .list-content { padding: 10px 35px; position: relative; overflow: hidden; }
#ANIZENBLOG .list-content .summary {}
#ANIZENBLOG .list-content .full-content { display: none; }
#ANIZENBLOG .list .more { color: #444a52; background: #eff2f5; display: inline-block; padding: 5px; border-radius: 2px; font-size: 12px; font-weight: bold; cursor: pointer; }
#ANIZENBLOG .list .more:hover { color: #ca2327; }

#ANIZENBLOG .list-foot { background: #f5f6f8; padding: 5px; display: table; width: 100%; box-sizing: border-box; }
#ANIZENBLOG .list-foot .ctr { display: table-cell; }
#ANIZENBLOG .list-foot .current { display: table-cell; text-align: right; }


@media all and (max-width: 720px)
{
	#ANIZENBLOG #header .category-list { padding: 10px 0; }
	#ANIZENBLOG .layout { display: block; }
	#ANIZENBLOG #header { display: block; }
	#ANIZENBLOG #header .header { position: relative; }
	#ANIZENBLOG #content { display: block; width: 100%; padding: 5px; }
	#ANIZENBLOG .list-head { padding: 35px 10px 0; }

	#ANIZENBLOG .list-head .date { display: inline-block; position: absolute; left: 10px; top: 10px; line-height: 1; }
	#ANIZENBLOG .list-head .date .style { white-space: nowrap; height: auto; border-radius: 2px;  }
	#ANIZENBLOG .list-head .date .after { font-size: 18px; font-weight: bold;  }
	#ANIZENBLOG .list-head .date .mon { width: auto; position: static; }
	#ANIZENBLOG .list-head .date .day { width: auto; position: static;  }
	#
	#ANIZENBLOG .list-head .category { display: block; position: absolute; right: 10px; top: 0; }
	#ANIZENBLOG .list-content { padding: 10px; }
}

@media all and (max-width: 1000px)
{
	#ANIZENBLOG #header .category-list { padding: 10px 0 0; }
	#ANIZENBLOG .layout { display: block; }
	#ANIZENBLOG #header { display: block; width: 100%; position: relative; }
	#ANIZENBLOG #header .header { width: 100%; height: auto; position: relative; padding: 5px; }
	#ANIZENBLOG #content { display: block; width: 100%; padding: 5px; }
	#ANIZENBLOG .listGroup { max-width: 100%; }
	#ANIZENBLOG .list-head .date { display: inline-block; position: absolute; left: 10px; top: 10px; line-height: 1; }
	#ANIZENBLOG .list-head .date .style { white-space: nowrap; height: auto; border-radius: 2px;  }
	#ANIZENBLOG .list-head .date .after { font-size: 18px; font-weight: bold;  }
	#ANIZENBLOG .list-head .date .mon { width: auto; position: static; }
	#ANIZENBLOG .list-head .date .day { width: auto; position: static;  }
	#ANIZENBLOG .list-head .category { display: block; position: absolute; right: 10px; top: 10px; }
	#ANIZENBLOG .list-content { padding: 10px; }
}


@media all and (min-width: 1001px) and (max-width: 1279px)
{
	#ANIZENBLOG #header .category-list { padding: 0; }
	#ANIZENBLOG .layout { display: table;  }
	#ANIZENBLOG #header { display: table-cell; width: 34.3%; }
	#ANIZENBLOG #header .header { min-width: 180px; width: 100%; height: 100%; position: absolute; padding: 10px; }
	#ANIZENBLOG #content { display: table-cell; width: 65.7%; padding: 10px;}
	#ANIZENBLOG .listGroup { max-width: auto; }

	#ANIZENBLOG .list-head .date { display: table-cell; position: static; }
	#ANIZENBLOG .list-head .category { display: table-cell; white-space: nowrap; vertical-align: middle;  text-align: right; }
}

@media all and (min-width: 1280px)
{
	#ANIZENBLOG #header .category-list { padding: 0; }
	#ANIZENBLOG .layout { display: table;  }
	#ANIZENBLOG #header { display: table-cell; width: 34.3%; }
	#ANIZENBLOG #header .header { width: 383px; height: 100%; position: absolute; padding: 43px; }
	#ANIZENBLOG #content { display: table-cell; width: 65.7%; box-sizing: border-box; padding: 43px;}
	#ANIZENBLOG .listGroup { max-width: 830px; }
	
	#ANIZENBLOG .list-head .date { display: table-cell; position: static; }
#ANIZENBLOG .list-head .category { display: table-cell; white-space: nowrap; vertical-align: middle;  text-align: right; }
}