/* BASIC css start */
/* 롤링배너 */
#mainVisual { visibility: hidden; position:relative; overflow:hidden;  }
#mainVisual img {width:100%;}
#mainVisual .bx-pager{position:absolute;bottom:10px;left:0;right:0;z-index:60;text-align:center;}
#mainVisual .bx-pager-item{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;display:inline-block;position:relative;}
#mainVisual .bx-pager-link{display:inline-block;width:18px;height:3px;font-size:0;margin:2px;background-color: rgba(0,0,0,0.4)}
#mainVisual .bx-pager-link.active{width: 30px; background-color: rgba(0,0,0,0.8);}

/* 카테고리 */
.cate .list_category {overflow:hidden;border-top: 1px solid #a7a7a7;}
.cate .list_category li {float:left;width:33.3%;border-bottom: 1px solid #ddd;box-sizing:border-box;-moz-box-sizing:border-box;}
.cate .list_category li a {display:block;height: 34px;line-height: 34px;color:#777;text-align:center;text-overflow: clip;white-space: nowrap;overflow: hidden;font-size: 11px;}

.main .ban_lookbook {
    position: relative;
}
.main .ban_lookbook img {
    width: 100%;
}
.main .ban_lookbook .text {
    position: absolute; top: 17%; left: 20px;
    font-size: 30px; font-size: 8vw; line-height: 1; color: #000; font-weight: 700;
    margin: 0 0 4px;
}
.main .ban_lookbook .text span {
    display: block;
    font-size: 8px; line-height: 1.2; color: #000; font-weight: 400;
}
.main .area_latestbbs {
    padding: 20px;
}
.main .area_latestbbs h2 {
    margin: 0 0 5px;
    position: relative;
}
.main .area_latestbbs h2 a {
    display: block;
    font-size: 20px; line-height: 28px; color: #000; font-weight: 700;
    text-decoration: none;
}
.main .area_latestbbs h2 a i {
    position: absolute; top: 4px; right: 0;
    font-size: 15px; line-height: 15px; color: #000; font-weight: 700;
}
.main .area_latestbbs li {
    position: relative;
}
.main .area_latestbbs li i {
    width: 18px; height: 18px;
    font-size: 12px; line-height: 18px; color: #fff; font-weight: 700;
    text-align: center;
    background: #000;
    border-radius: 50%;
    position: absolute; top: 50%; left: 0;
    transform: translateY(-50%);
    margin: -1px 0 0 0;
}
.main .area_latestbbs li a {
    display: block;
    font-size: 13px; line-height: 30px; color: #646464; font-weight: 400;
    text-decoration: none;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    margin: 0 50px 0 26px;
}
.main .area_latestbbs li a:hover {
    color: #000;
}
.main .area_latestbbs li .date {
    font-size: 13px; line-height: 30px; color: #bbb; font-weight: 400;
    position: absolute; top: 50%; right: 0;
    transform: translateY(-50%);
}

/* 메인 서브 배너 */
.main .subbnArea {margin: 30px 0 0;}
.main .subbnArea a { display: block;}
.main .subbnArea .topBannerLeft {float:left;width:50%;box-sizing:border-box; padding:6px 3px 0 0 }
.main .subbnArea .topBannerRight {float:right;width:50%;box-sizing:border-box; padding:6px 0 0 3px }
.main .subbnArea img {width:100%; vertical-align:top;}

/* tabProduct */
#tabProduct {visibility:hidden;position:relative;margin-top: 10px;}
#tabProduct .newCate_prod { position:relative }
#tabProduct .newCate_prod .newCateTab {zoom: 1;overflow: hidden;}
#tabProduct .newCate_prod .newCateTab li{ float:left; width:25%; }
#tabProduct .newCate_prod .newCateTab li a {display:block;height: 37px;font-size: 11px;color:#999;text-align:center;line-height: 37px;border-top: 1px solid #ddd;border-bottom:1px solid #a7a7a7;background:#f8f8f8;text-overflow: clip;white-space: nowrap;overflow: hidden;}
#tabProduct .newCate_prod .newCateTab li a.active { color:#111; background-color:#fff; border: 1px solid #a7a7a7; border-bottom: 1px solid #fff; }
#tabProduct .newCate_prod .newCateList {position:relative;padding: 15px 0 0;}
#tabProduct .newCate_prod .newCateList a {display:block;}
#tabProduct .newCate_prod .slideList .item-cont { padding: 0 2px; }
#tabProduct .newCate_prod .slideList ul { zoom:1; overflow:hidden;}
#tabProduct .newCate_prod .slideList li {float: left;position:relative;width: 33.3%;padding: 0 2px 70px;box-sizing:border-box; }

#tabProduct .newCate_prod .slideList li .thumb img {width:100%;}
#tabProduct .newCate_prod .slideList li .thumb:hover img {opacity:0.7; filter:alpha(opacity=70);}
#tabProduct .newCate_prod .slideList .ncsNum {display: block;position: absolute;top: 0;left: 2px;width: 48px;height: 18px;line-height: 18px;text-align: center;background: #000;opacity:0.6;filter:alpha(opacity=60);color:#fff;z-index: 9;font-size: 11px;}
#tabProduct .newCate_prod .prd-info-bx {position:absolute;bottom:10px;left:0;right:0;text-align:center; }
#tabProduct .newCate_prod .prd-info-bx .prd-info {background:#fff;opacity:0.8;filter:alpha(opacity=80);padding: 2px 0;}
#tabProduct .newCate_prod .prd-info-bx .prd-price del {color:#999;font-weight: normal;font-size: 12px;margin-right: 2px;}
#tabProduct .newCate_prod .prd-info-bx .prd-price {font-weight: bold;color: #292929;} 


/* 메인 중간 배너 */
.mdlArea01 { margin-top: 40px; }
.mdlArea02 {margin-top: 40px;}
.mdlArea01 img , .mdlArea02  img {width:100%; max-width:100%; height:auto;}

/* weeky Best */
#contents .weeklyBestWrap {position: relative;overflow: hidden;}
#contents .weeklyBestWrap > a {font-size: 11px;position: absolute;top: 0px;right: 5px;display: block;height: 20px;padding-top: 14px;}
#contents .weeklyBestWrap > a i { }
#contents .weeklyBestWrap .weekly-container {padding: 0 10px;}
#contents .weeklyBestWrap .swiper-wrapper {}
#contents .weeklyBestWrap .swiper-slide {width: 120px;margin-right: 10px;}
#contents .weeklyBestWrap .swiper-slide a { }
#contents .weeklyBestWrap .swiper-slide dl dt.thumb img { width: 100% }
#contents .weeklyBestWrap .swiper-slide dl { text-align: center }
#contents .weeklyBestWrap .swiper-slide dl dd { padding: 10px 0 0 }
#contents .weeklyBestWrap .weekly-pagination {position: absolute;top: 43px;left: 10px;}

/* 메인 타이틀 */
.main h3 {font-size: 20px;display: inline-block;margin: 35px auto 15px;font-weight: bold;width: 100%;text-align: center;}

.insta {margin-top: 50px; padding-top: 20px; border-top: 1px solid #ccc; width: 100%; }
.insta img {width: 300px; height: 145px; float: center;}


/* 메인 서브 인쇄제작 배너 */
.m_subban ul {
	width: 100%;
	display: table;
	table-layout: fixed;
	box-sizing: border-box;
	padding: 0;
}


.m_subban ul li {
	width: 49%;
	display: inline-block;
        margin-bottom:1%;
}




/* 인스타그램 */
.instaWrap .h_title h3 span {font-size: 14px;margin-left: 5px;font-weight: normal;}
.instaWrap {text-align:center; padding-top: 70px;}
#instafeed {width: 100%; }
#instafeed img { margin: 0 4px 8px 4px;}
/* BASIC css end */