@charset "utf-8";

#wrap {
  position: relative;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
}
#main-content {
  position: relative;
  width: 100%;
  min-height: 100vh; /* height:100vh; */
  padding: 220px 50px 50px;
  background: url(../../assets/img/main_visual.jpg) center right 40% no-repeat;
  background-size: cover;
}
#main-content .content-box {
  max-width: 1660px;
  margin: 0 auto;
}
#main-content .content-box .big-tit {
  /* color:#424242;font-weight:600;line-height:85%;word-break:break-word; */
}
#main-content .content-box .PsychologyTest_m {
  display: none;
  width: 279px;
  height: 115px;
}
#main-content .content-box .semi-tit {
  display: block;
  margin: 26px 0 4px;
  color: #262626;
  font-size: 45px;
  font-weight: 700;
}
#main-content .content-box p {
  color: #262626;
  font-size: 24px;
}
#main-content .content-box .p_tip {
  margin-top: 5px;
  color: #262626;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  color: #ff0000;
}
#main-content .content-box .btn-box {
  width: 300px;
  margin-top: 60px;
}
#main-content .content-box .btn-box .btn {
  padding: 6px 10px 5px;
  font-size: 18px;
  margin-bottom: 10px;
  white-space: inherit;
}
#main-content .content-box .btn-box .btn:hover {
  font-weight: 700;
}
#main-content .content-box .btn-box .btn-block + .btn-block {
  margin-top: 10px;
}

/* 1023px 이하 */
@media all and (max-width: 1023px) {
  #main-content {
    padding: 156px 52px 48px;
  }
  #main-content .content-box .PsychologyTest_pc {
    display: none;
  }
  #main-content .content-box .PsychologyTest_m {
    display: block;
  }
  #main-content .content-box .semi-tit {
    font-size: 32px;
  }
  #main-content .content-box p {
    font-size: 21px;
  }
  #main-content .content-box .p_tip {
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
  }
}

/* 768px 이하 */
@media all and (max-width: 768px) {
  #main-content {
    background: url(../../assets/img/mobile_main_bg.png) center no-repeat;
    background-size: cover;
  }
}

/* 528px 이하 */
@media all and (max-width: 528px) {
  #main-content {
    padding: 132px 32px 28px;
  }
  #main-content .content-box .big-tit {
    /* font-size:48px;line-height:90%; */
  }
  #main-content .content-box .semi-tit {
    margin-top: 16px;
    font-size: 24px;
  }
  #main-content .content-box p {
    margin-top: 5px;
    font-size: 15px;
  }
  #main-content .content-box .p_tip {
    margin-top: 6px;
    font-size: 13px;
    font-weight: bold;
  }
  #main-content .content-box .btn-box {
    width: 70%;
    margin-top: 25px;
  }
  #main-content .content-box .btn-box .btn {
    font-size: 15px;
  }
}