@charset "utf-8";
/* (2025.12.02) 메인에 Review 추가 -------------------------------- */
#idx_review {
}

#idx_review .columns {
   columns: 3;
}
#idx_review .columns .col_box {
   /* break-inside: auto;
   margin-bottom: 0; */
   break-inside: avoid;
}
#idx_review .columns .col_box .cont_wrap {
   /* width: 100%;
   height: auto;
   display: block; */
   /* break-inside: avoid; */
   margin-bottom: 1rem;
}

#idx_review .columns .cont_wrap {
   position: relative;
}
#idx_review .columns .rv_img {
   border-radius: 20px;
   overflow: hidden;
}
#idx_review .columns img {
   width: 100%;
}
#idx_review .columns .cont_wrap .rv_txt {
   position: absolute;
   left: 0;
   bottom: 0;
   color: #fff;
   padding: 10px;
}
@media (max-width: 969px) {
   #idx_review .columns {
      columns: 2;
   }
}
@media (max-width: 576px) {
   #idx_review .columns {
      columns: 1;
   }
}

/* (2025.12.02) 메인에 Review 추가 -------------------------------- */

#gnb h2 {
   position: absolute;
   font-size: 0;
   text-indent: -9999em;
   line-height: 0;
   overflow: hidden;
}
#gnb_1dul {
   padding: 20px 0;
}
#gnb_1dul .gnb_1dli {
   line-height: 46px;
   padding: 0 20px;
   font-size: 1.077em;
}
.gnb_1dli:hover {
   /* background: #f5f6fb;
    background: rgba(245, 246, 251, 1);
    background: -moz-linear-gradient(left, rgba(245, 246, 251, 1) 0%, rgba(245, 246, 251, 0.54) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(245, 246, 251, 1)), color-stop(100%, rgba(245, 246, 251, 0.54)));
    background: -webkit-linear-gradient(left, rgba(245, 246, 251, 1) 0%, rgba(245, 246, 251, 0.54) 100%);
    background: -o-linear-gradient(left, rgba(245, 246, 251, 1) 0%, rgba(245, 246, 251, 0.54) 100%);
    background: -ms-linear-gradient(left, rgba(245, 246, 251, 1) 0%, rgba(245, 246, 251, 0.54) 100%);
    background: linear-gradient(to right, rgba(245, 246, 251, 1) 0%, rgba(245, 246, 251, 0.54) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f6fb', endColorstr='#f5f6fb', GradientType=1); */
}
.gnb_2dul {
   display: none;
   padding-left: 25px;
}
.gnb_2dli {
   position: relative;
}
.gnb_2dli::before {
   content: "";
   position: absolute;
   top: 19px;
   left: 0;
   background-color: #ddd;
   height: 2px;
   width: 6px;
}
/* 오늘 본 상품 */
#stv {
   position: relative;
   padding: 20px;
}
#stv h3 {
   color: #b0b3c6;
   margin-bottom: 10px;
   font-size: 1em;
}
#stv_ul {
}
#stv_ul:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
#stv_ul li {
   float: left;
   width: 33.333%;
}
#stv_ul li img {
   width: 100%;
   height: auto;
}
#stv_pg {
   display: block;
   text-align: center;
   margin: 0;
   line-height: 20px;
   margin-top: 10px;
   color: #b0b3c6;
}
.stv_item {
   display: none;
   padding: 3px;
   word-break: break-all;
}
#stv_btn {
   position: relative;
   margin-top: 10px;
}
#up {
   position: absolute;
   top: 0px;
   left: 5px;
   background: url(img/btn_prev.gif) no-repeat 50% 50%;
   width: 30px;
   height: 20px;
   text-indent: -999px;
   overflow: hidden;
   border: 1px solid #4c4e5c;
}
#down {
   position: absolute;
   top: 0px;
   right: 5px;
   background: url(img/btn_next.gif) no-repeat 50% 50%;
   width: 30px;
   height: 20px;
   text-indent: -999px;
   overflow: hidden;
   border: 1px solid #4c4e5c;
}
/*메인배너*/
#main_bn {
   position: relative;
   /* padding: 10px */
}
#main_bn img {
   width: 100%;
   height: 100%;
   object-fit: cover; /* 핵심: 비율 유지하면서 꽉 채움 */
   object-position: center; /* 이미지 정렬(기본 center) */
   display: block;
}
.slide-wrap,
.bn_first {
   height: 100%;
   margin: 0;
   padding: 0;
   position: relative;
   /* z-index: -1; */
}
/* .slide-wrap li:first-child {
  background-image: url(../../../../img/main_slide_bg_1.jpg);
  background-position: 50% 30%;
}
.slide-wrap li:nth-child(2) {
  background-image: url(../../../../img/main_slide_bg_4.jpg);
  background-position: 50% 70%;
}
.slide-wrap li:nth-child(3) {
  background-image: url(../../../../img/main_slide_bg_3.jpg);
  background-position: 50% 70%;
}
.slide-wrap li:nth-child(4) {
  background-image: url(../../../../img/main_slide_bg_2.jpg);
  background-position: 50% 30%;
}
.slide-wrap li:nth-child(5) {
  background-image: url(../../../../img/main_slide_bg_5.jpg);
  background-position: 50% 30%;
}
.slide-wrap li:nth-child(6) {
  background-image: url(../../../../img/main_slide_bg_6.jpg);
  background-position: 50% 50%;
} */
.slide-wrap,
.bn_first::after {
   /* content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.1);
  background-color: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(8px);
  z-index: -1; */
}
.slide-wrap li:not(:first-child) {
   display: none;
}
#main_bn .bxslide_text {
   position: absolute;
   left: 50%;
   transform: translate(-50%, 0%);
   color: #fff;
   width: 100%;
   max-width: 1200px;
   text-align: right;
   bottom: 0;
   padding: 0 10px;
   /* font-family: "Noto Serif", serif; */
   font-family: "Noto Serif", "Carlito", "Gowun Dodum", sans-serif;
}
#main_bn .bxslide_text .sp01 {
   color: yellow;
   font-size: 30px;
}
#main_bn .bxslide_text .sp02 {
   color: blue;
   font-size: 60px;
   font-family: "Courgette", cursive;
   text-shadow:
      2px 2px 4px white,
      -2px 2px 4px white,
      2px -2px 4px white,
      -2px -2px 4px white;
}
#main_bn .bxslide_text .company_name {
   /* animation: fadeInUp 0.5s; */
   /* display: inline-block;
  position: relative; */
   margin-bottom: 10px;
   /* font-family: 'Merienda', cursive;
    text-shadow: 1px 1px black, -1px 1px black, 1px -1px black, -1px -1px black; */
   /* font-size: 3rem; */
}
#main_bn .line {
   opacity: 0;
   animation: fadeInUp50 1.5s ease-out both;
   background-color: #fff;
   width: 400px;
   height: 1px;
   display: none;
}
#main_bn .bxslide_text h3 {
   opacity: 0;
   animation: fadeIn 1.5s 0.5s ease-out both;
   /* text-shadow: 1px 1px gray, -1px 1px gray, 1px -1px gray, -1px -1px gray; */
   /* text-shadow: 1px 1px black, -1px 1px black, 1px -1px black, -1px -1px black;
    text-shadow: 2px 2px 2px black, -2px 2px 2px black, 2px -2px 2px black, -2px -2px 2px black; */
   text-shadow:
      1px 1px 2px gray,
      -1px 1px 2px gray,
      1px -1px 2px gray,
      -1px -1px 2px gray;
   /* font-size: 2.2rem; */
   /* color: yellow; */
}
@-webkit-keyframes fadeInUp50 {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 50px, 0);
      transform: translate3d(0, 50px, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }
}
@keyframes fadeInUp50 {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 50px, 0);
      transform: translate3d(0, 50px, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }
}
.fadeInUp50 {
   -webkit-animation-name: fadeInUp50;
   animation-name: fadeInUp50;
}
@-webkit-keyframes fadeInUp30 {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 30px, 0);
      transform: translate3d(0, 30px, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }
}
@keyframes fadeInUp30 {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 30px, 0);
      transform: translate3d(0, 30px, 0);
   }
   to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }
}
.fadeInUp30 {
   -webkit-animation-name: fadeInUp30;
   animation-name: fadeInUp30;
}
@-webkit-keyframes fadeIn {
   0% {
      opacity: 0;
      /* -webkit-transform: translate3d(0, 30px, 0);
      transform: translate3d(0, 30px, 0) */
   }
   to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }
}
@keyframes fadeIn {
   0% {
      opacity: 0;
      /* -webkit-transform: translate3d(0, 30px, 0);
      transform: translate3d(0, 30px, 0) */
   }
   to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }
}
.fadeIn {
   -webkit-animation-name: fadeIn;
   animation-name: fadeIn;
}
#main_bn .bx-next,
#main_bn .bx-prev {
   position: relative;
   font-family: "Font Awesome 6 Free";
   font-weight: 900;
   font-size: 30px;
   display: block;
   opacity: 0.9;
   width: 50px;
   height: 50px;
   line-height: 50px;
   display: block;
   /* color: #fff; */
   color: #979797;
   opacity: 0.9;
   text-align: center;
   /* background-color: #979797; */
   border: 1px solid #979797;
   border-radius: 50%;
   transition:
      background 0.3s,
      color 0.3s;
}
#main_bn .bx-prev:before {
   content: "\f060";
}
#main_bn .bx-next:before {
   content: "\f061";
}
#main_bn .bx-next:hover,
#main_bn .bx-prev:hover {
   opacity: 1;
   color: #757575;
}
#main_bn .bx-next:hover:before,
#main_bn .bx-prev:hover:before {
   border-color: #7d8dff;
}
#main_bn .bx-controls-direction {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 100%;
   /* display: flex; */
   justify-content: space-between;
   /* padding: 20px; */
   z-index: 99;
   opacity: 0.5;
}

