@charset "utf-8";
#main_banner{position:relative;top:-60px;width:100%;opacity:0}

#slideshow {position:relative;width:90%;height:836px;margin:0 auto;z-index:0;transition:ease-out .2s !important}
#slides {position:relative;width:100%;height:836px;list-style:none;overflow:auto;margin:0 auto}
#slides li{width:100%;height:836px;background-size:cover}

/* 메인인덱스박스 */
#main_txt {position:absolute;top:0;left:50%;z-index:11;width:1150px;padding-top:230px;margin-left:-575px;color:#fff;text-align:center;opacity:0;font-family:'notokr-regular'}
#main_txt .s_tit{display:inline-block;padding:0 20px;border-top:1px solid rgba(255,255,255,.8);border-bottom:1px solid rgba(255,255,255,.8);font-weight:600;font-size:14px;letter-spacing:2px;line-height:42px;color:#cdcccc;font-family: 'Poppins', sans-serif}
#main_txt .s_tit span{display:inline-block;margin-right:10px;color:#ffffff}
#main_txt .main_tit{margin-bottom:20px;font-size:133px;color:#fff;font-family: 'Cookie', cursive}
#main_txt .main_txt{font-size: 28px;line-height:26px;color: #fff;font-family: notokr-bold;}

.sns_icon{position:absolute;right:40px;bottom:172px;font-size:14px}
.sns_icon li{margin-bottom:15px}
.sns_icon li:last-child{margin-bottom:0}
.sns_icon a{color:rgba(255,255,255,.7);transition:all .3s}
.sns_icon a:hover{color:#ffffff}

/* 갯수버튼 */
.pagination {display:none}

/*스크롤다운*/
.scroll{position:absolute;bottom:160px;left:45px;width:3px;height:267px;z-index:9999}
.scroll:before{position:absolute;bottom:47px;left:-62px;width:126px;content:'SCROLL DOWN';font-weight:600;font-size:12px;letter-spacing:2px;color:rgba(255,255,255,.7);transform:rotate(-270deg);font-family: 'Poppins', sans-serif}
.scroll:after{position:absolute;top:0;content:'';width:1px;height:130px;background:rgba(255,255,255,.2)}
.scroll .scroll_shape{position:absolute;overflow:hidden;left:-1px;width:3px;height:3px;border-radius:3px;background:#fff;
-webkit-animation:arr 2.5s infinite linear;-ms-animation:arr 2.5s infinite linear;animation:arr 2.5s infinite linear}
@-webkit-keyframes arr{from{opacity:0;top:10px}10%{opacity:1;top:20px}100%{top:80px;opacity:0}}
@keyframes arr{from{opacity:0;top:10px}10%{opacity:1;top:20px}100%{top:80px;opacity:0}}

@media screen and (max-width:1200px) {
#slideshow {width:100%}
}