@charset "utf-8";

#mainVisual{overflow:hidden;position:relative;z-index:10;min-width:1200px;width:100%;height:800px}
#mainVisual:after{display:block;content:"";position:absolute;top:0;right:95px;z-index:1002;width:1px;height:100%;background-color:rgba(255,255,255,.3)}

/* 이미지 */
#mainVisual .main_img{position:relative;z-index:1001;width:100%;height:715px}
#mainVisual .main_img li{overflow:hidden;opacity:0;position:absolute;width:100%;height:100%;background:url(/sh_img/index/main_banner/main_banner_01_new.jpg) center top no-repeat;
/*background-size:cover;-webkit-transform:skewX(3deg);-ms-transform:skewX(3deg);transform:skewX(3deg);*/
-webkit-transition:all .4s;transition:all .4s}
#mainVisual .main_img li a{display:block;width:100%;height:100%}
#mainVisual .main_img li.img02{background-image:url(/sh_img/index/main_banner/main_banner_02.jpg)}
#mainVisual .main_img li.img03{background-image:url(/sh_img/index/main_banner/main_banner_03_new.jpg)}
#mainVisual .main_img li.img04{background-image:url(/sh_img/index/main_banner/main_banner_04_new.jpg)}
#mainVisual .main_img li.img05{background-image:url(/sh_img/index/main_banner/main_banner_05_new.jpg)}
#mainVisual .main_img li.on{z-index:10;opacity:1;-webkit-transform:skewX(0);-ms-transform:skewX(0);transform:skewX(0);
-webkit-transition:all .8s cubic-bezier(0.165, 0.840, 0.440, 1.000);transition:all .8s cubic-bezier(0.165, 0.840, 0.440, 1.000)}

/* 텍스트 */
#mainVisual .main_img li .txt{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin-top:-60px;font-size:18px;line-height:1.8;text-align:center;color:rgba(255,255,255,.7);font-family:'notokr-medium'}
#mainVisual .main_img li .txt span{opacity:0;display:inline-block;margin-left:-40px;font-size:14px;font-weight:600;color:#fff;letter-spacing:.3px;font-family:'Poppins'}
#mainVisual .main_img li .txt span:before, #mainVisual .main_img li .txt span:after{display:inline-block;vertical-align:1px;content:"";width:8px;height:8px;margin:0 15px;background-color:#fff}
#mainVisual .main_img li .txt p{opacity:0;padding:30px 0 40px;margin-left:40px;font-size:56px;line-height:1.3;color:#fff;letter-spacing:-1px;font-family:'notokr-thin'}
#mainVisual .main_img li .txt p b{font-weight:normal;font-family:'notokr-bold'}
#mainVisual .main_img li.on p{opacity:1;margin-left:0;-webkit-transition:all .6s;transition:all .6s}
#mainVisual .main_img li.on span{opacity:1;margin-left:0;-webkit-transition:all .6s;transition:all .6s}

/* 페이저 */
#mainVisual .pager_dot{position:absolute;right:64px;top:50%;z-index:1002;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin-top:-55px}
#mainVisual .pager_dot li{opacity:.4;width:25px;height:4px;margin:20px 0;background-color:#fff}
#mainVisual .pager_dot li.on{opacity:1;width:56px;transform:translateX(-10px)}
#mainVisual .pager_dot li:hover{cursor:pointer}

/* 탭 */
#mainVisual .pager_tab{width:100%}
#mainVisual .pager_tab:before{opacity:0.95;display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;-webkit-animation:flow 14s linear infinite;-ms-animation:flow 14s linear infinite;animation:flow 14s linear infinite;
background-position:left center;background-size:220% auto;background-image:-webkit-gradient(linear, left top, right top, color-stop(0, #d6c8b4 ), color-stop(0.51, #9a8055), color-stop(1, #d6c8b4 ));
background-image:linear-gradient(to right, #d6c8b4 0%, #9a8055 51%, #d6c8b4 100%)}
@-webkit-keyframes flow{from{background-position:left center}20%{background-position:right center}50%{background-position:left center}70%{background-position:right center}100%{background-position:left center}}
@-ms-keyframes flow{from{background-position:left center}20%{background-position:right center}50%{background-position:left center}70%{background-position:right center}100%{background-position:left center}}
@keyframes flow{from{background-position:left center}20%{background-position:right center}50%{background-position:left center}70%{background-position:right center}100%{background-position:left center}}
#mainVisual .pager_tab ul{position:relative;width:1200px;margin:0 auto;height:85px}
#mainVisual .pager_tab li{float:left;position:relative;width:20%;font-size:18px;color:#fff;line-height:85px;text-align:center;font-family:'notokr-medium'}
#mainVisual .pager_tab li:before{display:block;content:"";position:absolute;left:0;top:50%;width:1px;height:20px;margin-top:-10px;background-color:rgba(255,255,255,.3)}
#mainVisual .pager_tab li:first-child:before{display:none}
#mainVisual .pager_tab li:after{opacity:0;display:block;content:"";position:absolute;left:0;bottom:-12px;width:100%;height:12px;background-color:#fff;transition:all .2s}
#mainVisual .pager_tab li.on:after{opacity:1;bottom:0}
#mainVisual .pager_tab li:hover{cursor:pointer}
#mainVisual .pager_tab li:hover:after{opacity:.3;bottom:0}
#mainVisual .pager_tab li.on:hover:after{opacity:1}