
.step-block .swiper-slide a{display: flex; border: 1px solid #E2E2E2;
    border-radius: 2.2rem; background-color: #fff; flex-direction: column; align-items: center; justify-content: flex-start; width: 22rem; height: 16.7rem; font-size: 1.6rem; padding-left: 3rem; padding-right: 3rem; padding-top: 2.2rem;}
.step-block .swiper-slide a .step-digital{display: flex; width: 5.6rem; height: 5.6rem; margin-bottom: 1.5rem; }
.step-block .swiper-slide a .step-digital.step-01{background: url(../img/ico-digital-01.svg) no-repeat 50% 50%; background-size: 100% auto;}
.step-block .swiper-slide a .step-digital.step-02{background: url(../img/ico-digital-02.svg) no-repeat 50% 50%; background-size: 100% auto;}
.step-block .swiper-slide a .step-digital.step-03{background: url(../img/ico-digital-03.svg) no-repeat 50% 50%; background-size: 100% auto;}
.step-block .swiper-slide a .step-digital.step-04{background: url(../img/ico-digital-04.svg) no-repeat 50% 50%; background-size: 100% auto;}
.step-block .swiper-slide a .step-digital.step-05{background: url(../img/ico-digital-05.svg) no-repeat 50% 50%; background-size: 100% auto;}
.step-block .swiper-slide a.active{background-color: #003994; color: #fff; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);}
.step-block .swiper-slide a.active .step-digital.step-01{background: url(../img/ico-digital-01-on.svg) no-repeat 50% 50%; background-size: 100% auto;}
.step-block .swiper-slide a.active .step-digital.step-02{background: url(../img/ico-digital-02-on.svg) no-repeat 50% 50%; background-size: 100% auto;}
.step-block .swiper-slide a.active .step-digital.step-03{background: url(../img/ico-digital-03-on.svg) no-repeat 50% 50%; background-size: 100% auto;}
.step-block .swiper-slide a.active .step-digital.step-04{background: url(../img/ico-digital-04-on.svg) no-repeat 50% 50%; background-size: 100% auto;}
.step-block .swiper-slide a.active .step-digital.step-05{background: url(../img/ico-digital-05-on.svg) no-repeat 50% 50%; background-size: 100% auto;}

.step-block .swiper-slide a p.round{text-align: center; line-height: 2.6rem;}
.step-block .swiper-slide a.active p.round span{background-color: #fff; color: #000;}
.step-block .swiper-slide a p.round span{ display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; color: #fff; background-color: #333; border-radius: 50%; margin-right: 0.5rem; font-size: 1.4rem; font-weight: normal;}
.step-block .swiper-slide:after{ top: 50%; transform:translateY(-50%); right: -3.3rem;}

.btn-full-line{display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap;}
.btn-full-line .btn{width: 49.5%;}
.up-info{display: flex; flex-wrap: wrap;}
.up-info li{width: 20%;}
.btn-center-two{display: flex; justify-content: center; align-items: center; width: 100%; flex-wrap: wrap;}
.btn-center-two a{margin: 0 0.5rem !important;}
@media (max-width: 600px) {
    .btn-full-line .btn{width:100%; margin-bottom: 1rem; text-align: center;}
    .up-info li{width: 50%;}
    .btn-center-two a{margin: 0!important; margin-bottom: 1rem !important;}
}


/* 20230807(자가진단 진행절차 추가)*/
.step-block2 .swiper-slide a{display: flex; background-color: #fff; flex-direction: column; align-items: center; justify-content: flex-start; width: 27rem; height: 21rem; font-size: 1.6rem; padding-left: 3rem; padding-right: 11rem; padding-top: 2.2rem;}
.step-block2 .swiper-slide a .self-check {display: flex; width: 5.6rem; height: 5.6rem; margin-bottom: 1.5rem; }
.step-block2 .swiper-slide a .self-check.step-01{background: url(../img/ico-self-img-01.png) no-repeat 50% 50%; background-size: 100% auto;}
.step-block2 .swiper-slide a .self-check.step-02{background: url(../img/ico-self-img-02.png) no-repeat 50% 50%; background-size: 100% auto;}
.step-block2 .swiper-slide a .self-check.step-03{background: url(../img/ico-self-img-03.png) no-repeat 50% 50%; background-size: 100% auto;}
.step-block2 .swiper-slide a .self-check.step-04{background: url(../img/ico-self-img-04.png) no-repeat 50% 50%; background-size: 100% auto;}
.step-block2 .swiper-slide a .self-check.step-05{background: url(../img/ico-self-img-05.png) no-repeat 50% 50%; background-size: 100% auto;}
.step-block2 .swiper-slide a.active{background-color: #003994; color: #fff; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);}
.step-block2 .swiper-slide a.active .self-check.step-01{background: url(../img/ico-self-img-01.png) no-repeat 50% 50%; background-size: 100% auto;}
.step-block2 .swiper-slide a.active .self-check.step-02{background: url(../img/ico-self-img-02.png) no-repeat 50% 50%; background-size: 100% auto;}
.step-block2 .swiper-slide a.active .self-check.step-03{background: url(../img/ico-self-img-03.png) no-repeat 50% 50%; background-size: 100% auto;}
.step-block2 .swiper-slide a.active .self-check.step-04{background: url(../img/ico-self-img-04.png) no-repeat 50% 50%; background-size: 100% auto;}
.step-block2 .swiper-slide a.active .self-check.step-05{background: url(../img/ico-self-img-05.png) no-repeat 50% 50%; background-size: 100% auto;}

.step-block2 .swiper-slide a p.round{text-align: center; line-height: 2.6rem;}
.step-block2 .swiper-slide a.active p.round span{background-color: #fff; color: #000;}
.step-block2 .swiper-slide a p.round span{ display: inline-flex; align-items: center; justify-content: center; width: 10rem; height: 2rem; color: #333; margin-right: 0.5rem; font-size: 1.8rem; font-weight: bold;}
.step-block2 .swiper-slide:after{ top: 50%; transform:translateY(-50%); right: -3.3rem;}

.step-block2 .swiper-slide{width: auto; position: relative;}
.step-block2 .swiper-slide:after{content: ""; display: block; background: url(../img/digital/img-arrow-step.svg) no-repeat; width: 5.9rem; height: 9.4rem; top: 12.5rem; position: absolute; right: -1rem;}
.step-block2 .swiper-slide:last-of-type::after{display: none;}

/* 20230810 추가*/
.self-block{border-top: 2px solid #000;}
.self-block li div{justify-content: space-between;}
.self-block li div {display: flex;align-items: center;border-bottom: 1px solid #ddd;padding: 2.4rem;}
.self-block li div .title {display: flex; align-items: center; color: #666;}
.self-block li div .self-arrow{transition: all 0.4s ease; margin-right: auto;}
.self-block li .answer {background: #FAFAFA; padding: 2.4rem;border-bottom: 1px solid #ddd; display: none;}
.self-block li div .title .nation{color: #000; margin-right: 1rem;}
.self-block li.active div .title span.nation{color: #003994;}
/* .self-block li.active .answer {display: block;} */

@media only screen and (max-width: 600px) {
    .self-block li div *{line-height: 2rem;}
    .self-block li div .num{border-right: 1px solid #ddd; display: inline-flex; width:4rem; padding-right: 0.8rem; margin-right:1rem; justify-content: center; height: 2rem; }
    .self-block li div{ padding: 1.6rem 0.8rem;}
    .self-block li .answer {padding: 1.6rem 0.8rem;}
    .self-block li div .title span.nation{display: block;}
    .self-block li div .title .num {padding-right: 1rem; margin-right: 1rem;}
    .self-block li.active .explan b {line-height: 1.5;}
}

/* 버튼 깜빡임 */
.blinking{
  	-webkit-animation: blink 2s ease infinite alternate;
  	-moz-animation: blink 2s ease infinite alternate;
  	animation: blink 2s ease infinite alternate;
  	animation-fill-mode : both;
    /* height: 5rem; */
    position: relative;
    /* margin-bottom: 1rem; */
    mix-blend-mode: normal;
}


/*밑 줄 긋기*/
.blinking:after {
  content: "";
  position: absolute;
  bottom: -10px;
  display: block;
  width: 0;
  height: 2px;
  background-color: #444444;
  transition: all linear 0.3s;
}

.blinking:hover {
	animation: blink 0s ease infinite alternate;
	background-color: #003994;
}

.blinking:hover:after {
  width: 100%;
}

@-webkit-keyframes blink{
  0% {opacity: 0.25;}
  50% {opacity: 1;}
}

@-moz-keyframes blink{
  0% {opacity: 0.25;}
  50% {opacity: 1;}
}

@keyframes blink{
  0% {background-color: #003994; }
  50% {opacity: 0.5;}
  100% {background-color: #3F75CC; opacity: 1;}
}





/* 20230202추가 */
/* .popup_wrap{display:none;position: fixed;z-index:1000;left:0px;top:0px;width:100%;height:100%;text-align:center;}
.dim_bg{position:relative;display:table;width:100%; height:100%;}
.dim_bg:after{content:'';position:absolute;left:0;top:0;display:block; width:100%;height:100%;background: #000000;opacity: 0.6;}
.pop_wrap .pop_size_bx{width:964px; margin:0 auto;background:#fff;overflow:hidden;box-shadow: 0px 3px 21px -9px rgba(0,0,0,0.75);}
.pop_wrap{display:table-cell; vertical-align:middle;position:relative;z-index:500;width:100%;height:100%;}
#makeCertManager { z-index : 1000; background-color: rgba(0,0,0,0.4); } */