@charset "utf-8";

#mainVisual{overflow:hidden;position:relative;padding:176px 80px 0;width:100%;min-width:1400px}

/* 텍스트 */
#mainVisual .main_txt{display:flex;align-items:flex-end;padding-left:60px;padding-bottom:73px;color:#000;font-family:'Cabin', 'Pretendard'}
#mainVisual .main_txt .txt01{position:relative;padding-left:68px;font-size:85px;line-height:105px;font-weight:700;white-space:pre-line;font-family:'Cabin', sans-serif}
#mainVisual .main_txt .txt01:before{position:absolute;left:0;top:22px;content:'';width:17px;height:18px;background:url('./point_dot.png') no-repeat center}

/* #mainVisual .main_txt .txt01{font-size:85px;font-weight:700;line-height:110px;} */
#mainVisual .main_txt .txt02{position:relative;margin-left:127px;padding:0 0 16px 48px;font-size:16px;line-height:26px}
/* #mainVisual .main_txt .txt02:before{position:absolute;left:0;top:2px;content:'';width:17px;height:18px;background:url('./point_dot.png') no-repeat center} */
#mainVisual .main_txt .txt02 a{display:block;margin-top:29px;font-size:17px;font-weight:700}
#mainVisual .main_txt .txt02 a span{display:inline-block;overflow:hidden;position:relative;width:12px;height:12px;margin-left:16px}
#mainVisual .main_txt .txt02 a span img{position:absolute;transition:all .3s cubic-bezier(0.22, 1, 0.36, 1)}
#mainVisual .main_txt .txt02 a span img.off{left:0;top:0}
#mainVisual .main_txt .txt02 a:hover span img.off{left:22px;top:-22px}
#mainVisual .main_txt .txt02 a span img.on{left:-22px;top:22px}
#mainVisual .main_txt .txt02 a:hover span img.on{left:0;top:0}

/* 스와이퍼 */
#mainVisual .main_slide{margin-left:60px;height:500px}
#mainVisual .main_slide ul{height:100%}
#mainVisual .main_slide ul li{width:100%;height:100%;background:center no-repeat;background-size:cover}
#mainVisual .main_slide ul li.bg01{background-image:url('./main01.jpg')}
#mainVisual .main_slide ul li.bg02{background-image:url('./main02.jpg')}

/* 사업분야 */
#mainVisual .business_line{display:flex;justify-content:center;column-gap:20px;margin-top:60px}
#mainVisual .business_line li{overflow:hidden;border-radius:50px}
#mainVisual .business_line li a{display:block;padding:0 20px;font-size:16px;line-height:50px;font-weight:700;color:#000;background:#fff;transition:all .2s;font-family:'Cabin', sans-serif}
#mainVisual .business_line li a:hover{color:#fff;background:var(--primary)}

@media (max-width:1600px){
#mainVisual .main_txt .txt01{font-size:66px;line-height:90px}
}
@media (max-width:1430px){
/* #mainVisual{padding:0 50px} */
#mainVisual .main_txt .txt02{padding:0 0 16px 0}
}