.dark * {color: white;}
.blue {color: #0066FF}


/* 굿스플로 */
.content-goodsflow {padding-bottom: 0 !important}
.content-goodsflow h1 {font-size: clamp(32px, 2.5vw, 44px); font-weight: 700;}
.content-goodsflow h2 {font-size: clamp(32px, 2.5vw, 44px); font-weight: 400; word-break: keep-all;}
.content-goodsflow h3 {font-size: clamp(27px, 2.5vw, 34px); font-weight: 400;}
.content-goodsflow p {display: flex; flex-direction: column; line-height: 1.5; font-size: clamp(17px, 2.5vw, 18px); font-weight: 400;}
.content-goodsflow .wrapper {padding: 8rem 0; width: min(100%, 1220px); margin: 0 auto; word-break: keep-all;}
.content-goodsflow .sec_head_comm {background-color: #F2F5FA; height: 440px; position: relative; max-width: none !important;}
.content-goodsflow .sec_head_comm .w_container {background: url(../images/subs/goodsflow_main.png) no-repeat bottom right; height: 100%;  position: relative;}
.content-goodsflow .section-main button {width: 240px; height: 64px; display: flex; align-items: center; justify-content: center; background-color: #1971E3; color: white;}
.content-goodsflow .section-intro small {color: #1971E3; font-size: 16px; margin-top: 1rem}
.content-goodsflow .section-intro li {display: flex; flex-direction: column; gap: .75rem;}
.content-goodsflow .section-intro li:nth-of-type(even) {margin-top: 10rem;}
.content-goodsflow .section-intro ul {display: flex; flex-wrap: wrap; justify-content: space-around; }
.content-goodsflow .section-intro .title {margin-bottom: 5rem;}
.content-goodsflow .section-intro .title p {align-items: center;}
.content-goodsflow .section-intro h2 {text-align: center;}
.content-goodsflow .section-intro h3 {line-height: 1.25; margin-top: 1rem;}
.content-goodsflow .section-intro li:nth-of-type(3) {margin-top: -3rem;}
.content-goodsflow .section-after {background-color: #F2F5FA; }
.content-goodsflow .section-after h2 {text-align: center; margin-bottom: 5rem;}
.content-goodsflow .section-after h2 strong {color:#1971E3; font-weight: initial;}
.content-goodsflow .section-after .articles {display: flex; align-items: center;}
.content-goodsflow .section-after article {background-color: white; border-radius: 1rem;}
.content-goodsflow .section-after article li {flex: 1 1 auto; width: 25%; min-height: 60px; display: flex; align-items: center; padding: 0 1rem; font-size: clamp(16px, 2.25vw, 18px);}
.content-goodsflow .section-after article li:not(:last-of-type) {border-right: 1px solid #e3e3e3; }
.content-goodsflow .section-after article li strong {color: #1971E3; font-weight: 600; margin-right: .5rem; font-size: 14px;}
.content-goodsflow .section-after article ul {display: flex}
.content-goodsflow .section-after article ul.title li {background-color: #93A1B9; color: white !important; border: 0 !important;}
.content-goodsflow .section-after article:first-of-type {flex: 2; overflow: hidden;}
.content-goodsflow .section-after article:first-of-type li:not(:empty) {border-top: 1px solid #e3e3e3;}
.content-goodsflow .section-after article:first-of-type li:last-of-type {color: #888;}
.content-goodsflow .section-after article:last-of-type {flex: 1; border: 5px solid #1971E3; transform: scale(1.05); box-shadow: -10px 0px 20px 0 rgba(0, 0, 0, .15)}
.content-goodsflow .section-after article:last-of-type::before {content: ""; background-color: #1971E3; height: 60px; display: block; position: absolute; top: -1px; left: -1px; right: -1px; z-index: -1;}
.content-goodsflow .section-after article:last-of-type li {justify-content: center; font-weight: 500;}
.content-goodsflow .section-after article:last-of-type li:not(:empty, .title li)::before {content: ""; border: 3px solid #1971E3; border-left: 0; border-top: 0; margin-right: .5rem; width: 7px; height: 12px; transform: rotate(45deg); display: flex; margin-top: -3px}
.content-goodsflow .section-after article:last-of-type .title li {background-color: #1971E3; border-radius: .5rem .5rem 0 0 ;}
.content-goodsflow .section-pricing .wrapper {padding-bottom: 0;}
.content-goodsflow .section-pricing p {color: #888; margin-top: .5rem;}
.content-goodsflow .section-pricing h2 {font-size: clamp(27px, 2.5vw, 32px); font-weight: 400;}
.content-goodsflow .section-pricing article {margin-top: 3rem;}
.content-goodsflow .section-pricing article li {flex: 1; display: flex; justify-content: center; align-items: center; height: 80px; border-bottom: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; font-size: clamp(16px, 2.25vw, 18px)}
.content-goodsflow .section-pricing article li:first-of-type {border-left: 1px solid #e3e3e3}
.content-goodsflow .section-pricing article ul {display: flex}
.content-goodsflow .section-pricing article ul.title {background-color: #1971E3; color: white; border-radius: 1rem 1rem 0 0;}
.content-goodsflow .section-pricing article ul.title li {
    border: 0 !important;  font-size: clamp(16px, 2.25vw, 22px)
}
.content-goodsflow .section-pricing article ul.title small {
    font-size: clamp(14px, 2.25vw, 16px); font-weight: 300; margin-left: 3px;
}
.content-goodsflow .section-faq li {padding: 1.75rem 0}
.content-goodsflow .section-faq li:not(:last-of-type) {border-bottom: 1px solid #eee;}
.content-goodsflow .section-faq ul {padding: 0 1.5rem; margin-top: 2rem; background-color: #F9F9F9; border-radius: 1rem;}
.content-goodsflow .section-faq .question {display: flex; font-weight: 700; font-size: 16px; padding-right: 1.75rem; position: relative; cursor: pointer;}
.content-goodsflow .section-faq .question::before {content: "Q."; margin-right: .5rem;}
.content-goodsflow .section-faq .question::after {content: ""; opacity: .25; background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.2637 15.4739L12.0005 8.52651L4.73735 15.4739' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat center; width: 24px; height: 24px; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(180deg); transition: .25s;}
.content-goodsflow .section-faq .active .question::after {content: ""; opacity: 1; transform: translateY(-50%);}
.content-goodsflow .section-faq .answer {opacity: 0; visibility: hidden; max-height: 0; transition: opacity .25s; z-index: -1;}
.content-goodsflow .section-faq .active .answer {opacity: 1; visibility: visible; max-height: 999px; z-index: 0; padding: 1rem 2rem 0rem}
.content-goodsflow .section-faq .answer p {font-size: 16px; display: block;}
.content-goodsflow .section-faq .answer a {color: #1971E3; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; display: inline-block} 

main.interactive section{opacity: 0; transition: .25s;}
main.interactive section.is-active {opacity: 1;}
main.interactive section h2 {transform: translateY(1rem); transition: .5s}
main.interactive section.is-active h2 {transform: translateY(0);}
main.interactive section.is-active h2 span::after {right: auto; animation: highlighting 1.5s forwards}
main.interactive section.is-active h2 span:nth-of-type(1):after {animation-delay: 0;}
main.interactive section.is-active h2 span:nth-of-type(2):after {animation-delay: .2s;}
main.interactive section.is-active h2 span:nth-of-type(3):after {animation-delay: .4s;}
main.interactive section .wrapper > * { opacity: 0; transform: translateY(.75rem); transition: .5s; }
main.interactive section.is-active .wrapper > * { opacity: 1; transform: translateY(0); }
main.interactive section.is-active .wrapper > *:nth-child(1) {transition-delay: .2s;}
main.interactive section.is-active .wrapper > *:nth-child(2) {transition-delay: .4s;}
main.interactive section.is-active .wrapper > *:nth-child(3) {transition-delay: .6s;}
main.interactive section.is-active .wrapper > *:nth-child(4) {transition-delay: .8s;}
main.interactive section.is-active .wrapper > *:nth-child(5) {transition-delay: 1.0s;}
main.interactive section.is-active .wrapper > *:nth-child(6) {transition-delay: 1.2s;}

@media screen and (max-width: 639px) {
    img {max-width: 100%;}
    .content-goodsflow .wrapper {padding: 4rem 1rem;}
    .content-goodsflow .section-intro li:nth-of-type(even) {margin-top: 0;}
    .content-goodsflow .sec_head_comm .w_container {
        background-size: 110%; background-position: bottom center;
    }
    .content-goodsflow .section-intro .title {margin-bottom: 3rem}
    .content-goodsflow .section-intro li {margin: 0 !important}
    .content-goodsflow .section-intro ul {gap: 3rem}
    .content-goodsflow .section-after .wrapper {padding: 4rem 0}
    .content-goodsflow .section-after .articles {overflow-x: auto; padding: 0 1rem}
    .content-goodsflow .section-after article {flex: 0 0 auto !important}
    .content-goodsflow .section-after article:last-of-type {transform: scale(1); margin-left: -.5rem;}
}


/* 모바일 앱 제작 */
.content-app {font-size: clamp(17px, 2.5vw, 18px); word-break: keep-all; padding-bottom: 0 !important}
.content-app p {display: flex; flex-direction: column; font-size: clamp(17px, 2.5vw, 18px)}
.content-app h1 {font-size: clamp(30px, 3.5vw, 44px); font-weight: 400; display: flex; flex-direction: column; line-height: 1.3;}
.content-app .texts {display: flex; flex-direction: column; gap: 1rem;}
.content-app ul {display: flex}
.content-app section {padding: 8rem 0}
.content-app .wrapper {width: min(100%, 1220px); margin: 0 auto}
.content-app .sec_head_comm .image {width: 100%; display: flex; justify-content: flex-end; margin-top: -9vh;}
.content-app h1 strong {font-weight: 700;}
.content-app .blue {color: #1971E3;}
.content-app h2 {font-size: clamp(25px, 2.5vw, 46px)}
.content-app h3 {font-size: clamp(18px, 2.5vw, 24px)}
.content-app .sec_head_comm {background-color: #F2F5FA; max-width: none !important; padding-bottom: 0 !important;}
.content-app .section_intro {padding-bottom: 0}
.content-app .section_intro h1 {align-items: center; margin-bottom: 7vh;}
.content-app .section_intro small {
    font-size: clamp(17px, 2.5vw, 18px); color: #1971E3; font-weight: bold; margin-bottom: .5rem;
}
.content-app .section_intro .swiper {width: min(700px, 100%); height: 650px; background: url(../images/subs/mobile_app/slide_mobile.png) no-repeat center; overflow: hidden; margin: 0 auto;}
.content-app .section_intro .swiper::before {content: ""; width: 175px; height: 100%; background-color: white; display: block; position: absolute; left: 0; top: 0;z-index: 10;}
.content-app .section_intro .swiper::after {content: ""; width: 175px; height: 100%; background-color: white; display: block; position: absolute; right:
0; top: 0; z-index: 10;}
.content-app .section_intro .swiper-button-prev,
.content-app .section_intro .swiper-button-next {z-index: 15;background-image: url("data:image/svg+xml,%3Csvg width='36' height='69' viewBox='0 0 36 69' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 1.33234L2.65899 34.4906L36 67.6677L34.6611 69L0 34.4906L34.6611 0L36 1.33234Z' fill='%23D7DDE4'/%3E%3C/svg%3E%0A"); width: 36px; height: 69px}
.content-app .section_intro .swiper-button-next {
    transform: rotate(180deg);
}
.content-app .section_intro .swiper-button-prev::after,
.content-app .section_intro .swiper-button-next::after {
    content: none
}
.content-app .section_intro .swiper-slide {display: flex; justify-content: center; align-items: center;}
.content-app .section-different h1 {text-align: center; margin-bottom: 4rem;}
.content-app .section-different h2 {font-weight: 400; font-size: clamp(22px, 2.5vw, 34px);}
.content-app .section-different ul {flex-wrap: wrap; gap: 1rem;}
.content-app .section-different li {flex: 0 0 auto; width: calc(50% - .5rem); background-color: #F2F5FA; border-radius: 20px; padding: 1.5rem 2rem; display: flex; align-items: center;}
.content-app .section-different .image {flex: 0 0 160px; height:100%; display:flex; align-items: flex-end;}
.content-app .section-design h1 {align-items: center; margin-bottom: 4rem; position: sticky; top: 6rem;}
.content-app .section-design ul {display: flex; flex-direction: column; gap: 2rem}
.content-app .section-design li {position: sticky; top: 17rem; background-color: #1A2F88; padding: 2.5rem 5rem; display: flex; align-items: center; justify-content: space-between; color: white; border-radius: 20px; height: 440px;}
.content-app .section-design li:nth-of-type(2) {top: 18rem}
.content-app .section-design li:nth-of-type(3) {top: 19rem}
.content-app .section-design li:nth-of-type(4) {top: 20rem}
.content-app .section-design li:nth-of-type(5) {top: 21rem}
.content-app .section-design li:nth-of-type(6) {top: 22rem}
.content-app .section-design li:nth-of-type(3n - 1) {background-color: #93A1B9;}
.content-app .section-design li:nth-of-type(3n) {background-color: #1971E3;}
.content-app .section-design .image {flex:0 0 50%; display: flex; justify-content: center;}
.content-app .section-customize {background-color: #F2F5FA;}
.content-app .section-customize h2,
.content-app .section-customize2 h2 {
    font-weight: 400;
    font-size: clamp(24px, 2.5vw, 44px);
    padding-bottom: 1rem;
}
.content-app .section-customize .wrapper,
.content-app .section-customize2 .wrapper {display: flex; justify-content: space-between; align-items: center;}
.content-app .section-customize .texts {align-items: flex-end; text-align: right;}
.content-app .section-customize .texts div:not(:last-child),
.content-app .section-customize2 .texts div:not(:last-child) {
    border-bottom: 1px solid #D3DCEC; padding-bottom: 7rem; margin-bottom: 5rem;
    width: 588px;
    max-width: 100%;
}
.content-app .section-preview {background-color: #F2F5FA;}
.content-app .section-preview .wrapper {display: flex; justify-content: center;}
.content-app .section-preview h2 {display: flex; flex-direction: column;}
.content-app .section-preview .controller {flex: 0 0 50%; display: flex; flex-direction: column; align-items: flex-start;}
.content-app .section-preview .controller h1 {padding-bottom: 1.5rem}
.content-app .section-preview .controller ul { display: flex; flex-direction: column; gap: 2rem; margin-top: 4rem; width: 100%;}
.content-app .section-preview .controller li {width: min(420px, 100%); background-color: white; border: 1px solid #C6D2DC; border-radius: 10px;}
.content-app .section-preview .controller .title {font-size: clamp(18px, 2.5vw, 20px); padding: 1.25rem 1.5rem; color: black; font-weight: 500; border-bottom: 1px solid #C6D2DC;}
.content-app .section-preview .controller .colorpicker {padding: 1.25rem 1.5rem; color: black; font-weight: 500; font-size: 16px; display: flex;  align-items: center; cursor: pointer}
.content-app .section-preview .controller .colorpicker div {flex: 0 0 50%; display: flex; align-items: center; gap: .5rem}
.content-app .section-preview .controller .colorpicker input {width: 35px; height: 35px; cursor: pointer;}
.content-app .section-preview .controller .colorpicker input[type="color" i]::-webkit-color-swatch-wrapper {    background: white !important; border: 1px solid #E4E4E4; padding: 2px }
.content-app .section-preview .controller .colorpicker input[type="color" i]::-webkit-color-swatch { border: 0 !important}
.content-app .section-preview .controller .colorpicker label {border: 1px solid #97A0AA; border-radius: 3px; font-size: 13px; padding: 5px 10px; cursor: pointer;}
.content-app .section-preview .device {flex:0 0 auto; display: flex; justify-content: center; width: fit-content;}
.content-app .section-preview .device::before,
.content-app .section-preview .device::after {transition: background-color .25s}
.content-app .section-preview .device::before {content: ""; background-color: var(--statusBarBackground); display: block; width: calc(100% - 1rem); margin: 0 auto; height: 70px; position: absolute; top: .5rem; z-index: -1; border-radius: 50px 50px 0 0;}
.content-app .section-preview .device::after {content: ""; background-color: var(--tabMenuBackground); display: block; width: calc(100% - 1rem); margin: 0 auto; height: 60px; position: absolute; bottom: .5rem; z-index: -1; border-radius: 0 0 50px 50px;}
.content-app .section-pricing .wrapper {display: flex; flex-direction: column; align-items: center;}
.content-app .section-pricing h1 {font-weight: 700; margin-bottom: 4rem}
.content-app .section-pricing .event {background: url(../images/subs/mobile_app/event.png) no-repeat center; width: 100%; height: 188px; color: white; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 1.5rem}
.content-app .section-pricing .event h4 {font-size: clamp(20px, 2.5vw, 24px); color: #D8FFF8;}
.content-app .section-pricing .event h3 {display: flex; align-items: center; gap: 1rem; line-height: 1; flex-wrap: wrap;}
.content-app .section-pricing .event strong {font-size: clamp(24px, 2.5vw, 36px); font-weight: 700;}
.content-app .section-pricing .event strong:last-of-type {font-size: clamp(40px, 4.5vw, 80px); font-family: 'Roboto'; font-weight: 700;}
.content-app .section-pricing .event strong:last-of-type::after {content:"원"; font-size: clamp(24px, 2.5vw, 36px); font-weight: 700;}
.content-app .section-pricing .event s {font-size: clamp(24px, 2.5vw, 32px); color: #9FC6FF; font-weight: 500; text-decoration: none; font-family: 'Roboto', 'Noto Sans KR'; line-height: normal; position: relative;}
.content-app .section-pricing .event s::after {content: ""; background: url(../images/subs/mobile_app/arrow.png) no-repeat center / 100%; position: absolute; display: block; width: 137px; height: 15px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.content-app .section-pricing .monthly {width: 100%; display: flex; flex-direction: column; box-shadow: 0px 4px 30px 0px #C6D2DC80; margin-bottom: 1.5rem; position: relative; border-radius: 20px;}
.content-app .section-pricing .monthly h3 {background-color: #93A1B9; color: white; font-size: clamp(24px, 2.5vw, 28px); height: 74px; display: flex; align-items: center; justify-content: center; border-radius: 20px 20px 0 0}
.content-app .section-pricing .monthly .discount {
    position: absolute;
    right: -8rem;
    top: -3.5rem;
}
.content-app .section-pricing .monthly li {flex: 1; padding: 3rem 2rem; display: flex; flex-direction: column; align-items: center; gap: 2rem; letter-spacing: 0; }
.content-app .section-pricing .monthly li:not(:last-of-type) {
    border-right: 1px solid #F1F3F5
}
.content-app .section-pricing .monthly li span {color: #58697E; border: 1px solid #58697E; border-radius: 50px; font-size: clamp(20px, 2.5vw, 22px); font-family: 'Roboto'; height: 50px; width: 172px; padding: 0 1rem; display: inline-flex; margin: 0 auto; align-items: center; justify-content: center; font-weight: 500; letter-spacing: 0;}
.content-app .section-pricing .monthly li small { margin-bottom: -1.5rem;
    font-size: clamp(24px, 2.5vw, 32px); line-height: 1; font-family: 'Roboto', 'Noto Sans KR'; font-weight: 400; color: #888888; text-decoration: line-through; text-align: center;
}
.content-app .section-pricing .monthly li small::after {content: "원";}
.content-app .section-pricing .monthly li strong {
    font-size: clamp(28px, 2.5vw, 46px); line-height: 1; font-family: 'Roboto', 'Noto Sans KR'; font-weight: 600;
}
.content-app .section-pricing .monthly li strong::after {content: "원"; font-size: clamp(24px, 2.5vw, 36px); font-weight: 500;}
.content-app .section-pricing .monthly li .images{ display: flex; gap: 1rem}
.content-app .section-pricing small {width: 100%; font-size: 16px; color: #5F6368;}
.content-app .section-steps {background-color: #F2F5FA}
.content-app .section-steps h1 {font-weight: 700; margin-bottom: 4rem; text-align: center;}
.content-app .section-steps h2 {font-size: clamp(20px, 2.5vw, 24px); display: flex; align-items: center; gap: .5rem;}
.content-app .section-steps h2::before {flex:0 0 auto; content: "0"counter(li); background-color: #1971e3; color: white; border-radius: 50%; width: 29px; height: 29px; aspect-ratio: 1; font-size: 15px; display: flex; align-items: center; justify-content: center; font-weight: 500; letter-spacing: 0;}
.content-app .section-steps ul {display: flex; flex-direction: column; gap: 1rem; counter-reset: li; width: min(960px, 100%); margin: 0 auto }
.content-app .section-steps li {background-color: white; padding: 2rem 5rem; counter-increment: li; box-shadow: 0px 4px 20px 0px #D7DDE480; border-radius: 10px;}
.content-app .section-steps p {padding-left: 2.5rem; color: #666666; font-size: clamp(18px, 2.5vw, 20px);}
.content-app .section-steps a {color: #1971E3; text-decoration: underline; text-underline-offset: 3px; padding-left: 2.5rem}
.content-app .section-steps .texts {gap: .5rem}
.content-app .section_faq h1 {font-size: clamp(24px, 3.5vw, 32px);}
.content-app .section_faq li:not(:last-of-type) {padding-bottom: 2rem; border-bottom: 1px solid #eee}
.content-app .section_faq ul {margin-top: 2rem; background-color: #F9F9F9; border-radius: 1.5rem; padding: 2rem; flex-direction: column; gap: 2rem}
.content-app .section_faq .question {display: flex; padding-right: 1.5rem; font-size: 16px; font-weight: 700; cursor: pointer; position: relative;}
.content-app .section_faq .question::before {content: "Q."; padding-right: 1rem;}
.content-app .section_faq .question::after {content: ""; position: absolute; top: 4px; right: 0; border: 2px solid #ccc; border-left: 0; border-top: 0; transform: rotate(45deg); display: block; width: 12px; height: 12px; transition: transform .25s;}
.content-app .section_faq .active .question::after {transform: rotate(225deg); border-color: black; margin-top: 7px;} 
.content-app .section_faq .answer {opacity: 0; visibility: hidden; max-height: 0; font-size: 16px; padding-left: 2rem; transition: opacity .25s;}
.content-app .section_faq .answer p {font-size: 16px; text-align: left;}
.content-app .section_faq .answer a {color: #0066FF; text-decoration: underline; text-underline-offset: 3px; font-weight: bold;}
.content-app .section_faq .active .answer {opacity: 1; visibility: visible; max-height: 999px; padding-top: 1rem; }

@media only screen and (max-width:639px) {
    .content-app p {display: block; text-align: center;}
    .content-app h1 {align-items: center;}
    .content-app h1 * {text-align: center;}
    .content-app .image,
    .content-app .image img {max-width: 100%;}
    .content-app ul {flex-direction: column; max-width: 100vw}
    .content-app section {padding: 4rem 1.5rem; max-width: 100vw;}
    .content-app .wrapper {display: flex; flex-direction: column; gap: 2rem;}
    .content-app .sec_head_comm {padding-right: 0 !important;}
    .content-app .sec_head_comm .wrapper {gap: 0; align-items: flex-start;}
    .content-app .sec_head_comm .image {margin-top: 0; justify-content: flex-start; overflow: hidden}
    .content-app .section_intro h1, .content-app .section-design h1, .content-app .section-pricing h1 {margin-bottom: 0;}
    .content-app .section_intro .swiper::before,
    .content-app .section_intro .swiper::after {content: none}
    .content-app .section_faq ul {margin-top: 0; gap: 1.5rem; padding: 1.5rem}
    .content-app .section_faq li:not(:last-of-type) {padding-bottom: 1.5rem;}
    .content-app .section-different {padding-bottom: 0;}
    .content-app .section-different h1 {margin-bottom: 0;}
    .content-app .section-different li {width: 100%; gap: 1rem;}
    .content-app .section-different li p {text-align: left;}
    .content-app .section-different .image {flex-basis: 70px; aspect-ratio: 1;}
    .content-app .section-design h1 {top: 4rem;}
    .content-app .section-design li {overflow:hidden; flex-direction: column; text-align: center; gap: 1rem; height: auto; padding: 2.5rem; top: 11rem; aspect-ratio: 1 / 1.15;}
    .content-app .section-design .image {flex: 1 1 auto; align-items: center;}
    .content-app .section-design li:nth-of-type(2) {top: 12rem}
    .content-app .section-design li:nth-of-type(3) {top: 13rem}
    .content-app .section-design li:nth-of-type(4) {top: 14rem}
    .content-app .section-design li:nth-of-type(5) {top: 15rem}
    .content-app .section-design li:nth-of-type(6) {top: 16rem}
    .content-app .section-customize .wrapper, .content-app .section-customize2 .wrapper {
        justify-content: center;
        text-align: center;
    }
    .content-app .section-customize video , .content-app .section-customize2 video {
        justify-content: center;
        max-width: 60vw;
    }
    .content-app .section-customize h2, .content-app .section-customize2 h2 {
        text-align: center;
    }
    .content-app .section-customize2 .texts {
        order:2
    }
    .content-app .section-customize .texts div:not(:last-child), .content-app .section-customize2 .texts div:not(:last-child) {
        padding-bottom: 3rem; margin-bottom: 1rem; width: auto;
    }
    .content-app .section-preview .controller {align-items: center;}
    .content-app .section-preview .controller ul {flex-direction: row; gap: 1rem}
    .content-app .section-preview .controller ul li > * {padding: .75rem !important}
    .content-app .section-preview .controller .colorpicker div:first-of-type {flex: 1 1 auto}
    .content-app .section-preview .device {margin: 0 auto}
    .content-app .section-pricing .event {background-position: right -50vw center; border-radius: 1rem; align-items: flex-start; padding: 2rem}
    .content-app .section-pricing .event h3 strong:first-of-type {width: 100%;}
    .content-app .section-pricing .event s::after {width: 115%;}
    .content-app .section-pricing .monthly li {padding: 0; gap: 1rem;}
    .content-app .section-pricing .monthly ul {gap: 3rem; padding: 3rem 0}
    .content-app .section-pricing .monthly li small {
        margin-bottom: -.5rem;
    }
    .content-app .section-pricing .monthly .discount {
        right: -3rem;
        scale: .75;
        top: -5rem;
    }
    .content-app .section-steps li {padding: 1.5rem}
    .content-app .section-steps p {text-align: left;}
}

/* AI 에디터 */
.content_ai {font-size: clamp(17px, 2.5vw, 18px); word-break: keep-all; padding-bottom: 0 !important}
.content_ai p {display: flex; flex-direction: column; font-size: clamp(17px, 2.5vw, 18px);}
.content_ai h1 {font-size: clamp(25px, 3.5vw, 44px); font-weight: 400; display: flex; flex-direction: column; line-height: 1.3;}
.content_ai .texts {display: flex; flex-direction: column; gap: 1rem;}
.content_ai ul {display: flex}
.content_ai section {padding: 8rem 0}
.content_ai .wrapper {width: min(100%, 1220px); margin: 0 auto}
.content_ai .sec_head_comm .image {width: 100%; display: flex; justify-content: flex-end; margin-top: -5.5rem}
.content_ai h1 strong {font-weight: 400; color: #1971E3;}
.content_ai h2 {font-size: clamp(20px, 2.5vw, 44px)}
.content_ai h3 {font-size: clamp(18px, 2.5vw, 24px)}
.content_ai .sec_head_comm {background-color: #F2F5FA; max-width: none !important;     padding-bottom: 0 !important;}
.content_ai .section_steps {padding-bottom: 0}
.content_ai .section_steps h1 {align-items: center; margin-bottom: 7vh; gap: .5rem}
.content_ai .section_steps small {
    font-size: clamp(17px, 2.5vw, 18px); color: #1971E3; font-weight: bold; margin-bottom: .5rem;
}
.content_ai .section_steps li {flex: 1; box-shadow: 0 2px 20px 0px rgba(0, 0, 0, .1); border-radius: 1rem; padding: 2.5rem; display: flex; flex-direction: column; position: relative;}
.content_ai .section_steps li:not(:last-of-type)::after {
    content: ""; background-image: url("data:image/svg+xml,%3Csvg width='13' height='16' viewBox='0 0 13 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 7.13397C13.1667 7.51888 13.1667 8.48112 12.5 8.86602L2 14.9282C1.33333 15.3131 0.499999 14.832 0.499999 14.0622L0.5 1.93782C0.5 1.16802 1.33333 0.686896 2 1.0718L12.5 7.13397Z' fill='%23B3BDCB'/%3E%3C/svg%3E%0A"); width: 18px; height: 18px; display: block; position: absolute; right: -2.4rem; top: 50%; transform: translateY(-50%); background-repeat: no-repeat;
}
.content_ai .section_steps li:last-of-type {padding-bottom: 0}
.content_ai .section_steps li:last-of-type .image {overflow: hidden; padding-top: 1rem}
.content_ai .section_steps li:last-of-type .image img {margin-bottom: -2rem;}
.content_ai .section_steps ul {gap: 3rem}
.content_ai .section_steps .image {flex: 1 1 auto; align-items: center; justify-content: center; display: flex; margin: 0 -1rem; padding-top: 2rem;}
.content_ai .section_about .wrapper {border-radius: 1rem; color: white; background: #5C9DFF url(../images/subs/ai_about_bg.png) no-repeat center / cover; padding: 3rem 1rem; display: flex; justify-content: center; align-items: center; gap: 3rem}
.content_ai .section_about p {display: flex; flex-direction: column;}
.content_ai .section_about h3 {font-size: clamp(24px, 2.5vw, 36px);}
.content_ai .section_about .texts {display: flex; flex-direction: column; gap: 1rem;}
.content_ai .section_automatic {background-color: #F2F5FA;}
.content_ai .section_automatic .wrapper {display: flex; align-items: center; gap: 5vw;}
.content_ai .section_image .wrapper {display: flex; align-items: center; gap: 5vw; justify-content: center;}
.content_ai .section_modify .wrapper {display: flex; align-items: center; gap: 5vw; justify-content: center;}
.content_ai .section_custom {background-color: #F2F5FA;}
.content_ai .section_custom .wrapper {display: flex; align-items: center; gap: 5vw; justify-content: center;}
.content_ai .section_options {background-color: #F2F5FA;}
.content_ai .section_options .wrapper {display: flex; align-items: center; gap: 5vw; justify-content: center;}
.content_ai .section_faq h1 {font-size: clamp(24px, 3.5vw, 32px);}
.content_ai .section_faq li:not(:last-of-type) {padding-bottom: 2rem; border-bottom: 1px solid #eee}
.content_ai .section_faq ul {margin-top: 2rem; background-color: #F9F9F9; border-radius: 1.5rem; padding: 1.75rem; flex-direction: column; gap: 2rem}
.content_ai .section_faq .question {display: flex; padding-right: 1.5rem; font-size: 16px; font-weight: 700; cursor: pointer; position: relative;}
.content_ai .section_faq .question::before {content: "Q."; padding-right: 1rem;}
.content_ai .section_faq .question::after {content: ""; position: absolute; top: 4px; right: 0; border: 2px solid #ccc; border-left: 0; border-top: 0; transform: rotate(45deg); display: block; width: 12px; height: 12px; transition: transform .25s;}
.content_ai .section_faq .active .question::after {transform: rotate(225deg); border-color: black; margin-top: 7px;} 
.content_ai .section_faq .answer {opacity: 0; visibility: hidden; max-height: 0; font-size: 16px; padding-left: 2rem; transition: opacity .25s;}
.content_ai .section_faq .answer p {font-size: 16px; flex-direction: row; gap: 5px; text-align: left;}
.content_ai .section_faq .answer p.dot{position:relative;margin-left:8px;}
.content_ai .section_faq .answer p.dot::before{position:absolute;left:-8px;display: inline-block;content:'·';}
.content_ai .section_faq .answer a {color: #0066FF; text-decoration: underline; text-underline-offset: 3px; font-weight: bold;}
.content_ai .section_faq .active .answer {opacity: 1; visibility: visible; max-height: 999px; padding-top: 1rem; line-height: 2;}

@media only screen and (max-width:639px) {
    .content_ai p{display: block; text-align: center;}
    .content_ai h1 {align-items: center; text-align: center;}
    .content_ai .image {order: 1}
    .content_ai .image img {max-width: 100%;}
    .content_ai ul {flex-direction: column;}
    .content_ai section {padding: 4rem 1.5rem}
    .content_ai .wrapper {display: flex; flex-direction: column; gap: 2rem;}
    .content_ai .sec_head_comm .wrapper {gap: 0; }
    .content_ai .sec_head_comm .image {margin-top: 0; justify-content: flex-start;}
    .content_ai .section_steps h1 {margin-bottom: 0;}
    .content_ai .section_steps li:not(:last-of-type)::after {right: auto; left: 50%; transform: translateX(-50%) rotate(90deg); bottom: -3.35rem; top: auto;}
    .content_ai .section_faq ul {margin-top: 0; gap: 1.5rem; padding: 1.5rem}
    .content_ai .section_faq li:not(:last-of-type) {padding-bottom: 1.5rem;}
}

/* 클릭엔 AI 어시스트 */
.content_ai.assist .sec_head_comm small {
  background-color: white;
  border: 2px solid #1971E3;
  border-radius: 50px;
  width: 90px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #0066FF;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 1rem;
}
.content_ai.assist h1 strong {font-weight: 700;}
.content_ai.assist h2 {display: flex; flex-direction: column}
.content_ai.assist .sec_head_comm.layout .image {padding:1rem 0 1rem;}
.content_ai.assist h1 strong {font-weight: 700;}
.content_ai.assist .section_steps {
  padding-bottom: 8rem;
  width: min(100%, 1220px);
  margin: 0 auto;
  border-bottom: 1px solid #eee;
}
.content_ai.assist .section_steps li:first-of-type .image {
  margin-left: -2rem;
}
.content_ai.assist .section_steps li:last-of-type .image {
  padding: 0 0 2rem .75rem;
}

.content_ai.assist .section_steps li:last-of-type .image img {
  margin-bottom: 0;
}

.content_ai.assist .section_try h1 {
  align-items: center;
  margin-bottom: 7vh;
}

.content_ai.assist .section_manual {
  background-color: #0022F3;
  background-image: url(../images/subs/ai_assist/manual_bg_1.png), url(../images/subs/ai_assist/manual_bg_2.png), url(../images/subs/ai_assist/manual_bg_3.png);
  background-position: top 22vh left 5vw, bottom 0 right 10vw, top 0 right 12vw;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.content_ai.assist .section_manual .point {
  color: #5C9DFF;
  border-radius: 50px;
  padding: .5rem 1.5rem;
  border: 2px solid;
  font-weight: 700;
}

.content_ai.assist .section_manual p {
  color: #5F6368;
}

.content_ai.assist .section_manual h1 {
  font-weight: 600;
  text-align: center;
  margin-bottom: 3rem;
}

.content_ai.assist .section_manual h2 {
  font-size: clamp(20px, 2.5vw, 34px);
}

.content_ai.assist .section_manual .texts {
  align-items: flex-start;
}

.content_ai.assist .section_manual li {
  background-color: white;
  border-radius: 20px;
  display: flex; 
  padding: 4rem;
  gap: 1rem;
  justify-content: space-between; 
  align-items: center;
  box-shadow: 2px 4px 30px 0px #1A2F884D;
  position: sticky;
  overflow: hidden;
}

.content_ai.assist .section_manual li:nth-of-type(1) {
  padding-bottom: 0;
  bottom: 12rem;
  z-index: 10;
}

.content_ai.assist .section_manual li:nth-of-type(2) {
  bottom: 10rem;
  z-index: 9;
  padding-bottom: 2rem;
}

.content_ai.assist .section_manual li:nth-of-type(3) {
  bottom: 8rem;
  padding-bottom: 0;
  z-index: 8;
}

.content_ai.assist .section_manual li:nth-of-type(4) {
  bottom: 6rem;
  padding-bottom: 0;
  z-index: 7;
}

.content_ai.assist .section_manual li:nth-of-type(5) {
  bottom: 4rem;
  padding-bottom: 0;
  z-index: 6;

  .video {
    margin-bottom: -1px;
  }
}

.content_ai.assist .section_manual li:nth-of-type(6) {
  bottom: 2rem;
  z-index: 5;
  padding-top: 2rem;
  padding-right: 8rem;
}

.content_ai.assist .section_manual ul {
  display: flex; flex-direction: column; gap: 2rem;
}

.content_ai.assist .section_advantage {
  border-bottom: 1px solid #eee;
  width: min(100%, 1220px);
  margin: 0 auto;
}

.content_ai.assist .section_advantage h1 {
  align-items: center;
  margin-bottom: 7vh;
}

.content_ai.assist .section_advantage .image {
  flex: 0 0 68px;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

.content_ai.assist .section_advantage li {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 5px;
  box-shadow: 0px 0px 35px 0px #B3BDCB66;
  padding: 3rem 1rem 2rem;
  border-radius: 20px;
}

.content_ai.assist .section_advantage ul {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
}

.content_ai.assist .section_event h1 {
  align-items: center;
  font-weight: 700;
  margin-bottom: 7vh;
}

.content_ai.assist .section_event article {
  border-radius: 20px;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  background: #1971e3 url('../images/subs/ai_assist/pricing_bg.png') no-repeat center;
  padding: 2.5rem 1rem;
  margin-bottom: 1.5rem;
}

.content_ai.assist .section_event .period {
  background-color: #0E62CE;
  border-radius: 50px;
  padding: .5rem 1.5rem;
  display: flex;
  gap: .75rem;
}

.content_ai.assist .section_event .period strong {
  font-size: clamp(17px, 2.5vw, 19px);
  display: flex;
  align-items: center;
}

.content_ai.assist .section_event .period strong::after {
  content: "";
  width: 1px;
  height: 14px;
  display: block;
  background-color: #418DEE;
  margin-left: .75rem;
}

.content_ai.assist .section_event .period span {
  font-size: clamp(18px, 2.5vw, 20px);
  font-family: 'Roboto';
  font-weight: 400;
}

.content_ai.assist .section_event .event {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.content_ai.assist .section_event .event strong {
  font-size: clamp(20px, 4.5vw, 24px);
  color: #ACFFF0;
}

.content_ai.assist .section_event .event h2 {
  font-size: clamp(24px, 4.5vw, 34px);
  color: white;
}

.content_ai.assist .section_event .caution {
  color: #5F6368;
  margin-top: 1rem;
}

.content_ai.assist .section_event .caution p {
  font-size: clamp(14px, 2.5vw, 16px);
  text-align: left;
}

.content_ai.assist .section_event .details {
  display: flex; 
}

.content_ai.assist .section_event .details strong {
  color: #0066FF;
  font-weight: 400;
  margin-right: 5px;
}

.content_ai.assist .section_event .details li {
  height: 60px;
  border-top: 1px solid #4DCFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: clamp(16px, 2.5vw, 20px);
}

.content_ai.assist .section_event .details li:first-of-type {
  color: white;
  background-color: #4DCFFF;
  border-top: 0;
}

.content_ai.assist .section_event .details ul {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  border: 1px solid #4DCFFF;
  border-radius: 20px;
  overflow: hidden;
}

.content_ai.assist .section_event .details ul:last-of-type {
  border-color: #1971E3;
}

.content_ai.assist .section_event .details ul:last-of-type li:first-of-type { background-color: #1971E3;}

.content_ai.assist .section_event .details ul:last-of-type li {
  border-color: #1971E3;
}

.content_ai.assist .section_event .price {
  font-size: clamp(40px, 6vw, 96px);
  font-family: 'Roboto';
  line-height: 1;
  display: flex;
  align-items: baseline;
}

.content_ai.assist .section_event .price::after {
  content: "원";
  font-size: clamp(24px, 4.5vw, 48px);
  font-weight: 400;
}

.content_ai.assist .section_steps.process {
  background-color: #F2F5FA;
  width: 100%;
}

.content_ai.assist .section_steps.process h1 {
  font-weight: 700
}

.content_ai.assist .section_steps.process li {
  background-color: white;
  padding:2.3rem 2rem !important;
}

.content_ai.assist .section_steps.process li .image {
  margin: 1rem 0 0 !important;
  padding: 0 !important;
}

.content_ai.assist .section_steps.process li .image img {
  max-width: 100%;
  margin: 0 !important
}

.content_ai.assist .section_steps.process li span {
  font-size:clamp(13px, 2vw, 15px);
  color:#666666;
  letter-spacing:-0.75px;
}

.content_ai.assist .section_steps.process li span b {
  font-weight:500;
}
.content_ai.assist .section_steps.process li:has(>div:nth-child(2)) div:last-child{
  margin-top:1.6rem;
}
.content_ai.assist .section_steps.process li:has(>div:nth-child(2)) .image{
  margin-top:0.2rem !important;
}

.content_ai.assist .section_steps.process li .image{
  overflow:visible;
}
.content_ai.assist .section_steps.process li .image img{
  max-width:125%;
}
.content_ai.assist .section-event {
  background: url('../images/subs/ai_assist/event_bg.png') no-repeat center / cover;
  color: white;
}

.content_ai.assist .section-event .wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.content_ai.assist .section-event header {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 2rem;
}

.content_ai.assist .section-event header small {
  border: 1px solid;
  border-radius: 50px;
  padding: .75rem 1rem;
  font-size: clamp(16px, 2.5vw, 19px);
  font-weight: 600;
  letter-spacing: 3px;
  color: white;
  line-height: 1;
}

.content_ai.assist .section-event header h2 {
  display: flex;
  align-items: center;
}

.content_ai.assist .section-event header .period {
  background-color: #070226;
  color: #7385EA;
  font-size: clamp(17px, 2.5vw, 19px);
  padding: .5rem 2rem;
  border-radius: 50px;
  letter-spacing: 0;
}

.content_ai.assist .section-event .prize {
  display: flex;
  width: min(800px, 100%);
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  gap: 3rem 1rem;
}

.content_ai.assist .section-event .prize li {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.content_ai.assist .section-event .prize li strong {
  font-size: clamp(28px, 2.5vw, 34px);
  margin-top: 1rem;
}

.content_ai.assist .section-event .prize li p {
  font-size: clamp(20px, 2.5vw, 23px);
  color: #6F8CFF
}

.content_ai.assist .section-event .steps {
  width: min(990px, 100%);
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.content_ai.assist .section-event .steps li {
  background-color: black;
  font-size: clamp(20px, 2.5vw, 22px);
  display: flex;
  justify-content: space-between;
  border-radius: 30px;
  padding: .75rem .75rem .75rem 1.75rem;
  flex-wrap: wrap;
  gap: 1rem;
}

.content_ai.assist .section-event .steps li div {
  display: flex;
  gap: 5px;
  align-items: center;
  flex-wrap: wrap;
}

.content_ai.assist .section-event .steps li p {
  display: block;
  font-size: clamp(20px, 2.5vw, 22px);
  text-align: left;
}

.content_ai.assist .section-event .steps li strong {
  color: #1187FF;
  font-size: clamp(20px, 2.5vw, 23px);
  line-height: 1.2;
}

.content_ai.assist .section-event small {
  color: #5B72D7;
  font-size: clamp(17px, 2.5vw, 18px);
  margin-bottom: 1rem;
  text-align: center;
}

.content_ai.assist .section-event span {
  text-decoration: underline;
  text-underline-offset: 3px;
  color: white;
}

.content_ai.assist .section-event .steps button {
  background-color: #0066FF;
  color: white;
  padding: .75rem 1.25rem .75rem 3rem;
  border-radius: 50px;
  font-size: clamp(17px, 2.5vw, 18px);
  font-weight: 600;
}

.content_ai.assist .section-event .btn-copy {
  background: url("data:image/svg+xml,%3Csvg width='17' height='20' viewBox='0 0 17 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 16.5V14.5H2V16.5H0ZM0 13V11H2V13H0ZM0 9.5V7.5H2V9.5H0ZM3.5 20V18H5.5V20H3.5ZM6 16C5.45 16 4.97917 15.8042 4.5875 15.4125C4.19583 15.0208 4 14.55 4 14V2C4 1.45 4.19583 0.979167 4.5875 0.5875C4.97917 0.195833 5.45 0 6 0H15C15.55 0 16.0208 0.195833 16.4125 0.5875C16.8042 0.979167 17 1.45 17 2V14C17 14.55 16.8042 15.0208 16.4125 15.4125C16.0208 15.8042 15.55 16 15 16H6ZM6 14H15V2H6V14ZM7 20V18H9V20H7ZM2 20C1.45 20 0.979167 19.8042 0.5875 19.4125C0.195833 19.0208 0 18.55 0 18H2V20ZM10.5 20V18H12.5C12.5 18.55 12.3042 19.0208 11.9125 19.4125C11.5208 19.8042 11.05 20 10.5 20ZM0 6C0 5.45 0.195833 4.97917 0.5875 4.5875C0.979167 4.19583 1.45 4 2 4V6H0Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center left 1.25rem / 17px;
}

.content_ai.assist .section-event .btn-copy.copied {
  background-color: #636669;
}

.content_ai.assist .section-event .btn-form {
  background: url("data:image/svg+xml,%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 20V16.925L15.525 11.425C15.675 11.275 15.8417 11.1667 16.025 11.1C16.2083 11.0333 16.3917 11 16.575 11C16.775 11 16.9667 11.0375 17.15 11.1125C17.3333 11.1875 17.5 11.3 17.65 11.45L18.575 12.375C18.7083 12.525 18.8125 12.6917 18.8875 12.875C18.9625 13.0583 19 13.2417 19 13.425C19 13.6083 18.9667 13.7958 18.9 13.9875C18.8333 14.1792 18.725 14.35 18.575 14.5L13.075 20H10ZM11.5 18.5H12.45L15.475 15.45L15.025 14.975L14.55 14.525L11.5 17.55V18.5ZM2 20C1.45 20 0.979167 19.8042 0.5875 19.4125C0.195833 19.0208 0 18.55 0 18V2C0 1.45 0.195833 0.979167 0.5875 0.5875C0.979167 0.195833 1.45 0 2 0H10L16 6V9H14V7H9V2H2V18H8V20H2ZM15.025 14.975L14.55 14.525L15.475 15.45L15.025 14.975Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center left 1.25rem / 19px;
}

.content_ai.assist .section-sticky-button {
  position: sticky;
  padding: 0;
  bottom: 15vh;
  margin-top: -10rem;
  height: 0;
  display: flex;
  justify-content: center;
  z-index: 1000 !important;
}
.content_ai.assist .section-sticky-button button {
  flex: 0 0 auto;
  opacity: 0;
  visibility: hidden;
  justify-content: center;
  padding: 0 2rem;
  border-radius: 1rem;
  height: 86px;
  width: min(460px, 80%);
  font-size: clamp(22px, 3vw, 32px);
  background-color: rgba(0, 0, 0, 0.1);
  background: linear-gradient(91.86deg, #00BBFF 1.44%, #9640FF 102.1%);
  color: white;
  background-blend-mode: multiply;
  font-weight: 700;
  transition: 0.5s;
  letter-spacing:-0.1rem;
}
.content_ai.assist .section-sticky-button button.is-active {
  opacity: 1;
  visibility: visible;
}
.content_ai.assist .section-sticky-button button:hover {
  background-color: rgba(0, 0, 0, 0);
}
.content_ai.assist .section-sticky-button + section {
  padding: 5rem 0;
}
.content_ai.assist .sec_start_comm {
  padding-bottom: 10rem
}

@media screen and (max-width: 640px) {

  #layout_body .sec_head_comm.layout .image {
    padding-right: 5vw;
  }

  .content_ai.assist {
    overflow: unset !important
  }

  .content_ai.assist .sec_head_comm .wrapper {
    min-height: 56vh !important;
  }
  
  .content_ai.assist .section_steps {
    padding-bottom: 4rem;
  }

  .content_ai .section_steps ul {
    gap: 3rem;
  }

  .content_ai .section_steps li:not(:last-of-type)::after {
    bottom: -2.35rem;
    scale: .8
  }

  .content_ai.assist .section_manual p {
    text-align: left;
  }

  .content_ai.assist .section_manual h1 {
    margin-bottom: 0;
  }

  .content_ai.assist .section_manual li {
    padding: 1.5rem;
    flex-direction: column;
  }

  .content_ai.assist .section_manual .texts {
    gap: .5rem;
  }

  .content_ai.assist .section_manual li:nth-of-type(1) {
    bottom: 6rem;
  }
  
  .content_ai.assist .section_manual li:nth-of-type(2) {
    bottom: 5rem;
  }
  
  .content_ai.assist .section_manual li:nth-of-type(3) {
    bottom: 4rem;
  }
  
  .content_ai.assist .section_manual li:nth-of-type(4) {
    bottom: 3rem;
  }
  
  .content_ai.assist .section_manual li:nth-of-type(5) {
    bottom: 2rem;
  }
  
  .content_ai.assist .section_manual li:nth-of-type(6) {
    bottom: 1rem;
  }

  .content_ai.assist .section_advantage h1 {
    margin-bottom: 2rem;
  }

  .content_ai.assist .section_advantage li {
    padding: 1.5rem;
  }

  .content_ai.assist .section_pricing .charge {
    flex-direction: column;
    width: 100%;
    align-items: center;
    gap: 0;
  }

  .content_ai.assist .section_advantage .image {
    order: 0;
    margin-bottom: .5rem;
  }

  .content_ai.assist .section_try h1,
  .content_ai.assist .section_pricing h1 {
    margin-bottom: 0;
  }

  .content_ai.assist .section_pricing article {
    background-position: left 35% center;
  }

  .content_ai.assist .section_pricing .caution {
    margin-top: 0;
  }

  .content_ai.assist .section_event .wrapper {
    gap: 0;
  }

  .content_ai.assist .section_event h1 {
    margin-bottom: 2rem;
  }

  .content_ai.assist .section-event .prize li img {
    max-width: 50vw;
  }

  .content_ai.assist .section-event .steps li {
    padding: 1rem;
  }
  .content_ai.assist .section-sticky-button {
      padding: 0 0 10vh !important;
      bottom: 1rem;
  }
  .content_ai.assist .section-sticky-button button {
      transform: scale(0.8);
      height: 72px;
  }
  .content_ai.assist .section-sticky-button + section {
      padding: 2rem !important;
  }
}