#main_bn .bx-next {
}
#main_bn .bx_pager {
   position: absolute;
   bottom: 0px;
   left: 50%;
   z-index: 99;
   transform: translateX(-50%);
}
#main_bn .bx_pager ul {
   margin-bottom: 0;
}
#main_bn .bx_pager li {
   display: inline-block;
}
#main_bn .bx_pager a {
   display: inline-block;
   width: 20px;
   height: 2px;
   background-color: gray;
   transition: all 0.5s;
}
#main_bn .bx_pager a.active {
   background-color: #fff;
}
#main_bn .bx_pager span {
   display: inline-block;
   width: 0;
   vertical-align: top;
   margin-top: 9px;
   transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
}
#main_bn #bx_pager li a {
   margin-left: 2px;
   margin-right: 2px;
   background-color: #c8c8c8;
}
#main_bn #bx_pager li a.active {
   background: #fff;
   width: 60px;
}
@media (max-width: 639px) {
   #main_bn .bx_pager {
      display: none;
   }
   #main_bn .bx-next,
   #main_bn .bx-prev {
      width: 36px !important;
      height: 36px !important;
      font-size: 20px;
      line-height: 36px !important;
   }
   #main_bn .bx-controls-direction {
      top: 50%;
   }
}
/*사이드배너*/
#sbn_side {
}
#sbn_side > h2 {
   display: none;
}
#sbn_side ul:after {
   /* display: block;
    visibility: hidden;
    clear: both;
    content: "" */
}
/* echo display_banner('왼쪽', 'boxbanner.skin.php'); */
.main_product #sbn_side img {
   width: 100%;
   height: 100%;
}
.main_product #sbn_side li {
   width: 25%;
   display: inline-block;
   padding-right: 2px;
   padding-bottom: 2px;
}
.main_product #sbn_side li:last-child {
   padding-right: 0;
}
.main_product #sbn_side .sb_bn {
   display: flex;
   flex-wrap: wrap;
}
.main_product #sbn_side li {
   flex: 1;
   transition: all 0.2s;
}
.main_product #sbn_side li:hover {
   opacity: 0.9;
}
.main_product #sbn_side .online li:hover .p1 {
   text-decoration: underline;
}
.main_product #sbn_side .online_wrap .online {
   display: flex;
   flex-direction: column;
}
/* .main_product #sbn_side .online_wrap .online .img001 {
    filter: brightness(0.7);
} */
.main_product #sbn_side .online_wrap .online li {
   width: 100%;
   padding-right: 0px;
   padding-bottom: 0px;
   position: relative;
   margin-bottom: 2px;
}
.main_product #sbn_side .online_wrap .online .online_info {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.1);
   color: #fff;
   padding: 6px 10px;
}
.main_product #sbn_side .online_wrap .online .online_info p {
   margin-bottom: 0;
   font-size: 0.875rem;
}
.main_product #sbn_side .online_wrap .online .online_info .p1 {
   color: #00e7ff;
   font-size: 1.5rem;
   text-shadow:
      1px 1px gray,
      -1px 1px gray,
      1px -1px gray,
      -1px -1px gray;
}
.main_product #sbn_side .online_wrap .online .online_info .p2 {
   font-size: 1.2rem;
   transition: all 0.3s;
   text-shadow:
      1px 1px gray,
      -1px 1px gray,
      1px -1px gray,
      -1px -1px gray;
}
.main_product #sbn_side .online_wrap .online .online_info .p3 {
   /* margin-bottom: 15px; */
   font-size: 1rem;
   text-shadow:
      1px 1px gray,
      -1px 1px gray,
      1px -1px gray,
      -1px -1px gray;
}
.main_product #sbn_side .online_wrap .online .online_info .p4 {
   text-align: right;
   text-shadow:
      1px 1px #545454,
      -1px 1px #545454,
      1px -1px #545454,
      -1px -1px #545454;
   height: 18px;
}
.main_product #sbn_side .online_wrap .online .online_info .p5 {
   text-align: right;
   color: yellow;
   text-shadow:
      1px 1px #545454,
      -1px 1px #545454,
      1px -1px #545454,
      -1px -1px #545454;
   height: 18px;
}
.main_product #sbn_side .online_wrap .online .online_info2 {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   color: var(--main_color3);
   padding: 10px;
}
.main_product #sbn_side .online_wrap .online .online_info2 p {
   margin-bottom: 0;
   font-size: 0.875rem;
}
.main_product #sbn_side .online_wrap .online .online_info2 .p1 {
   font-size: 1.5rem;
   margin-bottom: 50px;
}
.main_product #sbn_side .online_wrap .online .online_info2 .p1 span {
   color: #00e7ff;
}
.main_product #sbn_side .online_wrap .online .online_info2 .p2 {
   font-size: 1rem;
   transition: all 0.3s;
   width: 80%;
   text-shadow:
      2px 2px white,
      -2px 2px white,
      2px -2px white,
      -2px -2px white;
   word-break: keep-all;
}
.main_product #sbn_side .online_wrap .online li:last-child {
   margin-bottom: 0;
}
@media (max-width: 767px) {
   #sbn_side li:first-child {
      padding-right: 0;
   }
   .main_product #sbn_side li {
      flex: auto;
      min-width: 50%;
   }
}
@media (max-width: 1200px) {
   .main_product #sbn_side .online_wrap .online .online_info .p3,
   .main_product #sbn_side .online_wrap .online .online_info .p4,
   .main_product #sbn_side .online_wrap .online .online_info .p5,
   .main_product #sbn_side .online_wrap .online .online_info2 .p2 {
      display: none;
   }
}
/* echo display_banner('왼쪽', 'boxbanner.skin.php'); */
/* 쇼핑몰 이벤트 */
#sev {
   position: relative;
   margin: 10px;
   background: #fff;
}
#sev h2 {
   position: absolute;
   font-size: 0;
   text-indent: -9999em;
   line-height: 0;
   overflow: hidden;
}
#sev:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
#sev_tit {
   float: left;
   width: 25%;
}
#sev_tit a {
   display: block;
   padding: 20px;
   line-height: 24px;
   color: #717989;
   text-align: left;
   font-size: 1.154em;
}
#sev_tit .active {
   background: #f5f6fb;
   color: #7d8dff;
   background: rgba(245, 246, 251, 1);
   background: -moz-linear-gradient(
      left,
      rgba(245, 246, 251, 1) 0%,
      rgba(245, 246, 251, 0.54) 100%
   );
   background: -webkit-gradient(
      left top,
      right top,
      color-stop(0%, rgba(245, 246, 251, 1)),
      color-stop(100%, rgba(245, 246, 251, 0.54))
   );
   background: -webkit-linear-gradient(
      left,
      rgba(245, 246, 251, 1) 0%,
      rgba(245, 246, 251, 0.54) 100%
   );
   background: -o-linear-gradient(
      left,
      rgba(245, 246, 251, 1) 0%,
      rgba(245, 246, 251, 0.54) 100%
   );
   background: -ms-linear-gradient(
      left,
      rgba(245, 246, 251, 1) 0%,
      rgba(245, 246, 251, 0.54) 100%
   );
   background: linear-gradient(
      to right,
      rgba(245, 246, 251, 1) 0%,
      rgba(245, 246, 251, 0.54) 100%
   );
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f6fb', endColorstr='#f5f6fb', GradientType=1);
}
#sev .bx-wrapper {
   float: left;
   width: 75%;
}
#sev .sev_li:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
#sev .sev_li img {
   width: 100%;
   height: 100%;
   vertical-align: top;
}
#sev .sev_img {
   width: 33.33%;
   float: left;
   position: relative;
}
#sev .sev_detail {
   position: absolute;
   bottom: 70px;
   left: 50%;
   width: 125px;
   display: inline-block;
   margin-left: -62.5px;
   background: #7d8dff;
   color: #fff;
   text-align: center;
   line-height: 45px;
   border-radius: 5px;
}
#sev .sev_detail:hover {
   background: #4e5aff;
}
#sev .ev_prd {
   float: left;
   width: 66.6666%;
   padding: 10px;
}
#sev .ev_prd:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
#sev .ev_prd li {
   float: left;
   width: 50%;
   padding: 20px;
}
#sev .ev_prd li .ev_li_wr {
   position: relative;
}
#sev .ev_prd li .ev_txt_wr {
   opacity: 0;
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   padding: 15px 20px;
   background: #fff;
   background: rgba(0, 0, 0, 0.2);
   transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
}
#sev .ev_prd li:hover .ev_txt_wr {
   opacity: 1;
}
#sev .ev_prd li .ev_txt_wr a {
   color: #fff;
}
#sev .ev_prd li .ev_prd_price {
   display: block;
}
#sev .bx-controls {
   position: absolute;
   bottom: 0;
   left: 50%;
   z-index: 99;
   margin-left: -45px;
}
#sev .bx-next,
#sev .bx-prev {
   position: relative;
   display: inline-block;
   z-index: 99;
   width: 45px;
   height: 45px;
   background: #fff;
   text-indent: -999px;
   overflow: hidden;
   opacity: 0.7;
   vertical-align: top;
   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07);
   -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07);
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07);
}
#sev .bx-prev:before {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   border: solid #aeb4bf;
   border-width: 0 2px 2px 0;
   display: inline-block;
   padding: 3px;
   margin-left: -4px;
   margin-top: -4px;
   transform: rotate(135deg);
   -ms-transform: rotate(135deg);
   -webkit-transform: rotate(135deg);
}
#sev .bx-next:before {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   border: solid #aeb4bf;
   border-width: 0 2px 2px 0;
   display: inline-block;
   padding: 3px;
   margin-left: -6px;
   margin-top: -4px;
   transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
}
#sev m .bx-next:hover,
#sev .bx-prev:hover {
   -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
#sev .bx-next:hover:before,
#sev .bx-prev:hover:before {
   border-color: #7d8dff;
}
@media (max-width: 969px) {
   #sev_tit {
      display: none;
   }
   #sev .bx-wrapper {
      float: none;
      width: 100%;
   }
   #sev .sev_detail {
      display: none;
   }
   #sev .bx-controls {
      left: 33.333%;
   }
}
@media (max-width: 639px) {
   #sev .ev_prd {
      padding: 0;
   }
}
/* ##### maint.(nn).skin.php, list.(nn).skin.php 공통 적용 시작 ##### */
/* 공통 */
.sct_wrap {
   margin: 130px 0px 40px;
   zoom: 1;
}
.sct_wrap:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
.sct_wrap .title {
   position: relative;
   text-align: center;
   margin: 60px 0 20px;
   /* padding-left: 12px; */
}
.sct_wrap.company_wrap h2 {
   position: relative;
   text-align: center;
   font-weight: normal;
   border-bottom: none;
   margin: 20px 0 20px;
}
.sct_wrap.company_wrap h2::after {
   content: "";
   position: absolute;
   width: 80px;
   height: 3px;
   bottom: -2px;
   left: 50%;
   transform: translateX(-50%);
   margin-left: 0;
   background: #cc2300;
}
.sct_wrap.company_wrap .text h2::after {
   display: none;
}
.sct_wrap .title::after {
   content: "";
   position: absolute;
   width: 40px;
   height: 3px;
   bottom: -2px;
   left: 50%;
   margin-left: -20px;
   /* background: var(--main_color6); */
}
.sct_wrap h2.company {
   /* font-size: 26px; */
   border-bottom: none;
}
.sct_wrap .title a {
   display: inline-block;
   /* padding: 0 20px 20px; */
   color: var(--fontcolor);
   text-decoration: none;
   word-break: keep-all;
}
.sct_wrap.order .title a {
   display: inline-block;
   color: #fff;
   text-decoration: none;
   word-break: keep-all;
   background-color: var(--main_color1);
   width: 100%;
   padding: 6px 0;
}
.sct_wrap.order .title::after {
   display: none;
}
.sct_wrap .title a:hover {
   color: #707070;
}
.sct_wrap.order .title a:hover {
   color: #ddd;
}
.sct_wrap h2.company a:hover {
   color: #3c3b3b;
}
.sct {
   padding: 0;
   margin: 0;
   list-style: none;
   zoom: 1;
   clear: both;
}
.sct img {
   transition: all 0.3s cubic-bezier(0.65, 0, 0.3, 1);
}

