@charset "utf-8";

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

/* quick setting */
.widequick126 .wqwrap {text-align:center; margin:0 auto;}
.widequick126 .wqwrap .wq116_box {width:100%; /*max-width:1300px;*/ position:relative; height: auto;overflow: hidden; display: inline-block;margin-bottom: 20px; }					  
    .div_wrap.border-radius .widequick126 .wqwrap .wq116_box {border-radius:15px;}
.widequick126 .wqwrap .wq116_box>a {width:100%; float:left;}
.widequick126 .wqwrap .wq116_box>a:focus {border:1px dotted #333; box-sizing:border-box;width:100%;}

.widequick126 .wqwrap .wq116_box div {height:100%; box-sizing:border-box;}
.widequick126 .wqwrap .wq116_box .img {width: 50%;position: absolute;top: 0;overflow: hidden; transition-timing-function:linear; -webkit-transition:width 1s;transition:width 1s;}
.widequick126 .wqwrap .wq116_box .img img {min-width: 100%;min-height:100%;height:auto;opacity:0.9; position: absolute;top: -999px;bottom: -999px;right: -999px;left: -999px;margin: auto;}

.widequick126 .wqwrap .wq116_box .txt {position: relative;width: 100%;float: left;} 
.widequick126 .wqwrap .wq116_box .txt .mTitle {width: 50%;font-weight:600;font-size:18px;letter-spacing:-1px;text-align:center;line-height:150%; color:#fff;
												position: absolute;top: 50%;transform: translate(0,-50%);}
.widequick126 .wqwrap .wq116_box .txt .bContents {width:50%; color:#797979; font-size: 16.5px; letter-spacing: -0.5px; line-height: 150%; text-align:center; word-break: keep-all;
												  box-sizing: border-box; background:#f0f0f0; padding:55px 15px; -webkit-transition:width 1s; transition:width 1s;}	

	.widequick126 .wqwrap .wq116_box:nth-child(odd) .txt .mTitle {left: 0;}
	.widequick126 .wqwrap .wq116_box:nth-child(even) .txt .mTitle {right:0;}	
	.widequick126 .wqwrap .wq116_box:nth-child(odd) .txt .bContents {float:right;}										  
	.widequick126 .wqwrap .wq116_box:nth-child(even) .txt .bContents {float:left;}	
	.widequick126 .wqwrap .wq116_box:nth-child(odd) .img {left:0;}
	.widequick126 .wqwrap .wq116_box:nth-child(even) .img {right:0;}									  
	
	/* layout */
	.borderbox .widequick126 .wqwrap {padding:20px 20px 0;}
	
	@media (min-width:800px){
		.widequick126 .wqwrap .wq116_box:hover .img,
        .widequick126 .wqwrap .wq116_box>a:focus .img {width:52%; }
		.widequick126 .wqwrap .wq116_box:hover .txt .bContents,
        .widequick126 .wqwrap .wq116_box>a:focus .txt .bContents {width:48%; }
	}
	@media (max-width:799px){	}

	@media (min-width:600px) and (max-width:799px){}
	@media (max-width:599px){
		.widequick126 .wqwrap {padding:30px 0 15px;}
		.widequick126 .wqwrap .wq116_box {background:#000;}
		.widequick126 .wqwrap .wq116_box .img {width:100%; opacity:0.9;}
		.widequick126 .wqwrap .wq116_box .txt {padding:30px 15px;}
		.widequick126 .wqwrap .wq116_box .txt .mTitle {width:100%; position:relative; transform:none; padding:15px 15px 20px;}
		.widequick126 .wqwrap .wq116_box .txt .bContents {width:100%; opacity:0.9; box-shadow:0px 0px 3px 1px rgba(0,0,0,0.1); border-radius:2px; padding:30px 15px;}

	}