.gallery{display:flex;justify-content:space-between;margin:30px 0 40px}.gallery #g-main{width:840px;height:630px;border-radius:10px;overflow:hidden}.gallery #g-main .g-main-img-con{display:flex;justify-content:center;align-items:center;background-color:#333;width:840px;height:630px}.gallery #g-main .g-main-img{max-width:100%;max-height:100%}.gallery #g-main .g-main-arrow{position:absolute;bottom:20px;width:50px;height:50px;display:flex;justify-content:center;align-items:center;border:none;border-radius:50%;background-color:#fff;opacity:.7;z-index:1;transition:.2s ease-in-out}.gallery #g-main .g-main-arrow:hover{opacity:1}.gallery #g-main .g-main-arrow.prev{left:20px;transform:rotateY(180deg)}.gallery #g-main .g-main-arrow.next{right:20px}.gallery #g-main .g-main-arrow svg{width:25px;height:25px}.gallery #g-main .g-main-arrow svg path{fill:#06c}.gallery #g-side{flex:1;width:100px;height:630px;margin-left:20px;padding:45px 0}.gallery #g-side .g-side-arrow{position:absolute;right:0;width:100%;height:35px;display:flex;justify-content:center;align-items:center;border:none;border-radius:5px;background-color:#ddd;color:#06c;transition:.2s ease-in-out}.gallery #g-side .g-side-arrow:hover{background-color:#ccc}.gallery #g-side .g-side-arrow.prev{top:0}.gallery #g-side .g-side-arrow.prev svg{transform:rotate(-90deg)}.gallery #g-side .g-side-arrow.next{bottom:0}.gallery #g-side .g-side-arrow.next svg{transform:rotate(90deg)}.gallery #g-side .g-side-arrow svg{width:16px;height:16px}.gallery #g-side .g-side-arrow svg path{fill:#06c}.gallery #g-side .g-side-img{-o-object-fit:cover;object-fit:cover;width:100px;height:75px;border-radius:5px;transition:.2s ease-in-out;filter:brightness(.5);opacity:.8;cursor:pointer}.gallery #g-side .g-side-img:hover{filter:brightness(.7);opacity:.9}.gallery #g-side .splide__slide.is-active .g-side-img{filter:brightness(1);opacity:1}.gallery #gallery-close{display:none}.main-panel .gallery{order:50}.g-noscroll{overflow:hidden}#gallery.full{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.95);margin:0;z-index:11}#gallery.full #g-main{width:auto;height:auto}#gallery.full #g-main .splide__track{width:100%;height:100%}#gallery.full #g-main .splide__slide{display:flex;justify-content:center;align-items:center}#gallery.full #g-main .g-main-img-con{background-color:transparent;width:100vw;height:100vh}#gallery.full #g-main .g-main-img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;max-width:100%;max-height:100%}#gallery.full #g-side{margin:120px 30px 30px}#gallery.full #gallery-close{position:fixed;top:30px;right:20px;width:100px;display:flex;justify-content:flex-start;align-items:center;color:#fff;font-weight:500;border:none;border-radius:60px;-ms-box-shadow:0 2px 10px -5px rgba(0,0,0,.4);-o-box-shadow:0 2px 10px -5px rgba(0,0,0,.4);box-shadow:0 2px 10px -5px rgba(0,0,0,.4);background-color:#06c;padding:10px;z-index:10;transition:.2s ease-in-out}#gallery.full #gallery-close .icon{background-color:#fff;color:#06c;width:25px;height:25px;padding:5px;border-radius:50%;transition:.2s ease-in-out}#gallery.full #gallery-close span{font-size:1.4rem;flex:1}@media only screen and (min-width:768px){#g-main .g-main-img-con{cursor:zoom-in}#gallery.full #g-main .g-main-img-con{cursor:default}#gallery.full #g-main .g-main-img{width:auto;height:auto}#gallery.full #gallery-close{width:120px}#gallery.full #gallery-close .icon{width:30px;height:30px;padding:6px}#gallery.full #gallery-close span{font-size:1.6rem}#gallery.full #gallery-close:hover{background-color:#fff;color:#06c}#gallery.full #gallery-close:hover .icon{background-color:#06c;color:#fff}}@media only screen and (min-width:1024px){#gallery.full #g-main .g-main-img-con{width:800px;height:600px}#gallery.full #g-side{display:block}}@media only screen and (min-width:1366px){#gallery.full #g-main .g-main-img-con{width:1000px;height:750px}#gallery.full #g-side{margin:120px 40px 30px}#gallery.full #gallery-close{right:30px}}@media only screen and (min-width:1501px){#gallery.full #g-main .g-main-img-con{width:1200px;height:900px}#gallery.full #gallery-close{width:130px}}@media only screen and (max-width:1600px){.gallery{margin:20px 0 30px}.gallery #g-main,.gallery #g-main .g-main-img-con{width:680px;height:510px}.gallery #g-side{width:80px;height:510px}.gallery #g-side .g-side-img{width:80px;height:60px}}@media only screen and (max-width:1365px){.gallery #g-main,.gallery #g-main .g-main-img-con{width:580px;height:435px}.gallery #g-main .g-main-arrow{width:45px;height:45px}.gallery #g-main .g-main-arrow svg{width:20px;height:20px}.gallery #g-side{display:none}}@media only screen and (max-width:1023px){.gallery{margin:15px 0 20px}.gallery #g-main,.gallery #g-main .g-main-img-con{width:600px;height:450px}.gallery #g-main .g-main-arrow{width:40px;height:40px}.gallery #g-main .g-main-arrow svg{width:18px;height:18px}.gallery #g-side{display:block;height:450px}}@media only screen and (max-width:767px){.main-panel .gallery{order:10}.gallery{width:calc(100% + 30px);height:320px;margin:0 -15px 20px}.gallery #g-main,.gallery #g-main .g-main-img-con{width:100%;height:320px;border-radius:0}.gallery #g-main .g-main-img,.gallery #g-main .g-main-img-con .g-main-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.gallery #g-main .g-main-arrow svg,.gallery #g-main .g-main-img-con .g-main-arrow svg{width:16px;height:16px}.gallery #g-side{display:none}.gallery.full #g-main .g-main-arrow{bottom:60px}}