/* board_widequick121 */
.widequick121 {width:100%; background:white; box-sizing:border-box; position:relative; }

/* quick setting */
.widequick121 .wqwrap {text-align:center; max-width:1300px; margin:0 auto;}
.widequick121 .wqwrap .wq116_box {width: 23.5%; display:inline-block; position:relative; box-sizing:border-box; text-align:center;
								margin-left:-4px; margin-right:2%; margin-top:20px; margin-bottom:30px; padding:0 10px; vertical-align:bottom;}	
.widequick121 .wqwrap .wq116_box:last-child {margin-right:0;}						  

.widequick121 .wqwrap .wq116_box:hover .img img {opacity:0.5; -webkit-transition:opacity 1s; transition:opacity 1s;}

.widequick121 .wqwrap .wq116_box .img {display:inline-block; border-radius:100%; background:#333; vertical-align:top; 
										clear:both; overflow:hidden; box-sizing:border-box;}
.widequick121 .wqwrap .wq116_box .img img {width:100%;min-height:100%;display: block;height:auto; vertical-align:top;}

.widequick121 .wqwrap .wq116_box .txt {float:left; display:block; width:100%; clear:both; overflow:hidden; box-sizing:border-box;} 
.widequick121 .wqwrap .wq116_box .txt .mTitle {float:left; width:100%; margin-top:15px; padding-bottom:15px; overflow:hidden;
												font-size:17px; font-weight:600; letter-spacing:-1px; line-height:22px;
												white-space:nowrap; text-overflow:ellipsis; position:relative;}
.widequick121 .wqwrap .wq116_box .txt .mTitle:after {content:"\25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0";
													width:100%; height:2px; overflow: hidden; position:absolute; bottom:0; left:0;
													font-size:40px; letter-spacing:-12px; color:inherit;}
.widequick121 .wqwrap .wq116_box .txt .bContents { width:100%; height:90px; float:left; margin: 10px 0 15px; 
												  color:#797979; font-size: 12px; line-height: 18px; letter-spacing:-1px;
												  white-space:normal; overflow:hidden; text-overflow:ellipsis; display:block; display:-webkit-box;
												  -webkit-line-clamp: 5; -webkit-box-orient:vertical; word-break:keep-all;}

.widequick121 .wqwrap .wq116_box a.linkbtn {width:100%; float:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; box-sizing:border-box;
											font-size:13px; font-weight:600; color:#0db1c0; text-decoration:underline;}				



	@media (min-width:800px){
		.widequick121 .wqwrap .wq116_box:nth-child(4n) {margin-right:0;}
		.widequick121 .wqwrap .wq116_box:nth-child(4n+1) {clear:both; margin-left:0;}
	}

	@media (min-width:1300px){
		.widequick121 .wqwrap .wq116_box .img {width:200px; height:200px;}
	}
	@media (min-width:991px) and (max-width:1299px){
		.widequick121 .wqwrap .wq116_box .img {width:160px; height:160px;}
	}
	@media (min-width:800px) and (max-width:990px){
		.widequick121 .wqwrap .wq116_box .img {width:140px; height:140px;}
	}
	


	@media (max-width:799px){}
	@media (min-width:600px) and (max-width:799px){
		.widequick121 .wqwrap .wq116_box {width:49%;}
		.widequick121 .wqwrap .wq116_box:nth-child(2n) {margin-right:0;}
		.widequick121 .wqwrap .wq116_box:nth-child(2n+1) {clear:both; margin-left:0;}

		.widequick121 .wqwrap .wq116_box .img {width:140px; height:140px;}
	}
	@media (max-width:599px){
		.widequick121 .wqwrap {padding:20px 0 0;}
		.widequick121 .wqwrap .wq116_box {width:100%; padding:0 15px; position:relative;
										 text-align:left !important; margin:0 0 25px 0;}
		.widequick121 .wqwrap .wq116_box .img {max-width:25%; height:120px; position:absolute; left:15px; top:0;}
		.widequick121 .wqwrap .wq116_box .txt {padding-left:30%;}
		.widequick121 .wqwrap .wq116_box .txt .mTitle {font-size:15px; margin-top:0; padding-bottom:5px;}
		.widequick121 .wqwrap .wq116_box .txt .mTitle:after {height:1px; opacity:0.4;}
		.widequick121 .wqwrap .wq116_box .txt .bContents {-webkit-line-clamp:3; height:57px; margin:10px 0;}	
		.widequick121 .wqwrap .wq116_box a.linkbtn {padding-left:30%;}

	}
	@media (min-width:500px) and (max-width:599px){
		.widequick121 .wqwrap .wq116_box .img {max-width:22%; }
		.widequick121 .wqwrap .wq116_box .txt {padding-left:27%;}
		.widequick121 .wqwrap .wq116_box a.linkbtn {padding-left:27%;}
	}
	@media (max-width:399px){
		.widequick121 .wqwrap .wq116_box .img {max-width:30%; }
		.widequick121 .wqwrap .wq116_box .txt {padding-left:35%;}
		.widequick121 .wqwrap .wq116_box a.linkbtn {padding-left:35%;}
	}