diff --git a/client/src/components/circle/LearningContent.vue b/client/src/components/circle/LearningContent.vue
index 3df552b7..d0bce5e5 100644
--- a/client/src/components/circle/LearningContent.vue
+++ b/client/src/components/circle/LearningContent.vue
@@ -82,5 +82,14 @@ const block = computed(() => {
 
 </template>
 
-<style scoped>
+<style lang="scss" scoped>
+
+  $header-height: 77px;
+  $footer-height: 57px;
+
+  $content-height: $header-height + $footer-height;
+
+  .h-screen {
+    height: calc(100vh - $content-height);
+  }
 </style>