@charset "utf-8";

#slideshow{overflow:hidden;position:relative;min-width:1070px;width:100%;height:100%;text-align:center;z-index:100}
#slides {position:relative;width:100%;height:100%;list-style:none;overflow:hidden;margin:0 auto}
#slides:after{content:url(./main_bg.png);position:absolute;bottom:-4px;left:50%;margin-left:-974px;z-index:1001}
#slides li {position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:center no-repeat fixed;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(./main_banner_01.jpg)}
#slides .img02 {background-image:url(./main_banner_02.jpg)}
#slides .img03 {background-image:url(./main_banner_03.jpg)}

#main_visual{overflow:hidden;position:relative;width:100%;height:100%;min-width:1100px}

/*메인텍스트*/
#main_visual .txt_wrap{position:relative;z-index:100;width:1100px;margin:0 auto;color:#fff;z-index:1000}

/*메인오른쪽텍스트*/
#main_visual .right_txt_wrap{position:relative;z-index:100;width:1100px;margin:0 auto;color:#fff;}
#main_visual .right_txt{position:absolute;top:-59px;right:-8px;font-size:11px;color:#ff661a;font-family:'Raleway';font-weight:600;line-height:23px;letter-spacing:3px;transform:rotate(-90deg)}
#main_visual .right_txt:after{display:inline-block;content:"";clear:both;position:absolute;top:10px;right:-173px;width:148px;height:1px;background:#ff661a}

/*메인왼쪽텍스트*/
#main_visual .txt_wrap .left_txt:before{display:inline-block;content:"";clear:both;position:absolute;top:10px;left:-92px;width:65px;height:1px;background:#fff;margin:0px auto;opacity:0.4}
#main_visual .txt_wrap .left_txt:after{display:inline-block;content:"";clear:both;position:absolute;top:11px;left:152px;width:3px;height:3px;border-radius:3px;background:#fff}
#main_visual .txt_wrap .left_txt{position:absolute;top:700px;left:-426px;font-size:11px;color:#fff;font-family:'Raleway';font-weight:400;line-height:25px;letter-spacing:3px;transform:rotate(-90deg);opacity:0}

/*메인 중앙텍스트*/
#main_visual .txt{position:absolute;top:384px;left:0px}
#main_visual .txt .txt01{font-size:75px;font-family:'Raleway';font-weight:300;line-height:79px;letter-spacing:0;opacity:0}
#main_visual .txt .txt02{margin-left:202px;font-size:75px;font-family:'Raleway';font-weight:300;line-height:79px;letter-spacing:0;opacity:0}
#main_visual .txt .txt02 span{font-weight:800}
#main_visual .txt .txt02 span .orange{color:#ff661a}
#main_visual .txt2{position:absolute;top:580px;left:-100px;opacity:0}
#main_visual .txt2 p{font-family:'notokr-regular';font-size:18px;line-height:28px;letter-spacing:-0.1px;opacity:0.7}
#main_visual .txt3{position:absolute;top:571px;right:0px;font-size:11px;color:#ff661a;font-family:'Raleway';font-weight:600;line-height:23px;letter-spacing:3px;transform:rotate(-90deg)}

/* pager */
.pagination {position:absolute;top:700px;left:50%;margin-left:488px;z-index:100;font-family:'notokr-regular'}
.pagination:before {content:'';clear:both;position:absolute;top:-113px;left:-35px;width:128px;height:128px;border-radius:64px;border:25px solid #ff661a;z-index:-1}
.pagination:after {content:"03";color:#ff661a;position:absolute;top:17px;left:60px;font-size:15px}
.pagination li {display:none;width:56px;overflow:hidden;font-size:15px;line-height:43px;letter-spacing:1px;color:#ff661a;;z-index:1002}
li.current {display:block;font-size:36px;line-height:36px;letter-spacing:0.5px;color:#fff;font-family:'notokr-bold'}

.bx-controls-direction{display:none}
@media (max-width:1320px){
#slideshow{width:100%;min-width:100%}
#slides:after{display:none}
#main_visual{min-width:100%}
#main_visual .txt_wrap{width:100%}
#main_visual .txt_wrap .left_txt{display:none}
#main_visual .txt{left:50px;top:200px}
#main_visual .txt .txt01{font-size:65px;line-height:69px}
#main_visual .txt .txt02{margin-left:152px;font-size:65px;line-height:69px}
#main_visual .txt2{left:50px !important;top:370px}
#main_visual .txt2 p{font-size:14px;line-height:24px}
#main_visual .right_txt_wrap{display:none}
.pagination{top:600px;right:70px;left:initial;margin-left:0}
.pagination:before{top:-33px;left:18px;width:58px;height:58px;border:15px solid #ff661a}
}
@media (max-width:1024px){
#main_visual .txt{left:20px}
#main_visual .txt .txt01{font-size:55px;line-height:59px}
#main_visual .txt .txt02{margin-left:0;font-size:55px;line-height:59px}
#main_visual .txt2{left:20px !important}
.pagination{right:50px}
}
@media (max-width:768px){
#main_visual .txt_wrap{position:absolute}
#main_visual .txt, #main_visual .txt2{position:relative;width:100%;left:initial !important;top:initial;padding:0 20px;text-align:center}
#main_visual .txt .txt01{padding-top:150px}
#main_visual .txt .txt01,#main_visual .txt .txt02{font-size:45px;line-height:50px}
#main_visual .txt2 p{margin-top:30px;text-align:center;word-break:keep-all}
.pagination{top:450px;left:50%;transform:translateX(-50%);right:initial}
.pagination:before{top:-23px;left:5px;width:38px;height:38px;border:8px solid #ff661a}
.pagination:after{top:10px;left:32px}
li.current{font-size:20px;width:fit-content}
}
@media (max-width:480px){
#main_visual .txt .txt01{padding-top:120px}
#main_visual .txt .txt01,#main_visual .txt .txt02{font-size:35px;line-height:40px}
#main_visual .txt2 p br{display:none}
.pagination{display:none}
}