@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

/*************** [board]basic ***************/
/*section_type_board_23 : 게시판*/
#section_type_board_23 .board {width:100%; overflow:hidden; height:680px; background:url("/section/board/board_23/img/bg.jpg")no-repeat center center; background-size:cover; padding:100px 0; box-sizing:border-box;}

#section_type_board_23 .board .board_box {width:100%; overflow:hidden;}
#section_type_board_23 .board .board_box .box {float:left; width:30%; margin-right:5%;}
	#section_type_board_23 .board .board_box .box:last-child {margin-right:0;}

	#section_type_board_23 .board .board_box .box .circle_tit {display:table; position:relative; left:50%; margin-left:-100px; width:200px; height:200px; border-radius:50%; background:#ff9638; z-index:99;}
		#section_type_board_23 .board .board_box .box .circle_tit.bg1 {background:#3970c1;}
		#section_type_board_23 .board .board_box .box .circle_tit.bg2 {background:#77d33f;}
	#section_type_board_23 .board .board_box .box .circle_tit h2 {font-family: 'NanumSquare'; font-size:30px; color:#fff; font-weight:300; display:table-cell; vertical-align:middle; text-align:center;}

	#section_type_board_23 .board .board_box .box ul {background:#fff; width:100%; height:auto; box-sizing:border-box; padding:120px 25px 20px 25px; position:relative; top:-80px;}
	#section_type_board_23 .board .board_box .box ul li {margin-bottom:15px; border-bottom:1px solid #ddd; padding-bottom:15px;}
	#section_type_board_23 .board .board_box .box ul li a {font-family: 'NanumSquare'; font-size:18px; color:#000; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:95%;}



/*************** [board]responsive ***************/
/*게시판*/
@media screen and (max-width:1024px){
	#section_type_board_23 .board {height:auto; padding: 100px 0 50px;}
	#section_type_board_23 .board .board_box .box {float:none; width:100%; margin-right:0;}
}

@media screen and (max-width:600px){
	#section_type_board_23 .board .board_box .box .circle_tit {width:160px; height:160px; margin-left:-80px;}
	#section_type_board_23 .board .board_box .box .circle_tit h2 {font-size:24px;}
	#section_type_board_23 .board .board_box .box ul li a {font-size:16px;}
}