@charset "UTF-8";
.color_cool {
  color: #477A7B !important;
}

.color_gold {
  color: #B89451 !important;
}

.color_black {
  color: #333 !important;
}

.executives-popup .layer-content {
  border-radius: 0.2em;
}
.executives-popup .layer-content .content .title {
  margin-bottom: 2.7777777778vw;
  padding: 0 5.5555555556vw;
  font-size: 3.6111111111vw;
  letter-spacing: -0.1805555556vw;
  line-height: 5vw;
  font-weight: 300;
  text-align: center;
  color: #333333;
}
.executives-popup .layer-content .content .list {
  padding: 3.3333333333vw 3.8888888889vw;
  background: #F8F8F8;
}
.executives-popup .layer-content .content .list p {
  font-size: 3.6111111111vw;
}
.executives-popup .layer-content .content .list div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.executives-popup .layer-content .content .list ul {
  padding-top: 2.5vw;
}
.executives-popup .layer-content .content .list ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.executives-popup .layer-content .content .list ul li p {
  position: relative;
  color: #555555;
}
.executives-popup .layer-content .content .list ul li p:nth-of-type(1) {
  padding-left: 3.8888888889vw;
}
.executives-popup .layer-content .content .list ul li p:nth-of-type(1)::before {
  position: absolute;
  left: 0;
  top: 0.5555555556vw;
  content: "";
  width: 2.2222222222vw;
  height: 2.2222222222vw;
  border-left: 0.2777777778vw solid #B3B3B3;
  border-bottom: 0.2777777778vw solid #B3B3B3;
}
.executives-popup .layer-content .content .list .tbc-delivery {
  display: block;
  margin-bottom: 1.9444444444vw;
  padding-left: 1.9444444444vw;
  text-indent: -1.9444444444vw;
  font-size: 3.6111111111vw;
  letter-spacing: -0.1805555556vw;
  line-height: 5vw;
  font-weight: 300;
  color: #333333;
}
.executives-popup .layer-content .content .list .tbc-delivery em {
  color: #FF4B00;
}
.executives-popup .layer-content .content .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0 3.8888888889vw 5vw;
  border-bottom: 1px solid #E5E5E5;
}
.executives-popup .layer-content .content .price b {
  position: relative;
  font-weight: 500;
  font-size: 3.8888888889vw;
  color: #333;
}
.executives-popup .layer-content .content .price b:first-child {
  left: 0.5555555556vw;
}
.executives-popup .layer-content .content .price b:last-child {
  left: -0.5555555556vw;
}
.executives-popup .layer-content .content .pro {
  padding: 2.7777777778vw 0;
  border-top: 0.2777777778vw solid #E9E9E9;
  border-bottom: 0.2777777778vw solid #E9E9E9;
  text-align: center;
}
.executives-popup .layer-content .content .pro li {
  margin-bottom: 1.3888888889vw;
}
.executives-popup .layer-content .content .pro li:last-child {
  margin-bottom: 0;
}
.executives-popup .layer-content .content .info {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 4.1666666667vw 5.5555555556vw 0;
}
.executives-popup .layer-content .content .info i {
  margin-right: 1.6666666667vw;
  position: absolute;
  top: 0.8333333333vw;
  left: 0;
}
.executives-popup .layer-content .content .info i + span {
  padding-left: 5.5555555556vw;
}
.executives-popup .layer-content .content .info span {
  width: 100%;
  line-height: 5vw;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #333;
  text-align: left;
}
.executives-popup .layer-content .content .info span b {
  font-weight: 500;
}

.point-popup .layer-content {
  border-radius: 0.2em;
}
.point-popup .layer-content .list p {
  text-align: center;
  font-size: 3.8888888889vw;
  color: #333;
  line-height: 1.6;
}
.point-popup .layer-content .list p b {
  font-weight: 500;
}
.point-popup .layer-content .list span {
  padding: 1.9444444444vw 0 0;
  display: block;
  text-align: center;
  font-size: 3.3333333333vw;
  color: #7E7E7E;
  line-height: 1.6;
}

