/* BASIC css start */
/* 상품 */

.sec001{max-width: 1340px; width:100%; margin:0 auto 120px;position:relative;padding: 0 45px; box-sizing: border-box;}
.sec001 h3{color: #1B1B1B;letter-spacing: -0.02em;font-weight: 600;font-size: 27px;line-height: 27px;margin:70px 0 35px 12px; }

.sec001 .normal_item:nth-child(4n){margin-right:20px !important;}
.sec001 .swiper-button-next,.sec001 .swiper-button-prev{width:80px;height:78px;}
.sec001 .swiper-button-next::after,.sec001 .swiper-button-prev::after{display:none;}
.sec001 .swiper-button-next{background:url(/design/jstyle07/wib/img_pc/main/pnext.svg) no-repeat;background-position:center;right:-92px; transform: translateY(-50%);}
.sec001 .swiper-button-prev{background:url(/design/jstyle07/wib/img_pc/main/pprev.svg) no-repeat;background-position:center;left:-92px; transform: translateY(-50%);}

.sec001 .list{font-size:0; display: flex; flex-wrap: wrap;}
.sec001 .list>div{width:calc(25% - 15px);margin-right:15px;} 
.sec001 .list>div:nth-child(4n){margin-right:0 !important;}

#overlay_layer{display: none !important;}

/* 공통 상품 기본폼 */
.normal_prod_wrap{font-size:0;letter-spacing:0}
.normal_item .prod_thumb{margin-bottom:20px;position:relative}
.normal_item .prod_thumb .thumb_img{width:100%}
.normal_item .prod_thumb .thumb_ov{background:rgba(255,255,255,.75);position:absolute;width:100%;bottom:0;left:0;text-align:center;opacity:0;visibility:hidden;transition:all .35s;-webkit-transition:all .35s;-ms-transition:all .35s}
.normal_item:hover .prod_thumb .thumb_ov{opacity:1;visibility:visible}
.normal_item .prod_thumb .thumb_ov > *{height:12px;display:inline-block;vertical-align:top;padding:0 17px;margin:15px 0}
.normal_item .prod_thumb .thumb_ov a:last-child{border-right:none}
.normal_item .prod_thumb .thumb_ov a img{margin-top:-2px}
.normal_item .prod_thumb .prod_icon{position:absolute;bottom:0;left:0;display:block}
.normal_item .prod_color span,.normal_item .prod_thumb .prod_icon img{display:inline-block;vertical-align:top;float:left;}
.normal_item .normal_price{font-size:15px;font-weight:600;padding-right:8px;color: #1B1B1B !important;letter-spacing: 0.02em;}
.normal_item .consumer_price strike{color: #9C9C9C;}
.normal_item .consumer_price1 strike{color: #9C9C9C;    padding-right: 8px;}
.normal_item .consumer_price2 {padding-left:5px;}
.normal_item .prod_name,.normal_item .prod_price{margin-bottom:10px;position:relative;}
.normal_item .prod_price .sold_out b{color:red;display: inline-block;margin-left:5px;font-size: 13px;line-height: 13px;margin-top:-2px}
.normal_item .prod_subname{
    width: 320px;
    color:#9C9C9C;
    margin-bottom: 12px;
    word-wrap: break-word;
}
.normal_item .prod_color span{width:20px;height:3px;margin-right:5px;margin-bottom:5px;}
.normal_item .prod_color span.border{border: 1px solid #e2e2e2 !important;;width:20px;height:3px;box-sizing:border-box}
.normal_item .prod_thumb a.link_wrap{vertical-align: top;}

.normal_item{
    width: 31.9%;
    vertical-align: top;
    font-size: 13px;
    margin-bottom: 72px;
}

html .normal_item .prod_thumb .thumb_ov {
    background: rgba(0,0,0,0.7);
}

/* reset code */
#contentWrap{
    width: auto;
}


/* fin.reset code */






        .sec01 .swiper {
            height: 100%;
        }

        .sec01 .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .sec01 .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .styleLogWrap img{
            max-width: 100%;
            width: 100%;
            display: block;
        }

        .posiR{
            position: relative;
        }

        .linkBox a,
        .posiA{
            position: absolute;
        }

        .sec01{display: flex;}

        .styleLogWrap .sec01 > *{width: 50%;}
        
        .sec01 .swiper > img{
            width: 48.33%;
            position: absolute;
            bottom: 12.584%;
            left: 6.458%;
            z-index: 1;
        }

        .sec03 .linkBox a:nth-child(1){
            width: 2.5%;
            top: 38.7827%;
            right: 31.822%;
        }

        .sec03 .linkBox a:nth-child(2){
            width: 2.5%;
            top: 60%;
            right: 18.125%;
        }

        .sec05 .linkBox a:nth-child(1){
            width: 2.5%;
            top: 40.1273%;
            right: 32.416%;
        }

        .sec05 .linkBox a:nth-child(2){
            width: 2.5%;
            top: 46.426%;
            right: 13.989%;
        }

        .sec07 .linkBox a:nth-child(1){
            width: 2.5%;
            top: 38.63%;
            right: 20.75%;
        }

        .sec07 .linkBox a:nth-child(2){
            width: 2.5%;
            top: 49.01%;
            right: 15.3%;
        }

        .sec09 .linkBox a:nth-child(1){
            width: 2.5%;
            top: 39.136%;
            right: 21.51%;
        }

        .sec09 .linkBox a:nth-child(2){
            width: 2.5%;
            top: 47.27%;
            right: 12.239%;
        }

        .sec09 .linkBox a:nth-child(3){
            width: 2.5%;
            top: 59.589%;
            right: 30.104%;
        }

        .sec11 .linkBox a:nth-child(1){
            width: 2.5%;
            top: 42.53%;
            right: 27.1354%;
        }

        .sec11 .linkBox a:nth-child(2){
            width: 2.5%;
            top: 52.65%;
            right: 10.36%;
        }

        .sec13 .linkBox a:nth-child(1){
            width: 2.5%;
            top: 37.367%;
            right: 25.468%;
        }

        .sec13 .linkBox a:nth-child(2){
            width: 2.5%;
            top: 53.432%;
            right: 15.4166%;
        }

        .sec15 .linkBox a:nth-child(1){
            width: 2.5%;
            top: 37.163%;
            right: 38.854%;
        }

        .sec15 .linkBox a:nth-child(2){
            width: 2.5%;
            top: 40.56%;
            right: 25.52%;
        }

        .sec15 .linkBox a:nth-child(3){
            width: 2.5%;
            top: 40%;
            right: 5.3125%;
        }

        .sec15 .linkBox a:nth-child(4){
            width: 2.5%;
            top: 50.567%;
            right: 38.958%;
        }

        .sec17 .linkBox a:nth-child(1){
            width: 2.5%;
            top: 36.3%;
            right: 14.218%;
        }

        .sec17 .linkBox a:nth-child(2){
            width: 2.5%;
            top: 38.57%;
            right: 27.968%;
        }

        .sec17 .linkBox a:nth-child(3){
            width: 2.5%;
            top: 40.97%;
            right: 41.875%;
        }

        .sec17 .linkBox a:nth-child(4){
            width: 2.5%;
            top: 50.24%;
            right: 20%;
        }

        .sec17 .linkBox a:nth-child(5){
            width: 2.5%;
            top: 57.324%;
            right: 36.4%;
        }
/* BASIC css end */

