@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
/*************** [board]basic ***************/
/*section_type_board_25 : 게시판*/
#section_type_board_25 .board {}
#section_type_board_25 .board .inner {max-width:1500px;}

#section_type_board_25 .board .top {width:100%; overflow:hidden; padding:100px 0 50px; background:#503eb4;}
	#section_type_board_25 .board .top .title {float:left; width:30%; box-sizing:border-box; padding-right:50px;}
	#section_type_board_25 .board .top .title h1 {font-size:48px; font-weight:400; margin-bottom:60px;}
	#section_type_board_25 .board .top .title h1 a {color:#fff;}
	#section_type_board_25 .board .top .title h1:after {content:""; display:block; width:60px; height:1px; background:#fff; position:relative; bottom:-30px;}
	#section_type_board_25 .board .top .title p {font-size:18px; color:#fff; line-height:135%;}

	#section_type_board_25 .board .top .gallery {float:left; width:70%; overflow:hidden;}
	#section_type_board_25 .board .top .gallery li {float:left; width:23%; margin-left:2%; margin-bottom:20px;}
	#section_type_board_25 .board .top .gallery li a {display:block;}
	#section_type_board_25 .board .top .gallery li a img {width:100%;height: 150px;object-fit: cover;}

#section_type_board_25 .board .bottom {background:#00d59f; padding-bottom:60px;}
	#section_type_board_25 .board .bottom .bottom_box {width:100%; display:table;}
	#section_type_board_25 .board .bottom .bottom_box .con {display:table-cell; vertical-align:top; width:33.333%;}
	#section_type_board_25 .board .bottom .bottom_box .con h2 {width:96px; height:96px; background:#4f3db3; border:3px solid #00d59f; border-radius:50%; position:relative; left:50%;    margin-left:-48px; top:-48px; text-align:center;}
	#section_type_board_25 .board .bottom .bottom_box .con h2 img {padding-top:16px;}
	#section_type_board_25 .board .bottom .bottom_box .con h3 {font-size:30px; padding-bottom:30px; text-align:center; font-weight:500;}
	#section_type_board_25 .board .bottom .bottom_box .con h3 a {color:#4f3eb2; }
	#section_type_board_25 .board .bottom .bottom_box .con ul {}
	#section_type_board_25 .board .bottom .bottom_box .con ul li {border-bottom:1px solid #4f3eb2; padding-bottom:20px; margin-bottom:20px; width:90%; margin-left:5%;}
	#section_type_board_25 .board .bottom .bottom_box .con ul li p {font-family: 'NanumSquare'; color:#4f3eb2; font-size:18px; line-height:135%;}
	#section_type_board_25 .board .bottom .bottom_box .con ul li p a {color:#4f3eb2; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:95%;}
	#section_type_board_25 .board .bottom .bottom_box .con ul li p a:hover {text-decoration:underline;}
	#section_type_board_25 .board .bottom .bottom_box .con ul li p span {font-size:14px;}



/*************** [board]responsive ***************/
/*게시판*/
@media screen and (max-width:1520px){
	#section_type_board_25 .board .top {padding:100px 20px 40px; box-sizing:border-box;}

	#section_type_board_25 .board .bottom {padding:30px 0;}
	#section_type_board_25 .board .bottom .bottom_box {overflow:hidden; display:block;}
	#section_type_board_25 .board .bottom .bottom_box .con {float:left; width:32%; margin-right:2%;}
	#section_type_board_25 .board .bottom .bottom_box .con:last-child {margin-right:0;}
	#section_type_board_25 .board .bottom .bottom_box .con h2 {top:0; margin-bottom:20px;}
}

@media screen and (max-width:1200px){
	#section_type_board_25 .board .top .title h1 {font-size:42px;}

	#section_type_board_25 .board .bottom .bottom_box .con h3 {font-size:26px;}
}

@media screen and (max-width:1024px){
	#section_type_board_25 .board .top .title {float:none; width:100%; text-align:center; margin-bottom:30px; padding-right:0;}
	#section_type_board_25 .board .top .title h1:after {left:50%; margin-left:-30px;}

	#section_type_board_25 .board .top .gallery {float:none; width:100%;}

	#section_type_board_25 .board .bottom .bottom_box .con {display:block; float:none; width:100%; margin-right:0; margin-bottom:30px;}
}

@media screen and (max-width:600px){
	#section_type_board_25 .board .top .title h1 {font-size:36px;}
	#section_type_board_25 .board .top .gallery li {width:48%;}
}