em {
    font-style: normal;
}

.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-marketing,
.branding {
    font-family: Montserrat;
} */
.page-marketing ul::after{
    content:'';
    display:block;
    clear:both;
    height:0;
}
.page-marketing * {
    box-sizing: border-box;
}
/* .page-marketing .tablet,
.page-marketing .mobile{
    text-align: center;
} */
.page-marketing .tab-area >p {
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 2.28;
    text-align: center;
    color: #10a3ad;
    margin-bottom: 0.5rem;
    margin-top: 3rem;
}
/* 탭 공통 */
.page-marketing .tab-title {
    margin-bottom: 6.5rem;
    text-align: center;
    font-family: montserrat;
    font-size:3rem;
    color: #ccc;
}
.page-marketing .tab-title li {
    display: inline-block;
    margin-left: 2.5rem;
    font-size: 3rem;
    cursor: pointer;
}
.page-marketing .tab-title li:first-child {
    margin-left: 0;
}
.page-marketing .tab-title li.active {
    text-decoration: underline;
    font-weight: bold;
    font-size: 3rem;
    color: #333;
    font-family: Montserrat;

}
.page-marketing .tab-contents {
    display: none;
}
.page-marketing .tab-contents.active {
    position: relative;
    display: block;
}
.lSSlideOuter .lSPager.lSpg > li a{
    background-color: rgba(255,255,255,.7);
}
.page-marketing .visual{
    background-image: url('/img/our_service/marketing/bg_marketing_top_bg.png');
    padding: 4.5rem 0 4.5rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    color: #fff;
}
.page-marketing .visual h1{
    font-size: 3rem;
    line-height: 1.25;
    letter-spacing: -0.09rem;
    font-weight: normal;
    color: #333;
}
.page-marketing .visual span {
    display: block;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 2;
    letter-spacing: -0.06rem;
    margin-top: 0.625rem;
    color: #757575;
}
/* 타이틀 공통 */
.page-marketing .title {
    margin-bottom: 3.9rem;
    font-size: 2.5rem;
    color:#333;
}
.page-marketing .title em {
    display: block;
    font-size:0.8rem;
    font-weight: 700;
    color: #10a3ad
}
.page-marketing .title p {
    margin-top: 1rem;
    font-size: 1rem;
}
.page-marketing .title p strong {
    margin-top: 1rem;
}


.lSSlideOuter .lSPager.lSpg{
    margin-top:1rem !important;
}

