.conCenter{max-width: 1180px; margin:auto; width:100%;}
.off{margin:10rem 0;}
.proCenter{max-width:1250px;margin:auto; width:100%;}

.productPage{position: relative; z-index:2;}

.proTitle{width:100%;}
.proTitle h4{display:block; width:100%; text-align: center; font-size:1.4rem; padding-bottom:1rem;}
.proNav{width:100%; display:flex; justify-content: center; padding-bottom:5rem;}
.proNav li{float:left;}

.proNav li a{color:#111; display:block; padding:1rem 1.3rem; cursor: pointer; font-weight: bold;}
.proNav li:not(:last-child) a::after{content: ''; width:1px; height:12px; background:#111; display:inline-block; margin-left:44px;}
.proNav li:first-child a::before{content: ''; width:250px; height:1.2px; background:#111; display:inline-block; vertical-align: middle; margin-right:50px;}
.proNav li:last-child a::after{content: ''; width:250px; height:1.2px; background:#111; display:inline-block; vertical-align: middle; margin-left:50px;}

.proCon{width:100%;}
.sort{text-align: right; padding-right:25px; padding-bottom:25px;}
.sort p{display:inline-block;}
.sort p:not(:last-child)::after{content: ''; width:1px; height:12px; background:#111; display:inline-block; margin-left:20px; margin-right:20px;}

.proImg{width:100%;}
.imgBox{width:33%; padding:1rem; box-sizing: border-box; float:left;}
.imgBox .thumb{width:100%; padding:1rem; box-sizing:border-box;}
.imgBox .thumb img{width:100%; height:494px;}

.textThumb{text-align: right; display:block; padding-top:1rem;}
.textThumb p{padding-top:0.5rem;}

.numIndex{text-align:center; padding:2rem 0 1rem 0;}
.numIndex span{font-weight: bold; display:inline-block; padding:0 0.6rem; color:#666666;}
.numIndex span:hover, .numIndex span.active{color:#111;}

/* PRODUCTDETAIL */
.productDetail{width:100%; position: relative; z-index:2;}
.sec{box-sizing: border-box; padding:2rem 0;}

.info{width:100%; height:auto; }
.info.sec{padding-bottom:5rem; padding-top:0;}
.info>div{float:left; padding:1rem; box-sizing: border-box;}
.info .imgBox{width:65%; height:auto;}
.info .infoBox{width:35%; height:auto; background:#fff;}
.info .imgBox img{width:100%;}
.info .infoBox h1{padding-bottom:1rem; border-bottom:2px solid #111;}
.info .infoBox p{padding:1rem 0;}
.info .infoBox p:nth-child(1){padding-top:2rem;}
.info .infoBox p:nth-child(5){border-bottom:1px solid #111; display:block; padding-bottom:2rem;}
.info .infoBox h4{padding:1rem 0; display:block; border-bottom:1px solid #111; }
.info .button{width:100%; display:flex; justify-content: space-between; padding-top:1rem;}
.info .button button{padding:0.6rem 4rem; background: #111; border:1px solid #111;  box-sizing: border-box; outline: 0; cursor: pointer; color:#fff; }
.info .button button.active, .info .button button:hover{background:#fff; color:#111;}

.imgBack{width:100%; height:100vh; background:url(../img/product_detail/product_sofa_01.JPG)no-repeat; background-size: cover;}

.deBox{width:90%; height:310px; margin:10rem 0 10rem 10%; }
.deBox>div.deText{width:30%;}
.deBox>div{float:left; width:33%; height:310px; }
.deBox>div:not(:last-child){margin-right:2.3rem;}
.deText h4{border-bottom:4px solid #111; padding-bottom:1rem;font-size:1.2rem;}
.deText p{padding-top:6rem;}

.deImg, .dePro{width:100%; height:310px;}

.productImg{width:100%; border-top:1px solid #111; }
.productImg img{width:25%; float:left; height:400px;}

.productImg img.img1{width:100%; height:660px;}