@charset "utf-8";

.main_visual{overflow:hidden;position:relative;width:100%;height:100%;min-width:1100px}
.main_visual .main_img{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:url(/sh_img/index/main_banner/main_banner01.jpg) 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)}}

/*메인텍스트*/
.main_visual .txt_wrap{position:absolute;left:200px;bottom:135px;z-index:100;color:#222;z-index:1000;font-family: 'Poppins', sans-serif}
.main_visual .txt01{font-size:70px;color:#fff;font-weight:700;line-height:1.1;letter-spacing:0;opacity:0}
.main_visual .txt01 span{color:#ffe400}
.main_visual .txt02{font-size:48px;color:#fff;font-weight:100;line-height:1.1;letter-spacing:0;opacity:0}

/*메인 그리드*/
.main_banner_wrap{position:relative;z-index:100;width:100%;height:100%;background:#666}
.main_banner_wrap .x_line1{position:absolute;top:0;width:100%;height:100px;z-index:100;background:url('/sh_img/index/main_banner/line_bg.png') 0 0}
.main_banner_wrap .x_line2{position:absolute;top:350px;width:100%;height:1px;z-index:100;background:url('/sh_img/index/main_banner/line_bg.png') 0 0 repeat-x}
.main_banner_wrap .y_line1{position:absolute;top:100px;left:204px;width:1px;height:100%;z-index:100;background:url('/sh_img/index/main_banner/line_bg.png') 0 0 repeat-y}
.main_banner_wrap .y_line2{position:absolute;top:0;right:702px;width:1px;height:100%;z-index:101;background:url('/sh_img/index/main_banner/line_bg.png') 0 0 repeat-y}
.main_banner_wrap .y_line2 .scroll_wrap{position:absolute;top:780px;right:34px;width:20px;height:45px;z-index:999;opacity:0}
.main_banner_wrap .y_line2 .scroll_wrap p{width:156px;font-size:17px;color:#ffe400;transform:rotate(90deg);letter-spacing:3px;font-family: 'Poppins', sans-serif}
.main_banner_wrap .y_line2 .scroll_wrap img{position:absolute;right:-63px;bottom:-90px;-webkit-animation:arr 1.6s infinite linear;-ms-animation:arr 1.6s infinite linear;animation:arr 1.6s infinite linear}
.main_banner_wrap .y_line3{position:absolute;top:0;right:451px;width:1px;height:100%;z-index:100;background:url('/sh_img/index/main_banner/line_bg.png') 0 0 repeat-y}
.main_banner_wrap .y_line4{position:absolute;top:0;right:204px;width:1px;height:100%;z-index:100;background:url('/sh_img/index/main_banner/line_bg.png') 0 0 repeat-y}
.main_banner_wrap .box1{display:block;position:absolute;top:100px;right:0;width:250px;height:250px;padding:35px 40px;z-index:100;border:1px solid #fff;-webkit-transition:border .6s;transition:border .6s}
.main_banner_wrap .box1:hover{border-color:#ffe400}
.main_banner_wrap .box1 p{font-size:18px;color:#fff;font-weight:600;line-height:23px;-webkit-transition:color .4s;transition:color .4s;font-family: 'Poppins', sans-serif}
.main_banner_wrap .box1:hover p{color:#ffe400}
.main_banner_wrap .box1 p span{font-size:13px}
.main_banner_wrap .box2{position:absolute;top:275px;right:-75px;width:402px;height:402px;padding:76px;z-index:100;background:url('/sh_img/index/main_banner/box2_bg.png') 0 0 no-repeat}
.main_banner_wrap .box2 a{display:block;width:250px;height:250px;box-sizing:border-box;padding:175px 30px 0 30px;}
.main_banner_wrap .box2 p{font-size:18px;color:#333;font-weight:600;line-height:23px;text-align:right;font-family: 'Poppins', sans-serif}
.main_banner_wrap .box2 p span{font-size:13px}

@-webkit-keyframes arr{from{bottom:-90px}15%{bottom:-80px}30%{bottom:-90px}45%{bottom:-80px}60%{bottom:-90px}75%{bottom:-80px}100%{bottom:-90px}}
@keyframes arr{from{bottom:-90px}15%{bottom:-80px}30%{bottom:-90px}45%{bottom:-80px}60%{bottom:-90px}750%{bottom:-80px}100%{bottom:-90px}}