@charset "UTF-8";

body	{
	margin:0;
	font-family: '나눔바른고딕', 'Apple SD Gothic Neo', sans-serif;
	}

/*사이트이름*/


.site h1 a {
	color:#000;
	text-decoration:none;
	font-weight:normal;
}	
.site h1 {
	margin:0;
	font-size:30px;
	}

.site img {border:none;}	




/*헤더그림*/	
.top img {
	max-width:100%;
	height:auto;
	vertical-align:bottom;
}

/*캐치카피*/
.catch {
	margin:0;
	font-size:28px;
	padding:15px;
	background-color:rgba(255,255,255,.2);
	border-radius:5px;
}

.top {position:relative;}
.catch  {
	position:absolute;
	bottom:7%;
	left:3%;
	}
/*개요*/
.summary h1 {
	margin-top:0;
	margin-bottom:0;
	font-size:20px;	
	font-weight:normal;
	padding-top:5px;
	padding-bottom:5px;
}

.summary p {	
	margin-top:0;
	margin-bottom:0;
	font-size:12px;
	background-color:#524e3c;
	
}

.summary a {
	display:block;
	color:#fff;
	text-align:center;
	text-decoration:none;
	background-color:#222;
}

.summary a:hover {
	opacity:.8;
}

.summary i {
	display:block;
	padding-top:40px;
	padding-bottom:40px;
	font-size:38px;
}

