<footer id="app-footer">
    <style>
      	@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css"); /* Pretendard Variable */
				@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css"); /* Pretendard */
				@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css"); /* Noto Sans KR */
				@import url("https://cdn.jsdelivr.net/npm/@openfonts/noto-sans-sc_chinese-simplified@1.44.9/index.min.css"); /* Noto Sans SC */
				@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap"); /* Noto Sans JP */
				@import url("https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-jp.css"); /* Spoqa Han Sans JP */
				@import url("https://fonts.cdnfonts.com/css/be-vietnam-pro"); /* Be Vietnam Pro */
				
				body {
				    font-family: "Pretendard Variable", "Pretendard", "Noto Sans", sans-serif !important;
				}
				
				/* Override font-family for specific languages using Unicode ranges */
				@font-face {
				    font-family: 'Noto Sans KR';
				    src: local('Noto Sans KR'), url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
				    unicode-range: U+1100-11FF, U+3130-318F, U+AC00-D7AF; /* Hangul Jamo, Hangul Compatibility Jamo, Hangul Syllables */
				}
				
				@font-face {
				    font-family: 'Noto Sans SC';
				    src: local('Noto Sans SC'), url('https://cdn.jsdelivr.net/npm/@openfonts/noto-sans-sc_chinese-simplified@1.44.9/index.min.css');
				    unicode-range: U+4E00-9FFF; /* CJK Unified Ideographs */
				}
				
				@font-face {
				    font-family: 'Noto Sans JP';
				    src: local('Noto Sans JP'), url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
				    unicode-range: U+3040-309F, U+30A0-30FF, U+31F0-31FF; /* Hiragana, Katakana, Katakana Phonetic Extensions */
				}
				
				@font-face {
				    font-family: 'Be Vietnam Pro';
				    src: local('Be Vietnam Pro'), url('https://fonts.cdnfonts.com/css/be-vietnam-pro');
				    unicode-range: U+0102-0103, U+1EA0-1EF9; /* Latin Extended Additional for Vietnamese */
				}

				/* Ensure specificity for page-title */
				.notion-page-block,
      	.notion-sub_sub_header-block,
      	.notion-page-content {
				    font-family: "Noto Sans SC", "Pretendard Variable", "Pretendard", "Noto Sans", "Noto Sans KR", "Noto Sans JP", "Be Vietnam Pro", sans-serif !important;
				}
      
        #app-footer {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 2.5rem 1.5rem 8rem;
            gap: 1.5rem;
            width: 100%;
            background-color: #FFFFFF;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            max-width: 60rem;
            width: 100%;
            margin: auto;
          
            button {
                min-width: 10rem;
                max-width: 20rem;
                text-align: start;
                color: rgba(130, 130, 130, 1);
                font-size: 0.875rem;
                font-style: normal;
                font-weight: 400;
                line-height: 160%;
                border: 0;
                background-color: rgba(0, 0, 0, 0);
            }
            button.privacy-rule {
                font-weight: 700;
            }
        }
      	@media screen and (max-width: 640px)  {
          #app-footer {
            padding-bottom: 15rem;
      	}
      }
    </style>
    <script>      
        function onClickTerms() {
            window.open('https://api2.hirevisa.com/m/policy/terms', '_blank');
        }
        function onClickPrivacy() {
            window.open('https://api2.hirevisa.com/m/policy/privacy', '_blank');
        }
        function onClickRefund() {
            window.open('https://api2.hirevisa.com/m/policy/refund', '_blank');
        }
        function onClickFAQ() {
            window.open('https://api2.hirevisa.com/m/helpcenter', '_blank');
        }
     
    </script>
    <p class="footer-title" style="margin: 0; padding: 0; width: 100%; text-align: start; color: rgba(130, 130, 130, 1); font-size: 1.5rem; font-style: normal; font-weight: 700; line-height: 160%;">HireVisa</p>
    <div class="divider" style="width: 100%; height: 1px; background-color: rgba(233, 233, 233, 1);"></div>
    <div class="company-info-container" style="display: flex; flex-direction: column; width: 100%; gap: 1rem;">
      <div class="terms-and-condition-container" style="display: grid; grid-template-columns: 1fr 1fr; width: 100%; gap: 0.5rem;">
        <button onclick="onClickTerms()">서비스 이용 약관</button>
        <button class="privacy-rule" onclick="onClickPrivacy()">개인정보 처리방침</button>
        <button onclick="onClickRefund()">
            환불규정
        </button>
        <button onclick="onClickFAQ()">
            자주 묻는 질문
        </button>
        <button>
            <a href="mailto:partner@hirediversity.club" style="text-decoration: none; color:#828282;">기업협약 문의</a>
        </button>
      </div>
      <div class="company-info-list" style="display: flex; flex-direction: column; gap: 0; width: 100%;">
        <p style="margin: 0; padding: 0; color: rgba(130, 130, 130, 1); font-size: 0.75rem; font-style: normal; font-weight: 400; line-height: 160%;">(주)하이어다이버시티 | 대표이사: 심화용 | 사업자등록번호: 774-81-01735 | 통신판매업 신고: 2025-서울영등포-1441 | 서울특별시 강남구 테헤란로 123, 여삼빌딩 10층 1003, 1004호</p>
        <p style="margin: 0; padding: 0; color: rgba(130, 130, 130, 1); font-size: 0.75rem; font-style: normal; font-weight: 400; line-height: 160%;">하이어다이버시티 행정사사무소 | 행정사: 심화용 | 사업자등록번호: 792-39-00792 | 통신판매업 신고: 2023-서울중구-1251 | 서울특별시 중구 삼일대로 363, 지하1층 136호(장교동, 장교빌딩)</p>
      </div>
      <div class="contact-info-list">
        <div class="contact-info-container" style="margin: 0; padding: 0; color: rgba(130, 130, 130, 1); font-size: 0.75rem; font-style: normal; font-weight: 400; line-height: 160%;">
          ☎️
          <a href="tel:1660-1365" style="text-decoration: none; color:#828282;">1660-1365</a>
        </div>
        <div class="contact-info-container" style="margin: 0; padding: 0; color: rgba(130, 130, 130, 1); font-size: 0.75rem; font-style: normal; font-weight: 400; line-height: 160%;">
          ✉️
          <a href="mailto:partner@hirediversity.club" style="text-decoration: none; color:#828282;">B2B 및 서비스 제휴 문의 : partner@hirediversity.club</a>
        </div>
				<div class="contact-info-container" style="margin: 0; padding: 0; color: rgba(130, 130, 130, 1); font-size: 0.75rem; font-style: normal; font-weight: 400; line-height: 160%;">
          ✉️
          <a href="mailto:hirediversityclubofficial@hirediversity.freshdesk.com" style="text-decoration: none; color:#828282;">Visa 문의 : support@hirediversity.club </a>
        </div>
      </div>
            <div style="margin: 0.5rem 0; display: flex; align-items: center; gap: 1rem;">
    <a href="https://hirediversity.career.greetinghr.com/isms" target="_blank">
          <img src="https://hd-visa-public.s3.ap-northeast-2.amazonaws.com/logo/hirediversity/hire-isms.png"
               alt="ISMS 정보보호 관리체계 인증"
               style="height: 3.5rem; width: auto;" />
        </a>
      </div>      
      <p class="copyright" style="margin: 0; padding: 0; color: rgba(130, 130, 130, 1); font-size: 0.75rem; font-style: normal; font-weight: 400; line-height: 160%;">
        ⓒ2023 HireDiversity Inc. All Rights Reserved.
      </p>
    </div>
</footer>

Airbnb 予約完了ページ サンプル

Airbnb 予約完了ページサンプル