.header{position:fixed;z-index:99999;width:100%}.logo{position:absolute;z-index:999;left:0}.header .logo img{width:130px;padding-top:2em;padding-left:2em}.header .gnbLayer{position:absolute;width:100%;display:none;opacity:0;transition:opacity .3s ease}.header .gnbLayer.show{display:block;opacity:1}.header .gnb{width:100%;height:100vh}.header .gnb .col{padding:0}.header .gnb .col div{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;flex-direction:column}.gnbButton{height:40px;background:none;border:none;cursor:pointer;z-index:9999;right:35px;top:20px;padding:0}.gnbButton,.gnbButton span{width:40px;position:absolute}.gnbButton span{display:block;height:2px;background:#fff;transition:all .3s ease}.gnbButton span:first-child{top:10px}.gnbButton span:nth-child(2){top:25px}.gnbButton span:nth-child(3){top:40px}.gnbButton.active span:first-child{transform:rotate(45deg);top:25px}.gnbButton.active span:nth-child(2){opacity:0}.gnbButton.active span:nth-child(3){transform:rotate(-45deg);top:25px}.menu-1{background:url(/resource/images/main/company.jpg) 40% 50%/cover no-repeat}.menu-2{background:url(/resource/images/main/main2.jpg) 50% 50%/cover no-repeat}.menu-3{background:url(/resource/images/main/portfolio.jpg) 50% 50%/cover no-repeat}.menu-4{background:url(/resource/images/main/team.jpg) 70% 50%/cover no-repeat}.btn{color:#fff;border:1px solid #fff;border-radius:0;padding:5px 25px;font-size:13px}.btn:hover{background:#b98f4f}.swiper{width:100%;height:100vh;text-align:left;overflow:hidden}.swiper-slide{width:100%;height:100%;color:#fff;display:flex!important;justify-content:center;align-items:center}.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-vertical{left:2%;width:-moz-fit-content;width:fit-content}.swiper-pagination-bullet{background:#fff!important;margin:30px 0!important}.swiper-pagination-bullet span{color:#fff;padding-left:30px;top:-4px;position:relative}.swiper-pagination-bullet-active:after{display:block;content:"";transform:translate(-50%,-50%);width:30px;height:30px;border:1px solid hsla(0,0%,100%,.3);border-radius:50%;transition:all .3s;left:4px;position:relative;top:-16px}.main-video{position:relative}.main-video .container{position:absolute}.black-box{background:rgba(0,0,0,.5);padding:2em;height:40vh;width:40%;display:flex;flex-direction:column;justify-content:center}.row.portfolio .text-start{color:#fff;padding:2em;position:absolute;z-index:9}.row.portfolio img{position:relative}.pagenation .col{color:#fff;display:flex;justify-content:center;align-items:center;padding:0;cursor:pointer}.pagenation .col div{width:100%;padding:5em 0 3em}.pagenation .col:hover div{background:rgba(185,143,79,.5);transition:.3s}footer{font-size:14px;padding:20px 0}.back-to-top{position:fixed;background-color:#fff;display:none;border:1px solid #ccc;color:#2c2c2c;width:45px;height:45px;text-align:center;line-height:1;font-size:18px;padding-top:12px;border-radius:50%;right:20px;bottom:20px;transition:background .5s;z-index:11}@media (max-width:860px){.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{width:100%;flex:0 0 100%}.header .gnb .col div,.header .gnb .col:hover div{height:25vh}.header .gnbLayer.show{z-index:999}.header .gnb .col div .display-5{margin-bottom:0}}.mouse{position:absolute;z-index:9999;transform:rotate(180deg);bottom:10%;display:flex;width:100%;justify-content:center}svg.bi.bi-mouse{fill:#fff;animation:bounce .6s cubic-bezier(.22,-.13,.36,.94) .1s infinite alternate}@keyframes bounce{to{transform:translateY(-30px)}}@media (max-width:480px){.header .logo img{width:100px;padding-top:1.5em;padding-left:1.5em}.black-box{width:100%}.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-vertical{display:none}.gnbButton{width:35px;height:35px;right:20px}.gnbButton span{width:35px}.gnbButton span:first-child{top:5px}.gnbButton span:nth-child(2){top:18px}.gnbButton span:nth-child(3){top:32px}.gnbButton.active span:first-child,.gnbButton.active span:nth-child(3){top:17px}.first-letter{font-size:1.2em}}.white-bullets li::marker{color:#fff}