#premium{width:100%; min-width: 1300px; height: 760px; box-sizing:border-box; background-color: rgb(241 241 241); text-align: center;}

#premium .premium_bg{position: absolute; width: 100%; height: 600px; background-color: #e6e1dc; bottom: 0;}



#premium .prev_btn{left: -50px; top: 300px; cursor: pointer; z-index: 1; opacity: 0; animation-delay: .5s;}

#premium .next_btn{left: 50px; top: 300px; cursor: pointer; z-index: 1; opacity: 0; animation-delay: .8s;}





#pre_u{width: 70%; margin: 0 auto; overflow: hidden;

z-index: 1;

display: inline-block;

}

#pre_u li{

  opacity: 0;

  height:650px; background-size:cover;

  background-repeat: no-repeat; /*transform: translateX(-100%);*/

  transition:all ease-in-out 0.5s;

  overflow: hidden;

  text-align: left;

}

@keyframes preu {

  0%{ height:0; opacity: 0;}

  100%{height:650px; opacity: 1;}



}



.preu{

  animation-name: preu;

  animation-duration: 1.2s;

  animation-fill-mode:both;

}



@keyframes preu_btn {

  0%{ top:350px; opacity: 0;}

  100%{top:300px; opacity: .3;}



}



.preu_btn{

  animation-name: preu_btn;

  animation-duration: 1.2s;

  animation-fill-mode:both;

}





#pre_u .pre_bg{background-color: rgba(0,0,0,.5); width: 100%; height: 650px; transition:all ease-in-out 0.5s 0.8s;}

#pre_u li .pre_tx_bg >div{top:12px; left:35px; color: #fff; font-size: 20px; line-height: 29px; letter-spacing: -0.03em;}

#pre_u li .pre_tx_bg >img{top:15px; left:35px; }

#pre_u li .pre_tx_bg >div>span{font-size: 14px; text-transform: uppercase; opacity: .5; }

#pre_u li .pre_tx_bg >div>b{font-size: 30px;}

#pre_u li .pre_tx_bg >div>b>span{display: block; font-size: 14px; font-weight: 300; opacity: .7; top: -8px;}



#pre_u li .pre_tx_bg{position: absolute; width: 100%; height: 200px; left: 0; bottom: -85px; border-top-left-radius: 50px; background-color:rgba(90, 30, 120, 0.9); transition:all ease-in-out 0.5s 0.8s;}



/*

#pre_u li:hover>div{left: 0; height: 170px; transition-property: left, height; transition-duration: .7s; transition-delay: 0s, .7s;}

#pre_u li:hover>div{transition: left .7s ease 0s, height .5s ease .5s;}*/



.pre1{background-image:url(../images/prem_01.jpg);}

.pre2{background-image:url(../images/prem_02.jpg); animation-delay: .1s;}

.pre3{background-image:url(../images/prem_03.jpg); animation-delay: .2s;}

.pre4{background-image:url(../images/prem_04.jpg); animation-delay: .3s;}

.pre5{background-image:url(../images/prem_05.jpg); animation-delay: .4s;}







#main2{width: 100%; min-width: 1300px; height:1000px; padding:30px;box-sizing: border-box;margin:0 auto;}

#main2 .cont_wrap{width: 100%;max-width:1920px;height:100%; background-image:url('../images/main_t_bg.png');background-repeat: no-repeat;margin:0 auto;}

#main2 ul{top: 100px;}

#main2 ul li{opacity: 0; text-align: center;display:flex;flex-direction: column;align-items: center;}

#main2 ul li:nth-child(1){font-size: 45px; font-weight: 500; letter-spacing: -0.04em; line-height: 50px; color: rgb(41, 41, 41); word-spacing:-3px;}

#main2 ul li:nth-child(1) span p{font-size:45px; font-weight: 700; color: #5A2581; word-spacing: -6px; text-transform: uppercase;}

#main2 ul li .pic_wrap{display:flex;margin-top:120px;height:523px;}

#main2 ul li .pic_wrap .pic{height:100%;padding:37px 0 0 0;}

#main2 ul li .pic_wrap .pic.on{padding:0 0 0 0;}




