@charset "utf-8";

#mainVisual{position:relative;height:850px}
#mainVisual .slider{height:850px}

/* 텍스트 */
#mainVisual .txt_area{position:absolute;top:27%;left:50%;z-index:101;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:1280px;padding-left:55px;font-size:16px;line-height:1.9;letter-spacing:-.5px;color:#fff}
#mainVisual .txt_area p{color:#fff}
#mainVisual .txt_area .btit{opacity:0;margin-left:20px;padding:25px 0 127px;font-size:55px;line-height:79px;font-family:'GongGothicBold'}
#mainVisual .txt_area .btit i{padding-left:250px;font-style:normal}
#mainVisual .txt_area .txt{opacity:0;font-size:50px;line-height:65px;font-family:'GongGothicMedium'}
#mainVisual .txt_area .txt span{font-family:'GongGothicBold'}

/* 슬라이더 */
#mainVisual .slider li{height:100%;background:center no-repeat;background-size:cover}
#mainVisual .slider li:nth-child(1){background-image:url(/sh_img/index/main_banner/main_img01.jpg)}
#mainVisual .slider li:nth-child(2){background-image:url(/sh_img/index/main_banner/main_img02.jpg)}
#mainVisual .slider li:nth-child(3){background-image:url(/sh_img/index/main_banner/main_img03.jpg)}

/* 스크롤버튼 */
#mainVisual .bar{overflow:hidden;position:absolute;right:0;bottom:0;z-index:101;width:50%;height:110px;padding-left:110px;background-color:#fff}
#mainVisual .scr_btn{opacity:0;width:110px;height:110px;position:absolute;left:0;top:0;margin-left:-20px;text-align:center;line-height:110px;background-color:#535b8c;cursor:pointer}
#mainVisual .scr_btn img{opacity:.6;-webkit-transition:all .2s;transition:all .2s}
#mainVisual .scr_btn:hover img{opacity:1}

/* 컨트롤러 */
#mainVisual .main_controls{display:inline-block;height:110px;padding-left:70px;margin-right:55px;line-height:110px}
#mainVisual .main_controls .counter{display:inline-block;margin:0 35px;font-size:14px;font-weight:700;font-family:'Play'}
#mainVisual .main_controls a{font-size:0}
#mainVisual .main_controls a:before{content:"\f104";font-size:16px;color:#222;font-family:'fontawesome'}
#mainVisual .main_controls a.bx-next:before{content:"\f105"}
#mainVisual .main_pager{display:inline-block;vertical-align:middle;font-size:0}
#mainVisual .bx-pager{overflow:hidden;position:relative;width:235px;height:1px;background-color:#ccc}
#mainVisual .bx-pager .bx-pager-link{display:block;position:absolute;left:0px;width:0;height:1px;background-color:#555}
#mainVisual .bx-pager .bx-pager-link.active{-webkit-animation:fiil 4s ease-out 0s infinite;animation:fiil 4s ease-out 0s infinite}
@-webkit-keyframes fiil{	0%{width:0}100%{width:100%}}
@keyframes fiil{0%{width:0}100%{width:100%}}