
/* board_widequick113 */
.widequick113 {width:100%; padding:15px 0; float:left; box-sizing:border-box; position:relative; background:white; }

.widequick113 .maintit {text-align:center;}
.widequick113 .maintit h2 {font-size:22px; font-weight:400; color:#333; line-height:normal; position:relative; padding-top:15px;}
.widequick113 .maintit h2:before {content:"\25A0 \25A0 \25A0 \25A0 \25A0 \25A0 \25A0"; display:block; position:absolute; top:0; left:50%;
								  font-size:40px; letter-spacing:-13px; width:70px; height:4px; overflow: hidden; line-height:0; text-indent:-10px; margin-left:-35px;}

/* quick setting */
.widequick113 .wqwrap {text-align:center;}
.widequick113 .wqwrap .wq113_box {width:32%; margin-left:-5px; margin-right:2%; display:inline-block; position:relative; 
							text-align:left; box-sizing:border-box; margin-top:30px;}
.widequick113 .wqwrap .wq113_box:last-child {margin-right:0;}

.widequick113 .wqwrap .wq113_box a {width:100%; float:left; color:#333; text-align:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.widequick113 .wqwrap .wq113_box:hover .icon img {transform:scale(1.1); -webkit-transition:transform 1s; transition:transform 1s;}

.widequick113 .wqwrap .wq113_box div {float:left; overflow:hidden; box-sizing:border-box;}
.widequick113 .wqwrap .wq113_box .icon {width:auto;}
.widequick113 .wqwrap .wq113_box .icon .circle {border:5px solid #dadbdc; border-radius:100%; text-align:center;}
.widequick113 .wqwrap .wq113_box .icon .circle img {width:auto; max-width:80%; max-height:40px; display:inline-block; vertical-align:middle;}
.widequick113 .wqwrap .wq113_box .txt {width:70%;} 
.widequick113 .wqwrap .wq113_box .txt .bTitle {float:left; width:100%; font-weight:600; font-size:16px; letter-spacing:-1px; line-height:22px; padding-top:5px;}
.widequick113 .wqwrap .wq113_box .txt .bContents {float:left; width:100%; color:#636363; font-size:13px; letter-spacing:-1px; line-height:18px; 
											margin-top:5px; white-space:normal;  height:54px;
											overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; display:block; display:-webkit-box; -webkit-box-orient:vertical;}
.widequick113 .wqwrap .wq113_box .txt:after {content:"MORE >"; color:#3469a0; font-weight:600; text-decoration:underline; display:block; text-align:left; clear:both; margin-top:5px; float:left;}

					




	@media (min-width:991px){
		.widequick113 .wqwrap .wq113_box .txt {width:70%;}
		.widequick113 .wqwrap .wq113_box .icon .circle {width:84px; height:84px; line-height:70px;}

	}

	@media (min-width:800px){
		.widequick113 .wqwrap .wq113_box .txt {padding:0 15px;}
		.widequick113 .wqwrap .wq113_box:nth-child(3n) {margin-right:0;}
		.widequick113 .wqwrap .wq113_box:nth-child(3n+1) {clear:both; margin-left:-2px;}
	}

	@media (min-width:800px) and (max-width:990px){
		.layout_01 .widequick113 .wqwrap .wq113_box .icon .circle {width:67px; height:67px; line-height:50px;}
	}

	@media (max-width:799px){
		.widequick113 .wqwrap .wq113_box {margin-left:0;}
		.widequick113 .wqwrap .wq113_box {width:48%;}
		.widequick113 .wqwrap .wq113_box:nth-child(2n) {margin-right:0;}
		.widequick113 .wqwrap .wq113_box .txt {padding-left:10px;}
	}

	@media (min-width:500px) and (max-width:799px){
		.widequick113 .wqwrap .wq113_box .icon .circle {width:68px; height:68px; line-height:55px;}
		
	}

	@media (max-width:499px){
		.widequick113 .maintit h2 {font-size:17px;}

		.widequick113 .wqwrap .wq113_box .txt .bTitle {font-size:15px; padding-top:0;}
		.widequick113 .wqwrap .wq113_box .txt .bContents {font-size:12px; line-height:16px; height:48px;}	

		.widequick113 .wqwrap .wq113_box .icon .circle {width:53px; height:53px; line-height:45px; border-width:3px;}
		.widequick113 .wqwrap .wq113_box .icon .circle img {max-height:35px;}

	}