/* 마케팅 */
.marketing .title-setting em,
.marketing .title-soultion em,
.marketing .title-another em,
.marketing .title-tool em{
    font-family: Montsrrat;;
    font-size: 0.875rem;
    font-weight: bold;
    color: #10a3ad;
}
.marketing .setting,
.marketing .another{
    padding:6.8rem 0 11rem;
    background:#262b36;
}
.marketing .title-setting h1{
    font-size: 3rem;
    letter-spacing: -0.067rem;
    font-weight: normal;
    color: #fff;
    margin-bottom: 3.75rem;
}
.marketing .title-setting .eng{
    font-family: Montserrat;
    font-size: 3rem;
    letter-spacing: -0.067rem;
    font-weight: normal;
    color: #fff;
}
.marketing .setting .setting_list >li{
    float:left;
    width:24%;
    margin-bottom:2.5rem;
    color:#fff;
}
.marketing .setting .setting_list >li{
    margin-right:0.7rem;
}
.marketing .setting .setting_list >li>em{
    display:block;
    margin-bottom:1rem;
    padding-bottom:1.5em;
    font-weight:700;
    background-image:url('/img/our_service/marketing/img_arrow_start.png');
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: contain;
    color:#10a3ad;
}
.marketing .setting .setting_list >li:last-of-type>em{
    display:block;
    margin-bottom:1rem;
    padding-bottom:1.5em;
    font-weight:700;
    background-image:url('/img/our_service/marketing/img_arrow_end.png');
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: contain;
    color:#10a3ad;
}
.marketing .setting .setting_list >li>strong{
    font-size:1.5rem;
}
.marketing .setting .setting_list >li ul{
    margin-top:1rem;
    line-height:2rem;
    color:rgba(255,255,255,.7)
}
.marketing .solution{
    padding:6.8rem 0 6.8rem;
    background-color: #f8f8f8;
}
.marketing .title-soultion h1{
    font-size: 3rem;
    letter-spacing: -0.067rem;
    font-weight: normal;
    color: #333;
    margin-bottom: 0.625rem;
}
.marketing .title-soultion p{
    font-size: 1.125rem;
    line-height: 1.67;
    letter-spacing: -0.045rem;
    color: #757575;
    margin-bottom: 3.75rem;
}
.marketing .title-soultion img,
.marketing .title-another img{
    width: 100%;
    display: block;
}
.marketing .solution .text-font {
    display:flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 80%;
    margin: 3.75rem 8rem;
}
.marketing .solution .text-font .left ,
.marketing .solution .text-font .right,
.marketing .solution .text-font .center{
    display: inline-block;


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

}
.marketing .solution .btn-font-more img{
    width: 40%;
    margin: 5rem auto 0;
}
.marketing .title-another h1{
    font-size: 3rem;
    letter-spacing: -0.067rem;
    font-weight: normal;
    color: #fff;
    margin-bottom: 0.625rem;
}
.marketing .title-another p{
    font-size: 1.125rem;
    line-height: 1.67;
    letter-spacing: -0.045rem;
    color: #fff;
    margin-bottom: 3.75rem;
}
.marketing .tool{
    padding:5rem 0;
}
.marketing .title-tool h1 {
    font-size: 3rem;
    letter-spacing: -0.067rem;
    font-weight: normal;
    color: #333;
    margin-bottom: 3rem;
}
.marketing.tool ul{
    margin-left:-1rem;
}
.marketing.tool ul li{
    float:left;
    width:25%;
    margin-bottom:1rem;
}
.marketing.tool ul li div{
    padding:1.75rem;
    height: 281px;
    margin-left:0.5rem;
    /* border:2px solid #c1c1c1; */
    background-repeat:no-repeat;
    background-position:100% 100%;
    background-size:contain;
    font-weight: bold;
    font-size:1.5rem;
    color:#999;
}
.marketing.tool ul li:hover div{
    /* border:2px solid #979797; */
    background-color:#f2f2f2;
    color:#333;
    cursor: pointer;
}
.marketing.tool ul li:nth-child(1) div{background-image:url('/img/our_service/marketing/img_tool_make_off.png')}
.marketing.tool ul li:nth-child(1):hover div{background-image:url('/img/our_service/marketing/img_tool_make_on.png')}
.marketing.tool ul li:nth-child(2) div{background-image:url('/img/our_service/marketing/img_tool_keyword_off.png')}
.marketing.tool ul li:nth-child(2):hover div{background-image:url('/img/our_service/marketing/img_tool_keyword_on.png')}
.marketing.tool ul li:nth-child(3) div{background-image:url('/img/our_service/marketing/img_tool_blog_off.png')}
.marketing.tool ul li:nth-child(3):hover div{background-image:url('/img/our_service/marketing/img_tool_blog_on.png')}
.marketing.tool ul li:nth-child(4) div{background-image:url('/img/our_service/marketing/img_tool_press_off.png')}
.marketing.tool ul li:nth-child(4):hover div{background-image:url('/img/our_service/marketing/img_tool_press_on.png')}
.marketing.tool ul li:nth-child(5) div{background-image:url('/img/our_service/marketing/img_tool_landing_off.png')}
.marketing.tool ul li:nth-child(5):hover div{background-image:url('/img/our_service/marketing/img_tool_landing_on.png')}
.marketing.tool ul li:nth-child(6) div{background-image:url('/img/our_service/marketing/img_tool_sns_off.png')}
.marketing.tool ul li:nth-child(6):hover div{background-image:url('/img/our_service/marketing/img_tool_sns_on.png')}
.marketing.tool ul li:nth-child(7) div{background-image:url('/img/our_service/marketing/img_tool_youtube_off.png')}
.marketing.tool ul li:nth-child(7):hover div{background-image:url('/img/our_service/marketing/img_tool_youtube_on.png')}
.marketing.tool ul li:nth-child(8) div{background-image:url('/img/our_service/marketing/img_tool_online_off.png')}
.marketing.tool ul li:nth-child(8):hover div{background-image:url('/img/our_service/marketing/img_tool_online_on.png')}

