@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%;}

.wrap-visual {position: relative;}
#multipleContentsDiv_suhyup_4 {position: relative;}
#multipleContentsDiv_suhyup_4 > div:nth-child(2) {position: absolute; left: 0; top: 31%; width: 100%;}
#multipleContentsDiv_suhyup_4 > div:nth-child(2).is {top: 39%}
.visual-slider li img {display:block; /*max-height:968px;*/ height: 100%; position:relative; left:50%; transform:translate(-50%,0); max-width:none;}
.visual-text strong {display: inline-block; margin-bottom: 10px; font-family: 'Arita SemiBold'; font-size: 60px; letter-spacing: -4px; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); color: #fff;}
.visual-text p {margin-bottom: 35px; font-family: 'Dream Regular'; font-size: 20px; color: #fff;}
.visual-control {font-size: 0;}
.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 {margin: 0 15px;}
.visual-control .button button {display: none; vertical-align: middle; text-indent: -99999px;}
.visual-control .button button.on {display: inline-block; width: 8px; height: 11px;}
.visual-control .button .stop {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 {display: inline-block; width: 50px; height: 1px; background: rgba(255,255,255,.2); vertical-align: middle; text-indent: -99999px;}
.visual-control .paging li {display: inline-block; vertical-align: middle;}
.visual-control .paging .slick-active button {height: 3px; background: rgba(255,255,255,1);}

.visual-text p.ani2 {bottom: -20px;}
.ani-on .visual-text p.ani2 {bottom: 0;}
.ani-on .visual-text p.ani2 {transition-delay: .5s;}

.visual-text strong span {float: left; display: block;}
.visual-text strong span.space {width: 12px; height: 1px;}
.visual-text strong span.ani {top: -50px;}
.ani-on .visual-text strong span.ani {top: 0;}
.ani-on .visual-text strong span.ani1 {transition-delay: 0s;}
.ani-on .visual-text strong span.ani2 {transition-delay: 0.2s;}
.ani-on .visual-text strong span.ani3 {transition-delay: 0.4s;}
.ani-on .visual-text strong span.ani4 {transition-delay: 0.6s;}
.ani-on .visual-text strong span.ani5 {transition-delay: 0.8s;}
.ani-on .visual-text strong span.ani6 {transition-delay: 1s;}
.ani-on .visual-text strong span.ani7 {transition-delay: 1.2s;}
.ani-on .visual-text strong span.ani8 {transition-delay: 1.4s;}
.ani-on .visual-text strong span.ani9 {transition-delay: 1.6s;}
.ani-on .visual-text strong span.ani10 {transition-delay: 1.8s;}
.ani-on .visual-text strong span.ani11 {transition-delay: 2s;}
.ani-on .visual-text strong span.ani12 {transition-delay: 2.2s;}
.ani-on .visual-text strong span.ani13 {transition-delay: 2.4s;}
.ani-on .visual-text strong span.ani14 {transition-delay: 2.6s;}

.main-visual-scroll {display: none; 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: 900px) {
    .visual-slider li img {height: 1024px;}
    .visual-text strong {margin-bottom: 17px; font-size: 50px;}
    .visual-text p {margin-bottom: 39px; font-size: 18px; line-height: 1.6; letter-spacing: -1px;}
}

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

@media all and (max-width: 500px) {
    #multipleContentsDiv_suhyup_4 > div:nth-child(2) {top: 22%;}
    #multipleContentsDiv_suhyup_4 > div:nth-child(2).is {top: 22%}
    .visual-slider li img {height: auto; max-height: 560px;}
    .visual-util {text-align: center;}
    .visual-util .container {padding: 0 20px;}
    .visual-text strong {margin-bottom: 6px; font-size: 35px;}
    .visual-text p {margin-bottom: 24px; line-height: 1.8;}
    .visual-text p br {display: none;}
}

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