@charset "UTF-8";
/* contents */
#main-contents{clear:both; position:relative; width:100%; min-width:1200px; margin:0 auto; padding:40px 0 0; background:transparent; box-sizing:border-box;}
#main-contents .main-con{clear:both; position:relative;}

#main-contents .main-con.link{margin-bottom:40px;}
#main-contents .main-con.link ul{}
#main-contents .main-con.link ul li{display:block; float:left; width:380px; height:180px; margin:0 20px 20px 0;}
#main-contents .main-con.link ul li:nth-child(3n){margin-right:0;}
#main-contents .main-con.link ul li:nth-child(3n+1){clear:both; float:left;}
#main-contents .main-con.link ul li a{display:block; width:100%; height:100%; padding:140px 30px 0 180px;}
#main-contents .main-con.link ul li a:focus, #main-contents .main-con.link ul li a:hover{background:rgba(255,255,255,0.3);}
#main-contents .main-con.link ul li a p.tit{margin-bottom:20px; color:#f66072; font-size:26px; font-weight:500;}
#main-contents .main-con.link ul li a p.info{margin-bottom:40px; color:#444; font-size:18px; line-height:1.6;}
#main-contents .main-con.link ul li a span{display:inline-block; width:32px; height:32px; background:#444; color:#fff; font-size:15px; font-weight:500; text-align:center; line-height:32px; border-radius:100%;}
#main-contents .main-con.link ul li.link01{background:url('../images/main/bg_link_01.jpg') no-repeat center center;}
#main-contents .main-con.link ul li.link02{background:url('../images/main/bg_link_02.jpg') no-repeat center center;}
#main-contents .main-con.link ul li.link02 a{padding:220px 0; }
#main-contents .main-con.link ul li.link02 a p.info{color:#fff;}
#main-contents .main-con.link ul li.link02 a span{background:#f66072;}
#main-contents .main-con.link ul li.link03{background:url('../images/main/bg_link_03.jpg') no-repeat center center;}
#main-contents .main-con.link ul li.link03 a p.tit{color:#3a7454;}
#main-contents .main-con.link ul li.link03 a p.info{margin-bottom:12px;}
#main-contents .main-con.link ul li.link04{background:url('../images/main/bg_link_04.jpg') no-repeat center center;}
#main-contents .main-con.link ul li.link04 a p.tit{color:#507996;}
#main-contents .main-con.link ul li.link05{background:url('../images/main/bg_link_05.jpg') no-repeat center center;}
#main-contents .main-con.link ul li.link05 a p.tit{color:#f17d00;}
#main-contents .main-con.link ul li.link06{background:url('../images/main/bg_link_06.jpg') no-repeat center center;}
#main-contents .main-con.link ul li.link06 a p.tit{color:#73582e;}
#main-contents .main-con.link ul li.link07{background:url('../images/main/bg_link_07.jpg') no-repeat center center;}
#main-contents .main-con.link ul li.link07 a p.tit{color:#73582e;}
#main-contents .main-con.link ul li.link08{background:url('../images/main/bg_link_08.jpg') no-repeat center center;}
#main-contents .main-con.link ul li.link08 a p.tit{color:#73582e;}
#main-contents .main-con.link ul li.link09{background:url('../images/main/bg_link_09.jpg') no-repeat center center;}
#main-contents .main-con.link ul li.link09 a p.tit{color:#73582e;}



