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

#section_type_board_3 .newfam {background:#f8f8f8; width:100%; height:400px; position: relative; top: -30px; padding-top: 130px; 
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
#section_type_board_3 .newfam .newfam_box {display:inline-block; }

#section_type_board_3 .newfam .newfam_intro {margin-right:8%; width:25%; }
#section_type_board_3 .newfam .newfam_intro h2 {margin-bottom:30px;}
#section_type_board_3 .newfam .newfam_intro p {line-height:140%; margin-bottom:60px;}
#section_type_board_3 .newfam .newfam_intro .btn {display:inline-block;  border:2px solid #222; transition:all 0.3s;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
#section_type_board_3 .newfam .newfam_intro .btn a {display:block; padding:20px 60px; color: #222; font-weight: 500; transition:all 0.3s;}
#section_type_board_3 .newfam .newfam_intro .btn:hover {border-color:#64b8dd;}
#section_type_board_3 .newfam .newfam_intro .btn:hover a {text-decoration:underline; color:#64b8dd;}

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


#section_type_board_3 .newinfo {width:100%;}

#section_type_board_3 .newinfo .newinfo_tab {float:left; width:49%; margin-right:2%; }
#section_type_board_3 .newinfo .newinfo_tab .tabs {display:table; width:100%;}
#section_type_board_3 .newinfo .newinfo_tab .tabs li {float:left; display:table-cell; width:33.3%; height:50px; border:1px solid #bbb; border-bottom:2px solid #000; text-align: center; padding-top: 15px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
#section_type_board_3 .newinfo .newinfo_tab .tabs > li:hover {cursor:pointer;}
#section_type_board_3 .newinfo .newinfo_tab .tabs li.active {background:#64b8dd; color:#fff;}
#section_type_board_3 .newinfo .newinfo_tab .tab_container .tab_box li {height:50px; border-bottom:1px solid #bbb; padding-top: 15px;  color:#000;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
#section_type_board_3 .newinfo .newinfo_tab .tab_container .tab_box li a {display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:70%;}
#section_type_board_3 .newinfo .newinfo_tab .tab_container .tab_box li span {float:right; font-size: 14px; padding-top: 2px;}

#section_type_board_3 .newinfo .newinfo_ban {float:left; width:24%; margin-right:2%;}
#section_type_board_3 .newinfo .newinfo_ban ul {width:100%;}
#section_type_board_3 .newinfo .newinfo_ban ul li {width:100%; height:145px; margin-bottom:10px; border:1px solid #bbb;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
#section_type_board_3 .newinfo .newinfo_ban ul li:first-child {background:url("/section/board/board_3/img/board_img5.jpg")no-repeat center center/335px; transition:all 0.3s;}
#section_type_board_3 .newinfo .newinfo_ban ul li:first-child:hover {background:url("/section/board/board_3/img/board_img5.jpg")no-repeat center center/355px;}
#section_type_board_3 .newinfo .newinfo_ban ul li:last-child {background:url("/section/board/board_3/img/board_img6.jpg")no-repeat center center/335px; margin-bottom:0; transition:all 0.3s;}
#section_type_board_3 .newinfo .newinfo_ban ul li:last-child:hover {background:url("/section/board/board_3/img/board_img6.jpg")no-repeat center center/355px;}
#section_type_board_3 .newinfo .newinfo_ban ul li a {display: block; padding: 45px 30px;}
#section_type_board_3 .newinfo .newinfo_ban ul li a h3 {font-weight:400; margin-bottom:15px; }
#section_type_board_3 .newinfo .newinfo_ban ul li a p {font-size: 15px; line-height: 130%; overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; height: 40px;}   
#section_type_board_3 .newinfo .newinfo_ban ul li:last-child a {color:#fff; padding: 35px 30px;}
#section_type_board_3 .newinfo .newinfo_ban ul li:hover a h3 {text-decoration:underline;}

