/* BASIC css start */
.minSizeWrap{width:1200px; margin:0 auto}

/* 메인 롤링 배너 */
.visual { position:relative; width:100%; height:1080px; overflow:hidden }
.visual .inner { margin-left:-950px; position:absolute; top:0; left:50%; width:2560px; height:1330px }
.visual .inner img { width:100%}.section .item-wrap li.item a.thum img{
.visual .bx-pager { position:absolute; bottom:63px; width:100%; text-align:center; z-index:100 }
.visual .bx-pager-item {display:inline-block }        
.visual .bx-pager a { display:block; margin:0 4px; width:16px; height:16px; text-indent:-9999em; border:2px solid #fff; border-radius:100% }
.visual .bx-pager a:hover { border:2px solid #000 }
.visual .bx-pager a.active { background:#fff }  
.visual .bx-pager a.active:hover { background:#000 }
.visual .bx-controls-direction { position:absolute; top:45%; left:0; width:100%; z-index:100 }
.visual .bx-controls-direction a { display:block; position:absolute; top:0; width:60px; height:60px; color:#fff; text-align:center; border:2px solid #fff;line-height: 64px; }
.visual .bx-controls-direction a i { margin-top:8px; font-size:24px }
.visual .bx-controls-direction a span { font-size:16px; font-weight:bold }
.visual .bx-controls-direction a:hover { border:2px solid #000; background:#000 }
.visual .bx-controls-direction .bx-prev { margin-left:-600px; left:50% }
.visual .bx-controls-direction .bx-next { margin-right:-600px; right:50% }

/*특별상품*/
#specialWrap{position:relative; overflow: hidden;  width:1555px; margin: 120px auto 0;}
#specialWrap .item-wrap {width:1555px; }
#specialWrap .item-wrap .item-cont{width:1555px; }
#specialWrap .item-wrap .item-cont .item-list {    width: 474px; padding: 0 20px 20px;}
#specialWrap .item-wrap .item-cont .item-list .thumb {  width: 474px; height:auto;     position: relative;    overflow: inherit;}
#specialWrap .item-wrap .item-cont .item-list .thumb img {  width: 474px; height:auto}
#specialWrap .item-wrap .item-cont .item-list li{text-align: left; }
#specialWrap .item-wrap .item-cont .item-list .prd-name {padding-top: 20px;  font-size: 18px;}
#specialWrap .item-wrap .item-cont .item-list .line{margin-top: 14px; line-height: 18px; font-size: 13px;}
#specialWrap .item-wrap .item-cont .item-list .prd-price { padding-top: 10px; }
#specialWrap .item-wrap .item-cont .item-list .prd-price .bPrice {  font-weight: 600;font-size: 18px;}
#specialWrap .item-wrap .item-cont .item-list .prd-price del { font-size: 16px;color: #a7a7a7; font-weight: normal; }
#specialWrap .item-wrap .item-cont .previewBtn{ right: 30px;  background: #fff;  width: 60px; height: 60px; /* line-height: 60px; */    box-shadow: 0px 1px 10px 2px rgba(95, 95, 95, 0.3);    position: absolute;  bottom: -33px; z-index: 99;}
#specialWrap .item-wrap .item-cont .previewBtn a {display:inline-block;     width: 60px;  height: 60px;    line-height: 74px;color: #000; text-align:center}
#specialWrap .item-wrap .item-cont .previewBtn i{ color: #000; font-size: 32px;}
#specialWrap  .item-wrap .item-cont .item-list .thumb {}

/* 신상품 */
#newArrivals {position:relative; margin: 120px auto 0;}
#newArrivals .item-wrap  {overflow: hidden;  width: 1320px; margin: 20px auto 0;}
#newArrivals .item-wrap .item-cont {  width: 1320px;position:relative;overflow: hidden; }
#newArrivals .item-wrap .item-cont .item-list {width: 200px;/* padding: 0 10px 10px 0px; */overflow:hidden;    padding-bottom: 20px;}
#newArrivals .item-wrap .thumb img {width: 200px;height: 200px;}
#newArrivals .item-wrap .prd-name{font-size: 16px;display: block;color:#fff;}
#newArrivals .item-wrap .prd-subname {font-size: 12px;line-height: 24px;color:#fff;}
#newArrivals .item-wrap .icnTx{background:#b76f6f;  color: #fff; padding: 2px 10px;}
#newArrivals .item-wrap .item-cont .item-list dd{position:relative; padding-top: 0px; overflow:hidden; width:100%; }
#newArrivals .item-wrap .item-cont .item-list dd a {  display: block; text-align: left;  color: #fff; width: 100%;  height: 100%; }
#newArrivals .item-wrap .infoBox{ display:none; position:absolute; left:0px; top:0px; background: rgba(0,0,0, 0.7);   height: 100%;  width:100%   }
#newArrivals .item-wrap .infoBox .boxlayer{padding: 40px 30px 0px 30px;text-align: center;}
#newArrivals .item-wrap .prd-price{color:#fff;font-size: 16px;display: block;}
#newArrivals .item-wrap del{color:#fff;font-size: 14px;display: block;}

/* 이미지 배너 */
.imgBanner { margin:120px auto 0; position:relative; width:90%; overflow:hidden }
.imgBanner:after { content:""; clear:both; display:block; }
.imgBanner ul { *zoom:1 }
.imgBanner ul:after { display:block; clear:both; content:'' }
.imgBanner ul li { float:left; width:33%; }
.imgBanner ul li:first-child{margin-right:0.5%}
.imgBanner ul li:last-child{margin-left:0.5%}
.imgBanner ul li a { width:100%; }
.imgBanner ul li a img{ width: inherit; }
.imgBanner ul li  a:hover{opacity: 0.7;	-webkit-transition: color 0.3s;	-moz-transition: color 0.3s;transition: color 0.3s;}

.leftImgWrap{float:left; width:600px;height: 310px; }
.rightImgWrap{float:right; width:600px; height: 310px;}

/* 메인 서브 슬라이드 배너 */
.subslider {position:relative;width:600px;height: 310px;overflow:hidden;}
.subslider .subArea {margin-left:0px;position:absolute;top:0;width:600px;text-align: center;}
.subslider .bx-pager{position:absolute;bottom: 23px;left:0;right:0;z-index:60;text-align:center; font-size:20px; }
.subslider .bx-pager-item{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;display:inline-block;position:relative;}
.subslider .bx-pager-link{display:inline-block;width: 15px;height: 15px;font-size:0;margin: 0 5px;background-color: #d2d2d2;border-radius: 10px;}
.subslider .bx-pager-link.active{background-color: #2e2e2e;}
.subslider .bx-controls-direction {position:absolute;top:50%;z-index:60;text-align:center;width: 100%; opacity:1;}
.subslider:hover .bx-controls-direction { transition:all 0.3s ease;-webkit-transition:all 0.3s ease; opacity:1; }
.subslider .bx-prev, .subslider .bx-next{background:#3a3a3a;position:absolute;top:0;margin-top:-10px;font-size: 16px;display:inline-block;width: 28px;height: 28px;line-height: 30px;/* border: 1px solid rgba(0, 0, 0, 1); */transition:all 0.3s ease;-webkit-transition:all 0.3s ease;color:#fff;}
.subslider .bx-prev{right: 0;top: -15px;}
.subslider .bx-next{right: 0;top: 15px;}
.subslider .bx-controls-direction a.bx-prev:hover, .subArea .bx-controls-direction a.bx-next:hover {}

/* 상품 목록 영역 */
.product-wrap { margin:120px auto; position:relative; width:1300px }

/* 공지사항 */
.boardWrap{    width: 1200px;  margin: 0 auto;  position:relative; }
.boardArea {/* margin: 0 auto; */width: 600px;float: left;}
.boardArea .notice {padding: 11px 80px 11px 0;}
.boardArea .notice dt {font-size: 20px;font-weight: bold;/* margin-bottom: 20px; */padding-bottom: 20px;border-bottom: 1px solid #3a3a3a;}
.boardArea .notice dt span a {font-size: 20px;float: right;color: #fff;font-weight: normal;width: 28px;height: 28px;background: #3a3a3a;text-align: center;line-height: 26px;    display: inline-block;}
.boardArea .notice dt span a:hover{background:#fff; color:#3a3a3a; border:1px solid #3a3a3a; font-weight:normal; margin:-1px}
.boardArea .notice dd {line-height: 24px;border-bottom:1px solid #ccc;padding: 12px 0 12px 0px;overflow: hidden;}
.boardArea .notice dd i{display: inline-block;font-size: 24px;padding-right: 7px;    vertical-align: super;}
.boardArea .notice dd a { font-size:18px; color:#2c2c2c; }
.boardArea .notice dd span {color:#777;/* float:right; */font-size:14px;display: block;padding-left: 35px;}
.boardArea .notice a:hover { color:#000; font-weight:bold; }

/*하단 슬라이드 배너 */
.bottomslider {position:relative;width:600px;height: 310px;overflow:hidden;}
.bottomslider .bottomArea {margin-left:0px;position:absolute;top:0;width:600px;text-align: center;}
.bottomslider .bx-pager{position:absolute;bottom: 23px;left:0;right:0;z-index:60;text-align:center; font-size:20px; }
.bottomslider .bx-pager-item{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;display:inline-block;position:relative;}
.bottomslider .bx-pager-link{display:inline-block;width: 15px;height: 15px;font-size:0;margin: 0 5px;background-color: #d2d2d2;border-radius: 10px;}
.bottomslider .bx-pager-link.active{background-color: #2e2e2e;}
.bottomslider .bx-controls-direction {position:absolute;top:50%;z-index:60;text-align:center;width: 100%; opacity:1;}
.bottomslider:hover .bx-controls-direction { transition:all 0.3s ease;-webkit-transition:all 0.3s ease; opacity:1; }
.bottomslider .bx-prev, .bottomslider .bx-next{background:#3a3a3a;position:absolute;top:0;margin-top:-10px;font-size: 16px;display:inline-block;width: 28px;height: 28px;line-height: 30px;/* border: 1px solid rgba(0, 0, 0, 1); */transition:all 0.3s ease;-webkit-transition:all 0.3s ease;color:#fff;}
.bottomslider .bx-prev{right: 0;top: -15px;}
.bottomslider .bx-next{right: 0;top: 15px;}
.bottomslider .bx-controls-direction a.bx-prev:hover, .bottomArea .bx-controls-direction a.bx-next:hover {}



.section{
    position:relative;
}
.section.main-visual {
    padding-top:0px;
}
.section.main-visual .visual-wrap {
    margin:0px 0px;
    font-size:0px;
}
.section.main-visual .visual-wrap .visual-box {
    min-width:1520px;
    height:100vh;
    min-height:840px;
    font-size:0px;
}

.section.main-visual .visual-wrap .visual-box .swiper-container {height:100%;}
.section.main-visual .visual-wrap .visual-box .swiper-slide a {display:inline-block;width:100%;height:100%;}
.section.main-visual .visual-wrap .visual-box .swiper-slide img{width:100%;height:100%;object-fit:cover;}

.section.main-visual .visual-wrap .visual-box .visual-box-img{width:33%; float:left;}

.swiper-container.main .swiper-pagination {
    bottom:30px;
}
.swiper-container.main .swiper-pagination-bullet {
    display:inline-block;
	width: 12px;
	height: 12px;
    margin:0px 5px;
    background:transparent;
    border:1px solid #fff;
    border-radius:50%;
    box-sizing:border-box;
    opacity:1;
}
.swiper-container.main .swiper-pagination-bullet-active {
	background:#fff;
}

#visualfix {
    margin: 100px auto 0;
    clear: both;
    overflow: hidden;
}

#visualfix > div {
    position: relative;
    width: 100%;
    height: 800px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 0 -1024px;
    background-size: 100% auto;
    display:flex;
    justify-content:center;
    align-items:center;
}

#visualfix > div h1 {
    width:100%;
    height:800px;
    /*background:url("/design/vivnluv/13032/tem167/bottom_back.jpg") no-repeat center center;*/
    color:transparent;
    font-size:38px;
    text-align: center;
}

/* BASIC css end */