@charset "utf-8";

#main_wrap {}
#mv_wrap {width: 100%; height:770px;}
/*
#mv_wrap .mv_list_wrap {margin-bottom: 0; background-image: url('/assets/images/main/mv1920.jpg');}
#mv_wrap .mv_list_wrap .slick-dots {bottom: 30%;}
#mv_wrap .mv_list_wrap .slick-dots li {width: auto; height: auto; margin: 0 3px; }
#mv_wrap .mv_list_wrap .slick-dots li button {width: 18px; height: 18px; border-radius:20px; padding: 0; background: none; border: 2px solid #ccc;  transition:.25s; }
#mv_wrap .mv_list_wrap .slick-dots li.slick-active button {width: 65px; border: 2px solid #fff; }
#mv_wrap .mv_list_wrap .slick-dots li button:before {display: none;}
*/

#mv_wrap .mv_list_wrap .mv_list {position: relative; overflow: hidden; height:770px; }
#mv_wrap .mv_list_wrap .mv_list .visual { position: relative; max-width:100%; height: 770px; background-repeat: no-repeat; background-color:#000;  background-position: 50% 50%; background-size: cover; transform: scale(1.15);}
#mv_wrap .mv_list_wrap .mv_list .visual .logos {position: absolute; left:50%; transform:translate(-50%, 0); bottom:25px; opacity:0;  animation:mvLogos 1s 1.2s forwards;}
#mv_wrap .mv_list_wrap .mv_list .visual .logos .logo1 {margin-right:60px; }
#mv_wrap .mv_list_wrap .mv_list.slick-active .visual { animation:mvBgScale 3.5s forwards; }
#mv_wrap .mv_list_wrap .mv_list1 .visual {background-image: url('/assets/images/main/mv1920.jpg');}
#mv_wrap .mv_list_wrap .mv_list .txt_wrap {position:absolute; left:50%; top:25%; transform:translate(-50%, 0); width: 100%; text-align: center; letter-spacing: -2px; overflow: hidden;}
#mv_wrap .mv_list_wrap .mv_list .txt_wrap h3 img {width: 613px;}
#mv_wrap .mv_list_wrap .mv_list .txt_wrap .date { display: inline-block; background-color: rgba(255,255,255,0.9); padding:10px; line-height: 1; }
.btns {display:block; margin-top: 0px; text-align: center; padding-bottom: 10px; }
.btn_blue {width: 200px; height: 60px; border-radius:100px; text-align: left; padding:0 0 0 24px; border: none; background: url('/assets/images/common/arrow_white.svg') no-repeat 88% 47% / 20px auto, rgba(0,106, 255, 1); margin-right: 12px; transition:.4s;}
.btn_blue:hover {background: url('/assets/images/common/arrow_white.svg') no-repeat 90% 47% / 20px auto, rgba(0,106, 255, 1);  transition:.4s; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.9);}
.btn_white {width: 200px; height: 60px; border-radius:100px; text-align: left; padding:0 0 0 24px; border: none; background: url('/assets/images/common/arrow_gray.svg') no-repeat 88% 47% / 20px auto, rgba(255,255,255, 1); transition:.4s; }
.btn_white:hover {background: url('/assets/images/common/arrow_black.svg') no-repeat 90% 47% / 20px auto, rgba(255,255,255,1); transition:.4s; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.9);}

#mv_wrap .mv_list_wrap .mv_list.slick-active .txt_wrap > div { animation:mvTxt 1s 1.2s forwards; opacity: 0; transform:translateY(50px); }
#mv_wrap .slick-slide img { display: inline-block;}

