/* BASIC css start */
/*====================================================================*/
/******************************** Main ********************************/
/*====================================================================*/
#content{padding:0 !important; max-width:100%;overflow-x:hidden;}
.titleArea{margin:130px auto 70px;}
.titleArea h2 {    font-size: 25px;font-weight: 800;line-height: 26px;letter-spacing: -0.5px;color: #000;}


/* 메인비쥬얼 */
#visual{width:100%; position:relative;}
#visual .swiper-pagination{bottom:20px; text-align:center; color:#cdbcb2;}
#visual .swiper-pagination-bullet {width: 12px;height: 12px;display: inline-block;border-radius: 100%;background: #cdbcb2;opacity: 1;}
#visual .swiper-pagination-bullet-active {background: #fff;}
#visual img {width:100%;}

.wideimg {position:relative;}
.wideimg img {  
	min-width: 100%;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	margin-left: 0;
	top: 0;
}


/* 아래 배너 */
#banArea{width:100%; margin:0 auto; text-align:center; font-size:0; line-height:0; letter-spacing:0; padding:140px 0;}
#banArea > div {display:inline-block; vertical-align:top;}
#banArea > div img{-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;}
#banArea > div img:hover{transform:scale(1.04);}


/* 좌측 슬라이드배너 */
#ban_slide{width:625px; position:relative; overflow:hidden;}
#ban_slide img{width:100%;}
#ban_slide .swiper-pagination-bullets{bottom:40px; right:40px;}
#ban_slide .swiper-pagination-bullet{width:6px; height:6px; border:0; background:#606060; box-sizing:border-box; margin:0 7px;}
#ban_slide .swiper-pagination-bullet-active{}

/* 우측 2배너 */
#banners{width:625px; margin-left:30px;}
#banners ul{height:100%;}
#banners ul li{width:100%; height:calc(50% - 15px); margin-bottom:30px;}
#banners ul li:last-child{margin:0;}
#banners ul li a{display:block; height:100%; overflow:hidden;}
#banners ul li a img{width:100%; max-height:100%;}


/* 베스트아이템 */
#prd_best{width:100%; padding:120px 150px; box-sizing:border-box; background:#fbfbfb;}
#prd_best .titleArea{    float: left;width: auto;margin: 0;padding: 5% 5%;text-align: left;}
#prd_best .titleArea h2{    line-height: 41px;text-align: left;font-size: 20px;font-weight: 800;color: #000;}
#prd_best .titleArea p {    font-weight: normal;font-size: 18px;font-weight: 300;color: #3e3e3e;line-height: 1.6;}


#prd_best ul.prd-list{float:left; margin-top:30px; display:flex; margin:0 auto; width:auto; max-width:inherit;}
#prd_best ul.prd-list > li{padding-bottom:0;}
#prd_best ul.prd-list > li .prd-thumb{margin-bottom:40px; border-radius:100px; overflow:hidden; opacity:1; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
#prd_best ul.prd-list > li:hover .prd-thumb{opacity:1; box-shadow:5px 5px 20px 0 rgba(0,0,0,0.05);}
#prd_best ul.prd-list > li .prd-thumb .soldWrap .soldTable .soldText span{font-size:15px; padding:18px 25px;}
#prd_best ul.prd-list > li .prd-info .prd-name{font-weight:300 !important;}


/* 메인 일반진열 */
#prd_new ul.prd-list{padding:0 150px; box-sizing:border-box;}


.bnMiddle {}
.bnMiddle img {width:100%;}


.collection {text-align:center;padding-bottom:140px;}

.collection ul {font-size:0;line-height:0;}
.collection ul > * {display:inline-block;vertical-align:middle;padding:0 20px;}
.collection img {max-width:80%;}
 
 
/* 리뷰 */
#review{    padding: 20px 0 100px 0;width: 100%;margin: 0 auto;text-align: center;background: #f0ece3;}
#review > ul {text-align:Center;}

#review .titleArea {margin:80px 0 70px }
#review .titleArea span{display:block; margin-top:30px; line-height:18px; font-size:16px; letter-spacing:-0.2px; color:#b7b0a9; font-weight:300;}
#review > a{margin-top:60px;display:inline-block;font-size:14px;line-height:24px;padding:13px 65px;border:1px solid #b5a797;letter-spacing:-0.2px;background: #fff;color: #6c522f;}

#review ul{width: 90%;margin:0 auto;font-size:0;line-height:0;letter-spacing:0;padding: 0 150px;box-sizing: border-box;}
#review ul li{display:inline-block;vertical-align:top;width:23.5%;margin-right:2%;border:1px solid #e8e0d7;box-sizing:border-box;background: #fff;height:530px;}
#review ul li:nth-child(4n){margin-right:0;}
#review ul li .thumb{box-sizing:border-box;}
#review ul li .thumb a {display:block;}
#review ul li .thumb img{max-width:100%;}
#review ul li .con{    position: relative;
    padding: 35px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    letter-spacing: -0.8px;
    text-align: left;}
