/*---- Header ----*/
#innerheader ul.nav_menu>li:nth-of-type(3)>a {font-family:"nanumB";}
#innerheader ul.nav_menu>li:nth-of-type(3)>ul>li:nth-of-type(4)>a {font-weight: bold;}

/*---- Banner ----*/
#banner_silder div {background:url(/assets/img/community_banner_1.jpg) center center; background-repeat:no-repeat; background-size:cover; display:block;}

#content {width:95%; max-width:1200px; margin:50px auto; transform: skew(-0.03deg);}
#content>h1 {text-align: center; font-family:"nanumL";}

#content>div {padding:50px 0; overflow: hidden;}
#content dl {overflow: hidden;}
#content dl dt {float:left; width: 70px; height:70px; border-radius:50%; box-shadow:0 0 15px rgba(0,0,0,0.1); overflow:hidden; margin:15px;}
#content dl dt img {width:100%; height:100%;}
#content dl dd:first-of-type {font-family: "nanumB"; font-size:24px; height:30px; line-height: 30px; margin-top:25px;}
#content dl dd:last-of-type {height:20px; line-height: 20px; margin-bottom:25px;}

#content ul {width:calc(25% - 32px); margin:15px; float:left; border:1px solid #eee; box-shadow:0 0 15px rgba(0,0,0,0.1);}

#content ul li:nth-of-type(1) {display:flex; width:100%; border-bottom:3px solid #eee;}
#content ul li:nth-of-type(2) {font-family: "nanumRoundR" !important; width:85%; float:right; margin:20px 5% 30px 10%; height:18px; line-height:18px; display:block; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; text-align:right; font-weight: bold;}

#content ul li:nth-of-type(n+3) {font-family: "nanumL"; margin-bottom:20px; height:14px;}
#content ul li:nth-of-type(3) {float:left; margin-left:5%;}
#content ul li:nth-of-type(4):before {content: "\00a0\00a0|\00a0\00a0조회\00a0";}
#content ul li:nth-of-type(4) {float:left;}
#content ul li:nth-of-type(5) {float:right; margin-right:5%; margin-top:-3.5px;}

#content ul li:nth-of-type(1) img {width:100%;}
#content ul li:nth-of-type(2) img,
#content ul li:nth-of-type(5) img {width:15px; position:relative; top:3.5px; margin-right:5px;}

#content .more_Button {width:100%; text-align: center; overflow: hidden;}
#content .more_Button button {padding:15px 70px; border-radius: 30px; border:1px solid #ccc; background:white; margin-top:25px;}

@media (max-width:1200px) {
	#content a:nth-of-type(n+7) ul {display:none;}
	#content ul {width:calc(33% - 32px);}
}

@media (max-width:800px) {
	#content a:nth-of-type(n+7) ul {display:block;}
	#content ul {width:calc(50% - 32px);}
}

@media (max-width:600px) {
	#content {width:90%; margin:25px auto;}

	#content>div {padding:25px 0;}

	#content a:nth-of-type(n+5) ul {display:none;}
	#content ul {width:calc(100% - 32px);}
}