.summary .fa-database {background-color:#bfbd13;}
.summary .fa-bar-chart-o {background-color:#c58839;}
.summary .fa-envelope {background-color:#859f46;}

/*공지사항*/

.news {
	padding:20px;
	border:5px solid #ddd;
}

.news h1 {
	margin-top:0;
	margin-bottom:5px;
	font-size:18px;
	color:#666;
}
.news ul {
	margin:0;
	padding:0;
	list-style:none;
}




.news li a {
	display:block;
	padding:5px;
	border-bottom:2px dotted #ddd;
	color:#000;
	font-size:14px;
	text-decoration:none;
}
.news li a:hover {background-color:#eee;}

.news time {
	
	color:#888;
	font-weight:bold;
}

.news a:after {
	content:"";
	display:block;
	clear:both;
}

.news time {
	float:left;
	width:60px;
}
.news .text {
	float:none;
	width:auto;
	margin-left:60px;
	
}

/*sns*/
.follow ul {
	margin:0;
	padding:0;
	list-style:none;
}
.follow li a {
	display:block;
	margin-bottom:10px;
	padding:10px;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	border-radius:4px;
	}
.follow li a:hover {
	opacity:.8;
}

.follow-tw {background-color:#63bafb; }
.follow-fb {background-color:#5288f7;}
.follow-gp {background-color:#f65d4a;}

.follow i {
	font-size:24px;
	margin-right:10px;
	vertical-align:middle;
}

.follow-info {
	margin-top:0;
	margin-bottom:20px;
	padding:10px;
	background-color:#ddd;
	font-size:14px;
	text-align:center;
}
.follow-info {
	position: relative;
	
}
.follow-info:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(221, 221, 221, 0);
	border-top-color: #dddddd;
	border-width: 15px;
	margin-left: -15px;
}


/*기사*/
.story h1 {
	margin-top:0;
	margin-bottom:0;
	font-size:36px;	
	padding-left:20px;
	border-left:20px solid #c51108;
	font-weight:normal;
}

.story h2{
	margin-top:50px;
	margin-bottom:20px;
	border-bottom:1px solid #ddd;
	font-size:28px;
	font-weight:normal;
}
.story h2 i {
	margin-right:7px;
	color:#888;
	
}
.story p {
	margin-top:0;
	margin-bottom:20px;
	max-width:640px;
}
.story .lead {
	max-width:100%;
	font-size:20px;
	color:#666;
}
.storyimg {
	max-width:100%;
	height:auto;
	margin-bottom:20px;
}

/*본문*/
.story-body {
	margin-top:40px;
	-moz-column-count:2;
	-moz-column-gap:40px;
	-webkit-column-count:2;
	-webkit-column-gap:40px;
	column-count:2;
	column-gap:40px;
}
/*빵부스러기 리스트*/
.bread {
	margin-bottom:20px;
}
.bread ol {
	margin:0;
	padding:0;
	list-style:none;	
}

.bread li a {
	display:inline-block;
	padding:0;
	color:#000;
	text-decoration:none;
	font-size:14px;
	
}
.bread li a:hover {
	background-color:#eee;
}

.bread ol:after {
	content:"";
	display:block;
	clear:both;
}
.bread li  {
	float:left;
	width:auto;	
}

.bread li:after {
	content:'\003e';
	color:#888;
	margin-left:10px;
	margin-right:10px;
}
/*사이드메뉴*/
.sidemenu {
	border:6px solid #ddd;
}
.sidemenu h1 {
	margin:0;
	padding:10px;
	font-size:16px;
	font-weight:normal;
}
.sidemenu h1 i {
	margin-right:5px;
	color:#8abc60;
	font-size:larger;
}
.sidemenu ul {
	margin:0;
	padding:0;
	list-style:none;
}

.sidemenu li a {
	display:block;
	padding:10px;
	border-top:1px solid #ddd;
	color:#000;
	text-decoration:none;
	font-size:14px;
	
}
.sidemenu li a:hover {
	background-color:#eee;
}

/*저작권*/
.copyright p {
	margin:0;
	color:#666;
	font-size:14px;
}
/*box5를 bar형태로*/
.box5 {
	background-color:#ddd;
	padding-top:15px;
	padding-bottom:15px;
	}


/*box의 왼쪽 오른쪽에 공백*/
.boxA,.box4,.box5,.box6,.box7 {
	padding-left:15px;
	padding-right:15px;
}

/*box의 위아래 공백*/
.boxA {
	padding-top:20px;
	padding-bottom:10px;
}
.box4 {
	padding-top:20px;
	padding-bottom:20px;
}
.box4-1 {
	padding-bottom:20px;
}
.box6 {
	padding-top:20px;
}
.box6-1,.box6-2,.box6-3 {
	padding-bottom:10px;
}
.box7{
	padding-top:25px;
	padding-bottom:25px;
}

/*box A box4의 배경
.boxA {background-color:#333;}
.box4 {background-color:#e8e8c4;}
*/



	/*359이하 내비게이션*/
@media (max-width:359px){
	.site img {
		width:225px;
		height:auto;
	}		
}


@media (max-width:599px){
	/*599이하 내비게이션*/
	.menu li a {
		padding:10px 7px;
		font-size:11px;
	}
	/*캐치카피*/
	.catch {
		font-size:12px;
		padding:5px 10px;
	}
	/*기사*/
	.story h1 {font-size:26px;}
	.story h2 {font-size:20px;}
	.story p {font-size:16px;}
	
}
/*767이하*/
@media (max-width:767px) {
	
	#menubtn {
		padding:6px 12px;
		border:1px solid #aaa;
		border-radius:5px;
		background-color:#fff;
		position:absolute;
		top:45px;
		right:15px;
	}
	#menubtn:hover {
		background-color:#ddd;
		cursor:pointer;
		transition:all 1s ease 0s;
	}
	#menubtn:focus {
		outline:none;
	}
	#menubtn i {
		color:#888;
		font-size:18px;		
	}
		
	#menubtn span {
		display:inline-block;
		text-indent:-9999px;
	}
	/*내비게이션 메뉴 세로정렬*/
	.menu {
		display:none;
		}
	.menu ul {
		margin:0;
		padding:0;
		list-style:none;		
	}
	.menu li a {
		display:block;
		padding:5px;
		color:#000;
		text-decoration:none;
	}
	.menu li a:hover {
		background-color:#eee;
	}
}




/*768이상*/	
@media (min-width:768px){
	
/*토글버튼*/
#menubtn {display:none;}

/*내비게이션*/
#menu {
	display:block !important
}

.menu ul {
	margin:0;
	padding:0;
	list-style:none;
}

.menu li a {
	display:block;
	padding:10px 15px;
	color:#000;
	font-size:14px;
	text-decoration:none;
	}

.menu li a:hover {
	background-color:#eee;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	
}
/*.menu li a:hover {box-shadow:0 0 2px #ddd;}*/
.menu ul:after {
	content:"";
	display:block;
	clear:both;
}

.menu li {
	float:left;
	width:auto;
}
.boxA:after {
	content:"";
	display:block;
	clear:both;
}
.box1 {
	float:left;
	width:auto;
}
.box2 {
	float:right;
	width:auto;
}

.box4:after {
	content:"";
	display:block;
	clear:both;
}	

.box4-1 {
	float:left;
	width:70%;
	padding-right:35px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	
}
.box4-2 {
	float:left;
	width:30%;}

.box6 after {
	content:"";
	display:block;
	clear:both;
}
.box6-1 {
	float:left;
	width:32%;
	margin-right:2%;

	
}
.box6-2 {
	float:left;
	width:32%;
	margin-right:2%;
}
.box6-3 {
	float:left;
	width:32%;
	
}	

.box7:after {
	content:"";
	display:block;
	clear:both;
	
}
.box7-1 {
	float:right;
	width:80%;
	padding-left:50px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}		
.box7-2 {
	float:left;
	width:20%;
}
}

/*1190이상*/
/*전체 너비를 고정*/
@media (min-width:1190px){
	.box3,.box4,.boxA-inner,.box5-inner,.box6,.box7 {
		width:1140px;
		margin:0 auto;
	}
	
}

/*BoxA 아래 테두리삽입*/
.boxA {
	margin-bottom:20px;
	border-bottom:1px solid #ddd;
}