@charset "utf-8";

#mainVisual{overflow:hidden;position:relative;display:flex;align-items:center;flex-wrap:wrap;align-content:center;max-width:1500px;height:100vh;margin:0 auto;font-size:17px;color:#777;line-height:1.5;font-family:'Pretendard'}

/* 상단 배너, 버튼 */
#mainVisual .top_area{display:flex;justify-content: flex-end;width:100%;margin-bottom:20px}
#mainVisual .mn_lt{position:relative;overflow:hidden;width:35%;height:35px}
#mainVisual .sh_lt li{font-size:15px}
#mainVisual .sh_lt li a{font-size:16px;color:#111;font-family:'Pretendard'}
#mainVisual .sh_lt li .datetime{margin:0 30px;font-size:13px;color:#111;font-family:'Unbounded'}
#mainVisual .sh_lt .slide_btn{position:absolute;top:0;right:0;z-index:10;display:flex}
#mainVisual .sh_lt .slide_btn div{cursor:pointer}
#mainVisual .sh_lt .slide_btn div+div{position:relative;margin-left:10px;padding-left:10px}
#mainVisual .sh_lt .slide_btn div+div:after{position:absolute;content:'';top:5px;left:0;width:1px;height:15px;background:#e1e1e1}
#mainVisual .sh_lt .slide_btn svg{width:20px;color:#111}
#mainVisual .m_btn{display:flex;gap:10px}
#mainVisual .m_btn a{display:flex;align-items:center;height:40px;;border-radius:50px;font-size:13px;color:#fff;background:#111;font-family:'Unbounded'}
#mainVisual .us a{position:relative;overflow:hidden;width:125px}
#mainVisual .us a .mv_txt{position:absolute;display:flex;animation:movetxt 8s linear infinite}
#mainVisual .us a .mv_txt span{float:left;width:50%}
#mainVisual .ntc a{padding:0 30px;color:#111;background:var(--primary)}

/* 텍스트 */
#mainVisual .main_txt{position:relative}
#mainVisual .b_txt{width:1500px;font-size:133px;font-weight: 800;line-height:1.1;color:#111;}
#mainVisual .b_txt div{display:flex;justify-content:space-between}
#mainVisual .b_txt .row1 p:nth-child(1){color:var(--primary)}
#mainVisual .s_txt.pl{position:absolute;right: 30px;bottom: 0;font-size:16px;font-weight:500;line-height:1.6;color:#111;white-space:pre-line}

#mainVisual .main_slide{position:absolute;top:0;right: 0;max-width: 1110px;}
#mainVisual .main_slide .bg{width: 1130px;height:450px}
#mainVisual .main_slide .bg01{background:url(./main_banner01.png)}
#mainVisual .main_slide .bg02{background:url(./main_banner02.png)}
#mainVisual .main_slide .bg03{background:url(./main_banner03.png)}

#mainVisual .flow-text{display:flex;flex:0 0 auto;white-space:nowrap;overflow:hidden;transition:0.3s;font-family: 'Pretendard';}
#mainVisual .flow-text:hover{color:#fff}
#mainVisual .flow-text:hover .flow-wrap{animation-play-state:paused;cursor:pointer}
#mainVisual .flow-wrap{animation:textLoop 3s linear infinite;padding-right:10px}
@keyframes textLoop{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-100%, 0, 0)}}

/* 반응형 [s] */
@media (max-width:1440px){
#mainVisual{height:auto;padding:100px 0}
#mainVisual .main_slide{position:unset;margin-top:50px}
#mainVisual .b_txt{width:100%;padding:50px 0 10px;font-size:100px;text-align:center}
#mainVisual .b_txt div{display:inline-flex;gap:30px}
#mainVisual .s_txt.pl{position:unset;padding:0 10px;white-space:normal;text-align:center;word-break:keep-all}
}
@media (max-width:1024px){
#mainVisual{padding:30px 0 100px}
#mainVisual .top_area{align-items:center}
#mainVisual .mn_lt{width:45%;height:24px}
#mainVisual .sh_lt li .datetime{margin:0 10px}
#mainVisual .main_slide .bg{width:100%}
#mainVisual .b_txt{font-size:85px}
#mainVisual .main_txt{width:100%}
}
@media (max-width:768px){
#mainVisual .top_area{display:block;margin-bottom:0}
#mainVisual .mn_lt{width:80%;margin:0 auto}
#mainVisual .b_txt{padding:20px 0;font-size:60px}
#mainVisual .m_btn{justify-content:center;}
#mainVisual .main_slide .bg{background-position:center}
#mainVisual .us a{width:195px}
#mainVisual .main_slide .bg{height:350px;background-position:center !important}
#mainVisual .main_slide .bg01{background:url(./main_banner01_m.jpg)}
#mainVisual .main_slide .bg02{background:url(./main_banner02_m.jpg)}
#mainVisual .main_slide .bg03{background:url(./main_banner03_m.jpg)}
}
@media (max-width:480px){
#mainVisual .mn_lt{width:90%}
#mainVisual .b_txt{font-size:50px}
#mainVisual .b_txt div{display:block}
}
@media (max-width:380px){
}
/* 반응형 [e] */