#main-contents .main-con.board{}
#main-contents .main-con.board div .title{clear:both; display:inline-block; position:relative; width:100%; margin:0 0 15px; padding:0 0 15px; border-bottom:1px solid #444;}
#main-contents .main-con.board div .title p.tit{display:inline-block; float:left; color:#f66072; font-size:26px; font-weight:500;}
#main-contents .main-con.board div .title a.btn-more{display:inline-block; float:right; color:#444; font-size:13px; line-height:2;}
#main-contents .main-con.board .board01{display:block; float:left; width:380px;}
#main-contents .main-con.board .board01 .title{border-bottom:none;}
#main-contents .main-con.board .board01 .title:after{content:''; clear:both; display:block; position:absolute; width:100%; height:84px; top:100%; background:url('../images/main/bg_board_01.jpg') no-repeat center center;}
#main-contents .main-con.board .board01 ul{margin-top:84px;}
#main-contents .main-con.board .board01 ul li{width:100%; margin-bottom:18px;}
#main-contents .main-con.board .board01 ul li a{width:100%; font-size:16px;}
#main-contents .main-con.board .board01 ul li a span.board-title{display:inline-block; width:72%; color:#444; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#main-contents .main-con.board .board01 ul li a span.board-date{display:inline-block; width:25%; color:#8b8b8b; text-align:right;}
#main-contents .main-con.board .board01 ul li a:focus span, #main-contents .main-con.board .board01 ul li a:hover span{color:#f66072;}
#main-contents .main-con.board .board02{display:block; position:relative; float:left; width:380px; margin:0 20px;}
#main-contents .main-con.board .board02 ul{}
#main-contents .main-con.board .board02 ul li{}
#main-contents .main-con.board .board02 ul li a{}
#main-contents .main-con.board .board02 ul li a img{margin-bottom:10px;}
#main-contents .main-con.board .board02 ul li a img.thumb{width:100%; max-width:180px;}
#main-contents .main-con.board .board02 ul li a span.board-title{display:inline-block; width:100%; max-height:40px; margin-bottom:12px; color:#444; line-height:1.3; overflow:hidden;}
#main-contents .main-con.board .board02 ul li a span.board-date{display:inline-block; width:100%; color:#8b8b8b;}
#main-contents .main-con.board .board02 ul li a:focus span, #main-contents .main-con.board .board02 ul li a:hover span{color:#f66072;}
#main-contents .main-con.board .board02 .swiper-pagination{position:relative; width:100%; margin-top:20px;}
#main-contents .main-con.board .board02 .swiper-pagination-bullet{width:10px; height:10px; margin:0 2px;}
#main-contents .main-con.board .board02 .swiper-pagination-bullet-active{background:#f66072;}
#main-contents .main-con.board .board03{display:block; float:left; width:380px;}
#main-contents .main-con.board .board03 ul{}
#main-contents .main-con.board .board03 ul li{clear:both; height:76px; margin-bottom:10px;}
#main-contents .main-con.board .board03 ul li p.day{float:left; width:24%; height:100%; padding:28px 0; background:#f66072; color:#fff; font-size:19px; font-weight:500; text-align:center;}
#main-contents .main-con.board .board03 ul li p.time{float:right; width:76%; height:100%; padding:28px 30px; background:#f1f1f1; color:#444; font-size:17px; line-height:1.2;}
#main-contents .main-con.board .board03 ul li p.time span{font-size:14px;}
#main-contents .main-con.board .board03 ul li:nth-child(2) p.time{padding:16px 30px;}
#main-contents .main-con.board .board03 ul li:last-child{margin-bottom:0;}
#main-contents .main-con.board .board03 ul li:last-child p.day{padding:19px 0; background:#c0c0c0;}

@media only screen and (max-width:1279px){
	#main-contents{min-width:1000px; padding:10px 0;}
	#main-contents .main-con.link ul li{display:inline-block; float:none; width:32%; max-width:380px; margin:0 1% 10px 0; vertical-align:middle;}
	#main-contents .main-con.link ul li:nth-child(3n+1){clear:both; float:none;}
	#main-contents .main-con.link ul li a{padding:140px 30px 0 130px;}
	#main-contents .main-con.link ul li a p.tit{margin-bottom:18px; font-size:24px;}
	#main-contents .main-con.link ul li a p.info{margin-bottom:34px; font-size:17px;}
	#main-contents .main-con.link ul li.link02 a{padding:110px 0; }
	#main-contents .main-con.link ul li.link03 a p.info{margin-bottom:12px;}

	#main-contents .main-con.board .board01{display:inline-block; float:none; width:32; max-width:380px; margin:0; vertical-align:top;}
	#main-contents .main-con.board .board02{display:inline-block; float:none; width:32; max-width:380px; margin:0 1%; vertical-align:top;}
	#main-contents .main-con.board .board03{display:inline-block; float:none; width:32; max-width:380px; vertical-align:top;}
}

@media only screen and (max-width:1024px){
	#main-contents{min-width:320px; padding:10px 0;}
	#main-contents .main-con.link ul li{width:48%; max-width:48%; height:auto; margin:0 1% 20px; vertical-align:middle; background-size:cover !important;}
	#main-contents .main-con.link ul li:nth-child(3n){margin-right:1%;}
	#main-contents .main-con.link ul li:nth-child(2n){margin-right:0;}
	#main-contents .main-con.link ul li:nth-child(2n-1){margin-left:0;}
	#main-contents .main-con.link ul li a{padding:75px 0 30px 16%; text-align:center;}
	#main-contents .main-con.link ul li a p.info{word-break:keep-all;}
	#main-contents .main-con.link ul li.link02 a{padding:50px 20px;}
	#main-contents .main-con.link ul li.link02 a p.info{margin-bottom:12px;}

	#main-contents .main-con.board .board01{display:block; width:100%; max-width:100%; min-width:300px; margin:0 0 40px;}
	#main-contents .main-con.board .board01 .title:after{background:#bababa url('../images/main/bg_board_m_01.jpg') no-repeat center center;}
	#main-contents .main-con.board .board02{display:block; width:100%; max-width:100%; min-width:300px; margin:0 0 40px;}
	#main-contents .main-con.board .board02 ul li a{width:100%;}
	#main-contents .main-con.board .board03{display:block; width:100%; max-width:100%; min-width:300px; margin:0 0 40px;}
}

@media only screen and (max-width:425px){
	#main-contents .main-con.link ul li{width:100%; max-width:100%; min-width:300px; height:auto; max-height:240px; margin:0 0 20px; vertical-align:middle; background-size:cover !important;}
	#main-contents .main-con.link ul li:nth-child(3n){margin-right:0;}
	#main-contents .main-con.link ul li a{padding:50px 20px 50px 125px; text-align:left;}
	#main-contents .main-con.link ul li.link02 a{text-align:center;}
}