/*Layouts.css
1.직접 만든 레이아웃 또는 커스텀 레이아웃
*/
.content-wrapper ._hero {
    margin-left  : -94px;
    margin-right : -94px;
}

.content-wrapper ._hero #_hero-carousel .carousel-control-next,
.content-wrapper ._hero #_hero-carousel .carousel-control-prev {
    display : none;
}

.content-wrapper ._hero #_hero-carousel .__img {
    width       : 100%;
    height      : 100%;
    position    : relative;
    padding-top : 100vh;
}

.content-wrapper ._hero #_hero-carousel .__overlay {
    position         : absolute;
    width            : 100%;
    height           : 100%;
    z-index          : 1;
    background-color : rgba(0, 0, 0, 0.6);
    top              : 0;
    left             : 0;
}

.content-wrapper ._hero #_hero-carousel .__paragraph {
    position  : absolute;
    top       : 224px;
    left      : 50%;
    transform : var(--translate-lr-center);
    z-index   : 1;
    width     : auto;
    color     : var(--basic-white);
}

.content-wrapper ._hero #_hero-carousel .__paragraph .__paragraph-wrapper {
    position    : relative;
    width       : 100%;
    height      : 100%;

    font-size   : var(--font-64);
    line-height : var(--line-72);
    text-align  : center;
}

.content-wrapper ._hero #_hero-carousel .__paragraph .__paragraph-wrapper .___sub {
    font-weight : 300;
}

.content-wrapper ._hero #_hero-carousel .__paragraph .__paragraph-wrapper .___main {
    font-weight : 800;
}

.content-wrapper ._hero #_hero-carousel .__paragraph .__paragraph-wrapper .___desc {
    font-size   : var(--font-20);
    font-weight : 500;
    line-height : var(--line-24);
    margin-top  : 24px;
}

.content-wrapper ._hero #_hero-carousel .__paragraph .__paragraph-wrapper .___btn {
    font-size   : var(--font-20);
    font-weight : 500;
    line-height : var(--line-24);
    margin-top  : 32px;
}

.content-wrapper ._hero #_hero-carousel .__paragraph .__paragraph-wrapper .custom-next,
.content-wrapper ._hero #_hero-carousel .__paragraph .__paragraph-wrapper .custom-prev {
    position         : absolute;
    top              : 50%;
    transform        : var(--translate-tb-center);
    width            : 48px;
    height           : 48px;
    display          : flex;
    cursor           : pointer;
    background-color : rgba(255, 255, 255, 0.1);
    border-radius    : 48px;
}

.content-wrapper ._hero #_hero-carousel .__paragraph .__paragraph-wrapper .custom-next > * {
    margin : auto;
}

.content-wrapper ._hero #_hero-carousel .__paragraph .__paragraph-wrapper .custom-prev > * {
    margin : auto;
}

.content-wrapper ._hero #_hero-carousel .__paragraph .__paragraph-wrapper .custom-next {
    right : -96px;
}

.content-wrapper ._hero #_hero-carousel .__paragraph .__paragraph-wrapper .custom-prev {
    left : -96px;
}

.content-wrapper ._feature .__img {
    margin-right : 44px;
    margin-left  : 44px;
    height       : 100%;
    position     : relative;
}

.content-wrapper ._feature.reverse .__img {
    margin-right : 44px;
    margin-left  : 44px;
}

.content-wrapper ._feature .__img .__img-wrapper {
    padding-top : 140%;
    width       : 100%;
    position    : relative;
}

.content-wrapper ._feature .__img .__img-wrapper.radius {
    border-radius : 16px;
}

.content-wrapper ._feature .__img .__img-wrapper.shadow {
    box-shadow : 0px 0px 15px 10px rgba(168, 168, 168, 0.23);
}

.content-wrapper ._feature .__paragraph .__icon {
    position      : absolute;
    border-radius : 16px;
    box-shadow    : 0px 0px 11px 7px rgba(168, 168, 168, 0.1);
    z-index       : 1;
    top           : 0;
    right         : 0;
}

.content-wrapper ._feature .__paragraph .__icon.logo img {
    width  : 50px;
    height : 50px;
}

.content-wrapper ._feature .__paragraph .__icon.kakao {
    padding          : 8px;
    background-color : #F9E000;
}

.content-wrapper ._feature .__paragraph .__icon.kakao img {
    width  : 34px;
    height : 34px;
}

.content-wrapper ._feature .__paragraph .__icon.excel {
    padding : 8px;
}

.content-wrapper ._feature .__paragraph .__icon.excel img {
    width  : 34px;
    height : 34px;
}

.content-wrapper ._feature .__img .__img-wrapper .___icon {
    position      : absolute;
    bottom        : -50px;
    left          : -50px;
    border-radius : 16px;
    box-shadow    : 0px 0px 11px 7px rgba(168, 168, 168, 0.1);
}

.content-wrapper ._feature .__img .__img-wrapper .___icon.logo img {
    width  : 100px;
    height : 100px;
}

.content-wrapper ._feature .__img .__img-wrapper .___icon.kakao {
    padding          : 16px;
    background-color : #F9E000;
}

.content-wrapper ._feature .__img .__img-wrapper .___icon.kakao img {
    width  : 68px;
    height : 68px;
}