.product-gift-popup .layer-content {
  border-radius: 0.2em;
}
.product-gift-popup .layer-content .content .list {
  margin-bottom: 0;
}
.product-gift-popup .layer-content .content .list .product-slide {
  padding: 2.7777777778vw 0;
}
.product-gift-popup .layer-content .content .list .product-slide .thumbnail {
  overflow: hidden;
  margin: 0 auto;
  width: 33.3333333333vw;
  height: 33.3333333333vw;
  background-color: #fff;
  border-radius: 1.1111111111vw;
  border: 0.2777777778vw solid #E5E5E5;
  text-align: center;
}
.product-gift-popup .layer-content .content .list .product-slide li {
  margin-bottom: 0;
}
.product-gift-popup .layer-content .content .list .product-slide .swiper-paging {
  position: static;
}
.product-gift-popup .layer-content .content .list .tti {
  margin: 2.7777777778vw 8.3333333333vw 0;
  text-align: center;
  font-size: 3.6111111111vw;
  line-height: 4.4444444444vw;
  color: #333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  white-space: normal;
  text-overflow: ellipsis;
  height: 10vw;
  word-break: keep-all;
}
.product-gift-popup .layer-content .content .list .day {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-top: 0.5555555556vw;
  text-align: center;
  background: #F8F8F8;
  border-radius: 0.5555555556vw;
  height: 11.1111111111vw;
}
.product-gift-popup .layer-content .content .list .day b {
  display: inline-block;
  vertical-align: top;
  color: #7E7E7E;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: center;
}
.product-gift-popup .layer-content .content .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  padding-top: 3.3333333333vw;
}
.product-gift-popup .layer-content .content .info i {
  margin-top: 0.5555555556vw;
}
.product-gift-popup .layer-content .content .info span {
  width: 100%;
  line-height: 5vw;
  padding-left: 1.6666666667vw;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
}
.product-gift-popup .layer-content .content .info span b {
  font-weight: 500;
}

/* 구매하기 버튼 팝업 */
.product-buy-link {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 12.2222222222vw;
}
.product-buy-link a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  background: #477A7B;
  font-size: 4.4444444444vw;
  font-weight: 700;
  color: #fff;
  border: 1px solid #477A7B;
}
.product-buy-link a:nth-of-type(2) {
  background: #fff;
  color: #477A7B;
}
.product-buy-link a .sale {
  display: inline-block;
  padding: 1.6666666667vw 1.6666666667vw 2.7777777778vw;
  position: absolute;
  top: -4.4444444444vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
  background: #fff url("../images/icons/product_view/icon_border.png") no-repeat left 0 top 0/100% auto;
  border-radius: 0.2em;
  font-size: 3.3333333333vw;
  font-weight: 700;
  color: #477A7B;
}

.product-buy-popup .layer-controllers {
  display: none !important;
}
.product-buy-popup.layer-bottom .layer-content {
  padding-top: 3.3333333333vw;
}
.product-buy-popup .layer-content {
  padding-bottom: 0 !important;
  background: #F8F8F8;
}
.product-buy-popup .layer-content .content {
  padding-bottom: 0;
}
.product-buy-popup .layer-content section.none-option .option-wrap {
  display: none;
}
.product-buy-popup .layer-content section.none-option .option-info .option-cls {
  display: none;
}
.product-buy-popup .layer-content section.none-option .option-info .option-list {
  padding: 0 0 4.1666666667vw 0;
}
.product-buy-popup .layer-content section.use-naver-pay {
  padding-bottom: 58.8888888889vw;
}
.product-buy-popup .layer-content section .bar {
  display: block;
  width: 11.1111111111vw;
  height: 1.1111111111vw;
  margin: 0 auto 4.4444444444vw;
  border-radius: 8.3333333333vw;
  background: #D4D4D4;
}
.product-buy-popup .layer-content section .option-wrap .option .list {
  position: relative;
  margin-bottom: 1.6666666667vw;
  background: #fff;
  border: 0.2777777778vw solid #E5E5E5;
}
.product-buy-popup .layer-content section .option-wrap .option .list input {
  position: absolute;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}
