#self-top {
    background-image: url("../img/pub_test/self-test-kv@2x.jpg");
    background-position: top center;
    width: 100%;
    background-size: cover;
    height: 330px;
    max-width: 2000px;
    margin: 0 auto;
}

.self-title {
    font-size: 32px;
    line-height: 44px;
    letter-spacing: 0.6px;
    color:#000000;
}

.self-result-title {
    font-size: 40px;
    line-height: 72px;
    letter-spacing: 0.6px;
    color:#D3B98F;
    text-align: center;
}

.padd-b-line {
    border-bottom: 5px solid #D3B98F;
    padding-bottom: 5px;
}

.result-content {
    font-family: "noto-sans-back-bold";
    font-size: 32px;
    line-height: 50px;
    letter-spacing: 0.6px;
    color:#000000;
    text-align: center;
}


.padd-b-line-2 {
    border-bottom: 5px solid #D3B98F;
    padding-bottom: 20px;
}

.padd-b-line-3 {
    border-bottom: 5px solid #D3B98F;
    padding-bottom: 20px;
}

.pd-left-10 {
    margin-left: 20px;
}

.pd-left-10-2 {
    margin-left: 20px;
}

.qusetion {
    font-size: 21px;
    line-height: 32px;
    letter-spacing: 0.6px;
    color:#000000;
    margin-top:30px;
}

.q-ans {
    margin-top:34px;
    font-size: 21px;
    line-height: 32px;
    letter-spacing: 0.6px;
    color:#000000;
}


.go-to-text-2 {
    margin-top: 10px;
    margin-left: 91px;

  }

  .padd-b-100 {
    padding-bottom: 100px;
  }

  #dialog-content {
    text-align: center;
    width: 40%;
  }

  .confirm-button {
    background-color: #D3B98F;
    display: inline-block;
    width: 80%;
    padding: 10px;
    margin :0 auto;
    margin-bottom:20px;
    color:#ffffff;
  }

 .cancel-button {
    background-color: #ffffff;
    border: 1px solid #D3B98F;
    display: inline-block;
    width: 80%;
    padding: 10px;
    margin :0 auto;
    color:#D3B98F;
  }

 #gotothank {
    width: 100%;
    margin-top: 50px;
  }
  

 input.assess {
    border: none;
    width: 100%;
    margin-top: 50px;
    background-color: #D3B98F;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 28px;
    line-height: 32px;
 }

 input.assess:hover {
    opacity: .7;
 }


 .text-center {
    text-align: center;
 }

 @media (max-width: 820px) {

 #self-top {
    background-image: url("../img/pub_test/self-test-kv-m@2x.jpg");
    height: 300px;
}

.desktop-2 {
    display: none;
}

.mobile-2 {
    display: flex;
}

.self-title {
    font-size: 28px;
    line-height: 36px;
}

#dialog-content {
    text-align: center;
    width: 90%;
  }

  .confirm-button,  .cancel-button {
    width: 100%;
  }

    .result-content {
        font-size: 21px;
        line-height: 32px;

    }

    .self-result-title {
        font-size: 30px;
    }



.qusetion {
    font-size: 18px;
    line-height: 28px;
}

.go-to-text-2 {
    font-size: 22px;
    margin-top: 0;
    margin-left: 68px;
}

 }
  

  @media (max-width: 768px) {


  


  }

  @media (max-width: 414px) {

    .mr-10 {
        margin-right: 90px;
    }

    .pd-left-10-2 {
        margin-left: 0;
    }

    #self-top {
       background-image: url("../img/pub_test/self-test-kv-m@2x.jpg");
       height: 152px;
   }

   .self-title {
    font-size: 20px;
    line-height: 28px;
}

.q-title {
    font-size: 14px;
    line-height: 20px;
}

.go-to-text {
    font-size: 20px;
  }
  
  .go-to-text-2 {
    font-size: 20px;
    margin-left: 60px;
  }
   
    }

    @media (max-width: 390px) {
    .mr-10 {
        margin-right: 60px;
    }
}

@media (max-width: 375px) {
    .mr-10 {
        margin-right: 50px;
    }
}