#sub_wr {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

#section0 > .inner_wrap {
    padding: 130px 0;
}

.sec0-top,
.sec0-btm {
    text-align: center;
}

.sec0-top > p {
    font-family: 'Pretendard';
    letter-spacing: -0.02em;
    color: #000;
    font-weight: 600;
    font-size: 42px;
    line-height: 1.5;
}

.sec0-btm {
    margin-top: 50px;
}

.sec0-btm > p {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 32px;
    letter-spacing: -0.02em;
    line-height: 1.4375;
    color: #000;
}

/* 섹션1 */

#section1 {
    background-color: #F4F4F4;
}

#section1 > .inner_wrap {
    padding: 110px 0 80px;
    max-width: 1200px;
}

.sec1-title {
    text-align: center;
}

.sec1-title > p {
    font-family: 'Pretendard';
    font-weight: 600;
    color: #000;
    letter-spacing: -0.02em;
    font-size: 40px;
}

.sec1-nav {
    margin: 60px auto 90px;
}

.sec1-nav > ul {
    display: flex;
    justify-content: space-between;
    align-items: center;

    background-color: #fff;
    border-radius: 50px;
    padding: 12px 16px;

    max-width: 1000px;

    margin: 0 auto;
}

.sec1-nav > ul > li {
    padding: 17px 36px 18px 36px;
    border-radius: 50px;
    transition: all .3s;
    cursor: pointer;
}

.sec1-nav > ul > li > p {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 1.1;
    text-align: center;
    color: #666;    
}

.sec1-nav > ul > li:hover {
    background-color: #9F6CFF;
}

.sec1-nav > ul > li:hover > p {
    color: #fff;
}

.nav-clicked {
    background-color: #9F6CFF !important;
    color: #fff !important;
}

/* 공통레이아웃 */

.brand-each-top > ul {
    display: flex;
    justify-content: center;
    align-items: center;

    gap: 0 60px;
}

.brand-each-top-right {
    max-width: 540px;
}

.brand-each-right-title {
    font-family: 'Pretendard';
    font-weight: 600;
    font-size: 32px;
    letter-spacing: -0.02em;
    color: #000;
}

.brand-each-right-sub {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 1.6;
    color: #333;
    word-break: keep-all;

    margin-top: 30px;
}


.viral-con-text-wrap {
    margin-top: 70px;
}

.viral-con-text-wrap > ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;

    gap: 15px 0;
}

.viral-con-text-wrap > ul > li {
    width: 100%;
    max-width: 798px;
}

.viral-con-text-wrap > ul > li > div {
    width: 100%;
    border-radius: 33px;
    background-color: #fff;
    padding: 8px 12px;

    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.viral-checked-text {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 1.3;
    color: #333;
    margin-left: 24px;
}


/* 섹션2 */

#section2 > .inner_wrap {
    padding: 110px 0 80px;
    max-width: 1280px;
}

#section2 .viral-con-text-wrap > ul > li > div {
    background-color: #F4F4F4;
}


/* 섹션3 */

#section3 {
    background-color: #F4F4F4;
}

#section3 > .inner_wrap {
    padding: 100px 0;
    max-width: 1280px;
}

.sec3-btm-con {
    margin-top: 70px;
}

.sec3-btm-con > ul {
    display: flex;
    justify-content: center;
    align-items: flex-start;

    gap: 0 95px;
}

.sec3-btm-con > ul > li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sec3-btm-text {
    margin-top: 20px;
}

.sec3-btm-text > p {
    font-family: 'Pretendard';
    letter-spacing: -0.02em;
    text-align: center;
}

.sec3-btm-text-title {
    font-size: 20px;
    font-weight: 600;
    color: #555;
}

.sec3-btm-text-sub {
    margin-top: 12px;

    font-size: 16px;
    font-weight: 400;
    color: #777;
    line-height: 1.5;
}

/* 섹션4 */

#section4 {
    background-image: url('../img/sub_5/section4/sec4-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

#section4 > .inner_wrap {
    padding: 100px 0;
    max-width: 1280px;
}

