@charset "UTF-8";

.moj_banner span{width: 12px; height: 12px; position: absolute; right: 3px; top: 50%; margin-top:-7px;}
._imgSldWBnrWrap {height: 100%; position: relative;}
._imgSldWBnr h2	 {font-size: 14px; color: #3c3c3c; position: absolute;top: 23px; left: 0; display:none;}
._imgSldWBnrWrap ._imgSldWBnr{position: relative; padding: 15px 0 15px;}
/*slide*/
._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper {position: relative; margin-left: 40px;}
._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-viewport ul li{border:1px solid #D8D8D8; border-radius:8px; overflow:hidden;}
._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-viewport ul li ._inner{display: block;box-sizing: border-box;outline-offset:-3px;}
._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-viewport ul li ._inner img{display: block; width: 100%;}
/*controls*/
._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-controls{ text-align: center;}
._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-controls-direction{position:absolute; top:0; width:100%;}
._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-controls .bx-controls-auto{position: absolute; top:11px; right: -70px;}
/*direction*/
._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-controls .bx-controls-direction .bx-prev,
._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-controls .bx-controls-direction .bx-next{position:absolute; width: 30px; height: 30px; border:1px solid #e4e4e4; border-radius:100%; outline-offset:-3px;}
._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{top:11px; left:-35px; background: #fff url('../images/ico_prev.png') center no-repeat;}
._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-controls .bx-controls-direction .bx-next{top:11px; right:-35px; background: #fff url('../images/ico_next.png') center no-repeat;}
/*controls auto*/
._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .active{display: none;}
._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start,
._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop{width:30px; height:30px; border:1px solid #e4e4e4; border-radius:100%; outline-offset:-3px;}
._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start{background: #fff url('../images/ico_play.png') center no-repeat;}
._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop{background:#fff url('../images/ico_stop.png') center no-repeat;}

@media all and (max-width: 1300px) {
	._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper{max-width:calc(100% - 10vw) !important;}
	._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{left:-40px;}
}
@media all and (max-width: 1024px) {
	._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper{max-width:100% !important; margin-left:0; padding:0 24px;}
	._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-controls-direction{position:static; display:inline-block; width:auto; margin-top:10px;}
	._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-controls .bx-controls-direction .bx-prev, 
	._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-controls .bx-controls-direction .bx-next{position:static;}
	._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-controls .bx-controls-direction .bx-next{margin-left:4px;}
	._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-controls .bx-controls-auto{position: static; display: inline-block; margin-left: 4px;}
	/* ._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper{max-width:calc(100% - 16vw) !important; padding-left:24px;}
	._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-controls .bx-controls-direction .bx-next{right:-20px;}
	._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-controls .bx-controls-auto{right:-80px;} */
}
@media all and (max-width: 860px) {
	._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper{padding:0 16px;}
	/* ._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper{max-width:calc(100% - 16vw) !important; margin-left:0; padding-left:56px;}
	._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-controls .bx-controls-direction .bx-next{right:20px;} */
}
@media all and (max-width: 420px) {
	/* ._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-controls .bx-controls-auto{right:-70px;} */
}