@charset "UTF-8";

.moj_visual{
	position: relative;
	overflow: hidden;
	padding-top:14px;
}

/*slide*/
.moj_visual .bx-wrapper {
	margin: 0 auto;
	position: relative;
}
.moj_visual .bx-wrapper .bx-viewport ul li{
	overflow: visible;
	margin: 0 !important;
	position: relative;
	height: 412px;
}
.moj_visual .bx-wrapper .bx-viewport ul li a {display: block; overflow: visible;}
.moj_visual .bx-wrapper .bx-viewport ul li a {outline-offset: -2px;}/* 키보드이동시포커스 */
.moj_visual .bx-wrapper .bx-viewport ul li dl	 {
	position: absolute;
	top: 90px;
	right: 19px;
	color: #FFF;
	z-index: 5;
	word-break: keep-all;
	width: 29.7%;
	height: 106px;
	box-sizing: border-box;
}
.moj_visual .bx-wrapper .bx-viewport ul li dl dt {color: #fff;font-size:27px;font-weight: 600;display: block;width:95%;white-space:no-wrap;word-break: break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height: 1.3em;max-height: 3.9em;}/* 220518font-size: 38px; */
.moj_visual .bx-wrapper .bx-viewport ul li dl dd {
	display: none; overflow: hidden; width: 80%; white-space: nowrap; text-overflow: ellipsis;
	color: #c4c4c4; font-size: 14px;
	margin-top: 7px;
}
.moj_visual .bx-wrapper .bx-viewport ul li dl dd.more {
	color: #FFF;
	margin-top: 20px;
	position: relative;
	display: inline-block;
	clear: both;
}
.moj_visual .bx-wrapper .bx-viewport ul li dl dd.more:before,
.moj_visual .bx-wrapper .bx-viewport ul li dl dd.more:after {
	content: "";
	position: absolute;
	background-color: #FFF;
}
.moj_visual .bx-wrapper .bx-viewport ul li dl dd.more:before {
	top: 7px;
	right: 4px;
	width: 2px;
	height: 10px;
}
.moj_visual .bx-wrapper .bx-viewport ul li dl dd.more:after {
	top: 11px;
	right: 0;
	width: 10px;
	height: 2px;
}
.moj_visual .bx-wrapper .bx-viewport ul li dl dd.more a {
	color: #FFF;
	font-weight: 400;
	padding-right: 20px;
	display: inline-block;
}
.moj_visual .bx-wrapper .bx-viewport ul li dl dd.more a:after	{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #FFF;
	margin-top: 2px;
}
.moj_visual .imgBox {overflow: visible; width: 100%; max-height: 400px;}
.moj_visual .imgBox img{box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);border-radius:25px 25px;}

/*controls*/
.moj_visual .bx-wrapper .bx-controls .bx-pager .bx-pager-item,
.moj_visual .bx-wrapper .bx-controls .bx-pager .bx-pager-item a,
.moj_visual .bx-wrapper .bx-controls .bx-pager .bx-pager-item button,
.moj_visual .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item,
.moj_visual .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a,
.moj_visual .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item button{
	display: inline-block;
	vertical-align: middle;
}
.moj_visual .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .active{display:none;}
.moj_visual .bx-controls{position:absolute;top:36%;left:50%;display:block;width:40px;height:140px;margin-left: 161px;background:#fff;border-radius:8px 8px;}
.moj_visual .bx-controls .bx-controls-direction button,
.moj_visual .bx-controls .bx-controls-auto button{position:absolute;left:50%;display:block;width:11px;height:13px;margin-left:-5px;background:url("../images/top_slider_btns.png") no-repeat;text-indent:-9999em;}
.moj_visual .bx-controls button.active{display:none;}
.moj_visual .bx-controls button.bx-prev{top:28px;background-position:0 0;}
.moj_visual .bx-controls button.bx-next{bottom:24px;background-position:0 -103px;}
.moj_visual .bx-controls button.bx-start{top:50%;margin-top:-5px;background-position:0 -38px;}
.moj_visual .bx-controls button.bx-stop{top:50%;margin-top:-5px;background-position:0 -68px;}

/* pager */
.moj_visual .bx-pager.bx-default-pager{position:absolute;top:-115px;right: -72px;max-width: 300px;font-size:25px;font-weight:600;color:rgba(255, 255, 255, 0.7);}
.moj_visual .bx-pager.bx-default-pager:before{content:'';position:absolute;top:0;left:0;display: block;width:100%;height:4px;background-color:rgba(255, 255, 255, 0.7);}

/*background-image*/
.moj_visual .bx-wrapper .bx-controls .bx-controls-direction .bx-prev,
.moj_visual .bx-wrapper .bx-controls .bx-controls-direction .bx-next,
.moj_visual .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start,
.moj_visual .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop{
	background-image: url("../images/top_slider_btns.png");
	background-repeat: no-repeat;
	text-indent: -5000px;
}

/* responsive */
@media all and  (min-width: 320px) and (max-width: 1200px) {
	.moj_visual .bx-wrapper .bx-viewport ul li{overflow: hidden;}
	.moj_visual .bx-wrapper .bx-viewport ul li dl{display:none;}
	
	.moj_visual .bx-controls {top:auto;left:50%;bottom:0;width:auto;height:auto;margin-left:0;padding:3px 9px;transform: translate(-50%, 0);}
	.moj_visual .bx-controls .bx-controls-direction button, 
	.moj_visual .bx-controls .bx-controls-auto button{position:static;margin-left: 0;display: inline-block;width: 27px;height: 27px;border-radius: 5px 5px;}
	.moj_visual .bx-controls button.bx-prev{background-position:center -96px;}
	.moj_visual .bx-controls button.bx-next{margin-left:9px;background-position:center 6px;}
	.moj_visual .bx-controls button.bx-start,
	.moj_visual .bx-controls button.bx-stop{margin-top:0;background-position:center -31px;}
	.moj_visual .bx-controls .bx-controls-direction,
	.moj_visual .bx-controls .bx-controls-auto{display:inline-block;width: auto;}
	.moj_visual .bx-controls .bx-controls-auto{margin-left:9px;}
	
	.moj_visual .imgBox{text-align:center;}
	.moj_visual .bx-pager.bx-default-pager{display:none;}
}
@media all and (min-width: 320px) and (max-width: 820px) {
	.moj_visual .bx-wrapper{max-width:auto;}
	.moj_visual .imgBox img{width:100%;}
	.moj_visual .bx-wrapper .bx-viewport{height:auto;}
	.moj_visual .bx-wrapper .bx-viewport ul li{height:auto;}
}