.sec4-section-title {
    font-family: 'Pretendard';
    font-weight: 600;
    font-size: 32px;
    letter-spacing: -0.02em;
    text-align: center;
    color: #000;
}

.sec4-con {
    margin-top: 70px;
}

.sec4-con-title {
    max-width: 825px;
    margin: 0 auto;
}

.sec4-con-title > p {
    font-family: 'Pretendard';
    font-weight: 600;
    font-size: 28px;
    letter-spacing: -0.02em;
    color: #9f6cff;
}

#section4 .viral-con-text-wrap {
    margin-top: 22px;
}

#section4 .viral-con-text-wrap > ul > li > div {
    background-color: #F4F4F4;
}

.sec4-con-btm {
    margin-top: 75px;
}

#section4 .viral-con-text-wrap > ul > li {
    max-width: 825px;
}

/* 섹션5 */

#section5 {
    background-color: #F4F4F4;
    /* background-image: url('../img/sub_5/section5/sec5-bg.svg');
    background-repeat: no-repeat;
    background-position: left center; */
}

#section5 > .inner_wrap {
    padding: 100px 0;
    max-width: 1280px;
}

.sec5-con-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px 0;
}

.sec5-mobile-con {
    display: none;
}

/* 섹션6 */

#section6 {
    background-image: url('../img/sub_5/section6/sec6-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

#section6 > .inner_wrap {
    padding: 120px 0;
}

.sec6-text {
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    text-align: center;
}

.sec6-text-title {
    font-family: 'Pretendard';
    font-weight: 600;
    font-size: 42px;
    letter-spacing: -0.02em;
    color: #fff;
}

.sec6-text-sub {
    margin-top: 30px;

    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 28px;
    letter-spacing: -0.02em;
    line-height: 1.4;
    color: #fff;
}

/* 섹션7 */

#section7 {
    background-color: #F4F4F4;
}

#section7 > .inner_wrap {
    padding: 100px 0;
}

.naverplace-star {
    margin-left: 14px;
}

.star-wrap {
    display: flex;
    align-items: center;
}

.mobile-space {
    display: none;
}