/* .sct li:hover .li_wr {
    border: 1px solid #cbcbcb;
} */
.sct li {
   overflow: hidden;
}
.sct:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
.sct_li {
   position: relative;
   text-align: center;
}
.sct_noitem {
   padding: 100px 0;
   text-align: center;
}
.sct_icon img {
   margin: 0 1px 0 0;
}
.sct_sns a {
   display: inline-block;
   margin: 0 2px;
   width: 28px;
   height: 28px;
   line-height: 28px;
   border-radius: 3px;
   font-size: 0;
   text-align: center;
}
.share-facebook {
   background: #415b92;
}
.share-twitter {
   background: #35b3dc;
}
.share-googleplus {
   background: #d5503a;
}
.share-kakaotalk {
   background: #ffeb00;
}
.sct_sns img {
   width: 20px;
   height: auto;
   vertical-align: middle;
}
.sct_sns button {
   margin: 0 4px 0 0;
   padding: 0;
   border: 0;
}
.sct_icon .shop_icon {
   display: inline-block;
   color: #fff;
   background: #a8aab1;
   line-height: 20px;
   padding: 0 5px;
   font-size: 0.92em;
   margin: 1px;
}
.sct_icon .shop_icon_soldout {
   display: inline-block;
   color: #ff0000;
   font-style: italic;
   font-weight: bold;
   margin: 2px;
}
.mli_btn button {
   background: url(img/mainlist_btn.gif) no-repeat;
   width: 30px;
   height: 30px;
   border: none;
   text-indent: -9999px;
}
.mli_btn button.mli_pre {
   position: absolute;
   top: 0;
   left: 10px;
}
.mli_btn button.mli_next {
   background-position: -33px 0;
   position: absolute;
   top: 0;
   right: 10px;
}
.sct_icon {
   display: inline-block;
   padding: 10px 0 0;
   min-height: 36px;
}
.sct_icon .icon {
   display: inline-block;
   margin: 0 1px 1px 0;
   padding: 0 7px;
   line-height: 18px;
   font-size: 10px;
   letter-spacing: 0.1em;
   color: #fff;
}
.icon_hit {
   /* color: #ffc31b; */
   background-color: #ffc31b;
   border: 1px solid #ffc31b;
   border-radius: 2px;
}
.icon_rec {
   color: #7522e6;
   background-color: #7522e6;
   border: 1px solid #7522e6;
   border-radius: 2px;
}
.icon_sale {
   color: #1b76ff;
   background-color: #1b76ff;
   border: 1px solid #1b76ff;
   border-radius: 2px;
}
.icon_new {
   color: #49d88b;
   background-color: #49d88b;
   border: 1px solid #49d88b;
   border-radius: 2px;
}
.icon_best {
   color: #ff3578;
   background-color: #ff3578;
   border: 1px solid #ff3578;
   border-radius: 2px;
}
.icon_cp {
   color: #4a4a4a;
   background-color: #4a4a4a;
   border: 1px solid #4a4a4a;
   border-radius: 2px;
}
.icon_soldout .soldout_txt {
   display: inline-block;
   font-weight: 100;
   padding: 0 7px;
   margin: 1px;
   line-height: 20px;
   font-size: 10px;
   letter-spacing: 0.1em;
   background: #ff0000;
   color: #fff;
}
/* 상품 목록 스킨 10 */
.sct_10 {
   display: flex;
   flex-wrap: wrap;
   margin-top: 60px;
}
.sct_10 .sct_name {
   white-space: normal;
   overflow: hidden;
   font-size: 15px;
   transition: all 0.3s;
   color: var(--fontcolor);
   position: relative;
   width: 100%;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   padding: 4px 2px;
   height: 46px;
   font-weight: 400;
   line-height: 1.5;
}
.sct_10 .li_wr:hover .sct_name::after {
   width: 50%;
}
.sct_10 .li_wr .sct_name::after {
   content: "";
   position: absolute;
   left: 50%;
   bottom: 0;
   width: 0;
   height: 1px;
   background: var(--subcolor2);
   transition: all 0.3s ease;
   transform: translateX(-50%);
}
/* .sct_10 .sale_per {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #000;
    background: var(--subcolor1);
    color: #fff;
    clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
    line-height: 40px;
    text-align: center;
    padding: 10px 6px;
    min-width: 40px;
} */
.sct_10 .sct_cust_price {
   font-size: 13px;
   color: #959595;
   font-weight: normal;
   text-decoration: line-through;
   margin-right: 5px;
   display: block;
}
.sct_10 .sct_li {
   float: left;
   text-align: left;
   width: 25% !important;
   /* width: 20% !important; */
   padding: 10px;
   margin-bottom: 40px;
}
/* .sct_10 .sct_li:nth-child(4n+1) {
    clear: both
} */
.sct_10 .sct_li .li_wr {
   position: relative;
   /* border: 1px solid #ddd; */
   padding: 5px;
   min-height: 370px;
}
.sct_10 .sct_img {
   position: relative;
   overflow: hidden;
   border: 1px solid #ddd;
}
.sct_10 .sct_img img {
   width: 100%;
   height: auto;
}
.sct_10 .sct_img:hover img {
   transform: scale(1.02);
   opacity: 0.9;
}
.sct_10 .sct_id {
   margin: 5px 0;
   font-size: 0.88em;
   color: #666;
}
.sct_10 .txt_wr {
   /* padding: 20px; */
   text-align: center;
   min-height: 110px;
}
.sct_10 .sct_txt {
   display: block;
   margin: 10px 0;
   line-height: 1.3em;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   text-align: center;
   padding: 0 2px;
}
.sct_10 .sct_txt a {
   color: #545454;
}
.sct_10 .sct_cost {
   font-weight: 700;
   display: inline-block;
   margin-top: 10px;
   color: var(--subcolor1);
   font-size: 13px;
}
.sct_10 .sct_sns {
}
.sct_10 .sct_icon {
}
.sct_10 .sct_icon .shop_icon_1 {
}
/* 히트 아이콘 */
.sct_10 .sct_icon .shop_icon_2 {
}
/* 추천 아이콘 */
.sct_10 .sct_icon .shop_icon_3 {
}
/* 최신 아이콘 */
.sct_10 .sct_icon .shop_icon_4 {
   padding: 0 5px;
   line-height: 20px;
   position: absolute;
   top: 0;
   left: 0;
   background: #fb5861;
   color: #fff;
   font-size: 12px;
   border: 0;
}
.li_more {
   text-align: center;
}
/* BEST 아이콘 */
.sct_10 .sct_icon .shop_icon_5 {
}
/* 할인 아이콘 */
.sct_10 .btn_wish {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 50px;
   height: 50px;
   color: #c1c4c6;
   border: 0;
   background: none;
   font-size: 18px;
}
.sct_10 .btn_wish:hover {
   color: #ff0000;
}
.sct_10 .btn_cart {
   position: absolute;
   bottom: 0px;
   /* left: 0; */
   right: 0;
   border: 0;
   border-radius: 50%;
   background: #000;
   /* background: rgba(0, 0, 0, 0.8); */
   background: rgba(255, 69, 0, 0.9);
   color: #fff;
   font-weight: 500;
   display: block;
   height: 60px;
   line-height: 60px;
   /* width: 100%; */
   width: 60px;
   text-align: center;
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   transform: translateY(60px);
   -webkit-transform: translateY(60px);
   -moz-transform: translateY(60px);
   -ms-transform: translateY(60px);
   -o-transform: translateY(60px);
}
/* .sct_10 .sct_li:hover .btn_cart {
    transition: all .3s .1s;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    font-size: 30px;
} */
.sct_cartop {
   display: none;
   width: 100%;
   height: 100%;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 999;
}
.cartop_bg {
   background: #000;
   background: rgba(0, 0, 0, 0.1);
   width: 100%;
   height: 100%;
}
.sct_cartop_wr {
   position: absolute;
   top: 50%;
   left: 50%;
   background: #fff;
   text-align: left;
   width: 300px;
   max-height: 400px;
   margin-left: -150px;
   margin-top: -200px;
   overflow-y: auto;
   -webkit-box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2);
   box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2);
}
.sct_cartop_wr h3 {
   font-size: 1.154em;
   padding: 0 20px;
   line-height: 50px;
   border-bottom: 1px solid #eee;
}
.sct_cartop_wr form {
   padding: 20px;
}
.sct_cartop_wr label {
   display: block;
   margin: 5px 0;
   color: #777;
}
.sct_cartop_wr select {
   width: 100%;
   height: 40px;
   background: none;
   border: 1px solid #d8dee5;
   font-size: 1.077em;
   margin-bottom: 10px;
   -webkit-box-shadow: 0 2px 2px #f3f3f3;
   -moz-box-shadow: 0 2px 2px #f3f3f3;
   box-shadow: 0 2px 2px #f3f3f3;
}
.cartopt_cart_btn {
   width: 100%;
   height: 42px;
}
.cartopt_close_btn {
   position: absolute;
   top: 0;
   right: 0;
   background: none;
   color: #888;
   border: 0;
   width: 50px;
   height: 50px;
   font-size: 15px;
}
.cartopt_close_btn:hover {
   color: #000;
}
#item_load_msg {
   display: none;
}
#btn_more_item {
   height: 43px;
   width: 100%;
   background: #fff;
   border: 0;
   border-radius: 5px;
   font-size: 1.167em;
   color: #282828;
   line-height: 43px;
}
@media (max-width: 969px) {
   .sct_10 .sct_li {
      width: 50% !important;
   }
   .sct_10 .sct_li:nth-child(2n + 1) {
      clear: both;
   }
   /* .sct_wrap h2.company {
        font-size: 24px;
    } */
}
.sct_10 .sct_txt a {
   color: var(--fontcolor);
   text-decoration: none;
   white-space: normal;
   overflow: hidden;
   text-overflow: ellipsis;
}
.sct_10 .sct_basic {
   color: var(--fontcolordown);
   font-weight: 500;
   font-size: 13px;
   line-height: 20px;
   max-height: 40px;
   margin: 4px 0 0px;
   white-space: normal;
   overflow: hidden;
   text-overflow: ellipsis;
}
/* 상품 목록 스킨 20 */
.sct_20 {
   margin: 0 10px;
}
.sct_20 .sct_li {
   width: 100%;
   padding: 10px 0;
   text-align: left;
}
.sct_20 .sct_img {
   position: absolute;
   top: 0;
   left: 0;
   overflow: hidden;
}
.sct_20 .li_wr {
   position: relative;
}
.sct_20 .txt_wr {
   padding: 20px;
   min-height: 150px;
}
.sct_20 .sct_id {
   margin: 0px 10px 5px;
   font-size: 0.92em;
   color: #666;
}
.sct_20 .sct_txt a {
   margin: 0 0 10px;
   line-height: 1.3em;
   color: #545454;
   text-decoration: none;
   font-size: 1rem;
}
.sct_20 .sct_cost {
   font-weight: 700;
   color: #cc2300;
}
.sct_20 .sct_sns {
   margin: 10px 10px;
}
.sct_20 .sct_basic {
   color: #8a8a8a;
   font-size: 0.9rem;
   line-height: 20px;
   height: 20px;
   margin: 4px 0 20px;
   font-weight: bold;
}
.sct_20 .li_wr.is_view_type_list {
   padding-left: 150px;
   overflow: hidden;
   border: 1px solid #ddd;
}
.sct_20 .li_wr.is_view_type_list .sct_img {
   width: 150px;
}
.sct_20 .li_wr.is_view_type_list .sct_img a {
   display: block;
}
.sct_20 .li_wr.is_view_type_list img {
   width: 100%;
   height: auto;
}
.sct_20 .btn_wish {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 50px;
   height: 50px;
   color: #c1c4c6;
   border: 0;
   background: none;
   font-size: 18px;
}
.sct_20 .btn_wish:hover {
   color: #ff0000;
}
.sct_20 .sct_icon {
   padding: 0 0 10px;
}
/* .sct_20 .btn_cart {
    position: absolute;
    bottom: 0;
    left: 0;
    border: 0;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-weight: 500;
    display: block;
    height: 50px;
    line-height: 50px;
    width: 100%;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
} */
.sct_20 .btn_cart {
   position: absolute;
   bottom: 0px;
   /* left: 0; */
   right: 0;
   border: 0;
   border-radius: 50%;
   background: #000;
   /* background: rgba(0, 0, 0, 0.8); */
   background: rgba(255, 69, 0, 0.9);
   color: #fff;
   font-weight: 500;
   display: block;
   height: 60px;
   line-height: 60px;
   /* width: 100%; */
   width: 60px;
   text-align: center;
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   transform: translateY(60px);
   -webkit-transform: translateY(60px);
   -moz-transform: translateY(60px);
   -ms-transform: translateY(60px);
   -o-transform: translateY(60px);
}
/* .sct_20 .sct_li:hover .btn_cart {
    transition: all .3s .1s;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
} */
/* 상품 목록 스킨 30 */
.sct_30 .sct_li {
   width: 100%;
   margin: 5px 0;
   text-align: left;
   width: 100%;
   float: left;
}
.sct_30 .sct_img img {
   width: 100%;
   height: auto;
}
.sct_30 .sct_img {
   border-bottom: 1px solid #e6e6e6;
   font-size: 0;
}
.sct_30 .sct_txt_wr {
   padding: 10px;
   border-bottom: 1px solid #ddd;
   background: #fff;
}
.sct_30 .sct_id {
   margin: 5px 0;
   font-size: 0.92em;
   color: #666;
}
.sct_30 .sct_txt {
   font-weight: bold;
   font-size: 1.083em;
   margin: 5px 0;
   line-height: 1.5em;
}
.sct_30 .sct_cost {
   margin: 5px 0;
}
@media (max-width: 639px) {
   .sct_30 .sct_clear {
      clear: both;
   }
   /* .sct_wrap h2.company {
        font-size: 18px;
    } */
}
@media (min-width: 640px) and (max-width: 969px) {
   .sct_30 .sct_li {
      width: 50%;
      padding: 0 5px;
   }
   .sct_30 .sct_li:nth-child(2n + 1) {
      clear: both;
   }
   .sct_wrap h2.company {
      font-size: 20px;
   }
}
@media (min-width: 970px) {
   .sct_30 .sct_li {
      width: 25%;
      padding: 0 5px;
   }
   .sct_30 .sct_li:nth-child(4n + 1) {
      clear: both;
   }
}
/* 상품 목록 스킨 90 */
.sct_90 {
   margin-bottom: 0;
}
.sct_90 .sct_li {
   padding: 2px;
   transition: all 0.5s;
}
.sct_90 .sct_li:hover {
   background-color: gray;
}
/* .sct_90 .sct_li:hover img {
    filter: brightness(0.9);
} */
/* .sct_90 .sct_li:nth-child(4n+1) {
    clear: both
} */
.sct_90 .sct_li .li_wr {
   position: relative;
}
.sct_90 .sct_li:nth-child(2n) .li_wr {
   background-color: #157fb2;
}
.sct_90 .sct_li:nth-child(2n-1) .li_wr {
   background-color: #11658e;
}
.sct_90 .sct_img {
   position: relative;
   overflow: hidden;
   padding: 10px;
}
.sct_90 .sct_img img {
   width: 100%;
   height: auto;
   transition: all 0.5s;
}
.sct_90 .sct_id {
   margin: 5px 0;
   font-size: 0.92em;
   color: #666;
}
.sct_90 .txt_wr {
   padding: 0 10px 10px 10px;
   /* position: absolute; */
   /* left: 0; */
   bottom: 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.sct_90 .sct_txt {
   display: block;
   margin: 10px 0;
   font-size: 1.083em;
   /* line-height: 1.3em */
}
.sct_90 .sct_txt a {
   color: #fff;
}
.sct_90 .sct_cost {
   font-weight: 700;
   color: yellow;
   margin: 10px 0;
}
.sct_90 .sct_sns {
}
.sct_90 .sct_icon {
}
.sct_90 .sct_icon .shop_icon_1 {
}
/* 히트 아이콘 */
.sct_90 .sct_icon .shop_icon_2 {
}
/* 추천 아이콘 */
.sct_90 .sct_icon .shop_icon_3 {
}
/* 최신 아이콘 */
.sct_90 .sct_icon .shop_icon_4 {
   padding: 0 5px;
   line-height: 20px;
   position: absolute;
   top: 0;
   left: 0;
   background: #fb5861;
   color: #fff;
   font-size: 12px;
   border: 0;
}
/* BEST 아이콘 */
.sct_90 .sct_icon .shop_icon_5 {
}
/* 할인 아이콘 */
.sct_90 .btn_wish {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 50px;
   height: 50px;
   color: #c1c4c6;
   border: 0;
   background: none;
   font-size: 18px;
   display: none;
}
.sct_90 .btn_wish:hover {
   color: #ff0000;
}
.sct_90 .btn_cart {
   position: absolute;
   bottom: 0;
   left: 0;
   border: 0;
   background: #000;
   background: rgba(0, 0, 0, 0.8);
   color: #fff;
   font-weight: 500;
   display: block;
   height: 50px;
   line-height: 50px;
   width: 100%;
   text-align: center;
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   transform: translateY(50px);
   -webkit-transform: translateY(50px);
   -moz-transform: translateY(50px);
   -ms-transform: translateY(50px);
   -o-transform: translateY(50px);
}
.sct_90 .sct_li:hover .btn_cart {
   transition: all 0.3s 0.1s;
   opacity: 1;
   filter: alpha(opacity=100);
   transform: translateY(0);
   -webkit-transform: translateY(0);
   -moz-transform: translateY(0);
   -ms-transform: translateY(0);
   -o-transform: translateY(0);
}
@media (max-width: 969px) {
   /* .sct_90 .sct_li {
        width: 50% !important
    } */
   .sct_90 .sct_li:nth-child(2n + 1) {
      clear: both;
   }
}
/* 메인 상품 목록 스킨 20 */
.smt_20 {
   margin: 0 auto;
   max-width: 1200px;
   /* padding: 10px */
}
.smt_20:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
.smt_20 li {
   float: left;
   width: 50%;
   padding: 20px;
}
.smt_20 .li_wr {
   background: #fff;
   position: relative;
   border: 1px solid #ddd;
   overflow: hidden;
   border-radius: 14px;
   overflow: hidden;
}
.sct_wrap.order .smt_20 .li_wr {
   display: flex;
}
.smt_20 .li_wr:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
.smt_20 .sct_name {
   border-bottom: 1px solid #ddd;
   padding: 4px 0;
   max-height: 50px;
   overflow: hidden;
   line-height: 1.4;
}
.smt_20 .sct_li:hover .sct_name {
   border-bottom: 1px solid #1c9bec;
}
.smt_20 .sct_img {
   float: left;
   width: 50%;
   overflow: hidden;
}
.smt_20 .sct_txt_wr {
   float: left;
   width: 50%;
   padding: 20px;
   text-align: left;
}
.sct_wrap.order .smt_20 .sct_txt_wr {
   border-left: 1px solid #ddd;
}
.smt_20 .sct_cust_price {
   font-size: 13px;
   color: #959595;
   font-weight: normal;
   text-decoration: line-through;
   margin-right: 5px;
   display: inline-block;
}
.smt_20 .sct_txt {
   display: block;
   margin-bottom: 20px;
}
.smt_20 .sct_basic {
   color: #8a8a8a;
   line-height: 1.2;
   margin: 4px 0 4px;
   font-weight: 400;
   white-space: normal;
   height: 34px;
   overflow: hidden;
}
.smt_20 .sct_cost {
   font-weight: 700;
   margin-top: 10px;
   display: inline-block;
   color: var(--subcolor1);
}
.smt_20 .btn_wish {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 50px;
   height: 50px;
   color: #c1c4c6;
   border: 0;
   background: none;
   font-size: 18px;
}
.smt_20 .btn_wish:hover {
   color: #ff0000;
}
.smt_20 .sct_txt {
   display: block;
   margin: 20px 0 0;
   line-height: 1em;
   white-space: normal;
   overflow: hidden;
   text-overflow: ellipsis;
   color: #545454;
   text-decoration: none;
}
.sct_wrap.order .smt_20 .sct_txt {
   margin: 0;
}
.smt_20 .sct_txt a {
   color: #545454;
   font-size: 1rem;
}
@media (max-width: 767px) {
   .smt_20 li {
      width: 100%;
      padding: 10px;
   }
}
/* .smt_20 .sale_per {
    position: absolute;
    top: 10px;
    right: 55%;
    background: var(--subcolor1);
    color: #fff;
    clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
    line-height: 40px;
    text-align: center;
    padding: 10px 6px;
    width: 9%;
    min-width: 46px;
} */
/* 메인 상품 목록 스킨 30 */
.smt_30 .sct_txt_wr {
   padding: 20px;
   text-align: left;
}
.smt_30 .sct_cost {
   font-weight: 700;
   color: #7d8dff;
   margin-top: 10px;
}
.smt_30 .btn_wish {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 50px;
   height: 50px;
   color: #c1c4c6;
   border: 0;
   background: none;
   font-size: 18px;
}
.smt_30 .btn_wish:hover {
   color: #ff0000;
}
#idx_new {
   position: relative;
   /* padding: 0 20px; */
}
#idx_new .bx-next,
#idx_new .bx-prev {
   position: relative;
   display: inline-block;
   z-index: 99;
   width: 45px;
   height: 45px;
   background: #fff;
   margin-left: 5px;
   text-indent: -999px;
   overflow: hidden;
   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07);
   -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07);
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07);
}
#idx_new .bx-next {
   position: absolute;
   top: 50%;
   right: 0;
}
#idx_new .bx-prev {
   position: absolute;
   top: 50%;
   left: 0;
}
#idx_new .bx-prev:before {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   border: solid #aeb4bf;
   border-width: 0 2px 2px 0;
   display: inline-block;
   padding: 3px;
   margin-left: -4px;
   margin-top: -4px;
   transform: rotate(135deg);
   -ms-transform: rotate(135deg);
   -webkit-transform: rotate(135deg);
}
#idx_new .bx-next:before {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   border: solid #aeb4bf;
   border-width: 0 2px 2px 0;
   display: inline-block;
   padding: 3px;
   margin-left: -6px;
   margin-top: -4px;
   transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
}
#idx_newm .bx-next:hover,
#idx_new .bx-prev:hover {
   -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
