@charset "UTF-8";
@import url(./style.scss);
html,
body {
  background-color: #d4bbe0;
  color: #333; }

#wrap {
  display: none; }

/* 파일 업로드 박스 css 출처: https://webdir.tistory.com/435 [WEBDIR]  */
.contentArea {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  flex-flow: column; }
  .contentArea .header {
    width: 100%;
    max-width: 620px;
    background-color: #fbf4ff;
    border-radius: 20px 20px 0px 0px;
    padding: 30px 20px;
    margin-top: 80px;
    box-sizing: border-box; }
    .contentArea .header h1 {
      text-align: center;
      font-size: 40px;
      margin: 20px 0 0px;
      line-height: 1.6em; }
    .contentArea .header .dataBox {
      border-bottom: 1px solid #c295d4;
      padding: 10px 0 20px 0; }
      .contentArea .header .dataBox p {
        font-size: 18px;
        line-height: 1.6em;
        margin-top: 9px;
        text-align: center; }
      .contentArea .header .dataBox h4 {
        font-size: 20px;
        line-height: 1.6em;
        margin: 30px 0 0px;
        text-align: center; }
      .contentArea .header .dataBox h3 {
        font-size: 27px;
        line-height: 1.6em;
        margin: 30px 0 10px;
        padding-bottom: 9px;
        text-align: center;
        border-bottom: 1px solid #c295d4; }
    .contentArea .header p {
      font-size: 18px;
      line-height: 1.6em;
      margin-top: 10px; }
    .contentArea .header b {
      font-weight: 700; }
    .contentArea .header .imgBox {
      display: flex;
      justify-content: center;
      width: 100%; }
      .contentArea .header .imgBox img {
        display: block;
        width: 100%;
        max-width: 300px; }
  .contentArea .content {
    width: 100%;
    max-width: 620px;
    background-color: #fbf4ff;
    border-radius: 0px 0px 20px 20px;
    padding: 0px 20px 30px 20px;
    box-sizing: border-box; }
    .contentArea .content .thArea {
      display: block;
      margin-bottom: 10px;
      width: 100%; }
    .contentArea .content .filebox input[type="file"] {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      border: 0; }
    .contentArea .content .filebox label {
      padding: .5em .75em;
      box-sizing: border-box;
      color: #999;
      font-size: inherit;
      line-height: normal;
      vertical-align: middle;
      background-color: #fdfdfd;
      cursor: pointer;
      border: 1px solid #ebebeb;
      border-bottom-color: #e2e2e2;
      border-radius: 30px;
      color: #fff;
      background-color: #7817b1;
      border-color: #7817b1; }
    .contentArea .content .filebox .upload-name {
      display: inline-block;
      padding: .5em .75em;
      /* label의 패딩값과 일치 */
      font-size: inherit;
      font-family: inherit;
      line-height: normal;
      vertical-align: middle;
      background-color: #f5f5f5;
      border: 1px solid #ebebeb;
      border-bottom-color: #e2e2e2;
      border-radius: .25em;
      -webkit-appearance: none;
      /* 네이티브 외형 감추기 */
      -moz-appearance: none;
      appearance: none;
      width: calc(100% - 93px - 15px ); }
    .contentArea .content .textArea {
      display: flex;
      justify-content: center;
      align-items: center;
      border: 2px solid #7817b1;
      line-height: 1.6em;
      margin: 5px 0;
      box-sizing: border-box;
      width: 100%;
      height: 10em;
      font-size: 18px;
      line-height: 1.6em;
      outline: 0px;
      background: transparent;
      resize: none; }
      .contentArea .content .textArea textArea {
        display: block;
        width: 96%;
        height: 96%;
        font-size: 18px;
        line-height: 1.6em;
        border: 0px;
        outline: 0px;
        background: transparent;
        font-weight: 400;
        font-family: inherit; }
    .contentArea .content p {
      font-size: 18px;
      line-height: 1.6em; }
    .contentArea .content .quizQuestion {
      font-size: 18px;
      line-height: 1.6em;
      margin-top: 30px;
      padding: 0px 5px; }
    .contentArea .content .textRight {
      float: right; }
    .contentArea .content .textAreaInput, .contentArea .content .mainInput {
      display: flex;
      justify-content: center;
      align-items: center;
      border: 2px solid #7817b1;
      text-align: center;
      line-height: 50px;
      height: 50px;
      margin: 5px 0;
      box-sizing: border-box; }
      .contentArea .content .textAreaInput input, .contentArea .content .mainInput input {
        width: 96%;
        height: 96%;
        font-size: 18px;
        line-height: 1.6em;
        border: 0px;
        outline: 0px;
        background: transparent; }
    .contentArea .content .imgBox {
      width: 100%;
      display: flex;
      justify-content: center;
      margin: 20px 0; }
      .contentArea .content .imgBox img {
        width: 100%;
        max-width: 367px;
        display: block; }
    .contentArea .content h5 {
      font-size: 24px;
      line-height: 1.6em;
      margin-top: 50px;
      margin-bottom: 0px; }
    .contentArea .content .mainInputTxt {
      font-size: 18px;
      line-height: 1.6em;
      margin-top: 20px; }
    .contentArea .content .mainInput {
      margin-bottom: 10px; }
    .contentArea .content .namePhoneBox {
      margin-top: 50px; }
    .contentArea .content .agreeContent {
      margin-top: 20px; }
      .contentArea .content .agreeContent .precautionsTxt {
        padding: 30px;
        width: calc(100% - 30px);
        list-style: disc; }
        .contentArea .content .agreeContent .precautionsTxt li {
          font-size: 18px;
          line-height: 1.6em;
          list-style: disc; }
      .contentArea .content .agreeContent .precautionsTxtOl {
        padding: 30px;
        width: calc(100% - 30px);
        list-style: decimal; }
        .contentArea .content .agreeContent .precautionsTxtOl li {
          color: #666666;
          font-size: 16px;
          line-height: 1.6em;
          list-style: decimal; }
      .contentArea .content .agreeContent .pTxt {
        font-size: 16px;
        line-height: 1.6em;
        color: #666666; }
      .contentArea .content .agreeContent .agreeLableBox {
        display: flex;
        width: 100%;
        flex-flow: row wrap;
        justify-content: space-between;
        margin-top: 10px; }
        .contentArea .content .agreeContent .agreeLableBox .agreeLable {
          height: 1.6em;
          line-height: 1.6em;
          font-size: 18px;
          line-height: 1.6em;
          width: 290px; }
    .contentArea .content .inputArea {
      display: none;
      padding-bottom: 20px; }
    .contentArea .content #inputArea1 {
      display: block; }
    .contentArea .content .addFileupload {
      display: block;
      margin: auto;
      padding: 0 2.5em;
      height: 50px;
      font-size: 18px;
      background-color: #7c28b4;
      color: white;
      border: #7817b1;
      outline: none;
      border-radius: 30px;
      cursor: pointer;
      transition: all 0.5s; }
    .contentArea .content .submitBox {
      display: flex;
      justify-content: center;
      margin: 20px; }
      .contentArea .content .submitBox .Submit {
        max-width: 240px;
        width: 100%;
        height: 60px;
        font-size: 24px;
        border: 0px;
        background-color: #7c28b4;
        border-radius: 30px;
        color: white;
        font-weight: 700;
        cursor: pointer; }
    .contentArea .content .certainlyTxt {
      color: #ce0b0b; }
    .contentArea .content .endBox {
      width: 100%;
      height: 300px;
      display: flex;
      align-items: center; }
      .contentArea .content .endBox p {
        text-align: center; }
  .contentArea .footer {
    width: 100%;
    max-width: 620px;
    background-color: #fbf4ff;
    border-radius: 20px 20px 0px 0px;
    padding: 30px 20px 50px 20px;
    margin-top: 30px;
    box-sizing: border-box; }
    .contentArea .footer p {
      font-size: 18px;
      line-height: 1.6em;
      color: #333; }

/*# sourceMappingURL=quiz1.css.map */