@charset "utf-8";

/* CSS Document */


/******************************

COLOR PALETTE



[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Home
	3.1 Currency
	3.2 Language
	3.3 Account
	3.4 Main Navigation
	3.5 Hamburger Menu
	3.6 Logo
4. Breadcrumbs
5. Single Product Section
6. Product Details
7. Tabs
	7.1 Description
	7.2. Additional Info
	7.3 Reviews
8. Add Review
9. Benefit


******************************/


/*********************************
5. Single Product Section
*********************************/

.single_product_container {
  margin-top: 10px;
  padding-bottom: 60px;
}
.single_product_thumbnails {
  height: 527px;
}
.single_product_thumbnails ul li {
  position: relative;
  /*height: 70px;*/
  margin-bottom: 10px;
  cursor: pointer;
  overflow: hidden;
  border: 1px solid #e9e9e9;
}
.single_product_thumbnails ul li:last-child {
  margin-bottom: 0;
  margin-right: 0
}
.single_product_thumbnails ul li::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: solid 1px #fe4c50;
  content: '';
  visibility: hidden;
}
.single_product_thumbnails ul li.active::after,
.single_product_thumbnails ul li:hover::after {
  visibility: visible;
}
.single_product_thumbnails ul li img {
  width: 100%;
  height: auto;
}
.image_col {
  padding-right: 30px;
}
.single_product_image {
  width: 100%;
  height: 560px;
  border: 1px solid #e7e7e7;
}
.single_product_image_background {
  /*
	position: absolute;
	top: 0;
	left: 0;
*/
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/*********************************
6. Product Details
*********************************/

.product_details {
  width: 100%;
}
.product_details_title {
  font-weight: 500px;
  line-height: 30px;
  letter-spacing: -1px;
}
.product_details_title p {
  margin-top: 8px;
}
.free_delivery {
  background: #f5f5f5;
  margin-top: 15px;
  height: 30px;
}
.free_delivery i {
  display: inline-block;
}
.free_delivery span:last-child {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
}
.free_delivery span:first-child {
  display: inline-block;
  margin-right: 8px;
  font-size: 19px;
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}
.original_price {
  font-weight: 500;
  color: #b9b4c7;
  text-decoration: line-through;
  line-height: 30px;
  margin-top: 21px;
}
.original_price + .product_price {
  display: inline-block;
  font-size: 24px;
  line-height: 30px;
  margin-top: 2px;
}
.product_color {
  margin-top: 27px;
}
.product_color ul {
  display: inline-block;
  margin-left: 26px;
}
.product_color ul li {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 29px;
  cursor: pointer;
}
.quantity {
  width: 100%;
  height: 40px;
  margin-top: 23px;
}
.quantity_selector {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 50%;
  height: 40px;
  border: solid 1px #e5e5e5;
}
.quantity_selector span {
  font-weight: 500;
  color: #232530;
}
.plus,
.minus {
  padding-left: 14px;
  padding-right: 14px;
  cursor: pointer;
}
.plus:hover,
.minus:hover {
  color: #b5aec4;
}
.add_to_cart_button {
  width: 160px;
  margin-left: 19px;
  font-size: 12px !important;
}
.product_favorite:hover::after {
  color: #fe4c50;
}
.product_favorite::after {
  font-family: 'Font Awesome 5 Free';
  content: '\f004';
  font-size: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.product_favorite.active::after {
  color: #fe4c50;
  font-weight: 900;
}

/*상품상세-답변*/
.answer-mark{
	font-size:.88rem;
	color:#767676;
	border:1px solid #ccc;
	border-radius: 20px;
  padding:1px 7px 2px;
}
.answer-mark.answer-end{
  color:#1da563;
  border-color: #1da563;
}


/*********************************
7. Tabs
*********************************/

.tabs_section_container {
  width: 100%;
  padding-bottom: 80px;
  border-bottom: solid 1px #ebebeb;
}
.tabs_container {
  margin-bottom: 16px;
  border: 1px solid #ddd;
  border-left: 0;
  border-right: 0;
}
.tabs {
  display: table;
  table-layout: fixed;
  width: 100%
}
.tab {
  display: table-cell;
  position: relative;
  cursor: pointer
}
.tab:last-child {
  margin-right: 0px;
}
.tab span {
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  font-weight: 500;
  color: #1e1e27;
}
.tab:hover span {
  color: #1da563;
}
.tab.active span {
  color: #1da563;
}
.tab.active::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: transparent;
  content: "";
  background-color: #1da563;
}
.tab_container {
  width: 100%;
  display: none;
}
.tab_container.active {
  display: block;
}

/*********************************
7.1 Description
*********************************/

.desc_col {}
.tab_title {
  margin-bottom: 98px;
}
.tab_title h4 {
  display: inline-block;
  color: #fe4c50;
  border-bottom: solid 1px #fe4c50;
}
.tab_text_block {
  margin-bottom: 133px;
}
.tab_text_block p {
  font-weight: 400;
  margin-top: 10px;
}
.tab_image {
  width: 100%;
  margin-bottom: 131px;
}
.tab_image img {
  width: 100%;
}
.desc_last {
  margin-bottom: 0px;
}

/*********************************
7.2. Additional Info
*********************************/

.additional_info_col p span {
  margin-left: 22px;
}
.additional_info_title {
  margin-bottom: 48px;
}

/*********************************
7.3 Reviews
*********************************/

.reviews_title {
  margin-bottom: 58px;
}
.user_review_container {
  width: auto;
  margin: 1rem;
  border-bottom: 1px dashed #ddd;
}
.user_review_container .user_name{
  font-size:13px;  
  color:#454545;  
  font-weight: 400;
}
.user_review_container div{
  position:relative;
  word-wrap:break-word;
}
.user_review_container > div:first-child::after{
  content: '\e900';
	font-family: 'chain-icon' !important;
	color: #bbb;
	position: absolute;
	right: .5rem;
  bottom: .5rem;
	margin-top: -10px;
	font-size: 9px
}
.user_review_container > div:first-child[aria-expanded="true"]::after{
  content:'\e905';
}
.user_review_container p.ellipsis{
  color:#454545;
  font-weight: 400;
  height:24px;
  margin-top:5px;
  padding-right:50px;
}

.reviews_col {
  padding-right: 30px;
}
.user_pic {
  width: 70px;
  height: 70px;
  background: #ebebeb;
  border-radius: 50%;
}
.user_rating .star_rating {
  margin-left: 5px;
  margin-top: 13px;
}
.user_rating .star_rating li {
  margin-right: -3px;
}
.user_rating .star_rating li i {
  font-size: 12px;
}
.review_date {
  color: #fe4c50;
  margin-top: -4px;
}
.user_name {
  font-size: 16px;
  font-weight: 500;
}
.review p {
  margin-top: 10px;
}

/*********************************
8. Add Review
*********************************/

.add_review {
  margin-top: 94px;
}
#review_form > div {
  margin-bottom: 40px;
}
#review_form div:nth-child(2) h1 {
  display: inline-block;
}
#review_form div:nth-child(2) {
  margin-bottom: 20px;
}
#review_form > div:last-child {
  margin-bottom: 0px;
}
.add_review h1 {
  font-size: 18px;
  font-weight: 500;
}
.form_input {
  display: block;
  width: 100%;
  height: 50px;
  border: solid 1px #e5e5e5;
  padding-left: 20px;
}
.input_name {
  margin-bottom: 19px;
  margin-top: 31px;
}
.input_review {
  display: block;
  width: 100%;
  border: solid 1px #e5e5e5;
  margin-top: 23px;
  padding-left: 20px;
  padding-top: 13px;
}
.user_star_rating {
  display: inline-block;
  margin-left: 18px;
}
.user_star_rating li {
  display: inline-block;
  margin-right: -3px;
  cursor: pointer;
}
.user_star_rating li i {
  color: #f5c136;
  font-size: 18px;
}
.review_submit_btn {
  width: 170px;
  border: none;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

/*********************************
9. Benefit
*********************************/

.benefit {
  margin-top: 74px;
}
.benefit_row {
  padding-left: 15px;
  padding-right: 15px;
}
.benefit_col {
  padding-left: 0px;
  padding-right: 0px;
}
.benefit_item {
  height: 100px;
  background: #f3f3f3;
  border-right: solid 1px #FFFFFF;
  padding-left: 25px;
}
.benefit_col:last-child .benefit_item {
  border-right: none;
}
.benefit_icon i {
  font-size: 30px;
  color: #fe4c50;
}
.benefit_content {
  padding-left: 22px;
}
.benefit_content h6 {
  text-transform: uppercase;
  line-height: 18px;
  font-weight: 500;
  margin-bottom: 0px;
}
.benefit_content p {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 0px;
  color: #51545f;
}

/*custom*/

.pd-list {
  display: table;
  width: 100%;
  padding: 6px 0;
}
.pd-tlt {
  display: table-cell;
  font-size: .94rem;
  font-weight: normal;
  color: #1e1e27;
  width: 6rem;
}
.pd-info {
  display: table-cell;
  font-size: .96rem;
  color: #626262;
}
.pd-info select + select {
  margin-top: 10px
}
.pd-info select {
  height: 46px;
  padding: .4rem .8rem;
  font-size: .95rem;
  color: #525252;
}
.pd-total-price {
  border-bottom: 3px solid #199559;
  padding-bottom: 1rem;
  margin: 2rem 0 1rem 0;
}
.pd-total-price .total-txt {
  font-size: 1.4rem;
  margin-bottom: 0
}
.pd-total-price .total-price {
  font-size: 1.5rem;
  position: absolute;
  right: 0;
  top: 0;
  color: #199559;
}
.pd-option {
  border: 1px solid #e9e9e9;
  background: #f9f9f9;
  position: relative;
  padding: 1rem;
  margin: 1rem 0
}
.pd-option h3 span + span::before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 11px;
  margin: 0 6px;
  background-color: #a9a9a9;
  vertical-align: unset;
}
.pd-option .option-price {
  font-size: 1.2rem;
  position: absolute;
  right: 1rem;
  bottom: 1rem;
	font-weight: 500
}
.pd-option .quantity_selector {
  background: #fff;
  margin-top: 16px;
  width: 34%;
  height: 30px;
}
.pd-option .btn-delete {
  padding: .5rem;
  position: absolute;
  right: .5rem;
  top: .5rem;
  font-size: 1rem
}
.btn-order .btn {
  width: 100%
}
.btn-order .btn-cart,
.btn-order .btn-buy {
  width: 49%;
  margin-right: 1%
}
.btn-order .product_favorite {
  width: 18%;
  text-align: center;
  border: 1px solid #ccc;
  cursor: pointer;
}
#md-review,
#md-qna {
  max-width: 620px;
}
#md-qna .form-control:focus {
  border-color: #674cfe
}
.btn-seller ul li {
  width: 48.5%;
  display: inline-block
}
.btn-seller ul li+li {
  margin-left: 2%
}

/* 셀러의 다른상품 */

/*
.section01 .product_slider_container,
.section01 .product_slider_item .product-item {
  height: 290px
}
.section01 .product {
  height: 275px
}
*/