@charset "utf-8";
/*-------------------------------------------------
Author : ¤¸¤±¤¸
Create date : 2018-11-28
-------------------------------------------------*/

.mVisual{display:block}
.video{display:none}
.video .player{position:relative;padding-top:750px;overflow:hidden;z-index:0} 
.video .player video{position:absolute;left:0;top:50%;width:100%;transform:translate(0, -50%);z-index:-1}
.video .player + .caption{position:absolute;bottom:240px;left:50%;width:680px;padding-right:200px;transform:translateX(-100%);-webkit-transform:translateX(-100%);z-index:2}
.video .player + .caption strong{display:block;position:relative}
.video .player + .caption strong > em{display:block;margin-top:10px;font-weight:300;font-size:3.125em;line-height:1.2em;font-family:"Nanum Square";color:#fff;letter-spacing:-0.05em;text-shadow:0 1px 2px rgba(0,0,0,0.68)}
.video .player + .caption p{position:absolute;left:0;bottom:0;width:100%;padding-right:200px;opacity:0;transition:opacity 1s 0.2s}
.video .player + .caption p:before{position:absolute;top:-60px;left:0;width:27px;height:1px;background:#fff;content:""}
.video .player + .caption p.active{opacity:1}

.video .player + .caption .char1,
.video .player + .caption .char2,
.video .player + .caption .type3 .char3,
.video .player + .caption .type3 .char7,
.video .player + .caption .type3 .char9,
.video .player + .caption .type3 .char10,
.video .player + .caption .type3 .char12{font-weight:700}

.video .player + .caption span{opacity:0;transition:all 1s}
.video .player + .caption .active span{opacity:1}

.video .player + .caption .active span:nth-child(2){transition:all 1s 0.3s}
.video .player + .caption .active span:nth-child(3){transition:all 1s 0.6s}
.video .player + .caption .active span:nth-child(4){transition:all 1s 0.9s}
.video .player + .caption .active span:nth-child(5){transition:all 1s 1.2s}
.video .player + .caption .active span:nth-child(6){transition:all 1s 1.5s}
.video .player + .caption .active span:nth-child(7){transition:all 1s 1.8s}
.video .player + .caption .active span:nth-child(8){transition:all 1s 2.1s}
.video .player + .caption .active span:nth-child(9){transition:all 1s 2.4s}
.video .player + .caption .active span:nth-child(10){transition:all 1s 2.7s}
.video .player + .caption .active span:nth-child(11){transition:all 1s 3.0s}
.video .player + .caption .active span:nth-child(12){transition:all 1s 3.3s}
.video .player + .caption .active span:nth-child(13){transition:all 1s 3.6s}
.video .player + .caption .active span:nth-child(14){transition:all 1s 3.9s}
.video .player + .caption .active span:nth-child(15){transition:all 1s 4.2s}
.video .player + .caption .active span:nth-child(16){transition:all 1s 4.5s}
.video .player + .caption .active span:nth-child(17){transition:all 1s 4.8s}
.video .player + .caption .active span:nth-child(18){transition:all 1s 5.1s}
.video .player + .caption .active span:nth-child(19){transition:all 1s 5.4s}
.video .player + .caption .active span:nth-child(20){transition:all 1s 5.7s}
/*
.video .player + .caption p.type3{opacity:1;filter:alpha(opacity=100)}
.video .player + .caption p.type3 span{opacity:1;filter:alpha(opacity=100)}
*/

/*¹ÝÀÀÇü*/
@media screen and (max-width:1440px){
	.video .player + .caption{left:0;bottom:180px;padding:0 200px;width:100%;transform:none;-webkit-transform:none}
	.video .player + .caption p{left:50%;width:880px;padding:0;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
	.video .player + .caption p:before{top:-30px;left:0}
}
@media screen and (max-width:1360px){
	.video .player{padding-top:600px}
}
@media screen and (max-width:1152px){
	.video .player{padding-top:500px}
}
@media screen and (max-width:1024px){
	.video{display:none}
	.mVisual{display:block}
}