#review ul li .con:after{content:""; display:block; clear:both;}
#review ul li .con p{display:block; color:#73665c; word-break:break-all; margin-top:40px;}
#review ul li .con i{float:left; display:block;}
#review ul li .con span{float:right; display:block; line-height:13px; font-size:12px; letter-spacing:0;}


#video {min-height:900px;position:relative;}
#video > ul {text-align:center;margin:0 auto;width:60%;}
#video:before{content:"";position:absolute;left:0;bottom:30px;width:100%;height:270px;background:#f0ece3;}
#video .social { text-align: center; margin-bottom:30px;}
#video .social ul {font-size:0;line-height:0;}
#video .social ul li {display:inline-block;vertical-align:middle;}
#video .social ul li a {display:block;}


/* 추천상품 */
/* _bxSlider */
.bx_02{position:relative;} 
.bx_02 .bx_slider{width:100%;}
.bx_02 .bx_slider li{height:750px;}
.bx_02 .bx-wrapper .bx-controls-direction{width:100%; position:absolute; left:0; top:45%;}  
.bx_02 .bx-wrapper .bx-controls-direction a{display:inline-block; width:147px; height:31px; text-indent:-9999px; transition: all 0.25s ease-in-out; z-index:99 !important;}
.bx_02 .bx-wrapper .bx-controls-direction .bx-prev{background: url('//decoone00.img11.kr/onedesign/images/arrow_left.png') no-repeat; top:0; left:25px;} 
.bx_02 .bx-wrapper .bx-controls-direction .bx-next{background: url('//decoone00.img11.kr/onedesign/images/arrow_right.png') no-repeat; top:0; right:25px;} 
.bx_02 .bx-wrapper .bx-controls-direction .bx-prev:hover{left:0;}
.bx_02 .bx-wrapper .bx-controls-direction .bx-next:hover{right:0;}	


/* _상품정보 */
#prd_slide {padding:220px 150px 20px;}
#prd_slide:after{content:""; display:block; clear:both;}
#prd_slide .item{padding-bottom:0;}
#prd_slide .thumbnail{position:absolute; left:200px; margin:0; max-width:700px;}

#prd_slide .prd-info{position:absolute; left:950px; top:100px;}
#prd_slide .prd-info .prd-name{    display: block;margin-left:0px;font-size:18px !important;line-height: 1.8;font-weight: normal;color: #333;letter-spacing:-2px;}
#prd_slide .prd-info .prd-subname{margin-top:60px; line-height:24px; letter-spacing: 0.5px; font-size:13.5px;}
#prd_slide .prd-info .btn{margin-top:35px;}
#prd_slide .prd-info .btn:hover{margin-top:30px;}


#prd_slide .btn_01 {display: inline-block;padding: 22px 40px;box-sizing: border-box;}
#prd_slide .btn_none {border: 1px solid #999;font-size: 13px;line-height: 1;font-weight: 600;color: #555;letter-spacing: 2.5px;font-family: 'Raleway','Open Sans','Noto Sans KR','Nanum Gothic',sans-serif;background: none;}


/*0512 수정 */
#ban_slide{
    height: 610px;
}


#banArea #ban_slide .swiper-pagination-bullets
{    bottom: 13px;
    right: 4px;
}


#banArea #ban_slide .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    border: 0;
    background: #606060;
    box-sizing: border-box;
    margin: 0 5px;
}
#prd_best{
position: relative;
}
.titleArea{
position: relative;
}

#prd_best .swiper-button-prev{
    background-image: url('http://decoone00.img11.kr/onedesign/images/l_btn.png');
    left: 81%;
top:184px;
}
#prd_best .swiper-button-next {
    background-image: url('http://decoone00.img11.kr/onedesign/images/r_btn.png');
    right: 85px;
    top: 305px;
}

#prd_best .swiper-button-next,  #prd_best .swiper-button-prev{
    position: absolute;
   
    width: 37px;
    height: 37px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 37px 37px;
    background-position: center;
    background-repeat: no-repeat;
}


/* BASIC css end */