#idx_new .bx-next:hover:before,
#idx_new .bx-prev:hover:before {
   border-color: #7d8dff;
}
/* 관련상품 목록 스킨 10 */
#sit_rel {
   background: #fff;
   margin: 20px auto;
   padding: 30px 15px;
   max-width: 1200px;
}
#sit_rel h2 {
   margin: 0 auto;
   max-width: 1200px;
   padding: 0 20px;
   font-weight: 500;
}
#sit_rel h3 {
   margin: 0 auto;
   max-width: 1200px;
   padding: 0 20px;
   font-weight: 500;
}
#sit_rel .sct_wrap {
   margin: 0;
}
.srl_10 {
   padding: 10px;
   margin: 30px auto 40px;
   max-width: 1200px;
   border-top: 1px solid #777;
   border-bottom: 1px solid #ddd;
}
.srl_10:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
.srl_10 li {
   float: left;
   width: 20%;
   padding: 10px;
   text-align: left;
}
.srl_10 li img {
   width: 100%;
   height: auto;
   /* all 속성에 0.3초, cubic-bezier로 easing 지정 */
   transition: all 0.3s cubic-bezier(0.65, 0, 0.3, 1);
}
.srl_10 li:hover img {
   transform: scale(1.05);
}
.srl_10 .sct_img {
   overflow: hidden;
}
.srl_10 .sct_txt {
   display: block;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   color: var(--subcolor1);
   padding: 10px 4px 6px;
}
.srl_10 .sct_cost {
   padding-left: 4px;
}

@media (max-width: 639px) {
   .srl_10 li {
      width: 50%;
   }
}
/* 베스트상품 스킨 10 */
#best_item {
   margin: 60px 10px;
   position: relative;
}
#best_item h2 {
   margin: 20px 0 20px;
   font-size: 1.25em;
   font-weight: 500;
}
#best_item h4 {
   margin-bottom: 20px;
}

#best_item .ca_name {
   color: var(--subcolor1);
   font-weight: 500;
}
/* #sbest_list {
    padding: 20px;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07)
} */
#sbest_list {
   padding: 10px;
   background: #fff;
   border: 1px solid #ddd;
   border: 1px solid var(--pointcolor);
}
#sbest_list .sct_cust_price {
   font-size: 13px;
   color: #959595;
   font-weight: normal;
   text-decoration: line-through;
   margin-right: 5px;
   display: inline-block;
}
#sbest_list .bx-wrapper {
   margin: 0 0 0 0 !important;
}
#best_item .li_wr {
   padding: 5px;
   position: relative;
   text-align: left;
   overflow: hidden;
}
#best_item .li_wr:hover .sct_name {
   /* border-bottom: 1px solid var(--main_color1); */
}
#best_item .li_wr:hover .best_icon {
   /* background: var(--main_color7); */
}
#best_item .li_wr img {
   transition: 0.3s;
}
#best_item .li_wr:hover img {
   transform: scale(1.02);
   opacity: 0.9;
}
#best_item .best_icon {
   text-align: center;
   position: absolute;
   top: 10px;
   left: 10px;
   background: var(--main_color5);
   background: #1c9bec;
   color: #fff;
   width: 40px;
   line-height: 40px;
   height: 40px;
   border-radius: 20px;
   font-size: 12px;
   transition: all 0.2s;
   display: none;
}
#best_item .sct_img {
   margin: 0 0 10px;
   display: block;
}
#best_item .bx-controls {
   /* position: absolute;
  top: -12px;
  right: 0; */
}
#best_item .bx-next,
#best_item .bx-prev {
   position: relative;
   display: inline-block;
   margin-left: 5px;
   overflow: hidden;
   font-size: 0;
}
#best_item .bx-next,
#best_item .bx-prev {
   color: #979797;
   position: absolute;
   top: 57%;
   margin: 0;
}
#best_item .bx-prev {
   left: -15px;
}
#best_item .bx-next {
   right: -15px;
}
#best_item .bx-next:hover:before,
#best_item .bx-prev:hover:before {
   color: #757575;
   opacity: 1;
}
#best_item .bx-prev:before,
#best_item .bx-next:before {
   font-family: "Font Awesome 6 Free";
   font-weight: 900;
   font-size: 20px;
   border: 1px solid #979797;
   border-radius: 50%;
   transition:
      background 0.3s,
      color 0.3s;
   width: 40px;
   height: 40px;
   line-height: 40px;
   display: inline-block;
   text-align: center;
   opacity: 0.5;
}
#best_item .bx-prev:before {
   content: "\f060";
}
#best_item .bx-next:before {
   content: "\f061";
}

#best_item .sct_txt {
   display: block;
   /* margin: 0 0 10px; */
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   text-align: center;
}

#best_item .sct_txt a {
   font-size: 0.95rem;
   overflow: hidden;
   text-overflow: ellipsis;
   color: var(--fontcolor);
   text-decoration: none;
   white-space: normal;
}
#best_item .sct_name {
   width: 100%;
   font-size: 15px;
   position: relative;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   padding: 4px 2px;
   font-weight: 400;
   height: 50px;
}

#best_item .li_wr:hover .sct_name::after {
   width: 50%;
}
#best_item .li_wr .sct_name::after {
   content: "";
   position: absolute;
   left: 50%;
   bottom: 0;
   width: 0;
   height: 1px;
   background: var(--subcolor2);
   transition: all 0.3s ease;
   transform: translateX(-50%);
}

#best_item .sct_basic {
   color: var(--fontcolordown);
   line-height: 1.5;
   font-weight: 400;
   white-space: normal;
   max-height: 45px;
   overflow: hidden;
   padding: 4px 2px;
   display: -webkit-box;
   line-clamp: 2;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   margin-bottom: 10px;
   font-size: 13px;
}
#best_item .sct_cost {
   font-weight: 700;
   text-align: center;
   padding: 6px 6px;
   color: var(--subcolor1);
}
#best_item .sale_per {
   position: absolute;
   top: 5px;
   right: 5px;
   background: var(--maincolor);
   color: #fff;
   clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
   line-height: 40px;
   text-align: center;
   padding: 10px 6px;
   min-width: 36px;
   opacity: 0.8;
}
#best_item .sct_cust_price {
   font-size: 13px;
   color: #959595;
   font-weight: normal;
   text-decoration: line-through;
   margin-right: 5px;
   text-align: center;
   display: block;
}
.sale_per {
   position: absolute;
   top: 5px;
   right: 5px;
   background: var(--maincolor);
   color: #fff;
   clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
   line-height: 40px;
   text-align: center;
   padding: 10px 6px;
   min-width: 36px;
   opacity: 0.8;
}
.sale_per h6 {
   font-size: 0.875rem;
}
#best_item .sct_txt .sct_star {
   height: 20px;
   margin-bottom: 5px;
}
#best_item .sct_txt .sct_star img {
   max-width: 70px;
}
#best_item .sct_txt .sct_star .sct_id {
   margin: 5px 0;
   font-size: 0.85em;
   color: #666;
}

