@charset "utf-8";

/* =========================================================
   서브페이지 공통 비주얼
========================================================= */

.barun-sub-visual,
.barun-sub-visual * {
    box-sizing: border-box;
}

.barun-sub-visual {
    position: relative;
    width: 100%;
    height: 396px;
    overflow: hidden;
    background: #3a1e0e;
}

.barun-sub-visual__background {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(
            rgba(0, 0, 0, 0.02),
            rgba(0, 0, 0, 0.02)
        ),
        url("/images/0508_9999.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.barun-sub-visual__inner {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 1600px;
    height: 100%;
    margin: 0 auto;
    padding: 120px 30px 20px;
}

.barun-sub-visual__inner img {
    display: block;
    max-width: 100%;
    height: auto;
}

@media screen and (max-width: 1200px) {

    .barun-sub-visual {
        height: 330px;
    }

    .barun-sub-visual__inner {
        padding-top: 90px;
    }

    .barun-sub-visual__inner img {
        max-width: 520px;
    }
}

@media screen and (max-width: 767px) {

    .barun-sub-visual {
        height: 260px;
    }

    .barun-sub-visual__background {
        background-position: center center;
    }

    .barun-sub-visual__inner {
        padding: 75px 25px 10px;
    }

    .barun-sub-visual__inner img {
        width: 88%;
        max-width: 430px;
    }
}

/* =========================================
   서브 비주얼 - 모바일
========================================= */
@media (max-width: 767px){

    .barun-sub-visual{
        width:100%;
        height:auto !important;
        min-height:0 !important;
        padding:0 !important;
        margin:0 !important;
        background:none !important;
    }

    .barun-sub-visual__background{
        display:none !important;
    }

    .barun-sub-visual__inner{
        width:100% !important;
        max-width:none !important;
        height:auto !important;
        padding:0 !important;
        margin:0 !important;
    }

    .barun-sub-visual__inner picture{
        display:block;
        width:100%;
    }

    .barun-sub-visual__inner img{
        display:block;
        width:100% !important;
        max-width:none !important;
        height:auto !important;
        margin:0 !important;
    }
}