.content-wrapper ._feature .__img .__img-wrapper .___icon.excel {
    padding          : 16px;
    background-color : var(--basic-white);
}

.content-wrapper ._feature .__img .__img-wrapper .___icon.excel img {
    width  : 68px;
    height : 68px;
}

.content-wrapper ._feature .__img .__img-wrapper .___center-paragraph {
    position   : absolute;
    top        : 50%;
    left       : 50%;
    transform  : var(--translate-center);
    text-align : center;
    width      : 100%;
}

.content-wrapper ._feature .__img .__img-wrapper .___center-paragraph .___desc {
    margin-top  : 36px;
    color       : var(--basic-white);
    font-size   : var(--font-20);
    font-weight : 500;
    line-height : var(--line-24);
}

.content-wrapper ._feature .__paragraph {
    width    : 100%;
    height   : 100%;
    display  : flex;
    position : relative;
}

.content-wrapper ._feature .__paragraph .__paragraph-wrapper {
    margin     : auto;
    width      : 100%;
    height     : fit-content;

    text-align : left;
}

.content-wrapper ._feature .__paragraph .__paragraph-wrapper .___sub {
    font-size   : var(--font-48);
    font-weight : 300;
    line-height : var(--line-58);
}

.content-wrapper ._feature .__paragraph .__paragraph-wrapper .___main {
    font-size   : var(--font-48);
    font-weight : 800;
    line-height : var(--line-58);
}

.content-wrapper ._feature .__paragraph .__paragraph-wrapper .___desc {
    font-size   : var(--font-16);
    font-weight : 500;
    line-height : var(--line-24);
    margin-top  : 24px;
}

.content-wrapper ._feature .__paragraph .__paragraph-wrapper .___btn {
    font-size   : var(--font-20);
    font-weight : 500;
    line-height : var(--line-24);
    margin-top  : 24px;
}

.content-wrapper.inquiry-wrapper ._feature .__paragraph .__paragraph-wrapper .___sub {
    font-size   : var(--font-64);
    font-weight : 300;
    line-height : var(--line-72);
}

.content-wrapper.inquiry-wrapper ._feature .__paragraph .__paragraph-wrapper .___main {
    font-size   : var(--font-64);
    font-weight : 800;
    line-height : var(--line-72);
}

.content-wrapper.inquiry-wrapper ._feature .__paragraph .__paragraph-wrapper .___desc {
    font-size   : var(--font-20);
    font-weight : 500;
    line-height : var(--line-28);
    margin-top  : 24px;
}

.content-wrapper.inquiry-wrapper ._feature .__paragraph .__paragraph-wrapper .___sub > span,
.content-wrapper.inquiry-wrapper ._feature .__paragraph .__paragraph-wrapper .___main > span,
.content-wrapper.inquiry-wrapper ._feature .__paragraph .__paragraph-wrapper .___desc > span {
    display : inline-block;
}

.content-wrapper.inquiry-wrapper ._feature .__paragraph .__paragraph-wrapper .___btn {
    font-size   : var(--font-20);
    font-weight : 500;
    line-height : var(--line-24);
    margin-top  : 40px;
}

.content-wrapper ._social-proof .__paragraph,
.content-wrapper ._service .__paragraph,
.content-wrapper ._benefit .__paragraph,
.content-wrapper ._portfolios .__paragraph {
    margin-bottom : 64px;
}

.content-wrapper.story-wrapper ._info .__paragraph,
.content-wrapper.store-wrapper ._info .__paragraph {
    position : relative;
}

.content-wrapper.story-wrapper ._info .__paragraph .___logo,
.content-wrapper.store-wrapper ._info .__paragraph .___logo {
    position      : absolute;
    right         : 0;
    top           : 50%;
    transform     : var(--translate-tb-center);
    border-radius : 16px;
    box-shadow    : 0px 0px 11px 7px rgba(168, 168, 168, 0.1);
    width         : fit-content;
}

.content-wrapper.story-wrapper ._info .__paragraph .___logo.message {
    padding : 40px;
}

.content-wrapper.story-wrapper ._info .__paragraph .___logo img,
.content-wrapper.store-wrapper ._info .__paragraph .___logo img {
    width  : 150px;
    height : 150px;
}

.content-wrapper.story-wrapper ._info .__paragraph .___logo.message img {
    width  : 70px;
    height : 70px;
}

.content-wrapper.store-wrapper ._info .__paragraph .__paragraph-wrapper {
    font-size   : var(--font-64);
    line-height : var(--line-72);
}

.content-wrapper.story-wrapper ._info .__paragraph .__paragraph-wrapper {
    font-size   : var(--font-48);
    line-height : var(--line-58);
}

.content-wrapper.story-wrapper ._info .__paragraph .__paragraph-wrapper .___sub,
.content-wrapper.store-wrapper ._info .__paragraph .__paragraph-wrapper .___sub {
    font-weight : 300;
}

.content-wrapper.story-wrapper ._info .__paragraph .__paragraph-wrapper .___main,
.content-wrapper.store-wrapper ._info .__paragraph .__paragraph-wrapper .___main {
    font-weight : 800;
}