#main3{width: 100%; height:1245px; background-color: #fafafa;}

#main3>ul>li{opacity: 0;}

#main3 ul li:nth-child(2){width: 1300px; margin: 0 auto; text-align: center; margin-top: 20px;}

.main3img{text-align: center; top:130px;}

#main3_video{width:1200px; height: 675px; overflow: hidden; margin:0 auto; top:170px; opacity: 0;}



#main4{width: 100%; min-width: 1300px; height:935px; background: url(../images/main4_bg.jpg) no-repeat; background-size:cover; overflow: hidden;}

#main4 .main4_regist{width:1200px;  margin:0 auto;  margin-top: 80px;}





#main4 .main4_bg{position: absolute; right:50%; margin-right: -250px; top:250px; width:100%; height:576px; background:rgba(88, 76, 65, .7); animation-delay: .5s; opacity:0;}

#main4 .regist{z-index: 98; animation-delay: .5s;}

#main4 .regist .tx{letter-spacing:-1px;text-align:left;position:absolute;top:30px;left:50px;width:250px;}

#main4 .regist .tx h4 {font-size:35px;font-weight:500;color:#fff;text-transform:uppercase;}

#main4 .regist .tx p {font-size:20px;color:rgba(255,255,255,.3);}

#main4 .regist {left:25px; top:115px;opacity:0; /*-webkit-animation-delay: 0.6s;  animation-delay: 0.6s;*/}

#main4 .regist > div {position:absolute;top:150px;left:0;width:860px;}

#main4 .regist > div dl {display:block;text-align:left;padding-bottom:10px;}

#main4 .regist > div dl:after  {clear: both; display:block; content:""}

#main4 .regist > div dl dt {float:left;width:150px;color:#fff;font-size:18px;line-height:40px;text-align:right;padding-right:20px;vertical-align:middle;}

#main4 .regist > div dl dt span {display:inline-block;position:relative;}

#main4 .regist > div dl dt span:before {content:'*';color:#f08823;display:inline-block;padding-right: 12px;position: absolute;top: 3px;left: -13px;}

#main4 .regist > div dl dd {float:left;width:410px;vertical-align:top;}

#main4 .regist > div dl dd span {display:block;font-size:14px;color:#bab9b9;line-height:2}

#main4 .regist > div .bt-regist {display:block;position:absolute;right:100px;top:0;width:150px;height:140px;background:#a59487; text-align: center; border-top-right-radius: 25px;}

#main4 .regist > div .bt-regist span {display:inline-block;padding-top:45px;color:#fff;font-size:20px;line-height:1.3; font-weight: 600;}

#main4 .regist input {width:100%;height:40px;background:#fff;border:none;border-top-left-radius:7px;border-bottom-right-radius:7px;}

#main4 .regist input.cs {background:#858988;color:#fff;}



#main4 .regist > .agree-box {position:absolute;top:340px;left:170px;width:600px;text-align:left;}

#main4 .regist > .agree-box p {font-size:18px;line-height:20px;color:#bab9b9;padding-bottom:17px;}

#main4 .regist > .agree-box p input[type="checkbox"] {display:none;}

#main4 .regist > .agree-box p input[type="checkbox"] + label {padding-left:30px;text-indent:-999999px;font-size:0;}

#main4 .regist > .agree-box p input[type="checkbox"] + label:before { content:' '; display:block; width:20px; height:20px; position:absolute;left:0;background:url(../images/rgs-check.png); }

#main4 .regist > .agree-box p input[type="checkbox"]:checked + label:before {background:url(../images/rgs-check-on.png) no-repeat 0 0px;z-index:1;}

#main4 .regist > .agree-box p a{display:inline-block;color:#fff;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:3px;}

#main4 .regist > .agree-box ul li {font-size:12px;color: #9c9c9c;letter-spacing:-0.02em;line-height: 1.5;}





#main4 .main4tx{ text-align: center; color: #fff; font-size: 40px; letter-spacing: -0.04em; word-spacing:-3px; line-height: 48px; opacity: 0;}

#main4 .main4tx > b{font-size: 50px; font-weight: 800;}

