@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
/*************** [board]basic ***************/
/*section_type_board_27 : 게시판*/
#section_type_board_27 .board {width:100%; height:100%; background:#77aaad; overflow:hidden;}
#section_type_board_27 .board .inner {max-width:1500px;}

	#section_type_board_27 .board .title {width:100%; overflow:hidden; margin:120px 0 60px;}
	#section_type_board_27 .board .title h1 {display:inline-block; padding-right:30px; font-size:48px;}
		#section_type_board_27 .board .title h1:hover a {text-decoration:underline;}
	#section_type_board_27 .board .title h1 a {color:#fff; font-weight:400;}
	#section_type_board_27 .board .title p {display:inline-block; font-size:18px; color:#fff; line-height:135%; font-weight:300;}

#section_type_board_27 .board .gallery {float:left; width:48%; margin-right:2%; height:100%; background:url("/section/board/board_27/img/gal_bg.jpg")no-repeat center center; background-size:cover; padding:0 30px 100px; box-sizing:border-box;}
	#section_type_board_27 .board .gallery .gal_box {width:100%; overflow:hidden;}
	#section_type_board_27 .board .gallery .gal_box .gal_img {position:relative; float:left; width:48%; height:100%; margin-right:2%; margin-bottom:30px;}
		#section_type_board_27 .board .gallery .gal_box .gal_img:nth-child(even) {margin-left:2%; margin-right:0;}
	#section_type_board_27 .board .gallery .gal_box .gal_img h2 {width:100%;}
	#section_type_board_27 .board .gallery .gal_box .gal_img h2 img {
    width:100%;
    height:200px;
    object-fit:cover;
    border-radius:20px;
    display:block;
    background: #222;
}
	#section_type_board_27 .board .gallery .gal_box .gal_img .img_hover {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); border-radius:20px;}
		#section_type_board_27 .board .gallery .gal_box .gal_img:hover .img_hover {display:block;}
	#section_type_board_27 .board .gallery .gal_box .gal_img .img_hover a {display:block; width:100%; height:100%; text-align:center; box-sizing:border-box;}
	#section_type_board_27 .board .gallery .gal_box .gal_img .img_hover a h3 {padding-top:45px; padding-bottom:10px;}
	#section_type_board_27 .board .gallery .gal_box .gal_img .img_hover a p {color:#fff; padding-bottom:5px;}

#section_type_board_27 .board .news {float:left; width:48%; margin-left:2%; padding:0 30px 60px 0; box-sizing:border-box;}
	#section_type_board_27 .board .news .news_con {width:100%; overflow:hidden;}
	#section_type_board_27 .board .news .news_con li {display:table; width:100%; overflow:hidden; border-bottom:1px solid #fff; padding-bottom:30px; margin-bottom:20px;}
	#section_type_board_27 .board .news .news_con li .left {display:table-cell; vertical-align:middle; width:15%;}
		#section_type_board_27 .board .news .news_con li .left h4 {color:#fffd5f; font-size:36px; padding-bottom:10px; font-weight:400;}
		#section_type_board_27 .board .news .news_con li .left p {font-weight:300; color:#fff; font-size:18px;}
	#section_type_board_27 .board .news .news_con li .right {display:table-cell; vertical-align:bottom; width:85%;}
		#section_type_board_27 .board .news .news_con li .right a h5 {font-size:24px; color:#fff; padding-bottom:10px; font-weight:300;}
		#section_type_board_27 .board .news .news_con li .right a p {font-weight:300; color:#fff; font-size:18px; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:90%;}
			#section_type_board_27 .board .news .news_con li .right a:hover h5 {text-decoration:underline;}
			#section_type_board_27 .board .news .news_con li .right a:hover p {text-decoration:underline;}





/*************** [board]responsive ***************/
/*게시판*/
@media screen and (max-width:1250px){
	#section_type_board_27 .board .title h1 {font-size:42px;}
	#section_type_board_27 .board .title p {font-size:16px;}
	
	#section_type_board_27 .board .news .news_con li {padding-bottom:20px; margin-bottom:10px;}
	#section_type_board_27 .board .news .news_con li .left h4 {font-size:32px;}
	#section_type_board_27 .board .news .news_con li .left p {font-size:16px;}
	#section_type_board_27 .board .news .news_con li .right a h5 {font-size:22px;}
	#section_type_board_27 .board .news .news_con li .right a p {font-size:16px;}
}

@media screen and (max-width:1200px){
	#section_type_board_27 .board .inner {width:100%;}
}

@media screen and (max-width:1024px){
	#section_type_board_27 .board .title {margin:20px 0 50px;}

	#section_type_board_27 .board .gallery {float:none; width:100%; padding:50px 30px; margin-right:0;}
	#section_type_board_27 .board .news {float:none; width:100%; padding:50px 30px; margin-left:0;}
}

@media screen and (max-width:600px){
	#section_type_board_27 .board .news .news_con li .left {display:block; width:100%; box-sizing:border-box; margin-bottom:20px;}
	#section_type_board_27 .board .news .news_con li .right {display:block; width:100%;}
}

@media screen and (max-width:530px){
	#section_type_board_27 .board .title h1 {display:block; padding-bottom:20px;}
}

@media screen and (max-width:450px){
	#section_type_board_27 .board .gallery .gal_box .gal_img {width:100%; margin-right:0;}
	#section_type_board_27 .board .gallery .gal_box .gal_img:nth-child(even) {width:100%; margin-left:0;}

	#section_type_board_27 .board .news .news_con li .right a p {width:85%;}
}