@charset "UTF-8";

._fnctWrap {line-height:1.5;}

/* Visual */

.wrap-visual,
.wrap-visual .visual-slider,
.wrap-visual .slider,
.wrap-visual .slick-list,
.wrap-visual .slick-track {height: 100%;}

#multipleContentsDiv_suhyup_4 {position: relative;}
#multipleContentsDiv_suhyup_4 > div:nth-child(2) {position: absolute; left: 0; top: 44%; width: 100%;}
.wrap-visual {position: relative;}
.visual-slider li img {display:block; /*max-height:968px;*/ height: 100%; position:relative; left:50%; transform:translate(-50%,0); max-width:none;}
.visual-text {line-height: 60px; margin:0 50px;}
.visual-text strong {display: inline-block; margin-bottom: 42px; font-family: 'Mont Light'; font-size: 50px; letter-spacing: 0px; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); color: #fff;}
.visual-text strong em {font-family: 'Mont Bold';}
.visual-control {font-size: 0; margin:0 55px;}
.visual-control .state,
.visual-control .button,
.visual-control .paging {display: inline-block; vertical-align: middle; font-size: 0;}
.visual-control .state span {display: inline-block; font-family: 'Mont SemiBold'; font-size: 15px; vertical-align: middle; color: #fff;}
.visual-control .state .slash {margin: 0 5px; font-size: 10px;}
.visual-control .button {position: relative; top: 1px;}
.visual-control .button button {display: inline-block; width: 8px; height: 11px; vertical-align: middle; text-indent: -99999px;}
.visual-control .button .stop {margin-right: 15px; background: url('../images/btn-visual-stop.png') no-repeat center center;}
.visual-control .button .play {background: url('../images/btn-visual-play.png') no-repeat center center;}
.visual-control .paging button {position: relative; font-family: 'Mont Medium'; font-size: 14px; color: #fff;}
.visual-control .paging button::before {content: '0';}
.visual-control .paging button::after {display: none; content: ''; position: absolute; left: 0; bottom: -3px; width: 100%; height: 2px; background: #fff;}
.visual-control .paging .slick-active button::after {display: block;}
.visual-control .paging li {display: inline-block; margin-right: 17px; vertical-align: middle;}

.main-visual-scroll {position: absolute; width: 100%; left: 0; bottom: 50px; z-index: 1; text-align: center;}
.main-visual-scroll img {position:relative; display: inline-block; animation: upDown 1.5s ease-in-out infinite;}

@keyframes upDown {
	0% {
		opacity: 0.5;
		transform:  translateY(-5px);
	}
	50% {
		opacity: 1;
		transform: translateY(5px);
	}
	100% {
		opacity: 0.5;
		transform:  translateY(-5px);
	}
}

@media all and (max-width: 1400px) {
	.main-visual-scroll {display: none;}
}

@media all and (max-width: 1024px) {
    .visual-slider li img {max-height: 670px;}
	.visual-text {margin: 0;}
	.visual-control {margin: 0;}
}

@media all and (max-width: 900px) {
    .visual-text strong {margin-bottom: 17px; font-size: 50px;}
}

@media all and (max-width: 720px) {
    .visual-text strong {font-size: 40px;}
}

@media all and (max-width: 600px) {
    #multipleContentsDiv_suhyup_4 > div:nth-child(2) {top: 41%;}
    .visual-slider li img {height: auto; max-height: 450px;}
	.visual-text {line-height: unset;}
    .visual-text strong {font-size: 30px;}
}

@media all and (max-width: 500px) {
    .visual-util .container {padding: 0 35px;}
}

#multipleContentsDiv_suhyup_4 ._fnctWrap ._fnctAdmin {top: 91px !important;}