#main4 .main4img > div{

  opacity: 0; text-align: center; top:72px; position: absolute; right:0; width:285px; height:220px;

  border:3px rgba(255, 255, 255, .5) solid; color: #fff; line-height: 23px; padding-top: 45px;

  border-top-left-radius: 30px;

  border-bottom-right-radius: 30px;

}

#main4 .main4img > div > p{font-size: 20px; margin-top: 35px; line-height: 28px;}

#main4 .main4img > div > b{font-size: 24px; font-weight: 800;}

#main4 .main4img > div:nth-child(1){animation-delay: 1s;}

#main4 .main4img > div:nth-child(2){top:372px; animation-delay: 1.5s;}



























/*slider*/



.mainslick{

  width:100%;

  height:1000px;

  position: relative;

  }



.Slider01{background: url("../images/visual/visual01-edit.jpg") no-repeat; background-size: 100%; background-attachment: fixed; background-position: center 68%; height:1000px; overflow:hidden}

.Slider02{background: url("../images/visual/visual02.png") no-repeat; background-size: cover; background-attachment: fixed; background-position: center center; width:100%; height:970px; overflow:hidden}

.Slider03{background: url("../images/visual/visual03.png") no-repeat; background-size: cover; background-attachment: fixed; background-position: center center; width:100%; height:970px; overflow:hidden}

/* .Slider04{background: url("../images/main1_2.jpg") no-repeat; background-size: cover; background-attachment: fixed; background-position: center center; width:100%; height:970px; overflow:hidden} */







@media (max-width: 1024px){

.Slider01:before{background-position: 80% center;}

}



.slider_txt{width: 1400px; margin: 0 auto; top:170px;}





.slider_txt1{

  /* width:546px; */width:600px;

  font-weight: 300;

  color:#5A2581;

  /* font-size: 50px; */font-size: 70px;

  opacity: 0;

  /* line-height: 60px; */line-height: 74px;

  letter-spacing: -2px;

  border-bottom:2px solid #5A2581;

  padding-bottom:20px;

}

.slider_txt1.type02{

  /* font-size: 46px; */font-size: 80px;letter-spacing: -3px; width:900px;

}

.slider_txt1::before{position:absolute;content:'';background-image:url('../images/simbol.png');width:67px;height:65px;left:-80px;top:-20px;}

.slider_txt1 b{font-size: 70px; font-weight: 600;margin-left:14px;}

.slider_txt1.type02 b{font-size: 80px;}

.subway{position:absolute;left:900px;top:20px;display:flex;align-items: center;font-size:16px;font-weight:300;color:#000000;gap:0 10px;}



.Slider03 .slider_txt1{color:#382d24; font-size: 70px; width: 800px;}

.Slider03 .slider_txt1 b{font-size: 70px;}

.Slider03 .slider_txt2{color:#806c5c ;}



.slick-slide.slick-current.slick-active .slider_txt1

{

  animation: slider_txt1 2s both;

  

}



@keyframes slider_txt1 {

  0%{ margin-left: -100px; opacity: 0;}

  100%{margin-left: 0px; opacity: 1;}

}







.slider_txt2{

  font-weight: 600; color: #000; font-size: 24px; top:20px; opacity: 0; line-height: 140%;

}



.slider_txt2 i{ font-weight: 800;color: #5A2581;font-size: 28px;top:28px;

}



.slick-slide.slick-current.slick-active .slider_txt2

{

  animation: slider_txt2 2s 1s both;

  

}



@keyframes slider_txt2 {

  0%{ margin-left: -100px; opacity: 0;}

  100%{margin-left: 0px; opacity: 1;}

}







#pre_u .slick-slide.slick-current.slick-active .pre_tx_bg

{

  bottom: 0px; background-color:rgba(110, 92, 78, 0.9);

}



#pre_u .slick-slide.slick-current.slick-active .pre_bg{

  background-color: rgba(0,0,0,0);



}



#pre_u .slick-slide{margin:0 5px 0 5px;}







/*

.your-slider-wrapper {

  opacity: 0;

  visibility: hidden;

  transition: opacity 1s ease;

  -webkit-transition: opacity 1s ease;

}





.your-slider-wapper.slick-initialized {

  visibility: visible;

  opacity: 1;    

}

*/