.page-top-cowon {padding:80px 40px 120px;}
@media screen and (max-width:992px) {
    .page-top-cowon {padding:100px 15px 80px;}
}

.text-content-cowon {width:100%;padding:120px 40px;box-sizing:border-box;border-bottom:1px solid #eee;position:relative;overflow:hidden;}
.text-content-cowon .frame {width:100%;max-width:1440px;margin:0 auto;}
.text-content-cowon .box {width:100%;display:flex;flex-wrap:wrap;box-sizing:border-box;}
.text-content-cowon .title {width:33%;}
.text-content-cowon .title h3 {font-size:16px;font-weight:400;line-height:1;color:var(--color-point-sub2);}
.text-content-cowon .content {width:67%;}
.text-content-cowon .content .text {width:100%;}
.text-content-cowon .content .text h2 {font-size:40px;font-weight:700;line-height:1.4;color:var(--color-point-font);margin-bottom:60px;word-break:keep-all;}
.text-content-cowon .content .text p {font-size:18px;font-weight:400;line-height:28px;color:rgba(34,34,34,.7);word-break:keep-all;}
@media screen and (max-width:992px) {
    .text-content-cowon {padding:80px 15px;}
    .text-content-cowon .box {gap:40px;}
    .text-content-cowon .title {width:100%;}
    .text-content-cowon .title h3 {font-size:14px;}
    .text-content-cowon .content {width:100%;}
    .text-content-cowon .content .text h2 {font-size:24px;margin-bottom:20px;}
    .text-content-cowon .content .text p {font-size:14px;line-height:24px;}
}
.text-content-cowon .title {transform:translate3d(-10%, 0, 0);opacity:0;transition:opacity .5s, transform .5s;}
.text-content-cowon .title.movmt {transform:translate3d(0, 0, 0);opacity:1;transition:opacity .8s, transform .8s;}
.text-content-cowon .content {transform:translate3d(10%, 0, 0);opacity:0;transition:opacity .5s, transform .5s;}
.text-content-cowon .content.movmt {transform:translate3d(0, 0, 0);opacity:1;transition:opacity .8s, transform .8s;}

.step-image-cowon {width:100%;padding:120px 40px;box-sizing:border-box;position:relative;overflow:hidden;}
.step-image-cowon .frame {width:100%;max-width:1440px;margin:0 auto;}
.step-image-cowon .box {width:100%;display:flex;flex-wrap:wrap;box-sizing:border-box;}
.step-image-cowon .title {width:33%;}
.step-image-cowon .title h3 {font-size:16px;font-weight:400;line-height:1;color:var(--color-point-sub2);}
.step-image-cowon .content {width:67%;}
.step-image-cowon .content .text {width:100%;}
.step-image-cowon .content .text h2 {font-size:40px;font-weight:700;line-height:1.4;color:var(--color-point-font);margin-bottom:60px;word-break:keep-all;}
.step-image-cowon .step-box {width:100%;display:flex;flex-wrap:wrap;gap:20px;}
.step-image-cowon .step {width:calc((100% - 20px) / 2);position:relative;padding:40px;box-sizing:border-box;border-radius:16px;overflow:hidden;}
.step-image-cowon .step .image {width:100%;height:100%;position:absolute;left:0;top:0;background-color:#181818;z-index:-1;}
.step-image-cowon .step .image .cover {width:100%;height:100%;position:absolute;opacity:.3;}
.step-image-cowon .step h4 {font-size:16px;font-weight:600;line-height:1;color:#fff;margin-bottom:80px;}
.step-image-cowon .step .num {font-size:64px;font-weight:700;line-height:1;color:#fff;}
.step-image-cowon .step .icon img {display:block;height:67px;}
@media screen and (max-width:992px) {
    .step-image-cowon {padding:80px 15px;}
    .step-image-cowon .box {gap:40px;}
    .step-image-cowon .title {width:100%;}
    .step-image-cowon .title h3 {font-size:14px;}
    .step-image-cowon .content {width:100%;}
    .step-image-cowon .content .text h2 {font-size:24px;margin-bottom:40px;}
    .step-image-cowon .step-box {gap:15px;}
    .step-image-cowon .step {width:100%;padding:40px 20px;}
    .step-image-cowon .step h4 {margin-bottom:40px;}
}
.step-image-cowon .title {transform:translate3d(-10%, 0, 0);opacity:0;transition:opacity .5s, transform .5s;}
.step-image-cowon .title.movmt {transform:translate3d(0, 0, 0);opacity:1;transition:opacity .8s, transform .8s;}
.step-image-cowon .content {transform:translate3d(10%, 0, 0);opacity:0;transition:opacity .5s, transform .5s;}
.step-image-cowon .content.movmt {transform:translate3d(0, 0, 0);opacity:1;transition:opacity .8s, transform .8s;}

.system-step-cowon {width:100%;padding:120px 40px;box-sizing:border-box;position:relative;overflow:hidden;}
.system-step-cowon .bg {width:100%;height:100%;position:absolute;left:0;top:0;background-color:#181818;z-index:-1;}
.system-step-cowon .bg .cover {width:100%;height:100%;position:absolute;opacity:.3;}
.system-step-cowon .frame {width:100%;max-width:1440px;margin:0 auto;}
.system-step-cowon .box {width:100%;display:flex;flex-wrap:wrap;box-sizing:border-box;}
.system-step-cowon .title {width:33%;}
.system-step-cowon .title h3 {font-size:16px;font-weight:400;line-height:1;color:var(--color-point-sub);}
.system-step-cowon .content {width:67%;}
.system-step-cowon .content .text {width:100%;}
.system-step-cowon .content .text h2 {font-size:40px;font-weight:700;line-height:1.4;color:#fff;margin-bottom:60px;word-break:keep-all;}
.system-step-cowon .step-box {width:100%;display:flex;flex-wrap:wrap;gap:20px;}
.system-step-cowon .step {width:calc((100% - 20px) / 2);height:80px;position:relative;padding:0 20px;box-sizing:border-box;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.7);background-color:rgba(255,255,255,.06);}
.system-step-cowon .step h4 {width:100%;height:100%;display:flex;align-items:center;gap:16px;}
.system-step-cowon .step h4 span {display:block;}
.system-step-cowon .step h4 .num {width:55px;font-size:16px;font-weight:400;line-height:1;color:var(--color-point-sub);}
.system-step-cowon .step h4 .ttl {width:calc(100% - 71px);font-size:18px;font-weight:700;line-height:1.3;color:#fff;word-break:keep-all;}
@media screen and (max-width:992px) {
    .system-step-cowon {padding:80px 15px;}
    .system-step-cowon .box {gap:40px;}
    .system-step-cowon .title {width:100%;}
    .system-step-cowon .title h3 {font-size:14px;}
    .system-step-cowon .content {width:100%;}
    .system-step-cowon .content .text h2 {font-size:24px;margin-bottom:40px;}
    .system-step-cowon .step-box {gap:15px;}
    .system-step-cowon .step {width:100%;height:auto;padding:20px;}
    .system-step-cowon .step h4 {height:auto;}
    .system-step-cowon .step h4 .num {width:49px;font-size:14px;}
    .system-step-cowon .step h4 .ttl {width:calc(100% - 65px);font-size:16px;line-height:1.5;}
}
.system-step-cowon .title {transform:translate3d(-10%, 0, 0);opacity:0;transition:opacity .5s, transform .5s;}
.system-step-cowon .title.movmt {transform:translate3d(0, 0, 0);opacity:1;transition:opacity .8s, transform .8s;}
.system-step-cowon .content {transform:translate3d(10%, 0, 0);opacity:0;transition:opacity .5s, transform .5s;}
.system-step-cowon .content.movmt {transform:translate3d(0, 0, 0);opacity:1;transition:opacity .8s, transform .8s;}