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

.pin-spacer {z-index:0 !important;}
.image-scale-cowon {width:100%;position:relative;}
.image-scale-cowon .image {width:calc(100% - 80px);max-width:1440px;height:280px;margin:0 auto;border-radius:32px;overflow:hidden;position:relative;}
.image-scale-cowon .image .img {width:100%;height:100%;position:relative;background-color:#181818;}
.image-scale-cowon .image .img .cover {width:100%;height:100%;position:absolute;}
.image-scale-cowon .text {width:100%;height:100vh;position:absolute;left:0;top:0;display:flex;justify-content:center;align-items:center;flex-direction:column;align-items:center;opacity:0;transform:translateY(30px);}
.image-scale-cowon .text h2 {font-size:40px;font-weight:700;line-height:56px;color:#fff;padding:0 40px;margin-bottom:30px;word-break:keep-all;text-align:center;}
.image-scale-cowon .text .logo img {display:block;height:30px;}
@media screen and (max-width:992px) {
    .image-scale-cowon .image {width:calc(100% - 15px);}
    .image-scale-cowon .text h2 {font-size:32px;line-height:48px;padding:0 15px;}
}

.about-image-cowon {width:100%;height:100vh;position:relative;overflow:hidden;z-index:10;}
.about-image-cowon .bg {width:100%;height:100%;position:absolute;left:0;top:0;background-color:#181818;z-index:-1;}
.about-image-cowon .bg .cover {width:100%;height:100%;position:absolute;opacity:.3;}
.about-image-cowon .frame {width:100%;max-width:1520px;height:100%;margin:0 auto;padding:0 40px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.about-image-cowon .title {width:100%;text-align:center;margin-bottom:80px;}
.about-image-cowon .title h2 {font-size:40px;font-weight:700;line-height:1;color:#fff;margin-bottom:40px;word-break:keep-all;}
.about-image-cowon .title h2 .mo-br {display:none;}
.about-image-cowon .title p {font-size:18px;font-weight:400;line-height:28px;color:rgba(255,255,255,.7);word-break:keep-all;}
.about-image-cowon .board-wrap {width:100%;}
.about-image-cowon .board {width:100%;}
.about-image-cowon .swiper {width:100%;position:relative;}
.about-image-cowon .swiper-wrapper {width:100%;height:auto;display:flex;flex-wrap:wrap;gap:16px;}
.about-image-cowon .swiper-pagination {display:none;}
.about-image-cowon .board .post {width:calc((100% - 32px) / 3);}
.about-image-cowon .board .post .img {width:100%;aspect-ratio:16/9;position:relative;border-radius:16px;overflow:hidden;}
.about-image-cowon .board .post .img .cover {width:100%;height:100%;position:absolute;}
@media screen and (max-width:992px) {
    .about-image-cowon {height:auto;}
    .about-image-cowon .frame {height:auto;padding:80px 15px;justify-content:unset;align-items:unset;}
    .about-image-cowon .title {margin-bottom:40px;}
    .about-image-cowon .title h2 {font-size:24px;line-height:34px;margin-bottom:20px;}
    .about-image-cowon .title h2 .mo-br {display:block;}
    .about-image-cowon .title p {font-size:14px;line-height:24px;}
    .about-image-cowon .swiper-wrapper {height:100%;flex-wrap:unset;gap:0;}
    .about-image-cowon .board .post {width:100%;}
    .about-image-cowon .swiper-pagination {position:unset;display:flex;justify-content:center;gap:6px;margin-top:40px;}
    .about-image-cowon .swiper-pagination-bullet {width:40px;height:2px;border-radius:16px;overflow:hidden;box-sizing:border-box;background-color:rgba(255,255,255,0.2);opacity:1 !important;margin:0 !important;border:none;}
    .about-image-cowon .swiper-pagination-bullet-active {background-color:rgba(255,255,255,1);}
}
.about-image-cowon .title {transform:translate3d(0, 20px, 0);opacity:0;transition:opacity .5s, transform .5s;}
.about-image-cowon .title.movmt {transform:translate3d(0, 0, 0);opacity:1;transition:opacity .8s, transform .8s;}
.about-image-cowon .board-wrap {transform:translate3d(0, 10%, 0);opacity:0;transition:opacity .5s, transform .5s;}
.about-image-cowon .board-wrap.movmt {transform:translate3d(0, 0, 0);opacity:1;transition:opacity .8s, transform .8s;}

.text-image-inf-cowon {width:100%;height:100vh;position:relative;overflow:hidden;z-index:10;}
.text-image-inf-cowon .bg {width:100%;height:100%;position:absolute;left:0;top:0;background-color:#181818;z-index:-1;}
.text-image-inf-cowon .bg .cover {width:100%;height:100%;position:absolute;opacity:.3;}
.text-image-inf-cowon .frame {width:100%;max-width:1520px;height:100%;margin:0 auto;padding:0 40px;box-sizing:border-box;display:flex;flex-wrap:wrap;}
.text-image-inf-cowon .text-box {width:50%;height:100%;display:flex;align-items:center;}
.text-image-inf-cowon .text {display:flex;flex-direction:column;align-items:flex-start;}
.text-image-inf-cowon .text h3 {font-size:20px;font-weight:400;line-height:1;color:var(--color-point-sub);margin-bottom:30px;}
.text-image-inf-cowon .text h2 {font-size:40px;font-weight:700;line-height:1.2;color:#fff;margin-bottom:40px;word-break:keep-all;}
.text-image-inf-cowon .text p {font-size:18px;font-weight:400;line-height:28px;color:#ddd;word-break:keep-all;}
.text-image-inf-cowon .text a {width:226px;height:60px;border-radius:64px;border:1px solid #fff;box-sizing:border-box;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:700;line-height:32px;color:#fff;transition:.4s;}
.text-image-inf-cowon .image-box {width:50%;}
.text-image-inf-cowon .image {width:100%;display:flex;justify-content:flex-end;gap:30px;}
.text-image-inf-cowon .img-banner {width:38.9%;display:flex;flex-direction:column;}
.text-image-inf-cowon .img-banner ul {width:100%;display:flex;flex-direction:column;will-change:transform;}
.text-image-inf-cowon .img-banner.banner1 ul.original {animation:moveUp01 50s linear infinite;}
.text-image-inf-cowon .img-banner.banner1 ul.clone {animation:moveUp02 50s linear infinite;}
.text-image-inf-cowon .img-banner.banner2 ul.original {animation:moveDown01 50s linear infinite;}
.text-image-inf-cowon .img-banner.banner2 ul.clone {animation:moveDown02 50s linear infinite;}
.text-image-inf-cowon .img-banner ul li {width:100%;padding-bottom:30px;}
.text-image-inf-cowon .img-banner ul li .img {width:100%;height:auto;aspect-ratio:7/8;position:relative;border-radius:8px;overflow:hidden;}
.text-image-inf-cowon .img-banner ul li .img .cover {width:100%;height:100%;position:absolute;}
@keyframes moveUp01 {
    0% {transform:translateY(0);}
    50% {transform:translateY(-100%);}
    50.01% {transform:translateY(100%);}
    100% {transform:translateY(0)}
}
@keyframes moveUp02 {
    0% {transform:translateY(0);}
    100% {transform:translateY(-200%)}
}
@keyframes moveDown01 {
    0% {transform:translateY(0);}
    50% {transform:translateY(100%);}
    50.01% {transform:translateY(-100%);}
    100% {transform:translateY(0)}
}
@keyframes moveDown02 {
    0% {transform:translateY(-200%);}
    100% {transform:translateY(0)}
}
@media (hover: hover) and (pointer: fine) {
    .text-image-inf-cowon .text a:hover {background-color:#fff;color:var(--color-point-font);}
}
@media screen and (max-width:992px) {
    .text-image-inf-cowon {height:auto;padding:80px 15px;box-sizing:border-box;}
    .text-image-inf-cowon .frame {height:auto;padding:0;gap:40px;}
    .text-image-inf-cowon .text-box {width:100%;height:auto;display:block;align-items:unset;}
    .text-image-inf-cowon .text h3 {font-size:14px;margin-bottom:20px;}
    .text-image-inf-cowon .text h2 {font-size:24px;line-height:1.4;margin-bottom:20px;}
    .text-image-inf-cowon .text p {font-size:14px;line-height:24px;}
    .text-image-inf-cowon .text a {width:140px;height:40px;font-size:16px;}
    .text-image-inf-cowon .image-box {width:auto;animation:moveLeft 30s linear infinite;}
    @keyframes moveLeft {
        0% {transform:translateX(0);}
        100% {transform:translateX(-100%);}
    }
    .text-image-inf-cowon .image {display:flex;justify-content:unset;gap:0;}
    .text-image-inf-cowon .img-banner {display:block;width:auto;}
    .text-image-inf-cowon .img-banner ul {width:auto;display:flex;flex-direction:row;}
    .text-image-inf-cowon .img-banner.banner1 ul.original {animation:none;}
    .text-image-inf-cowon .img-banner.banner1 ul.clone {display:none;}
    .text-image-inf-cowon .img-banner.banner2 ul.original {animation:none;}
    .text-image-inf-cowon .img-banner.banner2 ul.clone {display:none;}
    .text-image-inf-cowon .img-banner ul li {width:auto;padding-bottom:0;padding-right:15px;}
    .text-image-inf-cowon .img-banner ul li .img {width:236px;height:270px;aspect-ratio:unset;border-radius:16px;}
}
.text-image-inf-cowon .text-box .text {transform:translate3d(0, 10%, 0);opacity:0;transition:opacity .5s, transform .5s;}
.text-image-inf-cowon .text-box.movmt .text {transform:translate3d(0, 0, 0);opacity:1;transition:opacity .8s .6s, transform .8s .6s;}
.text-image-inf-cowon .image-box .image {transform:translate3d(0, 20px, 0);opacity:0;transition:opacity .5s, transform .5s;}
.text-image-inf-cowon .image-box.movmt .image {transform:translate3d(0, 0, 0);opacity:1;transition:opacity .8s .6s, transform .8s .6s;}

.image-text-cowon {width:100%;height:100vh;position:relative;overflow:hidden;z-index:10;}
.image-text-cowon .bg {width:100%;height:100%;position:absolute;left:0;top:0;background-color:#181818;z-index:-1;}
.image-text-cowon .bg .cover {width:100%;height:100%;position:absolute;opacity:.3;}
.image-text-cowon .frame {width:100%;max-width:1520px;height:100%;margin:0 auto;padding:0 40px;box-sizing:border-box;display:flex;align-items:center;gap:120px;}
.image-text-cowon .image-box .image {width:470px;height:440px;position:relative;border-radius:16px;overflow:hidden;}
.image-text-cowon .image-box .image .cover {width:100%;height:100%;position:absolute;}
.image-text-cowon .text h2 {font-size:40px;font-weight:700;line-height:1.4;color:#fff;word-break:keep-all;margin-bottom:40px;}
.image-text-cowon .text h2 .mo-br {display:none;}
.image-text-cowon .text p {font-size:18px;font-weight:400;line-height:28px;color:rgba(255,255,255,.7);word-break:keep-all;}
@media screen and (max-width:1200px) {
    .image-text-cowon .frame {gap:60px;}
}
@media screen and (max-width:992px) {
    .image-text-cowon {height:auto;}
    .image-text-cowon .frame {height:auto;padding:80px 15px;flex-wrap:wrap;align-items:unset;gap:40px;}
    .image-text-cowon .image-box {order:2;width:100%;}
    .image-text-cowon .image-box .image {max-width:470px;width:100%;height:auto;aspect-ratio:1/1;}
    .image-text-cowon .text-box {order:1;width:100%;}
    .image-text-cowon .text {width:100%;}
    .image-text-cowon .text h2 {font-size:24px;margin-bottom:20px;}
    .image-text-cowon .text h2 .mo-br {display:block;}
    .image-text-cowon .text p {font-size:14px;line-height:24px;}
}
.image-text-cowon .image-box {transform:translate3d(-10%, 0, 0);opacity:0;transition:opacity .5s, transform .5s;}
.image-text-cowon .text-box {transform:translate3d(10%, 0, 0);opacity:0;transition:opacity .5s, transform .5s;}
.image-text-cowon .image-box.movmt {transform:translate3d(0, 0, 0);opacity:1;transition:opacity .8s, transform .8s;}
.image-text-cowon .text-box.movmt {transform:translate3d(0, 0, 0);opacity:1;transition:opacity .8s, transform .8s;}

.text-image-cowon {width:100%;height:100vh;position:relative;overflow:hidden;z-index:10;}
.text-image-cowon .bg {width:100%;height:100%;position:absolute;left:0;top:0;background-color:#181818;z-index:-1;}
.text-image-cowon .bg .cover {width:100%;height:100%;position:absolute;opacity:.3;}
.text-image-cowon .frame {width:100%;max-width:1520px;height:100%;margin:0 auto;padding:0 40px;box-sizing:border-box;display:flex;justify-content:space-between; align-items:center;gap:120px;}
.text-image-cowon .text h2 {font-size:40px;font-weight:700;line-height:1.4;color:#fff;word-break:keep-all;margin-bottom:40px;}
.text-image-cowon .text p {font-size:18px;font-weight:400;line-height:28px;color:rgba(255,255,255,.7);word-break:keep-all;}
.text-image-cowon .image-box .image {width:470px;height:440px;position:relative;border-radius:16px;overflow:hidden;}
.text-image-cowon .image-box .image .cover {width:100%;height:100%;position:absolute;}
@media screen and (max-width:1200px) {
    .text-image-cowon .frame {gap:60px;}
}
@media screen and (max-width:992px) {
    .text-image-cowon {height:auto;}
    .text-image-cowon .frame {height:auto;padding:80px 15px;flex-wrap:wrap;justify-content:unset;align-items:unset;gap:40px;}
    .text-image-cowon .text-box {width:100%;}
    .text-image-cowon .text {width:100%;}
    .text-image-cowon .text h2 {font-size:24px;margin-bottom:20px;}
    .text-image-cowon .text p {font-size:14px;line-height:24px;}
    .text-image-cowon .image-box {width:100%;}
    .text-image-cowon .image-box .image {max-width:470px;width:100%;height:auto;aspect-ratio:1/1;}
}
.text-image-cowon .text-box {transform:translate3d(-10%, 0, 0);opacity:0;transition:opacity .5s, transform .5s;}
.text-image-cowon .image-box {transform:translate3d(10%, 0, 0);opacity:0;transition:opacity .5s, transform .5s;}
.text-image-cowon .text-box.movmt {transform:translate3d(0, 0, 0);opacity:1;transition:opacity .8s, transform .8s;}
.text-image-cowon .image-box.movmt {transform:translate3d(0, 0, 0);opacity:1;transition:opacity .8s, transform .8s;}