.content-wrapper ._social-proof .__paragraph .__paragraph-wrapper,
.content-wrapper ._service .__paragraph .__paragraph-wrapper,
.content-wrapper ._benefit .__paragraph .__paragraph-wrapper,
.content-wrapper ._portfolios .__paragraph .__paragraph-wrapper {
    display : flex;
}

.content-wrapper.detail-wrapper ._social-proof .__paragraph .__paragraph-wrapper {
    display : block;
}

.content-wrapper.detail-wrapper ._social-proof .__paragraph .__paragraph-wrapper .___desc {
    margin-top  : 32px;

    font-size   : var(--font-16);
    font-weight : 500;
    line-height : var(--line-24);
}

.content-wrapper ._social-proof .__paragraph .__paragraph-wrapper .___string,
.content-wrapper ._service .__paragraph .__paragraph-wrapper .___string,
.content-wrapper ._benefit .__paragraph .__paragraph-wrapper .___string,
.content-wrapper ._portfolios .__paragraph .__paragraph-wrapper .___string {
    font-size   : var(--font-48);
    font-weight : 300;
    line-height : var(--line-58);
}

.content-wrapper ._social-proof .__paragraph .__paragraph-wrapper .___string > span,
.content-wrapper ._service .__paragraph .__paragraph-wrapper .___string > span,
.content-wrapper ._benefit .__paragraph .__paragraph-wrapper .___string > span,
.content-wrapper ._portfolios .__paragraph .__paragraph-wrapper .___string > span {
    font-weight : 800;
}

.content-wrapper ._portfolios .__paragraph .__paragraph-wrapper .___string > span.___reverse {
    font-weight : 300;
}

.content-wrapper ._social-proof .__paragraph .__paragraph-wrapper > *,
.content-wrapper ._service .__paragraph .__paragraph-wrapper > *,
.content-wrapper ._benefit .__paragraph .__paragraph-wrapper > *,
.content-wrapper ._portfolios .__paragraph .__paragraph-wrapper > * {
    margin-top    : auto;
    margin-bottom : auto;
}

.content-wrapper ._social-proof .__paragraph .__paragraph-wrapper > button,
.content-wrapper ._service .__paragraph .__paragraph-wrapper > button,
.content-wrapper ._benefit .__paragraph .__paragraph-wrapper > button,
.content-wrapper ._portfolios .__paragraph .__paragraph-wrapper > button {
    margin-left : 32px;
}

.content-wrapper.detail-wrapper ._social-proof .__paragraph .__paragraph-wrapper > button {
    margin-left : 0;
    margin-top  : 40px;
}

.content-wrapper ._social-proof .owl-carousel.owl-loaded .owl-stage-outer {
    margin-right : -94px;
}

.content-wrapper ._social-proof .owl-carousel.owl-loaded .owl-stage {
    padding-left : 0px !important;
}

.content-wrapper ._social-proof .owl-carousel.owl-loaded .proof-card {
    width : 100%;
}

.content-wrapper ._social-proof .owl-carousel.owl-loaded .review-card {
    width : 100%;
}

.content-wrapper ._social-proof._info .owl-carousel.owl-loaded .detail-img-card {
    width            : 100%;
    padding-top      : 100%;
    background-color : var(--basic-gray-dark);
}

.content-wrapper ._social-proof .owl-carousel.owl-loaded .owl-item .proof-card,
.content-wrapper ._social-proof .owl-carousel.owl-loaded .owl-item .review-card,
.content-wrapper ._social-proof._info .owl-carousel.owl-loaded .owl-item .detail-img-card {
    opacity : 0.5;
}

.content-wrapper ._social-proof .owl-carousel.owl-loaded .owl-item.active .proof-card,
.content-wrapper ._social-proof .owl-carousel.owl-loaded .owl-item.active .review-card,
.content-wrapper ._social-proof._info .owl-carousel.owl-loaded .owl-item.active .detail-img-card {
    opacity : 1;
}

.content-wrapper ._social-proof .owl-carousel.owl-loaded .owl-nav {
    display : none;
}

.content-wrapper ._social-proof .owl-carousel.owl-loaded .owl-dots {
    margin-top    : 64px;
    margin-bottom : 24px;
    display       : flex;
    width         : 100%;
}

.content-wrapper ._social-proof .owl-carousel.owl-loaded .owl-dots button {
    width            : 100%;
    height           : 2px;
    background-color : var(--basic-gray-medium-light);
}

.content-wrapper ._social-proof .owl-carousel.owl-loaded .owl-dots button.active {
    background-color : var(--brand-primary);
}

.content-wrapper ._social-proof .owl-carousel + .button-container button {
    padding          : 12px;
    background-color : var(--basic-black);
    border-radius    : 40px;
}

.content-wrapper ._social-proof .owl-carousel + .button-container button:not(:last-child) {
    margin-right : 24px;
}

.content-wrapper ._cta {
    margin-left  : -94px;
    margin-right : -94px;
}

.content-wrapper ._cta .__overlay {
    padding-top      : 48px;
    padding-bottom   : 48px;
    width            : 100%;
    background-color : rgba(0, 0, 0, 0.54);
}

.content-wrapper ._cta .__paragraph {
    color : var(--basic-white) !important;
}

.content-wrapper ._cta .__paragraph .__paragraph-wrapper {
    text-align : center;
}

