@charset "UTF-8";
body {
  overflow-y: scroll; }

@media (max-width: 768px) {
  .mobile-enter {
    display: block; } }

section.demolish {
  padding: 50px 0 160px; }
  section.demolish * {
    box-sizing: border-box;
    position: relative;
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    word-break: keep-all; }
  @media (max-width: 768px) {
    section.demolish {
      padding: 50px 0; }
      section.demolish *:before, section.demolish *:after {
        display: none; } }

.pignose-calendar-wrapper .pignose-calendar.calendar1:before {
  display: block;
  content: '공사 예정일'; }
.pignose-calendar-wrapper .pignose-calendar.calendar2:before {
  display: block;
  content: '실측 가능일'; }

.pignose-calendar-wrapper:nth-child(1) .pignose-calendar:before {
  display: block;
  content: '공사 예정일'; }
.pignose-calendar-wrapper:nth-child(2) .pignose-calendar:before {
  display: block;
  content: '실측 가능일'; }

@media (max-width: 768px) {
  section.demolish-step4 .demolish-step4-wrap {
    padding: 0 20px; } }
section.demolish-step4 .step4-contents-box .finish-box {
  display: flex;
  align-items: center;
  justify-content: center; }
  section.demolish-step4 .step4-contents-box .finish-box .finish-txt-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 34px;
    background-color: #000;
    height: 44px;
    padding: 0 24px; }
    @media (max-width: 768px) {
      section.demolish-step4 .step4-contents-box .finish-box .finish-txt-box {
        padding: 0 17px;
        height: 36px; } }
    section.demolish-step4 .step4-contents-box .finish-box .finish-txt-box .ic-finish {
      background: url("../images/demolish/ic_finish.svg") no-repeat center/cover;
      width: 14px;
      height: 21px;
      margin-right: 5px; }
      @media (max-width: 768px) {
        section.demolish-step4 .step4-contents-box .finish-box .finish-txt-box .ic-finish {
          width: 10px;
          height: 17px; } }
    section.demolish-step4 .step4-contents-box .finish-box .finish-txt-box .txt {
      font-weight: 700;
      font-size: 18px;
      line-height: 27px;
      text-align: center;
      letter-spacing: -0.5px;
      color: #FFFFFF; }
      @media (max-width: 768px) {
        section.demolish-step4 .step4-contents-box .finish-box .finish-txt-box .txt {
          font-size: 15px;
          line-height: 15px; } }
section.demolish-step4 .step4-contents-box .finish-info-box {
  padding-top: 20px;
  text-align: center; }
  @media (max-width: 768px) {
    section.demolish-step4 .step4-contents-box .finish-info-box {
      padding-top: 10px; } }
  section.demolish-step4 .step4-contents-box .finish-info-box .main-box {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.5px;
    font-weight: 700;
    color: #000; }
    @media (max-width: 768px) {
      section.demolish-step4 .step4-contents-box .finish-info-box .main-box {
        font-size: 16px;
        line-height: 22px; } }
  section.demolish-step4 .step4-contents-box .finish-info-box .sub-box {
    padding-top: 10px;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    letter-spacing: -0.5px;
    color: #666; }
    section.demolish-step4 .step4-contents-box .finish-info-box .sub-box .ess {
      color: #FBBE18; }
section.demolish-step4 .step4-contents-box .estimate-list {
  margin: 0 auto;
  max-width: 520px;
  padding: 50px 0 100px; }
  @media (max-width: 768px) {
    section.demolish-step4 .step4-contents-box .estimate-list {
      padding: 50px 0;
      max-width: 255px; } }
  section.demolish-step4 .step4-contents-box .estimate-list .estimate-menu-list {
    display: flex;
    flex-flow: row wrap;
    margin: -5px; }
    @media (max-width: 768px) {
      section.demolish-step4 .step4-contents-box .estimate-list .estimate-menu-list {
        margin: 0; } }
    section.demolish-step4 .step4-contents-box .estimate-list .estimate-menu-list .menu-box {
      width: calc(50% - 10px);
      margin: 5px; }
      @media (max-width: 768px) {
        section.demolish-step4 .step4-contents-box .estimate-list .estimate-menu-list .menu-box {
          width: 100%;
          margin: 0; }
          section.demolish-step4 .step4-contents-box .estimate-list .estimate-menu-list .menu-box + .menu-box {
            margin: 5px 0 0 0; } }
      section.demolish-step4 .step4-contents-box .estimate-list .estimate-menu-list .menu-box .menu-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
        background: #FBBE18;
        height: 60px; }
        section.demolish-step4 .step4-contents-box .estimate-list .estimate-menu-list .menu-box .menu-btn:hover {
          text-decoration: none;
          background-color: #ffcc40 !important; }
        section.demolish-step4 .step4-contents-box .estimate-list .estimate-menu-list .menu-box .menu-btn.type-beta {
          background: #FBBE18 url("../images/img_beta.svg") no-repeat right top; }
        section.demolish-step4 .step4-contents-box .estimate-list .estimate-menu-list .menu-box .menu-btn .ic.ic-thunder {
          background: url("../images/ic_self_thunder.svg") no-repeat center/cover;
          width: 12px;
          height: 19px;
          margin-right: 5px; }
        section.demolish-step4 .step4-contents-box .estimate-list .estimate-menu-list .menu-box .menu-btn .ic.ic-arrow {
          background: url("../images/ic_self_arrow.svg") no-repeat center/cover;
          width: 9px;
          height: 16px;
          margin-left: 10px; }
        section.demolish-step4 .step4-contents-box .estimate-list .estimate-menu-list .menu-box .menu-btn .txt {
          color: #fff;
          font-size: 20px;
          letter-spacing: -0.5px;
          font-weight: 700; }
section.demolish-step4 .step4-contents-box .finish-faq-list {
  display: flex;
  justify-content: center; }
  @media (max-width: 768px) {
    section.demolish-step4 .step4-contents-box .finish-faq-list {
      align-items: center;
      flex-direction: column; } }
  section.demolish-step4 .step4-contents-box .finish-faq-list .item-box {
    max-width: 490px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    padding: 30px; }
    @media (max-width: 768px) {
      section.demolish-step4 .step4-contents-box .finish-faq-list .item-box {
        padding: 20px;
        max-width: 290px; } }
    section.demolish-step4 .step4-contents-box .finish-faq-list .item-box + .item-box {
      margin-left: 20px; }
      @media (max-width: 768px) {
        section.demolish-step4 .step4-contents-box .finish-faq-list .item-box + .item-box {
          margin: 9px 0 0 0; } }
    section.demolish-step4 .step4-contents-box .finish-faq-list .item-box .tit-box {
      font-weight: 700;
      font-size: 22px;
      line-height: 33px;
      text-align: center;
      letter-spacing: -0.5px;
      color: #000;
      padding-bottom: 20px; }
      @media (max-width: 768px) {
        section.demolish-step4 .step4-contents-box .finish-faq-list .item-box .tit-box {
          padding-bottom: 10px;
          font-size: 18px;
          line-height: 27px; } }
    section.demolish-step4 .step4-contents-box .finish-faq-list .item-box .con-box {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 5;
      /* 라인수 */
      -webkit-box-orient: vertical;
      word-wrap: break-word;
      line-height: 26px;
      height: 130px;
      /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
      max-width: 100%;
      color: #666;
      font-size: 16px;
      line-height: 26px;
      letter-spacing: -0.5px; }
      @media (max-width: 768px) {
        section.demolish-step4 .step4-contents-box .finish-faq-list .item-box .con-box {
          font-size: 15px;
          line-height: 21px;
          display: block;
          height: auto; } }
section.demolish-step4 .step4-contents-box .finish-menu-box {
  padding-top: 30px;
  display: flex;
  justify-content: center; }
  section.demolish-step4 .step4-contents-box .finish-menu-box .finish-menu-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    height: 60px;
    background: #FBBE18;
    width: 280px; }
    @media (max-width: 768px) {
      section.demolish-step4 .step4-contents-box .finish-menu-box .finish-menu-btn {
        width: 255px;
        filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.3));
        border-radius: 10px; } }
    section.demolish-step4 .step4-contents-box .finish-menu-box .finish-menu-btn .ic.ic-next {
      background: url("../images/demolish/ic_page_next.svg") no-repeat center/cover;
      width: 9px;
      height: 16px;
      margin-left: 10px; }
      @media (max-width: 768px) {
        section.demolish-step4 .step4-contents-box .finish-menu-box .finish-menu-btn .ic.ic-next {
          margin-left: 5px; } }
    section.demolish-step4 .step4-contents-box .finish-menu-box .finish-menu-btn .txt {
      color: #fff;
      font-size: 16px;
      letter-spacing: -0.5px;
      line-height: 24px;
      font-weight: 700; }
      @media (max-width: 768px) {
        section.demolish-step4 .step4-contents-box .finish-menu-box .finish-menu-btn .txt {
          font-size: 16px;
          line-height: 1.2; } }

@media (max-width: 768px) {
  section.demolish-step2 .demolish-step2-wrap {
    padding: 0 0 60px; } }
section.demolish-step2 .step2-contents-box .form-group {
  max-width: 700px;
  margin: 0 auto; }
  section.demolish-step2 .step2-contents-box .form-group .form-box {
    display: none; }
    @media (max-width: 768px) {
      section.demolish-step2 .step2-contents-box .form-group .form-box {
        padding: 0 20px; } }
    section.demolish-step2 .step2-contents-box .form-group .form-box[data-step=step1] {
      display: block; }
    section.demolish-step2 .step2-contents-box .form-group .form-box.state-error {
      background-color: #ffe5e5; }
      section.demolish-step2 .step2-contents-box .form-group .form-box.state-error .form-tit-box .main-box {
        color: #ff0000; }
    section.demolish-step2 .step2-contents-box .form-group .form-box + .form-box {
      margin-top: 50px; }
      @media (max-width: 768px) {
        section.demolish-step2 .step2-contents-box .form-group .form-box + .form-box {
          margin-top: 40px; } }
    section.demolish-step2 .step2-contents-box .form-group .form-box .form-tit-box {
      display: flex;
      padding-bottom: 20px;
      align-items: center; }
      @media (max-width: 768px) {
        section.demolish-step2 .step2-contents-box .form-group .form-box .form-tit-box {
          padding-bottom: 10px;
          flex-direction: column;
          align-items: flex-start; } }
      section.demolish-step2 .step2-contents-box .form-group .form-box .form-tit-box .main-box {
        font-weight: 500;
        font-size: 20px;
        line-height: 22px;
        color: #333;
        letter-spacing: -0.05em;
        display: flex;
        align-items: center; }
        @media (max-width: 768px) {
          section.demolish-step2 .step2-contents-box .form-group .form-box .form-tit-box .main-box {
            font-size: 16px;
            line-height: 22px; } }
        section.demolish-step2 .step2-contents-box .form-group .form-box .form-tit-box .main-box span {
          margin-left: 3px;
          color: #999;
          font-size: 18px;
          line-height: 22px;
          letter-spacing: -0.9px; }
          @media (max-width: 768px) {
            section.demolish-step2 .step2-contents-box .form-group .form-box .form-tit-box .main-box span {
              font-size: 14px;
              letter-spacing: -0.7px; } }
      section.demolish-step2 .step2-contents-box .form-group .form-box .form-tit-box .sub-box {
        color: #999;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -0.5px;
        padding-left: 5px;
        flex: 1; }
        @media (max-width: 768px) {
          section.demolish-step2 .step2-contents-box .form-group .form-box .form-tit-box .sub-box {
            padding-left: 0;
            padding-top: 5px; } }
      section.demolish-step2 .step2-contents-box .form-group .form-box .form-tit-box .tooltip-box {
        display: inline-flex;
        position: relative;
        align-items: center; }
        section.demolish-step2 .step2-contents-box .form-group .form-box .form-tit-box .tooltip-box .ic {
          margin-left: 5px; }
          section.demolish-step2 .step2-contents-box .form-group .form-box .form-tit-box .tooltip-box .ic.ic-tooltip {
            cursor: pointer;
            background: url("../images/demolish/ic_tooltip2.svg") no-repeat center/cover;
            width: 22px;
            height: 22px; }
          section.demolish-step2 .step2-contents-box .form-group .form-box .form-tit-box .tooltip-box .ic.on ~ .tooltip {
            display: block; }
        section.demolish-step2 .step2-contents-box .form-group .form-box .form-tit-box .tooltip-box .tooltip {
          position: absolute;
          left: 50%;
          bottom: 27px;
          transform: translateX(-50%);
          z-index: 15;
          background: #FFFFFF;
          display: none;
          /* 박스 */
          box-shadow: 0px 6px 9px rgba(0, 0, 0, 0.2);
          border-radius: 10px;
          padding: 20px;
          width: 200px; }
          section.demolish-step2 .step2-contents-box .form-group .form-box .form-tit-box .tooltip-box .tooltip[data-position=right-1] {
            left: calc(50% - 25px); }
          section.demolish-step2 .step2-contents-box .form-group .form-box .form-tit-box .tooltip-box .tooltip[data-position=right-2] {
            left: calc(50% - 50px); }
          section.demolish-step2 .step2-contents-box .form-group .form-box .form-tit-box .tooltip-box .tooltip[data-position=right-3] {
            left: calc(50% - 35px); }
          section.demolish-step2 .step2-contents-box .form-group .form-box .form-tit-box .tooltip-box .tooltip[data-position=right-full] {
            transform: none;
            right: 0;
            left: auto; }
          section.demolish-step2 .step2-contents-box .form-group .form-box .form-tit-box .tooltip-box .tooltip .tooltip-tit-box {
            padding-bottom: 5px;
            font-size: 16px;
            line-height: 24px;
            font-weight: 700;
            letter-spacing: -0.5px; }
          section.demolish-step2 .step2-contents-box .form-group .form-box .form-tit-box .tooltip-box .tooltip .tooltip-con-box {
            font-size: 14px;
            line-height: 20px;
            letter-spacing: -0.5px;
            color: #666;
            font-weight: 400; }
    section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box {
      padding: 0 10px; }
      @media (max-width: 768px) {
        section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box {
          padding: 0; } }
      section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .form-input-box {
        display: flex;
        align-items: flex-end; }
        section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .form-input-box.active textarea {
          border-radius: 3px;
          box-shadow: 0 0 0 3px inset #FBBE18 !important;
          border-color: transparent !important; }
        section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .form-input-box textarea {
          resize: none;
          outline: none;
          width: 100%;
          background: #FFFFFF;
          border: 1px solid #E8E8E8;
          border-radius: 5px;
          height: 100px;
          padding: 10px;
          font-size: 15px;
          line-height: 22px;
          letter-spacing: -0.5px;
          color: #000;
          -webkit-appearance: inherit;
          -moz-appearance: inherit;
          appearance: inherit; }
          section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .form-input-box textarea::placeholder {
            color: #999; }
        section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .form-input-box .input-box {
          position: relative;
          font-size: 0; }
          section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .form-input-box .input-box.type-2 input {
            font-size: 15px;
            letter-spacing: -0.03em; }
          section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .form-input-box .input-box .guide-txt {
            z-index: 1;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            padding: 0 15px;
            display: flex;
            align-items: center;
            font-family: "NotoSansKR";
            font-size: 15px;
            color: #999;
            text-align: left; }
            @media (max-width: 768px) {
              section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .form-input-box .input-box .guide-txt {
                height: 100%;
                font-size: 14px;
                line-height: 14px; } }
          section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .form-input-box .input-box.small input {
            width: 170px; }
          section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .form-input-box .input-box.active input {
            -webkit-appearance: inherit;
            -moz-appearance: inherit;
            appearance: inherit;
            border-radius: 3px;
            box-shadow: 0 0 0 3px inset #FBBE18 !important;
            border-color: transparent; }
          section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .form-input-box .input-box.left {
            text-align: left; }
          section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .form-input-box .input-box.long input {
            width: 350px; }
          section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .form-input-box .input-box.left input {
            text-align: left; }
          @media (max-width: 768px) {
            section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .form-input-box .input-box.m-full {
              max-width: 100%;
              width: 100% !important; }
              section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .form-input-box .input-box.m-full input {
                max-width: 100%;
                width: 100% !important; } }
          section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .form-input-box .input-box input {
            text-align: right;
            background: #FFFFFF;
            border: 1px solid #E8E8E8;
            border-radius: 3px;
            padding: 0 15px;
            font-size: 32px;
            letter-spacing: -0.5px;
            color: #000;
            height: 50px;
            font-family: "Roboto"; }
            @media (max-width: 768px) {
              section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .form-input-box .input-box input {
                height: 40px;
                max-width: 160px;
                width: 100%;
                padding: 0 10px;
                font-size: 30px;
                letter-spacing: -0.5px; } }
            section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .form-input-box .input-box input::placeholder {
              font-family: "NotoSansKR";
              font-size: 15px;
              color: #999;
              text-align: left; }
              @media (max-width: 768px) {
                section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .form-input-box .input-box input::placeholder {
                  font-size: 14px;
                  line-height: 15px; } }
        section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .form-input-box .unit-box {
          padding-left: 5px;
          padding-bottom: 5px;
          font-size: 18px;
          line-height: 22px;
          font-weight: 500; }
      section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .upload-form-box {
        display: flex;
        flex-flow: row wrap; }
        section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .upload-form-box .upload-btn-box {
          margin-right: 20px; }
          @media (max-width: 768px) {
            section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .upload-form-box .upload-btn-box {
              margin-right: 10px; } }
          section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .upload-form-box .upload-btn-box label {
            cursor: pointer;
            border: 2px dashed #FBBE18;
            border-radius: 10px;
            display: inline-flex;
            align-items: center;
            width: 100px;
            height: 100px;
            background: url("../images/demolish/ic_upload.svg") no-repeat center; }
            @media (max-width: 768px) {
              section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .upload-form-box .upload-btn-box label {
                width: 60px;
                height: 60px;
                background-size: 24px 24px; } }
            section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .upload-form-box .upload-btn-box label input[type=file] {
              position: absolute;
              left: -9999px;
              transform: scale(0); }
        section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .upload-form-box .upload-result-box {
          flex: 1;
          min-width: 0;
          position: relative; }
          @media (max-width: 768px) {
            section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .upload-form-box .upload-result-box {
              margin: 0 -20px 0 0; } }
          section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .upload-form-box .upload-result-box .guide-txt-box {
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            font-size: 14px;
            line-height: 20px;
            letter-spacing: -0.5px;
            font-weight: 400;
            color: #FBBE18; }
          section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .upload-form-box .upload-result-box ul {
            white-space: nowrap;
            overflow-x: auto;
            overflow-y: hidden;
            font-size: 0;
            transition: none; }
            @media (max-width: 768px) {
              section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .upload-form-box .upload-result-box ul {
                position: relative;
                width: 100%;
                overflow-x: scroll;
                overflow-y: hidden;
                transition: all 0.2s;
                user-select: none;
                padding: 0 10px 0 0; } }
            section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .upload-form-box .upload-result-box ul li {
              border: 1px solid #FBBE18;
              border-radius: 10px;
              width: 100px;
              height: 100px;
              display: inline-flex;
              overflow: hidden;
              transition: none; }
              @media (max-width: 768px) {
                section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .upload-form-box .upload-result-box ul li {
                  width: 60px;
                  height: 60px; } }
              section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .upload-form-box .upload-result-box ul li + li {
                margin-left: 10px; }
                @media (max-width: 768px) {
                  section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .upload-form-box .upload-result-box ul li + li {
                    margin-left: 5px; } }
              section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .upload-form-box .upload-result-box ul li .img-box {
                position: relative; }
                section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .upload-form-box .upload-result-box ul li .img-box .remove-btn {
                  position: absolute;
                  right: 0;
                  top: 0;
                  background: url("../images/demolish/ic_remove.svg") no-repeat center/cover;
                  width: 26px;
                  height: 26px;
                  z-index: 10; }
                  @media (max-width: 768px) {
                    section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .upload-form-box .upload-result-box ul li .img-box .remove-btn {
                      width: 20px;
                      height: 20px; } }
                section.demolish-step2 .step2-contents-box .form-group .form-box .form-con-box .upload-form-box .upload-result-box ul li .img-box img {
                  width: 100%;
                  height: 100%;
                  max-width: 100%;
                  max-height: 100%; }
    section.demolish-step2 .step2-contents-box .form-group .form-box .input-toggle-box {
      display: none;
      padding-top: 10px;
      padding-left: 20px; }
      @media (max-width: 768px) {
        section.demolish-step2 .step2-contents-box .form-group .form-box .input-toggle-box {
          padding-top: 5px;
          padding-left: 0; } }
      section.demolish-step2 .step2-contents-box .form-group .form-box .input-toggle-box .input-toggle-info {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -0.5px;
        color: #999;
        padding-bottom: 5px; }
      section.demolish-step2 .step2-contents-box .form-group .form-box .input-toggle-box .input-group-box {
        display: flex;
        align-items: center;
        width: 100%; }
        section.demolish-step2 .step2-contents-box .form-group .form-box .input-toggle-box .input-group-box .label-box {
          padding-right: 5px;
          font-size: 18px;
          line-height: 22px;
          font-weight: 500; }
          @media (max-width: 768px) {
            section.demolish-step2 .step2-contents-box .form-group .form-box .input-toggle-box .input-group-box .label-box {
              font-size: 16px;
              line-height: 16px;
              letter-spacing: -0.05em; } }
        section.demolish-step2 .step2-contents-box .form-group .form-box .input-toggle-box .input-group-box .input-box {
          flex: 1;
          width: 100%; }
          section.demolish-step2 .step2-contents-box .form-group .form-box .input-toggle-box .input-group-box .input-box.state-error input {
            border: 1px solid #ff0000; }
          section.demolish-step2 .step2-contents-box .form-group .form-box .input-toggle-box .input-group-box .input-box.active input {
            -webkit-appearance: inherit;
            -moz-appearance: inherit;
            appearance: inherit;
            border-radius: 3px;
            box-shadow: 0 0 0 3px inset #FBBE18 !important;
            border-color: transparent; }
          section.demolish-step2 .step2-contents-box .form-group .form-box .input-toggle-box .input-group-box .input-box input {
            width: 100%;
            background: #FFFFFF;
            border: 1px solid #E8E8E8;
            border-radius: 3px;
            padding: 0 15px;
            font-size: 15px;
            letter-spacing: -0.03em;
            color: #000;
            height: 50px; }
            @media (max-width: 768px) {
              section.demolish-step2 .step2-contents-box .form-group .form-box .input-toggle-box .input-group-box .input-box input {
                height: 40px; } }
            section.demolish-step2 .step2-contents-box .form-group .form-box .input-toggle-box .input-group-box .input-box input::placeholder {
              color: #999; }

@media (max-width: 768px) {
  article.item-list-layout1 .list-wrap.m-item3 ul {
    margin: -2.5px; }
  article.item-list-layout1 .list-wrap.m-item3 li {
    width: calc(33.33% - 5px);
    margin: 2.5px; } }
article.item-list-layout1 .list-wrap ul {
  display: flex;
  flex-flow: row wrap;
  margin: -5px; }
  @media (max-width: 768px) {
    article.item-list-layout1 .list-wrap ul {
      margin: -2px; } }
  article.item-list-layout1 .list-wrap ul li {
    width: calc(33.33% - 10px);
    margin: 5px; }
    @media (max-width: 768px) {
      article.item-list-layout1 .list-wrap ul li {
        width: calc(50% - 4px);
        margin: 2px; } }
    article.item-list-layout1 .list-wrap ul li .item-box {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #FFFFFF;
      border: 1px solid #e8e8e8;
      border-radius: 50px;
      height: 60px; }
      article.item-list-layout1 .list-wrap ul li .item-box:hover {
        border: 1px solid #FBBE18; }
        @media (max-width: 768px) {
          article.item-list-layout1 .list-wrap ul li .item-box:hover {
            border: 1px solid #e8e8e8; } }
      @media (max-width: 768px) {
        article.item-list-layout1 .list-wrap ul li .item-box {
          height: 50px; } }
      article.item-list-layout1 .list-wrap ul li .item-box.on {
        background: #FBBE18;
        border: 1px solid #FBBE18; }
        article.item-list-layout1 .list-wrap ul li .item-box.on .txt-box {
          color: #fff; }
      article.item-list-layout1 .list-wrap ul li .item-box .txt-box {
        font-weight: 700;
        font-size: 18px;
        line-height: 22px;
        letter-spacing: -0.05em;
        color: #333333; }
        @media (max-width: 768px) {
          article.item-list-layout1 .list-wrap ul li .item-box .txt-box {
            font-size: 16px;
            line-height: 22px; } }
      article.item-list-layout1 .list-wrap ul li .item-box .tooltip-box {
        display: inline-flex;
        position: relative;
        align-items: center; }
        article.item-list-layout1 .list-wrap ul li .item-box .tooltip-box .ic {
          margin-left: 5px; }
          article.item-list-layout1 .list-wrap ul li .item-box .tooltip-box .ic.ic-tooltip {
            background: url("../images/demolish/ic_tooltip.svg") no-repeat center/cover;
            width: 22px;
            height: 22px; }
          article.item-list-layout1 .list-wrap ul li .item-box .tooltip-box .ic.on ~ .tooltip {
            display: block; }
        article.item-list-layout1 .list-wrap ul li .item-box .tooltip-box .tooltip {
          position: absolute;
          left: 50%;
          bottom: 27px;
          transform: translateX(-50%);
          z-index: 15;
          background: #FFFFFF;
          display: none;
          /* 박스 */
          box-shadow: 0px 6px 9px rgba(0, 0, 0, 0.2);
          border-radius: 10px;
          padding: 20px;
          width: 200px; }
          article.item-list-layout1 .list-wrap ul li .item-box .tooltip-box .tooltip[data-position=right-1] {
            left: calc(50% - 25px); }
          article.item-list-layout1 .list-wrap ul li .item-box .tooltip-box .tooltip[data-position=right-2] {
            left: calc(50% - 50px); }
          article.item-list-layout1 .list-wrap ul li .item-box .tooltip-box .tooltip[data-position=right-full] {
            transform: none;
            right: 0;
            left: auto; }
          @media (max-width: 768px) {
            article.item-list-layout1 .list-wrap ul li .item-box .tooltip-box .tooltip[data-mposition=left-1] {
              left: calc(50% + 25px); }
            article.item-list-layout1 .list-wrap ul li .item-box .tooltip-box .tooltip[data-mposition=left-2] {
              left: calc(50% + 50px); }
            article.item-list-layout1 .list-wrap ul li .item-box .tooltip-box .tooltip[data-mposition=right-1] {
              left: calc(50% - 25px); }
            article.item-list-layout1 .list-wrap ul li .item-box .tooltip-box .tooltip[data-mposition=right-2] {
              left: calc(50% - 50px); } }
          article.item-list-layout1 .list-wrap ul li .item-box .tooltip-box .tooltip .tooltip-tit-box {
            padding-bottom: 5px;
            font-size: 16px;
            line-height: 24px;
            font-weight: 700;
            letter-spacing: -0.5px;
            color: #000; }
          article.item-list-layout1 .list-wrap ul li .item-box .tooltip-box .tooltip .tooltip-con-box {
            font-size: 14px;
            line-height: 20px;
            letter-spacing: -0.5px;
            color: #666;
            word-break: break-all; }
article.item-list-layout1 .list-wrap .item-box {
  display: inline-flex;
  align-items: center;
  justify-content: center; }

@media (max-width: 768px) {
  section.demolish-step3 .demolish-step3-wrap {
    padding: 0 20px; } }
section.demolish-step3 .step3-contents-box .form-list {
  max-width: 357px;
  margin: 0 auto; }
  section.demolish-step3 .step3-contents-box .form-list .form-row-box + .form-row-box {
    margin-top: 5px; }
  section.demolish-step3 .step3-contents-box .form-list .form-row-box .input-box {
    width: 100%;
    display: flex;
    align-items: center; }
    section.demolish-step3 .step3-contents-box .form-list .form-row-box .input-box.error input {
      background: rgba(255, 0, 0, 0.1);
      border: 1px solid #FF0000;
      color: #FF0000; }
    section.demolish-step3 .step3-contents-box .form-list .form-row-box .input-box.with-btn input {
      border-right: 0;
      border-radius: 5px 0 0 5px; }
    section.demolish-step3 .step3-contents-box .form-list .form-row-box .input-box input {
      padding: 0 20px;
      width: 100%;
      height: 50px;
      background: #FFFFFF;
      border: 1px solid #E8E8E8;
      border-radius: 5px;
      font-size: 15px;
      color: #000; }
      @media (max-width: 768px) {
        section.demolish-step3 .step3-contents-box .form-list .form-row-box .input-box input {
          padding: 0 15px; } }
      section.demolish-step3 .step3-contents-box .form-list .form-row-box .input-box input::placeholder {
        font-size: 15px;
        line-height: 22px;
        letter-spacing: -0.05em; }
        @media (max-width: 768px) {
          section.demolish-step3 .step3-contents-box .form-list .form-row-box .input-box input::placeholder {
            color: #CCCCCC; } }
    section.demolish-step3 .step3-contents-box .form-list .form-row-box .input-box .input-btn {
      min-width: 100px;
      height: 50px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      background: #FBBE18;
      border-radius: 0px 5px 5px 0px;
      border: 0;
      font-weight: 700;
      font-size: 14px;
      line-height: 1.2; }

@media (max-width: 768px) {
  section.demolish-step1 .demolish-step1-wrap {
    padding: 0 20px; } }
@media (max-width: 768px) {
  section.demolish-step1 .demolish-step1-wrap .data_form {
    max-width: 450px; } }
section.demolish-step1 .data_form li.chk .chk-form {
  border-radius: 5px;
  overflow: hidden;
  display: flex;
  border: 1px solid #e8e8e8; }
  section.demolish-step1 .data_form li.chk .chk-form .chk-box {
    width: 100%; }
    section.demolish-step1 .data_form li.chk .chk-form .chk-box + .chk-box {
      border-left: 1px solid #ccc; }
    section.demolish-step1 .data_form li.chk .chk-form .chk-box label {
      width: 100%;
      cursor: pointer;
      position: relative;
      display: block; }
      section.demolish-step1 .data_form li.chk .chk-form .chk-box label input {
        position: absolute;
        left: -9999px; }
        section.demolish-step1 .data_form li.chk .chk-form .chk-box label input:checked ~ i {
          background: url("../images/ic_chk_on.svg") no-repeat center/cover; }
        section.demolish-step1 .data_form li.chk .chk-form .chk-box label input:checked ~ .txt {
          height: 50px;
          background-color: #FBBE18;
          color: #fff;
          font-weight: 700; }
      section.demolish-step1 .data_form li.chk .chk-form .chk-box label i {
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
        background: url("../images/ic_chk_off.svg") no-repeat center/cover;
        width: 15px;
        height: 15px;
        z-index: 1; }
      section.demolish-step1 .data_form li.chk .chk-form .chk-box label .txt {
        width: 100%;
        padding: 0 20px 0 45px;
        height: 50px;
        display: inline-flex;
        align-items: center;
        color: #666;
        font-size: 15px;
        letter-spacing: -0.05em; }
section.demolish-step1 .data_form li.item {
  margin-bottom: 5px; }
  section.demolish-step1 .data_form li.item input[type=text] {
    padding: 0 20px;
    border-radius: 5px; }
    section.demolish-step1 .data_form li.item input[type=text]::placeholder {
      color: #ccc;
      font-size: 15px;
      line-height: 22px;
      letter-spacing: -0.005em; }
  section.demolish-step1 .data_form li.item textarea {
    border-radius: 5px;
    padding: 20px; }
    section.demolish-step1 .data_form li.item textarea::placeholder {
      color: #ccc;
      font-size: 15px;
      line-height: 22px;
      letter-spacing: -0.005em; }
section.demolish-step1 .data_form li.active input {
  -webkit-appearance: inherit;
  -moz-appearance: inherit;
  appearance: inherit;
  box-shadow: 0 0 0 3px inset #FBBE18 !important;
  border-radius: 5px !important;
  overflow: hidden;
  border-color: transparent !important; }
section.demolish-step1 .data_form li.error input {
  background: rgba(255, 0, 0, 0.1) !important;
  border: 1px solid #FF0000 !important;
  border-radius: 5px !important;
  color: #FF0000 !important; }
  section.demolish-step1 .data_form li.error input::placeholder {
    color: #FF0000 !important; }
section.demolish-step1 .data_form li.error.type-calendar1:before, section.demolish-step1 .data_form li.error.type-calendar2:before {
  background: url(../images/ic_calendar_error.svg) no-repeat left center/20px 20px;
  color: #FF0000; }
section.demolish-step1 .data_form li.error.type-calendar1 input::placeholder, section.demolish-step1 .data_form li.error.type-calendar2 input::placeholder {
  color: #FF0000; }
section.demolish-step1 .data_form li.error.adr.type-marker:before {
  background: url(../images/ic_place_error.svg) no-repeat left center/20px 20px;
  color: #FF0000; }
section.demolish-step1 .data_form li.floor {
  display: none;
  padding: 5px 0 10px; }
  section.demolish-step1 .data_form li.floor .floor-msg-box {
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    letter-spacing: -0.5px;
    color: #999999;
    padding-bottom: 5px; }
  section.demolish-step1 .data_form li.floor .floor-input-box {
    justify-content: center;
    display: flex;
    align-items: center;
    text-align: center; }
    section.demolish-step1 .data_form li.floor .floor-input-box input {
      font-size: 14px;
      line-height: 15px;
      background: #FFFFFF;
      /* CCCCCC */
      width: 160px;
      padding: 0 10px;
      height: 40px;
      border: 1px solid #CCCCCC;
      border-radius: 5px; }
      section.demolish-step1 .data_form li.floor .floor-input-box input::placeholder {
        color: #999999; }
    section.demolish-step1 .data_form li.floor .floor-input-box .unit-box {
      margin-left: 5px;
      font-weight: 500;
      font-size: 18px;
      line-height: 22px;
      /* identical to box height, or 122% */
      letter-spacing: -0.05em;
      /* 333333_text */
      color: #333333; }
section.demolish-step1 .data_form li.type-calendar1 {
  position: relative; }
  section.demolish-step1 .data_form li.type-calendar1:before {
    content: '공사 예정일';
    position: absolute;
    left: 20px;
    top: 25px;
    transform: translateY(-50%);
    margin-right: 5px;
    background: url(../images/ic_calendar.svg) no-repeat left center/20px 20px;
    padding-left: 25px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    z-index: 10;
    font-size: 15px;
    letter-spacing: -0.5px;
    color: #666; }
    @media (max-width: 768px) {
      section.demolish-step1 .data_form li.type-calendar1:before {
        left: 10px; } }
  section.demolish-step1 .data_form li.type-calendar1 input[type=text] {
    padding-left: 132px !important; }
    @media (max-width: 768px) {
      section.demolish-step1 .data_form li.type-calendar1 input[type=text] {
        padding-left: 120px !important; } }
section.demolish-step1 .data_form li.type-calendar2 {
  position: relative; }
  section.demolish-step1 .data_form li.type-calendar2:before {
    content: '실측 가능일';
    position: absolute;
    left: 20px;
    top: 25px;
    transform: translateY(-50%);
    margin-right: 5px;
    background: url(../images/ic_calendar.svg) no-repeat left center/20px 20px;
    padding-left: 25px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    z-index: 10;
    font-size: 15px;
    letter-spacing: -0.5px;
    color: #666; }
    @media (max-width: 768px) {
      section.demolish-step1 .data_form li.type-calendar2:before {
        left: 10px; } }
  section.demolish-step1 .data_form li.type-calendar2 input[type=text] {
    padding-left: 132px !important; }
    @media (max-width: 768px) {
      section.demolish-step1 .data_form li.type-calendar2 input[type=text] {
        padding-left: 120px !important; } }
section.demolish-step1 .data_form li input {
  color: #000; }
section.demolish-step1 .data_form li.adr.type-marker {
  position: relative; }
  section.demolish-step1 .data_form li.adr.type-marker:before {
    content: '매장 주소';
    position: absolute;
    left: 20px;
    top: 25px;
    transform: translateY(-50%);
    margin-right: 5px;
    background: url(../images/ic_place.svg) no-repeat left center/20px 20px;
    padding-left: 25px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    z-index: 10;
    font-size: 15px;
    letter-spacing: -0.5px;
    color: #666; }
    @media (max-width: 768px) {
      section.demolish-step1 .data_form li.adr.type-marker:before {
        left: 10px;
        content: '주소'; } }
  section.demolish-step1 .data_form li.adr.type-marker input[type=text] {
    font-size: 14px;
    padding-left: 112px !important; }
    @media (max-width: 768px) {
      section.demolish-step1 .data_form li.adr.type-marker input[type=text] {
        padding-left: 73px !important; } }
section.demolish-step1 .step1-contents-box .intro-msg-box {
  font-weight: 500;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
  letter-spacing: -0.05em;
  color: #333333;
  padding-bottom: 20px; }
  @media (max-width: 768px) {
    section.demolish-step1 .step1-contents-box .intro-msg-box {
      font-size: 16px;
      line-height: 22px;
      padding-bottom: 10px; } }
section.demolish-step1 .step1-contents-box .intro-mobile-box {
  display: none; }
section.demolish-step1 .step1-contents-box .select-list-box {
  display: flex;
  justify-content: center; }
  section.demolish-step1 .step1-contents-box .select-list-box label {
    display: inline-flex;
    cursor: pointer; }
    section.demolish-step1 .step1-contents-box .select-list-box label:hover .txt {
      border: 1px solid #FBBE18; }
      @media (max-width: 768px) {
        section.demolish-step1 .step1-contents-box .select-list-box label:hover .txt {
          border: 1px solid #ebebeb; } }
    @media (max-width: 768px) {
      section.demolish-step1 .step1-contents-box .select-list-box label {
        width: 33.33%; } }
    section.demolish-step1 .step1-contents-box .select-list-box label + label {
      margin-left: 10px; }
      @media (max-width: 768px) {
        section.demolish-step1 .step1-contents-box .select-list-box label + label {
          margin-left: 5px; } }
    section.demolish-step1 .step1-contents-box .select-list-box label input[type=radio] {
      position: absolute;
      left: -9999px;
      transform: scale(0); }
      section.demolish-step1 .step1-contents-box .select-list-box label input[type=radio]:checked ~ .txt {
        background: #FBBE18;
        border-radius: 50px;
        color: #fff;
        border: 1px solid #FBBE18; }
    section.demolish-step1 .step1-contents-box .select-list-box label .txt {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 60px;
      width: 220px;
      background: #FFFFFF;
      border: 1px solid #ebebeb;
      border-radius: 50px;
      font-weight: 700;
      font-size: 18px;
      line-height: 22px;
      text-align: center;
      letter-spacing: -0.05em;
      color: #333; }
      @media (max-width: 768px) {
        section.demolish-step1 .step1-contents-box .select-list-box label .txt {
          padding: 0 5px;
          white-space: nowrap;
          height: 50px;
          font-size: 16px;
          line-height: 22px;
          width: 100%;
          letter-spacing: -0.08em; } }
section.demolish-step1 .step1-contents-box .input-form-group {
  display: none;
  padding-top: 20px;
  max-width: 360px;
  margin: 0 auto; }
  section.demolish-step1 .step1-contents-box .input-form-group .form-msg-box {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.5px;
    color: #999999;
    padding-bottom: 10px; }
    section.demolish-step1 .step1-contents-box .input-form-group .form-msg-box .ic {
      display: inline-block;
      margin-left: 5px;
      top: 5px; }
      section.demolish-step1 .step1-contents-box .input-form-group .form-msg-box .ic.ic-tooltip {
        background: url("../images/demolish/ic_tooltip.svg") no-repeat center/cover;
        width: 22px;
        height: 22px; }
      section.demolish-step1 .step1-contents-box .input-form-group .form-msg-box .ic.on ~ .tooltip {
        display: block; }
    section.demolish-step1 .step1-contents-box .input-form-group .form-msg-box .tooltip {
      position: absolute;
      left: 50%;
      bottom: 37px;
      transform: translateX(-50%);
      z-index: 15;
      background: #FFFFFF;
      display: none;
      /* 박스 */
      box-shadow: 0px 6px 9px rgba(0, 0, 0, 0.2);
      border-radius: 10px;
      padding: 20px;
      width: 200px; }
      section.demolish-step1 .step1-contents-box .input-form-group .form-msg-box .tooltip[data-position=right-1] {
        left: calc(50% + 110px); }
      section.demolish-step1 .step1-contents-box .input-form-group .form-msg-box .tooltip[data-position=right-2] {
        left: calc(50% - 50px); }
      section.demolish-step1 .step1-contents-box .input-form-group .form-msg-box .tooltip[data-position=right-full] {
        transform: none;
        right: 0;
        left: auto; }
      section.demolish-step1 .step1-contents-box .input-form-group .form-msg-box .tooltip .tooltip-con-box {
        text-align: left; }
      @media (max-width: 768px) {
        section.demolish-step1 .step1-contents-box .input-form-group .form-msg-box .tooltip[data-position=right-1] {
          left: calc(50% + 60px); }
        section.demolish-step1 .step1-contents-box .input-form-group .form-msg-box .tooltip[data-mposition=left-1] {
          left: calc(50% + 25px); }
        section.demolish-step1 .step1-contents-box .input-form-group .form-msg-box .tooltip[data-mposition=left-2] {
          left: calc(50% + 50px); }
        section.demolish-step1 .step1-contents-box .input-form-group .form-msg-box .tooltip[data-mposition=right-1] {
          left: calc(50% - 25px); }
        section.demolish-step1 .step1-contents-box .input-form-group .form-msg-box .tooltip[data-mposition=right-2] {
          left: calc(50% - 50px); } }

article.page-tit-layout {
  padding-bottom: 70px; }
  article.page-tit-layout.type-small {
    padding-bottom: 40px; }
    @media (max-width: 768px) {
      article.page-tit-layout.type-small {
        padding-bottom: 30px; } }
  @media (max-width: 768px) {
    article.page-tit-layout {
      padding-bottom: 40px; }
      article.page-tit-layout.m-type2 {
        padding-bottom: 30px; } }
  article.page-tit-layout .page-tit-box {
    text-align: center; }
    @media (max-width: 768px) {
      article.page-tit-layout .page-tit-box.step-1 {
        max-width: 195px;
        margin: 0 auto; } }
    @media (max-width: 768px) {
      article.page-tit-layout .page-tit-box.step-2 {
        max-width: 269px;
        margin: 0 auto; } }
    @media (max-width: 768px) {
      article.page-tit-layout .page-tit-box.step-3 {
        max-width: 200px;
        margin: 0 auto; } }
    @media (max-width: 768px) {
      article.page-tit-layout .page-tit-box.step-4 {
        max-width: 219px;
        margin: 0 auto; } }
    @media (max-width: 768px) {
      article.page-tit-layout .page-tit-box.step-4 {
        max-width: 219px;
        margin: 0 auto; } }
    @media (max-width: 768px) {
      article.page-tit-layout .page-tit-box.step-4-faq {
        max-width: 197px;
        margin: 0 auto; } }
    article.page-tit-layout .page-tit-box img {
      max-width: 100%; }
  article.page-tit-layout .page-txt-box {
    padding-top: 20px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.5px;
    color: #666666; }
    @media (max-width: 768px) {
      article.page-tit-layout .page-txt-box {
        padding-top: 10px;
        font-size: 14px;
        line-height: 20px; } }
    article.page-tit-layout .page-txt-box b {
      color: #666; }

article.page-menu-group {
  padding-top: 50px; }
  article.page-menu-group.mobile {
    display: none; }
    @media (max-width: 768px) {
      article.page-menu-group.mobile {
        display: block; } }
  @media (max-width: 768px) {
    article.page-menu-group {
      padding-top: 0;
      z-index: 99;
      filter: drop-shadow(0px -2px 9px rgba(0, 0, 0, 0.15));
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0; }
      article.page-menu-group.pc {
        display: none; } }
  article.page-menu-group .page-menu-list {
    display: flex;
    align-items: center;
    justify-content: center; }
  article.page-menu-group .sub-box {
    padding-top: 20px;
    text-align: center;
    color: #999;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.5px; }
    article.page-menu-group .sub-box .login-btn {
      font-weight: 700;
      font-size: 15px;
      line-height: 22px;
      letter-spacing: -0.5px;
      color: #424ED7; }
  article.page-menu-group .page-menu-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    height: 60px; }
    @media (max-width: 768px) {
      article.page-menu-group .page-menu-btn {
        height: 58px;
        border-radius: 0; } }
    article.page-menu-group .page-menu-btn.type-success-small {
      background: #FBBE18;
      width: 255px; }
      article.page-menu-group .page-menu-btn.type-success-small .txt {
        color: #fff;
        font-size: 16px;
        letter-spacing: -0.5px;
        line-height: 24px; }
    article.page-menu-group .page-menu-btn + .page-menu-btn {
      margin-left: 10px; }
      @media (max-width: 768px) {
        article.page-menu-group .page-menu-btn + .page-menu-btn {
          margin-left: 0; } }
    article.page-menu-group .page-menu-btn.type-cancel {
      background: #FFFFFF;
      border: 1px solid #CCCCCC;
      width: 100px; }
      @media (max-width: 768px) {
        article.page-menu-group .page-menu-btn.type-cancel {
          border: none;
          width: 26%;
          background: #7F7F7F; } }
      article.page-menu-group .page-menu-btn.type-cancel .txt {
        color: #333333; }
        @media (max-width: 768px) {
          article.page-menu-group .page-menu-btn.type-cancel .txt {
            color: #fff; } }
    article.page-menu-group .page-menu-btn.type-success {
      background: #FBBE18;
      width: 370px; }
      @media (max-width: 768px) {
        article.page-menu-group .page-menu-btn.type-success {
          width: 74%; } }
      article.page-menu-group .page-menu-btn.type-success .txt {
        color: #000; }
    article.page-menu-group .page-menu-btn .txt {
      font-size: 20px;
      line-height: 20px;
      letter-spacing: -0.05em;
      font-weight: 700; }
      @media (max-width: 768px) {
        article.page-menu-group .page-menu-btn .txt {
          font-size: 16px;
          line-height: 1.2; } }
    article.page-menu-group .page-menu-btn .ic.ic-prev {
      background: url("../images/demolish/ic_page_prev_pc.svg") no-repeat center/cover;
      width: 9px;
      height: 16px;
      margin-right: 10px; }
      @media (max-width: 768px) {
        article.page-menu-group .page-menu-btn .ic.ic-prev {
          margin-right: 5px;
          background: url("../images/demolish/ic_page_prev.svg") no-repeat center/cover; } }
    article.page-menu-group .page-menu-btn .ic.ic-next {
      background: url("../images/demolish/ic_page_next.svg") no-repeat center/cover;
      width: 9px;
      height: 16px;
      margin-left: 10px; }
      @media (max-width: 768px) {
        article.page-menu-group .page-menu-btn .ic.ic-next {
          margin-left: 5px; } }
    article.page-menu-group .page-menu-btn .ic.ic-next-black {
      background: url("../images/estimate/ic_request_arrow.svg") no-repeat center/cover;
      width: 9px;
      height: 16px;
      margin-left: 10px; }
      @media (max-width: 768px) {
        article.page-menu-group .page-menu-btn .ic.ic-next-black {
          margin-left: 5px; } }

article.agree-list-layout {
  height: 100%; }
  article.agree-list-layout .all-box {
    padding: 10px 0;
    position: relative;
    border-bottom: 1px solid #ebebeb; }
    article.agree-list-layout .all-box.error b {
      color: #FF0000 !important;
      font-weight: 500 !important; }
    article.agree-list-layout .all-box .agree-toggle-btn {
      position: absolute;
      right: 0;
      top: 10px;
      background: url("../images/ic_agree_toggle.svg") no-repeat center/16px 9px;
      width: 16px;
      height: 16px; }
      article.agree-list-layout .all-box .agree-toggle-btn.on {
        transform: rotate(-180deg); }
  article.agree-list-layout .list-box {
    display: none;
    padding: 10px 0;
    -webkit-transition: none;
    -webkit-transition-timing-function: initial;
    transition-timing-function: initial; }
    article.agree-list-layout .list-box .row + .row {
      margin-top: 10px; }
  article.agree-list-layout .agree-chk-box label input {
    position: absolute;
    left: -9999px; }
    article.agree-list-layout .agree-chk-box label input:checked ~ i {
      background: url("../images/ic_agree_chk_on.svg") no-repeat center/cover; }
  article.agree-list-layout .agree-chk-box label i {
    background: url("../images/ic_agree_chk_off.svg") no-repeat center/cover;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 3px; }
  article.agree-list-layout .agree-chk-box label .txt {
    padding-left: 20px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.5px;
    color: #999999;
    display: block; }
    article.agree-list-layout .agree-chk-box label .txt a {
      color: #424ED7;
      font-weight: 500; }
    article.agree-list-layout .agree-chk-box label .txt b {
      color: #666666;
      font-weight: 500; }
    article.agree-list-layout .agree-chk-box label .txt .accent {
      color: #666666; }

article.layer-pop {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 744px !important;
  height: 700px !important;
  z-index: 600 !important; }
  @media (max-width: 768px) {
    article.layer-pop {
      width: 350px !important;
      height: 600px !important; } }

.pignose-calendar-wrapper {
  max-width: 400px !important; }
  @media (max-width: 768px) {
    .pignose-calendar-wrapper {
      max-width: 100% !important;
      width: calc(100% - 40px) !important; }
      .pignose-calendar-wrapper .pignose-calendar .pignose-calendar-unit a {
        width: 3em;
        height: 3em;
        line-height: 3em; } }

.pignose-calendar-top *:before, .pignose-calendar-top *:after {
  display: none !important; }

aside.demolish-floating-top {
  position: fixed;
  bottom: 104px;
  right: auto;
  left: 50%;
  z-index: 300;
  margin-left: 610px;
  transition: none; }
  @media (max-width: 768px) {
    aside.demolish-floating-top {
      margin: 0;
      left: auto;
      right: 20px;
      bottom: 20px; } }
  aside.demolish-floating-top .floating-top-btn {
    display: inline-flex;
    align-items: center; }
    aside.demolish-floating-top .floating-top-btn .ic.ic-top {
      background: url("../images/demolish/ic_top.svg") no-repeat center/cover;
      width: 36px;
      height: 36px;
      margin-right: 10px; }
    aside.demolish-floating-top .floating-top-btn .txt {
      font-size: 15px;
      line-height: 22px;
      font-weight: 700;
      color: #666; }