/* 개인결제 목록 */
#sct_pv {
   margin: 80px 5px 120px;
}
.sct_pv {
   margin: 10px 0;
}
.sct_pv .sct_li {
   position: relative;
   /* float: left; */
   position: relative;
   margin: 0 auto 10px;
}
.sct_pv .sct_img {
   padding: 0 5px;
}
.sct_pv .sct_img a {
   border: 1px solid #ddd;
}
.sct_pv .sct_img img {
   width: 100%;
}
.sct_pv .sct_last {
   margin: 0 0 15px !important;
}
.sct_pv .sct_clear {
   clear: both;
}
.sct_pv .sct_a {
   display: block;
   position: relative;
   margin: 0 0 5px;
   text-decoration: none;
   font-weight: bold;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   line-height: 20px;
}
.sct_pv .sct_id {
   display: block;
   margin: 0 0 5px;
}
.sct_pv .sct_basic {
   margin: 0 0 10px;
}
.sct_pv .sct_cost {
   display: block;
   margin: 0 0 10px;
}
.sct_pv .sct_cost strike {
   display: block;
   margin: 0 0 5px;
   color: #999;
   font-weight: normal;
}
.sct_pv .sct_icon {
   margin: 0 0 10px;
}
/* ##### maint.(nn).skin.php, list.(nn).skin.php 공통 적용 끝 ##### */
/* 상품 목록 */
.sct_admin {
   margin: 0 0 10px;
   text-align: right;
}
#sit_hhtml img {
   max-width: 100%;
   height: auto;
}
/* 상품 목록 현재 위치 */
#sct_location {
   border: 1px solid #e9e9e9;
   background: #f2f5f9;
   letter-spacing: -4px;
}
#sct_location a {
   display: inline-block;
   padding: 5px 10px;
   text-decoration: none;
   letter-spacing: 0 !important;
}
.sct_here {
   font-weight: bold;
}
.sct_bg {
   padding-right: 13px !important;
   background: url("img/sct_bg_toright.gif") right 8px no-repeat;
}
/* 상품 목록 카테고리 목록 */
#sct {
   padding-top: 40px;
   padding-bottom: 80px;
}
.sct_ct {
   text-align: center;
   margin: 0 0px 0;
   max-width: 1200px;
   border: 1px solid #ddd;
}
.sct_ct:hover {
   border: 1px solid #0056b3;
}
.sct_ct h2 {
   position: absolute;
   font-size: 0;
   text-indent: -9999em;
   line-height: 0;
   overflow: hidden;
}
.sct_ct ul {
   margin: 0;
   background: #fff;
   list-style: none;
   padding: 20px 1vw;
}
.sct_ct ul:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
.sct_ct ul li {
   border-left: 1px solid #eee;
   margin: 5px 0;
   float: left;
   width: 20%;
   text-align: left;
}
@media (max-width: 1200px) {
   .sct_ct ul li {
      width: 25%;
   }
}
@media (max-width: 969px) {
   .sct_ct ul li {
      width: 33.3%;
   }
}
@media (max-width: 639px) {
   .sct_ct ul li {
      width: 50%;
      font-size: 0.88em;
   }
}
.sct_ct a {
   text-decoration: none;
   display: block;
   color: #656565;
   margin: 0 24px;
   position: relative;
   padding-right: 15px;
   position: relative;
   line-height: 20px;
}
.sct_ct a:hover {
   /* text-decoration: none; */
   color: #0056b3;
}
.sct_ct a:hover .prd_cnt {
   text-decoration: none;
   background: #1c9bec;
   color: #fff;
}
.sct_ct .prd_cnt {
   position: absolute;
   top: 0;
   right: 0;
   display: inline-block;
   padding: 0 15px;
   background: var(--subcolor2);
   border-radius: 10px;
   color: #fff;
   transition: all 0.2s;
   font-size: 0.8rem;
   min-width: 20px;
   text-align: center;
   display: none;
}
.sct_ct_parent {
   font-weight: bold;
}
.sct_ct_here {
   color: #ff3600 !important;
}
@media (min-width: 970px) {
   .sct_ct ul li:nth-child(5n + 1) {
      border-left: 0;
      clear: both;
   }
}
@media (max-width: 639px) {
   .sct_ct ul li:nth-child(2n + 1) {
      border-left: 0;
      clear: both;
   }
   .sct_ct a {
      margin: 0 6px;
   }
   .sct_ct {
      margin: 0 0 0;
   }
   #best_item {
      margin: 40px 0px;
   }
   .sct_10 .sct_li {
      padding: 4px;
   }
   #sct_sortlst {
      margin: 10px 0px !important;
   }
}
/* 상품 정렬 */
#sct_sortlst {
   position: relative;
   margin: 10px;
}
#sct_sort {
   clear: both;
   display: flex;
   border-top: 1px solid #ddd;
   border-bottom: 3px solid #ddd;
   padding: 10px 0;
}
#sct_sort:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
#sct_sort h2 {
   /* position: absolute;
    font-size: 0;
    text-indent: -9999em;
    line-height: 0;
    overflow: hidden */
   font-size: 1.25em;
   margin: 0 20px 0 0;
   line-height: 33px;
}
#sct_sort button {
   height: 40px;
   line-height: 40px;
   border: 0;
   padding: 0;
   background: none;
   color: #717989;
}
/* #sct_sort ul:before {
    content: "";
    position: absolute;
    top: -8px;
    left: 30px;
    width: 0;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #bbb transparent;
} */
/* #sct_sort ul:after {
    content: "";
    position: absolute;
    top: -7px;
    left: 30px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #fff transparent;
} */
#sct_sort ul {
   /* display: none; */
   /* position: absolute; */
   /* border: 1px solid #bbb; */
   /* z-index: 99 */
   display: flex;
   margin-bottom: 0;
}
#sct_sort li {
   /* border-top: 1px solid #eee; */
}
#sct_sort li a {
   display: block;
   text-align: center;
   color: #333;
   /* background: #fff;
    border-color: #e9e9e9; */
   font-size: 0.917em;
   padding: 5px 10px;
   /* line-height: 20px */
}
/* 상품 리스트 스타일 선택 */
#sct_lst {
   position: absolute;
   top: 7px;
   right: 0;
   padding: 0;
   list-style: none;
   display: none;
}
#sct_lst:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
#sct_lst li {
   position: relative;
   float: left;
}
#sct_lst button {
   position: relative;
   padding: 0;
   width: 40px;
   height: 40px;
   border: 0;
   background: none;
   font-size: 15px;
   color: #717989;
}
#sct_lst button.selected {
   border: 2px solid rgba(17, 89, 0, 0.8);
}
/* 상품 상세보기 */
#sit {
}
.sit_admin {
   margin: 10px 10px 0;
   text-align: right;
   height: auto;
}
.sit_admin a.btn_admin {
   background-color: var(--subcolor1);
}
.sit_admin a.btn_admin:hover {
   background-color: var(--subcolor1down);
}
.sit_empty {
   padding: 30px 0;
   text-align: center;
}
#sit .sit_icon_wr {
   margin: 20px 0;
}
#sit .sit_icon_wr .sct_icon {
   padding-top: 0;
}
/* 상품상세 */
#mshopiteminfo #iteminfo_close {
   display: inline-block;
   background: var(--subcolor2);
   color: #fff;
   text-decoration: none;
   vertical-align: middle;
   border: 0;
   border-radius: 6px;
   padding: 6px 14px;
}
#info_content {
   padding: 0 10px 30px;
   zoom: 1;
}
#info_content:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
#info_content h3 {
   margin: 0 0 10px;
}
.if_tit {
   text-align: center;
   margin-top: 10px;
   padding: 10px;
   background: #f5f5f5;
   border: 1px solid #e9e9e9;
}
.win_desc_if {
   border: 1px solid #e9e9e9;
   padding: 10px;
   border-top: none;
}
.win_desc {
   margin-top: 10px;
}
/* 상품 상세보기 - 개요 */
#sit_ov_wrap {
   margin: 0 auto 40px;
   max-width: 1200px;
}
#sit_ov_wrap:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
/* 상품 상세보기 - 이미지 미리보기 */
#sit_pvi {
   float: left;
   padding: 20px;
   width: 50%;
   position: relative;
   background: #fff;
   text-align: center;
}
#sit_pvi .bx-wrapper {
}
.fotorama__thumb {
   border: 2px solid #f2f4f5;
}
.fotorama__pointer {
   cursor: pointer;
   border: 2px solid #f2f4f5;
}
.fotorama__stage {
   border: 1px solid #ddd;
}
.fotorama__stage,
.fotorama__stage__frame,
.fotorama__img {
   width: 100% !important;
   height: auto !important;
   aspect-ratio: 1 / 1;
   object-fit: cover; /* 이미지 잘리지 않고 꽉 차게 */
   object-position: center;
}
.fotorama__stage .fotorama__stage__frame {
   aspect-ratio: 1 / 1;
   height: auto;
}

.fotorama__thumb-border {
   border-width: 1px !important;
}
.fotorama__nav {
   display: flex !important;
}
.fotorama__fullscreen-icon {
   width: 42px !important;
   height: 42px !important;
   background-position: 6px -28px !important;
   background-color: coral !important;
   border-radius: 50%;
}
.fotorama__arr {
   width: 50px !important;
   height: 50px !important;
   top: 50%;
   /* margin-top: -16px; */
   border-radius: 50%;
   background-color: var(--basecolor) !important;
   /* display: block !important; */
}
.fotorama__thumb-border {
   border-color: #6b6767 !important;
}
.fotorama__arr--disabled {
   opacity: 0 !important;
}
.fotorama__thumb-border {
   top: 1px !important;
   left: 1px !important;
}
.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close,
.fotorama__video-play {
   background: none !important;
   background-color: var(--basecolor) !important;
}
/* 화살표 */
.fotorama__arr::before {
   font-family: "Font Awesome 6 Free";
   font-weight: 900;
   font-size: 24px;
   color: #e1dada;
   top: 7px;
   position: absolute;
   left: 18px;
   transition: all 0.2s;
}
.fotorama__arr--prev::before {
   content: "\f053";
} /* 왼쪽 */
.fotorama__arr--next::before {
   content: "\f054";
} /* 오른쪽 */
.fotorama__arr:hover::before {
   color: #ababab;
}

.fotorama__arr {
   width: 40px;
   height: 40px;
   background: transparent;
   top: 50%;
   transform: translateY(-50%);
}

