/*************** [board]basic ***************/
/*section_type_board_15 : 게시판*/
#section_type_board_15 {width:100%; background:url("/section/board/board_15/img/bg_3.jpg")no-repeat center center; background-size:cover; }
#section_type_board_15 .inner {max-width:1400px;margin-top: 50px;}

#section_type_board_15 .left {float:left; width:40%;}
	#section_type_board_15 .left .slick-dots {width:120px; height:30px; left:50%; margin-left:-60px; bottom:20px;background:rgba(0,0,0,0.4); border-radius:20px;}
	#section_type_board_15 .left .slick-dots li button {}
	#section_type_board_15 .left .slick-dots li button:before {opacity:0.75; color:#fff;}
	#section_type_board_15 .left .slick-dots li.slick-active button:before {opacity:1; color:#fff;}
	
	#section_type_board_15 .left .slick-slide .image {padding:10px;}
	#section_type_board_15 .left .slick-slide .image img {width:100%;}

#section_type_board_15 .right {float:left; width:60%; padding-left: 80px; padding-right:10px; box-sizing: border-box; color:#fff;margin-top: 100px;}
	#section_type_board_15 .right h1 {font-size:30px; font-weight:400; margin-bottom:30px;}
	#section_type_board_15 .right h1 a {float:right; color:#fff;}

#section_type_board_15 .right_top {margin-bottom:35px; margin-top: 20px;}
	#section_type_board_15 .right_top ul {border-top:2px solid #fff;}
	#section_type_board_15 .right_top ul li {border-bottom:1px solid #fff; padding:25px 10px; width:100%; overflow:hidden; box-sizing:border-box;}
	#section_type_board_15 .right_top ul li p {float:left; width:15%; font-size:15px; font-weight:300;}
	#section_type_board_15 .right_top ul li h2 {float:left; width:80%; font-size:17px; font-weight:300; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	#section_type_board_15 .right_top ul li h2 a {font-size:20px; color:#fff; padding-bottom:15px; font-weight:400; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%;}
	#section_type_board_15 .right_top ul li h2 a:hover {text-decoration:underline;}

#section_type_board_15 .right_bottom {}
#section_type_board_15 .right_bottom ul {width:100%; overflow:hidden;display: flex;justify-content: space-between;}
#section_type_board_15 .right_bottom ul li {width:31%; height:180px;}
    #section_type_board_15 .right_bottom ul li img{width:100%;}
	#section_type_board_15 .right_bottom ul li.li1 {background:url("/section/board/board_15/img/li1.jpg")no-repeat center center; background-size:cover;}
	#section_type_board_15 .right_bottom ul li.li2 {background:url("/section/board/board_15/img/li2.jpg")no-repeat center center; background-size:cover;}
	#section_type_board_15 .right_bottom ul li.li3 {background:url("/section/board/board_15/img/li3.jpg")no-repeat center center; background-size:cover; margin-right:0;}
#section_type_board_15 .right_bottom ul li a {width: 100%; height: 100%; display: block; position:relative;}
#section_type_board_15 .right_bottom ul li a p {background: rgba(0,0,0,0.5); color: #fff; text-align: center; padding: 10px 0; position: absolute; width: 100%; bottom: 0; font-size:14px;}
#section_type_board_15 .right_bottom ul li a:hover p {text-decoration:underline;}

/*************** [board]responsive ***************/
/*게시판*/
@media screen and (max-width:1024px){
	#section_type_board_15 .left {float:none; width:80%; margin-left:10%; padding:0;}
		#section_type_board_15 .left .slick-dots {bottom:80px;}

	#section_type_board_15 .right {float:none; width:90%; margin-left:5%; padding-left:0; padding-bottom:40px;}
}

@media screen and (max-width:600px){
	#section_type_board_15 .right_top ul li p {width:20%;}
	#section_type_board_15 .right_top ul li h2 {width:75%;}
	#section_type_board_15 .right_bottom ul {flex-direction: column;}

	#section_type_board_15 .right_bottom ul li {width: 100%; height: auto; margin-bottom: 10px;}
}

@media screen and (max-width:450px){	
    #section_type_board_15 .right {margin-top: 0px;}
	#section_type_board_15 .right h1 {font-size: 24px;}
    
	#section_type_board_15 .right_bottom ul {flex-direction: column;}
	#section_type_board_15 .right_top ul li p {width:28%;}
	#section_type_board_15 .right_top ul li h2 {width:67%; font-size:15px;}
	#section_type_board_15 .right_top ul li h2 a {font-size:18px;}
	#section_type_board_15 .right_top ul li{padding: 15px 10px;}
	#section_type_board_15 .right_top ul li h2 a {padding-bottom:0px;}

	#section_type_board_15 .right_bottom ul li {height: 200px;}
	#section_type_board_15 .right_bottom ul li img {object-fit: cover;height: inherit;}

	#section_type_board_15 .left .slick-dots {bottom:20px;}
}