@keyframes mvBgScale {
    0% {
        transform: scale(1.15);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes mvTxt {
    0% {
        transform:translateY(50px);
        opacity:0;
    }
    100% {
        transform:translateY(0);
        opacity:1;
    }
}

@keyframes mvLogos {
    0% {
        bottom:15px;
        opacity:0;
    }
    100% {
        bottom:25px;
        opacity:1;
    }
}



/*배너 프로그램*/
.main_banner {width:100%; margin:58px 0 93px 0; }
.banner_program {position: relative; display: flex; justify-content: space-between; padding:0 114px 0 122px; width: 1440px; height: 300px; background: url('/assets/images/main/banner_program.png') no-repeat 0 0 / 100% auto; }
.banner_program p {letter-spacing: -0.2rem;}
.banner_program p, 
.banner_program button {position: relative; left: 0; top:50%; transform: translateY(-50%); align-content: center; }


/*
@media(min-width:1921px){
	
#mv_wrap .mv_list_wrap .mv_list .txt_wrap {top:25%; }
.logos {margin-top: 150px; }	
}

@media all and (max-width:1800px){

#mv_wrap .mv_list_wrap .mv_list .txt_wrap {top:28%; }	
.logos {margin-top: 140px; }		
}
*/

@media all and (max-width:1430px){
	
/*
	#main .con1 .con1_slide_list .list .img img {max-width:none;}
	#main .con1 .circle_logo_box img {width: 350px;}
	#main .con2 .con2_slide_box {}
	#main .con2 .con2_slide_list .list {margin: 0 10px;}
	#main .con2 .slick-prev {left: 15px; margin-left: 0; z-index: 1;}
	#main .con2 .slick-next {right: 15px; margin-right: 0;}
*/
}
@media all and (max-width:1230px){
/*
	#main .con2 .con2_slide_list .list .txt_wrap {left: 50%;}
	#main .con2 .slick-prev,
	#main .con2 .slick-next {width: 40px; height: 40px; background-size:cover;}
*/
}

@media all and (max-width:820px){
	#main > div {padding: 0px 0;}
	#mv_wrap {width: 100%; height:auto;}
	#mv_wrap .mv_list_wrap .mv_list1 .visual {background-image: url('/assets/images/main/mv1_m.jpg'); background-position:10% 10%; }
	#mv_wrap .mv_list_wrap .mv_list .txt_wrap {top:60%; transform:translate(-50%, -50%); }
	#mv_wrap .mv_list_wrap .mv_list .txt_wrap h3 img {width: 90%; margin:0 auto;}
/*
	#mv_wrap .mv_list_wrap .slick-dots {bottom: auto; top: 65%;}
	#mv_wrap .mv_list_wrap .slick-dots li button {width: 12px; height: 12px;}
	#mv_wrap .mv_list_wrap .slick-dots li.slick-active button {width: 40px;}
*/
	.btns {margin-top: 30px;}
	.btn_blue {width: 150px; height: 45px; padding:0 0 0 18px; background: url('/assets/images/common/arrow_white.svg') no-repeat 88% 47% / 16px auto, rgba(0,106, 255, 1); margin-right: 12px; transition:.4s;}
	.btn_blue:hover {background: url('/assets/images/common/arrow_white.svg') no-repeat 90% 47% / 16px auto, rgba(0,106, 255, 1);  transition:.4s; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.9);}
	.btn_white {width: 150px; height: 45px; padding:0 0 0 18px; background: url('/assets/images/common/arrow_gray.svg') no-repeat 88% 47% / 16px auto, rgba(255,255,255, 1); transition:.4s; }
	.btn_white:hover {background: url('/assets/images/common/arrow_black.svg') no-repeat 90% 47% / 16px auto, rgba(255,255,255,1); transition:.4s; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.9);}
	#mv_wrap .mv_list_wrap .mv_list .visual .logos {display: inline; width:220px; bottom:0px; top:78%; }
	#mv_wrap .mv_list_wrap .mv_list .visual .logos .logo1 {width: 100px; margin-right:20px; }
	#mv_wrap .mv_list_wrap .mv_list .visual .logos .logo2 {width: 100px;}
	
	

	
	
	
	/*배너 프로그램*/
	.main_banner {width:100%; margin:0; padding:20px 25px 30px 25px; }
	.banner_program {position: relative; display:block; padding:35px 0 0 35px; width: 100%; height: 180px; background: url('/assets/images/main/banner_program.png') no-repeat 20% 50% / auto 180px; }
	.banner_program p {letter-spacing: -0.5px; margin-bottom:10px; }
	.banner_program p, 
	.banner_program button {position: relative; left: 0; top:0; transform: translateY(0%); align-content: center; }

	
}