<div class="menu2" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">
    <div class="menu2-details">
        <ul>
          <li><a href="https://cocohome.oopy.io"><img src="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbKbXLA%2FbtsyTq54X3V%2F6eCbmehF7i8jkiuZoHPO01%2Fimg.png" style="width:30px;"></a></li>
          <li><a href="https://cocohome.oopy.io/f7463b44-6099-4529-b6e0-c7acba698633"><img src="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcmzxHp%2FbtsyYqpUego%2FLGyjo90DuMOMSaR4veic10%2Fimg.png" style="width:15px;  display:none;"></a></li>
          <li><a href="https://cocohome.oopy.io/325352e7-56cc-4f37-986d-759a80fd510d"><img src="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbL6u4q%2FbtsyWhz2Ru7%2FwCXnNB5eM7ZLnXV88LsDKk%2Fimg.png" style="width:15px;  display:none;"></a></li>
          <li><a href="https://cocohome.oopy.io/76d32c77-5955-4429-9560-1baf1c64f480"><img src="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbskkgC%2FbtsyTGU8aEs%2FDEinf2AuvimvfH8yTu75p0%2Fimg.png" style="width:15px;  display:none;"></a></li>
      </ul>
    </div>
    </div>




  <div class="menu">
    <div class="menu-details">
      <ul>
        <li><a href="https://cocohome.oopy.io/"><img src="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fcrhl60%2FbtsyUI5TJf2%2FQeyO1iF3RaVBGLPM1b93x1%2Fimg.png" style="width:10px;"></br>home</a></li>
        <li><a href="https://cocohome.oopy.io/home"><img src="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FkJA7S%2FbtsyXYAdmdA%2FXqw1SVHlKJOXk615L1y87k%2Fimg.png" style="width:10px;"></br>coco</a></li>
        <li><a href="https://cocohome.oopy.io/playlist"><img src="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbclWnC%2FbtsyXWPVvwX%2FEA4j0KKaNHgGGmZbWkCK31%2Fimg.png" style="width:10px;"></br>playlist</a></li>
        <li><a href="https://cocohome.oopy.io/records"><img src="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FleQHs%2FbtsyRS27jqI%2FXnprh18OwUY0sPHI7Qxxlk%2Fimg.png" style="width:10px;"></br>records</a></li>
        <li><a href="https://cocohome.oopy.io/game"><img src="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fch1lsz%2FbtsyToHe4BN%2Fv3XKFp90xelK06lXWayEy1%2Fimg.png" style="width:10px;"></br>game</a></li>
        <li><a href="https://cocohome.oopy.io/day6"><img src="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FO6wDx%2FbtsyTjZ8Lg4%2FRyDoTyTylJZDIkPPmwo29k%2Fimg.png" style="width:10px;"></br>day6</a></li>
        <li><a href="https://cocohome.oopy.io/day6schedule"><img src="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FLdENq%2FbtsyTgWWP0E%2F9LGWWsjhBspZ5xALKWKaJK%2Fimg.png" style="width:10px;"></br>fans</a></li>
      </ul>
    </div>
  </div>

<style>
.menu2 {
  background-color: #ffffff;
  position: fixed;
  width: 100%;
  height: 55px;
  top: 0;
  left: 0;
  z-index : 9999999;
  font-size : 7px !important;
	outline: #dbdbdb;
  outline-width: 0.001px;
  outline-style: solid;
}

.menu2-details ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left;
}

.menu2-details ul li {
  display: inline-block;
  margin: 0px;
  margin-top: 10px;
  margin-left:15px;
}


.menu {
  background-color: #ffffff;
  position: fixed;
  width: 100%;
  height: 55px;
  bottom: 0;
  left: 0;
  z-index : 9999999;
  font-size : 7px !important;
	outline: #dbdbdb;
  outline-width: 0.001px;
  outline-style: solid;
}

.menu-details ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.menu-details ul li {
  display: inline-block;
  margin: 12px;
  margin-top: 15px;
}

.menu-details ul li a {
  color: #333;
  text-decoration: none;
}
</style>
  
  
  




<style>


