@charset "utf-8";

#main_banner_wrap{position:relative;width:2000px;height:442px}

/* 메인 텍스트 */
.main_txt{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:1070px;z-index:100;text-align:center}
.main_txt .txt01{position:relative;margin-top:158px;font-size:50px;letter-spacing:1px;color:#fff;font-family:'notokr-light'}
.main_txt .txt01:before{position:absolute;left:50%;top:37px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);content:'';z-index:-1;width:479px;height:28px;background:rgba(236,202,53,.8)}
.main_txt .txt02{margin-top:4px;font-size:14px;line-height:21px;color:rgba(255,255,255,.8);font-family:'notokr-regular'}

/* 슬라이드 */
#main_banner_wrap .bx-controls{position:absolute;top:0;z-index:9999;width:1070px;left:50%;margin-left:-535px}

#main_banner_wrap .bx-pager{position:absolute;width:1070px;top:290px;text-align:center}
#main_banner_wrap .bx-pager div{display:inline-block}
#main_banner_wrap .bx-pager div a{display:block;width:12px;height:12px;background:#fff;margin-left:10px;border-radius:7px;text-indent:-100px;overflow:hidden}
#main_banner_wrap .bx-pager div:first-child a{margin-left:0}
#main_banner_wrap .bx-pager div a.active{background:#ecca35}

#main_banner_wrap .bx-controls-direction{position:absolute;width:1070px;top:180px}
#main_banner_wrap .bx-controls-direction a{position:absolute;background:url('./arrow.png') no-repeat;width:31px;height:54px;text-indent:-100px;overflow:hidden;opacity:0.5;-webkit-transition:all .3s;transition:all .3s}
#main_banner_wrap .bx-controls-direction a.bx-prev{left:-100px;background-position:left top}
#main_banner_wrap .bx-controls-direction a.bx-next{right:-70px;background-position:right top}

/* 반응형 [s] */
@media (hover:hover){
#main_banner_wrap .bx-controls-direction a:hover{opacity:1}
}
@media (max-width:1300px){
#main_banner_wrap{width:100%}
#main_banner_wrap .bx-controls-direction a.bx-prev{display:none}
#main_banner_wrap .bx-controls-direction a.bx-next{display:none}  
#main_banner_wrap .bx-pager{width:100%}  
}
@media (max-width:1024px){
.main_txt .txt01{font-size:45px}
}
@media (max-width:768px){
#main_banner_wrap{height:400px}
.main_txt .txt01{margin-top:150px;font-size:40px}
.main_txt .txt01:before{width:435px;height:20px}
.bx-viewport{height:400px !important}
.bx-viewport > ul{height:100%}
.bx-viewport > ul > li{height:100%}
.bx-viewport > ul > li > img{position:absolute;top:0;left:0;object-fit:cover;width:100%;height:100%}
}
@media (max-width:580px){
#main_banner_wrap{height:350px}
.main_txt .txt01{margin-top:135px;font-size:30px}
.main_txt .txt01:before{top:25px;width:305px;height:15px}
.bx-viewport{height:350px !important}
#main_banner_wrap .bx-pager{top:241px}
}
@media (max-width:480px){
#main_banner_wrap{height:300px}
.main_txt .txt01{margin-top:100px;font-size:25px}
.main_txt .txt01:before{top:20px;width:255px;height:12px}
.bx-viewport{height:300px !important}
#main_banner_wrap .bx-pager{top:200px}
}
@media (max-width:390px){
#main_banner_wrap{height:280px}
.main_txt .txt01{margin-top:100px;font-size:23px}
.main_txt .txt01:before{width:240px}
.bx-viewport{height:280px !important}
}
/* 반응형 [e] */