header {
    background:rgba(255,255,255,0);
    border-bottom:none;
}
#container {
    padding: 0 0;
}
section.product-main {
    min-height:100rem;
}

/* visual */
.product-visual {
    position:relative;
    height:98.5rem;
}
.product-visual .bg-img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
}
.product-visual .bg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-visual .bg-img img.for-mobile {
    display:none;
}
.product-visual .slg {
    position:absolute;
    top:50%;
    left:50%;
    width:100%;
    transform:translate(-50%,-50%);
    z-index:3;
    padding:0 5rem;
}
.product-visual .slg span {
    display:block;
    text-align:center;
    font-size:8rem;
    color:#fff;
    font-weight:600;
    /* text-shadow: 0 0 2.9rem rgba(0,0,0,0.8); */
}
.product-visual .slg span em {
    font-style:normal;
}
.product-visual .slg p {
    margin-top:5rem;
    text-align:center;
    font-size:2.6rem;
    color:#fff;
    font-weight:500;
    line-height:1.6;
}
.product-visual .slg p + p {
    margin-top:1rem;
}
.product-visual .slg p em {
    font-style:normal;
}

@media (max-width:1220px){
    .product-visual .slg span {
        font-size:7rem;
    }
    .product-visual .slg p {
        margin-top:5rem;
        font-size:2.2rem;
    }
}
@media (max-width:991px){
    .product-visual {
        height:70.5rem;
    }
    /* .product-visual .bg-img img {
        height:84.5rem;
    }     */
    .product-visual .slg span {
        padding-top:5rem;
        font-size:6rem;
        line-height:1.4;
    }
    .product-visual .slg span em {
        display:block;
    }
    .product-visual .slg p {
        margin-top:4rem;
        font-size:2rem;
    }
}
@media (max-width:580px){
    .product-visual {
        height:42.5rem;
    }
    /* .product-visual .bg-img {
        position: relative;
        top:inherit;
        left:inherit;
        width: 100%;
        height: 100%;
        transform:inherit;
        z-index: 2;
        text-align: center;
    }
    .product-visual .bg-img img {
        height:75.5rem;
    } */
    .product-visual .bg-img img.for-pc {
        display:none;
    }
    .product-visual .bg-img img.for-mobile {
        display:block;
    }
    .product-visual .slg span {
        font-size:4rem;
    }
    .product-visual .slg p {
        margin-top:3rem;
        font-size:1.8rem;
    }
    .product-visual .slg .slg2 {display:none;}
    .product-visual .slg p em {
        display:block;
    }
}
@media (max-width:450px){
    .product-visual {
        height:34.5rem;
    }        
    .product-visual .slg span {
        font-size:3rem;
    }
    .product-visual .slg p {
        margin-top:2rem;
        font-size:1.6rem;
    }
}




/* CATEGORY */
.product-category {
    padding:0 3.125%;
    padding-top:10rem;
}
.product-category ul {
    display:flex;
    align-items:center;
    gap:2rem;
}
.product-category ul li {
    display:flex;
    align-items:center;
}
.product-category ul li::after {
    display:inline-block;
    content:"";
    width:0.5rem;
    height:0.5rem;
    background:#ccc;
    border-radius:100vh;
    margin-left:2rem;
}
.product-category ul li:last-child::after {
    display:none;
}
.product-category ul li a {
    font-size:1.6rem;
    color:#000;
    font-weight:600;
}
.product-category ul li.active a {
    color:var(--red);
}

@media (max-width:620px){
    .product-category ul {
        gap:1rem;
    }
    .product-category ul li::after {
        margin-left:1rem;
    }
    .product-category ul li a {
        font-size:1.6rem;
    }
}
@media (max-width:540px){
    .product-category ul li a {
        font-size:1.4rem;
    }
}
@media (max-width:470px){
    .product-category ul {
        flex-wrap:wrap;
        justify-content:center;
        row-gap:2rem;
    }
}
@media (max-width:450px){
    .product-category {
        padding:0 5%;
        padding-top:6rem;
    }
}


/* PRD */
.product-prd {
    margin-top:4rem;
    padding:0 3.125%;
}
.product-prd ul {
    
}
.product-prd ul li {
    
}
.product-prd ul li .thumb {
    
}
.product-prd ul li .thumb img {
    width:100%;
}
.product-prd ul li .info {
    margin-top:3rem;
}
.product-prd ul li .info p.stx {
    font-size:1.6rem;
    color:#000;
    font-weight:600;
}
.product-prd ul li .info p.name {
    margin-top:1rem;
    font-size:4.4rem;
    color:#000;
    font-weight:600;
}
.product-prd ul li .info p.his {
    margin-top:2rem;
    font-size:2rem;
    color:#757575;
    line-height:1.6;
    word-break: keep-all;
    word-wrap: break-word;
}
.product-prd ul li .info p.now {
    margin-top:2rem;
}

@media (max-width:800px){
    .product-prd ul li .info p.stx {
        font-size:1.4rem;
    }
    .product-prd ul li .info p.name {
        font-size:3.4rem;
    }
    .product-prd ul li .info p.his {
        font-size:1.6rem;
    }
}
@media (max-width:450px){
    .product-prd {
        padding:0 5%;
    }
}


/* 보기 */
.prd-view {
    margin-top:4rem;
    padding:0 3.125%;
}

@media (max-width:450px){
    .prd-view {
        padding:0 5%;
    }
}


/* grid masonry */
.grid {
    margin:0 auto;
}

/* reveal grid after images loaded */
.grid.are-images-unloaded {
    opacity: 0;
}

.grid__item,
.grid__col-sizer {
    width: 47%;
}

.grid__gutter-sizer { width: 6%; } 

/* hide by default */
.grid.are-images-unloaded .image-grid__item {
    opacity: 0;
}

.grid__item {
    margin-bottom: 6%;
    float: left;
}              

@media (max-width: 520px) {
    .grid__item,
    .grid__col-sizer {
        width: 100% !important;
    }
    .grid__item {
        margin-bottom: 8% !important;
    }            
    .grid__gutter-sizer { width: 0% !important; }     
}