<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* 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; position: relative;}
.widequick121 .wqwrap .wq116_box .img img {width: auto;min-width: 100%;min-height:100%;display: block;height:auto; margin:auto;
                                           position:absolute; top:-999px; bottom:-999px; left:-999px; right:-999px;}

.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; border-bottom:2px solid #333;
												font-weight:600; letter-spacing:-0.5px; line-height:140%; white-space:nowrap; text-overflow:ellipsis; position:relative;}
.widequick121 .wqwrap .wq116_box .txt .bContents {display:block; width:100%; float:left; margin: 10px 0 15px; overflow:hidden;
												 color:#797979; line-height: 140%; letter-spacing:-0.5px; white-space:normal; text-overflow:ellipsis; 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; overflow:hidden; box-sizing:border-box;
											font-weight:600; color:#0db1c0; text-decoration:underline;
											text-overflow:ellipsis; white-space:nowrap;}				



	@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 30px 0;}
		.widequick121 .wqwrap .wq116_box .img {max-width:25%;/* height:120px; */padding-bottom: 22%;max-height: 120px;position:absolute;left:15px;top:0;}
		.widequick121 .wqwrap .wq116_box .img img {max-height:150%; max-width:150%;}
		.widequick121 .wqwrap .wq116_box .txt {padding-left:30%;}
		.widequick121 .wqwrap .wq116_box .txt .mTitle {font-size: 16px;margin-top:0;padding-bottom:5px;}
		.widequick121 .wqwrap .wq116_box .txt .bContents {-webkit-line-clamp: 5;/* height:57px; */margin:10px 0;font-size: 15px;}	
		.widequick121 .wqwrap .wq116_box a.linkbtn {padding-left:30%;}

	}
	@media (min-width:500px) and (max-width:599px){
		.widequick121 .wqwrap .wq116_box .img {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%;}
	}

</pre></body></html>