@charset "utf-8";

#mainVisual{overflow:hidden;position:relative}
#mainVisual h1{font-size:70px}
#mainVisual .pl{white-space:pre-line}
#mainVisual li video{ position:relative;left:50%;top:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;width:auto;height:auto}
#mainVisual ul:after{display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.35)}
#mainVisual .main_txt{position:absolute;margin:0 auto;width:100%;max-width:1700px;top:30%;left:50%;transform:translateX(-50%);color:#fff;letter-spacing:-.2px;font-size:60px;font-weight:600;z-index:2}
#mainVisual .main_txt .txt_box{display:flex;}
#mainVisual .main_txt .txt_box .left{position:relative;line-height:100px}
#mainVisual .main_txt .txt_box .right{text-align:-webkit-right}
#mainVisual .main_txt .bot_txt{position:relative;margin: 30px 0 80px 0;line-height: 1.5;letter-spacing:-.3px;color:rgba(255, 255, 255, 0.65);font-size: 19px;font-weight:400}
#mainVisual .main_txt .right{padding-top:200px;text-align:right}
#mainVisual .main_txt .more_btn{display:flex;align-items:center;justify-content:center;margin-top:20px;gap:12px;width:202px;color:#111;background:#fff;border-radius:50px;line-height:60px;font-size:15px;font-weight:700;font-family:var(--e-font);transition:all 0.2s}
#mainVisual .main_txt .more_btn svg{width:18px}

/* 스와이퍼 */
#mainVisual .main_slide{width:100%;height:960px}
#mainVisual .main_slide ul{height:100%}
#mainVisual .main_slide ul li{width:100%;height:100%;background:no-repeat;background-size:cover}

/* 반응형 [s] */
@media(hover:hover){
#mainVisual .main_txt .more_btn:hover{color:#fff;background:var(--primary)}
#mainVisual .main_menu .main_tab ul li:hover{background:var(--primary)}
#mainVisual .main_menu .main_tab ul li:hover a .right svg{transform:rotate(90deg)}
}
@media (max-width:1800px){
#mainVisual h1{font-size:65px}
#mainVisual .main_txt{padding:0 50px}
}
@media (max-width:1400px){
.pf_cate > ul{padding: 0 10%}
.pf_cate > ul > li ul a{font-size:16px}
}
@media (max-width:1024px){
#mainVisual h1{font-size:50px}
#mainVisual .main_slide{height:500px}
#mainVisual .main_txt{padding:0 20px;width:95%;font-size:40px}
#mainVisual .main_txt .txt_box .left{line-height:1.5}
#mainVisual .main_txt .txt_box .left:after{width:250px}
#mainVisual .main_txt .txt_box .right .more_btn{width:160px;font-size:14px;line-height:55px}
#mainVisual .main_txt .bot_txt{margin:30px 0 50px 0;font-size:16px}
}
@media (max-width:768px){
#mainVisual .main_slide{height:480px}
#mainVisual h1{font-size:45px}
#mainVisual .main_txt{top:22%;font-size:32px}
#mainVisual .main_txt .txt_box{flex-direction:column;align-items:center;line-height:1.5}
#mainVisual .main_txt .txt_box .right{display:flex;flex-direction:column;align-items:center}
#mainVisual .main_txt .txt_box .right .more_btn{width:200px;font-size:14px;line-height:48px}
#mainVisual .main_txt .txt_box .left:after{display:none}
#mainVisual .main_txt .bot_txt{padding-left:20px;margin-top:45px;font-size:15px;word-break:keep-all}
#mainVisual .main_txt .bot_txt:after{display:none}
#mainVisual .main_txt .more_btn{margin:0 auto}
#mainVisual .pl{white-space:normal;text-align:center}
}
@media (max-width:480px){
#mainVisual h1{font-size:36px}
#mainVisual .main_slide{height:400px}
#mainVisual .main_menu{display:none}
#mainVisual .main_txt{top:28%;font-size:24px}
#mainVisual .main_txt .txt_box .right .more_btn{width:160px;font-size:13px;line-height:44px}
#mainVisual .main_txt .bot_txt{margin:20px 0 40px 0;padding:0px 40px;font-size:14px}
#mainVisual .main_txt .bot_txt:after{left:22px}
#mainVisual .main_txt .more_btn{width:190px;line-height:54px;font-size:14px}
}
@media (max-width:380px){
#mainVisual .main_slide{height:375px}
#mainVisual .main_txt{font-size:21px}
#mainVisual .main_txt .txt_box .right .more_btn{width:150px;line-height:40px}
#mainVisual .main_txt .bot_txt{padding:0px 25px;margin-top:30px;font-size:13px}
#mainVisual .main_txt .bot_txt:after{left:14px}
}
/* 반응형 [e] */