em {
    font-style: normal;
}
/* img { flex-shrink: 0;
    min-height: 10px !important;
    display: none !important;
 } */
 img { max-width: 1920px; }

.hidden{
    z-index:-1;width:0;height:0;font-size:0;color:transparent;
}
.content-wrapper::after,
.container::after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}
.container {
    position: relative;
}
/* .page-brand,
.branding {
    font-family: Montserrat;
} */
.page-brand ul::after{
    content:'';
    display:block;
    clear:both;
    height:0;
}
.page-brand * {
    box-sizing: border-box;
}

/* 탭 공통 */
.page-brand .tab-area >p {
    font-size:1.125rem;
    font-weight: bold;
    line-height: 2.28;
    text-align: center;
    color: #10a3ad;
    margin-bottom: 0.625rem;
    margin-top: 3rem;
}
.page-brand .tab-title {
    margin-bottom: 6.5rem;
    text-align: center;
    font-family: montserrat;
    font-size:3rem;
    color: #ccc;
}
.page-brand .tab-title li {
    display: inline-block;
    margin-left: 2.5rem;
    font-size: 3rem;
    cursor: pointer;
}
.page-brand .tab-title li:first-child {
    margin-left: 0;
}
.page-brand .tab-title li.active {
    text-decoration: underline;
    font-weight: bold;
    font-size: 3rem;
    color: #333;
    font-family: Montserrat;
}
.page-brand .tab-contents {
    display: none;
}
.page-brand .tab-contents.active {
    display: block;
}
/* 상단이미지 공통 */
.page-brand .visual{
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    color: #fff;
}
.page-brand .visual em {
    font-size: 1.5rem;
    line-height: 2;
    letter-spacing: -0.06;
}
.page-brand .visual p{
    font-size: 3rem;
}
.page-brand .visual p span {
    font-weight: bold;
}
.page-brand .visual span {
    font-size: 3rem;
}
/* 타이틀 공통 */
.page-brand .title {
    margin-bottom: 5rem;
    font-size: 3rem;
    line-height: 1.25;
    color:#333;
    padding-bottom: 17.5rem;
}
.page-brand .title em {
    display: block;
    font-size:1rem;
    font-weight: 700;
    color: #10a3ad;
    margin: 9.375rem 0 0.625rem;
    font-family: Montserrat;
}
.page-brand .title p {
    margin-top: 3.125rem;
    font-size: 1.125rem;
    line-height:1.56;
    letter-spacing: -0.022rem;
    color: #757575;
}
.page-brand .title p strong {
    margin-top: 1rem;
}
.branding .visual {
    background-image: url('/img/our_service/branding/ourservice_branding_top_bg.png');
}
.page-brand .visual{
    padding: 7.125rem 0;
}
.page-brand .visual em {
    color: #ccc;
    font-weight: bold;
    font-family: Montserrat;
    /* 상단 공통부분외 추가내용 */
}
/* .branding {
    padding: 0 0 6.25rem 0;
    상단 공통부분외 추가내용
} */
.branding .title p >strong{
    color: #333;
    font-size: 1.5rem;
    line-height: 1.7;
    margin-bottom:300px;
}
.branding .remember{
    background-image: url('/img/our_service/branding/ourservice_branding_process_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
.branding .diffrent-marketing{
    background-color: #f8f8f8;
}
.branding .diffrent-marketing em{
    display: block;
    font-size:1.125rem;
    font-weight: bold;
    color: #10a3ad;
    padding: 9.375rem 0 0.625rem;
    font-family: Montserrat;
}
.branding .diffrent-marketing .title-different span{
    font-family: Montserrat;
    font-size: 3rem;
    line-height: 1.25;
    color: #333;
}
.branding .diffrent-marketing .title-different p{
    font-size: 1.125rem;
    line-height: 1.78;
    letter-spacing: -0.045rem;
    color: #757575;
    margin-top: 3.125rem;
    margin-bottom: 2rem;
}
.branding .diffrent-marketing img{
    width: 100%;
    display: block;
}
.branding .identity{
    background-image: url('/img/our_service/branding/ourservice_identity_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
.branding .identity em{
    display: block;
    font-size:1.125rem;
    font-weight: bold;
    color: #fff;
    padding: 9.375rem 0 0.625rem;
    font-family: Montserrat;
}
.branding .identity h1{
    display: block;
    font-size:3rem;
    font-weight: normal;
    color: #fff;
    padding: 0.625rem 0 1.857rem;
}
.branding .identity p{
    font-size: 1.125rem;
    line-height: 1.56;
    color: #fff;
}
.branding .identity h5{
    display: block;
    font-size:1.5rem;
    font-weight: bold;
    color: #fff;
    font-family: Montserrat;
    padding: 5rem 0 1.875rem;
}
.branding .identity h6{
    display: block;
    font-weight: normal;
    font-size:1.5rem;
    line-height: 1.56;
    color: #fff;
    padding: 0.625rem 0 14.312rem;
}
.branding .map,
.branding .graphic-motif{
    background-color: #f8f8f8;
}
.branding .map em{
    display: block;
    font-size: 1rem;
    font-weight: bold;
    color: #10a3ad;
    padding: 9.375rem 0 0.625rem;
    font-family: Montserrat;
}
.branding .map h1{
    display: block;
    font-size:3rem;
    color: #333;
    line-height: 1.6;
}
.branding .map .title-map p{
    font-size: 1.125rem;
    line-height: 1.67;
    letter-spacing: -0.045rem;
    color: #757575;
    margin: 0.423rem 0 4.687rem;
}
.branding .map img{
    width: 100%;
    display: block;
}
.branding .point{
    background-color: #f8f8f8;
}
.branding .point .title-point h1{
    font-family: Montserrat;
    font-size: 1.875rem;
    color: #10a3ad;
    margin-bottom: 2.5rem;
}
.branding .point .multi-point-list{
    height:20rem;
    display:flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.branding .point .multi-point-list > div { width: 24%; }
.branding .point .multi-point-list .multi-point-desc{
    border-top: 1px solid #ccc;

}
.branding .point .multi-point-list .multi-point-desc h5{
    font-family:  Montserrat;
    font-size: 1.125rem;
    color: #10a3ad;
    margin-top: 1.875rem;
}
.branding .point .multi-point-list .multi-point-desc h4{
    font-size: 1.125rem;
    color: #333;
    margin-top: 1.25rem;
    line-height: 1.44;
    letter-spacing: -0.022rem;
}
.branding .point .multi-point-list .multi-point-desc p{
    font-size: 1.125rem;
    color: #757575;
    margin: 0.625rem 0 6.25rem;
    line-height: 1.72;
    letter-spacing: -0.045rem;
    display: inline-block;
    word-break: keep-all;
}
.branding .point .multi-point-list .multi-point-desc .redcolor{color:#757575;}
.branding .hbx{
    background-image: url('/img/our_service/branding/ourservice_hbx_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
.branding .hbx h1{
    font-size:9.25rem;
    color: #fff;
    padding: 9.375rem 0 0;
    font-family: Montserrat;
}
.branding .hbx .title-hbx h5{
    font-family:  Montserrat;
    font-size: 1.875rem;
    color: #fff;
    margin-top: 16.935rem;
}
.branding .hbx .title-hbx p{
    font-size: 1.5rem;
    color: #fff;
    font-weight: normal;
    line-height: 1.67;
    letter-spacing: -0.045px;
    margin: 1.875rem 0 0;
    padding-bottom: 9.375rem;
    word-break: keep-all;
    width: 42.75rem;
    opacity: 0.6;
}
.branding .typography .title-typography em{
    display: block;
    font-size:1rem;
    font-weight: bold;
    color: #10a3ad;
    padding: 9.375rem 0 0.625rem;
    font-family: Montserrat;
}
.branding .typography .title-typography h1{
    font-size:3rem;
    color: #333;
    padding: 0.625rem 0 0;
    line-height: 1.25;
}
.branding .typography .txt img{
    width: 50%;
    display: inline-block;
    margin-top:9.375rem;
    float: left;
}
.branding .typography .txt_right{
    display: inline-block;
    word-break: keep-all;
    float:left;
    width:50%;
}
.branding .typography .txt_right em{
    font-size:1.875rem;
    font-weight:800;
    color:#000;
    letter-spacing: 0.093rem;
    font-family: Montserrat;
    padding: 17.062rem 0 0;
    text-transform: uppercase;
}
.branding .typography .txt_right p{
    margin-top:1.25rem;
    font-size: 1.125rem;
    line-height: 1.56;
    color: #757575;
}
.branding .typography .imgbox img {
    width: 100%;
    margin:6.25rem 0;
}
.branding .typography .text-font {
    display:flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 80%;
    margin: 0 8rem;
}
.branding .typography .text-font .left ,
.branding .typography .text-font .right,
.branding .typography .text-font .center{
    display: inline-block;


}
.branding .typography .text-font .left img,
.branding .typography .text-font .right img{
    width: 50%;
    margin:0;
}
.branding .typography .text-font .center{
    font-size: 1.5rem;
    line-height:1.5;
    letter-spacing: 0.075rem;
    text-align: center;
    color: #333;
    padding-top: 1rem;
    font-weight: bold;
}
.branding .typography .btn-font-more{
    text-align: center;

}
.branding .typography .btn-font-more img{
    width: 40%;
    margin: 5rem 0 6.25rem;
}
.branding .graphic-motif .title-graphic-motif h1{
    font-family: Montserrat;
    font-size: 1.875rem;
    font-weight: 800;
    letter-spacing: 0.093rem;
    text-transform: uppercase;
    padding: 9.3775rem 0 1.25rem;
}
.branding .graphic-motif .title-graphic-motif p{
    font-size: 1.125rem;
    line-height: 1.56;
    color: #757575;
}
.branding .graphic-motif .multi-motif-list .multi-motif-desc{
    border-top: 1px solid #ccc;
    margin-top:3.75rem;
    width: 49%;
}
.branding .graphic-motif .multi-motif-list{
    display:flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.branding .multi-motif-list .multi-motif-desc h5{
    font-family:  Montserrat;
    font-size: 1.125rem;
    font-weight: bold;
    color: #10a3ad;
    margin-top: 3.75rem;
}
.branding .multi-motif-list .multi-motif-desc p{
    font-size: 1.125rem;
    color: #333;
    margin-top: 0.625rem;
}
.branding .multi-motif-list .multi-motif-desc img{
    width: 100%;
    max-width: 580px;
    margin: 3.75rem 0 6.25rem;
}
.branding .color{
    background-image: url('/img/our_service/branding/ourservice_color_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
.branding .color .title-color h1{
    font-family: Montserrat;
    font-size: 1.875rem;
    font-weight: 800;
    letter-spacing:0.093rem;
    color: #fff;
    padding: 38.875rem 0 1.875rem;
    text-transform: uppercase;
}
.branding .color .title-color p{
    font-size: 1.125rem;
    line-height: 1.78;
    padding: 0 0 6.25rem;
    color: #fff;
}
.branding .item .title-item em{
    font-size:1rem;
    font-weight:bold;
    color:#10a3ad;
    font-family: Montserrat;
    margin: 9.375rem 0 0.625rem;
    display: block;
}
.branding .item .title-item h1{
    font-size: 3rem;
    line-height: 1.25;
    color:#333;
    margin-bottom: 2.5rem;
}
.branding .item .multi-item-list{
    display:flex;
    justify-content: space-between;
    flex-wrap: nowrap;

}
.branding .item .multi-item-list .multi-item-desc{
    margin:2.5rem 0 6.25rem;
    width: 25%;
    max-width: 17.5rem;
    border: 1px solid #ccc;
}
.branding .item .multi-item-list .multi-item-desc img{
    width: 100%;
    max-width: 17.5rem;
    display: block;
}
.branding .more ul li {
    float: left;
    width: 50%;
    padding: 6.875rem 0 5.625rem 5rem;
    background-repeat: no-repeat;
}

.branding .more ul li:first-child {
    border-top:1px solid #f8f8f8;
    background-image: url('/img/our_service/branding/bg_qna_marketing.png');
    background-color: #f8f8f8;
    background-size: cover;
    background-position: right bottom;
}

.branding .more ul li:last-child {
    border-top:1px solid #eaeaea;
    background-image: url('/img/our_service/branding/bg_qna_design.png');
    background-size: cover;
    background-position: right bottom;
}
.branding .more .qna_txt{
    font-size: 2.5rem;
    line-height: 1.3;
    color: #333;
}
.branding .more a {
    display: inline-block;
    min-width: 15rem;
    margin: 2rem auto;
    padding: 1rem 0;
    text-align: Center;
    border: 1px solid #ccc;
    background: transparent;
    color: #757575
}
.branding .qna {
    padding: 6.875rem 0 6.25rem;
    font-size: 1.875rem;
    background-color: #262b36;
    color: #fff;
}
.branding .qna .wrap-qna {
    display: flex;
    align-items: flex-end;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.branding .qna .wrap-qna .wrap-mobile-qna {
    align-self: center;
}
.branding .qna p {
    font-size: 3rem;
    line-height: 1.33;
    letter-spacing: -0.105rem;
    color: #fff;
    display: inline-block;
    margin-top: 1rem;
}
.branding .qna button {
    min-width: 15rem;
    padding: 1rem 0;
    border: 1px solid rgba(255,255,255,0.6);
    background: transparent;
    color: #fff;
    display: inline-block;
    font-size: 1.125rem;
}
.branding .go_portfolio{
    display:flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.branding .go_portfolio .text-portfolio p{
    font-size: 1.125rem;
    line-height: 2.89;
    color: #333;
    display:inline-block;
    margin: 0 2rem;
}
.branding .go_portfolio .text-portfolio a{
    font-size: 0.875rem;
    font-weight: bold;
    text-decoration: underline;
    line-height: 3.71;
    color: #757575;
    display:inline-block
}
.branding .go_portfolio .btn_qna {
    text-align: center;
    font-size: 1.125rem;
    min-width: 17.5rem;
    padding: 1rem 0;
    background-color: #10a3ad;
    color: #fff;
    display: inline-block;
    float: right;
}

/*  Smartphones in portrait mode  */
@media only screen and (max-width: 600px) {
    .content-wrapper{
        padding:0 1rem;
    }
    .page-brand .tab-area >p{
        margin-top:6.25rem;
        font-size: 0.875rem;
        margin-bottom: -1.4rem;
    }  .page-special .tab-title li.active {
          text-decoration: underline;
          font-weight: bold;
          color: #333;
          font-family: Montserrat;
      }

      .page-special .tab-title {
          margin-bottom: 20px;
      }

      .tab-title {
        margin-bottom:2rem; }

      .tab-title li {
        /* margin-left:1.3rem; */
        /* margin: 0 10px; */
        font-size:1.125rem;
        color: #767676;
      }

      .page-brand .tab-title li.active {
        font-size:1.125rem;
          text-decoration: underline;
          font-weight: bold;
          color: #333;
          font-family: Montserrat;
      }

      .page-brand .tab-title li {
          display: inline-block;
          margin-left: 0;
          font-size: 1.125rem;
          cursor: pointer;
          color: #ccc;
      }

      .page-brand .tab-title {
          margin-bottom: 20px;
      }
    .page-brand .title em{
        margin:0 0 0 0;
    }
    .branding .visual{
        background-image: url('/img/our_service/branding/m_ourservice_brand_top_bg.png');
        padding: 0 0 14.437rem;
    }
    .page-brand .visual p{
        font-size:1.75rem;
        line-height: 1.36;
        letter-spacing: -0.07rem;
        padding-top: 2.5rem;
        color:#fff;
    }
    .page-brand .visual em{
        font-size:0.875rem;
        line-height: 3.43;
        letter-spacing: -0.035rem;
        color: #ccc;
    }

    .branding .diffrent-marketing em,
    .branding .remember .title em,
    .branding .identity .title-identity em,
    .branding .map .title-map em,
    .branding .typography .title-typography em{
        font-size: 0.875rem;
        font-weight: 800;
        line-height: 3.34;
        color: #10a3ad;
        padding-top: 6.25rem;
    }
    .branding .remember .title span{
        font-size: 1.75rem;
        line-height: 1.14;
        color: #333;
        margin: 0.625rem 0 1.25rem;

    }
    .branding .remember .title p{
        font-size: 0.875rem;
        line-height: 1.57;
        letter-spacing: -0.035rem;
        color: #757575;
        margin-top: 1.25rem;
    }
    /* 타이틀 공통 */
    .page-brand .title {
        font-size: 0;
    }
    .branding .title p >strong{
        font-size: 0.875rem;
        margin-top: 0.625rem;
    }
    .branding .remember{
        background-image: url('/img/our_service/branding/m_ourservice_branding_process_bg.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50% bottom;
    }
    .page-brand .title{
        padding-bottom: 20rem;
    }
    .branding .diffrent-marketing{
        background-image: url('/img/our_service/branding/m_ourservice_differnt_marketing_bg.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50% bottom;
    }
    .branding .diffrent-marketing .title-different span{
        font-family: Montserrat;
        font-size: 1.75rem;
        line-height: 1.29;
        letter-spacing: -0.087rem;
        margin-bottom: 1.875rem;
    }
    .branding .diffrent-marketing .title-different p{
        font-size: 0.875rem;
        line-height: 1.43;
        letter-spacing: -0.045rem;
        color: #757575;
        padding: 1.875rem 0 60rem;
        margin-bottom: 0;
        margin-top: 0;
    }
    .branding .identity{
        background-image: url('/img/our_service/branding/m_ourservice_identity_bg.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% top;
    }
    .branding .identity .title-identity em{
        color:#fff;
        margin: 0;
        padding: 0;
    }
    .branding .identity .title-identity h1{
        font-size: 1.5rem;
        line-height: 1.29;
        letter-spacing: -0.07rem;
        color:#fff;
    }
    .branding .identity .title-identity p{
        font-size: 0.875rem;
        line-height: 1.57;
        letter-spacing: -0.026rem;
        color:#fff;
    }
    .branding .identity .title-identity h6{
        font-size: 0.875rem;
        font-weight: bold;
        line-height: 1.43;
        letter-spacing: -0.017rem;
        color:#fff;
        margin-top: 0.625rem;
        padding: 0;
    }
    .branding .identity .title-identity h5{
        font-size: 1rem;
        font-weight: bold;
        text-align: center;
        color:#fff;
        padding: 3.125rem 0 26.937rem;
    }
    .branding .map .title-map em{
        margin-top: 0;
    }
    .branding .map .title-map h1{
        font-size: 1.75rem;
        line-height: 1.29;
        letter-spacing: 0.07rem;
        color:#333;
    }
    .branding .map .title-map p{
        font-size: 0.875rem;
        line-height: 1.57;
        letter-spacing: 0.03rem;
        color:#757575;
    }
    .branding .point{
        padding-bottom: 3rem;
    }
    .branding .point .title-point h1{
        font-family: Montserrat;
        font-size: 1.25rem;
        color: #10a3ad;
        padding-top:1.875rem;
        margin-bottom: 1.25rem;
    }

    .branding .point .multi-point-list{
        height: 26.875rem;
        display:flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .branding .point .multi-point-list > div { width: 49%; }
    .branding .point .multi-point-list .multi-point-desc{
        border-top: 1px solid #ccc;

    }
    .branding .point .multi-point-list .multi-point-desc h5{
        font-family:  Montserrat;
        font-size: 1rem;
        color: #10a3ad;
        margin-top: 0.625rem;
    }
    .branding .point .multi-point-list .multi-point-desc h4{
        font-size: 0.875rem;
        color: #333;
        margin-top: 1.25rem;
        line-height: 1.43;
        letter-spacing: -0.035rem;
    }
    .branding .point .multi-point-list .multi-point-desc p{
        font-size: 0.75rem;
        color: #757575;
        margin: 0.625rem 0 1.875rem;
        line-height: 1.58;
        letter-spacing: -0.037rem;
        display: inline-block;
        word-break: keep-all;
    }
    .branding .point .multi-point-list .multi-point-desc .redcolor{color:#757575;}
    .branding .hbx{
        background-image: url('/img/our_service/branding/m_ourservice_hbx_bg.png');
        background-size: cover;
        background-position: 50%;
    }
    .branding .hbx .title-hbx h5{
        font-size: 1rem;
        font-weight: normal;
        color:#fff;
        padding-top:20.125rem;
        margin-top: 0;
    }
    .branding .hbx .title-hbx p{
        width: 100%;
        font-size: 0.875rem;
        line-height: 1.57;
        letter-spacing: -0.062rem;
        color: #9ea0a4;
        padding-bottom: 5rem;
    }
    .branding .typography >em{
        margin: 0 0 0 0;
        padding: 0 0 0;
    }
    .branding .typography .title-typography h1{
        font-size: 1.75rem;
        font-weight: normal;
        line-height: 1.36;
        letter-spacing: -0.035rem;
        color: #333;
    }
    .branding .typography .title-typography >em{
        display: block;
    }
    .branding .typography .txt img{
        width: 80%;
        margin-top: 3.75rem;
        float: left;
        margin-bottom: 2.5rem;
    }
    .branding .typography .txt_right em{
        font-size: 1rem;
        font-weight:800;
        color:#333;
        letter-spacing: 0.02rem;
        padding: 2.5rem 0 0;
        text-transform: uppercase;
    }
    .branding .typography .txt_right p{
        margin-top: 0.001rem;
        font-size: 0.875rem;
        line-height: 1.71;
    }
    .branding .typography .imgbox img {
        width: 100%;
        margin: 3.75rem 0;
    }
    .branding .typography .text-font {
        display:flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        width: 100%;
        margin: 0 0;
    }
    .branding .typography .text-font .left img,
    .branding .typography .text-font .right img{
        width: 35%;
        margin:0;
    }
    .branding .typography .text-font .center{
        font-size: 0.8rem;
        line-height:1.43;
        letter-spacing: normal;
        padding-top: 1rem;
        font-weight: normal;
    }
    .branding .typography .btn-font-more {
        width: 100%;
        padding: 1rem 0;
        background-color: #10a3ad;
        color: #fff;
        display: block;
        margin: 3rem auto;
    }
    .branding .graphic-motif .title-graphic-motif h1{
        font-size: 1rem;
        font-weight: 800;
        letter-spacing: 0.02rem;
        text-transform: uppercase;
        padding: 6.25rem 0 0.625rem;
    }
    .branding .graphic-motif .title-graphic-motif p{
        font-size: 0.875rem;
        line-height: 1.71;
        letter-spacing: -0.035rem;
    }
    .branding .graphic-motif .multi-motif-list{
        display:flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .branding .graphic-motif .multi-motif-list .multi-motif-desc{
        border-top: 1px solid #ccc;
        margin-top:3.75rem;
        width: 100%;
    }
    .branding .multi-motif-list .multi-motif-desc h5{
        font-size: 0.875rem;
        margin-top: 0.625rem;
    }
    .branding .multi-motif-list .multi-motif-desc p{
        font-size: 0.875rem;
        line-height: 1.71;
        letter-spacing: -0.017rem;
        margin-top: 0.312rem;
    }
    .branding .multi-motif-list .multi-motif-desc img{
        width: 100%;
        max-width: 320px;
        margin: 1.875rem 0 3.75rem;
    }
    .branding .color .title-color h1{
        font-size: 1rem;
        letter-spacing:0.02rem;
        color: #fff;
        padding: 6.25rem 0 0.625rem;
    }
    .branding .color{
        background: linear-gradient(to left, #10a3ad, #107cad 100%);
    }
    .branding .color .title-color p{
        font-size: 0.875rem;
        line-height: 1.71;
        padding: 0 0 16.25rem;
        color: #fff;
    }
    .branding .color{
        display:flex;
        justify-content: space-between;
        flex-wrap: nowrap;
    }
    .branding .color .color-left,
    .branding .color .color-right{
        display: inline-block;
    }
    .branding .color .color-right{
        float: right;
    }
    .branding .color .color-left > h6,
    .branding .color .color-right > h6{
        font-family: Montserrat;
        font-size: 0.875rem;
        font-weight: normal;
        color: #f6f6f6;
    }
    .branding .color .color-left > h5,
    .branding .color .color-right > h5{
        font-family: Montserrat;
        font-size: 1rem;
        color: #fff;
        padding: 0.25rem 0 2.5rem;
    }
    .branding .item .title-item >em{
        font-size: 0.875rem;
        line-height: 2;
        margin: 6.25rem 0 0.312rem;
    }
    .branding .item .title-item h1{
        font-size: 1.75rem;
        line-height: 1.36;
        letter-spacing: -0.035rem;
        margin-bottom: 2.5rem;
    }
    .branding .item .multi-item-list{
        display:flex;
        justify-content: space-around;
        flex-wrap: wrap;
        align-content: flex-start;
        margin-bottom: 5rem;
    }
    .branding .item .multi-item-list .multi-item-desc{
        margin: 1rem 0 1rem;
        width: 49%;
        max-width: 152px;
        border: 1px solid #ccc;
    }
    .branding .item .multi-item-list .multi-item-desc img{
        width: 100%;
        max-width: 152px;
        display: block;
    }
    .branding .more ul li{
        float:none;
        width:100%;
        padding:2rem;
        background-size:10rem;
        background-position:100% 100%;
    }
    .branding .more ul li:first-child {
        border-top:0px solid #f8f8f8;
        background-image: url('/img/our_service/branding/m_bg_qna_marketing.png');
    }

    .branding .more ul li:last-child {
        border-top:0px solid #eaeaea;
        background-image: url('/img/our_service/branding/m_bg_qna_design.png');
    }
    .branding .more .qna_txt{
        font-size: 1.25rem;
        line-height: 1.3;
        letter-spacing: 0.05rem;
    }
    .branding .more a {
        display: block;
        margin: 0.625rem 0;
        padding: 0 0 0rem;
        font-size: 0.625rem;
        text-align: left;
        border: 0px solid #ccc;
        text-decoration: underline;
        min-width: 0;
    }
    .branding .qna {
        padding: 5rem 0 3.75rem;
        font-size: 1rem;
        line-height: 1.38;
        letter-spacing: -0.04rem;
        text-align: center;
        color: #fff;
    }
    .branding .qna p {
        font-size: 1.25rem;
        line-height: 1.3;
        letter-spacing: -0.05rem;
        text-align: center;
        display: block;
        margin-top: 0.625rem;
    }
    .branding .qna button {
        min-width: 11.5rem;
        padding: 0.875rem 0;
        display: block;
        margin: 2rem auto 0;
        font-size: 0.875rem;
    }
    .branding .go_portfolio{
        display: none;
    }






















    .branding .bx{
        padding-top:3.25rem;
    }
    /* .branding .typography{
        padding:5.3rem 0;
    } */
    .branding .typography .txt_left,
    .branding .typography .txt_right{
        float:none;
        display:block;
        width:100%;
    }
    .branding .typography .txt_left{
        margin-bottom:2rem;
        font-size:4rem;
    }
    .branding .strategy p.txt{
        margin:2rem 3rem;
        font-size:1.125rem;
    }
    .branding .motif{
        padding:4.5rem 0;

    }
    .branding .motif .title p{
        width:100%;
    }
    .branding .motif ul li{
        width:100%;
    }

    .branding .color .title{
        margin-bottom:16rem;
        text-align:left;
    }
    .branding .color .title em{
        margin-bottom:.5rem;
        color:#fff;
    }
    .branding .color .title span{
        font-size:.875rem;
        color:#fff;
    }
    .branding .identity .title span{
        width:100%;
    }
    .branding .color .txt .left{
        float:left;
    }
    .branding .color .txt .right{
        float:right;
    }
    .branding .color .txt .left span,
    .branding .color .txt .right span{
        display:block;
    }
    .branding .strategy{
        padding:4.6rem 0;
    }
    .branding .identity{
        padding:5rem 0;
    }
    .branding .identity_02{
        margin-bottom:0;
    }
    .branding .identity_02 em{
        font-size:1rem;
    }
    .branding .identity_02 li{
        width:50%;
        min-height:14rem;
    }
    .branding .identity_02 li div strong{
        font-size:.875rem;
    }
    .branding .identity_02 li div p{
        font-size:.75rem;
    }
    .branding .more .qna_txt strong{
        display:block;
    }
    .branding .qna .wrap-qna { flex-direction: column; align-items: stretch; }
    .branding .qna p{
        font-size:1.125rem;
    }
}

/*# sourceMappingURL=branding.css-500f1cd57058f7442f91090dd1c5a1a8d19580ce95d1b411f691588df214db7a.map */