/* 나의활돌 S */

/* 나의활돌 > 관심상품 S */
.tab-content-activity { margin-top:0; }
.my-wishlist-product { width:100%; max-width:1200px; margin:0 auto; }
.mywish-check-all { position:absolute; right:0; display: flex; flex-direction: column; justify-content: center; text-align:center; height: 100px; }
.mywish-check-all .check-all { left:-50px; top:4px; }
.mywish-check-all a.btn-mywish-delete { display:block; width:200px; height:40px; line-height:40px; background-color:#888; color:#fff; font-size:21px; }

#My-Wishlist .thumbnail {
  float: left;
  position: relative;
  width: 32.3333%;
  padding-bottom: 32.3333%;
  margin: 0.5%;
  overflow: hidden;
  padding-bottom:24.2%;
}
#My-Wishlist .thumbnail:hover {

}
#My-Wishlist .img-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
#My-Wishlist .img-container img {
  width: 150%;
  -webkit-transform: translate(-11%, 0%);
  -ms-transform: translate(-11%, 0%);
  transform: translate(-11%, 0%);
}
#My-Wishlist .img-container:hover .check-box {
  top: 0;
  left: 0;
}
#My-Wishlist .img-container:hover .check-box .btn-trans {
  background: rgba(255, 255, 255, 0.4);
  bor1der: 1px solid #fff;
}
#My-Wishlist .check-box {
  position: absolute;
  wi1dth: 100%;
  hei1ght: 100%;
  z-index:5;
}
#My-Wishlist .check-box button { background-color:transparent!important; }
#My-Wishlist .table {
  display: table;
}
#My-Wishlist .table .table-cell {
  display: table-cell;
  vertical-align: middle;
  bor1der: 2px solid #fff;
}
#My-Wishlist .btn {
  border: none;
  font-size: inherit;
  font-weight: 100;
  color: #fff;
  display: inline-block;
  text-transform: uppercase;
  position: relative;
  bo1rder: 1px solid #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
#My-Wishlist .btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
#My-Wishlist .btn::after {
  line-height: 1;
  position: relative;
  -webkit-font-smoothing: antialiased;
}
#My-Wishlist .btn-sep {
  margin: 30px 0px;
}
#My-Wishlist .btn-p {
  font-size: 16px;
  padding: 10px 20px;
}
#My-Wishlist .btn-trans {
  background: rgba(249, 229, 89, 0);
  color: #fff;
}
#My-Wishlist .btn-trans:hover {
  background: rgba(0, 0, 0, 0.4);
}
#My-Wishlist .btn-trans:active {
  background: rgba(0, 0, 0, 0.4);
}


@media screen and (max-width: 768px) {
  #My-Wishlist .thumbnail {
    width: 48%;
    padding-bottom: 48%;
    margin: 1%;
  }
}




