._fnctWrap {line-height:1.5;}

@font-face{
	font-family:'NanumS';
	font-weight: 400;
	src:url("../fonts/NanumSquareR.eot");
	src:url("../fonts/NanumSquareR.eot?#iefix") format('embedded-opentype'),
		url("../fonts/NanumSquareR.woff") format('woff');
}
@font-face{
	font-family:'NanumS';
	font-weight: 600;
	src:url("../fonts/NanumSquareB.eot");
	src:url("../fonts/NanumSquareB.eot?#iefix") format('embedded-opentype'),
		url("../fonts/NanumSquareB.woff") format('woff');
}

.wrap-visual {position:relative;}
.wrap-visual .slider {position:relative; z-index:1;}
.wrap-visual .slider li {position:relative; text-align:center; height: 390px;}
.wrap-visual .slider .main-slogan {position:absolute; top: 18%; right: 12%; padding: 60px; min-width: 605px; height: 64.58%; background-color: rgba(0,0,0,0.4); text-align: center;}
.wrap-visual .slider .main-slogan p {display: block; font-size: 20px; font-family:'NanumS'; font-weight: 600; color: #fff; text-shadow: 2px 2px 3px rgba(0,0,0,0.3); position: relative; line-height: 1;}
.wrap-visual .slider .main-slogan p::after{content:""; display: inline-block;; position: absolute; top: 35px; left: 38%; right: 0; height: 1px; width: 110px; text-align: center; background: rgba(255,255,255,0.2);}
.wrap-visual .slider .main-slogan strong {margin-top: 22px; display: block; font-size: 40px; font-family:'NanumS'; font-weight: 400; color: #fff; line-height: 46px; text-shadow: 2px 2px 3px rgba(0,0,0,0.3);}
.wrap-visual .slider .main-slogan span {font-size: 35px; font-family:'NanumS'; font-weight: 400; color: #fff; line-height: 46px; text-shadow: 2px 2px 3px rgba(0,0,0,0.3);}

.wrap-visual .control {text-align:center; position:absolute; bottom:19%; left:0px; width:100%; height:0px; z-index:1;}
.wrap-visual .control .paging {display:inline-block;}
.wrap-visual .control .paging ul {display:inline-block;}
.wrap-visual .control .paging li {float:left; margin:0 2px;}
.wrap-visual .control .paging li.slick-active button {background:url('../images/visual-dot-on.png') no-repeat center center; position:relative;}
.wrap-visual .control .paging li button {width:22px; height:22px; background:url('../images/visual-dot-off.png') no-repeat center center; text-indent:-9999px;}
.wrap-visual .control .playstop {display:inline-block; position:relative; top:-5px; margin:0 0 0 4px;}
.wrap-visual .control .playstop button {display:none; text-indent:-9999px;}
.wrap-visual .control .playstop button.on {display:inline-block;}
.wrap-visual .control .play {width:22px; height:22px; background:url('../images/visual-play.png') no-repeat center center;}
.wrap-visual .control .stop {width:22px; height:22px; background:url('../images/visual-stop.png') no-repeat center center;}
.wrap-visual .prevnext {position: absolute; left: 0; top: 50%; width: 100%; z-index: 100;}
.wrap-visual .prevnext button {width: 45px; height: 75px; background-size: cover; position: absolute; top: 50%; margin-top: -37.5px; display: block; text-indent: -9999px;}
.wrap-visual .prevnext .prev {left: 0; background: url(../images/btnArrow_prev.png); left: 10px;}
.wrap-visual .prevnext .next {right: 0; background: url(../images/btnArrow_next.png); right: 10px;}


@media all and (max-width:900px) {
	.wrap-visual .slider .main-slogan{padding: 40px 10px 40px 10px; width: calc(100% - 145px); min-width: initial; top: 18%; left: 0; right: 0; margin: 0 auto;}
	.wrap-visual .slider .main-slogan p{font-size: 15.5px;}
	.wrap-visual .slider .main-slogan strong{font-size: 22px;}
	.wrap-visual .slider .main-slogan span{font-size: 23px;}
	.wrap-visual .slider li{height: 300px;}
}

@media all and (max-width:440px) {
	.wrap-visual .slider .main-slogan p::after{display: none;}
	.wrap-visual .slider .main-slogan p{font-size: 11.2px;}
	.wrap-visual .slider .main-slogan strong{font-size: 16px; line-height: 20px;}
	.wrap-visual .slider .main-slogan span{font-size: 15px;}
}
