@charset "utf-8";

/* 메인영역 */
#section1{overflow:hidden;position:relative;background:#191a22 url(/sh_img/index/main_banner/bg.png) right bottom no-repeat;font-family:'Poppins'}
#section1 .banner_area{position:absolute;top:-256px;left:-297px;width:80vw;height:80vw}
#section1 .banner_area li{display:none;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;background-size:contain;background-position:right center;background-repeat:no-repeat;text-indent:-99999px}
#section1 .banner_area li:first-child{display:block;background-image:url(/sh_img/index/main_banner/main_banner01.jpg)}
#section1 .banner_area li:nth-child(2){background-image:url(/sh_img/index/main_banner/main_banner02.jpg)}
#section1 .banner_area li:nth-child(3){background-image:url(/sh_img/index/main_banner/main_banner03.jpg)}
#section1 .banner_area:after{position:absolute;top:50%;left:50%;width:105%;height:105%;margin:-52.5% 0 0 -52.5%;border-radius:100%;border:1px solid rgba(255,255,255,0.1);content:""}
#section1 .cont_area{position:absolute;bottom:15%;left:50%;width:1200px;margin-left:-600px}
#section1 .txt1{position:relative;float:right;margin-bottom:20px;font-size:12px;line-height:26px;opacity:0}
#section1 .txt1:before{position:absolute;top:-17px;left:-13px;width: 13px;height:4px;background:#fff;animation: loof 2s infinite linear;content:"";}
@keyframes loof{from{transform: rotate(0deg);}to{transform:rotate(359deg);}}
#section1 .txt1 p{margin-bottom:5px;color:rgba(255,255,255,0.7)}
#section1 .txt1 a{display: block;/* width: 50%; */width: 164px;position:relative;margin-bottom: 5px;padding: 0 12px;border: solid 1px #42434c;line-height: 54px;font-weight:500;color: #fff;letter-spacing:-0.25px;transition:0.3s;font-size: 14px;font-family: 'notokr-regular';}
#section1 .txt1 a:after{position:absolute;top: 24px;right: 12px;width:5px;height:9px;background:url(/sh_img/index/main_banner/more.png) no-repeat;opacity:0.3;transition:0.3s;content:"";}
#section1 .txt1 a:hover{color:#fff}
#section1 .txt1 a:hover:after{opacity:1}
#section1 .txt2 {clear:both}
#section1 .txt2 .b_txt{margin-left:-60px;font-weight:700;font-size:72px;line-height:81px;color:#fff;opacity:0}
#section1 .txt2 .b_txt span{margin-left:100px}
#section1 .txt2 .s_txt{margin-left:-40px;margin-top:47px;font-size:14px;line-height:26px;color:rgba(255,255,255,0.6);opacity:0}
#section1 .pages{position:absolute;bottom:103px;font-weight:600;right:0;color:#fff;opacity:0}
#section1 .pages:before{position:absolute;top:50%;left:-480px;width:451px;height:1px;margin-top:-0.5px;background:rgba(255,255,255,0.2);content:""}
#section1 .pages .gauge{position:absolute;top:50%;left:-480px;width:0;height:1px;margin-top:-0.5px;background:#fff}
#section1 .pages .cng_num:after{display:inline-block;width:9px;height:1px;margin-left:5px;background:rgba(255,255,255,0.3);vertical-align:middle;transform-origin:center center;transform:rotate(-60deg);content:""}
#section1 .left_side{position:absolute;top:50%;left:65px;margin-top:40px;font-weight:600;font-size:13px;letter-spacing:0.3px;color:#fff;transform:rotate(-90deg);transform-origin:left center}
#section1 .left_side:before{position:absolute;top:5px;width:5px;height:9px;background:url(/sh_img/index/main_banner/more.png) no-repeat;transform:rotate(180deg);animation: scroll 1s infinite linear;content:""}
@keyframes scroll{from{left:-10px;}to{left:-25px;opacity:0}}
#section1 .right_side{position:absolute;top:50%;right:65px;margin-top:86.5px;transform:rotate(90deg);transform-origin:right center}
#section1 .right_side li{float:left}
#section1 .right_side li:first-child{margin-right:33px}
#section1 .right_side li a{font-weight:600;font-size:13px;letter-spacing:0.3px;color:#fff}
#section1 .right_side li a i{margin-right:3px}