/* 관심상품 체크박스 S */
.checkbox-wish-container {
  display: block;
  position: relative;
  padding-left: 50px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-wish-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkbox-wish-container .checkmark {
  position: absolute;
  top: 10px;
  left: 15px;
  height: 28px;
  width: 28px;
  background-color: #fff;
  border:1px solid #707070;
  border-radius:5px;
}

/* On mouse-over, add a grey background color */
.checkbox-wish-container:hover input ~ .checkmark {
  background-color: #fff;
  border:1px solid #707070;
}

/* When the checkbox is checked, add a orange background */
.checkbox-wish-container input:checked ~ .checkmark {
  background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-wish-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-wish-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-wish-container .checkmark:after {
  left: 10px;
  top: 5px;
  width: 7px;
  height: 12px;
  border: solid #707070;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* 관심상품 체크박스 E */
/* 나의활돌 > 관심상품 E */


/* 나의활돌 > 1:1문의내역 S */
.myinquiry-list {  }
.myinquiry-list table { margin-bottom:30px; }
.myinquiry-list td:nth-child(1) { text-align:left; }
.myinquiry-list td:nth-child(2) { text-align:right; }
.myinquiry-list td.myinquiry-list-date { border-bottom:1px solid #aaa; padding-bottom:10px; }
.myinquiry-list td span { display:block; }
.myinquiry-list td span.myinquiry-list-title { font-size:22px; font-weight:bold; }
.myinquiry-list td span.myinquiry-list-deli { color:#FF6719; margin-bottom:7px; }
.myinquiry-list td.condition p { border:1px solid #333; border-radius:50px; width:140px; height:40px; text-align:center; display:inline-block; line-height:40px; }
.myinquiry-list td.myinquiry-list-second { height:100px; }

.btn-myinquiry-write { position:absolute; right:0; top:33px; }
/* 나의활돌 > 1:1문의내역 E */


/* 나의활돌 > 나의 Q&A S */
.qna-accordian {
  position: relative;
  width: 100%;
  overflow: hidden;
  font-size:14px; line-height:16px;borde1r-top:1px solid #eee;
}

 .qna-wrap { border-top:1px solid #eee; }

 .qna-wrap input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.qna-wrap label {
  position: relative;
  display: block;
  padding: 0 0 0 60px;
  background: #fff;
  font-weight: bold;
  line-height: 60px;
  height:60px;
  cursor: pointer;
  border-bottom:1px solid #eee;
}

.qna-wrap label span.end { position:absolute; right:0; width:84px; height:28px; border-radius:28px; background-color:#fff; border:1px solid #707070; line-height:28px; text-align:center; top:15px; font-size:14px; color:#333; }
.qna-wrap label span.wait { position:absolute; right:0; width:84px; height:28px; border-radius:28px; border:1px solid #707070; line-height:28px; text-align:center; top:15px; font-size:14px; color:#333; background-color:#eee; }

.qna-wrap label:hover,
.qna-wrap [type=radio]:checked ~ label,
.qna-wrap [type=checkbox]:checked ~ label { backgro1und-color:#fafafa; }



.qna-accordian-content {
  max-height: 0;
  overflow: hidden;
  background: #fafafa;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
  position:relative;
  border-bot1tom:1px solid #eee;
}
.qna-accordian-content::before { cont1ent: "A"; posi1tion:absolute; to1p:10px; c1olor:#00B8B8; wid1th:60px; heigh1t:60px; line-1height:60px; text-1align:center; fo1nt-size:24px; font1-weight:900; }

.qna-accordian-content p {
  color:#333; line-height:26px;
  pad1ding:23px 60px;
  border-bo1ttom:1px solid #eee;
}



.qna-wrap label { line-height:24px; height:auto; min-height:60px; padding:0; display:flex; }
.qna-accordian-content { display:flex; }
.qna-accordian-start { width:6%; }
.qna-accordian-start span.product { width:50px; height:50px; border:1px solid #aaa; display:block; margin:25px 0; }
.qna-accordian-start span.product img { width:100%; }
.qna-accordian-center { width:74%; padding:20px 0; font-weight:bold; display:flex; flex-direction:column; justify-content:center; }
.qna-accordian-center span.product-tit { display:block; color:#aaa; font-weight:normal; }
.qna-accordian-center span.product-tit span { font-size:12px; }
.qna-accordian-end { width:20%; display:flex; justify-content:end; }
.qna-accordian-end span { width:100%; max-width:86px; text-align:center; height:30px; line-height:30px; border:1px solid #aaa; border-radius:30px; display:block; margin:35px 0; }
.qna-accordian-end span.ready { background:#eee; }
.qna-accordian-end span.delete { background:#333; border:#333; }
.qna-accordian-end span.delete a { display:block; color:#fff; }




/* :checked */
.qna-wrap input:checked ~ .qna-accordian-content {
  max-height: 100em;
}
/* Icon */
.qna-wrap label::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 60px;
  height: 60px;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}
.qna-wrap input[type=checkbox] + label::before {
  con1tent: "Q";
  lin1e-height:60px;
  font1-size:24px;
  font1-weight:900;
}

.qna-wrap input[type=checkbox]:checked + label::before {
  color:#FF6719;
}

.btn-qna-write { display: flex; justify-content:flex-start; align-items: center; position:relative; margin-bottom:14px; }
.btn-qna-write dt { font-size:12px; line-height:13px; color:#888; }
.btn-qna-write dd { position:absolute; right:0; font-size:14px; line-height:16px; }
/* 나의활돌 > 나의 Q&A E */

/* 나의활돌 > 나의 리뷰 S */
.tabset_inner li.myreview-tab a { color:#999!important; }
.tabset_inner li.myreview-tab span.division { color:#999!important; }
.tabset_inner li.myreview-tab a.active { color:#333!important; }
.tabset_inner li.myreview-tab:nth-child(2) { margin-left:0; }
.myreview-wrap {  }
.myreview-wrap .myreview-items { width:50%; max-width:600px; height:162px; float:left; position:relative; }
.myreview-wrap .myreview-items .myreview-item { margin:0 15px; padding:21px 0; border-bottom:1px solid #aaa; }
.myreview-item .myreview-item-img { float:left; overflow:hidden; width:20%; max-width:120px; height:auto; max-height:120px; background:#fff; display:flex; flex-direction:column; align-items:center; }
.myreview-item .myreview-item-img img { width:160%; }
.myreview-item .myreview-item-caption { float:left; width:66%; padding:0 2%; }
.myreview-item .myreview-item-caption li { overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: keep-all; }
.myreview-item .myreview-item-caption li:nth-child(1) { font-size:20px; line-height:23px; font-weight:bold; }
.myreview-item .myreview-item-caption li:nth-child(2) { font-size:12px; line-height:23px; color:#aaa; align-items: center; display:flex; margin-bottom:17px; }
.myreview-item .myreview-item-caption li:nth-child(2) span { font-size:18px; color:#FF6719; margin-right:11px; }
.myreview-item .myreview-item-caption li:nth-child(3) { line-height:21px; font-weight:bold; margin-bottom:7px; }
.myreview-item .myreview-item-caption li:nth-child(4) { font-size:16px; line-height:18px;  }
.myreview-item .myreview-item-good { float:right; position:relative; text-align:center; width:10%; top:70px; font-size:10px; height:36px; line-height:36px; background:transparent; display:flex; align-items:center; justify-content:center; }
.myreview-item .myreview-item-good:before { content:'\f004'; display:block; position:absolute; width:36px; height:32px; font-family: 'FontAwesome'; color:#F2E6D9; font-size:36px; text-align:center; line-height:32px; }
.myreview-item .myreview-item-good span { position:relative; z-index:5; }




/* 나의활돌 > 작성할 리뷰 S */
.myreview-write-wrap { position:relative; top:2px; }

/*
.myreview-write-wrap table .img-w { width:12%; }
.myreview-write-wrap table .caption-w {  }
.myreview-write-wrap table .btn-w { width:20%; }
.myreview-write-wrap table td { border-bottom:1px solid #aaa; height:120px; padding:20px 0; line-height:26px; }
.myreview-write-wrap table td img { width:160%; }
.myreview-write-wrap table td p.myreview-img-review { width:100%; max-width:120px; height:100%; max-height:120px; overflow:hidden; display:block; }
.myreview-write-wrap table td.myreview-btn-review { text-align:right; }
.myreview-write-wrap table td span { font-size:20px; font-weight:bold; display:block; line-height:23px; margin-bottom:12px; }
.myreview-write-wrap table td a { color:#888; display:inline-block; width:100%; max-width:140px; height:40px; line-height:40px; border:1px solid #aaa; border-radius:10px; text-align:center; }
*/

.myreview-write-wrap ul { width:100%; border-bottom:1px solid #aaa; padding:21px 0; }
.myreview-write-wrap ul::after { content:''; display:block; clear:both; }
.myreview-write-wrap ul li { float:left; display:flex; flex-direction: column; justify-content: center; height:120px; }
.myreview-write-wrap ul li:nth-child(1) { width:20%; max-width:120px; overflow:hidden; align-items:center; }
.myreview-write-wrap ul li:nth-child(1) img { width:160%; }
.myreview-write-wrap ul li:nth-child(2) { font-size:18px; line-height:24px; padding:0 2%; width:56%; }
.myreview-write-wrap ul li:nth-child(2) span { font-size:20px; line-height:23px; font-weight:bold; margin-bottom:15px; }
.myreview-write-wrap ul li:nth-child(3) { float:right; width:20%; align-items: end; }
.myreview-write-wrap ul li:nth-child(3) a { color:#888; display:block; width:100%; max-width:140px; height:40px; line-height:40px; border:1px solid #aaa; border-radius:10px; text-align:center; }
/* 나의활돌 > 작성할 리뷰 E */



.myreview-write-wrap ul { width:100%; border-bottom:1px solid #aaa; padding:21px 0; }
.myreview-write-wrap ul::after { content:''; display:block; clear:both; }
.myreview-write-wrap ul li { float:left; display:flex; flex-direction: column; justify-content: center; height:120px; }
.myreview-write-wrap ul li:nth-child(1) { width:20%; max-width:120px; overflow:hidden; align-items:center; }
.myreview-write-wrap ul li:nth-child(1) img { width:160%; }
.myreview-write-wrap ul li:nth-child(2) { font-size:18px; line-height:24px; padding:0 2%; width:56%; }
.myreview-write-wrap ul li:nth-child(2) span { font-size:20px; line-height:23px; font-weight:bold; margin-bottom:15px; }
.myreview-write-wrap ul li:nth-child(3) { float:right; width:20%; }
.myreview-write-wrap ul li:nth-child(3) a { color:#888; display:block; width:100%; max-width:140px; height:40px; line-height:40px; border:1px solid #aaa; border-radius:10px; text-align:center; }




@media(max-width: 1024px){
	.qna-accordian-start { width:7%; }
	.qna-accordian-center { width:73%; }
  }



@media(max-width: 768px){
	.myreview-wrap .myreview-items { width:100%; float:none; max-width:100%; }
	.myreview-wrap .myreview-items .myreview-item { margin:0; }
	.myreview-wrap { position:relative; top:30px; }
	.myreview-write-wrap { top:30px; }

	.qna-select { top:-80px; }
	.review-select { top:-80px; max-width:200px; }


	.qna-accordian-start { width:11%; }
	.qna-accordian-center { width:69%; }
}




@media(max-width: 480px){
	.mywish-check-all { top:-7px; }
	.mywish-check-all .check-all { left:-50px; top:2px; }
	.mywish-check-all a.btn-mywish-delete { width:130px; height:35px; line-height:35px; font-size:16px; }

	.myinquiry-list table { margin-bottom:15px; }
	.myinquiry-list td.myinquiry-list-date { font-size:14px; }
	.myinquiry-list td span.myinquiry-list-deli { font-size:14px; }
	.myinquiry-list td span.myinquiry-list-title { font-size:16px; }
	.myinquiry-list td.myinquiry-list-second { height:80px; }
	.myinquiry-list td.condition p { font-size:14px; width:90px; height:30px; line-height:30px; }

	.tab-activity-qna { margin-top:30px!important; }
	.qna-wrap label::before { width:30px;; }
	.qna-wrap label span.title { width:75%; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: keep-all; }
	.qna-accordian-content::before { width:30px; }
	.qna-accordian-content p { pad1ding:23px 30px; }
	.tabset_item a { margin:0; font-size:14px; }


	.qna-accordian-start { width:18%; }
	.qna-accordian-center { width:60%; }
	.qna-accordian-end { width:22%; }


	.myreview-wrap {  }
	.myreview-wrap .myreview-items { height:auto; }
	.myreview-wrap .myreview-items .myreview-item { height:78px; padding:21px 0; }
	.myreview-item .myreview-item-caption li:nth-child(1) { font-size:16px; line-height:18px; }
	.myreview-item .myreview-item-caption li:nth-child(2) { margin-bottom:0; font-size:10px; }
	.myreview-item .myreview-item-caption li:nth-child(2) span { font-size:16px; }
	.myreview-item .myreview-item-caption li:nth-child(3) { font-size:14px; margin-bottom:0; }
	.myreview-item .myreview-item-caption li:nth-child(4) { font-size:12px; }
	.myreview-item .myreview-item-good { top:33px; }


	.myreview-write-wrap { top:28px; }
	.review-select { top:90px; }
	.qna-select { top:-60px; }
	.review-select { top:15px; max-width:150px; }



	.myreview-write-wrap ul { padding:0; }
	.myreview-write-wrap ul li { height:123px; }
	.myreview-write-wrap ul li:nth-child(2) { font-size:14px; line-height:18px; }
	.myreview-write-wrap ul li:nth-child(2) span { font-size:16px; line-height:20px; margin-bottom:5px; }
	.myreview-write-wrap ul li:nth-child(3) a { font-size:16px; }
}


/* 나의활돌 > 나의 리뷰 E */

/* 나의활돌 E */