@charset "utf-8";

/*COMMON*/
#multipleContentsDiv_templet_depart_B_9{max-width:1700px;margin:0 auto;padding:225px 0 50px 0;}
@media all and (max-width:1740px){
	#multipleContentsDiv_templet_depart_B_9{max-width:96%;}
}
@media all and (max-width:1280px){
	#multipleContentsDiv_templet_depart_B_9{padding-top:150px;}
}
@media all and (max-width:768px){
	#multipleContentsDiv_templet_depart_B_9{padding-top:100px;}
}


/*BG*/
#multipleDiv_templet_depart_B_10{background:#FFF;}


/*비주얼*/
#menu1827_obj77{position:fixed;top:0;left:0;width:100% !important;height:100% !important;}


/*슬로건*/
.slogan{color:#FFF;line-height:1.3;}
.slogan .item_1{font-family:'Play Regular';font-size:25px;}
.slogan .item_2{font-family:'Dream Bold';font-size:45px;text-shadow:1px 1px 3px #000;padding-top:10px;}
.slogan .item_3{font-family:'Dream Regular';font-size:18px;letter-spacing:-1px;line-height:1.5;padding-top:10px;}
@media all and (max-width:1280px){
	.slogan .item_1{font-size:20px;}
	.slogan .item_2{font-size:35px;}
}
@media all and (max-width:768px){
	.slogan{text-align:center;}
	.slogan .item_1{font-size:16px;}
	.slogan .item_2{font-size:25px;}
	.slogan .item_3{font-size:14px;}
}
/*애니메이션*/
.slogan .item_1{opacity:0;transform:translateY(-50px);}
.slogan .item_1{animation-name:slogan_1;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.5s;}
@keyframes slogan_1{
	0%{}
	100%{opacity:1;transform:translateY(0);}
}
.slogan .item_2{opacity:0;transform:translateY(50px);}
.slogan .item_2{animation-name:slogan_2;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1s;}
@keyframes slogan_2{
	0%{}
	100%{opacity:1;transform:translateY(0);}
}
.slogan .item_3{opacity:0;transform:translateY(50px);}
.slogan .item_3{animation-name:slogan_3;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.5s;}
@keyframes slogan_3{
	0%{}
	100%{opacity:1;transform:translateY(0);}
}


/*비디오*/
.wrap_video{height:100%;}
.wrap_video a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;}
.wrap_video a .item_1{position:absolute;left:0;top:0;height:100%;width:100%;}
.wrap_video a .item_1 img{object-fit:cover;object-position:center;width:inherit;height:inherit;}
.wrap_video a .item_1::before{content:"";display:block;width:calc(100% - 20px);height:calc(100% - 20px);border:1px solid rgba(255,255,255,0.3);position:absolute;left:10px;top:10px;}
.wrap_video a .item_2{position:relative;display:flex;flex-direction:column;font-family:'Dream Medium';line-height:1.3;text-align:center;}
.wrap_video a .item_2 i{font-size:16px;color:#FFF;}
.wrap_video a .item_2 strong{font-size:24px;color:#FFF;}
.wrap_video a .item_2::after{content:"";display:block;width:50px;height:50px;margin:15px auto 0 auto;background:url(../../images/video_play.png) no-repeat center;}
/*HOVER*/
@media only screen and (min-width:1281px){
	.wrap_video a:hover{text-shadow:0 0 10px #000;transition:0.5s;}
	.wrap_video a:hover .item_2::after{transform: rotatey(360deg);transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
}
@media all and (max-width:768px){
	.wrap_video a{align-items:flex-start;justify-content:space-between;flex-direction:row-reverse;}
	.wrap_video a .item_1{width:calc(100% - 200px);position:relative;left:unset;top:unset;height:unset;width:unset;height:unset;}
	.wrap_video a .item_1 img{height:unset;}
	.wrap_video a .item_1::after{content:"";display:block;width:50px;height:50px;position:absolute;left:calc(50% - 25px);top:calc(50% - 25px);background:url(../../images/video_play.png) no-repeat center;}
	.wrap_video a .item_2{width:200px;text-align:left;padding:20px;}
	.wrap_video a .item_2 i{font-size:14px;}
	.wrap_video a .item_2::after{display:none;}
}
@media all and (max-width:420px){
	.wrap_video a{flex-direction:column-reverse;}
	.wrap_video a .item_1,
	.wrap_video a .item_2{width:100%;}
}
