@charset "utf-8";

#slideshow {text-align:center;z-index:100}
#slideshow {overflow:hidden;position:relative;min-width:1070px;width:100%;height:100%}
#slides {position:relative;width:100%;height:100%;list-style:none;overflow:hidden;margin:0 auto}
#slides li{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:center no-repeat;background-size:cover;
-webkit-animation:main 20s linear infinite;-ms-animation:main 20s linear infinite;animation:main 20s linear infinite;-webkit-transition:background-position .5s ease-out;-ms-transition:background-position .5s ease-out;transition:background-position .5s ease-out}
@-webkit-keyframes main{from{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.13)}100%{-webkit-transform:scale(1)}}
@-ms-keyframes main{from{-ms-transform:scale(1)}50%{-ms-transform:scale(1.13)}100%{-ms-transform:scale(1)}}
@keyframes main{from{transform:scale(1)}50%{transform:scale(1.13)}100%{transform:scale(1)}}

#slides .img01 {background-image:url(/sh_img/index/main_banner/main_banner_01.jpg)}
#slides .img02 {background-image:url(/sh_img/index/main_banner/main_banner_02.jpg)}
#slides .img03 {background-image:url(/sh_img/index/main_banner/main_banner_03.jpg)}

.main_visual{position:relative;width:100%;height:100%;min-width:1100px}

/*메인텍스트*/
.main_visual .txt_wrap{position:absolute;right:135px;top:268px;width:647px;height:210px;z-index:100;color:#fff;z-index:1000}
.main_visual .txt01{position:absolute;top:30px;left:0;font-size:17px;font-weight:300;letter-spacing:0.7px;opacity:0;font-family:'poppins'}
.main_visual .txt01 span{font-weight:500;color:#ff2041;letter-spacing:0.7px}
.main_visual .txt02{position:absolute;top:-30px;left:0;padding-top:20px;font-size:87px;line-height:79px;letter-spacing:1.7px;font-style:italic;letter-spacing:0;opacity:0;font-family:'cookie'}
.main_visual .txt02 span{padding-left:70px}

/* pager */
.pagination {position:absolute;bottom:304px;right:673px;z-index:100;color:rgba(255, 255, 255, 0.41);opacity:0}
.pagination li {display:none;width:91px;overflow:hidden;font-size:11px;line-height:43px;letter-spacing:2px;color:rgba(255, 255, 255, 0.41);text-align:right;z-index:1002}
.pagination li.current {display:block;font-size:13px;line-height:36px;font-family:poppins}
.pagination li.current span.current_num{font-size:15px;font-weight:500;color:#fff}
.pagination li.current span.slu{padding:0 3px;font-size:10px}

.main_banner_wrap .bx-controls-direction{display:none}
.main_banner_wrap{position:relative;z-index:99;width:100%;height:886px}
.main_banner_wrap .bg_area{position:absolute;right:-50%;z-index:100;width:50%;height:100%;background:#26272b;opacity:0.8;filter:#26272b alpha(opacity=50)}
.main_banner_wrap .controls{position:absolute;right:834px;bottom:289px;z-index:999;font-size:16px;color:rgba(255, 255, 255, 0.64);opacity:01}
.main_banner_wrap .controls li.prev{position:absolute;bottom:22px;left:69px;cursor:pointer}
.main_banner_wrap .controls li.next{position:absolute;bottom:22px;left:185px;cursor:pointer}

#scroll{position:absolute;left:60px;bottom:175px;color:#fff;z-index:999}
#scroll .scroll_down{font-size:12px;font-weight:500;letter-spacing:2px;transform:rotate(90deg);transform-origin: bottom left;font-family:'poppins'}
#scroll .scroll_down:before{display:inline-block;width:4px;height:4px;margin:0 11px 2px 0;border-radius:50%;background-color:#e51937;content:''}
#scroll .down_arr{position:absolute;left:8px;top:111px;width:10px;height:41px;overflow:hidden}
#scroll .down_arr img{position:absolute;bottom:0;left:0;-webkit-animation:arr 2.5s infinite linear;-ms-animation:arr 2.5s infinite linear;animation:arr 2.5s infinite linear}
@-webkit-keyframes arr{from{bottom:0}15%{bottom:5px}30%{bottom:0}45%{bottom:5px}60%{bottom:0}100%{bottom:0}}
@keyframes arr{from{bottom:0}15%{bottom:5px}30%{bottom:0}45%{bottom:5px}60%{bottom:0}100%{bottom:0}}

@media (max-width:1024px){
.main_visual .txt02{font-size:57px}
.main_visual .txt_wrap{right:0;width:534px}
.pagination{right:35%}
.main_banner_wrap .controls{right:706px}
}