/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */


@media (min-width:992px){

    /* 메뉴 전체 영역 */
    .navbar-nav{
        position:relative;
        display:flex;
        justify-content:center;
        width:100%;
    }

    /* HOME만 왼쪽 고정 */
    .navbar-nav-home{
        position:absolute;
        left:0;
    }

    /* HOME 제외 메뉴 간격 확대 */
    .navbar-nav > li:not(.navbar-nav-home){
        margin:0 25px;
    }

    /* 메뉴 글자 패딩도 증가 */
    .navbar-nav > li:not(.navbar-nav-home) > .nav-link{
        padding-left:20px !important;
        padding-right:20px !important;
    }
}


@media (min-width:992px){

    .navbar-nav > li:nth-child(4) > .nav-link{
        position:relative;
        color:#fff !important;
        z-index:1;
    }

    .navbar-nav > li:nth-child(4) > .nav-link:before{
        content:'';
        position:absolute;
        left:0;
        right:0;
        top:8px;
        bottom:8px;
        background:#e53935; 
        border-radius:4px;
        z-index:-1;
    }

}

.main-bottom-area{
    margin:50px 0;
}

.main-box{
    border:1px solid #e5e5e5;
    background:#fff;
    padding:25px;
    height:100%;
}


.header-title-search .eyoom-form{
    display:flex;
    align-items:center;
}

.header-title-search .input.input-button{
    width:390px;
    flex:none;
}



.header-title-link{
    display:flex;
    align-items:center;
    gap:10px;
    margin-left:20px;
    white-space:nowrap;
    flex:none;
}

.header-title-link a{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    height:42px;
    padding:0 20px;

    background:#009944;
    border:1px solid #00853a;
    border-radius:6px;

    color:#fff;
    font-size:15px;
    font-weight:700;
    text-decoration:none;

    transition:.2s;
}

.header-title-link a:hover{
    background:#007d31;
    border-color:#006b2a;
    color:#fff;
    transform:translateY(-1px);
    box-shadow:0 4px 12px rgba(0,0,0,.15);
}

.header-title-link span{
    display:none;
}

/* 첫 번째 버튼 : 오픈플랫폼 */
.header-title-link a:first-child{
    background:#0D6EFD;
    border-color:#0B5ED7;
}

.header-title-link a:first-child:hover{
    background:#0B5ED7;
    border-color:#0A58CA;
}

/* 두 번째 버튼 : 입점센터 */
.header-title-link a:last-child{
    background:#5BC0DE;
    border-color:#46B8DA;
}

.header-title-link a:last-child:hover{
    background:#31B0D5;
    border-color:#269ABC;
}