/*************** [board]basic ***************/
/*section_type_board_21 : 게시판*/
#section_type_board_21 .board {width:100%; /*height:900px;*/ overflow:hidden; background:url("/section/board/board_21/img/bg3.jpg")no-repeat center center; background-size:cover; padding:150px 0; box-sizing:border-box;}

#section_type_board_21 .board .title h1 {position:relative; color:#f8d05e; text-align:center; font-family:"GmarketSansMedium"; font-weight:300; font-size:36px; margin-bottom:40px;}
	#section_type_board_21 .board .title h1:before {content:""; display:block; width:40%; height:1px; background:#f8d05e; position:absolute; left:0; top:13px;}
	#section_type_board_21 .board .title h1:after {content:""; display:block; width:40%; height:1px; background:#f8d05e; position:absolute; right:0; top:13px;}
#section_type_board_21 .board .title p {color:#f8d05e; text-align:center; font-size:18px; margin-bottom:80px;}

#section_type_board_21 .board .board_box {width:100%; overflow:hidden;}
#section_type_board_21 .board .board_box .img_box{width:317px;height: 210px;overflow: hidden;}
#section_type_board_21 .board .board_box .img_box img{width:100%; height:100%; object-fit: contain;}
#section_type_board_21 .board .board_box .box {float:left; width:50%; display:table; margin-bottom:40px;}
	#section_type_board_21 .board .board_box .box h2 {display:table-cell; vertical-align:middle; width:60%;}
	#section_type_board_21 .board .board_box .box .text {display:table-cell; vertical-align:middle; width:40%;}
	#section_type_board_21 .board .board_box .box .text h3 {font-size:18px;  font-weight:300; margin-bottom:20px;padding-right: 10px;}
	#section_type_board_21 .board .board_box .box .text h3 a {color:#fff;line-height: 150%;}
	#section_type_board_21 .board .board_box .box .text h4 {font-size:16px; font-family:"GmarketSansMedium"; font-weight:100; color:#fff; margin-bottom:30px;}
	#section_type_board_21 .board .board_box .box .text p {width:100px; height:40px; background:#f8d05e; border-radius:20px; padding:14px 0; text-align:center; box-sizing:border-box;}
	#section_type_board_21 .board .board_box .box .text p a {width:100%; height:100%; display:block; border-radius:20px; font-family:"GmarketSansMedium"; color:#000; font-size:16px;}



/*************** [board]responsive ***************/
/*게시판*/
@media screen and (max-width:1200px){
	#section_type_board_21 .board {height:auto;}
	#section_type_board_21 .board .board_box {width:80%; margin:0 auto;}
	#section_type_board_21 .board .board_box .box {float:none; width:100%;}

	#section_type_board_21 .board .board_box .box .text {padding-left:20px;}
}

@media screen and (max-width:1024px){
	#section_type_board_21 .board .title h1 {font-size:30px;}
	#section_type_board_21 .board .title h1:before {width:25%;}
	#section_type_board_21 .board .title h1:after {width:25%;}
	#section_type_board_21 .board .title p {font-size:16px;}
}

@media screen and (max-width:900px){
	#section_type_board_21 .board .board_box {width:90%;}
}

@media screen and (max-width:600px){
	#section_type_board_21 .board .title h1 {font-size:24px;}
	
	#section_type_board_21 .board .board_box .box h2 {display:block; width:100%;}
	#section_type_board_21 .board .board_box .box h2 img {width:100%;}

	#section_type_board_21 .board .board_box .img_box{width:unset; height: unset;overflow: hidden;}
	
	#section_type_board_21 .board .board_box .box .text {display:block; width:100%; margin-top:30px; padding-left:0; box-sizing:border-box;}
	#section_type_board_21 .board .board_box .box .text h3 {font-size:16px;}
	#section_type_board_21 .board .board_box .box .text h4 {font-size:15px;}
	#section_type_board_21 .board .board_box .box .text p {width:90px; height:30px; padding:9px 0;margin: 0 auto;}
	#section_type_board_21 .board .board_box .box .text p a {font-size:15px;}
}