@charset "utf-8";
@font-face {
    font-family: 'EsaManru';
    font-weight: 300;
    font-style: normal;
    src: url(/seaqrium/fonts/EsaManruLight.woff2) format('woff2'),
    url(/seaqrium/fonts/EsaManruLight.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'EsaManru';
    font-weight: 500;
    font-style: normal;
    src: url(/seaqrium/fonts/EsaManruMedium.woff2) format('woff2'),
    url(/seaqrium/fonts/EsaManruMedium.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'EsaManru';
    font-weight: 700;
    font-style: normal;
    src: url(/seaqrium/fonts/EsaManruBold.woff2) format('woff2'),
    url(/seaqrium/fonts/EsaManruBold.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'gmarket';
    font-style: normal;
    font-weight:normal;
    src: url(/seaqrium/fonts/GmarketSansMedium.woff) format('woff')
 }
*{margin:0;padding:0;box-sizing: border-box;}
html{background:linear-gradient(to top,#062f5a,#035da8,#17caf0);min-height:100vh}
html:not(.is-touch) body{overscroll-behavior-y:none}
.page-template-default{height:auto;min-height:100vh;width: 100vw;overflow-x: hidden;}
.sr-only{font-size:0}
.justify-between{justify-content:space-between!important}
.d-flex{display:flex}
.z-negative{z-index:-1}
.user-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.fill{bottom:0;right:0;top:0}
.fixed{position:fixed}
.pointer-events-none{pointer-events:none!important}
.header{padding:32px 24px;position:absolute;top:0;left:0;width:100%;box-sizing: border-box;}
.header .logo{display:inline-block;vertical-align:middle;width:210px;height:42px}
.header .logo a{display:block;width:100%;height:100%;background:url(/seaqrium/images/mabik-logo.png) no-repeat}
.header .slogo{display:inline-block;width:170px;height:46px;background:url(/seaqrium/images/logo.png) no-repeat}
.background{width:100vw;height:100vh;background:#102d55 url(/seaqrium/images/background_sea.jpg) no-repeat 50% top;will-change:transform;transform:translateZ(0);background-size: 100%;}
.background2{width:100vw;height:100vh;background:#102d55 url(/seaqrium/images/background_sea2.jpg) no-repeat 50% top;will-change:transform;transform:translateZ(0);background-size: 100%;}
.background canvas{opacity: 0.1;}
.content-enter-title,
.content-site-name{/*text-shadow:-1px -1px 0 #242d4d, 1px -1px 0 #242d4d, -1px 1px 0 #242d4d, 1px 1px 0 #242d4d;*/display:block;text-align:center;max-width: 500px;width: 100%;margin-top: -7px;}
.content-enter-mouse{display:block;text-align:center;position: relative;margin-bottom:53px;}
.content-enter-mouse *{vertical-align: middle;}
.content-enter-mouse i{display:inline-block;width:46px;height:46px;margin-right:7px;background:url(/seaqrium/images/mouse.png) no-repeat}
.content-enter-mouse > span{display:inline-block;color:#fff;font-size:16px}
.content-enter-title2 svg text,
.content-enter-title svg text,
.content-site-name svg text{font-family:'EsaManru';font-size: 64px;font-weight:700;fill:#fff;stroke: #242d4d;stroke-width: 5px;stroke-linecap: square;letter-spacing:-4px;}
.content-enter-title2 svg text{font-size:48px;stroke-width: 3px;}
.content-enter-title svg{width: 548px;height: 64px;overflow: visible;}
.content-site-name svg{width: 248px;height: 64px;overflow: visible;}
.content-enter-title2 svg{width: 548px;height: 64px;overflow: visible;}
.site-middle__content,
.site-middle__content2{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:100vh;position:relative;}
.site-middle__content2{padding-top:79px;}
.site-content__info{padding: 35px 35px 30px;background-color: rgba(5,53,102,0.5);max-width:960px;margin:0 auto;width:100%;border-radius: 30px;}
.site-content__info p{color:#fff;text-align:center;margin: 0;font-size: 18px;line-height: 1.3;}
.site-content__info p .c1{color:#7bd3f4}
.site-content__info p .c2{color:#77fda3}
.site-content__info p .c3{color:#f47b7b}
.site-content__obj{margin-top:-150px;width:813px;height:474px;position: relative;z-index: 1;margin-bottom: 61px;}
.site-content__obj:before{content:'';display:block;position:relative;z-index: 1;width:100%;height:100%;background:url(/seaqrium/images/obj.png) no-repeat;}
.site-content__link{width:110px;height:110px;position: absolute;top:120px;right:20px;z-index:2}
.site-content__link .js-enter-site{display:flex;position:relative;width:100%;height:100%;background:rgba(36,77,194,1);border-radius:50%;color:#fff;justify-content:center;align-items:center;text-decoration:none}.site-content__link .js-enter-site:before,.site-content__link .js-enter-site:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(36,77,194,0.4);border-radius:50%;opacity:0}.site-content__link .js-enter-site:before{transform:scale(1);animation:pulse 2s infinite linear}.site-content__link .js-enter-site:after{animation:pulse 2s 1s infinite linear}
@keyframes pulse {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
  33% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}
.site-content__title{position: relative;z-index:2;}
.bubble{position:absolute;width:178px;height:178px;background-image:url(/seaqrium/images/bubble2.png);background-size:100%}
.site-content__floor{margin:0 auto;position: relative;max-width:1200px;width:100%;}
.site-content__floor .tit{display:block;font-family: 'EsaManru';font-weight: 400;font-size:26px;line-height:1.2;color:#fff;margin-bottom: 20px;}
.site-content__floor .floor--list{}
.site-content__floor .floor--list .floor-item{display:block;position:relative;padding-right:574px;/* padding-left:99px; *//* min-height: 163px; */}
.site-content__floor .floor--list .floor-item .floor-link{display: flex;padding: 50px 0;border-bottom: 1px solid rgba(255,255,255,0.3);text-decoration: none;color: #fff;min-height: 163px;box-sizing: border-box;padding-left: 99px;padding-right: 105px;align-items: center;}
.site-content__floor .floor--list .floor-item .floor-link .number{display:flex;width:71px;height:71px;position:absolute;top:50%;left:10px;margin-top:-35px;border: 1px solid rgba(255,255,255,0.5);border-radius: 50%;justify-content: center;align-items: center;font-size: 22px;font-family: 'EsaManru';font-weight: 700;transition: all .3s;}
.site-content__floor .floor--list .floor-item .floor-link .list{position:relative;/* padding-right:105px; */display: flex;/* padding-left: 99px; *//* font-family: 'EsaManru'; *//* font-weight: 700; */align-items: center;height: 100%;width: 100%;flex-wrap: wrap;}
.site-content__floor .floor--list .floor-item .floor-link .list > .box{/* display: inline-block; */padding: 10px 24px;color:#fff;font-size:16px;position: relative;}
.site-content__floor .floor--list .floor-item .floor-link .list > .box:before{content:'';position:absolute;top:50%;left:0;width:1px;height:10px;background-color:rgba(255,255,255,0.5);transform:translate(0,-50%)}
.site-content__floor .floor--list .floor-item .floor-link .list > .box:first-child:before,
.site-content__floor .floor--list .floor-item .floor-link .list > .box:nth-child(4):before{display:none;}
.site-content__floor .floor--list .floor-item .floor-link .list > .more{position:absolute;top: 50%;right: -105px;padding: 9px 9px 7px;border: 1px solid rgba(255,255,255,0.5);font-size: 14px;transform: translate(0, -50%);}
.site-content__floor .floor--list .floor-item .obj{position:absolute;right: 0;top: -50px;transition: all .3s;}
.site-content__floor .floor--list .floor-item.f1 .floor-link .obj{width:482px;height:266px;background:url(/seaqrium/images/floor1f.png) no-repeat;z-index:1;top: -33px;}
.site-content__floor .floor--list .floor-item.f2 .floor-link .obj{width:480px;height:265px;background:url(/seaqrium/images/floor2f.png) no-repeat;z-index:2;top: -37px;}
.site-content__floor .floor--list .floor-item.f3 .floor-link .obj{width:427px;height:249px;background:url(/seaqrium/images/floor3f.png) no-repeat;z-index:3;}
.site-content__floor .floor--list .floor-item.f4 .floor-link .obj{width:475px;height:261px;background:url(/seaqrium/images/floor4f.png) no-repeat;z-index:4;}


.site-content__floor .floor--list .floor-item.f1 .floor-link{z-index:1;}
.site-content__floor .floor--list .floor-item.f2 .floor-link{z-index:2;}
.site-content__floor .floor--list .floor-item.f3 .floor-link{z-index:3;}
.site-content__floor .floor--list .floor-item.f4 .floor-link{z-index:4;border-top: 1px solid rgba(255,255,255,0.3);}
/*
.site-content__floor .floor--list .floor-item.f1 .floor-link:hover{z-index:5;}
.site-content__floor .floor--list .floor-item.f2 .floor-link:hover{z-index:5;}
.site-content__floor .floor--list .floor-item.f3 .floor-link:hover{z-index:5;}
.site-content__floor .floor--list .floor-item.f4 .floor-link:hover{z-index:5;}*/

.site-content__floor .floor--list .floor-item .floor-link:hover .number{color:#053769;background-color:#fff;}
.site-content__floor .floor--list .floor-item .floor-link:hover .list > .more{color:#333;background-color:#fff;}
.site-content__floor .floor--list .floor-item.f1 .floor-link:hover .obj{background:url(/seaqrium/images/floor1f_ov.png) no-repeat;}
.site-content__floor .floor--list .floor-item.f2 .floor-link:hover .obj{background:url(/seaqrium/images/floor2f_ov.png) no-repeat;}
.site-content__floor .floor--list .floor-item.f3 .floor-link:hover .obj{background:url(/seaqrium/images/floor3f_ov.png) no-repeat;}
.site-content__floor .floor--list .floor-item.f4 .floor-link:hover .obj{background:url(/seaqrium/images/floor4f_ov.png) no-repeat;}


.site-floor__content{position:fixed;top:0;left:0;width:100%;height:100%;}
.floor__backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}
.site-floor__layout{display:flex;flex-wrap:wrap;position:fixed;top:0;left:0;width:100%;height:100%;justify-content: center;align-items: center;}
.floor__layout{position:relative;max-width:1200px;width:100%;min-height:694px;padding:0;box-sizing:border-box;background-color:#fff;border-radius: 10px;}
.floor__layout:before{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background-color:#f1f0f0;border-radius:0 10px 10px 0;}

.site-floor__layout .floor__close{position:absolute;top:-80px;right:0;width:48px;height:48px;}
.site-floor__layout .floor__close a{display:block;width:100%;height:100%;background-color:#244dc2;border-radius:50%;position:relative;font-size:0}
.site-floor__layout .floor__close a:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;}
.site-floor__layout .floor__close a:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;}
.site-floor__layout .floor__close a:before{background:rgba(36,77,194,0.4);border-radius:50%;transform: scale(1.4);}
.site-floor__layout .floor__close a:after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:70%;background-position:50%}
.site-floor__layout .floor__paging{position:absolute;bottom:-53px;left:0;width:100%;text-align:center}
.site-floor__layout .floor__paging .floor_item{display:inline-block;width:23px;height:23px;position:relative;font-size:0;}
.site-floor__layout .floor__paging .floor_item:before{content:'';position:absolute;top:50%;left:50%;width:10px;height:10px;transform:translate(-50%,-50%);background-color:#d4d4d4;border-radius: 50%;}
.site-floor__layout .floor__paging .floor_item.ov{}
.site-floor__layout .floor__paging .floor_item.ov:before{width:23px;height:23px;background:url(/seaqrium/images/floor__paging_ov.png) no-repeat;}

.site-floor__layout .floor__box{display:flex;flex-wrap:wrap;width:100%;}
.site-floor__layout .floor__conbox{position:relative;width:50%;box-sizing: border-box;}
.site-floor__layout .floor__conbox .content{padding:27px;}
.site-floor__layout .floor__conbox .content .img{text-align:center;height:366px;}
.site-floor__layout .floor__conbox .content .img.img_floor_1f{background:url(/seaqrium/images/img_floor_1f.png) no-repeat 50%;}
.site-floor__layout .floor__conbox .content .img.img_floor_2f{background:url(/seaqrium/images/img_floor_2f.png) no-repeat 50%;}
.site-floor__layout .floor__conbox .content .img.img_floor_3f{background:url(/seaqrium/images/img_floor_3f.png) no-repeat 50%;}
.site-floor__layout .floor__conbox .content .img.img_floor_4f{background:url(/seaqrium/images/img_floor_4f.png) no-repeat 50%;}
.site-floor__layout .floor__conbox .content .text{padding:0 24px;margin-top:27px;padding-top:27px;border-top: 1px dashed #ddd;}
.site-floor__layout .floor__conbox .content .text p{text-align:center;color:#333;line-height:1.4;font-size:17px;}

.site-floor__layout .floor__conbox.floor__left-box{padding:15px;padding-bottom:48px}
.site-floor__layout .floor__conbox.floor__left-box .title{display:block;padding-left:107px;width:100%;position:relative;min-height:86px;}
.site-floor__layout .floor__conbox.floor__left-box .title span{position:absolute;top:0;left:0;width:86px;height:86px;background-color:#053566;color:#fff;font-size:38px;font-family: 'EsaManru';display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.site-floor__layout .floor__conbox.floor__left-box .title strong{min-height:86px;display:flex;flex-wrap:wrap;align-items:center;;color:#053566;font-size:26px;border-bottom: 1px dashed #ddd;font-family: 'gmarket';}


.site-floor__layout .floor__conbox.floor__right-box{padding:48px;}
.site-floor__layout .floor__conbox.floor__right-box .floor__link{padding-bottom:20px;}
.site-floor__layout .floor__conbox.floor__right-box .floor__link .item{display:block;margin-bottom:19px;}
.site-floor__layout .floor__conbox.floor__right-box .floor__link .item > a{display:flex;flex-wrap:wrap;width:100%;padding:28px;align-items: center;justify-content: center;border:2px solid #fff;background: #fff;box-shadow:7px 7px 15px rgb(0 0 0 / 10%);border-radius: 10px;height: 143px;transition: all 0.3s ease;line-height: 1.2;text-decoration: none;flex-direction: column;}
.site-floor__layout .floor__conbox.floor__right-box .floor__link.h231 .item > a{height:231px}
.site-floor__layout .floor__conbox.floor__right-box .floor__link .item > a strong,
.site-floor__layout .floor__conbox.floor__right-box .floor__link .item > a em{display:block;text-align:center}
.site-floor__layout .floor__conbox.floor__right-box .floor__link .item > a strong{color:#111;font-size:22px;font-family: 'gmarket';margin-bottom:10px}
.site-floor__layout .floor__conbox.floor__right-box .floor__link .item > a em{color:#555555;font-size: 18px;font-style: normal;}
.site-floor__layout .floor__conbox.floor__right-box .floor__link .item > a:hover{border:2px solid #244dc2;box-shadow:15px 15px 15px rgb(36 77 0194 / 10%);}
.site-floor__layout .floor__conbox.floor__right-box .floor__numlink{display:flex;flex-wrap:wrap;align-items: center;width:100%;height:85px;position:relative;justify-content: space-between;}
.site-floor__layout .floor__conbox.floor__right-box .floor__numlink:before{content:'';position:absolute;top:50%;left:0;width:100%;height:1px;background:#ddd;z-index:1}
.site-floor__layout .floor__conbox.floor__right-box .floor__numlink .floor_title{width:85px;height:85px;background:#053565;display:flex;align-items: center;justify-content:center;text-align: center;    border-radius: 5px;padding-top:24px;position: relative;z-index:2}
.site-floor__layout .floor__conbox.floor__right-box .floor__numlink .floor_title:before{content:'';position:absolute;top:10px;left:50%;width:26px;height:17px;transform:translate(-50%,0%);background:url(/seaqrium/images/icon-floor.png) no-repeat 50% top;}
.site-floor__layout .floor__conbox.floor__right-box .floor__numlink .floor_title strong{display:block;color:#fff;padding:0 9px;font-family: 'gmarket';font-size:15px;position: relative;font-weight: normal;}
.site-floor__layout .floor__conbox.floor__right-box .floor__numlink .floor_item{width:53px;height:53px;position:relative;z-index:2}
.site-floor__layout .floor__conbox.floor__right-box .floor__numlink .floor_item > a{display:flex;flex-wrap:wrap;align-items: center;width:100%;height:100%;border: 1px solid #ddd;background: #fff;border-radius: 50%;color:#111;font-size:18px;text-align:center;justify-content:center;text-decoration: none;font-family: 'gmarket';line-height:56px;}
.site-floor__layout .floor__conbox.floor__right-box .floor__numlink .floor_item > a:hover,
.site-floor__layout .floor__conbox.floor__right-box .floor__numlink .floor_item.ov > a{background-color:#3da2d6;border:1px solid #3da2d6;box-shadow:7px 7px 15px rgb(0 0 0 / 10%);color:#fff;}

.site-floor__layout .floor__control{position:absolute;top:50%;margin-top:-65px;width:75px;}
.site-floor__layout .floor__control.prev{left:-134px;}
.site-floor__layout .floor__control.next{right:-134px;}
.site-floor__layout .floor__control a{display:block;width:100%;height:100%;text-align:center;color:#fff;font-size:16px;}
.site-floor__layout .floor__control a span{display:block;width:75px;height:75px;margin-bottom:12px;}
.site-floor__layout .floor__control a strong{display:inline-block;padding-top:12px;border-top:1px solid #fff;font-family: 'gmarket';}
.site-floor__layout .floor__control.prev a span{background:url(/seaqrium/images/arrow_prev.png) no-repeat;transition: all 0.3s ease;}
.site-floor__layout .floor__control.next a span{background:url(/seaqrium/images/arrow_next.png) no-repeat;transition: all 0.3s ease;}
.site-floor__layout .floor__control.prev a:hover span{background:url(/seaqrium/images/arrow_prev_ov.png) no-repeat;}
.site-floor__layout .floor__control.next a:hover span{background:url(/seaqrium/images/arrow_next_ov.png) no-repeat;}

.copyright{padding:97px 0 70px;text-align:center;font-size:16px;color:rgba(255,255,255,0.6)}