/* =========================================================
   넥스큐 창업비용
========================================================= */

.nx-cost-section{
    position:relative;

    width:100%; border-radius:10px; margin: 10px 0 10px;

    background:#f8fafc;

    overflow:hidden;

    font-family:"Montserrat", sans-serif;

    box-sizing:border-box;
}

.nx-cost-section *{
    box-sizing:border-box;
}

/* =========================================================
   내부 영역
========================================================= */

.nx-cost-inner{
    width:100%;
    max-width:1600px;

    margin:0 auto;

    padding:40px 20px;
}

/* =========================================================
   타이틀
========================================================= */

.nx-cost-title{
    margin-bottom:70px;

font-size: 48px;
    font-weight: 500;
    line-height:1.4;
    letter-spacing:-1.5px;

    color:#1f2937;

    word-break:keep-all;
}

/* =========================================================
   이미지 영역
========================================================= */

.nx-cost-image-wrap{
    position:relative;

    width:100%;

    border-radius:28px;

    overflow:hidden;

    background:#ffffff;

    box-shadow:
    0 18px 50px rgba(0,0,0,0.06);
}

.nx-cost-image-wrap img{
    display:block;

    width:100%;
    height:auto;

    object-fit:cover;
}

/* =========================================================
   태블릿
========================================================= */

@media (max-width:1024px){

    .nx-cost-inner{
        padding:100px 20px;
    }

    .nx-cost-title{
        margin-bottom:55px;

        font-size:42px;
    }

    .nx-cost-image-wrap{
        border-radius:22px;
    }

}

/* =========================================================
   모바일
========================================================= */

@media (max-width:768px){

    .nx-cost-inner{
        padding:80px 20px;
    }

    .nx-cost-title{
        margin-bottom:40px;

        font-size:30px;
        line-height:1.5;
    }

    .nx-cost-image-wrap{
        border-radius:18px;
    }

}



/* =====================================================
   넥스큐 / 넥스핑 창업비용 타이틀
===================================================== */

.nx-cost-section{
    margin:80px 0;
}

.nx-cost-title{
    position:relative;

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

    min-height:120px;

    border-radius:24px;

    font-size:42px;
    font-weight:500;
    letter-spacing:-0.03em;

    overflow:hidden;
}

/* -----------------------
   넥스큐
----------------------- */

.nx-cost-section:first-of-type .nx-cost-title{

    color:#fff;

    background:
    linear-gradient(
    135deg,
    #0c1e57 0%,
    #17388d 100%);
}

.nx-cost-section:first-of-type .nx-cost-title::before{

    content:"";

    position:absolute;

    width:110px;
    height:110px;

    left:40px;
    top:50%;

    transform:translateY(-50%);

    background:url('./img/icon_billiard.png')
    no-repeat center center;

    background-size:contain;
}

.nx-cost-section:first-of-type .nx-cost-title::after{

    content:"";

    position:absolute;

    right:-40px;
    top:-40px;

    width:180px;
    height:180px;

    border-radius:50%;

    background:
    radial-gradient(
    rgba(255,255,255,.15),
    transparent 70%);
}

/* -----------------------
   넥스핑
----------------------- */

.nx-cost-section:last-of-type .nx-cost-title{

    color:#fff;

    background:
    linear-gradient(
    135deg,
    #0db3a3 0%,
    #007f84 100%);
}

.nx-cost-section:last-of-type .nx-cost-title::before{

    content:"";

    position:absolute;

    width:110px;
    height:110px;

    left:40px;
    top:50%;

    transform:translateY(-50%);

    background:url('./img/icon_pingpong.png')
    no-repeat center center;

    background-size:contain;
}

.nx-cost-section:last-of-type .nx-cost-title::after{

    content:"";

    position:absolute;

    right:-40px;
    top:-40px;

    width:180px;
    height:180px;

    border-radius:50%;

    background:
    radial-gradient(
    rgba(255,255,255,.15),
    transparent 70%);
}

/* -----------------------
   모바일
----------------------- */

@media(max-width:768px){

    .nx-cost-title{

        min-height:90px;

        font-size:28px;

        padding-left:90px;
        padding-right:20px;
    }

    .nx-cost-title::before{

        width:65px !important;
        height:65px !important;

        left:15px !important;
    }

.nx-cost-section {
    margin: 10px 0;
}

.nx-cost-inner {
        padding: 20px 20px;
    }

}

.nx-cost-image-wrap picture,
.nx-cost-image-wrap img{
    display:block;
    width:100%;
    height:auto;
}