a#topBtn { 
position: fixed; 
right: 20%; 
bottom: 50px; 
display: none; 
z-index: 9999;
}
  
  
.GotoTopButton_wrapper__H6Z5r .GotoTopButton_container__XmRdR {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background: #fff0;
    z-index: 100;
    cursor: pointer;
    box-shadow: 0 0 0px 0px #d6d6d6;
    color: #37352f;
    font-size: 10px;
    transition: .3s ease-out;
    pointer-events: auto;
}
  
  
  
  
    
  .css-rnnx2x {
    font-size: 90% !important;
}
  
  
  .css-sqafnk {
    font-size: 90% !important;
  }
  
  
     .css-1yjhumr {
    font-size: 90% !important;
  }
  
    .notion-list-view {
    font-size: 90% !important;
}
  
    .GalleryRelationProperty_container__ys9gA>div {
    font-size: 90% !important;
}

  .css-1uz4ysk.ewnxclu0 {
    font-size: 90% !important;
  }

  
  

  
  .css-1tl4arg {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 100%;
    color: rgb(55, 53, 47);
  }
    
  .css-1tl4arg {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 100%;
    color: rgb(55, 53, 47);
    border: 0px solid currentcolor;
}
  
    .OopyFooter_container__pjQ2F {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: -1vh;
    margin-bottom: 110px;
    justify-content: center;
    }
  
  
  
  
  

  
  
  
  
  
  
  .css-1uz4ysk.ewnxclu0 {
    font-size: 90% !important;
  }

   .css-fox54z {
    font-size: 90% !important;
  }

     .css-1yjhumr {
    font-size: 90% !important;
  }
  
  .css-sqafnk {
    font-size: 90% !important;
  }
  
  
  .css-1yjhumr {
    font-size: 50% !important;
  }
  

  
    .css-3ggqod {
    font-weight: 500;
    font-size: 9px;
    line-height: 12px;
    margin-bottom: 2px;
}


  


  
  .notion-page-content.width.padding{
    flex-shrink: 0;
    flex-grow: 1;
    max-width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    color: rgb(55, 53, 47);
    padding-top: 5px;
    padding-bottom: var(--page-content-padding-bottom);
    margin: 0px auto;
    font-size: 90% !important;
    line-height: 1.3 !important;
    font-family: DungGeunMo, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
}
    
  
  
  
  
  .css-f4sfky {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1px;
    pointer-events: none;
    height: 48px;
    margin-top: 16px;
    margin-bottom: 4px;
  }
    
    
    
    .page-title{
    font-weight: 700;
    font-size: var(--page-header-font-size);
    margin: 0px;
    max-width: 100%;
    width: 100%;
    white-space: pre-wrap;
    word-break: break-word;
    padding: 3px 2px;
    font-size: 65% !important;
}
  

  

  
  .css-18gf8m2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    height: 20px;
    padding: 0 16px;
    font-size: 80% !important;
    font-weight: 700;
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none;
}
  
  
  .css-1vidp2x {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    width: 100%;
    height: 48px;
    padding: 0 12px;
    background-color: inherit;
    z-index: 10;
    border-bottom: 0px solid #F5F5F5;
}
  
  
  
  .css-hguaai {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50vw;
    max-width: 400px;
    background-color: white;
    z-index: 100;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.15);
    overscroll-behavior: contain;
    overflow-y: auto;
}
  
  
  .xi-angle-right {
    display: none;
  }
  
  
  
  
  
  
  
  
  
  
  
  .css-12a04nj.ej0hkt114 {
        display: none;
  }
  
  
  .css-rx11nm.ej0hkt113 {
    opacity: 0%
  }
  
  .css-12a04nj.ej0hkt114 {
    opacity: 0%
  }
  

  
  
  .css-1m17s0k {
    position: relative;
    display: grid;
    width: 100%;
    padding: 0px 15px;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-transition: background-color 300ms;
    transition: background-color 300ms;
}
  
  
  
  

</style>

cocohome.oopy.io

Text 1

Text

Text 4

Text 6

Text 5

Text 7

Checkbox

Name

Text 2

Text 3

Created by

Text 1 (1)

Created time

암호단어

번호

Birthday

속성

레어

통상/이벤트

이벤트#

등장시기

이름 (일본)

설명

이름

이벤트

비고

#번호

Scale

최종 편집 일시

Date

픽셀 이모지

생성 일시

혼자연구자

데이터베이스

main

Title

Text 2 1

Created

Gallery view

일기

흡혈 에일리 의 선물을 줄 시 대사