/*************** [board]basic ***************/
/*section_type_board_0 : 게시판*/
#section_type_board_4{background:url("/section/board/board_4/img/bg.jpg") no-repeat center center; background-size:cover;}
/*#section_type_board_4{background:#405dab;}*/

#section_type_board_4 .bbs_wrap{overflow:hidden; padding:0 10px; 
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
#section_type_board_4 .bbs_wrap h2.title{color:#fff !important;position:relative; text-align:center; font-weight:300;}
#section_type_board_4 .bbs_wrap .inner_bbs{float:left; width:31%; margin:0 1%;}
#section_type_board_4 .bbs_wrap .inner_bbs:nth-child(4) {float:right;}
#section_type_board_4 .bbs_wrap .inner_bbs h2{position:relative; color:#fff; font-size:22px; font-weight:300; display:block; line-height:145%; margin-bottom:20px;}
#section_type_board_4 .bbs_wrap .inner_bbs h2 > a{position:absolute; color:#fff; font-size:40px; font-weight:100; right:0; top:0;}
#section_type_board_4 .bbs_wrap .inner_bbs ul{border-top:1px solid #eee; padding:20px 0;}
#section_type_board_4 .bbs_wrap .inner_bbs ul li{overflow:hidden; font-size:17px; line-height:120%; padding:4px 0;}
#section_type_board_4 .bbs_wrap .inner_bbs ul li:last-child{border-bottom:0}
#section_type_board_4 .bbs_wrap .inner_bbs ul li a{display:block; color:#fff; float:left; font-size:16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 60%; font-weight:200; }
#section_type_board_4 .bbs_wrap .inner_bbs ul li span{color:#a6b8e7; float:right; font-size:16px;}

#section_type_board_4 .new_family{text-align:center; margin-top:30px; }
#section_type_board_4 .new_family h2.title{color:#fff !important;position:relative; text-align:center; font-weight:300; margin-bottom:40px;}
#section_type_board_4 .new_family .boardbox {float:left; overflow:hidden; width:21%; margin:2%;}
#section_type_board_4 .new_family .boardbox div {border:3px solid #9bb1e9; width:100%; height:180px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;}
#section_type_board_4 .new_family .boardbox div a {display:block; width:100%; height:180px;}
#section_type_board_4 .new_family .boardbox div a:hover {background:#777; opacity:0.3;}
#section_type_board_4 .new_family .boardbox p {color:#fff; margin-top:15px; font-weight:200; }
#section_type_board_4 .new_family .boardbox .boardbox1 {background:url("/section/board/board_4/img/boardbox_bg1.jpg")no-repeat center center; background-size:cover;}
#section_type_board_4 .new_family .boardbox .boardbox2 {background:url("/section/board/board_4/img/boardbox_bg2.jpg")no-repeat center center; background-size:cover;}
#section_type_board_4 .new_family .boardbox .boardbox3 {background:url("/section/board/board_4/img/boardbox_bg3.jpg")no-repeat center center; background-size:cover;}
#section_type_board_4 .new_family .boardbox .boardbox4 {background:url("/section/board/board_4/img/boardbox_bg4.jpg")no-repeat center center; background-size:cover;}

/*************** [board]responsive ***************/
/*게시판*/
@media screen and (max-width:1200px){ 
	#section_type_board_4 .bbs_wrap h2.title {margin-bottom:40px !important;}
}
@media screen and (max-width:970px){ 
    #section_type_board_4{padding:100px 0;}
}
@media screen and (max-width:850px){ 
    #section_type_board_4 .new_family .boardbox {width:46%;}
	
	#section_type_board_4 .bbs_wrap .inner_bbs ul li a {width:100%;}
	#section_type_board_4 .bbs_wrap .inner_bbs ul li span {display:none;}
}
@media screen and (max-width:680px){ 
	#section_type_board_4 .bbs_wrap .inner_bbs {width:98%;}
	#section_type_board_4 .bbs_wrap .inner_bbs ul li a {width:60%;}
	#section_type_board_4 .bbs_wrap .inner_bbs ul li span {display:block;}
}
@media screen and (max-width:580px){ 
	#section_type_board_4{padding:50px 0;}
	#section_type_board_4 .bbs_wrap .inner_bbs h2 {font-size:18px;}
	#section_type_board_4 .bbs_wrap .inner_bbs ul li {font-size:15px;}
	#section_type_board_4 .bbs_wrap .inner_bbs ul li span {font-size:15px;}
}
@media screen and (max-width:350px){ 
	#section_type_board_4 .new_family .boardbox { width: 97%;}
}
