@charset "utf-8";

/*COMMON*/
#multipleContentsDiv_templet_depart_C_9{padding:300px 0;}
#multipleContentsDiv_templet_depart_C_10{padding:120px 0 0 0;}
.editMode #multipleContentsDiv_templet_depart_C_10{padding-bottom:100px;}
#multipleDiv_templet_depart_C_11{height:100% !important;}
@media all and (max-width:1280px){
	#multipleContentsDiv_templet_depart_C_9{padding:250px 0 200px 0;}
	#multipleContentsDiv_templet_depart_C_10{padding:100px 0;}
}
@media all and (max-width:768px){
	#multipleContentsDiv_templet_depart_C_9{padding:200px 0 150px 0;}
	#multipleContentsDiv_templet_depart_C_10{padding:60px 0;}
}


/*BG*/
#section1,
.editMode #multipleDiv_templet_depart_C_10{background:url(../../images/bg_1.jpg) no-repeat center;background-size:cover;}


/*FULLPAGE*/
#menu2354_obj48{overflow:unset;}
@media all and (min-width:1281px){
	/*비주얼*/
	#section0 .multipleDiv{height:100%;}
	/*FOOTER*/
	#section3,
	#section3 .fp-tableCell{height:auto !important;}
	/*컨트롤*/
	#fp-nav{position:fixed;right:20px;top:50%;}
	#fp-nav ul li a span{display:block;width:7px;height:7px;border-radius:100%;background:rgba(255,255,255,0.5);margin:7px 0;}
	#fp-nav ul li a.active span{width:7px;height:20px;border-radius:10px;background:rgba(255,255,255,1);}
}


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


/*슬로건*/
.slogan{max-width:1700px;margin: 0 auto;color:#FFF;line-height:1.3;}
.slogan .item_1{font-family:'Dream Medium';font-size:30px;letter-spacing:-2px;}
.slogan .item_1::before{content:"";display:block;width:70px;height:3px;background:#FFF;margin-bottom:40px;}
.slogan .item_2{font-family:'Dream Medium';font-size:60px;padding-top:10px;letter-spacing:-2px;}
.slogan .item_3{font-family:'Dream regular';font-size:18px;padding-top:20px;}
@media all and (max-width:1700px){
	.slogan{max-width:96%;}
}
@media all and (max-width:1280px){
	.slogan .item_1{font-size:20px;}
	.slogan .item_1::before{width:35px;margin-bottom:20px;}
	.slogan .item_2{font-size:40px;}
	.slogan .item_3{font-size:16px;}
}
@media all and (max-width:768px){
	.slogan .item_1{font-size:18px;}
	.slogan .item_2{font-size:30px;}
	.slogan .item_3{font-size:14px;}
	.slogan .item_3 br{display:none;}
}
/*애니메이션*/
.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{width:100%;height:100%;min-height:949px;display:flex;justify-content:flex-end;position:relative;}
.wrap_video a{padding:180px 60px 0 0;width:850px;height:100%;display:block;}
.wrap_video a::after{content:"";display:block;width:140px;height:140px;position:absolute;left:calc(50% - 70px);top:calc(50% - 70px);background:url(../../images/icon_play_w.png) no-repeat center;opacity:0.5;}
.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::after{content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,0);position:absolute;left:0;top:0;transition:0.3s;}
.wrap_video a .item_2{font-size:18px;color:#FFF;font-family:'Dream Light';line-height:1.5;position:relative;}
.wrap_video a .item_2 strong{font-size:40px;font-family:'Dream Bold';line-height:1;margin-bottom:20px;display:block;}
@media all and (max-width:1700px){
	.wrap_video a{padding-left:60px;}
}
@media all and (max-width:1280px){
	.wrap_video{min-height:800px;}
	.wrap_video a::after{background-size:80px;}
	.wrap_video a{padding:40px;}
	.wrap_video a .item_2 strong{font-size:25px;}
}
@media all and (max-width:768px){
	.wrap_video a::after{background-size:40px;}
	.wrap_video a{padding:30px;}
	.wrap_video a .item_2{font-size:14px;}
	.wrap_video a .item_2 strong{font-size:22px;}
}
/*HOVER*/
@media only screen and (min-width:1281px){
	.wrap_video a:hover .item_1::after{background:rgba(0,0,0,0.3);}
	.wrap_video a:hover::after{opacity:1;}
}