@charset "utf-8";
.typing-txt {display: inline-block; white-space: pre-line;}
.typed-cursor {font-weight: 400; margin-bottom: 0;}
.fullscreen {min-height: 800px; height: 100vh;}
/* 스크롤트리거 쓰는 섹션 */
.homepage-cont1.fullscreen,
.erp-cont1.fullscreen,
.platform-main.fullscreen
.platform-cont1.fullscreen,
.platform-cont2.fullscreen {height: 100lvh;}
section.black-bg {background-color: #000;}
section.blue-bgr {background-color: #1362EB;}
.blue-gradient {background: #ffffff; background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(19, 98, 235, 1) 80%);}
.sub-main {position: relative;}
.scroll-icon-wrap {position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 10;}
.sub-container section .tit {word-break: keep-all; margin-bottom: 30px; font-size: 48px; font-weight: 500;}
.sub-container section .tit.tit2 {font-size: 40px;}
.sub-container section .tit.line {padding-bottom: 10px; border-bottom: 1px solid #A3A3A3;}
.sub-container section .txt {word-break: keep-all; font-size: 20px; line-height: 1.4; font-weight: 500;}
.sub-container section.blue-bgr .tit,
.sub-container section.blue-bgr .txt ,
.sub-container section.black-bg .tit,
.sub-container section.black-bg .txt {color: #fff;}
.sub-container section .txt b {display: inline-block; margin: 20px 0; font-size: 24px; font-weight: 600; line-height: normal;}
.sub-container section .tit .line {vertical-align: middle; margin-left: 10px; width: 30px; height: 3px;}
.sub-container section .tit.white, .sub-container section .txt.white  { color: #fff;}
.sub-container section .tit.black, .sub-container section .txt.black {color: #000;}
.gradient-bg {margin-bottom: 20px; padding-bottom: 6px; position: relative; width: fit-content; padding: 10px 20px; border-radius: 10px; color: #fff;}
.gradient-bg.bounce::before {z-index: -1; display: block; content: ''; position: absolute; top: 0; left: 0; height: 100%; border-radius: 10px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); width: 0; background: linear-gradient(135deg, #1362EB, #5290FB, #65F665); animation: fillWithBounce 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s forwards;}
.white-bg {margin-bottom: 20px; padding-bottom: 6px; position: relative; width: fit-content; padding: 10px 20px; border-radius: 10px; color: #000;}
.white-bg.bubble::after {content: ""; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff;}
.green-bg {margin-bottom: 20px; padding-bottom: 6px; position: relative; width: fit-content; padding: 10px 20px; border-radius: 10px; color: #000;}
.green-bg.bubble::after {content: ""; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #65F665;}
.blue-bg {margin-bottom: 20px; padding-bottom: 6px; position: relative; width: fit-content; padding: 10px 20px; border-radius: 10px; color: #fff;}
.blue-bg.bubble::after {content: ""; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #1362EB;}
.bounce-target::after {opacity: 0; transition: opacity 0.3s ease;}
.bounce::after {transition: opacity 1s cubic-bezier(1, 0, 1, 1); opacity: 1;}
.blue-bg.bounce::before {z-index: -1; display: block; content: ''; position: absolute; top: 0; left: 0; height: 100%; border-radius: 10px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); width: 0; background: #1362EB; animation: fillWithBounce 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s forwards;}
.green-bg.bounce::before {z-index: -1; display: block; content: ''; position: absolute; top: 0; left: 0; height: 100%; border-radius: 10px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); width: 0; background: #65F665; animation: fillWithBounce 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s forwards;}
.white-bg.bounce::before {z-index: -1; display: block; content: ''; position: absolute; top: 0; left: 0; height: 100%; border-radius: 10px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); width: 0; background: #fff; animation: fillWithBounce 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s forwards;}
.sub-container section .txt.grey {color: #E0E0E0;}
.sub-container section .tit.white .line {background-color: #fff;}
.sub-container section .tit.black .line {background-color: #000;}
.sub-cont-tit {word-break: keep-all; text-align: center; font-size: 32px; font-weight: 500; line-height: 1.5; color: #000;}
.sub-cont-tit.white {color: #fff;}
section.blue-bgr .sub-cont-tit,
section.black-bg .sub-cont-tit {color: #fff;}
.sub-cont-tit span:not(.blue):not(.green) {font-size: 20px; font-weight: 600; color: #1362EB; margin-bottom: 10px;}
.sub-cont-tit p {margin-top: 40px;}
.sub-cont-tit p.txt {color: #414141;}
.sub-container section .core-box .txt .green {font-size: 16px;}
.sub-container section .core-box-wrap {max-width: 1364px; padding: 130px 0;}
.sub-container section .core-box-wrap li {display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 160px;}
.sub-container section .core-box-wrap li:last-child {margin-bottom: 0;}
.sub-container section .core-box-wrap li:nth-child(odd) span:not(.blue),
.sub-container section .core-box-wrap li:nth-child(odd) .tit,
.sub-container section .core-box-wrap li:nth-child(odd) p:not(.bounce-target) {padding-right: 24px;}
.sub-container section .core-box-wrap li:nth-child(even) {flex-direction: row-reverse;}
.sub-container section .core-box-wrap li:nth-child(even) span:not(.blue),
.sub-container section .core-box-wrap li:nth-child(even) .tit,
.sub-container section .core-box-wrap li:nth-child(even) p:not(.bounce-target) {padding-left: 24px;}
.sub-container section .core-box-wrap li:nth-child(even) .tit .blue {padding-left: 0;}
.sub-container section .core-box-wrap li .txt {flex: 1; padding-bottom: 100px;}
.sub-container section .core-box-wrap li .tit {font-size: 32px; padding-bottom: 20px; margin-bottom: 20px;}
.sub-container section .core-box-wrap li .img-wrap {overflow: hidden; position: relative; overflow: visible; aspect-ratio: 491 / 538; max-width: 491px; width: 40%;}
.sub-container section .core-box-wrap li .img-wrap img {width: 100%; height: 100%; border-radius: 30px; object-fit: cover; aspect-ratio: 491 / 538;}
.sub-container section .core-box-wrap li .bounce-target {position: absolute; z-index: 10; font-weight: 600;}
.sub-container section .core-box-wrap .core01 .bounce-target.first {top: 30px; right: -100px;}
.sub-container section .core-box-wrap .core01 .bounce-target.second {top: 90px; left: -175px;}
.sub-container section .core-box-wrap .core02 .bounce-target {top: 50px; right: -210px;}
.sub-container section .core-box-wrap .core03 .bounce-target.first {top: 70px; left: -160px;}
.sub-container section .core-box-wrap .core03 .bounce-target.second {top: 130px; left: -70px;}
.sub-container section .core-box-wrap .core04 .bounce-target {top: 45px; right: -240px;}
.scrolling-text {white-space: nowrap; font-size: 64px; font-weight: 600; width: 100%; display: inline-block; will-change: transform;}
/* 회사소개 */
.about-main {overflow: hidden;}
.about-main > img {position: absolute; left: 25%; bottom: 0; animation: boing 1.6s ease-in-out infinite; transform-origin: center bottom;}
.about-main .content {height: 100%; display: flex; align-items: center; justify-content: space-between;}
.about-main .content .left {width: 60%;}
.about-main .content .left .tit .blue {margin-left: 57px;}
.about-main .content .right {flex-shrink: 0; width: 35%; position: relative;}
.about-main .content .right .circle-wrap {position: relative; width: 100%; animation: lift-circle 2.5s ease-in-out infinite; transform-origin: center bottom;}
.about-main .content .right .circle {aspect-ratio: 1/1; width: 100%; border-radius: 50%; background-color: #01173C; display: flex; align-items: center; justify-content: center;}
.about-main .content .right .circle img {width: calc(100% - 140px);}
.about-main .content .right .circle-character {width: calc(100% - 170px); position: absolute; left: 50%; bottom: -10%; transform: translateX(-50%);}
.about-cont1 {padding: 330px 0 400px; background-image: url(../img/sub/about/about-bg.webp); background-repeat: no-repeat; background-size: cover;}
.about-cont1 > div {max-width: 935px;}
.about-cont1 .top .tit .blue:not(:first-child) {margin-left: 77px;}
.about-cont1 .top .txt {margin-bottom: 50px;}
.about-cont1 .bot {margin-top: 30px;}
.about-cont1 .bot .tit,
.about-cont1 .bot .txt {text-align: right;}
.about-cont2 {padding: 167px 0 154px;}
.about-cont2 > div {display: flex; align-items: flex-start; justify-content: space-between;}
.about-cont2 .top .padding-left {padding-left: 128px;}
.about-cont2 .top .txt-wrap {max-width: 35%; width: fit-content;}
.about-cont2 .top .img-wrapper {width: 60%; display: flex; align-items: center; column-gap: 40px;}
.about-cont2 .top .img-wrap {width: calc(50% - 20px); display: flex; flex-direction: column; align-items: center; row-gap: 17px;}
.about-cont2 .top img{width: 100%;}
.about-cont2 .bot {margin-top: 260px;}
.about-cont2 .bot .txt-wrap {max-width: 35%; width: fit-content;}
.about-cont2 .bot .img-wrapper {width: 60%; display: flex; align-items: center; column-gap: 40px;}
.about-cont2 .bot .img-wrap {width: calc(50% - 20px); display: flex; flex-direction: column; align-items: center; row-gap: 17px;}
.about-cont2 .bot img{width: 100%;}
.about-cont3 {padding-top: 130px;}
.about-cont3 .top,
.about-cont3 .bot {display: flex; justify-content: space-between;}
.about-cont3 .top {max-width: 1200px; align-items: flex-end; margin-bottom: 200px;}
.about-cont3 .top .txt-wrap {flex: 1; padding-bottom: 100px;}
.about-cont3 .top img {width: 50%; max-width: 490px;}
.about-cont3 .bot {align-items: flex-start; column-gap: 50px;}
.about-cont3 .bot .txt-wrap {flex-shrink: 0; width: fit-content;}
.about-cont3 .bot>.map {max-width: 900px; width: 60%; height: 550px; border-radius: 50px; box-shadow:14px 14px 33px rgba(0, 0, 0, 0.25);}
.about-cont3 .bot>.map .root_daum_roughmap,
.about-cont3 .bot>.map .root_daum_roughmap .wrap_map{width: 100% !important; height: 100% !important;}
.about-cont3 .bot .blue-bg.bubble {margin: 0 auto 28px;}
/* .about-cont3 .bot>.map .root_daum_roughmap .wrap_map {pointer-events: none;}
.about-cont3 .bot>.map .wrap_btn_zoom, */
.about-cont3 .bot>.map .wrap_controllers,
.about-cont3 .bot>.map .cont {display: none !important;}
.about-cont3 .bot li {display: flex; align-items: center; column-gap: 20px; margin-bottom: 4px;}
.about-cont3 .bot li:last-child {margin-bottom: 0;}
.about-cont3 .bot li span {font-size: 20px; font-weight: 600; color: #000;}
.about-cont3 .bot li p {font-size: 20px; font-weight: 500; line-height: 32px; color: #373737;}
.about-cont3 .slogan {display: flex; flex-direction: column; align-items: center; margin-top: -146px; padding: 220px 0; background-color: #5290FB;}
.about-cont3 .slogan p {text-align: center; font-size: 40px; font-weight: 600; color: #fff; line-height: 60px; margin-bottom: 16px;}
.about-cont3 .slogan img {width: 300px;}
/* 홈페이지제작&블로그 공통 */
.sub-main {display: flex; align-items: center; justify-content: center;}
.sub-main .txt-wrap {display: flex; flex-direction: column; align-items: center;}
.sub-main .txt-wrap h2 {text-align: center; margin-bottom: 40px; font-weight: 400;}
.sub-main .txt-wrap img {width: 200px;}
.sub-main .txt-wrap p {margin-top: 20px;}
.sub-main .bounce-target {position: absolute; z-index: 1;}
/* gasp트리거 공통 */
.philosophy-section {position: relative; height: 100vh; overflow: hidden;}
.philosophy-wrap,
.philosophy-sticky {height: 100%;}
.philosophy-inner {position: relative; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 80px;}
.philosophy-txt {position: relative; z-index: 10; text-align: center;}
.philosophy-txt h3 {word-break: keep-all; font-size: 90px; font-weight: 700; line-height: 1.33; letter-spacing: -1.8px; color: #22212e;}
.philosophy-txt p.gradient {margin-top: 60px; display: inline-block; padding: 16px 48px; border-radius: 30px; background-color: #1fc7db; font-size: 36px; font-weight: 700; color: #fff; line-height: 1.4;}
.philosophy-img {position: absolute; top: 60%; left: 50%; width: 340px; height: 340px; transform: translate(-50%, -50%); overflow: hidden;}
.philosophy-img img {width: 100%; height: 100%; object-fit: cover;}
.philosophy-img .mask {position: absolute; inset: 0; background: rgba(0,0,0,0.4);}
/* 홈페이지제작 */
.homepage-main .bounce-target.blue-bg, .subscribe-main .bounce-target.blue-bg {top: 30%; left: 20%;}
.homepage-main .bounce-target.green-bg, .subscribe-main .bounce-target.green-bg {top: 50%; right: 15%;}
.homepage-section:not(.homepage-main) {padding: 130px 0;}
.homepage-section .philosophy-txt p.gradient {border-radius: 30px; padding: 16px 60px; font-size: 32px; font-weight: 600;}
.work-process {margin-top: 40px; padding: 30px 0; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.work-process::after {content: ''; display: inline-block; width: 1px; height: calc(100% - 1px); border-right: 2px dashed #8F8F8F; position: absolute; top: 0; left: 50%; transform: translateX(calc(-50% - 0.5px)); z-index: -1;}
.work-process::before {content: ''; display: inline-block; width: 16px; height: 8px; background-image: url(../img/wp-arrow.svg); background-repeat: no-repeat; background-size: contain; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.wp-item:nth-child(odd) {transform: translateX(calc(-50% + 7px));}
.wp-item:nth-child(even) {transform: translateX(calc(50% - 7px));}
.wp-item .icon-wrap{width: 360px; display: flex; align-items: center;}
.wp-item:nth-child(even) .icon-wrap{flex-direction: row-reverse;}
.wp-item .icon-wrap .line {width: calc(100% - 69px - 14px); border-bottom: 1px dashed #1362EB;}
.wp-item .icon-wrap .dot {width: 14px; height: 14px; border-radius: 50%; background-color: #1362EB;}
.wp-item .icon-wrap .icon {width: 69px; height: 69px; border-radius: 50%; background-color: #1362EB; display: flex; align-items: center; justify-content: center;}
.wp-item:nth-child(odd) .wp-center {padding-right: 38px; text-align: right;}
.wp-item:nth-child(even) .wp-center {padding-left: 38px; text-align: left;}
.wp-item .wp-center .step-name {font-size: 24px; font-weight: 600; color: #1362EB; margin-bottom: 10px;}
.wp-item .wp-center p {word-break: keep-all; font-size: 20px; font-weight: 500; color: #000;}
.homepage-cont4 .service-box-wrap {margin-top: 130px; display: grid; grid-template-columns: repeat(4, 1fr);}
.homepage-cont4 .service-box {display: flex; align-items: center; column-gap: 10px; padding: 40px 0; border-bottom: 1px solid #A3A3A3;}
.homepage-cont4 .service-box i {font-size: 30px;}
.homepage-cont4 .service-box h5 {font-size: 30px; font-weight: 600;}
.homepage-cont4 .service-box:not(.point) h5 {will-change: opacity; animation: blink 2s ease-in-out infinite;}
.homepage-cont5 .txt-wrap {margin-top: 80px; margin-bottom: 110px;}
.homepage-cont5 .txt-wrap .tit,
.homepage-cont5 .txt-wrap .txt {text-align: center;}
.homepage-cont5 .txt-wrap .txt {line-height: 1.8;}
.homepage-cont5 .chat-wrap { display: flex; flex-direction: column; gap: 50px; max-width: 750px;}
.homepage-cont5 .chat-item {display: flex; align-items: center;}
.homepage-cont5 .chat-item.left {justify-content: flex-start;}
.homepage-cont5 .chat-item.right {justify-content: flex-end;}
.homepage-cont5 .chat-item .avatar {width: 70px; height: 70px; border-radius: 50%; overflow: hidden; flex-shrink: 0;}
.homepage-cont5 .chat-item .avatar img {width: 100%; height: 100%; object-fit: cover;}
.homepage-cont5 .bubble {max-width: 550px; padding: 26px 20px; border-radius: 10px; font-size: 20px; font-weight: 600; line-height: 1.5; color: #fff; position: relative;}
.homepage-cont5 .bubble-blue {margin-left: 50px; background-color: #1362EB;}
.homepage-cont5 .chat-item.left .bubble-blue::after {content: ""; position: absolute; left: -16px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; background: #1362EB; clip-path: polygon(100% 0, 0 50%, 100% 100%);}
.homepage-cont5 .bubble-green {margin-right: 50px; background-color: #22C55E;}
.homepage-cont5 .chat-item.right .bubble-green::after {content: ""; position: absolute; right: -16px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; background: #22C55E; clip-path: polygon(0 0, 100% 50%, 0 100%);}
.homepage-cont6 .inner {text-align: center;}
.homepage-cont6 .inner > img {aspect-ratio: 1006 / 594; width: 80%; max-width: 1000px; margin: 40px auto 40px;}
.homepage-cont6 .inner > .txt {margin-bottom: 160px;}
.homepage-cont6 .inner .img-wrap,
.platform-cont8 .inner .img-wrap,
.video-cont4 .inner .img-wrap {margin: 60px 0; position: relative; width: 100%; aspect-ratio: 1520/667;}
.homepage-cont6 .inner .img-wrap img,
.platform-cont8 .inner .img-wrap img,
.video-cont4 .inner .img-wrap img {position: absolute; border-radius: 2.5vw; box-shadow: 14px 14px 33px rgba(0, 0, 0, 0.25);}
.homepage-cont6 .inner .img-wrap img:nth-child(1),
.platform-cont8 .inner .img-wrap img:nth-child(1),
.video-cont4 .inner .img-wrap img:nth-child(1) {width: 40%; max-width: 619px; left: 0; bottom: 75px;}
.homepage-cont6 .inner .img-wrap img:nth-child(2),
.platform-cont8 .inner .img-wrap img:nth-child(2),
.video-cont4 .inner .img-wrap img:nth-child(2) {width: 35%; max-width: 559px; left: 50%; transform: translateX(-40%); top: 0;}
.homepage-cont6 .inner .img-wrap img:nth-child(3),
.platform-cont8 .inner .img-wrap img:nth-child(3),
.video-cont4 .inner .img-wrap img:nth-child(3) {width: 25%; max-width: 382px; right: 0; bottom: 0;}
.homepage-cont6 .inner .tit,
.platform-cont8 .inner .tit,
.video-cont4 .inner .tit {color: #fff;}
/* 블로그마케팅 */
.blog-main {padding: 200px 0 160px;}
.blog-main .bounce-target.blue-bg {top: 30%; right: 65%;}
.blog-main .bounce-target.green-bg {bottom: 20%; right: 25%;}
.blog-cont1 .video-wrap {height: 660px; border-radius: 30px; overflow: hidden; margin-bottom: 70px;}
.blog-cont1 .video-wrap video {width: 100%; height: 100%; object-fit: cover;}
.blog-cont1 .scrolling-text {color: #5290FB;}
.blog-cont2 {}
.blog-cont2 .flex-wrap {height: 100%; display: flex; align-items: center; justify-content: space-between; padding-left: 250px;}
.blog-cont2 .flex-wrap img {height: 100%; object-fit: contain;}
.blog-cont2 .flex-wrap .sub-cont-tit {text-align: left;}
.blog-cont3 {padding-bottom: 150px;}
.blog-cont3 .process-box {margin-top: 100px; margin-bottom: 60px; display: flex; align-items: center; column-gap: 30px;}
.blog-cont3 .process-box li {background: #000; transition: all 0.2s; padding: 20px; aspect-ratio: 1/1; width: calc(100% / 5 - (30px * 4) / 5); border-radius: 20px; border: 2px solid #fff; display: flex; align-items: center; justify-content: flex-start;}
.blog-cont3 .process-box li .tit {font-size: 32px;}
.blog-cont3 .process-box li.on {transition: all 0.2s; background: linear-gradient(135deg, #1362EB, #5290FB, #65F665);}
/* .blog-cont3 .process-box li.on .tit,
.blog-cont3 .process-box li.on p {transition: all 0.2s; color: #000;}
.blog-cont3 .process-box li:nth-child(1).on {rotate: -5deg;}
.blog-cont3 .process-box li:nth-child(2).on {rotate: 7deg;}
.blog-cont3 .process-box li:nth-child(3).on {rotate: 0deg;}
.blog-cont3 .process-box li:nth-child(4).on {rotate: -7deg;}
.blog-cont3 .process-box li:nth-child(5).on {rotate: 6deg;} */
.blog-cont3 > .tit {text-align: center;}
.blog-cont5 {padding: 130px 0 230px;}
.blog-cont5 .sub-cont-tit {position: relative; overflow: visible; margin-bottom: 165px;}
.blog-cont5 .sub-cont-tit .txt {margin-top: 30px;}
.blog-cont5 .sub-cont-tit img {position: absolute; top: 80px; right: 40px;}
.blog-cont5 .flex-wrap {display: flex; align-items: center; column-gap: 30px;}
.blog-cont5 .flex-wrap img {width: calc(50% - 30px);}
.blog-cont5 .flex-wrap .txt-wrap {width: 50%;}
.blog-cont5 .flex-wrap .txt-wrap span {font-size: 24px; font-weight: 600; margin-bottom: 20px;}
.blog-cont5 .flex-wrap .txt-wrap .bounce-target {margin-bottom: 10px; font-size: 32px; width: fit-content;}
.blog-section .typing-txt {line-height: 45px; height: 90px; margin-top: 60px; font-size: 36px; font-weight: 700 ;}
.blog-cont5 .flex-wrap .txt-wrap .typed-cursor {display: none;}
.blog-cont6 {position: relative;}
.blog-cont6 img {object-fit: contain; height: 100%; rotate: 180deg; position: absolute; top: 0; left: 0; z-index: 1;}
.blog-cont6 .txt-wrapper {z-index: 10; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: flex; flex-direction: column; align-items: stretch;}
.blog-cont6 .txt-wrapper .sub-cont-tit {text-align: right;}
.blog-cont6 .txt-wrapper > p {display: inline-block; font-size: 32px; font-weight: 600; color: #fff; text-align: right; line-height: 1.5; margin-top: 160px;}
.blog-cont7 {padding: 140px 0 470px; position: relative; background: linear-gradient(180deg, rgba(255, 255, 255, 1) 70%, rgba(19, 98, 235, 1) 100%);}
.blog-cont7 .effects-box-wrap {margin-top: 60px; margin-bottom: 80px;}
.blog-cont7 .effects-box:first-child {border-top: 1px solid #C9C9C9;}
.blog-cont7 .effects-box {display: flex; align-items: center; padding: 32px 100px; border-bottom: 1px solid #C9C9C9; column-gap: 100px;}
.blog-cont7 .effects-box h5 {font-size: 24px; font-weight: 600; flex-shrink: 0; display: flex; align-items: center; column-gap: 16px; width: 300px;}
.blog-cont7 .effects-box h5 i {display: inline-block; width: 66px; height: 66px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid #65F665; background-color: #1362EB;}
.blog-cont7 .effects-box p {font-size: 20px; font-weight: 500; color: #303030; word-break: keep-all;}
.blog-cont7 > .tit {text-align: center; line-height: 1.5; margin-bottom: 210px !important;}
.blog-cont7 .white-bg {margin: 30px auto 0;}
.blog-cont7 .white-bg span{position: relative; z-index: 2; font-size: 48px; font-weight: 600; background: linear-gradient(90deg, #1362EB 0%, #5290FB 50%, #65F665 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}
.blog-cont7 .white-bg.bounce::before {z-index: 1;}
.blog-cont7 > img {max-width: 458px; width: 30%; position: absolute; right: 137px; bottom: -60px;}
/* ERP 서비스 */
.erp-main {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; row-gap: 400px; padding-bottom: 40px; background: #0A3C93; background: radial-gradient(circle,rgba(10, 60, 147, 1) 0%, rgba(0, 14, 39, 1) 80%);}
.erp-main img {aspect-ratio: 1/1; object-fit: contain; max-height: 500px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.erp-main .scrolling-text {color: rgba(39, 83, 159, 0.6);}
.erp-cont1 .erp-cont1-txt p.gradient {background: #5290FB;}
.erp-cont2 {padding: 155px 0;}
.erp-cont3 {padding: 130px 0;}
.erp-cont3 .inner {overflow: visible;}
.erp-cont3 .tit {margin-top: 130px; margin-bottom: 50px; text-align: center;}
.erp-cont3 .relative-container {position: relative;}
.erp-cont3 .relative-container img {position: absolute;}
.erp-cont3 .relative-container img:nth-child(1) {right: -5%; top: 0;}
.erp-cont3 .relative-container img:nth-child(2) {left: -5%; top: 50%;}
.erp-cont3 .relative-container img:nth-child(3) {right: 0; bottom: 0;}
.erp-cont3 .erp-box-wrap {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; column-gap: 24px; row-gap: 80px;}
.erp-cont3 .erp-box {transition: background-color 0.3s; padding: 50px; border: 1px solid #BFBFBF; border-radius: 30px; width: calc(100% / 3 - 48px / 3); aspect-ratio: 491/360; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; row-gap: 30px;}
.erp-cont3 .erp-box:hover {background-color: #000;}
.erp-cont3 .erp-box span {transition: color 0.3s; font-size: 24px; font-weight: 600; line-height: 1.8;}
.erp-cont3 .erp-box p {transition: color 0.3s; font-size: 20px; font-weight: 500; line-height: 1.5; color: #4c4c4c;}
.erp-cont3 .erp-box:hover span {color: #fff;}
.erp-cont3 .erp-box:hover p {color: #a0a0a0;}
.erp-cont4 {padding: 100px 0;}
.erp-cont4 .inner {max-width: 750px;}
.erp-cont4 .inner .sub-cont-tit {margin-bottom: 60px;}
.erp-cont4 .inner img {width: 100%; margin-bottom: 60px;}
.erp-cont4 .inner .txt {text-align: center;}
.erp-cont5 {padding: 180px 0 130px; background: linear-gradient(180deg, rgba(255, 255, 255, 1) 50%, rgba(19, 98, 235, 1) 100%);}
.erp-cont5 .inner .txt {text-align: center; color: #3a3a3a; margin-top: 100px; margin-bottom: 30px;}
.erp-cont5 .inner .txt strong {display: block; font-size: 24px; font-weight: 500; color: #000;}
.erp-cont5 .inner img {width: 100%; margin-bottom: 105px;}
.erp-cont5 .inner .tit.white {margin-top: 100px; text-align: center;}
/* 월구독 */
.subscribe-main .txt-wrap span.blue {font-size: 36px; font-weight: 600; margin-bottom: 20px;}
.subscribe-main .gradient {padding: 10px 30px; border-radius: 30px; font-size: 40px; font-weight: 700; color: #fff;}
.subscribe-cont1 {padding: 100px 0 90px;}
.subscribe-cont1 .main-txt {text-align: center; font-size: 64px; font-weight: 800; color: #fff; margin-bottom: 27px;}
.subscribe-cont1 .typing-txt {width: 515px;}
.subscribe-cont1 .img-wrap {margin: 88px auto 0; width: fit-content; overflow: visible; position: relative; display: flex; align-items: flex-start; column-gap: 66px;}
.subscribe-cont1 .img-wrap img:nth-child(2) {margin-top: 40px;}
.subscribe-cont1 .img-wrap .ico {position: absolute;}
.subscribe-cont1 .img-wrap .ico01 {right: calc(100% + 75px); top: 100px;}
.subscribe-cont1 .img-wrap .ico02 {right: -40px; bottom: 15px;}
.subscribe-cont1 .tag-wrap {margin: 50px 0 18px; display: flex; align-items: center; justify-content: center; column-gap: 14px;}
.subscribe-cont1 .tag {font-size: 24px; font-weight: 500; padding: 10px; border-radius: 20px; background-color: #fff;}
.subscribe-cont1 p {line-height: 1.3; text-align: center; font-size: 24px; margin-bottom: 18px;}
.subscribe-cont1 .tit {text-align: center;}
.subscribe-cont2 {padding: 130px 0 215px;}
.subscribe-cont2 .template-wrapper {display: flex; column-gap: 45px; align-items: center; margin-top: 180px;}
.subscribe-cont2 .template-wrapper .swiper {width: calc(60% - 45px);}
.subscribe-cont2 .template-txt-box {display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; width: 40%; aspect-ratio: 619/591; border-radius: 30px; background-color: #EFEFEF; padding: 70px 40px 60px;}
.subscribe-cont2 .template-txt-box .swiper-tit {font-size: 36px; font-weight: 700; margin-bottom: 30px;}
.subscribe-cont2 .template-txt-box .swiper-tit span {font-size: 24px; margin-top: 10px; display: block;}
.subscribe-cont2 .template-txt-box .txt {color: #696969;}
.subscribe-cont2 .template-txt-box .swiper-btn-wrap {display: flex; align-items: center; column-gap: 20px;}
.subscribe-cont2 .template-txt-box .swiper-btn-wrap .mini-btn.gradient {color: #fff; border: 0;}
.subscribe-cont2 .swiper-slide img {width: 100%; height: 100%; object-fit: contain;}
.subscribe-cont2 .swiper-btn {display: flex; align-items: center; column-gap: 30px; position: absolute; bottom: 0; left: 0; z-index: 10;}
.subscribe-cont2 .swiper-btn > svg {cursor: pointer;}
.subscribe-cont2 .swiper-btn > svg rect:first-child {transition: fill-opacity 0.2s;}
.subscribe-cont2 .swiper-btn > svg:hover rect:first-child {fill-opacity: 0.1;}
.subscribe-cont3 {padding: 130px 0;}
.subscribe-cont3 .tit {text-align: center;}
.subscribe-cont3 .process-box-wrapper,
.video-cont2 .process-box-wrapper {margin-top: 60px; display: flex; flex-direction: column;  row-gap: 85px;}
.subscribe-cont3 .process-box-wrap,
.video-cont2 .process-box-wrap {width: 100%; max-width: 1166px; display: flex; column-gap: 40px;}
.subscribe-cont3 .process-box-wrap.wrap01,
.video-cont2 .process-box-wrap.wrap01{margin-right: auto;}
.subscribe-cont3 .process-box-wrap.wrap02,
.video-cont2 .process-box-wrap.wrap02{margin-left: auto;}
.subscribe-cont3 .process-box-wrap .process-box,
.video-cont2 .process-box-wrap .process-box {background: #000; width: calc(100% / 3 - 80px / 3); border-radius: 30px; border: 2px solid #fff; padding: 40px 0; display: flex; flex-direction: column; align-items: center;}
.subscribe-cont3 .process-box-wrap .process-box:hover,
.video-cont2 .process-box-wrap .process-box:hover {background: linear-gradient(135deg, #1362EB, #5290FB, #65F665);}
.subscribe-cont3 .process-box-wrap .process-box .ico,
.video-cont2 .process-box-wrap .process-box .ico {width: 180px; height: 180px; border-radius: 50%; background-color: #fff; display: flex; align-items: center; justify-content: center;}
.subscribe-cont3 .process-box-wrap .process-box .green,
.video-cont2 .process-box-wrap .process-box .green {font-size: 24px; margin: 40px 0 10px;}
.subscribe-cont3 .process-box-wrap .process-box .txt,
.video-cont2 .process-box-wrap .process-box .txt {text-align: center;}
.subscribe-cont4 {padding: 130px 0 0;}
.subscribe-cont5 {padding: 150px 0;}
.subscribe-cont5 .service-box-wrap {margin-top: 80px; display: flex; flex-wrap: wrap; row-gap: 50px; column-gap: 24px;}
.subscribe-cont5 .service-box {width: calc(100% / 3 - 48px / 3); padding: 50px; border-radius: 30px; background-color: #F4F4F4; display: flex; flex-direction: column; align-items: center;}
.subscribe-cont5 .service-box img {width: 90px; height: 90px; object-fit: contain; object-position: center center;}
.subscribe-cont5 .service-box h5 {font-size: 24px; font-weight: 600; margin: 45px 0 10px;}
.subscribe-cont5 .service-box .txt {text-align: center;}
.subscribe-cont6 {padding: 120px 0;}
.subscribe-cont6 .inner {display: flex; align-items: center; flex-direction: column;}
.subscribe-cont6 .big-txt {margin: 160px 0 60px; text-align: center; font-size: 64px; font-weight: 500; color: #fff;}
.subscribe-cont6 .arrow-btn {width: fit-content; position: relative; overflow: visible;}
.subscribe-cont6 .round-btn {position: relative; z-index: 5; color: #fff;}
.subscribe-cont6 .arrow-btn svg {transition: left 0.2s; position: absolute; left: calc(100% - 40px); top: 50%; transform: translateY(-50%); z-index: 1;}
.subscribe-cont6 .round-btn:hover + svg {left: calc(100% - 20px);}
.subscribe-cont7 {padding: 130px 0; position: relative;}
.subscribe-cont7 .guide-txt h5 {font-size: 24px; font-weight: 600; margin-bottom: 20px;}
.subscribe-cont7 .guide-txt .txt {color: #5B5B5B; line-height: 30px; font-size: 20px;}
.subscribe-cont7 .credit-box-wrap {display: flex; align-items: center; margin-top: 50px; margin-bottom: 130px; column-gap: 24px; align-items: stretch;}
.subscribe-cont7 .credit-box-wrap .credit-box {border-radius: 20px; background-color: #fff; width: calc(50% - 12px); box-shadow: 14px 14px 33px rgba(0, 0, 0, 0.25); padding: 45px; display: flex; align-items: flex-start; justify-content: space-between; column-gap: 40px;}
.subscribe-cont7 .credit-box-wrap .credit-box:first-child img {border: 1px solid #DBDADA;}
.subscribe-cont7 .credit-box-wrap .credit-box .guide-txt {width: calc(100% - 235px - 40px);}
.subscribe-cont7 .credit-box-wrap .credit-box img {width: 235px; border-radius: 30px;}
.subscribe-cont7 .cancel-box-wrap {display: flex; flex-direction: column; align-items: center; row-gap: 30px; max-width: 1000px; margin: 70px auto 0;}
.subscribe-cont7 .cancel-box-wrap .cancel-box {width: 100%; border-radius: 30px; background-color: #fff; padding: 40px 130px;}
.subscribe-cont7 .ico {position: absolute; scale: 0.8;}
.subscribe-cont7 .ico01 {top: 35%; right: 70%;}
.subscribe-cont7 .ico02 {top: 53%; right: 30px;}
.subscribe-cont7 .ico03 {bottom: 15%; left: 80px;}
.subscribe-cont7 .ico04 {bottom: 10%;  left: 80%;}
.sub-hd.on ~ .sub-container .subscribe-section + .subscribe-floating-btn {opacity: 1;}
.subscribe-section + .subscribe-floating-btn {z-index: 99; overflow: hidden; opacity: 0; transition: opacity 0.3s,transform 0.25s ease, box-shadow 0.25s ease; box-shadow: 0 4px 15px 0 rgba(160, 160, 160, 0.75); position: fixed; left: 50%; bottom: 20px; transform: translateX(-50%); border-radius: 30px; padding: 4px; overflow: hidden; background: linear-gradient(135deg, #1362EB, #5290FB, #65F665);}
.subscribe-section + .subscribe-floating-btn a {white-space: nowrap; padding: 18px 35px; background-color: #fff; border-radius: 26px; font-size: 28px; font-weight: 600;}
.subscribe-section + .subscribe-floating-btn::before {content: ''; position: absolute; top: -50%; left: -150%; width: 80px; height: 200%; background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 100%); transform: skewX(-20deg); animation: shine 2.8s ease-in-out infinite; pointer-events: none;}
@keyframes shine {0% {left: -150%;}60% {left: 120%; } 100% {left: 120%;}}
.subscribe-section + .subscribe-floating-btn:hover {transform: translateX(-50%) translateY(-4px); box-shadow: 0 0 0 rgba(49, 196, 190, 0.9);}

.video-main {position: relative;}
.video-main .video-bg {position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;}
.video-main .tit {width: 100%; text-align: center; position: absolute; left: 0; bottom: 100px; z-index: 10; font-size: 36px;}
.video-main .tit span {display: block;}
.video-main .tit .padding-right {padding-right: 200px;}
.video-main .tit .padding-left {padding-left: 150px;}
.video-cont1 {padding: 65px 0 200px;}
.video-cont1 .scrolling-text {color: #5290FB; margin-bottom: 180px;}
.video-cont1 .type-box-wrap {margin-top: 70px; display: flex; align-items: flex-start; column-gap: 24px;}
.video-cont1 .type-box {width: calc(100% / 3 - 48px / 3);}
.video-cont1 .type-box .img-wrap {width: 100%; height: auto; aspect-ratio: 491/590; margin-bottom: 50px;;}
.video-cont1 .type-box .img-wrap img{width: 100%; height: 100%; object-fit: cover;}
.video-cont1 .type-box .txt-wrap .green {font-weight: 600;}
.video-cont1 .type-box .txt-wrap .tit {font-size: 32px; margin-top: 10px;}
.video-cont2 .inner > .txt {text-align: center; font-size: 24px; font-weight: 700; margin-top: 100px;}
.video-cont3 {padding: 260px 0 70px;}
.sub-container .video-cont3 .core-box-wrap {max-width: 1520px;}
.sub-container .video-cont3 .core-box-wrap li {margin-bottom: -160px;}
.sub-container .video-cont3 .core-box-wrap li .img-wrap {aspect-ratio: unset; width: fit-content; max-width: 750px; display: flex; flex-direction: column; row-gap: 30px; align-items: center;}
.sub-container .video-cont3 .core-box-wrap li .img-wrap img {max-width: 100%; width: auto; height: auto; border-radius: unset; aspect-ratio: unset;}
.sub-container .video-cont3 .core-box-wrap li .img-wrap p {justify-content: center; display: flex; align-items: center; column-gap: 20px;}
.sub-container .video-cont3 .core-box-wrap li .img-wrap p i {flex-shrink: 0; display: inline-block; width: 40px; height: 40px; background-color: #1362EB; text-align: center; line-height: 40px; font-weight: 700;}
.video-cont4 {padding: 130px 0 140px;}
.video-cont4 .tit {text-align: center;}
/* 문의하기 */
.request-intro {background-color: #141414; padding: 150px 0 200px;}
.request-intro .tit {text-align: center; font-size: 32px; margin-bottom: 100px !important;}
.request-intro .tit p {margin-top: 10px;}
.request-intro .request-list-wrap {width: 100%; max-width: 1258px; margin: 0 auto; display: flex; align-items: stretch; column-gap: 80px;}
.request-intro .request-list {box-shadow: 0 0 40px rgba(19, 98, 235, 0.7); transition: transform 0.2s; width: calc(100% / 3 - 160px / 3); border-radius: 30px; background: linear-gradient(#222730, #222730) padding-box, linear-gradient(135deg, #1362EB, #5290FB, #65F665) border-box; border: 2px solid transparent;}
.request-intro .request-list a {transition: box-shadow 0.2s; box-shadow: inset 0 0 0px rgba(19, 98, 235, 0.5);width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; padding: 60px 40px 50px; border-radius: 30px;}
.request-intro .request-list:hover a {box-shadow: inset 0 0 16px rgba(19, 98, 235, 0.5);}
.request-intro .request-list h5 {font-size: 28px; font-weight: 600; color: #fff;}
.request-intro .request-list img {width: 100px; height: 100px; object-fit: contain; object-position: center center; margin: 40px 0 50px;}
.request-intro .request-list .txt {text-align: center;}
.request-main {padding: 170px 0 115px; display: flex; flex-direction: column; align-items: center;}
.sub-container .request-main .tit {margin-bottom: 10px;}
.request-section {background: #FAFAFA; padding: 60px 0 130px; position: relative; overflow: hidden;}
.request-section form {position: relative; z-index: 10;}
.request-section .request-wrapper {display: flex; flex-direction: column; align-items: center; row-gap: 50px;}
.request-section .question-box {display: block; width: 100%; max-width: 1006px; background: #ffffff; border-radius: 10px; padding: 40px; border: 1px solid #B4B4B4;}
.request-section .question-box.hidden {display: none;}
.request-section .q-title {word-break: keep-all; width: 100%; max-width: 750px; margin: 0 auto; font-size: 20px; font-weight: 500; margin-bottom: 20px;}
.request-section .q-title strong {font-size: 24px; font-weight: 700;}
.request-section .q-title span {font-size: 18px; font-weight: 500; color: #474747; padding-top: 10px;}
.request-section .sub-desc {margin-top: 40px; font-size: 16px; color: #7D7D7D;}
.request-section .radio-group {width: 100%; max-width: 750px; margin: 0 auto; display: flex; flex-wrap: wrap; column-gap: 24px; row-gap: 20px;}
.request-section .radio-item.input-within.short,
.request-section .radio-item:not(.input-within):not(.half):not(.full) {width: calc(100% / 3 - 48px / 3);}
.request-section .radio-item {background-color: #fff; position: relative; display: inline-flex; align-items: center; cursor: pointer; border-radius: 10px; border: 1px solid #B4B4B4; height: 60px;}
.request-section .radio-item:hover {border: 1px solid #1362EB;}
.request-section .radio-item.checked {border: 1px solid #1362EB; background-color: #D8E6FF;}
.request-section .radio-item input[type="radio"],
.request-section .radio-item input[type="checkbox"] { position: absolute; opacity: 0; pointer-events: none;}
.request-section .radio-item span {color: #626262; font-size: 18px; font-weight: 500; padding: 20px 0; text-align: center; width: 100%;}
.request-section .radio-item.icon-witin span {padding: 10px 0; display: flex; align-items: center; justify-content: center; column-gap: 10px;}
.request-section .radio-item.half {width: calc(2 * ((100% - 48px) / 3) + 24px);}
.request-section .radio-item.full {width: 100%;}
.request-section .radio-item.input-within:not(.full):not(.short) {width: calc(2 * ((100% - 48px) / 3) + 24px); padding-right: 20px; position: relative;}
.request-section .radio-item.input-within span {padding: 20px; width: fit-content; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: left; z-index: 1;}
.request-section .radio-item span:hover,
.request-section .radio-item.checked span {color: #1362EB;}
.request-section .radio-item .inner-input {position: absolute; top: 50%; right: 20px; transform: translateY(-50%); height: calc(100% - 20px); width: calc(100% - 120px - 20px); padding: 8px; border-radius: 5px; border: 1px solid transparent; font-size: 14px; outline: none; transition: border-color 0.2s ease, background 0.2s ease; z-index: 2; font-weight: 500; font-size: 16px;}
.request-section .sub-question-box-wrap {margin-top: 40px; display: flex; flex-direction: column; align-content: center; row-gap: 40px;}
.request-section .radio-item .inner-input:disabled {background: #F0F0F0; color: #aaaaaa; cursor: not-allowed;}
.request-section .question-set {display: none; width: 100%; align-items: center; flex-direction: column; row-gap: 50px;}
.request-section .question-set.show {display: flex;}
.request-section .sub-desc.hidden {display: none;}
.request-section .btn-wrap {margin-top: 70px;}
.request-section > img {position: absolute; z-index: 5;}
.request-section .as-img01 {top: 20%; left: 10%;}
.request-section .as-img02 {top: 40%; right: 10%;}
.request-section .as-img03 {top: 60%; left: 5%;}
.request-section .as-img04 {top: 80%; right: 5%;}
.request-section .as-img05 {bottom: 0; left: 45px; max-height: 90%;}
.request-section .input-list {width: 100%; max-width: 750px; margin: 0 auto; margin-bottom: 30px;}
.request-section .privacy-row {width: 100%; max-width: 750px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
.request-section .privacy-row .privacy-txt {font-size: 16px; font-weight: 500; color: #474747;}
.request-section .privacy-row .privacy-txt a {text-decoration: underline; cursor: pointer;}
.request-section .privacy-row .privacy-txt a:hover {color: #000;}
.request-section .privacy-row + .btn-wrap {margin-top: 60px;}
.request-section .privacy-row + .btn-wrap .round-btn {width: 237px; max-width: 100%; justify-content: center;}
.request-section .input-row {width: 100%; max-width: 750px; margin: 0 auto; display: flex; flex-direction: column; row-gap: 20px;}
.request-section .input-flex {width: 100%; max-width: 750px; margin: 0 auto; display: flex; flex-wrap: wrap; column-gap: 20px; row-gap: 20px;}
.request-section .input-flex input {width: calc(50% - 12px);}
.request-quotation > .txt {width: 100%; max-width: 1006px; padding-bottom: 100px; text-align: center; position: relative; overflow: visible; z-index: 1;}
.request-quotation > .txt img {position: absolute; right: 0; top: -18px; z-index: -1;}
.request-final {background-color: #141414;}
.request-final .request-box {overflow: hidden; max-width: 750px; border-radius: 30px; display: flex; flex-direction: column; align-items: center; background: linear-gradient(#202020, #202020) padding-box, linear-gradient(135deg, #1362EB, #5290FB, #65F665) border-box; border: 2px solid transparent; padding: 40px 74px;}
.request-final .final-box .round-btn {margin: 0 auto 30px;}
.request-final .final-box .tit {font-size: 600; color: #fff; margin-bottom: 10px;}
.request-final .final-box .price {text-align: center; font-size: 36px; font-weight: 600; color: #fff; margin-bottom: 42px;}
.request-final .final-box .price span {font-size: 18px; font-weight: 500; padding-left: 15px;}
.request-final .final-box .price .price-desc {font-size: 16px; color: #999;margin-top: 10px;}
.request-final .final-box .plan-info.full {max-width: unset;}
.request-final .final-box .plan-info {width: 100%; max-width: 400px; margin: 16px auto 20px; display: flex; flex-direction: column; align-items: flex-start; row-gap: 20px;}
.request-final .final-box .plan-info li {font-size: 18px; font-weight: 500; display: flex; align-items: center; column-gap: 16px; color: #fff;}
.request-final .final-box .plan-info.small {row-gap: 10px; margin: 40px 0 0;}
.request-final .final-box .plan-info.small li {column-gap: 10px; font-size: 16px; font-weight: 400; color: #626262;}
.request-final .final-box .warning-box {margin-bottom: 40px; background-color: rgba(255, 255, 255, 0.05); width: 100%; border: 1px solid rgba(19, 98, 235, 0.6); border-radius: 10px; padding: 22px 15px; display: flex; flex-direction: column; align-items: center; row-gap: 10px;}
.request-final .final-box .warning-box h5 {margin: 10px 0; display: flex; align-items: center; column-gap: 10px; font-size: 22px; font-weight: 600; color: #fff;}
.request-final .final-box .warning-box p {font-size: 18px; font-weight: 500; line-height: 1.5; color: #fff;}
.request-final .final-box form {width: 100%;}
.request-final .final-box form input[type="tel"],
.request-final .final-box form input[type="email"],
.request-final .final-box form input[type="number"],
.request-final .final-box form input[type="date"],
.request-final .final-box form input[type="text"],
.request-final .final-box form input[type="password"] {color: #fff; border: 2px solid rgba(19, 98, 235, 0.6); background-color: transparent;}
.request-final .final-box .form-column {width: 100%; display: flex; flex-direction: column; flex-direction: column; row-gap: 16px;}
.request-final .final-box .form-row {display: flex; align-items: center; column-gap: 24px;}
.request-final .final-box .form-group {width: 100%;}
.request-final .final-box .form-row .form-group {width: calc(50% - 12px);}
.request-final .final-box .form-group label{display: inline-block; font-size: 16px; font-weight: 500; color: #fff; margin-bottom: 10px;}
.request-final .final-box .privacy-agree {margin-top: 40px; justify-content: flex-start; width: 100%;}
.request-final .final-box .privacy-agree a {text-decoration: underline;}
.request-final .final-box .privacy-agree a:hover {color: #9b9b9b;}
.request-final .final-box .square-btn {margin-top: 40px; width: 100%;}
.request-final .ready-box {max-width: 800px; padding: 50px 60px; color: #fff;}
.request-final .ready-box .ready-top {margin-bottom: 30px;}
.request-final .ready-box .ready-top .icon-check {margin: 0 auto 20px; padding: 15px; width: 80px; height: 80px; border-radius: 50%; background-color: #1362EB;}
.request-final .ready-box .ready-top .icon-check img {width: 100%; height: 100%; object-fit: contain;}
.request-final .ready-box .ready-top .tit2 {font-size: 30px; margin-bottom: 10px; font-weight: 600; text-align: center;}
.request-final .ready-box .ready-top p {font-size: 18px; font-weight: 400; text-align: center;}
.request-final .ready-box .ready-cont {width: 100%; margin-bottom: 40px;}
.request-final .ready-box .ready-cont:nth-child(4) {margin-bottom: 20px;}
.request-final .ready-box .ready-cont:nth-child(5) {margin-bottom: 30px;}
.request-final .ready-box .ready-cont h5 {font-size: 18px; font-weight: 500; display: flex; align-items: center; column-gap: 6px; margin-bottom: 10px;}
.request-final .ready-box .ready-cont .box {background-color: rgba(255, 255, 255, 0.05); border: 2px solid rgba(19, 98, 235, 0.6); border-radius: 10px; padding: 30px;}
.request-final .ready-box .ready-cont .payment-info-list {width: 100%; max-width: 560px; margin: 0 auto;}
.request-final .ready-box .ready-cont .payment-info-list li {margin-bottom: 18px; font-size: 18px; width: 100%; display: flex; align-items: center; justify-content: space-between;}
.request-final .ready-box .ready-cont .payment-info-list li:last-child {margin-bottom: 0;}
.request-final .ready-box .ready-cont .payment-info-list li strong {font-weight: 600;}
.request-final .ready-box .ready-cont .payment-info-list li span {font-weight: 500; width: 250px;}
.request-final .ready-box .ready-cont .flex-wrap {display: flex; flex-wrap: wrap; row-gap: 24px; column-gap: 24px;}
.request-final .ready-box .ready-cont .flex-wrap .box {width: calc(50% - 12px); padding: 15px;}
.request-final .ready-box .ready-cont .flex-wrap .box h6 {font-size: 18px; font-weight: 500; display: flex; align-items: center; column-gap: 10px; margin-bottom: 10px;}
.request-final .ready-box .ready-cont .flex-wrap .box h6 i {font-size: 13px; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 9px; background-color: #5290FB;}
.request-final .ready-box .ready-cont .flex-wrap .box p,
.request-final .ready-box .ready-cont > p {font-size: 15px; line-height: 1.5;}
.request-final .ready-box > p {text-align: center;}
.request-final .ready-box .btn-wrap {margin-top: 16px;}
/* 260206 추가 */
.request-final .template-selection-container { width: 100%; margin: 50px 0; position: relative; }
.request-final .template-selection-container .tit-wrap {margin-bottom: 20px;}
.request-final .template-selection-container .form-sub-tit {font-size: 16px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.request-final .template-selection-container .tit-wrap p {color: #fff; font-size: 14px; opacity: 0.5;}
.request-final .templateSwiper {overflow: hidden; position: relative; }
.request-final .templateSwiper + .selected-img:not(:has(img)) {margin-top: 0; height: 0;}
.request-final .templateSwiper + .selected-img {display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 30px; width: 100%; height: fit-content; transition: height 0.3s,margin-top 0.3s;}
.request-final .templateSwiper + .selected-img img {width: 100%;}
.request-final .templateSwiper input[type="radio"] { display: none; }
.request-final .template-card {display: block; width: 100%; background-color: rgba(255, 255, 255, 0.05); border: 2px solid #B4B4B4; border-radius: 20px; overflow: hidden; cursor: pointer; transition: all 0.3s ease;}
.request-final .template-card:hover {border: 2px solid #fff; box-shadow: 0 0 20px rgba(170, 170, 170, 0.3);}
.request-final .template-card .img-box { position: relative; width: 100%; aspect-ratio: 16/11; padding: 16px 16px 0; overflow: hidden; }
.request-final .template-card .img-box img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.request-final .templateSwiper input[type="radio"]:checked + .template-card { border: 2px solid #1362EB; box-shadow: 0 0 20px rgba(19, 98, 235, 0.3); }
.request-final .templateSwiper input[type="radio"]:checked + .template-card .select-overlay { opacity: 1; }
/* .request-final .templateSwiper input[type="radio"]:checked + .template-card .img-box img { transform: scale(1.1); } */
.request-final .template-card .info-box { padding: 20px; text-align: left; }
.request-final .template-card .info-box .num { display: block; font-size: 13px; font-weight: 700; color: #1362EB; margin-bottom: 5px; }
.request-final .template-card .info-box .title { font-size: 17px; font-weight: 600; color: #fff; }
.request-final .templateSwiper .swiper-btn-wrap .next,
.request-final .templateSwiper .swiper-btn-wrap .prev {padding: 0 15px; background: #202020; width: fit-content; height: 100%; z-index: 10; transform: scale(0.6); position: absolute; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center;}
.request-final .templateSwiper .swiper-btn-wrap .next {background: linear-gradient(94deg,rgba(32, 32, 32, 0) 20%, rgba(32, 32, 32, 1) 80%); right: -1px;}
.request-final .templateSwiper .swiper-btn-wrap .prev {background: linear-gradient(94deg,rgba(32, 32, 32, 1) 20%, rgba(32, 32, 32, 0) 80%); left: -1px;}
.request-final .templateSwiper .swiper-btn-wrap .next svg,
.request-final .templateSwiper .swiper-btn-wrap .prev svg {width: 40px; height: 40px; opacity: 0.6; transition: opacity 0.3s;}
.request-final .templateSwiper .swiper-btn-wrap .next:not(.swiper-button-disabled):hover svg,
.request-final .templateSwiper .swiper-btn-wrap .prev:not(.swiper-button-disabled):hover svg {opacity: 1;}
.request-final .templateSwiper .swiper-btn-wrap .swiper-button-disabled svg {opacity: 0.1;}
.request-final .final-box .form-group .receipt-type-group .radio-item {height: 50px; transition: border-color 0.2s; margin-bottom: 0; background-color: transparent;}
.request-final .final-box .form-group .receipt-type-group .radio-item span {transition: color 0.2s; padding: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.request-final .final-box .form-group .receipt-type-group .radio-item.checked {border: 2px solid rgba(19, 98, 235, 0.6); background-color: rgba(255, 255, 255, 0.05);}
.request-final .final-box .form-group .receipt-details {margin-top: 16px;}
.request-final .final-box .form-group .domain-input-wrap {font-size: 16px; display: flex; align-items: center; justify-content: center; color: #fff; border:2px solid rgba(19, 98, 235, 0.6); background-color: transparent; border-radius: 10px; padding-right: 24px;}
.request-final .final-box .form-group .domain-input-wrap input[type="text"] {border: 0;}

.request-done .box {position: relative; overflow: visible; max-width: 750px; border-radius: 10px; border: 1px solid #b4b4b4; padding: 80px;}
.request-done .box h5 {font-size: 30px; font-weight: 600; margin-bottom: 20px; text-align: center;}
.request-done .box p {word-break: keep-all; font-size: 18px; font-weight: 500; line-height: 1.5; color: #474747; text-align: center; padding-bottom: 10px;}
.request-done .btn-wrap {flex-direction: column; row-gap: 10px;}
.request-done .btn-wrap .square-btn {width: 250px;}
.request-done .box img {position: absolute; bottom: -20%; right: calc(100% - 68px);}
/* 에러페이지 */
.error-section {background-color: #141414; padding: 250px 0 175px;}
.error-section .error-box {position: relative; z-index: 0; max-width: 1000px;}
.error-section .box-inner {width: 100%; background: linear-gradient(#141414, #141414) padding-box, linear-gradient(135deg, #1362EB, #5290FB, #65F665) border-box; border: 2px solid transparent; padding-bottom: 126px;}
.error-section .error-box::after {z-index: -1; content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 20px; right: 20px; background-color: #000;}
.error-section .error-top {width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 13px 30px;}
.error-section .error-top span {font-size: 20px; font-weight: 600; color: #fff;}
.error-section .error-box .line {width: 100%; height: 2px;}
.error-section .error-cont {width: 100%; padding: 126px 95px 60px; display: flex; align-items: center; column-gap: 68px;}
.error-section .error-cont span {font-size: 32px; font-weight: 700; color: #fff;}
.error-section .error-cont p {font-size: 18px; line-height: 1.5; font-weight: 500; color: #fff; margin-top: 10px;}
/* 플랫폼 제작 */
.platform-main {position: relative; overflow: hidden; background: #04132E; background: radial-gradient(circle,rgba(4, 19, 46, 1) 0%, rgba(0, 0, 0, 1) 89%);}
.platform-main .sub-cont-tit {padding-top: 190px; position: relative; z-index: 10;}
.platform-main-wrap,
.platform-main-sticky {height: 100%; width: 100%;}
.platform-main-inner{position: relative; height: 100%;}
.platform-main-inner .icon-box-wrap {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.platform-main-inner .icon-box-wrap .as-img {position: absolute;}
.platform-main-inner .icon-box-wrap .as-img00 {z-index: 10; left: 50%; bottom: 60px; transform: translateX(-50%);}
.platform-main-inner .icon-box-wrap .as-img:not(.as-img00) {z-index: 5;}
/* 스크롤 하기 전 위치 */
.platform-main-inner .icon-box-wrap .as-img01 {top: 27%; left: 8%;}
.platform-main-inner .icon-box-wrap .as-img02 {top: 17%; left: 23%;}
.platform-main-inner .icon-box-wrap .as-img03 {top: 23%;right: 25%;}
.platform-main-inner .icon-box-wrap .as-img04 {top: 25%; right: 2%;}
.platform-main-inner .icon-box-wrap .as-img05 {top: 40%;left: 39%;}
.platform-main-inner .icon-box-wrap .as-img06 {top: 45%;right: 30%;}
.platform-main-inner .icon-box-wrap .as-img07 {top: 50%;left: 22%;}
.platform-main-inner .icon-box-wrap .as-img08 {top: 58%; right: 5%;}
.platform-main-inner .icon-box-wrap .as-img09 {top: 70%;left: 2%;}
.platform-main-inner .icon-box-wrap .as-img10 {top: 75%;right: 20%;}
.platform-cont1 {overflow: hidden; background-image: url(../img/sub/platform/platform-bg01.webp); background-repeat: no-repeat; background-size: cover;}
.platform-cont1 .inner{padding: 30px 0; display: flex; column-gap: 36px; align-items: flex-start; height: 100%;}
.platform-cont1 .txt-wrap {height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
.platform-cont1 .site-wrap {display: flex; column-gap: 35px; padding: 100px 0;}
.platform-cont1 .site-wrap > div {display: flex; flex-direction: column; row-gap: 230px;}
.platform-cont1 .site-wrap .left {padding-top: 330px;}
.platform-cont1 .site {aspect-ratio: 400/559; width: 400px; padding: 35px; border-radius: 30px; background: #FFFFFF; background: linear-gradient(90deg,rgba(255, 255, 255, 0.3) 13%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 89%); box-shadow: inner 0 4px 12px rgba(255, 255, 255, 0.12); backdrop-filter: blur(32px);}
.platform-cont1 .site img {width: 100%; height: 100%; object-fit: cover; border-radius: 30px;}
.platform-cont2 .philosophy-txt {height: 100%; padding: 110px 0 210px; display: flex; flex-direction: column; justify-content: space-between;}
.platform-cont2 .philosophy-txt h3 {font-weight: 500;}
.platform-cont2 .box-wrap {display: flex; align-items: center; flex-direction: column; row-gap: 30px;}
.platform-cont2 .philosophy-txt p.bk-opacity {word-break: keep-all; margin-top: 60px; display: inline-block; padding: 10px 30px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.6); font-size: 32px; font-weight: 600; color: #fff; line-height: 1.4;}
.platform-cont2 .philosophy-txt p.gradient {margin-top: 0; font-size: 20px; font-weight: 500; width: fit-content; padding: 10px 30px; border-radius: 20px;}
.platform-cont3 {padding: 100px 0;}
.platform-cont3 .module-wrap {width: 100%; position: relative; margin-top: 60px;}
.platform-cont3 .txt-wrap,
.platform-cont3 .module-list {position: relative; z-index: 5;}
.platform-cont3 .txt-wrap{text-align: center; margin-bottom: 130px;}
.platform-cont3 .module-list {display: flex; align-items: center; justify-content: space-between;}
.platform-cont3 .module-list li {border-radius: 50%; aspect-ratio: 1/1; width: 400px; display: flex; flex-direction: column; row-gap: 20px; align-items: flex-start; justify-content: center; padding: 50px;}
.platform-cont3 .module-list li:nth-child(odd) {background-color: #8BEBCB;}
.platform-cont3 .module-list li:nth-child(even) {background-color: #8BD1EB;}
.platform-cont3 .module-list li span {font-size: 24px; font-weight: 700; color: #fff;}
.platform-cont3 .module-list li p {font-size: 24px; font-weight: 600; color: #000; word-break: keep-all;}
.platform-cont3 .circle {animation: circleGrow 3s ease-out infinite; border-radius: 50%; position: absolute; border: 3px dashed #6b6b6b; top: 50%; left: 50%; transform: translate(-50%,-50%); aspect-ratio: 1/1; z-index: 1;}
.platform-cont3 .circle01 {width: 740px;}
.platform-cont3 .circle02 {width: 1028px;}
.platform-cont4 {padding: 120px 0;}
.platform-cont4 .core-box-wrap li .tit {font-size: 24px;}
.platform-cont5 {padding: 100px 0 130px;}
.platform-cont5 .platform-list {margin-top: 80px; display: flex; flex-direction: column; row-gap: 60px;}
.platform-cont5 .platform-list li {column-gap: 30px; border-radius: 30px; padding: 50px 80px; background-color: #F5F5F5; display: flex; align-items: center; justify-content: space-between;}
.platform-cont5 .platform-list li img {width: 50%;}
.platform-cont5 .platform-list li .txt-wrap {width: calc(50% - 30px); text-align: center;}
.platform-cont5 .platform-list li .txt-wrap h5 {font-size: 32px; font-weight: 600; color: #5290FB; margin-bottom: 10px;}
.platform-cont5 .platform-list li .txt-wrap p:not(.txt) {word-break: keep-all; margin-top: 60px; font-size: 20px; font-weight: 500; line-height: 1.4; color: #686868;}
.platform-cont6 {padding: 100px 0; background-color: #5290FB;}
.platform-cont6 .sub-cont-tit span:not(.blue):not(.green) {color: #000;}
.platform-cont6 .tit {color: #fff; font-weight: 600; text-align: center; margin: 120px 60px;}
.platform-cont6 .change-list {display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; column-gap: 24px; row-gap: 60px;}
.platform-cont6 .change-list li {aspect-ratio: 490/328; width: calc(100% / 3 - 48px / 3); background-color: #fff; border-radius: 30px; padding: 40px; position: relative;}
.platform-cont6 .change-list li img {position: absolute; right: 40px; bottom: 40px; width: 80px; height: 80px; object-fit: contain;}
.platform-cont6 .change-list li h5 {font-size: 32px; font-weight: 600; margin-bottom: 18px;}
.platform-cont6 .change-list li p {font-size: 20px; font-weight: 500; color: #3C3C3C;}
.platform-cont6 .change-list li:nth-child(n+4) {background-color: rgba(255, 255, 255, 0.3);}
.platform-cont6 .change-list li:nth-child(n+4) h5,
.platform-cont6 .change-list li:nth-child(n+4) p {color: #fff;}
.platform-cont7 {padding: 100px 0;}
.platform-cont7 .txt-wrap {margin: 130px auto 80px; text-align: center;}
.platform-cont7 .chat-wrap {width: 100%; margin: 0 auto; display: flex; flex-direction: column; gap: 50px; max-width: 830px;}
.platform-cont7 .chat-item {display: flex; align-items: center;}
.platform-cont7 .chat-item.left {justify-content: flex-start;}
.platform-cont7 .chat-item.right {justify-content: flex-end;}
.platform-cont7 .chat-item .bubble::before {white-space: nowrap; display: inline-block; position: absolute; bottom: calc(100% + 6px); left: 0; font-size: 16px; font-weight: 500; color: #fff;}
.platform-cont7 .chat-item:nth-child(1) .bubble::before {content: '기획자';}
.platform-cont7 .chat-item:nth-child(2) .bubble::before {content: '대표'; left: unset; right: 0;}
.platform-cont7 .chat-item:nth-child(3) .bubble::before {content: '개발자';}
.platform-cont7 .chat-item .avatar {width: 70px; height: 70px; border-radius: 50%; overflow: hidden; flex-shrink: 0;}
.platform-cont7 .chat-item .avatar img {width: 100%; height: 100%; object-fit: cover;}
.platform-cont7 .bubble {max-width: 750px; padding: 26px 20px; border-radius: 10px; font-size: 20px; font-weight: 600; line-height: 1.5; color: #000; position: relative;}
.platform-cont7 .bubble-white {margin-left: 50px; background-color: #fff;}
.platform-cont7 .chat-item.left .bubble-white::after {content: ""; position: absolute; left: -16px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; background: #fff; clip-path: polygon(100% 0, 0 50%, 100% 100%);}
.platform-cont7 .bubble-yellow {margin-right: 50px; background-color: #FEE800;}
.platform-cont7 .chat-item.right .bubble-yellow::after {content: ""; position: absolute; right: -16px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; background: #FEE800; clip-path: polygon(0 0, 100% 50%, 0 100%);}
.platform-cont8 {padding: 100px 0;}
.platform-cont8 > img {width: 100%; margin: 40px 0;}
.platform-cont8 .txt {text-align: center; margin-bottom: 200px;}
.platform-cont8 .txt span {display: block;}
.platform-cont8 .txt b {margin: 0; margin-top: 30px;}
.platform-cont8 .tit {font-weight: 700; color: #fff; text-align: center; margin-bottom: 0; margin-top: 100px;}

/* 애니메이션 */ 
@keyframes circleGrow {
    0% {
        transform: translate(-50%, -50%) scale(0.5);
        opacity: 1;
    }
    70% {
        opacity: 0.2;
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
}
@keyframes boing {
    0%, 100% {
        transform: scaleY(1);
    }
    30% {
        transform: scaleY(0.92); /* 살짝 눌림 */
    }
    55% {
        transform: scaleY(1.06); /* 튀어오르는 듯한 느낌 */
    }
    75% {
        transform: scaleY(0.97); /* 잔탄성 */
    }
}
@keyframes lift-circle {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }
    25% {
        transform: translateY(-10px) rotate(-1.5deg);
    }
    50% {
        transform: translateY(-6px) rotate(1.5deg);
    }
    75% {
        transform: translateY(-10px) rotate(0deg);
    }
}
@keyframes blink {
    0% { opacity: 0.3; }
    50% { opacity: 1; }
    100% { opacity: 0.3; }
}
@media screen and (min-width: 1921px) {
    .blog-cont2 .flex-wrap {padding-left: 500px;}
}
@media screen and (min-width: 1024px) {
    .subscribe-cont3 .process-box-wrapper.mo ,
    .video-cont2 .process-box-wrapper.mo {display: none;}
    .request-intro .request-list:hover {transform: translateY(-30px);}
}
@media screen and (max-width: 1600px) {
    .sub-container section .core-box-wrap .core01 .bounce-target.first {top: 70px; left: -160px;}
    .sub-container section .core-box-wrap .core01 .bounce-target.second {top: 130px; left: -70px;}
    .about-cont3 .bot {align-items: flex-end;}
    .about-cont3 .bot li {flex-direction: column; align-items: flex-start; margin-bottom: 16px;}
    .blog-cont5 .flex-wrap .txt-wrap .bounce-target {font-size: 28px;}
    .blog-section .typing-txt {font-size: 32px;}
    .subscribe-cont7 .ico01 {top: 37%; right: 80%;}
    .subscribe-cont7 .ico04 {left: 85%;}
    .sub-container .video-cont3 .core-box-wrap li {margin-bottom: 50px;}
}
@media screen and (max-width: 1440px) {
    .sub-container section .tit {font-size: 44px;}
    .homepage-cont4 .service-box-wrap {margin-top: 100px; grid-template-columns: repeat(3, 1fr);}
    .homepage-cont4 .service-box-wrap .hide {display: none;}
    .homepage-main .bounce-target.blue-bg, .subscribe-main .bounce-target.blue-bg {left: 10%;}
    .homepage-main .bounce-target.green-bg, .subscribe-main .bounce-target.green-bg {right: 5%;}
    .blog-cont2 .flex-wrap {padding-left: 60px;}
    .blog-cont5 .flex-wrap .txt-wrap .bounce-target {font-size: 24px;}
    .blog-section .typing-txt {font-size: 28px;}
    .blog-cont3 .process-box {column-gap: 0;}
    .blog-cont3 .process-box li {aspect-ratio: 3/4; width: 20%; background-color: #000;}
    .blog-cont3 .process-box li:nth-child(1) {rotate: 0deg;}
    .blog-cont3 .process-box li:nth-child(2) {rotate: 15deg;}
    .blog-cont3 .process-box li:nth-child(3) {rotate: 2deg;}
    .blog-cont3 .process-box li:nth-child(4) {rotate: -15deg;}
    .blog-cont3 .process-box li:nth-child(5) {rotate: 0deg;}
    .blog-cont3 .process-box li .tit {font-size: 28px;}
    .erp-cont3 .relative-container img:nth-child(1) {right: 0; top: unset; bottom: 100%;}
    .subscribe-cont1 .img-wrap .ico01 {display: none;}
    .subscribe-cont3 .process-box-wrap ,
    .video-cont2 .process-box-wrap {max-width: 1000px;}
    .subscribe-cont7 .ico03 {left: 20px;}
    .subscribe-cont7 .ico04 {left: unset; right: 0;}
    .subscribe-cont7 .credit-box-wrap .credit-box {flex-direction: column; row-gap: 20px; align-items: flex-end;}
    .subscribe-cont7 .credit-box-wrap .credit-box .guide-txt {width: 100%;}
    .sub-container .video-cont3 .core-box-wrap li .img-wrap {max-width: 600px;}
    .request-intro .request-list-wrap {column-gap: 40px;}
    .request-intro .request-list {width: calc(100% / 3 - 80px / 3);}
    .request-done .box img {width: 300px; right: calc(100% - 100px);}
    .platform-main .sub-cont-tit {padding-top: 110px;}
    .platform-cont1 .site-wrap > div {row-gap: 180px;}
    .platform-cont3 .module-list {column-gap: 50px;}
    .platform-cont3 .module-list li {width: calc(100% / 3 - 100px / 3);}
    .platform-cont5 .platform-list li {padding: 50px;}
    .platform-cont6 .change-list li {padding: 30px;}
    .platform-cont6 .change-list li img {right: 30px; bottom: 30px;}
}
@media screen and (max-width: 1280px) {
    .sub-cont-tit {font-size: 28px;}
    .scrolling-text {font-size: 48px;}
    .sub-container section .tit {font-size: 40px;}
    .sub-container section .tit.tit2 {font-size: 36px;}
    .sub-container section .txt {font-size: 18px;}
    .sub-container section .txt b {font-size: 22px;}
    .sub-container section .core-box-wrap li .tit {font-size: 28px;}
    .philosophy-section .philosophy-txt p {font-size: 28px;}
    .about-cont2 .top {flex-direction: column; row-gap: 50px;}
    .about-cont2 .top .txt-wrap,
    .about-cont2 .top .img-wrapper {width: 100%; max-width: 100%;}
    .about-cont3 .bot {flex-direction: column-reverse; align-items: flex-start;}
    .about-cont3 .bot .txt-wrap {padding-bottom: 100px; width: 100%;}
    .about-cont3 .bot .tit {padding-bottom: 10px; border-bottom: 1px solid #A3A3A3;}
    .about-cont3 .bot li {flex-direction: row;}
    .about-cont3 .bot>.map {max-width: unset; width: 100%; height: auto; aspect-ratio: 900 / 550;}
    .homepage-cont4 .service-box i,
    .homepage-cont4 .service-box h5 {font-size: 28px;}
    .homepage-main .bounce-target.blue-bg, .subscribe-main .bounce-target.blue-bg {top: 20%;}
    .sub-container section .core-box-wrap .core01 .bounce-target.first,
    .sub-container section .core-box-wrap .core03 .bounce-target.first {top: 20px;}
    .sub-container section .core-box-wrap .core01 .bounce-target.second,
    .sub-container section .core-box-wrap .core03 .bounce-target.second {top: 70px;}
    .homepage-cont4 .service-box {padding: 30px 0;}
    .blog-cont2 .flex-wrap {padding-left: 50px;}
    .blog-cont5 .sub-cont-tit img {width: 20%; top: 60%; right: 10px;}
    .blog-cont5 .flex-wrap .txt-wrap span {font-size: 20px;}
    .blog-cont5 .flex-wrap .txt-wrap .bounce-target {font-size: 20px;}
    .blog-section .typing-txt {margin-top: 50px; font-size: 24px;}
    .blog-cont7 .effects-box {padding: 30px 50px; column-gap: 50px;}
    .blog-cont7 .white-bg span {font-size: 40px;}
    .erp-cont3 .erp-box {width: calc(100% / 2 - 24px / 2);}
    .erp-cont3 .relative-container img:nth-child(1) {bottom: 90%;}
    .erp-cont3 .relative-container img:nth-child(2) {top: 60%;}
    .subscribe-main .bounce-target.green-bg {top: 53%;}
    .subscribe-cont1 .main-txt {font-size: 60px;}
    .subscribe-cont1 .tag {font-size: 20px;}
    .subscribe-cont1 p {font-size: 20px;}
    .subscribe-cont2 .template-wrapper {column-gap: 30px;}
    .subscribe-cont2 .template-txt-box {width: 50%; padding: 50px 30px 40px;}
    .subscribe-cont2 .template-wrapper .swiper {width: calc(50% - 30px);}
    .subscribe-cont5 .service-box {width: calc(50% - 12px);}
    .subscribe-cont6 .big-txt {font-size: 60px;}
    .subscribe-cont7 .cancel-box-wrap {max-width: 750px;}
    .subscribe-cont7 .cancel-box-wrap .cancel-box {padding: 40px 80px;}
    .subscribe-cont7 .ico {scale: 0.6;}
    .subscribe-cont7 .ico01 {top: 35%; right: 75%;}
    .subscribe-cont7 .ico02 {top: 55%;}
    .subscribe-cont7 .ico03 {bottom: 23%;}
    .subscribe-cont7 .ico04 {bottom: 5%;}
    .request-main {padding: 130px 0 90px;}
    .request-intro .request-list-wrap {column-gap: 24px;}
    .request-intro .request-list {width: calc(100% / 3 - 48px / 3);}
    .request-intro .request-list a {padding: 40px 20px 30px;}
    .request-intro .request-list h5 {font-size: 24px;}
    .request-section .question-box {max-width: 800px;}
    .request-section .q-title {font-size: 18px;}
    .request-section .q-title strong {font-size: 22px;}
    .request-section .q-title span {font-size: 16px;}
    .request-section .radio-item span {font-size: 16px;}
    .request-section .radio-item.icon-witin span img{width: 30px;}
    .request-section .as-img01 {left: 5%;}
    .request-section .as-img02 {right: 5%}
    .request-section .as-img05 {max-width: 30%;}
    .request-done .box h5 {font-size: 28px;}
    .request-done .box img {width: 250px; right: unset; left: -10%;}
    .error-section .error-cont span {font-size: 28px;}
    .error-section {padding: 200px 0 150px;}
    .platform-cont1 .inner {flex-direction: column; padding-top: 90px; position: relative;}
    .platform-cont1 .txt-wrap {z-index: 10; width: fit-content; height: fit-content; position: absolute; bottom: 30px; left: 0; background-color: rgba(0, 0, 0, 0.3); backdrop-filter: blur(10px); padding: 15px; padding: 25px; border-radius: 20px;}
    .platform-cont1 .site-wrap {padding: 60px 0 100px; width: 100%;}
    .platform-cont1 .site-wrap > div {width: calc(50% - 35px / 2); row-gap: 150px;}
    .platform-cont1 .site {width: 100%; padding: 30px;}
    .platform-cont2 .philosophy-txt p.bk-opacity {font-size: 28px;}
    .platform-cont2 .philosophy-txt p.gradient {font-size: 18px;}
    .platform-cont3 .module-list li p {font-size: 20px;}
    .platform-cont5 .platform-list li {padding: 40px 25px;}
    .platform-cont5 .platform-list li .txt-wrap h5 {font-size: 28px;}
    .platform-cont5 .platform-list li .txt-wrap p:not(.txt) {font-size: 18px; margin-top: 30px;}
    .platform-cont6 .change-list li h5 {font-size: 28px;}
    .platform-cont6 .change-list li p {font-size: 18px;}
    .platform-cont6 .change-list li {width: calc(50% - 24px / 2);}
    .platform-cont6 .change-list li:nth-child(n+3) {background-color: rgba(255, 255, 255, 0.3);}
    .platform-cont6 .change-list li:nth-child(n+3) h5, 
    .platform-cont6 .change-list li:nth-child(n+3) p {color: #fff;}
}
@media screen and (max-width: 1024px) {
    .fullscreen {min-height: 600px;}
    .sub-container section .tit {font-size: 36px;}
    .sub-container section .tit2 {font-size: 32px;}
    .about-main .content .left {width: 100%;}
    .about-main .content .right {display: none;}
    .sub-container section .core-box-wrap li:nth-child(even) span:not(.blue),
    .sub-container section .core-box-wrap li:nth-child(even) .tit,
    .sub-container section .core-box-wrap li:nth-child(even) p:not(.bounce-target) {padding-left: 0;}
    .sub-container section .core-box-wrap li:nth-child(odd) span:not(.blue),
    .sub-container section .core-box-wrap li:nth-child(odd) .tit,
    .sub-container section .core-box-wrap li:nth-child(odd) p:not(.bounce-target) {padding-right: 0;}
    .sub-container section .core-box-wrap li,
    .sub-container section .core-box-wrap li:nth-child(even){flex-direction: column;}
    .sub-container section .core-box-wrap li:nth-child(odd) {align-items: flex-start;}
    .sub-container section .core-box-wrap li .txt {width: 100%; padding-bottom: 50px;}
    .sub-container section .core-box-wrap li:nth-child(odd) .img-wrap {margin-left: auto;}
    .sub-container section .core-box-wrap li:nth-child(even) .img-wrap {margin-right: auto;}
    .sub-container section .core-box-wrap .core02 .bounce-target,
    .sub-container section .core-box-wrap .core04 .bounce-target {right: -150px; top: 15px;}
    .sub-container section .core-box-wrap li .img-wrap {width: 50%;}
    .about-cont1 {padding: 250px 0 320px;}
    .about-cont3 .top {flex-direction: column; align-items: flex-start;}
    .about-cont3 .top .txt-wrap {width: 100%;}
    .about-cont3 .top img {margin-left: auto; max-width: 370px; width: 60%;}
    .homepage-cont4 .service-box-wrap {margin-top: 70px; grid-template-columns: repeat(2, 1fr);}
    .homepage-cont4 .service-box-wrap .hide {display: flex;}
    .homepage-cont4 .service-box i,
    .homepage-cont4 .service-box h5 {font-size: 24px;}
    .homepage-cont6 .inner .img-wrap img:nth-child(1),
    .platform-cont8 .inner .img-wrap img:nth-child(1),
    .video-cont4 .inner .img-wrap img:nth-child(1) {bottom: unset; top: 20%;}
    .homepage-cont6 .inner .img-wrap,
    .platform-cont8 .inner .img-wrap,
    .video-cont4 .inner .img-wrap {aspect-ratio: 1500 / 800;}
    .blog-cont1 .video-wrap {height: 450px;}
    .blog-main .bounce-target.blue-bg {right: unset; left: 10%;}
    .blog-main .bounce-target.green-bg {right: 10%;}
    .blog-cont2 .flex-wrap {padding-left: 40px; position: relative; justify-content: flex-end;}
    .blog-cont2 .flex-wrap .sub-cont-tit {position: absolute; z-index: 10; top: 50%; left: 40px; transform: translateY(-50%);}
    .blog-cont3 .process-box {flex-direction: column; row-gap: 20px;}
    .blog-cont3 .process-box li {width: 100%; aspect-ratio: unset; padding: 20px;}
    .blog-cont3 .process-box li:nth-child(1),
    .blog-cont3 .process-box li:nth-child(2),
    .blog-cont3 .process-box li:nth-child(3),
    .blog-cont3 .process-box li:nth-child(4),
    .blog-cont3 .process-box li:nth-child(5) {rotate: unset;}
    .blog-cont3 .process-box li .tit {font-size: 24px; margin-bottom: 20px;}
    .blog-cont5 .sub-cont-tit img {top: 80%; right: 0;}
    .blog-cont5 .flex-wrap {flex-direction: column; row-gap: 50px;}
    .blog-cont5 .flex-wrap img {width: 70%; max-width: 324px; margin: 0 auto;}
    .blog-cont5 .flex-wrap .txt-wrap {width: 100%;}
    .blog-cont6 .txt-wrapper {text-shadow: 0 4px 12px rgba(0, 0, 0, 1);}
    .blog-cont6 img {opacity: 0.5; width: 80%; left: -20%;}
    .blog-cont7 .effects-box {padding: 30px 20px;}
    .blog-cont7 .effects-box h5 {font-size: 20px; width: 220px;}
    .blog-cont7 .effects-box h5 i {width: 45px; height: 45px; padding: 10px;}
    .blog-cont7 .effects-box p {font-size: 16px;}
    .blog-cont7 .white-bg span {font-size: 32px;}
    .blog-cont7 > img {right: unset; left: 40px;}
    .subscribe-cont1 .img-wrap {width: 790px; max-width: 100%;}
    .subscribe-cont1 .img-wrap img:nth-child(1){width: calc(60% - 44px);}
    .subscribe-cont1 .img-wrap img:nth-child(2){width: calc(40% - 44px);}
    .subscribe-cont1 .img-wrap .ico02 {right: 0; scale: 0.8;}
    .subscribe-cont2 .template-wrapper {flex-direction: column; row-gap: 30px; max-width: 750px; margin-left: auto; margin-right: auto;}
    .subscribe-cont2 .template-wrapper .swiper,
    .subscribe-cont2 .template-txt-box {width: 100%;}
    .subscribe-cont2 .template-txt-box {aspect-ratio: unset; row-gap: 30px;}
    .subscribe-cont3 .process-box-wrapper.pc,
    .video-cont2 .process-box-wrapper.pc {display: none;}
    .subscribe-cont3 .process-box-wrapper.mo,
    .video-cont2 .process-box-wrapper.mo {display: block;}
    .subscribe-cont3 .process-box-wrapper.mo .process-box-wrap,
    .video-cont2 .process-box-wrapper.mo .process-box-wrap{display: flex; flex-wrap: wrap; column-gap: 24px; row-gap: 50px;}
    .subscribe-cont3 .process-box-wrap .process-box,
    .video-cont2 .process-box-wrap .process-box {width: calc(100% / 2 - 24px / 2);}
    .subscribe-cont6 .big-txt {font-size: 46px;}
    .subscribe-cont7 .credit-box-wrap {flex-direction: column; row-gap: 30px; max-width: 750px; margin: 50px auto 130px;}
    .subscribe-cont7 .credit-box-wrap .credit-box {width: 100%; flex-direction: row; position: relative; padding: 40px 80px;}
    .subscribe-cont7 .credit-box-wrap .credit-box img {display: none;}
    .subscribe-cont7 .ico01 {top: 28%; right: 70%;}
    .subscribe-cont7 .ico02 {top: 50%; right: 0;}
    .subscribe-cont7 .ico03 {bottom: 25%;}
    .subscribe-cont7 .ico04 {bottom: 8%;}
    .subscribe-section + .subscribe-floating-btn {border-radius: 25px;}
    .subscribe-section + .subscribe-floating-btn a {padding: 15px 30px; font-size: 24px; border-radius: 20px;}
    .sub-container .video-cont3 .core-box-wrap li .img-wrap {width: 50%;}
    .request-intro .request-list a {padding: 30px 15px 20px;}
    .request-intro .request-list img {margin: 20px 0 30px; width: 80px; height: 80px;}
    .request-intro .request-list .txt {letter-spacing: -2px;}
    .request-section .question-box {padding: 30px;}
    .request-section .radio-group {column-gap: 20px; row-gap: 16px;}
    .request-section .radio-item.input-within.short,
    .request-section .radio-item:not(.input-within):not(.half):not(.full) {width: calc(100% / 3 - 40px / 3);}
    .request-section .radio-item.half {width: calc(2 * ((100% - 40px) / 3) + 20px);}
    .request-section .radio-item.input-within:not(.full):not(.short) {width: calc(2 * ((100% - 40px) / 3) + 20px);}
    .request-section .radio-item .inner-input {width: calc(100% - 100px - 20px);}
    .request-section .question-box {background: rgba(255, 255, 255, 0.5);}
    .request-section .as-img01,
    .request-section .as-img03 {left: 40px;}
    .request-section .as-img02,
    .request-section .as-img04 {right: 40px;}
    .request-done {padding-bottom: 200px;}
    .request-done .box h5 {font-size: 24px;}
    .request-done .box p {font-size: 16px;}
    .request-done .box img {width: 200px; left: calc(50% - 100px); bottom: unset; top: calc(100% - 65px);}
    .error-section .error-cont {flex-direction: column; row-gap: 50px; align-items: center;}
    .error-section .error-cont span,
    .error-section .error-cont p {display: block; text-align: center;}
    .error-section .error-cont p {font-size: 16px;}
    .error-section .error-cont {padding: 126px 30px 60px;}
    .error-section .error-cont img {width: 300px;}
    .platform-main-inner .icon-box-wrap {height: calc(100% - 100px); margin-top: 100px;}
    .platform-cont3 .module-list {column-gap: 30px;}
    .platform-cont3 .module-list li {width: calc(100% / 3 - 60px / 3); padding: 30px;}
    .platform-cont3 .module-list li p {font-size: 18px;}
    .platform-cont5 .platform-list li {flex-direction: column; row-gap: 30px;}
    .platform-cont5 .platform-list li .txt-wrap {width: 100%;}
    .platform-cont5 .platform-list li img {width: 100%; max-width: 350px;}
    .platform-cont6 .change-list li {aspect-ratio: unset; padding-top: 60px; padding-bottom: 50px;}
    .platform-cont6 .change-list li img {right: unset; bottom: unset; padding: 10px; background: #dae8ff; border-radius: 50%; left: 50%; top: 0; transform: translate(-50%, -40%);}
    .platform-main-inner .icon-box-wrap .as-img00 {width: 450px; max-height: 30%; object-fit: contain; bottom: 40px;}
    /* .platform-main-inner .icon-box-wrap .as-img01 {width: 60px;}
    .platform-main-inner .icon-box-wrap .as-img02 {width: 78px;}
    .platform-main-inner .icon-box-wrap .as-img03 {width: 50px;}
    .platform-main-inner .icon-box-wrap .as-img04 {width: 60px;}
    .platform-main-inner .icon-box-wrap .as-img05 {width: 60px;}
    .platform-main-inner .icon-box-wrap .as-img06 {width: 60px;}
    .platform-main-inner .icon-box-wrap .as-img07 {width: 80px;}
    .platform-main-inner .icon-box-wrap .as-img08 {width: 105px;}
    .platform-main-inner .icon-box-wrap .as-img09 {width: 105px;}
    .platform-main-inner .icon-box-wrap .as-img10 {width: 60px;} */
    .platform-cont1 .site-wrap > div {row-gap: 120px;}
}
@media screen and (max-width: 768px) {
    .scrolling-text {font-size: 56px;}
    .fullscreen {min-height: 750px;}
    .sub-container section .tit {font-size: 32px;}
    .sub-container section .tit.tit2 {font-size: 28px;}
    .sub-container section .txt {font-size: 16px;}
    .sub-container section .txt b {font-size: 20px;}
    .sub-cont-tit {font-size: 24px;}
    .sub-container section .core-box-wrap li .tit {font-size: 24px;}
    .sub-container section .core-box-wrap li .img-wrap {width: 60%; min-width: 300px; aspect-ratio: 1/1;}
    .sub-container section .core-box-wrap li .img-wrap img {aspect-ratio: 1/1;}
    .sub-container section .core-box-wrap .core01 .bounce-target.first,
    .sub-container section .core-box-wrap .core03 .bounce-target.first {left: -120px; top: unset; bottom: 70px}
    .sub-container section .core-box-wrap .core01 .bounce-target.second,
    .sub-container section .core-box-wrap .core03 .bounce-target.second {top: unset; bottom: 20px}
    .sub-container section .core-box-wrap .core02 .bounce-target,
    .sub-container section .core-box-wrap .core04 .bounce-target {right: -120px;}
    .philosophy-section .philosophy-txt p {font-size: 24px;}
    .about-cont1 {padding: 170px 0 250px;}
    .about-main > img {left: 30px;}
    .about-cont2 > div {flex-direction: column; row-gap: 50px;}
    .about-cont2 > .bot {flex-direction: column-reverse;}
    .about-cont2 .top .txt-wrap {width: 100%;}
    .about-cont2 .bot .txt-wrap,
    .about-cont2 .bot .img-wrapper {width: 100%; max-width: unset;}
    .about-cont3 .top .txt-wrap,
    .about-cont3 .bot .txt-wrap {padding-bottom: 50px;}
    .about-cont3 .bot li {flex-direction: column;}
    .about-cont3 .bot>.map {aspect-ratio: 1/1;}
    .about-cont3 .slogan p {font-size: 24px;}
    .about-cont3 .slogan img {width: 250px;}
    .homepage-main .bounce-target.green-bg, .subscribe-main .bounce-target.green-bg {top: unset; bottom: 20%;}
    .homepage-cont4 .service-box i,
    .homepage-cont4 .service-box h5 {font-size: 20px;}
    .wp-item {width: 50%;}
    .wp-item .icon-wrap {width: 100%;}
    .wp-item .wp-center .step-name {font-size: 20px;}
    .wp-item .wp-center p {font-size: 18px;}
    .wp-item .wp-center p br {display: none;}
    .homepage-cont4 .service-box {padding: 20px 0;}
    .homepage-cont5 .bubble {font-size: 18px;}
    .blog-main .bounce-target.blue-bg {top: 20%;}
    .blog-cont1 .video-wrap {height: 350px;}
    .blog-cont2 .flex-wrap {padding-left: 30px;}
    .blog-cont2 .flex-wrap .sub-cont-tit {left: 30px; text-shadow: 0 4px 12px rgba(0,0,0,1);}
    .blog-cont2 .flex-wrap img {opacity: 0.5; width: 80%;}
    .blog-cont5 .sub-cont-tit {margin-bottom: 80px;}
    .blog-cont5 .sub-cont-tit img {display: none;}
    .blog-cont5 .flex-wrap .txt-wrap span {font-size: 18px;}
    .blog-cont5 .flex-wrap .txt-wrap .bounce-target {font-size: 18px;}
    .blog-cont6 .txt-wrapper > p {height: 90px; word-break: keep-all; margin-top: 100px;}
    .blog-section .typing-txt {font-size: 20px; line-height: 30px; height: 60px;}
    .blog-cont7 {padding-bottom: 370px;}
    .blog-cont7 .effects-box {flex-direction: column; align-items: flex-start; row-gap: 20px;}
    .blog-cont7 .white-bg span {font-size: 18px;}
    .erp-main {row-gap: 60vw;}
    .erp-main img {width: 80%;}
    .erp-cont3 .erp-box-wrap {row-gap: 40px;}
    .erp-cont3 .erp-box {width: 100%; padding: 30px; aspect-ratio: unset;}
    .erp-cont3 .relative-container img {width: 130px;}
    .erp-cont3 .relative-container img:nth-child(1) {bottom: 90%;}
    .erp-cont3 .relative-container img:nth-child(2) {top: 55%;}
    .erp-cont3 .relative-container img:nth-child(3) {bottom: unset; top: calc(100% - 100px);}
    .erp-cont5 {padding: 130px 0;}
    .erp-cont5 .inner .txt {margin-top: 60px;}
    .subscribe-main .gradient {font-size: 36px;}
    .subscribe-cont1 .main-txt .green {display: block;}
    .subscribe-cont1 .main-txt {font-size: 40px;}
    .subscribe-cont1 .typing-txt {width: 325px;}
    .subscribe-cont1 .img-wrap {column-gap: 30px;}
    .subscribe-cont1 .img-wrap img:nth-child(1) {width: calc(60% - 15px);}
    .subscribe-cont1 .img-wrap img:nth-child(2) {width: calc(40% - 15px);}
    .subscribe-cont1 .img-wrap .ico02 {scale: 0.6;}
    .subscribe-cont1 .tag {font-size: 16px;}
    .subscribe-cont1 p {font-size: 16px;}
    .subscribe-cont2 .template-wrapper,
    .subscribe-cont2 .template02-wrapper {margin-top: 100px;}
    .subscribe-cont2 .template-txt-box .swiper-tit {font-size: 32px;}
    .subscribe-cont2 .template-txt-box .swiper-tit span {font-size: 20px;}
    .subscribe-cont3 .process-box-wrap .process-box .ico,
    .video-cont2 .process-box-wrap .process-box .ico {width: 130px; height: 130px; padding: 20px;}
    .subscribe-cont3 .process-box-wrap .process-box .ico img,
    .video-cont2 .process-box-wrap .process-box .ico img {width: 100%; height: 100%; object-fit: contain;}
    .subscribe-cont5 .service-box {padding: 30px;}
    .subscribe-cont5 .service-box h5 {font-size: 20px;}
    .subscribe-cont6 .big-txt {font-size: 28px;}
    .subscribe-cont7 .credit-box-wrap .credit-box,
    .subscribe-cont7 .cancel-box-wrap .cancel-box {padding: 40px;}
    .subscribe-cont7 .guide-txt h5 {font-size: 20px;}
    .subscribe-cont7 .guide-txt .txt {font-size: 16px;}
    .subscribe-cont7 .ico {scale: 0.4;}
    .subscribe-cont7 .ico01,
    .subscribe-cont7 .ico04 {display: none;}
    .subscribe-cont7 .ico03 {bottom: 26%;}
    .sub-container .video-cont3 .core-box-wrap li .img-wrap {width: 60%;}
    .video-cont1 .type-box-wrap {flex-direction: column; row-gap: 24px;}
    .video-cont1 .type-box {width: 100%;}
    .video-cont1 .type-box .img-wrap {aspect-ratio: 491 / 330; margin-bottom: 50px; border-radius: 30px; overflow: hidden;}
    .video-cont1 .type-box:last-child .img-wrap img {object-position: top center;}
    .request-intro .request-list-wrap {flex-direction: column; row-gap: 24px;}
    .request-intro .request-list {width: 100%;}
    .request-intro .request-list .txt {letter-spacing: 0;}
    .request-section .question-box {max-width: 500px; padding: 30px 20px;}
    .request-main {padding: 100px 0 70px;}
    .request-section .input-flex {row-gap: 16px;}
    .request-section .input-flex input {padding: 0 15px;}
    .request-section .input-flex input,
    .request-section .radio-item.input-within.short,
    .request-section .radio-item:not(.input-within):not(.half):not(.full) {width: 100%;}
    .request-section .radio-item.input-within:not(.full):not(.short) {width: 100%; padding-right: 15px;}
    .request-section .radio-item {height: 50px;}
    .request-section .radio-item span {padding: 15px 0;}
    .request-section .radio-item.input-within span {padding: 15px;}
    .request-section .radio-item .inner-input {right: 15px;}
    .request-section .as-img05 {max-width: 50%;}
    .request-section .sub-desc {font-size: 14px;}
    .request-section .as-img01,
    .request-section .as-img03 {left: 30px;}
    .request-section .as-img02,
    .request-section .as-img04 {right: 30px;}
    .request-quotation .as-img05 {max-width: 30%;}
    .request-final .request-box,
    .request-final .ready-box{padding: 40px;}
    .request-final .final-box .price {font-size: 32px; margin-bottom: 30px;}
    .request-final .final-box .warning-box h5 {font-size: 20px;}
    .request-final .final-box .warning-box p {font-size: 16px;}
    .request-final .ready-box .ready-top .tit2 {font-size: 26px;}
    .request-final .final-box .plan-info li {font-size: 16px;}
    .request-final .ready-box .ready-cont .flex-wrap {flex-direction: column;}
    .request-final .ready-box .ready-cont .flex-wrap .box {width: 100%;}
    .request-quotation > .txt img {width: 130px; top: unset; bottom: 20px;}
    .error-section .error-cont span {font-size: 24px;}
    .request-done .box {padding: 50px 30px 80px;}
    .error-section {padding: 130px 0 150px;}
    .error-section .error-cont {padding: 80px 20px 40px;}
    .error-section .box-inner {padding-bottom: 80px;}
    .platform-main-inner .icon-box-wrap {height: calc(100% - 160px); margin-top: 160px; width: calc(100% - 30px); left: 15px;}
    .platform-main-inner .icon-box-wrap .as-img00 {width: 400px;}
    .platform-main-inner .icon-box-wrap .as-img01 {width: 50px;}
    .platform-main-inner .icon-box-wrap .as-img02 {width: 68px; top: 10%;}
    .platform-main-inner .icon-box-wrap .as-img03 {width: 40px; top: 15%;}
    .platform-main-inner .icon-box-wrap .as-img04 {width: 50px;}
    .platform-main-inner .icon-box-wrap .as-img05 {width: 50px; top: 45%;}
    .platform-main-inner .icon-box-wrap .as-img06 {width: 50px; top: 50%;}
    .platform-main-inner .icon-box-wrap .as-img07 {width: 70px;}
    .platform-main-inner .icon-box-wrap .as-img08 {width: 95px;}
    .platform-main-inner .icon-box-wrap .as-img09 {width: 95px;}
    .platform-main-inner .icon-box-wrap .as-img10 {width: 50px;}
    .platform-cont1 .site {padding: 25px;}
    .platform-cont1 .site-wrap > div {row-gap: 100px;}
    .platform-cont2 .philosophy-txt p.bk-opacity {font-size: 24px;}
    .platform-cont3 .module-list {flex-direction: column; row-gap: 20px;}
    .platform-cont3 .module-list li {width: 250px;}
    .platform-cont5 .platform-list li .txt-wrap h5 {font-size: 24px;}
    .platform-cont5 .platform-list li .txt-wrap p:not(.txt) {font-size: 16px;}
    .platform-cont6 .change-list {padding-top: 30px;}
    .platform-cont6 .change-list li {width: 100%; max-width: 500px;}
    .platform-cont7 .bubble {font-size: 18px;}
} 
@media screen and (max-width: 600px) {
    .subscribe-cont3 .process-box-wrap .process-box,
    .video-cont2 .process-box-wrap .process-box {width: 100%;}
    .subscribe-cont5 .service-box {width: 100%;}
    .request-section .q-title {font-size: 16px;}
    .request-section .q-title strong {font-size: 20px;}
    .request-section .q-title span {font-size: 14px;}
    .request-section .radio-item span {font-size: 14px;}
    .request-section .radio-item.input-within {height: 95px;}
    .request-section .radio-item .inner-input {width: calc(100% - 30px); top: unset; bottom: 15px; transform: unset; height: fit-content;}
    .request-section .radio-item.input-within span {text-align: center;}
    .request-section .privacy-row .privacy-txt {font-size: 14px;}
    .request-final .request-box,
    .request-final .ready-box{background: transparent; border: 0; padding: 0; border-radius: 0; overflow: unset;}
    .request-final .final-box .warning-box p {font-size: 14px;}
    .request-final .ready-box .ready-cont .box {padding: 15px;}
    .request-final .ready-box .ready-cont .payment-info-list li {flex-direction: column; align-items: flex-start; row-gap: 10px;}
    .request-final .templateSwiper .swiper-btn-wrap .prev {background: linear-gradient(94deg,#141414 20%, #14141400 80%);}
    .request-final .templateSwiper .swiper-btn-wrap .next {background: linear-gradient(94deg, #14141400 20%, #141414 80%);}
    .error-section .btn-wrap {flex-direction: column; row-gap: 10px;}
    .error-section .btn-wrap .square-btn {width: 250px;}
    .error-section .error-cont img {width: 250px;}
    .error-section .error-top {padding: 13px 10px;}
    .platform-cont1 .site-wrap {flex-direction: column; row-gap: 50px; align-items: center; padding-bottom: 300px;}
    .platform-cont1 .site-wrap > div {max-width: 450px; width: 100%; row-gap: 50px;}
    .platform-cont1 .site-wrap .left {padding-top: 0;}
    .platform-cont6 .change-list li h5 {font-size: 24px;}
    .platform-cont6 .change-list li p {font-size: 16px;}
}
@media screen and (max-width: 480px) {
    .scrolling-text {font-size: 40px;}
    .tracking-in-expand {animation: none;}
    .sub-container section .tit {font-size: 28px;}
    .sub-container section .tit.tit2 {font-size: 24px;}
    .fullscreen {min-height: unset; height: 100dvh;}
    .sub-cont-tit {font-size: 20px;}
    .sub-container section .core-box-wrap li .img-wrap {width: 100%;}
    .sub-container section .core-box-wrap .core01 .bounce-target.first,
    .sub-container section .core-box-wrap .core03 .bounce-target.first {left: 15px;}
    .sub-container section .core-box-wrap .core01 .bounce-target.second,
    .sub-container section .core-box-wrap .core03 .bounce-target.second {left: 40px;}
    .sub-container section .core-box-wrap .core02 .bounce-target,
    .sub-container section .core-box-wrap .core04 .bounce-target {right: 15px; top: unset; bottom: 20px;}
    .philosophy-section .philosophy-txt p {border-radius: 20px; font-size: 20px;}
    .about-main > img {left: 15px;}
    .about-cont1 {padding: 90px 0 170px;}
    .about-cont2 {padding: 90px 0 170px;}
    .about-cont2 .top .img-wrapper {flex-direction: column; row-gap: 40px;}
    .about-cont2 .top .img-wrap {width: 80%;}
    .about-cont2 .top .img-wrap p {text-align: center;}
    .about-cont3 .slogan p {font-size: 20px;}
    .about-cont3 .slogan img {width: 200px;}
    .homepage-cont4 .service-box i,
    .homepage-cont4 .service-box h5 {font-size: 16px;}
    .homepage-cont5 .chat-wrap {gap: 30px;}
    .wp-item .wp-center p {font-size: 16px;}
    .homepage-cont5 .bubble {font-size: 16px; padding: 20px 16px;}
    .blog-cont2 .flex-wrap {padding-left: 15px;}
    .blog-main {height: 100dvh;}
    .blog-cont5 .flex-wrap .txt-wrap span {word-break: keep-all;}
    .blog-cont5 .flex-wrap .txt-wrap .bounce-target {font-size: 14px;}
    .blog-section .typing-txt {font-size: 18px;}
    .blog-cont7 {padding-bottom: 270px;}
    .blog-cont7 .white-bg span {font-size: 14px;}
    .erp-cont3 .relative-container img {width: 100px;}
    .erp-cont3 .relative-container img:nth-child(1) {bottom: 95%;}
    .erp-cont3 .relative-container img:nth-child(3) {top: calc(100% - 50px);}
    .subscribe-main .gradient {font-size: 28px;}
    .subscribe-main .bounce-target.blue-bg {top: 15%;}
    .subscribe-main .bounce-target.green-bg {bottom: unset; top: 20%;}
    .subscribe-cont1 .main-txt {font-size: 30px;}
    .subscribe-cont1 .typing-txt {width: 240px;}
    .subscribe-cont1 .tag {font-size: 14px;}
    .subscribe-cont1 p {letter-spacing: -1px;}
    .subscribe-cont2 .template-txt-box .swiper-btn-wrap {flex-direction: column-reverse; align-items: flex-start; row-gap: 20px;}
    .subscribe-cont3 .process-box-wrap .process-box .ico,
    .video-cont2 .process-box-wrap .process-box .ico {width: 100px; height: 100px;}
    .subscribe-cont7 .guide-txt h5 {font-size: 18px;}
    .subscribe-cont7 .guide-txt .txt {font-size: 14px;}
    .subscribe-cont7 .credit-box-wrap .credit-box, .subscribe-cont7 .cancel-box-wrap .cancel-box {padding: 40px 30px;}
    .subscribe-section + .subscribe-floating-btn {border-radius: 20px;}
    .subscribe-section + .subscribe-floating-btn a {padding: 12px 24px; font-size: 20px; border-radius: 16px;}
    .video-main .tit {padding: 0 15px;}
    .video-main .tit .padding-right {padding-right: 0; text-align: left;}
    .video-main .tit .padding-left {padding-left: 0; text-align: right;}
    .sub-container .video-cont3 .core-box-wrap li .img-wrap {width: 100%;}
    .request-section .as-img01,
    .request-section .as-img03 {left: 15px;}
    .request-section .as-img02,
    .request-section .as-img04 {right: 15px;}
    .request-quotation > .txt img {width: 100px;}
    .request-final .final-box .price {font-size: 28px; margin-bottom: 20px;}
    .request-final .final-box .warning-box h5 {font-size: 18px;}
    .request-final .final-box .warning-box p {font-size: 14px;}
    .request-final .ready-box .ready-top .tit2 {font-size: 22px;}
    .request-final .ready-box .btn-wrap {flex-direction: column; row-gap: 10px; width: 100%;}
    .request-final .ready-box .btn-wrap .square-btn {width: 100%;}
    .request-final .final-box .form-row {flex-direction: column; row-gap: 16px;}
    .request-final .final-box .form-row .form-group {width: 100%;}
    .request-done .box img {width: 170px; left: 0;}
    .error-section {padding: 100px 0 130px;}
    .platform-main .sub-cont-tit {padding-top: 100px;}
    .platform-main-inner .icon-box-wrap {height: calc(100% - 180px); margin-top: 180px;}
    .platform-main-inner .icon-box-wrap {width: calc(100% - 30px); left: 15px;}
    .platform-main-inner .icon-box-wrap .as-img00 {max-width: 80%;}
    .platform-main-inner .icon-box-wrap .as-img01 {width: 40px;}
    .platform-main-inner .icon-box-wrap .as-img02 {width: 58px;}
    .platform-main-inner .icon-box-wrap .as-img03 {width: 30px;}
    .platform-main-inner .icon-box-wrap .as-img04 {width: 40px;}
    .platform-main-inner .icon-box-wrap .as-img05 {width: 40px;}
    .platform-main-inner .icon-box-wrap .as-img06 {width: 40px;}
    .platform-main-inner .icon-box-wrap .as-img07 {width: 60px;}
    .platform-main-inner .icon-box-wrap .as-img08 {width: 85px;}
    .platform-main-inner .icon-box-wrap .as-img09 {width: 85px;}
    .platform-main-inner .icon-box-wrap .as-img10 {width: 40px;}
    .platform-cont7 .chat-wrap {gap: 30px;}
    .platform-cont7 .bubble {font-size: 16px; padding: 20px 16px;}
    .platform-main-inner .icon-box-wrap .as-img02 {left: 25%; top: 15%;}
    .platform-main-inner .icon-box-wrap .as-img05 {left: 50%; top: 30%;}
    .platform-main-inner .icon-box-wrap .as-img07 {top: 40%;}
}



/* 잘림방지 */
/* 잘림방지 */
/* 잘림방지 */
/* 잘림방지 */
/* 잘림방지 */
/* 잘림방지 */
/* 잘림방지 */
/* 잘림방지 */
/* 잘림방지 */
/* 잘림방지 */
/* 잘림방지 */
/* 잘림방지 */
/* 잘림방지 */
/* 잘림방지 */
/* 잘림방지 */
/* 잘림방지 */
/* 잘림방지 */
/* 잘림방지 */
/* 잘림방지 */
/* 잘림방지 */