
/* gallery003 */
 .gallery003 {width:100%; float:left; overflow:hidden; position:relative; background:white;}
 .gallery003 .innerbox {width:100%;padding: 25px 15px 30px;float:left;box-sizing:border-box;position:relative;text-align:left;}
 .gallery003 h2 {width:40%;float:left;font-size:18px;color:white;text-align:center;padding: 8px 15px;background:#66bb6a;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box;}
		
	/* rolling btn */
	.gallery003-pagination {position:absolute; bottom:0; display:none;}
	.gallery003-button-next, .gallery003-button-prev {background:url(../img/board_arrow.png) no-repeat center rgba(255,255,255,0.3); background-size:8px; width:37px; height:37px; right:0;
  										    border:1px solid #c6c8cd; position:absolute; border-radius:5px; bottom:0; cursor:pointer; /*z-index:10;*/ z-index:1; }
  	.gallery003-button-prev {background:url(../img/board_arrow2.png) no-repeat center rgba(255,255,255,0.3); right:38px; background-size:8px;}
  	.gallery003-pagination ~ .swiper-button-disabled {opacity:0.5;}

	/* gallery setting */
	 .gallery003 .innerbox {background:#fff;}
	 .gallery003 .innerbox div.img {width:30%; float:left; line-height:normal; overflow:hidden; border:1px solid rgba(0,0,0,0.1); box-sizing:border-box;
	 								background:url(/images/wzwg/site/mngr/no-img.png);background-size:contain; background-repeat:no-repeat; background-position:center; overflow:hidden; position:relative;}
	 .gallery003 .innerbox div.img img {/*width:100%;*/ position:absolute; top:-999px; bottom:-999px; left:-999px; right:-999px; margin:auto; min-width:100%; min-height:100%;}
	 .gallery003 .innerbox > div.text_box {width:70%; float:left;position:relative; line-height:normal;}

	  .gallery003 .innerbox h3.tit {font-size:18px; width:100%; float:left; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	  .gallery003 .innerbox span.date {font-size:13px; padding:10px 0 20px; float:left; width:100%; color:#a29f9f; font-weight:600;}
	  .gallery003 .innerbox p.co {font-size:14px; line-height:22px; width:85%; float:left; box-sizing:border-box; 
							  overflow:hidden; text-overflow:ellipsis; position:absolute; top:90px; color:#616161;}
	  .gallery003 .innerbox a {position:absolute; left:30px; bottom:30px;}

	  .gallery003 .innerbox .more_btn {color:#66bb6a; font-size:14px;}
	  .gallery003 .innerbox .more_btn:after {content:"+"; padding-left:5px; font-weight:600; font-size:20px;}



	  		/*layer height - different styling */
	  		.layout_01 .gallery003 .innerbox div.img {width:28%;}
	  		.layout_01 .gallery003 .innerbox > div.text_box {width:70%; box-sizing:border-box; padding-left:15px;}
	  		.layout_01 .gallery003 .innerbox p.co {max-height:40px; position:relative; top:auto; width:90%; margin:10px 0 25px;}
	  		.layout_01 .gallery003 .innerbox a {position:relative; left:auto; float:left; margin-top:20px; clear:both; display:block;}

	  		.layout_height_H .gallery003 .innerbox div.img {width:40%; line-height:normal;}
	  		.layout_height_H .gallery003 .innerbox > div.text_box {width:90%;line-height:  normal;}
	  		.layout_height_H .gallery003 .innerbox h3.tit {margin-top:5px;}
	  		 .gallery003 .innerbox span.date {padding:5px 0 10px;}
	  		 .gallery003 .innerbox p.co {max-height:40px; position:relative; top:auto; width:100%; white-space:nowrap;}
	  		 .gallery003 .innerbox a {position:relative; left:auto; float:left; margin-top:20px; clear: both;}

	  		.layout_02.layout_height_H .gallery003 .innerbox div.img {height:120px;}
	  		.layout_02.layout_height_M .gallery003 .innerbox div.img {width:30%; height:110px;}
	  		.layout_02.layout_height_M .gallery003 .innerbox div.img img {height:110px;}
	  		.layout_02.layout_height_M .gallery003 .innerbox > div.text_box {width:70%; box-sizing:border-box; padding-left:15px;}
	  		.layout_02.layout_height_M .gallery003 .innerbox h3.tit {margin-top:0; width:95%;}

	  		.layout_02.layout_height_L .gallery003 .innerbox div.img {width:20%; height:65px;}
	  		.layout_02.layout_height_L .gallery003 .innerbox div.img img {height:70px;}
	  		.layout_02.layout_height_L .gallery003 .innerbox > div.text_box {width:80%; box-sizing:border-box; padding-left:15px; position:relative;}
	  		.layout_02.layout_height_L .gallery003 .innerbox h3.tit {margin-top:0; width:95%; padding-right:80px;}
	  		.layout_02.layout_height_L .gallery003 .innerbox a {position:absolute; right:0; top:0; margin-top:-2px;}


	  		.layout_03.layout_height_H .gallery003 .innerbox div.img {width:60%; height:120px;}
	  		.layout_03.layout_height_H .gallery003 .innerbox a {}
	  		.layout_03.layout_height_M .gallery003 .innerbox div.img {height:75px;}
	  		.layout_03.layout_height_M .gallery003 .innerbox div.img img {min-height:70px; }
	  		.layout_03.layout_height_M .gallery003 .innerbox > div.text_box {padding-left:15px; box-sizing:border-box;}
	  		.layout_03.layout_height_M .gallery003 .innerbox h3.tit {font-size:16px;}
	  		.layout_03.layout_height_L .gallery003 .innerbox div.img {height:60px;}
	  		.layout_03.layout_height_L .gallery003 .innerbox div.img img {min-height:50px;}
	  		.layout_03.layout_height_L .gallery003 .innerbox > div.text_box {padding-left:15px; box-sizing:border-box; position:relative;}
	  		.layout_03.layout_height_L .gallery003 .innerbox h3.tit { padding-right:70px;}
	  		.layout_03.layout_height_L .gallery003 .innerbox a {position:absolute; right:0; top:0; margin-top:-2px;}

	  		.layout_06.layout_height_H .gallery003 .innerbox div.img {width:29%; min-height:112px; height:120px;}
	  		.layout_06.layout_height_H .gallery003 .innerbox > div.text_box {width:100%;}
	  		.layout_06.layout_height_H .gallery003 .innerbox p.co {min-height:auto; margin-bottom:20px;}


	  		.layout_04.layout_height_H .gallery003 .innerbox div.img {width:60%; height:80px;}
	  		.layout_04.layout_height_H .gallery003 .innerbox p.co {width:100%; white-space:normal; max-height:62px; line-height:20px; font-size:13px; margin-bottom:19px;}

	  		.layout_04.layout_height_M .gallery003 .innerbox div.img {width:40%;height:80px;}
	  		.layout_04.layout_height_M .gallery003 .innerbox div.img img {min-height:80px; }
	  		.layout_04.layout_height_M .gallery003 .innerbox > div.text_box {width:60%; box-sizing:border-box; padding-left:10px;}
	  		.layout_04.layout_height_M  .gallery003 .innerbox p.co {min-height:auto; max-height:30px; float:left; margin:-5px 0 15px;}

	  		.layout_04.layout_height_L .gallery003 .innerbox div.img {width:30%; height:55px;}
	  		.layout_04.layout_height_L .gallery003 .innerbox div.img img {min-height:50px;}
	  		.layout_04.layout_height_L .gallery003 .innerbox > div.text_box {width:70%; box-sizing:border-box; padding-left:10px; position:relative;}
	  		.layout_04.layout_height_L  .gallery003 .innerbox p.co {min-height:auto; max-height:30px; float:left; margin:-5px 0 15px;}
	  		.layout_04.layout_height_L .gallery003 .innerbox a {position:absolute; right:0; top:0; margin-top:-2px;}

	  		.layout_06.layout_height_M .gallery003 .innerbox div.img {height:125px;}
	  		.layout_06.layout_height_L .gallery003 .innerbox div.img {height:50px;}
	  		.layout_06.layout_height_M .gallery003 .innerbox > div.text_box {padding-left:10px; box-sizing:border-box;}
	  		.layout_06.layout_height_L .gallery003 .innerbox > div.text_box {padding-left:10px; box-sizing:border-box;}

 /* no-data */
.gallery003 .swiper-slide.no_data {}
.gallery003 .swiper-slide.no_data .innerbox > div.text_box {padding-left:0;}
.gallery003 .swiper-slide.no_data .innerbox h3.tit {font-size:14px; font-weight:400;}



		@media (min-width:1050px){ 
			 .gallery003 .innerbox {height:220px;}
			 .gallery003 .innerbox p.co {max-height:45px; min-height:45px; width:67%;}

			 .layout_height_H .gallery003 h2 {padding: 20px 15px;}
			 .layout_height_H .gallery003 .innerbox {padding:25px 15px 30px;height:287px;}
			 .layout_height_H .gallery003 .innerbox p.co {width:85%; max-height:90px;}
			 	.layout_03.layout_height_H .gallery003 h2,
			 	.layout_03.layout_height_M .gallery003 h2,
			 	.layout_03.layout_height_L .gallery003 h2 {width:60%;}
			 	

			 	.layout_04.layout_height_H .gallery003 h2,
			 	.layout_04.layout_height_M .gallery003 h2,
			 	.layout_04.layout_height_L .gallery003 h2 {width:75%;}
			 	

			 .layout_height_M .gallery003 h2 {padding: 20px 15px;}
			 .layout_height_M .gallery003 .innerbox {padding: 25px 15px 30px;height:186px;}
			 .layout_height_M .gallery003 .innerbox span.date {padding:5px 0 20px;}
			 .layout_height_M .gallery003 .innerbox p.co {width:85%; font-size:13px; line-height:19px;}

			 .layout_height_L .gallery003 h2 {padding: 10px 15px;}
			 .layout_height_L .gallery003 .innerbox {height:106px;}
			 .layout_height_L .gallery003 .innerbox h3.tit {padding-right:130px; box-sizing:border-box;}
			 .layout_height_L .gallery003 .innerbox p.co {display:none;}
			 	.layout_04.layout_height_L .gallery003 .innerbox h3.tit {padding-right:55px;}
			 	.layout_04.layout_height_L .gallery003 .innerbox .more_btn {font-size:0;}
		}
		@media (min-width:800px) and (max-width:1049px){
			 .gallery003 h2 {width:45%; padding:20px 30px; text-align:left; font-size:17px;}
			 .gallery003 .innerbox {height:200px; padding:25px 15px 30px;}
			 .gallery003 .innerbox h3.tit {font-size:15px; width:95%;}
			 .gallery003 .innerbox p.co {width:83%; font-size:12px; max-height:45px; min-height:45px;}

			 .layout_height_H .gallery003 .innerbox {height:287px;}
			 .layout_height_M .gallery003 .innerbox {height:187px;}
			 .layout_height_L .gallery003 .innerbox {height:107px;}
			 	.layout_height_M .gallery003 .innerbox span.date {padding:5px 0 10px;}
			 	.layout_height_L .gallery003 h2 {padding:10px 30px;}
			 	.layout_height_L .gallery003 .innerbox p.co {display:none;}
			 	.layout_height_L .gallery003 .innerbox h3.tit {padding-right:40px; box-sizing:border-box;}
			 	.layout_height_L .gallery003 .innerbox .more_btn {font-size:0;}

			 	.layout_03 .gallery003 h2 {width:90%; box-sizing:border-box;}
			 	.layout_03.layout_height_M .gallery003 .innerbox p.co {width:75%; }
		}
		@media (min-width:600px) and (max-width:799px){
			 .gallery003 h2 {width:auto; min-width:30%; padding:20px 15px; text-align:left; font-size:17px;}
			 .gallery003 .innerbox { padding:20px 15px;}
			 .gallery003 .innerbox h3.tit {font-size:16px; width:90%;}
			 .gallery003 .innerbox span.date {padding:5px 0 10px; font-size:13px;}
			 .gallery003 .innerbox p.co { font-size:14px; line-height:19px; width:80%;}
			 .gallery003 .innerbox a {bottom:auto;margin-top:5px;}

			.gallery003-button-next, .gallery003-button-prev {width:30px; height:30px; background-size:8px;}
			.gallery003-button-prev {right:31px;}

				.layout_block2 .gallery003 .innerbox div.img,
				.layout_block3 .gallery003 .innerbox div.img,
				.layout_03.layout_height_H .gallery003 .innerbox div.img,
				.layout_block3 .layout_04.layout_height_H .gallery003 .innerbox div.img {width:30%;}
				.layout_block2 .gallery003 .innerbox > div.text_box,
				.layout_block3 .gallery003 .innerbox > div.text_box,
				.layout_06.layout_height_H .gallery003 .innerbox > div.text_box {width:70%; box-sizing:border-box; padding-left:15px;}
				.layout_02.layout_height_L .gallery003 .innerbox div.img img {}
				.layout_03.layout_height_H .gallery003 .innerbox a {bottom:auto; margin-top:5px;}

				.layout_height_L .gallery003 h2 {padding:10px 15px;}
				.layout_block4 .layout_04.layout_height_H .gallery003 .innerbox {height:293px;}
				.layout_block4 .layout_04.layout_height_H .gallery003 .innerbox div.img {height:150px; width:90%;}
				.layout_04.layout_height_H .gallery003 .innerbox p.co {font-size:13px; min-height:auto; white-space:nowrap; margin:-7px 0 5px;}
				.layout_block4 .layout_04.layout_height_M .gallery003 .innerbox {height:193px;}
				.layout_04.layout_height_M .gallery003 .innerbox p.co {display:none;}

				.layout_block4 .layout_04.layout_height_L .gallery003 .innerbox {height:113px;}
				.layout_04.layout_height_L .gallery003 .innerbox p.co {display:none;}
				.layout_04.layout_height_L .gallery003 .innerbox .more_btn {font-size:0;}

				.layout_03.layout_height_L .gallery003 .innerbox h3.tit {box-sizing:border-box;}


		}
		@media (max-width:599px){
			.gallery003 h2 {width:auto; min-width:40%; font-size:17px; padding:12px 20px 14px 25px; text-align:left; }	
			  .gallery003 .innerbox {padding:20px 15px;}
			  .gallery003 .innerbox div.img {width:28% !important;}
			  .gallery003 .innerbox div.img img {min-height:80px !important;}
			  .gallery003 .innerbox > div.text_box {width:70% !important; box-sizing:border-box; padding-left:15px; position:relative;}
			  .gallery003 .innerbox h3.tit {font-size:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-top:0 !important; box-sizing:border-box; padding-right:40px;}
			  .gallery003 .innerbox span.date {padding:5px 0;}
			  .gallery003 .innerbox p.co {width:100%; position:relative; font-size:12px; letter-spacing:-1px; line-height:18px;  min-height:auto; margin:5px 0 10px !important; }
			  .gallery003 .innerbox a {margin-top:0 !important; bottom:auto; position:absolute; right:0; top:-2px; width:100%; text-align:right;}
			  .gallery003 .innerbox .more_btn {font-size:0;}

			.gallery003-button-next, .gallery003-button-prev {width:25px; height:25px; background-size:7px;}
			.gallery003-button-prev {right:26px;}

				.layout_04.layout_height_H .gallery003 .innerbox p.co {max-height:20px;}
/*				.layout_03.layout_height_L .gallery003 .innerbox a,
				.layout_04.layout_height_L .gallery003 .innerbox a {position:relative; }*/
		}