.content-wrapper ._cta .__paragraph .__paragraph-wrapper > div {
    margin-left  : auto;
    margin-right : auto;
}

.content-wrapper ._cta .__paragraph .__paragraph-wrapper .___title {
    margin-bottom : 32px;
    font-weight   : 600;
    font-size     : var(--font-56);
    line-height   : var(--line-72);
}

.content-wrapper ._cta .__paragraph .__paragraph-wrapper .___title .___sub {
    font-weight : 300;
    font-size   : var(--font-56);
    line-height : var(--line-72);
}

.content-wrapper ._cta .__paragraph .__paragraph-wrapper .___title .___main {
    font-weight : 800;
}

.content-wrapper ._cta .__paragraph .__paragraph-wrapper .___hashtags {
    justify-content : center;
    text-align      : center;
    margin-top      : -8px;
    margin-bottom   : 38px;
    width           : 100%;
    display         : flex;
    flex-wrap       : wrap;

    font-size       : var(--font-24);
    font-weight     : 500;
    line-height     : var(--line-28);
}

.content-wrapper ._cta .__paragraph .__paragraph-wrapper .___hashtags > div {
    white-space : nowrap;
    margin      : 8px 8px;
}


.content-wrapper ._hero .__img {
    width       : 100%;
    height      : 100%;
    position    : relative;
    padding-top : 100vh;
}

.content-wrapper.portfolios-wrapper ._hero .__img,
.content-wrapper.about-wrapper ._hero .__img {
    min-height  : 400px;
    padding-top : 0;
}

.content-wrapper ._hero .__overlay {
    position         : absolute;
    width            : 100%;
    height           : 100%;
    z-index          : 1;
    background-color : rgba(0, 0, 0, 0.6);
    top              : 0;
    left             : 0;
}

.content-wrapper ._hero .__paragraph {
    position  : absolute;
    top       : 224px;
    left      : 50%;
    transform : var(--translate-lr-center);
    width     : auto;
    height    : auto;
    z-index   : 1;
}

.content-wrapper.portfolios-wrapper ._hero .__paragraph,
.content-wrapper.about-wrapper ._hero .__paragraph {
    top       : 160px;
    left      : 148px;
    transform : none;
    width     : fit-content;
    height    : fit-content;
}

.content-wrapper ._hero .__paragraph .__paragraph-wrapper {
    position    : relative;
    width       : 100%;
    height      : 100%;

    color       : var(--basic-white);
    font-size   : var(--font-64);
    line-height : var(--line-72);
}

.content-wrapper ._hero .__paragraph .__paragraph-wrapper .___sub {
    font-weight : 300;
}

.content-wrapper ._hero .__paragraph .__paragraph-wrapper .___main {
    font-weight : 800;
}

.content-wrapper ._hero .__paragraph .__paragraph-wrapper .___desc {
    font-size   : var(--font-20);
    font-weight : 500;
    line-height : var(--line-24);
    margin-top  : 24px;
}

/* Masonry Layout*/
.masonry-container {
    --gap                 : 40px;
    --gap-reverse         : -40px;
    display               : grid;
    grid-template-columns : repeat(3, 1fr);
    column-gap            : var(--gap);
    grid-auto-rows        : var(--gap);
    margin-bottom         : var(--gap-reverse);
}

.masonry-item .pseudo-img img {
    width  : 100%;
    height : auto;
}

@media screen and (min-width : 320px) {
    .masonry-container {
        --gap                 : 20px;
        --gap-reverse         : -20px;
        display               : grid;
        grid-template-columns : repeat(1, 1fr);
        column-gap            : var(--gap);
        grid-auto-rows        : var(--gap);
        margin-bottom         : var(--gap-reverse);
    }

    .masonry-item {
        margin-bottom : var(--gap);
    }
}

@media screen and (min-width : 576px) {
    .masonry-container {
        --gap                 : 20px;
        --gap-reverse         : -20px;
        display               : grid;
        grid-template-columns : repeat(2, 1fr);
        column-gap            : var(--gap);
        grid-auto-rows        : var(--gap);
        margin-bottom         : var(--gap-reverse);
    }

    .masonry-item {
        margin-bottom : var(--gap);
    }
}

@media screen and (min-width : 768px) {
    .masonry-container {
        --gap                 : 32px;
        --gap-reverse         : -32px;
        display               : grid;
        grid-template-columns : repeat(3, 1fr);
        column-gap            : var(--gap);
        grid-auto-rows        : var(--gap);
        margin-bottom         : var(--gap-reverse);
    }

    .masonry-item {
        margin-bottom : var(--gap);
    }
}

@media screen and (min-width : 992px) {
    .masonry-container {
        --gap                 : 40px;
        --gap-reverse         : -40px;
        display               : grid;
        grid-template-columns : repeat(3, 1fr);
        column-gap            : var(--gap);
        grid-auto-rows        : var(--gap);
        margin-bottom         : var(--gap-reverse);
    }

    .masonry-item {
        margin-bottom : var(--gap);
    }
}