#sit_pvi .bx-prev {
   position: absolute;
   top: 50%;
   left: 20px;
   margin-top: -20px;
   background: url("img/btn_prev.png") no-repeat 50% 50%;
   width: 40px;
   height: 40px;
   background-size: 50%;
   text-indent: -999px;
   overflow: hidden;
   opacity: 0.5;
   z-index: 2;
}
#sit_pvi .bx-next {
   position: absolute;
   top: 50%;
   right: 20px;
   margin-top: -20px;
   background: url("img/btn_next.png") no-repeat 50% 50%;
   width: 40px;
   height: 40px;
   background-size: 50%;
   text-indent: -999px;
   overflow: hidden;
   opacity: 0.5;
   z-index: 2;
}
#sit_pvi .bx-controls-direction a:hover {
   opacity: 1;
}
#sit_pvi_nw h1 {
   position: absolute;
   font-size: 0;
   text-indent: -9999em;
   line-height: 0;
   overflow: hidden;
}
#sit_pvi_nwbig {
   padding: 10px 0;
   text-align: center;
}
#sit_pvi_nwbig span {
   display: none;
}
#sit_pvi_nwbig span.visible {
   display: inline;
}
#sit_pvi_nw ul {
   margin: 0 0 20px;
   padding: 0 10px;
   list-style: none;
   zoom: 1;
}
#sit_pvi_nw ul:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
#sit_pvi_nw li {
   float: left;
   margin: 0 0 1px 1px;
}
#sit_pvi_nw li img {
   width: 60px;
   height: 60px;
}
/* 상품 상세보기 - 다른 상품 보기 */
#sit_siblings {
   text-align: center;
   position: relative;
   margin: 0 auto 40px;
   padding: 0 20px;
   max-width: 1200px;
   border-top: 1px solid #777;
   /* border-bottom: 2px solid #ddd; */
}
#sit_siblings h6 {
   display: flex;
   justify-content: space-around;
   align-items: center;
   margin: 0;
   flex-wrap: wrap;
}
#sit_siblings:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
#sit_siblings h2 {
   position: absolute;
   font-size: 0;
   text-indent: -9999em;
   line-height: 0;
   overflow: hidden;
}
#sit_siblings a {
   padding: 20px;
   color: #777;
   text-decoration: none;
   width: 100%;
   max-width: 500px;
   overflow: hidden;
   white-space: nowrap;
   display: flex;
   align-items: center;
}
#sit_siblings a:hover {
   color: #000;
}
#sit_siblings a span {
   color: var(--main_color5);
   background-color: var(--main_color);
   border-radius: 20px;
   padding: 6px 20px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: calc(100% - 40px);
   display: inline-block;
   margin: 0 10px;
}
#siblings_prev {
   text-align: left;
   position: relative;
   justify-content: flex-start;
}
#siblings_prev::before {
   content: "\f104";
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   color: #af1d1d;
   position: absolute;
   top: 20px;
   left: 0;
   font-size: 24px;
}
#siblings_next {
   text-align: right;
   position: relative;
   justify-content: flex-end;
}
#siblings_next::before {
   content: "\f105";
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   position: absolute;
   top: 20px;
   right: 0;
   font-size: 24px;
}
/* 상품 상세보기 - sns */
#sit_star_sns {
   position: absolute;
   top: 0px;
   right: 20px;
}
#sit_star_sns .score {
   display: inline-block;
   vertical-align: top;
   font-size: 1.25em;
   margin-left: 7px;
}
#sit_star_sns .sit_star {
   position: relative;
   margin: 0 5px 0 0;
   vertical-align: top;
}
#sit_btn_wish {
   width: 30px;
   line-height: 40px;
   display: inline-block;
   font-size: 19px;
   color: #aaa;
}
#sit_star_sns .btn_sns_share {
   width: 30px;
   height: 40px;
   font-size: 19px;
   background: none;
   border: 0;
   color: #aaa;
}
#sit_btn_wish:hover,
#sit_star_sns .btn_sns_share:hover {
   color: #7d8dff;
}
#sit_star_sns .sns_area {
   display: none;
   position: absolute;
   top: 45px;
   right: 0;
   background: #fff;
   border: 1px solid #333;
   padding: 10px;
   z-index: 10;
   width: 200px;
   text-align: center;
}
#sit_star_sns .sns_area:before {
   content: "";
   position: absolute;
   top: -8px;
   right: 13px;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 0 6px 8px 6px;
   border-color: transparent transparent #000 transparent;
}
#sit_star_sns .sns_area:after {
   content: "";
   position: absolute;
   top: -7px;
   right: 13px;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 0 6px 8px 6px;
   border-color: transparent transparent #fff transparent;
}
#sit_star_sns .sns_area a {
   display: inline-block;
   width: 35px;
   height: 35px;
   border-radius: 30px;
   line-height: 35px;
   background: #eee;
   text-align: center;
   vertical-align: top;
}
#sit_star_sns .sns_area a img {
   width: 24px;
   height: auto;
   vertical-align: top;
}
#sit_star_sns .sns_area #sit_btn_rec {
   font-size: 15px;
}
#sit_star_sns .sns_area .share-googleplus {
   background: #d5503a;
   padding: 5px 0;
}
#sit_star_sns .sns_area .share-facebook {
   background: #415b92;
   padding: 5px 0;
}
#sit_star_sns .sns_area .share-twitter {
   background: #35b3dc;
   padding: 5px 0;
}
#sit_star_sns .sns_area .share-kakaotalk {
   background: #ffeb00;
   padding: 5px 0;
}
/* 상품 상세보기 - 간략정보  */
#sit_ov {
   float: left;
   width: 50%;
   padding: 20px;
   position: relative;
   background: #fff;
   padding: 20px;
   height: auto !important;
}
#sit_ov h2 {
   position: absolute;
   font-size: 0;
   text-indent: -9999em;
   line-height: 0;
   overflow: hidden;
}
#sit_ov h1 {
   margin: 10px 0 10px;
   color: var(--main_color0);
   font-weight: 300;
   font-size: 1.75rem !important;
}
@media (max-width: 969px) {
   #sit_ov h1 {
      font-size: 23px !important;
   }
}
#sit_ov h3 {
   margin: 10px 0 10px;
   color: var(--main_color0);
   font-weight: 300;
}
#sit_title {
   display: block;
   margin: 14px 0;
   /* font-size: 2em; */
   line-height: 1.3em;
   font-weight: 400;
}
#sit_desc {
   margin: 10px 0;
   color: #666;
   line-height: 1.25em;
}
#sit_opt_info {
   position: absolute;
   font-size: 0;
   text-indent: -9999em;
   line-height: 0;
   overflow: hidden;
}
.sit_price {
   margin: 20px 0;
   padding-bottom: 10px;
}
.sit_price .price_wr {
   margin: 5px 0;
}
.sit_price .price span {
   /* font-weight: bold; */
   font-size: 1.25em;
}
.sit_price .price_og span {
   text-decoration: line-through;
   color: #999;
}
.sit_price strong {
   display: inline-block;
   font-weight: normal;
   width: 80px;
   color: #999;
   font-size: 0.92em;
}
.sit_price .price strong {
   color: #000;
}
.sit_icon {
   display: block;
   margin: 0 0;
}
.sit_icon img {
   margin: 0 1px 0 0;
   vertical-align: top;
   vertical-align: top;
   margin: 0 1px;
}
#sit_star {
   color: #b8afa2;
   font-size: 0.95em;
   padding: 0 10px;
   line-height: 2.2em;
}
#sit_star span {
   display: inline-block;
   margin: 0 5px 0 0;
   color: #666;
   letter-spacing: 0;
}
#sit_star .sit_star {
   position: relative;
   top: -2px;
   margin: 0 5px 0 0;
}
#sit_star a {
   display: inline-block;
   vertical-align: middle;
}
#sit_star button {
   margin: 0;
   padding: 0;
   border: 0;
}
.sit_ov_tbl {
   padding: 10px 0;
   border-top: 1px solid #eee;
   border-bottom: 1px solid #eee;
}
.sit_ov_tbl table label {
   margin-bottom: 0;
}
.sit_ov_tbl button {
   background: none;
   text-align: left;
   color: #888;
   height: 27px;
   font-size: 0.92em;
   width: 100%;
   position: relative;
   border: 0;
}
.sit_ov_tbl button i {
   position: absolute;
   top: 0;
   right: 5px;
   font-size: 14px;
   line-height: 27px;
}
.sit_ov_tbl table {
   border-collapse: collapse;
   width: 100%;
   margin: 0 0;
   border: 0;
   font-size: 0.92em;
}
.sit_ov_tbl th {
   font-weight: normal;
   text-align: left;
   padding: 5px 0;
   width: 80px;
   color: #999;
}
.sit_ov_tbl td {
   padding: 8px 0;
}
.sit_ov_tbl tr:first-child td,
.sit_ov_tbl tr:first-child th {
   border: none;
}
.sit_ov_ro {
   padding: 2px 2px 3px;
   border: 0;
   background: transparent;
   text-align: right;
   vertical-align: middle;
}
.sit_ov_opt {
   padding: 2px 2px 3px;
   border: 0;
   background: transparent;
   vertical-align: middle;
}
.sit_ov_input {
   height: 1.8em;
   border: 1px solid #b8c9c2;
   background: transparent;
   vertical-align: middle;
}
.sit_ov_tbl button {
   margin: 0;
}
.sit_op_sl {
   width: 100%;
   border-collapse: collapse;
   border: 1px solid #e9e9e9;
}
.sit_op_sl th {
   font-weight: normal;
   text-align: left;
   padding: 0 0 0 10px;
}
.sit_op_sl td {
   text-align: left;
   padding: 9px 10px 9px 0;
}
.sit_sel_btn {
   position: relative;
   top: -15px;
   right: -2px;
}
/* 선택옵션용 추가 버튼 */
.sit_sel_btn button {
   width: 100%;
}
@media (max-width: 969px) {
   #sit_pvi,
   #sit_ov {
      width: 100%;
   }
   #sit_ov_wrap {
      padding: 0;
   }
}
/* 상품 상세보기 - 구매하기  */
.buy_wr {
}
#sit_buy .btn_close {
   display: none;
}
#sit_buy_op {
   display: none;
}
#sit_buy_op #buy_op_btn {
   background-color: var(--maincolor);
}
#sit_ov_soldout {
   padding: 20px 0;
   margin: 10px 0;
   color: #ff3061;
   background: #fff6f6;
   border: 1px solid #fadada;
   font-weight: bold;
   text-align: center;
}
#sit_ov_btn {
   margin: 0 0 10px 0;
   padding: 0;
   text-align: center;
}
#sit_ov_btn:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
#sit_btn_cart {
   float: right;
   width: 49.5%;
   height: 50px;
   font-weight: bold;
   color: #fff;
}
#sit_btn_buy {
   float: left;
   width: 49.5%;
   height: 50px;
   font-weight: bold;
   border-radius: 6px;
}
#sit_sel_option,
#sit_tot_price {
   margin: 20px 0;
}
#sit_tot_price {
   font-size: 1.25em;
   font-weight: bold;
}
#sit_tot_price span {
   font-weight: normal;
   font-size: 13px;
   margin-right: 20px;
}
#sit_tot_price strong {
   font-size: 1.25em;
   font-weight: bold;
}
.sit_option_wr {
   padding: 20px 0;
}
.sit_option_wr h3 {
   margin: 0 0 5px;
}
.sit_option_wr label {
   display: block;
   margin: 0 0 5px;
}
.sit_option_wr select {
   width: 100%;
}
.get_item_options {
   margin: 5px 0;
}
#sit_tab {
   padding: 0 0 50px;
   text-align: left;
   position: relative;
}
#sit_tab .tab_tit {
   max-width: 1200px;
   margin: 0 auto;
   width: 100%;
   display: flex;
   padding-left: 15px;
   padding-right: 15px;
}
#sit_tab .tab_tit:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
#sit_tab .tab_tit li {
   display: inline-block;
   padding: 0;
   text-align: center;
   flex: 1;
}
#sit_tab .tab_tit li button {
   display: block;
   width: 100%;
   position: relative;
   height: 50px;
   color: #8b8b8b;
   background: none;
   border: 0;
   text-align: center;
   z-index: 1;
   border: 1px solid #d5d5d5;
   /* background: #f2f2f2; */
   /* border-bottom: 1px solid #af1d1d; */
   border-bottom: 1px solid #000;
   transition: all 0.3s;
}
#sit_tab .tab_tit li button:hover {
   color: #000;
}
#sit_tab .tab_tit li button.selected:hover {
   /* color: #7d8dff; */
   color: #000;
}
#sit_tab .tab_tit li .selected {
   color: var(--fontcolor);
   border-left: 1px solid #000;
   border-top: 1px solid #000;
   border-right: 1px solid #000;
   border-bottom: none !important;
   background-color: #fff;
}
#sit_tab .tab_con {
   margin: 0 auto;
   max-width: 1200px;
   padding: 15px;
   text-align: left;
}
@media (max-width: 639px) {
   #sit_buy_op {
      display: block;
      position: fixed;
      bottom: 0px;
      left: 0;
      padding: 10px;
      background: #fff;
      border-top: 1px solid #aaa;
      z-index: 97;
      width: 100%;
      -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
   }
   #sit_buy_op #buy_op_btn {
      width: 100%;
      border: 0;
      padding: 13px;
      font-weight: bold;
      color: #fff;
   }
   #sit_buy {
      display: none;
      position: fixed;
      bottom: 0px;
      left: 0;
      z-index: 99;
      width: 100%;
      text-align: center;
   }
   #sit_buy h2 {
      position: absolute;
      font-size: 0;
      text-indent: -9999em;
      line-height: 0;
      overflow: hidden;
   }
   #sit_buy .btn_close {
      background: url(./img/m-btn-op.png) no-repeat 50% 50% #fff;
      border: 1px solid #aaa;
      border-bottom: 0;
      margin-bottom: -1px;
      z-index: 1;
      position: relative;
      text-indent: -999px;
      overflow: hidden;
      width: 70px;
      height: 24px;
      border-radius: 10px 10px 0 0;
      display: inline-block;
   }
   .buy_wr {
      background: #fff;
      border-top: 1px solid #aaa;
      padding: 0 20px;
      max-height: 230px;
      text-align: left;
      overflow-y: auto;
   }
   #sit_buy .sit_option_wr {
      border-top: 0;
      padding-top: 0;
   }
}
/* 상품 상세보기 - 상품정보 */
#sit_inf_basic {
   margin: 0 0 20px;
}
#sit_inf_explan {
   margin: 0 0 10px;
   line-height: 1.5em;
}
#sit_inf_explan {
   text-align: center;
}
#sit_inf_explan img {
   max-width: 100%;
   height: auto;
}
#sit_inf_open {
   margin: 0;
   padding: 0;
   list-style: none;
}
#sit_inf_open li {
   margin: 0 0 1px;
   padding: 8px 0;
   background: #fff;
   border: 1px solid #f2f2f2;
   border-top: none;
   color: #727272;
}
#sit_inf_open li:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
#sit_inf_open strong {
   clear: both;
   float: left;
   padding: 0 1%;
   width: 28%;
   letter-spacing: -0.1em;
}
#sit_inf_open span {
   float: left;
   margin: 0;
   padding: 0 1%;
   width: 68%;
}
#sit_inf h2 {
   position: absolute;
   font-size: 0;
   text-indent: -9999em;
   line-height: 0;
   overflow: hidden;
}
#sit_inf h3 {
   /* position: absolute;
    font-size: 0;
    line-height: 0; */
   content: "";
}
#sit_inf_open {
   width: 100%;
   border: 0;
   border-top: 1px solid #777;
   border-collapse: collapse;
   margin: 30px 0 40px;
}
#sit_inf_open th {
   padding: 10px;
   border-bottom: 1px solid #e5e5e5;
   background: #f3f3f3;
   vertical-align: top;
   text-align: left;
   width: 30%;
   font-weight: normal;
}
#sit_inf_open td {
   padding: 10px;
   border-bottom: 1px solid #e5e5e5;
   background: #fff;
   vertical-align: top;
}
@media (max-width: 639px) {
   #sit_inf_open th,
   #sit_inf_open td {
      display: block;
      width: 100%;
   }
}
/* 상품 상세보기 - 사용후기 */
.tit_no {
   position: absolute;
   font-size: 0;
   text-indent: -9999em;
   line-height: 0;
   overflow: hidden;
}
#sit_use_ol {
   margin: 0 0 5px;
   padding: 0;
   /* border-top: 1px solid #e5e5e5; */
   list-style: none;
}
.sit_use_li {
   position: relative;
   border-bottom: 1px solid #e5e5e5;
}
.sit_use_li:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
.sit_use_li_title {
   display: inline-block;
   margin: 0;
   padding: 0;
   line-height: 60px;
   /* width: 100%; */
   border: 0;
   background: transparent;
   text-align: left;
   padding-right: 20px;
   text-overflow: ellipsis;
   /* overflow: hidden; */
   white-space: nowrap;
   position: relative;
}
.sit_use_li_title::after {
   content: "열기";
   position: absolute;
   right: -34px;
   font-size: 12px;
   color: #fff;
   transition: transform 0.3s;
   background-color: var(--subcolor2);
   border-radius: 2px;
   padding-left: 3px;
   padding-right: 3px;
   height: 20px;
   line-height: 20px;
   top: 50%;
   transform: translateY(-50%);
}
.sit_use_li_title.open::after {
   content: "닫기";
   background-color: var(--subcolor1);
}
.sit_use_li_title b {
   font-weight: normal;
   margin-right: 2px;
}
.sit_use_dl {
   margin: 0;
   padding: 0;
   position: absolute;
   top: 0;
   right: 0;
   line-height: 60px;
   font-size: 0.92em;
}
.sit_use_dl:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
.sit_use_dl dt {
   position: absolute;
   font-size: 0;
   text-indent: -9999em;
   line-height: 0;
   overflow: hidden;
}
.sit_use_dl dd {
   float: left;
   margin: 0 10px 0 0;
   color: #888;
}
.sit_use_dl dd img {
   width: 80px;
   height: auto;
   vertical-align: top;
   margin-top: 22px;
}
.sit_use_con {
   display: none;
   padding: 15px 0;
}
.sit_use_p {
   margin: 0 0 10px;
}
.sit_use_cmd {
   text-align: right;
}
.sit_use_cmd .itemuse_delete {
   background-color: var(--subcolor1);
}
.sit_use_cmd .itemuse_delete:hover {
   background-color: var(--subcolor1down);
}
.sit_use_cmd a.btn01 {
   padding: 5px;
}
#sit_use_wbtn {
   margin: 10px 0;
   text-align: right;
}
#sit_use_write {
   margin: 60px 20px 80px;
}
#sit_use_write #is_subject {
   width: 100%;
   padding: 6px 10px;
}
#sit_use_write ul {
   margin: 5px 0 0;
}
#sit_use_write li {
   margin: 0 0 5px;
}
#sit_use_write li label {
   display: inline-block;
   width: 80px;
}
#sit_use_write_star {
   margin: 0;
   padding: 0;
   list-style: none;
}
/* 상품 상세보기 - 상품문의 */
#sit_qa_ol {
   margin: 0 0 5px;
   padding: 0px 0;
   /* border-top: 1px solid #e5e5e5; */
   list-style: none;
}
.sit_qa_li {
   position: relative;
   border-bottom: 1px solid #e5e5e5;
   /* margin-top: -1px; */
   /* padding: 10px 0; */
}
.sit_qa_li_title {
   display: inline-block;
   margin: 0;
   padding: 0;
   line-height: 60px;
   /* width: 100%; */
   border: 0;
   background: transparent;
   text-align: left;
   padding-right: 20px;
   text-overflow: ellipsis;

   white-space: nowrap;
   position: relative;
}
.sit_qa_li_title::after {
   content: "열기";
   position: absolute;
   right: -34px;
   font-size: 12px;
   color: #fff;
   transition: transform 0.3s;
   background-color: var(--subcolor2);
   border-radius: 2px;
   padding-left: 3px;
   padding-right: 3px;
   height: 20px;
   line-height: 20px;
   top: 50%;
   transform: translateY(-50%);
}
.sit_qa_li_title.open::after {
   content: "닫기";
   background-color: var(--subcolor1);
}
.sit_qa_li_title img {
   vertical-align: middle;
}
.sit_qa_li_title b {
   font-weight: normal;
   margin-right: 2px;
}
.sit_qa_dl {
   margin: 0;
   padding: 0 10px;
   position: absolute;
   top: 0;
   right: 0;
   line-height: 60px;
   font-size: 0.92em;
}
.sit_qa_dl:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
.sit_qa_dl dt {
   position: absolute;
   font-size: 0;
   text-indent: -9999em;
   line-height: 0;
   overflow: hidden;
}
.sit_qa_dl dd {
   float: left;
   margin: 0 10px 0 0;
   color: #888;
}
.sit_qa_dl dd.sit_qaa_yet,
.sit_qa_dl dd.sit_qaa_done {
   display: inline-block;
   width: 50px;
   text-align: center;
   font-weight: bold;
   margin: 0;
}
.sit_qa_dl dd.sit_qaa_done {
   color: #ef7878;
}
.sit_qa_con {
   display: none;
}
.sit_qa_p {
   background: #fff;
   line-height: 1.8em;
}
.sit_qa_p strong {
   display: inline-block;
   margin: 0 0 10px;
}
.sit_qa_qaq {
   margin-bottom: 10px;
   padding: 20px;
   border-bottom: 1px dotted #eee;
}
.sit_qa_qaa {
   padding: 20px;
}
.sit_qa_con textarea {
   display: none;
}
.sit_qa_cmd {
   text-align: right;
   margin-bottom: 10px;
}
.sit_qa_cmd a.btn01 {
   display: inline-block;
   padding: 4px 15px;
   color: #fff;
   text-decoration: none;
   vertical-align: middle;
   border: 0;
   border-radius: 3px;
}
.sit_qa_cmd a.btn01.itemqa_form {
   background-color: var(--maincolor);
}
.sit_qa_cmd a.btn01.itemqa_form:hover {
   background-color: var(--maincolorup);
}
.sit_qa_cmd a.btn01.itemqa_delete {
   background-color: var(--subcolor1);
}
.sit_qa_cmd a.btn01.itemqa_delete:hover {
   background-color: var(--subcolor1down);
}
.sit_qa_pw {
   display: none;
   position: absolute;
   top: 30px;
   left: 175px;
   padding: 10px;
   width: 348px;
   border: 1px solid #000;
   background: #fff;
   text-align: center;
}
.sit_qa_pw span {
   display: block;
   margin: 0 0 5px;
}
#sit_qa_wbtn {
   margin: 10px 0;
   text-align: right;
}
#sit_qa_wbtn a {
   vertical-align: middle;
}
#sit_qa_w {
   display: none;
}
@media (max-width: 640px) {
   .sit_use_dl,
   .sit_qa_dl {
      position: relative;
      line-height: 20px;
   }
   .sit_qa_li_title,
   .sit_use_li_title {
      line-height: 20px;
      padding: 0 0 5px;
   }
   .sit_use_li {
      padding: 15px 0;
   }
   .sit_use_dl dd img {
      margin: 0;
   }
}
/* 사용후기 모음 */
#sps_sch {
   margin: 80px 10px 10px;
}
#sps_sch a {
   display: inline-block;
   padding: 0 8px;
   height: 45px;
   line-height: 40px;
   vertical-align: top;
   border-radius: 3px;
   color: #999;
   font-weight: 300;
   text-decoration: underline;
   text-align: center;
}
#sps_sch .sch_wr {
   position: relative;
   display: inline-block;
}
#sps_sch .sch_wr:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
#sps_sch select {
}
#sps_sch .sch_input {
   height: 38px;
   border: 0;
   padding: 0;
   background-color: transparent;
   float: left;
   width: 60%;
   padding: 0 40px 0 10px;
}
#sps_sch .sch_btn {
   height: 36px;
   position: absolute;
   top: 0;
   right: 0;
   border: 0;
   width: 40px;
   background: none;
   font-size: 15px;
}
#sps {
   zoom: 1;
   margin-bottom: 120px;
}
#sps ol {
   margin: 10px;
   padding: 0;
   border-top: 1px solid #e9e9e9;
   list-style: none;
}
#sps li {
   position: relative;
   padding: 10px;
   border-bottom: 1px solid #eee;
   background: #fff;
   margin: 0 0;
}
#sps li:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
.sps_img {
   position: absolute;
   top: 10px;
   left: 10px;
}
.sps_img img {
   border-radius: 50%;
}
.sps_img span {
   position: absolute;
   font-size: 0;
   text-indent: -9999em;
   line-height: 0;
   overflow: hidden;
}
#sps dl {
   margin: 5px 0;
   color: #888;
   font-size: 0.917em;
   overflow: hidden;
}
#sps dt {
   position: absolute;
   font-size: 0;
   text-indent: -9999em;
   line-height: 0;
   overflow: hidden;
}
#sps dd {
   float: left;
   margin: 0 10px 0 0;
   line-height: 18px;
   height: 18px;
}
#sps dd img {
   position: relative;
   top: -2px;
}
.sps_section {
   margin-left: 80px;
   display: block;
}
.sps_section h2 {
   font-size: 16px;
}
.sps_section .is_use_reply {
   background: url("../mobile/shop/img/use_reply.png") no-repeat;
   text-indent: 30px;
   line-height: 1.5em;
}
.sps_section p {
   padding: 0;
   width: 100%;
}
.sps_con_full {
   padding: 0;
   height: auto !important;
}
.sps_con_btn {
   margin: 5px 0 0;
}
.sps_con_btn button {
   border: 1px solid #ddd;
   padding: 5px 8px;
   color: #666;
   font-size: 0.92em;
   margin: 5px 0;
   background: #fff;
}
.sps_reply {
   margin-top: 10px;
   padding-top: 10px;
   border-top: 1px dotted #bbb;
   position: relative;
}
.sps_reply .sps_img {
   width: 50px;
   text-align: center;
}
.sps_reply .sps_section h2 {
   background: url("./img/use_reply.png") no-repeat 0 0;
   text-indent: 30px;
   line-height: 1.5em;
}
.sps_reply .sps_section {
   margin-left: 70px;
   min-height: 50px;
}
#sps_empty {
   text-align: center;
   color: #777;
   padding: 50px 0;
}
/* 상품문의 모음 */
#sqa_sch {
   position: relative;
   margin: 80px auto 0;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}