.marketing .process{
    background-image: linear-gradient(to left, #10a3ad, #107ead 100%);
    padding: 6.25rem 0 5rem;
}
.marketing .process .title-process > em{
    text-align: center;
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
    margin: 1rem auto;
    display: block;
}
.marketing .process .title-process h1{
    font-size:3rem;
    line-height: 1.25;
    letter-spacing: -0.12rem;
    text-align: center;
    color: #fff;
    display: block;
    font-weight: normal;
    margin-bottom: 4rem;
}
.marketing .process .process_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.marketing .process .process_list >li{
    width:24%;
    margin-bottom:2.5rem;
    color:#fff;
}
.marketing .process .process_list >li>em{
    display:block;
    padding-bottom: 1.5rem;
    font-size:1.125rem;
    font-weight:700;
    background-image:url('/img/our_service/marketing/img_arrow_white_start.png');
    background-repeat: no-repeat;
    background-position:0 100%;
    background-size:contain;
    font-family: 'Montserrat';
}
.marketing .process .process_list >li:last-of-type>em{
    display:block;
    padding-bottom:1.125em;
    font-weight:700;
    background-image:url('/img/our_service/marketing/img_arrow_white_end.png');
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: contain;
}
.marketing .process .process_list >li>strong{
    display:block;
    padding: 1rem 0;
    font-size:1.5rem;
}
.marketing .process .process_list >li>ul{
    line-height:2rem;
}
.marketing .process .process_list >li>ul>li{
    font-size: 1.125rem;
    padding: 0 2rem 1rem 0;
    line-height: 1.3;
    letter-spacing: -0.022;
    color: #eee;
}



.marketing .online{
    padding:5rem 0 0;
}

.marketing .title-online{
text-align:center;

}

.marketing .title-online em{
color:#00C2CF;
font-weight:bold;
}

.marketing .title-online h1 {
    font-size: 3rem;
    letter-spacing: -0.067rem;
    font-weight: normal;
    color: #333;
    margin-bottom: 3rem;
	
}
	.marketing .title-online .online-cont{
display:flex;font-size:0;

}
.online .content-wrapper{
max-width:none;
padding:0;
}

.marketing .title-online hr{
width:100%;
padding:0;margin:0;
height:1px;
background-color:#767676;
border:0;margin:50px 0 0;
}



/* .marketing .manage{
    padding:4rem 0 6.25rem 0
}
.marketing .manage p{
    margin:2.5rem 0;
    padding:2.5rem 0;
    text-align:center;
    font-size:1.5rem;
    background:#f8f8f8;
}
.marketing .process{
    padding: 8rem 0 9rem 0;
    background: linear-gradient(to left, #10a3ad, #107cad 100%);
} */

/* .marketing ul::after{
    content:'';
    display: block;
    clear:both;
    height:0;
} */



.marketing .go_portfolio .desktop{
    display:flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.marketing .go_portfolio .text-portfolio p{
    font-size: 1.125rem;
    line-height: 2.89;
    color: #333;
    display:inline-block;
    margin: 0 2rem;
}
.marketing .go_portfolio .text-portfolio a{
    font-size: 0.875rem;
    font-weight: bold;
    text-decoration: underline;
    line-height: 3.71;
    color: #757575;
    display:inline-block
}
.marketing .go_portfolio .btn_qna {
    min-width: 17.5rem;
    padding: 1rem 0;
    background-color: #10a3ad;
    color: #fff;
    display: inline-block;
    float: right;
    text-align: center;
}

/* 레이어팝업 소스*/
.layer-popup{ display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; }
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 10;
}
.popup-keyword {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    margin: auto;
    overflow-x: scroll;
    border-radius: 5px;
    box-shadow: 0 0 10px -4px;
    text-align: center;
    z-index: 20;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.popup-keyword::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
.popup-keyword img { width: 60.625rem; }
.close-sidebar{
    font-size: 1.5rem;
    font-weight: bold;
    position:absolute;
    top: 10%;
    right: 30%;
    cursor: pointer;
}
/* -end 레이어팝업 소스*/


/*  Smartphones in portrait mode  */
@media only screen and (max-width: 600px) {
    .content-wrapper{
        padding:0 1rem;
    }
    .page-marketing .tab-area >p {
        font-size: 0.875rem;
        font-weight: bold;
        line-height: 2.28;
        text-align: center;
        color: #10a3ad;
        margin-bottom: -1.4rem;
        margin-top:6.25rem;
    }
    .page-brand .tab-title{
        margin-bottom:2rem;
    }
    .page-marketing .tab-title {
        margin-bottom: 1.875rem;
    }
    .page-marketing .tab-title li{
        margin-left: 0;
        font-size:1.125rem;
    }
    .page-marketing .tab-title li.active {
        text-decoration: underline;
        font-weight: bold;
        font-size: 1.125rem;
        color: #000;
        font-family: Montserrat;
    /* .page-marketing .mobile img{
        width:100%;*/
    }

    .marketing .visual{
        background-image: url('/img/our_service/marketing/m_marketing_top_bg.png');
        padding: 2.5rem 0 13.062rem 0;
    }
    .page-marketing .visual h1{
        font-size: 1.75rem;
        line-height: 1.36;
        letter-spacing: -0.052rem;
    }
    .page-marketing .visual span {
        display: block;
        font-size: 1rem;
        line-height: 3;
        letter-spacing: -0.04rem;
        margin-top: 0.625rem;
    }
    .marketing .title-setting h1 {
        font-size: 1.75rem;
        line-height:1.14;
        letter-spacing: normal;
        margin-bottom: 3.75rem;
        margin-top: 0.625rem;
    }
    .marketing .title-setting .eng {
        font-size: 1.75rem;
        line-height: 1.14;
        letter-spacing: normal;
    }
    .marketing.setting .tool-overflow {
        overflow-x: scroll;
        width:100%;
    }
    .marketing.setting .tool-overflow img{
        width: 1186px;
        margin-bottom: 2rem;
    }
    .marketing.setting .tool-overflow .overflow-cover{
        width: 5.5rem;
        height: 95%;
        background-image: linear-gradient(to left, #262b36, rgba(38, 43, 54, 0));
        z-index: 100;
        position:absolute;
        right:0px;
        top:0px
    }
    .marketing.setting .slide-text,
    .marketing.process .slide-text{
        font-size: 0.875rem;
        line-height: 1.43;
        text-align: center;
        color:#fff;
        opacity: 70%;
        margin-top: 0.437rem;
    }
    .marketing .title-soultion h1 {
        font-size: 1.75rem;
        line-height: 1.14;
        letter-spacing: normal;
        margin: 0.625rem 0 1.25rem;
    }
    .marketing .title-soultion p {
        font-size: 0.875rem;
        line-height: 1.57;
        letter-spacing: -0.035rem;
        margin-bottom: 3.75rem;
    }
    .marketing .solution .text-font {
        width: 100%;
        margin: 3.75rem 0;
    }
    .marketing .solution .text-font .center {
        font-size: 1.25rem;
        letter-spacing: -0.05rem;
        text-align: center;
        color: #333;
        padding-top: 1rem;
    }
    .marketing .solution .text-font .left img,
    .marketing .solution .text-font .right img {
        width: 62%;
        margin: 0;
    }
    .marketing .solution .btn-font-more img {
        width: 100%;
        margin: 0rem auto 0;
    }
    .marketing .title-tool h1 {
        font-size: 1.75rem;
        line-height: 1.36;
        letter-spacing: normal;
        margin-bottom: 3rem;
        margin-top: 1rem;
    }
    .marketing .process .process_list >li>div{
        text-align: left;
    }
    .marketing .process .process_list >li>div>p{
        padding-right:0;
    }
    .marketing.tool ul {
        margin-left: 0rem;
    }
    .marketing.tool ul li div {
        padding: 0.937rem;
        height: 150px;
        margin-left: 0.5rem;
        font-size: 1.25rem;
        line-height: 1.35;
    }
    .marketing .process .title-process h1 {
        font-size: 1.75rem;
        line-height: 1.29;
        letter-spacing: -0.07rem;
    }
    .marketing.process .process-overflow img {
        width: 1370px;
        margin-bottom: 2rem;
    }
    .marketing .title-soultion img, .marketing .title-another img {
        width: 50%;
        margin: 0 auto;
    }
    .marketing.process .process-overflow{
        overflow-x: scroll;
        width:100%;
    }


	.marketing .title-online .online-cont{
display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;

}

.marketing .title-online .online-cont a{
width:calc(100%/2);
}
.marketing .title-online .online-cont a img{
width:100%;
}
.marketing .title-online hr{
width:100%;
padding:0;margin:0;
height:1px;
background-color:#767676;
border:0;margin:50px 0 0;
}


    /* 슬라이드바소스 */
    /* width */
    ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 1.875rem;
        height: 0.25rem;
    }

    /* Track */
    ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px white;
        border-radius: 10px;
        height: 0.25rem;
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #ffffff;
        border-radius: 10px;
        height: 3px;
    }

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #fff;
        height: 3px;
        opacity:50%;
    }
    /* -end- 슬라이드바소스 */
    .marketing .go_portfolio {
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        flex-direction: column;
    }
    .marketing .go_portfolio .btn_qna {
        width: 50%;
        padding: 1rem 0;
        min-width: 180px;
        font-size: 0.875rem;
    }
    .marketing .go_portfolio .btn_portfolio {
        min-width: 50%;
        padding: 1rem 0;
        background-color: #fff;
        color: #10a3ad;
        display: inline-block;
        text-align: center;
        font-size: 0.875rem;
    }
    .marketing .go_portfolio .desktop{
        display:none;
    }
    /* 레이어팝업소스 */
    .close-sidebar{
        top: 5%;
        right: 10%;
    }
    /* -end- 레이어팝업소스 */
    .popup-keyword img {
        width: 100%;
    }





    .page-marketing .title{
        font-size:1.5rem;
    }
    .go_portfolio .tablet{
        z-index:100;
        position: fixed;
        bottom:0;
        left:0;
        right:0;
    }
    .go_portfolio .tablet>div,
    .go_portfolio .mobile>div{
        width:50%;
        background:#fff;
        border-top:1px solid #eaeaea;
    }
    .go_portfolio a{
        text-decoration: none;
    }
    .go_portfolio .btn_qna{
        width:50%;
        min-width:auto;
    }

    /* .marketing .process{
        padding:2.5rem 0;
    } */
    .marketing .process .title,
    .marketing .process .title em{
        text-align: left;
    }

    .marketing .setting{
        padding:5rem 0;
    }
    .marketing .tool ul li{
        width:50%;
    }
    .marketing .manage p{
        font-size:1.125rem;
    }
    .marketing .process .process_list >li>div{
        text-align: left;
    }
    .marketing .process .process_list >li>div>p{
        padding-right:0;
    }
    .marketing .tool ul li div{
        width:9.6rem;
        height:9.6rem;
    }
    .marketing.process .process-overflow {
        overflow-x: scroll;
        width:100%;
    }
}

/*# sourceMappingURL=marketing.css-23c98fed6139cf99afa8be27a2ab81c9eadb267ce6bf46c8f03a7b6646168b8a.map */