@media all and (max-width:1300px) {

    #section0 {
        background-size: 25%;
    }

    #section0 > .inner_wrap {
        padding: 10vw 0;
    }

    .sec0-top > p {
        font-size: 3.23076vw;
    }

    .sec0-btm {
        margin-top: 3.84615vw;
    }

    .sec0-btm > p {
        font-size: 2.46153vw;
    }

    #section1 > .inner_wrap {
        padding: 7.692307vw 16px;
        max-width: unset;
    }

    .sec1-nav {
        margin: 4.61538vw auto;
    }

    .sec1-nav > ul {
        padding: 1.076923vw 1.38461vw;
        max-width: 915px;
    }

    .sec1-nav > ul > li {
        padding: 1.46153vw 2.92307vw 1.53846vw 2.92307vw;
    }

    .sec1-nav > ul > li > p {
        font-size: 1.84615vw;
    }

    .sec1-title > p {
        font-size: 3.076923vw;
    }

    /* 공통레이아웃 */

    .brand-each-top > ul {
        gap: 0 4.61538vw;
    }

    .brand-each-top-left > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .brand-each-right-title {
        font-size: 2.46153vw;
    }

    .brand-each-right-sub {
        font-size: 1.84615vw;
        margin-top: 2.30769vw;
    }

    .viral-con-text-wrap {
        margin-top: 5.384615vw;
    }

    .viral-con-text-wrap > ul {
        gap: 1.15384vw 0;
    }

    .viral-con-text-wrap > ul > li {
        max-width: unset !important;
    }

    .viral-con-text-wrap > ul > li > div {
        padding: 0.61538vw 0.92307vw;
    }

    .viral-checked-img {
        width: 3.92307vw;
        height: 3.92307vw;
    }

    .viral-checked-text {
        margin-left: 1.84615vw;
        font-size: 1.84615vw;
    }

    .viral-checked-img > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    #section1 .brand-each-top-left {
        width: 20.61538vw;
        height: 19.53846vw;
    }

    /* 섹션2 */

    #section2 > .inner_wrap {
        padding: 8.46153vw 16px 6.15384vw;
    }

    #section2 .brand-each-top-left {
        width: 15.692307vw;
        height: 17.38461vw;
    }

    /* 섹션3 */

    #section3 > .inner_wrap {
        padding: 7.692307vw 0;
        max-width: unset;
    }

    #section3 .brand-each-top-left {
        width: 16.23076vw;
        height: 16.23076vw;
    }

    .sec3-btm-con {
        margin-top: 5.38461vw;
    }

    .sec3-btm-con > ul {
        gap: 0 7.30769vw;
    }

    .sec3-btm-img {
        width: 14.07692vw;
        height: 14.07692vw;
    }

    .sec3-btm-img > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .sec3-btm-text {
        margin-top: 1.538461vw;
    }
    
    .sec3-btm-text-title {
        font-size: 1.53846vw;
    }

    .sec3-btm-text-sub {
        margin-top: 1.38461vw;
        font-size: 1.23076vw;
    }

    /* 섹션4 */

    #section4 > .inner_wrap {
        padding: 7.692307vw 16px;
        max-width: unset;
    }

    .sec4-con-title {
        max-width: unset;
    }

    .sec4-con-title > p {
        font-size: 2.15384vw;
    }

    #section4 .viral-con-text-wrap {
        margin-top: 1.692307vw;
    }

    .sec4-con-btm {
        margin-top: 5.76923vw;
    }

    #section4 .viral-con-text-wrap > ul > li > div {
        max-width: unset;
    }

    /* 섹션5 */

    #section5 > .inner_wrap {
        padding: 7.692307vw 16px;
        max-width: unset;
    }

    .sec5-con-inner > li {
        width: 100%;
    }

    .sec5-con-inner > li > img {
        width: 100%;
    }

    /* 섹션6 */

    #section6 > .inner_wrap {
        padding: 9.23076vw 16px;
    }

    .sec6-text-title {
        font-size: 3.23076vw;
    }

    .sec6-text-sub {
        font-size: 2.15384vw;
        margin-top: 2.30769vw;
    }

    /* 섹션7 */

    #section7 > .inner_wrap {
        padding: 7.692307vw 16px;
        max-width: unset;
    }

    #section7 .brand-each-top-left {
        width: 16.23076vw;
        height: 16.23076vw;
    }
    
    .naverplace-star {
        margin-left: 1.07692vw;
        width: 9.92307vw;
        display: inline-block;
    }

    .naverplace-star > img {
        width: 100%;
    }
}

