.product-info-detail{
	width: calc(100vw - 240px);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.overH{
	display: flex;

	@media (max-width: 1200px){
        display: flex;
        flex-direction: column;
        align-items: center;
	    width: auto;
	    height: auto;
	}
}

.product-img { position: relative; min-width: 630px; height: 100vh; overflow:hidden;}
.product-img .detail-swiper { width: 100%; height: 100vh; }
.product-img .detail-swiper .swiper-slide img {width:auto; height:100%; display:block; object-fit:cover;}

.detail-swiper-dots{
  position: absolute;
  right: 30px;
  top: 40vh;
  width: 2px;
  display: flex; flex-direction: column;
  z-index: 2;
}
.detail-swiper-dots .dot{
  width: 2px; height: 18px; background:#bbb; cursor:pointer;
  transition: background-color .2s;
}
.detail-swiper-dots .dot.active{ background:#000; }


.product-info{
	width: 35%;
	button{
		width: calc(100% - 50px);
		height: 40px;
		display: flex;
		align-items: center;
        justify-content: center;
        background: #ffffff;
        font-size: 11px;
        line-height: 40px;
        margin-left: 50px;
	}

	@media (max-width: 1200px){
	    width: 60%;
	    margin: 0;
	    button{
	        margin-left: 0;
	    }
	}
}

.product-detail{
	width: calc(100% - 50px);
	margin-left: 50px;
	color: #555555;
	h3{
		font-size: 16px;
		font-weight: bold;
		line-height: 20px;
		margin: 0;
	}
	p{
		font-size: 12px;
		line-height: 20px;
		margin: 10px 0 5px 0;
	}
	@media (max-width: 1200px){
	    margin-left: 0;
	}
}

.product-size{
	display: flex;
	p{
		color: #000000;
		font-size: 11px;
		line-height: 15px;
		margin: 0;
		margin-right: 3px;
	}
}

#meterial, #model, #care{
	color: #000000;
	font-size: 11px;
	line-height: 15px;
	margin: 0;
}

#more-btn{
	font-size: 10px;
	line-height: 15px;
	margin-top: 30px;
	color: #000000;
	text-decoration: underline;
}

.quantity-box {
	width: calc(100% - 50px);
	height: 30px;
	display: flex;
    align-items: center;
    margin-top: 30px;
    margin-left: 50px;

	@media (max-width: 1200px){
	    margin-left: 0;
	}
}

.quantity-box input[type=number] {
  width: 30px;
  height: 30px;
  font-size: 12px;
  padding: 4px;
  border: none;
  outline: none;
}

/* 기본 브라우저 ▲▼ 버튼 제거 */
.quantity-box input::-webkit-outer-spin-button,
.quantity-box input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quantity-box input[type=number] {
  -moz-appearance: textfield;
}

.quantity-btns {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 30px;
}

.quantity-btns img {
  width: 10px;
  height: 10px;
  cursor: pointer;
}

.quantity-btns .arrow-down {
  transform: rotate(180deg);
}

#totalPrice{
	width: calc(100% - 50px);
	height: 15px;
	text-align: end;
	margin: 30px 0 20px 50px;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;

	@media (max-width: 1200px){
	    margin-left: 0;
	}
}

.sns-box{
	width: calc(100% - 50px);
	height: 176px;
	margin-left: 50px;

	@media (max-width: 1200px){
	    margin-left: 0;
	}
}

.product-detail-images{
	width: calc(100% - 380px);
	img{
    	width: 100%;
	}
	@media (max-width: 1200px){
		width: calc(100% - 300px);
    	img{
        	width: 100%;
    	}
	}
}

.cart {
  position: fixed;
  top: 40px;
  right: 40px;
  width: 55px;
  height: 35px;
  display: flex;
  z-index: 2;
}

.cart p {
  color: #000000;
  font-size: 10px;
  line-height: 12px;
  margin: 0;
  margin-top: 17px;
}

.cart img {
  width: 30px;
  height: 30px;
}

.product-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(100vw - 540px);
    margin-top: 300px;
}

.review-box{
    width: 100%;
}

.table-top{
    width: 100%;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.top-left{
    font-size: 12px;
    line-height: 25px;
    margin: 0;
    margin-top: 10px;
}

.top-right{
    display:flex;
    align-items: center;
    justify-content: space-between;
    width: 154px;
}

.write-p, .list-p{
    padding: 6px 20px;
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.write-p{
    width: 38px;
    height: 14px;
    color: #ffffff;
    background-color: #000000;
    border: 1px solid transparent;
}

.write-p:hover{
    color: #000000;
    background: #ffffff;
    border: solid 1px #000000;
}

.list-p{
    width: 26px;
    height: 14px;
    color: #000000;
    background: transparent;
    border: solid 1px #DFDFDF;
}

.list-p:hover{
    background: #dddddd
}

.table-bottom{
    width: 100%;
    height: 39px;
    border-top: solid 1px #dddddd;
    text-align: center;
    p{
        font-size: 12px;
        line-height: 39px;
        margin: 0;
        color: #9e9e9e;
    }
}

.qa-box{
    width: 100%;
    margin-top: 76px;
}

.table-body{
    width: 100%;
    border-collapse: collapse;
}

.table-body tr{
  border-bottom: 1px solid #dddddd;
}

.table-body th,
.table-body td {
  text-align: center;
  padding: 10px;
  font-size: 11px;
  line-height: 20px;
  font-weight: 500;
  color: #353535;
}

.table-body tr:nth-child(1){
    border-top: 1px solid #dddddd;
}

.table-body th:nth-child(2),
.table-body td:nth-child(2) {
  text-align: left;
  a{
    text-decoration: none;
    color: #353535;
  }
}

.paging{
    width: 100%;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    a{
        color: #9e9e9e;
        text-decoration: none;
        font-size: 12px;
        font-weight: 500;
        line-height: 34px;
    }
    a.current{
        font-weight: 700;
        color: #000000;
        border-bottom: solid 1px #555555;
    }
}