@media screen and (min-width : 992px) {
    .masonry-container {
        --gap                 : 40px;
        --gap-reverse         : -40px;
        display               : grid;
        grid-template-columns : repeat(4, 1fr);
        column-gap            : var(--gap);
        grid-auto-rows        : var(--gap);
        margin-bottom         : var(--gap-reverse);
    }

    .masonry-item {
        margin-bottom : var(--gap);
    }
}

.content-wrapper .service-items {
    margin-top    : -16px;
    margin-bottom : -16px;
}

.content-wrapper .service-items > .col {
    padding-top    : 16px;
    padding-bottom : 16px;
}

.content-wrapper .proof-items {
    margin-top    : -20px;
    margin-bottom : -20px;
}

.content-wrapper .proof-items > .col {
    padding-top    : 20px;
    padding-bottom : 20px;
}

.content-wrapper .store-items {
    margin-top    : -20px;
    margin-bottom : -20px;
}

.content-wrapper .store-items > .col {
    padding-top    : 20px;
    padding-bottom : 20px;
}

.content-wrapper .card-review-items {
    margin-top    : -20px;
    margin-bottom : -20px;
}

.content-wrapper .card-review-items > .col {
    padding-top    : 20px;
    padding-bottom : 20px;
}

.content-wrapper .story-section-items {
    margin : -60px -30px;
}

.content-wrapper .story-section-items > .col {
    padding : 60px 30px;
}

/*반응형 CSS*/
/* 가로 반응형 */
@media (min-width : 320px) {
    .content-wrapper ._feature .__img {
        margin-right : 0;
        margin-left  : 0;
    }

    .content-wrapper ._feature.reverse .__img {
        margin-left  : 0;
        margin-right : 0;
    }

    .content-wrapper ._feature .__img .__img-wrapper {
        padding-top : 100%;
    }

    .content-wrapper ._hero #_hero-carousel .__paragraph {
        top       : 50%;
        transform : var(--translate-center);
        width     : 100%;
    }

    .content-wrapper ._hero #_hero-carousel .__paragraph .__paragraph-wrapper {
        font-size   : var(--font-32);
        line-height : var(--line-38);
    }

    .content-wrapper ._hero #_hero-carousel .__paragraph .__paragraph-wrapper .custom-prev,
    .content-wrapper ._hero #_hero-carousel .__paragraph .__paragraph-wrapper .custom-next {
        display : none;
    }

    .content-wrapper ._feature .__paragraph .__icon {
        display : block;
    }

    .content-wrapper ._feature .__paragraph .__paragraph-wrapper {
        margin : 0;
    }

    .content-wrapper ._hero,
    .content-wrapper ._cta {
        margin-left  : -24px;
        margin-right : -24px;
    }

    .content-wrapper ._social-proof .owl-carousel.owl-loaded .owl-dots {
        margin-top : 24px;
    }

    .content-wrapper ._social-proof .owl-carousel.owl-loaded .owl-stage-outer {
        margin-right : -24px;
    }

    .content-wrapper ._social-proof .__paragraph .__paragraph-wrapper,
    .content-wrapper ._service .__paragraph .__paragraph-wrapper,
    .content-wrapper ._benefit .__paragraph .__paragraph-wrapper,
    .content-wrapper ._portfolios .__paragraph .__paragraph-wrapper {
        display : block;
    }

    .content-wrapper ._social-proof .__paragraph .__paragraph-wrapper .___string,
    .content-wrapper ._service .__paragraph .__paragraph-wrapper .___string,
    .content-wrapper ._benefit .__paragraph .__paragraph-wrapper .___string,
    .content-wrapper ._portfolios .__paragraph .__paragraph-wrapper .___string {
        font-size   : var(--font-28);
        line-height : var(--line-32);
    }

    .content-wrapper ._social-proof .__paragraph .__paragraph-wrapper .___string > span,
    .content-wrapper ._service .__paragraph .__paragraph-wrapper .___string > span,
    .content-wrapper ._benefit .__paragraph .__paragraph-wrapper .___string > span,
    .content-wrapper ._portfolios .__paragraph .__paragraph-wrapper .___string > span {
        display : inline-block;
    }

    .content-wrapper ._portfolios .__paragraph .__paragraph-wrapper .___string > span.___reverse {
        display : none;
    }

    .content-wrapper ._social-proof .__paragraph .__paragraph-wrapper > button,
    .content-wrapper ._service .__paragraph .__paragraph-wrapper > button,
    .content-wrapper ._benefit .__paragraph .__paragraph-wrapper > button,
    .content-wrapper ._portfolios .__paragraph .__paragraph-wrapper > button {
        margin-left : 0;
        margin-top  : 24px;
    }

    .content-wrapper ._cta .__paragraph .__paragraph-wrapper .___hashtags > div {
        white-space : nowrap;
    }

    .content-wrapper.portfolios-wrapper ._hero .__paragraph,
    .content-wrapper.about-wrapper ._hero .__paragraph {
        top       : 50%;
        transform : var(--translate-tb-center);
        left      : 0;
        width     : 100%;
    }

    .content-wrapper ._hero .__paragraph .__paragraph-wrapper {
        text-align : center;
    }

    .content-wrapper ._hero .__paragraph .__paragraph-wrapper .___sub {
        font-size   : var(--font-32);
        line-height : var(--line-38);
    }

    .content-wrapper ._hero .__paragraph .__paragraph-wrapper .___main {
        font-size   : var(--font-32);
        line-height : var(--line-38);
    }

    .content-wrapper ._hero .__paragraph .__paragraph-wrapper .___desc {
        font-size   : var(--font-16);
        line-height : var(--line-24);
    }

    .content-wrapper ._feature .__paragraph .__paragraph-wrapper .___main {
        font-size   : var(--font-28);
        line-height : var(--line-32);
    }

    .content-wrapper ._feature .__paragraph .__paragraph-wrapper .___sub {
        font-size   : var(--font-28);
        line-height : var(--line-32);
    }

    .content-wrapper.inquiry-wrapper ._feature .__paragraph .__paragraph-wrapper .___sub {
        font-size   : var(--font-24);
        line-height : var(--line-28);
    }

    .content-wrapper.inquiry-wrapper ._feature .__paragraph .__paragraph-wrapper .___main {
        font-size   : var(--font-24);
        line-height : var(--line-28);
    }

    .content-wrapper.inquiry-wrapper ._feature .__paragraph .__paragraph-wrapper .___desc {
        font-size   : var(--font-16);
        line-height : var(--line-24);
    }

    .content-wrapper ._feature .__img .__img-wrapper .___center-paragraph .___desc {
        font-size   : var(--font-16);
        line-height : var(--line-24);
    }

    .content-wrapper ._feature .__img .__img-wrapper .___center-paragraph > svg {
        width  : 90px;
        height : 30px;
    }


    .content-wrapper.story-wrapper ._info .__paragraph,
    .content-wrapper.store-wrapper ._info .__paragraph {
        margin-top : 99px;
    }

    .content-wrapper.story-wrapper ._info .__paragraph {
        margin-bottom : 32px;
    }

    .content-wrapper.story-wrapper ._info .__paragraph .___logo,
    .content-wrapper.store-wrapper ._info .__paragraph .___logo {
        position      : absolute;
        left          : 0;
        right         : initial;
        top           : -99px;
        transform     : none;
        border-radius : 16px;
        box-shadow    : 0px 0px 11px 7px rgba(168, 168, 168, 0.1);
    }

    .content-wrapper.story-wrapper ._info .__paragraph .___logo.message {
        padding : 10px;
    }

    .content-wrapper.story-wrapper ._info .__paragraph .___logo img,
    .content-wrapper.store-wrapper ._info .__paragraph .___logo img {
        width  : 75px;
        height : 75px;
    }

    .content-wrapper.story-wrapper ._info .__paragraph .___logo.message img {
        width  : 55px;
        height : 55px;
    }

    .content-wrapper.story-wrapper ._info .__paragraph .__paragraph-wrapper {
        font-size   : var(--font-28);
        line-height : var(--line-32);
    }

    .content-wrapper.store-wrapper ._info .__paragraph .__paragraph-wrapper {
        font-size   : var(--font-28);
        line-height : var(--line-34);
    }

    .content-wrapper .story-section-items {
        margin : -60px -15px;
    }

    .content-wrapper .story-section-items > .col {
        padding : 60px 15px;
    }
}

