@charset "UTF-8";

.main-popup {
    position: absolute;
    top: 150px;
    left: 50px;
    z-index: 1;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
  }
  .main-popup-btn {
    padding: 5px 10px;
    background-color: #000;
    font-size: 13px;
    text-align: right;
  }
  .main-popup-btn a {
    color: #fff;
    cursor: pointer;
  }

  
.main_semi{background:#fff;padding-bottom:130px;opacity: 0;}
.main_semi{background:#fff;padding-bottom:130px;opacity: 1;} 

.main_semi.active .card_list li{opacity:0;transform: translateY(100%);animation:list_ani 1.3s ease forwards 1;}
.main_semi.active .card_list li:nth-child(1) {animation-delay:0s;}
.main_semi.active .card_list li:nth-child(2) {animation-delay:0.2s;}
.main_semi.active .card_list li:nth-child(3) {animation-delay:0.4s;}
.main_semi.active .card_list li:nth-child(4) {animation-delay:0.6s;}
.main_semi.active .card_list li:nth-child(5) {animation-delay:0.8s;}
.main_semi.active .card_list li:nth-child(6) {animation-delay:1s;}
@keyframes list_ani{
	0%{transform:translateY(100%)}
	100%{transform:translateY(0);opacity:1;} 
}
.main_semi.active .card_list li{opacity:0;transform: translateY(100%);animation:list_ani 1.3s ease forwards 1;}
.main_semi.active .card_list li:nth-child(1) {animation-delay:0s;}
.main_semi.active .card_list li:nth-child(2) {animation-delay:0.2s;}
.main_semi.active .card_list li:nth-child(3) {animation-delay:0.4s;}
.main_semi.active .card_list li:nth-child(4) {animation-delay:0.6s;}
.main_semi.active .card_list li:nth-child(5) {animation-delay:0.8s;}
.main_semi.active .card_list li:nth-child(6) {animation-delay:1s;}
@keyframes list_ani{
	0%{transform:translateY(100%)}
	100%{transform:translateY(0);opacity:1;} 
}
.main_semi .card_con{width:1200px;margin:0 auto;}
.main_semi .card_list{width:1224px;height:760px;margin-top:68px;margin-left:-12px;}
.main_semi .card_list li{transform: translateY(100%);float:left;width:384px;height:368px;margin:12px;border-radius: 12px;}
.main_semi .card_list li a{display:block;width:384px;height:368px;position:relative;border-radius: 12px;overflow: hidden; background:#fff;box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);transition: all .15s ease-out;}
.main_semi .card_list li a .default{}
.main_semi .card_list li a .default .img_bx{position:relative;height:216px;}
.main_semi .card_list li a .default .img_bx img{width:384px;height:216px;}
.main_semi .card_list li a .default .img_bx img.img_hover{display:none;}
.main_semi .card_list li a .default .con_txt{padding:32px 30px 0 40px;}
.main_semi .card_list li a .default .con_txt .txt1{overflow:hidden;height: 80px;font-size:20px;line-height:26px; font-weight:bold;color:#000;letter-spacing: -0.05em;}
.main_semi .card_list li a .kind_list{position:relative;z-index:2;margin-bottom:8px;}
.main_semi .card_list li a .kind_list span{display:inline-block;height:20px;margin-right:1px;padding:4px 8px 0;font-size:11px;line-height:12px;border-radius: 24px;box-sizing: border-box;font-weight:bold;letter-spacing: -0.05em;}
.main_semi .card_list li a .hover{display:none;position:absolute;left:0;top:0;width:384px;height:368px;padding:40px 30px 40px 40px;box-sizing:border-box;border-radius: 12px;overflow: hidden; }
.main_semi .card_list li a .hover::before{position:absolute;left:0;top:0;content:''; background-color: rgba( 38, 92, 240, 0.85 );width:100%;height:100%;display:block;opacity: 1;}
.main_semi .card_list li a .hover .txt1{position:relative;z-index:2;font-size:20px;line-height:26px; font-weight:bold;color:#fff;font-weight:bold;letter-spacing: -0.05em;}
.main_semi .card_list li a .hover .txt2{position:relative;z-index:2;margin-top:15px;font-size:16px;line-height:22px;color:#fff;}
.main_semi .card_list li a .hover .txt3{position:relative;z-index:2;
    position:absolute;bottom:40px;width:100%;font-size:16px;line-height:22px;color:#fff;background:url(../imgs/renew/img_main_seminar_arr.png) no-repeat 80px center; 
  
}
.main_semi .card_list li:hover a{transform: translateY(-10px) ;} 
.main_semi .card_list li.bg1:hover{background: url();}
.main_semi .card_list li a:hover .hover{display:block;}
.main_semi .card_list li a:hover .default .img_bx{position:relative;height:368px;width:384px;overflow:hidden;}
.main_semi .card_list li a:hover .default .img_bx img.img_hover{display:block;}
.main_semi .card_list li a:hover .default .img_bx img.img_default{display:none;}
.main_semi .card_list li a:hover .default .img_bx img{width:384px;height:368px; animation: imgani .4s ease-in forwards;} 
.main_semi .card_list li a:hover .default .con_txt{display:none;}
.main_semi .card_list li a:hover .hover .txt1{  animation: txtani .4s ease-in-out forwards;font-size:20px;line-height:26px; font-weight:bold;color:#fff;}
.main_semi .card_list li a:hover .hover .txt2{  animation: txtani .4s ease-in-out forwards;margin-top:15px;font-size:16px;line-height:22px;color:#fff;}
.main_semi .card_list li a:hover .hover .kind_list{ animation: txtani .4s ease-in-out forwards;}
.main_semi .card_list li a:hover .hover::before{   animation: bgfade .4s ease-in-out forwards;}
.main_semi .card_list li a:hover .hover .txt3{ animation: btnani .4s ease-in-out forwards; }

.main_notice {padding-bottom:122px;width:1200px; margin:0 auto;background:#fff;opacity:0;}
.main_notice.active{animation: parallax 1s ease forwards 1;}
.main_notice .notice {margin:60px auto 0; }
.main_notice .notice table { width:100%;text-align:center;}
.main_notice .notice table thead th {color:#000; font-size:14px;line-height: 18px;line-height:50px;font-weight:700;border-bottom:1px solid #e5e5e5;  }
.main_notice .notice table tbody td {padding:33px 0 34px;height:96px;color:#000; font-size:18px;line-height:30px; font-weight:400;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; box-sizing: border-box; }
.main_notice .notice table tbody td a{display:block;width:950px;font-size:18px; font-weight:500;line-height: 30px;color:#000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main_notice .notice table tbody td:first-child {text-align:left;padding-left:40px;}
.main_notice .notice table tbody td:last-child {text-align:right;padding-right:40px;font-size:16px;color:#7b7b7b;}
.main_notice .notice table tbody td.ac{color:#000;font-size:18px;font-weight:500;}
.main_notice .notice table tr:hover{background:#f3f6fe;}

.main_container .title {padding-top:80px; }
.main_container .title .text { text-align:center; color:#000; font-size:42px; font-weight:bold; }
.main_container .title .ex_txt {margin-top:8px;font-size:18px;color:#7f7f7f; text-align:center;}
.main_container .btn {position:relative;z-index:2; margin:80px auto 0; text-align:center; }
.main_container .btn a {display:inline-block; text-align:center; color:#2b2b2b; font-size:20px;border:1px solid #a3a3a3;width: 180px;height: 64px;line-height: 64px;box-sizing: border-box;}
.main_container .btn a:hover{border:1px solid #2b2b2b;color:#2b2b2b;}

.main_video{position:relative;background:#f7f7f7;padding-bottom:160px;height:856px;opacity: 1;overflow:hidden;box-sizing: border-box;}
/* .main_video.active{animation: parallax 1s ease forwards 1;} */
.main_video.mobile::before{position:absolute;left:0px;top:0;content:'';display:block;width:407px; height:405px;background: url(../imgs/renew/bg_dong1.png) no-repeat left top;}
.main_video.mobile::after{position:absolute;right:0px;bottom:0;content:'';display:block;width:720px; height:698px;background: url(../imgs/renew/bg_dong4.png) no-repeat left top;}
.main_video .box1{position:absolute;top:250px;left:0;display:block;width:407px; height:641px;background: url(../imgs/renew/img_main_bg_circle_03.png) no-repeat right top;}
.main_video .box2{animation-delay:1.2s;position:absolute;top:250px;right:100px;display:block;width:191px; height:191px;background: url(../imgs/renew/img_main_bg_circle_02.png) no-repeat center center;}
.main_video .box3{position:absolute;bottom:0;right:0;display:block;width:407px; height:513px;background: url(../imgs/renew/img_main_bg_circle_01.png) no-repeat left top;}
.main_video .video_con{position:relative;z-index:2;width:1200px;margin:0 auto;}
.main_video .video_list{height:336px;margin-top:60px;}
.main_video .video_list li{transform: translateY(200%);float:left;width:384px;height:336px;margin-left:24px;background:#fff;border-radius: 12px;overflow: hidden; box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);}
.main_video .video_list li:first-child{margin-left:0;}
.main_video .video_list li .video_bx{}
.main_video .video_list li .con_txt{padding:32px 40px 0;}
.main_video .video_list li .con_txt .txt1{font-size:18px;line-height:22px; font-weight:bold;color:#265cf0;overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.main_video .video_list li .con_txt .txt2{overflow:hidden;height: 44px;margin-top:5px;font-size:20px;line-height:22px; font-weight:500;color:#000;overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.main_video .video_list li .img_bx{position:relative;width:384px;height:216px;overflow:hidden;}
.main_video .video_list li .img_bx img{width:384px;height:216px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);  
    -webkit-transition: all 0.3s ease-in-out; 
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.main_video .video_list li:hover .img_bx img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);  
}
.main_video .video_list li .img_bx::after{position:absolute;left:0;top:0;width:100%;height:100%;content:'';display:block; background-color: rgba(0, 0, 0, 0.3);}

.main_video .video_list li .img_bx button{position:absolute;width:100%;height:100%;left:0;top:0;z-index:10;border:0;font-size:0;line-height:0;text-indent:-9999px; background:url(../imgs/renew/btn_play_normal_74.png) no-repeat center center;}
.main_video .video_list li .img_bx button:hover{cursor:pointer;background:url(../imgs/renew/btn_play_hover_74.png) no-repeat center center;}
.main_video.active .video_list li{opacity:0;transform: translateY(100%);animation:list_ani 1.3s ease forwards 1;}
.main_video.active .video_list li:nth-child(1) {animation-delay:0s;}
.main_video.active .video_list li:nth-child(2) {animation-delay:0.2s;}
.main_video.active .video_list li:nth-child(3) {animation-delay:0.4s;}

.skrollable {  position:fixed;z-index:1;}


.main_semi_video{position:relative;height:790px;opacity: 0;background-color: #fff;}
.main_semi_video.active{animation: parallax 1s ease forwards 1;}
.main_semi_video .semi_bg{position:absolute;z-index:-1;left:0;top:0;width:100%;height:487px;background:#273046 url(../imgs/renew/img_main_bg_seminar.png) no-repeat center center;background-attachment:fixed;background-size:cover;}
.main_semi_video .semi_cc{width:1200px;margin:0 auto;}
.main_semi_video .txt_con{padding-top:130px;}
.main_semi_video .txt_con .tit{font-size:42px;line-height:46px; font-weight:bold;color:#fff;}
.main_semi_video .txt_con .ex{margin-top:15px;font-size:18px;line-height:26px; color: rgba(255, 255, 255, 0.5);}
.main_semi_video .txt_con a {margin-top:80px;display:inline-block; text-align:center; color:#fff; font-size:20px;border:1px solid #fff;width: 180px;height: 64px;line-height: 64px;box-sizing: border-box;}
.main_semi_video .txt_con a:hover{background:rgba(255, 255, 255, 0.1);border:1px solid #fff;color:#fff;}
.main_semi_video .video_semi_bx{ position:absolute;width:1151px;height:500px;left:50%;margin-left:-200px;top:120px;overflow:hidden; }
.main_semi_video .video_semi_bx .semi-slider{width:1620px;height:500px;}
.main_semi_video .video_semi_bx .semi-slider .slick-slide{overflow:hidden;border-radius: 12px;}
.main_semi_video .video_semi_bx .slide-con{position:relative;width:792px;height:446px;margin:0 10px;}
.main_semi_video .video_semi_bx .con_txt{position:absolute;left:0;bottom:0;width:100%;padding:40px;box-sizing: border-box;}
.main_semi_video .video_semi_bx .con_txt::after{position:absolute;left:0;top:0;width:100%;height:100%;content:'';border-radius: 0 0 12px 12px;}
.main_semi_video .video_semi_bx .con_txt .txt1{position:relative;z-index:2;font-size:20px;line-height:22px; font-weight:bold;color:#fff;overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.main_semi_video .video_semi_bx .con_txt .txt2{position:relative;z-index:2;margin-top:10px;font-size:24px;line-height:28px;color:#fff;}
.main_semi_video .video_semi_bx .img_bx{position:relative;width:792px;height:446px;overflow:hidden;border-radius: 12px;}
.main_semi_video .video_semi_bx .img_bx::after{position:absolute;left:0;top:0;width:100%;height:100%;content:'';display:block; 
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.main_semi_video .video_semi_bx .img_bx img{width:792px;height:446px;overflow:hidden;border-radius: 12px;  
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);  
    -webkit-transition: all 0.3s ease-in-out; 
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.main_semi_video .video_semi_bx .slide-con:hover .img_bx img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);  
}
.main_semi_video .video_semi_bx .img_bx button{position:absolute;width:100%;height:100%;left:0;top:0;z-index:10;border:0;outline:0;font-size:0;line-height:0;text-indent:-9999px; background:url(../imgs/renew/btn_play_normal_100.png) no-repeat center center;cursor:pointer;}
.main_semi_video .video_semi_bx .img_bx button:hover{background:url(../imgs/renew/btn_play_hover_100.png) no-repeat center center;}
.main_semi_video .slick-dots{width:792px;height:10px;overflow:hidden;bottom:0px;}
.main_semi_video .slick-dots li{width:56px;height:4px;border-radius:0;background:rgba(0,0,0,0.1);vertical-align: top;}
.main_semi_video .slick-dots li.slick-active{background:#265cf0;}
.main_semi_video .slick-dots li button:before{content:'';}


.cont_nav{display:none;position:fixed;z-index:200;right:0;width:100px;}
.cont_nav ul:after{content:"";display:block;clear:both}
.cont_nav ul li{border-left:1px solid rgba(255, 255, 255, 0);box-sizing:border-box;width:25%}
.cont_nav ul li:first-child{border-left:none}
.cont_nav ul li a{display:block;height:60px;text-align:center;line-height:60px;font-size:20px;text-decoration:none;background-color:#000;color:#fff}
.cont_nav ul li.on a{background-color:#fff;color:#000}


.slider-wrap {position:relative;padding-top:124px;}
.slider-wrap .main-slider {position:relative;margin-bottom:0 !important;height:855px;overflow:hidden;min-width:1540px;}

.main-slider .slide-item .slide_bg{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: block;width:100%;height:100%;background-repeat: no-repeat;

    background-position: center top;
    background-size: 1920px 855px;
   /* animation:idx_bg 30s ease-in-out alternate forwards infinite;*/ } 
@keyframes idx_bg {
    0% {
        transform: scale(1, 1) rotate(0.1deg);
        -webkit-transform: scale(1, 1) rotate(0.1deg);
        -ms-transform: scale(1, 1) rotate(0.1deg);
    }
    50% {
        transform: scale(1.1, 1.1) rotate(0.1deg);
        -webkit-transform: scale(1.1, 1.1) rotate(0.1deg);
        -ms-transform: scale(1.1, 1.1) rotate(0.1deg);
    }
    100% {
        transform: scale(1, 1) rotate(0.1deg);
        -webkit-transform: scale(1, 1) rotate(0.1deg);
        -ms-transform: scale(1, 1) rotate(0.1deg);
    }
}
.main-slider .slick-active .slide_bg{}
.main-slider .slide-item.slick-active{display:block;}
/*

.main-slider .slide-item{display:none;}
.main-slider .slide-item-1 .slide_bg{background-color:#000;}
.main-slider .slide-item-2 .slide_bg{background-color:green;}
.main-slider .slide-item-3 .slide_bg{background-color:red;}
*/

.main-slider .slide-item-10 .slide_bg{background-image:url(../imgs/renew/img_main_kv_thepremium.png);}
.main-slider .slide-item-1 .slide_bg{background-image:url(../imgs/renew/img_main_kv_thepremium_20230508.png);}
.main-slider .slide-item-2 .slide_bg{background-image:url(../imgs/renew/img_main_220919_kv01_A.png);}
.main-slider .slide-item-3 .slide_bg{background-image:url(../imgs/renew/img_main_220919_kv06.png);}
.main-slider .slide-item-4 .slide_bg{background-image:url(../imgs/renew/img_main_20250318_kv01.png);}
.main-slider .slide-item-5 .slide_bg{background-image:url(../imgs/renew/img_main_20230608_kv02.png);}
.main-slider .slide-item-6 .slide_bg{background-image:url(../imgs/renew/img_main_20230608_kv03.png);}
.main-slider .slide-item-7 .slide_bg{background-image:url(../imgs/renew/img_main_20250321_kv04.png);}


/*
.main-slider .slide-item-1 .slide_bg{background-image:url(../imgs/renew/img_main_kv_thepremium@3x.png);}
.main-slider .slide-item-2 .slide_bg{background-image:url(../imgs/renew/img_main_220919_kv06.png);}
*/
.main-slider .slick-prev, .main-slider .slick-next{outline:auto;border:0;}
.main-slider .slick-prev:focus, .main-slider .slick-next:focus{outline:auto;border:0;}
.main-slider .slide-con{width:1540px;min-width:1540px;margin:0 auto;height:855px;}


.main-slider .slide-item .slide-con {position:relative;}
.main-slider .slick-list{min-width:1540px;}

.slide-txt .rounded-yellow{display:block;opacity: 0.7;width: 150px;border:1px solid #FFFF00; padding: 0.5rem; line-height: 1rem;border-radius: 0.5rem; text-align:center; color:yellow;} 
.slide-txt .rounded{display:block;opacity: 0.7;width: 150px;background-color: #2ebfff; border:1px solid #2ebfff; padding: 0.5rem; line-height: 1rem;border-radius: 0.5rem; text-align:center; color:#fff; font-weight: bold;} 
.slide-txt .rounded-edge{display:block;opacity: 0.7;width: 150px;background-color: #8a4af0; border:1px solid #8a4af0; padding: 0.5rem; line-height: 1rem;border-radius: 0.5rem; text-align:center; color:#fff; font-weight: bold;} 
.slide-txt .rounded-erp{display:block;opacity: 0.7;width: 150px;background-color: #0542cb; border:1px solid #0542cb; padding: 0.5rem; line-height: 1rem;border-radius: 0.5rem; text-align:center; color:#fff; font-weight: bold;} 
.slide-txt .rounded-etc{display:block;opacity: 0.7;width: 150px;background-color: #2b94ff; border:1px solid #2b94ff; padding: 0.5rem; line-height: 1rem;border-radius: 0.5rem; text-align:center; color:#fff; font-weight: bold;} 
.slide-txt .rounded-default{display:block;opacity: 0.7;width: 300px;text-align:center; color:#fff; font-weight: bold;} 


.slide-txt .txt-tt{opacity: 0.7;}
.slide-txt .txt-tt .txt1{display:block;font-size:60px;line-height:80px;color:#fff;font-weight:300;}
.slide-txt .txt-tt .txt1 .bold{font-size:60px;font-weight:bold;}
.slide-txt .txt-tt .txt2{display:block;font-size:60px;line-height:80px;color:#fff;font-weight:bold;}
.slide-txt .txt-tt .txt3{opacity: 0.7;display:block;font-size:40;line-height:60px;color:#fff;font-weight:200;}

.slide-txt .txt-tt .sm_txt{font-size:50px;}
.slide-txt .txt-tt .sm_txt_1{font-size:40px;}
.slide-txt .txt-desc{opacity: 0.7;display:block;font-size:20px;line-height:26px;color:#fff;font-weight:normal;}
.slide-txt .txt-btn{text-align:left;margin-top:66px;}
.slide-txt .txt-btn a{display:inline-block;text-align:center;width:228px;height:64px;font-size:20px;line-height:64px;color:#fff;border:1px solid #fff;outline: 0;opacity: 1;box-sizing: border-box;}
.slide-txt .txt-btn a:hover{ background-color: rgba(255, 255, 255, 0.1);border:1px solid #fff;color:#fff;border-radius:0;}

.slide-txt .txt-btn-a{text-align:left;margin-top:66px;}
.slide-txt .txt-btn-a a{display:inline-block;text-align:center;width:228px;height:64px;font-size:20px;line-height:64px;color:#596365;border:1px solid #596365;outline: 0;opacity: 1;box-sizing: border-box;}
.slide-txt .txt-btn-a a:hover{ background-color: rgba(60, 60, 60, 0.1);border:1px solid #596365;color:#596365;border-radius:0;}
/*
.slide-txt{transform: translateY(50px);    opacity: 0.2;    transition: opacity 3s, transform 3s;}
.slick-active .slide-txt{transform: translateY(0);    opacity: 1;    transition: opacity 3s, transform 3s;}
*/

.slide-txt .txt-tt { transform: translateY(50px);opacity: 0;  }
.slick-active .txt-tt{animation:vistxtani 1.3s ease forwards 1;animation-delay:0s;}
.slide-txt .txt-desc { transform: translateY(50px);opacity: 0; }
.slick-active .txt-desc{animation:vistxtani2 1.3s ease forwards 1;animation-delay:0.4s;}
.slide-txt .txt-btn { transform: translateY(50px);opacity: 0; }
.slick-active .txt-btn{animation:vistxtbtn 1.3s ease forwards 1;animation-delay:0.8s;}


.vis_con_bx .btn a{position:relative;margin-top:5px;}
.vis_con_bx .btn a:first-child{margin-top:0;}
.vis_con_bx .btn a.btn_white{display:block;height: 64px;border-radius: 5px;font-size:18px;line-height:64px;color:#265cf0;background-color: #fff;text-align:center;box-sizing: border-box;border:1px solid #265cf0;}
.vis_con_bx .btn a.btn_white.ic_play::before{display:inline-block;content:'';width:28px;height:28px;margin:-4px 8px 0 0;vertical-align:middle;background:url(../imgs/renew/ic_paly.png) no-repeat center center;}
.vis_con_bx .btn a.btn_white:hover{background:#f3f6fe;}



@keyframes vistxtani {
    0% {
        transform: translateY(50px);    opacity: 0;    transition: opacity 3s, transform 3s;
    }
    100% {
        animation-delay:3s;transform: translateY(0);    opacity: 1;    transition: opacity 3s, transform 3s;
    }
  }
	@keyframes vistxtani2 {
    0% {
        transform: translateY(50px);    opacity: 0;    transition: opacity 3s, transform 3s;
    }
    100% {
        animation-delay:3s;transform: translateY(0);    opacity: 0.7;    transition: opacity 3s, transform 3s;
    }
  }
	@keyframes vistxtbtn {
    0% {
        transform: translateY(50px);    opacity: 0;    transition: opacity 3s, transform 3s;
    }
    100% {
        animation-delay:3s;transform: translateY(0);    opacity: 1;    transition: opacity 3s, transform 3s;
    }
  }	
.main-slider .slide-item > .slide-con > .slide-txt {position:absolute; top:152px; z-index:50;}
.main-slider .slide-item > .slide-con > .slide-txt > h2.txt-tt {font-size:48px;}
.main-slider .slide-item > .slide-con > .slide-txt > p.txt-desc {font-size:18px;font-weight:300;margin-top:13px;}
.main-slider .slick-slide{position:relative;}


/* 페이지 버튼 */
.main-slider .slick-dots {
    font-size:0;
    position:absolute;
    left:50%;
    bottom:80px;
    margin-left:-773px;
    width:1540px;
    z-index:50;
}

.main-slider .slick-dots::after {
    content:"";
    display:block;
    clear:both;
}

/* 슬라이드 밑에 표시 */
.main-slider .slick-dots > li {
    width:14.28%; 
    height:auto;
    margin:0;
    box-sizing:border-box;
    float:left;
}


.main-slider .slick-dots > li > button {
    width:97%;
    height:4px;
    background-color:rgba(255,255,255,0.3);
	
    position:relative;
    padding:0;
    color:inherit;
    line-height:normal;
}

.main-slider .slick-dots > li > button::before {
    display:none;
}

.main-slider .slick-dots > li > button > .s-line-fill {
    content:"";
    width:0;
    height:4px;
    background-color:#fff;
    position:absolute;
    top:0;
    left:0;
    opacity:1;
}

.slider-wrap .slick-dots .slick-active > button > .s-line-fill {
    animation:slick-progressbar 7s 1; /* 슬라이드 시간 */
    animation-fill-mode: forwards;
}

.slider-wrap[data-slick-autoplay-status="N"] .slick-dots .slick-active > button > .s-line-fill {
    animation-play-state:paused;
}

@keyframes slick-progressbar {
    0% {
        width:0%;
    }
    100% {
        width:100%;
    }
}

/* 페이지 버튼 인디케이터 */
.main-slider .slick-dots > li > button > .s-indicator {
    position:absolute;
    left:50%;
    bottom:0;
    transform:translatex(-50%);
    width:110%;
    overflow:hidden;
}

.main-slider .slick-dots > li > button > .s-indicator > .inner-txt {
    font-size:15px;
    font-weight:bold;
    white-space:nowrap;
    display:block;
    width:100%;
    transform:translatey(100%);
    opacity:0;
    transition:all .5s;
}

.main-slider .slick-dots > li > button > .s-indicator > .inner-txt {
    transform:translatey(0);
    opacity:1;
    padding-bottom:5px;
}

/* 오토플레이 버튼 */
.slider-wrap .s-autoplay-btn {
    display:none;
    width:12px;
    height:12px;
    position:absolute;
    left:79%;
    bottom:15px;
    z-index:50;
}

@keyframes parallax {
	0% {
		opacity:0;
		transform:translateY(80px)
	}
	100% {
		opacity:1;
		transform:translateY(0px)
	}
}

  @keyframes txtani {
    0% {
      line-height: 0;
      transform: translateY(90%);
      opacity: 0;
    }
    50% {
      line-height: 1.5;
      transform: translateY(50%);
      opacity: 0;
    }
    100% {
      line-height: 1.5;
      transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes imgani {
    0% {
      line-height: 0;
      transform: translateY(0%);
      opacity: 0.5;
      height:216px;
    }

    100% {
      height:368px;
      line-height: 1.5;
      transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes btnani {
    0% {
        opacity: 0;    
        transform: scaleX(0);  
        transform-origin: left center;
        transition-property: all;  
        transition-duration: .6s; 
        transition-timing-function: ease-out;
    }

    100% {
        opacity: 1;          
        transform: scaleX(1);    
        transition-delay: .2s;
    }
  }

  @keyframes bgfade {
    0% {
      line-height: 0;
      transform: translateY(0);
      opacity: 0;
    }

    100% {
      line-height: 1.5;
      transform: translateY(0);
      opacity: 1;
    }
  }