@charset "utf-8";
/* @latest 2021.02.24 YHY */
/* @latest 2021.05.26 OSY */

/* 180629 */
.layout_height_L .board003_1{height:150px;}
.layout_height_M .board003_1{height:250px;}
.layout_height_H .board003_1{height:350px;}


/* board003_1 */
 .board003_1 a:focus {display:block; overflow:hidden;}
 .board003_1 {width:100%; float:left; overflow:hidden; position:relative; background:white;}
 .board003_1 .innerbox {width:100%; padding:25px 15px 30px; float:left; box-sizing:border-box; position:relative;text-align:left;}
 .board003_1 h2, .board003_1 .title {width:40%; float:left; font-size:18px; color:white; text-align:center;
 				padding:8px 15px; background:#ffb74d; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;box-sizing:border-box;}

/* rolling btn */
.board003_1 .board-pagination {position:absolute; bottom:0; display:none;}
.board003_1 .board-button-next, .board003_1 .board-button-prev {background:url(../img/board_arrow.png) no-repeat center rgba(255,255,255,0.3); width:38px; height:38px; right:0;
										    border:1px solid #c6c8cd; position:absolute; border-radius:5px; top:auto; bottom:0; cursor:pointer; /*z-index:10;*/ z-index:1; }
	.board003_1 .board-button-prev {background:url(../img/board_arrow2.png) no-repeat center rgba(255,255,255,0.3); right:39px; left:auto;}
	.board003_1 .board-pagination ~ .swiper-button-disabled {opacity:0.5;}



/* board setting */
  .board003_1 .innerbox .tit {font-size:18px; width:100%; float:left; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .board003_1 .innerbox span.date {font-size:13px; padding:10px 0 20px; float:left; width:100%; color:#a29f9f; font-weight:600;}
  .board003_1 .innerbox p.co {font-size:14px; line-height:22px; color:#616161; width:85%; float:left;
						  box-sizing:border-box; overflow:hidden; text-overflow:ellipsis;
						  position:absolute; top:90px;
						  -webkit-line-clamp: 4; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal; word-break:keep-all;}
  .board003_1 .innerbox a {position:absolute;left: 15px;bottom: 15px;}

  .board003_1 .innerbox .more_btn {color:#ffb74d; font-size:14px;}
  .board003_1 .innerbox .more_btn:after {content:"+"; padding-left:5px; font-weight:600; font-size:20px;}


.layout_height_L .board003_1 .innerbox p.co {display:none;}

		@media (min-width:1050px){
			 .board003_1 .innerbox {height:220px;}
			 .board003_1 .innerbox p.co {max-height:45px; min-height:45px; width:67%;}

			 .layout_height_H .board003_1 h2, .layout_height_H .board003_1 .title{padding: 20px 15px;}
			 .layout_height_H .board003_1 .innerbox {padding:25px 15px 30px; height:287px;}
			 .layout_height_H .board003_1 .innerbox p.co {width:85%; max-height:90px;}
			 .layout_height_H .board003_1 .innerbox a {left: 15px;}
			 	.layout_03.layout_height_H .board003_1 h2, .layout_03.layout_height_M .board003_1 h2, .layout_03.layout_height_L .board003_1 h2,
        .layout_03.layout_height_H .board003_1 .title, .layout_03.layout_height_M .board003_1 .title, .layout_03.layout_height_L .board003_1 .title {width:60%;}
			 	.layout_03.layout_height_H .board003_1 .innerbox p.co {max-height:90px; min-height:90px;}

			 	.layout_04.layout_height_H .board003_1 h2, .layout_04.layout_height_M .board003_1 h2, .layout_04.layout_height_L .board003_1 h2,
        .layout_04.layout_height_H .board003_1 .title, .layout_04.layout_height_M .board003_1 .title, .layout_04.layout_height_L .board003_1 .title {width:75%;}
			 	.layout_04.layout_height_H .board003_1 .innerbox p.co {max-height:85px; min-height:85px; width:80%;}

			 .layout_height_M .board003_1 h2, .layout_height_M .board003_1 .title {padding: 20px 15px;}
			 .layout_height_M .board003_1 .innerbox {padding:25px 15px 30px; height:186px;}
			 .layout_height_M .board003_1 .innerbox span.date {padding:5px 0 20px;}
			 .layout_height_M .board003_1 .innerbox p.co {width:85%;font-size:13px;line-height:19px;min-height:40px;max-height:40px;-webkit-line-clamp: 2;}

			 .layout_height_L .board003_1 h2, .layout_height_L .board003_1 .title{padding: 10px 15px;}
			 .layout_height_L .board003_1 .innerbox {height:106px;}
			 .layout_height_L .board003_1 .innerbox .tit {padding-right:130px; box-sizing:border-box;}
			 .layout_height_L .board003_1 .innerbox a {top:20px;width: 95%;text-align:right;left: 15px;}
			 	.layout_04.layout_height_L .board003_1 .innerbox .tit {padding-right:55px;}
			 	.layout_04.layout_height_L .board003_1 .innerbox a {right:20px; left:auto;}
			 	.layout_04.layout_height_L .board003_1 .innerbox .more_btn {font-size:0;margin-top: 5px;position: absolute;right: 0;}
		}
		@media (min-width:800px) and (max-width:1049px){
			 .board003_1 h2, .board003_1 .title {width:45%; padding:20px 30px; text-align:left; font-size:17px;}
			 .board003_1 .innerbox {height:200px; padding:25px 15px 30px;}
			 .board003_1 .innerbox .tit {font-size:15px; width:95%;}
			 .board003_1 .innerbox p.co {width:83%; font-size:12px; max-height:45px; min-height:45px;}
			 .board003_1 .innerbox a {left:30px; bottom:30px;}

			 .layout_height_H .board003_1 .innerbox {height:287px;}
			 .layout_height_M .board003_1 .innerbox {height:187px;}
			 .layout_height_L .board003_1 .innerbox {height:107px;}
			 	.layout_height_H .board003_1 .innerbox p.co {top:130px; width:83%; max-height:90px;}
			 	.layout_height_M .board003_1 .innerbox span.date {padding:5px 0 10px;}
			 	.layout_height_M .board003_1 .innerbox p.co {top:80px;-webkit-line-clamp: 2;}
			 	.layout_height_L .board003_1 h2, .layout_height_L .board003_1 .title {padding:10px 30px;}
			 	.layout_height_L .board003_1 .innerbox .tit {padding-right:40px; box-sizing:border-box;}
			 	.layout_height_L .board003_1 .innerbox a {left:auto; right:30px;top:20px;}
			 	.layout_height_L .board003_1 .innerbox .more_btn {font-size:0;}

			 	.layout_03 .board003_1 h2, .layout_03 .board003_1 .title {width:90%; box-sizing:border-box;}
			 	.layout_03.layout_height_H .board003_1 .innerbox p.co {top:125px; width:75%; }
			 	.layout_03.layout_height_M .board003_1 .innerbox p.co {width:75%; }
		}
		@media (min-width:600px) and (max-width:799px){
			 .board003_1 h2, .board003_1 .title {width: auto;min-width:30%;max-width: 100%;padding:20px 15px;text-align:left;font-size:17px;}
			 .board003_1 .innerbox {/* height:190px; */padding:20px 15px;}
			 .board003_1 .innerbox .tit {font-size:16px; width:90%;}
			 .board003_1 .innerbox span.date {padding:5px 0 10px; font-size:13px;}
			 .board003_1 .innerbox p.co {height: 66px;/* min-height:40px; */font-size: 13px;/* line-height:19px; */-webkit-line-clamp: 3;position: relative;top: 0;}
			 .board003_1 .innerbox a {/* left:15px; *//* bottom: -90px; */position: relative;clear: both;width: 100%;float: left;left: auto;bottom: auto;margin-top: 10px;}

			.board003_1 .board-button-next, .board003_1 .board-button-prev {width:30px; height:30px; background-size:8px;}
			.board003_1 .board-button-prev {right:31px;}

				.layout_height_L .board003_1 h2, .layout_height_L .board003_1 .title {padding:10px 15px;}
				.layout_04.layout_height_H .board003_1 .innerbox {height:237px;}
				.layout_04.layout_height_H .board003_1 .innerbox p.co {font-size:13px;top: 0;height: 66px;}
				.layout_04.layout_height_M .board003_1 .innerbox {height:137px;}
				.layout_04.layout_height_M .board003_1 .innerbox p.co {/* display:none; */}
				.layout_04.layout_height_M .board003_1 .innerbox a {top: 0;right:20px;left: 0px;}
				.layout_04.layout_height_M .board003_1 .innerbox .more_btn {font-size:0;}
				.layout_04.layout_height_M  .board-button-prev {/* right:auto; *//* left:15px; *//* bottom:20px; */}
				.layout_04.layout_height_M .board-button-next {/* right:auto; *//* left:46px; *//* bottom:20px; */}

				.layout_04.layout_height_L .board003_1 .innerbox {height:107px;}
				.layout_04.layout_height_L .board003_1 .innerbox a {top: 0;right:20px;left: 0;}
				.layout_04.layout_height_L .board003_1 .innerbox .more_btn {font-size:0;}
		}
		@media (max-width:599px){
			.board003_1 h2, .board003_1 .title {width:auto;max-width: 100%;min-width:40%;font-size:17px;padding: 12px 15px 14px 15px;text-align:left;}
			  .board003_1 .innerbox {padding:20px 15px;}
			  .board003_1 .innerbox .tit {font-size:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
			  .board003_1 .innerbox span.date {padding:5px 0 10px;}
			  .board003_1 .innerbox p.co {width:100%;position:relative;font-size: 13px;letter-spacing:-1px;line-height: 22px;height: 88px;min-height:40px;top:0;}
			  .board003_1 .innerbox a {position:relative; left:0; bottom:0;}

			.board003_1 .board-button-next, .board003_1 .board-button-prev {width:25px; height:25px; background-size:7px;}
			.board003_1 .board-button-prev {right:26px;}
		}