@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,900&display=swap');
#main_bnr_area{width:100%;height:100vh;position:relative;background:url(/hd/main_banner/main_bg.png) bottom right no-repeat}
#main_bnr_area .line_area{position:absolute;width:120rem;height:0;border-left:1px solid #2b2b2b;position:absolute;top:0;z-index:-1;left:calc(50% - 60rem)}
#main_bnr_area .line_area > div{width:50%;height:100%;border-right:1px solid #2b2b2b;float:left;}
#main_bnr_area .r_txt{position:absolute;right: -2.5rem;bottom: 12rem;font-weight:500;font-size:1.4rem;color:rgba(255,255,255,.6);transform:rotate(90deg);font-family: 'Poppins', sans-serif;}
#main_bnr_area .r_txt:before{position:absolute;width:15rem;height:1px;background:rgba(255,255,255,.2);top:1rem;right:16rem;content:'';}
#main_bnr_area .scroll{padding-bottom:3rem;font-size:1.4rem;color:rgba(255,255,255,.6);position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);opacity:0;font-family: 'Poppins', sans-serif;}
#main_bnr_area .scroll:before{position:absolute;left:calc(50% - 7px);bottom:0;content:url(/hd/main_banner/arr.png);animation:scroll 2s linear infinite}
@keyframes scroll{from{bottom:0px}10%{bottom:5px}20%{bottom:0px}30%{bottom:5px}40%{bottom:0px}100%{bottom:0px}}

#main_bnr_area .main_inner{max-width:145rem;width:100%;height:100%;margin:0 auto;position:relative}
#main_bnr_area .main_txt{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:2}
#main_bnr_area .s_tit{margin-bottom:2rem;font-weight:500;font-size:1.5rem;color:rgba(255,255,255,.8);font-family: 'Poppins', sans-serif;}
#main_bnr_area .tit{height:auto;/*lfont-size:11rem;ine-height:9rem;*/color:#fff;overflow:hidden;font-family: 'Rozha One', serif;} 
#main_bnr_area .tit img{width:100%}
#main_bnr_area .tit01{width:39rem;margin-bottom:2rem;}
#main_bnr_area .tit02{width:76rem;}
#main_bnr_area .txt{margin-top:3rem;font-size:1.6rem;color:rgba(255,255,255,.7)}

#main_bnr_area .dot_box{margin-top:7rem;}
#main_bnr_area .dot_box > div{position:relative;float:left;opacity:0;animation:dot 3s infinite;}
#main_bnr_area .dot_box > div + div{margin-left:1.5rem}
#main_bnr_area .dot_box .dot1{animation-delay:.5s}
#main_bnr_area .dot_box .dot2{animation-delay:.6s}
#main_bnr_area .dot_box .dot3{animation-delay:.7s}
#main_bnr_area .dot_box .dot4{animation-delay:.8s}
#main_bnr_area .dot_box .dot5{animation-delay:.9s}
#main_bnr_area .dot_box .dot6{animation-delay:1s}
#main_bnr_area .dot_box .dot7{animation-delay:1.1s}
#main_bnr_area .dot_box .dot8{animation-delay:1.2s}

#main_bnr_area .main_img{width:58%;padding-left:3rem;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1}
#main_bnr_area .swiper-slide {opacity:0 !important;font-weight:900;font-style:italic;font-size:67rem;line-height:50rem;animation:main 15s linear infinite;font-family: 'Montserrat', sans-serif;}
#main_bnr_area .swiper-slide-active{opacity:1 !important}
#main_bnr_area .swiper-slide.main_img01{background:url(/hd/main_banner/main_bg01_new.jpg) center center no-repeat;background-clip: text;-webkit-background-clip: text;color: transparent;}
#main_bnr_area .swiper-slide.main_img02{background:url(/hd/main_banner/main_bg02_new.jpg) center center no-repeat;background-clip: text;-webkit-background-clip: text;color: transparent;}
#main_bnr_area .swiper-slide.main_img03{background:url(/hd/main_banner/main_bg03_new.jpg) center center no-repeat;background-clip: text;-webkit-background-clip: text;color: transparent;}

#main_bnr_area .main_controls{position:absolute;left:3rem;top:50%;transform:translateY(-50%)}
#main_bnr_area .main_controls .swiper-pagination-bullet{display:block;width:8px;height:8px;border-radius:8px;background:#fff;opacity:50%}
#main_bnr_area .main_controls .swiper-pagination-bullet-active{border:0;background:#fff;opacity:100%}
#main_bnr_area .main_controls span + span{margin-top:1.5rem}


@keyframes main{from{background-size:100% 100%}50%{background-size:110% 110%}100%{background-size:100% 100%}}
@keyframes dot{from{opacity:0}50%{opacity:1}100%{opacity:0}}

@media (max-width: 1600px) {
	#main_bnr_area{height:90rem}
	#main_bnr_area .main_txt{padding-left:2rem}
	#main_bnr_area .swiper-slide{font-size:56rem}
	#main_bnr_area .main_controls{top:auto;transform:none;bottom:3rem}
}