.bg_wrapper.check {
  position: fixed;
  top: 0px;
  width: 100%;
  height: 569px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
  background-image: url(../images/checker/bg_progress.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 320px 342px; }

#title_checker {
  width: 204px;
  margin: 0 auto;
  margin-top: 90px;
  margin-bottom: 0px; }

.bg_wrapper.start {
  width: 320px;
  height: 285px;
  position: fixed;
  top: 140px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
  background-image: url(../images/checker/bg_checker.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 320px 285px; }

.checker_content {
  min-height: 369px;
  height: auto; }
  .checker_content.start {
    margin-top: 40px; }

.question {
  position: relative;
  width: 300px;
  min-height: 369px;
  height: auto;
  left: 0;
  right: 0;
  margin: auto; }

.question3a,
.question3b,
.question3c,
.question3d {
  height: 475px; }

#question_text {
  position: absolute;
  width: 300px;
  height: 71px;
  left: 0;
  right: 0;
  top: 178px;
  margin: auto;
  padding-top: 24px;
  padding-left: 20px;
  background-image: url(../images/checker/border_question.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 300px 71px; }

.answer {
  visibility: hidden;
  position: absolute;
  height: auto;
  top: 264px;
  right: 0; }
  .answer a {
    display: block;
    margin-bottom: 3px; }
    .answer a.bottom {
      margin-bottom: 0; }

#start_text {
  width: 280px;
  margin: 0 auto; }

#start_button {
  width: 301px;
  margin: 0 auto;
  margin-top: 60px; }

#cardBg {
  display: block;
  position: fixed;
  top: 200px;
  left: 0;
  right: 0;
  width: 100%;
  height: 120px;
  z-index: -1; }

#cardWrapper {
  z-index: 0;
  overflow: hidden;
  position: absolute;
  display: block;
  top: 142px;
  left: 0;
  right: 0;
  width: 97px;
  height: 225px;
  margin: auto;
  overflow: hidden; }

#resultCard {
  position: absolute;
  top: 30px; }

#resultArea {
  width: 320px;
  margin: 0 auto;
  margin-top: 192px;
  text-align: center; }

#yourjob {
  margin-top: 45px; }

#jobname {
  margin-top: 22px; }

#otherjob {
  margin-top: 25px; }

#letsshare {
  margin-top: 34px; }

.snsbtn {
  display: block;
  width: 250px;
  height: 40px;
  margin: 0 auto;
  margin-bottom: 20px; }

.snsfb {
  margin-top: 40px; }

#shareText {
  background-image: url(../images/checker/border_result.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 251px 152px;
  width: 251px;
  height: 152px;
  padding: 10px 15px;
  color: #fff;
  font-size: 11px;
  text-align: left;
  line-height: 200%;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 26px;
  overflow: scroll; }
  #shareText a {
    color: #fff;
    font-size: 8px; }

#shareText textarea {
  background: none;
  padding: 0;
  border: none;
  width: 100%;
  height: 100%; }

#textNote {
  margin-top: 30px; }

.bg {
  background-repeat: repeat-x;
  background-position: center center; }
  .bg.mage-a {
    background-image: url(../images/checker/bg_mage_a.png);
    background-size: 320px 120px; }
  .bg.mage-b {
    background-image: url(../images/checker/bg_mage_b.png);
    background-size: 253px 120px; }
  .bg.mage-c {
    background-image: url(../images/checker/bg_mage_c.png);
    background-size: 126px 120px; }
  .bg.warrior-a {
    background-image: url(../images/checker/bg_warrior_a.png);
    background-size: 253px 120px; }
  .bg.warrior-b {
    background-image: url(../images/checker/bg_warrior_b.png);
    background-size: 126px 120px; }
  .bg.warrior-c {
    background-image: url(../images/checker/bg_warrior_c.png);
    background-size: 126px 120px; }
  .bg.priest-a {
    background-image: url(../images/checker/bg_priest_a.png);
    background-size: 225px 120px; }
  .bg.priest-b {
    background-image: url(../images/checker/bg_priest_b.png);
    background-size: 196px 120px; }
  .bg.priest-c {
    background-image: url(../images/checker/bg_priest_c.png);
    background-size: 113px 120px; }
  .bg.gadabout-a {
    background-image: url(../images/checker/bg_gadabout_a.png);
    background-size: 117px 120px; }
  .bg.gadabout-b {
    background-image: url(../images/checker/bg_gadabout_b.png);
    background-size: 225px 120px; }
  .bg.gadabout-c {
    background-image: url(../images/checker/bg_gadabout_c.png);
    background-size: 320px 120px; }