.wrapper{padding-top:12.5rem;}
/* top section */
.topSec{padding:11rem 0 30rem;background:url('/img/services/topbg.png') no-repeat center / cover;}
.topSec h2{font-size:4.6rem;line-height:6.5rem;font-family:'gmarketsans';font-weight:700;color:var(--white);text-shadow: 0px 5px 10px #00000080;}
.topSec2 .secTitle{padding-bottom:3rem;}
/* section common */
.content{padding-bottom:15rem;}
.sec:last-of-type .infoArea{padding-bottom: 0;}
.sec .titleArea{background:var(--white) no-repeat center / cover;padding:4rem 0;cursor: pointer;}
.sec .titleArea h3{position:relative;color:var(--white);font-size:6rem;font-family:'gmarketsans';font-weight:700;text-shadow: 0px 5px 10px #00000080; }
.sec .titleArea h3::after,
.sec .titleArea h3::before{content:"";display: inline-block;position:absolute;border:2rem solid transparent;border-bottom:3.3rem solid var(--white);top:-1.4rem}
.sec .titleArea h3::after{left:0;}
.sec .titleArea h3::before{right:0;}
.sec .titleArea .info{padding-top:3rem;color:var(--white);font-size:2.4rem;line-height:3.5rem;}
.sec .infoArea{padding:10rem 0 15rem;text-align:left;}
.sec .infoArea .box{margin-bottom:10rem;}
.sec .infoArea .box:last-of-type{margin-bottom:0;}
.sec .infoArea h3{font-family:'gmarketsans';font-size:3.5rem;margin-bottom:5rem;}
.sec .infoArea .box p{font-size:2.4rem;line-height:4rem;color:var(--gray1);}
.sec .infoArea ol.list li{margin-bottom:5rem;}
.sec .infoArea ol.list li:last-of-type{margin-bottom:0;}
.sec .infoArea ol.list .title .num{display:inline-block;width:5.5rem;height:5.5rem;border-radius:50%;font-family:'gmarketsans';text-align:center;font-size:3.5rem;padding-top:1.4rem;color:var(--white);margin-right:1.3rem; }
.sec .infoArea ol.list li:nth-of-type(1) .num{background-color:#A7C5F2;}
.sec .infoArea ol.list li:nth-of-type(2) .num{background-color:#DAABD2;}
.sec .infoArea ol.list li:nth-of-type(3) .num{background-color:#FC887B;}
.sec .infoArea ol.list li:nth-of-type(4) .num{background-color:#97DECE;}
.sec .infoArea ol.list .title{font-family:'gmarketsans';font-size:3rem;margin-bottom:1rem;}
.sec .infoArea ol.list p{color:var(--gray1);font-size:2.4rem;line-height:3.5rem;}
.sec .infoArea .imgArea{text-align:center;padding-top:5rem;}
.sec .infoArea .step img{width:32.8rem;}
/* section click */
.sec.action .titleArea .info{display:none;}
.sec.action .infoArea{display:none;}
.sec.action .titleArea h3::after,
.sec.action .titleArea h3::before{transform: rotate(180deg);top:1rem;}
/* section bg */
.sec1 .titleArea{background-image:url('/img/services/search_ad_bg.png');}
.sec2 .titleArea{background-image:url('/img/services/viral_ad_bg.png');}
.sec3 .titleArea{background-image:url('/img/services/mobile_ad_bg.png');}
.sec4 .titleArea{background-image:url('/img/services/cpa_ad_bg.png');}
.sec5 .titleArea{background-image:url('/img/services/web_agency_bg.png');}
.sec6 .titleArea{background-image:url('/img/services/landing_bg.png');}
/* section4 */
.sec4 .chanel{display:flex;flex-wrap:wrap;}
.sec4 .chanel li{width:50%;position:relative;overflow:hidden;}
.sec4 .chanel li img{transition: all .3s ease;}
.sec4 .chanel .text{transition: all .3s ease;text-align:center;display:inline-flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:rgba(0, 0, 0, 0.4);width:80%;height:80%;border-radius:50%;color: var(--white);font-size:4rem;font-weight:900;line-height:5rem;}
.sec4 .chanel li:hover img{transform:scale(1.3);}
.sec4 .chanel li:hover .text{width:100%;height:100%;border-radius:0;}
.sec4 .kindList{display:flex;flex-wrap:wrap;gap:1.5rem;}
.sec4 .kindList li{width:calc(25% - 1.125rem);}
.sec4 .kindList .iconArea{border-radius:2rem;overflow:hidden;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);}
.sec4 .kindList .iconArea img{transition: all .3s ease;}
.sec4 .kindList .txt{font-size:2.4rem;color:var(--gray1);padding-top:1.5rem;}
.sec4 .kindList li:hover .iconArea img{transform:scale(1.3)}
/* section5 */
.sec5 .systemList li{display:flex;justify-content:space-between; margin-bottom:5rem;}
.sec5 .systemList li:last-of-type{margin-bottom:0;}
.sec5 .systemList .iconArea{width:13.4rem;height:13.4rem;overflow:hidden;border-radius:2rem;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);}
.sec5 .systemList .txtArea{width:calc(100% - 16.4rem);}
.sec5 .systemList .txtArea .title{font-family:'gmarketsans';font-size:3rem;margin-bottom:2rem;}
.sec5 .systemList .txtArea .info{color:var(--gray1);font-size:2.4rem;line-height:3.5rem;}
/* section6 */
.sec6 .portfolio{display:flex;flex-wrap:wrap;}
.sec6 .portfolio li{width:50%;}

/* 태블릿 */
@media all and (min-width:720px){
    /* top section */
    .topSec{background-image: url('/img/services/topbg_pc.png');}
    /* section common */
    .sec .titleArea h3{margin:0 auto;max-width:750px; }
    /* section bg */
    .sec1 .titleArea{background-image:url('/img/services/search_ad_bg_pc.png');}
    .sec2 .titleArea{background-image:url('/img/services/viral_ad_bg_pc.png');}
    .sec3 .titleArea{background-image:url('/img/services/mobile_ad_bg_pc.png');}
    .sec4 .titleArea{background-image:url('/img/services/cpa_ad_bg_pc.png');}
    .sec5 .titleArea{background-image:url('/img/services/web_agency_bg_pc.png');}
    .sec6 .titleArea{background-image:url('/img/services/landing_bg_pc.png');}
    /* section4 */
    .sec4 .chanel{flex-wrap:nowrap;}
    .sec4 .chanel li{width:25%;}
    .sec4 .kindList{flex-wrap:nowrap;}
    .sec4 .kindList li{width:calc(12.5% - 1.125rem);}
    /* section5 */
    .sec6 .portfolio li{width:33.3%;}
}
/* pc */
@media all and (min-width:1280px){
    .wrapper{padding-top:94px;}
    .sec .titleArea{padding:50px 0;}
    .sec .titleArea h3{font-size:40px;}
    .sec .titleArea .info{font-size:18px;line-height:28px;}
    .sec .infoArea h3{font-size:30px;}
    .sec .infoArea ol.list .title{font-size:26px;}
    .sec .infoArea ol.list p{font-size:16px;line-height:24px;}
    .sec .infoArea .step img{width:auto;}
}
@media all and (min-width:1800px){}