@charset "utf-8";

#mainVisual{overflow:hidden;position:relative;letter-spacing:-.2px;width:100%;height:100vh;min-height:650px;background:#222}

/* video */
#mainVisual .video_area{position:absolute;top:0;left:0;width:100%;height:100vh}
#mainVisual .video_area video{display:block;position:relative;width:100%;height:100vh;object-fit:cover}
#mainVisual .video_area .bg{position:relative}
#mainVisual .video_area .bg::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100vh;z-index:1;background:rgba(0, 0, 0, 0.6)}

/* txt */
#mainVisual .main_txt{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);z-index:101;width:max-content;font-size:24px;line-height:1.5;word-break:keep-all;color:rgba(255,255,255,.6);font-family:'Poppins','Pretendard'}
#mainVisual .main_txt .stit{display:block;font-size:20px;font-weight:500;text-align:center;color:#FFF}
#mainVisual .main_txt .btit{margin:35px 0 30px;font-size:52px;font-weight:700;text-align:center;color:#fff;line-height:1.25;white-space:pre-line}

@media(max-width:1045px){
    #mainVisual .main_txt{top:36%;font-size:21px}
    #mainVisual .main_txt .btit{margin:25px 0 20px;font-size:49px}
    #mainVisual .main_txt .stit{font-size:18px}
    
}
@media(max-width:768px){
    #mainVisual .main_txt .btit{margin:15px 0 20px;font-size:40px}
    #mainVisual .main_txt{top:47%;width:100%;padding:0 15px;text-align:center;font-size:18px}
    #mainVisual .main_txt .stit{font-size:15px}
    #mainVisual .video_area video{height:650px}
    #mainVisual .video_area .bg::before{height:650px}
    #mainVisual .video_area{height:650px}
    #mainVisual{height:650px}
    
}
@media(max-width:480px){
    #mainVisual .main_txt .btit{font-size:31px;}
    #mainVisual .main_txt{font-size:16px}
    #mainVisual .main_txt .stit{font-size:13px}
}