.product-buy-popup .layer-content section .option-wrap .option .list.on .tti::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.product-buy-popup .layer-content section .option-wrap .option .list .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.product-buy-popup .layer-content section .option-wrap .option .list .title p {
  position: relative;
  font-size: 3.6111111111vw;
  color: #333;
}
.product-buy-popup .layer-content section .option-wrap .option .list .title p.tti {
  width: 100%;
  max-height: 10.2777777778vw;
  border-radius: 1.1111111111vw;
  border: 0.2777777778vw solid #333;
}
.product-buy-popup .layer-content section .option-wrap .option .list .title p .icon.icon-arrow-unfold {
  background-image: url(../images/icon/common/arrow_10.svg);
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.product-buy-popup .layer-content section .option-wrap .option .list .title p .icon.icon-arrow-unfold.down {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.product-buy-popup .layer-content section .option-wrap .option .list.prd-select .tti {
  padding: 3.3333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #7E7E7E;
  text-align: left;
}
.product-buy-popup .layer-content section .option-wrap .option .list.prd-select .tti span {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #333;
  text-align: left;
}
.product-buy-popup .layer-content section .option-wrap .option .list.prd-select.on .tti {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.product-buy-popup .layer-content section .option-wrap .option .list ul {
  display: none;
  border-top: 1px solid #E6E6E6;
}
.product-buy-popup .layer-content section .option-wrap .option .list ul li {
  border-bottom: 1px solid #E6E6E6;
}
.product-buy-popup .layer-content section .option-wrap .option .list ul li .pro-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-column-gap: 2.7777777778vw;
     -moz-column-gap: 2.7777777778vw;
          column-gap: 2.7777777778vw;
  padding: 3.3333333333vw;
}
.product-buy-popup .layer-content section .option-wrap .option .list ul li .pro-option .cl-chip {
  display: block;
  width: 5.5555555556vw;
  height: 5.5555555556vw;
}
.product-buy-popup .layer-content section .option-wrap .option .list ul li .pro-option p {
  width: 63.8888888889vw;
  padding: 0;
}
.product-buy-popup .layer-content section .option-wrap .option .list ul li .pro-option span i {
  display: block;
  font-size: 3.0555555556vw;
  font-weight: 400;
  color: #333;
  text-align: left;
}
.product-buy-popup .layer-content section .option-wrap .option .list ul li .pro-option.soldout {
  opacity: 0.3;
  pointer-events: none;
}
.product-buy-popup .layer-content section .option-wrap .option .list ul li .pro-option .left {
  margin-right: 2.7777777778vw;
}
.product-buy-popup .layer-content section .option-wrap .option .list ul li .pro-option .left img {
  width: 57px;
  height: 57px;
}
.product-buy-popup .layer-content section .option-wrap .option .list ul li .pro-option .right .item-name {
  margin-bottom: 1.6666666667vw;
  font-size: 3.6111111111vw;
  color: #333333;
  line-height: 5vw;
}
.product-buy-popup .layer-content section .option-wrap .option .list ul li .pro-option .right .item-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  letter-spacing: -0.0833333333vw;
}
.product-buy-popup .layer-content section .option-wrap .option .list ul li .pro-option .right .item-detail .price em {
  padding-right: 1.1111111111vw;
  font-size: 4.1666666667vw;
  color: #E64E00;
}
.product-buy-popup .layer-content section .option-wrap .option .list ul li .pro-option .right .item-detail .price span {
  font-size: 4.1666666667vw;
  color: #333333;
  font-weight: 600;
}
.product-buy-popup .layer-content section .option-wrap .option .list ul li .pro-option .right .item-detail .num {
  font-size: 3.3333333333vw;
  color: #A4A4A4;
  line-height: 5vw;
}
.product-buy-popup .layer-content section .option-wrap .option .list ul li:last-child {
  border-bottom: none;
}
.product-buy-popup .layer-content section .option-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.product-buy-popup .layer-content section .option-info ul {
  width: 100%;
}
.product-buy-popup .layer-content section .option-info ul li {
  position: relative;
  padding: 3.3333333333vw;
  background: #fff;
  margin-bottom: 1.6666666667vw;
}
.product-buy-popup .layer-content section .option-info ul li .option-cls {
  position: absolute;
  right: 3.3333333333vw;
  top: 3.3333333333vw;
  width: 4.4444444444vw;
  height: 4.4444444444vw;
}
.product-buy-popup .layer-content section .option-info ul li .option-list {
  font-size: 3.8888888889vw;
  padding: 0 7.7777777778vw 4.1666666667vw 0;
  line-height: 1.5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  white-space: normal;
  text-overflow: ellipsis;
  max-height: 12.5vw;
  margin-bottom: 4.4444444444vw;
}
.product-buy-popup .layer-content section .option-info ul li .option-quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.product-buy-popup .layer-content section .option-info ul li .option-quantity .qty-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.product-buy-popup .layer-content section .option-info ul li .option-quantity .qty-box .qty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 22.2222222222vw;
  text-align: center;
}
.product-buy-popup .layer-content section .option-info ul li .option-quantity .qty-box .num {
  padding-left: 2.2222222222vw;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #A4A4A4;
  text-align: left;
}
.product-buy-popup .layer-content section .option-info ul li .option-quantity .qty-box .num b {
  color: #FA192F;
}
.product-buy-popup .layer-content section .option-info ul li .option-quantity .price {
  font-size: 3.8888888889vw;
  font-weight: 500;
}
.product-buy-popup .layer-content section .option-info ul li:last-child {
  margin-bottom: 0;
}
.product-buy-popup .layer-content section .option-month p {
  margin: 3.3333333333vw 0;
  font-size: 3.3333333333vw;
  font-weight: 500;
}
.product-buy-popup .layer-content section .option-month ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.product-buy-popup .layer-content section .option-month ul li {
  width: calc(33% - 6px);
  padding: 1.6666666667vw 0;
  line-height: 1.6;
  font-size: 3.3333333333vw;
  font-weight: 500;
  color: #7E7E7E;
  text-align: center;
  background: #fff;
  border-radius: 0.2em;
  border: 1px solid #fff;
}
.product-buy-popup .layer-content section .option-month ul li.active {
  border-color: #477A7B;
  color: #477A7B;
}
.product-buy-popup .all-bottom {
  z-index: 20;
  background: #F8F8F8;
}
.product-buy-popup .all-bottom .all-price {
  padding: 2.2222222222vw 3.3333333333vw 3.8888888889vw;
  font-size: 3.6111111111vw;
  text-align: right;
  font-weight: 500;
}
.product-buy-popup .all-bottom .all-price .sale {
  display: block;
  padding-bottom: 0.8333333333vw;
  font-size: 3.0555555556vw;
  text-align: right;
  font-weight: 500;
  line-height: 1.5;
}
.product-buy-popup .all-bottom .all-price .sale.cart i {
  position: relative;
  display: inline-block;
  padding: 0.5555555556vw 2.2222222222vw;
  border-radius: 0.2em;
  background: #434C5F;
  font-size: 3.0555555556vw;
  color: #fff;
}
.product-buy-popup .all-bottom .all-price .sale.cart i::after {
  content: "";
  position: absolute;
  right: -3px;
  top: 50%;
  border-top: 6px solid #434C5F;
  border-left: 6px solid transparent;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.product-buy-popup .all-bottom .all-price strong {
  padding-left: 1.6666666667vw;
  font-size: 6.6666666667vw;
  font-weight: 500;
  color: #477A7B;
}
.product-buy-popup .all-bottom .all-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 13.8888888889vw;
}
.product-buy-popup .all-bottom .all-btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 4.4444444444vw;
  font-weight: 500;
  color: #ffffff;
  text-align: left;
  background: #9A9A9A;
}
.product-buy-popup .all-bottom .all-btn a.bg-cool {
  background: #477A7B;
}
.product-buy-popup .all-bottom .all-btn a.btn-gift::before {
  content: "";
  width: 5vw;
  height: 5vw;
  margin-right: 1.3888888889vw;
  background: url(../images/icons/product_view/icon_gift_white.svg);
}
.product-buy-popup .all-bottom .naverpay {
  padding: 3.8888888889vw;
  background: #fff;
}
.product-buy-popup .all-bottom .naverpay .npay_storebtn_bx {
  width: 100% !important;
}