@charset "utf-8";

/********************
COMMON
********************/
#multipleContentsDiv_template2_162{max-width:90%;margin:0 auto;padding:150px 0;}
@media all and (max-width:768px){
	#multipleContentsDiv_template2_162{max-width:98%;padding:50px 0;}
}


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


/********************
비주얼
********************/
#section0{}
#multipleDiv_template2_161{}
#menu4659_obj175{}


/********************
슬로건
********************/
#menu4659_obj176{position:absolute;top:120px;left:5%;height:calc(100% - 190px);width:90%;z-index:1;display:flex;align-items:center;}
.wrap_slogan{color:#FFF;line-height:1.3;text-align:center;width:100%;text-shadow:0 0 10px rgba(0,0,0,0.5);}
.wrap_slogan .text_1{font-family:'Noto Regular';font-size:30px;}
.wrap_slogan .text_1::before{content:"";display:block;width:70px;height:3px;background:#FFF;margin:0 auto 40px auto;}
.wrap_slogan .text_2{font-family:'Noto Medium';font-size:60px;}
.wrap_slogan .text_3{font-family:'Noto regular';font-size:18px;padding-top:20px;}
@media all and (max-width:1280px){
	#menu4659_obj176{top:70px;height:calc(100% - 140px);}
}
@media all and (max-width:768px){
	#menu4659_obj176{top:80px;height:calc(100% - 150px);}
	.wrap_slogan .text_1{font-size:18px;}
	.wrap_slogan .text_1::before{width:40px;margin-bottom:20px;}
	.wrap_slogan .text_2{font-size:30px;}
	.wrap_slogan .text_3{font-size:14px;}
}
/*애니메이션*/
.wrap_slogan .text_1{opacity:0;transform:translateY(-50px);}
.wrap_slogan .text_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);}
}
.wrap_slogan .text_2{opacity:0;transform:translateY(50px);}
.wrap_slogan .text_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);}
}
.wrap_slogan .text_3{opacity:0;transform:translateY(50px);}
.wrap_slogan .text_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%;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;background-size:100%;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:100%;height:100%;}
.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:'Noto Light';line-height:1.5;position:relative;}
.wrap_video a .item_2 strong{font-size:40px;font-family:'Noto Medium';line-height:1;margin-bottom:20px;display:block;}
/*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;}
}
@media all and (max-width:1800px){
	.wrap_video a{padding-left:60px;}
}
@media all and (max-width:1280px){
	.wrap_video a{padding:40px;width:100%;}
	.wrap_video a::after{width:80px;height:80px;left:calc(50% - 40px);top:calc(50% - 40px);opacity:1;}
	.wrap_video a .item_2 strong{font-size:25px;}
}
@media all and (max-width:768px){
	.wrap_video a{padding:60px 30px;}
	.wrap_video a::after{display:none;}
	.wrap_video a .item_2{font-size:14px;}
	.wrap_video a .item_2 strong{font-size:22px;}
}