@media (min-width : 576px) {
}

@media (min-width : 768px) {
    .content-wrapper ._feature .__img .__img-wrapper {
        padding-top : 120%;
    }

    .content-wrapper ._social-proof .owl-carousel.owl-loaded .owl-dots {
        margin-top : 24px;
    }

    .content-wrapper ._social-proof .owl-carousel.owl-loaded .owl-item {
        margin-right : 20px !important;
    }

    .content-wrapper ._social-proof._info .owl-carousel.owl-loaded .owl-item {
        margin-right : 20px !important;
    }

    .content-wrapper ._hero #_hero-carousel .__paragraph {
        width : auto;
    }

    .content-wrapper ._hero #_hero-carousel .__paragraph .__paragraph-wrapper {
        font-size   : var(--font-48);
        line-height : var(--line-52);
    }

    .content-wrapper.portfolios-wrapper ._hero .__paragraph,
    .content-wrapper.about-wrapper ._hero .__paragraph {
        top       : 50%;
        left      : 50%;
        transform : var(--translate-center);
        width     : fit-content;
    }

    .content-wrapper ._hero .__paragraph .__paragraph-wrapper {
        text-align : center;
    }

    .content-wrapper ._hero .__paragraph .__paragraph-wrapper .___sub {
        font-size   : var(--font-48);
        line-height : var(--line-58);
    }

    .content-wrapper ._hero .__paragraph .__paragraph-wrapper .___main {
        font-size   : var(--font-48);
        line-height : var(--line-58);
    }

    .content-wrapper ._hero .__paragraph .__paragraph-wrapper .___desc {
        font-size   : var(--font-16);
        line-height : var(--line-24);
    }

    .content-wrapper ._hero #_hero-carousel .__paragraph .__paragraph-wrapper .custom-prev,
    .content-wrapper ._hero #_hero-carousel .__paragraph .__paragraph-wrapper .custom-next {
        display : flex;
    }

    .content-wrapper ._feature .__paragraph .__icon {
        display : none;
    }

    .content-wrapper ._feature .__paragraph .__paragraph-wrapper {
        margin : auto;
    }

    .content-wrapper ._hero,
    .content-wrapper ._cta {
        margin-left  : -44px;
        margin-right : -44px;
    }

    .content-wrapper ._social-proof .owl-carousel.owl-loaded .owl-stage-outer {
        margin-right : -44px;
    }

    .content-wrapper ._social-proof .__paragraph .__paragraph-wrapper,
    .content-wrapper ._service .__paragraph .__paragraph-wrapper,
    .content-wrapper ._benefit .__paragraph .__paragraph-wrapper,
    .content-wrapper ._portfolios .__paragraph .__paragraph-wrapper {
        display : block;
    }

    .content-wrapper ._social-proof .__paragraph .__paragraph-wrapper .___string,
    .content-wrapper ._service .__paragraph .__paragraph-wrapper .___string,
    .content-wrapper ._benefit .__paragraph .__paragraph-wrapper .___string,
    .content-wrapper ._portfolios .__paragraph .__paragraph-wrapper .___string {
        font-size   : var(--font-32);
        line-height : var(--line-38);
    }

    .content-wrapper ._portfolios .__paragraph .__paragraph-wrapper .___string > span.___reverse {
        display : inline-block;
    }

    .content-wrapper ._social-proof .__paragraph .__paragraph-wrapper > button,
    .content-wrapper ._service .__paragraph .__paragraph-wrapper > button,
    .content-wrapper ._benefit .__paragraph .__paragraph-wrapper > button,
    .content-wrapper ._portfolios .__paragraph .__paragraph-wrapper > button {
        margin-left : 0;
        margin-top  : 24px;
    }

    .content-wrapper ._feature .__paragraph .__paragraph-wrapper .___main {
        font-size   : var(--font-32);
        line-height : var(--line-38);
    }

    .content-wrapper ._feature .__paragraph .__paragraph-wrapper .___sub {
        font-size   : var(--font-32);
        line-height : var(--line-38);
    }

    .content-wrapper.inquiry-wrapper ._feature .__paragraph .__paragraph-wrapper .___sub {
        font-size   : var(--font-48);
        line-height : var(--line-58);
    }

    .content-wrapper.inquiry-wrapper ._feature .__paragraph .__paragraph-wrapper .___main {
        font-size   : var(--font-48);
        line-height : var(--line-58);
    }

    .content-wrapper.inquiry-wrapper ._feature .__paragraph .__paragraph-wrapper .___desc {
        font-size   : var(--font-20);
        line-height : var(--line-28);
    }

    .content-wrapper.story-wrapper ._info .__paragraph,
    .content-wrapper.store-wrapper ._info .__paragraph {
        margin-top : 124px;
    }

    .content-wrapper.story-wrapper ._info .__paragraph .___logo,
    .content-wrapper.store-wrapper ._info .__paragraph .___logo {
        position      : absolute;
        left          : 0;
        right         : initial;
        top           : -124px;
        transform     : none;
        border-radius : 16px;
        box-shadow    : 0px 0px 11px 7px rgba(168, 168, 168, 0.1);
    }

    .content-wrapper.story-wrapper ._info .__paragraph .___logo.message {
        padding : 15px;
    }

    .content-wrapper.story-wrapper ._info .__paragraph .___logo img,
    .content-wrapper.store-wrapper ._info .__paragraph .___logo img {
        width  : 100px;
        height : 100px;
    }

    .content-wrapper.story-wrapper ._info .__paragraph .___logo.message img {
        width  : 70px;
        height : 70px;
    }

    .content-wrapper.story-wrapper ._info .__paragraph .__paragraph-wrapper {
        font-size   : var(--font-32);
        line-height : var(--line-38);
    }

    .content-wrapper.store-wrapper ._info .__paragraph .__paragraph-wrapper {
        font-size   : var(--font-48);
        line-height : var(--line-58);
    }

    .content-wrapper .story-section-items {
        margin : -60px -30px;
    }

    .content-wrapper .story-section-items > .col {
        padding : 60px 30px;
    }

    .content-wrapper.story-wrapper ._info .__paragraph {
        margin-bottom : 64px;
    }
}

