/* BASIC css start */
.item-wrap{width:auto}
.item-wrap .item-cont{width:100%}

/* 메인 비쥬얼 배너 */
#mainSpot {width:100%; overflow:hidden; margin-top: -20px; }
#mainSpot .inner { width: 1280px;
    float: right;
    overflow: hidden;
 }
#mainSpot .inner .more_view{}

.slick-dots {
    position: absolute;
    bottom: 27px;
    z-index: 10;
    width: 100%;
    left: -42%;
    bottom: 42px;
    height: 0;
    text-align: center;
    font-size: 0;
    line-height: 0;
}
.slick-dots li{    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #555555;
    margin: 0 4px;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;}
.slick-dots li.slick-active {
    background-color: #555555;
    cursor: default;
}
.slick-dots li button{font-size: 0;}
.slick-slide img{float: right;}
.slick-initialized .slick-slide{outline: 0; border: 0;}
#mainSpot .inner .spotSlider li a i{position: absolute; bottom: 105px;
    left: 50%;
    transform: translateX(-50%);}
#mainSpot .inner .spotSlider li a i img:hover{opacity:0.8;}

/* 이미지 배너 */
.imgBanner { margin:150px 50px 0; position:relative; overflow:hidden }
.imgBanner ul { *zoom:1 }
.imgBanner ul:after { display:block; clear:both; content:'' }
.imgBanner ul li { padding-right:51px; float:left; text-align: center;}
.imgBanner ul li a .imabanner_tit{font-size: 38px;
    color: #4a4a4a;
    font-family: futura-pt, 'Noto Sans KR', sans-serif;
    margin: 30px 0 15px;
    font-weight: 300;}
.imgBanner ul li a .imabanner_con{font-size: 17px;
    color: #808080;
    font-family: futura-pt, 'Noto Sans KR', sans-serif;
    font-weight: 300;
    line-height: 26px;}
    
.longbanner{margin: 140px 0;}

/*브랜드 스토리*/
.brandStory{margin: 0 50px 0; display: flex; padding-bottom: 150px;}
.brandStory img{float: left;}
.brandStory figcaption{padding: 120px 0 0 100px; float: left;}
.brandStory figcaption h3{font-size: 60px;
    color: #666666;
    font-family: futura-pt,'Source Sans Pro', sans-serif;
    font-weight: 300;}
.brandStory figcaption .line{width: 26px;
    height: 3px;
    background: #666666;
    margin: 80px 0;}
.brandStory figcaption span{    font-size: 18px;
    color: #8e8e8e;
    line-height: 32px; font-family: 'Source Sans Pro', futura-pt ,sans-serif;}

/* 상품 목록 영역 */
.product-wrap { margin:0 auto; position:relative; padding: 0 50px; }
.item-wrap .item-cont .item-list:nth-of-type(4n){padding-right: 0;}
.prd-icon_wrap{border: 1px solid #ededee;    height: 40px;
    line-height: 40px;
    padding-left: 7px;}
.prd-icon_wrap .prd-ico{float: left;}
.prd-icon_wrap .prd-preview{float: right; border-left: 1px solid #ededee; padding: 0 11px !important;}
.item-wrap .item-cont .item-list .prd-info{padding: 15px 7px 70px; text-align: left;}
.item-wrap .item-cont .item-list .prd-info .prd-name{padding-bottom: 5px;}
.item-wrap .item-cont .item-list .prd-info .prd-name a{    color: #848484;
    font-size: 14px;
    font-family: futura-pt,'Source Sans Pro', sans-serif;}
.item-wrap .item-cont .item-list .prd-info .prd-price{font-family: 'Source Sans Pro', sans-serif;}
.item-wrap .item-cont .item-list .prd-info .prd-price strike{color: #a1a1a1;
        font-size: 17px;
    font-weight: 600;}
.item-wrap .item-cont .item-list .prd-info .prd-price .won{display: inline-block;
    font-size: 15px;
    font-weight: normal;}
.item-wrap .item-cont .item-list .prd-info .prd-price .price{color: #3c3c3c;
    font-size: 17px;
    font-weight: 600; margin-left:3px;}
    
/* 서브배너 */
.sub{padding: 0 50px 70px;}
.sub .left{float: left; width: 600px; margin-right:52px}
.sub .left .slick-dots{left: 40% !important; bottom: 29px;}
.sub .left .slick-dots li{background-color:#fff !important; border:0 !important;width: 12px; height: 12px;}
.sub .left .slick-dots li.slick-active{background-color:#373737 !important;}
.sub .center{float: left; width: 510px; margin-right: 51px;}
.sub .item-wrap .item-cont .item-list{padding-right: 0; float: unset; width: 510px; margin-bottom: 20px;}
.sub .item-wrap .item-cont .item-list:nth-of-type(3){margin-bottom: 0;}
.sub .item-wrap .item-cont .item-list .thumb{width: 200px;
    height: 200px;
    float: left;}
.sub .right{float: left; width: 510px;}
.sub .item-wrap .item-cont .item-list .prd-ico{float: left;}
.sub .item-wrap .item-cont .item-list .prd-preview{float: right; padding: 0px 0 5px;}
.hapBox{border-bottom: 1px solid #ededee; padding-top: 30px;}
.sub .item-wrap .item-cont .item-list .prd-info{padding: 0 20px 0; height: 200px;}
.sub .item-wrap .item-cont .item-list .prd-info .prd-name{padding: 18px 0;}
.sub .item-wrap .item-cont .item-list .prd-info .prd-price strike{display: block;}
.sub .item-wrap .item-cont .item-list .prd-info .prd-price .price{ margin-left: 0;}

/* 인스타 */
.insta_area{padding: 0 50px 25px;}
.insta_area .cateTit{    float: left;
    padding-top: 0;     
    text-align: left;}
.insta_area .cateTit h2{    font-size: 30px;
    color: #666;
    font-family: futura-pt, 'Noto Sans KR', sans-serif;
    font-weight: 600;}
.insta_area .cateTit h2 img{margin-right: 22px;}
.insta_area .cateTit p{font-size: 14px;
    color: #666666;
    font-family: futura-pt, 'Noto Sans KR', sans-serif;
    margin-bottom: 18px;}
.insta_rlar{float:right}



#mainSpot .inner {width:100%!important; float:none!important;}
#mainSpot .slick-slide img {width:100%!important;}
.imgBanner ul li {    padding-right: 5px; width: 33%!important;}

#contentWrapper .product-wrap .item-wrap .item-cont .item-list {
    padding-right: 20px!important;
    width: 23.25%!important;
}

.sub .center {margin-right:0!important;}
#f2s.item-wrap { width:1760px!important; max-width: none!important;}
.sub .item-wrap .item-cont .item-list .prd-info {width:117px!important;}
.sub .item-wrap .item-cont .item-list { width:510px!important;}
.sub .item-wrap .item-cont {width:1122px!important;}
/* BASIC css end */