@charset "utf-8";

/* 슬라이드 */
#slideshow{overflow:hidden;position:absolute;right:-50px;top:0;z-index:5;width:57%;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-repeat:no-repeat;-webkit-animation:main 25s linear infinite;-ms-animation:main 25s linear infinite;animation:main 20s linear infinite}
#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)}
@-webkit-keyframes main{from{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}
@-ms-keyframes main{from{-ms-transform:scale(1)}50%{-ms-transform:scale(1.1)}100%{-ms-transform:scale(1)}}
@keyframes main{from{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}
/* 메인텍스트 */
#main_visual{overflow:hidden;position:relative;width:100%;height:100%;min-width:1150px}
#main_visual .txt_bg{float:left;position:absolute;left:0;top:0;z-index:6;width:50%;height:100%;color:#222;background-color:#f2f2f2}
#main_visual .txt_area{position:relative;z-index:10;width:1150px;height:100%;margin:0 auto;color:#222;font-family:Montserrat,'notokr-regular'}
#main_visual .txt_area .txt{position:absolute;left:0;top:230px;text-transform:uppercase;}
#main_visual .txt_area .b_txt{margin-left:-50px;font-size:60px;font-weight:700;line-height:1;letter-spacing:-2px;opacity:0;}
#main_visual .txt_area .s_txt{margin-left:50px;font-size:17px;line-height:1.6;letter-spacing:-.5px;color:#222;opacity:0}
#main_visual .txt_area .s_txt span{display:block;margin:30px 0 15px;font-size:18px;font-weight:700;color:#e9c435}
#main_visual .txt_area .res_btn{display:block;overflow:hidden;width:62px;height:62px;margin-top:25px;border-radius:62px;font-size:14px;color:#222;text-align:center;line-height:63px;background:url(/sh_img/index/main_banner/arr.png) center no-repeat #222;-webkit-transition:all .4s;transition:all .4s;
-webkit-box-shadow:4px 4px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow:4px 4px 5px 0px rgba(0,0,0,0.1);box-shadow:4px 4px 5px 0px rgba(0,0,0,0.1);opacity:0}
#main_visual .txt_area .res_btn:hover{width:230px;background-image:none ;background-color:#e9c435}
#main_visual .txt_area .res_btn p{font-weight:600;color:#fff;text-transform:uppercase;opacity:0}
#main_visual .txt_area .res_btn:hover p{display:block}
/* pager */ 
#main_visual .pagination{position:absolute;left:0;bottom:0;z-index:9999;width:200px;text-align:center;background-color:#fff}
#main_visual .pagination li{display:none;font-size:15px;line-height:85px;color:#222;letter-spacing:6px;font-family:'Jua'}
#main_visual .pagination li.current{display:block}
/* 좌우버튼 */
#main_visual .controls{position:absolute;bottom:0;left:0;z-index:9999;display:block;cursor:pointer}
#main_visual .controls li{float:left;position:relative;width:100px;height:85px;transition:all .3s}
#main_visual .prev{background:url(/sh_img/index/main_banner/prev.png) 40% center no-repeat}
#main_visual .prev:before{display:block;content:"";position:absolute;top:42px;left:40%;width:12px;height:2px;border-radius:2px;background-color:#222;transition:all .2s}
#main_visual .prev:hover:before{width:18px}
#main_visual .next{background:url(/sh_img/index/main_banner/next.png) 53% no-repeat}
#main_visual .next:before{display:block;content:"";position:absolute;top:42px;right:47%;width:12px;height:2px;border-radius:2px;background-color:#222;transition:all .2s}
#main_visual .next:hover:before{width:18px}
/* 스크롤 */
.main_scr{position:absolute;left:-87px;top:50%;margin-top:-60px;z-index:11;padding:0 35px 0 40px;font-size:12px;line-height:74px;font-weight:700;letter-spacing:4px;color:#222;text-transform:uppercase;transform:rotate(90deg);;font-family:Montserrat}
.main_scr em{display:block;position:absolute;background-color:#222;z-index:10}
.main_scr .emL{left:-1px;bottom:-1px;width:3px;height:0;-webkit-animation:lineAniL 5s forwards;animation:lineAniL 5s forwards}
.main_scr .emT{left:-1px;top:-1px;width:0;height:3px;-webkit-animation:lineAniT 5s forwards;animation:lineAniT 5s forwards}
.main_scr .emR{right:-1px;top:-1px;width:3px;height:0;-webkit-animation:lineAniR 5s forwards;animation:lineAniR 5s forwards}
.main_scr .emB{right:-1px;bottom:-1px;width:0;height:3px;a-webkit-animation:lineAniB 5s forwards;animation:lineAniB 5s forwards}
@-webkit-keyframes lineAniL{0%{height:0}25%{height:100%}48%{height:100%}49%{height:100%}100%{height:100%}}
@-webkit-keyframes lineAniT{0%{width:0}25%{width:100%}48%{width:100%}49%{width:100%}100%{width:100%}}
@-webkit-keyframes lineAniR{0%{height:0}25%{height:100%}50%{height:100%}51%{height:100%}100%{height:100%}}
@-webkit-keyframes lineAniB{0%{width:0}25%{width:100%}50%{width:100%}51%{width:100%}100%{width:100%}}
@keyframes lineAniL{0%{height:0}25%{height:100%}48%{height:100%}49%{height:100%}100%{height:100%}}
@keyframes lineAniT{0%{width:0}25%{width:100%}48%{width:100%}49%{width:100%}100%{width:100%}}
@keyframes lineAniR{0%{height:0}25%{height:100%}50%{height:100%}51%{height:100%}100%{height:100%}}
@keyframes lineAniB{0%{width:0}25%{width:100%}50%{width:100%}51%{width:100%}100%{width:100%}}