/*************** [board]basic ***************/
/*section_type_board_6 : 게시판*/
/*.section2*/
#section_type_board_6 {background:url("/section/board/board_6/img/bg2_b.jpg") no-repeat center center; background-size:cover;}
/*#section_type_board_6 .section2{background:url("/section/board/board_6/img/bg2.jpg") no-repeat top center; padding:80px 0;}*/
#section_type_board_6 .section2 h2{color:#fff; margin-bottom:70px; text-align:center; font-size: 30px; font-weight: 400;}
#section_type_board_6 .section2 .inner{overflow:hidden; text-align:center; font-size:0;}
#section_type_board_6 .section2 .box{float:left; /*display:inline-block; height:476px;*/ height:460px; padding:30px; position:relative; text-align:left;
   box-sizing:border-box;
}
#section_type_board_6 .section2 .notice{width:40%; background:#fff;
    -webkit-box-shadow: 9px 7px 24px -8px rgba(0,0,0,0.66);
	-moz-box-shadow: 9px 7px 24px -8px rgba(0,0,0,0.66);
	box-shadow: 9px 7px 24px -8px rgba(0,0,0,0.66);
}
#section_type_board_6 .section2 .news{width:28%; background:#b962b8; margin:0 1%; /* transition:all 0.3s; */
    -webkit-box-shadow: 9px 7px 24px -8px rgba(0,0,0,0.66);
	-moz-box-shadow: 9px 7px 24px -8px rgba(0,0,0,0.66);
	box-shadow: 9px 7px 24px -8px rgba(0,0,0,0.66);
}
#section_type_board_6 .section2 .news:hover {background:rgba(185,98,184,0.8);}
#section_type_board_6 .section2 .etc{width:28%; padding:0px;}

#section_type_board_6 .box.notice h3{font-size:22px; color:#808080; text-align:left; margin-bottom:20px; position:relative; font-weight: 400;}
#section_type_board_6 .box.notice h3 > a{position:absolute; right:0; font-size:40px; top:-10px; font-weight:100; color:#808080;}
#section_type_board_6 .box.notice .btn_list{position:absolute; z-index:9999; bottom:30px; right:30px; overflow:hidden;}
#section_type_board_6 .box.notice .btn_list a{width:29px; height:29px; /*display:inline-block;*/float:left; }
#section_type_board_6 .box.notice .btn_list > span{/*display:inline-block;*/float:left; height:30px; width:1px; background:#ccc; margin:0 8px;}
#section_type_board_6 .box.notice a.btn_prev{background:url("/section/board/board_6/img/prev.jpg") no-repeat;}
#section_type_board_6 .box.notice a.btn_next{background:url("/section/board/board_6/img/next.jpg") no-repeat;}

#section_type_board_6 .box.notice .notice_slider > div{font-size:16px; height:330px; position:relative;}
#section_type_board_6 .box.notice .notice_slider > div a{width:100%; height:100%; display:block; color:#333; /* transition:all 0.3s; */}
#section_type_board_6 .box.notice .notice_slider > div a:hover{color:#b962b8}
#section_type_board_6 .box.notice .notice_slider > div p{font-size:16px;margin-bottom:10px; line-height: 135%;}
#section_type_board_6 .box.notice .notice_slider > div p:nth-child(1) {font-size:30px; margin-bottom:20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#section_type_board_6 .box.notice .notice_slider > div p:nth-child(2) {overflow: hidden; -webkit-line-clamp: 7; display: -webkit-box; -webkit-box-orient: vertical;}
#section_type_board_6 .box.notice .notice_slider > div span{display:block; position:absolute; bottom:0}

#section_type_board_6 .box.news h3{font-size:22px; color:#fff; text-align:left; margin-bottom:20px; position:relative; font-weight: 400;}
#section_type_board_6 .box.news h3 > a{position:absolute; right:0; font-size:40px; top:-10px; font-weight:100; color:#fff}
#section_type_board_6 .box.news > div{font-size:16px; height:330px; position:relative;}
#section_type_board_6 .box.news > div a{width:100%; height:100%; display:block; color:#fff;}
#section_type_board_6 .box.news > div p{font-size:16px;margin-bottom:10px; color:#e6c6e5; line-height: 135%;}
#section_type_board_6 .box.news > div p:nth-child(1){font-size:30px;margin-bottom:20px; color:#fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#section_type_board_6 .box.news > div p:nth-child(2) {overflow: hidden; -webkit-line-clamp: 7; display: -webkit-box; -webkit-box-orient: vertical;}
#section_type_board_6 .box.news > div span{display:block; position:absolute; bottom:0}

#section_type_board_6 .section2 .etc .etc_box{width:100%; height:220px;
   box-sizing:border-box;
    -webkit-box-shadow: 9px 7px 24px -8px rgba(0,0,0,0.66);
	-moz-box-shadow: 9px 7px 24px -8px rgba(0,0,0,0.66);
	box-shadow: 9px 7px 24px -8px rgba(0,0,0,0.66);
}
#section_type_board_6 .section2 .etc .etc_box:nth-child(1){background:#629fb9; margin-bottom:20px; /*transition:all 0.3s;*/}
#section_type_board_6 .section2 .etc .etc_box:nth-child(2){background:#62b989; /* transition:all 0.3s; */}

