#mainVisualCon {
    width:100%;
    height:980px;
    position:relative;
}

.main-visual-slide, .main-visual-slide .slick-list, .main-visual-slide .slick-track, .main-visual-item {
    height:100%;
}
.main-visual-img {
    position:absolute;
    width:100%;
    height:100%;
}


.main-visual-item .main-visual-img {transform:scale(1.1); }
.main-visual-item.active-item .main-visual-img {transform:scale(1); transition:all 5s ease; }



.main-visual-item .visual-txt-area 
{max-width:var(--container); position:relative; margin:0 auto; width:100%; height:100%;}
.main-visual-item .visual-txt-con
{width:100%; height:100%; display:flex; justify-content:center; flex-direction:column; opacity:0; transform:translateY(20px)}
.main-visual-item .visual-txt-con h4 
{font-size:3rem; color:#fff; font-weight:300; margin-bottom:1rem;}
.main-visual-item .visual-txt-con h2
{font-size:9rem; color:#fff; font-weight:900; line-height:1.2;}
.main-visual-item .visual-txt-con.active 
{opacity:1; transform:translateY(0); transition:all 0.8s ease}

#mainVisualCon .main-controls-con {position:absolute; bottom:10rem; left:24%; z-index:9991}
#mainVisualCon .slick-dots { position: absolute; max-width: 15%; width: 100%; bottom: 10rem; left: calc(calc(100% - var(--container)) / 2); display: flex; z-index: 9991; } 
#mainVisualCon .slick-dots li { width: 20%; margin: 0 2%; cursor: pointer; } 
#mainVisualCon .slick-dots .progress-con { display: block; } 
#mainVisualCon .slick-dots .progress-con .num { font-size: 15px; font-weight: 900; color: #fff; } 
#mainVisualCon .progress-bar { width: 100%; height: 4px; background: #ffffff4d; display: inline-block; position: relative; border-radius: 25px; } 
#mainVisualCon .progress-bar .progressing { width: 0%; height: 4px; background: #fff; z-index: 1; top: 0; position: absolute; left: 0; } 
#mainVisualCon .slick-dots li.slick-active { width: 100%; } 
#mainVisualCon .slick-dots li.slick-active .progress-bar { width: 100%; } 
#mainVisualCon .slick-dots li.active-item .progress-bar .progressing { width: 100%; transition: all 3s; } 

#mainVisualCon .main-controls-con .main-play-pause-controls i 
{margin-right:1rem;}

.main-scroll-down-con 
{position:absolute; right:20rem; bottom:8rem; z-index:9998;}
.main-scroll-down-con .scroll-down-wrap 
{position:relative; display:flex; align-items:start; }
.main-scroll-down-con .scroll-down-wrap p 
{font-size:1.8rem; color:#fff; margin-right:2rem; font-weight:600; letter-spacing:2px;}
.main-scroll-down-con .scroll-down-wrap .scroll-arrow-bg 
{width:0.5rem; height:6rem; border-radius:50px; background:#ffffff4f; position:relative;}
.main-scroll-down-con .scroll-down-wrap .scroll-arrow-bg .circle
{position:absolute; top:0; width:0.5rem; height:1.5rem; display:inline-block; background:#fff; border-radius:50px; left:0; animation:scrollDown 3s ease-in-out infinite}
@keyframes scrollDown {
  0% {
    top:0%;
  }
  50% {
    top: 80%; 
  }
  100% {
    top:0%;
  }
} 




#mainBusinessCon 
{padding:14rem 0;}
.business-title-con .main-title-wrap 
{margin-bottom:3rem;}
.main-business-slide .slide-item .item-con
{ height:55.8rem;}
.main-business-slide .item-con a
{display:flex; justify-content:space-between;}
.main-business-slide .item-con .txt-con
{width:50%; padding:7rem 5rem 0; background:#f7f7f7; border:1px solid #eee;}
.main-business-slide .item-con .txt-con .tit-box h2 
{font-size:4.8rem;  color:#000000; font-weight:700;}
.main-business-slide .item-con .txt-con .tit-box h5 
{font-size:2rem; font-weight:600; color:#000; margin-top:3rem;}
.main-business-slide .item-con .txt-con .txt-box 
{margin:3rem 0;}
.main-business-slide .item-con .txt-con .txt-box p
{font-size:1.8rem; line-height:1.8; font-weight:500; color:#333;}
.main-business-slide .item-con .img-con
{width:50%; position:relative;}
.main-business-slide .item-con .img-con:before 
{content:''; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.8); opacity:1; transition:all 0.3s ease;}
.main-business-slide .slick-active .item-con .img-con:before 
{opacity:0;}

.main-business-slide .item-con span 
{display:flex; align-items: center; font-size:2rem; color:#000; font-weight:400; margin-top:3rem;;}
.main-business-slide .item-con span i
{position:relative; margin-left:2rem;} 
.main-business-slide .item-con span i img 
{position: relative;}
.main-business-slide .item-con span i img.wt-arrow 
{display:none;}
.main-business-slide .item-con span i:before 
{content:''; position:absolute; width:5rem; height:5rem; background:#eeeeee; border-radius:50%; z-index:0; top:-1.4rem; right:-2rem;}

.main-business-slide .item-con:hover span
{color:var(--main-color);}
.main-business-slide .item-con:hover span i::before
{background:var(--main-color);}
.main-business-slide .item-con:hover span i img.bk-arrow
{display:none;}
.main-business-slide .item-con:hover span i img.wt-arrow
{display:block;}


.main-business-tab-menu-con .slick-dots 
{display:flex; }
.main-business-tab-menu-con .slick-dots li
{position:relative; padding:2rem; cursor:pointer}
.main-business-tab-menu-con .slick-dots li span 
{font-size:1.8rem; color:#555555; display:block;}
.main-business-tab-menu-con .slick-dots li:after 
{content:''; position:absolute; width:100%; height:2px; background:transparent;  bottom:0; left:0;}
.main-business-tab-menu-con .slick-dots li.slick-active span
{color:var(--main-color); font-weight:500}
.main-business-tab-menu-con .slick-dots li.slick-active:after
{background:var(--main-color); }

.main-title-con h2
{position:relative; font-size:6.5rem; color:#000000; font-weight:800;}
.main-title-con h2:after 
{content:''; position:absolute; width:1.5rem; height:1.5rem; background:var(--main-color); border-radius:50%; right:-2rem; bottom:0.5rem;}
.main-title-wrap 
{display:flex; justify-content:space-between; align-items:center;}

#mainAboutCon
{padding:13rem 0;}
#mainAboutCon h2 
{font-size:6.5rem; color:#fff; font-weight:800;}
.main-about-con 
{display:flex; align-items:stretch; justify-content:space-between;}
.main-about-con .left-con 
{display:flex; flex-direction:column; justify-content:space-between;}
.main-about-con .left-con p 
{font-size:2rem; color:#fff; font-weight:300;}
.main-about-con .right-con 
{width:50%;}
.main-about-con .about-btn-mixed-con 
{display:flex; flex-wrap:wrap; margin:-1%; justify-content:end;}
.main-about-con .about-btn-mixed-con a 
{width:30rem; border:1px solid #ffffff; padding:2.5rem; font-size:1.8rem; color:#fff; display:flex; justify-content:space-between; align-items:center; margin:1%; transition:all 0.3s ease;}
.main-about-con .about-btn-mixed-con a span 
{font-size:1.5rem; display:flex; align-items:center; transition:all 0.3s ease;}
.main-about-con .about-btn-mixed-con a span i 
{margin-left:0.5rem; transition:all 0.3s ease;}
.main-about-con .about-btn-mixed-con a:hover 
{background:var(--main-color); border-color:var(--main-color);}
.main-about-con .about-btn-mixed-con a:hover span 
{color:#fff;}
.main-about-con .about-btn-mixed-con a:hover span i
{color:#fff;}
#mainBoardCon 
{padding:14rem 0;}
.main-board-con
{display:flex; justify-content:space-between;}
.main-board-con .board-con 
{width:47%;}
.main-board-con .main-title-con span 
{display:flex; align-items: center; font-size:2rem; color:#000; font-weight:300;;}
.main-board-con .main-title-con span i
{position:relative; margin-left:2rem; width:5rem; height:2rem;} 
.main-board-con .main-title-con span i img 
{position: absolute;}
.main-board-con .main-title-con span i img.wt-arrow 
{display:none;}
.main-board-con .main-title-con span i:before 
{content:''; position:absolute; width:5rem; height:5rem; background:#eeeeee; border-radius:50%; z-index:0; top:-1.4rem; right:-2rem; transition:all 0.3s ease;}

.main-board-con .main-title-con span:hover 
{color:var(--main-color);}
.main-board-con .main-title-con span:hover i:before 
{background:var(--main-color);}
.main-board-con .main-title-con span:hover i img.wt-arrow 
{display:block;}
.main-board-con .main-title-con span:hover i img.bk-arrow 
{display:none;}

/* 메인 추출 게시판 커스텀 */
.main-board-list-con 
{margin-top:5rem;}
.main-board-list-con .board_output > tbody > tr[class *= "board_output"]
{height:50px;}
.main-board-list-con .board_output > tbody > tr > td 
{padding:0 !important;}
.main-board-list-con .board_output > tbody > tr[class *= "board_output"] td:first-child 
{display:none;}
.main-board-list-con .board_output > tbody > tr[class *= "board_output"] td
{font-size:18px; color:#444444;}
.main-board-list-con .board_output > tbody > tr > .bd_out1 > a
{font-size:22px; color:#000; font-family:'Pretendard'; line-height:1.5;}

#mainDirectCon 
{padding-bottom:14rem;}
.main-direct-con 
{display:flex; flex-wrap:wrap;}
.main-direct-con .direct-link-box 
{position:relative; width:50%; height:31rem;}
.main-direct-con .direct-link-box a:before 
{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); opacity:0; transition:all 0.3s ease;}
.main-direct-con .direct-link-box a 
{position:relative; width:100%; height:100%; padding:8rem; display:inline-flex; align-items:center; justify-content:space-between;;}
.main-direct-con .direct-link-box h2 
{position:relative; font-size:6rem; color:#fff; font-weight:700;}
.main-direct-con .direct-link-box span 
{position:relative;display:flex; align-items: center; font-size:2rem; color:#fff; font-weight:300;;}
.main-direct-con .direct-link-box span i
{position:relative; margin-left:2rem; width:5rem; height:2rem;} 
.main-direct-con .direct-link-box span i img 
{position: absolute;}
.main-direct-con .direct-link-box span i img.wt-arrow 
{display:none;}

.main-direct-con .direct-link-box:hover a:before
{opacity:1;}
.main-direct-con .direct-link-box:hover span i img.wt-arrow 
{display:block;}
.main-direct-con .direct-link-box:hover span i img.bk-arrow 
{display:none;}
.main-direct-con .direct-link-box span i:before 
{content:''; position:absolute; width:5rem; height:5rem; background:#eeeeee; border-radius:50%; z-index:0; top:-1.4rem; right:-2rem;}
.main-direct-con .direct-link-box:hover span i:before 
{background:var(--main-color)}