@font-face {
    font-family: 'SCoreDream';
    font-weight: 600;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream6.woff2) format('woff2'), url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream6.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'SCoreDream';
    font-weight: 900;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream9.woff2) format('woff2'), url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream9.woff) format('woff');
    font-display: swap;
}


/*µ¥ÀÌÅÍ°ª ¹Þ´Â*/
.modal_lay {
      z-index: 999;
      display: none;
      z-index: 999999;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
    }

    .modal_lay .inner {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      row-gap: 1em;
      column-gap: 2em;
      height: 100%;
    }

    .modal_lay .inner .modal_cont {
      width: 95%;
      max-width: 500px;
      border:1px solid #000;
      box-shadow:1px 5px 6px 4px rgba(0, 0, 0, 0.4);
    }

    .modal_lay .inner .modal_body {
      position: relative;
      padding: 3.5em 1em 1em;
      background-color: #fff;
    }

    .modal_lay .inner .modal_body .modal_btn {
      position: absolute;
      top: 0.8rem;
      right: 0.8rem;
      display: block;
      width: 40px;
      height: 40px;
      background: url(https://img.self-tax.kr/selfTax/rending/pop_closed.png) no-repeat center / 70% auto;
    }

    .modal_lay .inner .modal_body .modal_img img {
      max-width: 100%;
    }

    .modal_lay .inner .modal_body .modal_chk {
      margin-top: 0.4em;
      display: flex;
      gap: 0.4em;
    }

    .modal_lay .inner .modal_body .modal_chk>label {
      font-size: 0.9rem;
      cursor: pointer;
    }

    /*########## Ã¼Å©¹Ú½º ##########*/
    /* Ã¼Å©¹Ú½º - È­»ìÇ¥¸ð¼Ç */
    input[type='checkbox'] {
      -webkit-appearance: checkbox;
    }

    .modal_checks {
      position: relative;
    }

    .modal_checks input[type="checkbox"] {
      /* ½ÇÁ¦ Ã¼Å©¹Ú½º´Â È­¸é¿¡¼­ ¼û±è */
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      border: 0;
    }

    .modal_checks input[type="checkbox"]+label {
      display: block;
      position: relative;
      width: 20px;
      height: 20px;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
    }

    .modal_checks input[type="checkbox"]+label:before {
      /* °¡Â¥ Ã¼Å©¹Ú½º */
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0.6;
      content: ' ';
      display: inline-block;
      width: 20px;
      /* Ã¼Å©¹Ú½ºÀÇ ³Êºñ¸¦ ÁöÁ¤ */
      height: 20px;
      /* Ã¼Å©¹Ú½ºÀÇ ³ôÀÌ¸¦ ÁöÁ¤ */
      line-height: 21px;
      /* ¼¼·ÎÁ¤·ÄÀ» À§ÇØ ³ôÀÌ°ª°ú ÀÏÄ¡ */
      text-align: center;
      vertical-align: middle;
      background: #fafafa;
      border: 1px solid #b2b2b2;
      border-radius: 3px;
      -webkit-transition: all .12s;
      -o-transition: all .12s;
      transition: all .12s;
    }

    .modal_checks input[type="checkbox"]:checked+label:before {
      position: absolute;
      content: "";
      width: 10px;
      top: -5px;
      left: 5px;
      border-radius: 0;
      opacity: 1;
      background: transparent;
      border-color: transparent var(--navy) var(--navy) transparent;
      border-top-color: transparent;
      border-left-color: transparent;
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }

    .modal_bg {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
    }






/*±âÁ¸*/
.ready_pop{display:block; z-index:999999; position:fixed; left:50%;top:10%; transform:translateX(-50%); width: 98%; max-width: 560px; text-align: center; background-color:#fff;}
.ready_wrap{position:relative;width:100%; padding:3rem 2rem 2rem;}
.ready_wrap button{position:absolute; top:1rem; right:1rem; display:block; width:1.4rem; height:1.4rem; background:url(https://img.self-tax.kr/selfTax/rending/pop_closed.png) no-repeat center; }
.ready_wrap h1{margin-bottom: 1.4rem; padding-top: 9rem; font-size: 2rem ; color: #080808; font-family: 'SCoreDream'; background-image: url(https://img.self-tax.kr/ready/check_img.png); background-repeat: no-repeat; background-position: top center;background-size: auto 7rem;}
.ready_wrap .n_txt{ font-size: 1.2rem; line-height:1.5; word-break:keep-all;}
.ready_wrap .time{margin-top: 2rem; padding: 0.4rem 2rem; border-radius: 5rem; font-size: 1.2rem; color: #fff; line-height:1.7; background-color: #e31b1b; }
.ready_wrap .c_txt{margin-top: 2rem; padding: 0.6rem 0;/* display: flex; align-items: start; gap: 0.2rem;*/ text-align:left; border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; font-size: 1.1em;}
.ready_wrap .c_txt h2{ padding-left: 0.6rem;  min-width: 4.6rem; position: relative; font-size: 1.1rem;}
.ready_wrap .c_txt h2::before{position: absolute; left: 0;top: calc(50% - 3px); width: 6px; height: 6px; background-color: #e31b1b; border-radius: 100%; content: '';;}
.ready_wrap .c_txt ol li{ text-align: left; font-size:1rem;}
.ready_wrap .c_txt ol li{position:relative; padding-left:0.6rem; display:block;}
.ready_wrap .c_txt ol li + li{margin-top:4px;}
.ready_wrap .c_txt ol li::before{position:absolute; left:0; top:0; font-weight:bold; content:'\00B7';}


.ready_pop_bg{display:block; z-index:999; position:fixed;left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.5);}

/*.ready_pop, .ready_pop_bg{display:none !important;}*/









@media (max-width: 460px) {
    .modal_lay .inner {
        padding: 3em 0;
        overflow-y: auto;
    }


    .ready_wrap{padding:3rem 1rem 1rem; }
    .ready_wrap h1{padding-top:7rem; font-size:1.7rem; background-size:auto 5rem;}
    .ready_wrap .n_txt{font-size:1rem;}
    .ready_wrap .time{margin-top: 1rem; font-size: 1rem;}
    .ready_wrap .c_txt{margin-top: 1rem; }
    .ready_wrap .c_txt ol li{font-size:0.9rem; line-height:1.5;}


}