@media all and (max-width:750px) {
    .title-text {
        font-size: 5.33333vw;
    }

    #section0 {
        background-position: right bottom;
        background-size: 30%;
    }

    #section0 > .inner_wrap {
        padding: 16vw 0;
    }

    .sec0-top > p {
        font-size: 5.33333vw;
    }

    .sec0-btm {
        margin-top: 5.33333vw;
    }

    .sec0-btm > p {
        font-size: 4.26666vw;
        line-height: 1.625;
    }

    .sec0-btm > p > .bold {
        font-weight: 400;
    }

    /* 섹션1 */

    #section1 > .inner_wrap {
        padding: 16vw 16px;
    }

    .sec1-title > p {
        font-size: 5.33333vw;
    }

    .sec1-nav {
        margin: 10.66666vw auto 13.33333vw;
    }

    .sec1-nav > ul {
        padding: 0;
        border-radius: 0;
        width: 100%;

        flex-wrap: wrap;
    }

    .sec1-nav > ul > li {
        padding: 4vw 0 3.73333vw;

        width: 50%;
        border-radius: 0;
    }

    .sec1-nav > ul > li > p {
        font-size: 3.73333vw;
    }

    .sec1-nav > ul > li:first-child {
        border-right: 1px solid #e1e1e1;
    }

    #kakao-search {
        width: 100%;
        border-top: 1px solid #e1e1e1;
    }

    /* 공통레이아웃 */

    .brand-each-top-right {
        max-width: unset;
    }

    .brand-each-top-right > div {
        text-align: center;
    }

    .brand-each-top > ul {
        flex-direction: column;

        gap: 8vw 0; 
    }

    .brand-each-right-title {
        font-size: 4.8vw;
    }

    .brand-each-right-sub {
        font-size: 4.26666vw;
        margin-top: 6.66666vw;
    }

    .viral-con-text-wrap {
        margin-top: 9.33333vw;
    }

    .viral-con-text-wrap > ul {
        gap: 2.66666vw 0;
    }

    .viral-con-text-wrap > ul > li > div {
        padding: 4.26666vw 2.66666vw;
        max-width: unset;
        border-radius: 10px;
    }

    .viral-checked-img {
        width: 8vw;
        height: 8vw;
        margin-right: 3.2vw;
    }

    .viral-checked-img > img {
        height: auto;
    }

    .viral-checked-text {
        display: block;
        width: 69.33333vw;
        margin-left: 0;
        font-size: 3.73333vw;
        font-weight: 500;
        word-break: keep-all;
    }

    #section1 .brand-each-top-left {
        width: 54.13333vw;
        height: 51.21066vw;
    }

    /* 섹션2 */

    #section2 > .inner_wrap {
        padding: 16vw 16px;
    }

    #section2 .brand-each-top-left {
        width: 40.70666vw;
        height: 45.056vw;
    }

    #section2 .keyword-each-wrap > ul {
        gap: 0;
        justify-content: space-between;
    }

    /* 섹션3 */

    #section3 > .inner_wrap {
        padding: 16vw 16px;
    }

    #section3 .brand-each-top-left {
        width: 25.6vw;
        height: 25.6vw;
    }

    .sec3-btm-con {
        margin-top: 13.33333vw;
    }

    .sec3-btm-con > ul {
        flex-wrap: wrap;

        gap: 6.66666vw 0;
    }

    .sec3-btm-con > ul > li {
        width: 50%;
    }

    .sec3-btm-img {
        width: 29.6vw;
        height: 29.6vw;
    }

    .sec3-btm-text {
        margin-top: 4vw;
    }

    .sec3-btm-text-title {
        font-size: 3.73333vw;
    }

    .sec3-btm-text-sub {
        font-size: 3.2vw;
        margin-top: 2.66666vw;
    }

    /* 섹션4 */

    #section4 {
        background-image: none;
    }

    #section4 > .inner_wrap {
        padding: 16vw 16px;
    }

    .sec4-section-title {
        font-size: 4.8vw;
    }

    .sec4-con {
        margin-top: 10.66666vw;
    }

    .sec4-con-title > p {
        font-size: 4.26666vw;
    }

    .sec4-con-btm {
        margin-top: 8vw;
    }

    #section4 .viral-con-text-wrap {
        margin-top: 5.33333vw;
    }
    

    /* 섹션5 */

    #section5 > .inner_wrap {
        padding: 16vw 16px;
    }

    .sec5-con-inner {
        display: none;
    }

    .sec5-mobile-con {
        display: block;
    }

    .sec5-mobile-con > embed {
        width: 100%;
    }

    /* 섹션6 */

    #section6 {
        background-image: url('../img/sub_5/section6/sec6-mobile-bg.jpg');
    }

    #section6 > .inner_wrap {
        padding: 21.33333vw 16px;
    }

    .sec6-text-sub {
        margin-top: 5.33333vw;
        font-size: 4.26666vw;
        word-break: keep-all;
    }

    /* 섹션7 */

    #section7 > .inner_wrap {
        padding: 16vw 16px;
    }

    #section7 .brand-each-top-left {
        width: 25.6vw;
        height: 25.6vw;
    }

    .star-wrap {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 2.26666vw 0;
        width: 85%;
    }

    .naverplace-star {
        width: 18.8vw;
        margin-left: 0;
    }

    #section7 .viral-con-text-wrap > ul > li > div {
        padding: 3.46666vw 2.66666vw;
    }

    #section7 .viral-checked-text {
        width: 100%;
        letter-spacing: -0.04em;
    }

    .mobile-space {
        display: inline;
    }

    .pc-only {
        display: none;
    }
}