#sqa_sch #stx {
   padding: 6px 10px;
}
#sqa_sch a {
   display: inline-block;
   padding: 0 8px;
   height: 45px;
   line-height: 40px;
   vertical-align: top;
   border-radius: 3px;
   color: #999;
   font-weight: 300;
   text-decoration: underline;
   text-align: center;
}
#sqa_sch .sch_wr {
   position: relative;
   display: inline-block;
}
#sqa_sch .sch_wr:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
#sqa_sch select {
}
#sqa_sch .sch_input {
   height: 38px;
   border: 0;
   padding: 0;
   background-color: transparent;
   float: left;
   width: 60%;
   padding: 0 40px 0 10px;
}
#sqa_sch .sch_btn {
   /* height: 38px;
  position: absolute; */
   top: 0;
   right: 0;
   border: 0;
   width: 40px;
   background: none;
   font-size: 15px;
}
#sqa {
   zoom: 1;
}
#sqa ol {
   margin: 10px;
   padding: 0;
   border-top: 1px solid #e9e9e9;
   list-style: none;
}
#sqa li {
   position: relative;
   padding: 10px;
   border-bottom: 1px solid #eee;
   background: #fff;
}
#sqa li:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
.sqa_img {
   position: absolute;
   top: 10px;
   left: 10px;
}
.sqa_img img {
   border-radius: 50%;
}
.sqa_img span {
   position: absolute;
   font-size: 0;
   text-indent: -9999em;
   line-height: 0;
   overflow: hidden;
}
#sqa dl {
   margin: 5px 0 10px;
   color: #888;
   font-size: 0.917em;
   overflow: hidden;
}
#sqa dt {
   position: absolute;
   font-size: 0;
   text-indent: -9999em;
   line-height: 0;
   overflow: hidden;
}
#sqa dd {
   float: left;
   margin: 0 10px 0 0;
}
#sqa dd img {
   position: relative;
   top: -2px;
}
.sqa_section {
   margin-left: 80px;
   display: block;
}
.sqa_section h2 {
   font-weight: bold;
   margin: 5px 0;
   font-size: 1.4rem;
   display: flex;
   align-items: center;
   justify-content: start;
}
.sqa_section .sqa_con {
   background: #f3f3f3;
   line-height: 1.7em;
}
.sqa_section p {
   padding: 0;
   width: 100%;
   margin-bottom: 0;
}
.sqa_con_full {
   padding: 0;
   height: auto !important;
}
.sqa_con_btn {
   margin: 5px 0 0;
}
.sqa_con_btn button {
   border: 1px solid #ddd;
   padding: 5px 8px;
   color: #666;
   font-size: 0.92em;
   margin: 5px 0;
   background: #fff;
}
#sqa .sit_qa_qaq,
#sqa .sit_qa_qaa {
   padding: 10px 5px 10px 40px;
   position: relative;
}
.sqa_con .qa_alp {
   position: absolute;
   top: 10px;
   left: 15px;
   font-size: 1.75em;
   color: #bbb;
}
#sqa_empty {
   text-align: center;
   color: #777;
   padding: 50px 0;
}
#sqa .sit_qaa_yet,
#sqa .sit_qaa_done {
   display: inline-block;
   text-align: center;
   font-weight: bold;
   margin: 0;
   font-size: 11px;
   background: #f3f3f3;
   color: #999;
   padding: 0 10px;
   line-height: 30px;
}
#sqa .sit_qaa_done {
   background: #8c8cff;
   color: #fff;
}
/* 상품검색 */
#ssch_frm {
   zoom: 1;
}
#ssch_frm h2 {
   margin: 10px;
   color: #888;
   line-height: 30px;
   font-size: 1.4rem;
}
#ssch_frm h2 span {
   font-size: 1.4rem;
   color: #000;
}
#ssch_frm h2 strong {
   color: var(--main_color1);
}
#ssch_frm form {
   margin: 0 0px 20px;
}
#ssch_frm .ssch_scharea {
   min-height: 50px;
   padding: 20px 0;
}
#ssch_frm .ssch_scharea:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
#ssch_frm .ssch_scharea label {
   display: inline-block;
   margin: 0 8px 0 0;
}
#ssch_frm .ssch_left {
   float: left;
   position: relative;
}
#ssch_frm .ssch_right {
   float: right;
   margin-bottom: 10px;
}
#ssch_frm .ssch_input {
   height: 30px;
   border: 1px solid #cbcbcb;
   padding: 0 10px;
   /* max-width: 300px; */
}
#ssch_frm .btn_submit {
   width: 30px;
   height: 30px;
   position: absolute;
   top: 0;
   right: 0;
   padding: 0;
}
#ssch_frm p {
   padding: 15px;
   background: var(--basecolor);
   margin-top: 10px;
   clear: both;
}
#ssch_cate ul {
   border-bottom: 1px solid #e3e5e8;
}
@media (max-width: 970px) {
   #ssch_frm .ssch_left {
      float: none;
      display: inline-block;
      width: 100%;
   }
   #ssch_frm .ssch_right {
      float: none;
   }
   #ssch_frm .ssch_right span {
      margin: 10px 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
   }
}
@media (max-width: 640px) {
   #ssch_frm .ssch_left .ssch_input {
      width: 100%;
   }
   #ssch_frm h2 span {
      font-size: 1.083em;
   }
   .sct_wrap .title {
      margin: 40px 0 20px;
   }
}
/*배송교환정보*/
#sit_dvex h2 {
   position: absolute;
   font-size: 0;
   text-indent: -9999em;
   line-height: 0;
   overflow: hidden;
}
#sit_dvex h3 {
   font-size: 1.167em;
   margin-bottom: 10px;
}
#sit_dvex .box {
   margin-bottom: 20px;
   padding: 20px;
}
/* 로딩안내 레이어 */
#loading_message {
   z-index: 10000;
   position: absolute;
   top: 0;
   left: 0;
   background: #fff;
   opacity: 0.7;
}
#loading_message img {
   position: relative;
   opacity: 1;
}
/* 알림 box */
#fancyalert {
   display: block;
   z-index: 10000;
   position: absolute;
   top: 0;
   left: 0;
}
#fancyalert_inner {
   display: table;
   z-index: 2;
   position: relative;
}
#fancyalert_inner div {
   display: table-cell;
   vertical-align: middle;
   text-align: center;
}
#fancyalert_inner span {
   display: block;
   margin: 0 auto;
   padding: 30px;
   width: 200px;
   background: #1f1f1f;
   color: #f0f1f2;
}
#fancyalert_inner button {
   margin: 15px 0 0;
   padding: 10px 30px;
   border: 0;
   background: #000;
   color: #fff;
}
#fancyalert_bg {
   z-index: 0;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   vertical-align: middle;
   background: #000;
   text-align: center;
   opacity: 0.7;
}
#sit_sms_new .tbl_frm01 th {
   width: 100px;
}
/*쿠폰존 리스트*/
.couponzone_list {
   margin: 20px 10px;
   background: #fff;
   border-bottom: 1px solid #ccc;
   padding: 20px;
}
.couponzone_list h2 {
   margin: 0 0 5px;
   font-size: 1.25em;
}
.couponzone_list p {
   margin: 0 0 10px;
}
.couponzone_list ul {
   padding: 0;
   margin: 0;
   list-style: none;
   background: #fff;
}
.couponzone_list ul:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}
.couponzone_list ul li {
   padding: 10px 0;
   line-height: 1.2em;
   margin: 5px 0;
}
.couponzone_list ul li .coupon_img {
}
.couponzone_list ul li img {
   width: 100%;
   height: auto;
}
.couponzone_list ul li img {
   width: 100%;
   height: auto;
}
.couponzone_list ul li .coupon_img {
}
.couponzone_list ul li .coupon_tit {
   margin: 10px 0 5px;
   font-size: 1.083em;
   line-height: 1.4em;
   font-weight: bold;
}
.couponzone_list ul li .coupon_date {
   margin: 5px 0px;
   font-size: 0.92em;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   color: #777;
}
.couponzone_list ul li .coupon_target {
   margin: 5px 0px;
   font-size: 0.92em;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   color: #777;
}
.couponzone_list ul li .coupon_target a {
   color: #777;
   text-decoration: underline;
}
.couponzone_list ul li .coupon_point {
   margin: 5px 0px;
   font-size: 0.92em;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   color: #777;
}
.couponzone_list ul li .coupon_btn {
   margin: 10px 0 0;
   text-align: center;
}
.couponzone_list ul li .coupon_btn .btn02 {
   width: 100%;
   height: 35px;
   padding: 0;
   font-weight: bold;
   background: #8183c3;
   border: 0;
}
.couponzone_list ul li .coupon_btn .btn02:hover {
   background: #5255cc;
   color: #fff;
}
.couponzone_list ul li .coupon_btn .disabled {
   background: #ddd;
   border: 1px;
   color: #999;
   border-color: #ddd;
}
.couponzone_list ul li .coupon_btn .disabled:hover {
   background: #ddd;
   border: 1px;
   color: #999;
   border-color: #ddd;
}
.couponzone_list .no_coupon {
   padding: 100px 0;
   text-align: center;
   color: #999;
}
#point_coupon li {
   height: 250px;
}
@media (min-width: 640px) and (max-width: 969px) {
   .couponzone_list ul li {
      width: 50%;
      float: left;
      padding: 10px;
   }
   .couponzone_list ul li:nth-child(2n + 1) {
      clear: both;
   }
}
@media (min-width: 970px) {
   .couponzone_list ul li {
      width: 25%;
      float: left;
      padding: 10px;
   }
   .couponzone_list ul li:nth-child(4n + 1) {
      clear: both;
   }
}
#forderform {
   margin: 80px auto 120px;
}
#display_pay_button .btn_submit {
   /* background: #7d8dff; */
   /* border: 1px solid #7d8dff; */
   color: #fff;
   text-decoration: none;
   vertical-align: middle;
   border: 0;
   padding: 10px 16px;
   border-radius: 4px;
}
#display_pay_button a.btn01 {
   display: inline-block;
   padding: 10px 16px;
   border: 1px solid #ccc;
   /* border-bottom: 1px solid #aaa; */
   background: #fff;
   color: #333;
   text-decoration: none;
   vertical-align: middle;
   border-radius: 4px;
}
#display_pay_button a.btn01:hover {
   background: #e9e9e9;
}
.tbl_frm01.tbl_wrap th {
   padding: 10px 10px;
}
.tbl_frm01.tbl_wrap td {
   padding: 10px 10px;
}
.social_register {
   max-width: 800px;
   margin: 80px auto;
}
.member_connect {
   max-width: 800px;
   margin: 0 auto 120px !important;
}
.fotorama__wrap {
   margin: auto;
}
/* item.form.skin.php */
.get_item_supply {
   border-bottom: 1px solid #ddd;
   display: flex;
   line-height: 40px;
}
.get_item_supply .label-title {
   width: 30%;
}
.get_item_supply .td_sit_sel {
   width: 70%;
}
.get_item_supply .it_supply {
   height: auto;
}

