html {overflow-y:scroll}
ul,ol,li {margin:0;	padding:0;	list-style:none}
a,img {	border:0; vertical-align:middle}
a {text-decoration:none}
strong {font-weight:500}
*,:after,:before {	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box; box-sizing:border-box}
.clearfix:after {clear:both; content:""; display:block}

.con_title {	width:100%; text-align:center;	margin:0 auto}
.con_title div p.highlight { display:inline-block; background:linear-gradient(to right,#2BC63E,#1553A3); -webkit-background-clip:text; -webkit-text-fill-color:transparent }
.con_title div p { text-align:center; font-size:2.8em; line-height:50px; color:#000; font-weight:700; padding:0 10px; margin:0 auto}
.con_title span { display:block; text-align:center; font-size:1.15em; color:#777; padding:0 15px; margin:10px 0 0}

#naverblog{width:100%; max-width:1400px; margin:0 auto; border-top:0px solid #ddd; padding-top:60px; margin-top:0px;}
#naverblog h1.blog_title{font-size:1.5em; text-align:center; color:#000; text-transform:uppercase; font-weight:600; margin-bottom:40px;}
#naverblog h1.blog_title span{color:#36b54a;}
#naverblog .blog_subject{text-align:center; margin-bottom:30px;}
#naverblog .blog_subject a{color:#333; text-decoration:none;}
#naverblog .blog_subject img{width:80px; height:80px; border-radius:50%;}

#naverblog .blogcontent{display:block; float:left; width:calc(25% - 15px); margin:0px 20px 40px 0;  border:0px solid #ddd; border-radius:2px; overflow:hidden; background:#f5f5f5;}
#naverblog .blogcontent:nth-child(4n){margin-right:0;}
#naverblog .blogcontent:nth-child(4n+1){clear:both;}

#naverblog .blogcontent .blogdata-box{width:100%; height:auto;}
#naverblog .blogcontent .blogdata-box img{transition: 0.5s all ease;}
#naverblog .blogcontent:hover img.bimg{opacity: 0.7; filter: alpha(opacity=70);}
#naverblog .blogcontent .blogdata-box .nlogo{position:absolute; left:0; bottom:-20px; z-index:0; text-align:center; width:100%; text-align:center;}

#naverblog .blogcontent .blogdata-con{padding:10px; text-align:center; border-top:0px solid #ddd;  overflow:hidden; font-size:1em;}
#naverblog .blogcontent .blogdata-con span.category{font-size:0.9em; display:block;}
#naverblog .blogcontent .blogdata-con .text-sub{padding:5px 0;text-align:center; font-size:1.2em; font-weight:700; text-overflow:ellipsis; white-space:nowrap;word-wrap:normal;overflow:hidden;width:100%;}
#naverblog .blogcontent .blogdata-con .text-con{font-size:1em;}
#naverblog .blogcontent .blogdata-tags{padding:10px; border-top:0px solid #ddd; text-align:center; padding-top:0; max-height:30px; overflow:hidden; margin-bottom:10px; margin-top:10px;}
#naverblog .blogcontent .blogdata-tags span{display:inline-block; background:#fff; border:1px solid #ddd; padding:0 4px; margin-bottom:5px; height:26px; line-height:25px; margin-right:1px; font-size:11px; font-family:돋움,돋움체,굴림,굴림체; letter-spacing:-0.05em;}
#naverblog .blogcontent .blogdata-tags span:last-child{margin-right:0;}
#naverblog .blogcontent .blogdata-date{padding:10px;  text-align:center; border-top:0px solid #ddd; background:#e9e8e8; border-bottom:0px solid #36b54a; font-size:1em;}

#naverblog .empty{width:100%; text-align:center; height:300px;}

.blog_pg_wrap {clear:both; display:block; text-align:center; padding:15px 0; margin-bottom:50px;}
.blog_pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.blog_pg_wrap .sound_only{display:none;}
.blog_pg {text-align:center}
.blog_pg_page, .blog_pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.blog_pg a:focus, .blog_pg a:hover {text-decoration:none}
.blog_pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.blog_pg_page:hover {background-color:#fafafa}
.blog_pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.blog_pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.blog_pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.blog_pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.blog_pg_start:hover,.blog_pg_prev:hover,.blog_pg_end:hover,.blog_pg_next:hover {background-color:#fafafa}
.blog_pg_current {display:inline-block;background:#3a8afd;border:1px solid #3a8afd;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}

#bo_cate1 {padding:0px;margin:10px 0; margin-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:50px;}
#bo_cate1 h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate1 ul {padding:0; margin:0; text-align:center;}
#bo_cate1 ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate1 ul li{display:inline-block; padding:0px; min-width:150px; padding-right:0px; text-align:center;}
#bo_cate1 ul li a {display:block; line-height:50px; padding:0 15px; border-radius:0px; border:1px solid #ddd; background:#fff; border-bottom:0px; text-align:center; font-size:1.05em; transition:0.5s all ease; color:#000;}
#bo_cate1 ul li a:hover{text-decoration:none;background:#666; border:1px solid #666; border-bottom:0px; color:#fff;}
#bo_cate1 ul li a.on {z-index:2;background:#36B54A;color:#fff;font-weight:500; border:1px solid #36B54A; border-bottom:0px;}
#naverblog{border-top:0px;}


@media all and (max-width:1200px){	
	#naverblog .blogcontent{margin:0px 20px 20px 0;}
	#naverblog .blogcontent .blogdata-con{font-size:1em;}
	#naverblog .blogcontent .blogdata-con .text-sub{text-overflow:ellipsis; white-space:nowrap;word-wrap:normal;overflow:hidden;width:100%;}		
}

@media all and (max-width:998px){	
	#naverblog{width:96%;}
	#naverblog .blogcontent{width:calc(33.333333% - 11px); margin:0px 15px 15px 0;}
	#naverblog .blogcontent:nth-child(4n){margin-right:15px;}
	#naverblog .blogcontent:nth-child(4n+1){clear:none;}
	#naverblog .blogcontent:nth-child(3n){margin-right:0;}
	#naverblog .blogcontent:nth-child(3n+1){clear:both;}	
	#naverblog .blogcontent .blogdata-con{font-size:1em;}
	#naverblog .blogcontent .blogdata-con .text-con{padding:0 10px; text-overflow:ellipsis; white-space:nowrap;word-wrap:normal;overflow:hidden;width:100%;}
	
	#bo_cate1{border-bottom:0;}
	#bo_cate1 ul{border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
	#bo_cate1 ul li{display:block; float:left; width:33.333333%; min-width:33.333333%; margin:0;}
	#bo_cate1 ul li a{border:1px solid #ddd; margin-bottom:0; border-bottom:0; border-right:0;}
}

@media all and (max-width:768px){		
	#naverblog .blogcontent{width:calc(50% - 7.5px); margin:0px 15px 15px 0;}
	#naverblog .blogcontent:nth-child(4n){margin-right:15px;}
	#naverblog .blogcontent:nth-child(4n+1){clear:none;}
	#naverblog .blogcontent:nth-child(3n){margin-right:15px;}
	#naverblog .blogcontent:nth-child(3n+1){clear:none;}	
	#naverblog .blogcontent:nth-child(2n){margin-right:0;}
	#naverblog .blogcontent:nth-child(2n+1){clear:both;}	
	#naverblog .blogcontent .blogdata-con{font-size:1em;}
	#naverblog .blogcontent .blogdata-con .text-con{padding:0 10px; text-overflow:ellipsis; white-space:nowrap;word-wrap:normal;overflow:hidden;width:100%;}
}

@media all and (max-width:480px){	
	#naverblog .blogcontent{width:100%; margin:0; margin-bottom:20px;}
	#naverblog .blogcontent:nth-child(4n){margin-right:0px;}
	#naverblog .blogcontent .blogdata-con .text-sub{font-size:1.1em;}	
	
	#bo_cate1{margin-bottom:20px;}
	#bo_cate1 ul li{width:50%;}
}