@media (min-width : 992px) {
    .content-wrapper ._feature .__img {
        margin-right : 44px;
        margin-left  : 44px;
    }

    .content-wrapper ._feature.reverse .__img {
        margin-right : 44px;
        margin-left  : 44px;
    }

    .content-wrapper ._feature .__img .__img-wrapper {
        padding-top : 120%;
    }

    .content-wrapper ._social-proof .__paragraph .__paragraph-wrapper {
        display : flex;
    }

    .content-wrapper ._social-proof .__paragraph .__paragraph-wrapper > button,
    .content-wrapper ._portfolios .__paragraph .__paragraph-wrapper > button {
        margin-left : 32px;
        margin-top  : auto;
    }

    .content-wrapper ._social-proof .owl-carousel.owl-loaded .owl-dots {
        margin-top : 32px;
    }

    .content-wrapper ._social-proof .owl-carousel.owl-loaded .owl-item {
        margin-right : 48px !important;
    }

    .content-wrapper ._hero #_hero-carousel .__paragraph {
        top       : 224px;
        transform : var(--translate-lr-center);
    }

    .content-wrapper ._hero #_hero-carousel .__paragraph .__paragraph-wrapper {
        font-size   : var(--font-64);
        line-height : var(--line-72);
    }

    .content-wrapper.portfolios-wrapper ._hero .__paragraph,
    .content-wrapper.about-wrapper ._hero .__paragraph {
        top       : 160px;
        left      : 148px;
        transform : none;
        width     : fit-content;
    }

    .content-wrapper ._hero .__paragraph .__paragraph-wrapper {
        text-align : left;
    }

    .content-wrapper ._hero .__paragraph .__paragraph-wrapper .___sub {
        font-size   : var(--font-64);
        line-height : var(--line-72);
    }

    .content-wrapper ._hero .__paragraph .__paragraph-wrapper .___main {
        font-size   : var(--font-64);
        line-height : var(--line-72);
    }

    .content-wrapper ._hero .__paragraph .__paragraph-wrapper .___desc {
        font-size   : var(--font-20);
        line-height : var(--line-24);
    }

    .content-wrapper ._social-proof .__paragraph .__paragraph-wrapper .___string,
    .content-wrapper ._service .__paragraph .__paragraph-wrapper .___string,
    .content-wrapper ._benefit .__paragraph .__paragraph-wrapper .___string,
    .content-wrapper ._portfolios .__paragraph .__paragraph-wrapper .___string {
        font-size   : var(--font-48);
        line-height : var(--line-58);
    }

    .content-wrapper ._feature .__paragraph .__paragraph-wrapper .___main {
        font-size   : var(--font-48);
        line-height : var(--line-58);
    }

    .content-wrapper ._feature .__paragraph .__paragraph-wrapper .___sub {
        font-size   : var(--font-48);
        line-height : var(--line-58);
    }

    .content-wrapper.inquiry-wrapper ._feature .__paragraph .__paragraph-wrapper .___sub {
        font-size   : var(--font-64);
        line-height : var(--line-72);
    }

    .content-wrapper.inquiry-wrapper ._feature .__paragraph .__paragraph-wrapper .___main {
        font-size   : var(--font-64);
        line-height : var(--line-72);
    }

    .content-wrapper.store-wrapper ._info .__paragraph {
        margin-top : 0;
    }

    .content-wrapper.store-wrapper ._info .__paragraph .___logo {
        position      : absolute;
        left          : initial;
        right         : 0;
        top           : 50%;
        transform     : var(--translate-tb-center);
        border-radius : 16px;
        box-shadow    : 0px 0px 11px 7px rgba(168, 168, 168, 0.1);
    }

    .content-wrapper.store-wrapper ._info .__paragraph .___logo img {
        width  : 150px;
        height : 150px;
    }

    .content-wrapper.store-wrapper ._info .__paragraph .__paragraph-wrapper {
        font-size   : var(--font-64);
        line-height : var(--line-72);
    }
}

