/*************** [board]basic ***************/
/*section_type_board_18 : 게시판*/
#section_type_board_18 .board {width:100%; height:800px; background:url("/section/board/board_18/img/bg.jpg")no-repeat center center; background-size:cover;  padding:100px 0; box-sizing:border-box;}

#section_type_board_18 .board .board_box {width:100%; overflow:hidden;}
#section_type_board_18 .board .board_box .left {float:left; width:30%;}
	#section_type_board_18 .board .board_box .left h2 {font-size:36px; color:#fff; font-weight:400; margin-bottom:30px;}
	#section_type_board_18 .board .board_box .left p {font-size:18px; color:#fff; line-height:135%;}

#section_type_board_18 .board .board_box .right {float:left; width:70%;}
#section_type_board_18 .board .board_box .right ul {width:100%; overflow:hidden;}
#section_type_board_18 .board .board_box .right ul li {float:left; width:30%; margin-left:3.3%; height:260px; border-radius:10px; margin-bottom:30px;}
#section_type_board_18 .board .board_box .right ul li a {display:block; width:100%; height:100%; padding:40px 30px; box-sizing:border-box;}
#section_type_board_18 .board .board_box .right ul li a h3 {color:#fff; font-family:"GmarketSansMedium"; font-size:22px; font-weight:100; border-bottom:1px solid #fff; padding-bottom:20px; margin-bottom:20px; text-align:center;}
#section_type_board_18 .board .board_box .right ul li a p {color:#fff; font-size:18px; text-align:center; line-height:135%;}
	#section_type_board_18 .board .board_box .right ul li:nth-child(1) {background:url("/section/board/board_18/img/box_bg1.png")no-repeat center center; background-size:cover;}
	#section_type_board_18 .board .board_box .right ul li:nth-child(3) {background:url("/section/board/board_18/img/box_bg2.png")no-repeat center center; background-size:cover;}
	#section_type_board_18 .board .board_box .right ul li:nth-child(5) {background:url("/section/board/board_18/img/box_bg3.png")no-repeat center center; background-size:cover;}
	#section_type_board_18 .board .board_box .right ul li:nth-child(odd) a p {text-shadow:2px 2px 2px rgba(0,0,0,0.8);}
	#section_type_board_18 .board .board_box .right ul li:nth-child(even) {background:rgba(207,207,207,0.8);}
	#section_type_board_18 .board .board_box .right ul li:nth-child(even) a h3 {color:#000; border-bottom:1px solid #000;}
	#section_type_board_18 .board .board_box .right ul li:nth-child(even) a p {color:#000;}

/*************** [board]responsive ***************/
/*게시판*/
@media screen and (max-width:1024px){
	#section_type_board_18 .board {height:auto;}

	#section_type_board_18 .board .board_box .left {float:none; width:100%; margin-bottom:40px;}

	#section_type_board_18 .board .board_box .right {float:none; width:100%;}
	#section_type_board_18 .board .board_box .right ul li {width:32%; margin-left:0; margin-right:2%;}
		#section_type_board_18 .board .board_box .right ul li:nth-child(3n) {margin-right:0;}
}

@media screen and (max-width:700px){
	#section_type_board_18 .board .board_box .left h2 {font-size:30px}
	#section_type_board_18 .board .board_box .left p {font-size:16px;}
	
	#section_type_board_18 .board .board_box .right ul li {width:48%; margin-right:4%;}
		#section_type_board_18 .board .board_box .right ul li:nth-child(3n) {margin-right:4%;}
		#section_type_board_18 .board .board_box .right ul li:nth-child(2n) {margin-right:0;}
	#section_type_board_18 .board .board_box .right ul li a h3 {font-size:20px;}
	#section_type_board_18 .board .board_box .right ul li a p {font-size:16px;}
}

@media screen and (max-width:450px){
	#section_type_board_18 .board .board_box .right ul li a {padding:40px 20px;}
}