각 section css추가

@@ -195,6 +195,30 @@ body {
   left: calc(50% - 300px);
   left: calc(50% - 300px);
   transition: .25s, top 0s;
   transition: .25s, top 0s;
 }
 }
+#accumulate_section {
+  width: 600px;
+  max-width: calc(100% - 2em);
+  height: 160px;
+  margin: auto;
+  text-align: center;
+  position: absolute;
+  top: calc(85% - 100px);
+  left: calc(50% - 300px);
+  transition: .25s, top 0s;
+  font-size : 20px;
+}
+
+#recom_section {
+  width: 480px;
+  max-width: calc(100% - 2em);
+  height: 1250px;
+  margin: auto;
+  text-align: center;
+  position: absolute;
+  top: calc(105% - 100px);
+  left: calc(53% - 300px);
+  transition: .25s, top 0s;
+}
 
 
 #winner h2 {
 #winner h2 {
   margin-top: 1.5em;
   margin-top: 1.5em;
@@ -216,6 +240,7 @@ body {
   margin: .5em 0 0;
   margin: .5em 0 0;
 }
 }
 
 
+
 .shadow {
 .shadow {
   box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
   box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
   border-radius: 3px;
   border-radius: 3px;
@@ -273,6 +298,9 @@ body {
   margin: 0 .25em -.25em;
   margin: 0 .25em -.25em;
 }
 }
 
 
+
+
+
 /* ***** mobile ***** */
 /* ***** mobile ***** */
 @media handheld, only screen and (max-device-width:480px), only screen and (max-device-width:320px), screen and (max-width:600px) {
 @media handheld, only screen and (max-device-width:480px), only screen and (max-device-width:320px), screen and (max-width:600px) {
   body {
   body {
@@ -285,10 +313,31 @@ body {
     margin: 1em;
     margin: 1em;
     left: inherit;
     left: inherit;
   }
   }
+  
+  #accumulate_section {
+    height: 150px;
+    top: calc(100% - 75px);
+    margin: 1em;
+    left: 0;
+	font-size : 13px
+	
+  }
+  
+  #recom_section {
+    height: 300px;
+    top: calc(150% - 75px);
+    margin: 1em;
+    left: 0;
+	font-size : 6px
+  }
 
 
   #winner.pinned {}
   #winner.pinned {}
 
 
+
   #lottotable {
   #lottotable {
     font-size: 6px;
     font-size: 6px;
   }
   }
+  
+
+
 }
 }