@charset "utf-8";

#mainVisual{position:relative}

/* 텍스트 */
#mainVisual .txt_area{position:absolute;top:27%;left:50%;z-index:101;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:1200px;color:#fff}
#mainVisual .txt_area .tit{opacity:0;margin-bottom:40px;letter-spacing:-3px;font-size:56px;line-height:72px;font-family:'notokr-thin'}
#mainVisual .txt_area .tit b{font-weight:normal;font-family:'notokr-bold'}
#mainVisual .txt_area .txt{opacity:0;margin-bottom:70px;line-height:28px;font-size:16px;font-family:'notokr-regular'}

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

/* 컨트롤러 */
#mainVisual .bar{overflow:hidden}
#mainVisual .main_controls{display:inline-block}
#mainVisual .main_controls .counter{font-size:12px;font-weight:700;letter-spacing:0;font-family:'Philosopher'}
#mainVisual .main_controls .counter p{display:inline-block;margin-right:4px}
#mainVisual .main_controls .counter p:last{margin-left:4px}
#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;margin-left:12px}
#mainVisual .bx-pager{overflow:hidden;position:relative;width:220px;height:1px;background-color:rgba(255,255,255,.35)}
#mainVisual .bx-pager .bx-pager-link{display:block;position:absolute;left:0px;width:0;height:1px;background-color:#fff}
#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%}}

/*btm_cont*/
#mainVisual .c_bg{background-color:#194a6c;color:#fff}
#mainVisual .c_bg .inner{width:1200px;height:85px;margin:0 auto;line-height:85px}
#mainVisual .c_bg .inner .list{float:left;width:calc(100% - 300px)}
#mainVisual .c_bg .inner .list .tit{float:left;margin-right: 20px;font-size: 16px;font-weight:700;font-family:'Philosopher'}
#mainVisual .c_bg .inner .list .sh_lt{float:left;width:calc(100% - 84px);padding-right:48px}
#mainVisual .c_bg .inner .link{display:block;float:right;width:300px;background-color:#2e7cae;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;color:#fff;text-align:center;font-size:15px}
#mainVisual .c_bg .inner .link i{margin-left:15px}
#mainVisual .c_bg .inner .link:hover{background-color:#288cc0}