#sit_btn_buy {
   background-color: var(--maincolor);
}
#sit_btn_buy:hover {
   background-color: var(--maincolorup);
}
#sit_btn_cart {
   background-color: var(--subcolor2);
}
#sit_btn_cart:hover {
   background-color: var(--subcolor2down);
}

.splitting_text [data-char] {
   display: inline-block;
   opacity: 0;
   transform: translateY(20px);
   animation: fadeUp 0.3s forwards;
   /* animation: fadeInUp 0.5s; */
}

.splitting_text [data-char]:nth-child(1) {
   animation-delay: 0.1s;
}
.splitting_text [data-char]:nth-child(2) {
   animation-delay: 0.12s;
}
.splitting_text [data-char]:nth-child(3) {
   animation-delay: 0.14s;
}
.splitting_text [data-char]:nth-child(4) {
   animation-delay: 0.16s;
}
.splitting_text [data-char]:nth-child(5) {
   animation-delay: 0.18s;
}
.splitting_text [data-char]:nth-child(6) {
   animation-delay: 0.2s;
}
.splitting_text [data-char]:nth-child(7) {
   animation-delay: 0.22s;
}
.splitting_text [data-char]:nth-child(8) {
   animation-delay: 0.24s;
}
.splitting_text [data-char]:nth-child(9) {
   animation-delay: 0.26s;
}
.splitting_text [data-char]:nth-child(10) {
   animation-delay: 0.28s;
}
.splitting_text [data-char]:nth-child(11) {
   animation-delay: 0.3s;
}
.splitting_text [data-char]:nth-child(12) {
   animation-delay: 0.32s;
}
.splitting_text [data-char]:nth-child(13) {
   animation-delay: 0.34s;
}
.splitting_text [data-char]:nth-child(14) {
   animation-delay: 0.36s;
}
.splitting_text [data-char]:nth-child(15) {
   animation-delay: 0.38s;
}

@keyframes fadeUp {
   to {
      opacity: 1;
      transform: translateY(0);
   }
}
.fotorama__stage__frame img {
   top: 0% !important;
}

.sct_star img {
   max-width: 70px;
}
/* 에디터관련 CSS 수정 사항 (2025.11.20)----------------------- */
#sit_inf_explan {
   text-align: inherit;
}
#mainbanner_alt {
   display: none;
}