@media screen and (max-width: 1600px) {
    header.header .lnb a {
        width: 150px;
    }
    header.header .subs li {
        width: 150px;
    }
    header.header .wrapper {
        width: -moz-fit-content;
        width: fit-content;
    }
}
@media screen and (max-width: 1280px) {
    header.header {
        padding: 0 1rem;
    }
    header.header nav.lnb a {
        width: 125px;
    }
    header.header nav.gnb {
        right: 1rem;
    }
    header.header nav.gnb a {
        width: -moz-fit-content;
        width: fit-content;
    }
    header.header .subs li {
        width: 125px;
    }
    main .wrapper {
        padding: 0 5vw;
    }
    .wrapper {
        padding: 0 1rem;
    }
    .content-main .section-digital ul {
        flex-wrap: nowrap;
        transform: scale(0.85);
    }
    .content-main .section-details .texts {
        margin-top: -1rem;
    }
    .content-shop.clickn .section-reviews header {
        padding-left: 1rem;
    }
    .content-shop.cloud .section-intro ul {
        margin: 3rem auto 0;
        padding-left: 0;
        gap: 3rem;
        flex-wrap: wrap;
        justify-content: center;
    }
    .content-shop.cloud .section-intro .image {
        max-width: none;
    }
    .content-shop.transfer .section-benefits {
        background-position-x: -20vw;
    }
    .content-ads.main .section-solutions .image {
        right: 2vw;
    }
}
@media screen and (max-width: 1200px) {
    header.header {
        flex-wrap: nowrap;
        padding: 0 1rem;
        min-height: 50px;
        position: sticky;
    }
    header.header .responsive {
        display: flex !important;
    }
    header.header .links {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    header.header .links .gnb {
        display: none;
    }
    header.header .buttons,
    header.header .lnb {
        display: none;
    }
    header.header .wrapper {
        align-items: center;
        justify-content: flex-end;
    }
    header.header .hamburg-menu {
        z-index: 10;
    }
    header.header .subs a::before {
        content: none;
    }
    header.header .subs .title {
        flex: 0 0 auto;
        display: flex;
        border-bottom: 1px solid #eee;
        padding: 0.75rem 1.25rem;
        height: 50px;
    }
    header.header .subs .title .logo img {
        max-width: 160px;
    }
    header.header .subs .title .close {
        background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.3335' y='1' width='20.7418' height='1.88561' transform='rotate(45 2.3335 1)' fill='black'/%3E%3Crect width='20.7418' height='1.88561' transform='matrix(-0.707107 0.707107 0.707107 0.707107 15.6665 1)' fill='black'/%3E%3C/svg%3E%0A")
            no-repeat;
        width: 18px;
        height: 18px;
    }
    header.header .subs li {
        width: 100%;
        display: flex;
        align-items: flex-start;
        cursor: pointer;
    }
    header.header .subs li a {
        width: 100%;
        justify-content: flex-start;
        font-size: 16px;
    }
    header.header .subs li a::before {
        content: none !important;
    }
    header .subs [data-badge]::after {
        position: relative;
        right: auto;
    }
    main {
        margin-top: 0;
    }
    footer .section-links {
        padding-bottom: 2rem;
    }
}
@media screen and (max-width: 960px) {
    header.header .logo {
        width: 162px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        justify-content: center;
    }
    .responsive {
        display: flex;
    }
    .image.large,
    .images.large,
    .video.large {
        display: none !important;
    }
    .image.large + .image,
    .images.large + .image,
    .video.large + .image {
        display: flex;
        padding: 0 5vw;
    }
    main section p span {
        display: contents;
    }
    main section .wrapper {
        width: 100%;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 2rem !important;
    }
    main .texts {
        order: 1;
        align-items: center;
        text-align: center;
    }
    main .texts * {
        align-items: center;
        text-align: center;
    }
    main .texts p {
        display: inline;
        max-width: 600px;
    }
    main .images,
    main .image {
        order: 2;
    }
    .section-pricing p span {
        display: flex;
    }
    .content-main .section-articles li {
        flex: 0 0 calc(33.33% - 0.9rem);
    }
    .content-main .section-digital ul {
        flex-wrap: nowrap;
        transform: scale(0.5);
        margin: -3rem 0;
    }
    .content-main .section-details p {
        white-space: normal;
    }
    .content-main .section-details a {
        min-width: auto;
        width: auto;
        margin-top: 0.5rem;
    }
    .content-main .section-details a::after {
        margin-left: 0;
    }
    .content-main .section-details h2 {
        white-space: normal;
        max-width: 90vw;
        display: flex !important;
    }
    .content-main .section-details:not(:last-of-type) {
        padding-bottom: 1rem !important;
    }
    .content-main .section-details .texts {
        margin-top: 0;
        gap: 0.5rem;
        padding: 0 !important;
    }
    .content-main .section-details .video {
        order: 2;
    }
    .content-main .section-details .wrapper {
        padding: 0 1rem;
    }
    .content-shop.clickn .section-reviews h2 {
        display: flex !important;
    }
    .content-shop.clickn .section-reviews .texts {
        padding-top: 3rem;
        order: 0;
        align-items: flex-start;
        text-align: left;
    }
    .content-shop.clickn .section-reviews .texts * {
        align-items: flex-start;
        text-align: left;
    }
    .content-shop.clickn .section-build .image {
        order: 0;
    }
    .content-shop.clickn .section-build .texts {
        padding-top: 0;
    }
    .content-shop.clickn .section-build ul li {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
        gap: 0;
    }
    .content-shop.clickn .section-build ul li:nth-of-type(1) .image img {
        margin-left: -5vw;
    }
    .content-shop.clickn .section-build ul li:nth-of-type(2) .image img {
        margin-left: 0;
        margin-right: -10vw;
    }
    .content-shop.clickn .section-icons h2 {
        align-items: center;
    }
    .content-shop.clickn .section-benefits ul {
        margin-top: 1rem;
    }
    .content-shop.clickn .section-benefits .image {
        position: absolute;
        bottom: 0;
        max-width: 50vw;
        margin-left: -30vw;
    }
    .content-shop.cloud .section-app .texts {
        align-items: flex-start;
        text-align: left;
    }
    .content-shop.cloud .section-app .texts * {
        align-items: flex-start;
        text-align: left;
    }
    .content-shop.transfer .section-benefits {
        background-position-x: -40vw;
    }
    .content-shop.pricing .track {
        overflow-x: auto;
        padding-left: 10px;
        padding-right: 10px;
    }
    .content-shop.pricing .track table {
        min-width: 1024px;
        word-break: keep-all;
    }
    .content-custom.shoppingmall .section-partners ul {
        padding: 0 2rem;
        justify-content: center;
        flex-wrap: wrap;
    }
    .content-custom.shoppingmall .section-partners header {
        align-items: center;
    }
    .content-custom.shoppingmall .section-partners header * {
        align-items: center;
    }
    .content-openmarket .section-easy .texts {
        align-items: flex-start;
        text-align: left;
    }
    .content-openmarket .section-easy .texts * {
        align-items: flex-start;
        text-align: left;
    }
    .content-articles.customer .content-header.customer {
        background-position-x: 90% !important;
    }
    .content-articles.customer .content-header.customer .wrapper {
        justify-content: center;
    }
    .content-articles.customer .section-manual ul li {
        height: auto !important;
    }
    .content-articles.customer .section-manual ul li a {
        flex-direction: column-reverse !important;
    }
    .content-articles.customer .section-manual ul li .text {
        align-items: center;
    }
    .section-board.boards .wrapper .board {
        width: 100%;
    }
    footer .section-links .links.sns {
        position: relative;
        margin-top: 1rem;
    }
}
@media screen and (max-width: 640px) {
    .container {
        height: 100vh;
    }
    h2 {
        max-width: 70vw;
        display: inline-block !important;
    }
    article.details {
        padding: 1rem 0 !important;
    }
    main section {
        padding: 8vh 0 !important;
        overflow: hidden;
    }
    main section header {
        order: -1 !important;
        padding: 0 1rem;
    }
    main section ul {
        gap: 0.75rem;
        padding: 0 1rem;
    }
    main section ul li {
        flex: 1 1 auto;
    }
    main section ul li .texts,
    main section ul li .images,
    main section ul li .image {
        max-width: 100%;
    }
    main .wrapper {
        padding: 0;
    }
    main .section-contacts {
        padding-bottom: 3vh !important;
    }
    main .section-contacts a {
        padding: 1rem 0 0 !important;
    }
    main .section-contacts h2 {
        font-weight: bold;
    }
    main .section-contacts .wrapper {
        gap: 0 !important;
    }
    section header p {
        display: inline;
    }
    footer section {
        padding: 2rem 0;
    }
    footer .wrapper {
        max-width: 100%;
    }
    footer .section-benefits {
        padding: 2rem 0;
    }
    footer .section-benefits h2 {
        text-align: left;
    }
    footer .section-sitemap .sitemap {
        gap: 1.5rem;
    }
    footer .section-sitemap .sitemap li {
        flex-basis: auto;
    }
    footer .section-contacts .contacts {
        flex-wrap: wrap;
        gap: 1rem;
        margin-bottom: 0;
    }
    footer .section-contacts .contacts li {
        flex: 1 1 135px;
        margin-bottom: 0;
    }
    footer .section-contacts .texts {
        flex-basis: 100%;
    }
    footer .section-links {
        gap: 1rem;
    }
    .modal.main .dialog {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .horizontal-scroll {
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        overflow-x: auto !important;
        -ms-overflow-style: none;
        scrollbar-width: none;
        scroll-snap-type: x mandatory;
    }
    .horizontal-scroll::-webkit-scrollbar {
        display: none;
    }
    .horizontal-scroll > * {
        flex: 0 0 auto;
        scroll-snap-align: center;
    }
    .swiper-navigation {
        padding: 0px 1rem !important;
    }
    .swiper.small {
        padding: 0 1rem 2rem;
    }
    .swiper.small li {
        flex: none !important;
    }
    .swiper.small .swiper-wrapper {
        padding: 0 !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 0 !important;
        justify-content: flex-start !important;
    }
    .swiper.small .swiper-pagination {
        bottom: -1rem !important;
    }
    .swiper-slide {
        opacity: initial;
        animation: none;
    }
    .inputs {
        padding: 0;
    }
    .inputs li {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
        padding: 1rem 0;
    }
    .inputs li > :first-child {
        flex: 1 1 auto;
    }
    .inputs li > :last-child {
        width: 100%;
    }
    .texts > * {
        align-items: center;
        text-align: center;
    }
    .list {
        padding: 0 1rem;
    }
    .content-header .swiper-slide {
        aspect-ratio: 1/1.23;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center bottom;
    }
    .content-header .swiper-slide .wrapper {
        min-height: auto;
    }
    .content-header .swiper-slide .images {
        width: 100%;
    }
    .content-header .swiper-slide .images img:first-of-type {
        display: none;
    }
    .content-header .swiper-slide .images img:last-of-type {
        display: block;
        max-width: 100%;
    }
    .section-library h2 {
        text-align: left;
        max-width: 60vw;
    }
    .section-library header::before {
        content: none;
    }
    .section-library li {
        flex-basis: 70vw;
    }
    .section-library .texts {
        align-items: flex-start;
    }
    .section-library .texts * {
        text-align: left;
    }
    .section-extensions li {
        flex-direction: row-reverse;
        gap: 1rem;
        padding: 1.5rem;
    }
    .section-extensions .image {
        max-width: 30vw;
    }
    .section-extensions .texts {
        align-items: flex-start;
        text-align: left;
        gap: 0.5rem;
    }
    .section-extensions .texts * {
        align-items: flex-start;
        text-align: left;
    }
    .section-faq ul {
        padding: 0 1rem;
    }
    .section-faq .accordion li {
        padding: 1rem;
    }
    .section-faq .accordion .question::after {
        width: 10px;
        height: 10px;
        right: 1.5rem;
    }
    .section-process .image {
        order: 0;
    }
    .section-process li {
        width: 75vw;
    }
    .section-sticky-button {
        padding: 0 0 10vh !important;
        bottom: 1rem;
        margin-top: 0;
    }
    .section-sticky-button button {
        transform: scale(0.8);
    }
    .section-sticky-button + section {
        padding: 1rem !important;
    }
    .content-header {
        min-height: auto;
    }
    .content-header .image {
        max-height: 50%;
    }
    .content-header .image img {
        max-width: 100%;
        max-height: 100%;
    }
    .content-header a,
    .content-header button {
        margin-top: 0.5rem;
        z-index: 1;
    }
    .content-header .wrapper {
        padding: 2.75rem 1.5rem;
        justify-content: center;
        gap: 0.75rem;
    }
    .content-articles section {
        padding: 0 !important;
    }
    .content-articles section .wrapper {
        gap: 0 !important;
    }
    .content-articles .content-header {
        min-height: 128px;
    }
    .content-articles .articles li {
        flex: 1 1 auto;
    }
    .content-articles .search {
        margin-top: 1rem;
        width: calc(100vw - 2rem);
        justify-content: center;
    }
    .content-articles .search input {
        width: 100% !important;
    }
    .content-articles .search + .tab-content {
        margin-top: 0.5rem !important;
    }
    .content-articles .texts {
        align-items: flex-start;
    }
    .content-articles .texts * {
        text-align: left;
    }
    .content-articles .image {
        order: 0;
        max-width: 100%;
    }
    .content-articles .section-related {
        padding: 3rem 0 !important;
        margin-top: -3rem;
    }
    .content-articles .section-related h3 {
        -webkit-line-clamp: 3;
    }
    .content-articles .section-related li {
        flex: 0 0 auto !important;
        flex-basis: 70vw !important;
    }
    .content-main .section-intro video.large {
        display: none;
    }
    .content-main .section-intro video.small {
        display: block;
        max-width: 110%;
    }
    .content-main .section-digital header {
        z-index: 1;
    }
    .content-main .section-digital .logo {
        display: none;
    }
    .content-main .section-digital p {
        padding-bottom: 0.5rem;
    }
    .content-main .section-digital i {
        transform: scale(0.75);
    }
    .content-main .section-digital ul {
        transform: scale(1);
        flex-wrap: wrap;
        margin: 0;
    }
    .content-main .section-digital ul li {
        width: calc(50% - 1rem);
    }
    .content-main .section-digital ul li:hover div::before {
        transform: scale(2);
    }
    .content-main .section-digital ul li div::before {
        transform: scale(.55);
    }
    .content-main .section-digital ul li:hover p {
        line-height: 1.1;
        font-size: 13px;
    }
    .content-main .section-digital ul li:hover a {
        font-size: 11px;
    }
    .content-main .section-digital ul li div {
        width: 100%;
        height: auto;
        aspect-ratio: 1;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin: 0 !important;
    }
    .content-main .section-different h2 {
        flex-direction: column;
        display: flex !important;
    }
    .content-main .section-different .effect {
        padding: 2.5rem 1.25rem;
    }
    .content-main .section-different .texts {
        align-items: flex-start;
        text-align: left;
    }
    .content-main .section-different .texts * {
        align-items: flex-start;
        text-align: left;
    }
    .content-main .section-different li:nth-of-type(1) .effect {
        transform: translate(0, 21rem) rotate(-2deg);
    }
    .content-main .section-different li:nth-of-type(2) .effect {
        transform: translate(0);
    }
    .content-main .section-different li:nth-of-type(3) .effect {
        transform: translate(0, -21rem) rotate(2deg);
    }
    .content-main .section-different.is-active li:nth-of-type(1) .effect {
        transform: translate(0) rotate(-10deg);
    }
    .content-main .section-different.is-active li:nth-of-type(2) .effect {
        transform: translate(0);
    }
    .content-main .section-different.is-active li:nth-of-type(3) .effect {
        transform: translate(0) rotate(10deg);
    }
    .content-main .section-benefits {
        padding: 4vh 1rem !important;
    }
    .content-main .section-benefits .texts {
        align-items: flex-start;
        text-align: left;
    }
    .content-main .section-benefits .texts h2 {
        text-align: left;
    }
    .content-main .section-contacts {
        padding-bottom: 8vh !important;
    }
    .content-main .section-articles h2 {
        text-align: left;
        max-width: 60vw;
    }
    .content-main .section-articles li {
        flex-basis: 70vw;
    }
    .content-main .section-articles .texts {
        text-align: left;
        align-items: flex-start;
    }
    .content-shop .section-pricing {
        margin-bottom: 0;
    }
    .content-shop .section-pricing small {
        margin-top: 0.5rem;
    }
    .content-shop .section-pricing li {
        padding: 2rem;
    }
    .content-shop .section-pricing ul {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }
    .content-shop .section-pricing .price {
        order: 1;
        margin-top: 1rem;
        text-align: center;
    }
    .content-shop .section-pricing .swiper {
        width: 100%;
    }
    .content-shop.clickn .section-intro .swiper {
        padding: 0 1rem 2rem;
    }
    .content-shop.clickn .section-intro .swiper-pagination {
        bottom: -1rem;
    }
    .content-shop.clickn .section-intro ul li {
        border-radius: 0.5rem;
        overflow: hidden;
    }
    .content-shop.clickn .section-who .image {
        padding: 0 5vw;
    }
    .content-shop.clickn .section-reviews {
        height: auto;
    }
    .content-shop.clickn .section-reviews header {
        position: relative;
    }
    .content-shop.clickn .section-reviews header img {
        width: min(35vw, 140px);
    }
    .content-shop.clickn .section-reviews article {
        height: 100%;
        animation: none !important;
        aspect-ratio: auto;
        padding: 1.5rem;
        width: 70vw;
    }
    .content-shop.clickn .section-reviews li {
        margin-top: 0 !important;
        padding-top: 0 !important;
        justify-content: flex-start !important;
        width: auto;
        height: auto !important;
    }
    .content-shop.clickn .section-reviews ul {
        flex-direction: row;
        padding: 1rem;
    }
    .content-shop.clickn .section-reviews .wrapper {
        align-items: flex-start !important;
    }
    .content-shop.clickn .section-icons header {
        width: 100%;
        align-items: flex-start;
        padding-left: 2rem;
    }
    .content-shop.clickn .section-icons p,
    .content-shop.clickn .section-icons h3 {
        text-align: left;
    }
    .content-shop.clickn .section-icons h2 {
        text-align: left;
        align-items: flex-start;
    }
    .content-shop.clickn .section-icons ul {
        padding: 0 2rem;
        gap: 1rem;
        row-gap: 2rem;
        justify-content: flex-start;
    }
    .content-shop.clickn .section-icons .image {
        order: 0;
    }
    .content-shop.clickn .section-benefits {
        background-image: none;
    }
    .content-shop.clickn .section-benefits h3 {
        align-items: flex-start;
    }
    .content-shop.clickn .section-benefits div {
        display: flex;
        gap: 0.5rem;
    }
    .content-shop.clickn .section-benefits li {
        flex-direction: row;
        width: 100%;
        aspect-ratio: auto;
        padding: 1.5rem;
    }
    .content-shop.clickn .section-benefits ul {
        flex-direction: column;
    }
    .content-shop.clickn .section-benefits .texts {
        max-width: 100%;
        padding: 0;
    }
    .content-shop.clickn .section-benefits .image {
        display: none;
        max-width: 90vw;
        bottom: -8vh;
    }
    .content-shop.clickn .section-skins ul {
        gap: 1.25rem;
    }
    .content-shop.clickn .section-skins .image {
        width: 45vw;
    }
    .content-shop.cloud .section-intro ul {
        gap: 10vw;
        padding: 0 2rem;
    }
    .content-shop.cloud .section-only li {
        flex: none;
        width: 75vw;
    }
    .content-shop.cloud .section-only .texts + .texts {
        width: 100%;
        left: 50%;
        padding: 0 2rem;
        transform: translate(-50%, -50%);
    }
    .content-shop.cloud .section-app p {
        align-items: center;
    }
    .content-shop.cloud .section-app li {
        flex-direction: column;
        align-items: flex-start;
        border: 0;
        gap: 0.75rem;
    }
    .content-shop.cloud .section-app li:first-of-type {
        border-right: 0;
        border-bottom: 1px solid #ddd;
        padding-bottom: 2rem;
    }
    .content-shop.cloud .section-app ul {
        flex-flow: column nowrap;
        gap: 2rem;
        padding: 2rem;
    }
    .content-shop.cloud .section-app .texts {
        gap: 1rem;
    }
    .content-shop.cloud .section-app .image {
        width: 100%;
        flex: 0 0 30vw;
        justify-content: flex-end;
    }
    .content-shop.cloud .section-app .wrapper {
        padding: 0 1rem;
    }
    .content-shop.cloud .section-payments h2 {
        font-size: 22px;
        text-align: left;
    }
    .content-shop.cloud .section-payments li {
        flex: 0 0 auto;
        width: 75vw;
    }
    .content-shop.cloud .section-payments header {
        flex-wrap: nowrap;
    }
    .content-shop.cloud .section-payments header .image {
        order: 0;
        width: min(80px, 20vw);
    }
    .content-shop.independent .section-only h3 {
        align-items: flex-start;
    }
    .content-shop.independent .section-only h3 span {
        text-align: left;
    }
    .content-shop.independent .section-only ul {
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .content-shop.independent .section-only li {
        justify-content: flex-start;
        padding: 2rem;
        gap: 1rem;
        position: relative;
    }
    .content-shop.independent .section-only li .image {
        order: 0;
    }
    .content-shop.independent .section-only li .texts {
        gap: 0.5rem;
        padding: 0 1rem;
    }
    .content-shop.independent .section-only li .texts + .texts {
        width: 100%;
        left: 50%;
        padding: 0 2rem;
        transform: translate(-50%, -50%);
    }
    .content-shop.independent .section-partners p {
        text-align: left;
    }
    .content-shop.independent .section-partners h2 {
        display: flex !important;
        align-items: flex-start;
    }
    .content-shop.independent .section-partners header {
        align-items: flex-start;
    }
    .content-shop.independent .section-partners li {
        width: 70vw;
    }
    .content-shop.independent .section-business li {
        width: 45%;
    }
    .content-shop.independent .section-business li:nth-of-type(2)::after {
        content: none;
    }
    .content-shop.independent .section-business ul {
        row-gap: 2rem;
    }
    .content-shop.transfer header .first {
        background: url("/images/subs/shop/transfer_header_small_1.png") center no-repeat;
        background-size: 100%;
    }
    .content-shop.transfer .section-intro li {
        flex-basis: 45%;
    }
    .content-shop.transfer .section-intro ul {
        padding: 0 2rem;
    }
    .content-shop.transfer .section-intro .image {
        order: 0;
    }
    .content-shop.transfer .section-benefits {
        background: #253340;
    }
    .content-shop.transfer .section-benefits h2 {
        text-align: center;
    }
    .content-shop.transfer .section-benefits li {
        flex: 1;
        flex-direction: column;
    }
    .content-shop.transfer .section-benefits .image {
        order: 0;
    }
    .content-shop.editor .section-intro .image {
        margin: 0;
        width: 70%;
    }
    .content-shop.editor .section-features ul {
        justify-content: center;
    }
    .content-shop.editor .section-features img {
        max-width: 70%;
    }
    .content-shop.editor .section-features article {
        gap: 1rem;
    }
    .content-shop.editor .section-works .swiper-slide {
        padding: 0 1.5rem;
    }
    .content-shop.editor .section-hosting {
        padding-bottom: 0 !important;
    }
    .content-shop.editor .section-hosting img {
        max-width: 70%;
    }
    .content-shop.editor .section-pricing p {
        display: flex;
    }
    .content-shop.editor .section-pricing header {
        padding: 0;
    }
    .content-shop.pricing li {
        flex: 0 0 auto;
        width: 140px;
        padding: 0.75rem 0.5rem !important;
        word-break: keep-all;
    }
    .content-shop.pricing ul {
        justify-content: flex-start;
        flex-wrap: nowrap;
        padding: 0;
    }
    .content-shop.pricing .list {
        overflow-x: auto;
    }
    .content-shop.pricing .list::-webkit-scrollbar {
        width: 0;
        height: 0;
        background: rgba(0, 0, 0, 0);
    }
    .content-shop.pricing .features li {
        width: 100%;
        align-items: center;
    }
    .content-shop.pricing .features li .image {
        order: 0;
    }
    .content-shop.pricing .features p {
        display: block;
        text-align: left;
    }
    .content-ads .section-diad h2 {
        align-items: center;
    }
    .content-ads .section-diad header {
        position: relative;
        top: auto;
        left: auto;
        align-items: center;
    }
    .content-ads .section-diad .background {
        transform: scale(0.8);
        top: 0;
        right: 0;
    }
    .content-ads .section-diad .swiper-slide {
        opacity: 0 !important;
        flex-direction: column;
        align-items: center;
    }
    .content-ads .section-diad .swiper-slide-active {
        opacity: 1 !important;
    }
    .content-ads .section-diad .swiper-pagination {
        bottom: 0 !important;
        gap: 0.5rem;
        padding: 0;
    }
    .content-ads .section-diad .swiper-pagination li {
        margin: 0;
        padding: 0 0.5rem;
    }
    .content-ads .section-diad .swiper .image {
        order: 0;
    }
    .content-ads .section-diad .swiper .texts {
        padding-top: 2rem;
    }
    .content-ads .section-diad .swiper .texts + .image {
        right: auto;
    }
    .content-ads.main .section-intro {
        padding-bottom: 0 !important;
    }
    .content-ads.main .section-sns img {
        max-width: 70%;
    }
    .content-ads.main .section-sns ul {
        padding: 0 1rem;
    }
    .content-ads.main .section-sns .image {
        order: 0;
        width: auto;
    }
    .content-ads.main .section-help {
        overflow: unset;
        padding-bottom: 2vh !important;
    }
    .content-ads.main .section-help p {
        display: inline-block;
    }
    .content-ads.main .section-help li {
        width: 75vw;
    }
    .content-ads.main .section-help ul {
        padding: 0 3rem;
    }
    .content-ads.main .section-partners {
        margin-top: 0;
        padding-top: 20vh !important;
    }
    .content-ads.main .section-partners img {
        max-width: 45%;
    }
    .content-ads.main .section-partners li {
        height: auto !important;
    }
    .content-ads.main .section-partners .partners {
        display: flex;
        padding: 0 12vw;
    }
    .content-ads.main .section-extensions .image {
        display: none;
    }
    .content-ads.main .section-blog header {
        align-items: flex-start;
    }
    .content-ads.main .section-blog header a {
        position: relative;
    }
    .content-ads.main .section-blog li {
        flex: 0 0 auto;
        width: 70vw;
    }
    .content-ads.main .section-solutions li {
        padding: 1.5rem;
        gap: 0.5rem;
    }
    .content-ads.main .section-solutions .image {
        right: 4vw;
        max-width: 30vw;
    }
    .content-ads.sns header .first {
        background: url("/images/subs/ads/sns_header_small_1.png") center no-repeat;
        background-size: 100%;
    }
    .content-ads.sns .section-intro ul {
        gap: 0;
    }
    .content-ads.sns .section-intro .image {
        transform: scale(0.85);
    }
    .content-ads.sns .section-methods li {
        align-items: center;
        width: 86vw;
        margin: 0 auto !important;
    }
    .content-ads.sns .section-methods ul {
        gap: 3rem;
    }
    .content-ads.sns .section-methods .image {
        order: 0;
    }
    .content-ads.sns .section-methods .wrapper {
        gap: 5vh;
    }
    .content-ads.sns .section-advantage li {
        flex-direction: column;
        flex-wrap: nowrap;
        height: auto;
        padding: 3rem 1.5rem;
        width: 86vw;
    }
    .content-ads.agency .section-intro {
        padding-bottom: 0 !important;
    }
    .content-ads.agency .section-prefer li {
        flex-direction: column;
        padding: 1rem 2rem;
    }
    .content-ads.agency .section-prefer .various {
        padding: 1rem 0;
    }
    .content-ads.agency .section-prefer .images {
        justify-content: center;
        margin-top: 1rem;
    }
    .content-ads.agency .section-prefer.is-active .images {
        gap: 3px;
    }
    .content-custom.shoppingmall .section-intro li {
        padding: 0 2rem;
    }
    .content-custom.shoppingmall .section-intro .image {
        order: 0;
    }
    .content-custom.shoppingmall .section-knowhow li {
        flex: 0 0 auto;
        width: 75vw;
    }
    .content-custom.shoppingmall .section-partners header {
        align-items: center;
        margin-bottom: 2rem;
    }
    .content-custom.shoppingmall .section-partners header h2 {
        align-items: center;
    }
    .content-custom.shoppingmall .section-partners li {
        flex: 1 1 auto;
        width: 75vw;
        display: flex;
        justify-content: center;
    }
    .content-custom.shoppingmall .section-partners li a {
        align-items: center;
        gap: 1rem;
    }
    .content-custom.shoppingmall .section-partners .image {
        order: -1;
        aspect-ratio: 1.653/1;
        overflow: hidden;
        display: flex;
        align-items: flex-start;
    }
    .content-custom.agency header .first {
        background: url("/images/subs/custom/agency_header_small_1.png") center no-repeat;
        background-size: 100%;
    }
    .content-custom.agency .section-works h3::after {
        width: calc(100% - 1.5rem);
    }
    .content-custom.agency .section-works li {
        height: 100% !important;
        flex-direction: column;
    }
    .content-custom.agency .section-works ul {
        padding: 0;
        gap: 0;
    }
    .content-custom.agency .section-works .image {
        order: 0;
    }
    .content-custom.agency .section-works .texts {
        flex: 1 1 auto;
        aspect-ratio: unset;
        align-items: flex-start;
        text-align: left;
        padding: 1.5rem;
    }
    .content-custom.agency .section-works .texts * {
        text-align: left;
    }
    .content-custom.agency .section-works .swiper-button-next,
    .content-custom.agency .section-works .swiper-button-prev {
        display: none;
    }
    .content-openmarket.hiselling .section-intro .texts {
        width: 75vw;
        max-width: none;
        align-items: flex-start;
        text-align: left;
    }
    .content-openmarket.hiselling .section-intro .texts * {
        align-items: flex-start;
        text-align: left;
    }
    .content-openmarket.hiselling .section-recommend .image {
        max-width: 100%;
    }
    .content-openmarket.hiselling .section-easy p {
        align-items: center;
    }
    .content-openmarket.hiselling .section-easy li {
        flex-direction: column;
        align-items: flex-start;
        border: 0;
        gap: 0.75rem;
    }
    .content-openmarket.hiselling .section-easy li:first-of-type {
        border-right: 0;
        border-bottom: 1px solid #ddd;
        padding-bottom: 2rem;
    }
    .content-openmarket.hiselling .section-easy ul {
        width: 100%;
        flex-flow: column nowrap;
        gap: 2rem;
        padding: 2rem 1rem 2rem 2rem;
    }
    .content-openmarket.hiselling .section-easy .texts {
        gap: 1rem;
    }
    .content-openmarket.hiselling .section-easy .image {
        width: 100%;
        flex: 0 0 30vw;
        justify-content: flex-end;
    }
    .content-openmarket.hiselling .section-easy .wrapper {
        padding: 0 1rem;
    }
    .content-openmarket.hiselling .section-sellers p {
        margin-top: -0.5rem;
    }
    .content-openmarket.hiselling .section-sellers li {
        flex: 1 1 auto;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .content-openmarket.hiselling .section-sellers ul {
        gap: 3rem;
    }
    .content-openmarket.hiselling .section-details li {
        align-items: center;
    }
    .content-openmarket.hiselling .section-knowhow h2 {
        display: flex !important;
        flex-direction: column;
        max-width: 100%;
    }
    .content-openmarket.hiselling .section-knowhow .image:first-of-type {
        left: -1rem;
        top: 1rem;
        transform: scale(0.75);
    }
    .content-openmarket.hiselling .section-partners ul {
        justify-content: center;
        gap: 0.75rem;
    }
    .content-openmarket.hiselling .section-pricing article {
        flex: none;
    }
    .content-openmarket.hiselling .section-pricing .swiper {
        overflow: unset;
    }
    .content-openmarket.hiselling .section-pricing .caution {
        padding: 0 1rem;
    }
    .content-openmarket.hiselling .section-free {
        padding: 0 !important;
    }
    .content-openmarket.hiselling .section-free .wrapper {
        gap: 1rem !important;
        flex-direction: row-reverse !important;
        padding: 5px 2rem 0;
    }
    .content-openmarket.hiselling .section-free .image {
        max-width: 30vw;
    }
    .content-openmarket.hiselling .section-free .texts {
        align-items: flex-start;
        text-align: left;
        gap: 0;
    }
    .content-openmarket.hiselling .section-free .texts * {
        align-items: flex-start;
        text-align: left;
    }
    .content-openmarket.esellers .section-intro .texts {
        width: 75vw;
        max-width: none;
        align-items: flex-start;
        text-align: left;
    }
    .content-openmarket.esellers .section-intro .texts * {
        align-items: flex-start;
        text-align: left;
    }
    .content-openmarket.esellers .section-recommend .image {
        max-width: 100%;
    }
    .content-openmarket.esellers .section-easy p {
        align-items: center;
    }
    .content-openmarket.esellers .section-easy li {
        flex-direction: column;
        align-items: flex-start;
        border: 0;
        gap: 0.75rem;
    }
    .content-openmarket.esellers .section-easy li:first-of-type {
        border-right: 0;
        border-bottom: 1px solid #ddd;
        padding-bottom: 2rem;
    }
    .content-openmarket.esellers .section-easy ul {
        width: 100%;
        flex-flow: column nowrap;
        gap: 2rem;
        padding: 2rem 1rem 2rem 2rem;
    }
    .content-openmarket.esellers .section-easy .texts {
        gap: 1rem;
    }
    .content-openmarket.esellers .section-easy .image {
        width: 100%;
        flex: 0 0 30vw;
        justify-content: flex-end;
    }
    .content-openmarket.esellers .section-easy .wrapper {
        padding: 0 1rem;
    }
    .content-openmarket.esellers .section-sellers p {
        margin-top: -0.5rem;
    }
    .content-openmarket.esellers .section-sellers li {
        flex: 1 1 auto;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .content-openmarket.esellers .section-sellers ul {
        gap: 3rem;
    }
    .content-openmarket.esellers .section-details li {
        align-items: center;
    }
    .content-openmarket.esellers .section-partners ul {
        justify-content: center;
        gap: 0.75rem;
    }
    .content-openmarket.esellers .section-pricing article {
        flex: none;
    }
    .content-openmarket.esellers .section-pricing article header {
        height: 80px;
    }
    .content-openmarket.esellers .section-pricing .price {
        padding: 1rem;
    }
    .content-openmarket.esellers .section-pricing .swiper {
        overflow: unset;
    }
    .content-openmarket.esellers .section-pricing .caution {
        padding: 0 1rem;
    }
    .content-openmarket.esellers .section-free {
        padding: 0 !important;
    }
    .content-openmarket.esellers .section-free .wrapper {
        gap: 1rem !important;
        flex-direction: row-reverse !important;
        padding: 5px 2rem 0;
    }
    .content-openmarket.esellers .section-free .image {
        max-width: 30vw;
    }
    .content-openmarket.esellers .section-free .texts {
        align-items: flex-start;
        text-align: left;
        gap: 0;
    }
    .content-openmarket.esellers .section-free .texts * {
        align-items: flex-start;
        text-align: left;
    }
    .content-global.alibaba .section-intro li {
        flex: 1 1 25%;
    }
    .content-global.alibaba .section-pricing .list {
        display: none;
    }
    .content-global.alibaba .section-pricing .swiper {
        display: block;
    }
    .content-global.alibaba .section-membership header p {
        background-position: center top;
        padding-left: 0;
        padding-top: 3rem;
    }
    .content-global.alibaba .section-membership li * {
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .content-global.alibaba .section-certification {
        background-attachment: unset;
    }
    .content-global.alibaba .section-special ul {
        width: 100%;
    }
    .content-global.alibaba .section-special .swiper {
        flex-direction: column;
    }
    .content-contacts section {
        overflow: unset;
        padding: 2rem 0 !important;
    }
    .content-contacts section header {
        padding: 0;
    }
    .content-tabs section {
        padding: 4vh 1rem !important;
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    .content-tabs section header {
        flex: 0 0 auto;
    }
    .content-tabs section h2 {
        margin-bottom: 1rem;
        margin-top: 1rem;
    }
    .content-tabs .texts:not(header) {
        align-items: flex-start;
    }
    .content-tabs .texts:not(header) p {
        display: inline;
    }
    .content-tabs .texts:not(header) * {
        align-items: flex-start;
        text-align: left;
    }
    .content-tabs .texts:not(header) li {
        flex: 1;
    }
    .content-tabs .texts:not(header) li:not(:last-of-type) {
        padding-right: 0.5rem;
    }
    .content-tabs .texts:not(header) ul {
        padding: 0.5rem;
        align-items: center;
        gap: 0.5rem;
    }
    .content-tabs .content-header {
        min-height: auto;
    }
    .content-tabs .content-header .wrapper {
        padding: 2rem 0;
    }
    .content-tabs .tabs {
        gap: 1em !important;
        overflow: auto;
        margin-bottom: 0;
        padding-left: 1em;
        padding-right: 1em;
    }
    .content-tabs .tabs::before {
        content: none;
    }
    .content-tabs .tabs li {
        flex: none;
        height: auto;
        padding: 1.4em 0 0.5em !important;
        border-bottom: 2px solid #d3d3d3;
    }
    .content-tabs .tabs li.is-active {
        border-bottom-color: #0042cf;
    }
    .content-tabs .tabs li::before {
        content: none !important;
    }
    .content-tabs .tabs + section {
        padding-bottom: 1rem;
    }
    .content-tabs .tab-content .wrapper {
        padding: 0;
    }
    .content-tabs.terms {
        padding-bottom: 0;
    }
    .content-tabs.terms section h2 {
        margin-bottom: 1rem;
    }
    .content-tabs.terms section h3 {
        margin-bottom: 0.5rem;
    }
    .content-articles.customer .content-header.customer {
        height: auto !important;
        padding-bottom: 60vw;
        padding-top: 10vw;
        background-position: center bottom !important;
        background-size: 90% !important;
    }
    .content-articles.customer .content-header.customer .wrapper {
        align-items: center !important;
    }
    .content-articles.customer .content-header.customer .wrapper .tit {
        margin-bottom: 10px;
    }
    .content-articles.customer .content-header.customer .wrapper .tit img {
        height: 20px;
    }
    .content-articles.customer .content-header.customer ~ section:not(.section-banner) {
        padding-top: 8vh !important;
    }
    .content-articles.customer .wrapper {
        padding: 0 1rem;
    }
    .content-articles.customer .wrapper > h2 {
        margin-top: 1em;
        margin-bottom: 1em;
    }
    .content-articles.customer section ul {
        padding: 0;
    }
    .content-articles.customer .section-board li:not(.pagination li) a {
        padding: 1rem 0 !important;
    }
    .content-articles.customer .section-board.faq .tabs {
        margin-bottom: 1rem !important;
    }
    .content-articles.customer .section-board.boards .wrapper {
        gap: 1rem !important;
    }
    .content-articles.customer .section-board.boards .wrapper .board {
        position: relative;
        padding: 1.5rem 1rem 4rem !important;
    }
    .content-articles.customer .section-board.boards .wrapper .board .arrow {
        position: absolute;
        bottom: 1.5rem;
        left: 50%;
        transform: translateX(-50%);
    }
    .content-articles.customer .section-board.boards .wrapper .board ul a {
        flex-wrap: wrap;
        gap: 0.5em;
    }
    .content-articles.customer .section-board.boards .wrapper .board ul a .subject {
        flex: none !important;
        order: -1;
        width: 100%;
    }
    .content-articles.customer .section-board.boards .wrapper .board ul a .tag {
        order: initial;
        margin-right: 0 !important;
    }
    .content-articles.customer .section-board.boards .wrapper .board ul a .date {
        margin-left: initial !important;
        text-align: left !important;
    }
    .content-articles.customer .section-library .wrapper {
        padding-right: 0 !important;
    }
    .content-articles.customer .section-library header {
        align-items: flex-end;
    }
    .content-articles.customer .section-library header h2 span {
        display: block;
    }
    .content-articles.customer .section-library header .arrow {
        margin-right: 1rem;
        margin-bottom: 0.3rem;
    }
    .content-articles.customer .section-library .list-section {
        overflow: auto;
        flex-flow: nowrap;
        padding-right: 1rem;
    }
    .content-articles.customer .section-library .list-section li {
        width: 75vw;
        flex: none;
    }
    .content-articles.customer .section-manual ul {
        flex-direction: column;
        border: none !important;
        gap: 0.5rem !important;
    }
    .content-articles.customer .section-manual ul li {
        flex-direction: row-reverse;
        border: 1px solid #e3e3e3;
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .content-articles.customer .section-manual ul li a {
        flex-direction: row-reverse !important;
    }
    .content-articles.customer .section-manual .texts {
        width: 45%;
    }
    .content-articles.customer .section-banner {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .content-articles.customer .section-banner.qna {
        height: auto !important;
        min-height: 60px;
    }
    .content-articles.customer .section-banner.benefits .wrapper {
        padding-top: 7px;
        padding-bottom: 10px;
    }
    .content-articles.customer .section-banner.benefits .wrapper .texts p span {
        display: block;
    }
    .content-articles.customer .section-banner .wrapper {
        height: auto !important;
        min-height: 100px !important;
        gap: 1rem !important;
    }
    .content-articles.customer .section-banner .wrapper .image {
        width: 75px;
    }
    .content-articles.customer .section-banner .wrapper .texts {
        align-items: flex-start;
        gap: 5px;
    }
    .content-articles.customer .section-banner .wrapper .texts p {
        font-size: 14px;
    }
    .content-articles.customer .section-banner .wrapper .texts p span {
        display: block;
    }
    .content-articles.customer .section-banner .wrapper .texts .arrow {
        font-size: 12px;
    }
    .content-articles.customer .section-banner .wrapper .texts .arrow::after {
        transform: rotate(45deg) scale(0.8);
    }
    .content-articles.faq section .tab-content .articles {
        width: calc(100vw - 2rem);
        padding: 0;
    }
    .content-articles.faq section .tab-content .articles li a {
        padding: 0.7rem 0;
    }
    .content-articles.faq section .tab-content .articles li a:hover {
        background: none;
    }
    .content-articles.faq section .tab-content .articles li a .subject {
        align-items: flex-start !important;
    }
    .content-articles.faq section .tab-content .articles li a .content {
        display: none;
    }
}