<style>
  /* GLOBAL STYLES
  -------------------------------------------------- */
  /* Padding below the footer and lighter body text */

  body {
    color: #5a5a5a;
    word-break: keep-all;
  }



  .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
  }

  /* MARKETING CONTENT
  -------------------------------------------------- */

  /*-----------------------*/
  .navbar.navbar-dark {
    background-color: #454545;
  }

  .main-img {
    filter: brightness(50%);
  }

  .main-download-img {
    height: 100px;
    width: auto;
  }
  .dark-section {
    background-color: #e8ecf3;
  }
  #education {
    margin-bottom: 2rem;
  }
 
  /* iframe {
    max-width: 100%;
    width: 100%;
    height: 880px;
  } */
  .form-title {
    margin-top: 10rem;
  }
  .card {
    -webkit-box-shadow:
      0 1.1px 2.2px rgba(120, 120, 120, 0.02),
      0 2.7px 5.4px rgba(120, 120, 120, 0.028),
      0 5px 10.1px rgba(120, 120, 120, 0.035),
      0 8.9px 18.1px rgba(120, 120, 120, 0.042),
      0 16.7px 33.8px rgba(120, 120, 120, 0.05),
      0 40px 81px rgba(120, 120, 120, 0.07)
    ;
    box-shadow:
      0 1.1px 2.2px rgba(120, 120, 120, 0.02),
      0 2.7px 5.4px rgba(120, 120, 120, 0.028),
      0 5px 10.1px rgba(120, 120, 120, 0.035),
      0 8.9px 18.1px rgba(120, 120, 120, 0.042),
      0 16.7px 33.8px rgba(120, 120, 120, 0.05),
      0 40px 81px rgba(120, 120, 120, 0.07)
    ;
  }

  .app-ss {
    width: 100%;
    border-radius: 16px; 
    -webkit-box-shadow:
      0 1.1px 2.2px rgba(0, 0, 0, 0.02),
      0 2.7px 5.4px rgba(0, 0, 0, 0.028),
      0 5px 10.1px rgba(0, 0, 0, 0.035),
      0 8.9px 18.1px rgba(0, 0, 0, 0.042),
      0 16.7px 33.8px rgba(0, 0, 0, 0.05),
      0 40px 81px rgba(0, 0, 0, 0.07)
    ;
    box-shadow:
      0 1.1px 2.2px rgba(0, 0, 0, 0.02),
      0 2.7px 5.4px rgba(0, 0, 0, 0.028),
      0 5px 10.1px rgba(0, 0, 0, 0.035),
      0 8.9px 18.1px rgba(0, 0, 0, 0.042),
      0 16.7px 33.8px rgba(0, 0, 0, 0.05),
      0 40px 81px rgba(0, 0, 0, 0.07)
    ;
  }
  .section-title {
    font-weight: bold;
    margin-bottom: 2rem;
  }
 
  footer {
    background-color: #FFF;
    padding-top: 75px;
    padding-bottom: 50px;
  }

  .kakao-talk-channel-chat-button {
    position: fixed;
    z-index: 999;
    right: 10px;
    bottom: 10px;
  }  

  /* RESPONSIVE CSS
  -------------------------------------------------- */

  @media (min-width: 40em) {

  }

  @media (min-width: 62em) {

  }

  /* For Desktop */
  @media (min-width: 769px) {
    .kakao-talk-channel-chat-button {
    position: fixed;
    z-index: 999;
    right: 30px; 
    bottom: 30px;
    }

  }

</style>