@media (min-width : 1200px) {
    .content-wrapper ._feature .__img .__img-wrapper {
        padding-top : 140%;
    }

    .content-wrapper ._hero #_hero-carousel .__paragraph {
        top : 224px;
    }

    .content-wrapper ._hero,
    .content-wrapper ._cta {
        margin-left  : -94px;
        margin-right : -94px;
    }

    .content-wrapper ._social-proof .owl-carousel.owl-loaded .owl-stage-outer {
        margin-right : -94px;
    }

    .content-wrapper ._social-proof._info .owl-carousel.owl-loaded .owl-item {
        margin-right : 48px !important;
    }

    .content-wrapper ._feature .__img .__img-wrapper .___center-paragraph .___desc {
        font-size   : var(--font-20);
        line-height : var(--line-24);
    }


    .content-wrapper.story-wrapper ._info .__paragraph,
    .content-wrapper.store-wrapper ._info .__paragraph {
        margin-top : 0;
    }

    .content-wrapper.story-wrapper ._info .__paragraph .___logo,
    .content-wrapper.store-wrapper ._info .__paragraph .___logo {
        position      : absolute;
        left          : initial;
        right         : 0;
        top           : 50%;
        transform     : var(--translate-tb-center);
        border-radius : 16px;
        box-shadow    : 0px 0px 11px 7px rgba(168, 168, 168, 0.1);
    }

    .content-wrapper.story-wrapper ._info .__paragraph .___logo.message {
        padding : 40px;
    }

    .content-wrapper.story-wrapper ._info .__paragraph .___logo img,
    .content-wrapper.store-wrapper ._info .__paragraph .___logo img {
        width  : 150px;
        height : 150px;
    }

    .content-wrapper.story-wrapper ._info .__paragraph .__paragraph-wrapper {
        font-size   : var(--font-48);
        line-height : var(--line-58);
    }

    .content-wrapper.store-wrapper ._info .__paragraph .__paragraph-wrapper {
        font-size   : var(--font-64);
        line-height : var(--line-72);
    }

    .content-wrapper.portfolios-wrapper ._hero .__img,
    .content-wrapper.about-wrapper ._hero .__img {
        min-height  : 500px;
        padding-top : 0;
    }

}

@media (min-width : 1400px) {
}

/* 높이 반응형 */
@media (max-height : 480px) {
}

@media (min-height : 640px) {
}

@media (min-height : 960px) {
}

@media (min-height : 1024px) {
}
