.wrap.sub{overflow:visible!important; position: relative;}
section {
  padding: 120px 0;
  position: relative;
  z-index:3;
}
/* .conCenter{width:} */
/* NAVIINNER */
.navInner{width:100%; height: auto; background:#363636dc;  display:none; display:flex; justify-content: center; box-sizing: border-box; padding-left:66rem; z-index: 9999999999; _position: fixed; top:15%; display:none; _transition: all 0.4s; position:absolute;  }
.navInner li{float:left;  }
.navInner li a{color:#fff; display:block; padding:1rem 1.3rem; cursor: pointer;}
.navInner li:not(:last-child) a::after{content: ''; width:1px; height:12px; background:#fff; display:inline-block; margin-left:44px;}
/* SCROLL EVENT  */
.win.scroll{
    padding-top: 350px;
  }

/* ----------------sub header------------- */
header.subHeader {
  transition: all 0.4s;
  
}
header.subHeader.scroll {
  padding: 18px 0;
  position: fixed;
  top: 0;
  z-index: 999;
  background: #fff;
  box-shadow: 2px 2px 5px #ededed;
}

/* about section */

.aboutBox {
  position: relative;
  top: 0;
  left: 0;
  z-index: 10;
}
.aboutBox span {
  position: absolute;
}
.aboutBox .imgBack {
  width: 420px;
  height: 560px;
  display: block;
  border: 1px solid #111;
  left: 48%;
  transform: translateX(-50%);
  position: relative;
}
.aboutBox .imgBack::after {
  display: inline-block;
  border-top: 1px solid #111;
  content: "";
  width: 580px;
  top: -1px;
  left: -80px;
  position: absolute;
}
.aboutBox .imgBack::before {
  display: inline-block;
  border-bottom: 1px solid #111;
  content: "";
  width: 580px;
  bottom: -1px;
  left: -80px;
  position: absolute;
}
.aboutBox .greyBox {
  width: 930px;
  height: 300px;
  background: #e8e7e7;
  display: block;
  left: 0;
  top: -53px;
}
.aboutBox img {
  position: absolute;
}
.aboutBox img.aboutImg {
  width: 420px;
  box-shadow: 10px 10px #a0a0a0;
  top: 0;
  left: 37%;
  transform: rotate(2deg);
  transition: all 0.4s;
}
.aboutBox img.aboutImg:hover {
  transform: rotate(5deg);
}
.aboutBox img.logo {
  transform: rotate(90deg);
  left: 55%;
  bottom: 56px;
}
.aboutBox p {
  position: absolute;
}
.aboutBox .subAboutTxt {
  width: 400px;
  top: 37%;
  left: 24%;
  text-align: right;
  transform: rotate(-90deg);
}
.aboutBox .mainAboutTxt {
  width: 500px;
  font-family: "Noto Sans KR", sans-serif;
  left: 65%;
  bottom: 47px;
  background: #fff;
  padding: 15px;
}
.aboutBox .mainAboutTxt::after {
  position: absolute;
  content: "";
  width: 100px;
  height: 4px;
  background: #111;
  top: -36px;
  left: 15px;
}

.designerBox {
  width: 100%;
  height: 250px;
  _background: #ededed;
  position: relative;
  display: flex;
  align-items: center;
  z-index: 5;
  padding-bottom:210px;
}
.designerBox .designerTxt {
  position: absolute;
  left: 20%;
  height: 300px;
  background: #fff;
}
.designerTxt h2 {
  font-family: "Josefin Sans", sans-serif;
  font-size: 30px;
}
.designerTxt p {
  position: relative;
  width: 470px;
  padding-top: 41px;
  padding-left: 31px;
  top: 80px;
}
.designerTxt p::before {
  content: "";
  width: 4px;
  height: 200px;
  background: #111;
  top: -50px;
  left: 0;
  display: inline-block;
  position: absolute;
}

.designerImg {
  position: absolute;
  width: 600px;
  height: 400px;
  background: #a0a0a0;
  right: 0;
}
.designerImg .designer_wrap {
  position: relative;
  background: #fff;
  width: 600px;
  height: 300px;
  top: 50%;
  transform: translateY(-50%);
  left: -195px;
  overflow: hidden;
}
.designerImg .designer_wrap .designer {
  position: absolute;
  overflow: hidden;
  _left: -50px;
  width: 1245px;
  height: 300px;
}
.designerImg .designer_wrap .designer img {
  width: 300px;
  height: 300px;
  position: absolute;
  padding-right: 15px;
  top: 0;
}
/* .designerImg .designer_wrap .designer img:nth-child(1) {
  left: 0;
}
.designerImg .designer_wrap .designer img:nth-child(2) {
  left: 320px;
}
.designerImg .designer_wrap .designer img:nth-child(3) {
  left: 640px;
}
.designerImg .designer_wrap .designer img:nth-child(4) {
  left: 960px;
  padding-right: 0;
} */

.designerImg .indicator {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.designerImg .indicator a {
  width: 10px;
  height: 10px;
  border:1px solid #111;
  display: inline-block;
  background: #e8e7e7;
  border-radius: 50%;
  margin: 0 8px;
  cursor: pointer;
}
.designerImg .indicator a.active {
  background: #111;
}

/* LOGIN PAGE */
.loginPage{width:100%; box-sizing: border-box; padding:4rem; }
.loginPage .offset{width:50%; box-sizing:border-box; padding:3.2rem; float:left; }
.loginPage .offset>div{width:100%; border:1px solid #111; box-sizing: border-box; padding:6Rem; background:#fff; height:320px;}
.loginPage .offset>div h1{padding-bottom:0.8rem; font-size:1.3rem;}
.loginPage .offset>div button{width:100%; background:#111; color:#fff; padding:0.7rem 0; outline:0; border:0; cursor: pointer;}
.login input{box-sizing: border-box; padding:0.6rem; display:block; width:100%; border-radius: 0; outline:0; border:0; border:1px solid #111;  font-size:0.8rem; margin-bottom:0.5rem;}
.login a{ display:block;padding-bottom:0.5rem; font-size:0.9rem; text-decoration: underline;}

.account p{padding-bottom:1.5rem; }
.account a{width:100%; background:#fff; color:#111; padding:0.7rem 0; outline:0; border:0; cursor: pointer; font-size:0.9rem; border:1px solid #111; display:block; text-align: center;}
.account a:hover{background:#111; color:#fff;}

/* CART PAGE  */
.cartInfo{width:100%; display:flex; justify-content: space-between; padding-bottom:1rem;}
.cartInfo h1{font-size:2rem;}
.cartInfo p{padding-top:1rem;}
.cartBox{width:100%; height:auto; border-bottom: 2px solid #111; _border-top: 4px solid #111; background:#fff;}
.cartInner{width:100%; box-sizing: border-box; padding:1rem; display:flex; align-items: center;}
.cartInner:not(:last-child){border-bottom:1px solid rgba(136, 136, 136, 0.733);}
.cartInner a{width:20%;}
.cartInner a img{width:150px; height:auto; padding:0 3rem; float:left; }
.cartInner .cartThumb{float:left; width:40%;  box-sizing: border-box; padding:0 2rem;}
.cartInner .cartThumb b{font-size:1rem; display:block; float:none;}

.cartInner input, .cartInner .shipping, .cartInner .price, .cartInner i, .innerTitle input, .innerTitle p{float:left; width:11%; padding:0 2rem; box-sizing: border-box;}
.cartInner i{padding-left:3rem;}
.innerTitle{display:flex; align-items: center; background:#a0a0a0; padding:1rem; color:#fff;}
.innerTitle span{width:60%; float:left; padding:0 2rem; box-sizing: border-box; text-align: center; display:block;}


.totalBox{width:100%; background:#fff; border-bottom:2px solid #111;}
.totalBox>div{padding:0.8rem;}
.totalLeft{float:left; }

.totalLeft a{border:1px solid #111; padding:0.4rem 1rem; box-sizing: border-box;}
.totalLeft a:hover{background:#111; color:#fff;}
.totalRight{float:right; width:20%;}
.totalRight p{width:50%; display:inline-block;}
.totalRight span{width:50%;display:inline-block; text-align: right;}

.order{margin-top:2rem; text-align: center; box-sizing: border-box; padding:0.8rem 3rem; background:#111; color:#fff; outline:0; border-radius: 0; border:0; float:right;}

/* SHOWROOM PAGE */
.showroom{width:100%; height: auto;}
.showInfo>p{padding-bottom:1rem; font-family: 'Noto Sans KR', sans-serif; background:#fff;}
.showInfo p.site{font-weight: 600; display:block;}
.row{width: 100%; display: flex; justify-content: space-between; box-sizing: border-box;}
.row.first img{float:left; width:33%; padding-bottom:1rem; }
.row.first img:nth-child(2){width:33%; height:300px;}
.row.second img{float:left; width:49.5%; }
.row.second img:nth-child(1){width:49.5%; height:450px;}

/* Q&A PAGE  */
.question{width:100%; height:auto;}
.questBox{width:100%;}
.qList{width:100%; height:auto; border-top:1px solid #111; border-bottom:1px solid #111; }
.qList .qContents{width:100%; padding:0.5rem 0; display:flex; align-items: center; background:#fff;}
.qList .qContents:not(:last-child){border-bottom:1px solid #111;}
.qList .qContents span{float:left; padding:0 0.5rem; box-sizing: border-box;}
.qList .qContents span.num{width:5%; text-align: center; display:block;}
.qList .qContents span.pName{width:15%;}
.qList .qContents span.qtitle{width:45%;}
.qList .qContents span.qDate{width:12%;}
.qList .qContents span.userid{width:8%;}
.qList .qContents a{float:left; width:15%; padding:0 0.5rem; box-sizing: border-box;}
.qList .qContents a img{width:100px; height:100px;}

.numbering{width:100%; text-align: center; padding:1rem 0;}
.numbering span{padding:0 0.2rem;}

.qbutton{width:100%; display:flex; justify-content: space-between;}
.search{box-sizing: border-box; padding:0.5rem; border:0; border-bottom:1px solid #111; outline:0;}
.search_input{box-sizing: border-box; padding:0.55rem; border:0; border-bottom:1px solid #111; outline:0;}
.sButton{box-sizing: border-box; padding:0.6rem; border:0; border-radius: 0; background:#111; color:#fff; outline: 0;}
.sButton i{color:#fff;}
.qbutton a{box-sizing: border-box; padding:0.55rem 2rem; color:#fff; background:#111;}

/* ORDER PAGE  */
.orderBox{padding-top:10px; background:#fff;}
.oInfo{display:inline-block; border-top:2px solid #111; padding:2rem 0; width:100%; border-bottom:1px solid #111}
.oInfo input{border:0; outline: 0; border-radius: 0; border-bottom:1px solid rgba(136, 136, 136, 0.733); box-sizing: border-box; padding:0 0.7rem; margin-bottom:0.8rem;}
.oTitle{font-weight: 600; padding:1rem 0; display:inline-block; border-top:2px solid #111; width:100%;}
.oInfo .oList{padding-bottom:0.5rem;}
.oInfo .oList .oLTitle{width:10%; display:inline-block;font-weight: 600;}
.searchPost{display:inline-block;}
.searchPost a{border:1px solid #111; padding:0.2rem 0.7rem; font-size:0.8rem; box-sizing: border-box;}
input.inputAdress{padding:0.7rem; width:30%; box-sizing: border-box; }
li.phone p{display:inline-block;}
li.phone input{width:5%;}
select{border-radius: 0; border: 0; outline:0; border-bottom:1px solid rgba(136, 136, 136, 0.733)}
li.email p{font-size:0.8rem;}
li.msg span{padding-bottom:0.5rem;}
li.msg textarea{display:block; height: 142px;  width: 614px; resize: none;}
li.pay{padding-top: 0.5rem;}
span.payList:not(:first-child){padding-left:0.8rem;}

.finPrice{width:100%; display:flex; justify-content: space-between; padding:0.4rem 0;}
.finPrice .payPrice{width:50%;}
.finPrice .payPrice h1{display:inline-block; font-family: sans-serif;}
.finPrice a.order{margin-top:0.2rem;}

/* JOIN PAGE  */
.join{width:100%; background:#fff;}

/* ART PAGE  */
.artTitle span{display:block; font-size:1.2rem; padding-bottom:1rem;}
.artImg{width:100%; overflow: hidden; text-align:center;}

/* QUESTION INPUT  */
.question_input{width:100%; height:auto; background:#fff;}
.question_input .qProduct, .question_input .qTitle{width:89.5%;}
.question_input .qMsg{width:100%; box-sizing: border-box; padding:1rem;}
.question_input .order.submit{margin-left:1rem;}