#section_type_board_3 .newinfo .newinfo_icon {float:left; width:23%;}
#section_type_board_3 .newinfo .newinfo_icon ul {width:100%;}
#section_type_board_3 .newinfo .newinfo_icon ul li {width:100%; height:67.5px; margin-bottom:10px; border:1px solid #bbb; background:#f4f4f4; 
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
#section_type_board_3 .newinfo .newinfo_icon ul li a {display: block; padding: 10px 20px;}
#section_type_board_3 .newinfo .newinfo_icon ul li a img {width:40px;}
#section_type_board_3 .newinfo .newinfo_icon ul li a span {color:#000; font-weight:400; padding-left:15px; transition:all 0.3s; vertical-align: middle; }
#section_type_board_3 .newinfo .newinfo_icon ul li:last-child {margin-bottom:0;}
#section_type_board_3 .newinfo .newinfo_icon ul li a:hover span {color:#64b8dd;}

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

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

	#section_type_board_3 .newfam .newfam_icon {width:100%; margin-top:30px;}
		#section_type_board_3 .newfam .newfam_icon ul li {width:16%; }
		#section_type_board_3 .newfam .newfam_icon ul li a img {width: 80px;}
}	
@media screen and (max-width:1041px){
	#section_type_board_3 .newfam .newfam_icon ul li {width:15%; }
}
@media screen and (max-width:1024px){
	#section_type_board_3 .newfam {padding-top:50px; height:400px;}
}
@media screen and (max-width:974px){
	#section_type_board_3 {padding-bottom: 30px;}
	#section_type_board_3 .newfam {padding-top: 30px;}
	#section_type_board_3 .newfam .newfam_icon ul li {margin-right: 13%;}
	#section_type_board_3 .newfam .newfam_icon ul li:after {right: -50%;}

}
@media screen and (max-width:800px){
	#section_type_board_3 .newinfo .newinfo_tab {float:left; width:68%; margin-right:2%;}
	#section_type_board_3 .newinfo .newinfo_ban {float:left; width:30%; margin-right:0;}
	#section_type_board_3 .newinfo .newinfo_icon {float:left; width:100%;}
	#section_type_board_3 .newinfo .newinfo_icon ul li {width:23.5%; margin-right:2%; float:left; margin-top:20px;}
	#section_type_board_3 .newinfo .newinfo_icon ul li:last-child { margin-right:0;}
	#section_type_board_3 .newinfo .newinfo_icon ul li a {padding: 15px 10px;}
	#section_type_board_3 .newinfo .newinfo_icon ul li a img {width: 30px;}
	#section_type_board_3 .newinfo .newinfo_icon ul li a span {padding-left:5px; }
}
@media screen and (max-width:759px){
	#section_type_board_3 .newinfo .newinfo_icon ul li {width:49%; margin-right:2%; margin-bottom:0;}
	#section_type_board_3 .newinfo .newinfo_icon ul li:nth-child(2),
	#section_type_board_3 .newinfo .newinfo_icon ul li:nth-child(4) {margin-right:0;}
	#section_type_board_3 .newinfo .newinfo_icon ul li:nth-child(3),
	#section_type_board_3 .newinfo .newinfo_icon ul li:nth-child(4) {margin-top:10px;}
}
@media screen and (max-width:633px){
	#section_type_board_3 .newfam .newfam_intro .btn {width:50%; margin-left:25%;}

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

	#section_type_board_3 .newfam .newfam_icon ul li {margin-right: 11%; width:16%;}
	
}
@media screen and (max-width:500px){
	#section_type_board_3 .newinfo .newinfo_tab {width: 100%; margin-right:0; margin-bottom:10px;}
	#section_type_board_3 .newinfo .newinfo_ban {width: 100%; margin-top:10px;}
	#section_type_board_3 .newinfo .newinfo_ban ul li {width:49%; float:left; margin-right:2%;}
	#section_type_board_3 .newinfo .newinfo_ban ul li:last-child {margin-right:0;}
	#section_type_board_3 .newinfo .newinfo_icon {margin-top:10px;}
	#section_type_board_3 .newinfo .newinfo_icon ul li:nth-child(1),
	#section_type_board_3 .newinfo .newinfo_icon ul li:nth-child(2) {margin-top:0;}

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

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

	#section_type_board_3 .newinfo {top: -80px;}

	#section_type_board_3 .newinfo .newinfo_icon ul li {width:100%; margin-right:0; }
	#section_type_board_3 .newinfo .newinfo_icon ul li:nth-child(1),
	#section_type_board_3 .newinfo .newinfo_icon ul li:nth-child(2) {margin-top:10px;}
}

/*************** [board]animation ***************/
/*
#section_type_board_3 .newfam_intro {
  opacity: 0;
  transition: all 600ms ease;
  top:20px;
  position:relative;
}
#section_type_board_3 .newfam .newfam_intro .btn {
  opacity: 0;
  transition: all 600ms ease;
  top:20px;
  position:relative;
  transition-delay:0.3s
}
#section_type_board_3 .newfam_icon {
  opacity: 0;
  transition: all 600ms ease;
  top:20px;
  position:relative;
  transition-delay:0.6s
}

#section_type_board_3 .newinfo_tab {
  opacity: 0;
  transition: all 600ms ease;
  bottom:20px;
  position:relative;
  transition-delay:0.9s
}

#section_type_board_3 .newinfo_ban {
  opacity: 0;
  transition: all 600ms ease;
  bottom:20px;
  position:relative;
  transition-delay:1.2s
}

#section_type_board_3 .newinfo_icon {
  opacity: 0;
  transition: all 600ms ease;
  bottom:20px;
  position:relative;
  transition-delay:1.5s
}
*/