#section_type_board_6 .section2 .etc .etc_box:nth-child(1):hover {background:rgba(98,159,185,0.8);}
#section_type_board_6 .section2 .etc .etc_box:nth-child(2):hover {background:rgba(98,185,137,0.8);}

#section_type_board_6 .section2 .etc .etc_box div{display:table;width:100%; height:100%;}
#section_type_board_6 .section2 .etc .etc_box div a{display:table-cell; width:100%; height:100%;vertical-align:middle; font-size:16px; color:#fff;position:relative; padding:30px;
box-sizing:border-box;}
#section_type_board_6 .section2 .etc .etc_box div h3{color:#fff; font-size:27px; margin-bottom:20px; text-align:left; font-weight: 400;}
#section_type_board_6 .section2 .etc .etc_box div p {line-height:135%;}
#section_type_board_6 .section2 .etc .etc_box div a > span{position:absolute; right:0; bottom:0}

/*************** [board]responsive ***************/
/*section_type_board_6 : 게시판*/
/*section2*/
@media screen and (max-width:1024px){
	/*#section_type_board_6 .section2{padding:70px 0; background-size:cover}*/

	#section_type_board_6 .section2 .etc .etc_box div h3 {font-size:24px;}
	#section_type_board_6 .section2 .etc .etc_box div h3 {font-size:24px;}
	#section_type_board_6 .section2 .etc .etc_box div a > span img{width:80px;}

	#section_type_board_6 .box.notice .notice_slider > div p:nth-child(1) {font-size:24px;}

	#section_type_board_6 .box.news > div p:nth-child(1){font-size:24px;}
	
}
@media screen and (max-width:975px){
  #section_type_board_6 {padding:70px 0;}
}
@media screen and (max-width:970px){ /*pc*/
	#section_type_board_6 .section2 .box{display:block; height:auto;}
	#section_type_board_6 .section2 .notice,
	#section_type_board_6 .section2 .news,
	#section_type_board_6 .section2 .etc{width:100%;}
	#section_type_board_6 .section2 .news{margin:2% 0;}

	#section_type_board_6 .box.notice .notice_slider > div{height:auto; min-height:200px;}
	#section_type_board_6 .box.news > div{height:auto;}
	#section_type_board_6 .box.news > div span{position:relative; margin-top:20px;}

	#section_type_board_6 .section2 .etc .etc_box{width:48.8%; display:inline-block;}
	#section_type_board_6 .section2 .etc .etc_box:nth-child(1){margin-bottom:0; margin-right:2%;}
}
@media screen and (max-width:600px){ /*tablet*/
	#section_type_board_6 .section2 h2 {font-size: 28px;}
	#section_type_board_6 .box.notice h3 {font-size: 20px;}

	
	#section_type_board_6 .section2 .etc .etc_box div h3 {font-size:20px;}
	#section_type_board_6 .section2 .etc .etc_box div h3 {font-size:20px;}

	#section_type_board_6 .box.news h3 {font-size:20px;}
	#section_type_board_6 .box.news > div p:nth-child(1) {font-size:20px;}

	#section_type_board_6 .box.notice .notice_slider > div p:nth-child(1) {font-size:20px;}
	#section_type_board_6 .box.notice .notice_slider > div p {font-size: 15px;}
}
@media screen and (max-width:420px){
	#section_type_board_6 .section2 .etc .etc_box{height:180px;}
	#section_type_board_6 .section2 .etc .etc_box div a > span img{width:120px;}
	#section_type_board_6 .section2 .etc .etc_box{width:100%;}
	#section_type_board_6 .section2 .etc .etc_box:nth-child(1){margin-bottom:10px; margin-right:0;}
	#section_type_board_6 .section2 .etc .etc_box:nth-child(2){margin-top:10px; margin-right:0;}

	#section_type_board_6 .box.notice .notice_slider > div p:nth-child(1) {font-size:18px;}
	#section_type_board_6 .box.notice .notice_slider > div p:nth-child(2) {overflow: hidden; -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical;}
	#section_type_board_6 .box.news > div p:nth-child(1) {font-size:18px;}
	#section_type_board_6 .box.news > div p:nth-child(2) {overflow: hidden; -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical;}
	
}
@media screen and (max-width:360px){/*mobile - galaxy*/

   #section_type_board_6 .section2 .notice,
   #section_type_board_6 .section2 .news,
   #section_type_board_6 .section2 .etc{width:100%; margin:10px auto;}
   #section_type_board_6 .section2 .etc .etc_box div a{font-size:14px;}
   #section_type_board_6 .section2 .etc .etc_box div a > span img{width:100px;}
}

/*************** [board]animation ***************/