@charset "utf-8";

html {font-size: 10px; scroll-padding-top: 110px;}
body {font-size: 10px;}
@media all and (max-width:1280px) {
  html {font-size: 8px; scroll-padding-top: 70px;}
  body {font-size: 8px;}
}
@media all and (max-width:960px) {
  html {font-size: 6px; scroll-padding-top: 50px;}
  body {font-size: 6px;}
}
@media all and (max-width:395px) {
  html {font-size: 5px; scroll-padding-top: 1px;}
  body {font-size: 5px;}
}

body {position: relative;font-family: "Pretendard Variable";color: #000;-webkit-text-size-adjust: none;-webkit-overflow-scrolling:touch;overflow-x:hidden;}
body, h1, h2, h3, h4, h5, h6, ul, p, button, input, td{margin:0;padding:0}
h1, h2, h3, h4, h5, h6{font-size:inherit;font-weight:normal;font-family:inherit;}
ul{list-style:none;}
a{text-decoration:none;}
a:link, a:visited, a:hover, a:active{color:inherit;text-decoration:none;}
strong {font-weight: normal;}
button{border:0px;background:none;cursor:pointer;font-family:inherit;font-size: inherit;}
img{border:0px;vertical-align:top;}
address{font-style:normal;}
header, nav, section, article, footer{display:block;}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
label, input, button, select{vertical-align:middle;}
input, textarea{-webkit-appearance: none;-webkit-border-radius: 0;}
hr {display:none;}
pre {overflow-x:scroll;font-size:1.1em;}
table{border-spacing:0px;border-collapse:collapse;}
em{font-style:normal;}
fieldset{border:0;}
select::-ms-expand {display:none;}
input:focus {outline:none;}
input[type="date"]{position:relative;padding-right:20px;padding-left:0;}
input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button{display:none;}
input[type="date"]::-webkit-calendar-picker-indicator{position:absolute;left:0;top:0;width:100%;height:100%;background:transparent;color:transparent;cursor:pointer;}
input[type="date"]::before{content:attr(data-placeholder);width:100%;}
input[type="date"]:valid::before{display:none;}
input[data-placeholder]::before{color:#999;font-size:13px;}
*, :after, :before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.pretendard {font-family: "Pretendard Variable", sans-serif;}
.clear:after{display:block;content:"";clear:both;}
.blind {display: none;}

.mo-only {display: none;}
@media all and (max-width:760px) {
  .pc-only {display: none;}
  .mo-only{display: block;}
}

.miracle-visual {position: relative;width: 100%;height: 71.2rem;background: url("../img/mr01/main_banner.png") no-repeat left center / cover;}
.miracle-visual .img img {width: 100%;height: auto;}
.miracle-visual .btn {position: absolute;bottom: 3.5rem;left: 50%;width: 45rem;height: 9.5rem;border-radius: 1rem;transform: translateX(-50%);background: #8B79D1;background: linear-gradient(90deg,rgba(139, 121, 209, 1) 0%, rgba(103, 217, 213, 1) 100%);font-size: 3.4rem;font-weight: 700;color: #fff;display: flex;justify-content: center;align-items: center;}

@media all and (max-width:760px) {
  .miracle-visual {background: none;height: auto;}
}


.miracle-navi {position: sticky;top: 0;;width: 100%;height: 10.5rem;background-color: #6C41B8;z-index: 100;}
.miracle-navi ul {display: flex;height: 100%;align-items: center;justify-content: center;}
.miracle-navi ul li {position: relative;}
.miracle-navi ul li::before {content: '';position: absolute;top: 50%;left: 0;width: 2px;height: 2.8rem;background-color: #fff;opacity: 0.1;transform: translateY(-50%);}
.miracle-navi ul li:first-child::before {display: none;}
.miracle-navi ul li a {display: block;font-size: 3.2rem;color: #fff;padding: 1rem 5.3rem;margin: 0 1rem;}
.miracle-navi ul li.on a {background-color: #fff;color: #6C41B8;border-radius: 3rem;font-weight: 700;}

@media all and (max-width:1550px) {
  .miracle-navi ul li a {padding: 0 3rem;}
}

@media all and (max-width:760px) {
  .miracle-navi {height: auto;padding: 1rem 0;}
  .miracle-navi ul {flex-wrap: wrap;}
  .miracle-navi ul li {width: 33.333333%;}
  .miracle-navi ul li a {text-align: center;padding: 1.5rem 0;}
  .miracle-navi ul li:nth-child(4)::before {display: none;}
  .miracle-navi ul li.on a {border-radius: 5rem;padding: 1rem;width: 90%;margin: 0 auto;}
}


.miracle-con1 {margin: 13.8rem 0 30rem; padding-top:5rem;}
.miracle-con1 .inner {width: 1600px;margin: 0 auto;}
.miracle-con1 .inner .tit-wrap .logo {text-align: center;}
.miracle-con1 .inner .tit-wrap .logo img {width: 42rem;height: auto;}
.miracle-con1 .inner .tit-wrap h3 {font-size: 4rem;font-weight: 700;text-align: center;padding-top: 2.6rem;}
.miracle-con1 .inner .tit-wrap p {font-size: 4rem;line-height: 5.5rem;text-align: center;padding-top: 7.8rem;}
.miracle-con1 .inner .tit-wrap p strong {font-weight: 700;}
.miracle-con1 .inner .txt-wrap {margin-top: 9.5rem;}
.miracle-con1 .inner .txt-wrap ul {display: flex;justify-content: space-between;}
.miracle-con1 .inner .txt-wrap ul li {width: calc(25% - 1.875rem);border-radius: 3rem;}
.miracle-con1 .inner .txt-wrap ul li:nth-child(odd) {background-color: #DBF5F4;}
.miracle-con1 .inner .txt-wrap ul li:nth-child(even) {background-color: #F5F0FF;}
.miracle-con1 .inner .txt-wrap ul li .top .top-inner {padding: 5.9rem 0 2rem 5.2rem;}
.miracle-con1 .inner .txt-wrap ul li .top .top-inner h4 {font-size: 2.4rem;font-weight: 700;}
.miracle-con1 .inner .txt-wrap ul li .top .top-inner p {font-size: 2.4rem;line-height: 3rem;padding-top: 3rem;}
.miracle-con1 .inner .txt-wrap ul li .top .top-inner p strong {font-weight: 700;}
.miracle-con1 .inner .txt-wrap ul li .img img {width: 100%;height: auto;}

@media all and (max-width:1650px) {
  .miracle-con1 .inner {width: 96%;}
}

@media all and (max-width:1080px) {
  .miracle-con1 .inner .txt-wrap ul li .top .top-inner {padding: 3rem 0 2rem 4rem;}
}

@media all and (max-width:760px) {
  .miracle-con1 .inner .txt-wrap ul {flex-wrap: wrap;gap: 3.75rem 0;}
  .miracle-con1 .inner .txt-wrap ul li {width: calc(50% - 1.875rem);}
  .miracle-con1 .inner .txt-wrap ul li .top .top-inner h4 {font-size: 3rem;}
  .miracle-con1 .inner .txt-wrap ul li .top .top-inner p {font-size: 2.8rem;line-height: 4rem;}
}

@media all and (max-width:550px) {
  .miracle-con1 {margin: -10.0rem 0 10rem; padding-top:20rem;}
  .miracle-con1 .inner .tit-wrap p {font-size: 3.5rem;line-height: 5rem;}
}

.miracle-con2 {padding-bottom: 23.5rem; padding-top:5rem;}
.miracle-con2 .inner {width: 1586px;margin: 0 auto;}
.miracle-con2 .inner .tit-wrap h2 {text-align: center;}
.miracle-con2 .inner .tit-wrap h2 img {width: 25.9rem;height: auto;}
.miracle-con2 .inner .txt-wrap {display: flex;justify-content: space-between;margin-top: 15.1rem;}
.miracle-con2 .inner .txt-wrap .pack {position: relative;width: calc(50% - 0.85rem);}
.miracle-con2 .inner .txt-wrap .pack .img-tit {position: absolute;top: -5.1rem;left: 50%;transform: translateX(-50%);width: 27.8rem;height: 8.2rem;background: #53D28F;background: linear-gradient(90deg,rgba(83, 210, 143, 1) 0%, rgba(33, 173, 243, 1) 100%);border-radius: 1rem;color: #fff;text-align: center;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.miracle-con2 .inner .txt-wrap .pack .img-tit h3 {font-size: 3.2rem;font-weight: 700;}
.miracle-con2 .inner .txt-wrap .pack .img-tit p {font-size: 2rem;}
.miracle-con2 .inner .txt-wrap .pack .img-wrap {display: flex;align-items: center;justify-content: center;border: 1px solid #9F9F9F;border-radius: 2rem;box-sizing: border-box;height: 32.5rem;}
.miracle-con2 .inner .txt-wrap .pack .img-wrap .img {margin: 0 auto;}
.miracle-con2 .inner .txt-wrap .pack .img-wrap .img img {width: 100%;height: auto;}
.miracle-con2 .inner .txt-wrap .pack1 .img-wrap .img {width: 50.4rem;}
.miracle-con2 .inner .txt-wrap .pack2 .img-wrap .img {width: 69.4rem;}
.miracle-con2 .inner .txt-wrap .pack .config {margin-top: 4.3rem;}
.miracle-con2 .inner .txt-wrap .pack .config h4 {width: 12.5rem;height: 3.7rem;line-height: 3.7rem;border: 1px solid #777;box-sizing: border-box;border-radius: 2rem;margin: 0 auto;font-size: 2rem;color: #777;text-align: center;}
.miracle-con2 .inner .txt-wrap .pack .config p {font-size: 2.4rem;line-height: 3.3rem;text-align: center;padding-top: 4.7rem;}
.miracle-con2 .inner .txt-wrap .pack .config p span {background-color: #53D28F;border-radius: 0.5rem;color: #fff;padding: 0.2rem 0.6rem;}
.miracle-con2 .inner .txt-wrap .pack .config > strong {display: block;font-size: 3.6rem;font-weight: 700;background: linear-gradient(90deg, #000000 0%, #666666 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-align: center;padding-top: 4.9rem;}
.miracle-con2 .inner .btn {display: block;width: 63rem;height: 8.7rem;line-height: 8.7rem;background-color: #3c3c3c;border-radius: 1rem;color: #fff;font-size: 4rem;font-weight: 700;text-align: center;margin: 8.7rem auto 0;}

@media all and (max-width:1650px) {
  .miracle-con2 .inner {width: 96%;}
}

@media all and (max-width:760px) {
  .miracle-con2 .inner .txt-wrap {display: block;}
  .miracle-con2 .inner .txt-wrap .pack {width: 100%;}
  .miracle-con2 .inner .txt-wrap .pack .img-tit {width: 35rem;height: 11rem;top: -6rem;}
  .miracle-con2 .inner .txt-wrap .pack .img-tit h3 {font-size: 4rem;}
  .miracle-con2 .inner .txt-wrap .pack .img-tit p {font-size: 2.4rem;}
  .miracle-con2 .inner .txt-wrap .pack .img-wrap {height: 38rem;}
  .miracle-con2 .inner .txt-wrap .pack .config h4 {width: 17rem;height: 6rem;line-height: 6rem;border-radius: 3rem;font-size: 3rem;}
  .miracle-con2 .inner .txt-wrap .pack .config p {font-size: 3.2rem;line-height: 4.8rem;}
  .miracle-con2 .inner .txt-wrap .pack .config p span {padding: 0.3rem 0.8rem;}
  .miracle-con2 .inner .txt-wrap .pack .config > strong {font-size: 4.4rem;padding-top: 8rem;}
  .miracle-con2 .inner .txt-wrap .pack2 {margin-top: 20rem;}
  .miracle-con2 .inner .btn {width: 100%;}
}

@media all and (max-width:550px) {
  .miracle-con2 {padding-top:22rem; padding-bottom: 10rem;}
}

.miracle-con3 {background: url("../img/mr01/miracle_con3_bg.png") no-repeat center / cover;padding: 5rem 0 16.6rem;}
.miracle-con3 .tit-wrap h2 {text-align: center;}
.miracle-con3 .tit-wrap h2 img {width: 38.4rem;height: auto;}
.miracle-con3 .txt-wrap {display: flex;gap: 12.1rem;justify-content: center;margin-top: 5.5rem;}
.miracle-con3 .txt-wrap .img {width: 66rem;}
.miracle-con3 .txt-wrap .img img {width: 100%;height: auto;}
.miracle-con3 .txt-wrap .step-group {position: relative;width: 72rem;}
.miracle-con3 .txt-wrap .step-group::before {content: '';position: absolute;top: 0;left: 3.9rem;border-left: 1px dashed #8B79D1;width: 1px;height: 74.5rem;}
.miracle-con3 .txt-wrap .step-group ul li {display: flex;gap: 3.8rem;margin-top: 7.4rem;}
.miracle-con3 .txt-wrap .step-group ul li:first-child {margin-top: 0;}
.miracle-con3 .txt-wrap .step-group ul li .step-tit {width: 7.6rem;height: 7.6rem;border-radius: 1rem;background-color: #67d9d5;color: #fff;display: flex;align-items: center;justify-content: center;text-align: center;font-size: 1.5rem;font-weight: 700;position: relative;z-index: 1;}
.miracle-con3 .txt-wrap .step-group ul li.on .step-tit {background-color: #8B79D1;}
.miracle-con3 .txt-wrap .step-group ul li .step-tit span {font-size: 3.2rem;font-weight: 700;}
.miracle-con3 .txt-wrap .step-group ul li .step-txt {width: calc(100% - 11.4rem);}
.miracle-con3 .txt-wrap .step-group ul li .step-txt h5 {font-size: 3.2rem;font-weight: 700;padding-bottom: 0.3rem;}
.miracle-con3 .txt-wrap .step-group ul li .step-txt p {font-size: 2rem;line-height: 3.6rem;}

@media all and (max-width:1550px) {
  .miracle-con3 .txt-wrap {gap: 5rem;align-items: center;}
  .miracle-con3 .txt-wrap .step-group ul li .step-txt p {word-break: keep-all;}
  .miracle-con3 .txt-wrap .step-group ul li .step-txt p br {display: none;}
}

@media all and (max-width:760px) {
  .miracle-con3 .txt-wrap {display: block;width: 96%;margin: 0 auto;}
  .miracle-con3 .txt-wrap .img {width: 100%;}
  .miracle-con3 .txt-wrap .step-group {width: 100%;margin-top: 5rem;}
  .miracle-con3 .txt-wrap .step-group::before {height: 90%;}
  .miracle-con3 .txt-wrap .step-group ul li .step-txt h5 {padding-bottom: 1rem;}
  .miracle-con3 .txt-wrap .step-group ul li .step-txt p {font-size: 2.5rem;line-height: 3.6rem;}
}

@media all and (max-width:550px) {
  .miracle-con3 {background: url("../img/mr01/miracle_con3_bg.png") no-repeat center / cover;padding: 22rem 0 16.6rem;}
}

.miracle-con4 {margin: 20.8rem 0; padding-top:5rem;}
.miracle-con4 .inner {position: relative;display: flex;width: 1548px;margin: 0 auto;justify-content: space-between;}
.miracle-con4 .inner::before {content: '';position: absolute;top: 13rem;left: 50%;width: 1px;height: 70.9rem;background-color: #c7c7c7;margin-left: -1rem;}
.miracle-con4 .inner .challenge-box .tit-wrap h2 {text-align: center;}
.miracle-con4 .inner .challenge-box .tit-wrap h2 img {width: 25.2rem;height: auto;}
.miracle-con4 .inner .challenge-box .txt-wrap {margin-top: 7.2rem;}
.miracle-con4 .inner .challenge-box1 {width: 68rem;}
.miracle-con4 .inner .challenge-box1 .txt-wrap ul li {padding-bottom: 7.3rem;}
.miracle-con4 .inner .challenge-box1 .txt-wrap ul li h3 {width: 100%;height: 12rem;border-radius: 2rem;font-size: 4rem;color: #fff;font-weight: 600;display: flex;align-items: center;justify-content: center;}
.miracle-con4 .inner .challenge-box1 .txt-wrap ul li p {font-size: 3.6rem;text-align: center;padding-top: 3rem;}
.miracle-con4 .inner .challenge-box1 .txt-wrap ul li:nth-child(1) h3 {background-color: #53D28F;}
.miracle-con4 .inner .challenge-box1 .txt-wrap ul li:nth-child(2) h3 {background-color: #2AC673;}
.miracle-con4 .inner .challenge-box1 .txt-wrap ul li:nth-child(3) h3 {background-color: #545956;}
.miracle-con4 .inner .challenge-box1 .txt-wrap > span {display: block;font-size: 2.4rem;text-align: center;font-weight: 300;color: #969696;padding-top: 0.4rem;}
.miracle-con4 .inner .challenge-box2 {width: 70.1rem;}
.miracle-con4 .inner .challenge-box2 .txt-wrap ul li {padding-bottom: 4.2rem;}
.miracle-con4 .inner .challenge-box2 .txt-wrap ul li:last-child {padding-bottom: 0;}
.miracle-con4 .inner .challenge-box2 .txt-wrap ul li h3 {width: 100%;height: 12rem;border-radius: 2rem 2rem 0 0;font-size: 4rem;color: #fff;font-weight: 600;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.miracle-con4 .inner .challenge-box2 .txt-wrap ul li h3 span {font-size: 2.4rem;font-weight: 300;;}
.miracle-con4 .inner .challenge-box2 .txt-wrap ul li:nth-child(1) h3 {background-color: #8B79D1;}
.miracle-con4 .inner .challenge-box2 .txt-wrap ul li:nth-child(2) h3 {background-color: #6C58BC;}
.miracle-con4 .inner .challenge-box2 .txt-wrap ul li .flex-box {display: flex; justify-content: space-between;padding: 3rem 0 4.2rem 4.1rem; align-items:center;}
.miracle-con4 .inner .challenge-box2 .txt-wrap ul li .flex-box .left { width:80%; }
.miracle-con4 .inner .challenge-box2 .txt-wrap ul li .flex-box .left h4 {display: inline-block;font-size: 2.4rem;font-weight: 600;color: #fff;background-color: #3F2270;border-radius: 3rem;padding: 0.4rem 1.5rem;margin-top: 2rem;}
.miracle-con4 .inner .challenge-box2 .txt-wrap ul li .flex-box .left h4:first-child {margin-top: 0;}
.miracle-con4 .inner .challenge-box2 .txt-wrap ul li .flex-box .left p {font-size: 2.4rem;line-height: 3.6rem;font-weight: 300;padding-left: 1.5rem;}
.miracle-con4 .inner .challenge-box2 .txt-wrap ul li:nth-child(1) .flex-box .right {width: 23.7rem;margin-right: 1.8rem;}
.miracle-con4 .inner .challenge-box2 .txt-wrap ul li:nth-child(2) .flex-box .right {width: 21.4rem;margin-right: 2.9rem;}
.miracle-con4 .inner .challenge-box2 .txt-wrap ul li .flex-box .right img {width: 100%;height: auto;}
.miracle-con4 .inner .challenge-box2 .txt-wrap > span {display: block;font-size: 2.4rem;text-align: center;font-weight: 300;color: #969696;padding-top: 1.3rem;}

@media all and (max-width:1650px) {
  .miracle-con4 .inner {width: 96%;}
  .miracle-con4 .inner::before {margin-left: 0;}
  .miracle-con4 .inner .challenge-box1 {width: 49%;}
  .miracle-con4 .inner .challenge-box2 {width: 49%;}
}

@media all and (max-width:1280px) {
  .miracle-con4 .inner::before {height: 100%;}
  .miracle-con4 .inner .challenge-box2 .txt-wrap ul li .flex-box {flex-direction: column;align-items: start;}
  .miracle-con4 .inner .challenge-box2 .txt-wrap ul li .flex-box .left {order: 2;margin-top: 5rem;}
  .miracle-con4 .inner .challenge-box2 .txt-wrap ul li .flex-box .right {order: 1;margin: 0 auto !important;}
}

@media all and (max-width:760px) {
  .miracle-con4 .inner {display: block;}
  .miracle-con4 .inner::before {display: none;}
  .miracle-con4 .inner .challenge-box .txt-wrap {margin-top: 3rem;}
  .miracle-con4 .inner .challenge-box1 {width: 100%;}
  .miracle-con4 .inner .challenge-box2 {width: 100%;margin-top: 15rem;}
  .miracle-con4 .inner .challenge-box2 .txt-wrap ul li .flex-box {padding-right: 4.1rem;}
  .miracle-con4 .inner .challenge-box2 .txt-wrap ul li .flex-box .left h4 {font-size: 3rem;margin-top: 4rem;}
  .miracle-con4 .inner .challenge-box2 .txt-wrap ul li .flex-box .left p {font-size: 3rem;line-height: 4.6rem;word-break: keep-all;padding-top: 1rem;}

  .miracle-con4 .inner .challenge-box2 .txt-wrap ul li:nth-child(1) .flex-box .right {width: 30rem;}
  .miracle-con4 .inner .challenge-box2 .txt-wrap ul li:nth-child(2) .flex-box .right {width: 30rem;}
  .miracle-con4 .inner .challenge-box1 .txt-wrap > span,
  .miracle-con4 .inner .challenge-box2 .txt-wrap > span {font-size: 2.8rem;}
}

@media all and (max-width:550px) {
  .miracle-con4 {margin-top:0rem; margin-bottom:2.8rem; padding-top:22rem;}
}

.miracle-con5 {margin-bottom: 21.5rem; padding-top:5rem;}
.miracle-con5 .inner {width: 1572px;margin: 0 auto;}
.miracle-con5 .inner .tit-wrap .h2-wrap {display: flex;align-items: center;justify-content: center;gap: 4rem;}
.miracle-con5 .inner .tit-wrap .h2-wrap .bar {width: 32.4rem;height: 1px;background-color: #c4c4c4;}
.miracle-con5 .inner .tit-wrap .h2-wrap h2 img {width: 29.9rem;height: auto;}
.miracle-con5 .inner .tit-wrap p {font-size: 2.4rem;text-align: center;line-height: 3rem;padding-top: 4.5rem;}
.miracle-con5 .inner .txt-wrap {margin-top: 8.5rem;}
.miracle-con5 .inner .txt-wrap .step-group {display: flex;justify-content: space-between;}
.miracle-con5 .inner .txt-wrap .step-group > div ul {display: flex;gap: 6.1rem;}
.miracle-con5 .inner .txt-wrap .step-group > div ul li {width: 26.3rem;height: 38.1rem;position: relative;}
.miracle-con5 .inner .txt-wrap .step-group > div ul li::before {content: '';position: absolute;top: 13.9rem;left: -4.8rem;width: 3.6rem;height: 3.6rem;background: url("../img/mr01/miracle_con5_arrow.svg") no-repeat center / contain;}
.miracle-con5 .inner .txt-wrap .step-group > div ul li:first-child:before {display: none;}
.miracle-con5 .inner .txt-wrap .step-group > div ul li .box {width: 100%;height: 100%;border-radius: 2rem;box-sizing: border-box;}
.miracle-con5 .inner .txt-wrap .step-group > div ul li .box h4 {width: 10.8rem;height: 4rem;background-color: #8b79d1;border-radius: 2rem;color: #fff;font-size: 2rem;font-weight: 600;display: flex;align-items: center;justify-content: center;margin: 3.4rem auto 0;}
.miracle-con5 .inner .txt-wrap .step-group > div ul li .box .icon {display: block;margin: 3.2rem auto 0;}
.miracle-con5 .inner .txt-wrap .step-group > div ul li .box .icon img {width: 100%;height: auto;}
.miracle-con5 .inner .txt-wrap .step-group > div ul li .box h3 {font-size: 2.4rem;font-weight: 700;line-height: 3.4rem;text-align: center;padding-top: 1.7rem;}
.miracle-con5 .inner .txt-wrap .step-group > div ul li .box p {font-size: 1.8rem;line-height: 2.6rem;text-align: center;padding-top: 1.2rem;}
.miracle-con5 .inner .txt-wrap .step-group > div ul li.step1 .box {background-color: rgba(207,199,242,0.1);border: 1px solid #D3CCF0;}
.miracle-con5 .inner .txt-wrap .step-group > div ul li.step1 .box .icon {width: 6.3rem;height: 5.9rem;}
.miracle-con5 .inner .txt-wrap .step-group > div ul li.step2 .box {background-color: rgba(162,151,205,0.2);border: 1px solid #B0A4E0;}
.miracle-con5 .inner .txt-wrap .step-group > div ul li.step2 .box .icon {width: 6.8rem;height: 6.8rem;}
.miracle-con5 .inner .txt-wrap .step-group > div ul li.step3 .box {background-color: rgba(162,151,205,0.3);border: 1px solid #B2A3EB;}
.miracle-con5 .inner .txt-wrap .step-group > div ul li.step3 .box .icon {width: 6.1rem;height: 6.1rem;}
.miracle-con5 .inner .txt-wrap .step-group > div ul li.step4 .box {background-color: rgba(162,151,205,0.4);border: 1px solid #B4A8DF;}
.miracle-con5 .inner .txt-wrap .step-group > div ul li.step4 .box .icon {width: 7rem;height: 7rem;}
.miracle-con5 .inner .txt-wrap .step-group > div ul li.step5 .box {background-color: rgba(162,151,205,0.6);border: 1px solid #A897EB;}
.miracle-con5 .inner .txt-wrap .step-group > div ul li.step5 .box .icon {width: 5.5rem;height: 6.4rem;}
.miracle-con5 .inner .txt-wrap .step-group .group1 {margin-top: 3.2rem;}
.miracle-con5 .inner .txt-wrap .step-group .group2 {position: relative;padding: 3rem 1.5rem 1.5rem 2.7rem;border: 2px dotted #91001f;box-sizing: border-box;border-radius: 2rem;}
.miracle-con5 .inner .txt-wrap .step-group .group2 .group-tit {position: absolute;top: 0;left: 50%;transform: translateX(-50%);background-color: #fff;margin-top: -2rem;padding: 0 3rem;}
.miracle-con5 .inner .txt-wrap .step-group .group2 .group-tit h3 {display: flex;align-items: center;gap: 1.3rem;font-size: 2.4rem;font-weight: 800;color: #91001F;}
.miracle-con5 .inner .txt-wrap .step-group .group2 .group-tit h3 img {width: 11.3rem;height: auto;}
.miracle-con5 .inner .txt-wrap .step-group .group2 > strong {position: absolute;bottom: -5rem;left: 50%;transform: translateX(-50%);font-size: 2rem;font-weight: 500;width: 100%;text-align: center;color: #91001F;}
.miracle-con5 .inner .txt-wrap .step-group .group2 > strong span {font-weight: 800;}
.miracle-con5 .inner .txt-wrap .caution-group {display: flex;justify-content: center;padding-top: 12.3rem;}
.miracle-con5 .inner .txt-wrap .caution-group p {font-size: 1.6rem;line-height: 2.6rem;color: #7C7C7C;}
.miracle-con5 .inner .btn {display: flex;align-items: center;justify-content: center;width: 96rem;height: 14.4rem;border-radius: 5rem;margin: 4.5rem auto 0;background: url("../img/mr01/miracle_con5_btn.png") no-repeat center / cover;font-size: 4rem;font-weight: 700;color: #fff;box-shadow: 0 2rem 6rem rgba(255,136,136,0.4);}

@media all and (max-width:1650px) {
  .miracle-con5 .inner {width: 96%;}
  .miracle-con5 .inner .txt-wrap {margin-top: 5rem;}
  .miracle-con5 .inner .txt-wrap .step-group {flex-direction: column;align-items: center;gap: 10rem;}
}

@media all and (max-width:760px) {
  .miracle-con5 .inner .tit-wrap p {font-size: 3rem;line-height: 1.5;padding-left: 1rem;padding-right: 1rem;word-break: keep-all;}
  .miracle-con5 .inner .txt-wrap .step-group > div {width: 100%;}
  .miracle-con5 .inner .txt-wrap .step-group > div ul {gap: 4rem;}
  .miracle-con5 .inner .txt-wrap .step-group > div ul li {width: calc(50% - 2rem);height: 45rem;}
  .miracle-con5 .inner .txt-wrap .step-group > div ul li::before {top:50%;left: -3.9rem;transform: translateY(-50%);}
  .miracle-con5 .inner .txt-wrap .step-group > div ul li .box h4 {font-size: 2.8rem;width: 15rem;height: 5rem;border-radius: 3rem;}
  .miracle-con5 .inner .txt-wrap .step-group > div ul li .box h3 {font-size: 3rem;line-height: 1.3;padding-top: 2.5rem;}
  .miracle-con5 .inner .txt-wrap .step-group > div ul li .box p {font-size: 2.4rem;line-height: 1.5;}
  .miracle-con5 .inner .txt-wrap .step-group .group2 ul {flex-wrap: wrap;}
  .miracle-con5 .inner .txt-wrap .step-group .group2 ul li.step5 {width: 100%;}
  .miracle-con5 .inner .txt-wrap .step-group .group2 ul li.step5::before {display: none;}
  .miracle-con5 .inner .btn {width: 100%;}
  .miracle-con5 .inner .txt-wrap .step-group .group2 > strong {font-size: 2.5rem;bottom: -7rem;}
  .miracle-con5 .inner .txt-wrap .caution-group {padding-top: 15rem;}
  .miracle-con5 .inner .txt-wrap .caution-group p {font-size: 2.2rem;line-height: 1.5;}
}

@media all and (max-width:550px) {
  .miracle-con5 {margin-bottom:5.8rem; padding-top:22rem;}
}

.miracle-con6 .inner .txt-wrap {display: flex;align-items: center;gap: 17.8rem;justify-content: center;}
.miracle-con6 .inner .txt-wrap .left {text-align: center;}
.miracle-con6 .inner .txt-wrap .left strong {display: block;font-size: 3.6rem;font-weight: 700;}
.miracle-con6 .inner .txt-wrap .left .logo-img {text-align: center;margin: 5.9rem 0 7.8rem;}
.miracle-con6 .inner .txt-wrap .left .btn-group {display: flex;gap: 2.1rem;}
.miracle-con6 .inner .txt-wrap .left .btn-group .btn {width: 20.2rem;box-shadow:0rem 10rem 8rem rgba(56, 56, 56, 0.10),0rem 6.481rem 4.685rem rgba(56, 56, 56, 0.0759),0rem 3.852rem 2.548rem rgba(56, 56, 56, 0.0607),0rem 2rem 1.3rem rgba(56, 56, 56, 0.05),0rem 0.815rem 0.652rem rgba(56, 56, 56, 0.0393),0rem 0.185rem 0.315rem rgba(56, 56, 56, 0.0241);border-radius: 1rem;}
.miracle-con6 .inner .txt-wrap .left .btn-group .btn img {width: 100%;height: auto;}
.miracle-con6 .inner .txt-wrap .right .img {width: 69.7rem;}
.miracle-con6 .inner .txt-wrap .right .img img {width: 100%;height: auto;}
.miracle-con6 .inner .banner {position: relative;width: 132.1rem;height: 21rem;background: url("../img/mr01/miracle_con6_banner.png") no-repeat right center / cover;margin: 8.9rem auto 0;border-radius: 6rem;}
.miracle-con6 .inner .banner a {display: block;width: 100%;height: 100%;}
.miracle-con6 .inner .banner a p {position: absolute;top: 50%;left: 12.3rem;transform: translateY(-50%);font-size: 3.6rem;}
.miracle-con6 .inner .banner a p strong {font-weight: 700;}

@media all and (max-width:1440px) {
  .miracle-con6 .inner .txt-wrap {gap: 0;justify-content: space-between;width: 96%;margin: 0 auto;}
  .miracle-con6 .inner .banner {width: 96%;}
}

@media all and (max-width:760px) {
  .miracle-con6 .inner .txt-wrap {display: block;}
  .miracle-con6 .inner .txt-wrap .left .btn-group {justify-content: center;}
  .miracle-con6 .inner .txt-wrap .left .btn-group .btn {width: 45%;border-radius: 2rem;}
  .miracle-con6 .inner .txt-wrap .right .img {width: 100%;margin-top: 5rem;}
}

@media all and (max-width:450px) {
  .miracle-con6 {padding-top:22rem;}
  .miracle-con6 .inner .banner a p {left: 50%;transform: translate(-50%,-50%);width: 100%;text-align: center;}
}


.arrow-d {border: solid #ddd;border-width: 0 0.2rem 0.2rem 0;display: inline-block;padding: 1rem;}
.up-d {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
.miracle-con7 {padding-bottom: 30rem;padding-top:5rem;margin-top: 15.5rem;}
.miracle-con7 .inner {width: 1400px;margin: 0 auto;}
.miracle-con7 .inner .tit-wrap h2 {text-align: center;}
.miracle-con7 .inner .text-wrap {margin-top:5rem;}
.miracle-con7 .inner .qna-txt {margin-bottom:2rem; font-size:1.4rem;padding: 0px; border:1px solid #ddd;}
.miracle-con7 .inner .qna-txt .qa{display:inline-block; font-size:2.2rem; width:5rem; height:5rem; line-height:5rem; text-align:center;background:#eeeeee;border-radius:50%;vertical-align:top;margin-right:2rem;}
.miracle-con7 .inner .qna-txt .qa-text {width: calc(100% - 11rem);}
.miracle-con7 .inner .qna-txt .qa2{display:inline-block; font-size:2.2rem; width:5rem; height:5rem; line-height:5rem; text-align:center;background:#4b286d;color:#fff;border-radius:50%;vertical-align:top;margin-right:2rem; position:absolute;left:2rem;top:3rem;}
.miracle-con7 .inner .qna-txt .qna i{ position:absolute;right:3rem;top:4rem;transition: all .3s ease-in-out; }
.miracle-con7 .inner .qna-txt .qna.active i{transform: rotate(45deg); top:3rem;}
.miracle-con7 .inner .qna-txt .qna {color:#000; font-weight:500; font-size:2rem; display:flex ; position:relative; padding:2rem; line-height:2;align-items: center;}
.miracle-con7 .inner .qna-txt .qna:after {content:"";}
.miracle-con7 .inner .qna-txt .qna-a {display: none;border-top:1px solid #ddd;background:#f8f8f8; padding:3rem 2rem; position:relative; padding-left:10rem;font-size:2rem; color:#333;line-height:1.6; word-break:keep-all; }
.miracle-con7 .inner .qna-txt .qna-a p {padding-bottom: 2.5rem;font-weight: 500;}
.miracle-con7 .inner .qna-txt .qna-a p:last-child {padding-bottom: 0;}
.miracle-con7 .inner .qna-txt .qna-a p span {display: block;font-size: 1.8rem;color: #666;font-weight: 400;}

@media all and (max-width:1440px) {
  .miracle-con7 .inner {width: 96%;}
}

@media all and (max-width:760px) {
  .miracle-con7 .inner .qna-txt .qa{font-size:2.8rem; width:6rem; height:6rem; line-height:6rem;}
  .miracle-con7 .inner .qna-txt .qa-text {width: calc(100% - 16rem);padding-top: 0.6rem;}
  .miracle-con7 .inner .qna-txt .qna {font-size:3rem;padding:3rem 7rem 3rem 3rem;line-height: 1.5;align-items: start;}
  .miracle-con7 .inner .qna-txt .qna-a {font-size:3rem;padding:3rem 3rem 3rem 11rem;line-height: 1.5;align-items: start;}
  .miracle-con7 .inner .qna-txt .qna-a p span {font-size: 2.8rem;}
  .miracle-con7 .inner .qna-txt .qa2{font-size:2.8rem; width:6rem; height:6rem; line-height:6rem;left:3rem;}
}

@media all and (max-width:550px) {
  .miracle-con7 {margin-bottom:5.8rem; padding-top:22rem;}
  .miracle-con7 .inner .tit-wrap h2 img{text-align: center; width: 75px;}
}