우편번호 api 추가 및 css 8차 수정

@@ -38,7 +38,8 @@ a:focus {
 }
 
 .btn:hover {
-  background-color: #ced4da;
+  color:darkgrey !important;
+  background-color: white;
 }
 
 .tm-section-pad-top {
@@ -218,16 +219,17 @@ a:focus {
 
 .tm-down-arrow {
   font-size:15px;
-  color: white;
+  color: white !important; 
   border: 2px none white;
   border-radius: 3%;
   padding: 10px 22px 8px;
   transition: all 0.3s ease;
+  background:transparent;
 }
 
 .tm-down-arrow:hover,
 .tm-down-arrow:focus {
-  color: grey;
+  color: darkgrey !important;
   background: white;
 }
 
@@ -347,7 +349,6 @@ select::-ms-expand {
 }
 
 .input-home { 
-  display : relative;
   grid-area: input-home; }
 
 .question-grade { grid-area: question-grade; }

@@ -81,14 +81,14 @@
       <div class="grid-container">
         <div class="question-field question-home">어디에 사나요?</div>
         <div class="input-field input-home">
-          <input type="button" class="button-address" onclick="sample4_execDaumPostcode()" value="우편번호 찾기"><br>
-          <input type="text" id="sample4_roadAddress" placeholder="도로명주소">
+          <input type="button" class="button-address" onclick="home_execDaumPostcode()" value="우편번호 찾기"><br>
+          <input type="text" id="home-address" placeholder="도로명주소">
           <span id="guide" style="color:#999;display:none"></span>   
         </div>   
         <div class="question-field question-school">무슨 학교에 다니나요?</div>
         <div class="input-school">
-          <input type="button" class="button-address" onclick="sample4_execDaumPostcode()" value="우편번호 찾기"><br>
-          <input type="text" id="sample4_roadAddress" placeholder="도로명주소">
+          <input type="button" class="button-address" onclick="school_execDaumPostcode()" value="우편번호 찾기"><br>
+          <input type="text" id="school-address" placeholder="도로명주소">
           <span id="guide" style="color:#999;display:none"></span>     
         </div>
         <div class="question-field question-grade">몇학년인가요?</div>
@@ -107,7 +107,7 @@
         </div></div>
       </div>
         <a href="#result" class="button2 text-center tm-down-arrow-link">
-          <button style= "color:black" class="fas fa-3x fa-caret-down tm-down-arrow" type="button" onclick="semester();return false;">계산하기
+          <button style= "color:black" class="fas fa-3x fa-caret-down tm-down-arrow" type="button" onclick="semester();return false;">계산해보기
             </button>
         </a>
       </div>
@@ -168,7 +168,7 @@
   <script src="js/bootstrap.min.js"></script>
   <script src="https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>
   <script> //도로명주소
-    function sample4_execDaumPostcode() {
+    function home_execDaumPostcode() {
       new daum.Postcode({
           oncomplete: function(data) {
               // 팝업에서 검색결과 항목을 클릭했을때 실행할 코드를 작성하는 부분.
@@ -179,7 +179,7 @@
 
 
               // 우편번호와 주소 정보를 해당 필드에 넣는다.
-              document.getElementById("sample4_roadAddress").value = roadAddr;
+              document.getElementById("home-address").value = roadAddr;
               
               // 참고항목 문자열이 있을 경우 해당 필드에 넣는다.