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

/*************** [board]basic ***************/
/*section_type_board_22 : 게시판*/
#section_type_board_22{}

#section_type_board_22 .newfam {background:#f8f8f8; width:100%; height:auto; position: relative; padding:100px 0; overflow:hidden;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
#section_type_board_22 .newfam .newfam_box {display:inline-block; }

#section_type_board_22 .newfam .newfam_intro {margin-right:5%; width:28%; }
#section_type_board_22 .newfam .newfam_intro h2 {font-family: 'NanumSquare'; font-size:30px; color:#000; font-weight:400; margin-bottom:30px;}
#section_type_board_22 .newfam .newfam_intro p {font-family: 'NanumSquare'; font-size:18px; color:#000; line-height:140%; margin-bottom:60px;}
#section_type_board_22 .newfam .newfam_intro .btn {display:inline-block; background:#64b8dd; transition:all 0.3s; margin-bottom:0;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
#section_type_board_22 .newfam .newfam_intro .btn a {display:block; padding:20px 60px; color: #fff; font-weight: 500; transition:all 0.3s;}
#section_type_board_22 .newfam .newfam_intro .btn:hover {border:1px solid #64b8dd; background:none;}
#section_type_board_22 .newfam .newfam_intro .btn:hover a {text-decoration:underline; color:#64b8dd;}

#section_type_board_22 .newfam .newfam_icon {width: 66%;}
#section_type_board_22 .newfam .newfam_icon ul li {position:relative; float:left; color: #222; font-weight: 500; text-align: center; margin-right:120px; transition:all 0.3s; font-family: 'NanumSquare';}
#section_type_board_22 .newfam .newfam_icon ul li:hover {color:#64b8dd; text-decoration:underline;}
#section_type_board_22 .newfam .newfam_icon ul li:nth-child(4) {margin-right:0;}
#section_type_board_22 .newfam .newfam_icon ul li:after {position:absolute; right:-70px; top:55px; content:""; background:url("/section/board/board_22/img/newfam_bullet.png")no-repeat right top/25px 25px; width: 25px; height: 25px;}
#section_type_board_22 .newfam .newfam_icon ul li:nth-child(4):after {display:none;}
#section_type_board_22 .newfam .newfam_icon ul li a {display:block; margin-bottom:20px;}
#section_type_board_22 .newfam .newfam_icon ul li a img {width:100px;}




/*************** [board]responsive ***************/
/*게시판*/
@media screen and (max-width:1200px){
	#section_type_board_22 .newfam .newfam_box {display:block; }

	#section_type_board_22 .newfam .newfam_intro {width:100%;}
		#section_type_board_22 .newfam .newfam_intro h2 {text-align:center; margin-bottom:20px;}
		#section_type_board_22 .newfam .newfam_intro p {text-align:center; margin-bottom:20px;}
		#section_type_board_22 .newfam .newfam_intro .btn {text-align:center; width:40%; margin-left:30%;}
		#section_type_board_22 .newfam .newfam_intro .btn a {padding: 10px 60px;}

	#section_type_board_22 .newfam .newfam_icon {width:100%; margin-top:30px;}
		#section_type_board_22 .newfam .newfam_icon ul li {width:16%; }
		#section_type_board_22 .newfam .newfam_icon ul li a img {width: 80px;}
}	
@media screen and (max-width:1041px){
	#section_type_board_22 .newfam .newfam_icon ul li {width:15%; }
}

@media screen and (max-width:974px){
	#section_type_board_22 {padding-bottom: 30px;}
	#section_type_board_22 .newfam .newfam_icon ul li {margin-right: 13%;}
	#section_type_board_22 .newfam .newfam_icon ul li:after {right: -50%;}

}


@media screen and (max-width:633px){
	#section_type_board_22 .newfam .newfam_intro .btn {width:50%; margin-left:25%;}

	#section_type_board_22 .newfam .newfam_icon ul li:after {background: url(/section/board/board_22/img/newfam_bullet.png)no-repeat right top/20px 20px; width: 20px; height: 20px;}
	#section_type_board_22 .newfam .newfam_icon ul li a img {width: 60px;}
}
@media screen and (max-width:510px){
	#section_type_board_22 .newfam .newfam_intro .btn {width:60%; margin-left:20%;}

	#section_type_board_22 .newfam .newfam_icon ul li {margin-right: 11%; width:16%;}
	
}

@media screen and (max-width:414px){
	#section_type_board_22 .newfam .newfam_intro .btn {width:80%; margin-left:10%;}

	#section_type_board_22 .newfam .newfam_icon ul li {margin-right: 6%; width:20%; font-size: 13px;}
	#section_type_board_22 .newfam .newfam_icon ul li:after {background:none; content:"·"; right:-25%; top: 35px;}
	#section_type_board_22 .newfam .newfam_icon ul li a img {width: 50px;}
}